/*-----------Common-----------*/
/*float*/
.fl{float:left}
.fr{float:right}
.cb{clear:both}
/*font-weight*/
.fwb{font-weight:bold}
.fwn{font-weight:normal}
/*font-family*/
.ffArial{font-family:Arial}
.ffArial{font-family:Arial}
/*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{-moz-opacity:0;-webkit-opacity:0;filter:alpha(opacity=0);opacity:0;}
.opc50{-moz-opacity:0.5;-webkit-opacity:0.5;filter:alpha(opacity=50);opacity:0.5;}
.opc80{-moz-opacity:0.8;-webkit-opacity:0.8;filter:alpha(opacity=80);opacity:0.8;}
.opc100{-moz-opacity:1;-webkit-opacity:1;filter:alpha(opacity=100);opacity:1;}


.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{margin:0 auto;width:980px;}
.w1000{width:1000px}
.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}
.h28{height:28px}
.h30{height:30px}
.h35{height:35px}
.h40{height:40px}
.h45{height:45px}
.h50{height:50px}
.h80{height:80px}
.h115{height:115px}
.h144{height:144px}
/*----------------*/
.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}*/

ul li{list-style:none}

a{text-decoration:none}
p{margin:0;padding:0}
img{border:0}

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

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

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

body{background:#fff;color:#333333;font:normal 12px Arial;margin:0;padding:0}

/*Css cho hàm ShowPopup được viết trong display.js*/
#fadePopup{-moz-opacity:0.3;background:#666666;display:none;filter:alpha(opacity=30);height:100%;left:0%;opacity:.30;position:fixed;top:0%;width:100%;z-index:1001;}
#lightPopup{border-radius:3px;box-shadow:0 0 3px #b2b2b2;display:none;left:0;padding:3px;position:fixed;top:50px;z-index:9999;}
#lightPopupContent{background:#fff;max-height:500px;min-height:50px;overflow:auto;padding:10px;text-align:justify;width:800px;}
#lightPopup .btClosePopup{background:url(pic/btClose.png.ashx) no-repeat;cursor:pointer;display:inline-block;height:32px;position:absolute;right:-12px;top:-12px;width:32px;}
#lightPopup img{max-width:800px}


/*.PageContentBorder{width:1000px;position:absolute;z-index:3;top:85px;left:50%;margin-left:-500px}*/
.PageContentDetailLeft{float:left;width:660px;}
.PageContentDetailRight{float:right;margin-top:30px;width:298px;}
.headcatea{background:url(bgcate.jpg) no-repeat left;color:#034ea2;float:left;font:normal 20px/25px segoeuisemibold;margin-bottom:15px;padding-left:25px;text-transform:uppercase;width:100%;}
.pagecontent{margin:0 auto;position:relative;width:980px;}
.vientop{background:url(toppage.png) repeat-x;background-size:100% 100%;height:23px;}
.tool{white-space:nowrap}
#gotop{background:url(gotop.png) no-repeat;bottom:70px;display:block;display:block;height:50px;height:66px;position:fixed;right:100px;width:50px;width:64px;z-index:10;}


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

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

.emptyresult{color:#333;font:normal 14px Arial;padding:10px 0;text-align:center;}
.pagging{color:#333;font:normal 14px Arial;margin-top:22px}
.textpagging{color:#757575;float:right;font-style:italic;padding-top:5px}
.truoc{background:url(truoc.png.ashx) no-repeat center;font:bold 12px Arial;line-height:26px;margin:2px;padding:9px 12px;}
.sau{background:url(sau.png.ashx) no-repeat center;font:bold 12px Arial;line-height:26px;margin:2px;padding:9px 12px;}
.dau{display:none}
.cuoi{background:url(cuoi.png) no-repeat center;display:inline-block;height:26px;line-height:25px;margin:2px;width:107px;}
.hientai{background-color:#eb3d00;border:1px solid #eb3d00;color:#fff;display:inline-block;font:normal 12px Arial;line-height:25px;margin:2px;padding:0 0;text-align:center;width:27px;}
.trangkhac{background-color:#f2f2f2;border:1px solid #dddddd;color:#252525;display:inline-block;font:normal 12px Arial;line-height:25px;margin:2px;padding:0 0;text-align:center;width:26px;}

/*Khung popup tối*/
#fadePopupVideo{-moz-opacity:0.5;background:#000;display:none;filter:alpha(opacity=60);height:100%;left:0%;opacity:.50;position:absolute;position:fixed;top:0%;width:100%;z-index:99;}
/*Khung popup sáng*/
#lightPopupVideo{display:none;position:fixed;top:100px;z-index:101}

#VideoFrame2{border-radius:3px;position:relative;}
#lightPopupVideo a.btclose{color:#fff;display:block;height:28px;position:absolute;right:-18px;top:-18px;width:90px;z-index:2}
#VideoPlayerTitle2{color:#fff;display:none;font:normal 12px/20px Arial;height:20px;left:0;position:absolute;text-align:center;text-transform:uppercase;top:10px;width:100%;z-index:3;}


/*Css chung cho popup tại trang chủ*/
#fadePopupHomepage{-moz-opacity:0.5;background:#000;display:block;filter:alpha(opacity=50);height:100%;left:0%;opacity:.50;position:fixed;top:0%;width:100%;z-index:1001;}
#lightPopupHomepage{background:url(pic/bgpopup.png.ashx);display:block;left:0;padding:10px;position:absolute;top:10%;z-index:9999;}
#lightPopupHomepage a.btClosePopup{background:url(pic/btclose.png.ashx) no-repeat;cursor:pointer;display:inline-block;height:32px;position:absolute;right:-14px;top:-14px;width:32px;z-index:100000}


/*Thêm css cho khối ảnh*/
/*====================Chi tiết bài viết====================*/
.contentview{line-height:21px;text-align:justify}
.contentview table{max-width:100% !important;table-layout:fixed}
.contentview table{border-collapse:collapse}
.contentview table td,
.contentview table th{padding:5px}
.contentview img{height:auto !important;max-width:100% !important}
.emptyresult,
.emptyResult{min-height:100px;padding-top:20px;text-align:center}
.contentview p{margin-left:0 !important}

/*================Các thông số mặc định để ở phần khung ảnh================*/
.khungAnh{position:relative;z-index:1}
.khungAnh:before{content:"";display:block;padding-bottom:66%}
.khungAnhCrop,
.khungAnhCrop0{display:inline-block;height:100%;left:0;overflow:hidden;position:absolute;text-align:center;top:0;width:100%;z-index:1}


/*================Trường hợp ảnh lọt trong khung================*/
.khungAnhCrop0 img{left:50%;max-height:100%;max-width:100%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}
.khungAnhCrop0 img{-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
/*transform phải viết thêm cho các trình duyệt cũ*/

/*================Trường hợp ảnh tràn lề khi chưa gắn class xác định ảnh dạng ngang hay dọc================*/
.khungAnhCrop img{left:50%;max-height:150%;max-width:150%;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1}
.khungAnhCrop img{-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}

/*Ảnh ngang (width > height) --> gắn height 100%, width sẽ bị lấp hai bên*/
.khungAnhCrop img.wide{height:100%;max-width:none}

/*Ảnh dọc (width < height) --> gắn width 100%, height sẽ bị lấp phần trên dưới*/
.khungAnhCrop img.tall{max-height:none;width:100%}


/*================Hiệu ứng zoom ảnh khi hover================*/
.khungAnhCrop img,
.khungAnhCrop0 img{-moz-transition:all 0.5s ease 0s;-o-transition:all 0.5s ease 0s;-webkit-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s}

.khungAnhCrop:hover img{transform:translate(-50%,-50%) scale(1.1)}
.khungAnhCrop:hover img{-moz-transform:translate(-50%,-50%) scale(1.1);-o-transform:translate(-50%,-50%) scale(1.1);-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1)}

.khungAnhCrop0:hover img{transform:translate(-50%,-50%) scale(1.1)}
.khungAnhCrop0:hover img{-moz-transform:translate(-50%,-50%) scale(1.1);-o-transform:translate(-50%,-50%) scale(1.1);-webkit-transform:translate(-50%,-50%) scale(1.1);transform:translate(-50%,-50%) scale(1.1)}