body {

	margin:0;
    line-height: 1.4;
   background: #000 url(http://socvui.soha.vn/images/system-cute/soc-vui-bgBlack.jpg) repeat center 0;

    font-family: Tahoma,Arial,sans-serif;
    font-size: 12px;
    color: #333;
    outline: 0 none;


}


#body {

max-width:1006px;
line-height: 1.4;
width: 100%;
padding: 0px;
background-color:translate;
margin:auto;
color:#444;

}


a:link, a:active, a:visited {

     	color: #D64067;
	text-decoration: none;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;

}


a:hover {

	text-decoration: bolder;
	color : #f60;
	text-shadow: 0 0 6px #666;
	margin-center: -5px;
	

}


.header, .title {

	background-color: #333;
	background-image: -moz-linear-gradient(center top , #555, #333);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100% , from(#555555), to(#333333));
	background-repeat: repeat-x;
        background:url(imgs/bg-navtop-black.jpg) repeat-x;
	border: 2px solid #d5d5d5;
	color: #F8F8F8;
        border-radius:3px;
	padding: 5px 6px;
	font-weight:bold;

}


.title a {

	color:#fff;
	font-weight:bold;

}


.path {

	background-color: #84E2F8;
	background-image: -moz-linear-gradient(center top , #84E2F8, #84E2F8);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100% , from(#84E2F8), to(#84E2F8));
	background-repeat: repeat-x;
	border-top: 1px solid #84E2FF;
	border-bottom: #84E2FF;
	color: #fff;
	padding: 3px 0 3px 6px;
	font-weight:none;
	border-radius:5px;

}


.path a {

	color:#fff;
	font-weight:none;

}


.footer {

	background-color: #333;
	border: 3px solid #3a8fd8;
        border-radius:10px;
	color: white;
	font-size: 13px;
	padding: 5px;
	text-align:center;
        margin-top:5px;

}


.notice {

	background-color: #D64067;
	background-image: -moz-linear-gradient(center top ,
#EC9393, #E46E6E);
	background-repeat: repeat-x;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	margin: 0;
	background: -webkit-gradient(linear, 0% 0%, 0% 100% , from(#F5B9C9), to(#D64067));
	border-top: 1px solid #F5B9C9;
	padding: 5px 0 5px 6px;
	color:white;

}


.item {

 	border-bottom:1px #ccc solid;
padding:10px 3px 10px 4px;
 	
 	margin:auto;
 	
        

}


img {

border-radius: 4px;

}


.img40 {

	border:1px #ddd solid;  
	border-radius: 5px;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;

}


.img40:hover {

	margin-center: -50px;
	border-radius: 5px;
	-webkit-transform: rotate(-360deg);
	-moz-transform: rotate(-360deg);
	-o-transform: rotate(-360deg);

}


.img-logo {

	border-radius: 5px;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;

}


.img-logo:hover {

	border-radius: 5px;
	-webkit-transform: rotate(-10deg);
	-moz-transform: rotate(-10deg);
	-o-transform: rotate(-10deg);

}


.imgzoom {

	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);

}


.imgzoom: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: 240px;
	height: 320px;

}


textarea {

	border:#8E76B9 1px solid;
	border-radius:5px;
	color:#8E76B9;
max-width:100%;

}


input {

	border:#8E76B9 1px solid;
	border-radius:5px;
	color:#8E76B9;
max-width:90%;
margin:0;

}


.hdr {

    color: #fff;
    font-weight: bold;
    position: relative;
    z-index: 1;
    margin-top: 6px;
    margin-bottom: -18px;
    margin-left: 6px;
    padding: 5px 6px 5px 20px;
    padding-left: 25px !important;
    display: table;
    background-color: #F95F00;
    background-image:url(imgs/item.png);
    background-repeat:no-repeat;
    background-position: left center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding-left:15px;

}


.hdr a {

color: #fff;

}


.hdr + .table {

    margin-top: 6px;
    margin-bottom: 4px;
    padding-top: 14px;


}


.hdr + form .table {

    margin-top: 6px;
    padding-top: 15px;

}


.table {

    background-color: #fff;
    background-repeat: repeat-x;
    background-position: 50% top;
    margin-top: 1px;
    margin-bottom: 1px;
    padding: 5px;
    border: 2px solid #ddd;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;

}


.table a {

color: #D64067;

}


h1, h2, h3, h4, h5, h6 {

	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
	clear: both;
	line-height: normal;

}


h1 {

font-size: 130%;

}


.block {

 	padding:3px 3px 3px 3px;
 	border:1px #ddd dotted; 
 	font-weight:none;
 	margin:auto;
 	border-radius:5px;
background-color:#84E2F8;
min-height:45px;

}


h2 {

 font-size: 15px;

}


.img-float {

float:left;
padding:2px  5px 2px 5px

}


.clear {

clear: both;

}


.footer a {

color:#fff;
font-wieght:bold;

}


.menu a {

color:#fff;

}


.notice a {

color:#fff;
font-color:bold;

}


.menu {

	background-color: #333;
	background-image: -moz-linear-gradient(center top , #555, #333);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100% , from(#555), to(#333));
	background-repeat: repeat-x;
	border-top: 1px solid #444;
	border-bottom: #444;
	color: #F8F8F8;
	padding: 5px 0 5px 6px;
	font-weight:bold;

}


.logo {

border:1px #ccc  dotted;
padding:3px;
background-color:#333;

}


.logo a {

color:#8E76B9

}


.block a {



}


#body .container {

	width: 100%;
	margin: 0 auto;
	position: relative;
	

}


#header {

	position: relative;
padding-top:35px;


}


#header .disclaimer {

	color: #999;
	margin-top:0px;
	text-align: left;
	display:inline-block;
	position: absolute;
	top: 0; left: 0;

}


#header .disclaimer a  {

color: #ccc;

}


 ul.topnav {

 	color:#fff;
	display: inline-table;
	text-align:center;
	list-style: none;
	padding: 0 20px;
	margin: 0;
	float: left;
	width:100%;
	background: #222;
	font-size: 1.2em;
	background: url(imgs/topnav_bg.gif) repeat-x;
       
	border-radius:5px;

}


ul.topnav li {

	display:inline;
	float: left;
	margin: 0;
	padding: 0 15px 0 0;
	position: relative;

}


ul.topnav li a {

	padding: 10px 5px;
	color: #fff;
	display: block;
	text-decoration: none;
	float: left;

}


ul.topnav li a:hover {

background: url(imgs/topnav_hover.gif) no-repeat center top;

}


ul.topnav li span {

	display:inline;
	width: 17px;
	height: 35px;
	float: left;
	background: url(imgs/subnav_btn.gif) no-repeat center top;
margin-top: 4px;

}


ul.topnav li span.subhover {

background-position: center bottom; cursor: pointer;

}


ul.topnav li ul.subnav {

	list-style: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0; top: 35px;
	background: #333;
	margin: 0; padding: 0;
	display: none;
	float: left;
	width: 170px;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	border: 1px solid #111;

}


ul.topnav li ul.subnav li {

	margin: 0; padding: 0;
	border-top: 1px solid #252525; /*--Create bevel effect--*/
	border-bottom: 1px solid #444; /*--Create bevel effect--*/
	clear: both;
	width: 170px;

}


html ul.topnav li ul.subnav li a {

	float: left;
	width: 145px;
	background: #333 url(imgs/dropdown_linkbg.gif) no-repeat 10px center;
	padding-left: 20px;

}


html ul.topnav li ul.subnav li a:hover {

background: #222 url(imgs/dropdown_linkbg.gif) no-repeat 10px center;

}


#header img {

padding:5px;

}


 #tooltip {

    background-color:#232323;
    background-image:-moz-linear-gradient(top,#4a4a4a,#232323);
    background-image:-o-linear-gradient(top,#4a4a4a,#232323);
    background-image:-webkit-linear-gradient(top,#4a4a4a,#232323);
    background-image:linear-gradient(top,#4a4a4a,#232323);
    color:white;
    padding:8px 15px;
    font-size:14px;
    border-radius:5px;
    font-family:helvetica,sans-serif;
    position:Relative;
    text-shadow:0 1px 0 rgba(0,0,0,0.7);

}


#tooltip:after {

    content:'';
    width:0px;
    height:0px;
    position:absolute;
    border:9px solid transparent;
    border-top:9px solid #232323;
    left:45%;
    bottom:-16px;

}


.img-border {

border: solid 0px #fff;
width:90px;
height:90px;

}


.img-border:hover {

border: solid 10px #821549;
width:70px;
height:70px;

}


.most-top {

padding-top:5px;
padding-bottom:5px;
padding-left:5px;
padding-right:5px;

}


.most-top:hover {

background-color:#821549;
color:#fff;
border-radius:5px;

}


.most-top strong:hover strong {

color:#fff;
font-weight:bold;

}


.most-top:hover a:link {

color:#fff;
font-weight:bold;

}


#topGame {

padding:15px 20px 20px 20px;
background-color:#333;
border-radius:10px;
border: 3px #3A8FD8 solid;

width:960px;

}


#topGame .gameitem h3 {

width: 180px;

}


.topborLeftbox {

width:700px; height:80px; background:url(imgs/bortopL.png) -1px 0;

}


.tittaitro h2 {

color:#fff; font-weight:bold; display:block; float:left; font-size:14px; margin:14px 50px;

}


a.lhqc {

display:block; float: right; height: 20px; margin: 23px 40px 0 0;margin: 26px 65px 0 0; font-weight: bold; color:#fff;

}


.lrborLeftbox {

width:694px; border:solid #7bce21; border-width:0 3px; background:#fff; float:left;

}


.botborLeftbox {

width:700px; height:10px; background:url(imgs/borLeftbox.png) bottom; clear:both; margin-bottom:10px;

}


.welcome {

position:fixed;background: url('imgs/bg-navtop-black.jpg') repeat-x top center; top:0;width: 100%;z-index: 9999999999999;padding-bottom: 5px;

}


.welcome div {

width: 980px; margin: 0 auto;

}


.welcome div span {

display: block; width: 240px; margin: 6px 0 0 320px;

}


.welcome * {

color:#fff;

}


#top-head {

max-width:1006px;
line-height: 1.4;
width: 100%;
padding: 0px;

margin:auto;
color:#444;

}


#top {

background: url(imgs/zen-bgTop.png) center 0 no-repeat;

}


.contents-web {

display:inline-block;
background-color:#333;
border-radius:10px;
margin-top:10px;
padding-top:1px;
padding-bottom:5px;
border: 3px #3A8FD8 solid;


}


#bottom {

 background: url(imgs/zen-bgBottom.png) no-repeat center 100%;
min-height: 880px;
padding-bottom:200px;

}


#scrollbar1 {

width: 225px; margin: 0px 0 10px; 

}


#scrollbar1 .viewport {

width: 205px; height: 160px; overflow: hidden; position: relative;

}


#scrollbar1 .overview {

list-style: none; position: absolute; left: 0; top: 0; padding: 0; margin: 0; 

}


#scrollbar1 .scrollbar {

background: transparent url(imgs/bg-scrollbar-track-y.png) no-repeat 0 0; position: relative; background-position: 0 0; float: right; width: 15px;

}


#scrollbar1 .track  {

background: transparent url(imgs/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px;

}


#scrollbar1 .thumb {

background: transparent url(imgs/bg-scrollbar-thumb-y.png) no-repeat 50% 100%; height: 20px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; left: -5px;

}


#scrollbar1 .thumb .end {

background: transparent url(imgs/bg-scrollbar-thumb-y.png) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px;

}


#scrollbar1 .disable {

display: none;

}


.noSelect  {

user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none;

}


#categories {

margin-bottom:10px;

}


.cati1 {

width: 250px;height: 55px;background: url(imgs/cati1.png) no-repeat;

}


.btnCats {

background:url(imgs/moinhat.png); width:250px; height:53px; cursor:pointer;

}


.catContent {

position:relative; padding:10px;background-color:#fff; width:224px;border-left:3px #ff9900 solid;border-right:3px #ff9900 solid;border-bottom:3px #ff9900 solid;border-radius:0px 0px 10px 10px;height: 172px;

}


.catContent a {

color:#333; padding-left:12px; width: 150px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;display: block;

}


.title-left {

background-color:#088ada;border-radius:10px 10px 0px 0px;margin:2px 20px 0px 10px;width:auto;padding:10px 10px 5px 10px;font-weight:bold;color:#fff;display:table;

}


.title-center {

background-color:#f95f00;border-radius:10px 10px 10px 10px;
padding:10px 10px 10px 26px;margin:0px 100px -15px 10px;font-weigh:bold;color:#fff;background-image: url(imgs/item.png);
background-repeat: no-repeat;
background-position: left center;
font-family:Comic Sans MS, Helvetica, sans-serif;
display: table;
position: relative;

}


.content-center {

border:3px #f95f00 solid;
border-radius:10px;
width:97%;
padding-top:20px;
background-color:#fff;
margin-left: 7px;

}


.title-right {


border-radius:10px 10px 10px 10px;
padding:10px 10px 10px 35px;margin:0px 10px -15px 10px;font-weigh:bold;color:#fff;
background-image: url(imgs/haynhat.png);
background-repeat: no-repeat;
font-family:Comic Sans MS, Helvetica, sans-serif;
position: relative;

}


.content-right {

border:3px #f95f00 solid;
border-radius:10px;
width:95%;
padding-top:20px;
background-color:#fff;

}


.content-left {

border:2px #ccc solid;
border-radius:8px;
width:194px;
margin-bottom:2px;
background-color:#fff;

}


.box-web {

padding: 15px 20px 20px 20px;
background-color: #333;
border-radius: 10px;
border: 3px #3A8FD8 solid;
width:960px;
position: relative;

}


.box-item {

float:left;
font-size:10px;
padding:3px;
width:100px;
text-align:center;
border:1px #ccc solid;
margin:3px;
height:100px;
border-radius:5px;
background-color:#fff;

}


.box-item a:link,.box-item a:active,.box-item a:visited {

color:#666;
font-weight:bold;

}


.box-item:hover {

background-color:#821549;
border-radius:4px;

}


.box-item:hover a:link,.box-item:hover a:active,.box-item:hover a:visited {

color:#fff;
font-weight:bold;

}


.title-tl {

background-color: #F95F00;
border-radius: 10px 10px 10px 10px;
padding: 10px 10px 10px 26px;
margin: 0px 100px -15px 10px;
font-weigh: bold;
color: white;
background-image: url(imgs/item.png);
background-repeat: no-repeat;
background-position: left center;
font-family: Comic Sans MS, Helvetica, sans-serif;
display: table;
position: relative;

}