@charset "UTF-8";

body {
	margin:0;
	padding:0;
	font-family: 'Oswald', 'Noto Sans TC',  sans-serif;
	font-weight:300;
}

#banner {
	width:100%;
	height: 1152px;
	/*margin-top:63px;*/
	position: relative;
	overflow: hidden;
	background-color: black;
}
#banner video {
	width:auto;
	height: 1152px;
	position: absolute;
	left: 50%;
	transform: translate(-50%,0);
}
#banner h1 {
	font-size:60pt;
	font-weight: 700;
	letter-spacing: -3pt;
	line-height:50pt;
	color:rgba(233,93,86,1.00);
	width: auto;
	height: auto;
	margin:0;
	position: absolute;
	left: 50%;
	top: 40%;
	transform: translate(-50%,-50%);
	z-index: 999;
}
#topbar {
	width:100%;
	height: 63px;
	/*background-color: #252c68;*/
	position:absolute;
	top:0;
	z-index: 1000;
}
#logo {
	width:auto;
	position:absolute;
	z-index: 1001;
	top:50%;
	transform: translate(0,-50%);
}
#logo img{
	/*height: 63px;
	width: auto;*/
	width: 300px;
	height: auto;
}
#menu {
	width:500px;
	height: 60px;
	position:absolute;
	right:0;
	top:0;
	z-index: 1003;
}
#language {
	width:100px;
	height: 30px;
	position: absolute;
	right: 0;
	top: 20px;
	z-index:1999;
	font-family: 'Oswald', 'Noto Sans TC',  sans-serif;
	font-weight: 400;
	color: white;
}
section {
	width:auto;
	height: auto;
	padding:0;
	margin: 0;
	clear:both;
	position:relative;
}
.coverp {
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.70);
	position:absolute;
	display: none;
}
.s1 {
	background-image: url(wp-content/p02.jpg);
	background-position: center;
	background-size: cover;
}
section h2 {
	font-size:800%;
	margin: 0;
	/*padding-top:63px;*/
	color:#3db1b0;
	letter-spacing: 0;
	line-height:80pt;
	font-weight: 900;
	transition: 0.5s;
}
.box {
	
	width:auto;
	height: auto;
	padding: 20px 10%;
	background-color: rgba(0,0,0,0);
	transition:0.5s;
}
.box a {
	text-decoration: none;
	color: white;
}
.s2 {
	background-image: url(wp-content/p03.jpg);
	background-position: center;
	background-size: cover;
}
.s2 h2{
	text-align: right;
}
.s3 {
	background-image: url(wp-content/p01.jpg);
	background-position: center;
	background-size: cover;
}
.s3 h2{
	text-align: left;
}
.s4 {
	background-image: url(wp-content/p08.jpg);
	background-position: center;
	background-size: cover;
}
.s4 h2{
	text-align: right;
}
.s5 {
	background-image: url(wp-content/p09.jpg);
	background-position: center;
	background-size: cover;
}
.s5 h2{
	color: #E95D57;
}
.box p {
	color:white;
	font-size: 20pt;
	letter-spacing: 1pt;
	line-height:30pt;
}
.cc {
	width: 100%;
	clear:both;
}
.box21 {
	width:50%;
	height: auto;
	float: left;
	margin:30px 0px;
}
#language a {
	text-decoration: none;
	color: white;
	font-family: 'Oswald', 'Noto Sans TC',  sans-serif;
	font-weight:300;
}

@media (max-width:1920px){
   #banner {
	height: 1080px;
   }
  #banner video {
	height: 1080px;
  }
}

@media (max-width:800px){
	
	#banner {
	height: 926px;
}
#banner video {
	height: 926px;
}
	
	#language {
		top:18px;
		right: 50px;
	}
	#cover {
		width: 100%;
		height: 600px;
		position:absolute;
		left: 0;
		top: 0;
		background-color: #252c68;
		display: none;
	}
	#logo {
     	top:31px;
    }
	#logo img {
		width:200px;
	}
	.box {
		padding:20px 5%;
	}
	.box21 {
	width:100%;
	height: auto;
	float: clear;
	margin: 20px 0;
    }
	.box21 iframe{
		width:100%;
		height: 225px;
	}
	section h2 {
	font-size:600%;
    }
	#menu {
	width:100%;
	height: auto;
    }
	.memberbox {
	width: 100%;
	height: 500px;
	overflow: hidden;
    }
}