.mainb{float:left;width:99%; overflow:hidden;margin:10px 0 0 0px;display:inline;padding:15px 1px 0 15px; border:#dfdfdf solid 1px;}
.mainb samp{float:left;border:#dfdfdf solid 1px;padding:5px;display:inline;margin-right:16px;display:inline;}
.mainb samp img{ width:170px; }


.mainb span{float:left;width:410px;line-height:58px;text-align:center;font-size:24px;color:#cb225b;font-weight:bold;}
.mainb span a{color:#cb225b;margin-right:0px;display:inline;}


.mainb p{float:left;width:410px; line-height:44px;overflow:hidden;font-size:24px;color:#333; text-indent: 2em;}
.mainb p a{color:#cc1127;}


.mainb ul{float:left;width:280px;height:38px;overflow:hidden;margin-top:3px;display:inline;}
.mainb ul li{float:left;width:128px;height:36px;overflow:hidden;margin:0 1px 0 5px;display:inline;}


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

.mainb samp { width:40%; height:60%; margin-bottom:2%;}
.mainb samp img{ width:100%; }

.mainb span {width:50%; height:26px; font-size:12px; line-height:24px;}
.mainb p{width:50%; font-size:14px; line-height:24px;}

.mainb ul{float:right;width:160px;height:38px;}
.mainb ul li{float:left;width:68px;height:36px;}

}

@media screen and (min-width:321px) and (max-width:370px){

.mainb samp { width:40%; height:60%; margin-bottom:2%;}
.mainb samp img{ width:100%; }
.mainb span {width:50%; font-size:14px; line-height:32px;}
.mainb p{width:54%; font-size:14px; line-height:28px; text-indent: 2em;}

.mainb ul{float:right;width:160px;height:38px;}
.mainb ul li{float:left;width:68px;height:36px;}

}

@media screen and (min-width:371px) and (max-width:420px){

.mainb samp { width:40%; height:60%; margin-bottom:2%; }
.mainb samp img{ width:100%; }
.mainb span {width:55%; font-size:18px; line-height:36px;}
.mainb p{width:55%; font-size:16px; line-height:36px; text-indent: 2em;}

.mainb ul{float:right;width:180px;height:38px;}
.mainb ul li{float:left;width:68px;height:36px;}

}

@media screen and (min-width:421px) and (max-width:460px){

.mainb samp { width:30%; height:60%; margin-bottom:2%; }
.mainb samp img{ width:100%; }
.mainb span {width:55%; font-size:20px; line-height:36px;}
.mainb p{width:55%; font-size:18px; line-height:38px; text-indent: 2em;}

.mainb ul{float:right;width:180px;height:38px;}
.mainb ul li{float:left;width:68px;height:36px;}

}

@media screen and (min-width:461px) and (max-width:550px){

.mainb samp { width:30%; height:60%; margin-bottom:2%; }
.mainb samp img{ width:100%; }
.mainb span {width:55%; font-size:20px; line-height:36px;}
.mainb p{width:55%; font-size:18px; line-height:38px; text-indent: 2em;}

.mainb ul{float:right;width:180px;height:38px;}
.mainb ul li{float:left;width:68px;height:36px;}

}



@media screen and (min-width:551px) and (max-width:600px){

.mainb samp { width:30%; height:60%; margin-bottom:2%; }
.mainb samp img{ width:100%; }
.mainb span {width:55%; font-size:20px; line-height:36px;}
.mainb p{width:55%; font-size:18px; line-height:38px; text-indent: 2em;}

.mainb ul{float:right;width:180px;height:38px;}
.mainb ul li{float:left;width:68px;height:36px;}

}


@media screen and (min-width:601px) and (max-width:640px){

.mainb samp { width:25%; height:60%; margin-bottom:2%; }
.mainb samp img{ width:100%; }
.mainb span {width:55%; font-size:20px; line-height:36px;}
.mainb p{width:55%; font-size:22px; line-height:46px; text-indent: 2em;}

.mainb ul{float:right;width:180px;height:38px;}
.mainb ul li{float:left;width:68px;height:36px;}

}