@charset "utf-8";
/* CSS Document */
html,body,div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
  margin: 0;
  padding: 0;
  border: 0;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
ol,ul {
  list-style: none;
}
img {display: block; margin: 0 auto; max-width:290px;}
q:before,q:after,
blockquote:before,blockquote:after {
  content: "";
}
input[type="submit"],
input[type="text"],
input[type="password"],
input[type="button"],
select,textarea,
button {
-webkit-appearance: none;
-webkit-tap-highlight-color:rgba(255,255,255,0);
font-family :'Microsoft Yahei',SimHei, Helvetica, Arial, Sans-Serif;
}
body {
  font-family :'Microsoft Yahei',SimHei, Helvetica, Arial, Sans-Serif;
  background:#fff;
  color:#666;
  font-size:14px;
  -webkit-text-size-adjust:none; 
}
body p {margin:10px 0;}
a {cursor: pointer; text-decoration:none; color:#10334a}
a:hover {text-decoration:none;}
a:visited {color: #666}
a.block {display: block; overflow: hidden;}
a.link {display: block; overflow: hidden; position: relative; padding-right:30px;}
a.link .arrow {position:absolute; z-index:2; right:10px; top:50%; margin-top:-10px; color: #999}

/*header*/
.header-container {position: relative;  border-bottom: 1px #03689B solid;}

.top_bar {font-size: 12px; position: absolute; z-index: 3; right: 10px; top:20px; display: none;}
.top_bar ul {overflow: hidden;}
.top_bar ul li {float: left;}
.top_bar ul li:nth-child(1) { display: none;}
.top_bar ul li:nth-child(2) { display: none;}
.top_bar ul li:nth-child(3) { display: none;}
.top_bar ul li:nth-child(4) { font-size: 16px;}
.top_bar ul li a { color: #1E5F89; font-weight: bold;}

.header {position: relative; overflow: hidden;}
.header .logo {display: inline-block; padding: 10px;}
.header .logo strong {
    position: absolute;
    top: -999em;
    left: -999em;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    text-indent: -999em;
    overflow: hidden;
}
.header .logo img {height: 50px; display: inline-block;}

/*search*/
.header .quick-access legend {display: none;}
.header .form-search {position: relative; padding: 15px 65px 15px 15px; background: #03689B;}
.header .form-search .input-text {width: 100%; height: 34px; line-height: 34px; border:1px #062d50 solid;  background: #fff; border-radius: 5px 0 0 5px; text-indent: 10px;}
.header .form-search .button {
      position: absolute; 
      top: 15px; 
      right: 15px; 
      height: 38px; 
      line-height: 38px; 
      background: #113a5e; 
      border:1px #062d50 solid; 
      color: #fff;
      border-radius: 0 5px 5px 0;
 }

.header .top-cart-header{
    position: absolute;
    top: 25px;
    right: 80px;  
}
.header .top-cart-header:before {
    content: "";
    width: 1px;
    height: 21px;
    background: #03689B;
    position: absolute;
    top: -5px;
    left: -5px; 
    transform:rotate(-20deg)
}
.header .top-cart-header .icon_cart {
    position: relative;
    display: block;
    width: 19px;
    height: 14px;
    font-size: 12px;
    line-height: 14px;
    border:1px #03689B solid;
    border-left:none;
    border-radius: 2px;
    transform:skewX(-15deg);
}
.header .top-cart-header .icon_cart:before {
    content: "";
    width: 4px;
    height: 4px;
    border:1px #03689B solid;
    border-radius: 20px;
    position: absolute;
    bottom: -8px;
    left: -1px; 
}
.header .top-cart-header .icon_cart:after {
    content: "";
    width: 4px;
    height: 4px;
    border:1px #03689B solid;
    border-radius: 10px;
    position: absolute;
    bottom: -8px;
    left: 16px; 
}
.header .top-cart-header .top-qty {
  position: absolute;
  top:-8px;
  right: -8px;
  display: block;
  width: 15px;
  height: 15px;
  line-height: 15px;
  background: #03689B;
  border-radius: 20px;
  color: #fff;
  font-size: 10px;
  text-align: center;
}
.header .block-cart {
    position: absolute;
    left: 0;
    top:74px;
    width: 100%;
    background: #fff;
    display: none;
    padding: 15px;
    border-top:1px #03689B solid;
}
.header .block-cart .block-title {color: #000}


/*nav*/
.nav .navter{
    position: absolute;
    top: 18px;
    right: 15px;
    width: 20px;
    height: 20px;
    padding: 5px;
    font-size: 12px;
    line-height: 14px;
    overflow: hidden;
    border:1px #fff solid;
    border-radius: 3px;
}
.nav .navter span {width: 20px; height: 2px; display: block; background: #03689B}
.nav .navter span:before {
    content: "";
    width: 20px;
    height: 2px;
    background: #03689B;
    position: absolute;
    top: 13px;
    right: 5px;
}
.nav .navter span:after {
    content: "";
    width: 20px;
    height: 2px;
    background: #03689B;
    position: absolute;
    top: 21px;
    right: 5px;
}
.nav .on {border:1px #ea5504 solid; background: #f5f5f5}
.nav .on span, .nav .on span:before, .nav .on span:after{background: #ea5504}
.nav > ul {
    position: absolute;
    z-index: 100;
    top:74px;
    left: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0 8px 8px #999;
    display:none;
}
.nav > ul > li {border-top: 1px #ccc solid; background: #fff; position: relative; }
.nav > ul > li > span.icon {
    display: block; 
    width: 30px;
    height: 30px; 
    border: 0px #000 solid; 
    position: absolute;
    top: 5px;
    right: 15px;
}
.nav > ul > li > div.level_2 > ul > li > span.icon {
    display: block; 
    width: 30px;
    height: 30px; 
    border: 0px #000 solid; 
    position: absolute;
    top: 5px;
    right: 15px;
}
.nav > ul > li > span.icon:before {
    content: "";
    width: 16px;
    height: 2px;
    background: #666;
    position: absolute;
    top: 13px;
    right: 5px;
}
.nav > ul > li > span.icon:after {
    content: "";
    width: 2px;
    height: 16px;
    background: #666;
    position: absolute;
    top: 6px;
    right: 12px;
}
.nav > ul > li > div.level_2 > ul > li > span.icon:before {
    content: "";
    width: 13px;
    height: 1px;
    background: #666;
    position: absolute;
    top: 13px;
    right: 6px;
}
.nav > ul > li > div.level_2 > ul > li > span.icon:after {
    content: "";
    width: 1px;
    height: 13px;
    background: #666;
    position: absolute;
    top: 7px;
    right: 12px;
}
.nav > ul > li.literature > span.icon, .nav > ul > li.about-us > span.icon{display: none}
.nav > ul > li.active > span.icon {transform:rotate(45deg); opacity:0.80;}
.nav > ul > li > div.level_2 > ul > li.active > span.icon:after {display: none;}

.nav > ul > li > a {display: block; width: 70%; padding: 10px 15px; color: #000}
.nav > ul > li .level_2 {display: none; background: #fff;}
.nav > ul > li > ul > li {border-top: 1px #ccc solid; background: #fff}
.nav > ul > li > ul > li > a {padding: 10px 15px; display: block; width: 70%;}
.nav > ul > li > div.level_2 > ul > li {border-top: 1px #ccc solid; position: relative; background: #f5f5f5}
.nav > ul > li > div.level_2 > ul > li > span.level-top {display: block; padding: 10px 15px;}
.nav > ul > li > div.level_2 > ul > li >ul {display: none; background: #fff;}
.nav > ul > li > div.level_2 > ul > li >ul > li {border-top: 1px #ccc solid}
.nav > ul > li > div.level_2 > ul > li >ul > li > a {display: block; padding: 10px 15px;}

/*pathbar*/
.pathbar {display: block; background: #f0f0f0; border-bottom: 1px #ddd solid; padding: 5px 15px;}
.pathbar strong {color: #e58016}


/*main*/
.column {padding: 0 15px;}
.sidebar-main {margin: 0 15px;}

/*index*/
#slider-banner {position: relative; margin: 15px 0}
#home-slider .bx-viewport {left: 0;}
#slider-banner .bx-viewport ul li img {width: 100%}
#slider-banner .bx-viewport h2 {display: none}
#slider-banner .bx-controls-direction a {
    display: block;
    width: 40px;
    height: 38px;
    line-height: 38px;
    text-align: center;
    position: absolute;
    background: rgba(255,255,255,0.5);
    z-index: 50;    
    top:50%;
    margin-top: -19px;
    overflow: hidden;
    text-indent: 100px;
}
#slider-banner .bx-controls-direction a.bx-prev {left: 0; border-radius:0 3px 3px 0;}
#slider-banner .bx-controls-direction a.bx-next {right: 0; border-radius:3px 0 0 3px;}
#slider-banner .bx-controls-direction a.bx-prev:before {
    content: "";
    width: 15px;
    height: 2px;
    background: #666;
    position: absolute;
    top: 12px;
    left: 10px;
    transform:rotate(-50deg)
}
#slider-banner .bx-controls-direction a.bx-prev:after {
    content: "";
    width: 15px;
    height: 2px;
    background: #666;
    position: absolute;
    top: 23px;
    left: 10px;
    transform:rotate(50deg)
}
#slider-banner .bx-controls-direction a.bx-next:before {
    content: "";
    width: 15px;
    height: 2px;
    background: #666;
    position: absolute;
    top: 12px;
    right: 10px;
    transform:rotate(50deg)
}
#slider-banner .bx-controls-direction a.bx-next:after {
    content: "";
    width: 15px;
    height: 2px;
    background: #666;
    position: absolute;
    top: 23px;
    right: 10px;
    transform:rotate(-50deg)
}


#slider-product {margin: 15px 0px; border:1px #ddd solid; overflow: hidden;}
#slider-product .na-title {border-top:0px #ddd solid; border-bottom:1px #ccc solid;}
#slider-product .na-title a {display: block; padding: 10px 15px; color: #03689B; font-size: 16px; text-align: center; text-transform: uppercase;}
#slider-product .bx-wrapper {position: relative; overflow: hidden;}
#slider-product .bx-viewport {text-align: center; margin: 5px auto}
#slider-product .bx-viewport img {width: 198px; margin: 0 auto}
#slider-product .bx-viewport .bx-caption {display: none}

/*colIMG*/
.col-img span {border:1px #ddd solid; width: 100%; display: block; margin-top: -1px; background: #fbfbfb; overflow: hidden;}
.col-img span img {width: 324px;}


/*home table*/
#tabbed-nav {margin: 15px 0px;}
.category-products {border: 1px #ddd solid; overflow: hidden;}
.note-msg {margin: 0; padding: 15px; background: #feffe4; color: #3d6611; border:1px #ddd solid; text-align: center;}

/*
#tabbed-nav {margin: 15px 0px; position: relative; overflow: hidden;}
.z-state-closed li {display: none;}
.z-tabs-nav {overflow: hidden; position: relative; z-index: 30;}
.z-tabs-nav li {float: left; width: 33.3%; background: #03689B;}
.z-tabs-nav li.z-active {background: #ea5504}
.z-tabs-nav li a {display: block; padding: 10px 15px; text-align: center; color: #fff; font-size: 14px; border-left:1px #fff solid;}
.z-tabs-nav li:first-child a {border: none}

.z-container {position: relative; zoom:1; }
.home-tab-viewpoint {background: #fff;}
.category-products {border: 1px #ddd solid; overflow: hidden;}
.z-tabs > .z-container > .z-content.z-active {
    z-index: 8;
}
.z-tabs > .z-container > .z-content {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    padding: 0;
    z-index: 7;
    display: none;
}
.z-tabs > .z-container > .z-content, .z-tabs > .z-container > .z-content > .z-content-inner {
    zoom: 1;
}
.note-msg {margin: 0; padding: 15px; background: #feffe4; color: #3d6611; border:1px #ddd solid; text-align: center;}
*/

#products-list li.item-header {background: #d7eefd; color: #000;}
#products-list li.item-header strong {font-weight: normal;}
.products-list li.item {position: relative; padding: 7px 0px 7px 0; overflow: hidden; font-size: 13px;}
.products-list li.item:nth-child(odd) {background: #f1f1f1}
.products-list li.item p {margin: 0}
.products-list li.item a {color: #1E5F89; font-weight: normal;}
.products-list li.odd {background: #f1f1f1;}
.products-list li.item span {display: block; float: left; padding: 0 1%;}
.products-list li.item span.product-sku {width: 20%; text-align: center;}
.products-list li.item span.product-name {width: 30%; WORD-WRAP: break-word;}
.products-list li.item span.product-info {width: 40%;}
.products-list li.item span.product-structure {display: none;}

/*footer*/
.footer-links {background: #03689B;}
.footer-links dl {overflow: hidden; padding-bottom: 5px;}
.footer-links dt {background: #02557f; color: #fff; padding: 10px 15px; margin-bottom: 5px; display: block; }
.footer-links dd {color: #fff; padding: 0 15px; font-size: 13px;}
.footer-links a {color: #fff; display: block; padding:5px 0px; font-size: 13px;}
.footer-links dl:last-child dd {line-height: 28px;}
.footer-links dl:last-child a {display: inline-block; padding: 0}

.footer-subscribe {background: #333; color: #fff; padding: 10px 15px; font-size: 13px;}
.footer-subscribe dt {font-size: 16px;}
.footer-subscribe .form-subscribe-header {margin: 10px 0}
.footer-subscribe .input-box {float: left; width: 70%}
.footer-subscribe .input-text {height: 30px; line-height: 30px; width: 100%; background: #fff; border:1px #fff solid; border-radius: 3px; text-indent: 10px;}
.footer-subscribe .actions {float: right; width: 28%;}
.footer-subscribe .button {
    height: 34px; 
    line-height: 34px; 
    background: #ea5504; 
    color: #fff; 
    border:0px #000 solid;
    border-radius: 3px;
}
.footer-subscribe .clearer {clear: both;}

.copyright {text-align: center;}


/*pages*/
.pages {margin: 15px 0}
.pages ol {overflow: hidden; border-left:1px #ddd solid; width: 240px; margin: 0 auto}
.pages ol li {float: left; margin-left: -1px; width: 14%; height: 30px; text-align: center; line-height: 30px;}
.pages ol li.current {background: #03689B; border-color: #03689B; color: #fff}
.pages ol li a {display: block; height: 28px; text-align: center; line-height: 28px; border: 1px #ddd solid; color: #333; position: relative;}
.pages ol li a:hover {background: #03689B; border-color: #03689B; color: #fff;}
.pages ol li img {display: none}
.pages ol li a.previous:before {
    content: "";
    width: 1px;
    height: 15px;
    background: #666;
    position: absolute;
    top: 2px;
    left: 15px;
    transform:rotate(50deg)
}
.pages ol li a.previous:after {
    content: "";
    width: 1px;
    height: 15px;
    background: #666;
    position: absolute;
    top: 12px;
    left: 15px;
    transform:rotate(-50deg)
}
.pages ol li a.next:before {
    content: "";
    width: 1px;
    height: 15px;
    background: #666;
    position: absolute;
    top: 2px;
    left: 15px;
    transform:rotate(-50deg)
}
.pages ol li a.next:after {
    content: "";
    width: 1px;
    height: 15px;
    background: #666;
    position: absolute;
    top: 12px;
    left: 15px;
    transform:rotate(50deg)
}

.pager .amount {margin: 15px 0; text-align: center;}
.pager .amount strong {font-weight: normal;}
.pager .limiter {display: none}
.sorter {display: none}

/*category*/
.caspase-title {
    margin: 15px 0px 0px; 
    font-size: 24px; 
    display: block; 
    color: #000; 
    font-weight: normal; 
    padding: 5px 10px;
    border:1px #ddd solid;
    position: relative;
}
.caspase-title em {
    display: block; 
    width: 30px;
    height: 30px;
    position: absolute;
    top:5px;
    right: 5px;
}
.caspase-title em:before {
    content: "";
    width: 15px; 
    height: 2px;
    background: #888;
    position: absolute;
    top:15px;
    right: 3px;
    transform:rotate(-45deg)
}
.caspase-title em:after {
    content: "";
    width: 15px; 
    height: 2px;
    background: #888;
    position: absolute;
    top:15px;
    right: 13px;
    transform:rotate(45deg)
}
.caspase-title em.arrow-2 {
    transform:rotate(180deg)
}

/*sub_category*/
.category-description {margin: -1px 0px 10px; border:1px #ddd solid; background: #feffe4; font-size: 13px; padding: 0 10px; display: none}
.category-title {margin: 10px 0px 15px;}
.category-title h1 {font-size: 20px; display: block; color: #ea5504; font-weight: normal;}
#sub_category {margin: 0px; border:1px #ddd solid; border-bottom: none; padding: 0; overflow: hidden;}
#sub_category li {margin: 0; position: relative;}
#sub_category li a {display: block; height: 14px; padding: 13px 15px; border-bottom: 1px #ddd solid; font-size: 13px;}
#sub_category li a:hover { color: #1E5F89}

#sub_category > li > ol {display: none;}
#sub_category > li > ol > li > ol {display: none;}

#sub_category li span.icon {
    display: block; 
    width: 30px;
    height: 30px; 
    border: 0px #000 solid; 
    position: absolute;
    top: 5px;
    right: 5px;
}
#sub_category > li > span.icon:before {
    content: "";
    width: 16px;
    height: 2px;
    background: #666;
    position: absolute;
    top: 13px;
    right: 6px;
}
#sub_category > li > span.icon:after {
    content: "";
    width: 2px;
    height: 16px;
    background: #666;
    position: absolute;
    top: 6px;
    right: 13px;
}
#sub_category > li > ol > li > span.icon:before {
    content: "";
    width: 13px;
    height: 1px;
    background: #666;
    position: absolute;
    top: 13px;
    right: 6px;
}
#sub_category > li > ol > li > span.icon:after {
    content: "";
    width: 1px;
    height: 13px;
    background: #666;
    position: absolute;
    top: 7px;
    right: 12px;
}
#sub_category > li.active > span.icon {transform:rotate(45deg);}
#sub_category > li > ol > li.active > span.icon:after {display: none;}

.filter-title {margin-top:15px; font-size: 16px; color: #000}

#match-category {margin: 10px 0;}
#match-category a {margin-right: 5px; color: #1E5F89}
#match-category {line-height: 15px; height: 45px; margin-bottom: 5px; padding-right: 40px; position: relative; overflow: hidden;}
#match-category-d .match {background: #e5e5e5; position: absolute; right: 0; top: 0; padding: 0 0px;}
#match-category-d .match:hover {text-decoration: none;}
#match-category-d .match .s2 {display: none;}
#match-category-d .active .s1 {display: none;}
#match-category-d .active .s2 {display: inline-block;}


/*about*/
.page-cont-contact {margin: 15px 0}
.contactTab2 {border-top: 1px #ddd solid; border-left: 1px #ddd solid; font-size: 13px;}
.contactTab2 td {padding: 5px 10px; border-bottom: 1px #ddd solid; border-right: 1px #ddd solid;}
.contactTab2 td.bold {font-weight: normal; color: #000}
.contactTab2 tr.greybg td {background: #f1f1f1;}

.partner {width: 100%;}

/*login create*/
.account-login .registered-users {border: 1px solid #DDD; margin-top: 10px; padding:20px 25px;}
.account-login .registered-users h2 {font-size: 18px; font-weight: normal; line-height: 1.25; color: #333}
.account-login input.input-text, .account-login textarea {
    border: 1px #ddd solid; 
    height: 20px; 
    line-height: 20px; 
    padding: 10px 0px; 
    width: 100%; 
    border-radius: 5px;
    text-indent: 10px;
}
.account-login .form-list li {margin: 10px 0}
.account-login .form-list label{color: #333}
.account-login .form-list label em {color: #eb340a; margin-right: 5px;}
.account-login p.required {color: #eb340a;}
.account-login .validation-advice {color: #eb340a; font-size: 12px}
.account-login .buttons-set button.button {
    background: #03689B;
    border: 1px #03689B solid;
    padding: 10px 0px;
    width: 100%;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    margin-top: 10px;
}
.account-login .new-users {border: 1px solid #DDD; margin-top: 10px; padding:20px 25px;}
.account-login .new-users h2 {font-size: 18px; font-weight: normal; line-height: 1.25; color: #333}


.fieldset {
    border: 1px solid #ddd;
    background: #f9f9f9;
    background: -webkit-linear-gradient(top, #fff, #f9f9f9);
    background: -moz-linear-gradient(top, #fff, #f9f9f9);
    padding: 10px 25px 25px 25px;
    margin: 28px 0;
    border: 1px solid #ddd;
}
.fieldset .legend {display: none;}
.fieldset .label {color: #333}
.fieldset input.input-text, .fieldset textarea {
    border: 1px #ddd solid; 
    height: 20px; 
    line-height: 20px; 
    padding: 10px 0px; 
    width: 100%; 
    border-radius: 5px;
    text-indent: 10px;
}
.fieldset select {
    border: 1px #ddd solid; 
    height: 40px; 
    line-height: 40px; 
    padding: 0px 0px; 
    width: 100%; 
    border-radius: 5px;
    text-indent: 10px;
}
.fieldset .required {margin-bottom: 10px;}
.form-create-account .fieldset .legend {display: inline-block; color: #333}
.form-create-account .fieldset br {display: none}

.actions-toolbar {overflow: hidden; margin-bottom: 20px;}
.actions-toolbar .primary .action {width: 140px; padding: 5px 0; border-radius: 3px;}
.actions-toolbar .secondary .back {border:1px #ddd solid; background: #f5f5f5; padding: 9px 5px; display: block; height: 20px; line-height: 20px; margin-top: 1px;}

.password-strength-meter {display: none}
.customer-account-logoutsuccess .main p {padding: 40px 0 100px; text-align: center; color: #333}
.account .empty {padding: 80px 0 100px; color: #333; text-align: center; margin-top: 10px;}

/*page-title*/
.page-title {border-bottom: 1px solid #ddd; padding: 5px 0 5px; margin: 0 0 10px;}
.page-title h1, .page-title h2 {font-size: 16px; color: #333; font-weight: normal;}


/*account*/
.account.page-layout-2columns-left .sidebar-main {float: none; width: auto;}
.block-account .block-title {border-bottom: 1px #ddd solid; padding: 10px 0px}
.block-account .block-title strong {font-weight: normal; font-size: 18px; color: #333}
.block-account ul {border-left: 1px #ddd solid; border-right: 1px #ddd solid}
.block-account ul li {border-bottom: 1px #ddd solid;}
.block-account ul li a {display: block; height: 20px; line-height: 20px; padding: 10px 15px}

.account.page-layout-2columns-left .column.main {float: none; width: auto;}

.block-dashboard-info .block-title, .block-dashboard-addresses .block-title {padding: 10px 0; font-size: 18px;}
.block-dashboard-info .block-title strong, .block-dashboard-addresses .block-title strong {font-size: 18px; font-weight: normal; color: #333; margin-right: 10px;}
.block-dashboard-info .block-content, .block-dashboard-addresses .block-content {overflow: hidden; border: 1px #ddd solid; padding: 15px;}

.box-information, .box-billing-address {border-bottom: dashed 1px #ddd; margin-bottom: 15px; padding-bottom: 15px; float: none; width: 100%;}
.box-newsletter, .box-shipping-address {float: none; width: 100%; margin-bottom: 15px;}

.box-actions a {color: #1E5F89; margin-right: 10px;}

.block-addresses-default .block-title {padding: 10px 0;}
.block-addresses-list .block-title {padding: 10px 0 0;}
.block-addresses-default .block-title strong, .block-addresses-list .block-title strong {font-size: 18px; font-weight: normal; color: #333}
.block-addresses-default .block-content {overflow: hidden; border: 1px #ddd solid; padding: 15px;}
.block-addresses-default .box-content {margin: 10px 0}
.box-address-billing {border-bottom: dashed 1px #ddd; margin-bottom: 15px; padding-bottom: 15px;}

/*order*/
.block-dashboard-orders .block-title {padding: 10px 0; font-size: 18px;}
.block-dashboard-orders .block-title strong {font-size: 18px; font-weight: normal; margin-right: 10px;}
.block-dashboard-orders .order strong, .orders-history .table-caption {font-size: 18px; padding: 10px 0; color: #333; text-align: left;}
.block-dashboard-orders  .table-caption {display: none}
.block-dashboard-orders table, .orders-history table {width: 100%}
.block-dashboard-orders table thead th, .orders-history table thead th {
  background: #e6f4fc;
  background:-webkit-linear-gradient(top, #f5f5f5, #e0e0e0); 
  background:-moz-linear-gradient(top, #f5f5f5, #e0e0e0);
  padding: 10px 3px;
  font-weight: bold;
  font-size: 12px;
  color: #333
}
.block-dashboard-orders table tbody td, .orders-history table tbody td {padding: 10px 3px; border-bottom: 1px #ddd solid; font-size: 12px; word-wrap:break-word; word-break:break-word; }
.block-dashboard-orders .actions, .orders-history .actions {text-align: left;}
.block-dashboard-orders .actions a, .orders-history .actions a {margin-right: 10px;}

/*order detail*/
.order-links .nav {background: #fff; font-size: 18px; color: #333; padding: 10px 0}
.order-links .nav strong {font-weight: normal;}

.order-details-items .order-title {display: none}
.order-details-items .table-caption {display: none}
.order-details-items table {width: 100%; font-size: 12px;}
.order-details-items table thead th { background: #e6f4fc; padding: 5px 5px 5px 0; font-weight: bold; color: #333; text-align: left;}
.order-details-items table tbody td {padding: 5px 5px 5px 0; border-bottom: 1px #ddd solid; word-wrap:break-word; word-break:break-word;}
.order-details-items table tbody td strong {font-weight: normal; color: #333}
.order-details-items table tfoot {border-bottom: 1px #ddd solid}
.order-details-items table tfoot th {padding: 5px 5px 5px 0; text-align: left; font-weight: normal; color: #333}
.order-details-items table tfoot td {padding: 5px 5px 5px 0; text-align: left; font-weight: normal;}
.order-details-items table tfoot th strong {font-size: 16px; font-weight: normal; color: #333}
.order-details-items table tfoot td strong {font-size: 20px; font-weight: normal; color: #333}

.order-details-items .actions-toolbar {overflow: hidden; margin-top: 15px;}

/*order details view*/
.block-order-details-view .block-title strong {font-size: 18px; font-weight: normal; color: #333}
.block-order-details-view .block-content {border-top: 1px #ddd solid; margin-top: 10px; margin-bottom: 20px; padding: 10px 0; overflow: hidden;}
.block-order-details-view .block-content .box {line-height: 20px; text-align: left; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #ddd}
.block-order-details-view .block-content .box .box-title {margin-bottom: 5px; display: block; color: #333}

.block-order-details-view .block-content .box-order-billing-method .table-caption {display: none;}
.block-order-details-view .block-content .box-order-billing-method table th {font-weight: normal; color: #333; padding-right: 5px;}

/*cart*/
.order-details-items .order-title {display: none}
.order-details-items .table-caption {display: none}
.cart-table {width: 100%; font-size: 12px;}
.cart-table thead th {width: 12%; background: #e6f4fc; padding: 5px 5px 5px 0; font-weight: bold; color: #333; text-align: left;}
.cart-table thead th:nth-child(1) {
    width: 15%;
  }
  .cart-table thead th:nth-child(2) {
    width: 35%;
  }


.cart-table thead th:nth-child(3) span{display: none;}
.cart-table tbody td {padding: 5px 5px 5px 0; border-bottom: 1px #ddd solid;}
.cart-table tbody td:last-child {width: 30px;}
.cart-table tbody td h2 {font-size: 12px; word-wrap:break-word; word-break:break-word; display: inline;}
.cart-table tbody td .input-text {width: 30px; text-align: center; height: 20px; line-height: 20px; padding: 5px 0; border:1px #ddd solid;}
.cart-table tbody td strong {font-weight: normal; color: #333}
.cart-table tfoot {border-bottom: 1px #ddd solid; display: none;}
.cart-table tfoot th {padding: 5px 5px 5px 0; text-align: left; font-weight: normal; color: #333}
.cart-table tfoot td {padding: 5px 5px 5px 0; text-align: left; font-weight: normal;}
.cart-table tfoot th strong {font-size: 16px; font-weight: normal; color: #333}
.cart-table tfoot td strong {font-size: 20px; font-weight: normal; color: #333}

.cart-table button.btn-continue {
    background: #03689B;
    border: 1px #03689B solid;
    padding: 10px 5px;
    border-radius: 3px;
    color: #fff;
    margin: 10px 0;
}
.cart-table button.btn-update {
    background: #ea5504;
    border: 1px #ea5504 solid;
    padding: 10px 5px;
    border-radius: 3px;
    color: #fff;
}

.cart-collaterals table {width: 100%; font-size: 12px;border-bottom: 1px #ddd solid;}
.cart-collaterals table tbody td {padding: 5px 0}
.cart-collaterals table tbody td:nth-child(1) {color: #333}
.cart-collaterals table tfoot td {padding: 5px 0}
.cart-collaterals table tfoot td strong {font-weight: normal; color: #333}
.cart-collaterals table tfoot td:last-child {font-size: 18px;}
.cart-collaterals .checkout-types button.btn-checkout {
    background: #03689B;
    border: 1px #03689B solid;
    padding: 10px 10px;
    border-radius: 3px;
    color: #fff;
    margin: 10px 0;
}

.side-bar {
	display: none;
}

.pro_star span {float: right;width: 16px;height: 14px;margin-left: 5px;}
.span_star {background: url("/media/icon.png") ;}

/*mobile  calculate*/
.calculate form {height: 200px;}
.calculate form div {position: relative;}
.calculate form #molCalcEq {left: 30px;}
.calculate form #molCalcCon {left: 50px;}
.calculate form #molCalcX1 {left: 70px;}
.calculate form #molCalcVol {left: 90px;}
.calculate form #molCalcX2 {left: 110px;}
.calculate form #molCalcMWt {left: 130px;}
.calculate form #molCalcMassInpt {clear: both; top: 30px; width: 140px;}
.calculate form #molCalcConcInpt {left: 60px; top: 30px; width: 140px;}
.calculate form #molCalcVolInpt {left: 15px; width: 140px; top: 40px;}
.calculate form #molCalcMwtInpt {left: 60px; top: 40px;}
.calculate form #molCalcNB {top: 60px;}

.calculate form #dilCon1 {left: 15px; width: 150px;}
.calculate form #dilX1 {left: 30px;}
.calculate form #dilVol1 {left: 50px; width: 140px;}
.calculate form #dilEq {left: 70px; }
.calculate form #dilCon2 {left: 15px; width: 150px;}
.calculate form #dilX2 {left: 30px}
.calculate form #dilVol2 {left: 50px; width: 150px;}
.calculate form #dilC1inpt {clear: both; top: 40px; width: 110px; height: 25px;}
.calculate form #dilV1inpt {left: 40px; top: 40px; width: 110px;}
.calculate form #dilC2inpt {left: 15px; width: 110px; top: 60px;}
.calculate form #dilV2inpt {left: 40px; top: 60px;}
.calculate form #dilC1 {left: 15px; top:10px; clear: both;}
.calculate form #dilV1 {left: 140px; top:10px}
.calculate form #dilC2 {left: -15px; top:60px }
.calculate form #dilV2 {left: 110px; top:60px }


.calcQr {display: none}


/*JXM20220601*/
#artul li {margin: 10px 0; padding-left: 15px; position: relative;}
#artul li:before {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background: #aaa;
    position: absolute;
    left: 0;
    top: 8px;
}
#artul li a:hover {color: #0076DF}

#artul1 li {margin: 10px 0; padding-left: 15px; position: relative;}
#artul1 li:before {
    content: "";
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 5px;
    background: #aaa;
    position: absolute;
    left: 0;
    top: 8px;
}
#artul1 li a:hover {color: #0076DF}

.d-dialog img {width: 350px; height: auto;}


/* gslider*/

a.abtn {display: none;height: 36px;width: 16px; position: absolute; z-index: 100; overflow: hidden;background:url(../../frontend/glpbio/global/en_US/css/img/img_btn.png) no-repeat;}           
a.aleft {background-position: 0 -112px;  left: 0; top: 88px}            
a.agrayleft {cursor: default;background-position: 0 0;}         
a.aright {background-position: 0 -162px; right: 0; top: 88px}           
a.agrayright {cursor: default;background-position: 0 -58px;}    

.scrolllist {position: relative; margin: 20px 0;}    
.scrolllist h3 {font-size: 13px; margin: 10px 0; padding: 0 15px;}      
.scrolllist .imglist_w {margin:0 auto;position: relative;}
.scrolllist .imglist_w li {padding-top: 0; margin: 10px 0;}
.scrolllist .imglist_w li a {color: #333;text-decoration:none; display: block; border-bottom: solid 1px #ddd;}        
.scrolllist .imglist_w li a:hover img{filter: alpha(opacity=86);-moz-opacity: 0.86;opacity: 0.86;}
.scrolllist .imglist_w li h3 {font-weight: bold; font-size: 14px;}
.scrolllist .imglist_w li .imger {display: block; padding:0; margin: 10px 0; overflow: hidden; text-align: center;}
.scrolllist .imglist_w li .imger img{width: 100%; }
.scrolllist .imglist_w li .texter {margin: 10px 0; padding: 0; font-size: 12px;}

.scrolllist .imglist_w li  span {display: inline-block; margin-bottom: 10px;}
.scrolllist .imglist_w li  .s1 {font-weight: bold;}
.scrolllist .imglist_w li  .s3 {text-decoration: underline; font-style:italic}



/*New layout*/
/*.detail-tag{position:relative;margin-bottom:25px}*/
/*.detail-tag .tbar{height:auto;line-height:normal;padding:5px 0;border-bottom:2px solid #0076df;clear:both}*/
/*.detail-tag .tbar span{display:inline-block;margin-right:3px;border-radius:4px;line-height:20px;font-weight:bold;font-size:12px;background:#0076df;color:#fff;padding:4px 12px;transition:all 0.3s ease}*/
/*.detail-tag .tbar span:hover,.detail-tag .tbar span.active{background:#fff !important;color:#0076df !important;box-shadow:0 2px 5px rgba(0,118,223,0.2)}*/
/*.detail-tag .tbar span:hover{transform:translateY(-2px)}*/
/*New layout*/
html {scroll-padding-top: 100px; }
.detail-tag{margin-bottom:25px;position: sticky;top: 50px;z-index: 1000;}
.detail-tag .tbar{height:auto;line-height:normal;padding:5px 0;border-bottom:2px solid #0076df;clear:both}
.detail-tag .tbar a{display:inline-block;margin-right:3px;border-radius:4px;line-height:20px;font-weight:bold;font-size:12px;background:#0076df;color:#fff;padding:4px 12px;transition:all 0.3s ease;text-decoration: none;}
.detail-tag .tbar a:hover,.detail-tag .tbar a.active{background:#fff !important;color:#0076df !important;box-shadow:0 2px 5px rgba(0,118,223,0.2)}
.detail-tag .tbar a:hover{transform:translateY(-2px)}

/*product-intro*/
.product-intro .product-summary {position: relative; margin: 10px 0;}
.product-intro .product-preview .product-image {padding: 10px; margin: 0; border: 1px #ddd solid; text-align: center;}
.product-intro .product-preview img {max-width: 100%; max-height: 220px; display: inline-block;}

.product-intro .product-title {padding: 10px 0; border-bottom: 0px #03689B solid}
.product-intro .product-title .product_name {font-size: 24px; display: block; color: #000}
.product-intro .product-title .product_subtitle {font-size: 12px;}

.product-intro .product-summary #product-short_summary {display: none;}
.product-intro .product-data-table table {width: 100%}
.product-intro .product-data-table th {
    color: #000;
    font-weight: bold;
    background: #e6f4fc;
    padding: 5px 0;
    font-size: 12px;
    text-align: center;
}
.product-intro .product-data-table th:nth-child(2) {width: 100px}
.product-intro .product-data-table th:nth-child(3) {width: 60px}
.product-intro .product-data-table th:nth-child(4) {width: 120px}
.product-intro .product-data-table th:nth-child(5) {width: 0}
.product-intro .product-data-table .data-table table td {padding: 5px 0; font-size: 12px; border-bottom: 1px #ddd solid; text-align: center;}
.product-intro .product-data-table .data-table table td:nth-child(2) {width: 100px}
.product-intro .product-data-table .data-table table td:nth-child(3) {width: 60px}
.product-intro .product-data-table .data-table table td:nth-child(4) {width: 120px}

.product-intro .product-data-table .data-table td.last {width: 0}

.product-intro .product-data-table .data-table select {border:1px #aaa solid; padding: 3px 10px}

.product-intro .product-acts {margin: 10px 0}
.product-intro .tool-tips {display: none}
.product-intro .product-contact-info {font-size: 13px;}

/*detail-box*/
.detail-box {margin-top: 20px; font-size: 13px; position: static; overflow: hidden;}
.detail-box .tbar {border-top:1px #03689B solid; padding: 5px 0px 0; margin-bottom: 10px; text-transform : uppercase}
.detail-box .tbar h2 {font-size: 22px; font-weight: normal; background: #03689B;color:#fff;}
.detail-box .detail-table table {border-top: 1px #ddd solid; border-left: 1px #ddd solid;}
.detail-box .detail-table td {border-right: 1px #ddd solid; border-bottom: 1px #ddd solid; padding: 5px; word-break:break-all }
.detail-box .detail-table td p {margin: 0}

.detail-quality h3 {
    color: #000;
    font-size: 13px;
    padding: 0 0 10px;
    font-weight: normal;
}
.detail-quality dl {overflow: hidden;}
.detail-quality select {border:1px #aaa solid; padding: 3px 10px}
.detail-quality ul li {padding-top: 5px;}
.detail-quality .select-list li a {
    display: inline-block;
    line-height: 1.5em;
    padding: 0 0 0 21px;
    background-position: 0 -153px;
    color: #03689B;
    font-weight: bold;
    background-image: url(https://www.glpbio.com/pub/static/frontend/glpbio/global/en_US/images/detail_sprite.png);
    background-repeat: no-repeat;
    background-color: transparent;
}


/*form*/
.product-acts button.add-to-cart  {background: #ea5504; border:1px #ea5504 solid; padding: 10px 0px; width: 49%; border-radius: 3px; color: #fff; }
.product-acts button.bulk-inquiry {background: #03689B;; border:1px #03689B solid; padding: 10px 0px; width: 49%; border-radius: 3px; color: #fff; }
.product-acts button.through-fisher {background: #fff;; border:1px #03689B solid; padding: 10px 0px; width: 99%; border-radius: 3px; color: #000; margin-top: 10px}

/*#ScroMainc*/
#ScLeft, #ScRight {visibility: visible;}

.addcon {width: 1180px; height: auto; overflow: hidden;}

.detail-cite-bar {text-align: center;border-top: 1px solid #ddd;margin-top: 10px;padding-top: 5px;padding-bottom: 8px;margin-bottom: 0px;width: 100%;}