@charset "utf-8";

body { font-family: "Microsoft JhengHei", Helvetica, Arial; font-size: 14px; color:#252525; line-height: 24px; }
@media(max-width: 575.98px){
  body{font-size: 12px;}
}

header { background:#fff;position: relative; top: 0; z-index:99999; width:100%;}

@media (min-width: 1200px){
.ward { margin: 0 -20px; }
}
@media (min-width: 1280px){
.container { max-width: 1200px; }
}
@media (min-width: 1400px){
.container { max-width: 1280px; }
}

.mx-auto { display: block; }

a{text-decoration: none;color:#000;}
a:hover,a:focus {text-decoration: none !important;opacity: 0.9;}
a,input,button {outline: none!important;}
.blue {color:#3b64a3!important;}
.editor {overflow: hidden;}
.editor img {display: inline-block;max-width: 100%!important;height: auto!important;}
.editor iframe {max-width: 100%;}
.editor table {max-width: 100%!important;}

.logo { height: 55px; width: auto;margin-top: -5px;}
@media(min-width: 768px) {
.logo { height: auto;margin-top: 0px;}
}
@media(min-width: 1280px) {
.logo { height: 100px;margin-top: 0px;}
}

.header-right { float:right; min-height: 10px; }

.box-logo { width: 100%;text-align: center;margin: 15px auto;}
.header-right { width: 100%;} 

@media(min-width:768px){
  .box-logo {margin: 20px auto; }
}
@media(min-width:1400px){
  .box-logo {margin: 30px auto; }
}

/*nav*/
.box-menu {margin: 0 15px 15px; clear: both;display: flex;justify-content: center;}
.fixednav{
  position: fixed;  
  top: 0px;  
  left: 0px;  
  width: 100%;  
  right:0;
  text-align:center;
  margin:0 auto;
  z-index: 99999;  
  background: #fff;
  padding-top:10px;
}
.menu { display: flex; justify-content: center; margin-bottom: 0; }

.box-menu li {position: relative;float: left;}
.box-menu > ul > li { padding: 0 40px;}
.box-menu > ul > li:last-child { padding-right: 0; }
.box-menu > ul > li > a { border-bottom: 3px solid #fff;color: #252525; display: block; font-size: 16px; padding: 3px 0px; transition: all 0.5s; letter-spacing: 0.2em;font-weight: bold;}
.box-menu > ul > li.dropdown:after {
  /* border: 8px solid transparent;
  border-top: 8px solid #c7c7c7; */
  width: 0;
  height: 0;
  position: absolute;
  bottom: 0;
  content: '';
  left:50%;
  margin-left:-4px;
}
.box-menu > ul > li:last-child > a {  }
.box-menu > ul > li {text-align:center;position: relative;}
.box-menu > ul > li.active, .box-menu > ul > li.selected, .box-menu > ul > li:hover {  }
.box-menu > ul > li.active li.active > a,.box-menu > ul > li.active li.active > a li.active > a,.phone-menu .phone-menu-top ul li a.active,.phone-menu .sub-menu2 li a.active{
  color:#fd9100;
}
.box-menu > ul > li.active > a, .box-menu > ul > li.selected > a, .box-menu > ul > li:hover > a {
  padding: 3px 0px; 
  color:#fd9100; 
  transition: all 0.5s;
  border-bottom: 3px solid #fd9100;
}

.box-menu > ul > li > ul { 
  min-width: 160px;
  position: absolute; 
  top:100%; 
  left:0px; 
  z-index: 99999;
  background: #fff;
  opacity: 0;
  pointer-events: none;
  filter: alpha(opacity=0); 
  -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.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out; 
}
.box-menu > ul > li ul li { text-align: center; padding: 6px 0;width: 100%;}
.box-menu > ul > li ul .selected{background: #f8f8f8;}
.box-menu > ul > li ul li:last-child { border-bottom: none; }
.box-menu > ul > li ul li a { min-width: 140px; white-space: nowrap; color:#000; display: inline-block;position: relative;}
.box-menu > ul > li ul li:last-child a { border-bottom: none; }
.box-menu > ul > li ul li a:hover, .box-menu > ul > li ul li a.active{ background: #f8f8f8;color: #fd9100; }
.box-menu > ul > li.selected > ul {/* display: block; */
    opacity: 1;
    filter: alpha(opacity=100);
    pointer-events: auto;
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    transform: translateY(0px);
}
.box-menu > ul > li > ul > li > ul{position: absolute;left: 100%;background: #fff;top: 0;display: none;}
.box-menu > ul > li > ul > li.selected > ul {display: block;}

/* mobile menu */
.menu-mobile-inner .nav a{width:50%;text-align: center;color:#252525;}
.menu-mobile-inner .nav .active{background: #efefef;}
#account{background: #efefef;}

.st-menu { background-color: #fff; }
.st-menu ul li a{color: #0046b6;}
.mobile-menu-btn { float:right; margin-left: 10px;}
@media(min-width: 768px) {
.mobile-menu-btn {  }
}

.menu-mobile {  }
.menu-mobile .menu-mobile-title {height: 50px;line-height:50px;position: relative;}
.menu-mobile .button-close-menu{position: absolute;right:8px;top:8px;color:#fff;cursor: pointer;}
.menu-mobile .button-close-menu:hover {color:#292929;}
.menu-mobile .button-close-menu i {font-size: 20px;color:#0046b6;}
.menu-mobile .mobile-more {display: inline-block;width: 18px;height: 18px;position: absolute;top:20px;right:8px;font-size: 18px;color:#0046b6;cursor: pointer;text-align: center;
  -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out; 
}
.menu-mobile ul li.mobile-sub-open > .mobile-more {transform:rotate(180deg);}
.menu-mobile .mobile-more i{font-size: 18px;}
.menu-mobile .menu-mobile-content > li .dropdown-menu {position: static;}
.menu-mobile .mobile-dropdown-menu {margin-left:0!important;padding:0;display: none;}
.menu-mobile .mobile-sub-open > .mobile-dropdown-menu {display: block;}
.menu-mobile .mobile-dropdown-menu a {padding-left: 30px;text-decoration: none;}
.menu-mobile .mobile-dropdown-menu ul a{padding-left:50px;}
.menu-mobile .mobile-dropdown-menu ul ul a{padding-left:70px;}
.menu-mobile a:link, .menu-mobile a:visited, .menu-mobile a:hover, .menu-mobile a:active {text-decoration: none;}
.menu-mobile ul li li, .menu-mobile .see-all, .menu-mobile ul ul ul ul > li { background: #f8f8f8; }
.menu-mobile ul li:hover, .menu-mobile ul li.mobile-sub-open {
  background: rgba(0,0,0,0.1);
  box-shadow: inset 0 -1px rgba(0,0,0,0);
  color: #fff;
} 
/* .menu-mobile ul li li:hover,.menu-mobile ul li li:visited,.menu-mobile ul li li:active, .menu-mobile .see-all:hover {
  background: #6c9045;
  box-shadow: inset 0 -1px rgba(0,0,0,0);
  color: #fff;
}  */
.menu-mobile ul ul ul > li {
  background: #6c9045;
}

/*phonemenu ver*/
.phone-menu{position:relative;font-size:13px;}
.phone-menu-top{
  width: calc(100% - 40px);
  overflow-x: auto;
  overflow-y: hidden;
  border-top: 1px solid #f8f8f8;
  border-bottom: 1px solid #f8f8f8;
  /*background: #f8f8f8;*/
  height: 45px;
  line-height: 45px;
}
.phone-menu-top ul{
  display: table;
  width: max-content;
}
.phone-menu-top ul li{float: left;}
.phone-menu-top ul li a{padding: 0 15px;color: #252525;font-size:14px;font-weight: bold;}
.phone-menu-top-r{
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 45px;
  display: flex;
  justify-content: center;
  align-items:center;
  background: #f8f8f8;
}
.phone-menu-top-r i:before{
  font-size:16px;
}
.phone-menu-all{
  background: #f8f8f8;
  position:absolute;
  top:45px;
  width: 100%;
  z-index: 99999;
  padding: 5px 0;
}
.phone-menu-all ul{overflow: hidden;margin-bottom: 0;}
.phone-menu-all ul li{border-bottom: 1px solid #fff;padding: 5px 15px;}
.phone-menu-all ul li:last-child{border-bottom:0;}
.phone-menu-all .sub-menu2 li{border:0;padding: 0;}
.phone-menu-all ul li a{color: #252525;font-weight: bold;}
.phone-menu-all .sub-menu2 li a{color: #666;}
.phone-menu-all .sub-menu3 li{width: 100%;float: left;}
.phone-menu-all .sub-menu3 li a{font-weight: normal;color: #666;}



.btn-ud {
  color: #0046b6!important;
  background-color: #ffe100;
  padding:5.5px 10px;
  border-radius: 5px;
  font-size: 16px;
}
.btn-ud:focus,
.btn-ud.focus {
  color: #fff;
  background-color: #7abbb1;}
.btn-ud:hover {
  color: #fff;
  background-color: #7abbb1;
}
.btn-ud:active,
.btn-ud.active,
.open > .dropdown-toggle.btn-ud {
  color: #fff;
  background-color: #7abbb1;
}
.btn-ud:active:hover,
.btn-ud.active:hover,
.open > .dropdown-toggle.btn-ud:hover,
.btn-ud:active:focus,
.btn-ud.active:focus,
.open > .dropdown-toggle.btn-ud:focus,
.btn-ud:active.focus,
.btn-ud.active.focus,
.open > .dropdown-toggle.btn-ud.focus {
  color: #fff;
  background-color: #7abbb1;
}
.btn-ud:active,
.btn-ud.active,
.open > .dropdown-toggle.btn-ud {
  background-image: none;
}
.btn-ud.disabled,
.btn-ud[disabled],
fieldset[disabled] .btn-ud,
.btn-ud.disabled:hover,
.btn-ud[disabled]:hover,
fieldset[disabled] .btn-ud:hover,
.btn-ud.disabled:focus,
.btn-ud[disabled]:focus,
fieldset[disabled] .btn-ud:focus,
.btn-ud.disabled.focus,
.btn-ud[disabled].focus,
fieldset[disabled] .btn-ud.focus,
.btn-ud.disabled:active,
.btn-ud[disabled]:active,
fieldset[disabled] .btn-ud:active,
.btn-ud.disabled.active,
.btn-ud[disabled].active,
fieldset[disabled] .btn-ud.active {
  background-color: #7abbb1;
}


/*header-top*/
.header-top { display: flex; justify-content: space-between;background: #f8f8f8;padding: 5px 0;position:relative;}
.header-top-text { display: flex; align-items: center; justify-content: center;}
.header-top-text .search-icon-input{
  width: 100%;
  position: absolute;
  top:34px;
  left: 0;
  background: #efefef;
  padding: 10px 0px;
  text-align: center;
  z-index: 999;
}
.header-top-text .search-icon-input input{border:0;border-radius: 5px;padding: 5px;min-width: 220px;}

.header-top-text a { color: #252525; display: flex;font-weight: bold;align-items: center;margin-right: 10px;}
/*.header-top-img{display: inline-block;margin-right: 0px;}*/
.header-top-img{display: inline-block;margin-right: 5px;}
.header-top-text .language{display: flex;color: #252525;}
.header-top-text .language a{margin-left: 0;width: 28px;display: inline-block;text-align: center;border-radius: 30px;margin-right: 0;}
.header-top-text .language .active{color: #fd9100;}

@media(min-width: 576px){
 .header-right-bottom{position: absolute;top:-10px;right: 100px;}
 .header-top-text { display: flex; align-items: center; justify-content: flex-end;}
 .header-right-bottom{margin-top: 20px;text-align: right;}
 /*.header-top-img{width: 20px;height: 20px;margin-top: 5px;}*/
 .header-top-img{margin-top: -4px;}
 .header-top-text .language{margin-right: 20px;}
 .header-top-text .language a{width: 30px;}
}
@media(min-width: 678px){
  .header-right-bottom{position: absolute;right: 150px;}
}
@media(min-width: 768px){
.header-top-text a{margin-left: 10px;margin-top: 0px;}
}
@media(min-width: 992px){
.header-top-text .language{margin-left: 5px;margin-right: 0px}
.header-right-bottom-search .input{width:220px;}
}

.header-top-text a:first-child { margin-left: 0; }

/*lang*/
.lang { position: relative; color: #fff; font-size: 16px; }
@media(min-width: 768px) {
.lang { font-size: 18px; }
}
.lang a { color: #fff; }
.lang a.active, .lang a:hover { color: #edad3f; }


/*main-all*/
.main-all {  }


/*slideshow*/
/*slideshow*/
#slideshow .slick-slide{outline: none;}
#slideshow .slick-prev,#slideshow .slick-next{z-index: 999;}
#slideshow .slick-prev:before,#slideshow .slick-next:before{display: none;}
@media(min-width: 768px) {
#slideshow .slick-prev{ background: url(../images/left-icon.png) center no-repeat;background-size: cover; height: 40px; width: 40px;}
#slideshow .slick-next{ background: url(../images/right-icon.png) center no-repeat;background-size: cover; height: 40px; width: 40px;}
}
@media(min-width: 1200px) {
#slideshow .slick-prev{ background: url(../images/left-icon.png) center no-repeat;background-size: cover; height: 50px; width: 50px;}
#slideshow .slick-next{ background: url(../images/right-icon.png) center no-repeat;background-size: cover; height: 50px; width: 50px;}
}

#slideshow .slick-prev{ top: 45%; left: 10px; }
#slideshow .slick-next { top: 45%; right: 10px;}
@media(min-width: 1200px) {
#slideshow .slick-prev { top: 45%; left: 10px; }
#slideshow .slick-next { top: 45%; right: 10px;}
}
@media(min-width: 1281px) {
#slideshow .slick-prev { top: 45%; left: 0px; }
#slideshow .slick-next { top: 45%; right: 0px;}
}
@media(min-width: 1441px) {
#slideshow .slick-prev { top: 44%; left: 30px; }
#slideshow .slick-next { top: 44%; right: 30px; }
}

#slideshow .slick-dots{position: absolute;bottom: 0px;}
#slideshow .slick-dots li{margin: 0 3px;width: auto;}
#slideshow .slick-dots li button:before { display: none;}
#slideshow .slick-dots li.slick-active button:before { display: none; }
#slideshow .slick-dots li button{
  width: 12px;
  height:12px;
  border-radius: 50%;
  background: #efefef;
}
#slideshow .slick-dots li.slick-active button{background-color: #fd9100;}

@media(min-width: 768px) {
#slideshow .slick-dots{bottom: 30px;}
}
@media(min-width: 1440px) {
#slideshow .slick-dots li button { width: 15px; height: 15px; }
}
/*slideshow end*/


.mb-80{margin-bottom: 50px;}
@media(min-width: 768px) {
  .mb-80{margin-bottom: 80px;}
}
/*all-item-padding*/
.all-item-padding { padding: 30px 15px; }
@media(min-width: 768px) {
.all-item-padding { padding: 50px 15px; }
}
@media(min-width: 1200px) {
.all-item-padding { padding: 60px 15px; }
}
@media(min-width: 1600px) {
.all-item-padding { padding: 70px 15px; }
}

/*more-btn*/
.all-more{display: flex;justify-content: flex-end;align-items: flex-start;position: absolute;right: 0;top:10px;}
.all-more .button{padding: 2px 8px;background: #fafafa;border-radius: 3px;color: #828282;display: inline-block;}

.see-more .button{display: block;background: #fafafa;padding: 5px 8px;text-align: center;color: #828282;}

/*all-index-title*/
.all-index-title{
  font-size: 20px;
  font-weight: bold;
  padding: 0 10px;
  margin-bottom: 30px;
  color: #000;
}
.all-index-title img{max-height: 45px;}
.all-index-title i img{width: 25px;}
.all-index-title span{color: #fd9100;}
@media(min-width: 768px) {
.all-index-title{
  font-size: 28px;
}
.all-index-title i img{width: 30px;}
.all-index-title img{max-height: 60px;}
}
@media(min-width: 1200px) {
.all-index-title{
  font-size: 32px;
}
}
@media(min-width: 1400px) {
.all-index-title{margin-bottom: 50px;}
}

.index-new-icon a{
  font-size:18px;
  line-height: 20px;
  max-width: 150px;
  /*width: 65px;
  height:65px;*/
  border-radius: 50% 50% 50% 0;
  display: inline-flex;
  text-align:center;
  align-items: center;
  justify-content: center;
  /*background: #f6b37f;
  color: #fff;*/
  position:fixed;
  bottom:30px;
  left:10px;
  z-index: 99999;
}
@media(max-width: 768px){
.index-new-icon a{width: 110px;bottom:3%;}
}
/*allslideshow*/
.allslideshow .slick-slide{outline: none;}
.allslideshow .slick-slide ,.allslideshow .draggable{z-index: 999;}
.allslideshow .slick-prev,#slideshow .slick-next{z-index: 99;}
.allslideshow .slick-prev:before,#slideshow .slick-next:before{display: none;}
.allslideshow .slick-prev,.allslideshow .slick-next{color: #252525;background: #efefef;}
.allslideshow .slick-prev:before,.allslideshow .slick-next:before{opacity: 0;}
.allslideshow .slick-prev{ 
  top: -20px; 
  left:auto;
  right: 35px;
  margin-right:5px;
  background:#efefef url(../images/a-slide-l.png) center no-repeat;
  background-size: cover;
  border-radius: 3px;
}
.allslideshow .slick-next { 
  top: -20px; 
  right: 15px;
  background:#efefef url(../images/a-slide-r.png) center no-repeat;
  background-size: cover;
  border-radius: 3px;
}

/*.allslideshow .slick-dots{position: absolute;top: -22px;right: 65px;text-align:right;}*/
.allslideshow .slick-dots{position: absolute;top: -35px;right: 65px;text-align:right;}
.allslideshow .slick-dots li{margin: 0 3px;width: auto;}
.allslideshow .slick-dots li button:before { display: none;}
.allslideshow .slick-dots li.slick-active button:before { display: none; }
.allslideshow .slick-dots li button{
  width: 3px;
  height:3px;
  padding: 3px;
  border-radius: 50%;
  background: #efefef;
}
.allslideshow .slick-dots li.slick-active button{background-color: #fd9100;}


/*新到商品*/
.slick-dotted.slick-slider{margin-bottom:0;}
.index-product{position: relative;}
.index-product .row{margin-bottom: -30px;}
.index-product .list-li{margin-bottom: 30px;}
.index-product .list-li:last-child{margin-bottom: 0px;}
.index-product a{color: #252525;}
.index-product-list-img{overflow: hidden;}
.index-product-list:hover .index-product-list-img img{
  transform: scale(1.08);
  transition: all 0.8s;
}
.index-product-list-tit{font-weight: bold;margin-top: 10px;padding: 0 5px;}
.index-product-list-sec{padding: 0 5px;}
@media(max-width: 768px){
.index-product .list-li{
  width: 50%;
}
}
/*商品影片 */
.index-video .row{margin-bottom: 0;}
.index-video .index-product-list:hover .index-product-list-img img{
  transform: scale(1.0);
  transition: all 0.8s;
}

/*暢銷商品 */
.index-sale .list-li{margin-bottom:0;}
.index-sale a{color: #252525;}
.index-sale-list{display: flex;flex-wrap: wrap;align-items: center;justify-content: center;position: relative;overflow: hidden;}
.index-sale-list:before{
  content: "";
  width: 100%;
  height:100%;
  position:absolute;
  top: 0;
  left: 0;
  background: rgba(0,0,0,0.5);
  opacity: 0;
  transition: all .5s;
}
.index-sale-list:hover.index-sale-list:before{
  opacity: 1;
}
.index-sale-list-text{
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 16px;
  color: #fff;
  opacity: 0;
  transition: all .8s;
} 
.index-sale-list:hover .index-sale-list-text{opacity: 1;}
.index-sale .list-li:last-child{margin-bottom: 0;}

@media(min-width:576px){
.index-sale .list-li{padding: 0 30px;}
}
@media(min-width:1200px){
  .index-sale .row{margin-left: -45px;margin-right: -45px;}
  .index-sale .list-li{padding: 0 50px;}
}

/*按作品分類搜尋*/
.index-sort{position:relative;}
.index-sort ul .list-li{
  width: 16.666%;
  float: left;
  padding: 0 30px;
  text-align:center;
}
.index-sort ul .list-li a{
  color: #252525;
}
.index-sort-img img{
  width: 100%;
}
/*.index-sort-img:hover.index-sort-img{
  -webkit-transform: rotateY(360deg);
  transition: all 2.5s ease 0s;
  -moz-transform: rotateY(360deg);
  transition: all 2.5s ease 0s;
  -o-transform: rotateY(360deg);
  transition: all 2.5s ease 0s;
  -ms-transform: rotateY(360deg);
  transition: all 2.5s ease 0s;
  transform: rotateY(360deg);
  transition: all 2.5s ease 0s;
}*/
.index-sort-tit{margin-top:10px;font-weight:bold;}
@media(min-width: 1024px){
.index-sort ul .list-li{
  width: 16.666%;
  float: left;
  padding: 0 30px;
}
}
@media(min-width: 1400px){
.index-sort ul .list-li{
  padding: 0 50px;
}
}
/*360°*/
.index-threesix .index-product-list{
  border:2px solid #efefef;
}
.index-threesix .index-product-list:hover .index-product-list-img img{
  transform: scale(1.0);
  transition: all 0.8s;
}
.index-threesix .list-li{}

/*店鋪資料*/
.index-store-line{margin-top: 5px;}
.index-store-line img{width: 80px;}
.index-store-list{border:1px solid #efefef;padding: 15px;}
.index-store-list-l{overflow: hidden;}
.index-store-list:hover .index-store-list-l img{
  transform: scale(1.08);
  transition: all 0.8s;
}

.index-store-list-l{margin-right: 15px;}
.index-store-list-r{position: relative;}
.index-store-list-r-tit a{font-size: 14px;font-weight: bold;padding-top:5px;display: inline-block;color: #252525;}
.index-store-list-r-button a{
  padding: 5px 10px;
  background: #efefef;
  color: #252525;
  display: inline-flex;
  align-items: center;
  border-radius: 5px;
  /*bottom: 5px;*/
}
@media(min-width: 768px){
.index-store-line{margin-top: 15px;}
.index-store-line img{width: auto;}
.index-store-list-r-tit a{padding-top:15px; font-size: 16px;}

}
@media (min-width: 1024px) {
  .index-store-list-l{max-width: 44%}
  .index-store-list-r{max-width: 56%}
  /*.index-store-list-r-button a{bottom: 15px;  position: absolute;}*/
  .index-store-list{border:1px solid #efefef;padding: 15px;display: flex}

}


/*Instagram*/
.index-ig{background: #fafafa;}
.index-ig-tit {display: flex;align-items: center;margin-bottom: 10px;justify-content: space-between;padding: 0 5px;}
.index-ig-left{font-family: 'Times New Roman';font-size: 18px;}
.index-ig-right a{font-size:12px;color: #252525;}
.index-ig ul{overflow: hidden;}
.index-ig ul li{
  width: 20%;
  float: left; 
  padding: 5px;
}
.index-ig ul li:hover.index-ig>ul>li>a img{
  transform: scale(1.05);
  transition: all 0.8s;
}
@media(min-width: 576px){
.index-ig ul li{width: 10%;}
}
@media(min-width: 768px){
.index-ig-tit{font-size: 24px;}
}

/*footer*/
footer {padding: 15px 0; }
.footer-top{border-bottom: 1px solid #efefef;padding-bottom: 15px;}
.footer-bottom{max-width: 960px;margin: 0 auto;text-align: center;font-size: 12px;line-height: 18px;}
.footer-icon img{width: 30px;height: auto;margin-right:15px;margin-top:15px;}
.footer-icon img:hover{opacity: 0.8;}

@media(min-width: 768px) {
.footer-icon{text-align: right;}
.footer-icon img{margin:0;margin-left:10px;}
}
.footer-link{display: flex;flex-wrap: wrap;}
.footer-link a{ color: #252525;margin-right: 15px;}
.footer-link a:hover{color: #fd9100;}

/*back-to-top*/
#back-to-top { position: fixed; right: 3%; bottom: 3%; width:45px;/*background-color: #fff;*/ border-radius: 50%; z-index: 999; }
@media(min-width: 768px) {
#back-to-top { right: 15px; bottom: 5%;width:auto;}
}
@media(min-width: 1600px) {
#back-to-top { right: 3%;}
}
#back-to-top a { color: #252525;max-width: 60px;display: inline-block;}




.common-box .breadcrumb a{
  color: #000;
}
.common-box .breadcrumb{
  background: transparent;
}

.main-category{
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
  flex-direction: row;
  flex-wrap: wrap;
}

.sub-category{
  border-radius: 10px;
  border: 1px solid #f8f8f8;
  display: flex;
  align-items: center;
  padding: 10px 25px;
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .sub-category {
    padding: 10px 8px;
  }
}
.top-catgory-btn {
  /*padding: 5px 25px;*/
  padding: 3px 10px;
}
@media (min-width: 1024px) {
  .top-catgory-btn {
    border: 1px solid #f8f8f8;
  }
}
.top-catgory-btn:not(:last-child){
  margin-right: 11px;
}
.top-catgory-btn.active{
  background: #f8f8f8;
}
.sub-category .active a{
  color: #252525;
}
.sub-category a{
  color: #989898;
}
.sub-category{
  border: 1px solid #f8f8f8;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.sub-category span:not(:last-child){
  margin-right: 20px;
}
.sub-category .black-line{
  height: 1px;
}
.sub-category .active .black-line{
  background: #000;
}
.sub-category-box{
  display: flex;
}
.select-limit select{
  padding: 8px 15px;
  border: 0px;
  background: #f8f8f8;
  outline: none;
  border-radius: 10px;
}
.foot-gray-line{
  height: 1px;
  background: #efefef;
  margin-top: 60px;
  /*border-bottom: 1px solid #efefef;*/
}
@media (max-width: 768px) {
  .foot-gray-line {
    margin-top: 20px;
  }
}
  .product-list-content{
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .product-list-content{
    margin-bottom: 0px;
  }
}
#page{
  justify-content: center;
}

#page .page-link{
  border-radius: 20px;
  color: #252525;
  background: #f8f8f8;
  border: 1px solid #f8f8f8;
  padding: .65rem .9rem;
}
#page .page-item:not(:last-child){
  margin-right: 10px;
}
#page .page-link.active{
  background: #252525;
  color: #fff;
  margin-right: 10px;
}
.select-limit{
  padding-right: 10px;
  background: #f8f8f8;
  border-radius: 10px;
}
.index-product-list{
  margin-bottom: 20px;
}
.slider-nav .slick-current img{
  border: 1px solid #fca93a !important;
}
.slick-slide img,.slider-for img{
  border: 1px solid #f1f1f1;
}
.slick-slide{
  outline: 0;
}
.location-photo .slider-for{
  margin-bottom: 10px;
}
#input-quantity{
  max-width: 60px;
  height: 26px;
  text-align: center;
  border: 1px solid #efefef;
  outline: 0;
  font-size: 12px;
}
.product-detail-info .table td{
  padding: 8px 8px 8px 0px;
}
.product-detail-info .table td:first-child{
  max-width: 35px;
}
.product-detail-info .input-group-prepend button,.product-detail-info .input-group-append button{
  width: 28px;
  height: 26px;
  line-height: 26px;
  text-align: center;
  padding: 0px;
  background: #efefef;
  border: 1px solid #efefef;
  outline: 0;
}
.form-control:focus{
  box-shadow: none !important;
}
.product-detail-box h2{
  font-size: 18px;
  font-weight: 600;
}
.add-to-cat{
  background: #006428;
  margin-right: 20px;
}
.buy-now{
  background: #fd9100;
}

.add-to-cat,.buy-now{
  width: 150px;
  height: 40px;
  line-height: 40px;
  display: inline-block;
  color: #fff;
  text-align: center;
  border-radius: 20px;
  font-size: 14px;
}
@media (max-width: 768px) {
  .add-to-cat,.buy-now {
    width: 100px;
  }
}
.product-detail-action{
  margin-bottom: 10px;
}
.product-detail-line{
  height: 1px;
  background: #efefef;
  margin-bottom: 15px;
  margin-top: 15px;
}
.product-description{
  font-size: 14px;
  color: #666666;
}
.product-description b{
  color: #252525;
}

.product-description h2{
  font-size: 16px;
  font-weight: 600;
  margin-bottom: .9rem;
  margin-top: .8rem;
  color: #252525;
}
.relate-product h2{
  font-size: 18px;
  margin: 35px 0px;
  font-weight: 600;
}
.relate-product-box{
  display: flex;
  align-items: center;
  /*justify-content: center;*/
  flex-direction: row;
  flex-wrap: wrap;
}
.relate-product-listing {
  padding: 0px 15px;
}
.relate-product-listing{
  width: 50%;
}
@media (min-width: 1440px) {
  .relate-product-listing{
    width: 20%;
  }
}
@media (min-width: 768px) and (max-width: 1399px){
  .relate-product-listing{
    width: 33.33%;
  }
}
.slider-nav{
  margin-bottom: 20px;
}
.back-btn{
  width: 150px;
  height: 40px;
  line-height: 40px;
  background: #252525;
  color: #fff;
  display: inline-block;
  border-radius: 20px;
}
@media (max-width: 768px) {
  .back-btn {
    width: 100px;
    height: 30px;
    line-height: 30px;
  }
}
@media (min-width: 768px) {
  .product-listting { margin-top: 30px; }
}

#product { margin-top: 30px; }

.innerTab { margin-top: 30px; margin-bottom: 30px; }
.innerAbout { margin-bottom: 50px; }
.innerAbout .picBox { margin-bottom: 20px; }

.innerNews { margin-bottom: 60px;}
.innerNews .newsBox { border:1px solid #d9d9d9; padding: 30px; margin-bottom: 30px; }
.innerNews .newsBox .newsPic { margin-bottom: 10px; }
.innerNews .newsBox .newsPic img { width: 100%; }
.innerNews .newsBox .newsTitle { font-size: 16px; height: 48px;overflow: hidden}
.innerNews .newsBox .newsMore { text-align: right; }
.innerNews .newsBox .newsMore a { color: #656464; }
.innerNews .pageSelect { text-align: center; }
.innerNews .pageSelect a { background-color: #e2e2e2 ; color: #000; padding: 10px 15px; border-radius: 50px; margin: 0 5px; }
.innerNews .pageSelect .active { background-color: #f6d19e; }

 .innerContact { margin-bottom: 60px;}

 .innerContact .contactBox { max-width: 650px; margin: 0 auto; border: 1px solid #e7e7e7; padding: 30px; }
 .innerContact .contactBox .nameTitle { text-align: left; padding-top: 5px; }
 @media(min-width: 550px) {
 .innerContact .contactBox { max-width: 680px; margin: 0 auto; border: 1px solid #e7e7e7; padding: 50px 50px; }
 .innerContact .contactBox .nameTitle { text-align: right; padding-top: 5px; }
}
.innerContact .contactBox .nameTitle span { color:#ff0000; }
.innerContact .contactBox .radio-inline { margin-right: 10px; }

 .innerContact .contactButton div { width: 100%; background-color: #795008; text-align: center; padding: 10px; margin-top: 40px;}
 .innerContact .contactButton { color: #fff; }

.innerFaq { margin-bottom: 60px;}
.innerFaq .faqListBox .qBox { line-height:35px; padding-top: 8px; background: url(../images/q-icon.png) no-repeat; padding-left:50px; margin-bottom: 5px; font-size: 14px; color: #3b3b3b; }
.innerFaq .faqListBox .aBox { line-height: 35px; padding-top: 8px; background: url(../images/a-icon.png) no-repeat; padding-left:50px;  margin-bottom: 20px; font-size: 14px; color: #3b3b3b;  }
.innerFaq .faqListBox .aBox span { color: #ff7e00; }
.innerFaq .faqListBox .aBox {line-height: 28px;}

.innerMember { margin-bottom: 60px;}
.innerMember .memberBox { max-width: 650px; margin: 0 auto; }
.innerMember .memberBox .nav-item { width: 50%; text-align: center;  }
.innerMember .memberBox .nav-item h6 { margin-top: 10px; }
.innerMember .memberBox .nav-link { background-color: #f7f7f7; border-color: #dee2e6 #dee2e6 #fff; border-bottom: 1px solid #dee2e6; color: #000; }
.innerMember .memberBox .nav-link.active { background-color: #fff; border-bottom: 1px solid #fff;  }
.innerMember .memberBox .loginBox { padding: 30px 50px; }
.innerMember .memberBox .loginBox h5 { text-align: center; font-size: 18px; font-weight: bold; margin-bottom: 20px; }
.innerMember .memberBox .loginButton div { width: 100%; background-color: #f3f1e8; text-align: center; padding: 10px; margin-top: 30px;}
.innerMember .memberBox .loginButton { color: #440c0c; font-weight: bold; }
.innerMember .memberBox .forgetPw { text-align: center; margin-top: 30px; }


.innerMember .memberBox .loginBox .nameTitle { text-align: left; padding-top: 5px; }
 @media(min-width: 550px) {
.innerMember .memberBox .loginBox .nameTitle { text-align: right; padding-top: 5px; }
}

.innerCart { margin-bottom: 60px;}

.innerCart .CartInfo {  margin-bottom: 30px;}

.innerCart .CartBox { margin-bottom: 30px; margin-top: 10px; border: 1px solid #efefef; position: relative; padding:10px 15px; }
.innerCart .tableBoxItme { width: 100%; float: left; }
 @media(min-width: 991px) {
.innerCart .CartBox { margin-bottom: 30px; margin-top: 10px; border: 0px solid #efefef; position: relative; padding: 0; }
.innerCart .tableBoxItme { width: 36%; float: left; }
}
.innerCart .tableBoxQty { width: 30%; float: left; }
 @media(min-width: 991px) {
.innerCart .tableBoxQty { width: 25%; float: left; }
}

.innerCart .tableBox { width: 23%; float: left; line-height: 16px; }
.innerCart .tableBox .mobileTitle { display: inline-block;padding-left: 8px; }
 @media(min-width: 991px) {
.innerCart .tableBox ,.item-price{ width: 13%; float: left; line-height: 24px; border-right: 1px solid #efefef;height: 100%;display: flex;align-items: center}
.innerCart .tableBox .mobileTitle { display: none; padding-right: 0; }
}

.innerCart .CartBox .title { background-color: #efefef; padding: 5px 20px; display: none; }
.innerCart .CartBox .InfoBox { padding: 0; height: auto; display: table; width: 100%;}
 @media(min-width: 991px) {
.innerCart .CartBox .title { background-color: #efefef; padding: 15px 30px; display: block; }
.innerCart .CartBox .InfoBox { border-right: 1px solid #efefef; border-bottom: 1px solid #efefef; padding: 15px 0  15px 30px; height: 120px; display: table; width: 100%;}
}
.innerCart .CartBox .InfoBox div { display: table-cell; vertical-align: middle; }

.innerCart .CartBox .infoBoxF { border-left: 0px solid #efefef; margin-bottom: 5px; }
 @media(min-width: 991px) {
.innerCart .CartBox .infoBoxF { border-left: 1px solid #efefef; margin-bottom: 0;}
}
.innerCart .CartBox .infoBoxF .pic { margin-right: 10px; }

.innerCart .cartButton { margin-top: 0; margin-bottom: 15px;  text-align: right; }
.innerCart .CartBox .delBox { position: absolute; top:10px; right: 10px;  }
.innerCart .CartBox .delBox img { height: 25px; }
 @media(min-width: 991px) {
/*.innerCart .cartButton { margin-top: 30px;margin-bottom: 0; text-align: left; }*/
.innerCart .cartButton { margin-top: 15px;margin-bottom: 0; text-align: left; }
.innerCart .CartBox .delBox { position: relative; top:0; right:0;}
.innerCart .CartBox .delBox img { height: auto; }
}
.innerCart .CartBox .delBox {width: 30px;}

 @media(min-width: 991px) {
.innerCart .CartBox .delBox {width: 13%;}
}

.innerCart .cartButton a { color: #fff; background-color: #a0a0a0; padding:8px 30px;}

.innerCart .total { text-align: right; }

.innerCart .orderInfo h2 { font-size: 20px; margin-bottom: 15px; }
.innerCart .cartBoxTitle { font-size: 20px; margin-bottom: 0; margin-top: 15px;}
 @media(min-width: 991px) {
.innerCart .orderInfo h2 { font-size: 22px; margin-bottom: 15px; }
.innerCart .cartBoxTitle { font-size: 22px; margin-bottom: 15px;margin-top: 15px; }
}
.innerCart .addBox { width: 100%; border: 1px solid #ddd; }
.innerCart .addBox .Box-1 { padding: 15px; border-bottom: 1px solid #ddd; }
.innerCart .addBox .Box-2 { padding: 15px; }
.innerCart .addBox .Box-1 h3,.innerCart .addBox .Box-2 h3,.innerCart .payBox .Box-3 h3 { color: #656464; font-size: 16px; }
.innerCart .payBox  { padding: 15px; }
 @media(min-width: 991px) {
.innerCart .addBox .Box-1 { padding: 30px; border-bottom: 1px solid #ddd; }
.innerCart .addBox .Box-2 { padding: 30px; }
.innerCart .addBox .Box-1 h3,.innerCart .addBox .Box-2 h3,.innerCart .payBox .Box-3 h3 { color: #656464; font-size: 18px; }
.innerCart .payBox  { padding: 30px; }
}

.innerCart .orderButton div { width: 100%; background-color: #7f7f7f; text-align: center; padding: 10px; margin-top: 30px;}
 @media(min-width: 991px) {
.innerCart .orderButton div { width:30%; background-color: #7f7f7f; text-align: center; padding: 10px;  margin: 0 auto; margin-top: 40px;}
}
.innerCart .orderButton { color: #fff; font-weight: bold; font-size: 16px; }

.innerCart .stepBox { text-align: center; }
.innerCart .stepBox ul { max-width: 342px; margin: 0 auto; }
.innerCart .stepBox ul li { float: left; padding: 0 30px; }
/*.innerCart .stepBox ul li { float: left; padding: 0 24px; }*/
.innerCart .stepBox ul li a { background-color: #cccccc ; color: #000; padding: 10px 15px; border-radius: 50px; margin: 0 5px; }
.innerCart .stepBox ul li .active { background-color: #9daab2; }
.innerCart .stepBox ul li p { margin-top: 8px; }
.innerCart .stepBox ul .line { border-bottom:1px solid #cccccc;  max-width: 200px; margin: 0 auto; padding-top: 12px; }

 .btn-numbox {width: 100%;display: table;}
            
.btn-numbox .numBoxinner { vertical-align: middle; display: table-cell; width: 100%; }
.btn-numbox .numBoxinner div { width: 128px; margin: 0 auto; margin-top: -15px;  }
.btn-numbox li {float: left;height: 25px;}
.btn-numbox li .number,.kucun {font-size: 12px;color: #808080;}
.btn-numbox .count .num-jian,.input-num,.num-jia {
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 20px;
    text-align: center;
    font-size: 14px;
    color: #999;
    cursor: pointer;
    border: 1px solid #e6e6e6;
    background-color: #ececec;
}

.btn-numbox .count .input-num {
    height: 25px;
    color: #333;
    border-left: 0;
    border-right: 0;
    background-color: #fff;
}
.btn-numbox .count .input-num { width: 35px; }
 @media(min-width: 991px) {
.btn-numbox .count .input-num { width: 60px; }
}
.fix-breadcrumbs{
  padding: 15px 15px !important;
}
.language span:last-child ,.fix-breadcrumbs span:last-child{
  display: none;
}
.index-product-list-img iframe{
  width: 100%;
  height: 340px;
}
.product-description p{
  margin-bottom: 0px;
}
.add-to-cat,.buy-now{
  cursor: pointer;
}
.pageSelect #page .page-item a{
  background-color: #e2e2e2;
}
.pageSelect #page .page-item:not(:last-child){
  margin: 0px 5px;
}
.pageSelect #page .page-link.active{
  background-color: #f6d19e;
  color: #000;
  margin: 0px 5px;
}
.hide-in-front{
  display: none !important;
}

/*shoppingcart-begin*/
.heading-title-style-1{
  font-size: 18px;
  margin: 0;
}
.box-section section {
  border-radius: 0px;
  /*border: 1px solid #ededed;*/
  margin-bottom: 20px;
  /*padding: 0 15px;*/
  background-color: white;
}
.checkout-cart .section-header {
  padding: 10px 15px;
  margin: 0 -15px;
  font-weight: 500;
  border-bottom: 1px solid #ededed;
  background-color: #f8f8fa;
  line-height: 26px;
}
/*.checkout-cart .section-header .mobile-more i:before{
    content: "\f106";
}
.checkout-cart .section-header .collapsed .mobile-more i:before{
    content: "\f107" !important;
}*/
.box-table-row .table-header{
  /*padding: 15px;*/
  border-bottom: none;
}
.box-table-row section .table-row{
  border-bottom: none;
}
@media(min-width: 768px){
  .box-table-row section .table-row{
    /*padding-bottom:15px;*/
    border-bottom: 1px solid #efefef;
    border-right: 1px solid #efefef;
    border-left: 1px solid #efefef;
  }
}
.box-table-row .table-header{
  /*padding: 15px 0px;*/
}
.box-table-row .item-info .selected {
  margin-top:10px;
}
.box-table-row .item-info .item-img{
  border:1px solid #f5f5f5;
}
.box-table-row .item-info .item-img .lazy{display:inline-block;}
.box-table-row .item-info .name a{color: #222;
}
.item-quantity .input-group-addon{background: #fff;}
.item-quantity .form-control{text-align: center;}
/*phone-cart-product*/
.cart-list{
  padding-top:15px;
  padding-bottom: 15px;
  border-top:1px solid #ededed;
  position: relative;
}
.cart-list:first-child{
  padding-top:15px;
}
.cart-list .name{margin-bottom:10px; }
.cart-phoneitem .item-info .nums{
  width: 150px;
}
.cart-phoneitem .item-info .nums .input-group-addon{
  background: #fff;
}
.cart-phoneitem .item-info .nums .form-control{
  text-align: center;
}
.cart-phoneitem .item-info .model{
  margin: 10px auto;
}
.cart-phoneitem .item-info .model .model-nums{color:#666;}

.btn.btn-qty {
  background-color: #0095ff;
  border:1px solid #0095ff;
  border-radius: 0;
  color:#fff;
}
.btn-remove-cart-item {
  color:#999;
}

@media screen and (max-width: 767px){
  .item-shop{

  }
  .product-quantity-box {
    float: right;
  }
  .box-section .cart-item {
    position: relative;
  }
  .box-section .cart-item .price-label {
    display: block;
    text-align: right;
  }
  /*.box-section .item-action {
      width: 34px;
      position: absolute;
      right: 5px;
      top: 10px;
  }*/
  .box-section .item-total {
    float: right;
    width: auto;
    margin-top: -28px;
  }
}
.cart-item .item-info > div:first-child {margin-right:8px;}
.cart-button{
  text-align: right;
  margin-bottom:30px;
  margin-top:20px;
}
.cart-button .btn-continue{
  padding: 8px 25px;
  background: #cccccc;
  color:#fff;
  margin: 0 5px;
  border-radius: 30px;
}
.cart-button .btn-go{
  padding: 8px 25px;
  background: #000;
  color:#fff;
  margin: 0 5px;
  border-radius:30px;
}
.btn-go:hover{background: #666;}
/*shoppingcart-end*/
.checkout-step {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
}
.checkout-step .step {
  display: inline-block;
  vertical-align: top;
  width: 240px;
  max-width: 33%;
  margin-left: -2px;
  margin-right: -2px;
  color: #cccccc;
}
.checkout-step .step .badge {
  position: relative;
  background-color: transparent;
  height: 50px;
  line-height: 50px;
  padding: 0;
}
.checkout-step .step span {
  display: block;
  padding: 0 5px;
}
.checkout-step .step .badge .text {
  position: absolute;
  width: 100%;
  z-index: 1;
}
.checkout-step .step .badge::before {
  content: " ";
  background-color: #cccccc;
  height: 2px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -1px;
  z-index: 0;
}
.checkout-step .step .badge::after {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  -ms-border-radius: 15px;
  border-radius: 15px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  content: " ";
  background-color: #cccccc;
  height: 30px;
  width: 30px;
  left: 50%;
  top: 50%;
  position: absolute;
  z-index: 0;
}
.checkout-step .step:first-child .badge::before {
  width: 50%;
  left: 50%;
}
.checkout-step .step:last-child .badge::before {
  width: 50%;
  right: 50%;
}
.checkout-step .step.visited .badge::after, .checkout-step .step.active .badge::after {
  background-color: #000;
}
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  background-color: #777;
  border-radius: 10px;
}
.checkout-step .step.active .badge-tit{color:#000;}
.checkout-step .step.active .badge::before{
  background: #000;
}
.checkout-cart .cart-select input {
  visibility: hidden;
}
.checkout-cart .cart-select input:checked + label {
  background-image: url(../images/checkbox-yes.png);
  background-size: 20px;
  background-repeat: no-repeat;
}
.checkout-cart .cart-select label {
  cursor: pointer;
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
  background-image: url(../images/checkbox-no.png);
  background-size: 20px;
  background-repeat: no-repeat;
}
.cart-totals {
  /*border-top: 1px solid #ededed;*/
  margin-left:-15px;
  margin-right:-15px;
  padding: 15px;
}
.cart-totals .cart-totals-tit{
  text-align: right;
  margin-top:10px;
}
.cart-totals .cart-totals-tit:first-child{
  margin-top:0px;
}

.checkout-base-info {
  padding:15px;
  border: 1px solid #ededed;
  border-bottom: none;
}

.checkout-base-info .checkout-section {
  margin:10px 0;
}
.checkout-base-info .form-control {
  border-top:none;
  border-left:none;
  border-right:none;

}
/*.page-cart .alert{
  padding: 20px;
  background-color: #ffa8cd;
  color: #fff;
}*/
.alert-ask-for-login p{line-height: 34px;}
@media(max-width: 767px){
  .page-cart .alert{
    padding: 15px;
  }
  .alert-ask-for-login p {
    line-height: 22px;
  }
}
.cart-content .btn-color-primary {
  background: #cccccc;
  color: #fff;
  padding: 6px 15px;
}
.shopping-cart .table-header{
  display: flex;
  /*justify-content: space-between;*/
  /*margin-bottom: 30px;
  margin-top: 10px;*/
  /*border: 0px solid #efefef;*/
  position: relative;
  /*padding: 0;*/
  background-color: #efefef;
}
.new-shoppingcart-info-box{
  /*padding:  15px;*/
  display: flex;
  /*justify-content: space-between;*/
  width: 100%;
  align-items: center;
  height: 120px;
}
@media (max-width: 767px) {
  .new-shoppingcart-info-box {
    flex-direction: row;
    flex-wrap: wrap;
    border: 1px solid #efefef;
  }
  .cart-item .name > a{
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
  }
}
@media (min-width: 768px) {
  .new-shoppingcart-info-box > div,.table-header-title{
    padding: 15px 30px;
    /*text-align: center;*/

  }
}
@media (max-width: 768px) {
  .new-shoppingcart-info-box > div {
    padding: 0px 15px;
  }
  .table-header-title:first-child{
    padding-left: 15px;
  }
  .table-header-title:last-child{
    padding-right: 15px;
  }
  .table-header-title{
    padding: 15px 0px;
  }
}
.BoxQty {
  width: 25%;
}
.table-header-title:nth-child(1),.new-shoppingcart-info-box .item-img {
  width: 36%;
}
@media (max-width: 768px) {
  .table-header-title:nth-child(1),.new-shoppingcart-info-box .item-img {
    width: 85%;
  }
}
.new-shoppingcart-info-box .item-img{
  /*text-align: center;*/
  /*padding: 0px 30px;*/
}
@media (min-width: 768px) {
  .new-shoppingcart-info-box .item-img {
    /*margin-right: 15px;*/
    display: flex;
    align-items: center;
    border-right: 1px solid #efefef;
    height: 100%;
  }
}
.table-header-title:nth-child(1){
  text-align: left;
  background-color: #efefef;
  /*padding: 15px 30px;*/
}
@media (max-width: 767px) {
  .table-header-title:nth-child(1),.new-shoppingcart-info-box .item-img {
    width: 85%;
  }
}

.table-header-title:nth-child(5),.new-shoppingcart-info-box .product-quantity-box {
  /*width: 20%;*/
}
@media (min-width: 768px) {
  .table-header-title:nth-child(5), .new-shoppingcart-info-box .product-quantity-box{
    /*margin-left: 15px;*/
    height: 100%;
    border-right: 1px solid #efefef;
    align-items: center;
    display: flex;
  }
}
.product-quantity-box .input-group-text {
  width: 25px;
  height: 25px;
  padding: 6px;
  border: 0px;
  border-radius: 0px;
}
.product-quantity-box .product-quantity-input {
  width: 60px;
  height: 25px;
  text-align: center;
  border: 1px solid #efefef;
}
@media (min-width: 768px) and (max-width: 991px) {
  .product-quantity-box .product-quantity-input {
    width: 60px;
  }
}
@media (max-width: 767px) {

  .new-shoppingcart-info-box .product-quantity-box{
    width: 100%;
    /*margin-top: -34px;*/
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .new-shoppingcart-info-box .product-quantity-box-flex{
    /*float: right;*/
    /*margin-right: -13px;*/

  }
  .product-quantity-box .product-quantity-input{
    width: 60px;
  }
}
.table-header-title:nth-child(2),.new-shoppingcart-info-box .name{
  width: 30%;
}
.new-shoppingcart-info-box .name{
  text-align: center;
}

@media (max-width: 767px) {
  .new-shoppingcart-info-box .name{
    width: 65%;
  }
  .box-section .item-action {
    width: 34px;
    position: absolute;
    right: 20px;
    top: 10%;
  }
}
.new-shoppingcart-info-box .item-action{
  text-align: center;
}
.table-header-title:last-child{
  text-align: right;
}
@media (min-width: 768px) and (max-width: 1024px){
  .new-shoppingcart-info-box .item-action,.table-header-title:last-child {
    width: 141px;
  }
}
@media (min-width: 768px) {
  .new-shoppingcart-info-box .item-action,.table-header-title:last-child{
    /*width: 104px;*/
  }
  .item-shop{
    margin-left: -13px;
  }
}

.new-shoppingcart-info-box .input-group-addon{background: #fff;width: 31px;height: 34px;}
#payment-method h4{
  font-size: 1rem;;
}
#freight02 {
  margin-bottom: 15px;
}
.card{
  margin-bottom: 15px;
}
#quickcheckout label{
  margin-bottom: 0px;
}
/* shopping cart */
.min-high-4{
  min-height: 300px;
}
/* Account */
.account-edit-list {margin-top:45px;}
.account-edit-list > a {
  text-align: center;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
  width: 100%;
  height: 100px;
  display: block;
  margin-bottom: 0;
  overflow: hidden;
  background: #173800;
  color:#fff;
}
.account-edit-list a .fa {
  font-size: 70px;
  margin-top: 18px;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -webkit-transition: all 300ms linear;
  transition: all 300ms linear;
}
.account-edit-list h3 {color:#173800;text-align: center;}
.account-edit-list:hover a .fa {
  font-size: 116px;
  opacity: 1;
  margin-top: 0;
  -webkit-transform: rotate(-16deg);
  -o-transform: rotate(-16deg);
  -ms-transform: rotate(-16deg);
  transform: rotate(-16deg);
}

.account-info {font-size: 14px;margin-bottom: 45px;}
.account-info .info-text {display: inline-block;width: 80px;}
.account-info .base-info {padding-top:25px;}
.account-info .base-info li{margin-bottom: 10px;}
.account-info .username {padding-left:20px;}
.account-info .hello {padding-top:25px;}
.account-info .hello span {color:#23a1d1;font-weight: bold;}
.account-line {width: 100%;border-top:1px solid #DDDDDD;}

.user-img {width: 140px;height: 140px;padding-top:6px;background: #ddd;text-align: center;border-radius: 100%;}
.user-img .fa {font-size: 120px;}

#content{
  min-height: 300px;
}
.top{
  margin-bottom: 20px;
}

.cloudimage-360 .cloudimage-360-prev, .cloudimage-360 .cloudimage-360-next {
  padding: 8px;
  background: rgba(255, 255, 255, 0.5);
  border: none;
  border-radius: 4px;
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
  width: 40px;
  height: 40px;
}
.cloudimage-360 .cloudimage-360-prev:focus, .cloudimage-360 .cloudimage-360-next:focus {
  outline: none;
}
.cloudimage-360 .cloudimage-360-prev {
  display: none;
  position: absolute;
  z-index: 100;
  top: calc(50% - 20px);
  left: 0px;
}
.cloudimage-360 .cloudimage-360-next {
  display: none;
  position: absolute;
  z-index: 100;
  top: calc(50% - 20px);
  right: 0px;
}
/*.cloudimage-360 .cloudimage-360-prev:before, .cloudimage-360 .cloudimage-360-next:before {
  content: '';
  display: block;
  width: 30px;
  height: 30px;
  background: 50% 50% / cover no-repeat;
}*/
/*.cloudimage-360 .cloudimage-360-prev:before {
  background-image: url('https://cdn.scaleflex.it/plugins/js-cloudimage-360-view/assets/img/arrow-left.svg');
}
.cloudimage-360 .cloudimage-360-next:before {
  background-image: url('https://cdn.scaleflex.it/plugins/js-cloudimage-360-view/assets/img/arrow-right.svg');
}*/
.cloudimage-360 .cloudimage-360-prev.not-active, .cloudimage-360 .cloudimage-360-next.not-active {
  opacity: 0.4;
  cursor: default;
}
.threesixty-link{
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: -24px;
  left: 0;
}
.buttons{
  width: 100%;
}
.index-product-video{
  padding: 20px 0px;
}
.fix-popup {
  max-width: 300px;
}
@media (min-width: 768px) {
  .fix-popup{
    max-width: 630px;
  }
}
@media (min-width: 1200px) {
  .fix-popup{
    max-width: 1080px;
  }
}