[class^=title] {
    position: relative
}

[class^=t_],[class^=i_],[class^=ibtn_] {
    display: inline-block;
    vertical-align: middle;
    font-style: normal;
    font-weight: normal
}

[class^=i_]:before,[class^=ibtn_]:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    background: url(/static/images/forum/icons.png) 0 0 no-repeat;
    background-size: 500px auto
}

[class^=i_] span,[class^=ibtn_] span {
    margin-left: 6px;
    display: inline-block;
    vertical-align: middle;
    font-size: inherit;
    line-height: inherit
}

.btn_basic {
    padding: 8px 15px;
    border-radius: 6px;
    color: #222832;
    border: 1px solid #edeef6;
    background-color: #edeef6
}

[class^=btn_] {
    display: inline-block;
    position: relative;
    font-weight: bold
}

* {
    margin: 0;
    padding: 0;
    border: 0;
    box-sizing: border-box
}

html {
    -webkit-text-size-adjust: none;
    height: 100%
}

body {
    font-family: "Noto Sans",sans-serif;
    word-wrap: break-word;
    overflow-wrap: anywhere
}

body:lang(ko) {
    font-family: "Noto Sans KR",sans-serif;
    word-break: keep-all
}

body:lang(ja) {
    font-family: "Noto Sans JP",sans-serif
}

body:lang(zh-hans) {
    font-family: "Noto Sans SC",sans-serif
}

body:lang(zh-hant) {
    font-family: "Noto Sans TC",sans-serif
}

body:lang(th) {
    font-family: "Prompt",sans-serif
}

body:lang(ar) {
    font-family: "Tajawal",sans-serif
}

img {
    max-width: 100%;
    vertical-align: top
}

button {
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    line-height: inherit;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: none;
    outline: none;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    border: 0;
    outline: 0;
    box-sizing: border-box
}

button:disabled {
    cursor: default
}

a {
    font-size: inherit;
    color: inherit;
    line-height: inherit;
    text-decoration: none;
    outline: 0
}

input,textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
    box-sizing: border-box
}

label {
    cursor: pointer
}

ol,ul {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:before,blockquote:after {
    content: ""
}

q:before,q:after {
    content: ""
}

ol,ul,li {
    list-style: none
}

blockquote,q {
    quotes: none
}

blockquote:before,blockquote:after {
    content: ""
}

q:before,q:after {
    content: ""
}

address {
    font-style: normal
}

hr {
    display: block;
    margin-top: .5em;
    margin-bottom: .5em;
    margin-left: auto;
    margin-right: auto;
    border-style: inset;
    border-width: 1px
}

table {
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse;
    border: 1px solid #000
}

th,td,tr {
    border: 1px solid #000
}

.tb {
    display: table;
    width: 100%;
    height: 100%
}

.cell {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle
}

input,textarea {
    font-size: inherit;
    line-height: inherit;
    outline: none;
    outline: 0;
    -webkit-appearance: none
}

input[type=tel] {
    padding: 15px 20px;
    font-size: 15px;
    color: #000f45;
    line-height: 22px;
    border-radius: 0;
    border: 1px solid #b9bbce;
    box-sizing: border-box;
    outline: 0;
    -webkit-transition: border-color .2s;
    transition: border-color .2s
}

input[type=text] {
    padding: 15px 20px;
    font-size: 15px;
    color: #000f45;
    line-height: 22px;
    border-radius: 0;
    border: 1px solid #b9bbce;
    box-sizing: border-box;
    outline: 0;
    -webkit-transition: border-color .2s;
    transition: border-color .2s
}

input[type=text]:focus,input[type=text]:hover {
    border-color: #7e8592
}

input[type=radio] {
    display: none
}

input[type=radio]+label {
    position: relative;
    display: inline-block;
    padding-left: 28px;
    text-indent: 0;
    line-height: 19px
}

input[type=radio]+label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 19px;
    height: 19px;
    text-indent: 0;
    background: url(/static/images/forum/icons.png) 0 -139px no-repeat;
    background-size: 500px
}

input[type=radio]:checked+label:before {
    background-position: -23px -139px
}

input[type=radio]+label~label {
    margin-left: 10px
}

input[type=checkbox] {
    display: none
}

input[type=checkbox]+label {
    position: relative;
    display: inline-block;
    padding-left: 28px;
    text-indent: 0;
    line-height: 19px
}

input[type=checkbox]+label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 21px;
    height: 21px;
    text-indent: 0;
    background: url(/static/images/forum/icons.png) -376px -92px no-repeat;
    background-size: 500px
}

input[type=checkbox]:checked+label:before {
    background-position: -401px -92px
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    display: block
}

.blind,.hide {
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    width: 1px;
    height: 1px;
    text-indent: -9999px;
    font-size: 0;
    line-height: 0;
    color: rgba(0,0,0,0)
}

.content ::-webkit-input-placeholder,.content ::-moz-placeholder,.content :-ms-input-placeholder,.content :-moz-placeholder,.content input:-ms-input-placeholder {
    color: #b9bbce !important
}

input::-ms-clear,input::-ms-reveal {
    display: none;
    width: 0;
    height: 0
}

input::-webkit-search-decoration,input::-webkit-search-cancel-button,input::-webkit-search-results-button,input::-webkit-search-results-decoration {
    display: none
}

a.skip_to_content {
    width: 1px;
    height: 1px;
    position: absolute;
    overflow: hidden;
    z-index: -999;
    top: -50px;
    right: 0;
    left: 0
}

a.skip_to_content:focus,a.skip_to_content:active {
    width: auto;
    height: auto;
    display: block;
    position: absolute;
    z-index: 999;
    top: 0;
    margin: 0;
    padding: 5px 5px 2px;
    font-size: 15px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #000
}

.ats .toast_zone {
    -webkit-transition: .5s;
    transition: .5s
}

.ats .toast_zone .toast {
    -webkit-transform: scale(0);
    transform: scale(0);
    -webkit-transition: .5s;
    transition: .5s
}

.ats .toast_zone.on .toast {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.point {
    color: #1475db !important
}

body {
    top: 0 !important
}

.wrap {
    background-color: #fff
}

.btn_file {
    margin: 5px 0 5px;
    padding: 12px 17px;
    font-size: 13px;
    line-height: 18px;
    color: #7e8592;
    border-radius: 8px;
    background-color: #e8eaed
}

.btn_file:hover {
    background-color: #dddfe3
}

.btn_file .icon {
    width: 16px;
    height: 14px;
    margin-right: 5px;
    background-position: -496px -128px
}

.btn_del .icon {
    width: 10px;
    height: 10px;
    vertical-align: top;
    background-position: -246px -86px
}

.select {
    display: inline-block;
    min-width: 140px;
    position: relative;
    padding: 8px 36px 8px 12px;
    font-size: inherit;
    line-height: inherit;
    text-align: left;
    vertical-align: middle;
    color: #222832;
    border-radius: 6px;
    box-sizing: border-box;
    border: 1px solid #b9bbce;
    background: #fff;
    cursor: pointer
}

.select select {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer
}

.select+.select {
    margin-left: 10px
}

.select.disabled {
    color: #b9bbce;
    text-shadow: 1px 1px #fff;
    font-size: 14px;
    line-height: 20px;
    border-radius: 3px;
    background-color: #f5f6f9;
    background-position: 100% 100%
}

.select>.txt {
    position: relative;
    vertical-align: top;
    text-align: left;
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.select:after {
    content: "";
    position: absolute;
    right: 13px;
    top: 50%;
    margin-top: -2px;
    width: 10px;
    height: 6px;
    background: url(/static/images/forum/icons.png) -34px -185px no-repeat;
    background-size: 500px auto
}

select {
    height: 36px;
    position: relative;
    margin: 0;
    font-size: inherit;
    color: #6e6e6e;
    vertical-align: middle;
    border: 1px solid #e5e5e5
}

.wordcut {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.wordcut2 {
    display: block;
    max-height: 3em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-wrap: break-word
}

.toast_zone {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    z-index: -1;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    background: rgba(0,0,0,0)
}

.toast_zone:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    margin-left: -5px
}

.toast_zone.on {
    z-index: 100
}

.toast_zone.on .toast {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.toast_zone .toast {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 480px;
    min-height: 2.4em;
    margin: 20px 0;
    padding: 64px 20px 54px;
    box-shadow: 0 2px 16px 0 rgba(0,0,0,.26);
    background-color: #fff;
    box-sizing: border-box;
    opacity: 0
}

.toast_zone .toast_body {
    font-size: 18px;
    line-height: 22px
}

.toast_zone .toast_footer {
    margin-top: 40px
}

.toast_zone .ibtn_close {
    width: 54px;
    height: 54px;
    position: absolute;
    right: 0;
    top: 0
}

.toast_zone .ibtn_close:before {
    width: 14px;
    height: 14px;
    background-position: -156px -117px
}

/*login*/
.login_zone {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    z-index: -1;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    background: rgba(0,0,0,0)
}

.login_zone:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: 100%;
    margin-left: -5px
}

.login_zone.on {
    z-index: 10
}

.login_zone.on .login_box {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.login_zone .login_box {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 480px;
    min-height: 2.4em;
    margin: 20px 0;
    padding: 64px 20px 54px;
    box-shadow: 0 2px 16px 0 rgba(0,0,0,.26);
    background-color: #fff;
    box-sizing: border-box;
    opacity: 0
}

.login_zone .login_body {
    font-size: 18px;
    line-height: 22px
}

.login_zone .login_footer {
    margin-top: 40px
}

.login_zone .ibtn_close {
    width: 54px;
    height: 54px;
    position: absolute;
    right: 0;
    top: 0
}

.login_zone .ibtn_close:before {
    width: 14px;
    height: 14px;
    background-position: -156px -117px
}

.login_zone .login_header h3 {
  margin: 0 0 20px;
  font-size: 22px;
  color: #333;
  text-align: center;
}
.login_zone .form_group {
  margin-bottom: 20px;
}

.login_zone .form_group label {
  display: block;
  margin-bottom: 8px;
  font-size: 14px;
  color: #666;
}

.login_zone .form_group input {
  width: 100%;
  padding: 10px 15px;
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
}

.login_zone .form_options {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
  font-size: 14px;
}

.login_zone .form_options a {
  color: #1890ff;
  text-decoration: none;
}

.login_zone .btns {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.login_zone .btn_login {
  width: 100%;
  padding: 12px;
  background-color: #1890ff;
  color: white;
  border: none;
  border-radius: 4px;
  font-size: 16px;
  cursor: pointer;
}

.login_zone .btn_register {
  width: 100%;
  padding: 12px;
  background-color: #fff;
  color: #1890ff;
  border: 1px solid #1890ff;
  border-radius: 4px;
  font-size: 16px;
  cursor: pointer;
}


/*loginend*/

.browser_zone {
    display: none
}

.slick-list,.slick-track {
    width: 100%;
    height: 100% !important;
    overflow: hidden
}

.slick-slide {
    position: relative;
    float: left;
    width: 100%;
    height: 100%;
    overflow: hidden;
    cursor: pointer;
    outline: 0
}

.slick-slide a {
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 0
}

.slick-slide a img {
    opacity: 0
}

.slick-arrow {
    position: absolute;
    z-index: 10;
    top: 50%;
    width: 30px;
    height: 60px;
    font-size: 0;
    color: rgba(0,0,0,0);
    cursor: pointer;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: url(/static/images/forum/icons.png) 0 0 no-repeat;
    background-size: 500px auto
}

.arrows {
    margin: 0 auto;
    width: 800px;
    height: 96px
}

.slick-arrow.slick-prev,.slick-arrow.btn_prev {
    left: 0;
    background-position: -435px -27px
}

.slick-arrow.slick-next,.slick-arrow.btn_next {
    right: 0;
    background-position: -470px -27px
}

.slick-dots {
    position: absolute;
    bottom: -30px;
    left: 50%;
    width: 100%;
    height: 10px;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    text-align: center
}

.slick-dots>li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 4px;
    vertical-align: top;
    border-radius: 50%;
    background-color: #d8d8d8;
    overflow: hidden
}

.slick-dots>li.slick-active {
    background-color: #000
}

.slick-dots>li button {
    width: 100%;
    height: 100%;
    font-size: 1px;
    color: rgba(0,0,0,0);
    margin-top: -15px;
}

body {
    min-width: 320px;
    font-size: 16px;
    line-height: 22px;
    color: #222832;
    background-color: #bdbdbd
}

body.pop_on {
    overflow: hidden
}

#CMMlogin {
    font-size: 16px;
    line-height: 20px;
    background-color: #edeef6;
    text-align: center;
    height: 100%
}

#CMMlogin h1.logo {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 62px;
    z-index: 10;
    background-color: #000;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 80px 45px
}

#CMMlogin_wrap {
    margin: 0 20px;
    padding: 92px 0 40px;
    height: 100%;
    background: rgba(0,0,0,0);
    box-sizing: border-box
}

#CMMlogin_wrap:before {
    content: "";
    display: inline-block;
    margin-left: -4px;
    vertical-align: middle
}

#CMMlogin_wrap button,#CMMlogin_wrap input,#CMMlogin_wrap a {
    width: 100%;
    height: 46px;
    line-height: 46px;
    border-radius: 2px
}

#CMMlogin_wrap input {
    width: 100%;
    padding: 0 20px;
    line-height: 46px;
    font-size: 14px;
    border: 1px solid #cbcdde
}

#CMMlogin_wrap .logo {
    margin: 0 auto 30px;
    width: 200px;
    height: 55px;
    background: url(https://hive-fn.qpyou.cn/markup/img/community/logo_membership.png) 50% 50% no-repeat;
    background-size: 100% auto
}

#CMMlogin_wrap .login_filed li {
    margin-bottom: 10px
}

#CMMlogin_wrap .login_sns li {
    margin-bottom: 14px
}

#CMMlogin_wrap .login_sns a {
    color: rgba(0,0,0,.54);
    background-color: #fff
}

#CMMlogin_wrap .login_sns a:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 13px;
    width: 21px;
    height: 21px;
    margin-top: -10px;
    background-image: url(/static/images/forum/icons.png);
    background-repeat: no-repeat;
    background-size: 500px auto
}

#CMMlogin_wrap .btn_ggl:before {
    background-position: -23px -162px
}

#CMMlogin_wrap .btn_fb:before {
    background-position: -46px -162px
}

#CMMlogin_wrap .btn_login {
    margin: 20px 0 0;
    color: #fff;
    background-color: #1277ff
}

#CMMlogin_wrap .home .note {
    margin: 50px 0;
    text-align: center;
    font-size: 14px;
    line-height: 20px
}

#CMMlogin_wrap .btn_home {
    color: #1277ff;
    border: 1px solid #1277ff;
    background-color: #fff
}

#CMMlogin_wrap .or {
    position: relative;
    text-align: center;
    margin: 20px 0
}

#CMMlogin_wrap .or span {
    position: relative;
    display: inline-block;
    padding: 0 10px;
    color: #636a8c;
    line-height: 18px;
    z-index: 1;
    background-color: #edeef6
}

#CMMlogin_wrap .or:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    height: 1px;
    background-color: #cbcdde
}

#CMMlogin_wrap .note {
    color: #136bc9;
    line-height: 16px;
    text-align: left
}

#CMMlogin_wrap .note.noti {
    color: #d01111
}

#CMMlogin_wrap .home .note.noti {
    color: #d01111
}

#CMMlogin_wrap p {
    font-size: 12px;
    line-height: 16px;
    font-style: normal
}

#CMMlogin_wrap .copyright {
    font-size: 12px;
    line-height: 16px;
    font-style: normal;
    margin: 20px 0;
    color: #9fabc9
}

#CMM {
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: 1920px auto;
    background-color: #bdbdbd
}

#CMMwrap {
    position: relative;
    padding-top: 80px;
    min-width: 320px;
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top)
}

#CMMheader {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 68px;
    z-index: 30;
    color: #fff;
    box-sizing: border-box;
    background: #000
}

#CMMheader.webstore .header_opt:after {
    display: none
}

#CMMheader.webstore .header_opt .login_wrap {
    right: 30px !important
}

#CMMheader.webstore .header_opt .login_wrap button {
    padding: 0
}

#CMMheader.webstore .header_opt .search_wrap {
    display: none
}

#CMMheader.webstore .ibtn_more {
    display: none
}

#CMMheader.both .link_arrow {
    display: inline-block;
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_297_12150' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='14' height='14'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 0H14V14H0V0Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_297_12150)'%3E%3Cmask id='mask1_297_12150' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='1' y='5' width='12' height='6'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 5H13V11H1V5Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask1_297_12150)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.00072 11C6.78263 11 6.56309 10.9293 6.37532 10.7879L1.45877 7.09387C0.969135 6.72815 0.853588 6.00747 1.19879 5.48808C1.54254 4.96716 2.21705 4.84423 2.70813 5.21149L7.00072 8.43689L11.2919 5.21149C11.7801 4.84577 12.456 4.96716 12.8012 5.48808C13.1464 6.00747 13.0309 6.72815 12.5412 7.09387L7.62612 10.7879C7.43836 10.9293 7.21882 11 7.00072 11Z' fill='white'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A")
}

#CMMheader.both .name {
    margin-left: 40px
}

#CMMheader .link_arrow {
    display: none
}

#CMMheader .go_link {
    display: none;
    position: absolute;
    top: 70px;
    left: 10px;
    padding: 10px;
    width: 160px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 6px 12px 0px rgba(0,0,0,.25);
    z-index: 40
}

#CMMheader .go_link.on {
    display: block
}

#CMMheader .go_link li {
    border-radius: 6px;
    margin-top: 10px;
    width: 100%;
    height: 36px;
    background: #edeef6;
    position: relative
}

#CMMheader .go_link li.on:after {
    content: "";
    display: block;
    width: 14px;
    height: 12px;
    position: absolute;
    top: 50%;
    right: 12px;
    transform: translateY(-50%);
    transition: .5s;
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='12' viewBox='0 0 14 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Vector' d='M0 5.995C0 5.66528 0.269807 5.3955 0.599572 5.3955H8.07423L6.59529 3.91674C6.36545 3.68693 6.36545 3.30724 6.59529 3.06744C6.82512 2.82764 7.20485 2.83764 7.44468 3.06744L9.95289 5.57535C10.1827 5.80516 10.1827 6.18485 9.95289 6.42465L7.44468 8.93256C7.32477 9.05246 7.17488 9.11241 7.02498 9.11241C6.87509 9.11241 6.7152 9.05246 6.60528 8.93256C6.37545 8.70275 6.37545 8.32306 6.60528 8.08326L8.08423 6.6045H0.599572C0.269807 6.6045 0 6.33472 0 6.005V5.995ZM3.19772 8.32306C3.19772 9.68193 4.30692 10.791 5.66595 10.791H10.3326C11.6916 10.791 12.8009 9.68193 12.8009 8.32306V3.66694C12.8009 2.30808 11.6916 1.199 10.3326 1.199H5.66595C4.30692 1.199 3.19772 2.30808 3.19772 3.66694H1.99857C1.99857 1.63863 3.6374 0 5.66595 0H10.3326C12.3512 0 14 1.63863 14 3.66694V8.33306C14 10.3514 12.3612 12 10.3326 12H5.66595C3.64739 12 1.99857 10.3614 1.99857 8.33306H3.19772V8.32306Z' fill='%23627793'/%3E%3C/svg%3E%0A")
}

#CMMheader .go_link li:hover {
    background: #000
}

#CMMheader .go_link li:hover a {
    color: #fff
}

#CMMheader .go_link li:hover.on:after {
    background-image: url("data:image/svg+xml,%3Csvg width='14' height='12' viewBox='0 0 14 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Vector' d='M0 5.995C0 5.66528 0.269807 5.3955 0.599572 5.3955H8.07423L6.59529 3.91674C6.36545 3.68693 6.36545 3.30724 6.59529 3.06744C6.82512 2.82764 7.20485 2.83764 7.44468 3.06744L9.95289 5.57535C10.1827 5.80516 10.1827 6.18485 9.95289 6.42465L7.44468 8.93256C7.32477 9.05246 7.17488 9.11241 7.02498 9.11241C6.87509 9.11241 6.7152 9.05246 6.60528 8.93256C6.37545 8.70275 6.37545 8.32306 6.60528 8.08326L8.08423 6.6045H0.599572C0.269807 6.6045 0 6.33472 0 6.005V5.995ZM3.19772 8.32306C3.19772 9.68193 4.30692 10.791 5.66595 10.791H10.3326C11.6916 10.791 12.8009 9.68193 12.8009 8.32306V3.66694C12.8009 2.30808 11.6916 1.199 10.3326 1.199H5.66595C4.30692 1.199 3.19772 2.30808 3.19772 3.66694H1.99857C1.99857 1.63863 3.6374 0 5.66595 0H10.3326C12.3512 0 14 1.63863 14 3.66694V8.33306C14 10.3514 12.3612 12 10.3326 12H5.66595C3.64739 12 1.99857 10.3614 1.99857 8.33306H3.19772V8.32306Z' fill='white'/%3E%3C/svg%3E%0A")
}

#CMMheader .go_link li:first-child {
    margin-top: 0
}

#CMMheader .go_link li a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    color: #222832;
    font-size: 12px;
    font-weight: bold;
    line-height: 14px;
    padding: 0 34px 0 10px;
    transition: .5s
}

#CMMheader .profile_box {
    display: none;
    position: absolute;
    top: 70px;
    right: 25px;
    padding: 20px;
    width: 256px;
    border-radius: 10px;
    background: #fff;
    box-shadow: 0px 6px 12px 0px rgba(0,0,0,.25);
    z-index: 50
}

#CMMheader .profile_box.on {
    display: block
}

#CMMheader .profile_box .top_box {
    display: flex
}

#CMMheader .profile_box .top_box .thumb {
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background-size: 100% 100%
}

#CMMheader .profile_box .top_box .text {
    flex: 1;
    margin-left: 10px;
    padding-top: 2px
}

#CMMheader .profile_box .top_box .text .user_id {
    font-size: 13px;
    line-height: 16px;
    color: #222832;
    display: block;
    word-wrap: break-word;
    word-break: break-word;
    overflow-wrap: break-word
}

#CMMheader .profile_box .top_box .text .btn_logout {
    margin-top: 5px;
    padding: 4px 6px;
    color: #627793;
    font-size: 10px;
    line-height: 14px;
    border-radius: 5px;
    border: 1px solid #627793
}

#CMMheader .profile_box .top_box .text .btn_logout:hover {
    background: #627793;
    color: #fff
}

#CMMheader .profile_box .link_list {
    margin-top: 20px
}

#CMMheader .profile_box .link_list li {
    border-radius: 6px;
    width: 100%;
    height: 36px;
    margin-top: 10px;
    overflow: hidden
}

#CMMheader .profile_box .link_list li:nth-child(1) {
    margin-top: 0
}

#CMMheader .profile_box .link_list li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    background: #edeef6;
    color: #222832;
    font-size: 12px;
    line-height: 14px;
    font-weight: bold;
    transition: .5s
}

#CMMheader .profile_box .link_list li:hover a {
    background: #000;
    color: #fff
}

#CMMheader .title {
    position: relative;
    height: 100%;
    z-index: 10;
    display: flex;
    align-items: center
}

#CMMheader .title a {
    display: block;
    height: 100%
}

#CMMheader .name {
    font-size: 16px;
    line-height: 26px
}

#CMMheader .logo {
    display: block;
    vertical-align: middle;
    height: 100%;
    padding-top: 0;
    font-weight: normal;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 132px auto;
    box-sizing: border-box
}

#CMMheader .logo a {
    display: block;
    height: 100%
}

#CMMheader .header_opt {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    z-index: 20;
    text-align: right;
    -webkit-transition: width .5s .5s;
    transition: width .5s .5s
}

#CMMheader .header_opt:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

#CMMheader .header_opt .login_wrap {
    display: none
}

._log_on #CMMheader .header_opt .login_wrap button {
    font-size: 10px;
    line-height: 14px;
    color: gray;
    padding: 4px 6px;
    border-radius: 5px;
    border-color: gray
}

._search_result_on #CMMheader {
    z-index: 60
}

._search_result_on #CMMheader .ibtn_menu {
    display: none
}

._search_result_on._sch_on #CMMheader {
    z-index: 60
}

._sch_on #CMMheader .header_opt .login_wrap {
    opacity: 0;
    -webkit-transition: opacity .1s 0s;
    transition: opacity .1s 0s
}

._search_result_on #CMMheader .header_opt .login_wrap,._search_result_on #CMMheader .header_opt:after {
    opacity: 0;
    -webkit-transition: opacity .5s 0s;
    transition: opacity .5s 0s
}

._sch_on #CMMheader .header_opt:after {
    opacity: 0;
    -webkit-transition: opacity .5s 0s;
    transition: opacity .5s 0s
}

._sch_on #CMMheader .header_opt .search_wrap form {
    width: 100%;
    height: 100%;
    margin-left: 0;
    display: block
}

._search_result_on #CMMheader .header_opt .search_wrap input,._sch_on #CMMheader .header_opt .search_wrap input {
    opacity: 1
}

._search_result_on #CMMheader .header_opt .search_wrap .ibtn_search {
    display: block
}

._sch_on #CMMheader .header_opt .search_wrap .ibtn_search {
    display: block
}

._sch_on #CMMheader .header_opt .search_wrap .ibtn_cancel {
    display: none
}

._sch_tag_on #CMMheader .header_opt .tag_wrap {
    display: none
}

#CMMheader .header_opt .search_wrap {
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    box-sizing: border-box
}

#CMMheader .header_opt .search_wrap form {
    width: 100%;
    height: 100%
}

#CMMheader .header_opt .search_wrap input {
    position: absolute;
    right: 62px;
    opacity: 0;
    width: 0;
    overflow: hidden;
    margin-top: 17px;
    height: 30px;
    padding: 0;
    font-size: inherit;
    color: inherit;
    line-height: 30px;
    border-width: 1px;
    border-color: rgba(0,0,0,0) rgba(0,0,0,0) #303030 rgba(0,0,0,0);
    border-radius: 0;
    -webkit-transition: opacity .5s .2s,width .5s 0s;
    transition: opacity .5s .2s,width .5s 0s;
    background-color: rgba(0,0,0,0);
    box-sizing: border-box;
    will-change: width,opacity
}

#CMMheader .header_opt .search_wrap .ibtn_search {
    display: none
}

#CMMheader .header_opt .search_wrap button {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 100%;
    text-align: left;
    padding-left: 10px;
    box-sizing: border-box
}

#CMMheader .header_opt .search_wrap button:before {
    width: 23px;
    height: 23px;
    background-position: -249px -92px
}

#CMMcontain {
    position: relative;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: 1080px auto
}

#CMMcontain .cover_img {
    position: relative;
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: auto 100%
}

#CMMcontain .cover_img>img {
    opacity: 0;
    width: 100%;
    min-width: 640px;
    max-width: 1080px
}

#CMMcontain .appicon .member {
    display: none
}

#CMMlnb {
    position: fixed;
    top: 0;
    left: 0;
    width: 280px;
    padding: 20px 20px 100px;
    background: #fff;
    -webkit-will-change: transform;
    will-change: transform;
    z-index: 2;
    background: rgba(0,0,0,0)
}

.company {
    position: absolute;
    top: 20px;
    left: 20px;
    width: 160px
}

.appicon {
    position: absolute;
    left: 0;
    bottom: -155px;
    width: 280px;
    z-index: 1;
    padding: 53px 20px 0;
    box-sizing: border-box
}

.appicon img {
    position: absolute;
    top: -56px;
    left: 17px;
    width: 96px;
    height: 96px;
    border-radius: 30px;
    border: solid 3px #a3a3a3;
    background: #000;
}

.appicon h2 {
    font-size: 24px;
    line-height: 34px;
    font-weight: bold;
    height: 102px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-wrap: break-word
}

.member {
    width: 100%;
    min-height: 38px;
    margin-top: 10px;
    padding: 9px 14px;
    background-color: #edeef6;
    border-radius: 6px;
    font-size: 13px;
    color: #627793;
    line-height: 20px;
    box-sizing: border-box
}

.member span {
    float: right
}

.member span:first-child {
    float: left;
    color: #222832
}

.member span:first-child:before {
    content: "";
    display: inline-block;
    width: 19px;
    height: 15px;
    margin: -2px 8px 0 0;
    background-image: url(/static/images/forum/icons.png);
    background-repeat: no-repeat;
    background-size: 500px auto;
    background-position: -289px -117px;
    vertical-align: middle
}

#CMMlnb .button_list {
    margin-top: 20px;
    position: relative
}

#CMMlnb .button_list li {
    margin-top: 10px
}

#CMMlnb .button_list li:first-child {
    margin-top: 0
}

#CMMlnb .button_list a {
    background: #edeef6;
    color: #222832
}

#CMMlnb .button_list a:hover {
    color: #fff;
    background: #000
}

#CMMlnb .button_list a.btn_write_gl {
    background: #627793;
    color: #fff
}

#CMMlnb .button_list a.btn_write_gl:hover {
    color: #fff;
    background: #000
}

#CMMlnb .button_list button {
    background: #edeef6;
    color: #222832
}

#CMMlnb .button_list button:hover {
    color: #fff;
    background: #000
}

#CMMlnb .btn_write_gl {
    display: block;
    padding: 11px;
    text-align: center;
    border-radius: 8px
}

#CMMlnb .btn_official {
    display: block;
    margin-top: 10px;
    padding: 11px;
    text-align: center;
    border-radius: 8px
}

#CMMlnb .btn_coupon {
    display: block;
    margin-top: 10px;
    padding: 11px;
    text-align: center;
    border-radius: 8px
}

#CMMlnb .btn_pc_play {
    display: block;
    margin-top: 10px;
    padding: 11px;
    text-align: center;
    border-radius: 8px;
    width: 100%
}

#CMMlnb .btn_pc_play:hover {
    background: #000;
    color: #fff
}

#CMMlnb .btn_pc_download {
    display: block;
    margin-top: 10px;
    padding: 11px;
    text-align: center;
    border-radius: 8px
}

#CMMlnb .nav {
    margin-top: 18px;
    padding-bottom: 42px
}

#CMMlnb .nav a {
    position: relative;
    display: block;
    padding: 12px 30px 12px 21px;
    font-size: inherit
}

#CMMlnb .nav a:before {
    content: "";
    position: absolute;
    top: 16px;
    left: 0;
    width: 16px;
    height: 15px;
    background: url(/static/images/forum/icons.png) -82px -117px no-repeat;
    background-size: 500px auto
}

#CMMlnb .nav .menu_single {
    position: relative
}

#CMMlnb .nav .menu_single a {
    padding: 12px 0 12px 21px;
    width: 175px
}

#CMMlnb .nav .menu_single .btn_bookmark {
    top: 12px
}

#CMMlnb .nav .menu_single:hover .btn_bookmark {
    display: block
}

#CMMlnb .nav .menu_single .btn_bookmark.btn_complete {
    display: none
}

#CMMlnb .nav .menu_single a:before {
    background-position: -100px -117px
}

#CMMlnb .nav a.btn_all {
    font-weight: bold
}

#CMMlnb .nav a.btn_more {
    font-weight: bold
}

#CMMlnb .nav a.btn_more:before {
    top: 14px;
    width: 16px;
    background-position: -43px -117px
}

#CMMlnb .nav a.btn_more.on:before {
    background-position: -62px -117px
}

#CMMlnb .nav a.btn_more:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    width: 14px;
    height: 8px;
    margin-top: -4px;
    background: url(/static/images/forum/icons.png) 0 -184px no-repeat;
    background-size: 500px auto
}

#CMMlnb .nav a.btn_more.on:after {
    background-position: -15px -184px
}

#CMMlnb .nav i.new {
    display: inline-block;
    margin-top: -2px;
    margin-left: 4px;
    width: 14px;
    height: 16px;
    background: url(/static/images/forum/icons.png) -195px -116px no-repeat;
    background-size: 500px auto;
    vertical-align: middle
}

#CMMlnb .nav li {
    border-bottom: 1px solid #edeef6
}

#CMMlnb .nav li li {
    border-bottom-width: 0;
    position: relative
}

#CMMlnb .nav li ul {
    display: none;
    padding: 6px 0;
    border-top: 1px solid #edeef6
}

#CMMlnb .nav li a.on+ul {
    display: block
}

#CMMlnb .nav li ul a {
    padding: 6px 0 6px 21px;
    width: 175px
}

#CMMlnb .nav li ul a:before {
    top: 10px;
    left: 0;
    background-position: -100px -117px
}

#CMMlnb .nav li .btn_all+.list_bookmark {
    margin-top: -8px
}

#CMMlnb .nav li .btn_all+.list_bookmark .btn_bookmark {
    display: block
}

#CMMlnb .nav li .list_bookmark {
    display: block;
    padding: 0;
    border: none
}

#CMMlnb .nav li .btn_bookmark {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 7px;
    right: 7px;
    display: none
}

#CMMlnb .nav li ul li:hover .btn_bookmark {
    display: block
}

#CMMlnb .nav li ul li .btn_bookmark.btn_complete {
    display: none
}

#CMMlnb .nav li .btn_bookmark:after {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m9 1.13 2.313 4.686 5.172.752-3.742 3.648.883 5.151L9 12.935l-4.626 2.432.883-5.151-3.742-3.648 5.172-.752L9 1.13z' stroke='%23B6C3D5' fill='none' fill-rule='evenodd'/%3E%3C/svg%3E%0A");
    background-size: 100% 100%
}

#CMMlnb .nav li .btn_bookmark:hover:after,#CMMlnb .nav li .btn_bookmark.btn_on:after {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m9 13.5-5.29 2.781 1.01-5.89L.44 6.219l5.915-.86L9 0l2.645 5.36 5.915.859-4.28 4.172 1.01 5.89z' fill='%23F7B818' fill-rule='evenodd'/%3E%3C/svg%3E%0A")
}

#CMMlnb .nav>ul>li:first-child {
    border-bottom: 2px solid #edeef6
}

#CMMcontent {
    padding-bottom: 50px;
    background: #fff;
    box-sizing: border-box
}

.breadcrumb {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px
}

.breadcrumb li {
    display: inline-block;
    color: #627793
}

.breadcrumb li:after {
    content: " > ";
    display: inline-block;
    margin: 0 4px
}

#CMMhot,#CMMfooter {
    display: none
}

.official_sns_link {
    min-height: 20px;
    overflow: hidden
}

.official_sns_link li {
    position: relative;
    float: left;
    width: 20px;
    height: 20px;
    margin-right: 20px
}

.official_sns_link li a {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0
}

.market li {
    display: inline-block;
    width: 107px;
    height: 32px;
    margin-left: 6px;
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position: 50% 50%
}

.market li a {
    display: block;
    width: 100%;
    height: 100%
}

.market li:first-child {
    margin-left: 0
}

.market li.steam {
    width: 87px;
    height: 32px;
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/steam.png)
}

.market li.googleplay:lang(ko) {
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/googleplay_2022_kr.png)
}

.market li.appstore:lang(ko) {
    width: 103px;
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/appstore_kr.png)
}

.market li.googleplay:lang(en) {
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/googleplay_2022_en.png)
}

.market li.appstore:lang(en) {
    width: 96px;
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/appstore_en.png)
}

.market li.googleplay:lang(ja) {
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/googleplay_2022_ja.png)
}

.market li.appstore:lang(ja) {
    width: 87px;
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/appstore_ja.png)
}

.market li.googleplay:lang(zh-hans) {
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/googleplay_2022_zh-hans.png)
}

.market li.appstore:lang(zh-hans) {
    width: 87px;
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/appstore_zh-hans.png)
}

.market li.googleplay:lang(zh-hant) {
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/googleplay_2022_zh-hant.png)
}

.market li.appstore:lang(zh-hant) {
    width: 87px;
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/appstore_zh-hant.png)
}

.market li.googleplay:lang(de) {
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/googleplay_2022_de.png)
}

.market li.appstore:lang(de) {
    width: 96px;
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/appstore_de.png)
}

.market li.googleplay:lang(fr) {
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/googleplay_2022_fr.png)
}

.market li.appstore:lang(fr) {
    width: 101px;
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/appstore_fr.png)
}

.market li.googleplay:lang(es) {
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/googleplay_2022_es.png)
}

.market li.appstore:lang(es) {
    width: 96px;
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/appstore_es.png)
}

.market li.googleplay:lang(pt) {
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/googleplay_2022_pt.png)
}

.market li.appstore:lang(pt) {
    width: 96px;
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/appstore_pt.png)
}

.market li.googleplay:lang(ru) {
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/googleplay_2022_ru.png)
}

.market li.appstore:lang(ru) {
    width: 96px;
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/appstore_ru.png)
}

.market li.googleplay:lang(id) {
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/googleplay_2022_id.png)
}

.market li.appstore:lang(id) {
    width: 96px;
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/appstore_id.png)
}

.market li.googleplay:lang(th) {
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/googleplay_2022_th.png)
}

.market li.appstore:lang(th) {
    width: 96px;
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/appstore_th.png)
}

.market li.googleplay:lang(vi) {
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/googleplay_2022_vn.png)
}

.market li.appstore:lang(vi) {
    width: 96px;
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/appstore_vn.png)
}

.market li.googleplay:lang(it) {
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/googleplay_2022_it.png)
}

.market li.appstore:lang(it) {
    width: 96px;
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/appstore_it.png)
}

.market li.googleplay:lang(tr) {
    width: 107px;
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/googleplay_2022_tr.png)
}

.market li.appstore:lang(tr) {
    width: 121px;
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/appstore_tr.png)
}

.market li.googleplay:lang(ar) {
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/googleplay_ar.png)
}

.market li.appstore:lang(ar) {
    width: 96px;
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/appstore_ar.png)
}

.market li.windows {
    width: 97px;
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/windows.png)
}

.market li.onestore {
    width: 97px;
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/onestore_all_en.png)
}

.market li.onestore:lang(ko) {
    width: 97px;
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/onestore_all.png)
}

.market.register li.googleplay:lang(ko),.market li.register.googleplay:lang(ko) {
    width: 108px;
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/googleplay_register_ko.png)
}

.market.register li.appstore:lang(ko),.market li.register.appstore:lang(ko) {
    width: 103px;
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/appstore_register_ko.png)
}

.market.register li.googleplay:lang(en),.market li.register.googleplay:lang(en) {
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/googleplay_register_en.png)
}

.market.register li.appstore:lang(en),.market li.register.appstore:lang(en) {
    width: 96px;
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/appstore_register_en.png)
}

.market.register li.googleplay:lang(ja),.market li.register.googleplay:lang(ja) {
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/googleplay_register_ja.png)
}

.market.register li.appstore:lang(ja),.market li.register.appstore:lang(ja) {
    width: 87px;
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/appstore_register_ja.png)
}

.market.register li.googleplay:lang(zh-hans),.market li.register.googleplay:lang(zh-hans) {
    width: 108px;
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/googleplay_register_cns.png)
}

.market.register li.appstore:lang(zh-hans),.market li.register.appstore:lang(zh-hans) {
    width: 87px;
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/appstore_register_cns.png)
}

.market.register li.googleplay:lang(zh-hant),.market li.register.googleplay:lang(zh-hant) {
    width: 108px;
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/googleplay_register_cnt.png)
}

.market.register li.appstore:lang(zh-hant),.market li.register.appstore:lang(zh-hant) {
    width: 87px;
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/appstore_register_cnt.png)
}

.market.register li.googleplay:lang(de),.market li.register.googleplay:lang(de) {
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/googleplay_register_de.png)
}

.market.register li.appstore:lang(de),.market li.register.appstore:lang(de) {
    width: 96px;
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/appstore_register_de.png)
}

.market.register li.googleplay:lang(fr),.market li.register.googleplay:lang(fr) {
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/googleplay_register_fr.png)
}

.market.register li.appstore:lang(fr),.market li.register.appstore:lang(fr) {
    width: 101px;
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/appstore_register_fr.png)
}

.market.register li.googleplay:lang(es),.market li.register.googleplay:lang(es) {
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/googleplay_register_es.png)
}

.market.register li.appstore:lang(es),.market li.register.appstore:lang(es) {
    width: 114px;
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/appstore_register_es.png)
}

.market.register li.googleplay:lang(pt),.market li.register.googleplay:lang(pt) {
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/googleplay_register_pt.png)
}

.market.register li.appstore:lang(pt),.market li.register.appstore:lang(pt) {
    width: 96px;
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/appstore_register_pt.png)
}

.market.register li.googleplay:lang(ru),.market li.register.googleplay:lang(ru) {
    width: 108px;
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/googleplay_register_ru.png)
}

.market.register li.appstore:lang(ru),.market li.register.appstore:lang(ru) {
    width: 96px;
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/appstore_register_ru.png)
}

.market.register li.googleplay:lang(id),.market li.register.googleplay:lang(id) {
    width: 108px;
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/googleplay_register_id.png)
}

.market.register li.appstore:lang(id),.market li.register.appstore:lang(id) {
    width: 96px;
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/appstore_register_id.png)
}

.market.register li.googleplay:lang(th),.market li.register.googleplay:lang(th) {
    width: 108px;
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/googleplay_register_th.png)
}

.market.register li.appstore:lang(th),.market li.register.appstore:lang(th) {
    width: 96px;
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/appstore_register_th.png)
}

.market.register li.googleplay:lang(vi),.market li.register.googleplay:lang(vi) {
    width: 108px;
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/googleplay_register_vi.png)
}

.market.register li.appstore:lang(vi),.market li.register.appstore:lang(vi) {
    width: 96px;
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/appstore_register_vi.png)
}

.market.register li.googleplay:lang(it),.market li.register.googleplay:lang(it) {
    width: 108px;
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/googleplay_register_it.png)
}

.market.register li.appstore:lang(it),.market li.register.appstore:lang(it) {
    width: 96px;
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/appstore_register_it.png)
}

.market.register li.googleplay:lang(tr),.market li.register.googleplay:lang(tr) {
    width: 108px;
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/googleplay_register_tr.png)
}

.market.register li.appstore:lang(tr),.market li.register.appstore:lang(tr) {
    width: 113px;
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/appstore_register_tr.png)
}

.market.register li.googleplay:lang(ar),.market li.register.googleplay:lang(ar) {
    width: 108px;
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/googleplay_register_ar.png)
}

.market.register li.appstore:lang(ar),.market li.register.appstore:lang(ar) {
    width: 96px;
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/appstore_register_ar.png)
}

.market.register li.onestore,.market li.register.onestore {
    width: 97px;
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/onestore_register_en.png)
}

.market.register li.onestore:lang(ko),.market li.register.onestore:lang(ko) {
    width: 97px;
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/onestore_register.png)
}

#CMMpop_roading {
    padding: 40px 40px 50px;
    width: 360px;
    margin: 0 auto;
    text-align: center;
    box-sizing: border-box;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 40;
    background: #fff;
    box-shadow: 0 2px 16px 0 rgba(0,0,0,.26)
}

.pop_roading .title {
    font-size: 18px;
    font-weight: bold;
    line-height: 26px
}

.pop_roading .title:after {
    content: "";
    display: block;
    width: 60px;
    height: 60px;
    margin: 40px auto 0;
    background: url("https://hive-fn.qpyou.cn/markup/img/community/loading_gif_blue.gif") no-repeat 0 0;
    background-size: 100% 100%
}

.pop_report {
    display: none;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

#CMMpop_win {
    font-size: 14px;
    line-height: 18px;
    background-color: #fff
}

.pop_win_wrap {
    color: #627793;
    padding: 30px 30px 50px
}

.pop_win_wrap .title {
    font-size: 16px;
    line-height: 20px;
    color: #000;
    text-align: center;
    margin: -30px -30px 0;
    padding: 16px;
    background-color: #edeef6
}

.pop_win_wrap .pop_body {
    padding: 30px 0 30px
}

.pop_win_wrap .pop_body .dl_report dt {
    font-size: 12px;
    line-height: 16px
}

.pop_win_wrap .pop_body .dl_report dd {
    margin-top: 4px;
    color: #000;
    font-weight: bold
}

.pop_win_wrap .pop_body .dl_report dd+dt {
    margin-top: 20px
}

.pop_win_wrap .pop_body .dl_report_choice {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #b9bbce
}

.pop_win_wrap .pop_body .dl_report_choice dt {
    margin-bottom: 20px;
    color: #000
}

.pop_win_wrap .pop_body .dl_report_choice dd {
    margin-top: 12px
}

.pop_win_wrap .pop_body .dl_report_choice dd .textarea {
    margin-top: 10px;
    margin-left: 28px;
    padding: 10px;
    min-height: 88px;
    font-size: 13px;
    line-height: 18px;
    border: 1px solid #b9bbce;
    box-sizing: border-box
}

.pop_win_wrap .pop_footer {
    padding-top: 20px;
    text-align: center;
    border-top: 1px solid #b9bbce
}

.pop_win_wrap .pop_footer button {
    color: #222832
}

.pop_win_wrap .btn_cancel {
    padding: 8px 15px;
    border-radius: 6px;
    color: #222832;
    border: 1px solid #222832
}

#CMMpop_gamestart {
    position: fixed;
    min-width: 640px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #fff;
    background-color: rgba(0,0,0,.8);
    z-index: 1000;
    text-align: center
}

#CMMpop_gamestart:after {
    width: 0;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    content: ""
}

#CMMpop_gamestart .popup_layer {
    width: 680px;
    padding: 36px 30px 50px;
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.16);
    border: solid 1px #bebebe;
    display: inline-block;
    vertical-align: middle;
    background: #fff;
    position: relative;
    box-sizing: border-box
}

#CMMpop_gamestart .desc {
    font-size: 22px;
    line-height: 32px;
    color: #222832;
    padding-bottom: 36px;
    border-bottom: 2px solid #edeef6
}

#CMMpop_gamestart .notice_box {
    margin-top: 36px;
    text-align: left;
    padding: 0 20px 36px 20px;
    border-bottom: 2px solid #edeef6
}

#CMMpop_gamestart dt {
    color: #222832;
    font-size: 16px;
    line-height: 24px
}

#CMMpop_gamestart dt:nth-of-type(n+2) {
    margin-top: 26px
}

#CMMpop_gamestart dd {
    color: #627793;
    font-size: 16px;
    line-height: 24px;
    position: relative
}

#CMMpop_gamestart dt+dd {
    margin-top: 12px !important
}

#CMMpop_gamestart dd:nth-of-type(n+2) {
    margin-top: 10px
}

#CMMpop_gamestart .btn_download {
    padding: 10px 20px;
    border: solid 1px #1475db;
    background: #fff;
    color: #1475db;
    font-size: 14px;
    display: block;
    margin: 36px auto 0;
    border-radius: 10px
}

#CMMpop_gamestart .pop_close {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 30px;
    right: 30px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23627793' fill-rule='evenodd'%3E%3Cpath d='m2.727.91 16.364 16.363a1.286 1.286 0 1 1-1.818 1.818L.909 2.727A1.286 1.286 0 1 1 2.727.91z'/%3E%3Cpath d='M19.09 2.727 2.728 19.091A1.286 1.286 0 1 1 .91 17.273L17.273.909a1.286 1.286 0 1 1 1.818 1.818z'/%3E%3C/g%3E%3C/svg%3E");
    background-size: 100% 100%
}

#CMMerror {
    background-color: #fff
}

.error {
    text-align: center;
    overflow: hidden
}

.error .logo {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 68px;
    background-color: #000;
    background-repeat: no-repeat;
    background-size: 132px auto;
    background-position: 50% 50%;
    z-index: 2
}

.error .logo a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 0;
    line-height: 0
}

.error .message {
    padding: 162px 20px 34px
}

.error .message p {
    font-size: 16px;
    color: #222832;
    line-height: 24px;
    word-break: keep-all
}

.error .message>span {
    display: block;
    margin: 10px 0 40px;
    font-size: 12px;
    color: #627793;
    line-height: 18px
}

.error .message>span+span {
    display: inline-block;
    margin: 0;
    font-size: 12px;
    color: #627793;
    line-height: 18px;
    text-align: left
}

.error .message a {
    display: inline-block;
    width: 240px;
    height: 46px;
    margin: 0 auto;
    padding: 0 20px;
    border: solid 1px #1475db;
    border-radius: 10px;
    font-size: 16px;
    color: #1475db;
    line-height: 22px
}

.error .message a:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.error .message a span {
    display: inline-block;
    vertical-align: middle
}

.error .copyright {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    font-size: 12px;
    color: #9fabc9;
    line-height: 16px
}

.banner_zone {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0);
    text-align: center;
    overflow: hidden;
    overflow-y: auto;
    z-index: -1;
    -webkit-overflow-scrolling: touch
}

.banner_zone.on {
    background-color: rgba(0,0,0,.8);
    z-index: 100
}

.banner_zone .banner_layer {
    display: flex;
    display: -webkit-flex;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    width: 100%;
    height: 100%;
    padding: 0 20px;
    box-sizing: border-box
}

.banner_zone .banner_layer li {
    display: none;
    vertical-align: middle;
    max-width: 600px
}

.banner_zone .banner_layer li.on {
    display: block
}

.banner_zone .banner_layer li a {
    display: block;
    margin-bottom: 14px
}

.banner_zone .banner_layer li a .banner_thumb {
    display: block
}

.banner_zone .banner_layer li a img {
    display: none;
    margin: 0 auto
}

.banner_zone .banner_layer li label {
    float: left;
    font-size: 14px;
    color: #b9bbce;
    line-height: 20px
}

.banner_zone .banner_layer li input[type=checkbox]+label:before {
    background-position: -401px -67px
}

.banner_zone .banner_layer li input[type=checkbox]:checked+label:before {
    background-position: -401px -92px
}

.banner_zone .banner_layer li .banner_close {
    float: right;
    color: #edeef6;
    font-size: 0;
    line-height: 0
}

.banner_zone .banner_layer li .banner_close:after {
    content: "";
    display: inline-block;
    width: 21px;
    height: 21px;
    margin-left: 8px;
    background: url(/static/images/forum/icons.png) -376px -67px no-repeat;
    background-size: 500px;
    vertical-align: top
}

@media(min-width: 1080px) {
    body {
        background-position:50% 0;
        background-repeat: no-repeat;
        background-attachment: fixed
    }

    #CMMwrap {
        width: 1080px;
        margin: 0 auto;
        padding-top: 80px
    }

    #CMMheader {
        position: fixed;
        top: 0;
        left: 50%;
        width: 1080px;
        height: 80px;
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    #CMMheader .title {
        position: relative;
        height: 100%;
        z-index: 20
    }

    #CMMheader .logo {
        display: inline-block;
        vertical-align: middle;
        height: 100%;
        padding-top: 27px;
        padding-left: 132px;
        font-weight: normal;
        background-repeat: no-repeat;
        background-position: 0 50%;
        background-size: 132px auto;
        box-sizing: border-box
    }

    #CMMheader .logo a {
        font-size: 16px;
        line-height: 26px;
        color: #fff;
        display: block
    }

    #CMMheader .ibtn_menu,#CMMheader .ibtn_back {
        display: none
    }

    #CMMheader .ibtn_more {
        margin-left: 15px
    }

    #CMMheader .ibtn_more:before {
        width: 30px;
        height: 20px;
        background-position: 0 -92px
    }

    #CMMheader .ibtn_more:hover:before,#CMMheader .ibtn_more.on:before {
        background-position: -35px -92px
    }

    #CMMheader .header_menu {
        position: absolute;
        z-index: 4;
        top: 100%;
        left: 0;
        right: 0;
        height: 0;
        overflow: hidden;
        text-align: center;
        color: rgba(0,0,0,0);
        -webkit-transition: .5s;
        transition: .5s;
        background-color: rgba(0,0,0,.8);
        box-sizing: border-box;
        will-change: height,color
    }

    #CMMheader .header_menu.on {
        top: 100%;
        height: 100%;
        color: gray
    }

    #CMMheader .header_menu li {
        display: inline-block;
        margin: 0 12px;
        padding-top: 26px
    }

    #CMMheader .header_menu li a {
        display: block;
        font-size: 16px;
        line-height: 26px;
        color: gray
    }

    #CMMheader .header_menu li a:hover {
        color: #fff
    }

    #CMMheader .header_menu li.new a:after {
        content: "";
        display: inline-block;
        width: 15px;
        height: 16px;
        margin-top: -4px;
        margin-left: 4px;
        background: url(/static/images/forum/icons.png) -251px -116px no-repeat;
        background-size: 500px auto;
        vertical-align: middle
    }

    #CMMheader .header_opt {
        width: 30%;
        z-index: 40
    }

    #CMMheader .header_opt:after {
        content: "";
        position: absolute;
        top: 0;
        right: 80px;
        width: 1px;
        height: 80px;
        -webkit-transition: opacity .1s .5s;
        transition: opacity .1s .5s;
        background-color: #202020
    }

    #CMMheader .header_opt .login_wrap {
        position: absolute;
        top: 50%;
        right: 110px;
        height: 30px;
        display: inline-block;
        vertical-align: middle;
        -webkit-transition: opacity .5s .6s;
        transition: opacity .5s .6s;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    #CMMheader .header_opt .login_wrap.before_login {
        right: 80px
    }

    #CMMheader .header_opt .login_wrap strong {
        display: none;
        position: relative;
        height: 30px;
        padding-left: 55px;
        line-height: 34px;
        vertical-align: middle;
        cursor: pointer;
        white-space: nowrap
    }

    #CMMheader .header_opt .login_wrap strong button {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%
    }

    #CMMheader .header_opt .login_wrap strong span {
        position: absolute;
        top: 0;
        left: 0;
        width: 30px;
        height: 30px;
        background-size: 30px 30px;
        background-position: 0 50%;
        background-repeat: no-repeat;
        border-radius: 50%
    }

    #CMMheader .header_opt .login_wrap strong span.square {
        background-size: 20px 20px;
        background-position: 50% 50%;
        border-radius: 0
    }

    #CMMheader .header_opt .login_wrap strong span.square .frame {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: -4px;
        background-repeat: no-repeat;
        background-position: 50% 50%;
        background-size: 100% auto
    }

    #CMMheader .header_opt .login_wrap strong.new button:after {
        content: "";
        position: absolute;
        top: -6px;
        left: 17px;
        width: 10px;
        height: 10px;
        border: solid 3px #000;
        border-radius: 50%;
        background-color: #e21212
    }

    #CMMheader .header_opt .login_wrap button {
        padding: 0 30px;
        line-height: 30px;
        color: #fff;
        border: 1px solid rgba(0,0,0,0);
        display: inline-block
    }

    ._log_on #CMMheader .header_opt .login_wrap {
        padding-right: 30px
    }

    ._log_on #CMMheader .header_opt .login_wrap strong {
        display: inline-block
    }

    #CMMheader .header_opt .search_wrap input {
        margin-top: 22px
    }

    #CMMheader .header_opt .search_wrap button:before {
        width: 23px;
        height: 23px;
        background-position: -276px -92px
    }

    #CMMheader .header_opt .search_wrap input:focus+button:before,#CMMheader .header_opt .search_wrap button:hover:before {
        background-position: -249px -92px
    }

    ._sch_on #CMMheader .header_opt .ibtn_cancel {
        display: none
    }

    ._search_result_on #CMMheader .header_opt .search_wrap input,._sch_on #CMMheader .header_opt .search_wrap input {
        width: 300px
    }

    #CMMlnb {
        position: relative;
        float: left;
        font-size: 14px;
        line-height: 20px;
        padding: 152px 20px 50px
    }

    #CMMlnb .nav a.btn_more:before {
        top: 12px
    }

    #CMMlnb .appicon {
        display: inline-block
    }

    #CMMlnb .login_wrap,#CMMlnb .profile_box {
        display: none
    }

    #CMMlnb .footer {
        display: none
    }

    #CMMlnb .nav a.btn_all:before {
        top: 13px
    }

    #CMMhot {
        display: table;
        border-collapse: collapse;
        table-layout: fixed;
        width: 100%;
        height: 225px
    }

    #CMMhot li {
        display: table-cell;
        vertical-align: top;
        height: 225px
    }

    #CMMhot iframe {
        width: 100%;
        height: 100%;
        vertical-align: top
    }

    #CMMhot iframe:focus {
        opacity: .9
    }

    #CMMhot .slider {
        position: relative;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        vertical-align: top
    }

    #CMMhot .slides a {
        width: 400px;
        height: 225px
    }

    #CMMhot .slider a:focus img {
        opacity: .9
    }

    #CMMhot .slides img {
        width: 100%;
        height: 100%
    }

    #CMMhot .slides .item span {
        display: block;
        margin: 1em 0
    }

    #CMMhot .slides .item .tit {
        position: absolute;
        top: 48%;
        left: 50%;
        width: 640px;
        height: 138px;
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    #CMMhot .slides .item .txt {
        position: absolute;
        top: 66%;
        left: 50%;
        width: 500px;
        height: 238px;
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }
#CMMhot .slidesc {
        width: 400px;
        height: 225px
    }
    #CMMhot .slidesc a {
        width: 400px;
        height: 225px
    }



    #CMMhot .slidesc img {
        width: 100%;
        height: 100%
    }

    #CMMhot .slidesc .item span {
        display: block;
        margin: 1em 0
    }

    #CMMhot .slidesc .item .tit {
        position: absolute;
        top: 48%;
        left: 50%;
        width: 640px;
        height: 138px;
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    #CMMhot .slidesc .item .txt {
        position: absolute;
        top: 66%;
        left: 50%;
        width: 500px;
        height: 238px;
        -ms-transform: translateX(-50%);
        -webkit-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    #CMMhot .btns .slick-arrow {
        top: 49%
    }

    #CMMhot .btns .prev {
        left: 0;
        background-position: -435px -27px
    }

    #CMMhot .btns .next {
        right: 0;
        background-position: -470px -27px
    }

    #CMMcontain {
        overflow: hidden
    }

    #CMMcontent {
        margin-left: 280px
    }

    #CMMsub #CMMcontent {
        padding-top: 27px;
        padding-right: 20px
    }

    .breadcrumb {
        font-size: 13px;
        line-height: 18px;
        margin-bottom: 18px
    }

    .content .title_wrap .title {
        font-size: 22px;
        line-height: 28px;
        padding: 4px 0 14px
    }

    #CMMfooter {
        position: relative;
        display: block;
        padding: 0 60px 60px;
        background-color: #000
    }

    #CMMfooter .footer_top {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-top: 22px;
        padding-bottom: 25px;
        border-bottom: 1px solid #303030
    }

    #CMMfooter .info {
        margin-top: 30px;
        display: flex;
        align-items: center
    }

    #CMMfooter .info.mb30 {
        margin-bottom: 30px
    }

    #CMMfooter .info li {
        position: relative;
        margin-left: 20px
    }

    #CMMfooter .info li:nth-child(1) {
        margin-left: 0
    }

    #CMMfooter .info li a {
        color: gray;
        font-size: 13px;
        line-height: 18px;
        display: block
    }

    #CMMfooter .info li.highlight a {
        color: #fff;
        font-weight: bold
    }

    #CMMfooter .info+.company_num {
        margin-top: 20px
    }

    #CMMfooter .company_num {
        margin-top: 30px;
        display: flex;
        align-items: center
    }

    #CMMfooter .company_num li {
        margin-left: 20px;
        color: gray;
        font-size: 13px;
        line-height: 18px
    }

    #CMMfooter .company_num li:first-child {
        margin-left: 0
    }

    #CMMfooter .select {
        min-width: auto;
        padding: 0;
        font-size: 13px;
        line-height: 18px;
        color: #fff;
        background: rgba(0,0,0,0);
        border: 0;
        border-radius: 0
    }

    #CMMfooter .select:after {
        width: 14px;
        height: 15px;
        background-position: -214px -117px;
        left: -20px;
        right: auto;
        margin-top: -7px
    }

    #CMMfooter .copyright {
        position: relative;
        font-size: 14px;
        color: #404040;
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        margin-top: 60px
    }

    #CMMfooter .copyright span {
        direction: ltr
    }

    #CMMfooter .copyright.mt30 {
        margin-top: 30px
    }

    #CMMfooter .copyright .logo_wrap {
        display: flex;
        align-items: flex-end;
        flex: 1
    }

    #CMMfooter .copyright .logo_wrap img {
        max-width: 100px;
        margin-right: 20px
    }

    #CMMrecent p {
        font-size: 13px;
        line-height: 18px
    }

    .textarea textarea,.toast_zone .toast_footer {
        font-size: 14px;
        line-height: 20px
    }

    .error .logo {
        height: 80px
    }

    .error .message {
        padding: 180px 0 34px;
        width: 800px;
        margin: 0 auto
    }

    .error .message p {
        font-size: 26px;
        line-height: 34px
    }

    .error .message>span {
        margin: 20px 0 100px;
        font-size: 16px;
        line-height: 24px
    }

    .error .message>span+span {
        margin: 0;
        font-size: 16px;
        line-height: 24px
    }

    .error .message a {
        width: auto;
        height: 40px;
        padding: 0 20px;
        font-size: 14px;
        line-height: 20px
    }

    .browser_zone {
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        text-align: center;
        overflow: hidden;
        overflow-y: auto;
        z-index: -1;
        -webkit-transition: .5s;
        transition: .5s
    }

    .browser_zone .browser_cont {
        -webkit-transform: translateY(-25px);
        transform: translateY(-25px);
        -webkit-transition: .5s;
        transition: .5s;
        opacity: 0
    }

    .browser_zone.on {
        z-index: 1000
    }

    .browser_zone.on .browser_cont {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    .browser_zone:before {
        content: "";
        display: inline-block;
        height: 100%;
        vertical-align: middle
    }

    .browser_zone .browser_cont {
        position: relative;
        display: inline-block;
        width: 600px;
        min-height: 530px;
        background-color: #fff;
        box-shadow: 0 2px 16px 0 rgba(0,0,0,.26);
        vertical-align: middle
    }

    .browser_zone .browser_cont .browser_head {
        display: table;
        width: 100%;
        height: 80px;
        border-bottom: solid 2px #edeef6;
        font-size: 22px;
        color: #222832;
        line-height: 28px
    }

    .browser_zone .browser_cont .browser_head strong {
        display: table-cell;
        width: 100%;
        height: 100%;
        padding: 0 60px;
        vertical-align: middle
    }

    .browser_zone .browser_cont .browser_body {
        padding: 32px 30px 40px;
        text-align: left;
        overflow: hidden
    }

    .browser_zone .browser_cont .browser_body .browser_info {
        font-size: 18px;
        color: #222832;
        line-height: 36px
    }

    .browser_zone .browser_cont .browser_body .browser_os {
        margin: 40px 0;
        font-size: 14px;
        color: #627793;
        text-align: center;
        line-height: 20px;
        overflow: hidden
    }

    .browser_zone .browser_cont .browser_body .browser_os li {
        position: relative;
        display: inline-block;
        width: 80px;
        height: 100px;
        margin: 0 18px
    }

    .browser_zone .browser_cont .browser_body .browser_os li:before {
        content: "";
        display: block;
        width: 61px;
        height: 61px;
        margin: 0 auto 10px;
        background: url(/static/images/forum/icons.png) 0 0 no-repeat;
        background-size: 500px auto
    }

    .browser_zone .browser_cont .browser_body .browser_os li.browser_chrome:before {
        background-position: 0 -310px
    }

    .browser_zone .browser_cont .browser_body .browser_os li.browser_firefox:before {
        background-position: -66px -310px
    }

    .browser_zone .browser_cont .browser_body .browser_os li.browser_safari:before {
        background-position: -130px -310px
    }

    .browser_zone .browser_cont .browser_body .browser_os li.browser_edge:before {
        background-position: -196px -310px
    }

    .browser_zone .browser_cont .browser_body .browser_warn {
        margin-bottom: 36px;
        font-size: 18px;
        color: #627793;
        line-height: 26px
    }

    .browser_zone .browser_cont .browser_body .browser_cookie {
        float: left;
        margin-top: 8px;
        color: #627793
    }

    .browser_zone .browser_cont .browser_body .btn_basic {
        float: right
    }

    .browser_zone .browser_cont .ibtn_close {
        width: 76px;
        height: 76px;
        position: absolute;
        right: 0;
        top: 0
    }

    .browser_zone .browser_cont .ibtn_close:before {
        width: 20px;
        height: 20px;
        background-position: -430px -94px
    }

    .banner_zone .banner_layer li a {
        margin-bottom: 22px
    }

    .banner_zone .banner_layer li label {
        font-size: 16px
    }

    .banner_zone .banner_layer li .banner_close {
        font-size: 16px;
        line-height: 20px
    }
}

@media(max-width: 1079px) {
    body {
        background-color:#fff;
        background-image: none !important
    }

    .link_arrow {
        display: none !important
    }

    #CMMlnb .nav li .btn_bookmark {
        display: block;
        right: 0
    }

    #CMMlnb .nav li .btn_bookmark:after {
        width: 18px;
        height: 18px
    }

    #CMMsub #CMMcontain .cover_img {
        display: none
    }

    #CMMwrap {
        padding-top: 68px;
        min-height: 100vh
    }

    #CMMmain #CMMwrap {
        padding-top: 0;
        padding-top: constant(safe-area-inset-top);
        padding-top: env(safe-area-inset-top)
    }

    #CMMheader .go_link {
        display: none
    }

    #CMMheader .profile_box {
        display: none !important
    }

    #CMMheader h1.name {
        display: none
    }

    #CMMheader .title {
        margin: 0 auto;
        width: 132px;
        opacity: 1;
        -webkit-transition: .5s .5s;
        transition: .5s .5s;
        z-index: 20
    }

    #CMMheader .title a {
        width: 100%
    }

    ._sch_on #CMMheader .title {
        opacity: 0;
        z-index: 10;
        -webkit-transition: .2s 0s;
        transition: .2s 0s
    }

    #CMMheader .logo a {
        height: 100%;
        font-size: 1px;
        opacity: 0
    }

    #CMMheader .ibtn_menu,#CMMheader .ibtn_back {
        position: absolute;
        top: 0;
        left: 0;
        width: 62px;
        height: 100%;
        z-index: 30
    }

    #CMMheader .ibtn_menu:before {
        width: 20px;
        height: 22px;
        background-position: -304px -92px
    }

    #CMMheader .ibtn_back:before {
        width: 20px;
        height: 20px;
        margin-left: -2px;
        background-position: -454px -92px
    }

    #CMMheader .ibtn_more,#CMMheader .header_menu {
        display: none
    }

    ._search_result_on #CMMheader .header_opt .search_wrap .ibtn_cancel {
        position: fixed;
        top: 0;
        left: 0;
        width: 62px;
        height: 62px;
        padding: 0;
        border-radius: 50%;
        text-align: center
    }

    ._search_result_on #CMMheader .header_opt .search_wrap .ibtn_cancel:before {
        width: 20px;
        height: 20px;
        background-position: -454px -92px
    }

    ._sch_on ._search_result_on #CMMheader .header_opt .search_wrap .ibtn_cancel {
        display: block
    }

    ._search_result_on #CMMheader .header_opt,._sch_on #CMMheader .header_opt {
        z-index: 20
    }

    ._search_result_on #CMMheader .header_opt .search_wrap,._sch_on #CMMheader .header_opt .search_wrap {
        left: 0
    }

    ._search_result_on #CMMheader .header_opt .search_wrap input,._sch_on #CMMheader .header_opt .search_wrap input {
        width: 100%;
        position: relative;
        -webkit-transition: opacity .5s 0s,width .5s 0s;
        transition: opacity .5s 0s,width .5s 0s;
        border-bottom-color: rgba(255,255,255,.2)
    }

    ._sch_tag_on #CMMheader .title,._sch_tag_on #CMMheader .ibtn_menu {
        display: none
    }

    ._sch_tag_on #CMMheader .header_opt .tag_wrap {
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 52px;
        height: 100%;
        padding-left: 60px;
        text-align: left
    }

    ._sdk._sch_tag_on #CMMheader .header_opt .tag_wrap {
        right: 120px
    }

    ._sch_tag_on #CMMheader .header_opt .tag_wrap .tag_search {
        position: relative;
        display: table;
        width: 100%;
        height: 100%;
        font-size: 20px;
        color: gray;
        font-weight: 500;
        line-height: 28px;
        opacity: 1;
        -webkit-transition: opacity 1s 0s;
        transition: opacity 1s 0s
    }

    ._sch_tag_on #CMMheader .header_opt .tag_wrap span {
        display: table-cell;
        width: 100%;
        height: 100%;
        vertical-align: middle
    }

    ._sch_tag_on #CMMheader .header_opt .tag_wrap .opt {
        position: absolute;
        top: 0;
        left: 0;
        right: auto
    }

    ._sch_tag_on #CMMheader .header_opt .tag_wrap .opt .ibtn_cancel {
        position: fixed;
        top: 0;
        left: 0;
        width: 62px;
        height: 68px;
        padding: 20px 22px;
        box-sizing: border-box
    }

    ._sch_tag_on #CMMheader .header_opt .tag_wrap .opt .ibtn_cancel:before {
        width: 20px;
        height: 20px;
        background-position: -454px -92px
    }

    ._sch_tag_on._sch_on #CMMheader .header_opt .tag_wrap .tag_search {
        opacity: 0
    }

    #CMMheader .header_opt .inp_wrap {
        width: 100%;
        height: 100%;
        position: relative
    }

    #CMMheader .header_opt .search_wrap {
        left: 68px;
        position: absolute;
        right: 0;
        padding-left: 62px;
        padding-right: 62px
    }

    #CMMheader .header_opt .search_wrap input {
        right: 0;
        padding: 0;
        opacity: 0;
        -webkit-transition: opacity .5s 0s,width .5s 0s;
        transition: opacity .5s 0s,width .5s 0s
    }

    ._sdk #CMMheader .header_opt .search_wrap {
        padding-right: 120px
    }

    ._sdk #CMMheader .header_opt .search_wrap button {
        right: 68px
    }

    ._sdk #CMMheader .header_opt .search_wrap button:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        width: 1px;
        height: 22px;
        margin-top: -10px;
        background-color: #505050
    }

    #CMMheader .header_opt {
        width: 100%;
        z-index: 10
    }

    ._search_result_on #CMMheader .header_opt .search_wrap .ibtn_cancel {
        display: block
    }

    #CMMlnb {
        background: #fff;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
        width: 280px
    }

    #CMMlnb .button_list {
        padding-top: 22px
    }

    #CMMlnb .button_list:after {
        content: "";
        display: block;
        height: 2px;
        position: absolute;
        top: 0;
        left: -20px;
        right: -20px;
        background: #edeef6
    }

    .lnb_top {
        padding-bottom: 20px;
        width: 100%
    }

    .lnb_top .go_link {
        display: block;
        position: relative;
        width: auto;
        top: inherit;
        left: inherit;
        box-shadow: none;
        color: #222832;
        font-size: 13px;
        line-height: 18px;
        padding: 9px 34px 9px 10px;
        border: 1px solid #d5d7e7;
        border-radius: 8px
    }

    .lnb_top .go_link:after {
        content: "";
        display: block;
        width: 14px;
        height: 12px;
        position: absolute;
        top: 50%;
        right: 12px;
        transform: translateY(-50%);
        background-image: url("data:image/svg+xml,%3Csvg width='14' height='12' viewBox='0 0 14 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Vector' d='M0 5.995C0 5.66528 0.269807 5.3955 0.599572 5.3955H8.07423L6.59529 3.91674C6.36545 3.68693 6.36545 3.30724 6.59529 3.06744C6.82512 2.82764 7.20485 2.83764 7.44468 3.06744L9.95289 5.57535C10.1827 5.80516 10.1827 6.18485 9.95289 6.42465L7.44468 8.93256C7.32477 9.05246 7.17488 9.11241 7.02498 9.11241C6.87509 9.11241 6.7152 9.05246 6.60528 8.93256C6.37545 8.70275 6.37545 8.32306 6.60528 8.08326L8.08423 6.6045H0.599572C0.269807 6.6045 0 6.33472 0 6.005V5.995ZM3.19772 8.32306C3.19772 9.68193 4.30692 10.791 5.66595 10.791H10.3326C11.6916 10.791 12.8009 9.68193 12.8009 8.32306V3.66694C12.8009 2.30808 11.6916 1.199 10.3326 1.199H5.66595C4.30692 1.199 3.19772 2.30808 3.19772 3.66694H1.99857C1.99857 1.63863 3.6374 0 5.66595 0H10.3326C12.3512 0 14 1.63863 14 3.66694V8.33306C14 10.3514 12.3612 12 10.3326 12H5.66595C3.64739 12 1.99857 10.3614 1.99857 8.33306H3.19772V8.32306Z' fill='%23627793'/%3E%3C/svg%3E%0A")
    }

    .lnb_top .go_link:hover {
        background: #000;
        color: #fff
    }

    .lnb_top .go_link:hover:after {
        background-image: url("data:image/svg+xml,%3Csvg width='14' height='12' viewBox='0 0 14 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath id='Vector' d='M0 5.995C0 5.66528 0.269807 5.3955 0.599572 5.3955H8.07423L6.59529 3.91674C6.36545 3.68693 6.36545 3.30724 6.59529 3.06744C6.82512 2.82764 7.20485 2.83764 7.44468 3.06744L9.95289 5.57535C10.1827 5.80516 10.1827 6.18485 9.95289 6.42465L7.44468 8.93256C7.32477 9.05246 7.17488 9.11241 7.02498 9.11241C6.87509 9.11241 6.7152 9.05246 6.60528 8.93256C6.37545 8.70275 6.37545 8.32306 6.60528 8.08326L8.08423 6.6045H0.599572C0.269807 6.6045 0 6.33472 0 6.005V5.995ZM3.19772 8.32306C3.19772 9.68193 4.30692 10.791 5.66595 10.791H10.3326C11.6916 10.791 12.8009 9.68193 12.8009 8.32306V3.66694C12.8009 2.30808 11.6916 1.199 10.3326 1.199H5.66595C4.30692 1.199 3.19772 2.30808 3.19772 3.66694H1.99857C1.99857 1.63863 3.6374 0 5.66595 0H10.3326C12.3512 0 14 1.63863 14 3.66694V8.33306C14 10.3514 12.3612 12 10.3326 12H5.66595C3.64739 12 1.99857 10.3614 1.99857 8.33306H3.19772V8.32306Z' fill='white'/%3E%3C/svg%3E%0A")
    }

    .lnb_top .profile_box {
        display: block;
        position: relative;
        width: 100%;
        top: inherit;
        right: inherit;
        box-shadow: none;
        border-radius: initial;
        padding: 0;
        margin-top: 10px
    }

    .lnb_top .profile_box .text {
        display: flex;
        align-items: flex-start;
        justify-content: space-between
    }

    .lnb_top .profile_box .text .user_id {
        margin-top: 2px;
        margin-right: 10px;
        flex: 1;
        word-wrap: break-word;
        word-break: break-word;
        overflow-wrap: break-word
    }

    .lnb_top .profile_box .text .btn_logout {
        padding: 6px;
        border-radius: 5px;
        border: 1px solid #627793;
        color: #627793;
        font-size: 10px;
        line-height: 14px
    }

    .lnb_top .profile_box .text .btn_logout:hover {
        background: #627793;
        color: #fff
    }

    .lnb_top .link_list {
        display: flex;
        margin-top: 29px
    }

    .lnb_top .link_list li {
        flex: 1;
        height: 36px;
        background: #edeef6;
        border-radius: 6px;
        overflow: hidden;
        margin-left: 10px
    }

    .lnb_top .link_list li a {
        padding: 0 10px;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 12px;
        line-height: 14px;
        color: #222832
    }

    .lnb_top .link_list li:only-child {
        flex: none;
        width: 100%
    }

    .lnb_top .link_list li:first-child {
        margin-left: 0
    }

    .lnb_top .link_list li:hover {
        background: #000
    }

    .lnb_top .link_list li:hover a {
        color: #fff
    }

    .lnb_top .login_wrap {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 22px;
        padding-bottom: #edeef6
    }

    .lnb_top .login_wrap .btn_login {
        padding: 0;
        background: none;
        color: #222832;
        font-size: 20px;
        font-weight: bold;
        flex: 1;
        text-align: left
    }

    .lnb_top .user_img {
        display: none
    }

    .lnb_top .log_on .user_img {
        display: block;
        width: 60px;
        height: 60px;
        background-size: cover;
        border-radius: 50%
    }

    .lnb_top .log_on .btn_login {
        display: none !important
    }

    .lnb_on #CMMlnb {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
        background: #fff;
        padding-top: 20px !important
    }

    #CMMcontain .company {
        top: 72px;
        left: 20px;
        width: 96px
    }

    #CMMcontain .appicon {
        left: 0;
        right: 0;
        bottom: 22px;
        width: auto;
        color: #fff;
        font-size: 22px;
        line-height: 30px;
        text-shadow: 0 2px 6px rgba(0,0,0,.6)
    }

    #CMMcontain .appicon h2 {
        height: auto;
        max-height: 6em;
        font-size: 22px;
        line-height: 30px;
        -webkit-line-clamp: 4
    }

    #CMMcontain .appicon>img {
        display: none
    }

    #CMMcontain .appicon .member {
        display: block;
        width: auto;
        min-height: auto;
        margin-top: 0;
        margin-bottom: -12px;
        padding: 0;
        background-color: rgba(0,0,0,0);
        border-radius: 0;
        font-size: 14px;
        color: #fff
    }

    #CMMcontain .appicon .member span {
        float: none
    }

    #CMMcontain .appicon .member span:first-child {
        margin-right: 6px;
        color: #fff
    }

    #CMMcontain .appicon .member span:first-child:before {
        display: none
    }

    #CMMlnb {
        z-index: 80;
        bottom: 0;
        padding-bottom: 0;
        overflow: auto;
        -webkit-overflow-scrolling: touch;
        opacity: 0;
        -webkit-transform: translateX(-280px);
        transform: translateX(-280px);
        overflow-x: hidden
    }

    #CMMlnb.lnb_less {
        opacity: 1;
        -webkit-transition: transform .5s;
        transition: transform .5s
    }

    #CMMlnb .member {
        display: none
    }

    #CMMlnb .login_wrap {
        top: 0;
        left: 0;
        color: #fff;
        font-size: inherit;
        line-height: inherit;
        z-index: 10;
        box-sizing: border-box
    }

    #CMMlnb .login_wrap strong {
        display: none
    }

    ._log_on #CMMlnb .login_wrap {
        padding: 20px;
        background: #000
    }

    #CMMlnb .btn_pc_play {
        display: none
    }

    ._log_on #CMMlnb .login_wrap {
        margin: -20px -20px 20px
    }

    ._log_on #CMMlnb .login_wrap strong {
        position: relative;
        display: block;
        vertical-align: middle;
        padding: 0 0 0 56px;
        height: 46px;
        background-repeat: no-repeat;
        background-position: 0 0;
        background-size: 46px auto;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap
    }

    ._log_on #CMMlnb .login_wrap strong.new:after {
        content: "";
        position: absolute;
        top: -4px;
        left: 32px;
        width: 14px;
        height: 14px;
        border: solid 4px #000;
        border-radius: 50%;
        background-color: #e21212
    }

    ._log_on #CMMlnb .login_wrap strong img {
        position: absolute;
        top: 0;
        left: 0;
        width: 46px;
        height: 46px;
        border-radius: 50%;
        overflow: hidden
    }

    ._log_on #CMMlnb .login_wrap strong img.square {
        border-radius: 0;
        top: 5px;
        left: 5px;
        width: 36px;
        height: 36px
    }

    ._log_on #CMMlnb .login_wrap strong img.square+.frame {
        position: absolute;
        top: 0;
        left: 0;
        width: 46px;
        height: 46px;
        background-repeat: no-repeat;
        background-size: 100% auto;
        background-position: 50% 50%
    }

    ._log_on #CMMlnb .login_wrap .btn_login {
        position: absolute;
        top: 48px;
        left: 76px;
        width: auto;
        height: 22px;
        padding: 4px 6px;
        border-radius: 5px;
        border: solid 1px gray;
        font-size: 10px;
        color: gray;
        line-height: 14px
    }

    ._log_on #CMMlnb .login_wrap~.btn_write_gl {
        margin-top: 0
    }

    #CMMlnb .nav {
        overflow: auto;
        min-height: 391px
    }

    #CMMlnb .footer {
        margin: 0 -20px;
        width: 280px;
        padding: 20px;
        background-color: #000
    }

    #CMMlnb .market li {
        margin-left: 0;
        margin-right: 6px;
        margin-top: 2px
    }

    #CMMlnb .market li:nth-of-type(2n) {
        margin-right: 0
    }

    #CMMlnb .footer .select {
        position: relative;
        margin-top: 30px;
        padding: 0 0 0 20px;
        width: 100%;
        font-size: 14px;
        line-height: 20px;
        color: #fff;
        background: rgba(0,0,0,0);
        border: 0;
        border-radius: 0
    }

    #CMMlnb .select:after {
        width: 14px;
        height: 15px;
        background-position: -214px -117px;
        left: 0;
        right: auto;
        margin-top: -8px
    }

    #CMMlnb .footer.select_only {
        padding: 30px 20px
    }

    #CMMlnb .footer.select_only .select {
        margin-top: 0
    }

    #CMMlnb .footer .footer_top {
        padding-bottom: 30px;
        border-bottom: 1px solid #303030
    }

    #CMMlnb .footer .official_sns_link {
        margin: 10px -20px 30px 0
    }

    #CMMlnb .footer .official_sns_link li {
        margin-top: 20px
    }

    #CMMlnb .footer .info {
        overflow: hidden;
        margin-top: 30px;
        margin-bottom: 30px
    }

    #CMMlnb .footer .info li {
        position: relative;
        margin-top: 14px
    }

    #CMMlnb .footer .info li:first-child {
        margin-top: 0
    }

    #CMMlnb .footer .info li a {
        color: gray
    }

    #CMMlnb .footer .info li.highlight a {
        color: #fff;
        font-weight: bold
    }

    #CMMlnb .footer .company_num {
        margin-top: 30px;
        color: gray
    }

    #CMMlnb .footer .company_num li {
        margin-top: 14px
    }

    #CMMlnb .footer .company_num li:first-child {
        margin-top: 0
    }

    #CMMlnb .footer .btn_logout {
        display: block;
        width: 100%;
        padding: 14px;
        font-size: 14px;
        color: gray;
        text-align: center;
        line-height: 20px;
        border-radius: 10px;
        border: 1px solid gray;
        background-color: rgba(0,0,0,0)
    }

    #CMMlnb .footer .copyright {
        position: relative;
        display: block;
        margin-top: 30px;
        font-size: 11px;
        line-height: 16px;
        color: #404040
    }

    #CMMlnb .footer .copyright span {
        display: block
    }

    #CMMlnb .footer .copyright img {
        min-width: 96px;
        max-width: 120px;
        width: auto;
        margin-bottom: 14px;
        display: inline-block
    }

    #CMMlnb .footer .copyright:lang(ar) {
        direction: ltr;
        text-align: right
    }

    #CMMlnb .footer .copyright:lang(ar) span {
        display: block
    }

    #CMMlnb .footer .copyright>img:lang(ar) {
        display: inline-block
    }

    #CMMmain #CMMcontent {
        padding: 0
    }

    #CMMmain #CMMcontent .tabcont {
        padding: 0 20px 20px
    }

    #CMMcontent {
        padding: 20px
    }

    .dim {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: -1;
        -webkit-transition: z-index .5s,background-color .5s;
        transition: z-index .5s,background-color .5s;
        background-color: rgba(0,0,0,0)
    }

    .lnb_on .dim {
        z-index: 79;
        background-color: rgba(0,0,0,.5)
    }

    #CMMpop_report {
        display: none;
        min-width: 320px;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        font-size: 16px;
        line-height: 24px;
        z-index: 70;
        background-color: #fff;
        box-sizing: border-box
    }

    #CMMpop_report.on {
        display: block
    }

    #CMMpop_report.pop_report {
        color: #627793;
        padding: 68px 20px 20px;
        overflow: auto;
        -webkit-overflow-scrolling: touch
    }

    #CMMpop_report.pop_report .title {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        height: 68px;
        font-size: 16px;
        color: gray;
        text-align: center;
        padding: 0 240px 0 60px;
        font-size: 20px;
        line-height: 24px;
        z-index: 10;
        background-color: #000;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        align-items: center;
        -webkit-align-items: center;
        text-align: left
    }

    #CMMpop_report.pop_report .pop_body {
        padding: 0
    }

    #CMMpop_report.pop_report .pop_body dl {
        padding: 10px 0
    }

    #CMMpop_report.pop_report .pop_body .dl_report dt {
        font-size: 14px;
        line-height: 22px
    }

    #CMMpop_report.pop_report .pop_body .dl_report dd {
        margin-top: 4px;
        color: #000;
        font-weight: bold
    }

    #CMMpop_report.pop_report .pop_body .dl_report dd+dt {
        margin-top: 10px
    }

    #CMMpop_report.pop_report .pop_body .dl_report_choice {
        border-top: 1px solid #b9bbce
    }

    #CMMpop_report.pop_report .pop_body .dl_report_choice dt {
        color: #000
    }

    #CMMpop_report.pop_report .pop_body .dl_report_choice dd {
        margin-top: 10px
    }

    #CMMpop_report.pop_report .pop_body .dl_report_choice dd .textarea {
        margin-top: 10px;
        margin-left: 28px;
        padding: 10px;
        min-height: 92px;
        font-size: 14px;
        line-height: 22px;
        border: 1px solid #b9bbce;
        box-sizing: border-box
    }

    #CMMpop_report.pop_report .pop_footer {
        text-align: center
    }

    #CMMpop_report.pop_report .pop_footer button {
        color: #222832;
        margin: 0;
        z-index: 20;
        font-size: 18px;
        line-height: 26px
    }

    #CMMpop_report.pop_report .pop_footer .ibtn_basic {
        position: fixed;
        top: 0;
        right: 0;
        width: 140px;
        height: 68px;
        color: #fff;
        padding: 18px 20px;
        text-align: right;
        font-size: 14px;
        line-height: 16px;
        word-break: break-all
    }

    #CMMpop_report.pop_report .pop_footer .ibtn_cancel {
        position: fixed;
        top: 0;
        left: 0;
        width: 62px;
        height: 68px
    }

    #CMMpop_report.pop_report .pop_footer .ibtn_cancel:before {
        width: 20px;
        height: 20px;
        background-position: -454px -92px
    }

    #CMMpop_report.pop_report .pop_footer .ibtn_cancel span {
        position: absolute;
        left: 0;
        top: 0;
        overflow: hidden;
        width: 1px;
        height: 1px;
        text-indent: -9999px;
        font-size: 0;
        line-height: 0;
        color: rgba(0,0,0,0)
    }

    ._sdk #CMMpop_report.pop_report .pop_footer .ibtn_basic {
        right: 68px
    }

    ._sdk #CMMpop_report.pop_report .pop_footer .ibtn_basic:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 0;
        width: 1px;
        height: 22px;
        margin-top: -10px;
        background-color: #505050
    }

    .toast_zone .toast {
        border-radius: 10px
    }

    .error .message._404 {
        padding-top: 102px
    }

    .error .message._404>span {
        margin: 30px 0
    }
}

@media(min-width: 768px) {
    #CMMlogin_wrap {
        width:292px;
        margin: 0 auto
    }

    #CMMlogin_wrap .logo {
        width: 260px;
        height: 72px
    }
}

@media(min-width: 640px)and (max-width: 1079px) {
    #CMMlnb .nav {
        font-size:16px;
        line-height: 22px
    }

    #CMMlnb .footer {
        font-size: 14px;
        line-height: 20px
    }

    #CMMlnb .footer .select .btn_select {
        padding: 14px 50px 14px 20px
    }

    #CMMlnb .footer .select .btn_select:after {
        right: 20px
    }

    .toast_zone .toast {
        max-width: 400px;
        padding: 44px 20px 30px
    }

    .toast_zone .toast_body {
        font-size: 16px;
        line-height: 24px
    }

    .error .message {
        padding: 120px 20px 34px
    }
}

@media(max-height: 424px) {
    .error .copyright {
        position:relative;
        bottom: auto;
        left: auto;
        right: auto;
        margin: 20px 0
    }
}

@media(max-width: 639px) {
    body {
        font-size:16px;
        line-height: 24px
    }

    #CMMcontain .cover_img {
        overflow: hidden
    }

    #CMMlnb .footer {
        font-size: 14px;
        line-height: 20px
    }

    #CMMlnb .footer .btn_logout {
        font-size: 16px;
        line-height: 22px
    }

    .toast_zone .toast {
        max-width: 260px;
        padding: 54px 20px 40px
    }

    .toast_zone .toast_body {
        font-size: 16px;
        line-height: 24px
    }

    #CMMpop_report.pop_report .title {
        padding: 0 175px 0 60px
    }

    #CMMpop_report.pop_report .pop_footer .ibtn_basic {
        width: 90px;
        padding: 0 20px 0 0
    }

    #CMMpop_report.pop_report .pop_footer .ibtn_basic:before {
        display: none
    }

    #CMMpop_report.pop_report .pop_footer .ibtn_basic span {
        margin-left: 0
    }

    .banner_zone .banner_layer li.vertical {
        width: 280px
    }

    .banner_zone .banner_layer li.vertical a img {
        display: block
    }

    .banner_zone .banner_layer li.vertical a img.banner_thumb {
        display: none
    }
}

#CMMgate {
    background-color: #edeef6;
    text-align: center
}

#CMMgate a {
    font-family: "Noto Sans Bold",sans-serif
}

#CMMgate:lang(ko) a {
    font-family: "Noto Sans KR Medium",sans-serif
}

#CMMgate:lang(ja) a {
    font-family: "Noto Sans JP Medium",sans-serif
}

#CMMgate:lang(zh-hans) a {
    font-family: "Noto Sans SC Medium",sans-serif
}

#CMMgate:lang(zh-hant) a {
    font-family: "Noto Sans TC Medium",sans-serif
}

#CMMgate:lang(ar) a {
    font-family: "Tajawal Bold",sans-serif
}

#CMMgate .wrap {
    width: 315px;
    margin: 0 auto;
    padding: 60px 0 20px;
    background-color: #edeef6
}

#CMMgate .wrap .logo {
    margin: 0 auto 40px;
    width: 260px;
    height: 72px;
    background-repeat: no-repeat;
    background-image: url(https://hive-fn.qpyou.cn/markup/img/community/ic_membership_mo.png);
    background-size: 100% auto;
    background-position: 50% 50%
}

#CMMgate .wrap .account li {
    width: 315px;
    height: 58px;
    margin-top: 10px;
    border-radius: 10px;
    border: solid 1px #1475db;
    background-color: #fff;
    box-sizing: border-box
}

#CMMgate .wrap .account li:first-child {
    margin-top: 0
}

#CMMgate .wrap .account li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 0 20px;
    font-size: 16px;
    line-height: 20px;
    color: #1475db;
    vertical-align: middle;
    box-sizing: border-box
}

#CMMgate .wrap .account li a:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

#CMMgate .wrap .or {
    margin: 20px auto;
    font-size: 16px;
    color: #636a8c;
    line-height: 20px
}

#CMMgate .wrap .other li {
    position: relative;
    width: 315px;
    height: 56px;
    margin-top: 10px;
    border-radius: 10px;
    background-color: #fff;
    box-sizing: border-box
}

#CMMgate .wrap .other li:first-child {
    margin-top: 0
}

#CMMgate .wrap .other li a {
    display: inline-block;
    width: 100%;
    height: 100%;
    padding: 0 10px 0 50px;
    font-size: 16px;
    line-height: 20px;
    color: rgba(0,0,0,.54);
    vertical-align: middle;
    box-sizing: border-box
}

#CMMgate .wrap .other li a:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

#CMMgate .wrap .other li a:after {
    content: "";
    position: absolute;
    top: 18px;
    left: 20px;
    width: 20px;
    height: 22px;
    background-image: url(/static/images/forum/icons.png);
    background-repeat: no-repeat;
    background-size: 500px auto
}

#CMMgate .wrap .other li a.btn_google:after {
    background-position: -137px -138px
}

#CMMgate .wrap .other li a.btn_facebook:after {
    background-position: -162px -138px
}

#CMMgate .wrap .other li a.btn_apple {
    color: #000
}

#CMMgate .wrap .other li a.btn_apple:after {
    background-position: -114px -139px
}

#CMMgate .wrap .copyright {
    margin: 60px auto 0;
    font-size: 12px;
    color: #9fabc9;
    line-height: 16px
}

@media(min-width: 568px) {
    #CMMgate .wrap .logo {
        background-image:url(https://hive-fn.qpyou.cn/markup/img/community/ic_membership.png)
    }
}

@media(min-width: 568px)and (max-width: 895px) {
    #CMMgate .wrap {
        width:356px;
        padding: 50px 0 10px
    }

    #CMMgate .wrap .logo {
        width: 300px;
        height: 38px
    }

    #CMMgate .wrap .account li {
        width: 356px;
        height: 58px
    }

    #CMMgate .wrap .other li {
        width: 356px;
        height: 56px
    }

    #CMMgate .wrap .copyright {
        margin: 40px auto 0
    }
}

@media(min-width: 896px) {
    #CMMgate .wrap {
        width:456px
    }

    #CMMgate .wrap .logo {
        margin: 0 auto 50px;
        width: 400px;
        height: 52px
    }

    #CMMgate .wrap .account li {
        width: 456px;
        height: 70px;
        margin-top: 12px;
        border-radius: 12px;
        border: solid 2px #1475db
    }

    #CMMgate .wrap .account li a {
        font-size: 20px;
        line-height: 24px
    }

    #CMMgate .wrap .or {
        margin: 30px auto;
        font-size: 20px;
        line-height: 24px
    }

    #CMMgate .wrap .other li {
        width: 456px;
        height: 70px;
        margin-top: 12px;
        border-radius: 12px
    }

    #CMMgate .wrap .other li a {
        padding: 0 20px 0 68px;
        font-size: 20px;
        line-height: 24px
    }

    #CMMgate .wrap .other li a:after {
        top: 23px;
        left: 24px;
        width: 24px;
        height: 24px;
        background-size: 530px auto
    }

    #CMMgate .wrap .other li a.btn_google:after {
        background-position: -144px -145px
    }

    #CMMgate .wrap .other li a.btn_facebook:after {
        background-position: -171px -145px
    }

    #CMMgate .wrap .other li a.btn_apple:after {
        background-position: -119px -146px
    }

    #CMMgate .wrap .copyright {
        margin: 50px auto 0;
        font-size: 14px;
        line-height: 20px
    }
}

#CMMterms,#CMMgamer {
    height: 100%;
    background-color: #edeef6;
    -webkit-overflow-scrolling: touch
}

#CMMterms *,#CMMgamer * {
    box-sizing: border-box
}

#CMMterms .index,#CMMterms .page {
    display: none;
    position: relative;
    min-width: 320px
}

#CMMterms .index.on {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    min-height: 100%
}

#CMMterms .page.on {
    display: block;
    height: 100%
}

#CMMterms .nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding-right: 30px;
    padding-left: 30px;
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top)
}

#CMMterms .nav .inner {
    height: 68px
}

#CMMterms .nav .inner a {
    display: inline-block;
    position: relative;
    padding: 20px 20px 20px 0;
    font-size: 0;
    line-height: 0;
    vertical-align: top;
    z-index: 10
}

#CMMterms .nav .inner a:before {
    content: "";
    display: inline-block;
    width: 28px;
    height: 28px;
    background-repeat: no-repeat;
    background-size: 500px auto;
    background-image: url(/static/images/forum/icons.png);
    background-position: -146px -60px
}

#CMMterms .container {
    -webkit-flex: 1;
    flex: 1;
    height: 100%;
    padding: 0 30px 60px
}

#CMMgamer .container {
    -webkit-flex: 1;
    flex: 1;
    height: 100%;
    padding: 0 30px 60px
}

#CMMterms .container .header {
    padding-top: 68px
}

#CMMterms .container .header .title {
    font-weight: normal;
    font-size: 30px;
    color: #282829;
    line-height: 42px;
    word-break: break-all
}

#CMMterms .index .container .content .list {
    margin: 50px 0 30px
}

#CMMterms .index .container .content .list li {
    position: relative;
    padding: 16px 47px 16px 20px;
    background-color: #fff;
    border-radius: 10px
}

#CMMterms .index .container .content .list li~li {
    margin-top: 10px
}

#CMMterms .index .container .content .list li input {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    opacity: 0
}

#CMMterms .index .container .content .list li label {
    position: relative;
    display: inline-block;
    padding-left: 30px;
    font-size: 14px;
    color: #627793;
    line-height: 20px;
    vertical-align: top;
    cursor: pointer
}

#CMMterms .index .container .content .list li label:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 20px;
    height: 20px;
    background-color: rgba(99,106,140,.26);
    background-image: none;
    border-radius: 6px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: background-color .2s;
    transition: background-color .2s
}

#CMMterms .index .container .content .list li input:checked+label:before {
    background-color: #1475db
}

#CMMterms .index .container .content .list li input:checked+label:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 7px;
    width: 4px;
    height: 8px;
    margin-top: -1px;
    border-width: 0 2px 2px 0;
    border-style: solid;
    border-color: #fff;
    -webkit-transform: translateY(-50%) rotate(45deg);
    transform: translateY(-50%) rotate(45deg)
}

#CMMterms .index .container .content .list .more {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 7px;
    height: 14px;
    padding: 10px;
    font-size: 0;
    line-height: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    box-sizing: initial
}

#CMMterms .index .container .content .list .more:before {
    content: "";
    display: block;
    width: 7px;
    height: 14px;
    background-repeat: no-repeat;
    background-size: 500px auto;
    background-image: url(/static/images/forum/icons.png);
    background-position: -352px -117px
}

#CMMterms .container .content .btn {
    display: block;
    width: 100%;
    height: 58px;
    padding: 0 20px;
    background-color: rgba(0,0,0,.08);
    border-radius: 10px;
    font-weight: bold;
    font-size: 16px;
    color: #edeef6;
    line-height: 20px
}

#CMMgamer .container .content .btn {
    display: block;
    width: 100%;
    height: 58px;
    padding: 0 20px;
    background-color: rgba(0,0,0,.08);
    border-radius: 10px;
    font-weight: bold;
    font-size: 16px;
    color: #edeef6;
    line-height: 20px
}

#CMMterms .index .container .content .btn.btn_on,#CMMgamer .container .content .btn.btn_on {
    background-color: #1475db;
    color: #fff
}

#CMMterms .page .container {
    display: table;
    width: 100%;
    min-height: auto;
    padding: 68px 30px 20px;
    table-layout: fixed
}

#CMMterms .page .container .header {
    padding-top: 0
}

#CMMterms .page .container .header .title {
    padding-bottom: 20px
}

#CMMterms .page .container .content {
    display: table-row;
    height: 100%
}

#CMMterms .page .container .content .detail {
    height: 100%;
    font-size: 12px;
    color: #636a8c;
    line-height: 18px;
    word-break: break-word;
    overflow-y: auto
}

#CMMgamer .layout {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    min-height: 100%
}

#CMMgamer .subtitle p {
    padding: 80px 0 20px;
    font-size: 20px;
    color: #282829;
    line-height: 28px
}

#CMMgamer .subtitle span {
    font-size: 16px;
    color: #636a8c;
    line-height: 24px
}

#CMMgamer .content .form {
    margin-top: 50px
}

#CMMgamer .content .form li {
    position: relative;
    margin-bottom: 30px
}

#CMMgamer .content .form li input {
    display: block;
    width: 100%;
    height: 62px;
    padding: 0 20px;
    background-color: #fff;
    border-radius: 10px;
    border: 2px solid #cbcdde;
    font-size: 16px;
    color: #2d3137;
    line-height: 20px
}

#CMMgamer .content .form li input::-webkit-input-placeholder {
    color: #cbcdde !important
}

#CMMgamer .content .form li input::-moz-placeholder {
    color: #cbcdde !important
}

#CMMgamer .content .form li input:-ms-input-placeholder {
    color: #cbcdde !important
}

#CMMgamer .content .form li input:-moz-placeholder {
    color: #cbcdde !important
}

#CMMgamer .content .form li input:-ms-input-placeholder {
    color: #cbcdde !important
}

#CMMgamer .content .form .message {
    display: none;
    padding: 4px 10px 0;
    min-height: 28px;
    font-size: 10px;
    color: #d01111;
    line-height: 14px
}

#CMMgamer .content .form li.err {
    margin-bottom: 12px
}

#CMMgamer .content .form li.err .message {
    display: block
}

#CMMterms .footer,#CMMgamer .footer {
    width: 100%;
    padding: 0 20px 20px;
    font-size: 12px;
    color: #9fabc9;
    text-align: center;
    line-height: 16px
}

@media(min-width: 568px)and (max-width: 1023px) {
    #CMMterms .nav {
        padding:0 7.49%
    }

    #CMMterms .container {
        min-height: 330px;
        padding: 0 7.49% 20px
    }

    #CMMgamer .container {
        min-height: 330px;
        padding: 0 7.49% 20px
    }

    #CMMterms .container .header {
        position: relative
    }

    #CMMterms .container .header .title {
        position: absolute;
        top: 0;
        left: 48px;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        height: 100%;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center;
        font-size: 24px;
        line-height: 32px
    }

    #CMMterms .index .container .content .list {
        margin-top: 32px
    }

    #CMMterms .index .container .content .btn {
        width: 63.9%;
        margin-left: auto;
        margin-right: auto
    }

    #CMMterms .page .container {
        padding: 0 7.49% 20px
    }

    #CMMterms .page .container .header {
        height: 70px
    }

    #CMMterms .page .container .header .title {
        position: static;
        top: auto;
        left: auto;
        padding: 0 0 2px 48px
    }

    #CMMgamer .subtitle p {
        padding-top: 40px
    }

    #CMMgamer .content {
        padding: 0 13.08%
    }

    #CMMgamer .content .form {
        margin-top: 30px
    }

    #CMMterms .footer,#CMMgamer .footer {
        padding: 0 7.49% 10px
    }
}

@media(min-width: 1024px) {
    #CMMterms .page {
        height:auto
    }

    #CMMterms .nav {
        top: 80px
    }

    #CMMterms .nav .inner {
        width: 440px;
        margin: 0 auto
    }

    #CMMterms .container,#CMMterms .page .container {
        width: 440px;
        margin: 0 auto;
        padding: 0 0 60px
    }

    #CMMgamer .container {
        width: 440px;
        margin: 0 auto;
        padding: 0 0 60px
    }

    #CMMterms .container .header {
        padding-top: 148px
    }

    #CMMterms .page .container .header {
        padding-top: 148px
    }

    #CMMterms .page .container .content {
        display: block;
        height: auto
    }

    #CMMterms .page .container .content .detail {
        height: auto
    }

    #CMMgamer .subtitle p {
        padding-top: 100px
    }

    #CMMterms .footer,#CMMgamer .footer {
        width: 440px;
        margin: 0 auto;
        padding: 0 10px 60px;
        font-size: 14px;
        line-height: 20px
    }
}