
/* sideNav */
#sideNav ul.Cate{text-align: center;display: flex;display: none;}
#sideNav #sideMenu {width: 90%;margin: 0 auto;margin-top: 28px;padding: 8px 20px;display: none;font-size: 18px;color: #fff;background: #d7a297;border-radius: 7px;}
#sideNav #sideMenu font , #sideNav #sideMenu span {margin-right: 15px;display: inline-block;vertical-align: middle;}
#sideNav #sideMenu span i {margin: 2px 0;width: 3px;height: 3px;background: #ffffff;border-radius: 50%;display: block;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
#sideNav #sideMenu span.open i:nth-child(2) { margin: 2px 5px; }
.catBox {position: relative;padding-bottom: 4vh;z-index: 2;}
.fixTop { position: fixed; width: 1420px; top: -15px; }
.fixTop.showheader { top: 50px; }
#sideNav >ul >li {position: relative;display: inline-block;width: -webkit-fill-available;}
#sideNav >ul >li.action{background: #D1C3A9;}
#sideNav >ul >li.action >h3 a{color: #fff;background: #557e88;}
#sideNav >ul >li >h3 {display: block;}
#sideNav >ul >li >h3 a {display: block;padding: 5px 15px;background-color: #c7e3e0;text-align: center;font-weight: 500;}
#sideNav >ul >li >h3 a:hover{background: #39606b;color: #fff}
#sideNav >ul >li b[data-action="sideOpen"] { display: none; }
#sideNav >ul >li >ul.subUL {overflow: hidden;position: absolute;left: calc(50% - 100px);width: 200px;height: 0;background: #d7a297;opacity: 0;}
#sideNav >ul >li:hover >ul.subUL { height: auto; opacity: 1; }
#sideNav >ul >li >ul.subUL li a { display: block;text-align: left; padding: 10px 20px; color: #fff;}
#sideNav >ul >li >ul.subUL li a:hover { background: #D1C3A9}
#sideNav >ul >li >ul.subUL li ul.sub2UL {background: #D1C3A9; }

/* productdetail */
.poouitembox{display:flex;width: 88%;margin: 0px auto 0px;justify-content: center;z-index: 66;padding: 50px 0;}
.poouitembox .pouleftbox{width: 290px;position: absolute;}

#productinfo .poouitembox.stop_fly .pouleftbox{position: fixed;top: 160px;}
#productinfo .poouitembox.stop_fly .pouleftbox.bottomJJ{position: absolute;bottom: 60px;top: auto;}

.poouitembox .pourightbox{width: calc(83% - 339px);position:relative}
.poouitembox .pourightbox:before{content:"";position:absolute;width:1px;height:100%;top:0%;background: rgb(152 152 152 / 59%);left:-87px}

#artlsit ul li .img img{aspect-ratio: 5/3;}
#productdetail {margin: 3vw 0 5vw;text-align: center;font-size: 0;}
#productdetail:before{content:"";position:absolute;width: 110vw;left: -10vw;height: 1px;background: rgb(202 202 202 / 57%);margin-top: -3vw;}
#productdetail .row {margin-bottom: 0;}
#productdetail #imglist >div a.photo {position: relative;}
#productdetail #imglist >div a.photo img { width: 100%; }
#productdetail #imglist >div a.photo img:first-child {position: absolute;height: 100%;top: 0;left: 0;opacity: 0;z-index: -999;}
#productdetail #productinfo {}
#productdetail #productinfo h1 {color: #6D6D6D;}
#productdetail #productinfo .category {position: relative;}
#productdetail #productinfo .category:after {position: absolute;top: 14px;width: 80%;height: 1px;background: #d6d6d6;content: "";}
#productdetail #productinfo .category a{color: #d7a297;border: 1px solid #d7a297;padding: 3px 12px;font-size: 12px;font-weight: 300;line-height: .1em;}
#productdetail #productinfo .price {width: 90%;background: #fbfbfb;padding: 10px 0 10px 26px;margin: 30px 0 15px;}
#productdetail #productinfo .price font {display: inline-block;vertical-align: middle;font-size: 28px;color: #e8a293;}
#productdetail #productinfo .price font.old {font-size: 18px;color: #afafaf;text-decoration: line-through;margin-right: 10px;}
#productdetail #productinfo .proNo {margin: 0px 0 20px;}
#productdetail #productinfo .proNo b {border: 1px solid #ececec;padding: 3px 20px;color: #6D6D6D;}
#productdetail #productinfo article {color: #6D6D6D;margin-bottom: 0;}
#productdetail #orderfunction {margin-top: 30px;font-size: 0;}
#productdetail #orderfunction label, #productdetail #productinfo .proNo label , #productdetail #productinfo label {margin-right: 40px;}
#productdetail #orderfunction a {padding: 5px 15px;border: 1px #dedede solid;background: #f9f9f9;display: inline-block;color: #656565;vertical-align: middle;}
#productdetail #orderfunction input {padding: 5px 15px;width: 40px;border: #ccc solid;border-width: 1px 0;text-align: center;vertical-align: middle;}
#productdetail #productinfo .btns {margin-top: 40px;}
#productdetail #productinfo .btns a {padding: 10px 20px;display: inline-block;color: #d7a297;font-weight: 300;}
#productdetail #productinfo .btns a.addcar {background: #d7a297;color: #fff;margin-right: 10px;}
#productdetail #productinfo .btns a.ask {border: 1px #d7a297 solid;background: #fff7f5;}

/* productTabs */
#productTabs{margin-bottom: 10vw;}
#productTabs ul.tabs {margin: 50px 0 35px;text-align: center;padding: 0 15px;border-bottom: 1px #f0d8d3 solid;font-size: 0;}
#productTabs ul.tabs li { display: inline-block; vertical-align: top; }
#productTabs ul.tabs li a {padding: 10px 25px;background: #fff;border: #f0d8d3 solid;border-width: 1px 1px 0 0;display: inline-block;color: #d7a297;}
#productTabs ul.tabs li:first-child a { border-left-width: 1px; }
#productTabs ul.tabs li.active a {background: #d7a297;border-width: 0 1px 1px;border-color: #d7a297;color: #fff;}

@media screen and (max-width: 1470px) {
	
	.waylink ol{margin-bottom: 0;padding: 8px 0 0;}
	.bgTxt.title h3{font-size: 32px;}
	#productinfo .poouitembox.stop_fly .pouleftbox{top: 99px;}
}
@media screen and (min-width: 1281px) {
	#productTabs ul.tabs li:hover a {background: #d7a297;border: 1px solid #d7a297;color: #fff;}
}
@media screen and (max-width: 1280px) {
	#productdetail #productinfo {margin-left: 0;}
}
@media screen and (max-width: 980px) {
	#productlsit .bgTxt.stitle { padding: 6vw 0 0; top: 0; }
	#productdetail { text-align: center; }
	#productdetail .row , #productdetail #productinfo { margin-left: 0; width: 100%; }
	#productTabs ul.tabs { padding: 0; border-bottom: 0; }
	#productTabs ul.tabs li a , productTabs ul.tabs li.active a { margin: 5px; border-width: 1px; }
	.catBox{padding-bottom: 3vh;}
}
@media screen and (max-width: 640px) {
	#productdetail #productinfo h2 {margin-top: 25px;}
	#productdetail #productinfo .btns{ text-align: center}
}