* {margin:0; padding:0;}
* {outline:none;}
img {border:0;}
html {height:100%;}
body {height: auto !important; height: 100%; min-height: 100%; position: relative; background:#c6eefb; 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:92px; position:relative; z-index:1;}
.logo {position:absolute; left:75px; top:26px;}
.hdesc { right:25px; width:770px; top:5px; position:absolute; text-align:center;}
.hdesc h1 {color:#00d5ff; font-size:15px; margin-bottom:0px;}
.hdesc p {color:#3d3b3f; font:11px/12px Arial, Helvetica, sans-serif;}
.hdesc p span {color:#cf1c00;}
.head-ban {right:40px; top:3px; width:auto;}

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

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

.box {background: #f8f6f1; border:1px solid #92bdcb; 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:#00beff; border:1px solid #099ed1; 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:#ff8a46; border:1px solid #de6b28; 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:#009eba; text-decoration:none;}
.top1 ul a:hover { color:#c43e00;}

.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:#009eba; text-decoration:none; font-size:14px;}
.top2 ul a:hover { color:#c43e00;}

.footer { height:100px; width:988px; margin:0 auto; position:relative; font:11px/13px Arial, Helvetica, sans-serif;}
.fdesc {background:#ecf9fe; border:1px solid #b1dae7; 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:#9cb1c4;}
.fdesc a {color:#009eba; font-size:10px; text-decoration:none; }
.fdesc a:hover {color:#e35f00;}
.footer img {position:absolute; left:45px; top:23px;}

.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 #61858c; width:201px; height:268px;}
.thumbs2 a img:hover {border:1px dashed #c43e00;}
.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:99px;}
.logo {position:absolute; left:25px; top:30px; width:26%;}
.hdesc { width:660px; 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:56px;}
.head2 .logo {left:30px; top:10px; width:26%;}
.head2 .hdesc {right: auto; left:40%; width: auto; top:22px;}
.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:121px;}
.logo {position:absolute; left:35px; top:40px; width:28%;}
.hdesc { width:485px; 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:25px; 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:46px;}
.head2 .logo {top:7px; width:28%;}
.head2 .hdesc {right: auto; left:42%; width: auto; top:15px;}
}

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

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

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

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

}