@charset "utf-8";
/* CSS Document */

/*共用css///////////////////////////////////////////////////////////////////////////////////*/
BODY {
	BORDER-BOTTOM: 0px;
	BORDER-LEFT: 0px;
	BACKGROUND-COLOR: #FFF;
	MARGIN: 0px;
	FONT-FAMILY: "新細明體";
	BORDER-TOP: 0px;
	BORDER-RIGHT: 0px
}
FORM {
	MARGIN: 0px;
	padding: 0px;
}
UL {
	LIST-STYLE-TYPE: none;
	MARGIN: 0px;
	LIST-STYLE-IMAGE: none;
	padding: 0px;
}
IMG {
	BORDER-BOTTOM: 0px;
	BORDER-LEFT: 0px;
	BORDER-TOP: 0px;
	BORDER-RIGHT: 0px;
	margin-bottom: 0px;
}

A:link {
	COLOR: #333; TEXT-DECORATION: none
}
A:visited {
	COLOR: #333; TEXT-DECORATION: none
}
A:hover {
	COLOR: #FF0000; TEXT-DECORATION: none;
}

#red{
	color: #F00;	
}

#blue{
	color: #039;
	font-size: 12px;
	line-height: 18px;
}
#Tangerine{
	color: #F60;
	line-height: 18px;
}
#White{
	color: #FFF;
}
#green{
	color: #090;
}

/*版面控制*/
.header_top{/*上列*/
	margin-right: auto;
	margin-left: auto;
	width: 980px;
	height: 135px;
	background-repeat: no-repeat;
	background-position: center top;
}

.top_menber{
	background-color: #000;
	height: 3px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}

.top_ad{
	float: left;
	clear: both;
}

.header_top_box_le{/*上列*/
	width: auto;
	height: auto;
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
}
.header_top_box_re{/*上列*/
	width: 765px;
	height: 120px;
	background-repeat: no-repeat;
	background-position: left top;
	float: left;
	background-image: url(../images/top_ad.png);
}

.header_bn{/*上列*/
	margin-right: auto;
	margin-left: auto;
	width: 980px;
}

.header_top #logo{/*上列*/
	width: 215px;
	background-image: url(../images/steel_logo.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 118px;
	float: left;
}

.header_top #menu_box{/*上列-目錄導覽*/
	height: 115px;
}

.header_top #menu_bn{/*上列-目錄導覽*/
	height: 50px;
}

.header_top #ap{/*上列活動廣告*/
	height: 80px;
}


.header_top #menu_on{/*上列-目錄*/
	float: left;
	color: #FFF;
	padding-top: 15px;
	padding-bottom: 0px;
	font-size: 18px;
	font-weight: 600;
	background-repeat: no-repeat;
	background-position: left bottom;
	height: 30px;
	width: 100px;
	background-image: url(../images/top_bk.png);
	text-align: center;
}

.header_top #menu_on A{/*上列-目錄*/
	COLOR: #FFF;
	TEXT-DECORATION: none
}

.header_top #menu_on A:hover{/*上列-目錄*/
	COLOR: #FF0;
	TEXT-DECORATION: none;
}

.header_top #menu{/*上列-目錄*/
	float: left;
	padding-top: 15px;
	padding-bottom: 0px;
	color: #F00;
	font-size: 16px;
	font-weight: 600;
	text-align: center;
}
.header_top #menu_line{/*上列-目錄*/
	float: left;
	margin-right: 10px;
	padding-bottom: 0px;
	font-size: 16px;
	font-weight: 600;
	margin-left: 10px;
	width: 1px;
	margin-top: 15px;
	height: 15px;
	background-color: #999;
}

.header_top #menu A{/*上列-目錄*/
	color: #000;
}

.header_top #menu A:hover{/*上列-目錄*/
	color: #F00;
}

.header_bn #menu_on{/*上列-目錄*/
	float: left;
	color: #F30;
	margin-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 12px;
}

.header_bn #menu{/*上列-目錄*/
	float: left;
	margin-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #666;
	font-size: 12px;
}

.header_top_line{
	clear: both;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}

.header_foot{
	width: 100%;	
}

.header_foot_bk{
	height: 20px;
	width: 100%;
	background-image: url(../images/foot_bk.png);
	background-repeat: repeat-x;
	background-position: left top;
	}
	

.center_apbox{
	height: auto;
	width: 980px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	background-color: #FFF;
}

.center_apbox #loing{
	height: auto;
	width: 220px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-top: 10px;
}

.center_apbox #ad{
	height: auto;
	width: 730px;
	margin: 10px;
	float: left;
}

.home_box{
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	margin-top: 20px;
}

.center_menu_box{
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
}

.center_menu_box #menu_1{
	width: 300px;
	padding: 5px;
	float: left;
}
.center_menu_box #menu{
	width: 305px;
	padding: 5px;
	float: left;
	text-align: center;
}

.errMsg{
	color: #F00;
	background-color: #FCF;
	text-align: center;
	border: 1px solid #900;
	height: 20px;
	margin-top: 5px;
	padding-top: 5px;
}

.foot_T1C{
	font-size: 12px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #7FA2E6;
	text-align: center;
	padding-top: 5px;
}

.clear_right {
	clear: right;
	margin-top: 5px;
	margin-bottom: 5px;
	height: 5px;
}
.clear_right_0 {
	clear: right;
	margin-top: 0px;
	margin-bottom: 0px;
	height: 0px;
}
.clear_left {
	clear: right;
	margin-top: 5px;
	margin-bottom: 5px;
	height: 0px;
}

.clear_left_top {
	margin-top: 5px;
	margin-bottom: 5px;
	height: 0px;
	float: left;
	width: 735px;
	clear: left;
}


.clear_left_10 {
	clear: right;
	margin-top: 5px;
	margin-bottom: 5px;
	height: 10px;
}

.clear{
	clear: both;
	height: 5px;
}
.clear_0{
	clear: both;
}

.clear_10{
	clear: both;
	margin-top: 10px;
}


.clear_20{
	clear: both;
	margin-top: 20px;
}

.clear_line{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
	clear: both;
}
.clear_dot{
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCC;
	clear: both;
}

.clear_bul{
	clear: both;
	background-color: #036;
	height: 5px;
	margin-bottom: 10px;
}

.OkMsg {
	BORDER-RIGHT: #00be00 1px solid;
	PADDING-RIGHT: 5px;
	BORDER-TOP: #00be00 1px solid;
	PADDING-LEFT: 25px;
	FONT-SIZE: 12px;
	PADDING-BOTTOM: 5px;
	BORDER-LEFT: #00be00 1px solid;
	COLOR: #000;
	PADDING-TOP: 5px;
	BORDER-BOTTOM: #00be00 1px solid;
	background-color: #e6ffe6;
	background-image: url(../images/standard_msg_ok.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
}

.ErrorMsg {
	BORDER-RIGHT: #f60 1px solid;
	PADDING-RIGHT: 5px;
	BORDER-TOP: #f60 1px solid;
	PADDING-LEFT: 25px;
	FONT-SIZE: 12px;
	PADDING-BOTTOM: 5px;
	BORDER-LEFT: #f60 1px solid;
	COLOR: #000;
	PADDING-TOP: 5px;
	BORDER-BOTTOM: #f60 1px solid;
	background-image: url(../images/WarningMsg.gif);
	background-repeat: no-repeat;
	background-position: 2px 1px;
	background-color: #FFF;
}

/*文字////////////////////////////////////////////////////////////////////////////////////////*/
H1 {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
H2 {
	PADDING-BOTTOM: 0px;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	PADDING-TOP: 0px;
	font-size: 16px;
}
H3 {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
H4 {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
H5 {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}

.T1 {
	padding: 5px;
	margin: 5px;
}

.T2 {
	color: #000;
	padding: 5px;
	margin: 5px;

}

.T1C {
	padding: 5px;
	text-align: center;
	margin: 5px;

}

.T2C {
	color: #F00;
	padding: 5px;
	text-align: center;
	margin: 5px;

}
.T4 {
	color: #FFF;

}
.T5 {
	color: #999;
}

.red {
	COLOR: #ff0000
}
.yellow {
	COLOR: #ff7300
}
.White {
	COLOR: #FFFFFF
}
.blue {
	COLOR: #003399
}
.green {
	COLOR: #009900
}

.text_title{
	line-height: 20px;
	margin: 5px;
	color: #000;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 400;
}

.text_list{
	line-height: 20px;
	margin: 5px;
	color: #666;
	font-size: 12px;
}
.text_list01{
	line-height: 20px;
	margin: 5px;
	color: #000;
	font-size: 12px;
}

/*商品展示*/
.inf_images_box{
	padding: 1px;
	float: left;
}

.inf_images{
	padding: 5px;
	float: left;
	border: 1px solid #999;	
}

.inf_txt_box{
	padding: 4px;
	float: left;
	width: 450px;
}

.inf_txt_list{
	margin-top: 5px;
	margin-bottom: 5px;
	color: #666;
	padding-left: 5px;
	margin-right: 10px;
}

.login_top{
	background-color: #EAEAEA;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	font-size: 12px;
	padding: 5px;
}

.Language_box{
	float: right;
	margin-right: 10px;
	font-size: 12px;
	margin-left: 5px;
}
/*語系框框*/
.Language{
	background-color: #DEF;
	float: right;
	margin-right: 2px;
	margin-left: 5px;
	border: 1px solid #39F;
	text-align: center;
	margin-top: -2px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 1px;
	padding-left: 3px;
	}
	
.Language A{
	color: #03C;
	}
	
.Language A:hover{
	color: #F00;
	}
