@charset "utf-8";
/*Style chung */
* {
    margin: 0 auto;padding:0}
img{border:0;max-width: 100%;
	height: auto
}
@font-face {
  font-family: 'SFUBodoniBoldCondensed';
  font-style: normal;
  font-weight: 250;
  src: url(font/SFUBodoniBoldCondensed.TTF)
}
@font-face {
  font-family: 'Roboto-Light';
  font-style: normal;
  font-weight: 250;
  src: url(font/Roboto-Light.ttf)
}
@font-face {
  font-family: 'Roboto-Medium_0';
  font-style: normal;
  font-weight: 250;
  src: url(font/Roboto-Medium_0.ttf)
}
@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: 'Roboto-MediumItalic_0';
  font-style: normal;
  font-weight: 250;
  src: url(font/Roboto-MediumItalic_0.ttf)
}
@font-face {
  font-family: 'Roboto-Thin';
  font-style: normal;
  font-weight: 250;
  src: url(font/Roboto-Thin.ttf)
}
.full-wrap{width:100%;margin:0 auto}
.clear{clear:both}
.margT30{margin-top:30px}
.margB30{margin-bottom:30px}
.margT10{margin-top:10px}
.padT30px{padding-top:30px}
.padB30px{padding-bottom:30px}
.marB60px{margin-bottom:60px}


/*Start quy chuẩn header,footer và like fb*/
.fixheader{width:100%;z-index:15;background:#3b3b3b;position:fixed;height:44px}
.logo-img{max-width:180px;margin:0 auto}
.logo-mobile{display:none}

.backhome{max-width:166px;float:left;position:absolute;top:0}
.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 */

.Emag-content{width:100%;font-family:"NotoSerif";font-size:18px;padding-bottom:30px;line-height:28px}
.big-header-1{width:100%;margin:0 auto;padding-top:43px}
.pre-info-Macron{width:100%;z-index:1;margin-top:40px}
.info-macron{max-width:853px;margin:0 auto}
.info-macron-2{max-width:1869px;margin:0 auto}
.main-text{max-width:800px;margin:0 auto;}
.main-text>p{margin-bottom:20px;text-align:justify;color:#5c5c5c}

.mg-imgFloat{float:left;margin-right:10px;display:block;position:relative;padding-bottom:0 !important;margin-bottom:0 !important}

.media-show,.media-show-clip{max-width:1000px;margin:0 auto;}
.left-rite{width:100%;margin:0 auto}
.left-text{width:50%;float:left;margin-right:3%}
.left-text>p{color:#5c5c5c;margin-bottom:20px}
.rite-anh{width:45%;float:left}
.left-text-1 {
    width: 45%;
    float: left;
    margin-right: 3%;
}
.rite-anh-1 {
    width: 51%;
    float: left;
    margin-top: 10px;
}
.left-text-1>p{color:#5c5c5c;margin-bottom:20px}

.ket-bai-viec-tu-te{
	max-width:786px;background:url(images/viec-tu-te-thang-5.jpg) no-repeat;
	background-size:100%;
	padding: 76px 87px 250px 87px;
    margin-top: 60px;
    font-size: 26px;
    font-family: serif;}
.ket-bai-viec-tu-te>p{margin-bottom:30px}

/*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:49%;float:left}
.oni8{width:49%;float:left;margin-left:1%}

.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;
}

.left-oni{width:50%;float:left}
.rite-oni{width:49%;float:left;margin-left:1%}

.left-oni a{
    color: -webkit-link;
    cursor: zoom-in;
    text-decoration: underline;
}
.rite-oni-1 a{color: -webkit-link;
    cursor: zoom-in;
    text-decoration: underline;}
.rite-oni-2 a{color: -webkit-link;
    cursor: zoom-in;
    text-decoration: underline;}


/* End code xem zoom photo */





.mobile-img{display:none}
.slide-photo{max-width:1000px}
.media-show-clip{text-align:center}
@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:60px;padding-top:6px;float:left;position:absolute;top:0px;padding-left:6px}
	 .backhome{display:none}
	 .like-block{display:block}
	 .like-fb{display:none}
	 .like-fb-mobile{display:block;float:right;margin-top: 11px;margin-right:0px;max-width:60px;position:fixed;right:0px;top:-10px}
	 .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:-10px;float:left}
	 .footer{display:none}
	 .author-mobile{width:100%}
	 .bak-logo{width:30%;float:left;padding-top:12px}
	 .author-mobile-1{width:68%;float:left;text-align:right;font-family:'SFUBodoniBoldCondensed';font-size:20px;padding-right:2%}
	 .tag-mobile{width:100%;text-align:center;float:left}
	 /*End Chỗ này dành cho mobile của heaader-footer,fb*/
	 
	 .main-text{padding-left:5%;padding-right:5%;font-size:16px}
	 .pc-img{display:none}
	 .mobile-img{display:block}
	 .ket-bai-viec-tu-te{font-size:16px;background:url(images/viec-tu-te-thang-5-mobile.jpg) no-repeat;background-size:100%;padding-bottom: 163px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 40px;
}
	 .big-header-1{padding-top:36px}
	/*respon-zooo-photo*/
	.oni7{width:100%}
	.oni8{width:100%;margin-left:0}
	.oni9{width:100%}
	/*end respon-zooo-photo*/
	.pre-info-Macron{margin-bottom:10px;margin-top:20px}
	.main-text{padding-top:5px}
	.marB60px{margin-bottom:15px}
	.left-text{width:100%}
	.rite-anh,.left-text-1,.rite-anh-1{width:100%}
	 }
@media(max-width: 375px){
	.ket-bai-viec-tu-te {
    font-size: 16px;
    background: url(images/viec-tu-te-thang-5-mobile.jpg) no-repeat;
    background-size: 135%;
    padding-bottom: 151px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 40px;
    background-position-x: -68px;
}}
@media(max-width: 320px){
	.ket-bai-viec-tu-te {
    font-size: 16px;
    background: url(images/viec-tu-te-thang-5-mobile.jpg) no-repeat;
    background-size: 166%;
    padding-bottom: 118px;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 40px;
    background-position-x: -107px;
}}