@charset "utf-8";

body {
    overflow-x:hidden;
    overflow-anchor: none;
    -webkit-text-size-adjust: none;
/*    min-width: 360px;*/
    background-color: #ffffff;
    line-height: 15px;
    font-size: 13px;
    font-family: HelveticaNeue, AppleSDGothicNeo-Regular, sans-serif;
    color: #000000;
}

input,
button,
textarea {
    font-family: HelveticaNeue, AppleSDGothicNeo-Regular, sans-serif;
}

a:hover {
    text-decoration: none;
}

label {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -khtml-user-select: none;
}

/* form */

.input {transition:border 0.2s, background 0.2s; position:relative; display:inline-block; vertical-align:middle; background-color:#ffffff; border:1px solid #dbdde2;}
.input input {z-index:1; position:relative; border:0; background:transparent;}
.input .name {display:block; position:absolute; left:0; top:0px;}
.input .name {position:absolute; left:10px; top:0px;}
.input.focus {background-color:#ffffff;}
.input.focus .name,
.input.value .name {display:none;}
.input.readonly {background-color:#f0f0f0;}
.w100 {display:block;}
.w100 input {width:calc(100% - 20px);}

.checkbox {position:relative; display:inline-block; vertical-align:middle;}
.checkbox label {position:relative; display:block; width:100%; height:100%; cursor:pointer;}
.checkbox label:before {z-index:1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; opacity:1;}
.checkbox label.focus:before {opacity:1;}
.checkbox input {z-index:-1; position:absolute; left:0; top:0; opacity:0;}

.radio {position:relative; display:inline-block; vertical-align:middle;}
.radio label {position:relative; display:block; width:100%; height:100%; cursor:pointer;}
.radio label:before {z-index:1; display:block; content:''; position:absolute; left:0; top:0; width:100%; height:100%; opacity:1;}
.radio label.focus:before {opacity:1;}
.radio input {z-index:-1; position:absolute; left:0; top:0; opacity:0;}

.textarea {transition:border 0.2s, background 0.2s; position:relative; display:block; vertical-align:middle; background-color:#ffffff; border:1px solid #dbdde2;}
.textarea textarea {padding:10px 10px 10px 10px; position:relative; width:calc(100% - 20px); height:80px; border:0; background:transparent;}
.textarea.focus {background-color:#ffffff;}
.editor {border:0;}
.editor textarea {width:100%; min-height:500px; padding:0;}

/* layout-create */

.layout-create {font-size:0; line-height:0; display:block; position:absolute; top:0; left:0; width:auto; height:auto; opacity: 0;}
.layout-create.lc-full {position:fixed; top:0px; left:0px; right:0px; bottom:0px; width:100%; height:100%; background-color:#ffffff; overflow-x:hidden; overflow-y:auto;}

/* coupon-design */

.coupon-design {position:relative;}
.coupon-design > span {margin:0; display:none; z-index:2; position:absolute; top:0; left:0; white-space:nowrap; text-overflow:ellipsis; word-break:break-all;}
.coupon-design .font_family_NG1 {font-weight:normal;}
.coupon-design .font_family_NG2 {font-weight:bold;}
.coupon-design .font_family_NG3 {font-weight:bold;}
.coupon-design .font_family_DU1 {font-weight:normal;}
.coupon-design .font_family_DU2 {font-weight:bold;}
.coupon-design .font_family_GR1 {font-weight:normal;}
.coupon-design .font_family_GR2 {font-weight:bold;}
.coupon-design .coupon-bg {z-index:1; display:block; position:absolute; top:0; left:0; width:100%; height:100%;}
.coupon-design .coupon-bg img {width:100%; height:100%; border:0;}
.coupon-design .coupon-service {padding:20px 0; display:block; position:absolute; top:0; left:0; width:82px; height:42px; border-radius:100%; text-align:center;}
.coupon-design .coupon-service {font-weight:bold; line-height:20px; font-size:16px; color:#ffffff;}

/* sst-help */

.sst-help .content {
    max-width: 232px;
}

/* category-showwindow-section */

.category-showwindow-section .md-item {z-index:1; position:relative; display:block; vertical-align:top; margin:0 auto; text-align:left;}