@charset utf-8;
/* onfocus outline */
*:focus{outline:0 none;}
input, input:active, input:focus{outline:0; outline-style:none; outline-width:0;} /* ie */
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner{border:none;} /* ff*/

/* clearfix */
.banner-box:after, .tab-img ul:after, .carrier li:after{content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}

body{margin:0; padding:0;}
.wrap{width:950px; margin:0 auto; padding:20px 0;}
.content{margin:0 auto; padding:0; width:100%; font-size:13px; font-family:Verdana, Geneva, sans-serif,"新細明體"; }
.main-area{width:950px;margin:0 auto;}
div.logo-area1,div.logo-text{background-image:none;}
#layer-pushbar{width:100px;right:0;z-index:109;position:absolute;display:block;margin:5px 0 0!important;padding:0!important;}
#pushbar{margin:0!important;padding:0!important;}
#high-layer{z-index:199;position:absolute;top:0;left:0;display:block;margin-left:0!important;padding:0!important;}
#low-layer{z-index:98;position:absolute;top:0;margin-left:0!important;padding:0!important;}
.logo-area{z-index:299;}
body#purple div.logo-area1{background-image:url(/act/img/toplogo-bg1.png);}
body#green div.logo-area1{background-image:url(/act/img/toplogo-bg2.png);}
body#orange div.logo-area1{background-image:url(/act/img/toplogo-bg3.png);}
body#blue div.logo-area1{background-image:url(/act/img/toplogo-bg4.png);}
body#pink div.logo-area1{background-image:url(/act/img/toplogo-bg5.png);}
body#cyan div.logo-area1{background-image:url(/act/img/toplogo-bg6.png);}
body#spec div.logo-area1{background-image:url(/act/img/toplogo-bg7.png);}
div.header-nav1{background-color:#988deb;}
div.menu-top{background-color:#988deb;top:150px;}
span.skype_pnh_container{display:none!important;}
span.skype_pnh_print_container,span[class^=skype_pnh_print_container]{display:inline!important;}
div.all_page{width:100%;padding-top:0!important;margin-top:-15px!important;overflow:hidden;zoom:1;}
div.hedd_logo{width:100%;text-align:center;}
div.footer{text-align:center; overflow:hidden; zoom:1; width:100%; min-width:950px; position:relative; clear:both; background-color:#FFF; margin:0 auto;}
div.out{background-color:#FFF;text-align:left;padding-top:0;overflow:hidden;width:950px;margin:0 auto;}
div.limit{font-size:12px;color:#FFF;height:26px;line-height:26px;background-color:#6cb5f8;margin-top:0;text-align:center;width:100%; min-width:1000px;}
div.limit p{position:relative;margin:0;}
.out .footer-info{width:780px;float:right;text-align:left;padding:0 0 0 8px;}
.out .footer-info .nav-phones{display:block;border-bottom:none;font-family:Verdana, Geneva, sans-serif;color:#444;font-size:12px;height:40px;line-height:21px;overflow:hidden;zoom:1; margin-top:-2px;}
.out .footer-info .nav-phones .phone-info{float:left;display:block; line-height:17px; padding:1px 0 0 15px;text-align:left; color:#666666; font-size:12px;}
.out .footer-info .nav-phones .line-gray{color:#ccc;}
.out .footer-info .nav3{border-bottom:none;text-align:left;font-size:13px;margin:5px 0!important;padding:5px 0!important;}
a#leftisnoline{border-left:none;color:#222;}
a:hover#leftisnoline{color:#06c;}
.out .footer-info .nav3 a:link,.out .nav3 a:visited{border-left:1px solid #ccc;color:#222;text-decoration:none;padding:2px 4px!important;  -webkit-text-size-adjust:100%; font-size:13px;}
.out .footer-info .nav3 a:hover,.out .footer-info .nav3 a:active{width:9.5%;border-left:1px solid #ccc;color:#06c;text-decoration:underline;padding:2px 4px!important;}
#logos{width:160px;vertical-align:top;height:70px;background-image:url(/act/img/logo-s.png); margin-top:5px;}
.header{width:100%; min-width:950px; z-index:9999;line-height:36px;overflow:hidden;zoom:1;position:relative;margin-bottom:-11px;}
.header-bar{width:100%; min-width:950px; z-index:999999;background:url(/act/img/header-bg.png) repeat-x;height:47px;}
.header-box{width:950px;margin:0 auto;}
.header .header-box .left-box .logo{display:block; width:185px; height:55px; background:url(/act/img/logo.png); position:absolute; margin-left:-15px;}
.header .header-box .left-box .logo:hover,div.header .header-box .left-box .logo:active{text-decoration:none;nofocusline:expression(this.onFocus=this.blur());outline:none;}
.header .header-box .left-box a.logo em{text-indent:-9999em;position:absolute;left:0;}
.header .header-box .right-box{float:right;width:500px;overflow:auto;zoom:1;margin-right:-10px;}
.header .header-box .right-box .link-box{float:right;padding-right:10px;margin-bottom:10px;}
.header .header-box .right-box .link-box ul{margin-top:-5px;}
.header .header-box .right-box .link-box ul li{float:left;list-style-type:none;padding-left:20px;margin:0 0 0 10px;}
.header .header-box .right-box .link-box li a:link,div.header .header-box .right-box .link-box a:visited{color:#FFF;text-decoration:none;font-size:13px;}
.header .header-box .right-box .link-box li.icon-home{background:url(/act/img/icon-home.png) no-repeat 0 10px;display:block;}
.header .header-box .right-box .link-box li.icon-member{background:url(/act/img/icon-member.png) no-repeat 0 10px;display:block;}
.header .header-box .right-box .link-box li a:hover,div.header .header-box .right-box .link-box a:active{text-decoration:underline;}
.header .header-box .right-box .push-box{margin-top:4px;text-align:right;}
.header .header-box .right-box .push-box .icon{width:70px; height:28px; display:block; vertical-align:middle; float:right; padding-right:8px;}
.header .header-box .right-box .push-box .facebook{background:url(/act/img/icon-fb-share.png) no-repeat;}
.header .header-box .right-box .push-box .btn-google{float:right;margin-right:10px;padding-top:2px;}
.header .header-box .right-box .push-box .google{background:url(/act/img/icon-google.png) no-repeat;}
.logo-area1 a,div.logo-area1 a img{width:359px;height:88px;cursor:hand;}
.out .footer-info .nav-phones .phone-img,div.header .header-box .left-box{float:left;}
.phone-img{margin-top:5px;}
.phone-num{width:233px; height:27px; display:inline-block; background:url(/act/img/phone_num.png) no-repeat 0 0;}
.phone-num a:link, .phone-num a:visited{display:block; padding:4px 0 0 142px; padding-top:3px \9; color:#06c; font-weight:bold; font-size:20px; font-family:Arial,sans-serif; text-decoration:none; pointer-events:none;}
.is-mobile .phone-num a:link, .is-mobile .phone-num a:visited{pointer-events:auto; padding-top:2px;}

/* 主視覺 BANNER 區 */
.banner{background:Seashell; text-align:center;}
.banner-box{margin:0 auto; width:950px;}
.banner-box img{display:block; float:left;}

/* scroll to top */
.scroll2top:link, .scroll2top:visited{position:fixed; bottom:30px; margin-left:951px; display:block; width:20px; height:48px; background:url(/st_ec/img/icon_go2t.gif) no-repeat 0 0; z-index:999;}
.scroll2top:hover{background-position:-20px 0;}
.scroll2top span{visibility:hidden;}

/* goto fb  */
.go2fb:link, .go2tb:visited{position:fixed; top:45px; margin-left:951px; 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;}

/* act.js 使用的 css */
.tab-img ul{margin:0; padding:0;}
.tab-img ul li{float:left; list-style-type:none; background:none; margin:0; padding:0;}
.tab-img ul li a:link, .tab-img ul li a:visited{display:block;}
.tab-img ul li a img{border:none;}
.tab-img ul li img{float:left;}
.tab-img ul li .img-0, .tab-img ul li:hover .img-1, .tab-img ul li.tab-active .img-1{display:block;}
.tab-img ul li .img-1, .tab-img ul li:hover .img-0, .tab-img ul li.tab-active .img-0{display:none;}
.demo{margin:20px 0 0; padding:10px; background:#f3f3f3; border:1px solid #f3f1f1;}
.demo ol li{line-height:1.75;}

/* CMS模組自動化商品內容基本 css */
.intro-anchors{display:none;}
.carrier li{list-style-type:none;}
.carrier li a:link, .carrier li a:visited{text-decoration:none; display:block;}
.carrier li em.price{float:right; font-style:normal; font-size:11px; color:#c00; font-family:Verdana, Geneva, sans-serif; *margin-top:-1.2em;}
.carrier li em.price span, .carrier li em.price var{font-size:13px; font-style:normal;}
.box-head{display:block;}
.box-head a img{display:block; float:left; margin:0 10px 0 0; border:none;}
.box-head q{display:block; margin:10px 0 0;}
.box-head p span{display:block; float:right;}
/* CMS版型1 css */
.cms-type1  .carrier li.box-head{display:none;}
/* CMS版型2 css */
.cms-type2  .carrier li.box-head img, .cms-type2  .carrier li.box-head p span{display:none;}
/* CMS版型3 css */
.cms-type3  .carrier li.box-head img, .cms-type3  .carrier li.box-head p{float:left;}
.cms-type3  .carrier li.box-head p{width:400px;}

/* LINE SHARE */
.btn-line{display:inline-block; width:105px; height:22px; padding:0; background:url(/st_ec/img/btn_export_line.gif) no-repeat center -5px; float:right; border:1px solid #d4d4d4; -webkit-border-radius:3px; border-radius:3px; margin-right:10px; position:relative; top:2px;}
#line-app{display:none;}
.is-mobile #line-app{display:block;}


/* fancybox 開啟的 dialog 樣式 */
.titlebar{font-size:15px; font-weight:bold; padding:.4em .5em .4em .6em; border:1px solid #207fb6; line-height:1.2em; border-radius:3px; color:#fff; background:#0880DE url(/st_ec/img/ui/ui-bg_highlight-soft_75_0880de_1x100.png) repeat-x 50% 50%;}
.titlebar .clo-btn:link, .titlebar .clo-btn:visited{display:block; float:right; background:url(/st_ec/img/ui/ui-icons_ffffff_256x240.png) no-repeat -96px -128px; width:16px; height:16px;}
.titlebar .clo-btn:hover{background:#c7edff url(/st_ec/img/ui/ui-icons_0a52ab_256x240.png) no-repeat -96px -128px; border:1px solid #bababa; border-radius:3px;}
.ifrm-cont{padding:10px;}
.ifrm-cont h3{margin-top:0; margin-bottom:0; background-color:#FFF; background-image:none; border-left:#0880de 5px solid; font-size:15px; padding:0 0 0 5px; color:#444; border-bottom:#ccc 1px dotted;}
.ifrm-cont .sec-pp{display:block; padding:2px 0 2px 12px; margin-top:5px; color:#000; line-height:19px; min-height:200px; max-height:325px; overflow-y:auto; overflow-x:hidden;}
.ifrm-cont .sec-pp ul.htl{margin:0;}
.ifrm-cont .sec-pp ul{margin:8px 0 0;}
.ifrm-cont .sec-pp ul li{line-height:1.5em; background:url(/st_ec/img/point.gif) no-repeat 4px 8px; list-style-type:none; padding-left:1.2em; text-align:left;}
.ifrm-cont .icon-match b{display:inline-block; height:16px; width:16px; background:url(/st_ec/img/icon_true.png) no-repeat 0 0; margin:0 2px -4px 3px;}
.ifrm-width-control{padding:5px;}
.dlg-btn{display:block; margin:5px 2px; padding:7px 5px; border-top:1px solid #aaa; text-align:right;}
.dlg-btn input[type="submit"], .dlg-btn input[type="submit"]:hover{text-align:center; border:1px solid #aaa; background:url(/st_ec/img/ui/btn_bg_gy.gif) repeat-x 0 -8px; font-size:12px; padding:5px 18px; border-radius:3px;}
.dlg-btn input[type="submit"]:hover{ background-position:0 -5px;}
.dlg-btn input[type="submit"].btn-dlg, .dlg-btn input[type="submit"].btn-dlg:hover{text-align:center; border:1px solid #aaa; background:url(/st_ec/img/ui/btn_bg.gif) repeat-x 0 0; color:#fff; font-size:15px; padding:7px 25px; border-radius:3px;}
.dlg-btn input[type="submit"].btn-dlg:hover{background:url(/st_ec/img/ui/btn_bg_hover.gif) repeat-x 0 -4px;}