html,body{
	font-family:'Microsoft JhengHei','敺株��迤暺煾��','sans-serif';
	font-size:16px;
	line-height:20px;
	padding:0;
	margin:0;
	overflow-x:hidden;
	
	}


a{
	font-family:'Microsoft JhengHei','敺株��迤暺煾��','sans-serif';}


p{
	font-size:16px;
	}

row{
	overflow:hidden;}

.copyright{
	height:80px;
	text-align:center;
	font-size:13px;
	margin-top:45px;
	color:#666;
	}
/*----------------- header   -----------------*/
.index_header{
	position:relative;
	display:block;
	}

.new_logo{
	position:relative;
	display:block;
	height:80px;
	margin-left:15%;}
	
.new_logo img{
	margin-top:22px;}


/*-----------------  banner   -----------------*/

.new_banner{
	position:relative;
	} 


.carousel-inner{
	display:block;
	height:0;
	padding-bottom:30%;}
	
.pre_arrow{
	position:relative;
	display:block;
	margin-top:80%;
	margin-left:20px;
	width:18%;
	height:18%;
	background-image:url(../image/arrow_pre.png);
	background-repeat:no-repeat;
	background-size:contain;}
	
	
.next_arrow{
	position:absolute;
	display:block;
	margin-top:80%;
	margin-left:72%;
	width:18%;
	height:18%;
	background-image:url(../image/arrow_next.png);
	background-repeat:no-repeat;
	background-size:contain;}
	

/*-----------------  �詨鱓   -----------------*/
.new_nav{
	position:relative;
	display:block;
	width:100%;
	top:-120px;
	left:0px;
	height:120px;
	background-image:url(../image/nav_bg.png);
	background-repeat:repeat;
	z-index:99999999;
	overflow:hidden;
}
	


	
.new_nav ul{
	position:relative;
	display:block;
	margin:5px auto;
	list-style:none;
	}
	
.new_nav ul li{
	display:block;
	float:left;
	width:19%;
	color:#FFF;
	text-align:center;
	font-size:16px;
	line-height:30px;
	font-family:'Microsoft JhengHei','敺株��迤暺煾��','sans-serif';}

.new_nav ul li a{
	display:block;
	color:#FFF;
	text-decoration:none;
	}

	
.nav_icon{
	position:relative;
	display:block;
	width:100%;
	margin-top:3%;
	left:50%;
	max-width:100px;
	margin-left:-53px;
	transition:all .5s;
	-webkit-transition:all .5s;
	-ms-transition:all .5s;
	-moz-transition:all .5s;		
	}


.new_nav ul li a:hover .nav_icon{
	display:block;
	color:#FFF;
	text-decoration:none;
	margin-top:0%;
	}

.icon_name{
	position:relative;
	display:block;
	top:83px;
	left:50px;

	}


	
	
/*-----------------------�蒈�亙�-----------------------*/


.sign_area{
	display:block;
	position:relative;
	margin-top:-50px auto;
	margin-bottom:50px;
	height:450px;
	float:left;
	margin:0 auto;
	padding:0;

	}



.index_tab{
	/*margin-top:-48px;*/}





.all{
	position:relative;
	display:block;
	width:100%;
	margin:0;
	padding:0;
	height:70px;}



.tab01,.tab02{
	position:relative;
	display:block;
	float:left;
	height:70px;
	width:50%;
	margin:0;
	padding:0;
	background-color:#FFF2E5;
	/*border-left:#d8d7d7 solid 1px;*/
	float:left;
	font-size:16px;
	font-weight:bold;
	}



.tab01 a,.tab02 a{
	display:block;
	width:100%;
	line-height:70px;
	height:70px;
	color:#333;
	text-align:center;
	text-decoration:none;}

	
.show_now{
	display:block;
	height:70px;
	width:48%;
	background-color:#FFF;
	border:none;
	}





/*------------------------------���摱�蒈�亥撓�交�------------------------------*/
.sign_form{
	position:relative;
	display:block;
	top:5px;
	padding-top:15px;
	width:65%;	
	height:auto;
	margin:0 auto;
	/*border-bottom:#d8d7d7 solid 1px;
	border-left:#d8d7d7 solid 1px;
	border-right:#d8d7d7 solid 1px;*/

	}


#show_show01{
	display:block;	
	}
	

#show_show02{
	display:none;	
	}


.sign_form table{
	margin-top:25px;
	padding-top:100px;}
	

.sign_form table td{
	height:30px;
	padding:5px;}

.h_15{
	display:block;
	height:5px;}

input {
	display:block;
	/*width:100%;*/
    border:#c0c0c0 solid 1px;
	line-height:30px;
}


.bold{
	font-weight:bold;}
	


.blue{
	color:#0a8ddf;
	display:block;
	text-decoration:none;}
	
a:hover.blue{
	text-decoration:none;
	color:#075586;
	}
	
.login_btn{
	display:block;
	margin-top:20px;
	width:100%;
	height:45px;
	line-height:45px;
	background-color:#d73537;
	color:#FFF;
	text-align:center;}
	
.login_btn a{
	display:block;
	width:100%;
	height:45px;
	color:#FFF;
	text-decoration:none;
	transition:all .5s;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;}

.login_btn a:hover{
	background-color:#b32c2d;}
	
/*------------------------------���摱隤滩�㕑�㗇��------------------------	*/
.change_form{
	position:relative;
	display:none;
	margin-top:-20px;
	width:100%;
	height:380px;
	border-bottom:#d8d7d7 solid 1px;
	border-left:#d8d7d7 solid 1px;
	border-right:#d8d7d7 solid 1px;
	border-top:none;
	}	
	
/*-----------------------��惩�交��摱 隞讠晶��-----------------------*/	
.info_area{
	position:relative;
	height:450px;
	padding:0;
	margin-top:-150px;
	}
	
.info_area h1{
	display:block;
	font-size:26px;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:20px;}
	
	
.info_area p{
	line-height:22px;}

.benfit{
	width:100%;
	height:120px;
	margin-top:50px;}

	
.benfit	ul{
	display:block;
	padding:0;
	width:100%;
	height:120px;}
	
.benfit	ul li{
	display:block;
	list-style:none;
	float:left;
	height:115px;
	width:22%;
	margin-right:3%;
	background-size:contain;
	font-size:14px;
	text-align:center;
	background-repeat:no-repeat;
	background-position:center;
	}
	

	
.benfit_icon_01{
	background-image:url(../image/benfit_01.png);
	transition:all .5s;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;}	
	
.benfit_icon_01:hover{
	background-image:url(../image/benfit_01_hover.png);}
	

.benfit_icon_02{
	background-image:url(../image/benfit_02.png);
	transition:all .5s;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;}	
	
.benfit_icon_02:hover{
	background-image:url(../image/benfit_02_hover.png);}

.benfit_icon_03{
	background-image:url(../image/benfit_03.png);
	transition:all .5s;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;}	


.benfit_icon_03:hover{
	background-image:url(../image/benfit_03_hover.png);}
	
.benfit_icon_04{
	background-image:url(../image/benfit_04.png);
	transition:all .5s;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;}	
	
	
.benfit_icon_04:hover{
	background-image:url(../image/benfit_04_hover.png);}	


.icon_text{
	position:relative;
	display:block;
	margin-top:130px;}
	
.icon_text span{
	display:block;
	margin-top:10px;
	color:#999999;}
	
	
.join_btn{
	position:relative;
	margin:130px auto;
	display:block;
	width:190px;
	height:45px;
	border:#eb4247 solid 1px;
	background-image:url(../image/join_arrow.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	line-height:45px;
	color:#eb4247;
	text-indent:40px;
	

	}
	
.join_btn a{
	display:block;
	color:#eb4247;
	transition:all .5s;
	text-decoration:none;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-ms-transition:all .5s;
	}
	
.join_btn a:hover{
	color:#FFF;
	text-indent:45px;
	background-image:url(../image/join_arrow_hover.png);
	text-decoration:none;
	background-position:10px 0px;}
	
	
	
/*-----------------------�綫�㵽瘣餃��-----------------------	*/
.event{
	position:relative;
	display:block;
	height:auto;
	padding-top:10px;
	padding-bottom:15px;
	min-height:480px;
	background-color:#f6ecec;}
	

	
	
.title{
	position:relative;
	margin:0 auto;
	font-size:26px;
	font-weight:bold;
	color:#ba021c;
	text-align:center;
	margin-top:40px;}	



.event_ad{
	margin-top:40px;
	}

.event_ad p{
	display:block;
	margin-top:15px;}

	
	
/* 憭扯攟撟� */

@media (min-width: 1200px) {


.info_area{
	position:relative;
	height:450px;
	padding:0;
	top:100px;
	}


.benfit{
	width:100%;
	height:120px;
	margin-top:30px;}

	
.benfit	ul{
	display:block;
	padding:0;
	width:100%;
	height:120px;}
	
.benfit	ul li{
	display:block;
	list-style:none;
	float:left;
	width:22%;
	height:115px;	
	margin-right:15px;
	background-size:contain;
	font-size:14px;
	text-align:center;
	background-repeat:no-repeat;
	background-position:center;
	}
	
.event_ad img{
	max-width:500px;}
	

.new_logo{
	position:relative;
	display:block;
	height:80px;
	margin-left:3%;}




}


/* 撟單踎�𤓖�艾��璈怠�烐�𧢲�笔�䔶���獢峕�蠘圾��𣂼漲 */

@media (min-width: 768px) and (max-width: 1199px){



.index_tab{
	/*margin-top:-60px;*/}






.new_nav{
	position:relative;
	display:block;
	width:100%;
	top:-80px;
	left:0px;
	height:80px;
	background-image:url(../image/nav_bg.png);
	background-repeat:repeat;
	z-index:99999999;
	overflow:hidden;}



.new_nav ul{
	position:relative;
	display:block;
	list-style:none;
	height:100%;
	top:-10px;
	display:block;}
	
.new_nav ul li{
	line-height:30px;}

.nav_icon img{
	max-width:60px;
	margin:0 auto;
	}	


.info_area{
	position:relative;
	margin-top:-60px;}


.event{
	position:relative;
	display:block;
	margin-top:60px;
	padding-top:8px;
	height:auto;
	background-color:#f6ecec;}
		
	
.new_nav ul{
	position:relative;
	display:block;
	margin:15px auto;
	list-style:none;
	}
	
.new_nav ul li{
	display:block;
	float:left;
	width:19%;
	color:#FFF;
	text-align:center;
	font-size:16px;
	line-height:30px;
	font-family:'Microsoft JhengHei','敺株��迤暺煾��','sans-serif';}

.new_nav ul li a{
	display:block;
	color:#FFF;
	text-decoration:none;
	}

.benfit{
	margin-top:0px;}

.join_btn{
	position:relative;
	top:20px;}




.new_logo{
	position:relative;
	display:block;
	height:80px;
	margin-left:3%;}
	

}




/* 璈怠�烐惣�扳�𧢲�笔�蝡芰�见像�踎�𤓖�西圾��𣂼漲 */
@media (max-width: 767px){


.index_tab{
	margin-top:-20px;}


.info_area{
	position:relative;
	height:450px;
	padding:0;
	top:-70px;
	
	}

.sign_area{
	display:block;
	z-index:999999999999999;}




.new_logo{
	position:relative;
	display:block;
	height:80px;
	margin-left:2%;}

.new_nav{
	position:relative;
	display:block;
	width:100%;
    top:0px;
	left:0px;
	height:120px;
	background-image:url(../image/nav_bg.png);
	background-repeat:repeat;
	z-index:99999999;
	overflow:hidden;}


.new_nav ul{
	position:relative;
	display:block;
	margin:10px auto;
	list-style:none;
	}




.info_area{
	position:relative;
	margin-top:30px;}


.benfit{
	position:relative;
	width:100%;
	height:300px;
	margin-top:0px;}

	
.benfit	ul{
	display:block;
	padding:0;
	width:100%;
	height:120px;}
	
.benfit	ul li{
	display:block;
	list-style:none;
	float:left;
	height:180px;
	width:30%;
	margin-left:13.3%;
	margin-bottom:100px;
	margin-right:3%;
	background-size:contain;
	font-size:14px;
	text-align:center;
	background-repeat:no-repeat;
	background-position:center;
	}


.icon_text{
	position:relative;
	display:block;
	margin-top:190px;}






.sign_area{
	display:block;
	position:relative;
	margin-top:50px;
	margin-bottom:50px;
	height:450px;
	float:left;}
	
.event{
	position:relative;
	display:block;
	margin-top:340px;
	padding-top:8px;
	height:auto;
	background-color:#f6ecec;}
	
	
	
.join_btn{
	position:relative;
	margin:500px auto;
	display:block;
	width:190px;
	height:45px;
	border:#eb4247 solid 1px;
	background-image:url(../image/join_arrow.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	line-height:45px;
	color:#eb4247;
	text-indent:40px;
	

	}
	
.join_btn a{
	display:block;
	color:#eb4247;
	transition:all .5s;
	text-decoration:none;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-ms-transition:all .5s;
	}
	
.join_btn a:hover{
	color:#FFF;
	text-indent:45px;
	background-image:url(../image/join_arrow_hover.png);
	text-decoration:none;
	background-position:10px 0px;}
	

}




/* 璈怠�烐惣�扳�𧢲�笔�𠰴�嗡�𡝗凒撠讛圾��𣂼漲 */


@media (max-width: 480px){ 

#carousel-id{
	display:none;
	margin:0;
	padding:0;}


.info_area{
	position:relative;
	height:450px;
	padding:0;
	top:-50px;
	}

.sign_area{
	display:block;
	z-index:999999999999999;}
	
.new_logo{
	position:relative;
	display:block;
	height:80px;
	margin-left:2%;}


.new_logo img{
	max-width:150px;
	height:auto;
	margin-top:22px;}

.new_nav{
	position:relative;
	display:block;
	width:100%;
	top:0px;
	left:0px;
	height:60px;
	background-image:url(../image/nav_bg.png);
	background-repeat:repeat;
	z-index:99999999;
	}

.index_tab{
	z-index:9999999999999;}


.new_nav ul{
	width:96%;
	margin-left:40px;}


.new_nav ul li{
	display:block;
	float:left;
	width:19%;
	color:#FFF;
	text-align:center;
	font-size:16px;
	line-height:30px;
	font-family:'Microsoft JhengHei','敺株��迤暺煾��','sans-serif';}


	
.nav_name{
	display:none;}
	
.benfit{
	margin-top:0px;}


.icon_text{
	position:relative;
	display:block;
	margin-top:150px;}


	
.event{
	position:relative;
	margin-top:60px;
	padding-top:8px;
	display:block;
	height:auto;
	background-color:#f6ecec;}

.info_area{
	position:relative;
	height:450px;
	padding:0;
	margin-top:0px;}

	
	
.join_btn{
	position:relative;
	margin:500px auto;
	top:-70px;
	display:block;
	width:190px;
	height:45px;
	border:#eb4247 solid 1px;
	background-image:url(../image/join_arrow.png);
	background-position:0px 0px;
	background-repeat:no-repeat;
	line-height:45px;
	color:#eb4247;
	text-indent:40px;
	

	}
	
.join_btn a{
	display:block;
	color:#eb4247;
	transition:all .5s;
	text-decoration:none;
	-webkit-transition:all .5s;
	-moz-transition:all .5s;
	-ms-transition:all .5s;
	}
	
.join_btn a:hover{
	color:#FFF;
	text-indent:45px;
	background-image:url(../image/join_arrow_hover.png);
	text-decoration:none;
	background-position:10px 0px;}	
	
	


 }