/* sidenav */
#sidenav{position:relative;margin-left:0;display:inline-block;vertical-align:top;width:100%}
#sidenav a#showSide{padding:10px 20px;background: #4e2749;border: 1px #4e2749 solid;box-shadow:0 0 3px rgb(0 0 0 / .2);display:block;color:#080808}
#sidenav a#showSide i{margin-right:10px;color:#080808}
#sidenav a#showSide {padding: 10px 20px;width: calc(100% - 40px);z-index: 2;background: var(--primary);}
#sidenav a#showSide:before { position: absolute; width: 100%; height: 100%; background: rgba(var(--white-rgb), .1); top: 0; left: 0; transition: .4s cubic-bezier(.23,1,.32,1); content: ""; }
#sidenav a#showSide i {top: calc((100% - 16px) / 2);right: 20px;color: #fff;}
#sidenav a#showSide[data-type="2"] i {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
#sidenav a#showSide font {
    color: #fff;
}
#sidenav a#showSide i {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transform: rotate(0);
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
}
#content_wrap {
    padding: 60px 0px 70px;
}
#sidenav h3.sideTitle{font-weight:900;font-size:30px;color:var(--primary);font-family:'Montserrat',sans-serif;text-transform:uppercase;font-weight:bold;margin-bottom:20px;padding:5px;border-bottom:solid 1px #3c3c3c}
#sidenav .title_box{margin-bottom:50px}
#sidenav .title_box font{font-weight:500;font-size:18px;color:#464747;position:relative;font-family:'Cardo',serif;text-transform:uppercase;line-height:130%;margin-bottom:5px}
#sidenav .title_box font::before{content:"";display:block;width:30px;height:22px;background:url(/images/39/logoIcon.png) center/cover;position:absolute;top:0;left:0}
#sidenav .title_box .page_title{text-transform:uppercase;line-height:130%;letter-spacing:2px;font-weight:600;font-size:40px;color:var(--primary)}
#sidenav .title_box .page_title::after{content:"";display:block;width:30px;height:1px;background-color:#181d62;margin:24px auto 0 0}
#sidenav ul.cate >li h4,#sidenav ul.cate >li ul li .subULHead{position:relative}
#sidenav ul.cate >li a{font-weight:400;position: relative;color: #000;display: block;padding: 10px 15px;letter-spacing: 0.1rem;min-width: 250px;text-align: center;border-bottom: 1px solid #eeeeee;cursor: pointer;font-size: 18px;font-weight: 500;}
#sidenav ul.cate >li.action >h4 a, #sidenav ul.cate >li >h4 a:hover{
    color: #924989;
}
#sidenav ul.cate >li >h4 a::after, #sidenav ul.cate >li.action >h4 a::after {
    content: "";
    position: absolute;
    display: block;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 0;
    height: 2px;
    background: #924989;
    -webkit-transition: all 0.6s cubic-bezier(0.22, 1, 0.36, 1);
    transition: all 0.6s cubic-bezier(0.22, 1, 0.36, 1);
  }
#sidenav ul.cate >li.action >h4 a:hover::after, #sidenav ul.cate >li >h4 a:hover::after {
    width: 100%;
  }
#sidenav ul.cate >li >ul a:after{left:25px;transform:translateY(0%) rotate(0deg);border-right:0px solid #939393}
#sidenav ul.cate >li ul{display:none;-webkit-transition:none;transition:none}
#sidenav ul.cate >li.action >ul,#sidenav ul.cate >li >ul >li.action >ul{display:block}
#sidenav ul.cate >li >ul a{padding-left:50px;border-left:2px transparent solid}
#sidenav ul.cate >li >ul >li.action >div p a{border-left-color:var(--primary);color:var(--primary)}
#sidenav ul.cate >li >ul >li >ul li a{padding-left:60px;color:#7b7b7b}
#sidenav ul.cate >li >ul >li >ul li.action a{font-style:italic}
#sidenav ul.cate >li b[data-action="sideOpen"]{position:absolute;padding:0 0px;right:20px;width:35px;height:40px;display:inline-block;text-align:center;line-height:41px;top:calc((100% - 41px) / 2);left:auto;cursor:pointer}
#sidenav ul.slist li{padding:12px 5px}
#sidenav ul.slist li a{color:#626262}

/* imglist */
#imglist img {height: 540px;}
#imglist .img_nav img {margin: 0 10px 0 0;width: 100px;height: 100px;object-fit: contain;}
#imglist .img_nav {
    display: none;
}
/* productinfo */
#productinfo{
    margin-right: 4%;
}
#productinfo h2 { margin: 5px 0 15px; font-weight: 400; font-size: 22px; }
#productinfo .txt , .buyBtns { margin-bottom: 10px; }
.buyBtns{
    display: none;
}
#productinfo h2 {color: #3a3a3a;border-bottom: 1px solid #e4e4e4;position: relative;padding: 20px 0px 15px 0;margin-bottom: 25px;padding-left: 50px;padding-right: 10px;font-size: 32px;font-weight: 400;letter-spacing: 6px;display: flex;align-items: baseline;}
#productinfo h2::before {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 50px;
  display: block;
  width: 5%;
  height: 2px;
  background: #f0667f;
}
#productinfo h2 span{
    margin-left: 10px;
    letter-spacing: 4px;
    font-weight: 400;
}
#productinfo .txt label { margin-right: 15px; width: 50px; }
#productinfo .price font { font-size: 18px; }
#productinfo article {margin-bottom: 15px;padding-bottom: 15px;font-weight: 400;font-size: 17px;color: #7e7e7e;}
#productinfo #community { margin-top: 15px; }
#productinfo #community ul{
    display: flex;
    align-items: baseline;
    align-content: center;
}

/* orderfunction */
#productinfo #orderfunction { margin-bottom: 25px; }
#orderfunction a { line-height: 24px; }
#orderfunction a.limit { line-height: 21px; }
#orderfunction input { width: 50px; }

/* buyBtns */
.buyBtns a {padding: 10px 0;background: #181d62;}

/* productTabs */
#productTabs{background-color:#fff}
#productTabs ul.tabs{margin:40px 0 35px;z-index:2;position:relative;margin-bottom: 30px;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;text-align:center;background-color:#f0f0f0}
#productTabs ul.tabs li a{padding:10px 40px}
#productTabs ul.tabs li.active a{color:#020202}
#productdetail .img_box .slick-slide{text-align:center;position: relative;}
.producTitle{margin:40px;text-align:center;display: none;}
#productdetail .img_box .slick-slide::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 80%;
    background: url("/images/39/pic1-bg.jpg") no-repeat;
    background-size: cover;
    z-index: -1;
  }

#productdetail .img_box .slick-slide::before {
  content: "";
  position: absolute;
  top: 60px;
  left: 20px;
  display: block;
  height: 90px;
  width: 70px;
  background: #ffe7e9;
  z-index: 0;
}

#tabSp .Txt h3{color: #1f1f1f;margin-bottom: 10px;padding-top: 0.2em;font-size: 17px;line-height: 170%;border-bottom: 0px #e5e4e4 solid;}
.roomSepcList .space{display:flex;align-items:baseline;font-size: 16px;padding: 11px 0;}
.roomSepcList .space:not(:last-child) {
  border-bottom: 1px solid #dfdfdf;
}
.roomSepcList .title{font-weight: 400;line-height:25px;letter-spacing:0;font-size:16px;color: #666666;padding-right: 30px;position:relative;display: inline-block;margin: 0 20px 0 10px;}
.roomSepcList .title:before{content: "";position: absolute;display: block;right: 0;top: 50%;-webkit-transform: translateY(-50%);transform: translateY(-50%);width: 1px;height: 80%;background: #dfdfdf;}
.roomSepcList .specText{color: #666666;margin-left: 10px;font-size: 15px;}

@media screen and (min-width: 1281px){
	#sidenav a#showSide { display: none; }
	#sidenav ul.cate {margin-top: 10px;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-ms-flex-wrap: wrap;flex-wrap: wrap;display: -webkit-box;display: -ms-flexbox;display: flex;margin-bottom: 30px;}
	#productdetail {display: flex;align-items: flex-start;justify-content: center;text-align: justify;}
	#sidenav{position: relative;margin-left: 0;display: inline-block;vertical-align: top;}
	#productdetail {margin: 30px 0 0;}
}
@media screen and (max-width: 1280px){
	#sidenav{margin-bottom: 40px;}
	#content_wrap{padding: 40px 0px 50px;}
	.producTitle{margin:10px;text-align:center}
	#sidenav h3.sideTitle{display:none}
	#sidenav ul.cate{position:absolute;width:calc(100% - 2px);background:#fff;border:1px #e1e1e1 solid;box-shadow:0 0 3px rgb(0 0 0 / .2);z-index:-1;opacity:0;-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;transform-origin:50% 0;-webkit-transform:scale(0.75) translateY(-21px);-ms-transform:scale(0.75) translateY(-21px);transform:scale(0.75) translateY(-21px);-webkit-transition:all 0.2s cubic-bezier(0.5,0,0,1.25),opacity 0.15s ease-out;transition:all 0.2s cubic-bezier(0.5,0,0,1.25),opacity 0.15s ease-out;top:50px}
	#sidenav ul.cate[data-type="1"]{z-index:99;opacity:1;-webkit-transform:scale(1) translateY(0);-ms-transform:scale(1) translateY(0);transform:scale(1) translateY(0)}
	#productinfo{margin-top:5vw;margin-right: 0;}
	#imglist,#productinfo{width:100%}
	#sidenav .title_box{margin-top:20px;margin-bottom:10px}
	#sidenav .title_box .page_title{font-size:30px}
	#imglist img {height: 100%;}
	#productinfo h2{
    padding-left: 10px;
}
	#productinfo h2::before{
    left: 10px;
}

}