@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;}
body{background:url(images/grid_bg.gif) repeat center top;}
h1, h2, h3, h4, #append-btn, #location-menus .navbar-brand, .carrier li a strong, .navbar-custom .navbar-nav > li > a, #location-menus .dropdown .dropdown-menu 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:0 -15px;}
.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;}


/* 假期切換 */
#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:"切換假期";}
@media (min-width: 768px){
#append-list{position:absolute; top:35px; left:0; right:0; float:left; background:#013662; border-bottom:1px solid #189bd4; box-shadow:inset 0 -3px 6px 1px rgba(0,0,0,.4);}
#append-list .nav{float:none !important; margin:0 auto; width:970px;}
#append-list li{border:1px solid #0b273c;}
#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:17px; padding:1em 0.8em;}
.setop #append-list .nav > li a:hover, #peace .setop #append-list .nav > li.d228 a{background:url(images/append_grad.gif) repeat-x left top; text-shadow:0 2px 1px rgba(0,0,0,.4); text-decoration:none;}
.setop #append-list .nav > li a:hover, #aprilho .setop #append-list .nav > li.april a{background:url(images/append_grad.gif) repeat-x left top; text-shadow:0 2px 1px rgba(0,0,0,.4); text-decoration:none;}
.setop #append-list .nav > li a:hover, #labor01 .setop #append-list .nav > li.labor a{background:url(images/append_grad.gif) repeat-x left top; text-shadow:0 2px 1px rgba(0,0,0,.4); text-decoration:none;}
.setop #append-list .nav > li a:hover, #dragonf .setop #append-list .nav > li.dragon a{background:url(images/append_grad.gif) repeat-x left top; text-shadow:0 2px 1px rgba(0,0,0,.4); text-decoration:none;}
.setop #append-list .nav > li a:hover, #moon .setop #append-list .nav > li.moon01 a{background:url(images/append_grad.gif) repeat-x left top; text-shadow:0 2px 1px rgba(0,0,0,.4); text-decoration:none;}
.setop #append-list .nav > li a:hover, #double_ten .setop #append-list .nav > li.ten a{background:url(images/append_grad.gif) repeat-x left top; text-shadow:0 2px 1px rgba(0,0,0,.4); text-decoration:none;}
.setop #append-list .nav > li a:hover, #newyear2016 .setop #append-list .nav > li.newyear01 a{background:url(images/append_grad.gif) repeat-x left top; text-shadow:0 2px 1px rgba(0,0,0,.4); 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;}
} /**/

/* PING MENU */
.fixing #location-menus{position:fixed; z-index:1000; top:-1px; margin:0 0 0 -15px;}

/* 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:#fa4ba6;}
#location-menus #navbar-collapse-menus:before{content:""; display:block; width:100%; height:5px; margin:0 -15px; background:#c51868; position:absolute; top:0;}
#location-menus .navbar-nav{margin:0 -15px;}

#location-menus .dropdown .dropdown-menu{text-align:center; left:0; right:0;}
#location-menus .dropdown .dropdown-menu li{display:inline-block;}
#location-menus .dropdown .dropdown-menu li a:link, #location-menus .dropdown-menu li a:visited{padding:3px 13px;}
#location-menus .dropdown .dropdown-menu li a:hover{background:#1bbaee; color:#fff;}
#location-menus .dropdown.opened .dropdown-menu{display:block; box-shadow:none; border:none;}
.fixing #location-menus .dropdown.opened .dropdown-menu{box-shadow:0 6px 12px rgba(0,0,0,0.176); border-radius:0; left:-1px; right:-1px;}
#location-menus.navbar-collapse.collapse.in .dropdown.opened .dropdown-menu{display:none;}
#location-menus.navbar-collapse.collapse.in .dropdown.opened.open .dropdown-menu{display:block;}
#location-menus .dropdown.opened.active .dropdown-toggle{pointer-events:none;}

.navbar-custom{}
.navbar-custom .navbar-brand, .navbar-custom .navbar-text{color:#fff;}
.navbar-custom .navbar-nav > li{border-top:5px solid #c51868;}
.navbar-custom .navbar-nav > li:hover, .navbar-custom .navbar-nav > li:focus{}
.navbar-custom .navbar-nav > li > a{color:#fff; border-bottom:2px solid #fa4ba6; background:#fa4ba6; font-size:15px; padding-left:12px; padding-right:12.4px; border-right:1px solid #e53691; border-left:1px solid #ff53ae;}
.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:#c3176f url(images/menu_a_inset.png) repeat-x center bottom;}
.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:url(images/menu_a_tip.png) no-repeat center bottom; 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;}
.second-anchor strong{display:none;}
.second-anchor a:hover{background:#1bbaee; color:#fff;}
.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;
}

@media (min-width: 992px){
.klg{display:block;}
}

@media (min-width: 768px) and (max-width: 991px){
.kmd{display:block;}
#append-list .nav{width:750px;}
.setop #append-list .nav > li a:link, .setop #append-list .nav > li a:visited{padding:1em .9em;}
.navbar-custom .navbar-nav > li > a{padding-left:6.2px; padding-right:6.2px; font-size:15px;}
}

@media (min-width: 768px) {
#location-menus .container{padding:0;}
}

@media (max-width: 767px) {
.setop #append-list .nav > li.disable{display:none;}
#location-menus #navbar-collapse-menus{background:#ffe5f2;}
#location-menus #navbar-collapse-menus:before{display:none;}
#location-menus .navbar-header{height:40px; overflow:hidden;}
#location-menus #navbar-collapse-menus{margin:0 -16px;}
#location-menus{background:url(images/drop_bg.gif) repeat-x left top;}
#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{background:#ffe5f2; color:#780a3e; border-top:none; border-bottom:1px solid #f7e6e9; padding:15px 10px; border-left:0; border-right:0;}
.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:#ffe5f2; border-top:none; text-decoration:underline; padding-bottom:15px;}
.navbar-custom .navbar-nav > li > a:after{display:none !important;}
#location-menus .navbar-nav > li > a:before{content:" "; display:inline-block; width:19px; height:19px; background:url(images/triangle.png) no-repeat 0 0; 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; background-color:#ffe5f2;}
#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;}
}

@media (max-width: 767px) and (orientation: landscape) {
.navbar-custom .navbar-nav > li{width:25%;}
.navbar-custom .navbar-nav > li > a{padding:15px 3px; font-size:13px;}
}

/* 主視覺 */
.key-visual{text-align:center; height:auto;}
.key-visual .container{padding:0; padding-top:56px;}
.key-visual img{width:100%;}

.fixing .key-visual + .container:before{content:'.'; display:block; height:90px;}


/* 商品區 */
.cms{background:#fff; padding-bottom:50px;}



/* 商品列 */
.carrier{padding:0 15px;}
.carrier h4, .horcrux h4{border:2px solid #8cc63f; color:#57459b; font-size:30px; line-height:1; margin:28px 0 15px;}
.carrier h4:before, .horcrux h4:before{content:" "; display:inline-block; background:#fff url(images/h4_title_before.gif) no-repeat right top; width:40px; height:42px; vertical-align:text-top; 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;overflow:hidden;}
.carrier li.box-head{display:none !important;}
.carrier li.box-head + li{border-top:0;}
.carrier li a:link, .carrier li a:visited{display:block; color:#828a8d; padding:5px;}
.carrier li a:hover{background:#fdf4a4; text-decoration:none; color:#6e654a;}
.carrier li a strong{color:#1fafe5; font-size:17px; display:block; line-height:1.7;}
.carrier li a:hover strong{color:#fa4ba5;}
.carrier li a .price{float:right;}
.afp .carrier li a:link, .afp .carrier li a:visited,
.htl .carrier li a:link, .htl .carrier li a:visited,
.htl2 .carrier li a:link, .htl2 .carrier li a:visited,
.htl3 .carrier li a:link, .htl3 .carrier li a:visited,
.tkt .carrier li a:link, .tkt .carrier li a:visited,
.fit .carrier li a:link, .fit .carrier li a:visited{color:#fff;}
.afp .carrier li:hover a, .htl .carrier li:hover a, .htl2 .carrier li:hover a, .htl3 .carrier li:hover a, .tkt .carrier li:hover a, .fit .carrier li:hover a{color:#fdf4a4;}
.price{color:#d30808; font-size:11px; font-weight:bold;}
.price span{font-size:17px;}
.price span:after{content:"起"; display:inline; font-size:11px; position:relative; top:-1px; font-weight:normal;}
.note{color:#888; line-height:1.5; margin:10px 20px;}
.note-htl{ font-size:18px; color:#000000; font-family:"微軟正黑體";}
.note ul li{list-style-position:outside; margin-left:10px;}
.scroll2top:link, .scroll2top:visited{width:70px; height:70px; background:url(images/top_badge.png) no-repeat 0 -70px; margin-left:940px;}
.scroll2top:hover{background-position:0 0;}
@media (min-width: 768px) and (max-width: 991px){.scroll2top:link, .scroll2top:visited{margin-left:720px;}}
@media ( max-width: 767px ){.scroll2top:link, .scroll2top:visited, .scroll2top:hover{margin-left:0; bottom:0; right:0; width:100px; height:41px; background:url(images/top_badge_sm.png) no-repeat 0 0;}}

@media ( max-width: 767px ){
.ksm{display:block;}
[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 #append-list .nav > li.heading{display:none;}
.setop #append-list .navbar-nav{margin-bottom:0;}
.setop #append-list{background:#fefff4;}
.setop #append-list .nav > li{border-bottom:1px solid #f7e6e9; 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 #append-list .nav > li.newyear b{background-position:0 0;}
.setop #append-list .nav > li.d228 b{background-position:-32px 0;}
.setop #append-list .nav > li.april b{background-position:-64px 0;}
.setop #append-list .nav > li.labor b{background-position:-96px 0;}
.setop #append-list .nav > li.dragon b{background-position:-128px 0;}
.setop #append-list .nav > li.moon b{background-position:-160px 0;}
.setop #append-list .nav > li:last-child{border-width:0; width:100%;}
.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;}
}

@media (max-width: 479px){
.ksm{display:none;}
.kxs{display:block;}
.setop #append-list .nav > li:last-child{border-width:5px;}

}

@media (max-width: 360px){
#append-btn:after{content:"假期";}
}