.kbar_mobile { background: #6db600; height: 54px; }
.kbar_mobile:after { display: block; content: ""; clear: both }
.btn_sidemenu { display: block; width: 40px; height: 32px; padding: 14px 0 0; margin: 0; text-align: center; cursor: pointer; float: left; }
.btn_sidemenu i { display: block; font-size: 24px; color: #4073a8; }
.btn_sidemenu:before { display: block; font-family: 'icomoon'; content: "x"; font-size: 24px; width: 40px; color: #FFF; height: 33px; padding: 7px 0 0; border-radius: 100%; position: absolute; top: 6px; left: -40px; background: rgba(0,0,0,0.7); transition: all 0.4s ease-in-out }
.btn_sidemenu_close:before { top: 6px; left: 260px; }
.btn_sidemenu_close:after { display: block; content: ""; width: 100%; height: 100%; position: fixed; top: 0; left: 0; }
.logo_kapook_m { display: block; float: left; height: 54px; margin: 0 0 0 10px }
.logo_kapook_m img { width: auto; height: 68%; margin: 8px 0 0 }
.set_bar_R { float: right; padding: 8px 2% 0 0 }
.btn_subbar { display: inline-block; padding: 6px; margin: 0 5px; cursor: pointer }
.btn_subbar i { display: block; font-size: 24px; color: #FFF }
.ad_menu_mobile { width: 250px; height: 60px; background: blue }
.k_sidemenu { background:#fff; width: 250px; height: 100%; overflow: auto; z-index:600; }
.group_menu>div { background: #2d2d2d; padding: 6px 14px; cursor: pointer; border-bottom: 1px solid #3e3e3e }
.group_menu>div:after { display: block; content: ""; clear: both }
.group_menu>div span { display: block; float: left; font-family: 'psl_displayregular'; font-size: 28px; color: #FFF; width: 190px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.group_menu>div i { display: block; float: right; color: #6db601; font-size: 26px; margin: 2px 0 0; transition: all 0.3s ease-in-out }
.group_menu>div.act_move i { transform: rotate(-180deg); -webkit-transform: rotate(-180deg); }
.group_menu ul li { border-bottom: 1px solid #eee;}
.group_menu ul li a { display: block; padding:10px 14px;}
.group_menu ul li a:hover { background: #ddd;}
.group_menu ul li a:after { display: block; content: ""; clear: both;}
.group_menu ul li a i { display: block; float: left; vertical-align: middle; width: 20px; height: 20px; margin: 3px 6px 0 0; }
.group_menu ul li a span { display: block; float: left; vertical-align: middle; font-size:1.4; width: 160px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.group_menu>ul>.change { float:left; width:100%;}
.group_menu>ul>.change>.th ,.group_menu>ul>.change>.en { float:left; font-size:.7em;}
.group_menu>ul>.change>.en { background:#4073a8; color:#fff;}
.group_menu ul li a em { display: block; float: right; vertical-align: middle; background: #6db601; color: #FFF; font-size: 12px; font-style: normal; padding: 2px 8px; margin: 5px 0 0; border-radius: 10px; box-shadow: 0 1px 2px #171717 }
.group_menu ul li a em.gray_bg { background: #9a9a9a; }
.info_mem { padding: 8px 0 8px 15px; border-bottom: 1px solid #525252; box-shadow: 0 -1px 0 #222 inset; }
.info_mem:hover { background: #494949 }
.info_mem>a { display: inline-block; width: 50px; height: 50px; overflow: hidden; margin: 0 6px 0 0; box-shadow: 0 1px 2px #171717 }
.info_mem>a img { width: 100%; height: auto; display: block; }
.info_mem figcaption { display: inline-block; font-family: 'psl_displayregular'; }
.info_mem figcaption a { display: block; width: 160px; font-size: 32px; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #FFF }
.info_mem figcaption a:hover { color: #6db600 }
.info_mem figcaption span { display: block; width: 160px; font-size: 22px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #999 }

@media only screen and (max-width : 667px) {
.btn_subbar { margin: 0; padding: 8px 6px 6px; }
.btn_subbar i { font-size: 20px }
}