@charset "UTF-8";
/*=========================== base ===============================*/
main{ padding: 14px 20px; box-sizing: border-box;  }
h3{ font-size: 1.14rem;  font-weight: 600; }
/* font-awsome */
.fa-check{ color: #3377ff !important; }
.fa-times{ color: #ff4343 !important; }
.fa-exclamation-circle{ color: #ff4343 !important; }
.passwords .fa-exclamation-circle{ display: none; }

.filters{ display: none;}

/* =============================================================== */
/* === inputBox === */
.inputBox{ display: flex; flex-flow: row wrap; }
.inputBox > div{ width: 100%; margin-bottom: 30px;}

.inputBox h3{ width: 100%; margin-bottom: 10px;  }
.inputBox h4{ width: 100%;margin-bottom: 8px; }
.inputBox input{ 
    width: 100%; height: 48px; margin-bottom: 36px; 
    padding: 0 14px; border: 1px solid #b5b6b8; box-sizing: border-box;
}
.inputBox textarea{ width: 100%; padding: 12px 14px; border: 1px solid #b5b6b8; box-sizing: border-box; }
.inputBox span{ position: relative; width: 100%; }
.inputBox span > i{ 
    position: absolute; right: 0; color: #707070; padding: 17.5px 13.5px; 
}


/*=========================== 768 =============================*/
@media screen and (min-width: 768px){

}

@media screen and (max-width: 767px){

}

/*=========================== 640 =============================*/
@media screen and (max-width: 640px){
    
}

/*=========================== 500 =============================*/
@media screen and (max-width: 540px){
    
}
/*=========================== 414 =============================*/
@media screen and (max-width: 414px){

}
/*=========================== 375 =============================*/
@media screen and (max-width: 375px){

}
/*=========================== 320 =============================*/
@media screen and (max-width: 320px){

}
/*=========================== 280 =============================*/
@media screen and (max-width: 280px){

}