@charset "utf-8";

@font-face { 
	font-family: "GodsWord"; 
	src: url("../fonts/UTMGodsWord.ttf");
	font-weight: normal; 
	font-style: normal; 
}

* {margin:0; padding:0;}
a {text-decoration:none; color:#fff; outline:none;}
a:hover {color:#f7bb00;}

ul {list-style:none;}
img {vertical-align:middle; border:0;}
body,input {font-size:14px; line-height:1.42857143; background-color:#fff; color:#cfb077; font-family:'Tahoma';}
html, body, section, footer {width:100%; float:left; border:none;}

.hide {display:none !important;}
.clearfix {clear:both;}

body {background:#fff url(../img/bg_monphaichien.jpg) no-repeat left top fixed;}
body.monphaichien {background:url(../img/bg_monphaichien.jpg) no-repeat left top fixed;}
body.tinhnang {background:url(../img/bg_tinhnang.jpg) no-repeat left top fixed;}
body.khoitao {background:url(../img/bg_khoitao.jpg) no-repeat left top fixed;}
body.tranhdoat {background:url(../img/bg_tranhdoat.jpg) no-repeat left top fixed;}
body.phucloi {background:url(../img/bg_phucloi.jpg) no-repeat left top fixed;}
body.vohoc {background:url(../img/bg_vohoc.jpg) no-repeat left top fixed;}
body.loidai {background:url(../img/bg_loidai.jpg) no-repeat left top fixed;}

.container {width:1000px; float:left; height:100%; position:relative;}

/*Menu*/
	.menu {float:left; width:227px; background:#1a1b1f url(../img/bg_menu.jpg) no-repeat center top;}
	.menu nav {float:left;}
	.menu nav.main {width:217px; margin:5px; text-align:center;}
	.menu nav.main a {padding:0 5px; border-right:2px solid #fff; line-height:1;}
	.menu nav.main a.logo {padding:0px; border-right:none; width:100%; height:119px; background:url(../img/logo.png) no-repeat center center; display:block;}
	.menu nav.main a:last-child {border-right:none;}

	.menu nav.action {width:187px; height:183px; margin:5px 20px;}
	.menu nav.action a {float:left; width:187px; height:125px; background:url(../img/btn_action.jpg) no-repeat left top;}
	.menu nav.action a.download {width:187px; height:125px; background-position:left top;}
	.menu nav.action a.download:hover {background-position:right top;}
	.menu nav.action a.register {width:94px; height:58px; background-position:left bottom;}
	.menu nav.action a.register:hover {background-position:-187px bottom;}
	.menu nav.action a.guide {width:93px; height:58px; background-position:-94px bottom;}
	.menu nav.action a.guide:hover {background-position:-281px bottom;}

	.menu nav.tab {width:226px; height:518px; margin:65px 0;}
	.menu nav.tab span {float:left; width:226px; height:74px; background:url(../img/btn_tab.jpg) no-repeat left top; cursor:pointer;}
	.menu nav.tab span.monphaichien {background-position:left top;}
	.menu nav.tab span.monphaichien:hover {background-position:right top;}
	.menu nav.tab span.monphaichien.active {background-position:right top;}
	.menu nav.tab span.tinhnang {background-position:left -74px;}
	.menu nav.tab span.tinhnang:hover {background-position:right -74px;}
	.menu nav.tab span.tinhnang.active {background-position:right -74px;}
	.menu nav.tab span.khoitao {background-position:left -148px;}
	.menu nav.tab span.khoitao:hover {background-position:right -148px;}
	.menu nav.tab span.khoitao.active {background-position:right -148px;}
	.menu nav.tab span.tranhdoat {background-position:left -222px;}
	.menu nav.tab span.tranhdoat:hover {background-position:right -222px;}
	.menu nav.tab span.tranhdoat.active {background-position:right -222px;}
	.menu nav.tab span.phucloi {background-position:left -296px;}
	.menu nav.tab span.phucloi:hover {background-position:right -296px;}
	.menu nav.tab span.phucloi.active {background-position:right -296px;}
	.menu nav.tab span.vohoc {background-position:left -370px;}
	.menu nav.tab span.vohoc:hover {background-position:right -370px;}
	.menu nav.tab span.vohoc.active {background-position:right -370px;}
	.menu nav.tab span.loidai {background-position:left bottom;}
	.menu nav.tab span.loidai:hover {background-position:right bottom;}
	.menu nav.tab span.loidai.active {background-position:right bottom;}

/*Content*/
	.content {width:743px; margin-left:30px; float:left;}
	.content .logo_phienban {width:100%; height:400px; float:left; position:relative; background:url(../img/logo_phienban.png) no-repeat left top;}
	.content .logo_phienban span {position:absolute; left:0; bottom:0; width:610px; height:117px; background:url(../img/title.png) no-repeat left top; transition:background-position 1s ease;}
	
	body.monphaichien .content .logo_phienban span {background-position:left top;}
	body.tinhnang .content .logo_phienban span {background-position:left -117px;}
	body.khoitao .content .logo_phienban span {background-position:left -234px;}
	body.tranhdoat .content .logo_phienban span {background-position:left -351px;}
	body.phucloi .content .logo_phienban span {background-position:left -468px;}
	body.vohoc .content .logo_phienban span {background-position:left -585px;}
	body.loidai .content .logo_phienban span {background-position:left bottom;}

/*Social*/
	.social {width:50px; height:86px; position:fixed; right:0; top:150px; z-index:20;}
	.social a {width:50px; height:39px; margin:2px 0; background:url(../img/btn_social.jpg) left top; float:left; opacity:0.87;}
	.social a:hover {opacity:1;}
	.social a.like {background-position:left top;}
	.social a.share {background-position:left bottom;}

/*Footer*/
	footer {width:100%; height:81px; padding:18px 0; background-color:#000;}
	footer .container {text-align:center;}

	footer .container .logo {display:block; height:58px; float:left; margin-top:18px;}
	footer .container .logo.gosu {width:162px; height:42px; background:url(../img/logo_gosu.png) no-repeat center center; background-size:cover;}
	footer .container .logo.cubinet {width:273px; background:url(../img/logo_cubinet.png) no-repeat center top; background-size:cover;}
	footer .container .address {width:565px; height:81px; float:left; padding-top:0px;}
	footer .container .address p {text-align:center; width:100%; font-size:16px; font-family:Tahoma; float:left; color:#fff; margin-top:5px;}
	footer .container .address a {color:#fff; font-size:14px; font-family:Tahoma; padding:0 2px 0 5px; border-left:1px solid #fff; line-height:1;}
	footer .container .address a:first-child {border-left:none;}
	footer .container .address a:hover {color:#ff9427;}

/*Button Gotop*/
	.btn_gotop {width:47px; height:83px; float:left; background:url(../img/gotop.png) no-repeat center top; position:fixed; z-index:69; bottom:117px; right:20px; opacity:0; cursor:pointer; transition:opacity 500ms ease;}
	.btn_gotop.show {opacity:0.87;}
	.btn_gotop.show:hover {opacity:1;}

/*Typpo*/
	@font-face {
	    font-family:'UVNThanhPhoNang'; font-style:normal;
	    src: url('../fonts/UVNThanhPhoNang.eot?#iefix') 
	    	format('embedded-opentype'),  url('../fonts/UVNThanhPhoNang.woff') 
	    	format('woff'),  url('../fonts/UVNThanhPhoNang.ttf') 
	   		format('truetype'),  url('../fonts/UVNThanhPhoNang.svg#UVNThanhPhoNang') format('svg');
	}

	.post {width:723px; margin:30px 20px 20px 0; float:left; color:#191919; font-family:"Arial"; font-size:16px;}
	.post h1 {width:665px; height:44px; padding:8px 0  0 58px ; font-size:25px; color:#000; font-family:Tahoma; font-weight:bold; background:url(../img/icon_h1.png) no-repeat left center; float:left; margin-bottom:20px;}
	.post h1 span {font-size:20px !important; color:#d04907; font-weight:bold;}
	.post h2 {background:url("../img/icon-h2.png") no-repeat 17px 8px; float:left; font-size:16px !important; height:10px; padding:0px 13px 8px 31px; width:679px; margin:10px 0 5px;}
	.post h2 span,
	.post h2 span strong {font-size:16px !important;}
	.post>div>p {width:700px; padding-left:23px; margin-bottom:20px; float:left; color:#000; font-size:14px; font-family:Tahoma; text-align:justify;}
	.post>div>p span,
	.post>div>p span strong {font-size:14px !important;}
	.post>div>p img {max-width:690px !important;}

	.post li {background:url("../img/icon_li1.png") no-repeat scroll 15px 9px; clear:both; padding-left:28px; vertical-align:middle;}
	.post li span {font-size:14px !important;}

	.post table {text-align:center; background-color:#fffdf6; margin:10px auto; border-collapse:collapse; border-spacing:0; max-width:690px !important;}

	.post table tr {}
	.post table tr td {margin:0px; padding:5px 10px; border:1px solid #000; vertical-align:middle !important;}
	.post table tr td p span {font-size:14px !important;}
	.post table tr td span {font-size:14px !important;}

	.post table tr:nth-child(2n+1) {color:#000; background:#f1f1f1; border:1px solid #000;}

	.post table tr:first-child {color:#fff !important; font-weight:bold; background:#781a08; border:1px solid #000;}
	.post table tr:first-child td {color:#fff; border:1px solid #000;}
	

	.post .img {width:702px; height:525px;  margin:0 0 20px 21px; float:left; position:relative; overflow:hidden;}
	.post .img>div {float:left; width:3000px; position:absolute; top:0; left:0; transition:left 1s ease;}
	.post .img>div>div {float:left; height:525px; width:702px;}
	.post .img a {float:left; margin:0 6px 12px;}
	.post .img a.imgl {width:690px; height:398px;}
	.post .img a.imgs {width:222px; height:103px;}
	.post .img a img {width:100%; height:100%; float:left;}

	.post .img span {width:40px; height:78px; background:url(../img/arrow.png) no-repeat left top; position:absolute; top:160px; left:0; cursor:pointer; z-index:5; opacity:0.87; float:left; font-size:0; line-height:0;}
	.post .img span:hover {opacity:1;}
	.post .img span.left {left:10px; background-position:left top;}
	.post .img span.right {left:650px; background-position:right top;}