@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: '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}



/*Start quy chuẩn header,footer và like fb*/
.fixheader {
    width: 100%;
    z-index: 15;
    background: #3b3b3b;
    position: fixed;
    height: 44px;
    top: -5px;
}
.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%;
    background: url(images/Su-kien-noi-bat-2018-op9.jpg) no-repeat fixed;
    background-size: 100%;
    /*position: relative;*/
    height: 100vh;
}
.inside-emag{max-width:90%;margin:0 auto;position:fixed;top:10%;left:5%;z-index:16}
.start-full-box{width:100%;}

.fisrt-box, .hai-box,.ba-box,.bon-box,.nam-box{
    top: 54px;
}
.sau-box,.bay-box,.tam-box {

top: 315px;
}
.chin-box,.muoi-box,.muoimot-box,.muoihai-box {

top: 564px;
}

video {
  width: 100%    !important;
  height: auto   !important;
}
.fisrt-box {
    width: 19%;
    height: auto;
    position: fixed;
    
    left: 6.4%;
    z-index: 17;
    overflow: hidden;
    cursor: pointer;
}
.hai-box {
    width: 13.3%;
    height: auto;
    position: fixed;
    
    left: 25.7%;
    z-index: 17;
    overflow: hidden;
    cursor: pointer;
}
.ba-box {
    width: 17.4%;
    height: auto;
    position: fixed;
    
    left: 39.3%;
    z-index: 17;
    overflow: hidden;
    cursor: pointer;
}
.bon-box {
    width: 20.5%;
    height: auto;
    position: fixed;
    
    left: 56.99%;
    z-index: 17;
    overflow: hidden;
    cursor: pointer;
}
.nam-box {
    width: 15.5%;
    height: auto;
    position: fixed;
    
    left: 77.9%;
    z-index: 17;
    overflow: hidden;
    cursor: pointer;
}
.sau-box {
    width: 27%;
    height: auto;
    position: fixed;
    
    left: 25.7%;
    z-index: 17;
    overflow: hidden;
    cursor: pointer;
}
.bay-box {
    width: 15.25%;
    height: auto;
    position: fixed;
    left: 53.1%;
    z-index: 17;
    overflow: hidden;
    cursor: pointer;
}
.tam-box {
    width: 24.7%;
    height: auto;
    position: fixed;
    
    left: 68.7%;
    z-index: 17;
    overflow: hidden;
    cursor: pointer;
}
.chin-box {
    width: 23.3%;
    height: auto;
    position: fixed;
    
    left: 6.4%;
    z-index: 17;
    overflow: hidden;
    cursor: pointer;
}
.muoi-box {
    width: 22.7%;

    height: auto;
    position: fixed;
    
    left: 30%;
    z-index: 17;
    overflow: hidden;
    cursor: pointer;
}
.muoimot-box {
    width: 12.34%;
    height: auto;
    position: fixed;
    
    left: 68.7%;
    z-index: 17;
    overflow: hidden;
    cursor: pointer;
}
.muoihai-box {
    width: 12%;
    height: auto;
    position: fixed;
    
    left: 81.4%;
    z-index: 17;
    overflow: hidden;
    cursor: pointer;
}
.logo-sukien {
    max-width: 200px;
    position: absolute;
    top: 28%;
    left: 18%;
    z-index: 18;
}
.like-share-fb {
    max-width: 200px;
    position: absolute;
    top: 57%;
    left: 28%;
    z-index: 18;
}
.box-bigtexxt {
    max-width: 518px;
    position: absolute;
    top: 0%;
    left: 0%;
    z-index: 18;
}
	
.click-link {
    position: absolute;
    z-index: 19;
    top: 0%;
    left: 102%;
    padding-top: 83%;
    padding-bottom: 45%;
    width: 100%;
    text-align: -webkit-center;
    background: #00000078;
    transition: all 1s;
}
.click-link1 {
    position: absolute;
    z-index: 19;
    top: 0%;
    left: 102%;
    padding-top: 38%;
    padding-bottom: 45%;
    width: 100%;
    text-align: -webkit-center;
    background: #00000078;
    transition: all 1s;
}
.click-link2 {
    position: absolute;
    z-index: 19;
    top: 0%;
    left: 102%;
    padding-top: 40%;
    padding-bottom: 22%;
    width: 100%;
    text-align: -webkit-center;
    background: #00000078;
    transition: all 1s;
}
.click-link3 {
    position: absolute;
    z-index: 19;
    top: 0%;
    left: 102%;
    padding-top: 29%;
    padding-bottom: 25%;
    width: 100%;
    text-align: -webkit-center;
    background: #00000078;
    transition: all 1s;
}
.click-link4 {
    position: absolute;
    z-index: 19;
    top: 0%;
    left: 102%;
    padding-top: 25%;
    padding-bottom: 23%;
    width: 100%;
    text-align: -webkit-center;
    background: #00000078;
    transition: all 1s;
}
.click-link5 {
    position: absolute;
    z-index: 19;
    top: 0%;
    left: 102%;
    padding-top: 25%;
    padding-bottom: 23%;
    width: 100%;
    text-align: -webkit-center;
    background: #00000078;
    transition: all 1s;
}
.click-link6 {
    position: absolute;
    z-index: 19;
    top: 0%;
    left: 102%;
    padding-top: 77%;
    padding-bottom: 82%;
    width: 100%;
    text-align: -webkit-center;
    background: #00000078;
    transition: all 1s;
}
.click-link7 {
    position: absolute;
    z-index: 19;
    top: 0%;
    left: 102%;
    padding-top: 20%;
    padding-bottom: 20%;
    width: 100%;
    text-align: -webkit-center;
    background: #00000078;
    transition: all 1s;
}
.click-link8 {
    position: absolute;
    z-index: 19;
    top: 0%;
    left: 102%;
    padding-top: 45%;
    padding-bottom: 48%;
    width: 100%;
    text-align: -webkit-center;
    background: #00000078;
    transition: all 1s;
}
.click-link9 {
    position: absolute;
    z-index: 19;
    top: 0%;
    left: 102%;
    padding-top: 49%;
    padding-bottom: 48%;
    width: 100%;
    text-align: -webkit-center;
    background: #00000078;
    transition: all 1s;
}
.ra{left:0%}
	.img-click{max-width:144px;margin:0 auto}
.fit-box-text {
    position: absolute;
    bottom: 3%;
    left: 3%;
    z-index: 18;
    color: #FFFDFD;
}
/* img zoom */

.cach-bot{bottom:6%}
.zoom {

  transition: transform .5s; /* Animation */
  width:100%;
}
.zoom:hover {
  transform: scale(1.2); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}






/*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 */





.mobile-img{display:none}
.slide-photo{max-width:1000px}
.box-1{width:30%;height:50%;position:fixed;top:2%;left:2%}

.inside-emag-mobile{display:none}
/*
@media(max-width: 2880px){
.fisrt-box, .hai-box,.ba-box,.bon-box,.nam-box{
    top: 60px;
}
.sau-box,.bay-box,.tam-box {

top: 310px;
}
.chin-box,.muoi-box,.muoimot-box,.muoihai-box {

top: 554px;
}
video {
    width: 151% !important;
    height: auto !important;
}
}
*/
@media(max-width: 1880px){
.sau-box,.bay-box,.tam-box {

top: 309px;
}
.chin-box,.muoi-box,.muoimot-box,.muoihai-box {

top: 554px;
}
}

@media(max-width: 1600px){
.fisrt-box, .hai-box,.ba-box,.bon-box,.nam-box{
    top: 60px;
}
.sau-box,.bay-box,.tam-box {

top: 277px;
}
.chin-box,.muoi-box,.muoimot-box,.muoihai-box {

top: 484px;
}
.fisrt-box {

    left: 6.4%;

}
.hai-box,.sau-box {

    left: 25.7%;

}
.ba-box {

    left: 39.3%;

}
.bon-box {

    left: 57%;

}
.nam-box {

    left: 77.8%;

}

.bay-box {

    left: 53%;

}
.tam-box,.muoimot-box {

    left: 68.6%;

}
.chin-box {

    left: 6.4%;

}
.muoi-box {

    left: 29.95%;

}

.muoihai-box {

    left: 81.25%;

}

.logo-sukien {

    left: 16%;

}
	
	}
@media(max-width: 1560px){
.sau-box,.bay-box,.tam-box {

top: 271px;
}
.chin-box,.muoi-box,.muoimot-box,.muoihai-box {

top: 472px;
}
	
	
	}	
	
	@media(max-width: 1490px){
.sau-box,.bay-box,.tam-box {

top: 263px;
}
.chin-box,.muoi-box,.muoimot-box,.muoihai-box {

top: 456px;
}
	
	
	}
	
		@media(max-width: 1400px){
.sau-box,.bay-box,.tam-box {

top: 250px;
}
.chin-box,.muoi-box,.muoimot-box,.muoihai-box {

top: 431px;
}
	
	
	}
	
	
@media(max-width: 1366px){
.fisrt-box, .hai-box,.ba-box,.bon-box,.nam-box{
    top: 54px;
}
.sau-box,.bay-box,.tam-box {

    top:239px;

}
.chin-box,.muoi-box,.muoimot-box,.muoihai-box {

    top: 417px;
}
.logo-sukien {
    max-width: 140px;
    left: 15%;
}
.like-share-fb {

    left: 23%;

}	
}
@media(max-width: 1300px){
	
	.sau-box,.bay-box,.tam-box {

top: 231px;
}
.chin-box,.muoi-box,.muoimot-box,.muoihai-box {

top: 400px;
}
	
	
	}

@media(max-width: 1280px){
.fisrt-box, .hai-box,.ba-box,.bon-box,.nam-box{
    top: 54px;
}
.sau-box,.bay-box,.tam-box {

    top: 227px;

}
.chin-box,.muoi-box,.muoimot-box,.muoihai-box {

    top:393px;
}
.logo-sukien {
    max-width: 130px;
    left: 15%;
}
.like-share-fb {
    max-width: 200px;
    position: absolute;
    top: 58%;
    left: 19%;
    z-index: 18;
}
	
}

@media(max-width: 1250px){
	
	.sau-box,.bay-box,.tam-box {

top: 223px;
}
.chin-box,.muoi-box,.muoimot-box,.muoihai-box {

top: 386px;
}
	
	
	}
	
@media(max-width: 1200px){
	
	.sau-box,.bay-box,.tam-box {

top: 216px;
}
.chin-box,.muoi-box,.muoimot-box,.muoihai-box {

top: 371px;
}
	
	
	}	

@media(max-width: 1170px){
.fisrt-box, .hai-box,.ba-box,.bon-box,.nam-box{
    top: 54px;
}
.sau-box,.bay-box,.tam-box {

    top: 212px;

}
.chin-box,.muoi-box,.muoimot-box,.muoihai-box {

    top: 364px;
}
.logo-sukien {
    max-width: 103px;
    top: 28%;
    left: 18%;
}
.like-share-fb {
    top: 57%;
    left: 14%;
}
}

@media(max-width: 1100px){
	
	.sau-box,.bay-box,.tam-box {

top: 203px;
}
.chin-box,.muoi-box,.muoimot-box,.muoihai-box {

top: 345px;
}
	}	


@media(max-width: 1024px){
.inside-emag-mobile {
    display: block;
    width: 90%;
    padding-left: 5%;
    padding-right: 5%;
    background: url(images/back-mobile.jpg) repeat-y; 
    padding-bottom: 5%;
}
.inside-emag{display:none}
.fix-logo {
    width: 100%;
    position: fixed;
    top: 0%;
    left: 0;
    background: #ffffff;
    padding-top: 2%;
}
.logo-mobile-sukien {
    width: 29%;
    float: left;
    margin-left: 5%;
}
.likeshare-fb {
    width: 38%;
    float: right;
    padding-top: 4%;
    height: 34px;
}
.content-sukien-mobile{width:100%;margin:0 auto;padding-top:68px}
.Emag-content{display:none}
.img-mobile-sukien{margin-bottom:3%}

}

@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: 8px;
    max-width: 120px;
    position: fixed;
    right: -8px;
    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*/
	 
	 
	 .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*/
	



	 }
@media(max-width: 320px){
	
	.likeshare-fb {
    width: 45%;
    float: right;
    padding-top: 4%;
    height: 34px;
}
	
	
	}