/*Basic*/
*,h1,h2,h3,h4,h5,h6{font-family:"Microsoft Jhenghei";}

/*font-size*/
.footer a{text-decoration:none;}
.footer .footer-title{font-size:16px;line-height:24px;}
.footer .footer-list,.footer .footer-list-title,.footer-col-inner .footer-img-tip{font-size:13px;}

/*footer-product*/
.footer-product{background-color:#fafafa;border-top:1px solid #e6e6e6;padding-top:10px;padding-bottom:25px;}
.footer-product .footer-list-title{margin-bottom:15px;margin-top:15px;font-weight:bold;}
.footer-product .footer-list-title a,.footer-product .footer-list a{color:#888889;}
.footer-product .footer-list a:hover,.footer-product .footer-list a:focus{color:#cb083a;}
.footer-product .footer-list{line-height:20px;}
@media (max-width: 991px) {
.footer-product{padding-top:20px;}
.footer-title{padding-bottom:5px;}
}
@media (max-width: 767px) {
.footer-product{display:none;}
}

/*footer-content*/
.footer-content{background-color:#fff;padding-top:10px;padding-bottom:25px;}
.footer-content .member-list,.footer-content .onlineshop-list{display:inline-block;}
.footer-content .service-list,.footer-content .member-list,.footer-content .onlineshop-list{margin-bottom:10px;margin-top:15px;}
.footer-content .service-list li,.footer-content .member-list:last-child li{line-height:24px;}
.footer-content .member-list .img-checked{margin-right:8px;margin-left:20px;}
.footer-col-inner .footer-img-tip,.footer-content .service-list .text,.footer-content .member-list .text{color:#888889;}
.footer-col-inner .member-list,.onlineshop-list{text-align:center;}
.footer-col-inner .footer-col-img{margin-bottom:-10px;}
.footer-content .member-list{vertical-align:top;text-align:left;}
.onlineshop-list:last-child li{margin-left:10px;}
.service-list .server-link{display:inline-block;}
.footer-onlineshop .footer-url{color:#888889;margin-left:2px;}
.footer-onlineshop .footer-url:hover,.footer-onlineshop .footer-url:focus{color:#cb083a;}
.service-img01{background-image:url('../images/footer/f_plus01.png');width:21px;height:21px;background-repeat:no-repeat;margin-bottom:-5px;margin-left:2px;}
.member-img01{background-image:url('../images/footer/f_ibtn01.png');width:46px;height:46px;background-repeat:no-repeat;}
.onlineshop-img01{background-image:url('../images/footer/f_ibtn02.png');width:45px;height:45px;background-repeat:no-repeat;margin-left:13px;}
.onlineshop-img02{background-image:url('../images/footer/f_ibtn03.png');width:45px;height:45px;background-repeat:no-repeat;margin-left:35px;}
.onlineshop-img03{background-image:url('../images/footer/f_ibtn04.png');width:45px;height:45px;background-repeat:no-repeat;margin-left:10px;}
.service-img01:hover,.service-img01:active{background-image:url('../images/footer/f_plus01h.png');cursor:pointer;}
.member-img01:hover,.member-img01:active{background-image:url('../images/footer/f_ibtn01h.png')}
.onlineshop-img01:hover,.onlineshop-img01:active{background-image:url('../images/footer/f_ibtn02h.png');}
.onlineshop-img02:hover,.onlineshop-img02:active{background-image:url('../images/footer/f_ibtn03h.png');}
.onlineshop-img03:hover,.onlineshop-img03:active{background-image:url('../images/footer/f_ibtn04h.png');}
@media (min-width: 992px) {
.footer-content .onlineshop-list{margin-left:30px;}
.footer-content .onlineshop-list:first-child{margin-left:0px;}
.footer-content .member-list{padding-left:5px;margin-right:10px;}
}
@media (max-width: 991px) {
.footer-content{padding-top:0px;padding-bottom:0px;}
.footer-col-service{padding-bottom:8px;}
.footer-content{padding-top:25px;padding-bottom:25px;}
.footer .row{margin-left:0px;}
.footer .col-sm-12,.footer .col-xs-12{padding-left:15px;}
.footer-content .onlineshop-list{margin-left:18px;}
.footer-content .onlineshop-list:first-child{margin-left:0px;}
.footer-content .member-list{padding-left:5px;margin-right:10px;}
}
@media (max-width: 767px) {
.footer-col-member,.footer-col-onlineshop{border-top:1px solid #dedede;}
.footer-content{padding-top:0px;padding-bottom:0px;}
.footer-col-service,.footer-col-member,.footer-col-onlineshop{padding:15px 0;}
.footer .row{margin-left:-15px;}
.footer-content{max-width:767px;width:100%;}
.footer-service,.footer-member,.footer-onlineshop{max-width:600px;margin:0 auto;padding-right:35px;}
.footer-member .member-icon-box{float:right;padding-right:30px;}
.footer-service .service-list{padding-left:18px;}
.onlineshop-icon-container{max-width:370px;width:100%;margin:auto;}
.onlineshop-icon-box{max-width:450px;margin:0 auto;}
.footer-content .shop-list03{margin-right:0px;}
.footer-others-content .footer-title{padding-left:18px;}
.footer-content .onlineshop-list{margin-left:35px;}
.footer-content .onlineshop-list:first-child{margin-left:0px;}
}
@media (max-width: 480px) {
.footer-content{max-width:480px;width:100%;}
.footer-service,.footer-member,.footer-onlineshop{max-width:420px;margin:0 auto;padding-right:35px;}
.footer-member .member-icon-box{float:right;padding-right:15px;}
.onlineshop-icon-container{max-width:330px;width:100%;margin:auto;}
.onlineshop-icon-box{margin:0 auto;}
.footer-content .shop-list03{margin-right:0px;}
.footer-others-content .footer-title{padding-left:18px;}
.footer .col-xs-12{padding-left:15px;}
.footer .footer-service,.footer .footer-member,.footer .footer-onlineshop{padding-right:0px;}
.footer-content .member-list .img-checked{margin-right:8px;margin-left:0px;}
.footer-content .onlineshop-list{margin-left:15px;}
.footer-content .onlineshop-list:first-child{margin-left:0px;}
}
@media (max-width: 385px) {
.footer-content .onlineshop-list{margin-left:0px;}
}
@media (max-width: 365px) {
.footer-member .member-icon-box{float:left;}
}

/*footer-bottom-bar*/
.footer-bottom-bar{background-color:#d42931;padding-top:15px;padding-bottom:20px;}
.footer-comp-content a,.footer-copyright{color:#fff;}
.footer-comp-content a:hover,.footer-comp-content a:focus{color:#d3d3d3;}
.footer-comp-content>li{padding-right:0px;padding-left:0px;}
.footer-comp-content li a{padding-right:15px;padding-left:15px;line-height:35px;border-left:1px solid #fff;}
.footer-comp-content li:first-child a,.footer-comp-content li.global-box a{border-left:0px;}
.footer-comp-content li.global-box a:hover,.footer-comp-content li.global-box a:active{color:#d3d3d3;}
.footer-copyright{font-size:10px;line-height:24px;letter-spacing :0.03em;text-align:right;}
.footer-bottom-bar>.container>div{padding-left:0px;padding-right:0px;margin-left:-10px;}
.footer-bottom-bar .global-box a{color:#fff;}
.footer-bottom-bar .global-box .fa-globe{margin-right:5px;font-size:16px;}
.footer-bottom-bar .global-box .icon-line{height:12px;width:1px;background-color:#fff;display:inline-block;}
.footer-bottom-bar .global-box .area{padding-right:5px;font-size:14px;}
.footer-bottom-bar .global-box .lang{padding-left:5px;font-size:14px;}
.footer-bottom-bar .copy-box .icon-line{height:10px;width:1px;background-color:#fff;display:inline-block;margin-left:3px;margin-right:3px;}
.footer-bottom-bar .copy-box a{color:#fff;}
.footer-bottom-bar .copy-box a:hover,.footer-bottom-bar .copy-box a:active{color:#d3d3d3;}
.footer-bottom-bar .footer-copyright>li{padding-right:15px;}
@media (max-width: 991px) {
.footer-bottom-bar>.container>div{padding-left:30px;padding-right:30px;}
}
@media (max-width: 767px) {
.footer-bottom-bar .footer-copyright li{width:100%;}
.footer-bottom-bar>.container>div{padding-left:30px;padding-right:30px;}
}
@media (max-width: 680px) {
.footer-bottom-bar .global-box{width:100%;}
.footer-bottom-bar .footer-copyright{text-align:left;padding-left:10px;}
.footer-bottom-bar .footer-copyright li{margin-top:5px;}
}

/*line alert*/
.line_alert .modal-content {width:215px;margin:0 auto;margin-top:50px;}
.line_QR{width:168px;height:168px;padding:10px 0px 0px 10px;}

/*go back top*/
@media (min-width: 1200px) {
.back-top {
    position: fixed;
    bottom: 25px;
    right: 60px;
    display: none;
    z-index:99;
}
.back-top span {background-color: #D42931;opacity: .8;filter: alpha(opacity=80);}
.back-top a:hover span {background-color: #A92027;opacity: 1;filter: alpha(opacity=100);border:1px solid #9F2026;}
}
@media (min-width: 992px) and (max-width: 1199px) {
.back-top {
    position: fixed;
    bottom: 30px;
    right: 15px;
    display: none;
    z-index:99;
}
.back-top span {background-color: #D42931;opacity: .8;filter: alpha(opacity=80);}
.back-top a:hover span {background-color: #A92027;opacity: 1;filter: alpha(opacity=100);border:1px solid #9F2026;}
}
@media (min-width: 901px) and (max-width: 991px) {
.back-top {
    position: fixed;
    bottom: 40px;
    right: 30px;
    display: none;
    z-index:99;
}
.back-top span {background-color: #D42931;opacity: .8;filter: alpha(opacity=80);}
.back-top a:hover span {background-color: #A92027;opacity: 1;filter: alpha(opacity=100);border:1px solid #9F2026;}
}
@media (min-width: 768px) and (max-width: 900px) {
.back-top {
     position: fixed;
     bottom: 40px;
     right: 30px;
     display: none;
     z-index:99;
}
.back-top span {background-color: #D42931;opacity: .8;filter: alpha(opacity=80);}
.back-top a:hover span {background-color: #A92027;opacity: 1;filter: alpha(opacity=100);border:1px solid #9F2026;}
}
@media (max-width: 767px) {
.back-top {
    position: fixed;
    bottom: 40px;
    right: 15px;
    display: none;
    z-index:99;
}
.back-top span {background-color: #D42931;opacity: .8;filter: alpha(opacity=80);}
.back-top a:hover span {background-color: #A92027;opacity: 1;filter: alpha(opacity=100);border:1px solid #9F2026;}
}
.back-top a {
    width: 44px;
    display: block;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
.back-top span {
    width: 44px;
    height: 44px;
    display: block;
    margin-bottom: 7px;
    border-radius:5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5;
    border-radius: 5;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
.fa-gotop{color:#fff;margin-top:6px;}

/*320*/
@media (max-width: 320px) {
.footer-img-tip {font-size:11px;}
}