@charset "utf-8";

/* layout */
body {margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif;}
img {border: 0;}

#main {width: 1000px; margin: 0 auto; background: url(images/bg.jpg) repeat-y;}
#main2 {width: 900px; margin: 0 auto; position: relative;}

#left {width: 265px; position: absolute; top: 0; left: 0;}
#right {width: 635px; margin-left: 265px; min-height: 800px; height: auto !important; height: 800px;}

/* logo */
.logo {width: 265px; height: 79px; background: url(images/logo_bg.jpg) no-repeat; padding-left: 15px;}

/* products list */
.proList {width: 209px; margin-left: 29px;}
.proList .top {width: 209px; height: 48px; background: url(images/proList_top.jpg) no-repeat;}
.proList .middle {width: 209px; background: url(images/proList_middle.jpg) repeat-y; font-size: 12px; padding-top: 10px;}
.proList .middle a {color: #0038cc; text-decoration: none;}
.proList .middle a:hover {color: #ff8a2a;}
.proList .middle .listArrow {margin: 0 5px 0 16px;}
.proList .bottom {width: 209px; height: 25px; background: url(images/proList_bottom.jpg) no-repeat;}

/* left button */
.button {width: 207px; margin-left: 30px;}
.button img {margin-top: 12px;}
.button a:hover {position: relative; top: 1px; left: 1px;}

/* language */
.lan {width: 635px; height: 79px; background: url(images/lan_bg.jpg) no-repeat;}
.lanText {width: 120px; font-size: 12px; color: #004662; margin-left: 500px; padding-top: 18px;}
.lanText a {color: #004662; text-decoration: none;}
.lanText a:hover {color: #008812;}

/* nav */
#nav {margin-top: -40px;}

/* nowhere */
.nowhere {font-size: 12px; color: #00488b; margin: 0 0 7px 2px;}
.nowhere a {color: #00488b;}
.nowhere a:hover {text-decoration: none; color: #008fc0;}

/* title */
.title {margin: 8px 0 0 3px;}

/* content */
.content {width: 595px; margin: 6px 0 0 4px;}
.content .contentIn {width: 595px; background-color: #f4f6fe;}
.content .contentIn .contentText {width: 530px; margin-left: 32px; font-size: 12px; color: #002653; line-height: 2.3em;} 
.content .contentIn .contentText p {padding: 18px 0; margin: 0;}

.content .proTable td {text-align: center;}
.content .proTable .img {width: 197px; height: 197px; background: url(images/products_bg.jpg) no-repeat;}
.content .proTable .img a:hover {position: relative; top: 1px; left: 1px;}
.content .proTable .name a {font-size: 13px; color: #0062b0; text-decoration: none; border-bottom: 1px dashed #0062b0;}
.content .proTable .name a:hover {color: #c96f00; border-bottom: 0;}

.content .proTable1 {margin-top: 10px;}
.content .proTable1 a.big {font-size: 12px; color: #616161; text-decoration: none; margin-left: 40px;}
.content .proTable1 h1 {font-size: 15px; color: #ff0000; font-weight: bold; margin: 0;}
.content .proTable1 h2 {font-size: 15px; color: #0032c4; font-weight: bold; margin: 6px 0 0 0;}
.content .proTable1 .title {width: 388px; font-size: 15px; color: #3c8ca6; font-weight: bold; border-bottom: 2px solid #3c8ca6; margin-top: 15px;}
.content .proTable1 .color {font-size: 13px; margin: 5px; line-height: 1.8em;}

.content .proTableForm {font-size: 12px; margin: 5px 0 0 2px;}
.content .proTableForm th {color: #006388; background-color: #b9cdd8; padding: 5px auto;}
.content .proTableForm td {padding: 5px 0 5px 10px; line-height: 1.7em;}
.content .proTableForm .td01 {color: #0052e1; background-color: #cddbe6;}
.content .proTableForm .td02 {color: #0052e1; background-color: #dde7ee;}

.content .proTableForm #tdTitle {background-color: #8aaebd; color: white; font-weight: bold;}

.content .proTable1 .download {margin: 10px 0 0 2px;}
.content .proTable1 .download a {font-size: 13px; color: #005091; font-weight: bold; text-decoration: none;}
.content .proTable1 .download a:hover {color: #3996d8;}

.content #proLine {width: 595px; height: 1px; border-bottom: 1px dashed #b9c7d8; margin: 15px 0;}

.content #purIntro {font-size: 13px; color: #3c8ca6; font-weight: bold; line-height: 1.5em;}

.content .purTable {font-size: 12px; margin: 5px 0 0 2px;}
.content .purTable th {color: #004d36; background-color: #b1e38d; padding: 5px auto;}
.content .purTable td {padding: 5px 0 5px 10px; line-height: 1.7em;}
.content .purTable .td01 {color: #007e34; background-color: #c4f2ae;}
.content .purTable .td02 {color: #007e34; background-color: #d7f6c8;}

.content iframe {margin: 10px 0 0 3px;}

.content .reTable {font-size: 12px; margin: 5px 0 0 2px;}
.content .reTable th {color: #9d3b00; background-color: #ffce78; padding: 0 0 0 10px; text-align: left;}
.content .reTable td {padding: 5px 0 5px 10px; line-height: 1.7em;}
.content .reTable .td01 {color: #e4591e; background-color: #ffe2a9;}
.content .reTable .td02 {color: #e4591e; background-color: #ffebc5;}
.content .reTable #td03 {color: #e4591e; background-color: #ffff86; font-weight: bold;}

/* footer */
#footer {width: 900px; height: 85px; background-color: #eaecf1; margin-top: 20px; text-align: center; padding-top: 10px;}
.footerText {font-size: 11px; color: #3d6598; line-height: 1.8em;}
.footerText a {color: #3d6cec;}
.footerText a:hover {text-decoration: none;}
.footerText span {color: #99afc2;}