body,div,ul,ol,li,h1,h2,h3,p,tr,td,img{margin: 0;padding: 0;}
img { vertical-align:top;}
html{ background-color:#ad0101;}
body{background:url(images/bg02.jpg) repeat; margin:0 auto; text-align:center; } /* background:url(全網頁墊底圖) repeat; */
.main-bg{background:url(images/bg_inside_x.jpg) repeat-x center -10px; width:100%; margin:0 auto; padding:0; text-align:center; }
.main{background:url(images/bg_inside.jpg) no-repeat center 390px; width:100%; margin:0 auto; padding:0; text-align:center; }
.content{margin:auto 0; padding:0; background:url(images/title_1440.jpg) no-repeat center top; width:100%; min-width:1000px; text-align:center; }	/* background:url(主視覺延伸寬1200px中間挖空圖) no-repeat center top;*/
.main-area{}
/*按鈕第一層*/
.navbig{position:relative; width:950px; height:99px; background:url(images/btn_btn.jpg) repeat-x left top;}
.navbig ul{ float:right; list-style:none;}
.navbig ul li{ float:left;}
/*.menu-1st.stuck{position:fixed; z-index:995; top:0px; background-color:#680527;}*/
.second-menu.stuck{position:fixed; z-index:996; top:0px;}
.tag.stuck{position:fixed; z-index:997; background-color:#fffdd0; width:950px; display:block; top:40px;}
a[name^="a"]{position:relative; top:-90px;}
a[name^="p"]{position:relative; top:-90px;}


/* menu基本設定 */
.menu-1st{ width:950px; margin:0 auto; display:inline-block; position:absolute;}
.menu-1st a{ display:block;  height:99px;}
.menu-1st .m-01 a{width:354px;}
.menu-1st .m-02 a{width:154px;}
.menu-1st .m-03 a{width:154px;}
.menu-1st .m-04 a{width:154px;}




/* menu圖片位置 */
.m-01,.m-02,.m-03,.m-04,.m-05,.m-06{display:block; height:99px;  background:url(images/btn_btn.jpg) no-repeat 0 0; margin:0;}

.m-02{background-position:-354px 0;}
.m-03{background-position:-508px 0;}
.m-04{background-position:-662px 0;}

.m-01:hover{background-position:0 -102px;}
.m-02:hover{background-position:-354px -102px;}
.m-03:hover{background-position:-508px -102px;}
.m-04:hover{background-position:-662px -102px;}

.m-01:active{background-position:0 -204px;}
.m-02:active{background-position:-354px -204px;}
.m-03:active{background-position:-508px -204px;}
.m-04:active{background-position:-662px -204px;}



/* menu於該夜面下的設定設定 */
/* page1-index */
.jpn a.pro01, .kor a.pro01, .chn a.pro01, .hkmu a.pro01, .tw a.pro01, .asia a.pro01, .eup a.pro01, .ocea a.pro01, .mdasia a.pro01{display:block; background:url(images/btn_btn.jpg) no-repeat 0 0; background-position:-662px -204px;}

/*menu-2*/
.second-menu{ display:block; width:950px; background-color:#be8116; float:right; list-style:none; padding-top:10px; padding-bottom:10px; position:absolute; height:28px; z-index:90; }
.second-menu li{ float:left;}
.second-menu li a{ color:#ffffff; font-size:19px; font-family:"微軟正黑體"; text-decoration:none; padding:10px 7.5px;}
.second-menu li a:hover{ background-color:#fffdd0; color:#f70404;}


.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，來控制內層版面樣式與秀或不秀 */
.jpn .location-1 a, .kor .location-2 a,.chn .location-3 a, .asia .location-4 a, .eup .location-5 a, .afp .location-6 a, .htl .location-7 a, .hdp .location-8 a, .fit .location-9 a, .tkt .location-10 a, .gdg .location-11 a, .khh .location-12 a{background:#fffdd0; color:#f70404;} /* 在那一頁上的TAB變色 */
.page1 .sub-1, .page1a .sub-2, .page1b .sub-3, .page1c .sub-4, .page-1d .sub-5{display:block;} /* page01子選單之細項秀出來 */



/*錨點 index_1系列 index2, index3, index4*/
.tag{  height:43px; background-color:#fffdd0; font-family:"微軟正黑體"; font-size:16px; margin-bottom:30px; position:absolute; z-index:92; top:40px;}
.tag ul{ display:block;width:950px; float:left; list-style:none; padding-top:2px;  background-color:#fffdd0; border-bottom:2px #f3dda3 solid;}
.tag ul li{ float:left; /*padding-left:10px;*/}
.tag ul li a{ display:block; text-decoration:none;  padding:10px 11px; color:#ad0101; letter-spacing:1px; }
.tag ul li a:hover{ color:#000; background-color:#f3dda3;}

/*國外訂房無錨點時*/
.htl .tag{  height:8px; background-color:#fffdd0; font-family:"微軟正黑體"; font-size:16px; margin-bottom:30px; position:absolute; z-index:92; top:40px;}
.htl .tag ul {display:block; width:950px; float: none; list-style:none; padding-top: 0;  background-color:#fffdd0; border-bottom: none;}
.htl .tag.stuck{position:fixed; z-index:997; background-color:#fffdd0; width:950px; display:block; top:40px;}


/*內容*/
.pro_01{width:950px; margin:0 auto; clear:both; background-color:#fff; position:relative; text-align:left;}
.box01{ background:url(images/free_mainbg01.jpg) repeat-y; margin-bottom:10px;}
.pro_content{clear:both; padding-top:130px;}
.htl .pro_content{clear:both; padding-top:70px;}


/*回頂部*/
.scroll2top:link, .scroll2top:visited{background:url(images/gotop.png) no-repeat 0 0; height:84px; width:79px; margin-left:928px; bottom:90px;}
.scroll2top:hover{background:url(images/gotop.png) no-repeat 0 -90px;}


/* 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:none;}
.carrier{font-family:Verdana, Geneva, sans-serif,"新細明體"; margin-bottom:20px;}
.carrier h4{ clear:both; background:url(images/tota1_4.jpg) no-repeat left top; width:950px; height:60px; text-align: left; padding-left:90px; letter-spacing:2px; padding-top:10px; font-size:30px; color:#000; margin:0; font-family:"標楷體","新細明體";}
.carrier ul{padding:0; margin:-10px 10px 50px 10px; padding-right:50px; width:97%; }
.carrier li{list-style-type:none; border-bottom:1px dotted #ffcbe1; padding:10px 10px 7px 10px; line-height:1.3em;background:url(images/tota1_icon1.gif) no-repeat  10px 10px; width: 880px;margin-left: 16px;}
.carrier li:hover{background:url(images/tota1_icon1.gif) no-repeat 10px 10px; background-color:#fff1eb;}
/*.carrier li:last-child{border:none;}*/
.carrier li a:link, .carrier li a:visited{text-decoration:none; font-size:15px; font-family:"微軟正黑體"; color:#444; 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:20px; font-weight:bolder; font-family:"微軟正黑體"; color:#c55d02; margin:2px 0 6px 0;line-height: 1.2em;}
.carrier li a:hover strong{color:#d42828; text-decoration: none;}
.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;}

.no-topic{display:block; margin-top:-5px;}
.no-topic .carrier h4{display:none;}

/* c26模組專用 */
.ph{position:relative; display:block; float:left; width:258px; background: #FFFFFF; padding:10px; margin:20px 7.2px 10px 7.2px;  transition:all .3s ease-out; box-shadow:none; overflow:hidden; width:258px; height:345px; border:2px solid #ca9025; border-radius:5px;}
.ph:hover{border:2px solid #f91d56; box-shadow:0 2px 7px 5px rgba(128,128,128,.4);}
.ph:hover .ph-detail{background-color:#f91d56; }
.ph:hover .ph-title{color:#f91d56; }
.group-type-ph{ padding: 1px 30px;}
.group-type-ph:after{content:""; display:block; clear:both; line-height:0; height:0; visibility:hidden;}
.ph.left{margin-left:0;}
.ph-img{ margin:-10px -10px 0;}
.ph-img img{width:278px; height:185px;}
.ph a:link,  .ph a:visited{text-decoration:none; border:none; color:#fff;}
.ph a img{border:none;}
.ph-title{display:block; font-size:19px; line-height:1.5em; /* max-height:2.2em;*/ overflow:hidden; padding:0 5px 0 10px ; margin:10px -10px 1px -10px; color:#c55d02; font-family:"微軟正黑體"; font-weight: 600;letter spacing:-2px; height:60px;}
.ph-detail{font-size:14px; background-color:#ca9025; padding:3px; color:#FFFFFF; border-radius:3px;font-family:"微軟正黑體"; ine-height:2.2em; max-height:2.2em; overflow:hidden; height:20px;}
.ph-feature{display:block; color:#6e6464; font-size:14px; line-height:1.3em; padding:5px 0 5px 2px; overflow:hidden; font-family:"微軟正黑體";letter spacing:-2px; height:30px; overflow:hidden;}
.ph .price{font-size:15px; font-weight:bold; float:right;font-family: Century Gothic,Helvetica,Arial,"微軟正黑體",Microsoft JhengHei,sans-serif; color:#f91d56;  font-size: 18px;letter-spacing: -5px; margin-right: 10px; margin-top: 2px;}
.ph .price span{font-size:28px;  font-family: Century Gothic,Helvetica,Arial,"微軟正黑體",Microsoft JhengHei,sans-serif; font-weight:bold; letter-spacing: -1px;}
/*.ph .price i{font-style:normal;}*/

.more{font-family:"微軟正黑體"; font-weight:bold; font-size:18px;/* margin:40px 0 20px 30px;*/ width:950px; height:20px;  text-align:center; margin-top:15px; padding-bottom:45px; }
.more a{text-decoration:none; color: #17a3f3; }
.more a:hover{color: #005df7;}




/*機票*/
.flight .carrier li a:link, .page3a .carrier li a:visited{ font-size:0;}
.flight .carrier li a strong{float:left}
.flight .carrier li em.price{display:inline-block; }
.flight .carrier h4{ clear:both; background:url(images/tota1_4.jpg) no-repeat left top; width:950px;  height:60px; text-align: left; padding-left:90px; letter-spacing:2px; padding-top:5px; font-size:30px; color:#000; margin:0;  font-family:"標楷體","新細明體";}
.flight .carrier{width:100%; display:inline-block; margin-right:10px; }
.flight .carrier li{ width:26%; margin:8px 5px 20px 40px; float:left; }

/*訂房*/
.hotel .carrier li a:link, .page3a .carrier li a:visited{ font-size:0;}
.hotel .carrier li em.price{display:inline-block; }
.hotel .carrier li a strong{float:left}

/* Hack for Chrome Browser */
@media screen and (-webkit-min-device-pixel-ratio:0){
 .second-menu li a{ color:#ffffff; font-size:19px; font-family:"微軟正黑體"; text-decoration:none; padding:10px 7.5px;}
}
