@charset "utf-8";
/* CSS Document */
body { 
	background: #90bcc6;
    -moz-background-size: cover;
    background-size: cover;
	text-align: center;
	position:absolute;
	height: 100%;
	width:100%;*/
	font-family: arial,'cwTeXHei';
}


#mobile { display: none;}
.main { display: table-cell; vertical-align:middle;background-color: rgba(50,50,60,0.7); padding:30px;border-radius: 20px;}*/
.cover { text-align: center; margin: 0px auto;}
.cover img { width: 100%; vertical-align:middle;}

.register {width: 60%; text-align: center; margin-top: 610px;}

.personal {display:inline-block;text-align: center; margin:0 10px 0 0; vertical-align:middle;width: 300px; background-color:#0068b7; color: #FFF; font-size: 30pt;border-radius: 10px;}
.group {display:inline-block;text-align: center; margin: 0 0 0 10px; vertical-align:middle;width: 300px; background-color:#e5004f; color: #FFF; font-size: 30pt;border-radius: 10px;}

.inner {margin-top: 10px;border-radius: 20px; padding-left: 40px; padding-right: 40px; padding-bottom: 0px; padding-top: 40px; margin-bottom: 10px;}

.time-line {/*border: solid 1px #96e5f2;*/ width: 80%; margin: 0 auto; margin-bottom: 20px; vertical-align:middle;}
.TL-title {font-size: 15pt; background: #EFAE0A; text-align: center; vertical-align:middle; padding:10px;}
.TL-inner {font-size: 12pt; vertical-align:middle; padding: 15px;}

.act-title {font-size: 25pt; float: right;}
.act-title-ones {font-size: 25pt;padding-bottom: 15px; text-align: center;}
.act-inner{	border-left: solid 2px;	float:left;	text-align: left; padding-left: 20px; margin-bottom: 20px; width: 100%; font-size: 11pt; line-height: 20pt;}
.act-inner-ones {width:50%; padding-left:50px; padding-right: 50px; font-size: 11pt; line-height: 15pt;}

.judge {margin: 0px auto;width: 85%;text-align: center;}
.perfile {border: 1px solid #cccccc; width: 20%; margin-left: 20px;margin-right: 20px; margin-bottom: 20px; padding: 20px;}
.pflist {text-align: justify; padding-left: 10px;padding-right: 10px;line-height: 20pt;}
.line {border-bottom: 1px dotted #cccccc;}

.menu {text-align: center;}
.item {margin: 0px auto;}
.item a{width: 100%;height: 100%;}
.logo {display: block; margin-bottom: 10px; padding: 10px; /*border-bottom: solid 1px #eee;*/ background-color: rgba(255,255,255,0.7);width: 100%; height: 80px;}
.logo img {margin-top: 15px; height: 50%; vertical-align:middle; line-height: 50px;}

.footer-logo {width: 7%; vertical-align: middle;}

.select {
	font-size: 18pt; 
	color: #fff;
	line-height: 80pt;
	width: 57%; 
	height: 120px;
	text-align: center; 
	/*margin-top:-80px;*/
	position: absolute;
	z-index:1;
	padding:10px; 
	background: -webkit-linear-gradient(#29abe2,#1554a5);
	border-radius:30px;
}

.align-center { margin:0px auto;}

.footer {display: block;  background-color: #1F5374; margin-left: 0px;width: 100%;}
.cpr { color: #fff; text-align: center; margin-top: 20px; background-color: #2A5A7E;}
.cpr a {color: #0C9BEB;}
.cpr img {width: 30px;}
.video {display: none;}

@media (max-width:992px){
	.item {text-align: center;}
	.logo {line-height: 45pt;}
	.logo img {width: 100%;}
}

@media (max-width:768px){
	#pc {display: none;}
	#mobile {display: block;}
	.footer-logo {width: 25%; vertical-align: middle;}
	.act-inner{	text-align:justify;  margin-bottom: 20px; width: 100%; font-size: 11pt; line-height: 20pt; border: none;}
	
	.select {
	font-size: 18pt; 
	color: #fff;
	line-height: 20pt;
	width: 100%; 
	height: 50px;
	text-align: center; 
	margin:auto;
	position: absolute;
	background: #666;
	border-radius:0px;
}
	
.footer {display: block;  background-color: #1F5374; margin-left: 0px;width: 100%;}
	


}



/************************************
 * scrollable-sections-top-shadow  漸層陰影
************************************/
#top-shadow:after {
    content:"";
    background-image: -moz-radial-gradient(top center,ellipse farthest-side ,  rgba(0, 0, 0, 0.3) , transparent);
    background-image: -webkit-radial-gradient(top center,ellipse farthest-side , rgba(0, 0, 0, 0.3) , transparent);
    width: 100%;
    height: 8px;
    background-repeat: no-repeat;
    display: block;
    /*margin-top: 20px;*/
	margin-bottom: 30px;
    border-top: 1px solid #666;
}

.bg-img {background-image: url(../images/header.png);}
.bg-blur {
width:100%;
height: 100%;
background-repeat:no-repeat;
background-attachment: fixed;	
background-size:cover;
-webkit-filter:blur(15px);
-moz-filter:blur(15px);
-o-filter:blur(15px);
-ms-filter:blur(15px);
filter:blur(15px);
position:absolute;
left:0;
top:0;
}