@charset "utf-8";
/* CSS Document */
body{
	margin:0; padding:0; font-size:1em; line-height:23px;font-family:"微軟正黑體", "新細明體",Arial, Helvetica, sans-serif;
	background-color:#8ec220;
}
.bg{
	background:url(../images/bg.jpg) no-repeat top center;
	min-height:730px;
}
.con_pos{
	position:relative;
}
.logo{
	position:absolute;
	width:100%;
	z-index:1000;
	top:50px;
}
.logo img{
	margin:0 auto;
}
.topicon{
	position:absolute;
	z-index:900;
	right:0;
	top:20px;	
}
.topicon ul{
	padding:0;
	margin:0;
	text-align:right;
}
.topicon li{
	list-style:none;
	display:inline;
	padding-left:2px;
	padding-right:2px;
}
.menu{
	position:absolute;
	z-index:800;
	top:200px;
	right:50%;
	margin-right:-25%;
}
.menu ul{
	padding:0;
	margin:0;
	text-align:right;
}
.menu li{
	list-style:none;
	display:block;
	padding-bottom:7px;
}
.person1{
	position:absolute;
	z-index:700;
	top:330px;
	right:11%;
}
.person2{
	position:absolute;
	z-index:700;
	top:395px;
	left:15%;
}
.lang{
	position:absolute;
	z-index:800;
	top:620px;
	left:30%;
}
.lang ul{
	padding:0;
	margin:0;
}
.lang li{
	list-style:none;
	display:inline;
	float:left;
	padding-left:10px;
	padding-right:10px;
}
.con_menu{
	position:absolute;
	z-index:800;
	top:150px;
	width:100%;
	text-align:center;
}
.con_menu ul{
	padding:0;
	margin:0;
	display:inline-block;
}
.con_menu li{
	list-style:none;
	display:inline-block;
	padding-left:2px;
	padding-right:2px;
}
.con_box{
	position:absolute;
	z-index:600;
	top:230px;
	width:660px;
	margin-left: -330px;
	left: 50%;
	text-align:left;
	border:5px solid #fff000;
	background-color:#fff;
	border-radius:20px;
	padding:10px 20px 10px 120px;
}
.con_box h3{
	margin:0;
	color:#c30d23;
	font-size:200%;
	font-weight:bold;
	text-align:center;
	padding-top:10px;
	padding-bottom:15px;
}
.con_box_div{
	font-size: 180%;
	color:#182987;
	line-height:38px;
	height:230px;
	overflow-x:hidden;overflow-y:auto
}
.con_box .con_text{
	text-align:right;
}
.con_box .con_text a{
	color:#fff;
	font-size:150%;
	background-color:#036eb7;
	border-radius:20px;
	padding:4px 22px;
}
.con_box .con_text a:hover{
	text-decoration:none;
}

@media screen and (max-width: 1200px) {
.person2{
	left:0px;
}	
}
@media screen and (max-width: 992px) {
.con_box{
	padding:10px 20px 10px 140px;
}	
}
@media screen and (max-width: 767px) {
.logo{
	width:inherit;
}
.logo img{
	width:80%;
}
.person1{
	display:none;
}
.person2{
	display:none;
}
.lang{
	left:10%;
}
.con_menu{
	width:inherit;
	top:130px;
}
.con_menu li{
	width:32%;
}
.con_box{
	width:90%;
	margin-left: -45%;
	padding:10px 20px;
	top:200px;
}	
}
@media screen and (max-width: 400px) {
.menu{
	right:0;
	margin-right:0;
	left:15%;
}
.lang{
	top:550px;
	left:25%;
}	
.lang li{
	display:block;
	padding-bottom:10px;
}
.con_box{
	top:180px;
}
}

/*下方網頁資訊*/
footer{
	background-color:#006934;
	border-bottom:15px solid #8dc21f;
	position:relative;
	padding-top:40px;
	padding-bottom:40px;
	color:#fff;
	font-size: 90%;
	line-height:25px;
}
footer a{
	color:#fff;
}
footer a:hover{
	color:#fff;
}
footer a:focus{
	color:#fff;
}
footer .qrcode,footer .A_plus{
	display:inline-block;
	float:right;
}
footer .A_plus{
	padding-top:45px;
	padding-right:15px;
}
input:focus{
border-color: #4987EC;
}
a:focus {
border: #4987EC solid 2px;
}
a{
 display: inline-block;
 border: 2px solid transparent;
}
img:focus {
border: #4987EC solid 2px;
}
select:focus ,input[type="password"]:focus,input[type="email"]:focus ,input[type="text"]:focus,input[type="submit"]:focus
,input[type="url"]:focus {
background:#D8E5FA;
}
input[type="submit"]:focus,input[type="button"]:focus,button[type="submit"]:focus,button[type="button"]:focus
,input[type="reset"]:focus {
border: #4987EC solid 2px;
}
input:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0 30px #4987EC inset;
}