@charset "utf-8";
/* CSS Document */
.content {padding-top:50px; padding-bottom:458px;}

.main_box {width:874px; margin:0px auto;}
.case_title {height:90px; position: relative; text-align: center;}
.case_title h4 {font-size:20px;}
a.web_link {width:88px; height:32px; line-height: 32px; margin:15px auto 0px auto; background:#ebebeb; border-radius: 3px; text-align: center; font-size:14px; display: block; color:#000;}
a.web_link:hover {background:#1b71ff; color:#fff;}
a.retreat {height:32px; line-height:32px; position: absolute; left:0; top:0; color:#666; font-size:14px; cursor: pointer;}
a.retreat:hover {text-decoration: underline;}

.text {line-height:28px; font-size:14px;}
.text img {width:920px; margin:0px 0px 25px -23px;}

.other_case {padding-top:20px; margin-top:17px; border-top:1px solid #e6e6e6;}
.other_case li {margin-bottom:8px; font-size:14px; color:#595959;}
.other_case li a {color:#595959;}

@media screen and (max-width:767px) and (min-width:320px) {
	.content {padding:30px 0px 50px 0px;}
	.main_box {width:auto; padding:0px 16px;}
	.text img {width:100%; margin:0px 0px 25px 0px;}
	a.retreat {display:none;}
}