/*common */
body *{font-weight: 400}
body {font-family: 'Lato','Roboto','Microsoft JhengHei' !important; -webkit-text-size-adjust: 100%}
.clear{width: 100%;}
.table-tr {width: 100%; /*overflow: hidden;*/}
.wrap{max-width: 1200px; width: auto;}
.mainContent{width: 100%; float: none; min-height: 560px;}
.fade {transition: 0.3s; -webkit-transition: 0.3s;}
.pageContainer{margin-top: 242px;}
.btn{background: #000; color: #fff; border:1px solid #000; padding: 5px 25px; font-size: 16px;}
.btn:hover{background: #fff; color: #000;}
.btn:hover{background: #6b1c65; border:1px solid #6b1c65; color: #fff;}
.table-tr > div {float: left;}
.breadcrumb{clear: both; padding-top: 20px; text-align: right; font-size: 14px; color: #6f6f6f; font-weight: initial; padding-bottom: 25px;}
.breadcrumb a{font-size: 14px; color: #6f6f6f; font-weight: initial !important;}
.breadcrumb a:hover, .breadcrumb a.selected{color: #6b1c65;}
.red{position: relative; top: -3px;}
.page-content{width: calc(100% - 245px);}
.page-content h1{color: #6b1c65; font-size: 30px; margin-bottom: 35px; font-weight: 400;}
.no-side-nav{width: 100%;}
.fRight{float: right !important;}
.fLeft{float: left !important;}
.btn_style2{padding: 3px 30px;}
table td{color: #000;}
.side-nav h3 .fa{display: none;}
.table-slide{overflow-x: auto;}
.table-swipe{display:none; padding-left: 25px; margin-bottom: 20px; background: url(../images/icon_swipe.png) no-repeat left center;}


/* fancy box */
.fancybox-overlay{background: url(../images/fancybox_overlay.png) !important; z-index: 11 !important;}
.fancybox-outer{background: #fff !important;}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span{width: 12px !important; background: url(../images/fancybox_close.png) !important; height: 13px !important; top: 20px !important; right: 20px !important;}
.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0, 0, 0, 0.2) !important; box-shadow:0 10px 25px rgba(0, 0, 0, 0.2) !important; border: 1px solid #c1c1c1 !important;}


/* header */
#header{position: fixed; top: 0px; z-index: 10; width: 100%; left: 0px; background: #fff;}
header.fixed .innerContainer{padding-top: 10px;}
header.fixed .wrap{padding-top: 0px; }
header.fixed .member-header{margin-top: 0px;}
header.fixed .nav-top{margin-top: 10px;}
header .mainLogo img{height: 115px;}
header.fixed .mainLogo img{height: 70px;}
header.fixed .header-bottom{margin-top: 5px;}
header.fixed #header{height: 169px; position: fixed; top: 0;}
header.fixed #header.noSlogan{height: 127px;}
header *{transition: 0.3s; -webkit-transition: 0.3s;}
.mobileSearch{display: none; height: 17px; width: 17px; position: relative; top: 22px;}


#header{height: 242px;}
#header.noSlogan{height: 200px;}
.member-header{margin-top: 20px;}
.member-header-top i.fa-user{color: #6b1c65; margin-right: 5px;}
.member-header-top a{color: #4b4b4b; font-size: 14px;}
.member-header-top a:hover{color: #6b1c65;}

.dot{width: 4px; height: 4px; background:url(../images/dot.png); display: inline-block; vertical-align: middle; margin:0px 15px;}
.dotLang{width: 4px; height: 4px; background:url(../images/dot.png); display: inline-block; vertical-align: middle; margin:0px 10px;}

header .wrap{padding-top: 20px; padding: 20px 15px 0px 15px;}
.nav-top{margin-top: 22px;}
.nav-top ul li{display: inline-block; margin-right: 20px;}
.nav-top ul li:nth-last-child(1) {margin-right:0;}
.nav-top ul li a{font-size: 16px; color: #6f6f6f;} 
.nav-top ul li a.selected, .nav-top ul li a:hover{color: #6b1c65;}

.header-bottom{clear: both; background: #ececec; margin-top: 23px; height: 35px;}
.header-bottom .wrap{padding-top: 0px;}
.currency-container{font-size: 14px; color:#6f6f6f; line-height: 35px;}
#currency{margin-left: 5px; height: 28px; color: #6b1c65; font-size: 14px; border: 0px;}
.language-container{line-height: 35px;}
.language-container a{color:#4b4b4b; font-size: 14px; }
.language-container a:hover, .language-container a.selected{color: #6b1c65;}
.icon-container{line-height: 35px;}
.icon-container a{margin-right: 30px;}
.icon-container a img{vertical-align: middle;}

#recently-view{line-height: 35px; margin-left: 20px; font-size: 14px; color: #6f6f6f; padding: 10px;}
.recently-view-container:hover #recently-view{background: #fff;}
#recently-view i{padding:0 10px;}

#cart-nav{margin-left: 5px; font-size: 14px; color: #6f6f6f; padding: 5px 10px;}
.shopping-cart-nav-container:hover #cart-nav{background: #fff;}
#cart-nav i{padding:6px 10px; padding-right: 0px;}
#cartNo{background: #b47210; color: #fff; border-radius: 100%; margin-left: 6px; line-height: 26px; text-align: center; width: 24px; height: 24px;}


.recently-view-popup{z-index: 9999999; display:none; padding: 10px; position: absolute; background: #fff; top: 35px; left: 165px; width: 440px; padding-bottom: 20px; border: solid 1px #e6e6e6; border-top: 0;}
.recently-view-popup{margin-left: 20px; top:initial; left:initial !important; max-height: 380px; overflow-y: auto;}


.recently-view-popup::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.recently-view-popup::-webkit-scrollbar
{
    width: 5px;
    background-color: #F5F5F5;
}

.recently-view-popup::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #6b1c65;
}


.recently-item{margin-top: 15px;}
.recently-item .thumbnail{width: 80px; height: 80px; text-align: center;}
.recently-item .thumbnail img{width: auto; max-width: 100%; height: auto; max-height: 100%; margin: auto 0;}
.recently-item .detail{margin-left: 10px; max-width: 210px;}
.recently-item .detail .title{font-size: 14px; font-weight: bold; color: #000;}
.recently-item .detail .size{font-size: 14px; color: #4b4b4b;}
.recently-item .detail .price{font-size: 14px; color: #000; display: inline-block;}
.recently-item .detail .sPrice{font-size: 12px; color: #a8a8a8; text-decoration: line-through;}
.recently-item .option{position: relative; top:26px; margin-right:15px;}
.recently-item .option .option-detail{font-size: 16px; color: #000; margin-right:30px;}
.recently-item .option .option-detail:hover{color: #6b1c65}
.recently-item .option .option-del{vertical-align: middle;}

.cartNav-popup{z-index: 9999999; display:none; padding: 10px; position: absolute; background: #fff; top: 35px; left: 398px; width: 440px; padding-bottom: 20px; /*box-shadow: 1px 1px 1px 1px #e6e6e6;*/ border: solid 1px #e6e6e6; border-top: 0; max-height: 380px; overflow-y: auto;}
.cartNav-popup::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.cartNav-popup::-webkit-scrollbar
{
    width: 5px;
    background-color: #F5F5F5;
}

.cartNav-popup::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #6b1c65;
}
.cartNav-item{margin-top: 15px;}
.cartNav-item .thumbnail{width: 80px; height: 80px; text-align: center;}
.cartNav-item .thumbnail img{width: auto; max-width: 100%; height: auto; max-height: 100%; margin: auto 0;}
.cartNav-item .detail{margin-left: 10px; max-width: 210px;}
.cartNav-item .detail .title{font-size: 14px; font-weight: bold; color: #000;}
.cartNav-item .detail .size{font-size: 14px; color: #4b4b4b;}
.cartNav-item .detail .price{font-size: 14px; color: #000; display: inline-block;}
.cartNav-item .detail .sPrice{font-size: 12px; color: #a8a8a8; text-decoration: line-through;}
.cartNav-item .option{position: relative; top:26px; margin-right:15px;}
.cartNav-item .option .quantity{display: inline-block; font-size: 14px; font-weight: bold; color: #000; margin-right: 25px;}
.cartNav-item .option .option-del{vertical-align: middle;}
.cartNav-popup hr{margin: 20px 0px 15px 0px; width: 100%;}
.cartNav-popup .subTotal{font-size: 16px; color: #000; font-weight: bold; margin-top: 5px;}
.cartNav-popup .subTotal span{font-weight: initial;}
.cartNav-popup .checkout{/*background: #000; color: #fff;*/ padding: 5px 15px; /*transition: 0s;*/ /*border:1px solid #000;*/}
/*.cartNav-popup .checkout:hover{background: #fff; color: #000; }*/

.notice{background: #6b1c65; background: #bb55b3; background: #ad936c; min-height: 42px; clear: both;}
.notice .wrap{padding: 0px;}
.notice h2{font-size: 18px; color: #fff; text-align: center; padding: 7px 0px; /*font-weight: 100;*/}

.search-area{display: none; clear: both; height: 42px; background: rgba(107, 28, 101, 0.8); transition: initial; --webkit-transition: initial;}
header.fixed .search-area .wrap, .search-area .wrap{padding: 9px 0px;}
.search-area input{width: 94%; border-radius: 10px; height: 19px;}
.search-area a{position: relative; top: 3px;}

.desktop-search{display: inline-block; height: 25px; width: 48px; line-height: 25px; background: initial; transition: 0.3s;-webkit-transition: 0.3s;}
.desktop-search.active{width: 230px; background: #fff;transition: 0.3s;-webkit-transition: 0.3s; border-radius: 20px; border: 1px solid #ccc; margin-right: 30px;}
.desktop-search.active img{margin-left: 10px; vertical-align: text-bottom;}
.desktop-search input{display: none;  width: 0px; border: 0px; vertical-align: text-bottom; }
.desktop-search.active input{width: 140px;margin-left: 5px; outline:none;}
.desktop-search .search-go{display: none; color: #6b1c65;  position: relative; bottom: 1.5px; }
.desktop-search.active .search-go{margin-right: 5px;}
.desktop-search.active a{margin-right: 0px;}
.desktop-search-close{background: url('../images/cross.png'); display: none; width: 8px; height: 8px; bottom: 2px; position: relative;}
.desktop-search.active .desktop-search-close{margin-right: 5px;}
.desktop-search-close:hover{background: url('../images/cross-hover.png')}




/* forgot-password */
.forgot-password .table-tr{margin-bottom: 15px;}


/* footer */
#footer{/*min-height: 365px;*/ float: left; width: 100%; background: #141414}
.footerNav-container{width: 100%; margin-bottom: 35px;}
.footerNav {clear: both;}
.footerNav li{display: inline-block; color: #fff;}
.footerNav li:not(a){margin:0px 3px;}
.footerNav li a{color: #fff; font-size: 14px;}
.footerNav li a:hover, .footerNav li a.selected{color: #6b1c65;}

.copyright-container{background: #6b1c65; text-align: right; height: 45px; clear: both;}
.copyright, .copyright a{color: #bf0db1; line-height: 45px; font-size: 13px;}

.footerMenu-container{padding-top: 45px; /*text-align: center;*/}
.footerMenu-container .title{font-weight: bold; font-size: 18px; color: #fff; margin-bottom: 20px; text-align: left;}
.footerMenu-container .category li{/*margin-bottom: 7px;*/ text-align: left; margin-bottom: 21px; line-height: 15px;}
.footerMenu-container .category li a{color:#fff; font-size: 14px;}
.footerMenu-container .category li a:hover, .footerMenu-container .category li a.selected{color: #6b1c65}
.footerMenu-item{display: inline-block; /*margin-right: 110px;*/ vertical-align: top; width: 16%; margin-bottom: 25px;}
.footerMenu-item:last-child{margin-right: 0px;}

.footerHr{color: #404040; margin: 25px 0px; border-color: #404040;}
#back-to-top{position: relative; right: 55px; top: 45px; z-index: 9;}
#back-to-top span{color: #fff; font-size: 14px; position: absolute; top: 36px; right: 20px;}
#back-top{display: none !important;}

/* index */
.swiper-container{overflow:visible;}
.swiper-slide{width: 100% !important;}
.swiper-slide img {width: 100% !important;}
.swiper-pagination-bullet{opacity:1 !important; width: 10px !important; height: 10px !important; background: #e2e2e2 !important;    border: 1px solid #bebebe;}
.swiper-pagination-bullet-active{background: #6b1c65 !important; border: 1px solid #6b1c65}
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{bottom: 12px !important;}

/*.brand-container{margin: 25px auto 0px auto; max-width: 1800px; }*/
.brand-item{cursor: pointer; /*width: 19%;*/ width: 31%; margin-right: 25px; /*max-width: 336px;*/ display: inline-block !important; max-height: 485px; height: auto; margin-bottom: 30px;}
.brand-item:hover .brand-button a{color: #fff; background: #6b1c65; border:1px solid #6b1c65;}
.brand-item:nth-child(3n){margin-right: 0px;}
.brand-item .brand-logo{max-height: 125px; height: auto; text-align: center; /*line-height: 125px;*/ height: 90px; position: relative;}
.brand-item .brand-logo img{/*width: auto; max-width: 100%; max-height: 100%; height: auto; vertical-align: middle*/ position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; max-width: 100%; max-height: 100%;}
.brand-item .brand-thumbnail{width: 100%; /*max-width: 336px;*/ height: auto; max-height: 336px; overflow: hidden; }
.brand-item .brand-thumbnail img{width: auto; max-width: 100%; max-height: 100%; height: auto; transition: all .2s ease-in-out; width: 100%;}
.brand-item:hover .brand-thumbnail img{transform: scale(1.1);}
.brand-item .brand-button{text-align: center; position: relative; bottom: 14px;}
.brand-item .brand-button a{background: #000; font-size: 16px; color: #fff; padding: 10px 50px; border:1px solid #000;/*transition: 0s;*/}
.brand-item .brand-button a:hover{color: #000; background: #fff; border:1px solid #000;}
.brand-item .brand-button a:hover{color: #fff; background: #6b1c65; border:1px solid #6b1c65;}

.brand-main-container{margin: 0 auto; width: 100%; max-width: 1800px;}
.brand-container{margin: 45px auto 0px auto; width: 100%; }
.brand-container ul{list-style: none; padding-left: 0px; /*text-align: center;*/}


/* login */
.side-nav{width: 245px;}
.side-nav h3{font-weight: bold; font-size: 18px; color: #000; margin-bottom: 10px;}
.side-nav ul{margin-left: 10px;}
.side-nav ul li{margin-bottom: 10px;}
.side-nav ul li a{font-size: 14px; color: #000; }
.side-nav ul li a:hover, .side-nav ul li a.selected{color: #6b1c65;}

.existing-member{width: 315px; font-size: 14px; color: #000; margin-right: 55px;}
.existing-member h2{font-size: 18px; font-weight: bold; color: #000; margin-bottom: 15px;}
.existing-member .table-tr{margin-bottom: 15px;}
.existing-member .table-tr > div:nth-of-type(1){width: 95px; font-size: 16px; color: #000;}
.existing-member .table-tr > div:nth-of-type(2){width: calc(100% - 100px);}
.existing-member .table-tr > div:nth-of-type(2) input{width: 100%; height: 25px;}
.forgotPassword{clear: both; margin-top: 15px;}
.forgotPassword a{color: #6b1c65; font-size: 14px; text-decoration: underline;}

.new-member{width: calc(100% - 370px);}
.new-member h2{font-size: 18px; font-weight: bold; color: #000; margin-bottom: 15px;}
.new-member p{font-size: 16px; color: #000; line-height: 30px;}
.new-member p a{color: #6b1c65; text-decoration: underline;}


/* register */
.fillInfo{font-size: 16px; color: #000; margin-bottom: 15px;}
.register-form .form{width: 49%;}
.register-form select{/*height: 25px;*/ height: 31px; width: 50px;}
.register-form input{/*height: 19px;*/ height: 25px;}
.register-form .fLeft .table-tr{margin-bottom: 15px;}
.register-form .fLeft:first-child{margin-right: 15px;}
.register-form .fLeft:first-child .table-tr > div:nth-of-type(1){width: 150px; font-size: 16px; color: #000;}
.register-form .fLeft:first-child .table-tr > div:nth-of-type(2){width: calc(100% - 150px);}
.register-form .fLeft:first-child .table-tr > div:nth-of-type(2) select{margin-right: 5px;}
.register-form .fLeft:first-child .table-tr > div:nth-of-type(2) input{width: calc(100% - 6px);}
.register-form .fLeft:first-child .table-tr > div:nth-of-type(2).hasSelect input{width: calc(100% - 66px)}
.register-form .fLeft:first-child .table-tr > div:nth-of-type(2) input.has-placeholder{padding-left: 5px; width: 96.5%}

.register-form .fLeft:last-child .table-tr > div:nth-of-type(1){width: 78px; font-size: 16px; color: #000;}
.register-form .fLeft:last-child .table-tr > div:nth-of-type(2){width: calc(100% - 78px)}
.register-form .fLeft:last-child .table-tr > div:nth-of-type(2) select{/*height:25px;*/ height: 31px; padding-left:5px; margin-right: 10px; width: 48%;}
.register-form .fLeft:last-child .table-tr > div:nth-of-type(2) select:last-child{margin-right: 0px;}
.register-form .fLeft:last-child .table-tr > div:nth-of-type(2) input.has-placeholder{padding-left: 5px; width: 96.5%}

.register-checkbox{clear: both; font-size: 16px; color: #000; }
.register-checkbox input{height: initial;}
.register-button{clear: both; margin-top: 15px;}

/* sms-activation */
.sms-container{width: 670px;}
.sms-container .table-tr > div:nth-of-type(1){width: 125px;font-size: 16px; color: #000;}
.sms-container .table-tr > div:nth-of-type(2){width: calc(100% - 130px)}
.sms-container .table-tr > div:nth-of-type(2) input{width: 100%; height: 19px;}
.sms-button{clear: both; padding-top: 15px;}
.sms-button a:first-child{margin-left: 10px;}


/* footerPage */
.footer-page-content{margin-bottom: 50px;}

/* contact */
.contact-form{width: 50%;}
.contact-form p{font-size: 16px; color: #000; margin-bottom: 20px;}
.contact-form .table-tr{margin-bottom: 15px;}
.contact-form .table-tr > div:nth-of-type(1){width: 150px; font-size: 16px; color: #000;}
.contact-form .table-tr > div:nth-of-type(2){width: calc(100% - 155px)}
.contact-form .table-tr > div:nth-of-type(2) input{width: 100%; height: 25px;}
.contact-form .table-tr > div:nth-of-type(2) textarea{width: 100%; height: 130px;}
.contact-send{margin-top: 5px; text-align: right;}

.contact-detail{width: 37%}
.contact-detail .table-tr{margin-bottom: 20px;}
.contact-detail .table-tr > div:nth-of-type(1){width: 140px; font-size: 16px; color: #000; font-weight: bold;}
.contact-detail .table-tr > div:nth-of-type(1) img{margin-right: 10px;}
.contact-detail .table-tr > div:nth-of-type(2) p{font-size: 16px; color: #000;}

/* change Password */
.change-password-container{width: 53%;}
.change-password-content p{margin-bottom: 15px; font-size: 16px; color: #000;}
.change-password-container .table-tr{margin-bottom: 15px;}
.change-password-container .table-tr > div:nth-of-type(1){width: 185px; font-size: 16px; color: #000;}
.change-password-container .table-tr > div:nth-of-type(2){width: calc(100% - 200px);}
.change-password-container .table-tr > div:nth-of-type(2) input{height: 25px; width: 100%; padding-left: 10px}

/* address-book*/
.address-book{width: 48%;}
.address-book:first-child{margin-right: 38px;}

.address-book-item{margin-bottom: 25px;}
.address-book-item .table-tr{margin-bottom: 15px;}
.address-book-item .table-tr > div:nth-of-type(1){width: 90px; font-size: 16px; color: #000;}
.address-book-item .table-tr > div:nth-of-type(2){width: calc(100% - 90px);}
.address-book-item .table-tr > div:nth-of-type(2) input{height: 19px; width: 99%;}
.address-book-item .table-tr > div:nth-of-type(2) input.hasPlaceHolder{padding-left: 10px; width: 96%}
.address-book-item .table-tr > div:nth-of-type(2) select{padding-left: 10px; height: 25px; width: 48%;}
.address-book-item .table-tr > div:nth-of-type(2) select:first-child{margin-right: 10px;}
.address-book-item .table-tr > div:nth-of-type(2).hasSelect select{margin-right: 5px; width: 60px}
.address-book-item .table-tr > div:nth-of-type(2).hasSelect input{width: calc(100% - 74px);}

.update-address{clear: both; text-align: right; margin-bottom: 30px;}

/* location */
#map{width: 100%; height: 540px; margin-bottom: 60px;}
.infoBox .img{width: 123px; height: 123px; float: left; background: #fff; position: relative;}
.infoBox .img img{max-height: 100px; max-width: 100px; width: auto; height: auto; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;}
.infoBox p{float: left; font-size: 16px; color: #fff; line-height: 25px; margin-left: 10px; width: 280px}
.gm-svpc{display: none;}

.zoomControl{position: absolute;right: -17px; z-index: 9; margin-top: 437px;}
#zoomin, #zoomout{cursor: pointer;}

.fancybox-type-iframe .fancybox-close{top: -20px !important; right: -20px !important;}


/* wish List */
.wish-list{width: 100%; margin-bottom: 30px;}
.wish-list thead{font-size: 18px; font-weight: bold; border-bottom: 1px solid #000;}
.wish-list thead td{padding-bottom: 10px; text-align: left;}
.wish-list tbody td{vertical-align: middle;}
.wish-list tbody td:first-child{padding: 20px 0px;}
.wish-list td .thumbnail{width: 80px; height: 80px; text-align: center; position: relative;}
.wish-list td .thumbnail img{max-width: 100%; max-height: 100%; width: auto; height: auto; position: absolute; top:0px; left: 0px; right: 0px; bottom: 0px; margin: auto;}
.wish-list td .detail{margin-left: 10px; text-align: left; max-width: 250px;}
.wish-list td .detail p.title{font-size: 16px; font-weight: bold; color: #000;}
.wish-list td .detail p.size{font-size: 16px; color: #4b4b4b; margin-bottom: 5px;}
.wish-list td .detail p.code span{font-weight: bold;}
.wish-list td .detail p.code{font-size: 14px; color: #000; }
.wish-list td .price{font-size: 16px;}
.wish-list td .sPrice{color: #a8a8a8; font-size: 14px; text-decoration: line-through;}
.wish-list td .option .option-del{margin-left: 100px;}


/* cart login */
.shopping-cart-nav{margin: 35px 0px;}
.shopping-cart-nav a{font-size: 24px; color: #787878}
.shopping-cart-nav a:hover, .shopping-cart-nav a.selected{color: #6b1c65}
.shopping-cart-nav img{margin: 0px 63px;}
.create-ac{clear: both; width: 100%; margin-bottom: 20px;}
.create-ac .btn{width: 185px;}
.create-ac p{margin-top: 3px; float: left;}
.check-out-guest{clear: both; width: 100%;}
.check-out-guest .btn{width: 185px;}
.check-out-guest p{margin-top: 3px; float: left; margin-bottom: 20px;}


/* cart */
.cart-list tbody{border-bottom: 1px solid #000;}
.cart-list thead td{text-align: center;}
.cart-list thead td:first-child{text-align: left;}
.cart-list input{width: 40px; height: 35px; text-align: center;}
.cart-list td:nth-child(1){width: 30%;}
.cart-list td:nth-child(2){width: 30%;}
.cart-list td:nth-child(3){width: 10%;}
.cart-list td:nth-child(4){width: 30%;}
.cart-list td:nth-child(5){width: 10%; padding-right: 30px;}
.cart-list tfoot td{padding-top: 30px; font-size: 18px; color: #000;}
.cart-list tfoot td span{font-weight: bold;}
.cart-button{margin-bottom: 65px; clear: both;}

/* shipping */
.shipping-info{margin-bottom: 25px;}
.finish-info{width: 50%;}
.finish-info.cart-button{width: 100%; padding-top: 20px; border-top:1px solid #000;}
.shipping-info h2{font-weight: bold; font-size: 18px; color: #000; margin-bottom: 15px;}
.shipping-info .fillInfo{font-size: 16px; color: #000; margin-bottom: 15px;}
.billing-info .table-tr{margin-bottom: 15px;}
.billing-info .table-tr > div:nth-of-type(2) input{height: 19px;}
.billing-info .table-tr > div:nth-of-type(2) select{height: 25px; padding-left: 10px;}
.billing-info .table-tr > div:nth-of-type(1){width: 145px; font-size: 16px; color: #000; font-weight: bold;}
.billing-info .table-tr > div:nth-of-type(2){width: calc(100% - 145px);}
.billing-info .table-tr:nth-of-type(1) > div:nth-of-type(2) select, .billing-info .table-tr:nth-of-type(2) > div:nth-of-type(2) select{width: 60px; margin-right: 12px;}
.billing-info .table-tr:nth-of-type(1) > div:nth-of-type(2) input, .billing-info .table-tr:nth-of-type(2) > div:nth-of-type(2) input{width: 395px;}
.billing-info .select-address{margin-left: 25px;}
.billing-info .table-tr:nth-of-type(3) > div:nth-of-type(2) input{width: 470px;}
.billing-info .table-tr:nth-of-type(4) > div:nth-of-type(2) input, .billing-info .table-tr:nth-of-type(5) > div:nth-of-type(2) input{width: 461px; padding-left: 10px;}
.billing-info .table-tr:nth-of-type(6) > div:nth-of-type(2) select{width: 175px;}
.billing-info .table-tr:nth-of-type(6) > div:nth-of-type(2) select:first-child{margin-right: 15px;}
.billing-info .table-tr:nth-of-type(7) > div:nth-of-type(2) textarea{width: 470px; height: 115px;}
.billing-info .table-tr:nth-of-type(8) > div:nth-of-type(2) input{width: 470px;}

.shipping-method-item{width: 30%; margin-right: 57px; margin-bottom: 20px;}
.shipping-method-item:nth-of-type(3n){margin-right: 0px;}
.shipping-method-item .table-tr > div:nth-of-type(1){width: 27px;}
.shipping-method-item .table-tr > div:nth-of-type(2){width: calc(100% - 27px);}
.shipping-method-item .table-tr > div:nth-of-type(2) p.shipping-title{font-size: 16px; font-weight: bold; color: #000;}
.shipping-method-item .table-tr > div:nth-of-type(2) p.shipping-desc{font-size: 14px; color: #000}


.payment-method{border-bottom: 1px solid #000; padding-bottom: 20px;}
.finish-info.payment-method{border-bottom: 0px;}
.online-payment, .offline-payment{width: 50%; margin-bottom: 20px;}
.online-payment .payment-method-item{width: 50%;}
.offline-payment .payment-method-item{width: 60%}
.payment-method-item .table-tr > div:nth-of-type(1){width: 27px;}
.payment-method-item .table-tr > div:nth-of-type(2){width: calc(100% - 27px);}
.payment-method-item .table-tr > div:nth-of-type(2) p.payment-title{font-size: 16px; font-weight: bold; color: #000;}
.payment-method-item .table-tr > div:nth-of-type(2) p.payment-desc{font-size: 14px; color: #000}

.ecoupon-grand-total{border-bottom: 1px solid #000; padding-bottom: 20px;}

.ecoupon-container{width: 50%;}
.ecoupon-container .ecoupon-title{font-size: 18px; font-weight: bold; color: #000; margin-bottom: 15px;}
.ecoupon-container .table-tr > div:nth-of-type(1){width: 120px;}
.ecoupon-container .table-tr > div:nth-of-type(2){width: calc(100% - 120px); max-width: 440px;}
.ecoupon-container .table-tr > div:nth-of-type(2) input{width: 99%; height: 19px;}
.ecoupon{margin-top: 10px;}
#eCouponCode{font-size: 14px; color: #000; margin-right: 10px;}
#eCouponCode span{color: red;}
.ecoupon-code a{vertical-align: middle;}
.btn_style2{padding: 3px 50px;}

.grand-total td{text-align: left; font-size: 14px; font-weight: bold; color: #000;}
.grand-total tr td:first-child{padding-right: 10px;}
.grand-total td span{font-weight: initial;}
.grand-total td span.red{color: red}
.grand-total tr:last-child td{padding-bottom: 10px;}
.grand-total tbody{border-bottom: 1px solid #000;}
.grand-total tfoot td{padding-top: 10px; font-size: 16px;}

.shipping-button{margin-top: 10px; margin-bottom: 50px;}

#select-address-info{width: 970px; min-height: 300px; background: #fff; padding: 65px 40px;}
.selectAddress{width: 30%; margin-right: 48px;}
.selectAddress:last-child{margin-right: 0px;}
.selectAddress p{font-size: 16px;}
.selectAddress .address-title{font-size: 16px; font-weight: bold; color: #000; margin-bottom: 10px;}

.mobile-select-address {display: none;}


/* confirm */
.confirm-list td:nth-child(1){width: 35%;}
.confirm-list td:nth-child(2){width: 30%;}
.confirm-list td:nth-child(3){width: 10%;}
.confirm-list td:nth-child(4){width: 25%;}

.confirm-list tfoot td{padding-top: 20px;}

.grand-total-table .grand-total td{vertical-align: middle !important; padding: 0px !important; font-size: 14px; width: auto; padding-bottom: 5px !important;}
.grand-total-table .grand-total td:first-child{padding-right: 10px !important;}
.grand-total-table .grand-total tbody tr:last-child td{padding-bottom: 10px !important;}
.grand-total-table .grand-total tfoot tr td{padding-top: 10px !important; font-size: 16px;}

.confirm-list-info{font-size: 16px; color: #000; width: 100%;}

.confirm-list-info .shipping-method-item{width: 100%;}
.confirm-list-info .shipping-method-item .table-tr > div:nth-of-type(1){width: 0px;}

.confirm-list-info .payment-method-item{width: 100%;}
.confirm-list-info .payment-method-item .table-tr > div:nth-of-type(1){width: 0px;}

/* finish */
.invoice{font-size: 16px; color: #000; margin-bottom: 30px;}
.invoice-button-container{margin-bottom: 25px;}
.invoice .table-tr{margin-bottom: 10px;}
.invoice .table-tr > div:nth-of-type(1){width: 150px; font-weight: bold;}
.invoice .table-tr > div:nth-of-type(2){width: calc(100% - 150px);}
.finish-table-slide{clear: both;}
.invoice_button_mobile{display: none;}


/* mobile */
.mobileIcon {display:none; position:relative; top:10px; height:36px; width:36px; background-color:#fff;  padding:8px; border:2px solid #fff; border-radius:5px; z-index:999}
.mobileIcon span {margin:0 auto; display:block; width:17px; height:2px; background-color:#6b1c65; margin-bottom:5px; transition:0.5s; -webkit-transition:0.5s}
.mobileIcon span:nth-last-of-type(1) {margin-bottom:0}
.mobileIcon.opened {padding:3px 8px}
.mobileIcon.opened span:nth-of-type(1) {transform: translate(0px, 13px) rotate(-45deg) scalex(1.3); -webkit-transform: translate(0px, 13px) rotate(-45deg) scalex(1.3); margin-bottom:0}
.mobileIcon.opened span:nth-of-type(2) {display:none}
.mobileIcon.opened span:nth-last-of-type(1) {-webkit-transform: translate(0px, 11px) rotate(45deg) scalex(1.3)}

.sb-slidebar {background-color:#252525 !important}

.product-submenu{display: none; position: absolute; z-index: 10; background: #fff; text-align: center; padding: 0 18px; /*box-shadow: 1px -1px 1px 1px #e6e6e6*/ border: solid 1px #e6e6e6;}
.nav-top ul li .product-submenu li{display: block; margin-right: 0; padding: 15px 56px; border-bottom: solid 1px #e6e6e6;}
.nav-top ul li .product-submenu li:last-child{border-bottom: 0;}

.gmnoprint{display: none;}

header .mainLogo{margin-top: 15px; transition: 0.5s}
header.fixed .mainLogo{margin-top: 0px;}
header .mainLogo img{height: 70px;}
#header {height: 215px;}

.shop-address{margin-bottom: 40px;}
.shop-address h3{font-size: 20px; line-height: 25px; font-weight: bold; margin-bottom: 5px;}
.shop-item {margin-bottom: 10px;}
.shop-item p{font-size: 16px; line-height: 25px;}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {
    	border: 1px solid #a8a8a8;
    	font-size:10px;
        /*-webkit-appearance: menulist-button !important;*/
        /*line-height:24px !important;*/
    }
}
.link-container{margin-top: 10px;}