dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,s_fielddset,input,p,blockquote,th,td{margin:0;padding:0;}s_fielddset,img{border:0;}img,object,embed{vertical-align:bottom;}ol,ul{list-style:none;}caption,th{text-align:left;}q:before,q:after{content:'';}a *{cursor:pointer;}

h1 {
	display: inline;
	font-weight: normal;
}
h2 {color: #E2E2E2;}
h1,h2,h3,h4,h5,h6{font-size:100%;}

body {
	margin: 0;
	background-image: url(http://xxx-cartoon.net/images/bg00.jpg);
}
.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0;}

.heea {
	margin: 0 auto;
	text-align: center;
	width: 1024px;
	background-color: #FEE4C9;
}
.heea4 {
	height: 131px;
	width: 603px;
	text-align: center;
}
.heea3 {
	width: 1024px;
	text-align: center;
	border-bottom: 11px solid #fff;
}
.block {
	font-family: 'Holtwood One SC', serif;
	font-size: 24px;
	color: #FFF;
	display: block;
	font-weight: normal;
	letter-spacing: -1px;
	text-align: center;
	margin: 0 auto;
	width: 1024px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-shadow: 1px 1px #3399FD;
	border-top: 2px solid #fff;
	border-bottom: 3px solid #039;
	background-color: #92C8FE;
}
.container {
	width: 1024px;
	text-align: center;
	margin: 0 auto;
	border-width: 0;
	background-color: #3399FD;
	display: table;
	padding: 15px 0;
	}
.itemimg {
	border: 2px solid #FF8424;
	padding: 2px;
	margin: 4px 22px;
	background-color: #FFF;
	width:260px;
	height:210px;
}
.imgbox {
	text-align: center;
	margin: 0 auto;
}
.top_block {margin: 0 auto;width:1032px;text-align:center;}
.top_block ul {list-style: none;padding:0;}
.top_block li {float: left;}
.tt {width:172px;overflow:hidden;text-align:center;}
.tt IMG {border:1px solid #000;padding:1px;margin:0px;background-color:#fff;width:168px;height:168px;}
.tt a:hover IMG {border:1px solid #fff;background-color:#000;}
.tt a {font-family: Tahoma, Verdana;font-size: 14px;color: #3399fd;font-weight: bold;}
.bpic {border:1px solid #fff;background-color: #FFF;max-width:1000px;}
.bline {width:1024px;display:inline-block;}
.bline IMG {width:254px;height:195px;border:1px dotted #fff}
.bline a:hover IMG {border:1px solid #fff}
.ano {
	font-family: 'Holtwood One SC', serif;
	font-size: 18px;
	color: #FFF;
	display: block;
	font-weight: normal;
	letter-spacing: -1px;
	margin: 0 auto;
	padding: 3px 0;
}
/*----------------------------responsive styles----------------------------------*/

@media screen and (max-width: 1920px) {body { min-width:1600px;}}
@media screen and (max-width: 1600px) {body { min-width:1236px;}}
@media screen and (max-width: 1260px) {
body { min-width:996px;}
.heea, .heea3, .container, .bline {width: 990px;}
.block {width: 990px;text-shadow: 1px 1px #B03F77;}
.bpic {height:auto;max-width:990px;}
}

@media screen and (max-width: 1000px) {
body { min-width:768px;}
.heea, .top_block, .heea3, .container, .imgbox, .bline, .block {width: 760px;}
.itemimg {margin: 8px;}
.bpic {height:auto;max-width:760px;}
}

@media screen and (max-width: 788px) {
body { min-width:620px;}
.heea, .top_block, .heea3, .container, .imgbox, .bline {width: 610px;}
.block {width: 610px;font-size: 22px;}
.bpic {height:auto;max-width:610px;}
}

@media screen and (max-width: 620px) {
body { min-width:500px;}
.heea, .top_block, .bline {width: 490px;}
.heea3 {width: 490px;}
.heea4 {height: 104px;width: 480px;}
.block {width: 490px;font-size: 21px;}
.container {width: 490px;}
.imgbox {width: 100%;}
.itemimg {zoom: 1.4;}
.bpic {height:auto;max-width:490px;}
}

@media screen and (max-width: 520px) {
body { min-width:300px;}
.heea, .top_block, .bline {width: 290px;}
.heea3 {width: 290px;}
.block {width: 290px;font-size: 16px;}
.container {width: 290px;}
.imgbox {width: 100%;}
.itemimg {zoom: 0.98;}
.heea4 {height: 80px;width: 290px;}
.bpic {height:auto;max-width:290px;}
}