/* section1 */
.section1 {
	/*background-attachment: fixed;*/
	position: static;
	background-image: url(../images/bbg.jpg);
	background-repeat: repeat;
	background-color: #272822;
	height: 100vh;
	overflow: hidden;
}
.section1 .indBbg {
	background-image: url(../images/indBbg.png);
	height: 1000px;
	width: 150%;
	margin-left:-25%;
	background-position: center 0px;
	background-repeat: no-repeat;
	/* [disabled]background-attachment: fixed; */
}
.section1 .indSbg {
	background-image: url(../images/indSbg.png);
	height: 620px;
	width: 150%;
	margin-left:-25%;
	background-position: center top;
	background-repeat: no-repeat;
}
.section1 .article {
	position: static;
	width: 100%;
	padding-top: 30vh;
	text-align: center;
}
.section1 .article .text {
	padding-top: 5%;
	padding-bottom: 5%;
}
.section1 .gonextc {
	background-image: url(../images/goNextC.png);
	height: 25px;
	width: 40px;
	right: 50%;
	bottom: 0%;
	background-repeat: no-repeat;
	margin-right: -20px;
	cursor: pointer;
	/*漸變*/
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
	/*animation
	animation:gonext 1s ease infinite;
	-moz-animation:gonext 1s ease infinite;
	-webkit-animation:gonext 1s ease infinite;*/
}
.section1 .gonextc:hover {
	opacity:0.5;
}



/* section2 */
.section2 {
	background-color: #313131;
	
}
.section2 div{
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}
.section2 .banbox {
	padding: 5% 0;
	overflow:hidden;
}
.section2 .banner{
	height: 100px;
	width: 100%;
	margin-bottom: 3%;
	overflow: hidden;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
	/*漸變*/
	-webkit-transition: all 0.5s ease 0s;
	-moz-transition: all 0.5s ease 0s;
	-ms-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.section2 a:hover .banner {
	/* [disabled]height: 350px; */
	padding: 150px 0 100px 0;
}

.section2 .banner .articleL {
	background-color: rgba(49,49,49,.85);
	width: 20%;
	padding: 4% 5% 1.5% 10%;
	bottom: 0%;
	left:0;
	/*漸變*/
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
}
.section2 a:hover .articleL {
	background-color: rgba(255,255,255,0.9);
	bottom: 20%;
}
.section2 .banner  .articleR {
	background-color: rgba(49,49,49,.85);
	width: 20%;
	padding: 4% 5% 1.5% 10%;
	bottom: 0%;
	right:0;
	/*漸變*/
	-webkit-transition: all .5s ease 0s;
	-moz-transition: all .5s ease 0s;
	-ms-transition: all .5s ease 0s;
	-o-transition: all .5s ease 0s;
	transition: all .5s ease 0s;
}
.section2 a:hover .articleR {
	background-color: rgba(255,255,255,0.9);
	bottom: 20%;
}

.section2 a:hover .twhite{
	color:#313131;
}

.section2 a .indBan1 {
	background-image: url(../images/indBan1.jpg);
	background-repeat: no-repeat;
	background-position: center 25%;		
}
.section2 a .indBan2 {
	background-image: url(../images/indBan2.jpg);
	background-repeat: no-repeat;
	background-position: center 80%;		
}
.section2 a .indBan3 {
	background-image: url(../images/indBan3.jpg);
	background-repeat: no-repeat;
	background-position: center 50%;		
}
.section2 a .indBan4 {
	background-image: url(../images/indBan4.jpg);
	background-repeat: no-repeat;
	background-position: center 20%;		
}


/*模糊*/
.section2 .banner:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0px;
	background: inherit;
	/*-webkit-filter: blur(5px) saturate(1);*/

}
.section2 a:hover .banner:before {
	-webkit-filter: blur(0px);
}

/* section3 */
.section3 {

}

/* section4 */
.section4 {
	
}

/* section5 */
.section5 {

}