body div div div , body table{ font-size: 12px; }
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, b, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, thead, tfoot, tr, th, td { color: inherit; margin: 0; padding: 0; border: 0; font-style: inherit; font-family: inherit; vertical-align: baseline; list-style-type: none; }
h1, h2, h3, h4, h5, h6,strong{ font-size: 100%; font-weight: 400; }
body { font-size: 14px; background-color: #fff; text-align: center; }
table { width: 100%; border-collapse: collapse; border-spacing:0;}
caption{ font-weight: normal; }
th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; margin-right: auto; margin-left: auto; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q {quotes: "" ""; }
a img { border: none; }
a { color: #363636; text-decoration: none; border: none; }

/* clear Layout*/
.clear{ font-size: 0; line-height: 0; height: 1px; overflow: hidden; visibility: hidden; float: none; clear: both; margin: 0; padding: 0; border-width: 0; }
/* clear Layout*/
.block:after{content:"."; 
    display:block; 
    height: 0;
    clear:both; 
    visibility:hidden;}
.block{display:inline-block;}
.block{display:block;}
/* style start */

#top_nav_bar{ border: solid 1px #b9c9c9; background-image: url(img/title_bg.gif); background-repeat: repeat-x; width: 978px; height: 28px; overflow: hidden; margin: auto; }
#top_nav_bar ul{ width: 700px; height: 28px; float: left; margin-left: 30px; display: inline; }
#top_nav_bar ul li{ font-size: 16px; line-height: 24px; text-align: center; width: 100px; height: 24px; float: left; margin-top: 4px; }
#top_nav_bar ul li a.this { color: #0e1252; font-size: 14px; font-weight: bold; line-height: 20px; background-color: #fff; height: 24px; border-color: #b0c7cd; border-style: solid; border-width: 1px 1px 0; display: block; }
#top_nav_bar ul li a:hover { font-weight: bold; text-decoration: underline; }
#top_nav_bar span{ font-size: 12px; height: 28px; float: right; }
#top_nav_bar span a{ color: #000; line-height: 28px; margin-right: 12px; }

#top_pic{ color: #8a0053; font-size: 9px; font-family: verdana; line-height: 108px; text-align: center; width: 978px; height: 108px; overflow: hidden; margin: auto; border-color: #b9c9c9; border-style: solid; border-width: 2px 1px 1px; }
#top_pic img ,#top_pic a{ margin: auto; padding: 0; display: block; }
#site_link_bar{ font-size: 12px; width: 978px; height: 22px; clear: both; margin: 5px auto; border: solid 1px #b9c9c9; }
#site_link_bar span { line-height: 22px; height: 22px; float: left; margin-left: 5px; padding-right: 5px; padding-left: 5px; }
#site_link_bar a { font-weight: bold; line-height: 22px; height: 22px; float: left; margin-left: 5px; padding-right: 5px; }

#main{ width: 978px; clear: both; margin: auto; }

/* only left bar style*/
#left_bar{ text-align: left; width: 198px; float: left; }
#left_bar #info_class{ clear: both; margin-bottom: 5px; border: solid 1px #b9c9c9; }
#left_bar #info_class h1{ font-size: 14px; font-weight: bold; line-height: 28px; background-image: url(img/titleNav_bg.gif); background-repeat: repeat-x; text-indent: 1em; height: 28px; }
#left_bar #info_class ul{ padding-top: 5px; padding-bottom: 5px; }
#left_bar #info_class ul li{ margin-bottom: 1px; border-bottom: 1px dashed #afb1b0; background-image: url(img/liTitle_top.gif); background-repeat: no-repeat; background-position: 8px 8px; }
#left_bar #info_class ul li a{ line-height: 1.8em; height: 1.8em; overflow: hidden; margin-left: 20px; }
#left_bar #info_class .more_info { background-image: url(img/liTitle.gif); background-repeat: no-repeat; background-position: right center; float: right; margin-right: 10px; padding-right: 5px; }

#left_bar #site_search{ clear: both; margin-bottom: 5px; border: solid 1px #b9c9c9; }
#left_bar #site_search h1{ font-size: 14px; font-weight: bold; line-height: 28px; background-image: url(img/titleNav_bg.gif); background-repeat: repeat-x; text-indent: 1em; height: 28px; }
#left_bar #site_search form{}
#left_bar #site_search form p{ height: 1.5em; margin-top: 8px; margin-bottom: 8px; padding-right: 8px; padding-left: 8px; }
#left_bar #site_search form p input{ width: 100px; float: left; border: solid 1px #b9c9c9; }
#left_bar #site_search form p button{ background-color: transparent; background-image: url(img/ser_btn.gif); text-indent: -100px; width: 37px; height: 20px; float: right; margin-left: 5px; border-width: 0; }

#left_bar #com_info{ background-color: #309075; background-image: url(img/about.gif); background-repeat: no-repeat; background-position: center bottom; clear: both; margin-bottom: 5px; padding-bottom: 10px; border: solid 1px #b9c9c9; }
#left_bar #com_info h1{ font-size: 14px; font-weight: bold; line-height: 22px; background-image: url(img/com_info_top.gif); background-repeat: no-repeat; background-position: center top; text-align: center; padding-top: 12px; }
#left_bar #com_info ul{ clear: both; margin-right: 12px; margin-left: 12px; }
#left_bar #com_info ul li{ font-size: 12px; line-height: 20px; clear: both; }
#left_bar #com_info .more_info { color: #000; float: right; margin-top: 8px; margin-right: 10px; }

#left_bar #demand_info{ clear: both; margin-bottom: 5px; border: solid 1px #b9c9c9; }
#left_bar #demand_info h1{ font-size: 14px; line-height: 26px; background-color: #429dbc; text-indent: 1em; height: 26px; }
#left_bar #demand_info ul{ margin: 18px; }
#left_bar #demand_info ul li { background-image: url(img/liTitle.gif); background-repeat: no-repeat; background-position: 0 center; height: 1.8em; }
#left_bar #demand_info ul li a { font-size: 12px; line-height: 1.8em; margin-left: 15px; }
#left_bar #demand_info ul li a:hover { text-decoration: underline; }


/* only right_content style*/
#right_content{ text-align: left; width: 772px; float: right; }

#right_content #commend{ clear: both; margin-bottom: 5px; border: solid 1px #b9c9c9; }
#right_content #commend h1{ font-size: 14px; font-weight: bold; line-height: 28px; background-image: url(img/titleNav_bg.gif); background-repeat: repeat-x; text-indent: 1em; height: 28px; }
#right_content #commend ul{ width: 750px; height: 180px; overflow: hidden; margin: auto auto 20px; }
#right_content #commend ul li{ text-align: center; width: 140px; float: left; margin-top: 15px; margin-right: 4px; margin-left: 4px;}

#right_content #commend ul li a { width: 108px; height: 108px; overflow: hidden; clear: both; margin: 5px auto; border: dashed 1px #429dbc; display: block; }
#right_content #commend ul li a img{ margin: 4px; }
#right_content #commend ul li p{ line-height: 1.1em; height: 2.2em; overflow: hidden; margin-bottom: 5px; }
#right_content #commend ul li span{ color: #f00; font-size: 12px; font-weight: bold; background-image: url(img/dun.gif); background-repeat: no-repeat; background-position: 0 center; padding-left: 15px; }

#right_content #complan{ width: 520px; height: 158px; overflow: hidden; float: left; margin-bottom: 5px; border: solid 1px #b9c9c9; }
#right_content #complan h1{ font-size: 14px; line-height: 28px; background-image: url(img/titleNav_bg.gif); background-repeat: repeat-x; text-indent: 1em; height: 28px; }
#right_content #complan p.complan{ text-align: left; margin-bottom: 5px; padding-top: 10px; padding-right: 10px; padding-left: 10px; }
#right_content #complan img.compic{ float: left; margin-right: 5px; margin-bottom: 5px; }

#right_content #newserve{ clear: both; margin-bottom: 5px; border: solid 1px #b9c9c9; }
#right_content #newserve h1{ font-size: 14px; font-weight: bold; line-height: 28px; background-image: url(img/titleNav_bg.gif); background-repeat: repeat-x; text-indent: 1em; height: 28px; }
#right_content #newserve .tabwap{ margin: 10px; }
#right_content #newserve .tabwap table{}

#right_content #newserve .tabwap table th.name { }
#right_content #newserve .tabwap table th.model { }
#right_content #newserve .tabwap table th.price { text-align: center; text-indent: 0; width: 10%; }

#right_content #newserve .tabwap table td.name { color: #333; font-weight: bold; }
#right_content #newserve .tabwap table td.model { color: #f93; font-weight: bold; }
#right_content #newserve .tabwap table td.price { text-align: center; text-indent: 0; }
#right_content #newserve .tabwap table td{ text-indent: 0.5em; padding-top: 3px; padding-bottom: 3px; border: solid 1px #ccc; }
#right_content #newserve .tabwap table td.tfoot{ color: #000; text-align: center; text-indent: 0; }
#right_content #newserve .tabwap table td.tfoot a { color: #000; text-decoration: underline; }
#right_content #newserve .tabwap table td.tfoot input { width: 30px; border: solid 1px #7e9db9; }
#right_content #newserve .tabwap table th{ font-weight: bold; line-height: 23px; background-image: url(img/table_title.gif); text-indent: 0.5em; height: 23px; border: solid 1px #ccc; }
#right_content #newserve .tabwap table tfoot{}
#right_content #affiche{ width: 240px; height: 158px; overflow: hidden; float: right; margin-bottom: 5px; border: solid 1px #b9c9c9; }
#right_content #affiche h1{ font-size: 14px; line-height: 28px; background-image: url(img/titleNav_bg.gif); background-repeat: repeat-x; text-indent: 1em; height: 28px; }
#right_content #affiche ul{ text-align: left; height: 9.6em; overflow: hidden; margin-bottom: 5px; padding: 5px 5px 0 10px; }
#right_content #affiche ul li{ font-size: 12px; line-height: 1.6em; height: 1.6em; overflow: hidden; clear: both; }