@charset "utf-8";

/*
MAXIMUM: 1000px
Content : 700px
*/

/* Body Background */
.body {background:url(../img/common/bg_index.gif) repeat-x;}

/* Wrapper */
#wrap {width:1000px; margin:0 auto; position:relative;}

/* Header */
#header {height:110px; margin:0 0 24px 0;}
#header .logo {position:absolute; top:14px; left:20px;}
#nb {position:absolute; top:100px; left:0px;}
#local {position:absolute; top:10px; right:10px; text-transform:uppercase; width:334px;}
#local li {display:inline;}
.local_nb {float:left; text-align:right; width:200px;}
.portal {float:right; text-align:right; border:1px solid #666; background:#e1e1e1;}
.portal li {padding:0 4px; border-left:1px solid #999;}
.portal li:first-child {border-left:none;}

/* Container */
#container {clear:both; }
.main_product {float:left; width:648px; height:314px; _height:302px; padding:6px; margin:0 0 0 14px; _margin:0 0 0 7px; position:relative; background:url(../img/common/bx_main_pro.gif) no-repeat;}
#sub_product {float:right; width:310px; margin:28px 14px 0 0;  _margin:20px 0 0 12px;  position:relative;  text-align:right; }
.text_mainpro {position:absolute; top:-20px; right:10px; font:bold 14px/1.5 "Arial","MS song"; color:#7ea3d6; text-transform:uppercase;}
#sub_product div {width:310px; height:90px;}
.product_1 {}
.product_2 {}
.product_3 {}

/* bottom container */
#bottom_container {clear:both;}
#bottom_container h4 {font-size:14px; color:#153e73; margin:0 0 8px 0;}

/* Round Box */
.bx_indexmenu_tl {width:8px; height:8px; background:url(../img/common/bx_indexmenu_tl.gif) top left no-repeat;}
.bx_indexmenu_t {margin:0 8px; height:6px; background:#f8f8f8; border-top:2px solid #537eb4;}
.bx_indexmenu_rl {width:8px; height:8px; background:url(../img/common/bx_indexmenu_tr.gif) top left no-repeat;}

.bx_middle {min-height:140px; _height:100px; padding:8px 20px; border-left:2px solid #537eb4; border-right:2px solid #537eb4; background:#f8f8f8;}

.bx_indexmenu_bl {width:8px; height:8px; background:url(../img/common/bx_indexmenu_bl.gif) bottom left no-repeat;}
.bx_indexmenu_b {margin:0 8px; height:6px; border-bottom:2px solid #537eb4; background:#f8f8f8;}
.bx_indexmenu_br {width:8px; height:8px; background:url(../img/common/bx_indexmenu_br.gif) bottom left no-repeat;}
/* Round Box // End */

/* Other Product */
.bx_other_product {float:left; width:400px;}
.other_pro_table {width:90%;}
.other_pro_table thead td {padding:0 0 10px 0;}
.other_pro_table td img {float:left;}
.other_pro_table td p {float:left;}
.other_pro_table tbody td {background:url(../img/common/stroke_h_inset.gif) repeat-x;  padding:10px 0 0 0;}
.bx_other_product p {float:left;}
.main_thumbnail {float:left;}

/* Company information */
.bx_company {float:left; width:240px; padding:0 0 0 30px; background:url(../img/common/bg_main_com.gif) right bottom no-repeat;}
.bx_company h5 {font-size:14px; color:#70aee7;}
.bx_company p{}

/* borad table */
.bx_board {float:right; width:230px; position:relative;}
.bx_board .more {position:absolute; top:0px; right:0px;}
.bx_board li {width:100%; _width:230px; height:20px; float:left; clear:both;}
.bx_board .text {float:left;}
.bx_board span {float:right;}
.list_bx {min-height:60px; _height:60px;}

/* contact */
.contact{float:right; margin:12px 0 0 0; _position:relative; _top:20px; _right:10px; _margin:0px;}

/* Footer */
#footer {width:100%; height:100px; position:absolute; top:688px; clear:both;}
.footer_nb {height:27px; background:#d9d9d9; text-align:center;}
.bg_bnb_l {float:left; background:url(../img/common/bg_bnb_l.gif); height:27px; width:3px;}
.bg_bnb_r {float:right; background:url(../img/common/bg_bnb_r.gif);  height:27px; width:3px;}
.footer_nb ul {float:left; width:994px; margin:4px 0 0 0; text-align:center;}
.footer_nb li {display:inline; padding:0 60px;}
#bx_footer .logo {position:absolute; top:50px; left:20px;}
#bx_footer {margin:12px 0 0 200px;}
address {position:absolute: top:50px; left:100px;}
.number li {display:inline; padding:0 20px 0 0;}
.copyright {font:normal 11px/1.5 "tahoma";}
.company_name {font:bold 11px/1.5 "verdana"; color:#ac0909;}
.gobiz {position:absolute; top:50px; right:20px; padding:10px;}
.main_thumbnail {width:50px; padding:0 6px; margin:0 4px; background:#fff; border:1px solid #efefef;}