body,div,ul,ol,li,h1,h2,h3,h4,p,img{margin: 0;padding: 0; font-family:vedenda,\5FAE\8EDF\6B63\9ED1\9AD4, Helvetica, sans-serif, "新細明體"; }
img {vertical-align:top; float:left; border:none; outline:none;}
a{text-decoration:none; outline:none;}
body{background:url(images/bg.jpg) repeat; -webkit-text-size-adjust:none;}
.txt24{font-size:24px;}
.txt21{font-size:21px;}
.txt18{font-size:18px;}
.txt14{font-size:14px;}
.c1{color:#333;}
.c2{color:#208eda;}
.c3{color:#ff3;}


/*首頁*/
.indexbg{background:url(images/index_bg.jpg) no-repeat center 30px , #1e6ab1;}
.in_content{ width:1024px; height:100%; margin:auto; position:relative;}
.in_btn{ width:332px; height:150px;top:403px; right:14px; position:absolute;}
.in_btn a{ width:150px; height:150px; display:block; float:left; margin-right:16px;}
.in_btn a:hover{ background-position: 0 -150px;}
.ygb_btn{ background:url(images/in_btn1.png) no-repeat 0 0;}
.gift_btn{ background:url(images/in_btn2.png) no-repeat 0 0;}

.main{overflow:hidden;}
.content{width:964px; padding:30px 78px; background:url(images/bg_content.png) repeat-y center top; margin:auto; clear:both; overflow:hidden;}

/*按鈕第一層*/
a[name^="a"]{position:relative; top:-100px; height:1px; display:block;}/*錨點用的class*/


/* menu基本設定 */
.menu{width:100%; height:90px; margin:auto; background:url(images/menubg.gif) repeat-x left top; position:relative;}
.menu ul{width:971px; height:90px; margin:auto; background:url(images/devide.png) no-repeat left top;}

.nav{width:100%; height:90px; margin:auto; background:url(images/menubg.gif) repeat-x left top; position:absolute;}
.nav.stuck{position:fixed; z-index:997; top:0px;}

.menu li{float:left; margin:0 8px;}
.menu a{display:block; height:90px; text-indent:-9999px;}
/* menu圖片位置 */
.m1,.m2,.m3,.m4,.m5,.m6{display:block; background:url(images/btn.png) no-repeat 0 0;}

.m1{background-position:-8px 0px; width:68px;}
.m2{background-position:-92px 0px; width:160px;}
.m3{background-position:-268px 0px; width:160px;}
.m4{background-position:-444px 0px; width:160px;}
.m5{background-position:-620px 0px; width:160px;}
.m6{background-position:-796px 0px; width:160px;}

.m1:hover{background-position:-8px -90px;}
.m2:hover{background-position:-92px -90px;}
.m3:hover{background-position:-268px -90px;}
.m4:hover{background-position:-444px -90px;}
.m5:hover{background-position:-620px -90px;}
.m6:hover{background-position:-796px -90px;}

.m1.active{background-position:-8px -180px;}
.m2.active{background-position:-92px -180px;}
.m3.active{background-position:-268px -180px;}
.m4.active{background-position:-444px -180px;}
.m5.active{background-position:-620px -180px;}
.m6.active{background-position:-796px -180px;}

/*錨點*/
.sub_a{ width:100%; float:left; margin:18px 0;}
.sub_a ul{ list-style:none;}
.sub_a li{ float:left;  margin-right:14px;}
.sub_a li a:link , .sub_a li a:visited{ font-size:18px; padding:10px 12px; background-color:#036; display:block; color:#fff; border-radius:5px;}
.sub_a li a:hover {background-color:#f36; color:#fff;}

/*內容*/
.visual{width:100%; height:350px;}
.yellowbg{background-color:#ffeb0e;}
.greenbg{background-color:#acde0a;}
.redbg{background-color:#ff6655;}
.bluebg{background-color:#9de9fb;}
.purplebg{background-color:#99f;}
.visual_img{width:1280px; height:350px; margin:auto;}

.pagetitle{ float:left;}

.set{ height:500px; float:left;}
.travel_y{ width:280px; height:100%; background-color:#ffeb0e; float:left; padding:32px 20px 0 20px; margin:0 26px 0 0;} /*左側黃底*/
.travel_g{ width:280px; height:100%; background-color:#c2fa0b; float:left; padding:32px 20px 0 20px; margin:0 26px 0 0;} /*左側綠底*/
.travel_r{ width:280px; height:100%; background-color:#f33; float:left; padding:32px 20px 0 20px; margin:0 26px 0 0;} /*左側紅底*/

.l_travel{ width:280px; float:left; margin:0 26px 30px 0; border-bottom:dashed 1px #c90;}
.l_travel h3, .l_travel img, .l_travel p{ clear:both; margin-bottom:12px; font-weight:600; line-height:22px;}
.l_travel h3{ background:url(images/l_icon.png) no-repeat left center; padding-left:40px; line-height:30px; font-size:21px;}
.l_travel img{ border-radius:8px;}
.l_travel p{font-family:vedenda, Helvetica, sans-serif, "新細明體";}

.r_product{width:618px; float:left;}
.r_product h4{width:600px; height:32px; padding:32px 0 0 18px;  margin-bottom:20px; clear:both; background:url(images/travel_title.jpg) no-repeat left bottom;}

.travelset{ border: solid 2px #ccc; margin-bottom:40px; position:relative; clear:both;}
.travelset a{padding:10px 0; display:block;}
.travelset a:hover{ background-color:#FFFFCC;}
.travelset strong{padding:0 0 5px 12px; display:block;}
.travelset strong:hover{ color:#036;}
.travelset ul{list-style:none;}
.travelset li{ margin-bottom:6px; color:#333; clear:both; line-height:30px;}
.travelset li i{ width:96px; height:30px; margin-right:16px; font-size:0; display:block; float:left;}
.fun{ background:url(images/fun_t.jpg) no-repeat left center;}
.hot{ background:url(images/hot_t.jpg) no-repeat left center;}
.go{ background:url(images/go_t.jpg) no-repeat left center;}

.su_price{position:absolute; right:20px; bottom:-20px; padding:5px 12px; font-size:24px; font-weight:bold; min-width:121px; text-align:center;}
.ytag{ background-color:#F60;}
.gtag{ background-color:#690;}
.rtag{ background-color:#c00;}


/*贈禮*/
.box1, .box2 , .notice{ clear:both;}

.box2{ position:relative; height:468px;}
.box2 img{ padding:0 0 125px 0; margin-left:-34px;}

.link{ width:1020px; height:106px; position:absolute; left:-15px; bottom:-80px; z-index:100;}
.link a{ width:310px; height:106px; display:block; float:left; margin-right:30px;}
.link a:hover{ background-position: 0 -106px;}
.ybtn{ background:url(images/ybtn.png) no-repeat 0 0;}
.gbtn{ background:url(images/gbtn.png) no-repeat 0 0;}
.rbtn{ background:url(images/rbtn.png) no-repeat 0 0; width:313px;}

.notice{ width:920px; margin-left:52px;}
.notice h4{ background:url(images/notice_title.jpg) no-repeat 0 0; width:113px; height:28px; margin:0 0 16px -22px; text-indent:-9999px;}
.notice ol{ list-style:decimal; width:875px;}
.notice li{ padding:0 0 0 5px; font-size:14px; line-height:24px; color:#333; font-weight:600;}
/*.notice span{ width:30px; font-size:14px; color:#333;}*/

/*回頂部*/
.scroll2top:link, .scroll2top:visited{background:url(images/gotop.png) no-repeat 0 0; height:83px; width:83px; margin-left:940px; bottom:0px;}
.scroll2top:hover{background:url(images/gotop.png) no-repeat 0 -83px;}

@media screen and (max-width:1024px) {
	.content{width:964px; padding:30px 20px; margin:auto; clear:both; overflow:hidden;}
}
@media screen and (max-width:980px) {
	.content{width:964px; padding:30px 20px; margin:auto; clear:both; overflow:hidden;}
	.txt21{font-size:12px;}
	.travelset strong{font-size:12px;}
	.travelset li{ margin-bottom:6px; color:#333; clear:both; line-height:30px; font-size:12px;}
}
/*夏日線上旅展內容載入-----menu-2*/
.main-area { width: 964px !important; margin: 0 auto;}
.second-menu{ display:block; padding:0 30px; background-color:#36c; float:right; list-style:none;}
.second-menu li{ float:left; padding:10px 0;}
.second-menu li a{ color:#9cf; font-size:15px; font-family:"微軟正黑體"; text-decoration:none; padding:10px 12px 10px 12px;}
.second-menu li a:hover{ background-color:#2556b7; color:#FFFFFF;}


.sub{display:none; width:598px; background:#eee; border:1px solid #555;}
.sub a:link, .sub a:visited{float:left; width:auto; height:auto; margin-right:1em; background:none; line-height:1.5; text-decoration:none; padding:10px;}
.sub a:hover{text-decoration:underline;}

/* 以下便是透過寫在 body 上的 class name，來控制內層版面樣式與秀或不秀 */
.page1 .location-1 a, .page1a .location-2 a,.page1b .location-3 a, .page1c .location-4 a, .page1d .location-5 a, .page1e .location-6 a,
.page1f .location-7 a, .page1g .location-8 a,.page1h .location-9 a, .page1i .location-10 a, .page1j .location-11 a, .page1k .location-12 a,

 .page2 .location-6 a, .page2a .location-7 a, .page2b .location-8 a, .page2c .location-9 a, .page2d .location-10 a, .page2e .location-11 a, .page2f .location-12 a, .page3 .location-13 a, .page3a .location-14 a, .page3b .location-15 a, .page3c .location-16 a, .page3d .location-16a a, .page4 .location-17 a, .page4a .location-18 a, .page4b .location-19 a, .page4c .location-20 a, .page-5 .location-5 a{background:#ad2555; color:#FFFFFF;} /* 在那一頁上的TAB變色 */
.page1 .sub-1, .page1a .sub-2, .page1b .sub-3, .page1c .sub-4, .page-1d .sub-5{display:block;} /* page01子選單之細項秀出來 */

.pro_01 .location-1 a,.pro_02 .location-2 a,.pro_03 .location-3 a,.pro_04 .location-4 a,.pro_05 .location-5 a,.pro_06 .location-6 a,.pro_07 .location-7 a,.pro_08 .location-8 a,.pro_09 .location-9 a,.pro_10 .location-10 a,.pro_11 .location-11 a,.pro_12 .location-12 a{background:#e5004f; color:#FFFFFF;}

/*訂房追加選單*/
/*自由行選單*/
.second-menu li div{display:none; background:none;}
.second-menu li:hover div{display:block; position:absolute; z-index:899; margin:6px 0 0; background-color:#2556b7; }
.second-menu li div a.gonext, .second-menu li div a.gonext:link, .second-menu li div a.gonext:visited{display:inline-block; text-align:center; background:none; background-color:#179dda; padding:9px 0 0; color:#FFFFFF; height:24px; float:left; border:#0b83ba 1px solid; font-size:15px; padding:3px 5px;}
.second-menu li div a.gonext:hover{ background-color:#2556b7; }

/* c23模組專用*/

q:before, q:after{content:"";} 
*+html .carrier li{min-height:1%;}
.carrier li:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.intro-anchors{display:block; font-size:18px; font-family:"微軟正黑體";}
.intro-anchors a{display:block; font-size:18px; font-family:"微軟正黑體"; color:#ad2555; padding:10px 0 18px 0; float:left; margin-left:10px; }
.intro-anchors a:hover{color:#0c7f76;}
.carrier{font-family:Verdana, Geneva, sans-serif,"新細明體"; margin-bottom:-5px;}
.carrier h4{ clear:both; background:url(images/tota1_4.jpg) no-repeat left top; width:950px; height:34px;text-align: left; font-size:24px; color:#0996d8; padding-left:35px; padding-top:0px; margin:0; }
.carrier ul{padding:0; margin:10px 10px 50px 0px; padding-right:50px; width:97%; }
.carrier li{list-style-type:none; border-bottom:1px dotted #ffcbe1; padding:10px 2px 7px 35px; line-height:1.3em;background:url(images/tota1_icon1.gif) no-repeat  10px 10px;}
.carrier li:hover{background:url(images/tota1_icon1.gif) no-repeat 10px 10px; background-color:#fffccf; }
/*.carrier li:last-child{border:none;}*/
.carrier li a:link, .carrier li a:visited{text-decoration:none; font-size:15px; font-family:"微軟正黑體"; color:#393636; letter-spacing:1px; line-height:22px; display:block; font-family:Verdana, Geneva, sans-serif;}
.carrier li a strong{font-weight:normal; display:block; font-size:22px; font-weight:bolder; font-family:"微軟正黑體"; color:#026cb6; margin:2px 0 6px 0; *margin:0;}
.carrier li a:hover strong{color:#f60; text-decoration: underline;}
.carrier li a strong span{font-weight:normal; font-size:15px; color:#ff59a1; margin:0 0 6px; *margin:0;}
.carrier .box-head{ display:none;/*border-bottom:2px solid #800033; margin-top:-4px;*/}

.carrier .box-head:hover{background:#fff;}
.carrier .box-head a:link, .carrier .box-head a:visited{margin:-15px 0; cursor:default; }
.carrier .box-head a strong, .carrier .box-head a img, .carrier .box-head p span{display:none;}
.carrier .box-head q{display:block; font-weight:bold; padding-left:13px; color:#e5735c;}

.carrier li em.price{ font-size:15px; color:#f91d56; font-family:Verdana, Geneva, sans-serif ,arial; float:right; *margin-top:-1.2em; font-weight:bold;}
.carrier li em.price span, .carrier li em.price var{font-size:15px;font-weight:bold;}