#contentHeaderWrap { margin-bottom: 5px; }

#contentHeader { padding: 32px 20px; }

.contentsHeader { position: relative; border-top: 3px solid #115021; border-left: none; background-color: #1E8141; color: #FFF; height: 24px; line-height: 24px; padding: 0 8px; font-size: 14px; margin: 0; }

.centerContentWrap { float: left; clear: both; width: 100%; background-color: #FFF; margin-bottom: 5px; }
.centerContentWrap .more { position: relative; text-align: right; font-size: 16px; padding: 10px; background-color: #FFF; }

.onlineOtherService { float: left; clear: both; margin: 10px -6px 0 0; }
.onlineOtherService li { position: relative; float: left; width: 224px; margin: 0  6px 10px 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
.onlineOtherService a { display: block; }
.onlineOtherService img { max-width: 100%; height: auto; }

#Question { margin: 5px 0; }
#Question .header { background-color: #fff; }
#Question .contents { padding: 10px; -webkit-border-radius: 3px; border-radius: 3px; font-weight: bold; }
#Question p:first-child { position: relative; background-color: #faf3b7; padding: 10px; margin-bottom: 5px; font-size: 14px; }
#Question p:first-child .pic { color: #D00000; font-weight: bold; }
#Question li { float: left; width: 33.3333%; }
#Question .inner { display: block; margin: 5px; padding: 10px; background-color: #FCFCFC; border: 1px solid #DBDBDB; -webkit-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); box-shadow: 0 2px 4px rgba(0, 0, 0, 0.08); -webkit-border-radius: 2px; border-radius: 2px; text-align: center; overflow: hidden; }
#Question .inner:hover { text-decoration: none; }
#Question .inner .gameTitle { display: block; text-align: left; line-height: 20px; height: 40px; font-size: 14px; margin-bottom: 5px; overflow: hidden; font-weight: bold; word-break: break-all; }
#Question .text.stop { color: #999; }
#Question .inner .btn { display: inline-block; width: 90%; font-size: 14px; font-weight: bold; text-align: center; background-color: #DDD; }
#Question .inner .btn.push { cursor: auto; }

.magazine { background-color: #FFF; padding: 10px; }
.magazine .leftSide { float: left; width: 165px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; }
.magazine .rightSide { float: right; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; margin-left: -165px; padding-left: 165px; }
.magazine.bottom { clear: both; padding: 0 10px 10px; }
.magazine ul { margin-top: 10px; }
.magazine ul:first-child { margin: 0; }
.magazine.top li { width: 33.3333%; }
.magazine li { float: left; width: 25%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 5px; }
.magazine .title { font-size: 12px; line-height: 16px; max-height: 80px; overflow: hidden; }
.magazine .jacket { float: left; display: block; width: 75px; height: 92px; background-color: #F2F2F2; }
.magazine .jacket img { max-width: 100%; max-height: 100%; }
.magazine .detail { margin-left: 80px; }
.magazine .btn { margin-top: 8px; color: #fa6c00; }
.magazine .btn:hover { text-decoration: none; }
.magazine .new .jacket { position: relative; float: none; width: 140px; height: auto; }
.magazine .new .indicator { position: absolute; top: 0; right: 0; height: 24px; line-height: 24px; padding: 0 5px; font-size: 14px; background-color: #FE0000; color: #FFF; font-weight: bold; }
.magazine .new img { width: 100%; }
.magazine .new .detail { margin: 8px 0 0 0; }
.magazine .new p { font-size: 14px; text-align: left; }
.magazine .new .btn { margin-top: 0; text-align: center; font-size: 16px; }
.magazine .last { border-bottom: 1px solid #D8D8D8; padding-bottom: 10px; }
.magazine li a { display: block; }