* {margin:0; padding:0;}
* {outline:none;}
img {border:0;}
html {height:100%;}
body {height: auto !important; height: 100%; min-height: 100%; position: relative; background:#fff8a5; font:12px Arial, Helvetica, sans-serif; color:#333333;}
.center { width:760px; margin:0 auto; padding-bottom:60px; overflow:hidden;}
.clear {clear:both; line-height:0px; height:0px; overflow:hidden; font-size:0px;}
ul {list-style:none;}
a {text-decoration:none;}

/*Head*/
.head { width:1240px; margin:0 auto; height:96px; position:relative; z-index:1;}
.logo {position:absolute; left:75px; top:16px;}
.hdesc { right:35px; width:720px; top:5px; position:absolute; text-align:center;}
.hdesc h1 {color:#035786; font-size:15px; margin-bottom:0px;}
.hdesc p {color:#3d3b3f; font:11px/11px Arial, Helvetica, sans-serif;}
.hdesc p span {color:#cf1c00;}
.head-ban {right:40px; top:3px; width:auto;}

.head2 {height:119px;}
.head2 .logo {top:25px;}

.thumbs {min-height:1px; width:1240px; margin:0 auto 19px auto; z-index:2; position:relative;}
.thumbs div {float:left; width:248px; height:357px;}
.thumbs a {display:block; width:240px; border:1px solid #a1964f; text-align:center; color:#560456; text-decoration:none;}
.thumbs a img {display:block; width:240px; height:320px; border-bottom:1px solid #a1964f;}
.thumbs a span {font: 20px/27px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#007321; display:block; background:#fefdfc;}
.thumbs a:hover span {text-decoration:none; color: #438ab0;}

.box {background: #fefdfc; border:1px solid #a49e57; width:1097px; margin:0 auto 25px auto; position:relative; border-radius:3px;}
.header1 {width:1075px; margin:0 auto; overflow:hidden; height:26px; position:relative; z-index:5; text-align: center;}
.header1 h2 {background:#005c8e; border:1px solid #004469; font: bold 18px/26px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; text-align:center; height:26px; padding:0px 20px 0 20px; border-bottom:0; display:inline-block; border-radius:4px 4px 0 0;}
.header2 h2 {background:#008f24; border:1px solid #016e1d; border-bottom:0;}

.top1 {padding:0px 0 10px 31px; min-height:1px;}
.top1 ul {padding:15px 0 5px 0;}
.top1 ul li { line-height:23px; font-size:17px;  padding:0 0 0 20px; width:193px; float:left; background: url(/images/point.png) no-repeat left center;}
.top1 ul a {color:#007321; text-decoration:none;}
.top1 ul a:hover { color:#438ab0;}

.top2 {padding:15px 0 10px 31px; min-height:1px;}
.top2 ul {padding:5px 0 5px 0; float:none; width:auto;}
.top2 ul li {color:#9d9d9d; line-height:23px; font-size:17px; width:213px; float:left;}
.top2 ul a {color:#007321; text-decoration:none; font-size:14px;}
.top2 ul a:hover { color:#438ab0;}

.footer { height:100px; width:988px; margin:0 auto; position:relative; font:11px/13px Arial, Helvetica, sans-serif;}
.fdesc {background:#fffde0; border:1px solid #e8e18b; width:607px; height:72px; right:0; top:0px; position:absolute; padding:9px 10px 0 10px;  border-radius:5px; padding-bottom:5px;}
.fdesc p {padding-bottom:2px; color:#b4b294;}
.fdesc a {color:#007321; font-size:10px; text-decoration:none; }
.fdesc a:hover {color:#438ab0;}
.footer img {position:absolute; left:45px; top:18px;}

.thumbs2 {min-height:1px; width:1242px; margin:0 auto 22px auto; z-index:2; position:relative;}
.thumbs2 div {float:left; width:207px; height:274px;}
.thumbs2 a img {border:1px solid #a1964f; width:201px; height:268px;}
.thumbs2 a img:hover {border:1px dashed #a1964f;}
.header-x {text-align:center; color:#fff; font: bold 24px "Trebuchet MS", Arial, Helvetica, sans-serif; padding-bottom:8px; position:relative; z-index:2; margin-top:-15px;}

.ban-box {width:1238px;}
.banner1 {padding:10px 0 10px 8px;}
.banner2 {padding:15px 0; text-align:center;}

.hadrlinks {margin:0 0 25px 0; text-align:center; font-weight:bold; color:#139ae8; line-height:20px;}
.hadrlinks a {color:#139ae8; margin:0 5px; display:inline-block;}
.hadrlinks a:hover {color: #F00;}


/*-----Responsible-----*/


@media screen and (max-width: 1260px) {
	
.head {width:950px; overflow:hidden; height:93px;}
.logo {position:absolute; left:20px; top:20px; width:26%;}
.hdesc { width:670px; right:0px; top:4px; position:absolute; text-align:center;}


.thumbs {width:995px; padding-left:5px;}
.box { width:998px;}
.banner1 table td:last-child {display:none;}
.header1 {width:950px;}
.top1 ul li  {width:172px;}
.top2 ul li {width:192px;}
.banner1 { text-align:center;}

.thumbs2 { width:1000px; }
.thumbs2 div {width:200px; height:265px;}
.thumbs2 a img {width:195px; height:260px;}


.head2 {width:900px; height:65px;}
.head2 .logo {left:30px; top:7px; width:26%;}
.head2 .hdesc {right: auto; left:40%; width: auto; top:27px;}
.hadrlinks {width:1000px; margin:0 auto 25px auto;}
.head-ban div {display:none;}

}

@media screen and (max-width: 1000px) {
	
.head {width:760px; overflow:hidden; height:113px;}
.logo {position:absolute; left:25px; top:35px; width:28%;}
.hdesc { width:500px; right:20px; top:3px; position:absolute; text-align:center;}
.thumbs {width:753px; padding-left:15px;}
.box { width:766px;}
.banner1 table td:last-child {display:none;}
.banner1 table td:nth-child(3) {display:none;}
.header1 {width:700px;}

.top1 ul li  {width:125px;}
.top2 ul li {width:145px;}
.footer { height:110px; width:768px; }
.footer img { left:0; top:22px; width:18%;}

.thumbs2 { width:768px; }
.thumbs2 div {width:192px; height:255px;}
.thumbs2 a img {width:189px; height:252px;}

.hadrlinks {width:768px;}

.head2 {width:700px; height:54px;}
.head2 .logo {top:5px; width:28%;}
.head2 .hdesc {right: auto; left:42%; width: auto; top:20px;}
}

@media screen and (max-width: 768px) {
	
.head {width:480px; overflow:hidden; height:50px;}
.logo {position:absolute; left:20px; top:2px; width:42%;}
.hdesc {right: auto; left:60%; width: auto; top:17px;}
.hdesc p {display:none;}

.thumbs {width:480px; padding-left:0px;}
.thumbs div {width:240px; height:350px;}
.thumbs a {width:230px;}
.thumbs a img {width:230px; height:307px;}


.thumbs2 { width:480px; }
.thumbs2 div {width:160px; height:212px;}
.thumbs2 a img {width:157px; height:209px;}

.box { width:478px;}
.banner1 table td:last-child {display:none;}
.banner1 table td:nth-child(2) {display:none;}
.banner1 table td:nth-child(3) {display:none;}
.header1 {width:430px;}

.top1 ul li  {width:128px;}
.top2 ul li {width:148px;}

.footer { height:200px; width:480px; text-align:center;}
.footer img {left: auto; top:auto; position:static; width:38%;}
.fdesc {top:90px; left:0; right:0; width:auto; height:auto; text-align:left;}
	

.hadrlinks {width:480px;}
.banner1 {padding-left:0;}
.head2 { height:50px;}
.head2 .head-ban { overflow:hidden; height:auto; width:auto;}
.head-ban div {display:none;}
.head2 .logo {left:20px; top:2px; width:42%;}
.head2 .hdesc {right: auto; left:50%; width: auto; top:17px;}
}

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

.head {width:320px; overflow:hidden; height:64px; text-align:center;}
.logo {position: static; left: auto; top: auto; width:68%; padding-top:1px;}
.hdesc { left:0; top:46px; right:0; text-align:center;}

.thumbs {width:320px; padding-left:0px;}
.thumbs div {width:160px; height:233px;}
.thumbs a {width:155px;}
.thumbs a img {width:155px; height:207px;}
.thumbs a span {font: bold 13px/20px Arial, Helvetica, sans-serif; height:20px;}


.thumbs2 { width:320px; }
.thumbs2 div {width:160px; height:212px;}
.thumbs2 a img {width:157px; height:209px;}

.box { width:318px;}
.banner1 table td:last-child {display:none;}
.banner1 table td:nth-child(2) {display:none;}
.banner1 table td:nth-child(3) {display:none;}
.header1 {width:300px; height:22px;}
.header1 h2 {font: bold 15px/22px "Trebuchet MS", Arial, Helvetica, sans-serif; height:22px;}
.top1, .top2 {padding-left:30px;}

.top1 ul li  {width:124px;}
.top2 ul li {width:144px;}


.top1 ul li, .top2 ul li { font-size:12px;}
.top2 ul li a {font-size:12px;}
.footer { height:220px; width:320px; }
.footer img {left:-80px; width:50%;}
.fdesc {top:90px; left:0; right:0; width:auto; height:auto;}
	
.head2 {height:64px !important;}
.head2 .logo {padding-top:1px; width:68%;}
.hadrlinks {width:320px;}
.head2 .head-ban { overflow:hidden; height:auto; width:auto;}
.head2 .head-ban {left:0; top:46px; right:0; text-align:center;}
.head-ban div {display:none;}

}