/*-----------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 { max-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;color: #333333; background: url(bg.png.ashx) 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.ashx) no-repeat; }
#lightPopup img { max-width: 800px; }


/*.PageContentBorder{width:1000px;position:absolute;z-index:3;top:85px;left:50%;margin-left:-500px}*/
.MainContent { max-width: 1200px; margin: 0 auto; }
.MainLeft { max-width: 900px; float: left;width:100%}
.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: 10; 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{ padding:20px 0;color:#333;font: italic 14px/27px Arial;}
.textpagging{ float: right;line-height: 27px;}
.SplitPages .truoc{line-height:27px; margin:0 2px; background:url(truoc.png.ashx) no-repeat center;display:none}
.SplitPages .sau{line-height:27px; margin:0 2px; background:url(sau.png.ashx) no-repeat center;display:none}
.SplitPages .dau{display:inline-block;width:12px;height:26px;background:url(dau.png) no-repeat center;margin:0 2px;line-height:26px;display:none}
.SplitPages .cuoi{text-align:center;padding:0; width:86px;height:27px;display:inline-block;margin:0 2px;color: #333;border-radius: 2px;background:url(last.png.ashx) no-repeat center center;}
.SplitPages .hientai{text-align:center;padding:0;width:27px;height:27px;display:inline-block; margin:0 2px;color: #fff;border-radius: 2px;background-color: #005399;font: 14px/27px Arial}
.SplitPages .trangkhac{text-align:center;padding:0;width:27px;height:27px;display:inline-block; margin:0 2px;color: #333;border-radius: 2px;background:#f2f2f2;font: 14px/27px Arial}

/*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.ashx); 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.ashx) 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;
}
@media(max-width:1199px){
#fadePopupHomepage{display:none !important}
}