@charset "utf-8";
{
padding: 1px;
margin: 4px 4px 0 0;
border: 1px solid #d5d5d5;
transition: all 15s ease;
-webkit-transition: all 15s ease;
-moz-transition: all 15s ease;
transition-delay: 5s;
-webkit-transition-delay: 5s;
-moz-transition-delay: 5s;
transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
width: 120px;
}
/* Design By Wapvn.Mobi */
#QDK:hover {
box-shadow: 0px 0px 10px #666;
-moz-box-shadow: 0px 0px 10px #666;
-webkit-box-shadow: 0px 0px 10px #666;
border-radius: 5px;
background-color: #ffffff;
padding: 5px;
transition: all 3s ease;
-webkit-transition: all 3s ease;
-moz-transition: all 3s ease;
transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
position: relative;
width: 365px;
}
a:link, a:active, a:visited {
    color: #0565B2;
    text-decoration: none;
}
a:hover, a:focus {
    color: #009cf0;
}
.news {
  background-color: #EEEEEE;
  border: 1px solid white;
  color: #333333;
  font-size: x-small;
  padding: 3px 4px 4px 4px;
}

body {
    background: #fff none repeat scroll 0 0;
    color: #606060;
    font: 13px Arial;
    margin: 0;
    margin: auto;
    padding: 0;
    max-width: 680px;
    border : 1px solid #cdcdcd;
    border-radius: 5px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow:0px 0px 10px  #343434;
}
form {}

form, input, textarea, select {font: 14px Arial;margin: 0;}

h3 {margin: 0;padding: 0 0 2px 0;}

hr {border: 0;border-top: 1px solid #d5d5d5;margin-top: 4px;margin-bottom: 4px}

input, textarea, select {background: #fff;border: 1px solid #d8d8d8;color: #686868;padding: 1px;margin: 1px;}

input[type="file"] {margin: 2px 0;}

input[type="submit"] {background: url(images/input.gif) repeat-x bottom #fefefe;padding: 3px 8px;}

p {
margin: 1px;
}

textarea {
width: 99%;
max-width: 691px;
}

ul {
margin: 0;
padding-left: 20px;
}

.ads {
background: none repeat scroll 0 0 #FFFFC0;
font-size: 12px;
margin-bottom: 0px;
margin-top: 2px;
font-weight: normal;
border: 1px solid #DDBC6B;
padding: 3px;
}
.download{font-size:11px;background-image : url(/css/images/tmn.gif);background-repeat : repeat-x;background-position : 50% top;margin-top : 1px;margin-bottom : 1px;padding : 2px;border : 1px solid #e1e1e1;}
.download:before{content:url(/images/download.png);}
.time {
color: #0000ff;
background-color: #ffffff;
text-align: center;
}

.daik {
padding-top : 2px;
background-color: #fff;
background-position : top;
}
td {line-height:15px}
#tab {padding:2px 5px 0 5px;border-bottom:5px solid #08A8E8;font-size:14px}
#tab a {color:#494949;font-weight:bold}
#tab tr, #tab td{height:25px;padding-top:4px}
#tab td {padding-left:5px;padding-right:5px;text-align:center}
#tab .active {background:#08A8E8;}
#tab .active a {color:#fff}

.alarm {
background: #E61313;
margin: 0 0 2px 0;
color: #fff;
font-weight: bold;
padding: 3px 0px 3px 4px;
}

.bmenu a, .phdr a, .thang {
color: #fff;
}
h1 {
  margin:0;
  padding:0;
  border:0;
  vertical-align:baseline;
  background:transparent;
  clear:both;
  line-height:normal
  font-size:100%
}
h2{font-size:16px;font-weight:bold;}
h3{font-size:13px;}

.list2 {
background-image: url(images/grs.png);
background-color: whitesmoke;
color: #6d8da3;
padding: 2px 4px 2px 4px;
margin: 0px 0px 0px 0px;
}
.list3 {
	margin-top : 1px;
	margin-bottom : 1px;
	padding : 2px;
	border : 1px solid #e1e1e1;
}
.newsx {
    background-color: #f2f6f8;
    border-bottom: 1px solid #eaeae9;
    color: #34617e;
    padding: 3px 4px 3px 4px;
    margin: 0 0 0 0;
}
.header {
    background-color : #5dbef7; 
    color: #ffffff;
    background-image : url(/css/images/header.gif);
    background-repeat : repeat-x;
    background-position : 50% top;
    margin-top : 1px;
    margin-bottom : 1px;
    padding : 2px;
}
.header2 {
color : #0000ff;
text-shadow : #45cdf5 1px 1px 1px;
background-color : #84e2f8;
background-image : url(/css/images/nen.gif);
background-repeat : repeat-x;
background-position : 50% top;
margin-top : 1px;
margin-bottom : 1px;
padding : 5px;
border : 1px solid #68e1ff;
}
.header3 {
    background: #94d2f6 url(/css/images/head3.png) repeat-x 50% bottom;
    border: 1px solid #88beff;
    margin-top: 1px;
    margin-bottom: 1px;
    padding: 10px 5px 4px 5px;
    text-align: center;
    text-indent: 0px;
    color: #000;
    font-weight: bold;
    font-size: 15px;
}

.toptai {
    padding-top : 2px;
    background-color: #fff;
    background-position : top;
}
#tab {padding:2px 5px 0 5px;border-bottom:5px solid #08A8E8;font-size:12px}
#tab a {color:#494949;font-weight:bold}
#tab tr, #tab td{height:25px;padding-top:4px}
#tab td {padding-left:5px;padding-right:5px;text-align:center}
#tab .active {background:#08A8E8;}
#tab .active a {color:#fff}
.footer {
    background: #86d6fe url(/css/images/foot.png) repeat-x 50% bottom;
    border: 1px solid #88beff;
    margin-top: 1px;
    margin-bottom: 1px;
    padding: 4px;
    text-align: left;
    text-indent: 0px;
    color: #000;
}

.left {
float: left;
}
.list {

background-color: #fff;

border: 1px solid #ffc6fc;

margin-top: 1px;

padding: 4px;
}
.list11, {
    background-color: #fff;
    margin-top: 1px;
    margin-bottom: 1px;
    padding: 4px;
    border: 1px solid #d5d5d5;
}
.list1, .stas, .list5, .menu, .news {background-image : url(/css/images/tmn.gif);background-repeat : repeat-x;background-position : 50% top;margin-top : 1px;margin-bottom : 1px;padding : 2px;border : 1px solid #e1e1e1;}
}

.logo { border-bottom : 1px solid #8fdef3; background : #b4e8f6 url(http://toptai.wap.sh/css/images/head.gif) repeat-x 0% top; padding: 5px;}
.logo2 {border-bottom : 1px solid #8fdef3; background : #b4e8f6 url(/css/images/header.gif) repeat-x 0% top; padding: 4px; }

.maintxt {
border: 0px solid #e1e1e1;
background: #ffffff;
color: #606060;
margin: 0px;
padding: 4px;
}
.head{background-color:#FFB200;background-image:url(/img/23.gif);background-position:50% top;background-repeat:repeat-x;border:1px solid #88beff;margin-bottom:1px;margin-top:1px;padding:2px;}
.menu {
background: #ffffff;
border-bottom: 1px solid #d5d5d5;
margin: 1px;
padding: 2px;
}

.menub {
background: #ffffff;
border-bottom: 1px solid #e9e9e9;
margin: 2px 4px -1px 4px;
padding: 3px 2px 2px 2px;
}

.menub a {
color: #544E4F;
}

.menub a:hover {
color: #007ed2;
text-decoration: none;
}
.none {
background-color: #ffffff;
border-top: 1px solid #E1E1E1;
margin: 0px 0px 0px 0px;
padding: 4px;
}


.orangex {
color: #333333;
border: 1px solid #7997aa;
background-color: #d4e3ed;
margin: 4px 0px 0px 0px;
padding: 2px 4px 2px 4px;
}
.omenu {
color: #333333;
border: 1px solid #eaeae9;
background-color: #f2f6f8;
margin: 4px 0px 0px 0px;
padding: 4px;
}
*/
.omenu a.pagenav {
margin: 1px;
}

.pagex {
background-color: #d7d8da;
border: 1px solid #cecece;
margin: 4px 0px 0px 0px;
padding: 1px 4px 1px 4px;
}

.phdr, .bmenu, .thang, .ten , .hdr{background-color:#f47c20;background-image:url(/img/bg_yellow.gif);background-position:top;background-repeat:repeat-x;color:#fff;font-weight:700;margin-top:2px;padding:5px;}
.phdr a, .bmenu, .thang {color:#fff;}
.phdrblack {
background-image: url(images/pdrb.png);
background-color: #3a3a3a;
color: #ffffff;
border: 1px solid #666666;
padding: 2px 4px 2px 4px;
margin: -1px -1px 0px -1px;
}
.phdrblack a {
color:white;
text-decoration:none;
}
.phpcode {
background-color:#E0E6E9;
color:#000000;
font-size:0.9em;
font-family: tahoma, verdana, geneva, lucida, arial, helvetica, sans-serif;
margin:0px;
padding:2px;
border:1px inset;
max-width:96%;
text-align:left;overflow:auto;
}
.code {
max-width:89%;
background-color:#f3f6fb;
border:1px inset #c3d3dc;
text-align:left;
color:#111111;
padding:3px;
}
.quote {
    
    background-color: #f2f6f8;
        border-top: 1px solid #e0e0e0;
        border-right: 1px solid #e0e0e0;
        border-bottom:1px solid #e0e0e0;
        border-left: 3px solid #80abc8;
    margin: 2px;
    color: grey;
    padding: 4px;
}

.red, .red a {
color: #f00;
}

.reply {
border-left: 4px solid red;
color: #f00;
padding: 2px 0px 2px 4px;
}

.rmenu {
background: #fee5fd;
border: 1px solid #ffc6fc;
margin: 1px 0;
padding: 4px;
}

.rmenu input, .rmenu textarea, .rmenu select {
border: 1px solid #E2C0C7;
}

.sitemap {
background-color: #f0f0f0;
margin: 0px;
padding: 2px 4px 3px 4px;
font-size: xx-small;
height: 38px;
overflow: auto;
}

.status {
color: #CD853F;
}

.sub {
border-top: 1px dotted #417394;
font-size: x-small;
margin: 3px 2px 2px 2px;
padding: 3px 0px 0px 0px;
}

.tmn {
background: #c0efff repeat top left;
border-top: 1px solid #01aeea;
border-bottom: 1px solid #01aeea;
color: #333;
margin: 0px;
padding: 4px;
}

.fmenu a {
color: #f8f8f8;
text-decoration:none;
}

.topmenu {
background-color:#d5f3ff;
border:1px solid #FFF;
font-size:11px;
margin:0;padding:4px}

.user {
background-color: #E2EBF1;
border: 1px solid white;
margin: 0px;
padding: 3px 4px 3px 4px;
}

.bmenu a:hover, .phdr a:hover, .thang a:hover {
color: #ebebeb;
text-decoration: none;
}

.rmenu input:focus, .rmenu textarea:focus {
border: 1px solid #DBB0B9;
background: #FDFBFB;
}

.sbox {
background-color: whitesmoke;
border: none;
margin: 0px 0px 0px 0px;
padding: 2px 4px 2px 3px;
}

.textshout {
background: #ffffff;
color: #333333;
font-color: #333333;
margin: 0px 4px 0px 4px;
padding-bottom: 1px;
}

.textshout a {
color: #ff8c00; }

.tmn a:hover, .fmenu a:hover {
color:#666666;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

input:focus, textarea:focus {
background: #F4F4F4;
border: 1px solid #BCBCBC;
}

a.pagenav {
border: 1px solid #417394;
background-color: #f2f6f8;
padding: 1px 3px 1px 3px;
text-decoration: none;
}

a.pagenav:hover {
background-color: #f2f6f8;
border: 1px solid #417394;
}
.mainblok {
border: 1px solid #cecece;
margin: 0px 0px 5px 0px;
}
.mainsub {
border: 1px solid #cecece;
margin: 0px 0px 2px 0px;
border-radius: 3px;
}
.morecat {
text-align: right;
font-size: 10px;
margin-top: 2px;
}
.thumb {
padding: 1px 1px 2px 5px;
border-right: 1px solid #eaeae9;
text-align: center;
}
.mainblok .list1 table img, .mainsub table img {
padding: 1px;
margin: 4px 4px 0 0;
border: 1px solid #d5d5d5;
transition: all 15s ease;
-webkit-transition: all 15s ease;
-moz-transition: all 15s ease;
transition-delay: 5s;
-webkit-transition-delay: 5s;
-moz-transition-delay: 5s;
transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
border-radius: 2px;
width: 45px;
height: 55px;
}
.mainblok .list1 table img:hover, .mainsub table img:hover {
transition: all 3s ease;
-webkit-transition: all 3s ease;
-moz-transition: all 3s ease;
transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
position: relative;
box-shadow: 0px 0px 8px #666;
-moz-box-shadow: 0px 0px 8px #666;
-webkit-box-shadow: 0px 0px 8px #666;
border-radius: 5px;
width: 90px;
height: 110px;
}
.textx {
background-color: #ffffff;
border-bottom: 1px solid #ededed;
color: #333333;
padding: 2px 2px 4px 2px;
margin: 2px 4px 2px 4px;
}
.forumtxt {
background-color: #ffffff;
color: #333333;
padding: 4px 2px 4px 2px;
font-size: 14px;
font-family: "Times New Roman", Times, serif;
}
.subcontent {
background-color: #ffffff;
color: #333333;
padding: 4px 2px;
font-size: 14px;
font-family: "Times New Roman", Times, serif;
}
.mainblok .forumtxt img {
padding: 1px;
margin: 4px 4px 0 0;
border: 1px solid #d5d5d5;
border-radius: 2px;
}
.mainblok .forumtxt img:hover {
box-shadow: 0px 0px 10px #666;
-moz-box-shadow: 0px 0px 10px #666;
-webkit-box-shadow: 0px 0px 10px #666;
border-radius: 5px;
}
#QDK {
transition: all 15s ease;
-webkit-transition: all 15s ease;
-moz-transition: all 15s ease;
transition-delay: 5s;
-webkit-transition-delay: 5s;
-moz-transition-delay: 5s;
transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
width: 120px;
}
#QDK:hover {
background-color: #ffffff;
padding: 5px;
transition: all 3s ease;
-webkit-transition: all 3s ease;
-moz-transition: all 3s ease;
transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
position: relative;
width: 365px;
}
.forumb {
background-color: #e9e9e9;
border: none;
margin: 0px 0px 0px 0px;
padding: 2px 5px 1px 4px;
}
.forumb a:link {
color: #424242;
text-decoration:none;
}
.forumadm {
background-color: #ffecec;
border: none;
margin: 0px 0px 0px 0px;
padding: 2px 5px 1px 4px;
}
.forumadm a:link {
color: #424242;
text-decoration:none;
}
.forum_del {
background-color: #ffecec;
border-bottom: 1px solid #FFC4C4;
color: #AE4444;
padding: 3px 4px 3px 4px;
margin: 0 0 0 0;
}
.forum_del a {
color: #AE4444;
text-decoration:none;
}
.forum_del_txt {
background-color: #ffecec;
border-bottom: 1px solid #FFC4C4;
color: #AE4444;
padding: 2px 2px 4px 2px;
margin: 2px 4px 2px 4px;
}

.nonex {
background-color: #ffffff;
border: none;
margin: 0px 0px 0px 0px;
padding: 0px 4px 0px 4px;
}

.nonex img {max-height: 22px; width: auto;}
.spoiler {
background: #f5f5f5;
border: 1px solid #417394;
}

.spoiler_cabecera {
border-bottom: 1px solid #417394;
margin: 0;
margin-bottom: 2px;
background: #8baec6;
padding: 4px 5px;
}

.spoiler_contenido {
padding: 5px;
height: auto;
display: block;
background: #f5f5f5;
}
.smallfont
{
font: 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.alt2, .alt2Active
{
background: #FDFDFE;
color: #000000;
}

.bbcode_container {
margin:7px;
margin-right: 5px;
margin-top:5px;
display:block;
}

.bbcode_container div.bbcode_quote {
margin:0 10px;
margin-right: 5px;
margin-bottom: 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
background: #f2f6f8 none   ;
border-radius: 5px;
border: 1px solid #417394;
font: normal 13px Tahoma,Calibri,Verdana,Geneva,sans-serif;
position: relative;
top: 0;
}

.bbcode_quote div.quote_container {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
padding: 5px 10px 5px 10px;
}

.bbcode_container .bbcode_quote_container {
background: transparent url(images/quote-left.png) no-repeat  left;
display:block;
width: 9px;
height: 13px;
position: absolute;
top: 5;
left: -9px;
}
.boxed{border: 1px solid #ccc; padding: 2px;}
div#energysaving, div#energysaving * {
-moz-border-radius: 0;
-webkit-border-radius: 0;
border: 0;
background-color: #000000;
}

div#energysaving {
margin: 0;
padding: 0;
position: absolute;
left: 50%;
top: 50%;
opacity: 0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
text-align: center;
z-index: 100;
}

@media screen {
body>div#energysaving {
position: fixed;
}
}

div#energysaving p {
margin: 0;
padding: 0;
width: 100%;
font-size: 18px;
font-family: arial;
color: #333333;
position: relative;
top: 40%;
line-height: 20px;
font-weight: bold;
text-align: center;
text-shadow: none;
}

div#energysaving p span {
color: #555555;
font-size: 14px;
font-weight: normal;
}

div#energysaving div#copyrightOnlineLeaf {
padding: 0;
margin: 0;
color: #333333;
font-size: 14px;
font-weight: normal;
position: absolute;
bottom: 20px;
text-align: center;
width: 100%;
height: 20px;
left: 0%;
}
.page10 {
    text-align: left;
    padding: 4px 2px 4px 2px;
    background: #d5f3ff;
    margin-top: 1px;
    margin-bottom: 1px;
    border: 1px solid #a2b5c2;
    font-weight: bold;
    font-size: 14px;
}
.qc {
    background: none repeat scroll 0 0 #FFFFC0;
    font-size: 12px;
    margin-bottom: 0px;
    margin-top: 1px;
    font-weight: normal;
    border: 1px solid #DDBC6B;
    padding: 3px;
}
.table {
    padding: 2px;
    border: 1px solid #cecece;
    background-color: #fff;
    background-position : top;
}
.xt_blog_paging a, .filelist_paging a, .page a {
    border: 1px solid #88beff;
    padding: 0px 4px 0px 4px;
    background-color: #f2f6f8;
    margin: 1px;
}
.xt_blog_paging a:hover,
.filelist_paging a:hover, .page a:hover {
    background-color: #f2f6f8;
    border: 1px solid #417394;
}
.xt_blog_paging, .filelist_paging, .page {   text-align: center;   padding: 4px 2px 4px 2px;   background: #d5f3ff;   margin-top: 1px;   margin-bottom: 1px;   font-weight: bold;   font-size: 13px;}
.xt_blog_paging:before, .filelist_paging:before,.page:before { padding-right: 2px;}
.kely-tab {
background-color: #246896;
padding: 6px 2px 3px 6px;
margin: 0;
}
.kely-tab a {
color: #fff;
font-weight: bold;
}
.kely-tab a.active, .kely-tab a:hover, .kely-tab a:focus {
background: #fff;
padding: 4px;
margin: 0;
color: #246896;
font-weight: bold;
border-top-left-radius: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topleft: 5px;
border-top-right-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topright: 5px;
}
#toptai {
    max-width: 640px;
    background-color: #fff;
    margin-top: 8px;
    padding: 0;
    box-shadow: 0 0 5px #999;
    -moz-box-shadow: 0 0 5px #999;
    -webkit-box-shadow: 0 0 5px #999;
    transform: scale(1);
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    position: relative;
    opacity: 1;
    /**
        transition: all 15s ease;
        -webkit-transition: all 15s ease;
        -moz-transition: all 15s ease;
        transition-delay: 5s;
        -webkit-transition-delay: 5s;
        -moz-transition-delay: 5s;
        transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        width: 120px;
    */
}
#toptai:hover {
    box-shadow: 0 0 55px #999;
    -moz-box-shadow: 0 0 55px #999;
    -webkit-box-shadow: 0 0 55px #999;
    transform: scale(1.2);
    -ms-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    z-index: 1;
    opacity: 1;
    /**
        background-color: #ffffff;
        padding: 5px;
        transition: all 3s ease;
        -webkit-transition: all 3s ease;
        -moz-transition: all 3s ease;
        transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        position: relative;
        width: 365px;
    */
}