/*!
 * CONTENTS
 * to combine home css files to one file --- home.css
 *
 * SETTINGS
 * variables
 * mixins
 *
 * TOOLS
 * homebanner
 * homeother
 *
 * BUSINESS
 *
 * BASE
 * home.scss
 *//*!
 * css styles for home banner only
 * by jannie
 * 2016-06-16
 */.mp-banner-wrapper{overflow:hidden;padding-top:30px}#mp-banner{float:left;overflow:hidden;position:relative}#mp-banner:hover .mp-banner-ctrls>span{display:block}.mp-banner-list{overflow:hidden;height:100%;position:relative}.mp-banner-list dd{width:100%;height:100%;position:absolute;left:100%;top:0}.mp-banner-list dd:first-of-type{left:0}.mp-banner-list dd a{display:block;width:100%;height:100%}.mp-banner-content{position:relative;width:100%;height:100%}.mp-banner-ctrls>span{width:100px;height:100px;display:none;border-radius:3px;background-color:rgba(0,0,0,0.7);top:calc(50% - 50px);top:-webkit-calc(50% - 50px);position:absolute;cursor:pointer;z-index:2}.mp-banner-ctrls>span:hover .mp-banner-arrow-l,.mp-banner-ctrls>span:hover .mp-banner-arrow-r{background:transparent url("/template/metro/images/arrows.png") no-repeat scroll -46px 0}.mp-banner-ctrls>span:hover .mp-banner-arrow-r{background:transparent url("/template/metro/images/arrows.png") no-repeat scroll -69px 0}.mp-banner-arrow-l,.mp-banner-arrow-r{margin:29px auto 28px;position:relative;transition:border-color .1s;background:transparent url("/template/metro/images/arrows.png") no-repeat scroll 0 0;width:23px;height:43px;display:block}.mp-banner-arrow-r{background:transparent url("/template/metro/images/arrows.png") no-repeat scroll -23px 0}.mp-banner-ctrl-left{left:10px}.mp-banner-ctrl-right{right:10px}.mp-banner-pagination{bottom:0;left:0;position:absolute;text-align:center;width:100%;z-index:2}.mp-banner-pagination>li{background-color:#414141;border-radius:3px;display:inline-block;height:6px;margin:0 7px 20px;width:6px;cursor:pointer;transition:background-color .1s}.mp-banner-pagination>li.active{background-color:#ff4814}.mp-banner-pagination>li:hover{background-color:#ff4814}#mp-promo{float:left;overflow:hidden}.mpp-daily{height:200px;background:transparent url("/template/metro/images/homepromo/dailly_bg.jpg") no-repeat scroll top center;background-size:cover;border-radius:2px;float:left}.mpp-daily a{display:block;width:100%;height:100%;overflow:hidden;position:relative}.mpp-daily-img{float:left;width:50%;position:relative}.mpp-daily-img img{max-width:231px;max-height:156px;display:block;margin:22px auto}.mpp-daily-sp{background:transparent url("/template/metro/images/homepromo/daily_promo_sp_bg.png") no-repeat scroll top center;width:84px;height:84px;position:absolute;left:45px;bottom:10px;text-align:center;font-family:Rajdhani,Arial,Verdana,Helvetica,sans-serif}.mpp-daily-sp strong{font-size:250%;font-weight:bold;text-transform:uppercase;color:#fff;display:block;padding-top:20px}.mpp-daily-sp span{color:#000;text-transform:uppercase;font-size:140%;font-weight:bold;display:block;margin:0 auto;padding-top:3px;width:50px}.mpp-daily-info{float:left;width:50%;padding-top:20px}.mpp-daily-info strong{font-size:200%;text-transform:uppercase;font-weight:bold;color:#fff;display:block;padding-right:20px;line-height:140%}.mpp-daily-info strong span{color:#ff4814}.mpp-daily-info small{font-size:140%;color:#fff;display:block;padding:20px 20px 0 0;line-height:140%}.mpp-cd{text-align:center;width:260px;height:30px;background-color:#000;border-radius:5px 5px 0 0;position:absolute;bottom:0;left:50%}.mpp-cd>span{font-size:140%;font-weight:bold;line-height:30px}.mpp-cd-cap{color:#00ff24}.mpp-cd-clock{color:#fff;padding-left:10px}.mpp-normal{float:left;position:relative;overflow:hidden}@keyframes mpp-switch{0%,37.5%, 100%{left:0}50%,87.5%{left:-100%}}.mpp-normal ul{overflow:hidden;position:relative}.mpp-normal li{border-radius:2px;float:left;height:200px}.mpp-normal li:nth-child(1){background:transparent url("/template/metro/images/homepromo/normal_bg.jpg") no-repeat scroll top center;background-size:cover}.mpp-normal li:nth-child(2){background:transparent url("/template/metro/images/homepromo/normal_bg.jpg") no-repeat scroll top center;background-size:cover}.mpp-normal li a{display:block;width:100%;height:100%;position:relative}.mpp-normal li a img{display:block;margin:0 auto;max-height:140px}.mpp-normal-info{position:absolute;left:0;bottom:0;width:100%;height:83px;background-color:rgba(0,0,0,0.9)}.mpp-normal-info h3{color:#ff4814;font-weight:bold;font-size:140%;padding:10px 20px 5px;text-transform:capitalize}.mpp-normal-info span{font-size:120%;font-weight:500;color:#aaa;padding:0 20px;line-height:140%;display:block}/*!
 * css styles for home page only except banner
 * by jannie
 * 2016-06-16
 */.mp-banner-bs{background:transparent url("/template/metro/images/home/bg.jpg") no-repeat scroll top center/cover}.mp-bestselling{padding:40px 0 60px}.mp-section-header{overflow:hidden}.mp-section-title{font-size:300%;color:#000;text-transform:uppercase;float:left;font-family:Rajdhani,Arial,Verdana,Helvetica,sans-serif}.mp-section-title strong{font-weight:bold}a.mp-bs-viewall{display:block;float:right;margin-right:3px;width:97px;height:30px;background-color:#fff;border-radius:2px;transition:background-color .1s}a.mp-bs-viewall:hover span{color:#ff4814}a.mp-bs-viewall:hover .icon-viewall{background:transparent url("/template/metro/images/arrows.png") no-repeat scroll -6px -43px}a.mp-bs-viewall:active{background-color:#ff4814}a.mp-bs-viewall:active span{color:#fff}a.mp-bs-viewall span{font-size:120%;font-weight:500;color:#000;line-height:30px;display:block;float:left;text-align:right;width:65px;transition:color .1s}a.mp-bs-viewall .icon-viewall{margin:10px 10px 0 0}.mp-bestselling-c{overflow:hidden}.mp-bestselling-c .mp-section-header{padding:0 0 10px}.mp-bs-items{float:right;overflow:hidden;position:relative}.mp-bs-items:hover .g-ctrls{display:block}.mp-bs-itemlistc{position:relative}.mp-bs-itemlistc dl{overflow:hidden;position:relative}.mp-bs-itemlistc dl dd{float:left;background-color:#eee0c0;transition:background-color .1s}.mp-bs-itemlistc dl dd:hover{background-color:#f9ebcb}.mp-bs-itemlistc dl dd img{display:block;margin:10px auto 0;height:180px}.mp-bs-itemlistc dl dd h3{color:#ff4814;font-size:140%;font-weight:bold;padding:10px 20px}.mp-bs-itemlistc dl dd span{color:#000;font-size:120%;display:block;line-height:140%;padding:0 20px}.mp-bs-systems{float:right;position:relative;overflow:hidden}.mp-bs-systems:hover .g-ctrls{display:block}.mp-bs-syslist{position:relative}.mp-bs-syslist .g-system{height:550px;width:294px;border:0 none;border-right:1px solid #dcdcdc;margin:0;border-radius:0;opacity:0.9}.mp-bs-syslist .g-system:first-child{border-radius:2px 0 0 2px}.mp-bs-syslist .g-system:last-child{border-right:1px solid transparent;border-radius:0 2px 2px 0}.mp-bs-syslist .g-system:last-child:hover{border-right:1px solid transparent}.mp-bs-syslist .g-system:hover{border-right:1px solid #dcdcdc}.mp-special{background:#000 url("/template/metro/images/home/special_bg.jpg") repeat-x scroll top center}.mp-special .mp-section-header{height:60px}.mp-special .mp-section-header .mp-section-title{color:#fff;line-height:60px}.mp-section-cat-tab{overflow:hidden;float:right}.mp-section-cat-tab li{border-bottom:2px solid transparent;color:#aaa;float:left;font-size:140%;font-weight:500;line-height:58px;margin:0 18px;padding:0 9px;cursor:pointer;transition:color .1s;transition:border-bottom .1s}.mp-section-cat-tab li:hover,.mp-section-cat-tab li.active{border-bottom:2px solid #ff4814;color:#fff}.mp-sp-listc{height:420px;padding:60px 0}.mp-sp-list{width:100%;overflow:hidden}.mp-sp-list:nth-child(n+2){display:none}.mp-sp-list-tab{float:left;width:460px;height:420px}.mp-sp-pro-tab{overflow:hidden}.mp-sp-pro-tab.mp-sp-pro-tab-col1{display:none}.mp-sp-pro-tab.mp-sp-pro-tab-col2 li{width:calc(50% - 2px);width:-webkit-calc(50% - 2px)}.mp-sp-pro-tab.mp-sp-pro-tab-col3 li{width:calc(100% / 3 - 2px);width:-webkit-calc(100% / 3 - 2px)}.mp-sp-pro-tab.mp-sp-pro-tab-col4 li{width:calc(25% - 2px);width:-webkit-calc(25% - 2px)}.mp-sp-pro-tab li{font-size:180%;font-weight:500;color:#aaa;border-bottom:1px solid #888;cursor:pointer;float:left;padding:14px 0;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;transition:color .1s}.mp-sp-pro-tab li.active{color:#fff;border:1px solid #888;border-bottom:0 none}.mp-sp-pro-tab li:hover{color:#ff4814}.mp-sp-pro-list ul:nth-child(n+2){display:none}.mp-sp-pro-list ul li{width:100%;height:59px;border-bottom:1px solid #404040;overflow:hidden;position:relative;color:#aaa;cursor:default;transition:color .1s;transition:border-bottom .1s}.mp-sp-pro-list ul li:hover,.mp-sp-pro-list ul li.active{color:#ff4814;border-bottom:1px solid #ff4814}.mp-sp-pro-list ul li:hover .mp-sp-sys-name,.mp-sp-pro-list ul li.active .mp-sp-sys-name{right:0;left:auto}.mp-sp-pro-list ul li:hover .mp-sp-sys-p,.mp-sp-pro-list ul li.active .mp-sp-sys-p{display:none}.mp-sp-sys-name{font-size:180%;font-weight:500;position:absolute;left:0;bottom:10px;transition:left .1s;transition:right .1s}.mp-sp-sys-p{position:absolute;right:0;bottom:10px;transition:right .1s}.mp-sp-sys-p small{font-size:120%;font-weight:500;vertical-align:top}.mp-sp-sys-p span{font-size:180%;font-weight:500}.mp-sp-details-c{float:left;position:relative}.mp-sp-detail{overflow:hidden;width:100%;height:100%;position:absolute;left:0;top:0}.mp-sp-detail:nth-child(n+2){display:none}.mp-sp-detail .g-system{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;background-color:transparent;border:0 none;color:#fff;margin:0}.mp-sp-detail .g-system:nth-child(n+2){display:none}.mp-sp-detail .g-system .g-sys-img-c{float:left}.mp-sp-detail .g-system .g-sys-info-c{float:left;padding-top:20px}.mp-sp-detail .g-system .g-sys-info-c .g-sys-name{display:none}.mp-sp-detail .g-system .g-sys-info-c .g-sys-performance{padding-left:0}.mp-sp-detail .g-system .g-sys-info-c .g-sys-performance>div{width:calc(100% / 3- 11px);width:-webkit-calc(100% / 3 - 11px)}.mp-sp-detail .g-system .g-sys-info-c .g-performace-cap{color:#fff}.mp-sp-detail .g-system .g-sys-info-c .g-sys-spec{height:270px;padding:15px 0}.mp-sp-detail .g-system .g-sys-info-c .g-sys-spec li{font-size:160%;line-height:160%}.mp-sp-detail .g-system .g-sys-info-c .g-sys-price-org{display:none}.mp-sp-detail .g-system .g-sys-info-c .g-sys-price small{font-size:160%}.mp-sp-detail .g-system .g-sys-info-c .g-sys-price span{font-size:360%}.mp-sp-detail .g-system .g-sys-info-c .g-sys-quickview{background-color:transparent;border:1px solid #ff4814;color:#aaa;font-size:140%;line-height:30px;width:98px}.mp-sp-detail .g-system .g-sys-info-c .g-sys-quickview:hover{color:#ff4814}.mp-sp-detail .g-system .g-sys-info-c .g-sys-ctmz{color:#fff;font-size:140%}.mp-sp-detail .g-system .g-sys-info-c .g-sys-ctmz:hover{background-color:#ff4814}.mp-sp-detail:nth-child(n+2){display:none}.mp-syslist{position:relative}.mp-syslist:hover .g-ctrls{display:block}.mp-syslist .mp-section-header{overflow:visible;background:#e5e5e5;background:-ms-linear-gradient(top, #fff, #e5e5e5);background:-moz-linear-gradient(top, #fff, #e5e5e5);background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e5e5e5));background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#e5e5e5));background:-webkit-linear-gradient(top, #fff, #e5e5e5);background:-o-linear-gradient(top, #fff, #e5e5e5);z-index:1;height:80px}.mp-sl-cats{overflow:hidden;float:left}.mp-sl-cats li{float:left;text-transform:uppercase;font-family:Rajdhani,Arial,Verdana,Helvetica,sans-serif;margin-right:60px;border-bottom:3px solid transparent;transition:border-bottom .1s;cursor:pointer;padding:17px 0 16px}.mp-sl-cats li:hover{border-bottom:3px solid #ff4814}.mp-sl-cats li:hover small{color:#ff4814}.mp-sl-cats li:hover span{color:#000}.mp-sl-cats li.active{border-bottom:3px solid #ff4814}.mp-sl-cats li.active small{color:#ff4814}.mp-sl-cats li.active span{color:#000}.mp-sl-cats li small{font-size:140%;font-weight:bold;color:#999;display:block;transition:color .1s}.mp-sl-cats li span{font-size:300%;font-weight:bold;color:#999;display:block;transition:color .1s}.mp-sl-filter{float:right}.mp-sl-filter .g-sl-performance span{line-height:80px}.mp-sl-filter .g-sl-performance ul{padding:24px 0}.mp-sl-filter .g-fps-select{float:left}.mp-sl-filter .g-fps-select .g-fps-title{line-height:80px;color:#333}.mp-sl-filter .g-fps-select select{margin:25px 0}.mp-sl-filter .g-fps-select .ui-selectmenu-button.ui-button{margin-top:24px}.mp-sys-nothing{display:none;text-align:center;font-size:300%;text-transform:uppercase;color:#333;padding:100px 0}.mp-sys-cats-c{overflow:hidden;margin-top:-1px;position:relative;background-color:#e5e5e5}.mp-sl{overflow:hidden;width:100%}.mp-sys-cats-c .g-syslist .g-system{width:318px;border-radius:0;border:1px solid #c8c8c8;margin:0;background:#e6e6e6 url("/template/metro/images/home/home_syslist_probg.jpg") repeat-x scroll top center}.mp-sys-cats-c .g-syslist .g-system:hover{border:1px solid #c8c8c8;background:#fff url("/template/metro/images/home/home_syslist_probg_hover.jpg") repeat-x scroll top center}.mp-featured{background-color:#eee;padding-bottom:60px}.mp-featured .g-wrapper{overflow:hidden}.mp-featured .mp-section-header{position:relative;z-index:1}.mp-featured .mp-section-header .mp-section-title{font-size:360%;color:#333;float:none;text-align:center;line-height:135px}.mp-featured-cat{overflow:hidden}.mp-featured-cat-tab{overflow:hidden;float:left}.mp-featured-cat-tab li{float:left;color:#333;font-size:160%;font-weight:500;padding:0 35px;line-height:40px;text-align:center;border-left:1px solid transparent;border-right:1px solid transparent;cursor:pointer;transition:color .1s}.mp-featured-cat-tab li:hover{color:#ff4814}.mp-featured-cat-tab li.active{border-left:1px solid #ccc;border-right:1px solid #ccc;background:#eee url("/template/metro/images/home/home_f_tabbg.jpg") repeat-x scroll top center}.mp-featured-cat-tab li.active:hover{color:#333}.mp-f-viewall{display:block;float:right;color:#000;font-size:120%;padding:0 14px;line-height:38px}.mp-f-viewall:hover .icon-viewall{background:transparent url("/template/metro/images/arrows.png") no-repeat scroll -6px -43px}.icon-viewall{background:transparent url("/template/metro/images/arrows.png") no-repeat scroll 0 -43px;float:right;margin:15px 0 0 17px;display:block;width:6px;height:10px}.mp-f-syslist-c{border-top:1px solid #ccc;margin-top:-1px;padding-top:5px;overflow:hidden;position:relative}.mp-other{background:transparent url("/template/metro/images/home/home_other_bg.jpg") no-repeat scroll top center/cover;padding:60px 0}.mp-review-awards{overflow:hidden}.mp-review{float:left;overflow:hidden;background-color:#fff;border-radius:3px;height:270px;margin-right:10px}.mp-review-title,.mp-awards-title,.mp-poweredby h3,.mp-availableat h3{overflow:hidden;background-color:#e0e0e0;border-radius:3px 3px 0 0}.mp-review-title a,.mp-awards-title a,.mp-poweredby h3 a,.mp-availableat h3 a{display:block;height:100%;overflow:hidden;padding-left:25px}.mp-review-title a:hover span,.mp-awards-title a:hover span,.mp-poweredby h3 a:hover span,.mp-availableat h3 a:hover span{color:#ff4814}.mp-review-title a:hover .icon-more,.mp-awards-title a:hover .icon-more,.mp-poweredby h3 a:hover .icon-more,.mp-availableat h3 a:hover .icon-more{background:transparent url("/template/metro/images/arrows.png") no-repeat scroll -8px -54px}.mp-review-title span,.mp-awards-title span,.mp-poweredby h3 span,.mp-availableat h3 span{line-height:50px;font-size:180%;font-weight:bold;color:#333;text-transform:uppercase;float:left;font-family:Rajdhani,Arial,Verdana,Helvetica,sans-serif}.icon-more{background:transparent url("/template/metro/images/arrows.png") no-repeat scroll 0 -54px;float:right;margin:20px 20px 0 0;display:block;width:8px;height:11px}.mp-review-list{padding-left:20px}.mp-review-list li{border-bottom:1px solid #e0e0e0;padding:13px 0;cursor:pointer}.mp-review-list li.active .mp-review-content{display:block}.mp-review-list li:last-child{border-bottom:0 none}.mp-rank-date{overflow:hidden;padding-right:24px}.mp-rank-date .g-review-star{float:left;width:75px;margin:0}.mp-review-date{float:right;font-size:120%;font-weight:500;color:#666}.mp-review-content{color:#333;font-size:120%;line-height:140%;padding-top:13px;display:none;height:38px;overflow:hidden;position:relative;width:100%}.mp-awards{float:left;overflow:hidden;border-radius:3px;height:270px;position:relative;background-color:#fff}.mp-award-listc{position:relative;margin:0 auto;overflow:hidden}.mp-award-list{height:150px;background-color:#fff;overflow:hidden;position:relative}.mp-award-list li{float:left}.mp-award-list li a{display:table-cell;width:100px;height:100px;padding:25px 10px;text-align:center;vertical-align:middle}.mp-award-list li a:hover img{opacity:1}.mp-award-list li a img{max-width:100%;opacity:0.6}.mp-award-txt-c{height:70px;background-color:#e0e0e0;position:relative}.mp-award-txt{color:#333;text-align:center;line-height:70px}.mp-award-txt strong{font-size:300%;font-weight:500}.mp-award-txt span{font-size:160%;font-weight:500}.icon-triangle{display:block;width:14px;height:14px;transform:rotate(45deg);background-color:#e0e0e0;position:absolute;top:-7px;left:70px}.mp-awards .g-ctrls{display:block}.mp-followus{padding:10px 0;width:100%}.mp-fu-list{position:relative;width:100%;height:100%}.mp-fu-list li{position:absolute;overflow:hidden;border-radius:3px}.mp-fu-list li:nth-child(1){top:0;left:0;height:100%}.mp-fu-list li:nth-child(1) .mp-fu-img{width:100%}.mp-fu-list li:nth-child(1) .mp-fu-txt{width:calc(100% - 50px);width:-webkit-calc(100% - 50px);background-color:#3b5a98}.mp-fu-list li:nth-child(1) .mp-fu-txt .mp-fu-icon{right:0;top:-40px;background-color:#3b5a98}.mp-fu-list li:nth-child(1) .mp-fu-txt .mp-fu-icon span{background-position:0 -100px}.mp-fu-list li:nth-child(n+2) .mp-fu-img{float:left}.mp-fu-list li:nth-child(n+2) .mp-fu-img img{width:100%}.mp-fu-list li:nth-child(n+2) .mp-fu-txt{float:left}.mp-fu-list li:nth-child(n+2) .mp-fu-txt .mp-fu-icon{left:-40px;top:0}.mp-fu-list li:nth-child(2) .mp-fu-txt{background-color:#e72217}.mp-fu-list li:nth-child(2) .mp-fu-txt .mp-fu-icon{background-color:#e72217}.mp-fu-list li:nth-child(2) .mp-fu-txt .mp-fu-icon span{background-position:-30px -100px}.mp-fu-list li:nth-child(3) .mp-fu-txt{background-color:#1ea2f2}.mp-fu-list li:nth-child(3) .mp-fu-txt .mp-fu-icon{background-color:#1ea2f2}.mp-fu-list li:nth-child(3) .mp-fu-txt .mp-fu-icon span{background-position:-60px -100px}.mp-fu-list li:nth-child(4) .mp-fu-txt{background-color:#2b5c82}.mp-fu-list li:nth-child(4) .mp-fu-txt .mp-fu-icon{background-color:#2b5c82}.mp-fu-list li:nth-child(4) .mp-fu-txt .mp-fu-icon span{background-position:-90px -100px}.mp-fu-list li:nth-child(5) .mp-fu-txt{background-color:#ff4813}.mp-fu-list li:nth-child(5) .mp-fu-txt .mp-fu-icon{background-color:#ff4813}.mp-fu-list li:nth-child(5) .mp-fu-txt .mp-fu-icon span{background-position:-120px -100px}.mp-fu-img{display:block;float:left;background-size:cover;background-position:center center}.mp-fu-txt{float:left;position:relative;padding:25px}.mp-fu-icon{display:block;position:absolute;width:40px;height:40px}.mp-fu-icon span{text-indent:-9999px;display:block;width:30px;height:30px;background:transparent url("/template/metro/images/icons.png?v2") no-repeat scroll;margin:5px}.mp-fu-txt h3{font-size:140%;font-weight:bolder;color:#fff;padding-bottom:15px;line-height:140%}.mp-fu-msg{font-size:120%;color:#fff;line-height:160%;padding:5px 0;height:137px;overflow:hidden}.mp-fu-msg p{padding:5px 0}.mp-fu-msg span{font-weight:bold;font-style:italic;padding-right:5px;font-size:140%}a.mp-fu-findus{font-size:140%;color:#000;font-weight:500;position:absolute;bottom:35px;right:35px}a.mp-fu-findus:hover{color:#fff}.mp-aboutcp-c{overflow:hidden}.mp-aboutcp{overflow:hidden;float:left;border-radius:3px}.mp-aboutcp-title{display:none;font-size:360%;font-weight:bolder;text-transform:uppercase;text-align:center;color:#333;font-family:Rajdhani,Arial,Verdana,Helvetica,sans-serif;line-height:80px}.mp-aboutcp-img{float:left;overflow:hidden;position:relative;height:100%}.mp-aboutcp-img a{display:block;width:100%;position:relative;height:100%}.mp-aboutcp-img a img{width:100%;position:relative}.mp-aboutcp-mask{position:absolute;top:0;width:135px;height:200%;transform:rotate(26.5deg);background-color:#fff}.mp-aboutcp-st{width:310px;height:40px;position:absolute;text-align:center}.mp-aboutcp-stbg{background-color:#ff4814;position:absolute;top:0;left:0;width:96%;height:100%;transform:skewX(-30deg)}.mp-aboutcp-st-txt{font-size:180%;font-weight:bold;font-family:Rajdhani,Arial,Verdana,Helvetica,sans-serif;color:#000;text-transform:uppercase;line-height:40px;position:relative;z-index:1}.mp-aboutcp-txt{float:left;background-color:#fff;padding:30px}.mp-aboutcp-txt h3{font-size:Rajdhani,Arial,Verdana,Helvetica,sans-serif;font-weight:bold;font-size:300%;text-transform:uppercase;color:#333;font-family:Rajdhani,Arial,Verdana,Helvetica,sans-serif}.mp-aboutcp-txt p{font-size:120%;color:#333;padding-top:20px;line-height:160%}.mp-pa{overflow:hidden;float:left;position:relative}.mp-poweredby{float:left;position:relative;background-color:#fff}.mp-poweredby h3{height:40px}.mp-poweredby h3 span{line-height:40px}.mp-poweredby h3 .icon-more{margin:15px 20px 0 0}.mp-poweredby img{display:block;margin:8px auto;width:90%;max-width:460px}.mp-availableat{float:left;background-color:#fff}.mp-availableat h3{height:40px}.mp-availableat h3 span{line-height:40px}.mp-availableat h3 .icon-more{margin:15px 20px 0 0}.mp-availableat img{display:block;margin:20px auto;width:90%;max-width:460px}
@media (max-width: 959px){.mp-banner-wrapper{padding-top:0}#mp-banner{width:100%;height:250px}#mp-promo{width:100%;margin-top:1px}.mpp-daily{width:489px;border-radius:0;margin-right:1px}.mpp-normal{width:278px}.mpp-normal ul{width:200%;height:100%;animation:mpp-switch 8s ease  infinite}.mpp-normal li{width:50%;border-radius:0}.mp-banner-bs{background:#eee none !important}.mp-bestselling{padding:0 0 60px}.mp-bestselling-c .mp-section-header{padding:40px 0 10px}.mp-bs-items{width:100%}.mp-bs-itemlistc dl{width:1180px}.mp-bs-itemlistc dl dd{width:294px;height:290px;border-right:1px solid #d6c8ac}.mp-bs-itemlistc dl dd:last-child{width:295px;border-right:0 none}.mp-bs-items .rc-s{display:block}.mp-bs-systems{width:100%}.mp-bs-syslist .g-system{background-color:#fff}.mp-bs-syslist .g-system:nth-child(2n+1){width:294px}.mp-sp-listc{height:570px;padding:0}.mp-sp-list-tab{width:300px;margin-right:118px;padding-top:60px}.mp-sp-pro-tab li{font-size:160%}.mp-sp-sys-name{font-size:160%}.mp-sp-details-c{width:350px;height:570px}.mp-sp-detail .g-system{padding-top:10px}.mp-sp-detail .g-system .g-sys-img-c{width:100%}.mp-sp-detail .g-system .g-sys-img{height:180px}.mp-sp-detail .g-system .g-sys-info-c{width:350px;padding-top:0}.mp-sp-detail .g-system .g-sys-info-c .g-sys-spec{height:180px;padding:15px 0 0}.mp-sp-detail .g-system .g-sys-info-c .g-sys-spec li{font-size:120%}.mp-syslist .mp-section-header{height:161px}.mp-sl-cats{padding:0 119px;border-bottom:1px solid #c8c8c8}.mp-sl-cats li{margin:0 30px;text-align:center}.mp-sl-filter{margin:0 70px}.mp-featured{background-color:#fff;padding-bottom:0}.mp-featured:hover .g-ctrls{display:block}.mp-featured-cat-tab{margin-left:18px}.mp-featured-cat-tab li.active{background:#fff url("/template/metro/images/home/home_f_tabbg_s.jpg") repeat-x scroll top center}.mp-f-syslist-c{padding-top:20px;width:770px}.mp-f-syslist-c .g-syslist{width:200%}.mp-f-syslist-c .g-syslist .g-system:nth-child(n+5){height:574px;border-top:1px solid #dcdcdc}.mp-other{background:#fff none;padding:0}.mp-review{margin-right:0;width:100%;height:280px}.mp-awards{width:100%;height:280px}.mp-award-listc{width:720px}.mp-award-list{height:160px}.mp-awards .ps-s{display:block}.mp-followus{height:1040px;width:728px;margin:0 auto;padding:20px}.mp-fu-list li:nth-child(1){width:728px;height:260px}.mp-fu-list li:nth-child(1) .mp-fu-img{width:363px;height:100%}.mp-fu-list li:nth-child(1) .mp-fu-txt{width:315px;height:210px}.mp-fu-list li:nth-child(1) .mp-fu-txt .mp-fu-icon{top:0;right:auto;left:-40px}.mp-fu-list li:nth-child(n+2){width:359px;height:380px}.mp-fu-list li:nth-child(n+2) .mp-fu-img{width:100%;height:200px}.mp-fu-list li:nth-child(n+2) .mp-fu-txt{width:309px;height:130px}.mp-fu-list li:nth-child(n+2) .mp-fu-txt .mp-fu-icon{top:-40px;left:0}.mp-fu-list li:nth-child(2){left:0;top:270px}.mp-fu-list li:nth-child(3){top:270px;left:369px}.mp-fu-list li:nth-child(4){top:660px;left:0}.mp-fu-list li:nth-child(5){top:660px;left:369px}a.mp-fu-findus{display:none}.mp-aboutcp{width:728px;height:260px;float:none;display:block;margin:0 auto}.mp-aboutcp-title{display:block}.mp-aboutcp-img{width:320px;height:180px}.mp-aboutcp-mask{display:none;border-radius:3px}.mp-aboutcp-st{bottom:10px}.mp-aboutcp-stbg{display:none}.mp-aboutcp-st-txt{color:#fff}.mp-aboutcp-txt{width:368px;padding:0 20px;background-color:transparent}.mp-aboutcp-txt h3{display:none}.mp-aboutcp-txt p{padding-top:0}.mp-pa{float:none;width:731px;margin:40px auto}.mp-poweredby{width:365px;height:100px;border-right:1px solid #dcdcdc;background-color:transparent}.mp-poweredby h3{background-color:transparent}.mp-poweredby h3 a{padding-left:0}.mp-poweredby h3 a:hover .icon-more{display:none}.mp-poweredby h3 span{float:none;display:block;text-align:center}.mp-poweredby h3 .icon-more{display:none}.mp-availableat{width:365px;height:100px;background-color:transparent}.mp-availableat h3{background-color:transparent}.mp-availableat h3 a{padding-left:0}.mp-availableat h3 a:hover .icon-more{display:none}.mp-availableat h3 span{float:none;display:block;text-align:center}.mp-availableat h3 .icon-more{display:none}}@media (min-width: 1500px){#mp-banner{width:890px;height:410px;margin-right:10px}#mp-promo{width:590px}.mpp-daily{width:100%}.mpp-normal{width:100%;margin-top:10px}.mpp-normal li{width:290px}.mpp-normal li:nth-child(1){margin-right:10px}.mp-bs-items{width:590px;margin-right:10px}.mp-bs-itemlistc{width:592px}.mp-bs-itemlistc dl dd{width:295px;height:275px;border-right:1px solid #d6c8ac;border-bottom:1px solid #d6c8ac}.mp-bs-items .rc-xl{display:block}.mp-bs-systems{width:890px}.mp-sp-list-tab{width:460px;margin-right:100px}.mp-sp-details-c{width:930px;height:400px}.mp-sp-detail .g-system .g-sys-img-c{width:400px;height:400px;margin-right:80px}.mp-sp-detail .g-system .g-sys-img{height:330px;width:330px}.mp-sp-detail .g-system .g-sys-info-c{width:450px;height:400px}.mp-sp-detail .g-system .g-sys-info-c .g-sys-performance>div{width:calc(100% / 4 - 11px);width:-webkit-calc(100% / 4 - 11px)}.mp-review{width:430px}.mp-awards{width:1050px}.mp-award-listc{width:960px}.mp-awards .ps-xl{display:block}.mp-followus{height:550px}.mp-fu-list li:nth-child(1){width:430px}.mp-fu-list li:nth-child(1) .mp-fu-img{height:270px}.mp-fu-list li:nth-child(1) .mp-fu-txt{height:230px}.mp-fu-list li:nth-child(n+2){width:520px;height:270px}.mp-fu-list li:nth-child(n+2) .mp-fu-img{width:50%;height:270px}.mp-fu-list li:nth-child(n+2) .mp-fu-txt{width:210px;height:220px}.mp-fu-list li:nth-child(2){top:0;left:440px}.mp-fu-list li:nth-child(3){top:0;left:970px}.mp-fu-list li:nth-child(4){top:280px;left:440px}.mp-fu-list li:nth-child(5){top:280px;left:970px}.mp-aboutcp{width:960px;height:270px;margin-right:10px}.mp-aboutcp-img{width:410px}.mp-aboutcp-mask{right:-7px}.mp-aboutcp-st{bottom:30px;right:15px}.mp-aboutcp-txt{width:490px;height:210px}.mp-pa{width:520px;height:270px;border-radius:3px}.mp-poweredby{width:100%;height:130px}.mp-availableat{width:100%;height:140px}}@media (min-width: 1200px) and (max-width: 1499px){#mp-banner{width:100%;height:340px;margin-bottom:10px}#mp-promo{width:100%}.mpp-daily{width:590px}.mpp-normal{width:600px}.mpp-normal li{margin-left:10px;width:290px}.mp-bs-items{width:530px;margin-right:10px}.mp-bs-itemlistc{width:532px}.mp-bs-itemlistc dl dd{width:265px;height:275px;border-right:1px solid #d6c8ac;border-bottom:1px solid #d6c8ac}.mp-bs-items .rc-l{display:block}.mp-bs-systems{width:650px}.mp-sp-list-tab{width:400px;margin-right:50px}.mp-sp-details-c{width:740px;height:400px}.mp-sp-detail .g-system .g-sys-img-c{width:400px;height:400px;margin-right:50px}.mp-sp-detail .g-system .g-sys-img{height:330px;width:330px}.mp-sp-detail .g-system .g-sys-info-c{width:290px;height:400px}.mp-review{width:590px}.mp-awards{width:590px}.mp-award-listc{width:480px}.mp-awards .ps-l{display:block}.mp-followus{height:620px}.mp-fu-list li:nth-child(1){width:590px;height:410px}.mp-fu-list li:nth-child(1) .mp-fu-img{height:220px}.mp-fu-list li:nth-child(1) .mp-fu-txt{height:140px}.mp-fu-list li:nth-child(n+2){width:590px;height:200px}.mp-fu-list li:nth-child(n+2) .mp-fu-img{width:290px;height:200px}.mp-fu-list li:nth-child(n+2) .mp-fu-txt{width:250px;height:150px}.mp-fu-list li:nth-child(2){top:0;left:600px}.mp-fu-list li:nth-child(3){top:210px;left:600px}.mp-fu-list li:nth-child(4){top:420px;left:0}.mp-fu-list li:nth-child(5){top:420px;left:600px}a.mp-fu-findus{display:none}.mp-aboutcp{width:100%;height:200px}.mp-aboutcp-img{width:470px}.mp-aboutcp-img a img{top:-42px}.mp-aboutcp-mask{right:-43px}.mp-aboutcp-st{bottom:14px;right:35px}.mp-aboutcp-txt{width:calc(100% - 530px);width:-webkit-calc(100% - 530px);height:140px}.mp-pa{width:1190px;height:140px;margin-top:10px}.mp-poweredby{width:590px;height:140px;border-radius:3px;margin-right:10px}.mp-availableat{width:590px;height:140px;border-radius:3px}}@media (min-width: 960px) and (max-width: 1199px){#mp-banner{width:100%;height:340px;margin-bottom:10px}#mp-promo{width:100%}.mpp-daily{width:630px}.mpp-normal{width:310px;height:200px;margin-left:10px}.mpp-normal ul{width:200%;height:100%;animation:mpp-switch 8s ease  infinite}.mpp-normal li{width:50%}.mp-bestselling-c .mp-section-header{height:30px}.mp-bestselling-c .mp-section-header .mp-section-title{font-size:240%}.mp-bs-items{width:310px;margin-right:10px}.mp-bs-itemlistc dl{width:620px}.mp-bs-itemlistc dl dd{width:310px;height:275px}.mp-bs-itemlistc dl dd:nth-child(n+3){border-top:1px solid #d6c8ac;height:274px}.mp-bs-items .rc-m{display:block}.mp-bs-systems{width:630px}.mp-sp-list-tab{width:300px;margin-right:30px}.mp-sp-pro-tab li{font-size:160%}.mp-sp-sys-name{font-size:160%}.mp-sp-details-c{width:620px;height:380px}.mp-sp-detail .g-system{padding-top:30px}.mp-sp-detail .g-system .g-sys-img-c{width:300px;height:320px;margin-right:20px}.mp-sp-detail .g-system .g-sys-img{height:230px;width:230px}.mp-sp-detail .g-system .g-sys-info-c{width:300px;height:380px;padding-top:0}.mp-sp-detail .g-system .g-sys-info-c .g-sys-spec{height:250px}.mp-sl-cats{padding:0 210px;border-bottom:1px solid #c8c8c8}.mp-sl-cats li{margin:0 30px;text-align:center}.mp-sl-filter{margin:0 161px}.mp-featured:hover .g-ctrls{display:block}.mp-f-syslist-c .g-syslist{width:200%}.mp-review{width:470px}.mp-awards{width:470px}.mp-award-listc{width:360px}.mp-awards .ps-m{display:block}.mp-followus{height:620px}.mp-fu-list li:nth-child(1){width:470px;height:410px}.mp-fu-list li:nth-child(1) .mp-fu-img{height:220px}.mp-fu-list li:nth-child(1) .mp-fu-txt{height:140px}.mp-fu-list li:nth-child(n+2){width:470px;height:200px}.mp-fu-list li:nth-child(n+2) .mp-fu-img{width:220px;height:200px}.mp-fu-list li:nth-child(n+2) .mp-fu-txt{width:220px;height:170px;padding:15px}.mp-fu-list li:nth-child(2){top:0;left:480px}.mp-fu-list li:nth-child(3){top:210px;left:480px}.mp-fu-list li:nth-child(4){top:420px;left:0}.mp-fu-list li:nth-child(5){top:420px;left:480px}a.mp-fu-findus{display:none}.mp-aboutcp{width:100%;height:200px}.mp-aboutcp-img{width:330px}.mp-aboutcp-mask{display:none}.mp-aboutcp-st{bottom:10px}.mp-aboutcp-stbg{display:none}.mp-aboutcp-st-txt{color:#fff}.mp-aboutcp-txt{width:580px;height:160px;padding:20px 20px}.mp-aboutcp-txt p{padding-top:10px}.mp-pa{margin-top:10px}.mp-poweredby{width:470px;height:140px;border-radius:3px;margin-right:10px}.mp-availableat{width:470px;height:140px;border-radius:3px}}