@charset "utf-8";


@font-face {
  font-family: 'truetype';
  src:url('../fonts/truetype.ttf');
  font-style: normal;
}
@font-face {
  font-family: 'YuPearl';
  src:url('../fonts/YuPearl-Medium.ttf');
  font-style: normal;
}

body {font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif; color: #222;}
@media(min-width: 768px){
body{font-size: 16px;}
}
header {width: 100%; background-color: #fff; z-index: 999999; }
.header-inner { position: relative; padding: 10px 15px; max-width: 100% !important; }
@media (min-width:992px) {
.header-inner{padding: 10px 30px 0px;}
}
@media (min-width: 1400px){
.header-inner{padding: 10px 40px 0px;}
}
/* .container{max-width: 100%;}
@media (min-width: 992px){
	.container{padding: 0 30px;}
} */
@media (min-width: 1200px){
	.container{max-width: 1180px;}
}
@media (min-width: 1400px){
.container { max-width: 1280px; padding: 0 40px;}
}
#header.active{position: fixed; top: 0; background-color: #fff; border-bottom: 1px solid #ccc; animation: fadeInDown .35s linear;}
#header.active .header-left{display: flex; align-items: center;}
#header.active .header-right{display: none;}
@media (min-width:992px) {
	#header.active{position: fixed; top: 0; background-color: #fff; border-bottom: 1px solid #ccc; animation: fadeInDown .35s linear;}
	#header.active .header-left{display: none;}
	#header.active .header-right{display: block; display: flex; justify-content: space-between; padding-top: 10px;}
}
.mx-auto { display: block; }

a{text-decoration: none;color:#252525;}
a:hover,a:focus {text-decoration: none !important;}
a,input,button {outline: none!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;}
.truetype{font-family: 'truetype', Arial, Helvetica, sans-serif;}

.header-left{display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
@media (min-width:992px) {
	.header-left{display: flex; flex-direction: row; justify-content: space-between; align-items: flex-end;}
}
.logo{width: auto; height: auto; margin: 10px 0 10px 5px;}
.header-right { min-height: 20px; margin-bottom: 10px; padding-bottom: 10px; padding-top: 10px; flex-grow: 1; display:inline-block; display: flex; flex-direction: row; align-items: center; justify-content: space-between; }
@media (max-width:991px) {
	.header-right {padding-top: 0;}
}
.box-logo{width: 80%;}
@media (min-width:992px) {
	.box-logo{width: 50%;}
}
.member-box{margin-bottom: 15px;}
.member-box ul{margin-bottom: 0;}
.member-box ul li{float: left;}
.member-box ul li img{margin-right: 10px;}
.member-box ul li a{font-size: 18px; color: #222; display: flex; align-items: center; }
.member-box ul li a::after{content: ''; width: 1px; height: 10px; background: #999; margin-left: 20px; margin-right: 20px;}
.member-box ul li:last-child a::after{display: none;}
.member-box ul li a:hover{color: #018031;}
.function-box{display: flex; align-items: center; margin-top: 0px;}
.shopping{margin: 0 10px; display: flex; align-items: center;}
.shopping img{margin-right: 6px; margin-top: -2px;}
.shopping span{font-size: 18px; color: #222;}
.shopping i{font-style: normal;}
.shopping:hover span{color: #018031;}
.lang{margin-left: 20px;}
.lang a{font-size: 18px; color: #222; padding: 6px 14px; background-color: #fff; border-radius: 50px;}
.lang a.active, .lang a:hover{background-color: #018031; color: #fff;}
.mobile-lang{display: none;}
@media (max-width:991px) {
	.member-box{display: none;}
	.lang{display: none;}
	.mobile-lang{display: block;}
	.shopping{display: none;}
	.nav-box{display: none;}
	.header-right{display: none;}
}

/*nav*/
.nav-box{padding: 0;}
.box-menu li {position: relative;}
.box-menu > ul > li { padding: 0 5px; }
.box-menu > ul > li:last-child { padding-right: 0; }
.box-menu > ul > li > a { font-size:16px; color: #000; display: block; padding: 1px 22px; }
.box-menu > ul > li:last-child a{padding-right: 0px;}
@media(min-width: 992px) {
.box-menu > ul > li > a { padding:1px 10px; }
}
@media(min-width: 1200px) {
.box-menu > ul > li > a { padding: 1px 20px;}
}
@media(min-width: 1440px) {
.box-menu > ul > li > a { font-size: 1.125rem; padding: 1px 30px;}
}
.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 { margin-bottom: 0; }
.box-menu > ul > li {text-align:center;float:left;position: relative;/* transition:all 0.6s;-moz-transition:all 0.6s;-webkit-transition:all 0.6s; */}
.box-menu > ul > li.active, .box-menu > ul > li.selected, .box-menu > ul > li:hover {  }
.box-menu > ul > li > a > span { font-size: 20px; color: #000; padding-bottom: 0px; position: relative; width: 100%; font-weight: normal; font-family: 'YuPearl', Arial, Helvetica, sans-serif;}
@media(min-width: 1200px) {
.box-menu > ul > li > a > span { font-size: 24px; }
}
.box-menu > ul > li.active > a, .box-menu > ul > li.selected > a, .box-menu > ul > li:hover > a {background-color: #018031;}
.box-menu > ul > li.active > a > span, .box-menu > ul > li.selected > a > span, .box-menu > ul > li:hover > a > span { color: #fff;}
.box-menu > ul > li > ul { position: absolute; width:95.2%; top: 100%; left:2.6%!important; z-index: 99999; background-color: #fff; padding: 0 10px; border-radius: 10px; border: 3px solid #3daf68;
     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:before{content: ''; width: 17px; height: 12px; background: url(../images/nav-b.png) center no-repeat; position: absolute; top: -12px; left: 40%;}
@media(min-width: 1600px) {
.box-menu > ul > li > ul { left: 0px; }
}
.box-menu > ul > li > a > span:hover > ul { opacity: 1; }
.box-menu > ul > li ul li { text-align: center; padding: 8px 10px; border-bottom: dashed 1px #a0a0a0; }
.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: #252525; text-align: center; font-family: 'YuPearl', Arial, Helvetica, sans-serif; font-size: 16px; }
@media (min-width:1200px) {
	.box-menu > ul > li ul li a{font-size: 20px;}
}
.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{ color: #018031; }
.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);
}


/* mobile menu */
.st-menu { background-color: #018031; }
.st-menu ul li a { color: #fff; }

/*.mobile-menu-btn { float:right; margin-top: 21px; }fheader-right
@media(min-width: 768px) {
.mobile-menu-btn { margin-top: 21px; }
}*/
.mobile-menu-btn { float:right; margin-left: 10px; }
@media(min-width: 576px) {
.mobile-menu-btn { margin-left: 15px; }
}

.menu-mobile {  }
.menu-mobile .menu-mobile-title {height: 36px;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;}
.menu-mobile .mobile-more {display: inline-block;width: 18px;height: 18px;position: absolute;top:20px;right:8px;font-size: 18px;color:#fff;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: #3daf68; }
.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;
}


.btn-ud {
  color: #fff!important;
  background-color: #018031;
  padding: 2px 10px;
  border-radius: 0;
}
.btn-ud:focus,
.btn-ud.focus {
  color: #fff;
  background-color: #fdba2d;}
.btn-ud:hover {
  color: #fff;
  background-color: #fdba2d;
}
.btn-ud:active,
.btn-ud.active,
.open > .dropdown-toggle.btn-ud {
  color: #fff;
  background-color: #fdba2d;
}
.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: #fdba2d;
}
.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: #d17100;
}


/*main-all*/
.main-all { min-height: 90vh; overflow: hidden; }

/*slideshow*/
.index-swiper{height: 100%; padding: 0 20px;}
@media (min-width: 992px){
	.index-swiper{padding: 0 35px;}
}
@media (min-width: 1400px){
	.index-swiper { padding: 0 45px; 
	max-width: 100% !important;
	}
}
.swiper-container { max-width: 1920px; margin: auto;position: relative;}
.index-pagination{text-align: right; padding-right: 10%;}
.index-pagination .swiper-pagination-bullet{width: 12px; height: 12px; border-radius: 0; background-color: #fff; outline: none; opacity: 1;}
.index-pagination .swiper-pagination-bullet-active{background-color: #ac5b26;}
.swiper-pagination-bullet { height: 12px; width: 12px;border-radius: 50%; background-color: #fff; outline: none; opacity: 1;}
.swiper-pagination-bullet-active { background-color: #ac5b26; }
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content: ' '; }
.swiper-button-prev { background: url(../images/left-icon.png) center no-repeat; background-color: rgba(0, 0, 0, .6); border-radius: 10px; }
.swiper-button-next { background: url(../images/left-icon.png) center no-repeat; transform: rotate(-180deg); background-color: rgba(0, 0, 0, .6); border-radius: 10px; }
@media(max-width: 767.98px){
  .index-swiper { max-width: 1920px; margin: auto; /* height: 60vh; */}
  .swiper-container img{
    width: 100%;
    display: block;
    height: 100%;
    object-fit: cover;
  }
}
@media(max-width:425px){
	/* .index-swiper{height: 50vh !important;} */
	/* .swiper-container img{
		position: absolute;
		top: 0;
		left: 0;
	} */
}
@media(min-width: 768px) {
.swiper-pagination-bullet { height: 15px; width: 15px;}
}
.swiper-button-next, .swiper-button-prev { outline: none; color: #fff; top: 55%; transition: all 0.8s; height: 36px; width: 36px; }
@media(min-width: 768px) {
.swiper-button-next, .swiper-button-prev { top: 48%; display: block; opacity: 1; height: 60px; width: 60px; }
}
.swiper-button-prev { display: none; }
.swiper-button-next { display: none; }
@media(min-width: 426px) {
	.swiper-button-prev { left: 20px; display: block; }
	.swiper-button-next { right: 20px; display: block; }
}
@media(min-width: 992px) {
.swiper-button-prev { left: 70px; }
.swiper-button-next { right: 70px; }
}
.swiper-button-next:hover, .swiper-button-prev:hover{background-color: rgba(1, 128, 49, 1);}
/* .swiper-container:hover .swiper-button-next, .swiper-container:hover .swiper-button-prev { opacity: 1; background-color: rgba(1, 128, 49, 1); transition: all 0.8s; } */
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 20px; }
@media(min-width: 768px) {
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 30px; }
}
@media(min-width: 1400px) {
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 55px; }
}
.swiper-slide{position: relative; height: 100%; background-color: #f3f4f7;}
.swiper-slide-img{position: relative; overflow: hidden; height: 100%;}


/*back-to-top*/
#back-to-top {position: fixed; right: 2%; bottom: 14%; z-index: 999;}
@media(min-width: 768px) {
	#back-to-top {right: 1%; bottom: 18%;}
}
#back-to-top a {color: #fff;}
#back-to-top img{width: auto; height: 100px;}
@media (min-width:992px) {
	#back-to-top img{
		height: 150px;
	}
}

.bottom-icon{position: fixed; right: 1%; bottom: 2%; z-index: 999;}
.icon-box{margin-bottom: 0;}
.icon-box li{float: left;}
.icon-box li img{width: 58px; height: 58px;}
@media (min-width:768px) {
	.icon-box li img{width: 68px; height: 68px;}
}

/* 搜索 */
.search-menu{padding-top: 0px; padding-bottom: 0px; margin: 20px 0;}
@media (min-width:992px) {
	.search-menu{padding-top: 20px; padding-bottom: 20px; margin: 40px 0;}
}
@media (min-width:1400px) {
	.search-menu{padding-top: 40px; padding-bottom: 40px;}
}
.search-con{display: flex; justify-content: space-between; align-items: center;}
.search{display: flex; align-items: center; width: 100%;}
.search-box{display: flex; justify-content: space-between; align-items: center; width: 100%; border-radius: 30px;}
.search-case{background-color: #f2f2f2; border-radius: 30px; padding: 6px 10px;}
@media (min-width:992px) {
	.search-case{padding: 10px 10px 10px 30px;}
}
.search-text{font-size: 17px; color: #999; border: none; background: none; width: 100%; padding-right: 20px;}
@media(min-width:564px){
	.search-text{font-size: 21px;}
}
@media(min-width:992px){
	.search-text{font-size: 23px;}
}
.search-ico{display: flex; justify-content: center; align-items: center; padding: 6px 20px; border-radius: 20px; background-color: #018031;}
@media (min-width:992px){
	.search-ico{padding: 10px 30px;}
}
.product-menu{height: 100%; position: relative; padding: 0 20px; width: 80px;}
.menu-icon{display: block; max-width: 100%; height: 100%; position: relative;}
.menu-icon-c{display: none;}
.menu-icon-c.active{display: block;}
.menu-icon.active{display: none;}

/* 篩選 */
#filter{display: none; z-index: 9999; position: absolute; padding-top: 10px; max-width: 100%; overflow: hidden; margin-right: auto; margin-left: auto; padding-left: 0px; padding-right: 15px;}
@media (min-width:992px) {
	#filter{width: 100%; margin-left: -20px; padding-left: 15px;}
}
.filter-box-con{max-width: 1240px; overflow: hidden;}
.filter-box{background-color: #018031; padding: 20px; border-radius: 20px; /* box-shadow: 0 0 10px rgba(0, 0, 0, .2); */}
.filter-inner{background: url(../images/filter-bg.png) no-repeat bottom; background-color: #fffdee; padding: 30px 30px 150px 30px; border-radius: 20px;}
.filter-list-box{margin-bottom: 30px;}
.filter-list-top{border: 1px dashed #666; border-radius: 50px; padding: 10px 10px; font-size: 28px; font-weight: bold; color: #333; display: flex; align-items: center; justify-content: center; background-color: #fff; position: relative;}
.filter-list-top::before{content: ''; position: absolute; bottom: -27px; left: 50px; background: url(../images/filter-icon-li.png) no-repeat center; width: 10px; height: 37px;}
.filter-list-top::after{ content: ''; position: absolute; bottom: -27px; right: 50px; background: url(../images/filter-icon-li.png) no-repeat center; width: 10px; height: 37px;}
.filter-list-top span{margin: 0 8px 0 0;}
.filter-list-con{background: #fff; border: 1px dashed #666; border-radius: 10px; margin-top: 10px; padding: 30px 10px 10px 10px;}
.filter-li-box{overflow-y: auto; height: 255px; padding-left: 12px;}
.filter-li{margin-bottom: 10px; padding: 0; border-bottom: 1px dashed #aaa; width: 100%; margin-right: 0; overflow: hidden; }
.filter-li .form-check-input{background-color: #999;}
.filter-label{font-size: 14px; color: #333; font-weight: bold;}
.filter-li:hover .filter-label{color: #018031;}
.filter-li2{padding-left: 0; }
.filter-bottom{margin-top: 10px; display: flex; align-items: center; justify-content: center;}
.filter-bottom-box{display: flex; flex-direction: column; }
@media (min-width:426px) {
	.filter-bottom-box{display: flex; flex-direction: row; }
}
.filter-btn1{padding: 10px 40px; margin: 0 10px 10px 10px; border-radius: 40px; border: 1px dashed #999; background: none; }
.filter-btn1 a{color: #333; }
.filter-btn1:hover, .filter-btn1.active{border: 1px dashed #018031; background-color: #018031; }
.filter-btn1:hover a, .filter-btn1.active a{color: #fff;}

/* 產品 */
.product{padding-bottom: 40px; position: relative;}
@media (min-width:992px) {
	.product{padding-bottom: 60px;}
}
@media (min-width:1400px) {
	.product{padding-bottom: 100px;}
}
.product-box::before{content: ''; display: none; width: 146px; height: 147px; background: url(../images/bg1.png) no-repeat center; position: absolute; left: 2%; top: -50px; z-index: -1;}
.product-box::after{content: ''; display: none; width: 283px; height: 145px; background: url(../images/bg2.png) no-repeat center; position: absolute; right: 1%; top: 30%; z-index: -1;}
@media (min-width:1024px) {
	.product-box::before, .product-box::after{display: block;}
}
.product-nav{margin-bottom: 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;}
@media (min-width:425px) {
	.product-nav{justify-content: center;}
}
@media (min-width:1200px) {
	.product-nav{justify-content: space-between;}
}
.product-nav .nav-item{margin: 10px 20px;}
@media (min-width:1200px) {
	.product-nav .nav-item{margin: 0;}
}
.product-nav .nav-link{position: relative; background-color: #fff; box-shadow: 0 10px 10px rgba(0, 0, 0, .2); border: 2px dashed #111; border-radius: 50px; padding: 5px 40px; width: 100%; display: flex; justify-content: center; align-items: center; transition: all ease .3s;}
.product-nav .nav-link:before{content: ''; display: none; width: 98px; height: 82px; background: url(../images/pro-nav.png) no-repeat center; position: absolute; right: -20px; bottom: -10px; transition: all ease .3s;}
.product-nav-li i{font-style: normal; font-size: 24px; color: #111; transition: all ease .3s;}
@media (min-width:1200px) {
	.product-nav-li i{font-size: 28px;}
}
@media (min-width:1400px) {
	.product-nav-li i{font-size: 34px;}
}
.product-nav .nav-link.active, .product-nav .nav-link:hover{box-shadow: none; border: 2px dashed #018031; padding: 5px 60px 5px 20px; transition: all ease .3s;}
.product-nav .nav-link.active:before, .product-nav .nav-link:hover:before{display: block; transition: all ease .3s;}
.product-nav .nav-link.active .product-nav-li i, .product-nav .nav-link:hover .product-nav-li i{color: #018031; transition: all ease .3s;}
.product-tab-content{margin-top: 50px;}
@media (min-width:1200px) {
	.product-grid{flex: 0 0 20%; max-width: 20%;}
}
.product-row{padding-left: 10px; padding-right: 10px; overflow: hidden;}
@media (min-width:768px) {
	.product-row{padding: 0 15px;}
}
.product-layout{margin-bottom: 20px; padding-left: 10px; padding-right: 10px;}
.product-layout .product-inner{padding: 5px; border: 2px solid #ededed; border-radius: 20px; height: 100%; background-color: #fff; }
.product-img{height: 130px; background-color: #fbfbfb; max-height: 100%; padding: 0px; border-radius: 10px; overflow: hidden; position: relative; display: flex; justify-content: center; align-items: center;}
@media (min-width:425px) {
	.product-img{height: 220px;}
}
.product-img img{vertical-align: middle; transition: all ease-out .4s;}
.product-con{display: flex; flex-direction: column; justify-content: space-between;}
.product-title{height: 48px; margin: 6px 0; font-size: 14px; color: #222; font-weight: bold; text-align: center; line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
@media (min-width:425px) {
	.product-title{font-size: 16px;}
}
.product-price{}
.original-price{font-size: 12px; color: #999; text-align: center; text-decoration: line-through; margin-top: 4px;}
.discount-price{text-align: center; font-size: 14px; color: #ff0000; margin-top: 10px;}
@media (min-width:425px) {
	.original-price{font-size: 14px;}
	.discount-price{font-size: 16px;}
}
.product-layout .product-inner:hover{border: 2px solid #018031;}
.product-layout .product-inner:hover .product-title{color: #018031;}
.product-layout .product-inner:hover .product-img img{transform: scale(1.1); transition: all ease-out .4s; }
.button-more{display: flex; justify-content: center; margin-top: 10px;}
.button-text{display: flex; align-items: center; font-size: 30px; color: #018031; }
.button-text:before{content: ''; width: 38px; height: 30px; background: url(../images/more.png) no-repeat center; margin-right: 20px; transition: all ease-out .4s;}
.button-text:hover{color: #018031;}
.button-text:hover:before{margin-right: 10px; transition: all ease-out .4s;}

/* 最新消息 start */
.news{background-image: url(../images/news-bg.png); background-repeat: repeat-x; padding: 100px 0 50px; position: relative;}
@media (min-width:992px) {
	.news{padding: 100px 0;}
}
.news:before{content: ''; display: none; width: 270px; height: 146px; background: url(../images/bg3.png) no-repeat center; background-size: cover; position: absolute; top: -140px; left: 2%; }
@media (min-width:1024px) {
	.news:before{top: -80px; display: block;}
}
@media (min-width:1400px) {
	.news:before{top: -140px;}
}
.news-img{position: relative; overflow: hidden; height: 220px; border: 6px solid #fff; border-radius: 20px; margin-bottom: 30px;}
@media (min-width:992px) {
	.news-img{height: auto;}
}
.news-img img{background-size: cover; width: 100%;}
.news-title{position: absolute; bottom: 0; background: url(../images/news-b.png) repeat-x bottom; width: 100%; height: 100%; }
.news-title-style{position: absolute; bottom: 30px; left: 30px;}
.news-title-style h3{font-size: 30px; color: #fff;}
@media (min-width:992px) {
	.news-title-style h3{font-size: 38px;}
}
@media (min-width:1400px) {
	.news-title-style h3{font-size: 48px;}
	/* .news-title{bottom: 50px; left: 50px;} */
}
.news-title-style span{display: block; margin-top: 10px; margin-left: 5px; width: 30px; height: 4px; background-color: #fff;}
.news-inner{margin-bottom: 0;}
.news-inner li{position: relative; margin-bottom: 10px; padding: 10px 20px; overflow: hidden; background-color: #fff; border-radius: 20px; box-shadow: 0 5px 6px rgba(0, 0, 0, .2); transition: all ease-out .4s;}
@media (min-width:992px) {
	.news-inner li{margin-bottom: 20px;}
}
.news-inner li:last-child{margin-bottom: 0;}
/*  */
.news-list-box{overflow: hidden; transform: translateX(0px); transition: all ease-out .4s;}
.news-l-box{display: flex; float: left; transition: all ease-out .4s;}
/*  */
.news-left{ float: left; transition: all ease-out .4s;}
.news-left-box{display: flex; align-items: center; overflow: hidden; padding-right: 80px; transition: all ease-out .4s;}
@media (min-width:992px) {
	.news-left-box{padding-right: 100px;}
}
.news-time{margin-right: 20px; border-radius: 100%; display: flex; flex-direction: column; justify-content: center; transition: all ease-out .6s; }
.news-time span{display: flex; flex-direction: column; justify-content: center;  background-color: #eeeeee; border-radius: 100%; padding: 10px 15px; }
@media (min-width:768px) {
	.news-time span{padding: 15px 15px;}
}
.news-time i{margin: 0 4px; font-style: normal; font-size: 14px; color: #333; border-bottom: 1px solid #ccc; padding-bottom: 5px; text-align: center;}
.news-time b{margin: 0 4px; font-size: 16px; color: #333; text-align: center; padding-top: 5px; }
@media (min-width:768px) {
	.news-time b{font-size: 20px;}
}
.news-con{margin: 10px 0;}
.news-con h3{font-size: 15px; color: #333; font-weight: bold; overflow: hidden; height: 20px; padding-right: 10px; white-space: normal; transition: all ease-out .4s;}
@media (min-width:768px) {
	.news-con h3{font-size: 18px;}
}
.news-con p{font-size: 13px; color: #666; margin-bottom: 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; transition: all ease-out .4s;}
@media (min-width:768px) {
	.news-con p{font-size: 15px;}
}
.news-link{position: absolute; top: 14%; right: -100px; padding: 26px 8px; border-radius: 100%; text-align: center; color: #fff; font-weight: bold; font-size: 14px; background-color: #6dac24; transition: all ease-out .4s;}
.news-link a{color: #fff; display: block;}
@media (min-width:992px) {
	.news-link{right: -100px; padding: 30px 10px;}
}
.news-inner li:hover{box-shadow: none; background-color: #018031; transition: all ease-out .4s;}
.news-inner li:hover .news-con{padding-left: 10px; transition: all ease-out .4s;}
.news-inner li:hover .news-con h3, .news-inner li:hover .news-con p{color: #fff; transition: all ease-out .4s;}
.news-inner li:hover .news-list-box{transform: translateX(-108px); transition: all ease-out .4s;}
.news-inner li:hover .news-link{right: 20px; transition: all ease-out .4s;}

/* 最新消息 end */

/* plate */
.plate{}
.plate-bg{position: relative;}
.plate-bg::before{display: none; position: absolute; content: ''; width: 389px; height: 306px; background: url(../images/bg4.png) no-repeat center;} 
.plate-bg::after{display: none; position: absolute; content: ''; width: 267px; height: 180px; background: url(../images/bg5.png) no-repeat center;} 
@media (min-width:1024px) {
	.plate-bg:before{right: -260px; top: -90px; display: block;}
	.plate-bg::after{left: -150px; bottom: 0; display: block;}
}
@media (min-width:1400px) {
	.plate-bg:before{right: -300px; top: -100px;}
	.plate-bg::after{left: -340px; bottom: 0;}
}
.plate-box{display: flex; justify-content: center; align-items: center; margin-bottom: 30px;}
.plate-li{transition: all ease-out .4s;}

/* footer */
.footer{background: url(../images/footer-bj.png) no-repeat bottom; padding: 20px 0 100px; color: #333; background-size: auto;}
@media (min-width:992px) {
	.footer{padding: 100px 0; background-size: 100%;}
}
.footer-top{padding-bottom: 10px; position: relative;}
@media (min-width:992px) {
	.footer-top{padding-bottom: 50px;}
}
.footer-top:before{content: ''; display: block; position: absolute; left: -200px; top: -100px; background: url(../images/bg6.png) no-repeat center; width: 179px; height: 266px;}
.foo-nav-box{margin-bottom: 30px;}
.foo-nav-list{margin-bottom: 20px;}
@media (min-width:1200px) {
	.foo-nav-list{flex: 0 0 20%; max-width: 20%;}
}
.foo-nav-con{display: flex; flex-direction: column; }
.foo-nav-title{font-size: 24px; color: #018031 !important; position: relative; padding-bottom: 20px; padding-left: 0;}
.foo-nav-title::after{content: ''; width: 20px; height: 3px; background-color: #018031; position: absolute; left: 0; top: 40px;}
@media (max-width:575px) {
	.foo-nav-title{padding-bottom: 0;}
	.foo-nav-title::after{display: none;}
}
.foo-nav-li{display: flex; flex-direction: column; margin-top: 10px;}
.foo-nav-li a{font-size: 14px; margin-bottom: 10px; color: #333;}
.foo-time-con{display: flex; justify-content: flex-start;}
.foo-time-box{margin-bottom: 20px;}
.foo-time-t{display: flex; justify-content: space-between; margin-bottom: 10px;}
.foo-time-t i{font-style: normal; display: block; width: 150px; font-size: 14px; letter-spacing: 2px;}
.footer-bottom{border-top: 1px solid #ccc; padding-bottom: 80px; display: flex; flex-direction: column; align-items: center; padding-top: 15px;}
.foo-b-nav, .footer-text{ font-size: 14px; margin-bottom: 0;}
.foo-b-nav{padding: 10px 0;}
.foo-b-nav li{float: left; margin: 0 6px;}
.foo-nav-li a:hover, .foo-b-nav li a:hover{color: #018031;}
@media (min-width:992px) {
	.footer-bottom{display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
}
.foo-lx-inner{display: flex; margin-bottom: 10px;}
.foo-lx-1{display: flex; align-items: center;}
.foo-lx-inner span{margin-right: 10px; display: flex; justify-content: center; align-items: center; width: 20px; height: 20px;}
.foo-lx-inner i{font-style: normal; font-size: 14px; color: #333; max-width: 300px; letter-spacing: 2px;}
.foo-b-right{display: flex; flex-direction: column; align-items: center;}
.foo-link{height: 120px; margin-top: 0px; display: flex; flex-direction: column; justify-content: space-between;}
@media (min-width:991px) {
	.foo-link{margin-top: 30px; height: 140px;}
}
.foo-img-mobile{display: block;}
.foo-img-p{display: none;}
@media (min-width:992px) {
	.foo-img-mobile{display: none;}
	.foo-img-p{display: block;}
	.foo-b-nav{padding: 0;}
}

/* common start */
.inner-top-box{
	background: url(../images/inner-top-bj.png) no-repeat top center;
	width: 100%;
	height: 100%;
	background-size: cover;
	padding: 10px 0 40px;
	margin-top: -15px;
}

@media (min-width:1400px) {
	.inner-top-box{
		padding: 30px 0 60px;
	}
}


@media (min-width:992px) {
	.inner-top-con{
		max-width: 100% !important;
		height: 100%;
		padding-left: 30px;
		padding-right: 30px;
	}
}
@media (min-width:1400px) {
	.inner-top-con{
		padding-left: 40px;
		padding-right: 40px;
	}
}

.inner-bread{
	height: 100%;
}

.inner-bread li{
	float: left;
	display: flex;
	align-items: center;
}

.home-icon{
	margin-right: 5px;
}

.home-icon .fa{
	font-size: 24px;
	color: #ffa200;
}

.bread-link{
	display: inline-block;
	align-items: center;
	font-size: 17px;
	color: #333 !important;
}

.bread-link::after{
	content: '>';
	font-size: 14px;
	color: #333;
	margin: 0 10px;
}

.inner-bread li:last-child .bread-link::after{
	display: none;
}

.inner-top-title{
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: 20px;
}

@media (min-width:1200px) {
	.inner-top-title{
		padding-top: 30px;
	}
}

@media (min-width:1600px) {
	.inner-top-title{
		padding-top: 80px;
	}
}

.inner-top-t-box{
	display: flex;
	align-items: center;
}

.inner-top-img{
	width: auto;
	height: 80px;
}

@media (min-width:992px) {
	.inner-top-img{
		height: 90px;
	}
}

@media (min-width:1200px) {
	.inner-top-img{
		height: 100px;
	}
}

@media (min-width:1400px) {
	.inner-top-img{
		height: 110px;
	}
}

.inner-top-text{
    /*width: 120px;*/
	width: auto;
	font-size: 26px;
	color: #000;
	font-family: 'YuPearl';
	text-align: center;
	padding: 0 15px 10px 15px;
	border-bottom: 2px solid #000;
	margin-top: 20px;
}

@media (min-width:992px) {
	.inner-top-text{
        /*width: 140px;*/
		width: auto;
		font-size: 30px;
	}
}

@media (min-width:1200px) {
	.inner-top-text{
        /*width: 160px;*/
		width: auto;
		font-size: 40px;
	}
}

.inner-box-con{
	margin-top: 0px;
}

@media (min-width:992px) {
	.inner-box-con{
		margin-top: -20px;
	}
}

.inner-fs-box{
	display: flex;
	flex-direction: column-reverse;
}

@media(min-width:992px){
	.inner-fs-box{
		display: flex;
		flex-direction: row;
	}
}


.inner-top-list-l{
	display: flex;
	flex-direction: row;
	margin-top: 15px;
}

@media (min-width:992px) {
	.inner-top-list-l{
		margin-top: 0px;
	}
}

.inner-drow-box{
	margin-bottom: 0px;
}

.inner-drow-box:last-child{
	margin: 0;
}

/* @media (min-width:425px) {
	.inner-drow-box{
		margin-bottom: 0px;
	}
} */

.dropdown-box{
	display: flex;
	align-items: center;
	margin-right: 20px;
}

.dropdown-box i{
	font-style: normal;
	font-size: 14px;
	color: #333;
	margin-right: 10px;
	white-space: nowrap;
}

.dropdown-con .btn{
	width: 92px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #fff;
	color: #333;
	border: 1px solid #cccccc;
	font-size: 14px;
	box-shadow: none !important;
}

@media (min-width:321px) {
	.dropdown-con .btn{
		width: 100px;
	}
}

@media (min-width:375px) {
	.dropdown-con .btn{
		width: 120px;
	}
}

@media(min-width:425px){
	.dropdown-con .btn{
		width: 100%;
	}
}

@media(min-width:992px){
	.dropdown-con .btn{
		width: 160px;
	}
}


.btn-secondary:not(:disabled):not(.disabled).active, 
.btn-secondary:not(:disabled):not(.disabled):active, 
.show>.btn-secondary.dropdown-toggle{
	background-color: #fff;
	border-color: #ccc;
	color: #333;
}

.dropdown-con .btn i{
	font-style: normal;
	width: 100%;
	text-align: left;
	overflow: hidden;
}

@media (max-width:424px) {
	.dropdown-con .btn i{
		width: 80%;
	}
}

.dropdown-info{
	min-width: 0;
}

@media (min-width:992px) {
	.dropdown-info{
		width: 160px;
	}
}

.dropdown-info .dropdown-item{
	font-size: 14px;
}


.inner-tab-box{
	margin-top: 20px;
}

@media (min-width:992px) {
	.inner-tab-box{
		margin-top: 30px;
	}
}

.inner-tab-info{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.tab-title{
	display: flex;
	align-items: center;
	margin-right: 10px;
}

.tab-title .fa{
	font-size: 24px;
	color: #018031;
	margin-right: 10px;
}

.tab-title b{
	font-weight: normal;
	color: #333;
	font-size: 18px;
}

.tab-list-box{
	font-size: 14px;
	color: #666;
	padding: 4px 10px;
	margin: 2px 4px;
	text-align: center;
	border: 1px dashed #999;
	border-radius: 10px;
}

.tab-list-box:hover{
	border-color: #018031;
	color: #018031;
}

.page-box{
	display: flex;
	justify-content: flex-end;
	margin-top: 0px;
}

.page-box .page-item{
	margin-left: 5px;
}

.page-box .page-link{
	border-radius: 6px !important;
	border: 1px dashed #999;
	background-color: #fffdee;
	width: 30px;
	height: 30px;
	color: #333;
	display: flex;
	align-items: center;
	justify-content: center;
}

@media (min-width:768px) {
	.page-box{
		margin-top: 20px;
	}
	.page-box .page-link{
		border-radius: 10px !important;
		width: 45px;
		height: 45px;
	}
}

.page-box .page-item.active .page-link, .page-box .page-link:hover{
	border-color: #018031;
	background-color: #018031;
	color: #fff;
}

.inner-back{
	margin-top: 30px;
	margin-bottom: 60px;
}

@media (min-width:992px) {
	.inner-back{
		margin-top: 60px;
	}
}

.back-btn{
	background-color: #018031;
	color: #fff !important;
	padding: 6px 30px;
	font-family: 'YuPearl';
	font-size: 20px;
	position: relative;
	border-radius: 10px;
}

.back-btn:before{
	content: '';
	position: absolute;
	top: 8px;
	left: -30px;
	width: 48px;
	height: 28px;
	background: url(../images/inner-back.png) no-repeat center;
	transition: all ease .4s;
	background-size: cover;
}

.back-btn:hover:before{
	left: -20px;
	transition: all ease .4s;
}

@media (min-width:992px) {
	.back-btn{
		padding: 6px 40px;
		font-size: 24px;
	}
	.back-btn:before{
		width: 58px;
		height: 34px;
	}
}

/* common end */


/* product start */

.product-inner-box{
	position: relative;
}

.product-inner-box::before{
	content: '';
	background-image: url(../images/inner-pro-bj.png);
	background-position: right;
	background-repeat: no-repeat;
	position: absolute;
	right: -16%;
	top: -100%;
	width: 204px;
	height: 267px;
	z-index: -1;
	background-size: cover;
}

.product-inner-box1::before{
	top: 0 !important;
}

@media (min-width:1200px) {
	.product-inner-box::before{
		right: -8%;
		top: -50%;
		width: 174px;
		height: 237px;
	}
}

@media (min-width:1400px) {
	.product-inner-box::before{
		right: -12%;
	}
}

@media (min-width:1600px) {
	.product-inner-box::before{
		right: -18%;
		width: 204px;
		height: 267px;
	}
}

@media (max-width:991.9px) {
	.product-inner-box::before{
		display: none;
	}
}

.inner-pro-box::after, .inner-pro-box:before{
	display: none;
}

.inner-search{
	padding: 0;
	background-color: #fff;
	border: 1px solid #cccccc;
}

.inner-search-ico{
	padding: 6px 14px;
}

@media (min-width:768px) {
	.inner-search-ico{
		padding: 10px 20px;
	}
}

.inner-search-text{
	font-size: 18px;
	color: #666;
	padding-left: 20px;
}

.inner-search-text::placeholder{
	color: #aaa;
}

.inner-product{
	margin-top: 30px;
}

@media (min-width:992px) {
	.inner-product{
		margin-top: 60px;
	}
}

@media (max-width:421px) {
	.inner-pro-row{
		padding: 0 10px;
	}
}

.product-inner-box1{
	position: relative;
}

.product-inner-box1::after{
	content: '';
	width: 187px;
	height: 150px;
	background: url(../images/product-inner_2.png) no-repeat center;
	position: absolute;
	bottom: 0;
	left: -160px;
	z-index: -1;
	display: none;
}

@media (min-width:992px) {
	.product-inner-box1::after{
		display: block;
	}
}

.location-photo{
	max-width: 660px;
	margin-bottom: 30px;
}

@media (min-width:992px) {
	.location-photo{
		margin-bottom: 0;
	}
}

.product-inner-for{
	max-width: 660px;
	border: 1px solid #ccc;
	border-radius: 10px;
	padding: 30px;
	margin-bottom: 10px;
	margin-right: 0;
}

.product-for-img{
	position: relative;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}

.product-for-img img{
	margin: 0;
}

.product-inner-nav{
	padding: 0 30px;
	overflow: hidden;
	margin: 0 auto;
}

.location-photo .product-inner-nav .product-nav-img{
	border: 1px solid #ccc;
	padding: 4px;
	margin: 0 5px;
	border-radius: 5px;
}

@media (min-width:992px) {
	.location-photo .product-inner-nav .product-nav-img{
		padding: 10px;
	}
}

.location-photo .slider-nav .slick-slide.slick-current.slick-active .product-nav-img{
	border: 1px solid #018031 !important;
}


.location-photo .slider-nav .slick-prev{
	position: absolute;
	top: 40%;
	left: 0;
	font-size: 0px;
	border: none;
	width: 14px;
	height: 24px;
	display: block !important;
	background: url(../images/inner-right.png) no-repeat center;
	transform: rotate(180deg);
	z-index: 999;
}

.location-photo .slider-nav .slick-next{
	position: absolute;
	right: 0;
	top: 40%;
	font-size: 0px;
	border: none;
	width: 14px;
	height: 24px;
	display: block !important;
	background: url(../images/inner-right.png) no-repeat center;
	z-index: 999;
}

.product-list-tit{
	font-size: 24px;
	color: #018031;
	font-family: 'YuPearl';
}

@media (min-width:9920px) {
	.product-list-tit{
		font-size: 28px;
	}
}

@media (min-width:1200px) {
	.product-list-tit{
		font-size: 30px;
	}
}

@media (min-width:1400px) {
	.product-list-tit{
		font-size: 36px;
	}
}

.product-list-info{
	background-color: #eff9f3;
	border: 1px dashed #018031;
	border-radius: 10px;
	padding: 30px 20px;
	position: relative;
}

@media (min-width:992px) {
	.product-list-info{
		padding: 30px 40px;
	}
}

.product-list-info:before{
	content: '';
	position: absolute;
	bottom: -30px;
	right: -50px;
	object-fit: cover;
	width: 173px;
	height: 116px;
	background-image: url(../images/product-inner_1.png);
	background-position: bottom;
	background-repeat: no-repeat;
	background-size: cover;
}

@media (max-width:991px) {
	.product-list-info:before{
		width: 147px;
		height: 90px;
		right: -10px;
		bottom: -40px;
	}
}

.product-list-info ul{
	margin: 0;
}

.product-list-info ul li{
	display: flex;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #018031;
}

.product-li-text, .product-li-ttext, .product-li-ttext1{
	font-size: 14px;
}

.product-li-text{
	width: 30%;
	color: #666;
}

.product-li-ttext{
	width: 70%;
	color: #018031 !important;
}

.product-li-ttext1{
	width: 70%;
	color: #222 !important;
	font-style: normal;
}

@media (min-width:768px) {
	.product-li-text, .product-li-ttext, .product-li-ttext1{font-size: 16px;}
}

.product-inner-bottom{
	display: flex;
	flex-direction: column;
	align-items: flex-end;
	margin-top: 30px;
}

@media (min-width:992px) {
	.product-inner-bottom{
		align-items: flex-start;
		margin-top: 0;
	}
}

.product-ja{
	margin-top: 20px;
}

.product-ja span{
	font-family: 'YuPearl';
	display: block;
}

.product-ja span:first-child{
	font-size: 16px;
	color: #999;
	text-decoration: line-through;
}

.product-ja span:last-child{
	font-size: 20px;
	color: #018031;
}

@media (min-width:992px) {
	.product-ja span:first-child{
		font-size: 20px;
	}
	.product-ja span:last-child{
		font-size: 24px;
	}
}

.product-quantity{
	margin-top: 30px;
	display: flex;
	align-items: center;
}

.product-quantity i{
	font-style: normal;
	white-space: nowrap;
}

.quantity-box{
	margin: 0 10px;
	border: 1px dashed #018031;
	background-color: #eff9f3;
	border-radius: 10px;
}

.input-group-box{
	border-radius: 10px;
	background: none;
	border: none;
}

.pro-form-control{
	border: none;
	background: none;
}

.product-quantity span{
	font-size: 14px;
	color: #999;
}

@media (min-width:992px) {
	.product-quantity span{
		font-size: 18px;
	}
}

.btn-shop{
	margin-top: 30px;
}

.btn-shop-box{
	border-radius: 10px;
	background-color: #018031;
	padding: 10px 16px;
}

.btn-shop-box .fa{
	font-size: 24px;
	color: #fff;
	margin-right: 10px;
}

.btn-shop-box b{
	font-weight: normal;
	font-size: 18px;
	color: #fff;
}

.delivery-box{
	margin-top: 30px;
}

.delivery-top{
	max-width: 200px;
	background-color: #feefc6;
	padding: 0px 50px 0px 10px;
	border-radius: 10px;
	font-size: 30px;
	color: #f46d00;
	position: relative;
}

.delivery-top:before{
	content: '';
	position: absolute;
	right: -15px;
	top: -6px;
	width: 72px;
	height: 54px;
	background: url(../images/delivery.png) no-repeat center;
}

.delivery-con{
	margin-top: 20px;
	font-size: 18px;
}

.series-product-top{
	margin-top: 60px;
}

.series-nav{
	position: relative;
}

.series-nav .nav-item{
	margin-right: 10px;
}

.series-nav .nav-link {
	font-family: 'YuPearl';
	font-size: 20px;
	color: #222;
	background-color: #eeeeee;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	padding: 8px 16px;
	border: 1px solid #eee;
	border-bottom: none;
	position: relative;
}

@media (min-width:768px) {
	.series-nav .nav-link{
		padding: 12px 30px;
		font-size: 24px;
	}
}

.series-nav .nav-link.active:before{
	content: '';
	width: 100%;
	height: 4px;
	position: absolute;
	bottom: -2px;
	left: 0;
	background-color: #eee;
}

.series-nav .nav-link.active{
	background-color: #fff5e3;
	border: 1px dashed #ffcc74;
	border-bottom: none;
}

.series-nav .nav-link.active:before{
	content: '';
	background-color: #fff5e3;
}

.series-tab-content{
	background-color: #fff5e3;
	border: 1px dashed #ffcc74;
	padding: 20px 15px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
}

@media (min-width:768px) {
	.series-tab-content{
		padding: 50px 30px;
	}
}

.series-list li{
	margin-bottom: 10px;
	display: flex;
	flex-direction: column;
	background-color: #fff;
	padding: 10px 8px;
	overflow-x: auto;
	width: 100%;
}

@media (min-width:768px) {
	.series-list li{
		flex-direction: row;
		align-items: center;
		padding: 15px;
	}
}

.series-list li:last-child{
	margin-bottom: 0;
}


.series-list-box{
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 100%;
	padding: 0;
}

@media (min-width:768px) {
	.series-list-box{
		padding: 0 15px;
	}
}

.series-list-box:last-child{
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	align-items: flex-end;
	margin-top: 20px;
}

@media (min-width:992px) {
	.series-list-box:last-child{
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: space-between;
		margin-top: 0;
	}
}

.series-quantity{
	margin: 10px 0;
}

@media (min-width:768px) {
	.series-quantity{
		margin: 0;
	}
}

.series-quantity i{
	white-space: nowrap;
	font-size: 16px;
}

@media (min-width:992px) {
	.series-quantity i{
		font-size: 18px;
	}
}

.series-quantity .quantity-box{
	margin-right: 0;
}

.series-inner-img{
	overflow: hidden;
	width: 50%;
	max-width: 100px;
	height: auto;
	border-radius: 5px;
	padding: 2px;
	background-color: #fff;
	border: 1px solid #eee;
}

@media (min-width:992px) {
	.series-inner-img{
		width: 120px;
		padding: 10px;
	}
}

.series-inner-img img{
	transition: all ease 0.4s;
}

.series-list li :hover .series-inner-img img{
	transform: scale(1.1);
	transition: all ease 0.4s;
}

.series-inner-text{
	width: 60%;
	font-size: 16px;
	color: #222;
	margin-left: 10px;
}

@media (min-width:992px) {
	.series-inner-text{
		font-size: 18px;
		margin-left: 2vw;
	}
}

.series-inner-jg{
	white-space: nowrap;
	color: #018031;
	font-size: 16px;
}

@media (min-width:992px) {
	.series-inner-jg{
		font-size: 18px;
	}
}

.related-product{
	margin-top: 30px;
}

@media (min-width:992px) {
	.related-product{
		margin-top: 60px;
	}
}

.related-title-product{
	margin-left: 10px;
}

@media (min-width:992px) {
	.related-title-product{
		margin-left: 20px;
	}
}

.related-title-product h3{
	max-width: 150px;
	background-color: #fff5e3;
	font-size: 20px;
	font-family: 'YuPearl';
	color: #000;
	text-align: center;
	padding: 10px 0;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	border: 1px solid #ffcc74;
	position: relative;
	margin-bottom: 30px;
}

@media (min-width:992px) {
	.related-title-product h3{
		max-width: 200px;
		font-size: 24px;
		padding: 15px 0;
	}
}

.related-title-product h3:before{
	content: '';
	position: absolute;
	left: -5px;
	top: -20px;
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background-color: #ffcc74;
}

.related-title-product h3::after{
	content: '';
	position: absolute;
	top: -10px;
	left: -1px;
	width: 1px;
	height: 120px;
	background-color: #ffcc74;
	z-index: -1;
}

.related-inner-box{
	border: 1px solid #018031;
	background-color: #f6f9f7;
	padding: 10px;
	border-radius: 10px;
	z-index: 9;
}

.swiper-related{
	overflow: hidden;
	position: relative;
	padding-bottom: 20px;
}

@media (min-width:768px) {
	.swiper-related{
		padding-bottom: 30px;
	}
}

.swiper-related .swiper-slide{
	background: none;
}

.related-layout{
	padding: 0 !important;
}

.swiper-related .related-pagination{
	position: absolute;
	bottom: 10px;
}

.related-pagination .swiper-pagination-bullet{
	width: 12px;
	height: 12px;
	background-color: #cccccc;
}

.related-pagination .swiper-pagination-bullet-active{
	background-color: #018031;
}


/* product end */





/*** min cart start ****/
#box-min-cart {
    position: absolute;
    right:0;
    width: 250px;
    height: 100%;
    overflow-y: auto;
    background-color: #fff;
    z-index: 9999;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
@media(min-width:768px){
    #box-min-cart{position: fixed;top: 0;width: 350px;}
}
#box-min-cart ul li .table{padding: 0 10px !important;margin:10px 0;border-bottom:1px solid #ddd;}
#box-min-cart .table tr td a{color:#222;}
#box-min-cart .table tr td .model{margin: 5px auto;display: inline-block;}
#box-min-cart .table tr td .model span{color:#666;}
#box-min-cart .table tr td .price{color:#000;}
.min-cart-title {background-color: #018031;font-size: 18px;text-align: left;padding:10px;margin:0;color:#fff;position: relative;}
.min-cart-close {color:#fff!important;position: absolute;right:10px;top:2px;}
#cart.active #box-min-cart {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    color:#222;
}

.min-cart-totals{margin-left:0 !important;margin-right:0px !important;border-top:1px solid #ffb84c !important;}
.min-cart-backdrop {
    position: fixed;
    top:0;
    left:0;
    z-index: 9998;
    width: 100%;
    height: 100%;
    -webkit-transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
    transition: opacity 0.5s, width 0.1s 0.5s, height 0.1s 0.5s;
    background: rgba(0,0,0,0.2);
    opacity: 0;
    visibility: hidden;
}
@media(min-width: 320px) and (max-width: 767px){
    #box-min-cart{position: fixed;top:0;}
    .head-height{height:55px;}
    .foot-height{height:48px;}
}


#cart.active .min-cart-backdrop {
    visibility: visible;
    opacity: 1;
}


#box-min-cart .table>tbody>tr>td, #box-min-cart .table>tbody>tr>th, #box-min-cart .table>tfoot>tr>td, #box-min-cart .table>tfoot>tr>th, #box-min-cart .table>thead>tr>td, #box-min-cart .table>thead>tr>th {
    padding:2px 10px;
    border-top:0;
    background: transparent!important;
}
#box-min-cart .table-striped>tbody>tr {
    background: transparent!important;
}
#box-min-cart .img-thumbnail {padding:0 5px;border:none;border-radius: 0;}
#cart .min-cart-top-title a {color:#94c11f}
/**** min cart end ****/




/* account start  */
.btn-default:hover {
    opacity: 0.8;
    border: 0;
}


.form-group {
    margin-bottom: 1.375rem;
}
.popup-body .form-group {
    margin-bottom: 1rem;
}
.form-control {
    box-shadow: none !important;
    border-radius: 0!important;
    height: calc(1.5em + .75rem + 6px);
}

.form-control:focus{
    border-color:#089346;
}
.has-error .form-control, .has-error .input-ls {
    border-color: #a94442;
}

.common-pad-tb {
    padding-top:50px;
    padding-bottom: 50px;
}
#content {
    min-height: 250px;
    padding-bottom: 50px;
}

.full-content-center {
    width: 100%;
    max-width: 720px;
    margin-left:auto;
    margin-right:auto;
}

.nav-tabs-style {
    border:1px solid #efefef;
}
.nav-tabs-style .nav-tabs {
    border-bottom: none;
    /*margin-bottom: 20px;*/
}
.nav-tabs-style .nav-tabs a {
    text-decoration: none;
    display: block;
    height: 48px;
    line-height: 48px;
    background-color: #fbfbfb;
    border: 1px solid #efefef;
    border-color: transparent transparent #efefef transparent;
}

.nav-tabs-style .nav-tabs a.active {
    background-color: #FFFFFF;
    border-color: transparent #efefef transparent transparent;
}

.nav-tabs-style .nav-tabs-half li:last-child a.active {
    border-color: transparent transparent transparent #efefef;
}

.nav-tabs-style .tab-pane {
    padding: 20px 15px;
    /*margin-bottom: 30px;*/
    background-color: #FFFFFF;
}

@media(min-width: 768px) {
    .nav-tabs-style .tab-pane {
        padding: 30px 40px;
    }
}

.nav-tabs-half > li {
    width: 50%;
    text-align: center;
}

.tabset-title {
    text-align: center;
    margin-bottom: 20px;
}
/* account end */



/**** account start ****/

.account-info {
    padding-top:1rem;
    margin-bottom: 2rem;
}

.account-info .hello span {color:#23a1d1;font-weight: bold;}
.account-main-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    border: 1px solid #ededed;
    padding:10px;
    height: 100%;
}
.account-information-wrapper {
    padding-left:15px;
    padding-top: 15px;
}
.account-info .account-avatar {
    padding-top:6px;
    text-align: center;
    border-radius: 100%;
    width: 100px;
    height: 100px;
}
.account-info .account-avatar .fa {
    font-size: 5rem;
}
.account-base-info-wrapper {
    border: 1px solid #ededed;
    padding:10px;
}
.account-base-info-wrapper .item {
    border-bottom: 1px dashed #ededed;
    padding:0.5rem 0.725rem;
}
.account-base-info-wrapper .item i {
    width: 18px;
    text-align: center;
    color:#aeb1bb;
}

.account-inner-buttons > .row{
    justify-content: flex-start;
}
.account-inner-buttons .item {margin-top:2rem;}
.account-inner-buttons .item > 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: 50px;
    display: block;
    margin-bottom: 0;
    overflow: hidden;
    color:#fff!important;
}
.account-inner-buttons .item a .fa {
    font-size: 36px;
    margin-top: 8px;
    -moz-transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -webkit-transition: all 300ms linear;
    transition: all 300ms linear;
}

.account-inner-buttons .item h3 {
    text-align: center;
    font-size: 18px;
    margin-top: 5px;
}
.account-inner-buttons .item:hover a .fa {
    font-size: 44px;
    opacity: 1;
    margin-top: 2px;
    -webkit-transform: rotate(-16deg);
    -o-transform: rotate(-16deg);
    -ms-transform: rotate(-16deg);
    transform: rotate(-16deg);
}
.account-inner-buttons .item:hover a {
    text-decoration: none!important;
}

.account-wrapper {
    border: 2px solid #ededed;
    padding:1rem;
    background-color: #fff;
}
.table-middle td, .table-middle th {
    vertical-align: middle;
}


.mobile-order-list .item {
    margin-bottom: 15px;
}
.mobile-order-list .head {
    background-color: #efefef;
    padding: 5px;
    border-radius: 10px 10px 0 0;
    margin-bottom: 10px;
}
.mobile-order-list .head div {
    margin: 8px 0;
}
.mobile-order-list .body .info-item {
    margin: 5px 0;
    padding-right:10px;
}

.mobile-order-list .body .inner {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-bottom: 10px;
}

.mobile-order-list .inner .image {
    width: 18%;
    padding-right:2%;
}
.mobile-order-list .inner .info {
    width: 80%;
}

.mobile-order-list .btn {
    padding: 4px 10px;
}

.wishlist-wrapper .delete{
    position: absolute;
    top:5px;
    right: 5px;
}


.no-items, .box-empty {
    text-align: center;
    padding:2rem 0;
}

.social-media-wrapper .item {
    margin-left: 2px;
    margin-right: 2px;
}


.fixed-contact-icon-wrapper {
    position: fixed;
    z-index: 9999;
    right:0;
    bottom:15%
}
.fixed-contact-icon-wrapper .item {
    margin:4px 0;
    position: relative;
}
.fixed-contact-icon-wrapper .item > a{
    display: block;
    width: 45px;
    height: 45px;
    background-color: #2a3a91;
    border-radius: 100%;
    text-align: center;
    color:#fff;
    padding-top:8px;
}
.fixed-contact-icon-wrapper .item.item-messenger > a{
    padding-top:6px;
}
.fixed-contact-icon-wrapper .item.item-whatsapp > a{
    background-color: #47b449;
}
.fixed-contact-icon-wrapper .item.item-messenger > a{
    background-color: #0064ff;
}
.fixed-contact-icon-wrapper .item.item-wechat > a{
    background-color: #2dc100;
}
.fixed-contact-icon-wrapper .item > a i {
    font-size:1.8rem;
}
.fixed-contact-icon-wrapper .item.item-wechat > a i {
}
.fixed-contact-icon-wrapper .item > a img {
    width: 75%;
}
.fixed-contact-icon-wrapper .children-wrapper {
    position: absolute;
    right:115%;
    top:0;
    display: none;
}
.fixed-contact-icon-wrapper .item.active .children-wrapper {
    display: block;
}
.fixed-contact-icon-wrapper .children-inner {
    background-color: #fff;
    min-width: 180px;
    border: 1px solid #E0E1E5;
    border-radius: 3px;
    box-shadow: 0 2px 5px 0 rgb(161 163 175 / 11%);
    padding:0.725rem;
    position: relative;
    font-size:14px;
}

.fixed-contact-icon-wrapper .children-inner:after, .fixed-contact-icon-wrapper .children-inner:before {
    border: solid transparent;
    content: '';
    height: 0;
    left: 100%;
    position: absolute;
    width: 0;
}

.fixed-contact-icon-wrapper .children-inner:after {
    border-width: 7px;
    border-left-color: #fff;
    top: 24px;
}

.fixed-contact-icon-wrapper .children-inner:before {
    border-width: 9px;
    border-left-color: #E0E1E5;
    top: 22px;
}

.fixed-contact-icon-wrapper .w-btn {
    font-size: 14px;
    background: #2dc100;
    color: #fff;
    width: 100%;
    padding: 6px 15px;
    display: inline-block;
    text-decoration: none;
    text-align: center;
    border-radius: 10px;
}

.fixed-contact-icon-wrapper .info-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}
.fixed-contact-icon-wrapper .whatsapp-inner .photo {
    width: 28%;
    margin-right:5px;
}
.fixed-contact-icon-wrapper .whatsapp-inner .photo img {
    border-radius: 100%;
}
.fixed-contact-icon-wrapper .whatsapp-inner p {
    line-height: 1.375rem;
}
.fixed-contact-icon-wrapper .whatsapp-inner .info {
    font-size:1rem;
}
.fixed-contact-icon-wrapper .qrcode-inner img {
    max-width: 180px;
}

@media(min-width: 768px) {
    .fixed-contact-icon-wrapper .item > a {
        width: 60px;
        height: 60px;
        padding-top: 12px;
    }
    .fixed-contact-icon-wrapper .item > a i {
        font-size:2.2rem;
    }
    .fixed-contact-icon-wrapper .children-inner {
        min-width: 210px;
    }
}


.loading-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    background: url("../images/loading.gif") no-repeat center center;
    background-size: 30px;
    display: none;
}

/**** account end ****/


.main-bg-color {
    background-color: #018031;
    color:#fff;
}
.main-border-color{
    border-color: #018031!important;
}



/* btn start */
.btn-primary {
    color: #fff;
    background-color: #018031;
    border-color: #018031;
    outline:0;
}
.btn-primary:hover {
    color: #fff;
    background-color: #018031;
    border-color: #018031;
}
.btn-primary.focus, .btn-primary:focus {
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%);
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
    color: #fff;
    background-color: #018031;
    border-color: #018031;
}
.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show>.btn-primary.dropdown-toggle:focus {
    box-shadow: 0 0 0 0.2rem #018031;
}
/* btn end */


/***** Success start *****/
.success-message {
    text-align: center;
}
.success-message .icon-wrapper {
    color:#00d025;
}
.success-message .icon-wrapper i{
    font-size:4.725rem;
}
.success-message .title {
    margin-top: 0.725rem;
}
.success-message .inner {
    margin: 1rem 0;
}
/*** Success end ***/






/**** checkout & cart start ****/

.checkout-checkout {
    background-color: #fff;
}
.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: black;
}
.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: 3px;
    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: #018031;
}
.checkout-step .step.active {
    color:#fff;
}
.checkout-step .step.active .badge-title {
    color:#000;
}
.checkout-step .step.active .badge::before{
    background: #018031;
}



.quantity-wrapper .btn {
    padding:0;
    width: 30px;
    height: 36px;
    border: 1px solid #ced4da!important;
    border-radius: 0;
    background-color: #f8f8fa;
}
.quantity-wrapper .input-group-prepend:last-child .btn {
    border-left: none!important;
}

.quantity-wrapper .form-control {
    min-width: 30px;
    max-width: 100px;
    height: 36px;
    text-align: center;
}

.checkout-section {
    border-radius: 0;
    border: 1px solid #ededed;
    margin-bottom: 20px;
    background-color: white;
}

.shopping-cart .section-header {
    padding: .65rem 1rem;
    border-bottom: 1px solid #ededed;
    background-color: #f8f8fa;
    line-height: 26px;
}
.section-title {
    font-size: 1.175rem;
    font-weight: bold;
    margin: 0;
}

.shopping-cart .table-header, .shopping-cart .table-row {
    padding: 1rem;
}
.shopping-cart .table-row{
    border-top: 1px solid #EDEDED;
}

.shopping-cart .table-header, .shopping-cart .table-row{
    display: flex;
    justify-content: space-between;
}

.shopping-cart .table-footer {
    border-top: 1px solid #EDEDED;
}

.card {
    border-radius: 0!important;
    border: 1px solid #ededed;
}
.card .card-header {
    border-radius: 0!important;
    font-size: 1.175rem;
    font-weight: bold;
    padding: .65rem 1rem;
    background-color: #f8f8fa;
    border-bottom: 1px solid #ededed;
}



@media(min-width: 768px) {
    .shopping-cart .table-header-title, .shopping-cart .item {
        width: 18%;
    }

    .shopping-cart .item-img {
        width: 90px;
    }
    .shopping-cart .item-name {
        width: 24%;
    }
    .shopping-cart .item-price {
        text-align: center;
    }
    .shopping-cart .item-quantity {
        text-align: center;
    }
    .shopping-cart .item-total {
        text-align: center;
    }
    .shopping-cart .item-action {
        width: 40px;
    }

    .shopping-cart .quantity-wrapper {
        align-items: center;
        justify-content: center;
    }
}



@media (max-width: 767px) {
    .shopping-cart .table-header {
        display: none;
    }
    .shopping-cart .section-header {
        border-bottom: none;
    }
    .table-row {
        flex-direction: row;
        flex-wrap: wrap;
    }
    .cart-item .item-name > a{
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        word-wrap: break-word;
    }
    .shopping-cart .table-body .item-img {
        width: 24%;
    }
    .shopping-cart .table-body .item-name {
        width: 72%;
    }
    .shopping-cart .table-body .item-price {
        width: 100%;
        text-align: right;
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .shopping-cart .table-body .item-action {
        position: absolute;
        right:0;
        top:10px;
    }

    .shopping-cart .table-row {
        position: relative;
    }

}

.checkout-product-wrapper {
    padding-left:0.75rem;
    padding-right:0.75rem;
}
.checkout-product-wrapper .item{
    display: flex;
    flex-direction: row;
    width:100%;
    padding:0.75rem 0;
    flex-wrap: nowrap;
    border-bottom: 1px solid #ededed;
}
.checkout-product-wrapper .item .image {
    width: 80px;
    margin-right:5px;
}
.checkout-product-wrapper .item .info {
    padding-top:3px;
    width: 80%;
}

.checkout-product-wrapper .item .name {
    font-size:16px;
}

.checkout-product-wrapper .item .price-qty {
    font-size:14px;
    text-align: right;
    color:#e85667;
}

.checkout-total-wrapper {
    padding:0 0.75rem;
}
.checkout-total-wrapper .item {
    width: 100%;
    margin:5px 0;
}
.checkout-total-wrapper .item:last-child {
    margin-top: 10px;
    color:#e85667;
    font-size:20px;
}

.quick-checkout-wrapper .checkout-section, .common-pad-1{
    padding:0.75rem;
}
.quick-checkout-wrapper .checkout-section.checkout-cart-section{
    padding:0;
}

.quick-checkout-wrapper .title-wrapper {
    color:#008A3E;

    border-bottom: 1px solid #ededed;
    margin-bottom: 1rem;
}
.quick-checkout-wrapper h2 {
    font-size: 1.175rem;
}
.quick-checkout-wrapper .title-wrapper h2 {
    position: relative;
    padding-left: 1rem;
    font-weight: bold;
}
.quick-checkout-wrapper .title-wrapper h2:before {
    content: '';
    position: absolute;
    left:0;
    top:1px;
    width: 4px;
    height: 80%;
    background-color:#008A3E;
}

.checkout-cart-section .section-header {
    padding: 1rem;
    text-align: center;
    background-color: #018031;
    color:#fff;
}

.button-submit-wrapper {
    padding-left:0.75rem;
    padding-right:0.75rem;
    padding-bottom: 1.5rem;
}

.checkout-border-line {
    border-top: 1px solid #ededed;
    padding-top: 1rem;
}

.quick-checkout-wrapper .checkout-section .radio {
    position: relative;
    display: inline-block;
    border: 1px solid #d2d2d2;
    margin-bottom: 10px;
}
.quick-checkout-wrapper .checkout-section .radio.active {
    border: 2px solid #018031;
}

.quick-checkout-wrapper .checkout-section .radio label {
    padding: 8px 11px;
    margin:0;
    cursor: pointer;
}
.quick-checkout-wrapper .checkout-section .radio.active label {
    padding: 7px 10px;
}
.quick-checkout-wrapper .checkout-section .radio input {
    display: none;
}

.quick-checkout-wrapper .checkout-login {
    margin-bottom: 0;
}

.checkout-address-list li {
    border-bottom: 1px solid #ededed;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    padding:8px 5px;
    cursor: pointer;
}
.checkout-address-list li .item {
    width: 93%;
    position: relative;
    padding-left:30px;
}
.checkout-address-list li .item:before {
    content: '';
    width: 20px;
    height: 20px;
    /*background-color: #ddd;*/
    background-color: #fff;
    border: 1px solid #999;
    border-radius: 100%;
    position: absolute;
    left:0;
    top:1px;
}
.checkout-address-list li.active .item:before {
    background-color: #fff;
    border: 1px solid #018031;
}
.checkout-address-list li.active .item:after {
    content: '';
    width: 12px;
    height: 12px;
    background-color: #018031;
    border-radius: 100%;
    position: absolute;
    left:4px;
    top:5px;
}

.checkout-address-list li .address-action {
    width: 5%;
    text-align: right;
    cursor: pointer;
}

.checkout-address-list i {
    color:#018031;
}

.btn-new-address {
    cursor: pointer;
}

@media (min-width: 992px) {
    #quick-checkout-connect .quick-checkout-connect-wrapper .order-info {
        max-width: 800px;
    }

    #quick-checkout-connect .quick-checkout-connect-wrapper .order-info {
        overflow: hidden;
        margin: 0 auto;
    }
}

.success-items {
    max-width: 800px;
    margin-left:auto;
    margin-right:auto;
    text-align: center;
}
.success-items h1{
    font-size:1.725rem;
}
.success-items .icon-wrapper {
    font-size: 4rem;
    text-align: center;
    color:#4cb64c;
}
.success-items a {
    color: #192c56;
}


.form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline {
    padding-top: 9px;
    margin-top: 0;
    margin-bottom: 0;
}

@media(min-width: 768px) {
    .form-horizontal .control-label {
        padding-top: 9px;
        margin-bottom: 0;
        text-align: right;
    }
}


.card.card-style {
    margin-bottom: 1rem;
}

.card.card-style .card-header {
    padding:0;
    border-bottom: none;

}
.card.card-style .card-header .card-link {
    display:block;
    padding: .65rem 1rem;
    border-bottom: 1px solid #ededed;
    position: relative;
}
.card.card-style .card-header .card-link:after {
    content: '';
    width: 28px;
    height: 28px;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../images/arrow-down.png);
    background-size: 100%;
    position: absolute;
    right:1rem;
    top:.55rem;
    -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;
}
.card.card-style .card-header .card-link.collapsed:after {
    transform:rotate(180deg);
    -ms-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -o-transform:rotate(180deg);
}
.card.card-style .card-header .card-link.collapsed {
    border-bottom: none;
}

.button-back-to-shopping-cart {
    display: inline-block;
    margin-top: 15px;
    font-size:16px;
    color:#089346;
}
.button-back-to-shopping-cart:hover {
    text-decoration: underline!important;
}

/**** checkout & cart end ****/





/* about start */

.about-inner-box{
    margin-bottom: 50px;
    position: relative;
}

.about-inner-con{
    background-color: #fffbe1;
    border-radius: 50px;
    border-top-right-radius: 0 !important;
    border: 2px solid #ffcc00;
    box-shadow: inset 1px 0 5px rgba(0, 0, 0, .2);
    position: relative;
}

@media (max-width:991px) {
    .about-inner-con{
        border-top-left-radius: 0 !important;
    }
}

.about-hf{
    width: 95%;
    position: absolute;
    top: -2px;
    right: 0;
    overflow: hidden;
}

.about-info{
    padding: 70px 15px 50px 15px;
    position: relative;
}

@media (min-width:425px) {
    .about-info{
        margin-top: 0;
        padding: 50px 100px 50px 50px;
    }
}

@media (min-width:992px) {
    .about-info{
        padding: 100px 250px 100px 100px;
    }
}

.about-info:before{
    content: '';
    position: absolute;
    right: 0;
    top: 1%;
    background: url(../images/about_1.png) no-repeat center;
    background-size: contain;
    width: 120px;
    height: 67px;
    object-fit: cover;
}

.about-info::after{
    content: '';
    position: absolute;
    left: -20px;
    bottom: -10px;
    background: url(../images/about_2.png) no-repeat center;
    background-size: contain;
    width: 102px;
    height: 85px;
    object-fit: cover;
}

@media (min-width:992px) {
    .about-info:before{
        width: 250px;
        height: 187px;
        top: 10%;
    }
    .about-info::after{
        width: 182px;
        height: 165px;
        bottom: -50px;
    }
}

.about-info p, .about-info li{
    font-size: 14px;
    color: #000;
}

@media (min-width:992px) {
    .about-info p, .about-info li{
        font-size: 18px;
    }
}

.about-info li{
    margin-bottom: 20px;
}

.about-box-1{
    border: 1px dashed #018031;
    padding: 20px 15px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    position: relative;
}

@media (min-width:992px) {
    .about-box-1{
        padding: 35px 25px;
        flex-direction: row;
    }
}

.about-box-1::after{
    content: '';
    position: absolute;
    bottom: -20px;
    right: -20px;
    background: url(../images/contact_1.png) no-repeat center;
    background-size: contain;
    width: 86px;
    height: 89px;
}

@media (min-width:768px) {
    .about-box-1::after{
        bottom: -20px;
        right: -30px;
        width: 156px;
        height: 159px;
    }
}

.about-img{
    position: relative;
    overflow: hidden;
    /*height: 100%;*/
    height: 89%;
    border-radius: 20px;
}

.about-img img{
    object-fit: cover;
    height: 100%;
}

.about-t-left{
    padding: 10px;
}

@media (min-width:992px) {
    .about-t-left{
        padding: 10px 30px;
    }
}

.about-t-left p{
    font-size: 14px;
    color: #333;
    line-height: 24px;
}

@media (min-width:992px) {
    .about-t-left p{
        font-size: 17px;
        line-height: 30px;
    }
}

.about-t-left h5{
    font-size: 21px;
    color: #018031;
}

@media (min-width:768px) {
    .about-t-left h5{
        font-size: 24px;
    }
}

.abput-time li{
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}

@media (min-width:425px) {
    .abput-time li{
        flex-direction: row;
        margin-bottom: 5px;
    }
}

.abput-time span{
    display: block;
    font-size: 14px;
}

.about-t-time{
    width: 150px;
}

.about-t-info{
    font-weight: bold;
    color: #164ede;
}

.abput-time li:nth-child(3) .about-t-info{
    color: #ee0e0e !important;
}

.abput-time li:nth-child(4) .about-t-info{
    color: #de1687 !important;
}

.about-conta{
    margin-top: 30px;
}

@media (min-width:992px) {
    .about-conta{
        margin-top: 60px;
    }
}

.about-add{
    margin-top: 20px;
}

.about-add li{
    display: flex;
    align-items: center;
}

.about-add li:first-child{
    align-items: flex-start;
}

.about-add li span{
    font-size: 17px;
}

@media (min-width:768px) {
    .about-add li span{
        font-size: 20px;
    }
}

.map-box{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
    border-radius: 20px;
    overflow: hidden;
}

@media (max-width:768px) {
    .about-conta-img{
        width: auto;
        height: 80px;
    }
}

.about-message{
    margin: 60px 0;
    background-color: #cef4ef;
    padding: 15px;
    border-radius: 20px;
    position: relative;
}

@media (min-width:768px) {
    .about-message{
        padding: 25px;
    }
}

.about-message::after{
    content: '';
    position: absolute;
    bottom: -20px;
    right: 0;
    background: url(../images/contact_3.png) no-repeat center;
    background-size: contain;
    width: 153px;
    height: 131px;
}

@media (min-width:768px) {
    .about-message::after{
        width: 203px;
        height: 181px;
        bottom: -30px;
    }
}

@media (min-width:992px) {
    .about-message::after{
        width: 253px;
        height: 231px;
        bottom: -40px;
    }
}

.about-message-info{
    background-color: #fff;
    box-shadow: 0 0 10px rgba(82, 169, 157, .5);
    padding: 20px 15px;
    border-radius: 20px;
    position: relative;
}

@media (min-width:768px) {
    .about-message-info{
        padding: 30px 50px;
    }
}

@media (min-width:992px) {
    .about-message-info{
        padding: 40px 100px;
    }
}

.about-message-info::after{
    content: '';
    position: absolute;
    top: -50px;
    left: -60px;
    background: url(../images/contact-lyb.png) no-repeat center;
    background-size: contain;
    width: 207px;
    height: 74px;
}

@media (min-width:768px) {
    .about-message-info::after{
        top: -70px;
        width: 247px;
        height: 114px;
    }
}

.message-notes{
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 20px;
    display: block;
}

.form-li{
    margin-bottom: 15px;
}

.input-ls{
    border: none;
    border-bottom: 1px dashed #999;
    width: 100%;
    padding-bottom: 10px;
}

textarea.input-ls{
    padding-left: 0;
}

.form-check-box{
    max-width: 100%;
}

.form-check-info{
    max-width: 260px;
    padding: 4px 10px;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #fafafa;
    border: 1px solid #ccc;
}

.send-btn{
    width: auto;
    background-color: #018031;
    border-radius: 10px;
    padding: 8px 30px;
    font-size: 18px;
    color: #fff !important;
    margin-top: 25px;
    border: none;
    position: relative;
    z-index: 1;
}

@media (min-width:768px) {
    .send-btn{
        padding: 8px 50px;
        font-size: 22px;
    }
}

.send-btn:before{
    content: '';
    width: 100%;
    height: 0;
    background-color: rgba(255, 255, 255, .2);
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
    transition: all ease .5s;
}

.send-btn::after{
    content: '';
    width: 100%;
    height: 0;
    background-color: rgba(255, 255, 255, .2);
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    transition: all ease .5s;
}

.send-btn:hover:before{
    height: 50%;
    transition: all ease .5s;
}

.send-btn:hover::after{
    height: 50%;
    transition: all ease .5s;
}


/* about end */






.btn-default, .btn-default:hover, .btn-default:link, .btn-default:focus, .btn-default:active {
    overflow: hidden;
    position:relative;
    border-radius: 0;
    background-color: #DDDDDD;
    -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;
    white-space:nowrap;
    z-index: 0;
    border:none!important;
    box-shadow:none!important;
    /*padding: .6rem 2rem;*/
    color:#000;
}

.btn-default:hover {
    opacity: 0.8;
    border: 0;
}

.product-quantity a { cursor:pointer; }




.lazyload,
.lazyloading {
    opacity: 0;
}
.lazyloaded {
    opacity: 1;
    -webkit-transition: opacity 300ms;
    transition: opacity 300ms;
}


.tab-list-box.active{
    border-color: #018031;
    color: #018031;
}


.pc-is-logeed a::after {
    content: '';
    width: 0!important;
    height: 10px;
    background: #999;
    margin-left: 5px!important;
    margin-right: 5px!important;
}




.layui-layer-title { background-color:#018031!important; color:#fff!important; }


@media(max-width:768px){
    .page-box .page-link {
        padding:2px;
    }
}


.cart-checkout {
    padding:.6rem 2rem;
}



.account-wrapper .btn-primary {
    /*padding:.6rem 2rem;*/
}
#account-order .btn-primary { padding:.6rem 0.2rem; }

.success-items .btn { color:#fff; }
.success-items .btn-default { color:#000; }


/*.product-inner a { display:block; }*/
.product-img { display:block; }
.product-img img { height:100%; }










/* idea start */

.idea-inner{
    margin-bottom: 50px;
}

.idea-over{
    padding: 30px 0 0 0;
    overflow-x: auto;
}

.idea-nav{
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    white-space: nowrap;
    padding: 0 5px;
}

@media (min-width:992px) {
    .idea-nav{
        flex-direction: column;
    }
}

.idea-nav .idea-item{
    margin-bottom: 15px;
    margin-left: 15px;
    margin-right: 15px;
}

.idea-nav .idea-item:first-child{
    margin-left: 0;
}

@media (min-width:992px) {
    .idea-nav .idea-item{
        margin-bottom: 30px;
        margin-left: 0;
        margin-right: 0;
    }
}

.idea-nav .nav-link{
    width: 100%;
    max-width: 100%;
    border-radius: 100px;
    border: 1px dashed #ccc;
    font-family: 'YuPearl';
    padding: 12px 10px;
    font-size: 20px;
    display: flex;
    align-items: center;
    transition: all ease 0.4s;
}

@media (min-width:376px) {
    .idea-nav .nav-link{
        max-width: 300px;
    }
}

@media (min-width:992px) {
    .idea-nav .nav-link{
        max-width: 100%;
    }
}

@media (min-width:1200px) {
    .idea-nav .nav-link{
        font-size: 26px;
        padding: 12px 20px;
    }
}

.idea-nav .idea-item:nth-child(1) .nav-link{
    background-color: #e2f4ce;
    border-color: #6dac24;
    color: #018031;
}

.idea-nav .idea-item:nth-child(2) .nav-link{
    background-color: #c8deff;
    border-color: #0158db;
    color: #0158db;
}

.idea-nav .idea-item:nth-child(3) .nav-link{
    background-color: #ffecc8;
    border-color: #d68c00;
    color: #d68c00;
}

.idea-nav .idea-item:nth-child(4) .nav-link{
    background-color: #ffd1c8;
    border-color: #ff2a00;
    color: #ff2a00;
}

.idea-nav .idea-item:nth-child(5) .nav-link{
    background-color: #cafffe;
    border-color: #00b6b3;
    color: #00b6b3;
}

.idea-nav .nav-link.active{
    box-shadow: 0 5px 5px rgba(0, 0, 0, .2);
    transition: all ease 0.4s;
}

.idea-nav .nav-link span{
    width: 100px;
    position: relative;
    display: block;
}

.idea-nav .nav-link span img{
    position: absolute;
    bottom: -30px;
}

.idea-li{
    padding: 20px;
    border-radius: 20px;
    margin-bottom: 30px;
}

.idea-li:last-child{
    margin-bottom: 0;
}

@media (min-width:992px) {
    .idea-li{
        padding: 30px;
    }
}

.idea-li:nth-child(1){
    background-color: #ffecc8;
}

.idea-li:nth-child(2){
    background-color: #c5f2d9;
}

.idea-li:nth-child(3){
    background-color: #bfe3ed;
}

.idea-li:nth-child(4){
    background-color: #fbbfbf;
}

.idea-li:nth-child(5){
    background-color: #c8deff;
}

.idea-con{
    border-radius: 20px;
    padding: 20px;
    border: 1px dashed #ccc;
    background-color: #fff;
}

.idea-li:nth-child(1) .idea-con{
    box-shadow: 0 0 10px rgba(240, 162, 14, .3);
}

.idea-li:nth-child(2) .idea-con{
    box-shadow: 0 0 10px rgba(72, 168, 115, .3);
}

.idea-li:nth-child(3) .idea-con{
    box-shadow: 0 0 10px rgba(104, 184, 206, .3);
}

.idea-li:nth-child(4) .idea-con{
    box-shadow: 0 0 10px rgba(221, 111, 111, .3);
}

.idea-li:nth-child(5) .idea-con{
    box-shadow: 0 0 10px rgba(110, 155, 224, .3);
}

.idea-box{
    display: flex;
    flex-direction: column;
}

@media (min-width:426px) {
    .idea-box{
        flex-direction: row;
        justify-content: space-between;
    }
}

.idea-img{
    display: block;
    width: 100%;
    position: relative;
    overflow: hidden;
}

@media (min-width:426px) {
    .idea-img{
        width: 35%;
    }
}

.idea-img img{
    width: 100%;
    background-size: cover;
    transition: all ease 0.4s;
}

.idea-info{
    width: 100%;
    padding: 20px 0;
}

@media (min-width:426px) {
    .idea-info{
        width: 60%;
    }
}

.idea-info h3{
    font-family: 'YuPearl';
    color: #000;
    font-size: 20px;
}

@media (min-width:768px) {
    .idea-info h3{
        font-size: 25px;
    }
}

@media (min-width:1200px) {
    .idea-info h3{
        font-size: 30px;
    }
}

.idea-info p{
    font-size: 14px;
    color: #666;
    line-height: 24px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
}

@media (min-width:768px) {
    .idea-info p{
        font-size: 16px;
        line-height: 30px;
    }
}

.idea-btn{
    padding: 0;
}

.idea-btn span{
    display: block;
    padding: 8px 16px;
    background-color: #f4f4f4;
    border-radius: 10px;
    color: #333;
    font-size: 14px;
    transition: all ease 0.4s;
}

@media (min-width:992px) {
    .idea-btn span{
        font-size: 16px;
    }
}

.idea-btn span:hover{
    background-color: #018031;
    color: #fff;
    transition: all ease 0.4s;
}

.idea-box:hover .idea-img img{
    transform: scale(1.1);
    transition: all ease 0.4s;
}

/* idea end */










/* news start */

.news-info-box{
    background-color: #fff4b4;
    padding: 20px 15px;
    border-radius: 20px;
    margin-top: 50px;
    margin-bottom: 50px;
    position: relative;
}

.news-info-box:before{
    content: '';
    object-fit: cover;
    position: absolute;
    top: -40px;
    left: 0;
    background: url(../images/newsletter-listing_2.png) no-repeat center;
    background-size: cover;
    width: 120px;
    height: 120px;
}

.news-info-box::after{
    content: '';
    object-fit: cover;
    position: absolute;
    bottom: -20px;
    left: 0;
    background: url(../images/newsletter-listing_1.png) no-repeat center;
    background-size: cover;
    width: 100px;
    height: 100px;
}

@media (min-width:992px) {
    .news-info-box:before{
        height: 200px;
        width: 200px;
    }
    .news-info-box::after{
        bottom: -60px;
        height: 200px;
        width: 200px;
    }
}

.news-info-con{
    background-color: #fff;
    border: 1px dashed #aaa;
    border-radius: 20px;
    padding: 30px 15px;
}

@media (min-width:992px) {
    .news-info-con{
        padding: 30px;
    }
}

.news-row{
    display: flex;
    justify-content: flex-end;
}

.news-top{
    padding: 0;
}

@media (min-width:768px) {
    .news-top{
        display: flex;
    }
}

.input-box{
    width: 100%;
    display: flex;
    flex-direction: column;
}

.news-in-box{
    padding: 0 10px;
    margin-bottom: 10px;
}

@media (min-width:768px) {
    .news-in-box{
        margin-bottom: 0;
    }
}

.news-in-box-1{
    padding: 0 10px;
}

@media (min-width:992px) {
    .news-in-box-1{
        padding-left: 30px;
    }
}

.input-box h3{
    font-size: 14px;
    color: #333;
}

.dropdown-news .btn{
    width: 100%;
}

.inpot-text{
    padding: 5px 12px;
    border: 1px solid #cccccc;
    border-radius: 0.25em;
}

.news-in-box-1{
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.filter-bbtn{
    background-color: #018031;
}

.filter-bbtn .fa{
    color: #fff;
    font-size: 14px;
}

.filter-bbtn b{
    font-weight: normal;
    font-size: 14px;
    color: #fff;
}

.news-dropdown-info{
    min-width: 122px;
    width:auto;
}

@media (max-width:767px) {
    .news-dropdown-info{
        width: 100%;
    }
}

.news-inner-box{
    margin-top: 30px;
    margin-bottom: 30px;
}

@media (min-width:992px) {
    .news-inner-box{
        margin-top: 60px;
    }
}

.tab-bot-box{
    overflow-x: auto;
    width: 100%;
}

.table-box{
    
}

.table-box > table > thead > tr{
    border-bottom: 2px solid #aaa;
}

.table-box > table > thead > tr > th{
    padding: 8px 10px;
    font-weight: normal;
    font-size: 16px;
    white-space: nowrap;
}

@media (min-width:992px) {
    .table-box > table > thead > tr > th{
        font-size: 18px;
    }
}

.table-box > table > thead > tr > th:first-child,
.table-box > table > tbody > tr > td:first-child{
    padding-left: 30px;
}

.table-box > table > thead > tr > th:last-child,
.table-box > table > tbody > tr > td:last-child{
    padding-right: 20px;
}

.table-box > table > tbody > tr > td{
    padding: 14px 10px;
    border-bottom: 1px solid #eee;
    color: #555;
    font-size: 14px;
    white-space: nowrap;
    transition: all ease 0.4s;
}

@media (min-width:992px) {
    .table-box > table > tbody > tr > td{
        font-size: 16px;
    }
}

.table-box > table > tbody > tr > td > a{
    color: #555;
}

.table-box > table > tbody > tr:hover{
    background-color: #018031;
    transition: all ease 0.4s;
}

.table-box > table > tbody > tr:hover td,
.table-box > table > tbody > tr:hover td a{
    color: #fff;
    transition: all ease 0.4s;
}

.lecture-nav{
    display: flex;
    justify-content: center;
}

.lecture-nav .lecture-item{
    margin: 0 5px;
}

@media (min-width:768px) {
    .lecture-nav .lecture-item{
        margin: 0 10px;
    }
}

.lecture-nav .nav-link{
    border-radius: 100px;
    border: 1px dashed #000;
    padding: 6px 20px;
    font-size: 19px;
    color: #000;
    font-family: 'YuPearl', Arial, Helvetica, sans-serif;
    transition: all ease .4s;
}

@media (min-width:768px) {
    .lecture-nav .nav-link{
        padding: 8px 20px;
        font-size: 20px;
    }
}

@media (min-width:1024px) {
    .lecture-nav .nav-link{
        padding: 10px 30px;
        font-size: 24px;
    }
}

.lecture-nav .nav-link.active, .lecture-nav .nav-link:hover{
    border-color: #e66d00;
    background-color: #fdf0d8;
    color: #e86200;
    box-shadow: 0 4px 5px rgba(212, 126, 25, 0.7);
    transition: all ease .4s;
}

.lecture-box{
    margin-top: 30px;
}

@media (min-width:992px) {
    .lecture-box{
        margin-top: 50px;
    }
}

.lecture-li{
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
    padding: 15px;
    margin-bottom: 30px;
    transition: all ease .4s;
}

@media (min-width:768px) {
    .lecture-li{
        padding: 20px;
    }
}

.lecture-img{
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

.lecture-img img{
    width: 100%;
    transition: all ease .4s;
}

.lecture-text{
    height: 54px;
    padding: 10px 0;
    font-size: 14px;
    color: #000;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    transition: all ease .4s;
}

@media (min-width:768px) {
    .lecture-text{
        height: 88px;
        font-size: 16px;
        padding: 20px 0;
    }
}

.lecture-time{
    display: flex;
    flex-direction: row;
    align-items: center;
}

.lecture-time span{
    margin-right: 20px;
}

.lecture-time span:last-child{
    margin-right: 0;
}

.lecture-time .fa{
    font-size: 14px;
    color: #999;
    transition: all ease .4s;
}

.lecture-time b{
    font-weight: normal;
    font-size: 14px;
    color: #999;
    transition: all ease .4s;
}

.lecture-li:hover{
    background-color: #018031;
    transition: all ease .4s;
}

.lecture-li:hover .lecture-img img{
    transform: scale(1.1);
    transition: all ease .4s;
}

.lecture-li:hover .lecture-text,
.lecture-li:hover .lecture-time .fa,
.lecture-li:hover .lecture-time b{
    color: #fff;
    transition: all ease .4s;
}

.part-inner{
    margin-bottom: 50px;
}

.part-text-top{
    font-size: 14px;
    color: #000;
    line-height: 24px;
}

@media (min-width:992px) {
    .part-text-top{
        font-size: 16px;
        line-height: 30px;
    }
}

.part-box{
    margin-top: 30px;
}

@media (min-width:768px) {
    .part-box{
        margin-top: 50px;
    }
}

.part-title{
    margin-bottom: 20px;
}

.part-title img{
    width: auto;
    height: 59px;
}

@media (min-width:768px) {
    .part-title img{
        height: 79px;
    }
}

.part-list{
    margin-bottom: 40px;
}

@media (max-width:767px) {
    .part-li:last-child .part-list{
        margin-bottom: 20px;
    }
}


.part-img{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 120px;
}

@media (min-width:768px) {
    .part-img {
        height: 140px;
    }
}

.part-img img{
    width: auto;
    height: 80px;
    object-fit: cover;
    transition: all ease 0.4s;
}

@media (min-width:768px) {
    .part-img img{
        height: auto;
    }
}

.part-con{
    text-align: center;
    margin-top: 30px;
}

.part-con i{
    font-style: normal;
    font-size: 16px;
    color: #000;
    transition: all ease 0.4s;
}

@media (min-width:992px) {
    .part-con i{
        font-size: 18px;
    }
}

.part-con p{
    margin-bottom: 0;
    padding: 0 15px;
    font-size: 14px;
    color: #555;
    margin-top: 15px;
}

.part-list:hover .part-img img{
    transform: scale(1.1);
    transition: all ease 0.4s;
}

/* .part-list:hover .part-con i{
    text-decoration: underline;
    transition: all ease 0.4s;
} */

/* news end */



.idea-tr { cursor:pointer; }

.sub-title { font-size:30px; color:#018031; }
.download-file { margin-left:15px; margin-top:30px; padding-left:50px; background: url(../images/download-icon.png) left no-repeat; background-size:50px; }
.download-file a { font-size:22px; color:#018031; }
.inner-date { font-size:16px; color:#333333; font-weight:bold; margin-top:15px; margin-bottom:30px; }

.page-container { min-height:60px; }

.btn-cus { padding:5px 35px; font-size:22px; margin-top:30px; margin-bottom:16px; }













/* faq */
.faq-tab{text-align: center;}
.faq-tab .active{background: #018031;color:#fff;}
.faq-tab-li{padding: 15px;display: inline-block;background: #fff;border:1px solid #018031;border-radius: 10px;font-size: 16px;
    color:#018031;}
.faq {  }
.faq-list {   }
.faq-list-box { float: left; width: 100%; background-color: #e8e8e8; border-radius: 10px; text-align: center; padding: 15px 0; margin: 2px 2px 0; color: #002664; font-weight: bold; }
@media(max-width: 440px) {
    .faq-tab-li{
        width: 100%;
        margin-bottom: 15px;
    }
}
@media(min-width: 768px) {
    .faq-list-box { width: 24.4%; padding: 15px 0; margin: 2px 2px 0; }
    .faq-tab-li{font-size: 18px;}
}
@media(min-width: 1280px) {
    .faq-list-box { font-size: 24px; }
    .faq-tab-li{padding: 15px 20px;display: inline-block;background: #fff;border:1px solid #018031;border-radius: 10px;font-size: 22px;
        color:#018031;margin: 0 10px;margin-bottom: 20px;}
}
.faq-tab-li:hover{background: #018031;color:#fff;}
.active .faq-list-box, .faq-list-box:hover { background-color: #f8c305; }
.faq .directors-list { margin-top: 0px; }
.faq .directors-list .content { display: none; text-align: justify; font-family: 'LatoWeb', Arial;}
.faq .directors-list > ul > li:first-child .content {display: block;}
.faq .directors-list ul li .title {
    background-color: #fff;
    border:1px dashed #018031;
    border-radius: 10px;
    font-weight: bold;
    cursor: pointer;
    margin-top: 10px;
}
.faq .directors-list ul li .content { padding: 20px 10px 15px; font-size: 16px; color: #252525; }
@media(min-width: 768px) {
    .faq .directors-list ul li .content { padding: 20px 20px 15px; font-size: 18px; }
}
@media(min-width: 1280px) {
    .faq .directors-list ul li .content { padding: 25px 30px 20px; }
}
.faq .directors-list ul li .right-icon { padding-right: 34px; padding: 15px 0;margin: 0 15px;}
.faq .directors-list ul li .title .right-icon { background: url(../images/top-icon.png) right no-repeat; }
.faq .directors-list ul li .active .right-icon { background: url(../images/up-icon.png) right no-repeat; }
.faq .directors-list ul li .title a { color: #018031; font-size: 16px; font-weight: bold; padding: 10px 0; display:inline-block; width: calc(100% - 45px);font-family: 'LatoWeb', Arial;}
@media(min-width: 768px) {
    .faq .directors-list ul li .title a { font-size: 18px; }
}
@media(min-width: 1280px) {
    .faq .directors-list ul li .right-icon{ padding: 15px 0px; margin: 0  25px}
    .faq .directors-list ul li .title a { font-size: 22px; }
}
/* faq */



.full-loading {
    position:fixed;
    left:0;
    top:0;
    z-index:99999;
    width:100%;
    height:100%;
    background: #fff url('../images/loading.gif') no-repeat center center;
}


.btn-warning { color:#fff; }
.btn-warning:hover { color:#fff; }

.btn-success {
    background-color: #018031;
    border-color: #018031;
}



/* member card start */
.card-container { width:580px; height:330px; position:relative; }
.c-header .title { font-size:18px; color:#fff; }
.card-container .name { font-size:30px; color:#000; }
.member-item { font-size:17px; color:#222222; }
.member-item2 { font-size:16px; color:#222222; }
.email { font-size:16px; color:#222222; }

.card-container{
    position : fixed;
    left : 50%;
    top : 50%;
    max-width : 700px;
    max-height : 800px;
    transform: translate(-50%, -50%);
    z-index:999;
}
.popup-box {
    z-index: 999;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
}
.card-close img { margin-right:-28px; cursor:pointer; }

@media(max-width:960px){
    .card-container { width:350px; height:330px; }
    .card-contact { margin-top:20px!important; }

    .c-header { margin-top:60px; }
    .c-header .title { font-size:16px; padding-left:20px; }
    .card-container .name { font-size:26px; color:#000; margin-top:10px!important; }
    .member-item { font-size:16px; color:#222222; }
    .member-item2 { font-size:14px; color:#222222; }
    .email { font-size:16px; color:#222222; }
    .card-close img { margin-right:-18px; cursor:pointer; }

}

@media(min-width:768px) and (max-width:960px){
    .card-contact { margin-top:0!important; }
}
/* member card end */


.bread-link2{
    font-size: 17px;
}
.bread-home {
    font-size: 24px;
    color: #ffa200;
}
@media(max-width:768px){
    .bread-link { font-size:14px; }
    .bread-link2 { font-size:14px; }
    .inner-bread li:nth-child(1){ margin-top:-2px; }
    .bread-link::after {
        margin: 0 5px;
    }
    /*.inner-bread { display:inline-block; }*/
    .inner-bread li { display:block; }
    .bread-home {
        font-size: 18px;
    }
}


.btn.btn-full {
    width: 100%;
}


.idea-nav-left-text { display:inline-block;width:100%!important;white-space:pre-wrap; margin-left:40px; }

.login-notice { color:#018031; }

@media(min-width:768px){
    .box-menu .cus-5 > ul {
        position: absolute;
        width: 138.5%;
    }
}
@media(min-width:1440px){
    .box-menu .cus-5 > ul {
        position: absolute;
        width: 100%;
    }
}


/*.tab-list-box { font-weight:bold; font-size:16px; }*/
.tab-list-box.active {
    background:#018031;
    color:#fff;
}