@keyframes rotate{to{transform:rotate(360deg)}}#pvt-main{padding-bottom:50px}#pvt-main>.box-content{padding-top:0}.fancybox-skin{border-radius:0}.btnClick{height:40px;outline:none;padding:0 15px;background:none;line-height:38px;border-radius:5px;display:inline-block;border:1px solid #0082c6;transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;background:#0082c6;color:#fff}.btnClick::before{font-weight:400;margin-right:5px;font-family:FontAwesome}.btnClick:hover{color:#fff;background:#0082c6}.subtotal{color:#ec0e17;font-size:18px;text-align:right;margin-bottom:15px}.subtotal span{color:#333}.subtotal b{color:#ec0e17}#subtotal{font-size:24px}.btnOption{overflow:hidden;float:right}.btnOption.top{margin-bottom:10px}.btnOption li{float:left;margin-left:10px}.btnOption li:first-child{margin-left:0}table#buildpc{width:100%;margin-bottom:15px;-webkit-box-shadow:2px 2px 2px 0px rgba(132,141,184,.2);-moz-box-shadow:2px 2px 2px 0px rgba(132,141,184,.2);box-shadow:2px 2px 2px 0px rgba(132,141,184,.2)}#buildpc td.row0,#buildpc td.row1{padding:10px 0}#buildpc td.row0{width:200px;font-weight:700;text-transform:uppercase;background:#15abe5;color:#fff;padding:15px}#buildpc td.row1{padding-left:20px;padding-right:20px;background:#f1f1f1}#buildpc tbody tr:nth-child(even) .row0{background:#0082c6}#buildpc tbody tr:nth-child(even) .row1{background:#fff}#buildpc .selectItem{float:left;color:#333;height:35px;border:1px solid #0082c6;outline:none;padding:0 15px;border-radius:5px;transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;background:#fff}#buildpc .selectItem::before{margin-right:5px;font-family:"FontAwesome"}#buildpc .selectItem:hover{background:#15abe5 linear-gradient(to right, #15abe5, #0082c6);color:#fff}.popup-title{height:50px;overflow:hidden;line-height:50px;background:#0082c6}.popup-title .content-left{color:#fff;padding:0 10px;font-size:20px;font-weight:700}.popupList .content-left{float:left;width:300px}.popupList .content-right{width:500px;float:left}.popup-content .content-left{background:#ebebeb url(../images/bg_content_left.jpg) repeat-y right top}.popup-content .content-left>span{height:50px;display:block;font-size:16px;font-weight:700;line-height:50px;padding:0 20px;border-bottom:1px solid #ddd}.option-search{padding:5px 20px;max-height:650px;overflow-y:auto}.option-search>li{padding:10px 0;border-bottom:1px solid #ddd}.option-search>li:last-child{border-bottom:0}.option-search a.op-title{font-size:16px;font-weight:700;display:block;margin-bottom:5px;position:relative}.option-search a.op-title::after{content:"";position:absolute;font-weight:400;right:0}.op-sub input{margin:0;top:-2px;position:relative}.op-sub label{margin:0;font-weight:400}.op-sub{overflow:hidden;display:none}.column-2 li{width:50%;float:left}.column-1 li{margin-bottom:5px}.column-1 li:last-child{margin-bottom:0}.popup-search{padding:10px 0;position:relative;margin-right:10px}.popup-search input{border:none;height:30px;padding:5px 7px;overflow:hidden;box-shadow:none;border-radius:2px}.popup-search button{top:50%;right:8px;padding:0;border:none;outline:none;font-size:18px;background:none;position:absolute;transform:translate(0, -50%);-moz-transform:translate(0, -50%);-webkit-transform:translate(0, -50%)}.popup-search button::before{font-family:FontAwesome}.content-top{overflow:hidden;background:#ddd;padding:8px;position:relative}#search-control{float:left}.popup-nav>ul{top:1px;margin:0;padding:0;float:right;border:none;position:relative}.popup-nav>ul>li:last-child{margin-right:0}.popup-nav>ul>li>a,.popup-nav>ul>li>span{width:38px;height:32px;font-size:14px;line-height:32px;padding:0;display:block;text-align:center;background:#a4a4a4;border-color:#a4a4a4;color:#fff}.popup-nav .pagination>.active>a,.popup-nav .pagination>.active>a:focus,.popup-nav .pagination>.active>a:hover,.popup-nav .pagination>.active>span,.popup-nav .pagination>.active>span:focus,.popup-nav .pagination>.active>span:hover{background:#fff;border-color:#0082c6;color:#0082c6}#box-sort label{margin:0 5px 0 0;font-weight:400;line-height:30px}#sort{height:30px;border:none;outline:none;background:#fff;padding:0 10px;border-radius:2px}#listItem{padding:0;border:none;background:#fff}.popup-content{display:table;width:100%}.popup-content .content-left,.popup-content .content-right{display:table-cell;float:none !important;vertical-align:top}.popupItem{padding:10px;border-top:1px solid #ddd}.popupItem .inner{display:table;width:100%}.popupItem .table-cell{display:table-cell;vertical-align:middle}.popupItem .thumb{width:60px}.popupItem .text{padding-left:20px}.popupItem .title{color:#333;font-size:14px;margin:0 0 10px;font-weight:700}.popupItem .price{font-weight:700;color:#ec0e17;margin:0 0 6px;font-size:16px}.popupItem .price_old{font-size:14px;text-decoration:line-through;font-style:italic;color:#888}.addItem{width:160px}.addItem button{height:30px;border:none;outline:none;color:#fff;display:block;padding:0 10px;line-height:30px;position:relative;border-radius:5px;padding-right:30px;background:#0082c6}.addItem button::before{right:10px;content:"";font-weight:400;position:absolute;font-family:FontAwesome}.thumb.hover>.inner::after{bottom:0}.empty{margin:10px;text-align:center;border-radius:0}.itemSelected{width:100%}.itemSelected .image{width:90px}.itemSelected .image span{display:block;background:#fff;text-align:center;padding-top:100%}.itemSelected .image img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);max-width:90%;max-height:90%}.itemSelected .image .hover::before{left:-1px}.itemSelected .title{padding:0 15px;font-weight:700;line-height:1.5em}.itemSelected .price span{color:#da2028;font-weight:700;margin-right:5px}.itemSelected button::before{padding-right:5px;font-family:FontAwesome}td.price{width:140px;text-align:right}.qty{width:130px;text-align:center}.item-qty{overflow:hidden;font-weight:700;position:relative;border-radius:0px;display:inline-block;vertical-align:middle;border:1px solid #cccdcd}.item-qty button{padding:0;float:left;width:34px;height:34px;border:none;outline:none;color:#7e7e7e;font-size:14px;background:#fff;line-height:31px;text-align:center}.item-qty button:hover{color:#15abe5}.item-qty input{border:none;border-left:1px solid #cccdcd;border-right:1px solid #cccdcd;float:left;width:40px;height:34px;outline:none;text-align:center;-moz-border-radius:0;-webkit-border-radius:0;-khtml-border-radius:0}.itemtotal{width:110px;text-align:left}.itemtotal>span{font-weight:700;color:#ec0e17;margin-left:5px}.itemSelected .last{text-align:right;width:160px}.itemSelected .last button{height:30px;outline:none;background:#fff;border-radius:2px;display:inline-block;border:1px solid #15abe5;transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out}.itemSelected .last button:hover{color:#fff;background:#15abe5}.itemSelected .last .btn-edit{padding-left:12px;padding-right:12px;margin-right:5px}.itemSelected .last .btn-trash{padding:0;width:30px}.itemSelected .last .btn-trash::before{padding-right:0}.export-empty{display:table;width:100%;height:100%;text-align:center;background-color:#f0f0f0}.export-empty span{display:table-cell;vertical-align:middle;font-size:16px;padding:15px}.export-empty span::before{font-family:FontAwesome;display:block;font-size:100px;color:#e10000;position:relative;margin-top:-20px}.export-empty span.fa-check-circle::before{color:#00984a}.form-label label{margin:0}#member_code{border-radius:0;width:300px}.form-input{padding:0 10px}.form-submit input{color:#fff;border:none;height:34px;outline:none;padding:0 15px;background:#00984a;border:1px solid #00984a;transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out}@media screen and (max-width: 1200px){.popupList .content-left{width:30%;float:left}.popupList .content-right{width:70%;float:left}#buildpc .itemSelected td.price{display:none}}@media screen and (max-width: 992px){#pvt-main{padding-bottom:20px}.btnOption{margin-left:-5px;margin-right:-5px}.btnOption li{float:left;padding:0 5px;margin:0 0 10px;width:33.33333333%}.btnOption.top li{width:100%}.btnOption .btnClick{margin:0;width:100%;display:block}.popupList .container{width:100%}#buildpc .itemSelected td.qty{display:none}}@media screen and (max-width: 767px){#pvt-main{padding-bottom:20px}.popup-title .content-left{display:none}.popup-title .content-right{width:100%;float:none;padding-left:10px}.btnOption.top{margin-top:15px}.itemSelected .gr_title{margin-bottom:10px}.itemSelected .gr_title::after{content:"";display:block;clear:both}.itemSelected .gr_title .image{float:left;width:50px;height:50px;float:left;margin-right:10px}.itemSelected .gr_title .title{float:left;width:-webkit-calc(100% - 60px);width:-o-calc(100% - 60px);width:calc(100% - 60px)}.itemSelected .price,.itemSelected .qty{margin-bottom:5px}.itemSelected .qty{text-align:left}.itemSelected .itemtotal{width:100%}.itemSelected .last{margin-top:10px}.itemSelected .last button{font-size:0px}.itemSelected .last button::before{font-size:14px}}@media screen and (max-width: 480px){#buildpc td.row1{padding-left:10px;padding-right:10px}#buildpc .selectItem{width:100px;white-space:nowrap;text-overflow:ellipsis}.btnOption{float:none}.btnOption li{width:50%;margin-left:0;margin-bottom:10px}.btnOption li.last{margin-bottom:0}.btnClick{width:100%;display:block}#box-sort label{display:none}.addItem{width:80px}.addItem button{width:100%;float:right}#buildpc td.row0{width:30%;font-size:12px;font-weight:normal;vertical-align:top;padding:10px 5px}.itemSelected .title{padding:0;margin-bottom:5px}.itemSelected .last{width:100%;text-align:left}.itemSelected .last .btn-edit{padding:0;width:30px;text-align:center}.itemSelected .last .btn-edit span{display:none}.itemSelected button::before{padding-right:0}.itemSelected tr,.itemSelected td{display:block}}