@charset "utf-8";

/*body {font-family:'微软雅黑', Arial,Verdana, Helvetica, sans-serif;}*/
body {font-family:'黑體', '黑体', PMingLiu, mingliu, 細明體_HKSCS-ExtB, "Ming(for ISO10646)ExtB", Arial, Helvetica, sans-serif;}

@media(min-width: 1200px) {
  #column-left > div {margin-right: 30px;}
  #content .mar-content {margin-left: -30px;}  
}

.form-control {box-shadow:none;border-radius: 0;}
.form-control:focus {
  border-color: #fbb477;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(251, 180, 119, .6);
          box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(251, 180, 119, .6);
}

.height-25 {width: 100%;height: 25px;}
.height-20 {width: 100%;height: 20px;}
.height-15 {width: 100%;height: 15px;}

.font-24 {font-size: 24px;margin-bottom: -5px;}

.red,.error {color:#f00;}
a{text-decoration: none;outline: none;}
a:hover {;text-decoration: none;color:#f48320;outline: none;}

.a-gray {color:#000;}
/*common*/
.out-bor {/*width: 98%;*/margin:0 auto;border:1px solid #e7e7e7;min-height: 300px;}
.box-reg {padding:20px 4%;}
.img-captcha {position: relative;top:3px;left:3px;float:left;}
.table-td-pad td {padding:8px 3px;}
.out-pad {padding:20px 3.2%;}
.table-100 {width: 100%;}
.form-100 input[type="text"], .form-100 input[type="password"], .form-100 input[type="email"], .form-100 input[type="tel"] {width: 100%;}

.box-empty {text-align: center;padding:30px 0;}


/* button */
.btn-nat {
  color: #fff;
  background-color: #f5821f;
  padding:4px 24px;
}
.btn-nat:focus,
.btn-nat.focus {
  color: #fff;
  background-color: #fb7400;
}
.btn-nat:hover {
  color: #fff;
  background-color: #fb7400;
}
.btn-nat:active,
.btn-nat.active,
.open > .dropdown-toggle.btn-nat {
  color: #fff;
  background-color: #fb7400;
}


.btn-gray {
  color: #fff;
  background-color: #aaaaaa;
  padding:4px 24px;
}
.btn-gray:focus,
.btn-gray.focus {
  color: #fff;
  background-color: #9c9b9b;
}
.btn-gray:hover {
  color: #fff;
  background-color: #9c9b9b;
}
.btn-gray:active,
.btn-gray.active,
.open > .dropdown-toggle.btn-gray {
  color: #fff;
  background-color: #9c9b9b;
}

.btn-gray2 {
  color: #fff;
  background-color: #aaaaaa;
  padding:4px 24px;
}
.btn-gray2:focus,
.btn-gray2.focus {
  color: #fff;
  background-color: #fb7400;
}
.btn-gray2:hover {
  color: #fff;
  background-color: #fb7400;
}
.btn-gray2:active,
.btn-gray2.active,
.open > .dropdown-toggle.btn-gray {
  color: #fff;
  background-color: #fb7400;
}


.nav-tabs.nav-tabs-nat >li>a {border-radius: 8px 8px 0 0;padding:6px 25px;}
.nav-tabs.nav-tabs-nat>li.active>a, .nav-tabs.nav-tabs-nat>li.active>a:focus, .nav-tabs.nav-tabs-nat>li.active>a:hover {background-color:#f37b13;color:#fff;font-size: 18px;}

.pagination {border-top: 1px solid #EEEEEE; padding-top: 8px; display: inline-block; width: 100%; margin-bottom: 10px;}
.pagination .links {float: right;}
.pagination .links a {display: inline-block; border: 1px solid #cbcbcb; padding: 3px 9px; text-decoration: none; color: #A3A3A3;}
.pagination .links b {display: inline-block; border: 1px solid #cbcbcb; padding: 3px 9px; font-weight: normal; text-decoration: none; color: #fff; background: #f4811d;}
.pagination .results {float: right; padding-top: 3px;display: none;}

.editor img {display: inline-block;max-width: 100%!important;height: auto!important;}
.editor {overflow: hidden;}
.editor iframe {max-width: 100%;}
.editor table {max-width: 100%!important;}


.logo {padding:10px;}
.menu {font-size: 16px;color:#000000;}
.menu a {color:#000000;}
.menu a:hover, .menu .active > a {text-decoration: none;color:#f48320;}
.menu .m-home > a {background: url(../images/mc-acc.png) no-repeat left center;}
.menu .m-com > a {background: url(../images/mc-com.png) no-repeat left center;}
.menu .m-acc > a {background: url(../images/mc-acc.png) no-repeat left center;}
.menu .m-pre > a {background: url(../images/mc-pre.png) no-repeat left center;}
.menu .m-mem > a {background: url(../images/mc-mem.png) no-repeat left center;}
.menu .m-cart > a {background: url(../images/mc-cart.png) no-repeat left center;}
.menu .m-com > a.special-a {background: none;}

.menu > li {position: relative;}

@media(min-width: 992px){
    .menu {padding-top:12px;}
    .menu-top {padding-top: 30px;}
    .menu > li {float:left;min-height: 24px}
    .menu > li.m-acc {padding-right: 14px;}
    .menu > li > a {padding: 0 14px 0 28px;}
    /* .menu > li.icons {padding-right: 60px;} */
    .menu > li.icons {padding-left:20px;position: relative;top:-2px;}
    .menu > li.icons > a {padding: 0 1px!important;}
    .menu > li > a.no-pad-right {padding-right: 0;}
    .menu {float:right;}
    .menu-toggle {float:right;padding-top:10px;display: none;}
    .menu-close {display: none;}

    .menu .nat-dropdown {position: absolute;left:0;top:100%;min-width: 180px;z-index: 9999;
      color:#fff;padding-top:5px;
     opacity: 0;
filter: alpha(opacity=0);
/* -ms-transform: scale(0);
-webkit-transform: scale(0);
transform: scale(0); */
  pointer-events: none;
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out; 
    }
    .menu .nat-dropdown a {display: block;padding:6px 8px;border-bottom: 1px solid #e96030;font-size:14px;color:#fff;background: #f48320;}
    /* .menu .nat-dropdown .special-p a {color:#fe0c1d;font-weight: bold;font-size: 16px;} */
    .menu .nat-dropdown a:hover {background: #ff7700;color:#fff;}

    .menu li.selected .nat-dropdown {
        opacity: 1;
        filter: alpha(opacity=100);
/*         -ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1); */
  pointer-events: auto;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  transform: translateY(0px);
    }
     .menu .menu-flag {display: none;}
     .menu li.selected > a {color:#f48320;}


}

@media (min-width: 992px) and (max-width: 1199px) {
    
    .menu > li > a {padding: 0 6px 0 24px;}
    .menu.menu-bottom > li > a {padding: 0 4px 0 14px;}
}


@media (max-width: 991px) {
  .logo {max-height: 60px;}
  .menu > li.icons {padding-bottom: 10px;}
  .menu-toggle {float:right;margin-top:18px;display: inline-block;background: #f48320;padding:4px 7px;color:#fff;border-radius: 3px;}
  .menu-toggle:hover,.menu-toggle:focus,.menu-toggle:active  {color:#fff;background: #fe7700;}
  .menu-close {float:right;padding:8px 8px 0 0;display: block;font-weight: bold;color:#000;font-size:24px;}
  .main-navbar {
    position: fixed;
    height: 100%;
    width: 250px;
    max-width: 100%;
    left: -250px;
    top: 0px;
    z-index: 99999;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: all 0.25s ease-in;
    -moz-transition: all 0.25s ease-in;
    -o-transition: all 0.25s ease-in;
    transition: all 0.25s ease-in; 
    background: #fff;
  }
  .main-navbar.in {
      box-shadow: 0px 0px 20px black;
      box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3); 

  }
  .main-navbar.navbar-fade {opacity: 0;}
  .main-navbar.navbar-fade.in {opacity: 1;left:0;}  

  .menu {clear:both;float:none;}
  .menu-top {padding-top:10px;}
  .menu > li {padding-left: 0px;}
  .menu .m-acc {border-bottom: 1px solid #ccc;}
  .menu > li > a {padding:5px 10px 5px 24px;display: block;border-bottom: 1px solid #ccc;}
  .menu > li.m-acc > a {border:none;}
  .menu > li > a.special-a {display: inline-block;}
  .menu > li.icons > a {padding: 0 1px;display: inline-block;border: none;}
  /* .menu-bottom {border-top:1px solid #999;padding-top: 10px;} */
  .menu .nat-dropdown {display: none;}
  .menu .nat-dropdown a {padding:5px 10px 5px 35px;display: block;border-bottom: 1px solid #fff;background: #f19341;color:#fff;}
  .menu .nat-dropdown a:hover {color:#fff;background: #f87c0f}
  .menu .menu-flag {display:block;width:32px;height:32px;position: absolute;right:10px; top:-2px;font-size:26px;cursor: pointer;}
/*   .menu li .menu-flag {transition: all 0.3s ease-in; transform: rotate(0deg);}

.menu li.open .menu-flag{transform: rotate(180deg);margin-left:-32px;margin-top: 32px;} */

}


.box-banner {margin-top:30px;}
.box-banner .item {text-align: center;}
.box-banner img {margin:0 auto;}


#content {min-height: 400px;}

.footer {padding:45px 0;font-size: 14px;color:#000;}
.footer a {color:#000;}
.footer a:hover {color:#f48320}
.footer .footer-info {font-size: 16px;}
.footer .footer-info li{float:right;margin-left:15px;}



.breadcrumb {text-align: right;background: transparent;font-size:12px;color:#000;margin-bottom: 0;}
.breadcrumb a {color:#000;}
.breadcrumb a.active {color:#a4a4a4;}
.breadcrumb a:hover {color:#f48320;}

.heading-title {font-size: 20px;color:#f58526;margin-top: 5px;/* padding-left: 10px; */}


.box-reg .input-captcha {width: 18%!important;float:left;position: relative;top:-3px;}
.box-reg {padding:20px 4%;}

@media (max-width: 767px) {
  .mobile-block td{display: block!important;;width: 100%!important;padding:0 0 10px 0!important;}
  .mobile-block td.hidden-xs {display: none!important;}
  .mobile-block tr td:first-child {padding-bottom: 2px!important;}
  .mobile-block td .form-control {width: 100%!important;}
  .mobile-block td .form-control.input-captcha, .mobile-block td .form-control.input-short {width: 40%!important;}
  .img-captcha {width: 50%!important;}
}
@media (min-width: 992px) {
  .box-reg input[type="text"], .box-reg input[type="tel"], .box-reg input[type="email"], .box-reg input[type="password"], .box-reg select {width: 48%;}
  .box-reg {background: url(../images/reg-bg.png) no-repeat 98% center;}
}

.mtable {font-size: 14px;width: 100%;}
.mtable .entry {width: 13%}
.mtable td {padding:8px 3px;}


/* slideshow */
.slideshow.owl-carousel .owl-pagination {top:-30px;}
.slideshow.owl-carousel .owl-controls .owl-page.active span {background-color:#f48320;}
@media(max-width: 767px) {
  .slideshow.owl-carousel .owl-pagination {top:-20px;}
  .slideshow.owl-carousel .owl-controls .owl-page span {width: 10px;height: 10px;}
  .slideshow.owl-carousel .owl-controls .owl-page {margin: 0 3px;}
}

/* login */

.box-login {border:1px solid #e7e7e7;margin-top: 20px;position: relative;}
.box-login .login-inner {padding:15px 30px;}
@media (min-width:992px) {
  .box-login {width: 80%;margin:20px auto;}
  .box-login .login-inner {margin: 30px 0;padding:30px 50px;}
  .box-login .col-sm-6 {position: static;}
  .box-login .bor-left {border-left:1px solid #e7e7e7;}
  .box-login .login-inner .btn-nat {position: absolute;bottom: 40px;left:0;margin-left: 50px;}
  .box-login .login-inner .btn-login {left:50%;margin-left: 65px;}
}
@media (min-width:768px) and (max-width: 991px) {
  .box-login {width: 98%;margin:20px auto;}
}

@media (max-width: 767px) {
  .box-login .bor-left {border-top:1px solid #e7e7e7;}
}

.box-login .alert {width: 95%;margin:0 auto;position: relative;top:15px;}





/* box */
.box .box-heading {height: 30px;line-height: 30px;background-color: #f37b13;font-size: 18px;color:#fff;padding-left:20px;}
.box .box-heading.has-fa {padding-left:10px;}
.box .box-content li {border-bottom: 1px solid #ececec;}
.box .box-content li a{display: block;padding:8px;color:#000000;}

.box-cat .box-heading{background-image: url(../images/product-icon.png);background-repeat: no-repeat;background-position:  10px center;padding-left:35px;}
.box-cat .top-li {position: relative;}
.box-cat .top-ul {display: none;}
.box-cat .top-li ul{display: none;}
.box-cat li.special-li a{color:#f00;}

.box-category ul li {position: relative;}

.box-category .toggle {display: block;width: 20px;height: 20px;line-height:20px;background-color: #bfbfbf;position: absolute;right:5px;border-radius: 2px;top:8px;text-align: center;color:#fff;cursor: pointer;background-image:url(../images/i_plus_minus.png);background-repeat: no-repeat;background-position:5px 135%;}
.box-category li.open > .toggle {background-position:5px -75%;background-color:#f37b13;}
.box-category a:hover {color:#f37b13!important;}
.box-category li:hover > .toggle {background-color:#f37b13;}
.box-category .top-li ul a {padding-left: 25px;padding-right: 25px;}
.box-category .top-li ul ul a {padding-left: 50px;}

@media (min-width: 768px) {
  .box-cat .top-ul {position: absolute;left:100%;top:-1px;background-color:#fff;z-index: 999999;min-width: 240px;max-width: 280px;border:1px solid #e7e7e7;/* white-space:nowrap; */}
  .box-category .top-li {position: relative;}
/*   .box-category .top-li ul {
opacity: 0;
-webkit-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;     
} */
  /* .box-category ul li.open > ul {display: block;} */
  .box-category .top-li ul a {padding-left: 15px;padding-right: 25px;}
  .box-category .top-li ul ul {position: absolute;left:100%;top:-1px;background-color:#fff;z-index: 999999;min-width: 240px;max-width: 280px;border:1px solid #e7e7e7;}
  .box-category .top-li ul ul a {padding-left:15px;padding-right:15px;}
  /* .box-category .top-li .toggle {display: none;} */
}

/*@media (min-width: 768px) {
  .box-contact {background: url(../images/contact-bg.png) no-repeat 99% center;}
}*/

.box-contact .input-captcha {width: 28%!important;float:left;position: relative;top:-3px;}

.acc-h2 {border-bottom:1px solid #e7e7e7;font-size: 16px;padding-bottom: 4px;color:#f58526;width: 100%;margin-top:0;}
.acc-title {width: 100%;text-align: right;border-bottom:1px solid #e7e7e7;padding:3px 0;}
.acc-title h3 {font-size: 14px;float:left;text-align: left;margin:0;}
.acc-title a {color:#f58526;}
.acc-hello {font-weight: bold;padding-bottom: 2px;}

.acc-home-ul li{margin-top: 3px;}

.level-info {margin-top: 10px;}


.box-left-acc ul li a {padding-left: 25px!important;transition:all 0.6s;-moz-transition:all 0.6s;-webkit-transition:all 0.6s;-o-transition: ;
transition: ;:all 0.6s;}
.box-left-acc ul li a:hover {padding-left: 12px!important;color:#f58526;}
.box-left-acc ul li.active a {color:#f58526;}



/* product list */

.product-grid .product-thumb {
  padding: 0 10px 18px;
}
.product-grid .product-thumb:hover {

}
.product-thumb {
  /* border: 1px solid #ddd; 
  margin-bottom: 20px;*/
  overflow: auto;
}
.product-thumb:hover {
  
}
.product-thumb .image {
  text-align: center;
  border:1px solid #e1e1e1;
  border-radius: 12px;
}
.product-thumb .image a {
  display: block;
}
.product-thumb .image a:hover {
  opacity: 1.0;
}
.product-thumb .image img {
  margin-left: auto;
  margin-right: auto;
}
.product-grid .product-thumb .image {
  float: none;
}
@media (min-width: 767px) {
.product-list .product-thumb .image {
  float: left;
  padding: 0 15px;
}
}
.product-thumb h4 {
  font-size: 100%;
}
.product-thumb .caption {
  padding: 0 15px;
  min-height: 55px;
  border-top: 1px solid transparent;
  margin-top:-1px;
}
.product-thumb .p-buttons {padding: 0 15px;}
.product-list .product-thumb .caption {
  margin-left: 230px;
}
@media (max-width: 1200px) {
.product-grid .product-thumb .caption {
  min-height: 30px;
  padding: 0 10px;
}
}
@media (max-width: 767px) {
.product-list .product-thumb .caption {
  min-height: 0;
  margin-left: 0;
  padding: 0 10px;
}
.product-grid .product-thumb .caption {
  min-height: 0;
}
}
.product-thumb .rating {
  padding-bottom: 10px;
}
.rating .fa-stack {
  font-size: 8px;
}
.rating .fa-star-o {
  color: #999;
  font-size: 15px;
}
.rating .fa-star {
  color: #FC0;
  font-size: 15px;
}
.rating .fa-star + .fa-star-o {
  color: #E69500;
}
h2.price {
  margin: 0;
}
.product-thumb .price {
  color: #f37b13;
  font-size: 18px;
}
.product-thumb h4{}
.product-thumb h4 a {color:#000;}
.product-thumb h4 a:hover {color:#f37b13;}
.product-thumb .price-new {
  font-weight: 600;
}
.product-thumb .price-old {
  color: #999;
  text-decoration: line-through;
  /*margin-left: 10px;*/
}
.product-thumb .price-tax {
  color: #999;
  font-size: 12px;
  display: block;
}
.product-thumb .button-group {
  border-top: 1px solid #ddd;
  background-color: #eee;
  overflow: auto;
}
.product-list .product-thumb .button-group {
  border-left: 1px solid #ddd;
}
@media (max-width: 768px) {
  .product-list .product-thumb .button-group {
    border-left: none;
  }
}
.product-thumb .button-group button {
  width: 60%;
  border: none;
  display: inline-block;
  float: left;
  background-color: #eee;
  color: #888;
  line-height: 38px;
  font-weight: bold;
  text-align: center;
  text-transform: uppercase;
}
.product-thumb .button-group button + button {
  width: 20%;
  border-left: 1px solid #ddd;
}
.product-thumb .button-group button:hover {
  color: #444;
  background-color: #ddd;
  text-decoration: none;
  cursor: pointer;
}
@media (max-width: 1200px) {
  .product-thumb .button-group button, .product-thumb .button-group button + button {
    width: 33.33%;
  }
}
@media (max-width: 767px) {
  .product-thumb .button-group button, .product-thumb .button-group button + button {
    width: 33.33%;
  }
}




.thumbnails {
  overflow: auto;
  clear: both;
  list-style: none;
  padding: 0;
  margin: 0;
}
.thumbnails > li {
  margin-left: 10px;
}
.thumbnails {
  margin-left: -10px;
}
.thumbnails > img {
  width: 100%;
}
.image-additional {margin-left: 0!important;width: 33.33%;}


.image-additional img {max-width: 100%;}
.image-additional a {
  margin-bottom: 10px;
  padding: 5px;
  display: block;
  border: 1px solid #ddd;
  margin-left:10px;
}
.image-additional a:hover, .image-additional a:active {border:1px solid #f58523;}
.image-additional {
  /* max-width: 120px; */
}
.thumbnails .image-additional {
  float: left;
  margin-left: 10px;
}

@media (min-width: 1200px) {
  #content .col-lg-2:nth-child(6n+1),
  #content .col-lg-2:nth-child(6n+1),
  #content .col-lg-3:nth-child(4n+1),
  #content .col-lg-4:nth-child(3n+1),
  #content .col-lg-6:nth-child(2n+1) {
    clear:left;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  #content .col-md-2:nth-child(6n+1),
  #content .col-md-2:nth-child(6n+1),
  #content .col-md-3:nth-child(4n+1),
  #content .col-md-4:nth-child(3n+1),
  #content .col-md-6:nth-child(2n+1) {
    clear:left;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  #content .col-sm-2:nth-child(6n+1),
  #content .col-sm-2:nth-child(6n+1),
  #content .col-sm-3:nth-child(4n+1),
  #content .col-sm-4:nth-child(3n+1),
  #content .col-sm-6:nth-child(2n+1) {
    clear:left;
  }
}

/* fixed colum left + content + right*/
@media (min-width: 768px) {
    #column-left  .product-layout .col-md-3 {
       width: 100%;
    }

  #column-left + #content .product-layout .col-md-3 {
       width: 50%;
    }

  #column-left + #content + #column-right .product-layout .col-md-3 {
       width: 100%;
    }

    #content + #column-right .product-layout .col-md-3 {
       width: 100%;
    }
}

/* fixed product layouts used in left and right columns */
#column-left .product-layout, #column-right .product-layout {
  width: 100%;
}

/* fixed mobile cart quantity input */
.input-group .form-control[name^=quantity] {
  min-width: 50px;
}

/* Missing focus and border color to overwrite bootstrap */
.btn-info:hover, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] {
    background-image: none;
    background-color: #df5c39;
}

.product-grid {position: relative;min-height: 333px;margin-bottom: 15px;}
@media(min-width: 768px) {
  .product-grid .product-thumb {position: absolute;width: 98%;z-index: 9996;transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition: all 0.3s;}
.product-grid .product-thumb:hover {
    -webkit-box-shadow: 0 0 9px #999999;
    -moz-box-shadow: 0 0 9px #999999;
    box-shadow: 0 0 9px #999999;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
  }
  .product-grid .product-thumb:hover .image {
    border: 1px solid transparent !important;
  }
  .product-grid .product-thumb:hover .caption {
    border-top: 1px solid #e2e2e2;
    margin-top:-1px;
  }
}




/* cart */
#cart {
  margin-bottom: 10px;
}
#cart > .btn {
  font-size: 12px;
  line-height: 18px;
  color: #FFF;
}
#cart.open > .btn {
  background-image: none;
  background-color: #FFFFFF;
  border: 1px solid #E6E6E6;
  color: #666;
  box-shadow: none;
  text-shadow: none;
}
#cart.open > .btn:hover {
  color: #444;
}
#cart .dropdown-menu {
  background: #eee;
  z-index: 1001;
}
#cart .dropdown-menu {
  min-width: 100%;
}
@media (max-width: 478px) {
  #cart .dropdown-menu {
    width: 100%;
  }
}
#cart .dropdown-menu table {
  margin-bottom: 10px;
}
#cart .dropdown-menu li > div {
  min-width: 427px;
  padding: 0 10px;
}
@media (max-width: 478px) {
  #cart .dropdown-menu li > div {
    min-width: 100%;
  }
}
#cart .dropdown-menu li p {
  margin: 20px 0;
}



/* package */
.tab-content {padding-top: 15px;}
.common-h2 {font-size: 18px;color:#f37b13;}
/* .box-heading {margin-top:10px;margin-bottom: 10px;} */
.package-heading-title > span {display:inline-block;background-image: url(../images/red-underline.png);background-repeat: no-repeat;background-position: right bottom;padding-right: 22px;padding-bottom: 3px;}
.box-package-product {margin-bottom: 40px;}
.package-product-list {border-top:1px solid #ededed;padding:15px 2.5%;}
.package-product-list:first-child {border-top:none;}
.package-product-list:nth-child(odd) {background-color:#e4e4e4;}
.package-product-list:nth-child(even) {background-color:#e9e9e9;}
.package-s-desc {margin-top: 15px;}
.package-lists > div {margin:25px ;}

@media(min-width: 768px) {
  .package-cart {text-align:right;}
}
@media(max-width: 767px) {
  .package-cart {margin-top:15px;}
}


.category-package a{padding-left:20%!important;font-size: 16px;padding-top:12px!important;padding-bottom: 12px!important;color:#838383!important;}
.category-package li.active > a {color:#f48320!important;}

/* checkout */
.checkout-heading {
  background: #F8F8F8;
  border: 1px solid #DBDEE1;
  padding: 8px;
  font-weight: bold;
  font-size: 13px;
  color: #555555;
  margin-bottom: 15px;
}
.checkout-heading a {
  float: right;
  margin-top: 1px;
  font-weight: normal;
  text-decoration: none;
}
.checkout-content {
  padding: 0px 0px 15px 0px;
  display: none;
  overflow: auto;
}
.checkout-content .left {
  float: left;
  width: 48%;
}
.checkout-content .right {
  float: right;
  width: 48%;
}
.checkout-content .buttons {
  clear: both;
}
.checkout-product table {
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid #DDDDDD;
  border-left: 1px solid #DDDDDD;
  border-right: 1px solid #DDDDDD;
  margin-bottom: 20px;
}
.checkout-product td {
  padding: 7px;
}
.checkout-product thead td {
  color: #4D4D4D;
  font-weight: bold;
  background-color: #F7F7F7;
  border-bottom: 1px solid #DDDDDD;
}
.checkout-product thead .name, .checkout-product thead .model {
  text-align: left;
}
.checkout-product thead .quantity, .checkout-product thead .price, .checkout-product thead .total {
  text-align: right;
}
.checkout-product tbody td {
  vertical-align: top;
  border-bottom: 1px solid #DDDDDD;
}
.checkout-product tbody .name, .checkout-product tbody .model {
  text-align: left;
}
.checkout-product tbody .quantity, .checkout-product tbody .price, .checkout-product tbody .total {
  text-align: right;
}
.checkout-product tfoot td {
  text-align: right;
  border-bottom: 1px solid #DDDDDD;
}



/* News */
.news-lists > li {font-size: 12px;margin-bottom: 28px;border-bottom: 1px solid #e8e8e8;padding-bottom: 29px;padding-left:8px;padding-right:8px;}
.news-lists > li .media-object {padding-left:20px;display: inline-block;max-width: 100%;}
@media(min-width: 768px) {
    .news-lists > li .media-object {border-left:3px solid #f79e51;}
}
@media(max-width: 767px) {
  .news-lists > li .media-object {margin-bottom: 10px;}
}

.news-lists .media>.pull-left {padding-right: 18px;/* display: inline-block;width: 40.6%; */}
.news-lists .desc {min-height: 100px;color:#888888;}
.news-lists .media-heading {font-size: 18px;font-weight: bold;color:#111111;}
.news-lists .media-heading a {color:#111111;}
.news-lists .media-heading a:hover {color:#f79e51;}
.news-lists .date {font-size:14px;margin:10px 0;color:#f79e51;}

.news-title {color:#111;font-size:24px;text-align: center;}
.news-date {text-align: center;color:#f79e51;}


.box-left-rl .left-rl{position: relative;margin-top:20px;cursor: pointer;}
.box-left-rl .rl-text {position: absolute;top:22%;font-size:24px;color:#fff;border-top:1px solid #fff;border-bottom: 1px solid #fff;padding:3px;text-shadow: 0px 0px 15px #333;}
.box-left-rl .rl-login {right: 16%;}
.box-left-rl .rl-reg {left: 10%;}



/* product */
.product-info .product-name {font-size: 24px;}
.product-info .product-price {font-size: 30px;color:#f59037;}

@media(min-width: 768px) {
  .product-info .product-left-image {margin-right:43px;}
  .product-info .product-right-info {margin-left:-32px;}
}


.box-filter {margin-top: 15px;}
.box-filter-price {background-color: #eee;padding:10px;}
.box-filtered {background-color: #eee;padding:16px 5% 10px;}
.box-filtered li {width: 100%;margin:0 auto 10px;}
.box-filtered li span {background: none repeat scroll 0 0 #b6b6b6;padding:3px 0;display: inline-block;width: 88%;font-size:12px;color:#fff;text-indent:10px;}
.box-filtered li a {background: #9a9a9a;padding:3px 0!important;display: inline-block!important;width: 12%;font-size:12px;text-align: center;color:#fff!important;}
.box-filtered li a:hover {background: #f37b13;}
.box-filter {margin-bottom: 20px;}

.nstSlider{ cursor:hand; cursor:pointer; /* -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; */ position:relative; width:100%; height:8px; background: #fff; margin:10px 0;}

.nstSlider .leftGrip.gripHighlighted{ background:#134 }

.nstSlider .rightGrip.gripHighlighted{ background:#134 }
.nstSlider .rightGrip, .nstSlider .leftGrip{ position:absolute; width:13px; height:14px; background: #898989; top:-3px; }

.nstSlider .bar{ -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; position:absolute; height:8px; top:6px }

.nstSlider .highlightPanel{ -webkit-transition:all 500ms ease-in-out; -moz-transition:all 500ms ease-in-out; -ms-transition:all 500ms ease-in-out; -o-transition:all 500ms ease-in-out; transition:all 500ms ease-in-out; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; position:absolute; background:#e87722; height:20px; top:0 }

.filterPrice > .cLeft{width:49%; text-align:left;}
.filterPrice > .cRight{width:49%; text-align:right;}



table.form {
  width: 100%;
  border-collapse: collapse;
}
table.form tr td:first-child {
  width: 20%;
}
table.form > * > * > td {
  color: #000000;
}
table.form td {
  padding: 6px;
}


/* orders */
.order-list {
  margin-bottom: 10px;
}
.order-list .order-id {
  width: 49%;
  float: left;
  margin-bottom: 2px;
}
.order-list .order-status {
  width: 49%;
  float: right;
  text-align: right;
  margin-bottom: 2px;
}
.order-list .order-content {
  padding: 10px 0px;
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
  border-top: 1px solid #EEEEEE;
  border-bottom: 1px solid #EEEEEE;
}
/* .order-list .order-content div {
  float: left;
  width: 33.3%;
} */
.order-list .order-info {
  text-align: right;
}
.order-detail {
  background: #EFEFEF;
  font-weight: bold;
}

.box-cart {margin-top:20px;}


.checkout a {cursor: pointer;}
table.table thead td {background: #eee;}

.a-black {color:#000;}

.pop-css {width: 94%;margin: 0 auto;background: #fff;max-width: 800px;max-height: 700px;overflow-y: auto;padding:20px;}
.pop-css .pop-content {}


table.radio td {padding:4px 1px;}

.original-price {color:#999;text-decoration: line-through;}

.box-msg .alert {margin-top: 15px;}
.form-contacts li {margin-bottom: 15px;}
@media(min-width: 992px) {
  .box-reg .form-contacts {width: 48%;}
  .box-reg .form-contacts .entry {width: 25%;float:left;}
  .box-reg .form-contacts input[type="text"] {width: 75%;}
}

#back-to-top {width: 46px;position: fixed;z-index: 999999;right:25px;bottom: 25px;cursor: pointer;display: none;}
#back-to-top .image{width: 42px;height: 42px;border:4px solid #fb7400;color:#fb7400;border-radius: 100%;text-align: center;line-height: 36px;}
#back-to-top .image i {font-size:22px;}
#back-to-top .text {font-size: 22px;font-weight: bold;color:#fb7400;text-align: center;}

.discount {font-size:18px;color:#f59037;}
.pp-bottom {font-size: 16px;color:#f00;margin-top: 4px;font-weight: bold;}


.height20 {width: 100%;height: 20px;}
.height30 {width: 100%;height: 30px;}

.a-detail {cursor: pointer;}

.top-banner img {max-width: 100%;}


.container-package .btn-nat {background-color:#f00;}
.container-package .btn-nat:hover, .container-package .btn-nat:focus {background-color:#fd2d2d;}

.btn-gray2-2 {font-size: 18px;padding:6px 30px;}

.text-help {color:#a94442;}

.stock {color:#a94442;}