#topNews.wrap { background-color: #1B1B1B; padding: 10px; }
#topNews .articleTitle { margin-bottom: 3px; }
#topNews .mainNewsWrap { padding: 0 10px 0 0; margin-bottom: 10px; }
#topNews .mainNews { float: left; width: 360px; }
#topNews .mainNews .articleThumbnailWrap > a { width: 100%; height: 240px; }
#topNews .mainNews .articleTitleWrap { margin: 10px 0 0; background-color: #1b1b1b; }
#topNews .mainNews .articleTitle { font-size: 15px; line-height: 20px; height: 60px; overflow: hidden; margin-bottom: 10px; }
#topNews .mainNews .articleTitle a { color: #FFF; font-weight: normal; }
#topNews .mainNews .articleCreateDate { float: right; }
#topNews .subNews { float: right; width: 80px; }
#topNews .subNews > li { margin-bottom: 10px; }
#topNews .subNews.side { float: right; width: 154px; }
#topNews .subNews.side > li { float: none; }
#topNews .subNews .articleThumbnailWrap { margin-bottom: 5px; }
#topNews .subNews .articleThumbnailWrap > a { width: 100%; height: 60px; }
#topNews .subNews .articleTitle { max-height: 54px; overflow: hidden; }
#topNews .mainNews .thumbIcon { font-size: 16px; height: 24px; line-height: 24px; }

#sideGameSchedule, #sideMatomeLink, #sideNewsLink { margin-bottom: 5px; }

#sideGameSchedule h3, #sideMatomeLink h3, #sideNewsLink h3 { background-color: #222; font-size: 14px; color: #FFF; padding: 5px 10px; }

#sideGameSchedule h4 { padding: 3px 10px; background-color: #C2C2C2; border: 1px solid #CCC; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.35) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.35) inset; -webkit-text-shadow: 0 1px 0 rgba(255, 255, 255, 0.65); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.65); font-size: 14px; }
#sideGameSchedule > ul { background-color: #FFF; -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.12); }

#sideMatomeLink > ul { background-color: #FFF; -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.12); }

#sideNewsLink ul { padding: 0; background-color: #FFF; -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.12); }

#sideMatomeLink > ul > li { overflow: hidden; border-bottom: 1px dotted #CCC; padding: 5px 0; }

#sideGameSchedule > ul > li, #sideNewsLink ul li { overflow: hidden; border-bottom: 1px dotted #CCC; }

#sideGameSchedule > ul > li:last-child, #sideMatomeLink > ul > li:last-child { border: none; }

#sideNewsLink ul li:last-child { border: none; }
#sideNewsLink .article > a { width: 100%; height: 101px; }
#sideNewsLink .gameTitle { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#sideNewsLink a { display: block; color: #333; padding: 3px 10px; }
#sideNewsLink a:hover { text-decoration: none; background-color: #F2F2F2; }
#sideNewsLink .gameRackNum { margin-right: 15px; }
#sideNewsLink .articleNum, #sideNewsLink .gameRackNum { font-size: 11px; color: #999; }
#sideNewsLink .articleNum .num, #sideNewsLink .gameRackNum .num { margin-right: 1px; }

#sideMatomeLink .categoryName { font-weight: bold; display: block; color: #666; padding: 5px 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
#sideMatomeLink .categoryName .fa { float: right; color: #BBB; margin: -2px 3px 0 0; font-size: 20px; font-weight: bold; }
#sideMatomeLink .level1 a { font-size: 14px; display: block; padding: 5px 10px; color: #333; }
#sideMatomeLink .level1 a:hover { text-decoration: none; background-color: #F2F2F2; }
#sideMatomeLink .level2 { padding-left: 15px; }
#sideMatomeLink .level2 a { position: relative; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

#sideGameSchedule a:hover { text-decoration: none; }
#sideGameSchedule .gameJaket { float: left; width: 64px; height: 64px; background-color: #F2F2F2; border: 1px solid #DBDBDB; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0 5px 0	0; }
#sideGameSchedule > ul > li > a { overflow: hidden; display: block; padding: 5px 10px; }
#sideGameSchedule .icon { float: left; margin: 1px 2px 0 0; }
#sideGameSchedule .gameTitle { font-size: 12px; line-height: 16px; font-weight: bold; overflow: hidden; max-height: 48px; }
#sideGameSchedule > ul > li > a { color: #333; }
#sideGameSchedule a:hover { background-color: #F2F2F2; }
#sideGameSchedule .numData, #sideGameSchedule .releseDate, #sideGameSchedule .price { display: block; color: #666; font-size: 11px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 16px; line-height: 16px; }
#sideGameSchedule .releseDate { float: left; font-size: 11px; margin: 3px 7px 0 0; }
#sideGameSchedule .price { float: left; font-size: 11px; margin: 3px 0 0 0; }
#sideGameSchedule img { max-width: 100%; height: auto; }

#sideMatomeLink .moreBtnWrap, #sideGameSchedule .moreBtnWrap { padding: 10px; border: none; border-top: 1px solid #CCC; }

#sideMatomeLink .btn, #sideGameSchedule .btn { -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; font-size: 13px; height: 32px; line-height: 32px; }

#videoAritcleRecommend { padding: 10px; background-color: #525252; overflow: hidden; }
#videoAritcleRecommend .fa { position: absolute; bottom: 10px; left: 10px; font-size: 40px; color: #FFF; }
#videoAritcleRecommend .bigThumbnail { float: left; width: 303px; }
#videoAritcleRecommend .bigThumbnail .thumbWrap { height: 170px; }
#videoAritcleRecommend .bigThumbnail .thumb { width: 100%; height: 170px; border-color: #222; }
#videoAritcleRecommend .bigThumbnail .articleWrap { background-color: #222; padding: 5px 10px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 98px; overflow: hidden; }
#videoAritcleRecommend .bigThumbnail .articleCreateDate { float: right; color: #E2E2E2; font-size: 12px; height: 14px; line-height: 14px; }
#videoAritcleRecommend .bigThumbnail .tweetNum { float: left; color: #E2E2E2; }
#videoAritcleRecommend .bigThumbnail .articleTitle { margin: 0 0 10px 0; }
#videoAritcleRecommend .bigThumbnail .articleTitle a { color: #FFF; font-size: 14px; line-height: 20px; overflow: hidden; height: 60px; margin-bottom: 5px; }
#videoAritcleRecommend .smallThumbnail { float: right; overflow: hidden; }
#videoAritcleRecommend .smallThumbnail li { overflow: hidden; height: 86px; margin-bottom: 5px; }
#videoAritcleRecommend .smallThumbnail li:last-child { margin-bottom: 0; }
#videoAritcleRecommend .smallThumbnail .thumb { width: 152px; height: 86px; border-color: #222; }
#videoAritcleRecommend .smallThumbnail .fa { font-size: 20px; }
#videoAritcleRecommend .smallThumbnail li:hover .articleTitle { visibility: visible; opacity: 1; -webkit-transition: all 0.15s linear; transition: all 0.15s linear; }
#videoAritcleRecommend .smallThumbnail .articleTitle { position: absolute; top: 0; left: 0; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; height: 86px; background-color: rgba(0, 0, 0, 0.65); visibility: hidden; opacity: 0; }
#videoAritcleRecommend .smallThumbnail .articleTitle a { color: #FFF; font-size: 12px; line-height: 16px; height: 64px; overflow: hidden; }
#videoAritcleRecommend .smallThumbnail .articleTitle a:hover { text-decoration: none; }

#allUserReviewShortCut { background-color: #fefedc; border-left: 1px solid #CCC; border-right: 1px solid #CCC; border-bottom: 1px dotted #CCC; padding: 5px 10px; }
#allUserReviewShortCut .gameJaket { float: left; width: 120px; height: 90px; margin-right: 5px; background-color: #F2F2F2; text-align: center; }
#allUserReviewShortCut .reviewTitle { font-size: 13px; line-height: 18px; max-height: 36px; overflow: hidden; font-weight: bold; margin: 0 95px 3px 130px; }
#allUserReviewShortCut .reviewTitle a { display: block; }
#allUserReviewShortCut > ul > li { position: relative; overflow: hidden; }
#allUserReviewShortCut .reviewScore { width: 90px; height: 90px; line-height: 90px; font-size: 40px; }
#allUserReviewShortCut .reviewScore a { display: block; color: #FFF; }
#allUserReviewShortCut .reviewScore a:hover { text-decoration: none; }
#allUserReviewShortCut .gameTItle a { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin: 0 95px 3px 130px; font-size: 12px; color: #666; }
#allUserReviewShortCut .more { margin: 5px 0 0 0; text-align: right; }
#allUserReviewShortCut .more a { position: relative; }
#allUserReviewShortCut .more a:before { position: absolute; content: " "; top: 50%; left: -10px; margin-top: -4px; border: 4px solid transparent; border-left-color: #E00000; }
#allUserReviewShortCut .user { margin: 0 95px 3px 130px; color: #999; font-size: 12px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 32px; line-height: 32px; }
#allUserReviewShortCut .user img { float: left; width: 32px; height: auto; margin-right: 5px; }