@media(max-width:1024px){
.prizesdiv1 img{ width:100%;}
}

@media(max-width:980px){
.container{ width:96%;}
.top-navi ul li a{ padding: 12px 18px;}
}

@media(max-width:768px){
.top-navi ul li{ font-size: 15px;}
.top-navi ul li a{ padding: 0 12px;}
.top-link{ max-width: 646px;}
.top-link ul li{ font-size: 20px;}
.conten3 ul li{ width: 98%; margin: 0 0 10px;}
.leftbox{ max-width: 100%; text-align: center; margin-bottom:20px;}
.rhtbox{ width: 100%; max-width: 100%; text-align: center; margin-left:0; }
.img728 img{ width:100%; height: auto;}
}

@media(max-width:700px){
.top-navi ul li{ font-size: 14px;}
.top-navi ul li a{ padding: 0 10px;}
.top-link ul{ text-align:left;}
.top-link ul li{ display: block;}
.top-link ul li a:hover, .top-link ul li.current a{ border-radius: 0;}
.top-link:before,.top-link:after{ display:none;}
.conten2 .options input.dateradio{ max-width: 150px;}
.conten2 p textarea{ width: 100%;}

}

@media(max-width:480px){
.container{ width: 90%;}
.top-navi ul li{ margin: 0 0 6px;}
.headerdiv p.t1{ width: 70%;}
.conten2 .options input.dateradio{ max-width: 114px; margin:0;}
.head1{ font-size: 36px; line-height: 36px;}
.head1 span{ font-size: 38px;}
.banners{ padding: 25px 0;}
.banners textarea{ width:100%;}
.img300 img{ width:100%;}
}

@media(max-width:360px){
.headerdiv p.t1{ width: 60%;}
.conten1 .calendar1 img{ width:100%;}
#middle h1 i{ display: block; margin: 0 auto 20px;}
.conten2 .options input.dateradio{ max-width: 90px; font-size: 18px; height: 40px;}
.head1{ font-size: 28px; line-height: 28px;}
.head1 span{ font-size: 32px; padding: 0 10px; margin: 0 10px 0 0;}
}