.footer .container:after, .footer-phones:after, .phone-info:after{content:"."; display:block; clear:both; line-height:0; height:0; visibility:hidden;}

.header{padding-right:15px; padding-left:15px;}
.setop.navbar{margin-bottom:0; min-height:37px;}
.setop .navbar-brand{padding:0; height:auto;}
.setop .navbar-brand img{position:absolute; top:-3px; z-index:99; width:160px; height:44px;}
.setop .navbar-nav > li > a{padding-top:7px; padding-bottom:7px;}
.setop .nav > li > a > img{float:left; position:relative; top:-5px;}
.setop .navbar-header > .open > .dropdown-menu{margin:-1px 0 0;}
.setop.navbar-default{background:url(/act/img/header_gradient.png) repeat-x left -1px; border-bottom:1px solid #999;}
.setop.navbar-default .navbar-collapse{background:transparent;}
.setop.navbar-default .navbar-nav > li.home:hover, .setop.navbar-default .navbar-nav > li.signup:hover{background:#06c;}
.setop.navbar-default .navbar-nav > li > a{color:#fff;}
.setop.navbar-default .navbar-toggle .icon-bar{background-color:#fff;}

.footer{color:#777; border-top:1px solid #ccc; border-radius:0; box-shadow:none; width:auto; clear:none; margin:0; padding:0 0 8px; background:#ebf2f6;}
.footer .container{position:relative; width:auto; max-width:1400px; text-align:center;}
.restriction{background:#6cb5f8; padding:.25em 1em; color:#fff; text-align:center;}
.footer-logo{display:inline-block; width:200px; height:112px; background:url(/act/img/logo-s.png) no-repeat center center; vertical-align:top;}
.footer-logo em{text-indent:-9999em; display:inline-block;}
.footer-nav{border-bottom:none; text-align:center; margin:0 0 15px;}
.footer-nav a:link, .footer-nav a:visited{display:inline-block; color:#222; text-decoration:none; font-size:15px; text-align:center; padding:.75em;}
.footer-nav a:hover, .footer-nav a:active{color:#06c; text-decoration:underline;}
.phone-info span i:after{content:"."; display:inline-block; width:1px; margin-right:.8em; border-right:1px solid #ccc; text-indent:-9999em;}
.footer-phones{display:inline-block; width:auto; border-bottom:none; font-family:Verdana,Geneva,sans-serif; font-size:15px; height:40px; line-height:21px; margin-top:-2px;}
.phone-img{display:block;}
.phone-num{width:233px; height:27px; background:url(/act/img/phone_num.png) no-repeat 0 0;}
.phone-num a:link, .phone-num a:visited{pointer-events:auto; display:block; padding:4px 0 0 140px; color:#06c; font-weight:bold; font-size:20px; font-family:Arial,sans-serif; text-decoration:none; pointer-events:none;}
.phone-info{vertical-align:top; padding:0 0 0 5px; text-align:left; color:#666;}
.phone-info span{display:block; margin:8px 0; font-size:15px;}
.phone-info span i:after{margin:0 .8em; line-height:1.1;}
.phone-info span a:link, .phone-info span a:visited{color:#06c; pointer-events:auto;}
.phone-info span a:hover{text-decoration:none; color:#06c;}
.phone-info span ins{width:4em;}
.phone-info span ins var{letter-spacing:2em;}
.copyright{font-size:13px; text-align:center;}



/* 版面指示文字 */
.rwd-indicator{display:block; left:15px; position:fixed; top:51px; z-index:100 !important;}
.rwd-indicator span{background:#000; color:#fff; padding:2px; font-size:11px; display:none;}

/* scroll to top */
.scroll2top:link, .scroll2top:visited{margin-left:971px;}
/* goto fb */
.go2fb:link, .go2tb:visited{position:fixed; top:58px; margin-left:971px; display:block; width:20px; height:90px; background:url(/st_ec/img/icon_go2t_fb.gif) no-repeat 0 0; z-index:999;}
.go2fb:hover{background-position:-20px 0;}
.go2fb span{visibility:hidden;}

/*===== 整合型浮水印公版 =====*/
/* 整體 */
.badges{position:fixed; top:100px; margin-left:900px; width:100px; overflow:hidden; height:auto; z-index:999; background:#fff; -webkit-box-shadow:0 1px 4px 1px rgba(128,128,128,.4); box-shadow:0 1px 4px 1px rgba(128,128,128,.4); transition:all .5s ease-out; opacity:0;}
.badges *{box-sizing:border-box; vertical-align:bottom;}
.b-head a:link, .b-head a:visited, .b-body a:link, .b-body a:visited, .b-foot a:link, .b-foot a:visited{display:block; width:inherit;}

/* 頭尾(臉書+回頂部) */
.b-head a:link, .b-head a:visited, .b-foot a:link, .b-foot a:visited{height:30px; background:#fff; line-height:30px; text-align:center; text-decoration:none;}
.b-head a:hover, .b-foot a:hover{text-decoration:underline;}
.b-foot a:link, .b-foot a:visited{background:#fff;}

/* 活動頁的浮水印內容 */
.b-body{height:auto;}

/*!
 * Yamm!3 - Yet another megamenu for Bootstrap 3
 * http://geedmo.github.com/yamm3
 * @geedmo - Licensed under the MIT license
 */
.yamm .nav, .yamm .collapse, .yamm .dropup, .yamm .dropdown{position:static;}
.yamm .container{position:relative;}
.yamm .dropdown-menu{left:auto;}
.yamm .yamm-content{padding:20px;}
.yamm .dropdown.yamm-fw .dropdown-menu{left:0; right:0;} /* fw means full-width */
.setop .container.navi-inner .navbar-brand{margin-left:-10px;}
.setop .navbar-nav.navbar-right:last-child{margin-right:-10px;}
@media (min-width: 992px) and (max-width: 1199px) {}
@media (max-width: 992px) {
.footer-nav{margin-bottom:15px;}
.footer-nav a:link, .footer-nav a:visited{width:32.8%; border:1px solid #d0e0e9; border-width:0 0 1px 0; box-shadow:0 1px 0 0 #fff;}
.phone-info span{margin:6px 0;}
}
@media (min-width: 768px) and (max-width: 991px) {
.scroll2top:link, .scroll2top:visited, .go2fb:link, .go2tb:visited{margin-left:840px;}
}  

@media (min-width: 768px){
.container{max-width:970px;}
.header, .footer{padding-right:0; padding-left:0;}
.header{margin-bottom:30px;}
.setop .nav > li{display:block; width:auto;}
.setop .nav > li.key{display:none;}
.setop .nav > li.gplus{padding:0 15px;}
.setop .nav > li.gplus div#___plusone_0{position:relative !important; top:5px !important;}
.setop .nav > li.gplus a{display:none;}
.setop .nav > li.fb-share a{font-size:0; padding-right:0; margin-right:-15px;}
.setop .nav > li.line, .setop .nav > li.gplus b, .setop .nav > li.fan-group{display:none;}
.setop .nav > li b{display:inline-block; width:17px; height:17px; margin-right:5px; vertical-align:top;}
.setop .nav > li.home b{background:url(/act/img/icon-home.png) no-repeat 0 0;}
.setop .nav > li.signup b{background:url(/act/img/icon-member.png) no-repeat 0 0;}
.setop .nav > li.fb-share b{width:70px; height:28px; float:left; margin:-4px 0 0; background:url(/act/img/icon-fb-share.png) no-repeat 0 0;}
.setop .container.navi-inner{width:auto; max-width:1400px;}
}

@media (max-width: 767px){
.setop .navbar-brand img{left:11px; top:-1px; width:59px; height:44px;}
.setop.navbar{min-height:39px;}
.setop .navbar-toggle{padding:6px 9px; margin-top:3px; margin-bottom:5px; border:none;}
.setop .navbar-toggle .icon-bar{width:20px;}
/*.setop.navbar-default .navbar-toggle:hover,*/ .setop.navbar-default .navbar-toggle.focuz{background:#1168a3;
background:linear-gradient(to bottom, #1372B2 0%,#1168a3 100%);}
.setop.navbar-default .navbar-collapse{background:#ebf2f6; margin:0 -16px; border-top:0;}
.setop.navbar-default .navbar-nav > li > a{color:#3d578d; padding:8px 12%; line-height:2.5;}
.setop.navbar-default .navbar-nav > li.fan-group{background-position:93% 52%;}
.setop.navbar-default .navbar-nav > li.fan-group > a{padding:8px 6%;}
.setop .nav > li{display:inline-block; width:49.5%; background:url(/act/img/header_arr.png) no-repeat 87% 52%; border-bottom:1px solid #d0e0e9;}
.setop.navbar-default .nav > li:hover{background-color:#d8eff8 !important;}
.setop.navbar-default .nav > li.home:hover, .setop.navbar-default .nav > li.signup:hover{background:#d8eff8 url(/act/img/header_arr.png) no-repeat 87% 52% !important;}
.setop .nav > li.home{display:none;}
.setop .nav > li.fan-group, .b2e-act .nav > li.fb-share{width:100%; border-bottom:0;}
.setop .nav > li.gplus div#___plusone_0{display:none !important;}
.setop .nav > li.signup, .setop .nav > li.gplus{border-right:1px solid #d0e0e9;}
.setop .nav > li b{display:inline-block; width:36px; height:36px; background-image:url(/act/img/social-icons.png); background-repeat:no-repeat; background-position:0 0; background-size:180px 36px; margin-right:.75em; vertical-align:middle; border-radius:2px;}
.setop .nav > li.signup b{background-position:0 0;}
.setop .nav > li.line b{background-position:-36px 0;} /* 48,86,192,-144 */
.setop .nav > li.gplus b{background-position:-72px 0;} /* 36, 72, 108, 144*/
.setop .nav > li.fb-share b{background-position:-108px 0;}
.setop .nav > li.fan-group b{background-position:-144px 0;}
/* image-rendering:optimizeSpeed; image-rendering:-moz-crisp-edges; image-rendering:-o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: pixelated; image-rendering:optimize-contrast; -ms-interpolation-mode: nearest-neighbor; */
/* Social Share 黏在左邊 */
.setop #masttop.navbar-collapse{display:block !important; width:auto; position:fixed; left:0; bottom:10%; background:none; z-index:6888; opacity:0; transition:opacity .3s ease-out;}
.setop #masttop.navbar-collapse.appear{opacity:1;}
.setop #masttop .nav{margin:0;}
.setop #masttop .nav > li{width:auto; display:block; border:none; padding:2px; background:none; position:relative;}
.setop #masttop .nav > li:hover, .setop #masttop .nav > li.sb{background:rgba(255,255,255,.65);}
.setop #masttop .nav > li.sb{left:-100%;}
.setop #masttop .nav > li a:link, .setop #masttop .nav > li a:visited{font-size:0; padding:0 !important; text-align:center; min-width:34px;}
.setop #masttop .nav > li.key a i.material-icons{font-size:20px; color:#fff; background:#999; width:20px; height:20px; border-radius:20px; transition:all .2s ease-out; cursor:pointer;}
.setop #masttop .nav > li.key a i.material-icons.turn{transform:rotate(180deg);}
.setop #masttop .nav > li.home{display:none; border:none;}
.setop #masttop .nav > li a b{margin:0;}

body.go{background-color:orange;}

/*************************** ORIGINAL FOOTEr PLACE ***********************/
.scroll2top:link, .scroll2top:visited, .go2fb:link, .go2tb:visited{display:none;}
}


@media (max-width: 767px) and (orientation:landscape){
.setop #masttop .nav > li{float:left;}
.setop #masttop .nav > li.signup{clear:left;}
.setop #masttop.navbar-collapse{bottom:20%; }
@media (max-width: 700px){
.restriction{text-align:left;}
}

@media (max-width: 590px){
.phone-info span {margin-top:1.2em;}
.phone-info span i{display:none;}
.phone-info span a:link, .phone-info span a:visited{display:block; margin-bottom:.2em;}
.phone-info span ins{display:block; width:6em; margin:0 0 .2em;}
.copyright span{display:block;}
}

@media (min-width: 480px) and (max-width: 767px) {
}

@media (min-width: 480px){
}

@media (max-width: 479px){
.setop .nav > li{width:100%; background-position:93% 53% !important;}
.setop.navbar-default .navbar-nav > li > a{padding:8px 6% !important;}
.row.block-push, .row.block-fun, .row.block-play, .row.block-classic{margin:0 -15px;}
.intro{margin:0 -25px;}
.footer-logo, .footer-phones{display:block; text-align:center;}
.footer-logo{height:40px; margin-top:10px;}
.footer-logo{width:100%;}
.footer-nav, .phone-info{display:none;}
.footer-phones .phone-img{display:inline-block;}
.copyright{margin:0; text-align:center; padding:5px 0;}
}

@media (max-width: 479px){
}

/* B2B B2E 站台 */
.b2b-act .setop .nav > li.gplus, .b2b-act .setop .nav > li.fb-share, .b2b-act .setop .footer-phones{display:none;}
.b2e-act .setop .navbar-default .navbar-brand, .b2e-act .setop .nav > li.signup, .b2e-act .setop .nav > li.fan-group, .b2e-act .footer-logo, .b2e-act .footer-nav, .b2e-act .footer-phones, .b2e-act .go2fb{display:none;}
.b2e-act .copyright{margin:10px 0 0; text-align:center;}
@media (max-width: 767px){
.b2b-act .footer-logo{width:100%; display:block;}
.b2b-act .copyright{margin:0; text-align:center;}
}