/*Basic*/
*,h1,h2,h3,h4,h5,h6{font-family:"Microsoft Jhenghei";}

/*font-size*/
.footer a{text-decoration:none;}
.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-fa-arrow{margin-right:5px;padding-top:6px;}
.footer-product .footer-list{line-height:24px;}
.footer-list li{display:flex;}
@media (max-width: 991px) {
.footer-product{padding-top:20px;}
}
@media (max-width: 767px) {
.footer-product{display:none;}
}

/*footer-content*/
.footer-content{background-color:#fff;padding-top:10px;padding-bottom:25px;}
.footer-others-content .footer-col-inner .icon-list{display:inline-block;}
.footer-content .icon-list{margin-bottom:25px;margin-top:30px;}
.footer-content .icon-list a{display:block;}
.footer-col-inner .footer-col-img{margin-bottom:-10px;}
@media (min-width: 768px) {
.footer-content .footer-google,.footer-content .footer-twitter,.footer-content .footer-in,.footer-content .footer-fb{width:58px;height:58px;}
.footer-content .icon-list{margin-bottom:25px;margin-top:30px;}
.footer-col-inner .footer-col-img{margin-bottom:-10px;}
.footer-content .f-icon{margin-right:50px;}
.footer-icon {max-width:1980px;width:100%;}
.icon-container .icon-box{max-width:400px;margin:0 auto;}
}
@media (max-width: 767px) {
.footer-content .footer-google,.footer-content .footer-twitter,.footer-content .footer-in,.footer-content .footer-fb{width:42px;height:42px;}
.footer-content .icon-list{margin-bottom:20px;margin-top:25px;}
.footer-col-inner .footer-col-img{margin-bottom:-10px;}
.footer-content .f-icon{margin-right:35px;}
.footer-icon {max-width:767px;width:100%;}
.icon-container .icon-box{max-width:360px;margin:0 auto;padding-left:30px;}
}
@media (max-width: 480px) {
.footer-content .footer-google,.footer-content .footer-twitter,.footer-content .footer-in,.footer-content .footer-fb{width:42px;height:42px;}
.footer-content .icon-list{margin-bottom:15px;margin-top:20px;}
.footer-col-inner .footer-col-img{margin-bottom:-10px;}
.footer-content .f-icon{margin-right:10px;}
.footer-icon {max-width:480px;width:100%;}
.icon-container .icon-box{max-width:250px;margin:0 auto;padding-left:15px;}
}

/*footer-bottom-bar*/
.footer-bottom-bar{background-color:#d42931;padding-top:15px;padding-bottom:10px;}
.footer-comp-content a,.footer-copyright{color:#fff;}
.footer-comp-content a:hover,.footer-comp-content a:focus{color:#d3d3d3;}
.footer-comp-content{text-align:center;}
.footer-comp-content>li{padding-right:0px;padding-left:0px;}
.footer-comp-content li a{padding-right:15px;padding-left:15px;line-height:35px;display:block;}
.footer-copyright{font-size:10px;line-height:35px;letter-spacing :0.03em;text-align:center;}
.footer-bottom-bar .global-box a{color:#fff;}
.footer-bottom-bar .global-box a:hover,.footer-bottom-bar .global-box a:active{color:#d3d3d3;}
.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;}
@media (max-width: 991px) {
.footer-comp-content{padding-right:30px;}
}
@media (max-width: 767px) {
.footer-copyright{text-align:center;}
.footer-comp-content{padding-right:30px;}
.footer-bottom-bar .footer-copyright{padding-top:15px;}
.footer-bottom-bar .footer-copyright li{width:100%;}
}

/*go back top*/
@media (min-width: 901px) {
.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: 768px) and (max-width: 900px) {
.back-top {
     position: fixed;
     bottom: 25px;
     right: 40px;
     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: 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;}
}
.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;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius:5px;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
.fa-gotop{color:#fff;margin-top:6px;}