dl, menu, ol, ul {
    margin: 0;
    list-style: none;
    list-style-image: none;
}

html, body, #wrap, #container { width: 100%; height: 100%; background-color: #f4f4f4; overflow: hidden; }
html, body, #wrap, #container, div, span, p { font-family: 'PingFang TC', 'Helvetica Neue', 'Helvetica', 'STHeitiTC-Light', 'Arial', sans-serif !important; }
h1, h2, h3, h4, h5, h6 { margin: 5px 0; }
.content { width: 100%; height: 100%; position: relative; }
.web #leftMenu { height: 100%; width: 320px; background-color: #2b2a2a; float: left; position: absolute; top: 0; left: 0; z-index: 2; }
.inGame #leftMenu { height: 100%; background-color: #2b2a2a; float: left; }
#leftMenu .logo { text-align: center; padding-top: 0px; cursor: pointer; }
#leftMenu .searchArea { width: 100%; padding: 10px 35px 0px; box-sizing: border-box; }
#leftMenu .searchArea input { color: white; background: transparent; border: 0; vertical-align: bottom; padding: 0; font-size: 16px; width: 90%; }
#leftMenu .searchArea input:focus { outline: none; }
#leftMenu .searchArea .hr { width: 100%; height: 1px; background: #d39f10; margin: 13px 0; }
#leftMenu .scroll { height: calc(100% - 184px); width: calc(100% - 5px); scrollbar-3dlight-color: red; scrollbar-arrow-color: #2b2a2a; scrollbar-base-color: red; scrollbar-face-color: #424752; scrollbar-track-color: #2b2a2a; scrollbar-darkshadow-color: #424752; scrollbar-highlight-color: #424752; scrollbar-shadow-color: #424752; }
#leftMenu .scroll .categoryArea { min-height: calc(100% - 115px); }
#leftMenu .scroll .categoryArea > div { padding: 0 30px 0 35px; box-sizing: border-box; }
#leftMenu .scroll .categoryArea > div > span { font-size: 22px; color: white; font-weight: bold; box-sizing: border-box; }
#leftMenu .scroll .categoryArea > div > ul { color: #c6c6c6; font-size: 18px; padding-left: 5px; box-sizing: border-box; }
#leftMenu .scroll .categoryArea > div:last-child > .hr { display: none; }
#leftMenu .scroll .categoryArea > div > ul > li { padding-top: 3px; box-sizing: border-box; }
#leftMenu .scroll .categoryArea > div > ul > li img { transition: transform 0.2s; }
#leftMenu .scroll .categoryArea > div > ul > li span { line-height: 30px; height: 30px; display: inline-block; border-bottom: 1px solid transparent; cursor: pointer; margin-left: 10px; box-sizing: border-box; max-width: 90%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; vertical-align: middle; }
#leftMenu .scroll .categoryArea > div > ul > li > ul > li { position: relative; }
#leftMenu .scroll .categoryArea > div > ul > li > ul > li.active .bg { width: 400px; height: 100%; position: absolute; top: 0; left: -60px; background: rgba(211, 159, 16, 0.2); }
#leftMenu .scroll .categoryArea > div > ul > li > ul > li *:not(.bg) { position: relative; z-index: 1; }
#leftMenu .scroll .categoryArea > div ul li.active span { color: #d39f10; border-bottom: 1px solid #d39f10; box-sizing: border-box; cursor: default; }
#leftMenu .scroll .categoryArea > div ul li:not(.active) span:hover { color: #d39f10; border-bottom: 1px solid #d39f10; box-sizing: border-box; }
#leftMenu .scroll .categoryArea > div > ul > li > ul { font-size: 16px; padding-left: 15px; }
#leftMenu .scroll .categoryArea > div > .hr { width: 100%; height: 1px; background: black; box-shadow: 1px 1px 1px rgba(211, 210, 207, 0.1); display: block; margin: 20px 0; }
#leftMenu .scroll .bottomArea { height: 115px; width: 100%; padding: 20px 18px; box-sizing: border-box; }
#leftMenu .scroll .bottomArea > div { padding-top: 17px; }
#leftMenu .scroll .bottomArea > div .footerLogo { display: block; }
#leftMenu .scroll .bottomArea .copyright { font-size: 11px; opacity: 0.5; color: white; }
.web #top { height: 80px; width: 100%; padding-left: 320px; float: right; background-color: #2b2a2a; position: absolute; top: 0; left: 0; z-index: 1; box-sizing: border-box; }
.inGame #top { height: 120px; width: calc(100% - 320px); float: right; background-color: #2b2a2a; }
.web #top .tab { width: 200px; height: 70px; background-color: #f4f4f4; border-radius: 10px 10px 0 0; position: absolute; left: 0; bottom: 0; text-align: center; line-height: 80px; font-size: 22px; color: #2b2a2a; }
.inGame #top .tab { width: 200px; height: 100px; background-color: #f4f4f4; border-radius: 10px; position: absolute; left: 0; bottom: -10px; text-align: center; line-height: 100px; font-size: 22px; color: #2b2a2a; }
#top .buttonArea { position: absolute; right: 25px; bottom: 50px; width: 150px; }
#top .buttonArea > div { float: right; padding-right: 10px; cursor: pointer; }
#top .buttonArea .home { }
#top .buttonArea .facebook { }
.web #main { height: 100%; width: 100%; position: absolute; top: 0; left: 0; margin: 0; float: right; background-color: #f4f4f4; padding: 80px 0 5px 320px; box-sizing: border-box; }
.inGame #main { margin: 0 5px 5px 0; float: right; background-color: #f4f4f4; padding: 0 30px 0; box-sizing: border-box; }
#main .scroll { scrollbar-3dlight-color: red; scrollbar-arrow-color: transparent; scrollbar-base-color: red; scrollbar-face-color: #424752; scrollbar-track-color: #f4f4f4; scrollbar-darkshadow-color: #f4f4f4; scrollbar-highlight-color: #f4f4f4; scrollbar-shadow-color: #f4f4f4; }
#main .wrap { height: 100%; width: 100%; position: relative; padding: 10px 30px 10px 35px; box-sizing: border-box; left: -5px; }
.web #main .content { height: auto; min-height: 100%; padding-bottom: 90px; box-sizing: border-box; }
.inGame #main .content { height: auto; min-height: calc(100% - 75px); padding-bottom: 15px; }
#main .title { font-size: 28px; color: #333333; padding: 30px 0 5px 0; border-bottom: 1px solid #d3d2cf; font-weight: bold; }
.inGame #main .title { padding: 26px 0 5px 0; }
#main .subTitle { font-size: 24px; color: #333333; padding-bottom: 5px; border-bottom: 1px solid #d3d2cf; }
#main .contents { padding-top: 35px; line-height: 25px; letter-spacing: 1px; }
#main .contents ul.searchList { list-style-type: disc; padding: 0 20px 35px 20px; font-size: 10px; vertical-align: middle; }
#main .contents ul.searchList li { vertical-align: middle; }
#main .contents ul.searchList li span { font-size: 18px; vertical-align: middle; line-height: 40px; cursor: pointer; }
#main .contents ul.searchList li span:hover { border-bottom: 1px solid; padding-bottom: 2px; }
#main .contents .searchEmpty > span { font-size: 24px; }
#main .contents .searchEmpty ul { list-style-type: disc; padding: 20px 20px 35px 30px; font-size: 1px; vertical-align: middle; }
#main .contents .searchEmpty ul li span { font-size: 16px; vertical-align: middle; line-height: 25px; }
.web #main #bottom { height: 55px; width: 100%; line-height: 54px; position: absolute; padding-right: 55px; box-sizing: border-box; }
.inGame #main #bottom { height: 55px; width: 100%; line-height: 54px; }
#main #bottom .hr { width: 100%; height: 1px; background: #d3d2cf; }
#main #bottom .linkArea { font-size: 14px; color: #999999; float: left; }
#main #bottom .linkArea span { padding: 0 10px 0 15px; }
#main #bottom .linkArea a { font-size: 14px; color: #666666; }
#main #bottom .linkArea a:hover { color: #2b2a2a; border-bottom: 1px solid #2b2a2a; }
#main #bottom .age { color: #444444; font-size: 11px; float: right; width: auto; padding-top: 10px; display: none; }
#main #bottom .age > img { float: left; padding-right: 10px; }
#main #bottom .age > div { line-height: 16px; }
#main #bottom .age > div.firstLine { float: left; }
#topNavi { position: fixed; right: 35px; top: 60%; cursor: pointer; }
#topNavi:hover { opacity: 0.8; }
#topNavi:active { opacity: 1; }
.scroll { overflow-x: hidden; overflow-y: auto; }
.scroll::-webkit-scrollbar { width: 100%; width: 10px; }
.scroll::-webkit-scrollbar-thumb { background-color: #424752; border-radius: 5px; }
.scroll::-webkit-scrollbar-thumb:hover { background-color: #343840; }
.scroll::-webkit-scrollbar-thumb:active { background-color: #505663; }

#languageBox { text-align: center; text-align: center; position: absolute; right: 130px; top: 62px; }
#languageBox .selectbox { width: inherit; display: inline-block; background: transparent; border: none; box-shadow: none; text-align: left; }
#languageBox .selectbox .label { color: #777; height: 30px; width: auto; }
#languageBox .selectbox:hover .label { color: #d6d6d6; }
#languageBox .selectbox-wrapper { -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0; z-index: 10; width: auto; color: white; display: inline-block; }
#languageBox .selectbox-wrapper.selectbox-open { background: #3a3e46; }
#languageBox .selectbox-wrapper.selectbox-open .selectbox .label { color: white; }
#languageBox .selectbox-hide-select { width: auto; height: auto; text-align: left; }
#languageBox .selectbox-items { margin-top: 0; background: #3a3e46; border: 0; box-shadow: none; text-align: left; }
#languageBox .selectbox-items li.selected { color: #bdbdbb; background: none; }
#languageBox .selectbox-items li { display: block; padding: 5px 8px; border-top: 1px solid #FFF; border-bottom: 1px solid #EEE; color: #666; cursor: pointer; background: none !important; border: none; color: #bdbdbb; }
#languageBox .selectbox-items li:hover { color: #d6d6d6; }
#languageBox .selectbox .button { width: 30px; height: 30px; }
#languageBox .selectbox .button:after { background: url(../img/launcher/btn_arror_right.png) no-repeat 15px 10px; background-size: 7px; width: 100%; height: 100%; transform: rotate(90deg); }

@media screen and (max-width: 3240px) {
    .inGame { zoom: 2.5; }
}

@media screen and (max-width: 2160px) {
    .inGame { zoom: 2; }
}

@media screen and (max-width: 1440px) {
    .inGame { zoom: 1.5; }
}

@media screen and (max-width: 960px) {
    .inGame { zoom: 1; }
}

h3{
    padding-top: 30px;
    padding-bottom: 20px;
}
h2{
    padding-top: 40px;
    padding-bottom: 20px;
}

.text-center {
    text-align: center;
}
.red {
    color: red;
}