footer:before.webBox .wrapper:before{display: none;}

/* sub_banner */
.bannerBox{z-index: 20;position: relative;}
#sub_banner{width:100%;height: 490px;}
#sub_banner a{height:100%;background:no-repeat 50% / cover;opacity:1;margin: 70px 0vw 0px auto;}
#wrap{z-index:2;position:relative;padding-bottom: 150px;}
#top_title .pag_tit{letter-spacing:0px;margin-bottom: 10px;font-size: 28px;font-weight: 400;line-height: 140%;background-clip:text;-webkit-background-clip:text;display:inline-block;width: auto;color: #7f1418;position: relative;}
.webBox .wrapper::after{content:"";position: absolute;bottom: 0;left: 0;width: 100%;height: 1300px;display: block;background: linear-gradient(to top,rgb(255 255 255),rgb(255 255 255 / 0%));z-index: -1;}


.fancybox-infobar__body span{color: #fff;}

/* waylink */
.waylink{position:relative;width:100%;}
.waylink ol {padding: 10px 0;}
.waylink ol li , .waylink ol li a {letter-spacing: 0.5px;font-weight: 400;font-size: 14px;color: #6a6a6a;}
.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: ""; }
#top_title .pag_tit::after {content: "";width: 20px;height: 20px;background-color: #ffffff;display: block;position: absolute;top: -2px;left: -12px;z-index: -1;}

/* aside */
aside #category_nav{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-left:auto;margin-right:auto;}
aside{margin:0vw auto;position:relative;z-index:3;}
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-rgb),.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: 10px;font-weight:400;font-size:17px}
aside >ul >li h4 a{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding: 30px 20px;position: relative;min-width: 170px;font-size: 18px;color:#000;text-align:center;overflow:hidden}
aside >ul >li.action h4 a{color: #a72126;}
aside >ul >li ul.subUL{position:absolute;width: 100%;background: #f5f5f5;left: 0;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: 10px 15px 10px 30px;display:block;text-align: center;}
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: 2vw 0 3vw 0;min-height: 350px;padding: 40px 50px;background-color: #fff;z-index: 1;position: relative;}
#content_wrap .titleTT {line-height: 140%;font-weight: 600;letter-spacing: 0;position: relative;margin-bottom: 30px;margin-top: 10px;padding: 0 0 20px 0;font-size: 24px;color: var(--info);}
#content_wrap .titleTT::before{content:"";position:absolute;width:100%;height:1px;/* background-color: #dfdfdf; */bottom:0;left:0;}
#content_wrap .titleTT::after{content:"";position:absolute;width: 4%;height:2px;background-color: var(--primary);bottom:0;left:0;z-index:2;left: 50%;transform: translateX(-50%);}

/* content_wrap */
#content_wrap .pag_tit {line-height: 140%;font-weight: 600;letter-spacing: 0;position: relative;margin-bottom: 35px;margin-top: 0px;text-align: center;padding-bottom: 20px;font-size: 23px;}


/* list_box */
.list_box li {border: 5px solid #eee;width: calc((100% / 3) - 30px);margin: 10px;border: 2px solid transparent;border-radius: 30px;height: 100%;overflow: hidden;background-color: #fff;-webkit-transition: all 0.4s ease;transition: all 0.4s ease;-webkit-box-shadow: 0px 1px 18px 0px rgba(0, 0, 0, 0.07);box-shadow: 0px 1px 18px 0px rgba(0, 0, 0, 0.07);}
.list_box li h3 {height: 30px;font-weight: 600;font-size: 18px;-webkit-line-clamp: inherit;color: var(--info);}
.list_box li:hover{
    border-color: #a72126;
}

#article_list {display: flex;align-items: flex-start;flex-direction: row;flex-wrap: wrap;margin-top: 100px;}
#article_list li h3{height:auto}
#article_list li h3 a{text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}
#article_list li{background: rgb(255 255 255);position: relative;overflow: hidden;border: 1px solid #ebebeb;margin-bottom: 10px;border-radius: 0;}
#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;left: 0;top: 0;width: 3px;height: 100%;background-color: #878787;}
#article_list .info_box article {font-weight: 400;font-size: 14px;padding-top: 10px;color: #2c2c2c;-webkit-line-clamp: 2;height: auto;}
#article_list .info_box .tagsBox {padding: 5px 0 0px 0;margin-top: 10px;border-top: 1px solid #d7d7d7;}


/* btn */
.btn{position:relative}
.btn a{display:block;letter-spacing:1px;line-height:1.2;position:relative;font-size:15px;color:#fff}
.btn a::before,.btn a::after{content:"";position:absolute;top:50%;right:0;z-index:1}
.btn a::before{width:20px;height:1px;background-color:#ffffff;-webkit-transform:translateY(-50%);transform:translateY(-50%);display: none;}
.btn a::after{width:10px;height:10px;border-right:1px solid #fff;border-bottom:1px solid #fff;-webkit-transform:translateY(-50%) rotate(-45deg);transform:translateY(-50%) rotate(-45deg);display: none;}
.btn.underLine{width:100%;max-width:240px;padding:15px 30px;background-color:var(--primary);border-radius:65px;font-size:16px;font-weight:500}
@media (min-width:1201px){.btn:hover::after{width:100%}
.btn.underLine:hover{background-color:var(--info)}
.btn:hover a::before{background-color:#bebebe;}
.btn:hover a::after{border-color:#bebebe}
}


/* describe */
#describe {margin: 1vw 0px 0vw;}
#describe .listTitle{padding-bottom: 20px;margin-bottom: 40px;margin-top:10px;border-bottom:1px #d4d4d4 solid;font-size: 24px;letter-spacing:0;color:#060606;font-weight:500;line-height: 150%;text-align: justify;}
#describe .listTitle::first-letter {
    color: var(--primary)
}
#describe .listTitle::before{content:"";position:absolute;width:100%;height:1px;background-color: #dddddd;bottom:0;left:0}
#describe .listTitle::after{content:"";position:absolute;width: 9%;height:2px;background-color: #a72126;bottom:0;left:0;z-index:2}

#describe ol{padding: 20px 0 20px 20px;}
#describe ol li{width: 100%;line-height: 1.8;letter-spacing: 0.2px;font-weight: 400;display: list-item;padding-left: 2px;margin: 0;font-size: 15px;list-style-type: decimal;list-style-position: inherit;}
#describe .page-content iframe{
    border: 0;
    margin: auto;
    text-align: center;
    width: 100%;
}
.date{display:-webkit-box;display:-ms-flexbox;display:flex;font-family:"Roboto";-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;color:#bebebe}
.date .dd{font-size:50px;font-weight:500;padding: 0px 0px 0px 0;margin:0 10px 0 0;color: #cecece;}
.date .ym{font-size: 15px;letter-spacing:0.5px;margin:20px 0 0 0;color: #cecece;}
.date b{font-size:14px;letter-spacing:0.5px;margin:20px 0 0 0;font-weight:normal}


/* article_list */
#article_list img { height: 350px; }
#article_list .info_box {padding: 25px 30px;}
#article_list .info_box article { font-weight: 300; }

/* news_list */
#news_list li{padding:0px 15px;width:calc((100% / 3) - 80px);margin:30px 20px 50px;border:3px solid #eee;background-color:#fff;border-radius: 0;overflow: inherit;}
#news_list li::before{content:'';position:absolute;z-index: -1;left:-20px;bottom:-20px;width:calc(100% - 70px);height:calc(100% - 35px);transition-delay:.5s;background-image:linear-gradient(to right,#cccccc 0,#a72126 100%)}
#news_list li .img_cover{margin-bottom:20px}
#news_list li img{height:240px;width:100%;object-fit:cover;object-position:top}
#news_list li .info_box{padding:20px 10px;width:calc(100% - 20px);position:relative;border-bottom:1px solid #e6e6e6}
#news_list li .info_box .Txt .newIcon{display:inline-block;font-size:14px;letter-spacing:0.05em;padding:5px 12px;color:#fff;background-color:#000;max-width:60px}
#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 h3{font-weight:500;font-size:18px;height:65px;-webkit-line-clamp:2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;line-height:180%;margin-top:10px;border-top:1px solid rgb(0 0 0 / 20%);padding-top:10px;margin-bottom:10px}
#news_list li article{height:50px;font-weight:400;font-size:16px;color:#595959;-webkit-line-clamp:2;margin:0 0 10px 0}
#news_list .newsInfoBox{display:flex;align-items:center;justify-content:space-between}
#news_list .newsInfoBox .dateBox{display:flex;-webkit-box-align:end;align-items:baseline;padding-right:10px}
#news_list .newsInfoBox .dateBox .date{display:flex;-webkit-box-align:end;align-items:baseline;color:#a72126;font-size:26px}
#news_list .newsInfoBox .dateBox .slash{width:1px;height:9px;-webkit-transform:rotate(35deg);transform:rotate(35deg);display:block;background-color:#a72126;margin:0 6px 8px 7px}
#news_list .newsInfoBox .dateBox .year{color:#a72126;font-size:15px;letter-spacing:0.525px;padding-left:7px;padding-bottom:4px}
#news_list li .info_box .newsDate{margin-right:10px;position:relative;display:flex;align-items:flex-end}
#news_list li .info_box .newsDate strong{display:inline-block;text-align:center;font-size:14px;font-weight:300;color:#999}
#news_list li .info_box .newsDate .up{font-size:12px;font-weight:400;letter-spacing:1px;color:#111;-webkit-transition:all 0.4s ease;transition:all 0.4s ease;font-style:initial;font-family:var(--font-family),sans-serif}
#news_list li .info_box .newsDate .down{display:block;font-size:48px;font-weight:600;letter-spacing:3px;line-height:1;-webkit-transition:all 0.4s ease;transition:all 0.4s ease;font-style:initial;font-family:var(--font-family),sans-serif}
#news_list li .info_box .newsDate .newIcon{position:relative;display:inline-block;padding-left:10px;margin-left:5px;font-size:12px;font-weight:300;font-family:var(--font-family),sans-serif;color:#777777;letter-spacing:0;-webkit-transition:all 0.4s ease;transition:all 0.4s ease}
#news_list li .info_box .newsDate .newIcon:before{content:"";position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:1px;height:10px;background-color:#dddddd}
#news_list li .btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding-bottom:10px;padding:20px 0}
#news_list li .btn a{position:relative;font-size:13px;font-weight:800;line-height:1;background:-webkit-gradient(linear,left top,right top,from(var(--primary)),to(var(--primary)));background:linear-gradient(to right,var(--primary),var(--primary));background-clip:text;-webkit-background-clip:text;color:transparent;text-transform:uppercase;display:inline-block}
#news_list li .btn .btn_arrow{display:inline-block;width:28px;height:28px}
#news_list li .circle{stroke:#fff;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease}
#news_list li .btn .arrow{position:absolute;top:calc(50% - 4px);left:calc(50% - 5px);fill:#fff;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease}
#news_list li .btn .arrow{position:relative;display:inline-block;vertical-align:middle;width:9px;height:9px;margin-right:-5px;margin-bottom:4px}
#news_list li .btn .arrow:after,#news_list li .btn .arrow:before{content:"";position:absolute;top:50%;left:0;z-index:1;width:100%;height:1px;margin-top:-0.5px;background-color:var(--primary)}
#news_list li .btn .arrow:after{-webkit-transform:rotate(90deg);transform:rotate(90deg)}

/* product_list */
#product_list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
#product_list .info_box{border-bottom: 1px solid #dfdede;}
#product_list .info_box:after{content:"";position:absolute;width:0px;height:20px;border-left:20px solid transparent;border-top: 20px solid #a72126;right:-5px;top:-5px}
#product_list .info_box >div{margin:auto;width:calc(100% - 100px);padding: 30px 10px;background:rgb(255 255 255);position:relative}
#product_list .info_box h3{height:30px;font-weight:500;font-size:20px;margin-bottom: 20px;}
#product_list .info_box .line{margin:10px 0 30px;width:50px;height:1px;background:var(--primary);opacity:.7;display:none}
#product_list .info_box article{font-weight:300;font-size:15px;-webkit-line-clamp:3}
#product_list .info_box article{font-weight:400;font-size:14px;padding-top:10px;margin-bottom: 30px;display: none;}
#product_list .info_box p{padding:10px 0 0px 0;margin-top:10px;border-top:1px solid #d7d7d7;font-family:'Poppins',sans-serif;font-size:16px;color:#ababab}
#product_list .info_box .price{margin-top:15px;min-height:30px}
#product_list .info_box .price font{margin-left:20px;font-weight:300}
#product_list li a{width:100%;height:100%;top:0;left:0}
#product_list li{width: calc((100% / 3) - 30px);border-radius: 0;border: 0px solid transparent;margin: 20px 15px;}

/* book_list */
#book_list .row img {height: 300px;}
#book_list .row .info_box {padding: 20px 15px 30px;width: calc(100% - 30px);bottom: 0;left: 0;position: relative;}
#book_list .row .info_box p a{
    text-align: left;
    margin-bottom: 5px;
}
#book_list .row .info_box h3{
    text-align: left;
}

/* album_list */
#album_list { margin-bottom: 5vw; -moz-column-count: 4; -moz-column-gap: 15px; -webkit-column-count: 4; -webkit-column-gap: 15px; column-count: 4; column-gap: 15px; }

/* album_list */
#album_list {flex-wrap: wrap;display: grid;grid-template-columns: repeat(3, 1fr);margin: 10px 0px;padding-top: 20px;}
#album_list >div {margin: 0 10px 62px 0;height: 100%;}
#album_list >div img {width: auto;min-width: 100%;height: 100%;}
#album_list >div p{margin-top: 20px;}
#album_list >div img {width: 100%;height: 260px;object-fit: cover;object-position: revert;border-radius: 30px;}

/* faq_list */
#faq_list li { margin-bottom: 30px; }
#faq_list li .title { padding: 10px 45px 10px 5px; }
#faq_list li .title label { padding: 0 0 0 10px; width: 70px; }
#faq_list li .title font { width: calc(100% - 80px); font-size: 18px; }
#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 0px;}
#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(--primary); }
#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{display:flex;flex-wrap:wrap;justify-content:space-between;flex-direction:row-reverse}
.form_box .description_box{width:40%}
#form1{width:55%}
.form_box {margin-top: 120px;}
.form_box p {margin-bottom: 30px;margin: 10px 10px;}
.form_box input#Checknum { margin-right: 10px; width: 100px; }
.form_box #btnOK { padding: 5px 10px; width: 250px; }
#form1 p.col-2{width:calc(50% - 20px);display:inline-block;vertical-align:inherit;margin:10px 10px}


/* 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{}
.comlist li span,ul.comlist li a {vertical-align: middle;width: 95%;}
.comlist li span a{color: var(--info);}

/* g-map */
#g-map {position: relative;}
#g-map:before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 2; content: ""; }
#g-map iframe {position: relative;width: 100%;height: 350px;z-index: 1;}

/* video */
.video-container{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;margin: 20px 0;}
.video-container iframe,.video-container object,.video-container embed{position:absolute;top:0;left:0;width:100%;height:100%;}
.video-container video{    width: 100%;}
.Finfo{padding: 40px 0px 0;position: relative;text-align: center;display: flex;justify-content: center;}
.Finfo .back {width: 280px;height: 50px;text-align: center;}
.Finfo .back a {width: 100%;height: 100%;display: inline-block;font-size: 14px;font-weight: 400;line-height: 50px;letter-spacing: 0.1px;color: #fff;text-align: center;transition: all 0.4s ease;background-color: #727272;}
.Finfo .back a svg{margin-right:5px;width: 20px;height: 20px;fill: var(--white);filter: grayscale(1) brightness(5);}




/*table
*----------------------------------------------------------------------------*/
.table_brand h5{font-weight:500;margin:5px 0 10px;font-size: 22px;color: var(--primary);letter-spacing:0;padding-left: 10px;}
.table_brand p{padding-left: 0;padding-top: 0;}
.table_brand{padding:0px 0px 0}
.table_brand{width:100%;border-right:1px #e6e6e6 solid;border-top:1px #e6e6e6 solid;border-spacing:0px;background-color:#fff;margin: 20px 0;}
.table_brand h2{line-height:140%;font-weight:500;letter-spacing:0;position:relative;padding-bottom:20px;font-size:20px}
.table_brand .gray_bg,.gray_td3_bg{color:rgb(57 57 57);padding:10px 20px;margin:10px 0}
.table_brand .gray_bg:nth-child(2n) td{background-color:#fbfbfb}
.table_brand .gray_bg td,.table_brand .red_bg th,.table_brand .red_bg td{padding:10px 10px;border-left:1px #e6e6e6 solid;border-bottom:1px rgb(76 76 76 / 17%) solid;font-weight:400;background-color: #ededed;font-size:15px}
.table_brand .gray_bg td a{color:var(--primary)}
.table_brand .gray_bg td a span{vertical-align:inherit}
.table_brand .red_bg td,.table_brand .red_bg th{border-bottom: 3pt solid #5c5c5c;border-top: 2pt solid #5c5c5c;background-color: #5c5c5c;color:#ffffff;font-weight:500;font-size:17px}
.table_brand tr td a{vertical-align:initial}
.table_brand tr td a i{font-size:30px;color:#c5c5c5;padding:4px 6px}
.table_brand li a{color: var(--primary);vertical-align: initial;}
.table_brand li a:hover{color:#afb5b9;}
.table_brand article,.column article{padding:10px 0px;color:#2c2c2c;font-weight:400;line-height:180%}
.table_brand article h2{font-size:20px;padding:0px 0 20px}
.table_brand .textfeature{display:flex;align-items:center}
.table_brand .textfeature .img{width:520px;margin-right:3%}
.table_brand .textfeature ol{width:-webkit-fill-available}
.table_brand tr:nth-child(1){font-weight:500;text-align:center}


@media screen and (min-width: 1141px){
	.Finfo .back a:hover{background: #a72126;box-shadow:8px 4px 20px rgb(0 0 0 / 30%);transform:translate(0,-5px)}
	.workframe {width: var(--width-xl);}
}
@media screen and (max-width: 1440px){
	.workframe {width: 80%;}
}
@media screen and (min-width: 1281px){
	aside >ul{padding: 0 0px;}
	aside >ul >li{overflow:hidden;position:relative;display:inline-block;border-bottom: 1px solid #dfdfdf;}
	aside >ul li b[data-action="sideOpen"]{display:none}
	aside ul li h4{position:relative}
	aside ul li h4:before{content:"";position:absolute;z-index:1;width:1px;height:25px;background-color:#cbcbcb;top:50%;right:0;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
	aside ul li:last-child h4:before{display:none}
	aside >ul >li:hover{overflow:visible}
	aside >ul >li:hover h4 a{color:var(--primary)}
	aside >ul >li.action h4 a::before,aside >ul >li:hover h4 a:hover::before{left:0;right:auto;width:100%}
	aside >ul >li.action h4 a::before,aside >ul >li h4 a::before{content:'';position:absolute;bottom:0;right:0;z-index:1;width:0;height:2px;background-color:var(--primary);pointer-events:none}
	.moreBtn::before{content:'';position:absolute;top:0;right:0;z-index:-1;width:100%;height:0;background-color:#336432;transition-duration:.3s}
	aside >ul >li:hover ul.subUL{opacity:1}
	#news_list li .info_box{display:flex;align-items: flex-start;flex-direction: column;}
	#news_list li .info_box .newsDate{width:150px}
	#news_list li .info_box .Txt{width: calc(100% - 0px);display:flex;justify-content:space-between;flex-direction:column}
	#news_list li .info_box .Txt .txt_clamp{width: calc(100% - 0px);}
	#news_list li .info_box .Txt .btn{width:90px}
	#product_list li:hover .info_box .line{width:100%}
	#book_list li:hover .info_box{}
	#news_list li:hover .info_box:before{width:100%}
	#news_list li:hover .newsDate .up,#news_list li:hover .newsDate .down,#news_list li:hover .newsDate .newIcon{color:var(--primary)}
	#news_list li:hover .btn .arrow:after{-webkit-transform:rotate(270deg);transform:rotate(270deg)}
	#sub_banner a {margin: 95px 23vw 0px auto;height: 430px;position: relative;overflow: hidden;}
	#top_title{color:#000;pointer-events:none;background-color: #ffffff;position: absolute;top: 0;right: 0;z-index: 1;display: flex;flex-direction: column;justify-content: center;width: 360px;height: 80%;margin-bottom: 0;padding-left: 90px;text-align: left;}
	.bannerBox::before {content: "";width: calc((100% - 1450px) / 2 + 1040px);height: 60px;background-color: #7c1e22;background-image: linear-gradient(to right, #7b161c 0, #a72126 100%);position: absolute;bottom: 50px;left: calc(50% - 0px);z-index: 10;}
	#sub_banner a::after{position:absolute;bottom: 0;left:0;z-index: 0;content:"";width:100%;height: 420px;display:block;background: linear-gradient(to bottom,rgba(0,0,0,0),rgb(0 0 0 / 10%));pointer-events:none}	
	.webBox .wrapper:before{content:"";position:absolute;left:0;top: 580px;width: 80%;height:1px;background:rgba(102,102,102,0.15);z-index:3;right: auto;}
	#wrap:after{content:"";position:absolute;left:100px;top:-100px;width:1px;height:100%;background:rgba(102,102,102,0.15);z-index:2}
	#wrap:before{content:"SDGs IN TMU";font-family:'Montserrat',sans-serif;position:absolute;font-weight:600;left:20px;top:260px;color:#a72126;letter-spacing:2px;transform:rotate(-90deg);display:inline-block;padding:0 13px;z-index:20;background-image:url(/images/39/img-bg.png)}
}
@media screen and (max-width: 1280px){
	aside #category_nav{display:flex;flex-direction:column;background-color: #f2f2f2;}
	aside >ul >li{border-bottom:1px solid #cfcfcf}
	aside{position:relative;width:500px}
	aside #sidebtn{display:inline-block;background-color: #e1e1e1;}
	aside >ul{position:absolute;overflow:hidden;margin-top:1px;width:100%;height:0;background:rgba(var(--black-rgb),.85);top:0;left:0;z-index:1}
	aside >ul.open{height:auto;border-width:1px;top:50px}
	aside >ul >li{position:relative}
	aside >ul >li h4 a{padding:10px 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}
	#news_list{display:flex;flex-wrap:wrap}
	#news_list li{width: calc((100% / 2) - 80px);}
	#article_list li{width: calc((100% / 2) - 25px);}
	#album_list{
    grid-template-columns: repeat(2, 1fr);
}#book_list li{width:calc(( 100% / 2 ) - 30px);}
	.bannerBox{padding-bottom: 30px;}
	#top_title{padding: 20px 20px 0;display: none;}
	#sub_banner{height:300px}
	.form_box{margin-top:20px}
}
@media screen and (max-width: 1024px){
	#article_list img{height:35vw}
	#news_list li h3{height: 54px;font-size: 17px;}
	#news_list li .btn{padding:10px 0}
	#content_wrap .pag_tit{margin-bottom: 30px;margin-top:10px;font-size: 22px;padding-bottom: 15px;}
	#content_wrap{padding: 5vw 30px 6vw;min-height: 230px;}
	#book_list .row img{height:350px}
	#article_list li,#book_list li{width:calc(( 100% / 1 ) - 30px);margin-bottom: 20px;}
	#article_list .info_box{padding:15px 20px}
	#article_list li h3{height: auto;}
	#product_list li{width: calc((100% / 2) - 30px);}
	#wrap{padding-bottom: 90px;}
	.table_brand article{margin:20px 0}
	.table_brand article,.column article{font-size:15px}
	.table_brand .textfeature{display:flex;flex-direction:column}
	.table_brand .textfeature .img{width:-webkit-fill-available;margin-right:0}
	.workframe{width:85%}
	#article_list{margin-top:0}
}
@media screen and (max-width: 761px){
	#product_list{margin: auto;}
	#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: 350px; }
}
@media screen and (max-width: 640px){
	aside{width:100%}
	#album_list{-moz-column-count:2;-webkit-column-count:2;column-count:2}
	.form_box input#Checknum{width:calc(100% - 90px)}
	#sub_banner{height: 160px;}
	#top_title .pag_tit{margin-bottom:2px;font-size:25px}
	.waylink ol{padding:6px 0;margin:auto}
	#news_list{display:flex;flex-direction:column}
	#news_list li{width: calc((100% / 1) - 40px);padding:0 10px;margin: 10px 10px 40px;}
	#news_list li .info_box .newsDate{padding-bottom:15px}
	#describe .listTitle{font-size:18px}
	#album_list{grid-template-columns:repeat(1,1fr)}
	#album_list >div p{font-size:14px}
	#product_list li{width: calc((100% / 1) - 30px);}
	#wrap{padding-bottom: 0px;}
	.Finfo{margin: 0px 0 40px 0;padding: 30px 0px 0;}

}

@media screen and (max-width: 500px){
	#product_list { width: 100%; }
	#book_list .row img {height: 280px;}
	.table_brand h5{font-size: 16px;}
	.table_brand li{margin: 5px 0px;}
	.table_brand h5{font-size: 20px;padding-left:10px}
	.table_brand ol{padding-left:30px}
	.table_brand li{margin:5px 0px}
}
@media screen and (max-width: 420px){
	#book_list .row img {height: 230px;}
}