/*
game 360
design style ngocdesign.com, info@ngocdesign.com
*/
body{margin:0 0 0 0;background-color:#4282b2; font-family:Arial; font-size:11px; color:#075198; line-height:17px}

A:link {text-decoration: none; color:#07519a}
A:visited {text-decoration: none; color:#07519a}
A:active {text-decoration: none; color:#07519a}
A:hover {text-decoration: underline;; color:#FF0000; text-decoration:none}

img {border:0}

h1 {color:#5ba621; font-size:20px}

h2 {font-size:16px}

h3 {margin:0; padding:5px 0; font-size:16px}

h4 {color:#666; font-size:13px; margin:0}

.bold {font-weight:bold}
.fl_auto {float:left; width:auto; height:auto}
.fr_auto {float:right; width:auto; height:auto}
.color_ff {color:#fff}

.ngay {font-size:11px; color:#999999}
.ngay A:link {text-decoration: none; color:#999}
.ngay A:visited {text-decoration: none; color:#999}
.ngay A:active {text-decoration: none; color:#999}
.ngay A:hover {text-decoration: underline; color:#999}

#conten {margin:auto;text-align:left; width:980px; background-color:#fff}

#conten_body {margin:auto;text-align:left; width:980px; background-color:#fff; color:#666}

#footer {float:left; height:auto; width:980px; color:#bed8ea; margin:0px 0 0 0; border-top:3px solid #2d70a0; padding:5px 0}

#header {float:left; width:980px; height:146px; background:url(../images/bg_header.gif) repeat-x}
#header .logo {float:left; width:180px; height:98px; margin:0 0 0 10px}
#header .qc_7728x90 {float:left; width:728px; height:90px; margin:8px 0 0 53px}
#header .menutop {float:left; width:700px; height:19px; margin:22px 0 0 7px}
#header .menutop ul{float:left; width:auto; margin:0 0 0 0; list-style:none; padding:0}
#header .menutop ul li {float:left; width:auto; margin:0 2px 0 0; padding:0 0; list-style:none; background:url(../images/menutop.gif) repeat-x; line-height:19px}
#header .menutop ul li a:link {float:left; width:auto; margin:0 0px 0 0; padding:0 15px; list-style:none; background:url(../images/menutop.gif) repeat-x; line-height:19px; font-weight:bold; color:#fff}
#header .menutop ul li a:visited {float:left; width:auto; margin:0 0px 0 0; padding:0 15px; list-style:none; background:url(../images/menutop.gif) repeat-x; line-height:19px; font-weight:bold; color:#fff}
#header .menutop ul li a:active {float:left; width:auto; margin:0 0px 0 0; padding:0 15px; list-style:none; background:url(../images/menutop.gif) repeat-x; line-height:19px; font-weight:bold; color:#fff}
#header .menutop ul li a:hover {float:left; width:auto; margin:0 0px 0 0; padding:0 15px; list-style:none; background:url(../images/active_menutop.gif) repeat-x; line-height:19px}


#header .menutop ul li.actives a {float:left; width:auto; margin:0 0px 0 0; padding:0 15px; list-style:none; background:url(../images/active_menutop.gif) repeat-x; line-height:19px; font-weight:bold; color:#fff}
#header .menutop ul li.actives a:link {float:left; width:auto; margin:0 0px 0 0; padding:0 15px; list-style:none; background:url(../images/active_menutop.gif) repeat-x; line-height:19px; font-weight:bold; color:#fff}
#header .menutop ul li.actives a:visited {float:left; width:auto; margin:0 0px 0 0; padding:0 15px; list-style:none; background:url(../images/active_menutop.gif) repeat-x; line-height:19px; font-weight:bold; color:#fff}
#header .menutop ul li.actives a:active {float:left; width:auto; margin:0 0px 0 0; padding:0 15px; list-style:none; background:url(../images/active_menutop.gif) repeat-x; line-height:19px; font-weight:bold; color:#fff}
#header .menutop ul li.actives a:hover {float:left; width:auto; margin:0 0px 0 0; padding:0 15px; list-style:none; background:url(../images/active_menutop.gif) repeat-x; line-height:19px}

#header .search {float:right; width:255px; height:auto; margin:8px 8px 0 0px; font-size:11px}
#header .search input {float:left; /*width:175px; height:15px;*/ font-size:10px; background-color:#b7d4e9; border:0; margin:1px 0 0 0}

#div_contener { float:left; width:970px; background-color:#fff; padding:0 5px}
#Col_right {float:right; width:360px; height:auto; border-left:1px solid #ededed; margin:10px 0}
#Col_left {float:left; width:602px; height:auto; margin:10px 0}
#Col_right .qc300x250 { float:left; width:300px; height:auto; margin:0 0px 0 32px}
#Col_right .qcao_lienhe {float:left; width:300px; height:auto; margin:10px 0 0 0; font-size:10px}

.box_tin_right { float:left; width:350px; height:auto; margin:10px 0px 0 10px;  border-top:1px solid #ededed; padding:5px 0 0 0}
.title {float:left; width:338px; background:url(../images/icon_title.gif) 0 5px no-repeat; padding:0 0 0 12px; margin:0 0 5px 0; color:#07519a}
.pic {float:left; width:85px; height:65px; padding:2px; border:1px solid #ededed}
ul.list {float:left; width:242px; height:auto; padding:0; margin:0 0 0 8px; list-style:none}
ul.list li {float:left; width:240px; height:auto; padding:0 0 0 10px; margin:0 0 0 0px; background:url(../images/icon_list.gif) 0 6px no-repeat}

.box_qc_right { float:left; width:350px; height:auto; margin:10px 0px 0 10px;  border-top:1px solid #ededed; padding:5px 0 0 0}
.text_qc { float:left; width:350px; height:auto; margin:0px 0px 0 0px; font-size:10px; color:#ccc; padding:0px 0 0 0}

.show_logo {float:left; width:350px; height:102px;}
.show_logo img {border:1px solid #ccc; height:100px; width:auto}

#Box_lichsukien {float:left; width:225px; height:270px; background:#234c69 url(../images/bg_lichsukien.jpg) top no-repeat}
#Box_lichsukien .time {float:left; width:225px; height:37px ; margin:72px 0 0 0; font-size:28px; font-weight:bold; color:#fff; text-align:center}
#Box_lichsukien ul.listtin {float:left; width:220px; height:auto ; margin:3px 0 0 5px; padding:0; list-style:none}
#Box_lichsukien ul.listtin li {float:left; width:194px; height:auto ; margin:0; padding:0 0 0 20px ; background:url(../images/icon_list_sukien.png) 0 3px no-repeat; line-height:26px; color:#fff; border-bottom:1px dotted #0b314c}

#Box_lichsukien ul.listtin li A:link {text-decoration: none; color:#fff}
#Box_lichsukien ul.listtin li A:visited {text-decoration: none; color:#fff}
#Box_lichsukien ul.listtin li A:active {text-decoration: none; color:#fff}
#Box_lichsukien ul.listtin li A:hover {text-decoration: none; color:#FFFF00}

#Box_lichsukien {float:left; width:225px; height:260px; background:#234c69 url(../images/bg_lichsukien.jpg) top no-repeat}

#right_showindex {float:right; width:370px; height:auto;}
#right_showindex .boxshowhinh {float:right; width:368px; height:218px; border:1px solid #CC0000; background:url(../images/bg_show.jpg) no-repeat}
ul.listindex {float:left; width:368px; height:auto; padding:0; margin:5px 0 0 0; list-style:none}
ul.listindex li {float:left; width:368px; height:auto; padding:0 0 0 0; margin:0 0 0 0px;}

#videoindex {float:left; width:225px; height:167px; background:#234c69 url(../images/bg_video.jpg) no-repeat; margin:5px 0 0 0}

.qc600x100 {float:left; width:600px; height:100px; border-top:1px solid #ccc; margin:5px 0 0 0 ; padding:5px 0}

.box_tin_left { float:left; width:600px; height:auto; margin:0px 0px 0 0px;  border-top:1px solid #ededed; padding:5px 0 0 0}
.title_l {float:left; width:588px; background:url(../images/icon_title.gif) 0 5px no-repeat; padding:0 0 0 12px; margin:0 0 5px 0; color:#07519a}
.pic_l {float:left; width:130px; height:100px; padding:2px; border:1px solid #ededed}
ul.lis_l {float:left; width:237px; height:auto; padding:0; margin:0 15px 0 0; list-style:none}
ul.lis_l li {float:left; width:234px; height:auto; padding:0 0 0 10px; margin:0 0 0 0px; background:url(../images/icon_list.gif) 0 6px no-repeat}

#div_linkgame { float:left; width:960px; background-color:#234c68; padding:5px 10px; margin:3px 0}
#div_linkgame ul {float:left; width:auto; height:auto; padding:0; margin:0 0 0 0; list-style:none}
#div_linkgame ul li {float:left; width:160px; height:auto; line-height:20px}
#div_linkgame ul li  A:link {text-decoration: none; color:#fff}
#div_linkgame ul li  A:visited {text-decoration: none; color:#fff}
#div_linkgame ul li  A:active {text-decoration: none; color:#fff}
#div_linkgame ul li  A:hover {text-decoration: none; color:#FFFF00}

.noidung_c {float:left; width:205px; height:100px; margin:0 0 0 7px}
.fl600 {float:left; width:600px; height:auto}
.mgtop_5 {margin:10px 0 0 0}

#footer A:link {text-decoration: none; color:#FFFF00; font-size:11px}
#footer A:visited {text-decoration: none; color:#FFFF00; font-size:11px}
#footer A:active {text-decoration: none; color:#FFFF00; font-size:11px}
#footer A:hover {text-decoration: underline; color:#FFFF00; font-size:11px}

.xemthem {text-decoration: none; color:#999; font-size:10px}
.xemthem A:link {text-decoration: none; color:#999; font-size:10px}
.xemthem A:visited {text-decoration: none; color:#999; font-size:10px}
.xemthem A:active {text-decoration: none; color:#999; font-size:10px}
.xemthem A:hover {text-decoration: underline; color:#FF9900; font-size:10px}

.pic_thuvien img {float:left; width:85px; height:65px; padding:2px; border:1px solid #ededed; margin:0 10px 0 0}
.pic_thuvien img.none {float:left; width:85px; height:65px; padding:2px; border:1px solid #ededed; margin:0 0 0 0}
.sum_anh {float:left; width:600px; height:aut; margin:5px 0 0 0}

/*  CHI TIET CSS */
#Col_left_chitiet {float:left; width:602px; height:auto; margin:0 0;}
#Col_left_chitiet h1 {float:left; width:602px; height:auto; margin:0 0; padding:0 0 3px 0; color:#FF0000; font-weight:bold; font-size:17px; border-bottom:1px solid #ccc}
#Col_left_chitiet .time {float:left; width:602px; height:auto; margin:0 0; color:#ccc}
#Col_left_chitiet h2 {float:left; width:602px; height:auto; margin:0 0; padding:10px 0 5px 0; color:#FF0000; font-weight:bold; font-size:15px;}
#Col_left_chitiet .noidung_chitiet {float:left; width:602px; height:auto; font-size:12px; color:#666666}
#Col_left_chitiet .noidung_chitiet .texxt_bol_right{ float:right}
.note_game360 {color:#009900; font-weight:bold}
#Col_left_chitiet .thugon {font-weight:bold; color:#2a74a9}
#Col_left_chitiet .thongtinhinh {font-size:10px}
#Col_left_chitiet img.img {padding:2px; border:1px solid #ededed}

#Col_left_chitiet .link_theo A:link {text-decoration: none; color:#FF0000; font-size:11px}
#Col_left_chitiet .link_theo A:visited {text-decoration: none; color:#FF0000; font-size:11px}
#Col_left_chitiet .link_theo A:active {text-decoration: none; color:#FF0000; font-size:11px}
#Col_left_chitiet .link_theo A:hover {text-decoration: underline; color:#FF0000; font-size:11px}

#Col_left_chitiet .ykien {float:left; width:582px; height:auto; font-size:12px; font-weight:bold; color:#234c68; background:url(../images/icon_trongnoidung.png) 0 0 no-repeat; padding:0 0 0 20px; border-bottom:1px solid #999; margin:8px 0 5px 0}
#Col_left_chitiet .ykien_nd {float:left; width:592px; height:auto; background:#f4f4f4; margin:5px 0 0 0; padding:5px; color:#234c68}
#Col_left_chitiet .name_ykien {color:#FF9900; font-weight:bold}
#Col_left_chitiet .div_form {float:left; width:602px; height:auto;}
.red {color:red}
#Col_left_chitiet ul.tindadang {float:left; width:582px; height:auto; padding:0; margin:0 0 0 20px; list-style:none}
#Col_left_chitiet ul.tindadang li {float:left; width:572px; height:auto; padding:0 0 0 10px; margin:0; list-style:none; background:url(../images/icon_list.gif) 0 6px no-repeat; line-height:18px}


ul.list_sub {float:left; width:350px; height:auto; padding:0; margin:5px 0 0 0; list-style:none}
ul.list_sub li {float:left; width:340px; height:auto; padding:0 0 0 10px; margin:0 0 0 0px; background:url(../images/icon_list.gif) 0 6px no-repeat}
.noidung_c_sub {float:left; width:205px; height:100px; margin:0 0 0 7px}
.pic_lsub {float:left; width:130px; height:100px; padding:2px; border:1px solid #ededed}
.noidung_clisttin {float:left; width:455px; height:100px; margin:0 0 0 7px}
.fl600_listtin {float:left; width:600px; height:auto; margin:10px 0 0 0}

.st_uti {float:right; margin:10px 0 0 0}
.st_uti .page a {border:1px solid #D3D3D3;float:left;margin:2px;padding:0 3px;}
.st_uti .page_active {border:1px solid #D3D3D3;color:#FF0000;float:left;margin:2px;padding:0 3px;}

/* ################ css photo page #################### */
#Col_left_chitiet .div_hinh {
	border:0 solid #CCCCCC;
	float:left;
	height:auto;
	margin:0 10px 10px 0;
	width:136px;
}

#Col_left_chitiet .div_hinh img{ border:1px solid #ededed; padding:2px;height:100px; width:130px}

#Col_left_chitiet .div_hinhx {
	border:0 solid #CCCCCC;
	float:left;
	height:auto;
	margin:0 0 10px 0;
	width:136px;
}

#Col_left_chitiet .div_hinhx img{ border:1px solid #ededed; padding:2px;height:100px; width:130px}

.container, .container *{margin:0; padding:0;}

.container{width:602px; height:452px; overflow:hidden;position:relative;}

.slider{position:absolute;}
.slider li{ list-style:none;display:inline;}
.slider img{ width:602px; height:452px; display:block;}

.slider2{width:2000px;}
.slider2 li{float:left;}

.num{ position:absolute; right:5px; bottom:5px;}
.num li{
	float: left;
	color: #FF7300;
	text-align: center;
	line-height: 16px;
	width: 16px;
	height: 16px;
	font-family: Arial;
	font-size: 12px;
	cursor: pointer;
	overflow: hidden;
	margin: 3px 1px;
	border: 1px solid #FF7300;
	background-color: #fff;
}
.num li.on{
	color: #fff;
	line-height: 21px;
	width: 21px;
	height: 21px;
	font-size: 16px;
	margin: 0 1px;
	border: 0;
	background-color: #FF7300;
	font-weight: bold;
}