@charset "utf-8";
/* CSS Document */
	body{
		color: #333;
		font-family: 'Roboto', sans-serif;
	}
@font-face {
  font-family: 'SFUBodoniBoldCondensed';
  font-style: normal;
  font-weight: 250;
  src: url(font/SFUBodoniBoldCondensed.TTF)
}

	/* Style for our header texts
	* --------------------------------------- */
	h1{
		font-size: 5em;
		font-family: arial,helvetica;
		margin:0;
		padding:0;
	}
	h2{
		font-size: 2em;
		margin: 0 0 18px 0;
		font-family: arial,helvetica;
	}


/*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*/
 /*=== Safari 
    @media screen and (-webkit-min-device-pixel-ratio:0)  {
        #safari { display: block; }
    }

	/* Common styles
	* --------------------------------------- */
	img{
	    -webkit-transition: all 0.7s ease-out;
		-moz-transition: all 0.7s ease-out;
		-o-transition: all 0.7s ease-out;
		transition: all 0.7s ease-out;
	}
	.section{
		padding-top:44px;
		text-align:center;
		overflow:hidden;
	}

	.wrap{
		width: 1180px;
		height: 100%;
		margin-left: auto;
		margin-right: auto;
		position: relative;
	}
	.box{
		padding: 30px 0px;
    /* text-align: left; */
    color: #808080;
    font-size: 1.2em;
    line-height: 1.6em;
	}

/*Start xu ly full video*/
	
	.videoWrapper {   
	position: absolute;
    padding-bottom: 30.25%;
    padding-top: 47px;
    height: 0;
	width: 60%;
	
    display: block;
    
    top: 22%;
    left: 4%;
	
	
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
 
 /*END xu ly full video*/


	/* Section 0
	* --------------------------------------- */
	#section0{
		
	}
.clickback1cover{background:url(../images/Slide1-op2.jpg) no-repeat;
		background-size:100%;
		background-position: center;
		height:100%;
		/*padding: 60px 0;*/}
.clickbcakhover1{
	background: url(../images/Slide1-bg2.jpg) no-repeat;
    background-size: 109%;
    background-position: center;
    background-position-x: -156px;
    height: 100%;}	
.clickbcakhover2{background:url(../images/Slide1-bg3.jpg) no-repeat;
		background-size:100%;
		background-position: center;
		height:100%;}	
	
.section2-click{max-width:600px;display:block;position:absolute;bottom:5px;right:71px;z-index:1}
.section-click1, .section-click2, .section-click3{max-width:122px;display:inline-block;margin-left:20px;cursor:pointer}
.section-click11, .section-click22, .section-click33{max-width:122px;display:inline-block;margin-left:20px;cursor:pointer}
.section-click44, .section-click45, .section-click46{max-width:122px;display:inline-block;margin-left:20px;cursor:pointer}
.section-click5, .section-click52, .section-click53{max-width:122px;display:inline-block;margin-left:20px;cursor:pointer}
.section-click6, .section-click6x, .section-click6y{max-width:122px;display:inline-block;margin-left:20px;cursor:pointer}
.section-click7, .section-click7x, .section-click7y{max-width:122px;display:inline-block;margin-left:20px;cursor:pointer}
.section-click8, .section-click8x, .section-click8y{max-width:122px;display:inline-block;margin-left:20px;cursor:pointer}
.section-click9, .section-click9x, .section-click9y{max-width:122px;display:inline-block;margin-left:20px;cursor:pointer}
.section-click10, .section-click10x, .section-click10y{max-width:122px;display:inline-block;margin-left:20px;cursor:pointer}
.section-click11, .section-click11x, .section-click11y{max-width:122px;display:inline-block;margin-left:20px;cursor:pointer}

/*Start back section2*/
.backsec2-1{
}
		
.clickback2{background:url(../images/back-slide-2.jpg) no-repeat;background-size:100%;
		background-position: center -92px;
		height: 100%;}
		
.clickback32{background:url(../images/back-slide-3.jpg) no-repeat;background-size:100%;
		background-position: center -92px;
		height: 100%;}
.clickback4{background:url(../images/back-slide-4.jpg) no-repeat;background-size:100%;
		background-position: center -92px;
		height: 100%;}
		
/*End back section2*/	

/*Start back section3*/
.backsec3-1{
}
		
.clickback3{background:url(../images/back-slide-33.jpg) no-repeat;background-size:100%;
		background-position: center -92px;
		height: 100%;}		
.clickback33{background:url(../images/back-slide-34.jpg) no-repeat;background-size:100%;
		background-position: center -92px;
		height: 100%;}
.clickback34{background:url(../images/back-slide-35.jpg) no-repeat;background-size:100%;
		background-position: center -92px;
		height: 100%;}		
/*End back section3	*/

/*Start back section4*/
.backsec4-1{
}
		
.clickback4x{background:url(../images/back-slide-4x.jpg) no-repeat;background-size:100%;
		background-position: center -92px;
		height: 100%;}		
.clickback43{background:url(../images/back-slide-45.jpg) no-repeat;background-size:100%;
		background-position: center -92px;
		height: 100%;}
.clickback44{background:url(../images/back-slide-44.jpg) no-repeat;background-size:100%;
		background-position: center -92px;
		height: 100%;}		
/*End back section4*/

/*Start back section5*/
.backsec5{
}
		
.clickback5x{background:url(../images/back-slide-51.jpg) no-repeat;background-size:100%;
		background-position: center -92px;
		height: 100%;}		
.clickback5y{background:url(../images/back-slide-52.jpg) no-repeat;background-size:100%;
		background-position: center -92px;
		height: 100%;}
.clickback5z{background:url(../images/back-slide-5.jpg) no-repeat;background-size:100%;
		background-position: center -92px;
		height: 100%;}
		
		
		
		
		.classblock{display:block}
		.classnone{display:none}
/*End back section5*/

/*Start back section6*/	
	.backsec6{}
	.clickback6x{background:url(../images/back-slide-6.jpg) no-repeat;background-size:100%;
		background-position: center -92px;
		height: 100%;}		
.clickback6y{background:url(../images/back-slide-6x.jpg) no-repeat;background-size:100%;
		background-position: center -92px;
		height: 100%;}
.clickback6z{background:url(../images/back-slide-6y.jpg) no-repeat;background-size:100%;
		background-position: center -92px;
		height: 100%;}	
	
/*End back section6*/	
/*Start back section7*/	
	.backsec7{}
	.clickback7x{background:url(../images/back-slide-7.jpg) no-repeat;background-size:100%;
		background-position: center -92px;
		height: 100%;}		
.clickback7y{background:url(../images/back-slide-7x.jpg) no-repeat;background-size:100%;
		background-position: center -92px;
		height: 100%;}
.clickback7z{background:url(../images/back-slide-7y.jpg) no-repeat;background-size:100%;
		background-position: center -92px;
		height: 100%;}	
	
/*End back section7*/	
/*Start back section8*/	
	.backsec8{}
	.clickback8x{background:url(../images/back-slide-8.jpg) no-repeat;background-size:100%;
		background-position: center -92px;
		height: 100%;}		
.clickback8y{background:url(../images/back-slide-8x.jpg) no-repeat;background-size:100%;
		background-position: center -92px;
		height: 100%;}
.clickback8z{background:url(../images/back-slide-8y.jpg) no-repeat;background-size:100%;
		background-position: center -92px;
		height: 100%;}	
	
/*End back section8*/	

/*Start back section9*/	
	.backsec9{}
	.clickback9x{background:url(../images/back-slide-9.jpg) no-repeat;background-size:100%;
		background-position: center -92px;
		height: 100%;}		
.clickback9y{background:url(../images/back-slide-9x.jpg) no-repeat;background-size:100%;
		background-position: center -92px;
		height: 100%;}
.clickback9z{background:url(../images/back-slide-9y.jpg) no-repeat;background-size:100%;
		background-position: center -92px;
		height: 100%;}	
	
/*End back section9*/

/*Start back section10*/	
	.backsec10{}
	.clickback10x{background:url(../images/back-slide-10.jpg) no-repeat;background-size:100%;
		background-position: center -92px;
		height: 100%;}		
.clickback10y{background:url(../images/back-slide-10x.jpg) no-repeat;background-size:100%;
		background-position: center -92px;
		height: 100%;}
.clickback10z{background:url(../images/back-slide-10y.jpg) no-repeat;background-size:100%;
		background-position: center -92px;
		height: 100%;}	
	
/*End back section10*/

/*Start back section11*/	
	.backsec11{}
	.clickback11x{background:url(../images/back-slide-11.jpg) no-repeat;background-size:100%;
		background-position: center -92px;
		height: 100%;}		
.clickback11y{background:url(../images/back-slide-11x.jpg) no-repeat;background-size:100%;
		background-position: center -92px;
		height: 100%;}
.clickback11z{background:url(../images/back-slide-11y.jpg) no-repeat;background-size:100%;
		background-position: center -92px;
		height: 100%;}	
	
/*End back section11*/

/*Style cho slide show photo*/
.jssora05l {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 40px;
            cursor: pointer;
            background: url(../images/a17.png) no-repeat;
            overflow: hidden;
			bottom:4%;left:8px;width:40px;height:40px;
        }
		
		
		.jssora05r {
            display: block;
            position: absolute;
            /* size of arrow element */
            width: 40px;
            height: 40px;
            cursor: pointer;
            background: url(../images/a17.png) no-repeat;
            overflow: hidden;
			bottom:4%;right:8px;width:40px;height:40px;
        }
		
		
		
		
		
		
		
		
        .jssora05l { background-position: -10px -40px; }
        .jssora05r { background-position: -70px -40px; }
        .jssora05l:hover { background-position: -130px -40px; }
        .jssora05r:hover { background-position: -190px -40px; }
        .jssora05l.jssora05ldn { background-position: -250px -40px; }
        .jssora05r.jssora05rdn { background-position: -310px -40px; }
        .jssora05l.jssora05lds { background-position: -10px -40px; opacity: .3; pointer-events: none; }
        .jssora05r.jssora05rds { background-position: -70px -40px; opacity: .3; pointer-events: none; }
        /* jssor slider thumbnail navigator skin 01 css *//*.jssort01 .p            (normal).jssort01 .p:hover      (normal mouseover).jssort01 .p.pav        (active).jssort01 .p.pdn        (mousedown)*/
		
		.jssort01 .p {    position: absolute;    top: 0;    left: 0;    width: 72px;    height: 72px;}
		.jssort01 .t {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;    border: none;}
		.jssort01 .w {    position: absolute;    top: 0px;    left: 0px;    width: 100%;    height: 100%;}
		.jssort01 .c {    position: absolute;    top: 0px;    left: 0px;    width: 68px;    height: 68px;    /*border: #000 2px solid;*/    box-sizing: content-box;    _background: none;}
		.jssort01 .pav .c {    top: 2px;    _top: 0px;    left: 2px;    _left: 0px;    width: 68px;    height: 68px;    border: #000 0px solid;    _border: #fff 2px solid;    background-position: 50% 50%;}
		.jssort01 .p:hover .c {    top: 0px;    left: 0px;    width: 70px;    height: 70px;   /* border: #fff 1px solid*/;    background-position: 50% 50%;}
		.jssort01 .p.pdn .c {    background-position: 50% 50%;    width: 68px;    height: 68px;    border: #000 2px solid;}
		* html .jssort01 .c, * html .jssort01 .pdn .c, * html .jssort01 .pav .c {    /* ie quirks mode adjust */    width /**/: 72px;    height /**/: 72px;}
		
		
		.show-speech{width:90%;padding-left:5%;padding-right:5%}
		.show-speech1{width:25%;float:left;margin-top:34px}
		.show-speech2{width:70%;float:right;margin-left:5%;font-size:10px}
		.clear{clear:both}
		.jssort01{position:absolute;left:0px;bottom:0px;width:800px;height:200px;margin-top:50px}
		
	/*End Style cho slide show photo*/	
		
	#section12{}
	#jssor_1{padding-top:7%}
	.text12{max-width:1170px;margin-left:auto;margin-right:auto;display:block}
	
		
	
	
	#section0 img{
		/*height: 100%;*/
		margin: 40px 0 0 0;
	}

.page{bottom:2%;left:-75px;max-width:209px;display:block;position:absolute}
.badge{position:absolute;top:65px;right:0px;display:block;max-width:634px}
.texxt-section2{position:absolute;
    top: 39px;
    display: block;
    max-width: 911px;
    left: 10%;

}
.tag-img{
position:absolute;
display:block;   
top: 54px;
right: 509px;
max-width: 25px;}

.hastag1{position:absolute;bottom:34px;left:39px;display:block;width:600px}
.hastag1 a{color:#f3da7e;text-decoration:none;font-size: 14px;}
.hastag1 a:hover{color:#eec631}
.hastagspace{margin-left:20px}

.hastag12{
	position:absolute;
 bottom: 3%;
    left: 35%;
	display:block;
	width:600px;z-index:1000}
.hastag12 a{color:#969494;text-decoration:none;font-size: 14px;}
.hastag12 a:hover{color:#7e7d7d}
.hastagspace{margin-left:20px}


.hocduongsangtao1{
position:absolute;
top: 70px;
right: 41px;
display:block;
max-width:440px}
.boxtext{position:absolute;right:0px;top:36%;max-width:582px;display:block}
.boxtexx-len{    
	position: absolute;
    right: 59px;
    top: 42%;
    max-width: 382px;
    display: block;
    text-align: justify;
    line-height: 25px;
	}
.boxtexx-len>p{color:#FFFFFF}


.texxt-quote{    max-width: 740px;
    display: block;
    left: 146px;
    bottom: 9px;
    position: absolute;}
.texxt-quote-4{max-width: 740px;
    display: block;
	position: absolute;
	right: 33%;
    top: 46px;
	
	}	
.texxt-quote-5{ max-width: 904px;
    display: block;
    left: 146px;
    bottom: 9px;
    position: absolute;}
	
	
	/*Start nomarl scroll*/	

	.scrollbar {    /* margin-left: 30px; */
    /* float: left; */
    height: 300px;
    max-width: 309px;
    background: rgba(245, 245, 245, 0);
    overflow-y: scroll;
    /* margin-bottom: 25px; */
    position: absolute;
    text-align: justify;
    top: 39%;
    right: 31px;
    color: white;
    padding-right: 20px;
}	
	#style-6::-webkit-scrollbar {
    width: 3px;
    background-color: #F5F5F5;
}
#style-6::-webkit-scrollbar-thumb {
    background-color: #f8e889;
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
}
#style-6::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}
.force-overflow {
    min-height: 236px;
}
/*End nomarl scroll*/


	

	/* Section 1
	* --------------------------------------- */
	/* 
	#section1 
	
	#section1 img{
		position:absolute;
		left: 40px;
		top: 100px;
	}

	#section1 .box{
		position: absolute;
		top: 50%;
		left: 50%;
		margin-top: -192px;
		margin-left: 89px;
		width: 395px;
		z-index: 1;
	}
	#section1 .imgsContainer{
		display: block;
		position: absolute;
		z-index: 1;
		top: 42%;
		left: 58%;
		margin-top: -325px;
		margin-left: -747px;
		width: 800px;
		height: 696px;
	}
	#section1 img{
		height: 100%;
	}
	/*screen resolutions between 620px and 800px*/
	.bigtext-1{max-width:1218px;
		position:absolute;
		top:2%;right:2%;
		display:block
		}
	.readtext-1{max-width:496px;
		position:absolute;
		top:2%;
		left:5%;
		display:block;
		/*background:url(../images/img1.png) no-repeat;
		background-size:100%;
		vertical-align:bottom*/
		}
	.read-insize{width:100%;}
	.page-cout{max-width:46px;
		display:block;
		position:absolute;
		bottom:-7px;
		left:5%
		}
	.click-inside{
		display: block;
    	max-width: 485px;
    	position: absolute;
    	top: 670px;
    	left: 8%;
    	z-index: 2;
		}
		
		.click1{float:left;width:48%;cursor:pointer}	
		.click1-1{float:left;width:48%;margin-left:4%;cursor:pointer}
	
	
	
	#fp-nav ul li .fp-tooltip.right{ 
	right: 10px;
    background: #fff;
    color: #0a6e4a;
    padding: 2px 5px;
	}
	
	
	.scrollbar{height: 300px;
    max-width: 378px;
    background: rgba(245, 245, 245, 0);
	top: 39%;
	line-height:30px;
	height: 320px;
	}
	
	#section13{background:url(../images/TYCOLLINS.jpg) no-repeat;
	background-size:100%;
	background-position:center;
	
	
	}
	#mobile-view{display:none}
	.hienthimobile, .hastag123{display:none}
	@media (max-width: 1600px){
		
		
		
		.clickbcakhover1{background-position-x: -129px;}
		
		
		
		
		.readtext-1
		{
		max-width: 376px;   
		left: 6%;
		 }
		.page-cout{max-width:38px;}
		.click-inside
		{    
		max-width: 450px;
    position: absolute;
    top: 520px;
    left: 8%;
	}
	.click1, .click1-1{width: 40%;}
	.bigtext-1 {
    max-width: 815px;}
	.badge{max-width:483px;}	
	.videoWrapper{     padding-bottom: 27.25%;
    top: 23%;
    left: 10%;
    width: 55%;
	
	
	
	}
	.texxt-section2{   
	max-width: 745px;
    left: 15%;
	}
	.hastag1{
		bottom: 23px;
    	left: 25px;
		}
	
	
	
	.hocduongsangtao1{max-width: 342px;}
	.boxtext{max-width: 470px;}
	.boxtexx-len{
		top: 38%;
    max-width: 309px;
	overflow:auto;
	height:300px
	}	
	



	.section2-click{    right: 50px;}	
	.tag-img{
	top: 51px;
    right: 26%;
    max-width: 20px;
	}
	.section-click1, .section-click2, .section-click3{max-width:95px;}
.section-click11, .section-click22, .section-click33{max-width:95px;}
.section-click44, .section-click45, .section-click46{max-width:95px;}
.section-click5, .section-click52, .section-click53{max-width:95px;}
.section-click6, .section-click6x, .section-click6y{max-width:95px;}
.section-click7, .section-click7x, .section-click7y{max-width:95px;}
.section-click8, .section-click8x, .section-click8y{max-width:95px;}
.section-click9, .section-click9x, .section-click9y{max-width:95px;}
.section-click10, .section-click10x, .section-click10y{max-width:95px;}
.section-click11, .section-click11x, .section-click11y{max-width:95px;}
.scrollbar{max-width: 315px;}
.text12{max-width:700px}





.show-speech{width: 81%;
    padding-left: 10%;
    padding-right: 5%;}
.jssort01{bottom: 8px;margin-top:0px}	
.jssora05l, .jssora05r{bottom:12%}
.hastag12{bottom: 0%;left: 29%;}
#section13{background-position: center -94px;}
	.page{    max-width: 148px;}
		}
		
		
	@media (max-width: 1366px){
		.clickbcakhover1{background-position-x: -116px}
		.readtext-1{ left: 4%;max-width: 368px;}
		.click-inside{
		left:6%;
		left: 9%;
        max-width: 264px;
        top: 512px;}
		.hocduongsangtao1 
		{
    max-width: 266px;
	top: 53px;
}
		
		.tag-img{    
		top: 46px;
    right: 26%;
    max-width: 17px;}
		
		.scrollbar{     
	max-width: 271px;
    top: 40%;
    line-height: 30px;
    height: 203px;}
	
	.section2-click {
    right: 33px;
    bottom: 1%;
}
.badge {
    max-width: 429px;
}
.texxt-section2{left: 10%;}
.texxt-quote-5 {
    max-width: 780px;
    display: block;
    left: 116px;
    }
	.show-speech{
	width: 72%;
    padding-left: 13%;}
	.jssora05l, .jssora05r{bottom:22%}
	.jssort01{bottom: 73px;}
	.page-cout{max-width: 28px;}
	#section13 {
    background-position: center -59px;
	
}
.videoWrapper {
       padding-bottom: 27.25%;
    left: 9%;
    width: 55%;
}
	
		}	
		
	@media (max-width: 1280px){
		.clickbcakhover1{background-position-x: -96px}
		.clickback1cover{background-position-x: 11px;}
		.clickbcakhover2{background-position-x: 12px;}
		.texxt-section2{max-width:700px;}
		.badge {
    max-width: 426px;
}
		
		.clickback2, .clickback32, .clickback4, .clickback3, .clickback33, .clickback34, .clickback4x, .clickback43, .clickback44, .clickback5x, .clickback5y, .clickback5z, .clickback6x, .clickback6y, .clickback6z, .clickback7x, .clickback7y, .clickback7z, .clickback8x, .clickback8y, .clickback8z, .clickback9x, .clickback9y, .clickback9z, .clickback10x, .clickback10y, .clickback10z, .clickback11x, .clickback11y, .clickback11z
		 {background-position: center -36px;}
		 
		 
		 .scrollbar{
			 top: 44%;
    max-width: 246px;
    height: 221px;
    font-size: 14px;}
	
		 .section2-click {
    right: 11px;
    bottom: 3%;
    z-index: 100000;
	
}
.tag-img{right: 25%;}	
.hastag12 {
    bottom: 0%;
    left: 25%;
} 
		 
		}	
		
		
		
	@media (max-width: 1024px){
		.clickbcakhover1{background-size: 129%;background-position-x: -96px}
		.clickback1cover{background-position-x: 5px;background-size: 119%;
}
		.clickbcakhover2{background-position-x: 0px;    background-size: 121%;}
		
		
		
		.videoWrapper {
    padding-bottom: 28.25%;
    left: 6%;
    width: 58%;
	top: 20%;
}
.badge {
    max-width: 342px;
}
.texxt-section2 {
    max-width: 552px;
}
.hocduongsangtao1 {
    max-width: 216px;}
	
.tag-img{max-width: 15px;right: 26%}
.texxt-quote{max-width: 533px;left: 102px;}
	
		#section0{
			background-size: 127%;
    		background-position-x: -8px;
			}
			.click1, .click1-1{width:32%}
			.click-inside {
   				left: 12%;
    			top: 377px;
						}
			.bigtext-1 {
    max-width: 577px;
}			
			.readtext-1{
	    max-width: 273px;
    	left: 8%;
}
		
		
		
		.hocduongsangtao1{right:8px;max-width: 216px;}
		.clickback2, .clickback32, .clickback4, .clickback3, .clickback33, .clickback34, .clickback4x, .clickback43, .clickback44, .clickback5x, .clickback5y, .clickback5z, .clickback6x, .clickback6y, .clickback6z, .clickback7x, .clickback7y, .clickback7z, .clickback8x, .clickback8y, .clickback8z, .clickback9x, .clickback9y, .clickback9z, .clickback10x, .clickback10y, .clickback10z, .clickback11x, .clickback11y, .clickback11z
		 {background-size:124%;background-position-x: -172px;}
		 .force-overflow {
    min-height: 232px;
    font-size: 14px;
    line-height: 24px;
}
.scrollbar{max-width: 186px;}
.texxt-quote-5{max-width: 589px;left: 91px;}
		.hastag12 {
    bottom: 0%;
    left: 21%;
}
#section13 {
    background-position: center -35px;
}
		}
		
	@media (max-width: 1004px){.clickback2, .clickback32, .clickback4, .clickback3, .clickback33, .clickback34, .clickback4x, .clickback43, .clickback44, .clickback5x, .clickback5y, .clickback5z, .clickback6x, .clickback6y, .clickback6z, .clickback7x, .clickback7y, .clickback7z, .clickback8x, .clickback8y, .clickback8z, .clickback9x, .clickback9y, .clickback9z, .clickback10x, .clickback10y, .clickback10z, .clickback11x, .clickback11y, .clickback11z
		 {background-position: center -28px;background-position-x: -172px;}
		 #section13 {
    background-position: center -25px;
}
		 .hastag12 {
    
    left: 18%;
}
		 
		 
		 }
	
	
	
	

	/*screen resolutions lower than 620px*/
	@media all and (max-width: 900px){
		/* 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;margin-top: -10px;    margin-left: -10px;width:102%}
	 .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: 16px;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:6px;padding-left:6px}
	 .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*/
		
		
		
/*Section0*/

#section0{background:none}
.click-inside{display:none}
.bigtext-1{display:none}
.readtext-1, .page-cout, .wrap-section1{display:none}

#section0 img {
    height: 100%;
    margin: -10px 0 0 0;
}
.imgmobile{}
.texxt-mobile{padding-left:5%;padding-right:5%;text-align:justify;color:#FFFFFF;font-size: 16px;}
.texxt-mobile>p{line-height:30px}
.hienthimobile{display:block}
		



.videoWrapper {
    padding-bottom: 40.25%;
    left: 2%;
    width: 96%;
    top: 20%;
}

.texxt-mobile2{padding-left:5%;padding-right:5%;text-align:justify;color:#FFFFFF; margin-top: 61%;}
.texxt-mobile2>p{line-height:27px}

.backsec2-1, .backsec3-1, .backsec4-1, .backsec5, .backsec6, .backsec7, .backsec8, .backsec9, .backsec10, .backsec11{display:none}
.giacmoimg{max-width: 200px;
    margin: 0 auto;}
	.force-overflow{font-size:16px}
	
	.scrollbar {
    
    max-width: 333px;
    height: 255px;
    padding-right: 14px;
    right: 4px;
    top: 59%;
}

.show-speech{
	width: 100%;
    padding-left: 0%;}
	.jssort01{display:none}
	.jssora05l, .jssora05r {
    bottom: 15%;
}
	#section13	{background:none}
	.collinsimg{    
	max-width: 458px;
    display: block;
    top: 5%;
    right: 2%;
    position: absolute;}
	
	.questquote
	{max-width:460px;
    display: block;
    bottom: 18%;
    right: 0%;
    position: absolute;}
	.hastag12 {
    left: -128px;
}
	
	.hastag123{
	position:absolute;
 	bottom: 0%;
    left: -35%;
	display:block;
	width:600px;
	z-index:1000}
.hastag123 a{color:#969494;text-decoration:none;font-size: 14px;}
.hastag123 a:hover{color:#7e7d7d}
.hastagspace{margin-left:20px}


.mobile-img18899{
	top: 41%;
    display: block;
    position: absolute;
    max-width: 300px;
    left: 11%;
}
#fullpage{display:none}
#mobile-view{display:block;padding-top: 8%;}
.textmobile{font-size:16px;text-align:justify;color:#FFFFFF;line-height: 25px;}	







	}
	
	/*
	#iphone2{
		z-index: 10;
	}
	#iphone2.active{
		-webkit-transform: translate3d(-134px, 0px, 0px);
		-moz-transform: translate3d(-134px, 0px, 0px);
		-ms-transform:translate3d(-134px, 0px, 0px);
		transform: translate3d(-134px, 0px, 0px);
	}

	#iphone3{
		z-index: 12;
	}
	#iphone3.active{
		-webkit-transform: translate3d(213px, 0px, 0px);
		-moz-transform: translate3d(213px, 0px, 0px);
		-ms-transform:translate3d(213px, 0px, 0px);
		transform: translate3d(213px, 0px, 0px);
	}

	#iphone4{
		z-index: 11;
		left: 140px;
	}

	#iphone4.active{
		-webkit-transform: translate3d(548px, 0px, 0px);
		-moz-transform: translate3d(548px, 0px, 0px);
		-ms-transform:translate3d(548px, 0px, 0px);
		transform: translate3d(548px, 0px, 0px);
	}




	/* Section 2
	* --------------------------------------- 
	
	#staticImg .imgsContainer,
	#section3 .imgsContainer{
		position: absolute;
		z-index: 1;
		left: 50%;
		display: block;
		margin-top: -288px;
		margin-left: -636px;
		width: 0;
		height: 0;

		-webkit-transition: all 1.2s ease-in-out;
		-moz-transition: all 1.2s ease-in-out;
		-o-transition: all 1.2s ease-in-out;
		transition: all 1.2s ease-in-out;
	}







	#iphone-yellow{
		top: -35px;
		left: -222px;
	}

	#iphone-red{
		top: -194px;
		left: 106px;
	}

	#iphone-blue{
		top: 320px;
		left: 448px;
	}

	#iphone-green{
		left: 106px;
		position:absolute;
	}

	#staticImg{
		display: block;
		position: absolute;
		z-index: 1;
		top: 200%;
		left: 0;
		width: 100%;
		min-width: 980px;
		height: 100%;

		-webkit-transition: all 0.7s ease-out;
		-moz-transition: all 0.7s ease-out;
		-o-transition: all 0.7s ease-out;
		transition: all 0.7s ease-out;

		-webkit-backface-visibility: hidden;
		-webkit-perspective: 1000;
	}
	#staticImg.moveDown{
	-webkit-transform: translate3d(0, 100%, 0);
      -ms-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
	}
	#staticImg.moveUp{

	-webkit-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
	}
	#staticImg.moveDown .imgsContainer{
			top: 50%;
	}
	#staticImg.moveDown img{
		top: 155px;
	}

	#staticImg.active .imgsContainer{
		top: 50%;
	}


	#staticImg.active img{
		top: 487px;
	}





	
	#section3 .imgsContainer{
		top: 50%;
	}

	#section3 img{
		top: 155px;
		left: 455px;
		position: absolute;
	}
	#section3 .box{
		text-align: center;
		margin: 10% 0 0 0;
	}



	/* Overwriting fullPage.js tooltip color
	* --------------------------------------- */
	.fp-tooltip{
		color: #AAA;
	}
	#fp-nav span, .fp-slidesNav span{
		border-color: #AAA;
	}
	#fp-nav li .active span, .fp-slidesNav .active span{
		background: #AAA;
	}