/* header */
header {padding:0 2.5%;}
header,header.scroll {position:fixed;z-index:99;width:100%;top:0;display:flex;padding:0;background:white;}
/* sub_banner */
#sub_banner .img_box {border-top-left-radius:10vw;}
#sub_banner .img_box:after {position:absolute;width:100%;height:100%;background:rgba(var(--black-rgb),.5);display:block;top:0;left:0;content:"";}
#sub_banner .img_box img {height:400px;}
#sub_banner h2 {margin:auto;padding:2px 5px;font-size:28px;border:var(--white) solid;border-width:1px 0;}
/* wrap */
#wrap {z-index:4;margin-top: -180px;background: white;}
#wrap .pag_tit {margin-bottom:40px;line-height:170%;font-size:40px;}
/* waylink */
.waylink {margin:15px 0;position: absolute;right: 15px;top: -54px;}
.waylink ol li,.waylink ol li a {letter-spacing:.1em;font-weight:100;font-size:13px;vertical-align:bottom;color: #f1f1f1;}
.waylink ol li:after {margin:0 10px;display:inline-block;font-weight:100;font-size:12px;color: #f1f1f1;content:"/";}
.waylink ol li:last-child:after {margin:0;content:"";}

.mb_nav {display: none;}
/* aside */
aside {margin-bottom: 10px;z-index:5;padding-top: 30px;}
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;}
/* content_wrap */
#content_wrap {min-height:350px;}
#content_wrap .pag_desc {margin-top: 40px;padding:60px 0;background:rgba(var(--primary-rgb),.1);}
#content_wrap .page_bottom {margin:5vw auto;}
#content_wrap .album {margin-bottom:60px;}
/* article_list */
#article_list li {margin:5vw 0;justify-content:space-between;flex-wrap:wrap;}
#article_list li .img {border-radius:0 0 200px;}
#article_list li .img img {height:400px;}
#article_list li .info_box {margin:auto;}
#article_list li .info_box h3 {margin-bottom:15px;height:59px;font-weight:400;font-size:35px;}
#article_list li .info_box article {height:124px;line-height:210%;letter-spacing:.15em;font-weight:100;font-size:15px;-webkit-line-clamp:4;}
#article_list li:last-child {margin-bottom:0;}
#article_list li:nth-child(2n),#pagenav p:last-child a {flex-direction:row-reverse;}
#article_list li:nth-child(2n) .img {border-radius:0 0 0 200px;}
/* news_list */
#news_list li {padding:0 30px;border-bottom:1px rgba(var(--secondary-rgb),.6) solid;}
#news_list li:first-child {border-top:1px rgba(var(--secondary-rgb),.6) solid;}
#news_list li .time {margin-right:40px;width:70px;font-size:14px;}
#news_list li h3 {margin:30px 0;width:calc(100% - 110px);}
/* news_top */
.news_top {justify-content:space-between;align-items:flex-start;}
.news_top p {width:70px;font-weight:100;font-size:14px;}
.news_top p.quote_box {margin-left:20px;width:calc(100% - 90px);line-height:100%;}
.news_top p >* {font-weight:100;font-size:14px;}
/* faq_list */
#faq_list li {padding:0 5px;border-bottom:2px var(--secondary) solid;}
#faq_list li .title {padding:20px 0;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;}
#faq_list li .title .txt {max-width:calc(100% - 34px);font-size:20px;}
#faq_list li .title .icon {width:34px;height:34px;}
#faq_list li .title .icon:before,#faq_list li .title .icon:after {position:absolute;margin:auto;width:14px;height:2px;background:var(--secondary);display:block;top:calc((100% - 2px) / 2);left:calc((100% - 14px) / 2);content:"";}
#faq_list li .info {margin:0 auto 30px;width:95%;font-weight:300;font-size:14px;}
#faq_list li.current .title {padding-left:15px;}
#faq_list li.current .title .txt {color:var(--primary);}
#faq_list li.current .title .icon:before,#faq_list li.current .title .icon:after {background:var(--primary);}
/* book_list */
#book_list {-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;}
#book_list li >div {margin:5%;}
#book_list li img {height:300px;}
#book_list li h3 {margin:15px 0;height:37px;font-size:22px;}
#book_list >div {margin:0 1px 1px 0;height:300px;flex-grow:1;}
#book_list >div img {width:auto;min-width:100%;height:300px;}
/* pagenav */
#pagenav {flex-wrap:wrap;justify-content:center;align-items:center;}
#pagenav >a,#pagenav strong {margin:0 10px;}
#pagenav strong {opacity:.6;}
#pagenav i {position:relative;width:20px;height:1px;background:var(--secondary);}
#pagenav i:before {position:absolute;width:1px;height:5px;background:var(--secondary);display:block;bottom:0;left:2px;content:"";}
#pagenav p {margin-top:15px;}
#pagenav p a {display:inline-flex;flex-wrap:wrap;align-items:flex-start;font-size:0;}
#pagenav p a i {margin:15px 5px 0;}
#pagenav p a font {margin:0 5px;max-width:calc(100% - 40px);min-width:auto;font-weight:100;font-size:14px;}
/* describe */
#describe *,.tab_content * {vertical-align:bottom;color:currentcolor;}
/* form_box */
.form_box {margin-top:5vw;}
.form_box p {margin-bottom:25px;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;align-items:flex-start;}
.form_box p >label {margin-right:10px;width:120px;}
.form_box p >font {width:calc(100% - 130px);position: relative;}
.form_box p font.select:before{
    content: "⌵";
    position: absolute;
    right: 7px;
    top: 8px;
    z-index: 9;
    width: 20px;
    height: 20px;
}
.form_box p.check_box font {align-items:center;}
.form_box p.check_box img {height:20px;}
.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) {header.scroll #webmenu {right:0;display:flex;align-items:center;justify-content:space-between;width:90%;}
header #webmenu nav ul li.writing_straight {-ms-writing-mode:horizontal-tb;-webkit-writing-mode:horizontal-tb;writing-mode:horizontal-tb;}
#sub_banner {margin-top:95px;}
header #cis {width:400px;display:flex;text-align:left;}
header #webmenu {position:fixed;width:calc(100% - 300px);display:flex;justify-content:space-between;top:0;right:56px;align-items:center;}
#sub_banner .img_box {border-top-left-radius:200px;}
#sub_banner .img_box img {height:600px;}
#sub_banner h2 {border-width:0 1px;}
aside >ul >li:hover h4 a,aside >ul >li:hover h4 i,#pagenav a:hover,#pagenav a:hover font {color:var(--primary);}
#pagenav a:hover i,#pagenav a:hover i:before {background:var(--primary);}
}
@media screen and (max-width:1280px) {
    header #cis {padding:15px 0;}
    #article_list li .img {border-radius:0 0 10vw;}
    #article_list li:nth-child(2n) .img {border-radius:0 0 0 10vw;}
    #book_list li {display:flex;flex-direction:column;width:50%;}
    #book_list li h3 {font-size:16px;}
    #book_list li img {}
    #wrap{
        margin-top: -25px;
    }
    #sub_banner .atag_item{
        bottom: 0;
        top: auto;
        display: flex;
        align-items: flex-end;
        justify-content: center;
    }
    #sub_banner{
        margin-top: 116px;
    }
    #sub_banner h2{
        margin: 0;
        margin-bottom: 95px;
    }
}
@media screen and (max-width:980px) {#article_list li .info_box {margin:30px auto 8vw;}
#article_list li .info_box h3 {margin-bottom:5px;height:51px;font-size:30px;}
#article_list li .info_box article {height:62px;-webkit-line-clamp:2;}
#google_shere {margin-top:6vw;}
}
@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:640px) {
	#sub_banner .img_box {border-top-left-radius:0;}
	#article_list li .img img {height:65vw;}
	#book_list >div,#book_list >div img {height:40vw;}
	.form_box p font {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;}
}

	
	


@media screen and (max-width:550px) {#news_list li {padding:10px;}
#news_list li .time {font-weight:100;font-size:12px;}
#news_list li h3 {margin:0;width:100%;}
#book_list li img {height:250px;}
#pagenav >a,#pagenav strong {margin:0 5px;}
}
@media screen and (max-width:450px) {#book_list >div,#book_list >div img {height:50vw;}
}