@charset "utf-8";

*{-webkit-text-size-adjust:none;letter-spacing:0em; word-break: break-all; }
 ::-webkit-scrollbar {
    width: 0px; remove scrollbar space
    background: transparent;  optional: just make scrollbar invisible
} 
optional: show position indicator in red
::-webkit-scrollbar-thumb {
    background: #FF0000;
}



html{padding:0px; margin:0;height:100%; font-size:10px;}
html,body{height:100%;-webkit-text-size-adjust:none;-webkit-appearance:none;}
body {font-family: 'AppleSDGothic', 'sans-serif'; color:#000000; background: rgb(247, 247, 247);}
html,body,div,span,object,iframe,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,
sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,
figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,h1,h2,h3,h4,h5,h6,
header,footer,section,article,aside,nav,hgroup,details,figure,figcaption {margin:0;padding:0;list-style:none;line-height:1.5; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
h1,h2,h3,h4,h5,h6 {font-weight:bold;}
a {text-decoration:none;color:#222;}
a,button { outline: 0 none;}
address,em,dfn {font-style:normal;}
strong {font-weight:bold;}
hr {display:none;}
img {border:0;vertical-align:middle;}
mark {background:none;}
tbody, tfoot, thead, tr, th, td {word-break:break-all;}
caption {visibility:hidden;width:0;height:0;font-size:0;line-height:0;position:static;left:0;top:-999999px;}
fieldset {border:none;}
legend {visibility:hidden;width:0;height:0;font-size:0;line-height:0;position:absolute;left:0;top:-999999px;}
button,
input[type=button],
input[type=submit],
input[type=reset] {cursor:pointer;width:auto;overflow:visible;vertical-align:middle;background:none;margin:0;padding:0;font-family: 'AppleSDGothic', 'sans-serif';  font-size: 1.4rem;}
input[type="text"],
input[type="email"],
input[type="number"],
input[type="date"],
input[type="tel"],
input[type="datetime"]{width:100%;height:40px;color:#101010; font-family: 'AppleSDGothic', 'sans-serif'; line-height: inherit; background:#ffffff; border:1px solid #dfdfdf; padding:0px 10px;border-radius:0px;-webkit-appearance:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; line-height: 38px; font-size: 1.4rem; outline: none;}
button::-moz-focus-inner{padding:0;border:0;cursor:pointer;}
select::-ms-expand{display: none;}
input[type='text']::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type='tel']::-webkit-input-placeholder,
input[type='search']::-webkit-input-placeholder,
input[type='password']::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color:#b6b6b6; font-family: 'AppleSDGothic', 'sans-serif';}
input[type='text']::-moz-placeholder,
input[type='number']::-moz-placeholder,
input[type='tel']::-moz-input-placeholder,
input[type='search']::-moz-placeholder,
input[type='password']::-moz-placeholder,
textarea::-moz-placeholder{color:#b6b6b6; font-family: 'AppleSDGothic', 'sans-serif';}
input,button,select {vertical-align:middle;border:0;}
button:disabled{background: rgb(220, 220, 220) !important; color: rgb(177, 177, 177) !important; font-family: 'AppleSDGothic', 'sans-serif';}
label {cursor:pointer;}
input[type='password']{width:100%;height:40px; font-size: 1.4rem; color:#101010;line-height: inherit;background:#ffffff;border:1px solid #d4d4d4;padding:3px 10px;border-radius:0;-webkit-appearance:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; font-family: 'AppleSDGothic', 'sans-serif';}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
input[type="text"]:-ms-clear,
input[type="password"]:-ms-clear,
input[type="number"]:-ms-clear{display: none;}
input[type='radio']{position:absolute;left:-50px;z-index:-10;opacity:0;width:21px; height:21px;letter-spacing: 0;border:none;background:none;-webkit-appearance: none;-ms-appearance: none;vertical-align:middle;  outline: none}
input[type='radio'] + i{display:none;}
input[type='radio']:checked + i{position:absolute; left:0; top:0; display:block;}
input[type='radio']:checked + i {width:10px; height:10px; border-radius:100%; box-sizing:border-box;background-color:#000;left:4px; top:4px;}
input[type='checkbox'] {position: absolute;left: 0;right: 0;top: 0;bottom: 0;z-index: 10;opacity: 0;width: 100%;height: 100%;letter-spacing: 0;border: none;vertical-align: middle;background: none;    -webkit-appearance: none;}

input[type="text"]:disabled,
input[type="email"]:disabled,
input[type="number"]:disabled,
input[type="date"]:disabled,
input[type="tel"]:disabled,
input[type="datetime"]:disabled{opacity: 1;}

input[type="text"].error,
input[type="email"].error,
input[type="number"].error,
input[type="date"].error,
input[type="tel"].error,
input[type="datetime"].error{border: 1px solid #d32121!important;}

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {-webkit-appearance: none; margin: 0;}
input::-webkit-calendar-picker-indicator { display: none }



.ellipsis1{overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;} 
.ellipsis2{overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} 
.ellipsis3{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical;}


@media (max-width:320px){
	html{padding:0px; margin:0;height:100%; font-size:8px;}
	
}