@font-face {
    font-family: "UTM Seagull", sans-serif;
    src: url('/frontend/fonts/UTM SeagullBold.ttf');
}

.wrapper {
    overflow: hidden;
    font-family: 'UTM Seagull', Helvetica, Verdana, Geneva, sans-serif;
    background: url(/frontend/images/guide/page_bg.jpg) repeat-y top center;
}


a {
    display: inline-block;
    width: auto;
}

.cr_block {
    margin: 0 auto 0;
    max-width: none;
    background: black;
    padding: 20px 0;
}

.slider-chuc .slick-dots {
    bottom: 25px;
}

.p2_title img {
    width: auto;
    max-width: 100%;
}

.menu li {
    width: auto;
}

.menu li img {
    height: 30px;
}

.page_header {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    background: url(/frontend/images/guide/pages_bg.png)no-repeat center top;
    background-size: 100%;
    position: relative;
}
.title_guide {
    width: 100%;
    max-width: 880px;
    margin: 0 auto;
    padding-top: 25%;
}
.content_all {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
    background: url(/frontend/images/guide/page_bg.jpg) repeat-y top center;
}
.guide_block_new {
    width: 100%;
    max-width: 1420px;
    margin: 0 auto;
    padding-bottom: 4rem;
    position: relative;
    background: url(/frontend/images/guide/guide_bg_new.png) no-repeat top center;
}
.guide_menu_block {
    width: 50%;
    max-width: 640px;
    float: right;
    margin-right: 8%;
}
.guide_title {
    width: 100%;
    max-width: 580px;
    position: relative;
    margin: 4rem auto 2rem;
    background: url(/frontend/images/guide/title_bg.png) no-repeat center top;
    background-size: 100%;
}
.guide_menu {
    width: 100%;
    max-width: 365px;
    position: relative;
    margin: 2rem auto;
    padding: 1rem auto;
    background: url(/frontend/images/guide/menu_bg.png) no-repeat center top;
    background-size: 100%;
}
.txt_shadow {
    text-shadow: 0 0 14px rgb(24 13 2), 0 0 12px rgb(24 13 2), 0 0 10px rgb(24 13 2), 0 0 8px rgb(24 13 2 / 90%), 0 0 4px rgb(24 13 2), 0 0 6px rgb(24 13 2 / 90%), 0 0 2px rgb(24 13 2);
}
.guide_menu_set {
    padding: 1rem 0;
    position: relative;
    display: flex;
    display: -ms-flexbox;
    flex-direction: row;
    -ms-flex-direction: row;
    justify-content: center;
}
.guide_menu_txt {
    font-size: 2rem;
    font-weight: bold;
    margin: 0 1rem;
    line-height: 3.3rem;
    vertical-align: middle;
    text-align: center;
}
.guide_menu_txt:hover a {
    color: #ffc64c;
}
.guide_menu_txt a {
    color: #fff;
    text-decoration: none;
}
.line2{
    font-size: 2rem;
    line-height: 1;
}
.content_all img {
    width: 100%;
    height: auto;
    border: 0px;
}
.guide_block_ui {
    width: 100%;
    max-width: 1420px;
    margin: 0 auto;
    padding-bottom: 8rem;
    position: relative;
    background: url(/frontend/images/guide/guide_bg_ui.png) no-repeat top center;
}
.guide_menu_block_l {
    width: 50%;
    max-width: 640px;
    float: left;
    margin-left: 8%;
}
.guide_title2 {
    width: 100%;
    max-width: 580px;
    position: relative;
    margin: 8rem auto 2rem;
    background: url(/frontend/images/guide/title_bg.png) no-repeat center top;
    background-size: 100%;
}
.guide_block_menu {
    width: 100%;
    max-width: 1420px;
    margin: 0 auto;
    padding-bottom: 8rem;
    position: relative;
    background: url(/frontend/images/guide/guide_bg_menu.png) no-repeat top center;
}
.guide_menu_block_c {
    width: 66%;
    margin: 0 auto;
}
.guide_titlec {
    width: 100%;
    max-width: 580px;
    position: relative;
    margin: 1rem auto 1rem;
    background: url(/frontend/images/guide/title_bg.png) no-repeat center top;
    background-size: 100%;
}
.guide_menu_block_set {
    display: flex;
    display: -ms-flexbox;
    flex-direction: row;
    -ms-flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
}
.guide_menu2 {
    width: 50%;
    max-width: 365px;
    position: relative;
    margin: 0.5rem auto;
    padding: 1rem auto;
    background: url(/frontend/images/guide/menu_bg.png) no-repeat center top;
    background-size: 100%;
}
.guide_block_job {
    width: 100%;
    max-width: 1420px;
    margin: 0 auto;
    padding-bottom: 8rem;
    position: relative;
    background: url(/frontend/images/guide/guide_bg_job.png) no-repeat top center;
}
.guide_block_war {
    width: 100%;
    max-width: 1420px;
    margin: 0 auto;
    padding-bottom: 8rem;
    position: relative;
    background: url(/frontend/images/guide/guide_bg_war.png) no-repeat top center;
}
.guide_block_lv {
    width: 100%;
    max-width: 1420px;
    margin: 0 auto;
    padding-bottom: 8rem;
    position: relative;
    background: url(/frontend/images/guide/guide_bg_lv.png) no-repeat top center;
}
@media screen and (max-width:1200px){
    .btn_top{width:10%;}
}


@media (max-width:1000px){
    .page_header{background:url("/frontend/images/guide/pages_bg_1000.jpg")no-repeat center top;background-size:100%;padding-top:20%; }
    .page{margin: -20% auto 0;}
    .guide_menu_block_c{width:92%;}

}

@media screen and (max-width:950px) {

    .cr_block{  margin:0; padding:.3rem .3rem .3rem .3rem;}

}

@media (max-width:920px){
    .guide_title{margin: 25% auto 2rem;}
    .guide_title2{margin: 45% auto 2rem;}
    .guide_menu_block,.guide_menu_block_l{margin-right: 4%;}

}

@media (max-width:800px){
    .page_header{background:url("/frontend/images/guide/pages_bg_800.jpg")no-repeat center top;background-size:100%;padding-top:35%; }
    .guide_title,.guide_title2{margin: 2rem 0 auto 8%;}
    .guide_menu_block,.guide_menu_block_l{width:80%;float:none;margin: 0 auto;}
    .guide_block_new{padding-bottom: 5rem; background:url("/frontend/images/guide/guide_bg_new_s.jpg") no-repeat top center;}
    .guide_block_ui{padding-bottom: 9rem;background:url("/frontend/images/guide/guide_bg_ui_s.jpg") no-repeat top center;}
    .guide_block_menu{padding-bottom: 9rem;position: relative;background:url("/frontend/images/guide/guide_bg_menu.png") no-repeat top center;}
    .guide_block_job{padding-bottom: 9rem;position: relative;background:url("/frontend/images/guide/guide_bg_job_s.jpg") no-repeat top center;}
    .guide_block_war{padding-bottom: 9rem;position: relative;background:url("/frontend/images/guide/guide_bg_war_s.jpg") no-repeat top center;}
    .guide_block_king{padding-bottom: 9rem;position: relative;background:url("/frontend/images/guide/guide_bg_king_s.jpg") no-repeat top center;}
    .cr_text,.cr_text a,.cr_text a:hover{font-size:.8rem;}
    .cr ul li:nth-of-type(2) {width: 35%;}
    .btn_top{width:12%;}

}

@media (max-width:737px){
    .guide_menu2{width:100%;margin: 0.5rem auto;padding:1rem auto;}


}


@media screen and (max-width:650px) {

    .cr_block article{ text-align:center; }
    .cr_logo{ text-align:center; }
    .cr_logo img{ width:40vw; }

    .cr_txt{ text-align:center; display:block; }
}


@media (max-width:640px){
    .top_logo{width:30%;}
    .topmenu_block ul{width:60%;flex-direction:row;	-ms-flex-direction:row;
        flex-wrap:nowrap; -ms-flex-wrap:nowrap;	  }
    .mainbtn{width:100%;margin: 3% auto 0.5%;}
    .menu_block ul{display:flex;/*for all browser*/ display:-ms-flexbox;/*for ie10*/
        justify-content: center; -ms-flex-pack: center;
        flex-direction:column;	-ms-flex-direction:column;
        flex-wrap:wrap; -ms-flex-wrap:wrap;	 }
    .menu_block li{width:50%;max-width: 330px;margin: -1% auto;}
    .btn_top{display: none;}


}


@media (max-width:550px){
    .guide_block_new,.guide_block_ui,.guide_block_menu,.guide_block_job,.guide_block_war,.guide_block_king{padding-bottom: 6rem; }

}

@media (max-width:500px){
    .guide_menu_block,.guide_menu_block_l{width:92%;float:none;margin: 0 auto;}
    .guide_title,.guide_title2,.guide_titlec{width:auto;margin: 2rem auto 1rem;}
    .guide_menu_txt{font-size: 1.6rem;line-height: 1.5rem;}

    .cr ul li:nth-of-type(1) {width:100%;}
    .cr_text, .cr_text a, .cr_text a:hover {font-size: .77rem;padding-top: .5rem;}



}