/*reset*/

.navbar-header{z-index: 99;}
nav.navbar.attr-border .attr-nav{ border-left: unset; }
.logo{ width: 62%; }
.top-logo{width: 93%; min-width: 200px;}
nav.navbar.bootsnav ul.nav > li > a{ padding: 10px 15px; margin-bottom: 20px; }
.about-area .about-content .info h2::after{ content: unset!important; }
.product-p1 button.owl-prev{    position: relative;  left: -50%;}
.product-p1 button.owl-next{ border: unset;   position: relative; ; right: -50%;}
.product-p1 .owl-theme .owl-nav [class*=owl-]{ background: transparent!important; color: #E0DCDA!important;font-size: 36px!important;}
.product-p1 .owl-theme .owl-nav{ margin-top: -18%; position: relative; }

.product-p2 button.owl-prev{    position: relative;  left: -50%;}
.product-p2 button.owl-next{ border: unset;   position: relative; ; right: -50%;}
.product-p2 .owl-theme .owl-nav [class*=owl-]{ background: transparent!important; color: #E0DCDA!important;font-size: 36px!important;}
.product-p2 .owl-theme .owl-nav{ margin-top: -13%; position: relative; }
nav.navbar.attr-border .attr-nav{ min-height: 57px; }
.attr-nav > ul > li{ padding: 27px 0 20px 0; }
footer .f-item h4{ font-weight: 900; font-size: 24px; }
.text-light h1, .text-light h2, .text-light h3, .text-light h4, .text-light h5, .text-light h6, .text-light p, .text-light a{ color: #000;}
.breadcrumb-area .breadcrumb a, .breadcrumb-area .breadcrumb li{ color: #000; font-weight: 900; }
.breadcrumb-area .breadcrumb li.active{color: #a298ac;}
.breadcrumb-area .breadcrumb::after{ background: transparent;}
.breadcrumb-area .breadcrumb li::after{ top: 75%; border-top: 5px solid transparent; border-left: 10px solid; border-bottom: 5px solid transparent; width: 0; height: 0; content: ''; border-left: 10px solid; border-radius: unset; margin-top: -12px!important;}
.breadcrumb-area h1{ font-size: 30px; margin:-12px 0 25px 0;font-weight: 400!important;}
.breadcrumb-area .breadcrumb{ padding: unset;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{ background-color: #1D2D90; border-color: #1D2D90;}
.pagination>li>a, .pagination>li>span{ color: #1D2D90; }
nav.navbar.bootsnav ul.nav > li > a{  margin-bottom: unset!important; font-weight: 500!important; letter-spacing: 3px;}
.navbar-brand{ height: 100px;    padding: 0px 15px!important; }
nav.navbar.bootsnav ul.nav > li > a{ color:#fff; }
.navbar{ min-height:43px!important; }
.top-bar-area.one-line li { margin-right: 6px;padding-right: 0px;}
.f-icon-s li{ margin-right: 5px;padding-right: 5px; }
.attr-nav > ul{ margin: 0 0 -61px 0; }
.attr-nav li form{margin-right: 15px;} 
nav.navbar.bootsnav ul.nav > li > a{ font-size:18px; }
.team-area .team-items .item .info h4{ font-weight: 300; font-size: 18px; margin-bottom: 10px;}
.team-area .team-items .item{ box-shadow: unset!important; }
.team-area .team-items.team-carousel .owl-nav .owl-prev, .team-area .team-items.team-carousel .owl-nav .owl-next{ background: #d5cadb; color: #fff; border: unset!important; }
.team-area .team-items.team-carousel .owl-nav .owl-prev, .team-area .team-items.team-carousel .owl-nav .owl-next{     margin: -58px 0 0; }
.owl-theme .owl-nav .disabled{    opacity: 1!important;  border: unset!important;}

.team-area .team-items.hot-carousel .owl-nav .owl-prev, .team-area .team-items.hot-carousel .owl-nav .owl-next{ background: #B5B3B0; color: #fff; border: unset!important; }
.team-area .team-items.hot-carousel .owl-nav .owl-prev, .team-area .team-items.hot-carousel .owl-nav .owl-next{     margin: -58px 0 0; }
/*hot reset*/
.team-area .team-items.hot-carousel .owl-nav {
  margin: 0;
}
.team-area .team-items.hot-carousel .owl-nav .owl-prev, 
.team-area .team-items.hot-carousel .owl-nav .owl-next {
  background: #B5B3B0;
  color: #fff;
  font-size: 30px;
  height: 40px;
  left: -50px;
  line-height: 40px;
  margin: -20px 0 0;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 40px;
}
.team-area .team-items.hot-carousel .owl-nav .owl-next {
  left: auto;
  right: -50px;
}

.team-area .team-items.hot-carousel .owl-dots {
  margin: -25px 0 0;
  position: absolute;
  right: -45px;
  top: 50%;
}

.team-area .team-items.hot-carousel .owl-dots .owl-dot {
  display: block;
}

.team-area .team-items.hot-carousel .owl-dots .owl-dot span {
  background: #ffffff none repeat scroll 0 0;
  border: 2px solid #cccccc;
  height: 20px;
  margin: 10px 0;
  width: 20px;
}

.team-area .team-items.hot-carousel .owl-dots .owl-dot.active span {
  background: #308aca none repeat scroll 0 0;
  border-color: #308aca;
}
.breadcrumb-area{     padding: 103px 0;    background-position: 0px -90px; background-repeat: no-repeat;}
.blog-area .info{box-shadow: unset!important; }
.blog-area .info a:hover{ color: #e2b131; }
.top-bar-area { padding: 15px 0;}

.attr-nav .input-group{ width: 170px!important;margin-top: 4px;}
.attr-nav .form-control{ height: 9px!important; padding: 0px 12px!important;  line-height: 0.8!important; border-radius: 50px;}
.attr-nav input{min-height: 35px!important;}
.input-group-addon{ padding: 6px 3px!important; background-color: unset!important; border-radius: 50px;position: relative; right: 18%; z-index: 99;}
.input-group-addon button{background-color: transparent!important; border: unset!important;}
.top-bar-area.one-line li i{ color: #9c92a6!important;}
.attr-nav .form-control:focus{ border-color: #9c92a6!important;box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(156 146 166)!important;}
.m-attr-nav{ float: right; margin-left: 13px; margin-right: -10px;}
.m-attr-nav > ul > li > a{font-size: 18px; padding: 8px 2px !important; color: #333333; display: block; position: relative;}
.m-attr-nav > ul > li{padding: 0px 0 20px 0; font-size: 18px;float: left; display: block; }
.attr-nav > ul > li > a{ padding: 8px 5px !important; }

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child>.btn, .input-group-btn:first-child>.btn-group>.btn, .input-group-btn:first-child>.dropdown-toggle, .input-group-btn:last-child>.btn-group:not(:last-child)>.btn, .input-group-btn:last-child>.btn:not(:last-child):not(.dropdown-toggle){ border-top-right-radius: 50px!important; 
     border-bottom-right-radius: 50px!important; }
.input-group-addon{border: unset!important;}

/*tool*/
.justify{ text-align: justify!important; }
.clear{ clear:both; }
.f-34{ font-size: 34px; }
.f-26{ font-size: 26px; }
.f-24{ font-size: 24px; }
.f-20{ font-size: 20px; }
.f-18{ font-size: 18px!important; }
.f-12{ font-size: 12px!important; }
.f-16{ font-size: 16px; }
.c-7a6d86{ color:#7a6d86!important; }
.c-6F6668{ color:#6F6668!important; }
.c-000{ color:#000!important; }
.c-fff{ color:#fff!important; }
.c-6d6c6c{ color:#6d6c6c; }
.c-1D2D90{ color:#1D2D90; }
.c-888{ color:#888; }
.c-ccc{ color:#ccc; }
.c-a298ac{ color:#a298ac; }
.c-765e8d{color:#765e8d;}
.bgc-535d97{ background-color: #535d97; }
.bgc-fff{ background-color: #fff!important; }
.bgc-C6C6C6{ background-color:#C6C6C6; }
.bg-888{background-color: #888888;}
.bg-3443a4{ background-color: #3443a4; }
.bg-000{ background-color: #000; }
.line-h-1{line-height:2!important;}
.line-h-1-2-5{line-height:2.5!important;}
.line-h-1-8{line-height:1.8;}
.width-90{ width:90%; margin: auto;}
.width-100{ width:100%; margin: auto;}
.width-80{ width:80%; margin: auto;}
.width-70{ width:70%; margin: auto;}
.m-open{ display: none; }
.f-w-900{ font-weight: 900!important; }
.f-w-700{ font-weight: 700!important; }
.f-w-300{ font-weight: 300!important; }
.pd-10{ padding:10px; }
.pb-20{ padding-bottom:20px; }
.pb-40{padding-bottom: 40px;}
.pd-80{ padding: 80px;}
.mb-20{ margin-bottom: 20px;}
.mb-30{margin-bottom: 30px!important;}
.mb-50{margin-bottom: 50px!important;}
.mb-100{margin-bottom: 100px!important;}
.mt-50{ margin-top:50px; }
.mr-20{ margin-right:20px; }
.ml-20{ margin-left:20px; }
.height-233{ height: 233px;}
.height-45{ height: 45px; overflow: hidden;}
.none{ display:none; }
.m-br{display: none;}
.float-non{float: unset!important;}

/*pagination-mi*/
ul.pagination-m { display: inline-block; padding: 0; margin: 0;}
ul.pagination-m li {display: inline;}
ul.pagination-m li a { color: black; float: left; padding: 8px 16px; text-decoration: none;}
ul.pagination-m li a.active { background-color: #7a6d86;color: white;}
ul.pagination-m li a:hover:not(.active) {background-color: #ddd;}


.inline-block{display: inline-block;}
.flex{display: flex;}
.block{ display: block; }
.mg-auto{margin: auto;}
.t-boder-b{ border-bottom:1px solid #4C4B4B; }
.t-boder-t{ border-top:1px solid #4C4B4B; }
.border-000{border: 1px solid #000;}
.border-888{border: 1px solid #888;}
.border-6d6c6c{border: 1px solid #6d6c6c;}
.radius-non{ border-radius: unset!important;}
.float-r{ float: right;}
.clear{ clear:both: }
.f-f-time{ font-family: 'Times New Roman'!important; }
/*btn*/
.letter-s{ letter-spacing: 5px;}
.move-l{ position: relative;  }
.move-l .move-box-o >span{  transition-property: margin-left; transition-timing-function: ease ;  transition-duration: 0.5s; }
.move-l:hover .move-box-o >span{ margin-left:10px;  }
.move-box-o{ width: 25px; height: 20px; overflow: hidden; display: inline-block;}




.head-flex{ display: flex!important; justify-content: center; }
.scroll-d-show{ display:block!important;margin-top: 15px!important; width: 140%; margin-left: 41px;}
.flex-center{ display:flex; justify-content:center; }
.page-top h4{ background-color:transparent; color:#a298ac; display:inline-block; padding:5px 15px; /*font-family: 'Times New Roman';*/ letter-spacing:4px;font-size:14px; }
.step{ margin: auto; position: relative; font-size: 16px!important;  background-color: #a1a1a1;color: #fff; width: 82px;height: 30px;display: flex; align-items: center;justify-content: center;}
.step-txt{ position: relative; width: 100%; font-size: 16px!important;margin-top: 15px;}
.title-af-line{ width:80px; height:1px; background-color:#000; display:inline;margin-left: 10px;}
.flex-a-c{ display: flex; align-items: center;}
.ar-img{ overflow: hidden; width: 100%; height:66vh; }
.ar-img-s{ overflow: hidden; width: 100%; height:30vh; }
.quality h2,.quality p{ font-family: 'Times New Roman'!important; }
.ar-center{ text-align: center; width: 50vw; margin: auto; }
.ar-txt{ height: 17vh;overflow: hidden; }
.ar-img img,.ar-img-s img{  transform: translate(0px, -7%); }
.item-h-t{ height: 45px; overflow: hidden; }
.hover-move{display: block; transition: all ease 0.5s; }
.hover-move:hover{  transform: translateX(20px); }
.item-align-s{ position: absolute;bottom:0px; width: 100%; left: 50%; transform: translateX(-50%); }
.step-line{ background-color: #4fcf7b; color: #fff; padding: 5px 10px; border-radius: 5px; margin: 0 0 50px 0;  display: inline-block;}
.service-main img{ width: 222px; margin: auto;display: block; }
.flex-0626{  margin: auto; display: flex; flex-direction: column; flex-wrap: wrap;}
.step-line-h::before{ content: ''; width: 1px; height: 44px; background-color: #a1a1a1; position: absolute; top: -59px;left: 40px;  z-index: -99; }
.step-line-h::after{ content: '';  transform: rotate(90deg); top: -21px; left: 32px; position: absolute;  border-top:6px solid transparent; border-left: 18px solid #ccc;border-bottom: 6px solid transparent; }
.m-step-line-h::before{ height: 38px!important; top: 64px!important;}
.shape-b:after{content: ''; transform: rotate(90deg); top: 71px; left: 32px; position: absolute;  border-top:6px solid transparent; border-left: 18px solid #ccc;border-bottom: 6px solid transparent; }
.shape-b{ position: relative; }
.step-margin{ margin-bottom: 100px!important;}

#home .navbar .width-80 .display-non{display: none;}
.scroll-100-icon{ display: block!important; /*position: absolute; */ top: -61px!important;  /*right: 148px;*/}
.mt-c-100{ /* margin-top: 50px;  */  position: absolute; right: 0px;justify-content: flex-end; }
.width-100{ width: 100%!important; }
.mob-attr-ss{ display: none!important; }

.input-num{ font-size: 16px; width: 50px!important; height:25px; min-height: 30px; }

.shopping-num{ position: absolute; align-items: center; display: flex; justify-content: center; text-align: center; right: 27px;  top: 1px; border-radius: 100px;  width: 20px; height: 20px; background-color: #9d93a7; color: #fff; font-size: 14px; }




/*car*/
.num-bt{ display: flex; }
.pp-block{ display: flex; margin-bottom: 30px;}
.pp-block select{ margin-left: 45px; }
.pp-block .num-bt{ margin-left: 45px;}
.minus ,.plus{width: 30px; height: 30px; border-radius: 50%;}
.price{width: 170px;}

/*shopping-list*/
.shopping-step{width: 100%; margin: auto; margin-bottom: 80px;}
.shopping-step ul{ list-style: none; display: flex; justify-content: center; }
.shopping-step ul li{ background-color: #ccc; color:#fff; box-shadow: 1px 1px 4px #888; padding:10px 120px; font-size: 18px; letter-spacing:3px ; font-weight: 900; }
.shopping-step ul li.active{ background-color: #a298ac; }
.submit{ padding:5px 20px; background-color: #607381;  border: unset; color: #fff;}
.revise{ padding:10px 20px; background-color: #ccc; border: unset; color: #000;}


.car-align{ padding: 30px!important;}

.list-finish{ width: 100%; border: 1px solid #000; padding: 30px;  margin-bottom: 100px;}
.list-finish p{ font-size: 20px; color: #000; text-align: center;}

  /*shopping ul*/
.shopping-list-main .none{display: none!important;}
.shopping-list-main{width: 100%; margin:0 auto 50px auto; display: block; overflow: hidden;}
.shopping-list-main h2{ font-size: 18px; display: block; background-color: #a298ac; color:#fff; text-align: center!important; padding: 10px 50px; }

.shopping-box{display: flex;display: flex;  width: 100%; justify-content: space-between;}
.shopping-list-info{  width: 100%;}
.part{display: flex; width: 100%;}
.shopping-cash{display: flex; width: 100%;}
.s-box-name{width: 30%;}
.s-box-average{}
.shopping-list-title{ width: 80%; display: inline-flex;  font-weight: 900; font-size: 16px;  }
.shopping-list-data{ padding: 20px 30px; text-align: center; }
.shopping-img{overflow: hidden;width: 15%;position: relative;}
.shopping-img img{position: absolute;top: 0;left: 0;}
.shopping-title-content{ width: 50%;}
.shopping-list-data input{min-height: 30px; width: 60px!important; }
.ss-color-type{ display: inline; margin-left: 20px; }
.clear-list{ float: left; }
.re-list{float: right;}
.list-btn-bar{ border-bottom:1px solid #ccc ; border-top: 1px solid #ccc; padding: 20px; }
.shopping-btn0{ color: #000!important;}
.shopping-btn1{ background-color: #dcdcdc!important; color: #000; f3efef}
.shopping-btn2{ background-color: #f3efef!important; color: #000; }
.shopping-btn3{ background-color: #a298ac; color: #fff; box-shadow: 1px 2px 10px #708b9f; padding: 10px 30px 9px 30px; display: inline-block; }
.shopping-next a{ float: right; margin-top: 50px;    margin-right: 10px;margin-bottom: 10px; }
.total p{ float: right; font-size: 20px; font-weight: 900; margin-right: 20px; margin-top: 10px; letter-spacing: 3px;}
.shopping-list-main h2{ font-size: 16px; letter-spacing: 3px;}
.shopping-list-main{width: 95%;}
.coupon-input{     width: 120px; min-height: 30px; max-height: 30px; font-size: 12px; padding: 10px; }


/*login*/
.bg-a298ac{background-color: #a298ac;}
.login{ width: 30%; margin:auto; display: block;  border: 1px solid #a298ac; padding: 20px 50px;}
.register button{ border: unset; color: #fff; background-color:#a298ac ; }
.btn-secondary{ display: block;width: 100%;border: unset; margin-bottom: 10px; }
.bgc-line{ background-color: #00c854!important;}
.bgc-fb{ background-color: #2f569f!important;}
.bgc-gg{ background-color: #fff!important; border: 1px solid #000!important;}
/*register*/
.register{  width: 50%; margin:auto; display: block;}
.register button{ border: unset; color: #fff; background-color:#a298ac ; }
/*member*/
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li>a{font-size: 16px;border-bottom: 3px solid transparent; border-bottom: -3px; border-radius: unset!important;}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover{  background-color: transparent!important;color: #a298ac!important; border-bottom: 3px solid #a298ac!important; border-radius: unset!important; }
.nav-pills{ border-bottom: 1px solid #ccc;  }
.tab-content{ padding-top: 50px;}
.page-member-area .member .tab-content .renew{ width: 50%; display: block; margin: auto;}
.member-id{ background-color: #dcdcdc;    height: 47px;  line-height: 2.5; }
.member-btn{ background-color: #a298ac; border:unset; color: #fff; display: inline-block!important; padding: 5px 20px; }
.shopping-check-item{display: flex; justify-content: center;}
.check-item-img{width: 50%; padding-top: 50%;}
.check-item-img img{width: 100%;}
.check-item-info{ padding: 20px; }

 



.box-img{ overflow: hidden; width: 100%; padding-top: 100%; position: relative; background-color: #e9e9e9; }
.box-img img{ width: 100%; position: absolute; top:0; left: 50%; transform: translateX(-50%);}


.soap-box-img{ overflow: hidden; width: 85%; padding-top: 85%;display: block; margin: 10px auto; position: relative; background-color: #e9e9e9; }
.soap-box-img img{ width: 100%; position: absolute; top:0; left: 50%; transform: translateX(-50%);transition: ease 0.8s all; }
.soap-box-img img:hover{ width: 100%; position: absolute; top:0; left: 50%; transform: translateX(-50%) scale(1.2); }

/*----*/
.mr-20-free{margin-right: 10px;}
.btn-story-01{ background-color: #b0a5b9; color: #fff;border-radius: 30px; padding: 5px 20px; font-size: 18px; margin-right: 80px; }
.btn-story-01:hover{ color: #edd8ff; }
.page-about-tt1{ font-size: 26px; color:#a298ac; text-align: center; position: relative;}
.page-about-tt1::before{ content: '';display: block;width: 150px; height: 150px;background-image: url(assets/img/page-about-tt1.png); background-repeat: no-repeat; background-size: cover;position: absolute;left: 50%;transform: translate(-50%, -50%);top: 50%;}
.page-about{padding: 150px 100px 50px 100px;}
.page-video{padding: 150px 100px;}
.page-news{padding: 150px 100px;}
.process-area{padding: 150px 100px;}
.map-area{padding: 150px 100px;}

/*video-img-box 5x4*/
.video-img-box{ overflow: hidden; width: 100%; padding-top: calc( 4 / 5 * 100% - 70px ) ; position: relative; background-color: #595959;}
.video-img-box img{  position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%); opacity: 0.5; }
.video-img-box::before{content: ''; display: block; width: 80px; height: 80px; background-image: url(assets/img/yt-play.png); background-size: cover;position: absolute; z-index: 10;top: 50%; left: 50%; transform: translate(-50%, -50%);}
.video-block:hover{ opacity: 0.8; }
.video-txt span{}
.video-txt img{max-width: 100%;}

.map-title-1{ background-color: #a298ac ; color: #fff; display: inline-block; border-radius: 5px; padding: 5px 20px; position: relative; left: 50%; transform: translateX(-50%);}
.product-remark{  max-height: 290px; min-height: 200px; overflow-y: auto; border: 1px dotted #ccc; border-radius: 10px; padding: 10px; }
.product-pay-s{display: flex;}

.product-pay-s button{border: unset!important; background-color: transparent!important; color: #ccc;}
.product-r-info{ height:900px; overflow: hidden; }
.product-content img{ max-width: 100%; }
.product-content{font-size: 16px;}
.pd-block{border-radius: 10px;box-shadow: 0 0 10px #ccc; padding: 10px; margin-bottom: 30px;}
.pd-block:hover{ box-shadow: 0 0 3px #ccc; }

.f-item  p{letter-spacing: 3px;}

@media(max-width: 1300px){
	.header-width-rwd{ width: 90%!important; }
	nav.navbar.bootsnav ul.nav > li > a{font-size: 13px!important;} 
}


@media(max-width: 1350px){
	.m-step-line-h::before{ height: 64px!important; top: 115px!important;}
	.attr-nav > ul > li > a{padding: 8px 3px !important;}

}
@media(max-width:1200px ){

	.ar-img-s{ height: 22vh; }
	.header-width-rwd{ width: 100%!important; }

} 


@media(max-width: 1080px){
	.m-step-line-h::before{ height: 38px!important; top: 89px!important;}
}

@media(max-width:1024px){

/*	reset*/
.team-area .team-items.team-carousel .owl-nav .owl-prev{ left: 10px!important; }
.team-area .team-items.team-carousel .owl-nav .owl-next{right: 10px!important;}
.team-area .team-items.hot-carousel .owl-nav .owl-prev{ left: 10px!important; }
.team-area .team-items.hot-carousel .owl-nav .owl-next{right: 10px!important;}

	/*tool*/
	
	.m-flex-non{ display: unset!important; }

	.mt-c-100{  position: unset!important;  }
	.service-main img{ width:160px; margin:auto; display: block;}
	.m-text-center{ text-align:center; }
  .m-text-right{ text-align:left!important; }
	.ar-img{ height:70vh; }
	.ar-img-s{ height:37vh; }
	.ar-txt{ height: 16vh; }
	.scroll-100-icon{ display: none!important; margin: 0 0 -15px 0!important;}
	.persistence-main h2{ font-size: 20px; text-align: center; }
	.persistence-main h2 span{ margin-left: 0; }
	.persistence-main p{font-size: 20px; text-align: justify;}
	.btn-story-01{ margin-right: unset; margin-top: 50px; float: unset; display: block; text-align: center; }
	.persistence{ padding: 50px 0 50px 0!important; background-color: #e9e6e3;background-blend-mode: screen; }

}

@media(max-width:1023px){
	.m-close{ display:none!important; }
	.mob-attr-ss{ display: inline-flex!important; margin:0 auto 10px auto!important; position: unset!important; float: none;}
	.mob-attr-ss li img{height: 25px!important;}
	.attr-nav > ul > li{padding: 0px 0 !important;}
	.attr-nav > ul > li > a{ padding: 0px 10px !important; }
	.attr-nav > ul{     margin:0!important; }
}

@media only screen and (max-width: 1024px){ 
	.top-bar-area{padding:0;}
	nav.navbar.bootsnav ul.nav > li > a{font-size: 13px!important;color: #fff; padding: 15px 6px !important;} 
	nav.navbar.bootsnav.sticked ul.nav > li > a { padding: 30px 6px !important; font-size: 13px!important; color: #000!important;}
	.wrap-sticky nav.navbar.bootsnav {top: -7px!important;}


}
@media(max-width: 1025px){ 
	nav.navbar.bootsnav ul.nav > li > a{font-size: 18px;color: #fff; padding: 14px 6px !important;}
	nav.navbar.bootsnav.sticked ul.nav > li > a { padding: 14px 11px !important; font-size: 13px!important; color: #000!important;}
	.top57{ top: -57px!important;}
	.page-top{     background: rgba(255,255,255,0.5); padding: 30px; }
 }

@media(min-width:1024px){
	/*layout reset*/
.header-right-100{ display: block; width: 90%; margin: auto; position: relative; padding: 41px 0 79px 0;}

	/*	reset*/
	nav.navbar.bootsnav ul.nav > li > a:hover{ color:#f6d0ff; }
	nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a:hover{ color:#6c5970; }
	nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a{     border-bottom: unset; }
	nav.navbar.bootsnav li.dropdown ul.dropdown-menu{  width: 150px; min-width: 100px; background: rgba(255,255,255,0.7)!important;}
	nav.navbar.bootsnav ul.navbar-right li.dropdown ul.dropdown-menu li a{ font-size:16px;color: #746278; }
	nav.navbar.bootsnav{background-color: #a298ac;}
	nav.navbar.bootsnav.sticked ul.nav > li > a{  padding: 30px 8px;}

	/*tool*/
	.pc-pd-l-100{ padding-left: 100px; }

	.only-pc-flex{ display:flex; align-items: center; }
	.block-pc-only{ display:block; }

	.scroll100-non{ display: none!important;}

}
@media(max-width:1180px){
	.index-bg{ background-image: url(assets/img/m-index-bg00-bg.png)!important;background-attachment: unset!important;  background-position: left;        background-size: contain;
  }
}

@media(max-width:1024px){
	
	.service{ background-image: url(assets/img/m-service-bg-100.jpg)!important; background-attachment: unset!important; background-size: cover!important;  }
	.m-width-100{width: 100%!important;}
}

@media(min-width: 1023px){
	.width-30{ width:15%; }
}
@media(max-width:1023px){

	/*reset*/
	.navbar-brand > img{ height:unset; }
	nav.navbar.bootsnav .navbar-brand{width: 80%;margin: auto!important;}

}

@media(max-width: 1023px) and (min-width: 768px){

	.wrap-sticky nav.navbar.bootsnav{ top: -15px!important; }
}

@media(max-width:1200px) and (min-width:1023px){
	.width-30{ width:10%!important; min-width: 100px;}
	.logo{ min-width: 200px; }
}

@media(min-width:991px){


	
	.pd-pc-20{ padding:20px; }
	.transform-y-step6{ position: absolute; bottom: 0; }
	.process-info{ display: flex;  }
}

@media(max-width:991px){
	nav.navbar.bootsnav ul.nav > li > a{ color:#000; }
	.logo{ min-width: 100px; }
	.m-bg-position{ background-position:14%!important; }
	.m-w-non{ width:unset!important; }
	.ar-img-s{height: 27vh;}

	.service {  background-position: 49%; padding: 100px 0!important; }
	.m-sale-flex{ display: flex; flex-direction: column-reverse;}
	.f-logo{ width: 137px;}
	.m-block{ display: block; }
	.m-justfy-center{ justify-content: center; }
	.m-line-h-1-8{line-height: 1.8!important;}
	.m-justify{ text-align: justify!important; }
	
	.m-step-line-h::before{ height: 38px!important; top: 60px!important;}
  .input-group-addon{  right: 27%; }
	.m-br{display: block!important;}


/*shopping*/
    .shopping-step ul li{ padding:10px 20px; font-size: 12px; letter-spacing: 0; }
    .car-align a{ display: block; width: 70px!important;  }
    /*shopping ul*/
    .shopping-list-main h2{ font-size: 16px; letter-spacing: 3px;}
    .shopping-list-main{width: 95%;}
    .shopping-list-info{ width: 100%;}
    .part{display: unset; width: 100%;}
    .shopping-img{width: 25%;}
    .shopping-cash{display: unset; width: 100%;}
    .shopping-title-content{     width: 100%; padding-left: 20px;}
    .ss-color-type{ display: block; margin-left: unset; }
    .s-box-name{width: 100%;}
    .s-box-average{ width: 100%;}
    .list-btn-bar{ /*border-bottom:unset; border-top:unset;*/ }
    .shopping-list-title{  border-bottom:unset; text-align: left!important; padding: 10px 10px;font-size: 14px;width: 100%;}
    .shopping-list-data{text-align: right;  display: flex; flex-direction: column;align-items: flex-end;  padding: 10px 10px; width: 100%;}

    .shopping-box{ padding: 10px 0; display: block; }
    .shopping-list-data input{text-align: right;  }

    .re-list{float: unset;}
    .clear-list{float: unset;}
    .shopping-btn1{ width: 100%; margin-bottom: 20px;}
    .shopping-btn2{ width: 100%;}
    .m-block{display: block; margin-bottom: 20px;}
    .m-b-line{ border-bottom: 1px solid #ebebeb;}

  /*login*/
  .login{ width: 90%; }
   /*member*/
    .page-member-area .member .tab-content .renew{ width: 90%; }
   .m-shopping-list-flex{ display: unset; }
    .check-item-img{width: 100%; padding-top: 100%;}

	.m-search{ transform: translateX(-50%); position: relative;left: 50%;margin: 11px 0; }
	.scroll-100-icon{display: none!important;}

	.video-txt img{max-width: 100%; width: 100%; height: unset!important;}
	.video-txt iframe{max-width: 100%;}
  .product-pay-s{display: flex; flex-direction: column;}
  .product-r-info{ height:unset; overflow: hidden; padding-bottom: 110px; }
  .product-content img{ max-width: 100%; width: 100%; height:unset!important; }
  .page-about{padding: 150px 10px 50px 10px;}
.page-video{padding: 150px 10px;}
.page-news{padding: 150px 10px;}
.process-area{padding: 150px 10px;}
.map-area{padding: 150px 10px;}
.breadcrumb-area{ padding: 42px 0;}
.m-attr-nav .form-control{ min-height: 37px; height: 9px!important; padding: 0px 12px!important;  line-height: 0.8!important; border-radius: 50px;width: 146px!important;float: unset!important;}
.m-attr-nav .form-control:focus{ border-color: #9c92a6!important;box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(156 146 166)!important;}
.shopping-num{  right: 17px; }

}

@media(max-width: 1200px) and (min-width: 1024px){
  .navbar-right{     flex;width: 80%!important;}
}

@media(max-width:992px){

    /*reset*/
    nav.navbar .navbar-brand img.logo{     height: unset;margin-top: 10px; }
    .logo{ width: 67%; }

}


@media(max-width:767px){

	/*reset*/
	.team-area .team-items.team-carousel .owl-nav{     display: unset!important; }
	.team-area .team-items.hot-carousel .owl-nav{     display: unset!important; }
	

}

@media(min-width: 768px){
  .navbar-right{    justify-content: space-between;display: flex;width: 90%;}
  .mt-c-100{width: 100%;}
}

@media(max-width: 768px){
	.ar-img{ height:32vh; }
	.ar-img-s{ height:13vh; }

	
	.m-step-line-h::before{ height: 38px!important; top: 65px!important;}
}

@media(max-width: 600px){
	.m-step-line-h::before{ height: 38px!important; top: 63px!important;}
}

@media(max-width: 450px){
	.m-step-line-h::before{ height: 38px!important; top: 90px!important;}
}

@media(max-width: 390px){

	
	.m-step-line-h::before{ height: 38px!important; top: 91px!important;}

}