header{padding-top:10px;padding-bottom:10px;background: white;}
.is-dark header #cis img{-webkit-filter: contrast(0) brightness(150%);filter: contrast(0) brightness(200%);}
.is-dark header #webmenu nav>ul>li>p a{color:var(--darkt)}
.is-dark header{    background: var(--darkbg);}

#sub_banner_box { opacity: 1; }
#sub_banner_box .parallax_bg {margin-bottom: 0;min-height: 487px;opacity: 1;background-attachment: unset;}

.webBox .parallax_svg.bann { -webkit-animation: parallax_top 10s linear infinite; animation: parallax_top 10s linear infinite; position: fixed; top: 87px; }

#wrap {z-index: 4;}
#wrap .pag_tit {margin-bottom: 40px;line-height: 170%;margin-top: 70px;color: var(--complement);}
.is-dark #wrap .pag_tit{color:var(--darkt)}

.waylink{margin-top:108px;background: #dddfe3;padding: 45px 0;}
.waylink svg{width:20px;height: 20px;fill: var(--lightt);}
.waylink ol li, .waylink ol li a {letter-spacing: .05em;font-size: 20px;vertical-align: bottom;display: inline-flex;align-items: center;font-weight: 500;color: var(--lightt);}
.waylink ol li:after {margin: 0 10px;display: inline-block;font-weight: 900;font-size: 14px;color: var(--lightt);content: ">";font-family: "Arimo", sans-serif;}
.waylink ol li:last-child:after { margin: 0; content: ""; }
.is-dark .waylink{ background: var(--triadic1);}
.is-dark .waylink li , .is-dark .waylink li a, .is-dark .waylink ol li:after{ color: var(--darkt);}
.is-dark .waylink svg{fill:white;}

aside { margin-bottom: 60px; z-index: 5; }
aside ul li b { padding: 5px 10px 5px 5px; }
aside ul li 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 b .fa:before { content: "\f107"; }
aside>ul>li { position: relative; display: inline-block; }
aside>ul>li h4 { padding: 0 15px; }
aside>ul>li h4 a { padding: 10px 5px; font-weight: 300; font-size: 18px; letter-spacing: .15em; }
aside>ul>li.action h4 a, aside>ul>li.action h4 i { color: var(--primary); }
aside>ul>li .subUL { position: absolute; margin-top: 10px; width: 180px; background: var(--white); left: calc((100% - 180px) / 2); transform: translate(0, 30px); -webkit-transform: translate(0, 30px); }
aside>ul>li .subUL>li { border-bottom: 1px rgba(var(--gray-rgb), .1) solid; }
aside>ul>li .subUL>li a { padding: 3px 15px; display: block; line-height: 140%; font-weight: 300; }
aside>ul>li .subUL>li .subULHead a { padding: 10px 15px; color: var(--black); font-weight: 400; }
aside>ul>li .subUL>li b { display: none; }
aside>ul>li .sub2UL { margin: 0 10px 10px; }
aside>ul>li[data-type="1"] { overflow: hidden; }
aside>ul>li[data-type="1"] .subUL { box-shadow: 0 0 15px rgba(var(--black-rgb), 0); opacity: 0; z-index: -1; }
aside>ul>li[data-type="2"] { overflow: visible; }
aside>ul>li[data-type="2"] ul li h4 b .fa { transform: rotate(180deg); -webkit-transform: rotate(180deg); }
aside>ul>li[data-type="2"] .subUL { box-shadow: 0 0 15px rgba(var(--black-rgb), .15); opacity: 1; z-index: 1; transform: translate(0, 0); -webkit-transform: translate(0, 0); }

.mb_nav { display: none; }

#content_wrap { padding: 0 0 60px; min-height: 350px; }
.is-dark #describe *{color:white;}
#content_wrap .list_box li { margin: 0 15px 50px; vertical-align: top; }
#content_wrap .info_box {margin: 15px 0 0;}
#content_wrap .info_box .time { width: 65px; font-weight: 400; font-size: 13px; }
.is-dark #content_wrap .info_box .time{color:white}
#content_wrap .info_box .more_btn { margin-left: 10px; padding: 2px 15px; max-width: calc(100% - 105px); height: 22px; font-weight: 100; font-size: 13px; z-index: 6; }
#content_wrap .info_box .quote_box * { font-weight: 400; font-size: 13px; }
#content_wrap .info_box h3 { height: 34px; font-size: 20px; }

#news_list{position:relative;display:grid;grid-template-columns: repeat(3, 1fr);gap: 45px;margin: 0 0 50px;padding:0;list-style:none}
#content_wrap  #news_list > li{position:relative;min-width:0;padding-bottom:26px;border-bottom:1px solid rgba(2,33,115,.13);transition:border-color .4s ease,transform .4s ease;margin: 0;}
.is-dark #content_wrap #news_list > li{    border-color: rgb(255 255 255 / 20%);}
#news_list > li::before{content:"";position:absolute;left:0;bottom:-1px;width:0;height:1px;background:#9e0014;transition:width .45s ease}
.is-dark #news_list > li::before{background:var(--triadic2)}
#news_list > li:hover{border-color:rgba(158,0,20,.3);transform:translateY(-5px)}
#news_list > li:hover::before{width:100%}
#news_list .img_box{position:relative;overflow:hidden;}
#news_list .img_box svg{display:block;width:100%;height:auto}
#news_list .img_box img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1),filter .5s ease}
#news_list > li:hover .img_box img{transform:scale(1.045)}
#news_list .info_box{position:relative;display:block;padding-top:24px;white-space:normal;margin: 0;}
#content_wrap  #news_list .time{position:relative;margin:0 0 13px;padding-left:26px;color: var(--triadic1);font-size:11px;font-weight: 600;letter-spacing:.13em;width: auto;font-family: "Poppins", sans-serif;}
#news_list .time::before{content:"";position:absolute;left:0;top:50%;width:16px;height:1px;background: var(--gray);transform:translateY(-50%)}
#news_list .h3{margin:0;color: var(--complement);font-size: 21px;font-weight: 600;line-height:1.5;letter-spacing:.03em;-webkit-box-orient:vertical;-webkit-line-clamp:2;transition:color .35s ease;height: 63px;}
.is-dark #news_list .h3{color:white}
#news_list > li:hover .h3{color:#9e0014}
.is-dark #news_list > li:hover .h3{color: var(--triadic2);}
#news_list article{display:-webkit-box;margin-top:15px;color:#7a8494;font-size:14px;line-height:1.9;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;height: 79px;text-align: justify;}
#news_list > li > a{position:absolute;inset:0;z-index:5;display:block}
#news_list > li > a:focus-visible{outline:2px solid #9e0014;outline-offset:6px}

#book_list li h3 { margin-top: 10px; height: 30px; font-size: 18px; }

#album_list { margin-bottom: 5vw; flex-wrap: wrap; }
#album_list>div { margin: 0 1px 1px 0; height: 300px; flex-grow: 1; }
#album_list>div img { width: auto; min-width: 100%; height: 300px; }

#faq_list { margin-bottom: 50px; }
#faq_list li { border-bottom: 1px rgba(var(--primary-rgb), .7) dashed; }
#faq_list li .title { padding: 20px 20px 20px 0; }
#faq_list li .title font { vertical-align: top; }
#faq_list li .title .txt { margin-left: 10px; width: calc(100% - 50px); font-size: 20px; }
#faq_list li .title .icon { width: 40px; height: 34px; }
#faq_list li .title .icon:before, #faq_list li .title .icon:after { position: absolute; margin: auto; width: 14px; height: 2px; background: var(--primary); display: block; top: calc((100% - 2px) / 2); left: calc((100% - 14px) / 2); content: ""; }
#faq_list li .title .icon:after { transform: rotate(90deg); -webkit-transform: rotate(90deg); }
#faq_list li .info { padding: 0 20px 30px 50px; font-size: 15px; }
#faq_list li.current .title .icon:after { transform: rotate(180deg); -webkit-transform: rotate(180deg); }

#pagenav a, #pagenav strong { margin: 0 2px; width: 35px; height: 35px; display: inline-block; text-align: center; line-height: 35px; font-weight: 400; }
#pagenav strong {background: var(--primary);color: var(--white);border-radius: 50%;}
#pagenav p { margin: 0 5px; width: calc(50% - 10px); vertical-align: top; }
#pagenav p a { margin: 15px 0 0; padding: 0 15px; width: auto; height: auto; line-height: initial; font-size: 0; }
#pagenav p a i { margin: 0 5px 0 0; width: 11px; line-height: 23px; font-size: 12px; vertical-align: top; }
#pagenav p a font { max-width: calc(100% - 16px); min-width: auto; font-size: 14px; font-weight: 100; vertical-align: top; }
#pagenav p:last-child a i { margin: 0 0 0 5px; }
.is-dark #pagenav * {color:#ffffff}

#newpagenav{margin-top: 70px;display: grid;grid-template-columns: repeat(2, 1fr);gap: 50px;position: relative;}
#newpagenav:before{content:'';position: absolute;left: 50%;width: 1px;height: 100%;background: #e3e3e3;}
.is-dark #newpagenav:before{background: #1f304b;}
#newpagenav p{margin:0;width: auto;}
#newpagenav a{margin:0;padding: 0;}
#newpagenav p a {margin: 15px 0 0;padding: 0;width: auto;height: auto;line-height: initial;font-size: 0;display: inline-flex;align-items: center;gap: 15px;}
#newpagenav p:last-child {text-align: end;}
#newpagenav i{width: 15px;font: normal normal normal 26px / 1 FontAwesome;}
#newpagenav font{-webkit-line-clamp:2;height: auto;font-size: 17px;max-width: max-content;font-weight: 400;}
.is-dark #newpagenav font{color:white}
#newpagenav a:hover font, #newpagenav a:hover i{color: #8f8c89;}
#newpagenav p:last-child font, #newpagenav p:last-child font span{text-align:end}
#newpagenav span{display:block;font-size: 17px;}
.is-dark #newpagenav span, .is-dark #newpagenav i{color: var(--triadic2);}

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

#google_shere { margin-top: 30px; }

#form1 {position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 36px;margin:0;box-sizing:border-box;}
#form1 * {box-sizing:border-box;}
#form1 article {grid-column:1/-1;margin:0 0 28px;padding:22px 26px;border-left:4px solid #9e0014;background:rgba(2,33,115,.045);}
.is-dark #form1 article{background: #101e3b;}
.is-dark #form1 article * , .is-dark #form1 * , .is-dark #form1 .note{color:white}
.is-dark #form1 .form_intro article p{
    color: #ffffff;
}
.is-dark #form1 article span{color: #ecdf0b !important;}
#form1 article p {margin:0;color:#515b68;font-size:16px;line-height:1.9;}
#form1 article p span {color:#9e0014!important;font-weight:700;}
#form1 .note {grid-column:1/-1;margin:0 0 24px;color:#7a8494;font-size:14px;text-align:right;}
#form1 .red {color:#9e0014;font-weight:800;}
#form1 .item {position:relative;display: flex;align-items: center;gap:18px;margin:0;padding:21px 0;white-space:normal;}
#form1 .item.all{grid-column: 1 / 3;}
#form1 .item:nth-last-of-type(2) {border-bottom:0;}
#form1 .item > label {display: flex;align-items:center;gap:5px;margin:0;font-weight: 500;line-height:1.5;}
#form1 .item > label span {display:inline-block;}
#form1 .item > label i {display:inline-block;color:#9e0014;font-size:15px;font-style:normal;font-weight:800;}
#form1 .item > font {display:flex!important;flex-wrap:wrap;align-items:center;gap:10px;margin:0;color:#1d1d1d;font-size:15px;}
.is-dark #form1 .item > font input, .is-dark #form1 .item > font textarea{ border-color: rgb(255 255 255 / 20%);}
#form1 input[type="text"],#form1 input[type="email"],#form1 input[type="tel"],#form1 textarea {width:100%;min-width:0;border:1px solid rgba(2,33,115,.18);border-radius:10px;outline:0;color:#1d1d1d;font-family:inherit;font-size:16px;transition:border-color .3s ease,background-color .3s ease;background: transparent;}
#form1 input[type="text"],#form1 input[type="email"],#form1 input[type="tel"] {height:48px;padding:0 15px;}
#form1 textarea {min-height:150px;padding:14px 15px;line-height:1.8;resize:vertical;}
#form1 input[type="text"]:focus,#form1 input[type="email"]:focus,#form1 input[type="tel"]:focus,#form1 textarea:focus {border-color:#022173;}
.is-dark #form1 input:focus, .is-dark #form1 textarea:focus{border-color: var(--mooncolor) !important;}
#form1 input[type="radio"],#form1 input[type="checkbox"] {position:relative;flex:0 0 auto;width:18px;height:18px;margin:0;appearance:none;border:1px solid rgba(2,33,115,.35);outline:0;cursor:pointer;transition:border-color .3s ease,background-color .3s ease;}
#form1 input[type="radio"] {border-radius:50%;}
#form1 input[type="checkbox"] {border-radius:4px;}
#form1 input[type="radio"]:checked {border:5px solid #022173;background:#ffffff;}
#form1 input[type="checkbox"]:checked {border-color:#022173;background:#022173;}
#form1 input[type="radio"]:focus-visible,#form1 input[type="checkbox"]:focus-visible {outline:2px solid rgba(212,143,42,.6);outline-offset:3px;}
#form1 .item > font[style*="width: auto"] {display:inline-flex!important;width:auto!important;transition:border-color .3s ease,background-color .3s ease;}
#form1 .item > font[style*="width: auto"] span {line-height:1.5;}
#form1 #ImgP {width:80px!important;aspect-ratio: 4/3;border:1px solid rgba(2,33,115,.14);border-radius:10px;object-fit:cover;background:#f8fafd;}
#form1 #pdf_msds {display:inline-flex;align-items:center;min-height:44px;color:#7a8494;font-size:14px;}
#form1 #btnJPG,#form1 #btnPDF {display:inline-flex!important;align-items:center;justify-content:center;min-width:88px;height:42px;padding:0 20px;border-radius:30px;color:#ffffff;background: var(--complement);text-decoration:none;font-size:14px;font-weight: 500;transition:color .3s ease,background-color .3s ease,border-color .3s ease;}
.is-dark #form1 #btnJPG, .is-dark #form1 #btnPDF, .is-dark #form1 .more_btn{background: var(--triadic1);}
#form1 #btnJPG:hover,#form1 #btnPDF:hover {background: #0d2040;}
#form1 #ITO {width: auto;height:38px;margin-left:2px;}
#form1 .check_box {grid-column:1/-1;}
#form1 #Checknum {width:180px;}
#form1 .send_box {grid-column:1/-1;margin:42px 0 0;text-align:center;}
#form1 .more_btn {position:relative;display:inline-flex!important;align-items:center;justify-content:center;gap:22px;min-width:190px;height:56px;padding:0 30px;border:1px solid #9e0014;border-radius:40px;overflow:hidden;color:#ffffff;background:#9e0014;text-decoration:none;transition:background-color .35s ease,border-color .35s ease;}
#form1 .more_btn:hover {border-color:#022173;background:#022173;}
#form1 .more_btn span {position:relative;z-index:2;font-size:16px;font-weight:800;letter-spacing:.08em;}
#form1 .more_btn svg {position:relative!important;z-index:2;width:28px;height:18px;fill:#ffffff;}

[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 { width: 50px; height: 50px; border: 2px rgba(var(--black-rgb), .6) solid; border-left-color: rgba(var(--white-rgb), .4);border-radius: 50%; }
[data-action="loader"]#lodbg .loader_circle { -webkit-animation: circle infinite 0.75s linear; animation: circle infinite 0.75s linear; }
#lodbg { opacity: 1; z-index: 99999; }

@keyframes circle { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } }
@-webkit-keyframes circle { 0% { -webkit-transform: rotate(0); } 100% { -webkit-transform: rotate(360deg); } }

@media screen and (min-width:1281px) {
	aside>ul>li:hover h4 a, aside>ul>li:hover h4 i { color: var(--primary); }
}
@media screen and (min-width:980px) {
	#google_shere { margin-top: 6vw; }
}
@media screen and (min-width:761px) {
	.form_box p.item { padding: 30px 20px; }
	.form_box p.item label {width: 200px;}
	.form_box p.item font { margin: 0 0 0 30px; width: calc(100% - 200px); }
}
@media screen and (max-width:1460px) {
	#wrap .pag_tit { margin-top: 75px; }
}
@media screen and (max-width:1280px) {
    .waylink{margin-top: 80px;}
    #form1{display: flex;flex-direction: column;align-items: stretch;}
}
@media screen and (max-width:980px) {
    #form1 .item{display:flex;flex-wrap: wrap;justify-content: flex-start;}
    .form_box p.item label, .form_box p.item font{width:100%}
    #news_list{grid-template-columns: repeat(2, 1fr);}
}
@media screen and (max-width:640px) {
    #wrap .pag_tit{font-size:26px;line-height: 150%;margin-top: 55px;}
    .waylink{margin-top: 75px;padding: 35px 0;}
    .waylink ol li, .waylink ol li a{font-size:16px;}
    .waylink svg{width:16px;height: 16px;}
    #news_list{grid-template-columns: 1fr;}
	#album_list>div, #album_list>div img { height: 40vw; }
	.mb_nav { display: flex; flex-direction: column; align-items: center; border: #79797957 1px solid; padding: 10px 0; }
	.mb_nav p { display: flex; }
	.mb_nav b { margin-left: 10px; display: flex; align-items: center; }
	.soon.mb_nav b .fa { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); }
	.mb_nav .fa:before { content: "\f107"; }
	#category_nav { position: absolute; display: flex; flex-direction: column; background: #f3f3f3; width: 100%; height: 0; opacity: 0; }
	#category_nav.showme { height: 400px; opacity: 100%; z-index: 999; }
}
@media screen and (max-width:550px) {
	#content_wrap .list_box li {display: block;}
	#community { margin-top: 10px; }
}
@media screen and (max-width:450px) {
	#album_list>div, #album_list>div img { height: 50vw; }
	#pagenav a, #pagenav strong { margin: 0; width: 24px; height: 24px; line-height: 24px; font-size: 14px; }
	#pagenav p a { display: block; }
}

#content_wrap{padding:0 0 90px;}
#content_wrap #form1{display:block;max-width:1280px;margin:0 auto;padding:0;}
#form1 .form_intro{margin-bottom:34px;}
#form1 .form_intro article{margin:0;padding:24px 28px;border:1px solid rgba(2,33,115,.10);border-left:4px solid var(--complement);border-radius:0 14px 14px 0;background:rgba(2,33,115,.035);}
#form1 .form_intro article p{margin:0;color:#5f6875;font-size:15px;line-height:1.9;}
#form1 .form_intro .note{margin:12px 0 0;color:#8a929d;font-size:13px;text-align:right;}
#form1 .form_section{margin-top:24px;border:1px solid rgba(2,33,115,.10);border-radius:18px;background:#fff;box-shadow:0 10px 35px rgba(10,35,75,.045);overflow:hidden;}
#form1 .form_section_head{display:flex;align-items:center;gap:15px;padding:20px 26px;border-bottom:1px solid rgba(2,33,115,.08);background:linear-gradient(90deg,rgba(2,33,115,.035),rgba(2,33,115,.008));}
#form1 .section_no{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:var(--complement);color:#fff;font-family:"Poppins",sans-serif;font-size:12px;font-weight:600;letter-spacing:.04em;}
#form1 .section_title{color:var(--complement);font-size:19px;font-weight:700;letter-spacing:.06em;}
#form1 .form_section_body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 34px;padding:10px 26px 28px;}
#form1 .form_section_body .span2{grid-column:1/-1;}
#form1 .form_section .item{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin:0;padding:18px 0;border-bottom:1px solid rgba(2,33,115,.07);white-space:normal;}
#form1 .form_section .item .box{display:grid;grid-template-columns: 160px 1fr;gap: 20px;align-items: center;}
#form1 .form_section .item .box font{width:100%;margin: 0;}
#form1 .form_section .item:nth-last-child(1),#form1 .form_section .item:nth-last-child(2):not(.span2){border-bottom:0;}
#form1 .form_section .item>label{display:flex!important;align-items:center;gap:5px;width:auto!important;margin:0!important;color:#202633;font-size:14px;font-weight:600;line-height:1.5;}
#CCode{-webkit-appearance:none;background: url(/images/44/c-arrow.png) no-repeat scroll 98% center #ededed;background-repeat:no-repeat;background-position:98% 50%;padding: 16px 10px;border-radius: 10px;}
.is-dark #CCode{background: url(/images/44/c-arrow2.png) no-repeat scroll 98% center #0d172f;}
#form1 .form_section .item>label span{display:inline-block;}
#form1 .form_section .item>label i{display:inline-block;color:#c4001b;font-style:normal;font-size:14px;font-weight:700;}
#form1 .form_section .item>font{/* display:block!important; */width:100%!important;margin:0!important;display: flex;align-content: center;}
#form1 input[type="text"],#form1 input[type="email"],#form1 input[type="tel"],#form1 textarea{width:100%;border:1px solid #d9e0ec;border-radius:10px;background:#fff;color:#222b36;font-family:inherit;font-size:15px;outline:0;box-shadow:none;transition:border-color .25s ease,box-shadow .25s ease,background .25s ease;}
#form1 input[type="text"],#form1 input[type="email"],#form1 input[type="tel"]{height: 50px;padding:0 15px;}
#form1 input#AT, #form1 #POther, #form1 #Ref, #form1 #FOther{width: 120px;height: 35px;}
#form1 textarea{min-height:145px;padding:14px 15px;line-height:1.8;resize:vertical;}
#form1 input[type="text"]:focus,#form1 input[type="email"]:focus,#form1 input[type="tel"]:focus,#form1 textarea:focus{border-color:var(--complement);box-shadow:0 0 0 3px rgba(2,33,115,.07);}
#form1 .choice_group{display:flex;flex-wrap:wrap;align-items:center;gap:10px;}
#form1 .choice_group font{display:inline-flex!important;align-items:center;gap:8px;width:auto!important;min-height:42px;margin:0!important;padding:9px 14px;border:1px solid #dfe5ef;border-radius:9px;background:#fafbfd;color:#3f4752;font-size:14px;line-height:1.4;transition:border-color .25s ease,background .25s ease,color .25s ease;}
#form1 .choice_group font:hover{border-color:rgba(2,33,115,.34);background:#f6f8fc;}
#form1 .choice_group input[type="radio"],#form1 .choice_group input[type="checkbox"]{margin:0!important;accent-color:var(--complement);cursor:pointer;}
#form1 .choice_group font:has(input:checked){border-color:rgba(2,33,115,.45);background:rgba(2,33,115,.055);color:var(--complement);}
#form1 .cargo_block{padding:20px 0 10px;}
#form1 .cargo_toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:13px;}
#form1 .cargo_hint{color:#7a8491;font-size: 16px;line-height:1.6;}
#form1 #btnAdd{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:118px;height:42px;padding:0 18px;border:1px solid var(--complement);border-radius:24px;background:#fff;color:var(--complement);font-size:14px;font-weight:600;text-decoration:none;transition:.25s ease;}
#form1 #btnAdd:hover{background:var(--complement);color:#fff;}
.is-dark #form1 #btnAdd:hover, .is-dark #form1 #btnJPG:hover, .is-dark #form1 #btnPDF:hover,.is-dark #form1 .more_btn:hover{background: var(--triadic2);}
#form1 .cargo_table_wrap{width:100%;overflow-x:auto;border:1px solid #dfe5ef;border-radius:12px;}
#form1 #tab_p{width:100%;min-width:820px;border-collapse:collapse;table-layout:fixed;background:#fff;}
#form1 #tab_p tr:first-child{background:#f5f7fb;}
#form1 #tab_p td{padding:12px 10px;border-right:1px solid #e5e9f0;border-bottom:1px solid #e5e9f0;color:#333c48;font-size:13px;text-align:left;vertical-align:middle;}
#form1 #tab_p tr:last-child td{border-bottom:0;}
#form1 #tab_p td:last-child{width:72px;border-right:0;text-align:center;}
#form1 #tab_p tr:first-child td{color:#344154;font-size: 15px;font-weight:600;}

#form1 #tab_p input[type="text"]{height:42px;padding:0 10px;border-radius:7px;}
#form1 #tab_p a[data-action="del"]{display:inline-flex;align-items:center;justify-content:center;min-width:50px;height:34px;border-radius:7px;background:rgba(158,0,20,.07);color:#9e0014;font-size:12px;text-decoration:none;transition:.25s ease;}
#form1 #tab_p a[data-action="del"]:hover{background:#9e0014;color:#fff;}
#form1 .upload_item .upload_box{display:flex!important;align-items:center;gap:12px;min-height:80px;padding:12px;border:1px dashed #cfd8e7;border-radius:10px;background:#fafbfd;}
#form1 #ImgP{width:76px!important;height:60px;aspect-ratio:auto;border:1px solid #e1e6ee;border-radius:8px;object-fit:cover;background:#fff;}
#form1 #pdf_msds{display:inline-flex;align-items:center;min-width:70px;min-height:38px;color:#6e7885;font-size:13px;}
#form1 #btnJPG,#form1 #btnPDF{display:inline-flex!important;align-items:center;justify-content:center;min-width:94px;height:40px;margin-left:auto;padding:0 18px;border-radius:22px;background:var(--complement);color:#fff;font-size:13px;font-weight:600;text-decoration:none;transition:.25s ease;}
#form1 #btnJPG:hover,#form1 #btnPDF:hover{background:#0d2040;}
#form1 .trade_group .other_trade{padding-right:8px;}
#form1 #ITO{width:180px!important;height:36px;margin-left:4px;padding:0 10px;border-radius:6px;background:#fff;}
#form1 .captcha_box{display:flex!important;align-items:center;gap:12px;}
#form1 #Checknum{width:180px;}
#form1 #rand-img{height:42px!important;max-width:120px;object-fit:contain;border:1px solid #e0e5ed!important;border-radius:7px;}
#form1 .send_box{margin:36px 0 0;text-align:center;}
#form1 .more_btn{display:inline-flex!important;align-items:center;justify-content:center;min-width:200px;height:54px;padding:0 32px;border:1px solid var(--complement);border-radius:28px;background:var(--complement);color:#fff;font-size:15px;font-weight:700;letter-spacing:.08em;text-decoration:none;transition:transform .25s ease,background .25s ease,box-shadow .25s ease;}
#form1 .more_btn:hover{transform:translateY(-2px);background:#0d2040;box-shadow:0 10px 24px rgba(10,35,75,.16);}
.is-dark #form1 .form_intro article{border-color:rgba(255,255,255,.1);border-left-color:var(--triadic2);background:#101e3b;}
.is-dark #form1 .form_section{border-color:rgba(255,255,255,.1);background:#101e3b;box-shadow:none;}
.is-dark #form1 .form_section_head{border-color:rgba(255,255,255,.08);background:rgba(255,255,255,.025);}
.is-dark #form1 .section_title{color:#fff;}
.is-dark #form1 .form_section .item{border-color:rgba(255,255,255,.08);}
.is-dark #form1 .form_section .item>label{color:#fff;}
.is-dark #form1 input[type="text"], .is-dark #form1 input[type="email"], .is-dark #form1 input[type="tel"], .is-dark #form1 textarea, .is-dark #form1 #ITO{border-color:rgba(255,255,255,.16);background:#0c1830;color:#fff;}
.is-dark #form1 .choice_group font{border-color:rgba(255,255,255,.14);background:#0c1830;color:#fff;}
.is-dark #form1 .choice_group font:has(input:checked){border-color:var(--triadic2);background:rgba(255,255,255,.06);}
.is-dark #form1 .cargo_table_wrap,.is-dark #form1 #tab_p td{border-color:rgba(255,255,255,.12);}
.is-dark #form1 #tab_p,.is-dark #form1 #tab_p tr:first-child{background:#0c1830;}
.is-dark #form1 #tab_p td,.is-dark #form1 #tab_p tr:first-child td{color:#fff;}
.is-dark #form1 .upload_item .upload_box{border-color:rgba(255,255,255,.16);background:#0c1830;}
.is-dark #form1 #tab_p a[data-action="del"]{
    background: rgba(158,0,20,.87);
    color: #ffffff;
}

@media screen and (max-width:980px){
#form1 .form_section_body{grid-template-columns:1fr;gap:0;padding:8px 22px 24px;}
#form1 .form_section_body .span2{grid-column:auto;}
#form1 .form_section .item{border-bottom:1px solid rgba(2,33,115,.07)!important;}
#form1 .form_section .item:last-child{border-bottom:0!important;}
#form1 .cargo_block{grid-column:auto;}
}
@media screen and (max-width:640px){
#content_wrap{padding-bottom:60px;}
#form1 .form_intro{margin-bottom:24px;}
#form1 .form_intro article{padding:20px 18px;}
#form1 .form_section{margin-top:18px;border-radius:13px;}
#form1 .form_section_head{padding:16px 18px;}
#form1 .section_no{width:34px;height:34px;}
#form1 .section_title{font-size:17px;}
#form1 .form_section_body{padding:6px 18px 20px;}
#form1 .form_section .item{padding:15px 0;}
#form1 .choice_group{gap:8px;}
#form1 .choice_group font{min-height:40px;padding:8px 11px;}
#form1 .cargo_toolbar{align-items:flex-start;flex-direction:column;}
#form1 #btnAdd{min-width:108px;}
#form1 .upload_item .upload_box{align-items:flex-start;flex-wrap:wrap;}
#form1 #btnJPG,#form1 #btnPDF{margin-left:0;}
#form1 .trade_group .other_trade{/* width:100%!important; */flex-wrap:wrap;}
#form1 #ITO{width:100%!important;margin:4px 0 0;}
#form1 .captcha_box{align-items:flex-start;flex-wrap:wrap;}
#form1 #Checknum{width:100%;}
#form1 .more_btn{width:100%;max-width:320px;}
}

#content_wrap,#content_wrap #form1,#form1 .form_section,#form1 .form_section_body,#form1 .form_section .item,#form1 .cargo_block,#form1 .cargo_table_wrap,#form1 .choice_group,#form1 .upload_item .upload_box{min-width:0;max-width:100%;box-sizing:border-box;}
#content_wrap #form1,#form1 .form_section{width:100%;}
#form1 .cargo_table_wrap{display:block;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;}
#form1 .choice_group{width:100%;}
#form1 .choice_group font{max-width:100%;}

@media screen and (max-width:640px){#content_wrap{width:100%;max-width:100%;overflow:visible;}#content_wrap #form1{width:100%;max-width:100%;min-width:0;}#form1 .form_section{width:100%;max-width:100%;min-width:0;overflow:hidden;}#form1 .form_section_body{width:100%;max-width:100%;min-width:0;padding:6px 16px 20px;}#form1 .form_section .item,#form1 .cargo_block,#form1 .cargo_table_wrap{width:100%;max-width:100%;min-width:0;}#form1 .choice_group{display:flex;width:100%;max-width:100%;min-width:0;flex-wrap:wrap;}#form1 .choice_group font{flex:0 0 auto;max-width:100%;white-space:normal;}#form1 .upload_item .upload_box{width:100%;max-width:100%;min-width:0;}#form1 #tab_p{width:820px;min-width:820px;}#form1 input[type="text"],#form1 input[type="email"],#form1 input[type="tel"],#form1 textarea{max-width:100%;min-width:0;}}