@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
/* CSS Document */
body, dl, dt, dd, td, th, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, textarea, p, blockquote {
	margin: 0;
	padding: 0;
	word-wrap:break-word;
	/* word-wrap:break-word; */
}
html,body {
	font-family: "Noto Sans TC", sans-serif;
	font-size:16px;
	width:100%;
	height:100%;
	-ms-overflow-style: scrollbar;
	background:#DBDBDB;
}
a:link {
	color:#C8C9CA;
	text-decoration: none;
}
a:visited {
	color:#C8C9CA;
	text-decoration: none;
}
a:hover {
	color:#FFF;
	text-decoration: none;
}
a:active {
	color:#C8C9CA;
	text-decoration: none;
}
@-ms-viewport {
  width: device-width;
}

/* 三欄式自動調幅版面--------------------------------------------- */

#header {
	width:100%;
	height:93px;
	position:fixed;
	top:0;
	z-index:10000;
	background: rgba(0,110,154,0.8);
	padding-top:10px;
}
	.header {
		width:1000px;
		margin:auto;
		text-align:left;
	}
	.header_1 {
		width:300px;
		float:left;
	}
	.header_2 {
		position:relative;
		width:700px;
		float:left;
		text-align:right;
	}
	.header_2 ul {
		list-style:none;
		margin-top:36px;
	}
	.header_2 ul li {
		display:inline-block;
		font-size:18px;
		margin-right:36px;
	}
	.header_2 ul li:last-child {
		margin-right:0;
	}
	.lang {
		position:absolute;
		right:0;
		top:0px;
	}
		.lang1 {
			width:20px;
			height:20px;
			line-height:20px;
			text-align:center;
			font-size:12px;
			border:1px solid #C8C9CA;
			border-radius:50%;
			display:inline-block;
			margin-left:2px;
			color:#C8C9CA;
		}
		.lang1:hover {
			border:1px solid #FFF;
			color:#FFF;
		}


#content {
	width: 100%;
	min-width:1000px;
	overflow:hidden;
}
	.block1 {
		position:relative;
		width:100%;
		height:1000px;
		opacity: 0;
		margin-top: 50px;
	}
	.block2 {
		position:relative;
		width:100%;
		height:1000px;
		opacity: 0;
		margin-top: 50px;
	}
	.block3 {
		position:relative;
		width:100%;
		height:1000px;
		opacity: 0;
		margin-top: 50px;
	}
	.block1_link {
		width:100%;
		position:absolute;
		bottom:50px;
		text-align:center;
		color: #FFF;
	}

	.about_header {
		position: relative;
		width: 600px;
		height: 28px;
		text-align: center;
		margin: auto;
		font-size: 22px;
	}
	.about_1 {
		width: 170px;
		height: 9px;
		margin-top: 15px;
		border-top:1px solid #FFF;
		float: left;
	}
	.about_2 {
		width:260px;
		float: left;
		font-size: 22px;
		text-align: center;
	}

.index_clear {
	height:44px;
	clear:both;
}
.index_clear2 {
	height:44px;
	clear:both;
	background: #FFF;
}
.button1 {
	width: 120px;
	height: 33px;
	border:1px solid #FFF;
	color: #FFF;
	font-size: 16px;
	cursor: pointer;
	text-align: left;
	padding-left: 12px;
	line-height: 32px;
}
.button1:hover {
	animation:TestMove 0.5s forwards; /*IE*/
  -moz-animation:TestMove 0.5s forwards; /*FireFox*/
  -webkit-animation:TestMove 0.5s forwards; /*Chrome, Safari*/
}
@keyframes TestMove{
	from { background: none;}
	to { background: #006E9A; border: 1px solid #006E9A; }
}
@-moz-keyframes TestMove{
	from { background: none;}
	to { background: #006E9A; border: 1px solid #006E9A; }
}
@-webkit-keyframes TestMove{
	from { background: none;}
	to { background: #006E9A; border: 1px solid #006E9A; }
}
#footer {
	width:100%;
	height: 250px;
	background:#006e9a url(../images/footer_bg2.jpg) top center no-repeat;
}

	.footer {
		width:1000px;
		text-align:center;
		margin:auto;
		overflow:hidden;
		padding-top: 30px;
	}