header .menu{background:var(--white)}
header #menubtn[data-type="1"] a span{background:var(--secondary)}
#wrap{z-index:6;background-image:linear-gradient(to bottom,#fff,#f5f5f5)}
#wrap .page_area{margin:auto;width:100%;z-index:2;border-radius:0;top:85px;padding-top:0;margin-bottom:20px}
#wrap aside.page_area{display:none}
.runningcar{position:absolute;z-index:5;bottom:-63px;width:100%}
.runningcar img{position:relative;width:70px;animation:moveCar 5s infinite}
@keyframes moveCar{0%{left:0}
100%{left:100%}
}
#wrap .shadow{box-shadow:0 0 20px rgba(var(--black-rgb),.2)}
#page_title,#sub_banner a{padding-top:70px;height:400px}
#sub_banner a img{height:100%}
#sub_banner a:after{position:absolute;width:100%;height:100%;background:rgb(255 255 255 / 40%);top:0;left:0;z-index:2;content:""}
#page_title>div{margin:auto}
#page_title .pag_tit{line-height:1.3em;letter-spacing:.15em;font-size:2em;color:#616161}
.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;color:#626262}
.waylink ol li:after{margin:0 10px;display:inline-block;font-weight:100;font-size:12px;color:#626262;content:"/"}
.waylink ol li:last-child:after{margin:0;content:""}
aside>ul{margin-top:5vw}
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 li{margin:0 15px 50px}
.list_box li img{background:rgb(252 252 252 / 5%)}
#article_list li h3{padding:10px 20px;width:calc(90% - 40px);height:34px;background:rgba(var(--white-rgb),.9);line-height:37px;font-weight:400;font-size:20px;bottom:20px;left:5%}
#article_list li img{height:35vw}
#article_list li .info_box{padding:30px;width:calc(100% - 100px);background:rgba(var(--white-rgb),.9);bottom:-100%;left:20px;opacity:0}
#article_list li .info_box p{height:34px;font-size:20px}
#article_list li .info_box .cate{z-index:2}
#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}
#news_list li img{height:320px}
#news_list li .info_box{padding:15px 30px;background:#efefef}
#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:90px;font-weight:300}
#news_list li .info_box h3{height:34px;font-size:20px}
#faq_list li{margin-bottom:30px}
#faq_list li .title font{padding:15px 65px 15px 25px;background:var(--white);font-size:18px;box-shadow:0 0 15px 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:#bb715f;box-shadow:none;color:var(--white)}
#faq_list li.current .title i{color:var(--white)}
#book_list{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:50px;margin-bottom:50px}
#book_list li{width:100%}
#book_list img{height:450px;aspect-ratio:1/1}
#book_list span{display:flex;flex-direction:column;align-items:center;padding:10px 0}
#book_list .img_box{border-width:0 1px 1px 0;padding-top:20px}
#book_list .img_box:after,#book_list .img_box:before{position:absolute;width:100%;height:100%;background:rgb(255 255 255 / 28%);z-index:9;opacity:.4;content:"";top:0}
#book_list .img_box:after{right:0;bottom:0}
#book_list .atag_item{z-index:10}
#book_list .badge{margin:auto;padding:10px 20px;max-width:calc(80% - 40px);height:34px;line-height:36px;font-size:20px;font-size:max(1.2*(1vw + 1vh) / 2,15px);color:#cf817f;font-weight:500}
#album_list{flex-wrap:wrap}
#album_list>div{margin:0 1px 1px 0;height:400px;flex-grow:1}
#album_list>div img{width:auto;min-width:100%;height:400px}
#faqqBox{background:#fff;padding:60px;margin-bottom:5vw;margin-top:2vw}
#faqqBox h3{padding:15px 0;font-size:22px;color:#3f3d3c;text-align:center;font-weight:500;letter-spacing:2px}
#faqqBox h3:after{content:'';display:block;width:35px;height:1px;background:#474849;margin:15px auto 1.5vw}
#faqqBox #faq_list li{border-bottom:1px rgb(217 217 217 / 70%) dashed;box-shadow:unset}
#faqqBox #faq_list li .title{padding:20px 0}
#faqqBox #faq_list li .title font{vertical-align:top}
#faqqBox #faq_list li .title .txt{font-size:20px;color:#333;letter-spacing:1px}
#faqqBox #faq_list li .title .icon{width:40px;height:34px}
#faq_list li .title .icon:after,#faqqBox #faq_list li .title .icon:before{position:absolute;margin:auto;width:14px;height:2px;background:var(--primary);display:block;top:calc((100% - 2px)/ 2);left:calc((100% - 14px)/ 2);content:""}
#faqqBox #faq_list li .title .icon:after{transform:rotate(90deg);-webkit-transform:rotate(90deg)}
#faqqBox #faq_list li .info{padding:0 35px 30px;font-size:16px;color:#787575;line-height:2;text-align:justify}
#faqqBox #faq_list li.current .title .icon:after{transform:rotate(180deg);-webkit-transform:rotate(180deg)}
#faqqBox #faq_list li *{transition:unset;-webkit-transition:unset}
#content_wrap{padding:5vw 0;z-index:1;margin-top:60px;padding-bottom:5px}
#content_wrap h1{margin-bottom:0;padding:0 20px 16px;border-bottom:1px rgba(var(--black-rgb),.1) solid;line-height:130%;font-size:max(1.8 * (1vw + 1vh) / 2,20px);color:#5e5e5e}
#content_wrap .top_box{padding:0 20px}
#content_wrap .quote_box{margin-right:30px}
#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}
.webBox .slick-slider.album_list{margin:0 auto;margin-top:30px;width:min(90%,980px)}
.album_list .album_box a{display:block}
.album_list .album_box a img{width:100%;object-fit:contain;height:650px}
#community li{margin-right:5px}
#community li,#community li *{line-height:100%}
#community li .fb_iframe_widget{display:block!important}
#describe{margin:0 0 5vw}
#describe *{vertical-align:bottom;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
.form_box p{margin-bottom:15px}
.form_box p.note{margin-bottom:50px}
.form_box p #btnOK{width:150px}
[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}
.album_list_small{overflow:unset}
.webBox .slick-slider.album_list_small{display:flex;flex-wrap:wrap;margin:15px auto;width:min(90%,980px)}
.album_list_small .album_box{margin:5px}
.album_list_small img{height:140px;object-fit:cover;width:100%}
.album_list_small>div{width:100%;overflow:hidden;padding:0!important}
.album_list_small>div:nth-child(7n){margin-right:0}
.album_list_small>div a{display:block}
.album_list_small .slick-prev:before{content:'';background-image:url(/images/40/left.png);background-repeat:no-repeat;background-position:50% 50%;background-size:cover;width:19px;height:33px;display:block}
.album_list_small .slick-next:before{content:'';background-image:url(/images/40/right.png);background-repeat:no-repeat;background-position:50% 50%;background-size:cover;width:19px;height:33px;display:block}


@media screen and (min-width: 1281px) {
	#page_title,#sub_banner a{height:222px}
	aside>ul>li:hover h4 a,aside>ul>li:hover h4 i{color:var(--primary)}
	#article_list li:hover h3{opacity:0}
	#article_list li img{height:500px}
	#article_list li:hover .info_box{bottom:20px;opacity:1}
	#book_list li:hover .badge{background:var(--primary);color:var(--white)}
	#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) {
	#wrap .page_area{height:170px}
	.webBox .slick-slider.album_list,.webBox .slick-slider.album_list_small{width:min(100%,680px)}
	.album_list .album_box a img{height:447px}
	#book_list img{height:300px}
	#book_list{margin-bottom:0;grid-gap:20px}
}

@media screen and (max-width: 1024px) {
	#book_list{grid-template-columns:repeat(2,1fr)}
	#content_wrap{padding-top:100px;padding-bottom:100px}
	album_list_small img{height:100px}
	#content_wrap .album_list .album_box a img{height:600px}
	#content_wrap .list_book ul li{width:50%}
	#content_wrap .album_list .album_box{width:calc((100%/2) - 40px)}
}

@media screen and (max-width: 768px) {
	#content_wrap{padding-top:70px;padding-bottom:70px}
	#article_list li img{height:50vw}
	#content_wrap .album_list .album_box a img{height:250px}
	#news_list li .info_box{padding:15px 0}
	.album_list_small>div:nth-child(5n){margin-right:0}
}

@media screen and (max-width: 640px) {
	#article_list li img{height:320px}
	#book_list span{padding:5px 0}
	#book_list{grid-template-columns:repeat(2,1fr);grid-gap:10px}
	#book_list .img_box{border:0}
	#book_list img{height:150px}
	#album_list>div,#album_list>div img{height:auto;margin-bottom:8px}
	#wrap .page_area#page_title:before{width:20%}
	#wrap .page_area#page_title:after{width:20%}
	.runningcar img{width:40px}
	.album_list_small>div:nth-child(3n){margin-right:0}
	.album_list_small img{height:80px}
	#content .album_list .album_box a img{height:250px}
	#viewer{width:100%;margin:0 0 20px;height:40vh}
	#content .album_list .album_box{width:100%}
	#content .list_book ul li{width:100%}
	#content .list_book ul li>div{margin:0 0 20px}
	.album_list_small .slick-next:before,.album_list_small .slick-prev:before{width:10px;height:15px}
	.album_list_small .slick-prev{left:-11px}
}

@media screen and (max-width: 550px) {
	#community {margin-top: 10px;}
	#pagenav p a i,
	#pagenav p:last-child a i {margin: 0;}
}

@media screen and (max-width: 450px) {
	#album_list>div,#album_list>div img{height:50vw}
	#pagenav a,#pagenav strong{margin:0;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}
}