.progress-box { display: flex; align-items: center; justify-content: center; padding-bottom: 30px; margin: 30px 0; } .progress-box .progress-item { position: relative; } .progress-box .progress-item .progress-sort { width: 36px; height: 36px; line-height: 31px; text-align: center; border-radius: 50%; border: 3px solid #000; background: #d2d2d2; color: #676767; font-size: 16px; } .progress-box .progress-item span { white-space: nowrap; position: absolute; bottom: -45px; left: 50%; transform: translateX(-50%); color: #000; font-size: 16px; } .progress-box .progress-item.active .progress-sort { background: #000; color: #fff; } .progress-box .progress-rtion { width: 160px; height: 14px; background: #d2d2d2; } .progress-box .progress-rtion.active { background: #000; } .pro-content { display: flex; align-items: center; } .pro-content .remove-cart button { background: #be4c2f !important; color: #fff; background: #be4c2f; border: 0 !important; } .pro-content .pro-image, .pro-content .pro-name { margin-right: 20px; display: inline-block; margin-right: 20px; display: inline-block; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; white-space: normal; } #loginPage { max-width: 875px; box-shadow: inherit; border: 0; } body { margin: 0 !important; } .login-hare { display: flex; align-items: flex-end; justify-content: space-between; border-bottom: 1px solid #c6c6c6; padding-bottom: 20px; } .login-hare h1 { color: #000; margin: 0; } .login-hare a { color: #515151; } .login-hare a img { width: 20px; } #xlogin .group { display: flex; flex-wrap: wrap; flex-direction: column-reverse; } #xlogin .group label { position: initial; padding: 0; color: #333; font-size: 14px; font-weight: 100; } #xlogin input:not([type="checkbox"]) { height: 46px; border-radius: 46px; background: #f7f7f7; padding: 0 15px 4px; } #xlogin input[type="submit"] { /*background: #f32929;*/ background: #be4c2f; width: 50%; margin: 0 auto; text-transform: capitalize; } #xlogin input[type="submit"]:hover { background: #f65959; } #xlogin .checkocweb .checkmark { background: #fff; border: 2px solid #333; } #xlogin .checkocweb input:checked ~ .checkmark:after { display: block; } #xlogin .checkocweb .checkmark:after { left: 5px; top: 2px; width: 6px; height: 10px; border: solid #333; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); display: none; } #xcart .xcollapsable { font-size: 16px; font-weight: 400; } #xcart .xcollapsable span { font-size: 16px; } #xcart .editcart.xremove { color: #333; border: 0; } #xcart .media-left a, #xcart .media-left span { width: 50px; padding: 0 !important; } #xcart .media-left a img, #xcart .media-left span img { min-width: 100%; height: 100%; object-fit: cover; padding: 5px 0 !important; } #totals .panel-green1 .table > tbody > tr td { color: #656565; } #totals .panel-green1 .table > tbody > tr:last-child > td { color: #333; } #editAdress { height: 44px !important; border-radius: initial !important; } .progress-bar-success, .progress-continue-disabled { height: 44px !important; border-radius: initial !important; background: #be4c2f !important; } .progress-bar { background: #be4c2f !important; opacity: 2 !important; } .progress-bar span { color: #fff !important; } a.agree, .editAddress { color: #333 !important; font-size: 14px; font-weight: 100 !important; } .editAddress, .pointer { color: #cb6969; position: relative; top: 2px; } .panel-address, .container_panel { border: 0 !important; box-shadow: initial !important; } .panel-address .panel-address-heading, .container_panel .panel-address-heading, .panel-address .heading, .container_panel .heading { background: transparent !important; padding: 0 !important; margin-bottom: 20px; border: 0 !important; } .panel-address th, .container_panel th, .panel-address p, .container_panel p { font-size: 14px; } .panel-address td, .container_panel td { padding: 30px 10px; } .panel-address td br, .container_panel td br { display: none; } .panel-address .panel-address-heading span, .container_panel .panel-address-heading span, .panel-address .heading, .container_panel .heading { font-size: 20px !important; font-weight: 700 !important; color: #333 !important; } .panel-address .address-label, .container_panel .address-label { border: 0 !important; } .panel-address .address-label .address-string, .container_panel .address-label .address-string { color: #333; } .panel-address .shipping-table, .container_panel .shipping-table { height: initial !important; overflow-y: inherit !important; } .panel-address .text-justified, .container_panel .text-justified { border: 0 !important; } .panel-address .text-justified .address-list, .container_panel .text-justified .address-list { max-height: initial !important; overflow-y: inherit !important; overflow: hidden; } .searchable-select{ min-width: 100%; width: 60%; margin-left: 21px; z-index: 100000; } .searchable-select-holder{ padding: 7px 25px 7px 10px !important; word-break: break-all; } .searchable-select-dropdown{ top: initial !important; } .panel-address .text-justified .address-list small a, .container_panel .text-justified .address-list small a { font-size: 18px; color: #333; } .panel-address .text-justified .address-list small a i, .container_panel .text-justified .address-list small a i { margin-left: 10px; } #agreeText .checkbox, #agreeText .radio { padding-left: 0; } .m-on-cart, .language-m { display: none; } .m-off-cart, .language-pc { display: block; } #regular-field-fax { display: none !important; } #step_payment_panel > .container p, #step_payment_panel > .container span, #step_payment_panel > .container a { color: #333; } #step_payment_panel > .container p { font-size: 14px; } #step_payment_panel > .container .buttons > div { float: initial !important; margin: 0 auto 20px; } #step_payment_panel > .container .heading-panel { padding: 0 15px !important; height: 85px; line-height: 85px; } #step_payment_panel > .container .heading-panel label { font-size: 18px !important; color: #dbbb7e; font-family: "PRATA-REGULAR"; font-weight: 500; } #step_payment_panel > .container a.heading-panel::before { top: 46% !important; transform: translateY(-50%); } .pay-img img { max-height: 50px; } .cart-dark-backdrop { position: fixed !important; width: 100vw; height: 100vh; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); z-index: 1000000; display: none; } .cart-dark-backdrop.in { display: block; } .cart-right-wrapper { position: fixed !important; height: 100vh; width: 400px; right: -1000px; top: 0; z-index: 1000001; background: #fff; transition: all 0.4s ease; -moz-transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; } .cart-right-wrapper .cart-header { display: flex; justify-content: space-between; align-items: center; padding: 10px 20px; border-bottom: 1px solid #d2d2d2; } .cart-right-wrapper .cart-header .cart-closed img { height: 26px; } .cart-right-wrapper .cart-header .cart-closed img:hover { cursor: pointer; } .cart-right-wrapper .cart-header .cart-title { font-weight: bold; color: #000; margin: 0; } .cart-right-wrapper .cart-header .cart-number { color: #000; } .cart-right-wrapper ul { padding: 0; } .cart-right-wrapper ul li { padding: 0 20px; list-style: none; } .cart-right-wrapper ul li .img-thumbnail { padding: 0; border: 0; /*background: #ddd;*/ } .cart-right-wrapper ul li .table { margin-bottom: 0; } .cart-right-wrapper ul li .table tr { background: transparent; } .cart-right-wrapper ul li .table tr th, .cart-right-wrapper ul li .table tr td { position: relative; border: 0; border-bottom: 1px solid #ddd; padding: 20px 0; } .cart-right-wrapper ul li .table tr th a, .cart-right-wrapper ul li .table tr td a { font-weight: bold; } .cart-right-wrapper ul li .table tr th a, .cart-right-wrapper ul li .table tr td a, .cart-right-wrapper ul li .table tr th span, .cart-right-wrapper ul li .table tr td span, .cart-right-wrapper ul li .table tr th small, .cart-right-wrapper ul li .table tr td small { font-size: 16px; color: #333; } .cart-right-wrapper ul li .table tr th .price, .cart-right-wrapper ul li .table tr td .price { margin-top: 10px; color: #333; font-size: 16px; } /*123*/ .cart-right-wrapper ul li .table tr th button, .cart-right-wrapper ul li .table tr td button { position: absolute; right: 0; top: 10px; border: 0; background: transparent; font-size: 18px; color: #333; } .cart-right-wrapper ul li .table tr:last-child th, .cart-right-wrapper ul li .table tr:last-child td { border: 0; } .cart-right-wrapper ul li .table-bordered { margin-bottom: 10px; border: 0; border-bottom: 1px solid #ddd; } .cart-right-wrapper ul li .table-bordered tr, .cart-right-wrapper ul li .table-bordered td, .cart-right-wrapper ul li .table-bordered th { border: 0 !important; } .cart-right-wrapper ul li .table-bordered tr td, .cart-right-wrapper ul li .table-bordered tr th { padding: 5px 0 !important; font-size: 16px; } .cart-right-wrapper ul li .table-bordered tr td:first-child { font-weight: bold; color: #666; } .cart-right-wrapper ul li .table-bordered tr td:last-child { color: #333; } .cart-right-wrapper ul li .table-bordered tr:last-child td, .cart-right-wrapper ul li .table-bordered tr:last-child th { padding-bottom: 20px !important; font-size: 18px; } .cart-right-wrapper ul .products { max-height: 50vh; overflow: hidden; overflow-y: scroll; margin-bottom: 10px; border-bottom: 1px solid #ddd; } .cart-right-wrapper ul .products::-webkit-scrollbar { display: none; } .free-box { padding: 5px 20px !important; margin: 0 0 10px; background: #f5f5f5; } .free-box h3 { margin: 0 0 10px; } .free-box .prog-bar { width: 100%; background: #f7f5f2; box-shadow: 0 0 10px #ccc inset; height: 14px; border-radius: 5px; padding: 3px; } .free-box .prog-bar span { display: block; height: 100%; background: #f32929; border-radius: 5px; box-shadow: 0 0 10px #ccc; } .free-box p { font-size: 16px; margin-top: 10px; } .button-a { display: block; background: #000; text-align: center; padding: 10px 0; font-size: 14px; font-weight: bold; color: #fff; margin-bottom: 15px; transition: all 0.5s; border: 2px solid transparent; } .button-a:hover { background: #fff; border-color: #000; color: #000; } .cart-open { right: 0; } #form-language { display: inline-block; float: left; margin-top: 8px; } #form-language a { position: relative; font-size: 14px; padding: 0 10px; } #form-language a:first-child { padding-left: 0; } #form-language a:first-child:after { display: table; content: " "; position: absolute; right: 0; top: 0; width: 2px; height: 100%; background: #010101; } #form-language a:hover { color: #010101; } @media (min-width: 768px) { #member-modal .modal-dialog { width: 570px; } } /*@media (min-width: 1025px) { .panel-address td { padding-top: 10px !important; padding-bottom: 60px !important; } }*/ #member-modal .modal-body { padding: 20px 50px 50px !important; } #member-modal .modal-body .modal-logo { display: block; margin: 0 auto; width: 40%; } #member-modal .modal-body .modal-title { display: table; padding-bottom: 10px; border-bottom: 1px solid #000; font-size: 24px; margin: 0 auto; } #member-modal .modal-body .form-control { padding-left: 10px; border: 0; border-bottom: 1px solid #eaeaea; font-size: 16px; color: #000; font-family: "JosefinSans-Light", "Microsoft JhengHei"; } #member-modal .modal-body .btnocweb { height: 45px; background-color: #000; padding: 0; margin-top: 30px; } #member-modal .modal-body .popup-close { opacity: 0; } #member-modal .modal-body .modal-footer { justify-content: center; font-size: 16px; margin-top: 15px; } #member-modal .modal-body .modal-footer a { font-size: 16px; margin-left: 5px; } /*.pull-right { min-width: 90px; }*/ .pull-right a { width: 100%; } @media (max-width: 768px) { .pay-img img { max-height: 30px; } .m-on-cart, .language-m { display: block; } .m-off-cart, .language-pc { display: none !important; } .cart-well .pull-right { width: 100%; margin-top: 20px; } .cart-well .pull-right > a { width: 100%; } .checkout-cart { background: #fff; } .checkout-cart .cart-well { padding: 0 !important; background: transparent !important; } .checkout-cart .cart-well .m-cart .cart-box .cart-item { display: flex; justify-content: space-between; overflow: hidden; padding: 15px 10px 5px; border-radius: 15px; background: #fff; margin-bottom: 15px; } .checkout-cart .cart-well .m-cart .cart-box .cart-item img { width: 60px; } .cart-price { margin: auto; text-align: center; } .checkout-cart .cart-well .m-cart .cart-box .cart-item .cart-price { width: 100%; } .checkout-cart .cart-well .m-cart .cart-box .cart-item .pro-content { margin-top: 5px; margin-left: 5px; } .checkout-cart .cart-well .pull-left { width: 100%; } .checkout-cart .cart-well .pull-right { width: 100%; } .checkout-cart .cart-well #button-coupon { width: 50%; } #step_payment_panel > .container .heading-panel label { font-size: 14px !important; } }