@import url('/css/community.css');

aside b .fa {transform:rotate(0);-webkit-transform:rotate(0);transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out}
aside>ul>li .subUL {transform:translate(0,30px);-webkit-transform:translate(0,30px)}
aside>ul>li[data-type="2"] .h4 b .fa {transform:rotate(180deg);-webkit-transform:rotate(180deg)}
aside>ul>li[data-type="2"] .subUL {transform:translate(0,0);-webkit-transform:translate(0,0)}

/* #faq_list */
#faq_list li .title i {transform:rotate(0);-webkit-transform:rotate(0);transition:all 0.3s ease-in-out;-webkit-transition:all 0.3s ease-in-out}
#faq_list li.current .title i {transform:rotate(180deg);-webkit-transform:rotate(180deg)}
[data-action="loader"] .loader_circle {width:50px;height:50px;border-radius:50%}

/* #lodbg */
[data-action="loader"]#lodbg .loader_circle {-webkit-animation:circle infinite 0.75s linear;animation:circle infinite 0.75s linear}
@keyframes circle{0%{transform:rotate(0);-webkit-transform:rotate(0)}100%{transform:rotate(360deg);-webkit-transform:rotate(360deg)}}
@-webkit-keyframes circle{0%{transform:rotate(0);-webkit-transform:rotate(0)}100%{transform:rotate(360deg);-webkit-transform:rotate(360deg)}}
.poouitembox {display:flex;justify-content:space-between;padding:50px 40px 0;background:#ffffff}
.poouitembox .pouleftbox {width:280px;position:relative;padding:20px 0px 0}
.poouitembox.fullboxm .pouleftbox {display:none}
.poouitembox.fullboxm .pourightbox:before {display:none}
.poouitembox .pourightbox {width:calc(100% - 350px);position:relative}
.poouitembox.fullboxm .pourightbox {width:min(1366px,100%)}
.poouitembox .pouleftbox:before {content:"";position:absolute;width:1px;height:100%;top:0%;background:rgb(233 233 233 / 46%);right:-40px;z-index:10}
.poouitembox .pourightbox .workframe {}
.poouitembox .pouleftbox .page_area {display:flex;flex-direction:column}
.poouitembox .navtitleJ {display:flex;flex-direction:column;margin-bottom:40px}
.poouitembox .navtitleJ h3 {font-size:max(1.4*(1vw+1vh) / 2,25px);padding-bottom:10px}
.poouitembox .navtitleJ span {width:100%;height:1px;background:#5e5e5e}

/* #category_nav */
.poouitembox .pouleftbox .page_area #category_nav {display:flex;flex-direction:column;margin-bottom:20px}
.poouitembox .pouleftbox .page_area #category_nav li a {width:100%}
.poouitembox .pouleftbox .page_area #category_nav li b {position:absolute;right:10px}
.poouitembox aside>ul>li .subUL {position:relative;width:100%;left:0;height:0}
.poouitembox aside>ul>li[data-type="2"] .subUL {box-shadow:unset;height:auto}
.poouitembox aside>ul>li .subUL>li .subULHead a {padding:15px 15px}

/* #wrap */
#wrap {z-index:6;background-repeat:no-repeat;position:relative}
#wrap:after {content:'';background-color:transparent;background-image:linear-gradient(360deg,#fff 50%,#ffffff00 100%);position:absolute;width:100%;height:100%;bottom:0}
#wrap .page_area {margin:auto;width:100%;z-index:2;position:relative}

/* #category_nav */
#category_nav {margin-top:0;background:#f0f0f0;padding-top: 0;padding-bottom:0}

/* #wrap */
#wrap .shadow {box-shadow:0 0 20px rgba(var(--black-rgb),.2)}

/* #sub_banner */
#sub_banner {top:0;left:0}
#sub_banner a,#page_title {padding-top:0;height:280px}
#sub_banner a img {height:100%}
#sub_banner a:after {position:absolute;width:100%;height:100%;background:rgba(var(--black-rgb),.4);top:0;left:0;z-index:2;content:""}

/* #page_title */
#page_title>div {margin:auto;padding-top:60px;max-width: 95%;}
#page_title .pag_tit {line-height:1.3em;letter-spacing:.15em;font-size:2em}
.waylink ol {padding-top:5px}
.waylink ol li,.waylink ol li a {letter-spacing:1.5px;font-weight:300;font-size:13px;vertical-align:bottom}
.waylink ol li:after {margin:0 10px;display:inline-block;font-weight:100;font-size:12px;color:var(--white);content:"/"}
.waylink ol li:last-child:after {margin:0;content:""}
aside>ul {margin-top:2vw}
aside ul li b {padding:5px 10px}
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 10px 10px;font-weight:300;font-size:18px}
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(--primary)}
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 * {font-family:Arial,sans-serif}
.list_box li {margin:0 15px 50px;border-radius:20px 20px 2px 2px}
.list_box li img {background:rgba(var(--primary-rgb),.05)}
#content_wrap i{font: normal normal normal 14px / 1 FontAwesome;}


/* #product_list */
#product_list .img_scale img {background-size:cover;background-position:50%}
#product_list .right_box {display:none}

/* #article_list */
#article_list li h3 {padding:10px 20px;width:calc(90% - 0px);height:51px;background:rgba(var(--white-rgb),.9);line-height:37px;font-weight:400;font-size:18px;bottom:20px;left:5%;color:#364243}
#article_list li img {height:35vw}
#article_list li .info_box {padding:30px;width:calc(100% - 100px);background:rgba(var(--white-rgb),.9);bottom:-100%;left:20px;opacity:0}
#article_list li .info_box p {height:34px;font-size:20px}
#article_list li .info_box .cate {z-index:2}
#article_list li .info_box article {margin:15px 0 40px;height:90px;line-height:220%;font-weight:300;font-size:14px;-webkit-line-clamp:3}

/* #news_list */
#news_list {display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
#news_list li {width:100%;padding:3px 10px;margin:0 0px 20px;border-radius:10px;background:#f5f5f5}
#news_list li:hover {-moz-transform:translateY(-0.25em);-webkit-transform:translateY(-0.25em);-o-transform:translateY(-0.25em);-ms-transform:translateY(-0.25em);transform:translateY(-0.25em);background:#f8f8f8}
#news_list li img {aspect-ratio:4 /3}
#news_list li .imoimg_box {overflow:hidden}
#news_list li .imoimg_box img {width:100%;object-fit:cover}
#news_list li .info_box {padding:30px 10px;display:grid;grid-template-columns:100px 1fr;gap:10px;align-items:center}
#news_list li .info_box p a {margin-right:10px;max-width:calc(100% - 100px);font-weight:400;z-index:2}
#news_list li .info_box p .time {width:auto;font-weight:300}
#news_list li .info_box h3 {height:34px;font-size:20px}
#news_list .nwleft {display:flex;flex-direction:column;align-items:center}
#news_list .nwleft .bigtexxt {font-size:max(3*(1vw+1vh) / 2,24px)}
#news_list .inffoonw {overflow:hidden;margin:10px 0 0;font-size:16px;height:64px;text-align:left;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
#news_list .nwwmoreJ {display:flex;align-items:center;color:var(--secondary);justify-content:flex-end;display:none}
#news_list .nwwmoreJ span {width:100px;height:1px;background:#5c8537;margin-right:10px}
#news_list .cateJJ{display:none;}
/* #faq_list */
#faq_list li {margin-bottom:30px}
#faq_list li .title font {padding:15px 65px 15px 25px;background:var(--white);font-size:max(1.4*(1vw+1vh) / 2,16px);box-shadow:0 0 10px rgb(178 178 178 / 20%)}
#faq_list li .title i {font-size:26px;top:calc((100% - 26px) / 2);right:25px}
#faq_list li .info {padding:25px;font-size:14px;-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}
#faq_list li.current {box-shadow:0 0 15px rgba(var(--black-rgb),.2)}
#faq_list li.current .title font {background:var(--gray);box-shadow:none;color:var(--white)}
#faq_list li.current .title i {color:var(--white)}

/* #book_list */
#book_list {--book-primary:#0B2D72;--book-primary-dark:#071F50;--book-secondary:#41A67E;--book-secondary-dark:#2F7E61;--book-text:#56636E;--book-light:#F4F8FB;--book-paper:#FFFFFF;--book-line:rgba(11,45,114,0.12);--book-shadow:0 20px 52px rgba(11,45,114,0.10);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 28px;width:min(100%,1420px);margin:0 auto;padding:30px 0 100px;font-size:0;line-height:normal;white-space:normal;list-style:none;counter-reset:book-counter}
#book_list,#book_list * {box-sizing:border-box}
#book_list>li {position:relative;display:flex;flex-direction:column;width:auto;min-width:0;margin:0;padding:0;float:none;font-size:16px;vertical-align:top;white-space:normal;background:var(--book-paper);border:1px solid var(--book-line);border-radius:3px 30px 3px 3px;box-shadow:var(--book-shadow);overflow:hidden;counter-increment:book-counter;transform:translateZ(0);transition:border-color 0.4s ease,box-shadow 0.4s ease,transform 0.4s ease}
#book_list>li::before {content:"";position:absolute;top:0;left:0;z-index:5;width:78px;height:4px;background:var(--book-secondary);transition:width 0.45s ease}
#book_list>li::after {content:counter(book-counter,decimal-leading-zero);position:absolute;top:20px;left:20px;z-index:5;display:flex;align-items:center;justify-content:center;width:52px;height:52px;color:#FFFFFF;font-family:Arial,sans-serif;font-size:11px;font-weight:700;line-height:1;letter-spacing:0.08em;background:rgba(11,45,114,0.92);border:1px solid rgba(255,255,255,0.2);border-radius:50%;box-shadow:0 12px 28px rgba(7,31,80,0.25);backdrop-filter:blur(8px);pointer-events:none}
#book_list>li:hover {z-index:2;border-color:rgba(65,166,126,0.5);box-shadow:0 32px 72px rgba(11,45,114,0.17);transform:translateY(-9px)}
#book_list>li:hover::before {width:100%}
#book_list .img_box {position:relative;width:100%;aspect-ratio:4 / 3;margin:0;background:#E7EDF2;overflow:hidden}
#book_list .img_box::before {content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(7,31,80,0.02) 38%,rgba(7,31,80,0.5) 100%);opacity:0.72;pointer-events:none;transition:opacity 0.45s ease}
#book_list .img_box::after {content:"VIEW CASE";position:absolute;right:20px;bottom:18px;z-index:3;display:flex;align-items:center;justify-content:center;min-height:36px;padding:8px 14px;color:#FFFFFF;font-family:Arial,sans-serif;font-size:9px;font-weight:700;line-height:1;letter-spacing:0.15em;background:rgba(11,45,114,0.88);border-left:3px solid var(--book-secondary);opacity:0;transform:translateY(10px);transition:opacity 0.4s ease,transform 0.4s ease}
#book_list .img_box img {display:block;width:100%;height:100%;margin:0;object-fit:cover;object-position:center;transition:filter 0.5s ease,transform 0.9s cubic-bezier(0.2,0.7,0.2,1)}
#book_list>li:hover .img_box::before {opacity:1}
#book_list>li:hover .img_box::after {opacity:1;transform:translateY(0)}
#book_list>li:hover .img_box img {filter:saturate(1.07) contrast(1.04);transform:scale(1.065)}
#book_list .teinfo {position:relative;display:flex;flex:1;align-items:center;min-height:125px;padding:36px 82px 28px 28px;background:linear-gradient(135deg,rgba(65,166,126,0.07) 0%,rgba(255,255,255,0) 58%),#FFFFFF;border-top:1px solid var(--book-line);overflow:hidden}
#book_list .teinfo::before {content:"PROJECT CASE";position:absolute;top:17px;left:28px;color:var(--book-secondary);font-family:Arial,sans-serif;font-size:9px;font-weight:700;line-height:1.4;letter-spacing:0.17em}
#book_list .teinfo::after {content:"↗";position:absolute;top:50%;right:24px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;color:#FFFFFF;font-family:Arial,sans-serif;font-size:17px;font-weight:400;line-height:1;background:var(--book-primary);border-radius:50%;transform:translateY(-50%);transition:background 0.35s ease,transform 0.35s ease}
#book_list>li:hover .teinfo::after {background:var(--book-secondary);transform:translateY(-50%) rotate(45deg)}
#book_list .teinfo .badge {display:-webkit-box;width:100%;max-width:none;margin:0;padding:0;color:var(--book-primary);font-size:19px;font-weight:700;line-height:1.65;letter-spacing:0.035em;white-space:normal;background:transparent;border:0;border-radius:0;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;transition:color 0.35s ease;text-align:left}
#book_list>li:hover .teinfo .badge {color:var(--book-secondary-dark)}
#book_list .atag_item {position:absolute;inset:0;z-index:10;display:block;width:100%;height:100%;margin:0;text-decoration:none;border-radius:inherit}
#book_list .atag_item:focus {outline:0}
#book_list .atag_item:focus-visible {outline:3px solid rgba(65,166,126,0.72);outline-offset:-6px}
#book_list>li .teinfo {isolation:isolate}
#book_list>li .teinfo>* {position:relative;z-index:2}
#book_list>li .teinfo span {position:relative;z-index:2}

/* #album_list */
#album_list {flex-wrap:wrap;gap:15px}
#album_list>div {margin:0 1px 1px 0;height:300px;flex-grow:1}
#album_list>div img {width:auto;min-width:100%;height:300px}

/* #content_wrap */
#content_wrap {position:relative;padding:60px 40px 50px;z-index:1;background-color:#fff}
#content_wrap h1 {margin-bottom:5px;padding:0px 20px 10px;border-bottom:1px rgba(var(--black-rgb),.1) solid;line-height:130%;font-size:max(2.2*(1vw+1vh) / 2,26px);color:var(--info)}
#content_wrap .top_box {padding:0 20px}
#content_wrap .quote_box {margin-right:30px}
#content_wrap .gooubox {display:grid;grid-template-columns:38% 60%;gap:2%;padding:50px;background:#f6f6f6;align-items:center;border-radius:20px;margin-top:60px}
#content_wrap .gooubox h3 {font-size:max(2*(1vw+1vh) / 2,20px);margin-bottom:10px}
#content_wrap .inggfo {display:flex;flex-direction:column;padding-bottom:20px;margin-bottom:20px;}
#content_wrap .outinside iframe {width:100%;height:300px}
#content_wrap .inggfo .tvanlist {display:flex;padding:5px 0px;margin-bottom:0px}

/* #pagenav */
#pagenav {padding-top:50px}
#pagenav a,#pagenav strong {margin:0 2px;width:35px;height:35px;background:rgba(var(--black-rgb),.1);border-radius:5px;display:inline-block;text-align:center;line-height:35px;font-weight:400}
#pagenav strong {background:var(--primary);color:var(--white)}
#pagenav a:first-child,#pagenav a:last-child {line-height:30px}
#pagenav p a {margin:0;padding:0 20px;width:auto;border-radius:20px}
#pagenav p a i {margin:0 5px 0 0}
#pagenav p a font {-webkit-transition:none;-moz-transition:none;-ms-transition:none;-o-transition:none;transition:none}
#pagenav p:last-child a i {margin:0 0 0 5px}

/* #describe */
#describe {margin:2em 0 1vw}
.cenifame {display:flex;flex-direction:column;align-items:center}
.antext {display:flex;flex-direction:column;align-items:center;padding:20px 0 0px}
.antext p {text-align:center}
.cenifame iframe {width:min(100%,1000px);aspect-ratio:5/3;height:auto}
.cninfotext {padding:50px;background:#ffffff;box-shadow:0 0 21px rgb(208 208 208 / 30%)}
.cninfotext div {margin-bottom:30px}
.cninfotext h3 {font-size:max(1.6*(1vw+1vh) / 2,18px);color:#a3c9cb;font-weight:500}
.cninfotext p {font-size:max(1.2*(1vw+1vh) / 2,16px)}
.cenifame .titlevent {display:flex;flex-direction:column;align-items:center;padding:30px 0}
.cenifame .titlevent h2 {margin-top:20px}
.cenifame .titlevent:before {content:"";position:relative;display:flex;width:1px;height:50px;background:#a1a1a1}
#describe * {vertical-align:bottom;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}
[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 */
#lodbg {opacity:1;z-index:99999}
.cootopcobox {display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:center;padding:0rem 2rem}
.cootopcobox .copo-text {padding:1.2rem 2rem;border-left:6px solid var(--secondary)}
.cootopcobox .copo-text .title {font-size:2rem;color:#0056a4;margin-bottom:1rem;font-weight:600}
.cootopcobox .copo-text p {color:#444;line-height:1.8;font-size:1.4rem;font-weight:600;margin-bottom:1rem}
.cootopcobox .copo-text article {color:#444;line-height:1.8}
.cootopcobox .copo-image img {border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,0.1);transition:transform 0.4s}
.cootopcobox .copo-image img:hover {transform:scale(1.05)}

/* #content_wrap */
#content_wrap {--contact-primary:#0B2D72;--contact-primary-dark:#071F50;--contact-secondary:#41A67E;--contact-secondary-dark:#2F7E61;--contact-dark:#172333;--contact-text:#56636E;--contact-light:#F4F8FB;--contact-paper:#FFFFFF;--contact-line:rgba(11,45,114,0.12);--contact-shadow:0 24px 65px rgba(11,45,114,0.10);position:relative;width:min(100%,1420px);margin:0 auto;padding:80px 30px 60px;color:var(--contact-dark);line-height:1.8}
#content_wrap,#content_wrap * {box-sizing:border-box}
#content_wrap a {text-decoration:none}
#content_wrap p,#content_wrap article {margin:0}
#content_wrap .cootopcobox {position:relative;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(480px,1.12fr);min-height:500px;box-shadow:var(--contact-shadow);overflow:hidden;padding:20px 20px}
#content_wrap .cootopcobox::before {content:"CONTACT";position:absolute;right:35px;bottom:-28px;z-index:3;color:transparent;font-family:Arial,sans-serif;font-size:clamp(80px,10vw,155px);font-weight:800;line-height:1;letter-spacing:0.04em;-webkit-text-stroke:1px rgba(255,255,255,0.08);pointer-events:none}
#content_wrap .copoleftbox {position:relative;z-index:2;display:flex;align-items:center;padding:90px 65px;color:#FFFFFF;background:radial-gradient(circle at 10% 10%,rgba(65,166,126,0.25),transparent 28%),linear-gradient(135deg,var(--contact-primary-dark) 0%,var(--contact-primary) 68%,#123D81 100%);overflow:hidden}
#content_wrap .copoleftbox::before {content:"";position:absolute;top:0;left:0;width:88px;height:5px;background:var(--contact-secondary)}
#content_wrap .copoleftbox::after {content:"";position:absolute;right:-100px;bottom:-100px;width:300px;height:300px;border:1px solid rgba(255,255,255,0.09);border-radius:50%;box-shadow:0 0 0 42px rgba(255,255,255,0.025),0 0 0 84px rgba(255,255,255,0.015);pointer-events:none}
#content_wrap .copo-text {position:relative;z-index:2;max-width:560px}
#content_wrap .copo-text::before {content:"Winstar Refrigeration";display:block;margin-bottom:18px;color:var(--contact-secondary);font-family:Arial,sans-serif;font-size:11px;font-weight:700;line-height:1.5;letter-spacing:0.2em;text-transform:uppercase}
#content_wrap .copo-text .title {margin-bottom:12px;color:#FFFFFF;font-size:clamp(36px,3.5vw,56px);font-weight:700;line-height:1.35;letter-spacing:0.045em}
#content_wrap .copo-text>p {position:relative;margin-bottom:30px;padding-bottom:25px;color:rgba(255,255,255,0.9);font-size:18px;font-weight:700;line-height:1.65;letter-spacing:0.08em}
#content_wrap .copo-text>p::after {content:"";position:absolute;bottom:0;left:0;width:68px;height:4px;background:var(--contact-secondary)}
#content_wrap .copo-text article {color:rgba(255,255,255,0.72);font-size:15px;line-height:2;letter-spacing:0.025em}
#content_wrap .coporightbox {position:relative;min-width:100%;background:#DDE7EC;overflow:hidden;display:flex;height:100%}
#content_wrap .copo-image {position:relative;inset:0}
#content_wrap .copo-image::before {content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(7,31,80,0.28) 0%,rgba(7,31,80,0.03) 48%,rgba(7,31,80,0.1) 100%);pointer-events:none}
#content_wrap .copo-image::after {content:"";position:absolute;right:30px;bottom:30px;z-index:2;width:88px;height:88px;border-right:2px solid var(--contact-secondary);border-bottom:2px solid var(--contact-secondary);pointer-events:none}
#content_wrap .copo-image img {display:block;width:100%;height:100%;object-fit:cover;object-position:center}
#content_wrap .copo-desc {position:absolute;right:28px;bottom:28px;z-index:3;width:12px;height:12px;background:var(--contact-secondary);border-radius:50%;box-shadow:0 0 0 9px rgba(65,166,126,0.18),0 0 0 18px rgba(65,166,126,0.08)}
#content_wrap .gooubox {position:relative;display:grid;grid-template-columns:minmax(330px,0.72fr) minmax(0,1.28fr);align-items:stretch;gap:38px;margin-top:55px}
#content_wrap .booleft {position:relative;padding:48px 42px;background:linear-gradient(145deg,#F4F8FB 0%,#FFFFFF 100%);border:1px solid var(--contact-line);box-shadow:0 18px 48px rgba(11,45,114,0.07);overflow:hidden}
#content_wrap .booleft::before {content:"";position:absolute;top:0;left:0;width:82px;height:4px;background:var(--contact-secondary)}
#content_wrap .booleft::after {content:"INFO";position:absolute;right:-8px;bottom:-15px;color:transparent;font-family:Arial,sans-serif;font-size:95px;font-weight:800;line-height:1;letter-spacing:0.05em;-webkit-text-stroke:1px rgba(11,45,114,0.045);pointer-events:none}
#content_wrap .booleft h3 {position:relative;z-index:2;margin:0 0 30px;padding:0 0 20px;color:var(--contact-primary);font-size:30px;font-weight:700;line-height:1.45;letter-spacing:0.05em}
#content_wrap .booleft h3::after {content:"";position:absolute;bottom:0;left:0;width:55px;height:3px;background:var(--contact-secondary)}
#content_wrap .inggfo {position:relative;z-index:2;border-top:1px solid var(--contact-line)}
#content_wrap .tvanlist {position:relative;padding:19px 0;border-bottom:1px solid var(--contact-line)}
#content_wrap .tvanlist p {display:grid;grid-template-columns:58px minmax(0,1fr);align-items:start;gap:10px}
#content_wrap .tvanlist font {color:var(--contact-primary);font-size:14px;font-weight:700;line-height:1.8}
#content_wrap .tvanlist a {color:var(--contact-text);font-size:14px;line-height:1.8;word-break:break-word;transition:color 0.3s ease,padding-left 0.3s ease}
#content_wrap .tvanlist a:hover {padding-left:5px;color:var(--contact-secondary-dark)}
#content_wrap .outinside {position:relative;z-index:2;margin-top:30px;padding:22px 22px 22px 25px;background:rgba(65,166,126,0.08);border-left:4px solid var(--contact-secondary)}
#content_wrap .outinside article {color:var(--contact-text);font-size:14px;line-height:1.9;letter-spacing:0.02em}
#content_wrap .outinside article span {color:var(--contact-secondary-dark) !important;font-weight:700}
#content_wrap .booright {position:relative;padding:48px 50px 50px;background:var(--contact-paper);border:1px solid var(--contact-line);box-shadow:var(--contact-shadow);overflow:hidden}
#content_wrap .booright::before {content:"CONTACT FORM";position:absolute;top:24px;right:28px;color:rgba(11,45,114,0.1);font-family:Arial,sans-serif;font-size:10px;font-weight:700;line-height:1.4;letter-spacing:0.17em;pointer-events:none}
#content_wrap .booright::after {content:"";position:absolute;top:0;right:0;width:90px;height:90px;border-top:2px solid var(--contact-secondary);border-right:2px solid var(--contact-secondary);pointer-events:none}
#content_wrap .codtext {position:relative;margin-bottom:30px;padding:0 120px 22px 0;color:var(--contact-primary);font-size:17px;font-weight:700;line-height:1.8;letter-spacing:0.035em;border-bottom:1px solid var(--contact-line)}
#content_wrap .form_box {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
#content_wrap .form_box>p {position:relative;min-width:0}
#content_wrap .form_box>p.fullboox,#content_wrap .form_box>p.large,#content_wrap .form_box>p.checknum,#content_wrap .form_box>p:last-child {grid-column:1/-1}
#content_wrap .form_box input,#content_wrap .form_box textarea {display:block;width:100%;margin:0;padding:0 19px;color:var(--contact-dark);font-family:inherit;font-size:14px;font-weight:400;line-height:1.6;letter-spacing:0.02em;background:#F8FAFC;border:1px solid var(--contact-line);border-radius:0;outline:0;transition:background 0.3s ease,border-color 0.3s ease,box-shadow 0.3s ease}
#content_wrap .form_box input {height:58px}
#content_wrap .form_box textarea {min-height:160px;padding-top:16px;padding-bottom:16px;line-height:1.8;resize:vertical}
#content_wrap .form_box input::placeholder,#content_wrap .form_box textarea::placeholder {color:#8B969F;opacity:1}
#content_wrap .form_box input:hover,#content_wrap .form_box textarea:hover {border-color:rgba(65,166,126,0.5)}
#content_wrap .form_box input:focus,#content_wrap .form_box textarea:focus {background:#FFFFFF;border-color:var(--contact-secondary);box-shadow:0 0 0 4px rgba(65,166,126,0.1)}
#content_wrap .checknum {padding:18px 20px;background:var(--contact-light);border:1px solid var(--contact-line)}
#content_wrap .checknum>font {display:flex;align-items:center;gap:14px;width:100%;white-space:normal}
#content_wrap .checknum input {flex:0 1 220px;width:220px;background:#FFFFFF}
#content_wrap .checknum #rand-img {display:block;flex:0 0 auto;width:auto !important;max-width:150px;height:30px;object-fit:contain;background:#FFFFFF;border:1px solid var(--contact-line) !important;transition:border-color 0.3s ease,opacity 0.3s ease}
#content_wrap .checknum #rand-img:hover {border-color:var(--contact-secondary) !important;opacity:0.82}
#content_wrap .form_box>p:last-child {margin-top:5px;text-align:right}
#content_wrap .more_btn {position:relative;display:inline-flex;align-items:center;justify-content:flex-start;min-width:205px;min-height:62px;padding:15px 72px 15px 30px;color:#FFFFFF;font-size:15px;font-weight:700;line-height:1.4;letter-spacing:0.14em;text-decoration:none;background:linear-gradient(135deg,var(--contact-secondary) 0%,var(--contact-secondary-dark) 100%);border:1px solid var(--contact-secondary);border-radius:2px 30px 2px 2px;box-shadow:0 15px 35px rgba(65,166,126,0.24);overflow:hidden;transition:background 0.35s ease,border-color 0.35s ease,box-shadow 0.35s ease,transform 0.35s ease}
#content_wrap .more_btn::before {content:"";position:absolute;top:0;left:-110%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.6s ease}
#content_wrap .more_btn::after {content:"→";position:absolute;top:50%;right:16px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;color:var(--contact-primary);font-family:Arial,sans-serif;font-size:19px;font-weight:400;line-height:1;background:#FFFFFF;border-radius:50%;transform:translateY(-50%);transition:color 0.3s ease,transform 0.3s ease}
#content_wrap .more_btn:hover {background:linear-gradient(135deg,var(--contact-primary) 0%,var(--contact-primary-dark) 100%);border-color:var(--contact-primary);box-shadow:0 20px 45px rgba(11,45,114,0.24);transform:translateY(-4px)}
#content_wrap .more_btn:hover::before {left:110%}
#content_wrap .more_btn:hover::after {color:var(--contact-secondary);transform:translateY(-50%) translateX(4px)}
#content_wrap .more_btn:focus-visible {outline:3px solid rgba(65,166,126,0.4);outline-offset:4px}

/* @media */
@media screen and (max-width:1280px){
/* #book_list */
#book_list {gap:30px 23px}
#book_list .teinfo {min-height:130px;padding-right:74px;padding-left:24px}
#book_list .teinfo::before {left:24px}
#book_list .teinfo::after {right:20px;width:42px;height:42px}
#book_list .teinfo .badge {font-size:18px}
/* #content_wrap */
#content_wrap {padding-right:25px;padding-left:25px}
#content_wrap .cootopcobox {grid-template-columns:minmax(0,0.95fr) minmax(430px,1.05fr)}
#content_wrap .copoleftbox {padding:60px 48px}
#content_wrap .gooubox {grid-template-columns:minmax(310px,0.75fr) minmax(0,1.25fr);gap:28px}
#content_wrap .booleft {padding:42px 32px}
#content_wrap .booright {padding:42px 38px}
}
@media screen and (max-width:1024px){
/* #book_list */
#book_list {grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 22px;padding-bottom:85px}
#book_list .teinfo {min-height:120px}
/* #content_wrap */
#content_wrap {padding-top:60px;padding-bottom:95px}
#content_wrap .cootopcobox {grid-template-columns:1fr}
#content_wrap .copoleftbox {min-height:430px}
#content_wrap .coporightbox {min-height:470px}
#content_wrap .copo-image {position:relative;height:470px}
#content_wrap .gooubox {grid-template-columns:1fr}
#content_wrap .booleft,#content_wrap .booright {width:100%}
#content_wrap .tvanlist p {grid-template-columns:65px minmax(0,1fr)}
#content_wrap .gooubox {display:flex;flex-direction:column;padding:0}
.form_box {grid-template-columns:1fr;gap:25px 10px}
.form_box p.large,.form_box .fullbooxJJ {grid-column:1 / 1}
.form_box p.large {grid-column:1 / 3}
.poouitembox {padding:50px 0px 0}
.poouitembox .pouleftbox {width:100%;display:none}
.poouitembox .pourightbox {width:100%;order:-1}
.cootopcobox {grid-template-columns:1fr;padding:0}
.cootopcobox .copo-text {padding:1rem 1.2rem}
}
@media screen and (max-width:768px){
/* #book_list */
#book_list {gap:22px 18px;padding-top:15px;padding-bottom:70px}
#book_list>li::after {top:16px;left:16px;width:47px;height:47px}
#book_list .img_box::after {right:15px;bottom:14px}
#book_list .teinfo {min-height:115px;padding:34px 68px 24px 20px}
#book_list .teinfo::before {top:15px;left:20px}
#book_list .teinfo::after {right:17px;width:39px;height:39px}
#book_list .teinfo .badge {font-size:17px}
/* #content_wrap */
#content_wrap {padding:45px 20px 80px}
#content_wrap .copoleftbox {min-height:390px;padding:50px 35px}
#content_wrap .coporightbox,#content_wrap .copo-image {min-height:390px;height:390px}
#content_wrap .copo-text .title {font-size:38px}
#content_wrap .copo-text>p {font-size:16px}
#content_wrap .gooubox {margin-top:35px}
#content_wrap .booleft,#content_wrap .booright {padding:38px 28px}
#content_wrap .codtext {padding-right:0}
#content_wrap .booright::before {display:none}
#content_wrap .form_box {grid-template-columns:1fr}
#content_wrap .form_box>p,#content_wrap .form_box>p.fullboox,#content_wrap .form_box>p.large,#content_wrap .form_box>p.checknum,#content_wrap .form_box>p:last-child {grid-column:auto}
#content_wrap .form_box>p:last-child {text-align:center}
/* #article_list */
#article_list li img {height:50vw}
/* #news_list */
#news_list li .info_box {padding:15px 0;grid-template-columns:94px 1fr}
#news_list li img {aspect-ratio:14 / 8;height:auto}
#news_list .cateJJ{display:none;}
    #news_list .inffoonw{font-size:15px;height: 60px;}
}
@media screen and (max-width:640px){
/* #article_list */
#article_list li img {height:320px}
/* #album_list */
#album_list>div,#album_list>div img {height:40vw}
/* #content_wrap */
#content_wrap .gooubox {background:unset;margin-top:30px}
.form_box p.checknum {grid-column:1 / 3}
/* #news_list */
#news_list {grid-template-columns:1fr}
.cootopcobox .copo-text .title {font-size:1.4rem;margin-bottom:5px}
.cootopcobox .copo-text p {font-size:1.2rem}
}
@media screen and (max-width:560px){
/* #book_list */
#book_list {grid-template-columns:1fr;gap:24px;padding-bottom:60px}
#book_list>li {border-radius:3px 25px 3px 3px}
#book_list .img_box {aspect-ratio:4 / 3}
#book_list .img_box::after {opacity:1;transform:translateY(0)}
#book_list .teinfo {min-height:112px;padding:34px 68px 23px 20px}
#book_list .teinfo .badge {font-size:18px;line-height:1.6}
/* #content_wrap */
#content_wrap {padding:30px 16px 65px}
#content_wrap .cootopcobox {min-height:0}
#content_wrap .copoleftbox {min-height:0;padding:42px 23px}
#content_wrap .copo-text::before {margin-bottom:13px;font-size:9px}
#content_wrap .copo-text .title {font-size:31px}
#content_wrap .copo-text>p {margin-bottom:24px;padding-bottom:20px;font-size:14px}
#content_wrap .copo-text article {font-size:14px;line-height:1.9}
#content_wrap .coporightbox,#content_wrap .copo-image {min-height:310px;height:310px}
#content_wrap .cootopcobox::before {font-size:60px}
#content_wrap .booleft,#content_wrap .booright {padding:32px 20px}
#content_wrap .booleft h3 {font-size:26px}
#content_wrap .tvanlist p {grid-template-columns:52px minmax(0,1fr);gap:6px}
#content_wrap .tvanlist font,#content_wrap .tvanlist a {font-size:13px}
#content_wrap .outinside {padding:18px 17px 18px 20px}
#content_wrap .codtext {margin-bottom:24px;font-size:15px}
#content_wrap .form_box {gap:14px}
#content_wrap .form_box input {height:54px}
#content_wrap .form_box textarea {min-height:145px}
#content_wrap .checknum {padding:14px}
#content_wrap .checknum>font {flex-wrap:wrap;gap:10px}
#content_wrap .checknum input {flex:1 1 150px;width:100%}
#content_wrap .checknum #rand-img {max-width:135px;height:46px}
#content_wrap .more_btn {width:100%;min-width:0}
}
@media screen and (max-width:550px){
/* #community */
#community {margin-top:10px}
/* #pagenav */
#pagenav p a i,#pagenav p:last-child a i {margin:0}
/* #content_wrap */
#content_wrap {padding:40px 30px;width:100%}
#content_wrap h1 {font-size:max(2.2*(1vw+1vh) / 2,24px);padding:0px 0px 10px}
/* #sub_banner */
#sub_banner a,#page_title {height:280px}
/* #wrap */
#wrap .workframe {width:100%}
.list_box li {margin:10px 10px 40px;border-radius:20px}
/* #article_list */
#article_list li h3 {width:95%;left:2.5%}
/* #describe */
#describe {padding:0px 0px 10px;margin:1em 0 5vw}
}
@media screen and (max-width:450px){
/* #album_list */
#album_list>div,#album_list>div img {height:50vw}
/* #pagenav */
#pagenav a,#pagenav strong {margin:0;width:24px;height:24px;line-height:24px;font-size:14px}
#pagenav a:first-child,#pagenav a:last-child {line-height:20px}
#pagenav p a i,#pagenav p:last-child a i {font-size:20px}
}
@media screen and (max-width:390px){
/* #book_list */
#book_list>li::after {width:43px;height:43px}
#book_list .teinfo {padding-right:60px;padding-left:17px}
#book_list .teinfo::before {left:17px}
#book_list .teinfo::after {right:14px;width:37px;height:37px}
#book_list .teinfo .badge {font-size:16px}
}
@media screen and (min-width:1281px){
/* #book_list */
#book_list li:hover .img_box:before,#book_list li:hover .img_box:after {transform:scaleY(0);-webkit-transform:scaleY(0)}
#book_list li:hover .teinfo font {}
/* #sub_banner */
#sub_banner a,#page_title {padding-top:0;height:400px}
aside>ul>li:hover .h4 a,aside>ul>li:hover .h4 i,aside>ul>li.action .h4 a {color:var(--secondary)}
/* #article_list */
#article_list li:hover h3 {opacity:0}
aside>ul>li.action .h4 a {border-bottom:var(--secondary) 2px solid;font-weight:600}
#article_list li img {height:500px}
#article_list li:hover .info_box {bottom:20px;opacity:1}
/* #pagenav */
#pagenav a:hover {background:var(--primary);color:var(--white)}
#pagenav a:hover font,#pagenav a:hover i,#pagenav a:hover i:before {color:var(--white)}
}
@media screen and (min-width:1025px){
/* #wrap */
#wrap .page_area.awcmb {display:none}
}
@media (prefers-reduced-motion:reduce){
/* #book_list */
#book_list>li,#book_list>li::before,#book_list .img_box img,#book_list .img_box::after,#book_list .teinfo::after,#book_list .teinfo .badge {transition:none}
/* #content_wrap */
#content_wrap .tvanlist a,#content_wrap .form_box input,#content_wrap .form_box textarea,#content_wrap .more_btn,#content_wrap .more_btn::before,#content_wrap .more_btn::after {transition:none}
}