@media (max-height: 630px), (max-width: 1024px){
	#wrapper{
		height: auto;
	}
	.section.active,
	.section.active~.section,
	.section{
		position: relative;
		-webkit-transform: translate3d(0px, 0px, 0px);
		transform: translate3d(0px, 0px, 0px);
		-webkit-transition:none;  
		transition:none;
		height: auto !important;
		/*display: block;*/
	}
	html,body{
		overflow-x:hidden !important;
		overflow-y:auto !important;
	}
	.fp-tableCell{
	    height: auto !important;
	    display: block;
	    vertical-align: top;
	}
	.slide{
		position: relative;
		float: none;
	}
	.fp-slidesContainer{
		width:auto !important;
		height: auto !important;
	}
	.fp-slide.fp-table{
		display: block;
		width: auto !important;
		-webkit-transform: translate3d(0px, 0px, 0px) !important;
		transform: translate3d(0px, 0px, 0px) !important;
	}
	.fp-slidesNav.bottom, 
	.fp-slidesNav{
		display: none;
	}
	#header{
		background-color: rgba(0,0,0,0.59);
	}
	.logo a{
		width: 1.88rem;
    	height: 0.37rem;
	}
	.logo a:before{
		display: none;
	}
	.logo a:after{
		opacity: 1;
		background-size: 1.88rem 0.37rem;
	}
	.logo span{
		display: none;
	}
	.center{
		padding: 0 0.4rem;
	}
	#section01 .center, 
	#header .center{
		padding-left: 0.65rem;
    	padding-right: 0.4rem;
	}
	#nav a{
		color: #fff;
		text-decoration: none !important;
	}
	#nav .active a,
	#nav a:hover{
		color: #fdc000;
	}
	#nav{
		padding-top: 0.1rem;
	}
	.fullscreen-bg{
		opacity: 0;
		right: auto;
		width: 0;
		height: 0;
		top: -9999px;
		display: none;
		left: -9999px;
	}
	.mb-visible{
		display: block;
	}
	.mb-hidden{
		display: none;
	}
	.slogan-list{
		font-size: 0.3rem;
	}
	.ourbackground-list .col{
		display: block;
		margin: 0 auto 0.75rem;
		padding: 0;
		width: 4rem;
	}
	.ourbackground-list .col:last-child{
		margin-bottom:0.5rem;
	}
	#header{
		-webkit-transition: transform 0.3s ease 0s;
		-moz-transition: transform 0.3s ease 0s;
		-o-transition: transform 0.3s ease 0s;
		transition: transform 0.3s ease 0s;
	}
	#header.fixed-hide {
		-moz-transform: translateY(-100%);
		-webkit-transform: translateY(-100%);
		-o-transform: translateY(-100%);
		-ms-transform: translateY(-100%);
		transform: translateY(-100%);
		-webkit-transition: transform 0.3s ease 0s;
		-moz-transition: transform 0.3s ease 0s;
		-o-transition: transform 0.3s ease 0s;
		transition: transform 0.3s ease 0s;
	}
	#header.fixed.fixed-hide,
	#header.fixed.fixed-show {
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
		-o-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
	#header.fixed-scroll{
		-moz-transform: translateY(0);
		-webkit-transform: translateY(0);
		-o-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
	}
	.inner-slider h2{
		top: 0.5rem;
	}
	.slide .fp-tableCell {
	    padding-top: 1.63rem;
	    padding-bottom: 1.3rem;
	}
	.project-img{
		width: 51.5%;
		margin: 0 0 0 -1.2%;
		padding-right: 0.7rem;
	}
	.project-img img{
		max-width: 100%;
	}
	.project-holder{
		padding-right: 0.4rem;
	}
	.pace-activity{
		width: 5rem;
    	height: 1.2rem;
    	margin: -0.6rem 0 0 -2.5rem;
    	background-size: 100% auto;
	}
	.pace-activity:after{
		font-size: 0.22rem;
	}
	.mb-hidden320{
		display: inline-block;
	}
	.fp-controlArrow{
		display: none !important;
	}
	.note-link{
		padding-left: 0.25rem;
	}
}
@media (max-width: 767px){
	.pace-activity{
		width: 3rem;
    	height: 0.9rem;
    	margin: -0.45rem 0 0 -1.5rem;
    	background-size: 100% auto;
	}
	.pace-activity:after{
		left: 0.02rem;
	}
	.logo{
		float: none;
	}
	.logo a{
		width: 1.55rem;
    	height: 0.4rem;
	}
	.logo a:after{
		background-size: 100% auto;
		width: 1.55rem;
    	height: 0.4rem;
	}
	.nav-wrap{
		float: none;
	}
	#nav{
		padding-top: 0;
		float: none;
		overflow: hidden;
		display: table;
		width: 100%;
	}
	#nav li{
		margin: 0;
		float: none;
		display: table-cell;
		text-align: center;
	}
	#nav li:first-child{
		text-align: left;
	}
	#nav li:last-child{
		text-align: right;
	}
	#header{
		padding-bottom: 0.12rem;
	}
	.project-holder,
	.center{
		padding:0 0.4rem;
	}
	#section01 .center, 
	#header .center{
		padding-left: 0.4rem;
    	padding-right: 0.25rem;
	}
	.section .center{
		padding-top: 1.34rem;
		padding-bottom: 2.65rem;
	}
	.mb-hidden320{
		display: none;
	}
	.mb-visible320{
		display: inline-block;
	}
	.slogan-list{
		font-size: 0.2rem;
    	letter-spacing: 0.005rem;
    	line-height: 0.31rem;
	}
	.slogan-list li>span{
		margin-left: 0;
		padding: 0 0.05rem;
	}
	.btn-next{
		margin-top: 0.5rem;
	}
	.bottom-holder{
		padding-bottom: 0.3rem;
	}
	#section02 .center{
		padding-top: 0.4rem;
		padding-bottom: 2.3rem;
	}
	.project-img{
		padding: 0;
		margin: 0;
		width: auto;
		float: none;
		text-align: center;
		overflow: hidden;
	}
	.ourbackground-wrapper h2{
		margin-left: -0.4rem;
		margin-right:-0.4rem;
	}
	.fp-slidesContainer{
		float: none;
	}
	.project-img__wrap{
		max-width: 4.1rem;
		margin: 0 auto;
		width: auto !important;
		display: block;
	}
	.project-wrapper>h3{
		text-align: center;
		display: block;
		margin: 0 0 0.5rem;
	}
	.slide .fp-tableCell{
		padding-top: 1.1rem;
	}
	.slide01 .fp-tableCell{
		padding-top: 1.35rem;
	}
	.mb-align .project-img__wrap{
		max-width: 5.6rem;
		margin-bottom: -0.04rem;
	}
	.mb-align320 .project-img__wrap{
		margin-top:-0.43rem;
		margin-bottom: -0.06rem;
	}
	.project-holder h4{
		margin-bottom: 0.2rem;
	}
	.project-holder .list{
		margin-bottom:0.38rem;
	}
	.project-holder .btn--more{
		margin-top: 0.4rem;
	}
	.btn--more-holder{
		text-align: center;
	}
	.main-form__col{
		float: none;
		width: auto;
		margin-top:0.4rem;
	}
	.main-form__row{
		margin-bottom: 0.4rem;
	}
	.main-form__col:first-child{
		margin-top: 0;
	}
	.main-form__row__note{
		position: static;
		white-space: normal;
		text-align: center;
		margin:0.3rem 0 0;
		left: 0;
	}
	#section04 .center{
		padding-top: 0.9rem;
		padding-bottom: 0.9rem;
	}
	.main-form__label{
		padding-left: 0;
		padding-right: 0;
	}
	.main-form__row--btn{
		margin-top: 0;
		margin-bottom: 0;
	}
	.submit-popup{
		max-width: none;
		margin: 0 -0.2rem;
	}
	.submit-popup h2{
		font-size: 0.3rem;
	}
	.note-link{
		padding-left: 0;
		text-align: center;
	}
}
@media (max-width: 320px){
	.logo a{
		margin-left: -0.03rem;
	}
	.mb-align320 .project-img__wrap{
		max-width: none;
		margin-left: -0.3rem;
		margin-right: -0.3rem;
	}
}