@charset "utf-8";
@font-face{font-display:optional;font-family:Calsans;font-style:normal;font-weight:600;src:url(/static/calsans.woff2) format("woff2")}
a{cursor: pointer;text-decoration: none;color:#000000}
a:hover{color: #0194c4;}
li{list-style: none;display: block;margin-block-start: 0;margin-block-end: 0;padding: 3px 0 15px 20px;color:#000000}
ul{list-style: none;display: block;margin-block-start: 0;margin-block-end: 0;padding: 0;line-height: 1.6em;}
html{scroll-behavior: smooth;box-sizing: content-box;max-width: 100%}
body{font-family:sans-serif;letter-spacing: 0.06rem;word-spacing: 0.11rem;overflow-x: hidden;margin: 0;min-height: 100vh;direction: ltr;unicode-bidi: isolate;}
header{width: 100%;position: sticky;top: 0;z-index:999;box-sizing: border-box;padding: 5px 0;box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 4px;}
footer{color:#777;width: 100%;bottom: 0;z-index: 999;text-align: center;box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 6px}
.pc5{text-align: center;margin: 10px auto;}
h1,h2,h3{font-family:Calsans,sans-serif;display: block;font-weight: bold;letter-spacing: 1.8px}
p{margin: 0;display: block;color:#000000}
::placeholder{font-size: 14px;}
*,::after,::before {box-sizing: border-box;}
*:focus {outline: none;}
img{max-width: 100%;height: auto;}
.fd{font-family:Calsans,sans-serif}
.fs10{font-size: 10px;}
.fs12{font-size: 12px;}
.fs14{font-size: 14px;}
.fs16{font-size: 16px;}
.mt5{margin-top: 5px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 10px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 10px;}
.ap1{margin: 0 auto 30px; width: 100%;display: flex;position: relative;}
.ap2a,.ap2b{display: block;text-align: center;border: 1px solid #ddd;border-radius: 10px;padding: 1%;}
.ap2c{font-size: 12px;}
.ap3{margin: 0.4rem;background: linear-gradient(80deg,#c81d25 41% ,#000000 61%);-webkit-background-clip: text; -webkit-text-fill-color: transparent;background-clip: text;}
.ap4{border-radius: 10px;margin-top: 20px;width: 100%;}

.p3{color:#c81d25; font-size: 13px;text-align: center;padding: 20px 0;}
.c1{color:#fff}
.c2{color:#000000}
.c3{color:#c81d25}
.c4{color:#fff}
.c5{color:#777;}
.c6{color:#000;}
.bc1{background-color:#fff}
.bc2{background-color:#000000 }
.bc4{background-color:#fff}
.bc6{background-color:#000;}
header{align-items: center;justify-content: space-between;}
.he4{border: 1px solid #ddd;background: linear-gradient(80deg,#c81d25 41% ,#000000 61%);-webkit-background-clip: text; -webkit-text-fill-color: transparent;background-clip: text;; border-radius: 4px;float: inline-end;font-size:13px;}
footer{padding: 5px;font-size: 13px;}
.btn1{border: none; background-color: none;padding: 10px 20px;border-radius:5px; width: 300px;font-size: 16px;cursor: pointer;margin-bottom: 10px;}
.light .btn1{ background-color: #fff;color:#000000; border:1px solid #ddd}
.dark .btn1{ background-color: fff;color:#000000; border:1px solid #fff}
.light, .light header, .light body, .light footer{background-color: #fff;}
.dark, .dark header, .dark body, .dark footer{background-color: fff;}
.light h1,.light h2,.light h3{color:#000000}
.dark h1,.dark h2,.dark h3{color:#000000}
.ddk{cursor: pointer;}
.dark .ddk1{fill: #fff;}
.light .ddk1{fill: #000000;}

@media screen and (max-width:912px){
p{padding: 3px 0 3px 10px;}
body{padding: 0 2px;}
header,body,footer{max-width: 100%;}
header{padding: 12px 5px;}
.he2{width: 50%;}
.he4{padding: 10px 20px;}
h1 {font-size: 2em;margin-block-start: .67em;margin-block-end: .67em;}
h2, h3{font-size: 1.5em;margin-block-start: .83em;margin-block-end: .83em;}
li{font-size: 0.9rem;line-height: 1.4rem;}
p {font-size: 0.9rem;line-height: 1.6rem;}
.ap5b, .ap5a{display: block;width: 100%;}
.ap2a,.ap2b{width: 100%;}
.ap3{font-size: 18px}
}
@media screen and (min-width:912px){body{margin: 0 auto;max-width: 80%;}
p{padding: 3px 0 3px 15px;}
header{border-radius: 0 0 10px 10px;display: flex;padding: 10px;}
.he2{width: 100%;}
.he4{padding: 10px 40px;}
h1 {font-size: 2em;margin-block-start: .67em;margin-block-end: .67em;}
h2, h3{font-size: 1.5em;margin-block-start: .83em;margin-block-end: .83em;}
p {line-height: 1.6rem;}
.ap5a{margin-right: 2%;}
.ap5b, .ap5a{display: block;width: 48%;}
.ap2a,.ap2b{width: 48%;}
.ap2a{margin-right: 2%;}
.ap3{font-size: 22px}footer{position: sticky;border-radius: 10px 10px 0 0;}
}
@media screen and (min-width:1500px){h1 {font-size: 3.5em;margin-block-start: .40em;margin-block-end: .20em;}body{max-width: 65%}}
@media screen and (min-width:1921px){body{margin: 0 auto;}}
input[type=search] {-webkit-appearance:none;-moz-appearance:none;appearance:none;}