@charset "utf-8";
/* CSS Document */
/*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: 'UTM-Swiss-CondensedBold';
  font-style: normal;
  font-weight: 250;
  src: url(font/UTM-Swiss-CondensedBold.ttf)
}
@font-face {
  font-family: 'UTM-Helve';
  font-style: normal;
  font-weight: 250;
  src: url(font/UTM-Helve.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}



/*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%}
.big-header-1{width:100%;margin:0 auto}
.pre-info-Macron{width:100%;z-index:1;margin-top:0px}
.info-macron{max-width:853px;margin:0 auto}
.info-macron-2{max-width:1869px;margin:0 auto}


/*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:28%;float:left}
.oni8{width:43%;float:left;margin-left:16px}
.oni9{width:27%;float:right;}
.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;
}
/* End code xem zoom photo */



/*respon-impge*/
.mg-imgFloat{float:left;margin-right:10px;display:block;position:relative;padding-bottom:0 !important;margin-bottom:0 !important; max-width: 125px;}
.mg-imgFloat-2{float: right;
    margin-left: 15px;
    display: block;
    position: relative;
    padding-bottom: 0;
    margin-bottom: 0 !important;
    margin-top: 39px;
    max-width: 423px;}
/*respon-impge*/
.header-text1{max-width:671px;margin:0 auto}
.header-text1>p{font-family: 'UTM-Swiss-CondensedBold';color:#FFFFFF;font-size:30px;padding-bottom:60px;padding-top:20px;line-height:45px}
.normal-text1{max-width:671px;margin:0 auto}
.normal-text1>p{font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;color:#242424;font-size:20px;line-height:28px;padding-bottom:30px}
.video-wrap{max-width:990px;margin:0 auto;padding-top:30px;padding-bottom:30px}
.video-wrap-2{max-width:990px;margin:0 auto;padding-top:0px;padding-bottom:30px}
video {
  width: 100%    !important;
  height: auto   !important;
}
.l-r-box{width:100%}
.left{float:left;width:50%}
.rite{float:left;width:50%}
.rite>p{font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;color:#242424;font-size:20px;line-height:28px;padding-bottom:30px;padding-right: 30%;}
.left-2{float:left;width:50%}
.left-2>p{font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;color:#242424;font-size:20px;line-height:28px;padding-bottom:30px;padding-left: 32%;}
.rite2{float:left;width:45%;margin-left:30px}
.normal-text2{max-width:671px;margin-top:-10px}
.normal-text2>p{font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;color:#242424;font-size:20px;line-height:28px;padding-bottom:30px}
#video-mobile, #video-mobile320{display:none}
.mobile-img{display:none}
.slide-photo{width:100%}

@media(max-width: 750px){
	
	#video-mobile{display:block;max-width:355px;margin:0 auto;padding-top:10px}
	#video, #video-mobile320{display:none}
	
	 /* 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: 8px;max-width:120px;position:fixed;right:-75px;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*/
	 
	 .video-wrap{padding-top:0px}
	 .pc-img{display:none}
	 .mobile-img{display:block}
	 .pre-info-Macron{display:none}
	 
	/*respon-zooo-photo*/
	.oni7{width:100%}
	.oni8{width:100%;margin-left:0}
	.oni9{width:100%}
	/*end respon-zooo-photo*/
	.header-text1,.normal-text1{    padding-left: 5%;
    padding-right: 5%;
    text-align: justify;}
	.header-text1>p{font-size: 22px;line-height: 36px;}
	
	.normal-text2>p{    padding-left: 5%;
    padding-right: 5%;
    text-align: justify;}
	.rite {
    float: left;
    width: 100%;
}

.big-header-1 {
  
    padding-top: 36px;
}

.left {
    float: left;
    width: 100%;
}
.rite>p {
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #242424;
    font-size: 20px;
    line-height: 28px;
    padding-bottom: 30px;
    padding-right: 5%;
    padding-left: 5%;
    padding-top: 30px;
	text-align:justify
}
.left-2 {
    float: left;
    width: 100%;
}
.left-2>p {
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #242424;
    font-size: 20px;
    line-height: 28px;
    padding-bottom: 30px;
    padding-left: 5%;
    padding-right: 5%;
	text-align: justify;
}
.rite2 {
    float: left;
    width: 100%;
    /* padding-right: 5%; */
    max-width: 82%;
}
	 }
	 
@media(max-width: 320px){
	#video, #video-mobile{display:none}
	#video-mobile320{display:block;max-width:300px;margin:0 auto;padding-top:10px;}
	
	}