*{margin: 0;padding: 0;text-decoration:none; list-style-type:none;border: 0;color:white}
body{background-color:#000;padding: 0 ;position: relative;margin-top: 55px}

a:link,a:visited,a:hover ,a:active { font-size:0.8em}
#mask1{height:100%;width: 100%;background-color: #fff;text-align:center; padding-top:20px;position:absolute;left: 0}
#mask2{background-color: #000;font-size:0.8em;padding: 5px 0;padding-left: 20px;text-align:center}
#mask2 img{vertical-align:middle;height:55px}
#mask3{height:100%;width: 100%;z-index: 999;position:fixed;top:0;left: 0;filter:alpha(opacity=0);-webkit-opacity: 0; -moz-opacity: 0;opacity: 0;background-color:black;display: none}
#mask3 a{display:block; width:100%;height:100%}
#top{ border-bottom: 2px #559AE9 solid;position: fixed ;width: 100%;background-color:black;top: 0;left: 0 }
#top img{ display: none;}
#nav{position:  absolute;top:6px;right: 10px;height: 36px;cursor:pointer}
#back{position: absolute;top:6px;left: 0px;height: 36px;cursor:pointer}
#top h1 {color:white;margin-left:50px;float:left;padding: 5px 0}
#top p{ text-align: center; line-height:46px}
#top p a{width:7%}
#top p a:link,#top p a:visited{ display: inline-block;font-weight: bold}/*-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius:5px;*/
#top p a:hover,#top p a:active{background-color:#559AE9}

#link{text-align:center;padding:5px 10px;line-height:18px }
#link a:link,#link a:visited{display: inline-block;color:#559AE9;width: 108px}
#link a:hover,#link a:active {color:#9DC4F1;text-decoration: underline}

.list {margin-right: 260px;margin-left: 5px}
.list ul li a img {width: 120px;height: 70px;vertical-align: middle }
.list ul li a span{width: 1px;height: 80px; line-height:80px}
.list ul li a:link,.list ul li a:visited {display:block; border-bottom:1px #333 solid;word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding: 5px 0;font-weight:bold; padding-left: 5px}
.list ul li a:hover{background-color:#222 ;color:#559AE9}
.list ul li a:active{background-color:#3388CC;color:#fff}
.list p{word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.list p a{color:#3185E5; font-weight:bold; margin-right:15px }
.list p a:hover { text-decoration:underline}

#add{width:260px;float: right;text-align:center;margin-right:5px }
#add img{width: 100%}
#add1{margin: 5px 0;text-align: center;border-bottom: 2px #559AE9 solid}
#add1 img{width: 48%;height:73px}
#add2{display: none  }
#add2 img{width: 100%}

#page a:link,#page a:visited {float:left;padding:5px 10px;border:0;  background-color:#4A4A4A;margin:3px 0 0 3px}/*-moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius:3px;*/
#page a:hover,#page a:active {color:#5E5E5E;background-color:#559AE9}
#bottom {text-align:center;clear:both; padding-top:10px;border-top:2px #559AE9 solid}
#bottom p{color:#5E5E5E; padding: 10px 0;;font-size:0.8em}
#twrank_div{ width: 100%; overflow: hidden}
#twrank{width:580px;height:135px}
#iframe1,#bottom img{width:49%;height:130px}
#statistical{display: none }

#back-top {
	position: fixed;
	bottom: 8px;
	right: 8px;
	background-color:#000;
     padding:3px;
     -webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	cursor:pointer;
	display: none;border: 1px white solid 

}
@-moz-document url-prefix(http), url-prefix(file) {
img:-moz-broken{
-moz-force-broken-image-icon:1;
width:24px;
height:24px;}
}

#min{text-align:center;line-height:30px;padding:3px 0;display:none}
#min li{display:inline-block;width:49%}
#min li a:link ,#min li a:visited{ display:block; background-color:#404040}
#min li a:hover,#min li a:active{background-color:#559AE9}



@media  screen and (max-width:960px) {
#top h1{float: inherit;text-align:center;margin-left: 0}
#top p a{width:10%}
}
@media  screen and (max-width: 780px) {
#add{width:180px;float: right;text-align:center;margin-right:5px} 
.list {margin-right:180px;margin-left: 5px}
#add2{display: block}
#top p{display:none}
#top p a{width:30%}	
#top img{display: inherit}

}
@media screen and (max-width:640px) {
#add {float: inherit ;width:100%;display:none}
#add img{width:48%;height: 73px}
#iframe1,#bottom img{width:48%;height:130px}
.list {margin:0;clear:both}
#iframe1,#bottom img{width:100%;height:130px}

}

@media screen and (max-width:580px) {
#twrank{width:100%}
}


@media screen and (max-width:480px) {
#add1 img{width: 100%}
#min{ display:inherit}
#page{ display: none
	
}	

}