* {margin:0; padding:0;}
* {outline:none;}
img {border:0;}
html {height:100%;}
body {height: auto !important; height: 100%; min-height: 100%; position: relative; background:#c6c7e0; 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:26px;}
.hdesc { right:30px; width:800px; top:5px; position:absolute; text-align:center;}
.hdesc h1 {color:#ee3134; 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:35px;}

.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 #4d5885; text-align:center; color:#560456; text-decoration:none;}
.thumbs a img {display:block; width:240px; height:320px; border-bottom:1px solid #4d5885;}
.thumbs a span {font: 20px/27px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#57226e; display:block; background:#f8f6f1;}
.thumbs a:hover span {text-decoration:none; color: #ee2e32;}

.box {background: #f8f6f1; border:1px solid #9394b4; 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;}
.header1 h2 {background:#ee2e32; border:1px solid #c61c20; 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:#9b1ebf; border:1px solid #8515a5; 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:#59216e; text-decoration:none;}
.top1 ul a:hover { color:#ee2e32;}

.top2 {padding:15px 0 10px 31px; min-height:1px;}
.top2 ul {padding:5px 0 5px 0; float:none; width:auto;}
.top2 ul li {color:#8b8a89; line-height:23px; font-size:17px; width:213px; float:left;}
.top2 ul a {color:#59216e; text-decoration:none; font-size:14px;}
.top2 ul a:hover { color:#ee2e32;}

.footer { height:100px; width:988px; margin:0 auto; position:relative; font:11px/13px Arial, Helvetica, sans-serif;}
.fdesc {background:#ececf4; border:1px solid #b8b9d0; width:550px; height: auto; right:0; top:0px; position:absolute; padding:9px 10px 0 10px;  border-radius:5px; padding-bottom:5px;}
.fdesc p {padding-bottom:2px; color:#999aab;}
.fdesc a {color:#8f05ba; font-size:10px; text-decoration:none; }
.fdesc a:hover {text-decoration:underline;}
.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 #4d5885; width:201px; height:268px;}
.thumbs2 a img:hover {border:1px dashed #ee3134;}
.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:104px;}
.logo {position:absolute; left:20px; top:30px; width:28%;}
.hdesc { width:650px; 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:59px;}
.head2 .logo {left:30px; top:8px; width:28%;}
.head2 .hdesc {right: auto; left:40%; width: auto; top:20px;}
.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:124px;}
.logo {position:absolute; left:30px; top:43px; width:30%;}
.hdesc { width:490px; right:10px; 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:15px; width:25%;}

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

.hadrlinks {width:768px;}

.head2 {width:700px; height:52px;}
.head2 .logo {top:8px; width:30%;}
.head2 .hdesc {right: auto; left:42%; width: auto; top:18px;}
}

@media screen and (max-width: 768px) {
	
.head {width:480px; overflow:hidden; height:51px;}
.logo {position:absolute; left:20px; top:7px; width:46%;}
.hdesc {right: auto; left:60%; width: auto; top:18px;}
.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:44%;}
.fdesc {top:90px; left:0; right:0; width:auto; height:auto; text-align:left;}
	

.hadrlinks {width:480px;}
.banner1 {padding-left:0;}
.head2 { height:51px;}
.head2 .head-ban { overflow:hidden; height:auto; width:auto;}
.head-ban div {display:none;}
.head2 .logo {left:20px; top:7px; width:46%;}
.head2 .hdesc {right: auto; left:52%; width: auto; top:18px;}
}

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

.head {width:320px; overflow:hidden; height:55px; text-align:center;}
.logo {position: static; left: auto; top: auto; width:70%; padding-top:2px;}
.hdesc { left:0; top:37px; 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:55%;}
.fdesc {top:90px; left:0; right:0; width:auto; height:auto;}
	
.head2 {height:55px !important;}
.head2 .logo {padding-top:2px; width:70%;}
.hadrlinks {width:320px;}
.head2 .head-ban { overflow:hidden; height:auto; width:auto;}
.head2 .head-ban {left:0; top:37px; right:0; text-align:center;}
.head-ban div {display:none;}

}