.clearfix:before {content: "";display: table-cell;}
.clearfix:after {  content: "";  display: table;  clear: both;  }
.float-left { float: left!important;}
.float-right { float: right!important;}
.block { display: block!important;}
.footer { min-width:1000px; background: url(../img/bg.jpg) top center no-repeat white;}
.footer .container { width:1140px; margin:0 auto;}
.footer .container .logo img{ margin: 30px auto 0; width:auto;}
.footer .container .title img{ margin-top: 30px;width:8.3%;}
.footer .container .title span{ margin-top:30px; padding-left:0;font-size:22px;color:black;width:80.333%;}
.footer .container .online-service {width:38%;}
.footer .container .online-service a { margin-top: 10px;}
.footer .container .online-service a:hover {text-underline: none;}
.footer .container .online-service a:hover .btn{color:white;  background: #e93171; }
.footer .container .online-service a:hover .text{color:#e93171; }
.footer .container .online-service a .text{padding:0;line-height: 30px;font-size: 15px; color:black;}
.footer .container .online-service a .btn{ padding:0; margin-top:3px;font-size: 15px; color:#e93171;  background: white; border:1px solid #e93171; -webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px; }
.footer .container .reg { margin-top:30px;width:13.666666%;}
.footer .container .sale { margin-top:30px;width:12.66666%;}
a.btn-big {padding:10px 15px; margin-bottom: 10px; text-decoration:none;font-size: 15px;color:#e93171;  background: white; border:1px solid #e93171; -webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px;  text-align: center;width:71%;}
a.btn-big:hover{color:white;  background: #e93171; }
.copyright{padding:15px 0;text-align: center; color:#a2a2a2; font-size: 13px;}

@media screen and (max-width:1140px) {
    .footer .container .online-service a .text { margin-bottom: 2%;}
    .footer a{font-size: 1.2rem!important;}
    .footer { min-width:auto; background: #f3f3f3; }
    .footer .container { width:auto;}
}
@media screen and (max-width:1078px) {
    .footer a,.footer span{font-size: 1.7rem!important;}
    .footer .online-service { width:50%;}
    .footer .reg, .footer .sale  { width: 50%;margin: 2% auto;}
    .footer a.btn-big{ width: 80%; margin: 2% auto;}
}
@media screen and (max-width:992px) {
    .footer .container .title span { margin-top: 8%; font-size:2.1rem!important; }
    .footer .reg, .footer .sale  { width: 50%;margin: 2% auto;}
    .footer a.btn-big{ width: 80%; margin: 2% auto;}
}
@media screen and (max-width:768px) {
    .footer .reg, .footer .sale  { width:100%;}
    .footer a.btn-big { width: 41.66666667%; }
    .footer a.reg-lc.btn-big { margin-left: 16.66666667%;}
    .footer .container .title { margin-top: 10%!important; }
    .footer .container .title img { margin-top: 0;}
    .sale { display: none; }
}

.footer_mobile { background: #fafafa;font-size:0.9rem;  }
.footer_mobile .container { margin:0 auto;}
.footer_mobile .logo { position: relative; left:0; top:0; }
.footer_mobile .logo img{ margin: 0; width:10rem;}

.footer_mobile .container .title{ padding-top: 2rem; margin-left: 1rem;  display: inline-block;  width: 19rem;  float: right;}
.footer_mobile .container .title img{ margin-right: 2%; width:2rem;}
.footer_mobile .container .title span{ padding-left:0;font-size:2rem;color:black;}
.footer_mobile .container .online-service a { margin-top: 10px;}
.footer_mobile .container .online-service a:hover {text-underline: none;}
.footer_mobile .container .online-service a:hover .btn{color:white;  background: #e93171; }
.footer_mobile .container .online-service a:hover .text{color:#e93171; }
.footer_mobile .container .online-service a .text{padding:0;line-height: 30px;font-size: 0.8rem; color:black;}
.footer_mobile .container .online-service a .btn{ height:2rem;  line-height:2rem; padding:0; margin-top:3px;font-size:  0.8rem;color:#e93171;  background: white; border:1px solid #e93171; -webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px; }
.footer_mobile .reg { margin-top:30px;}
.footer_mobile .sale { margin-top:30px;}
.footer_mobile a.btn-big {padding:2% 3%; margin-bottom: 10px; text-decoration:none;font-size: 0.8rem;color:#e93171;  background: white; border:1px solid #e93171; -webkit-border-radius:100px; -moz-border-radius:100px; border-radius:100px;  text-align: center;}
.footer_mobile a.btn-big:hover{color:white;  background: #e93171; }
.footer_mobile .copyright{ text-align: center; color:#a2a2a2; font-size:1.2rem;}
@media screen and (max-width:992px) {
    .footer_mobile .container .title span{ margin-top:30px; padding-left:0;font-size:2rem;color:black;}
    .footer_mobile .reg, .footer_mobile .sale  { margin: 2% auto;}
    .footer_mobile a.btn-big{  margin-top: 2%; margin-bottom: 2%}
    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
        padding:0;
    }
    .col-xs-offset-1{
        margin-left:5%;
    }
    .footer_mobile .container{
        padding-left: 10px;
        padding-right: 10px;
    }
}
@media screen and (max-width:768px) {
    .footer_mobile .reg, .footer_mobile .sale  { width:100%;}
    .footer_mobile a.btn-big { width: 41.66666667%; }
    .footer_mobile a.reg-lc.btn-big { margin-left: 3%;}
    .footer_mobile .sale { display: none; }
}