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

body{
	width:100%;
	background-color:#f5f5f5;
	/*background-image:url(../images/grass-bg.jpg);*/
	background-repeat:repeat;
	margin:0 auto;
	font-family:"微軟正黑體", "新細明體";
	}

p{
	font-size:20px;
	line-height:35px;
}
.list a{
	display:block;
	width:70%;
	margin-left:15%;
    
	font-size:20px;
	line-height:25px;
	color:#333;
	text-decoration:none;
	padding-top:20px;
	padding-bottom:20px;
	border-bottom:1px #996 dotted;
	}
	
.list a:hover{
	color:#C33;
	text-decoration:none;
	}
.nav-list-off{
	display:none;}

	.keyvision{
	width:100%;
	height:auto;
	float:left;
	margin-top:50px;}
	
.size-off{
	display:block;}
.size-on{
	display:none;}	
	


.key-pic{
	width:100%;
	height:0;
	padding-bottom:45.2%;
	background-image:url(../images/kv.jpg);
	background-size:cover;
	margin-top:-30px;}




.sub-list{
	width:70%;
	height:100px;
	z-index:50;
	margin-top:-340px;
	float:left;
	text-align:center;
	margin-left:30%;

	}

.sub-list-pic{
	width:33%;
	float:left;
	text-align:center;
	}
	
.cown{
	width:100%;
	height:auto;
	margin:0 auto;
	text-align:center;
	float:left;
	
	}
.area{
	width:70%;
	height:auto;
	margin:0 auto;
	background-color:#f8f5ee;
	margin-top:-10px;
	border-radius:20px;
	float:left;
	margin-left:10%;
	padding:5%;
	margin-bottom:100px;
	}	

h4{
	font-size:32px;
	color:#c30d23;
	text-align:center;
		margin-bottom:3%;}
	
.txt2{
	font-size:18px;
	color:#333;
	text-align:left;
	line-height:26px;}

.team{
	width:31%;
	height:auto;
	float:left;

	margin-left:2%;
	}
	
.team2{
	width:45%;
	height:auto;
	float:left;

	margin-left:3%;
	}
.note{
	width:100%;
	height:auto;
	border-bottom:dotted #999 1px;
	padding:10px;
	margin-left:0%;
	float:left;
	margin-top:10px;
	margin-bottom:10px;

	}

.mission{
	width:27%;
	height:auto;
	background-color:#;
	border-radius:10px;
	float:left;
	margin-left:2%;
	padding:20px;
	margin-bottom:2%;
	border:dotted 1px #CCC;
	}


.date-left{
	width:65%;
	height:auto;
	float:left;
	}

.date-right{
	width:30%;
	height:auto;
	float:right;
	}
	
	
.note-left{
	width:40%;
	height:auto;
	float:left;
	}

.note-right{
	width:50%;
	height:auto;
	float:right;
	padding-left:5%;
	padding-right:5%;

	}
.note-txt{
	font-size:24px;
	line-height:34px;}
	
.date-all{
	width:100%;
	height:auto;
	float:left;
	
}

.yellow-title{
	width:150px;
	height:25px;
	padding:10px;
	background:#ffe200;
	color:#000;
	border-radius:20px;
	font-size:20px;
	text-align:center;
}

.run-mission{
	width:30%;
	height:auto;
	border:dotted 1px #333;
	float:left;
	margin-left:35%;
	color:#000;
	border-radius:10px;
	font-size:20px;
	text-align:center;
	padding:10px;
	margin-bottom:50px;
	
}

.mission-block{
	width:24%;
	height:auto;
	float:left;
	margin-left:1%;
	margin-top:20px;
	}


.go-mission{
	width:20%;
	height:auto;
	float:left;
	margin-left:9%;
	color:#fff;
	border-radius:10px;
	font-size:20px;
	text-align:center;
	padding:10px;
/*	background-color:#6cc198;
*/	margin-top:35px;
background-color:#999;}


.go-mission-done{
	width:20%;
	height:auto;
	float:left;
	margin-left:9%;
	color:#fff;
	border-radius:10px;
	font-size:20px;
	text-align:center;
	padding:10px;
/*	background-color:#6cc198;
*/	margin-top:35px;
background-color:#f33;}

.logo-all{
	width:80%;
	height:auto;
	float:left;
	text-align:center;
	margin-left:10%;
	margin-bottom:30px;
	margin-top:-60px;
}









.footer{
	width:100%;
	height:auto;
	background-color:#fff;
	font-family:"微軟正黑體", "新細明體";
	font-size:16px;
	color:#333;
	text-align:center;
	float:left;
	padding-top:50px;
	padding-bottom:150px;
	margin-bottom:0px;
	border-top:#ccc 1px solid;
}


	.close{
		text-align:right;
		 margin-top:0px;
		 float:right;
		 position:fixed;}



    .plan a{
		width:30%;
		border-radius:5px;
		padding:5px;
		border:#999 solid 1px;
		font-size:16px;
		text-align:center;
		float:left;
		margin-left:12%;
		text-decoration:none;
		color:#666;
		margin-bottom:10px;}
	
	    .plan a:hover{
		width:30%;
		border-radius:5px;
		padding:5px;
		border:#999 solid 1px;
		font-size:16px;
		text-align:center;
		float:left;
		margin-left:12%;
		background-color:#e3e3e3;
		margin-bottom:10px;}



    .plan2 a{
		width:30%;
		border-radius:5px;
		padding:5px;
		border:#999 solid 1px;
		font-size:16px;
		text-align:center;
		float:left;
		margin-left:12%;
		text-decoration:none;
		color:#666;}
	
	    .plan2 a:hover{
		width:30%;
		border-radius:5px;
		padding:5px;
		border:#999 solid 1px;
		font-size:16px;
		text-align:center;
		float:left;
		margin-left:12%;
		background-color:#e3e3e3;}


    .plan3 a{
		width:30%;
		border-radius:5px;
		padding:5px;
		border:#999 solid 1px;
		font-size:16px;
		text-align:center;
		float:left;
		margin-left:35%;
		text-decoration:none;
		color:#666;
		margin-top:30px;}
	
	    .plan3 a:hover{
		width:30%;
		border-radius:5px;
		padding:5px;
		border:#999 solid 1px;
		font-size:16px;
		text-align:center;
		float:left;
		margin-left:35%;
		background-color:#e3e3e3;
		margin-top:30px;
		color:#333;}

		


.{
	width:150px;
	height:25px;
	padding:5px;
	background:#74c1d4;
	color:#fff;
	border-radius:10px;
	font-size:16px;
	text-align:center;
	margin-right:5px;
}




.green-title{
	width:150px;
	height:25px;
	padding:5px;
	background:#74d476;
	color:#fff;
	border-radius:10px;
	font-size:16px;
	text-align:center;
	margin-right:5px;
}


.red-title{
	width:150px;
	height:25px;
	padding:5px;
	background:#d48174;
	color:#fff;
	border-radius:10px;
	font-size:16px;
	text-align:center;
	margin-right:5px;
	margin-left:-5px;
}


.txt a{
	font-size:20px;
	color:#333;
	text-decoration:none;

	 }
.txt a:hover{
	text-decoration:none;
	 }


.showbg{
	width:90%;
	height:auto;
	background-image:url(../images/popbg.jpg);

	margin-left:5%;
	margin-top:5%;
	text-decoration:none;
	padding-bottom:5%;
	float:left;}
	

.name-weight{
	font-weight:bold;}

@media only screen and (min-width: 1368px) and (max-width: 1600px) {


.size-off{
	display:block;}
.size-on{
	display:none;}	
	
	.keyvision{
	width:100%;
	height:auto;
	float:left;
	margin-top:100px;}

.key-pic{
	width:100%;
	height:0;
	padding-bottom:49.2%;
	background-image:url(../images/kv.jpg);
	background-size:cover;}





.sub-list{
	width:70%;
	height:100px;
	z-index:50;
	margin-top:-160px;
	float:left;
	text-align:center;
	margin-left:30%;

	}

.sub-list-pic{
	width:33%;
	float:left;
	text-align:center;
	}
	
.cown{
	width:100%;
	height:auto;
	margin:0 auto;
	text-align:center;
	float:left;
	
	}
.area{
	width:70%;
	height:auto;
	margin:0 auto;
	background-color:#f8f5ee;
	margin-top:-10px;
	border-radius:20px;
	float:left;
	margin-left:10%;
	padding:5%;
	margin-bottom:100px;
	}	

h4{
	font-size:32px;
	color:#c30d23;
	text-align:center;}
	
.txt2{
	font-size:18px;
	color:#333;
	text-align:left;
	line-height:26px;}
	

.team{
	width:45%;
	height:auto;
	float:left;

	margin-left:3%;
	}

.note{
	width:100%;
	height:auto;
	border-bottom:dotted #999 1px;
	padding:10px;
	margin-left:5%;
	float:left;
	margin-top:10px;
	margin-bottom:10px;

	}

.mission{
	width:27%;
	height:auto;
	background-color:#;
	border-radius:10px;
	float:left;
	margin-left:2%;
	padding:20px;
	border:dotted 1px #CCC;
	}




.note-left{
	width:40%;
	height:auto;
	float:left;
	}

.note-right{
	width:50%;
	height:auto;
	float:right;
	}
	


.date-left{
	width:65%;
	height:auto;
	float:left;
	}

.date-right{
	width:33%;
	height:;
	float:right;
}

	
.date-all{
	width:100%;
	height:auto;
	float:left;
}

.yellow-title{
	width:150px;
	height:25px;
	padding:10px;
	background:#ffe200;
	color:#000;
	border-radius:20px;
	font-size:20px;
	text-align:center;
}

.run-mission{
	width:30%;
	height:auto;
	border:dotted 1px #333;
	float:left;
	margin-left:35%;
	color:#000;
	border-radius:10px;
	font-size:20px;
	text-align:center;
	padding:10px;
	margin-bottom:50px;}

.mission-block{
	width:24%;
	height:200px;
	float:left;
	margin-left:1%;
	margin-top:20px;}


.go-mission{
	width:20%;
	height:auto;
	float:left;
	margin-left:10%;
	color:#fff;
	border-radius:10px;
	font-size:20px;
	text-align:center;
	padding:10px;
	/*background-color:#6cc198;*/
	background-color:#999;
	margin-top:30px;
	margin-top:50px;}

.logo-all{
	width:80%;
	height:auto;
	float:left;
	text-align:center;
	margin-left:10%;
	margin-bottom:30px;
	margin-top:-60px;
}


.footer{
	width:100%;
	height:auto;
	background-color:#fff;
	font-family:"微軟正黑體", "新細明體";
	font-size:16px;
	color:#333;
	text-align:center;
	float:left;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:0px;
	border-top:#ccc 1px solid;}	
	


    .plan a{
		width:20%;
		border-radius:5px;
		padding:5px;
		border:#999 solid 1px;
		font-size:16px;
		text-align:center;
		float:left;
		margin-left:5%;
		text-decoration:none;
		color:#666;}
	
	    .plan a:hover{
		width:20%;
		border-radius:5px;
		padding:5px;
		border:#999 solid 1px;
		font-size:16px;
		text-align:center;
		float:left;
		margin-left:5%;
		background-color:#e3e3e3;}



.{
	width:150px;
	height:25px;
	padding:5px;
	background:#74c1d4;
	color:#fff;
	border-radius:10px;
	font-size:16px;
	text-align:center;
	margin-right:5px;
}

.green-title{
	width:150px;
	height:25px;
	padding:5px;
	background:#74d476;
	color:#fff;
	border-radius:10px;
	font-size:16px;
	text-align:center;
	margin-right:5px;
}


.red-title{
	width:150px;
	height:25px;
	padding:5px;
	background:#d48174;
	color:#fff;
	border-radius:10px;
	font-size:16px;
	text-align:center;
	margin-right:5px;
}


    .plan a{
		width:40%;
		border-radius:5px;
		padding:5px;
		border:#999 solid 1px;
		font-size:16px;
		text-align:center;
		float:left;
		margin-left:5%;
		text-decoration:none;
		color:#666;
		margin-bottom:10px;}
	
	    .plan a:hover{
		width:40%;
		border-radius:5px;
		padding:5px;
		border:#999 solid 1px;
		font-size:16px;
		text-align:center;
		float:left;
		margin-left:5%;
		background-color:#e3e3e3;
		margin-bottom:10px;}



    .plan2 a{
		width:40%;
		border-radius:5px;
		padding:5px;
		border:#999 solid 1px;
		font-size:16px;
		text-align:center;
		float:left;
		margin-left:5%;
		text-decoration:none;
		color:#666;}
	
	    .plan2 a:hover{
		width:40%;
		border-radius:5px;
		padding:5px;
		border:#999 solid 1px;
		font-size:16px;
		text-align:center;
		float:left;
		margin-left:5%;
		background-color:#e3e3e3;}


    .plan3 a{
		width:40%;
		border-radius:5px;
		padding:5px;
		border:#999 solid 1px;
		font-size:16px;
		text-align:center;
		float:left;
		margin-left:30%;
		text-decoration:none;
		color:#666;
		margin-top:30px;}
	
	    .plan3 a:hover{
		width:40%;
		border-radius:5px;
		padding:5px;
		border:#999 solid 1px;
		font-size:16px;
		text-align:center;
		float:left;
		margin-left:30%;
		background-color:#e3e3e3;
		margin-top:30px;
		color:#333;}

	
}




@media only screen and (min-width: 1281px) and (max-width: 1367px) {
.size-off{
	display:block;}
.size-on{
	display:none;}	
	
	.keyvision{
	width:100%;
	height:auto;
	float:left;
	margin-top:100px;}

.key-pic{
	width:100%;
	height:0;
	padding-bottom:60.2%;
	background-image:url(../images/kv.jpg);
	background-size:cover;}





.sub-list{
	width:70%;
	height:100px;
	z-index:50;
	margin-top:-150px;
	float:left;
	text-align:center;
	margin-left:27%;

	}

.sub-list-pic{
	width:33%;
	float:left;
	text-align:center;
	}
	
.cown{
	width:100%;
	height:auto;
	margin:0 auto;
	text-align:center;
	float:left;
	
	}
.area{
	width:70%;
	height:auto;
	margin:0 auto;
	background-color:#f8f5ee;
	margin-top:-10px;
	border-radius:20px;
	float:left;
	margin-left:10%;
	padding:5%;
	margin-bottom:100px;
	}	

h4{
	font-size:32px;
	color:#c30d23;
	text-align:center;}
	
.txt2{
	font-size:18px;
	color:#333;
	text-align:left;
	line-height:26px;}
	

.team{
	width:45%;
	height:auto;
	float:left;

	margin-left:3%;
	}
.note{
	width:100%;
	height:auto;
	border-bottom:dotted #999 1px;
	padding:10px;
	margin-left:0%;
	float:left;
	margin-top:10px;
	margin-bottom:10px;

	}

.mission{
	width:26%;
	height:auto;
	background-color:#;
	border-radius:10px;
	float:left;
	margin-left:2%;

	padding:20px;
	border:dotted 1px #CCC;	
	}



.note-left{
	width:40%;
	height:auto;
	float:left;
	}

.note-right{
	width:50%;
	height:auto;
	float:right;
	}
	



.date-left{
	width:65%;
	height:auto;
	float:left;
	}

.date-right{
	width:33%;
	height:;
	float:right;
}
	
.date-all{
	width:100%;
	height:auto;
	float:left;
}

.yellow-title{
	width:150px;
	height:25px;
	padding:10px;
	background:#ffe200;
	color:#000;
	border-radius:20px;
	font-size:20px;
	text-align:center;
}

.run-mission{
	width:30%;
	height:auto;
	border:dotted 1px #333;
	float:left;
	margin-left:35%;
	color:#000;
	border-radius:10px;
	font-size:20px;
	text-align:center;
	padding:10px;
	margin-bottom:50px;}

.mission-block{
	width:24%;
	height:200px;
	float:left;
	margin-left:1%;
	margin-top:20px;}


.go-mission{
	width:20%;
	height:auto;
	float:left;
	margin-left:9%;
	color:#fff;
	border-radius:10px;
	font-size:20px;
	text-align:center;
	padding:10px;
	/*background-color:#6cc198;*/
	background-color:#999;
	margin-top:30px;
	margin-top:50px;}

.logo-all{
	width:80%;
	height:auto;
	float:left;
	text-align:center;
	margin-left:10%;
	margin-bottom:30px;
	margin-top:-60px;
}


.footer{
	width:100%;
	height:auto;
	background-color:#fff;
	font-family:"微軟正黑體", "新細明體";
	font-size:16px;
	color:#333;
	text-align:center;
	float:left;
	padding-top:50px;
	padding-bottom:130px;
	margin-bottom:0px;
	border-top:#ccc 1px solid;}	

	.close{
		text-align:right;
		margin-top:-23px;
		margin-bottom:-30px;
}



    .plan a{
		width:30%;
		border-radius:5px;
		padding:5px;
		border:#999 solid 1px;
		font-size:16px;
		text-align:center;
		float:left;
		margin-left:8%;
		text-decoration:none;
		color:#666;
		margin-bottom:20px;}
	
	    .plan a:hover{
		width:30%;
		border-radius:5px;
		padding:5px;
		border:#999 solid 1px;
		font-size:16px;
		text-align:center;
		float:left;
		margin-left:8%;
		background-color:#e3e3e3;
		margin-bottom:20px;}




    .plan-mv a{
		width:50%;
		border-radius:5px;
		padding:5px;
		border:#999 solid 1px;
		font-size:16px;
		text-align:center;
		float:left;
		margin-left:8%;
		text-decoration:none;
		color:#666;
		margin-bottom:20px;}
	
	    .plan-mv a:hover{
		width:50%;
		border-radius:5px;
		padding:5px;
		border:#999 solid 1px;
		font-size:16px;
		text-align:center;
		float:left;
		margin-left:8%;
		background-color:#e3e3e3;
		margin-bottom:20px;}



.{
	width:150px;
	height:25px;
	padding:5px;
	background:#74c1d4;
	color:#fff;
	border-radius:10px;
	font-size:16px;
	text-align:center;
	margin-right:5px;
}

.green-title{
	width:150px;
	height:25px;
	padding:5px;
	background:#74d476;
	color:#fff;
	border-radius:10px;
	font-size:16px;
	text-align:center;
	margin-right:5px;
}


.red-title{
	width:150px;
	height:25px;
	padding:5px;
	background:#d48174;
	color:#fff;
	border-radius:10px;
	font-size:16px;
	text-align:center;
	margin-right:5px;
}


}

/*手機*/	
@media screen and (max-width:820px){
	
.nav-list-off{
	display:block;}
.size-off{
	display:none;}
.size-on{
	display:block;}	
	
	.keyvision{
	width:100%;
	height:auto;
	float:left;
	margin-top:120px;
	margin-bottom:50px;
	margin-left:0px;}

.key-pic{
	width:100%;
	height:0;
	padding-bottom:152.68%;
	background-image:url(../images/kv-m.jpg);
	background-size:cover;
	margin-top:-50px;
	
	}



.sub-list{
	width:50%;
	height:100px;
	z-index:50;
	margin-top:-100px;
	float:left;
	text-align:center;
	margin-left:25%;
	margin-bottom:200px;

	}

.sub-list-pic{
	width:100%;
	float:left;
	text-align:center;
	padding-top:20px;
	}
	
.cown{
	width:100%;
	height:auto;
	margin:0 auto;
	text-align:center;
	float:left;
	
	}
.area{
	width:80%;
	height:auto;
	margin:0 auto;
	background-color:#f8f5ee;
	margin-top:-12px;
	border-radius:20px;
	float:left;
	margin-left:5%;
	padding:5%;
	margin-bottom:100px;
	}	

h4{
	font-size:32px;
	color:#c30d23;
	text-align:center;}
	
.txt2{
	font-size:18px;
	color:#333;
	text-align:left;
	line-height:26px;}
	

.team{
	width:100%;
	height:auto;
	float:left;

	margin-left:0%;
	}
	
	
.team2{
	width:95%;
	height:auto;
	float:left;

	margin-left:7%;
	}

.note{
	width:100%;
	height:auto;
	border-bottom:dotted #999 1px;
	padding:10px;
	margin-left:0%;
	float:left;
	margin-top:10px;
	margin-bottom:10px;

	}

.mission{
	width:90%;
	height:auto;
	background-color:#;
	border-radius:10px;
	float:left;
	margin-left:0%;
	padding:20px;
	border:dotted 1px #CCC;	
	}


.date-left{
	width:100%;
	height:auto;
	float:left;
	}


.note-left{
	width:100%;
	height:auto;
	float:left;
	}

.note-right{
	width:100%;
	height:auto;
	float:right;
	
	}
	


.date-right{
	width:100%;
	height:auto;
	float:left;
	
		margin-bottom:50px;
}
	
.date-all{
	width:100%;
	height:auto;
	float:left;
}

.yellow-title{
	width:150px;
	height:25px;
	padding:10px;
	background:#ffe200;
	color:#000;
	border-radius:20px;
	font-size:20px;
	text-align:center;
}

.run-mission{
	width:80%;
	height:auto;
	border:dotted 1px #333;
	float:left;
	margin-left:8%;
	color:#000;
	border-radius:10px;
	font-size:20px;
	text-align:center;
	padding:10px;
	margin-bottom:50px;}

.mission-block{
	width:40%;
	height:auto;
	float:left;
	margin-left:;
	margin-top:20px;
	margin-left:10%;}


.go-mission{
	width:80%;
	height:auto;
	float:left;
	margin-left:10%;
	color:#fff;
	border-radius:10px;
	font-size:20px;
	text-align:center;
	padding:10px;
	/*background-color:#6cc198;*/
	background-color:#999;
	margin-top:20px;
	margin-bottom:20px;
	}

.logo-all{
	width:80%;
	height:auto;
	float:left;
	text-align:center;
	margin-left:10%;
	margin-bottom:30px;
	margin-top:-60px;
}

    .plan a{
		width:80%;
		border-radius:5px;
		padding:5px;
		border:#999 solid 1px;
		font-size:16px;
		text-align:center;
		float:left;
		margin-left:6%;
		text-decoration:none;
		color:#666;
		margin-bottom:20px;}
	
	    .plan a:hover{
		width:80%;
		border-radius:5px;
		padding:5px;
		border:#999 solid 1px;
		font-size:16px;
		text-align:center;
		float:left;
		margin-left:6%;
		background-color:#e3e3e3;
		margin-bottom:20px;}




    .plan2 a{
		width:80%;
		border-radius:5px;
		padding:5px;
		border:#999 solid 1px;
		font-size:16px;
		text-align:center;
		float:left;
		margin-left:6%;
		text-decoration:none;
		color:#666;
		margin-bottom:20px;}
	
	    .plan2 a:hover{
		width:80%;
		border-radius:5px;
		padding:5px;
		border:#999 solid 1px;
		font-size:16px;
		text-align:center;
		float:left;
		margin-left:6%;
		background-color:#e3e3e3;
		margin-bottom:20px;}
		
		.list a{
	display:block;
	width:90%;
	margin-left:5%;
    
	font-size:20px;
	line-height:25px;
	color:#333;
	text-decoration:none;
	padding-top:20px;
	padding-bottom:20px;
	border-bottom:1px #996 dotted;
	}
	
.list a:hover{
	color:#C33;
	text-decoration:none;
	}
	
.footer{
	width:100%;
	height:auto;
	background-color:#fff;
	font-family:"微軟正黑體", "新細明體";
	font-size:16px;
	color:#333;
	text-align:center;
	float:left;
	padding-top:30px;
	padding-bottom:80px;
	margin-bottom:0px;
	border-top:#ccc 1px solid;}	
	
}

/*平板橫*/
@media only screen and (min-width: 821px)and (max-width:1280px){
.size-off{
	display:block;}
.size-on{
	display:none;}	
	
	.keyvision{
	width:100%;
	height:auto;
	float:left;
	margin-top:120px;}

.key-pic{
	width:100%;
	height:0;
	padding-bottom:65.2%;
	background-image:url(../images/kv-pad.jpg);
	background-size:cover;
	margin-top:-50px;}





.sub-list{
	width:70%;
	height:100px;
	z-index:50;
	margin-top:-100px;
	float:left;
	text-align:center;
	margin-left:30%;

	}

.sub-list-pic{
	width:33%;
	float:left;
	text-align:center;
	}
	
.cown{
	width:100%;
	height:auto;
	margin:0 auto;
	text-align:center;
	float:left;
	
	}
.area{
	width:70%;
	height:auto;
	margin:0 auto;
	background-color:#f8f5ee;
	margin-top:-10px;
	border-radius:20px;
	float:left;
	margin-left:10%;
	padding:5%;
	margin-bottom:100px;
	}	

h4{
	font-size:32px;
	color:#c30d23;
	text-align:center;}
	
.txt2{
	font-size:18px;
	color:#333;
	text-align:left;
	line-height:26px;}
	

.team{
	width:45%;
	height:auto;
	float:left;

	margin-left:3%;
	}
.note{
	width:100%;
	height:auto;
	border-bottom:dotted #999 1px;
	padding:10px;
	margin-left:0%;
	float:left;
	margin-top:10px;
	margin-bottom:10px;

	}

.mission{
	width:25%;
	height:auto;
	background-color:#;
	border-radius:10px;
	float:left;
	margin-left:2%;
	padding:20px;
	border:dotted 1px #CCC;	
	}


.date-left{
	width:65%;
	height:auto;
	float:left;
	}

.date-right{
	width:33%;
	height:;
	float:right;
}
	
.date-all{
	width:100%;
	height:auto;
	float:left;
}

.yellow-title{
	width:150px;
	height:25px;
	padding:10px;
	background:#ffe200;
	color:#000;
	border-radius:20px;
	font-size:20px;
	text-align:center;
}

.run-mission{
	width:30%;
	height:auto;
	border:dotted 1px #333;
	float:left;
	margin-left:35%;
	color:#000;
	border-radius:10px;
	font-size:20px;
	text-align:center;
	padding:10px;
	margin-bottom:50px;}

.mission-block{
	width:24%;
	height:200px;
	float:left;
	margin-left:1%;
	margin-top:20px;}


.go-mission{
	width:25%;
	height:auto;
	float:left;
	margin-left:5%;
	color:#fff;
	border-radius:10px;
	font-size:20px;
	text-align:center;
	padding:10px;
	/*background-color:#6cc198;*/
	background-color:#999;
	margin-bottom:30px;
	margin-top:30px;}

.logo-all{
	width:80%;
	height:auto;
	float:left;
	text-align:center;
	margin-left:10%;
	margin-bottom:30px;
	margin-top:-60px;
}


.footer{
	width:100%;
	height:auto;
	background-color:#fff;
	font-family:"微軟正黑體", "新細明體";
	font-size:16px;
	color:#333;
	text-align:center;
	float:left;
	padding-top:10px;
	padding-bottom:10px;
	margin-bottom:0px;
	border-top:#ccc 1px solid;}	
	

    .plan a{
		width:90%;
		border-radius:5px;
		padding:5px;
		border:#999 solid 1px;
		font-size:16px;
		text-align:center;
		float:left;
		margin-left:5%;
		margin-bottom:20px;
		text-decoration:none;
		color:#666;}
	
	    .plan a:hover{
		width:90%;
		border-radius:5px;
		padding:5px;
		border:#999 solid 1px;
		font-size:16px;
		text-align:center;
		float:left;
		margin-left:5%;
				margin-bottom:20px;

		background-color:#e3e3e3;}




    .plan2 a{
		width:90%;
		border-radius:5px;
		padding:5px;
		border:#999 solid 1px;
		font-size:16px;
		text-align:center;
		float:left;
		margin-left:5%;
		margin-bottom:20px;
		text-decoration:none;
		color:#666;}
	
	    .plan2 a:hover{
		width:90%;
		border-radius:5px;
		padding:5px;
		border:#999 solid 1px;
		font-size:16px;
		text-align:center;
		float:left;
		margin-left:5%;
				margin-bottom:20px;

		background-color:#e3e3e3;}


	.close{
		text-align:right;
		 margin-top:-20px;}	
	
	}

/*平板直*/
@media  screen and (min-width: 641px) and (max-width:768px) {
	
.nav-list-off{
	display:block;}
.size-off{
	display:none;}
.size-on{
	display:block;}	
	
	.keyvision{
	width:100%;
	height:auto;
	float:left;
	margin-top:110px;
	margin-bottom:50px;
	margin-left:0px;}

.key-pic{
	width:100%;
	height:0;
	padding-bottom:152.68%;
	background-image:url(../images/kv-m.jpg);
	background-size:cover;
	margin-top:-50px;
	
	}



.sub-list{
	width:100%;
	height:100px;
	z-index:50;
	margin-top:-220px;
	float:left;
	text-align:center;
	margin-left:10%;
	margin-bottom:50px;

	}

.sub-list-pic{
	width:40%;
	float:left;
	text-align:center;
	padding-top:10px;
	}
	
.cown{
	width:100%;
	height:auto;
	margin:0 auto;
	text-align:center;
	float:left;
	
	}
.area{
	width:80%;
	height:auto;
	margin:0 auto;
	background-color:#f8f5ee;
	margin-top:-10px;
	border-radius:20px;
	float:left;
	margin-left:5%;
	padding:5%;
	margin-bottom:100px;
	}	

h4{
	font-size:32px;
	color:#c30d23;
	text-align:center;}
	
.txt2{
	font-size:20px;
	color:#333;
	text-align:left;
	line-height:30px;}
	

.team{
	width:100%;
	height:auto;
	float:left;

	margin-left:0%;
	}
.note{
	width:90%;
	height:auto;
	border-bottom:dotted #999 1px;
	padding:10px;
	margin-left:5%;
	float:left;
	margin-top:10px;
	margin-bottom:10px;

	}

.mission{
	width:90%;
	height:auto;
	background-color:#;
	border-radius:10px;
	float:left;
	margin-left:0%;
	padding:20px;
	border:dotted 1px #CCC;	
	}


.date-left{
	width:100%;
	height:auto;
	float:left;
	}

.date-right{
	width:100%;
	height:auto;
	float:left;
	
		margin-bottom:50px;
}
	
.date-all{
	width:100%;
	height:auto;
	float:left;
}

.yellow-title{
	width:150px;
	height:25px;
	padding:10px;
	background:#ffe200;
	color:#000;
	border-radius:20px;
	font-size:20px;
	text-align:center;
}

.run-mission{
	width:80%;
	height:auto;
	border:dotted 1px #333;
	float:left;
	margin-left:8%;
	color:#000;
	border-radius:10px;
	font-size:20px;
	text-align:center;
	padding:10px;
	margin-bottom:50px;}

.mission-block{
	width:40%;
	height:auto;
	float:left;
	margin-left:;
	margin-top:20px;
	margin-left:10%;}


.go-mission{
	width:80%;
	height:auto;
	float:left;
	margin-left:10%;
	color:#fff;
	border-radius:10px;
	font-size:20px;
	text-align:center;
	padding:10px;
	/*background-color:#6cc198;*/
	background-color:#999;
	margin-top:30px;
	margin-bottom:10px;
	}

.logo-all{
	width:80%;
	height:auto;
	float:left;
	text-align:center;
	margin-left:10%;
	margin-bottom:30px;
	margin-top:-60px;
}
	


    .plan a{
		width:30%;
		border-radius:5px;
		padding:5px;
		border:#999 solid 1px;
		font-size:16px;
		text-align:center;
		float:left;
		margin-left:12%;
		text-decoration:none;
		color:#666;}
	
	    .plan a:hover{
		width:30%;
		border-radius:5px;
		padding:5px;
		border:#999 solid 1px;
		font-size:16px;
		text-align:center;
		float:left;
		margin-left:12%;
		background-color:#e3e3e3;}	

	}