
 @media screen and (max-width:1600px){
 #c103 { height: 333px !important; } 
 }

 @media screen and (max-width:1440px){
 #c103 { height: 300px !important; } 
 }

 @media screen and (max-width:1360px){
 #c103 { height: 283px !important; } 
 }

 @media screen and (max-width:1280px){
 #c103 { height: 267px !important; } 
 }

 @media screen and (max-width:1024px){
 #c103 { height: 213px !important; } 
 }

 @media screen and (max-width:640px){
 #c103 { height: 200px !important; } 
 }

 .jbg { padding-top: 50px; padding-bottom: 50px; background: #f2f2f2 } 

 .jbg1 { background: url(../images/jweixin.png) no-repeat 10px 10px; } 


 .cont4 { padding-top: 10px; padding-left: 50px; width: 75%; margin: 0 auto; } 

 .cont4 p { font-size: 14px; } 

 .p40 { padding-top: 20px; } 

 .jline { background: url(../images/jline.jpg) no-repeat right center } 

 .reveal-modal { max-width: 300px; } 

 @media only screen and (min-width: 75.0625em) { } 

 .modal-header { padding: 5px; border-bottom: 1px solid #e5e5e5; text-align: center; } 

 .modal-body { max-height: 300px; overflow-y: auto; } 

 @media screen and (min-width:1025px){
 .fright { width: 50%; float: right; } 
 }

 /*
@media only screen and (min-width: 75.0625em){
 .large-3 { width: 33.333% !important; } 
 }
*/