@charset "UTF-8";
/* CSS Document */

html,body {
	margin: 0;
	width: 100%;
	height: 100%;
	font-family: "Microsoft JhengHei", Arial, Helvetica, sans-serif;
	background:#25cbd3;
}

a:link {
	color:#FFF;
	text-decoration: none;
}
a:visited {
	color:#FFF;
	text-decoration: none;
}
a:hover {
	color:#c2c2c2;
	text-decoration: none;
}
a:active {
	color:#FFF;
	text-decoration: none;
}


#header {
	width:1000px;
	margin:auto;
	text-align:center;
	position:relative;
	min-height:205px;
}

	.logo {
		font-size:45px;
		color:#FFF;
	}
	
	.menu {
		width:1000px;
		margin:0;
		text-align:center;
		padding-top:60px;
		font-size:18px;
		position:relative;
	}
	
	.menu_1 {
		width:165px;
		height:72px;
		background:url(../images/menu_under.jpg) center bottom no-repeat;
		float:left;
		text-align:center;
		-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
	}
	
		.lang {
			position:absolute;
			right:9px;
			top:100px;
		}
			.lang1 {
				width:26px;
				height:26px;
				border-radius:13px;
				background:#c2c2c2;
				text-align:center;
				line-height:26px;
				float:left;
				font-size:14px;
			}
			.lang1:hover {
				background:#929292;
			}
			.lang1 a {
				color:#FFF;
			}
			.lang2 {
				width:26px;
				height:26px;
				border-radius:13px;
				background:#c2c2c2;
				text-align:center;
				line-height:26px;
				float:left;
				font-size:14px;
				margin-left:7px;
			}
			.lang2:hover {
				background:#929292;
			}
			.lang2 a {
				color:#FFF;
			}
			
		.arrow1 {
			width:46px;
			height:60px;
			position:absolute;
			top:300px;
			left:0;
			margin-left:10px;
			z-index:9000;
			cursor:pointer;
			background:url(../images/arrow1_1.png) no-repeat;
		}
			.arrow1:hover {
				background:url(../images/arrow1_2.png) no-repeat;
			}
			
		.arrow2 {
			width:46px;
			height:60px;
			position:absolute;
			top:300px;
			right:0;
			margin-right:10px;
			z-index:9000;
			cursor:pointer;
			background:url(../images/arrow2_1.png) no-repeat;
		}
			.arrow2:hover {
				background:url(../images/arrow2_2.png) no-repeat;
			}
	@media only screen and (min-width: 1001px) {
		.arrow1 {
			width:46px;
			height:60px;
			position:absolute;
			top:300px;
			left:50%;
			margin-left:-550px;
			z-index:9000;
			cursor:pointer;
			background:url(../images/arrow1_1.png) no-repeat;
		}
			.arrow1:hover {
				background:url(../images/arrow1_2.png) no-repeat;
			}
			
		.arrow2 {
			width:46px;
			height:60px;
			position:absolute;
			top:300px;
			right:50%;
			margin-right:-550px;
			z-index:9000;
			cursor:pointer;
			background:url(../images/arrow2_1.png) no-repeat;
		}
			.arrow2:hover {
				background:url(../images/arrow2_2.png) no-repeat;
			}
	}
	
#banner {
	width:100%;
	min-width:1000px;
	margin:0;
	text-align:center;
	overflow:hidden;
	position:relative;
}
	.banner1 {
		width:100%;
		min-width:1000px;
		margin:auto;
		position:relative;
		text-align:center;
	}
		.word {
			width:1000px;
			position:absolute;
			top:0;
			left:50%;
			margin-left:-500px;
			z-index:10;
		}
		
		.bg {
			width:100%;
			min-width:1200px;
			position:relative;
			height:600px;
			background-size:1200px auto;
		}
		
		@media only screen and (min-width: 1200px) {
			.bg {
				width:100%;
				min-width:1000px;
				position:relative;
				height:1000px;
				background-size:auto;
			}
		}
		
.product_c {
	width:26px;
	height:26px;
	border-radius:26px;
	border:6px solid #c2c2c2;
}
.product_c:hover {
	border:6px solid #dadada;
}

#footer {
	width:1000px;
	margin:auto;
	text-align:center;
	height:410px;
	font-size:16px;
}
	.f_word {
		color:#FFF;
	}
	.f_clear {
		height:50px;
		clear:both;
	}