@charset "utf-8";
/* CSS Document */
/*Style chung */
* {
    margin: 0 auto;padding:0}
img{border:0;max-width: 100%;
	height: auto
}
@font-face {
  font-family: "VLAmpleSoft-Medium";
  src: url("./fonts/VLAMPLESOFTMEDIUM.eot"); /* IE9 Compat Modes */
  src: url("./fonts/VLAMPLESOFTMEDIUM.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("./fonts/VLAMPLESOFTMEDIUM.otf") format("opentype"), /* Open Type Font */
    url("./fonts/VLAMPLESOFTMEDIUM.svg") format("svg"), /* Legacy iOS */
    url("./fonts/VLAMPLESOFTMEDIUM.ttf") format("truetype"), /* Safari, Android, iOS */
    url("./fonts/VLAMPLESOFTMEDIUM.woff") format("woff"), /* Modern Browsers */
    url("./fonts/VLAMPLESOFTMEDIUM.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "NotoSerif-Bold";
  src: url("./fonts/NotoSerif-Bold0.eot"); /* IE9 Compat Modes */
  src: url("./fonts/NotoSerif-Bold0.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("./fonts/NotoSerif-Bold0.otf") format("opentype"), /* Open Type Font */
    url("./fonts/NotoSerif-Bold0.svg") format("svg"), /* Legacy iOS */
    url("./fonts/NotoSerif-Bold0.ttf") format("truetype"), /* Safari, Android, iOS */
    url("./fonts/NotoSerif-Bold0.woff") format("woff"), /* Modern Browsers */
    url("./fonts/NotoSerif-Bold0.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "NotoSerif";
  src: url("./fonts/NotoSerif-Regular0.eot"); /* IE9 Compat Modes */
  src: url("./fonts/NotoSerif-Regular0.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("./fonts/NotoSerif-Regular0.otf") format("opentype"), /* Open Type Font */
    url("./fonts/NotoSerif-Regular0.svg") format("svg"), /* Legacy iOS */
    url("./fonts/NotoSerif-Regular0.ttf") format("truetype"), /* Safari, Android, iOS */
    url("./fonts/NotoSerif-Regular0.woff") format("woff"), /* Modern Browsers */
    url("./fonts/NotoSerif-Regular0.woff2") format("woff2"); /* Modern Browsers */
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'SFUBodoniBoldCondensed';
  font-style: normal;
  font-weight: 250;
  src: url(font/SFUBodoniBoldCondensed.TTF)
}


.full-wrap{width:100%;margin:0 auto;font-family: "Lato-Medium";color:#0d324a;font-size:22px;line-height:34px;text-align:justify}
.clear{clear:both}
.margT30{margin-top:30px}
.margB30{margin-bottom:30px}
.margT10{margin-top:10px}
.padT30px{padding-top:30px}
.padB30px{padding-bottom:30px}

.texxt-nho{max-width:660px;margin:0 auto;margin-top:40px}
.texxt-nho>p{text-align:center;font-family: "VLAmpleSoft-Medium";color:#1c1c1c;font-size:24px;line-height:36px}
.texxt-to{max-width:594px;margin:0 auto;margin-top:30px;margin-bottom:30px}
.main-text{max-width:660px;margin:0 auto}
.main-text-tac-gia{max-width:660px;margin:0 auto;border-top:1px solid #000000;padding-top:20px}
.bold-text>p{font-family: 'Noto Serif', serif;font-size:17px;line-height:26px;color:#000000;margin-bottom:25px;font-weight:700}
.regular-text>p{font-family: 'Noto Serif', serif;font-size:17px;line-height:26px;color:#000000;margin-bottom:25px;font-weight:400}
.big-img-thang {
    max-width: 980px;
    margin: 0 auto;
    margin-bottom: 10px;
}
.main-text-tac-gia>p{font-family: "VLAmpleSoft-Medium";font-size:26px;line-height:34px}




.video {
    max-width: 937px;
    margin: 0 auto;
    background: url(images/back-video.jpg) no-repeat;
    background-size: 100%;
    text-align: center;
    padding-top: 7px;
}
.texxt-to>p{margin-bottom:20px}
.sapo-text{max-width:937px;margin:0 auto;text-align:center;font-size:30px;line-height:40px;margin-top:-20px;margin-bottom:30px}
/*Start quy chuẩn header,footer và like fb*/
.fixheader{width:100%;z-index:15;background:#03234a;position:fixed;height:45px}
.logo-img {
    max-width: 190px;
    margin: 0 auto;
    padding-top: 10px;
    height: 34px;
}
.logo-mobile{display:none}

.backhome {
    max-width: 105px;
    float: left;
    position: absolute;
    top: 3px;
    left: 2.5%;
}
.backhome-mobile{display:none}
.footer{width:100%;background:#3b3b3b;bottom:0px;z-index:290;color:#FFFFFF;font-size:25px;margin-top:-10px;display:block;float:left;z-index:9999}
.footext{width:96%;margin:0 auto;color:#FFFFFF;padding-left:2%;padding-right:2%;height:50px;margin-top:6px;z-index:10000;font-family: 'SFUBodoniBoldCondensed';text-align:center}
.logofoot{max-width:120px;float:left;margin-top:5px;padding-left:5px}
.seotag a{color:#FFFFFF;text-decoration:none;font-family:'Roboto-Thin';font-size:20px;margin-right:10px;float:left;padding-top:9px;margin-left:10px}
.author{float:right;font-family:'SFUBodoniBoldCondensed';font-size:27px;font-weight:300}

.like-block{float:right;margin-top: 11px;margin-right: 8px;}
.like-fb-mobile{display:none}
.footer-mobile{display:none}
/*End quy chuẩn header và like fb*/

/* End Style chung */
.mg-imgFloat{float:left;margin-right:15px;display:block;position:relative;padding-bottom:0 !important;margin-bottom:0 !important}
.mg-imgFloat2{float:right;margin-left:25px;display:block;position:relative;padding-bottom:0 !important;margin-bottom:0 !important}
.Emag-content{width:100%;padding-bottom:50px}
.big-header-1{width:100%;margin:0 auto}
.pre-info-Macron{width:100%;z-index:1;margin-top:50px}
.info-macron{max-width:1004px;margin:0 auto}
.info-macron-2{max-width:1869px;margin:0 auto}
.main-text-Pru{max-width:800px;margin:0 auto;padding-top:3%}
.main-text-Pru>p{font-size:24px;color:#004143;text-align:justify;margin-bottom:5%}	
.text-1-Pru{max-width:800px;margin:0 auto;padding-top: 1%;}

/*code xem zoom photo*/
.mfp-title {
  font-size: 1.2em;
  color: #ddd !important;
  font-weight: 700;
}

/** clearfix **/
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
 
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

.matixshow3{width:100%;float:left;margin-top:1%}



#portfolio93{width:100%;display:inline-block;float:left}
.oni6{width:100%;float:left}
.oni7{width:63%;float:left}
.oni9{width:49.8%;float:left;margin-right:2px}
.oni9-9{width:50%;float:left}


.oni7-above{ 
	float: left;
    width: 100%;}
.oni7-lef-inside{width:42.6%;float:left}
.oni7-rite-inside{width:56.8%;float:left;margin-left:2px}

.oni7-under {
    margin-top: -6px;
    float: left;
    width: 100%;
}
.oni7-lef-ud{width:51.2%;float:left}
.oni7-rite-ud{width:48.3%;float:left;margin-left:2px}
.wrap-box{float:left;width:37%;}
	.onih{
    width: 100%;
    float: left;
    margin-top: -5px;}


.oni5 a {
    color: -webkit-link;
    cursor: zoom-in;
    text-decoration: underline;
}
.oni7 a {
    color: -webkit-link;
    cursor: zoom-in;
    text-decoration: underline;
}
.oni8 a {
    color: -webkit-link;
    cursor: zoom-in;
    text-decoration: underline;
}
.oni9 a {
    color: -webkit-link;
    cursor: zoom-in;
    text-decoration: underline;
}
.onih a {
    color: -webkit-link;
    cursor: zoom-in;
    text-decoration: underline;
}
.oni9-9 a {
    color: -webkit-link;
    cursor: zoom-in;
    text-decoration: underline;
}



/* End code xem zoom photo */





.mobile-img,.mobile-vid,.mobile-vid450,.mobile-vid320{display:none}
.slide-photo{max-width:100%;margin:0 auto}
/* code css dành cho nút bấm trên góc phải*/
.slide-buton {
    position: fixed;
    display: block;
    top: 11px;
    left: 7px;
    z-index: 20;
}
.close {
    width: 41px;
    height: 33px;
    position: absolute;
    top: -37px;
    left: 5px;
}
.mn-thoi-su {
    background: rgba(0, 0, 0, 0) url(images/menu1-thoisu.png) no-repeat scroll 10px center;
}
.mn-kinh-doanh {
    background: rgba(0, 0, 0, 0) url(images/menu2-kinhdoanh.png) no-repeat scroll 10px center;
}
.mn-giai-tri {
    background: rgba(0, 0, 0, 0) url(images/menu3-giaitri.png) no-repeat scroll 10px center;
}
.mn-the-gioi {
    background: rgba(0, 0, 0, 0) url(images/menu4-thegioi.png) no-repeat scroll 10px center;
}
.mn-giao-duc {
    background: rgba(0, 0, 0, 0) url(images/menu5-giaoduc.png) no-repeat scroll 10px center;
}
.mn-doi-song {
    background: rgba(0, 0, 0, 0) url(images/menu6-doisong.png) no-repeat scroll 10px center;
}
.mn-phap-luat {
    background: rgba(0, 0, 0, 0) url(images/menu7-phapluat.png) no-repeat scroll 10px center;
}
.mn-the-thao {
    background: rgba(0, 0, 0, 0) url(images/menu8-thethao.png) no-repeat scroll 10px center;
}
.mn-cong-nghe {
    background: rgba(0, 0, 0, 0) url(images/menu9-congnghe.png) no-repeat scroll 10px center;
}
.mn-suc-khoe {
    background: rgba(0, 0, 0, 0) url(images/menu10-suckhoe.png) no-repeat scroll 10px center;
}
.mn-bds {
    background: rgba(0, 0, 0, 0) url(images/menu11-batdongsan.png) no-repeat scroll 10px center;
}
.mn-ban-doc {
    background: rgba(0, 0, 0, 0) url(images/menu12-bandoc.png) no-repeat scroll 10px center;
}
.mn-video {
    background: rgba(0, 0, 0, 0) url(images/menu13-video.png) no-repeat scroll 10px center;
}
.mn-muti {
    background: rgba(0, 0, 0, 0) url(images/menu14-multi.png) no-repeat scroll 10px center;
}
.mn-blog {
    background: rgba(0, 0, 0, 0) url(images/menu14-multi.png) no-repeat scroll 10px center;
}
.mn-24 {
    background: rgba(0, 0, 0, 0) url(images/menu15-24h.png) no-repeat scroll 10px center;
}
.dieuhuong{width:250px;background:#ffffff;position:fixed;z-index:21;top:45px;transition:all 1s;left:-250px;-webkit-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.15);
box-shadow: 0px 1px 1px 1px rgba(0,0,0,0.15);}
.ra{left:0px}
ul.dh-1{list-style:none;margin:0px;display:block}
ul.dh-1>li:hover{background-color: #d9d9d9;}
ul.dh-1>li>a{border-bottom: 1px solid #d9d9d9;
    margin: 0px 10px 0px 45px;
    display: block;}
ul>li {
    padding: 0px;
    margin: 0px;
    padding-bottom: 3px;
    padding-top: 3px;
    width: 100%;
    float: right;
}
ul>li>a{text-decoration:none;color:#555555;font-size:18px;font-family:Arial}
/*End code css dành cho nút bấm trên góc phải*/

@media(max-width: 480px){
	 /* Chỗ này dành cho mobile của heaader-footer,fb*/
	 .logo-img{max-width:90px;padding-top:5px}
	 .backhome{max-width:120px}
	 .fixheader{height:36px}
	 .footext{font-size:18px;text-align:right;margin-top:2px}
	 .mobile-play{display:block}
	 .pc-play{display:none}
	 .logofoot{max-width:80px;padding-top:6px;padding-left:6px}
.backhome-mobile {
    display: block;
    max-width: 69px;
    padding-top: 6px;
    float: left;
    position: absolute;
    top: 0px;
    /* padding-left: 6px; */
    left: 12%;
}
.slide-buton {
    top: 8px;
    left: 7px;

}
.dieuhuong{top: 36px;
    width: 200px;}
.close {
    width: 34px;
    top: -30px;
    left: 5px;
}
	 .backhome{display:none}
	 .like-block{display:block}
	 .like-fb{display:none}
	 .like-fb-mobile{display:block;float:right;margin-top: 11px;margin-right: 8px;max-width:60px;position:fixed;right:0px;top:0px}
	 .seotag a{float:left;font-size:11px;margin-right:0px;margin-bottom:5px}
	 .author{float:right;font-size:22px;}
	 .footer-mobile{display:block;width:100%;background:#3b3b3b;bottom:0px;color:#FFFFFF;margin-top:0px;float:left;position: relative;}
	 .footer{display:none}
	 .author-mobile{width:100%}
	 .bak-logo{width:30%;float:left;padding-top:12px;position: absolute;top: 20%;left: 2%;}
	 .author-mobile-1 {
    width: 98%;
    /* float: left; */
    text-align: right;
    font-family: 'SFUBodoniBoldCondensed';
    font-size: 20px;
    padding-right: 2%;
    padding-top: 2%;
    padding-bottom: 2%;
}
	 .tag-mobile{width:100%;text-align:center;float:left}
	 /*End Chỗ này dành cho mobile của heaader-footer,fb*/
	 
	 .pre-info-Macron{margin-top: 0px;}
	 .pc-img{display:none}
	 .mobile-img{display:block}
	 
	 .big-header-1{padding-top:20px}
	/*respon-zooo-photo*/
	.oni7{width:100%}
	.oni8{width:100%;margin-left:0}
	.oni9{width:100%}
	/*end respon-zooo-photo*/

	.mg-imgFloat2 {
    float: right;
    margin-left: 0;
    padding-left: 5%;
    padding-right: 5%;}

.mg-imgFloat img{width:80%;padding-left:20%}

.main-text {
    padding-left: 5%;
    padding-right: 5%;
}
.main-text-tac-gia {
    padding-left: 5%;
    padding-right: 5%;
}
.main-text-tac-gia>p {
    font-size: 20px;
    line-height: 26px;
}
.texxt-nho {
    max-width: 322px;
    margin: 0 auto;
}
.texxt-nho>p {
    font-size: 24px;
    line-height: 28px;
}
bold-text>p {
    font-size: 16px;
    line-height: 24px;}
.regular-text>p {
    font-family: 'Noto Serif', serif;
    font-size: 16px;
    line-height: 24px;
	margin-bottom: 15px;}
.full-wrap{
    font-size: 18px;
    line-height: 28px;
    text-align: justify;
	}
.texxt-to {
    margin-top: 20px;
    margin-bottom: 10px;
}
.oni7-rite-ud {
    width: 48.1%;
}
.full-wrap{background-size: 175%;}
.padT30px {
    padding-top: 10px;
}
.mobile-vid450{display:none}
.mobile-vid,.mobile-vid320{display:none}
.pc-vid{display:none}
.video{padding-top:1px}
.mobile-img{display:block}
	 }
	 
@media(max-width: 375px){
	
	.mobile-vid450{display:block}

	}	 
@media (max-width: 320px)
{
.texxt-nho {
    margin-top: -106px;
	padding-left: 4%;
    padding-right: 4%;
}
.mobile-vid450{display:none}
.mobile-vid320{display:block}
.oni7-rite-inside {
    width: 56.6%;
}
}