.MobileVersion {
	display: none
}


/*-----------Common-----------*/


/*float*/

.fl {
	float: left;
}

.fr {
	float: right;
}

.cb {
	clear: both;
}


/*font-weight*/

.fwb {
	font-weight: bold;
}

.fwn {
	font-weight: normal;
}


/*font-family*/

.ffrobotocondensed {
	font-family: robotocondensed;
}

.ffrobotocondensed {
	font-family: robotocondensed;
}


/*font-style*/

.fsti {
	font-style: italic;
}

.fstn {
	font-style: normal;
}


/*font-size*/

.fs9 {
	font-size: 9px;
}

.fs10 {
	font-size: 10px;
}

.fs11 {
	font-size: 11px;
}

.fs12 {
	font-size: 12px;
}

.fs13 {
	font-size: 13px;
}

.fs14 {
	font-size: 14px;
}

.fs16 {
	font-size: 16px;
}

.fs18 {
	font-size: 18px;
}

.fs20 {
	font-size: 20px;
}


/*text-align:*/

.tal {
	text-align: left;
}

.tar {
	text-align: right;
}

.tac {
	text-align: center;
}

.taj {
	text-align: justify;
}


/*text-decoration*/

.tdn {
	text-decoration: none;
}

.tdu {
	text-decoration: underline;
}


/*Margin*/

.m0 {
	margin: 0;
}

.ma {
	margin: auto;
}


/*Display*/

.db {
	display: block;
}

.dn {
	display: none;
}

.di {
	display: inline;
}

.dib {
	display: inline-block;
}


/*Position*/

.psa {
	position: absolute;
}

.psr {
	position: relative;
}


/*z-index*/

.zindex0 {
	z-index: 0;
}

.zindex1 {
	z-index: 1;
}

.zindex2 {
	z-index: 2;
}

.zindex3 {
	z-index: 3;
}

.zindex4 {
	z-index: 4;
}

.zindex5 {
	z-index: 5;
}


/*Over flow*/

.ofh {
	overflow: hidden;
}

.ofa {
	overflow: auto;
}


/*Text transform*/

.ttu {
	text-transform: uppercase;
}

.ttl {
	text-transform: lowercase;
}


/*Opacity*/

.opc0 {
	opacity: 0;
	-moz-opacity: 0;
	-webkit-opacity: 0;
	filter: alpha(opacity=0);
}

.opc50 {
	opacity: 0.5;
	-moz-opacity: 0.5;
	-webkit-opacity: 0.5;
	filter: alpha(opacity=50);
}

.opc80 {
	opacity: 0.8;
	-moz-opacity: 0.8;
	-webkit-opacity: 0.8;
	filter: alpha(opacity=80);
}

.opc100 {
	opacity: 1;
	-moz-opacity: 1;
	-webkit-opacity: 1;
	filter: alpha(opacity=100);
}

.csp {
	cursor: pointer;
}

.bared {
	border: solid 1px red;
}

.bgred {
	background: red;
}

.bgwhite {
	background: white;
}

.cred {
	color: red;
}

.cRed {
	color: red;
}

.c333 {
	color: #333;
}

.cff6600 {
	color: #ff6600;
}

.w720 {
	width: 720px;
}

.w230 {
	width: 230px;
}

.w980 {
	width: 980px;
	margin: 0 auto;
}

.w1000 {
	width: 1000px;
	margin: 0 auto;
}

.w1200 {
	width: 1200px;
}

.w1366 {
	width: 1366px;
}

.w1600 {
	width: 1600px;
}

.lh15 {
	line-height: 15px;
}

.lh16 {
	line-height: 16px;
}

.lh17 {
	line-height: 17px;
}

.lh18 {
	line-height: 18px;
}

.lh19 {
	line-height: 19px;
}

.lh20 {
	line-height: 20px;
}

.lh21 {
	line-height: 21px;
}

.lh22 {
	line-height: 22px;
}

.h0 {
	height: 0px;
}

.h1 {
	height: 1px;
}

.h2 {
	height: 2px;
}

.h3 {
	height: 3px;
}

.h4 {
	height: 4px;
}

.h5 {
	height: 5px;
}

.h6 {
	height: 6px;
}

.h7 {
	height: 7px;
}

.h8 {
	height: 8px;
}

.h9 {
	height: 9px;
}

.h10 {
	height: 10px;
}

.h11 {
	height: 11px;
}

.h12 {
	height: 12px;
}

.h13 {
	height: 13px;
}

.h14 {
	height: 14px;
}

.h15 {
	height: 15px;
}

.h16 {
	height: 16px;
}

.h17 {
	height: 17px;
}

.h18 {
	height: 18px;
}

.h19 {
	height: 19px;
}

.h20 {
	height: 20px;
}

.h21 {
	height: 21px;
}

.h22 {
	height: 22px;
}

.h23 {
	height: 23px;
}

.h24 {
	height: 24px;
}

.h25 {
	height: 25px;
}

.h30 {
	height: 30px;
}

.h35 {
	height: 35px;
}

.h40 {
	height: 40px;
}

.h80 {
	height: 80px;
}

.h115 {
	height: 115px;
}

.h119 {
	height: 119px;
}


/*----------------*/

.pl1o {
	padding-left: 1%;
}

.pl1 {
	padding-left: 1px;
}

.pl2 {
	padding-left: 2px;
}

.pl3 {
	padding-left: 3px;
}

.pl4 {
	padding-left: 4px;
}

.pl5 {
	padding-left: 5px;
}

.pl6 {
	padding-left: 6px;
}

.pl7 {
	padding-left: 7px;
}

.pl8 {
	padding-left: 8px;
}

.pl9 {
	padding-left: 9px;
}

.pl10 {
	padding-left: 10px;
}

.pl11 {
	padding-left: 11px;
}

.pl12 {
	padding-left: 12px;
}

.pl13 {
	padding-left: 13px;
}

.pl14 {
	padding-left: 14px;
}

.pl15 {
	padding-left: 15px;
}

.pl16 {
	padding-left: 16px;
}

.pl17 {
	padding-left: 17px;
}

.pl18 {
	padding-left: 18px;
}

.pl19 {
	padding-left: 19px;
}

.pl20 {
	padding-left: 20px;
}

.pl25 {
	padding-left: 20px;
}

.pl30 {
	padding-left: 20px;
}

.pl35 {
	padding-left: 35px;
}

.pl40 {
	padding-left: 40px;
}


/*---------------*/

.pr1 {
	padding-right: 1px;
}

.pr2 {
	padding-right: 2px;
}

.pr3 {
	padding-right: 3px;
}

.pr4 {
	padding-right: 4px;
}

.pr5 {
	padding-right: 5px;
}

.pr6 {
	padding-right: 6px;
}

.pr7 {
	padding-right: 7px;
}

.pr8 {
	padding-right: 8px;
}

.pr9 {
	padding-right: 9px;
}

.pr10 {
	padding-right: 10px;
}

.pr11 {
	padding-right: 11px;
}

.pr12 {
	padding-right: 12px;
}

.pr13 {
	padding-right: 13px;
}

.pr14 {
	padding-right: 14px;
}

.pr15 {
	padding-right: 15px;
}

.pr16 {
	padding-right: 16px;
}

.pr17 {
	padding-right: 17px;
}

.pr18 {
	padding-right: 18px;
}

.pr19 {
	padding-right: 19px;
}

.pr20 {
	padding-right: 20px;
}

.pr25 {
	padding-right: 25px;
}

.pr30 {
	padding-right: 30px;
}

.pr35 {
	padding-right: 35px;
}

.pr40 {
	padding-right: 40px;
}


/*------*/

.pt1 {
	padding-top: 1px;
}

.pt2 {
	padding-top: 2px;
}

.pt3 {
	padding-top: 3px;
}

.pt4 {
	padding-top: 4px;
}

.pt5 {
	padding-top: 5px;
}

.pt6 {
	padding-top: 6px;
}

.pt7 {
	padding-top: 7px;
}

.pt8 {
	padding-top: 8px;
}

.pt9 {
	padding-top: 9px;
}

.pt10 {
	padding-top: 10px;
}

.pt11 {
	padding-top: 11px;
}

.pt12 {
	padding-top: 12px;
}

.pt13 {
	padding-top: 13px;
}

.pt14 {
	padding-top: 14px;
}

.pt15 {
	padding-top: 15px;
}

.pt16 {
	padding-top: 16px;
}

.pt17 {
	padding-top: 17px;
}

.pt18 {
	padding-top: 18px;
}

.pt19 {
	padding-top: 19px;
}

.pt20 {
	padding-top: 20px;
}

.pt25 {
	padding-top: 25px;
}

.pt30 {
	padding-top: 30px;
}

.pt35 {
	padding-top: 35px;
}

.pt40 {
	padding-top: 40px;
}


/*------------*/

.pb1 {
	padding-bottom: 1px;
}

.pb2 {
	padding-bottom: 2px;
}

.pb3 {
	padding-bottom: 3px;
}

.pb4 {
	padding-bottom: 4px;
}

.pb5 {
	padding-bottom: 5px;
}

.pb6 {
	padding-bottom: 6px;
}

.pb7 {
	padding-bottom: 7px;
}

.pb8 {
	padding-bottom: 8px;
}

.pb9 {
	padding-bottom: 9px;
}

.pb10 {
	padding-bottom: 10px;
}

.pb11 {
	padding-bottom: 11px;
}

.pb12 {
	padding-bottom: 12px;
}

.pb13 {
	padding-bottom: 13px;
}

.pb14 {
	padding-bottom: 14px;
}

.pb15 {
	padding-bottom: 15px;
}

.pb16 {
	padding-bottom: 16px;
}

.pb17 {
	padding-bottom: 17px;
}

.pb18 {
	padding-bottom: 18px;
}

.pb19 {
	padding-bottom: 19px;
}

.pb20 {
	padding-bottom: 20px;
}

.pb25 {
	padding-bottom: 25px;
}

.pb30 {
	padding-bottom: 30px;
}

.pb35 {
	padding-bottom: 35px;
}

.pb40 {
	padding-bottom: 40px;
}


/*-----------Common end--------*/


/*Css3 transition*/


/*a,
span,
input[type=submit]
{transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s}*/

a {
	text-decoration: none;
}

p {
	margin: 0;
	padding: 0;
}

img {
	border: 0;
}

.khungAnhCrop0,
.khungAnhCrop {
	position: relative;
	z-index: 1;
	overflow: hidden;
	display: inline-block;
}

#skypedetectionswf,
#dp_swf_engine {
	visibility: hidden;
	height: 0 !important;
}

html,
body {
	position: relative;
	/*height: 100%;*/
}

body {
	width: 100%;
	/*height: 100%;*/
	font: normal 12px 'Arial';
	margin: 0;
	padding: 0;
	/*min-width: 1200px;*/
	color: #333333;
	background: url(bgbody.jpg) repeat;
	transition: all 1s
}

#wrap {
	width: 950px;
	margin: 0 auto;
	box-shadow: 0 -20px 50px rgba(0, 0, 0, 0.6);
	padding: 0 15px;
	background: #fff;
}

.PosHead {
	height: 125px;
	position: relative;
	width: 950px;
}


/*Css cho hàm ShowPopup được viết trong display.js*/

#fadePopup {
	display: none;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background: #666666;
	position: fixed;
	z-index: 1001;
	-moz-opacity: 0.3;
	opacity: .30;
	filter: alpha(opacity=30);
}

#lightPopup {
	display: none;
	position: fixed;
	top: 50px;
	left: 0;
	z-index: 9999;
	padding: 3px;
	border-radius: 3px;
	box-shadow: 0 0 3px #b2b2b2;
}

#lightPopupContent {
	width: 800px;
	min-height: 50px;
	max-height: 500px;
	overflow: auto;
	padding: 10px;
	background: #fff;
	text-align: justify;
}

#lightPopup .btClosePopup {
	width: 32px;
	height: 32px;
	display: inline-block;
	cursor: pointer;
	position: absolute;
	top: -12px;
	right: -12px;
	background: url(pic/btClose.png) no-repeat;
}

#lightPopup img {
	max-width: 800px;
}


/*.PageContentBorder{width:1000px;position:absolute;z-index:3;top:85px;left:50%;margin-left:-500px}*/

.MainContent {
	width: 1200px;
	margin: 0 auto;
}

.MainLeft {
	width: 870px;
	float: left;
}

.MainRight {
	float: right;
	width: 300px;
}

.MainRightInPage {
	float: right;
	width: 246px;
	position: relative;
}

.headcatea {
	font: normal 20px/25px segoeuisemibold;
	width: 100%;
	color: #034ea2;
	padding-left: 25px;
	text-transform: uppercase;
	float: left;
	margin-bottom: 15px;
	background: url(bgcate.jpg) no-repeat left;
}

.pagecontent {
	width: 980px;
	margin: 0 auto;
	position: relative;
}

.vientop {
	background: url(toppage.png) repeat-x;
	height: 23px;
	background-size: 100% 100%;
}

.tool {
	white-space: nowrap;
}

#gotop {
	background: url(gotop.png) no-repeat;
	height: 50px;
	width: 50px;
	display: block;
	height: 66px;
	width: 64px;
	position: fixed;
	z-index: 99;
	display: block;
	bottom: 70px;
	right: 10px;
	background-size: 100% 100%;
}

#SubRoad {
	position: relative;
	z-index: 1;
	border-bottom: 1px solid #e3e3e3;
	margin-top: 30px;
	margin-bottom: 20px;
	height: 22px;
}

#SubRoad .road {
	background: url(bgroad.png) repeat-x bottom;
	height: 22px;
	float: left;
	border-bottom: 1px solid #c12280;
}

#SubRoad .road a.lv1 {
	font: bold 12px/20px 'Arial';
	color: #000;
}

#SubRoad a.arrow {
	padding-left: 20px;
	background: url(arrowRoad.png) no-repeat 8px 3px;
}

#SubRoad a.lv1:hover {
	color: #c12280;
}

#SubRoad a.lv1:hover span {
	color: #c12280;
}

#SubRoad h1 {
	font-size: inherit;
	font-weight: inherit;
	margin: 0;
	padding: 0;
	display: inline-block;
}

#SubRoad .trangchu {
	padding-left: 18px;
	background: url(Nuthome.png) no-repeat 2px 0px;
}

.contentview img {
	max-width: 100% !important;
	height: auto !important;
}

.contentview table {
	max-width: 100% !important;
}

.nullresult {
	font: normal 14px Arial;
	color: #333;
	padding: 95px 0;
	background: url(bgnone.png.ashx) no-repeat bottom right;
	text-align: left!important
}

.nullresult .title1 {
	font: normal 24px/31px Arial;
	color: #fa6900;
}

.nullresult .title2 {
	font: normal 14px/40px Arial;
	color: #000000;
}

.nullresult .title2 a {
	color: #0099cc;
}

.nullresult .title2 a:hover {
	color: #fa6900
}

.emptyresult {
	font: normal 14px Arial;
	color: #333;
	text-align: center;
	padding: 10px 0
}

.pagging {
	color: #333
}

.pagging a {
	margin: 0px 5px
}

.textpagging {
	float: right;
	color: #757575;
	font-style: italic;
	padding-top: 5px
}

.truoc {
	background: url(truoc.png) no-repeat center;
	width: 35px;
	height: 35px;
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	margin-right: 0px;
}

.sau {
	background: url(sau.png) no-repeat center;
	width: 35px;
	height: 35px;
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	margin-right: 0px;
}

.dau {
	background: url(dau.png) no-repeat center;
	width: 35px;
	height: 35px;
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	margin-right: 0px;
}

.cuoi {
	background: url(cuoi.png) no-repeat center;
	width: 35px;
	height: 35px;
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	margin-right: 0px;
}

.hientai {
	font: normal 14px/33px Arial;
	border: 1px solid #dddddd;
	text-align: center;
	width: 35px;
	display: inline-block;
	height: 35px;
	border: 1px solid #00a1f1;
	background: #00a1f1;
	color: #fff;
	vertical-align: middle;
	box-sizing: border-box;
	margin-right: 0px;
}

.trangkhac {
	font: normal 14px/33px Arial;
	border: 1px solid #dddddd;
	text-align: center;
	width: 35px;
	display: inline-block;
	height: 35px;
	border: 1px solid #cacaca;
	background: #fff;
	vertical-align: middle;
	box-sizing: border-box;
	margin-right: 0px;
	color: #333;
}

@media (max-width: 1000px) {
	.pagging a {
		margin: 0px 3px
	}
	.textpagging {
		float: right;
		color: #757575;
		font-style: italic;
		padding-top: 5px;
		display: none
	}
	.truoc {
		background: url(truoc.png) no-repeat center;
		width: 25px;
		height: 25px;
		display: inline-block;
		vertical-align: middle;
		box-sizing: border-box;
		margin-right: 0px;
		background-size: contain
	}
	.sau {
		background: url(sau.png) no-repeat center;
		width: 25px;
		height: 25px;
		display: inline-block;
		vertical-align: middle;
		box-sizing: border-box;
		margin-right: 0px;
		background-size: contain
	}
	.dau {
		background: url(dau.png) no-repeat center;
		width: 25px;
		height: 25px;
		display: inline-block;
		vertical-align: middle;
		box-sizing: border-box;
		margin-right: 0px;
		background-size: contain
	}
	.cuoi {
		background: url(cuoi.png) no-repeat center;
		width: 25px;
		height: 25px;
		display: inline-block;
		vertical-align: middle;
		box-sizing: border-box;
		margin-right: 0px;
		background-size: contain
	}
	.hientai {
		font: normal 12px/23px Arial;
		border: 1px solid #dddddd;
		text-align: center;
		width: 25px;
		display: inline-block;
		height: 25px;
		border: 1px solid #00a1f1;
		background: #00a1f1;
		color: #fff;
		vertical-align: middle;
		box-sizing: border-box;
		margin-right: 0px;
	}
	.trangkhac {
		font: normal 12px/23px Arial;
		border: 1px solid #dddddd;
		text-align: center;
		width: 25px;
		display: inline-block;
		height: 25px;
		border: 1px solid #cacaca;
		background: #fff;
		vertical-align: middle;
		box-sizing: border-box;
		margin-right: 0px;
		color: #333;
	}
}


/*Khung popup tối*/

#fadePopupVideo {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background: #000;
	position: fixed;
	z-index: 99;
	-moz-opacity: 0.5;
	opacity: .50;
	filter: alpha(opacity=60);
}


/*Khung popup sáng*/

#lightPopupVideo {
	position: fixed;
	display: none;
	top: 100px;
	z-index: 101;
}

#VideoFrame2 {
	position: relative;
	border-radius: 3px;
}

#lightPopupVideo a.btclose {
	width: 90px;
	height: 28px;
	color: #fff;
	display: block;
	position: absolute;
	top: -18px;
	right: -18px;
	z-index: 2;
}

#VideoPlayerTitle2 {
	position: absolute;
	top: 10px;
	left: 0;
	z-index: 3;
	text-align: center;
	width: 100%;
	height: 20px;
	font: normal 12px/20px Arial;
	color: #fff;
	text-transform: uppercase;
	display: none;
}


/*Css chung cho popup tại trang chủ*/

#fadePopupHomepage {
	display: block;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background: #000;
	position: fixed;
	z-index: 1001;
	-moz-opacity: 0.5;
	opacity: .50;
	filter: alpha(opacity=50);
}

#lightPopupHomepage {
	display: block;
	position: absolute;
	top: 10%;
	left: 0;
	z-index: 9999;
	background: url(pic/bgpopup.png);
	padding: 10px;
}

#lightPopupHomepage a.btClosePopup {
	width: 32px;
	height: 32px;
	display: inline-block;
	cursor: pointer;
	position: absolute;
	top: -14px;
	right: -14px;
	background: url(pic/btclose.png) no-repeat;
	z-index: 100000;
}


/*! Gray v1.4.5 (https://github.com/karlhorky/gray) | MIT */

.grayscale {
	/* Firefox 10-34 */
	filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='saturate' values='0'/></filter></svg>#grayscale");
	/*
    Chrome 19+,
    Safari 6+,
    Safari 6+ iOS,
    Opera 15+
  */
	-webkit-filter: grayscale(1);
	/* Firefox 35+ */
	filter: grayscale(1);
	/* IE 6-9 */
	filter: gray;
}

.grayscale.grayscale-fade {
	transition: filter .5s;
}


/* Webkit hack until filter is unprefixed */

@media screen and (-webkit-min-device-pixel-ratio: 0) {
	.grayscale.grayscale-fade {
		-webkit-transition: -webkit-filter .5s;
		transition: -webkit-filter .5s;
	}
}

.grayscale.grayscale-off,
.grayscale.grayscale-fade:hover {
	-webkit-filter: grayscale(0);
	filter: grayscale(0);
}


/* Background element */

.grayscale.grayscale-replaced {
	-webkit-filter: none;
	filter: none;
}

.grayscale.grayscale-replaced>svg {
	-webkit-transition: opacity .5s ease;
	transition: opacity .5s ease;
	opacity: 1;
}

.grayscale.grayscale-replaced.grayscale-off>svg,
.grayscale.grayscale-replaced.grayscale-fade:hover>svg {
	opacity: 0;
}