@charset "utf-8";

/* base */
.clearfix:after{content:"";display:block;visibility:hidden;clear:both;height:0;}
.font-0 {font-size: 0;}
.bold{font-weight:bold;}
.left {text-align:left;}
.borderNone {border:none !important}
.inplabel {display: flex;width: 100%;}
.inputbox .inplabel input {
    border: 1px solid #ddd;
    color: #666;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
}

/* a-style */
a{color:#333;text-decoration:none;cursor: pointer;}
a:hover{color:#333;text-decoration:none;}
a:active{text-decoration:none; font-weight:normal;}
a:focus{text-decoration:none; font-weight:normal;}
.blind{text-align:-9999px; position:absolute; left:-1000%; top:0; width:1px; height:1px; overflow:hidden; display:block;}
*{margin:0;padding:0;}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main {display: block;}
body {line-height: 1;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
input, button, select, textarea {outline: none;vertical-align:top;}
textarea {width: 100%}

/* Margin */
.mt2 {margin-top: 2px !important;}
.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}
.mt50 {margin-top: 50px !important;}
.mb5 {margin-bottom: 5px !important;}
.mb8 {margin-bottom: 8px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb50 {margin-bottom: 50px !important;}
.ml5 {margin-left: 5px !important;}

/* Padding */
.pd5{padding:5px 10px !important;}
.pt20{padding-top: 20px !important}

/* Width */
.w15 {width: 15px !important;}
.w50 {width: 50px !important;}
.w60 {width: 60px !important;}
.w80 {width: 80px !important;}
.w88 {width: 88px !important;}
.w90 {width: 90px !important;}
.w100 {width: 100px !important;}
.w110 {width: 110px !important;}
.w120 {width: 120px !important;}
.w128 {width: 128px !important;}
.w130 {width: 130px !important;}
.w140 {width: 140px !important;}
.w144 {width: 144px !important;}
.w150 {width: 150px !important;}
.w200 {width: 200px !important;}
.w210 {width: 210px !important;}
.w220 {width: 220px !important;}
.w230 {width: 230px !important;}
.w240 {width: 240px !important;}
.w250 {width: 250px !important;}
.w300 {width: 300px !important;}
.w400 {width: 400px !important;}
.w500 {width: 500px !important;}
.w582 {width: 582px !important;}
.w700 {width: 700px !important;}
.w720 {width: 720px !important;}
.w800 {width: 800px !important;}
.w900 {width: 900px !important;}
.w1000 {width: 1000px !important;}
.w1100 {width: 1100px !important;}
.w100per {width: 100% !important;}
.w98per {width: 98% !important;}
.w91per {width: 91% !important;}
.w89per {width: 89% !important;}
.w88per {width: 88% !important;}
.w80per {width: 80% !important;}
.w81per {width: 81% !important;}
.w78per {width: 78% !important;}
.w70per {width: 70% !important;}
.w30per {width: 30% !important;}
.w25per {width: 25% !important;}
.w20per {width: 20% !important;}
.w10per {width: 10% !important;}
.selw60px{width:60px !important}
.selw100px{width:100px !important}
.selw80per{width:80% !important}
.selw90per{width:90% !important}
.selw91per{width:91% !important}
.selw92per{width:92% !important}
.selw93per{width:93% !important}
.selw94per{width:94% !important}
.inpw96per{width:96% !important}
.inpw98per{width:98% !important}
.minw1080{min-width:1080px}

/* Align */
.vat {vertical-align: top;}
.vab {vertical-align: bottom;}
.tac {text-align: center !important;}
.tal {text-align: left !important;}
.tar {text-align: right !important;}

/* Font Size*/
.fnts16 {font-size:16px !important;}

/* Display */
.dspBlk {display:block !important;}
.dspIn {display:inline-block !important;}
.dspNone {display:none !important;}
.dspFlex {display:flex !important;}
.loginDspIn {display:inline-block !important;}

/* line-height */
.lh30 {line-height: 30px !important;}

/* float */
.floatl{float:left !important;}
.floatr{float:right !important;}

/* Cursor */
.cur{cursor: pointer;}

/* Color */
.clr4361c4 {
    color: #4361c4 !important;
}

/* position */
.posRel{position:relative !important;}
.posAbs{position:absolute !important;}

/* font weight */
.fwb{font-weight:bold !important;}

#wrap {
    width: 100%;
    min-height: 100%; /*height:100%*/
}

[type="text"], [type="email"], [type="search"], [type="password"], [type="number"], [type="tel"], [type="file"] {
    display: inline-flex;
    width: 100%;
    padding: 0 14px;
    border: 0;
    color: #aaa;
    font-size: 14px;
    letter-spacing: -0.25px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    cursor: text;
    -webkit-appearance: button;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    cursor: text;
    outline: 0;
}
input[type="checkbox"] {
    width: 18px;
    height: 18px;
    vertical-align: middle;
    margin-top: -2px;
}
input::placeholder {
    color: #bbb;
    font-size: 13px;
}
input::webkit-input-placeholder {
    color: #bbb;
    font-size: 13px;
}
input::ms-input-placeholder {
    color: #bbb;
    font-size: 13px;
}
input::mos-input-placeholder {
    color: #bbb;
    font-size: 13px;
}

textarea::placeholder {
    color: #bbb;
    font-size: 13px;
}

.btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    position: relative;
    min-width: auto;
    height: 50px;
    padding: 0 14px;
    border: 1px solid transparent;
    background-color: #fff;
    color: #898b92;
    line-height: 1;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
    display: inline-block;
    max-width: 96%;
}

input.spinNone::-webkit-outer-spin-button,
input.spinNone::-webkit-inner-spin-button {
    -webkit-appearance: none;
}


@media screen and (max-width: 480px) {
    input[type="checkbox"] {
        width: 16px;
        height: 16px;
    }
}