html, body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0}
fieldset,img{border:0}
img,object,embed{vertical-align:bottom}
address,caption,cite,code,dfn,em,th,var,h1,h2,h3,h4,h5,h6{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%}
q:before,q:after{content:''}
a *{cursor:pointer}
.clear{clear:both}
body{font:14px Tahoma,Arial,Helvetica,sans-serif;color:#222;padding:0;margin:0;background:#eee;position: relative;}
*{outline:none}
a{color:#475055;text-decoration:none}
#a:hover{text-decoration:underline}

#header, #body, #main, #footer {width:96%;max-width:1600px;margin:0 auto;}

header, footer {margin:0;padding:0;background:#222;}
#header {padding:10px 2%;overflow:hidden;color:#D8D8D8;font-size:13px}
#header #logo {width:350px;height:60px;padding:5px 5px 10px 5px;margin:0;float:left;}
.search-container {float: left;padding:0;margin:25px 0 0 50px;width:500px;border:2px solid #A4A4A4;border-radius:3px}
.search-container input[type=text] {height:37px;padding: 0px 0px 0px 1%;margin: 0px;font-size: 15px;border: none;border-radius:0;width:79%;float:left;color:#6E6E6E}
.search-container button {height:37px;width:20%;float:left;padding: 0;margin: 0px;background: #01A9DB;font-size: 17px;border: none;cursor: pointer;color:#fff}
.search-container button:hover {background: #FF0040;}
#menu {background-color:#444;overflow:hidden;}
#body {padding:0 2%;}
#menu a{float:left;display:block;color:#f2f2f2;text-align:center;padding:14px 16px;font-size:17px;margin:0;}
#menu a:hover{background-color:#ddd;color:#000}
#menu .active{background-color:#01A9DB;color:#fff}
#menu .active:hover{background-color:rgba(41,198,126,.8);color:#fff}
#menu .icon{display:none;}

#main {padding:10px 2%;background:#fff;overflow:hidden;}
#main h1.title, #main h2.title {font-weight: 400;font-size: 22px;color: #C61F1F;padding:5px 0;margin:0 0 5px 0;border-bottom:1px solid #A4A4A4; text-shadow: 5px 2px 4px grey;}

#footer {padding:20px 2%;color:#D8D8D8;text-align:right;font-size:13px}
#footer a{color:#F4FA58;}
#footer a:hover{color:#FE2E2E;}

.pagination {margin: 8px auto;padding:0;text-align:center}
.pagination ul{display:inline-block}
.pagination li{float:left;margin:1px 0px 1px 3px;font-size:12px;line-height:18px}
.pagination a, .pagination span,.pagination .activePage{float:left;background:#353d4b;color:#fff;padding:8px;min-width:22px;text-align:center;border-radius:3px}
.pagination li a.active,.pagination a:hover,.pagination span,.pagination .activePage{font-size:15px;background-color:rgba(41,198,126,.8);}

#adsitem {margin:5px 0.5%;padding:0;width:39%;height:450px;float:right;overflow:hidden;}
#adsitem h2 {font-weight:400;font-size:16px;color: #fff;background:rgba(255,0,0,0.6); padding:5px;margin:0;text-align:center;margin:0 auto 5px;width:290px;}
#adsitem .left {float:left;width:300px;overflow:hidden;}
#adsitem .right {float:right;overflow:hidden;width:45.5%;padding:0;height:390px}
@media screen and (max-width:1400px){#adsitem .right {width:35.0%;}}
@media screen and (max-width:1260px){#adsitem .right {width:26.5%;}}
@media screen and (max-width:1120px){
#adsitem .left {float:none;margin:0 auto;}
#adsitem .right {display:none;}	
}
	
#item {margin:5px 0.5%;padding:0;width:19%;height:220px;float:left;overflow:hidden;}
.thumb {width:100%;height:100%;overflow:hidden;}
.thumb h2{padding:0;margin:5px 5px;text-align:center}
.thumb h2 a{font-weight: font:400;font-size: 14px;padding:0;margin:0;line-height:18px;}
.thumb h2 a:hover{color:#FF0000}
.thumbimg {position:relative;width:100%;height:160px;background:url(../img/loading.gif) no-repeat center center }
.thumbimg img {display:block;width:100%;height:100%}
.thumbimg .right{color:#fff;background:rgba(255,0,0,0.5);position:absolute;top:5px;right:5px;z-index:1;padding:0 5px;line-height:19px;border-radius:3px}
.thumbimg .left{color:#fff;background:rgba(53,61,75,0.5);position:absolute;bottom:5px;left:5px;z-index:1;padding:0 5px;line-height:19px;border-radius:3px}

#videopl {padding:0;margin:0;width:100%}
#plleft {width:72.8%;float:left;overflow:hidden;margin-bottom:5px;display: block;position: relative;}
#plright {width:27%;float:right;overflow:hidden;}
#boxtag {background:#eee;padding:1%;width:98%;border-radius:3px;margin-top:5px;overflow:hidden;line-height:28px;}
#boxtag a, .linktag li a{text-align:left;font-size:14px;color:#fff;padding:4px 6px;background:#A4A4A4;margin:5px 8px 5px 0px;border-radius:3px;line-height:29px;white-space: normal;}
#boxtag a:hover, .linktag li a:hover {color:#fff;background:#FE2E2E;}
.linktag li{float:left;}
#boxtag a.loadmore {color:#333;text-align:center;font-size:14px;border-top:1px dashed #848484;margin:0 auto;line-height:14px;background:#ddd;padding:7px;border-radius:0 0 5px 5px;width:120px;}
#boxtag a.loadmore:hover{color:red}


@media screen and (max-width:980px){
#header #logo {width:260px;}
.search-container {margin:25px 0 0 30px;width:350px}
#plleft, #plright {width:100%;}
#plright {height:250px;max-width:600px;margin:0 auto;float: none;}
#item {margin:5px 0.5%;padding:0;width:24%;height:210px;}
.thumbimg {height:150px}
#adsitem {margin:5px 0.5%;padding:0;width:49%;height:430px;float:right;overflow:hidden;}
}

@media screen and (max-width:700px){
#header #logo {width:100%;}
.search-container {margin:5px 0 0;width:100%}
#menu a:not(:first-child){display:none}
#menu a.icon{float:right;display:block;padding:13.5px 16px 13.5px;margin:0}
#menu .responsive{position:relative}
#menu .responsive a.icon{position:absolute;right:0;top:0;}
#menu .responsive a{float:none;display:block;text-align:left}
#item {margin:5px 0.5%;padding:0;width:32.333%;height:190px;}
.thumbimg {height:130px}
#adsitem {display:none;}
}
@media screen and (max-width:440px){
#item {margin:5px 0.5%;padding:0;width:49%;height:180px;}
.thumbimg {height:120px}
#header #logo, #adsitem {display:none;}
}

.ahead {width:96%;max-width:1600px;margin:-12px auto 5px;line-height:23px;padding:0px 1%}
.flagx {float:right;text-align:right;width:54.9%;padding:5px 0px;color:#222;}
.adsx {float:left;text-align:center;padding:5px 0px;width:44.9%;}.adsx a{padding:0px 7px;color:blue;font:300 13px Tahoma}.adsx a:hover, .adsx a.active {color:red}
.flagx a{padding:2px 5px;color:#222;font:300 13px Tahoma;background:#fff;border-radius:3px}
.flagx a:hover, .flagx a.active{color:#fff;background:red;}
@media screen and (max-width:800px){.flagx, .adsx {width:100%;float:none;text-align:center;}.ahead {width:100%;padding: 5px 0;}}

.ad900{clear:both;width:100%;max-width:900px;margin:auto auto;}
.ad600{clear:both;width:100%;max-width:600px;margin:auto auto;}
.ad300x100{width:300px;height:100px;float:left;}
.ad300x250{width:300px;height:250px;float:left;}
@media screen and (max-width:599px) {.ad300x100, .ad300x250{width:100%;max-width:600px}}
.adspll300 {width:300px;height:250px;float:left;padding:0;margin:0;}
.adsplx300{width:100%;max-width:1200px;height:250px;overflow:hidden;margin: 5px auto;padding:0}
@media only screen (min-width:1200px) {.adsplx300{max-width:1200px;}}
@media only screen (max-width:1199px) {.adsplx300{max-width:900px}}
@media only screen and (max-width:899px) {.adsplx300{max-width:600px}}
@media only screen and (max-width:599px) {.adsplx300{max-width:300px}}