@charset "utf-8";

a:link, a:active, a:visited {
    color: #0565B2;
    text-decoration: none;
}
a:hover, a:focus {
    color: #009cf0;
}

body {
    background-color: #ffffff none repeat scroll 0 0;
    color: #555;
    font-size: 15px;
    font-family: Arial;
    margin: 0;
    margin: auto;
    max-width: 720px;
	 border : 1px solid #cdcdcd;
    border-radius: 5px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow:0px 0px 10px  #343434;
	word-wrap: break-word;
}
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;
}

.time {
color: #0000ff;
background-color: #ffffff;
text-align: center;
}
.vipnamdan {
    background: #fff url(images/xanh.jpg) repeat-x;
    border: 1px solid #8fdef3;
    margin: 0px;
    padding: 7px 5px 7px 5px;
    text-align: center;
    text-indent: 0px;
    color: #000;
    font-weight: bold;
    }

.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;
}

.bblist {
color: #4A5663;
background: transparent url(images/dot.gif) no-repeat left;
padding: 2px 0px 2px 10px;
}

.bmenu a, .phdr a {
color: #fff;
}

h1{padding:6px;margin:0;font-weight:bold;font-size:13px;}
h2{font-size:14px;font-weight:bold;}
h3{font-size:12pt;}

.news {
  background-color: #EEEEEE;
  border: 1px solid white;
  color: #333333;
  font-size: x-small;
  padding: 3px 4px 4px 4px;
}
.newsx {
    background-color: #f2f6f8;
    border-bottom: 1px solid #eaeae9;
    color: #34617e;
    padding: 3px 4px 3px 4px;
    margin: 0 0 0 0;
}
.admin-say {
	color: #f00;
	padding: 2px;
	margin: 2px 2px 4px 2px;
	background-color: #fff7eb;
	border: 1px solid #f9bc6d;
  	font-size: 12px;
	font-style: italic;
	position: relative;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.admin-say div.here {
	background: transparent url(images/admin-say.png) no-repeat bottom left;
	width: 15px;
	height: 12px;
	position: absolute;
	left: 106px;
	bottom: -12px;
	z-index: 1;
}
.mod-vote {
	background: #fadeba url(images/bg-att.png) repeat-x top left;
	padding: 2px;
	margin: 2px;
	text-align: center;
	color: #333;
	max-width: 160px;
	border: 1px solid #f9bc6d;
	border-radius: 3px;
}

.bmenu {
background: url(images/bmenu.gif) repeat-x top left #a7a7a7;
margin: 0px;
color: #fff;
padding: 2px 4px 4px 4px;
}

.copy {
border-top: 1px solid #c2c2c2;
text-align: center;
color: #3f5864;
padding: 3px 1px 1px 1px;
margin: 1px 0;
}

.copy a {
color: #2688B3;
}

.end {
text-align: center;
}

.fmenu {
color: #989898;
padding-left: 4px;
padding-bottom: 2px;
}

.fmenu a {
color: #64819B;
}


.func {
border-left: 4px solid #2FB0D0;
color: #757575;
font-size: 10px;
padding: 0 0 0 4px;
}
.gres {
background-image: url(images/grs.png);
background-color: whitesmoke;
color: #6d8da3;
padding: 2px 4px 2px 4px;
margin: 0px 0px 0px 0px;
}

.gmenu {
background: #ebf9ff;
margin: 1px;
color: #264564;
padding: 3px 4px 3px 4px;
}

.gray {
color: gray;
}

.green {
color: green;
}

.hdr {
background-color: #f1f1f1;
border-bottom: 1px solid #595959;
font-weight: bold;
padding-left: 2px;
}

.header {
color : #0000ff;
text-shadow : #45cdf5 1px 1px 1px;
background-color : #ffffff;
background-image : url(images/bautroi.gif);
background-repeat : repeat-x;
background-position : 50% top;
margin-top : 1px;
margin-bottom : 1px;
padding : 1px;
border : 1px solid #68e1ff;
}

.wap9x {
    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:#0768f9;
border:1px solid #0454cc;
color:#fff;font-size:14px;
margin:1px;
padding:2px}
.left {
float: left;
}

.list1, .cool, .list2, .blog, .menu, .news {
    background-color: #fff;
    margin-top: 1px;
    margin-bottom: 1px;
    padding: 4px;
    border: 1px solid #d5d5d5;
}

.logo {
background: #2e4354;
padding: 0px 0 2px 0;
}

.logo a {
color:#ffffff;
}

.maintxt {
border: 0px solid #e1e1e1;
background: #ffffff;
color: #606060;
margin: 0px;
padding: 4px;
float: center;
}

.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 {
    color: #fffaee;
    font-weight: bold;
    text-shadow: #000000 1px 1px 1px;
    background-color: #0A7717;
    margin-top: 4px;
    margin-bottom: 1px;
    padding: 4px 6px 4px 6px;
    border-bottom: 2px solid #2060E0;
}
.phdr a {
    color: #fffaee;
}
.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 {
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;
}

.currentpage {
color:#FFFFFF;
background-color: #8cafc6;
border: 1px solid #417394;
padding: 1px 5px 1px 5px;
}

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, .mainblok .list2 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, .mainblok .list2 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 {
padding: 1px;
margin: 4px 4px 0 0;
border: #d5d5d5 solid 1px;
transition: all 15s ease;
transition-delay: 5s;
transform: rotate(0deg);
width: 240px;
}
#QDK:hover {
box-shadow: 0 0 10px #666;
border-radius: 5px;
background-color: #ffffff;
padding: 5px;
transition: all 3s ease;
transform: rotate(360deg);
position: relative;
width: 490px;
}
#SGT {
padding: 1px;
margin: 4px 4px 0 0;
border: #d5d5d5 solid 1px;
transition: all 15s ease;
transition-delay: 5s;
transform: rotate(0deg);
width: 240px;
}
#SGT:hover {
box-shadow: 0 0 10px #666;
border-radius: 5px;
background-color: #ffffff;
padding: 5px;
transition: all 3s ease;
transform: rotate(360deg);
position: relative;
width: 490px;
}
.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: 2px;
    font-weight: normal;
    border: 1px solid #DDBC6B;
    padding: 3px;
}
.table {
    padding: 2px;
    border: 1px solid #cecece;
    background-color: #fff;
    background-position : top;
}