@charset "utf-8";
/* CLEARFIX */
.clearfix:after, .key-visual:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}

/* 整體 */
*:focus{outline:none;}
*::-moz-focus-inner{border:none; outline:none;}
h1, h2, h3, h4, #append-btn, #location-menus .navbar-brand, .carrier li a strong, .navbar-custom .navbar-nav > li > a, .setop #append-list .nav > li a:link, .setop #append-list .nav > li a:visited, .setop #append-list .nav > li.heading span{font-family:'微軟正黑體','Microsoft JhengHei','新細明體','PMingLiU',Arial,sans-serif;}
.container .navbar.yamm{margin:1px -15px; position:static; top:-150px; left:0; right:0; transition:all .4s cubic-bezier(.22,.61,.36,1);}
.navbar.yamm > .container .navbar-brand{}
.yamm .nav > li > a{padding-left:8px; padding-right:8px;}
.intro-anchors{display:none !important;}
.kxs, .ksm, .kmd, .klg{display:none;}
[id*="anc_"]{position:relative; display:block; height:0; top:-120px;}
#classic, #snap{background:url(images/bg.jpg) #dcd8cc repeat center top;}
.mainbg{ background:url(images/main_bg.jpg) repeat-y center top;}

/* 主視覺 */
.key-visual{text-align:center; height:auto; margin:0 auto; padding-bottom:75px;}
.key-visual img{margin: 0px auto; max-height:470px;}
.fixing .key-visual + .container:before{content:'.'; display:block; height:90px;}
.setop.navbar-default{ z-index:999;}

/* 切換選單 */
#append-btn{color:#fff; border:2px solid #fff; box-shadow:none; padding:2px 12px 2px 9px; font-size:16px; top:1px;}
#append-btn:before{content:" "; display:inline-block; vertical-align:middle; width:13px; height:5px; background:url(images/location_down_arr.gif) no-repeat center bottom; margin-right:3px;}
#append-btn:after{content:"56週年慶回饋";}
.second-anchor{display:none;}

/* PING MENU */
.fixing #location-menus{position:fixed; z-index:1000; top:-1px; margin:0; background-color:#FFFCF5; padding-bottom:15px; box-shadow:0 2px 8px 6px rgba(160,160,160,.45);}



@media (max-width: 767px){
.fixing #location-menus{padding-bottom:0; box-shadow:none; background:url(images/drop_bg.gif) repeat-x left top;}
.menu-box{height:50px !important;}
}
/* MENU */
#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 #navbar-collapse-menus{background:#FBD2D2;}*/
#location-menus #navbar-collapse-menus:before{content:""; display:block; width:100%; height:5px; margin:0 -15px; position:absolute; top:0;}
#location-menus .navbar-nav{margin:0 -15px 0; float: none;}
#location-menus .navbar-nav:after{content:""; display:block; clear:both; line-height:0; height:0; visibility:hidden;}
.navbar-custom{}
.navbar-custom .navbar-brand, .navbar-custom .navbar-text{color:#fff;}
.navbar-custom .navbar-nav > li{ margin-top: 12px;}
.navbar-custom .navbar-nav > li:hover, .navbar-custom .navbar-nav > li:focus{}
.navbar-custom .navbar-nav > li > a{color:#8d8167; font-size:21px; padding: 10px 15px; border-radius: 6px; border: 1px solid #cfcaba; border-radius: 6px;box-shadow: 0 0 0 1px #fff; margin-left:8px; font-weight:bold;}
.navbar-custom .navbar-nav > li > a:hover, .navbar-custom .navbar-nav > li > a:focus,
.navbar-custom .navbar-nav > .active > a, .navbar-custom .navbar-nav > .active > a:hover, .navbar-custom .navbar-nav > .active > a:focus{ background:#ceaa4a;color:#ffffff;}
.navbar-custom .navbar-nav > li > a:hover:after, .navbar-custom .navbar-nav > li > a:focus:after,
.navbar-custom .navbar-nav > .active > a:after, .navbar-custom .navbar-nav > .active > a:hover:after,
.navbar-custom .navbar-nav > .active > a:focus:after{content:" "; display:block; width:100%; height:5px; background:#ceaa4a; color:#ffffff; position:absolute; right:0; left:0; bottom:0;}

.second-anchor{background:#fff; text-align:center; margin-bottom:-1px;}
.fixing .second-anchor{box-shadow:0 6px 12px rgba(0,0,0,0.176); border-radius:0; left:-1px; right:-1px;}
.second-anchorxxx:after{content:" "; display:block; clear:both; line-height:0; height:0; visibility:hidden;}
.second-anchor a:link, .second-anchor a:visited, .second-anchor strong{display:inline-block; padding:2px 10px; margin:10px; font-size:15px;border: 1px solid #ff81c4;color: #ff81c4;}
.second-anchor strong{display:none;}
.second-anchor a:hover{color:#c4166f; border:2px #c4166f solid; text-decoration:none; font-weight:bold;}
.second-anchor strong:after{content:"：";}

/* .navbar-custom .navbar-collapse, .navbar-custom .navbar-form{border-color: #f92895;} */
.navbar-custom .navbar-nav > .dropdown > a:hover .caret,
.navbar-custom .navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.navbar-custom .navbar-nav > .open > a,
.navbar-custom .navbar-nav > .open > a:hover,
.navbar-custom .navbar-nav > .open > a:focus {
  background-color: #f92b96;
  color: #fff;
}
.navbar-custom .navbar-nav > .open > a .caret,
.navbar-custom .navbar-nav > .open > a:hover .caret,
.navbar-custom .navbar-nav > .open > a:focus .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.navbar-custom .navbar-nav > .dropdown > a .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}


/*************** 商品區 ****************/
.container .cms23{ padding-bottom:50px; display:block; border: 1px solid #b5b0a3; border-radius: 10px; width:95%; margin: 0 auto; padding:10px;box-shadow: 0 0 0 1px #fff; background:#f5f2e9; margin-top:100px;text-align: center;}
/* C23模組*/
.container .cms23 h3{ font-size:24px; font-family:"微軟正黑體"; letter-spacing :5px; text-align:center; background:#826423; color:#FFF; font-weight:bold; padding:5px; margin: 0 auto; border-radius:8px;}
.carrier{padding:0 12px; vertical-align:top; width: 48%; display:inline-block; text-align:left; }
.carrier h4, .horcrux h4{border-left: 2px solid #7f5825; color:#7f5825; font-size:21px; line-height:1; margin:28px 0 15px;}
.carrier h4:before, .horcrux h4:before{content:" ";margin-right:.6em;}
.carrier.type2 h4{border:none; margin:15px 0; color:#fa4ba6; font-size:26px;}
.carrier.type2 h4:before{display:none;}
.horcrux + .carrier.type2{padding-top:1px;}
.carrier li{list-style-type:none; position:relative; border-top:1px dashed #d9ceb0; background: #ffffff; margin-bottom: 10px; padding: 10px 15px; border: 1px solid #ffffff; border-radius: 5px; height:140px;}
.carrier li.box-head{display:none !important;}
.carrier li.box-head + li{border-top:0;}
.carrier li a strong{color:#89752c; font-size:18px; display:block; line-height:1.4; font-weight: 500; margin-bottom:2px;overflow: hidden; height:24px;/* width:85%;*/}
.carrier li a:hover strong{color:#ca9a11;}
.carrier li a:link, .carrier li a:visited{display:block; color:#a5a5a5; font-family:"微軟正黑體"; font-size:13x; text-decoration:none;}
.carrier li a:hover{text-decoration:none; color:#6e654a;}
.carrier li:hover{border: 1px solid #edcb0c;box-shadow:1px 2px 2px 2px rgba(128,128,116,0.1);}
.carrier li a .price{font-size:20px; font-weight:bold; float:right;font-family:"微軟正黑體,Times New Roman"; color:#d69e00;font-style: italic;}
.cms23 .price span{font-size:28px;  font-family:'Times New Roman'; font-weight:bold; letter-spacing:-1px;}
.cms23 .price span:after{content:"起"; display:inline; font-size:15px; position:relative; top:-1px; font-weight: 700; font-family:"微軟正黑體";margin-left: 2px;}

/* C23模組-猜你喜歡*/
.container .row  h3{ background:#ac7e19; }
.row .carrier li a{ font-size:0;}
.container .row{ padding-bottom:50px; display:block; border: 1px solid #b5b0a3; background:#dedcd7; margin-top:60px;text-align: center;}
.container .row .carrier li{list-style-type:none; position:relative; padding: 10px 15px;border-radius: 5px; height:100px;background: #dedcd7; border:none; border-bottom: 2px dotted #ffffff; margin: 0;}
.row .carrier li.box-head{display:none !important;}
.row .carrier li.box-head + li{border-top:0;}
.row .carrier li a strong{color:#a58026;margin-bottom:2px;overflow: hidden; height:46px;/* width:85%;*/}
.row .carrier li a:hover strong{color:#ca9a11;}
.row .carrier li a:link, .carrier li a:visited{display:block; color:#a5a5a5; font-family:"微軟正黑體"; font-size:13x; text-decoration:none;}
.row .carrier li a:hover{text-decoration:none; color:#6e654a;}
.row .carrier li:hover{background: #edebe6; box-shadow: none;}
.row .carrier li:hover strong{color:#c15a16;}
.row .carrier li a .price{color:#9c591d;}



/*banner*/
.container .banner-l a img{ width:100%; margin-top: 40px;}
.container .banner-s{display:none;}
.container .imgcont img{ width:100%;}


/*模組C26*/
.cms26 h4{ display:none;}
.ph{position:relative; display:block; float:left; padding:0 10px; margin:20px 0 10px 15px;  transition:all .3s ease-out; box-shadow:none; overflow:hidden; width:295px; height:400px; border:1px solid #b5b0a3;border-radius:10px;background:url(images/pd_bg.jpg) repeat center;box-shadow: 0 0 0 1px #fff;}
.ph:hover{border:1px solid #FFF; box-shadow:0 2px 7px 5px rgba(128,128,128,.4);}

.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: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; font-size:20px; line-height:1.3em; /* max-height:2.2em;*/ overflow:hidden; padding:0 5px 0 10px ; margin:8px -10px 1px -10px; color:#c78d13; font-family:"微軟正黑體"; font-weight: 600;letter spacing:-2px; height:60px; }
.ph-detail{font-size:16px; background-color:#ce9a2c; padding: 4px 10px; color:#FFFFFF; border-radius:20px; font-family:"微軟正黑體"; ine-height:2.2em; max-height:2.2em; overflow:hidden; height:28px; margin: 105px 0 0px 0;}
.ph-feature{display:block; color:#a5a5a5; font-size:15px; line-height:1.4em; padding:4px 0 5px 2px; overflow:hidden; font-family:"微軟正黑體";letter spacing:-2px; height:70px; overflow:hidden; margin-top: -135px; border-top: 2px dotted;border-color:#b58e3c;}
.ph .price{font-size:20px; font-weight:bold; float:right;font-family:"微軟正黑體,Times New Roman"; color:#d41919; padding:2px 24px; position:absolute; right: -5px; bottom:36px;font-style: italic;}
.ph .price span{font-size:32px;  font-family:'Times New Roman'; font-weight:bold; letter-spacing:-1px;}
.ph .price i{ display:none;}
.ph:hover .ph-title{color:#cfac4c;}
.ph:hover .ph-detail{background-color:#dabd73;}
.price span:after{content:"起"; display:inline; font-size:15px; position:relative; top:-1px; font-weight: 700; font-family:"微軟正黑體"; margin-left: -6px;}


/*TOP*/
.scroll2top:link, .scroll2top:visited{width:80px; height:130px; background:url(images/top_badge.png) no-repeat 0 0px; margin-left:940px;bottom:100px;}
.scroll2top:hover{background-position:0 -130px;}

.col-md-11{ padding:0;}
.cn .ph-detail img, .htl .ph-detail img{ display: block; margin:0 auto 10px;width:100%; }/*旅展最低價-大陸港澳_圖片覆蓋*/


/*-----------------好禮下單抽-----------------*/
.main-box{ text-align:center; margin:0 auto; background:#ffffff;max-width:876px; font-family:"微軟正黑體"; margin-top:20px;}
.main-box img{ max-width:100%;}
.main-box .spic{ display:none;}
.main-box .txt-info{ text-align: justify; font-size:15px; color:#4d4d4d; width:85%; line-height:1.6em; margin: 0 auto;}
.main-box p{ font-size:20px; color:#797979; line-height:1.6em;}
.main-box span{ font-size:16px; color:#d80101;}
.main-box .txt-info li{ list-style:none; margin-top:10px;}
.txt-info strong{ font-size:24px; font-weight:bold; color:#252525;}
.txt-info a{ float:right; padding:3px 20px; background:#fc608b; color:#ffffff; font-size:18px; border-radius:20px; font-weight:normal; text-decoration:none;}
.txt-info a:hover{background:#ffb5a4;}
.note-L{ font-family:"微軟正黑體";  text-align:center; margin:0 auto;}
.note-L p{ font-size:28px; color:#000000;font-weight:bold; }
.note-L ol{list-style-position:outside; font-size:16px; color:#484848;  margin-left:20px; line-height:1.5em; text-align:justify;}
.note-L li{ margin-top:16px; }
.note-L, .note{ margin-top:35px;}


.note-L{ display:block;}
.note{ display:none;}

/*注意事項-展開收合CSS*/
.note { color: #333; position: relative; text-align: center;}
.note:hover {cursor: s-resize;}
.note c2 { font-weight:bold; color: #fff; font: 16px Century Gothic,微軟正黑體; padding: 4px 16px; border: 1px solid #9d0000; border-radius:20px; background-color: #9d0000; }
.cs ol{list-style-position:outside; }
pre { text-align: left; border-radius: 3px; box-sizing: border-box; color: #8e9081; font: 13px Microsoft JhengHei,Century Gothic; line-height: 18px; outline: 0px; padding: 10px 20px; vertical-align: baseline; word-wrap: break-word; word-break: normal; margin-left: 15px;}




/*=== 桌機版 較小螢幕 =========================*/

/*當視窗最小寬度為992px，最大不管，套用這些CSS*/
@media (min-width: 992px){
.clearfix::before, .clearfix::after, .container::before, .container::after, .container-fluid::before, .container-fluid::after, .row::before, .row::after, .form-horizontal .form-group::before, .form-horizontal .form-group::after, .nav::before, .nav::after, .navbar::before, .navbar::after, .navbar-header::before, .navbar-header::after, .navbar-collapse::before, .navbar-collapse::after { display: none;}
.klg{display:block;}



}

/*當視窗最小寬度為768px，最大不管，套用這些CSS*/
@media (min-width: 768px){
.clearfix::before, .clearfix::after, .container::before, .container::after, .container-fluid::before, .container-fluid::after, .row::before, .row::after, .form-horizontal .form-group::before, .form-horizontal .form-group::after, .nav::before, .nav::after, .navbar::before, .navbar::after, .navbar-header::before, .navbar-header::after, .navbar-collapse::before, .navbar-collapse::after { display: none;}
.klg{display:block;}
#append-list{position:absolute; top:505px; left:0; right:0; float:left; background:#f1cc64; background: -moz-linear-gradient(top, #f1cc64 0%, #8c6320 100%);
background: -webkit-linear-gradient(top, #f1cc64 0%,#8c6320 100%);
background: linear-gradient(to bottom, #f1cc64 0%,#8c6320 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1cc64', endColorstr='#8c6320',GradientType=0 );z-index: 99;}
#append-list .nav{float:none !important; margin:0 auto; width:970px;}
#append-list li{border:1px solid #9b7522;}
#append-list li b{display:none;}
#append-list li + li{border-left:0;}
#append-list li.heading + li{border-left:1px solid #0b273c;}
.setop #append-list .nav > li a:link, .setop #append-list .nav > li a:visited{font-size:36px; padding: 17px 165px 8px; color:#ffffff;text-align: center;line-height: 0.6em;}
.setop #append-list .nav > li a:link span, .setop #append-list .nav > li a:visited span{font-size:16px;}
.setop #append-list .nav > li a:hover, #classic .setop #append-list .nav > li.classic01 a, .setop #append-list .nav > li a:hover, #snap .setop #append-list .nav > li.snap01 a{background: #f1cc64;background: -moz-linear-gradient(top, #f1cc64 0%, #bb8836 100%);background: -webkit-linear-gradient(top, #f1cc64 0%,#bb8836 100%);background: linear-gradient(to bottom, #f1cc64 0%,#bb8836 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1cc64', endColorstr='#bb8836',GradientType=0 ); text-decoration:none;}

.setop #append-list .nav > li.heading{float:left; margin-right:0px; border:none;}
.setop #append-list .nav > li.heading span{display:block; padding:1em 0.5em; line-height:20px; color:#ffff5d; font-size:15px; font-weight:bold;}
.setop #append-list .nav > li.heading span:after{content:" "; display:inline-block; background:url(images/append_heading_arr.png) no-repeat 0 0; width:7px; height:12px; vertical-align:baseline; margin-left:8px;}
.setop #append-list .nav > li.disable a{color:#aaa;}
.setop #append-list .nav > li.disable a:hover{background:none; cursor:default;}
#location-menus .container{padding:0;}
.container .banner-l a img{ margin-top: 20px;}

}

/*當視窗最小寬度為768px，最大991px，套用這些CSS*/
@media (min-width: 768px) and (max-width: 991px){
.klg{display:none;}
.kmd{display:block;}	
#append-list{top:410px; padding:0;}
#append-list .nav{width:750px;}
#location-menus .navbar-nav {margin:0 -15px 0;}
.setop #append-list .nav > li a:link, .setop #append-list .nav > li a:visited{font-size:28px; padding:12px 126px 7px 126px;text-align: center;line-height: 0.9em;}
.navbar-custom .navbar-nav > li > a{padding-left:6.8px; padding-right:6.9px; font-size:15px;}
.scroll2top:link, .scroll2top:visited{margin-left:720px;}

/* C26模組 */
.group-type-ph{ display:inline-block; text-align:center;}
.ph{position:relative; display:inline-block; float: none; padding:0 10px; margin:20px 0 10px 10px;  transition:all .3s ease-out; box-shadow:none; overflow:hidden; width:295px; height:400px; border:1px solid #b5b0a3;border-radius:10px;background:url(images/pd_bg.jpg) no-repeat center;box-shadow: 0 0 0 1px #fff; text-align:left; }

/* C23模組*/
.carrier li a strong{color:#89752c; font-size:16px; display:block; line-height:1.4; font-weight: 500; overflow: hidden; height:50px;/* width:85%;*/}

/*-----------------好禮下單抽-----------------*/
.note-L{ width:90%;}
.note-L p{ font-size:24px;}
.note-L ol{ font-size:14px; margin-left:15px;}
}

/*for IOS用*/
@media screen and (-webkit-min-device-pixel-ratio:0) and (min-width: 768px) and (max-width: 991px){
#exotic .navbar-custom .navbar-nav > li.ribbon-right{margin-left:-130px; left:145px;}

}

/*=== 行種裝置版 Pad以下 =========================*/

/*當視窗最大寬度為768px，最小不管，套用這些CSS*/
@media (max-width: 767px) {
.ksm{display:block;}
.key-visual{padding-bottom:0;}
.key-visual img{margin-top: -15px;}
[id*="anc_"]{position:relative; display:block; height:0; top:-80px;}
.key-visual .container{padding:0;}
.dropdown.yamm-fw .dropdown-menu{ text-align:left;}
.dropdown.yamm-fw .dropdown-menu li{float:none; display:block;}
.fixing .navbar.yamm{width:100%;}
.fixing .key-visual + .container:before{height:40px;}
.setop .nav > li{ width: 100%; text-align: center;}
.setop #append-list .nav > li.disable{display:none;}
.setop #append-list .nav > li.heading{display:none;}
.setop #append-list .navbar-nav{margin-bottom:0;}
.setop #append-list{background:#a28646;}
.setop #append-list .nav > li{border-bottom:1px solid #6c6956; background:url(images/location_arr.png) no-repeat 87% 52%;}
.setop #append-list .nav > li b{content:" "; display:inline-block; width:32px; height:32px; background:url(images/location_icon.png) no-repeat 0 0; margin-right:.75em; vertical-align:middle;}
.setop.navbar-default .navbar-nav > li > a{color: #ffffff; font-size: 24px; padding: 0;}
.setop.navbar-default .navbar-nav > li > a span{font-size: 16px;margin-top: 12px;}
.setop.navbar-default .nav > li:hover{ background-color: #e0b756 !important;}
.navbar-nav > li > a {display: inline-flex;}

#location-menus #navbar-collapse-menus{background:#6c6956; margin:0 -16px; position:relative; z-index:99;}
#location-menus #navbar-collapse-menus:before{display:none;}
#location-menus .navbar-header{height:40px; overflow:hidden;}

#location-menus{background:url(images/drop_bg.gif) repeat-x left top; margin-top:-1px;}
#location-menus .navbar-brand{font-size:23px; font-weight:bold; padding:10px 15px 0;}
.navbar-custom .navbar-nav > li{width:50%; float:left; border:none;}
.navbar-custom .navbar-nav > li > a{color:#e0b756; border-top:none; padding:15px 10px; border-left:0; border-right:0;border: none; border-radius: 0; box-shadow: none;}

.navbar-custom .navbar-nav > li > a:hover, .navbar-custom .navbar-nav > li > a:focus,
.navbar-custom .navbar-nav > .active > a, .navbar-custom .navbar-nav > .active > a:hover, .navbar-custom .navbar-nav > .active > a:focus{ border-top:none; text-decoration:underline; padding-bottom:15px; border-radius: 5px;}
.navbar-custom .navbar-nav > li > a:after{display:none !important;}
#location-menus .navbar-nav { margin: -10px 15px 0; padding: 20px;}
#location-menus .navbar-nav > li > a:before{content:" "; display:inline-block; width:19px; height:19px; background:url(images/triangle.png) no-repeat 7px 6px; margin-right:3px; vertical-align:top;}
.navbar-custom .navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-custom .navbar-nav .open .dropdown-menu > li > a:focus{color:#fff; background-color:transparent;}
.navbar-custom .navbar-nav .open .dropdown-menu > .active > a,
.navbar-custom .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-custom .navbar-nav .open .dropdown-menu > .active > a:focus{color:#780a3e;}
#location-menus .dropdown.opened .dropdown-menu{background:#fefff4; padding:0;}
#location-menus .dropdown .dropdown-menu{text-align:left;}
#location-menus .dropdown .dropdown-menu li{}
#location-menus .dropdown .dropdown-menu li a:link, #location-menus .dropdown-menu li a:visited{color:#780a3e; font-size:15px;}
#location-menus .dropdown .dropdown-menu li a:hover,
#location-menus .dropdown .dropdown-menu li a:active,
#location-menus .dropdown .dropdown-menu li a:focus{background:#fefff4; color:#780a3e; text-decoration:underline;}
#location-menus .dropdown.opened.open > a{background:#fefff4; color:#780a3e;}
#location-menus .dropdown.opened.open > a:before{background-position:0 -19px;}
.second-anchor{margin:0 -16px; text-align:left;}
.second-anchor a:link, .second-anchor a:visited, .second-anchor strong{margin:4px 6px; font-size:13px;}
.second-anchor strong{display:inline-block; font-size:15px; margin:3px 5px; border:0; color:#333333;}

/*TOP-M*/
.scroll2top:link, .scroll2top:visited{margin-left:0; bottom:0; right:0; width:60px; height:100px; background:url(images/top_badge_sm.png) no-repeat 0 0;}
.scroll2top:hover{background-position:0 -100px;}

.cms{padding-top:0;}
.cms .col-md-12{padding:0;}
.carrier{padding:0;}
.carrier h4{border-right-width:10px;}
.carrier li a .price{display:block; float:none; text-align:right; margin-right:5px;}
.container .banner-l a img{ margin-top: 10px;}

/* C26模組 */
.cms26 h4{ display: block; font-size:22px; color:#FFFFFF; font-family:"微軟正黑體"; background:#c6bb9d; border:1px solid #FFF; border-radius:10px; text-align:center; width:100%; margin:0 auto; padding:2px;margin-top: 12px;}
.row .cms26{padding:0;}
.group-type-ph{ display:inline-block; text-align:center; padding:0; margin: 0 auto; }
.ph{position:relative; display:inline-block; float: none; padding:0 10px; margin:20px 0 0 8px ; width:48%; height:360px; text-align:justify;}
.ph-title{ font-size:18px; }
.ph-detail{font-size:13.9px; background-color:#ce9a2c; padding: 3px 10px; color:#FFFFFF; border-radius:20px; font-family:"微軟正黑體"; ine-height:2.2em; max-height:2.2em; overflow:hidden; height:28px; margin: 82px 0 0px 0;}
.ph-feature{display:block; color:#a5a5a5; font-size:14px; line-height:1.3em; padding:4px 0 5px 2px; overflow:hidden; font-family:"微軟正黑體";letter spacing:-2px; height:60px; overflow:hidden; margin-top: -120px; }
.ph .price span{font-size:28px; }
.ph .price{ bottom:32px;}


/* C23模組*/
.container .cms23 h3{ font-size:24px; font-family:"微軟正黑體"; letter-spacing :5px; text-align:center; background:#826423; color:#FFF; font-weight:bold; padding:5px; margin: 0 auto; border-radius:8px;}
.carrier{padding:0 12px; vertical-align:top; width:100%; text-align:left; }
.carrier h4, .horcrux h4{border-left: 2px solid #7f5825; color:#7f5825; font-size:21px; line-height:1; margin:28px 0 15px;}
.carrier h4:before, .horcrux h4:before{content:" ";margin-right:.6em;}
.carrier.type2 h4{border:none; margin:15px 0; color:#fa4ba6; font-size:26px;}
.carrier.type2 h4:before{display:none;}*/
.horcrux + .carrier.type2{padding-top:1px;}
.carrier li{list-style-type:none; position:relative; border-top:1px dashed #d9ceb0; background: #ffffff; margin-bottom: 10px; padding: 10px 15px; border: 1px solid #ffffff; border-radius: 5px; height:100px;}
.carrier li.box-head{display:none !important;}
.carrier li.box-head + li{border-top:0;}
.carrier li a strong{color:#89752c; font-size:18px; display:block; line-height:1.4; font-weight: 500; margin-bottom:2px;overflow: hidden; height: 28px;/* width:85%;*/}
.carrier li a:hover strong{color:#ca9a11;}
.carrier li a:link, .carrier li a:visited{display:block; color:#a5a5a5; font-family:"微軟正黑體"; font-size:13x; text-decoration:none;}
.carrier li a:hover{text-decoration:none; color:#6e654a;}
.carrier li:hover{border: 1px solid #edcb0c;box-shadow:1px 2px 2px 2px rgba(128,128,116,0.1);}
.carrier li a .price{font-size:20px; font-weight:bold; float:right;font-family:"微軟正黑體,Times New Roman"; color:#d69e00;font-style: italic;}
.cms23 .price span{font-size:28px;  font-family:'Times New Roman'; font-weight:bold; letter-spacing:-1px;}
/*.cms23 .price i{ display:none;}*/
.cms23 .price span:after{content:"起"; display:inline; font-size:15px; position:relative; top:-1px; font-weight: 700; font-family:"微軟正黑體";margin-left: 2px;}

/*-----------------好禮下單抽-----------------*/
.note-L{ display:none;}
.note{ display:block;}
.main-box p{ font-size:15px; }
}




/*當視窗最大寬度為767px，而且視窗為橫向，套用這些CSS*/
@media (max-width: 767px) and (orientation: landscape) {
.navbar-custom .navbar-nav > li{width:25%;}
.navbar-custom .navbar-nav > li > a{ padding: 15px 16px; font-size: 18px; border-radius: 8px;}
.container .push{ display:block;}
.push-tit{ display:none;}
.mobilecash .navbar, .newsitf .navbar, .itfnews .navbar, .app200 .navbar{min-height:0;}

/* C26模組 */
.cms26 h4{ width:95%; margin:0 auto; padding:2px;margin-top: 12px;}
.group-type-ph{ display:inline-block; text-align:center; padding:0; margin: 0 auto; }
.ph{position:relative; display:inline-block; float: none; padding:0 10px; margin:20px 0 0 10px ; width:45%; height:360px; text-align:justify;}
.ph-detail{font-size:15px; background-color:#ce9a2c; padding: 3px 10px; color:#FFFFFF; border-radius:20px; font-family:"微軟正黑體"; ine-height:2.2em; max-height:2.2em; overflow:hidden; height:28px; margin: 92px 0 0px 0;}
.ph-feature{display:block; color:#a5a5a5; font-size:14px; line-height:1.3em; padding:4px 0 5px 2px; overflow:hidden; font-family:"微軟正黑體";letter spacing:-2px; height:60px; overflow:hidden; margin-top: -125px; }
.ph .price{ bottom:35px;}

}


/*=== 行種裝置版 手機樣式 =========================*/

@media only screen and (min-width: 602px) and (max-width:765px) {

/* C26模組 */
.cms26 h4{ width:95%; margin:0 auto; padding:2px;margin-top: 12px;}
.group-type-ph{ display:inline-block; text-align:center; padding:0; margin: 0 auto; }
.ph{position:relative; display:inline-block; float: none; padding:0 10px; margin:20px 0 0 10px ; width:45%; height:400px; text-align:justify;}
.ph-detail{font-size:15px; background-color:#ce9a2c; padding: 3px 10px; color:#FFFFFF; border-radius:20px; font-family:"微軟正黑體"; ine-height:2.2em; max-height:2.2em; overflow:hidden; height:28px; margin: 92px 0 0px 0;}
.ph-feature{display:block; color:#a5a5a5; font-size:14px; line-height:1.3em; padding:4px 0 5px 2px; overflow:hidden; font-family:"微軟正黑體";letter spacing:-2px; height:60px; overflow:hidden; margin-top: -125px; }
.ph .price{ bottom:35px;}
	}




/*當視窗最大寬度為479px，最小不管，套用這些CSS*/
@media (max-width: 479px){
.ksm{display:none;}
.kxs{display:block;}
.setop #append-list .nav > li:last-child{border-width:5px;}
.navbar-custom .navbar-nav > li > a{ padding: 8px 6px 1px 1px; font-size: 14px; border-radius: 8px;}
.navbar-custom .navbar-nav > .active > a, .navbar-custom .navbar-nav > .active > a:hover, .navbar-custom .navbar-nav > .active > a:focus, .navbar-custom .navbar-nav > li > a:hover{ background:none;color:#ffffff;}
.mobilecash .navbar, .newsitf .navbar, .newswifi .navbar, .newsgift .navbar, .itfnews .navbar, .app200 .navbar{min-height:0;}
.container .banner-l{ display:none; }
.container .banner-s{ display: block; margin: 0 auto; text-align: center; margin-top:40px;}
.container .banner-s img{ width:95%;}



/* C23模組*/
.container .cms23 h3{ font-size:22px; font-family:"微軟正黑體"; letter-spacing :5px; text-align:center; background:#826423; color:#FFF; font-weight:bold; padding:5px; margin: 0 auto; border-radius:8px;}
.carrier{padding:0; vertical-align:top; width:100%; text-align:left; }
.carrier h4, .horcrux h4{border-left: 2px solid #7f5825; color:#7f5825; font-size:20px; line-height:1; margin:28px 0 15px;}
.carrier h4:before, .horcrux h4:before{content:" ";margin-right:.6em;}
.horcrux + .carrier.type2{padding-top:1px;}
.carrier li{list-style-type:none; position:relative; border-top:1px dashed #d9ceb0; background: #ffffff; margin-bottom: 10px; padding: 8px 10px; border: 1px solid #ffffff; border-radius: 5px; height:100px;}
.carrier li.box-head{display:none !important;}
.carrier li.box-head + li{border-top:0;}
.carrier li a strong{color:#89752c; font-size:16px; display:block; line-height:1.4; font-weight: 500; overflow:inherit;/* width:85%;*/}
.carrier li a:hover strong{color:#ca9a11;}
.carrier li a:link, .carrier li a:visited{display:block; color:#a5a5a5; font-family:"微軟正黑體"; font-size:13x; text-decoration:none;}
.carrier li a:hover{text-decoration:none; color:#6e654a;}
.carrier li:hover{border: 1px solid #edcb0c;box-shadow:1px 2px 2px 2px rgba(128,128,116,0.1);}
.carrier li a .price{font-size:20px; font-weight:bold; float:right;font-family:"微軟正黑體,Times New Roman"; color:#d69e00;font-style: italic;}
.cms23 .price span{font-size:24px;  font-family:'Times New Roman'; font-weight:bold; letter-spacing:-1px;}
/*.cms23 .price i{ display:none;}*/
.cms23 .price span:after{content:"起"; display:inline; font-size:15px; position:relative; top:-1px; font-weight: 700; font-family:"微軟正黑體";margin-left: 2px;}

/* C26模組 */
.cms26 h4{ display: block; font-size:22px; color:#FFFFFF; font-family:"微軟正黑體"; background:#c6bb9d; border:1px solid #FFF; border-radius:10px; text-align:center; width:92%; margin:0 auto; padding:2px;margin-top: 12px;}
.row .cms26{padding:0;}
.group-type-ph{ display:inline-block; text-align:center; padding:0; margin: 0 auto; }
.ph{position:relative; display:inline-block; float: none; padding:0 10px; margin:20px 0 0 0 ; width:80%; height:375px;}
.ph-title{ font-size:18px; }
.ph-detail{font-size:13.5px; background-color:#ce9a2c; padding: 3px 10px; color:#FFFFFF; border-radius:20px; font-family:"微軟正黑體"; ine-height:2.2em; max-height:2.2em; overflow:hidden; height:28px; margin: 75px 0 0px 0;}
.ph-feature{display:block; color:#a5a5a5; font-size:13px; line-height:1.3em; padding:4px 0 5px 2px; overflow:hidden; font-family:"微軟正黑體";letter spacing:-2px; height:60px; overflow:hidden; margin-top: -120px; }
.ph .price span{font-size:28px; }
.ph .price{ bottom:32px;}


/*好禮下單抽*/
.note-L, .main-box .lpic{ display:none;}
.note, .main-box .spic{ display:block;}
.main-box p{ font-size:16px; text-align: justify; width:86%; margin:0 auto;}
.main-box p br{ display:none;}
.txt-info strong{ font-size:18px;}
.txt-info a{ float:right; padding:0 12px;  font-size:10px; border-radius:16px; font-weight:normal; }
.main-box span{ font-size:12px;}
.note-L li{ margin-top:13px; }
}

/*--------------IOS 6尺寸------------------------*/
@media only screen and (min-width: 375px) and (max-width:410px) {
/* C26模組 */
.ph-detail{font-size:13.5px; background-color:#ce9a2c; padding: 3px 10px; color:#FFFFFF; border-radius:20px; font-family:"微軟正黑體"; ine-height:2.2em; max-height:2.2em; overflow:hidden; height:28px; margin:95px 0 0px 0;}

	
	
}

/*當視窗最大寬度為360px，最小不管，套用這些CSS*/
@media (max-width: 360px){
#append-btn:after{content:"選單";}
.navbar-custom .navbar-nav > li{ width:50%;}
.navbar-custom .navbar-nav > li > a{ padding:8px 6px; font-size: 14px; margin-left: -1px;}
.navbar-custom .navbar-nav > .active > a, .navbar-custom .navbar-nav > .active > a:hover, .navbar-custom .navbar-nav > .active > a:focus, .navbar-custom .navbar-nav > li > a:hover{ background:none;color:#ffffff;padding:8px 6px; font-size: 14px;}

/* C26模組 */
.cms26 h4{ display: block; font-size:22px; color:#FFFFFF; font-family:"微軟正黑體"; background:#c6bb9d; border:1px solid #FFF; border-radius:10px; text-align:center; width:92%; margin:0 auto; padding:2px;margin-top: 12px;}
.row .cms26{padding:0;}
.group-type-ph{ display:inline-block; text-align:center; padding:0; margin: 0 auto; }
.ph{position:relative; display:inline-block; float: none; padding:0 10px; margin:20px 0 0 0 ; width:90%; height:375px;}
.ph-title{ font-size:18px; }
.ph-detail{font-size:13.5px; background-color:#ce9a2c; padding: 3px 10px; color:#FFFFFF; border-radius:20px; font-family:"微軟正黑體"; ine-height:2.2em; max-height:2.2em; overflow:hidden; height:28px; margin: 82px 0 0px 0;}
.ph-feature{display:block; color:#a5a5a5; font-size:13px; line-height:1.3em; padding:4px 0 5px 2px; overflow:hidden; font-family:"微軟正黑體";letter spacing:-2px; height:60px; overflow:hidden; margin-top: -120px; }
.ph .price span{font-size:28px; }
.ph .price{ bottom:32px;}

/* C23模組*/
.carrier li a strong{color:#89752c; font-size:16px; display:block; line-height:1.4; font-weight: 500; overflow: hidden; height:46px;/* width:85%;*/}
.carrier li{list-style-type:none; position:relative; border-top:1px dashed #d9ceb0; background: #ffffff; margin-bottom: 10px; padding: 8px 10px; border: 1px solid #ffffff; border-radius: 5px; height:140px;}

/* C23模組-猜你喜歡*/
.container .row .carrier li{list-style-type:none; position:relative; padding: 10px 15px;border-radius: 5px; height:120px;background: #dedcd7; border:none; border-bottom: 2px dotted #ffffff; margin: 0;}
.row .carrier li a strong{color:#a58026;margin-bottom:2px;overflow: hidden; height:66px;/* width:85%;*/}
.row .carrier li a:hover strong{color:#ca9a11;}
.row .carrier li:hover{background: #edebe6; box-shadow: none;}

/*好禮下單*/
.note-L, .main-box .lpic{ display:none;}
.note, .main-box .spic{ display:block;}
.main-box p{ font-size:15px; text-align: justify; width:86%; margin:0 auto;}
.main-box p br{ display:none;}
.txt-info strong{ font-size:18px;}
.txt-info a{ float:right; padding:0 12px;  font-size:10px; border-radius:16px; font-weight:normal; }
.main-box span{ font-size:12px;}
.note-L li{ margin-top:13px; }

}

/*------------------IOS 4s尺寸--------------------*/
@media (max-width: 320px){
/* C26模組 */
.cms26 h4{ display: block; font-size:22px; color:#FFFFFF; font-family:"微軟正黑體"; background:#c6bb9d; border:1px solid #FFF; border-radius:10px; text-align:center; width:92%; margin:0 auto; padding:2px;margin-top: 12px;}
.row .cms26{padding:0;}
.group-type-ph{ display:inline-block; text-align:center; padding:0; margin: 0 auto; }
.ph{position:relative; display:inline-block; float: none; padding:0 10px; margin:20px 0 0 0 ; width:90%; height:375px;}
.ph-title{ font-size:16px; }
.ph-detail{font-size:13.5px; background-color:#ce9a2c; padding: 3px 10px; color:#FFFFFF; border-radius:20px; font-family:"微軟正黑體"; ine-height:2.2em; max-height:2.2em; overflow:hidden; height:28px; margin: 104px 0 0px 0;}
.ph-feature{display:block; color:#a5a5a5; font-size:13px; line-height:1.3em; padding:4px 0 5px 2px; overflow:hidden; font-family:"微軟正黑體";letter spacing:-2px; height:60px; overflow:hidden; margin-top: -135px; }
.ph .price span{font-size:28px; }
.ph .price{ bottom:32px;}

/* C23模組*/
.carrier li a strong{color:#89752c; font-size:16px; display:block; line-height:1.4; font-weight: 500; overflow: hidden; height:46px;/* width:85%;*/}
.carrier li{list-style-type:none; position:relative; border-top:1px dashed #d9ceb0; background: #ffffff; margin-bottom: 10px; padding: 8px 10px; border: 1px solid #ffffff; border-radius: 5px; height:140px;}

/* C23模組-猜你喜歡*/
.container .row .carrier li{list-style-type:none; position:relative; padding: 10px 15px;border-radius: 5px; height:120px;background: #dedcd7; border:none; border-bottom: 2px dotted #ffffff; margin: 0;}
.row .carrier li a strong{color:#a58026;margin-bottom:2px;overflow: hidden; height:66px;/* width:85%;*/}
.row .carrier li a:hover strong{color:#ca9a11;}
.row .carrier li:hover{background: #edebe6; box-shadow: none;}


.note-L, .main-box .lpic{ display:none;}
.note, .main-box .spic{ display:block;}
.main-box p{ font-size:15px; text-align: justify; width:86%; margin:0 auto;}
.main-box p br{ display:none;}
.txt-info strong{ font-size:18px;}
.txt-info a{ float:right; padding:0 12px;  font-size:10px; border-radius:16px; font-weight:normal; }
.main-box span{ font-size:12px;}
.note-L li{ margin-top:13px; }

}