:root{--primiry-bg-hover: #cd4d08}:root{--primiry-bg: #ec651c}.pl-10{padding-left:10px}.pl-20{padding-left:20px}.mb-5{margin-bottom:5px}.btn-remove{color:#4596ca;font-size:13px}.btn-remove:hover{color:#23527c;text-decoration:underline}.layout{color:#4e4e4e;margin:0 auto 30px;position:relative}.layout main{float:left;padding-top:5px}.layout main.fixed{position:fixed;top:0}.layout aside{z-index:100;float:right}.layout aside.fixed{position:fixed;top:0}.layout aside b{font-weight:500}.order-total{background-color:#ededed;float:right}.order-total__head{background:#ededed;padding:0 15px 5px}.order-total__head h2{font-size:18px;font-weight:600;padding:8px 0;margin:0;line-height:22px}.order-total__head .order-image{background:#fff;padding:15px}.order-total__head .order-image img{width:150px;height:150px;border:none;float:left}.order-total__head .order-image .order-head-title{width:150px;float:right;font-weight:400;font-size:18px}.order-total__head .order-image .order-head-title b{font-size:13px;display:block;margin-top:15px}.order-total__body{background-color:#ededed;position:relative;padding:15px 15px 0;margin-bottom:15px;width:380px}.order-total__body.fixed{position:fixed;top:0}.order-total__body .card{margin-bottom:20px}.order-total__body .card .card-hd h3{margin:0;font-size:15px;line-height:28px;height:28px;font-weight:700;padding-left:15px}.order-total__body .card .card-bd{line-height:22px;background:#fff;font-size:13px;color:#4e4e4e;padding:12px 15px}.order-total__body .gap-line{padding:5px 0;background:#fff}.order-total__body table{border-collapse:collapse;width:100%}.order-total__body .tr-total{height:30px;line-height:30px;border-top:1px solid #ccc}.order-total__body .th-price{text-align:right;font-size:14px}.order-total__body .th-qty,.order-total__body .td-imprint{font-size:13px;height:22px;line-height:22px}.order-total__body .th-qty{text-align:right}.order-total__body .td-imprint{text-align:center}.order-total__body .td-subtotal{text-align:right;font-size:15px}.order-total__body .td-color{width:65%}.order-total__body .td-color-item{margin:5px 0;height:auto;position:relative}.order-total__body .td-color-item label,.order-total__body .td-color-item div{display:inline-block;height:auto;vertical-align:middle}.order-total__body .td-color-item label{margin:0;padding-right:6px;color:#999;font-weight:500;font-size:12px}.order-total__body .td-color-item b{vertical-align:middle;padding-left:5px}.order-total__body .td-color-item em{font-style:normal}.order-total__body .td-color-item .color-thumb{width:20px;height:20px;display:inline-block;vertical-align:middle;background-size:cover!important}.order-total__body .td-qty,.order-total__body .td-price{text-align:right}.order-total__body .td-price.add-on-price{padding:5px 0 0;vertical-align:top}.order-total__body .productiom-time p{margin-bottom:0}.order-total__body .productiom-time td{color:#246cb6}.order-total .summary-scroll{overflow-y:scroll;scrollbar-width:thin}.order-total .decoration-options-table{padding-bottom:6px}.order-total .decoration-options-table td:first-child{width:60%}.order-total .decoration-options-table .method-name{font-size:12px;color:#4e4e4e;font-weight:700}.order-total__subtotal{padding-top:20px}.order-total__subtotal .subtotal{font-size:13px;float:right}.order-total__subtotal .subtotal label{display:block;float:left;font-weight:500;margin-right:30px}.order-total__subtotal .subtotal span{display:block;float:right}.order-total__subtotal .subtotal .stress{color:red}.order-total__subtotal .all-total{font-size:18px}.order-total__subtotal .all-total label{font-weight:600}.order-total .total-footer{margin:19px 0 12px;display:flex;flex-direction:row;justify-content:flex-end;padding:0 0 15px}.order-total .total-footer .total-footer-left{flex:1;margin-right:12px;position:relative}.order-total .total-footer .total-footer-left .total-loading{padding-top:6px;position:absolute;z-index:1;background:#ededed;width:100%;text-align:right}.order-total .total-footer button{padding:.78em 1.5em;font-size:18px;height:46px;margin-bottom:0;width:auto;line-height:18px}.order-total .total-footer .ap-btn-rgt-arw{width:0;height:0;font-size:0;border:9px solid transparent;border-left-color:#fff;border-left-width:18px;border-right-width:0;margin-left:10px;vertical-align:top}.order-total .total-footer .ap-btn:disabled .ap-btn-rgt-arw{border-left-color:#d3d3d3}.page-title{font-size:22px;line-height:1.1;margin:10px 0 20px;color:#036}.icon-checkbox{width:24px;height:24px;background-color:#fff;border:solid 1px #ddd;border-radius:.1rem;font-size:16px;margin:0;padding:0;position:relative;display:inline-block;vertical-align:top;outline:none;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color ease .1s}.icon-checkbox--checked:after{content:"";width:10px;height:6px;position:absolute;top:50%;left:50%;margin-left:-5px;margin-top:-4px;background:transparent;border:2px solid #03a9f4;border-top:none;border-right:none;z-index:2;-webkit-border-radius:0;border-radius:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.icon-checkbox--disabled:after{border-color:#ccc}.table{display:table}.table-tr{display:table-row}.table-th,.table-td{display:table-cell;vertical-align:middle;padding:10px}.table.border{border-left:1px solid #ccc;border-top:1px solid #ccc}.table.border>.table-tr>.table-th,.table.border>.table-tr>.table-td{display:table-cell;vertical-align:middle;border-right:1px solid #ccc;border-bottom:1px solid #ccc;padding:10px}.a-step-transition{transition:height .3s ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.a-step-transition-leave-active,.a-step-transition-enter-active{transition:.3s max-height ease-in-out,.3s padding-top ease-in-out,.3s padding-bottom ease-in-out}.btn-select{margin:5px 10px 5px 0;display:inline-block;border:1px #ccc solid;padding:5px 10px;font-size:13px;background:#fff;border-radius:3px;cursor:pointer;outline:0 none!important}.btn-select.is-active,.btn-select.is-active:hover{border:1px #eda88e solid;background-color:#fff3ea;color:#4e4e4e}.btn-select.is-selected,.btn-select.is-selected:hover{border:1px dashed #ccc;color:#ccc;cursor:not-allowed}.btn-select.is-selected:focus{box-shadow:none}.btn-select.is-disabled,.btn-select.is-disabled:hover{border:1px dashed #ccc;color:#ccc;cursor:not-allowed}.btn-select.is-disabled:focus{box-shadow:none}.btn-lg{margin:10px 3px 10px 0;padding:10px 15px}.error-label{color:red;margin-top:0;margin-bottom:5px;padding-left:18px;font-size:14px}.easy-copy{height:32px;line-height:32px;background:#fff2cc;margin-bottom:3px;padding-left:10px}.easy-copy .previous-spec-image{display:flex;align-items:center;margin-left:5px}.easy-copy .previous-spec-image img{height:30px;width:30px}.step{display:inline-block;padding-right:5px}.error-block{border:1px solid transparent}.error-block.is-error{border-color:#c40000}.surprise-box .surprise-hd{text-align:center;position:relative}.surprise-box .surprise-hd .title{font-size:13px;font-weight:700}.surprise-box .surprise-hd .title:before,.surprise-box .surprise-hd .title:after{position:absolute;top:50%;border-top:1px dashed #c5c3c4;content:"";height:1px;width:37.5%}.surprise-box .surprise-hd .title:before{left:0}.surprise-box .surprise-hd .title:after{right:0}.surprise-box .surprise-bd{margin:5px}.surprise-box .surprise-bd .surprise-item{display:flex;margin-bottom:5px;align-items:flex-start}.surprise-box .surprise-bd .surprise-item input{margin:1px 0 0;cursor:pointer}.surprise-box .surprise-bd .surprise-item input:focus{box-shadow:none}.surprise-box .surprise-bd .surprise-item label{margin-bottom:0;padding-left:4px;font-size:12px;font-weight:700;cursor:pointer}.surprise-box .surprise-bd .surprise-item .text{color:#7d7d7d;font-size:12px}@media (min-width: 991px){.layout main{width:550px;margin-right:10px}.layout aside{width:380px}.layout aside .order-total{position:static;width:380px}}.ap-tips{background:0 0;box-shadow:none;border:none;border-radius:4px}.ap-tips .easyDialog_content{background:#fff;border:none;text-align:center;position:relative;line-height:22px;padding:8px 15px;font-size:12px;border-radius:2px;box-shadow:1px 1px 3px #0003;color:#fff;background-color:#edf2f8}.ap-tips__arrow{position:absolute;width:0;height:0;border-width:8px;border-color:transparent;border-style:dashed}.ap-tips__arrow-T{left:5px;bottom:-16px;border-top-style:solid;border-top-color:#3595cc}.ap-tips--blue .easyDialog_content{background-color:#3595cc}.ap-tips--blue .ap-tips__arrow-T{border-right-color:#3595cc}.page-main .page-right ::-webkit-scrollbar-thumb{border-radius:4px;background-color:#ec651c;-webkit-box-shadow:0 0 1px rgba(255,255,255,.5)}.page-main .page-right ::-webkit-scrollbar{-webkit-appearance:none;width:7px;background:#ccc}.ap-overlay-dialog .ap-dialog{position:relative}