@keyframes rotate{to{transform:rotate(360deg)}}.btnClick{height:45px;outline:none;padding:10px 15px;background:#e9edf0;line-height:25px;border-radius:6px;display:inline-block;border:none;transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out}.btnClick::before{font-weight:400;margin-right:5px;font-family:"FontAwesome"}.btnClick:hover{color:#fff;background:#2a2f35}.btnClick#btn5{background:#2477e7;color:#fff}.btnClick#btnRefresh{background:#2a2f35;color:#fff}.subtotal{text-align:right;color:#333;font-size:20px;margin-bottom:15px}.subtotal b#subtotal{color:#2a2f35}.btnOption{overflow:hidden;float:right}.btnOption li{float:left;margin-left:10px}#buildpc{width:100%;margin-bottom:15px;border:1px solid #dbdcdd}#buildpc .row0,#buildpc .row1{padding:10px 20px}#buildpc .row0{color:#fff;font-weight:700;width:200px}#buildpc .row-cat:nth-child(odd) .row0{background:#ff7500}#buildpc .row-cat:nth-child(odd) .row1{background:#f6f7f8}#buildpc .row-cat:nth-child(even) .row0{background:#2a2f35}#buildpc .row-cat:nth-child(even) .row1{background:#fff}#buildpc .selectItem{float:left;color:#222;height:35px;outline:none;padding:0 15px;background:#fff;border-radius:5px;border:1px solid #2a2f35;transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;font-size:14px}#buildpc .selectItem::before{margin-right:5px;font-family:"FontAwesome"}#buildpc .selectItem:hover{color:#fff;background:#2a2f35}.popup-title{height:50px;line-height:50px;background:#ff7500;overflow:hidden;display:flex;flex-wrap:nowrap}.popup-title .content-left{color:#fff;font-size:20px;font-weight:700;padding:0 20px}.popupList .content-left{width:370px}.popupList .content-right{flex:1 1 0px}.popup-content .content-left{background:#ebebeb url("../images/bg_content_left.jpg") repeat-y right top}.popup-content .content-left>span{font-size:16px;font-weight:700;height:50px;line-height:50px;color:#ff7500;padding:0 20px;display:block;text-transform:uppercase;border-bottom:1px solid #d5d5d5}.option-search{padding:5px 20px;max-height:650px;overflow-y:auto}.option-search>li{padding:10px 0;border-bottom:1px solid #d5d5d5}.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;position:relative;top:2px}.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:5px 0;position:relative;margin-right:15px}.popup-search input{height:40px;box-shadow:none;border:none;border-radius:30px;overflow:hidden}.popup-search button{top:50%;right:10px;padding:0;border:none;outline:none;font-size:20px;background:none;position:absolute;transform:translate(0, -50%);-moz-transform:translate(0, -50%);-webkit-transform:translate(0, -50%)}.popup-search button::before{color:#2a2f35;font-family:FontAwesome}.content-top{overflow:hidden;background:#f6f7f8;padding:8px;position:relative}#search-control{float:left}.popup-nav>ul{margin:0;padding:0;border:none;float:right}.pagination{display:flex;flex-wrap:nowrap;border-radius:0}.pagination>li{margin-right:8px}.pagination>li>a,.pagination>li>span{width:37px;height:32px;font-size:14px;line-height:30px;padding:0;display:block;text-align:center;background:#dce1e5;border-color:#dce1e5;border-radius:6px;color:#222}.pagination>li>a:hover,.pagination>li>a:focus,.pagination>li>span:hover,.pagination>li>span:focus{color:#fff;background:#2a2f35;border-color:#2a2f35}.pagination>li:first-child>a,.pagination>li:first-child>span{border-top-left-radius:6px;border-bottom-left-radius:6px}.pagination>li:last-child>a,.pagination>li:last-child>span{border-top-right-radius:6px;border-bottom-right-radius:6px}.pagination>.active>a,.pagination>.active>span,.pagination>.active>a:hover,.pagination>.active>a:focus,.pagination>.active>span:hover,.pagination>.active>span:focus{color:#fff;background-color:#2a2f35 !important;border-color:#2a2f35}#box-sort label{font-weight:400;margin:0 5px 0 0;line-height:34px}#sort{background:#fff;border:none;outline:none;height:34px;padding:0 10px}#listItem{max-height:650px;overflow-y:auto;padding:0;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:15px 10px;border-bottom:1px solid #ddd}.popupItem .inner{display:table;width:100%}.popupItem .table-cell{display:table-cell;vertical-align:middle;white-space:nowrap}.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-size:16px;font-weight:700;color:red;margin:0 0 10px}.addItem{width:180px}.addItem a{background:#2a2f35;border:1px solid #2a2f35;color:#fff;font-weight:700;border-radius:5px;height:35px;line-height:35px;padding:0 15px;padding-right:35px;display:block;position:relative}.addItem a:hover{background:#fff;color:#333}.addItem a::before{content:"";position:absolute;right:15px;font-weight:400}.thumb.hover>.inner::after{bottom:0}.empty{margin:10px;text-align:center;border-radius:0}.itemSelected{width:100%}.itemSelected .image{width:60px}.itemSelected .image span{display:block;background:#fff;text-align:center;padding-top:100%;position:relative}.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:100%;max-height:100%}.itemSelected .image .hover::before{left:-1px}.itemSelected .title{padding:0 15px;font-weight:700;line-height:1.5em}.itemSelected .price span{color:red;font-weight:700;margin-right:5px}.itemSelected .qty{width:130px;text-align:center}.itemSelected button::before{padding-right:5px;font-family:"FontAwesome"}.itemSelected .last{text-align:right;width:160px}.itemSelected .last button{height:30px;width:30px;outline:none;padding:0;background:#fff;border-radius:5px;display:inline-block;border:1px solid #2a2f35;transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-webkit-transition:all .4s ease-in-out;position:relative;margin-right:10px}.itemSelected .last button:hover{color:#fff;background:#2a2f35}.itemSelected .last button::before{padding-right:0;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);-moz-transform:translate(-50%, -50%);-o-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}td.price{width:140px;text-align:right}.item-qty{overflow:hidden;font-weight:700;position:relative;border-radius:0px;display:inline-block;vertical-align:middle;border:1px solid #ddd}.item-qty button{padding:0;float:left;width:40px;height:40px;border:none;outline:none;color:#7e7e7e;font-size:12px;background:#fff;text-align:center}.item-qty button:hover{color:#2a2f35}.item-qty input{border:0;float:left;width:40px;height:40px;outline:none;text-align:center;-moz-border-radius:0;-webkit-border-radius:0;-khtml-border-radius:0;border-left:1px solid #ddd;border-right:1px solid #ddd}.itemtotal{width:110px;text-align:left}.itemtotal>span{font-weight:700;color:red;margin-left:5px}.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:#ff7500}.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:#ff7500;border:1px solid #ff7500;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){#pvt-main{margin-bottom:20px}.popupList .content-left{width:30%;float:left}.popupList .content-right{width:70%;float:left}}@media screen and (max-width: 1024px){.btnClick{padding:10px 10px;font-size:14px}}@media screen and (max-width: 992px){.btnOption{margin-left:-5px;margin-right:-5px}.btnOption li{float:left;padding:0 5px;margin:0 0 10px;width:33.33333333%}.btnOption .btnClick{margin:0;width:100%;display:block}.popupList .container{width:100%}#buildpc .itemSelected td.qty,#buildpc .itemSelected td.price,#buildpc .itemSelected td.itemtotal{display:none}}@media screen and (max-width: 767px){#main>.box_mid .mid-title{margin-bottom:0}#buildpc .row-cat{display:flex;flex-direction:column}#buildpc .row-cat .row0{width:100%;font-size:17px}.btnOption li{width:50%}.btnOption .btnClick{position:relative}.btnOption .btnClick::before{font-family:"FontAwesome"}.popupList .row{margin:0 -10px}.popupItem .inner{display:flex;flex-wrap:wrap}.popupItem .inner .thumb{width:60px}.popupItem .inner .text{flex:1 1 0px;display:inline-flex;flex-direction:column}.popupItem .inner .addItem{margin-top:10px;flex:1 1 0px}}@media screen and (max-width: 480px){.popupItem .inner .thumb{width:60px}.popupItem .inner .text{flex:1 1 0px;max-width:270px;min-width:265px}.popupItem .inner .title{white-space:normal}#buildpc .row1{padding:10px 10px}.itemSelected>.inner{display:flex}.itemSelected>.inner .image{width:60px}.itemSelected>.inner .i-inner{flex:1 1 0px;padding-left:20px}.itemSelected>.inner .i-inner .title{padding:5px 0}.itemSelected .qty{width:122px}.itemSelected .itemtotal{line-height:30px;padding-left:10px;width:auto}.itemSelected .itemtotal>span{font-size:16px}.itemSelected .row-price{display:flex;flex-direction:row;margin-top:15px;margin-bottom:10px}.itemSelected .last{flex:1 1 0px}.itemSelected .last button{margin-right:0;margin-left:5px}.item-qty{width:122px}.item-qty button{width:30px;height:30px}.item-qty input{height:30px;width:60px}.popup-title .content-left{font-size:15px;padding:0 10px;width:40%}}@media screen and (max-width: 375px){#pvt-main{margin-bottom:0;padding-top:20px;padding-left:10px;padding-right:10px;padding-bottom:20px;border-bottom:3px solid #2a2f35}#post-content::after{content:"";display:table;clear:both}#buildpc .selectItem{width:100px;white-space:nowrap;text-overflow:ellipsis}.btnOption{float:none}.btnOption li{float:none;margin-left:0;margin-bottom:10px}.btnOption li.last{margin-bottom:0}.btnClick{width:100%;display:block}}