/* by Adon , CSS Document */

.case{ float:left; width:100%; margin:10% 0 15% 0;}
.case big{ display:block;font-size:25px;}
.case big font{ display:block; height:1px; background:#d1d1d1; width:48px; margin:20px 0;}
.case small{display:block;font-size:13px; position:relative; margin-bottom:50px;}
.case .case-list li.clear{ margin-right:0;}
.case .case-list li{width:32.33%; margin-right:1.5%;float:left; margin-bottom:50px;}
.case .case-list li span{ display:block; font-size:16px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; margin:20px 0;}
.case .case-list li p{font-size:13px; color:#3f3f3f; line-height:20px; overflow:hidden; height:40px;}
.case .case-list li em{ display:block; font-style:normal; font-size:13px; color:#69120a; background:url(../img/more1.png) no-repeat right 88%; border-top:solid 1px #dbdbdb; margin-top:35px; padding-top:20px;}
.case .case-view{ float:left; width:100%; text-align:center;}
.case .case-view big{ display:block; font-size:35px; margin:0 0 8% 0;}
.case .case-view small{ display:block; font-size:15px; color:#a80b0b; text-transform:uppercase; border-top:solid 1px #e4e4e4; padding:25px 0;}
.case .case-view .case-content {padding:0 10%;}
.case .case-view .case-content p{font-size:14px; color:#5f5f5f; margin-bottom:20px; line-height:22px;}
.case .case-page{ float:left; width:100%; border-top:solid 1px #e4e4e4; margin-top:10%; padding-top:25px;}
.case .case-page a{ display:block; font-size:14px; margin-bottom:5px;}

@media (max-width:768px){
.case .case-view big{ font-size:30px;}		
}
@media (max-width:640px){
.case .case-view small{ margin-bottom:10%;}	
.case .case-list li{ width:100%; margin-right:0; margin-bottom:10%;}
.case .case-list li img{ width:100%;}
.case .case-list li p{ height:auto;}
.case .case-view big{ font-size:26px;}	
.case big{ font-size:22px;}
}
@media (max-width:480px){
.case .case-view big{ font-size:20px;}		
.case .case-view .case-content{ padding:0;}
.case big{ font-size:18px;}
}
@media (max-width:320px){
.case big{ font-size:17px;}	
.case small{ font-size:12px;}
.case .case-view big{ font-size:18px;}
.case .case-view small{ font-size:13px;}
.case .case-view .case-content p{ font-size:12px;}
.case .case-page a{ font-size:13px;}
.case .case-list li p{ font-size:12px;}
.case .case-list li span{ font-size:14px;}
}