@font-face {
	font-family: DINProRegular;
	src:
		url(DINProRegular.eot),
		url(DINProRegular.woff) format("woff"),
		url(DINProRegular.ttf) format("truetype");
}

html{
	overflow-x:hidden;
}
html.disableScroll,
html.intro{
	overflow:hidden;
}

body, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd{
	margin:0;
	padding:0;
}

body{
	font-family:DINProRegular, Tahoma, 微軟正黑體;
	color:#333;
}

*,
*:before,
*:after{
	box-sizing:border-box;
}
ul, ol{
	list-style:none;
}
a{
	text-decoration:none;
}

#container{
	position:relative;
	z-index:0;
}

#container > section{
	min-height:100vh;
}
#container > section:not(#home) > .ct{
	max-width:1200px;
}


/*********************************** 共用 start *****************************************/
#container > section:not(#home){
	padding:6% 10% 6% 30%;
}

h3{
	color:#39d52d;
	font-size:3em;
}
h3:not(:first-child),
h4:not(:first-child){
	margin-top:6%;
}

p{
	line-height:2em;
	margin:0;
}
*+p{
	margin-top:2em;
}
p.ps{
	text-align:right;
	color:#666;
}
p.ps a{
	text-decoration:underline;
	color:currentColor;
}
p.ps a:hover{
	text-decoration:none;
}

.ct dl.group{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-top:6%;
}
.ct dl.group .item{
	margin-top:6%;
	width:45%;
}
.ct dl.group .item:nth-child(1),
.ct dl.group .item:nth-child(2){
	margin-top:0;
}
.ct dl.group .item dt{
	font-weight:bold;
}
.ct dl.group .item dt:after{
	content:"";
	clear:both;
	display:block;
}
.ct dl.group .item dt:before{
	float:left;
	position:relative;
	margin-top:0.6em;
	content:"";
	display:block;
	width:1.8em;
	height:1px;
	background:currentColor;
	margin-right:0.4em;
	vertical-align:middle;
}
.ct dl.group .item dt a{
	overflow:hidden;
	display:block;
	color:currentColor;
}
.ct dl.group .item dt a[href]{
	text-decoration:underline;
}
.ct dl.group .item dt a[href]:hover{
	text-decoration:none;
}
.ct dl.group .item dd{
	margin:0.5em 0 0 2.2em;
	line-height:2em;
}
.ct dl.group .item dd p+p{
	margin-top:0.5em;
}
.ct dl.group .item dd a[href]{
	color:#666;
	text-decoration:underline;
}
.ct dl.group .item dd a[href]:hover{
	text-decoration:none;
}
.ct dl.group .item dd ul,
.ct dl.group .item dd ul li{
	margin-top:6%;
}
.ct dl.group .item dd ul li:nth-child(1){
	margin-top:0;
}
.ct dl.group .item dd ul li strong,
.ct dl.group .item dd ul li strong a[href],
.ct dl.group.umkt .item dt{
	color:#ba855c;
}

.ct dl.info{
	margin-top:6%;
}
.ct dl.info .item+.item{
	margin-top:0.5em;
}
.ct dl.info .item dt,
.ct dl.info .item dd{
	line-height:2em;
}
.ct dl.info .item dt{
	width:6em;
	float:left;
}
.ct dl.info .item dd{
	overflow:hidden;
}
.ct dl.info .item dd .detail{
	margin-left:1em;
}
/*********************************** 共用 end *****************************************/

/*********************************** 十年 start *****************************************/
.decade{
	position:relative;
	padding-top:54.03%;
	background:url(../images/kvT.png) no-repeat;
	background-size:contain;
}
.decade h2{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	font-size:0;
	background-repeat:no-repeat;
	background-size:contain;
}
.decade h2:nth-child(1){ background-image:url(../images/kvT_1.png);}
.decade h2:nth-child(2){ background-image:url(../images/kvT_2.png);}
/*********************************** 十年 end *****************************************/


/************************************** header start ***************************************************/
header{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	z-index:1;
}
header h1{
	position:absolute;
	left:30px;
	top:30px;
	width:20.31%;
	min-width:250px;
	white-space:nowrap;
}
header h1 > *{
	display:inline-block;
	vertical-align:middle;
	font-size:0;
}
header h1 a:before{
	content:"";
	display:block;
	background-repeat:no-repeat;
	background-position:center top;
	background-size:contain;
}
header h1 a.mottimes{
	width:23.07%;
}
header h1 a.mottimes:before{
	padding-top:47.77%;
	background-image:url(../images/logo.png);
}
header h1 a.jfaa{
	width:63.07%;
}
header h1 a.jfaa:before{
	padding-top:10.97%;
	background-image:url(../images/logo_jfaa.png);
}
header h1 .x{
	position:relative;
	width:5.12%;
	padding-top:5.12%;
	margin:0 2%;
}
header h1 .x:before,
header h1 .x:after{
	position:absolute;
	left:50%;
	top:50%;
	content:"";
	display:block;
	width:100%;
	height:2px;
	background:#c18c5c;
}
header h1 .x:before{ transform:translate(-50%, -50%) rotate(45deg);}
header h1 .x:after{ transform:translate(-50%, -50%) rotate(-45deg);}

header nav,
header nav ul{
	position:absolute;
	left:0;
	top:0;
}
header nav{
	width:100%;
}

/******************* 左下十年 start **********************/
header nav .toHome{
	position:fixed;
	left:30px;
	bottom:30px;
	width:12%;
	cursor:pointer;
	transform:translateY(300%);
	transition:transform 1s;
}
header nav .toHome.show{
	transform:none;
}
/******************* 左下十年 end **********************/

/******************* 主選單 start **********************/
header nav ul{
	margin:8em 0 0 5em;
	transform:translateX(-300%);
	transition:transform 1s;
}
header nav.show ul{
	transform:none;
}
header nav ul li{
}
header nav ul li+li{
	margin-top:2em;
}
header nav ul li a{
	color:#444;
	display:block;
	font-size:1.2em;
	font-weight:bold;
	white-space:nowrap;
	transition:all 0.2s;
}
header nav ul li.active a,
header nav ul li a:hover{
	color:#000;
	text-shadow:0 0 15px rgba(57, 213, 45, 0.75);
}
/******************* 主選單 end **********************/

/******************* sns start **********************/
.snsBlock{
	position:absolute;
	right:30px;
	top:30px;
}
.snsBlock .btn{
	cursor:pointer;
	width:20px;
	height:20px;
	background:url(../images/snsBtn.png) no-repeat left top;
	transition:background-position 0.2s;
}
.snsBlock:hover .btn{
	background-position:left bottom;
}
.snsBlock section{
	position:absolute;
	overflow:hidden;
	right:20px;
	top:0;
	width:0;
	height:20px;
	transition:width 0.2s;
}
.snsBlock:hover section,
.sns{
	width:175px;
}
.sns:after{
	clear:both;
	content:"";
	display:block;
}
.sns > div{
	float:left;	
}
.sns > div+div{
	margin-left:5px;
}
.sns > div a{
	overflow:hidden;
	text-indent:-9999px;
	display:block;
	width:20px;
	height:20px;
	background-repeat:no-repeat;
}
.sns > div.twitter a{
	background-image:url(../images/btnTwitter.png);
}
.fb-like{
    height: 20px;
    overflow: hidden;
}
/******************* sns end **********************/

/******************* toTop start **********************/
.toTop{
	position:fixed;
	right:30px;
	bottom:30px;
	cursor:pointer;
	color:#39d52d;
	transform:translateY(10em);
	transition:all 0.5s;
}
.toTop.show{
	transform:none;
}
.toTop span{
	position:absolute;
	display:block;
	left:50%;
	width:80%;
	padding-top:80%;
	transform:translateX(-50%);
	transition:transform 0.2s;
}
.toTop span:before,
.toTop span:after{
	position:absolute;
	bottom:90%;
	display:block;
	content:"";
	width:100%;
	height:2px;
	background:currentColor;
}
.toTop span:before{
	right:50%;
	transform-origin:right top;
	transform:rotate(-45deg);
}
.toTop span:after{
	left:50%;
	transform-origin:left top;
	transform:rotate(45deg);
}
.toTop:after{
	content:"TOP";
	display:block;
	margin-top:90%;
	font-size:1.1em;
}
.toTop:hover{
	color:#000;
}
.toTop:hover span{
	animation:floatUp 0.4s ease-in infinite alternate;
}
@keyframes floatUp{
	to{
		transform:translateY(-10px) translateX(-50%);
	}
}
/******************* toTop end **********************/
/************************************** header end ***************************************************/


/************************************** home start ***************************************************/
#home{
	height:100vh;
}
#home .ct{
	position:relative;
	height:inherit;
	overflow:hidden;
}
#home .ct .bg{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:inherit;
	background:url(../images/bg.jpg) no-repeat center;
	background-size:cover;
	z-index:-1;
}
#home .ct .introBg{
	height:inherit;
	background:url(../images/introBg.jpg) no-repeat center;
	background-size:cover;
}

/******************* bgBlock start **********************/
#home .ct .bgBlock{
	position:fixed;
	left:50%;
	top:50%;
	width:44.27%;
	transform:translate(-50%, -50%) rotate(20deg);
	z-index:-1;
}
#home .ct .bgBlock:before{
	content:"";
	display:block;
	padding-top:157.3%;
}
#home .ct .bgBlock .g,
#home .ct .bgBlock .w{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background-repeat:no-repeat;
	background-size:contain;
	transform:scale(0.8);
}
#home .ct .bgBlock .g1{ background-image:url(../images/bgBlock_g1.png);}
#home .ct .bgBlock .g2{ background-image:url(../images/bgBlock_g2.png);}
#home .ct .bgBlock .g3{ background-image:url(../images/bgBlock_g3.png);}
#home .ct .bgBlock .g4{ background-image:url(../images/bgBlock_g4.png);}
#home .ct .bgBlock .g5{ background-image:url(../images/bgBlock_g5.png);}
#home .ct .bgBlock .g6{ background-image:url(../images/bgBlock_g6.png);}
#home .ct .bgBlock .g7{ background-image:url(../images/bgBlock_g7.png);}
#home .ct .bgBlock .g8{ background-image:url(../images/bgBlock_g8.png);}
#home .ct .bgBlock .g9{ background-image:url(../images/bgBlock_g9.png);}
#home .ct .bgBlock .g10{ background-image:url(../images/bgBlock_g10.png);}
#home .ct .bgBlock .g11{ background-image:url(../images/bgBlock_g11.png);}
#home .ct .bgBlock .g12{ background-image:url(../images/bgBlock_g12.png);}
#home .ct .bgBlock .g13{ background-image:url(../images/bgBlock_g13.png);}
#home .ct .bgBlock .g14{ background-image:url(../images/bgBlock_g14.png);}
#home .ct .bgBlock .g15{ background-image:url(../images/bgBlock_g15.png);}
#home .ct .bgBlock .w{ background-image:url(../images/bgBlock_w.png);}
/******************* bgBlock end **********************/

/******************* kvT start **********************/
#home .ct .kvT{
	position:fixed;
	left:50%;
	top:42%;
	width:53.59%;
	min-width:300px;
	transform:translate(-50%, -50%);
	pointer-events:none;
}

#home .ct .kvT .duration{
	position:absolute;
	left:0;
	bottom:-25%;
	width:100%;
	text-align:center;
	color:#c18c5c;
	font-family:serif;
	font-size:3vw;
	white-space:nowrap;
}
#home .ct .kvT .duration span{
	font-size:0.7em;
}
/******************* kvT end **********************/

/******************* downArrow start **********************/
.downArrow{
	position:fixed;
	left:50%;
	bottom:60px;
	width:3.5em;
	cursor:pointer;
	color:#39d52d;
	transform:translateX(-50%);
	transition:color 0.2s;
	display:none;
}
.downArrow.show{
	display:block;
}
.downArrow:before{
	content:"";
	display:block;
	padding-top:100%;
}
.downArrow span{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	display:block;
	animation:floatDown 0.4s ease-in infinite alternate;
}
@keyframes floatDown{
	to{
		transform:translateY(10px);
	}
}
.downArrow span:before,
.downArrow span:after{
	position:absolute;
	bottom:10px;
	display:block;
	content:"";
	width:100%;
	height:4px;
	background:currentColor;
}
.downArrow span:before{
	right:50%;
	transform-origin:right bottom;
	transform:rotate(45deg);
}
.downArrow span:after{
	left:50%;
	transform-origin:left bottom;
	transform:rotate(-45deg);
}
.downArrow:hover{
	color:#000;
}
/******************* downArrow end **********************/
/************************************** home end ***************************************************/


/************************************** document start ***************************************************/
#document .invite{
	color:#ba855c;
	font-weight:bold;
}
#document .invite a{
	text-decoration:underline;
	color:currentColor;
}
#document .invite a:hover{
	text-decoration:none;
}
#document video{
	display:block;
	width:100%;
	margin-top:6%;
}

/****************** 列表 start ***********************/
#document .ct > ul,
#document .ct > ul > li+li{
	margin-top:8%;
}
#document .ct > ul > li{
	display:flex;
}
#document .ct > ul > li:nth-child(odd){
	flex-direction:row;
}
#document .ct > ul > li:nth-child(even){
	flex-direction:row-reverse;
}
#document .ct > ul > li .img,
#document .ct > ul > li .txt{
	width:50%;
}
#document .ct > ul > li .img{
	position:relative;
	cursor:pointer;
	align-self:flex-start;
}
#document .ct > ul > li .img:before{
	content:"";
	display:block;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	border:4px solid #39d52d;
	transition:transform 0.2s;
}
#document .ct > ul > li .img img{
	position:relative;
	display:block;
	width:100%;
	transition:transform 0.2s;
}
#document .ct > ul > li .img img,
#document .ct > ul > li .img:hover:before{
	transform:translate(16px, 16px);
}
#document .ct > ul > li .img:hover:before{
	z-index:1;
}
#document .ct > ul > li .img:hover img{
	transform:none;
}

#document .ct > ul > li:nth-child(odd) .txt{
	padding-left:6%;
}
#document .ct > ul > li:nth-child(even) .txt{
	padding-right:6%;
}
#document .ct > ul > li .txt{
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
}
#document .ct > ul > li .txt > h4{
	font-size:2.5em;
	font-weight:normal;
	color:#000;
}
#document .ct > ul > li .txt > h4 i{
	font-size:0.6em;
	font-style:normal;
	display:inline-block;
	margin-left:0.5em;
}
#document .ct > ul > li .txt > *+*{
	margin-top:2em;
}
#document .ct > ul > li .txt > .cta{
	text-align:right;
}
#document .ct > ul > li .txt > .cta button+button{
	margin-left:1em;
}
#document .ct > ul > li .txt > .cta button{
	position:relative;
	background:none;
	padding:0 0 0.5em;
	border:none;
	font-size:1.1em;
	cursor:pointer;
	outline:none;
}
#document .ct > ul > li .txt > .cta button:after{
	content:"";
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:4px;
	background:#39d52d;
	transform:scaleX(0);
	transform-origin:left center;
	transition:transform 0.2s;
}
#document .ct > ul > li .txt > .cta button:hover:after{
	transform:none;
}

#document .detailData{
	display:none;
}
/****************** 列表 end ***********************/

/****************** overlay start ***********************/
.overlay{
	position:fixed;
	left:0;
	top:0;
	width:100vw;
	height:100vh;
	background:#EEE;
	display:flex;
	justify-content:center;
	align-items:center;
	z-index:2;
}
.overlay .overlayCTContainer{
	position:relative;
	width:65%;
	max-width:1200px;
}
.overlay .overlayCT{
	position:relative;
	padding:5%;
	background:#39d52d;
	z-index:0;
}
.overlay .overlayCT .mainCTContainer{
	position:relative;
	padding-top:56.25%;
}
.overlay .overlayCT .mainCT{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:url(../images/bg.jpg) no-repeat center;
	background-size:cover;
}

/********* 內容 start ***********/
.overlay .overlayCT .mainCT video{
	position:absolute;
	left:0;
	top:0;
	display:block;
	width:100%;
	z-index:1;
}

.overlay .overlayCT .mainCT .doc{
	height:100%;
	display:flex;
}
.overlay .overlayCT .mainCT .doc .imgBlock,
.overlay .overlayCT .mainCT .doc .txtBlock{
	width:50%;
}
.overlay .overlayCT .mainCT .doc h4{
	font-size:2em;
	font-weight:normal;
	color:#000;
}
.overlay .overlayCT .mainCT .doc h4 i{
	font-size:0.6em;
	font-style:normal;
	display:inline-block;
	margin-left:0.5em;
}
.overlay .overlayCT .mainCT .doc h5{
	font-size:1.3em;
	font-weight:normal;
	line-height:1.6em;
	color:#000;
}

.overlay .overlayCT .mainCT .doc .imgBlock h4{
	padding:5% 5% 0;
	display:none;
}
.overlay .overlayCT .mainCT .doc .imgBlock .mainImg{
	height:100%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
}
.overlay .overlayCT .mainCT .doc .imgBlock .detailData,
.overlay .overlayCT .mainCT .doc .imgBlock .detailData li+li{
	margin-top:2em;
}
.overlay .overlayCT .mainCT .doc .imgBlock .detailData{
	display:none;
}
.overlay .overlayCT .mainCT .doc .imgBlock .detailData li img{
	display:block;
	width:100%;
	max-width:600px;
	margin:0 auto;
}
.overlay .overlayCT .mainCT .doc .imgBlock .detailData li h5,
.overlay .overlayCT .mainCT .doc .imgBlock .detailData li p{
	padding:0 5%;
}
.overlay .overlayCT .mainCT .doc .imgBlock .detailData li h5{
	margin-top:2em;
}

.overlay .overlayCT .mainCT .doc .txtBlock{
	padding:5%;
	display:flex;
	flex-direction:column;
	justify-content:space-between;
	overflow:auto;
}
.overlay .overlayCT .mainCT .doc .txtBlock .mainTxt{
	margin-top:2em;
}
/********* 內容 end ***********/

.overlay .overlayCTContainer .arrow{
	position:absolute;
	top:50%;
	width:8%;
	transform:translateY(-50%);
	cursor:pointer;
	z-index:1;
}
.overlay .overlayCTContainer .arrow.prev{
	left:0;
}
.overlay .overlayCTContainer .arrow.next{
	right:0;
	transform:translateY(-50%) scaleX(-1);
}
.overlay .overlayCTContainer .arrow span{
	position:relative;
	display:block;
	padding-top:100%;
	transition:transform 0.2s;
}
.overlay .overlayCTContainer .arrow:hover span{
	transform:translateX(-20%);
}
.overlay .overlayCTContainer .arrow span:before,
.overlay .overlayCTContainer .arrow span:after{
	position:absolute;
	content:"";
	display:block;
	left:30%;
	width:60%;
	height:3px;
	background:#FFF;
}
.overlay .overlayCTContainer .arrow span:before{
	top:50%;
	transform-origin:left top;
	transform:rotate(-45deg);
}
.overlay .overlayCTContainer .arrow span:after{
	bottom:50%;
	transform-origin:left bottom;
	transform:rotate(45deg);
}

.overlay .overlayCTContainer .closeBtn{
	position:absolute;
	right:0;
	bottom:100%;
	width:5%;
	cursor:pointer;
}
.overlay .overlayCTContainer .closeBtn span{
	position:relative;
	display:block;
	padding-top:100%;
	transition:transform 0.2s;
}
.overlay .overlayCTContainer .closeBtn:hover span{
	transform:rotate(-90deg);
}
.overlay .overlayCTContainer .closeBtn span:before,
.overlay .overlayCTContainer .closeBtn span:after{
	position:absolute;
	content:"";
	display:block;
	left:50%;
	top:50%;
	width:60%;
	height:3px;
	background:#39d52d;
}
.overlay .overlayCTContainer .closeBtn span:before{
	transform:translate(-50%, -50%) rotate(45deg);
}
.overlay .overlayCTContainer .closeBtn span:after{
	transform:translate(-50%, -50%) rotate(-45deg);
}
/****************** overlay end ***********************/
/************************************** document end ***************************************************/


/************************************** article start ***************************************************/
#article h3{
	padding-bottom:0.15em;
	border-bottom:0.08em solid;
}
#article ul{
	margin-top:6%;
}
#article ul:after{
	content:"";
	clear:both;
	display:block;
}
#article ul li{
	float:left;
	width:47%;
	margin:6% 0 0 6%;
}
#article ul li:nth-child(1),
#article ul li:nth-child(2){
	margin-top:0;
}
#article ul li:nth-child(2n+1){
	margin-left:0;
}
#article ul li a{
	position:relative;
	display:block;
	overflow:hidden;
	background:#FFF;
	transition:box-shadow 0.2s;
}
#article ul li a:hover{
	box-shadow:0 0 10px 5px rgba(0, 0, 0, 0.1);
}
#article ul li a img{
	display:block;
	width:100%;
	border:none;
}
#article ul li a:not([href]) img{
	opacity:0.5;
}
#article ul li a p{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	background:rgba(30, 107, 23, 0.6);
	margin:0;
	padding:0.8em 1em;
	line-height:1.6em;
	color:#FFF;
	transform:translateY(100%);
	transition:transform 0.2s;
}
#article ul li a:hover p{
	transform:none;
}
/************************************** article end ***************************************************/


/************************************** event start ***************************************************/
#event h3{
	font-size:1.65em;
}
#event h3 i{
	font-size:1.81em;
	font-style:normal;
	display:block;
}
#event dd strong{
	color:#ba855c;
}

/****************** FB widget start ************************/
.specialEditionFBPlugin{
	margin-top:3%;
	padding:2%;
	background:#FFF;
}
/****************** FB widget end ************************/
/************************************** event end ***************************************************/


@media screen and (min-width:1024px) and (max-width:1440px){
	
	body{
		font-size:0.85em;
	}
	
	/************************************** header start ***************************************************/
	header h1{
		left:20px;
		top:20px;
	}
	
	/******************* 左下十年 start **********************/
	header nav .toHome{
		left:20px;
		bottom:20px;
	}
	/******************* 左下十年 end **********************/
	
	/******************* sns start **********************/
	.snsBlock{
		right:20px;
		top:20px;
	}
	/******************* sns end **********************/
	
	/******************* toTop start **********************/
	.toTop{
		right:20px;
		bottom:20px;
	}
	/******************* toTop end **********************/
	/************************************** header end ***************************************************/
	
	/************************************** home start ***************************************************/	
	/******************* downArrow start **********************/
	.downArrow{
		bottom:30px;
	}
	/******************* downArrow end **********************/
	/************************************** home end ***************************************************/
	
}


@media screen and (max-width:1023px){
	
	body{
		font-size:0.65em;
	}
	
	/*********************************** 共用 start *****************************************/
	#container > section:not(#home){
		padding:20% 5% 10%;
	}
	h3{
		font-size:2.5em;
	}
	.ct dl.group{
		display:block;
	}
	.ct dl.group .item{
		width:auto;
	}
	.ct dl.group .item:nth-child(1),
	.ct dl.group .item:nth-child(2){
		margin-top:6%;
	}
	/*********************************** 共用 end *****************************************/
	
	/************************************** header start ***************************************************/
	header{
		background:#FFF;
	}
	header.open{
		height:100vh;
	}
	header h1{
		left:10px;
		top:10px;
	}

	header nav{
		top:50%;
		text-align:center;
		transform:translateY(-50%);
		display:none;
	}
	header.open nav{
		display:block;
	}
	
	/******************* 左下十年 start **********************/
	header nav .toHome{
		position:static;
		width:30%;
		margin:0 auto;
		transform:none;
		transition:none;
	}
	/******************* 左下十年 end **********************/

	/******************* 主選單 start **********************/
	header nav ul{
		position:static;
		margin:2em auto 0;
		transform:none;
		transition:none;
	}
	header nav ul li+li{
		margin-top:1.2em;
	}
	header nav ul li a{
		font-size:1.4em;
	}
	/******************* 主選單 end **********************/
	
	/******************* sns start **********************/
	.snsBlock,
	.snsBlock section{
		width:175px;
	}
	.snsBlock{
		position:static;
		margin:2em auto 0;
	}
	.snsBlock section{
		position:static;
	}
	.snsBlock .btn{
		display:none;
	}
	/******************* sns end **********************/
	
	/***************** 漢堡 start *******************/
	header .burgerBtn{
		position:absolute;
		right:10px;
		top:5px;
		width:24px;
		height:36px;
		cursor:pointer;
	}
	header .burgerBtn span,
	header .burgerBtn span:before,
	header .burgerBtn span:after{
		position:absolute;
		left:0;
		display:block;
		width:100%;
		height:2px;
		background:#39d52d;
		transition:all 0.2s;
	}
	header.open .burgerBtn span,
	header.open .burgerBtn span:before,
	header.open .burgerBtn span:after{
		background:#000;
	}
	header .burgerBtn span:before,
	header .burgerBtn span:after{
		content:"";
	}
	header .burgerBtn span{
		top:50%;
		transform:translateY(-50%);
	}
	header .burgerBtn span:before{
		top:-6px;
	}
	header .burgerBtn span:after{
		top:6px;
	}
	header.open .burgerBtn span{
		background:transparent;
	}
	header.open .burgerBtn span:before,
	header.open .burgerBtn span:after{
		top:0;
	}
	header.open .burgerBtn span:before{
		transform:rotate(-45deg);
	}
	header.open .burgerBtn span:after{
		transform:rotate(45deg);
	}
	/***************** 漢堡 end *******************/
	
	/******************* toTop start **********************/
	.toTop{
		right:10px;
		bottom:10px;
	}
	header.open .toTop{
		display:none;
	}
	/******************* toTop end **********************/
	/************************************** header end ***************************************************/
	
	/************************************** home start ***************************************************/
	/******************* bgBlock start **********************/
	#home .ct .bgBlock{
		width:110%;
	}
	/******************* bgBlock end **********************/
	/******************* kvT start **********************/
	#home .ct .kvT{
		top:45%;
		width:90%;
	}
	#home .ct .kvT .duration{
		font-size:5vw;
	}
	/******************* kvT end **********************/
	/******************* downArrow start **********************/
	.downArrow{
		bottom:30px;
	}
	/******************* downArrow end **********************/
	/************************************** home end ***************************************************/
	
	/************************************** document start ***************************************************/	
	/****************** 列表 start ***********************/
	#document .ct > ul > li{
		display:block;
	}
	#document .ct > ul > li .img,
	#document .ct > ul > li .txt{
		width:auto;
	}
	#document .ct > ul > li .img:before{
		border-width:3px;
	}
	#document .ct > ul > li .img img,
	#document .ct > ul > li .img:hover:before{
		transform:translate(10px, 10px);
	}
	#document .ct > ul > li:nth-child(odd) .txt{
		padding-left:0;
	}
	#document .ct > ul > li:nth-child(even) .txt{
		padding-right:0;
	}
	#document .ct > ul > li .txt{
		display:block;
		margin-top:8%;
	}
	#document .ct > ul > li .txt > *+*{
		margin-top:0.5em;
	}
	#document .ct > ul > li .txt > .cta button:after{
		height:3px;
	}
	/****************** 列表 end ***********************/
	
	/****************** overlay start ***********************/
	.overlay .overlayCTContainer{
		width:100%;
		height:100vh;
	}
	.overlay .overlayCT{
		padding:12% 2.5% 2.5%;
		height:inherit;
	}
	.overlay .overlayCT .mainCTContainer{
		padding-top:0;
		height:100%;
		overflow:auto;
	}
	.overlay .overlayCT .mainCT{
		position:static;
		width:auto;
		height:auto;
		padding-bottom:10%;
	}
	
	/********* 內容 start ***********/
	.overlay .overlayCT .mainCT video{
		position:static;
		display:block !important;
	}
	
	.overlay .overlayCT .mainCT .doc{
		height:auto;
		display:block;
	}
	.overlay .overlayCT .mainCT .doc .imgBlock,
	.overlay .overlayCT .mainCT .doc .txtBlock{
		width:auto;
	}
	
	.overlay .overlayCT .mainCT .doc .imgBlock h4{
		display:block;
	}
	.overlay .overlayCT .mainCT .doc .imgBlock .mainImg{
		display:none;
	}
	.overlay .overlayCT .mainCT .doc .imgBlock .detailData{
		display:block;
	}
	
	.overlay .overlayCT .mainCT .doc .txtBlock{
		display:none;
	}
	/********* 內容 end ***********/
	
	.overlay .overlayCTContainer .arrow{
		display:none;
	}
	.overlay .overlayCTContainer .closeBtn{
		position:absolute;
		right:0;
		bottom:auto;
		top:0;
		width:12%;
	}
	.overlay .overlayCTContainer .closeBtn span:before,
	.overlay .overlayCTContainer .closeBtn span:after{
		background:#FFF;
	}
	/****************** overlay end ***********************/
	/************************************** document end ***************************************************/
	
	/************************************** article start ***************************************************/
	#article ul li{
		float:none;
		width:auto;
	}
	#article ul li,
	#article ul li:nth-child(1),
	#article ul li:nth-child(2),
	#article ul li:nth-child(2n+1){
		margin:6% 0 0 0;
	}
	#article ul li a p{
		transform:none;
	}
	/************************************** article end ***************************************************/
	
}