@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: 'Lato-Regular';
  font-style: normal;
  font-weight: 250;
  src: url(font/Lato-Regular.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: '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}

.video {
    margin: 0px auto;
    max-width: 1000px;
}
.video-1 {
    display: none;
}
.video-2 {
    display: none;
}  
/*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: 167px;
    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%;padding-top:34px;}
.big-header-1{width:100%;margin:0 auto}
.pre-info-Macron{width:100%;z-index:1;margin-top:0px}
.info-macron{max-width:1019px;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 */



.normal-text{max-width:883px;margin:0 auto;}

.normal-text>p{font-family: 'Lato-Regular';font-size:19px;line-height:35px;color:#171717;padding-bottom:30px;text-align:justify}
.normal-text-2{max-width:883px;margin:0 auto}
.normal-text-2>p{    font-family: 'Lato-Regular';
    font-size: 19px;
    line-height: 35px;
    color: #171717;
    text-align: justify;}

/*respon-impge*/
.mg-imgFloat{float:left;margin-right:24px;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*/





.mobile-img{display:none}
.slide-photo{width:100%}

.box-left {
    width: 18%;
    float: left;
    padding-left: 27%;
}


.box-left>p{font-family: 'Lato-Regular';font-size:19px;line-height:35px;color:#171717;padding-bottom:30px;text-align:justify}
.box-rite {
    width: 38%;
    margin-top: -3%;
    float: left;
}
.devide-box{width:100%;}
.box-left-2 {
    width: 33%;
    float: left;
    margin-left: 19%;
}
.box-rite-2{width: 21%;
    float: left;
    padding-right: 27%;}
.box-rite-2>p{font-family: 'Lato-Regular';font-size:19px;line-height:35px;color:#171717;padding-bottom:30px;text-align:justify}

@media(max-width:1750px){
	
	.box-rite-2 {
    width: 23.3%;
    float: left;
    padding-right: 23%;
}
	
	
	}



@media(max-width:1600px)
{
	.normal-text>p{font-size:19px;line-height:32px}
	.normal-text-2>p{font-size:19px;line-height:32px}
	.box-left>p{font-size:19px;line-height:32px}
	.box-rite-2>p{font-size:19px;line-height:32px}
.box-left {
    width: 23%;
    float: left;
    padding-left: 22%;
}
.box-left-2 {
    width: 45%;
    float: left;
    margin-left: 9%;
}
	
	
.box-rite-2{padding-right:10%}	
.box-rite {
    padding-top: 7px;
    width: 44%;
    float: left;
    margin-top: -1%;
    /* margin-left: -2%; */
}

.box-rite-2 {
    padding-right: 22.5%;
    width: 20.3%;
    float: right;
}
.box-left-2 {
    width: 38%;
    float: left;
    margin-left: 16%;
}

}
@media(max-width:1441px){
.box-left {
    width: 23%;
    float: left;
    padding-left: 19.5%;
}
.box-rite {
    padding-top: 7px;
    width: 44%;
    float: left;
    margin-top: -1%;
    /* margin-left: -2%; */
}
.box-rite-2 {
    padding-right: 17.8%;
    width: 30%;
}
.box-left-2 {
    width: 39%;
    float: left;
    margin-left: 12%;
}
}
@media(max-width:1366px)
{
	.box-left{ padding-left: 18%;}
	.box-rite-2 {
    padding-right: 18%;    width: 30%;
}
	.normal-text>p{font-size:20px;line-height:28px}
	.normal-text-2>p{font-size:20px;line-height:28px}
	.box-left>p{font-size:20px;line-height:28px}
	.box-rite-2>p{font-size:20px;line-height:28px}
.box-left-2 {
    width: 38%;
    float: left;
    margin-left: 13%;
}
	
	}

	@media(max-width:1280px)
{
	.box-rite-2 {
    padding-right: 15.5%;
}
	.box-left {
    padding-left: 16%;
}
	
	}
	

	@media(max-width:1024px)
{
.box-left {
    width: 37%;
    float: left;
        padding-left: 7%;
}
.box-rite {
    padding-top: 7px;
    width: 49%;
    float: left;
    margin-top: -1%;
    /* margin-left: -2%; */
}
.box-rite-2 {
        padding-right: 7%;
    width: 41%;
}
.box-left-2 {
    width: 50%;
    float: left;
    margin-left: 0%;
}
	
	}
		
	
	
@media(max-width: 768px)

{
.video {
    display: none;
}  
.video-2 {
    display: none;
}  
.video-1 {
    display: block;
    margin: 0px auto;
    max-width: 704px;
}  
	.big-header-1 {
    width: 100%;
    padding-top: 36px;
    margin: 0 auto;
}
	 /* Chỗ này dành cho mobile của heaader-footer,fb*/
	 .logo-img{max-width:90px;padding-top:5px}
.backhome {
    max-width: 132px;
}
	 .fixheader{height:36px}
	 .footext{font-size:17px;text-align:right;margin-top:2px}
	 .mobile-play{display:block}
	 .pc-play{display:none}
	 .logofoot{max-width:80px;padding-top:6px;padding-left:6px}
	 .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: 0px;
    top: -5px;
}
	 .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*/
	 
	 
	 .pc-img{display:none}
	 .mobile-img{display:block}
	 .Emag-content {
    width: 100%;
    padding-top: 0px;
}
	/*respon-zooo-photo*/
	.oni7{width:100%}
	.oni8{width:100%;margin-left:0}
	.oni9{width:100%}
	/*end respon-zooo-photo*/
	.normal-text>p{
    padding-left: 5%;
    padding-right: 5%;
	font-size:17px;
	line-height:26px;
	}
.big-header-2{padding-top: 0px;}
.box-left>p{ 
	
	
	font-size:17px;
	line-height:26px;
	
	
	}
	
	
.box-left{
	padding-left: 5%;
    padding-right: 5%;
	width:90%

}
.box-rite{width:100%}
.normal-text-2>p{
	padding-left: 5%;
    padding-right: 5%;
	font-size: 17px;
    line-height: 26px;
	
	}
	
.box-left-2{
width:100%;
margin-left:0px;

}
.box-rite-2{
width:90%;
padding-left: 5%;
padding-right: 5%;

}
.box-rite-2>p{font-size: 18px;
    line-height: 26px;}
.mg-imgFloat {
    float: left;
    margin-right: 10px;
    display: block;
    position: relative;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    max-width: 73px;
}	
	

	 }
@media(max-width: 450px)

{
    .video-1 {
    display: none;
} 
.video-2 {
    display: block;
    max-width: 355px;
    margin: 0px auto;
}   
@media(max-width: 368px)
{
	.logo-img {
    padding-left: 60px;
    max-width: 88px;
    padding-top: 7px;
}
}