@charset "utf-8";
@import "/st_ec/css/menu.css";
/* ===== clearfix ===== */
.quick ul:after, .txt-box:after, .search-tab:after, .cushion:after, .banners:after, .coupons ul:after, .finder:after, .features:after, .card ul:after, .share ul:after, .awards ul:after, .search-engine dl:after, .tips-list:after, .anchors:after, .sector.mem .inside:after,  .goo-social:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
@font-face{
  font-family:'geniconsfont'; font-weight:normal; font-style:normal;
  src: url(/st_ec/fonts/geniconsfont.eot) format('eot');
  src: url(/st_ec/fonts/geniconsfont.woff) format('woff'), url(/st_ec/fonts/geniconsfont.ttf) format('truetype'), url(/st_ec/fonts/geniconsfont.svg) format('svg');
}

/* z值 */
.path{z-index:810;}
.path ul{z-index:820;}
.quick, .geo-map{z-index:800;}
.quick h3{z-index:866; position:relative;}
.submenu{z-index:860;}
.area-select{z-index:780;}
.menu-sh{z-index:761;}
.ui-autocomplete{z-index:791 !important;}
.banner-pagers li{z-index:790 !important;}
.banner-pagers{z-index:730 !important;}
.banner-ads{z-index:720;}
.sector ol li img{z-index:500;}
.sector h3 a.mr:link, .sector h3 a.mr:visited{z-index:499;}
.tkt-genre{z-index:498;}

/* ===== body.index ===== */
.share ul.intro-tab li a{font-family:'微軟正黑體','Microsoft JhengHei','新細明體','PMingLiU',Arial,sans-serif;}
a:link, a:visited{color:#222;} a:hover{color:#06c;}
.index{background:#e9e9e9 url(/st_ec/img/bg_ec.gif) repeat center top;}
.index .container{width:950px; padding-bottom:14px;}
.index .p-idx{margin:10px 0 0;position: relative;}
.index .main, .main-left, .main-right, .main-bottom, .index .aside{display:block; float:left;}
.index .main{width:723px; margin-bottom:14px;}
.main-left{width:210px;}
.main-right{width:493px; margin-left:20px;}
.main-bottom{width:723px;}
.index .aside{width:213px; margin-left:14px; margin-bottom:14px;}
.index .aside .sector{width:213px;}

/* ===== 快速連結 ===== */
.menu-sh{position:absolute; top:30px; right:-15px; background:url(/st_ec/img/cms_sprite.png) no-repeat -14px -150px; width:15px; height:230px; display:none !important;}
.quick{position:relative; width:210px;}
.quick h3{width:175px; height:21px; padding:6px 0 3px 35px; padding:8px 0 1px 35px \9; font-size:15px; color:#fff; background:url(/st_ec/img/qlink.png) no-repeat 0 0;}
.quick ul{list-style-type:none; position:relative; border-bottom:0;}
.quick li, .quick .start-quick .dotted-top, .one-quick li.dotted-top{position:relative; background:url(/st_ec/img/qlink.png) repeat-y -210px 0;}
.quick .dotted-top{background:url(/st_ec/img/qlink.png) no-repeat -420px 0;}
.quick .dotted-btm, .quick .start-quick .dotted-btm{background:url(/st_ec/img/qlink.png) no-repeat -630px 0;}

.lt, .rt, .lt2, .rt2{float:left; width:105px;}
.quick li.rt{background-position:-315px -34px;}
.quick li.rt.dotted-top{background-position:-525px -34px;}
.quick li.rt.dotted-btm{background-position:-735px -34px;}
.quick li a:link, .quick li a:visited, .quick li strong{font-size:15px; display:block; padding:5px; padding:7px 5px 3px \9; height:18px; margin:0 5px; background:url(/st_ec/img/qlink.png) no-repeat -1265px 0; color:#222;}
.quick li .quick-hd:link, .quick li .quick-hd:visited{font-weight:bold;}
.quick cite{font-size:13px; margin-left:.5em;}
.quick .dotted-top a:link, .quick .dotted-top a:visited{background-image:none;}
.quick li b{display:block; position:absolute; top:10px; right:10px; width:10px; height:10px; background:url(/st_ec/img/qlink.png) no-repeat -1500px -12px; cursor:pointer;}
.quick li:hover b{background-position:-1569px -12px;}
.quick li:hover a, .quick li a:hover{text-decoration:none; background:#298fca; margin:0 4px; color:#fff;}
.quick li.lt a:link, .quick li.lt a:visited, .quick .lt:hover a, .quick .lt a:hover{margin:0 0 0 4px;}
.quick li.rt a:link, .quick li.rt a:visited, .quick .rt:hover a, .quick .rt a:hover{margin:0 4px 0 3px;}
.submenu, .end-quick div.submenu{display:none; position:absolute; margin-left:206px; margin-top:-29px; width:200px; padding:7px 7px 7px 12px; border:4px solid #298fca; background:#fff;}
.rt .submenu, .end-quick .rt div.submenu{margin-left:102px;}
.submenu h4, .submenu h4:first-child, .submenu h4.next2 {clear:left; font-size:18px; border-bottom:1px solid #CCC; margin:14px 0 1px;}
.submenu h4:first-child {margin:0 0 1px;}
.submenu h4.next2{padding-top:10px;}
.submenu h4 .s-area, .submenu h4 .s-lines{letter-spacing:1px; color:#444; font-size:13px;}
.submenu h4 .s-lines{color:#aeaeae;}
.quick li:hover .submenu{display:block;}
.quick .submenu a:link, .quick .submenu a:visited{word-break:keep-all; font-size:13px; display:block; float:left; width:auto; height:auto; background:#fff; color:#222; font-weight:normal; padding:3px 0; margin:0 1em 2px 0;}
.quick .submenu a:hover{background:none; text-decoration:underline; color:#06c; font-weight:normal;}
.quick .submenu h4 a:link, .quick .submenu h4 a:visited{float:none; margin:0; font-weight:bold; font-size:15px;}
.quick .submenu h4 a:hover{text-decoration:none;}
.submenu h4  a:hover .s-area, .submenu h4  a:hover .s-lines{color:#06c;}
.submenu li, .submenu li a:hover{background-position:-89px -14px; text-decoration:underline;}
.quick .dotted-btm .submenu a{background:none;}
.end-quick div{width:105px; display:block; float:left; padding:0; margin:0;}
/* .end-quick 一行+平底樣式 */
.one-row .dotted-top.cliff{background:url(/st_ec/img/qlink.png) no-repeat -840px 0;}
.one-row .dotted-top a, .one-row .dotted-top strong{background-image:none;}
.one-row .dotted-top.cliff a:link, .one-row .dotted-top.cliff a:visited{height:24px;}
.one-row .rt.dotted-top.cliff a:link, .one-row .tr.dotted-top.cliff a:visited{height:24px;}
.one-row .dotted-top.cliff .submenu a:link, .one-row li.dotted-top.cliff .submenu a:visited{padding:3px 0; height:auto;}
.one-row .dotted-btm{background-position:-1050px -2px;}
.one-row .dotted-btm a:link, .one-row .dotted-btm a:visited{height:22px;}
.one-row .rt.dotted-top.cliff{background-position:-945px -34px;}
/* 只有一個區塊 */
.one-quick .dotted-btm{background:url(/st_ec/img/qlink.png) no-repeat -1050px 0;}
.one-quick .dotted-btm{height:34px;}
.one-quick .dotted-btm a:link, .one-quick .dotted-btm a:visited{height:20px;}
.one-quick li.dotted-btm.submenu a:link, .one-quick li.dotted-btm .submenu a:visited{height:auto;}
/* 2區+一行+平底 */
.quick li.lt2.dotted-btm{background-position:-1050px -36px;}
.quick li.rt2.dotted-btm{background-position:-1155px -36px;}
.quick .one-row li.lt2.dotted-btm a:link, .quick .one-row li.lt2.dotted-btm a:visited{margin-right:0;}

/* 共用容器與 h3 icon */
.sector{margin-top:13px;}
.aside .sector{margin-top:13px;}
.main-left .sector:first-child{margin-top:0;}
.sector h3{font-size:15px; padding:3px 0; padding:4px 0 2px \9; border-bottom:2px solid #a1c7e4; position:relative;}
.sector h3 b{display:inline-block; width:20px; height:20px; background:url(/st_ec/img/cms_sprite.png) no-repeat 0 0; vertical-align:bottom; margin:0 6px 0 4px;}
.p-fit .intro h3 b{background-position:-34px 0;}
.flights h3 b, .int-tkt h3 b, .pnr h3 b{background-position:-34px -20px;}
.cities h3 b{background-position:-34px 0;}
.gfg h3 b{background-position:-34px -220px;}
.gdg h3 b{background-position:-34px -60px;}
.gfp h3 b{background-position:-34px -40px;}
.hdp h3 b, .order-room h3 b, .tour-car h3 b{background-position:-34px -100px;} .p-hdp .intro h3 b, .p-tour .intro h3 b{background-position:-34px -100px;}
.coupons h3 b{background-position:-34px -120px;} .tour-tkt h3 b{background-position:-34px -120px;}
.awards h3 b{background-position:-34px -140px;} .ticket-pins h3 b{background-position:-34px -140px;}
.bestseller h3 b, .intro h3 b{background-position:-34px -160px;}
.topic h3 b{background-position:-34px -180px;}
.campaign h3 b{background-position:-34px -200px;}
.rank h3 b{background-position:-34px 0;}
.backpacker h3 b{background-position:-34px -80px;} .airways h3 b{background-position:-34px -220px;}
.card h3 b{background-position:-34px -240px;} .card-dist h3 b{background-position:-34px -240px;}
.faq h3 b{background-position:-34px -260px;}
.share h3 b{background-position:-35px -281px;} .facebook h3 b{background-position:-35px -281px;}
.helper h3 b{background-position:-34px -300px;}
.push h3 b{background-position:-34px -321px;}
.airnews h3 b{background-position:-33px -340px;}
.air-com h3 b{background-position:-34px -360px;}
.ticket-board h3 b{background-position:-33px -381px;}
/*icon-font*/
.rank h3 b, .bestseller h3 b, .mem h3 b, .flights h3 b, .topic h3 b, .gfg h3 b, .gdg h3 b, .gfp h3 b, .hdp h3 b, .coupons h3 b, .awards h3 b, .backpacker h3 b, .card h3 b, .share h3 b, .helper h3 b{display:none;}
.rank h3::before, .bestseller h3::before, .mem h3::before, .flights h3::before, .topic h3::before, .gfg h3::before, .gdg h3::before, .gfp h3::before, .hdp h3::before, .coupons h3::before, .awards h3::before, .backpacker h3::before, .card h3::before, .share h3::before{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family:"geniconsfont";
  font-size:18px; color:#298fca; speak:none; display:inline-block; text-align:center;
  font-variant:normal; text-transform:none; margin:0 5px 0 1px; vertical-align: middle;
  content:'\e001'; }
.bestseller h3::before{ content:'\e002';}
.mem h3::before{ content:'\e003';}
.flights h3::before{ content:'\e004';}
.topic h3::before{ content:'\e009';}
.gfg h3::before{ content:'\e005';}
.gdg h3::before{ content:'\e006';}
.gfp h3::before{ content:'\e007';}
.hdp h3::before{ content:'\e008';}
.coupons h3::before{ content:'\e00c';}
.awards h3::before{ content:'\e00e';}
.backpacker h3::before{ content:'\e00a';}
.card h3::before{ content:'\e00b';}
.share h3::before{ content:'\e00d';}
/*.helper h3::before{content:'\e00f';}*/  
  
.mr:link, .mr:visited{color:#555; display:block; text-align:left; font-size:11px; width:33px; height:13px; padding:3px 0 3px 17px; padding:5px 0 1px 17px \9; background:url(/st_ec/img/cms_sprite.png) no-repeat -80px -100px; text-shadow:0 1px 0 #fff;}
.mr:hover{background-position:-80px -121px; color:#fff; text-shadow:none; text-decoration:none;}
#mr-long-hdp, #mr-long-htl{width:72px; padding-left:16px; width:74px \9; padding-left:14px \9; background-position:-145px -100px;}
#mr-long-hdp:hover, #mr-long-htl:hover{background-position:-145px -121px;}
#mr-long-hdp{right:95px;}
.sector h3 a.mr:link, .sector h3 a.mr:visited{position:absolute; right:0; top:5px;}
.sector ul, .sector .inside{list-style-type:none; border:1px solid #cdcdcd; border-top:0; background:#fff; padding:9px 10px 7px;}
.sector li{margin-bottom:8px;}
.sector li a:link, .sector li a:visited{color:#222;}
.sector li.txt-pp a:link, .sector li.txt-pp a:visited{color:#d52678;}
.sector li b{display:inline-block; width:16px; height:16px; background:url(/st_ec/img/cms_sprite.png) no-repeat -165px -20px; font-weight:normal; text-align:center; color:#fff; margin-right:6px; font-size:12px; text-align:center; font-family:Arial, Geneva, sans-serif;}
.sector .inside ul, .sector ul.intro-tab{padding:0; border-radius:0; box-shadow:none; -ms-filter:none; filter:none; border:0;}
.sector.order-room li b{display:none;}

/* 搜尋切換 */
.search-tab{width:499px; height:29px;}
.search-tab li{display:block; float:left; position: relative;}
.search-tab a:link, .search-tab a:visited{display:block; padding:4px 12px; padding:6px 12px 2px \9; background:url(/st_ec/img/index/search_tab_spacer.gif) no-repeat right center; text-align:center;}
.search-tab a:hover{text-decoration:none;}
.search-tab li:last-child a{background:none;}
.search-on{border:1px solid #298fca; border-bottom:0; height:28px; margin:0 -1px; background:url(/st_ec/img/index/search_tab_bg.gif) repeat-x center top; border-top-left-radius:4px; border-top-right-radius:4px;}
.search-on a:link, .search-on a:visited{color:#fff; background:none;}
.search-on b{background:url(/st_ec/img/cms_sprite.png) no-repeat center top; width:auto; height:12px; display:block; position:relative; z-index:755;}

/* new icon */
.newIcon {
  position: absolute;
  background: #e73155;
  color: #fff;
  font-size: 12px;
  padding: 0px 6px;
  line-height: 18px;
  border-radius: 4px;
  top: -13px;
  right: -10px;
  z-index: 2;
  transform: scale(0.8);
  text-shadow: 1px 1px 2px #5d0012;
  font-weight: normal;
  -webkit-animation: searchTabNewIcon 0.5s ease-in-out infinite 0s alternate;
          animation: searchTabNewIcon 0.5s ease-in-out infinite 0s alternate;
}
.newIcon:after {
  content: '';
  position: absolute;
  border-top: solid 5px #e73155;
  border-left: solid 5px transparent;
  border-right: solid 5px transparent;
  left: 50%;
  bottom: -5px;
  transform: translateX(-50%);
}
.newIcon.noFloat {
  position: relative;
  display: inline-block;
  top: 0px;
  right: 0px;
  -webkit-animation: searchTabNewIconNoFloat 0.5s ease-in-out infinite 0s alternate;
          animation: searchTabNewIconNoFloat 0.5s ease-in-out infinite 0s alternate;
}
.newIcon.arrowLeft {
  margin-left: 5px;
}
.newIcon.arrowLeft:after {
  border-right: solid 5px #e73155;
  border-top: solid 5px transparent;
  border-bottom:  solid 5px transparent;
  border-left: none;
  top: 50%;
  left: -5px;
  bottom: auto;
  transform: translateX(0) translateY(-50%);
}
@-webkit-keyframes searchTabNewIcon {
  0% {
    top: -15px;
  }
  100% {
    top: -12px;
  }
}
@keyframes searchTabNewIcon {
  0% {
    top: -15px;
  }
  100% {
    top: -12px;
  }
}

@-webkit-keyframes searchTabNewIconNoFloat {
  0% {
    top: -1px;
  }
  100% {
    top: 1px;
  }
}
@keyframes searchTabNewIconNoFloat {
  0% {
    top: -1px;
  }
  100% {
    top: 1px;
  }
}

/* 搜尋區 */
input.find-submit, input[type="submit"].find-submit{border:0; float:left; display:block; margin:-5px 0 0 5px; width:72px; height:32px; padding:0 0 3px; padding:9px 0 3px \9; background:#fff url(/st_ec/img/formbox_btn.gif) no-repeat -128px 0; text-align:center; font-weight:bold;}
input[type="submit"].find-submit:hover{background-position:-128px -32px; color:#fff;}
.cushion{background:#fff url(/st_ec/img/cms_sprite.png) repeat-x 0 -500px; position:relative; margin-top:12px; padding-left:70px; padding-top:5px \9;}
.cushion a:link, .cushion a:visited{color:#298fca; font-weight:bold; display:block; float:left; margin:6px 13px 1px 0; word-break:keep-all; word-wrap:keep-all; font-family:"新細明體" \9;}
.p-tkt .cushion{margin-top:22px;}
.hot-sticker{width:45px; height:45px; float:left; margin:-15px 0 0 -55px; margin-top:-18px \9; background:url(/st_ec/img/cms_sprite.png) no-repeat -78px -10px;}
.hot-keys{width:45px; height:45px; background:url(/st_ec/img/index/hot_sticker.png) no-repeat 0 0; position:relative; float:left;}
.scope{width:435px; height:27px; overflow:hidden;}
/* 搜尋引擎 */
.search-engine, .rm-condition{width:506px; height:180px;z-index:751; padding-top:6px; margin-left:-20px; border:1px solid #ccc; border-left:0; border-bottom:4px solid #cde4ed; background:#fff; border-radius:4px; box-shadow:0 2px 2px rgba(0,0,0,.35);}
.search-engine a:link, .search-engine a:visited{color:#06c;}
.search-engine dl{margin:9px 0 0 0;}
/*20150309 HTL上正式台*/
.search-engine dl.location-type{padding:0 12px 3px; padding:0 9px 0 \9; font-weight:bold; margin-top:2px;}
.search-engine dt, .search-engine dd{display:block; float:left; padding-right:2px;}
.search-engine dt{margin-top:3px; margin-top:5px \9;}
.search-engine dt{width:80px; text-align:right; font-weight:normal;}
.search-engine dt.wide{width:6.5em;}
.search-engine dd.align-r{float:right;}
.search-engine dd.stay-night{text-align:center; margin-left:25px; margin-right:15px;}
.search-engine dd span{padding:3px 0 0 10px;}
.search-engine dd span.chk-out{padding-left:0;}
.search-engine dd .btn-s{position:relative; top:-3px;}
.search-engine .colx2 dd{width:11em;}
.search-engine .colx3 dd{width:7em;}
.search-engine .colx4 dd{width:10em;}
.search-engine dd.search-submit{float:right; margin-right:25px; /*32*/}
.search-engine.search-HTL .cushion{display:none;}
form#gfgSearchForm select#tdDays{width:4.5em;}
form#gfgSearchForm select#prodType{margin-right:3px;}
/*2016 bfm*/
.search-engine dl.bfm-type{padding:0 12px 3px; font-weight:bold; }
.search-engine .sec-fly{width:9em;}

.search-engine .air-guest select{ margin-right:1.5em;}
.search-engine .air-guest var{ padding:0 2px;}
.p-fit .area-select{padding:12px 6px; }
.p-fit .area-select .area-content li, .search-PFP .area-select .area-content li, .search-PFP_B2C .area-select .area-content li{line-height:2em; padding:1px 0 0 5px;}
.search-PFP .area-content, .search-PFP_B2C .area-content{margin:5px 5px 0; text-align:left;}
.search-PFP .area-content a, .search-PFP_B2C .area-content a{ padding:5px; display:inline-block; color:#333;}
.search-PFP .area-content a:hover, .search-PFP_B2C .area-content a:hover{color:#06c;}
.search-PFP input.air-arr[type="text"], .search-PFP_B2C input.air-arr[type="text"]{ width:23.5em;}
.search-engine .sec-fly  + dd select{ width:6.5em;}
.search-engine span.searchTypeDl{display:inline;}

/* 搜尋引擎icon-新增loading */
.search-engine .searchBtn-dd{ position:relative;}
.search-engine dd input[type="button"].btn-loading{ padding:5px 12px 7px; text-align:left; border: solid 1px #ccc; cursor: not-allowed !important;}
.search-engine dd input[type="button"].btn-loading:hover{ padding:5px 12px 7px;}
.search-engine dd .btn-loading + img{ position:absolute; width:14px; height:14px; right:13px; top:5px;}

/* 全站首頁 */
.p-vfp .search-engine dl{margin:9px 0 0 7px;}
.p-vfp .search-engine dt{width:8em;}
.p-vfp .search-engine dt.ss{width:6.5em;}
.p-vfp .search-engine dd{width:8em; margin:0}
.p-vfp .search-engine dd img{vertical-align:text-top; vertical-align:middle \9;}
.p-vfp .search-engine input.btn-s{float:right; margin:-26px 15px 0 0;}
.search-engine span{display:inline-block; text-align:right;}
.search-engine span.w2to3{letter-spacing:.52em;}
.search-engine .w1to2, .search-engine .w1to2{letter-spacing:1.9em; letter-spcing:1.8em \9;}
.area-select{position:absolute; width:590px; height:auto; border:1px solid #aaa; padding:10px 5px 8px 5px; background:#fff;}
.select-GFG{width:625px;}
.search-GFG .area-select{width:545px; width:610px \9;}
.search-FREE .area-select{width:460px;}
.search-GDG .area-select{width:496px;}
.search-hdp .area-select, .search-htl .area-select{width:500px;}
.search-HTL #destParam_widget{width:20.25em; margin-right:.75em;}
.search-HTL #loca{width:10em;}
.search-gfp .area-select{width:370px;}
.search-PFP{ position:relative; overflow:visible;}
.search-PFP .area-select, .search-PFP_B2C .area-select{width:410px;}
.search-afp .area-select{width:400px;}
.search-PFP dd.align-r, .p-fit .search-engine dd.align-r, .search-PFP_B2C dd.align-r{margin-right:20px;}

select#depAreaParam.w4em{width:6em;}
select#fwDepStaCdParam.w10em{width:8em;}
a#selCityAirport{margin-left:3px;}

div#form-HFP {
    margin-left: 1.35% !important;
    top: -0.5% !important;
}

/* 延伸的國外訂房選項 - 20150309 上正式台 */
.rm-condition{position:absolute; width:inherit; height:auto; z-index:100; background:#fff; margin:0; border-top:0; padding:0 0 5px;}
.index .rm-condition{width:506px; box-shadow:0 3px 3px rgba(164,164,164,.5);}
.index .p-htl .rm-condition{border-radius:0 0 4px 4px; padding-bottom:12px;}
.rm-note{margin:7px 12px 0; padding:8px 0 4px; list-style-type:none; border-top:1px solid #ddd;}
.rm-note li{background:transparent url(/st_ec/img/ec_sprite.gif) no-repeat -82px -33px; padding-left:1.2em; margin-bottom:5px; color:#666;}
.search-engine select optgroup[label]{font-style:normal;}
.search-engine dl dd.rm-col.kid{padding-left:1em;}
.search-engine dl dd.rm-col select{margin-right:1.5em}
.search-engine dl dd.rm-col select.kid-age{ margin-left:-1.5em; width:4em;}
.search-engine dl dd.rm-col p{width:100%; font-size:11px; color:#666; position:relative; bottom:-2px; bottom:-4px \9;}
.search-engine dl dd var{color:#666; font-size:11px;}
.search-engine dl.rm + dl dd.search-submit{margin-top:-32px; margin-right:10px;}
dl.rm{ margin-left:0; margin-left:0 \9;}

dl#rm4 + dl{margin:2px 0 0;}
.datasending{background:url(/st_ec/img/loading-dpblue.gif) no-repeat 20px 25px; padding:30px 0 30px 70px; font-size:15px;}

/* 地區選擇 */
.area-select{box-shadow:0 2px 5px 2px rgba(0,0,0,.3);}
.area-select a.clo:link, .area-select a.clo:visited{float:right; background:url(/st_ec/img/mail/icon_full.gif) no-repeat 0 0; width:10px; height:10px; display:block;}
.area-select hr{margin-bottom:10px; border:0; height:1px; border-bottom:1px solid #999;}
.tips-list{border-bottom:1px solid #aaa;}
.tips-list li{padding-left:0; list-style-type:none; display:block; float:left; margin-bottom:-1px; margin-bottom:-2px \9;}
.tips-list a:link, .tips-list a:visited{display:block; padding:2px 9px; padding:4px 9px 0 \9; height:20px; text-align:center;}
.tips-list a:hover{color:#06c; text-decoration:underline;}
.tips-list a.active-tip{color:#0c6fd1; font-weight:bold; border:1px solid #aaa; border-bottom:2px solid #fff; border-top-left-radius:3px; border-top-right-radius:3px; text-decoration:none;}
.area-content{margin:5px 0 0; margin-right:0; overflow-y:auto;}
.area-content ul{padding:0; list-style-position:inside;}
.area-content li{list-style-type:none; background-image:none; line-height:1.7; margin:0 0 1px 5px; padding:1px 0 0 78px; border-top:1px dashed #ccc; height:auto !important; height:1.7em; min-height:1.7em;}
.area-content li:first-child{border-top:0;}
.area-content li a:link, .area-content li a:visited{margin-right:1em; display:inline-block; color:#222; word-break:keep-all;}
.area-content li a:hover{color:#06c;}
.area-content li a#TPE{display:block; float:left; margin-left:5px;}
.area-content li strong{display:block; width:5.7em; float:left; margin-left:-82px; text-align:right; line-height:2 \9;}
.area-content li strong a:link, .area-content li strong a:visited{margin-right:0; color:#0c6fd1;}
.area-content li strong a:hover{color:#0066cc; text-decoration:none;}
.area-content li a.spot{padding:0; display:inline-block; color:#0c6fd1;}
.area-content li a.spot:hover{color:#06c;}
.area-content.no-tab-single{margin-top:-5px; margin-top:-20px \9; float:left \9; width:98% \9;}
.index.page .area-content.no-tab-single{margin-top:-10px \9;}
/* 大Banner */
.banners{margin-top:20px; position:relative; z-index:50;}
.banners ul{list-style-type:none; position:relative; top:3px; width:500px;}
.banners li{display:block; float:left; width:167px; height:32px; background:url(/st_ec/img/index/banner_tg_spacer.gif) no-repeat left center; text-align:center;}
.banners .pager-on{background:url(/st_ec/img/index/banner_tg.gif) no-repeat 0 0;}
.banners .no-spacer{background-image:none;}
.banners .last-pager{width:166px; background:none;}
.banners .last-pager.pager-on{background:url(/st_ec/img/index/banner_tg_last.gif) no-repeat 0 0;}
.banners li a:link, .banner-pagers li a:visited{display:block; padding:7px 5px; padding:9px 5px 5px \9; color:#06c;}
.banners .pager-on a:link, .banners .pager-on a:visited{font-weight:bold; color:#222;}
.banners .pager-on a:hover{text-decoration:none;}
.banner-ads{float:left; background:#fff; border:1px solid #ccc; padding:4px 4px; width:490px; height:275px; margin-left:-3px; box-shadow:0 2px 1px 1px rgba(160,160,160,.2);}
.banner-ads a:link, .banner-ads a:visited{display:block; padding:4px;}
.index.home .banner-ads{box-shadow:none; padding:0; border:0; width:487px; margin-left:0;}
.index.home .banner-ads a:link, .index.home .banner-ads a:visited{padding:0; width:487px !important; height:273px !important; overflow:hidden; display:none;}
.dot-pager{clear:left; position:relative; background:#fff; height:37px; width:486px; border:1px solid #ddd; border-top:0; border-radius:0 0 4px 4px;}
.dot-pager a:link, .dot-pager a:visited{float:left; display:block;}
.dot-pager a:first-child{margin-left:360px;}
.dot-pager a strong{float:left; display:none; color:#06c; font-size:15px;}
.dot-pager a.p-on strong{display:block; position:absolute; left:10px; top:9px;}
.dot-pager a b{display:block; font-size:0; width:14px; height:14px; margin-top:11px; margin-left:8px; background:url(/st_ec/img/cms_sprite.png) no-repeat -206px -180px;}
.dot-pager a.p-on b{background-position:-192px -180px;}

/* 熱銷排行 */
.sector.rank{margin-top:18px;}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {  
	.sector.rank{margin-top:10px;}
}
.sector.rank ul{width:188px;}
.sector.rank li, .sector.faq ul li{padding:3px 0; margin-bottom:0;}
.sector.rank ul li:last-child{display: none !important;}
.sector.rank li b{display:inline-block; width:16px; height:16px; background:url(/st_ec/img/cms_sprite.png) no-repeat -165px -20px; font-weight:norm
al; text-align:center; color:#fff; margin-right:6px; font-size:12px; text-align:center; font-family:Arial, Geneva, sans-serif;}
.sector.rank + a{margin-top:18px; display:block;}
.sector.rank + a img{border:1px solid #cdd6d7; box-sizing: border-box;}

/* 機票 */
.flights{width:487px; margin-top:17px;}
.flights .inside{width:471px; height:132px; padding:7px 7px 0;}
.tkt-genre{float:right; position:relative; width:auto; bottom:-1px;}
.tkt-genre a:link, .tkt-genre a:visited{display:block; float:left; font-size:13px; font-weight:normal; margin-left:2px; padding:3px 5px; padding:5px 5px 1px \9;}
.tkt-genre a:hover, .tkt-genre a.tkt-now{background:#298fca; color:#fff; text-decoration:none;}
.tkt-tb{float:left; width:233px;}
.tkt-lt{margin-right:5px;}
.tkt-tb th, .tkt-tb td{padding:5px; line-height:1.2;}
.tkt-tb tbody tr:hover{background:#e3f4ff; cursor:pointer;}
.tkt-tb th{background:#b6b6b6; color:#fff; font-weight:normal; text-align:center;}
.tkt-depart{width:40px;}
.tkt-price{width:60px;}
/* 特色旅遊 */
.features{width:716px; margin:-5px 0 0;}
.features .sector{float:left; width:49.3%; margin-left:10px; margin-top:16px;}
.features .sector a:hover{text-decoration:none;}
.features .gfg, .features .gfp{margin-left:0;}
.sector ol{list-style-type:none; position:relative; width:357px; height:211px; margin-left:-3px; background:url(/st_ec/img/home_sprite.png) no-repeat -590px -40px;}
.sector ol li{margin-bottom:0;}
.sector ol img{position:absolute; top:5px; left:8px;}
.sector ol p{margin-left:173px; padding:8px; line-height:1.2; font-size:15px;}
.sector ol .fea-select{color:#06c;}
.sector ol span{font-weight:normal; font-size:13px; display:block; margin-top:2px; color:#666;}
.sector ol a:hover p strong{color:#06c;}
.sector ol a:hover p strong span{color:#222;}
ol.fea-bg-0{background-position:-590px -40px;} ol.fea-bg-1{background-position:-590px -250px;}
ol.fea-bg-2{background-position:-590px -461px;} ol.fea-bg-3{background-position:-590px -672px;}
/* 票券 */
.coupons{clear:both; padding-right:7px; position:relative;}
.coupons .inside{padding:5px 10px 5px;}
.coupons ul{padding:0; width:680px; margin-left:10px; overflow:hidden;}
.coupons li{display:block; float:left; position:relative; margin:0 5px 0 4px;}
.coupons li b{position:absolute; top:7px; left:7px; width:30px; height:20px; background-image:url(/st_ec/img/cms_sprite.png); background-repeat:no-repeat; background-position:0 0; opacity:.85; padding-top:0;}
.coupons .tag-01{background-position:0 0;} /*飯店*/  .coupons .tag-02{background-position:0 -20px;} /*美食*/
.coupons .tag-03{background-position:0 -40px;} /*溫泉*/  .coupons .tag-04{background-position:0 -60px;} /*SPA*/
.coupons .tag-05{background-position:0 -80px;} /*交通*/  .coupons .tag-06{background-position:0 -100px;} /*樂園*/
.coupons .tag-07{background-position:0 -120px;} /*門票*/
.coupons li a:link, .coupons li a:visited{display:block; margin:3px; line-height:1.75;}
.coupons li img{width:112px; height:75px; display:block; padding:3px; background:#fff; border:1px solid #ccc; border-radius:2px;}
.coupons li:hover img{background:#298fca; border-color:#298fca;}
.coupons li a strong{display:block; text-align:center; margin:2px 0 0;}
.slide-btn{position:absolute; top:40px; left:2px; width:25px; height:80px; background:url(/st_ec/img/cms_sprite.png) no-repeat -239px -100px; cursor:pointer;}
.slide-btn:hover{background-position:-239px -180px;}
.slide-btn.east{background-position:-264px -100px; left:auto; right:7px;}
.slide-btn.east:hover{background-position:-264px -180px;}
/* 得獎 */
.awards{clear:both; margin-top:9px;}

/* 熱銷推薦 */
.bestseller{margin-top:9px;}
.sector.bestseller .inside ul{padding:6px 0 5px 6px; padding: 8px 0 1px 6px \9; display:none;}
.sector.bestseller .inside ul li{margin-bottom:4px; width:198px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.bestseller a:link, .bestseller a:visited{background:url(/st_ec/img/cms_sprite.png) no-repeat -280px 7px; padding:3px 0 3px 10px; line-height:1.6; margin-left:3px;}

/* 主題企劃 */
.topic{width:213px;}
.topic .inside{width:191px;}
.accbox{text-align:center;}
.accbox a, .accbox img{display:none; margin:0 auto;}
.accbox h4{cursor:pointer; padding:7px 4px 7px 8px; height:16px; text-align:left; background:url(/st_ec/img/index/accbox_h4_bg.gif) repeat-x center bottom; font-weight:normal;}
.accbox h4 b{width:9px; height:9px; display:inline-block; float:left; margin-right:2px; background:url(/st_ec/img/index/topic_arrow_r.gif) no-repeat 0 0; margin-top:4px;}
.box-on{border:1px solid #ccc; background:#fff; padding-bottom:3px; position:relative; top:-1px; height:140px;}
.box-on h4{background:none; font-weight:bold;}
.box-on h4 b{background:url(/st_ec/img/index/topic_arrow_d.gif) no-repeat 0 0;}
.box-on a, .box-on img{display:block;}
.accbox.box-on a:link, .accbox.box-on a:visited{position:absolute; left:3px; top:0; padding-top:30px;}

/* 焦點特輯 */
.campaign .inside{padding:3px;}

/* 帶著背包旅行去 */
.backpacker ul{padding:0; width:211px;}
.backpacker li{border-bottom:1px solid #ddd; padding:8px; height:48px;/*height:45px;*/ margin-bottom:0; vertical-align:bottom;}
.backpacker li:hover{background:#e3f4ff; cursor:pointer;}
.backpacker li:hover a{text-decoration:none;}
.backpacker li a:link, .backpacker li a:visited{display:block; height:48px;}
.backpacker li a p span{font-size:11px; color:#666;}
.backpacker li a p em{float:right;}
.backpacker li a p em span{font-size:13px; color:#c00;}
.air-logo{width:30px; float:left; margin-right:8px; text-align:center;}
.air-logo img{width:30px; height:30px; display:block; background:#fff;}
.air-logo strong{line-height:1; margin:0 auto; font-weight:normal;}
.backpacker p strong{width:10em; height:1.3em; display:inline-block; overflow:hidden;}
.backpacker p br{ display:none;}

/* 信用卡獨享優惠 */
.sector.card{}
.card ul{padding:0 5px 4px;}
.card li{display:block; float:left; width:40px; padding:10px 0;/*padding:7px 0*/ margin:4px 0 0; text-align:center;}
.card li:hover{background:#e3f4ff; box-shadow:inset 0 0 2px 0 rgba(160,160,160,.2);}
.card li a:link, .card li a:visited{display:block; text-align:center; }
.card li a:hover{text-decoration:none;}



/* 常見問題 */
.faq li{margin-bottom:5px;}
.sector.faq li b{display:inline-block; width:16px; height:16px; background:url(/st_ec/img/cms_sprite.png) no-repeat -145px -20px; margin-right:6px;}

/* 訂閱東南 */
.share{width:213px;}
.share h3 b{background-position:-56px -463px;}
.share .fb-area .fb_iframe_widget{display:block !important; min-height:85px !important;}
.share .fb-area .fb_iframe_widget iframe{background:#fff !important;}
.share .fb-area a.i-set-tour:link, .share .fb-area a.i-set-tour:visited{display:block; text-align:left; font-size:12px; border:0; margin:7px 0; color:#06c;}
.share .fb-area a:after{content:""; display:inline-block; vertical-align:baseline; width:10px; height:10px; margin-left:4px; background:url(/st_ec/img/index/to_fb_arr.gif) no-repeat 0 0;}
.share .fb-area a.i-set-tour:hover{text-decoration:underline;}
.index div#___ytsubscribe_0{float:right !important; position:relative; right:-3px;}
.index div#___plusone_0{position:relative !important; top:3px !important; float:left !important; left:-3px;}
.share a.youtube-ch:link, .share a.youtube-ch:visited{float:right; display:block; background:url(/st_ec/img/cms_sprite.png) no-repeat -80px -204px; /*width:103px;*/ height:24px; text-indent:-9999em; padding:0 5px; margin:0 2px; position:relative; right:-2px;}
.share a.youtube-ch:hover{background-position:-80px -180px;}
.share a.lineAdd:link, .share a.lineAdd:visited{float:right; display:block; /*width:103px;*/ height:24px; text-indent:-9999em; padding:0 5px; position:relative;}
.goo-social{border-top:1px solid #cbcbcb; padding:9px 9px 4px; margin:7px -5px 0;}
.share .inside{float:left; margin-top:3px; padding:5px; width:201px; min-height:151px; min-height:157px \9; background:#fff; /* url(/st_ec/img/ad/index/fb_placeholder.jpg) 5px 10px no-repeat;*/}
.share .inside .part{position:relative;}
.share h3{padding:0; margin-bottom:-3px;}
.share h3 strong{display:inline-block;}
.sector.share ul.intro-tab{background:none; display:inline-block; position:relative; bottom:-2px; left:4px; width:auto; vertical-align:text-bottom;}
.share ul.intro-tab li{display:block; float:left; border:1px solid #a1c7e4; width:76px; margin-bottom:0;}
.share ul.intro-tab li:first-child{margin-left:0;}
.share ul.intro-tab li:first-child + li{width:65px; border-radius:0 4px 0 0;}
.share ul.intro-tab .t-on{border-color:#298fca; border-top-width:2px; border-bottom-color:#fff; background:#fff;}
.share ul.intro-tab li a:link, .share ul.intro-tab li a:visited{display:block; height:auto; color:#06c; text-align:center; padding:4px 0 2px; text-shadow:none;}
.share ul.intro-tab .t-on a:link, .share ul.intro-tab .t-on a:visited{color:#06c; font-weight:bold;}
.blog-banner:link, .blog-banner:visited{display:block; text-align:center; background:#fff; color:#06c;}
.blog-banner img{margin:5px auto;}

/* 會員專區 */
.mem h3 b{background-position:-34px -463px;}
.aside .sector.mem{margin:5px 0 0;}
.sector.mem .inside{padding-bottom:10px;}
.sector.mem + a{margin:15px 0 -5px;}
.sector.mem + a img{width:213px; height:118px; display:block; box-sizing:border-box; border:1px solid #ddd;}
.btn-chip{float:left; border:1px solid #ccc; border-radius:4px; margin-left:5px; box-shadow:0 1px 1px 0 rgba(96,96,96,.2);}
.btn-chip a:link, .btn-chip a:visited{display:block; height:30px; width:79px; line-height:1.3; padding:6px 3px 4px 7px; text-align:left; border-radius:3px; border:1px solid #fff; border-bottom-width:2px; font-size:12px; color:#333;
background:#f5f5f5;
background:linear-gradient(to bottom, #fefefe 0%, #f5f5f5 80%);
}
.btn-chip a:hover{text-decoration:none; color:#333;
background:#fafafa;
background:linear-gradient(to bottom, #fefefe 0%, #ececec 80%);
}
.btn-chip i.material-icons{display:none !important; vertical-align:middle; color:#298fca; text-shadow:0 1px 0 #fff; display:block; float:left; padding:2px 0 3px; margin-right:5px;}
.b-odr{margin-left:0; line-height:2.5;}
.b-csh, .b-edm, .b-faq, .b-share{margin-top:8px; text-align:center;}
.b-odr a:link, .b-odr a:visited, .b-csh a:link, .b-csh a:visited{line-height:2.3;}
.btn-chip.b-csh{clear:left; margin-left:0;}
.b-csh a:link, .b-csh a:visited{}
.b-edm a:link, .b-edm a:visited, .b-faq a:link, .b-faq a:visited{width:48px; padding:3px 4px 7px;}
.b-faq a:link, .b-faq a:visited{width:49px;}

.btn-chip a:before{content:"."; font-size:0; display:block; float:left; vertical-align:middle; background:url(/st_ec/img/btn_chip_bg2.png) no-repeat 0 0; width:24px; height:24px; margin-right:5px;}
.b-odr a:before{background-position:0 0;}
.b-day a:before{background-position:0 -24px;}
.b-csh a:before{background-position:0 -48px;}
.b-share a:before{background-position:0 -72px;}


/* 熱門 banner 連結 */
.offer{width:170px; height:48px; padding:12px 0 0 41px; background:url(/st_ec/img/cms_sprite.png) no-repeat -79px -430px}
.offering a:link, .offering a:visited{display:block; color:#fff; font-size:12px; text-shadow:0 1px 0 rgba(64,64,64,.6);}
.offering a b{display:inline-block; width:4px; height:4px; background:url(/st_ec/img/cms_sprite.png) no-repeat -145px -146px; margin-top:-3px; margin-right:5px; vertical-align:middle;}
.offering a:after{content:">>"; display:inline-block; margin-left:2px;}
.offering .break{height:6px; background:url(/st_ec/img/cms_sprite.png) repeat-x -80px -369px; margin:0 auto; width:90%; }

/* 得獎 */
.awards ul{padding:0;}
.awards li{display:block; float:left; margin-bottom:0; border-right:1px solid #cecece;}
.awards ul li a:link, .awards ul li a:visited{display:block; line-height:1.4em; background:url(/st_ec/img/index/award_bg.gif) repeat-x; center bottom; margin:0 1px 1px 0; padding:15px 10px 0; width:168px; height:50px;}
.awards .last-medal{border:0;}
.awards ul li.last-medal a{width:167px;}
.awards img{float:left; margin-right:10px;}

/* 上 CMS 後微調 */
.p-idx .search-FREE #arrAreaParam{width:140px;}
.p-idx .search-FREE #arrNatnParam, .p-idx .search-FREE #arrCityParam, .p-idx .search-FREE .colx2 dd{width:auto;}

/* B2E payeasy 引擎 */
.payeasy-inc{width:610px; height:160px;}
.payeasy-inc .search-engine{margin-left:0; padding-top:3px; width:608px; height:128px; border-left:1px solid #ccc; border-radius:4px;}
.payeasy-inc .search-FREE #freeTypeRadio{display:none;}
.payeasy-inc .search-engine dl{margin:5px 0 0;}
.payeasy-inc .search-tab{margin-left:8px; height:24px;}
.payeasy-inc .search-tab a:link, .payeasy-inc .search-tab a:visited{padding:1px 12px 2px; padding:3px 12px 0 \9;}
.payeasy-inc .search-tab .search-on{height:23px;}
.payeasy-inc .cushion{display:none;}
.payeasy-inc .area-select{width:588px; height:135px; padding-top:5px; font-size:11px;}
.payeasy-inc .area-select .tips-list a:link, .payeasy-inc .area-select .tips-list a:visited{height:13px;}
.payeasy-inc .area-select .area-content{max-height:112px;}
.payeasy-inc .area-select .area-content.no-tab-single{margin-top:15px; margin-top:5px \9; max-height:124px;}
.payeasy-inc .area-select .area-content li{padding-left:0; line-height:1.5em; margin-bottom:1px;}
.payeasy-inc .area-select .area-content li strong{position:static; float:left; width:auto;}
.payeasy-inc .area-select .area-content li strong a:link, .payeasy-inc .area-select .area-content li strong a:visited{margin-right:0}
.payeasy-inc .area-select .area-content li a:link, .area-content li a:visited{margin:0 .5em;}
.payeasy-inc + div#ui-datepicker-div.ui-datepicker{font-size:10px; -webkit-transform:scale(.75);}
.payeasy-inc + div#ui-datepicker-div.ui-datepicker{top:0 !important;}
.payeasy-inc + div#ui-datepicker-div.ui-datepicker .ui-datepicker-header{padding:.4em 0;}
.payeasy-inc + div#ui-datepicker-div.ui-datepicker select.ui-datepicker-month, 
.payeasy-inc + div#ui-datepicker-div.ui-datepicker select.ui-datepicker-year{margin:-3px 2px;}


/*搜尋引擎加icon*/
.icon-diff b{width:16px; height:16px; display:inline-block; background:url(/st_ec/img/icon_checker.gif) no-repeat -182px -21px; margin-right:3px; vertical-align:-4px;}
.icon-diff:link, .icon-diff:visited{margin-left:3px;}
.search-engine .colx3 dd.diff{width:9em;}

/* 全站搜尋區 */
.keyword{margin:4px 0 9px;}
.keyword:after{content:"."; font-size:0; display:block; visibility:hidden; line-height:0; height:0; clear:both;}
.keyword-input{position:relative;}
.keyword-input b{display:inline-block; width:16px; height:16px; background:url(/st_ec/img/icon_checker.gif) no-repeat -22px -222px; position:relative; top:4px; right:128px; margin-right:-16px; display:none \9;}
.keyword-input input[type="text"]{width:95px; width:117px \9; font-size:15px; border:1px solid #777; border-color:#777 #aaa #aaa #777; background:#fff url("/st_ec/img/input-bg.jpg") repeat-x 0 -2px; padding:8px 10px 8px 32px; padding:8px 10px \9; border-radius:2px; box-shadow:inset 0 1px 3px rgba(0,0,0,.3);}
.keyword-input input[type="text"].it-2{padding:7px 9px 7px 31px; padding:7px 9px \9; border:2px solid #298fca;}
.keyword-input input.btn-s{padding:5px 0 7px; padding:7px 0 5px \9; background-image:url(/st_ec/img/btn_submit_global.gif); color:#06c; width:70px; padding-left:3px;}
.keyword-input input.btn-s:hover{color:#06c; padding-left:3px;}
.keyword-input, .keyword-input + span, .suggest, .suggest li{display:block; float:left;}
.keyword-input + span{margin-left:30px; margin-top:9px;}

/* hack for ie9 & ie10 */
@media screen and (min-width:0\0){.mr:link, .mr:visited{font-size:11px; padding-left:18px; width:32px;}}

@media screen and (-webkit-min-device-pixel-ratio:0){
.p-vfp .search-engine dl{margin:5px 0 0 7px;}
.area-content.no-tab-single{float:left; margin-top:-20px; width:98%;}
.index.page .area-content.no-tab-single{margin-top:-10px;}
dl#rm4 + dl{margin:0;}
.payeasy-inc .area-select .area-content.no-tab-single{margin-top:5px; max-height:124px;}
.quick ul li .menu-dtl a:link, .submenu li .menu-dtl a:visited{background-position:-89px 5px;}
.quick ul li .menu-dtl a:hover{background-position:-89px -13px;}
.map-div h3{height:29px; padding:7px 0 5px 20px;}
.sector.bestseller .inside ul li{position:relative; top:.1px;}
.payeasy-inc + div#ui-datepicker-div.ui-datepicker{top:-25px !important;}
.sector.rank{margin-top:11px;}
.features .sector{margin-top:15px;}
.index .p-htl .rm-condition{padding-bottom:25px;}

.rank h3:before, .bestseller h3:before, .mem h3:before, .flights h3:before, .topic h3:before, .gfg h3:before, .gdg h3:before, .gfp h3:before, .hdp h3:before, .coupons h3:before, .awards h3:before, .backpacker h3:before, .card h3:before, .share h3:before{vertical-align:text-bottom;}
}

/*搜尋引擎+tooltip*/
.moreInfo{position: relative; display: block; float: left; width: 20px; height: 20px; font-size:20px; /*margin-left: 8px;*/}
.search-tooltip{position: absolute; min-width: 140px; padding: 10px;top: -55px; left: -8px; background: #fff; border: solid 1px #efefef; border-radius: 4px; font-size: 12px; text-align: center; z-index: 5;}
.search-tooltip:before, .search-tooltip:after{display: block; content: ''; position: absolute; bottom: -6px;}
.search-tooltip:before{border-top: solid 5px #efefef; border-left:solid 5px transparent;}
.search-tooltip:after{border-top: solid 5px #efefef; border-right:solid 5px transparent; left: 15px;}
.search-tooltip .blue{color:#1d90e6;}

/*insider 高度*/
.ins-content-wrapper {
  margin-top: 500px !important;
}


/* 介紹文字(強力推薦)斷行 */
body .txt-pp {
  word-break: break-word;
}