body {
	text-align:center;
	margin:0 auto;
	background: #FFFFFF url(../images/idx_bg.gif) repeat-x left top;
}

a {
	color:#373737;
	text-decoration:none;
	}

a:hover {
	color:#4F6EAC;
	text-decoration:underline;
	}
input, select,textarea {
	font:normal 11px Arial, Helvetica, "新細明體";
	background-image:url(../images/input_bg.gif);
	border: 1px solid #CACA DigitalCA;
	background-repeat: no-repeat;
	background-position: left top;
	}

#search_bg{
	background: url(../images/search_bg.gif) no-repeat left top;
	height: 30px;
	width: 207px;
	margin: 0px;
	padding: 0px;
	float: right;

}
#sea_outline{
	margin: 0px 0px 0px 20px;
	padding: 0px;
}

#search{
	color: #666666;
	width: 100px;
	border: 1px solid #333333;
	font-weight: normal;
	font-variant: normal;
	height: 15px;
	background: url(../images/sea-input_bg.gif) repeat-x left top;
    
}
	
#container {
	width:770px;
	font:normal 11px/1.5em Arial;
	color:#373737;
	text-align:center;
	margin:0 auto;
	
	}
#head{
	height:97px;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

#here{
	margin: 0px 0px 0px 15px;
	padding: 0px 0px 0px 15px;
	background: url(../images/iconarr_3.gif) no-repeat left 6px;
    
}

#center{
	text-align: left;
	width: 772px;
	margin: 0px;
	padding: 0px;
}

#idx_rigtable{
    padding:0px;
	margin:55px 0 15px 15px;
}

#idx_rigtable ul {
	padding:0px;
	margin:6px 0px 6px 15px;
	list-style: none;
}

#idx_rigtable li {
	background: url(../images/icon_arrow.gif) no-repeat left 6px;
	margin: 0px;
	padding: 0px 0px 0px 10px;
}

#idx_about{
    padding:0px;
	margin:0px 0 auto 15px;
}

#idx_about ul{
	padding:0px;
	margin:6px 10px 6px 0px;
	list-style: none;
}

#idx_about li{
	padding-left: 13px;
}


#footer{
	text-align: center;
	height: 50px;
	padding-top: 26px;
	font: 10px Arial;
	color: #373737;
}





/***************************/


#found{
	font-family: Verdana, Arial;
	font-weight: bold;
	color: #1C3A6F;   
}


.newsevent{
	margin-left: 20px;
	margin-top: 10px;
}

.news ul{
	margin: 0px 0px 0px 20px;
	padding: 0px;
}


.news li{
	padding: 3px 0px 3px 15px;
	background: url(../images/iconarr_4.gif) no-repeat left 7px;
	list-style: none;
	color: #666;
}



h1,p{
    padding-left: 20px;
}

h1{
	background: no-repeat left top;
}

h2{
	background: url(../images/iconarr_2.gif) no-repeat 20px top;
	font: bold 14px Arial, "新細明體";
	color: #000000;
	margin: 0px;
	padding: 0px 0px 0px 40px;
}
h3{
	font: bold 14px Arial, "新細明體";
	color: #000000;
	margin: 0px;
	text-align: center;
	
}

h4{
	font: bold 12px Arial, "新細明體";
	color: #000000;
	background-image: url(../images/iconarr_4.gif);
	background-repeat: no-repeat;
	background-position: 15px 3px;
	margin: 35px 0px 4px;
	padding: 0px 0px 0px 30px;
}

h5{
   font: bold 12px/27px Arial, "新細明體";
	color: #B3B3B3;
	margin: 15px 0px 0px;
	background: url(../images/h5bg.gif) no-repeat left top;
	width: 258px;
	height: 28px;
	padding: 0px 0px 0px 15px;
	float: left;
}

.h5_table{
	font: bold 12px/27px Arial, "新細明體";
	color: #B3B3B3;
	margin: 15px 0px 0px;
	background: url(../images/h5bg.gif) no-repeat left top;
	width: 258px;
	height: 28px;
	padding: 0px 0px 0px 15px;
	float: left;
}


.product{
	border-top: 1px dashed #999999;
	border-bottom: 1px dashed #999999;
	margin-left: 8px;
	margin-right: 8px;
	width: 750px;
}

.product  ul {
	margin: 5px 0px 5px 15px;
	padding: 0px;
	list-style: none;
    
}
.product  li {
	background: url(../images/iconarr_4.gif) no-repeat left 3px;
	margin: 0px;
	padding: 0px 0px 0px 15px;
	list-style: none;
}




.pro{
	margin-left: 8px;
	width: 445px;
	float: right;
	
}
.pro td{
	padding-top: 6px;
	padding-bottom: 6px;
	font-weight: bold;
   
   }
   
.pro  ul {
	margin: 5px 0px 5px 15px;
	padding: 0px;
	list-style: none;
    
}
.pro  li {
	background: url(../images/iconarr_4.gif) no-repeat left 3px;

	margin: 0px;
	padding: 0px 0px 0px 15px;
	list-style: none;
}

.page{
	padding:0;
	margin-top: 25px;
	font: bold 12px Arial, "新細明體";
	color: #333333;
	text-decoration: none;
}

#detail{
    width:770px;
	margin:0;
  
}


#pro_detail_l{
	float: left;
	width: 295px;
	margin-bottom: 20px;
	padding-left: 20px;
}
#pro_detail_l ul {
	float: left;
	width: 218px;
	background: #E7E7E7;
	margin: 0px;
	padding: 20px;
}
#pro_detail_l li {
	padding: 3px 0px 3px 20px;
	background: url(../images/iconarr_4.gif) no-repeat left 7px;
	list-style: none;
	color: #666;
}






#pro_detail_r1{
	float: right;
	width: 455px;
	margin-bottom: 20px;
}

#pro_detail_r2{
	float: right;
	width: 455px;    
}


#pro_sltb{
    width:445px;
	margin:20px 0px 12px 0px;
}

.dis_table {
	height: 100%;
	margin: 0px;
	width: 258px;
	padding: 0px;
	float: left;
	text-align: center;
}
.dis_table TD {
	FONT-WEIGHT: normal;
	padding: 4px 4px 4px 15px;
	background-color: #F2F2F2;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
}
.dis_table TH {
	FONT-WEIGHT: bold;
	width: 85px;
	background-color: #E7E7E7;
	padding: 4px;
	border-right: 1px solid #FFFFFF;
	border-bottom: 2px solid #FFFFFF;

}


/***********************************************/


#promenu{
	padding-top: 15px;
	padding-bottom:38px;
	
}

ul#navmenu {
	margin:0;
	padding:0;
	width: 766px;	
}

ul#navmenu li {
	list-style:none;
	float:left;
	display:inline;
	position:relative;
	
	
	}

ul#navmenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: none;
	position: absolute;
	top: 33px;
	left:0px;
	background-color: #FFFFFF;
}

ul#navmenu ul li {
  	float: none; /*For Gecko*/
  	display: block !important;
  	display: inline; /*For IE*/
	}

/* Root Menu */	
ul#navmenu a {
	height:32px;
	text-decoration:none;
	text-indent:0px;
	float: none !important; /*For Opera*/
	float: none; /*For IE*/
	display: block;
	font: bold 12px/36px Arial, "新細明體";

	}
.m0 {
	background:url(../images/pro_menu1.gif) no-repeat left top;
	width:15px;
	height: 32px;
}	
.m1 a {
	color: #FFFFFF;
	text-decoration: none;
	width:85px;
	padding-left: 15px;
	background: url(../images/ul_bg.gif) repeat-x left top;
	
}
.m2 a { 
    
	color: #FFFFFF;
	text-decoration: none;
	padding-left: 15px;
	width:110px;
	background: url(../images/ul_bg.gif) repeat-x left top;
	 }
.m3 a { 
    color: #FFFFFF;
	text-decoration: none;
	padding-left: 15px;
	width:65px; 
	background: url(../images/ul_bg.gif) repeat-x left top;
	}
.m4 a {
    color: #FFFFFF;
	text-decoration: none;
	padding-left: 15px;
	width:80px; 
	background: url(../images/ul_bg.gif) repeat-x left top;
	}
.m5 a { 
    color: #FFFFFF;
	text-decoration: none;
	padding-left: 15px;
	width:65px; 
	background: url(../images/ul_bg.gif) repeat-x left top;
	}
.m6 a { 
    color: #FFFFFF;
	text-decoration: none;
	padding-left: 15px;
	width:60px; 
	background: url(../images/ul_bg.gif) repeat-x left top;
	}
.m7 a { 
    color: #FFFFFF;
	text-decoration: none;
	padding-left: 15px;
	width:86px; 
	background: url(../images/ul_bg.gif) repeat-x left top;
	}
.m8 a {
    color: #FFFFFF;
	text-decoration: none;
	padding-left: 15px;
    width:65px;
	background: url(../images/ul_bg.gif) repeat-x left top;
	 }

.m9 { 
    background:url(../images/pro_menu9.gif) no-repeat left top;
	width:15px;
	height: 32px;

}

.iehover a {background-position:left 0px}

.m1 a:hover,
.m1:hover a{
	color: #FFFFFF;
	width:85px;
	background: url(../images/lia_ovbg.gif) repeat-x left top;
}
.m2 a:hover,
.m2:hover a{
	background: url(../images/lia_ovbg.gif) repeat-x left top;
	width:110px;
	color: #FFFFFF;
}
.m3 a:hover,
.m3:hover a{
	background: url(../images/lia_ovbg.gif) repeat-x left top;
	width:65px;
	color: #FFFFFF;
}
.m4 a:hover,
.m4:hover a{
	background: url(../images/lia_ovbg.gif) repeat-x left top;
	width:80px;
	color: #FFFFFF;
}
.m5 a:hover,
.m5:hover a{
	background: url(../images/lia_ovbg.gif) repeat-x left top;
	width:65px;
	color: #FFFFFF;
}
.m6 a:hover,
.m6:hover a{
	background: url(../images/lia_ovbg.gif) repeat-x left top;
	width:60px;
	color: #FFFFFF;
}
.m7 a:hover,
.m7:hover a{
	background: url(../images/lia_ovbg.gif) repeat-x left top;
	width:86px;
	color: #FFFFFF;
}
.m8 a:hover,
.m8:hover a{
	background: url(../images/lia_ovbg.gif) repeat-x left top;
	width:65px;
	color: #FFFFFF;
}
/* 2nd Menu */
ul#navmenu li:hover li a,
ul#navmenu li.iehover li a {
	float: none;
	color: #FFFFFF;
	text-indent:0;
	background: #333;
	height: 25px;
	width: 100px;
	border: 1px solid #000;
	margin-top: 1px;
	padding-right: 10px;
	padding-left: 10px;
	text-decoration: none;
	font: normal 11px/25px Arial;
	}

/* 2nd Menu Hover Persistence */
ul#navmenu li:hover li a:hover,
ul#navmenu li:hover li:hover a,
ul#navmenu li.iehover li a:hover,
ul#navmenu li.iehover li.iehover a {
	background: #828282;
	color: #FFF;
	text-decoration: underline;
	}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#navmenu li:hover ul ul,
ul#navmenu li:hover ul ul ul,
ul#navmenu li.iehover ul ul,
ul#navmenu li.iehover ul ul ul {
  	display: block;
	}

ul#navmenu li:hover ul,
ul#navmenu ul li:hover ul,
ul#navmenu ul ul li:hover ul,
ul#navmenu li.iehover ul,
ul#navmenu ul li.iehover ul,
ul#navmenu ul ul li.iehover ul {
  	display: block;
	}
/***********************************************/





.contact{
	margin-left: 20px;
	margin-top: 10px;
}

.contact ul{
	margin: 0px;
	padding: 0px;
	float: left;
}


.contact li{
	padding: 0px 0px 0px 15px;
	background: url(../images/iconarr_4.gif) no-repeat left 7px;
	list-style: none;
	color: #666;
	line-height: 23px;
}

.down_table{
	margin-left: 20px;
	text-align: left;
	width: 740px;
}


.down_table td{
	height: 36px;
}

.down_table td ul{
	margin: 0px ;
	padding: 0px;
}

.down_table td li{
	padding: 3px 0px 3px 15px;
	background: url(../images/iconarr_4.gif) no-repeat left 7px;
	list-style: none;
	color: #666;
}

.com_tabpadding {
	padding-left: 20px;
}