@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Oswald:300,400,700');
.no-js *, .no-js-warning, .not-supported-browser *, .browser-warning{
	display: none!important;
}
.no-js body{
	display: block!important;
	width: auto;
	min-width: 0;
	height: auto;
	margin: 20px;
	font-size: 14px;
}
.no-js .no-js-warning, .no-js .no-js-warning *{
	display: block!important;
}
.no-js-warning__logo{
	width: 250px;
	height: auto;
}
.not-supported-browser body{
	display: block!important;
	width: auto;
	min-width: 0;
	height: auto;
	margin: 20px;
	font-size: 14px;
}
.not-supported-browser .browser-warning, .not-supported-browser .browser-warning *{
	display: block!important;
}
.browser-warning__logo{
	width: 250px;
	height: auto;
}
.browser-warning ul{
	padding-left: 1.5em;
}
.not-supported-browser .browser-warning ul li{
	line-height: 1.2em;
	display: list-item!important;
	margin-bottom: 2px;
	list-style-position: outside;
	list-style-type: disc;
}
*{
	box-sizing: border-box;
}
.clearfix::after, .clearfix::before{
	display: table;
	content: " ";
	-ms-flex-preferred-size: 0;
	        -webkit-flex-basis: 0;
	        flex-basis: 0;
}

.clearfix::after{
	clear: both;
}

body, html{
	width: 100%;
	height: 100%;
	min-width: 320px;
}

body{
	font-family: "Microsoft JhengHei", "Microsoft YaHei", "PingFang TC", "Heiti TC", Helvetica, Arial, sans-serif;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
h1, h2, h3, h4, h5, h6{
	font-family: "Microsoft YaHei", "Microsoft JhengHei", "LiHei Pro", "PingFang TC", "Heiti TC", Helvetica, Arial, sans-serif;
}
p{
	color:#666;
}
a{
	text-decoration: none;
	color:inherit;
}
::-webkit-input-placeholder {
   color:#666;
   font-size:12px;
}
:-moz-placeholder { /* Firefox 18- */
   color:#666;  
}
::-moz-placeholder {  /* Firefox 19+ */
   color:#666;  
}
:-ms-input-placeholder {  
   color:#666;  
}
.section h1{
	color:#fff;
}
.section h2{
	color:#1167d3;
}
.section p{
	font-size:14px;
	font-weight:200;
	text-align:justify;
}
/* RESPONSIVE */

@media screen and (max-width:640px){

	.section p{
		font-size:14px;
	}

}
@media screen and (max-width:480px){

	.section p{
		font-size:14px;
	}

}

/* ----- START OF HEADER CSS ----- */
.header{
	display:inline-block;
	width:260px;
	position:fixed;
	top:0;
	left:30px;
	margin:20px 0 0 20px;
	z-index:1;
}
.gp-logo img{
	opacity:1;
}

/* RESPONSIVE */

@media screen and (max-width:640px){

	.header{
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-webkit-justify-content:flex-start;
		    -ms-flex-pack:start;
		        justify-content:flex-start;
		-webkit-align-items:center;
		    -ms-flex-align:center;
		        align-items:center;
		width:100%;
		height:40px;
		position:absolute;
		left:0;
		margin:0;
		overflow:hidden;
		/* background-color:#1b98e0; */
	}
	.gp-logo{
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-webkit-justify-content:flex-start;
		    -ms-flex-pack:start;
		        justify-content:flex-start;
		-webkit-align-items:center;
		    -ms-flex-align:center;
		        align-items:center;
		width:100%;
		height:100%;
		padding:5px 0 5px 10px;
	}
	.gp-logo picture{
		height:100%;
		display:block;
		margin:0 auto;
	}
	.gp-logo img{
		display:block;
		width:auto;
		height:100%;
		opacity:1;
	}

}
/* ----- END OF HEADER CSS ----- */


/* ----- START OF MAIN CSS ----- */
.main{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:0;
}
.section{
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	height:100%;
	position:relative;
	overflow:hidden;
}
.home-cta{
	display:none;
}
.section-title{
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	position:absolute;
	width:100%;
	height:100%;
	text-align:center;
	z-index:0;
/*	-webkit-justify-content:center;
	    -ms-flex-pack:center;
	        justify-content:center;
	-webkit-align-items:center;
	    -ms-flex-align:center;*/
	        align-items:center;
}
.section-title h1{
	display:block;
	/*width:1em;*/
	line-height:1em;
	letter-spacing:calc(10vh / 8);
	font-size:calc(80vh / 8);
	margin:0;
	text-align:left;
}
.section-title h1 > span{
	display:inline-block;
	width:100%;
}
.section-title h1 span > span{
	/*display:inline-block;*/
	width:100%;
}
.section-title h1 br{
	display:none;
}
.section-1 h1{
	letter-spacing:calc(4vh / 7);
	font-size:calc(80vh / 8);
	margin-left:50px;
    margin-top:-5%;
}
.section-2 .section-ctn{
	width: 780px;
}
.section-2 h1, .section-3 h1, .section-4 h1, .section-5 h1, .section-6 h1{
	margin-left: 50px;
    margin-top: -5%;
	width:66%;

}
.section-2 h1 > span, .section-4 h1 > span{
	/*display:inline-block;*/
	margin-right:0.19em;
	float:left;
}
.section-2_list{
	margin-bottom:53px;
}
.section-2_listStyle{
	color: #fff;
    border: 2px solid #fff;
    padding: 2px 8px;
    text-align: center;
    width: 28px;
}
.section-2_list_content a{
	color:#efcb00;
}
.section-2_list_content a:hover{
	color:inherit;
}
.section-ctn{
	width:550px;
	padding:40px;
	margin-left:20px;
	margin-bottom:30px;
	-ms-flex-item-align:end;
	    -webkit-align-self:flex-end;
	        align-self:flex-end;
	z-index:1;
}
.section-subtitle h2{
	font-weight:lighter;
}
.section-txt{
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-flow:row;
	    -ms-flex-flow:row;
	        flex-flow:row;
}
.section-txt__blk{
	width:50%;
	padding-right:1.5em;
	position:relative;
}
.section-txt__blk::before{
	content:"";
	display:block;
	width:2em;
	height:1px;
	position:absolute;
	top:0;
	left:0;
}
.remove_line::before{
	width:0em;
	height:0px;
}
.under_line::before{
	content:"";
	display:block;
	width:6em;
	height:1px;
	position:absolute;
	top:103px;
	left:0;
}
.section .section-txt__blk::before{
	background-color:#fff;
}
.section-txt__more{
	padding:2px 5px;
	position:relative;
	border:none;
	border-radius:3px;
	margin:0 0 0 auto;
	background-color:#1167d3;
	box-sizing:content-box;
	outline:none;
	font-size:10px;
	color:#fff;
	cursor:pointer;
	display:none;
}
.title_more{
	width: 167%;
    height: 200px;
    position: fixed;
    top: -230%;
    left: -35%;
    z-index: 9999;
    background-color: transparent;
}
.section-1 p, .section-2 p, .section-3 p, .section-4 p, .section-5 p, .section-6 p{
	color:#fff;
}
.section-bg{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	overflow:hidden;
}
.section-bg picture{
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-justify-content:center;
	    -ms-flex-pack:center;
	        justify-content:center;
	-webkit-align-items:center;
	    -ms-flex-align:center;
	        align-items:center;
	width:100%;
	height:100%;
}
.section-bg__img{
	-ms-flex-negative:0;
	    -webkit-flex-shrink:0;
	        flex-shrink:0;
}
.section-2 .section-bg__img, .section-4 .section-bg__img{
	-ms-flex-item-align:end;
	    -webkit-align-self:flex-end;
	        align-self:flex-end;
}
.section-3 .section-ctn {
	width:74%;
	padding-right:0;
}
.section-3 .section-txt{
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-flow:inherit;
	    -ms-flex-flow:inherit;
	        flex-flow:inherit;
}
.section-3 .section-txt .section-txt__blk img{
	width:100%;
	display:block;
	margin-bottom:1px;
}
.section-3-slider p {
		margin-bottom:1px;
		margin-top:0;
	}
.section-4 .section-ctn {
	width:765px;
}
.section-4 .section-txt ul {
	color:#fff;
	font-size:14px;
	list-style:none;
	padding:0;
}
.section-4 .section-txt ul li {
	line-height:1.4em;
}
.section-4 .section-txt strong {
	color:#efcb00;	
}
.section-4 .section-txt span {
	font-size:21px;
	font-weight:bolder;
}
.section-5 .section-ctn {
	width:750px;
}
.section05_pop {
	width:100%;
}
.section-6 .section-ctn {
	width:70%;
	margin-bottom: 160px;
}
.pop_straightimg {
	float:left;
	width:40%;
}
.pop_straightcontent {
	float:right;
	width:56%;
}
.pop_straightcontent .pop_leftcontent {
	width:100%;
}
.pop_straightcontent .pop_rightcontent {
	width:100%;
}
.pop_leftcontent {
	position:relative;
	float:left;
	margin-top:15px;
	width:25%;
	color:#fff;
	font-size:20px;
	font-weight:bolder;
}
.pop_leftcontent span {
	font-family:"Oswald";
	font-weight:400;
}
.pop_rightcontent {
	position:relative;
	float:right;
	margin-top:15px;
	width:75%;
	font-size:14px;
	color:#fff;
}
/* fancybox */
.fancybox-skin {
	background:none !important;
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0) !important; */
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0 !important);
    /* box-shadow: 0 10px 25px rgba(0, 0, 0, 0) !important; */
}
.fancybox-inner {
    overflow: visible !important;
}
.fancybox-close {
	position: fixed !important;
    top: 20px !important;
    right: 20px !important;
}
.fancybox-prev {
    left: -70px !important;
}
.fancybox-next {
    right: -70px !important;
}
/*.section-1 .section-bg::after{
	content:"Image\003A\0020Szeto\0020Tat\0020Kuen";
	display:inline-block;
	background-color:rgba(0,0,0,0.1);
	color:rgba(255,255,255,0.4);
	position:absolute;
	bottom:0;
	left:50px;
	padding:2px 4px;
	font-size:8px;
}*/
@media screen and (max-aspect-ratio:1/1){
	.section-bg__img{
		height:100%;
		width:auto;
	}
}
@media screen and (min-aspect-ratio:1/1) and (orientation:landscape){
	.section-bg__img{
		height:100%;
		width:auto;
	}
}
@media screen and (min-aspect-ratio:3/2) and (orientation:landscape){
	.section-bg__img{
		height:auto;
		width:100%;
	}
}
/* ANIMATION */
.section-title h1{
	opacity:0;
}
.section--rendered .section-title h1{
	opacity:1;
}
.section-title h1 span > span{
	opacity:0;
	-webkit-transform:scale(0,0);
	        transform:scale(0,0);
	-webkit-filter:blur(8px);
	        filter:blur(8px);
	will-change:filter;
}
.section-title--entered h1 span > span{
	opacity:1;
	-webkit-transform:scale(1,1);
	        transform:scale(1,1);
	-webkit-filter:blur(0);
	        filter:blur(0);
	transition: opacity 2s ease-out, -webkit-transform 0.8s ease, -webkit-filter 1s ease-out;
	transition: transform 0.8s ease, opacity 2s ease-out, filter 1s ease-out;
	transition:transform 0.8s ease, opacity 2s ease-out, filter 1s ease-out, -webkit-transform 0.8s ease, -webkit-filter 1s ease-out;
}
.section-subtitle h2, .section-txt__blk{
	opacity:0;
	height:0;
	overflow:hidden;
	-webkit-transform:translate3d(0,100px,0);
	        transform:translate3d(0,100px,0);
	transition: opacity 2s ease-out, -webkit-transform 0.8s ease;
	transition: transform 0.8s ease, opacity 2s ease-out;
	transition:transform 0.8s ease, opacity 2s ease-out, -webkit-transform 0.8s ease;
}
.section-txt__blk::before{
	-webkit-transform:scale(0,1);
	        transform:scale(0,1);
	-webkit-transform-origin:left center;
	        transform-origin:left center;
}
.section-subtitle--entered h2, .section-txt--entered .section-txt__blk{
	opacity:1;
	height:auto;
	-webkit-transform:translate3d(0,0,0);
	        transform:translate3d(0,0,0);
}
.section-txt div:first-of-type{
	transition-delay:0.1s;
}
.section-txt div:nth-of-type(2){
	transition-delay:0.2s;
}
.section-txt div:nth-of-type(3){
	transition-delay:0.3s;
}
.section-txt div:nth-of-type(4){
	transition-delay:0.4s;
}
.section-txt div:nth-of-type(5){
	transition-delay:0.5s;
}
.section-txt div:nth-of-type(6){
	transition-delay:0.6s;
}
.section-txt div:last-of-type{
	transition-delay:0.5s;
}
.section-txt--entered .section-txt__blk::before{
	-webkit-transform:scale(1,1);
	        transform:scale(1,1);
	transition: -webkit-transform 0.8s ease 1s;
	transition: transform 0.8s ease 1s;
	transition:transform 0.8s ease 1s, -webkit-transform 0.8s ease 1s;
}

/* RESPONSIVE */
@media screen and (max-height:780px){
	.section-1 h1, .section-2 h1, .section-3 h1, .section-4 h1, .section-5 h1, .section-6 h1{
		margin-top:-18%;
	}
}
@media screen and (max-width:1080px){

	.under_line::before{
		top:149px;
	}
	.section-ctn{
		width:600px;
	}
	.section-1 h1, .section-2 h1, .section-3 h1, .section-4 h1, .section-5 h1, .section-6 h1{
		font-size: calc(60vh / 7);
		margin-top: -15%;
		width: 63%;
	}
	.section-txt{
		-webkit-flex-flow:row;
		    -ms-flex-flow:row;
		        flex-flow:row;
	}
	.section-txt__blk{
		width:100%;
	}
	.section-2 .section-ctn {
		width: 70%;
	}
	.section-2_list{
		margin-bottom:2.4em;
		margin-top:0;
	}
	.section-2_listStyle{
		color: #fff;
		border: 2px solid #fff;
		padding: 2px 8px;
		text-align: center;
		width: 28px;
		margin-top:0;
		margin-right:10px;
	}
	.section-2_list_content {
		margin-top:0;
	}
	.section-3 .section-ctn {
		width: 66%;
	}
	.section-3 .section-txt {
		flex-flow: row wrap;
	}
	.section-3-slider {
		float:left;
		width:25%;
		padding-right: 10px;
	}
	.section-3-slider p {
		margin:1px;
		margin-bottom:1px;
	}
	.section-4 .section-ctn {
		width: 700px;
	}
	.section05_pop {
		width:111%;
	}
	.section-5 .section-ctn {
		width: 70%;
		margin-bottom:15px;
	}
	.section-6 .section-ctn {
		width:70%;
		margin-bottom: 100px;
	}

}

@media screen and (max-width:960px){

	.section{
		-webkit-flex-flow:column;
		    -ms-flex-flow:column;
		        flex-flow:column;
		-webkit-justify-content:center;
		    -ms-flex-pack:center;
		        justify-content:center;
	}
	.section-title{
		display:block;
		width:auto;
		height:auto;
		position:relative;
	}
	.section-title h1{
		width:95%;
		margin-left:20px;

	}
	.section-title h1 span > span{
		width:1em;
	}
	.section-2 h1 > span, .section-4 h1 > span{
		width:100%;
	}
	.section h1{
		font-size:calc(23vw / 4);
		line-height:1.2em;
	}
	.section-1 h1{
		font-size:calc(23vw / 4);
		margin-top:5%;
		margin-left:50px;
	}
	.section-2 h1, .section-3 h1, .section-4 h1, .section-5 h1, .section-6 h1 {
		margin-left: 50px;
		margin-top: 0%;
		width: 92%;
	}
	.under_line::before {
		top: 175px;
	}
	.section-ctn{
		-ms-flex-item-align:start;
		    -webkit-align-self:flex-start;
		        align-self:flex-start;
		width:calc(100vw - 340px);
	}
	.section-2 .section-ctn, .section-3 .section-ctn, .section-4 .section-ctn, .section-5 .section-ctn, .section-6 .section-ctn {
		width: calc(100% - 330px);
	}
	.section-2_list {
		margin-bottom: 3.8em;
	}
	.section-3 .section-txt {
		flex-flow: row wrap;
	}
	.section-5 h1 {
		margin-top: 20%;
	}
	.section-5 .section-ctn {
		margin-bottom:10px;
	}
	.fancybox-prev {
    left: 0px !important;
	}
	.fancybox-next {
		right: 0px !important;
	}

}


@media screen and (max-width:767px){

	.section-ctn{
		-ms-flex-item-align:start;
		    -webkit-align-self:flex-start;
		        align-self:flex-start;
		width:calc(100% - 275px) !important;
	}
	.under_line::before {
		top: 148px;
	}
	.section-txt {
		-webkit-flex-flow: column;
		-ms-flex-flow: column;
		flex-flow: column;
	}
	.section-2_list {
		margin-bottom: 10px;
	}
	.section-2_listStyle {
		color: #fff;
		border: 2px solid #fff;
		padding: 4px 8px;
		text-align: center;
		width: 28px;
		float: left;
		margin-top: 0 !important;
		margin-right: 10px !important;
	}
	.section-3 .section-txt {
		flex-flow: row wrap;
	}
	.section-3-slider {
		float:left;
		width:45%;
		padding: 0px 0px;
		padding-right:7%;
	}
	.section-3-slider p {
		margin-bottom: 2px !important;
		margin-top: 1px !important;
	}
	.section05_pop {
		width: 80%;
	}
	.section-6 .section-ctn {
		width:57%;
	}

}

@media screen and (max-width:640px){
	
	.main{
		position:relative;
		height:auto;
	}
	.section{
		-webkit-flex-flow:column;
		    -ms-flex-flow:column;
		        flex-flow:column;
		-webkit-align-items:center;
		    -ms-flex-align:center;
		        align-items:center;
		-webkit-justify-content:space-between;
		    -ms-flex-pack:justify;
		        justify-content:space-between;
	}
	.section-1{
		height:auto;
		padding:0;
	}
	.home-cta{
		display:block;
		width:100%;
		height:80px;
		position:absolute;
		left:0;
		top:calc(100vh - 80px);
		text-align:center;
	}
	.home-cta__btn{
		display:inline-block;
		padding:10px 50px;
		border:none;
		border-radius:3px;
		color:#fff;
		background-color:#1167d3;
		outline:none;
		box-shadow:0 3px 5px rgba(0,0,0,0.2);
		cursor:pointer;
	}
	.section:last-of-type{
		padding-bottom:59px;
	}
	.section p{
		color:#666;
	}
	.section-title{
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		width:100%;
		height:calc(100vw * 0.6);
		position:relative;
		margin-left:0;
		-webkit-flex-grow:1;
		    -ms-flex-positive:1;
		        flex-grow:1;
	}
	.section-1 .section-title{
		height:100vh;
	}
	.section-title h1{
		width:99%;
		text-align:left;
		font-size:calc((100vw * 0.6 - 20px) / 8);
		padding-left:0;
		margin-left:0;
		letter-spacing:0;
		position:relative;
	}
	.section-title h1::after{
		content:"";
		display:none;
		width:100%;
		height:1px;
		position:absolute;
		bottom:-10px;
		left:0;
		background-color:rgba(255,255,255,0.5);
	}
	.section-1 h1{
		font-size:calc((94vw * 0.6)/ 4);
		text-align: center;
		padding-left:0;
	}
	.section-2 h1, .section-3 h1, .section-4 h1, .section-5 h1, .section-6 h1{
		font-size:calc((72vw * 0.6)/ 4);
		text-align: center;
		padding-left:0;
		margin-top:0;
	}
	.section-title h1 span > span{
		width:1em;
		-webkit-filter:blur(0);
		        filter:blur(0);
	}
	.section-title h1 br{
		display:none;
	}
	.section-2 h1 > span, .section-4 h1 > span{
		float:left;
	}
	.section-title--entered h1 span > span{
		transition: opacity 2s ease-out, -webkit-transform 0.8s ease;
		transition: transform 0.8s ease, opacity 2s ease-out;
		transition:transform 0.8s ease, opacity 2s ease-out, -webkit-transform 0.8s ease;
	}
	.section-ctn{
		width:100% !important;
		max-width:400px;
		margin:0 auto;
		-webkit-flex-grow:0;
		    -ms-flex-positive:0;
		        flex-grow:0;
		padding:40px 20px 60px 20px !important;
	}
	.section-subtitle h2{
		font-size:26px;
		margin:0;
		margin-bottom:10px;
	}
	.section-txt::before{
		content:"";
		display:block;
		width:100%;
		height:1px;
		background-color:#1167d3;
	}
	.section-txt{
		-webkit-flex-flow:column;
		    -ms-flex-flow:column;
		        flex-flow:column;
	}
	.section-txt__blk{
		width:100%;
		padding-right:0;
	}
	.section-txt__blk p:not(:first-of-type){
		overflow:hidden;
	}
	.section-txt div:last-of-type p{
		overflow:hidden;
	}
	.section-txt div:last-of-type p:first-of-type{
		margin-top:0!important;
	}
	.section-txt__blk::before{
		display:none;
	}
	.section-txt__more{
		display:block;
	}
	.section-1 .section-bg{
		height:100vh;
	}
	.section:not(.section-1) .section-bg{
		width:100%;
		height:calc(100vw * 0.6);
	}
	.section:not(.section-1) .section-bg__img{
		width:100%;
		height:auto;
		-ms-flex-item-align:center;
		    -webkit-align-self:center;
		        align-self:center;
	}
	.section-1 .section-bg::after{
		left:0;
	}
	/* ANIMATION */
	.home-cta__btn:active{
		box-shadow:0 2px 3px rgba(0,0,0,0.2);
	}
	.section-title h1 > span{
		position:relative;
	}
	.section-1 .section-txt__more{
		pointer-events:none;
		display:none;
	}
	.section-txt__more{
		opacity:1;
		-webkit-transform:translateY(0);
		        transform:translateY(0);
	}
	.section-txt__more--hidden{
		opacity:0;
		-webkit-transform:translateY(-100%);
		        transform:translateY(-100%);
		-webkit-transform-origin:center center;
		        transform-origin:center center;
		transition: opacity 0.5s cubic-bezier(.19,1,.22,1), -webkit-transform 0.5s cubic-bezier(.19,1,.22,1);
		transition: transform 0.5s cubic-bezier(.19,1,.22,1), opacity 0.5s cubic-bezier(.19,1,.22,1);
		transition:transform 0.5s cubic-bezier(.19,1,.22,1), opacity 0.5s cubic-bezier(.19,1,.22,1), -webkit-transform 0.5s cubic-bezier(.19,1,.22,1);
		position:absolute;
		right:0;
	}
	.section:not(.section-1) .section-txt__blk p:not(:first-of-type), 
	.section:not(.section-1) .section-txt div:nth-of-type(2) p,
	.section:not(.section-1) .section-txt div:nth-of-type(3) p,
	.section:not(.section-1) .section-txt div:nth-of-type(4) p,
	.section:not(.section-1) .section-txt div:nth-of-type(5) p,
	.section:not(.section-1) .section-txt div:nth-of-type(6) p,
	.section:not(.section-1) .section-txt div:last-of-type p{
		height:0;
		margin:0;
		opacity:0;
		overflow:hidden;
		visibility:hidden;
		-webkit-transform:translateY(50px);
		        transform:translateY(50px);
	}
	.section:not(.section-1) .section-txt__blk--expanded p:not(:first-of-type),
	.section:not(.section-1) .section-txt div.section-txt__blk--expanded:nth-of-type(2) p,
	.section:not(.section-1) .section-txt div.section-txt__blk--expanded:nth-of-type(3) p,
	.section:not(.section-1) .section-txt div.section-txt__blk--expanded:nth-of-type(4) p,
	.section:not(.section-1) .section-txt div.section-txt__blk--expanded:nth-of-type(5) p,
	.section:not(.section-1) .section-txt div.section-txt__blk--expanded:nth-of-type(6) p,
	.section:not(.section-1) .section-txt div.section-txt__blk--expanded:last-of-type p{
		visibility:visible;
		height:auto;
		opacity:1;
		-webkit-transform:translateY(0);
		        transform:translateY(0);
		transition-property: opacity, -webkit-transform;
		transition-property: opacity, transform;
		transition-property:opacity, transform, -webkit-transform;
		transition-duration:0.8s, 0.8s;
		transition-timing-function:ease;
		transition-delay:0s;
	}

}
@media screen and (max-width:640px){

	.section-1 .section-bg__img{
		height:100%;
		width:auto;
	}
	.section-2_listStyle{
		color: #666;
		border: 2px solid #666;
		padding: 4px 8px;
		text-align: center;
		width: 28px;
		float:left;
		margin-top:0 !important;
		margin-right:10px !important;
	}
	.section-2_list_content {
		margin-top:0 !important;
	}
	.section-3 .section-txt {
		flex-flow: row wrap;
	}
	.section-3-slider {
		float:left;
		width:50%;
		padding: 0px 2%;
	}
	.section-3-slider p {
		margin-bottom: 10px !important;
		margin-top: 1px !important;
	}
	.section05_pop {
		width:100%;
	}
	.section-6 .section-ctn {
		margin-bottom: 10px;
	}
	.pop_leftcontent {
		position:relative;
		float:left;
		margin-top:15px;
		width:100%;
		color:#fff;
		font-size:20px;
		font-weight:bolder;
		text-align:center;
	}
	
	.pop_rightcontent {
		position:relative;
		float:right;
		margin-top:15px;
		width:100%;
		font-size:14px;
		color:#fff;
		text-align:center;
	}
	.pop_straightimg {
		float: none;
		margin: 0 auto;
		width: 70%;
	}
	.pop_straightcontent {
		float:right;
		width:100%;
	}
}

@media screen and (min-aspect-ratio:3/2) and (max-width:640px){

	.section-1 .section-bg__img{
		height:auto;
		width:100%;
	}

}

@media screen and (max-aspect-ratio:9/16) and (max-width:640px){

	.section-1 .section-bg__img{
		height:100%;
		width:auto;
	}

}

/* ----- END OF MAIN CSS ----- */


/* ----- START OF FORM CSS ----- */
.form-container{
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	width:100%;
	height:100%;
	max-width:330px;
	position:fixed;
	top:0;
	right:0;
	-webkit-justify-content:center;
	    -ms-flex-pack:center;
	        justify-content:center;
	-webkit-align-items:center;
	    -ms-flex-align:center;
	        align-items:center;
	z-index:1;
}
.form-container-inner{
	width:90%;
	height:auto;
	position:relative;
	padding:20px;
	border-radius:10px;
	background-color:rgba(255,255,255,0.7);
}
.form-close{
	width:15px;
	height:15px;
	position:absolute;
	top:0;
	right:0;
	margin:7px 7px 0 0;
	border-radius:8px;
	background-color:#e0e0e0;
	cursor:pointer;
}
.form-close::before, .form-close::after{
	content:"";
	display:block;
	width:9px;
	height:1px;
	position:absolute;
	top:7px;
	left:3px;
	background-color:#fff;
}

.form-title{
	width:82%;
	margin:0 auto;
}
.form-title h3{
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-justify-content:center;
	    -ms-flex-pack:center;
	        justify-content:center;
	-ms-flex-line-pack:center;
	    -webkit-align-content:center;
	        align-content:center;
	margin:0;
	color:#1167d3;
}
.form-title h3:first-of-type{
	font-family:"Oswald";
	font-size:2.3em;
	letter-spacing:-1px;
}
.form-title h3:last-of-type{
	font-size:1.6em;
}
.form-cta-txt{
	font-family: "Microsoft JhengHei", "Microsoft YaHei", "PingFang TC", "Heiti TC", Helvetica, Arial, sans-serif;
	font-weight:200;
	text-align:justify;
	color:#666;
}
.eaform{
	width:100%;
	color:#666;
}
.eaform div[id$="Div"]{
	width:100%;
	height:35px;
	margin-bottom:10px;
	position:relative;
}
.eaform div[id$="Div"]:nth-of-type(2), .eaform .eaSubmitResetButtonGroup{
	margin-top:70px;
}
.eaform div[id$="Div"]:nth-of-type(2)::before, .eaform .eaSubmitResetButtonGroup::before{
	content:"";
	display:block;
	width:100%;
	height:1px;
	margin:20px 0;
	position:absolute;
	background-color:#bbbac4;
}
.eaform div[id$="Div"]:nth-of-type(2)::before, .eaform .eaSubmitResetButtonGroup::before{
	top:-38px;
}
.eaFormElementLabel{
	width:50px;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.eaFormElementLabel::before{
	content:"";
	display:inline-block;
	width:100%;
	height:100%;
	border-radius:3px 0 0 3px;
	float:left;
	background-color:#bbbac4;
	background-position:50% 50%;
	background-size:auto 1em;
	background-repeat:no-repeat;
}
#emailDiv .eaFormElementLabel::before{
	background-image:url("https://api.greenpeace.org.hk/2016/climate_emergency/res/img/form-icon-email.svg");
	background-size:auto 0.8em;
}
#full_nameDiv .eaFormElementLabel::before{
	background-image:url("https://api.greenpeace.org.hk/2016/climate_emergency/res/img/form-icon-name.svg");
}
#phone_numberDiv .eaFormElementLabel::before{
	background-image:url("https://api.greenpeace.org.hk/2016/climate_emergency/res/img/form-icon-phone.svg");
}
#date_of_birthDiv .eaFormElementLabel::before{
	background-image:url("https://api.greenpeace.org.hk/2016/climate_emergency/res/img/form-icon-dob.svg");
	background-size:auto 1.1em;
}
.eaFormElementLabel label{
	display:none;
}
.eaFormField{
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	padding:0 25px 0 50px;
	border:1px solid #bbbac4;
	border-radius:3px;
	z-index:0;
	background:#fff;
}
#date_of_birthDiv .eaFormField{
	padding-right:0;
	font-size: 0;
}
.eaFormField::after{
	content:"";
	display:block;
	width:25px;
	height:100%;
	position:absolute;
	top:0;
	right:0;
	background-repeat:no-repeat;
	background-position:50% 50%;
	background-size: 15px 15px;
}
.eaField--valid .eaFormField::after{
	background-image:url("https://api.greenpeace.org.hk/2016/climate_emergency/res/img/form-icon-tick.svg");
}
.eaField--invalid .eaFormField::after{
	background-image:url("https://api.greenpeace.org.hk/2016/climate_emergency/res/img/form-icon-cross.svg");
}
#date_of_birthDiv .eaFormField::after{
	display:none;
}
.eaFormField input, .eaFormField select{
	width:100%;
	height:35px;
	border:none;
	outline:none;
	font-size:14px;
	background-color:transparent;
	z-index: 1;
}
.eaFormField input{
	padding-left:5px;
}
.eaFormField select{
	-moz-appearance:none;
	-webkit-appearance:none;
	padding-left:10px;
	background-image:url("https://api.greenpeace.org.hk/2016/climate_emergency/res/img/arrow-down.svg");
	background-repeat:no-repeat;
	background-size:1.5em auto;
	background-position:right center;
}
#date_of_birth2, #date_of_birth1{
	display:none;
}
.eaSubmitResetButtonGroup{
	display:block;
	width:100%;
	height:35px;
	margin-bottom:60px;
	position:relative;
}
.eaSubmitButton{
	width:100%;
	height:35px;
	border:none;
	border-radius:3px;
	outline:none;
	color:#fff;
	background-color:#1167d3;
	cursor:pointer;
}
#email_okDiv, #email_ok_hongkongDiv{
	width:100%;
	height:auto;
	position:absolute;
	left:0;
	bottom:0;
	margin-bottom:0;
	padding:0 20px 20px 20px;
	font-size:0;
	line-height:0;
}
.eaQuestionCheckbox{
	font-size:12px;
	line-height:1.2em;
}
.eaQuestionCheckbox::after{
	content:"我願意收到綠色和平發送的義工及支持者電子通訊，並同意綠色和平按照其個人資料政策與我保持聯絡。";
	display:block;
	padding-left:25px;
}
#email_okY, #email_ok_hongkongY{
	visibility: hidden;
	display:none;
}

label[for="email_okY"], label[for="email_ok_hongkongY"] {
	cursor: pointer;
	position: absolute;
	width: 16px;
	height: 16px;
	top: 3px;
	border-radius: 3px;
	background: #fcfff4;
	border:1px solid #b5b5b5;
	font-size:0;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

label[for="email_okY"]::after, label[for="email_ok_hongkongY"]::after {
	opacity: 0;
	content: '';
	position: absolute;
	width: 7px;
	height: 3px;
	background: transparent;
	top: 4px;
	left: 3px;
	border: 2px solid #b5b5b5;
	border-top: none;
	border-right: none;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

label[for="email_okY"]:hover::after, label[for="email_ok_hongkongY"]:hover::after {
	opacity: 0;
}

#email_okY:checked + label::after, #email_ok_hongkongY:checked + label::after {
	opacity: 1;
}
#eaerrors, .eaErrorMessage{
	display:none;
}

/* ANIMATION */
.form-close::before, .form-close::after{
	transition: -webkit-transform 0.8s cubic-bezier(.19,1,.22,1);
	transition: transform 0.8s cubic-bezier(.19,1,.22,1);
	transition:transform 0.8s cubic-bezier(.19,1,.22,1), -webkit-transform 0.8s cubic-bezier(.19,1,.22,1);
}
.form-close:hover::before{
	-webkit-transform:rotate(-45deg);
	        transform:rotate(-45deg);
}
.form-close:hover::after{
	-webkit-transform:rotate(45deg);
	        transform:rotate(45deg);
}
.eaFormElementLabel::before, .eaFormField{
	transition:background-color 0.3s cubic-bezier(.19,1,.22,1);
}
.input--focused .eaFormElementLabel::before{
	background-color:#1167d3;
}
.input--focused .eaFormField{
	border: 1px solid #1b98e0;
}

.eaFormField::after{
	-webkit-transform:scale(0,0);
	        transform:scale(0,0);
	transition: -webkit-transform 0.5s cubic-bezier(.19,1,.22,1);
	transition: transform 0.5s cubic-bezier(.19,1,.22,1);
	transition:transform 0.5s cubic-bezier(.19,1,.22,1), -webkit-transform 0.5s cubic-bezier(.19,1,.22,1);
}
.input--valid .eaFormField::after, .input--invalid .eaFormField::after{
	-webkit-transform:scale(1,1);
	        transform:scale(1,1);
}
.form--ready .form-cta-txt{
	height:0;
	margin:0;
	-webkit-transform:scale(1,0);
	        transform:scale(1,0);
	opacity:0;
	transition:all 1s cubic-bezier(.19,1,.22,1);
}
.eaform div[id$="Div"]:not(:nth-of-type(2)){
	height:0;
	opacity:0;
	margin:0;
	-webkit-transform:translate3d(0,100%,0);
	        transform:translate3d(0,100%,0);
	transition-duration:0.5s;
	transition-timing-function:cubic-bezier(.19,1,.22,1);
}
.eaform div[id$="Div"]:nth-of-type(2)::before,
.eaform .eaSubmitResetButtonGroup::before{
	height:0;
	opacity:0;
	-webkit-transform:translate3d(0,100%,0);
	        transform:translate3d(0,100%,0);
	transition-duration:0.5s;
	transition-timing-function:cubic-bezier(.19,1,.22,1);
}
.eaform div[id$="Div"]:nth-of-type(2),
.eaform .eaSubmitResetButtonGroup{
	margin-top:15px;
}
.eaform .eaSubmitResetButtonGroup{
	margin-bottom:10px;
}
.form--ready .eaform div[id$="Div"]:not(:nth-of-type(2)){
	height:35px;
	margin-bottom:10px;
	transition-property:height;
}
.form--ready .eaform div[id$="Div"]:nth-of-type(2)::before,
.form--ready .eaform .eaSubmitResetButtonGroup::before{
	height:1px;
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	        transform:translate3d(0,0,0);
	transition-property:all;
	-webkit-transform-origin:center center;
	        transform-origin:center center;
}
.form--ready .eaform div[id$="Div"]:nth-of-type(2),
.form--ready .eaform .eaSubmitResetButtonGroup{
	margin-top:35px;
}
.form--ready .eaform .eaSubmitResetButtonGroup{
	margin-bottom:60px;
}
.form--ready .eaform div[id$="Div"]:last-of-type{
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	        transform:translate3d(0,0,0);
	transition:opacity 1s cubic-bezier(.19,1,.22,1);
}
.form--active .eaform div[id$="Div"]:not(:nth-of-type(2)):not(:last-of-type){
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	        transform:translate3d(0,0,0);
	transition:all 1s cubic-bezier(.19,1,.22,1);
	-webkit-transform-origin:center top;
	        transform-origin:center top;
}
.form--active .eaform div[id$="Div"]:nth-of-type(3){
	transition-delay:0s!important;
}
.form--active .eaform div[id$="Div"]:nth-of-type(4){
	transition-delay:0.1s!important;
}
.form--active .eaform div[id$="Div"]:nth-of-type(5){
	transition-delay:0.15s!important;
}
.form--active .eaform input, .form--active .eaform select{
	-webkit-transform:translateZ(0);
	        transform:translateZ(0);
}
.form-close{
	pointer-events:none;
	-webkit-transform:scale(0,0);
	        transform:scale(0,0);
	transition: -webkit-transform 1s cubic-bezier(.19,1,.22,1);
	transition: transform 1s cubic-bezier(.19,1,.22,1);
	transition:transform 1s cubic-bezier(.19,1,.22,1), -webkit-transform 1s cubic-bezier(.19,1,.22,1);
}
.form--active .form-close{
	pointer-events:auto;
	-webkit-transform:scale(1,1);
	        transform:scale(1,1);
}
.form--closed .eaform div[id$="Div"]:not(:nth-of-type(2)),
.form--closed .eaform div[id$="Div"]:nth-of-type(2)::before,
.form--closed .eaform .eaSubmitResetButtonGroup::before{
	transition-delay:0!important;
}
.form-container-inner{
	transition:background-color 0.3s cubic-bezier(.19,1,.22,1);
}
.form--focused .form-container-inner{
	background-color:rgba(255,255,255,0.9);
}
.form--shake {
  -webkit-animation: shake 0.52s cubic-bezier(.36,.07,.19,.97) both;
          animation: shake 0.52s cubic-bezier(.36,.07,.19,.97) both;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  -webkit-perspective: 1000px;
          perspective: 1000px;
}
.eaFormField::after{
	transition: -webkit-transform 0.5s cubic-bezier(.19,1,.22,1);
	transition: transform 0.5s cubic-bezier(.19,1,.22,1);
	transition:transform 0.5s cubic-bezier(.19,1,.22,1), -webkit-transform 0.5s cubic-bezier(.19,1,.22,1);	
}
.eaField--invalid .eaFormField::after{
	background-image:url(https://api.greenpeace.org.hk/2016/climate_emergency/res/img/form-icon-cross.svg);
	-webkit-transform:scale(1,1);
	        transform:scale(1,1);
}
.eaField--valid .eaFormField::after{
	background-image:url(https://api.greenpeace.org.hk/2016/climate_emergency/res/img/form-icon-tick.svg);
	-webkit-transform:scale(1,1);
	        transform:scale(1,1);
}
.eaFormElementLabel::before{
	transition:background-color 0.5s cubic-bezier(.19,1,.22,1);	
}
.eaField--invalid .eaFormElementLabel::before{
	background-color:#ff6666;
}
.eaFormField{
	transition:border-color 0.5s cubic-bezier(.19,1,.22,1);	
}
.eaField--invalid .eaFormField{
	border-color:#ff6666;
}
@-webkit-keyframes shake {
  10%, 90% {
    -webkit-transform: translate3d(-1px, 0, 0);
            transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    -webkit-transform: translate3d(2px, 0, 0);
            transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    -webkit-transform: translate3d(-4px, 0, 0);
            transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    -webkit-transform: translate3d(4px, 0, 0);
            transform: translate3d(4px, 0, 0);
  }
}
@keyframes shake {
  10%, 90% {
    -webkit-transform: translate3d(-1px, 0, 0);
            transform: translate3d(-1px, 0, 0);
  }
  
  20%, 80% {
    -webkit-transform: translate3d(2px, 0, 0);
            transform: translate3d(2px, 0, 0);
  }

  30%, 50%, 70% {
    -webkit-transform: translate3d(-4px, 0, 0);
            transform: translate3d(-4px, 0, 0);
  }

  40%, 60% {
    -webkit-transform: translate3d(4px, 0, 0);
            transform: translate3d(4px, 0, 0);
  }
}

/* RESPONSIVE */

@media screen and (min-width:481px) and (max-width:767px){

	.form-container{
		max-width:300px;
	}
	.form-title h3:last-of-type{
		font-size:1.5em;
	}
	.eaQuestionCheckbox::after{
		line-height:1em;
	}
	.eaform div[id$="Div"]:nth-of-type(2)::before, .eaform .eaSubmitResetButtonGroup::before{
		height:1px;
		margin:15px 0;
		top:-50px;
	}
	/* ANIMATION */
	.form--ready .eaform div[id$="Div"]:nth-of-type(2),
	.form--ready .eaform .eaSubmitResetButtonGroup{
		margin-top:30px;
	}
	.form--ready .eaform .eaSubmitResetButtonGroup{
		margin-bottom:70px;
	}
	.form--ready .eaform div[id$="Div"]:nth-of-type(2)::before,
	.form--ready .eaform .eaSubmitResetButtonGroup::before{
		height:1px;
	}
}

@media screen and (max-width:640px){

	.arrow {
	    position: absolute !important;
		bottom: 0% !important;
		width: 30px !important;
		height: 30px !important;
		margin-left: -15px !important;
	}
	.form-container{
		display:block;
		height:59px;
		max-width:100%;
		top:auto;
		bottom:0;
		-webkit-align-items:flex-end;
		    -ms-flex-align:end;
		        align-items:flex-end;
		overflow-x: hidden;
		overflow-y: hidden;
		-webkit-overflow-scrolling:touch;
		z-index:3;
		box-shadow:0 -3px 5px rgba(0,0,0,0.1);
	}
	.form-container-inner{
		width:100%;
		min-height:0;
		position:absolute;
		bottom:0;
		border-radius:0;
		padding:12px 20px;
		background-color: rgba(255,255,255,0.7);
	}
	.form-close{
		background-color:#1167d3;
	}
	.eaQuestionCheckbox::after{
		font-size:10px;
	}

	/* ANIMATION */
	.form-title, .form-cta-txt{
		height:0;
		padding:0;
		margin:0;
		overflow:hidden;
	}
	.form-cta-txt{
		max-height:0;
	}
	#emailDiv{
		height:0;
		margin:0;
		opacity:0;
		overflow:hidden;
	}
	.eaform .eaSubmitResetButtonGroup{
		margin-bottom:0;
	}

	/* ANIMATION */
	.form-container{
		-webkit-transform:translateY(100%);
		        transform:translateY(100%);
		transition: -webkit-transform 0.5s cubic-bezier(.19,1,.22,1);
		transition: transform 0.5s cubic-bezier(.19,1,.22,1);
		transition:transform 0.5s cubic-bezier(.19,1,.22,1), -webkit-transform 0.5s cubic-bezier(.19,1,.22,1);;
	}
	.form--visible.form-container{
		-webkit-transform:translateY(0);
		        transform:translateY(0);
	}
	.form-container-inner{
		transition:min-height 0.5s cubic-bezier(.19,1,.22,1), background-color 0.5s cubic-bezier(.19,1,.22,1);
	}
	.form--ready .form-cta-txt{
		height:auto;
		max-height:100px;
		padding:0;
		margin:1.33em 0;
		opacity:1;
		-webkit-transform:scale(1,1);
		        transform:scale(1,1);
		transition:all 0.5s cubic-bezier(.19,1,.22,1);
	}
	.form--ready.form-container{
		height:100%;
		overflow-y:auto;
	}
	.form--ready .form-container-inner{
		display:block;
		min-height:100%;
		background-color: rgba(255,255,255,0.95);
		-webkit-transform-origin:center bottom;
		        transform-origin:center bottom;
	}
	.form--ready .form-title{
		height:auto;
		margin:0 auto;
		padding:20px 0 0 0;
	}
	.form--ready .eaform .eaSubmitResetButtonGroup::before{
		transition-property:height, opacity;
		transition-delay:1s;
	}
	.form--ready #emailDiv{
		height:35px;
		margin-bottom:10px;
		margin-top:70px;
		opacity:0;
		transition:all 0.5s cubic-bezier(.19,1,.22,1);
		overflow:visible;
	}
	.form--active .form-container-inner{
		position:relative;
	}
	.form--active #emailDiv{
		opacity:1;
		-webkit-transform:translate3d(0,0,0);
		        transform:translate3d(0,0,0);
		transition:all 1s cubic-bezier(.19,1,.22,1);
		-webkit-transform-origin:center top;
		        transform-origin:center top;
	}
}
/* ----- END OF FORM CSS ----- */


/* ----- START OF FOOTER ----- */
.footer{
	position:fixed;
	bottom:0;
	right:0;
	margin:0 20px 10px 0;
	z-index:1;
}
.footer-ctn{
	list-style-type:none;
	padding-left:0;
	margin:0;
	font-size:10px;
	color:#fff;
}
.footer__link{
	float:left;
}
.footer__link:not(:last-of-type)::after{
	content:"・";
}

/* ANIMATION */
.footer-ctn{
	transition:color 1s ease;
}
.fp-viewing-section-1 .footer-ctn,
.fp-viewing-section-2 .footer-ctn,
.fp-viewing-section-4 .footer-ctn,
.fp-viewing-section-5 .footer-ctn,
.fp-viewing-section-6 .footer-ctn{
	color:#fff;
}

/* RESPONSIVE */
@media screen and (max-width:640px){

	.footer{
		display:none;
	}

}
/* ----- END OF FOOTER ----- */


/* ----- START OF THANKYOU ----- */

.redirect-msg{
	text-align:center;
}
.redirect-second{
	margin:0 5px;
	font-size:2em;
}
.arrow {
  position: absolute;
  bottom: 1%;
  left: 50%;
  margin-left:-25px;
  width: 50px;
  height: 50px;
  background-image:url(../img/scroll_down_arrow.png);
  background-size: contain;
  z-index:999;
}

.bounce {
  -moz-animation: bounce 2s infinite;
  -webkit-animation: bounce 2s infinite;
  animation: bounce 2s infinite;
}

@keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  60% {
    transform: translateY(-15px);
  }
}
/* ----- END OF THANKYOU ----- */