@charset "UTF-8";
/*===========================================
Common
===========================================*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:700}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}
/*--- (e)normalize.css v8.0.1 ---*/

:root{
	--primary-color:#00aafa;
	--primary-light-color:#40c3fa;
}

body{
	margin:0;
	font-size:16px; line-height:1.75rem;
	color:#333;
	font-family:'Roboto Condensed', "Microsoft JhengHei", "微軟正黑體", "Microsoft YaHei", "游ゴシック","YuGothic","Yu Gothic","游ゴシック体", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Arial, sans-serif;
	text-shadow:0 .3px .3px rgba(0,0,0,.08);
	text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    image-rendering: -webkit-optimize-contrast;
	background-color:#111;
	overflow-x:hidden;
}
body.is-fixed{
	overflow:hidden;
}
@media screen and (max-width:360px){/* Xiaomi */
	body{
		font-size:15px;
	}
}
@media screen and (max-width:320px){/* i5 */
	body{
		font-size:14px;
	}
}

*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

/* 設置提示文字顏色 */
::-webkit-input-placeholder{color:#999;}
::-moz-placeholder{color:#999;}
:-ms-input-placeholder{color:#999;}
.placeholder{color:#999;}

hr{display:block; height:1px; border:0; border-top:1px solid #ccc; margin:2em 0; padding:0;}

/* 移除圖片底下間隙 */
img{vertical-align:middle;}

/* 移除fieldset預設樣式 */
fieldset{border:0; margin:0; padding:0;}

/* 只允許文字區域垂直調整大小 */
textarea{resize:vertical;}

a{color:#127dd7; text-decoration:none; }
a:hover, a:active, a:focus{color:var(--primary-color);}

.wrapper{
	width:1000px; min-width:1000px; 
	margin:0 auto; 
	position:relative;
	/* box-shadow:inset 0 0 1px rgba(0,0,0,.9); */
}
@media screen and (max-width:926px){/* i12 Pro Max, i13 Pro Max Landscape */
	.wrapper{
		width:100%; min-width:100%;
	}
}

/*-------------------------------------------
Clearfix: contain floats
-------------------------------------------*/
.clearfix::after{content:""; display:table; clear:both;}
/* For IE 6/7 only */
.clearfix{*zoom: 1;}

/*-------------------------------------------
Header
-------------------------------------------*/
#header__container{
	position:relative;
	background-color:#111;
}
	.header-links{
		list-style:none;
		margin:0;
		padding:8px 30px;
		text-align:right;
		color:#fff;
		font-size:.875rem; line-height:1;
	}
		.header-links__item{
			display:inline-block;
			vertical-align:top;
			margin-left:25px;
		}
		.header-item-home{
			
		}
			.header-links__link{
				display:inline-block;
				color:#fff;
				-webkit-transition:.2s;transition:.2s;
			}
			.header-links__link:hover{
				color:#127dd7;
			}
				.header__member-name{
					color:#fff;
					opacity:.7;
				}
				.header__member-name a{
					display:inline-block;
					border-bottom:1px solid #fff;
					padding-bottom:1px;
				}
@media screen and (max-width:926px){/* i12 Pro Max, i13 Pro Max Landscape */
	#header__container{
		height:100%;
	}
	.header-links{
		display:none;
	}
		.sp-menu__member-name{
			color:#fff;
			opacity:.7;
		}
			.sp-menu__member-name a{
				display:-inline-block;
				color:#fff;
				padding-bottom:3px;
				border-bottom:1px solid rgba(255,255,255,.7);
			}
}
@media screen and (max-width:430px){/* i14 Pro Max */
	#header__container{
		background-color:#fff;
	}
}

/*-------------------------------------------
Menu icon
-------------------------------------------*/
@media screen and (max-width:926px){/* i12 Pro Max, i13 Pro Max Landscape */
	.toggle-menu{
		display:inline-block;
		width:50px;
		height:50px;
		line-height:50px;
		text-align:center;
		padding:0;
		background-color:var(--primary-color);
		border-radius:50%;
		position:fixed; right:15px; top:15px; z-index:701;
		-webkit-transition:.4s ease;
		-moz-transition:.4s ease;
		transition:.4s ease;
		box-shadow:0 3px 8px rgba(0,0,0,.3);
	}
	.toggle-menu.toggle-menu--active{
		background-color:#fff;
		box-shadow:none;
	}
		.icon-menu{
			display:inline-block;
			width:24px;
			height:24px;
			margin-top:12px;
			position:relative;
			-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);
			-webkit-transition:.4s ease;-moz-transition:.4s ease;-o-transition:.4s ease;transition:.4s ease;
			cursor:pointer;
		}
			.icon-menu span{
				display:block;
				position:absolute; left:0;
				height:3px;
				width:100%;
				background-color:#fff;
				border-radius:3px;
				opacity:1;
				-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);
				-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;
			}
			.icon-menu span:nth-child(1){top:15%;}
			.icon-menu span:nth-child(2){top:50%;}
			.icon-menu span:nth-child(3){top:85%;}

		.toggle-menu--active .icon-menu span{
			transition-delay:0s;-webkit-transition-delay:0s;
			background-color:var(--primary-color);
		}
		.toggle-menu--active .icon-menu span:nth-child(1){
			top:48%;
			-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);
		}
		.toggle-menu--active .icon-menu span:nth-child(2){
			opacity:0;
		}
		.toggle-menu--active .icon-menu span:nth-child(3){
			top:48%;
			-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);
		}
}

/*-------------------------------------------
Nav
-------------------------------------------*/
.menu-container{
	position:relative; z-index:10;
	background-color:#fff;
	box-shadow:0 0 12px rgba(0,0,0,.1);
}
	.sp-menu{
		display:none;
	}
	.menu{
		list-style:none;
		margin:0 auto;
		padding:0;
		display:-webkit-box;
		display:-ms-flexbox;
		display:flex;
		display:-webkit-flex;
		flex-wrap:wrap;
		-webkit-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		align-items:center;
		justify-content:center;
		height:60px;
	}
		.menu__item{
			-webkit-flex:1 0 auto; /* Safari 6.1+ */
			-ms-flex:1 0 auto; /* IE 10 */ 
			flex:1 0 auto;
			position:relative;
			text-align:center;
		}
			.menu__link{
				display:block;
				position:relative;
				color:#000;
				font-weight:700;
				line-height:60px;
				-webkit-transition:.2s;transition:.2s;
			}
			.menu__item:first-child .menu__link{
				color:#04abfa;
			}
			.menu__link:hover{
				color:var(--primary-color);
			}
				.menu__link::before{
					display:block;
					content:"";
					border-bottom:2px solid var(--primary-color);
					width:40px;
					position:absolute; left:50%; bottom:0;
					margin-left:-20px;
					opacity:0;
					-webkit-transition:.2s;transition:.2s;
				}
				.menu__link:hover::before{
					opacity:1;
				}
				.have-sub-menu .menu__link::after{
					display:inline-block;
					content:"";
					width:12px;
					height:12px;
					line-height:12px;
					background-image:url(../images/icon-menu-arrow.svg?v=20190904);
					background-repeat:no-repeat;
					background-position:50% 50%;
					background-size:12px 12px;
					margin-left:3px;
				}
@media screen and (max-width:926px){/* i12 Pro Max, i13 Pro Max Landscape */
	.menu-container{
		display:block;
		position:fixed; top:0; left:0;
		z-index:0;
		opacity:0;
		width:0%;
		height:100%;
		overflow:visible;
		background-color:var(--primary-color);
		pointer-events:none;
		transform-origin:left top;
		transform:skewX(-10deg);
		transition:.5s ease;
	}
	.menu-container.menu--active{
		opacity:1;
		z-index:100;
		width:100%;
		pointer-events:auto;
		-webkit-transform:skewX(0deg); transform:skewX(0deg);
	}
		.menu-inner{
			position:relative; left:0; top:0;
			width:100%;
			height:100%;
			overflow-x:hidden;
			overflow-y:auto;
			padding:30px 24px 40px;
		}
			/*--- Smart Phone Menu ---*/
			.sp-menu{
				display:block;
				list-style:none;
				margin:0;
				padding:0 0 30px;
				color:#fff;
				text-align:center;
				opacity:0;
				transition:.3s;
				transition-delay:.5s;
			}
			.menu--active .sp-menu{
				opacity:1;
			}
				.sp-menu__item{
					vertical-align:top;
					padding:5px 15px;
				}
					.sp-menu__link{
						color:#fff;
					}
					.sp-menu__link:hover{
						color:#fff;
						opacity:.65;
					}
			/*--- Main Menu ---*/
			.menu{
				height:auto;
				color:#fff;
				opacity:0;
				transition:.3s;
				transition-delay:.5s;
			}
			.menu--active .menu{
				opacity:1;
			}
				.menu__item{
					-webkit-flex:1 0 100%; /* Safari 6.1+ */
					-ms-flex:1 0 100%; /* IE 10 */ 
					flex:1 0 100%;
				}
					.menu__link{
						color:#fff;
						font-size:1.125rem;
						line-height:1.4;
						padding:10px 0;
					}
					.menu__item:first-child .menu__link{
						color:#fff;
					}
					.menu__link:hover{
						color:#fff;
						opacity:.65;
					}
						.have-sub-menu .menu__link::after{
							width:18px;
							height:18px;
							line-height:18px;
							background-size:18px 18px;
							position:absolute; top:50%;
							transform:translateY(-50%);
							-webkit-transition:.3s;transition:.3s;
						}
						.have-sub-menu .menu__link.menu__link--active::after{
							transform:translateY(-50%) rotate(-180deg);
						}
}
@media screen and (max-width:430px){/* i14 Pro Max */
	.menu-inner{
		padding:60px 24px 60px;
	}
}

/*-------------------------------------------
Sub Menu
-------------------------------------------*/
.sub-menu{
	list-style:none;
	margin:0;
	padding:10px 0;
	background-color:var(--primary-color);
	position:absolute; top:60px; left:50%;
	transform:translateX(-50%);
	box-shadow:0 5px 8px rgba(0,0,0,.1);
	opacity:0;
	pointer-events:none;
	-webkit-transition:.2s;transition:.2s;
}
.menu__item:hover .sub-menu{
	opacity:1;
	pointer-events:auto;
}
	.sub-menu__item{
		text-align:center;
	}
		.sub-menu__link{
			display:block;
			color:#fff;
			line-height:1.2;
			white-space:nowrap;
			padding:10px 15px;
			-webkit-transition:.2s;transition:.2s;
		}
		.sub-menu__link:hover{
			color:#000;
		}
@media screen and (max-width:1024px){
	.menu .menu__item:first-of-type .sub-menu{
		left:0; right:auto;
		transform:translateX(0);
	}
	.menu .menu__item:last-of-type .sub-menu{
		left:auto; right:0;
		transform:translateX(0);
	}
}
@media screen and (max-width:926px){/* i12 Pro Max, i13 Pro Max Landscape */
	.sub-menu{
		display:none;
		background-color:rgba(0,0,0,.15);
		position:static;
		transform:translateX(0%);
		opacity:1;
		pointer-events:auto;
		box-shadow:none;
		-webkit-transition:none;transition:none;
	}
		.sub-menu__link{
			color:#fff;
			white-space:normal;
			padding:10px 24px;
		}
		.sub-menu__link:hover{
			color:#fff;
			opacity:.65;
		}
}

/*-------------------------------------------
Header Theme
-------------------------------------------*/
.header-theme{
	position:relative;
	height:300px;
	background-color:#04abfa;
	background-image:url(../images/theme_pic_page.jpg);
	background-position:50% 0%;
	background-repeat:no-repeat;
	background-size:100% 100%;
}
	.header-theme__inner{
		height:100%;
	}
		.theme-70th-logo{
			width:30%;
			position:absolute; top:50%; right:20px; z-index:0;
			transform:translateY(-50%);
		}
			.theme-70th-logo i{
				display:block;
				position:relative;
				width:100%;
				height:0;
				padding-bottom:107%;
			}
				.theme-70th-logo i::before{
					content:"";
					display:block;
					width:100%;
					height:100%;
					background:url(../images/theme_70th_logo.png) no-repeat 50% 0;
					background-size:contain;
					position:absolute; top:0; left:0;
				}
		.header-heading__group{
			position:absolute; top:50%; z-index:1;
			transform:translateY(-50%);
			width:100%;
			padding:0 30px;
			line-height:1.125;
			text-shadow:0 3px 8px rgba(0,0,0,.2);
		}
			.header-theme__heading{
				margin:0;
				padding:3px 0;
				color:#fff;
			}
			.theme-heading{
				font-size:1.25rem; font-weight:400;
			}
			.theme-heading1{
				font-size:2.5rem;
			}
			.theme-heading2,
			.theme-heading3{
				display:none;
			}
			.header-theme__date{
				color:#fff;
				font-size:1.5rem; font-weight:700;
				display:block;
				margin-top:10px;
			}
			.header-theme__venue{
				color:#fff;
				font-size:1.5rem;
			}
		.scroll-icon{
			display:none;
		}
@media screen and (max-width:926px){/* i12 Pro Max, i13 Pro Max Landscape */
	.header-theme{
		background-position:85% 50%;
	}
		.header-theme__inner{
			overflow:hidden;
		}
		.header-heading__group{
			padding:0 24px;
			transform:translateY(-52%);
		}
			.theme-heading{
				font-size:2.125vw;
			}
			.theme-heading1{
				font-size:5vw;
			}
				.theme-heading1 span{
					display:block;
				}
			.theme-heading2,
			.theme-heading3{
				font-size:4.5vw;
			}
			.header-theme__date,
			.header-theme__venue{
				font-size:2.75vw;
			}
				.header-theme__city{
					
				}
		.header-theme__inner::before{
			display:inline-block;
			content:"";
			background-color:#111;
			width:55px;
			height:100%;
			position:absolute; top:0; left:-80px;
			transform:skewX(-17deg);
			pointer-events:none;
			display:none;
		}
		.header-theme__inner::after{
			display:inline-block;
			content:"";
			background-color:var(--primary-color);
			width:100px;
			height:100%;
			position:absolute; top:0; right:-80px;
			transform:skewX(-17deg);
			pointer-events:none;
			display:none;
		}
}
@media screen and (max-width:430px){/* i14 Pro Max */
	.header-theme{
		background-position:70% 50%;
		height:230px;
	}
		.theme-70th-logo{
			width:50%;
		}
		.header-heading__group{
			top:50%;
			transform:translateY(-49%);
			margin-top:0;
			padding:0 20px;
		}
		.header-theme__inner::before{
			
		}
		.header-theme__inner::after{
			right:-80px;
		}
			.theme-heading{
				font-size:3.5vw;
			}
				.theme-heading span{
					display:block;
				}
			.theme-heading1{
				font-size:6.5vw;
			}
			.header-theme__date,
			.header-theme__venue{
				font-size:4.25vw;
			}
				.header-theme__city{
					display:inline;
				}
}

/*-------------------------------------------
Container
-------------------------------------------*/
#content-container{
	height:auto!important;min-height:460px;height:460px;
	position:relative;
	background-color:#fff;
	/* background-image:url(../images/bg.png); */
	background-position:right bottom;
	background-repeat:no-repeat;
	background-size:380 auto;
	line-height:1.5;
}
	.page-header{
		position:relative; top:-1px;
		background:var(--primary-color);
		background:-moz-linear-gradient(left, var(--primary-light-color) 0%, var(--primary-color) 100%);
		background:-webkit-gradient(left top, right top, color-stop(0%, var(--primary-light-color)), color-stop(100%, var(--primary-color)));
		background:-webkit-linear-gradient(left, var(--primary-light-color) 0%, var(--primary-color) 100%);
		background:-o-linear-gradient(left, var(--primary-light-color) 0%, var(--primary-color) 100%);
		background:-ms-linear-gradient(left, var(--primary-light-color) 0%, var(--primary-color) 100%);
		background:linear-gradient(to right, var(--primary-light-color) 0%, var(--primary-color) 100%);
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--primary-light-color)', endColorstr='var(--primary-color)', GradientType=1 );
		padding:30px 0;
		box-shadow:0 -5px 12px rgba(0,0,0,.1);
	}
		.page-header__title{
			margin:0 auto;
			padding:0 24px;
			text-align:center;
			color:#fff;
			font-size:2.25rem; line-height:1.2; font-weight:400;
		}
		.crumbs{
			background-color:#f7f7f7;
		}
			.crumbs ul{
				list-style:none;
				margin:0 auto;
				padding:15px 30px;
				color:#999;
				font-size:.75rem;
				white-space:nowrap;
			}
				.crumbs ul li{
					display:inline-block;
					vertical-align:top;
					position:relative;
				}
					.crumbs ul li::before{
						display:inline-block;
						content:"/";
						margin-left:-1.2px;
						padding:0 5px;
						opacity:.5;
					}
					.crumbs ul li:first-child::before{
						display:none;
					}
					.crumbs ul li a{
						color:#999;
					}
					.crumbs ul li a:hover{
						color:#127dd7;
					}
		.article-container{
			padding:60px 30px 80px;
		}
			.part-title{
				color:var(--primary-color);
				font-size:1.5rem; line-height:1.2;
			}
@media screen and (max-width:568px){/* i5 Landscape */
	.part-title{
		font-size:1.25rem;
	}
}
@media screen and (max-width:430px){/* i14 Pro Max */
	.page-header{
		padding:25px 0;
	}
		.page-header__title{
			text-align:left;
			font-size:1.875rem;
		}
	.crumbs{
		overflow-x:auto;
		overflow-y:hidden;
	}
		.crumbs ul{
			padding:12px 24px;
		}
	.article-container{
		padding:40px 24px 50px;
	}
}
@media screen and (max-width:375px){/* i6,i7,i8,iX */
	.page-header__title{
		font-size:1.75rem;
	}
}
@media screen and (max-width:320px){/* i5 */
	.page-header__title{
		font-size:1.5rem;
	}
}

/*-------------------------------------------
Search
-------------------------------------------*/
.search__container{
	position:relative;
	padding-bottom:20px;
	margin:0 -10px 20px;
}
	.search__container::before{
		display:block;
		content:"";
		border-bottom:2px solid #ccc;
		position:absolute; left:10px; bottom:0; right:10px;
	}
	.search__container::after{
		clear:both;
		content:"";
		display:block;
	}
	.search__col{
		float:left;
		padding:0 10px 10px;
		position:relative;
	}
		.search__label{
			display:block;
			font-size:.875rem;
			letter-spacing:1.25px;
			min-height:24px;
		}
		.search__buttons{
			padding-top:24px;
		}
@media screen and (max-width:430px){/* i14 Pro Max */
	.search__container select{
		width:100%;
	}
	.search__buttons{
		padding-top:10px;
	}
}

/*-------------------------------------------
Alert Information
-------------------------------------------*/
.alert{
	background:#fdf8ea; 
	border:1px solid #fad993;
	color:#000;
	text-align:center;
	padding:20px 20px;
	margin:5px 0;
}
	.alert a{color:#09F;}

/*-------------------------------------------
Common
-------------------------------------------*/
.explanation{color:#C60; font-weight:400; font-size:.875rem; padding:3px 0;}
.required{color:#f00 !important; font-weight:normal;}
.paddingNone{padding:0 !important;}
.important{color:#f00 !important;}
.noneData{color:#333; text-align:center; clear:both; padding:15px; background-color:#fdf8ea;}	

/*-------------------------------------------
Input, Select, Textarea
-------------------------------------------*/
input[type=text], input[type=password], input[type=email], input[type=tel], input[type=date], textarea, select{
	box-sizing:border-box; -webkit-box-sizing:border-box;
	-webkit-appearance:none; appearance:none;
	line-height:1;
	padding:7px 10px; 
	margin:0 3px 3px 0; 
	background-color:#fff;
	border:1px solid #bbb; 
	-webkit-transition:.2s; transition:.2s;
}
input.bir, input.date, input.time{
	width:120px;
}
select{
	padding:9px 25px 9px 10px;
	background-image:url(../images/select_arrow.svg?v=20190904);
	background-repeat:no-repeat;
	background-position:right center;
	background-size:24px 24px;
	box-shadow:0 3px 8px rgba(0,0,0,.2);
}
select::-ms-expand{
	display:none;
}
textarea{
	width:100%;
}

input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, input[type=date]:focus, textarea:focus, select:focus{
	outline:0;
	background-color:#fff;
	border:1px solid #24a5ff !important;
	box-shadow:0 0 0 1px rgba(36,165,255,.4);
}
/*-------------------------------------------
Buttons
-------------------------------------------*/
input[type=submit], input[type=button], input[type=reset], a.btn, .field-file{
	box-sizing:border-box; -webkit-box-sizing: border-box;
	display:inline-block; *display:inline; *zoom:1;
	-webkit-appearance:none; appearance:none;
	vertical-align:top; text-align:center;
	text-decoration:none;
	font-family:inherit;
	color:#fff;
	line-height:1;
	font-weight:700;
	border:1px solid transparent;
	background-color:var(--primary-color);
	padding:8px 15px;
	border-radius:5px;
	-webkit-transition.2s;transition:.2s;
	cursor:pointer; 
	outline:none;
}
input.btn-secondary, .btn.btn-secondary, input[type="reset"]{
	color:var(--primary-color);
	background-color:#f1f1f1;
}
input[type=submit]:hover, input[type=button]:hover, input[type=reset]:hover, a.btn:hover, .field-file:hover{
	text-decoration:none;
	color:#fff;
	background-color:var(--primary-color);
	border-color:var(--primary-color);
	box-shadow:inset 0 0 0 30px rgba(0,0,0,.4);
}

.buttons{
	text-align:center; 
	padding:30px 0 0; 
	position:relative;
}
	.buttons input[type=submit], .buttons input[type=button], .buttons input[type=reset], .buttons a.btn{
		padding:12px 20px; 
		font-size:100%; line-height:1;
		margin-left:10px; margin-right:10px;
	}
@media screen and (max-width:320px){/* i5 */
	.buttons input[type=submit], .buttons input[type=button], .buttons input[type=reset], .buttons a.btn{
		padding-left:15px; padding-right:15px;
		margin-left:5px; margin-right:5px;
	}
}

/*-------------------------------------------
Table (list)
-------------------------------------------*/
.table-list{
	margin:0 auto;
	border-collapse:collapse;
}
	.table-list caption{
		text-align:left;
		font-size:1.25rem; font-weight:700;
		color:#004097;
		border-bottom:2px solid #b9d4ec;
	}
	.table-list thead th{
		font-size:.875rem; line-height:1.2;
		color:#000;
		background-color:#e7f5fe;
		border-bottom:2px solid #a9d2ed;
		border-left:1px solid rgba(0,0,0,.07);
		padding:5px;
	}
	.table-list thead th:nth-child(1){
		border-left:none;
	}
	.table-list tbody th{
		font-size:.875rem;
		border-bottom:1px solid #c6daeb; 
		background-color:#f5fbff; 
		text-align:right;
		padding:10px 5px;
	}
	.table-list tbody tr:nth-child(even){
		background-color:#f5f5f5;
	}
	.table-list tbody td{
		border-bottom:1px solid #e3e3e3;
		border-left:1px solid #eee;
		position:relative;
		font-size:.875rem; line-height:1.3;
		word-break:break-all;
		padding:10px 5px;
	}
	.table-list tbody td:first-child{
		border-left:none;
	}
}
/*-------------------------------------------
Table (content)
-------------------------------------------*/
.table-content{
	margin:0 auto;
	border-collapse:collapse;
}
	.table-content caption{
		text-align:left;
		font-size:1.25rem; font-weight:700;
		color:#004097;
		border-bottom:2px solid #b9d4ec;
		padding:5px 0;
	}
	.table-content th, .table-content td{
		padding:5px 10px;
	}
	.table-content thead th{
		font-size:.875rem;
		color:#000;
		border-bottom:1px solid #c6daeb; 
		background-color:#f5fbff; 
		text-align:center;
	}
	.table-content tbody th{
		font-size:.875rem;
		color:#000;
		background-color:#f0f9ff;
		border-bottom:1px solid #b9d4ec;
		text-align:right;
	}
	.table-content tbody tr:first-child th{
		border-top:1px solid #b9d4ec;
	}
	.table-content tbody td{
		border-bottom:1px solid #e3e3e3; 
		height:40px;
		position:relative;
		border-left:1px solid #e3e3e3;
		word-break:break-all;
		text-align:left;
	}
	.table-content tbody tr:first-child td{
		border-top:1px solid #e3e3e3;
	}
	.table-content tbody tr td:first-child{
		border-left:none;
	}
@media screen and (max-width:568px){/* i5 Landscape */
	.table-content{
		border-bottom:1px solid #ccc;
	}
		.table-content tbody tr:first-child td{
			border:none;
		}
		.table-content tr,
		.table-content tbody th,
		.table-content tbody td{
			display:block;
			width:100%;
			text-align:left;
			height:auto;
			border:0;
		}
		.table-content tbody td{
			min-height:32px;
			padding-bottom:15px;
		}
			.table-content .explanation{
				display:block;
				margin-top:5px;
			}
}

/*-------------------------------------------
Page 分頁
-------------------------------------------*/
.page{
	font-size:13px; 
	margin:15px auto;
	text-align:center; 
	clear:both;
}
	.page span a, .page span a:hover, .page .current, .page .disabled{
		display:inline-block;
		vertical-align:top;
		padding:3px 3px;
		margin:2px 0;
		border-radius:5px;
	}
	.page a{
		color:#333; 
		background-color:#fff;
		border:1px solid #ccc;
		text-decoration:none;
	}
	.page a:hover{
		color:#fff;
		background:#008735;
		border:1px solid #008735;
	}
	.page .current{
		color:#111;
		background:none;
		border:1px solid transparent;
		font-weight:bold;
	}
	.page .disabled{
		color:#ddd;
		border:1px solid #ddd;
	}
	.page .pageTo{
		padding:3px 3px;
		margin:2px;
		width:50px;
	}

/*-------------------------------------------
Organized by
-------------------------------------------*/
.organized-by-container{
	padding:50px 0;
	background-color:#f5f5f5;
}
	.organized-by,
	.co-organized-by{
		display:inline-block;
		width:49%;
	}
	.organized-by{
		padding-left:30px;
	}
	.co-organized-by{
		padding-right:30px;
	}
		.organized-by-container .home-title{
			margin:0 0 20px;
			color:#111;
			font-size:1.5rem;
			display:inline-block;
			white-space:nowrap;
		}
			.organized__link{
				display:inline-block;
				vertical-align:top;
				width:70px;
				height:70px;
				margin-left:20px;
				-webkit-transition:.2s;transition:.2s;
			}
			.organized__link:hover{
				opacity:.65;
			}
				.organized__link img{
					width:100%;
				}
@media screen and (max-width:568px){/* i5 Landscape */
	.organized-by-container .home-title{
		display:block;
	}
}
@media screen and (max-width:430px){/* i14 Pro Max */
	.organized-by-container{
		padding:40px 0;
	}
		.organized-by-container .home-title{
			display:block;
			width:auto;
			margin-bottom:15px;
			font-size:5vw;
		}
		.organized__link{
			margin-left:0;
		}
}

/*-------------------------------------------
Banners
-------------------------------------------*/
#banners{
	background-color:#fff;
	padding:35px 0;
	display:none;
}
	#banners ul{
		list-style:none; margin:0; padding:0;
	}
		#banners ul li{
			float:left;
			width:20%;
			position:relative;
			text-align:center;
			padding:10px 0;
			transition:.3s;
		}
			#banners ul li a{
				display:inline-block;
				width:170px;
			}
				#banners ul li img{
					max-width:100%;
					-webkit-transition:.2s;transition:.2s;
				}
				#banners ul li a:hover img{
					opacity:.65;
				}
@media screen and (max-width:926px){/* i12 Pro Max, i13 Pro Max Landscape */
	#banners ul li{
		width:25%;
		padding:10px 0;
	}
		#banners ul li a{
			width:170px;
		}
}
@media screen and (max-width:736px){/* i6+, i7+, i8+ Landscape */
	#banners ul li a{
		width:150px;
	}
}
@media screen and (max-width:667px){/* i6, i7, i8, iX Landscape */
	#banners ul li a{
		width:130px;
	}
}
@media screen and (max-width:640px){/* Xiaomi 2S Landscape */
	#banners ul li{
		width:33.33333%;
	}
		#banners ul li a{
			width:170px;
		}
}
@media screen and (max-width:430px){/* i14 Pro Max */
	#banners ul li{
		width:50%;
	}
}
@media screen and (max-width:375px){/* i6, i7, i8, iX */
	#banners ul li a{
		width:150px;
	}
}
@media screen and (max-width:320px){/* i5 */
	#banners ul li a{
		width:130px;
	}
}

/*-------------------------------------------
Footer
-------------------------------------------*/
footer{
	position:relative;
	margin:0 auto;
	color:#fff;
	font-size:.875rem; line-height:1.5;
	text-align:center;
	padding:20px 15px;
}
	footer .copyright{
		
	}
	footer .recommend{
		font-size:.75rem;
		opacity:.5;
	}
	footer .huaweb a{
		color:#fff;
		font-size:.75rem;
		opacity:.2;
	}
	footer .huaweb a:hover{
		opacity:.7;
	}
@media screen and (max-width:926px){/* i12 Pro Max, i13 Pro Max Landscape */
	footer .recommend{
		display:none;
	}
}
