@charset "utf-8";/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Merriweather:700);
@import url(http://fonts.googleapis.com/css?family=Crimson+Text:400,700);
*{font-size:16px;}
body,div,ul,ol,li,h1,h2,h3,h4,p,tr,td,img,a{margin: 0; padding: 0; font-family:vedenda,\5FAE\8EDF\6B63\9ED1\9AD4, Helvetica, sans-serif, "新細明體";}
body{ -webkit-text-size-adjust:100%; background:url(images/bg.jpg) repeat; width:100%; height:100%; font-size:16px;}
a img, img{vertical-align:top; text-decoration:none; border:0;}
ul{list-style:none;}
a{text-decoration:none; outline:none;}
hr{ border:none; +border:none; background:url(images/hr-bg.jpg) repeat; display:block; height:9px; margin:24px 0; clear:both;}
*:focus{outline:none;}
*::-moz-focus-inner{border:none; outline:none;}
.time font{font-family:'Merriweather', serif;}
.one{font-family:'Crimson Text', serif;}
#append-list{ height:12px !important;}
p{ text-align:justify;}

.content{ margin:0; padding:0; width:100%; background:url(images/top_bg.png) repeat-x center 40px;}	
.main{ width:67.8%; min-height:800px; margin:auto; background:url(images/main_bg.jpg) no-repeat left bottom ,#fff; padding:0px 0 160px 0;}

.main-slide{position:relative; width:100%; background:url(images/visual_bg.jpg) no-repeat center top; z-index:-50;}
/*大圖輪撥
.movie{margin:auto; width:100%; height:auto;}
.film img{display:block; float:left; border:none; width:25%;}
.film:after{content:"."; display:block; clear:both; line-height:0; height:0; visibility:hidden;}
.pager{margin:0; padding:0; width:100%; height:24px; text-align:center; position:absolute; z-index:999; top:300px;}
.pager li{display:inline-block; width:24px; height:24px; background:url(images/li.png) no-repeat; cursor:pointer;}
.pager li.active{background:url(images/li_ac.png) no-repeat;}*/

/*輪播*/
.carousel-inner > .item:after{content:"."; display:block; clear:both; line-height:0; height:0; visibility:hidden;}
.carousel-inner > .item span img {max-width: 100%; margin:0;}
.carousel{background:#000;}
.carousel-inner > .item{background-size:cover; text-align:center;}
.carousel + .container{margin-top:20px;}
.item.bg{background:url(images/visual_bg.jpg) no-repeat center top;}

/*【 FIX 選單 】*/
.menus-box{height:75px; margin:-40px 0 20px 0;}
.menus{width:100%; lis-tyle-type:none; margin:auto; padding:0;}
.menus:after{content:""; display:block; clear:both; line-height:0; height:0; visibility:hidden;}
.menus li{float:left; width:25%;}
.menus li > a{font:500 1.5em/2em "Microsoft JhengHei","微軟正黑體","新細明體"; background:#855b2d\9;}
.menus li > a {
  color:#fff; text-shadow: 1px 1px 1px rgba(30,6,1,0.8);
  text-decoration:none; text-align:center; width:100%; font-size:1.5em; display:block; padding:5% 10%;
  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;
  border-right: 3px solid #683f12;
  background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0) 0, rgba(255,255,255,0) 82%, #c9833e 95%, rgba(255,255,255,0) 96%, rgba(255,255,255,0) 100%),
              -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0, rgba(255,255,255,0) 86%, #a96d2d 98%, #a96d2d 100%), #855b2d;
  background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(255,255,255,0) 82%, #c9833e 95%, rgba(255,255,255,0) 96%, rgba(255,255,255,0) 100%),
  			  -moz-linear-gradient(0deg, rgba(255,255,255,0) 0, rgba(255,255,255,0) 86%, #a96d2d 98%, #a96d2d 100%), #855b2d;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(255,255,255,0) 82%, #c9833e 95%, rgba(255,255,255,0) 96%, rgba(255,255,255,0) 100%),
              linear-gradient(0deg, rgba(255,255,255,0) 0, rgba(255,255,255,0) 86%, #a96d2d 98%, #a96d2d 100%), #855b2d;
  background-position: 50% 50%;
  -webkit-background-origin: padding-box;background-origin: padding-box;
  -webkit-background-clip: border-box;background-clip: border-box;
  -webkit-background-size: auto auto;background-size: auto auto;
  -webkit-box-shadow: 1px 1px 1px 0 rgba(61,35,3,0.1) ;box-shadow: 1px 1px 1px 0 rgba(61,35,3,0.1) ;
}

.menus li > a:hover {
  border: 0 solid;
  border-right: 3px solid #603405;
  border-left-color: #1ab47c;
  background: -webkit-linear-gradient(-90deg, rgba(255,255,255,0) 0, rgba(255,255,255,0) 82%, #c9833e 95%, rgba(255,255,255,0) 95%, rgba(255,255,255,0) 100%), 
              -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0, rgba(255,255,255,0) 86%, #a96d2d 98%, #a96d2d 100%), 
			  -webkit-linear-gradient(0deg, #56340f 0, #855b2d 30%, #855b2d 70%, #56340f 100%);
  background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 0, rgba(255,255,255,0) 82%, #c9833e 95%, rgba(255,255,255,0) 95%, rgba(255,255,255,0) 100%), 
			  -moz-linear-gradient(0deg, rgba(255,255,255,0) 0, rgba(255,255,255,0) 86%, #a96d2d 98%, #a96d2d 100%), 
			  -moz-linear-gradient(90deg, #56340f 0, #855b2d 30%, #855b2d 70%, #56340f 100%);
  background: linear-gradient(180deg, rgba(255,255,255,0) 0, rgba(255,255,255,0) 82%, #c9833e 95%, rgba(255,255,255,0) 95%, rgba(255,255,255,0) 100%),
			  linear-gradient(0deg, rgba(255,255,255,0) 0, rgba(255,255,255,0) 86%, #a96d2d 98%, #a96d2d 100%),
			  linear-gradient(90deg, #56340f 0, #855b2d 30%, #855b2d 70%, #56340f 100%);
  background-position: 50% 50%; -webkit-background-origin: padding-box;
  background-origin: padding-box; -webkit-background-clip: border-box;
  background-clip: border-box; -webkit-background-size: auto auto;
  background-size: auto auto;
}

.menus li > a:active {
  background: -webkit-linear-gradient(-90deg, rgba(255,255,255,0) 0, rgba(255,255,255,0) 82%, #a96d2d 95%, rgba(255,255,255,0) 96%, rgba(255,255,255,0) 100%), 
			  -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0, rgba(255,255,255,0) 86%, #a96d2d 98%, #a96d2d 100%), 
			  -webkit-linear-gradient(0deg, #713f0a 0, #a2713c 30%, #a2713c 70%, #713f0a 100%);
  background: -moz-linear-gradient(180deg, rgba(255,255,255,0) 0, rgba(255,255,255,0) 82%, #a96d2d 95%, rgba(255,255,255,0) 96%, rgba(255,255,255,0) 100%), 
			  -moz-linear-gradient(0deg, rgba(255,255,255,0) 0, rgba(255,255,255,0) 86%, #a96d2d 98%, #a96d2d 100%), 
			  -moz-linear-gradient(90deg, #713f0a 0, #a2713c 30%, #a2713c 70%, #713f0a 100%);
  background: linear-gradient(180deg, rgba(255,255,255,0) 0, rgba(255,255,255,0) 82%, #a96d2d 95%, rgba(255,255,255,0) 96%, rgba(255,255,255,0) 100%), 
			  linear-gradient(0deg, rgba(255,255,255,0) 0, rgba(255,255,255,0) 86%, #a96d2d 98%, #a96d2d 100%), 
			  linear-gradient(90deg, #713f0a 0, #a2713c 30%, #a2713c 70%, #713f0a 100%);
  background-position: 50% 50%; -webkit-background-origin: padding-box;
  background-origin: padding-box; -webkit-background-clip: border-box;
  background-clip: border-box; -webkit-background-size: auto auto;
  background-size: auto auto;
}
/*【 三層手風琴 MENU點擊展開】*/
.sub{display:none; position:absolute; z-index:3000 !important; width:68%;}
.menus li.show .sub{display:block;}
.sub ul{padding:0;}
.sub li{float:none;}
.sub li a:link, .sub li a:visited{font-size:1.125em; border-bottom:solid 1px #e7e2dc; border-right:3px solid #664f36; background:#6e553a !important; width:100%; text-align:left; position:relative;}
.sub li a:hover{ background:#a2713c !important; background-position:0 -40px;}
.sub li > ul{display:none; padding:10px 0; background:#8e561e;}
.sub li > ul li a:link, .sub li > ul li a:visited{font-size:1em; line-height:2em; text-align:center; color:#fffc15; background:#8e561e !important; border:none; width:400%; padding-left:5%;}
.sub li > ul li a:hover{color:#fff;}
.sub li a > i{background:url(images/plus.svg) no-repeat left top; width:24px; height:24px; background-size:contain; position:absolute; right:10%; top:32%;}
/* 釘住時 */
.fixing .menus{position:fixed; width:68%; top:0; z-index:1688; box-shadow:0 2px 3px 0 rgba(64,64,64,.4);}
.fixing .menus .sub{ width:100% !important;}
.anchor{position:relative; top:-115px; display:block; /*width:200px; height:2px; background:#c00;*/}

/**/
.accordion {position:relative; background-color:#fff; display:inline-block; width:100%;  vertical-align:middle; margin:10px 0;}
.accordion .fa {position:relative; float:right; margin:-0.9em 0; color:#ccc;}
.accordion .fa:hover {color:#fff;}
.accordion b{position:relative; background-color:#07226c; color:#fff; display:inline-block; padding:0.36em .8em; float:left; margin:-0.65em; font-size:2em;
-webkit-border-top-left-radius:10px; -webkit-border-bottom-left-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-bottomleft:10px; border-top-left-radius:10px; border-bottom-left-radius:10px;}
.accordion h4 {position:relative; margin:0 0 0 80px; font:bold 1.25em/normal "Microsoft JhengHei","微軟正黑體","新細明體";}
.accordion a {position:relative; display:block; width:95%; margin:auto; color:#031a42; border:solid 1px #031a42; padding:1.2em; text-decoration:none; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; overflow:hidden;}
.accordion a:hover {text-decoration: none; color:#fff; background-color:#5068a8; transition: 0.3s;}
.accordion-desc {width:95%; margin:auto; background-color:#e7e7e7; color:#000; border:solid 1px #b9b5b5; z-index:2; padding: 20px 15px; line-height:2em;
-webkit-border-bottom-right-radius: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px;border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;
}
.accordion-desc ul{ list-style-image:url(images/qa-ul.jpg);}
.accordion-desc li{ color:#000; margin-left:30px; line-height:2em;}
/*隱藏手機選單*/
#location-menus.navbar.yamm.navbar-custom,
.navbar-custom{display:none;}

/*手機選單*/
.navbar { border:none;}
#location-menus .container{}
#location-menus .navbar-header{overflow:hidden; background:#855b2d\9;
  background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0) 0, rgba(255,255,255,0) 82%, #c9833e 95%, rgba(255,255,255,0) 96%, rgba(255,255,255,0) 100%),
              -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0, rgba(255,255,255,0) 86%, #a96d2d 98%, #a96d2d 100%), #855b2d;
  background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(255,255,255,0) 82%, #c9833e 95%, rgba(255,255,255,0) 96%, rgba(255,255,255,0) 100%),
  			  -moz-linear-gradient(0deg, rgba(255,255,255,0) 0, rgba(255,255,255,0) 86%, #a96d2d 98%, #a96d2d 100%), #855b2d;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(255,255,255,0) 82%, #c9833e 95%, rgba(255,255,255,0) 96%, rgba(255,255,255,0) 100%),
              linear-gradient(0deg, rgba(255,255,255,0) 0, rgba(255,255,255,0) 86%, #a96d2d 98%, #a96d2d 100%), #855b2d;
  background-position: 50% 50%;
  -webkit-background-origin: padding-box;background-origin: padding-box;
  -webkit-background-clip: border-box;background-clip: border-box;
  -webkit-background-size: auto auto;background-size: auto auto;
  -webkit-box-shadow: 1px 1px 1px 0 rgba(61,35,3,0.1) ;box-shadow: 1px 1px 1px 0 rgba(61,35,3,0.1) ;
}
#location-menus .navbar-brand{font-size:1.5em; line-height:2em; font-weight:bold; text-align:center; color:#fff !important; padding:0 0 0 15px;}
#location-menus #navbar-collapse-menus{padding:0; overflow:hidden; margin:0 -16px;}
.navbar-custom .navbar-nav > li > a{background:#6e553a; color:#fff; border-top:none; border-bottom:1px solid #fff; font-size:1.25em; line-height:1.5em; text-align:center; }
.navbar-custom .navbar-nav > li > a:hover{background:#a2713c;}

#location-menus .navbar-toggle{float:none; text-align:right; border-radius:0; position:absolute; right:0; left:0; width:100%; margin:0; padding:10px 15px 10px;}
#location-menus .navbar-toggle .drop-tip{display:inline-block; width:18px; height:13px; background:url(images/select_drop_arr.png) no-repeat 0 0; vertical-align:bottom;}
#location-menus .dropdown.opened.active .dropdown-toggle{pointer-events:none;}

/*標題*/
.sm{display:none;}
.tour_title{width:100%; overflow:hidden;}
.tour_title > img{ width:100%; height:auto;}

.page_title{ background:url(images/page-title_bg.jpg) no-repeat; color:#07226c; padding:10px 0 10px 185px; margin-bottom:23px; width:100%;}
.page_title h1{font-size:3em; height:54px; line-height:1em;}
.page_title p{font-size:1.125em;}

/*船隊*/
.table {display:table; outline:5px solid #003d6a; background:#003d6a; position:absolute; left:0; bottom:0; width:50%; color:#fff; text-align:center; border-collapse:collapse; margin:0 0 5px 5px; border:solid 3px #fff;}
.tr {display: table-row;}
.td {display: table-cell; width:25%; line-height:50px; border:solid 1px #fff;}

.ship_info,.ship_deco,.ship_floor{clear:both;}
.ship_info p,.ship_deco p,.ship_floor p,.section p{text-align:left; font-size:1em; line-height:2em; font-weight:600; width:90%; display:block; margin:auto;}

.ship_info{width:98%; margin:auto;}
.ship_info img{text-align:center; width:100%;}
.ship_info > h5{ letter-spacing:2em; line-height:4em; text-align:center; color:#07226c;}

.ship_deco > img{width:107px; display:block; margin:-60px auto 0 auto;}
.ship_deco:before{width:100%; display:block; content:""; background:url(images/ships_bg_r.jpg) repeat; height:24px; margin-top:30px;}

.ship_special{ overflow:hidden; margin: 30px 0;}
.ship_special > p , .ship_special > img { float:left; width:24%; margin-right:1%;}
.ship_special > p { text-align:left; font-size:0.9em; line-height:1.5em;}

.ship_floor{height:397px; position:relative;}
.ship_floor h2{ font-size:2.5em; line-height:1em; color:#07226c; margin:45px 0 0 45px;; display:inline-block;}
.ship_floor a{ font-size:1.5em; color:#07226c; margin-left:20px; text-decoration:underline;}
.cs{background:url(images/cs_shipbg.jpg) no-repeat right top; height:397px; position:relative;}
.cm{background:url(images/cm_shipbg.jpg) no-repeat right top; height:397px; position:relative;}
.section p{clear:both;}
.section_title{ width:50%; margin:100px auto 20px auto; overflow:hidden; color:#07226c; text-align:center;}
.section_title img{width:107px; float:left; margin-right:16px;}
.section_title h2{font-size:2.5em; line-height:1em; display:block; margin:20px 0 0 0; text-align:left;}
.section_title span{ display:block; font: bold 0.5em/normal "Microsoft JhengHei","微軟正黑體","新細明體";}
.section_typeA,.section_typeB,.section_typeC{ clear:both; display:block; width:97%; overflow:hidden; margin:30px auto;}
.typeA-pic{width:49%; display:block; position:relative; overflow:hidden; float:left; margin-right:1%;}
.typeA-pic img{width:100% !important; display:block;}
.section_typeA img{width:49%; float:right;}
.description{position:absolute; left:0; bottom:0; background:#134a9e; padding:15px 30px; box-sizing:border-box; -webkit-box-sizing:border-box; color:#fff; font-size:0.9em;}
.description h4{color:#4ef98e; font: bold 1.5em/normal "Microsoft JhengHei","微軟正黑體","新細明體"; display:block;}

.section_typeB h5{ background:url(images/room_title.jpg) no-repeat; color:#fff; font-size:0.9em; line-height:30px; padding-left:36px; margin-bottom:20px;}
.typeB{ width:25%; margin-right:1%; float:left; display:block;}
.typeB img{ width:100%;}
.typeB h4{ width:100%; color:#07226c; font:bold 1em/2.5em "Microsoft JhengHei","微軟正黑體","新細明體"; display:block;}
.typeB p{ text-align:left; margin:0;}

.section_typeC{ margin:30px 0; overflow:visible;}
.section_typeC h5{ background:url(images/room_title.jpg) no-repeat; color:#fff; font-size:0.9em; line-height:30px; padding-left:36px; margin-bottom:20px; margin-left:-36px;}
.typeC{ width:10.5%; margin-right:1%; float:left; display:block; margin-bottom:2%;}
.typeC img{ width:100%;}
.typeC h4{ width:100%; color:#07226c; font:bold 0.9em/1.5em "Microsoft JhengHei","微軟正黑體","新細明體"; display:block; text-align:center; margin:12px 0; }
.typeC p{ text-align:left; margin:0;}
.non_info h4{ color:#999;}
.non_info img:hover{ width:100% !important; margin:0 !important;}

.tag{font:bold 1.25em/1em "Microsoft JhengHei","微軟正黑體","新細明體"; margin:2%; text-align:center;}
.tag a{ display:inline-block; color:#07226c; font-weight:bold !important; text-decoration:none; padding:0.7% 1%; border: solid 3px #07226c; border-radius:10px; -webkit-border-radius:10px; margin:0.6%;}
.tag a:hover{border: solid 3px #1b4cae; background:#36c; color:#fff;}
.ships-logo{ width:50%; margin:100px auto 30px auto;}
.ships-logo img{display:block; margin:auto;}

a.searchbar{ background:url(images/btn_bg.jpg) repeat-x left top; line-height:60px; display:block; width:80%; text-decoration:none; margin:auto; text-align:center; color:#fff; font-size:1.5em; border-radius:10px; -webkit-border-radius:10px;}
a.searchbar:hover{ background:url(images/btn_bg.jpg) repeat-x left -60px;}
a.searchbar:before{ content:""; display:inline-block; background:url(images/search.png) no-repeat; width:37px; height:37px; line-height:60px; margin-right:8px; vertical-align:middle;}

.quick_select{width:95%; color:#07226c; font:bold 1.5em/1.5em "Microsoft JhengHei","微軟正黑體","新細明體"; padding-left:36px; overflow:hidden;}
.quick_select p{ color:#000; font:normal 0.6em/1.5em "Microsoft JhengHei","微軟正黑體","新細明體";}
.quick_select img{ padding:5%;}
.quick_select img:hover{ width:105%; background-position:center; margin:-2.5%;}

/*景點*/
.alaskaIntro{width:98%; margin:auto;}
.alaskaIntro h2{ display:block; font-size:2em; width:40%; margin-left:60%; padding-top:3%;}
.alaskaIntro p{ font-size:0.9em; color:#fff; width:35%; margin-left:60%;}
.divide{height:7px; background:url(images/title_bg.png) repeat-x; margin:10px 0;}
.abg{background:url(images/alaska01-bg.jpg) no-repeat top center;}
.abg2{background:url(images/alaska02-bg.jpg) no-repeat top center;}
.abg3{background:url(images/alaska03-bg.jpg) no-repeat top center;}
.titleA{display:block; padding-top:300px;}
.titleA h3{display:block; font-size:2em; margin-left:65%; color:#07226c;}
.titleA span{display:block; font:bold 0.55em/1.5em "Microsoft JhengHei","微軟正黑體","新細明體";}
.titleA p{display:block; width:80%; font-size:1em; font-weight:bold; line-height:1.5em; margin:auto; color:#000; padding-top:3%;}
.introArea{width:100%;}
.intro{width:47.5%; margin:2% 1%; position:relative; display:inline-block;}
.bg1{background:url(images/hr-bg.jpg) repeat-x bottom left;}
.bg2{background:url(images/hr-bg2.jpg) repeat-x bottom left;}
.introTitle1{ background:url(images/introTitle.png) no-repeat left top; color:#4ef98e; padding:3% 0 0 3%; position:absolute; top:0; left:0; width:100%; z-index:999; height:100px; font-size: 1.2em; font-weight:bold;}
.introTitle2{ background:url(images/introTitle2.png) no-repeat left top; color:#c9fd2a; padding:3% 0 0 3%; position:absolute; top:0; left:0; width:100%; z-index:999; height:100px; font-size: 1.2em; font-weight:bold;}
.introTitle3{ background:url(images/introTitle.png) no-repeat left top; color:#4ef98e; padding:3% 0 0 3%; position:absolute; top:0; left:0; width:100%; z-index:999; height:100px; font-size: 1.2em; font-weight:bold;}
.intro p{ width:90%; margin:auto; font-size:0.9em; line-height:1.5em; font-weight:bold; height:120px; padding:2% 0; display:block; overflow:hidden;}
.intro h4{color:#07226c; font-size:1.125em; width:90%; margin:auto; padding-bottom:5%;}
.intro > .movie{ margin-top:40px;}
.movie,.film img{ width:100%;}
.alaskaAnimal{background:url(images/alaska01-bg2.jpg) no-repeat top center; width:98%; margin:auto;}
.titleB{display:block; padding-top:220px;}
.titleB h3{display:block; font-size:2em; margin-left:61%; color:#fff;}
.titleB p{display:block; width:90%; font-size:1em; font-weight:bold; line-height:1.5em; margin:auto; color:#fff; padding-top:1%; text-align:right;}
.alaskaM{ background:url(images/alaska01-bg3.jpg) no-repeat top center; width:98%; margin:auto; position:relative; padding-bottom:5%; margin-bottom:5%;}
.titleC{width:43%; position:absolute; top:40%; right:3%;}
.titleC h3{display:block; font-size:2em; color:#fff;}
.titleC p{display:block; width:100%; font-size:1em; font-weight:bold; line-height:1.5em; margin:auto; color:#fff; padding-top:1%;}
.introArea > .intro2, .introArea > .movie{ display:inline-block; width:47%; margin:2% 1%;}
.intro2{overflow:hidden;}
.intro2 h3{font:bold 2em/2em "Microsoft JhengHei","微軟正黑體","新細明體"; color:#07226c;}
.intro2 p{font:bold 1em/2em "Microsoft JhengHei","微軟正黑體","新細明體"; color:#000; padding-bottom:5%;}
.alaskaWay{background:url(images/alaska02-bg2.jpg) no-repeat top center;}
.alaskaWay ul{ width:930px; margin:auto; padding-top:80px; padding-bottom:50px;}
.alaskaWay h3{font:bold 2em/2em "Microsoft JhengHei","微軟正黑體","新細明體"; color:#07226c; text-align:center;}
.alaskaWay i{ display:inline-block; color:#2545cb; width:100px; text-align:center; margin-right:15px; font-size:1em; font-weight:bold;}
.alaskaWay li{background:url(images/way-bg.png) no-repeat top left; height:100px; font:bold 1.5em/105px "Microsoft JhengHei","微軟正黑體","新細明體"; color:#fff;}
.introArea > .intro3{ display:inline-block; width:36%;}
.intro3{overflow:hidden; height:363px; background:url(images/city_bg3.jpg) repeat-x left bottom; background-color:#fff;}
.intro3 h3{font:bold 1.5em/99px "Microsoft JhengHei","微軟正黑體","新細明體"; color:#72ffb4; background:url(images/introTitle3.png) no-repeat; padding-left:20px;}
.intro3 p{font:bold 1em/1.5em "Microsoft JhengHei","微軟正黑體","新細明體"; color:#000; padding-bottom:5%; width:85%; margin:3% auto 0 auto;}

/*gotop*/
.scroll2top:link, .scroll2top:visited {bottom:8%; right:5%; display: block; width:78px; height:86px; background: url(images/gotop.png) no-repeat 0 0; z-index: 999;}
.scroll2top:hover { background-position:0 -86px;}
/*.go2fb:link, .go2tb:visited {position: fixed;top: auto;bottom: 15px;right: 0;margin-left: auto;display: block;width: 20px;height: 90px;background: url(/st_ec/img/icon_go2t_fb.gif) no-repeat 0 0;z-index: 110;}*/



/*【 調整C26模組 】-未使用*/
.group-type-ph{ padding:0 5px;}
.group-type-ph:after{content:""; display:block; clear:both; line-height:0; height:0; visibility:hidden;}
.ph{position:relative; display:block; float:left; width:22%; /*height:450px;*/ background:url(images/pro_bg.jpg) no-repeat left bottom; margin:1%; border:1px solid #dedede; transition:all .3s ease-out; box-shadow:none; overflow:hidden;}
.ph:hover{border:1px solid #aeaeae; box-shadow:0 2px 7px 5px rgba(128,128,128,.4);}
.ph.left{margin-left:0;}
.ph-img img{width:100%; height:auto;}
.ph a:link,  .ph a:visited{text-decoration:none; border:none; color:#fff;}
.ph a img{border:none;}
.ph-title{display:block; color:#4f97bb; font-weight:bold; font-size:1.5em; height:60px; overflow:hidden; background:url(images/ph_title_bg.jpg) repeat; padding:15px; box-sizing:content-box;}
.ph-detail{font-size:0.938em; padding:0 15px; color:#000033;}
.ph-feature{display:block; color:#666666; font-size:0.813em; line-height:1.5em; height:50px; overflow:hidden; padding:10px 15px; box-sizing:content-box; -webkit-box-sizing:content-box;}
.ph .price{font-size:0.938em; font-weight:bold; float:right; font-style:normal; margin:10px;}
.ph .price span{font-size:1.3em;}
.ph .price i{font-style:normal;}
.ph .price, .ph .price > span, .ph .price > i{color:#fff;}

@media screen and (min-width:1199px) and (max-width: 1380px){
.main, .fixing .menus, .sub{ width:90%;}
.navbar-custom{display:none;}
.sm{display:none;}

}


@media screen and (min-width: 768px) and (max-width: 1198px) {
.main, .fixing .menus, .sub{ width:100%;}
.ph{width:31%; margin:1%; background-size:contain;}
.navbar-custom{display:none;}
.sm{display:none;}
}


@media screen and (min-width: 641px) and (max-width: 767px) {
.main, .fixing .menus, .sub{ width:90%;}
.content{ background-position:0 30px;}
#location-menus{ margin-top:-30px;}
.menus-box{display:none;}
.ph{width:48%; margin:3% 1%; background-size:contain;}
.navbar-custom{ display:block !important;}
.xl{display:none;}
.sm{display:block;}
.tour_title{ margin-top:3%;}
}

@media screen and (max-width: 640px) {
.main, .fixing .menus, .sub{ width:90%;}
.content{ background-position:0 30px;}
#location-menus{ margin-top:-30px;}
.menus-box{display:none;}
.ph{width:90%; margin:5%; background-size:contain;}
.navbar-custom{ display:block !important;}
.scroll2top:link, .scroll2top:visited {bottom:8%; right:5%; display: block; width:78px; height:86px; background: url(images/gotop-2x.png) no-repeat 0 0; z-index: 999; background-size:78px 172px;}
.scroll2top:hover { background-position: left bottom;}
.xl{display:none;}
.sm{display:block;}
.tour_title{ margin-top:3%;}
}