@charset "utf-8";
/* CSS Document */

html, body{font-family: Arial, Helvetica, sans-serif;}

.style1{font-size:24px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#333333;}
.style2{font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#339900; font-size:14px;}
.table1 {font-family:Arial, Helvetica, sans-serif; text-align:center; color:#666666; border:solid 1px #CCCCCC;b order-top:solid 3px #99CC33; border-collapse:collapse; border-spacing: inherit;width:100%;}

th {color:#FFFFFF; background-color:#666666; border:solid 1px #CCCCCC; border-collapse:collapse; border-spacing:inherit;}
td {border:solid 1px #CCCCCC; border-collapse:collapse; border-spacing:inherit;}

#wrap {width:950px; position:relative; margin:0px auto; padding:0px; font-size:12px;}
#banner {width:950px; margin:0px; padding:0px;}
#content {position:relative; float:left; width:950px; margin:0px; margin-bottom:20px; padding:0px;}
#about_left_title {position:relative; float:left; top:10px; width:250px; height:50px; margin:0px; padding:0px;}
#about_right_title {position:relative; float:right; top:10px; width:670px; height:50px; margin:0px; padding:0px;}
#about_cont {position:relative; float:left; width:950px; top:50px; margin:0px; padding:0px;}
#contact_cont {position:relative; float:left; width:950px; height:500px; top:50px; margin:0px; padding:0px;}
#menu {position:relative; float:left; width:950px; margin:0px; padding:0px; letter-spacing:0px;}

#left {position:relative; float:left; top:10px; width:250px; margin:0px; padding:0px;}
#search {width:250px; height:50px; margin:0px; padding:0px; background-image:url(product_search.gif); background-repeat:no-repeat;}
#news {margin:0px; padding:0px; width:250px;}
#news_block_top {width:250px; height:5px; margin:0px; padding:0px; background-image:url(txtblock_top.gif); background-repeat:no-repeat;}
#news_block_text {width:250px; margin:0px; padding:5px; background-image:url(txtblock_med.gif); background-repeat:repeat-y;line-height:150%;word-spacing:1px;font-size:12px;}
#news_block_bottom {width:250px; height:5px; margin:0px; padding:0px; background-image:url(txtblock_bottom.gif); background-repeat:no-repeat;}

#right {position:relative; float:right; top:10px; width:680px; margin:0px; padding:0px; padding-left:5px; border:solid #CCCCCC; border-top:none; border-bottom:none; border-right:none; border-left:1px;}
#right_title {width:680px; height:50px; margin:0px; padding:0px;}
#pro {width:680px; margin:0px; padding:0px;}
#product {position:relative; float:left; margin:0px; padding:3px;}
#pro_block_top {background-image:url(pro_txtblock_top.gif); background-repeat:no-repeat; width:210px; height:4px; margin:0px; padding:0px;}
#pro_block_med {background-image:url(pro_txtblock_med.gif); background-repeat:repeat-y; margin:0px; padding:3px; width:210px; overflow:auto!important; *overflow:inherit!important; overflow:inherit;}
.AutoNewline{word-break: break-all; border:none;}
#pro_block_bottom {background-image:url(pro_txtblock_bottom.gif); background-repeat:no-repeat; width:210px; height:4px; margin:0px; padding:0px;}
#bottom {position:relative; float:left; width:950px; height:40px; background-image:url(bottom.gif); background-repeat:no-repeat; color:#FFFFFF; margin:0px; margin-top:40px; padding-left:10px; padding-top:20px;}
#page_content {margin:0px; padding:0px;}
#pro_photo {position:relative; float:left; width:670px; margin:0px; padding:0px; padding-bottom:10px; border:solid 1px #CCCCCC; border-top:none; border-left:none; border-right:none;}
#photo {position:relative; float:left; margin:0px; padding:0px; width:180px;}
#intro {position:relative; float:left; margin:0px; padding:0 0 0 10px; width:480px;}
#hr {position:relative; float:left; margin:0px; padding:0px; width:670px;}
#feature {position:relative; float:left; margin:0px; margin-top:10px; padding:0px; padding-bottom:10px; width:670px; border:solid 1px #CCCCCC; border-top:none; border-left:none; border-right:none;}
#app {position:relative; float:left; margin:0px; margin-top:10px; padding:0px; padding-bottom:10px; width:670px; border:solid 1px #CCCCCC; border-top:none; border-left:none; border-right:none;}
#application {position:relative; float:left; margin:0px; padding:0px; width:335px;}
#reference {position:relative; float:left; margin:0px; padding:0px; width:335px;}
#p_table {position:relative; float:left; margin:0px; margin-top:10px; padding:0px; padding-bottom:10px; width:670px;}

/*左側選單*/
/*1st*/
#navcontainer{margin-left: 0px;}
#navcontainer ul{margin:0; padding:0; list-style-type:none; font-family:arial, Helvetica, sans-serif;}
#navcontainer li{margin:0;}
#navcontainer a{display:block; padding:5px 10px; width:180px; color:#fff; background:#989898; text-decoration:none; border-bottom:1px solid #999; font-weight:bold; font-size:1em;}
#navcontainer a:hover{text-decoration: none; border-bottom:1px solid #999;}
/*2nd*/
#navcontainer ul ul a{display:block; padding:5px 10px; width:180px; color:#000; background:#D1E4A9; text-decoration:none;}
#navcontainer ul ul a:hover{text-decoration: none; cursor:pointer;}
/*3rd*(2nd li)*/
#navcontainer ul ul li a{display:block; padding:5px 10px!important; *padding:5px 10px!important; width:180px!important; *width:164px!important; color:#000; background:#EFFADA; font-weight:normal; text-decoration:none; border-bottom:1px solid #fff;}
#navcontainer ul ul li a:hover{text-decoration:none; border-bottom:1px solid #fff;}