/*footer.css*/
#ol_after{-webkit-box-shadow: 0 0 0 #fff;box-shadow: 0 0 0 #fff;}
#ol_before{display: ;}
#ol_after_private {display: none;}

#ol_after_hd .profile_img img{display: none;}
#ol_after_hd .profile_img a {position: relative;}

#aside {display: none;position: fixed;right: -800px;top: 0px;margin: 0px;width: 50%;border-top: 0;z-index: 1005;overflow-y: auto;background:#fff;border: 0;}
#aside .mobile_menu>ul{padding: 30px 0;}
.close_menu {position: fixed;z-index: 1100; top: 20px; right: -100%; width: 35px; height: 35px;}
.close_menu span {position:absolute; left:0; display:block; width:100%; height:2px; background:#9a6c41; -webkit-transition:all .4s ease; transition:all .4s ease; }
.close_menu .close-line1 {top:17px; -webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg)}
.close_menu .close-line2 {top:17px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg)}
.mask {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .7;cursor: pointer; z-index: 1000;}
.mb-sub-ul {display: none; background: #d9d9d9;}
.mb-sub-ul li a {display: block;}
.mobile-list {border-bottom: 1px solid #dedede; position: relative;}
.mobile-list a {padding: 14px 20px 13px; color: #212121; text-transform: uppercase;font-size: 13px; cursor: pointer; width: 100%;}    
.mb-sub-ul>li:hover a{color: #9a6c41;}
.ico1{float: right; padding: 13px; padding-right: 20px; position: absolute; top: 0; right: 0;}
.ico2{display: none;float: right; padding: 13px; padding-right: 20px; position: absolute; top: 0; right: 0;}
	



.mobile-list.on .ico1 {display: none;}
.mobile-list.on .ico2 {display: block;}

#ft{background-color: #000000; border: none; text-align: left; padding: 50px 0; margin: 0;}
#ft_wr{width: 1200px; padding: 0 20px; overflow: hidden;}
#ft .lefta{float: left; overflow: hidden; width: 81%;}
#ft_catch{width: 300px; float: left; margin: 0;}
#ft_text{float: left; padding-left: 40px;width: 60%;}
#ft_catch img{width: 100%;}
#ft_twrap{float: right;}
#ft_link{padding-bottom:10px; border: none;}
#ft_link a{font-size: 13px; color: #dddddd; padding: 0; padding-right: 20px;}
#ft_company{font-size: 13px; color: #dddddd; }
#ft_company li{line-height: 25px;}
#ft_company li span{font-weight: bold;}
#ft_copy{font-size: 13px; color: #dddddd;}
#ft .righta{float: right; width: 19%;}
#ft .righta select{width: 145px;height: 37px;font-size: 13px; color: #dddddd; background: none; border: 1px solid #666; padding: 8px;}
#ft .righta option{line-height: 20px;}
#ol_before .ol_wr{border: none; margin: 0; margin-top: 70px;}
#ol_id{width: 100%; border: none; padding: 0 10px; background: #eee;}
#ol_pw{width: 100%; border: none; padding: 0 10px; margin-top: 4px; margin-bottom: 15px; background: #eee;}
#ol_submit{position: static; height: 37px;width: 100%; background: #9a6c41; text-align: center; color: #fff; font-size: 16px; padding: 0; font-weight: 400; -webkit-box-decoration-break: none; box-decoration-break: none;}
#ol_auto label{float: right; padding-left: 10px;}
#ol_after{border: none; margin: 0; margin-top: 70px;}
#ol_after_hd strong{color: #9a6c41;}
#ol_after_private a strong{background: #1e6ce8;}
.ol_auto_wr{margin-top: 10px;}
/* #ctt{background-color: #;} */

@media screen and (max-width:1199px){
    #ft_wr{width: 100%; margin: 0 auto;}
    #ft_company li:nth-child(1){width:100%;}
    #ft_company li:nth-child(2){width:100%;}
    #ft_company li:nth-child(3){width:100%;}
    #ft_company li:nth-child(4){width:100%;}
    #ft_company li:nth-child(5){width:100%;}
    #ft_company li:nth-child(6){width:100%;}
    #ft_company li:nth-child(7){width:100%;}
}
@media screen and (max-width:1024px){
    #aside{display: block; width: 310px;}
}
@media screen and (max-width:775px){
    #ft_link a{padding-right: 13px;}
}
@media screen and (max-width:767px){
    #ft .lefta{width: auto;}
    #ft_catch{float: none;}
    #ft_text{padding: 30px 0; -webkit-box-flex: 0; -ms-flex: none; -moz-box-flex: 0; flex: none; width: auto;}
    #ft .righta{width: auto; -webkit-box-flex: 0; -ms-flex: none; -moz-box-flex: 0; flex: none;}
}
@media screen and (max-width:600px){
    #aside{width: 295px;}
}
@media screen and (max-width:480px){
    #ft_link{padding: 10px 0;}
    #ft_link a{font-size: 11px;}
    #ft_catch{margin: 0 auto;}
    #ft_text{text-align: center;}
    #ft .righta{width: 100%;}
    #ft .righta select{width: 100%; font-size: 11px;}
    #ft_company li:nth-child(6){padding-bottom: 15px;}
    #ft_company li{font-size: 11px; word-break: keep-all;}
}
@media screen and (max-width:400px){
    #ft_link a{padding-right: 5px;}
}