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

.new-l-headerWrap {
    position: relative;
   /* background: #e4f4fc;*/
    background: url("https://www.iut-inkjet.com/attachment/images/1/2021/08/O5Y552aD4y57hQ8VgQj2Ydz82O8ODd.png") 0 0 no-repeat;
    background-size: 100% 148px;
    min-width: 1200px;
    border-bottom: 1px solid #a7a7a7;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
    z-index: 8000;
    font-size: 14px;
}

.page1 .new-l-headerWrap {
    min-width: 950px;
}

@media (min-width: 1px) {
    .new-l-headerWrap {
        border-bottom: none;
    }
}

.new-l-headerWrap a,
.new-l-headerWrap a:link {
    color: #4a4a4a;
    text-decoration: none;
}

.new-l-headerWrap a:hover,
.new-l-headerWrap a:active {
    color: #164194;
    text-decoration: underline;
}

.new-navi-bar {
    min-width: 1200px;
    width: 1200px;
    margin: 0 auto 0;
}

.page1 .new-navi-bar {
    min-width: 950px;
    width: 950px;
}

.new-l-header--popup,
.new-l-header--sys {
    position: relative;
    min-width: 950px;
    padding: 11px 10px 6px;
    border-bottom: 1px solid #a7a7a7;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
}

@media (min-width: 1px) {
    .new-l-header--popup,
    .new-l-header--sys {
        border-bottom: none;
    }
}

.new-l-header--popup .new-lc-logo,
.new-l-header--sys .new-lc-logo {
    width: 950px;
    margin: 0 auto;
    padding-left: 10px;
}

.new-l-header--popup .new-lc-logo > a,
.new-l-header--sys .new-lc-logo > a {
    display: block;
    width: 187px;
    height: 51px;
}

.new-l-headerLeadWrap {
    position: relative;
    min-width: 1200px;
    padding: 7px 0;
    font-size: 14px;
    color: #000;
}

.page1 .new-l-headerLeadWrap {
    min-width: 950px;
}

.new-l-headerLead {
    position: relative;
    width: 1200px;
    margin: 0 auto;
}

.page1 .new-l-headerLead {
    width: 950px;
}

.new-l-headerLead__lead {
    display: table-cell;
    vertical-align: middle;
}

.new-l-headerLead__lead .new-lc-lead {
    display: inline-block;
    width: 350px;
    height: 15px;
    margin-right: 15px;
    vertical-align: top;
}

.new-l-headerLead__menu {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    text-align: right;
}

.new-area_select :hover {
    background: #fff;
    color: #4a4a4a;
}

.new-l-headerLead__menuList {
    display: inline-block;
}

.new-l-headerLead__menuList > li {
    display: inline-block;
    margin-left: 10px;
    color:#FFF;
}

.new-l-headerLead__menuList > li > a {
    text-decoration: none;
}

.new-l-headerLead__menuList > li > a:hover {
    text-decoration: underline;
}

.new-l-headerLead__menuList > li:first-child {
    background: none;
}

.new-l-headerLead__menuList > li .new-lc-link {
    color: #028cd7;
}

.new-l-headerLead__menuList > li .lc-pulldown {
    display: block;
    padding: 0 10px;
    color: #000;
    background-position: right center;
    text-decoration: none;
}

.new-l-headerLead__menuList > li .lc-pulldown .header_appicon,
.new-l-headerLead__menuList > li .customservice .header_appicon {
    display: inline-block;
    margin-right: 3px;
    margin-bottom: -3px;
    width: 15px;
    height: 15px;
    background: url() no-repeat;
}

.gotoBind {
    background:url() no-repeat;
    width:20px;
    height:20px;
    background-position:-5px -330px;
    float:left;
    margin:0 5px 0 10px;
}

.new-title-line {
    background: #f3f3f3;
    width: 80px;
    position: relative;
    font-size: 18px;
    font-weight: bold;
    top: 12px;
}

.new-title-border {
    border-bottom: 1px solid rgba(22,65,148,0.4);
    margin: 7px 0 30px 0;
    color: #000;
}

.new-l-headerLead__baloon {
    display: none;
    width: 110px;
    position: absolute;
    top: 19px;
    margin-left: 10px;
    background: #fff;
    z-index: 1;
    text-align: left;
    box-shadow: 0 0 16px 0 rgba(0,0,0,0.1);
}

.new-l-headerLead__baloon:after {
    content: '';
    position: absolute;
    top: -10px;
    right: 0;
    width: 100%;
    height: 10px;
    background-color: transparent;
}

.new-l-headerLead__baloon .new-lc-qr {
    text-align: center;
}

.new-l-headerLead__baloon .new-l-headerLead__baloon--list > li {
    padding: 6px 0px 5px 10px;
    display: block;
    text-align: left;
    line-height: 1.5;
    color: #9b9b9b;
    cursor: pointer;
}

.new-l-headerLead__baloon .new-l-headerLead__baloon--list > li > span:hover {
    color: #4a4a4a;
}

.new-l-headerLead__baloon .new-l-headerLead__baloon--list > li > a {
    color: #9b9b9b;
    text-decoration: none;
    display:block;
    line-height:1.5
}

.new-l-headerLead__baloon .new-l-headerLead__baloon--list > li > a:hover {
    color: #4a4a4a;
}

.new-l-headerLead__baloon .new-l-headerLead__baloon--list > li:hover {
    background: #ffcd00;
}

.new-l-headerLead__baloon--telTitle {
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    color: #4a4a4a;
}

.new-l-headerLead__baloon--logout {
    display: block;
    margin-top: 10px;
    padding: 10px 18px 0 10px;
    border-top: 1px solid #bfbfbf;
}

.new-l-headerLead__baloon--logout > a {
    padding-left: 8px;
    text-decoration: none;
}

.new-l-headerLead__baloon--logout > a:hover {
    text-decoration: underline;
}

.new-l-header {
    display: table;
    position: relative;
    width: 1200px;
    height: 72px;
    margin: 10px auto 0;
}

.new-l-header:after {
    content: '';
    display: block;
    clear: both;
}

.page1 .new-l-header {
    width: 950px;
}

.new-l-header__main {
    vertical-align: top;
    display: inline-block;
    width: 972px;
}
.mypage .new-l-header__main {
    width:1072px;
}

.page1 .new-l-header__main {
    width: 620px;
}
.page1.mypage .new-l-header__main {
    width: 830px;
}

.new-l-header__aside {
    display: inline-block;
    vertical-align: top;
    float: right;
}

.page1 .new-l-header__aside {
    width: 330px;
}
.page1.mypage .new-l-header__aside {
    width:120px;
}

.mypage .top_profile_area {
    display:inline-block;
    position:absolute;
    margin-top:13px;
}
.mypage .profile_span {
    padding-left:5px;
    border-left:5px #028cd7 solid;
    height:25px;
    font-size:18px;
    width:70px;
    color:white;
    white-space:nowrap;
}
.new-l-header__logoWrap {
    display: inline-block;
    width: 204px;
}

.new-l-header__logo {
    display: block;
    padding: 0;
}

.new-l-header__logo > span,
.new-l-header__logo > a {
    display: block;
    width: 187px;
    height: 52px;
}

.new-l-header__maganavWrap {
    display: table;
    width: 100%;
    background: #4a4a4a;
    margin: 0 auto 0;
}

.page1 .new-l-header__maganavWrap {
    width: 950px;
}

.new-l-header__maganav {
    width: 100px;
    height: 30px;
    top: auto;
    display: inline-block;
    vertical-align: top;
    /*.page1.topPage &
    width 265px*/
}

.new-l-header__menu {
    display: inline-block;
    padding-left: 5px;
    font-size: 16px;
    vertical-align: top;
}

.new-l-header__menu::before {
    width: 1px;
    padding: 7px 0 6px;
    content: '';
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
}

.new-l-header__menu > ul {
    display: inline-block;
}

.new-l-header__menu > ul > li {
    display: inline-block;
    padding-left: 15px;
    position:relative;
}

.new-l-header__menu > ul > li:first-child {
    margin-left: 0;
}

.new-l-header__menu > ul > li > a {
    text-decoration: none;
}

.new-l-header__search {
    display: inline-block;
    margin-left: 15px;
    width: 500px;
    float: right;
    vertical-align: top;
    margin-right: 10px;/*CN_EC_REQ-2166*/
}

.page1 .new-l-header__search {
    width: 346px;
}


.new-l-header__searchForm {
    position: relative;
    display: flex;/*CN_EC_REQ-2166*/
}
.nlh_selected{
    width: calc(100% - 22px);
    padding: 0 12px 0 10px;
    position: relative;
    display: flex;
    align-items: center;
    height: 40px;
    cursor: pointer;
    color: #4a4a4a;
}
.nlh_selected::after{
    content: '';
    background: url(/vcommon/theme/detail/img/select-icon.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 10px;
    width: 16px;
    height: 16px;
}
@-moz-document url-prefix(){
    .nlh_selected::after{
        top:13px;/*Firefox*/
    }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)  {
    .nlh_selected::after{
        top:12px;/*ie*/
    }
}
.new-l-header_select{
    width: 114px;
    height: 40px;
    background-color: #fff;
    position: relative;
    border: 1px solid #028cd7
}
.nlh_selectbox{
    width: 117px;
    display: none;
    position: absolute;
    top: 41px;
    left: -1px;
    background: #FFFFFF;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.1);
    line-height: 28px;
    color: #9b9b9b;
    cursor: pointer;
    z-index: 1;
}
.nlh_selectbox-item{
    padding-left: 10px;
}
.nlh_selectbox div:hover{
    background-color: #028cd7;
    color: #4a4a4a;
}
.new-l-header__searchForm .new-lc-input {
    display: block;
    width: 450px;/*CN_EC_REQ-2166*/
    border: 0;
    height: 30px;
    padding-right: 5px;
    padding-left: 10px;
    box-shadow: none;
    font-size: 16px;
    line-height: 31px;
    border-left: none;
    border-right: none;
    outline: none;
}

.new-l-header__searchForm .new-lc-input::-moz-placeholder {
    color: #868686;
    opacity: 1;
}

.new-l-header__searchForm .new-lc-input::-webkit-input-placeholder {
    color: #868686;
}

.new-l-header__searchForm .new-lc-input:-ms-input-placeholder {
    color: #868686;
}

.new-l-header__searchForm .new-lc-input::-ms-input-placeholder {
    color: #868686;
}

.new-l-header__searchForm .new-lc-input:focus::-moz-placeholder {
    color: transparent;
}

.new-l-header__searchForm .new-lc-input:focus::-webkit-input-placeholder {
    color: transparent;
}

.new-l-header__searchForm .new-lc-input:focus:-ms-input-placeholder {
    color: transparent;
}

.new-l-header__searchForm .new-lc-input:focus::-ms-input-placeholder {
    color: transparent;
}

.new-l-header__searchForm .placeholder {
    color: #868686;
}
.new-l-header__searchForm .new-lc-btn,
.l-header__searchForm .lc-btn {
    background: url("https://www.iut-inkjet.com/attachment/images/1/2021/08/vbBf3eMp3OfyPeOmyzmHM3yzoW3BYI.png") 10px center no-repeat;
}
.new-l-header__searchForm .new-lc-btnSubmitWrap {
    position: absolute;
    right: 0;/*CN_EC_REQ-2166*/
    top: 0;
    width: 40px;
    overflow: hidden;
}

.new-l-header__searchForm .new-lc-btn {
    width: 40px;
    height: 32px;/*CN_EC_REQ-2166*/
    padding-left: 18px;
    border: none;
    background-color: #028cd7;
    font-weight: bold;
    font-size: 12px;
    color: #fff;
    cursor: pointer;
}

.new-l-header__keywordOverlay {
    position: absolute;
    top: 6px;
    left: 5px;
    width: 542px;
    height: 33px;
    font-size: 16px;
}

.new-l-header__keywordBox {
    position: absolute;
    left: 0;
    top: 42px;
    min-width: 400px;
    max-width: 879px;
    background: #fff;
    word-wrap: break-word;
    z-index: 1;
}

.page1 .new-l-header__keywordBox {
    max-width: 700px;
}

.new-l-header__keywordBox__main {
    position: relative;
    display: inline-block;
    width: 500px;/*CN_EC_REQ-2166*/
    border: 1px solid #a7a7a7;
    border-top: none;
    box-sizing: border-box;
    background: #fff;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,0.3);
    vertical-align: top;
    word-wrap: break-word;
    font-size: 14px;
}

.new-l-header__keywordBox--typeCode {
    padding-top: 5px;
    border-top: solid 1px #a7a7a7;
}

.new-l-header__keywordBox--typeCode > dt {
    margin: 5px 10px 0;
    padding: 0 0 3px 30px;
    font-weight: bold;
}

.new-l-header__keywordBox--typeCode > dd > a {
    display: block;
    padding: 10px;
    text-decoration: none;
}

.new-l-header__keywordBox--typeCode > dd > a:hover {
    background-color: #b9cee7;
    color: #004098;
}

.new-l-header__keywordBox--typeCode > dd > a:hover .new-lc-category {
    text-decoration: underline;
}

.new-l-header__keywordBox--typeCode > dd > a:hover .new-lc-code {
    color: #004098;
}

.new-l-header__keywordBox--typeCode > dd > a > img {
    float: left;
    height: 50px;
    margin-right: 20px;
}

.new-l-header__keywordBox--typeCode > dd .is-focus {
    background: #b9cee7;
    color: #004098;
}

.new-l-header__typeCodeBody {
    display: block;
    overflow: hidden;
}

.new-l-header__typeCodeBody .new-lc-category {
    display: block;
    font-weight: bold;
}

.new-l-header__typeCodeBody .new-lc-code {
    display: block;
    color: #000;
}

.l-header__balloon--product {
    position: absolute;
    top: 0;
    left: 100%;
    width: 398px;
    min-height: 285px;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,0.3);
    box-sizing: border-box;
    background-color: #fff;
    word-wrap: break-word;
}

.l-header__balloon--product.is-focus {
    border: 2px solid #b9cee7;
}

.new-m-btn--cartin {
    display: block;
    width: 84px;
    padding: 5px 0;
    background: #fc0 !important;
    text-align: center;
    font-size: 12px;
    color: #4a4a4a !important;
    text-decoration: none !important;
}

.new-m-inputText--quantity {
    padding: 4px 6px;
    text-align: center;
    font-size: 14px;
    color: #4a4a4a;
}

.l-header__h3--preview {
    display: table;
    box-sizing: border-box;
    width: 100%;
    margin: 10px 0;
    padding: 0 0 0 5px;
    border-left: 5px solid #039;
    text-indent: 0;
    font-size: 18px;
    font-weight: unset;
}

.l-header__cartbox {
    float: right;
    margin: 5px 10px 10px auto;
}

.l-header__cartbox > p {
    display: table-cell;
    padding-left: 7px;
    color: #4a4a4a;
    vertical-align: middle;
}

.new-m-link--pdf {
    float: left;
    margin: 5px 0 0 10px;
}

.new-m-link--pdf > a {
    background: url("") no-repeat;
    background-size: 16px 16px;
}

.new-l-header__keywordBox--history ul {
    padding: 3px 0 5px 0;
}

.new-l-header__keywordBox--history ul > li .is-focus,
.new-l-header__keywordBox--productCode ul > li .is-focus,
.new-l-header__keywordBox--history ul > li .is-active {
    background-color: #fc0;
    color: #4a4a4a;
}

.new-l-header__keywordBox--history ul > li .is-active span {
    opacity:1;
}

.new-l-header__keywordBox--history ul > li > a {
    display: block;
    padding: 2px 10px;
    text-decoration: none;
}

.new-l-header__keywordBox--history > dt {
    margin: 0 10px;
    line-height: 40px;
    font-size:14px;
    color:#4a4a4a;
}

.new-l-header__keywordBox--history > dt span {
    padding-left: 20px;
    color: #9b9b9b;
    font-size:12px;
    font-weight: 400;
    cursor: pointer;
    line-height: 40px;
    float:right;
    background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABcUlEQVQ4T+2TsUvDQBTG32sCJoOEurarm6D/g4tQcezgEjB3gQ4qVFCsQggUUcGgLoW71FIHh45iwcX/QcHFvZ1LcUiF0ycpKmks7eLotxz3Pt7vHnffIaTUaDTmlVLXADCXtBCxh4i24zgvI/U0QAixn8lkLE3TzpOeUmqTiCLXdasjACnlASJWiAgBgOIVEQkA3lNwLeHF/gcAHMdNQ4VhuEFES5zzrfRUyb2U8hIRHxljV3H97wGmaR4OBgOPMbYjhFiLT3Fd9zYMwzPDMPwoiqoTJ1BKBbqu33HOF6SUlRjAOT+SUj4rpVZ1XS//A6bcAQCcAkCbc74ohNj7eoUTKeUTABQAYHdqDmq1Wq5UKnXr9fpsDHAc57XZbOZs2+5OClKBiLY7nc6K7/txTH/J87xMPp+/R8QLxlh7JImtVkvr9/s3iLhMRINxAEQ0iOjBsqz1YrE4/Cs/Uf5uCILAzGazM+MAvV7vrVwuR0nvExtYIWvPZlBiAAAAAElFTkSuQmCC') no-repeat left center;
}

.new-l-header__keywordBox--history > dt span:hover {
    color:#003399;
    background:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABVElEQVQ4T+2TzStEURjGf+femZgp+dhay0bNcGysbRRZWtgo6t6hUBT5KKlJKMLG3FsoCwtLmbKxtpmDKRt/wKxHKUPjztFcyZ0ZHys7Z/PW89TvPL09r6D6xY/aMF+OQbRUWXmEN0Jm4j6oixqATC2A0YhR3KnwvNAkQhdQiWQloNtZQotF0GWYfp9CA14V3Ax4Zb+EMNY/E3S7o2jiKGuqJlVQkO4eglsy1mFZ/gNAKLrM69MKypql0x30P7+xzpDuFqHoKq9PyZ8TeN42pnGOsjvochZ9wLW9hnTu8EoDmObMP+C3HRTFJuFSGmXHkKl5f4kqsYF0shSNfsJ67vcexPZbyY7naD9o8AH3Y498aN8WSTr9IKZRuT5YLX3dxhUD2XoBehdlpyubyKmJfDgB3Qs8f1PnehCXqKZhGPJvpfYae7YjFJrrvgRE8i9czRSC3hvLcMtaPAU5HgAAAABJRU5ErkJggg==') no-repeat left center;
}

.l-header__media__main {
    overflow: hidden;
}

.l-header__media--preview {
    display: table;
    width: 374px;
    table-layout: fixed;
    border-top: 1px solid #cdcdcd;
    margin: 0px 10px;
}

.l-header__media--preview__img {
    padding-right: 10px;
    width: 100px;
    display: table-cell;
    vertical-align: top;
}

.l-header__media--preview__desc {
    margin: 5px 10px 0 10px;
}

.l-header__media--preview .lc-code,
.l-header__media--preview .lc-name {
    font-size: 12px;
    margin: 5px 0;
}

.l-header__media--preview .lc-code > a,
.l-header__media--preview .lc-name > a {
    text-decoration: none;
}

.l-header__media--preview .lc-maker,
.l-header__media--preview .lc-price,
.l-header__media--preview .lc-day {
    margin: 5px 0;
    color: #4a4a4a;
    font-size: 12px;
}

.l-header__media--preview .lc-num {
    color: #e52f2c;
    font-size: 24px;
}

.l-header__media--preview .lc-img {
    width: 100px;
    height: 100px;
    margin-bottom: 5px;
    padding: 3px;
    text-align: center;
}

.l-header__media--preview .lc-img img {
    max-width: 100px;
    max-height: 100px;
}

.l-header__media--preview .lc-img > a:hover {
    opacity: 0.75;
    filter: alpha;
}

.new-l-header__keywordBox--keyword,
.new-l-header__keywordBox--productCode {
    border-top: solid 1px #a7a7a7;
}

.new-l-header__keywordBox--keyword > dt,
.new-l-header__keywordBox--productCode > dt {
    margin: 5px 10px 0;
    font-weight: bold;
}

.new-l-header__keywordBox--keyword ul,
.new-l-header__keywordBox--productCode ul {
    padding: 3px 0 5px 0;
}

.new-l-header__keywordBox--keyword ul > li > a,
.new-l-header__keywordBox--productCode ul > li > a {
    display: block;
    padding: 2px 10px;
    color: #000;
    text-decoration: none;
}

.new-l-header__keywordBox--keyword ul > li > a:hover,
.new-l-header__keywordBox--productCode ul > li > a:hover {
    background-color: #fc0;
    text-decoration: none;
}

.new-l-header__keywordBox--keyword ul > li .is-focus,
.new-l-header__keywordBox--productCode ul > li .is-focus {
    background: #fc0;
}

.new-l-header__keywordBox__main dd li span {
    float: right;
    font-size: 12px;
    color: #9b9b9b;
    opacity:0;
}

.message-count {
    width: 22px;
    height: 16px;
    border-radius: 11px;
    top: 0px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    display: inline-block;
    padding-bottom: 2px;
}

.new-l-header__function {
    margin-left: auto;
    font-size: 0;
    text-align: right;
}
/*CN_NT-562*/
.is-fixed .new-l-header__function {
    display: flex;
}

.new-l-header__logout .new-l-header__function,
.new-l-header__login .new-l-header__function {
    margin-top: 10px;
}

.is-noOrder.new-l-header__function {
    width: 50%;
}

.is-noOrder.new-l-header__function .new-lc-order {
    display: none;
}

.is-noUser.new-l-header__function {
    width: 50%;
}

.is-noUser.new-l-header__function .new-lc-user {
    display: none;
}

.new-l-header__function > li {
    display: inline-block;
    width: 148px;
    margin-left: 10px;
    vertical-align: top;
    font-size: 14px;
}

.new-l-header__function > li:first-child {
    margin-left: 0;
}

.new-l-header__function > li.new-lc-regist,
.new-l-header__function > li.new-lc-login {
    display: none;
}

.new-l-header__function > li.new-lc-regist > a,
.new-l-header__function > li.new-lc-login > a {
    background-image: none;
}

.new-l-header__function > li > a {
    display: block;
    box-sizing: border-box;
    height: 30px;
    margin-right: -1px;
    padding: 6px 22px 6px 10px;
    border: 1px solid transparent;
    background-position: 128px center;
    text-decoration: none;
    font-size: 14px;
    color: #fff !important;
}

.new-l-header__function > li:hover > a {
    background-color: #025fae;
    color: #fff !important;
}

.new-l-header__function > li.on > a {
    background-color: #025fae;
    color: #fff !important;
}

.new-l-header__function .new-lc-cart {
    position: relative;
    display: inline-block;
    background-color: #fc0;
}

.new-l-header__function .new-lc-cart > a {
    padding: 8px 30px 5px 31px;
    background-image: none;
    position: relative;
}

.new-l-header__function .new-lc-cart > a:hover {
    background-color: #fbf9d2;
    color: #4a4a4a !important;
    text-decoration: none;
}

.new-l-header__function .new-lc-cart > a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -9px;
    width: 21px;
    height: 17px;
}

.new-l-header__function .new-lc-count {
    width: 22px;
    height: 16px;
    border-radius: 11px;
    position: absolute;
    top: 5px;
    right: 8px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    padding-bottom: 2px;
}

.new-l-header__function .new-lc-help > a {
    padding: 6px 10px;
    border: 1px solid #bfbfbf;
    text-align: center;
    background-position: 132px center;
    position: relative;
}

.new-l-header__function .new-lc-help > a:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 8px;
    margin-top: -8px;
    width: 16px;
    height: 17px;
    background-position: 0 0;
}

.new-l-header__function .new-lc-help > a:hover:before {
    background-position: 0 0;
}

.new-l-header__function .new-lc-help.on >a:before {
    background-position: 0 0;
}

.new-l-header__balloonBoxWrap {
    position: relative;
    margin-top: 10px;
}

.new-l-header__balloonBoxWrap:first-child {
    margin-top: 0;
}

.new-l-header__balloonBox--left,
.new-l-header__balloonBox--right,
.new-l-header__balloonBox--leftWide {
    top: 100%;
    box-sizing: border-box;
    width: 301px;
    margin-left: 1px;
    z-index: 1;
}

.new-l-header__balloonBox--left a,
.new-l-header__balloonBox--right a,
.new-l-header__balloonBox--leftWide a {
    text-decoration: none;
}

.new-l-header__balloonBox--left a:hover,
.new-l-header__balloonBox--right a:hover,
.new-l-header__balloonBox--leftWide a:hover {
    text-decoration: underline;
}

.new-l-header__login .new-l-header__balloonBox--left,
.new-l-header__login .new-l-header__balloonBox--right,
.new-l-header__login .new-l-header__balloonBox--leftWide {
    right: 90px;
}

.new-l-header__balloonBox--left {
    left: -50%;
}

.new-l-header__balloonBox--right {
    padding: 18px 25px 25px;
    right: 157px;
    width: 250px;
}

.new-l-header__balloonBox--leftWide {
    width: 678px;
    left: -528px;
}

.new-l-header__balloonBox__ttl {
    margin: -10px 0 10px;
    padding: 6px 20px 4px;
    background-color: #0098d8;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}

.new-l-header__balloonBoxInner {
    margin-top: 7px;
    border-top: 1px dotted #a7a7a7;
    padding: 8px 0 0;
    font-size: 14px;
}

.new-l-header__balloonBoxInner a {
    text-decoration: none;
}

.new-l-header__balloonBoxInner a:hover {
    text-decoration: underline;
    color: #025fae;
}

.new-l-header__balloonBoxInner:first-child {
    margin-top: 0;
    border-top: none;
}

[class^="l-userBox__ttl"] + .new-l-header__balloonBoxInner,
[class^="l-header__balloonBox__ttl"] + .new-l-header__balloonBoxInner {
    padding-top: 0;
    border-top: none;
}

.new-l-header__balloonBoxInner .new-lc-accent {
    font-weight: bold;
    color: #333;
}

.new-l-header__balloonBoxInner .new-lc-link {
    padding-left: 10px;
    font-size: 12px;
    font-weight: bold;
    color: #0098d8;
    padding-left: 10px;
}

.new-l-header__balloonBoxInner--ttl {
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: bold;
}

.new-l-header__balloonBoxInner--lead {
    font-size: 12px;
}

.new-l-header__balloonBoxInner--chat {
    width: 150px;
    margin: 0 0 15px;
    cursor: pointer;
}

.new-l-header__h3 {
    margin: 5px 0;
    font-size: 14px;
    font-weight: bold;
}

.new-l-header__h4 {
    margin: 5px 0;
    font-size: 14px;
    font-weight: bold;
    color: #333;
}

.new-l-header__linkList > li {
    margin-top: 5px;
}

.new-l-header__linkList > li:first-child {
    margin-top: 0;
}

.new-l-header__linkList > li .is-disabled {
    color: #868686;
}

.new-l-header__linkList > li .is-disabled:hover {
    text-decoration: none;
}

.new-l-header__linkList--1of3 {
    margin-left: -15px;
    font-size: 0;
}

.new-l-header__linkList--1of3 > li {
    display: inline-block;
    box-sizing: border-box;
    width: 33%;
    margin-bottom: 6px;
    padding-left: 15px;
    vertical-align: top;
    font-size: 14px;
}

.new-l-header__cols {
    font-size: 0;
    margin-left: -10px;
}

.new-l-header__cols__1of2,
.new-l-header__cols__1of3 {
    display: inline-block;
    box-sizing: border-box;
    margin-bottom: 20px;
    padding-left: 10px;
    vertical-align: top;
    font-size: 14px;
}

.new-l-header__cols__1of2 {
    width: 50%;
}

.new-l-header__cols__1of3 {
    width: 33.33%;
}

.new-l-header__media .new-lc-name {
    font-size: 12px;
}

.new-l-header__media__img {
    float: left;
    margin-right: 10px;
}

.new-l-header__media__img img {
    display: block;
}

.new-l-header__media__main {
    overflow: hidden;
}

.new-l-header__tel {
    font-size: 18px;
    font-weight: bold;
}

.new-l-header__fax {
    margin-bottom: 3px;
}

.new-l-header__btn--contactWeb {
    margin-top: 10px;
}

.new-l-header__btn--contact {
    margin-top: 15px;
}

.new-l-header__order__function {
    margin-top: 10px;
    font-size: 0;
}

.new-l-header__order__function > li {
    display: inline-block;
    margin: 0 5px 0 10px;
    width: 40%;
    color: #fff;
    font-size: 12px;
}

.new-l-header__order__function > li.is-purchase {
    display: block;
    width: auto;
}

.new-l-header__order__function:first-child {
    margin-top: 0;
}

.new-l-header__order__inner {
    margin: 15px 10px 10px;
}

.new-l-header__order__upload {
    margin: 15px 0 10px;
}

.new-l-header__order__upload > li {
    margin-top: 5px;
    padding-left: 18px;
    font-size: 12px;
}

.new-l-header__order__upload > li .new-lc-type {
    display: inline-block;
    margin: 0;
    padding: 0;
    min-width: 80px;
}

.new-l-header__order__upload > li .is-disabled {
    color: #868686;
}

.new-l-header__order__upload > li > a {
    margin-left: 5px;
    padding-left: 10px;
    background-position: 1px 0.4em;
}

.new-l-header__order__upload > li > span {
    margin-left: 5px;
    padding-left: 10px;
}

.new-l-header__order__message {
    border-top: 1px dotted #a7a7a7;
    padding: 8px 0 0;
}

.new-l-header__order__message > li {
    margin-top: 5px;
    padding-left: 18px;
    font-size: 12px;
}

.new-l-header__order__message > li .new-lc-type {
    display: inline-block;
    margin: 0;
    padding: 0;
    min-width: 90px;
}

.new-l-header__order__message > li .new-lc-type--short {
    display: inline-block;
    margin: 0;
    padding: 0;
    min-width: 60px;
}

.new-l-header__order__message > li .is-disabled {
    color: #868686;
}

.new-l-header__order__message > li > a {
    margin-left: 5px;
    padding-left: 10px;
    background-position: 1px 0.4em;
}

.new-l-header__order__message > li > span {
    margin-left: 5px;
    padding-left: 10px;
}

.new-l-header__order__model {
    margin-top: 7px;
    border-top: 1px dotted #a7a7a7;
    padding: 8px 0 0;
}

.new-l-header__order__model > li {
    margin-top: 5px;
    font-size: 12px;
}

.new-l-settingArea {
    position: absolute;
    border: 1px solid #a7a7a7;
    border-top: 1px dotted #a7a7a7;
}

/*.new-l-settingArea img {
  width: 40px;
  height: 40px;
  margin-bottom: 2px;
}*/

.new-l-settingArea__toggle {
    display: block;
    z-index: 5;
    padding: 9px 10px 8px 30px;
    font-size: 12px;
    position: relative;
    color: #333;
    cursor: pointer;
    background: #fff;
}

.new-l-settingArea__toggle .new-lc-plus {
    width: 23px;
    height: 23px;
    background: url("") top left no-repeat;
    position: absolute;
    top: 7px;
    right: 100px;
}

.page1 .new-l-settingArea__toggle .new-lc-plus {
    right: 40%;
}

.new-l-settingArea__toggle .new-lc-plus.on {
    background: url("") top left no-repeat;
}

.new-l-settingArea__collapse {
    font-size: 12px;
}

.new-l-settingArea__collapse li {
    width: 110px;
    display: inline-block;
}

.new-l-header__login .new-lc-id,
.new-l-header__login .new-lc-pass {
    margin-bottom: 10px;
}

.new-l-header__login .new-lc-id dt,
.new-l-header__login .new-lc-pass dt {
    margin: 10px 10px 7px;
    font-weight: bold;
}

.new-l-header__login .new-lc-id input,
.new-l-header__login .new-lc-pass input {
    box-sizing: border-box;
    width: 100%;
    height: 35px;
    padding: 5px;
    border: 1px solid #a7a7a7;
    line-height: 1.5;
    font-size: 14px;
}

.new-l-header__login .new-lc-btn--login {
    margin-top: 15px;
    margin-bottom: 8px;
}

.new-l-header__login .new-lc-btn--login input[type="submit"] {
    display: block;
    width: 100%;
    height: 35px;
    border: none;
    background-color: #004098;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
}

.new-l-header__login .new-lc-link,
.new-l-header__login .new-lc-error {
    margin: 10px;
}

.new-l-header__loading > p {
    width: 100px;
    height: 100px;
    margin: 0px auto;
    background: url() left top no-repeat;
}

.new-l-header__loading--s > p {
    padding-top: 2px;
    background: url() center top no-repeat;
}

.new-l-header__usermenu .new-lc-usercode {
    font-size: 14px;
    font-weight: bold;
}

.new-l-header__announceList {
    margin-bottom: 5px;
}

.new-l-header__announceList > li {
    padding: 3px 10px 1px;
    background-color: #fff5cb;
}

.new-l-header__announceList > li .new-lc-count {
    color: #c80000;
}

.new-l-header__announceList > li.is-disabled {
    background-color: #fff;
}

.new-l-header__announceList > li.is-disabled > a {
    text-decoration: none;
    color: #868686;
    cursor: default;
}

.new-l-header__announceList > li.is-disabled > a .new-lc-count {
    color: #868686;
}

.new-l-header__messageBox > a {
    position: fixed;
    top: 20px;
    right: 20px;
    padding: 20px;
    background-color: #fff;
    border: 2px solid #0098d8;
    border-radius: 2px;
    text-decoration: none;
}

.new-l-header__messageBox > a:hover {
    color: #025fae;
    text-decoration: underline;
}

.new-l-header__messageBox > a > span {
    display: block;
    padding: 5px 0 4px 45px;
    font-weight: bold;
}

.new-l-meganav__category {
    box-shadow: 0 0 16px 0 rgba(0,0,0,0.1);
}

.new-l-meganav__category > ul > li:after,
.new-l-meganav__category > ul > li:before {
    display: none;
}

.new-l-meganav__category > ul > li > dl {
    display: none;
}

.new-l-headerFixedBg {
    display: none;
    position: fixed;
    top: 0;
    width: 100%;
    height: 57px;
    border-bottom: 1px solid #a7a7a7;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
    background-color: #fff;
    z-index: 2;
}

@media (min-width: 1px) {
    .new-l-headerFixedBg {
        border-bottom: none;
    }
}

.new-l-header__customerHeaderWrapper {
    background-color: #eee;
}

.new-l-header__customerHeader {
    width: 1200px;
    margin: 0 auto;
}

.page1 .new-l-header__customerHeader {
    width: 950px;
}

.new-l-header__customerLogo {
    display: table-cell;
    vertical-align: middle;
    width: 167px;
    padding: 15px 0;
    padding-right: 20px;
}

.new-l-header__customerContent {
    display: table-cell;
    vertical-align: bottom;
    width: 735px;
    padding: 15px 0;
    color: #333;
}

.page1 .new-l-header__customerContent {
    width: 485px;
}

.new-l-header__customerTel {
    font-weight: bold;
    font-size: 12px;
}

.new-l-header__customerTelNumber {
    display: block;
    font-weight: normal;
}

.new-l-header__customerInfo {
    padding: 9px 8px;
    background-color: #fff;
    font-size: 10px;
}

.new-l-header__customerLogout {
    display: table-cell;
    vertical-align: bottom;
    width: 278px;
    padding: 15px 0;
    text-align: right;
}

.new-l-header__customerLogout a {
    width: 150px;
    display: inline-block;
    padding: 5px 10px;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
    text-align: center;
    text-decoration: none;
    font-size: 14px;
}

.new-l-header__customerLogout a:link,
.new-l-header__customerLogout a:visited {
    border: 1px solid #a7a7a7;
    color: #008000;
    background-color: #fff;
}

.new-l-header__customerLogout a:hover,
.new-l-header__customerLogout a:active {
    border-color: #004098;
    color: #fff;
    background-color: #004098;
    text-decoration: none;
}

.is-fixed .new-l-headerFixedBg {
    display: block;
}

.is-fixed .new-l-header__main {
    width: 820px;
}

.page1 .is-fixed .new-l-header__main {
    width: 580px;
}

.is-fixed .new-l-header__logoWrap {
    position: fixed;
    top: 11px;
    height: 34px;
    z-index: 8000;
}

.is-fixed .new-l-header__logo {
    padding: 0;
}

.is-fixed .new-l-header__logo > span,
.is-fixed .new-l-header__logo > a {
    height: 34px;
    width: 231px;
}

.is-fixed .new-l-header__lead {
    display: none;
}

.is-fixed .new-l-header__searchWrap {
    margin-top: 48px;
}

.is-fixed .new-l-header__search {
    position: fixed;
    top: 10px;
    margin-left: 275px;
    width: 500px;
    z-index: 8000;
}

.page1 .is-fixed .new-l-header__search {
    width: 330px;
    margin-left: 251px;
}

.is-fixed .new-l-header__aside {
    position: fixed;
    top: 10px;
    z-index: 8000;
}

.page1 .is-fixed .new-l-header__aside {
    width: 370px;
}

.is-fixed .new-l-header__aside .new-l-header__balloonBoxWrap:after {
    content: '';
    display: block;
    clear: both;
}

.is-fixed .new-l-header__aside .new-l-header__balloonBoxWrap .new-l-header__function {
    float: right;
}

.is-fixed .new-l-header__function > li {
    width: 113px;
}

.is-fixed .new-l-header__function > li >a {
    padding: 6px 10px 6px 10px;
    position: relative;
}

.is-fixed .new-l-header__function .new-lc-help >a {
    padding: 6px 7px 6px 10px;
    background-position: 96px center;
}

.is-fixed .new-l-header__function .new-lc-help >a:before {
    top: 50%;
    left: 8px;
    margin-top: -8px;
    width: 16px;
    height: 17px;
    background-position: 0 0;
}

.is-fixed .new-l-header__function .new-lc-cart,
.is-fixed .new-l-header__function .new-qrcode,
.mypage .new-l-header__function .new-qrcode {
    display: none;
}

.is-fixed .new-l-header__function .new-lc-regist,
.is-fixed .new-l-header__function .new-lc-login {
    display: inline-block;
}

.is-fixed .new-l-header__function .new-lc-login > a {
    border: 1px solid #bfbfbf;
}

@media (min-width: 1px) {
    .is-fixed .new-l-header__function .new-lc-login > a {
        border: 0;
    }
}

.is-fixed .new-l-header__function .new-lc-login > a:hover {
    border-color: #025fae;
}

.is-fixed .new-l-header__balloonBox--right {
    right: 157px;
}

.isLogout .is-fixed .new-l-header__balloonBox--right {
    right: 245px;
}

.page1.isLogin .is-fixed .new-l-header__balloonBox--right {
    right: 157px;
}

.page1.isLogout .is-fixed .new-l-header__balloonBox--right {
    right: 185px;
}

.isLogin .is-fixed .new-l-header__function > li {
    width: 148px;
}

.isLogin .is-fixed .new-l-header__function > li >a {
    padding: 8px 30px 5px 31px;
}

.isLogin .is-fixed .new-l-header__function .new-lc-help >a {
    padding: 6px 14px 6px 10px;
    background-position: 130px center;
}

.isLogin .is-fixed .new-l-header__function .new-lc-cart {
    display: inline-block;
}

.isLogin .is-fixed.is-fixed .new-l-header__function > li {
    width: 147px;
}

.is-fixed [data-floatingHeader="none"] {
    display: none;
}

.new-cover_wrap {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 0.6;
    background: #333;
    z-index: 9900;
}

.new-cover_box {
    z-index: 9999;
    background: url("/vcommon/common/img/cover_background.jpg");
    position: fixed;
    top: 50%;
    height: 362px;
    width: 860px;
    left: 50%;
    text-align:center;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.new-cover_box ul {
    margin-top: 198px;
    color: #fff;
    letter-spacing: 0.49px;
    text-align: left;
    margin-left: 140px;
    overflow: hidden;
}

.new-cover_box ul > li {
    float: left;
}

.new-cover_box ul > li button {
    width: 230px;
    height: 68px;
    cursor: pointer;
}

.new-cover_box ul > li button.new-cover_btn--buyer {
    background: url("/vcommon/common/img/cover_buyer.png");
}

.new-cover_box ul > li button.new-cover_btn--designer {
    background: url("/vcommon/common/img/cover_designer.png");
}

.new-cover_box ul > li button.new-cover_btn--both {
    width: 250px;
    background: url("/vcommon/common/img/cover_both.png");
}

.new-cover_box ul > li button.new-cover_btn--buyer:hover {
    background: url("/vcommon/common/img/cover_buyer_hover.png");
}

.new-cover_box ul > li button.new-cover_btn--designer:hover {
    background: url("/vcommon/common/img/cover_designer_hover.png");
}

.new-cover_box ul > li button.new-cover_btn--both:hover {
    background: url("/vcommon/common/img/cover_both_hover.png");
}

.new-cover_title > span {
    color: #fc0;
    font-size: 24px;
    margin-left: 300px;
}

.new-recommend_product_tab {
    border-bottom: 2px solid #9b9b9b;
}

.new-recommend_product_tab > li {
    text-align: center;
    display: inline-block;
    font-size: 18px;
    width: 19%;
    cursor: pointer;
}

.new-recommend_product_tab .active {
    border-bottom: 2px solid #164194;
}

.new-recommend_product_panel {
    display: none;
    width: 100%;
    margin-top: 10px;
    overflow: scroll;
    height: 430px;
}

.l-header_hotkeyword {
    margin-left: 10px;
}

.is-fixed .l-header_hotkeyword,
.mypage .l-header_hotkeyword {
    display: none;
}

.l-header_hotkeyword>li {
    display: inline-block;
    margin-right: 15px;
    font-size: 12px;
}

.l-header_hotkeyword>li>a {
    text-decoration: none;
    color: #fff;
}

.l-header_hotkeyword>li>a:hover {
    text-decoration: underline;
}

.page1 .l-header_hotkeyword {
    margin-left: 12px;
}

.page1 .l-header_hotkeyword>li {
    margin-right: 14px;
}

.area_panel {
    position: absolute;
    display: none;
    padding: 12px 10px;
    width: 320px;
    height: 200px;
    background: #fff;
    top: 18px;
    z-index: 1;
    overflow-y: scroll;
}

.hot_area {
    padding: 1%;
}

.hot_area_list {
    border-bottom: 2px solid #eaeaea;
    padding-bottom: 5px;
}

.hot_area_list span,
.hot_area_list span:hover {
    display: inline-block;
    color: #9b9b9b;
    width: 48%;
    cursor: pointer;
    text-align: left;
}

.hot_area h3,
.all_area h3 {
    font-size: 120%;
}

.all_area_list span,
.all_area_list span:hover {
    font: italic bold 12px;
    width: 19%;
    display: inline-block;
    text-align: left;
    color: #9b9b9b;
    cursor: pointer;
}

.all_area_list span:hover,
.hot_area_list span:hover {
    color: #000;
    background: #ffcd00;
}

.category_recommend_list {
    display: inline-block;
    box-sizing: border-box;
    font-size: 14px;
    width: 1200px;
    position: relative;
}

.page1 .category_recommend_list {
    width: 950px;
}

.category_recommend_list ul li {
    display: inline-block;
    width: 224px;
    height: 232px;
    border: 1px solid #e4e4e4;
    vertical-align: top;
    letter-spacing: normal;
    text-align: center;
    padding: 10px 0;
    background: #fff;
    margin-right: 10px;
}

.page1 .category_recommend_list ul li {
    width: 175px;
}

.category_recommend_list ul li a {
    display: block !important;
    text-decoration: none;
    display: table-cell;
    padding: 0 10px;
    border: none;
    vertical-align: middle;
    text-align: center;
}

.category_recommend_list ul li .pname {
    overflow: hidden;
    font-size: 14px;
    width: 180px;
    margin: auto;
    color: #4a4a4a;
}

.page1 .category_recommend_list ul li .pname {
    width: 160px;
}

.category_recommend_list ul li .maker {
    font-size: 10px;
    overflow: hidden;
    color: #9b9b9b;
}

.category_recommend_list ul li .pname,
.category_recommend_list ul li .recommend_price {
    display: block;
}

.category_recommend_list ul li .pname,
.category_recommend_list ul li .maker {
    word-break: break-all;
}

.category_recommend_list ul li .image {
    height: 100px;
}

.category_recommend_list ul li a img {
    max-width: 120px;
    max-height: 120px;
}

.category_recommend_list ul li p.recommend_price {
    margin-top: 5px;
    color: #e52f2c;
}

a.btn {
    width: 43px;
    height: 43px;
    opacity: 1 !important;
}

a.crmTemplateBlock_left {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAArCAMAAADWg4HyAAABOFBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALCwsSEhIfHx8kJCRfX19iYmKEhISGhoaJiYmpqamsrKyvr6+wsLDV1dXV1dXX19fa2trb29vb29vb29vb29vt7e3t7e3z8/Pz8/Pz8/P39/f39/f6+vr6+vr6+vr7+/v8/Pz8/Pz9/f39/f39/f0AQJgFQZkPRpsUR5weT6AtWqUvWqY7Yqo8Y6pCZ61DaK1YebdZeLZvir9xjMBzjMGNocyNos2mt9enttequdm+yeK/yuLS2uvT2+vY3+7b4u/i6PLk6PPv8ff2+Pv4+fz9/v7///85YnO3AAAARnRSTlMAAAECAwQFBggJCgsMDQ4PERITFBUWFxgaHB8gISIlJicpKSssOzxKS0tgY2NllJWVnJ2en6DHyNna2+bn7O3u8/P09/j5zp4iMAAAAjRJREFUOMuVlWt/mjAUxlkCBgJewIJC6qWtdbZ2U+fW2jnbeindpd39ft+6Nd//GyyCXUlAf/q8I/lzOJyc80SSeAEAoawoigwhANICAYYhVcO6rmNNReyFOH4rEIAK0oysmbdtx7bzZtbQkAIB2xHZKYkzpuN6pXKlWimXPNcxMzigBRbAlJq2imSj2TnoD+mwf9DZ2yBFK62m+EQYKiOcK5Dt7oDeaNDdJoUcRnIUnqKG5W61xpTXuL3lWgYHT9E173aPxtVreGtRGECGkt0TmqSTXcLg/znDFLa85pgma9L0LJyCs7CKmnMbQzpPw4abU5UwMETpQq1H5+uwVkgjGIbFFrlLF6lFLBwEhihTrI8XspN6MRMEljWT3KOL1SWmJk9TMJzNQWz377vo09GmY7AkAMq6zRj6+6XPPd9xswhIUDW9joh+ferz7ANiqlCCWr60z5NXH858gd0v5TUoydguP+LWL18x8slnbq1ftrEsKbpdGUWXv58z9OIH/6lRxdYVxjrV6OrHxwx980f8g6oTsHxc3xdzvYkr5vspMW6Yb6wO354x+PlPmlCHeH0vX8frENY34dyu3sfqG55b0A9HQnpfhHOb9UPQZ13xv3+98BP6LOzfSazP3ib1bzAXreXmIpy3w6XmbaU5nvnD6Rz0NOoPK/nOzM92HiblusP72bVP1tpi6SbtmuiT1/67Xu8eR8jj+/X1uP9GfH2P+fqIjhb4+kr3xdL30Cr325L35j9YvJGoighsXwAAAABJRU5ErkJggg==");
}

a.crmTemplateBlock_right {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACsAAAArCAMAAADWg4HyAAABOFBMVEUAAAD///8AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAALCwsSEhIfHx8kJCRfX19iYmKEhISGhoaJiYmpqamsrKyvr6+wsLDV1dXV1dXX19fa2trb29vb29vb29vb29vt7e3t7e3z8/Pz8/Pz8/P39/f39/f6+vr6+vr6+vr7+/v8/Pz8/Pz9/f39/f39/f0AQJgFQZkPRpsUR5weT6AtWqUvWqY7Yqo8Y6pCZ61DaK1YebdZeLZvir9xjMBzjMGNocyNos2mt9enttequdm+yeK/yuLS2uvT2+vY3+7b4u/i6PLk6PPv8ff2+Pv4+fz9/v7///85YnO3AAAARnRSTlMAAAECAwQFBggJCgsMDQ4PERITFBUWFxgaHB8gISIlJicpKSssOzxKS0tgY2NllJWVnJ2en6DHyNna2+bn7O3u8/P09/j5zp4iMAAAAi9JREFUOMuVlXd32jAUxY1kI1s2wyY22AojCaEkpAXqNiGlGYzQvfceaaLv/w0qbGgty3Dg/in/fM87T+9dSRIvACCUFUWRIQRAWiLAMKRqWNd1rKmI/SDgqVAAKkgzcmbBth3bLpg5Q0MKBKmUwE5JnDUd1ytXqrVqpey5jpnFUzrOAphWM1aJbLW6R/0BHfSPugdbpGRl1DQHT1EZ4XyR7Pon9L9O/F1SzGMkgyjLUMNyd9ojymvU2XEtIwoH6IZ3o0dF9ZreRhQGkKFk/5wm6XyfMPhfzTCNLa81oskatzwLp+HMVlHzbnNAF2nQdPOqEhpDlCnWe3SxjuvFDIKhLbbILbpMbWLhwBiibKkxWsqOG6VsYCxrJrlNl8snpiZPSzCc7eht0XdXAnu67RisCIBybov7MHn5W4BvujkEJKiaXpdnJ4+/xtm7xFShBLVC+TDGTh58uObZw3JBg5KM7cp97vzzI0a/uuTO+hUby5Ki29Uhb/LjGYOffo8eDau2rjDWqcWr+/OGwQ8/Ro9qTsAKvmHNk4ngK9Y79/0k1Cv2gf58ztAn38Q+iP0N+vD6MqG/CffG+vv+Ounegnk4jd3bl+R5CObM59gXvxbMWTi/48iHt1cL5zfYi/ZqexHu2/FK+7bWHs/y4WIBehHNh7VyZ5Zne/eSat3j82yek/XOON6sTj2ek/P83Wz4ZxHy7E5jU8zfSK4fsFwf0uGSXF/rvVj1HVrnfVv13fwLelKRsARIfI0AAAAASUVORK5CYII=");
}

.crmTemplateBlock a.btn {
    position: absolute;
    top: 97px;
    width: 45px;
    height: 74px;
    text-align: left;
    padding: 0px;
    background-repeat: no-repeat;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.crmTemplateBlock a.crmTemplateBlock_left {
    background-position: 0px 0px;
    left: 0px;
}

.crmTemplateBlock a.crmTemplateBlock_right {
    background-position: 0px -74px;
    right: 0px;
}

.l-header__menu .app_dl {
    background: url("/vcommon/common/img/app_dl_banner.png") no-repeat;
    width: 218px;
    height: 50px;
    display: inline-block;
    position: absolute;
    bottom: -1px;
    right: 35px;
}

.page1 .l-header__menu .app_dl {
    display: none;
}

.days-to-ship-shanda {
    float: left;
    margin-right: 10px;
    margin-top: 5px;
    height: 17px;
    background: #028cd7;
    color: #4A4A4A;
    font-size: 12px;
    padding: 0 4px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.l-catalogArea {
    /*  clear: both;*/
    width: 265px;
    height: 94px;
    margin-top: 10px;
}

.ui_restruct .l-catalogArea {
    display: none;
}

.l-catalogArea a.catalogBanner {
    display: block;
    width: 100%;
    height: 100%;
    background-image: url("/vcommon/common/img/l_catalog_banner.jpg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

.l-catalogArea.is-login {
    height: 44px;
}

.l-catalogArea.is-login a.catalogBanner {
    background-image: url("/vcommon/common/img/s_catalog_banner.jpg");
}

.no_history {
    width: 600px;
    height: 250px;
}

.page1 .no_history {
    width: 450px;
    height: 250px;
}

.new-shoes-cnt-minus,
.new-shoes-cnt-area,
.new-shoes-cnt-plus {
    float: left;
    width: 28px;
    height: 27px;
    font-size: 18px;
    text-align: center;
    line-height: 26px;
    background: #fff;
    color: #4a4a4a;
    border: 1px solid #cdcdcd;
    cursor: pointer;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.new-shoes-cnt-input {
    width: 100%;
    height: 100%;
    border: none !important;
    outline: none;
    text-align: center;
    border-bottom: solid 1px #cdcdcd;
}

.l-header--popup .lc-logo > a,
.l-header--sys .lc-logo > a,
.l-header__logo > span,
.l-header__logo > a {
    /*background-image:url('data:image/png;base64,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');*/
}

.is-fixed .l-header__logo > span,
.is-fixed .l-header__logo > a {
    background: url("data:image/png;base64,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") 0 0 no-repeat;
}

.l-header__menu > ul > li {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAQCAMAAADgQeWFAAAAA1BMVEW/v79R+5idAAAACklEQVR4AWMgAAAAIAABDLfm7wAAAABJRU5ErkJggg==") left center no-repeat;
}

.l-header__messageBox > a > span {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAaCAYAAADfcP5FAAABgElEQVRIx+3UvSuFURzA8YNrQAYvdZWwITu6g01KKJvpWhWDjDYpf4CyYLdcJhkM/gApK0UW70IMXurePL6nzqmnJ8/vPi+HxR0+d3Cf8zvfc/McdV3IKtRgEY94duQTXgRfWEWdblEmyBrCRcRBLlxi2N8QDNIasfkHMVtoCu7/U5A1jrtfCHnCVNi++qNLiGrFjsOYfbQL+/Xoj1dMCw9pebykCHnDHKpC5uu/z+rnlG/RtvlFwqI6cJAg5lCfXJjbhj37vAosvsWYsFifZB7vEUKKWEJGmDeJB/86FXIvrKNBGNSLIyHmFAPC+tA3WQlDz5EThmbML1AMHGYN9cK6nJntxQ3SSlhBrbBBP05whZEyB1gOHCB2kHWMPmEzfe03C993m3/usnupGG/LBxZQXeaKCL4EM+a191wHWfrV74wQk8Vu3PlJgjxzSeaFmAncJ5mdNMgqoMUXoq+KjTQz0wZpNxjFIM7SznMRZO+fkotZroKcqQRVgipB/y7oGzJR4IrGtvH1AAAAAElFTkSuQmCC") 0 0 no-repeat;
}

.l-header__keywordBox--typeCode > dt {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAPCAYAAADgbT9oAAABIElEQVQ4y2NgzDzGQAI2A+JKIG4H4jQglsSlFkS8w4IfoCkUAeKtQPwfDX8D4gpcBv/Hgj8gKWIH4hNQ8atAnA3EIUDcCcSfoeIl5BicDRXbD8QcaAboA/EnIP4OxFKkGnwEKqaFIzzboPI5pBr8Aoi/4onQAKiePlINvg7E/4CYH4fBGVA9degGC2LBAkiKpkI1VmMxlA2Iz0PlbdANJoQVoUHxB4hbgZgPKq4JxAehhu4jJ1WAsBcQf4HKgSz4iKb+MRDLkGpwBJRWBuJpQHwLmolOQcP1KVTPJeQgJMZgEH8TENsBMTOWoNKFqv8PzUhcpBgMw2+h6XodmuFOQPwTqmYjyAGkGowrDkA4GposQfIxxBRCxBRSyNkflPUVAJVWIawRpeJBAAAAAElFTkSuQmCC") 0 0 no-repeat;
}

.l-header__function .lc-help > a:before {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAMAAADjcdz2AAAAilBMVEX///8AQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJgmKOVCAAAALXRSTlMAAwkMEhgbJCcqRU5RVF1sdXiBhIqTmZ+oq669wMPGyc/S1djb3uHk7fDz9vzTqLFOAAAAjElEQVR4AWWP6RKCMAyEAyL1wPu2UhVBqXbf//WcTJLxh9+f7O6k2Skx+fIOPFYDUlwbN9V0HZ9j8UXnS56lfw2J2XW6m7d7Hlm/IGX+yYlcwNXprQu8owAgSFADqCkBSBKIBCOByL+N3w2R3BKs5WbSODSmqgbpONqmifqsBxNnZMGb/bkwL09O8tUvdSsRXgWk2mMAAAAASUVORK5CYII=") 10px center no-repeat;
}

.l-header__function .lc-help > a:hover:before,
.l-header__function .lc-help.on >a:before {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAMAAADjcdz2AAAAilBMVEX////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////6DghSAAAALXRSTlMAAwkMEhgbJCcqRU5RVF1sdXiBhIqTmZ+oq669wMPGyc/S1djb3uHk7fDz9vzTqLFOAAAAjElEQVR4AWWP6RKCMAyEAyL1wPu2UhVBqXbf//WcTJLxh9+f7O6k2Skx+fIOPFYDUlwbN9V0HZ9j8UXnS56lfw2J2XW6m7d7Hlm/IGX+yYlcwNXprQu8owAgSFADqCkBSBKIBCOByL+N3w2R3BKs5WbSODSmqgbpONqmifqsBxNnZMGb/bkwL09O8tUvdSsRXgWk2mMAAAAASUVORK5CYII=") 10px center no-repeat;
}

.l-header__function .lc-cart > a:before {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAARCAMAAAAFWBeyAAAAWlBMVEX///8AQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJhhV0QKAAAAHXRSTlMAAwYMHiQtQkhOVF1gaXiHk5aipb3S4eTn6u3w8+km96IAAABqSURBVHjaXc9ZDoAgEANQ9xX3Xez9r6k4GDPtD80jNCHgtBYYGXM8GVhndO7YoXPETidS2WyA/30ImLek0EnkflW4CtLw6NUoNV4TmuVkWDRIFmRfLY6z8rWHr/zlKxLdlNpQtDxtHVC9AWz4EpPUQgJqAAAAAElFTkSuQmCC") 0 0 no-repeat;
}

.l-header__function .lc-cart:hover > a:before {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAARCAMAAAAFWBeyAAAAWlBMVEX///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////9jZLFEAAAAHXRSTlMAAwYMHiQtQkhOVF1gaXiHk5aipb3S4eTn6u3w8+km96IAAABqSURBVHjaXc9ZDoAgEANQ9xX3Xez9r6k4GDPtD80jNCHgtBYYGXM8GVhndO7YoXPETidS2WyA/30ImLek0EnkflW4CtLw6NUoNV4TmuVkWDRIFmRfLY6z8rWHr/zlKxLdlNpQtDxtHVC9AWz4EpPUQgJqAAAAAElFTkSuQmCC") 0 0 no-repeat;
}

.l-headerWrap {
    position: relative;
    min-width: 1200px;
    height: 138px;
    padding: 0 0 10px;
    border-bottom: 1px solid #a7a7a7;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
    z-index: 8000;
    font-size: 14px;
    color: #000;
    background: url("/vcommon/common/img/top_background.png") 0 0 no-repeat;
    background-size: 100% 148px;
    /*a,
  a:link
    color nagi_color_text_link

  a:hover,
  a:active
    color nagi_color_text_link_hover*/
}

.page1 .l-headerWrap {
    min-width: 950px;
}

@media (min-width: 1px) {
    .l-headerWrap {
        border-bottom: none;
    }
}

.l-header--popup,
.l-header--sys {
    position: relative;
    min-width: 950px;
    padding: 11px 10px 6px;
    border-bottom: 1px solid #a7a7a7;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
}

@media (min-width: 1px) {
    .l-header--popup,
    .l-header--sys {
        border-bottom: none;
    }
}

.l-header--popup .lc-logo,
.l-header--sys .lc-logo {
    width: 950px;
    margin: 0 auto;
    padding-left: 10px;
}

.l-header--popup .lc-logo > a,
.l-header--sys .lc-logo > a {
    display: block;
    width: 187px;
    height: 51px;
}

.l-headerLeadWrap {
    position: relative;
    /*background nagi_color_default_sub
  border-bottom 1px solid color_border_default*/
    min-width: 1200px;
    padding: 6px 0;
    font-size: 12px;
    color: #fff;
}

.page1 .l-headerLeadWrap {
    min-width: 950px;
}

.l-headerLead {
    position: relative;
    width: 1200px;
    margin: 0 auto;
}

.page1 .l-headerLead {
    width: 950px;
}

.l-headerLead__lead {
    display: table-cell;
    vertical-align: middle;
}

.l-headerLead__lead .lc-lead {
    display: inline-block;
    width: 350px;
    height: 15px;
    margin-right: 15px;
    vertical-align: top;
}

.l-headerLead__menu {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    text-align: right;
}

.l-headerLead__menuList {
    display: inline-block;
}

.l-headerLead__menuList > li {
    display: inline-block;
    margin-left: 8px;
    padding-left: 8px;
    position: relative;
    /*@extends $header_menu_line*/
}

.l-headerLead__menuList > li > a {
    text-decoration: none;
    color: #fff;
}

.l-headerLead__menuList > li > a:hover {
    text-decoration: underline;
}

.l-headerLead__menuList > li:first-child {
    background: none;
}

.l-headerLead__menuList > li .lc-link {
    padding-left: 8px;
    /*@extends $icn_cn_link*/
}

.l-headerLead__menuList > li .lc-pulldown {
    padding-right: 14px;
    display: block;
    background-position: right center;
    color: #fff;
    text-decoration: none;
    /*&.on
        @extends $icon_nagi_up_ovr*/
}

.l-headerLead__baloon {
    display: none;
    width: 130px;
    padding: 12px 0;
    position: absolute;
    top: 25px;
    right: -13px;
    background: #fff;
    border: 2px solid #0098d8;
    z-index: 1;
    text-align: left;
}

.l-headerLead__baloon:after {
    content: '';
    position: absolute;
    top: -10px;
    right: 0;
    width: 100%;
    height: 10px;
    background-color: transparent;
}

.l-headerLead__baloon .lc-qr {
    text-align: center;
}

.l-headerLead__baloon .l-headerLead__baloon--list {
    padding: 0 18px 0 10px;
}

.l-headerLead__baloon .l-headerLead__baloon--list > li {
    display: block;
    text-align: left;
    line-height: 1.5;
}

.l-headerLead__baloon .l-headerLead__baloon--list > li > a {
    padding-left: 8px;
    color: #000;
    text-decoration: none;
}

.l-headerLead__baloon .l-headerLead__baloon--list > li > a:hover {
    text-decoration: underline;
}

.l-headerLead__baloon--telTitle {
    margin-bottom: 10px;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
}

.l-headerLead__baloon--logout {
    display: block;
    margin-top: 10px;
    padding: 10px 18px 0 10px;
    border-top: 1px solid #bfbfbf;
}

.l-headerLead__baloon--logout > a {
    padding-left: 8px;
    text-decoration: none;
}

.l-headerLead__baloon--logout > a:hover {
    text-decoration: underline;
}

.l-header {
    display: table;
    position: relative;
    width: 1200px;
    height: 52px;
    margin: 20px auto 0;
}

.l-header:after {
    content: '';
    display: block;
    clear: both;
}

.page1 .l-header {
    width: 950px;
}

.l-header__main {
    display: table-cell;
    vertical-align: top;
    width: 830px;
}

.page1 .l-header__main {
    width: 620px;
}

.l-header__aside {
    display: table-cell;
    vertical-align: top;
    width: 370px;
}

.page1 .l-header__aside {
    width: 330px;
}

.l-header__logoWrap {
    display: table-cell;
    width: 274px;
}

.l-header__logo {
    display: block;
    padding: 0;
}

.l-header__logo > span,
.l-header__logo > a {
    display: block;
    width: 220px;
    height: 51px;
}

.l-header__maganavWrap {
    display: table;
    width: 1200px;
    background: #4a4a4a;
    margin: 2px auto 0;
}

.page1 .l-header__maganavWrap {
    width: 950px;
}

.l-header__maganav {
    /*display table-cell*/
    width: 265px;
    vertical-align: top;
    height: 30px;
    margin-top: 4px;
}

.page1.topPage .l-header__maganav {
    width: 200px;
}

.l-header__menu {
    display: table-cell;
    width: 925px;
    padding-top: 8px;
    padding-left: 15px;
    font-size: 14px;
    vertical-align: top;
    position: relative;
    padding-bottom: 8px;
}

.l-header__menu::before {
    width: 1px;
    padding: 7px 0 6px;
    content: '';
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
}

.page1 .l-header__menu {
    width: 720px;
    padding-left: 15px;
}

.page1 .l-header__menu >ul >li {
    margin-left: 5px;
    padding-left: 10px;
}

.page1 .l-header__menu >ul >li:first-child {
    margin-left: 35px;
}

.l-header__menu > ul {
    display: inline-block;
}

.l-header__menu > ul > li {
    display: inline-block;
    margin-left: 15px;
    padding-left: 15px;
}

.l-header__menu > ul > li:first-child {
    margin-left: 0;
    padding-left: 0;
    background: none;
}

.l-header__menu > ul > li > a {
    text-decoration: none;
    color: #fff;
}

.l-header__menu > ul > li > a:hover,
.l-header__menu > ul > li > a:active {
    text-decoration: underline;
}

.l-header__search {
    display: table-cell;
    margin-left: 15px;
    width: 556px;
    vertical-align: top;
}

.page1 .l-header__search {
    width: 346px;
}

.l-header__searchForm {
    position: relative;
    padding-right: 90px;
    border: 1px solid #fc0;
}

.l-header__searchForm .lc-input {
    display: block;
    box-sizing: border-box;
    width: 100%;
    height: 31px;
    padding-right: 5px;
    padding-left: 10px;
    border: none;
    box-shadow: none;
    font-size: 16px;
    line-height: 31px;
}

.l-header__searchForm .lc-input::-moz-placeholder {
    color: #868686;
    opacity: 1;
}

.l-header__searchForm .lc-input::-webkit-input-placeholder {
    color: #868686;
}

.l-header__searchForm .lc-input:-ms-input-placeholder {
    color: #868686;
}

.l-header__searchForm .lc-input::-ms-input-placeholder {
    color: #868686;
}

.l-header__searchForm .lc-input:focus::-moz-placeholder {
    color: transparent;
}

.l-header__searchForm .lc-input:focus::-webkit-input-placeholder {
    color: transparent;
}

.l-header__searchForm .lc-input:focus:-ms-input-placeholder {
    color: transparent;
}

.l-header__searchForm .lc-input:focus::-ms-input-placeholder {
    color: transparent;
}

.l-header__searchForm .placeholder {
    color: #868686;
}

.l-header__searchForm .lc-btnSubmitWrap {
    position: absolute;
    right: -1px;
    top: -1px;
    width: 90px;
    height: 33px;
    overflow: hidden;
}

.l-header__searchForm .lc-btn {
    width: 90px;
    height: 35px;
    padding-left: 18px;
    padding-bottom: 3px;
    border: none;
    background-color: #fc0;
    font-weight: bold;
    font-size: 12px;
    color: #000;
    cursor: pointer;
}

.l-header__searchForm .lc-btn:hover {
    border-color: #025fae;
    background-color: #025fae;
    color: #fff;
}

.l-header__keywordOverlay {
    position: absolute;
    top: 6px;
    left: 5px;
    width: 542px;
    height: 33px;
    font-size: 16px;
}

.l-header__keywordBox {
    position: absolute;
    left: -1px;
    top: 33px;
    min-width: 550px;
    max-width: 879px;
    border: 1px solid #a7a7a7;
    border-top: none;
    background: #fff;
    box-shadow: 0 1px 5px 0 rgba(0,0,0,0.3);
    word-wrap: break-word;
    z-index: 1;
}

.page1 .l-header__keywordBox {
    max-width: 700px;
}

.l-header__keywordBox--typeCode {
    padding-top: 5px;
    border-top: solid 1px #a7a7a7;
}

.l-header__keywordBox--typeCode > dt {
    margin: 5px 10px 0;
    padding: 0 0 3px 30px;
    font-weight: bold;
}

.l-header__keywordBox--typeCode > dd > a {
    display: block;
    padding: 10px;
    text-decoration: none;
}

.l-header__keywordBox--typeCode > dd > a:hover {
    background-color: #b9cee7;
    color: #004098;
}

.l-header__keywordBox--typeCode > dd > a:hover .lc-category {
    text-decoration: underline;
}

.l-header__keywordBox--typeCode > dd > a:hover .lc-code {
    color: #004098;
}

.l-header__keywordBox--typeCode > dd > a > img {
    float: left;
    height: 50px;
    margin-right: 20px;
}

.l-header__keywordBox--typeCode > dd .is-focus {
    background: #b9cee7;
    color: #004098;
}

.l-header__typeCodeBody {
    display: block;
    overflow: hidden;
}

.l-header__typeCodeBody .lc-category {
    display: block;
    font-weight: bold;
}

.l-header__typeCodeBody .lc-code {
    display: block;
    color: #000;
}

.l-header__keywordBox--keyword,
.l-header__keywordBox--productCode {
    border-top: solid 1px #a7a7a7;
}

.l-header__keywordBox--keyword > dt,
.l-header__keywordBox--productCode > dt {
    margin: 5px 10px 0;
    font-weight: bold;
}

.l-header__keywordBox--keyword ul,
.l-header__keywordBox--productCode ul {
    padding: 3px 0 5px 0;
}

.l-header__keywordBox--keyword ul > li > a,
.l-header__keywordBox--productCode ul > li > a {
    display: block;
    padding: 2px 10px;
    text-decoration: none;
}

.l-header__keywordBox--keyword ul > li > a:hover,
.l-header__keywordBox--productCode ul > li > a:hover {
    background-color: #b9cee7;
    color: #004098;
    text-decoration: underline;
}

.l-header__keywordBox--keyword ul > li .is-focus,
.l-header__keywordBox--productCode ul > li .is-focus {
    background: #b9cee7;
    color: #004098;
}

.l-header__keywordBox--history ul {
    padding: 3px 0 5px 0;
}

.l-header__keywordBox--history ul > li .is-focus,
.l-header__keywordBox--productCode ul > li .is-focus,
.l-header__keywordBox--history ul > li .is-active {
    background-color: #b9cee7;
    color: #000;
}

.l-header__keywordBox--history ul > li > a {
    display: block;
    padding: 2px 10px;
    text-decoration: none;
}

.l-header__keywordBox--history > dt {
    margin-top: 10px;
    padding-left: 24px;
    margin: 5px 10px 0;
    font-weight: bold;
}

.l-header__keywordBox--history > dt span {
    margin-left: 20px;
    padding: 3px 0 6px 25px;
    color: #666;
    font-weight: bold;
    cursor: pointer;
    background-size: 20px 20px;
}

.l-header__function {
    margin-left: auto;
    font-size: 0;
    text-align: right;
}

.l-header__logout .l-header__function,
.l-header__login .l-header__function {
    margin-top: 10px;
}

.is-noOrder.l-header__function {
    width: 50%;
}

.is-noOrder.l-header__function .lc-order {
    display: none;
}

.is-noUser.l-header__function {
    width: 50%;
}

.is-noUser.l-header__function .lc-user {
    display: none;
}

.l-header__function > li {
    display: inline-block;
    width: 148px;
    margin-left: 10px;
    vertical-align: top;
    font-size: 14px;
}

.l-header__function > li:first-child {
    margin-left: 0;
}

.l-header__function > li.lc-regist,
.l-header__function > li.lc-login {
    display: none;
}

.l-header__function > li.lc-regist > a,
.l-header__function > li.lc-login > a {
    background-image: none;
}

.l-header__function > li > a {
    display: block;
    box-sizing: border-box;
    height: 35px;
    margin-right: -1px;
    padding: 6px 22px 6px 10px;
    border: 1px solid transparent;
    background-position: 128px center;
    text-decoration: none;
    color: #000 !important;
}

.l-header__function > li:hover > a {
    border-color: #025fae;
    background-color: #025fae;
    color: #fff !important;
}

.l-header__function > li.on > a {
    border-color: #025fae;
    background-color: #025fae;
    color: #fff !important;
}

.l-header__function .lc-cart {
    position: relative;
    background: #efcc00;
}

.l-header__function .lc-cart > a {
    padding: 5px 30px 5px 10px;
    background-image: none;
    text-align: center;
    position: relative;
}

.l-header__function .lc-cart > a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -9px;
    width: 21px;
    height: 17px;
}

.l-header__function .lc-cart > a .lc-count {
    width: 40px;
    padding: 3px 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    border-left: 1px solid #bfbfbf;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #0098d8;
}

.l-header__function .lc-cart:hover > a {
    background-image: none;
}

.l-header__function .lc-help {
    background: #efcc00;
}

.l-header__function .lc-help > a {
    padding: 6px 10px;
    text-align: center;
    background-position: 132px center;
    position: relative;
}

.l-header__function .lc-help > a:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 8px;
    margin-top: -8px;
    width: 16px;
    height: 17px;
    background-position: 0 0;
}

.l-header__function .lc-help > a:hover:before {
    background-position: 0 0;
}

.l-header__function .lc-help.on >a:before {
    background-position: 0 0;
}

.l-header__balloonBoxWrap {
    position: relative;
    margin-top: 10px;
}

.l-header__balloonBoxWrap:first-child {
    margin-top: 0;
}

.l-header__balloonBox--left,
.l-header__balloonBox--right,
.l-header__balloonBox--leftWide {
    top: 100%;
    box-sizing: border-box;
    width: 301px;
    margin-left: 1px;
    z-index: 1;
}

.l-header__balloonBox--left a,
.l-header__balloonBox--right a,
.l-header__balloonBox--leftWide a {
    text-decoration: none;
}

.l-header__balloonBox--left a:hover,
.l-header__balloonBox--right a:hover,
.l-header__balloonBox--leftWide a:hover {
    text-decoration: underline;
}

.l-header__login .l-header__balloonBox--left,
.l-header__login .l-header__balloonBox--right,
.l-header__login .l-header__balloonBox--leftWide {
    right: 90px;
}

.l-header__balloonBox--left {
    left: -50%;
}

.l-header__balloonBox--right {
    padding: 18px 25px 25px;
    right: 157px;
    width: 250px;
}

.l-header__balloonBox--leftWide {
    width: 678px;
    left: -528px;
}

.l-header__balloonBox__ttl {
    margin: -10px 0 10px;
    padding: 6px 20px 4px;
    background-color: #0098d8;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
}

.l-header__balloonBoxInner {
    margin-top: 7px;
    border-top: 1px dotted #a7a7a7;
    padding: 8px 0 0;
    font-size: 14px;
}

.l-header__balloonBoxInner a {
    text-decoration: none;
}

.l-header__balloonBoxInner a:hover {
    text-decoration: underline;
    color: #025fae;
}

.l-header__balloonBoxInner:first-child {
    margin-top: 0;
    border-top: none;
}

[class^="l-userBox__ttl"] + .l-header__balloonBoxInner,
[class^="l-header__balloonBox__ttl"] + .l-header__balloonBoxInner {
    padding-top: 0;
    border-top: none;
}

.l-header__balloonBoxInner .lc-accent {
    font-weight: bold;
    color: #333;
}

.l-header__balloonBoxInner .lc-link {
    padding-left: 10px;
    font-size: 12px;
    font-weight: bold;
    color: #0098d8;
    /*@extends $icn_cn_link*/
    padding-left: 10px;
}

.l-header__balloonBoxInner--ttl {
    margin-bottom: 5px;
    font-size: 14px;
    font-weight: bold;
}

.l-header__balloonBoxInner--lead {
    font-size: 12px;
}

.l-header__balloonBoxInner--chat {
    width: 150px;
    margin: 0 0 15px;
    cursor: pointer;
}

.l-header__h3 {
    margin: 5px 0;
    font-size: 14px;
    font-weight: bold;
}

.l-header__h4 {
    margin: 5px 0;
    font-size: 14px;
    font-weight: bold;
    color: #333;
}

.l-header__linkList > li {
    margin-top: 5px;
}

.l-header__linkList > li:first-child {
    margin-top: 0;
}

.l-header__linkList > li .is-disabled {
    color: #868686;
}

.l-header__linkList > li .is-disabled:hover {
    text-decoration: none;
}

.l-header__linkList--1of3 {
    margin-left: -15px;
    font-size: 0;
}

.l-header__linkList--1of3 > li {
    display: inline-block;
    box-sizing: border-box;
    width: 33%;
    margin-bottom: 6px;
    padding-left: 15px;
    vertical-align: top;
    font-size: 14px;
}

.l-header__cols {
    font-size: 0;
    margin-left: -10px;
}

.l-header__cols__1of2,
.l-header__cols__1of3 {
    display: inline-block;
    box-sizing: border-box;
    margin-bottom: 20px;
    padding-left: 10px;
    vertical-align: top;
    font-size: 14px;
}

.l-header__cols__1of2 {
    width: 50%;
}

.l-header__cols__1of3 {
    width: 33.33%;
}

.l-header__media .lc-name {
    font-size: 12px;
}

.l-header__media__img {
    float: left;
    margin-right: 10px;
}

.l-header__media__img img {
    display: block;
}

.l-header__media__main {
    overflow: hidden;
}

.l-header__tel {
    font-size: 18px;
    font-weight: bold;
}

.l-header__fax {
    margin-bottom: 3px;
}

.l-header__btn--contactWeb {
    margin-top: 10px;
}

.l-header__btn--contact {
    margin-top: 15px;
}

.l-header__order__function {
    margin-top: 10px;
    margin-left: -10px;
    font-size: 0;
}

.l-header__order__function > li {
    display: inline-block;
    width: 117px;
    margin-left: 10px;
    font-size: 14px;
}

.l-header__order__function > li.is-purchase {
    display: block;
    width: auto;
}

.l-header__order__function > li > .m-btn--headerQuote {
    padding: 11px 2px 9px;
}

.l-header__order__function > li > .m-btn--headerOrder {
    padding: 11px 2px 9px 20px;
}

.l-header__order__function:first-child {
    margin-top: 0;
}

.l-header__order__inner {
    margin: 15px 10px 10px;
}

.l-header__order__upload {
    margin: 15px 0 10px;
}

.l-header__order__upload > li {
    margin-top: 5px;
    padding-left: 18px;
    font-size: 12px;
}

.l-header__order__upload > li .lc-type {
    display: inline-block;
    margin: 0;
    padding: 0;
    min-width: 80px;
}

.l-header__order__upload > li .is-disabled {
    color: #868686;
}

.l-header__order__upload > li > a {
    margin-left: 5px;
    padding-left: 10px;
    background-position: 1px 0.4em;
}

.l-header__order__upload > li > span {
    margin-left: 5px;
    padding-left: 10px;
}

.l-header__order__message {
    margin-top: 7px;
    border-top: 1px dotted #a7a7a7;
    padding: 8px 0 0;
}

.l-header__order__message > li {
    margin-top: 5px;
    padding-left: 18px;
    font-size: 12px;
}

.l-header__order__message > li .lc-type {
    display: inline-block;
    margin: 0;
    padding: 0;
    min-width: 90px;
}

.l-header__order__message > li .lc-type--short {
    display: inline-block;
    margin: 0;
    padding: 0;
    min-width: 60px;
}

.l-header__order__message > li .is-disabled {
    color: #868686;
}

.l-header__order__message > li > a {
    margin-left: 5px;
    padding-left: 10px;
    background-position: 1px 0.4em;
}

.l-header__order__message > li > span {
    margin-left: 5px;
    padding-left: 10px;
}

.l-header__order__model {
    margin-top: 7px;
    border-top: 1px dotted #a7a7a7;
    padding: 8px 0 0;
}

.l-header__order__model > li {
    margin-top: 5px;
    font-size: 12px;
}

.l-settingArea {
    position: relative;
    cursor: pointer;
}

.l-settingArea__toggle {
    display: block;
    padding: 9px 10px 8px 30px;
    font-size: 12px;
    background: #f2f2f2 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOBAMAAADtZjDiAAAAIVBMVEX///8AQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJgAQJjRxgWzAAAACnRSTlMAAQJMUmNugLXe+JSOpAAAAExJREFUCNdjYGBgWeXAAASp6quKwhgY2FbNWrVyVQID6yoQCGBgmrXCuGulAoP7qkYGiVUlDKtWGTAwr1oFp2HiMHUwfTBzYOZC7QEAFpQlD8NqskoAAAAASUVORK5CYII=") 10px center no-repeat;
    position: relative;
    color: #333;
    cursor: pointer;
    border-left: 1px solid #a7a7a7;
    border-right: 1px solid #a7a7a7;
    border-bottom: 1px solid #a7a7a7;
}

.l-settingArea__toggle .lc-plus {
    width: 23px;
    height: 23px;
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAuCAMAAAD0gXL3AAAAKlBMVEW/v7+/v7+/v7/j4+MAQJjPz9DQ0NDR0dHS0tLV1dXY2Nj19ff29vj6+vtmto5TAAAABHRSTlMeS2aqej6iwAAAAFFJREFUeNrF0jkSwCAMQ1E5sVmT+183dGFGUDHgV/5KhYBrBJBUWBJIfFlsPTwstG6VWd9V9XTX3kL32f9b6pmZzP7g9BOHvuEnxO49+/1/8gErUSIRLSLQ+AAAAABJRU5ErkJggg==") top left no-repeat;
    position: absolute;
    top: 7px;
    right: 7px;
}

.l-settingArea__toggle .lc-plus.on {
    background-position: bottom left;
}

.l-settingArea__collapse {
    background: #f2f2f2;
    position: absolute;
    top: 37px;
    left: 0;
    z-index: 2;
    padding: 10px 15px;
    border-left: 1px solid #a7a7a7;
    border-right: 1px solid #a7a7a7;
    border-bottom: 1px solid #a7a7a7;
    font-size: 12px;
}

.l-settingArea__collapse li {
    width: 110px;
    display: inline-block;
}

.l-settingArea__collapse li >a {
    background-position: left center;
    padding-left: 10px;
    line-height: 25px;
}

.l-header__login .lc-id,
.l-header__login .lc-pass {
    margin-bottom: 10px;
}

.l-header__login .lc-id dt,
.l-header__login .lc-pass dt {
    margin: 10px 10px 7px;
    font-weight: bold;
}

.l-header__login .lc-id input,
.l-header__login .lc-pass input {
    box-sizing: border-box;
    width: 100%;
    height: 35px;
    padding: 5px;
    border: 1px solid #a7a7a7;
    line-height: 1.5;
    font-size: 14px;
}

.l-header__login .lc-btn--login {
    margin-top: 15px;
    margin-bottom: 8px;
}

.l-header__login .lc-btn--login input[type="submit"] {
    display: block;
    width: 100%;
    height: 35px;
    border: none;
    background-color: #004098;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
    cursor: pointer;
}

.l-header__login .lc-btn--login input[type="submit"]:hover {
    border-color: #025fae;
    background-color: #025fae;
    color: #fff;
}

.l-header__login .lc-link,
.l-header__login .lc-error {
    margin: 10px;
}

.l-header__loading > p {
    width: 100px;
    height: 100px;
    margin: 0px auto;
    background: url("/vcommon/common/img/loading_100.gif") left top no-repeat;
}

.l-header__loading--s > p {
    padding-top: 2px;
    background: url("/vcommon/common/img/loading_16.gif") center top no-repeat;
}

.l-header__usermenu .lc-usercode {
    font-size: 14px;
    font-weight: bold;
}

.l-header__announceList {
    margin-bottom: 5px;
}

.l-header__announceList > li {
    padding: 3px 10px 1px;
    background-color: #fff5cb;
}

.l-header__announceList > li .lc-count {
    color: #c80000;
}

.l-header__announceList > li.is-disabled {
    background-color: #fff;
}

.l-header__announceList > li.is-disabled > a {
    text-decoration: none;
    color: #868686;
    cursor: default;
}

.l-header__announceList > li.is-disabled > a .lc-count {
    color: #868686;
}

.l-header__messageBox > a {
    position: fixed;
    top: 20px;
    right: 20px;
    padding: 20px;
    background-color: #fff;
    border: 2px solid #0098d8;
    border-radius: 2px;
    text-decoration: none;
}

.l-header__messageBox > a:hover {
    color: #025fae;
    text-decoration: underline;
}

.l-header__messageBox > a:visited {
    color: #004098;
}

.l-header__messageBox > a > span {
    display: block;
    padding: 5px 0 4px 45px;
    font-weight: bold;
}

.l-meganav__category > ul > li:after,
.l-meganav__category > ul > li:before {
    display: none;
}

.l-meganav__category > ul > li > dl {
    display: none;
}

.l-headerFixedBg {
    display: none;
    position: fixed;
    top: 0;
    width: 100%;
    height: 57px;
    border-bottom: 1px solid #a7a7a7;
    box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.4);
    background-color: #fff;
    z-index: 2;
}

@media (min-width: 1px) {
    .l-headerFixedBg {
        border-bottom: none;
    }
}

.l-header__customerHeaderWrapper {
    background-color: #eee;
}

.l-header__customerHeader {
    width: 1200px;
    margin: 0 auto;
}

.page1 .l-header__customerHeader {
    width: 950px;
}

.l-header__customerLogo {
    display: table-cell;
    vertical-align: middle;
    width: 167px;
    padding: 15px 0;
    padding-right: 20px;
}

.l-header__customerContent {
    display: table-cell;
    vertical-align: bottom;
    width: 735px;
    padding: 15px 0;
    color: #333;
}

.page1 .l-header__customerContent {
    width: 485px;
}

.l-header__customerTel {
    font-weight: bold;
    font-size: 12px;
}

.l-header__customerTelNumber {
    display: block;
    font-weight: normal;
}

.l-header__customerInfo {
    padding: 9px 8px;
    background-color: #fff;
    font-size: 10px;
}

.l-header__customerLogout {
    display: table-cell;
    vertical-align: bottom;
    width: 278px;
    padding: 15px 0;
    text-align: right;
}

.l-header__customerLogout a {
    width: 150px;
    display: inline-block;
    padding: 5px 10px;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
    text-align: center;
    text-decoration: none;
    font-size: 14px;
}

.l-header__customerLogout a:link,
.l-header__customerLogout a:visited {
    border: 1px solid #a7a7a7;
    color: #000;
    background-color: #fff;
}

.l-header__customerLogout a:hover,
.l-header__customerLogout a:active {
    border-color: #004098;
    color: #fff;
    background-color: #004098;
    text-decoration: none;
}

.is-fixed .l-headerFixedBg {
    display: block;
}

.is-fixed .l-header__main {
    width: 830px;
}

.page1 .is-fixed .l-header__main {
    width: 580px;
}

.is-fixed .l-header__logoWrap {
    position: fixed;
    top: 11px;
    height: 34px;
    z-index: 8000;
}

.is-fixed .l-header__logo {
    padding: 0;
}

.is-fixed .l-header__logo > span,
.is-fixed .l-header__logo > a {
    height: 34px;
    width: 231px;
}

.is-fixed .l-header__lead {
    display: none;
}

.is-fixed .l-header__searchWrap {
    margin-top: 48px;
}

.is-fixed .l-header__search {
    position: fixed;
    top: 10px;
    margin-left: 275px;
    width: 556px;
    z-index: 8000;
}

.page1 .is-fixed .l-header__search {
    width: 330px;
    margin-left: 251px;
}

.is-fixed .l-header__aside {
    position: fixed;
    top: 10px;
    z-index: 8000;
}

.page1 .is-fixed .l-header__aside {
    width: 370px;
}

.is-fixed .l-header__aside .l-header__balloonBoxWrap:after {
    content: '';
    display: block;
    clear: both;
}

.is-fixed .l-header__aside .l-header__balloonBoxWrap .l-header__function {
    float: right;
}

.is-fixed .l-header__function > li {
    width: 113px;
}

.is-fixed .l-header__function > li >a {
    padding: 6px 10px 6px 10px;
    position: relative;
}

.is-fixed .l-header__function .lc-help >a {
    padding: 6px 7px 6px 10px;
    background-position: 96px center;
}

.is-fixed .l-header__function .lc-help >a:before {
    top: 50%;
    left: 8px;
    margin-top: -8px;
    width: 16px;
    height: 17px;
    background-position: 0 0;
}

.is-fixed .l-header__function .lc-cart {
    display: none;
}

.is-fixed .l-header__function .lc-regist,
.is-fixed .l-header__function .lc-login {
    display: inline-block;
}

.is-fixed .l-header__function .lc-login > a {
    border: 1px solid #bfbfbf;
}

@media (min-width: 1px) {
    .is-fixed .l-header__function .lc-login > a {
        border: 0;
    }
}


.is-fixed .l-header__function .lc-login > a:hover {
    border-color: #025fae;
}

.is-fixed .l-header__balloonBox--right {
    right: 157px;
}

.isLogout .is-fixed .l-header__balloonBox--right {
    right: 245px;
}

.page1.isLogin .is-fixed .l-header__balloonBox--right {
    right: 157px;
}

.page1.isLogout .is-fixed .l-header__balloonBox--right {
    right: 185px;
}

.isLogin .is-fixed .l-header__function > li {
    width: 148px;
}

.isLogin .is-fixed .l-header__function > li >a {
    padding: 6px 22px 6px 10px;
}

.isLogin .is-fixed .l-header__function .lc-help >a {
    padding: 6px 14px 6px 10px;
    background-position: 130px center;
}

.isLogin .is-fixed .l-header__function .lc-cart {
    display: inline-block;
}

.isLogin .is-fixed.is-fixed .l-header__function > li {
    width: 148px;
}

.is-fixed [data-floatingHeader="none"] {
    display: none;
}

.l-navCategoryBox {
    border: 1px solid #bfbfbf;
    border-radius: 2px;
}

.l-navCategoryBox h2,
.l-navCategoryBox h3 {
    font-weight: bold;
}

.l-navCategoryBox h2 {
    padding: 11px 10px 9px 13px;
    background: #999;
    font-size: 16px;
    color: #fff;
}

.l-navCategoryBox h3 {
    font-size: 14px;
}

.l-navCategoryBox h3 > a {
    display: block;
    padding: 12px 10px 9px 22px;
    background-color: #f3f3f3;
    text-decoration: none;
}

.l-navCategoryBox h3 > a:hover {
    text-decoration: underline;
}

.l-navCategoryBox h3 > a.on {
    background: #749dcf;
    text-decoration: none;
    color: #fff;
}

.l-navCategoryBox li {
    position: relative;
    border-top: 1px solid #bfbfbf;
    background-color: #fff;
}

.l-navCategoryBox li > a {
    display: block;
    background-position: 14px 14px;
    text-decoration: none;
}

.l-navCategoryBox li > a:hover {
    text-decoration: underline;
}

.l-navCategoryBox .lc-level2 > li:first-child {
    border-top: none;
}

.l-navCategoryBox .lc-level2 > li > a {
    padding: 12px 10px 9px 22px;
    background-color: #f3f3f3;
    font-size: 14px;
    font-weight: bold;
}

.l-navCategoryBox .lc-level2 > li > a.on {
    background: #749dcf;
    color: #fff;
    text-decoration: none;
}

.l-navCategoryBox .lc-level3 > li > a.on,
.l-navCategoryBox .lc-level4 > li > a.on,
.l-navCategoryBox .lc-level5 > li > a.on,
.l-navCategoryBox .lc-level6 > li > a.on,
.l-navCategoryBox .lc-level7 > li > a.on {
    background: #749dcf;
    text-decoration: none;
    color: #fff;
}

.l-navCategoryBox .lc-level3 > li > a,
.l-navCategoryBox .lc-level4 > li > a {
    padding: 7px 10px 5px 23px;
}
/*CN_NT-92 start*/

.detailCValue{
    /* CN_NT-582 */
    height: 26px;
    padding-right: 5px;
    vertical-align: middle;
}

.simpleDetailCValue{
    /* CN_NT-582 */
    height: 26px;
    vertical-align: middle;
    padding-right: 5px;
}

.customListValue{
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 40px;
}

.m-icn--cvalue_new {
    display: inline-block;
    width: 74px;
    height: 24px;
    background: url("/vcommon/theme/detail/img/icon_jjx_new.png") no-repeat;/*CN_EC_REQ-2166 */
    background-size: 100% 100%;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

.bigCustomer{
    min-height: 40px;
    display: flex;
    align-items: center;
}

/*CN_NT-92 end*/

/* CN_NT_287 企业用户升级 */
#modalAddPayment.new-m-modal--payment > div:first-child {
    line-height: 40px;
    padding-left: 10px;
    box-sizing: border-box;
}
#modalAddPayment.new-m-modal--payment > div:first-child span {
    color: #4A4A4A;
}
#modalAddPayment.new-m-modal--payment > div:first-child img {
    width: 16px;
    height: 16px;
    margin-right: 10px;
    margin-top: 10px;
    cursor: pointer;
    /* content: url(/vcommon/theme/detail/img/close.png); 不兼容ie， 换下面方法*/
    width: 0;
    height: 0;
    padding: 8px;
    background: url(/vcommon/theme/detail/img/close.png) no-repeat;
    background-size: 16px 16px;
}
#modalAddPayment.new-m-modal--payment .new-m-icon {
    position: relative;
    margin-top: 50px;
    margin-bottom: 20px;
    text-align: center;
    left: 0;
    bottom: 0;
}
#modalAddPayment.new-m-modal--payment .new-u-fs-XXL {
    position: relative;
    bottom: 0;
    color: #4A4A4A;
    left: 0;
    width: 100%;
    line-height: 20px;
    text-align: center;
}
#modalAddPayment.new-m-modal--payment .new-m-btnList--center {
    position: relative;
    text-align: center;
    margin-top: 40px;
    left: 0;
    bottom: 0;
}
#modalAddPayment.new-m-modal--payment .new-m-btnList--center > li{
    display: inline-block;
}
#modalAddPayment.new-m-modal--payment .new-m-btnList--center li a {
    width: 120px;
    height: 36px;
    margin: 0;
    padding: 0;
    line-height: 36px;
    font-weight: normal;
    font-size: 14px;
}
#modalAddPayment.new-m-modal--payment .new-m-btnList--center li:first-child a {
    margin-right: 20px;
}

/* CN_NT-582 */
.detailCValueBox{
    position: absolute;
    top: 15px;
    left: 20px;
    display: flex;
}
/*CN_NT-589*/
.m-cartBox__list .minQuantity{
    font-weight: 600;
    padding-right: 50px;
    color: #262626;
}
.m-cartBox__list .minOrderUnit{
    font-weight: 600;
    color: #262626;
}

.m-cartBox__list .minQuantity span,
.m-cartBox__list .minOrderUnit span {
    /*font-weight: 300;*/
}


/*end_CN_NT-589*/


/*CN_NT-612*/

.db {
    display: none !important;
}

.spec-copy-info {
    opacity: 0.7;
    background: #003399;
    box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.10);
    height: 80px;
    line-height: 80px;
    font-size: 18px;
    color: #FFFFFF;
    letter-spacing: 0.77px;
    position: fixed;
    left: 0;
    top: 0px;
    width: 100%;
    text-align: center;
    z-index: 2000000;
}

.micon_t {
    background: url("/vcommon/common/img/icon_jjx_new.png") no-repeat;
    background-size: 68px 22px;
    background-position:calc(100% - 15px);
}
.micon_t:hover {
    background-color:#EEF4FC;
}
.navi_bar > li > a {
    color:white !important;
}
.navi_bar > li {
    color:white;
    font-size:14px;
    height:25px;
    padding:5px 20px 0 10px;
    margin-left:10px;
    margin-right:10px
}

li.with_pull_down:hover:after {
    content:'';
    border:3px solid transparent;
    border-top:3px solid #4a4a4a;
    top:14px;
    right:10px;
    position:absolute;
}
.with_pull_down {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAECAYAAAExNMXWAAAAAXNSR0IArs4c6QAAAENJREFUCB1j+H+GYQMDjPjPAAJAHpjBCGOwMDAyFIJkGP9fZJBh+MNwHaiAByj4hYGFQRMkwfD/PwPz/7MMM0E0iA8A9bEaIJE2nsUAAAAASUVORK5CYII=");
    background-repeat: no-repeat;
    background-position:calc(100% - 9px) center;
}
li.with_pull_down:hover {
    background-image:none;
}
li.with_pull_down:hover,li.with_pull_down:hover > a {
    background-color:white;
    color:#4a4a4a !important;
}
.navi_group {
    display:none;
    position:absolute;
    top:30px;
    left:0;
}
.navi_group li {
    width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    background:white;

    line-height:28px;
    padding:0 10px;
}
.navi_group li a {
    color:#9B9B9B !important;
}
.navi_group li a:hover,.navi_group li:hover {
    background: #028cd7;
    color:#4a4a4a !important;
}