/* waylink */
.waylink { margin: 50px 0; }
.waylink ol li , .waylink ol li a { letter-spacing: .1em; font-weight: 300; font-size: 13px; vertical-align: bottom; }
.waylink ol li:after { margin: 0 10px; display: inline-block; font-weight: 300; font-size: 12px; color: var(--info); content: ">"; }
.waylink ol li:last-child:after { margin: 0; content: ""; }

/* sub_banner */
#sub_banner img {height: 52vw;}
#sub_banner .tit { bottom: 10vh; left: 0; }
#sub_banner .tit h4 { font-weight: 400; font-size: 22px; }
#sub_banner .tit h2 {text-transform: uppercase;line-height: 110%;letter-spacing: .05em;font-weight: 500;font-size: 40px;}

/* bg_box */
.bg_box { background: url(/images/00/img-wrapbg.png) repeat-y 50% 0; }
.bg_box:before { position: absolute; border-width: 175px 155px 0 0; top: 0; left: 0; z-index: 2; content: ""; }
.bg_box:after { position: absolute; border-width: 0 50vw 75px 0; top: 0; right: 0; z-index: 1; content: ""; }
.bg_box .workframe { z-index: 3; }

/* news_list */
#news_list li { margin-bottom: 50px; }
#news_list li:before { position: absolute; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px var(--gray) solid; top: -10px; left: -10px; content: ""; }
#news_list li .img_box img { height: 400px; }
#news_list li .info_box { padding: 40px 25px; background: rgba(var(--black-rgb), .2); box-sizing: border-box; }
#news_list li .info_box p { font-size: 20px; }
#news_list li font { width: 60px; height: 60px; line-height: 60px; border-radius: 50%; bottom: 45px; text-align: center; }

/* news_cate_list */
#news_cate_list li { margin-bottom: 50px; box-shadow: 0 0 20px rgba(var(--black-rgb), .2); }
#news_cate_list li .img_box { margin-left: -10%; width: 120%; height: 260px; border-radius: 0 0 80% 80%; }
#news_cate_list li .info_box { margin: 15px 30px; }
#news_cate_list li .info_box .time , #news_cate_list li .info_box font { font-family: 'Raleway', sans-serif; font-weight: 300; font-size: 15px; }
#news_cate_list li .info_box h3 { margin: 10px 0 15px; height: 37px; font-size: 22px; -webkit-line-clamp: 1; }
#news_cate_list li .info_box article { margin-bottom: 10px; height: 75px; font-weight: 300; font-size: 15px; -webkit-line-clamp: 3; }

/* news_top */
.news_top { justify-content: space-between; align-items: flex-start; }
.news_top p.time { width: 100px; font-family: 'Raleway', sans-serif; font-size: 15px; }
.news_top p.quote_box { margin-left: 20px; width: calc(100% - 120px); line-height: 100%; }
.news_top p >* { font-size: 14px; }

/* detail */
.detail_page { background: url(/images/00/img-bookbg.png) #fff no-repeat 0 bottom; background-attachment: fixed; }
.detail_title { line-height: 170%; }

/* describe */
#describe {margin: 2em 0 2vw;}
#describe * , .tab_content * , .form_page article * {vertical-align: bottom;/* color: currentcolor; */}

/* bottom_box */
.bottom_box { margin-bottom: 50px; }

/* pagenav */
#pagenav { margin: 50px 0; flex-wrap: wrap; justify-content: center; align-items: center; }
#pagenav >a , #pagenav strong { margin: 0 2px; display: inline-block; text-align: center; line-height: 29px; font-weight: 400; }
#pagenav strong { background: rgba(var(--info-rgb), .7); color: var(--white); }
#pagenav a i:before { font-size: 14px; color: rgba(var(--info-rgb), .7); }
#pagenav a i.fa-angle-double-right:before { content: "\f054"; }
#pagenav a i.fa-angle-double-left:before { content: "\f053"; }
#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-top: 3px; }
#pagenav p a i:before { font-size: 12px; }
#pagenav p a font { margin: 0 5px; max-width: calc(100% - 40px); min-width: auto; font-weight: 100; font-size: 14px; }

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

/* google_shere */
#google_shere { margin-top: 30px; }

/* form_page */
.form_page { margin: 85px auto 55px; padding: 50px; width: 90%; background: #fff; border: 1px #efefef solid; box-shadow: 0 0 50px rgb(43 43 43 / 13%); box-sizing: border-box; z-index: 3; }
.form_page h6 { font-size: 22px; }
.form_page h6:after { margin: 1rem auto 1.5rem; width: 50px; height: 5px; background: #272727; display: block; content: ""; }

/* form_box */
.form_box { margin-top: 30px; }
.form_box >div { margin-bottom: 25px; }
.form_box >div label { display: inline-block; font-size: 18px; color: #454545; }
.form_box >div #Title option { color: var(--info); }
.form_box >div .sele { color: #a0a0a0; }
.form_box >div select {background: url(/images/00/arrow.png) no-repeat scroll 98% center transparent;background-repeat: no-repeat;}
.form_box .radio_list >label { margin-bottom: 15px; }
.form_box .radio_list font { margin-bottom: 15px; align-items: center; justify-content: space-between; }
.form_box .radio_list font label {  width: 110px; }
.form_box .check_box { margin-bottom: 0; }
.form_box .check_box p { align-items: center; justify-content: space-between; }
.form_box .check_box p font { align-items: center; }
.form_box .check_box a#btnOK { padding: 5px 50px; border: 1px #b5b5b5 solid; border-radius: 20px; }

@media screen and (max-width: 1560px){
	.webBox .workframe {
    width: 95%;
}
}

@media screen and (min-width: 1481px){
	.webBox .workframe { width: 1366px; }
}
@media screen and (max-width: 1480px){
	.bg_box:before { border-top-color: #dadada; }
}
@media screen and (min-width: 1271px){
	#news_list li:hover font { background: var(--primary); color: var(--white); }
	.form_page { width: 1160px; }
	.form_box .check_box a#btnOK:hover { background: var(--info); color: var(--white); }
}
@media screen and (max-width: 1270px){
	#news_list li .img_box img { height: 36vw; }
	#news_cate_list li .img_box { height: 20vw; }
}
@media screen and (max-width: 1024px){
	#news_list li .img_box img { height: 55vw; }
	#news_cate_list li .img_box { height: 28vw; }
	#sub_banner img {height: 90vw;}
	.detail_page{
    background: none;
}
}
@media screen and (max-width: 768px){
	#sub_banner img {margin-top: 60px;}
}
@media screen and (max-width: 640px){
	#sub_banner .tit h2 { font-size: 30px; }
	.bg_box:before { border-width: 25vw 25vw 0 0; }
	.bg_box:after { border-width: 0 60vw 18vw 0; }
	#news_list li .img_box img { height: 350px; }
	#news_cate_list li .img_box { height: 45vw; }
}
@media screen and (max-width: 550px){
	.form_page { width: 95%; }
	.form_page { margin: 35px auto; padding: 30px 20px; }
	.form_box .radio_list font { flex-wrap: wrap; }
	.form_box .check_box p { flex-wrap: wrap; justify-content: center; }
	.form_box .check_box p font { width: 100%; }
	.form_box .check_box a#btnOK { margin-top: 40px; }
}