.socks { margin:0 auto;}
.socks h2,.socks h3,.socks h5{margin:20px auto;}
.socks h2,.socks h3,.socks h4,.socks h5 {font-weight:600; }
.socks h2,.socks h3 {font-size: 4.4rem;font-family: Microsoft YaHei;}
.socks h5 {font-size: 3rem;}
.socks h6,.socks .panel-title{font-size: 2.5rem;line-height: 1.5;}
.socks p{font-size: 2rem;line-height: 1.5;}
.socks p small {color:#888;line-height: 1;}
.socks a {font-size: 2rem;}
strong.lead {font-size:150%;}
.panel-body {font-size: 1.6rem;line-height: 1.5;}
.socks h5.modal-title,.socks .alert h5 {margin:0 auto;}
.socks h5+h5 { margin:0 auto;}
.socks .btn {margin:8px 0;}
.socks img+p {margin-top:10px;}
.socks .embed-responsive+p {line-height: 1.5;}

.snugbrothers .text-success {color:#8c5;}
.snugbrothers .text-primary {color:#0d2541;}
.snugbrothers .btn-success {color: #fff;background-color: #5cb85c;border-color: #5cb85c;}
.snugbrothers .btn-success2 { color: #fff;background-color:#699a55;border-color: #699a55;}

.shadow {filter:drop-shadow(1px 1px 5px rgba(0,0,0,.7)) ;}
.t_shadow {text-shadow: 1px 1px 3px rgba(0,0,0,0.4);}

.btn_tel {margin-top:10px;}
.btn_tel p,.btn_tel a {display:inline-block; margin:5px;}
.navbar .navbar-brand {height: auto; padding:5px;}



.col_2 .bg{
background-image: url('b2303050204_1.jpg');
background-size: contain;
background-position: bottom left;  
background-repeat: no-repeat;
padding-top:50px;
min-height: 800px;
}
.col_2 img,.col_3 img,.col_6 img{filter:drop-shadow(1px 1px 1px rgba(255,255,255,.9)) ;}
.col_3 .bg,.col_6 .bg{
background-repeat: no-repeat;
background-size: cover;
min-height: 800px;
}
.col_3 .bg{background-image: url('003bg01.jpg');background-position: bottom center;padding-top:100px; }
.col_5 {padding:8% 0;}
.col_5 .shadow {margin-bottom:20px;}
.col_5 .modal{max-width: 1280px;margin: 2% auto;}
.col_5 .modal-body {padding: 2%;}
.col_5 .modal-body img {max-height:70vh;margin: 0 auto;}
.col_6 .bg{background-image: url('006bg.jpg');background-position: top center;padding-top:200px; }

@media only screen and (max-width: 1280px) { 

}

@media only screen and (max-width: 980px) { 
.col_2 .bg,.col_3 .bg,.col_6 .bg {min-height: 500px;}  
.col_6 .bg {padding-top:100px;}
}

@media only screen and (max-width: 800px) {
.socks h2,.socks .h2,.socks h3,.socks .h3 {font-size: 4rem;}
.socks h5 {font-size: 2.7rem;}
.socks h6{font-size: 2.2rem;line-height: 1.5;}
.socks p,.socks a {font-size: 2rem;line-height: 1.5;}
}

@media only screen and (max-width: 768px) { 
.health .navbar {min-height: 10px; text-align:center;} 
.logo_p {width:20vw; margin:5px auto;}    
.navbar { min-height: 30px !important;}
button#sys_cards {display:none;}
.col_2 img,.col_3 img,.col_6 img{filter:drop-shadow(1px 1px 1px rgba(255,255,255,0)) ;}
.col_buy .bg {padding-bottom:70px;}
.btn-100{width:100% !important;}
}

@media only screen and (max-width: 640px) {
.socks h2,.socks h3 {font-size: 2.8rem;}
.socks h4 {font-size: 2.2rem;}
.socks h5 {font-size: 1.8rem;}
.socks h6,.socks p {font-size: 1.6rem;} 
}

@media only screen and (max-width: 480px) {
.logo_p {width:25vw; }  
.socks h2,.socks h3 {font-size: 2.4rem;}
.socks p,.socks a {font-size: 1.1rem;}    
}

@media (max-width: 420px) { 
.socks h2,.socks h3 {font-size: 2rem;} 
.socks h4 {font-size: 1.7rem;}
.socks h5 {font-size: 1.4rem;}
.socks h6{font-size: 1.2rem;}
.socks p,.socks a {font-size: 1rem;}     
}