.xans-member-join > h3 {
    padding: 50px 0 10px;
    font-size: 16px;
    color: #2e2e2e;
}

.xans-member-join ul.grid li {
    margin: 5px 0 0;
}

.xans-member-join p.txtDesc, .xans-member-join ul.txtDesc li {
    position: relative;
    padding: 0 0 0 9px;
    margin: 3px 0 0;
    line-height: 1.4;
}

    .xans-member-join p.txtDesc:before, .xans-member-join ul.txtDesc li:before {
        position: absolute;
        top: 7px;
        left: 0;
        display: block;
        content: "";
        width: 4px;
        height: 1px;
        background: currentColor;
    }

.xans-member-join .required {
    margin: -25px 0 10px;
    color: #353535;
    text-align: right;
}

    .xans-member-join .required img {
        vertical-align: middle;
    }

.xans-member-join .displaynone + .required {
    margin-top: 0;
}

.xans-member-join .ec-base-table .interest {
    line-height: 25px;
}

    .xans-member-join .ec-base-table .interest label {
        padding: 0 15px 0 2px;
    }

.xans-member-join .ec-base-table .error {
    color: #f00;
}

.xans-member-join .verify {
    position: relative;
    display: inline-block;
    width: 146px;
    height: 24px;
    vertical-align: top;
}

    .xans-member-join .verify .time {
        position: absolute;
        top: 2px;
        right: 6px;
        color: #f76560;
    }

    .xans-member-join .verify #verify_sms_number {
        width: 100%;
        height: 100%;
        padding: 2px 38px 2px 4px;
        box-sizing: border-box;
    }

        .xans-member-join .verify #verify_sms_number:disabled {
            padding-right: 4px;
        }

.xans-member-join .ec-base-box.gStrong {
    position: relative;
    z-index: 2;
}

    .xans-member-join .ec-base-box.gStrong p {
        font-size: 14px;
        color: #353535;
        line-height: 22px;
    }

.xans-member-join .ec-base-box + .ec-base-box {
    margin-top: -1px;
}

.xans-member-join .ec-base-box .ec-base-chk input {
    width: 100%;
    height: 100%;
}

.xans-member-join .agreeArea {
    color: #747474;
    line-height: 20px;
}

    .xans-member-join .agreeArea h3 {
        margin: 0 0 10px;
        font-size: 12px;
        color: #353535;
    }

    .xans-member-join .agreeArea .content {
        overflow: auto;
        height: 110px;
        padding: 20px;
        border: 1px solid #d5d5d5;
        background: #fff;
    }

        .xans-member-join .agreeArea .content p {
            padding: 0 0 17px;
        }

    .xans-member-join .agreeArea .check {
        padding: 7px 0 0 0;
        color: #202020;
        font-size: 12px;
    }

        .xans-member-join .agreeArea .check li span {
            display: inline-block;
            min-width: 170px;
        }

    .xans-member-join .agreeArea input.ec-base-chk {
        vertical-align: middle;
    }

.xans-member-join #hint_answer {
    width: 500px;
}

.xans-member-join #phone1, .xans-member-join #mobile1 {
    width: 60px;
    margin: 0 4px 0 0;
}

.xans-member-join #phone2, .xans-member-join #phone3, .xans-member-join #mobile2, .xans-member-join #mobile3 {
    width: 50px;
    margin: 0 4px;
}

.xans-member-join #email1 {
    margin-right: 4px;
}

.xans-member-join #email2 {
    margin: 0 4px;
}

.xans-member-join #birth_year, .xans-member-join #marry_year, .xans-member-join #partner_year {
    width: 60px;
    margin: 0 4px 0 0;
}

.xans-member-join #birth_month, .xans-member-join #marry_month, .xans-member-join #partner_month, .xans-member-join #birth_day, .xans-member-join #marry_day, .xans-member-join #partner_day {
    width: 30px;
    margin: 0 4px 0 0;
}

.xans-member-join #bank_code {
    width: 240px;
}

.xans-member-join #c_bank_account_no {
    width: 230px;
}

.xans-member-join #job, .xans-member-join #job_class, .xans-member-join #school, .xans-member-join #region, .xans-member-join #internet, .xans-member-join #child, .xans-member-join #car, .xans-member-join #earning {
    width: 200px;
}

.xans-member-join #add1, .xans-member-join #add2, .xans-member-join #add3, .xans-member-join #add4, .xans-member-join #add5, .xans-member-join #add6, .xans-member-join #add7, .xans-member-join #add8, .xans-member-join #add9 {
    width: 500px;
}

#realNameAuth p span {
    display: inline-block;
    width: 80px;
}

.xans-member-join .eTooltip {
    position: relative;
    display: inline-block;
}

.xans-member-join .ec-base-tooltip.typeUpper {
    left: 25px;
    bottom: 28px;
    width: 390px;
}

    .xans-member-join .ec-base-tooltip.typeUpper .edge {
        left: 20%;
    }

.member-join-check {
    background: #f9f9f9;
}

    .member-join-check .ec-base-button .btnSubmit {
        width: 100%;
    }

    .member-join-check .snsArea {
        padding: 0 15px;
        position: relative;
        font-size: 0;
    }

        .member-join-check .snsArea li {
            margin-bottom: 8px;
            width: 16%;
            display: inline-block;
            vertical-align: bottom;
            margin: 0 .3%;
            margin-bottom: 20px;
        }

            .member-join-check .snsArea li a {
                display: block;
                text-decoration: none;
                height: 40px;
                line-height: 40px;
                border: 1px solid #ddd;
                text-align: left;
                font-size: 12px;
                color: #666;
                padding-left: 50px;
                position: relative;
                background: #fff;
            }

            .member-join-check .snsArea li:hover a {
                color: #000;
            }

            .member-join-check .snsArea li a:before {
                content: "";
                background-image: url(/_wp/img/bg_login_sns.png);
                background-repeat: no-repeat;
                background-size: 300px;
                width: 40px;
                height: 40px;
                display: block;
                position: absolute;
                left: 0;
                top: 0;
            }

            .member-join-check .snsArea li:first-child:before {
                content: "SNS계정 회원가입";
                padding-bottom: 10px;
                text-align: left;
                display: block;
                font-size: 16px;
                font-weight: bold;
                color: #333;
                padding-top: 20px;
            }

            .member-join-check .snsArea li.naver a:before {
                background-position: -5px -5px;
            }

            .member-join-check .snsArea li.facebook a:before {
                background-position: -55px -5px;
            }

            .member-join-check .snsArea li.google a:before {
                background-position: -105px -5px;
            }

            .member-join-check .snsArea li.kakao a:before {
                background-position: -155px -5px;
            }

            .member-join-check .snsArea li.line a:before {
                background-position: -205px -5px;
            }

            .member-join-check .snsArea li.apple a:before {
                background-position: -255px -5px;
            }


.objHidden {
    visibility: hidden;
    position: absolute;
    left: -1000px;
    top: -1000px;
    height: 0;
    width: 0;
}

#content_CONTAINER table, #bi_inquire_content_CONTAINER table {
    border: 0;
    margin: 0 0 -1px;
}

    #content_CONTAINER table:before, #bi_inquire_content_CONTAINER table:before {
        display: none;
    }

#content_CONTAINER td, #bi_inquire_content_CONTAINER td {
    width: auto !important;
    padding: 0;
}

table.nneditor-table {
    width: auto !important;
}

#progressPaybarBackground {
    position: absolute;
    z-index: 99;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#progressPaybarView {
    position: absolute;
    z-index: 100;
    top: 160px;
    left: 20px;
    width: 471px;
    font-size: 12px;
}

    #progressPaybarView .box {
        height: 180px;
        background: url(//img.cafe24.com/images/ec_hosting/popup/layer_guide/bg_layer_box1.gif) 0 0 no-repeat;
    }

        #progressPaybarView .box .graph {
            padding: 15px 0 0 0;
            text-align: center;
        }

            #progressPaybarView .box .graph span {
                display: block;
                text-align: center;
                margin: 20px 0;
            }

        #progressPaybarView .box .txt {
            text-align: center;
            padding: 15px 0 0;
            color: #555555;
        }

div.layerProgress {
    filter: alpha(opacity=40);
    opacity: 0.4;
    -moz-opacity: 0.4;
    background-color: #999;
}

#skipNavigation {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 0;
}

    #skipNavigation p, #skipNavigation ul, #skipNavigation ul li {
        height: 0;
    }

        #skipNavigation p a {
            position: absolute;
            left: 0;
            top: 0;
            display: block;
            overflow: hidden;
            width: 1px;
            height: 1px;
            margin-left: -1px;
            margin-bottom: -1px;
            text-align: center;
            color: #000;
            white-space: nowrap;
        }

            #skipNavigation p a:focus, #skipNavigation p a:hover, #skipNavigation p a:active {
                width: 100%;
                height: auto;
                padding: 10px 0;
                background: #c4122f;
                color: #fff;
                z-index: 100;
            }

.displaynone {
    display: none;
}

.dimmed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0.8;
    filter: alpha(opacity=80);
}



#banner {
    position: absolute;
    top: 0;
    left: 0;
    width: 90px;
}

#quick {
    position: absolute;
    top: 0;
    right: 0;
    width: 90px;
}

    #quick .banner a {
        display: block;
        margin: 15px 0 0;
    }

#footer {
    position: relative;
    margin: 40px 0 0 0;
    border-top: 1px solid #e8e8e8;
    border-bottom: 45px solid #e8e8e8;
}

    #footer:before {
        position: absolute;
        top: 44px;
        left: 0;
        content: "";
        width: 100%;
        height: 0;
        border-bottom: 1px solid #e8e8e8;
    }

    #footer .inner {
        overflow: hidden;
        position: relative;
        width: 1218px;
        margin: 0 auto -45px;
        *zoom: 1;
    }

        #footer .inner:after {
            content: "";
            display: block;
            clear: both;
        }

#boardArea {
    overflow: hidden;
    margin: 50px 0 0;
    border-top: 1px solid #d8d8d8;
}

#bannerArea {
    margin: 22px 0 0;
}

    #bannerArea h2 {
        margin: 0 0 16px;
        font-weight: normal;
        font-size: 20px;
        color: #2e2e2e;
        text-align: center;
    }

.txtInfo {
    color: #707070;
}

.txtWarn {
    color: #f76560;
}

.txtEm {
    color: #111111;
}

.txtDel, .strike, .discount {
    text-decoration: line-through;
    font-weight: normal;
}

    .strike strong, .discount strong {
        font-weight: normal;
    }

.txtNormal {
    font-weight: normal;
    font-style: normal;
}

.txtNum {
    display: inline-block;
    font-size: 11px;
    color: #888;
    word-break: normal;
}

.txt11 {
    font-size: 11px;
}

.txt12 {
    font-size: 12px;
}

.txt14 {
    font-size: 14px;
}

.txt16 {
    font-size: 16px;
}

.txt18 {
    font-size: 18px;
    letter-spacing: -1px;
}

.txtIcon {
    font-size: 12px;
    font-style: normal;
}

.txtBreak {
    word-break: break-all;
    word-wrap: break-word;
}

html:lang(ja) .txt11, html:lang(zh) .txt11, html:lang(zh-tw) .txt11 {
    font-size: 12px;
}

.gBlank5 {
    display: block;
    margin-top: 5px;
}

.gBlank10 {
    display: block;
    margin-top: 10px;
}

.gBlank20 {
    display: block;
    margin-top: 20px;
}

.gBlank30 {
    display: block;
    margin-top: 30px;
}

.gIndent10 {
    margin-left: 10px;
}

.gIndent20 {
    margin-left: 20px;
}

.gSpace10 {
    margin-right: 10px;
}

.gSpace20 {
    margin-right: 20px;
}

.gMerge {
    position: relative;
    z-index: 1;
    margin-top: -1px;
}

.ec-base-qty {
    position: relative;
    display: inline-block;
    width: 50px;
    margin: 0 1px 0 0;
    text-align: left;
}

    .ec-base-qty input[type="text"] {
        width: 22px;
        height: 23px;
        padding: 0 0 0 5px;
        line-height: 25px;
        border: 1px solid #d4d8d9;
        border-radius: 3px 0 0 3px;
    }

    .ec-base-qty .up {
        position: absolute;
        left: 27px;
        top: 0;
    }

    .ec-base-qty .down {
        position: absolute;
        left: 27px;
        bottom: 0;
    }

.ec-base-chk {
    display: inline-block;
    position: relative;
    margin: 0 8px 0 0;
    width: 22px;
    height: 22px;
    vertical-align: top;
    cursor: pointer;
}

    .ec-base-chk input {
        z-index: 1;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        cursor: pointer;
    }

    .ec-base-chk .checkbox {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: url("//img.echosting.cafe24.com/skin/base/common/bg_join_check.png") no-repeat 0 0;
    }

    .ec-base-chk input:checked + .checkbox {
        background-position: -34px 0;
    }

input, select, textarea {
    font-size: 100%;
    color: #353535;
    vertical-align: middle;
}

input, select, textarea, button {
    font-size: 100%;
    color: #353535;
    vertical-align: middle;
    font-family: "Malgun gothic","Dotum","Gulim"
}

    input[type=radio], input[type=checkbox] {
        width: 13px;
        height: 13px;
        border: 0;
    }

    input[type=text], input[type=password] {
        height: 18px;
        line-height: 20px;
        padding: 4px 4px;
        border: 1px solid #d5d5d5;
        color: #353535;
        font-size: 13px;
    }

    input[type=radio] + label, input[type=checkbox] + label {
        margin: 0 4px 0 2px;
    }

select {
    height: 28px;
    border: 1px solid #d5d5d5;
}

textarea {
    padding: 5px 6px;
    border: 1px solid #d5d5d5;
    line-height: 1.5;
}

    input:-ms-input-placeholder, textarea:-ms-input-placeholder {
        color: #c1c1c1;
    }

    input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
        color: #c1c1c1;
    }

    input::-moz-placeholder, textarea::-moz-placeholder {
        color: #c1c1c1;
        opacity: 1;
    }

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;
}

.gLabel {
    display: inline-block;
}

    .gLabel label {
        margin-right: 20px;
        line-height: 22px;
    }

.fWidthFull input[type=text] {
    width: 100%;
    height: 24px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.fWidthFull textarea {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.fWidthFull select {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.fList.typeHor .gLabel {
    margin-right: 20px;
}

.fList.typeVer .gLabel {
    display: block;
}

.ec-base-tooltip {
    display: none;
    z-index: 2;
    position: absolute;
    top: 24px;
    padding: 15px;
    border: 1px solid #565960;
    background: #fff;
    -webkit-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
    -moz-box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
    box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.15);
}

    .ec-base-tooltip h3 {
        margin: 0 0 8px;
        padding: 0 10px;
        font-size: 12px;
        border-bottom: 0;
        background: url("//img.echosting.cafe24.com/skin/base/common/ico_layer_title.gif") no-repeat 0 50%;
    }

        .ec-base-tooltip h3 + p {
            margin: 0 5px 10px;
        }

    .ec-base-tooltip h4 {
        margin: 15px 10px 8px 5px;
        font-size: 12px;
    }

        .ec-base-tooltip h4:before {
            display: inline-block;
            content: "";
            margin: 0 5px 0 0;
            width: 3px;
            height: 3px;
            background: #666;
            vertical-align: middle;
        }

    .ec-base-tooltip .btnClose {
        position: absolute;
        right: 14px;
        top: 14px;
    }

    .ec-base-tooltip .edge {
        z-index: 20;
        position: absolute;
        left: 50%;
        top: -6px;
        display: block;
        margin: 0 0 0 -5px;
        width: 10px;
        height: 6px;
    }

        .ec-base-tooltip .edge:before, .ec-base-tooltip .edge:after {
            display: inline-block;
            content: "";
            position: absolute;
            top: 0;
            width: 0;
            height: 0;
            border: solid transparent;
        }

        .ec-base-tooltip .edge:before {
            margin: 1px 0 0;
            border-bottom-color: #565960;
            border-width: 0 5px 5px 5px;
        }

        .ec-base-tooltip .edge:after {
            left: 1px;
            margin: 2px 0 0;
            border-bottom-color: #fff;
            border-width: 0 4px 4px 4px;
        }

    .ec-base-tooltip table th, .ec-base-tooltip table td {
        padding: 8px 10px 7px 10px;
        border: 1px solid #e8e8e8;
        line-height: 1.5em;
    }

    .ec-base-tooltip table th {
        padding-right: 0;
        background: #fbf9fa;
    }

    .ec-base-tooltip table thead th {
        text-align: center;
    }

    .ec-base-tooltip table tbody th {
        text-align: left;
    }

    .ec-base-tooltip table .left {
        text-align: left;
    }

    .ec-base-tooltip table .center {
        text-align: center;
    }

    .ec-base-tooltip table .right {
        text-align: right;
    }

    .ec-base-tooltip table .info {
        padding: 0;
        color: #757575;
    }

    .ec-base-tooltip table p.info:before, .ec-base-tooltip table ul.info li:before {
        display: inline-block;
        content: "";
        margin: 0 3px 0 0;
        width: 4px;
        height: 1px;
        background: #757575;
        vertical-align: middle;
    }

    .ec-base-tooltip .info {
        padding: 10px 10px 0;
        margin: 5px 0 0;
    }

    .ec-base-tooltip p.bullet, .ec-base-tooltip ul.bullet {
        margin: 8px 10px;
    }

        .ec-base-tooltip p.bullet:before, .ec-base-tooltip ul.bullet li:before {
            display: inline-block;
            content: "";
            margin: -3px 3px 0 0;
            width: 0;
            height: 0;
            border: solid transparent;
            border-left-color: #333;
            border-width: 2px 0 2px 2px;
            vertical-align: middle;
        }

        .ec-base-tooltip ul.bullet li {
            line-height: 1.5em;
        }

    .ec-base-tooltip .txtEm {
        color: #111111;
    }

    .ec-base-tooltip .txtWarn {
        color: #f65b54;
    }

    .ec-base-tooltip.typeUpper {
        top: auto;
        bottom: 34px;
    }

        .ec-base-tooltip.typeUpper .edge {
            top: auto;
            bottom: -6px;
        }

            .ec-base-tooltip.typeUpper .edge:before {
                margin: 0 0 -5px;
                border-top-color: #565960;
                border-width: 5px 5px 0 5px;
            }

            .ec-base-tooltip.typeUpper .edge:after {
                left: 1px;
                margin: 0 0 -4px;
                border-top-color: #fff;
                border-width: 4px 4px 0 4px;
            }

span.ec-base-help, p.ec-base-help, ul.ec-base-help li {
    margin: 2px 9px;
    padding: 1px 0 1px 20px;
    line-height: 1.4;
    background: url('//img.echosting.cafe24.com/skin/base/common/ico_info.gif') no-repeat 0 2px;
}

div.ec-base-help {
    margin: 20px 0;
    border: 1px solid #d6d4d4;
    line-height: 18px;
}

    div.ec-base-help > h2, div.ec-base-help > h3 {
        padding: 9px 0 6px 10px;
        border-bottom: 1px solid #e8e7e7;
        color: #101010;
        font-size: 12px;
        background: #fbfbfb;
    }

    div.ec-base-help .inner {
        padding: 0 9px 12px;
    }

    div.ec-base-help h4 {
        margin: 22px 0 -4px;
        color: #404040;
        font-size: 12px;
        font-weight: normal;
    }

        div.ec-base-help h4:first-child {
            margin-top: 13px;
        }

    div.ec-base-help p {
        margin: 15px 0 0 10px;
        color: #707070;
    }

    div.ec-base-help ul, div.ec-base-help ol {
        margin: 15px 0 0 11px;
    }

    div.ec-base-help li {
        color: #707070;
    }

    div.ec-base-help ol li {
        padding: 0 0 0 25px;
        background: url('//img.echosting.cafe24.com/skin/base/common/ico_number.png') no-repeat;
    }

    div.ec-base-help ol .item1 {
        background-position: -484px 0;
    }

    div.ec-base-help ol .item2 {
        background-position: -434px -100px;
    }

    div.ec-base-help ol .item3 {
        background-position: -384px -200px;
    }

    div.ec-base-help ol .item4 {
        background-position: -334px -300px;
    }

    div.ec-base-help ol .item5 {
        background-position: -284px -400px;
    }

    div.ec-base-help ol .item6 {
        background-position: -234px -500px;
    }

    div.ec-base-help ol .item7 {
        background-position: -184px -600px;
    }

    div.ec-base-help ol .item8 {
        background-position: -134px -700px;
    }

    div.ec-base-help ol .item9 {
        background-position: -84px -800px;
    }

    div.ec-base-help ol .item10 {
        background-position: -34px -900px;
    }

    div.ec-base-help ul li {
        padding: 0 0 0 11px;
        background: url('//img.echosting.cafe24.com/skin/base/common/ico_dash.gif') no-repeat 0 7px;
    }

.ec-base-help.typeDash li {
    padding: 0 0 0 11px;
    background: url("//img.echosting.cafe24.com/skin/base/common/ico_dash.gif") no-repeat 0 7px;
}

.ec-base-tooltip .ec-base-help.typeDash li {
    margin: 2px 0;
}

.ec-base-product {
    margin: 22px 0 0;
}

    .ec-base-product .title {
        margin: 0 0 20px;
        text-align: center;
    }

        .ec-base-product .title h2 {
            font-size: 16px;
            color: #2e2e2e;
        }

        .ec-base-product .title h3 {
            font-size: 15px;
            color: #2e2e2e;
        }

    .ec-base-product img {
        vertical-align: middle;
    }

    .ec-base-product .prdList {
        display: table;
        width: 100%;
        min-width: 756px;
        margin: -20px 0 0;
        font-size: 0;
        line-height: 0;
        text-align: left;
    }

        .ec-base-product .prdList > li {
            display: inline-block;
            margin: 20px 0 40px;
            color: #757575;
            vertical-align: top;
            text-align: left;
            position: relative;
        }

        .ec-base-product .prdList .chk {
            display: block;
            margin: 0 0 10px;
            text-align: center;
            position: absolute;
            top: 6px;
            left: 50%;
            z-index: 10;
        }

        .ec-base-product .prdList .thumbnail {
            position: relative;
            margin: 0 7px 15px;
            text-align: center;
        }

            .ec-base-product .prdList .thumbnail > a img {
                width: 100%;
                box-sizing: border-box;
            }

            .ec-base-product .prdList .thumbnail .wish {
                position: absolute;
                right: 3px;
                bottom: 4px;
                z-index: 1;
                cursor: pointer;
            }

            .ec-base-product .prdList .thumbnail .prdIcon {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background-repeat: no-repeat;
            }

        .ec-base-product .prdList .description {
            margin: 0 auto;
            padding: 0 7px;
            font-size: 12px;
            line-height: 18px;
            position: relative;
        }

            .ec-base-product .prdList .description .name {
                display: block;
                font-weight: normal;
                line-height: 1.3;
                padding-bottom: 5px;
            }

                .ec-base-product .prdList .description .name a {
                    color: #2e2e2e;
                    word-break: break-all;
                    display: block;
                }

            .ec-base-product .prdList .description li.상품요약정보 {
                margin-bottom: 5px;
            }

            .ec-base-product .prdList .description .icon {
                margin: 10px 0 0;
                vertical-align: middle;
            }

                .ec-base-product .prdList .description .icon:after {
                    content: "";
                    display: block;
                    clear: both;
                }

            .ec-base-product .prdList .description .promotion {
                margin: 0 0 4px;
            }

            .ec-base-product .prdList .description .button {
                float: right;
                margin: 0 0 4px;
            }

                .ec-base-product .prdList .description .button img {
                    cursor: pointer;
                }

                .ec-base-product .prdList .description .button .option {
                    display: inline;
                    position: relative;
                }

            .ec-base-product .prdList .description .mileage {
                display: block;
            }

            .ec-base-product .prdList .description span.grid {
                display: block;
            }

            .ec-base-product .prdList .description .discount_rate {
                font-size: 39px;
                display: none;
                z-index: 10;
                color: #f13232;
                font-weight: bold;
                box-sizing: border-box;
                display: inline-block;
                vertical-align: middle;
                padding-right: 8px;
                font-weight: 700;
                line-height: 1.1;
                float: left;
            }

                .ec-base-product .prdList .description .discount_rate:after {
                    content: "%";
                    font-size: 18px;
                }

    .ec-base-product ul.grid2 > li {
        width: 50%;
    }

    .ec-base-product ul.grid3 > li {
        width: 33.33%;
    }

    .ec-base-product ul.grid4 > li {
        width: 25%;
    }

    .ec-base-product ul.grid5 > li {
        width: 20%;
    }

    .ec-base-product ul.grid3 > li .color {
        max-width: 230px;
    }

    .ec-base-product ul.grid4 > li .color {
        max-width: 190px;
    }

    .ec-base-product ul.grid5 > li .color {
        max-width: 130px;
    }

    .ec-base-product ul.grid2 li:after {
        content: "";
        display: block;
        clear: both;
    }

    .ec-base-product ul.grid2 li .thumbnail {
        float: left;
        width: 220px;
        text-align: left;
        margin: 0;
    }

    .ec-base-product ul.grid2 li .description {
        float: left;
        width: 247px;
        padding: 0 20px;
    }

        .ec-base-product ul.grid2 li .description .chk {
            position: static;
            text-align: left;
        }

    .ec-base-product .spec {
        margin: 0;
    }

        .ec-base-product .spec > li:first-child {
            padding-bottom: 5px;
        }

        .ec-base-product .spec li .title {
            font-weight: normal;
            vertical-align: top;
        }

            .ec-base-product .spec li .title span {
                vertical-align: top;
            }

        .ec-base-product .spec li .color {
            overflow: hidden;
            display: inline-block;
            margin: 3px 0 0 0;
        }

        .ec-base-product .spec li .chips {
            width: 10px;
            height: 10px;
            font-size: 0;
            line-height: 0;
            margin: 0 3px 0 0;
            display: inline-block;
            vertical-align: middle;
            *zoom: 1;
            *display: inline;
            border-radius: 0;
            border: 1px solid #ddd;
            border-radius: 50%;
        }

    .ec-base-product .prdList .colorbtn {
        font-size: 0;
        padding-bottom: 8px;
    }

    .ec-base-product .prdList .chips {
        width: 10px;
        height: 10px;
        font-size: 0;
        line-height: 0;
        margin: 0 4px 0 0;
        display: inline-block;
        vertical-align: middle;
        *zoom: 1;
        *display: inline;
        border-radius: 0;
        border: 1px solid #ddd;
        border-radius: 50%;
    }

    .ec-base-product .discountPeriod {
        display: inline-block;
        z-index: 10;
        position: relative;
        width: 55px;
        height: 19px;
        vertical-align: middle;
    }

    .ec-base-product .layerDiscountPeriod {
        left: 50%;
        top: 26px;
        width: 247px;
        margin: 0 0 0 -124px;
    }

        .ec-base-product .layerDiscountPeriod strong.title {
            display: block;
            margin: 0 0 12px;
            padding: 0 35px 0 0;
            font-weight: bold;
            color: #2e2e2e;
        }

        .ec-base-product .layerDiscountPeriod .content p {
            margin: 2px 0 0;
            font-size: 11px;
            line-height: 16px;
            color: #757575;
            letter-spacing: -1px;
        }

            .ec-base-product .layerDiscountPeriod .content p strong {
                font-weight: normal;
                font-size: 12px;
                color: #2e2e2e;
            }

                .ec-base-product .layerDiscountPeriod .content p strong span {
                    font-size: 11px;
                }

    .ec-base-product .prdList .shippingFee {
        position: relative;
        display: inline-block;
    }

        .ec-base-product .prdList .shippingFee .button {
            display: inline-block;
            float: none;
        }

        .ec-base-product .prdList .shippingFee .ec-base-tooltip {
            z-index: 11;
            display: block;
            margin: 0 0 0 -170px;
            width: 360px;
        }

            .ec-base-product .prdList .shippingFee .ec-base-tooltip table th {
                width: 40px;
            }

            .ec-base-product .prdList .shippingFee .ec-base-tooltip table th, .ec-base-product .prdList .shippingFee .ec-base-tooltip table td {
                padding: 7px 10px 8px 10px;
            }

    .ec-base-product .btnTooltip {
        position: relative;
        display: inline-block;
    }

.differentialShipping {
    display: none;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 17px;
    z-index: 100;
    width: 350px;
    margin: 0 0 0 -176px;
}

    .differentialShipping h3.title {
        margin: 0;
        height: 35px;
        padding: 0 35px 0 19px;
        border: 0;
        color: #fff;
        font-size: 14px;
        line-height: 35px;
        background: #495164;
    }

    .differentialShipping .content {
        padding: 12px 18px 14px 18px;
        border: 1px solid #757575;
        border-top: 0;
        text-align: center;
        background: #fff;
    }

    .differentialShipping .close {
        position: absolute;
        right: 14px;
        top: 12px;
    }

        .differentialShipping .close img {
            cursor: pointer;
        }

    .differentialShipping .content ul {
        color: #757575;
        line-height: 25px;
    }

    .differentialShipping .content li {
        overflow: hidden;
    }

        .differentialShipping .content li strong {
            float: left;
            font-weight: normal;
        }

        .differentialShipping .content li span {
            float: right;
            color: #2e2e2e;
        }

    .differentialShipping .content .info {
        margin: 7px 0 0;
        padding: 7px 0 0;
        border-top: 1px dotted #b0b1b3;
        color: #80aeef;
        text-align: right;
    }

.ec-product-bgLT {
    background-position: left top;
}

.ec-product-bgLC {
    background-position: left center;
}

.ec-product-bgLB {
    background-position: left bottom;
}

.ec-product-bgRT {
    background-position: right top;
}

.ec-product-bgRC {
    background-position: right center;
}

.ec-product-bgRB {
    background-position: right bottom;
}

.ec-product-bgCT {
    background-position: center top;
}

.ec-product-bgCC {
    background-position: center center;
}

.ec-product-bgCB {
    background-position: center bottom;
}

.ec-base-product.xans-product-listrecommend {
    padding: 10px 0 0;
}

    .ec-base-product.xans-product-listrecommend .prdList .thumbnail:before {
        content: "BEST";
        font-weight: bold;
        display: block;
        background: rgb(0,0,0);
        ;
        color: #fff;
        font-size: 11px;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 9;
        padding: 20px 7px;
    }

.ec-base-product.xans-product-listnew {
    padding: 20px 0 0;
    border-top: 1px solid #eee;
}

    .ec-base-product.xans-product-listnew .prdList .thumbnail:before {
        content: "NEW";
        font-weight: bold;
        display: block;
        background: rgb(0,0,0);
        ;
        color: #fff;
        font-size: 11px;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 9;
        padding: 20px 7px;
    }

.ec-base-product.cell .prdList > li {
    margin: 0 !important;
    box-sizing: border-box;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

    .ec-base-product.cell .prdList > li:hover .description, .ec-base-product.cell .prdList > li:hover .wish {
        display: block;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    .ec-base-product.cell .prdList > li .thumbnail {
        margin: 2px;
    }

    .ec-base-product.cell .prdList > li .description {
        margin: 2px;
        position: absolute;
        opacity: 0;
        filter: alpha(opacity=0);
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: rgba(0,0,0,0.60);
        background: #111111 \0/IE8;
        padding: 10px 20px;
        box-sizing: border-box;
        transition: opacity .15s ease;
    }

        .ec-base-product.cell .prdList > li .description .block {
            width: 100%;
            height: 100%;
            display: table;
        }

            .ec-base-product.cell .prdList > li .description .block .block_in {
                display: table-cell;
                vertical-align: middle;
                text-align: center;
            }

        .ec-base-product.cell .prdList > li .description .desc {
            margin-top: 9px;
            color: #dddddd
        }

        .ec-base-product.cell .prdList > li .description .name {
            border: 0 !important;
            padding-bottom: 0 !important;
            margin-bottom: 5px !important
        }

        .ec-base-product.cell .prdList > li .description .promotion {
            display: none;
        }

ul.prdList .iconarea {
    opacity: 0;
    position: absolute;
    bottom: 10px;
    right: 0;
    left: 0;
    transition: opacity .3s ease;
    cursor: pointer;
    z-index: 1;
}

ul.prdList > li:hover .iconarea {
    opacity: 0.9;
    z-index: 2;
}

ul.prdList .iconarea img {
    display: inline-block;
    vertical-align: middle;
    background: #fff;
}

.ec-base-product ul.prdList .likeButton {
    position: absolute;
    bottom: 10px;
    left: 0;
    background: #fff;
    opacity: 0;
    z-index: 10;
    transition: opacity .25s ease;
    background: #ffffff;
    display: inline-block;
}

    .ec-base-product ul.prdList li:hover .likeButton, .ec-base-product ul.prdList .likeButton.selected {
        opacity: 1;
    }

    .ec-base-product ul.prdList .likeButton button {
        font-size: 11px;
        color: #9a9a9a;
        letter-spacing: -1px;
        background: none;
        outline: 0;
        display: block;
    }

    .ec-base-product ul.prdList .likeButton.selected button {
        font-weight: bold;
        color: #ee0000;
    }

    .ec-base-product ul.prdList .likeButton button img {
        margin-bottom: 0;
        vertical-align: middle;
        ;
    }

    .ec-base-product ul.prdList .likeButton button strong {
        padding-right: 5px;
        vertical-align: middle;
    }

.ec-base-paginate {
    margin: 30px 0;
    text-align: center;
    font-size: 0;
    line-height: 0;
}

    .ec-base-paginate ol {
        display: inline-block;
        font-size: 0;
        line-height: 0;
        vertical-align: top;
        *display: inline;
        *zoom: 1;
        *margin: 0;
    }

    .ec-base-paginate li {
        display: inline-block;
        margin: 0 0 0 -1px;
        font-size: 12px;
        color: #757575;
        vertical-align: top;
        *display: inline;
        *zoom: 1;
    }

        .ec-base-paginate li:first-child {
            margin-left: 0;
        }

    .ec-base-paginate img {
        vertical-align: top;
    }

    .ec-base-paginate li a {
        display: block;
        width: 28px;
        padding: 7px 0;
        color: #939393;
        line-height: 14px;
        background: #fff;
    }

        .ec-base-paginate li a:hover {
            text-decoration: none;
            background: #f0f2f2;
        }

        .ec-base-paginate li a.this {
            color: #111111;
            font-weight: bold;
        }

    .ec-base-paginate a.nolink {
        cursor: default;
    }

    .ec-base-paginate a {
        border: 1px solid #ddd;
        margin: 0 -1px;
        display: inline-block;
    }

    .ec-base-paginate.typeSub ol {
        margin: 0 15px;
        vertical-align: middle;
    }

    .ec-base-paginate.typeSub li {
        font-size: 12px;
        border: 0;
    }

    .ec-base-paginate.typeSub img {
        vertical-align: middle;
    }

    .ec-base-paginate.typeSub li a {
        width: auto;
        margin: 0 5px 0;
        padding: 2px;
        color: #353535;
        background: none;
    }

        .ec-base-paginate.typeSub li a.this {
            color: #111111;
            text-decoration: underline;
            border: 0;
        }

    .ec-base-paginate.typeSub .first {
        margin-right: 3px;
    }

    .ec-base-paginate.typeSub .last {
        margin-left: 3px;
    }

.ec-base-tab {
    position: relative;
}

    .ec-base-tab .menu {
        margin: 0 0 20px;
        border: 1px solid #cbcdce;
        border-bottom-color: #202020;
        border-left: 0;
        border-top: 0;
        border-right: 0;
        background: #fff;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        font-size: 0;
    }

        .ec-base-tab .menu:after {
            content: "";
            display: block;
            clear: both;
        }

        .ec-base-tab .menu li {
            display: inline-block;
            border-right: 1px solid #cbcdce;
            border-top: 1px solid #cbcdce;
            background: #fff;
            vertical-align: bottom;
            box-sizing: border-box;
        }

            .ec-base-tab .menu li:first-child {
                border-left: 1px solid #cbcdce;
            }

            .ec-base-tab .menu li.selected {
                border-color: #202020;
            }

            .ec-base-tab .menu li a {
                font-size: 14px;
                height: 24px;
                display: block;
                min-width: 227px;
                margin: 0 0 0 -1px;
                padding: 15px 5px 11px;
                color: #707070;
                text-decoration: none;
                outline: 0;
                text-align: center;
                display: block;
            }

            .ec-base-tab .menu li:first-child a {
                margin-left: 0;
                border-left: 0
            }

            .ec-base-tab .menu li.selected a {
                background: #202020;
                color: #fff;
                font-weight: bold;
            }

    .ec-base-tab .right {
        position: absolute;
        top: 8px;
        right: 10px;
        line-height: 24px;
        color: #909090;
    }

    .ec-base-tab.grid2 .menu li {
        width: 50%;
    }

    .ec-base-tab.grid3 .menu li {
        width: 33.33%
    }

    .ec-base-tab.grid4 .menu li {
        width: 25%;
    }

    .ec-base-tab.grid5 .menu li {
        width: 20%;
    }

    .ec-base-tab.grid6 .menu li {
        width: 16.66%;
    }

        .ec-base-tab.grid6 .menu li a {
            min-width: 50px;
        }

    .ec-base-tab.grid7 .menu li {
        width: 14.28%;
        width: 15% \0/;
    }

        .ec-base-tab.grid7 .menu li a {
            min-width: 50px;
        }

[class^='btnNormal'], a[class^='btnNormal'] {
    transition: background .25s,border .25s;
    display: inline-block;
    box-sizing: border-box;
    padding: 2px 8px;
    border: 1px solid #d1d1d1;
    border-radius: 0;
    font-size: 12px;
    line-height: 18px;
    font-weight: normal;
    text-decoration: none;
    vertical-align: middle;
    word-spacing: -0.5px;
    letter-spacing: 0;
    text-align: center;
    white-space: nowrap;
    color: #222;
    background-color: #fff;
}

[class^='btnSubmit'], a[class^='btnSubmit'] {
    transition: background .25s,border .25s;
    transition: all .25s ease;
    display: inline-block;
    box-sizing: border-box;
    padding: 2px 8px;
    border: 1px solid transparent;
    border-radius: 0;
    font-size: 12px;
    line-height: 18px;
    font-weight: normal;
    text-decoration: none;
    vertical-align: middle;
    word-spacing: -0.5px;
    letter-spacing: 0;
    text-align: center;
    white-space: nowrap;
    color: #fff;
    background-color: #333333;
}

[class^='btnEm'], a[class^='btnEm'] {
    display: inline-block;
    box-sizing: border-box;
    padding: 2px 8px;
    border: 1px solid transparent;
    border-radius: 0;
    font-size: 12px;
    line-height: 18px;
    font-weight: normal;
    text-decoration: none;
    vertical-align: middle;
    word-spacing: -0.5px;
    letter-spacing: 0;
    text-align: center;
    white-space: nowrap;
    color: #fff;
    background-color: #777777;
}

[class^='btnBasic'], a[class^='btnBasic'] {
    transition: background .25s,border .25s;
    display: inline-block;
    box-sizing: border-box;
    padding: 2px 8px;
    border: 1px solid #d1d1d1;
    border-radius: 0;
    font-size: 12px;
    line-height: 18px;
    font-weight: normal;
    text-decoration: none;
    vertical-align: middle;
    word-spacing: -0.5px;
    letter-spacing: 0;
    text-align: center;
    white-space: nowrap;
    color: #222;
    background-color: #f0f0f0;
}

[class^='btnNormal']:not(.disabled):hover {
    background-color: #f3f3f3;
}

[class^='btnSubmit']:not(.disabled):hover {
    background-color: #444444;
}

[class^='btnEm']:not(.disabled):hover {
    background-color: #777777;
}

[class^='btnBasic']:not(.disabled):hover {
    background-color: #e5e5e5;
}

[class^='btnNormal'].disabled {
    border-color: #e3e3e3;
    color: #999;
}

[class^='btnSubmit'].disabled {
    background-color: #999999;
    color: #f0f0f0;
}

[class^='btnEm'].disabled {
    background-color: #b5b6b9;
    color: #f0f0f0;
}

[class^='btnBasic'].disabled {
    color: #999;
}

[class^='btn'].sizeS {
    padding: 6px 8px;
}

[class^='btn'].sizeM {
    padding: 13px 22px;
    font-size: 14px;
    font-size: 14px;
}

[class^='btn'].sizeL {
    padding: 15px 18px;
    min-width: 80px;
    font-weight: bold;
    font-size: 16px;
}

[class^='btn'][class*='Fix'] {
    width: 82px;
    word-break: keep-all;
    word-wrap: break-word;
}

    [class^='btn'][class*='Fix'].sizeS {
        width: 106px;
    }

    [class^='btn'][class*='Fix'].sizeM {
        width: 140px;
        padding-left: 8px;
        padding-right: 8px;
    }

    [class^='btn'][class*='Fix'].sizeL {
        width: 180px;
        padding-left: 8px;
        padding-right: 8px;
    }

a.btnLink {
    color: #222;
}

    a.btnLink:hover {
        text-decoration: none;
        -webkit-box-shadow: 0 1px 0 0 #222;
        -moz-box-shadow: 0 1px 0 0 #222;
        box-shadow: 0 1px 0 0 #222;
    }

    a.btnLink:after {
        content: "";
        display: inline-block;
        margin: -2px -2px 0 3px;
        vertical-align: middle;
        border: 0 0 0 10px;
        border-style: solid;
        border-color: transparent transparent transparent #777777;
    }

[class^='btn'] i {
    display: none \0/IE8;
}

[class^='btn'] .icoArrow {
    display: inline-block;
    width: 3px;
    height: 3px;
    margin: -2px 1px 0 1px;
    border: 2px solid #777777;
    border-width: 0 2px 2px 0;
    vertical-align: middle;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}

[class^='btnSubmit'] .icoArrow, [class^='btnEm'] .icoArrow {
    border-color: #f0f0f0;
}

[class^='btn'] .icoDelete {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: -2px 2px 0 0;
    vertical-align: middle;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

    [class^='btn'] .icoDelete:before {
        content: "";
        position: absolute;
        top: 0;
        right: 4px;
        width: 2px;
        height: 10px;
        background: #777777;
    }

    [class^='btn'] .icoDelete:after {
        content: "";
        position: absolute;
        top: 4px;
        right: 0;
        width: 10px;
        height: 2px;
        background: #777777;
    }

[class^='btnSubmit'] .icoDelete:before, [class^='btnSubmit'] .icoDelete:after, [class^='btnEm'] .icoDelete:before, [class^='btnEm'] .icoDelete:after {
    background: #f0f0f0;
}

[class^='btn'] .icoAdd, [class^='btn'] .icoRemove {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: 8px;
    height: 8px;
    margin: -2px 2px 0 0;
    vertical-align: middle;
}

    [class^='btn'] .icoAdd:before, [class^='btn'] .icoAdd:after, [class^='btn'] .icoRemove:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 8px;
        height: 8px;
        border-radius: 2px;
        background: #777777;
    }

    [class^='btn'] .icoAdd:before, [class^='btn'] .icoRemove:before {
        height: 2px;
        margin: -1px 0 0 -4px;
    }

    [class^='btn'] .icoAdd:after {
        width: 2px;
        margin: -4px 0 0 -1px;
    }

[class^='btn'] img {
    margin: -2px 1px 0;
    vertical-align: middle;
}

.btnLogin, a.btnLogin {
    display: inline-block;
    box-sizing: border-box;
    width: 100px;
    height: 70px;
    line-height: 70px;
    border-radius: 2px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    background-color: #333333;
}

    .btnLogin:hover {
        background-color: #43495a;
    }

.btnAgree, a.btnAgree {
    display: inline-block;
    box-sizing: border-box;
    width: 80px;
    height: 70px;
    line-height: 70px;
    border: 1px solid #d1d1d1;
    border-radius: 2px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    color: #222;
    text-decoration: none;
    background-color: #fff;
}

    .btnAgree:hover {
        background-color: #f3f3f3;
    }

.btnToggle {
    display: inline-block;
    font-size: 0;
    line-height: 0;
}

    .btnToggle button {
        display: inline-block;
        box-sizing: border-box;
        border: 1px solid #d1d1d1;
        margin: 0 -1px 0 0;
        padding: 0 7px;
        height: 24px;
        line-height: 24px;
        text-align: center;
        font-size: 12px;
        outline: 0;
        text-decoration: none;
        color: #222;
        background: #fff;
    }

        .btnToggle button:first-child {
            border-radius: 2px 0 0 2px;
        }

        .btnToggle button:last-child {
            border-radius: 0 2px 2px 0;
        }

        .btnToggle button.selected {
            position: relative;
            border: 1px solid #777777;
            color: #fff;
            background: #777777;
        }

.ec-base-button {
    padding: 10px 0;
    text-align: center;
}

    .ec-base-button.justify {
        position: relative;
    }

    .ec-base-button:after {
        display: block;
        content: "";
        clear: both;
    }

    .ec-base-button .gLeft {
        float: left;
        text-align: left;
    }

    .ec-base-button .gRight {
        float: right;
        text-align: right;
    }

    .ec-base-button.justify .gLeft {
        position: absolute;
        left: 0;
    }

    .ec-base-button.justify .gRight {
        position: absolute;
        right: 0;
    }

    .ec-base-button .text {
        margin: 0 6px 0 10px;
        color: #353535;
        line-height: 24px;
    }

    .ec-base-button.typeBorder {
        margin-top: -1px;
        padding: 10px 20px;
    }

    .ec-base-button.typeBG {
        padding: 10px 0px;
    }

    .ec-base-button[class*="gColumn"] {
        margin: 0 auto;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: flex;
        -webkit-justify-content: center;
        -moz-justify-content: center;
        -ms-justify-content: center;
        justify-content: center;
    }

        .ec-base-button[class*="gColumn"]:after {
            display: none;
        }

        .ec-base-button[class*="gColumn"] [class^='btn'] {
            margin: 0 2px;
            padding-left: 8px;
            padding-right: 8px;
            word-break: keep-all;
            word-wrap: break-word;
            white-space: normal;
            -webkit-flex: 1;
            -moz-flex: 1;
            -ms-flex: 1;
            flex: 1;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flex;
            display: flex;
            -webkit-align-items: center;
            -moz-align-items: center;
            -ms-align-items: center;
            align-items: center;
            -webkit-justify-content: center;
            -moz-justify-content: center;
            -ms-justify-content: center;
            justify-content: center;
        }

            .ec-base-button[class*="gColumn"] [class^='btn'][class*='Fix'] {
                -webkit-flex: none;
                -moz-flex: none;
                -ms-flex: none;
                flex: none;
            }

        .ec-base-button[class*="gColumn"] .gFlex2 {
            -webkit-flex: 2;
            -moz-flex: 2;
            -ms-flex: 2;
            flex: 2;
        }

        .ec-base-button[class*="gColumn"] .gFlex3 {
            -webkit-flex: 3;
            -moz-flex: 3;
            -ms-flex: 3;
            flex: 3;
        }

        .ec-base-button[class*="gColumn"] .gFlex4 {
            -webkit-flex: 4;
            -moz-flex: 4;
            -ms-flex: 4;
            flex: 4;
        }

.ec-base-box {
    padding: 20px;
    margin-left: auto;
    margin-right: auto;
    border: 1px solid #e8e8e8;
    color: #404040;
}

    .ec-base-box.gHalf {
        position: relative;
        padding: 20px 0;
    }

        .ec-base-box.gHalf:before {
            position: absolute;
            top: 0;
            left: 50%;
            display: block;
            content: "";
            width: 1px;
            height: 100%;
            background-color: #e6e6e6;
        }

    .ec-base-box.typeBg {
        background-color: #fbfafa;
    }

    .ec-base-box.typeThin {
        border-width: 1px;
        border-color: #d7d5d5;
    }

        .ec-base-box.typeThin h3.boxTitle {
            margin: 0 0 20px;
            font-size: 20px;
            text-align: center;
        }

    .ec-base-box.typeThinBg {
        border-width: 1px;
        border-color: #d7d5d5;
        background-color: #fbfafa;
    }

    .ec-base-box.center {
        text-align: center;
    }

    .ec-base-box.typeThinBg > .agree {
        padding: 20px;
        border: 1px solid #e6e6e6;
        background: #fff;
    }

        .ec-base-box.typeThinBg > .agree p {
            padding: 0 0 17px;
        }

    .ec-base-box.typeMember {
        padding: 0;
    }

        .ec-base-box.typeMember .information {
            display: table;
            table-layout: fixed;
            padding: 10px 0;
            width: 100%;
            box-sizing: border-box;
        }

            .ec-base-box.typeMember .information > .title, .ec-base-box.typeMember .information > .thumbnail {
                display: table-cell;
                padding: 0 15px;
                width: 70px;
                text-align: center;
                vertical-align: middle;
            }

            .ec-base-box.typeMember .information > .title {
                vertical-align: middle;
            }

            .ec-base-box.typeMember .information > .thumbnail img {
                max-width: 70px;
            }

            .ec-base-box.typeMember .information .description {
                display: table-cell;
                padding: 0 20px;
                width: auto;
                line-height: 1.5em;
                border-left: 0px solid #e8e8e8;
                vertical-align: middle;
            }

        .ec-base-box.typeMember.gMessage {
            border-width: 1px;
            border-color: #d7d5d5;
        }

    .ec-base-box .message {
        display: block;
        padding: 10px 0 10px 35px;
        border-bottom: 1px solid #e8e7e7;
        background: #fbfbfb url("//img.echosting.cafe24.com/skin/base/common/ico_info.gif") no-repeat 10px center;
    }

    .ec-base-box.typeProduct {
        display: table;
        table-layout: fixed;
        padding: 15px 0;
        width: 100%;
        box-sizing: border-box;
    }

        .ec-base-box.typeProduct .thumbnail, .ec-base-box.typeProduct .information {
            display: table-cell;
            padding: 0 20px;
            vertical-align: middle;
        }

        .ec-base-box.typeProduct .thumbnail {
            width: 100px;
        }

            .ec-base-box.typeProduct .thumbnail img {
                max-width: 90px;
                border: 1px solid #d7d5d5;
            }

        .ec-base-box.typeProduct .information {
            padding-left: 0;
        }

.ec-base-table table {
    position: relative;
    margin: 10px 0 0;
    border: 1px solid #d7d5d5;
    border-left: 0;
    border-right: 0;
    border-top-color: #fff;
    color: #fff;
    line-height: 1.5;
    font-size: 13px;
}

.ec-base-table.gLayoutFixed table {
    table-layout: fixed;
}

.ec-base-table.gLayoutFixed .gLayoutAuto table {
    table-layout: auto;
}

.ec-base-table table:before {
}

.ec-base-table thead th {
    padding: 11px 0 10px;
    border-bottom: 1px solid #dfdfdf;
    color: #353535;
    vertical-align: middle;
    font-weight: normal;
}

.ec-base-table tbody th {
    padding: 11px 0 10px 18px;
    border: 1px solid #dfdfdf;
    border-bottom-width: 0;
    color: #353535;
    text-align: left;
    font-weight: normal;
}

.ec-base-table th:first-child {
    border-left: 0;
    border-right: 0;
}

.ec-base-table td {
    padding: 11px 10px 10px;
    border-top: 1px solid #dfdfdf;
    color: #353535;
    vertical-align: middle;
}

    .ec-base-table td.clear {
        padding: 0 !important;
        border: 0 !important;
    }

.ec-base-table.typeWrite td {
    padding: 8px 0px 7px;
}

.ec-base-table.typeList table {
    border-top-color: #d7d5d5;
}

    .ec-base-table.typeList table:before {
        display: none;
    }

.ec-base-table.typeList td {
    padding: 11px 10px 11px;
}

.ec-base-table.typeList tfoot td {
    padding: 15px 10px 17px;
}

.ec-base-table .message {
    border: 1px solid #d7d5d5;
    border-left: 0;
    border-right: 0;
    padding: 50px 0;
    text-align: center;
    color: #757575;
    font-weight: bold;
}

.ec-base-table table + .message {
    margin: -1px 0 0;
}

.ec-base-table table td.message {
    padding: 50px 0;
}

.ec-base-table .scroll .message {
    border: 0;
}

.ec-base-table.typeList .head td {
    padding: 11px 0 10px;
    border-bottom: 1px solid #dfdfdf;
    color: #353535;
    vertical-align: middle;
    text-align: center;
}

    .ec-base-table.typeList .head td:first-child {
        border-left: 0;
    }

.ec-base-table.typeList .scroll {
    position: relative;
    overflow-x: hidden;
    overflow-y: scroll;
    max-height: 185px;
    min-height: 100px;
    border: 1px solid #d7d5d5;
    border-top-width: 0;
    margin-top: -1px;
}

    .ec-base-table.typeList .scroll table {
        border: 0;
        margin: 0;
    }

        .ec-base-table.typeList .scroll table:before {
            display: none;
        }

    .ec-base-table.typeList .scroll .message {
        border: 0;
    }

.ec-base-table thead.blind, .ec-base-table thead.blind th {
    display: none;
}

    .ec-base-table thead.blind + tbody tr:first-child th, .ec-base-table thead.blind + tbody tr:first-child td {
        border-top-width: 0;
    }

.ec-base-table.typeList.gLine table {
    border-width: 0;
    border-bottom-width: 1px;
}

.ec-base-table.typeClear table:before {
    display: none;
}

.ec-base-table.typeClear table, .ec-base-table.typeClear th, .ec-base-table.typeClear td {
    border: 0 none;
    background: none;
}

.ec-base-table.typeClear th {
    font-weight: bold;
}

.ec-base-table.gBorder td {
}

    .ec-base-table.gBorder td:first-child {
        border-left: 0;
    }

    .ec-base-table.gBorder td.gClearLine {
        border-left: 0;
    }

.ec-base-table.typeList.gBorder tbody td {
    border-color: #eee;
}

.ec-base-table .left {
    text-align: left;
}

.ec-base-table .center {
    text-align: center;
}

.ec-base-table .right {
    text-align: right;
}

.ec-base-table.typeList .center td, .ec-base-table.typeList td.center {
    padding-left: 0;
    padding-right: 0;
}

    .ec-base-table.typeList .center td.left {
        padding-left: 10px;
    }

    .ec-base-table.typeList .center td.right {
        padding-right: 10px;
    }

.ec-base-table .top th, .ec-base-table th.top, .ec-base-table .top td, .ec-base-table td.top {
    vertical-align: top;
}

.ec-base-table .middle th, .ec-base-table th.middle, .ec-base-table .middle td, .ec-base-table td.middle {
    vertical-align: middle;
}

.ec-base-table img {
    vertical-align: middle;
}

.ec-base-table .ec-address {
    margin: -9px -10px -7px;
}

    .ec-base-table .ec-address > li {
        padding: 8px 10px 0;
    }

        .ec-base-table .ec-address > li:last-child {
            padding-bottom: 7px;
        }

        .ec-base-table .ec-address > li input[type="text"] {
            width: 373px;
        }

        .ec-base-table .ec-address > li select {
            width: 383px;
        }

    .ec-base-table .ec-address .ec-base-help {
        margin-left: 0;
    }

    .ec-base-table .ec-address .ec-address-area select {
        width: 125px;
        margin-right: 4px;
    }

    .ec-base-table .ec-address .ec-address-zipcode input[type="text"] {
        width: 80px;
        margin-right: 3px;
    }

    .ec-base-table .ec-address .ec-address-zipcode .btnBasic {
        margin-right: 4px;
    }

@media print {
    .ec-base-table table:before {
        display: none;
    }
}

.ec-base-desc {
    overflow: hidden;
    text-align: left;
}

    .ec-base-desc:after {
        content: "";
        display: block;
        clear: both;
    }

    .ec-base-desc dt, .ec-base-desc .term {
        float: left;
        width: 100px;
        margin: 0 0 2px;
        padding: 0 4px 0 0;
        line-height: 22px;
        -webkit-box-sizing: border-box;
        -moz-webkit-box: border-box;
        box-sizing: border-box;
        font-weight: normal;
    }

    .ec-base-desc dd, .ec-base-desc .desc {
        display: block;
        margin: 0 0 2px;
        padding: 0 5px 0 100px;
        min-height: 22px;
        line-height: 22px;
        word-wrap: break-word;
        word-break: break-all;
    }

        .ec-base-desc dd:after, .ec-base-desc .desc:after {
            content: "";
            display: block;
            clear: left;
        }

    .ec-base-desc.gSmall dt, .ec-base-desc.gSmall .term {
        width: 30%;
    }

    .ec-base-desc.gSmall dd, .ec-base-desc.gSmall .desc {
        padding-left: 30%;
    }

    .ec-base-desc.gMedium dt, .ec-base-desc.gMedium .term {
        width: 40%;
    }

    .ec-base-desc.gMedium dd, .ec-base-desc.gMedium .desc {
        padding-left: 40%;
    }

    .ec-base-desc.gLarge dt, .ec-base-desc.gLarge .term {
        width: 50%;
    }

    .ec-base-desc.gLarge dd, .ec-base-desc.gLarge .desc {
        padding: 0 0 0 50%;
    }

    .ec-base-desc.centerDT dt, .ec-base-desc.centerDD dd, .ec-base-desc.centerDT .term, .ec-base-desc.centerDD .desc, .ec-base-desc.center, .ec-base-desc .center {
        text-align: center;
    }

    .ec-base-desc.rightDT dt, .ec-base-desc.rightDD dd, .ec-base-desc.rightDT .term, .ec-base-desc.rightDD .desc, .ec-base-desc.right, .ec-base-desc .right {
        text-align: right;
    }

    .ec-base-desc.rightDD dd, .ec-base-desc.rightDD .desc {
        padding-right: 0;
    }

    .ec-base-desc.typeBullet dt, .ec-base-desc.typeBullet .term {
        padding: 0 4px 0 10px;
        background: url("//img.echosting.cafe24.com/skin/base/common/ico_arrow.png") no-repeat 0 7px;
    }

    .ec-base-desc.typeDot dt, .ec-base-desc.typeDot .term {
        position: relative;
        padding: 0 4px 0 10px;
    }

        .ec-base-desc.typeDot dt:before, .ec-base-desc.typeDot .term:before {
            position: absolute;
            top: 50%;
            left: 0;
            content: "";
            display: block;
            width: 2px;
            height: 2px;
            margin: -2px 0 0 0;
            background: #383838;
        }

li {
    list-style: none;
}

table {
    width: 100%;
    border: 0;
    border-spacing: 0;
    border-collapse: collapse;
}

caption {
    display: none;
}

h1, h3 {
    margin: 0;
}

.ec-base-layer {
    position: absolute;
    z-index: 100;
    border: 1px solid #757575;
    background: #fff;
}

    .ec-base-layer .header {
        padding: 7px 35px 7px 19px;
    }

        .ec-base-layer .header > h1, .ec-base-layer .header > h3 {
            font-size: 14px;
            line-height: 1.5;
        }

    .ec-base-layer .content {
        padding: 20px;
        font-size: 12px;
    }

    .ec-base-layer div.ec-base-help {
        margin-top: 0;
    }

    .ec-base-layer .ec-base-button {
        padding: 9px;
        border-top: 1px solid #d7d5d5;
        text-align: center;
        background: #fbfafa;
    }

    .ec-base-layer .close {
        position: absolute;
        right: 0;
        top: 0;
        padding: 11px 20px;
        cursor: pointer;
    }

#popup .ec-base-layer {
    position: relative;
    border: 0;
}

    #popup .ec-base-layer .header {
        padding: 12px 35px 12px 19px;
        background: #999;
        color: #fff;
    }

    #popup .ec-base-layer .close {
        top: 5px;
    }

.ec-base-layer .content > .ec-base-table table:first-child {
    margin-top: 0;
}

.ec-base-layer .ec-base-table table {
    line-height: 1.4;
}

.ec-base-layer .ec-base-table thead th {
    padding: 9px 0 8px;
}

.ec-base-layer .ec-base-table tbody th {
    padding: 9px 0 8px 10px;
}

.ec-base-layer .ec-base-table td {
    padding: 9px 10px 8px;
}

.ec-base-layer .ec-base-table.typeWrite td {
    padding: 5px 10px 4px;
}

.ec-base-layer .ec-base-table.typeList tfoot td {
    padding: 10px 10px 12px;
}

.ec-base-layer .ec-base-table.typeBorder tfoot td {
    padding: 10px 10px 12px;
}

.ec-base-layer .ec-base-table .ec-address {
    margin: -6px -10px -4px;
}

    .ec-base-layer .ec-base-table .ec-address > li {
        padding: 5px 10px 4px;
    }

.xans-member-join .joinConfirm {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1000;
    width: 620px;
    margin: -400px 0 0 -310px;
}

    .xans-member-join .joinConfirm h3 {
        padding: 0;
        color: #fff;
    }

    .xans-member-join .joinConfirm .content {
        overflow-y: auto;
        max-height: 600px;
    }

        .xans-member-join .joinConfirm .content p {
            color: #353535;
        }

            .xans-member-join .joinConfirm .content p strong {
                color: #000;
            }

    .xans-member-join .joinConfirm .ec-base-table {
        margin: 10px 0 20px;
    }

.dp_sample {
    display: none;
}

.site-wrap {
    position: relative;
    width: 1200px;
    margin: 0 auto;
}

.clear {
    clear: both;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right
}

.off {
    display: none !important;
}

#main-wrap {
    position: relative;
}

.bx-wrapper .bx-pager.bx-default-pager a {
    position: relative;
}

    .bx-wrapper .bx-pager.bx-default-pager a:before {
        content: "";
        display: block;
        width: 100%;
        position: absolute;
        left: 0;
        top: -15px;
        padding: 15px 0;
    }

.top-menu-wrap {
    border-bottom: 1px solid #e5e5e5;
    background: #fff;
    min-height: 35px;
}

    .top-menu-wrap .inner {
        height: 100%
    }

        .top-menu-wrap .inner .site-wrap {
            height: 100%;
        }

    .top-menu-wrap.fixed .inner {
        position: fixed;
        top: 0;
        width: 100%;
        height: 35px;
        background: #fff;
        border-bottom: 1px solid #ddd;
        z-index: 98;
    }

    .top-menu-wrap .xans-layout-multishoplist.list {
        float: left;
        position: relative;
        z-index: 98;
        padding-right: 10px;
    }

        .top-menu-wrap .xans-layout-multishoplist.list .toggle {
            background: none;
            line-height: 35px;
            height: 35px;
            display: block;
            color: #757575;
            font-size: 12px;
            outline: 0;
        }

            .top-menu-wrap .xans-layout-multishoplist.list .toggle span > img {
                vertical-align: middle
            }

        .top-menu-wrap .xans-layout-multishoplist.list > ul {
            display: none;
            position: absolute;
            left: 0;
            top: 35px;
            width: 110px;
            min-height: 60px;
            border: 1px solid #ddd;
            background: #fff;
            padding: 0 10px;
        }

            .top-menu-wrap .xans-layout-multishoplist.list > ul li {
                position: relative;
                height: 30px;
                margin: -1px 0 0;
                line-height: 30px;
                width: 100%;
            }

                .top-menu-wrap .xans-layout-multishoplist.list > ul li a {
                    font-size: 11px;
                    width: 100%;
                    display: block;
                    overflow: hidden;
                    color: #353535;
                    white-space: nowrap;
                    text-decoration: none;
                    text-overflow: ellipsis;
                    background: url("http://img.echosting.cafe24.com/skin/base/layout/ico_multishop2.png") no-repeat 100% -30px;
                }

                .top-menu-wrap .xans-layout-multishoplist.list > ul li.selected a {
                    background: url("http://img.echosting.cafe24.com/skin/base/layout/ico_multishop2.png") no-repeat 100% 10px;
                }

                .top-menu-wrap .xans-layout-multishoplist.list > ul li a img {
                    width: 20px;
                    vertical-align: middle;
                }

                .top-menu-wrap .xans-layout-multishoplist.list > ul li a .name strong {
                    font-weight: normal;
                }

                .top-menu-wrap .xans-layout-multishoplist.list > ul li a .unit {
                    position: absolute;
                    right: 38px;
                    top: 0;
                    color: #757575;
                }

        .top-menu-wrap .xans-layout-multishoplist.list.show > ul {
            display: block;
        }

    .top-menu-wrap .wp-util > ul {
        position: relative;
    }

        .top-menu-wrap .wp-util > ul > li {
            position: relative;
            float: left;
            vertical-align: top;
            z-index: 99;
        }

    .top-menu-wrap .wp-util.float-left > ul > li {
        border-right: 1px solid #ddd;
    }

        .top-menu-wrap .wp-util.float-left > ul > li:first-child {
            border-left: 1px solid #ddd;
        }

    .top-menu-wrap .wp-util.float-right > ul > li.basket {
        padding-left: 15px;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        border-bottom: 1px solid #fff;
        padding-right: 15px;
        margin-bottom: -1px;
        display: block;
        margin-left: 10px;
    }

    .top-menu-wrap .wp-util > ul > li, .top-menu-wrap .wp-util > ul > li > a {
        color: #828282;
        text-decoration: none;
        font-size: 12px;
    }

        .top-menu-wrap .wp-util > ul > li > a {
            padding: 0 10px;
            height: 44px;
            line-height: 44px;
            display: block;
            transition: color .25s ease;
            -webkit-transition: color .25s ease;
            font-size: 13px;
        }

            .top-menu-wrap .wp-util > ul > li > a:hover {
                color: #000;
            }

    .top-menu-wrap .wp-util.float-left > ul > li > a {
        padding: 0 10px;
    }

    .top-menu-wrap .wp-util.float-right > ul > li:last-child > a {
        padding-right: 0;
    }

    .top-menu-wrap .wp-util.float-right > ul > li.basket > a {
        color: #000;
        background: url(/_wp/img/top_basket.png) no-repeat 0 center / 16px;
        padding-left: 22px;
    }

    .top-menu-wrap .wp-util.float-right > ul > li.basket .count {
        background: #000000;
        color: #fff;
        font-size: 10px;
        line-height: 13px;
        height: 13px;
        border-radius: 50%;
        margin-left: 2px;
        margin-top: -2px;
        min-width: 13px;
        text-align: center;
        font-family: "arial"
    }

    .top-menu-wrap .wp-util.float-right > ul > li.basket span {
        vertical-align: middle;
        display: inline-block;
    }

.logo-wrap {
    height: 130px;
    background: #fff;
}

    .logo-wrap .site-wrap {
        height: 100%;
    }

    .logo-wrap .logo {
        position: absolute;
        display: table;
        text-align: center;
        width: 100%;
        height: 100%;
    }

        .logo-wrap .logo .vertical {
            display: table-cell;
            vertical-align: middle;
        }

            .logo-wrap .logo .vertical a {
                display: inline;
                padding: 15px;
            }

    .logo-wrap .search {
        position: absolute;
        right: 0px;
        height: 100%;
        display: table;
    }

        .logo-wrap .search .dp-search {
            position: relative;
            display: table-cell;
            vertical-align: middle;
        }

            .logo-wrap .search .dp-search .keyword {
                max-width: 150px;
                float: left;
                line-height: 30px;
                height: 30px;
                margin: 0 10px 0;
                text-align: center;
            }

                .logo-wrap .search .dp-search .keyword ul {
                    visibility: hidden;
                    min-width: 100px;
                    max-width: 150px;
                }

                    .logo-wrap .search .dp-search .keyword ul li {
                        height: 30px;
                    }

                .logo-wrap .search .dp-search .keyword a {
                    color: #7d7d7d;
                    display: block;
                    overflow: hidden;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                }

                .logo-wrap .search .dp-search .keyword .bx-wrapper .bx-controls-direction {
                    height: 30px;
                }

                .logo-wrap .search .dp-search .keyword .bx-wrapper .bx-prev {
                    top: -10px;
                    left: 50%;
                    margin-left: -7px;
                    width: 15px;
                    height: 10px;
                    background: url(/_wp/img/top_keyword_top.jpg) no-repeat center;
                }

                .logo-wrap .search .dp-search .keyword .bx-wrapper .bx-next {
                    bottom: -10px;
                    right: 50%;
                    margin-right: -7px;
                    width: 15px;
                    height: 10px;
                    background: url(/_wp/img/top_keyword_btm.jpg) no-repeat center;
                }

                    .logo-wrap .search .dp-search .keyword .bx-wrapper .bx-prev:hover, .logo-wrap .search .dp-search .keyword .bx-wrapper .bx-next:hover {
                        opacity: 1
                    }

            .logo-wrap .search .dp-search form {
                display: inline;
            }

            .logo-wrap .search .dp-search .xans-layout-searchheader {
                position: relative;
                float: right
            }

            .logo-wrap .search .dp-search .icon {
                position: absolute;
                right: 0;
                top: 7px;
                width: 20px;
                text-align: center;
            }

            .logo-wrap .search .dp-search .inputTypeText {
                outline: 0;
                width: 200px;
                height: 38px;
                line-height: 38px;
                font-size: 14px;
                width: 200px;
                box-sizing: border-box;
                border: 0;
                border-bottom: 2px solid #111;
                background: none;
            }

.cate-wrap {
    min-height: 46px;
    background: #fff;
    position: relative;
    z-index: 97;
    border-top: 0px solid #e5e5e5;
    box-shadow: 0 0 0 rgba(0,0,0,0.08);
    border-bottom: 1px solid #ddd;
}

    .cate-wrap.fixed .inner {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 10000;
        box-shadow: 0 0 0 rgba(0,0,0,0.15);
        background-color: rgba( 255,255,255,0.99 );
        border-bottom: 1px solid #ddd;
    }

    .cate-wrap .all-cate {
        position: absolute;
        background: #555 url('/_wp/img/top_icon_list.gif') no-repeat center center;
        box-sizing: border-box;
        width: 40px;
        left: 0;
        cursor: pointer;
        height: 46px;
        line-height: 46px;
        font-size: 13px;
        text-decoration: none;
    }

    .cate-wrap #category {
        position: relative;
        margin-left: 40px;
        display: flex;
        width: 1160px;
        font-size: 0\0/IE8+9;
        width: 100%;
        font-size: 0;
    }

        .cate-wrap #category > li {
            flex: auto;
            display: inline-block\0/IE8+9;
            padding: 0 30px\0/IE8+9;
            min-width: 40px;
            text-align: center;
            text-align: center;
            display: inline-block;
            position: relative;
        }

            .cate-wrap #category > li a.m1 {
                color: #000;
                text-decoration: none;
                text-transform: uppercase;
                height: 55px;
                line-height: 55px;
                font-size: 17px;
                text-decoration: none;
                display: block;
                white-space: nowrap;
                font-weight: normal;
                transition: color .25s ease;
            }

            .cate-wrap #category > li:hover a.m1 {
                color: #c72a11;
            }

            .cate-wrap #category > li:hover {
                .z-index:1000;
            }

    .cate-wrap .sub-category {
        position: absolute;
        width: 150px;
        left: 50%;
        margin-left: -85px;
        top: 55px;
        background: #ffffff;
        box-shadow: 2px 7px 8px rgba(0,0,0,0.15);
        padding: 7px;
        border: 1px solid #ddd;
        visibility: hidden;
        opacity: 0;
        transition: opacity .25s ease;
        text-align: left;
    }

    .cate-wrap #category > li:hover .sub-category {
        visibility: visible;
        opacity: 1;
    }

    .cate-wrap #category > li:last-child .sub-category {
        left: auto;
        right: 0
    }

    .cate-wrap .sub-category .sub-left {
        box-sizing: border-box;
    }

        .cate-wrap .sub-category .sub-left li {
            padding: 3px 0;
            text-align: left;
        }

            .cate-wrap .sub-category .sub-left li a {
                color: #111;
                font-size: 13px;
                text-decoration: none;
                padding-left: 5px;
            }

    .cate-wrap .sub-category .sub-right {
        margin-top: 10px;
    }

    .cate-wrap .sub-left .sub03, .cate-wrap .sub-left .sub04 {
        display: none;
        background: #fff;
        padding: 5px;
    }

        .cate-wrap .sub-left .sub02 > li.arrow > a, .cate-wrap .sub-left .sub03 > li.arrow > a {
            background: url(/_wp/img/top_cate_arrow.gif) no-repeat right center;
            display: block;
        }

        .cate-wrap .sub-left .sub02 > li, .cate-wrap .sub-left .sub03 > li, .cate-wrap .sub-left .sub04 > li {
            position: relative;
        }

        .cate-wrap .sub-left .sub03 > li, .cate-wrap .sub-left .sub04 > li {
            min-width: 150px;
            background: #fff;
            padding: 2px 5px !important;
        }

    .cate-wrap .sub-left .sub02 > li:hover {
        background: #5a4e4e;
    }

        .cate-wrap .sub-left .sub02 > li:hover > a {
            color: #fff;
        }

    .cate-wrap .sub-left .sub03 > li:hover, .cate-wrap .sub-left .sub04 > li:hover {
        background: #efefef;
    }

    .cate-wrap .sub-left .sub02 > li:hover .sub03 {
        display: block;
        position: absolute;
        left: 90%;
        top: -5px;
        border: 1px solid #ddd;
        z-index: 1;
    }

    .cate-wrap .sub-left .sub03 > li:hover .sub04 {
        display: block;
        position: absolute;
        left: 90%;
        top: -6px;
        border: 1px solid #ddd;
        z-index: 2;
    }

    .cate-wrap .sub-category a {
        font-size: 13px;
        padding: 2px 0;
        margin: 0;
        color: #7d7d7d;
        display: block;
        -moz-transition: color .2s ease,background .2s ease;
        -ms-transition: color .2s ease,background .2s ease;
        transition: color .2s ease,background .2s ease;
    }

        .cate-wrap .sub-category a:hover {
            color: #111;
        }

    .cate-wrap #category > li .dropdown {
        position: absolute;
        left: 50%;
        margin-left: -85px;
        top: 55px;
        -moz-transition: opacity .3s ease;
        -ms-transition: opacity .3s ease;
        transition: opacity .3s ease;
        height: 0;
        overflow: hidden;
        visibility: hidden;
        visibility: visible \9;
        opacity: 0;
        box-shadow: 2px 2px 4px rgba(0,0,0,0.1);
        z-index: 99;
        width: 150px;
        background: #fff;
        text-align: left;
    }

    .cate-wrap #category > li:hover .dropdown {
        height: auto;
        opacity: 1;
        visibility: visible;
        padding: 8px 10px;
        border: 1px solid #ddd;
    }

    .cate-wrap #category > li .dropdown p, .cate-wrap #category > li .dropdown p a {
        font-size: 13px;
        margin: 0;
        color: #7d7d7d;
        display: block;
    }

        .cate-wrap #category > li .dropdown p a {
            padding: 4px 5px;
            -moz-transition: background .25s ease;
            -ms-transition: background .25s ease;
            transition: background .25s ease;
        }

            .cate-wrap #category > li .dropdown p a:hover {
                color: #111;
                background: #efefef;
            }

.add-cate .sub-cate {
    display: none;
}

.add-cate:hover .sub-cate {
    display: block;
}

.add-cate .sub-cate {
    position: absolute;
    top: 46px;
    left: -1px;
    min-width: 160px;
    border: 1px solid #ddd;
    background: #fff;
    text-align: left;
    padding: 5px 0;
}

    .add-cate .sub-cate dd {
        padding: 0 10px;
    }

    .add-cate .sub-cate a {
        display: block;
        padding: 2px 0;
        font-size: 12px;
        color: #666;
        text-decoration: none;
    }

        .add-cate .sub-cate a:hover {
            color: #000000;
        }

.footer-wrap {
    padding-bottom: 50px;
    border-top: 1px solid #eee;
    margin-top: 50px;
}

#main .footer-wrap {
    margin-top: 0;
}

.footer-wrap .info-box {
    padding: 25px 0 25px 0;
}

    .footer-wrap .info-box ul li, .footer-wrap .info-box ul li a {
        font-size: 13px;
    }

    .footer-wrap .info-box ul li {
        display: inline-block;
    }

        .footer-wrap .info-box ul li:after {
            content: "";
            clear: both;
            width: 1px;
            height: 12px;
            background: #dcdcdc;
            display: inline-block;
            vertical-align: middle;
            margin: 0 10px;
        }

        .footer-wrap .info-box ul li:last-child:after {
            content: none;
        }

.footer-wrap .info-box2 {
    display: inline-block;
    vertical-align: top;
    width: 240px;
}

    .footer-wrap .info-box2 .t1 {
        font-size: 15px;
        padding-bottom: 7px;
    }

        .footer-wrap .info-box2 .t1 strong {
            font-size: 17px;
        }

    .footer-wrap .info-box2 .t2 {
        color: #999;
        font-size: 12px;
        padding-bottom: 14px;
    }

    .footer-wrap .info-box2 .t3 {
        padding-top: 10px;
    }

        .footer-wrap .info-box2 .t3 a {
            border: 1px solid #111;
            color: #111;
            text-align: center;
            display: inline-block;
            padding: 6px 50px;
            border-radius: 20px;
            text-decoration: none;
            transition: background .25s ease,color .25s ease;
        }

            .footer-wrap .info-box2 .t3 a:hover {
                background: #111;
                color: #fff;
            }

.footer-wrap .info-box3 {
    display: inline-block;
    vertical-align: top;
    width: 690px;
    color: #ddd;
    padding-right: 10px;
    box-sizing: border-box;
}

    .footer-wrap .info-box3 p, .footer-wrap .info-box3 p a {
        color: #999;
    }

    .footer-wrap .info-box3 p {
        display: inline-block;
        font-size: 13px;
        padding: 0 6px 0;
    }

.footer-wrap .copyright {
    color: #aaa;
    padding: 10px 6px;
    font-size: 12px;
}

.footer-wrap .info-box4, .footer-wrap .info-box4 a {
    color: #999;
}

.footer-wrap .info-box4 {
    display: inline-block;
    vertical-align: top;
    width: 260px;
    border: 1px solid #ddd;
    padding: 14px;
    box-sizing: border-box;
    font-size: 12px;
}

    .footer-wrap .info-box4 strong {
        display: block;
        color: #555;
        padding-bottom: 4px;
    }

.footer-wrap a {
    text-decoration: none;
}

.side-pop1 {
    position: fixed;
    right: 10px;
    top: 50%;
    margin-top: -50px;
}

    .side-pop1 a {
        display: block;
        margin: 5px 0;
    }

.side-pop2 {
    position: fixed;
    right: 10px;
    bottom: 50px;
}

    .side-pop2 a {
        display: block;
        text-align: right;
    }

.orderStep {
    display: none;
}

.path {
    overflow: hidden;
    height: 30px;
    line-height: 30px;
    *zoom: 1;
    padding-top: 10px;
    visibility: hidden;
}

    .path span {
        overflow: hidden;
        position: absolute;
        width: 0;
        height: 0;
        white-space: nowrap;
        text-indent: 100%;
    }

    .path ol {
        float: right;
    }

    .path li {
        float: left;
        padding: 0 0 0 12px;
        margin: 0 0 0 8px;
        color: #757575;
        background: url("//img.echosting.cafe24.com/skin/base/layout/ico_path.gif") no-repeat 0 10px;
    }

        .path li:first-child {
            padding-left: 0;
            margin-left: 0;
            background: none;
        }

        .path li a {
            color: #757575;
        }

        .path li strong, .path li strong a {
            color: #2e2e2e;
        }

.titleArea {
    min-height: 30px;
    margin: 20px 0 40px;
    border-bottom: 0px solid #e8e8e8;
    text-align: center;
}

    .titleArea h2 {
        display: inline-block;
        color: #2e2e2e;
        font-size: 24px;
        *display: inline;
    }

    .titleArea p {
        display: inline-block;
        position: relative;
        margin: 0 0 0 6px;
        padding: 0 0 0 10px;
        color: #939393;
        *display: inline;
    }

        .titleArea p:before {
            display: inline-block;
            position: absolute;
            top: 0;
            left: 0;
            content: "";
            width: 1px;
            height: 13px;
            border-left: 1px solid #d9d9d9;
        }

    .titleArea ul {
        padding: 5px 0;
        color: #939393;
        line-height: 18px;
    }

        .titleArea ul li {
            position: relative;
            padding: 0 0 0 9px;
        }

            .titleArea ul li:before {
                display: block;
                position: absolute;
                top: 50%;
                left: 0;
                content: "";
                width: 2px;
                height: 2px;
                margin: -2px 0 0 0;
                background: #939393;
            }

.boardMain {
    overflow: hidden;
    *zoom: 1;
}

    .boardMain td img {
        vertical-align: middle;
        margin: 1px;
    }

    .boardMain .board {
        position: relative;
        margin: 0 0 65px;
    }

    .boardMain .leftArea {
        float: left;
        width: 50%;
    }

        .boardMain .leftArea .board {
            margin: 0 23px 65px 0;
        }

    .boardMain .rightArea {
        float: right;
        width: 50%;
    }

        .boardMain .rightArea .board {
            margin: 0 0 65px 23px;
        }

    .boardMain .board h3 {
        margin: 0 0 13px;
        height: 28px;
        font-size: 16px;
        color: #2e2e2e;
        border-bottom: 2px solid #626672;
    }

    .boardMain .board .btnLink {
        position: absolute;
        top: 3px;
        right: 0;
    }

    .boardMain .board .ec-base-table.typeList td {
        color: #a4a4a4;
    }

        .boardMain .board .ec-base-table.typeList td.title a, .boardMain .board .ec-base-table.typeList td.title a:hover {
            color: #4f4f4f;
        }

    .boardMain .board .galleryList {
        overflow: hidden;
    }

        .boardMain .board .galleryList ul {
            overflow: hidden;
            margin: 0 -10px;
        }

        .boardMain .board .galleryList li {
            float: left;
            position: relative;
            width: 20%;
            padding: 0 0 12px 0;
            word-break: break-all;
        }

            .boardMain .board .galleryList li span {
                display: block;
                margin: 0 10px;
                font-size: 11px;
                color: #a4a4a4;
            }

            .boardMain .board .galleryList li .imgLink, .boardMain .board .galleryList li .imgLink:hover {
                display: block;
                margin: 0 10px 5px;
                font-size: 12px;
            }

                .boardMain .board .galleryList li .imgLink img {
                    width: 100%;
                    max-height: 110px;
                    border: 1px solid #ededed;
                }

#modalBackpanel {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10000;
    width: 100%;
    height: 100%;
    background: #000;
}

#modalContainer {
    display: none;
    position: absolute;
    top: 100px;
    left: 100px;
    z-index: 10001;
    width: 975px;
    height: 720px;
    border: 1px solid #333;
    background: #fff;
}

    #modalContainer #modalContent {
        width: 100%;
        height: 100%;
    }

.hamburger {
    padding: 0;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity,filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
}

    .hamburger:hover {
        opacity: 0.7;
    }

.hamburger-box {
    width: 30px;
    height: 24px;
    display: inline-block;
    position: relative;
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
}

    .hamburger-inner, .hamburger-inner:before, .hamburger-inner:after {
        width: 30px;
        height: 4px;
        background-color: #000;
        border-radius: 4px;
        position: absolute;
        transition-property: transform;
        transition-duration: 0.15s;
        transition-timing-function: ease;
    }

        .hamburger-inner:before, .hamburger-inner:after {
            content: "";
            display: block;
        }

        .hamburger-inner:before {
            top: -10px;
        }

        .hamburger-inner:after {
            bottom: -10px;
        }

.hamburger--3dx .hamburger-box {
    perspective: 80px;
}

.hamburger--3dx .hamburger-inner {
    transition: transform 0.15s cubic-bezier(0.645,0.045,0.355,1),background-color 0s 0.1s cubic-bezier(0.645,0.045,0.355,1);
}

    .hamburger--3dx .hamburger-inner:before, .hamburger--3dx .hamburger-inner:after {
        transition: transform 0s 0.1s cubic-bezier(0.645,0.045,0.355,1);
    }

.hamburger--3dx.is-active .hamburger-inner {
    background-color: transparent;
    transform: rotateY(180deg);
}

    .hamburger--3dx.is-active .hamburger-inner:before {
        transform: translate3d(0,10px,0) rotate(45deg);
    }

    .hamburger--3dx.is-active .hamburger-inner:after {
        transform: translate3d(0,-10px,0) rotate(-45deg);
    }

.hamburger--3dx-r .hamburger-box {
    perspective: 80px;
}

.hamburger--3dx-r .hamburger-inner {
    transition: transform 0.15s cubic-bezier(0.645,0.045,0.355,1),background-color 0s 0.1s cubic-bezier(0.645,0.045,0.355,1);
}

    .hamburger--3dx-r .hamburger-inner:before, .hamburger--3dx-r .hamburger-inner:after {
        transition: transform 0s 0.1s cubic-bezier(0.645,0.045,0.355,1);
    }

.hamburger--3dx-r.is-active .hamburger-inner {
    background-color: transparent;
    transform: rotateY(-180deg);
}

    .hamburger--3dx-r.is-active .hamburger-inner:before {
        transform: translate3d(0,10px,0) rotate(45deg);
    }

    .hamburger--3dx-r.is-active .hamburger-inner:after {
        transform: translate3d(0,-10px,0) rotate(-45deg);
    }

.hamburger--3dy .hamburger-box {
    perspective: 80px;
}

.hamburger--3dy .hamburger-inner {
    transition: transform 0.15s cubic-bezier(0.645,0.045,0.355,1),background-color 0s 0.1s cubic-bezier(0.645,0.045,0.355,1);
}

    .hamburger--3dy .hamburger-inner:before, .hamburger--3dy .hamburger-inner:after {
        transition: transform 0s 0.1s cubic-bezier(0.645,0.045,0.355,1);
    }

.hamburger--3dy.is-active .hamburger-inner {
    background-color: transparent;
    transform: rotateX(-180deg);
}

    .hamburger--3dy.is-active .hamburger-inner:before {
        transform: translate3d(0,10px,0) rotate(45deg);
    }

    .hamburger--3dy.is-active .hamburger-inner:after {
        transform: translate3d(0,-10px,0) rotate(-45deg);
    }

.hamburger--3dy-r .hamburger-box {
    perspective: 80px;
}

.hamburger--3dy-r .hamburger-inner {
    transition: transform 0.15s cubic-bezier(0.645,0.045,0.355,1),background-color 0s 0.1s cubic-bezier(0.645,0.045,0.355,1);
}

    .hamburger--3dy-r .hamburger-inner:before, .hamburger--3dy-r .hamburger-inner:after {
        transition: transform 0s 0.1s cubic-bezier(0.645,0.045,0.355,1);
    }

.hamburger--3dy-r.is-active .hamburger-inner {
    background-color: transparent;
    transform: rotateX(180deg);
}

    .hamburger--3dy-r.is-active .hamburger-inner:before {
        transform: translate3d(0,10px,0) rotate(45deg);
    }

    .hamburger--3dy-r.is-active .hamburger-inner:after {
        transform: translate3d(0,-10px,0) rotate(-45deg);
    }

.hamburger--3dxy .hamburger-box {
    perspective: 80px;
}

.hamburger--3dxy .hamburger-inner {
    transition: transform 0.15s cubic-bezier(0.645,0.045,0.355,1),background-color 0s 0.1s cubic-bezier(0.645,0.045,0.355,1);
}

    .hamburger--3dxy .hamburger-inner:before, .hamburger--3dxy .hamburger-inner:after {
        transition: transform 0s 0.1s cubic-bezier(0.645,0.045,0.355,1);
    }

.hamburger--3dxy.is-active .hamburger-inner {
    background-color: transparent;
    transform: rotateX(180deg) rotateY(180deg);
}

    .hamburger--3dxy.is-active .hamburger-inner:before {
        transform: translate3d(0,10px,0) rotate(45deg);
    }

    .hamburger--3dxy.is-active .hamburger-inner:after {
        transform: translate3d(0,-10px,0) rotate(-45deg);
    }

.hamburger--3dxy-r .hamburger-box {
    perspective: 80px;
}

.hamburger--3dxy-r .hamburger-inner {
    transition: transform 0.15s cubic-bezier(0.645,0.045,0.355,1),background-color 0s 0.1s cubic-bezier(0.645,0.045,0.355,1);
}

    .hamburger--3dxy-r .hamburger-inner:before, .hamburger--3dxy-r .hamburger-inner:after {
        transition: transform 0s 0.1s cubic-bezier(0.645,0.045,0.355,1);
    }

.hamburger--3dxy-r.is-active .hamburger-inner {
    background-color: transparent;
    transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
}

    .hamburger--3dxy-r.is-active .hamburger-inner:before {
        transform: translate3d(0,10px,0) rotate(45deg);
    }

    .hamburger--3dxy-r.is-active .hamburger-inner:after {
        transform: translate3d(0,-10px,0) rotate(-45deg);
    }

.hamburger--arrow.is-active .hamburger-inner:before {
    transform: translate3d(-8px,0,0) rotate(-45deg) scale(0.7,1);
}

.hamburger--arrow.is-active .hamburger-inner:after {
    transform: translate3d(-8px,0,0) rotate(45deg) scale(0.7,1);
}

.hamburger--arrow-r.is-active .hamburger-inner:before {
    transform: translate3d(8px,0,0) rotate(45deg) scale(0.7,1);
}

.hamburger--arrow-r.is-active .hamburger-inner:after {
    transform: translate3d(8px,0,0) rotate(-45deg) scale(0.7,1);
}

.hamburger--arrowalt .hamburger-inner:before {
    transition: top 0.1s 0.1s ease,transform 0.1s cubic-bezier(0.165,0.84,0.44,1);
}

.hamburger--arrowalt .hamburger-inner:after {
    transition: bottom 0.1s 0.1s ease,transform 0.1s cubic-bezier(0.165,0.84,0.44,1);
}

.hamburger--arrowalt.is-active .hamburger-inner:before {
    top: 0;
    transform: translate3d(-8px,-10px,0) rotate(-45deg) scale(0.7,1);
    transition: top 0.1s ease,transform 0.1s 0.1s cubic-bezier(0.895,0.03,0.685,0.22);
}

.hamburger--arrowalt.is-active .hamburger-inner:after {
    bottom: 0;
    transform: translate3d(-8px,10px,0) rotate(45deg) scale(0.7,1);
    transition: bottom 0.1s ease,transform 0.1s 0.1s cubic-bezier(0.895,0.03,0.685,0.22);
}

.hamburger--arrowalt-r .hamburger-inner:before {
    transition: top 0.1s 0.1s ease,transform 0.1s cubic-bezier(0.165,0.84,0.44,1);
}

.hamburger--arrowalt-r .hamburger-inner:after {
    transition: bottom 0.1s 0.1s ease,transform 0.1s cubic-bezier(0.165,0.84,0.44,1);
}

.hamburger--arrowalt-r.is-active .hamburger-inner:before {
    top: 0;
    transform: translate3d(8px,-10px,0) rotate(45deg) scale(0.7,1);
    transition: top 0.1s ease,transform 0.1s 0.1s cubic-bezier(0.895,0.03,0.685,0.22);
}

.hamburger--arrowalt-r.is-active .hamburger-inner:after {
    bottom: 0;
    transform: translate3d(8px,10px,0) rotate(-45deg) scale(0.7,1);
    transition: bottom 0.1s ease,transform 0.1s 0.1s cubic-bezier(0.895,0.03,0.685,0.22);
}

.hamburger--arrowturn.is-active .hamburger-inner {
    transform: rotate(-180deg);
}

    .hamburger--arrowturn.is-active .hamburger-inner:before {
        transform: translate3d(8px,0,0) rotate(45deg) scale(0.7,1);
    }

    .hamburger--arrowturn.is-active .hamburger-inner:after {
        transform: translate3d(8px,0,0) rotate(-45deg) scale(0.7,1);
    }

.hamburger--arrowturn-r.is-active .hamburger-inner {
    transform: rotate(-180deg);
}

    .hamburger--arrowturn-r.is-active .hamburger-inner:before {
        transform: translate3d(-8px,0,0) rotate(-45deg) scale(0.7,1);
    }

    .hamburger--arrowturn-r.is-active .hamburger-inner:after {
        transform: translate3d(-8px,0,0) rotate(45deg) scale(0.7,1);
    }

.hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner:before, .hamburger--boring .hamburger-inner:after {
    transition-property: none;
}

.hamburger--boring.is-active .hamburger-inner {
    transform: rotate(45deg);
}

    .hamburger--boring.is-active .hamburger-inner:before {
        top: 0;
        opacity: 0;
    }

    .hamburger--boring.is-active .hamburger-inner:after {
        bottom: 0;
        transform: rotate(-90deg);
    }

.hamburger--collapse .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: 0.13s;
    transition-delay: 0.13s;
    transition-timing-function: cubic-bezier(0.55,0.055,0.675,0.19);
}

    .hamburger--collapse .hamburger-inner:after {
        top: -20px;
        transition: top 0.2s 0.2s cubic-bezier(0.33333,0.66667,0.66667,1),opacity 0.1s linear;
    }

    .hamburger--collapse .hamburger-inner:before {
        transition: top 0.12s 0.2s cubic-bezier(0.33333,0.66667,0.66667,1),transform 0.13s cubic-bezier(0.55,0.055,0.675,0.19);
    }

.hamburger--collapse.is-active .hamburger-inner {
    transform: translate3d(0,-10px,0) rotate(-45deg);
    transition-delay: 0.22s;
    transition-timing-function: cubic-bezier(0.215,0.61,0.355,1);
}

    .hamburger--collapse.is-active .hamburger-inner:after {
        top: 0;
        opacity: 0;
        transition: top 0.2s cubic-bezier(0.33333,0,0.66667,0.33333),opacity 0.1s 0.22s linear;
    }

    .hamburger--collapse.is-active .hamburger-inner:before {
        top: 0;
        transform: rotate(-90deg);
        transition: top 0.1s 0.16s cubic-bezier(0.33333,0,0.66667,0.33333),transform 0.13s 0.25s cubic-bezier(0.215,0.61,0.355,1);
    }

.hamburger--collapse-r .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: 0.13s;
    transition-delay: 0.13s;
    transition-timing-function: cubic-bezier(0.55,0.055,0.675,0.19);
}

    .hamburger--collapse-r .hamburger-inner:after {
        top: -20px;
        transition: top 0.2s 0.2s cubic-bezier(0.33333,0.66667,0.66667,1),opacity 0.1s linear;
    }

    .hamburger--collapse-r .hamburger-inner:before {
        transition: top 0.12s 0.2s cubic-bezier(0.33333,0.66667,0.66667,1),transform 0.13s cubic-bezier(0.55,0.055,0.675,0.19);
    }

.hamburger--collapse-r.is-active .hamburger-inner {
    transform: translate3d(0,-10px,0) rotate(45deg);
    transition-delay: 0.22s;
    transition-timing-function: cubic-bezier(0.215,0.61,0.355,1);
}

    .hamburger--collapse-r.is-active .hamburger-inner:after {
        top: 0;
        opacity: 0;
        transition: top 0.2s cubic-bezier(0.33333,0,0.66667,0.33333),opacity 0.1s 0.22s linear;
    }

    .hamburger--collapse-r.is-active .hamburger-inner:before {
        top: 0;
        transform: rotate(90deg);
        transition: top 0.1s 0.16s cubic-bezier(0.33333,0,0.66667,0.33333),transform 0.13s 0.25s cubic-bezier(0.215,0.61,0.355,1);
    }

.hamburger--elastic .hamburger-inner {
    top: 2px;
    transition-duration: 0.275s;
    transition-timing-function: cubic-bezier(0.68,-0.55,0.265,1.55);
}

    .hamburger--elastic .hamburger-inner:before {
        top: 10px;
        transition: opacity 0.125s 0.275s ease;
    }

    .hamburger--elastic .hamburger-inner:after {
        top: 20px;
        transition: transform 0.275s cubic-bezier(0.68,-0.55,0.265,1.55);
    }

.hamburger--elastic.is-active .hamburger-inner {
    transform: translate3d(0,10px,0) rotate(135deg);
    transition-delay: 0.075s;
}

    .hamburger--elastic.is-active .hamburger-inner:before {
        transition-delay: 0s;
        opacity: 0;
    }

    .hamburger--elastic.is-active .hamburger-inner:after {
        transform: translate3d(0,-20px,0) rotate(-270deg);
        transition-delay: 0.075s;
    }

.hamburger--elastic-r .hamburger-inner {
    top: 2px;
    transition-duration: 0.275s;
    transition-timing-function: cubic-bezier(0.68,-0.55,0.265,1.55);
}

    .hamburger--elastic-r .hamburger-inner:before {
        top: 10px;
        transition: opacity 0.125s 0.275s ease;
    }

    .hamburger--elastic-r .hamburger-inner:after {
        top: 20px;
        transition: transform 0.275s cubic-bezier(0.68,-0.55,0.265,1.55);
    }

.hamburger--elastic-r.is-active .hamburger-inner {
    transform: translate3d(0,10px,0) rotate(-135deg);
    transition-delay: 0.075s;
}

    .hamburger--elastic-r.is-active .hamburger-inner:before {
        transition-delay: 0s;
        opacity: 0;
    }

    .hamburger--elastic-r.is-active .hamburger-inner:after {
        transform: translate3d(0,-20px,0) rotate(270deg);
        transition-delay: 0.075s;
    }

.hamburger--emphatic {
    overflow: hidden;
}

    .hamburger--emphatic .hamburger-inner {
        transition: background-color 0.125s 0.175s ease-in;
    }

        .hamburger--emphatic .hamburger-inner:before {
            left: 0;
            transition: transform 0.125s cubic-bezier(0.6,0.04,0.98,0.335),top 0.05s 0.125s linear,left 0.125s 0.175s ease-in;
        }

        .hamburger--emphatic .hamburger-inner:after {
            top: 10px;
            right: 0;
            transition: transform 0.125s cubic-bezier(0.6,0.04,0.98,0.335),top 0.05s 0.125s linear,right 0.125s 0.175s ease-in;
        }

    .hamburger--emphatic.is-active .hamburger-inner {
        transition-delay: 0s;
        transition-timing-function: ease-out;
        background-color: transparent;
    }

        .hamburger--emphatic.is-active .hamburger-inner:before {
            left: -80px;
            top: -80px;
            transform: translate3d(80px,80px,0) rotate(45deg);
            transition: left 0.125s ease-out,top 0.05s 0.125s linear,transform 0.125s 0.175s cubic-bezier(0.075,0.82,0.165,1);
        }

        .hamburger--emphatic.is-active .hamburger-inner:after {
            right: -80px;
            top: -80px;
            transform: translate3d(-80px,80px,0) rotate(-45deg);
            transition: right 0.125s ease-out,top 0.05s 0.125s linear,transform 0.125s 0.175s cubic-bezier(0.075,0.82,0.165,1);
        }

.hamburger--emphatic-r {
    overflow: hidden;
}

    .hamburger--emphatic-r .hamburger-inner {
        transition: background-color 0.125s 0.175s ease-in;
    }

        .hamburger--emphatic-r .hamburger-inner:before {
            left: 0;
            transition: transform 0.125s cubic-bezier(0.6,0.04,0.98,0.335),top 0.05s 0.125s linear,left 0.125s 0.175s ease-in;
        }

        .hamburger--emphatic-r .hamburger-inner:after {
            top: 10px;
            right: 0;
            transition: transform 0.125s cubic-bezier(0.6,0.04,0.98,0.335),top 0.05s 0.125s linear,right 0.125s 0.175s ease-in;
        }

    .hamburger--emphatic-r.is-active .hamburger-inner {
        transition-delay: 0s;
        transition-timing-function: ease-out;
        background-color: transparent;
    }

        .hamburger--emphatic-r.is-active .hamburger-inner:before {
            left: -80px;
            top: 80px;
            transform: translate3d(80px,-80px,0) rotate(-45deg);
            transition: left 0.125s ease-out,top 0.05s 0.125s linear,transform 0.125s 0.175s cubic-bezier(0.075,0.82,0.165,1);
        }

        .hamburger--emphatic-r.is-active .hamburger-inner:after {
            right: -80px;
            top: 80px;
            transform: translate3d(-80px,-80px,0) rotate(45deg);
            transition: right 0.125s ease-out,top 0.05s 0.125s linear,transform 0.125s 0.175s cubic-bezier(0.075,0.82,0.165,1);
        }

.hamburger--minus .hamburger-inner:before, .hamburger--minus .hamburger-inner:after {
    transition: bottom 0.08s 0s ease-out,top 0.08s 0s ease-out,opacity 0s linear;
}

.hamburger--minus.is-active .hamburger-inner:before, .hamburger--minus.is-active .hamburger-inner:after {
    opacity: 0;
    transition: bottom 0.08s ease-out,top 0.08s ease-out,opacity 0s 0.08s linear;
}

.hamburger--minus.is-active .hamburger-inner:before {
    top: 0;
}

.hamburger--minus.is-active .hamburger-inner:after {
    bottom: 0;
}

.hamburger--slider .hamburger-inner {
    top: 2px;
}

    .hamburger--slider .hamburger-inner:before {
        top: 10px;
        transition-property: transform,opacity;
        transition-timing-function: ease;
        transition-duration: 0.15s;
    }

    .hamburger--slider .hamburger-inner:after {
        top: 20px;
    }

.hamburger--slider.is-active .hamburger-inner {
    transform: translate3d(0,10px,0) rotate(45deg);
}

    .hamburger--slider.is-active .hamburger-inner:before {
        transform: rotate(-45deg) translate3d(-5.71429px,-6px,0);
        opacity: 0;
    }

    .hamburger--slider.is-active .hamburger-inner:after {
        transform: translate3d(0,-20px,0) rotate(-90deg);
    }

.hamburger--slider-r .hamburger-inner {
    top: 2px;
}

    .hamburger--slider-r .hamburger-inner:before {
        top: 10px;
        transition-property: transform,opacity;
        transition-timing-function: ease;
        transition-duration: 0.15s;
    }

    .hamburger--slider-r .hamburger-inner:after {
        top: 20px;
    }

.hamburger--slider-r.is-active .hamburger-inner {
    transform: translate3d(0,10px,0) rotate(-45deg);
}

    .hamburger--slider-r.is-active .hamburger-inner:before {
        transform: rotate(45deg) translate3d(5.71429px,-6px,0);
        opacity: 0;
    }

    .hamburger--slider-r.is-active .hamburger-inner:after {
        transform: translate3d(0,-20px,0) rotate(90deg);
    }

.hamburger--spin .hamburger-inner {
    transition-duration: 0.22s;
    transition-timing-function: cubic-bezier(0.55,0.055,0.675,0.19);
}

    .hamburger--spin .hamburger-inner:before {
        transition: top 0.1s 0.25s ease-in,opacity 0.1s ease-in;
    }

    .hamburger--spin .hamburger-inner:after {
        transition: bottom 0.1s 0.25s ease-in,transform 0.22s cubic-bezier(0.55,0.055,0.675,0.19);
    }

.hamburger--spin.is-active .hamburger-inner {
    transform: rotate(225deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215,0.61,0.355,1);
}

    .hamburger--spin.is-active .hamburger-inner:before {
        top: 0;
        opacity: 0;
        transition: top 0.1s ease-out,opacity 0.1s 0.12s ease-out;
    }

    .hamburger--spin.is-active .hamburger-inner:after {
        bottom: 0;
        transform: rotate(-90deg);
        transition: bottom 0.1s ease-out,transform 0.22s 0.12s cubic-bezier(0.215,0.61,0.355,1);
    }

.hamburger--spin-r .hamburger-inner {
    transition-duration: 0.22s;
    transition-timing-function: cubic-bezier(0.55,0.055,0.675,0.19);
}

    .hamburger--spin-r .hamburger-inner:before {
        transition: top 0.1s 0.25s ease-in,opacity 0.1s ease-in;
    }

    .hamburger--spin-r .hamburger-inner:after {
        transition: bottom 0.1s 0.25s ease-in,transform 0.22s cubic-bezier(0.55,0.055,0.675,0.19);
    }

.hamburger--spin-r.is-active .hamburger-inner {
    transform: rotate(-225deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215,0.61,0.355,1);
}

    .hamburger--spin-r.is-active .hamburger-inner:before {
        top: 0;
        opacity: 0;
        transition: top 0.1s ease-out,opacity 0.1s 0.12s ease-out;
    }

    .hamburger--spin-r.is-active .hamburger-inner:after {
        bottom: 0;
        transform: rotate(90deg);
        transition: bottom 0.1s ease-out,transform 0.22s 0.12s cubic-bezier(0.215,0.61,0.355,1);
    }

.hamburger--spring .hamburger-inner {
    top: 2px;
    transition: background-color 0s 0.13s linear;
}

    .hamburger--spring .hamburger-inner:before {
        top: 10px;
        transition: top 0.1s 0.2s cubic-bezier(0.33333,0.66667,0.66667,1),transform 0.13s cubic-bezier(0.55,0.055,0.675,0.19);
    }

    .hamburger--spring .hamburger-inner:after {
        top: 20px;
        transition: top 0.2s 0.2s cubic-bezier(0.33333,0.66667,0.66667,1),transform 0.13s cubic-bezier(0.55,0.055,0.675,0.19);
    }

.hamburger--spring.is-active .hamburger-inner {
    transition-delay: 0.22s;
    background-color: transparent;
}

    .hamburger--spring.is-active .hamburger-inner:before {
        top: 0;
        transition: top 0.1s 0.15s cubic-bezier(0.33333,0,0.66667,0.33333),transform 0.13s 0.22s cubic-bezier(0.215,0.61,0.355,1);
        transform: translate3d(0,10px,0) rotate(45deg);
    }

    .hamburger--spring.is-active .hamburger-inner:after {
        top: 0;
        transition: top 0.2s cubic-bezier(0.33333,0,0.66667,0.33333),transform 0.13s 0.22s cubic-bezier(0.215,0.61,0.355,1);
        transform: translate3d(0,10px,0) rotate(-45deg);
    }

.hamburger--spring-r .hamburger-inner {
    top: auto;
    bottom: 0;
    transition-duration: 0.13s;
    transition-delay: 0s;
    transition-timing-function: cubic-bezier(0.55,0.055,0.675,0.19);
}

    .hamburger--spring-r .hamburger-inner:after {
        top: -20px;
        transition: top 0.2s 0.2s cubic-bezier(0.33333,0.66667,0.66667,1),opacity 0s linear;
    }

    .hamburger--spring-r .hamburger-inner:before {
        transition: top 0.1s 0.2s cubic-bezier(0.33333,0.66667,0.66667,1),transform 0.13s cubic-bezier(0.55,0.055,0.675,0.19);
    }

.hamburger--spring-r.is-active .hamburger-inner {
    transform: translate3d(0,-10px,0) rotate(-45deg);
    transition-delay: 0.22s;
    transition-timing-function: cubic-bezier(0.215,0.61,0.355,1);
}

    .hamburger--spring-r.is-active .hamburger-inner:after {
        top: 0;
        opacity: 0;
        transition: top 0.2s cubic-bezier(0.33333,0,0.66667,0.33333),opacity 0s 0.22s linear;
    }

    .hamburger--spring-r.is-active .hamburger-inner:before {
        top: 0;
        transform: rotate(90deg);
        transition: top 0.1s 0.15s cubic-bezier(0.33333,0,0.66667,0.33333),transform 0.13s 0.22s cubic-bezier(0.215,0.61,0.355,1);
    }

.hamburger--stand .hamburger-inner {
    transition: transform 0.075s 0.15s cubic-bezier(0.55,0.055,0.675,0.19),background-color 0s 0.075s linear;
}

    .hamburger--stand .hamburger-inner:before {
        transition: top 0.075s 0.075s ease-in,transform 0.075s 0s cubic-bezier(0.55,0.055,0.675,0.19);
    }

    .hamburger--stand .hamburger-inner:after {
        transition: bottom 0.075s 0.075s ease-in,transform 0.075s 0s cubic-bezier(0.55,0.055,0.675,0.19);
    }

.hamburger--stand.is-active .hamburger-inner {
    transform: rotate(90deg);
    background-color: transparent;
    transition: transform 0.075s 0s cubic-bezier(0.215,0.61,0.355,1),background-color 0s 0.15s linear;
}

    .hamburger--stand.is-active .hamburger-inner:before {
        top: 0;
        transform: rotate(-45deg);
        transition: top 0.075s 0.1s ease-out,transform 0.075s 0.15s cubic-bezier(0.215,0.61,0.355,1);
    }

    .hamburger--stand.is-active .hamburger-inner:after {
        bottom: 0;
        transform: rotate(45deg);
        transition: bottom 0.075s 0.1s ease-out,transform 0.075s 0.15s cubic-bezier(0.215,0.61,0.355,1);
    }

.hamburger--stand-r .hamburger-inner {
    transition: transform 0.075s 0.15s cubic-bezier(0.55,0.055,0.675,0.19),background-color 0s 0.075s linear;
}

    .hamburger--stand-r .hamburger-inner:before {
        transition: top 0.075s 0.075s ease-in,transform 0.075s 0s cubic-bezier(0.55,0.055,0.675,0.19);
    }

    .hamburger--stand-r .hamburger-inner:after {
        transition: bottom 0.075s 0.075s ease-in,transform 0.075s 0s cubic-bezier(0.55,0.055,0.675,0.19);
    }

.hamburger--stand-r.is-active .hamburger-inner {
    transform: rotate(-90deg);
    background-color: transparent;
    transition: transform 0.075s 0s cubic-bezier(0.215,0.61,0.355,1),background-color 0s 0.15s linear;
}

    .hamburger--stand-r.is-active .hamburger-inner:before {
        top: 0;
        transform: rotate(-45deg);
        transition: top 0.075s 0.1s ease-out,transform 0.075s 0.15s cubic-bezier(0.215,0.61,0.355,1);
    }

    .hamburger--stand-r.is-active .hamburger-inner:after {
        bottom: 0;
        transform: rotate(45deg);
        transition: bottom 0.075s 0.1s ease-out,transform 0.075s 0.15s cubic-bezier(0.215,0.61,0.355,1);
    }

.hamburger--squeeze .hamburger-inner {
    transition-duration: 0.075s;
    transition-timing-function: cubic-bezier(0.55,0.055,0.675,0.19);
}

    .hamburger--squeeze .hamburger-inner:before {
        transition: top 0.075s 0.12s ease,opacity 0.075s ease;
    }

    .hamburger--squeeze .hamburger-inner:after {
        transition: bottom 0.075s 0.12s ease,transform 0.075s cubic-bezier(0.55,0.055,0.675,0.19);
    }

.hamburger--squeeze.is-active .hamburger-inner {
    transform: rotate(45deg);
    transition-delay: 0.12s;
    transition-timing-function: cubic-bezier(0.215,0.61,0.355,1);
}

    .hamburger--squeeze.is-active .hamburger-inner:before {
        top: 0;
        opacity: 0;
        transition: top 0.075s ease,opacity 0.075s 0.12s ease;
    }

    .hamburger--squeeze.is-active .hamburger-inner:after {
        bottom: 0;
        transform: rotate(-90deg);
        transition: bottom 0.075s ease,transform 0.075s 0.12s cubic-bezier(0.215,0.61,0.355,1);
    }

.hamburger--vortex .hamburger-inner {
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.19,1,0.22,1);
}

    .hamburger--vortex .hamburger-inner:before, .hamburger--vortex .hamburger-inner:after {
        transition-duration: 0s;
        transition-delay: 0.1s;
        transition-timing-function: linear;
    }

    .hamburger--vortex .hamburger-inner:before {
        transition-property: top,opacity;
    }

    .hamburger--vortex .hamburger-inner:after {
        transition-property: bottom,transform;
    }

.hamburger--vortex.is-active .hamburger-inner {
    transform: rotate(765deg);
    transition-timing-function: cubic-bezier(0.19,1,0.22,1);
}

    .hamburger--vortex.is-active .hamburger-inner:before, .hamburger--vortex.is-active .hamburger-inner:after {
        transition-delay: 0s;
    }

    .hamburger--vortex.is-active .hamburger-inner:before {
        top: 0;
        opacity: 0;
    }

    .hamburger--vortex.is-active .hamburger-inner:after {
        bottom: 0;
        transform: rotate(90deg);
    }

.hamburger--vortex-r .hamburger-inner {
    transition-duration: 0.2s;
    transition-timing-function: cubic-bezier(0.19,1,0.22,1);
}

    .hamburger--vortex-r .hamburger-inner:before, .hamburger--vortex-r .hamburger-inner:after {
        transition-duration: 0s;
        transition-delay: 0.1s;
        transition-timing-function: linear;
    }

    .hamburger--vortex-r .hamburger-inner:before {
        transition-property: top,opacity;
    }

    .hamburger--vortex-r .hamburger-inner:after {
        transition-property: bottom,transform;
    }

.hamburger--vortex-r.is-active .hamburger-inner {
    transform: rotate(-765deg);
    transition-timing-function: cubic-bezier(0.19,1,0.22,1);
}

    .hamburger--vortex-r.is-active .hamburger-inner:before, .hamburger--vortex-r.is-active .hamburger-inner:after {
        transition-delay: 0s;
    }

    .hamburger--vortex-r.is-active .hamburger-inner:before {
        top: 0;
        opacity: 0;
    }

    .hamburger--vortex-r.is-active .hamburger-inner:after {
        bottom: 0;
        transform: rotate(-90deg);
    }

.bx-wrapper {
    position: relative;
    margin: 0 auto;
    padding: 0;
    *zoom: 1;
}

    .bx-wrapper .bx-viewport {
        left: 0px;
        background: #fff;
        -webkit-transform: translatez(0);
        -moz-transform: translatez(0);
        -ms-transform: translatez(0);
        -o-transform: translatez(0);
        transform: translatez(0);
    }

    .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
        position: absolute;
        bottom: -30px;
        width: 100%;
        z-index: 30;
    }

    .bx-wrapper .bx-loading {
        min-height: 50px;
        background: url(/_wp/img/bxslider/bx_loader.gif) center center no-repeat #fff;
        height: 100%;
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 2000;
    }

    .bx-wrapper .bx-pager {
        text-align: center;
        font-size: .85em;
        font-family: Arial;
        font-weight: bold;
        color: #666;
        padding-top: 20px;
    }

        .bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
            display: inline-block;
            *zoom: 1;
            *display: inline;
        }

        .bx-wrapper .bx-pager.bx-default-pager a {
            background: none;
            text-indent: -9999px;
            display: block;
            width: 8px;
            height: 8px;
            margin: 0 3px;
            outline: 0;
            -moz-border-radius: 9px;
            -webkit-border-radius: 9px;
            border-radius: 9px;
            border: 1px solid #555;
        }

            .bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
                background: #555;
            }

    .bx-wrapper .bx-prev {
    }

    .bx-wrapper .bx-next {
    }

        .bx-wrapper .bx-prev:hover, .bx-wrapper .bx-next:hover {
            opacity: 0.6
        }

    .bx-wrapper .bx-controls-direction a {
        position: absolute;
        top: 50%;
        outline: 0;
        text-indent: -9999px;
        z-index: 79;
    }

        .bx-wrapper .bx-controls-direction a.disabled {
            display: none;
        }

    .bx-wrapper .bx-controls-auto {
        text-align: center;
    }

        .bx-wrapper .bx-controls-auto .bx-start {
            display: block;
            text-indent: -9999px;
            width: 10px;
            height: 11px;
            outline: 0;
            background: url(/_wp/img/bxslider/controls.png) -86px -11px no-repeat;
            margin: 0 3px;
        }

            .bx-wrapper .bx-controls-auto .bx-start:hover, .bx-wrapper .bx-controls-auto .bx-start.active {
                background-position: -86px 0;
            }

        .bx-wrapper .bx-controls-auto .bx-stop {
            display: block;
            text-indent: -9999px;
            width: 9px;
            height: 11px;
            outline: 0;
            background: url(/_wp/img/bxslider/controls.png) -86px -44px no-repeat;
            margin: 0 3px;
        }

            .bx-wrapper .bx-controls-auto .bx-stop:hover, .bx-wrapper .bx-controls-auto .bx-stop.active {
                background-position: -86px -33px;
            }

    .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
        text-align: left;
        width: 80%;
    }

    .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
        right: 0;
        width: 35px;
    }

    .bx-wrapper .bx-caption {
        position: absolute;
        bottom: 0;
        left: 0;
        background: #666\9;
        background: rgba(80,80,80,0.75);
        width: 100%;
    }

        .bx-wrapper .bx-caption span {
            color: #fff;
            font-family: Arial;
            display: block;
            font-size: .85em;
            padding: 10px;
        }

.xans-layout-multishopshipping {
    display: none;
}

    .xans-layout-multishopshipping .worldshipLayer {
        top: 303px;
        left: 50%;
        width: 448px;
        margin: 0 0 0 -225px;
    }

        .xans-layout-multishopshipping .worldshipLayer .content {
            padding: 153px 20px 30px;
            line-height: 1.8;
            background: url("//img.echosting.cafe24.com/skin/base/link/bg_worldship.gif") center 21px no-repeat;
        }

            .xans-layout-multishopshipping .worldshipLayer .content .desc {
                display: block;
                margin: 4px 0 14px;
            }

        .xans-layout-multishopshipping .worldshipLayer .select {
            margin: 10px 0 0;
        }

            .xans-layout-multishopshipping .worldshipLayer .select select {
                width: 100%;
            }

.xans-layout-conversionpc {
    background: #fff;
    padding: 45px;
    text-align: center;
}

    .xans-layout-conversionpc a {
        margin: 20px;
        padding: 20px 40px 20px 110px;
        font-size: 68px;
        color: #63666e;
        text-decoration: none;
        text-align: center;
        border: 4px solid #9d9db0;
        border-radius: 10px;
        background: url("//img.echosting.cafe24.com/skin/base/layout/ico_mobile.png") no-repeat 40px 50%;
    }