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

*{position:relative;}

html,body {
	margin: 0px;
	padding: 0px;
	height: 100%;
	box-sizing:border-box;
}

img{
	display: block;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

p{margin:0;}

/*utility*/
.u-clear{clear:both;}

.u-mt-80{margin-top:80px;}

@media screen and (min-width:768px){
.box{width:1200px; margin:0 auto;}

.describe{width: 938px;
margin:80px auto;
padding:8px 16px;
border:solid 2px #752a37;
color:#c11a44;
font-family:"微軟正黑體", Verdana;
font-size:24px;
font-weight:bold;
line-height:40px;}	

.content{
	width: 900px;
	margin:0 auto 80px auto ;
	height:auto ;
	overflow:hidden;}
	
.content_title{
	text-align:center;
	color:#601813;
	font-size:28px;
	font-family:"微軟正黑體", Verdana;
	font-weight:bolder;
	margin-bottom:40px;
	}
	
.content_title:before{
	content:"";
		width:30%;
		height: 2px;
		background-color:#601813;
		display:inline-block;
		position:absolute;
		top:50%;
		left:0;
	}
	
.content_title:after{
	content:"";
		width:30%;
		height: 2px;
		background-color:#601813;
		display:inline-block;
		position:absolute;
		top:50%;
		right:0;
	}	

.content_up{text-align:left; overflow:hidden; }
.content_up ul{ list-style:none; margin:0; padding:0;}
.content_up li{ width: 29.33%; float:left; background-color: #fff; padding:0 2%;}
.content_up li img{ margin:0 auto;}

.content_down{text-align:center; margin-top:80px;}
.content_down ul{ list-style:none; margin:0; padding:0;}
.content_down li{ width: 40%; float:left; background-color: #fff; padding:0 5%;}
.content_down li img{ margin:0 auto;}

.line{width: 900px; margin:0 auto; height: 1px; background-color: #732936;}

.notice{width: 900px; margin:80px auto 0 auto;} 
.notice_title{color:#c11a44; font-family:"微軟正黑體", Verdana; font-size:32px; font-weight:bold; margin-bottom:24px;}
.notice_content{color:#565656; font-family:"微軟正黑體", Verdana; font-size:16px; line-height:32px; font-weight:bold;}

.join{width:100%; margin:80px auto; display:block;}
.join_s{ display:none;}

.btn{width: 600px; margin:80px auto 0 auto; height: auto ;}
	.btn1{width: 250px; 
		height: 80px; 
		background-image:url(../images/btn1.png); 
		background-repeat:no-repeat; 
		background-position:center; 
		float:left;
		color:#FFF;
		font-family:"微軟正黑體", Verdana;
		font-size:36px;
		font-weight:bolder;
		line-height:80px;
		text-align:center;
		text-decoration:none;}
		
	.btn2{width: 250px; 
		height: 80px; 
		background-image:url(../images/btn2.png); 
		background-repeat:no-repeat; 
		background-position:center; 
		float:right;
		color:#FFF;
		font-family:"微軟正黑體", Verdana;
		font-size:36px;
		font-weight:bolder;
		line-height:80px;
		text-align:center;
		text-decoration:none;}
		
	.foot{
		background-color:#972017;
		margin:80px 0 0 0;
		padding:10px;
		color:#ffcc66;
		font-size:18px;
		font-family:"微軟正黑體", Verdana;
		font-weight:bold;	
		text-align:center;}	 		

.text01{
	color:#c11a44;
	font-family:"微軟正黑體", Verdana;
	font-size:18px;
	font-weight:bold;
	line-height:30px;
	margin-top:40px;
	}
	
.text02{
	color:#601813;
	font-family:"微軟正黑體", Verdana;
	font-size:16px;
	font-weight:bold;
	line-height:30px;
	margin-top:20px;}
	
.text03{
	color:#601813;
	font-family:"微軟正黑體", Verdana;
	font-size:16px;
	font-weight:bold;
	line-height:30px;
	margin-top:20px;
	text-align:left;}
	
.text04{color:#c11a44; font-family:"微軟正黑體", Verdana; font-size:16px; line-height:32px; font-weight:bold; text-decoration:none;}			
	
}

/*
-------------**--------------------
*/

@media screen and (max-width:767px){
.box{width:100%; margin:0 auto;}

.top{}
.top img{width: 100%;}
.main{}
.main img{width: 100%;}

.describe{width: 80%;
margin:40px auto;
padding:8px 16px;
border:solid 2px #752a37;
color:#c11a44;
font-family:"微軟正黑體", Verdana;
font-size:18px;
font-weight:bold;
line-height:32px;}

.content{
	width: 80%;
	margin:0 auto;
	height:auto ;
	overflow:hidden;}
	
.content_title{
	text-align:center;
	color:#601813;
	font-size:20px;
	font-family:"微軟正黑體", Verdana;
	font-weight:bolder;
	margin-bottom:20px;
	}
	
.content_title:before{
	content:"";
		width:20%;
		height: 2px;
		background-color:#601813;
		display:inline-block;
		position:absolute;
		top:50%;
		left:0;
	}
	
.content_title:after{
	content:"";
		width:20%;
		height: 2px;
		background-color:#601813;
		display:inline-block;
		position:absolute;
		top:50%;
		right:0;
	}	

.content_up{overflow:hidden; }
.content_up ul{ list-style:none; margin:0 auto; padding:0;}
.content_up li{ width: 96%; background-color: #fff; padding:0 2%; margin-bottom:40px;}
.content_up li img{ margin:0 auto;}

.content_down{text-align:center;}
.content_down ul{ list-style:none; margin:0 auto; padding:0;}
.content_down li{ width: 96%; background-color: #fff; padding:0 2%; margin-bottom:40px;}
.content_down li img{ margin:0 auto;}

.line{width: 80%; margin:0 auto; height: 1px; background-color: #732936;}

.notice{width: 80%; margin:40px auto 0 auto;} 
.notice_title{color:#c11a44; font-family:"微軟正黑體", Verdana; font-size:32px; font-weight:bold; margin-bottom:24px;}
.notice_content{color:#565656; font-family:"微軟正黑體", Verdana; font-size:16px; line-height:32px; font-weight:bold;}

.join{display:none;}
.join_s{display:block; width: 100%; margin:80px auto;}
.join_s img{width: 100%;}

.btn{width: 80%; margin:50px auto 0 auto; height: auto ;}
	.btn1{width: 80%; 
		background-color: #bd7f31;
		border-radius:15px;
		color:#FFF;
		font-family:"微軟正黑體", Verdana;
		font-size:30px;
		font-weight:bolder;
		line-height:60px;
		text-align:center;
		text-decoration:none;
		display:block;
		margin:0 auto;
		box-shadow:2px 2px 3px rgba(0,0,0,0.5);}
		
	.btn2{width: 80%; 
		background-color: #45929a;
		border-radius:15px;
		color:#FFF;
		font-family:"微軟正黑體", Verdana;
		font-size:30px;
		font-weight:bolder;
		line-height:60px;
		text-align:center;
		text-decoration:none;
		display:block;
		margin:30px auto 0 auto;
		box-shadow:2px 2px 3px rgba(0,0,0,0.5);}
	
	.foot{
		background-color:#972017;
		margin:50px 0 0 0;
		padding:10px;
		color:#ffcc66;
		font-size:15px;
		font-family:"微軟正黑體", Verdana;
		font-weight:bold;	
		text-align:center;
		line-height:30px;}

.text01{
	color:#c11a44;
	font-family:"微軟正黑體", Verdana;
	font-size:20px;
	font-weight:bold;
	line-height:30px;
	margin-top:40px;
	text-align:center;
	}
	
.text02{
	color:#601813;
	font-family:"微軟正黑體", Verdana;
	font-size:16px;
	font-weight:bold;
	line-height:30px;
	margin-top:16px;
	}
	
.text03{
	color:#601813;
	font-family:"微軟正黑體", Verdana;
	font-size:16px;
	font-weight:bold;
	line-height:30px;
	margin-top:20px;
	text-align:left;}	

.text04{color:#c11a44; font-family:"微軟正黑體", Verdana; font-size:16px; line-height:32px; font-weight:bold; text-decoration:none;}	
	
}