@import url('/css/animate.css');
.wow {animation: fadeIn 1.5s both;-webkit-animation: fadeIn 1.5s both;animation-duration: 1s;-webkit-animation-duration: 1s;	}
#community{display: none;}

#wrap .workframe{background-color: var(--white);width: 1440px;}
.workframe{position: relative;}

/* sub_banner */
#sub_banner { width: 100%; height: 480px; }
#sub_banner a.Asubbanner {background: no-repeat 50% 0% / cover;background-size: cover;height: 100%;}
.bannerBox{position: sticky;position: relative;}
.bannerBox .Txtbox {position: absolute;width: 32%;bottom: 170px;-webkit-transform: translate(12%, 0%);-ms-transform: translate(12%, 0%);transform: translate(12%, 0%);z-index: 10;display: flex;-webkit-box-align: center;flex-direction: column;padding: 40px;}
.bannerBox .Txtbox .titleBox {padding-bottom: 10px;margin: 0px auto 0px 0;
}
.bannerBox .Txtbox .titleBox h2 {font-size: 24px;position: relative;color: var(--info);margin-bottom: 10px;font-weight: 400;letter-spacing: 1.5px;padding-left: 55px;}
.bannerBox .Txtbox .titleBox em {position: relative;padding-right: 0px;font-style: inherit;font-size: 4.5vmin;line-height: 120%;font-weight: 700;text-underline-offset: 5px;color: transparent;-webkit-transition-duration: .5s;transition-duration: .5s;background: linear-gradient(to right, var(--primary) 56%, var(--primary) 0%);-webkit-background-clip: text;background-clip: text;position: relative;display: inline-block;text-transform: uppercase;}
.bannerBox .Txtbox strong {font-size: 14px;color: #9d9d9d;font-weight: 500;}

/* banner_btns */
.banner_btns {position: absolute;height: auto;display: flex;justify-content: center;align-items: center;top: 0;right: 0;z-index: 200;display: none;}
.banner_btns a { display: block; top: 220px;position: fixed;}
.banner_btns a.fb_icon { margin-bottom: 1rem; top: 170px;}
.banner_btns a svg { width: 26px; height: 26px; fill: var(--primary); }


/* wrap */
#wrap {z-index: 1;position: inherit;}

/* top_title */
#top_title .pag_tit { line-height: 120%; font-weight: 400; letter-spacing: 5px; }
#top_title .pag_tit::first-letter { color: var(--primary); }

/* waylink */
.waylink{text-align: center;z-index: 20;display: none;}
.waylink ol {padding: 20px 20px;}
.waylink ol li , .waylink ol li a {letter-spacing: 0.5px;font-weight: 300;font-size: 13px;}
.waylink ol li:after { margin: 0 10px; display: inline-block; font-weight: 100; font-size: 12px; content: "/"; }
.waylink ol li:last-child:after { margin: 0; content: ""; }

/* aside */
aside {margin: 0px auto 0;padding: 10px 0px 10px 0px;position: absolute;display: block;top: -110px;z-index: 10;width: -webkit-fill-available;}

aside #sidebtn { padding: 10px 20px; width: calc(100% - 40px); z-index: 2; }
aside #sidebtn:before { position: absolute; width: 100%; height: 100%; background: rgba(var(--white), .1); top: 0; left: 0; transition: .4s cubic-bezier(.23,1,.32,1); content: ""; }
aside #sidebtn i { top: calc((100% - 16px) / 2); right: 20px; }
aside >ul >li b[data-action="sideOpen"] { position: absolute; padding: 5px 20px; display: block; top: calc((100% - 42px) / 2); right: 0; cursor: pointer; }
aside >ul >li b[data-action="sideOpen"] i:before { content: "\f067"; }
aside >ul >li[data-type="2"] b[data-action="sideOpen"] i:before { content: "\f068"; }
aside >ul >li h4 a {padding: 15px 14px;font-weight: 400;font-size: 16px;text-align: center;border-bottom: 1px solid #dfdfdf;}
aside >ul >li.action h4 a {color: var(--primary);border-bottom: 1px solid #e5e5e5;background-color: #f6f6f6;}
aside >ul >li ul.subUL {position: absolute;width: 170px;background: #f5f5f5;left: calc(50% - 85px);z-index: 5;opacity: 0;}
aside >ul >li ul.sub2UL { margin-left: 10px; }
aside >ul >li ul.subUL li >div { position: relative; }
aside >ul >li ul.subUL li a { padding: 5px 15px 5px 30px; display: block; }
aside >ul >li ul.subUL li [data-action="sideOpen"] { display: none; }
aside >ul >li ul.sub2UL li a { color: var(--complement); }



/* content_wrap */
#content_wrap {padding: 10px 50px 70px;text-align: center;position: inherit;z-index: 2;}
#content_wrap .pag_tit {line-height: 140%;margin-bottom: 10px;text-align: center;padding-bottom: 0;position: relative;display: inline-block;padding-left: 60px;padding-right: 60px;font-size: 24px;font-weight: 400;letter-spacing: .07em;}
#content_wrap .pag_tit::before, #content_wrap .pag_tit::after {content: '';position: absolute;top: 50%;margin-top: -0.5px;width: 35px;height: 1px;background-color: #666;}
#content_wrap .pag_tit::before {left: 0;}
#content_wrap .pag_tit::after {  right: 0;}
#content_wrap .contentBox{display: flex;justify-content: space-between;}
#Cgmap {width: 45%;}
#Cgmap iframe{width: 100%;height: 100%;}
#content_wrap .form_box{width: 50%;}
#content_wrap .m_title{margin-bottom: 40px;}

/* list_box */
.list_box li {margin-top: 20px;margin-bottom: 20px;}
.list_box li h3 {height: auto;font-weight: 500;letter-spacing: 1px;font-size: 18px;color: #6a6a6a;/* border-bottom: 1px solid #d1d1d1; */margin-bottom: 0;padding-bottom: 0px;-webkit-line-clamp: inherit;line-height: 160%;text-align: left;}
.list_box li h3 a{
    font-size: 18px;
    padding: 10px 0;
    position: relative;
    border-bottom: 1px solid #d1d1d1;
}
 
/* describe */
#describe {padding: 10px 0px;margin: 0px auto 1vw;width: 90%;}
#describe .Descrarticle{margin: 20px 0 0;}
#describe p a{color: var(--primary);}
#describe h4, #describe h4 strong, #describe strong,#describe p{font-weight: 400;vertical-align: initial;}
#describe .time{text-align: center;color: var(--primary);}

/* article_list */
#article_list {display: flex;align-items: flex-start;flex-direction: row;flex-wrap: wrap;}
#article_list li{background: rgb(255 255 255);position: relative;overflow: hidden;border: 1px solid #ebebeb;margin-bottom: 10px;}
#article_list li .img_cover{display: none;}
#article_list .info_box {padding: 15px 30px;background: rgb(255 255 255);position: relative;overflow: hidden;}
#article_list .info_box:after {content: "";position: absolute;width: 10px;height: 10px;border-right: 20px solid transparent;border-top: 20px solid #a5a5a5;left: -10px;top: 0;}
#article_list .info_box article {font-weight: 400;font-size: 14px;padding-top: 10px;color: #2c2c2c;-webkit-line-clamp: 2;height: auto;display: none;}
#article_list .info_box .tagsBox {padding: 5px 0 0px 0;margin-top: 10px;border-top: 1px solid #d7d7d7;}

/* news_list */
#news_list{display: flex;margin-top: 50px;flex-wrap: wrap;}
#news_list li {display: flex;flex-direction: column;justify-content: space-between;align-items: center;margin: 30px 30px;width: calc((100% / 3) - 60px);transition: 0.8s;-webkit-box-shadow: 0 3px 10px rgb(0 0 0 / 10%);box-shadow: 0 3px 10px rgb(0 0 0 / 10%);}
#news_list li .NImg{position: relative;display: none;}
#news_list li img {display: block;max-width: 100%;object-fit: cover;width: 100%;object-position: 50% 50%;height: 260px;}
#news_list li .info_box {padding: 0px 50px 20px;bottom: 0;flex-direction: column;position: relative;width: 100%;}
#news_list li .newsDataBox {top: -40px;left: 60px;display: flex;-webkit-box-align: center;align-items: center;font-size: 14px;position: relative;justify-content: flex-start;position: absolute;background-color: var(--primary);}
#news_list li .itemDataBox{padding: 20px 0 0;width: 100%;}
#news_list li h3{margin-top: 4px;margin-bottom: 10px;height: 72px;-webkit-line-clamp: 2;font-weight: 400;line-height: 160%;padding: 15px 0 5px;border-top: 1px solid var(--primary);border-bottom: 0px solid #d1d1d1;}
#news_list li .newsTitle {padding: 7px 7px;font-size: 13px;letter-spacing: 0.2px;color: var(--primary);text-align: end;margin-left: auto;}
#news_list li .newsTitle a{color: var(--primary);font-size: 13px;line-height: 180%;}
#news_list li .newsTitle + .newsDate {margin-left: auto;text-align: right;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;width: 64px;height: 64px;background-color: #f4f4f4;}
#news_list li .newsDate{display: flex;flex-direction: column;align-items: center;-webkit-box-shadow: 0 0 0 1px rgb(0 0 0 / 10%);box-shadow: 0 0 0 1px rgb(0 0 0 / 10%);padding: 10px;}
#news_list li .newsDate .dayt {font-size: 34px;font-weight: 500;line-height: 120%;color: var(--gary);}
#news_list li .newsDate .my {font-size: 12px;font-weight: 600;color: var(--gary);}
#news_list li article a {font-weight: 300;color: #383838;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;font-size: 15px;height: 54px;}
#news_list li .info_box p * { font-weight: 100; font-size: 14px; }
#news_list li .info_box p a { margin-right: 10px; padding: 0 2px; max-width: calc(100% - 82px); height: 23px; z-index: 2; }
#news_list li .newIcon {display: flex;-webkit-box-pack: justify;justify-content: flex-start;padding-top: 20px;margin-top: 20px;}
#news_list li .newIcon .more {color: #b0b0b0;font-size: 13px;letter-spacing: 1.5px;}
#news_list li .newIcon .more:hover {color: #c69000;}



/* research_list */
#research_list li {box-shadow: 0px 0px 18px 0px rgb(0 0 0 / 9%);}
#research_list li .info_box{padding: 25px 30px;}
#research_list li .info_box .time{padding: 0 10px;}
#research_list li h3{padding-bottom: 8px;margin-bottom: 10px;margin-top: 5px;line-height: 200%;}

/* product_list */
#product_list .info_box { background: rgba(var(--black-rgb), .5); }
#product_list .info_box >div { margin: auto; width: calc(100% - 100px); }
#product_list .info_box h3 { margin: 10px 0; }
#product_list .info_box .line { margin: 10px 0 30px; width: 50px; height: 1px; background: var(--primary); opacity: .7; }
#product_list .info_box article { height: 75px; font-weight: 300; font-size: 15px; -webkit-line-clamp: 3; }
#product_list .info_box .price { margin-top: 15px; min-height: 30px; }
#product_list .info_box .price font { margin-left: 20px; font-weight: 300; }

/* book_list */
#book_list .row .info_box {padding: 0 20px 0 42px;left: 0;bottom: 18px;z-index: 10;-webkit-transition: all .4s;-o-transition: all .4s;transition: all .4s;-webkit-transform: translateY(5px);-ms-transform: translateY(5px);transform: translateY(5px);opacity: 1;}
#book_list .row .info_box::before {content: '';position: absolute;top: 0;left: 30px;width: 2px;height: 100%;background-color: rgb(255 255 255 / 45%);opacity: 1;}
#book_list h3{border-bottom: 0px solid #d1d1d1;color: #ffffff;}
#book_list .txt_clamp{color: #fff;text-align: left;}
#book_list li .img_cover{height: 290px;width: 100%;}
#book_list li{margin-left: 25px;margin-right: 25px;width: calc(33.33333333% - 50px);}

/* album_list */
#album_list {-webkit-column-gap: 15px;flex-wrap: wrap;display: grid;grid-template-columns: repeat(4, 1fr);margin-bottom: 30px;}
#album_list >div { margin-bottom: 15px; }
#album_list >div a img{width: 100%;object-fit: cover;}

/* faq_list */
#faq_list{}
#faq_list li {margin-bottom: 10px;box-shadow: 0px 0px 18px 0px rgb(0 0 0 / 7%);border-bottom: 1px solid #dfdfdf;margin: 10px 20px;}
#faq_list li .title {padding: 20px 10px 20px 5px;}
#faq_list li .title label {padding: 0 0 0 10px;width: 50px;}
#faq_list li .title font {font-size: 18px;}
#faq_list li .title .time{width: 90px;margin-left: 10px;font-size: 14px;color: #adadad;}
#faq_list li .info { padding: 15px 35px 15px 85px; font-size: 14px; -webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none; }

/* pagenav */
#pagenav {padding: 50px 0 20px;overflow: hidden;}
#pagenav a , #pagenav strong { margin: 0 10px; display: inline-block; font-weight: 400; vertical-align: middle; }
#pagenav a:first-child , #pagenav a:last-child { line-height: 9px; }
#pagenav strong {color: var(--info);}
#pagenav a[class^="page-"] { float: left; width: calc(50% - 20px); display: block; }
#pagenav a[class^="page-"] font { width: calc(100% - 22px); display: inline-block; vertical-align: text-top; }
#pagenav a[class^="page-"] i { margin: 0 10px 0 0; display: inline-block; }
#pagenav a.page-next { float: right; text-align: right; }
#pagenav a.page-next font { text-align: right; }
#pagenav a.page-next i { margin: 0 0 0 10px; }

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

/* form_box */
.form_box {margin-top: 30px;}


.form_box p { margin-bottom: 15px; }
.form_box input#Checknum { margin-right: 10px; width: 100px; }
.form_box #btnOK { padding: 5px 10px; width: 250px; }

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


ul.process_m{margin-top: 40px;}
ul.process_m .btn {display: inline-block;width: 260px;height: 48px;line-height: 39px;-webkit-box-sizing: border-box;box-sizing: border-box;text-align: center;font-size: 14px;font-weight: 400;background-color: #f5f5f5;color: #585858;letter-spacing: 1px;position: relative;margin: 10px 10px 10px 0;}
ul.process_m .btn a{color: #3c3c3c;font-size: 14px;margin-right: 0px;cursor: pointer;display: block;padding: 10px 0;text-align: center;}
ul.process_m .btn a i{font-size: 16px;margin-right: 11px;color: #cbcbcb;}
ul.process_m .btn:before {content: "";position: absolute;top: 50%;right: 20px;width: 10px;height: 10px;border-top: 2px solid #545454;border-right: 2px solid #545454;-webkit-box-sizing: border-box;box-sizing: border-box;-webkit-transform-origin: top right;-ms-transform-origin: top right;transform-origin: top right;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;-webkit-animation: antiBtn 1.5s forwards cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;animation: antiBtn 1.5s forwards cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;}
ul.process_m .btnn:hover {color: #fff;background-color: #1b4291;}
ul.process_m .btn:hover:before {border-color: #cbcbcb;}
ul.comlist li{margin-right: 15px;}
.comlist{padding: 20px 0 50px;}
.comlist li b {margin-right: 10px;vertical-align: middle;font-weight: 400;width: 90px;display: inline-block;}
.comlist li b i{width: 20px;text-align: center;margin-right: 5px;color: #c3c3c3;}
.comlist li span,ul.comlist li a {vertical-align: middle;width: 95%;}
.comlist li span a{color: var(--info);}


@-webkit-keyframes antiBtn {
	0% {right: 30px;opacity: 0;}
	100% {right: 20px;opacity: 1;}
}

@keyframes antiBtn {
	0% {right: 30px;opacity: 0;}
	100% {right: 20px;opacity: 1;}
}



@media screen and (min-width: 1501px){
	.banner_btns { width: 6rem;  }
}
@media screen and (min-width: 1281px){
	aside >ul {display: flex;justify-content: center;}
    aside >ul >li h4{align-items: center;padding-left: 20px;
	aside >ul >li h4 a{}
    padding-right: 20px;-webkit-box-pack: center;justify-content: center;-webkit-box-flex: 1;flex: 1;}
	aside >ul >li {overflow: hidden;position: relative;display: inline-block;width: -webkit-fill-available;}
	aside >ul >li:not(:last-child) h4::after {display: inline-block;vertical-align: middle;content: '';position: absolute;right: 0;top: 50%;margin-top: -9px;width: 1px;height: 18px;background-color: #e1e1e1;}
    aside >ul li b[data-action="sideOpen"] { display: none; }
	aside >ul >li:hover { overflow: visible; }
	aside >ul >li:hover h4 a {color: var(--white);background-color: var(--primary);}
	aside >ul >li:hover ul.subUL { opacity: 1; }
	#product_list li:hover .info_box .line { width: 100%; }
	#book_list li:hover .info_box {-webkit-transition-delay: .1s;-o-transition-delay: .1s;transition-delay: .1s;-webkit-transform: translateY(-10px);-ms-transform: translateY(-10px);transform: translateY(-10px);opacity: 1;}
	.list_box li:hover {-webkit-transform: translateY(4%);transform: translateY(4%);animation-name: elementor-animation-buzz-out;animation-duration: .75s;animation-timing-function: linear;animation-iteration-count: 1;}
	#book_list li::before {content: '';position: absolute;bottom: -15px;right: -15px;width: calc(100% - 25px);height: calc(100% - 15px);border: 1px solid #dbdbdb;opacity: 1;}
	#news_list li:hover {-webkit-box-shadow: 0px 10px 20px rgb(0 0 0 / 5%);box-shadow: 0px 10px 20px rgb(0 0 0 / 5%);-webkit-transform: translateY(0%);transform: translateY(0%);}
	#news_list li:hover .newsDataBox{    transform: translate(0%, -20%);}
	#news_list li:hover .info_box{background-color: var(--white);}
	#news_list li:hover h3{color: var(--primary);}
	#sub_banner a.Asubbanner {margin: 84px 6vw 0px auto;height: 460px;position: relative;z-index: 0;}
	.webBox:before {content: '';position: absolute;width: 50%;max-width: 960px;height: 100%;max-height: 100%;background-color: var(--light);z-index: 0;left: 0;top: 0}
	#wrap .workframe::after {content: '';position: absolute;left: 0px;top: -130px;z-index: 0;width: 100vw;height: 140%;background-color: #fff;}
	.bannerBox .Txtbox .titleBox h2:before {content: '';position: absolute;left: 0;top: 50%;margin-top: -0.5px;width: 40px;height: 1px;background-color: var(--info);opacity: 0.6;}
	#book_list li .atag_item::before {content: '';position: absolute;bottom: 0;left: 0;z-index: 1;width: 100%;height: 100px;background: rgba(0, 0, 0, 0.2);background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7)));background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);opacity: 1; }

}
@media screen and (max-width: 1500px){
	.banner_btns {left: 0vmax;}
	.banner_btns a.fb_icon{top: 175px;background: #31539f;}
	.banner_btns a{top: 230px;left: 0px;background: #6d7bc1;line-height: 50px;text-align: center;width: 55px;height: 55px;right: 0px;left: auto;}
	.banner_btns a svg { fill: #fff; width: 25px;}
}
@media screen and (max-width: 1440px){
	.bannerBox .Txtbox {padding: 0px 70px;bottom: 230px;left: 10px;-webkit-transform: translate(0%, 0);-ms-transform: translate(0%, 0);transform: translate(0%, 0);width: 1360px;margin: auto;}
	#wrap .workframe{width: 88vw;}
	#news_list li{margin: 30px 10px;width: calc((100% / 3) - 20px);}
	#news_list li .newsDataBox{left: 30px;}
	#news_list li .info_box{padding: 0px 30px 20px;}
}

@media screen and (max-width: 1280px){
	aside { position: relative; width: 440px; margin: 30px auto 20px;padding-bottom: 0px;background-color: #efefef;top: 0;padding: 0;}
	aside #sidebtn {display: inline-block;width: calc(100% - 0px);}
	aside >ul {position: absolute;overflow: hidden;margin-top: 1px;width: 100%;height: 0;background: var(--light);top: 0;left: 0;z-index: 11;}
	aside >ul.open { height: auto; border-width: 1px; top: 50px; }
	aside >ul >li { position: relative; }
	aside >ul >li h4 a { padding: 10px 15px; font-size: 15px;}
	aside >ul >li ul.subUL { overflow: hidden; width: 100%; height: 0; background: var(--secondary); top: 0; left: 0; }
	aside >ul.open >li[data-type="2"] >ul { position: relative; height: auto; top: auto; bottom: 0; opacity: 1; }
	.bannerBox .Txtbox .titleBox{padding-bottom: 0;margin: 0px auto;}
    .bannerBox{margin-top: 90px;}
	.bannerBox .Txtbox{width: 300px;padding: 0;bottom: 120px;left: 50%;transform: translateX(-50%);}
	.bannerBox .Txtbox .titleBox h2,.bannerBox .Txtbox .titleBox em{text-align: center;padding-left: 0;color: var(--gary);text-shadow: 0 0 18px rgb(0 0 0 / 45%);}
	#sub_banner{height: 360px;}
#book_list li{margin-left: 25px;margin-right: 25px;width: calc((100% / 2) - 50px);}
}
@media screen and (max-width: 1140px){
	#news_list li::after {opacity: 0;}
	#describe {width: 100%;}
	#content_wrap {padding: 0px 0px 80px;}

}
@media screen and (max-width: 1024px){
	.bannerBox .Txtbox{bottom: 30px;}
	.bannerBox .Txtbox:after{width: 100%;}
	#article_list img { height: 35vw; }

	#describe {margin-bottom: 2vw;padding: 0px 0px;}
	#content_wrap{padding: 50px 0px;}


	#news_list li .newsDate .day{font-size: 20px;line-height: 130%;}
	#news_list li{width: calc((100% / 2) - 40px);margin: 30px 20px 40px;}
	#album_list {grid-template-columns: repeat(2, 1fr);}
	#book_list li{display: inline-block;width: calc((100% / 2) - 30px);
    margin: 15px;
    }
	#news_list li .newsTitle + .newsDate{display: flex;flex-direction: row;align-items: baseline;width: auto;height: auto;background-color: rgb(255 255 255 / 0%);}
	#news_list li .NImg{height: auto;width: 100%;margin-left: 0;}
	#news_list li .info_box {padding: 0px 30px 20px;width: 100%;}
	#news_list li .newsDate .dayt, #news_list li .newsDate .my{}
	#news_list li .newsDate .day{margin-right: 2px;}
	#news_list li h3{margin-top: 0px;font-size: 16px;margin-bottom: 5px;}
	#news_list li article a{font-size: 14px;height: 50px;}
    #news_list li .newsDate .dayt{margin-right: 0;font-size: 28px;}
	#news_list li .itemDataBox{padding-left: 0;}
	#news_list li .newIcon{margin-top: 10px;}
	#content_wrap .contentBox{justify-content: space-between;flex-direction: column;}
    #Cgmap,#content_wrap .form_box {width: -webkit-fill-available;}
}
@media screen and (max-width: 761px){
	#product_list{ margin: auto; width: 400px; }
	#product_list .info_box >div { width: calc(100% - 60px); }
	#product_list .info_box article { height: 50px; -webkit-line-clamp: 2; }
	#book_list .row img {height: 230px;}
	#article_list li{width: 100%;}
	#faq_list{padding: 10px 0px;}
}

@media screen and (max-width: 780px){
	ul.comlist li b{width: 150px;}
	.comlist{padding: 20px 0 20px;}
}
@media screen and (max-width: 640px){
	aside {width: 100%;margin: 40px auto 0;}
	#album_list {grid-template-columns: repeat(1, 1fr);}
	.form_box input#Checknum { width: calc(100% - 90px); }
	#sub_banner{height: 280px;}
	#sub_banner a.Asubbanner{background: no-repeat 50% 0%;background-size: cover;}
	.waylink ol, .m_title{padding: 2vw;}
	#faq_list li .title .time{display: inline-block;padding: 10px 0 0;text-align: right;width: 100%;margin-left: 0px;}
	#faq_list li .title label{width: 40px;}
	#faq_list li .title font{width: calc(100% - -20px);}
    .bannerBox{margin-top: 75px;}
	#news_list li{width: calc((100% / 1) - 20px);margin: 30px 10px 40px;}
}
@media screen and (max-width: 500px){
	#product_list { width: 100%; }
	.bannerBox .Txtbox .titleBox h2{font-weight: 500;font-size: 18px;padding: 0 0 10px 0;}
    .bannerBox .Txtbox strong{display: none;}
	.bannerBox .Txtbox .titleBox em{font-size: 29px;}
	.bannerBox .Txtbox .titleBox em:after{top: 38px;}
	.bannerBox .Txtbox span{font-size: 14px;text-align: center;letter-spacing: 0.5px;}
	#article_list{padding: 0 0px;}
	#article_list li{margin-top: 10px;margin-bottom: 10px;}
	.list_box li h3{font-size: 18px;}
	#content_wrap .pag_tit{margin-bottom: 15px;font-size: 20px;margin-top: 8px;text-align: inherit;}
	#sub_banner{height: 240px;}
	.banner_btns {left: 1vmax;justify-content: flex-end;top: 0px;}
	#book_list li{width: calc(100% - 20px);margin: 10px;}
}