#nt_body{
	background:#F7F9FA;
}
body{
    
}
.custom-left-sec{
    background-color: #ffffff;
    border-radius: 8px;
    min-height: 400px;
    padding: 20px !important;
    border: 1px solid #ededed;
    min-width: 0;
    box-shadow: none;
}
.custom-left-sec.na-col{padding:20px !important;}
.custom-right-sec {
    
}
.widget_outlogin_wrap {
    display: inline-block;
    background-color: #ffffff;
    border-radius: 8px;
    padding: 20px;
    border: 1px solid #ededed;
    margin-bottom: 0px;
    width:100%;
}
.widget_outlogin_wrap:after{
	content:none;
}
.widget_outlogin_wrap #btn_login{
    width: 150px;
    padding: 0 10px;
    margin: 0 auto;
    border: 0;
    background-color: #a66eff !important;
    border-color:#a66eff !important;
    color: #ffffff;
    cursor: pointer;
    transition: 0.2s ease;
    height:45px;
    border-radius: 8px;
    font-size: 100%;
    font-weight: 400;
}
body {
    font-family: 'SUIT', sans-serif !important;
    color:#303437;
}
.login-header {
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 15px;
    display: inline-block;
}
.login-info input {
    height: 45px !important;
    padding: 0 20px !important;
    margin-bottom: 10px !important;
    border: 1px solid #ededed;
    border-radius: 8px !important;
    background-color:#fff !important;
}
input:-internal-autofill-selected {
    background-color:#fff !important;
}
.login-info input.required, .login-info textarea.required{
    background-image:none !important;
}
.remember-me-div{}
.register-div{
    color:#b5b5b5;
    text-align: center;
}
.register-div a.regcls {
    color: #c49fff;
    margin-left: 5px;
    transition: 0.2s ease;
}
.register-div a.regcls:hover {
    color: #a66eff;
}
.mbottom0{
    margin-bottom:0;
}
.txtright{text-align: right;}
.fpassaction{
    transition: 0.2s ease;
    color: #b5b5b5;
}
.fpassaction:hover{
    color: #a66eff;
}
.sidebar-bannerimg img{
    width:100%;
}
.companies-widget-sec{
    background-color: #ffffff;
    border-radius: 8px;
    padding: 20px;
    border: 1px solid #ededed;
    margin-bottom:0;
}
.box-header {
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 15px;
    color:#303437;
    text-align: left;
    padding:0;
}
.companies-widget-sec .wg_head_event{background:none;}
.companies-widget-sec .wg_icon_event{background:none;color:#303437;}
.companies-widget-sec .na-item:hover{
    color: #a66eff;  
}
.custombox-wrap {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 20px;
    border: 1px solid #ededed;
    min-width: 0;
    margin-right: 18px;
    width: 100%;
    min-height: 265px;
    box-shadow: none !important;
}
.padleft0{padding-left:0 !important;}
.padright0{padding-right:0 !important;}
.custombox-head {
    font-weight: bold;
    margin-bottom: 20px;
    font-size: 15px;
}
.custombox-wrap .service-box.wow.fadeIn h4{background:none;color:#303437;text-align:left;font-size: 15px;font-weight:bold;padding:0;margin-top:0;}
.custombox-wrap .service-box.wow.fadeIn p{font-size:15px;font-weight:400;}
.boxicon{display: inline-block;padding-right:10px;}
.boxicon img{width:45px;height: 45px;object-fit: contain;}
.main-contentbox-wrap {
    border-radius: 8px;
    padding: 20px;
    border: 1px solid #ededed;
    box-shadow: none;
    background: #fff;
}
.custom-banner-title{text-align:left;}
.custom-banner-title h2 span{color: #a66eff;}
.custom-banner-title h2{font-size: 18px;margin-top:7px;}
.totohot_bn_ca{padding-left:15px;}
#main_con_3{margin-top:20px;}
#main_banner{margin-top: 0;margin-bottom: 0;}
#main_con_3_1{background:none;padding-top:5px;}
#main_con_3_1 .main_explain_con_title{background:none;font-size: 16px;color:#303437;padding-left: 0;padding-top:0;}
.main_explain_con{padding-left: 0;padding-right:0;padding-top:0;padding-bottom: 15px;}
.main_explain_con>div{font-size: 14px;font-weight: 400;}
#main_con_3_2 .main_explain_con_title{
    background:none;font-size: 16px;color:#303437;padding-left: 0;padding-top:15px;padding-bottom:15px;
}
.main_explain_con_div{padding-top:0;}
#main_con_3_2 .main_explain_con>div ul li span.main_explain_con_num_icon{
    background: #a66eff;
}
#main_con_4_2 .main_explain_con_title{
    background:none;font-size: 16px;color:#303437;padding-left: 0;padding-top:15px;padding-bottom:15px;
}
#main_con_4_2 .main_explain_con>div ul li span.main_explain_con_num_icon{
    background: #a66eff;
}
.main_explain_title_wrap{margin-top:0;margin-bottom: 0;}
.main_explain_title h2, .main_explain_title h3{font-size: 16px;text-align: left;display: block;padding-bottom: 15px;}
.main_explain_title_wrap{text-align: left;}
#main_con_5_1{background:none;font-size: 14px;color:#303437;}
#main_con_4{box-shadow: none;margin-bottom:0px;}
.main_explain_con .main_explain_con_inner_end{text-align: left;}
#main_con_5{margin-bottom:0;}
#main_con_6{margin-bottom: 0;}
#main_con_7{margin-bottom:0;}
#nt_body .na-row .order-md-2{order:0;height:100%;}
@media (min-width:768px) and (max-width:991px){
    .widget_outlogin_wrap #btn_login{width:125px;}
    #customAdsec{display: none;}
    .cususernamecls{font-size: 14px;}
    .cmemberactionbtnsec{display: inline-block;}
    .cmemberactionbtnsec a{width:100%;}
    .clogoutwidgetbtncls{margin-top:5px;}
    .custom-smnucls{display: inline-block !important;width:100%;}
    .custom-smnucls li{width:50% !important;float:left;}
    .event-image{height:auto !important;}
}
a.sv_member:hover{color:#a66eff;}
.widget_outlogin_wrap p.f-sm a:hover{
    color:#a66eff;
}
.widget_outlogin_wrap .btn-group a{background-color:#a66eff !important;border-color:#a66eff !important;}
.btn-safety{border:1px solid #d4d6d7;}
#bo_search button[type=submit]{
    border-radius: 0.5rem;
    padding: 0 12px;
}
#bo_search input[type=text]{
    border-radius: 0.5rem;
}
.mleft5px{margin-left: 5px;}
.btn-primary{
    background-color: #a66eff !important;
    border-color: #a66eff !important;
}
.btn-primary:focus, .btn-primary.focus, .btn-primary:hover{
    background-color: #a66eff !important;
    border-color: #a66eff !important;
}
.btn-primary, .btn-primary.disabled, .btn-primary:disabled, .btn-outline-primary:hover, .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .page-item.active .page-link, .show>.btn-outline-primary.dropdown-toggle, .custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{
    background-color: #a66eff !important;
    border-color: #a66eff !important;
}
.custom-control-input:checked~.custom-control-label::before{
    background-color: #a66eff !important;
    border-color: #a66eff !important;
}
.btn-safety.on, .btn-safety.on:hover{
    background: #a66eff;
    border-color: #a66eff;
}
ul.pagination li.page-item{margin-right:8px;border-radius: 6px;width:32px;height:32px;}
.page-link, .page-link:hover, .page-link:focus{
    color:#b5b5b5;
}
ul.pagination li.page-item a.page-link{
    text-align: center;
    border:0;
    border-radius: 6px;
}
hr.hr::after, .dropdown-item.active, .dropdown-item:active, .bg-primary{
    background-color: #a66eff !important;
}
#fregister{background-color:#fff;}
#fregister .list-group-item{background:#fff;}
.text-primary, .btn-outline-primary.disabled, .btn-outline-primary:disabled{
    color:#a66eff !important;
}
.list-group-item{background:#fff;}
.custom-board-title{position: relative;}
.custom-board-title .custom-category-top {
    font-size: 22px;
    font-weight: bold;
    color: #a66eff;
    position: absolute;
    z-index: 100;
    top:-5px;
}
div#bo_list_wrap{margin-top:0;}
.mright20px{margin-right:20px;}
.off-warranty-search-icon{display: none;}
.custom-search-sec#bo_search .form-row > div:first-child{flex:0 0 14.5%;max-width:14.5%;}
.custom-select{
    height:calc(1.5em + .75rem + 9px);
    border-radius: 0.5rem;
}
.custom-promotion-search-button{display: none;}
.custom-search-notice-button{display: none;}
.custom-search-community-button{display: none;}
.custom-search-sports-button{display: none;}
.custom-search-eat-run-button{display: none;}
.custom-company-search-button{display:none;}
.btn_admin i.fa-cog{color:#a66eff;}
.bo_mttip_view_con_line .text{border-color:#a66eff;color:#a66eff;}
.bo_mttip_view_con_line .bar{background:#a66eff;}
.bo_safety_view_con_line .text{border-color:#a66eff;color:#a66eff;}
.bo_safety_view_con_line .bar{background:#a66eff;}
.orangered, i.orangered{
    color:#a66eff;
}
a:hover, a:focus, a:active{color:#a66eff;}
.custombox-head{display: flex !important;align-items: center;justify-content: space-between;}
hr.hr::after, .dropdown-item.active, .dropdown-item:active, .bg-primary{border-color:#a66eff !important;}
#new_sch{background:#fff !important;padding:0 !important;text-align: left !important;}
#new_sch select{border:1px solid #ced4da;background:#fff;border-radius: 0.5rem !important;}
#new_sch .frm_input{border:1px solid #ced4da;background:#fff;border-radius: 0.5rem !important;}
#new_sch .btn_submit{background:#a66eff !important;border-radius: 0.5rem;}
nav.pg_wrap{text-align: center;margin-top:20px;}
a.pg_page {
    padding: 8px 15px;
    background: #fff;
    color: #b5b5b5;
    border-radius: 8px;
}
.pg_current{
    background-color: #a66eff;
    border-color:#a66eff;
    color:#fff;
    padding:8px 15px;
    border-radius: 8px;
}
#fqalist table{width:100%;}
#fqalist .chk_box input[type="checkbox"] + label span{top:-5px;}
#fqalist table td.empty_table{text-align: center;padding-top:20px;}
#bo_cate a{
    padding:5px 25px !important;
    background: #a66eff !important;
    border-color:#a66eff !important;
    color:#fff !important;
    box-shadow: none !important;
}
#bo_w .bo_w_select select{
    padding:0 10px;
    border:1px solid #ced4da !important;
    background:#fff;
    border-radius: 8px !important;
}
.wr_content textarea, .tbl_frm01 textarea, .form_01 textarea, .frm_input{
    padding:0 10px;
    border:1px solid #ced4da !important;
    background:#fff;
    border-radius: 8px !important;
}
#bo_w .frm_info{padding-left:25px;color:#a66eff !important;}
.tox-tinymce{margin-top:10px;}
.tox .tox-statusbar{height: 40px !important;}
.tox:not([dir=rtl]) .tox-statusbar__branding{margin-top:6px;}
.tox:not([dir=rtl]) .tox-statusbar__path>*{margin-top:3px;}
#bo_w li, .form_01 li{margin-top:10px;}
#bo_w .bo_w_flie .frm_file, .form_01 .bo_w_flie .frm_file{margin-top:-5px !important;}
#bo_w .btn_cancel{
    border-radius: 0.5rem !important;
    background: #fff;
    color: #333;
    border: 1px solid #ced4da;
    padding-top:5px;padding-bottom:5px;
}
#bo_w .btn_submit{
    border-radius: 0.5rem !important;
    background: #a66eff;
    color: #fff;
    border: 1px solid #ced4da;
    padding-top:5px !important;padding-bottom:5px !important;
}
#faq_sch{
    background:#fff !important;padding:10px 0 !important;text-align: left !important;
}
#faq_sch .btn_submit{
    background:#a66eff !important;border-radius: 0.5rem;
}
#tag_search .alert{
    background-color: #fff !important;
    border: 0 !important;
    text-align: left;
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
#tag_search form#fsearch{
    margin:0 !important;
}
#tag_search input#tag_stx{height:calc(1.5em + .75rem + 8px);}
#shingo_btn_top .dropdown-menu a.btn{
    text-align: left;
}
#shingo_btn_top .dropdown-menu button.btn{
    text-align: left;
}
#new_list .border-primary{border-color:#a66eff !important;}
#current_connect ul li{display: flex;}
#nt_menu_mobile #mobile_sub ul li.active a:after{background: #a66eff;}
#sch_res_detail input.form-control{height: calc(1.5em + .75rem + 8px)}
.btn_submit{
    background:#a66eff !important;border-radius: 0.5rem;
}
.btn_cancel{
    border-radius: 0.5rem !important;
    background: #fff !important;
    color: #333 !important;
    border: 1px solid #ced4da;
    padding-top:5px;padding-bottom:5px;
}
#fsetup ul.list-group{padding-top:20px;padding-bottom: 20px;background:#fff;}
#fsetup .list-group-item{padding-left:20px !important;padding-right:20px !important;}
.dropdown-menu .btn-group-vertical a.btn{text-align: left !important;}
.dropdown-menu .btn-group-vertical button.btn{text-align: left !important;}
.widget_outlogin_wrap .custom-switch .custom-control-label::before{background-color: lightgray;}
#nt_header{
    position: relative;
    top:0 !important;
    z-index: 1000;
}
.csticky{position: sticky !important;}
.custom-event-button{
    background-color: #a66eff;
    color:#fff;
}
ul#bo_cate_ul li{padding-right:5px;}
#bo_cate:after{background: #a66eff !important;}
.custom-fright{float: right;}
.cmorecls {
    font-size: 14px;
    font-weight: normal !important;
    opacity: 0.7;
    transition: 0.2s ease;
    color:#303437 !important;
    float: right;
}
.custom-adbox{display: inline-block;height: 200px;padding-top:70px;}
.services .service-box:hover a{color:#303437 !important;}
.services .service-box ul li:hover a{color:#a66eff !important;}
.services .service-box ul li a{font-weight: 400 !important;}
.latest-posts-widget-sec {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 20px;
    border: 1px solid #ededed;
    margin-bottom: 0;
    margin-top:20px;
}
.latest-posts-widget-sec .wg_head_event {
    background: none;
}
.latest-posts-widget-sec .wg_icon_event {
    background: none;
    color: #303437;
}
.latest-posts-comments-widget-sec{
    background-color: #ffffff;
    border-radius: 8px;
    padding: 20px;
    border: 1px solid #ededed;
    margin-bottom: 0;
    margin-top:20px;
}
.latest-posts-comments-widget-sec .wg_head_event {
    background: none;
}
.latest-posts-comments-widget-sec .wg_icon_event {
    background: none;
    color: #303437;
}
.companies-widget-sec .na-title .na-subject{font-weight: 200;}
.latest-posts-widget-sec .na-title .na-subject{font-weight: 200;}
.latest-posts-comments-widget-sec .na-title .na-subject{font-weight: 200;}
.custom-categorycls{
    background-color: #fff;
    color:#6c757d;
    height: 30px;
    border-radius: 8px;
    font-weight: 400;
    font-size: 12px;
    padding: 0 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    width:55px;
    border:1px solid #eee;
}
.mobileonlyshow{display: none;}
#nt_sidebar{z-index: 5000 !important;}
.earn-points-sec{padding-bottom: 20px;text-align: right;}
.custom-poptopheadcls{background-color:#a66eff;color:#fff;padding:15px;text-align: center;}
.custom-poptopheadcls h3{font-size: 16px !important;}
.custom-popup-main-sec{padding:20px 0;margin-top:4em;text-align: center;position: relative;}
.cuspad0cls{padding:0 !important;}
.custom-popup-footsec{
    background-color:#a66eff;color:#fff;text-align: center;display: inline-block;
}
.pointinputgrp{
    position: absolute;
    right: 25px;
    top: 0px;
    font-size: 20px;
}
#pointVal{
    border: 1px solid #ddd;
    height: 40px;
    width: 95%;
    padding-left: 15px;
    padding-right: 75px;
    text-align: right;
    position: relative;
    font-size: 20px;
}
.pointinputcls{position: relative;}
.leftpointinputtop{font-size: 12px;}
.rightpointinputtop{font-size: 12px;}
.pointinputtop{padding-bottom:5px;display: flex;align-items: center;justify-content: space-between;width:95%;margin:auto;}
.custom-receive-points-sec{text-align: center;padding-top:15px;}
.custom-receive-points{padding:10px;width:95%;}
.remaintimemsgsec{padding-top:10px;text-align: center;width:95%;padding-bottom:20px;}
.expirymsgsec{padding-top:20px;text-align: center;width:95%;}
.timewidgetsec{min-height: 130px;position: relative;}

#countdown{
    width: 95%;
    height: auto;
    text-align: center;
    border: 0px solid #111;
    border-radius: 5px;
    box-shadow: none;
    margin: auto;
    padding: 24px 0;
    position: absolute;
    top: 0; bottom: 0; left: 0; right: 0;
}
#countdown #tiles{
    position: relative;
    z-index: 1;
}

#countdown #tiles > span{
    width: 62px;
    max-width: 62px;
    text-align: center;
    color: #fff;
    background-color: #222;
    border-top: 1px solid #fff;
    border-radius: 3px;
    margin: 0 7px;
    padding: 18px 0;
    display: inline-block;
    position: relative;
}

#countdown .labels{
    width: 80%;
    height: 25px;
    text-align: center;
    position: relative;
    margin:auto;
}

#countdown .labels li{
    width: 75px;
    color: #333;
    text-align: center;
    text-transform: uppercase;
    display: inline-block;
}
.custom-event-button{margin-left:5px;}

/** Points Schedule Countdown **/
.clock {
  display: flex;
  width:80%;
  margin:auto;
}

.clock div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  margin: 0 auto;
  padding: 10px;
  background: white;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
  border-radius: 10px;
  cursor: pointer;
}

.clock div span {
  font-size: 25px;
  font-weight: 700;
}

.title {
  font-size: xx-large;
  margin-bottom: 20px;
}

@media (max-width: 500px) {
  .title {
    font-size: x-large;
  }

  .clock div {
    width: 70px;
    height: 70x;
    margin: 5px;
    padding: 5px;
  }

  .clock div span {
    font-size: 25px;

    font-weight: 700;
  }
}

#timer {
    font-size: 24px;
    font-weight: 300;
    color: #333;
    font-weight: 600;
}

#timer div {
    display: inline-block;
    min-width: 80px;
    height:80px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
    border-radius: 10px;
    cursor: pointer;
    margin:0 10px;
}

#timer div span {
    color: #555;
    display: block;
    font-size: 12px;
    font-weight: 400;
}
.timeschcls{
    display: inline-block;
    min-width: 80px;
    height:80px;
    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
    border-radius: 10px;
    cursor: pointer;
    margin:0 10px;
}
.tclklbl{display:inline-block;font-weight: 600;font-size: 20px;margin-top:5px;margin-bottom:0px;}
/** Points Schedule Countdown **/
input#outlogin_remember_me:focus{outline: none !important;}
#sidebar-login .custom-switch .custom-control-label::before {
    background-color: lightgray;
}
#sidebar-login .custom-switch .custom-control-label::before {
    background-color: lightgray;
    border: 0;
    width: 40px;
    height: 22px;
    border-radius: 22px !important;
    margin-top: -2px !important;
}
#sidebar-login .custom-switch .custom-control-label::after {
    background-color: #fff;
    width: 16px !important;
    height: 16px !important;
    border-radius: 50% !important;
    top: 6px !important;
    margin-top: -2px !important;
    transition: left .15s;
    margin-left: 2px;
}
#sidebar-login .custom-switch{padding-left:2.25rem;}
.widget_outlogin_wrap .custom-control-label{padding-left:15px;cursor: pointer;}
#sidebar-login .custom-control-label{cursor: pointer;padding-left:15px;}
.point-level-setting-head{padding:20px;font-weight:600;border-bottom:1px solid #ddd;}
#bo_gallery .list-safety-item-btn-wrap a.btn_safety_site{
    border:2px solid #a66eff !important;color:#a66eff !important;
}
.custom-menu-hambur-icon{
    border: 0;
    background: 0;
    color: #a66eff;
    font-size: 20px;
}
.custom_event_header_div{
    padding-bottom: 5px;
    margin: 0px auto 0px;
}
.custom_event_header_title{
    display: inline-block;
    text-align: center;
    width: 100%;
    color: #a66eff;
}
.custom_event_header_subtitle{
    display: inline-block;
    width: 100%;
    text-align: center;
}
.chrcls{width:280px;border-color:#a66eff;border:1px solid #a66eff;display: block;}
.custom_event_content{border-radius: 8px;}
.custom-event-main-sec{padding-left:10px;padding-right:10px;}
.xs-show{display: none;}
.mobile-hide{display: block !important;}
.mobile-show{display: none !important;}
.cusricon{display: none;}
.cmt-wrap.position-relative.mb-2.event_reviews.event_replys{padding-top:10px;padding-bottom:10px;}
.event_cmt_img {
    width: 30px !important;
    height: 30px !important;
    margin-right: 0 !important;
    object-fit: contain;
    border-radius: 50% !important;
    padding: 5px;
}
.custom-back-btn{
    background-color: #ffffff;
    border: 1px solid #ededed;
    padding: 0 20px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    transition: 0.2s ease;
}
.cflxcls{display: flex;}
.custom_page_info {
    margin-top: 20px;
    display: flex;
}
.custom_page_info .margin-horizontal-5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
}
#bo_v_title{margin-top:5px;}
.cuser-info-wrap {
    display: flex;
    color: #6c7072;
    margin-top: 20px;
}
.cuser-info-wrap>div {
    display: flex;
    position: relative;
    margin-right: 15px;
    padding-right: 15px;
    align-items: center;
}
.cuser-info-wrap .user-icon {
    display: flex;
    flex-shrink: 0;
    border-radius: 50%;
    width: 40px;
    margin-right: 10px;
}
.cuser-info-wrap .user-icon img {
    border-radius: 50%;
    width: 100%;
}
.cuser-info-wrap .user-nickname {
    font-weight: bold;
}
.cuser-info-wrap>div.usrniknamesec:after,.cuser-info-wrap>div.commenttimesec:after,.cuser-info-wrap>div.totviewcnt:after,.cuser-info-wrap>div.totcmtcnt:after {
    content: "";
    position: absolute;
    width: 1px;
    height: 12px;
    background: #d4d6d7;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}
#custom_page_header {
    margin-top: 5px;
    display: flex;
    flex-direction: column;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #d4d6d7;
}
.bo_safety_top_con_wrap{padding-left:0;padding-right: 0;}
.tbl_bo_safety_info tr th{
    background: #fff;
    color:#303437;
    border:1px solid #e8e9eb !important;
}
.bo_safety_view_con_line .text{
    border-radius: 0 !important;
    border-top: 0 !important;
    border-left:0 !important;
    border-right:0 !important;
    padding:5px 0 !important;
    color: #303437 !important;
    background:#fff !important;
    border-bottom: 2px solid #a66eff !important;
}
.bo_safety_view_con_line .bar{background:#a66eff !important;height:2px !important;margin-top:-2px !important;}
.bo_safety_view_con_line{margin-bottom: 10px !important;}
.bo_safety_top_con_wrap{margin:10px 0 10px;}
.btopnone{border-top:none !important;}
.evsubcomment .cmt-wrap{padding-top:10px;padding-bottom:10px;}
.cmt-wrap.comment-post.comment-post-replys {
    padding-left: 35px;
    padding-right: 20px;
    background-color: #f7f9fa;
}
.comment-post-replys .event_bgs {
    border-top: none !important;
    padding-top:0 !important;
    padding-bottom: 5px !important;
}
.comment-post .event_bgs {
    padding-top:5px !important;
    padding-bottom: 5px !important;
}
.custom_top_nav_div{clear: both;}
.bo_mttip_info_img_wrap {
    float: left;
    width: 330px;
    height: 266px;
    margin-right: 15px;
}
.bo_mttip_info_tbl_wrap{
    float: left;
    width: calc(100% - 345px);
    box-shadow: 5px 5px 8px rgb(50 60 70 / 10%);
    -webkit-box-shadow: 5px 5px 8px rgb(50 60 70 / 10%);
    -moz-box-shadow: 5px 5px 8px rgb(50 60 70 / 10%);
    border-radius: 10px;
    max-width: 100%;
}
.bo_mttip_top_con_wrap{margin:0px 0 20px;padding-left:0;padding-right:0;}
.tbl_bo_mttip_info tr th{background:#fff;color:#303437;border:1px solid #e8e9eb !important;}
.bo_mttip_view_con_line .text{
    border-radius: 0 !important;
    border-top: 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    padding: 5px 0 !important;
    color: #303437 !important;
    background: #fff !important;
    border-bottom: 2px solid #a66eff !important;
}
.bo_mttip_view_con_line .bar {
    background: #a66eff !important;
    height: 2px !important;
    margin-top: -2px !important;
}
.bo_mttip_view_con_line{margin-bottom:10px !important;}
.view-content h2{font-size: 16px;}
.view-content h3{font-size: 16px;}
.view-content h2 span{font-size: 16px !important;}
.view-content h3 span{font-size: 16px !important;}
.view-content p{font-size: 14px !important;}
.home-main-adsec{
    position: relative;
}
.left-adsec{position: absolute;left:-180px;width:180px;z-index: 100;}
.right-adsec{position: absolute;right:-180px;width:180px;z-index: 100;}
.tbl_bo_safety_info tr td a.at-tip img{margin-top:-3px;margin-left:3px;}
a.btn_safety_view{height: 80% !important;}
li.custom-banner-pad{padding:3px;}
li.custom-board-banner{height:135px;}
.right-adsec .services{padding-top:0;}
.left-adsec .services{padding-top:0;}
#home_left_ad li:first-child, #home_right_ad li:first-child{padding-top:0 !important;}
.cpad12{padding:12px;}
.cfize20px{font-size: 20px !important;}
.nonadmincloseicon{
    position: absolute;
    top:10px;
    right:10px;
    z-index: 100;
}
.ctxtleft{text-align: left;}
.event_bgs.by-writer {
    background: none !important;
    border-top: 0px solid #f6cece !important;
}
#bo_gallery .list-item-div{padding-bottom: 0px !important;}
.custom-adbox{height:auto !important;}
.services .home_gift_points_ad{padding-top:0 !important;}
.customadminclose{padding-top:5px;}
#bo_gallery .img-wrap .img-item img{height:auto;}
/* Reduce the size of the scrollbar */
::-webkit-scrollbar {
    width: 5px;  /* Vertical scrollbar */
    height: 5px; /* Horizontal scrollbar */
}

/* Change the color of the scrollbar thumb (the draggable part) */
::-webkit-scrollbar-thumb {
    background-color: #a66eff;  /* Set color */
    border-radius: 5px;     /* Optional: Make the thumb rounded */
}

/* Change the color of the scrollbar track (the background) */
::-webkit-scrollbar-track {
    background: #f1f1f1;     /* Set background color */
    border-radius: 10px;     /* Optional: Make the track rounded */
}

/* Optional: On hover, change the scrollbar thumb color */
::-webkit-scrollbar-thumb:hover {
    background-color: #a66eff;  /* Darker color when hovered */
}
@media (max-width:1024px){
    #main_con_3_1 .main_explain_con_title{padding-left: 0 !important;padding-right:0 !important;}
    #main_con_3_2 .main_explain_con_title{padding-left:0 !important;padding-right:0 !important;}
    #main_con_4_2 .main_explain_con_title{padding-left:0 !important;padding-right:0 !important;}
}
@media (max-width: 991px) {
    .responsive .wrapper {
        overflow-x: visible;
    }
}
@media (min-width:1601px) and (max-width:1700px){
    .left-adsec{
        left:-145px;
        width:145px;
    }
    .right-adsec{
        right:-145px;
        width:145px;
    }
    #home_left_ad_div a.win_memo{font-size: 12px;}
    #home_right_ad_div a.win_memo{font-size: 12px;}
}
@media (min-width:1201px) and (max-width:1500px){
    .left-adsec{
        display: none;
    }
    .right-adsec{
       display: none;
    }
    #customAdsec{display: none;}
}
@media (min-width:1501px) and (max-width:1600px){
    .left-adsec{
        display: none;
    }
    .right-adsec{
        position: absolute;
        right: -93px;
        width: 110px;
        z-index: 100;
    }
    #home_left_ad_div a.win_memo{font-size: 9px;}
    #home_right_ad_div a.win_memo{font-size: 9px;}
}
@media (min-width:1201px) and (max-width:1400px){
    .custom-board-banner{
       height:125px !important;
    }
     .custom-board-banner img{
       height:120px !important;
    }
    #customAdsec{display: none;}
}
@media (min-width:992px) and (max-width:1200px){
    .bo_safety_info_img_wrap{width:30% !important;height:200px !important;}
    .bo_safety_info_img_wrap .img_wrap{width:100% !important;}
    .bo_safety_info_tbl_wrap{width:67% !important;margin-top:0 !important;}
    .bo_mttip_info_img_wrap{width:30% !important;height:200px !important;}
    .bo_mttip_info_tbl_wrap{width:67% !important;}
    .bo_mttip_info_img_wrap .img_wrap {width:100%;}
    .custom-board-banner{
       height:125px !important;
    }
    .custom-board-banner img{
       height:120px !important;
    }
    #customAdsec{display: none;}
    .custom-adbox{height:auto !important;}
    .services .home_gift_points_ad img{height:auto !important;}
    .services .home_gift_points_ad{padding-top:4% !important;}
    .cususernamecls{font-size: 14px;}
    .cmemberactionbtnsec{display: inline-block;}
    .cmemberactionbtnsec a{width:100%;}
    .clogoutwidgetbtncls{margin-top:5px;}
    .custom-smnucls{display: inline-block !important;width:100%;}
    .custom-smnucls li{width:50% !important;float:left;}
}
@media (min-width:768px) and (max-width:991px){
    #bo_search .form-row > div:first-child{
        flex:0 0 25%;
        max-width:25%;
    }
    #bo_search .form-row > div:last-child{
        flex:0 0 40%;
        max-width:40%;
    }
    #fsearch{max-width:100% !important;}
    .xs-row-block{display: inline-block;width:100%;}
    .xs-srchinputcls{max-width: 100% !important;}
    .srch-rightcls{max-width:100% !important;}
    .srch-rightcls .btn-safety, .srch-rightcls .btn-safety-primary{width:30% !important;padding-top:10px !important;padding-bottom:10px !important;}
    #mttip_wr_name_wrap,#mttip_site_link_wrap{display:none !important;}
    .xs-display-th-hide{display: none !important;}
    .custom-right-sec.na-col{padding-right:0 !important;}
    .bo_mttip_info_img_wrap .img_wrap{width:100%;}
    .bo_mttip_info_img_wrap{width:28% !important;height:200px !important;}
    .bo_mttip_info_tbl_wrap{width:69% !important;}
    .bo_safety_info_img_wrap{width:28% !important;height:200px !important;}
    .bo_safety_info_img_wrap .img_wrap{width:100% !important;}
    .bo_safety_info_tbl_wrap{width:69% !important;margin-top:0 !important;}
    .custom-board-banner{
       height:125px !important;
    }
    .custom-board-banner img{
       height:120px !important;
    }
    .services .home_gift_points_ad img{height:auto !important;}
    .services .home_gift_points_ad{padding-top:4% !important;}
    .custom-adbox{height:auto !important;}
}
@media (min-width:320px) and (max-width:767px){
    #bo_search .form-row > div:first-child{
        flex:0 0 40%;
        max-width:40%;
    }
    #bo_search .form-row > div:last-child{
        flex:0 0 60%;
        max-width:60%;
        padding-top:0 !important;
    }
    #fsearch{max-width:100% !important;}
    #bo_search .alert{margin-left:0 !important;margin-right:0 !important;}
    .srch-rightcls{max-width:100% !important;}
    div#nt_sticky{padding:0 !important;}
    .custom-left-sec.na-col{padding:10px !important;}
    .cpostnamecls{
        float: left !important;
        padding-right: 10px !important;
        padding-left: 0 !important;
    }
    .mobileonlyshow{display: inline;padding-left:10px;}
    .nt_sidebar_m_menu_depth_1{font-size: 13px;background-color:#f8f9fa;}
    .nt_sidebar_m_header{border-bottom: 0 !important;padding-top:10px;background: #f8f9fa;}
    .nt_sidebar_m_header .title{
        display: none;
    }
    #nt_sidebar_m{padding:10px;width:300px;}
    .nt_sidebar_m_menu ul li{background:#f8f9fa;}
    .icon_sidebar_m_x{
        transform: translateY(-20%);top:70%;
    }
    .cmenuoverlay{
        height: 100vh;
        left: 0;
        opacity: 1;
        position: fixed;
        top: 0;
        transition: opacity ease;
        width: 100vw;
        background-color: rgba(0, 0, 0, 0.7);
        transition-timing-function: ease;
        transition-duration: 0.35s;
        z-index: 10;
        display: none;
    }
    #nt_sidebar_m_menu .nt_sidebar_m_menu a{color:#303437;}
    .mob-menu-icon{
        display: flex;
        width:10%;
        text-align: left;
        margin-top:2px;
    }
    .mob-logimg{width:80%;text-align: center;display: inline-block;}
    .mob-user-icon{width:10%;display: flex;text-align: right;justify-content: end;}
    .custom-menu-user-icon {
        border: 0;
        background: 0;
        color: #a66eff;
        font-size: 23px;
    }
    #nt_menu_mobile{display: none !important;}
    .mob-flexmenucls{display: flex;}
    .custom-right-sidebar-maindiv{
        position: fixed;
        right: 0;
        z-index: 1000;
        height: 100%;
        top: 0;
        overflow: auto;
        width: 300px;
        background-color: #f8f9fa;
        padding:10px;
        right:-100%;
    }
    .widget_outlogin_wrap{margin-bottom: 0 !important;}
    .event_detail_page .subject span{font-size: 16px !important;}
    .event_page_info span{font-size: 11px !important;}
    .event_detail_back_btn{font-size: 11px !important;}
    .event_detail_page .user-icon{width: 30px !important;}
    .mob-xs-fleft{float:left;}
    .timeschcls{
        display: inline-block;
        min-width: 60px;
        height:80px;
        box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.4);
        border-radius: 10px;
        cursor: pointer;
        margin:0 10px;
    }
    .cuser-info-wrap .user-nickname{font-size: 10px;width:auto;}
    .cuser-info-wrap .user-icon{width:30px;margin-right:5px;}
    .cuser-info-wrap>div{margin-right:10px;padding-right:10px;font-size: 11px;}
    .bo_mttip_info_tbl_wrap{width:100%;}
    .bo_mttip_info_img_wrap .img_wrap{width:100%;}
    .bo_mttip_info_img_wrap{width:100%;}
    #customAdsec{display: none;}
    #bo_gallery .list-item-div{padding-bottom: 5px !important;}
    .services .home_gift_points_ad img, .services .custom-adbox{height:auto !important;}
    .custombox-wrap{min-height: auto !important;}
    .custom-smnucls li a{padding-left:5px !important;padding-right:5px !important;}
    .event-image{height:auto !important;}
    #bo_list .nw-md-auto.mobtimefldcls{padding-left:10px !important;padding-right:10px;}
    .cpostnamecls::after{
        content: "";
        position: absolute;
        width: 1px;
        height: 12px;
        background: #d4d6d7;
        top: 40%;
        transform: translateY(-40%);
        right: 0;
    }
    .mobtimefldcls::after{
        content: "";
        position: absolute;
        width: 1px;
        height: 12px;
        background: #d4d6d7;
        top: 40%;
        transform: translateY(-40%);
        right: 0;
    }
    .mobilecommentcls{position: relative;padding-left:15px;}
    .mobilecommentcls::before{
        content: "";
        position: absolute;
        width: 1px;
        height: 12px;
        background: #d4d6d7;
        top: 40%;
        transform: translateY(-40%);
        left: 5px;
    }
    #bo_list .nw-md-auto.mobtimepadcls{padding-left:10px !important;}
}
@media (max-width:767px){
    #bo_list #mttip_site_info_mobile span{background:#a66eff !important;}
    .xs-row-block{display: inline-block;width:100%;}
    .xs-srchinputcls{max-width: 100% !important;}
    .srch-rightcls .btn-safety, .srch-rightcls .btn-safety-primary{width:30% !important;padding-top:10px !important;padding-bottom:10px !important;}
    #nt_sidebar_move{display: none !important;}
    .nt_sidebar_m_top_menu{display: none;}
    #nt_sidebar_m{background:#f8f9fa !important;}
    .nt_sidebar_m_menu_depth_2_list li{border-bottom: 0 !important;}
    .nt_sidebar_m_menu_depth_2_list.divide_2 li{width:100%;}
    .nt_sidebar_m_menu_depth_2_list li a{text-align: left;padding-left:30px !important;padding-right:30px !important;}
    .nt_sidebar_m_menu_depth_2_list.divide_3 li{width:100%;}
    .nt_sidebar_m_menu_depth_1{padding-top:6px !important;padding-bottom: 6px !important;border-top:0 !important;}
    #nt_bottom_nav_m{display: none;}
    .xspadright10px{padding-right:10px;}
    .xspadright5px{padding-right:5px;}
    .main-contentbox-wrap{padding:10px;}
    .custom-event-main-sec{padding-left:0;padding-right:0;}
    #nt_body{padding:0 10px;}
    .event_detail_page .user-info-wrap>div{padding-right:5px !important;margin-right:5px !important;color:#6c7072;}
    .event_detail_page .user-nickname{font-size: 11px;color:#6c7072;}
    .event_detail_page #event_header time{font-size: 11px !important;line-height: 1.3;color:#6c7072;} 
    .event_detail_page .user-info-wrap{font-size: 11px;line-height: 1.3;}
    .event_cmt_img{width:20px !important;margin-right:0 !important;}
    .cmt-content{padding:0 !important;font-size: 11px !important;}
    .na-col{padding-left:10px !important;padding-right:10px !important;}
    #bo_v_con{padding-left:0 !important;padding-right:0 !important;}
    #bo_v_con .view-content{font-size: 14px !important;}
    #bo_v_data .d-table-cell{padding-left:0 !important;padding-right:0 !important;}
    .cpadleft0{padding-left:0 !important;}
    .cpadright0{padding-right:0 !important;}
    .event_reviews .by-writer, .event_bgs{padding-left:0 !important;padding-right:0 !important;}
    .evsubcomment{margin-left:0 !important;}
    .cmt-wrap.position-relative.mb-2.event_reviews.event_replys{padding-left:10px !important;}
    .custom_top_nav_div .header-top {padding-top:10px;}
    .custom_top_nav_bills{margin-top:10px !important;}
    #viewcomment>div{padding-left: 0 !important;padding-right:0 !important;}
    #bo_v #bo_v_title{font-size: 16px !important;}
    .custom_top_nav_head,.custom_top_nav_active{font-size: 14px !important;}
    .custom_top_nav_bills{display: none !important;}
    .xs-show{display: block;}
    .xscustcatcls{color:#a66eff;padding-right:10px;}
    #bo_list .nw-md-auto{padding-left:0 !important;}
    .mobile-hide{display: none !important;}
    .mobile-show{display: block !important;}
    .cusricon{
        width: 30px;
        display: inline-block;
        padding-right: 10px;
    }
    .modal-backdrop {z-index: 999;}
    .totohot_bn_ca ul li{
        width:calc((100% - 6px) / 2) !important;
    }
    .customadminclose{padding-top:5px;}
    #captcha #captcha_key{height:35px !important;}
    #captcha #captcha_mp3{
        height: 35px !important;
        background-position:0 -4px;
    }
    #captcha #captcha_reload{
        height:35px !important;
        background-position: 0 -44px;
    }
    body{
        font-size: 11px !important;
    }
    .tbl_bo_safety_info tr th, .tbl_bo_safety_info tr td{font-size: 11px !important;}
    .tbl_bo_safety_info tr td.bo_safety_info_feature, .tbl_bo_safety_info tr td .icon_safety_game{font-size: 11px !important;}
    .h4, h4{font-size: 1.1rem;}
    .view-content p{font-size: 11px !important;}
    #bo_v_con .view-content{font-size: 11px !important;}
    time.f-xs{font-size: 11px !important;}
    .tbl_bo_mttip_info tr th, .tbl_bo_mttip_info tr td{font-size: 11px !important;}
    #bo_cate.sly-tab li.active a{border-radius: 0 !important;}
    nav#bo_cate.sly-tab li a{padding:10px 8px !important;font-size: 11px !important;}
    #bo_cate a{padding-left:5px !important;padding-right:5px !important;}
    .bo_point_guide .title{font-size: 14px !important;}
    .bo_point_guide ul li{font-size: 11px !important;}
    .bo_point_guide .title span.small{font-size: 11px !important;}
    .sly-tab ~form#fboardlist .d-sm-flex.align-items-center{justify-content: end;}
    .nt_sidebar_m_menu ul li{border-right: 0 !important;}
    .custombox-wrap .service-box.wow.fadeIn p{font-size: 11px;}
    #main_con_3_1 .main_explain_con_title{font-size: 15px;}
    .main_explain_con>div{font-size: 11px;}
    #main_con_3_2 .main_explain_con_title{font-size: 15px;}
    .main_explain_con>div ul li span.main_explain_con_num_icon{font-size: 11px;}
    .main_explain_con>div ul li{font-size: 11px;}
    .main_explain_title h2, .main_explain_title h3{font-size: 15px;}
    .main_explain_con_title h3, .main_explain_con_title h4{font-size: 15px;}
    .main_explain_con .main_explain_con_inner_end{font-size: 11px;}
    .custom_event_header_title{font-size: 14px;}
    .custom_event_header_subtitle{font-size: 11px;}
    #bo_gallery .list-safety-info table tbody tr th{font-size: 11px !important;}
    #bo_gallery .list-safety-info table tbody tr td{font-size: 11px !important;}
    #bo_gallery .list-safety-info table tr th{text-align: left !important;}
    #bo_gallery .list-safety-item-btn-wrap{width:100% !important;}
    #bo_gallery .list-safety-item-btn-wrap a{
        height: 38px !important;
        line-height: 35px !important;
        font-size: 11px !important;
        padding:0 !important; 
    }
    #bo_gallery .list-safety-item-btn-wrap a.btn_safety_site img{margin-top:10px !important;}
    #bo_gallery .img-wrap .img-item img{height: 100% !important;}
    #bo_vc_empty{font-size: 11px !important;}
    #viewcomment .float-left{font-size: 13px !important;}
    .chulsuk_title{font-size: 16px !important;}
    .chulsuk_live_datetime{font-size: 11px !important;}
    .chulsuk_calendar_top .month {font-size: 16px !important;}
    .chulsuk_calendar_top .month img{
        width:24px !important;
        right:-30px !important;
    }
    #calendar_tbl tr th, #calendar_tbl tr td{font-size: 11px !important;}
    #calendar_tbl tr td a{font-size: 11px !important;}
    .chulsuk_wr_time{font-size: 11px !important;}
    .chulsuk_rank_point_info span{font-size: 11px !important;}
    .chulsuk_list_wrap table tr th, .chulsuk_list_wrap table tr td{font-size: 11px !important;}
    #fregisterform h5{font-size: 15px;}
    #fregisterform label{font-size: 11px;}
    #fregisterform input{font-size: 11px;}
    #fregisterform p{font-size: 11px !important;}
    #fregisterform .btn-lg{font-size: 11px;}
    #captcha.m_captcha #captcha_info{font-size: 11px;}
    #find_info p{font-size: 11px !important;}
    #find_info #btn_sumbit{font-size: 11px !important;}
    #mb_confirm h5{font-size: 15px;}
    #mb_confirm label{font-size: 11px;}
    #mb_confirm .input-group-text{font-size: 11px;}
    #mb_confirm p{font-size: 11px !important;}
    #mb_confirm #btn_sumbit{font-size: 11px;}
    .sly-tab li a{font-size: 11px;}
    #faq_list_total{font-size: 11px;}
    .f-de.text-muted{font-size: 11px !important;}
    .customchilddiv .list-group .list-group-item{font-size: 11px;}
    #btnSave{font-size: 11px;}
    .custom-select{font-size: 11px;}
    #frmEdit input{font-size: 11px;}
    #btnUpdate{font-size: 11px;}
    #btnSearch{font-size: 11px;}
    #btnAdd{font-size: 11px;}
    #mb_login .text-primary{font-size: 16px;}
    #mb_login .custom-control-label{font-size: 11px;}
    #mb_login input{font-size: 11px;}
    #mb_login button h5{font-size: 11px;}
    #mb_login a{font-size: 11px;}
    #fregister ul li.list-group-item h5{font-size: 16px;}
    #fregister .btn{font-size: 11px;}
    .custom-checkbox .custom-control-label span, .custom-radio .custom-control-label span{position: relative;top:5px;}
    #fwrite .btn{font-size: 11px;}
    .ologinmainsec .btn{font-size: 11px;}
    .custom-smnucls li a{font-size: 11px !important;}
    .changePassword{font-size: 11px !important;}
}
@media (min-width:576px) and (max-width:767px){
    .services .home_gift_points_ad{padding-top:5% !important;}
    .home_gift_points_ad img{height:auto !important;}
    #bo_gallery .img-wrap{padding-bottom: 205px !important;}
}
@media (max-width:575px){
    .xspadleft0{padding-left:0 !important;}
    .xspadright0{padding-right:0 !important;}
    .totohot_bn_ca ul li.empty_li{width:100%;}
    #bo_search input[type=text]{height: calc(1.75em + 1rem + 2px);}
    .xs-row-block{display: inline-block;width:100%;}
    .xs-srchinputcls{max-width: 100% !important;}
    .srch-rightcls .btn-safety, .srch-rightcls .btn-safety-primary{width:30% !important;padding-top:10px !important;padding-bottom:10px !important;}
    .xs-second-filtercls{
        flex:0 0 50% !important;
        max-width:50% !important;
    }
    .xs-first-filtercls{
        flex:0 0 50% !important;
        max-width:50% !important;
    }
    #bo_search .form-row > div.xs-third-filtercls{
        flex:0 0 100% !important;
        max-width:100% !important;
        padding-top:10px !important;
    }
    #faq_sch .frm_input{width:180px !important;}
    ul.pagination li.page-item{
        margin-right:3px;
    }
    ul.pagination li.page-item a.page-link{
        padding:5px 6px;
    }
    .xswid30{width:30% !important;margin-top:10px;}
    .xswid70{width:70% !important;}
}
@media (min-width:568px) and (max-width:767px){
    .footer-menu-list{
        width:100%;
    }
    .footer_cnt{padding:15px;}
    .footer_cnt .footer-menu-list{
        justify-content: center;
    }
    .footer_cnt .footer-menu-list>div{
        margin-right:0 !important;
    }
    .footer_cnt .footer-menu-list>div a.d-block{font-size: 11px !important;}
    .footer_cnt .footer-menu-list>div:after{
        right:10px !important;
    }
    .footer_cnt .footer_warning{text-align: center;}
    #bo_gallery{
        display: grid;
        width:100%;
        padding-top:20px;
    }
    .footer_cnt .footer_warning span{font-size: 11px;}
    .footer_cnt .footer_reserved{font-size: 11px !important;}
    .custom-board-banner{
       height:95px !important;
    }
    .custom-board-banner img{
       height:90px !important;
    }
    .safety_grid_list .custom-banner-pad img{height:auto !important;}
}
@media (min-width:401px) and (max-width:567px){
    .footer-menu-list{
        width:100%;
    }
    .footer_cnt{padding:15px;}
    .footer_cnt .footer-menu-list{
        justify-content: center;
    }
    .footer_cnt .footer-menu-list>div{
        margin-right:0 !important;
        padding-right:7px !important;
    }
    .footer_cnt .footer-menu-list>div a.d-block{font-size: 11px !important;}
    .footer_cnt .footer-menu-list>div:after{
        right:3px !important;
    }
    .footer_cnt .footer_warning{text-align: center;}
    /*
    #bo_gallery{
        display: inline-block;
        width:100%;
        padding-top:0px;
    }
    */
    .custom_event_content{margin-bottom:15px;}
    .footer_cnt .footer_warning span{font-size: 11px;}
    .footer_cnt .footer_reserved{font-size: 11px !important;}
    .custom-board-banner{
       height:85px !important;
    }
    .custom-board-banner img{
       height:80px !important;
    }
    .safety_grid_list .custom-banner-pad img{height:auto !important;}
}
@media (max-width:400px){
    .custom_top_nav_div .custom_top_nav_bills > a{
        padding:0 8px !important;
    }
    ul.pagination li.page-item{
        margin-right:3px;
    }
    ul.pagination li.page-item a.page-link{
        padding:2px 6px;
    }
    .footer-menu-list{
        width:100%;
    }
    .footer_cnt{padding:15px;}
    .footer_cnt .footer-menu-list{
        justify-content: center;
    }
    .footer_cnt .footer-menu-list>div{
        margin-right:0 !important;
        padding-right:7px !important;
    }
    .footer_cnt .footer-menu-list>div a.d-block{font-size: 10.5px !important;}
    .footer_cnt .footer-menu-list>div:after{
        right:3px !important;
    }
    .footer_cnt .footer_warning{text-align: center;}
    /*
    #bo_gallery{
        display: inline-block;
        width:100%;
        padding-top:0px;
    }
    */
    .custom_event_content{margin-bottom:15px;}
    .footer_cnt .footer_warning span{font-size: 11px;}
    .footer_cnt .footer_reserved{font-size: 11px !important;}
    .chrcls{width:240px;}
    .custom-board-banner{
       height:70px !important;
    }
    .custom-board-banner img{
       height:100% !important;
    }
    .safety_grid_list .custom-banner-pad img{height:auto !important;}
}
@media (min-width:351px) and (max-width:370px){
    .custom-board-banner{
       height:65px !important;
    }
    .custom-board-banner img{
       height:100% !important;
    }
}
@media (min-width:320px) and (max-width:350px){
    .custom-board-banner{
       height:65px !important;
    }
    .custom-board-banner img{
       height:100% !important;
    }
}
#top_header_left_cnt{width: 100%;text-align: center;}
#top_header_right_cnt{position: absolute;right:15px;z-index: 100;}
.nonMemberroundcls{width:40px !important;height:40px;object-fit: contain;padding: 5px;}
.cpadleft0cls{padding-left: 0 !important;}
.flxspacebtwn{justify-content: space-between;}
.mright5cls{margin-right:5px;}
.mleft5cls{margin-left:5px;}
.custom-smnucls{margin-top:20px;min-height: 40px;align-items: center;}
.custom-smnucls li{
    position: relative;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-right: 1px solid #ddd;
    width: 25%;
}
.outloggedinwidgetcls{padding:20px 20px 0 20px;}
.cmemberactionbtnsec{padding-top:5px;}
.custom-smnucls li a{padding-left:10px;padding-right:10px;}
.woutloginmainsec{padding:20px;}
#top_header_right_cnt .custom-event-button{border:none !important;background: none !important;color:#333 !important;}
#top_header_left_cnt #logo_img{margin-top:25px;}
#top_header_right_cnt .btn.focus, #top_header_right_cnt .btn:focus{box-shadow: none !important;}
.na-table .bg-light{background-color:#ddd!important;}
li.bg-light .custom-categorycls{
    background-color: #a66eff;
    color:#fff;
    border-color:#a66eff;
}
form#fwrite .custom-control.custom-checkbox input#as_type{display: none;}
.tox-toolbar__primary button[title="전체 화면"]{display: none;}
.widget_outlogin_wrap .icon_user{
    background: url('https://tojino.com/theme/TOTOHOT/img/icon_user.png') no-repeat;
    top:40%;
}
#outlogin_mb_id{padding-left:40px !important;}
.widget_outlogin_wrap .icon_password{
    background: url('https://tojino.com/theme/TOTOHOT/img/icon_password.png') no-repeat;
    top:42%;
}
#outlogin_mb_password{padding-left:40px !important;}
#nt_body{height: auto !important;}
.custompageView{display: none;}
.custom-rightside-seetings{
    position: absolute;
    right:5px;
    top:-115px;
    z-index: 100;
}
.cposrelcls{
    position: relative;
}
.promotion-custom-rightside-seetings{
    position: absolute;
    top: -40px;
    right: 5px;
    z-index: 100;
}
.notice-custom-rightside-seetings{
    position: absolute;
    top: -35px;
    right: 5px;
    z-index: 100;
}
.custom-list-sortfilter{display: none;}
.pointpage-custom-search{display: none;}
.custom-write-event-button{position: absolute;right:10px;top:0;}
.review-custom-rightside-seetings{
    position: absolute;
    top: -35px;
    right: 5px;
    z-index: 100;
}
.safety-custom-rightside-seetings{
    position: absolute;
    top: -35px;
    right: 5px;
    z-index: 100;
}
ul.pagination li.page-item.page-prev{width:50px;}
ul.pagination li.page-item.page-next{width:50px;}
ul.pagination li.page-first.page-item{display: none;}
ul.pagination li.page-last.page-item{display: none;}
.clogoutwidgetbtncls{display: flex;align-items: center;justify-content: center;}
.earn-points-modal{display: flex;align-items: center;justify-content: center;}
@media(min-width:320px) and (max-width:767px){
    body{
        overflow-x:hidden;
    }
    .custom-write-event-button{position: relative;}
    .safety-custom-rightside-seetings{
        position: relative;
        top:0;
        right:0;
    }
    #bo_list_total{display: none;}
    #bo_btn_top #list_edit_div{justify-content: right;padding-right:0 !important}
    .custom-rightside-seetings{position: relative;top:0;right:0;}
    .custom-rightside-seetings .d-sm-flex.align-items-center{justify-content: right;}
    .safety-custom-rightside-seetings .d-sm-flex.align-items-center{justify-content: right;}
    .customfullwid100{width:100%;}
    .tbl_content .tbl_list_content{height: auto !important;}
}
.tgme_widget_login.large button.tgme_widget_login_button{word-break: break-all;width:230px;white-space: normal;}
.telegram-login-container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0px;
  border-radius: 20px;
  background: #ffffff;
  transition: transform 0.3s ease;
}

/* Custom styling for the iframe within the container */
.telegram-login-container iframe {
  border-radius: 15px !important;
  border: 2px solid #dcdcdc;
  max-width: 100%;
  width: 350px;
  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
}
.telegram-login-container iframe button{
    white-space: normal;
}
.event-image{height:auto !important;}
.na-table .bg-light{background-color:#f2f4f5!important;}
.powerball-page-content .powerball_wrap{
    margin-top:10px;
}
.powerball-page-content .powerball_wrap .game-title {
    height: 40px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    border: 1px solid #ededed;
    padding: 0 10px;
    border-radius: 8px;
    font-weight: bold;
}
.powerball-page-content .powerball_wrap .odds-btn-wrap {
    display: flex;
    margin-bottom: 10px;
}
.powerball-page-content .powerball_wrap .odds-btn-wrap>div:first-child {
    margin-right: 5px;
}
.powerball-page-content .powerball_wrap .odds-btn-wrap>div {
    display: flex;
    width: 100%;
}
.powerball-page-content .powerball_wrap .odds-btn-wrap input {
    width: 100%;
    height: 40px;
    background-color: #f7f9fa;
    border: 1px solid #ededed;
    border-radius: 8px;
    font-weight: bold;
    cursor: pointer;
}
.powerball-page-content .powerball_wrap .odds-btn-wrap>div:last-child {
    margin-left: 5px;
}
.powerball-page-content .powerball_cartwrap {
    display: flex;
}
.powerball-page-content .powerball_cartwrap .powerball_cart {
    width: 100%;
    display: flex;
}
.powerball-page-content .powerball_cartwrap .powerball_cart .cart_info {
    border: 1px solid #ededed;
    justify-content: center;
    width: 50%;
    align-items: center;
    border-radius: 8px;
    padding: 10px;
    margin-right: 5px;
}
.powerball-page-content .powerball_cartwrap .powerball_cart>div {
    display: flex;
    flex-direction: column;
}
.powerball-page-content .powerball_cartwrap .powerball_cart .cart_pay {
    border: 1px solid #ededed;
    width: 50%;
    border-radius: 8px;
    padding: 10px;
    margin-left: 5px;
}
.powerball-page-content .powerball_cartwrap .powerball_cart .cart_pay>div {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}
.powerball-page-content .powerball_cartwrap .powerball_cart .cart_pay>div label {
    display: flex;
    flex-shrink: 0;
}
.powerball-page-content .powerball_cartwrap .powerball_cart .cart_pay .bet_money input {
    border: 0;
    color: #a66eff;
    font-weight: bold;
    width: 100%;
    padding: 0 5px;
}
.powerball-page-content .powerball_cartwrap .powerball_cart .cart_pay .bet_money #bettotal {
    color: #ff6767 !important;
}
.powerball-page-content .powerball_cartwrap .powerball_cart .cart_pay .bet_btn_inner {
    display: grid;
    gap: 5px;
    grid-template-columns: repeat(3, 1fr);
}
.powerball-page-content .powerball_cartwrap .powerball_cart .cart_pay .bet_btn_inner input {
    border: 1px solid #ededed;
    background-color: transparent;
    transition: 0.2s ease;
    border-radius: 8px;
    height: 40px;
    cursor: pointer;
}
.powerball-page-content .powerball_cartwrap .powerball_cart .cart_pay .bet_money_free input {
    border: 0;
    color: #000000;
    font-weight: bold;
    width: 100%;
    padding: 0 5px;
}
.powerball-page-content .powerball_cartwrap .powerball_cart .cart_pay .btn_bet {
    height: 40px;
    background-color: #a66eff;
    color: #ffffff;
    font-weight: bold;
    border-radius: 8px;
    border: 0;
    cursor: pointer;
    transition: 0.2s ease;
}
#betcash{position: relative;top:-4px;}
#betcash:focus-visible {
    outline: none !important;
}
#bettotal{position: relative;top:-4px;}
#bettotal:focus-visible{
    outline: none !important;
}
#betExp4{position: relative;top:-4px;}
#betExp4:focus-visible{
    outline: none !important;
}
.powerball-page-content .powerball_wrap .odds-btn-wrap input.on {
    background-color: #a66eff !important;
    color: #ffffff !important;
}
.powerball-page-content .betting_list table {
    margin-top: 10px;
    border-top: 2px solid #a66eff;
}
.powerball-page-content .betting_list th {
    height: 40px;
    border-bottom: 1px solid #ededed;
}
.powerball-page-content .betting_list table td {
    height: 40px;
    text-align: center;
}
#bo_gallery .list-safety-info table tr th{text-align: left !important;}
.chpasstitlecls h3{font-size: 18px !important;}
.chpassmainsec{
    padding:20px 10px;
    position: relative;
}
.confirmpassdiv{
    padding-top:10px;
}
#mb_new_password:focus-visible{
    outline: none !important; 
}
#mb_confirm_password:focus-visible{
    outline: none !important; 
}
.cerror{border:1px solid red !important;}
.msgmismatch{color:red;}