html{
	overflow-x:hidden !important;
}

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

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

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


/************************************** header start ***************************************************/
header{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:85px;
	background:#FFF url(../images/deco.png) no-repeat 240px 50px;
	border-bottom:5px solid #00b4f1;
	z-index:2;
}
header h1{
	position:absolute;
	left:30px;
	top:15px;
	width:106px;
	height:50px;
}
header h1 a{
	display:block;
	width:100%;
	height:100%;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	background:url(../images/logo.png) no-repeat left top;
	background-size:cover;
}

header ul{
	position:absolute;
	right:0;
	top:0;
	overflow:hidden;
	z-index:1;
}
header ul li{
	float:left;
}
header ul li a{
	display:block;
	line-height:1em;
	text-align:center;
	padding:30px 50px;
	color:#000;
	font-size:20px;
	font-weight:bold;
	white-space:nowrap;
	transition:all 0.2s;
}
header ul li a:hover,
header ul li.active a{
	background:#00b4f1;
	color:#FFF;
}

/*************** 社群分享 start **********************/
.sns{
	position:absolute;
	right:20px;
	top:105px;
	z-index:0;
}
.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(../../image/btnTwitter.png);
}

.fb-like{
    height: 20px;
    overflow: hidden;
}
/*************** 社群分享 end **********************/
/************************************** header end ***************************************************/


/************************************** footer start ***************************************************/
footer{
	position:fixed;
	left:0;
	bottom:0;
	width:100%;
	overflow:hidden;
	background:#FFF;
	font-size:16px;
	border-top:5px solid #00b4f1;
	z-index:1;
	
}
footer .openX{
	float:left;
	width:45%;
	padding:15px 0 15px 30px;
}
footer .openX a{
	position:relative;
	display:inline-block;
	padding:2px 0 0 30px;
	color:#000;
}
footer .openX a:before,
footer .openX a:after{
	position:absolute;
	content:"";
}
footer .openX a:before{
	left:0;
	top:0;
	width:23px;
	height:23px;
	border-radius:50%;
	background:#00b4f1;
}
footer .openX a:after{
	left:10px;
	top:7px;
	width:5px;
	height:9px;
	border:4px solid transparent;
	border-left:5px solid #FFF;
	border-right:0;
}
footer .openX a[href]:hover{
	color:#00b4f1;
}
footer .openX a[href]:hover:after{
	border-left-color:#fff100;
}
footer .openX a ~ .noscript{
	display:none;
}

footer .copyright{
	float:right;
	background:url(../images/deco.png) no-repeat 0 -30px;
	padding-left:240px;
	line-height:1em;
	overflow:hidden;
	-webkit-transform:translateX(66px);
	transform:translateX(66px);
	transition:-webkit-transform 0.2s;
	transition:transform 0.2s;
}
footer.showTop .copyright{
	-webkit-transform:translateX(0);
	transform:translateX(0);
}
footer .copyright p{
	float:left;
	margin:0;
	padding:20px 0 0;
	color:#333;
}
footer .copyright p br{
	display:none;
}
footer .copyright a{
	float:left;
	margin-left:30px;
	padding:24px 20px 20px;
	background:#fff100;
	color:#000;
	font-size:14px;
}
footer .copyright a:hover{
	background:#00b4f1;
	color:#FFF;
}
/************************************** footer end ***************************************************/


/************************************** 其它共用 start ***************************************************/
#fullpage{
	position:relative;
	z-index:0;
}
/************************************** 其它共用 end ***************************************************/


/************************************** home start ***************************************************/
.home{	
}
.home .CT{
	position:relative;
	margin:0 auto;
	width:72%;
	height:100%;
	max-width:1400px;
}
.home .CT section{
	position:absolute;
	left:50%;
	top:50%;
	width:100%;
	max-width:1400px;
	padding-top:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
}
.home .CT section hgroup h2,
.home .CT section .slashT h3,
.home .CT section p{
	white-space:nowrap;
	overflow:hidden;
	text-indent:100%;
	font-size:0;
	background-repeat:no-repeat;
	background-position:center;
	background-size:contain;
}

.home .CT section hgroup{
	position:absolute;
	left:5%;
	top:2%;
	width:55.2%;
	z-index:1;
}
.home .CT section hgroup h2:nth-child(1){
	padding-top:40%;
	background-image:url(../images/mainT.png);
}
.home .CT section hgroup h2:nth-child(2){
	margin-top:2.5%;
	padding-top:4.5%;
	background-image:url(../images/subT.png);
}

.home .CT section .slashT{
	position:absolute;
	right:4%;
	top:71.4%;
	width:50%;
}
.home .CT section .slashT h3{
	background-image:url(../images/slashT.png);
	padding-top:4.5%;
	-webkit-transform:rotate(-22deg);
	transform:rotate(-22deg);
}
.home .CT section .slashT .ball{
	position:absolute;
	bottom:150%;
	border-radius:50%;
}
.home .CT section .slashT .ball.b{
	left:1.8%;
	width:5.4%;
	padding-top:5.4%;
	background:#00b4f1;
	-webkit-transform:translateY(365%);
	transform:translateY(365%);
}
.home .CT section .slashT .ball.y{
	right:1.8%;
	width:64%;
	padding-top:64%;
	background:#fff100;
	-webkit-transform:translateY(-13%);
	transform:translateY(-13%);
}

.home .CT section p{
	position:absolute;
	left:5%;
	top:68%;
	width:34%;
	padding-top:13.4%;
	background-image:url(../images/info.png);
}
.home .CT section em{
	position:absolute;
	display:block;
	right:6%;
	bottom:8%;
	width:5.21%;
	padding-top:1.78%;
	background:url(../images/deco.png) no-repeat;
	background-size:contain;
}
.home .CT section span{
	position:absolute;
	display:block;
	right:6%;
	bottom:0;
	width:60px;
	border:2px solid #CCC;
	color:#999;
	font-size:12px;
	text-align:center;
}

.downArrow{
	position:absolute;
	left:50%;
	bottom:90px;
	margin-left:-25px;
	width:50px;
	height:30px;
	cursor:pointer;
	-webkit-animation:float 0.5s infinite alternate;
	animation:float 0.5s infinite alternate;
}
.downArrow:before,
.downArrow:after{
	position:absolute;
	left:10px;
	top:14px;
	content:"";
	display:block;
	width:30px;
	height:2px;
	background:#000;
}
.downArrow:before{
	-webkit-transform:rotate(40deg) translate(-6px, 10px);
	transform:rotate(40deg) translate(-6px, 10px);
}
.downArrow:after{
	-webkit-transform:rotate(-40deg) translate(6px, 10px);
	transform:rotate(-40deg) translate(6px, 10px);
}
@-webkit-keyframes float{
	to{
		-webkit-transform:translateY(10px);
	}
}
@keyframes float{
	to{
		transform:translateY(10px);
	}
}
/************************************** home end ***************************************************/


/************************************** event start ***************************************************/
.event{
}
.event .CT{
	position:relative;
	max-width:1200px;
	margin:120px auto;
	padding:0 20px;
}
.event .CT section{
	overflow:hidden;
}
.event .CT section+section{
	margin-top:30px;
	padding-top:30px;
	border-top:1px solid #00b4f1;
}
.event .CT section h3{
	float:left;
	width:30%;
	position:relative;
	overflow:hidden;
}
.event .CT section h3:before{
	content:"";
	display:block;
	width:70%;
	padding-top:70%;
	float:right;
	background:#fff100;
	border-radius:50%;
}
.event .CT section h3 em,
.event .CT section h3 span{
	position:absolute;
}
.event .CT section h3 em{
	font-size:50px;
	font-style:normal;
	right:12%;
	bottom:50%;
}
.event .CT section h3 span{
	font-size:60px;
	color:#00b4f1;
	left:0;
	top:45%;
}

.event .CT section ul{
	float:left;
	width:70%;
	padding-left:5%;
}
.event .CT section ul li{
	overflow:hidden;
}
.event .CT section ul li+li{
	margin-top:30px;
	padding-top:30px;
	border-top:1px solid #00b4f1;
}
.event .CT section ul li .summary{
	float:left;
	font-size:16px;
}
.event .CT section ul li .summary .date{
}
.event .CT section ul li .summary .date strong{
	display:inline-block;
	background:#00b4f1;
	color:#FFF;
	text-align:center;
	margin-right:10px;
	padding:5px 8px;
	width:7.5em;
}
.event .CT section ul li .summary .date em{
	font-size:20px;
	font-style:normal;
}
.event .CT section ul li .summary .date em span{
	font-size:14px;
}
.event .CT section ul li .summary h4{
	font-size:18px;
	color:#00b4f1;
	margin-top:10px;
}
.event .CT section ul li .summary dl{
	margin-top:5px;
	line-height:1.8em;
}
.event .CT section ul li .summary dl .row{
	overflow:hidden;
}
.event .CT section ul li .summary dl .row+.row{
	margin-top:5px;
}
.event .CT section ul li .summary dl .row dt{
	float:left;
}
.event .CT section ul li .summary dl .row dd{
	overflow:hidden;
}
.event .CT section ul li .summary p{
	margin:5px 0 0;
	padding:0;
	line-height:1.8em;
}
.event .CT section ul li .summary p a{
	color:#00b4f1;
	text-decoration:underline;
}
.event .CT section ul li .summary p a:hover{
	text-decoration:none;
}
.event .CT section ul li img{
	float:right;
	display:block;
	margin-left:4%;
	border-radius:50%;
}
/************************************** event end ***************************************************/


/************************************** article start ***************************************************/
.article{
	background:#00b4f1;
}
.article .CT{
	height:100%;
}
.article .CT .articleGroup,
.article .CT .articleGroup .item{
	height:100%;
}
.article .CT .articleGroup .item{
	width:100%;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
}
.article .CT .articleGroup .item:nth-last-child(1){ background-image:url(../images/articleP1.jpg);}
.article .CT .articleGroup .item:nth-last-child(2){ background-image:url(../images/articleP2.jpg);}
.article .CT .articleGroup .item:nth-last-child(3){ background-image:url(../images/articleP3.jpg);}
.article .CT .articleGroup .item:nth-last-child(4){ background-image:url(../images/articleP4.jpg);}
.article .CT .articleGroup .item:nth-last-child(5){ background-image:url(../images/articleP5.jpg);}
.article .CT .articleGroup .item a{
	position:relative;
	display:block;
	height:100%;
	color:#000;
}
.article .CT .articleGroup .item a section{
	position:absolute;
	left:0;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	width:45%;
	padding:3em 4em 3em 7em;
	background:#fff100;
	transition:all 0.2s;
}
.article .CT .articleGroup .item a section:hover{
	background:#00b4f1;
	color:#FFF;
}
.article .CT .articleGroup .item a section h3{
	font-size:48px;
	line-height:1.3em;
}
.article .CT .articleGroup .item a section p{
	font-size:18px;
	line-height:1.8em;
	margin:0.5em 0 0;
	padding:0;
}

/********************* 覆寫 flickity start ***********************/
.flickity-prev-next-button {
	width:100px;
	height:100px;
	border-radius: 0;
	background:none;
	transition:background 0.2s;
}
.flickity-prev-next-button:disabled {
  filter: alpha(opacity=0); /* IE8 */
  opacity: 0;
}
.flickity-prev-next-button svg {
	top:20px;
	width:60%;
	height:60%;
}
.flickity-prev-next-button.previous { left: 0;}
.flickity-prev-next-button.next { right: 0;}
.flickity-prev-next-button.previous svg { left: 23px;}
.flickity-prev-next-button.next svg { left:auto; right: 23px;}
.flickity-prev-next-button .arrow {
    fill:#00b4f1;
	transition:fill 0.2s;
}
.flickity-prev-next-button:hover {
    background:#00b4f1;
}
.flickity-prev-next-button:hover .arrow {
    fill:#FFF;
}
.flickity-prev-next-button:focus {
	box-shadow:none;
}

.flickity-page-dots {
    bottom: 95px;
}
.flickity-page-dots .dot.is-selected {
	background: #00b4f1;
}
.flickity-page-dots .dot {
    width:15px;
    height:15px;
    background:#fff200;
    filter:none;
    opacity:1;
}
/********************* 覆寫 flickity end ***********************/
/************************************** article end ***************************************************/


/************************************** history start ***************************************************/
.history{
}
.history .CT{
	margin:0 auto;
	max-width:1400px;
	overflow:hidden;
}
.history .CT .title{
	float:left;
	width:35%;
	height:180vh;
	background:#fff100;
}
.history .CT .title hgroup{
	position:relative;
	margin:0 auto;
	top:50vh;
	width:64%;
	text-align:center;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.history .CT .title hgroup h3{
	line-height:1em;
}
.history .CT .title hgroup h3:nth-child(1){
	font-size:62px;
}
.history .CT .title hgroup h3:nth-child(2){
	color:#00b4f1;
}
.history .CT .title hgroup h3:nth-child(2) *{
	display:block;
}
.history .CT .title hgroup h3:nth-child(2) em{
	margin-top:15px;
	font-size:33px;
	font-style:normal;
}
.history .CT .title hgroup h3:nth-child(2) span{
	margin-top:35px;
	font-size:68px;
}

.history .CT .timeline,
.history .CT .timeline ul li{
	background:url(../images/timelineDash.gif) repeat-y left top;
}
.history .CT .timeline{
	float:left;
	width:65%;
	height:180vh;
	padding:120px 0;
	border-left:5px solid #00b4f1;
}
.history.isMobile .CT .timeline{
	height:auto;
}
.history .CT .timeline ul li+li{
	margin-top:20px;
}
.history .CT .timeline ul li h4{
	position:relative;
	font-size:30px;
	margin:10px 0;
	cursor:pointer;
}
.history .CT .timeline ul li h4:before{
	content:"";
	display:inline-block;
	vertical-align:middle;
	width:60px;
	height:1px;
	background:#000;
	margin-right:30px;
	position:relative;
	top:-3px;
}
.history .CT .timeline ul li h4:after{
	position:absolute;
	content:"";
	left:-25px;
	top:12px;
	border:7px solid transparent;
	border-left:8px solid #00b4f1;
	border-right:none;
	display:none;
}
.history .CT .timeline ul li h4:hover,
.history .CT .timeline ul li.open h4{
	color:#00b4f1;
}
.history .CT .timeline ul li.open h4:before{
	height:3px;
	background:#00b4f1;
}
.history .CT .timeline ul li.open h4:after{
	display:block;
}
.history .CT .timeline ul li .timelineCT{
	margin:0 90px;
}
.history .CT .timeline ul li .timelineCT p{
	margin:0;
	padding:0;
	font-size:16px;
	line-height:1.8em;
}
.history .CT .timeline ul li .timelineCT img{
	display:block;
	margin-top:20px;
	max-width:100%;
}

.history .CT .timeline ul li.toAbout h4{
	font-size:16px;
}
.history .CT .timeline ul li.toAbout h4:before{
	top:20px;
}
.history .CT .timeline ul li.toAbout h4:after{
	display:none;
}
.history .CT .timeline ul li.toAbout h4 span{
	position:relative;
	display:block;
	width:50px;
	height:50px;
	text-align:center;
	padding-top:10px;
	margin:-10px 0 0 90px;
	color:#FFF;
	background:#000;
	border-radius:50%;
}
.history .CT .timeline ul li.toAbout h4 span:after{
	position:absolute;
	content:"";
	display:block;
	left:19px;
	top:35px;
	border:6px solid transparent;
	border-top:7px solid #FFF;
}
.history .CT .timeline ul li.toAbout h4:hover span{
	background:#00b4f1;
}
/************************************** history end ***************************************************/


/************************************** about start ***************************************************/
.about{
}
.about .CT{
	margin:0 auto;
	max-width:1400px;
	overflow:hidden;
}
.about .CT .intro{
	float:left;
	width:40%;
	height:150vh;
	background:#fff100;
}
.about .CT .intro .ct{
	position:relative;
	margin:0 auto;
	top:50vh;
	width:78%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.about .CT .intro .ct h3{
	font-size:60px;
	text-align:center;
}
.about .CT .intro .ct p{
	margin:7.2% 0 0;
	padding:7.2% 0 0;
	border-top:5px solid #00b4f1;
	font-size:16px;
	line-height:1.9em;
}

.about .CT .detail{
	float:left;
	width:60%;
	padding:120px 7%;
}
.about .CT .detail .main{
	font-size:16px;
	line-height:1.4em;
}
.about .CT .detail .main h4{
	font-size:24px;
	color:#00b4f1;
}
.about .CT .detail .main p{
	margin:15px 0 0;
	padding:0;
}
.about .CT .detail .main dl{
	margin-top:10px;
}
.about .CT .detail .main dl .row{
	overflow:hidden;
}
.about .CT .detail .main dl .row+.row{
	margin-top:8px;
}
.about .CT .detail .main dl .row dt{
	float:left;
}
.about .CT .detail .main dl .row dd{
	overflow:hidden;
}
.about .CT .detail .main dl .row dd a{
	color:#00b4f1;
	text-decoration:underline;
}
.about .CT .detail .main dl .row dd a:hover{
	text-decoration:none;
}
.about .CT .detail .main > a{
	margin-top:20px;
	display:inline-block;
}
.about .CT .detail .main > a img{
	border:none;
	max-width:100%;
}

.about .CT .detail .team{
	margin-top:10px;
	overflow:hidden;
}
.about .CT .detail .team .group{
	float:left;
	border-left:1px solid #000;
	padding-left:30px;
	margin:20px 30px 0 0;
}
.about .CT .detail .team .group dd{
	margin-top:10px;
}
.about .CT .detail .team .group dd ul{
	overflow:hidden;
}
.about .CT .detail .team .group dd ul li{
	float:left;
	white-space:nowrap;
	text-indent:100%;
	overflow:hidden;
	background-repeat:no-repeat;
	height:33px;
}
.about .CT .detail .team .group dd ul li+li{
	margin-left:20px;
}
.about .CT .detail .team .group:nth-child(1) dd ul li:nth-child(1){	background-image:url(../images/logo_tp.gif); width:100px;}
.about .CT .detail .team .group:nth-child(2) dd ul li:nth-child(1){	background-image:url(../images/logo_culture.gif); width:98px;}
.about .CT .detail .team .group:nth-child(3) dd ul li:nth-child(1){	background-image:url(../images/logo_sf.gif); width:38px;}
.about .CT .detail .team .group:nth-child(3) dd ul li:nth-child(2){	background-image:url(../images/logo_bd.gif); width:38px;}
/************************************** about end ***************************************************/


/*************************** 覆寫 mCustomScrollbar start ***********************************/
.mCSB_inside > .mCSB_container {
	margin-right: 0;
}
/*************************** 覆寫 mCustomScrollbar end ***********************************/


.isMobile{
	height:auto !important;
}


@media screen and (max-width:1400px){
	
	/****************** footer start ************************/
	footer{
		font-size:14px;
	}
	
	footer .copyright{
		padding-left:185px;
		-webkit-transform:translateX(54px);
		transform:translateX(54px);
	}
	footer .copyright a{
		margin-left:20px;
		padding:20px 15px;
		font-size:12px;
	}
	/******************** footer end ***********************/
	
}


@media screen and (min-width:768px) and (max-width:1400px){
	
	/******************* header start ************************/
	header{
		height:65px;
	}
	header h1{
		top:10px;
		width:85px;
		height:40px;
	}
	
	header ul li a{
		padding:22px 30px;
		font-size:16px;
	}
	
	/******** 社群分享 start **********/
	.sns{
		top:85px;
	}
	/******** 社群分享 end **********/
	/****************** header end **********************/
	
	/***************** event start **********************/
	.event .CT{
		margin-top:100px;
	}
	/***************** event end **********************/
	
	/***************** article start **********************/
	.article .CT .articleGroup .item a section{
		width:50%;
		padding:2em 3em 2em 6em;
	}
	.article .CT .articleGroup .item a section h3{
		font-size:30px;
	}
	.article .CT .articleGroup .item a section p{
		font-size:16px;
	}
	/***************** article end **********************/
	
	/***************** history start **********************/
	.history .CT .title hgroup h3:nth-child(1){
		font-size:4vw;
	}
	.history .CT .title hgroup h3:nth-child(2) em{
		margin-top:3%;
		font-size:2.2vw;
	}
	.history .CT .title hgroup h3:nth-child(2) span{
		margin-top:8%;
		font-size:4.4vw;
	}
	/***************** history end **********************/
	
	/***************** about start **********************/
	.about .CT .intro .ct h3{
		font-size:4.1vw;
	}
	/***************** about end **********************/
	
}


@media screen and (min-width:1024px) and (max-width:1400px){
	
	/******************* header start ************************/
	header{
		background-position:160px 30px;
	}
	/****************** header end **********************/
	
}


@media screen and (max-width:1023px){
	
	/******************* footer start ************************/
	footer{
		font-size:12px;
	}
	/******************* footer end ************************/
	
	/******************* home start ************************/
	.home .CT{
		width:100%;
	}
	/******************* home end ************************/
	
	/******************* event start ************************/
	.event .CT section h3 em{
		font-size:40px;
	}
	.event .CT section h3 span{
		font-size:50px;
	}
	/******************* event end ************************/
	
	/***************** about start **********************/
	.about .CT .detail .team .group{
		padding-left:10px;
		margin-right:10px;
	}
	/***************** about end **********************/
	
}


@media screen and (min-width:768px) and (max-width:1023px){
	
	/******************* header start ************************/
	header{
		background-image:none;
	}
	/******************* header end ************************/
	
	/******************* footer start ************************/	
	footer .copyright{
		padding-left:0;
		background-image:none;
	}
	/******************* footer end ************************/
	
	/***************** about start **********************/
	.about .CT .detail{
		padding-left:5%;
		padding-right:5%;
	}
	/***************** about end **********************/
	
}


@media screen and (max-width:767px){
	
	/******************* header start ************************/
	header{
		height:55px;
		background-position:45% 33px;
		background-size:100px auto;
	}
	header h1{
		left:10px;
		top:10px;
		width:64px;
		height:30px;
	}
	
	header ul{
		top:55px;
		width:100%;
		background:#FFF;
		border-bottom:1px solid #00b4f1;
		display:none;
	}
	header ul li{
		float:none;
		width:100%;
	}
	header ul li a{
		padding:15px 0;
		font-size:15px;
	}
	
	/******** burgerBtn start **********/
	header .burgerBtn,
	header .burgerBtn:before,
	header .burgerBtn:after{
		position:absolute;
		width:25px;
		height:3px;
		background:#000;
	}
	header .burgerBtn{
		right:20px;
		top:24px;
		cursor:pointer;
	}
	header .burgerBtn:before,
	header .burgerBtn:after{
		content:"";
		right:0;
		transition:all 0.2s;
	}
	header .burgerBtn:before{
		top:-7px;
	}
	header .burgerBtn:after{
		top:7px;
	}
	
	header.open .burgerBtn{
		background:transparent;
	}
	header.open .burgerBtn:before,
	header.open .burgerBtn:after{
		top:0;
	}
	header.open .burgerBtn:before{
		-webkit-transform:rotate(-45deg);
		transform:rotate(-45deg);
	}
	header.open .burgerBtn:after{
		-webkit-transform:rotate(-135deg);
		transform:rotate(-135deg);
	}
	/******** burgerBtn end **********/
	
	/******** 社群分享 start **********/
	.sns{
		right:10px;
		top:65px;
	}
	/******** 社群分享 end **********/
	/****************** header end **********************/
	
	/****************** footer start **********************/
	footer .openX{
		width:100%;
		padding:2px 10px 10px 5px;
		background:#00b4f1;
	}
	footer .openX a{
		padding-left:25px;
	}
	footer .openX a[href]:hover{
		color:#FFF;
	}
	footer .copyright{
		padding-left:90px;
		background-position: 0 -14px;
		background-size: 100px auto;
	}
	footer .copyright p{
		padding:10px 0 0 0;
		line-height:1.5em;
		text-align:right;
	}
	footer .copyright p br{
		display:block;
	}
	footer .copyright a{
		float:right;
	}
	/****************** footer end **********************/
	
	/****************** home start **********************/
	.home .CT section{
		padding-top:100%;
	}
	.home .CT section hgroup{
		top:8%;
		width:90.5%;
	}
	.home .CT section .slashT {
		top:70%;
		width:95%;
	}
	.home .CT section p{
		top:55%;
		width:38%;
		padding-top:15%;
	}
	.home .CT section em{
		bottom:20%;
		width:15.6%;
		padding-top:5.3%;
	}
	.home .CT section span{
		bottom:20px;
	}
	
	.downArrow{
		bottom:110px;
	}
	/****************** home end **********************/
	
	/***************** event start **********************/
	.event .CT{
		padding-top:50px;
	}
	.event .CT section h3{
		float:none;
		width:100%;
	}
	.event .CT section ul{
		float:none;
		width:100%;
		margin-top:30px;
		padding-left:0;
	}
	.event .CT section ul li+li{
		margin-top:20px;
		padding-top:20px;
	}
	.event .CT section ul li .summary{
		float:none;
		font-size:14px;
	}
	.event .CT section ul li .summary .date strong{
		font-size:13px;
		margin-right:2px;
	}
	.event .CT section ul li .summary .date em{
		font-size:15px;
	}
	.event .CT section ul li .summary .date em span{
		font-size:12px;
	}
	.event .CT section ul li .summary h4{
		font-size:15px;
	}
	.event .CT section ul li img{
		float:none;
		margin:10px 0 0;
	}
	/***************** event end **********************/
	
	/****************** article start *********************/
	.article .CT .articleGroup .item a section{
		width:95%;
		padding:1em;
		top:100px;
		-webkit-transform:none;
		transform:none;
	}
	.article .CT .articleGroup .item a section h3{
		font-size:16px;
		line-height:1.5em;
	}
	.article .CT .articleGroup .item a section p{
		display:none;
	}
	
	/********* 覆寫 flickity start **********/
	.flickity-prev-next-button {
		width:40px;
		height:40px;
	}
	.flickity-prev-next-button svg {
		top:8px;
	}
	.flickity-prev-next-button.previous svg { left: 10px;}
	.flickity-prev-next-button.next svg { right: 10px;}
	
	.flickity-page-dots {
		bottom: 100px;
	}
	.flickity-page-dots .dot {
		width:10px;
		height:10px;
		margin:0 5px;
	}
	/********* 覆寫 flickity end **********/
	/****************** article end *********************/
	
	/***************** history start **********************/
	.history .CT .title{
		float:none;
		width:100%;
		height:auto;
	}
	.history .CT .title hgroup{
		position:relative;
		margin:0 auto;
		top:auto;
		width:100%;
		-webkit-transform:none;
		transform:none;
		padding:100px 0 30px;
		border-bottom:5px solid #00b4f1;
	}
	.history .CT .title hgroup h3:nth-child(1){
		font-size:30px;
	}
	.history .CT .title hgroup h3:nth-child(2) em{
		margin-top:5px;
		font-size:16px;
	}
	.history .CT .title hgroup h3:nth-child(2) span{
		margin-top:10px;
		font-size:32px;
	}
	
	.history .CT .timeline,
	.history .CT .timeline ul li{
		background:none;
	}
	.history .CT .timeline{
		float:none;
		width:100%;
		padding:30px 10px 120px 0;
	}
	.history .CT .timeline ul li+li{
		margin-top:10px;
	}
	.history .CT .timeline ul li h4{
		font-size:16px;
		margin:5px 0;
	}
	.history .CT .timeline ul li h4:before{
		width:20px;
		margin-right:10px;
	}
	.history .CT .timeline ul li .timelineCT{
		margin:0 0 0 30px;
	}
	.history .CT .timeline ul li .timelineCT p{
		font-size:14px;
	}
	.history .CT .timeline ul li .timelineCT img{
		margin-top:10px;
	}
	.history .CT .timeline ul li.toAbout{
		margin-top:0;
	}
	.history .CT .timeline ul li.toAbout h4 span{
		margin-left:30px;
	}
	/***************** history end **********************/
	
	/***************** about start **********************/
	.about .CT .intro{
		float:none;
		width:100%;
		height:auto;
	}
	.about .CT .intro .ct{
		top:auto;
		width:95%;
		-webkit-transform:none;
		transform:none;
		padding:100px 0 30px;
	}
	.about .CT .intro .ct h3{
		font-size:30px;
	}
	.about .CT .intro .ct p{
		margin-top:20px;
		padding-top:20px;
		font-size:14px;
		line-height:1.6em;
	}
	
	.about .CT .detail{
		float:none;
		width:100%;
		padding:30px 10px 120px;
	}
	.about .CT .detail .main h4{
		font-size:20px;
	}
	.about .CT .detail .main{
		font-size:14px;
	}
	/***************** about end **********************/
	
}