*{box-sizing: border-box; margin: 0; padding: 0;}
    a, a:link, a:visited, a:hover, a:active { text-decoration: none;color:var(--link-color)}
    a:hover {text-decoration: underline;color:var(--link-color)}
    .none, .hide{display: none !important;}
    .flex{display: flex;}
    .flex-c{display: flex;flex-direction: column;}
    .flex-space{justify-content: space-between;}
    .column{flex-direction: column;}
    .wrap{flex-wrap: wrap;}
    .center{justify-content: center;}
    .align_center, .vertical_center{align-items: center;}
    .horizontal_center{justify-content: center;}
    .flex_full_center{justify-content: center;align-items: center;display: flex;}
    .text_center, .text-c{text-align: center;}
    .margin20{margin: 20px;}
    .padding20{padding: 20px;}
    .font-s12{font-size: 12px;}
    .pointer{cursor:pointer;}
    .fix-images{background-size: 100%; background-repeat: no-repeat;overflow: hidden;}
    .btn-base{width: 180px;height: 40px; background-color: var(--btn-color); border-radius: 6px; transition: 0.5s; cursor: pointer; display: flex; justify-content: center; align-items: center;}
    .btn-base:hover{background-color: var(--btn-color-hover); transition: 0.5s;}
    .flex-aic{display: flex; align-items: center;}
    .flex-c-acc{display: flex; flex-direction: column; align-content: center;}
    .flex-c-aic{display: flex; flex-direction: column; align-items: center;}
    .flex-jc{display: flex; justify-content: center;}
    .text_cut{overflow: hidden; text-overflow:ellipsis; white-space:nowrap;}
    .space{justify-content: space-between;}
    .bold{font-weight: bold;}
    .max-w{width: 100%}
    .text-right, .text-r{text-align: right;}
    .text-left, .text-l{text-align: left;}
    .input_error_text{background-color: #ff9898;}
    .input_reset_text{background-color: #ffffff;}
    .input_goods_text{background-color: #a7ff98;}