@charset "UTF-8";

/* CSS Document */



#productPage {background: #f1f1f1;}

#productPage .fright {float: right;}

.pbanner {margin-bottom: 15px;}

.productbox {padding: 10px; margin-bottom: 15px; background: #fff;}

.productbox .listbox {position: relative;}

.productbox .listbox li {float: left;}

.productbox .listbox li.spe {float: none; position: absolute; top: 150px; left: 0;}



.meter-box, .solution, .sample-down {float: left; display: inline; height: 310px; padding: 10px 10px 0; background: #fff;}

.meter-box {width: 235px;}

.solution {width: 450px; margin: 0 10px;}

.sample-down {width: 235px;}



.meter-groom {padding-top: 10px; text-align: center;}

.meter-groom span {display: block; padding-top: 8px; font-size: 14px;}

.solution-groom {padding: 12px 10px 0;}

.solution-groom li {padding: 0 5px; line-height: 40px; font-size: 14px; background: url(../../images/dotted.gif) repeat-x left bottom;}

.solution-groom li span {float: right; color: #999;}

.solution-groom li a {display: block; *display: inline-block; width: 315px; height: 40px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-left: 15px; background: url(../../images/main_ico.png) no-repeat 0 -334px;}

.solution-groom li a:hover {background-position: 0 -381px;}



.sample-groom dl {padding: 8px; overflow: hidden; zoom: 1;}

.sample-groom dt {float: left; width: 95px;}

.sample-groom dd {float: right; width: 110px;}

.sample-groom dd h3, .sample-groom dd p {font-size: 13px; line-height: 20px;}

.sample-groom dd .size {margin: 14px 0 16px;}

.bline {border-bottom: 2px solid #efefef;}

.sample-groom dd h3 {height: 40px; overflow: hidden; zoom: 1;}



.tabbox {height: 65px; line-height: 65px; margin-bottom: 20px; background: #e5e5e5;}

.tabbox li {float: left; display: block; width: 199px; border-right: 1px solid #f4f4f4; font-size: 16px; cursor: pointer; text-align: center;}

.tabbox li:last-child {width: 200px; border-right: none;}

.tabbox li.on {color: #fff; background: #bd3b47;}

.tabbox li.on a {color: #fff;}

.tabbox li.on a:hover {color: #fff;}



.product-list {margin-right: -20px;}

.product-list li {float: left; display: inline; width: 233px; margin: 0 20px 20px 0; border: 1px solid #d6d6d6;}

.product-list li img {width: 233px; height: 180px;}

.product-list li strong {display: table-cell; width: 233px; height: 44px; line-height: 16px; padding: 0 5px; font-weight: normal; font-size: 14px; text-align: center; vertical-align: middle; background: #e5e5e5;}



.solution-list ul {margin-bottom: 20px;}

.solution-list li {padding: 0 25px; line-height: 36px;}

.solution-list span {float: right; color: #999;}

.oddtype {background: #f1f1f1;}



/*------------------- dataDownload -------------------*/

.downHistory {padding: 15px 0 10px; margin-right: -15px;}

.downHistory dl {float: left; display: inline; width: 492px; height: 150px; margin-right: 15px; margin-bottom: 15px;}

.downHistory dt {float: left; width: 100px; border: 1px solid #ddd;}

.downHistory dd {float: right; width: 365px; padding-top: 5px;}

.downHistory dd p {margin-bottom: 15px; font-size: 14px;}

.downHistory dd a {color: #c02;}

.downHistory dd a:hover {color: #b1283e;}



.PlugInBanner {padding: 15px; margin-bottom: 20px; background: #f2f2f2;}

.PlugInBanner dt {float: left; width: 158px;}

.PlugInBanner dd {float: right; width: 780px; padding-top: 10px;}



/*------------------- pouductDetail -------------------*/

.pouductDetail {padding: 20px 0;}

.subcol {float: left; width: 250px;}

.maincol {float: right; width: 730px;}



.subcol .navlist {margin-bottom: 15px;}

.subcol .navlist li {margin-bottom: 10px;}

.subcol .navlist li a {display: table-cell; width: 220px; height: 48px; padding: 0 15px; color: #555; font-size: 14px; line-height: 14px; vertical-align: middle; border-top: 1px dashed #ad0711; border-bottom: 1px dashed #ad0711; background: #f5f5f5;}

.subcol .navlist li a:hover, .subcol .navlist li a.cur {height: 50px; color: #fff; font-weight: bold; border: none; background: #bd3b47;}

.subcol .navlist li a.cur {background: #bd3b47 url(../../images/icon/sub_arrw.gif) no-repeat right center;}



/*------------------- pouductDetail -------------------*/

.mainBanner {position: relative; width: 730px; margin-bottom: 20px;}

.productImg {position: relative; width: 730px; margin-bottom: 20px; line-height: 28px;}

.productImg .describe {position: absolute;}



.productImg .describe {top: 70px; left: 40px; width: 350px; color: #fff;}

.productImg .describe h2 {padding-bottom: 18px; font-size: 16px; font-weight: bold;}

.productImg .describeSpe01 {top: 28px;}

.productImg .describeSpe02 {top: 40px;}

.productImg .describeSpe03 {top: 50px; width: 430px;}

.productImg .describeSpe04 {top: 50px; width: 370px;}

.productImg .describeSpe05 {top: 45px; width: 450px;}

.productImg .describeSpe06 {top: 35px; width: 470px;}



.fcolor01 {color: #555;}

.fcolor02 {color: #c00;}



.pagetopSpe {position: absolute; bottom: 15px; right: 20px;}

.pagetopSpe a {display: block; padding-right: 28px; color: #fff; background: url(../../images/icon/btn_pagetop.png) no-repeat right 6px;}

.pagetopSpe a.other {color: #333; background: url(../../images/icon/btn_pagetop_b.png) no-repeat right 6px;}

.pagetopSpe a:hover {text-decoration: underline;}

.pouductDetail .btn-see {display: inline-block; width: 100px; padding: 6px 15px; margin-top: 18px; margin-right: 8px; color: #fff; font-size: 13px; border: 1px solid #f8f8f8; background: url(../../images/icon/ico_down.png) no-repeat 100px 8px;}



/*------------------- soloution-detail -------------------*/

.soloution-detail {padding-bottom: 30px; font-size: 14px; line-height: 30px;}

.soloution-detail h1 {padding: 10px 0; font-size: 24px; line-height: 35px; text-align: center;}

.summary {padding-bottom: 25px; color: #999; text-align: center;}

.soloution-detail p, .soloution-detail li {font-size: 14px;}

.fstyle01 {margin-bottom: 8px; color: #c00; font-size: 14px; font-weight: bold;}

.soloution-detail img {max-width: 750px;}



.datumBox {margin-top: 20px;}

.datumBox .show span {background-position: right -27px;}

.datumTable {display: none;}

.oddtype td {background: #fbfff0;}