.category{margin-bottom:12px}
.category-section .category-block .category{clear:both;overflow:hidden;height:22px}
.category-section .category-block .category a{float:left;display:inline-block;vertical-align:top}
.category strong{display:inline-block;vertical-align:top;color:#fff;font-weight:400;padding:3px 6px 1px;background-color:#879EB6;border:solid 1px #879EB6;text-transform:uppercase}
.category a:hover strong{color:#879EB6;background-color:#fff}
.category span{color:#fff;vertical-align:top;text-transform:uppercase;padding:3px 6px 1px;background-color:#234357;border:solid 1px #234357;display:inline-block}
.category a:hover span{color:#234357;background-color:#fff}
.category span.red{background-color:#BC1908;border-color:#BC1908}
.category a:hover span.red{color:#BC1908}
.content h1{max-width:900px;color:#fff;margin-bottom:23px}
.content p{color:#fff;margin-bottom:0}
.wrapper-with-sidebar{display:flex;margin:0 -34px}
.category-section{padding:0 34px 13px;width:68%;float:left}
.category-section .category-wrapper{margin:0 -12px 15px;overflow:hidden}
.category-section .category-wrapper .category-block{width:50%;float:left;padding:0 12px;margin-bottom:24px}
.category-section .category-wrapper .Bottom2container{width:50%;float:left;max-height:330px}
.category-section .category-wrapper #nativeTwin{display:none}
.category-section .category-wrapper .category-block.full-width{width:100%}
.category-section .category-wrapper .category-block.full-width h2{font-size:54px;line-height:54px;margin-bottom:27px}
.category-section .category-block .category-inner,.category-section .category-block .cate-slider{border:solid 1px #D6D6D6}
.category-section .category-block a {display:block}
.category-section .category-title a {display:inline-block}
.category-section .category-block .cate-slider{position:relative}
.category-section .category-block a:hover h5,.category-section .category-block a:hover p{color:#234357}
.category-section .category-block .cate-slider .stopwatch-ic{position:absolute;top:12px;right:14px;z-index:1;color:#fff}
.category-section .category-block .cate-slider .tns-controls{display:none}
.category-section .category-block .cate-img{position:relative}
.category-section .category-block .cate-img img{width:100%}
.category-section .category-block .cate-img .icon{position:absolute;left:50%;top:50%;z-index:1;margin:-23px 0 0 -23px}
.category-section .category-block .cate-img .icon i{font-size:46px;color:#879EB6}
.category-section .category-block .cate-img a{position:relative}
.category-section .category-block .cate-img a:after{position:absolute;left:0;right:0;top:0;bottom:0;content:"";transition:all .3s ease 0;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-ms-transition:all .3s ease 0;-o-transition:all .3s ease 0}
.category-section .category-block .cate-img a:hover:after{background-color:rgba(0,0,0,.2)}
.category-section .category-block .cate-detail{position:relative;margin-top:-11px;padding:0 15px 23px 18px}
.category-section .category-block .cate-detail h5{margin-bottom:15px}
.category-section .category-block .cate-detail p{font-size:12px;line-height:14px;margin-bottom:0}
.category-section .category-block .bookmark{position:absolute;cursor:pointer;right:16px;bottom:18px;width:20px;height:26px;background:url(/assets/images/Bookmark_empty.svg) no-repeat center center}
.category-section .category-title{position:relative;float:left;width:100%;text-align:center;padding:0 12px}
.category-section .category-title:before{position:absolute;left:12px;right:12px;top:11px;content:"";height:5px;background-color:#879EB6}
.category-section .category-title h3{position:relative;display:inline-block;vertical-align:top;text-transform:uppercase;padding:0 33px;margin-bottom:21px;background-color:#fff}
.map-section{position:relative;padding:11px;margin-bottom:25px;border:solid 1px #D8D8D8}
.map-section #map-image-map{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);min-width:160px;font-family:"Roboto Condensed";font-size:15px;line-height:18px;color:#fff;font-weight:700;padding:5px 15px;background-color:#879EB6;border:solid 2px #879EB6;border-radius:2px;}
.map-section #map-image-map:hover{background-color:#ffffff;color:#879EB6;}
.map-section .modal{z-index:999!important;bottom:0!important;}
.map-section .modal .modal-content{margin:0 auto;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.map-section .map iframe{width:100%}
.map-section form ul{margin:0 -10px 19px;overflow:hidden}
.map-section form ul li{float:left;width:50%;list-style:none;padding:0 10px;margin-bottom:0}
.pro-slider{position:relative;float:left;width:100%;padding:0 48px;margin-bottom:49px}
.pro-slider .tns-item .slider-img{padding:5px 10px;text-align:center;margin-bottom:7px;margin-left:1px;border:solid 1px #D8D8D8}
.pro-slider .tns-item a:hover span{color:#234357}
.pro-slider .tns-item a:hover strong{color:#879EB6}
.pro-slider .tns-item .slider-img img{display:inline-block;vertical-align:top}
.pro-slider .tns-item span{display:block;font-weight:700;color:#879EB6;margin-bottom:6px}
.pro-slider .tns-item strong{display:block;max-width:185px;font-size:16px;color:#000}
.tns-controls button,.slider-controls button{position:absolute;left:12px;top:38px;width:30px;height:30px;background-color:#879EB6}
.tns-controls button[data-controls="next"],.slider-controls button.next{right:12px;left:auto}
.slider-controls button i{font-size:15px;color:#fff}
.category-section .category-block .main-slider .cate-detail{padding-bottom:12px}
.category-section .category-block .main-slider .cate-detail h5{margin-bottom:7px}
.category-section .category-block .main-slider1 .cate-detail{padding-bottom:12px}
.category-section .category-block .main-slider1 .cate-detail h5{margin-bottom:7px}
.category-section .category-block .main-slider2 .cate-detail{padding-bottom:12px}
.category-section .category-block .main-slider2 .cate-detail h5{margin-bottom:7px}
.category-section .category-block .main-slider3 .cate-detail{padding-bottom:12px}
.category-section .category-block .main-slider3 .cate-detail h5{margin-bottom:7px}
.category-section .category-block .thumb-wrapper{padding:0 0 14px 18px}
.category-section .category-block .thumb-wrapper .tns-item img{opacity:.5;border:solid 3px #879EB6}
.category-section .category-block .thumb-wrapper .tns-item.tns-nav-active img{opacity:1}
.learn-more{position:relative;height:16px;overflow:hidden;padding-right:180px;font-family:"Roboto";color:#000;-webkit-transition:height .25s ease;-o-transition:height .25s ease;transition:height .25s ease}
.learn-more p{position:relative}
.learn-more p:after{position:absolute;right:-20px;top:0;content:"[…]";font-family:"Roboto";color:#000}
.learn-more p{color:#000;line-height:20px;margin-bottom:0;margin-top:-2px}
.learn-more a{position:absolute;right:0;top:0;color:#000;text-transform:uppercase}
.learn-more a i{transition:all .3s ease 0;-webkit-transition:all .3s ease 0;-moz-transition:all .3s ease 0;-ms-transition:all .3s ease 0;-o-transition:all .3s ease 0}
.learn-more.active p:after{content:""}
.learn-more.active a i{transform:rotate(180deg)}
.learn-more a:hover{color:#879EB6}
.top-content{margin-bottom:30px}
.main-title{position:relative;text-align:center;margin-bottom:30px}
.main-title:after{position:absolute;left:0;right:0;top:50%;content:"";height:5px;margin-top:-4px;background-color:#879EB6}
.main-title h1{position:relative;z-index:1;display:inline-block;vertical-align:top;padding:0 30px;margin-bottom:0;background-color:#fff;text-transform:uppercase}
.top-content h4 {font-size:22px;line-height:28px;margin-bottom:35px;font-family:"Roboto Condensed";font-weight:400;}
.top-content p{font-family:"Roboto";font-size:22px;line-height:28px;color:#000}
.top-content p:last-child{margin-bottom:0}
.post-navigation{width:100%;float:left;text-align:center;padding:14px 12px 56px}
.post-navigation ul{clear:both;overflow:hidden;display:inline-block;vertical-align:top;margin-bottom:0}
.post-navigation ul li{float:left;list-style:none;padding-left:3px;padding-right:3px;margin-bottom:0}
.post-navigation ul li a,.post-navigation ul li span{display:block;font-family:"Roboto";font-size:20px;line-height:30px;color:#4A4A4A;padding:0 7px}
.post-navigation ul li a{font-weight:700}
.post-navigation ul li a:hover{color:#999}
.post-navigation ul li.next a,.post-navigation ul li.prev a{padding:0;width:30px;height:30px;background-color:#879EB6;border:solid 1px #879EB6}
.post-navigation ul li.next{padding-left:40px;padding-right:0}
.post-navigation ul li.prev{padding-right:40px;padding-left:0}
.post-navigation ul li.next a i,.post-navigation ul li.prev a i{font-size:15px;vertical-align:top;line-height:28px;color:#fff}
.post-navigation ul li.next a:hover,.post-navigation ul li.prev a:hover{background-color:transparent}
.post-navigation ul li.next a:hover i,.post-navigation ul li.prev a:hover i{color:#879EB6}
.post-navigation ul li.selected span{color:#999}
.buyers-guide{padding:24px 22px 22px;background-color:#879EB6;border:solid 1px #D8D8D8}
.buyers-guide h3{font-size:22px;line-height:25px;color:#fff;text-align:center;font-weight:600;margin-bottom:23px}
.buyers-guide form{padding:14px 16px 29px;background-color:#fff}
.buyers-guide form ul{margin:0 -22px;overflow:hidden}
.buyers-guide form ul li{width:50%;float:left;list-style:none;padding:0 22px;margin-bottom:27px}
.buyers-guide form ul li select,select{width:100%;font-family:"Roboto Condensed";font-size:18px;line-height:21px;font-weight:700;color:#000;padding:14px 26px 9px 11px;border:none;border-bottom:solid 1px #9B9B9B;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:url(/assets/images/expand_more.png) no-repeat right 11px bottom 15px;background-size:14px auto}
.buyers-guide form ul li.submit-bt{width:100%;text-align:center;margin-bottom:0}
.buyers-guide form ul li.submit-bt input[type="submit"]{min-width:160px;font-family:"Roboto Condensed";font-size:15px;line-height:18px;color:#fff;font-weight:700;padding:3px 15px;background-color:#879EB6;border:solid 2px #879EB6;border-radius:2px}
.buyers-guide form ul li.submit-bt input[type="submit"]:hover{color:#879EB6;background-color:transparent}
.our-rewarded{flex-wrap:wrap;align-items:center;display:flex;margin-bottom:52px;padding:25px 35px 23px 22px;border:solid 1px #D8D8D8}
.our-rewarded .rewards{width:80%}
.reward-block{padding-top:19px;padding-bottom:19px;border-bottom:solid 1px #D8D8D8}
.reward-block:first-child{padding-top:0}
.reward-block:last-child{padding-bottom:0;border-bottom:none}
.reward-block img{width:160px;float:left}
.reward-block .reward-info{width:calc(100% - 160px);float:right;padding-left:24px;padding-top:11px}
.reward-block .reward-info h6{margin-bottom:0}
.reward-tester{width:20%;text-align:center;padding-left:46px}
.reward-tester h6{text-align:left;color:#879EB6;font-weight:400;margin-bottom:15px}
.reward-tester img{display:inline-block;vertical-align:top}
#map-container{padding:6px;border-width:1px;border-style:solid;border-color:#ccc #ccc #999;-webkit-box-shadow:rgba(64,64,64,0.5) 0 2px 5px;-moz-box-shadow:rgba(64,64,64,0.5) 0 2px 5px;box-shadow:rgba(64,64,64,0.1) 0 2px 5px;width:100%}
#map{width:100%;height:450px}
@media(max-width: 1100px) {
.category-section .category-block .cate-img img{min-height:156px}
.map-section .modal .modal-content{width:90%;top:auto;transform: translate(-50%, 0);}
.map-section .modal {padding:10px 0;}
}
@media(max-width: 991px) {
.category-section .category-wrapper .category-block{width:100%}
.wrapper-with-sidebar{margin:0 -20px}
.category-section{width:56%;padding:0 20px}
.wrapper-with-sidebar .sidebar{width:44%;padding:0 20px}
.article-wrapper{padding-left:0}
.category-bar{width:100%}
.article-wrapper .main-article{width:100%;padding-left:0}
.category-bar .cate-tag{width:48%;float:left}
.category-bar .cate-tag:first-child{margin-right:4%}
.category-bar .share-section{float:left;text-align:left;padding-right:0;border-right:none}
.share-section-inner{width:auto;height:auto;vertical-align:middle}
.category-bar .share-section .comments,.social-share,.category-bar .share-section .bookmark,.social-share ul li{display:inline-block;vertical-align:middle;margin-bottom:0;margin-right:10px}
.social-share{margin-right:0}
.social-share ul{margin-right:0}
.share-section .more-option{display:inline-block;vertical-align:middle;margin-bottom:15px}
.map-section form ul li{width:100%}
.video-block .video-img{width:100%;margin-bottom:20px}
.video-block .video-title{width:100%;padding-top:0;padding-left:0}
.video-block .video-title .bookmark{top:0}
.videos{padding-left:0;padding-right:0}
.comment-on-category{padding-left:15px;padding-right:15px}
.cate-table .cate-table-cell .comment-on-category span{width:101px}
.sponser-wrapper .sponser-block{width:50%}
.sponser-wrapper .sponser-block .sponser-img img{width:100%}
.category-section .category-wrapper .category-block.full-width h2{font-size:39px;line-height:48px}
.game-detail{display:block}
.game-score{margin-top:30px}
.players-detail,.game-score{width:100%;border-right:none}
.buyers-guide form ul li{width:100%}
.reward-block .reward-info{width:100%;padding-left:0}
.reward-tester{width:33%;padding-left:25px}
.our-rewarded .rewards{width:67%}
}
@media(max-width: 767px) {
.banner-ad{width:308px;height:58px;margin:0 auto 29px;padding:4px;border:solid 1px #9B9B9B;background-color:#fff}
.banner-ad-wrapper{display:block;width:100%;height:100%;background-color:#4A90E2}
.category-section{width:100%;padding:0}
.category{margin-bottom:8px}
.blue-ad-box{padding:16px;text-align:center;margin-bottom:28px;background-color:#E4E4E4}
.blue-ad-box-wrapper{display:inline-block;vertical-align:top;width:308px;height:258px;padding:4px;border:solid 1px #D8D8D8}
.ad-box{display:block;width:100%;height:100%;background-color:#4A90E2}
.wrapper-with-sidebar{margin:0}
.category-section .category-wrapper{margin-left:0;margin-right:0}
.category-section .category-wrapper .category-block{padding-right:15px;padding-left:15px}
.category-section .category-title{padding:0}
.category-section .category-title:before{left:0;right:0}
.category-section .category-title h3{padding-left:20px;padding-right:20px;margin-bottom:25px}
.pro-slider{padding:0;margin-bottom:35px}
.map-section{padding:0;margin-bottom:40px;border:none}
.map-section form{padding:0 15px}
.map-section form ul{margin-bottom:8px}
.map-section form ul li{margin-bottom:20px}
.map-section form ul li select{font-size:18px;line-height:21px;padding:0 31px 9px 11px}
.map{height:395px}
.map-section .map iframe{width:100%;height:100%}
.video-section .video-title{text-align:center}
.video-section .video-title h3{font-size:32px;line-height:36px;padding:0 20px}
.video-section .video-title:after{top:15px}
.video-section .tns-outer{padding-left:9px!important}
.video-slider .tns-item .video-caption h5{font-size:14px;line-height:16px}
.video-section .more-video{padding:0 10px;text-align:center;margin-top:18px;margin-bottom:22px}
.blue-ad-box.green{margin-bottom:0;background-color:transparent}
.blue-ad-box.green .ad-box{background-color:#7ED321}
.article-page .banner-ad{margin-bottom:6px}
.article-wrapper{padding-left:11px;padding-right:11px}
.article-wrapper .main-article h4{padding-bottom:0;margin-bottom:23px}
.keep-reading{position:relative;width:100%;max-width:355px;text-align:center;margin:0 auto 40px;padding:14px 15px 24px;border:solid 1px #E4E4E4}
.keep-reading span{display:block;font-family:"Roboto"}
.keep-reading span strong{font-size:20px}
.keep-reading > strong{font-family:"Roboto";font-size:20px;line-height:22px;color:#879EB6}
.bookmark{position:absolute;right:12px;top:14px;cursor:pointer;width:20px;height:27px}
.category-section .category-block .bookmark{top:auto;bottom:18px}
.bookmark a{display:block;width:20px;height:27px;background:url(/assets/images/Bookmark_empty.svg) no-repeat center center;background-size:20px auto}
.keep-reading .continue-reading{position:absolute;bottom:-17px;left:50%;width:35px;height:35px;color:#fff;font-size:25px;line-height:38px;margin-left:-17px;background-color:#879EB6;border-radius:100%}
.article-page .blue-ad-box{margin:0 -11px 37px}
.blue-ad-box.transparent{padding-top:0;padding-bottom:0;background-color:transparent}
.videos{max-width:270px;margin-right:auto;margin-left:auto}
.blue-ad-box.green-fill .ad-box{background-color:#7ED321}
.video-slider .tns-item:before{right:10px}
.back-option{position:relative;padding:10px 35px 15px}
.back-option a{position:absolute;left:15px;top:15px;font-size:20px;color:#071D3D}
.back-option span{display:block;text-align:center;font-size:24px;line-height:28px;color:#071D3D;font-weight:700}
.main-title {margin-bottom:20px}
.main-title h1{font-size:32px;line-height:36px}
.top-content h4{font-size:18px;line-height:24px;margin-bottom:15px;font-family:"Roboto Condensed";}
.top-content p{font-size:18px;line-height:24px;text-align:center;padding:0 10px}
.top-content{margin-bottom:24px}
.game-detail{padding-bottom:20px}
.view-score{text-align:center;padding-top:10px}
.grey-slider-bar{margin-bottom:9px;padding:10px 0 10px 18px;background-color:#879EB6}
.grey-slider-bar .tns-controls{display:none}
.grey-slider-bar .tns-autowidth{vertical-align:top}
.grey-slider-bar .item a{font-size:18px;line-height:16px;color:#fff}
.buyers-guide{padding:19px 32px 25px}
.buyers-guide form{padding:26px 15px 27px}
.buyers-guide form ul{margin:0}
.buyers-guide form ul li{padding:0;margin-bottom:25px}
.buyers-guide form ul li select,select{font-size:24px;line-height:28px;padding:0 25px 2px 11px}
.our-rewarded{padding:24px 32px;margin-bottom:24px;border-left:none;border-right:none}
.our-rewarded .rewards{width:100%}
.reward-block img{width:168px}
.reward-block .reward-info{width:calc(100% - 168px);padding:8px 0 0 20px}
.reward-tester{width:100%;clear:both;display:flex;align-items:center;overflow:hidden;padding-left:0}
.reward-tester img{float:left;width:80px;order:1}
.reward-tester h6{float:right;order:2;width:calc(100% - 80px);padding-left:20px;margin-bottom:0}
.reward-block{padding-top:0;padding-bottom:14px;border-bottom:none}
.reward-block:last-child{padding-bottom:14px}
}
@media(max-width: 374px) {
.banner-ad,.blue-ad-box-wrapper{width:290px}
.bulletin-detail table tr td{font-size:14px;line-height:20px}
.bulletin.weather .weather-detail ul li span{width:calc(100% - 105px)}
.bulletin.weather .weather-detail ul li strong{width:105px}
.bulletin.weather .weather-detail ul li strong i{margin-right:8px}
.mob-share .share-section,.mob-share .article-date{width:100%}
}