/* CSS Document */
@charset "utf-8";
html, body{margin:0px;background:#3875d1;font-family:Arial,Tahoma;font-size:11px;color:#fff;}
form, table, p{margin:0;padding:0;}
.clearboth{	clear:both;}
div, p {line-height:16px;}
p{margin:0px; padding:0px;}
a{text-decoration:none; color:#9db8e0;}
a:hover {text-decoration:underline;color:#fff;}
.fl, .left{float:left}
.fr, .right{float:right}
.header{width:100%; height:auto;}
.footer{width:100%;height:auto; border:1px dashed #ABCADC; border-left:0; border-right:0; margin-top:20px;}
.content{width:990px; height:auto; overflow:hidden; position:relative; text-align:left; }
.infor{color:#C6DBE8;font-size:10px;}
.btn_button{border:1px solid #498AB1; background:#9ABFD6;padding:0 5px 0 5px;text-align:center;color:#000;cursor:pointer;}
.btn_button:hover{border:1px solid #848c94; background:#888787;padding:0 5px 0 5px;text-align:center;color:#000;cursor:pointer;}
/*------------------------ container ---------------------------*/
.main-frame { width:100%; height:auto; text-align:center; }
.main-content { width:100%; height:auto; display:inline; border:0;text-align:left; }
.content-left { display:block; width:22%; height:auto; position:relative; top:0px; left:0px; }
.content-container { display:block; width:78%; *width:77.8%; _width:77.8%; height:auto; position:relative; top:0px; left:0px; }
.content-right { display:block; width:0%; height:auto; position:relative; top:0px; left:0; }
.center-content { display:block; width:97%; height:auto; position:relative; top:0px; left:1.5%; border:1px solid #9db8e0; }
/*------------------content right -------------------*/
.content-left .left_group, .content-right .right_group {width:100%; height:29px; background:url(../image/body/left_group_bg.gif) bottom right no-repeat; text-align:right}
.content-left .folder, .content-right .folder {color:#fff; font-weight:600; padding-top:5px;}
.content-left .folder-title, .content-left .folder-title a, 
.content-right .folder-title, .content-right .folder-title a {color:#fff;font-weight:600;font-size:13px;text-decoration:none; text-transform:uppercase;}
.content-left .folder-title a:hover
.content-right .folder-title a:hover {color:#1d354b;text-decoration:none}
.content-left .body, .content-right .body { border:0px solid #5795fb; border-bottom:0; border-top:0;}
.content-left .body. .content-right .body { width:99%;}
.content-left .left_subgroup {width:100%;height:27px;}

@media screen and (-webkit-min-device-pixel-ratio:0) { /* fix for Safarit & Chrome */
body:first-of-type .content-right .body {width:100%;}
body:first-of-type .content-left .body {width:99.5%;}
}
.main-cat { line-height:25px; white-space:nowrap; }
.sub-cat { height:22px; padding:5px 0 0 5px; white-space:nowrap; }
.cat-active {color:#fff; text-decoration:none; white-space:nowrap; }
.cat-deactive {color:#bbcce5; text-decoration:none; white-space:nowrap; }
/*------------------------ container -----------------------------*/
.content_group{width:98%; height:29px; margin-top:20px; border-bottom:1px dashed #76A9C7; text-align:left;}
.content_folder {height:29px;text-align:left;}
.content_folder .folder-title {color:#000;font-weight:600;font-size:14px;}
.content_body .folder-title, .folder-title a {color:#000;font-weight:600;font-size:14px;text-decoration:none;}
.content_body .folder-title, .folder-title a:hover {color:#1d354b;text-decoration:none}
.content_folder .folder-subtitle {color:#fff; text-transform:uppercase; padding-top:7px; font-size:16px;}
.content_folder .folder-subtitle a {color:#fff;text-decoration:none}
.content_folder .folder-subtitle a:hover {color:#1d354b;text-decoration:underline}
.content_body {width:98%; height:auto; text-align:center; padding:10px 0 10px 0;}
.content_body .body-row {display:block; width:98%; height:auto; border:0; text-align:left}
.content_body .body-item {display:block;width:20%;margin-top:20px;border:0}
.content_body .body-homeitem {display:block;width:23%;margin-top:20px;border:0}
.content_body .view-detail {text-align:right;position:relative;right:50px;}
.content_body .body-row-sep {width:100%;border:0;}
/*----------------- about ---------------------------*/
.content_body .about-title { line-height:25px; color:#fff; font-size:16px; text-transform:uppercase; border-bottom:1px dashed #6FA4C4}
/*----------------- product ---------------------------*/
.content_body .product-title { line-height:25px; color:#fff;}
.product-title a {color:#fff;text-decoration:none;font-weight:600;}
.product-title a:hover {color:#e14f00;text-decoration:none;}
.content_body .product-title-detail {line-height:25px; color:#c7dcc5; font-size:14px; font-weight:600;}
.content_body .product-other-item {display:block;width:48%;margin-top:10px;border:0}
/*----------------- news ---------------------------*/
.neo-emailprintback {/* background: url(../image/icon/neo-emailprintback.png*/) no-repeat right top; height: 28px; line-height: 28px; text-align:right}
.neo-emailprintback a {color: #999999;margin-right: 15px;}
.neo-emailprintback a:hover {color: #6495ed}
.ss-email {background: url(../image/icon/neo-email.png) no-repeat center left; padding: 0 0 0 22px; }
.ss-print {background: url(../image/icon/neo-print.png) no-repeat center left; padding: 0 0 0 19px; }
.ss-respond {background: url(../image/icon/neo-respond.png) no-repeat center left; padding: 0 0 0 20px; }
/*------------------ news other --------------------*/
.newshot-date{font-weight:600}
.newshot-title a{color:#000;text-decoration:none;}
.newshot-title a:hover{color:#ce0202;text-decoration:underline;}
.content_body .other-title {line-height:25px;font-size:13px;text-decoration:underline;font-weight:600;color:#ff6000}
/*----------------- comment ---------------------------*/
.content_body .comment-title {line-height:20px;font-size:11px;font-weight:600;color:#000}
/*----------------- custommer ---------------------------*/
.content_body .custommer-title {line-height:25px;color:#646464;}
/*------------------------ footer ---------------------------*/
.footer-body { width:90%; color:#000; }
.footer-body a{color:#fff;text-decoration:none;}
.footer-body a:hover{color:#eebe00;text-decoration:none;}
.footer_group{width:100%;border-bottom:1px solid #9e9aa5;margin-top:20px;}
.footer_group .folder {font-size:16px;color:#fff;font-weight:600;}
.footer-body .untilities a {color:#fff;text-decoration:none;}
.footer-body .untilities a:hover {color:#ff0000;text-decoration:none;}

/*--------------------header menu -------------------------*/
.menu { width:auto; height:auto; margin-right:20px; }
.content-menu { width:auto; height:auto; }
.active-menu {
	float:left; width:auto; height:20px; color:#fff; 
	background:url(../image/header/menu_active.gif) no-repeat top left; }
.active-menu a { color:#fff; text-decoration:none; line-height:20px; }
.active-menu a:hover { text-decoration:none; }
.deactive-menu {
	float:left; width:auto; height:20px; color:#979797; 
	background:url(../image/header/menu_deactive.gif) no-repeat top left; }
.deactive-menu a { color:#9db8e0; text-decoration:none; line-height:20px;}

/*-------------------- menu footer --------------------*/
.deactive-footer { float:left; height:25px; padding:0 5px 0 5px; color:#fff; text-align:center; }
.deactive-footer a { color:#fff; line-height:25px; font-weight:600;}
.deactive-footer a span { color:#fff; height:25px; display:block; }
.active-footer { float:left; height:25px; padding:0 5px 0 5px; color:#ff6d01; text-align:center; }
.active-footer a { color:#ff6d01; line-height:25px; font-weight:600;}
.active-footer a span { color:#ff6d01; height:25px; display:block; }
.footer-sep { width:30px; line-height:25px; text-align:center; color:#fff; }

.counter{ height:29px; color:#fff; margin-top:10px; background:url(../image/body/left_couter_bg.gif) no-repeat }
/*------------------------- contact -----------------------------*/
div.contact_row {width:100%; height:auto; display:inline-table; margin-top:1px; margin-top:2px !important;}
span.text_contact { width:20%; text-align:right; margin-right:1.5%; }
span.contact { width:auto; }
.contact_input {color: #fff; background-color: #ABCADC; border: solid 1px #498AB1; }

.button{border:0px;}
#select{ position:absolute; display:none; z-index:1000; border:1px solid #ccc; top:24px; left:0px; background:#fff; }
.option{ float:left; text-align:left; padding:5px 0px 5px 5px; }
.search-center {height:auto;}
.search-input{width:151px; border:1px solid #81a6dc; padding:2px; background:#d4e5ff}
.btn_search { margin:5px 0 0 5px; cursor:pointer; border:0 }