@charset "utf-8";

/* 桌機專用版型*/
.logo{
	margin:200px 0px 80px 292px;
	width: 45%;
	height:400px;
/*	background-color:#033;*/
	}
.download{
   width:980px;
   height:127px;
   background-image: url(../images/download_bg.png);
   background-position: center top;
   background-repeat: no-repeat;
   margin:260px  0 0 15px; 
   padding:15px 0 0 30px;
   display:block; 
   background-size:100% auto
}

.number{
	color: #83070B;
	margin:20px 0 0 350px;
	float:left;
	font-size: 22px;
	}
	
.BTN-01{
	margin:10px 0 0 10px;
	width:30%;
	float:left;
	}
.BTN-02{
	margin:50px 0 0 200px;
	width:30%;
	float:left;
	}
.BTN-03{
	margin:50px 0 0 20px;
	width:30%;
	float:left;
	}
.TAB-top{
   width:976px;
   height:110px;
/*   background-image: url(../images/tab_top.png);*/
   background-position: center top;
   background-repeat: no-repeat;
   display:block; 
   background-size:100% auto;
   margin:0px  0 0 15px; 
}
.TAB-bg{
	width: 976px;
	/*background-image: url(../images/tab_bg.png);*/
	background-position: center top;
	background-repeat: repeat-y;
	padding: 0px 30px 0 30px;
	margin: -10px  0 0 15px;
	display: block;
	background-size: 100% auto;
	font-size: 16px;
	line-height: 22px;
}
.TAB-bottom{
   width:976px;
   height:35px;
 /*  background-image: url(../images/tab_bottom.png);*/
   background-position: center top;
   background-repeat: no-repeat;
   display:block; 
   background-size:100% auto;
   margin:0px  0 0 15px;
}
.number{
	color: #83070B;
	margin:20px 0 0 350px;
	float:left;
	font-size: 22px;
	}
	
.BTN-01{
	margin:10px 0 0 10px;
	width:30%;
	float:left;
	}
.BTN-02{
	margin:50px 0 0 200px;
	width:30%;
	float:left;
	}
.BTN-03{
	margin:50px 0 0 20px;
	width:30%;
	float:left;
	}
.Titile-img{
	margin:15px 0 0 10px;
	width: 30%;
	float:left;
	}
.Titile02-img{
	margin:50px 0 0 10px;
	padding-top:120px;
	width: 15%;
/*	float:left;*/
	}
.text{
	margin:-30px 0 0 170px;
	/*	width: 15%;*/
	float:left;
	color: #44200B;
	}
.copyright{
	margin:120px 0 0 10px;
	/*	width: 15%;*/
	float:left;
	}
/* 平版*/
@media screen and (max-width: 1024px) {
.logo{
	margin:160px 0px 80px 220px;
	width: 50%;
	height:300px;
}
.download{
   width:100%;
/*   height:127px;*/
   background-image: url(../images/download_bg.png);
   background-position: center top;
   background-repeat: no-repeat;
   margin:210px 0 0 0;  
   padding:5px 0 0 10px;
   display:block; 
   background-size:100%;
}
.BTN{
	margin:10px 0 0 5px;
	width: 32%;
	float:left;
	
}
.TAB-top{
   width:100%;
/*   height:47px;*/
/*   background-image: url(../images/tab_top.png);*/
   background-position: center top;
   background-repeat: no-repeat;
   display:block; 
   background-size:100%;
   margin:-20px  0 0 0px; 
}
.TAB-bg{
	width:100% /*750px*/;
/*	background-image: url(../images/tab_bg.png);*/
	background-position: center top;
	background-repeat: repeat-y;
	padding: 0px 30px 0 30px;
	margin:-70px  0 0 0px;
	display: block;
	background-size: 100%/* auto*/;
	font-size: 20px;
	line-height: 22px;
}
.TAB-bottom{
   width:100%/*750px*/;
   height:35px;
/*   background-image: url(../images/tab_bottom.png);*/
   background-position: center top;
   background-repeat: no-repeat;
   display:block; 
   background-size:100%/* auto*/;
   margin:0px  0 0 0px;
}
.number{
	color: #83070B;
	margin:20px 0 0 170px;
	float:left;
	font-size: 22px;
	}
	
.BTN-01{
	margin:0px 0 0 10px;
	width:30%;
	float:left;
	}
.BTN-02{
	margin:15px 0 0 110px;
	width:30%;
	float:left;
	}
.BTN-03{
	margin:15px 0 0 20px;
	width:30%;
	float:left;
	}
.Titile-img{
	margin:0px 0 0 10px;
	width: 30%;
	float:left;
	}
.Titile02-img{
	margin:60px 0 0 10px;
	padding-top:70px;
	width: 15%;
/*	float:left;*/
	}
.text{
	margin:-30px 0 0 170px;
	/*	width: 15%;*/
	float:left;
	color: #44200B;
	}
.copyright{
	margin:90px 0 30px 10px;
	/*	width: 15%;*/
	float:left;
	}
/*手機*/
@media screen and (max-width: 480px) {
.logo{
	margin:120px 0px 80px 50px;
	width: 80%;
	height:170px;
}
.download{
   width:100%;
/*   height:110px;*/
   background-image: url(../images/download_bg.png);
   background-position: center top;
   background-repeat: no-repeat;
   margin:100px 0 0 0px;  
   padding:0 0 0 10px;
/*   display:block; */
   background-size:100%;
}
.BTN{
	margin:7px 0 0 5px;
	width: 30%;
	float:left;
}
.TAB-top{
   width:100%;
/*   height:25px;*/
/*   background-image: url(../images/tab_top.png);*/
   background-position: center top;
   background-repeat: no-repeat;
   display:block; 
   background-size:100% ;
   margin:-60px  0 0 0px; 
}
.TAB-bg{
	width:100% /*320px*/;
/*	background-image: url(../images/tab_bg.png);*/
	background-position: center top;
	background-repeat: repeat-y;
	padding: 0px 0px 0px 0px;
	margin:-120px  0px 0px 0px;
	display: block;
	background-size: 100% ;
	font-size: 22px;
	line-height: 26px;
}
.TAB-bottom{
   width:100%/*320px*/;
   height:35px;
/*   background-image: url(../images/tab_bottom.png);*/
   background-position: center top;
   background-repeat: no-repeat;
   display:block; 
   background-size:100%;
   margin:0px  0 0 0px;
}

.number{
	color: #83070B;
	margin:20px 0 40px 92px;
	float:left;
	font-size: 24px;
	}
	
.BTN-01{
	margin:50px 0 0 10px;
	width:45%;
	float:left;
	}
.BTN-02{
	margin:15px 0 0 20px;
	width:45%;
	float:left;
	}
.BTN-03{
	margin:15px 0 0 20px;
	width:45%;
	float:left;
	}
.Titile-img{
	margin:50px 0 40px 0px;
	width: 50%;
	float:left;
	}
.Titile02-img{
	margin:80px 0 0 0px;
	padding-top:80px;
	width: 25%;
/*	float:left;*/
	}
.text{
	margin:-30px 0 0 115px;
	/*	width: 15%;*/
	float:left;
	color: #44200B;
	}
.copyright{
	margin:60px 0 30px 10px;
	/*	width: 15%;*/
	float:left;
	}
@media screen and (max-width: 375px) {
.logo{
	margin:70px 0px 80px 50px;
	width: 80%;
	height:150px;
}
.download{
   width:100%;
/*   height:110px;*/
   background-image: url(../images/download_bg.png);
   background-position: center top;
   background-repeat: no-repeat;
   margin:100px 0 0 0px;  
   padding:0 0 0 10px;
/*   display:block; */
   background-size:100%;
}
.BTN{
	margin:7px 0 0 5px;
	width: 30%;
	float:left;
}
.TAB-top{
   width:100%;
/*   height:25px;*/
/*   background-image: url(../images/tab_top.png);*/
   background-position: center top;
   background-repeat: no-repeat;
   display:block; 
   background-size:100% ;
   margin:-60px  0 0 0px; 
}
.TAB-bg{
	width:100% /*320px*/;
/*	background-image: url(../images/tab_bg.png);*/
	background-position: center top;
	background-repeat: repeat-y;
	padding: 0px 0px 0px 0px;
	margin:-170px  0px 0px 0px;
	display: block;
	background-size: 100% ;
	font-size: 22px;
	line-height: 26px;
}
.TAB-bottom{
   width:100%/*320px*/;
   height:35px;
/*   background-image: url(../images/tab_bottom.png);*/
   background-position: center top;
   background-repeat: no-repeat;
   display:block; 
   background-size:100%;
   margin:0px  0 0 0px;
}

.number{
	color: #83070B;
	margin:10px 0 40px 20px;
	float:left;
	font-size: 22px;
	}
	
.BTN-01{
	margin:50px 0 0 10px;
	width:45%;
	float:left;
	}
.BTN-02{
	margin:10px 0 0 20px;
	width:45%;
	float:left;
	}
.BTN-03{
	margin:10px 0 0 10px;
	width:45%;
	float:left;
	}
.Titile-img{
	margin:50px 0 20px 0px;
	width: 50%;
	float:left;
	}
.Titile02-img{
	margin:55px 0 0 0px;
	padding-top:60px;
	width: 25%;
/*	float:left;*/
	}
.text{
	margin:-30px 0 0 90px;
	/*	width: 15%;*/
	float:left;
	color: #44200B;
	}
.copyright{
	margin:60px 0 30px 10px;
	/*	width: 15%;*/
	float:left;
	}