﻿* { padding: 0px; margin: 0px; }
body { width: 1280px; margin: 1em auto; font-family: Verdana; font-size: 14px; color:#333; background:#F9F9F9; line-height:180%}
input, select { line-height: 16px; font-size: 12px; }

ul { list-style-type: none; padding: 0px; }
div { overflow: hidden; }
h3 {font-size:14px;font-weight:bold;}
h4 {font-size:20px;font-weight:bold;line-height:180%;color:Red}
hr {height:1px;border:none;border-bottom:dashed 1px #CCC;margin:10px auto;*margin:0px!important;*margin:0px;}
a { color: #1667A9; text-decoration: none; }
a:hover { color: #1667A9; text-decoration: underline; }
.fl{float:left;display:inline;}
p {text-indent:2em;font-size:14px;margin:10px;line-height:180%;}
ol {list-style-type:decimal;list-style-position:inside;margin:5px;}
ol li {display:list-item;}


.Right {float:right;}
.Left {float:left;}
.tCenter {text-align:center}
.Red {color:Red;}
.Blue {color:Blue}
.Green {color:Green;}
.Hidden {display:none}
.Gray {color:Gray}
.Hilite {font-family:Georgia;color:#B1B1B1;font-weight:normal;}
.RE {color:#CB5D2C;}
.bigFont {font-size:14px;}

.ReLink a { font-size:12px;font-weight:normal;color: #CB5D2C; text-decoration: none; }
.ReLink a:hover { font-size:12px;font-weight:normal;color: #CB5D2C; text-decoration: underline; }

.Block {padding:10px;border:solid 1px #CCC;background:#FFF;margin:5px 0;}
.Tip {border:solid 1px #DCDCDC;background:#FFFEE6;padding:10px;}
.blueBlock {padding:20px 30px;background:#F6F9FC}

.Hint {border:solid 1px #EEE;margin-bottom:10px;}
.Hint dt, .Navigation {background:url(../images/nav.png) repeat-x 0 -210px;height:30px;line-height:30px;padding:0 10px;color:#666;}
.Hint dt {font-weight:bold;}
.Hint dd {padding:5px 10px;}

.alternatingRow {background:#F9F9F9}
.SelectedRowStyle { background: #FFFFCC;}
.Content a.Selected {font-size:14px;color:Red;font-weight:bold;}

.Info {overflow:hidden;color:#777;margin:10px;}
.Info li { list-style-type:disc; list-style-position:inside; }

.singleton {overflow:hidden;}
.singleton dt {font-size:14px;font-weight:bold;line-height:200%;}

/************************* FAQ **************************/
.FAQ-qq, .FAQ-tel, .FAQ-fax {background:url(../images/gn.gif) no-repeat;width:60px;height:60px;border:0;float:left;margin-right:15px;}
.FAQ-qq {background-position:0 -25px;}
.FAQ-tel {background-position:0 -350px;}
.FAQ-fax {background-position:0 -245px;height:40px;width:40px;margin-left:13px;margin-right:22px;}
.FAQList {overflow:hidden;}
.FAQList li {overflow:hidden;}
.FAQList li a {float:left;background:url(../images/faq-qq.gif) no-repeat;padding-left:35px;width:100px;height:24px;line-height:24px;}

/***************************** Form *****************************/
.RegButton {width:228px;height:64px;background:url(../images/02.jpg);border:none;cursor:pointer}
.Text {border:solid 1px #BBB;padding:4px 3px;color:#999;}
.focus {border:solid 1px #999;padding:4px 3px;color:#333;Background:#FFFFF2}
.Button, .ButtonOver {background:url(../images/btn_bg.gif) repeat-x;height:24px;line-height:24px;font-size:12px;color:#111;cursor:pointer;width:54px;border:0px;}
.ButtonOver {background-position:0 -24px;}
.btnSure {background:url(../images/button_sure.gif);width:126px;height:27px;border:0;cursor:pointer;margin:10px 0;}

/***************************** ul / ol ********************************/

.proposal {overflow:hidden;margin:10px;}
.proposal dt {font-size:14px;font-weight:bold;}
.proposal dd {margin:10px 30px;}
.proposal dd p {font-size:12px;line-height:inherit;text-indent:0;margin:0 25px;}

.Products {overflow:hidden;}
.Products li {float:left;width:96%;padding:0;margin:20px 0 20px 10px;}
.Products li dl {float:left;width:75%;font-size:14px;}
.Products li dl dt {font-weight:bold;}
.Products li dl dt em {font-style:normal;color:#CC0000;}
.Products li dl dd { color: #333333; margin: 10px 0; }
.Products a.Download {width:110px;height:27px;float:right;background:url(../images/down.gif);}
.Products a.Yanshi {width:96px;height:27px;float:left;background:url(../images/yanshi.gif);}
.downBag {margin:7px;width:100px;height:146px;background:url(../images/bag.jpg);border:0;float:left;}
.downBox {margin:7px;width:100px;height:121px;background:url(../images/box.jpg);border:0;float:left;}
.downPag {margin:7px;width:100px;height:84px;background:url(../images/paperbag.jpg);border:0;float:left;}
.downBeg {margin:7px;width:100px;height:100px;background:url(../images/rjz.png);border:0;float:left;}
.downBzg {margin:7px;width:100px;height:100px;background:url(../images/zgd.png);border:0;float:left;}
.downBig {margin:7px;width:53px;height:53px;background:url(../images/bt_down.png);border:0;float:left;}
.demo    {margin:7px;width:64px;height:64px;background:url(../images/bt_demo.png);border:0;float:left;}
.listForm li { padding:5px; }

.ListImg {overflow:hidden;}
.ListImg li {float:left;width:130px;margin:1px;text-align:center}
.ListImg li img { width:120px; height:30px; margin:5px;}
.ListImg li a {background:#FFF;float:left}
.ListImg li a:hover {background:#EEE;}

.List li, .dlList dd {margin:3px 0;background: url(../images/middot.gif) no-repeat;}
.List li {background-position:0 9px;padding-left:9px;}
.dlList {overflow:hidden;margin:5px auto;}
.dlList dt {background:#f9f6ce;padding:5px 10px;font-weight:bold;font-size:14px;}
.dlList dd {background-position:0 -34px;padding-left:13px;margin:9px 0 0 10px;font-size:14px;border-bottom:dashed 1px #DDD;}

.listDown li {padding:5px;}
.listDown li img {float:right;margin-top:7px;}
.listDown li em {display:block;color:#777;font-style:normal;}
.listDown li a {background:#FFF;display:block;}
.listDown li a:hover {background:#FFFEE6;text-decoration:none;}

.listAccount {overflow:hidden;padding:0;margin:1em;}
.listAccount li {float:left;width:46%;margin:0 3px 3px 0;border:solid 1px #EEE;padding:5px 10px;line-height:180%;text-align:right;overflow:hidden;}
.listAccount li img {margin-bottom:5px;float:left;}
.listAccount dt {font-weight:bold;}
.listAccount dd {padding:5px 10px;}

.listTable {overflow:hidden;}
.listTable li {overflow:hidden;margin:5px 0;}
.listTable li h3 {background:url(../images/nav.png) repeat-x 0 -210px;padding:5px 10px;margin-bottom:5px;}
.listTable li em {float:left;text-align:right;font-style:normal;width:100px;}

.listZoom li {margin:10px 0;}
.listZoom li em {font-size:14px;padding-top:5px;width:140px;}
.listZoom li .box {float:left;width:330px;margin-right:10px;}
.listZoom li .box input {font-size:14px;padding:5px;font-weight:bold;width:91%;}

li.Zoom input {font-size:14px;padding:5px;font-weight:bold;}

.listAskRpt {overflow:hidden;}
.listAskRpt li {margin:0;padding:0;}
.listAskRpt li h3 {padding:5px 0;font-size:14px;font-weight:bold;border-bottom:solid 1px #EEE;margin-bottom:5px;}
.listAskRpt li .AskContext {border:solid 1px #EEE;padding:10px;background:#F6F9FC;margin-bottom:10px;}
.listAskRpt li .Comment {margin-top:10px;border:solid 1px #DADADA;background:#FFF url(../images/ask_bg.gif) repeat-x;padding:2px 5px;}

.listOrder {overflow:hidden;margin:10px 0;}
.listOrder li {overflow:hidden;margin:9px 0;font-size:14px;}
.listOrder li em {float:left;text-align:right;font-style:normal;width:140px;padding-top:1px;}

/******************************* Header *************************************/
#Logo {float:left;background:url(../images/logo.png) no-repeat;width:250px;height:50px;}
#Header .Right {padding-right:10px;text-align:right;line-height:200%;color:#BBB;}

#Nav {height:39px;background:url(../images/nav.png) repeat-x 0 -70px;line-height:normal}
#Nav li {float:left;margin:0 10px;}
#Nav li.Left {margin:0;float:left;background:url(../images/nav.png) repeat-x 0 0;height:39px;width:5px;}
#Nav li.Right {margin:0;float:right;background:url(../images/nav.png) repeat-x 0 -140px;height:39px;width:5px;}
#Nav li a {text-decoration:none;float:left;color:#FFF;background:url(../images/nav_li_bg.gif) no-repeat 100% 0;font-size:14px;font-weight:bold;margin-top:12px;padding-right:20px}
#Nav li a.None {background-image:none;}
#Nav li a:hover {color:#FFF;text-decoration:underline;}

/***************************** Banner ********************************/
#Banner {margin:5px 0 10px 0;}
#Banner_Ad {height:446px;}
#Banner_Top {height:266px; background:url(../images/banner_bg.gif) repeat-x;}
#Banner_Bom {border:solid 1px #3d93d8;border-top:0px;height:56px;background:url(../images/lb_nav_bg.gif) repeat-x;}
#Banner_jiao_Right, #Banner_jiao_Left {background:url(../images/jiao.gif) no-repeat;width:10px;height:266px;}
#Banner_jiao_Right {float:right;background-position:-10px 0;}
#Banner_jiao_Left   {float:left;}
#Banner_Inner {width:1260px;height:266px;text-align:center}
#Banner_Bom li {float:left;width:424px;height:56px;}
#Banner_Bom li.Mid {width:426px;border-left:solid 2px #3d93d8;border-right:solid 2px #3d93d8;}
#Banner_Bom li a {float:left;width:100%;height:56px;color:#000;text-decoration:none}
#Banner_Bom li a.Selected {background:url(../images/lb_nav_bg.gif) repeat-x 0 -56px;color:#FFF}
#Banner_Bom li img {margin:3px 1em;float:left;width:50px;height:50px;}
#Banner_Bom li h3 {margin:4px 0px;}

/************************** Main ****************************/
#Main {}
.Content {overflow:hidden;}

.Content Table {border-collapse:collapse;width:100%;font-size:11px;border:0px;margin-top:10px}
.Content Table TH {text-align:left;background:url(../images/sprite.gif);color:#666;vertical-align:bottom;border:solid 1px #EAE9E1;border-right-color:#B5B5B5;border-bottom-color:#B5B5B5;padding:4px 5px 4px 10px}
.Content Table TD {border:solid 1px #EAE9E1;padding:4px 8px}

.Content .Content-Right {width:300px;float:right;}
.Content .Content-Left {width:978px;float:left;}

/*************************** Footer *******************************/
#Footer {font-family:Verdana;font-size:11px;}

/*************************** all ico ***************************/
.ErrMessage, .ico-reg, .ico-tip, .ico-hi, .ico-greet, .ico-pass, .ico-data, .ico-ask, .ico-contact, .ico-querstion, .ico-userManager {background:transparent url(../images/ico.gif) no-repeat;border:0; vertical-align:middle}
.ErrMessage {background-position:0 -65px;padding-left:20px;width:auto;float:left;color:Red;}
.ico-reg {background-position:0 0;height:30px;width:30px;}
.ico-tip {background-position:0 -30px;height:35px;width:35px;}
.ico-hi {background-position:0 -90px;height:14px;width:16px;}
.ico-greet {background-position:0 -130px;height:17px;width:16px;}
.ico-pass {background-position:0 -165px;height:47px;width:47px;}
.ico-data {background-position:0 -220px;height:47px;width:47px;}
.ico-ask {background-position:0 -110px;height:15px;width:15px;}
.ico-contact {background-position:0 -270px;height:48px;width:48px;}
.ico-querstion {background-position:0 -150px;height:14px;width:15px;}
.ico-userManager {background-position:0 -320px;height:25px;width:25px;}
.ico-succed {background:transparent url(../images/succed.gif) no-repeat;border:0;width:128px;height:128px;}

/*************************** drogMsg ***************************/
.FPannel {border:solid 5px #EEE;background:#FFF;font-size:14px;}
.FPannel h2 {font-size:14px;font-weight:bold;background:url(../images/nav.png) repeat-x 0 -210px;height:30px;line-height:30px;padding:0 10px;cursor:move;}
.FPannel h2 a {float:right;display:block;width:14px;height:14px;background:url(../images/btn_close.gif) no-repeat;margin-top:7px;cursor:pointer;}
.FPannel h2 a:hover {background-position:-14px 0;}
.FPannel div.msgContent {text-align:center;padding-top:40px;line-height:200%;}

/************************* Customer *****************************/
.customerInfo {overflow:hidden;}
.customerInfo dt {height:37px;background:url(../images/customer_bg.gif) no-repeat;font-size:14px;color:Red;overflow:hidden;}
.customerInfo dt input {float:left;margin: -4px 5px 0 5px;}
.customerInfo dt span {float:left;margin-top:9px;}
.customerInfo dd {padding:0;margin:5px auto;font-family:Arial;}

.memTop {overflow:hidden;}
.memTop dt {padding-bottom:5px;font-size:14px;font-weight:bold;border-bottom:solid 1px #CCC}
.memTop dd {padding:20px 30px;background:#F6F9FC;margin:7px auto;overflow:hidden;}

/* Pager */
.Pager {overflow:hidden;margin:5px 0 0 0}
.Pager a, .Pager span {display:block;float:left;color:#2B3C4E;background:#FFF;border:solid 1px #B2BFCF;margin-right:2px;height:18px;line-height:18px;padding:0 6px;text-decoration:none;font-family:Arial;font-size:12px}
.Pager em {font-style:normal;font-weight:bold;color:Red;font-family:Arial;font-size:12px}
.Pager a:hover {border:solid 1px #577DA8;background:#FFFFE9;color:#F60}
.Pager a.Currented {font-weight:800;color:#FFF;background:#9DAAAF}
.Pager a.Disabled, .Pager a.Disabled:hover {display:none}
.Pager a.NavButton {font-weight:800;font-family:Verdana}
/******************************************************************************/
.form-left {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 14px; PADDING-BOTTOM: 3px; VERTICAL-ALIGN: top; WIDTH: 25%; LINE-HEIGHT: 150%; PADDING-TOP: 6px; TEXT-ALIGN: right
}
.form-right {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 14px; PADDING-BOTTOM: 3px; VERTICAL-ALIGN: top; LINE-HEIGHT: 150%; PADDING-TOP: 6px