@charset "utf-8";
/* CSS Document */
body {
	background: #1a0300;
	margin: 0;
    padding: 0;
    font: 13px/20px Tahoma,Arial,Verdana,sans-serif;
}

h1, h2, h3, h4, h5, h6, p, form, ul, ul li, ol, ol li, dl, dl dt, dl dd, blockquote {
    margin: 0;
    padding: 0;
}
ul, li {
	list-style-type: none;
}

#wrapper {
	margin: 0px auto;
	width: 100%;
}
.Char2_ {
	background: url(../images/mon-phai/bg_wrapper_thieulam.jpg) no-repeat top center;
}
.Char3_ {
	background: url(../images/mon-phai/bg_wrapper_thienvuong.jpg) no-repeat top center;
}
.Char4_ {
	background: url(../images/mon-phai/bg_wrapper_duongmon.jpg) no-repeat top center;
}
.Char5_ {
	background: url(../images/mon-phai/bg_wrapper_ngudoc.jpg) no-repeat top center;
}
.Char6_ {
	background: url(../images/mon-phai/bg_wrapper_vodang.jpg) no-repeat top center;
}
.Char7_ {
	background: url(../images/mon-phai/bg_wrapper_conlon.jpg) no-repeat top center;
}
.Char8_ {
	background: url(../images/mon-phai/bg_wrapper_thuyyen.jpg) no-repeat top center;
}
.Char9_ {
	background: url(../images/mon-phai/bg_wrapper_ngamy.jpg) no-repeat top center;
}
.Char10 {
	background: url(../images/mon-phai/bg_wrapper_hoason.jpg) no-repeat top center;
}
.Char11 {
	background: url(../images/mon-phai/bg_wrapper_thiennhan.jpg) no-repeat top center;
}
.Char12 {
	background: url(../images/mon-phai/bg_wrapper_caibang.jpg) no-repeat top center;
}
#header {
	height: 1200px;
	width: 1000px;
	margin: 0px auto;
	position: relative;
}
a.Logo {
	background: url(../images/logo.png) no-repeat 0 0 /100%;
    display: block;
	overflow: hidden;
    position: absolute;
	z-index: 50;
    width: 230px;
    height: 184px;
    top: 0px;
	left: 15px;
    text-indent: -9999px;
}
ul.BoxDownload {
	width: 312px;
	height: 50px;
	position: absolute;
	right: 0px;
	top: 0px;
}
ul.BoxDownload li {
	float: left;
}
ul.BoxDownload li a {
	width: 156px;
	height: 50px;
	display: block;
	text-indent: -9999px;
	background: url(../images/mon-phai/box-download.png) no-repeat;
}
ul.BoxDownload li a.Dangky {
	background-position: 0px 0px;
}
ul.BoxDownload li a.Download {
	background-position: -156px 0px;
}
ul.BoxDownload li a.Dangky:hover {
	background-position: 0px -50px;
}
ul.BoxDownload li a.Download:hover {
	background-position: -156px -50px;
}
.Description {
	width: 410px;
	height: 300px;
	position: absolute;
	left: 20px;
	top: 197px;
	color: #fff;
	font-family: Arial;
	font-size: 14px;
	overflow: hidden;
	line-height: 20px;
}
.Description h2.TitleMain {
	color: #feffd3;
	font-size: 54px;
	height: 80px;
	line-height: 90px;
	width: 100%;
}
.Description img {
	display: none;
}
ul.BtMonPhai {
	width: 420px;
	height: 160px;
	position: absolute;
	left: 20px;
	top: 510px;
}
ul.BtMonPhai li {
	float: left;
	width: 210px;
	height: 80px;
}
ul.BtMonPhai li a {
	width: 200px;
	height: 70px;
	display: block;
	text-indent: -9999px;
	background: url(../images/mon-phai/bt_monphai_nor.jpg) no-repeat;
}
ul.BtMonPhai li a:hover {
	background: url(../images/mon-phai/bt_monphai_over.jpg) no-repeat;
}
ul.BtMonPhai li a.BtMonPhai01 {
	background-position: 0px 0px;
}
ul.BtMonPhai li a.BtMonPhai02 {
	background-position: 0px -70px;
}
ul.BtMonPhai li a.BtMonPhai03 {
	background-position: 0px -140px;
}
ul.BtMonPhai li a.BtMonPhai04 {
	background-position: 0px -210px;
}
#footer {
	margin: 0px auto;
	height: 118px;
	display: block;
	width: 100%;
	background: url(../images/mon-phai/footer.jpg) no-repeat bottom center;
}
#footerWrapper {
	width: 1000px;
	height: 118px;
	position: relative;
	margin: 0 auto;
}
#footer a.VNG {
	background: url(../images/mon-phai/logo-vng.png) no-repeat;
	display: block;
	width: 35px;
	height: 53px;
	text-indent: -9999px;
	position: absolute;
	top: 33px;
	left: 140px;
}
#footer a.KingSoft {
	background: url(../images/mon-phai/logo-kingsoft.png) no-repeat;
	display: block;
	width: 85px;
	height: 16px;
	text-indent: -9999px;
	position: absolute;
	top: 51px;
	left: 203px;
}
#footer .rating a {
	background: url(../images/mon-phai/rating.png) no-repeat;
	width: 157px;
	height: 75px;
	position: absolute;
	top: 21px;
	left: 797px;
	text-indent: -9999px;
}
#footer p {
	width: 960px;
	margin: 0 auto;
	color: #fff;
	font-size: 11px;
	position: absolute;
	top: 40px;
	left: 304px;
}
.jScrollPaneContainer {
	padding: 0;
	position: absolute;
	overflow: hidden;
	top: 0;
	left: -760px;
	z-index: 1000;
	background: url(../images/mon-phai/content-loop.jpg) repeat-y 0 0;
}
.jScrollPaneTrack {
	cursor: pointer;
	height: 100%;
	position: absolute;
	left: 685px;
	top: 0;
}
.jScrollPaneDrag {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4);
	border-radius: 10px;
	cursor: pointer;
	overflow: hidden;
	position: absolute;
}
.jScrollCapTop {
	display: none;
}
.jScrollCapBottom {
	display: none;
}
.MainContent {
	background: none;
	overflow: scroll;
	width: 700px;
	height: 1318px;
}
a.MainContentClose {
	background: url(../images/mon-phai/close.png) no-repeat right 0;
	display: block;
	height: 48px;
	position: fixed;
	text-indent: -9999px;
	left: -50px;
	top: 200px;
	width: 25px;
	-webkit-transition: width 0.5s; /* For Safari 3.1 to 6.0 */
	transition: width 0.5s;
}
a.MainContentClose:hover {
	width: 50px;
}
#static {
	margin: 0 30px;
	width: 630px;
	overflow: hidden;
	color: #000;
	padding-bottom: 200px;
}
.StaticOuter {
	background: none;
	border: none;
	overflow: hidden;
	padding: 0;
}
.StaticInner {
	background: none;
	padding-bottom: 0;
}
.StaticMain {
	margin: 0;
	padding: 0;
	overflow: hidden;
	clear: both;
}
.StaticTopPanel {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
	display: block;
	height: 115px;
	margin: 0;
	position: relative;
}
.StaticTopPanel img {
	display: none;
	height: 95px;
	padding: 10px;
	width: 100px;
}
.StaticTopPanel h2.TitleMain {
	border-bottom: 1px solid #979494;
	box-shadow: 0 1px #ffffff;
	clear: both;
	color: #c73212;
	display: block;
	font-family: tahoma;
	font-size: 30px;
	height: 65px;
	line-height: 85px;
	margin: 0 10px;
	position: absolute;
	left: 0px;
	top: 0;
	width: 100%;
	font-weight: normal;
	text-shadow: 0 0 #c73212;
}
ul#breadcrumbs {
	left: 0;
}
ul#breadcrumbs li {
	color: #2f9800;
}
ul#breadcrumbs li a:link, ul#breadcrumbs li a:visited {
	color: #2f9800;
}
ul#breadcrumbs li a:link span, ul#breadcrumbs li a:visited span {
	color: #2f9800;
}
ul#breadcrumbs li span.Active {
	color: #2f9800;
}
ul#breadcrumbs li a:hover {
	color: #e65c0f;
	text-decoration: underline;
}
ul#breadcrumbs li a:hover span {
	color: #e65c0f;
}
.sliderkit {
	display: none;
	position: absolute;
	left: 0;
	top: 670px;
	width: 450px;
	height: 145px;
}
.sliderkit .sliderkit-nav {
	width: 450px;
	height: 145px;
}
.sliderkit .sliderkit-nav-clip ul li {
	float: left;
	margin: 0;
}
.sliderkit .sliderkit-nav-clip ul li a {
	display: block;
	width: 130px;
	height: 135px;
	overflow: hidden;
	position: relative;
	margin: 5px;
}
.sliderkit .sliderkit-nav-clip ul li a:hover {
}
.sliderkit .sliderkit-nav-clip ul li a span {
	position: absolute;
	z-index: 100;
	text-align: center;
	color: #fff;
	left: 0px;
	bottom: 0px;
	width: 130px;
	height: 0px;
	line-height: 30px;
	background: #000;
	font-weight: bold;
	-webkit-transition: height 0.5s; /* For Safari 3.1 to 6.0 */
	transition: height 0.5s;
}

.sliderkit .sliderkit-nav-clip ul li a:hover span {
	height: 30px;
}
.sliderkit .sliderkit-nav .sliderkit-nav-btn {
	position: absolute;
	top: 58px;
}
.sliderkit .sliderkit-nav .sliderkit-nav-btn a {
	display: block;
	width: 19px;
	height: 30px;
	background: transparent url(../images/mon-phai/arrows.png) no-repeat;
}
.sliderkit .sliderkit-nav .sliderkit-nav-prev {
	left: 0;
}
.sliderkit .sliderkit-nav .sliderkit-nav-next {
	right: 0;
}
.sliderkit .sliderkit-nav .sliderkit-nav-prev a {
	background-position: left top;
}
.sliderkit .sliderkit-nav .sliderkit-nav-next a {
	background-position: right top;
}
.sliderkit .sliderkit-nav .sliderkit-nav-prev a:hover{
	background-position: left bottom;
}
.sliderkit .sliderkit-nav .sliderkit-nav-next a:hover{
	background-position: right bottom;
}
.sliderkit .sliderkit-nav .sliderkit-btn-disable {
	opacity: 0.3/*can be set to any value until 1*/;
	cursor: default;
}
.sliderkit {
	display:none;
	position:relative;
	overflow:hidden;
	text-align:left;
}
.sliderkit .sliderkit-nav-clip {
	position:relative;
	overflow:hidden;
	margin:0 auto;
}
.sliderkit .sliderkit-nav-clip ul {
	position:relative;
	left:0;
	top:0;
	list-style:none;
	margin:0;
	padding:0;
}
.sliderkit .sliderkit-nav-clip ul li {
	float:left;
}
.sliderkit .sliderkit-nav-clip ul li a {
}
/*---------------------------------
 *  Buttons
 *---------------------------------*/
.sliderkit .sliderkit-btn {
	z-index:10;
}
/*---------------------------------
 *  Panels
 *---------------------------------*/
.sliderkit .sliderkit-panel {
	z-index:1;
	position:absolute;
	overflow:hidden;
}
.sliderkit .sliderkit-panel-active {
	z-index:5;
}
.sliderkit .sliderkit-panel-old {
	z-index:4;
}
/* Panels > Overlay */
.sliderkit .sliderkit-panel .sliderkit-panel-textbox {
	position:absolute;
	z-index:1;
}
.sliderkit .sliderkit-panel .sliderkit-panel-text {
	position:absolute;
	z-index:3;
	top:0;
	left:0;
}
.sliderkit .sliderkit-panel .sliderkit-panel-overlay {
	position:absolute;
	z-index:2;
	top:0;
	left:0;
}