/* WebStyle Normalization Defaults */
*,*:before,*:after{-webkit-tap-highlight-color:rgba(0,0,0,0);}
a,label,img,i,button,input[type=button],input[type=submit]{cursor:pointer;}
textarea,select,button,input{outline:0;border:0;}
i,img,svg,button,.button,input[type=button],input[type=submit],label,.noselect{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;user-select:none;}
ul{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;border:0;}
h1{font-size:160%;}h2{font-size:120%;}h3{font-size:108%;}h4{font-size:100%;}h5{font-size:96%;}h6{font-size:90%;}
a{color:#FE5456;text-decoration:none;}a.active,a:active,a:hover{text-decoration:underline;color:#FE1616;outline:0;}
*,*:before,*:after{min-width:0;-webkit-box-sizing:inherit;-moz-box-sizing:inherit;box-sizing:inherit;-webkit-transition:color 0.2s, background 0.2s, opacity 0.2s;-moz-transition:color 0.2s, background 0.2s, opacity 0.2s;-ms-transition:color 0.2s, background 0.2s, opacity 0.2s;-o-transition:color 0.2s, background 0.2s, opacity 0.2s;transition:color 0.2s, background 0.2s, opacity 0.2s;}

html, body {
	margin:0 auto;max-width:1920px;background:#F5F5F5;color:#384341;
	font:18px "Roboto", "Arial", sans-serif;
	-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
	scrollbar-width:none;
	-ms-overflow-style:none;
}
* {scroll-behavior:smooth;scrollbar-width:thin;}
.nsb {scrollbar-width:none;-ms-overflow-style:none;}
.nsb::-webkit-scrollbar {display:none;}
@media only screen and (min-width:1081px) and (max-width:1366px) {html, body {font-size:105%;}}
@media only screen and (min-width:1367px) and (max-width:1920px) {html, body {font-size:110%;}}
@media only screen and (min-width:1921px) {html, body {font-size:115%;}}

/* Form Defaults */
textarea {min-width:200px;width:100%;min-height:120px;resize:vertical;font-size:18px;}
textarea:focus, input[type=text]:focus, input[type=password]:focus, input[type=number]:focus {border:1px solid #999999;}
textarea:hover:not(:focus), input[type=text]:hover:not(:focus), input[type=password]:hover:not(:focus), input[type=number]:hover:not(:focus) {background:#F9F9F9;}
textarea, input[type=text], input[type=password], input[type=number], input[type=date], select {width:100%;min-width:40px;padding:6px 8px;border:1px solid #EEEEEE;font-size:18px;color:#384341;}

/* Custom Buttons */
.button {color:#222222;background:#FFFFFF;border:1px solid #DDDDDD;border-radius:4px;font-size:90%;font-weight:bold;padding:6px 10px;text-align:center;}
.button:hover {color:#FFFFFF;border:1px solid #FE5456;background:#FE5456;}
.button.green {color:#FE5456;border:1px solid #FE5456;}
.button.green:hover {color:#FFFFFF;background:#FE5456;border:1px solid #FE5456;}

main section {font-size:90%;width:100%;min-height:100vh;padding:20px;display:flex;justify-content:center;align-items:center;flex-direction:column;}
main .c {width:100%;min-width:340px;max-width:900px;padding:24px;margin:20px 0;background:#FFFFFF;border-radius:8px;opacity:0.925;}
main h1 {font-size:130%;color:#000000;}
main .c.min {width:100%;min-width:340px;max-width:340px;}
main .t {font-size:15px;color:#777777;}
main .b {font-weight:bold;}
main .button {padding:10px 24px;font-family:sans-serif;letter-spacing:2px;line-height:1;}
main span, main a {font-size:90%;}
@media only screen and (min-width:1080px) {
	main {display:flex;justify-content:center;align-items:center;}
}
main .msg {font-size:90%;text-align:center;}
main .msg.e {background:#FED6D6;color:#FB1C1C;}
main .msg.s {background:#D6F8DB;color:#1EB534;}

main h2 {font-size:90%;margin:0 0 16px 0;color:#000000;}
main ul.e {margin:0 0 40px 0;font-size:85%;padding:0;list-style-type:none;}
main ul.e li {border-left:4px solid red;margin:4px 0;padding:8px 24px;}
main .ff {width:100%;margin:8px 0;}
main .ff label {display:block;padding:8px 0;font-size:85%;color:#333333;}
main .ff:hover label {color:#FE5456;}
main .ff input {padding:10px 12px;border-radius:4px;}
main .ff input:focus {border:1px solid #FE5456;}
main .ff.cc .s {padding:10px 12px;border-radius:4px;border:1px solid #EEEEEE;background:#FFFFFF;}
main .ff.cc .s.w {width:120px;min-width:120px;max-width:120px;border-radius:4px 0 0 4px;border:1px solid #EEEEEE;border-right:1px solid #FFFFFF;font-family:monospace;}
main .ff.cc .s:focus {border:1px solid #FE5456;}
main .ff.cc .s + input {font-family:monospace;}
main .ff.cc input {border-radius:0 4px 4px 0;}
main .ff.cc input:focus {border:1px solid #FE5456;}
main .af {display:flex;justify-content:center;align-items:center;gap:40px;margin:40px 0;}
main .af img {width:100%;max-width:200px;max-height:30px;}
main .me {font-size:95%;text-align:center;}
main .me h2 {font-size:95%;}
main .me p {width:100%;max-width:768px;margin:20px auto;}
@media only screen and (min-width:540px) {
	main .mq {display:flex;justify-content:center;align-items:center;gap:20px;}
}

.flexbc {display:flex;justify-content:space-between;align-items:center;}
.flexcc {display:flex;justify-content:center;align-items:center;}