/* Font */
.txtDel,.strike,.discount { text-decoration:line-through; }
.txtNormal { font-style:normal; }
.txtNum { display:inline-block; word-break:normal; }
.txtBreak { word-break:break-all; }

/* grid */
.gBlank5 { display:block; margin-top:5px; }
.gBlank10 { display:block; margin-top:10px; }
.gBlank20 { display:block; margin-top:20px; }
.gBlank30 { display:block; margin-top:30px; }
.gMerge { position:relative; z-index:1; margin-top:-1px; }

/* ec-base-qty */
.ec-base-qty { display:inline-flex; }
.ec-base-qty input { width:28px; height:25px; padding:0 2px; background:none; border-width:1px 0; border-style:solid; border-color:var(--border-color); font-size:var(--font-size-small); text-align:center; }
.ec-base-qty a,
.ec-base-qty button { position:initial; width:25px; height:25px; border:1px solid var(--border-color); }
.ec-base-qty img { width:100%; height:100%; opacity:0; }
.ec-base-qty [class*="up"]:not(img):not(input),
.ec-base-qty [class*="Up"]:not(img):not(input),
.ec-base-qty [onclick*="add"]:not(img):not(input),
.ec-base-qty [onclick*="+"]:not(img):not(input) { order:var(--qty-btn-up); background:url("/design/greet/images/btn_quantity_up.png") no-repeat 50%/100%; }
.ec-base-qty [class*="down"]:not(img):not(input),
.ec-base-qty [class*="Down"]:not(img):not(input),
.ec-base-qty [onclick*="out"]:not(img):not(input),
.ec-base-qty [onclick*="-"]:not(img):not(input) { order:var(--qty-btn-down); background:url("/design/greet/images/btn_quantity_down.png") no-repeat 50%/100%; }

/* Form */
input,select,textarea { width:100%; height:auto; padding:var(--padding); background:var(--box-background); border:var(--box-border); border-radius:var(--box-border-radius); font-family:var(--font-family); font-size:var(--font-size); font-weight:var(--font-weight); color:var(--color); line-height:var(--line-height); vertical-align:middle; -webkit-appearance:none; }
input[type="radio"] { width:14px; height:14px; flex:none; margin:0; padding:0; background:url("/design/greet/images/bg_radio.png") no-repeat 0 50%/100%; border:0; border-radius:100%; cursor:pointer; }
input[type="radio"]:not(:disabled):checked { background-image:url("/design/greet/images/bg_radio_checked.png"); }
input[type="radio"][style*="inline"] { display:inline-block !important; }
input[type="checkbox"] { width:14px; height:14px; flex:none; margin:0; padding:0; background:url("/design/greet/images/bg_checkbox.png") no-repeat 0 50%/100%; background-color:var(--background); border:0; border-radius:0; cursor:pointer; }
input[type="checkbox"]:not(:disabled):checked { background-image:url("/design/greet/images/bg_checkbox_checked.png"); }
input[type="file"] { margin:0 0 5px; color:var(--color-sub); }
input[type="file"]::file-selector-button { margin:0 10px 0 0; background:var(--btn-background); border:0; font-family:var(--font-family); font-size:var(--font-size); font-weight:var(--font-weight); line-height:var(--line-height); color:var(--color); }
input[type="radio"] + label,
input[type="checkbox"] + label { margin:0 10px 0 5px; }
label + label { margin-left:10px; }
label > input[type] { margin-right:5px; }
select { padding-right:25px !important; background-image:url("/design/greet/images/bg_selectbox.png"); background-position:calc(100% - 7px) 50%; background-size:14px; background-repeat:no-repeat; }
textarea { overflow:auto; resize:none; }

.disabled { cursor:default !important; }
:disabled { opacity:0.7; }
legend { visibility:hidden; position:absolute; left:-9999px; top:-9999px; width:0; height:0; line-height:0; }
table tr.radioType input,
span.noBorder input { border:none !important; width:auto !important; height:auto !important; margin:0 3px 0 0 !important; vertical-align:middle !important; background:none !important; }
option { font:inherit; }

.gLabel { display:inline-block; }
.gLabel label { margin-right:20px; }
.fWidthFull input[type=text] { width:100%; }
.fWidthFull textarea { width:100%; }
.fWidthFull select { width:100%; }
.fList.typeHor .gLabel { margin-right:20px; }
.fList.typeVer .gLabel { display:block; }
label { vertical-align:middle; }

[id*="phone"][id$="1"] { flex:1; margin:0 3px 0 0; }
[id*="phone"][id$="2"] { flex:1; margin:0 3px; }
[id*="phone"][id$="3"] { flex:1; margin:0 0 0 3px; }
[id*="mobile"][id$="1"] { flex:1; margin:0 3px 0 0; }
[id*="mobile"][id$="2"] { flex:1; margin:0 3px; }
[id*="mobile"][id$="3"] { flex:1; margin:0 0 0 3px; }
[id*="tel"][id$="1"] { flex:1; margin:0 3px 0 0; }
[id*="tel"][id$="2"] { flex:1; margin:0 3px; }
[id*="tel"][id$="3"] { flex:1; margin:0 0 0 3px; }
[id*="email"][id$="1"] { flex:1; margin:0 3px 0 0; }
[id*="email"][id$="2"] { flex:1; margin:0 0 0 3px; }
[id*="email"][id$="3"] { margin:6px 0 0; }
[id*="email"][id$="1"][fw-filter*="isEmail"] { margin:0; }
[id*="ssn"][id$="1"] { flex:1; margin:0 3px 0 0; }
[id*="ssn"][id$="2"] { flex:1; margin:0 0 0 3px; }
input[id*="year"] { flex:1; margin:0 3px 0 0; }
input[id*="month"] { flex:1; margin:0 3px; }
input[id*="day"] { flex:1; margin:0 3px; }

/* ec-base-radio */
.ec-base-radio.typeDelivery .ec-base-label { display:block; }

body ::-webkit-scrollbar { background-color:transparent; width:2px; height:2px; }
body ::-webkit-scrollbar-thumb { border-radius:10px; }
body ::-webkit-scrollbar-track { border-radius:10px; }