/* Minification failed. Returning unminified contents.
(1872,12): run-time error CSS1036: Expected expression, found '#'
 */
@charset "utf-8";

/*
* each site font - global, title
*/

/*@import url("https://fonts.googleapis.com/css2?family=Tajawal:wght@200;300;400;500;700;800;900&display=swap");*/
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500&family=Ubuntu&display=swap');
@font-face {
    font-family: ubuntu-medium;
    src: url("../fonts/Ubuntu-Medium.ttf");
}
@font-face {
    font-family: cardo;
    src: url("../fonts/Cardo-Regular.ttf");
}
html,
body {
    font-family: 'Ubuntu', sans-serif;
}
body {
    -webkit-font-smoothing: antialiased;
}
a {
    font-family: 'Ubuntu', sans-serif;
}
button {
    font-family: 'Ubuntu', sans-serif;
}
.cc-r-header input[type="text"]::-webkit-input-placeholder {
    color: #aaa !important;
    font-weight: 400;
    text-indent: 8px;
    text-transform:uppercase;
}
strong,
button,
input,
optgroup,
select,
textarea {
    font-family: 'Ubuntu', sans-serif;
}
.cc-title-valid-txt {
    font-family: 'Ubuntu', sans-serif;
}
.cc-list-items .box-title,
.content-sub .cc-top-banner span,
.cc-content-side-title,
.cc-main-section-head-title,
.cc-list-items .box-title,
div.cc-related-items .name,
.cc-sub-title-top,
.product-review-title a .name {
    font-family: 'Ubuntu', sans-serif;
}
strong.cc-content-side-title {
    font-size:17px;
}
strong.cc-top-banner-title {
    font-size: 50px;
    font-weight: 600;
}
.cc-top-banner-title, .cc-top-banner-desc {
    color: black !important;
}
.product-review-title a {
    font-family: 'Ubuntu', sans-serif;
}
h3.cc-write-review-title {
    font-size:13px;
}
h3.cc-product-review-title a .name {
    font-size: 18px;
}

strong.cc-product-item-price,
span.cc-content-side-banner-desc,
.cc-product-item-detail li,
.cc-product-item-price .discount,
form.cc-login-group-item span label,
.cc-option-table table tbody td,
.cc-option-table table th {
    font-size: 13px !important;
}
li.cc-small-txt-menu-item a {
    font-size: 12px;
}
li.cc-opt-list-item a {
    font-size: 15px;
}

li.cc-opt-list-item {
    line-height: 26px;
}
.cc-opt-list-item.is-active a {
    border-bottom: 1px solid black!important;
}


@charset "utf-8";

/*
* each site
*/
#productList_BestSelling .swiper-btn-prod-prev span {
    background-position: 0px -496px;
    width: 37px;
    height: 45px;
}
#productList_BestSelling .swiper-btn-prod-next span {
    background-position: 0px -546px;
    width: 37px;
    height: 45px;
}
#productList_BestSelling .swiper-btn-prod-next {
    right: 8px;
}
.cc-r-sub .cc-main-section-1 .product-swiper .swiper-btn-prod {
    top:40%;
}
a.btn-styleslider-prev span {
    background-position: -6px -368px;
    height: 37px;
}
a.btn-styleslider-next span {
    background-position: -6px -405px;
    height: 37px;
}
div.cc-related-items .product-swiper .swiper-btn-prod-prev span {
    background-position: 0px -496px;
    width: 37px;
    height: 45px;
}
div.cc-related-items .product-swiper .swiper-btn-prod-next span {
    background-position: 0px -546px;
    width: 37px;
    height: 45px;
}
span.btn-swiper-detail-next, .swiper-btn-next {
    background-position: 0 -544px;
    width: 35px;
    height: 48px;
}
span.btn-swiper-detail-prev, .swiper-btn-prev {
    background-position: 0 -497px;
    width: 35px;
    height: 48px;
}

.btn-quick-heart span.cc-spr-common:hover,
.btn-quick-heart.is-active span.cc-spr-common {
    background-position: -7px -478px;
    position:relative;
}

.cc-side-option-list button.btn-del-option {
    background-position: -13px -447px;
}
a.cc-product-navi-prev:before {
    background: url(../images/cc-spr-common.png) no-repeat 0 -595px; 
}
a.cc-product-navi-next:after {
    background: url(../images/cc-spr-common.png) no-repeat -23px -595px; 
}
a.cc-category-depth-back {
    background: url(../images/cc-spr-common.png) no-repeat 0 -594px;
}
div.el-date-editor .el-range__icon {
    background-position: -8px -340px;
}
.cc-review-item-delete span.cc-spr-common {
    background-position: -9px -180px;
}
div.changepw-popup-inner img {
    margin: 130px 0 30px 68px;
}
div.cc-cont-aboutus {
    padding:15px;
    margin:0;
    text-align:center;
}
.cc-order-id-side button.btn-print,
.cc-invoices-table a.btn-print {
    background-position: -5px -273px;
}
li.cc-small-txt-menu-item + .cc-small-txt-menu-item:before {
    background-position: -4px -160px;
}
li.cc-small-txt-menu-item + .cc-small-txt-menu-item.disabled:before {
    background-position: -19px -160px;
}
h2.cc-ann-title:after {
    background-position: -9px -300px;
}
.cc-search-sale-head-title span.cc-spr-common {
    background: url(../images/cc-spr-common.png) no-repeat -8px -1px;
}
div.changepw-popup-inner span {
    color: #000;
    font-size: 17px;
}
button.cc-btn-sm,
button.cc-btn-sm-o,
.cc-checkout-part-inner .info-field-toggle span.cc-btn-sm-o,
p.cc-basic-part-content {
    font-size: 13px;
}
button.el-message-box__headerbtn {
    top:10px;
}
.el-message-box .el-button--small {
    height:32px !important;
}
button.el-message-box .el-button--small:visited {
    background: #FFF;
    border: 1px solid #DCDFE6;
    color: #606266;
}
li.p-order em,
.cc-ann-detail p.cc-subtitle,
p.cc-message {
    font-size: 13px;
}
h1.cc-page-title,
div.cc-order-total .title,
button.cc-btn-lg,
h2.cc-title-checkout-part,
.cc-checkout-group-right h2.cc-title-checkout-part,
.cc-ann-title span.title {
    font-size: 18px;
}
.cc-valid-wrapper button.cc-btn-sm-o {
margin-top:2px;
}
.cc-r-container-sub-form div.cc-category-depth {
padding-top:10px;
}
.btn-quick-del span.cc-spr-common {
    height: 16px;
}
button.btn-quick {
    opacity: 0.4;
}
span.cc-main-section-head-title,
.cc-related-items .box-title span.name,
.cc-product-review-title a span.name {
    border-bottom: 1px solid #000;
}
.content-sub .cc-main-section-head,
.cc-related-items h3.box-title,
h3.cc-product-review-title a {
    height: 45px;
}
.cc-r-sub .cc-content-side {
    width: 210px;
}
div.cc-cart-process em,
div.cc-form-table > table tr th {
    font-size: 13px;
}
ul.swiper-wrapper {
margin-left:0 !important;
}
div.cc-option-table table tbody .cc-left-col-2 div {
    font-size: 11px;
}

@charset "utf-8";

/*
* element reset css
* widget (toggle, calandar, option slider, el-pagination, el-popover, el-slider, filter box, Spin Buttons
* noimg css, go to top css 
* form(input, button, textarea, selecbox, file, checkbox), placeholder
* table css
* process css, spr-common
* category depth
* title bg line css
* valid text, page section head css
*/

/* resource */
/* 2020/05/20  comment out  reason: not found
@import url('https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.css');
@import url('https://cdnjs.cloudflare.com/ajax/libs/Swiper/3.4.2/css/swiper.css'); 
@import url('https://fonts.googleapis.com/css?family=Anton|Titillium+Web:400,600,700&display=swap');
*/

[v-cloak] > * {
    display: none;
}
.cc-display-none{
    display:none;
}
.cc-display-flex {
    display: flex;
}
.cc-display-block {
    display: block;
}
.is-danger-input {
    color: #fa2c2c;
    border: 1px solid #fa2c2c !important;
}
.cc-cursor-pointer{
    cursor:pointer;
}
.cc-ml-40 {
    margin-left: 40px
}
.cc-float-left{float:left;}
.text-align-right{text-align:right;}
.text-align-left{text-align:left;}
.text-align-center{text-align:center;}
/* toggle content list */
[data-toggle-content] {
    display: none;
}
.info-field-toggle {
    display: block;
    line-height: 24px;
    margin: 5px 0 10px;
    font-size: 12px;
    color: #000;
    font-weight: 700;
}
.info-field-toggle .cc-btn-sm-o {
    width: 25px;
    height: 22px;
    margin-right: 5px;
    font-size: 0;
    line-height: 0;
    vertical-align: top;
    background-color: #fff;
    border-radius: 2px;
    border: 1px solid #ddd;
}
.info-field-toggle .cc-btn-sm-o .cc-spr-common {
    vertical-align: top;
    margin-top: 3px;
    background-position: -10px -819px;
    width: 17px;
    height: 17px;
}
.info-field-toggle .cc-btn-sm-o:hover, .cc-btn-sm-o:hover {
    border: 1px solid #000;
}
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
    left: 1010px;
}

/* ***** ui ***** */
/* calandar */
.el-picker-panel__sidebar .el-picker-panel__shortcut:nth-child(7) {
    border-bottom: #ebeef5 solid 1px;
}
.el-picker-panel__sidebar {
    width: 125px !important;
}
.el-picker-panel__shortcut {
    font-size: 11px !important;
    line-height: 21px !important;
}

.el-date-editor.el-input,
.el-date-editor.el-input__inner {
    width: 275px !important;
    height: 28px !important;
    padding: 0 10px !important;
    border: 1px solid #ccc !important;
    border-radius: 2px;
}
.el-date-editor .el-range-input, .el-date-editor .el-range-separator {
    font-size: 12px !important;
}
.el-date-editor .el-range-separator,
.el-date-editor .el-range__icon {
    line-height: 27px !important;
    color: #000 !important;
}
.el-date-editor .el-range__icon {
    font-size: 28px !important;
    background-image: url(../images/cc-spr-common.png);
    text-indent: 120%;
    background-position: -4px -340px;
    width: 25px;
    height: 25px;
}
.el-range-editor.el-input__inner {
    /* width: 100% !important;*/
    width:100% !important;
}
.el-date-editor .el-range-input {
    width: 26% !important;
}
.el-date-editor .el-range__close-icon {
    color: #545454 !important;
    line-height: 28px !important;
}
.el-icon-date:before {
    content: none !important;
}
.el-date-table td.end-date span, .el-date-table td.start-date span {
    background-color: #555 !important;
}
.el-date-table td.available:hover {
    color: #000 !important;
}
.el-date-table td.in-range div, .el-date-table td.in-range div:hover, .el-date-table.is-week-mode .el-date-table__row.current div, .el-date-table.is-week-mode .el-date-table__row:hover div {
    background-color: #f6f6f6 !important;
}
.el-picker-panel {
    color: #666 !important;
}
.el-picker-panel__icon-btn:hover {
    color: #000 !important;
}
.el-date-table td.today span {
    color: #000 !important;
    border: 1px solid #f2f2f2;
}
.el-date-editor .el-range__icon {
    cursor: pointer;
}
.el-date-table td.today.end-date span, .el-date-table td.today.start-date span {
    color: #fff !important;
}

/* option slider */
.option-slider {
    height: 1px;
    margin: 5px 0 25px;
}
.option-slider .track {
    position: relative;
    display: block;
    height: 5px;
    margin: 0;
    background: #e2e0d8;
}
.option-slider .track-inner {
    position: absolute;
    z-index: 3;
    left: 0;
    top: 0;
    height: 5px;
    margin: 0 11px 0 0;
    background: #555;
    width: 50%;
    cursor: pointer;
}
.option-slider .btn {
    position: absolute;
    z-index: 6;
    top: 0;
    display: inline-block;
    width: 11px;
    height: 11px;
    margin: -3px -5px 0;
    padding: 0;
    border: 0;
    border-radius: 50%;
    overflow: hidden;
    text-indent: 120%;
    background: #fff;
    cursor: pointer;
    border: 1px solid #5d5649;
}
.option-slider .btn.is-active,
.option-slider .btn:hover {
    background: #999;
}
.cc-price-filter {
    padding: 20px 5px 0 15px;
}
.option-slider-value {
    line-height: 16px;
    font-size: 12px;
    text-align: center;
    margin: 0 0 0 -10px;
}
.option-slider-value em {
    display: block;
    margin-bottom: 10px;
    font-style: normal;
    font-weight: 700;
    color: #000;
    text-align: left;
}
.option-slider-value input {
    border: 1px solid #d0d0d0;
    border-radius: 2px;
    height: 20px;
    width: 72px;
    display: inline-block;
    text-align: center;
    line-height: 20px;
    background-color: #fff;
}

/* el-pagination */
.pagination-wrap {
    min-height: 36px;
    margin: 10px 0 20px 0;
    text-align: center;
    padding: 0 0 20px 0 !important;
    border-bottom: 5px solid #f2f0ee;
}
.el-pagination {
    min-width: 380px;
    float: right;
    text-align: right;
}
.pagination-wrap > div:first-child {
    float: right;
    width: 150px;
}
.el-pagination button,
.el-pager li {
    color: #6f6f6f !important;
    font-size: 12px !important;
}
.el-pager li:hover,
.el-pager li.active {
    color: #333 !important;
}
.el-pagination--small .btn-next, .el-pagination--small .btn-prev, .el-pagination--small .el-pager li, .el-pagination--small .el-pager li.btn-quicknext, .el-pagination--small .el-pager li.btn-quickprev, .el-pagination--small .el-pager li:last-child {
    min-width: 15px !important;
    width: 30px !important
}
.el-pagination button:hover {
    color: #333 !important;
}

/* .el-slider__bar */
.el-slider {
    margin: 5px;
}
.el-slider__bar {
    height: 4px !important;
    background-color: #000 !important;
}
.el-slider__runway {
    background-color: #e2e0d8 !important;
    height: 4px !important;
    width: 92% !important;
    margin: 16px 6px !important;
}
.el-slider__button {
    border: 1px solid #666 !important;
    width: 15px !important;
    height: 15px !important;
}
.el-slider__button.hover, .el-slider__button:hover,
.el-slider__button-wrapper.hover,
.el-slider__button-wrapper.dragging {
    cursor: pointer !important;
}
.el-slider__button-wrapper {
    top: -16px !important;
}

/* filter box - sticky */
.vue-sticky-el.top-sticky {
    height: 34px;
    background: #fff;
/*    top: 52px !important;
*/    z-index: 3 !important;
    box-shadow: 0 3px 9px -10px;
    border-bottom: 1px solid #ddd;
}
.vue-sticky-el.top-sticky .cc-option-list {
    padding-top: 3px;
}

/* element retouch */
.el-message-box {
    border: 1px solid #cacaca !important;
}
.el-message-box__wrapper {
    z-index: 20001 !important;
}
.el-button:hover {
    border: 1px solid #777;
    color: #666;
}
.el-message-box .el-button--small {
    padding: 9px 25px !important;
    float: right;
    margin-left: 4px !important;
    height: 30px;
    border: 1px solid #999;
}
.el-message-box .el-button--small:hover,
.el-message-box .el-button--small:active {
    background: #fff;
    border: 1px solid #555;
    color: #444 !important;
}
.el-message-box .el-button--primary {
    background: #777 !important;
    border: 1px solid #777 !important;
}
.el-message-box .el-button--primary:hover {
    background: #666 !important;
    border: 1px solid #666 !important;
    color: #fff !important;
}
.el-message-box__headerbtn:focus .el-message-box__close, .el-message-box__headerbtn:hover .el-message-box__close {
    color: #000 !important;
}
.el-message-box__header {
    background: #ebe7e4;
    padding: 15px !important;
}
.el-message-box__title {
    font-size: 15px !important;
    font-weight: 700;
}
.el-message-box__message p {
    font-size: 12px !important;
    padding-top: 1px;
}
.el-message-box__content {
    padding: 10px 15px !important;
}
.el-message-box__status {
    top: 22px !important;
}
.el-message-box .el-message-box__status {
    font-size: 18px !important;
}
.el-message-box__status + .el-message-box__message {
    padding-left: 27px !important;
    padding-top:10px;
}
.el-loading-spinner {
    width: 80px !important;
    height: 44px;
    left: 50%;
    background: #fff;
    opacity: 0.9;
    border-radius: 5px;
    padding-top: 10px;
}
.el-loading-spinner .el-loading-text {
    color: #666 !important;
    font-size: 13px !important;
}
.el-icon-loading:before {
    color: #000;
}
.el-notification {
    width: 380px !important;
    border: 1px solid #b4b4b4 !important;
    border-radius: 3px !important;
}
.el-notification__content {
    text-align: left !important;
}
.el-notification .el-icon-success,
.el-message-box__status.el-icon-success {
    color: #2aafb7 !important;
}
.el-notification .el-icon-warning,
.el-message-box__status.el-icon-warning {
    color: #ff8223 !important;
}
.el-notification .el-icon-info,
.el-message-box__status.el-icon-info {
    color: #47a840 !important;
}
.el-notification .el-icon-error,
.el-message-box__status.el-icon-error {
    color: #e62222 !important;
}
.el-notification__closeBtn {
    top: 12px !important;
}
.el-notification.right {
    top: 100px !important;
}

/* el-page */
.el-pagination--small .el-pager li {
    line-height: 21px !important;
    height: 20px !important;
    font-weight: 400;
}
.el-pager li.active {
    border: 1px solid #a1a1a1 !important;
    border-radius: 2px;
    line-height: 19px !important;
    padding-left: 2px !important;
    padding-right: 2px !important;
    min-width: 22px !important;
    font-weight: 700;
}

/* el-button : popover */
.el-popper[x-placement^=bottom] .popper__arrow {
    display: none;
}
.el-popper[x-placement^=bottom] {
    margin-top: 0 !important;
}
.el-button.cc-popover-list {
    width: 145px;
    padding: 7px 10px 7px 5px !important;
    text-align: left;
    border: 0;
    border-radius: 2px;
    border: 1px solid #ccc;
    background: url(../images/ico_select_arrow.png) no-repeat;
    background-position: 105% 50%;
    font-size: 12px;
    color: #000;
}
.el-popover {
    padding: 0 !important;
    min-width: 130px !important;
}
.el-popover ul {
    list-style: none;
    margin: 10px;
    padding: 0;
    overflow: hidden;
    font-size: 12px;
    color: #000;
}
.el-popover ul .cc-btn-sm,
.el-popover ul .cc-btn-sm-o {
    padding: 0 1.7em;
}
.el-popover ul .checkbox {
    margin-bottom: 5px;
}
.el-popover ul .cc-swatch {
    margin-top: 0;
    padding-top: 0;
    border-top: 0;
}
.el-popover ul .cc-swatch-title {
    font-weight: 700;
    line-height: 25px;
}
.el-button.cc-popover-list:active {
    color: #000 !important;
    border-color: #ccc !important;
}
.el-button.cc-popover-list:focus, .el-button.cc-popover-list:hover {
    color: #000 !important;
    border-color: #ccc !important;
    background-color: #fff !important;
}
.cc-popover-checkbox label {
    vertical-align: middle;
}
.cc-popover-checkbox input[type="radio"] {
    vertical-align: middle;
} 

/* Spin Buttons modified */
input[type="number"] {
    text-align: left !important;
    padding-right: 0 !important;
    position: relative;
    border: 1px solid #ccc;
    display: inline-block;
}
input[type="number"]:disabled {
    position: relative;
    border: 1px solid #e4e4e4;
    text-align: left !important;
    padding-right: 0 !important;
    display: inline-block;
}
input[type="number"].mod::-webkit-outer-spin-button,
input[type="number"].mod::-webkit-inner-spin-button {
    -webkit-appearance: none;
    background: #fff url(../images/number_bg.gif) no-repeat center center;
    width: 1em;
    border-left: 1px solid #ccc;
    opacity: 1;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}
input[type="number"]:disabled::-webkit-outer-spin-button,
input[type="number"]:disabled::-webkit-inner-spin-button {
    background: #fff url(../images/number_bg_dis.gif) no-repeat center center;
}
input[type="number"].mod::-webkit-inner-spin-button:hover,
input[type="number"].mod::-webkit-inner-spin-button:active {
    box-shadow: 0 0 2px #ccc;
    opacity: .8;
}
input:-webkit-autofill {
    background: black;
    color: red;
}

/* process - img */
.cc-checkout-process,
.cc-completed-process,
.cc-cart-process {
    background-color: #eee;
    padding: 20px 0 20px 0;
    margin-bottom: 30px;
    border-radius: 2px;
}
.cc-checkout-process ol,
.cc-completed-process ol,
.cc-cart-process ol {
    list-style: none;
    overflow: hidden;
    width: 339px;
    margin: 0 auto;
    padding-left: 75px;
}
.cc-checkout-process em,
.cc-checkout-process span,
.cc-completed-process em,
.cc-completed-process span,
.cc-cart-process em,
.cc-cart-process span {
    font-style: normal;
    font-size: 12px;
    text-transform: uppercase;
    line-height:13px;
}
.cc-checkout-process li,
.cc-completed-process li,
.cc-cart-process li {
    float: left;
}
.cc-checkout-process em,
.cc-completed-process li em,
.cc-cart-process li em {
    display: block;
    padding-top: 45px;
}

/* process - img change */
.cc-cart-process .p-cart {
    width: 111px;
    background: url(../images/cart_bg1.png) no-repeat 0 0;
    text-indent: 3px;
}
.cc-cart-process .p-order {
    width: 119px;
    background: url(../images/cart_bg2.png) no-repeat 10px 0;
    text-align: center;
}
.cc-checkout-process .p-order em,
.cc-completed-process .p-order em,
.cc-cart-process .p-order em {
    position: relative;
    left: -29px;
}
.cc-cart-process .p-completed {
    width: 74px;
    background: url(../images/cart_bg3.png) no-repeat 16px 0px;
    text-align: center;
}
.cc-checkout-process .p-cart,
.cc-completed-process .p-cart {
    width: 111px;
    background: url(../images/cart_bg1_1.png) no-repeat 0 0;
    text-indent: 2px;
}
.cc-checkout-process .p-order {
    background: url(../images/cart_bg2_1.png) no-repeat 10px 0 !important;
}
.cc-checkout-process .p-order,
.cc-completed-process .p-order {
    width: 119px;
    background: url(../images/cart_bg2.png) no-repeat 10px 0;
    text-align: center;
}
.cc-checkout-process .p-completed {
    background: url(../images/cart_bg3.png) no-repeat 16px 0 !important;
}
.cc-checkout-process .p-completed,
.cc-completed-process .p-completed {
    width: 74px;
    background: url(../images/cart_bg3_1.png) no-repeat 16px 0;
    text-align: center;
}

/* title - line design */
.cc-title-bg-200:after {
    content: "";
    display: block;
    height: 2px;
    position: relative;
    top: -7px;
    background: url(../images/title_bg.png) repeat-x;
    width: 210px;
    left: 205px;
}
.cc-title-bg-258:after {
    content: "";
    display: block;
    height: 2px;
    position: relative;
    top: -7px;
    background: url(../images/title_bg.png) repeat-x;
    width: 140px;
    left: 270px;
}
.cc-search-sale-head-title:after {
    content: "";
    display: block;
    height: 2px;
    position: relative;
    top: -12px;
    width: 655px;
    left: 208px;
}
.cc-title-bg-form-1:after {
    content: "";
    display: block;
    height: 2px;
    position: relative;
    top: -7px;
    background: url(../images/title_bg.png) repeat-x;
    width: 547px;
    left: 118px;
}
.cc-title-bg-form-2:after {
    content: "";
    display: block;
    height: 2px;
    position: relative;
    top: -7px;
    background: url(../images/title_bg.png) repeat-x;
    width: 580px;
    left: 85px;
}
.cc-title-bg-form-3:after {
    content: "";
    display: block;
    height: 2px;
    position: relative;
    top: -7px;
    background: url(../images/title_bg.png) repeat-x;
    width: 510px;
    left: 157px;
}
.cc-title-bg-form-4:after {
    content: "";
    display: none;
    height: 2px;
    position: relative;
    top: -10px;
    background: url(../images/title_bg.png) repeat-x;
    width: 75px;
    left: 165px;
}
.cc-title-bg-form-5:after {
    content: "";
    display: block;
    height: 2px;
    position: relative;
    top: -9px;
    background: url(../images/title_bg.png) repeat-x;
    width: 85px;
    left: 180px;
}
.cc-title-bg-form-6:after {
    content: "";
    display: block;
    height: 2px;
    position: relative;
    top: -9px;
    background: url(../images/title_bg.png) repeat-x;
    width: 65%;
    left: 210px;
}
.cc-title-bg-form-7:after {
    content: "";
    display: block;
    height: 2px;
    position: relative;
    top: -9px;
    background: url(../images/title_bg.png) repeat-x;
    width: 65%;
    left: 240px;
}
.cc-title-bg-form-8:after {
    content: "";
    display: block;
    height: 2px;
    position: relative;
    top: -9px;
    background: url(../images/title_bg.png) repeat-x;
    width: 76%;
    left: 170px;
}
.cc-title-bg-form-9:after {
    content: "";
    display: block;
    height: 2px;
    position: relative;
    top: -9px;
    background: url(../images/title_bg.png) repeat-x;
    width: 76%;
    left: 250px;
}
.cc-title-bg-form-10:after {
    content: "";
    display: block;
    height: 2px;
    position: relative;
    top: -9px;
    background: url(../images/title_bg.png) repeat-x;
    width: 84%;
    left: 165px;
}
.cc-title-bg-form-11:after {
    content: "";
    display: block;
    height: 2px;
    position: relative;
    top: -9px;
    background: url(../images/title_bg.png) repeat-x;
    width: 84%;
    left: 165px;
}
.cc-title-bg-form-12:after {
    content: "";
    display: none;
    height: 2px;
    position: relative;
    top: -9px;
    background: url(../images/title_bg.png) repeat-x;
    width: 85px;
    left: 180px;
}

/* page-top */
.cc-page-top {
    position: fixed;
    bottom: 10px;
    right: 0;
    z-index: 100;
}
.cc-r-sub .cc-r-header {
    z-index: 1000!important;
}

/* sprite image */
.cc-spr-common-new,
.cc-spr-common {
    display: inline-block;
    padding: 0;
    border: 0;
    overflow: hidden;
    background-color: transparent;
    background-image: url('../images/cc-spr-common.png');
    text-indent: 120%;
    text-align: left;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: none;
    white-space: nowrap;
}

/* no image */
.common-noimg {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    min-height: 100px;
}
.common-noimg .cc-spr-common {
    position: absolute;
    left: 0;
    top: 0;
    background: url(/images/_noimage.jpg) center no-repeat;
    background-size: 110% auto;
    width: 100%;
    height: 100%;
}

/* default element style */
html,
body {
    width: 100%;
    color: #000;
    position: relative;
    margin: 0;
    padding: 0;
   overflow-x:hidden;
}
body {
    position:relative;
}
button {
    cursor: pointer;
}
a {
    text-decoration: none;
    color: #000;
}
input::-webkit-inner-spin-button {
    opacity: 1;
}
input {
    filter: unset !important;
}
button,
input,
optgroup,
select,
textarea {
    font-size: 12px;
}
a:hover,
a:active,
a:focus,
a:hover .title,
a:active .title,
a:focus .title {
    color: #000;
    text-decoration: none;
}

.is-disable_scroll {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.cc-r-search-input {
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}
input[type="password"]::-webkit-input-placeholder,
input::-webkit-input-placeholder {
    color: #ccc !important;
}
textarea::-webkit-input-placeholder {
    color: #ccc;
}
textarea:-moz-placeholder { /* Firefox 18- */
    color: #ccc;
}
textarea::-moz-placeholder { /* Firefox 19+ */
    color: #ccc;
}
textarea:-ms-input-placeholder {
    color: #ccc;
}
textarea::placeholder {
    color: #ccc;
}

/* common input text */
.cc-commtext {
    position: relative;
    display: inline-block;
    height: 30px;
    line-height: 18px;
    padding: 6px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 2px;
    font-size: 12px;
    text-indent: 4px;
    text-align: left;
    background-color: #fff !important;
}
.cc-commtext[disabled],
.cc-commtext[readonly] {
    background: #e9e9e9 !important;
    color: black !important;
    border: 0 !important;
}
.cc-commtext input {
    display: block;
    width: 100%;
    height: 28px;
    line-height: 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 6px 0;
    border: 0;
    vertical-align: top;
    text-indent: 6px;
}
.cc-commtext.commtext-calender {
    overflow: hidden;
    padding: 0 32px 0 0;
}
.cc-commtext.commtext-calender .icon {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    height: 29px;
    width: 32px;
    background: #eeeeee;
    cursor: pointer;
}
.cc-commtext.commtext-calender .icon .cc-spr-common-new {
    display: block;
    margin: 7px auto 0;
    vertical-align: top;
    background: url(../images/calender_bg.png);
    width: 14px;
    height: 14px;
}
.cc-commtextarea {
    position: relative;
    display: block;
    width: 100%;
    height: 150px;
    padding: 4px;
    line-height: 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ccc !important;
    border-radius: 2px;
    font-size: 12px;
    resize: vertical;
    background-color: #fff !important;
}
.cc-commtextarea[disabled],
.cc-commtextarea[readonly] {
    background: #e8e8e8;
}

/* common file */
.commfile {
    position: relative;
    display: inline-block;
    height: 30px;
    line-height: 18px;
    /*  min-width: 350px;*/
    max-width: 100%;
    padding: 6px 20px 6px 125px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0;
    font-size: 14px;
    background: #fff;
    word-break: break-all;
}
    /* 
.commfile label {
    visibility:hidden;
}*/
.commfile[disabled],
.commfile[readonly] {
    background: #e8e8e8;
}
.cc-form-table-addinfo1 .commfile.is-active {
    padding-right: 20px;
    width: 99%;
}
.commfile.is-active .btn-input-del {
    display: block;
}
.commfile .cc-btn-sm-o {
    position: absolute;
    z-index: 1;
    left: -1px;
    top: -1px;
    width: 125px;
    padding-left: 0;
    padding-right: 0;
    cursor: pointer;
}
.commfile .file {
    position: absolute;
    z-index: 2;
    display: block;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}
.commfile .name {
    display: block;
    width: 90%;
    height: 18px;
    border: 0;
    margin: 0;
    padding: 0;
    text-indent: 6px;
    overflow: hidden;
    position:relative;
    top:-1px;
}
.btn-input-del {
    display: inline-block;
    overflow: hidden;
    background-color: transparent;
    background-image: url('../images/cc-spr-common.png');
    text-indent: 120%;
    text-align: left;
    vertical-align: middle;
    border-radius: none;
    white-space: nowrap;
    background-position: -6px -636px;
    width: 16px;
    height: 17px;
    position: absolute;
    right: 11px;
    top: 49%;
    display: none;
    z-index: 3;
    border: 0;
    margin: -4px 0 0;
    padding: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* button */
.cc-btn-s {
    display: inline-block;
    margin: 0;
    padding: 0 1.3em;
    border: 0;
    background: #999;
    color: #fff;
    border-radius: 0;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
}
.cc-btn-s:hover,
.cc-btn-s:active,
.cc-btn-s:focus {
    background: #999;
    color: #fff;
}
.cc-btn-sm-o {
    display: inline-block;
    margin: 0;
    padding: 0 2em;
    border: 1px solid #ccc;
    border-radius: 2px;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    text-transform: uppercase;
    height: 27px;
    line-height: 27px;
    font-size: 12px;
    background: #fff;
    color: #000;
    font-weight: 700;
}
.cc-btn-sm {
    display: inline-block;
    margin: 0;
    padding: 0 2em;
    border: 1px solid #000;
    border-radius: 0;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    text-transform: uppercase;
    height: 27px;
    line-height: 27px;
    font-size: 12px;
    background: #000;
    color: #fff;
    font-weight: 700;
    border-radius: 2px
}
.cc-btn-sm:hover,
.cc-btn-sm:active,
.cc-btn-sm:focus {
    background: #555;
    border: 1px solid #555;
    color: #fff;
}
.cc-btn-md {
    display: inline-block;
    margin: 0;
    padding: 0 1.3em;
    border: 0;
    background: #999;
    border-radius: 0;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    letter-spacing: 1px;
    text-transform: uppercase;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    background: #333;
    color: #fff;
    font-weight: 700;
    border-radius: 2px
}
.cc-btn-md:hover,
.cc-btn-md:active,
.cc-btn-md:focus {
    background: #999;
    color: #fff;
}
.cc-btn-md:hover,
.cc-btn-md:active,
.cc-btn-md:focus {
    background: #555;
    color: #fff;
}
.cc-btn-md-o {
    display: inline-block;
    margin: 0;
    padding: 0 1.3em;
    border: 1px solid #dbdbdb;
    border-radius: 2px;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    letter-spacing: 1px;
    text-transform: uppercase;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    background-color: #fff;
    color: #000;
    font-weight: 700;
}
.cc-btn-md-o:hover {
    border: 1px solid #000;
    background: #fff;
    color: #000;
}
.cc-btn-lg {
    display: inline-block;
    margin: 0;
    padding: 0 1em;
    border: 1px solid #000;
    background: #000;
    border-radius: 2px;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    letter-spacing: 1px;
    text-transform: uppercase;
    height: 45px;
    line-height: 43px;
    font-size: 1vw;
    color: #fff;
    font-weight: 700;
    box-shadow: 3px 4px 7px #ccc;
}
.cc-btn-lg:hover,
.cc-btn-lg:active,
.cc-btn-lg:focus {
    background: #555;
    color: #fff;
    border: 1px solid #555;
}
.cc-btn-lg-o {
    display: inline-block;
    margin: 0;
    padding: 0 1.3em;
    border-radius: 0;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    height: 45px;
    line-height: 43px;
    font-size: 18px;
    border: 1px solid #ccc;
    background: #fff;
    color: #000;
    font-weight: 700;
    box-shadow: 3px 4px 7px #eee;
    border-radius: 2px;
}
.cc-btn-lg-o:hover,
.cc-btn-lg-o:active,
.cc-btn-lg-o:focus {
    border: 1px solid #000;
    background: #fff;
    color: #000;
}

/* */
.cc-commbtn-group {
    clear: both;
    text-align: center;
}
.cc-commbtn-group:after {
    content: "";
    clear: both;
    display: block;
    height: 0;
    line-height: 0;
    font-size: 0;
    visibility: hidden;
}
.cc-commbtn-group .cc-btn-md {
    margin-left: 6px;
}
.cc-commbtn-group .left {
    float: left;
    margin-right: 10px;
}
.cc-commbtn-group .right {
    float: right;
    margin-left: 10px;
}
.cc-commbtn-group .submit-btn {
    width: 260px;
}
.cc-commbtn-group-input {
    padding: 10px 0 20px 0;
}
.cc-r-container-detail .cc-btn-lg {
    font-size: 23px;
    width: 290px !important;
    border-radius: 2px;
    line-height: 47px;
}
.cc-btn-group-right {
    text-align: right;
}
.cc-checkout-part .cc-btn-group-left {
    margin: 5px 0 0 170px;
}
.cc-btn-sm-o-submit,
.cc-btn-md-submit,
.cc-btn-lg-submit {
    width: 230px;
}
.cc-btn-lg.submit-btn {
    padding: 0;
    letter-spacing: 0;
}

/* common selectbox*/
.cc-commselect {
    position: relative;
    display: inline-block;
    width: auto;
    padding: 0 10px 0 4px;
    height: 28px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url(../images/ico_select_arrow.png) no-repeat right center #fff;
    border-radius: 2px;
    border: 1px solid #ccc;
    width: 90px;
}
/*.cc-option-list-right label {
    display:none;
}*/
.cc-option-list-right .cc-commselect {
    border: 0;
    border-radius: 2px;
    border: 1px solid #ccc;
    background-position: 110% center;
    width: 90px;
}
.cc-commselect::-ms-expand {
    display: none;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    .cc-commselect {
        padding-right: 18px !important;
    }
}

/* common check box, radio box */
.commcheck {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0;
    padding: 0;
    border: 1px solid #a5a5a5;
    -webkit-box-shadow: 0 1px 0 #eaeaea;
    box-shadow: 0 1px 0 #eaeaea;
    border-radius: 0;
    visibility: middle;
}
.cc-commradio {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin: 0;
    padding: 0;
    border: 1px solid #a5a5a5;
    border-radius: 50%;
    visibility: middle;
}
.cc-commlabel {
    display: inline-block;
    font-size: 12px;
    color: #000;
}
.cc-commlabel .cc-commradio {
    margin-right: 5px;
}
.cc-commlabel-input {
    display: inline-block;
    padding: 6px 0;
    margin-right: 8px;
    line-height: 18px;
    color: #000;
    font-size: 12px;
}

/* checkbox */
.checkbox {
    position: relative;
}
.color-selected label {
    border-bottom: 3px solid #000;
    font-weight: 700;
}
.cc-color-selected {
    font-weight: 700;
    border-bottom: 3px solid #000;
}
.checkbox label {
    cursor: pointer;
    display: inline;
    vertical-align: top;
    clear: both;
    padding-left: 0;
    white-space: nowrap;
}
.checkbox label:not(:empty) {
    margin-left: 18px;
    padding-bottom: 2px;
    color: #000;
    font-size: 12px;
}
.checkbox label:not(:empty):hover {
    color: #888;
}
.checkbox label:before,
.checkbox label:after {
    content: "";
    position: absolute;
    left: 0;
    top: -2px;
}
.checkbox label:before {
    background: url("../images/checkbox-nocheck.gif") no-repeat;
    border: 0;
    width: 16px;
    height: 16px;
    cursor: pointer;
    transition: background 0.3s;
}
.checkbox input[type="checkbox"] {
    outline: 0;
    visibility: hidden;
    width: 0.5em;
    height: 16px !important;
    margin: 0;
    display: inline-block;
    font-size: inherit;
}
.checkbox input[type="checkbox"]:checked + label:before {
    width: 16px;
    height: 16px;
    content: url(../images/checkbox-check.png);
}
.checkbox input[type="checkbox"]:checked + label:after {
    transform: translate(0.25em, 0.28em) rotate(-45deg);
    width: 16px;
    height: 16px;
}

/* checkbox etc position */
.td-chk-wrapper {
    top: 1px;
    left: -5px;
}
.cc-form-table.cc-form-table-checkout .checkbox {
    position: relative;
    top: 0px;
    height: 20px;
    vertical-align: top;
}
.register-page .checkbox,
.td-checkout-wrapper,
.cc-checkout-part .checkbox {
    top: 5px;
    left: 0;
}

/* ETC */
.cc-top-intro-txt {
    margin: 0 0 15px;
    font-size: 12px;
    line-height: 20px;
}
.cc-radio-list {
    margin: 0;
    padding: 5px 0;
}
.cc-radio-list li {
    margin: 0;
    padding: 0;
    list-style: none;
    margin-bottom: 4px;
}
.cc-radio-list li:last-child label {
    visibility:hidden;
}
.cc-commtext-btn {
    position: relative;
}
.cc-commtext-btn .cc-btn-sm-o,
.cc-commtext-btn .cc-btn-s,
.cc-commtext-btn .cc-btn-sm-o {
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
}
.cc-account-inner-table {
    vertical-align: top;
    overflow: hidden;
}

/* valid text */
.cc-valid-wrapper {
    position: relative;
    height: 50px;
    display: block;
    width: 300px;
    float: left;
}
.cc-valid-txt {
    display: block;
    margin: 0 0 5px 0;
    font-size: 12px;
    color: #d32029;
}
.cc-form-valid-txt {
    display: block;
    margin: 0 0 10px;
    color: #d32029;
    font-size: 12px;
    font-weight: normal;
}
.cc-title-valid-txt {
    display: block;
    color: #d32029;
    font-size: 12px;
    font-weight: normal;
    text-transform: none;
    text-align: right;
}
.cc-register .cc-title-valid-txt {
    text-align: center;
    margin-left: 78%;
}
.cc-title-valid-txt-fee {
    display: block;
    color: #d32029;
    font-size: 14px;
    font-weight: normal;
    text-transform: none;
    text-align: right;
    position: relative;
    top: -5px;
    right: 37px;
}
.cc-red-txt {
    color: #bd0000;
}
/* category depth */
.cc-category-depth.cc-category-depth-wrapper2 {
    width: 1520px;
}
.cc-category-depth {
    position: relative;
    margin: 0 auto;
    height: 30px;
    line-height: 34px;
    font-size: 11px;
    text-transform: uppercase;
    display:flex;
}
.cc-category-depth a,
.cc-category-depth-register a {
    /* color: #777;*/
    color:#000;
    padding-right:5px;
}
.cc-category-depth a:hover,
.cc-category-depth-register a:hover {
    color: #999;
}
.cc-category-depth a.now,
.cc-category-depth-register a.now {
    color: #000;
    font-weight: 700;
    padding-left:5px;
}
.cc-category-depth-detail .cc-product-back + span {
    width:70%;
}
.cc-category-depth-back {
    color: #5E5E5E !important;
    padding: 0 5px 0 18px;
    font-size: 13px;
    background: url(../images/cc-spr-common.png) no-repeat 0px -594px;
    margin-left: 10px;
}
.cc-category-depth-back:hover span {
    color: #;
}
.cc-category-depth-back span {
    margin-left: 0;
    line-height: 12px;
    position: relative;
    top: -1px;
    background: #fff;
}
.cc-r-container-sub-form .cc-category-depth {
    width: 100%;
    padding: 15px 0 0 0;
    line-height: 30px;
    height: 20px;
    text-transform: uppercase;
}
.cc-r-container-sub-list .cc-category-depth {
    width: 100%;
    padding: 0 0 0 0;
    line-height: 30px;
    height: 20px;
    text-transform: uppercase;
}
.cc-category-depth-register {
    position: relative;
    margin: 0 auto;
    height: 30px;
    line-height: 34px;
    font-size: 11px;
    text-transform: uppercase;
    margin-left: 165px;
}
.cc-product-back {
    /* position: absolute;
    left: 10px;
    top: 5px;*/
    width:15%;
}
.cc-product-navi {
    /* position: absolute;
    right: 0;
    top: 0;*/
    text-align: right;
    width: 15%;
}
.cc-product-navi a {
    display: inline-block;
    margin: 0 0 0 10px;
    padding-right: 10px;
    font-size: 13px;
    color: #5e5e5e;
}
.cc-product-navi a:hover {
    color: #000000;
}
.cc-product-navi-prev:before {
    content: "";
    display: inline-block;
    width: 11px;
    height: 11px;
    background: url(../images/cc-spr-common.png) no-repeat 0px -596px;
}
.cc-product-navi-next:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 12px;
    border-right: 1px solid #e0e0e0;
    position: relative;
    left: -12px;
    top: 2px;
}
.cc-product-navi-next:after {
    content: "";
    display: inline-block;
    width: 11px;
    height: 9px;
    background: url(../images/cc-spr-common.png) no-repeat -23px -598px;
}

/* marker list */
.cc-marker-list {
    margin: 0;
    padding: 0 0;
    word-break: break-all;
}
.cc-marker-item {
    position: relative;
    padding: 2px 0 2px 0;
    list-style: none;
    line-height: 16px;
    word-break: break-all;
}

/* content side */
.cc-content-side {
    float: left;
    width: 204px;
    padding: 20px 0 0 0;
    overflow: hidden;
    text-align: right;
}
.cc-content-side-left .cc-content-side-group {
    text-align: right;
}
.cc-height-auto.cc-r-container-sub-list .cc-content-side-group-menu,
.cc-content-side-group.cc-content-side-group-menu,
div.cc-r-container-sub-list .cc-sidebar-result .cc-content-side-group.cc-content-side-group-menu,
.cc-r-container-sub-form .cc-content-side-group.cc-content-side-group-menu {
    height: auto;
}
.cc-r-container-sub-list .cc-content-side-group-menu { /* for only list page */
    height: 290px;
    /* width: 200px;*/
    width:100%;
}

/* page header */
.cc-page-header {
    position: relative;
    margin: 0;
    padding: 0 0 20px;
    height: 25px;
    width: 100%;
}
.content .cc-page-header-middle,
.cc-page-header-middle {
    clear: both;
    margin-top: 110px;
    padding-bottom: 15px;
}

/* title */
.cc-box-title {
    margin: 0 0 20px;
    font-size: 20px;
    line-height: 24px;
    text-align: center;
}
.cc-box-title .name {
    font-size: 15px;
    text-transform: uppercase;
    font-weight: 700;
}
.cc-content-side .cc-box-title .name {
    font-size: 12px;
}
.cc-box-title span.name:before {
    margin-right: 10px;
}
.cc-box-title span.name:after {
    margin-left: 10px;
}
.cc-page-title {
    height: 30px;
    margin: 0;
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    text-transform: uppercase;
}
.cc-page-title-bold {
    font-weight: 700;
}
.cc-page-title .keyword {
    text-transform: none;
    color: #435ba6;
}
.cc-page-title .count {
    /*  color: #d44a4a;*/
    color: #800000;
}
.cc-main-section-head {
    position: relative;
    height: 50px;
    font-size: 15px;
    font-weight: 700;
    line-height: 55px;
    text-align: center;
    border-bottom: 1px solid #e3e3e3;
    text-transform: uppercase;
    margin-bottom: 20px;
    display: table;
    width: 100%;
    line-height: unset;
}
.cc-main-section-head-title {
    position: relative;
    z-index: 2;
    display: inline-block;
    padding: 0 5px 10px 5px;
    font-size: 16px;
    line-height: 20px;
    color: #000;
    text-transform: uppercase;
    font-weight: 700;
    border-bottom: 3px solid #000;
    top: 15px;
}

/* table */
th.notransform {
    text-transform: none !important;
}
.cc-tr-line {
    border-top: 1px solid #909090;
}
.cc-tr-line th {
    padding-top: 10px;
}
.cc-tr-empty th,
.cc-tr-empty td {
    padding: 0 0 15px 0;
}
div.cc-form-table .cc-tr-line td {
    padding: 25px 0 10px;
    font-size: 13px;
}
.cc-form-table {
    padding: 30px;
}
.cc-register-page table,
.cc-form-table > table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}
.cc-register-page table table tr td,
.cc-register-page table table tr th,
.cc-form-table > table tr td,
.cc-form-table > table tr th {
    font-size: 14px;
}
.cc-register-page table tr th,
.cc-form-table > table tr th {
    position: relative;
    width: 175px;
    text-align: left;
    font-weight: 400;
    line-height: 30px;
    vertical-align: top;
    text-transform: capitalize;
}
.cc-register-page table tr td,
.cc-form-table > table tr td {
    /*width: 100%;*/
    padding: 0;
}
.cc-register-page table tr td .commfile,
.cc-register-page table tr td .cc-commselect,
.cc-register-page table tr td .cc-commtext,
.cc-form-table > table tr td .commfile,
.cc-form-table > table tr td .cc-commselect,
.cc-form-table > table tr td .cc-commtext {
    display: block;
    width: 100%;
    margin-bottom: 2px;
}
.cc-form-table .cc-require-txt {
    position: relative;
    left: 5px;
    color: #bd0000;
}
.quick-register.cc-form-table .cc-require-txt {
    position:inherit;
}
.cc-form-table-title {
    padding: 30px 0px 10px;
    margin-bottom: 30px;
    font-size: 20px;
}
.cc-form-table-title:first-child {
    padding-top: 0;
}
.cc-form-table-in {
    padding: 10px 0 0;
}
.cc-form-table-in > table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
}
.cc-form-table-in > table tr th {
    width: 213px;
}




/* skip */
.skip {
    font-size:0;
    line-height:0;
    overflow:hidden;
}
.skip-link {
    position:absolute;
    top:-50px;
    left:0;
    display:block;
    width:200px;
    color:#fff;
    z-index:10000;
    background-color:#000;  
}
.skip-link:focus,
.skip-link:hover,
.skip-link:active {
    top: 0;
    height: 50px;
    line-height: 50px;
    text-align:center;
    font-weight: bold;
    color: #fff;
    font-size: 16px;
    text-decoration:underline;
}
.hidden-label {
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
    white-space: nowrap; /* added line */
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #909;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #909;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #909;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #909;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    #909;
}

::placeholder { /* Most modern browsers support this now. */
   color:    #909;
}

/*language button*/
.lang-wrapper {
    padding: 0;
    margin: 0;
    text-align: center;
    background-color: #f4f1ed;
}
.lang-wrapper li{
    list-style:none;
    display:inline-block;
    vertical-align: top;
}
.lang-wrapper li:first-child {
    font-size: 12px;
    margin-right:10px;
}
.lang-wrapper li a{
    margin-right:10px;
    font-size:12px;
    display:flex;
    color:black;
}
.lang-wrapper img {
    margin-right:10px;
    top: 10px;
    position: relative;
}
.top-lang {
    position:absolute;
    top:0;
    right:30px;
    font-size:13px;
}
.top-lang ul {
    margin:0;
    padding:0;
}
.top-lang li {
    list-style:none;
    display:inline-block;
    top: 15px;
    position: relative;
}
.top-lang li:first-child{
    margin-right:15px;
}
.mobile-header .lang-select span {
    position: relative;
    bottom: 5px;
    margin-left: 10px;
}
.mobile-header .m-lang a:first-child {
    padding-left:30px!important;
}
.mobile-header .m-lang {
    display: flex;
    text-indent: 5px !important;
}
.mobile-header .m-lang a {
    min-width: 130px !important;
}
.mobile-header .m-lang a:last-child {
    border-left: 1px solid #eeeeee;
    padding-left: 20px !important;
}
.goog-te-banner-frame.skiptranslate, .skiptranslate {
    display: none !important;
} 
body{top:0px !important;}

/*
* layout - main, subpage layout 
* header - logo, nav, tooltip 
* footer - footer banner, footer 
*/

@charset "utf-8";
html, body {
    overflow-x: unset !important;
}
.main-head-bg {
    position: relative;
    z-index: 19;
    height: 319px;
    background-color: rgba(255, 255, 255, 0.6);
    margin-top: -292px;
}

/* header logo */
.cc-r-logo {
    text-align: center;
    line-height: 0;
    margin-top:0px;
}
.cc-r-logo img {
    vertical-align: top;
    width: 100%;
}
.cc-r-logo .link {
    position: relative;
    top: 5px;
    display: inline-block;
}
.cc-r-logo-sub {
    line-height: 0;
}
.cc-r-logo-sub .link {
    position: relative;
    z-index: 10;
    display: inline-block;
}
.cc-r-sub .cc-r-logo-sub {
    margin: 0;
}
.cc-r-sub .cc-r-logo img {
    vertical-align: top;
    height: auto;
    position: relative;
}
.cc-r-sub .is-fixed .top-lang{
    display:none;
}



/* tooltip menu */
.cc-r-side-item.cc-tooltip-wrap {
    position: relative;
}
.cc-r-side-item.cc-tooltip-wrap .cc-tooltip-ico {
    right: -12px;
    top: 5px;
}
.cc-tooltip-wrap .cc-tooltip {
    max-height: 0;
    overflow: hidden;
    opacity: 0;
}
.cc-tooltip-wrap:hover .cc-tooltip {
    max-height: 1000px;
    opacity: 1;
}
.cc-tooltip-ico {
    position: absolute;
    top: 7px;
    right: 15px;
    margin-left: 4px;
    display: inline-block;
    padding: 0;
    border: 0;
    overflow: hidden;
    background-color: transparent;
    text-indent: 120%;
    text-align: left;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: none;
    white-space: nowrap;
    width: 10px;
    height: 6px;
}
.cc-tooltip {
    position: absolute;
    top: 130%;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    min-width: 150px;
    font-size: 12px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
}
.is-fixed .cc-tooltip {
    top: 129%;
}
.cc-tooltip-content {
    background: #fff;
    border: 1px solid #ccc;
    overflow: hidden;
    width: 150px;
}
.cc-tooltip-menu {
    position: relative;
    z-index: 2;
    margin: 0;
    padding: 0;
}
.cc-tooltip-menu-item {
    margin: 0;
    padding: 0;
    list-style: none;
}
.cc-tooltip-menu-item:first-child {
    border-top: 0;
}
.cc-tooltip-menu-link {
    position: relative;
    height: 30px;
    min-width: 100px;
    padding: 0 10px;
    line-height: 30px;
    display: block;
    font-size: 13px;
    color: #000;
    text-align: left;
}
.cc-tooltip-menu-link:hover {
    background: #eaeaea;
    cursor: pointer;
}
.cc-tooltip-menu-link-logout {
    color: #333;
}



/* header search */
.cc-r-sub .is-fixed .cc-r-search-in {
    display:none;
}
.cc-r-search {
    margin: 0;
    padding: 0;
    position: absolute;
    top: 28px;
    right: 135px;
}
.main-logout .cc-r-search {
    right: 140px;
    top: 22px;
}
.cc-r-search-login {
    right: 168px;
}
.cc-r-search fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}
.cc-r-search-in {
    margin-right: 1.5vw;
    width: 240px;
    position: relative;
}
.cc-r-search-in .cc-r-search-icon {
    background:url("../images/SearchIcon.webp");
    width: 25px;
    height: 25px;
    position: absolute;
    right: 5px;
}
.cc-r-search-input {
    height: 30px;
    width: 240px;
    padding: 0 0 0 2px;
    line-height: 25px;
    font-size: 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0;
    background: transparent;
    border-bottom: 1px solid #353535;
}
.cc-r-search-in label {
    display:none;
}
input.cc-subcribe-email-input::placeholder {
    color: #a3a3a3 !important;
}

input.cc-r-search-input::placeholder {
    color: black !important;
}

/* header side */
.cc-r-side {
    position: absolute;
    right: 0;
    top: 87px;
    margin: 0;
    padding: 0;
    font-size: 0;
    overflow: visible;
}
.cc-r-side-item {
    position: relative;
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: visible;
    bottom: 4px;
}
.cc-r-side-item fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}
.cc-r-side-item:first-child:after {
    display: none;
}
.cc-r-side-item .txt {
    display: inline-block;
    font-size: 11px;
    line-height: 16px;
    font-weight: 400;
    vertical-align: top;
    padding: 0 0 4px 0;
    text-transform:uppercase;
}
.txt.txt-person {
    top: -5px;
    position: relative;
    max-width: 80px;
}
.cc-r-side-item-person {
    top: 0;
    margin-right: 0;
}
.cc-r-side-item-person .cc-spr-common {
    max-width: 100px;
    background:url("../images/UserICon.webp");
    background-position:left !important;
    height: 28px !important;
    margin: 0;
    vertical-align: top;
    line-height:26px !important;
    padding: 0;
    text-indent: 0;
}
.cc-r-side-item-person span,
.cc-r-side-item-person .cc-spr-common + span {
    display: inline-block;
    max-width: 90px;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cc-r-side-item-bag {
    top: -9px;
}
.cc-r-side-item-bag .cc-spr-common {
    background-position: left !important;
    background:url("../images/CartIcon.webp");
    width: 24px !important;
    height: 29px !important;
    margin: 0 0 0 0;
    vertical-align: top;
}
.cc-r-side-item-bag-badge {
    position: absolute;
    top:9px;
    color: #000;
    padding: 1px 0 0 4px;
    font-size: 10px;
    text-align: left;
    min-width: 8px;
    line-height: 13px;
    font-weight: 400;
}
.cc-r-side-heart {
    top: 3px;
}
.cc-r-side-heart button {
    width: 20px;
    height: 20px;
}
.cc-r-side-item-login {
    font-weight: 700;
}
.cc-r-side-item.cc-r-side-item-favorite {
    margin:0 0.3vw;
}
.cc-r-side-item-favorite .cc-spr-common {
    background: url("../images/FavoriteIcon.webp");
    background-position: left !important;
    width: 26px !important;
    height: 25px !important;
}
.cc-r-wrap-main .cc-r-side-sub {
    right: 18px;
    top: 30px;
}
.cc-r-side-sub {
    position: absolute;
    right: 35px;
    top: 50px;
    margin: 0;
    padding: 0;
    overflow: visible;
    height: 35px;
    z-index:10;
}
.cc-r-sub .cc-r-side-sub {
    top: 44px;
}
.cc-r-sub .is-fixed .cc-r-side-sub {
    top: 20px;
}
.is-fixed .cc-r-side-sub {
    height: 33px;
    z-index: 10;
}
.cc-r-header {
    width: 100%;
    z-index: 101;
    background-color: rgba(255, 255, 255, 0.9);
}
.cc-r-sub .cc-r-header {
    top: 0px;
    background: white;
}
div.cc-r-header-wrap div.cc-r-header-content {
    margin: 0 auto;
    position: relative;
}

.cc-r-side-item-person .cc-spr-common {
    margin: -5px 0 0 0;
}
.cc-r-main .cc-r-side-item .cc-r-side-item-favorite {
    top: 0px;
}
/* header menu */
.cc-r-menu-wrap {
    position: relative;
    z-index: 5;
    margin: 0 auto;
}

.cc-r-menu-fixed-inner {
    position: relative;
    margin: 0 auto;
    height: 120px;
}
.cc-r-menu-fixed-in {
    position: relative;
    margin: 0 auto;
}
.cc-r-menu-wrap.is-fixed {
    z-index:9999;
}
.cc-r-menu-wrap.is-fixed .cc-r-menu-fixed {
    position: fixed;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 100;
    background-color: rgba(255, 255, 255, 0.9);
}
.cc-r-sub .cc-r-menu-wrap.is-fixed .cc-r-menu-fixed,.cc-r-sub .cc-r-menu-wrap.is-fixed .cc-r-menu-fixed-inner {
    height: 55px;
}
.cc-r-sub .cc-r-menu-wrap.is-fixed .cc-r-menu-fixed {
    opacity: 1;
}
.cc-r-menu-wrap.is-fixed .cc-r-menu-fixed-inner {
    height: 112px;
}





/* dropdown menu  */
.cc-dropdown-menu {
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    list-style: none;
    position: relative;
    height: 55px;
}
.cc-dropdown-menu ul,
.cc-dropdown-menu ul li {
    list-style: none;
    margin: 0;
    padding: 0;
}
.cc-nav {
    margin: 0 auto;
}
.cc-nav > ul > li {
    list-style: none;
    width: auto;
    position: relative;
    float: left;
    height:44px;
    padding: 0 1vw;
}
.cc-nav ul li ul {
    position: absolute;
    padding: 20px;
    border: 1px solid #e5e5e5;
}
.cc-nav > ul > li > a {
    width: auto;
    height: 45px;
    font-weight: 500;
    text-transform: uppercase;
    line-height: 60px;
    display: inline-block;
    font-size: 14px;
    /*padding: 0 1vw;*/
    color: #000;
    border-bottom: 4px solid transparent;
}
.cc-nav > ul > li > a:hover {
    background: none;
    font-weight:bold;
}
.cc-nav ul li ul {
    display: none;
    background: #fff;
    /*width: 140px;*/
    padding: 0;
    /*padding-right: 20px;*/
    -moz-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.05);
    top: 47px;
}
.cc-r-sub .cc-nav ul li ul {
    top: 41px;
}
.cc-nav ul li ul li {
    float: none;
    width: 100%;
    padding: 7px 10px 7px 10px;
}
.cc-nav ul li ul li:hover {
    background: #eeeeee;
    color: #000;
    width: 170px;
}
.cc-nav ul li ul a {
    font-weight: normal;
    display: block;
    font-size: 14px;
    line-height:15px !important;
    text-transform:uppercase;
}
.cc-nav ul li:hover ul {
    display: block;
    width: 190px;
}
.cc-nav ul li ul a:hover {
    border-bottom: 0 !important;
    width: 190px;
}
.mega-menu-col {
    vertical-align:top;
}
.mega-menu {
    background-color:rgba(255, 255, 255, 0.9) !important;
}
.is-fixed .cc-nav > ul > li {
    height: 50px;
}
.is-fixed .cc-nav ul li ul {
    top: 49px;
    padding-top: 0;
    border: 1px solid #e5e5e5;
}
.is-fixed .cc-r-logo {
    margin: 0;
}


.cc-r-sub .cc-dropdown-menu-sub .cc-nav {
    margin: 0 auto;
}
.cc-r-sub .cc-r-menu-fixed-inner {
    height: 112px;
}
.cc-r-sub .is-fixed .cc-dropdown-menu-sub .cc-nav {
    margin: 0 auto;
}
.cc-r-sub .is-fixed .cc-nav ul li ul {
    top: 41px;
}
.cc-r-sub .is-fixed .cc-r-logo {
    display:none;
}

/* global layout */
.is-fixed .cc-r-container {
    margin: 0 auto;
}
.cc-r-wrap {
    position: relative;
    overflow-x: hidden;
}

.cc-r-container:after {
    content: "";
    clear: both;
    display: block;
    height: 0;
    line-height: 0;
    font-size: 0;
    visibility: hidden;
}
div.cc-r-container-sub {
    width: 97%;
    margin: 0 auto;
    padding-bottom: 20px;
    min-height: 635px;
}
div.cc-r-container-sub-list {
    width: 97%;
    display: flex;
    flex-direction: row;
}
.cc-r-container-sub-form {
    display: flex;
    flex-direction: row !important;
}
.cc-r-container-sub-list .content-sub {
    width: 87%;
    min-height: 635px;
}
div.cc-r-container-sub-form .content-sub {
    width: 70%;
    padding: 5px 0 20px 90px;
    min-height: 640px;
}
.cc-r-container-sub-form .content-side {
    padding: 28px 0 50px;
}
.cc-r-container-sub-form .opt-list {
    margin-bottom: 35px;
}
.cc-r-container-detail {
    width: 80%;
    margin: 0 auto;
    /*padding-bottom: 60px;*/
}

.cc-r-container-detail .content {
    padding-top: 0;
    display: flex;
    flex-direction: column;
}

.cc-r-container-detail .content .detail-top {
    display: flex;
}

div.content {
    min-height: 569px;
}
.content:after {
    content: "";
    clear: both;
    display: block;
    height: 0;
    line-height: 0;
    font-size: 0;
    visibility: hidden;
}
.content.cc-checkout {
    width: 83%;
    margin: auto;
    padding: 0 0 50px;
    min-height: 730px;
}

/* sub content */
.content-sub {
    padding: 5px 0 0 20px;
}


/* global footer */
.cc-r-footer {
    padding: 0px 0 0px 0;
    position: relative;
    overflow: hidden;
}
.cc-r-footer-inner {
    margin: 0 auto;
    display: flex;
    width: 100%;
    padding:2% 8%;
}
.cc-r-footer-inner + .cc-r-footer-inner {
    padding:35px 0 0 0;
    text-align:center;
}
.cc-r-footer-inner-sub .ft-menu {
    padding: 22px 0 22px 410px;
}
.cc-r-footer-inner:after {
    content: "";
    clear: both;
    display: block;
    height: 0;
    line-height: 0;
    font-size: 0;
    visibility: hidden;
}
.cc-ft-title {
    display: block;
    margin: 0 0 0;
    line-height: 34px;
    font-size: 16px;
    color: #000;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing:1px;
}
.cc-ft-info {
    z-index: 2;
    width: 260px;
    padding: 68px 0 0 35px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.cc-ft-info-list {
    display: inline-block;
    margin: 0;
    padding: 0;
    color: #666;
    font-size: 12px;
    word-break: break-all;
}
.cc-ft-info-list-item {
    list-style: none;
    margin: 0;
    line-height: 24px;
    font-size: 13px;
    color: #000;
}
.cc-ft-info-list-item a {
    color: #000;
    font-size: 13px;
    text-transform: uppercase;
}
.cc-ft-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    margin: 0;
    padding-left:0px;
    width:62.5%;
}
.cc-ft-menu-group {
    display: inline-block;
    padding: 30px 0 0 10px;
    font-size: 12px;
    vertical-align: top;
    list-style: none;
    height: 200px;
    width:25%;
}
.cc-ft-menu-group:nth-child(1) {

}
/*.cc-ft-menu-group:nth-child(2) {
    width: 19%;
}
.cc-ft-menu-group:nth-child(3) {
    width: 16%;
}
.cc-ft-menu-group:nth-child(4) {
    width: 15%;
}*/
.cc-ft-menu-group-email {
    padding: 38px 0 0 10px;
}

.cc-ft-menu-list {
    float: left;
    margin: 0;
    padding: 0;
}
.cc-ft-menu-list-item {
    color: #000;
    font-size: 13px;
    margin: 0;
    list-style: none;
    line-height: 24px;
    font-weight: 400;
}
.cc-ft-menu-list-item a {
    color: #000;
    font-size: 13px;
    text-transform: uppercase;
}
/*.cc-ft-menu-list-item a:hover {
    color: #000;
}*/
.cc-copy {
    font-size: 11px;
    color: black;
    margin-bottom:10px;
}
.cc-seal img {
    position: absolute;
    left: 8.4vw;
    bottom: 10px;
}
.subscribe-form {
    border-bottom: 2px solid black;
    text-align: center;
}
.cc-ft-menu-group-email strong {
    font-size: 28px;
    font-weight: normal;
    color: #000;
    font-weight: 700;
    padding-bottom: 10px;
    display: block;
    font-family: ubuntu-medium;
}

.cc-subcribe-email {
    position: relative;
    display: block;
    width: 100%;
    border: 0;
    margin: 15px 0 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 0;
}
.cc-subcribe-email input[type="text"]::-webkit-input-placeholder {
    color: #ccc;
}
.cc-subcribe-email-tip {
    font-size: 16px;
    color: black;
    font-weight: 700;
    letter-spacing:1px;
    text-transform:uppercase;
}
.cc-subcribe-email-input {
    display: inline-block;
    width: 260px;
    height: 38px;
    line-height: 25px;
    font-size: 12px;
    text-indent: 8px;
    vertical-align: top;
    border: 1px solid #353535;
    background: #fff;
    margin-right: 3px;
}
.cc-subcribe-email-btn {
    width: 130px;
    height: 42px;
    padding: 0;
    line-height: 28px;
    font-size: 12px;
    font-weight: 600;
    color: white;
    text-align: center;
    vertical-align: top;
    border: 1px solid #000000;
    background: #000000;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.cc-subcribe-email-btn:hover {
    background:#000000;
    border: 1px solid #000000;
}
.cc-r-sns {
    margin-top: 10px;
    margin-bottom:4%;
}
.cc-r-sns-inner {
    padding: 0;
    margin:0;
    margin-top: 15px;
}
.cc-r-sns-item {
    list-style: none;
    vertical-align: top;
    display: inline-block;
    padding: 0;
    list-style: none;
    vertical-align: top;
    min-width: 11%;
    /*padding: 10px 40px 10px 0;*/
    /*border-right: 1px solid #ccc;*/
    text-align: center;
}
.cc-r-sns-item p {
    position: relative;
    top: 7px;
    margin: 0;
    font-size: 12px;
    letter-spacing: 2px;
    margin-right: 10px;
}
.cc-r-sns .cc-r-sns-item:last-child {
    border-right: 0;
}
.cc-r-sns-item a {
    vertical-align: middle;
    display: inline-block;
}
.cc-r-sns-item a img {
    display: inline-block;
    vertical-align: middle;
}
    .cc-r-sns-item:hover {
        opacity: .9;
    }
.cc-r-sub .cc-r-side-item.cc-r-side-item-favorite {
    top: -1px;
}
.cc-show-schedule {
    margin: 2% 0 0 0;
    text-align: center;
}
.lang-wrapper {
    background-color:#eeeeee !important;
}
@-moz-document url-prefix() {
    .cc-r-side-item-login {
        top: 5px;
    }
    .cc-r-side-item.cc-tooltip-wrap {
        top: 5px !important;
    }
    .cc-r-side-item.cc-r-side-item-favorite {
        top: 1px !important;
    }
    .cc-r-sub .cc-r-side-item.cc-r-side-item-favorite {
        top: 0px !important;
    }
    .cc-r-side-item-bag {
        top: 0px !important;
    }
}

@charset "utf-8";


/* outline color */
button:focus,
select:focus,
input:focus,
a:focus {
    outline: 0px;
    /* border: 1px solid #f1f1f1 !important;
    box-shadow: 0 0 3px #f1f1f1 !important;
    -moz-box-shadow: 0 0 3px #f1f1f1 !important;
    -webkit-box-shadow: 0 0 3px #f1f1f1 !important;*/
}
div.cc-top-banner-wrap {
    padding:0 7px 0 12px;
}
td.cc-left-col-2 div.cc-left-col-2-qty {
    padding-left: 0;
}

div.cc-r-img-container {
    z-index:1;
}
ul.cc-login-option li:first-child {
    width: 31%;
}



/* prev, next navi */
a.cc-product-navi-prev:before,
a.cc-product-navi-next:after {
    width: 13px;
    height: 13px;
}

div.cc-r-container-sub-list .cc-category-depth {
    padding-top: 10px;
}


/* sidebar */
div.cc-content-side {
    padding: 15px 0 0 0;
}

dt.cc-side-option-list-title {
    background-color: #eeeeee;
}



/* title */
ul.cc-side-total,
div.cc-side-cart-title {
    background-color: #eeeeee;
}

h3.cc-product-review-title a .name {
    padding: 0 5px 7px 5px;
    border-bottom: 1px solid #000;
}

div.cc-page-header {
    height: 35px;
    padding:0 0 10px;
}

.cc-list-items .box-title {
    position: relative;
    bottom: -20px;
    z-index: 2;
    text-align: center;
    margin: 0;
}

.cc-table-cart-theader span.cc-table-select {
    margin: -.5px 0 0 .6px;
}

div.cc-checkout .cc-title-valid-txt {
    top: -26px;
}
#productList_BestSelling .cc-product-item-title {
    padding:1px 5px !important;
}
/* sidebar */
.cc-opt-list-item:hover {
    background: none;
}
.cc-opt-list-item a:hover {
    border-bottom: 1px solid black;
}

/* button */
button.cc-btn-sm-o {
    line-height: 25px;
}
.cc-commbtn-group button.left {
    padding:0 1.1em;
}
.cc-side-cart-info .cc-btn-lg, .cc-side-cart-info .cc-btn-lg-o {
    padding: 0 0.7em !important;
}

.cc-option-list-item .cc-btn-sm-o,
.cc-option-list-item .cc-btn-sm {
    height: 29px !important;
}

span.checkbox label:before, span.checkbox label:after {
    top: -3px;
}

button.btn-quick {
    line-height: 12px;
}

.btn-quick-del span.cc-spr-common {
    width: 15px;
}

/* line */
h2.cc-title-bg-258:after {
    width: 133px;
    left: 280px;
}
h2.cc-title-bg-200:after {
    width: 190px;
    left: 225px;
}
.cc-title-bg-form-11:after,
h2.cc-title-bg-form-10:after {
    left: 175px;
}



/* cc-main-prod-banner 3ea */
.cc-product-list-wrap{
    padding: 0 0 10px 0 !important;
}
.cc-product-list-wrap.cc-product-list-wrap-event-banner .cc-product-list {
    text-align: center;
    margin-top: 50px;
    overflow: hidden;
    position: relative;
    right: 15px;
}
.cc-product-list-wrap.cc-product-list-wrap-event-banner .cc-product-item {
    width: 31%;
    display: inline-block;
    margin: 0 2% 0 0;
    position: relative;
    bottom:-1px;
    /*background: #000;*/
    line-height: 0;
}

.cc-product-list-wrap.cc-product-list-wrap-event-banner .cc-product-item img {
    width: 100%;
    opacity: .9;
}

.cc-product-list-wrap.cc-product-list-wrap-event-banner .cc-product-item img:hover {
    opacity: 1;
}

.cc-product-list-wrap.cc-product-list-wrap-event-banner .cc-product-item:nth-child(3) {
    margin-right: 0;
}

.cc-product-list-wrap.cc-product-list-wrap-event-banner .cc-product-item a + a > span {
    position: relative;
    z-index: 101;
}
.cc-product-list-wrap.cc-product-list-wrap-event-banner .cc-product-list-wrap-more-title {
    font-size: 22px;
    display: block;
    font-weight: 400;
    line-height: 30px;
    margin: -5px 0 10px;
    color: black;
    margin: 0 auto 10px;
    text-transform: unset !important;
    padding-top: 10px;
    font-family:Cardo;
}
.cc-product-list-wrap.cc-product-list-wrap-event-banner .cc-product-list-wrap-more-desc {
    font-size: 16px;
    font-weight: 400;
    margin: 0 auto;
    display: block;
    color: black;
    line-height: 17px;
    padding: 0;
    text-align: left;
    font-family:Cardo;
}
 






/* list page - banner align */

a.cc-top-banner-img + a > span {
    width: 100%;
    left: 0;
}
a.cc-top-banner-img + a > span {
    width: 650px;
    position: static;
    margin: 6.5% auto 0 0;
    line-height: 45px;
}
.cc-top-banner-img{
    width: 100%;
}




/* detail page */
/* cc-related-items */
div.cc-related-items .box-title .name {
    font-size: 18px;
    text-transform: uppercase;
    border-bottom: 1px solid #000;
    padding: 0 5px 7px 5px;
    background: none;
    font-weight: 700;
    letter-spacing: 0;
}
.cc-related-items .swiper-btn-prod span {
    width: 20px;
}

/* detail page - td align */
td.cc-left-col-2 div.cc-left-col-2-qty {
    margin: 0 13px 0 45px;
}
.layer-content td.cc-left-col-2 div.cc-left-col-2-qty {
    margin: 0 13px 0 5px;
}


/*My information - *required field */
.cc-title-valid-txt{
    position: relative;
    bottom: 12px;
}

/*change password popup close button*/
.changepw-popup .close-popup,
.register-popup .close-popup{
    z-index:99;
}

/* side cart title bg*/
.cc-checkout-process,
.cc-completed-process,
.cc-cart-process,
.order-checkout-color,
.cc-product-options {
    background-color: #eeeeee !important;
}
/**/
.cc-top-intro-txt{
    margin-bottom: 40px;
}
.cc-form-table-contact-us {
    padding: 25px 20px 25px 20px !important;
}
span.cc-table-price-changed-in-price {
    margin-left: 734px;
}
.cc-page-top {
    bottom: 20px;
    height: 32px;
    right: 7px;
    z-index: 1000;
    -webkit-box-shadow: 0px 14px 26px -8px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 14px 26px -8px rgba(0,0,0,0.75);
    box-shadow: 0px 14px 26px -8px rgba(0,0,0,0.75);
}

.cc-r-onair, .cc-main-title {
    display: none !important;
}
.cc-r-sub .cc-product-list .cc-product-item-thumb div:nth-of-type(2) img {
    border-bottom:1px solid white;
}

.vue-sticky-el.top-sticky {
    position:relative !important;
}
.cc-prod-plus {
    position: absolute;
    top: 26px;
    right: 5px;
    line-height: 22px;
    display: inline-block;
    z-index: 2;
    padding: 0 5px;
    opacity: 1;
    font-size: 20px;
    padding: 3px 10px;
    border-radius: 15px;
    font-weight:bold;
}
.cc-prod-plus-border {
    border-style: solid;
    border-width: 2px;
    border-color: #EE77AF;
    margin-right: 0px;
}
.cc-prod-plus-2 {
    position: absolute;
    top: 26px;
    right: 5px;
    line-height: 22px;
    display: inline-block;
    z-index: 2;
    padding: 0 5px;
    opacity: 1;
    font-size: 20px;
    padding: 3px 10px;
    border-radius: 15px;
    font-weight: bold;
}
.cc-product-list-wrap {
    margin-top: 20px !important;
}
div.cc-content-side {
    padding: 20px 0 0 0 !important;
}
.cc-related-items .cc-product-item {
    min-height: 17.7vw;
}
.cc-r-container-detail .cc-related-items .product-swiper {
    min-height: 38vh;
}
.cc-r-container-detail .cc-related-items .product-swiper .swiper-btn-prod {
    top: 35%;
}

@charset "utf-8";

/*
* main page - contents
* main page - cc-r-side-item
*/

/*#content {
    margin-top:120px;
}
.cc-r-sub .cc-r-container-sub-list, .cc-r-sub .content {
    margin-top:111px;
}
.cc-r-container-sub-form.container {
    margin-top: 111px;
}
.cc-r-container-sub-list #content, .cc-r-container-sub-form.container #content{
    margin-top: 0;
}*/
/* main top slider */
.cc-main-banner-wrap {
    width: 100%;
    position: relative;
    margin: 0 auto;
    display: table;
}
.main-banner .swiper-wrapper {
    margin:0 !important;
}
.cc-swiper-btn-main .swiper-btn {
    width: 26px;
    height: 50px;
}
.cc-swiper-btn-main .cc-swiper-btn-prev {
    background-position: -9px -626px;
    left: 30px;
}

.cc-swiper-btn-main .cc-swiper-btn-next {
    background-position: -9px -687px;
    right: 30px;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
    color: transparent;
}
.swiper-button-disabled {
    opacity: 0.5 !important;
}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination {
    position: absolute;
    z-index: 5;
    width: 100%;
    bottom: 35px;
    height: 0;
    overflow: visible;
    left: 2%;
    text-align: left;
    font-size: 12px;
}

a.swiper-btn-page {
    display: inline-block;
    width: 28px;
    height: 7px;
    margin: 0 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 120%;
    white-space: nowrap;
    background: transparent;
    opacity: 0.3;
    border: 1px solid #000000;
}
.swiper-btn-page.swiper-pagination-bullet-active {
    /* background: url(../images/icon/bullet_bg.gif) no-repeat 0 0; */
    width: 28px;
    height: 7px;
    /*background-color: #2e7b61;*/
    background-color: #ffffff;
}

.swiper-btn-page {
    background-color: transparent;
    opacity: 1 !important;
    width: 15px !important;
    height: 15px !important;
    border-radius: 50% !important;
}
.cc-main-banner-item {
    width: 100% !important;
    vertical-align:top;
}
.cc-main-banner-text {
    padding: 17% 0 33% 0;
    width: 100%;
    text-align: center;
    position: absolute;
}
.cc-main-banner-item span {
    background: rgba(0,0,0,0.5);
    /*display: block;
    width: 100%;
    position: absolute;
    text-align: center;
    font-family: 'Roboto', sans-serif;*/
}
.cc-main-banner-item p{
    position: relative;
    text-align: center;
    font-size: 42px;
    z-index: 10;
    color: white;
    font-weight: 400;
    letter-spacing: 7px;
    text-transform: uppercase;
}
.cc-main-banner-item p:nth-child(2){
    text-decoration: underline;
    color: white;
    font-weight: 400;
    position: relative;
    z-index: 10;
    letter-spacing: 7px;
    font-size: 28px;
    cursor: pointer;
    text-transform: uppercase;
}
.swiper-slide a {
    height: 100%;
}
.swiper-slide img {
    height: 100%;
}
.main-banner .main-top-slider-title {
    left: 50%;
    margin-left: 60px;
    font-size: 65px;
    top: 530px;
    color: #000;
    line-height: 64px;
    height: 64px;
    white-space: normal;
    height: 140px;
    text-align: left;
    word-wrap: break-word;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: 680px;
    font-family: eras-medium;
    font-weight: 800;
    text-transform: uppercase;
}
.main-banner .main-top-slider-desc {
    font-size: 16px;
    top: 670px;
    color: #000;
    font-weight: 400;
    left: 50%;
    margin-left: 60px;
    text-align: left;
    width: 480px;
    height: 110px;
    white-space: normal;
    line-height: 24px;
}

.cc-r-main .cc-r-container {
    position: relative;
    margin:0 8%;
}

/* cc-main-prod-banner */
.main-prod-wrapper {
    text-align: center;
    margin-bottom: 50px;
}
.cc-main-prod-banner {
    text-align: center;
    height: unset !important;
}
.cc-multi-banner {
    text-align: center;
    display:inline-flex;
    justify-content: space-between;
    width:100%;
}

.multi-banner {
    display: inline-block;
    margin-right: 1.3vw;
    position: relative;
}
.bottom-banner .multi-banner {
    margin-right: 1vw;
    width: 32%;
}
.bottom-banner {
    margin-top:3%;
}
.multi-banner:last-child {
    margin-right: 0;
}
.multi-banner img {
    width:100%;
}
.main-prod {
    margin: 30px 0 30px 0;
}
.main-prod img {
    width: 100%;
    opacity: .9;
}
.main-prod img:hover {
    opacity: 1;
}
.main-prod:nth-child(3) {
    margin-right: 0;
}

.banner-prod-txt {
    font-size: 1vw;
    font-weight: 400;
    display: block;
    text-transform: uppercase;
    text-align: center;
    position: absolute;
    letter-spacing: 1px;
    top: 0px;
    left: 0px;
    right: 0px;
}
div.banner-prod-txt:nth-child(2) {
    margin-top: 40px;
}
.banner-prod-txt span {
    display: table;
    margin: 0 auto;
    padding-top: 30px;
    font-size: 15px;
}
.banner-prod-txt:hover {
    font-size:1.1vw;
    transition:0.3s;
}
.main-prod strong {
    font-size: 60px;
    display: block;
    font-weight: 700;
    line-height: 55px;
    font-family: eras-medium;
    margin: -5px 0 10px;
    color: black;
    margin: 0 auto 10px;
    text-transform: uppercase;
}
.main-prod span{
    font-size: 15px;
    display: block;
    font-weight: 400;
    font-family: eras-medium;
    color: black;
    width: 70%;
    margin: 0 auto;
    line-height: 19px;
}

.main-prod p a {
    font-size: 15px;
    font-weight: 400;
    font-family: eras-medium;
    width: 80%;
    margin: 0 auto;
    display: block;
    color: black;
    line-height: 15px;
}
.cc-main-desc {
    display: block;
    font-size: 13px;
}

/* main center banner 2 */
.main-center {
    margin-top:2%;
    height:32vw;
}
.main-center a:first-child{
    width: 63.7%;
    display: inline-block;
    float: left;
}
.main-center img {
    width:100%;
}
.main-prod-center {
    display: inline-block;
    margin: 50px 20px 50px 20px;
    position: relative;
    line-height: 0;
}
.video-wrapper {
    width: 63.7%;
    display: inline-block;
    float: left;
}
.video-wrapper .main-vid {
    overflow: hidden;
    padding-bottom: 55.5%;
    position: relative;
    height: 0;
}
.main-vid {
    overflow: hidden;
    padding-bottom: 39.25%;
    position: relative;
    height: 0;
}
.main-vid iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
}
.cc-bottom-a {
    display: inline-block;
    vertical-align: top;
    float: right;
    width:34.4%;
}
.main-center .cc-bottom-a a {
    width:100%;
}
.cc-bottom-a img{width:100%;}
.cc-main-section-inner {
    width: 50%;
    text-align: center;
    position: absolute;
    padding: 1% 0 33% 20px;
}
.cc-main-section-inner span {
    background: rgba(0,0,0,0.5);
}

.main-prod-center img {
    width: 100%;
    opacity: .9;
}
.main-prod-center img:hover {
    opacity: 1;
}
.banner-txt {
    display: table;
    text-align: left;
    font-size: 24px;
    margin:14px 0;
}
.banner-txt span {
    display:table;
    font-size: 18px;
    margin-top: 5px;
}
/* main list */
.cc-list-items {
    position: relative;
    clear: both;
    overflow: hidden;
    width: 100%;
    padding: 1% 0 2% 0;
}
.cc-list-items .product-swiper {
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
    position: relative;
}
.cc-list-items .product-swiper-list {
    margin: 0 !important;
    width: 93.5%;
}
.cc-list-items .product-swiper-list .item {
    width: 21.01% !important;
    margin: 0 6.1px 0 0 !important;
}
.cc-list-items .product-swiper-list .cc-product-item-color {
    top: 370px;
    right: 0;
    font-size: 12px;
}
.cc-list-items .product-swiper-list .cc-product-item-color ul {
    width: 62px;
    padding-right: 5px;
    text-align: left;
}
.cc-list-items .product-swiper-list .cc-product-item-menu {
    top: 334px;
    display: none;
}
div.cc-list-items .product-swiper .swiper-btn-prod {
    margin: 0;
    top: 45%;
    width: 40px;
    display: block !important;
}
div.cc-list-items .product-swiper .swiper-btn-prod-prev span {
    background-position: 0px -495px;
    width: 35px;
    height: 46px;
    position: relative;
    left: 0;
    background-repeat: no-repeat;
}
div.cc-list-items .product-swiper .swiper-btn-prod-next span {
    background-position: 0px -545px;
    width: 34px;
    height: 46px;
    position: relative;
    right: 0;
    background-repeat: no-repeat;
}
.main-banner-bg .product-swiper .swiper-btn-prod {
    top: 45%;
}


.cc-list-items .product-swiper2 {
    margin: 0 auto;
    overflow: hidden;
    width: 93%;
    bottom: 25px;
    position: relative;
}
.cc-main-banner-p {
    width: 67%;
    float: right;
    margin-right: 60px !important;
    margin-top: 55px !important;
}
.cc-main-banner-p .product-swiper-list {
    width: 93.5%;
    margin: 0;
}
.cc-main-banner-p .product-swiper-list .item {
    width: 21% !important;
    margin: 0 6px 0 0 !important;
}
.cc-main-banner-p .product-swiper-list .cc-product-item-thumb {
    height: 360px !important;
}




/* main page -9ea */
.cc-main-content {
    margin-top: 2%;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.cc-main-prod-title {
    position: absolute;
}
.cc-prod p {
    margin: 0;
}
.cc-main-info {
    margin-left: 2px;
}
.cc-main-title {
    position: absolute;
    top: 495px;
    right: 0;
    padding: 0 5px;
    height: 17px;
    line-height: 17px;
    font-size: 12px;
    text-align: right;
    background: rgba(255, 255, 255, 0.5);
}
.cc-main-desc {
    display: block;
    font-size: 13px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
}
.cc-prod a {
    display: block;
}
.cc-prod img {
    width: 94%;
    display: block;
}

.cc-prod-icon p {
    display: inline-block;
    cursor: pointer;
    position: absolute;
    width: 50px;
    z-index:1;
}


.main-new-title img{
    margin-bottom: 5px;
}
.main-new-title {
    position: relative;
    display: table;
    margin: 0 auto;
    font-size: 26px;
    font-weight: bold;
    letter-spacing:2px;
    margin-bottom:15px;
}
.cc-prod-1 {
    float: left;
    width: 100% !important;
    position: relative;
}
.cc-prod-1 .cc-main-title {
    top: 513px !important;
}
.cc-prod {
    width: 29%;
    display: inline-block;
    margin: 0 0 0 3%;
    position: relative;
    vertical-align: top;
}
.cc-prod .cc-main-title {
    top: 358px;
}
.cc-center-banner-text {
    float: left;
}
.cc-center-banner-text p {
    font-size: 25px;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.cc-center-banner-text p:nth-child(2){
    font-size: 17px;
    text-transform: unset;
    text-decoration: unset;
}

.main-section {
    border-bottom: 1px solid #e7e7e6;
    padding: 60px 0;
}
.main-section h2 {
    font-family: Cardo;
    font-size: 30px;
    font-weight: 300;
    color: #333;
    padding-bottom: 10px;
    margin: 0 0 10px;
}
.main-section p {
    color: #3b3b3b;
    font-size: 13px;
    line-height:1.3;
}
.main-story {display:flex}
.story-text {
    text-align: left;
    width: 45%;
    margin-right: 1.4%;
}
.main-story #bottomGallery {
    width:146%;
}
.main-contact {
    margin: 0 8%;
    text-align: center;
    border-bottom: 0;
    padding: 60px 0 40px;
}
.cc-r-main .cc-product-item-title {
    line-height:21px; 
}

@charset "utf-8";

/*
* announcement topbar - main, subpage 
*/
.cc-hdrann-subject {
    width: 100%;
}

.cc-hdrann {
    width: 100%;
    /*background: #ddd3c9;*/
    font-size: 0;
}

.cc-hdrann-main .cc-hdrann-inner {
    /*height: 30px;*/
}
.cc-hdrann-pic, .cc-hdrann-pic .cc-hdrann-list {
    height: 3.4vw;
}
.cc-hdrann-txt, .cc-hdrann-txt .cc-hdrann-list {height:60px;}
.cc-hdrann-txt-list {height:45px;}
.cc-top-banner-wrap + .cc-hdrann {
    width: 99%;
    margin-left: 10px;
}

.cc-hdrann-inner {
    position: relative;
    width: 100%;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    overflow: hidden;
}

.cc-hdrann-list {
    position: relative;
    z-index: 2;
/*    height: 40px;*/
    margin: 0;
    padding: 0;
    text-align: center;
    overflow: hidden;
}

.cc-hdrann-item {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

.cc-hdrann-item a {
    display: block;
    width: 100%;
    height: 100%;
}
.cc-hdrann-img img {
    width:100%;

}
.cc-hdrann-close {
    position: absolute;
    z-index: 3;
    right: 10px;
    top: 28px;
    display: inline-block;
    padding: 0;
    border: 0;
    overflow: hidden;
    background: transparent url('../images/btn_close2.png') no-repeat;
    text-indent: 120%;
    text-align: left;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: none;
    white-space: nowrap;
    width: 30px;
    height: 30px;
}

/* .hdrann__subtitle,*/
.cc-hdrann-subject {
    display: inline-block;
    margin: 0 8px;
    vertical-align: top;
}

/* hdrann-main */
.cc-hdrann-main {
    position: relative;
    background: none;
    width: 100%;
    margin: 0 auto;
    z-index: 1;
}

    .cc-hdrann-main .cc-hdrann-inner {
        width: 100%;
/*        height: 40px;
*/        text-align: left;
        margin: 0;
        /*background-color: #ddd3c9;*/
        z-index: 100;
    }

    .cc-hdrann-main .cc-hdrann-item {
        text-align: center;
    }

    .cc-hdrann-main .cc-hdrann-list {
/*        height:40px;
*/    }

    .cc-hdrann-main .cc-hdrann-subject span + span {
        background: url(/images/announcement-bg.gif) no-repeat 0 5px;
    }

    /* .hdrann-main .hdrann__subtitle, */
    .cc-hdrann-main .cc-hdrann-subject {
        height: 35px;
        line-height: 25px;
        color: #fff;
        font-weight: 400;
        font-size: 12px;
        padding-left: 15px;
        padding-top: 15px;
    }

    .cc-hdrann-main .cc-hdrann-close {
        top: 32%;
        right: 15px;
        height: 18px;
        width: 16px;
        background: transparent url('../images/btn_close4.png') center center no-repeat;
    }

.cc-hdrann-subject {
    height: 50px;
    width: 100%;
    line-height: 50px;
    font-size: 22px;
    color: #000;
    font-weight: 700;
}

    .cc-hdrann-subject span {
        font-weight: 700;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: center;
        font-size: 16px;
        display: inline-block;
    }

.cc-hdrann-subject span + span {
    padding: 0 0 0 10px;
    margin: 0 0 0 10px;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
    background: url(/images/announcement-bg.gif) no-repeat 0 14px;
}
/*.cc-r-sub .cc-hdrann {
    top: 111px;
    position: relative;
}*/
.cc-r-sub .cc-hdrann-subject span{
    float:unset;
}
.cc-r-sub .cc-hdrann-subject span + span {
    float:unset;
}
.cc-hdrann-main .cc-hdrann-subject span {
    font-size: 15px;
}
.cc-r-container-sub-list .cc-hdrann {
    top: 0px;
}
.cc-r-sub .cc-hdrann-txt .cc-hdrann-item,
.cc-r-sub .cc-hdrann-txt .cc-hdrann-list,
.cc-r-sub .cc-hdrann-txt .cc-hdrann-subject span + span,
.cc-r-sub .cc-hdrann-txt .cc-hdrann-subject {
    height: 50px;
    line-height: 40px;
}
.cc-r-sub .cc-r-container-sub-list .cc-hdrann-close {
    top:28%;
}
.cc-r-sub .cc-hdrann-close {
    top: 32%;
    width: 20px;
    height: 20px;
    mix-blend-mode: multiply;
}

.cc-hdrann-close {
    top: 24px;
    right: 20px;
    background: transparent url('../images/btn_close4.png') center center no-repeat;
    /* opacity: 0.5;*/
}

.cc-hdrann + .cc-product-list-option {
    margin-top: 10px;
}

div.cc-r-sub .cc-hdrann-subject span {
    text-align: right;
}

    div.cc-r-sub .cc-hdrann-subject span + span {
        text-align: left;
    }
.cc-hdrann-main .ann-register {
    position: absolute;
    background-color: transparent;
    border: 1px solid black;
    padding: 5px 10px;
    top: 7px;
    font-size: 13px;
    width: unset;
    display: unset;
    height: unset;
}

@charset "utf-8";

/* common - product
* prod-out-of-stock(available, state)
* quick button
* product-item
* btn-quick-heart
*/

 

.cc-product-item-info {
    text-align: left;
    padding: 5px 0;
    position: absolute;
    top: 0px;
    width: 100%;
    margin-top: 19.5vw;
}
.cc-related-items .cc-product-item-info {
    margin-top: 14.8vw;
}
.cc-4product-list .cc-product-item-info {
    margin-top: 30.5vw;
}
.cc-product-item-size-wrap {
    clear: both;
}

.cc-product-item-size {
    font-size: 12px;
    width: auto;
    max-width: 100%;
    float: left;
    height: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.cc-available-date {
    color: #b81f00;
    font-size: 13px;
    font-weight: 700;
    font-family: 'Titillium Web', sans-serif;
    display: inline-block;
}
.cc-table-pic .cc-prod-available .cc-available-date {
    position: relative;
    top: -2px;
    font-weight:600;
}
.cc-table-pic .cc-prod-available,
.cc-prod-available {
    text-transform: uppercase;
    color: #b81f00;
    border: 2px solid #b81f00;
    padding: 0 3px;
    border-radius: 0;
    height: 13px;
    line-height: 13px;
    font-size: 13px;
    font-weight: 700;
    font-family: 'Titillium Web', sans-serif;
    display: inline-block;
}
.cc-table-pic .cc-prod-out-of-stock,
.cc-prod-out-of-stock { 
    display: inline-block;
    font-size: 10px;
    text-align: center;
    background: #b81f00;
    padding: 0 3px;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    font-family: 'Titillium Web', sans-serif;
    height: 17px;
    line-height: 17px;
}
.cc-table-pic .cc-prod-out-of-stock {
    width: 82px;
}
.cc-prod-also-available {
    font-size: 12px;
    width: auto;
    float: right;
    text-align: right;
    right: 2px;
    position: relative;
}

.cc-price-changed {
    border: 1px solid #ffeded;
    background: #ffeded;
    padding: 0 7px;
    color: #bf1c1c;
    font-weight: 700 !important;
    border-radius: 2px;
    text-transform: uppercase;
}



/* color */
.cc-related-items .cc-product-item-color-1 li,
.cc-media-prd .cc-product-item-color-1 li {
    margin: 0 2px;
}
.cc-product-item-color ul {
    list-style: none;
    padding: 0;
}
.cc-product-item-color li span {
    background-size: 100%;
}
.cc-product-item-color-1 {
    width: auto;
    text-align: right;
    float: right;
    max-width: 50%;
    height: 16px;
    overflow: hidden;
}
.cc-prod-name .color-right {
    max-width:40%;
}
.cc-4product-list .cc-product-item-color-1 {
    max-width: 60%;
}
.cc-product-item-color-1 li {
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: top;
    border-radius: 5.5px;
    margin: 0 2px;
}
.cc-product-item-color-1 li img {
    width: 15px;
    height: 15px;
    display: inline-block;
    vertical-align: top;
    border-radius: 10px;
}


.cc-product-item-color-2 {
    width: auto;
    text-align: left;
}
.cc-product-item-color-2 ul {
    margin: 10px 0;
    padding: 0;
}
.cc-product-item-color-2 li {
    position: relative;
    margin: 0 2px;
    overflow: hidden;
    width: 30px;
    height: 30px;
}
.cc-product-item-color-2 li img {
    width:30px;
    height:auto;
    vertical-align: top;
}
/*.cc-product-item-color-2 li:after {
    content: "";
    display: block;
    width: 22.5px;
    height: 24px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/swatch/swatch-border.png) no-repeat;
}*/
.cc-product-item-color-2 li,
.cc-product-item-color-2 li span {  
    display: inline-block;
    vertical-align: top;
}
.cc-product-item-color-2 li.active:before {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width:30px;
    height:3px;
    background-color:#000;
   
}



/* quick button */
.btn-quick {
    position: relative;
    display: inline-block;
    height: 31px;
    line-height: 13px;
    padding: 0;
    margin: 0;
    background: #fff;
    border: 1px solid #444;
    font-weight: 700;
    text-align: center;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    opacity: 0.6;
    border-radius: 2px;
}
.btn-quick:hover,
.btn-quick:active,
.btn-quick:focus,
.cc-r-container-sub-list .btn-quick.btn-quick-heart:hover,
.cc-related-items .btn-quick.btn-quick-heart:hover{
    background: #ffffff;
    opacity: 1;
}
.btn-quick.is-active {
    background: #fff;
    color: #fff;
}
.btn-quick.is-active:hover,
.btn-quick.is-active:active,
.btn-quick.is-active:focus {
    background: transparent;
    color: #fff;
    opacity: 1;
}
.btn-quick-detail .cc-spr-common, .cc-r-container-sub-list .btn-quick-heart .cc-spr-common,
.cc-related-items .btn-quick-heart .cc-spr-common {
    height: 17px;
    line-height: 17px;
    background: none;
    color: #000;
    text-indent: 0;
    text-transform: uppercase;
    text-align: center;
    display: flex;
    justify-content: center;
}
.btn-quick-heart .cc-spr-fav {
    background-position: -7px -460px;
    height: 17px;
    background-repeat: no-repeat;
    width: 22px;
    text-indent: 120%;
    background-image: url('../images/cc-spr-common.png');
    overflow: hidden;
}
.cc-r-img-container .btn-quick-heart,
.cc-r-main .btn-quick-heart {
    position: absolute;
    top: 0;
    right: 5px;
    border: 0;
    background: transparent;
}
.btn-quick-heart .cc-spr-common:hover,
.btn-quick-heart.is-active .cc-spr-fav {
    background-position: -7px -478px;
    height: 17px;
    background-repeat: no-repeat;
}
.btn-quick-downLoadImage .cc-spr-common,
.btn-quick-downLoadImage .cc-spr-common:hover {
    background: url(/images/save-image.png) no-repeat;
    height: 16px;
    width: 26px !important;
}

.btn-quick-del .cc-spr-common {
    background-position: -5px -637px;
    width: 20px;
    height: 16px;
}
.cc-product-list-wrap {
    width: 100%;
    overflow-x: hidden;
    margin-top: 10px;
    padding: 0 0 0 10px
}
.cc-product-list {
    margin: 0;
    padding: 0;
}
.cc-product-list:after {
    content: "";
    clear: both;
    display: block;
    height: 0;
    line-height: 0;
    font-size: 0;
    visibility: hidden;
}
.cc-product-item {
    position: relative;
    width: 15.57%;
    display:inline-block;
    margin: 0 17px 10px 0;
    padding: 0 0 1px 0;
    list-style: none;
    text-align: center;
    overflow: hidden;
    vertical-align:top;
    min-height:24.5vw;
}
.cc-2product-list .cc-product-item:nth-child(6n+0) {
    margin-right: 0;
}
.cc-product-item-thumb {
    position: relative;
    display: block;
    width: 100%;
/*    height: 375px;
*/    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.cc-product-item-thumb.img-round img{
    border-radius:45px;
}
.cc-product-item-thumb.img-round iframe{
    border-radius:45px;
}
.cc-product-item-thumb iframe + div .cc-prod-title {
    height:19px;
}
.cc-content-side-recently-item .cc-product-item-thumb.img-round img {
    border-radius: 35px;
}
.cc-product-item-thumb:after {
    content: "";
    position: absolute;
    top: 0;
    left: -1px;
    bottom: 0;
    right: -1px;
    z-index: 1;
}
.cc-product-item-thumb div {
/*    position: absolute;
*/    width: 100%;
    height: 100%;
    -webkit-transition: all .6s;
    transition: all .6s;
    z-index: 0;
    overflow: hidden;
}
.cc-product-item-thumb div:nth-of-type(2) {
    opacity: 0;
    z-index: 1;
}
.cc-product-item-thumb img {
    /*position: absolute;*/
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.cc-product-list .cc-product-item-thumb div:nth-of-type(2) img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}
.cc-4product-list .cc-product-item-thumb div:nth-of-type(2) img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto;
}
.product-hover img {
    position: absolute;
}

/* 
.cc-product-item-info {
    text-align: left;
    font-size: 13px;
    padding-left: 2px;
}
.cc-product-item-size li {
    height: 15px;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    
}
*/


/*.cc-product-item-title {
    font-weight: 400;
    color: #000;
    text-overflow: ellipsis;
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    width: auto;
    padding: 3px 5px;
    height: 17px;
    line-height: 17px;
    font-size: 12px;
    background: rgba(255, 255, 255, 0.6);
    z-index:1;
    position:absolute;
}*/
.cc-prod-name {
    height:17px;
    line-height:16px;
}
.cc-product-item-title {
    font-size:12px;
}
/*.cc-4product-list .cc-product-item-title {
    top: 572px;
}*/
.cc-product-item-detail a:hover,
.cc-product-item-title:hover {
    color: #666;
}
.cc-product-item-title {
    right: 0;
/*    top: 358px;*/
}
.cc-product-item-price,
.cc-product-item-price-txt {
    width: auto;
    float: left;
    font-size: 12px;
    font-weight: 400;
}
.cc-product-item-price .discount {
    display: inline-block;
    color: #636363;
    font-size: 12px;
}
.cc-product-item-price .sale {
    color: #df2020;
    font-weight: 700;
}
.cc-product-item-price .normal {
    color: #000;
    font-weight:600;
}
.cc-product-item-detail {
    clear:both;
    margin: 0;
    padding: 0;
}
.cc-product-item-detail li {
    margin: 0;
    padding: 0;
    list-style: none;
    font-size: 12px;
    color: #000;
    line-height: 15px;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
}
.cc-product-item-detail li strong {
    color: #92918f;
    text-align: right;
    background-color: #f2f0ee;
    font-weight: normal;
    width: 70px;
    display: inline-block;
    padding: 0 10px 0 0;
    height: 15px;
    line-height: 15px;
}
.cc-product-item-menu .btn-quick-detail {
    display: none;
    position: absolute;
    z-index: 2;
    top: 13vw;
    bottom: 25%;
    margin: 0;
    padding: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    width: 100px;
    text-transform: uppercase;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}
.cc-product-item-menu .btn-quick-detail:hover,
.cc-product-item-menu .btn-quick-heart:hover{
    color: #000;
}
/*.cc-r-sub .img-round + .cc-product-item-menu .btn-quick-heart {
    top: 10px;
    right: 10px;
}*/
.cc-r-sub .img-round + .cc-product-item-menu .btn-quick-del {
    top: 9px;
    right: 20px;
}
.cc-r-container-sub-list .cc-product-item-menu .btn-quick-heart {
    /* position: absolute;
    top: 0;
    right: 0;
    border: 0;
    background: transparent;
    z-index: 1;*/
    display: none;
    position: absolute;
    z-index: 2;
    top: 15vw;
    bottom: 25%;
    margin: 0;
    padding: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    width: 100px;
    text-transform: uppercase;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}
.cc-related-items .cc-product-item-menu .btn-quick-heart {
    display: none;
    position: absolute;
    z-index: 2;
    top: 10vw;
    bottom: 25%;
    margin: 0;
    padding: 0;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    width: 100px;
    text-transform: uppercase;
    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
}
.cc-product-item-menu .btn-quick-downLoadImage {
    position: absolute;
    top: -1px;
    right: 30px;
    border: 0;
    background: transparent;
    z-index: 1;
}


.btn-quick-available {
    position: absolute;
    top: 0;
    right: 30px;
}
.cc-product-item-menu .btn-quick-downLoadImage.downLoadImage-preview { /*quickview position icon */
    top: 21px;
    left: 583px;
    z-index: 10;
}
.btn-quick-heart-preview {
    display: inline-block !important;
    position: absolute;
    top: 10%;
    left: 25%;
    width: 28px;
    height: 28px;
}
.cc-product-item-menu .btn-quick-del {
    position: absolute;
    z-index: 2;
    top: -1px;
    right: 30px;
    border: 0;
    background: transparent;
}
.cc-product-item-menu li {
    margin: 0 1px 0 0;
    padding: 0;
    display: inline-block;
    list-style: none;
}
.cc-product-item:hover .cc-product-item-thumb .hideDiv {
    opacity: 0;
}
.cc-product-item:hover .cc-product-item-thumb div:nth-of-type(1) {
    opacity: 0;
}
.cc-product-item:hover .cc-item-badge {
    opacity: 1 !important;
}
/*.cc-product-item:hover .cc-product-item-thumb div:nth-of-type(2) {
    opacity: 1;
}*/
.cc-product-item:hover .btn-quick-detail,
.cc-product-item:hover .btn-quick-heart{
    display: block;
    transition: all 0.5s;
    background-color:white;
}

.cc-r-img-container .cc-product-item:hover .btn-quick-heart,
.cc-r-main .cc-product-item:hover .btn-quick-heart {
    background-color: transparent;
}

.favorites .cc-product-item {
    margin-left: 10px;
}
.my-width {
    width: 42%;
}
.my-toolbar {
    position: relative;
    right: 10px !important;
}

.discount-percentage {
    margin-left: 5px;
    background-color: #b81f00;
    color: white;
    padding: 1px 5px;
    border-radius: 10px;
}
.cc-discount-percentage {
    margin:0 5px;
    background-color: #b81f00;
    color: white;
    padding: 2px 10px;
    border-radius: 25px;
    font-size: 20px;
    vertical-align: top;
}
.cc-product-detail-wrapper img.cc-plus-badge-img {
    position: relative;
    display:block;
    left: 0;
    max-width: 80px !important;
    width: auto;
    height: auto !important;
    top: 30px;
    border-radius: 0;
}
.cc-product-item-thumb img.cc-plus-badge-img,
.cc-product-list .cc-product-item-thumb img.cc-plus-badge-img {
    position: relative;
    left: 0;
    max-width: 20% !important;
    width: auto;
    height: auto !important;
    top: 10px;
    border-radius: 0;
    display: block;
}
.cc-r-main .cc-product-item-thumb img.cc-plus-badge-img {
    position:relative;
    left: 0;
    max-width: 20% !important;
    width: auto;
    height: auto !important;
    top: 10px;
    border-radius: 0;
    display: block;
}
.cc-product-detail-wrapper .product-swiper-list .item img.cc-plus-badge-img {
    position:relative;
    left: 0;
    max-width: 50px !important;
    width: auto;
    height: auto !important;
    top: 10px !important;
    border-radius: 0;
    display:block;
}

@charset "utf-8";

/*
* registration page
*/

.cc-register {
    padding: 0;
}
.cc-register-complete .cc-page-header {
    padding:30px 0;
}
.cc-register-complete p {
    width: 65%;
    margin: 30px auto;
    line-height: 24px;
}
.cc-register-complete .cc-register-page a:hover {
    text-decoration:underline;
}
.cc-register-complete .cc-btn-lg{
    width:260px;
}
.cc-register-page.cc-form-table {
    padding: 1% 1% 2% 4%;
    border: 1px solid #d2d2d2;
    margin: 0 auto 30px;
    background: 0;
    width: 78%;
}
.cc-register-page .inner {
    width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
}
.cc-register-page h2 {
    width: 100%;
    margin-bottom: 0;
}

.cc-register-page .cc-form-tabble-wrapper {
    width: 47%;
    float: left;
    margin:0 35px 0 0;
}

.cc-register-page .cc-form-tabble-wrapper + .cc-form-tabble-wrapper {
    margin:0;
}

.cc-register-page th,
.cc-register-page td {
    font-size: 14px;
}

.cc-register-page.cc-form-table .checkbox {
    position: relative;
    top: 0;
}

.cc-register-page .commlabel {
    color: #000;
}

.cc-register-page td {
    position: relative;
}

.cc-register-page table td .cc-radio-list + input {
    position: absolute;
    bottom: 0;
    left: 100px;
    width: 395px !important;
}
.cc-register-page .inner2 {
    overflow: hidden;
}
.cc-register-page .cc-form-table-addinfo1 {
    width: 48%;
    vertical-align: top;
    padding-right: 2%;
    float: left;
}

.cc-register-page .cc-form-table-addinfo2 {
    width: 48%;
    float: left;
}

.cc-register-page .cc-form-table-addinfo1 .cc-commtext {
    width: 97%;
}

.cc-register-page .cc-form-table-addinfo2 .cc-commtext {
    width: 95%;
}

.cc-register-page .cc-form-table_addinfo .cc-commtext {
    width: 510px;
}

.permit-message {
    width: 230px !important;
    color: #DB0000;
    position: absolute !important;
    left: 29.7%;
    margin-top: -10px;
    text-transform: unset !important;
    line-height: 20px !important;
}

.cc-register .cc-btn-lg {
    font-size:18px;
}
.hidden-txt {
    color:white;
}
.cc-register-page.quick-register table tr td {
    width: 100%;
}
.cc-register-page.quick-register {
    width:80%;
}
.quick-register .cc-form-table-title:first-child {
    text-align:center;
    font-size:16px;
}
.quick-register .cc-form-table-title:first-child a:hover {
    text-decoration:underline;
}
.quick-register .cc-pw-msg {
    display: inline;
    padding: 4px 10px;
    margin-left:3px;
}
.cc-register-page input:focus {
    border: 1px solid #101111;
}
.quick-register .commfile .cc-btn-sm-o {
    background:black;
    color:white;
    height:35px;
    line-height:35px;
    width:140px
}
.quick-register .commfile .name {
    text-indent:25px;
    height:26px;
    font-size:14px;
}

.cc-register-page span.k-maskedtextbox {
    width: 100%;
    margin-top: 1px;
    margin-bottom: 3px;
}
.cc-register-page .k-maskedtextbox input {
    width: 100%;
    position: relative;
    display: inline-block;
    height: 30px;
    line-height: 18px;
    padding: 6px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ccc;
    border-radius: 2px;
    font-size: 12px;
    text-indent: 4px;
    text-align: left;
    background-color: #fff !important;
}

@charset "utf-8";

/* product list page
* sidebar css
* top banner - text
* option bar
* prod-state(available)
* list page - section ALL
*/
.cc-product-list-option .cc-option-list-wrap {
    display:flex;
}
.cc-product-list .cc-product-item-thumb img {
    width: auto;
    max-height: 19.6vw;
    max-width: 13.1vw;
    /*max-width: 250px;
    max-height: 19.6vw;*/
}

.cc-4product-list .cc-product-item-thumb img {
    /*max-width: 390px;
    max-height: 30.68vw;*/
    width: auto;
    max-height: 30.5vw;
    max-width: 20.3vw;
}

.cc-product-list .cc-product-item-thumb div:nth-of-type(2) img {
    width: auto;
    /*max-width: 250px;*/
    right: 0;
    text-align: center;
    margin: 0 auto;
}

.cc-4product-list .cc-product-item-thumb div:nth-of-type(2) img {
    width: auto;
    /*max-width: 390px;*/
    right: 0;
    text-align: center;
    margin: 0 auto;
}
.cc-r-sub .cc-product-item-title {
    right: -1px;
}
.cc-top-banner-wrap + .cc-product-list-option {
    margin-top: 5px;
}

.cc-top-banner {
    margin-bottom: 1px;
    overflow: hidden;
}

.cc-top-banner div {
    position: relative;
    margin-bottom: 1px;
    text-align: center;
    line-height: 0;
}

.cc-top-banner-img {
    top: 0;
    left: 0;
    display: inline-block;
}

.cc-top-banner-img img {
    width: 100%;
}

.cc-top-banner-img + a {
    display: inline-block;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.cc-top-banner-img + a > span {
    width: 320px;
    display: inline-block;
    position: absolute;
    top: 28%;
    left: 39%;
}

.cc-top-banner-title {
    display: block;
    color: #fff;
    font-size: 30px;
    font-weight: bold;
    text-transform: uppercase;
}

.cc-top-banner-desc {
    display: inline-block;
    color: #fff;
    font-size: 13px;
    margin: 15px 0 0 0;
    line-height: 20px;
    width: 320px;
}






.cc-content-side-banner {
    margin: 0 0 80px 0;
}
.cc-content-side-banner a {
    display: block;
    text-align: left;
}
.cc-content-side-banner img {
    vertical-align: top;
    width:100%;
}
.cc-content-side-banner strong,
.cc-content-side-banner-title {
    font-size: 18px;
    color: #000;
    display: block;
    margin: 10px 0 8px;
    text-transform: capitalize;
    text-align: right;
}
.cc-content-side-banner span span,
.cc-content-side-banner-desc {
    font-size: 12px;
    color: #555;
    display: block;
    line-height: 14px;
    text-align: right;
}


.cc-content-side-title {
    position: relative;
    display: block;
    margin: 0;
    padding: 0;
    font-size: 17px;
    line-height: 30px;
    font-weight: 700;
    text-transform: uppercase;
}
.cc-content-side-title:first-child {
    padding-top: 0;
}
.cc-sub-3 .cc-content-side-title {
    border-bottom: 1px solid #dddddd;
    text-align: left;
    font-size: 12px;
    font-weight:400;
}
.cc-mid-sub {
    font-weight:bold !important;
    font-size:14px !important;
}
.cc-content-side-title.is-active a {
    border-bottom: 3px solid #000;
}   
.cc-content-side-title a {
    vertical-align: middle;
}

/* option list - sidebar */
.cc-opt-list {
    margin: 0 0 35px 0;
    padding: 0;
    list-style: none;
}
.cc-opt-list-item {
    line-height: 31px;
    display:block;
}
.cc-opt-list-item:first-child {
    margin-top: 0;
}
.cc-opt-list-item a {
    text-transform: uppercase;
    color: #000;
    font-size: 14px;
    vertical-align: middle;
    white-space: normal;
    word-wrap: break-word;
}
.cc-opt-list-item a:hover {
    color: #000;
}
.cc-opt-list-item.is-active > a {
    color: #000;
    border-bottom: 3px solid #000;
    font-weight: 400;
}
.cc-opt-list-last {
}

/* cc-product-list-option */
.cc-product-list-option {
    position: relative;
    padding: 0 0 20px;
}
.cc-product-list-option:after {
    content: "";
    clear: both;
    display: block;
    height: 0;
    line-height: 0;
    font-size: 0;
    visibility: hidden;
}
.cc-product-list-option-top {
    position: relative;
    margin-top: -7px;
}
.cc-option-list-wrap {
    padding: 0 8px 0 10px;
}
.cc-option-list {
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
}
.cc-option-list:after {
    content: "";
    clear: both;
    display: block;
    height: 0;
    line-height: 0;
    font-size: 0;
    visibility: hidden;
}
.cc-option-list-right {
    width: 38%;
    display: flex;
    justify-content: flex-end;
}
.cc-option-list-right .el-pagination {
    margin: 5px 0 0px 0;
    padding: 0 !important;
    border: 0;
}
.el-pagination__total {
    color: #000 !important;
    font-size: 12px !important;
    text-transform: uppercase;
}
.cc-option-list-item.cc-paging-count {
    font-size: 12px;
    margin: 0;
}
.cc-paging-count strong {
    padding: 0 10px 0 5px;
    background: url(../images/option-list-item-bg.gif) no-repeat right center;
}
.cc-paging-count span {
    padding: 0 0 0 10px;
}
.cc-option-list-left {
    width: 47%;
    margin:0;
}
.cc-option-list-center {
    width: 11%;
    z-index:1;
}
.cc-option-list-center button {
    border: 0;
}
.cc-option-list-left .cc-option-list-item {
    margin: 0;
}
.cc-option-list-center .cc-option-list-item button {
    background: url(../images/option-list-item-bg.gif) no-repeat right center;
    padding: 0 1.1em 0 .7em;
    font-weight: normal;
    color: #6a6a6a;
    width: 31px;
}
.cc-option-list-center .cc-option-list-item button:hover {
    border: 0;
}
.cc-option-list-center .cc-option-list-item button.is-active {
    font-weight: 700;
    color: #000;
}
.cc-option-list-center .cc-option-list-item button + button {
    background: none;
    color: #cbcbd7;
}
.cc-option-list-left .cc-option-list-item .cc-commlabel-input {
    padding-left: 0;
}
.cc-option-list-item {
    margin: 0 0 0 3px;
    padding: 0;
    list-style: none;
}
.cc-option-list-item .cc-commlabel-input {
    padding-left: 15px;
}
.cc-prod-state.cc-prod-state-list {
   clear:both;
   width:100%;
   display:block;
}
.cc-item-list-none {
    height: 185px;
    text-align: center;
    line-height: 185px;
    font-size: 13px;
    background: url(/images/noitem.png) no-repeat center;
    padding-top: 90px;
}
.cc-4product-list .cc-item-list-none {
   width: 1568px;
    
}

/* product - list */
.product-swiper-list {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}
.product-swiper-list .item {
    position: relative;
    display: inline-block;
    padding: 0;
    list-style: none;
}
.cc-r-main .product-swiper-list .item {
    width: 24.03%;
    margin: 0 15.5px 0 0;
}
.product-swiper-list .item .link {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
.product-swiper-list .item .link:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #e4e4e4;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
    .product-swiper-list .item img {
        /*position: absolute;
        top: 50% !important;
        left: 50% !important;*/
        height: 100% !important;
        /*-webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);*/
    }
.product-swiper-list .item .cc-product-item-menu .btn-quick-detail { /* main top slide */
    right: 135px;
    top: 512px;
}
.cc-product-item-menu {
    position:absolute;
    width:100%;
    padding:0;
    top:0px;
    z-index:999 !important;
}

/*.cc-prod-title {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 22px;
    line-height: 22px;
    display: inline-block;
    font-weight: 900;
    z-index: 2;
    padding: 0 5px;
    opacity: 1;
    font-size: 20px;
}*/
.cc-prod-title {
    font-size:12px;
    text-align:left;
}
.cc-r-sub .img-round .cc-prod-title {
    left: 0;
}
.cc-r-sub .img-round .cc-prod-title .cc-product-item-title {
    position: relative;
    display: block;
    text-align: center;
    right:unset;
}
/* list page - new slide item */
.product-swiper-list .cc-product-item-thumb {
    width: 100%;
/*    height: 576px !important;
*/}
.product-swiper-list .cc-product-item-size {
    top: 580px;
}
.product-swiper-list .cc-product-item-size li {
    margin: 0 3px 0 0;
}

/* big item = swipper list */
.cc-4product-list .item {
    position: relative;
    display: inline-block;
    width: 24.3% !important;
    margin: 0 8.5px 0 0 !important;
    padding: 0 0 1px 0;
    list-style: none;
    min-height: 36vw;
}
.cc-4product-list {
    margin-left: 0 !important;
}
.cc-4product-list .item:nth-child(4n+0) {
    margin-right: 0 !important;
}
.cc-4product-list .cc-product-item-thumb {
    width: 100%;
    /*height: 590px !important;*/
}
.cc-4product-list .cc-product-item-size {
    
}
.cc-4product-list .item .cc-product-item-menu .btn-quick-detail {
    top:22vw;
}
.cc-4product-list .item .cc-product-item-menu .btn-quick-heart {
    top:24vw
}

/* search result txt */ /* test */
.cc-product-list-result {
    margin: 0;
    font-size: 12px;
    line-height: 30px;
    font-weight: 400;
    text-align: center;
}
.cc-product-list-result .cc-number {
    color: #000;
    font-weight: 700;
}

/* cc-product-list-wrap-event-banner */
.cc-product-list-wrap-event-banner .cc-product-item {
    /* width: 513px;*/
    width:31.5%;
    text-align: left;
    margin: 30px 7px 10px 15px;
    left: 16px;
    float:left;
}
.cc-product-list-wrap-event-banner .cc-product-item:nth-child(1) {
    margin-left: 0;
}
.cc-product-list-wrap-more-title {
    font-size: 17px;
    display: block;
    margin: 10px 0 3px 0;
    font-weight: 700;
    text-transform: uppercase;
}
.cc-product-list-wrap-more-desc {
    font-size: 12px;
    display: inline-block;
    text-align: center;
    padding: 3px 15px 1px;
    border-radius: 2px;
}
.cc-product-list-wrap-event-banner .cc-product-item .cc-more-img img {
    width:100%;
}

/* cc-main-section-1 */
.cc-main-section-1 .product-swiper {
    width: 100%;
    position: relative;
    overflow: hidden;
    z-index: 1;
    display: inline-block;
}
.cc-main-section-1 .product-swiper .swiper-btn-prod {
    top: 46%;
} 
.cc-main-section-1 .cc-product-item-size {
    top: 585px !important;
}
.cc-main-section-1 .item .cc-product-item-menu .btn-quick-detail {
    right: 135px;
    top: 518px;
}
.cc-main-section-1 .product-swiper .swiper-btn-prod-next {
    right: -5px;
}



/* cc-content-side-recently */
.cc-content-side-recently .cc-box-title + div {
    margin: 0 auto;
    padding: 0 25px 50px;
}
.cc-content-side-recently .cc-box-title .name {
    text-align: center;
    margin-bottom: 10px;
    font-size:20px;
}
.cc-content-side-recently-item {
    position:relative;
}

.cc-content-side-recently-item .cc-product-item-info {
    padding: 0 0 10px;
    position:relative;
    margin:0;
}
.cc-content-side-recently-item .discount-percentage {
    display:none;
}
.cc-content-side-recently .cc-btn-sm-o {
    width: 100%;
    height: 28px;
    font-weight: 700;
    font-size: 12px;
    color: #727272;
}
.bottom-toolbar {
    height:28px;
}
.bottom-toolbar .cc-option-list-wrap {
    float:right;
}
.bottom-toolbar .cc-option-list-right {
    float:right;
    justify-content: unset;
}
#productList_BestSelling .cc-product-item-info {
    margin-top: 30.5vw;
}
#productList_BestSelling .cc-product-item {
    min-height: 35.5vw;
}
#productList_BestSelling .cc-product-item img {
    max-height: 30.5vw;
    height:auto !important;
}
/*video*/
.cc-product-item-thumb.item-vid-wrapper {
    position: relative;
    padding-bottom: 140%;
    padding-top: 25px;
    height: 0;
    z-index: 99;
}
.cc-product-item-thumb.item-vid-wrapper iframe {
    pointer-events: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.cc-nav .cc-opt-toggle-btn {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='%238b8b8b' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E");
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    border: none;
    background-color: transparent;
    transform: rotate(-180deg);
    vertical-align: middle;
    margin-left: 10px;
    position: relative;
    top: 3px;
}
.cc-content-side-group-menu .cc-opt-toggle-btn {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 14'%3E%3Cpath fill='%238b8b8b' d='M9.148 2.352l-4.148 4.148 4.148 4.148q0.148 0.148 0.148 0.352t-0.148 0.352l-1.297 1.297q-0.148 0.148-0.352 0.148t-0.352-0.148l-5.797-5.797q-0.148-0.148-0.148-0.352t0.148-0.352l5.797-5.797q0.148-0.148 0.352-0.148t0.352 0.148l1.297 1.297q0.148 0.148 0.148 0.352t-0.148 0.352z'/%3E%3C/svg%3E");
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
    border: none;
    background-color: transparent;
    transform: rotate(-90deg);
    vertical-align: middle;
}
.cc-opt-toggle-btn.expand {
    transform: rotate(-180deg) !important;
}
.cc-opt-list-item.is-active .cc-mid-sub {
    border-bottom: 2px solid #000;
}
.cc-item-badge {
    position: absolute;
    top: 0;
    left: 0;
}

@charset "utf-8";

/* 
* popup css
* layer-message
* size - edit popup
* register-popup
* changepw-popup
* produtdetail - layer popup
*/

.modal {
    position: relative;
    width: 78%;
    height: 98%;
    margin: 0;
    padding: 0px;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 8px 3px;
    transition: all 0.2s ease-in;
    display: flex;
    flex-direction: column;  
}
.modal iframe {
    width: 100%;
    height: 91%;
    top: 20px;
    position: relative;
    overflow-y: hidden;
}
.productLayer .cc-r-container-detail .content .detail-top {
    margin: 0;
    overflow-x: hidden;
}
.productLayer div.cc-info-container {
    width: 826px;
}




/* size chart modal */
.size-chart-modal {
    position: relative;
    /*width: 40%;
    height: 98%;*/
    max-width : 55%;
    max-height : 85%;
    margin: 0;
    padding: 0px;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 8px 3px;
    transition: all 0.2s ease-in;
    display: flex;
    flex-direction: column;
}


/* 
.size-chart-modal p {
    width: 100%;
    height: 91%;
    top: 20px;
    position: relative;
    overflow-y: hidden;
}*/
.overlay {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: #00000094;
    z-index: 10000;
    transition: opacity 0.2s ease;
    text-align: left;
}
.size-chart-overlay {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    background: #00000094;
    z-index: 10000;
    transition: opacity 0.2s ease;
    text-align: left;
}
.size-chart-layer-cotent {
    margin: 20px 0;
    padding: 30px 50px;
    overflow: auto;
}
.size-chart-layer-cotent img {
    width: 100%;
}


/*.fadeIn-enter {
    opacity: 0;
}

.fadeIn-leave-active {
    opacity: 0;
    transition: all 0.2s step-end;
}

    .fadeIn-enter .modal,
    .fadeIn-leave-active.modal {
        transform: scale(1.1);
    }*/

/*button {
    padding: 7px;
    margin-top: 10px;
    background-color: green;
    color: white;
    font-size: 1.1rem;
}*/


/*.modal-mask {
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    display: table;
    transition: opacity .3s ease;
}

.modal-wrapper {
    display: table-cell;
    vertical-align: middle;
}

.modal-container {
    width: 300px;
    margin: 0px auto;
    padding: 20px 30px;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, .33);
    transition: all .3s ease;
    font-family: Helvetica, Arial, sans-serif;
}

.modal-header h3 {
    margin-top: 0;
    color: #42b983;
}

.modal-body {
    margin: 20px 0;
}

.modal-default-button {
    float: right;
}*/



/*
 * The following styles are auto-applied to elements with
 * transition="modal" when their visibility is toggled
 * by Vue.js.
 *
 * You can easily play with the modal transition by editing
 * these styles.
 */

/*.modal-enter {
    opacity: 0;
}

.modal-leave-active {
    opacity: 0;
}

    .modal-enter .modal-container,
    .modal-leave-active .modal-container {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }*/



/*-----------------------------------------------------*/





.wrap_dimmed {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 500;
    display: block;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.5;
    display: none;
}
.content-layer {
    padding: 0 0 20px 0;
    border-radius: 20px;
}
.content-layer .layer-title {
    padding: 0 0 0 15px;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    background-color: #f7f7f7;
}

/* layer message wrap */
.layer-message {
    margin-top: 20px;
    min-width: 478px;
    max-width: 478px;
    padding: 20px 0;
    border: 1px solid #e4e4e4;
    border-width: 1px 0 1px;
    font-size: 14px;
    line-height: 17px;
}
.layer-message p {
    margin: 8px 0 0;
}
.layer-message p:first-child {
    margin: 0;
}

/* size - edit layer */
.cc-edit-count-layer {
    max-width: 465px;
    padding: 0;
}
.cc-edit-count-table {
    margin: 0 auto;
    min-width: 100px;
    padding: 0 40px;
}
.cc-edit-count-layer .layer-title {
    margin-top: 0;
    background: #ebe7e4;
    padding: 15px;
    border-radius: 4px 4px 0 0;
}
.cc-edit-count-header span {
    height: 25px;
    line-height: 20px;
    display: inline-block;
    text-align: center;
    font-weight: 400;
    font-size: 12px;
    width: 45px;
    margin: 0 -2px 0 0;
}
.cc-edit-count-header {
    border-bottom: 1px solid #ccc;
    margin-bottom: 7px;
}
.cc-edit-count-body span {
    margin: 0 -2px 3px 0;
    display: inline-block;
}
.cc-edit-count-table .cc-commtext {
    width: 45px;
    margin: 0 5px 0 0;
    text-align: center;
}
.cc-layer-btn-group {
    text-align: center;
    padding: 20px 0 20px 0;
}
.cc-edit-count-layer + .cc-layer-btn-group .cc-btn-sm-o {
    border-radius: 3px;
    position: relative;
    top: .6px;
}
.cc-edit-count-layer + .cc-layer-btn-group .cc-btn-sm {
    border-radius: 3px;
    background-color: #777;
    border: 0;
}
.cc-edit-count-layer + .cc-layer-btn-group .cc-btn-sm:hover {
    background: #000;
}

/* register-popup */
#rBlock,
#block,
#MainBlock{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .5;
    z-index: 1000;
}
.changepw-popup,
.register-popup {
    position: fixed;
    top: 100px;
    background-color: #fff;
    width: 700px;
    z-index: 1001;
    font-size: 12px;
    padding: 60px;
    margin: 5% auto;
    left: 0;
    right: 0;
}
.main-popup {
    z-index: 1001;
    font-size: 12px;
    padding: 0px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.register-popup .layer-title {
    display: inline-block;
    text-align: center;
    width: 100%;
    padding: 15px 0;
    border-bottom: 2px solid #000;
    margin: 0 0 25px 0;
    font-size: 20px;
}
.not-again {
    position: absolute;
    top: 20px;
    left: 20px;
    display: inline-block;
    border: none;
    background-color: white;
    padding:10px;
    border-radius:30px;
}
.not-again label{
    font-size:16px !important;
}
.not-again label:hover{
    color:black !important;
}
.changepw-popup .close-popup,
.register-popup .close-popup{
    position: absolute;
    top: 35px;
    right: 20px;
    width: 30px;
    height: 30px;
    display: inline-block;
}
.main-popup .close-popup {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 40px;
    height: 40px;
    display: inline-block;
    border: none;
    background-color: transparent;
}
.close-popup a {
    display: block;
    width: 100%;
    height: 100%;
}



.close-popup a img {
    display: inline-block;
    margin:5px;
}
.register-popup .close-popup img {
    width: 100%;
    display: inline-block;
}
.register-popup p {
    line-height: 1.6;
    margin: 0;
}
.register-popup p strong {
    display: block;
    font-weight: 700;
    margin-top: 10px;
}
.register-popup p span {
    line-height: 1.6;
    display: block;
}
.register-popup .btn-wrapper {
    text-align: center;
    margin-top: 100px;
}
.register-popup .btn-wrapper .cc-btn-lg {
    width: 300px;
}

/* changepw-popup */
.changepw-popup {
    width: 800px;
    height: 550px;
    padding: 0;
/*    background: #fff url(../images/change-pw-bg.jpg) no-repeat top left;
*/}
.changepw-popup-img {
    max-width:400px;
    height:100%;
    display:inline-block;
}

.changepw-popup-img img {
    height:100%;
}
.changepw-popup-inner {
    width: 300px;
    float: right;
    text-align: center;
    padding: 0 50px 0 0;
}
.changepw-popup-inner img {
    display: block;
    margin: 120px 0 30px 85px;
}
.changepw-popup-inner span{
    font-weight: 700;
    font-size: 15px;
    color: #000;
    text-transform: uppercase;
}
.changepw-popup-inner span + p {
    font-size: 15px;
    margin: 20px 0 40px 5px;
    line-height: 1.5;
    text-align: left;
}
.changepw-popup-inner .cc-btn-lg {
    width: 290px;
    height: 50px;
    position: relative;
    left: -10px;
    line-height: 50px;
}
.changepw-popup-inner2 {
    max-width: 700px;
    height: 100%;
    text-align: center;
    margin: 0 auto;
}
.changepw-popup-inner2 img {
    display: block;
    margin: 100px auto 30px auto;
    width: 300px;
}
.changepw-popup-inner2 span {
    font-weight: 700;
    font-size: 20px;
    color: #000;
    text-transform: uppercase;
}
.changepw-popup-inner2 span + p {
    font-size: 15px;
    margin: 20px 0 40px 5px;
    line-height: 1.5;
    text-align: left;
}
.changepw-popup-inner2 .cc-btn-lg {
    width: 290px;
    height: 50px;
    position: relative;
    left: -10px;
    line-height: 50px;
}
/* produtdetail - layer popup */
.cc-layer-content-product-detail .layer-content {
    max-width: 1885px;
    width: 1885px;
    height: 1850px;
    margin: 0 auto;
    margin-top: 5px;
    margin-bottom: 5px;
}
.cc-r-img-container.cc-r-img-container-layer {
    width: 1800px;
    margin: 0 0 0 -180px;
}
.cc-r-img-container-layer .image-slider {
    width: 1200px;
}
.cc-r-img-container-layer .cc-magnifier-container img.detail {
    max-width: 1200px;
    max-height: 1800px;
    width: 100%;
}
.cc-r-img-container-layer .thumb-slider {
    float: right;
    margin-right: 100px;
}
.layer-content .magnifier_scope,
.cc-r-img-container-layer .magnifier_scope {
    display: none;
}
.layer-container .cc-magnifier-container,
.cc-r-img-container-layer .cc-magnifier-container {
    cursor: pointer;
}
.layer-content .cc-r-container-detail .content .detail-top {
    /*display: block !important;*/
}

/* on-air */
.cc-layer-container-oa {
    position: fixed;
    z-index:1010;
    left: 18%;
    top: 60px;
    width: 1240px;
/*    height: 100%;
*/    vertical-align: middle;
    text-align: center;
    /*overflow-y: scroll;*/
/*    height:870px;
*/    border: 1px solid #d2d2d2;
}
.cc-layer-container-oa .layer-content {
    width:100% !important;
    margin: 0 !important;
}
.cc-layer-container-oa .btn-layer-close {
    background: url(../images/btn_close4.png) no-repeat;
    width: 36px;
    height: 32px;
    position: absolute;
    right: 5px;
    background-size: 75%;
    top: 10px;
    display: inline-block;
}
.btn-layer-min {
    background: url(../images/inside.png) no-repeat;
    width: 32px;
    height: 32px;
    position: absolute;
    right: 45px;
    background-size: 75%;
    top: 10px;
    display: inline-block;
    border: none;
}
.btn-layer-min:hover {
    opacity:0.5;
}
#onAirLayer {
    display:none;
}
.cc-list-items-oa {
    top:0px !important;
    margin-bottom:10px;
    padding-top:5px;
}
.cc-list-items-oa .product-swiper {
    width:100% !important;
}
/*.oa-top,.oa-bottom {
    display:table;
}*/
.oa-top {
    margin:10px 26px 10px 30px;
}
.oa-bottom {
    margin: 10px 30px 20px 30px;
}
.oa-vid {
    width:62%;
    display:inline-block;
}
.oa-item {
    width:37.5%;
    display:inline-block;
    vertical-align:top;
}
.oa-item .cc-product-item-thumb img {
    height:unset !important;
    top:50% !important;
}
.oa-item .cc-product-item-thumb {
    width:50%;
    margin-left:5px;
    display:inline-block;
}
.oa-item .cc-product-item-thumb:hover .oa-quick{
    opacity:0.7;
    cursor: pointer;
    z-index:2;
}
.oa-item .cc-product-item-info, .oa-bottom .cc-product-item-info {
    width: 100%;
    margin-top:0;
}
.oa-item .cc-product-item-detail {
    margin-top:327px;
}
.oa-bottom .cc-product-item-detail {
    margin-top: 345px;
}
.oa-item-detail {
    width: 47%;
    display: inline-block;
    float: right;
}
.oa-detail-title {
    font-size: 16px;
    font-weight:600;
}
.oa-item .cc-product-item-title {
    top: 310px !important;
    width: unset;
    height: unset;
}
.oa-pack {
    width:24%;
    margin: 2px;
    display:inline-block;
    float:right;
}
.oa-size {
    font-size: 12px;
    padding: 0 0 5px 0;
    margin:2px 0;
    border-bottom: 1px solid black;
}
.oa-item .cc-commtext {
    width:100%;
    text-indent: 0;
    text-align: center !important;
}
.oa-pack span {
    font-size: 13px;
    position: absolute;
    top: 250px;
    right: 38px;
}
.oa-item-detail ul {
    background-color: #ececec;
    margin: 5px 0;
    height:323px;
}
.oa-item-detail ul li {
    display:table;
    width:100%;
    margin:2px;
}
.oa-item-top {
    height: 373px;
}
.oa-total {
    background-color:#ececec;
    vertical-align: bottom;
    padding: 6px 10px;
    display:inline-block;
    width:42.5%;
    float: right;
}
.oa-total span {
    position:relative;
    display:table;
    width:100%;
}
.oa-qty, .oa-amount {
    display: inline-block;
    width: 50%;
    text-align: right;
    font-size: 13px;
    font-weight: 800;
    vertical-align: top;
}
.oa-qty {width:36% !important;}
.oa-title {
    padding: 0 5px;
    height: 17px;
    line-height: 17px;
    font-size: 12px;
    text-align: right;
    background: rgba(255, 255, 255, 0.5);
    color: #000;
    position: absolute;
    top: 329px;
    right: 0;
}
.oa-order-btn {
    width:25%;
    border:none;
    color:white;
    background-color:black;
    font-size:13px;
    padding: 12px 10px;
    font-weight:600;
    display:inline-block;
    margin-left:5px;
}
.oa-checkout-btn {
    width: 24%;
    border: 1px solid black;
    background-color: white;
    font-size: 13px;
    padding: 12px 10px;
    font-weight: 600;
    display:inline-block;
}
.oa-order-btn:hover {background-color:#555;}
.oa-color-swatch {
    display: inline-block;
    width: 47%;
}
.oa-color-swatch img {
    width:18px;
    height:18px;
    margin:5px;
    position:relative;
    top:2px;
}
.oa-color-swatch span {
    font-size: 10px;
    position: relative;
    top: -7px;
    white-space: nowrap;
    max-width: 63px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}
.oa-quick {
    background: #fff;
    border: 1px solid #444;
    font-weight: 700;
    text-align: center;
    transition: all .2s;
    opacity: 0;
    border-radius: 2px;
    position:absolute;
    top:46%;
    left:20%;
    font-size:12px;
    padding:5px 8px;
}
.oa-available {
    border:1px solid #cd0000;
    font-size:10px;
    position: relative;
    top:-8px;
    padding:1px;
    color: #cd0000;
    border-radius:2px;
}
#liveVideo {
    display: none;
    float: left;
    width:300px;
    position: fixed;
    bottom:15px;
    left:15px;
    z-index:999;
}
.on-air-title {
    background-color: rgba(255, 255, 255, 0.8);
    color: #d80000;
    font-weight: 600;
    font-size: 18px;
    width: 23%;
    padding: 10px 15px;
}
#closeLiveVideo {
    bottom: 109px;
    float: right;
    position: absolute;
    left: 300px;
    cursor: pointer;
}
#maxVideo {
    bottom: 139px;
    float: right;
    position: absolute;
    left: 300px;
    cursor: pointer;
}
.cc-product-item-color li.cc-color-1 {
    background-image: url('../images/swatch/1.jpg');
}
.cc-product-item-color li.cc-color-2 {
    background-image: url('../images/swatch/2.jpg');
}
.cc-product-item-color li.cc-color-3 {
    background-image: url('../images/swatch/3.jpg');
}
.cc-product-item-color li.cc-color-4 {
    background-image: url('../images/swatch/4.jpg');
}
.cc-product-item-color li.cc-color-5 {
    background-image: url('../images/swatch/5.jpg');
}
.cc-product-item-color li.cc-color-6 {
    background-image: url('../images/swatch/6.jpg');
}
.cc-product-item-color li.cc-color-7 {
    background-image: url('../images/swatch/7.jpg');
}
.cc-product-item-color li.cc-color-8 {
    background-image: url('../images/swatch/8.jpg');
}

@-moz-document url-prefix() {
    .oa-color-swatch {
        width: 46%;
    }
    .oa-item-detail ul {
        height: 322px;
    }
}

/*main popup*/
@-webkit-keyframes fadeinout {
 0% {opacity:0;}
  100% {opacity:1;}
}
@keyframes fadeinout {
  0% {opacity:0;}
  100% {opacity:1;}
}
.main-popup {
    -webkit-animation: fadeinout 1s linear forwards;
    animation: fadeinout 1s linear forwards;
}
#MainBlock, #MainPopup {
    display:none;
}
.main-popup-txt {
    text-align: center;
    position: absolute;
    top: 50%;
    padding: 0 50px;
}
.main-popup-txt span {
    font-size:48px;
}
.main-popup-txt p {
    font-size:20px;
}

@charset "utf-8";

/*
* quickview popup IN product 
* 
*/

/*.modal {
    width: 75%;
    margin: 0px auto;
    padding: 0px;
    background-color: #fff;
    border-radius: 2px;
    box-shadow: 0 2px 8px 3px;
    transition: all 0.2s ease-in;
    height: 95%;
}*/


.cc-layer-box {
    width: 75%;
    margin: 0px auto;
    padding: 0px;
    background-color: white;
    border-radius: 2px;
    box-shadow: 0 2px 8px 3px;
    transition: all 0.2s ease-in;
    height: 95%;
}


/*--------------------------------------------------*/
.cc-layer-container {
    position: fixed;
    display: none;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    vertical-align: middle;
    text-align: center;
    overflow-y: scroll;
}

    .cc-layer-container:before {
        content: '';
        display: inline-block;
        height: 100%;
        vertical-align: middle;
    }

.layer-content {
    position: relative;
    display: inline-block;
    max-width: 1350px;
    margin: 20px 0;
    background: #fff;
    text-align: left;
    vertical-align: middle;
    border-radius: 4px;
}

.layer-contents {
    width: 1320px;
    margin: auto;
}

.layer-contents .thumb {
    cursor: default;
    position: relative;
    top: 0px;
    left: 80px;
    width: 1200px;
    height: 1800px;
    overflow: hidden;
}

.layer-content .cc-product-options {
    min-height: 0;
}

.layer-content .cc-option-table table .cc-left-col {
    width: 180px;
}

.layer-content .cc-option-table table .col {
    width: 40px;
}

.layer-content .cc-option-table table .col-qty {
    width: 30px;
    padding-right: 10px;
}

.layer-content .cc-option-table table .col-amt {
    width: 80px;
}

.layer-content .cc-option-table table .cc-commtext.input-pack {
    max-width: 42px;
}

.btn-layer-close {
    background: url(../images/btn_close4.png) no-repeat 5px;
    width: 36px;
    height: 32px;
    position: absolute;
    right: 25px;
    top: 15px;
    padding:5px;
    display: inline-block;
    z-index: 1000;
}

.btn-layer-close:hover {
    opacity: .5;
    display: inline-block;
    width: 36px;
    height: 32px;
}
.backto-product {
    padding-left: 20px;
    font-size: 11px;
    background: url(../images/btn-back.png) no-repeat;
    width: 150px;
    height: 40px;
    position: absolute;
    z-index: 1000;
    top: 15px;
    left: 30px;
    cursor: pointer;
}
.backto-product:hover {
    opacity: .5;
}
.backto-product span {
    margin-left: 20px;
    line-height: 32px;
}
.cc-r-container-detail .cc-content-layer-pdct {
    padding: 20px 0 0 0;
}
.layer-content .cc-r-container-detail {
    width: 1330px;
    padding-left: 0;
    padding-bottom: 0;
}

.cc-content-layer-pdct .cc-info-container {
    width: 650px;
    margin: 0;
    padding: 1px 15px 0 15px;
    overflow-x: hidden;
}

.cc-content-layer-pdct .cc-option-table table thead .cc-left-col-2,
.cc-content-layer-pdct .cc-option-table table tfoot .cc-left-col-2,
.cc-content-layer-pdct .cc-option-table table tbody .cc-left-col-2 {
    width: 67px !important;
}

.cc-content-layer-pdct .cc-magnifier-container img.detail {
    width: 380px;
}
.cc-content-layer-pdct .thumb-slider {
    height: 570px !important;
}
.modal .button-group {
    width: 100%;
    padding: 10px 0 10px 0;
    border-top: 1px solid #d2d2d2;
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}
.modal .button-group .cc-btn-lg-o {
    margin-left: 20px;
    margin-right: 20px;
    width: 210px;
}
.modal .button-group .cc-btn-lg {
    width: 250px;
    margin-right: 15px;
}
.layer-content .cc-product-item-menu .btn-quick-heart {
    z-index: 1000 !important;
}
/*.productLayer .cc-product-item-menu {
    display:none;
}*/


@charset "utf-8";
/*
* product-swiper css
*/

/* swiper gallery js */
.swiper-box {
    position: relative;
    overflow: hidden;
}
.swiper-box:hover .swiper-btn {
    opacity: 1;
}
.swiper-wrapper {
    position: relative;
    z-index: 3;
    margin: 0 0 0 5px !important;
    padding: 0;
    font-size: 0;
    white-space: nowrap;
}
.swiper-slide {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none;
}
.swiper-slide a {
    display: block;
}
.swiper-slide img {
    width: 100%;
    vertical-align: top;
}
.swiper-btn {
    position: absolute;
    z-index: 5;
    top: 50%;
    margin-top: -35px;
    opacity: 0.5;
    display: inline-block;
    padding: 0;
    border: 0;
    overflow: hidden;
    background-color: transparent;
    /* background-image: url('../images/_cc-spr-common.png');*/
    text-indent: 120%;
    text-align: left;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: none;
    white-space: nowrap;
}
.btn-swiper-detail-prev,
.swiper-btn-prev {
    background-position: 0 -494px;
    width: 35px;
    height: 50px;
}
.btn-swiper-detail-next,
.swiper-btn-next {
    background-position: 0 -544px;
    width: 35px;
    height: 50px;
}
.swiper-button-disabled {
    opacity: 0.5 !important;
}
/*.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination {
    position: absolute;
    z-index: 5;
    width: 100%;
    bottom: 39px;
    height: 0;
    overflow: visible;
    left: 0;
    text-align: center;
}*/
.swiper-btn-page {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin: 0 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-indent: 120%;
    white-space: nowrap;
    border-radius: 50%;
    background: #333;
    opacity: 0.3;
}
.swiper-btn-page.swiper-pagination-bullet-active {
    opacity: 1;
}
.product-swiper {
    position: relative;
    overflow: hidden;
    z-index: 1
}
.product-swiper .swiper-btn-prod {
    position: absolute;
    z-index: 10;
    opacity: 1;
    top: 26%;
    display: block !important;
}
.product-swiper .swiper-btn-prod span {
    display: inline-block;
    padding: 0;
    border: 0;
    overflow: hidden;
    background-color: transparent;
    background-image: url('../images/cc-spr-common.png');
    text-indent: 120%;
    text-align: left;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: none;
    white-space: nowrap;
}
.product-swiper .swiper-btn-prod-prev {
    left: -1px;
}
.product-swiper .swiper-btn-prod-prev span {
    background-position: 3px -494px;
    width: 40px;
    height: 50px;
}
.product-swiper .swiper-btn-prod-next {
    right: 0px;
}
.product-swiper .swiper-btn-prod-next span {
    background-position: 5px -543px;
    width: 40px;
    height: 50px;
}



@charset "utf-8";

/*
* completed-table css
*/

.cc-completed-wrapper {
    width: 80%;
    float: left;
    margin-bottom: 50px;
}

.cc-completed-table table tbody tr td {
    padding: 0;
}

.cc-completed-table .cc-cart-product-item {
    padding: 3px 0 4px 70px;
    min-height: 93px;
    width: 92%;
}

    .cc-completed-table .cc-cart-product-item .title:first-child {
        float: left;
        width: 18%;
        padding-top: 3px;
    }

.cc-completed-table .order-option-list {
    width: 100%;
    float: Left;
    padding: 0;
}

.cc-completed-table table .col-price {
    width: 165px;
    vertical-align: top;
    padding: 18px 40px 0 0;
}

.cc-completed-table .color-name {
    display: inline-block;
    width: 25%;
    padding-left: 20px;
}

.cc-com-pk {
    display: inline-block;
    width: 10%;
}

.cc-com-count {
    display: inline-block;
    width: 10%;
    text-align: right;
}

.cc-completed-table .size-list {
    display: inline-block;
    width: 60%;
}

.cc-completed-table em {
    font-style: normal;
}

/*.cc-completed-table .cc-prod-out-of-stock,
.cc-completed-table .cc-prod-available {
    position: absolute;
    left: 70px;
    top: 25px;
    font-size: 11px;
}

.cc-completed-table .cc-prod-out-of-stock,
.cc-completed-table .cc-prod-available {
    font-size: 12px;
    position: absolute;
    left: 70px;
    top: 25px;
}*/

/* completed */
.cc-order-table table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    padding: 0;
    vertical-align: middle;
}

    .cc-order-table table .cc-col-item {
        width: auto;
    }

    .cc-order-table table .cc-col-price {
        text-align: right;
        vertical-align: top;
        padding: 8px 0 0 0;
    }

    .cc-order-table table tbody tr td {
        text-align: center;
        color: #000;
        font-size: 12px;
        border-bottom: 1px solid #e2e2e2;
    }

    .cc-order-table table tbody tr .cc-col-item {
        text-align: left;
    }

    .cc-order-table table tbody tr .input-pack {
        width: 50px;
        text-indent: 0;
        text-align: center;
    }

    .cc-order-table table tbody tr .cc-price {
        display: block;
        text-align: right;
        color: #333;
    }

    .cc-order-table table tbody tr .col_btn {
        text-align: right;
    }
.cc-completed-table .cc-prod-available {
    position: unset !important;
    margin-right: 50px;
}
.cc-completed-table .cc-available-date {
    top: -16px !important;
}

@charset "utf-8";

/* etc subpage css
* my-credit-card
* my-statement
* about us
* show info
* contact us
*/

.cc-sub-title-top {
    font-size: 25px;
    font-weight: 700;
    text-align: center;
    margin: 0;
    padding: 0;
    text-transform: uppercase;
}
.cc-basic-part {
    text-align: center;
    margin: 20px 0 20px 0;
}
.cc-basic-part-title {
    margin: 0 0 4px;
    font-size: 20px;
    line-height: 26px;
    font-weight: 700;
}
.cc-basic-part-content {
    margin: 0;
    line-height: 20px;
    color: #000;
    font-size: 12px;
    padding-top: 15px;
}
.cc-doc-content {
    border: 1px solid #d2d2d2;
    margin: auto;
    padding: 45px 70px 45px 70px;
    border-radius: 2px;
}
.cc-doc-title {
    font-size: 30px;
    font-weight: 400;
    display: block;
    margin-bottom: 30px;
}
.cc-ann-content-wrapper {
    border: 1px solid #d2d2d2;
    padding: 45px 70px 45px 70px;
    margin: auto;
    border-radius: 2px;
    min-height: 300px;
}
.cc-post-content:after {
    content: "";
    clear: both;
    display: block;
    height: 0;
    line-height: 0;
    font-size: 0;
    visibility: hidden;
}

/* my-credit-card */
.cc-my-credit-card-wrapper {
    border: 1px solid #d2d2d2;
    padding: 45px 70px 45px 70px;
    margin: auto;
    border-radius: 2px;
}

/* my-statement */
.cc-my-statement .btn-print {
    right: 0px;
    background-position: -5px -857px;
    height: 28px;
    width: 30px;
}
.cc-my-statement .btn-print {
    top: 28px;
}

/* about us */
/*.cc-cont-aboutus {
    position: relative;
    padding: 50px 0 25px;
    margin: 20px 0 0 0;
}
.cc-cont-aboutus strong {
    text-align: center;
    margin: 0 auto;
    margin-bottom: 70px;
}
.cc-cont-aboutus strong:after {
    content: "";
    display: block;
    height: 2px;
    position: relative;
    top: 35px;
    background: url(../images/title_bg.png) repeat-x;
    width: 30px;
    left: 510px;
}
.cc-cont-aboutus p {
    font-size: 12px;
    line-height: 20px;
    margin: 40px auto 40px;
    text-align: center;
}*/
.cc-cont-aboutus p img {
    max-width:100%;
}

/* show info */
.cc-show-info {
    line-height: 21px;
    font-size: 12px;
}

/* size chart */
.cc-size-chart img {
    width:100%;
}

/* contact us */
.cc-form-table-contact-us {
    position: relative;
    padding: 50px 20px 25px 20px;
    margin: 20px 0 0 0;
    border:1px solid #d2d2d2;
}
.cc-form-table-contact-us table + .cc-commbtn-group {
    margin: 20px 0 50px 0;
}

.cc-press img {
    width:100%;
}

/* error */
.cc-r-err, .cc-r-err body{
    height:100%;
}
.cc-error-wrapper {
    width: 45%;
    height: 500px;
    background-color:white;
    border-radius:50px;
    -webkit-box-shadow: 0px 11px 50px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 11px 50px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 11px 50px 0px rgba(0,0,0,0.1);
    margin:0 auto;
    text-align:center;
    position:relative;
    top:50px;
    padding:50px 0;
}
.cc-error-wrapper p {
    margin-top: 50px;
    font-size:18px;
}
.cc-error-wrapper h1 {
    margin-top:100px;
}
.cc-error-wrapper h2 {
    font-weight:400;
    font-size:22px;
}
.cc-error-wrapper .re-btn {
    background-color: black;
    border-radius: 30px;
    padding: 20px;
    color: white;
    margin-top: 100px;
    width: 170px;
    font-size: 18px;
    border: none;
    font-weight:bold;
    display:inline-block;
}
.cc-set-pw-wrapper {
    width:70% !important;
}
.cc-set-pw-wrapper p {
    text-align: center;
}
.cc-set-pw-wrapper .cc-sub-title-top {
    padding: 20px 0;
}
.cc-set-pw-wrapper .cc-login-group-item {
    float: none;
    height: unset;
}
.cc-set-pw-wrapper .cc-login-group-item fieldset {
    width:60%;
    margin:0 auto;
}
.cc-set-pw-wrapper .cc-pw-msg{
    padding: 12px 15px;
}
.cc-set-pw-wrapper .cc-pw-msg span{
    display:unset;
    margin:unset;
}
.cc-set-pw-wrapper fieldset .cc-btn-lg {
    width:100%;
    margin: 5% auto 8%;
    font-size:16px;
}
.cc-btn-exprd {
    width: 30%;
    display: block;
    margin: 6% auto 0;
    font-size: 16px;
}
.cc-btn-exprd:last-child{
    margin:5% auto 6%;
}

@charset "utf-8";

/*
* detail - left(slider), right section 
* cc-simple-dct
* review 
* event-banner section
* related-items 
*/
 
/* color swatch */
.cc-swatch {
    margin-top: 3px;
}
.cc-swatch strong {
    font-weight: 600;
}
.cc-content-side-group .cc-swatch {
    border-top: 0;
}
.cc-swatch .cc-swatch-title {
    margin: 0;
    font-size: 14px;
    line-height: 40px;
    font-weight: 400;
}
.cc-swatch .cc-swatch-list {
    list-style: none;
    margin: 0;
    padding: 5px 0 0 0;
    margin-left: -5px;
}
.cc-swatch .cc-swatch-list .cc-swatch-list-item {
    float: left;
    margin-left: 5px;
    margin-bottom: 5px;
    height: 33px;
}
.cc-swatch .cc-swatch-list .cc-swatch-list-item a {
    display: inline-block;
    width: 23px;
    height: 23px;
    overflow: hidden;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}
.cc-swatch .cc-swatch-list .cc-swatch-list-item img {
    width: 23px;
    height: 23px;
}
.cc-swatch .cc-swatch-list .cc-swatch-list-item a:hover {
    border-bottom: 3px solid #bbb;
    padding-bottom: 2px;
}
.cc-swatch .cc-swatch-list .cc-swatch-list-item.selected a {
    padding-bottom: 2px;
    border-bottom: 3px solid #000;
}

/* new */
.cc-simple-dct {
    margin-top: 10px;
    margin-bottom: 10px;
    padding: 1px 16px 1px;
    border: 1px solid #dadada;
}
.cc-simple-dct-nonDesc {
    border: 0;
}
.cc-simple-dct .cc-simple-dct-content {
    margin: 5px 0 4px 3px;
    font-size: 14px;
}
.cc-simple-dct .cc-simple-dct-content p {
    color: #000;
    margin: 0;
    padding: 0;
    line-height: 21px;
    word-break: break-word;
}
.cc-review-wrapper {
    position: relative;
}
.cc-simple-dct .simple-dct-title {
    margin: 0;
    padding: 0;
    position: relative;
}
.simple-dct-title a .icon {
    position: absolute;
    left: -25px;
    top: 5px;
    display: block;
    width: 18px;
    height: 18px;
    font-size: 0;
    background: url(../images/icon-plus.png) no-repeat 0 0;
}
.cc-simple-dct .simple-dct-title a .icon span {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    height: 18px;
    width: 18px;
    font-size: 0;
    background: #000;
    background: url(../images/icon-minus.png) no-repeat 0 0;
}
.cc-simple-dct .simple-dct-title a.is-active .icon span {
    display: none;
}

/* cc-simple-desc-height - height */
.cc-simple-dct-content-height {
    /*height: 65px;*/
    overflow: hidden;
}

/* cc-simple-desc-noheight - auto height */
.cc-simple-dct-content-noheight {
    height: auto;
}

/* review */
.cc-write-review {
    margin: 15px 0 0;
    padding: 0;
    border: 0;
}
.cc-write-review-btns {
    text-align: center;
}
.cc-write-review-title {
    margin: 0;
    font-size: 12px;
    font-weight: 700;
}
.cc-write-review-textarea {
    display: block;
    width: 100%;
    height: 135px;
    padding: 15px;
    margin: 10px 0 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #e8e8e8;
    background: #fff;
    resize: vertical;
    border-radius: 2px;
}
.cc-write-review-btns {
    padding: 8px 0 0 0;
}
.cc-write-review-btns .commbtn_m {
    padding: 10px 0 0 0;
    border-top: 3px solid #ddd;
}
.cc-review-container {
    clear: both;
    width:100%;
    margin: 0 auto;
}
.cc-product-review {
    clear: both;
    width: 100%;
    margin: 0 10px;
}
.cc-product-review-title {
    margin: 0;
}
.cc-product-review-title a {
    position: relative;
    display: block;
    height: 50px;
    font-size: 15px;
    font-weight: 700;
    line-height: 55px;
    text-align: center;
    border-bottom: 1px solid #e3e3e3;
    padding-right: 80px;
    padding-left: 80px;
}
.cc-product-review-title a .name {
    border-bottom: 3px solid #000;
    padding: 0 5px 12px 5px;
    text-transform: uppercase;
}
.cc-product-review-title a .icon {
    position: absolute;
    right: 19px;
    top: 50%;
    display: block;
    width: 17px;
    height: 1px;
    font-size: 0;
    background: #000;
}
.cc-product-review-title a .icon span {
    position: absolute;
    left: 8px;
    top: -8px;
    display: block;
    height: 17px;
    width: 1px;
    font-size: 0;
    background: #000;
}
.cc-product-review-title a.is-active .icon span {
    display: none;
}
.cc-product-review-title span.count {
    font-weight: 400;
    font-size: 12px;
}
.cc-review-list {
    margin: 0;
    padding: 0;
}
.cc-review-item {
    margin: 0;
    padding: 20px 0 20px 0;
    list-style: none;
    border-bottom: 1px solid #e4e4e4;
    overflow: hidden;
}
.cc-review-item-left {
    width: 190px;
    float: left;
}
.cc-review-item-right {
    width: 80%;
    float: right;
    position: relative;
}
.cc-review-item-name {
    display: block;
    font-size: 12px;
}
.cc-review-item-info {
    display: block;
    font-size: 12px;
    color: #999;
}
.cc-review-item-content {
    margin: 0;
    line-height: 15px;
    font-size: 12px;
    line-height: 18px;
    color: #000;
    word-break: break-all;
    width: 92%;
}
.cc-review-item-delete {
    display: inline-block;
    margin-top: 10px;
    font-size: 13px;
    color: #999;
    border: 0;
    height: 15px;
    line-height: 15px;
    position: absolute;
    top: -7px;
    right: 17px;
}
.cc-review-item-delete .cc-spr-common {
    background-position: -8px -637px;
    width: 14px;
    height: 17px;
    margin: -2px 3px 0 0;
}
.cc-review-item-delete .cc-spr-common:hover {
    opacity: .7;
}

/* recently-viewed */
.cc-product-list-wrap.cc-recently-viewed {
    width: 1330px;
    margin: 0 auto;
    padding: 30px 0 0 40px;
}
.cc-recently-viewed .cc-product-item {
    width: 120px;
}
.cc-recently-viewed .cc-product-item-thumb {
    height: 180px;
}
.cc-recently-viewed .cc-product-item {
    margin: 0 0 10px 13px;
}
.cc-recently-viewed .cc-product-item:nth-child(1),
.cc-recently-viewed .product-list {
    margin-left: 0;
}
.cc-recently-viewed .cc-product-item-menu {
    top: 10px;
    right: 5px;
}

/* product detail */
.img-slider {
    /* width: 640px !important;*/
    height: 780px !important;
    overflow: hidden;
    visibility: hidden;
}
.cc-r-img-container {
    position: relative;
    z-index: 5;
    overflow: hidden;
    width: 600px;
    float: left;
}
.zoom-bg {
    background: url(../images/zoom-bg.png) no-repeat 0 0;
    width: 45px;
    height: 45px;
    display: block;
    position: absolute;
    bottom: 25px;
    right: 20px;
    z-index: 100;
    border: 0;
}
.btn-quick-heart-preview {
    left: 608px !important;
    top: 23px !important;
    z-index: 1000 !important;
    position: absolute;
    border: 0;
    background: none;
    width: 35px;
}
.cc-r-img-container .cc-product-item-menu .btn-quick-heart,
.cc-r-img-container .cc-product-item-menu .btn-quick-downLoadImage {
    z-index: 1000 !important;
}
.btn-proitem-best .cc-spr-common {
    width: 35px;
    height: 43px;
    position: absolute;
    top: 10px;
    right: 10px;
    background-position: 0 -574px;
    z-index: 10;
}
.cc-small-txt-menu-wrap {
    position: relative;
}
.btn-proitem-wrapper {
    display: block;
}
.btn-proitem-new {
    background: #fff;
    border: 1px solid #000;
    color: #000;
    font-size: 12px;
    line-height: 10px;
    text-align: center;
    padding: 0 5px;
    z-index: 0;
    font-weight: 700;
    border-radius: 2px;
}
.btn-proitem-best {
    margin: 0;
    background: #000;
    color: #fff;
    font-size: 12px;
    line-height: 10px;
    text-align: center;
    padding: 0 5px;
    z-index: 0;
    border: 1px solid #000;
    font-weight: 600;
    border-radius: 2px;
}
.btn-proitem-best:hover {
    color: #fff;
}
#zoomImgs {
    left: 0px !important;
    width: 520px !important;
    height: auto !important;
    max-height: 780px !important;
}
.image-slider {
    position: relative;
    z-index: 2;
    overflow: hidden;
    width: 520px;
    float: right;
}
.image-slider-roll {
    position: relative;
    z-index: 10;
    white-space: nowrap;
    font-size: 0;
    padding-top: 150%;
    cursor: default;
    top: 0px;
    left: 80px;
    width: 520px;
    height: 780px;
    overflow: hidden;
}
.image-slide {
    position: absolute;
    top: 0;
    height: 100%;
    width: 100%;
    vertical-align: top;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}
.image-slider-next,
.image-slider-prev {
    position: absolute;
    z-index: 3;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.image-slider-prev {
    left: 0;
}
.image-slider-next {
    right: 0;
}
.thumb-slider {
    position: relative;
    overflow: hidden;
    padding: 0;
    height: 800px !important;
}
.cc-content-layer-pdct .image-slider-next,
.cc-content-layer-pdct .image-slider-prev {
    margin-top: 0;
}
.thumb-slider-roll {
    width: 60px;
    z-index: 2;
    white-space: nowrap;
    font-size: 0;
    margin: 0;
}
.thumb-slide {
    display: block;
    vertical-align: top;
    height: 100%;
    margin-bottom: 10px;
    width: 60px !important;
    height: 90px !important;
}
.thumb-slide-anchor {
    position: relative;
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
}
.thumb-slide-anchor:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: transparent;
    border-bottom: 2px solid #393939;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .2s;
    transition: all .2s;
    opacity: 0;
}
.is-active .thumb-slide-anchor:after {
    opacity: 1;
}
.thumb-slide-img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    opacity: .5;
    -webkit-transition: all .5s;
    transition: all .5s;
}
.is-active .thumb-slide-img {
    opacity: 1;
}
.magnifier-container {
    position: relative;
    z-index: 111500;
    display: block;
    width: 100%;
    height: 100%;
}
span.magnifier-container {
    cursor: default;
}
.magnifier-container .inner {
    display: block;
}
.magnifier-container img {
    display: block;
}
.magnifier-container img.detail {
    max-width: 520px;
    max-height: 800px;
    width: 100%;
}
.magnifier-container img.quickview {
    max-width: 413px;
    max-height: 619.5px;
}
.magnifier_scope {
    position: absolute;
    width: 150px;
    height: 150px;
    border: 1px solid #000;
    background: #fff;
    opacity: 0.2;
    z-index: 10;
}
.magnifier_image {
    position: absolute;
    z-index: 1;
    left: 100%;
    top: 0;
    width: 100%;
    height: 810px !important;
    margin-left: 300px;
    border: 1px solid #ccc;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    margin: -1px 0 0 15px;
    background: #fff;
}
.magnifier_image img {
    min-height: 100%;
    min-width: 100%;
    width: auto;
    height: auto;
}
.magnifier_img {
    position: absolute;
    left: 0;
    top: 0;
}

/* right */
div.cc-info-container {
    position: relative;
    float: left;
    margin-left: 35px;
    width: 826px;
}
.cc-color-name {
    max-width:165px;
}
.cc-info-container .price-wrap .cc-future {
    position: relative;
    top: -2px;
}
.cc-info-container .cc-prod-out-of-stock {
    font-size: 17px;
    width: auto;
    padding: 1px 3px;
    height: 16px;
    line-height: 16px;
}
.cc-info-container .cc-available-date,
.cc-info-container .cc-prod-available {
    font-size: 17px;
    width: auto;
    padding: 0 3px;
    height: 16px;
    line-height: 16px;
}
.cc-product-title {
    font-size: 24px;
    line-height: 28px;
    font-weight: 400;
    margin: -5px 10px 0 0;
    position: relative;
    top: 3px;
    display: inline-block;
}
.cc-product-price {
    display: block;
    margin-top: 5px;
    font-size: 23px;
    line-height: 24px;
    font-weight: 700;
}
.price-wrap {
    position: relative;
}
.cc-product-price .cc-sale {
    color: #df2020;
}
.product-price .cc-normal {
    color: #000;
}
.cc-product-price .cc-discount {
    color: #5e5e5e;
    font-weight: 400;
    padding-left: 5px;
    font-size: 23px;
}
.cc-info-container .cc-normal {
    margin-right: 5px;
}
.cc-size-box {
    position: absolute;
    top: 25px;
    right: 0;
   
    text-align: center;
    width: 170px;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}
    .cc-size-box .cc-btn-size-single {
        border: 1px solid #000;
        font-size: 13px;
        display: block;
        font-weight: 700;
        padding: 0 11px;
        line-height: 45px;
        height: 45px;
    }
.cc-size-box .cc-btn-size-multi {
    border:1px solid #000;
    border-bottom: none;
    font-size: 13px;
    display: block;
    font-weight: 700;
    padding: 0 11px;
    line-height: 22px;
    height: 22px;
}
.cc-size-box .cc-btn-plus-avail {
    border: 1px solid #000;
    font-size: 13px;
    display: block;
    font-weight: 700;
    padding: 0 11px;
    line-height: 22px;
    height: 22px;
}

a.cc-btn-size-single:hover {
    background: #f2f2f2;
}
a.cc-btn-size-multi:hover,
a.cc-btn-plus-avail:hover {
    background: #f2f2f2;
    line-height: 22px;
    height: 22px;
}
    /* cc-small-txt-men */
    .cc-small-txt-menu {
        position: absolute;
        top: 1px;
        right: 0;
        margin: 5px 0 0;
        padding: 1px 0 0 20px;
        border-radius: 2px;
    }
li.cc-small-txt-menu-item.disabled a,
.cc-small-txt-menu-item.disabled { /* star disable btn */
    color: #ccc;
}
.cc-small-txt-menu-item + .cc-small-txt-menu-item.disabled:before { /* star disable btn */
    position: relative;
    top: 3px;
    left: -2px;
    content: "";
    display: inline-block;
    width: 14px;
    height: 13px;
    background: url('../images/cc-spr-common.png') no-repeat;
    background-position: -20px -160px;
}
.cc-small-txt-menu-item + .cc-small-txt-menu-item {
    padding: 0 0 0 12px;
}
.cc-small-txt-menu-item + .cc-small-txt-menu-item:before {
    position: relative;
    top: 3px;
    left: -2px;
    content: "";
    display: inline-block;
    width: 14px;
    height: 13px;
    background: url('../images/cc-spr-common.png') no-repeat;
    background-position: -4px -160px;
}
.cc-small-txt-menu:after {
    content: "";
    clear: both;
    display: block;
    height: 0;
    line-height: 0;
    font-size: 0;
    visibility: hidden;
}
.cc-small-txt-menu-item {
    position: relative;
    float: left;
    margin: 0;
    padding: 0 13px;
    font-size: 12px;
    line-height: 16px;
    list-style: none;
}
.cc-small-txt-menu-item:after {
    position: absolute;
    left: 0;
    top: 4px;
    content: '';
    display: block;
    height: 9px;
    width: 1px;
    font-size: 0;
    background: #999;
}
.cc-small-txt-menu-item:first-child {
    padding-left: 0;
}
.cc-small-txt-menu-item:first-child:after {
    display: none;
}
.cc-small-txt-menu-item a {
    color: #000;
    font-weight: 400;
    font-size: 11px;
}
.cc-small-txt-menu-item a:hover {
    color: #888;
}

/* review container */
.write-review {
    margin: 15px 0 0;
    padding: 0;
    border: 0;
}
.write-review-btns {
    text-align: center;
}
.write-review-title {
    margin: 0;
    font-size: 12px;
    font-weight: 700;
}
.write-review-textarea {
    display: block;
    width: 100%;
    height: 135px;
    padding: 15px;
    margin: 10px 0 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 2px solid #e8e8e8;
    background: #fff;
    resize: vertical;
    border-radius: 2px;
}
.write-review-btns {
    padding: 8px 0 0 0;
}
.write-review-btns .commbtn_m {
    padding: 10px 0 0 0;
    border-top: 3px solid #ddd;
}

/* product select */
.cc-product-options {
    background: #f1eeea;
    border-radius: 2px;
    clear: both;
}
.cc-product-options + div {
    width: 100%;
    text-align:center;
    position:relative;
}
.cc-option-header {
    position: relative;
}

/* product detail - table */
.cc-sold-out {
    float:right;
}
.cc-sold-out p {
    display: inline-block;
    margin: 0;
    position: relative;
    bottom: 5px;
    font-size: 12px;
    font-weight: 600;
    padding-bottom: 10px;
}
.cc-sold-out span {
    color:#bd0000;
    position: relative;
    bottom: 7px;
}
.cc-option-table table {
    min-width: 100%;
    border-spacing: 0;
    margin: 0;
    padding: 0 5px;
    vertical-align: middle;
}
.cc-option-table table th {
    height: 15px;
    padding: 3px 0 3px;
    vertical-align: middle;
    font-size: 12px;
    line-height: 15px;
    font-weight: 400;
    text-align: center;
    font-weight: 800;
    border-bottom: 1px solid #b2b2b2;
}
.cc-option-table table tbody td {
    height: auto;
    padding: 0 1px;
    vertical-align: middle;
    border: 0;
    word-break: break-all;
    font-size: 12px;
    text-align: center;
}

.cc-option-table table tbody tr:last-child td {
    padding:3px 0 3px 0;
}
.cc-option-table th img {
    position:absolute;
    right:5px;
    top:8px;
}
.cc-option-table .cc-prod-out-of-stock {
    font-size: 11px;
    font-weight: 400;
    position: absolute;
    right: 5px;
    bottom: 10px;
    height: 12px;
    line-height: 12px;
}
.cc-option-table .cc-min-order-qty {
    font-size: 11px;
    font-weight: 400;
    position: absolute;
    left: 0px;
    bottom: 0px;
    height: 12px;
    line-height: 12px;
    color: red;
}
.cc-option-table .cc-available-date2 {
    position: absolute;
    right: 5px;
    bottom: 12px;
    font-size: 13px;
    font-weight: 600;
    color: #b81f00;
}
.cc-option-table .cc-prod-available {
    font-size: 11px;
    border: 0;
    position: absolute;
    right: 0;
    bottom:7px;
}
.cc-option-table tfoot td {
    border-top: 1px solid #b2b2b2;
}
.cc-option-table table tfoot td {
    height: 30px;
    padding: 0;
    line-height: 30px;
    font-size: 15px;
    text-align: center;
    font-weight: 800;
}
.cc-option-table table .cc-col {
    min-width: 35px;
    width: auto;
    min-width: 12%;
    display: inline-block;
    font-size: 11px;
    text-align: center;
    padding: 0 1px 0 0;
    margin-top: 2px;
    margin-bottom: 2px;
}
.cc-option-table table .left-col-head {
    text-align: left;
    padding-left: 15px;
}
.cc-option-table table .cc-left-col {
    text-align: left;
    width: 220px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    position:relative;
}
.cc-option-table table .color {
    text-align: left;
    width: 220px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    font-size: 15px;
    font-weight: 700;
}
.cc-option-table table tbody .cc-left-col span {
    display: inline-block;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.cc-option-table table tbody .cc-left-col > a > span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.cc-option-table table tfoot span + span {
    font-size: 15px;
    color: #000;
    font-weight: 700;
    position: absolute;
    top: 0;
    right: 6px;
}
.cc-left-col-2 {
    color: #5e5e5e;
    font-weight: 400;
    font-size: 11px;
}
.cc-option-table table thead .cc-left-col-2 span {
    top: 9px !important;
}
.cc-option-table .cc-left-col-2 + td,
.cc-option-table .cc-left-col-2 + th {
    text-align: left;
}
.cc-option-table table thead .cc-left-col-2 span,
.cc-option-table table tbody .cc-left-col-2 span {
    font-size: 12px;
    color: #999;
    position: absolute;
    top: 13px;
    right: 2px;
}
.cc-option-table table thead .cc-left-col-2 span {
    color: #000;
}
.cc-option-table table thead .cc-left-col-2 input,
.cc-option-table table tbody .cc-left-col-2 input {
    margin-right: 3px;
}
.cc-option-table table thead .cc-col-amt {
    padding-right: 10px;
}
.cc-option-table table tfoot .cc-commtext {
    border: 0;
    font-size: 15px;
    font-weight: 700;
}
.cc-option-table .cc-right-col-1 {
    text-align: right;
    padding-right: 0;
}
div.cc-option-table table tbody td.cc-right-col-1 {
    padding-right: 5px;
}
.cc-option-table table .cc-left-col .cc-td-color {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 200px;
}
.cc-option-table table .left-col .cc-td-color:hover {
    color: #333;
    text-decoration: underline;
}
.cc-option-table table .cc-left-col .cc-td-color span {
    opacity: 0;
    margin-right: 4px;
}
.cc-option-table table .cc-left-col .cc-td-color.selected {
    font-weight: 700;
}
.cc-option-table table .cc-left-col .cc-td-color.selected span {
    opacity: 1;
}
.cc-option-table table .cc-left-col .cc-td-color:active,
.cc-option-table table .cc-left-col .cc-td-color:focus {
    color: #333;
}
.cc-option-table table thead .cc-left-col-2,
.cc-option-table table tfoot .cc-left-col-2,
.cc-option-table table tbody .cc-left-col-2 {
    width: 67px !important;
    position: relative;
    text-align: left;
    font-size: 11px;
    font-weight: 400;
}
.cc-option-table table tbody .cc-left-col-2 div {/* color */
    min-width: 50px !important;
}
.cc-option-table table tbody .cc-left-col-2 .cc-left-col-2-qty { /* even color */
    min-width: 50px !important;
    width: 50px;
    margin: 0;
    padding: 0;
    text-align: left;
    text-indent: 5px;
}
.layer-content .cc-option-table tbody .cc-left-col-2 .cc-left-col-2-qty {
    min-width: 50px !important;
    width: 50px;
    margin: 0;
    padding-left:0;
}
.cc-left-col-2 .cc-left-col-2-pk {
    width: 30px;
    float: left;
    color: #000 !important;
    margin-left: 16px;
    text-align: left;
}
.cc-left-col-2 .cc-left-col-2-qty {
    width: 30px;
    float: left;
    color: #000 !important;
    margin-left: 25px;
    text-align: left;
}
.cc-left-col-2 .cc-left-col-2-qty + .cc-left-col-2-pk {
    width: 15px;
    margin-left: 0;
    min-width: 15px !important;
}
.cc-left-col-2 div.cc-left-col-2-qty {
    width: 50px;
    text-align: center;
    margin: 0 10px 0 0;
    padding-left:5px;
}
.cc-option-table table .cc-col-qty {
    width: 40px !important;
    text-align: right;
}
.cc-option-table table .cc-col-qty div {
    overflow: hidden;
    height: 34px;
    line-height: 34px;
}
.cc-option-table table .cc-col-amt {
    width: 90px;
    text-align: right;
}
.col_empty {
    width: 47px;
}
.cc-option-table table .cc-commtext {
    text-align: right;
    width: 30px;
    width: 100%;
    max-width: 47px;
    height: 28px;
    font-size: 12px;
    padding-right: 15px;
}
    .cc-option-table table .cc-commtext.cc-input-pack {
        max-width: 46px;
        width: 46px;
        overflow: hidden;
    }
.cc-option-table table .cc-total-txt {
    text-align: left;
    width: 200px;
    font-size: 15px;
    font-weight: 700;
}
.cc-option-table table .inner {
    display: block;
    font-size: 13px;
    line-height: 15px;
    padding: 7px 1px;
    vertical-align: middle;
    text-align: center;
}
.cc-option-table table .cc-total-price {
    color: #000;
    font-size: 18px;
    letter-spacing: -.5px;
    padding-right:5px;
}
.cc-option-table tbody:last-child {
    border-bottom:0;
}
.cc-option-table tbody td {
    border-bottom: 1px dashed #dcdcdc !important;
}
.cc-option-table table .cc-group-line td {
    /* #435ba6*/
    /* border-bottom: 2px solid #e8e8e8;*/
}

/* btn */
.cc-info-container .cc-btn-lg-o .cc-spr-common {
    background-position: -8px -493px;
    width: 17px;
    height: 15px;
    padding-right: 4px;
}
.cc-info-container .cc-button-group-2col {
    display: inline-block;
}
.cc-info-container .cc-btn-lg {
    width: 207px;
    margin: 25px auto 0;
}
.cc-info-container .cc-btn-lg-o {
    width: 180px;
}
#mainProduct .product-swiper-list .item .cc-product-item-menu .btn-quick-detail {
    right: 65px;
    top: 300px;
}
#jssor_1 .cc-product-item-menu .btn-quick-detail {
    right: 220px;
    top: 700px;
}
#jssor_1 .cc-product-item {
    margin: 0 0 0 0;
}

/* vertical slide plus : detail page(thumb nail), preview page */
.jssort101 > div:first-child {
    position: absolute !important;
    top: -150px !important;
}
.slider-box,
.slider-box > div {
    vertical-align: top !important;
}
.jssort101 {
    position: absolute;
    left: 0px;
    width: 80px;
    /*height: 700px;*/
    height:665px;
    background-color: #ffffff;
}
#jssor1 {
    position: relative;
    margin: 0 auto;
    left: 0px;
    width: 620px;
    height: 810px;
    overflow: hidden;
    visibility: hidden;
    background-color: #ffffff;
}

/*jssor slider loading skin spin css*/
.jssorl-009-spin img {
    animation-name: jssorl-009-spin;
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
@keyframes jssorl-009-spin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(60deg);
    }
}

/*jssor slider arrow skin 093 css*/
.jssora093 {
    display: block;
    position: absolute;
    cursor: pointer;
}
.jssora093 .c {
    fill: none;
    stroke: #fff;
    stroke-width: 400;
    stroke-miterlimit: 10;
}
.jssora093 .a {
    fill: none;
    stroke: #fff;
    stroke-width: 400;
    stroke-miterlimit: 10;
}
.jssora093:hover {
    opacity: .8;
}
.jssora093.jssora093dn {
    opacity: .6;
}
.jssora093.jssora093ds {
    opacity: .3;
    pointer-events: none;
}
.arrowleft-prev {
    width: 50px;
    height: 50px;
    top: 0px;
    left: 80px;
}
.arrowleft-next {
    width: 50px;
    height: 50px;
    top: 0px;
    right: 0px;
}

/*jssor slider thumbnail skin 101 css*/
.jssort101 .p {
    position: absolute;
    left: 0;
    box-sizing: border-box;
    width: 60px;
    height: 90px;
    vertical-align: top;
}
.jssort101 .p .cv {
    position: relative;
    left: 0;
    width: 100%;
    height: 100%;
    border: 2px solid #000;
    box-sizing: border-box;
    z-index: 1;
}
.jssort101 .a {
    fill: none;
    stroke: #fff;
    stroke-width: 400;
    stroke-miterlimit: 10;
    visibility: hidden;
}
.jssort101 .p:hover .cv, .jssort101 .p.pdn .cv {
    border: none;
    border-color: transparent;
}
.jssort101 .p:hover {
    padding: 2px;
}
.jssort101 .p:hover .cv {
    background-color: rgba(0,0,0,6);
    opacity: .35;
}
.jssort101 .p:hover.pdn {
    padding: 0;
}
.jssort101 .p:hover.pdn .cv {
    border: 2px solid #fff;
    background: none;
    opacity: .35;
}
.jssort101 .pav .cv {
    border-color: #fff;
    opacity: .35;
}
.jssort101 .pav .t {
    max-height: 90px;
    height:auto;
}
.jssort101 .pav .a, .jssort101 .p:hover .a {
    visibility: visible;
}
.jssort101 .t {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    max-height: 90px;
    height: auto;
    border: none;
}
.jssort101 .pav .t, .jssort101 .p:hover .t {
    opacity: 1;
}
.jssort101 .pav:after {
    background: url("/images/title_bg.png");
    background-position: right bottom;
    z-index: 100;
    content: '';
    display: block;
    height: 4px;
    width: 100%;
    position: absolute;
    bottom: 0;
    right: 0;
}

/* detail zoom - 세로 new slider */
#jssor_2 {
    position: relative;
    margin: 0 auto;
    top: 0;
    left: 0px;
    width: 1280px;
    height: 1800px;
    overflow: hidden;
    visibility: hidden;
    background-color: #ffffff;
}
.jssort101 .p {
    background: none;
}
.jssort101 .t {
}
.jssort101 .pav .t, .jssort101 .p:hover .t {
    opacity: 1 !important;
    cursor: pointer;
    width: 100%;
}
.jssort101 .pav {
    height: 90px;
}
#jssor_2 .jssort101 {
    top: -500px !important;
}
#jssor_2 .arrowleft-prev {
    margin-top: -100px;
    left: 80px;
}
#jssor_2 .arrowleft-next {
    margin-top: -100px;
}

/* related-items : detail page */
.cc-related-items {
    position: relative;
    width: 100.5%;
    margin: 0 auto;
    clear: both;
    padding: 10px 0 10px 0;
}
.cc-related-items .box-title {
    height: 50px;
    font-size: 15px;
    font-weight: 700;
    line-height: 55px;
    text-align: center;
    border-bottom: 1px solid #e3e3e3;
    text-transform: uppercase;
}
.cc-related-items .product-swiper-list {
    margin: 0 !important;
}
.cc-related-items .box-title .name {
    border-bottom: 3px solid #000;
    padding: 0 5px 12px 5px;
}
.cc-related-items .product-swiper-list .item {
    width: 12.2% !important;
    margin: 0 5px 0 0 !important;
}
/*.cc-related-items .product-swiper-list .cc-product-item-thumb {
    height: 369px !important;
}*/
.cc-related-items .product-swiper-list .cc-product-item-size {
    top: 380px;
}

.cc-related-items .swiper-btn-prod {
    display: block !important;
}

/* related-items-list */
div.cc-related-items {
    position: relative;
    width: 100%;
}
.cc-related-items .product-swiper {
    min-height:46vh;
}
.cc-related-items-list {
    margin: 0 0 20px 0;
}
.cc-related-items-list .cc-product-item {
    width: 120px;
}
.cc-related-items-list .cc-product-item-thumb {
    height: 180px;
}
.cc-related-items-list .cc-product-item {
    margin: 0 0 10px 13px;
}
.cc-related-items-list .cc-product-item:nth-child(1),
.cc-related-items-list .cc-product-list {
    margin-left: 0;
}
.cc-related-items-list .cc-product-item-menu .btn-quick {
    width: 85px;
    height: 20px;
    font-size: 10px;
    left: 17px;
    top: 150px;
}
.cc-related-items-list .cc-product-item-menu .btn-quick .cc-spr-common {
    width: 85px;
}
.cc-related-items-list .cc-product-item-menu .btn-quick-heart {
    width: 25px !important;
    top: 5px !important;
    left: 95px !important;
}
.cc-category-depth-detail .quick {
    padding-bottom: 0;
}

/* video  */
.item-video-thumb {
    position: absolute;
    left: 10px;
    /*top: 672px;*/
}
.video-thumb {
    opacity: 0.6;
    width: 60.06px;
    height: 87.09px;
    background-color:white;
    background-size:100%;
    background-position:center;
    background-repeat:no-repeat;
}
.video-icon {
    position: absolute;
    top: 0px;
}
.cc-product-video {
    position: absolute;
    top: -4px;
    left: 80px;
    background-color: white;
    z-index: 5;
    display:none;
}
.cc-product-video.video-first {
    display:block;
}


@charset "utf-8";

/*
* checkout page table css
*/

.cc-checkout .cc-title-valid-txt {
    position: relative;
    top: -24px;
    right: 37px;
}

.cc-form-table-checkout {
    background: #fff;
    padding: 0 0 0;
}

.cc-checkout-part-selection,
.cc-valid-wrapper .cc-valid-txt {
    position: absolute;
    /*bottom: 0px;*/
}

.cc-r-sub .cc-checkout-part-inner .cc-form-table.cc-form-table-checkout .cc-input-size {
    width: 95% !important;
}

.cc-r-sub .cc-title-bg-form-11 + .cc-checkout-part .cc-form-table.cc-form-table-checkout .cc-input-size,
.cc-my-credit-card-wrapper .cc-form-table.cc-form-table-checkout .cc-input-size {
    width: 100% !important;
}

.cc-form-table-checkout .commtext {
    height: 30px;
    text-align: left;
    font-size: 12px;
}

.cc-form-table-checkout .cc-btn-group-left {
    margin: 5px 0 0 0;
    text-align:center;
}

.cc-checkout-part-inner .info-field-toggle {
    display: inline-block;
}

    .cc-checkout-part-inner .info-field-toggle .cc-btn-sm-o {
        width: 65px;
        font-size: 12px;
        background: none;
        height: 27px;
        line-height: 27px;
        margin: 0;
        padding: 0 2em;
        border: 1px solid #ccc;
        border-radius: 2px;
    }

.cc-checkout-part-inner p {
    font-size: 12px;
    margin: 5px 0 3px 0;
}

.cc-checkout-part-inner.cc-checkout-part-padding {
    padding-left: 325px;
}

.cc-checkout-part-inner span {
    font-size: 12px;
}

strong.order-checkout-title {
    width: 128px;
    display: block;
    float: left;
    margin: 0 0 3px 10px;
    line-height: 25px;
    font-size: 12px;
}
.order-total-checkout .cc-prod-available,
.order-total-checkout .cc-prod-out-of-stock {
    font-size: 11px;
    position: relative;
    top: -8px;
    left: 5px;
    margin-bottom: -5px;
    display: inline-block;
    height: 17px;
    line-height: 17px;
}
.cc-checkout .cc-prod-available {
    font-size: 10px;
    position: relative;
    top: -8px;
    margin-bottom: -5px;
    display: inline-block;
    height: 14px;
    line-height: 15px;
}
.cc-checkout .cc-prod-out-of-stock {
    position: relative;
    top: -8px;
    height: 15px;
    line-height: 15px;
}
.cc-checkout .cc-available-date {
    position: relative;
    top: -2px;
}
.cc-promo-title {
    list-style-type: none;
    font-weight: 900;
    margin-top: 20px;
}
.cc-order-total-item.cc-display-flex{
    border-bottom:1px solid;
    padding-bottom:10px;
    margin-bottom:10px;
}
.cc-apply-promo {
    margin-top: 10px;
    margin-left: 6px;
    height: 29px;
}
.promo-loading-icon {
    height: 50px;
    list-style-type: none;
    border-bottom:1px solid;
    margin-bottom:9px;
}
    .promo-loading-icon .el-loading-spinner {
        width: 36px !important;
        height: 36px;
        margin-top: 0 !important;
        background-color: unset !important;
        margin-left: 100px;
    }
    .promo-loading-icon .el-loading-mask {
       background-color: unset !important;
    }
    .promo-loading-icon .el-loading-spinner .circular {
        height: 35px;
        width: 35px;
    }
    .promo-loading-icon .el-loading-spinner .path {
        stroke-width: 4 !important;
        stroke: black !important;
    }
.el-icon-error{
    font-size:24px;
    color:lightgray;
}
.promo-applied {
    color: #c25100;
}
.promo-code {
    font-weight: bold;
    font-size: 15px;
}
.italic-font {
    font-style: italic;
    margin-right:5px;
}
/* order summary(top)  */
.cc-order-total.order-total-checkout {
    width: 89%;
    border: 0;
    padding-left: 0;
    margin-left: 0;
}
.cc-order-total input {
    width:96%;
    height:23px;
    margin-top:10px;
}
.cc-order-total p {
    color: #d90000;
    line-height: 18px;
    margin-top:5px;
}

.order-total-checkout > .cc-order-total-item:first-child {
    position: relative;
    border-bottom: 1px solid #000;
}

.order-total-checkout .cc-btn-sm-o {
    position: absolute;
    top: 3px;
    right: 0;
    width: 80px;
    height: 20px;
    line-height: 19px;
    padding: 0;
    font-size: 11px;
}

/* order summary(hidden) */
.order-checkout {
    border-top: 1px solid #000;
    overflow-y: auto;
    max-height: 500px;
    padding-top: 3px;
}

    .order-checkout .order-checkout-item {
        overflow: hidden;
        border-bottom: 1px solid #ccc;
        margin-bottom: 3px;
    }

    .order-checkout div {
        width: 58px;
        HEIGHT: 86PX;
        MARGIN-BOTTOM: 5PX;
        float: left;
    }

.order-checkout-title,
.order-checkout-color,
.order-checkout-size,
.order-checkout-price {
    display:block;
    width: 128px;
    display: block;
    float: left;
    margin: 0 0 3px 10px;
    line-height: 16px;
    font-size: 12px;
}

.order-checkout-size {
    color: #888;
    word-wrap: break-word;
}

.order-checkout-color {
    background-color: #f2f0ee;
    margin: -8px 0 5px 10px;
}

.order-checkout-size em {
    font-style: normal;
    padding-right: 5px;
}

.order-checkout-price {
    font-weight: 700;
}

.cc-checkout-group .cc-commbtn-group .cc-btn-lg {
    display: block;
    width: 93%;
    margin: 10px;
}

.cc-checkout-group-left {
    float: left;
    width: 80%;
}

.cc-checkout-group-right {
    float: right;
    width: 18%;
    margin: 0;
    border: 1px solid #000;
    border-radius: 2px;
}

    .cc-checkout-group-right .cc-title-checkout-part {
        font-size: 18px;
        text-transform: capitalize;
        height: 25px;
        padding: 25px 15px 15px 15px;
    }

.cc-title-checkout-part {
    clear: both;
    height: 30px;
    line-height: 30px;
    margin: 0;
    font-size: 19px;
    font-weight: 700;
}

.cc-checkout-part {
    padding: 20px 0 0 0;
}

.cc-checkout-part-left {
    width: 300px;
    float: left;
}

.cc-checkout-part select.cc-part-select {
    width: 300px;
    float: left;
    font-size: 12px;
    padding: 0 10px 0 5px;
}

.cc-checkout-part-inner {
    width: 56%;
    float: left;
    padding-left: 30px;
}

.cc-checkout-part:after {
    content: "";
    clear: both;
    display: block;
    height: 0;
    line-height: 0;
    font-size: 0;
    visibility: hidden;
}

.cc-input-text-zip-code {
    width: 57px !important;
    display: inline-block !important;
}

.input-text-security-code,
.content-side-title .cc-input-text-month,
.cc-input-text-month {
    width: 42px !important;
    display: inline-block !important;
}

.cc-form-table .cc-input-text-year,
.content-side-title .cc-input-text-year {
    display: inline-block;
    width: 60px !important;
    margin-left: -2px;
    display: inline-block !important;
}

.checkout-part--bottom {
    padding: 0;
}

.checkout-part-bg {
    padding: 0;
}

.cc-part-select {
    width: 100%;
}

.cc-checkout-part-selection {
    color: #777;
    font-size: 13px;
}

.checkout-part.cc-checkout-part-bottom {
    padding: 0
}

.title-checkout-part.title-checkout-part-note,
.title-checkout-part-note {
    font-size: 12px;
    font-weight: 400;
    text-transform: capitalize;
    padding: 5px 0 0 0;
}

.cc-checkout-part-notice {
    margin: 0 0 20px;
    color: #000;
    font-size: 12px;
    line-height: 20px;
}

.cc-order-notice-form {
    border: 0;
    margin: 0;
    padding: 0;
}

    .cc-order-notice-form fieldset {
        margin: 0 11px !important;
        border: 1px solid #c0c0c0;
        padding: 0;
    }

.order-notice-form .po_num {
    width: 100%;
    margin-bottom: 10px;
}

.order-notice-form .cc-commtextarea {
    width: 93%;
    height: 195px;
    resize: vertical;
    margin-left: 10px;
}

.order-notice-form .cc-btn-lg {
    margin-top: 20px;
    width: 100%;
}

.order-option-list {
    margin: 0;
    padding: 8px 0 0;
}

.order-option-item {
    margin: 0;
    padding: 0 0 6px;
    line-height: 20px;
    color: #000;
    list-style: none;
    font-size: 12px;
    display: flex;
}

    .order-option-item:last-child {
        padding-bottom: 0;
    }

    .order-option-item .label {
        display: inline-block;
        min-width: 250px;
        padding-right: 20px;
    }

    .order-option-item .value {
        display: inline-block;
        padding-right: 40px;
    }

    .order-option-item .num {
        font-style: normal;
        color: #333;
    }

/*  */
.cc-order-id {
    position: relative;
    height: 15px;
    margin: 0;
    padding: 20px 0 15px 0;
    vertical-align: middle;
    font-size: 15px;
    line-height: 15px;
    font-weight: 700;
    text-align: left;
    border-bottom: 1px solid #e2e2e2;
}

    .cc-order-id .name {
        font-weight: 400;
    }

.cc-order-memo {
    position: relative;
    height: 15px;
    margin: 0;
    padding: 10px 0;
    vertical-align: middle;
    font-size: 12px;
    line-height: 15px;
    font-weight: 400;
    text-align: left;
}

.cc-order-id-side {
    position: absolute;
    right: 0;
    top: 20px;
    font-size: 15px;
}

    .cc-order-id-side .btn-print {
        background-position: -5px -273px;
        width: 25px;
        height: 23px;
        margin-left: 15px;
    }

.cc-title-checkout-part.cc-title-checkout-part-note {
    padding: 0;
    margin-bottom: -15px;
    margin-left:15px;
}

.cc-order-notice-form .cc-commtextarea {
    border: 0 !important;
}

.cc-checkout-part.checkout-part-bottom {
    padding-bottom: 0;
}
.shipping-addr {
    color: #d32029;
    font-size:13px !important;
}

@charset "utf-8";

/*
* search area css
* invoices-table css
*/

/* TOP AREA */
.cc-search-sale-head {
    position: relative;
}
.cc-search-sale-head-title {
    line-height: 30px;
    font-weight: 700;
    font-size: 15px;
    margin: 0;
}
.cc-search-sale-head-title .cc-spr-common {
    background: url(../images/cc-spr-common.png) no-repeat -8px -2px;
    width: 24px;
    height: 22px;
    margin-right: 5px;
}
.cc-result-inner {
    width: 100%;
    margin: auto;
}
.cc-result-header-wrapper {
    border: 1px solid #d2d2d2;
    width: 97.5%;
    border-radius: 2px;
    padding: 5px 0 5px 20px;
    margin: 10px 0 10px 10px;
}

.cc-search-sale-select {
    position: absolute;
    right: 40px;
    top: 25px;
}
.cc-search-sale-select .cc-commselect {
    width: 73px;
}
.cc-search-panel {
    padding: 10px 0 0;
}
.cc-panel-list {
    margin: 0;
    padding: 0;
}
.cc-panel-list:after {
    content: "";
    clear: both;
    display: block;
    height: 0;
    line-height: 0;
    font-size: 0;
    visibility: hidden;
}
.cc-panel-list-item {
    position: relative;
    width: 47%;
    height: 30px;
    margin: 0 20px 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    padding: 0 0 0 145px;
    list-style: none;
}
.cc-panel-list-item .title {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    width: 110px;
    font-size: 12px;
    line-height: 20px;
    vertical-align: top;
    text-align: left;
    text-transform: capitalize;
}
.cc-panel-list-item .cc-commselect,
.cc-panel-list-item .cc-commtext {
    width: 100%;
}
.cc-search-panel-btn {
    margin: 20px 0 10px 0;
    padding: 0 30px 0;
    text-align: center;
}
.cc-search-panel-btn .cc-btn-md {
    width: 165px;
}
.cc-result-header {
    margin: 40px 0 15px;
    overflow: hidden;
}
.cc-result-header h2 {
    line-height: 30px;
    display: inline-block;
    text-align: left;
}
.cc-result-header .btn-print {
    position: absolute;
    right: 0;
    top: 15px;
    background-position: -5px -748px;
    width: 22px;
    height: 22px;
}
.cc-result-header-title {
    margin: 0;
    font-size: 12px;
    line-height: 85px;
    font-weight: 400;
}
.cc-result-header-title .cc-number {
    font-weight: 700;
}
.cc-product-list-result {
    margin: 0;
    font-size: 12px;
    line-height: 30px;
    font-weight: 400;
    text-align: center;
}
.cc-product-list-result .cc-number {
    color: #000;
    font-weight: 700;
}

/* table */
.cc-invoices-table {
    position: relative;
}
.cc-invoices-table table {
    min-width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    padding: 0;
}
.cc-invoices-table thead {
    border-bottom: 2px solid #000;
}
.cc-invoices-table table .col-date {
    width: 11.6%;
    text-align: left;
    padding-left: 20px;
}
.cc-invoices-table table .col-id {
    width: 6%;
    text-align: left;
}
.cc-invoices-table table .col-no {
    width:9.4%;
    text-align: left;
}
.cc-invoices-table table .col-amount {
    width: 10%;
    text-align: right;
}
.cc-invoices-table table .col-q {
    width: 10%;
    text-align: right;
}
.cc-invoices-table table .col-balance {
    width: 10%;
    text-align: right;
}
.cc-invoices-table table .col-status {
    width: 12%;
    text-align: right;
}
.cc-invoices-table table .col-from {
    width: 12%;
    text-align: right;
}
.cc-invoices-table table .col-print {
    width: 12%;
    text-align: right;
}
.cc-invoices-table table .col-tracking {
    width: 85px;
    text-align: left;
}
.cc-invoices-table table .col-detail {
    width: 8%;
    cursor:pointer;
    text-align: center;
}
.cc-invoices-table .order-detail-wrapper table{
    min-width: 95%;
    margin: 10px auto;
}
.cc-invoices-table .order-detail-wrapper td {
    background-color: #f7f7f7;
}
.cc-table-row {
    min-height: 34px;
    border-bottom: 1px solid #d2d2d2;
}
.cc-table-row > span{
  display:inline-block;
}
.cc-table-row .col-date {
    width: 121px;
    text-align: left;
    padding-left: 20px;
}

.cc-table-row .col-id {
    width: 134px;
    text-align: left;
}

.cc-table-row .col-no {
    width: 193px;
    text-align: left;
}

.cc-table-row .col-amount {
    width: 101px;
    text-align: right;
}
.cc-table-row .col-q {
    width: 94px;
    text-align: right;
}
.cc-table-row .col-balance {
    width: 110px;
    text-align: right;
}

.cc-table-row .col-status {
    width: 255px;
    text-align: center;
}
.cc-table-row .col-from {
    width: 81px;
    text-align: center;
}
.cc-table-row .col-print {
    width: 67px;
   text-align: right;
}
.cc-table-row .col-detail {
    width: 54px;
    text-align: left;
}
    .cc-table-row .cc-btn-detail {
        padding: 0 4px;
        display: inline-block;
        margin: 0;
        border-radius: 2px;
        text-align: center;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        cursor: pointer;
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
        /*        height: 24px;
        line-height: 24px;*/
        font-size: 15px;
        background: #fff;
        color: #000;
        position: relative;
        top: 6px;
    }
    .cc-table-row.bold > span {
        font-weight: bold;
    }
.cc-detail-section .status-unshipped, .order-detail-wrapper .status-unshipped {
    color: #6caa45;
}
.cc-detail-section .status-new, .order-detail-wrapper .status-new {
    color: #3253cc !important;
}
.cc-detail-section .status-shipped, .order-detail-wrapper .status-shipped {
    color: #707070 !important;
}
.cc-detail-section .status-hold, .order-detail-wrapper .status-hold {
    color: #bc5200 !important;
}
.cc-detail-section .status-void, .order-detail-wrapper .status-void {
    color: #d62209 !important;
}
.cc-detail-section, .order-detail-wrapper {
    padding: 5px 10px;
    margin: 10px 0;
    border-bottom: 1px dashed #000;
    padding-bottom: 5px;
    background-color: #f7f7f7 !important;
}

.cc-detail-section:last-child {
    border-bottom: unset;
}
.cc-detail-section {
    width: 90%;
    margin-left: 65px;
}
.cc-detail-section tr td {
    text-align: center;
    background-color: #f7f7f7 !important;
}
.cc-detail-section thead, .order-detail-wrapper thead{
    border-bottom: 2px solid #d2d2d2;
}

.cc-step-bar .el-step__icon {
    width: 15px !important;
    height: 15px !important;
}
.cc-step-bar .el-step__title {
    font-size: 11px;
    line-height: 20px;
}
.cc-step-bar .el-step.is-horizontal .el-step__line {
    top: 8px !important;
}
.cc-step-bar .el-progress-bar__inner {
    text-align: left;
    border-radius: 0px 0 0 10px !important;
}
.cc-detail-section .cc-badge, .order-detail-wrapper .cc-badge {
    color: white;
    display: inline-block;
    font-size: 11px;
    border-radius: 15px 15px;
    padding: 0 4px;
    text-align: center;
    background-color: #0097c2;
    float: left;
    margin-left: 7%;
    width: 32px;
}
.cc-badge-warning {
    background-color: #f1a436 !important;
}
.cc-badge-default {
    background-color: #787878 !important;
}
.cc-badge-style {
    position: relative;
    top: 8px;
}
.cc-detail-section img, .order-history-img {
    width: 30px;
    max-height: 45px;
}
.cc-detail-section table th:first-child,
.cc-detail-section table th:nth-child(2) {
    width: 50px;
}
.cc-detail-section table th:nth-child(3) {
    width: 190px;
}
.cc-detail-section table th:nth-child(4) {
    width: 170px;
}
.cc-detail-section table th:nth-child(5) {
    width: 55px;
}
.cc-detail-section table th:nth-child(6),
.cc-detail-section table th:nth-child(7) {
    width: 87px;
}


.cc-invoices-table table th {
    height: 15px;
    padding: 7px 0;
    vertical-align: middle;
    font-size: 12px;
    line-height: 15px;
    font-weight: 400;
    text-transform: capitalize;
}
.cc-invoices-table-history table th:nth-child(1),
.cc-invoices-table-history table th:nth-child(2),
.cc-invoices-table-history table th:nth-child(3) {
    text-align: left;
}
.cc-invoices-table-history table th:nth-child(5),
.cc-invoices-table-history table th:nth-child(4),
.cc-invoices-table-history table th:nth-child(8) {
    text-align: right;
}

.cc-invoices-table-history table td:nth-child(1),
.cc-invoices-table-history table td:nth-child(2),
.cc-invoices-table-history table td:nth-child(3),
.cc-invoices-table-history table td:nth-child(5) {
    text-align: left;
}
.cc-invoices-table-history table th:nth-child(6),
.cc-invoices-table-history table th:nth-child(7) {
    text-align: center;
}
.cc-invoices-table-history table td:nth-child(4),
.cc-invoices-table-history table td:nth-child(6),
.cc-invoices-table-history table td:nth-child(7),
.cc-invoices-table-history table td:nth-child(8) {
    text-align: right;
}
.cc-invoices-table-history table th:nth-child(1),
.cc-invoices-table-history table td:nth-child(1) {
    padding-left: 20px;
}
.cc-invoices-table-history table td:nth-child(8) {
    padding-right: 20px;
}
.cc-invoices-table-mystatement table th:nth-child(1),
.cc-invoices-table-mystatement table th:nth-child(2),
.cc-invoices-table-mystatement table th:nth-child(3),
.cc-invoices-table-mystatement table th:nth-child(5),
.cc-invoices-table-mystatement table th:nth-child(4),
.cc-invoices-table-mystatement table td:nth-child(4) {
    text-align: left;
}
.cc-invoices-table-mystatement table th:nth-child(1),
.cc-invoices-table-mystatement table td:nth-child(1) {
    padding-right: 20px;
}
.cc-invoices-table-mystatement table th:nth-child(5),
.cc-invoices-table-mystatement table td:nth-child(5) {
    text-align: center;
}
.cc-invoices-table-mystatement table th:nth-child(8),
.cc-invoices-table-mystatement table td:nth-child(8) {
    padding-right: 20px;
}
.cc-invoices-table-mystatement table th:nth-child(6),
.cc-invoices-table-mystatement table td:nth-child(6),
.cc-invoices-table-mystatement table th:nth-child(7),
.cc-invoices-table-mystatement table td:nth-child(7),
.cc-invoices-table-mystatement table th:nth-child(8) {
    text-align: right;
}
.cc-invoices-table table tfoot tr td,
.cc-invoices-table table tbody tr td {
    height: auto;
    min-height: 46px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    vertical-align: middle;
    word-break: break-all;
    font-size: 12px;
    line-height: 16px;
    color: #000;
    padding:3px 0;
}
.cc-invoices-table table tr {
    border-bottom: 1px solid #e4e4e4;
}
.cc-invoices-table table table tr {
    border:none !important;
}
.cc-invoices-table th.col-tracking {
    text-indent: 20px;
}
.cc-invoices-table table tbody .date {
    padding-left: 20px;
}
.cc-invoices-table table tbody .po_no {
    padding-left: 3px;
}
.cc-invoices-table table tbody .cc-status {
    text-align: center;
}
.cc-invoices-table table tfoot .cc-price,
.cc-invoices-table table tbody .cc-price {
    text-align: right;
}
.cc-invoices-table table tfoot tr td {
    border-top: 1px solid #eaeaea;
    color: #000;
}
.cc-invoices-table .btn-print {
    background-position: -5px -272px;
    width: 25px;
    height: 27px;
    margin-left: 2px;
}
.cc-data-thumb {
    display: inline-block;
    width: 18px;
    vertical-align: middle;
    margin: -7px 4px -7px 0;
}
.cc-data-thumb:hover {
    border: 1px solid #bbb;
}
.cc-data-thumb .small_img {
    width: 100%;
    height: auto;
    overflow: visible;
    vertical-align: top;
}
.data-thumb_expand {
    position: absolute;
    z-index: 100;
    left: 100%;
    top: 100%;
    display: block;
    width: 98px;
    margin: 0 4px 4px 0;
    border: 1px solid #e4e4e4;
}
.data-thumb_expand img {
    width: 100%;
    vertical-align: top;
}
.cc-invoices-table .cc-table-paging-right {
    margin-top: 10px;
}


























/* table footer  */
.cc-table-paging-right {
    float: right;
    margin: 0;
}

.cc-table-paging-right:after {
    content: "";
    display: block;
    clear: both;
}

.cc-table-paging-right .cc-option-list-item {
    display: inline-block;
    vertical-align: top;
}



@charset "utf-8";

/*
* my infomation css
*/

.cc-form-table-myinfo {
    border: 1px solid #d2d2d2;
    padding: 45px 70px 45px 70px;
    margin: auto;
    border-radius: 2px;
}
.cc-form-table-myinfo .cc-btn-group-left {
    margin: 15px 0 30px;
}
.cc-form-table-myinfo table tr th {
    width: 180px;
}
.cc-form-table-myinfo .cc-form-table-in th {
    width: 130px;
}
.cc-form-table-myinfo .cc-commtext-btn .cc-btn-sm-o {
    width: 160px;
    border-radius: 2px;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    padding: 0;
}
.cc-form-table-myinfo .cc-valid-wrapper {
    width: 555px;
    height: 30px;
}
.cc-form-table-myinfo .cc-checkout-part-inner {
    width: 553px;
    padding: 5px 0 0 0;
}
.cc-form-table-myinfo-in th {
    width: 180px;
}
.cc-form-table-myinfo .cc-form-table-myinfo-in .cc-input-size {
    width: 240px;
}
.cc-form-table-myinfo-in .cc-checkout-part-left {
    height: 1px;
}
.cc-form-table-myinfo-in .cc-checkout-part-inner.cc-checkout-part-padding {
    padding: 10px 0 0 0;
}
.cc-pw-msg {
    margin: 10px 0;
    display: block;
    background-color: #dbeffa;
    color: #017293;
    padding: 5px 10px;
    border-radius: 15px;
    font-weight: bold;
}

@charset "utf-8";

/*
* sidecart css
* thumbnail, item css 
*/

.cc-side-cart {
    position: fixed;
    top: 0;
    right: -340px;
    z-index: 600;
    display: none;
    width: 340px;
    height: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    background: #f1f1f1;
}
.cc-side-cart.is-active {
    display: block;
}
.cc-side-cart-inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    height: 100%;
    width: 100%;
}
.cc-side-cart-head {
    width: 100%;
    height: 40px;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #ebe7e4;
}
.cc-side-cart-title {
    position: relative;
    line-height: 40px;
    padding: 0 10px;
    font-size: 15px;
    font-weight: 700;
    background-color: #ebe7e4;
}
.cc-side-cart-title span {
    font-weight: normal;
}
.cc-side-cart-title-link {
    position: absolute;
    right: 25px;
    top: 0;
    font-size: 14px;
    line-height: 57px;
    text-decoration: none;
    color: #777777;
}
.cc-side-cart-title-link span {
    text-decoration: underline;
}
.cc-side-cart-title img {
    position: absolute;
    top: 8px;
    right: 34px;
    background-color:transparent;
}
.cc-side-cart-title img:hover {
    cursor: pointer;
}
.cc-side-cart-cont {
    position: relative;
    overflow-y: auto;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background: #fff;
    height: 800px;
}
.cc-side-cart-cont ul {
    min-height: 60px;
}
.cc-side-cart-info {
    padding: 15px 1px;
    background: #fff;
    text-align: center;
}
.cc-side-cart-info .cc-btn-lg,
.cc-side-cart-info .cc-btn-lg-o {
    letter-spacing: 0;
    font-size: 15px;
    padding: 0 5px;
}
.cc-side-cart-info .cc-btn-lg.disabled {
    background-color: #ccc;
}
.cc-side-total {
    position: relative;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    background-color: #ebe7e4;
}
.cc-side-total-item {
    width: 100%;
    margin: 0;
    padding: 5px 17px;
    height: 30px;
    line-height: 30px;
    font-size: 15px;
    font-weight: normal;
    list-style: none;
}
.cc-side-total-item .total {
    position: absolute;
    top: 7px;
    right: 35px;
    width: 100%;
    color: #000;
    font-size: 15px;
    text-align: right;
    font-weight: 700;
}
.btn-view-cart {
    display: block;
}

/* side cart list */
.cc-side-list {
    margin: 0 0;
    padding: 0;
}
.cc-side-list-item {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #ebe7e4;
}
.cc-side-list-item:hover .btn-del-option,
.cc-side-list-item:hover .btn-del-item {
    display: block;
}
.cc-side-cart-item {
    margin: 20px 0 17px;
    font-size: 14px;
}
.cc-side-cart-item .image {
    float: left;
    width: 60px;
    height: 90px;
    margin-top: 10px;
    overflow: hidden;
    margin-left: 10px;
}
.cc-side-cart-item .image img {
    width: 100%;
}
.cc-side-option-list-wrapper .code {
    display: block;
    margin-top: 12px;
    text-overflow: ellipsis;
    font-weight: 700;
    line-height: 15px;
    color: #000;
    font-size: 12px;
}
.cc-side-cart-item .info {
    margin: 0 0 10px;
    padding: 0;
    line-height: 22px;
    color: #777777;
}
.cc-side-cart-item .cc-price {
    display: block;
    line-height: 20px;
    color: #435ba6;
}
.cc-side-cart-item .btn-del-item {
    position: absolute;
    right: 0;
    top: -10px;
    padding: 0;
    width: 24px;
    height: 24px;
    display: none;
    opacity: .5;
    background: none transparent;
}
.cc-side-cart-item .btn-del-item:hover {
    background: none transparent;
    opacity: 1;
}
.cc-side-cart-item .btn-del-item .cc-spr-common {
    position: absolute;
    left: 3px;
    top: 2px;
    background-position: -4px -505px;
    width: 17px;
    height: 18px;
}
.cc-side-option-list-wrapper {
    float: left;
    width: 200px;
    margin-left: 10px;
}
.cc-side-option-list {
    width: 225px;
    position: relative;
    margin: 0 0 5px;
    margin-top: 5px;
}
.cc-side-option-list .btn-del-option {
    position: absolute;
    right: 0;
    top: 10px;
    background-position: -12px -446px;
    width: 13px;
    height: 13px;
    opacity: 0.5;
}
.cc-side-option-list .btn-del-option:hover {
    opacity: 1;
}
.cc-side-option-list-title {
    line-height: 16px;
    font-size: 12px;
    padding-right: 15px;
    background-color: #f2f0ee;
    color: #000;
    padding:8px 1px;
    text-indent: 2px;
}
.cc-side-option-list-size {
    margin: 5px 0 0;
    font-size: 0;
    color: #777;
    word-break: break-all;
}
.cc-side-option-list-size span {
    display: inline-block;
    padding: 0 10px 0 0;
    font-size: 12px;
    line-height: 12px;
    white-space: nowrap;
    color: #6c6c6c;
    text-indent: 3px;
}
.cc-side-option-list-qty,
.cc-side-option-list-count {
    display: inline-block;
    color: #000;
    margin: 0 3px 0 0;
    font-size: 13px;
    font-weight: 400;
    width: 75px;
}
.cc-side-option-list-count {
    font-size: 12px;
    text-indent: 3px;
}
.cc-side-option-list-qty {
    width: 65px;
    font-size: 12px;
}
.cc-side-option-list-qty .value,
.cc-side-option-list-count .value {
    color: #000;
}
.cc-side-option-list-total {
    position: relative;
    width: 70px;
    text-align: right;
    display: inline-block;
    margin: 2px 0 0;
    font-size: 12px;
    color: #000;
    font-weight: 700;
    text-indent: 3px;
}
.cc-side-cart-blank {
    text-align: center;
    font-size: 13px;
    vertical-align: middle;
    position: absolute;
    top: 350px;
    width: 100%;
}
.cc-side-list-item .btn-del-item {
    position: absolute;
    top: 8px;
    left: 290px;
    background: 0;
    padding: 0;
    margin: 0;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    width: 16px;
    height: 16px;
    opacity: 0.5;
}
.cc-side-list-item .btn-del-item .cc-spr-common {
    vertical-align: top;
    width: 20px;
    height: 20px;
    background-position: -9px -633px;
}
.cc-side-list-item .btn-del-item:hover {
    opacity: 1;
}
/* 
.cc-side-list .cc-prod-available,
.cc-side-list .cc-prod-out-of-stock,
.cc-side-list .cc-prod-price-changed {
    font-size: 11px;
    width: 122px;
    text-align:center;
    margin:1px 0;
}*/
.cc-side-list .cc-prod-price-changed {
    border: 1px solid #ffecee;
    background: #ffecee;
    padding: 0 7px;
    color: #bf1d1b;
    font-weight: 700 !important;
    border-radius: 2px;
    text-transform: uppercase;
    display: block;
    font-size: 12px;
    width: 101px;
}
.cc-side-total-item span.total {
    font-size:20px;
}
.cc-side-cart .cc-available-date {
    float: right;
    margin-right: 20px;
    font-size: 11px;
}
.cc-side-cart .cc-prod-out-of-stock {
    float: right;
    margin-right: 17px;
}


@charset "utf-8";

/*
* cart table css
* edit btn css
*/

/* shopping cart page */
.cc-cart-product-item {
    position: relative;
    display: block;
    min-height: 92px;
    padding: 5px 0 20px 70px;
    font-size: 12px;
    color: #000;
}

    .cc-cart-product-item .cc-thumb {
        position: absolute;
        left: 0;
        top: 5px;
        display: block;
        width: 60px;
        height: 90px;
        overflow: hidden;
    }

        .cc-cart-product-item .cc-thumb img {
            width: 60px;
            height: 90px;
        }

    .cc-cart-product-item .inner {
        display: table-cell;
        width: 100%;
        vertical-align: top;
        display:flex;
    }

    .cc-cart-product-item .title {
        display: inline-block;
        padding: 8px 0 0 0;
        line-height: 17px;
        color: #000;
        font-weight: 700;
    }

        .cc-cart-product-item .title:first-child {
            padding-top: 1px;
        }

    .cc-cart-product-item .option {
        margin: 0;
        padding: 2px 0;
        line-height: 20px;
        color: #777777;
    }

        .cc-cart-product-item .option:last-child {
            padding-bottom: 0;
        }

    .cc-cart-product-item .tip {
        display: block;
        margin-top: 20px;
        font-size: 11px;
        word-break: normal;
        color: #b81f00;
    }

.cc-table-pic-wrap .tip,
.cc-side-option-list-wrapper .tip {
    display: block;
    font-size: 11px;
    margin-top: 3px;
    color: #b81f00;
}
.cc-cart .cc-order-total {
    float: right;
    width: 16%;
    margin: 0;
    padding: 25px 10px;
    border-radius: 2px;
    border: 1px solid #000;
}
.cc-order-total {
    float: right;
    width: 15%;
    margin: 0;
    padding: 0 15px 10px 0;
    border-radius: 2px;
    border: 1px solid #000;
}

    .cc-order-total .title {
        padding: 0 0 15px 0;
        font-weight: 700;
        /*width: 200px;*/
        font-size: 18px;
    }

    .cc-order-total ul {
        margin: 0;
        padding: 0;
    }

        .cc-order-total ul + button {
            margin-top: 20px;
            width: 100%;
        }

.cc-order-total-item {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: 25px;
    font-size: 13px;
}

    .cc-order-total-item:after {
        content: "";
        clear: both;
        display: block;
        height: 0;
        line-height: 0;
        font-size: 0;
        visibility: hidden;
    }

    .cc-order-total-item:last-child {
        border-bottom: 0;
    }

    .cc-order-total-item .label {
        float: left;
        text-transform: capitalize;
    }

    .cc-order-total-item .value {
        float: right;
    }

    .cc-order-total-item .total {
        color: #cf1f1f;
        font-size: 15px;
        font-weight: 700;
    }

/* .cc-table-cart */
.cc-table-cart .cc-page-title,
.cc-table-cart-saved .cc-page-title {
    width: 50%;
    text-align: left;
    font-weight: 700;
    display: inline-block;
}

.cc-table-cart,
.cc-table-cart-saved {
    width: 80%;
    float: left;
}

.cc-table-cart-theader,
.cc-table-cart-saved-theader {
    background: #eee;
}

.cc-table-cart span,
.cc-table-cart-saved span {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    line-height: 15px;
    font-weight: 400;
    text-align: left;
}

.cc-table-cart-theader span,
.cc-table-cart-saved-theader span {
    height: 22px;
    line-height: 22px;
    font-weight: bold;
    font-size: 12px;
}

.cc-table-item {
    width: 20%;
    text-indent: 65px;
}

.cc-table-color {
    width: 12%;
    padding-left: 7px;
}

.cc-table-pack {
    width: 11.2%;
}

.cc-table-size {
    width: 23%;
}

span.cc-table-qty {
    width: 6%;
    text-align: right;
}

span.cc-table-up {
    width: 13.3%;
    text-align: right;
}

span.cc-table-amount {
    width: 7.2%;
    text-align: right;
}

.cc-table-pic-wrap {
    width: 21%;
    float: left;
}

.cc-table-pic {
    display: flex;
}

.cc-table-select {
    width: 2%;
}

    .cc-table-select input {
        position: relative;
        vertical-align: middle;
    }

    .cc-table-select label {
        position: relative;
        vertical-align: middle;
        left: -5px;
    }

.cc-table-cart .bottom-line,
.cc-table-cart-saved .bottom-line {
    min-height: 90px;
    line-height: 90px;
    text-align: center;
    font-size: 12px;
    border-bottom: 1px solid #e2e2e2;
}

.cc-table-cart-theader .checkbox,
.cc-table-cart-saved-theader .checkbox {
    position: relative;
    top: 5px;
    left: 5px;
    line-height: 18px;
}

.cc-table-right .checkbox {
    position: relative;
    top: 3px;
    left: 8px;
}

.cc-table-cart .input-pack,
.cc-table-cart-saved .input-pack {
    width: 46px;
}

.cc-table-pic img {
    width: 60px;
    max-height: 90px;
    height:auto;
}

.cc-table-pic > a {
    width: 60px;
    height: 90px;
    /*float: left;*/
}

.cc-table-pic-wrap .inner {
    /*width: 155px;
    float: left;*/
    padding: 8px 0 0 5px;
    font-size: 12px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.cc-table-right {
    width: 79%;
    float: right;
    margin: 0 0 5px 0;
}

.cc-table-inner {
    overflow: hidden;
    min-height: 90px;
    border-bottom: 1px solid #e2e2e2;
    padding: 5px 0;
}

    .cc-table-inner span {
        vertical-align: middle;
    }

.cc-table-name {
    width: 14%;
    line-height: 25px;
    padding-bottom: 5px;
}

.cc-table-pk-wrap {
    width: 15.7%;
}

.cc-table-size-list-wrap {
    width: 30.9%;
    font-size: 12px;
}

.cc-table-size-list span {
    margin: 0 5px 0 0;
    font-size: 12px;
}

.cc-table-size-list-wrap em {
    font-size: 12px;
    font-style: normal;
}

span.cc-table-price1 {
    width: 17%;
    text-align: right;
}

span.cc-table-price2 {
    width: 9%;
    text-align: right;
}

span.cc-table-qty2 {
    width: 5%;
    text-align: right;
}

span.cc-table-price-changed-in-price {
    color: #d44a4a;
    margin-left: 77%;
    vertical-align: top;
    margin-top: -9px;
    font-size: 11px;
}

span.cc-table-size-changed,
dd.cc-table-size-changed {
    color: #d44a4a;
    margin-left: 5px;
    font-size: 11px;
}

span.cc-table-min-changed,
dd.cc-table-min-changed {
    color: #f1a436;
    margin-left: 5px;
    font-size: 11px;
}

span.cc-table-all-min-changed {
    color: #f1a436;
    margin-left: 5px;
    font-size: 11px;
    text-align: center;
}
dd.cc-table-all-min-changed {
    color: #f1a436;
    margin-left: 5px;
    font-size: 11px;
}
del.cc-discount {
    color: #bebebe;
}

.cc-table-cart > .cc-commbtn-group:first-child,
.cc-table-cart-saved > .cc-commbtn-group:first-child {
    padding: 0 0 5px 0;
}

.cc-table-cart .cc-commbtn-group,
.cc-table-cart-saved .cc-commbtn-group {
    padding: 5px 0 0 0;
}

.cc-table-cart .cc-page-title + .cc-btn-group-right,
.cc-table-cart-saved .cc-page-title + .cc-btn-group-right {
    width: 49%;
    display: inline-block;
}

.cc-table-cart-saved {
    margin-top: 30px;
}
/* edit btn */
.cc-btn-edit-size {
    display: inline-block;
    width: 55px;
    height: 16px;
    line-height: 16px;
    padding: 0;
    color: #000;
    font-size: 11px;
    text-indent: 22px;
    background: #eee url(../images/size_bg.png) no-repeat 5px center;
    border: 1px solid #e2e2e2;
    border-radius: 1px;
}

.cc-btn-edit-count {
    display: inline-block;
    width: 72px;
    height: 16px;
    line-height: 16px;
    padding: 0;
    margin-top: 3px;
    color: #000;
    font-size: 11px;
    margin-left: 5px;
    text-indent: 23px;
    background: #eee url(../images/update_bg.png) no-repeat 5px center;
    border: 1px solid #e2e2e2;
    border-radius: 1px;
}

    .cc-btn-edit-size:hover,
    .cc-btn-edit-count:hover {
        opacity: 1;
    }
.cc-side-option-list-wrapper .cc-table-pic-wrap .tip {
    display: block;
    font-size: 11px;
    margin-top: 3px;
    color: #d44a4a;
}
.cc-prod-unavailable {
    color: #b81f00;
    display:block !important;
}
.cc-side-cart .tip {
    text-align:right;
    margin-right:17px;
}

@charset "utf-8";

/*
* login page css
* login banner css
*/

/* login-banner-wrapper */
.login-banner {
    text-align:center;
}
.login-banner-wrapper {
    margin: 45px 0 0 0;
}
.cc-login-group {
    width: 600px;
    margin: 30px auto 55px;
    padding-top:10px;
}
.cc-login-group:after {
    content: "";
    clear: both;
    display: block;
    height: 0;
    line-height: 0;
    font-size: 0;
    visibility: hidden;
}
.cc-login-group .cc-sub-title-top {
    padding: 20px 0 0 0;
}
.cc-login-group-item {
    position: relative;
    padding: 35px 62px 0;
    height:420px;
}
.cc-login-full .cc-login-group-item {
    position: relative;
    float: left;
    padding: 35px 62px 0;
    height: 350px;
}
.cc-login-group-item fieldset {
    width: 410px;
    border: 0;
    margin: 0 auto;
    padding:0;
}
.cc-login-group-item input.cc-commtext {
    display: block;
    width: 100%;
    margin-top: 7px;
    margin-bottom:0;
    font-size:14px;
}
.cc-login-group-item input.cc-commtext:focus {
    border:black 1px solid;
}
.cc-commtext.input {
    margin-bottom:10px;
}
.cc-login-group-item-right .cc-login-title {
    margin:0 0 20px;
}
.cc-login-group-item-right .cc-login-button-group button {
    width:410px;
}
.cc-login-group-wrap {
    border: 1px solid #ddd;
    overflow: hidden;
    margin:45px 0 0 0;
}
.cc-login-full .cc-login-group-wrap {
    float: left;
}
.cc-login-group-item-password fieldset,
.cc-login-group-item-left fieldset {
    padding-left: 0;
}
.cc-login-group-item-right {
    margin-left: -5px;
}
.cc-login-group-item-right fieldset {
    padding-right: 0;
}
.cc-login-group-item-password {
    display: none;
}
.cc-login-group-item-password .cc-login-title {
    margin:0 0 20px;
}
.cc-login-title {
    font-size: 25px;
    font-weight: 700;
    margin: 0 0 30px;
    padding: 10px 0 0;
}
.cc-login-full .cc-login-title {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 15px;
    padding: 10px 0 0;
}
.cc-login-full.cc-login-group {
    width: 1100px;
    margin: 30px auto 55px;
}
.cc-login-full .cc-login-group-item-left, .cc-login-full .cc-login-group-item-password {
    border-right: 5px solid #f2efed;
}
/* title line */
.cc-login-group-item span {
    display: block;
    margin-bottom: 20px;
}
.cc-login-group-item span label {
    font-size: 14px;
    color: #000;
}
.cc-login-full .cc-login-group-item span label {
    font-size:12px;
}
.cc-login-full .cc-login-button-group {
    position: absolute;
    bottom: 30px;
}
.cc-login-notice {
    margin: 0 0 15px;
    font-size: 14px;
    height: auto;
    line-height: 20px;
    color: #686868;
}
.cc-login-notice a {
    color: #686868;
}
.cc-login-notice a:hover {
    color: #000;
}
.cc-login-notice-list {
    margin: 0 0 15px;
    padding: 0;
}
.cc-login-notice-list li {
    margin: 0;
    font-size: 12px;
    line-height: 20px;
    list-style: none;
    color: #686868;
}
.cc-login-option {
    margin: 5px 0 0;
    padding: 0;
}
.cc-login-option li {
    position: relative;
    margin: 0;
    padding: 0 8px 0 7px;
    display: inline-block;
    font-size: 12px;
}
ul.cc-login-option li:first-child {
    padding: 0;
    width: 32%;
}
.cc-login-option li:first-child .checkbox label:not(:empty) {
    margin-left:15px;
}
.cc-login-option li:last-child {
    vertical-align: top;
    text-align: right;
    /* width: 270px;*/
    width:66%;
    margin-top: 1px;
    padding:0;
}
.cc-login-option li:last-child:after {
    display: none;
}
.cc-login-button-group {

}
.cc-login-button-group .cc-btn-lg {
    width:420px;
}
.cc-login-button-group:after {
    content: "";
    clear: both;
    display: block;
    height: 0;
    line-height: 0;
    font-size: 0;
    visibility: hidden;
}
.cc-login-group-item .cc-login-valid-txt {
    margin-top: 3px;
}
.cc-login-valid-txt {
    display: block;
    margin: 0 0 5px 0;
    font-size: 12px;
    color: #d32029;
}
.btn-ex-anchor {
    display: inline-block;
    padding-top: 30px;
    font-size: 14px;
    font-weight: bold;
    text-decoration: underline;
}
div.cc-login-group .cc-r-footer-sub {
    margin-top: 110px;
}
.cc-login-group .cc-login-option label {
    font-size:13px;
}
.cc-login-option span.checkbox label:before,
.cc-login-option span.checkbox label:after {
    top: -1px;
}
.cc-login-button-group .cc-btn-lg {
    font-size:18px;
}
.cc-forgot-pw {
    font-weight:bold;
    text-decoration:underline;
}
.cc-forgot-em {
    float: right;
    font-size: 12px;
    margin-top: 10px;
    font-weight: bold;
    text-decoration: underline;
}
.cc-exprd-icn {
    margin: 0 auto 2%;
    display: block;
}
.cc-register-now {
    margin-top: 45px;
    text-align: center;
    font-size:16px;
}
.cc-register-now a {
    font-weight:bold;
    font-size:17px;
}
.cc-register-now a:hover {
    text-decoration:underline;
}
.cc-login-group-item-password .cc-login-button-group {
    margin-top:50px;
}

@charset "utf-8";

/*
* lookbook css
*/

/* lookbook */
.cc-stylebook-slider {
    position: relative;
    display: block;
    padding-top: 10px;
    /* width: 1200px;*/
    width:100%;
    margin: auto;
    margin-right: 120px;
}

.cc-styleslider-image {
    position: relative;
    /* height: 800px;*/
    overflow: hidden;
    border: 1px solid #ddd;
}

.cc-styleimage-list {
    height: 800px;
    margin: 0 !important;
    padding: 0;
    white-space: nowrap;
    font-size: 0;
}

.cc-styleimage-item.swiper-slide {
    position: relative;
    display: inline-block;
    margin: 0;
    padding: 0;
    width: 100% !important;
    height: 100%;
    vertical-align: top;
    list-style: none;
    margin-right: 0.63vw;
}

    .cc-styleimage-item.swiper-slide .anchor {
        position: relative;
        z-index: 20;
        display: block;
        width: 100%;
        height: 100%;
    }

    .cc-styleimage-item.swiper-slide img {
        z-index: 20;
        position: absolute;
        left: 50%;
        top: 50%;
        display: block;
        width: 100%;
        height: auto;
        max-width: 1290px;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        overflow: hidden;
    }

    .cc-styleimage-item.swiper-slide:before {
        content: 'LOADING';
        display: block;
        position: absolute;
        z-index: 10;
        width: auto;
        height: auto;
        font-size: 20px;
        font-weight: bold;
        color: #ddd;
        left: 50%;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

.btn-styleslider-prev,
.btn-styleslider-next {
    position: absolute;
    z-index: 30;
    top: 45%;
    margin-top: -25px;
    background: #fff;
    opacity: .5;
}

.btn-styleslider-prev {
    left: 0;
}

    .btn-styleslider-prev span {
        display: inline-block;
        padding: 0;
        border: 0;
        overflow: hidden;
        background-color: transparent;
        background-image: url('../images/cc-spr-common.png');
        text-indent: 120%;
        text-align: left;
        vertical-align: middle;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: none;
        white-space: nowrap;
        background-position: 7px -493px;
        width: 45px;
        height: 50px;
    }

.btn-styleslider-next {
    right: 0;
    padding: 0;
}

    .btn-styleslider-next span {
        display: inline-block;
        padding: 0;
        border: 0;
        overflow: hidden;
        background-color: transparent;
        background-image: url('../images/cc-spr-common.png');
        text-indent: 120%;
        text-align: left;
        vertical-align: middle;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        border-radius: none;
        white-space: nowrap;
        background-position: 3px -542px;
        width: 45px;
        height: 50px;
        opacity: 1;
    }

        .btn-styleslider-next span:hover {
            opacity: 1;
        }

.cc-styleslider-count {
    position: absolute;
    /*top: 815px;
     right: 0 !important;*/
    z-index: 10;
    width: 68px;
    height: 57px;
    line-height: 57px;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
    /* color: #909090;*/
    color: #000;
    background-color: #fff;
    border-left: 1px solid #ddd;
    left: unset;
    right:1px;
    margin-top: 3px;
}

    .cc-styleslider-count .now {
        color: #000;
        font-weight: 700;
    }

.cc-styleslider-thumb {
    overflow: hidden;
    position: relative;
    border: 1px solid #ddd;
    margin-top: 2px
}

.cc-stylethumb-list {
    height: 47px;
    margin: 5px 0;
    padding: 5px 0;
    white-space: nowrap;
    font-size: 0;
    display:flex;
}

.cc-stylethumb-item.swiper-slide {
    position: relative;
    display: inline-block;
    width: auto;
    margin: 0 10px 0 0;
    padding: 0;
    vertical-align: top;
    list-style: none;
    background: #e8e8e8;
    opacity: 0.2;
    overflow: visible;
    cursor: pointer;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}

    .cc-stylethumb-item.swiper-slide .anchor {
        display: block;
    }

    .cc-stylethumb-item.swiper-slide img {
        width: auto;
        height: 47px;
    }

    .cc-stylethumb-item.swiper-slide:after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        width: 100%;
        height: 100%;
        z-index: 10;
        border: 0 solid #202020;
        background: transparent;
        -webkit-transition: all 0.2s;
        transition: all 0.2s;
    }

    .cc-stylethumb-item.swiper-slide:hover {
        opacity: 1;
    }

    .cc-stylethumb-item.swiper-slide.swiper-slide-active {
        opacity: 1;
    }

        .cc-stylethumb-item.swiper-slide.swiper-slide-active:after {
            left: 0px;
            top: 2px;
            border-bottom: 3px solid #202020;
        }







@charset "utf-8";

/*
* announcement page css
*/

div.cc-ann-content {
    margin: 0 0 20px 0;
    height: auto;
    line-height: 50px;
    color: #000;
    font-size: 22px;
    /*text-transform: uppercase;
    font-weight: bold;*/
}
.cc-ann-title {
    position: relative;
    margin: 0;
    padding: 10px 0 5px 30px;
    color: #000;
    font-size: 18px;
    line-height: 23px;
    font-weight: 700;
    cursor: pointer;
    color: #000;
    border-bottom: 1px solid #000;
}
.cc-ann-title:after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -6px;
    display: inline-block;
    padding: 0;
    border: 0;
    overflow: hidden;
    background-color: transparent;
    background-image: url('../images/cc-spr-common.png');
    text-indent: 120%;
    text-align: left;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: none;
    white-space: nowrap;
    background-position: -9px -300px;
    width: 17px;
    height: 16px;
}
.cc-ann-title.is-active:after {
    left: 1px;
    margin-top: -4px;
    background: url(../images/btn_close.png) no-repeat;
    width: 17px;
    height: 17px;
    background-size: 80%;
}
.cc-ann-title .title {
    display: inline-block;
    margin-right: 20px;
}
.cc-ann-title .date {
    display: inline-block;
    font-size: 12px;
    color: #888;
    position: absolute;
    top: 26px;
    right: 0;
    font-weight: 400;
}
.cc-ann-detail {
    display: none;
    line-height: 20px;
    font-size: 12px;
}
.cc-ann-detail.is-active {
    display: block;
}
.cc-ann-detail .cc-subtitle {
    margin: 0;
    padding: 15px 30px 20px;
    color: #000;
}
.cc-ann-detail .cc-message {
    margin: 0;
    padding: 7px 30px 0;
    color: #000;
    word-break: break-all;
}
.cc-ann-detail .cc-subtitle {
    margin: 0;
    padding: 7px 30px 0;
    color: #000;
    font-weight: 700;

}
.cc-hdrann-pic, .cc-hdrann-pic .cc-hdrann-list {
    height: 3.4vw;
}
.cc-hdrann-img img {
    width: 100%;
}



@media all and (min-width:1921px) {
    /*.cc-product-item-info {
        margin-top:0 !important;
        position:relative !important;
    }
    .cc-product-item {
        min-height:unset !important;
    }*/
    .cc-product-list .cc-product-item-thumb img, .cc-product-list .cc-product-item-thumb div:nth-of-type(2) img, .cc-top-banner-img {
        width: 100%;
    }
}
@media all and (max-width: 1910px) {
    .cc-related-items .cc-product-item-info {
        margin-top: 16.8vw;
    }
    .cc-related-items .cc-product-item {
        min-height: 19.7vw;
    }
}  
@media all and (max-width:1900px) {
    .cc-related-items .product-swiper .product-swiper-list {
        min-height: 420px;
    }
}
@media all and (max-width:1880px) {
    .cc-product-list .cc-product-item-thumb img, .cc-r-sub .cc-4product-list .cc-product-item-thumb div:nth-of-type(2) img {
        max-width:100% !important;
    }
    .cc-r-container-detail {
        width: 90%;
    }
}
@media all and (max-width: 1680px) {
    .cc-4product-list .item {
        min-height: 37.5vw;
    }

    .cc-product-list.cc-4product-list .cc-product-item-info {
        margin-top: 31vw;
    }

    .cc-product-list .cc-product-item-info {
        margin-top: 20vw;
    }
    .cc-product-item-menu .btn-quick-detail {
        top:12vw;
    }
    .cc-4product-list .item .cc-product-item-menu .btn-quick-detail {
        top: 21vw;
    }
}
@media all and (min-width:1366px) and (max-width:1680px) {
    .cc-product-item-color-1 {
        max-width:25%
    }
    .cc-4product-list .cc-product-item-color-1 {
        max-width:50%;
    }
    .cc-related-items .product-swiper .product-swiper-list {
        min-height: 460px;
    }
    .cc-related-items .cc-product-item-info {
        margin-top: 18.5vw;
    }
    .cc-related-items .product-swiper-list .item {
        min-height: 23vw;
    }
    .cc-layer-container-oa {
        left: 13%;
        top: 35px;
    }
    .cc-product-item {
        min-height:26.5vw;
    }
    /* none */
    .cc-title-bg-form-4:after,
    .cc-title-bg-form-12:after {
        display: none;
    }
    .cc-register-page .cc-title-bg-form-6:after,
    .cc-register-page .cc-title-bg-form-7:after,
    .cc-register-page .cc-title-bg-form-8:after,
    .cc-register-page .cc-title-bg-form-9:after {
        display: none;
    }
    .layer-content .magnifier_scope,
    .cc-r-img-container-layer .magnifier_scope {
        display: none;
    }
    .quick-commfile {
        margin-left:2%;
        margin-bottom:2%;
    }
    /* line */
    .cc-title-bg-form-10:after {
        width: 75%;
    }
    .cc-checkout h2.cc-title-bg-form-10:after {
        width: 76%;
        left: 185px;
    }
    .cc-checkout h2.cc-title-bg-form-11:after {
        width: 78%
    }
    /* table */
    
    .cc-option-table table tbody .cc-left-col-2 div {
        text-align: left;
        min-width: 35px !important;
    }
    .cc-checkout .cc-title-valid-txt {
        right: 99px;
    }
    .cc-checkout .cc-title-valid-txt-fee {
        right: 91px;
    }
    .cc-checkout-group-left {
        width: 79%;
    }
    .cc-checkout-group-right {
        width: 20%;
    }

    /* lookbook page */
    .cc-styleimage-list {
        height: 690px;
    }

    /* register page */
    .cc-register-page .cc-form-tabble-wrapper {
        margin:0 30px 0 30px;
    }
    .cc-register .cc-title-valid-txt {
        margin-left: 90%;
    }  
    .cc-register-page.cc-form-table {
        width: 99%;
        margin: 0 0 30px 0;
        padding: 0;
    }
    .permit-message {
        left: 21%;
    }

    /* fiter - pagination */
    .el-button.cc-popover-list {
        width: 125px;
    }
    .el-pagination .el-pager li {
        width: 20px !important;
    }
    .el-pagination .btn-next,
    .el-pagination .btn-prev {
        padding: 0;
    }

    /* list page */
    .cc-product-item {
        margin: 0 14px 0 0;
    }
   
    .cc-product-item-info {
        padding: 0 0 0 2px;
    }
    .cc-4product-list .item {
        margin: 0 7px 0 0 !important;
    } 
    .cc-4product-list .cc-item-list-none {
        width: 1366px;
    }

    /* detail page */
    .modal {
        width: 97%;
    }
    .modal .detail-top {
        margin: 0;
    }
    .cc-r-container-detail {
        width: 100%;
    } 
/*    .img-slider {
        height: 690px;
    }*/
     
    /* main page */
    .cc-main-prod-banner {
        height: 680px;
    }

    /* etc */
    .cc-category-depth-detail .cc-product-back + span {
        text-align: center;
    }
    .cc-btn-sm,
    .cc-btn-sm-o {
        padding: 0 1em;
    }
    #productList_BestSelling .cc-product-item {
        min-height: 37.5vw;
    }
    #productList_BestSelling .cc-product-item-info {
        margin-top: 30.5vw;
    }
}

@media all and (min-width: 1521px) and (max-width: 1536px) {
    .changepw-popup {
        margin-left: 360px;
    }
    .cc-content-side-recently .cc-box-title + div {
        padding: 0 10px 50px;
    }
    .cc-product-item-info {
        padding: 5px 0 0 2px;
    }
    .cc-r-container-detail .content .detail-top {
        margin: 0 50px;
    }
    div.cc-info-container {
        width: 54%;
    }
    .cc-option-table table tbody .cc-left-col-2 div {
        padding-left: 0px;
    }
    .cc-table-size {
        width: 22.56%;
    }
    span.cc-table-amount {
        width: 7.6%;
    }

    /*detail*/
/*    .img-slider {
        height: 810px !important;
    }*/

    .my-toolbar {
        right: 7px !important;
    }
    .cc-top-banner-img img {
        width: 98.6%;
    }
    .cc-top-banner-wrap + .cc-hdrann {
        width: 98.7%;
    }
    .cc-register-page .cc-form-table-addinfo1 {
        padding-right: 1.5%;
    }

    .cc-register-page .inner2 {
        padding-left: 30px;
    }
    /*checkout*/
    .content.cc-checkout {
        width: 98%;
    }
    /*available date + out of stock badge*/
    .cc-checkout .cc-prod-available, .cc-checkout .cc-prod-out-of-stock {
        font-size: 11px;
    }
    /*register*/
    .cc-category-depth-register {
        margin-left:0px;
    }
    .permit-message {
        left: 360px;
    }
}

@media all and (max-width: 1520px) and (min-width: 1367px) {
    .cc-layer-container-oa{
        left:9%;
    }
    /* detail page */
    /*    .img-slider {
        height:820px !important;
    }*/
    /* login page */
    .cc-login-group .cc-title-bg-258:after {
        width: 140px;
        left: 270px;
    }
    .cc-login-group .cc-title-bg-200:after {
        width: 210px;
        left: 205px;
    }

    /* sidebar */
    .cc-opt-list-item a {
        font-size: 12px;
    } 
}

@media all and (max-width: 1520px) {
    /* table */
    .cc-option-table table .cc-left-col,
    .cc-option-table table .color {
        width: 180px !important;
    }
    .cc-option-table table .color span {
        font-size: 12px;
        margin-right: 30px;
    }
    .cc-table-cart-theader span.cc-table-price1,
    .cc-table-cart-theader span.cc-table-up {
        width: 12.4%;
    }
    .cc-table-cart-theader .cc-table-size {
        width: 20.2%;
    }
    .cc-table-size-list-wrap {
        width: 28%;
        font-size: 12px;
    }
    .cc-table-pic-wrap {
        width: 22%;
    }
    .cc-table-right {
        width: 78%;
    }
    .cc-table-pk-wrap {
        width: 20%;
    }
    .cc-table-size-list-wrap {
        width: 27%;
    }
    .cc-table-color {
        width: 11%;
        padding-left: 5px;
    }
    .cc-table-pack {
        width: 15%;
    }
    span.cc-table-qty {
        width: 6.3%;
    }
    .cc-table-select {
        width: 2%;
    }
    .cc-option-table table tbody .cc-left-col-2 div {
        padding-left: 0;
    }
    .cc-checkout-group-left {
        width: 79%;
    }
    .cc-checkout-group-right {
        width: 20%;
    }

    /* sidebar */
    strong.cc-content-side-title {
        font-size: 14px;
    }

    /* popup */
    .changepw-popup,
    .register-popup {
        margin-left: 340px;
    }
    .size-chart-overlay {
        position: fixed;
        top: 1%;
    }
    .modal {
        height: 70%;
        position: fixed;
        top: 1%;
    }
   
    .cc-info-container .cc-btn-lg {
        width: 207px;
    }
    .modal .size-chart-layer-cotent {
        height:100%;
    }
   

    /* lookbook page */
    .cc-styleimage-list {
        height: 690px;
    }

    /* detail page */
    .cc-content-layer-pdct .btn-quick-heart-preview {
        left: 550px !important
    }
    .jssort101 {
        /*height: 670px !important;*/
        top: -16px !important;
    }
    .jssort101 > div {
        transform: scale(.95) !important;
    }
    .cc-r-container-detail .content .detail-top {
        margin: 0 0 0 50px;
    }
    div.cc-info-container {
        width: 51%;
    }
    .cc-color-name {
        max-width: 135px;
    }

    /* register page */
    .cc-category-depth-register {
        margin-left: 0;
    }
    .cc-register-page .inner2 {
        padding-left: 30px;
    }
    .permit-message {
        left: 360px;
    }

    /* toolbar */
    .cc-option-list-wrap {
        padding: 0 0px 0 10px;
    }
    ul.cc-option-list-left {
        width: 52%;
        margin: 0;
    }
     
    /* list page */
    .cc-top-banner-wrap {
        margin-left:10px;
    }
    /*ul.cc-4product-list .cc-product-item-info {
        padding: 10px 0 0 0;
    }*/
    .cc-product-item-detail {
        margin: 0 0 3px 0;
    }
    .cc-4product-list .item {
        padding: 0 0 4px 0;
        margin:0 7px 0 0 !important;
    }
    
    .cc-media-prd .cc-product-item-info {
        margin-top: 5px;
    }
    .my-width{
        width: 41%;
    }
    .my-toolbar {
        right: 7px !important;
    }
    /* cc-content-side-recently - sidebar */
    .cc-content-side-recently .cc-box-title .name {
        font-size: 15px;
    }

    /* login page */
    ul.cc-login-option li:first-child {
        width:32%;
    }

    /*checkout*/
    .content.cc-checkout {
        width: 98%;
    }
    .cc-table-item {
        width: 21%;
    }


}

@media all and (max-width: 1366px) {
    .cc-4product-list .cc-product-item-color-1 {
        max-width: 40%;
    }
    .cc-product-item-color-1 {
        max-width: 25%;
    }
    .cc-related-items .product-swiper .product-swiper-list {
        min-height: 400px;
    }
    .cc-related-items .cc-product-item-info {
        margin-top: 18.5vw;
    }
    .cc-related-items .product-swiper-list .item {
        min-height: 23vw;
    }
    #productList_BestSelling .cc-product-item {
        min-height: 37vw;
    }
    .cc-product-item {
        min-height:28vw;
    }
    .cc-product-item-info {
        margin-top:20vw;
    }
    .cc-4product-list .item {
        min-height: 38.5vw;
    }
    /* none */
    .cc-title-bg-form-7:after,
    .cc-title-bg-form-6:after,
    .cc-title-bg-form-8:after,
    .cc-title-bg-form-9:after {
        display: none;
    }

    .cc-title-bg-form-12:after {
        display: none;
    }

    .order-total-checkout .cc-btn-sm-o {
        display: none;
    }

    .cc-title-bg-form-4:after {
        display: none;
    }

    .layer-content .magnifier_scope,
    .cc-r-img-container-layer .magnifier_scope {
        display: none;
    }

    .cc-content-side-recently-item .cc-product-item-info {
        padding: 0;
    }

    .mobile-header {
        display: none !important;
    }

    .cc-dropdown-menu {
        visibility: inherit !important;
    }

    .cc-r-menu-main {
        visibility: inherit !important;
    }
    /*header*/
    .cc-r-main .cc-r-search {
        position: relative;
        top: 5px;
        right: 0px;
    }

    .cc-r-search .cc-r-search-icon {
        top: -5px;
        right: 0px;
    }


    .cc-r-side-item-person span {
        max-width: 90px;
    }

    /* line */
    .cc-title-bg-form-10:after {
        width: 81%;
        left: 170px;
    }

    .cc-title-bg-form-11:after {
        width: 82%;
    }

    /* fiter - pagination */
    .el-pagination .el-pager li {
        width: 20px !important
    }

    .cc-option-list-wrap {
        padding: 0 0 0 10px;
    }

    .cc-option-list .el-pagination .btn-prev,
    .cc-option-list .el-pagination .btn-next {
        padding: 0 !important;
        width: 15px !important;
    }

    .el-pagination .btn-next,
    .el-pagination .btn-prev {
        padding: 0;
    }

    .el-button.cc-popover-list {
        width: 118px;
        padding: 7px 3px 7px 2px !important;
        font-size: 11px;
        background-position: 110% 50%;
    }

    .cc-option-list.cc-option-list-left {
        width: 49%;
    }

    .cc-option-list-left button.cc-btn-sm {
        font-size: 11px;
    }

    /* table */
    .cc-option-table table .cc-left-col,
    .cc-option-table table .color {
        width: 180px !important;
    }

    .cc-option-table table tbody td {
        font-size: 10.5px !important;
    }
    .cc-color-name {
        max-width: 132px;
    }
    .cc-option-table table .color span {
        font-size: 12px;
        margin-right: 30px;
    }

    .cc-option-table th img {
        right: 8px;
    }

    .cc-option-table table tbody .cc-left-col-2 div {
        min-width: 65px !important;
        padding: 0;
        width: 65px;
    }

    div.cc-option-table table tbody .cc-left-col-2 .cc-left-col-2-qty {
        width: 50px !important;
        min-width: 50px !important;
        text-align: left;
        text-indent: 7px;
        margin: 0;
        padding: 0;
    }

    .cc-option-table table tbody .cc-left-col-2 .cc-left-col-2-pk {
        padding-left: 0;
    }

    div.cc-table-cart-theader .cc-table-size {
        width: 24.7%;
        text-indent: 20px;
    }

    div.cc-table-cart-theader span.cc-table-up {
        width: 11.5%;
    }

    .cc-table-pk-wrap {
        width: 18%;
    }

    .cc-option-table table .cc-total-price {
        font-size: 15px;
    }

    .cc-table-size-list-wrap {
        width: 31.7%;
    }

    span.cc-table-price1 {
        width: 15%;
    }

    .content.cc-checkout {
        width: 99%;
    }

    .cc-checkout-group-left {
        width: 80%;
    }

    .cc-checkout-group-right {
        width: 16%;
    }

    .cc-checkout-group-left {
        width: 83%;
    }
    .cc-table-cart span, .cc-table-cart-saved span {
        font-size: 10.5px;
    }
    .cc-checkout .cc-title-valid-txt {
        right: 84px;
    }
    .cc-checkout .cc-title-valid-txt-fee {
        right: 80px;
    }
    .cc-table-pack {
        width: 12%;
    }
    .cc-table-pic-wrap {
        width: 18%;
    }
    .cc-table-item {
        width: 18%;
    }
    .cc-table-right {
        width: 81%;
    }
    .cc-table-color {
        width: 13.7%;
    }
    .cc-table-name {
        width: 16%;
        padding-bottom: 5px;
    }
    span.cc-table-qty2 {
        width: 3.5%;
    }
    span.cc-table-price2 {
        width: 8.5%;
    }

    /* list page */
    .cc-product-item-menu .btn-quick-detail {
        bottom: 35%;
    }
    div.cc-r-container-sub-form div.content-sub {
        padding: 5px 0 20px 70px;
        width: 80%;
    }
    .cc-product-list .cc-product-item-thumb div:nth-of-type(2) img {
        height: 98.4%;
    }
    .cc-4product-list .cc-product-item-thumb div:nth-of-type(2) img {
        height: 99%;
    }
    .cc-product-item {
        margin: 0 13px 0 0;
    }

    .cc-4product-list .cc-product-item-info {
        padding-top: 5px;
    }

    ul.cc-4product-list .item {
        margin: 0 6px 5px 0 !important;
    }


    .cc-4product-list .cc-item-list-none {
        width: 1100px;
    }


    div.content-sub .cc-top-banner-title {
        font-size: 35px;
    }

    /* sidebar */
    .cc-side-option-list-title {
        font-size: 11px;
    }
    .cc-r-sub .cc-content-side {
        width: 120px;
    }

    div.cc-r-container-sub-list .cc-content-side-group-menu {
        height: 224px;
    }

    li.cc-opt-list-item {
        line-height: 14px;
        padding: 5px 0;
    }

        strong.cc-content-side-title,
        li.cc-opt-list-item.is-active a {
            line-height: 21px;
        }

    .cc-opt-list-item a {
        font-size: 12px !important;
    }

    strong .cc-content-side-title {
        font-size: 16px;
    }

    .cc-content-side-banner strong, .cc-content-side-banner-title {
        line-height: 17px;
    }

    /* recently viewd - sidebar */
    .cc-content-side-recently .cc-box-title + div {
        padding: 0 15px;
    }


    /* announce bar */
    div.cc-hdrann .cc-hdrann-subject span {
        font-size: 18px;
    }

        div.cc-hdrann .cc-hdrann-subject span + span {
            font-size: 13px;
        }

    /* detail page */
    .jssort101 {
        height: 710px !important;
    }
/*    .img-slider {
        height: 820px !important;
    }*/

    div.layer-content .cc-r-container-detail {
        width: 100%;
    }

    .cc-r-container-detail {
        width: 100%;
    }

    div.cc-r-container-detail .content .detail-top {
        margin: 0;
    }

    .cc-r-img-container .cc-product-item {
        /* width: 480px !important;*/
    }

    div.cc-info-container {
        /* width: 47%;*/
        width: 53%;
        margin: 0 15px 0 20px;
    }

    .cc-r-img-container {
        width: 640px;
    }

/*    .img-slider {
        height: 690px;
    }*/

    .cc-category-depth-detail .cc-product-back + span {
        text-align: center;
        padding-left: 23px;
    }
    .image-slider-next {
        right: 3px;
    }

    /* etc */
    .cc-btn-sm,
    .cc-btn-sm-o {
        padding: 0 1em;
    }

    .cc-btn-sm-o {
        font-size: 11px !important;
    }

    /* register page */
    div.cc-register-page .inner2 {
        width: 98%;
        margin-left: 2%;
        padding-left: 0;
    }



    .cc-register .cc-title-valid-txt {
        margin-left: 76%;
    }
    .permit-message {
        left: 376px;
        margin-top:0px;
    }
    .permit-message-txt {
        width: 295px;
        display: inline-block;
        line-height: 20px;
    }
    /* popup */
    div.modal {
        width: 99%;
        height: 97%;
    }

    div.changepw-popup {
        margin-left: 0;
        top: 4%;
        left: 25%;
        width: 750px;
        height: 510px;
        background-size: 50%;
    }
    /* header */

    /* lookbook page */
    .cc-styleimage-list {
        height: 700px;
    }
    .cc-styleimage-item.swiper-slide {
        margin-right: 0;
    }
    /* */
    .cc-info-container .cc-btn-lg {
        width: 218px !important;
    }

    /* live tv popup */
    .cc-layer-container-oa {
        height: 700px;
        overflow-y: scroll;
        top: 30px;
        left:4%;
    }


    /* footer */
    .cc-ft-menu-list-item,
    .cc-ft-info-list-item,
    .cc-copy {
        font-size: 12px;
        line-height: 20px;
    }

    .cc-copy {
        line-height: 15px;
    }
}

@media all and (max-width: 1280px) {
    .cc-4product-list .cc-product-item-color-1 {
        max-width: 40%;
    }
    .cc-product-item-color-1 {
        max-width:10%;
    }
    .cc-product-item {
        min-height: 26.5vw;
    }
    .cc-4product-list .item {
        min-height: 39vw;
    }
    .cc-product-item {
        min-height: 29vw;
    }
    .cc-related-items .cc-product-item-info {
        margin-top: 235px;
    }
    .cc-related-items .product-swiper-list .item {
        min-height: 300px;
    }
    .cc-related-items .swiper-btn-prod {
        top: 24%;
    }
    #productList_BestSelling .cc-product-item-info {
        margin-top: 30.5vw;
    }
    #productList_BestSelling .cc-product-item {
        min-height: 40vw;
    }
    /* none */
    .layer-content .magnifier_scope,
    .cc-r-img-container-layer .magnifier_scope {
        display: none;
    }
    .cc-title-bg-form-7:after,
    .cc-title-bg-form-6:after,
    .cc-title-bg-form-8:after,
    .cc-title-bg-form-9:after {
        display: none;
    }
    .cc-title-bg-form-4:after {
        display: none;
    }
    .mobile-header {
        display: none ;
    }

    /* popup */
    div.modal {
        width: 99%;
        height: 97%;
    }
    div.changepw-popup {
        margin-left: 0;
        top: 10%;
        left: 20%;
        width: 750px;
        height: 510px;
        background-size: 50%;
    }
    .productLayer .cc-r-img-container .cc-product-item {
        width: 505px !important;
    }

    /* announce bar */
    div.cc-hdrann .cc-hdrann-subject span {
        font-size: 16px;
    }
    div.cc-hdrann .cc-hdrann-subject span + span {
        font-size: 12px;
    }

    /* table */
    .cc-table-pic-wrap {
        width: 20%;
        float: left;
    }
    .cc-table-right {
        width: 79%;
    }
    .cc-option-table table tbody .cc-left-col-2 div {
        min-width: 53px !important;
        padding-left: 0;
    }
    .cc-option-table table .cc-commtext,
    .cc-option-table table .cc-commtext.cc-input-pack {
        max-width: 40px;
        width: 40px;
    }
    
    
    .cc-table-size-list-wrap {
        width: 29%;
    }
    .cc-table-pk-wrap {
        width: 16%;
    }
    .cc-table-name {
        width: 19%;
        padding-bottom: 5px;
    }
    span.cc-table-qty {
        width: 4.5%;
    }
    span.cc-table-price1 {
        width: 14%;
    }
    span.cc-table-price2 {
        width: 9.5%;
    }
    div.cc-table-cart-theader span.cc-table-up {
        width: 11%;
    }
    .cc-table-item {
        width: 20%;
    }
    .cc-table-color {
        width: 15%;
    }
    .cc-table-pack {
        width: 11.7%;
    }
    div.cc-table-cart-theader .cc-table-size {
        width: 22.45%;
        text-indent: 10px;
    }
    span.cc-table-up {
        width: 13%;
    }
    span.cc-table-amount {
        width: 7.5%;
    }
    .cc-info-container .cc-btn-lg {
        width: 207px !important;
    }
    div.cc-checkout span.cc-title-valid-txt {
        right: 20px;
    }
    .content.cc-checkout,
    .content.cc-checkout {
        width: 99%;
    }
    .cc-checkout-group-left {
        width: 79%;
    }
    .cc-checkout .cc-title-valid-txt-fee {
        right: 14px;
    }
   


    /* fiter - pagination */
    .el-pagination .el-pager li {
        width: 20px !important
    }
    .cc-option-list .el-pagination .btn-prev,
    .cc-option-list .el-pagination .btn-next {
        padding: 0 !important;
        width: 15px !important;
    }
    .el-pagination .btn-next,
    .el-pagination .btn-prev {
        padding: 0;
    }
    .cc-option-list-right {
        width: 35%;
    }
    ul.cc-option-list.cc-option-list-left {
        width: 52%;
    }
    .cc-option-list-center {
        width: auto;
        margin: 0;
        text-align: center;
    }

    /* list page */

    .cc-4product-list .item .cc-product-item-menu .btn-quick-detail {
        bottom: 30%;
    }
    .cc-product-item {
        margin: 0 11px 0 0;
    }
    .cc-4product-list .cc-item-list-none {
        width: 1000px;
    }
    .my-width {
        width: 32%;
    }
    .my-toolbar {
        right: 4px !important;
    }
    /* sidebar */
    strong.cc-content-side-title {
        font-size: 13px;
    }
    div.cc-r-container-sub-list .cc-content-side-group-menu {
        height: 211px;
    }

    /* recently viewd - sidebar */
    .cc-content-side-recently .cc-box-title + div {
        padding: 0 10px;
    }

    /* register */
    div.cc-register-page .cc-form-tabble-wrapper {
        width: 100%;
        clear: both;
        margin: 0;
    }
    .cc-category-depth-register {
        margin-left: 105px;
    }
    div.cc-register-page .cc-form-table-addinfo1 {
        padding-right: 0;
    }
    .cc-register-page .inner {
        width: 95%;
    }
    div.cc-register-page .inner2 {
        margin-left: 0;
        width: 99%;
        padding-left:0;
    }
    .quick-commfile {
        margin-bottom: 2%;
    }
    .quick-commfile .commfile .name {
        width:90%;
        top:unset;
        left:unset;
    }
    .cc-register .commfile .cc-btn-sm-o {
        top: 10px;
    }
    .commfile label {
        font-size: 11px;
    }
    .commfile .name {
        width: 175%;
        top: 37px;
        left: -132px;
    }
    .permit-message {
        left: 347px;
        margin-top: 30px;
    }
    .permit-message-txt {
        width: 260px;
    }

    /* detail page */
    .detail-top {
        width: 1280px;
    }
    .layer-content {
        max-width: 1240px;
    }
    .cc-r-img-container {
        margin: 0;
        /*width: 765px;*/
        width:645px;
    }
    .quick .cc-r-img-container {
        width: 732px;
    }
    .cc-content-layer-pdct .cc-info-container {
        width: 630px;
        margin: 0;
    }
    .cc-content-layer-pdct .button-group .cc-btn-lg-o {
        position: relative;
        left: 10px;
    }
    .cc-info-container {
        width: 47%;
        margin: 0 0 0 10px;
    }
    .image-slider-next {
        right: 0px;
    }
    .cc-content-layer-pdct .btn-quick-heart-preview {
        left: 550px !important
    }

    /* lookbook */
    .cc-styleimage-list {
        height: 655px;
    }

    /* */
    /*.cc-media-prd .cc-product-item {
        margin: 0 15.4px 0 0 !important;
    }*/
    .cc-main-section-1.cc-media-prd .item .cc-product-item-menu button.btn-quick-detail {
        right: 70px;
        top: 330px;
    }

    .cc-related-items .product-swiper-list .item {
        margin: 0 3.2px 0 0 !important;
    }
    .cc-product-list-wrap-event-banner .cc-product-item {
        margin: 30px 7px 10px 10px;
    }
    .cc-checkout-group-right .cc-title-checkout-part {
        font-size: 14px;
    }
    .cc-order-total-item {
        font-size: 12px;
    }
    .cc-table-pic .cc-prod-available, .cc-prod-available {
        font-size: 11px
    }
    .cc-available-date {
        font-size: 11px
    }

    /* live tv popup */
    .cc-layer-container-oa {
        height:860px;
        left:1%;
    }

}
@media all and (max-width: 1250px) {
    .cc-option-list-center {display:none;}
    ul.cc-option-list.cc-option-list-left {
        width: 62%;
    }
    div.cc-cart .cc-order-total {
        width: 96%;
        margin: 15px 12px 15px 0;
        padding-top: 15px;
    }
    .cc-completed-wrapper {
        width: 100%;
    }
        /* live tv */
    .cc-layer-container-oa {
        left: 1%;
        width: 1000px;
        height: 700px;
        top:35px;
    }
    .oa-item-top {
        height: 300px;
    }
    .oa-item-detail ul {
        height: 240px;
    }
    .oa-color-swatch img {
        display:none;
    }
    .oa-item .cc-product-item-title {
        top: 242px !important;
    }
    .oa-item .cc-commtext {
        text-align: left!important;
    }
    .oa-order-btn, .oa-checkout-btn {
        font-size: 9px;
        margin-top:-5px;
    }
    .oa-total {
        padding: 4px 10px;
        width: 41%;
        margin-top: -6px;
    }
    .oa-qty, .oa-amount {
        font-size: 12px;
    }
    .oa-color-swatch span {
        top: 0px;
        max-width:100px;
    }
    .oa-pack {
        width: 28%;
    }
    .oa-available {
        position: absolute;
        display:block;
        float:left;
        top:unset;
    }
    .cc-4product-list .item {
        min-height: 39vw;
    }
}

@media all and (max-width: 1024px) {
    .top-lang {
        display:none;
    }
    /*error*/
    .cc-error-wrapper {
        width: 60%;
        z-index: 999;
    }
    .cc-r-header {
        z-index:99;
    }
    #gHeader #m-icon {
        visibility: visible;
        position: absolute;
    }
    .cc-product-item-color-1 {
        max-width: 0%;
    }
    .cc-related-items .product-swiper {
        min-height: 33vh;
    }
    .cc-related-items .cc-product-item-info {
        margin-top: 190px;
    }
    .cc-related-items .swiper-btn-prod {
        top: 23% !important;
    }
    .cc-related-items .product-swiper .product-swiper-list {
        min-height:330px !important;
        height:330px !important;
    }
    .cc-product-item {
        min-height: 300px;
    }
    .cc-product-item-info {
        margin-top:200px;
    }
    .cc-4product-list .item {
        min-height:410px;
    }
    .cc-4product-list .cc-product-item-info {
        margin-top:315px;
    }
    input[type='text'],
    input[type='number'],
    textarea {
        font-size: 14px !important;
    }
    #view {
        width:1024px;
    }
   /* none */
    div.cc-product-item-size {
        display: none;
    }
    .layer-content .magnifier_scope,
    .cc-r-img-container-layer .magnifier_scope {
        display: none; 
    }
    .cc-title-bg-258:after,
    .cc-title-bg-200:after {
        display: none;
    }
    .cc-content-side-banner,
    .cc-option-list-left {

    }
    ul.cc-option-list-center {
        display: none;
    }
    div.cc-main-section-1.cc-media-prd .cc-main-section-head,
    .cc-media-prd.cc-main-section-head {
        display: none;
    }
    ul.cc-product-item-menu .btn-quick-detail {
        /*display: none !important;*/
    }
    h2.cc-title-bg-form-6:after,
    h2.cc-title-bg-form-7:after,
    h2.cc-title-bg-form-8:after,
    h2.cc-title-bg-form-9:after {
        display: none;
    }

    .cc-4product-list .item .cc-product-item-menu .btn-quick-detail {
        bottom: 30%;
    }
    .mobile-header {
        display: inherit !important ;
    }
    .cc-r-menu-main {
        display: none !important;
    }
    .cc-dropdown-menu {
        display: none !important;
    }

    /*header*/
    .cc-r-main input.cc-r-search-input{
        width: 340px !important;
        right: 395px !important;
    }
    .cc-r-main .cc-r-side-item {
        top: -50px;
    }
    .cc-r-logo-sub .link {
        margin-left: 120px;
    }
    .cc-r-sub .cc-r-search-input {
        height: 20px !important;
        width: 320px !important;
        right: 295px !important;
        top: 6px;
    }
    .cc-r-sub .cc-r-search-icon {
        right: 55px !important;
    }
    .cc-r-side-item-person span {
        max-width: 150px;
    }
    .cc-r-main .cc-r-search {
        right: 70px;
    }
    /* line */
    .cc-title-bg-form-10:after {
        width: 78%;
    }
    .cc-title-bg-form-11:after {
        width: 79%;
    }
    div.cc-checkout-group-right {
        margin: 0.7% !important;
    }
    /* table */
    .el-date-editor .el-range-input {
        width: 31% !important;
    }
    .cc-form-table-myinfo .cc-checkout-part-inner {
        width: auto;
    }
    .cc-form-table-myinfo .cc-valid-wrapper {
        width: 375px;
    }
    .cc-invoices-table table tbody .date,
    .cc-invoices-table table .col-date {
        padding-left: 0;
    }
    span.cc-table-price-changed-in-price {
        margin: -5px 0 0 570px;
    }
    .cc-table-size {
        width: 26%
    }
    .cc-table-size-list-wrap {
        width: 27.7%;
    }
    .cc-table-pk-wrap {
        width: 16%;
    }
    div.cc-table-cart-theader .cc-table-size {
        width: 20.45%;
    }
    div.cc-table-cart-theader span.cc-table-up {
        width: 10.5%;
    }
    span.cc-table-amount {
        width: 8%;
    }
    span.cc-table-price2 {
        width: 10%;
    }
    span.cc-table-qty {
        width: 6%;
    }
    .cc-option-table table tbody .cc-left-col-2 .cc-left-col-2-qty {
        width: 50px !important;
        min-width: 50px !important;
        text-align: left;
        text-indent: 6px;
        margin: 0;
        padding: 0;
    }
    .cc-order-total.order-total-checkout {
        width: 97%;
    }
    div.cc-checkout-group-right {
        width: 99% !important;
    }
    .cc-checkout .cc-form-table-checkout .cc-btn-group-left {
        margin-bottom: 20px;
    }
    .cc-checkout .cc-title-valid-txt-fee {
        right: 34px;
    }
    .el-date-editor .el-range-input {
        width: 34% !important;
    }

    /* cart page */
    div.cc-table-cart {
        width: 100%;
    }
    div.cc-cart .cc-order-total {
        width: 96%;
        margin: 15px 12px 15px 0;
        padding-top: 15px;
    }
    div.cc-order-total .title {
        padding-top: 0;
    }
    div.cc-order-total .cc-btn-lg.submit-btn {
        font-size: 22px;
    }
    .cc-checkout-group .cc-commbtn-group .cc-btn-lg {
        width: 97.2%;
        margin: 15px;
        font-size: 22px;
    }
    div.cc-checkout-group-left,
    div.cc-checkout-group-right {
        width: 96%;
        margin: 0 0 0 2%;
    }
    .cc-form-table-checkout {
        margin-bottom: 20px;
    }
    .cc-completed-wrapper {
        width: 100%;
    }
    .order-checkout-color {
       margin:0 0 5px 10px;
    }
    .cc-table-cart-saved {
        width: 100%;
    }
    /* fiter - pagination */
    .cc-product-list-wrap {
        margin-top: 5px;
    }
    .el-pagination .el-pager li {
        width: 20px !important
    }
    .cc-option-list .el-pagination .btn-prev,
    .cc-option-list .el-pagination .btn-next {
        padding: 0 !important;
        width: 15px !important;
    }
    .el-pagination .btn-next,
    .el-pagination .btn-prev {
        padding: 0;
    }
    .el-button.cc-popover-list {
        width: 118px;
        padding: 7px 3px 7px 2px !important;
        font-size: 11px;
        background-position: 110% 50%;
    }
    .cc-option-list-left button.cc-btn-sm {
        font-size: 11px;
    }
    ul.cc-option-list-center {
        width: 54%;
    }
    li.cc-option-list-item.cc-paging-count {
        text-align: left;
    }
    ul.cc-option-list-right {
        width: 35%;
    }
    div.el-pagination {
        min-width: 300px;
    }
    .order-total-checkout .cc-prod-available,
    .order-total-checkout .cc-prod-out-of-stock {
        top:-3px;
    }

   


    /* list page */
    .cc-product-item-menu .btn-quick-detail {
        top: 11vw;
    }
    .cc-4product-list .item .cc-product-item-menu .btn-quick-detail {
        top: 20vw;
    }
    .cc-product-list .cc-product-item-thumb div:nth-of-type(2) img {
        height: 100%;
    }
    .cc-4product-list .cc-product-item-thumb div:nth-of-type(2) img {
        height: 100%;
    }
    div.cc-r-container-sub-form .content-sub {
        width: 87%;
    }
    .cc-table-pic .cc-prod-available, .cc-prod-available {
        letter-spacing:-1px;
    }
    .cc-product-item {
        margin: 0 9px 0px 0;
    }
    .cc-4product-list .cc-item-list-none {
        width: 800px;
    }
    .cc-4product-list .item {
        margin: 0 0 5px 4px !important; 
    }
    .my-width {
        width: 109%;
    }
    .my-toolbar {
        right: 0px !important;
    }
    .cc-related-items .product-swiper .product-swiper-list {
        min-height: 320px;
    }

    /* banner */
    div.cc-top-banner a.cc-top-banner-img + a > span {
        line-height: 35px;
    }

    /* sidebar */
    .cc-content-side-banner strong, .cc-content-side-banner-title {
        line-height: 17px;
    }
    .cc-r-sub .cc-content-side {
        width: 120px;
    }
    .cc-opt-list-item a {
        font-size: 11px !important;
    }
    strong.cc-content-side-title {
        font-size: 13px;
    }
    div.content-sub .cc-top-banner-title {
        font-size: 35px;
    }
    .cc-r-container-sub-list .cc-content-side-group-menu {
        height: 216px;
        width: auto;
    }

    /* cc-content-side-recently - sidebar */
    .cc-content-side-recently .cc-box-title + div {
        padding: 0 5px;
    }
    .cc-content-side-recently .cc-box-title .name {
        font-size:16px;
    }

    /* detail page */
    .detail-top {
        width: 1024px;
    }
    .cc-product-navi {
        width: 16%;
    }
    .image-slider-next {
        right: 55px;
    }
    .cc-r-container-detail .content .detail-top {
        flex-direction: column;
    }
    .cc-review-item-right {
        width: 60%;
    }
    div.cc-r-container-detail .content {
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    div.cc-r-img-container {
        width: 100%;
    }
    div.cc-info-container {
        width: 95%;
        margin: auto;
        padding-top: 20px;
    }
    #jssor_1 .cc-product-item img {
        width: 100%;
    }
    .cc-r-container-detail {
        width: 100%;
    }
    .cc-related-items .cc-product-item-info {
        margin-top: 190px;
    }
/*    .img-slider {
        height: 690px;
    } */
    div.cc-product-review {
        width: 90%;
        margin: auto;
        margin-top: 30px;
    }
    div.cc-r-img-container {
        width: 64% !important;
        margin-left: 170px;
    }
   .cc-r-img-container .cc-product-item {
        width: 520px !important;
    }
    .cc-option-table table .color span {
        font-size: 14px;
    }
    .cc-option-table table .cc-col {
        font-size: 14px;
    }
    .cc-option-table table tbody td {
        font-size: 14px;
    }
    .cc-small-txt-menu-item a {
        font-size: 13px;
    }
    .cc-option-table table thead .cc-left-col-2, .cc-option-table table tfoot .cc-left-col-2, .cc-option-table table tbody .cc-left-col-2 {
        font-size: 14px;
    }

    /* */
    .cc-category-depth-detail .cc-product-back + span {
        text-align: center;
    }
    .cc-btn-sm,
    .cc-btn-sm-o {
        padding: 0 1em;
    }
    .cc-btn-sm-o {
        font-size: 11px !important;
    }
    div.cc-checkout span.cc-title-valid-txt {
        right: 40px;
    }

    /* */
    .cc-list-items {
        margin: 0 auto;
    }
    .cc-list-items h3.box-title span {
        font-size: 27px;
    }
    div.cc-list-items .product-swiper .swiper-btn-prod {
        top: 40% !important;
    }
    .cc-product-list-wrap-event-banner .cc-product-item {
        margin: 30px 7px 10px 10px;
    }
    .cc-product-list .cc-product-item-info {
        margin-top: 203px;
    }
    .cc-product-list.cc-4product-list .cc-product-item-info {
        margin-top: 317px;
    }
    .cc-product-list.cc-4product-list .cc-product-item-thumb img {
        max-height: 310px !important;
        max-width: 207px;
    }
    .cc-product-list .cc-product-item-thumb img {
        max-height: 204px;
        max-width:134px;
    }

    /* login page */
    .cc-login-full.cc-login-group {
        width: 90%;
    }
    .cc-login-full form.cc-login-group-item {
        width: 80%;
        padding: 20px 0px 0px 95px;
    }
    .cc-login-full form.cc-login-group-item fieldset {
        width: 100%;
    }
    .cc-login-full .cc-login-group-wrap {
        float:none;
    }
    .cc-login-full .cc-login-group-item-left, .cc-login-full .cc-login-group-item-password {
        border-right:
            none;
    }
    .cc-login-full .cc-login-button-group {
        width: 88%;
    }
    .cc-login-group-item-left, .cc-login-group-item-password {
        border-right: none;
    }
    div.cc-login-button-group .cc-btn-lg,
    form.cc-login-group-item-right .cc-login-button-group button {
        width: 100%;
    }
    form.cc-login-group-item fieldset {
        width: 100%;
    }
    .cc-login-option {
        display: flex;
        justify-content: space-between;
    }
    ul.cc-login-option li:last-child {
        width: 60% !important;
    }
    .login-banner-wrapper img {
        width: 100%;
    }
    /* popup */
     div.register-popup {
        top: 10%;
        left: 10%;
    }
    div.changepw-popup {
        margin-left: 0;
        top: 10%;
        left: 20%;
        width: 650px;
        height: 440px;
        background-size: 50%;
    }
    .changepw-popup-inner {
        padding: 0 5px 0 0;
    }
    .changepw-popup-inner .cc-btn-lg {
        width: 250px;
        height: 40px;
        line-height: 40px;
        font-size: 15px;
    }
    .changepw-popup-inner2 {
        max-width: 500px;
    }
    .changepw-popup-inner2 img {
        margin: 35px auto 30px auto;
    }
    .changepw-popup-inner2 .cc-btn-lg {
        font-size:14px;
    }
    /* register page */
    div.cc-register-page .cc-form-table-addinfo1 {
        padding-right: 0;
    }
    .cc-category-depth-register {
        width: 100%;
        margin: 0;
    }
    div.cc-register-page .cc-form-tabble-wrapper {
        width: 100%;
        clear: both;
    }
    div.cc-register-page h2 {
        width: 100%;
    }
    div.cc-register-page.cc-form-table {
        width: 93%;
    }
    .permit-message {
        left: 240px;
    }
    .cc-register .cc-title-valid-txt {
        margin-left: 880px;
    }
    /* bar announce */
    div.cc-hdrann .cc-hdrann-subject span {
        font-size: 14px;
    }
    div.cc-hdrann .cc-hdrann-subject span + span {
        font-size: 11px;
    }
    .cc-hdrann-pic, .cc-hdrann-pic .cc-hdrann-list {
        height: 34px;
    }

    /* lookbook */
    .cc-styleimage-list {
        height: 522px;
    }
    .cc-styleimage-item.swiper-slide {
        margin-right: 0.4px;
    }

    /*subpage*/
    .cc-form-table-contact-us .cc-btn-lg-submit {
        font-size: 20px;
    }
    .cc-invoices-table .order-detail-wrapper table {
        min-width: 100%;
    }
}
@media all and (max-height: 767px) {
    .main-popup {
        top: 10px;
    }
    .cc-error-wrapper {
        width:90%;
        height:400px;
    }
    .cc-error-wrapper h1 {
        margin-top: 60px;
    }
    .cc-error-wrapper .re-btn {
        margin-top: 50px;
    }
}

@media all and (max-width: 1920px) {
    .permit-message {
        left: 28.5vw;
    }
}
@media all and (max-width:1680px) {
    /* main */
    .rnr-bottom:nth-child(1) {
        margin-right: 7.5%;
    }

    /* fixed */
    .cc-r-sub .is-fixed .cc-r-logo {
        margin: 3px 0 0 0;
    }

    .cc-login-option li:last-child {
        width: 65%;
    }

    /* list */
    .cc-main-section-1 .item .cc-product-item-menu button.btn-quick-detail {
        right: 115px;
        top: 415px;
    }
    .cc-list-items .box-title {
        bottom:-60px;
    }
    .cc-related-items .product-swiper .product-swiper-list {
        min-height:23vw;
    }
    /*checkout*/
    .cc-checkout h2.cc-title-bg-form-11::after {
        width: 77%;
    }

    /*register*/
    .permit-message {
        left:20vw;
    }

    /*footer*/
    .cc-seal {
        margin: -210px 15.3% 0 0;
    }
}
@media all and (max-width: 1536px) {
    .cc-r-sub .cc-r-logo .link {
        right: unset;
    }
    .is-fixed .cc-r-logo .link {
        right: unset;
    }
    /*.cc-r-main .is-fixed .cc-r-side-sub {
        top: 20px;
    }*/

    .main-prod-center {
        width: 40%;
    }
    .main-banner-bg {
        height: 519px;
    }
    .cc-main-banner-p .product-swiper-list .cc-product-item-thumb {
        height: 295px !important;
    }
    .cc-top-banner-img img {
        width: 100% !important;
    }
    .cc-content-side-recently .cc-box-title + div {
        padding: 0 20px 50px;
    }
    .cc-product-list-wrap.cc-product-list-wrap-event-banner .cc-product-list-wrap-more-title {
        font-size: 28px;
    }
    .cc-ft-menu-group:nth-child(5) {
        width: 17%;
    }
    .cc-show-schedule img {
    }
    .permit-message {
        left: 339px;
    }
    .cc-r-sns-item {
         min-width: 8.5%; 
    }
}

@media all and (max-width: 1520px) {
    .cc-product-item-detail {
        margin: 0;
    }
    div.cc-hdrann-main {
        top: 0;
    }
    .mobile-header {
        z-index: 1000;
    }
    .cc-r-sns-main {
        margin-top: 170px;
    }
    /* header */
    .cc-r-sub .cc-r-logo-sub img{
        left: unset;
    }
    .is-fixed .cc-tooltip {
        top: 110%;
    }
    .cc-r-sub .cc-r-search-input {
        right: 121%;
    }
    .cc-r-menu-fixed .cc-r-search-input{
        top: 11px;
    }
    .cc-r-sub .is-fixed .cc-r-search-in {
        top: 5px;
    }
    .is-fixed .cc-r-main .cc-r-search-in {
        top: 5px;
    }
    /* main page */
    .cc-main-banner-p .product-swiper-list .cc-product-item-thumb {
        height: 285px !important;
    }
    .cc-product-list-wrap.cc-product-list-wrap-event-banner .cc-product-item {
        bottom: -4px;
    }
    .cc-r-side-sub{
        top: 40px;
    }
/*    .is-fixed .cc-r-side-sub {
        top: 20px;
    }*/
    .cc-main-title {
        top: 410px;
    }
    .main-prod-center {
        width: 45%;
    }
    .main-banner-bg {
        height: 515px;
    }
    .cc-content-side-recently .cc-box-title + div {
        padding: 0 25px 50px;
    }
    .cc-prod.cc-prod-1 p a {
        height: 460px;
    }
    .cc-prod .cc-main-title {
        top: 294px;
    }
    .pri-center {
        width: 30.5%;
        margin-right: 35px;
    }
    .cc-prod-1 .cc-main-title {
        top: 443px !important;
    }
    .product-swiper .swiper-btn-prod-next span {
        background-position: 0px -543px;
    }
    /* */
    .cc-product-item-thumb img {
        height: 100%;
        width: 100%;
    }
    div.cc-top-banner-wrap {
        padding: 0;
    }
    .cc-list-items .box-title {
        bottom: -30px;
    }
    div.cc-list-items .product-swiper .swiper-btn-prod {
        top:41%;
    }
    #productList_BestSelling .swiper-btn-prod-next{
        right: 0px;
    }
    .cc-main-section-1 .product-swiper .swiper-btn-prod {
        top: 39%
    }
    .product-swiper .swiper-btn-prod-next {
        right: -6px;
    }
    div.cc-order-total .cc-btn-lg.submit-btn {
        font-size: 14px;
    }
    ul.cc-4product-list .cc-product-item-info {
        padding: 0;
    }

    .cc-product-list-wrap.cc-product-list-wrap-event-banner .cc-product-list-wrap-more-title {
        font-size: 28px;
    }


    /* line */
    .cc-login-group .cc-title-bg-258:after {
        width: 130px;
        left: 280px;
    }
    .cc-login-group .cc-title-bg-200:after {
        width: 195px;
        left: 220px;
    }

    .cc-info-container .cc-btn-lg {
        margin: 25px auto 0;
    }


    /* footer */
    .cc-ft-menu-group-email {
        padding-left: 0%;
    }
    .permit-message {
        left: 339px;
    }

}

@media all and (max-width: 1366px) {
    div.changepw-popup-inner img {
        margin: 100px 0 30px 68px;
    }
    .changepw-popup-inner {
        padding: 0 35px 0 0;
    }
    /* header */
    .cc-r-logo .link, .is-fixed .cc-r-logo .link {
        left: unset;
        top: 10px;
    }
    .cc-r-main .cc-r-search-in {
        right: 5px;
    }
    .cc-r-sub .is-fixed .cc-dropdown-menu {
        margin-top: unset;
    }
    .cc-nav ul li ul{
        width: 140px;
    }
    .cc-r-sub .cc-nav > ul > li > a {
        line-height: 50px;
    }
    .cc-r-sub .cc-r-side-item {
        bottom: 3px;
    }
    .cc-r-sub .is-fixed .cc-r-side-item {
        bottom:-5px;
    }
    .cc-r-sub .cc-nav > ul > li > ul {
        top: 38px;
    }
    /* fixed */
    .cc-r-sub .is-fixed .cc-r-side-item.cc-tooltip-wrap {
        top: 14px;
    }
    .cc-r-sub .is-fixed .cc-r-side-item.cc-r-side-item-favorite {
        top: 4px;
    }
    .cc-r-sub .is-fixed .cc-r-side-item-bag {
        top: 10px;
    }
/*    .is-fixed .cc-nav {
        top: 10px;
        position: relative;
    }*/
    .cc-r-sub .is-fixed .cc-nav {
        top: 4px;
    }
    .cc-r-sub .is-fixed .cc-nav ul li ul {
        top: 39px;
    }
    .is-fixed .cc-r-logo img {
        top: 23px;
    }
    .cc-r-wrap-main .is-fixed .cc-dropdown-menu{
        left:0%;
        top: 61%;
    }

    .cc-r-sub .is-fixed .cc-r-logo .link {
        top: -18px;
    }
    .cc-r-sub .is-fixed .cc-r-side-sub {
        top: 8px;
    }
    .cc-r-sub .cc-hdrann-close {
        top: 25%;
    }
    .cc-r-search-input, .cc-r-search-in {
        width: 170px;
    }
    .cc-main-banner-p {
        margin-top: 20px !important;
    }
    .main-new-title img {
        width: 70%;
    }
    .cc-main-banner-p .product-swiper-list .cc-product-item-thumb {
        height: 260px !important;
    }

    .cc-main-banner-p .product-swiper-list .item {
        width: 20.8% !important;
    }
    .main-banner-bg {
        background-position: 0 -53px;
    }
    .main-banner-bg {
        height: 470px;
    }
    #productList_BestSelling .swiper-btn-prod-next {
        right: 0px;
    }
    .cc-content-side-recently .cc-box-title + div {
        padding: 0 15px 50px;
    }
    .main-banner-bg .product-swiper .swiper-btn-prod {
        top: 40%;
    }
    
    .is-fixed .cc-r-sub .cc-r-side-item-login {
        top: 15px;
    }
    .cc-option-list-item.cc-paging-count {
        margin: 0; 
    }

    div.cc-top-banner-wrap {
        margin: 0;
        padding:0 0 0 12px;
    }
    div.cc-top-banner {
        margin-left:0;
    }
    /* main page */
    /* 3ea */
    .cc-product-list-wrap.cc-product-list-wrap-event-banner .cc-product-item {
        bottom: -4px;
    }
    .main-prod-wrapper {
        margin-top: 0;
    }
    .main-prod strong {
        width: 90%;
        line-height: 45px;
        font-size: 50px;
    }


    /* 3ea */
    .cc-product-list-wrap.cc-product-list-wrap-event-banner .cc-product-list {
         margin-top:0;
    }

    /* main 9ea */
    .cc-main-desc{
        margin-top: 2px;
    }
    .cc-main-best {
        background-size: 118%;
    }
    .cc-prod.cc-prod-1 p a {
        height: 430px;
    }
    .cc-prod-1 .cc-main-title {
        top: 413px !important;
    }
    .cc-prod .cc-main-title {
        top: 258px;
    }

    /* list page */
    div.cc-r-container-sub-list .cc-content-side-group-menu {
        height: 270px;
    }
    .cc-list-items ul.swiper-wrapper {
        width: 93.6%;
    }
    div.cc-list-items .product-swiper .swiper-btn-prod {
        top: 38% !important;
    }
    .cc-product-list-wrap.cc-product-list-wrap-event-banner .cc-product-list-wrap-more-title {
        font-size: 25px;
    }
    .cc-btn-sm-o {
        font-size: 10px !important;
    }

    .image-slider-next {
        right: 20px;
    }
    .productLayer .image-slider-next {
        right:0px;
    }
    .cc-main-section-1.cc-main-section-1 .product-swiper .swiper-btn-prod-next {
        right: 0;
    }
   
    .cc-main-section-1 .item .cc-product-item-menu button.btn-quick-detail {
        right: 85px;
        top: 350px;
    }
    div.cc-info-container{
        margin: 0 15px 0 20px;
    }
    #productList_BestSelling .swiper-btn-prod-next {
        right: 2px;
    }
    .cc-main-section-1 .product-swiper .swiper-btn-prod {
        top: 39%
    }
    .cc-r-container-detail .cc-related-items .product-swiper .swiper-btn-prod {
        top: 30%;
    }
    /* footer*/
    .cc-seal {
        margin: -210px 17.6% 0 0;
    }
    div.cc-checkout span.cc-title-valid-txt {
        width: 97%;
    }
    .cc-login-option li:first-child {
        width: 31%;
    }

    /* register */
    .permit-message {
        left: 340px;
    }

    /* instagram */
    .instagram-wrapper {
        padding: 35px 0 35px 0;
    }


    /* title */
    .cc-list-items .box-title {
        bottom: -10px;
    }
    .cc-list-items .box-title img,
    .cc-main-section-head-title img {
        width: 30%;
    }

    .cc-info-container .cc-btn-lg {
        margin: 25px auto 0;
    }

  
}

@media all and (max-width: 1520px) {

    /* list page */
    ul.cc-4product-list .cc-product-item-color {
        top: 460px;
    }
    div.cc-product-item-color {
        top: 310px;
    }
}

@media all and (max-width: 1280px) {
    /* header */
    .cc-r-sub .cc-nav > ul > li > ul {
        top: 35px;
    }
    .cc-r-sub .is-fixed .cc-nav ul li ul {
        top: 35px;
    }
    .cc-r-sub .cc-nav > ul > li {
        margin: 0;
    }
    .cc-r-sub .cc-nav > ul > li > a{
        height: 45px;
    }
    .cc-r-sub .is-fixed .cc-r-logo .link {
        top: 4px;
    }
    .cc-r-search-input {
        width: 170px;
    }
    /* fixed */
    .cc-r-sub .is-fixed .cc-r-logo-sub img {
        top: 4px;
    }
    .cc-r-sub .is-fixed .cc-r-logo-sub {
        top: 12px;
    }
    .cc-r-wrap-main .is-fixed .cc-dropdown-menu{
        left:-3%;
    }
    #mainProduct2 .cc-main-title {
        top: 233px;
    }
    /* footer */
    .cc-seal {
        margin: -210px 18.5% 0 0;
    }
    /* main page */
    .cc-main-desc{
        top: -3px;
        position: relative;
    }
    .main-prod-wrapper .main-prod:nth-child(2) .main-prod-img {
        top: -118px;
    }

    .instargram-wrapper-inner div {
        height: 200px;
    }

    .cc-prod.cc-prod-1 p a {
        height: 390px;
    }
    .cc-prod-1 .cc-main-title {
        top: 373px !important;
    }

    /* */
/*    .cc-r-sub .cc-r-container-sub-list, .cc-product-detail-wrapper, .cc-r-container-sub-form.container {
        margin-top: 55px;
    }*/
    .cc-list-items ul.swiper-wrapper{
        width: 93.4%;
    }
    .cc-r-container-sub-list .content-sub {
        width: 87.15%;
    }

    .cc-option-table table tbody .cc-left-col-2 .cc-left-col-2-qty {
        text-indent: 16px;
    }
    .cc-info-container .cc-btn-lg {
        margin: 25px auto 0;
    }

    .cc-login-option li:last-child {
        width: 65%;
    }

    .cc-r-container-detail .cc-btn-lg {
        width: 215px !important;
    }
    div.cc-cont-aboutus img {
        width: 95%;
    }
    .image-slider-next {
        right: 5px;
    }
    .permit-message {
        left: 345px;
    }
    
}

@media all and (max-width: 1270px) {
    .rnr-bottom:nth-child(1) {
        margin-right: 7.4%;
    }
}

@media all and (max-width: 1024px) {
    .cc-r-main #content {
        margin-top:30px;
    }
    .cc-r-sub .is-fixed .cc-r-search-in {
        display: block;
    }
    .cc-r-menu-wrap.is-fixed .cc-r-menu-fixed, .cc-r-header {
        width: 1024px;
    }
    .cc-r-menu-wrap.is-fixed .cc-r-menu-fixed-inner {
        height: 75px;
    }
    .cc-r-sub .cc-r-menu-fixed-inner {
        height: 55px;
    }
    div.changepw-popup-inner img {
        margin: 125px 0 30px 68px;
    }
    /*announcement*/
    .cc-r-sub .cc-hdrann{
        top: 55px;
    }
    .cc-r-sub .cc-r-container-sub-list .cc-hdrann {
        top:0;
    }
    .cc-hdrann-pic, .cc-hdrann-pic .cc-hdrann-list, .cc-hdrann-pic .cc-hdrann-item {
        height: 34.66px !important;
    }
    div.cc-hdrann-main {
        height: 45px;
        position: relative;
        width: 100%;
        z-index:2;
    }
    .cc-hdrann-main .cc-hdrann-close {
        top: 20%;
    }
    .cc-hdrann-inner, .cc-hdrann-list, .cc-hdrann-item {
        height: 45px;
    }
    .cc-hdrann-subject {
        height: 30px;
        padding-top: 5px;
    }
    div.cc-hdrann-main span {
        width:100%;
        display:unset;
        margin-right:10px;
    }
    .cc-r-sub .cc-hdrann-subject {
        line-height: 50px;
    }
    .cc-r-sub #content {
        top: unset;
    }
    .main-head-bg{
        margin-top: -343px;
        top: 30px;
    }
    .cc-r-sns-main {
        margin-top: 90px;
        margin-left: 0px;
    }
    .cc-r-sub .cc-tooltip-wrap {
        top: 10px !important;
    }
    .cc-r-sub .cc-r-side-item.cc-r-side-item-favorite {
        top: 6px !important;
    }
    .cc-r-sub .cc-r-side-item-bag {
        top: 6px !important;
    }
    .is-fixed .cc-r-logo .link {
        top: 7px;
        left: -292px;
    }
    .cc-r-main .is-fixed .cc-r-side-sub {
        top: 17px;
    }
    .cc-r-sub .cc-r-logo-sub img {
        left: unset !important;
    }
    .is-fixed .cc-r-logo img {
    }
    .is-fixed .cc-r-main .cc-r-side-sub {
        top: 25px;
    }
    .cc-r-search-in {
        margin-right: 190px;
    }
    .is-fixed .cc-r-search-in {
        top: 0px;
    }
    .cc-r-search-input, .cc-r-search-in {
        width: 350px !important;
    }
    .cc-r-sub .cc-r-search-in .cc-r-search-icon {
        right: 30px !important;
        top: -6px;
    }
    .cc-r-sub .is-fixed .cc-r-search-in {
        top: 8px;
    }
    .cc-r-sub .cc-r-side-item-login {
        top: 10px;
    }
    div.cc-main-section-1.cc-media-prd .cc-main-section-head {
        display: none;
    }
    .cc-main-section-1 {
        display: none;
    }
    .cc-r-main .cc-r-search-in, .cc-r-sub .cc-r-search-in{
        right: -160px;
        width:350px;
    }
    /* header */
    .cc-r-menu-fixed-inner {
        height: 80px;
    }
    .cc-r-main .cc-r-side-sub{
        right: 20px;
        top: 30px;
    }
    .cc-r-main .cc-r-side-item {
        top: -10px;
    }
    .cc-r-main .is-fixed .cc-r-side-item {
        top: 0px;
    }
    .cc-r-main .cc-r-side-item-login {
        top: -5px;
    }
    .cc-r-sub .is-fixed .cc-r-logo {
        display: block;
    }
    .cc-r-logo .link {
        left: -292px;
        position: relative;
        top: 7px;
    }
    .cc-r-logo-sub {
        left: 5px;
    }
    .cc-r-sub .cc-r-logo {
        width: 130px;
    }
    .cc-r-sub .cc-r-logo .link {
        top: 5px;
        left: -10%;
    }
    .cc-r-sub .is-fixed .cc-r-logo {
        margin:0;
    }
    .cc-r-sub .is-fixed .cc-r-logo .link {
        top: -19px;
    }
    .cc-r-sub .is-fixed .cc-r-logo-sub img {
        top: 23px;
    }
    .cc-r-sub .cc-r-side-item {
        bottom: -8px;
    }
    .cc-r-sub .is-fixed .cc-r-search-in {
        margin-right:300px;
    }
    .cc-r-logo-sub .link {
        width: 130px;
        top: 0;
        height: 40px;
    }
    .cc-r-sub .cc-r-side-item-favorite .cc-spr-common{
        margin-top: -8px !important;
    }
    .cc-r-sub .cc-dropdown-menu-sub .cc-nav {
        margin: 0 auto;
    }
    .cc-r-sub .cc-nav ul li ul a,
    .cc-r-sub .cc-nav > ul > li > a {
        font-size: 11px !important;
        padding: 0 4px;
    }
    .cc-dropdown-menu-sub .cc-nav > ul > li {
        padding: 0 5px;
    }

    .cc-r-menu-fixed{
        background-color: none !important;
    }
    /* fixed */
    .cc-r-sub .cc-dropdown-menu{
        top: 32%;
    }
    .cc-r-sub .cc-r-header{
        height: 55px;
    }
    .cc-r-wrap-main .is-fixed .cc-nav {
        margin: 0 auto 0 10px;
    }
    .cc-r-sub .is-fixed .cc-dropdown-menu {
        left: 7%;
        top: 27%;
    }

    .cc-r-menu-wrap.is-fixed .cc-r-menu-fixed{
        height: 75px;
    }

    .cc-r-search-icon,
    .cc-r-search .cc-r-search-icon {
        background-position: -8px -3px;
        width: 17px;
        height: 19px;
        position: absolute;
        top: 6px;
        right: 10px;
    }
    .cc-r-search-input {
        right: -50px !important;
    }
    .cc-r-sub .cc-r-menu-fixed {
        height: 55px;
    }

    .cc-r-side-sub {
        right: 10px;
        height: 30px;
    }
    .cc-r-sub .cc-r-side-sub, .cc-r-sub .is-fixed .cc-r-side-sub {
        top: 10px;
        right: 20px;
    }
    .cc-r-side-item-person .cc-spr-common + span {
        max-width: 50px;
    }
    .cc-r-sub .cc-r-menu-wrap.is-fixed .cc-r-menu-fixed {
        height: 55px;
    }
    .main-center {
        height: 350px;
    }
    /* footer */
    .ft-logo img {
        width:70%;
    }
    .cc-ft-info-list-item a{
        font-size: 10px;
    }
    .cc-ft-menu-list-item a {
        font-size: 10px;
    }
    .cc-ft-menu-list-item,
    .cc-ft-info-list-item,
    .cc-copy {
        font-size: 10px;
        line-height: 20px;
    }
    .cc-copy {
        line-height: 15px;
    }
    .cc-ft-menu-group-email {
        padding: 37px 0 0 10px;
    }
    .cc-ft-title, .cc-subcribe-email-tip {
        font-size: 13px;
        text-transform:uppercase;
    }
    .cc-subcribe-email-btn{
        width:100px;
    }
    .cc-r-sns-item {
        padding: 0px 20px 10px 0;
    }
    .cc-seal {
        margin: -210px 17% 0 0;
    }
    .cc-subcribe-email-input {
        width:190px;
    }
    /* sidebar */
    li.cc-opt-list-item {
        font-size: 12px;
    }
    .cc-content-side-recently .cc-box-title {
        margin: 10px 0 20px;
    }
    /* main page */
    .cc-main-banner-item h1 {
        font-size: 25px;
    }
    .cc-main-banner-item h2 {
        font-size: 18px;
    }
    .cc-main-banner-wrap {
        margin-top: -33px;
    }
    .main-prod strong {
        line-height: 38px;
        font-size: 40px;
    }
    .cc-main-banner-p .product-swiper-list .cc-product-item-thumb {
        height: 210px !important;
    }
    .main-banner-bg .product-swiper .swiper-btn-prod {
        top: 35%;
    }
    .cc-main-banner-item p {
        font-size: 30px;
    }
    .cc-main-banner-item p:nth-child(2) {
        font-size: 20px;
    }
    /* 9ea */
    .cc-main-title {
        top: 227px;
    }
    .cc-main-best {
        background-size: 123%;
    }
    .cc-prod .cc-main-title {
        top: 170px;
    }
    .cc-prod.cc-prod-1 p a {
        height: 310px;
    }
    .cc-prod-1 .cc-main-title {
        top: 293px !important;
    }
    .more-view {
        width: 56%;
        margin-top: -10px;
    }
    .banner-txt span {
        font-size: 15px;
    }


    /* */
    .productLayer .image-slider-next {
        right: 44px;
    }
    .cc-show-schedule, .main-contact {
        margin: 0 4%;
    }
    #mainProduct2 .cc-product-item-title {
        top: 184px;
    }
    #mainProduct2 .cc-main-title {
        top: 185px;
    }
    .cc-main-section-1 .item .cc-product-item-menu button.btn-quick-detail {
        right: 85px;
        top: 350px;
    }
    div.cc-list-items .product-swiper .swiper-btn-prod{
        top: 40% !important;
    }
    .cc-list-items .product-swiper-list .item img {
        top: 49%;
    }
    .image-slider-next {
        right: 55px;
    }
    .cc-r-container-detail .cc-btn-lg {
        width: 290px !important;
    }
    div.cc-cont-aboutus img {
        width: 80%;
    }
    .cc-product-list-wrap.cc-product-list-wrap-event-banner .cc-product-list-wrap-more-title {
        font-size: 19px;
    }
    /*register*/
    .commfile .name {
        width: 188%;
    }
    .permit-message {
        left: 226px;
    }
    /* main page */
    .banner-prod-txt {
        font-size: 11px;
    }
    .main-story {
        display: block;
    }
    .story-text {
        width: 100%;
        margin-right: 0; 
    }
    .main-story #bottomGallery {
        width: 100%;
    }
    .multi-banner {
        margin-right: 15px;
    }
    .cc-list-items ul.swiper-wrapper{
        width: 93.4%;
    }
    .eapps-instagram-feed-posts-slider-inner {
        overflow: hidden !important;
    }


    ul.cc-login-option li:first-child {
        width: 35%;
    }
    .cc-ft-menu-group:nth-child(2){
        width: 26%;
    }
    .cc-ft-menu-group:nth-child(3) {
        width: 25%;
    }
    .cc-ft-menu-group:nth-child(4){
        width: 21%;
    }
    .cc-ft-menu-group:nth-child(5) {
        width: 25%;
    }

    .changepw-popup-inner {
        bottom: 50px;
        position: relative;
        padding:0 5px 0 0;
    }

    .cc-info-container .cc-btn-lg{
        margin: 25px auto 0;
    }
    div.cc-info-container{
        margin: auto;
    }

    div.cc-cart .cc-order-total {
        margin: 15px 10px 15px 0 !important;
    }
    .cc-title-bg-form-11::after {
        width: 78% !important;
    }
    .cc-checkout-group-right {
        margin: 0.5% !important;
    }
    .cc-r-side-item.cc-r-side-item-favorite {
        margin: 0 1vw;
    }
    .cc-r-main .cc-r-side-item.cc-r-side-item-bag {
        top: -16px;
    }
    .cc-r-main .is-fixed .cc-r-side-item.cc-r-side-item-bag {
        top: -6px;
    }
    .cc-r-search-in .cc-r-search-icon {
        top:-1px;
    }
    .cc-related-items .product-swiper .product-swiper-list {
        min-height: 250px !important;
        height: 250px !important;
    }
    .cc-r-container-detail .cc-related-items .product-swiper {
        min-height: 255px;
    }
    .cc-r-container-detail .cc-related-items .swiper-btn-prod {
        top: 30% !important;
    }
    .show-card, .show-card table {
        max-width: 270px !important;
        width: 270px !important;
        min-width: 270px !important;
    }
    @-moz-document url-prefix() {
    .cc-r-side-item-login {
        top: 5px;
    }
    .cc-r-side-item.cc-tooltip-wrap {
        top: -6px !important;
    }
    .cc-r-side-item.cc-r-side-item-favorite {
        top: -3px !important;
    }
    .cc-r-sub .cc-r-side-item.cc-tooltip-wrap {
        top: 9px !important;
    }
    .cc-r-sub .cc-r-side-item.cc-r-side-item-favorite {
        top: 6px !important;
    }
    .cc-r-side-item-bag {
        top: -12px !important;
    }
}
}


@charset "utf-8";
#m-menuToggle > ul > li > ul > li > a:hover {
    background-color: #F1EEEA;
    border-bottom: none;
}

#m-menuToggle > ul > li > ul > li:hover {
    background-color: #F1EEEA;
}
#m-icon {
    top: 25px;
    left: 30px;
    position:absolute;
}
.cc-r-sub #m-icon {
    top:17px;
}
#m-menuToggle > ul > li > ul > li:first-child {
    border-top: 1px solid #eeeeee;
}
.menu-open {
    height: -moz-calc(100vh - 75px); /* Firefox */
    height: -webkit-calc(100vh - 75px); /* Chrome, Safari */
    height: calc(100vh - 75px); /* IE9+ and future browsers */
}
.cc-r-sub .menu-open {
    height: -moz-calc(100vh - 55px); /* Firefox */
    height: -webkit-calc(100vh - 55px); /* Chrome, Safari */
    height: calc(100vh - 55px); /* IE9+ and future browsers */
}
#m-menu {
    top:75px;
    position:fixed;
}
.cc-r-sub #m-menu {
    top:55px;
}
#m-menu li {
    border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
}

.m-dropdown-btn {
    border-bottom: 1px solid #eeeeee;
}

@charset "utf-8";

/*
* main page - Vimeo
*/

.cc-r-wrap {
    overflow: hidden;
    min-height:700px;
}
.cc-r-side-item-bag .cc-spr-common {
    background-position: -8px -65px;
    width: 18px;
    height: 22px;
    vertical-align: top;
}
.cc-r-side-item-person .cc-spr-common {
    background-position: -8px -22px;
    height: 21px;
    background-repeat: no-repeat;
    text-indent: 25px;
    overflow: hidden;
    color: black;
    vertical-align: top;
    line-height: 20px;
    max-width:120px;
}
.cc-r-side-item-favorite .cc-spr-common {
    margin-top: -2px;
    background-position: -6px -42px;
    width: 22px;
    height: 22px;
}
.cc-r-onair {
    display:inline-block;
    margin-right:15px;
}
.on-air-btn {
    border: 1px solid #d80000;
    border-radius: 5px;
    font-size: 15px;
    padding: 5px 20px 5px 30px;
    color: #d80000;
    font-weight: 600;
    background: url(../images/onair.png) no-repeat;
    background-position: 14px 10px;
    background-size: 8%;
}
.on-air-btn:hover {
    background: url(../images/onair-hover.png) no-repeat;
    background-position: 14px 10px;
    background-size: 8%;
    background-color:#d80000;
    color:white;
}
.cc-r-sub .is-fixed .cc-tooltip-wrap, .cc-r-sub .is-fixed .cc-r-side-item-favorite, .cc-r-sub .is-fixed .cc-r-side-item-bag {
    display: none;
}
.cc-r-sub .is-fixed .cc-r-side-item-login {
    display:none;
}
.cc-r-view .cc-r-container {
    position: relative;
    z-index: unset;
}
.cc-r-view #gFooter {
    display:block;
}
.cc-r-view.cc-r-fixed-view, .cc-r-fixed-view body {
    overflow:hidden;
}
.cc-r-fixed-view .cc-r-container.cc-r-container-sub-list {
    margin-left: 15.379px;
}
/*Mega Menu with Images*/
.mega-menu-dropdown .cc-nav > ul > li {
    position: static;
}
.cc-nav ul li:hover .mega-menu {
    display: block;
}
.mega-menu {
    width: 100%;
    background-color: white;
    display: none;
    position: absolute;
    z-index: 999;
    left: 0;
    -moz-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.05);
}
.mega-menu-wrapper {
    display:block;
    margin:0 auto;
    text-align:center;
}
.mega-menu-col {
    display: inline-block;
    width: 12.33%;
    margin: 10px 0;
}
.mega-menu-col a {
    position: relative;
}
.mega-menu-col a img {
    width: 100%;
}
.m-hdrann-main {
    display: none !important;
}
.cc-hdrann-main {
    display: block;
}
.sub-3 {
    position: absolute;
    top: -1px !important;
    left: 100% !important;
    padding-right: 0 !important;
    min-width: 100px;
    padding-left: 10px !important;
}
.cc-nav ul li:hover .sub-3 {
    display: none;
}
.cc-nav > ul > li > ul > li:hover .sub-3 {
    display: block;
}