/* CSS Document */

body { padding: 0; margin: 0; background: #fff url( '../images/body_bg.gif' ) repeat-x 0 0; font-family: "新宋体"; color: #5C5C5C; font-size: 12px; }
div, h1, h2, h3, h4, p, form, label, input, textarea, img, span { margin: 0; padding: 0; }

ul { margin: 0; padding: 0; list-style-type: none; font-size: 0; }
.spacer { clear: both; font-size: 0; line-height: 0; }
/*------------------------------------------------body--------------------*/

/*------------------------------------------------main--------------------*/
#main { width: 972px; margin: 0 auto; padding: 0 0 5px 0; }
/*------------------------------------------------left--------------------*/
#left { width: 247px; float: left; }
#left img { display: block; font-size: 0; line-height: 0; }
#left img.logo { display: block; width: 247px; height: 97px; }
#left ul { padding: 25px 12px 46px 19px; width: 216px; }
#left ul li { border-bottom: #D2D5D5 solid 1px; padding: 0 0 8px 0; margin: 0 0 8px 0; }
#left ul li a.potencial { display: block; background: url( '../images/potencial.gif' ) no-repeat 0 0; width: 199px; height: 42px; }
#left ul li a.potencial:hover { background: url( '../images/potencial_hover.gif' ) no-repeat 0 0; }
#left ul li a.ideal { display: block; background: url( '../images/ideal.gif' ) no-repeat 0 0; width: 199px; height: 42px; }
#left ul li a.ideal:hover { background: url( '../images/idea_hover.gif' ) no-repeat 0 0; }
#left ul li.noBdr { border-bottom: none; padding: 0; margin: 0; }
#left ul li.noBdr a.innovative { display: block; background: url( '../images/innovative.gif' ) no-repeat 0 0; width: 204px; height: 42px; }
#left ul li.noBdr a.innovative:hover { background: url( '../images/innovative_hover.gif' ) no-repeat 0 0; }
#left form { width: 203px; margin: 0 0 0 19px; background: url( '../images/newsletter_bg.gif' ) repeat-x 0 0; height: 76px; padding: 19px 9px 0 9px; }
#left form h2 { background-position: 0 0; display: block; width: 179px; height: 16px; padding: 0 0 0 26px; margin: 0 0 0 0; font-size: 13px; line-height: 16px; font-weight: bold; color: #101010; background-color: inherit; background-image: url( '../images/sou.gif' ); background-repeat: no-repeat; background-attachment: scroll; }
#left form input { width: 205px; float: right; height: 21px; border-bottom: #D4D0C8 solid 1px; border-right: #D4D0C8 solid 1px; border-top: #404040 solid 1px; border-left: #404040 solid 1px; color: #101010; background-color: #fff; font-size: 10px; line-height: 21px; margin: 7px 0 0 0; }
#left form input.signup { border-style: none; border-color: inherit; border-width: medium; background: url( '../images/serch.gif' ) no-repeat 0 0; width: 67px; height: 17px; cursor: pointer; float: right; margin: 0; padding: 0; }
#left h2.faq { display: block; width: 180px; height: 42px; background: url( '../images/faq_icon.gif' ) no-repeat 0 0; padding: 0 0 0 41px; margin: 15px 0 9px 21px; }
#left h2.faq span { width: 179px; border-bottom: #D2D5D5 solid 1px; font-size: 22px; height: 24px; color: #000; background-color: inherit; margin: 10px 0 0 0; }
#left h2.faq span b { font-weight: bold; font-size: 22px; height: 24px; color: #C18B1E; background-color: inherit; }
#left .lftTxt { width: 221px; display: block; margin: 0 0 0 19px; font-size: 12px; line-height: 18px; padding: 0 0 8px 0; border-bottom: #D2D5D5 solid 0px; }

#left .lftTxt ul { width: 215px; padding: 0; margin: 0 0 0 6px; font-size: 0; line-height: 0; }
#left .lftTxt ul li { display: block; background: url( '../images/responsible_link_bg.gif' ) repeat-x 0 0; height: 24px; padding: 0 0 0 8px; margin: 0 0 3px 0; line-height: 0; font-size: 0; overflow: hidden; }
#left .lftTxt ul li a { background-position: 0 5px; padding: 0 0 0 15px; font: normal 12px/24px "新宋体"; color: #788C11; background-color: inherit; text-decoration: none; background-image: url( '../images/arrow.gif' ); background-repeat: no-repeat; background-attachment: scroll; }
#left .lftTxt ul li a:hover { color: #000; background-color: inherit; }


#left img.callUs { width: 208px; height: 45px; margin: 19px 0 10px 19px; }
#left ul.botLink { width: 171px; height: 29px; background: url( '../images/left_panel_bot_bg.gif' ) repeat-x 0 0; padding: 9px 0 0 49px; margin: 0 0 0 19px; }
#left ul.botLink li { padding: 0 6px 0 0; margin: 0; float: left; }
#left ul.botLink li a.css { display: block; background: url( '../images/css_bg.gif' ) no-repeat 0 0; width: 77px; height: 17px; }
#left ul.botLink li a.css:hover { background: url( '../images/css_bg_hover.gif' ) no-repeat 0 0; }
#left ul.botLink li a.xhtml { display: block; background: url( '../images/xhtml_valid.gif' ) no-repeat 0 0; width: 77px; height: 17px; }
#left ul.botLink li a.xhtml:hover { background: url( '../images/xhtml_valid_hover.gif' ) no-repeat 0 0; }
/*------------------------------------------------left--------------------*/

/*------------------------------------------------right--------------------*/
#right { width: 705px; float: right; padding: 13px 0 0 0; }
#right ul.nav { width: 680px; height: 36px; float: left; }
#right ul.nav li { padding: 0 2px 0 0; float: left; background: url( '../images/nav_div.gif' ) right top; }
#right ul.nav li a.navLink { background-position: 0 0; display: block; font: bold 13px/36px "新宋体"; color: #fff; text-decoration: none; background-color: inherit; padding: 0 13px; background-image: url( '../images/nav_bg.gif' ); background-repeat: repeat-x; background-attachment: scroll; }
#right ul.nav li a.navLink:hover { background: url( '../images/nav_bg_hover.gif' ) repeat-x 0 0; }
#right ul.nav li a.hover { background-position: 0 0; display: block; font: bold 13px/36px "新宋体"; color: #fff; text-decoration: none; background-color: inherit; padding: 0 13px; background-image: url( '../images/nav_bg_hover.gif' ); background-repeat: repeat-x; background-attachment: scroll; }
#right ul.nav li.noImg { padding: 0; float: left; background-image: none; }
#right a.subscribe { display: block; background: url( '../images/subscribe.gif' ) no-repeat 0 0; width: 67px; height: 17px; float: right; margin: 10px 0 0 0; }
#right a.subscribe:hover { background: url( '../images/subscribe_hover.gif' ) no-repeat 0 0; }
#right ul.link { width: 705px; margin: 5px 0 0 0; padding: 0; float: left; }
#right ul.link li.subLink { float: left; width: 59px; display: block; padding: 0 5px 0 0; }
#right ul.link li.subLink a.login { display: block; background: url( '../images/login.gif' ) no-repeat 0 0; width: 59px; height: 17px; }
#right ul.link li.subLink a.login:hover { background: url( '../images/login_hover.gif' ) no-repeat 0 0; }
#right ul.link li.subLink a.serch { display: block; background: url( '../images/serch.gif' ) no-repeat 0 0; width: 59px; height: 17px; }
#right ul.link li.subLink a.serch:hover { background: url( '../images/serch_hover.gif' ) no-repeat 0 0; }
#rightBotMain { width: 461px; margin: 21px 22px 0 0; float: left; }
#rightBot { width: 461px; background: url( '../images/right_bottom_1px.gif' ) repeat-y 0 0; }
#rightBot p.top { display: block; background: url( '../images/right_bottom_top.gif' ) no-repeat 0 0; width: 461px; height: 6px; font-size: 0; line-height: 0; }
#rightBot p.bot { display: block; background: url( '../images/right_bottom_bot.gif' ) no-repeat 0 0; width: 461px; height: 6px; font-size: 0; line-height: 0; }
#rightBot2 { width: 445px; margin: 0 auto; background: #FFFDF9 url( '../images/right_bottom_yellow_1px.gif' ) repeat-x 0 0; color: #000; padding: 0 0px 0 0px; height: 226px; }

#best { width: 402px; border: #F4F4F4 solid 4px; padding: 0 24px 15px 26px; margin: 10px 0 0 0; }
#best h2 { display: block; width: 395px; height: 55px; background: url( '../images/why_best.gif' ) repeat-x 0 0; float: left; }
#best h2 span { width: 220px; font: bold 26px/55px "新宋体"; color: #327C8E; background-color: #fff; display: block; }
#best p.bestTxt { width: 394px; padding: 2px 0 23px 0; font-size: 12px; color: #B87B05; background-color: #fff; display: block; float: left; line-height: 20px; }
#best p.bestTxt2 { width: 403px; padding: 0 0 20px 0; font-size: 12px; color: #363636; background-color: #fff; display: block; float: left; line-height: 20px; }
#best p.bestTxt2 a { color: #607203; background-color: #fff; text-decoration: underline; }
#best p.bestTxt2 a:hover { color: #607203; background-color: #F3F0F0; }
#best p.bestTxt2 span { color: #363636; background-color: #F9FEDB; }
#best p.bestTxt3 { width: 289px; padding: 0; font-size: 12px; line-height: 20px; color: #363636; background-color: #fff; display: block; float: left; }
#best p.bestTxt3 span { color: #363636; background-color: #F9FEDB; }
#best p.bestTxt3 a { background: url( '../images/more.gif' ) no-repeat 0 0; width: 69px; height: 18px; /*	margin:0 0 0 96px;*/ display: block; float: right; }
#best p.bestTxt3 a:hover { background: url( '../images/more_hover.gif' ) no-repeat 0 0; }
#best p.pic { display: block; background: url( '../images/cp.jpg' ) no-repeat 0 0; width: 99px; height: 120px; float: right; border: #000000 dotted 1px; }

#last { background: url(../images/right_1px.gif) 0 0 repeat-y; width: 214px; float: left; margin: 21px 0 0 0; }
#last p.lastTop { display: block; background: url(../images/last_top.gif) 0 0 no-repeat; width: 214px; height: 6px; font-size: 0; line-height: 0; }
#last h2.res { display: block; width: 194px; height: 25px; background: url(../images/responsible_bg.gif) 0 0 repeat-x; margin: 0 0 3px 6px; padding: 10px 0 0 8px; }
#last h2.res span { background: url(../images/bullet_red.gif) 0 6px no-repeat; padding: 0 0 0 15px; font: normal 18px/23px "新宋体"; color: #101010; background-color: inherit; }
#last ul { width: 202px; padding: 0 0 10px 0; margin: 0 0 0 6px; font-size: 0; line-height: 0; }
#last ul li { display: block; background: url(../images/responsible_link_bg.gif) 0 0 repeat-x; height: 24px; padding: 0 0 0 8px; margin: 0 0 3px 0; line-height: 0; font-size: 0; overflow: hidden; }
#last ul li a { background: url(../images/arrow.gif) 0 5px no-repeat; padding: 0 0 0 15px; font: normal 12px/24px "新宋体"; color: #788C11; background-color: inherit; text-decoration: none; }
#last ul li a:hover { color: #000; background-color: inherit; }
#last h2.future { display: block; width: 194px; height: 25px; background: url(../images/responsible_bg.gif) 0 0 repeat-x; margin: 0 0 15px 6px; padding: 10px 0 0 8px; }
#last h2.future span { background: url(../images/bullet_red.gif) 0 6px no-repeat; padding: 0 0 0 15px; font: normal 18px/23px "新宋体"; color: #101010; background-color: inherit; }
#last h3 { font: bold 13px/18px "新宋体"; color: #B87B05; background-color: inherit; display: block; margin: 0 0 10px 13px; }
#last p.lastTxt { font: normal 12px/18px "新宋体"; color: #5C5C5C; background-color: inherit; margin: 0 0 0 13px; display: block; width: 190px; }
#last a.plan { color: #607203; background-color: inherit; text-decoration: underline; font: normal 12px/20px "新宋体"; margin: 0 0 13px 13px; display: block; width: 135px; }
#last a.plan:hover { color: #000; background-color: inherit; text-decoration: underline; }
#last p.lastBot { display: block; width: 214px; height: 22px; background: url(../images/last_bot.gif) 0 0 no-repeat; }
/*------------------------------------------------right--------------------*/


/*------------------------------------------------main--------------------*/

/*------------------------------------------------footer--------------------*/
#footerMain { width: 100%; height: 101px; background: url( '../images/footer_bg.gif' ) repeat-x 0 0; padding: 26px 0 0 0; }
#footer { width: 580px; height: 101px; margin: 0 auto; position: relative; }
#footer ul { width: 580px; position: absolute; left: 0; top: 0; }
#footer ul li { float: left; font: normal 12px/22px "新宋体"; color: #000; background-color: inherit; }
#footer ul li a { padding: 0 7px; font: normal 12px/22px "新宋体"; color: #000; background-color: inherit; text-decoration: none; }
#footer ul li a:hover { text-decoration: underline; }
#footer p.copyright { font: normal 12px/12px "新宋体"; position: absolute; left: 106px; top: 29px; color: #5B6A14; background-color: inherit; width: 500px; }
#footer p.design { display: block; width: 400px; height: 21px; padding: 0; position: absolute; left: 20px; top: 51px; font-size: 12px; text-align: center; }
#footer p.design a.link { text-decoration: none; color: #000000; }
#footer p.design a.link:hover { color: #000; background-color: #F7F7F7; }
/*------------------------------------------------footer--------------------*/
