@charset "utf-8";
@import url("reset.css");


body{
	background-image: url(images/index_bg.jpg);
	background-repeat: no-repeat;
	background-position: top center ; 
	margin: 0;
	padding: 0;
}

/* ============================= 主選單 ============================= */
#MENU{width:693px; height:67px;margin:0 auto; }

#MENU ul{	position: relative;	top:0px;	right:0px;}

#MENU li {float:left; }

/* 設置選單區塊*/
#MENU li dl { float:left;	width:99px;/*ie6*/    margin:0; 	padding:0;	border:0px ;  }

.#MENU li dt a{	display:block;	width:99px;	height:67px;	text-indent:-9999px;	outline:none; }
.#MENU li dd a{ display:block;text-decoration:none; padding:0;  position: relative;	top:67px;	right:0px; }


/* 設置主選單dt */
#MENU li dt.COR a{display:block;width:99px; height:67px;background-image:url(images/index_03.jpg);text-indent:-9999px;outline:none; position: absolute;	top:0px;	left:0px;}
#MENU li dt a:hover{background-position:right bottom;}

#MENU li dt.APP a{display:block;width:99px; height:67px;background-image:url(images/index_04.jpg);text-indent:-9999px;outline:none;position: absolute;	top:0px;	left:99px;}
#MENU li dt a:hover{background-position:right bottom;}

#MENU li dt.PRO a{display:block;width:99px; height:67px;background-image:url(images/index_05.jpg);text-indent:-9999px;outline:none;position: absolute;	top:0px;	left:198px;}
#MENU li dt a:hover{background-position:right bottom;}

#MENU li dt.SER a{display:block;width:99px; height:67px;background-image:url(images/index_06.jpg);text-indent:-9999px;outline:none;position: absolute;	top:0px;	left:297px;}
#MENU li dt a:hover{background-position:right bottom;}

#MENU li dt.DOW a{display:block;width:99px; height:67px;background-image:url(images/index_07.jpg);text-indent:-9999px;outline:none;position: absolute;	top:0px;	left:396px;}
#MENU li dt a:hover{background-position:right bottom;}

#MENU li dt.NEW a{display:block;width:99px; height:67px;background-image:url(images/index_08.jpg);text-indent:-9999px;outline:none;position: absolute;	top:0px;	left:495px;}
#MENU li dt a:hover{background-position:right bottom;}

#MENU li dt.CON a{display:block;width:99px; height:67px;background-image:url(images/index_09.jpg);text-indent:-9999px;outline:none;position: absolute;	top:0px;	left:594px;}
#MENU li dt a:hover{background-position:right bottom;}


/* 設置子選單dd */
.#MENU li dd {float: left;}

.#MENU li dd a{width:99px;text-align: center ;font-family:Arial, Helvetica, sans-serif;font-size:12px;	display:block; 	color:#000;    text-decoration:none; 	padding:0px 10px 0px 0px;  white-space:nowrap;}

.#MENU li dd a:hover{width:693x;font-family:Arial, Helvetica, sans-serif;font-size:12px;	display:block; 	color:#ff4f02;    text-decoration:none; 	padding:0px; }

/*隱藏子選單*/
.#MENU li dd { display:none;}
 
 
/* 滑鼠滑入顯示子選單 */
.#MENU li:hover dd, #MENU li a:hover dd { display:block;}
 
/*ie6 hack*/
.#MENU li:hover,#MENU li a:hover { border:0;}
.#MENU table { border-collapse:collapse;     padding:0; 		text-align: left;	}



/* ============================= news ============================= */

.date{font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#ff8b02;}

.hp1:link{ font-size:12px; color: #898989; text-decoration:none; font-family:Arial;}
.hp1:visited{ font-size:12px; color: #898989;  text-decoration:none; font-family:Arial;}
.hp1:hover{	font-size:12px;	color: #ff4f02;	text-decoration: underline;	font-family:Arial;}
.hp1:active{ font-size:12px; color: #898989;  text-decoration:none; font-family:Arial;}




/* ============================= hot product ============================= */

.hp2:link{ font-size:12px; color: #5a5a5a; text-decoration:none; font-family:Arial; font-weight:bold;}
.hp2:visited{ font-size:12px; color: #5a5a5a;  text-decoration:none; font-family:Arial;font-weight:bold;}
.hp2:hover{	font-size:12px;	color: #ff4f02;	text-decoration: underline;	font-family:Arial;font-weight:bold;}
.hp2:active{ font-size:12px; color: #5a5a5a;  text-decoration:none; font-family:Arial;font-weight:bold;}







/* ============================= footer ============================= */
.footer {font-family: Arial, Helvetica, sans-serif;	font-size: 11px;	color: #ff8b02;}

.w-line {font-family: Arial, Helvetica, sans-serif;	font-size: 11px;	color: #fff;}

.hp3:link{ font-size:11px; color: #fff; text-decoration:none; font-family:Arial;}
.hp3:visited{ font-size:11px; color: #fff;  text-decoration:none; font-family:Arial;}
.hp3:hover{	font-size:11px;	color: #000;	text-decoration: none;	font-family:Arial;}
.hp3:active{ font-size:11px; color: #fff;  text-decoration:none; font-family:Arial;}

.hp4:link{ font-size:11px; color: #ff7112; text-decoration:none; font-family:Arial; }
.hp4:visited{ font-size:11px; color: #ff7112;  text-decoration:none; font-family:Arial;}
.hp4:hover{	font-size:11px;	color: #8b8b8b;	text-decoration: underline;	font-family:Arial;}
.hp4:active{ font-size:11px; color: #ff7112;  text-decoration:none; font-family:Arial;}




.word12{font-size:12px; color: #424242; text-decoration:none; font-family:Arial; }