@charset "utf-8";
/* ----------  public css ---------- */
html {background:transparent; height:100%; margin:0; padding:0; outline:0; vertical-align:top;}

body {height:100%; font-size:12px; color:#949494;}

/* ---------- color setting:  ----------  */
/*blue:#67c3d9;*/
/*green:#85ca19;*/
/*orange:#f67811;*/
/*yellow:#eed109;*/

a{color:#6bc2d3; text-decoration:none;}
a:hover {color:#198ba1;text-decoration:none;}
h1, h2, h3, h4, h5{font-family:微软雅黑,Arial,Helvetica,sans-serif;}
.wrapper { clear:both; width:100%; margin:0; padding:0; background:url(../images/body_bg.gif) 0 -15px repeat-x;}

/* button style */
.button {background-position:0 -25px; background-repeat:repeat-x; height:25px; display: inline-block; color:#fff;}
.button span{display: inline-block; height:25px; background-position:0 0; background-repeat:no-repeat; cursor:pointer;}
.button span span{padding:0 15px; background-position:100% -50px;  background-repeat:no-repeat; height:25px; line-height:25px;}

.button.blue, .button.blue span, .button.blue span span{ background-image:url(../images/button_blue.gif);}
.button.blue:hover, .button.blue:hover span, .button.blue:hover span span{ color:#198ba1;background-image:url(../images/button_default.gif);}

.button.green, .button.green span, .button.green span span{ background-image:url(../images/button_green.gif);}
.button.orange, .button.orange span, .button.orange span span{ background-image:url(../images/button_orange.gif);}
.button.yellow, .button.yellow span, .button.yellow span span{ background-image:url(../images/button_yellow.gif);}
.button.green:hover, .button.green:hover span, .button.green:hover span span, .button.orange:hover, .button.orange:hover span, .button.orange:hover span span, .button.yellow:hover, .button.yellow:hover span, .button.yellow:hover span span{color:#fff;background-image:url(../images/button_blue.gif);}

.brtools{ clear:both; height:25px; overflow:hidden; margin-top:10px;}
.detail .brtools{ margin-top:30px;}


/* ----------  header ---------- */
.header{width:960px; height:60px; margin:0 auto; padding-top:15px; position:relative;}

.language{clear:both; position:absolute; top:0; left:0; height:18px; padding:6px 0; width:700px;white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; }
.language a{line-height:18px; color:#949494; padding-right:10px; margin-right:10px; border-right:1px dotted #949494; transition:all 0.5s ease 0s;}
.language a.current{color:#6bc2d3; font-weight:bold;}
.language a.last{ margin-right:0; padding-right:0; border:0;}
.language a:hover, .language a.current:hover{color:#198ba1;}

.topcart{position:absolute; right:0; top:0; height:18px; padding:6px 0 6px 25px; background: url(../images/header_cart.png) left center no-repeat; text-align:right;}
.topcart p{ color:#949494; line-height:18px;}
.topcart p a{ padding-left:10px; font-weight:bold;}
.price{ font-weight:bold; font-family: Tahoma,Geneva,sans-serif; }
.topcart p .price{ padding:0 5px; color:#f00;}


/* ----------  menu ---------- */
.menu {width:960px; overflow:hidden; height:60px;margin:0;}
.menu ul{ height:45px;}
.menu li {float: left;overflow: hidden;position: relative; height:45px; margin-right:5px;}
.menu li a {position: relative;display: block; height:45px;text-decoration:none; width:130px;}
.menu li a span {position: absolute;left: 0; cursor:pointer; font-weight:bold; color:#fff; line-height:40px; display:block; text-align:center; width:130px; background:url(../images/menu_li_default.gif) 0 0 no-repeat;font-size:13px;height:45px}
.menu li.current a span{background-image:url(../images/menu_li_current.gif); color:#198ba1;}
.menu li a span.out {top:0px;line-height:40px;}
.menu li a span.over, .menu ul li a span.bg{top:-45px;line-height:40px;}
.menu li a span.over {color: #fff; background-image: url(../images/menu_li_over.gif); }


/* banner */
.banner{ clear:both; width:960px; margin:0 auto 10px auto; height:300px;}
.banner .logo{ width:250px; height:250px; padding:0 10px 10px 0; overflow:hidden; text-align:center; line-height:250px; float:left; background:url(../images/logo_bg.jpg) 0 0 no-repeat;}
.banner .logo img{ vertical-align:middle;max-width:250px; max-height:250px; width: expression(this.width >250 && this.height < this.width ? 250: true); height: expression(this.height > 250 ? 250: true);}
.mainslider{ float:left; display:inline; width:680px; height:260px; background:url(../images/banner_bg.jpg) no-repeat;position:relative;padding:10px 10px 30px 10px;}
.rslides li{ width:680px; height:260px; overflow:hidden;}
.rslides li img{width:680px; height:220px;}
.rslides li .title{ display:block; line-height:16px; padding:10px 50px 0 130px; white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; text-align:right;}
.rslides_nav{height:16px;width:16px;position:absolute; top:240px; text-indent:-9999px;overflow:hidden;text-decoration:none;background-image:url(../images/banner_arrow.gif); background-repeat:no-repeat; border-radius:3px; z-index:2;}
.rslides_nav.prev{background-position:0 0; right:30px;}
.rslides_nav.prev:hover{ background-position:0 -16px;}
.rslides_nav.next{background-position:-16px 0; right:10px;}
.rslides_nav.next:hover{ background-position:-16px -16px;}
.rslides_tabs{ position:absolute; top:240px; left:10px; clear:both;  height:11px; z-index:2;}
.rslides_tabs li{display:inline; _float:left; width:11px; height:11px; margin-right:5px}
.rslides_tabs a{text-indent:-9999px;overflow:hidden;background: url(../images/slider_disc.png) 0 0 no-repeat; display:inline-block;_display:block;*display:block;width:11px;height:11px}
.rslides_tabs a:hover{ background-position:0 -11px;}
.rslides_tabs .rslides_here a{ background-position:0 -22px;}

/* ----------  footer ---------- */
.footer {clear:both; width:100%; padding:20px 0 40px 0; border-top:1px solid #e4e4e4; margin-top:30px;}
.copyright{ width:960px; margin:0 auto;line-height:24px;}
.copyright .col-1{width:540px;}
.copyright .col-2{width:420px;text-align:right;}
.copyright p{line-height:20px;}
.copyright span{ padding:0 5px;}
.copyright strong{padding-right:5px;}
.copyright .title{ font-size:14px;}
.copyright a.gray{color:#eee;}
.copyright a.gray:hover{color:#666;}


/* ----------  index css  ---------- */
.content{ clear:both; width:960px; overflow:hidden; margin:0 auto;}
.content .col-1{ width:230px; margin-right:30px;}
.content .col-2{ width:700px;}

.content .main_h3{ color:#6BC2D3; line-height:20px;  margin-bottom:10px; font-size:16px;}

.mainaboutus{width:230px;}
.mainaboutus .photo{ width:180px; height:180px; margin:0 auto; border-width:1px; border-style:solid; padding:4px; border-color:#E4E4E4; transition:all 0.5s ease 0s;}
.mainaboutus .photo.over{border-color:#6BC2D3;}
.mainaboutus .photo table{clear:both;width:180px;height:180px;margin:0; padding:0; border:0;table-layout:fixed;}
.mainaboutus .photo table td{margin:0; padding:0; border:0;text-align:center;vertical-align:middle;width:180px;height:180px;}
.mainaboutus .photo table td img{max-width:180px; max-height:180px; width: expression(this.width >180 && this.height < this.width ? 180: true); height: expression(this.height > 180 ? 180: true);}
.mainaboutus p{ line-height:24px; padding-top:10px;}

.mainnews{ padding-bottom:15px; border-bottom:1px solid #e4e4e4; height:175px;}
.mainnews li{ clear:both;  line-height:21px;}
.mainnews li .date{padding-right:10px; color:#85CA19; font-size:11px;}
.mainnews li a{ display:block;  padding:3px 0 3px 15px; background:url(../images/marker1.gif) 0 12px no-repeat; font-weight:bold; white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; transition:all 0.5s ease 0s;}

.mainproduct{ clear:both; width:100%; margin-top:10px;}
.mainproduct li{overflow:hidden; float:left; width:210px; padding-right:17px; margin-right:17px; border-right:1px solid #e4e4e4; float:left; padding-top:5px; padding-bottom:5px;}
.mainproduct li .photo{ clear:both; margin:0 auto; width:160px; height:160px; border-style:solid; border-width:1px; background:#fff; padding:4px; border-color:#e4e4e4; transition:all 0.5s ease 0s;}
.mainproduct li .photo.over{ border-color:#6BC2D3;}
.mainproduct li .photo table {clear:both; width:160px; height:160px;margin:0; padding:0; border:0;table-layout:fixed;}
.mainproduct li .photo table td{margin:0; padding:0; border:0;text-align:center;vertical-align:middle;width:160px;height:160px;}
.mainproduct li .photo table td img{max-width:160px; max-height:160px; width: expression(this.width >160 && this.height < this.width ? 160: true); height: expression(this.height > 160 ? 160: true);}
.mainproduct li .productname{white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; line-height:20px;  font-weight:bold; display:block; color:#666; font-size:13px; padding-bottom:5px; margin-bottom:15px;transition:all 0.5s ease 0s;}
.mainproduct li .productname:hover{ color:#198ba1;}
.bluetype .productname{ border-bottom:5px solid #67c3d9;}
.greentype .productname{border-bottom:5px solid #85ca19;}
.orangetype .productname{border-bottom:5px solid #f67811;}
.mainproduct li.yellowtype{border:0; padding-right:0; margin-right:0;}
.yellowtype .productname{border-bottom:5px solid #eed109}

/* ----------  pages css  ---------- */
.htmledit{ clear:both; overflow:hidden; line-height:150%; }
.htmledit table, .htmledit td,  .htmledit th{ border-collapse:inherit;}
.htmledit ul, .htmledit ol{list-style:inside; margin-left:24px;}
.htmledit ol{ list-style-type:decimal;}
.htmledit ul{ list-style-type:disc;}

.detail .htmledit .default_p{ line-height:24px; padding-bottom:10px;}
.quoteinfo{clear:both; line-height:20px; padding:10px 10px 10px 70px; background:#f6f6f6 url(../images/icon_quotes.png) 10px 10px no-repeat; }
.detail .htmledit .default_h4{ clear:both; line-height:18px; color:#fff; background-color:#6BC2D3; font-size:12px; margin-bottom:10px; padding:5px 10px; border-left: 5px solid #198ba1; display:inline-block;}
.detail .htmledit .default_strong{color:#85CA19; padding:0 5px;}

.detail .htmledit .templist { width:100%; overflow:hidden; border-collapse:collapse;}
.detail .htmledit .templist th{ color:#fff; padding:5px 10px; background-color:#6BC2D3; line-height:20px; text-align:left;border:1px solid #e4e4e4;}
.detail .htmledit .templist td{ padding:5px 10px; line-height:20px; border:1px solid #e4e4e4;;} 
.detail .htmledit .templist tr.even td{background-color:#fafafa;}
.detail .htmledit .templist tr.odd td{background-color:#fff;}
.detail .htmledit .templist tr.over td{background-color:#f2f2f2;}

.navigation{height:20px; margin-bottom:15px; overflow:hidden; text-align:right; padding-bottom:5px; border-bottom:1px solid #e4e4e4;}
.navigation a{font-weight:bold; transition:all 0.5s ease 0s;}
.navigation span{padding:0 10px; line-height:20px; background: url(../images/divider.gif) center no-repeat;}
.navigation strong{color:#666;}

.content .col-2 .detail{ height:auto!important;height:300px;min-height:300px; }
.content .page_h2{ color: #666666;font-size:20px;line-height:30px; margin-bottom:20px;}

/*sidebar*/
.sidebar{width:230px;}
.sidebar h3{border-bottom: 5px solid #67C3D9;color:#666; padding-bottom:5px;}
.sidebar li{clear:both; border-top:1px dotted #bbb; padding:5px 0;}
.sidebar li a{ display:block; color:#666; line-height:20px; padding:5px 5px 5px 25px; font-size:13px; background:url(../images/marker1.gif) 10px 13px no-repeat;font-weight:bold;}
.sidebar li a:hover, .sidebar li li a:hover, .sidebar li li li a:hover, .sidebar .current a:hover, .sidebar .current .current a:hover, .sidebar .current .current .current a:hover{color:#fff; background-color:#6BC2D3;background-image:url(../images/marker3.gif);}
.sidebar li a.nav-top-item{ padding-right:30px; position:relative;}
.sidebar li a.nav-top-item span{ width:16px; height:16px; overflow:hidden; background: url(../images/icon_closed.png) 0 0 no-repeat; display:block; position:absolute; top:8px; right:5px;}
.sidebar li a:hover span{ background-image:url(../images/icon_closed_over.png);}
.sidebar li ul{ border:0; margin:5px 0 0 20px;}
.sidebar li.first{ border:0;}
.sidebar li li a, .sidebar li li li a, .sidebar .current li a, .sidebar .current .current li a{color:#666; font-size:12px; background-image:url(../images/marker1.gif);}
.sidebar li li li{ border:0; padding:0;}
.sidebar li a.nav-top-item span.opened{ background-image:url(../images/icon_opened.png);}
.sidebar li a:hover span.opened{ background-image:url(../images/icon_opened_over.png);}
.sidebar .current a, .sidebar .current .current a, .sidebar .current .current .current a{color:#6BC2D3; background-image:url(../images/marker2.gif);}

.googlemap{padding:4px;width:220px; border:1px solid #e4e4e4;}
.googlemap iframe{ margin:0; padding:0; overflow:hidden;}
.maplink{line-height:24px; display:block; background:#F6F6F6; text-align:center;}
.maplink:hover{ color:#fff; background-color:#6BC2D3; text-decoration:none;}


/* content list */
.content_list{ width:100%; overflow:hidden;}
.content_list table { width:100%;table-layout:fixed; overflow:hidden;}
.content_list table th{text-align:left; padding:0 10px 5px 10px; line-height:20px; color:#6BC2D3; border-bottom:1px solid #e4e4e4;}
.content_list table td{padding:10px; vertical-align:top; line-height:20px; border-bottom:1px solid #e4e4e4;}
.content_list table td a{color:#666; transition:all 0.5s ease 0s;}
.content_list table td a:hover{color:#198ba1;}
.content_list table th.T1{padding-left:20px;}
.content_list table td.T1{padding-left:20px;background:url(../images/marker1.gif) 5px 17px no-repeat;}
.content_list table tbody tr.even td{background-color:#fff;}
.content_list table tbody tr.odd td{background-color:#fafafa;}
.content_list table tbody tr.over td{background-color:#f1f1f1;}
.content_list table tbody tr.over td.T1{ background-image:url(../images/marker2.gif);}
.content_list table tbody tr.out td{background-color:none;}
.nodata{ text-align:center; line-height:40px;}

.list_news td.T1{ width:80px; color:#85CA19; font-size:11px; line-height:18px; font-style:italic; font-weight:bold;font-family: Tahoma,Geneva,sans-serif;}
.list_news th.T1{ width:80px; }

/* page tools css */
.grayr {margin:20px 0 0 0; padding:10px; FONT-SIZE:12px;text-align:center;}
.grayr a {PADDING:3px 10px; MARGIN:2px; COLOR:#67c3d9; TEXT-DECORATION: none; FONT-WEIGHT: bold; border-radius:2px;}
.grayr a:hover {COLOR:#fff; background-color:#67c3d9; }
.grayr a:active {COLOR:#198ba1; BACKGROUND-COLOR:#fff;}
.grayr span.current {PADDING:3px 10px; FONT-WEIGHT: bold; MARGIN:2px; COLOR:#fff; background-color:#85ca19; border-radius:2px;}
.grayr span.disabled {PADDING:3px 10px; MARGIN:2px; COLOR:#ccc; FONT-WEIGHT: bold; background-color:#f8f8f8; border-radius:2px;}


.detailstitle{margin-bottom:15px; position:relative; height:30px;}
.detailstitle h4{font-size:14px; line-height:20px; padding-bottom:5px;border-bottom:5px solid #67C3D9;color: #666;}
.detailstitle .note{ position:absolute; top:0px; right:0px; line-height:20px; text-align:right;}
.nes{color:#f00; padding:0px 5px;}

.newstitle{margin-bottom:15px; border:5px solid #6BC2D3; position:relative; background-color:#f8f8f8;}
.newstitle h4 {color:#6BC2D3; background:url(../images/icon_news.png) 10px 8px no-repeat; font-size:14px; line-height:20px; padding:10px 90px 10px 50px;}
.newstitle .date{ position:absolute; top:10px; right:10px; line-height:20px; font-style:italic; text-align:right; font-size:11px; font-weight:bold; color:#85CA19;}


/* product  css */
.productlist{ width:700px; overflow:hidden; }
.productlist ul{width:680px; overflow:hidden; margin:0 10px;}
.productlist li{width:160px; height:200px; float:left;text-align:center; display:inline; padding:0 5px; overflow:hidden;}
.productlist li .productname{line-height:20px; padding:5px 0; display:block; font-weight:bold;white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; transition:all 0.5s ease 0s;}
.productlist li .photo{ width:150px; height:150px; background:#fff; padding:4px; border-width:1px; border-style:solid; border-color:#e4e4e4;}
.productlist li .photo.over{border-color:#6bc2d3;}
.productlist li .photo table {clear:both; width:150px; height:150px;margin:0; padding:0; border:0;table-layout:fixed;}
.productlist li .photo table td{margin:0; padding:0; border:0;text-align:center;vertical-align:middle;width:150px;height:150px;}
.productlist li .photo table td img{max-width:150px; max-height:150px; width: expression(this.width >150 && this.height < this.width ? 150: true); height: expression(this.height > 150 ? 150: true);}

/* ----------  product details ----------  */
.detail .leftcatalog{float:left; margin-right:20px;width:320px;}
.detail .rightinfo{width:360px; height:420px; float:left; overflow:hidden; position:relative;}

.leftcatalog .showpic{width:300px; height:300px; position: relative; padding:9px; background-color:#fff; border:1px solid #E6E4D7;}
.leftcatalog .showpic .hidden-container{ position:absolute; left:0; top:0;width:300px; height:300px; visibility:hidden;}
.leftcatalog .showpic table{table-layout:fixed;width:300px; height:300px;}
.leftcatalog .showpic table td{padding:0;margin:0;text-align:center;vertical-align:middle;width:300px;height:300px;}
.leftcatalog .showpic table td a{visibility:hidden;}
.leftcatalog .showpic table td img{ max-width:300px; max-height:300px; width:expression(this.width > 300 && this.height < this.width ? 300: true); height: expression(this.height > 300 ? 300: true);}

.zoomDiv {z-index:999;position: absolute;top:0; left:0;width:200px;height:200px;background:#fff;border:1px solid #ccc;display:none;text-align: center;overflow:hidden; margin:-5px 0 0 3px;}
.zoomMask { position:absolute;background:url(../images/mask.png);cursor:move;z-index:1;}

.catalog{background:#f8f8f8; border: 1px solid #e4e4e4; padding:7px 18px; margin-top:10px; position:relative;}
.catalog .prev {position:absolute;left:4px;top:27px; background:url(../images/btn_turn.gif) 0 0 no-repeat; width:11px; height:36px; overflow:hidden; text-indent:-999px; display:block; z-index:3;}
.catalog .prev:hover{ background-position:0 -36px;}
.catalog .next {position:absolute;right:4px; top:27px; background:url(../images/btn_turn.gif) -11px 0 no-repeat; width:11px; height:36px; overflow:hidden; text-indent:-999px; display:block; z-index:3;}
.catalog .next:hover{ background-position:-11px -36px;}
.thumbs_list{z-index:2; border:1px solid #e4e4e4; background-color:#fff; padding:5px 0;}
.thumbs_list ul{clear:both;height:62px;overflow:hidden;}
.thumbs_list li{width:60px;height:60px;border-width:1px; border-style:solid; float:left; display:inline; margin:0 4px;cursor:pointer;position:relative;border-color:#e4e4e4;}
.thumbs_list li.over{ border-color:#67C3D9;}
.thumbs_list li .bg{ width:60px; height:60px; overflow:hidden; position:absolute; display:none; z-index:2; top:0; left:0; background:url(../images/icon_amplify.png) no-repeat;}
.thumbs_list li table {clear:both;width:60px;height:60px;table-layout:fixed; position:relative; z-index:1;}
.thumbs_list li table td{margin:0; padding:0;text-align:center;vertical-align:middle;width:60px;height:60px;}
.thumbs_list li table td img{max-width:60px; max-height:60px; width: expression(this.width >60 && this.height < this.width ? 60: true); height: expression(this.height > 60 ? 60: true);}

.rightinfo .slogen{ display:block; color:#84ca17; line-height:20px;}
.rightinfo .productname{font-size:18px; color:#198ba1; line-height:20px; padding-bottom:15px; display:block; font-family:微软雅黑,Arial,Helvetica,sans-serif;}
.rightinfo .productinfo{padding:0; margin:0; width:100%;}
.rightinfo .productinfo td, .rightinfo .productinfo th{line-height:20px; vertical-align:top; border-bottom:1px dotted #e4e4e4;}
.rightinfo .productinfo td{padding:5px 0;}
.rightinfo .productinfo th{width:80px; padding:5px 10px 5px 0; text-align:right; color:#666;}
.rightinfo .productinfo td span{ padding:0 5px;}
.rightinfo .brtools{ margin:20px 0 0 0; }

.rightinfo .sharetools{ background:#f8f8f8; border: 1px solid #e4e4e4; width:338px; padding:10px; border-radius:2px; position:absolute; left:0; bottom:0; height:40px;}
.mailshare {background:#eee url(../images/mail_bg.gif) top repeat-x; border-style:solid; border-width:1px; border-color:#ccc #ccc #aaa #ccc; border-radius:3px; color:#555; display: inline-block;font-size: 13px; text-decoration: none; font-weight:bold; box-shadow:0px 1px 0px #ccc;  text-shadow: #fff 1px 1px 0; float:right;}
.mailshare span{ border-top:1px solid #fff;line-height:22px;padding:8px 10px 9px 45px; display:inline-block;border-radius:2px; background: url(../images/icon_mail.png) 10px center no-repeat;}
.mailshare:hover {color:#333; background-position:0 bottom;}
.mailshare:hover span{ border-color:#ddd;}
.sharetools strong{ color:#666; font-size:13px; padding-right:10px; float:left; line-height:40px;}
.sharetools .icon1, .sharetools .icon2, .sharetools .icon3{line-height:26px; padding:0; background-repeat:no-repeat; background-image:url(../images/shareicon_bg.gif); height:26px; float:left; display:block; width:26px; overflow:hidden; margin:7px 5px 7px 0px; text-indent:-999px;}
.sharetools .icon1{ background-position:0 0;}
.sharetools .icon2{ background-position:0 -26px;}
.sharetools .icon3{ background-position:0 -52px;}

/* ----------  popwin ----------  */
.popmask{ position:absolute;background:url(../images/mask_bg.png);border:none;height: 100%;left: 0; margin: 0;padding: 0;position: fixed;top: 0;width: 100%;z-index:3000; display:none;}
.popwin{left: 50%; margin-left:-300px; padding:10px;position: fixed; top: 50%;z-index:3001; width:580px; background: url(../images/pop_side.png); display:none;}
.popwin .hide_box{background-color:#fff; position:relative;}
.popwin .hide_box h3{background:#eee;border-bottom:#ccc 1px solid;font-size: 15px;line-height: 20px;padding: 8px 20px 6px 10px;text-shadow: 1px 1px 0 #ccc;}
.hide_box .closebr{background: url(../images/icon_popclose.png) no-repeat ;display: block;height: 16px;overflow: hidden;position: absolute;right:10px;text-indent:-999px;top:10px;width:16px;}
.hide_box .closebr:hover{ background-position:0 -16px;}
.popwin .hide_box .popcontent{ clear:both; padding:15px;}
.popwin .hide_box .popcontent p{ line-height:20px; padding-bottom:10px;}

#mailshare{margin-top:-250px;}
#popcart{margin-top:-80px;}
.popwin .price{color: #f00; padding:0 5px;}
#popcart p{ padding-left:65px; background:url(../images/icon_addcart.png) left center no-repeat;}


/* ----------  contact us details ----------  */
input, textarea{color:#9a9a9a; padding:2px 4px; border-style:solid; border-width:1px; border-color:#828282 #e9e9e9 #e9e9e9 #828282; background:#fff url(../images/input.gif) 0 0 no-repeat; line-height:20px; height:20px;}
textarea{height:80px;width:250px;}
select{border-style:solid; border-width:1px; border-color:#828282 #e9e9e9 #e9e9e9 #828282; height:20px; color:#9a9a9a; margin-top:3px; }
input:focus, textarea:focus{color:#198ba1; background-image:none; border-color:#198ba1;}
input.type1{ width:250px;}
input.type2{ width:80px;}
input.type3{ width:30px;}
select.type1{ width:260px;}
select.type2{ width:90px;}
select.type3{ width:50px;}
.from_post input, .from_post select, .from_post textarea{ float:left;}
.from_post .fg{padding:0px 5px; line-height:26px; float:left; display:inline;}
.from_post table {clear:both; width:100%;}
.from_post td{padding-bottom:10px; vertical-align:top;}
.from_post td.td1{text-align:right; width:120px; font-weight:bold;line-height:26px; padding-right:10px; color:#666;}
.from_post td.td2{width:300px;vertical-align:top;}
.from_post td.td2 img{vertical-align:middle; padding:4px 0 0 10px;cursor:pointer;}
.from_post td.td3 img{ padding:0 5px 0 0}
.from_post td.td3 span{line-height:18px; color:#999; margin:3px 0; display:block;}
.from_post .radio, .from_post .checkbox{ background:none; display:inline; border:0; padding:0px; width:13px; height:13px; margin:6px 3px 6px 5px; float:left;}
.from_post .brtools{ margin:10px 0 0 130px;}