body{
	font-size: 16px;
	line-height: 30px;
	font-family: "微軟正黑體";
	color: #333;
}
.bd_mainBg{
	width: 100%;
	float: left;
	min-width: 1200px;
	padding: 0 0 50px 0;
	background: url(../images/bd_bg_r.png) right bottom no-repeat;
}
.bd_main{
	width: 1200px;
	margin: 0 auto;
	min-height: 310px;
	padding: 30px 0 0 0;
	background: url(../images/bd_bg_l.png) left bottom no-repeat;
	margin-right: 26rem;
}
/*CSS--downloadBar*/
.bd_download_tab {
	clear: left;
	width: 750px;
	float: right;
}
ul.bd_tabs {
	margin:0px;
	width: 100%;
	float: left;
	background: #e9e9e9;

}
ul.bd_tabs li {
	float: left;
	height:35px;
	overflow: hidden;
	position: relative;
	border-left: none;
	line-height: 35px;
	background: url(../images/bd_list_bg.png) right center no-repeat, #e9e9e9;
}
ul.bd_tabs li a {
	display: block;
	padding: 0 17px;
	color: #666;
	font-size: 20px;
	text-decoration: none;
}
ul.bd_tabs li a:hover {

}
ul.bd_tabs li.active  {
	background: #ff7e00;
	color:#FFFFFF
}
ul.bd_tabs li.active a{
	color:#FFFFFF
}
ul.bd_tabs li.active a:hover {
	background: #ff7426;
}
div.bd_tab_cont {
	clear: left;
	width: 1160px;
	border-top: none;
	background: #ff7426;
	color:#FFFFFF;

}
.bd_tab_content ul {
	width: 450px;
	margin: 0 auto;
}
.bd_tab_content ul li{
	background: url(../images/bd_btn_bg.png) no-repeat;
	font-size: 16px;
	width: 126px;
	height: 101px;
	float: left;
	padding: 20px 0 0 70px;
	margin: 10px;
}
.bd_tab_content ul li a{
	text-decoration:none;
}
.bd_tab_content ul li a span{
	font-size: 32px;
	font-family: 'Century Gothic';
}
.bd_tab_content ul li a:hover{
	text-decoration:none;
}
div.bd_tab_cont .bd_tab_content {
	width: 728px;
	padding: 10px;
	float: left;
	border: 1px solid #ff7e00;
	background: url(../images/bd_bor_bg.png) bottom repeat-x;
}
div.bd_tab_cont .bd_tab_content h2 {
	margin: 0 0 20px;
}
/*end*/
@media screen and (min-width: 768px) and (max-width: 1024px) {
.bd_mainBg{
	min-width: 1000px;
}
.bd_main{
	width: 90%;
	margin: 0 5%;
	height: auto;
}
.bd_download_tab{
}
div.bd_tab_cont{
	width: 1000px;
}
}
@media screen and (min-width: 320px) and (max-width: 768px) {
.bd_mainBg{
	min-width: 320px;
}
.bd_main{
	width: 90%;
	margin: 0 5%;
	height: auto;
	padding: 0;
}
.bd_download_tab, div.bd_tab_cont{
	width: 100%;
}
ul.bd_tabs li a{
	padding: 0 10px;
}
.bd_tab_content ul {
	width: 100%;
	margin: 0 auto;
}
.bd_tab_content ul li{
	float: none;
	margin: 10px auto;
}
div.bd_tab_cont .bd_tab_content{
	width: 95%;
	padding: 0 2.5%;
	margin: 0 0 10px 0;
}
}