@charset "utf-8";
@import url("reset.css");
/* CSS Document */

.products_list{
margin:0 auto;
width:1100px;
z-index:-99;
color:#333;
font-family: Arial,Helvetica, sans-serif, 微軟正黑體;
font-size:15px; 
}

#prdt_word{
	color:#333; 
	font-size:14px; 
	font-family: Arial;
	line-height: 24px;   
	}



.list_img{
margin:12px 0px 0px 20px;
float:left;
}

.list_word{
margin:10px 0px 0px 7px;
float:left;
}

.dot_line{
margin:35px 0px 0px 15px;
	}

/* 選單01 */
.list_1{
margin:15px 0px 0px 20px;
width:500px;
height:366px;
float:left;
max-height: 100%;
max-width: 100%;
background:url(../images/products/products_list01.jpg) top left
}

.list_1_main{
margin:10px 0px 0px 15px;
width:300px;
height:366px;
float:left;
}


/* 選單02 */
.list_2{
margin:15px 0px 0px 20px;
width:500px;
height:366px;
float:left;
max-height: 100%;
max-width: 100%;
background:url(../images/products/products_list02.jpg) top left
}

.list_2_main{
margin:10px 0px 0px 190px;
width:300px;
height:366px;
float:left;
}

/* 選單03 */
.list_3{
margin:15px 0px 0px 20px;
width:500px;
height:366px;
float:left;
max-height: 100%;
max-width: 100%;
background:url(../images/products/products_list03.jpg) top left
}
.list_3_main{
margin:10px 0px 0px 15px;
width:300px;
height:366px;
float:left;
}

/* 選單04 */
.list_4{
margin:15px 0px 0px 20px;
width:500px;
height:366px;
float:left;
max-height: 100%;
max-width: 100%;
background:url(../images/products/products_list04.jpg) top left
}
.list_4_main{
margin:10px 0px 0px 190px;
width:300px;
height:366px;
float:left;
}



/* 產品內頁左側列 */

#pro_l{
margin:10px 0px 0px 0px;
width:230px;
max-height: 100%;
max-width: 100%;
float:left;

	}
	
.pro_menu_main_list{
margin:0px auto;
width:200px;
	}
	
.pro_menu_main_list_h{
margin:0px auto;
width:200px;
background:url(../images/products/pro_menuhead.jpg) top left
}
.pro_menu_main_list_h li{
color:#005197;
text-align:center;
font-size:16px;
padding:10px 0 0 0px;
font-weight: bold;
font-family: Arial;
	}



.pro_menu_main_list_h_sys{
margin:0px auto;
width:200px;
background:url(../images/products/pro_menuhead.jpg) top left
}
.pro_menu_main_list_h_sys li{
color:#517a56;
text-align:center;
font-size:16px;
padding:10px 0 0 0px;
font-weight: bold;
font-family: Arial;
	}
	
	

.pro_menu_main_list_h_des{
margin:0px auto;
width:200px;
background:url(../images/products/pro_menuhead.jpg) top left
}
.pro_menu_main_list_h_des li{
color:#ff7e00;
text-align:center;
font-size:16px;
padding:10px 0 0 0px;
font-weight: bold;
font-family: Arial;
	}
		
	
	
.pro_menu_main_list_h_rug{
margin:0px auto;
width:200px;
background:url(../images/products/pro_menuhead.jpg) top left
}
.pro_menu_main_list_h_rug li{
color:#bd6e6e;
text-align:center;
font-size:16px;
padding:10px 0 0 0px;
font-weight: bold;
font-family: Arial;
	}	
	
	
	
	
	
	
	
.pro_menu_main_list_b{
margin:0px auto;
width:200px;
background:url(../images/products/pro_menubody.jpg) top left
}
.pro_menu_main_list_b li{

width:188px;
color:#333;
text-align:left;
font-size:13px;
padding:8px 0 0 15px;
font-family: Arial;

}
	
.pro_menu_main_list_b li.select a {
margin:0px 0 0 -4px;
display:block;
width:188px;
height:22px;
background-image:url(../images/products/select_bg.png);

}
.pro_menu_main_list_b li.select a:hover {
	background-position:left bottom;
}



/* 左側產品banner */
.pro_ad{
padding:20px 0 ;
margin:0px auto;
width:200px;
max-height: 100%;
max-width: 100%;
	}

.ad_banner{
    width:   150px;  
    height:  100px; 
    margin:  0 auto;
	padding:10px 0 0 0;  
}
.ad_banner {  
    width:   150px; 
	height:  100px; 
}




/* 產品內頁右側列 */

#pro_r{
position:relative;
margin:10px 0px 0px 15px;
width:800px;
float:left;
z-index:-1;}


#pro_r1{
position:relative;
margin:10px 0px 0px 15px;
width:800px;

float:left;
}
	
.pro_m_title{
margin:0px 0px 0px 0px;
width:820px;
float:left;	
}	
	
.pro_m_title li{
margin:7px 0px 0px 7px;
float:left;	
color:#594436;
text-align:left;
font-size:16px;
font-weight: bold;
font-family: Arial;
}	
	
.pro_m_dot{
float:left;	
margin:5px 0 0 5px;
display:block;
width:18px;
height:16px;
background-image:url(../images/products/title_dot.jpg);
}
.pro_m_line{
float:left;	
margin:5px 0 0 0px;
display:block;
width:850px;
height:14px;
background-image:url(../images/products/title_line.jpg);
}



.pro_sys_title{
margin:0px 0px 0px 0px;
width:820px;
float:left;	
}	
	
.pro_sys_title li{
margin:7px 0px 0px 7px;
float:left;	
color:#5c6847;
text-align:left;
font-size:16px;
font-weight: bold;
font-family: Arial;
}	
	
.pro_sys_dot{
float:left;	
margin:5px 0 0 5px;
display:block;
width:18px;
height:16px;
background-image:url(../images/products/title_dot_sys.jpg);
}
.pro_sys_line{
float:left;	
margin:5px 0 0 0px;
display:block;
width:850px;
height:14px;
background-image:url(../images/products/title_line_sys.jpg);
}



.pro_des_title{
margin:0px 0px 0px 0px;
width:820px;
float:left;	
}	
	
.pro_des_title li{
margin:7px 0px 0px 7px;
float:left;	
color:#ff7e00;
text-align:left;
font-size:16px;
font-weight: bold;
font-family: Arial;
}	
	
.pro_des_dot{
float:left;	
margin:5px 0 0 5px;
display:block;
width:18px;
height:16px;
background-image:url(../images/products/title_dot_des.jpg);
}
.pro_des_line{
float:left;	
margin:5px 0 0 0px;
display:block;
width:850px;
height:14px;
background-image:url(../images/products/title_line_des.jpg);
}



.pro_rug_title{
margin:0px 0px 0px 0px;
width:820px;
float:left;	
}	
	
.pro_rug_title li{
margin:7px 0px 0px 7px;
float:left;	
color:#a34141;
text-align:left;
font-size:16px;
font-weight: bold;
font-family: Arial;
}	
	
.pro_rug_dot{
float:left;	
margin:5px 0 0 5px;
display:block;
width:18px;
height:16px;
background-image:url(../images/products/title_dot_rug.jpg);
}
.pro_rug_line{
float:left;	
margin:5px 0 0 0px;
display:block;
width:850px;
height:14px;
background-image:url(../images/products/title_line_rug.jpg);
}












.pro_main{
float:left;	
width:850px;
margin:0px 0 0 0px;
}

.pro_main_word{
margin:5px auto;
padding:10px 10px 20px 10px;
letter-spacing: 1px;
color:#333;
text-align:left;
font-size:13px;
font-family: Arial;
line-height:22px;
background-color:#eaf2f9;	
	}
	
.pro_main_sys_word{
margin:5px auto;
padding:10px 10px 20px 10px;
letter-spacing: 1px;
color:#333;
text-align:left;
font-size:13px;
font-family: Arial;
line-height:22px;
background-color:#d9dfcc;	
	}
	
.pro_main_des_word{
margin:5px auto;
padding:10px 10px 20px 10px;
letter-spacing: 1px;
color:#333;
text-align:left;
font-size:13px;
font-family: Arial;
line-height:22px;
background-color:#f8eade;	
	}
	

.pro_main_rug_word{
margin:5px auto;
padding:10px 10px 20px 10px;
letter-spacing: 1px;
color:#333;
text-align:left;
font-size:13px;
font-family: Arial;
line-height:22px;
background-color:#f7e1e1;	
	}

	

.dot_line-830{
margin:-7px auto;
	}
.txt138abc{
color:#138abc; 
font-size:14px; 
font-weight: bold;
border-bottom: #878787 dotted 1px;
}

.txt67714b{
color:#67714b; 
font-size:14px; 
font-weight: bold;
border-bottom: #878787 dotted 1px;
}

.txtf6a93c{
padding:5px 0px 5px 0px;
color:#f6a93c; 
font-size:14px; 
font-weight: bold;
border-bottom: #878787 dotted 1px;
}

.txtbd6e6e{
padding:5px 0px 5px 0px;
color:#bd6e6e; 
font-size:14px; 
font-weight: bold;
border-bottom: #878787 dotted 1px;
}



/* 表單 */
.greenbtm {
	padding:10px 10px 10px 10px;
	border-bottom: #1a4b8f dotted 1px;
	border-right: #1a4b8f dotted 1px;
	line-height:22px;
	background-color: #f4f4f4;
	color:#4b4b4b; 
	font-size:13px; 
	line-height:25px;
	font-family: Arial;
}
.greenbtm2 {
	padding:10px 10px 10px 10px;
	border-bottom: #1a4b8f dotted 1px;
	line-height:22px;	
	background-color: #f4f4f4;
	color:#4b4b4b; 
	font-size:13px; 
	font-family: Arial;
}


.greenbtm3 {
	border-bottom: #1a4b8f dotted 1px;
	border-right: #1a4b8f dotted 1px;
	line-height:22px;
	background-color: #e1e1e1;
	color:#4b4b4b; 
	font-size:13px; 
	line-height:25px;
	font-family: Arial;
}
.greenbtm4 {
	padding:10px 10px 10px 10px;
	border-bottom: #1a4b8f dotted 1px;
	line-height:22px;	
	background-color: #e1e1e1;
	color:#4b4b4b; 
	font-size:13px; 
	font-family: Arial;
}

.greenbtm5 {
	padding:10px 10px 10px 10px;
	border-bottom: #d5833a dotted 1px;
	border-right: #d5833a dotted 1px;
	line-height:22px;
	background-color: #f4f4f4;
	color:#4b4b4b; 
	font-size:13px; 
	line-height:25px;
	font-family: Arial;
}

.greenbtm6 {
	padding:10px 10px 10px 10px;
	border-bottom: #d5833a dotted 1px;
	line-height:22px;	
	background-color: #f4f4f4;
	color:#4b4b4b; 
	font-size:13px; 
	font-family: Arial;
}


.greenbtm7 {
	padding:10px 10px 10px 10px;
	border-bottom: #d5833a dotted 1px;
	line-height:22px;	
	background-color: #f4f4f4;
	color:#4b4b4b; 
	font-size:13px; 
	font-family: Arial;
}


.from_bgc {
	background-color: #a3bacc;
	border-right: #878787 dotted 1px;
	text-align:center;
	height:28px;
	color:#333; 
    font-size:13px; 
    font-weight: bold;
	font-family: Arial;}
	
.from_bgc-1 {
	background-color: #a3bacc;
	text-align:center;
	height:28px;
	color:#333; 
    font-size:13px; 
    font-weight: bold;
	font-family: Arial;}	
	
.from_bgc1{
	background-color: #bcbcbc;
	border-right: #878787 dotted 1px;
	text-align:center;
	height:28px;
	color:#333; 
    font-size:13px; 
    font-weight: bold;
	font-family: Arial;}

.from_bgc1-1{
	background-color: #bcbcbc;
	text-align:center;
	height:28px;
	color:#333; 
    font-size:13px; 
    font-weight: bold;
	font-family: Arial;}

	

.from_bgc2 { 
	background-color: #dbebf8;
	height:28px;
	padding-left:6px;
	border-right: #878787 dotted 1px;
	border-bottom: #878787 dotted 1px;
	text-align:center;
	color:#333; 
    font-size:13px; 
	font-family: Arial;
	}

	

.from_bgc2-2 { 
	background-color: #c9d7e2;
	height:28px;
	padding-left:6px;
	border-right: #878787 dotted 1px;
	border-bottom: #878787 dotted 1px;
	text-align:center;
	color:#333; 
    font-size:13px; 
	font-family: Arial;
	}	
	
	
.from_bgc3 { 
	background-color: #F9F9F9;
	padding-left:6px;
	height:28px;
	border-right: #878787 dotted 1px;
	border-bottom: #878787 dotted 1px;
	color:#333; 
    font-size:13px; 
	font-family: Arial;
	}
	
.from_bgc3-1 { 
	background-color: #F9F9F9;
	padding-left:6px;
	height:28px;
	border-bottom: #878787 dotted 1px;
	color:#333; 
    font-size:13px; 
	font-family: Arial;
	}
	
.from_bgc3-2 { 
	background-color: #e9e9e9;
	padding-left:6px;
	height:28px;

	border-bottom: #878787 dotted 1px;
	text-align:left;
	color:#333; 
    font-size:13px; 
	font-family: Arial;
	}
	
.from_bgc3-4 { 
	background-color: #e9e9e9;
	padding-left:6px;
	height:28px;
    border-right: #878787 dotted 1px;
	border-bottom: #878787 dotted 1px;
	text-align:left;
	color:#333; 
    font-size:13px; 
	font-family: Arial;
	}
.from_bgc3-3 { 
	background-color: #F9F9F9;
	padding-left:6px;
	height:28px;
	border-top: #878787 dotted 1px;
	border-bottom: #878787 dotted 1px;
	color:#333; 
    font-size:13px; 
	font-family: Arial;
	}	
	
.from_bgc4 { 
	background-color: #adb499;
	border-right: #5e6646 dotted 1px;
	text-align:center;
	height:28px;
	color:#333; 
    font-size:13px; 
    font-weight: bold;
	font-family: Arial;
	}

.from_bgc4-1 { 
	background-color: #adb499;
	text-align:center;
	height:28px;
	color:#333; 
    font-size:13px; 
    font-weight: bold;
	font-family: Arial;
	}
	


.from_bgc5 { 
	background-color: #e7f2ed;
	height:28px;
	padding-left:6px;
	border-right: #878787 dotted 1px;
	border-bottom: #878787 dotted 1px;
	text-align:center;
	color:#333; 
    font-size:13px; 
	font-family: Arial;
	}

	

.from_bgc5-2 { 
	background-color: #c7dcd3;
	height:28px;
	padding-left:6px;
	border-right: #878787 dotted 1px;
	border-bottom: #878787 dotted 1px;
	text-align:center;
	color:#333; 
    font-size:13px; 
	font-family: Arial;
	}	
	
	
	
.from_bgc5-3 { 
	background-color: #e7f2ed;
	height:28px;
	padding-left:6px;
	border-right: #878787 dotted 1px;
	border-bottom: #878787 dotted 1px;
	text-align:left;
	color:#333; 
    font-size:13px; 
	font-family: Arial;
	}
	
	
.from_bgc6 { 
	background-color: #fcbb80;
	height:28px;
	padding-left:6px;
	border-right: #d5833a dotted 1px;
	border-bottom: #d5833a dotted 1px;
	text-align:center;
	color:#333; 
	font-weight: bold;
    font-size:13px; 
	font-family: Arial;
	}	

.from_bgc6-1 { 
	background-color: #fcbb80;
	height:28px;
	padding-left:6px;
	border-bottom: #d5833a dotted 1px;
	text-align:center;
	color:#333; 
	font-weight: bold;
    font-size:13px; 
	font-family: Arial;
	}
	
.from_bgc6-2 { 
	background-color: #fbf4ec;
	height:120px;
	padding-left:6px;
	border-right: #d5833a dotted 1px;
	border-bottom: #d5833a dotted 1px;
	text-align:center;
	color:#333; 
    font-size:13px; 
	font-family: Arial;
	}	
.from_bgc6-3 { 
	background-color: #fbf4ec;
	height:120px;
	padding-left:6px;
	border-bottom: #d5833a dotted 1px;
	text-align:center;
	color:#333; 
    font-size:13px; 
	font-family: Arial;
	}
	
.from_bgc6-4 { 
	background-color: #fff;
	height:120px;
	padding-left:6px;
	border-right: #d5833a dotted 1px;
	border-bottom: #d5833a dotted 1px;
	text-align:center;
	color:#333; 
    font-size:13px; 
	font-family: Arial;
	}	
	
.from_bgc6-5 { 
	background-color: #fff;
	height:120px;
	padding-left:6px;
	border-bottom: #d5833a dotted 1px;
	text-align:center;
	color:#333; 
    font-size:13px; 
	font-family: Arial;
	}	
	
.from_bgc6-6 { 
	background-color: #fbf4ec;
	height:40px;
	padding-left:6px;
	border-right: #d5833a dotted 1px;
	border-bottom: #d5833a dotted 1px;
	text-align:center;
	color:#333; 
    font-size:13px; 
	font-family: Arial;
	}		
	
.from_bgc6-7 { 
	background-color: #fbf4ec;
	height:40px;
	padding-left:6px;
	border-bottom: #d5833a dotted 1px;
	text-align:center;
	color:#333; 
    font-size:13px; 
	font-family: Arial;
	}
	
.from_bgc6-8 { 
	background-color: #fff;
	height:40px;
	padding-left:6px;
	border-right: #d5833a dotted 1px;
	border-bottom: #d5833a dotted 1px;
	text-align:center;
	color:#333; 
    font-size:13px; 
	font-family: Arial;
	}		
	
.from_bgc6-9 { 
	background-color: #fff;
	height:40px;
	padding-left:6px;
	border-bottom: #d5833a dotted 1px;
	text-align:center;
	color:#333; 
    font-size:13px; 
	font-family: Arial;
	}	
	
.from_bgc7 { 
	background-color: #fff;
	height:28px;
	padding-left:6px;
	border-bottom: #d5833a dotted 1px;
	text-align:center;
	color:#333; 
    font-size:13px; 
	font-family: Arial;
	}	
	
.from_bgc8 { 
	background-color: #ffdcc3;
	height:28px;
	padding-left:6px;
	border-right: #d5833a dotted 1px;
	border-bottom: #d5833a dotted 1px;
	text-align:left;
	color:#333; 
	font-weight: bold;
    font-size:13px; 
	font-family: Arial;
	}	
	
.from_bgc8-1 { 
	background-color: #ffdcc3;
	height:28px;
	padding-left:6px;
	border-top: #d5833a dotted 1px;
	border-right: #d5833a dotted 1px;
	border-bottom: #d5833a dotted 1px;
	text-align:left;
	color:#333; 
	font-weight: bold;
    font-size:13px; 
	font-family: Arial;
	}	
	
	
.from_bgc9 { 
	background-color: #de9f9f;
	height:28px;
	padding-left:6px;
	border-right: #b68484 dotted 1px;
	border-bottom: #b68484 dotted 1px;
	text-align:center;
	color:#333; 
	font-weight: bold;
    font-size:13px; 
	font-family: Arial;
	}	

.from_bgc9-1 { 
	background-color: #de9f9f;
	height:28px;
	padding-left:6px;
	border-bottom: #b68484 dotted 1px;
	color:#333; 
	font-weight: bold;
    font-size:13px; 
	font-family: Arial;
	text-align:center;
	}		
	
	
.from_bgc9-2 { 
	background-color: #fcf7f7;
	height:120px;
	padding-left:6px;
	border-right: #b68484 dotted 1px;
	border-bottom: #b68484 dotted 1px;
	text-align:center;
	color:#333; 
    font-size:13px; 
	font-family: Arial;
	}	
	
.from_bgc9-3 { 
	background-color: #fcf7f7;
	height:120px;
	padding-left:6px;
	border-bottom: #b68484 dotted 1px;
	text-align:left;
	color:#333; 
    font-size:13px; 
	font-family: Arial;
	}	
	
	
.from_bgc9-4 { 
	background-color: #fff;
	height:120px;
	padding-left:6px;
	border-right: #b68484 dotted 1px;
	border-bottom: #b68484 dotted 1px;
	text-align:center;
	color:#333; 
    font-size:13px; 
	font-family: Arial;
	}	
	
.from_bgc9-5 { 
	background-color: #fff;
	height:120px;
	padding-left:6px;
	border-bottom: #b68484 dotted 1px;
	text-align:left;
	color:#333; 
    font-size:13px; 
	font-family: Arial;
	}	
	
/* 表單 結束*/













/* 產品個別頁*/
.pro_name{
	float:left;
	width: 900px;
	padding: 10px 0 0 0px;
	margin: 0 auto;	
	}
	
.pro_name_list{
	float:left;
	width: 300px;
	padding: 10px 0px 0px 0px;
	margin: 0 auto;	
	color:#333; 
	font-size:13px; line-height: 20px;font-family: Arial;
	}








.pro_name_list li.datasheet a {
float:left;
margin:20px 0 0 0px;
display:block;
width:64px;
height:64px;
background-image:url(../images/products/btn_datasheet.png);

}
.pro_name_list li.datasheet a:hover {
background-position:left bottom;
}

.pro_name_list li.manual a {
float:left;
margin:20px 0 0 10px;
display:block;
width:64px;
height:64px;
background-image:url(../images/products/btn_manual.png);

}
.pro_name_list li.manual a:hover {
background-position:left bottom;
}


.pro_name_list li.estore a {
float:left;
margin:20px 0 0 10px;
display:block;
width:64px;
height:64px;
background-image:url(../images/products/btn_estore.png);

}
.pro_name_list li.estore a:hover {
background-position:left bottom;
}








.pro_name_list2{
position: relative; 
top: -360px; left: 490px; 
display: block; 
z-index: 99;
width: 300px;
color:#333; 
font-size:13px; line-height: 20px;font-family: Arial;
	}

.pro_name_list2 li.datasheet a {
float:left;
margin:20px 0 0 0px;
display:block;
width:64px;
height:64px;
background-image:url(../images/products/btn_datasheet.png);

}
.pro_name_list2 li.datasheet a:hover {
background-position:left bottom;
}

.pro_name_list2 li.manual a {
float:left;
margin:20px 0 0 10px;
display:block;
width:64px;
height:64px;
background-image:url(../images/products/btn_manual.png);

}
.pro_name_list2 li.manual a:hover {
background-position:left bottom;
}


.pro_name_list2 li.estore a {
float:left;
margin:20px 0 0 10px;
display:block;
width:64px;
height:64px;
background-image:url(../images/products/btn_estore.png);

}
.pro_name_list2 li.estore a:hover {
background-position:left bottom;
}













.pro_Introduction_main{
width:850px;

float:left;
margin:0 auto;
}


.pro_Introduction_banner{
float:left;
margin:5px 0px 0px 0px;
display:block;
width:320px;
	
	}


.pro_Introduction_word{
float:left;
width:500px;
margin:5px 0px 0px 10px;
padding:10px 10px 10px 10px;
letter-spacing: 1px;
color:#333;
text-align:left;
font-size:13px;
font-family: Arial;
line-height:20px;
}



.pro_Introduction{
width:850px;
float:left;
margin:5px 0px 0px 10px;
padding:0px 10px 10px 10px;
color:#333;
text-align:left;
font-size:13px;
font-family: Arial;
line-height:25px;	
	}
	








.pro_Feature{
width:850px;
float:left;
margin:5px 0px 0px 10px;
padding:0px 10px 10px 10px;
color:#333;
text-align:left;
font-size:13px;
font-family: Arial;
line-height:25px;	
	}
	
.pro_Feature li{
border-bottom: #878787 dotted 1px;}












.pro_form{
width:850px;
float:left;
margin:5px 0px 0px 10px;
padding:0px 10px 10px 10px;
color:#333;
text-align:left;
font-size:13px;
font-family: Arial;
line-height:25px;	
	}

/* 產品個別頁 結束*/




/* Embedded Board 首頁*/
.eb_pic{
margin:0px auto;
width:850px;
}

.eb_pic li{
float:left;
color:#333;
text-align:left;
font-size:12px;
padding:5px 0 0 0px;
font-family: Arial;
}
	
.eb_pic li.eb01 a {
float:left;
margin:0px;
display:block;
width:265px;
height:425px;
background-image:url(../images/products/embedded/eb-1.jpg);
}
.eb_pic li.eb01 a:hover {
background-position:left bottom;
}

.eb_pic li.eb02 a {
float:left;
margin:0px;
display:block;
width:276px;
height:425px;
background-image:url(../images/products/embedded/eb-2.jpg);
}
.eb_pic li.eb02 a:hover {
background-position:left bottom;
}

.eb_pic li.eb03 a {
float:left;
margin:0px;
display:block;
width:289px;
height:425px;
background-image:url(../images/products/embedded/eb-3.jpg);
}
.eb_pic li.eb03 a:hover {
background-position:left bottom;
}

/* Embedded Board 首頁結束*/



/* System & Platform 首頁*/
.sys_pic{
margin:0px auto;
width:850px;
}

.sys_pic li{
float:left;
color:#333;
text-align:left;
font-size:12px;
padding:5px 0 0 0px;
font-family: Arial;
}
	
.sys_pic li.sys01 a {
float:left;
margin:0px;
display:block;
width:268px;
height:425px;
background-image:url(../images/products/system/system-1.jpg);
}
.sys_pic li.sys01 a:hover {
background-position:left bottom;
}

.sys_pic li.sys02 a {
float:left;
margin:0px;
display:block;
width:273px;
height:425px;
background-image:url(../images/products/system/system-2.jpg);
}
.sys_pic li.sys02 a:hover {
background-position:left bottom;
}

.sys_pic li.sys03 a {
float:left;
margin:0px;
display:block;
width:289px;
height:425px;
background-image:url(../images/products/system/system-3.jpg);
}
.sys_pic li.sys03 a:hover {
background-position:left bottom;
}

/* System & Platform 首頁結束*/



/* Design In Services 首頁*/

.Des_main{
margin:0px auto;
width:850px;
float:left;
margin:5px 0px 0px 10px;
padding:0px 10px 10px 10px;
color:#333;
text-align:left;
font-size:14px;
font-family: Arial;
line-height:20px;
}

.Des_main2{
margin:0px auto;
width:850px;
background-color:#f9eee4;
border-top: #ebd1b7 dotted 2px;
border-bottom: #ebd1b7 dotted 2px;
float:left;
margin:5px 0px 0px 10px;
padding:0px 10px 10px 10px;
color:#333;
text-align:left;
font-size:13px;
font-family: Arial;
line-height:22px;
}


.Des_pic{
float:left;
margin:10px auto;
width:350px;
}

.Des_word{
width:450px;
float:left;
color:#333;
text-align:left;
font-size:14px;
padding:20px 0 0 10px;
font-family: Arial;
line-height: 25px; 
}
	



.txt414141{
	color:#414141; 
	font-size:14px; line-height: 
	20px;font-family: Arial;
	font-weight: bold;
	}
	
.txt414141_2{
	padding:10px 0 0 0;
	color:#FFF; 
	font-size:13px; line-height: 
	20px;font-family: Arial;
	font-weight: bold; text-align:center;}
	
.txt414141_3{
	color:#00538c; 
	font-size:14px; line-height: 
	20px;font-family: Arial;
	font-weight: bold;}

/* Design In Services 首頁結束*/






.promenu_pic{
float:left;
margin:0px auto;
width:785px;
}

.promenu_pic li{
float:left;
color:#333;
text-align:left;
font-size:12px;
padding:15px 0px 0px 10px;
font-family: Arial;
}
	
.promenu_pic li.menu01 a {
float:left;
margin:0px;
display:block;
width:185px;
height:337px;
background-image:url(../images/products/products_01.jpg);
}
.promenu_pic li.menu01 a:hover {
background-position:left bottom;
}

.promenu_pic li.menu02 a {
float:left;
margin:0px;
display:block;
width:185px;
height:337px;
background-image:url(../images/products/products_02.jpg);
}
.promenu_pic li.menu02 a:hover {
background-position:left bottom;
}

.promenu_pic li.menu03 a {
float:left;
margin:0px;
display:block;
width:185px;
height:337px;
background-image:url(../images/products/products_03.jpg);
}
.promenu_pic li.menu03 a:hover {
background-position:left bottom;
}

.promenu_pic li.menu04 a {
float:left;
margin:0px;
display:block;
width:185px;
height:337px;
background-image:url(../images/products/products_04.jpg);
}
.promenu_pic li.menu04 a:hover {
background-position:left bottom;
}





.promenu_pic_r{
float:left;
margin:12px auto;
width:282px;
}

.promenu_pic_r li{
float:left;
color:#333;
text-align:left;
font-size:12px;
padding:5px 0px 0px 10px;
font-family: Arial;
}
	
.promenu_pic_r li.menu01 a {
float:left;
margin:0px;
display:block;
width:282px;
height:108px;
background-image:url(../images/products/products_05.jpg);
}
.promenu_pic_r li.menu01 a:hover {
background-position:left bottom;
}

.promenu_pic_r li.menu02 a {
float:left;
margin:0px;
display:block;
width:282px;
height:108px;
background-image:url(../images/products/products_06.jpg);
}
.promenu_pic_r li.menu02 a:hover {
background-position:left bottom;
}

.promenu_pic_r li.menu03 a {
float:left;
margin:0px;
display:block;
width:282px;
height:108px;
background-image:url(../images/products/products_07.jpg);
}
.promenu_pic_r li.menu03 a:hover {
background-position:left bottom;
}




.prospace{
height:530px;	
	}



.txt3332_2{
	color:#333; 
	font-size:14px; 
	font-family: Arial;
	line-height: 26px;  	
	}
