/* layout.less */
aside #sidebtn:before{transform:translateX(-140%) skewX(63deg);-webkit-transform:translateX(-140%) skewX(63deg);-moz-transform:translateX(-140%) skewX(63deg);-ms-transform:translateX(-140%) skewX(63deg);-o-transform:translateX(-140%) skewX(63deg);}aside #sidebtn 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);}aside #sidebtn[data-type="2"]:before{transform:translateX(0) skewX(0);-webkit-transform:translateX(0) skewX(0);-moz-transform:translateX(0) skewX(0);-ms-transform:translateX(0) skewX(0);-o-transform:translateX(0) skewX(0);}aside #sidebtn[data-type="2"] i{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);}aside > ul > li{overflow:hidden;}aside > ul > li .subUL{opacity:0;}@media (min-width:1281px){aside > ul > li .subUL{transform:translate(0,30px);-webkit-transform:translate(0,30px);-moz-transform:translate(0,30px);-ms-transform:translate(0,30px);-o-transform:translate(0,30px);}aside > ul > li:hover{overflow:visible;}aside > ul > li:hover .subUL{transform:translate(0,0);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);opacity:1;}}@media (max-width:1280px){aside > ul > li > ul{transform:translate(0,-30px);-webkit-transform:translate(0,-30px);-moz-transform:translate(0,-30px);-ms-transform:translate(0,-30px);-o-transform:translate(0,-30px);}aside > ul > li[data-type="2"] > ul{transform:translate(0,0);-webkit-transform:translate(0,0);-moz-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);}}#orderfunction a,.orderWrap .list .info p.qBox a{width:25px;height:25px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;}[data-action="loader"] .loader_circle{width:50px;height:50px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;}[data-action="loader"]#lodbg .loader_circle{-webkit-animation:circle infinite 0.75s linear;animation:circle infinite 0.75s linear;}@keyframes circle{0%{transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);}100%{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);}}@-webkit-keyframes circle{0%{transform:rotate(0);-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);}100%{transform:rotate(360deg);-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);}}

/* sub_banner */
.bannerBox{z-index:inherit;margin-top: 60px;}
#sbanner{display: none;}
#sub_banner{width:100%;height: 430px;}
#sub_banner:after{position:absolute;width:100%;height:100%;background:#f4f4f4;top:0;left:0;z-index:-1;content:"";opacity:.6}
#sub_banner:after{opacity:1}
#sub_banner a{height:100%;background: no-repeat 50% 10% / cover;opacity:1}
#wrap{z-index:2;position:relative;/* background-color: #f2f0eb; */}
#top_title{align-items: center;color:#000;text-align:center;pointer-events:none;-webkit-box-align: center;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;-webkit-box-pack: center;justify-content: center;-webkit-transition: all 0.8s ease;transition: all 0.8s ease;width: 100%;height: 100%;margin: 90px auto 40px;}
#top_title .pag_tit{position: relative;margin-top: 1em;margin-bottom: 20px;display: flex;justify-content: center;align-items: center;}
#top_title .pag_tit b {margin: 0 2em;text-align: center;font-size: 36px;line-height: 1;letter-spacing: 0.4px;color: #0d0d0d;font-weight: bold;line-height: 140%;}
#top_title .pag_tit:before,#top_title .pag_tit:after{content:"";position:absolute;left:0;width:50px;height: 46px;margin:auto;background-image: url(/images/46/icon_title.gif);background-repeat:no-repeat;background-position:center top;background-size: contain;z-index:10;}
#top_title .pag_tit:after{-webkit-transform: scaleX(-1);transform: scaleX(-1);left: auto;right: 0;}
.webBox .wrapper:before{content:"";position:absolute;bottom: 30%;right: -2.7%;-webkit-transform:skewX(-13.5deg);transform:skewX(-13.5deg);aspect-ratio:0.35/1;transition:ease-out 0.7s;border-radius: 50%;width: 390px;height: 390px;z-index:-1;background-color: #ede5dc;-webkit-animation: scaleBg 20s linear infinite;animation: scaleBg 20s linear infinite;}
body{background-color: #f2f0eb;}
.webBox .wrapper:after{content:"";bottom:0;z-index:-1;aspect-ratio:0.5/1;position: absolute;border-radius: 50%;width: 580px;height: 580px;left: -10%;top: -120px;transition:ease-out 0.7s;background-color: #ede5dc;-webkit-animation: scaleBg 20s linear infinite;animation: scaleBg 20s linear infinite;}
.fancybox-infobar__body span{color: #fff;}
@keyframes scaleBg { 
0% {transform: scaleY(0.97) scaleX(1);
}
50% {  transform: scaleY(1.1) scaleX(1.13);
}
0% {   transform: scaleY(0.97) scaleX(1);
}
	}
@keyframes about11_jump_1 { 0% { transform: translate(0%,10%) scale(1,0.95)}
50% { transform: translate(0%,-10%) scale(1,1)}
100% { transform: translate(0%,10%) scale(1,0.95)}
}
/* waylink */
.bread{padding:20px 0}
.waylink{display:flex;align-items:center;justify-content:center}
.waylink ol {padding: 0px 0;}
.waylink ol li , .waylink ol li a {letter-spacing: 0.5px;font-weight: 400;font-size: 16px;color: #565656;}
.waylink ol li:after { margin: 0 10px; display: inline-block; font-weight: 100; font-size: 12px; content: "/"; }
.waylink ol li:last-child:after { margin: 0; content: ""; }

/* aside */
aside #category_nav{display:flex;flex-wrap:wrap;-webkit-box-pack:center;justify-content:center;margin-left:auto;margin-right:auto;}
aside{margin: 0vw auto 2vw;position:relative;z-index: 43;}
aside #sidebtn{padding:10px 20px;width:calc(100% - 40px);z-index:2}
aside #sidebtn: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:""}
aside #sidebtn i{top:calc((100% - 16px) / 2);right:20px;color: #fff;}
aside >ul >li b[data-action="sideOpen"]{position:absolute;padding:5px 20px;display:block;top:calc((100% - 42px) / 2);right:0;cursor:pointer}
aside >ul >li b[data-action="sideOpen"] i:before{content:"\f067"}
aside >ul >li[data-type="2"] b[data-action="sideOpen"] i:before{content:"\f068"}
aside >ul >li h3 a{padding: 20px;font-weight:400;font-size:17px}
aside >ul >li h3 a{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size: 20px;letter-spacing: 0.5px;color:#000;text-align:center;overflow:hidden;font-weight: 500;}
aside >ul >li.action h3 a{color: var(--primary);font-weight: 600;}
aside >ul >li ul.subUL{position:absolute;width:170px;background:rgba(var(--black-rgb),.85);left:calc(50% - 85px);z-index:5;opacity:0}
aside >ul >li ul.sub2UL{margin-left:10px}
aside >ul >li ul.subUL li >div{position:relative}
aside >ul >li ul.subUL li a{padding:5px 15px 5px 30px;display:block}
aside >ul >li ul.subUL li [data-action="sideOpen"]{display:none}
aside >ul >li ul.sub2UL li a{color:var(--complement)}

/* sidenav */
#sidenav{position: relative;margin-left: 0;display: inline-block;vertical-align: top;width: 100%;display: none;}
#sidenav a#showSide {padding: 10px 20px;border: 1px #e8e8e8 solid;box-shadow: 0 0 3px rgb(0 0 0 / .2);display: block;color: #ffffff;background: linear-gradient(to right, #8f5544, #643c30);-webkit-border-radius: 25px;-moz-border-radius: 25px;border-radius: 25px;}
#sidenav a#showSide i {margin-right: 10px;color: #ffffff;}
#sidenav h3.sideTitle {font-size: 22px;text-transform: uppercase;font-weight: bold;border-bottom: solid 1px #3c3c3c;display: block;line-height: 1.2;letter-spacing: 0.5px;padding: 22px 15px 15px;position: relative;color: #fff;background: linear-gradient(to right, #8f5544, #643c30);border-radius: 40px 40px 0 0;text-align: center;}
#sidenav ul.cate >li h3 , #sidenav ul.cate >li ul li .subULHead { position: relative; }
#sidenav ul.cate >li a {border-bottom: solid 1px #c7c5c0;display: block;line-height: 1.2;letter-spacing: 0.5px;padding: 18px 15px;position: relative;background-color: #ebe8e3;color: #525252;font-weight: 500;font-size: 17px;}
#sidenav ul.cate >li a:hover{color: var(--triadic1);}
#sidenav ul.cate >li.action >h3 a {background-color: #f6f1e6;color: #8f5544;font-weight: 500;}
#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: 30px;border-left: 2px transparent solid;}
#sidenav ul.cate >li >ul >li.action >div p a {border-left-color: var(--complement);color: var(--complement);}
#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 10px;right: 10px;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; }

/* content_wrap */
#content_wrap {padding: 0vw 0 3vw 0;}
#content_wrap .titleTT {position: relative;border-bottom: 1px dashed #ccc;font-size: 26px;font-weight: 700;letter-spacing: 0.5px;line-height: 1.5;margin-bottom: 20px;padding: 0 0 18px 0;}
#content_wrap .titleTT::after{content:"";position:absolute;width: 4%;height:2px;background-color: var(--triadic1);bottom: -1px;left:0;z-index:2;}


/* list_box */
.list_box li {width: 100%;}
.list_box li h3 {font-weight: 500;font-size: 18px;color: var(--black);}
#article_list {display: flex;align-items: flex-start;flex-direction: row;flex-wrap: wrap;}
#article_list li h3{height:auto}
#article_list li h3 a{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}
#article_list li{background: rgb(255 255 255);position: relative;overflow: hidden;border: 1px solid #ebebeb;margin-bottom: 10px;}
#article_list li .img_cover{display: none;}
#article_list .info_box {padding: 15px 30px;background: rgb(255 255 255);position: relative;overflow: hidden;}
#article_list .info_box:after {content: "";position: absolute;left: 0;top: 0;width: 3px;height: 100%;background: linear-gradient(to top,var(--primary),var(--secondary));}
#article_list .info_box article {font-weight: 400;font-size: 14px;padding-top: 10px;color: #2c2c2c;-webkit-line-clamp: 2;height: auto;}
#article_list .info_box .tagsBox {padding: 5px 0 0px 0;margin-top: 10px;border-top: 1px solid #d7d7d7;}


/* btn */
.btn{position:relative}
.btn a{display:block;letter-spacing:1px;line-height:1.2;position:relative;font-size:15px;color:#fff}
.btn a::before,.btn a::after{content:"";position:absolute;top:50%;right:0;z-index:1}
.btn a::before{width:20px;height:1px;background-color:#ffffff;-webkit-transform:translateY(-50%);transform:translateY(-50%);display: none;}
.btn a::after{width:10px;height:10px;border-right:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:translateY(-50%) rotate(-45deg);transform:translateY(-50%) rotate(-45deg);display: none;}
.btn.underLine{width:100%;max-width:240px;padding:15px 30px;background-color:var(--primary);border-radius:65px;font-size:16px;font-weight:500}
@media (min-width:1201px){
	.btn:hover::after{width:100%}
	.btn.underLine:hover{background-color:var(--info)}
	.btn:hover a::before{background-color:#bebebe;}
	.btn:hover a::after{border-color:#bebebe}
}

/* btnWrap */
.btnWrap .btn{display: flex;width:200px;height:58px;line-height:58px;font-size:16px;letter-spacing:1.5px;color:#3a3a3a;text-align:center;background-color: #522618;margin-right:10px;justify-content: center;align-items: center;}
.btnWrap .btn i{color: var(--primary);font-size: 18px;margin-right: 10px;}
.btnWrap a.btn:hover{ color:#fff;background-color:var(--primary)}
.btnWrap .btn:hover i{color:#fff;}
.btnWrap{display:flex;align-items:center;justify-content:center;padding: 40px 40px 40px;}
.btnWrap .btn font{letter-spacing: 2px;font-size: 15px;position:relative;-webkit-writing-mode:inherit;-ms-writing-mode:inherit;writing-mode:inherit;color: var(--white);}
.btnWrap .btn svg {display: block;text-align: center;width: 18px;height: 18px;fill: var(--primary);z-index: 10;margin-right: 30px;}
.btnWrap a.btn:hover font{color: #fff;}
.btnWrap .btn:hover svg{fill: #fff;}

/* describe */
#describe {margin: 0 0px 1vw;}
#describe .listTitle, #productinfo  .listTitle{padding-bottom:10px;margin-bottom:20px;margin-top:10px;border-bottom:1px #d4d4d4 solid;font-size: 24px;letter-spacing: 1px;color:#060606;font-weight: 600;line-height: 170%;}

/* article_list */
#article_list img { height: 350px; }
#article_list .info_box {padding: 25px 30px;}
#article_list .info_box article { font-weight: 300; }
.textEditor{margin-bottom:30px}

/* news_list */
#news_list{display: grid;grid-gap: 10px;grid-template-columns: 50% 50%;}
#news_list li{padding:0px 15px;width: calc((100% / 1) - 50px);margin-top:0px;margin-bottom:10px;border:0px solid #eee}
#news_list li a{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;}
#news_list li img{height:320px}
#news_list li .info_box{padding:15px 0 20px;width:calc(100% - 0px);position:relative;border-bottom: 1px solid rgb(143 85 68 / 10%);}
#news_list li .info_box .Txt .newIcon{display:-webkit-box;display:-ms-flexbox;display:flex;padding-left: 40px;color: #82665e;font-size: 18px;margin-bottom: 10px;}
#news_list li .info_box .Txt .newIcon:after{content:"";position:absolute;left:0;width: 30px;height: 30px;margin:auto;background-image: url(/images/46/img_n_icon.png);background-repeat:no-repeat;background-position:center top;background-size: contain;z-index:10;}
#news_list li .info_box p *{font-weight:100;font-size:14px}
#news_list li .info_box p a{margin-right:10px;padding:0 2px;max-width:calc(100% - 82px);height:23px;z-index:2}
#news_list li .newsDataBox{display:flex;-webkit-box-align:center;align-items:center;font-size:14px;width: 80px;height: 80px;border: 2px solid rgb(143 85 68 / 9%);-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;margin-right:0;position:absolute;right:0;border-radius: 50%;background-color: #8f5544;}
#news_list li .newsDataBox:after{content:"";width:100%;height:100%;display:block;position:absolute;top:7px;left:7px}
#news_list li .newsDataBox .newsDate{z-index:1;display:flex;flex-direction:column;align-items:center}
#news_list li .itemDataBox{padding-left:0px;width:calc(100% - 120px)}
#news_list li .newsTitle + .newsDate{margin-left:auto;text-align:right;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;width:64px;height:64px;background-color:#f4f4f4}
#news_list li .newsDate .dayt{font-size:28px;font-weight:500;line-height:120%;color: var(--white);}
#news_list li .newsDate .my{font-size:13px;font-weight:400;color: var(--white);}
#news_list li h3{font-weight:500;font-size: 20px;height: 60px;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;line-height: 160%;}
#news_list li p{color:#5e5e5e;}
#news_list li .info_box .newsDate{position:relative;display:flex;align-items: center;}
#news_list li .info_box:before{content:"";position:absolute;left:0;bottom:-1px;height:1px;width:0%;background-color: var(--complement);-webkit-transition:all 0.4s ease;transition:all 0.4s ease}
#news_list li .info_box .newsDate strong{display:inline-block;text-align:center;font-size:14px;font-weight:300;color:#999}
#news_list li .info_box .newsDate .up{font-size:12px;font-weight:400;letter-spacing:1px;color:#111;-webkit-transition:all 0.4s ease;transition:all 0.4s ease;font-style:initial;font-family:var(--font-family),sans-serif}
#news_list li .info_box .newsDate .down{display:block;font-size:48px;font-weight:600;letter-spacing:3px;line-height:1;-webkit-transition:all 0.4s ease;transition:all 0.4s ease;font-style:initial;font-family:var(--font-family),sans-serif}
#news_list li .info_box .newsDate .newIcon{position:relative;display:inline-block;padding-left:10px;margin-left:5px;font-size:12px;font-weight:300;font-family:var(--font-family),sans-serif;color:#777777;letter-spacing:0;-webkit-transition:all 0.4s ease;transition:all 0.4s ease}
#news_list li .info_box .newsDate .newIcon:before{content:"";position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:1px;height:10px;background-color:#dddddd}
#news_list li .btn{display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between;padding: 20px 0 10px;display: none;}
#news_list li .btn a{position:relative;font-size:13px;font-weight:800;line-height:1;background: linear-gradient(to right,#135ea5,#1a91ff);background-clip:text;-webkit-background-clip:text;color:transparent;text-transform:uppercase;display:inline-block}
#news_list li .btn .btn_arrow{display:inline-block;width:28px;height:28px}
#news_list li .circle{stroke:#fff;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease}
#news_list li .btn .arrow{position:absolute;top:calc(50% - 4px);left:calc(50% - 5px);fill:#fff;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease}
#news_list li .btn .arrow{position:relative;display:inline-block;vertical-align:middle;width:9px;height:9px;margin-right:-5px;margin-bottom:4px}
#news_list li .btn .arrow:after,#news_list li .btn .arrow:before{content:"";position:absolute;top:50%;left:0;z-index:1;width:100%;height:1px;margin-top:-0.5px;background-color:var(--primary)}
#news_list li .btn .arrow:after{-webkit-transform:rotate(90deg);transform:rotate(90deg)}

/* product_list */
#product_list{display: grid;grid-template-columns: repeat(4, 1fr);gap:  20px 20px;}
#product_list .info_box >div {margin: auto;width: calc(100% - 0px);display: flex;align-items: center;}
#product_list .info_box h3 {margin: 10px 0;width: auto;text-align: center;}
#product_list .info_box .line {margin: 10px 0 30px;width: 50px;height: 1px;background: var(--primary);opacity: .7;display: none;}
#product_list .info_box article {height: 75px;font-weight: 300;font-size: 15px;-webkit-line-clamp: 3;display: none;}
#product_list .info_box .price { margin-top: 15px; min-height: 30px; }
#product_list .info_box .price font { margin-left: 20px; font-weight: 300; }
#product_list li{background:#fff;-webkit-box-shadow:0px 0px 13px 0px rgba(0,0,0,0.11);box-shadow:0px 0px 13px 0px rgba(0,0,0,0.11);border-radius:0 0 10px 10px;position:relative;background-color:#fff}
#product_list li::before{content:"";position:absolute;top:0;left:0;z-index:1;display:block;width:100%;height:3px;background:linear-gradient(to right,var(--complement),var(--secondary));background-size:200%;background-position:0;-webkit-animation:glueglue 10s infinite linear;animation:glueglue 10s infinite linear}
#product_list li .img img{aspect-ratio: 4 /5;width:100%;object-fit: cover;}
#product_list li a{position:absolute;width:100%;height:100%;left:0;top:0;z-index:1}
#product_list li .info_box{display: flex;flex-direction: column;align-items: center;padding: 20px 10px;}
#product_list li p{display:inline-block;padding:3px 15px;font-weight:500;font-size:16px;color:#554848;background-color:#f0f0f0;width:90px;text-align: center;}
#product_list li p.more{text-align:center;display:flex;justify-content:center;align-items:center;margin-top: 10px;}
#product_list li p.more {text-align: center;position: relative;overflow: hidden;padding: 2px 20px;display: flex;background-color: var(--triadic1);letter-spacing: .06em;line-height: 30px;transform: translateY(0%);border-radius: 60px;align-items: center;justify-content: space-between;width: 100px;height: 40px;}
#product_list li p.more:before {position: absolute;width: 100%;height: 100%;background: #643b2f;top: 0;left: 0;transform: translateY(110%);transition: .4s cubic-bezier(.23, 1, .32, 1);content: "";}
#product_list li p.more font {position: relative;display: inline-block;font-size: 14px;color: #ffffff;z-index: 2;}
#product_list li p.more svg{fill:#ffffff;width:20px;height:20px;z-index:10}

/* book_list */
#book_list{display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;}
#book_list .row img {height: 100%;aspect-ratio: 4 / 3;object-fit: cover;}
#book_list .row .info_box {padding: 50px 15px 30px;width: calc(100% - 30px);background: -webkit-linear-gradient(top,transparent 0,rgba(var(--black-rgb), .01) 2%, rgba(var(--black-rgb), .8) 90%);background: linear-gradient(to bottom,transparent 0,rgba(var(--black-rgb), .01) 2%, rgba(var(--black-rgb), .8) 90%);bottom: 0;left: 0;}
#book_list .row .info_box p a{color:#fff}
#book_list .row .info_box h3{color:#fff}
#book_list .row .info_box p{text-align: center;}

/* album_list */
#album_list { margin-bottom: 5vw; -moz-column-count: 4; -moz-column-gap: 15px; -webkit-column-count: 4; -webkit-column-gap: 15px; column-count: 4; column-gap: 15px; }
#album_list {flex-wrap: wrap;display: grid;grid-template-columns: repeat(3, 1fr);margin: 10px 0px;}
#album_list >div {margin: 0 10px 31px 0;height: 100%;}
#album_list >div img {width: auto;min-width: 100%;height: 280px;object-fit: cover;aspect-ratio: 4 / 3;}
#album_list >div p{margin-top: 10px;}

/* faq_list */
#faq_list li { margin-bottom: 30px; }
#faq_list li .title { padding: 10px 45px 10px 5px; }
#faq_list li .title label { padding: 0 0 0 10px; width: 70px; }
#faq_list li .title font { width: calc(100% - 80px); font-size: 18px; }
#faq_list li .info { padding: 15px 35px 15px 85px; font-size: 14px; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }

/* pagenav */
#pagenav {padding: 50px 0 0px;text-align: center;}
#pagenav a , #pagenav strong { margin: 0 10px; display: inline-block; font-weight: 400; vertical-align: middle; }
#pagenav a:first-child , #pagenav a:last-child { line-height: 9px; }
#pagenav strong { color: var(--primary); }
#pagenav a[class^="page-"] { float: left; width: calc(50% - 20px); display: block; }
#pagenav a[class^="page-"] font { width: calc(100% - 22px); display: inline-block; vertical-align: text-top; }
#pagenav a[class^="page-"] i { margin: 0 10px 0 0; display: inline-block; }
#pagenav a.page-next { float: right; text-align: right; }
#pagenav a.page-next font { text-align: right; }
#pagenav a.page-next i { margin: 0 0 0 10px; }

/* community */
#community li { margin-right: 5px; }
#community li , #community li * { line-height: 100%; }
#community li .fb_iframe_widget { display: block !important; }

/* form_box */
.form_box .description_box .m_title{text-align: center;}
.form_box p { margin-bottom: 30px; }
.form_box #btnOK {padding: 15px 10px;width: 200px;background: var(--primary);border-radius: 60px;}
.form_box input#Checknum { margin-right: 10px; width: 100px; }
#form1 p.col-2{width: calc(100% - 20px);display:inline-block;vertical-align:inherit;margin:10px 0px}
.form_box p select{background: url(/images/46/arrow0.png) no-repeat scroll 98% center #ebebeb;background-repeat: no-repeat;background-position: 98% 50%;padding: 15px 10px;width: 100%;}
.form_box p input,.form_box p textarea{padding: 10px 15px;background: #ebebeb;border-color: #cbcbcb;width: calc(100% - 30px);}

/* g-map */
#g-map {position: relative;margin-bottom: 20px;}
#g-map:before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; content: ""; }
#g-map iframe {position: relative;width: 100%;height: 350px;z-index: 1;}


#artlsit_list{display:grid;grid-template-columns: repeat(4,1fr);gap:40px 20px}
#artlsit_list li .img img{aspect-ratio: 4 /5;width:100%;object-fit: cover;}
#artlsit_list li h3{margin-top: 20px;text-align: center;}
#artlsit_list li p.more{text-align:center;display:flex;justify-content:center;align-items:center;margin-top: 10px;}

/* lodbg */
[data-action="loader"] {width: 100vw;height: 100vh;background: rgba(var(--black-rgb), .3);line-height: 100vh;top: 0;left: 0;opacity: 0;z-index: -1;display: none;}
[data-action="loader"] .loader_circle { border: 2px rgba(var(--black-rgb), .6) solid; border-left-color: rgba(var(--white-rgb), .4); }
#lodbg { opacity: 1; z-index: 99999; }

.bookinfo{position:relative;margin-top: 60px;display: flex;justify-content: center;}
.bookinfo .back{margin: 0 10px;text-align:center;display:flex;align-items:center;justify-content:center;position:relative}
.bookinfo a.atag_item{position:absolute;top:0;right:0;width:100%;height:100%}
.bookinfo .back a{position:relative;overflow:hidden;width: 130px;padding:10px 30px;display:inline-block;display: flex;align-items: center;justify-content: center;}
.bookinfo .back font{text-align:left;font-weight:500;text-transform:uppercase;letter-spacing:3px;color:#4f3c30}
.bookinfo .back font{letter-spacing:1px;font-size: 17px;position:relative;-webkit-writing-mode:inherit;-ms-writing-mode:inherit;writing-mode:inherit;color:#fff;}
.bookinfo .back a:before{content:"";height:100%;width:0;display:block;position:absolute;bottom:0;left:-22px;-webkit-transition:0.3s;-o-transition:0.3s;transition:0.3s;background-color: var(--triadic1);-webkit-transform:skewX(-30deg);-ms-transform:skewX(-30deg);transform:skewX(-30deg)}
.bookinfo .back a::after{content:'';position:absolute;height:100%;width:100%;top:0;left:0;background-color: var(--triadic1);-webkit-transform:skewX(-30deg);-ms-transform:skewX(-30deg);transform:skewX(-30deg);z-index:-1;transform-origin:top left;transition:all 1.1s ease-in-out;-webkit-transition:all 1.1s ease-in-out}
.bookinfo .back a:hover font{color:#eefaff}
.bookinfo .back:hover a:before{width:100%}
.bookinfo .back a svg {display: block;text-align: center;color: #ffffff;width: 18px;height: 18px;fill: #fff;z-index: 10;display: none;}


@media screen and (min-width: 1281px){
	aside >ul{padding: 0 0px;}
	aside >ul >li{overflow:hidden;position:relative;display:inline-block;width: -webkit-fill-available;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;max-width: 110px;position: relative;margin: 0px 3px;}
	aside >ul li b[data-action="sideOpen"]{display:none}
	aside >ul >li{-webkit-box-flex:1;flex-grow:1;}
	aside ul li h4 a{padding: 16px 8px;text-align: center;color: #000;text-align: center;border: 1px solid rgb(79 79 79 / 30%);border-radius: 87.5px;font-size: 17px;line-height: 1;letter-spacing: 0.5px;font-weight: 400;-webkit-transition: all 0.5s;transition: all 0.5s;}
	aside >ul >li:last-child{background: none;}
	aside >ul >li:hover{overflow:visible}
	aside >ul >li:hover h4 a,aside >ul >li.action h4 a{color: var(--white);background-color: var(--triadic1);}
	.moreBtn::before{content:'';position:absolute;top:0;right:0;z-index:-1;width:100%;height:0;background-color:#336432;transition-duration:.3s}
	aside >ul >li:hover ul.subUL{opacity:1}
	#news_list li:hover .info_box{}
	#news_list li .info_box{display:flex;align-items: flex-start;}
	#news_list li .info_box .Txt{width: calc(100% - 10px);display:flex;justify-content:space-between;flex-direction:column}
	#news_list li .info_box .Txt .txt_clamp{width:calc(100% - 20px)}
	#news_list li .info_box .Txt .btn{width:90px}
	#product_list li:hover .info_box .line{width:100%}
	#book_list li:hover .info_box{padding-bottom:60px}
	#news_list li:hover .info_box:before{width:100%}
	#news_list li:hover .newsDate .up,#news_list li:hover .newsDate .down,#news_list li:hover .newsDate .newIcon{color:var(--primary)}
	#news_list li:hover .btn .arrow:after{-webkit-transform:rotate(270deg);transform:rotate(270deg)}
	#sidenav a#showSide { display: none; }
	#sidenav{position: relative;margin-left: 0;display: inline-block;vertical-align: top;width: 270px;display: none;}
}
@media screen and (max-width: 1280px){
	#sub_banner{height: 350px;}
	aside #category_nav{display:flex;flex-direction:column}
	aside >ul >li{border-bottom:1px solid #cfcfcf}
	aside{position:relative;width:500px}
	aside #sidebtn{display:inline-block;background-color: #8f5544;}
	aside #sidebtn font{color: #fff;}
	aside >ul{position:absolute;overflow:hidden;margin-top:1px;width:100%;height:0;background: rgb(255 255 255 / 100%);top:0;left:0;z-index: 11;}
	aside >ul.open{height:auto;border-width:1px;top:50px}
	aside >ul >li{position:relative}
	aside >ul >li h4 a{padding:10px 15px}
	aside >ul >li ul.subUL{overflow:hidden;width:100%;height:0;background:var(--secondary);top:0;left:0}
	aside >ul.open >li[data-type="2"] >ul{position:relative;height:auto;top:auto;bottom:0;opacity:1}
	#news_list{gap: 10px;grid-template-columns: 1fr;}
	#article_list li{width: calc((100% / 2) - 25px);}
	#album_list{grid-template-columns:repeat(2,1fr);}#book_list li{}
	#sidenav{margin-bottom: 30px;}
	#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;box-shadow: 0 0px 15px rgba(0,0,0,0.2);-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;overflow: hidden;}
	#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);border-radius: 20px;}
	#sidenav ul.cate >li:last-child a{border-bottom: solid 0px #bfbfbf;}
	#sub_banner a{background: no-repeat 20% 10% / cover;}
    #product_list{grid-template-columns: repeat(2, 1fr);}
}
@media screen and (max-width: 1024px){
	#article_list img{height:35vw}
	#news_list li h3{height:44px;font-size:15px}
	#news_list li .btn{padding:10px 0}
	#content_wrap .pag_tit{margin-bottom: 20px;margin-top:10px;font-size: 24px;padding-bottom: 20px;}
	#article_list li,#book_list li{margin-bottom: 0px;}
	#article_list .info_box{padding:15px 20px}
	#article_list li h3{height: auto;}
	.form_box{display: flex;flex-direction: column;}
	.form_box .description_box{width: 100%;margin-bottom: 20px;}
	#form1 {width: 100%;}
	#wrap:before,#wrap:after{display: none;}
	#book_list {grid-template-columns: repeat(2, 1fr);gap: 20px;}
	#artlsit_list{grid-template-columns:repeat(2,1fr);gap:20px 15px}
}
@media screen and (max-width: 761px){
	#product_list .info_box >div {display: flex;flex-direction: column;align-items: flex-start;}
	#product_list .info_box article { height: 50px; -webkit-line-clamp: 2; }
	.webBox .wrapper:after{left: -30%;top: 64px;width: 200px;height: 200px;}
}
@media screen and (max-width: 640px){
	aside{width:100%}
	#album_list{-moz-column-count:2;-webkit-column-count:2;column-count:2}
	.form_box input#Checknum{width:calc(100% - 90px)}
	#sub_banner{height:230px}
	#top_title{padding-top: 0px;margin: 70px auto 20px;width: 95%;}
	#top_title .pag_tit b{font-size: 24px;margin: 0 1.5em;}
    #top_title .pag_tit:before, #top_title .pag_tit:after{width: 30px;height: 26px;}
	.waylink ol{padding: -4px 0;margin:auto}
	#news_list{display:flex;flex-direction:column}
	#news_list li{width:calc((100% / 1) - 20px);padding:0 10px;margin:0}
	#describe .listTitle, #productinfo .listTitle{font-size: 20px;}
	#album_list{grid-template-columns:repeat(1,1fr)}
	#album_list >div p{font-size:14px}
	#sub_banner:before{top: 90px;width: 38px;height: 38px;}
	#book_list{grid-template-columns: 1fr;gap: 30px;}
	#artlsit_list{grid-template-columns: repeat(2,1fr);}
    #album_list >div img{height: 100%;}
    .bannerBox{margin-top: 0;}
}