body {
    width: 950px;
    margin: 0 auto;
    padding: 0;
    font-size: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 20px;
    color: #1d4355;
}

ul, li, ol, dt, dd, dl, td, tr, table, p, span, div, img, input, select, form {
    margin: 0;
    padding: 0;
    list-style: none;
}

/*--頭部樣式--*/ .header {
    width: 950px;
    height: 338px;
    overflow: hidden;
} 
.top {
    clear: both;
    width: 950px;
    height: 82px;
    background: url(topbg.jpg) center center repeat-x;
} 
.top li.logo {
    float: left;
    width: 360px;
    height: 82px;
    background: url(logo.jpg) left center no-repeat;
} 
.top li.topright {
    float: right;
    width: 150px;
    height: 82px;
    background: url(topright.jpg);
} 
.nav {
    width: 950px;
    height: 55px;
    background: url(nav.jpg);
} 
.banner {
    width: 950px;
    height: 200px;
    margin-top: 1px;
    background: url(banner.jpg);
}

/*--頭部樣式--*/
/*--主體樣式--*/ .main {
    width: 950px;
    clear: both;
    overflow: hidden;
} 
.left {
    width: 230px;
    float: left;
} 
.right {
    width: 720px;
    float: left;
} 
.panel_label {
    width: 690px;
    margin-left: 30px;
} 
.content {
    width: 660px;
    margin-left: 30px;
    padding: 10px 20px 10px 10px;
    background: url(contentbg.jpg);
    font-size: 12px;
    color: #1d4355;
} 
.title {
    color: #488742;
    font-size: 14px;
    font-weight: bold;
} 
.title2 {
    color: #ff6000;
    font-size: 12px;
    font-weight: bold;
} 
.title3 {
    color: #FF0000;
    font-size: 12px;
    font-weight: bold;
} 
.panel_label {
    height: 45px;
    background: url(panel_labelright.jpg) right center no-repeat;
} 
.categorylabel {
    width: 230px;
    height: 45px;
    background: url(pro_category.jpg);
} 
.category {
    width: 230px;
    background: #f7f7f7;
    margin-bottom: 20px;
} 
.category ul {
    width: 198px;
    height: 450px;
    margin: 0 auto;
    padding-top: 20px;
} 
.category li.bigclass, .category li.smallclass {
    width: 198px;
    height: 33px;
    margin-bottom: 4px;
} 
.bigclass a:link, .bigclass a:visited, .smallclass a:link, .smallclass a:visited {
    width: 198px;
    height: 33px;
    line-height: 33px;
    display: block;
    font-size: 13px;
    font-family:新細明體;
    text-decoration: none;
} 
.bigclass a:link, .bigclass a:visited {
    background: url(leftnavbg1.jpg);
    text-indent: 3em;
} 
.bigclass a:hover {
    background: url(leftnavbg12.jpg);
    text-indent: 3em;
    font-size: 13px;
} 
.smallclass a:link, .smallclass a:visited {
    background: url(leftnavbg2.jpg);
    text-indent: 4em;
} 
.smallclass a:hover {
    background: url(leftnavbg22.jpg);
    text-indent: 4em;
    font-size: 13px;
} 
/*--新導航樣式--*/
.category li.ln01,
.category li.ln02,
.category li.ln03,
.category li.ln04,
.category li.ln05,
.category li.ln06,
.category li.ln07,
.category li.ln08,
.category li.ln09,
.category li.ln10
{
    width: 198px;
    height: 33px;
    margin-bottom: 4px;
} 
.ln01 a:link,.ln01 a:visited{width:198px;height:33px;display:block;text-indent:-999em; background:url(ln01_1.jpg);}
.ln01 a:hover{background:url(ln01_2.jpg);}
.ln02 a:link,.ln02 a:visited{width:198px;height:33px;display:block;text-indent:-999em; background:url(ln02_1.jpg);}
.ln02 a:hover{background:url(ln02_2.jpg);}
.ln03 a:link,.ln03 a:visited{width:198px;height:33px;display:block;text-indent:-999em; background:url(ln03_1.jpg);}
.ln03 a:hover{background:url(ln03_2.jpg);}
.ln04 a:link,.ln04 a:visited{width:198px;height:33px;display:block;text-indent:-999em; background:url(ln04_1.jpg);}
.ln04 a:hover{background:url(ln04_2.jpg);}
.ln05 a:link,.ln05 a:visited{width:198px;height:33px;display:block;text-indent:-999em; background:url(ln05_1.jpg);}
.ln05 a:hover{background:url(ln05_2.jpg);}
.ln06 a:link,.ln06 a:visited{width:198px;height:33px;display:block;text-indent:-999em; background:url(ln06_1.jpg);}
.ln06 a:hover{background:url(ln06_2.jpg);}
.ln07 a:link,.ln07 a:visited{width:198px;height:33px;display:block;text-indent:-999em; background:url(ln07_1.jpg);}
.ln07 a:hover{background:url(ln07_2.jpg);}
.ln08 a:link,.ln08 a:visited{width:198px;height:33px;display:block;text-indent:-999em; background:url(ln08_1.jpg);}
.ln08 a:hover{background:url(ln08_2.jpg);}
.ln09 a:link,.ln09 a:visited{width:198px;height:33px;display:block;text-indent:-999em; background:url(ln09_1.jpg);}
.ln09 a:hover{background:url(ln09_2.jpg);}
.ln10 a:link,.ln10 a:visited{width:198px;height:33px;display:block;text-indent:-999em; background:url(ln10_1.jpg);}
.ln10 a:hover{background:url(ln10_2.jpg);}
/*--新導航樣式--*/

.product {
    width: 654px;
    border: 3px solid #ebebeb;
} 
.protable td {
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
} 
.font1 {
    font-size: 14px;
    color: #FFFFFF;
    font-weight: bold;
} 
.font2 {
    font-size: 14px;
    line-height: 15px;
    color: #182763;
} 
.proinfo {
    width: 100%;
    margin: 0 auto;
    text-indent: 2em;
} 
.proinfo li {
    border-bottom: 1px solid #cccccc;
    height: 25px;
} 
.proinfo li a:link, .proinfo li a:visited {
    font-size: 12px;
    color: #0090c5;
    line-height: 25px;
    text-decoration: none;
} 
.proinfo li a:hover {
    font-size: 12px;
    color: #003244;
    line-height: 25px;
    text-decoration: underline;
} 
.proid {
    width: 100%;
    margin: 0 auto;
} 
.proid li {
    border-bottom: 1px solid #cccccc;
    height: 25px;
    text-align: center;
} 
.pro_daeil {
    width: 660px;
} 
.pro_daeil li.proimg {
    width: 500px;
    height: 340px;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 10px;
} 
.proimg img {
    width: 400px;
    height: 300px;
} 
.proimg a:link,.proimg a:visited{
	width:400px;
	height:300px;
	display:block;
	padding: 3px;
    border: 3px solid #CCCCCC;
    background: #FFF;
}
.proimg a:hover{
	width:400px;
	height:300px;
	padding: 3px;
    border: 3px solid #006699;
    background: #FFF;
}
.pro_daeil li.protext {
    width: 600px;
    margin: 0 auto;
}

/*--底部樣式--*/ .footer {
    width: 950px;
    height: 98px;
    background: #f2fee6;
} 
.footer ul {
    width: 950px;
    height: 98px;
    clear: both;
} 
.footer li.bottomleft {
    width: 160px;
    height: 98px;
    background: url(bottomlogo.jpg) left top no-repeat;
    float: left;
} 
.footer li.bottomcenter {
    width: 760px;
    height: 74px;
    background: url(bottombg.jpg);
    float: left;
    padding-top: 24px;
    overflow: hidden;
    color: #124058;
} 
.bottomcenter a {
    color: #217d15;
    text-decoration: none;
    font-weight: bold;
} 
.footer li.bottomright {
    width: 30px;
    height: 98px;
    background: url(bottomright.jpg) left top no-repeat;
    float: left;
}