*{
	margin: 0px;
	padding:0px;
}
body{
	background: url("photos/background.jpg") no-repeat center;
	background-size: auto 100%;
}
.header{
    background: rgba(255, 255, 255, 0.81);
	position: fixed;
	width: 100%;
	height: 70px;
	z-index: 100;
	box-shadow: 0px 0px 4px #666;
}
.logo{
	float: left;
    width: 148px;
    margin: 7px;
    margin-left: 30px;
}
.logo img{
	float: left;
	width: 100%;
}
.background{
	padding-top: 70px;
	width: 900px;
	position: relative;
	z-index: 1;
	overflow: hidden;
	margin: 0px auto;
}
.img-background{
	position: absolute;
	width: 100%;
}
.phan-11, .phan-12, .phan-13, .phan-14, .phan-15{
	float: left;
	width: 100%;
	text-align: center;
}
.phan-11{
	height: 100px;
}
.phan-11 img{
    width: 6%;
    margin-left: -232px;
    margin-top: 13px;
}
.phan-15 {
	margin-top: -80px;
    margin-left: -30px;
}
.phan-15 img{
	width: 17%;
}
.phan-13 img{
	width: 26%;
}
.phan-12 img{
	width: 50%;
}
.phan-14 img{
	width: 26%;
}
.phan-13{
    margin-top: -45px;
    margin-left: -33px;
}
.phan-12{
	margin-top: -74px;
    margin-left: -30px;
}
.phan-14{
    margin-top: -15px;
    margin-left: -30px;

}
.phan-2{
	float: left;
	box-sizing: border-box;
    padding: 0px 100px;
}
.phan-21{
	float: left;
	width: 80%;
	overflow: hidden;
	box-sizing: border-box;
	padding-left: 50px;
	position: relative;
}
.phan-21 img{
	width: 100%;
}
.phan-22 img{
    margin-left: -42px;
    margin-top: 10px;
   	width: 100%;

}
.phan-22{
	float: left;
	width: 20%;
	box-sizing: border-box;
	padding-right: 7px;
}
.phan-211{
	width: 100%;
	top: 0px;
	left: 0px;
	position: absolute;
	box-sizing: border-box;
    padding-left: 82px;
    padding-right: 68px;
    padding-top: 46px;

}
.phan-211-1{
	float: left;
	width: 51%;


}
.phan-211-1 img{
	width: 87%;
}
.phan-211-2 img{
	width: 66%;
}
.phan-211-2{
	float: left;
	width: 49%;
    box-sizing: border-box;
    padding-left: 46px;
}
.phan-3{
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding:0px 20px;
}
.phan-31{
	width: 100%;
	text-align: center;
	float: left;
	box-sizing: border-box;
	padding: 0px 158px;
}
.phan-31 img{
 width: 100%;
}
.phan-32{
	width: 100%;
	text-align: center;
	float: left;
	box-sizing: border-box;
	padding: 0px 180px 0px 240px;
    margin-top: -44px;
}
.phan-32 img{
 width: 100%;
}
img.photo-7{
	float: left;
    width: 86%;
    margin-top: 10px;
    margin-left: 10px;
}
.phan-4{
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 0px 99px;
}
.phan-41{
	width: 100%;
	text-align: center;
	float: left;
	box-sizing: border-box;
	padding: 0px 140px;
}
.phan-41 img{
	width: 100%;
}
.phan-42{
	width: 100%;
	text-align: center;
	float: left;
	box-sizing: border-box;
 	padding: 0px 134px;
    margin-top: -54px;

}
.phan-42 img{
	width: 100%;
}
.phan-43{
    float: left;
    width: 100%;
    position: relative;
    margin-top: 5px;
}
.phan-43-1, .phan-43-3,.phan-43-2,.phan-43-4 {
	float: left;
	width: 50%;
}
.hr{
	float: left;
	width: 100%;
	visibility: hidden;
}
 .phan-43-2 img,.phan-43-4 img{
 	float: right;
 }
.phan-43-1 img, .phan-43-2 img{
	width: 68%;

}
 .phan-43-3 img, .phan-43-4 img{
 	width: 87%;
 }
 .phan-43-5{
 	position: absolute;
 	top: 5%;
    left: 40%;
 }
 .phan-43-5 img{
 	width: 73%;
 }
 .phan-43-6{
 	position: absolute;
 	top: 35%;
    left: 47%;
 }
 .phan-43-6 img{
 	width: 73%;
 }
.phan-6{
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 0px 152px;
}
.phan-61{
	width: 100%;
	text-align: center;
	float: left;
	box-sizing: border-box;
	padding: 0px 100px;
}
.phan-61 img{
	width: 100%;
}
.phan-62{
	width: 100%;
	text-align: center;
	float: left;
	box-sizing: border-box;
    padding: 0px 148px;
    margin-top: -43px;
}
.phan-62 img{
	width: 100%;
}
.phan-63{
    float: left;
    width: 100%;
    height: 700px;
    position: relative;
    margin-top: 20px;
}
.phan-63-1, .phan-63-3,.phan-63-2,.phan-63-4 {
	float: left;
	width: 50%;
}
.hr{
	float: left;
	width: 100%;
	visibility: hidden;
}
 .phan-63-2 img,.phan-63-4 img{
 	float: right;
 }
.phan-63-1 img, .phan-63-2 img{
	width: 79%;

}
 .phan-63-3 img, .phan-63-4 img{
 	width: 90%;
 	position: relative;
 	z-index: 1;
 }
 .phan-63-5{
 	position: absolute;
    top: 19%;
    left: 31%;

 }
 .phan-63-5 img{
 	width: 66%;
 }
 .phan-63-6{
 	position: absolute;
    top: -20%;
    left: 12%;
 }
 .phan-63-6 img{
 	width: 86%;
 }
.phan-5{
	float: left;
	width: 100%;
	box-sizing: border-box;
	padding: 0px 140px;
	margin-top: -30px;
}
.phan-51{
	width: 100%;
	text-align: center;
	float: left;
	box-sizing: border-box;
	padding: 0px 120px;
	margin-top: 25px;
}
.phan-51 img{
	width: 100%;
}
.phan-52{
	width: 100%;
	text-align: center;
	float: left;
	box-sizing: border-box;
	padding: 0px 45px;
    margin-top: -41px;
    margin-left: 40px;
}
.phan-52 img{
	width: 100%;
}
.phan-53{
	width: 100%;
	text-align: center;
	float: left;
	box-sizing: border-box;
	padding: 15px 45px;
	margin-top: -10px;

}
.phan-53 img{
	width: 100%;
}
.phan-54{
	width: 100%;
	text-align: center;
	float: left;
	box-sizing: border-box;
	padding: 0px 48px;
	margin-top: -207px;
}
.phan-54 img{
	width: 25%;
	margin-left: 415px;
}
.phan-55{
	width: 100%;
	text-align: center;
	float: left;
	box-sizing: border-box;
	padding: 15px 45px;
	margin-top: -85px;
	position: relative;
}
.phan-55 img{
	width: 100%;
	margin-left: 124px;
}
.phan-56{
	width: 100%;
	text-align: center;
	float: left;
	box-sizing: border-box;
	padding: 0px 48px;
	margin-top: -541px;
}
.phan-56 img{
    width: 7%;
    margin-left: 503px;
}
.phan-57{
	width: 100%;
	text-align: center;
	float: left;
	box-sizing: border-box;
	padding: 0px 48px;
	margin-top: -676px;
}
.phan-57 img{
    width: 78%;
    margin-left: 20px;

}

.slideshow-container {
    max-width: 700px;
    position: relative;
    margin: auto;
}
.mySlides{
    align-items: center;
    justify-content: center;
    text-align: center;
    height: 615px;

}
.pic{
	width: 86%;
}
.pic-1{
	width: 70%;
}
.pic-2{
	width: 90%;
}
.clip{
	cursor: pointer;
	position: absolute;
	top: 55%;
    left: 20%;
}
.clip01{
	left: 58.5%;
	top:51%;
}
.clip02{
	left: 55.5%;
}
.clip-1{
	cursor: pointer;
	position: absolute;
	top: 55%;
    left: 20%;

}
.link{
	cursor: pointer;
	position: absolute;
    top: 64%;
    left: 20%;	

}
.link-1{
	cursor: pointer;
	position: absolute;
    top: 64%;
    left: 20%;	
}
.link01{
	left: 55%;
}
.link02{
	left: 58%;
}
.link03{
	top:60%;
	left: 58%;
}
.prev, .next{
	cursor: pointer;
    position: absolute;
    top: 35%;
    width: auto;
    margin-top: -22px;
    padding: 16px;
    color: white;
    font-weight: bold;
    font-size: 18px;
    transition: 0.6s ease;
    border-radius: 0 3px 3px 0;
}
.next{
	right:0px;
}
.video-slide{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	display: none;
	background: rgba(0, 0, 0, 0.52);
}
.layout-click-hidden{
	position: absolute;
	width: 100%;
	height: 100%;
}
.display_flex{
  display: flex;
  align-items: center;
  justify-content: center;
  z-index: 1000;
}
.fb {
	cursor: pointer;
	float: right;
	margin-top: 13px;
	max-height: 100px;
	margin-right: 20px;
}
.fb-02{
	display: none;
}
.video-1{
	background:white;
	    z-index: 10000;
}
.background-01, .video-slide-1{
	display: none;
}
 @media(max-width: 900px){
 	body{
	background: none;
	}
	.background{
		display: none;
	}
	.background-01{
		display: block;
		padding-top: 40px;
	}
	.header-1{
		background: url("photomobile/header.png") no-repeat center;
		background-size: auto 100%;
		float: left;

	}
	.img-header{
		width: 100%;
		float: left;
	}
	.img-header img{
		width: 100%;
	}
	.ih-1{
		float: left;
		width: 100%;
		box-sizing: border-box;
		padding:54px 15px;
	}
	.ih-1 img{
		width: 100%;
	}
	.ih-2{
		float: left;
		width: 100%;
		box-sizing: border-box;
		padding: 0px 66px;
    	margin-top: -60px;
	}
	.ih-2 img{
		width: 100%;
	}
	.header-2{
		float: left;
		width: 100%;
		background: #95c640;
		padding-bottom: 40px;
	}
	.header-2 img{
		width: 100%;
	}
	.header-6{
		float: left;
		width: 100%;
		background: #b8ea57;
	}
	.header-6 img{
		width: 100%;
	}
	.header-4{
		float: left;
		width: 100%;
		background: #b8ea57;
	}
	.header-4 img{
		width: 100%;
	}
	.header-5{
		float: left;
		width: 100%;
    	background: rgba(249, 255, 149, 0.86);
	}
	.header-5 img{
		width: 100%;
	}
	.header-7{
		float: left;
		width: 100%;
		background: #b8ea57;
	}
	.header-7 img{
		width: 100%;
	}			

	.header-3{
		float: left;
		width: 100%;
		box-sizing: border-box;
		padding:10px;
		background: #f3ff8c;
	}
	.header-31{
		width: 100%;
		text-align: center;
		float: left;
		box-sizing: border-box;
		margin-top: -36px;
	}
	.header-31 img{
	 width: 100%;
	}
	.slideshow-container-1 {
	    max-width: 700px;
	    position: relative;
	    margin: auto;
	}
	.mySlides-1{
	    align-items: center;
	    justify-content: center;
	    text-align: center;
	    display: none;
	}
	.pic-01{
		width: 100%;
	}
	.pic-02{
		width: 86%;
	}
	.clip-01{
		cursor: pointer;
		position: absolute;
	    top: 65%;
	    left: 3%;
	    width: 33%;
	}
	.link-01{
		cursor: pointer;
		position: absolute;
	    top: 82%;
	    left: -2%;
	}
	.link-01 img{
		width: 78%;
	}
	.prev-m, .next-m{
		cursor: pointer;
	    position: absolute;
	    top: 35%;
	    width: 18px;
	    transition: 0.6s ease;
	    border-radius: 0 3px 3px 0;
	}
	.next-m{
		right:0px;
	}
	.video-slide-1{
		position: fixed;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		display: none;
		background: rgba(0, 0, 0, 0.52);
	}
	.layout-click-hidden-1{
		position: absolute;
		width: 100%;
		height: 100%;
	}
	.display_flex-1{
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  z-index: 1000;
	}
	.video-01{
		background:white;
	}
	.fb-01{
		display: none;
	}
	.fb-02{
		display: block;
		float: left;
		height: 100px;
		max-width: 40px;
		position: fixed;
		top:69%;
		right: 0%;

	}
	.fb1 {
		cursor: pointer;
		float: right;
		margin-top: 15px;
		width: 100%;
		margin-right: 10px;
		box-shadow:  4px 4px 7px #8c8c8c;
		border-radius: 50px;
	}
	.fb2 {
		cursor: pointer;
		float: right;
		margin-top: 10px;
		width: 100%;
		margin-right: 10px;
		box-shadow: 4px 4px 7px #8c8c8c;
		border-radius: 50px;
	}


 }