.cat-top{width:100%;padding:20px 10px 10px;border-bottom:1px solid #666}.cat-top-title{font-size:1.8rem;font-weight:700;text-transform:uppercase;text-align:center;margin:0 auto;padding-bottom:5px;font-family:Rajdhani,Arial,Verdana,Helvetica,sans-serif}.cat-top-subtitle{font-size:2rem;text-transform:uppercase;text-align:center;padding:15px;font-family:Rajdhani,Arial,Verdana,Helvetica,sans-serif}.cat-top-txt{font-size:1.4rem;line-height:160%}.cat-top-txt a{color:#f50;transition:all .3s}.cat-top-txt a:hover{text-decoration:underline}.cat-filter-wrapper{background-color:#333;color:#fff;display:flex;display:-ms-flexbox;align-items:center;justify-content:flex-start;flex-wrap:wrap;overflow:hidden;position:relative}.cf-total-c{font-size:1.4rem;padding:10px 15px;box-sizing:border-box;width:50%;text-align:right}.cat-filter-btn{font-size:1.4rem;font-weight:600;padding-left:15px;box-sizing:border-box;width:50%}.cat-filter-btn i{display:inline-block;width:6px;height:10px;background:transparent url(/template/mobile/images/arrows.png) no-repeat scroll 0 -33px;margin-left:5px}.filter-panel{position:relative;width:100%;transition:left .1s ease}.filter-panel.expand .f-performance-filter{height:auto}.filter-panel.expand .filter-option-ctrl{xdisplay:block}.filter-panel.expand .filter-panel-ctrl::before{content:'Click to Collapse Filters'}.filter-panel.expand .filter-panel-ctrl::after{background:transparent url(/template/mobile/images/ArrowClose_yellow.png) no-repeat scroll center center}.f-title-wrapper{display:flex;background-color:#eee;height:40px;justify-content:space-between;align-items:center}.f-title{color:#333;font-size:1.6rem;font-weight:600;padding-left:10px}.f-cancel{font-size:1.4rem;font-weight:600;color:#333;border:1px solid #666;border-radius:2px;line-height:26px;height:26px;padding:0 8px;margin-right:10px}.f-performance-filter{background:#eee url(/template/mobile/images/category/filter_panel_bg.png) repeat-x scroll top center;color:#333;padding:20px 0 0;height:115px;display:flex;display:-ms-flexbox;flex-wrap:wrap;overflow:hidden;transition:all .3s}.f-performance{padding:0 5px 10px;border-bottom:1px solid #ccc;width:100%;box-sizing:border-box;display:flex;flex-wrap:wrap}.f-performance .f-sub-title{padding-bottom:10px}.f-sub-title{font-weight:700;font-size:1.4rem;width:100%;box-sizing:border-box;text-transform:uppercase}.g-sl-performance{display:flex;align-items:center;justify-content:flex-start;padding:5px 0;width:50%;box-sizing:border-box}.g-sl-performance span{font-size:1.2rem;text-transform:uppercase;padding-right:5px;font-weight:700}.g-sl-performance ul{display:flex;align-items:center;justify-content:flex-start;font-size:1.2rem;text-transform:capitalize;text-align:center}.g-sl-performance ul li{height:28px;line-height:28px;padding:0 4px;border:1px solid #999}.g-sl-performance ul li:first-child{border-right:0}.g-sl-performance ul li:last-child{border-left:0}.g-sl-performance ul li.active{background-color:#333;color:#fff}.filter-option-c{padding:10px;border-bottom:1px solid #ccc;width:100%;height:48px;overflow:hidden;box-sizing:border-box;position:relative;transition:all .3s}.filter-option-c.expand{height:auto}.filter-option-c.expand .filter-option-ctrl{background:transparent url(/template/mobile/images/ArrowClose_yellow.png) no-repeat scroll center center}.filter-option{font-size:1.4rem;font-weight:500;display:flex;flex-wrap:wrap;align-items:center}.filter-option li{line-height:180%;display:flex;justify-content:flex-start;align-items:center;padding-right:10px;margin:2px 0}.filter-option input{display:none}.filter-option input~label{padding:0 5px}.filter-option input:checked~label{color:#fff;background-color:#f50}.filter-option-ctrl{content:'';position:absolute;right:10px;bottom:20px;color:#333;font-size:2rem;font-weight:700;cursor:pointer;background:transparent url(/template/mobile/images/ArrowOpen_yellow.png?v1) no-repeat scroll center center;width:11px;height:7px;display:none}.filter-panel-ctrl{display:flex;justify-content:center;align-items:center;background-color:#eee;border-bottom:1px solid #bbb}.filter-panel-ctrl::before{content:'Click to Expand Filters';padding:11px 0;font-size:1.4rem;color:#f50;font-weight:700}.filter-panel-ctrl::after{content:'';display:block;width:11px;height:7px;background:transparent url(/template/mobile/images/ArrowOpen_yellow.png?v1) no-repeat scroll center center;margin-left:5px}.f-buttons-wrap{height:40px;display:flex;justify-content:space-between;align-items:center}.f-buttons-wrap span{width:50%;height:40px;line-height:40px;text-align:center;color:#fff;font-size:1.8rem;font-weight:500;text-transform:capitalize}.placeholder{display:none}.f-reset{background-color:#a0a0a0}.f-confirm{background-color:#ff4814}.cat-sort-fps{display:flex;align-items:center;justify-content:space-between;height:39px;border-bottom:1px solid #ccc;background-color:#eee;padding:10px 0}.f-sort-by{min-width:calc(50% - 1px);min-width:-webkit-calc(50% - 1px);display:flex;justify-content:center;align-items:center;height:39px;font-size:1.2rem;font-weight:700}.f-sort-by .ui-selectmenu-text{font-size:1.2rem}.f-sort-by>label{padding-left:5px}.f-selection,.cat-sort-fps .g-fps-select .g-fps-box{border:0;background-color:transparent;font-size:1.2rem;font-weight:600;color:#333;width:40%;max-width:110px}.cat-sort-fps .g-fps-select{display:flex;height:39px;width:50%;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;padding-left:5px}.cat-sort-fps .g-fps-select .g-fps-title{color:#000;font-size:1.2rem}.ui-menu .ui-menu-item-wrapper{font-size:1.2rem}.cat-syslist .g-syslist{border-bottom:1px solid #ccc}.cat-syslist .g-system{background-color:#fff}.sys-list-nothing{font-size:2rem;text-align:center;font-weight:700;line-height:200%}.cat-loadmore-gotop{padding:20px 0;display:flex;justify-content:center;align-items:center}.cat-loadmore{border-radius:4px;background-color:#333;color:#fff;font-size:1.6rem;height:40px;line-height:40px;padding:0 20px;margin-right:20px}.cat-gotop{border-radius:4px;border:1px solid #999;background-color:#eee;color:#333;font-size:1.2rem;font-weight:600;display:flex;flex-direction:column;align-items:center;justify-content:center;width:38px;height:38px}.cat-gotop i{width:16px;height:15px;display:block;background:transparent url(/template/mobile/images/arrows.png) no-repeat scroll 0 -44px}.about-cp{background-color:#333;color:#fff;padding:20px}.about-title{font-size:2.4rem;font-weight:700;text-align:center;text-transform:uppercase;font-family:Rajdhani,Arial,Verdana,Helvetica,sans-serif}.about-txt-c{padding-top:20px;font-size:1.2rem;line-height:140%;height:200px;overflow-y:auto}