/* sub_banner_box */
#sub_banner_box .parallax_bg{margin-bottom:0;min-height:420px}
#sub_banner_box .parallax_bg:after{content:'';background:#404040;position:absolute;width:100%;height:100%;top:0;opacity:.35}

/* sub_title */
#sbantitle .sub_title{top:32%;width:100%}
#sbantitle .sub_title h3{color:var(--white);font-size:max(3 * (1vw + 1vh) / 2,20px);text-align:center}
#sbantitle .sub_title p{text-align:center;color:var(--white);font-size:20px;padding:0 5%;font-weight:300}

/* wrap */
#wrap{background-image:url(/images/44/wrap-bg.jpg);background-repeat:no-repeat;background-position:50% 40%;background-size:100%}
#wrap .pag_tit{margin-bottom:40px;line-height:170%}
#wrap .new_pag_tit{margin-bottom:40px;line-height:170%;border-bottom:1px solid #b5b5b5;font-size:30px;font-weight:500;color:#404040;display:flex;align-items:center;flex-wrap:wrap;padding-bottom:20px;margin-top:50px}
#wrap .new_pag_tit img{width:40px;margin-right:15px}
#wrap .new_pag_tit.small{font-size:24px;line-height:150%}

/* waylink */
.waylink{margin:0px auto;width:min(95%,1280px);padding:11px 0 0}
.waylink ol{display:none}
.waylink ol li,.waylink ol li a{font-weight:300;font-size:14px;vertical-align:bottom;display:flex;align-items:center}
.waylink ol li:after{margin:0 10px;display:inline-block;font-weight:100;font-size:12px;color:var(--info);content:">"}
.waylink ol li:last-child:after{display:none}
.waylink ol li svg{width:18px;height:18px}
/* aside */
aside{margin-bottom:60px;z-index:5}
aside ul li b{padding:5px 10px 5px 5px}
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;font-weight:500;font-size:18px;letter-spacing:.15em}
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(--black);font-weight:400}
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}
.mb_nav{display:none}
#content_wrap li{list-style: none;}
/* content_wrap */
#content_wrap{padding: 0 0 80px;min-height:350px}
#content_wrap .list_box li{margin-bottom:50px;vertical-align:top}
#content_wrap .img_box{background-color:#f9f9f9}
#content_wrap .info_box{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
#content_wrap .info_box .time{width:85px;font-weight:300;font-size:16px;color:#404040;text-align:right}
#content_wrap .info_box .more_btn{margin-left:10px;padding:2px 15px;max-width:calc(100% - 105px);height:22px;font-weight:100;font-size:13px;z-index:6}
#content_wrap .info_box .quote_box *{font-weight:400;font-size:13px}
#content_wrap .info_box h3{height:auto;font-size:16px;font-weight:500;color:#404040;width:calc(100% - 85px)}
#content_wrap .info_box>div{padding:20px;border-radius:0 15px 15px 15px}
#content_wrap .info_box>div article{height:42px;line-height:140%;font-weight:300;font-size:15px;-webkit-line-clamp:2}

.pooJbox{
    display: grid;
    grid-template-columns: 18% 81%;
    gap: 1%;
}
.pooJbox .pooleftbox{
    border-right: #e9e9e9 1px solid;
}
.pooJbox .pooleftbox li a{
    width: 100%;
    padding: 16px 10px;
}
.pooJbox .pooleftbox li a:hover{
    background: #efefef;
}
.pooJbox .pooleftbox *{
	box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box
}
.pooJbox .pooleftbox li.action a{
    background: #dcdcdc;
}
@media screen and (max-width: 980px){
	.pooJbox .pooleftbox{display: flex;justify-content: center;}
	.pooJbox{display: flex;flex-direction: column;}
}


/* book_list */
#book_list{margin:80px 0 20px}
#content_wrap .list_box#book_list li{width:calc(50% - 40px);border-radius:5px;overflow:hidden;box-shadow:0 0 5px rgb(0 0 0 / 20%)}
#book_list li h3{height:auto;font-size:19px;color:#000000;text-align:left;font-weight:400;padding:10px 50px 10px 25px;background:#e2e2e2;border-radius:5px 5px 0 0;position:absolute;bottom:0;width:calc(100% - 75px)}
#book_list li h3 svg{width:14px;height:14px;position:absolute;right:20px;top:19px}
#book_list li:hover h3 svg{right:10px;fill:var(--white)}
#book_list li:hover h3{color:#fff;background:var(--primary)}
#content_wrap #imglist{margin:90px 0 0}
#imglist a{border-radius:5px;overflow:hidden;display:block;margin:10px 20px}
#imglist .slider-nav .slick-slide{margin:25px 20px 0}
#imglist .slider-nav img{border-radius:5px;background-repeat:no-repeat;background-position:50% 50%;background-size:cover}
#imglist .slider-nav .slick-prev:before{content:'';background-image:url(/images/44/left.png);background-repeat:no-repeat;background-position:50% 50%;background-size:cover;width:19px;height:33px;display:block}
#imglist .slider-nav .slick-next:before{content:'';background-image:url(/images/44/right.png);background-repeat:no-repeat;background-position:50% 50%;background-size:cover;width:19px;height:33px;display:block}

/* album_list */
#album_list{margin-bottom:5vw;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}

/* news_list */
#content_wrap .list_box#news_list{margin:0 0 80px}
#content_wrap .list_box#news_list li{width:100%;border-bottom:1px solid #b5b5b5;padding:20px 0;margin:0}


/* faq_list */
#faq_list{margin-bottom:50px}
#faq_list li{border-bottom:1px solid #9a9a9a}
#faq_list li .title{padding:30px 20px 30px 0}
#faq_list li .title .txt{width:calc(100% - 50px);font-size:20px}
#faq_list li .title .icon{width:40px;height:34px;position:absolute;right:0}
#faq_list li .title .icon b{display:none}
#faq_list li .title .icon:before,#faq_list li .title .icon:after{position:absolute;margin:auto;width:11px;height:2px;background:#414141;display:block;top:calc((100% - 2px) / 2);left:calc((100% - 14px) / 2);content:"";-webkit-transform:rotate(-40deg)}
#faq_list li .title .icon:after{-webkit-transform:rotate(40deg);left:5px}
#faq_list li.current .title .icon:after{-webkit-transform:rotate(-40deg)}
#faq_list li.current .title .icon:before{-webkit-transform:rotate(40deg)}
#faq_list li .info{padding:0 0 30px 0;font-size:17px;line-height:200%;font-weight:300}

/* pagenav */
#pagenav a,#pagenav strong{margin:0 2px;width:35px;height:35px;display:inline-block;text-align:center;line-height:35px;font-weight:400}
#pagenav strong{background:var(--primary);color:var(--white)}
#pagenav p{margin:0 5px;width:calc(50% - 10px);vertical-align:top}
#pagenav p a{margin:15px 0 0;padding:0 15px;width:auto;height:auto;line-height:initial;font-size:0}
#pagenav p a i{margin:0 5px 0 0;width:11px;line-height:23px;font-size:12px;vertical-align:top}
#pagenav p a font{max-width:calc(100% - 16px);min-width:auto;font-size:14px;font-weight:100;vertical-align:top}
#pagenav p:last-child a i{margin:0 0 0 5px}

/* community */
#community li{margin-right:5px}
#community li,#community li *{line-height:100%}
#community li .fb_iframe_widget{display:block !important}

/* describe */
#describe{margin:2em 0 5vw}
#describe *,.tab_content *{vertical-align:bottom}
/* google_shere */
#google_shere {margin-top: 30px;display: none;}

/* Cgmap */
#Cgmap{width:100%;margin-bottom:50px;margin-top:55px}
#Cgmap iframe{width:100%;height:350px}

/* contactBpx */
#content_wrap.contactBpx{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:100px}
#content_wrap.contactBpx .info{width:25%;border:1px solid #a3a3a3;background:var(--white);padding:30px}
#content_wrap.contactBpx .info h3{font-size:22px;color:#5F7584;font-weight:400;margin-bottom:30px}
#content_wrap.contactBpx .info h5{font-size:16px;color:#404040;font-weight:300;margin-bottom:10px;text-decoration:underline}
#content_wrap.contactBpx .info p{margin-bottom:25px;font-size:15px}
#content_wrap.contactBpx .info p span{vertical-align:baseline;font-size:15px}
.form_box p.note .red{color:#f00}
.form_box p.item{padding:15px;border-bottom:1px rgba(var(--primary-rgb),.7) dashed;display:flex}
.form_box p.item label{width:160px}
.form_box p.item label span{font-weight:500;font-size:17px}
.form_box p.item label i{margin-left:15px;line-height:20px;font-size:20px;color:#f00}
.form_box p.item font{margin:5px 0;width:calc(100% - 120px)}
.form_box p.item.check_box{border-bottom:0}
.form_box p.send_box{margin:15px 0 50px}

/* 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) {

	aside>ul>li:hover h4 a,
	aside>ul>li:hover h4 i {color: var(--primary);}
}

@media screen and (min-width: 761px) {
	#wrap{background-attachment:fixed}
	.form_box p.item{padding:30px 20px}
	.form_box p.item label{width:170px}
	.form_box p.item font{margin:0 0 0 30px;width:calc(100% - 200px)}
}

@media screen and (min-width:761px) {
	.form_box p.item{padding:30px 20px}
	.form_box p.item label{width:170px}
	.form_box p.item font{margin:0 0 0 30px;width:calc(100% - 200px)}
}

@media screen and (max-width: 768px){
	.pooJbox{
    display: flex;
    flex-direction: column;
}
}
@media screen and (max-width: 640px) {
	.form_box p.item{display:flex;flex-direction:column}
.form_box p.item font,.form_box p.item label{width:100%}
.mb_nav{display:flex;flex-direction:column;align-items:center;border:#79797957 1px solid;padding:10px 0}
.mb_nav p{display:flex}
.mb_nav b{margin-left:10px;display:flex;align-items:center}
.soon.mb_nav b .fa{transform:rotate(180deg);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg)}
.mb_nav .fa:before{content:"\f107"}
#category_nav{position:absolute;display:flex;flex-direction:column;background:#f3f3f3;width:100%;height:0;opacity:0}
#category_nav.showme{height:400px;opacity:100%;z-index:999}
#album_list>div,#album_list>div img{height:40vw}
#sbantitle .sub_title h3{font-size:30px;line-height:150%}
#sbantitle .sub_title p{font-size:15px;padding:0}
#sbantitle .sub_title{top:49%;bottom:100px}
#imglist a{margin:5px}
#imglist .slider-nav .slick-slide{margin:5px 5px 0}
#imglist .slider-nav .slick-next:before,#imglist .slider-nav .slick-prev:before{width:10px;height:18px}
#imglist .slider-nav .slick-prev{left:-10px}
#imglist .slider-nav .slick-next{right:-22px}
#sub_banner_box .parallax_bg{min-height:254px}
#sub_banner_box .parallax_svg.bottom{display:none}
#content_wrap.contactBpx .info{width:100%}
#pagenav p a font{display:none}
}