@import url('/css/community.css');
@import url('/css/style/articleStyle4-1.css');
@import url('/css/style/privacypolicy.css');

/* layout.less */
aside b .fa{transform:rotate(0);-webkit-transform:rotate(0);transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out}
aside>ul>li .subUL{transform:translate(0,30px);-webkit-transform:translate(0,30px)}
aside>ul>li[data-type="2"] h4 b .fa{transform:rotate(180deg);-webkit-transform:rotate(180deg)}
aside>ul>li[data-type="2"] .subUL{transform:translate(0,0);-webkit-transform:translate(0,0)}
#faq_list li .title i{transform:rotate(0);-webkit-transform:rotate(0);transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out}
#faq_list li.current .title i{transform:rotate(180deg);-webkit-transform:rotate(180deg)}
#book_list li .img_box:before,#book_list li .img_box:after{transform:scaleY(0);-webkit-transform:scaleY(0)}
#book_list li .img_box:after{transform-origin:center bottom;-webkit-transform-origin:center bottom}
input[type="radio"]{width:2px;padding:7px;border-radius:555px;aspect-ratio:1/1}

@media (min-width:1281px){
	#book_list li:hover .img_box:before,#book_list li:hover .img_box:after{transform:scaleY(0);-webkit-transform:scaleY(0)}
}
[data-action="loader"] .loader_circle{width:50px;height:50px;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)}
100%{transform:rotate(360deg);-webkit-transform:rotate(360deg)}
}
@-webkit-keyframes circle{0%{transform:rotate(0);-webkit-transform:rotate(0)}
100%{transform:rotate(360deg);-webkit-transform:rotate(360deg)}
}

/* header */

/* wrap */
#wrap{z-index:6}
#wrap .page_area{margin:auto;width:100%;z-index:2;position:relative}

/* sidenav */
#sidenav a#showSide {padding: 10px 20px;background: #a3c9cb;box-shadow: 0 0 3px rgb(0 0 0 / .2);color: #fff;display: flex;align-items: center;}
#sidenav a#showSide i {margin-right: 10px;color: aliceblue;}
#sidenav h3.sideTitle {font-size: 45px;font-family: 'Kanit', sans-serif;line-height: 85%;font-weight: 400;color: transparent;background: linear-gradient(180deg,#006000, #042b05);background-clip: text;-webkit-background-clip: text;}
#sidenav ul.cate >li{margin-bottom:1px;}
#sidenav ul.cate >li h4 , #sidenav ul.cate >li ul li .subULHead { position: relative; }
#sidenav ul.cate >li a {padding: 12px 50px 12px 10px;display: block;font-weight: 400;color: #303030;border-bottom: 1px solid #f1efef;border-left: 5px solid #e7e7e7;}
#sidenav ul.cate >li.action >h4 a, #sidenav ul.cate >li:hover >h4 a {background: #f7f7f7;border-left: 5px solid #fe850e;}
#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: 40px; border-left: 2px transparent solid; }
#sidenav ul.cate >li >ul >li.action >div p a { background: #e3e3e3; border-left-color: #000; }
#sidenav ul.cate >li >ul >li >ul li a { padding-left: 60px; color: #2196F3; }
#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; top: 12px; right: 20px; }
#sidenav ul.slist li { padding: 12px 5px; }
#sidenav ul.slist li a { color: #626262; }
#category_nav{margin-top:0;background:#f0f0f0;padding-top:10px;padding-bottom:0}
#wrap .shadow{box-shadow:0 0 20px rgba(var(--black-rgb),.2)}

/* sub_banner */
#sub_banner{top:0;left:0}
#sub_banner a,#page_title{padding-top:0;height:400px}
#sub_banner a img{height:100%}
#sub_banner a:after{position:absolute;width:100%;height:100%;background:rgba(var(--black-rgb),.4);top:0;left:0;z-index:2;content:""}

/* page_title */
#page_title>div{margin:auto;padding-top:60px}
#page_title .pag_tit{line-height:1.3em;letter-spacing:.15em;font-size:2em}
#page_title .coocent{color:#ffffff;text-transform:uppercase;text-align:center;font-size:max(1*(1vw + 1vh) / 2,14px)}

/* waylink */
.waylink ol{padding-top:5px}
.waylink ol li,.waylink ol li a{letter-spacing:1.5px;font-weight:300;font-size:13px;vertical-align:bottom}
.waylink ol li:after{margin:0 10px;display:inline-block;font-weight:100;font-size:12px;color:var(--white);content:"/"}
.waylink ol li:last-child:after{margin:0;content:""}

/* aside */
aside>ul{margin-top:2vw}
aside ul li b{padding:5px 10px}
aside ul li b .fa:before{content:"\f107"}
aside>ul>li{position:relative;display:inline-block}
aside>ul>li h4{padding:0 15px}
aside>ul>li h4 a{padding:10px 5px 10px 10px;font-weight:300;font-size:18px}
aside>ul>li.action h4 a,aside>ul>li.action h4 i{color:var(--primary)}
aside>ul>li .subUL{position:absolute;margin-top:10px;width:180px;background:var(--white);left:calc((100% - 180px) / 2)}
aside>ul>li .subUL>li{border-bottom:1px rgba(var(--gray-rgb),.1) solid}
aside>ul>li .subUL>li a{padding:3px 15px;display:block;line-height:140%;font-weight:300}
aside>ul>li .subUL>li .subULHead a{padding:10px 15px;color:var(--primary)}
aside>ul>li .subUL>li b{display:none}
aside>ul>li .sub2UL{margin:0 10px 10px}
aside>ul>li[data-type="1"]{overflow:hidden}
aside>ul>li[data-type="1"] .subUL{box-shadow:0 0 15px rgba(var(--black-rgb),0);opacity:0;z-index:-1}
aside>ul>li[data-type="2"]{overflow:visible}
aside>ul>li[data-type="2"] .subUL{box-shadow:0 0 15px rgba(var(--black-rgb),.15);opacity:1;z-index:1}

/* list_box */
.list_box li{margin:0 15px 15px;padding:0 10px}
#product_list{display:flex;flex-wrap:wrap}
#product_list li{display:flex;flex-direction:column;align-items:center;width:31.3%;margin:15px 1%}
.list_box li img{background:rgba(var(--primary-rgb),.05)}
#product_list .img_scale img{background-size:contain;background-position:50%;aspect-ratio:1/1;background-repeat:no-repeat;background-color:unset;height:200px}
.webBox #product_list .img_scale:hover img{transform:scale(0.96);-webkit-transform:scale(0.96)}
#product_list .right_box p{text-align:center;display: flex;align-items: flex-end;justify-content: center;}

/* article_list */
.list_box li{margin:0 15px 15px;padding:0 10px}
#product_list{display:flex;flex-wrap:wrap}
#product_list li{display:flex;flex-direction:column;align-items:center;width:31.3%;margin:15px 1%}
.list_box li img{background:rgba(var(--primary-rgb),.05)}
#product_list .img_scale img{background-size:contain;background-position:50%;aspect-ratio:1/1;background-repeat:no-repeat;background-color:unset;height:200px}
.webBox #product_list .img_scale:hover img{transform:scale(0.96);-webkit-transform:scale(0.96)}
#product_lis#article_list li h3{padding:10px 20px;width:calc(100% - 0px);height:51px;background:rgba(var(--white-rgb),.9);line-height:37px;font-weight:400;font-size:18px;bottom:0;left:0;color:#364243;position:relative;margin-top:10px}
#article_list li img{width:100%;aspect-ratio:1/1}
#article_list li .info_box{padding:30px;width:calc(100% - 00px);background:rgba(var(--white-rgb),.9);left:0;opacity: 1;position: relative;}
#article_list li .info_box p{height:34px;font-size:20px}
#article_list li .info_box .cate{z-index:2;font-size: 20px;height: 33px;}
#article_list li .info_box article{margin:15px 0 40px;height:90px;line-height:220%;font-weight:300;font-size:14px;-webkit-line-clamp:3}
t .right_box p{text-align:center}

/* news_list */
#news_list li img{height:320px}
#news_list li .info_box{padding:15px 30px;background:#f6f6f6}
#news_list li .info_box p a{margin-right:10px;max-width:calc(100% - 100px);font-weight:400;z-index:2}
#news_list li .info_box p .time{width:auto;font-weight:300}
#news_list li .info_box h3{height:34px;font-size:20px}

/* faq_list */

#news_list li img{height:320px}
#news_list li .info_box{padding:15px 30px;background:#f6f6f6}
#news_list li .info_box p a{margin-right:10px;max-width:calc(100% - 100px);font-weight:400;z-index:2}
#news_list li .info_box p .time{width:auto;font-weight:300}
#new#faq_list{margin-top:20px}
#faq_list li{margin-bottom:30px}
#faq_list li .title font{padding:15px 65px 15px 25px;background:var(--white);font-size:max(1.4*(1vw + 1vh) / 2,16px);box-shadow:0 0 4px rgba(var(--black-rgb),.2)}
#faq_list li .title i{font-size:26px;top:calc((100% - 26px) / 2);right:25px}
#faq_list li .info{padding:25px;font-size:14px;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}
#faq_list li.current{box-shadow:0 0 15px rgba(var(--black-rgb),.2)}
#faq_list li.current .title font{background:var(--gray);box-shadow:none;color:var(--white)}
#faq_list li.current .title i{color:var(--white)}
s_list li .info_box h3{height:34px;font-size:20px}

/* book_list */
#book_list img{height:100%;border-radius:10px 10px 10px 10px;aspect-ratio: 4/2;object-fit: cover;}
#book_list li:nth-child(2) img, #book_list li:nth-child(3) img, #book_list li:nth-child(8) img, #book_list li:nth-child(10) img{
    aspect-ratio: 4 / 3;
    width: 100%;
}
#book_list li:first-child img{border-radius:10px 10px 50px 10px;}
.webBox #book_list .img_scale:hover img{transform:scale(1);-webkit-transform:scale(1);-moz-transform:translateY(-9px);-webkit-transform:translateY(-9px);-o-transform:translateY(-9px);-ms-transform:translateY(-9px);transform:translateY(-9px);}
#book_list .img_box{border:var(--white) solid;border-width:0 1px 1px 0;padding-top: 0;margin:0 auto;width: 100%;display: flex;flex-direction: column;}
#book_list .img_box:before,#book_list .img_box:after{position:absolute;width:100%;height:100%;background:var(--white);z-index:9;opacity:.4;content:""}
#book_list .img_box:after{right:0;bottom:0}
#book_list .atag_item{z-index:10;}
#book_list .badge{margin:auto;max-width:calc(100% - 0px);height:21px;line-height:120%;width:100%;font-size:max(1.2*(1vw + 1vh) / 2,16px);background:unset;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;white-space:break-spaces;color:#4b4b4b;margin-top:7px}
#book_list .teinfo{display:flex;margin-top: 10px;}
#book_list li:first-child .teinfo{align-items:center;}
#book_list li:first-child .teinfo .badge{margin-bottom:0px;margin-top:0}
#book_list li:nth-child(3) .img_box{}

/* album_list */
#album_list{flex-wrap:wrap}
#album_list>div{margin:0 1px 1px 0;height:300px;flex-grow:1}
#album_list>div img{width:auto;min-width:100%;height:300px}
#book_list{width:min(90%,1440px);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows: 285px 285px 471px 470px 285px 285px;grid-column-gap:20px;grid-row-gap:20px}
#book_list li{display: flex;width:100%;justify-content: flex-start;flex-direction: column;}
#book_list li:nth-child(4),#book_list li:nth-child(5),#book_list li:nth-child(6),#book_list li:nth-child(7){grid-column:span 2;grid-row:span 1}
#book_list li:nth-child(4) img,#book_list li:nth-child(5) img,#book_list li:nth-child(6) img,#book_list li:nth-child(7) img{width:100%;margin:0 auto;min-height:395px;}
#book_list li:first-child{grid-column:span 3;grid-row:span 2;}
#book_list li:first-child:hover:after{top:10px}
#book_list li:nth-child(9){grid-column: 2 / span 3;grid-row: span 2;}
#book_list li:nth-child(9):hover:after{bottom:72px}
#book_list li:nth-child(9) img{border-radius:50px 10px 10px 10px;}
.qanimg{display:flex;flex-direction:column;align-items:center;margin:70px 0px 30px}
.qanimg img{border-radius:20px;width:min(90%,1280px)}

/*matJbox*/
.matJbox{margin:20px auto;width:min(90%,1280px);padding:50px;box-shadow:0 0 10px rgb(176 176 176 / 30%);border-radius:20px}
.matJbox .workframe{width:100%}

/* content_wrap */
#content_wrap{position:relative;padding:50px 0 50px;z-index:1;background:#ffffff;border-bottom:#ededed 1px solid;background-position:50%;background:linear-gradient(45deg,#f6f6f6,#ffffff);}
#content_wrap h1{margin-bottom:5px;padding:30px 20px 10px;border-bottom:1px rgba(var(--black-rgb),.1) solid;line-height:130%;font-size:max(2.2*(1vw + 1vh) / 2,26px)}
#content_wrap .top_box{padding:0 20px}
#content_wrap .quote_box{margin-right:30px}

/* pagenav */
#pagenav{padding-top:50px}
#pagenav a,#pagenav strong{margin:0 2px;width:35px;height:35px;background:rgba(var(--black-rgb),.1);border-radius:5px;display:inline-block;text-align:center;line-height:35px;font-weight:400}
#pagenav strong{background:var(--primary);color:var(--white)}
#pagenav a:first-child,#pagenav a:last-child{line-height:30px}
#pagenav p a{margin:0;padding:0 20px;width:auto;border-radius:20px}
#pagenav p a i{margin:0 5px 0 0}
#pagenav p a font{-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}
#pagenav p:last-child a i{margin:0 0 0 5px}

/* describe */
#describe{margin:2em 0 5vw}
.cenifame{display:flex;flex-direction:column;align-items:center}
.antext{display:flex;flex-direction:column;align-items:center;padding:20px 0 0px}
.antext p{text-align:center}
.cenifame iframe{width:min(100%,1000px);aspect-ratio:5/3;height:auto}
.cninfotext{padding:50px;background:#ffffff;box-shadow:0 0 21px rgb(208 208 208 / 30%)}
.cninfotext div{margin-bottom:30px}
.cninfotext h3{font-size:max(1.6*(1vw + 1vh) / 2,18px);color:#a3c9cb;font-weight:500}
.cninfotext p{font-size:max(1.2*(1vw + 1vh) / 2,16px)}
.cenifame .titlevent{display:flex;flex-direction:column;align-items:center;padding:30px 0}
.cenifame .titlevent h2{margin-top:20px}
.cenifame .titlevent:before{content:"";position:relative;display:flex;width:1px;height:50px;background:#a1a1a1}
#describe *{vertical-align:bottom;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}

/* form_box */
.pag_desc{padding:0 50px;}
.form_box{display:flex;gap:20px 30px;margin-top:30px;flex-wrap:wrap;padding: 0 50px;}
.form_box .d_flex{width:100%;display:flex;align-items:center}
.form_box .check_box{display:flex}
.form_box .check_box label{width:100px}
.form_box h2{width:100%;font-size:max(1.8*(1vw + 1vh) / 2,20px);line-height:180%;border-bottom:#d4d4d470 1px solid;margin-bottom:10px;margin-top:20px;color:var(--complement)}
.form_box h2 .note{
    margin-left: 10px;
    font-weight: 300;
}
.form_box .fullcobox{width:100%}
.form_box .fullcobox p{display:flex;flex-direction:column}
.form_box .fullcobox p label{width:100%}
.form_box .fullcobox p font{width:100%}
.miundbox{display:flex;width:100%}
.form_box input,.form_box textarea{margin:7px 0}
.form_box .miundbox .d_flex{display:flex;flex-direction:column}
.form_box .miundbox .d_flex label{width:100%}
.form_box .miundbox .d_flex font{width:100%}
.miundbox .miu01{width:50%;display:flex;flex-direction:column}
.miundbox .miu02{width:50%;display:flex;flex-direction:column}
.chosebox{width:100%;display:flex;flex-wrap:wrap}
.chosebox .cmlist{width:100%;display:flex;flex-wrap:wrap}
.chosebox .cmlist p{margin-right:13px;display:flex;align-items:center}
.custom-radio{display:inline-flex;align-items:center;cursor:pointer;font-size: max(1.4*(1vw + 1vh) / 2, 16px);cursor:context-menu}
.custom-radio input{opacity:0;position:absolute;z-index:8;cursor:pointer}
.checkmark{height:20px;width:20px;background-color:#eee;border-radius:50%;margin-right:10px;position:relative}
.custom-radio input:checked+.checkmark{background-color:#a3c9cb}
.custom-radio input:checked+.checkmark::after{content:"";position:absolute;top:4px;left:4px;height:12px;width:12px;background-color:white;border-radius:50%}
.details{width:100%;margin:20px 0 0}
.details p{width:100%;display:flex;margin:5px 0 10px}
.details p label{width:30%;font-size:max(1.4*(1vw + 1vh) / 2,16px)}
.details .twoochJ p label{width:35%;font-size:max(1.2*(1vw + 1vh) / 2,15px)}
.details .twoochJ p input{width:40%;border:none}
.details p font{width:70%}
.form_box .cenobox{width:23%}
.form_box p.large{grid-column:1/3}
.form_box p.note{margin-bottom:20px}
.form_box .send_box{display:flex;flex-direction:column;align-items:center;margin:0 auto}
.form_box p #btnOK{width:150px;overflow:hidden;background:#a3c9cb}
.form_box p #btnOK font{color:#ffffff}
.movieJ{display:flex;flex-wrap:wrap;padding:50px 0;border-bottom:#e4e4e4 1px solid;border-top:#e4e4e4 1px solid;margin:40px 0 0}
.movieJ .answerJ{width:100%;font-size:max(1.4*(1vw + 1vh) / 2,16px)}
.twoochJ{width:100%;display:flex}

/* 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}
[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}

@media screen and (min-width:1281px){
	#sub_banner a,#page_title{padding-top:0;height:400px}
	aside>ul>li:hover h4 a,aside>ul>li:hover h4 i,aside>ul>li.action h4 a{color:var(--complement)}
	aside>ul>li.action h4 a{border-bottom:var(--complement) 2px solid;font-weight:600}
	#article_list li:hover font.more_btn{
    background: #a3c9cb;!;!importan;!i;!;!;
}
	#book_list li{padding:10px;margin-bottom:5px;}
	#pagenav a:hover{background:var(--primary);color:var(--white)}
	#pagenav a:hover font,#pagenav a:hover i,#pagenav a:hover i:before{color:var(--white)}
}
@media screen and (max-width:1470px){
	.qanimg img,.workframe,.matJbox{width:min(92%,1000px)}
	#content_wrap{padding:20px 0}
	.form_box .cenobox{width:20%}
	.form_box .cenobox input{width:98%}
	.details p label{width:40%}
	.details .twoochJ p label{width:44%}
	#book_list{width:min(90%,1160px);grid-template-rows: 240px 240px 340px 340px 240px 240px;}
	#book_list img{min-height:175px;}
	#book_list li{padding:0 10px}
	#book_list li:first-child .img_box, #book_list li:nth-child(9) .img_box{height: 465px;padding-top: 0;}
	#book_list li:first-child:after{top:10px}
	#book_list li:first-child:hover:after{top:0}
	#book_list li:nth-child(9):after{bottom:38px}
	#book_list li:nth-child(9):hover:after{bottom:48px}
	#book_list li:nth-child(4) img, #book_list li:nth-child(5) img, #book_list li:nth-child(6) img, #book_list li:nth-child(7) img{
    min-height: 280px;
}
}
@media screen and (max-width:1024px){
	#book_list{grid-template-rows:240px 253px 230px  127px 100px}
	.form_box{grid-template-columns:1fr}
	.form_box p.large{grid-column:inherit}
	.form_box .cenobox{width:47%}
	#book_list li:first-child{grid-column:span 4;grid-row:span 2}
	#book_list li:nth-child(4),#book_list li:nth-child(5),#book_list li:nth-child(6),#book_list li:nth-child(7){grid-column:span 1;grid-row:span 1}
	#book_list li:nth-child(2) img,#book_list li:nth-child(3) img,#book_list li:nth-child(4) img,#book_list li:nth-child(5) img{border-radius:10px;height:100%;min-height:152px}
	#book_list li:nth-child(3) .img_box{
    padding-bottom: 0;
}
	#book_list li:nth-child(6){grid-column:1 / span 4;grid-row:span 3}
	#book_list li:nth-child(6) img{width:100%}
	#book_list li:nth-child(6):after{content:"";background:url(/images/40/wooJ2.png);width:200px;position:absolute;right:calc(0% - -10px);bottom:29px;background-size:contain;aspect-ratio:1/1;z-index:0;-moz-transform:scaleY(-1);-webkit-transform:scaleY(-1);-o-transform:scaleY(-1);-ms-transform:scaleY(-1);transform:scaleY(-1);transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out}
	#book_list li:nth-child(6):hover:after{bottom:48px}
	#book_list li:nth-child(6) img{border-radius:50px 10px 10px 10px}
	#book_list li:nth-child(9){grid-column:unset;grid-row:span 2}
	#book_list li:nth-child(9):after{display:none}
	#book_list li:nth-child(9):hover:after{display:none}
	#book_list li:nth-child(9) img{border-radius:10px}
	#book_list img{min-height:175px}
	#book_list li:nth-child(7) img{min-height:175px}
}
@media screen and (max-width:768px){
	#article_list li img{height:50vw}
	#news_list li .info_box{padding:15px 0}
	.form_box .cenobox{width:100%}
	#book_list{grid-template-columns:repeat(2,1fr);grid-template-rows:500px 250px 300px 500px 250px 250px}
	#book_list li:first-child{grid-column:span 2;grid-row:span 1}
	#book_list li:nth-child(6){grid-column:1 / span 2;grid-row:span 1}
	#book_list li:nth-child(4) img,#book_list li:nth-child(5) img,#book_list li:nth-child(6) img,#book_list li:nth-child(7) img{width:100%}
	#book_list li:nth-child(6):after{bottom:73px;width:150px}
}
@media screen and (max-width:640px){
    .form_box, .pag_desc{padding: 0 15px;}
	.details p{display:flex;flex-direction:column}
	.chosebox .cmlist p{margin-right:0}
	.matJbox{padding:20px}
	.details p label,.details p font{width:100%}
	.twoochJ{display:flex;flex-direction:column}
	.details .twoochJ p label{width:100%}
	.details .twoochJ p input{width:100%}
	.movieJ{margin:30px 0 0;padding:15px 0}
	#article_list li img{height:320px}
	#book_list{margin:0 5%;display:flex;flex-direction:column}
	#book_list li{margin-bottom:20px}
	#book_list .img_box{border:0}
	#book_list li:first-child .img_box, #book_list li:nth-child(9) .img_box{height:auto;}
	#book_list img{min-height:auto!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;height:285px!important}
	#book_list li:first-child .img_box{height: unset;}
	#book_list li:first-child .teinfo .badge{margin-top: 20px;}
	#album_list>div,#album_list>div img{height:40vw}
	#book_list li:nth-child(6) img,#book_list li:first-child img{border-radius:10px}
}
@media screen and (min-width:551px){
	#sidenav a#showSide{display:none}
}
@media screen and (max-width:550px){
	#community{margin-top:10px}
	#pagenav p a i,#pagenav p:last-child a i{margin:0}
	#content_wrap{padding:30px 0}
	#content_wrap h1{padding-left:1px;font-size:max(2.2*(1vw + 1vh) / 2,24px)}
	#sub_banner a,#page_title{height:280px}
	#page_title>div{margin-top:67px}
	aside>ul>li h4{padding:0 0;display:flex}
	aside>ul>li h4 a{color:#1b1b1b;padding:0 0;width:100%;padding:2px 16px}
	aside>ul>li{background:unset;padding:7px 3px;border-radius:0;border-bottom:#e8e8e8 1px solid}
	#category_nav{text-align:left;padding:30px 21px 30px;display:flex;flex-direction:column}
	aside>ul>li.action h4 a{color:#000000}
	aside>ul>li.action{background:#f1f1f1}
	#wrap aside.page_area.mmbnone{display:none}
	#sidenav ul#category_nav{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;z-index:-1;display:none}
	#sidenav ul#category_nav[data-type="1"]{z-index:99;opacity:6;-webkit-transform:scale(1) translateY(0);-ms-transform:scale(1) translateY(0);transform:scale(1) translateY(0);display:flex}
	.list_box li{margin:10px 10px 20px;border-radius:20px}
	#product_list{display:flex;flex-wrap:wrap}
	#product_list li{width:48%;margin:5px 1%}
	#article_list li h3{width:95%;left:2.5%}
	#book_list .badge{max-width:100%}
}
@media screen and (max-width:450px){
	#album_list>div,#album_list>div img{height:50vw}
	#pagenav a,#pagenav strong{margin:0 2px;width:24px;height:24px;line-height:24px;font-size:14px}
	#pagenav a:first-child,#pagenav a:last-child{line-height:20px}
	#pagenav p a i,#pagenav p:last-child a i{font-size:20px}
}
@media screen and (min-width:1921px){
	aside>ul>li h4 a{font-size:27px}
	#sub_banner a,#page_title{height:500px}
	#page_title>div{padding-top:95px}
	.waylink ol li,.waylink ol li a{font-size:24px}
	#content_wrap{padding:100px 0 90px}
	#news_list li .info_box h3{height:55px;font-size:31px}
	#news_list li .info_box p a{font-size:30px;height:60px}
	#book_list{width:min(90%,90%);grid-template-rows: 400px 400px 510px 510px 400px 400px;}
	#book_list .badge{font-size:30px;height:43px;line-height:150%}
	#book_list li{margin-bottom: 0;display: flex;justify-content: flex-start;}
	#article_list li h3{font-size:25px;height:48px}
	.list_box li{margin-bottom:30px}
	.cenifame iframe{width:min(100%,85%)}
	.matJbox{width:90%}
	.qanimg img{width:90%}
	.form_box .check_box label{width:150px}
	input#Checknum{width:150px}
	.form_box .check_box img{width:140px!important}
	#book_list li:first-child img ,#book_list li:nth-child(9) img{aspect-ratio: 4 / 3;}
	#book_list .img_box{padding-top: 0;}
}

@media screen and (min-width:2560px){
	.size-18{font-size: 33px;}
	.col-md-6 img{width: 90%;margin: 0 auto;}
	#article_list li .info_box .cate{font-size: 39px;height: 74px;}
	#article_list li .info_box article{font-size: 24px;-webkit-line-clamp: 2;}
	#article_list li .info_box p{font-size: 38px;height: 66px;}
	#book_list{grid-template-rows: 460px 460px 650px 650px 460px 460px;}
	#book_list li:nth-child(3) .img_box{padding-bottom: 0;}
	#book_list li{margin-bottom: 0;display: flex;flex-direction: column;}
}