@charset "utf-8";

.clr{display:block;float:none;clear:both;width:100%;height:0;font-size:0!important;line-height:0!important;overflow:hidden;margin:0!important;padding:0!important}
.blk{width:100%;float:none;clear:both;font-size:0!important;line-height:0!important;overflow:hidden;margin:0!important;padding:0!important}
.foPremium{color:rgb(241, 64, 63);}
.foBlue{color:#7cabe4!important;font-weight:700!important}
.foBlue:hover{color:#0083B9!important;font-weight:700!important}
.foBluet{color:#7cabe4!important}
.foBlack{color:#444!important}
.fowhite{color:#fff!important}
.fobold{font-weight:700!important}
.font-075rem{font-size:0.75rem!important}
.font-13rem{font-size:1.3rem!important}
.font-15rem{font-size:1.5rem!important}
.font-17rem{font-size:1.7rem!important}
.magin0{margin:0!important}
.mr0{margin-right:0}
.ml0{margin-left:0}
.mt5{margin-top:5px!important}
.mt10{margin-top:10px!important}
.mt15{margin-top:15px!important}
.mt20{margin-top:20px!important}
.mt25{margin-top:25px!important}
.mb0{margin-bottom:0!important}
.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px!important}
.mb15{margin-bottom:15px}
.mb20{margin-bottom:20px!important}
.pt0{padding-top:0px!important}
.pt5{padding-top:5px!important}
.pt10{padding-top:10px!important}
.m-pt5{padding-top:5px}
.pl5{padding-left:5px}
.pr5{padding-right:5px}
.ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block}
.none_ellipsis{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block}
.upper{text-transform:uppercase}
.vertical-top{vertical-align:top!important;zoom:1}
.important-block{display:inherit}
.fl-right{float:right}
.fl-left{float:left}
.panel-scroll{max-width: 100%;overflow-x:scroll;white-space: nowrap;}
.nopadding{padding:0!important;margin:0!important}
.nocursor{cursor:not-allowed}
.border-top-line{border-top:1px solid #eaecf0!important}
.border-top-none{border-top:0!important}
.border-top-none-width{border-top-width:0!important}
.border-bottom-none-width{border-bottom-width:0!important}
.border-top-color-ddd{border-top-color:#ddd!important}
.border-bottom-color-ddd{border-bottom-color:#ddd!important}
.border-left-none-width{border-left-width:0!important}
.text-center{text-align:center}
.text-right{text-align:right}
.text-left{text-align:left!important}
.text-underline {text-decoration: underline!important}
.no-display{display:none!important}
.display-block {display:block}
.display-inline-block {display:inline-block}
.overflow-hidden {overflow:hidden;}
.btn-group.special {display:flex;}
.special .btn {flex:1}
.waves-effect{position:relative;cursor:pointer;display:inline-block;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;z-index:1;will-change:opacity,transform;transition:all .3s ease-out}
.content-wrapper.content-boxed > .content > .at-content{padding:13px}
#alliance_tab.div-tab.tabs ul.nav-tabs li:last-child{border-right:0 solid #ddd}
#notice_tab.div-tab.tabs ul.nav-tabs li:last-child{border-right:0 solid #ddd}
.cursor-active{cursor:pointer}
.layout-boxed .wrapper{margin:0 auto !important}
.display-inline-block {display:inline-block !important}
.no-display-first{display:none!important}
.link_underline{border-bottom:1px dashed #ddd}
.idolworld-bg {color:#fff !important;background-color:#ff5b4f !important;border:1px solid #ff5b4f !important}
.updown-ani{-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:linear;animation-timing-function:linear;animation-iteration-count:infinite;-webkit-animation-iteration-count:infinite;-webkit-animation-name:bounce-1;animation-name:bounce-1}
.i-color {color: #ed2553;}
@-webkit-keyframes bounce-1 {0%,100%{-webkit-transform:translateY(0)}50%{-webkit-transform:translateY(-2px)}}@keyframes bounce-1 {0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
div.video_div{max-width:800px;margin:0 auto;overflow:hidden}
div.video_div video{width:100%;height:100%;object-fit:cover}
.ax-hidden{position:absolute;height:1px;width:1px;clip:rect(1px,1px,1px,1px);border:0;overflow:hidden}
.text-hidden {
 position:absolute !important;
 width:1px;
 height:1px;
 overflow:hidden;
 clip:rect(1px 1px 1px 1px); /* IE6, IE7 */
 clip:rect(1px, 1px, 1px, 1px);}
 .gif-download-wrap video {vertical-align:bottom}
 .gif-download-btn {position:absolute;bottom:0;right:0;margin-bottom:-20px;height:20px;line-height:20px;}
@media only screen and (max-width: 768px) {
    .gif-download-wrap video {
        max-width: 100%;
        min-width: 240px;
        margin: 0 auto;
    }
}
/*
.layout-boxed .wrapper{margin:0 10% 0 auto !important}
*/

.main-left{width:1213px}
.list-category .div-tab-box.tabs ul.nav-tabs li a:hover{background-color:#fff}
/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear {  display: none; width : 0; height: 0; }
input[type=search]::-ms-reveal {  display: none; width : 0; height: 0; }

/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }
/*******************************
    Group buttons
*******************************/
.nv-group-buttons .or{position:relative;float:left;width:.3em;height:1.3em;z-index:3;font-size:12px}
.nv-group-buttons .or:before{position:absolute;top:50%;left:50%;content:'or';background-color:#5a5a5a;margin-top:-.1em;margin-left:-.9em;width:1.8em;height:1.8em;line-height:1.55;color:#fff;font-style:normal;font-weight:400;text-align:center;border-radius:500px;-webkit-box-shadow:0 0 0 1px rgba(0,0,0,0.1);box-shadow:0 0 0 1px rgba(0,0,0,0.1);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.nv-group-buttons .or:after{position:absolute;top:0;left:0;content:' ';width:.3em;height:2.84em;background-color:rgba(0,0,0,0);border-top:.6em solid #5a5a5a;border-bottom:.6em solid #5a5a5a}
.nv-group-buttons .or.or-lg{height:1.3em;font-size:16px}
.nv-group-buttons .or.or-lg:after{height:2.85em}
.nv-group-buttons .or.or-sm{height:1em}
.nv-group-buttons .or.or-sm:after{height:2.5em}
.nv-group-buttons .or.or-xs{height:.25em}
.nv-group-buttons .or.or-xs:after{height:1.84em;z-index:-1000}
.nv-group-buttons{display:inline-block;vertical-align:middle}
.nv-group-buttons:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.nv-group-buttons .btn{float:left;border-radius:0}
.nv-group-buttons .btn:first-child{margin-left:0;border-top-left-radius:.25em;border-bottom-left-radius:.25em;padding-right:15px}
.nv-group-buttons .btn:last-child{border-top-right-radius:.25em;border-bottom-right-radius:.25em;padding-left:15px}
.nv-group-buttons em {color:#fff;}

.nv-btn-label {position: relative;left: -12px;display: inline-block;padding: 6px 12px;background: rgba(0,0,0,0.15);border-radius: 3px 0 0 3px;}
.nv-btn-labeled {padding-top: 0;padding-bottom: 0;}
/*******************************
   Common - Night Mode
*******************************/
body.night-mode {
    --white: #2d2d2d;
    --black: #fff;
    --black-025: #393939;
    --black-050: #3d3d3d;
    --black-075: #404345;
    --black-100: #4a4e51;
    --black-150: #555a5e;
    --black-200: #697075;
    --black-300: #7d848d;
    --black-350: #959ca3;
    --black-400: #9fa6ad;
    --black-500: #acb2b8;
    --black-600: #c4c8cc;
    --black-700: #cfd2d6;
    --black-750: #dadee0;
    --black-800: #e7e8eb;
    --black-900: #f2f2f3;
    --orange-050: #473c33;
    --orange-100: #5e4433;
    --orange-200: #8d5a2f;
    --orange-300: #cc7525;
    --orange-400: #f48024;
    --orange-500: #ff901e;
    --orange-600: #ffa95e;
    --orange-700: #f8b682;
    --orange-800: #fcd6b9;
    --orange-900: #fee7d6;
    --blue-050: #233e52;
    --blue-100: #25445f;
    --blue-200: #295070;
    --blue-300: #2b5f8a;
    --blue-400: #3070ab;
    --blue-500: #378ad3;
    --blue-600: #3ca4ff;
    --blue-700: #81c4f8;
    --blue-800: #b8dffd;
    --blue-900: #d5ecfd;
    --powder-050: #414648;
    --powder-100: #3e4a52;
    --powder-200: #43525f;
    --powder-300: #4c6071;
    --powder-400: #577489;
    --powder-500: #688eac;
    --powder-600: #7badd3;
    --powder-700: #9cc3db;
    --powder-800: #cde1ee;
    --powder-900: #e5f3ff;
    --green-025: #2e4233;
    --green-050: #344b3a;
    --green-100: #3d6048;
    --green-200: #487455;
    --green-300: #4d815c;
    --green-400: #5a9e6f;
    --green-500: #63b47c;
    --green-600: #76c490;
    --green-700: #93d0a8;
    --green-800: #b3dec1;
    --green-900: #d0eada;
    --yellow-050: #464236;
    --yellow-100: #524b38;
    --yellow-200: #675c37;
    --yellow-300: #7e6f3a;
    --yellow-400: #9e883b;
    --yellow-500: #bf9f37;
    --yellow-600: #dab941;
    --yellow-700: #f1d056;
    --yellow-800: #f8df7a;
    --yellow-900: #fcedaf;
    --red-050: #572f32;
    --red-100: #723738;
    --red-200: #873f3e;
    --red-300: #9b4544;
    --red-400: #b24d49;
    --red-500: #c4524f;
    --red-600: #d25d5d;
    --red-700: #de7176;
    --red-800: #e7929a;
    --red-900: #f2c1c7;
    --gold: #ffcc01;
    --gold-lighter: #5e553c;
    --gold-darker: #bc8f03;
    --silver: #b4b8bc;
    --silver-lighter: #424242;
    --silver-darker: #7b7c7e;
    --bronze: #caa789;
    --bronze-lighter: #4d433b;
    --bronze-darker: #8b684a;
    --fc-dark: var(--black-900);
    --fc-medium: var(--black-700);
    --fc-light: var(--black-500);
    --focus-ring: rgba(55, 138, 211, 0.15);
    --focus-ring-success: rgba(72, 116, 85, 0.4);
    --focus-ring-warning: rgba(158, 136, 59, 0.4);
    --focus-ring-error: rgba(196, 82, 79, 0.3);
    --focus-ring-muted: rgba(231, 232, 235, 0.1);
    --bs-sm: 0 1px 2px rgba(0, 0, 0, 0.1),0 1px 4px rgba(0, 0, 0, 0.1),0 2px 8px rgba(0, 0, 0, 0.1);
    --bs-md: 0 1px 3px rgba(0, 0, 0, 0.11),0 2px 6px rgba(0, 0, 0, 0.11),0 3px 8px rgba(0, 0, 0, 0.14);
    --bs-lg: 0 1px 4px rgba(0, 0, 0, 0.14),0 3px 8px rgba(0, 0, 0, 0.14),0 4px 13px rgba(0, 0, 0, 0.18);
    --scrollbar: rgba(255, 255, 255, 0.2);
}

/*******************************
    AMINA SIDE BAR CUSTOM
*******************************/
.skin-red-light .user-panel > .info{padding:5px}
.skin-red-light .main-sidebar{padding-top:0}
.skin-red-light .main-sidebar .user-panel h5,.skin-red-light .main-sidebar .user-panel .h5{font-size:12px;letter-spacing:-1px}
.skin-red-light .main-sidebar .user-panel h4,.skin-red-light .main-sidebar .user-panel .h4,.skin-red-light .main-sidebar .user-panel h5,.skin-red-light .main-sidebar .user-panel .h5,.skin-red-light .main-sidebar .user-panel h6,.skin-red-light .main-sidebar .user-panel .h6{margin-top:8.5px;margin-bottom:8.5px}
.skin-red-light .header-top{border-top:1px solid #8EA6B4!important}
.skin-red-light .side-bar-member .sidebar-header{position:relative;color:#fff;cursor:pointer;border-bottom: 1px solid hsla(202, 21%, 59%, 1);-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.skin-red-light .side-bar-member .sidebar-header:hover{position:relative;color:#fff;cursor:pointer;font-weight:500}
.skin-red-light .side-bar-member > .sidebar-header > .fa{position:absolute;top:50%;right:10px;margin-top:-7px;margin-right:10px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;-webkit-transform:rotate(-46deg);-ms-transform:rotate(-46deg);-o-transform:rotate(-46deg);transform:rotate(-46deg)}
.skin-red-light .side-bar-member > .sidebar-header.collapsed > .fa{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
.skin-red-light .sidebar-icon a.side-lv-up i{border:1px solid #ff5b4f}
.skin-red-light .sidebar-icon a i.fa-telegram{color:#38a4d7;border:1px solid #38a4d7}
.skin-red-light .sidebar-icon a:hover i.fa-telegram{color:#fff;border:1px solid #ff5b4f}
.skin-red-light .sidebar-icon a span{color:#444;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;margin-top:3px;margin-bottom:5px}
.skin-red-light .sidebar-icon a span.memoCount{color:#374850;font-family:tahoma}
.skin-red-light .sidebar-icon a:hover span.memoCount{color:#fafafa;background-color:#ff5b4f}
.skin-red-light .sidebar-icon a span.memoCount{position:absolute;top:-8px;right:5px;text-align:center;font-size:9px;padding:5px 2px;line-height:.7;background-color:#d2d6de;font-weight:700;border-radius:.25em!important}
.skin-red-light .sidebar-icon a span.Lvcount{border:1px solid #ff5b4f;background:#fafafa;letter-spacing:-1px;font-family:inherit;font-weight:400;font-size:1rem;padding-right:4px}
.skin-red-light .sidebar-icon > a.waves-effect > .fa-calendar-check-o{color:#fff;background-color:#ff5b4f;border:1px solid #ff5b4f}
.skin-red-light .sidebar-icon > a:hover.waves-effect > .fa-calendar-check-o{color:#f5f5f5;background-color:#ff5b4f;border:1px solid #ff5b4f}
.skin-red-light .sidebar-menu > li{border-top:1px solid #eaecf0}
.skin-red-light .sidebar-menu > li.active{border-top-color:#ff5b4f}
.skin-red-light .sidebar-menu > li .label{font-size:11px;border-radius:.25em!important}
.skin-red-light .sidebar-menu > li > a{color:#000;font-size:14px;padding:12px 14px;border-radius:0;font-weight:700;-webkit-transition:all .1s ease-out 0;-o-transition:all .1s ease-out 0;transition:all .1s ease-out 0}
.skin-red-light .sidebar-menu li > a > small.label.pull-right{margin-top:-10px;right:30px}
.skin-red-light .sidebar-menu > li:hover > a,.skin-red-light .sidebar-menu > li.active > a{color:#fff;background-color:#fe5649;background-image:none}
.skin-red-light .sidebar-menu .treeview-menu > li{margin-left:21px;border-left:1px solid #dbdfe6;text-transform:none;letter-spacing:normal;display:block;font-size:12px;padding-top:3px;padding-bottom:3px}
.skin-red-light .sidebar-menu .treeview-menu > li > a > .fa:first-child{width:5px}
.skin-red-light .sidebar-menu li > a > i{color:#fe5649}
.skin-red-light .sidebar-menu li.active > a > i,.skin-red-light .sidebar-menu li:hover > a > i{color:#fff}
.skin-red-light .sidebar-menu li.active > a > .fa-angle-left{font-weight:600}
.skin-red-light .sidebar-menu .treeview-menu > li > a > i.fa-angle-right,.skin-red-light .sidebar-menu .treeview-menu > li > a > i.fa-angle-down,.skin-red-light .sidebar-menu .treeview-menu > li > a > i{color:#fe5649}
.skin-red-light .treeview-menu > li > a:hover > i.fa-angle-right,.skin-red-light .treeview-menu > li.active > a > i.fa-angle-right{font-weight:600;margin-left:.3em}
.skin-red-light .sidebar-menu .treeview-menu li.active > a > .fa-angle-right{font-weight:600;-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}
.skin-red-light .sidebar-menu li > .treeview-menu{border-top:1px solid #eaecf0;background-color:#f4f4f4;position:relative}
.skin-red-light .sidebar-menu li.active > .treeview-menu{border-top:0}
.skin-red-light .sidebar-menu li.active .treeview-menu:before{border-top:7px solid #fe5649;border-left:7px solid transparent;border-right:7px solid transparent;content:"";display:inline-block;position:absolute;left:19px;top:0}
.skin-red-light .sidebar-menu .treeview-menu > li:first-child{padding-top:7px}
.skin-red-light .sidebar-menu .treeview-menu > li:last-child{padding-bottom:7px}
.skin-red-light .sidebar-menu .treeview-menu > li > a:before{content:'';position:absolute;width:5px;height:5px;left:-3px;top:50%;background-color:#9fa8bc;margin-top:-3px;border-radius:50px;-webkit-transition:all .2s ease-out 0;-o-transition:all .2s ease-out 0;transition:all .2s ease-out 0}
.skin-red-light .sidebar-menu .treeview-menu > li > a:after{content:'';width:30px;height:30px;border:1px solid #a0a8b9;position:absolute;left:-15px;top:50%;margin-top:-15px;border-radius:50px;opacity:0;-webkit-transition:all .2s ease-out 0;-o-transition:all .2s ease-out 0;transition:all .2s ease-out 0}
.skin-red-light .treeview-menu > li > a{display:block;font-weight:400;padding:10px 0 5px 18px;color:#444;position:relative;height:35px;font-size:13px;line-height:120%;-webkit-transition:all .2s ease-out 0;-o-transition:all .2s ease-out 0;transition:all .2s ease-out 0}
.skin-red-light .treeview-menu > li > a:hover,.skin-red-light .treeview-menu > li > a:focus,.skin-red-light .treeview-menu > li > a:active{text-decoration:none;color:#464f63}
.skin-red-light .treeview-menu > li > a:hover:before,.skin-red-light .treeview-menu > li > a:focus:before,.skin-red-light .treeview-menu > li > a:active:before{background-color:#657390}
.skin-red-light .treeview-menu > li > a:hover:after,.skin-red-light .treeview-menu > li > a:focus:after,.skin-red-light .treeview-menu > li > a:active:after{opacity:1;border-color:#657390;width:11px;height:11px;left:-6px;margin-top:-6px}
.skin-red-light .treeview-menu > li.active > a{color:#333}
.skin-red-light .treeview-menu > li.active > a:before{background-color:#fe5649}
.skin-red-light .treeview-menu > li.active > a:after{opacity:1;border-color:#fe5649;width:11px;height:11px;left:-6px;margin-top:-6px}
.telegram-point{position:absolute;width:6px;height:6px;border-radius:50%;top:15px;right:15px}
.bg-carrot{background-color:#e67e22!important;color:#fff}
.b-peter-river{border-color:#3498db!important}
.side-bar-member .telegram-point{top:-5px;right:9px}
.nv-waves{position:absolute;top:-50%;left:-50%;width:200%;height:200%;border-width:3px;border-style:solid;border-color:inherit;border-radius:inherit;-webkit-animation-name:nv-waves;animation-name:nv-waves;-webkit-animation-timing-function:cubic-bezier(0.42,0,0.58,1);animation-timing-function:cubic-bezier(0.42,0,0.58,1);-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.telegram-point .nv-waves{top:-190%;left:-150%;width:400%;height:400%}
@-webkit-keyframes nv-waves {
0%{-webkit-transform:scale(0.5);transform:scale(0.5);opacity:0}
25%{-webkit-transform:scale(0.5);transform:scale(0.5);opacity:.1}
50%{-webkit-transform:scale(0.6);transform:scale(0.6);opacity:.3}
75%{-webkit-transform:scale(0.75);transform:scale(0.75);opacity:.5}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}
@keyframes nv-waves {
0%{-webkit-transform:scale(0.5);transform:scale(0.5);opacity:0}
25%{-webkit-transform:scale(0.5);transform:scale(0.5);opacity:.1}
50%{-webkit-transform:scale(0.6);transform:scale(0.6);opacity:.3}
75%{-webkit-transform:scale(0.75);transform:scale(0.75);opacity:.5}
100%{-webkit-transform:scale(1);transform:scale(1);opacity:0}
}
/*******************************
    AMINA SIDE OUT LOGIN
*******************************/
.main_login ul,.main_login ol{list-style:none}
.main_login ul,.main_login ol,.main_login li,.main_login dl,.main_login dt,.main_login dd,.main_login table,.main_login th,.main_login td,.main_login form,.main_login fieldset,.main_login legend,.main_login input,.main_login textarea,.main_login button,.main_login select{margin:0;padding:0}
.main_login{float:left;width: 100%;/*height: 199px;*/margin-bottom: 8px;border-bottom:1px solid #d9dde2;background-color: #fff;}
.main_login .login_title{position:relative}
.main_login .login_title h2{margin-bottom:9px;font-size:16px;font-weight:normal;color:#dd6568}
.main_login .login_title h2 .material-icons{margin-right:4px;font-size:18px;vertical-align:top}
.main_login .login_before{position:relative;/*height:196px;*/padding:10px 10px 0;background-color: #fff;}
.main_login .login_before .input_box{position:relative}
.main_login .login_before .input_box ul{padding-right:83px;border-right:none}
.main_login .login_before .input_box li{position:relative;text-align:left}
.main_login .login_before .input_box li label{position:absolute;top:13px;left:11px;font-size:12px;color:#AFAFAF;letter-spacing:-1px;cursor:auto;z-index:2}
.main_login .login_before .input_box li .input_text{position:relative;width:100%;height:41px;margin-top:-1px;padding:0 11px;background-color:#fff;color:#333;font-size:12px;line-height:41px;border:1px solid #e4e4e4;outline:none;letter-spacing:normal}
.main_login .login_before .input_box li .input_text:focus{border:1px solid #DD6568;z-index:1}
.main_login .login_before .input_box li:first-child .input_text{margin-top:0}
.main_login .login_before .input_box .btn_login{display:block;position:absolute;top:0;right:0;width:84px;height:81px;border:none;cursor:pointer;line-height: 92px;-webkit-appearance:none;appearance:none;border-radius:0}
.main_login .login_before .input_box .btn_login:hover{background-position:-88px -242px}
.main_login .login_before .options{overflow:hidden;position:relative;height:40px;}
.main_login .login_before .options:after{display:table;clear:both;content:''}
.main_login .login_before .options .security{height:30px;margin-top:6px}
.main_login .login_before .options .security li{float:left;height:30px;line-height:30px;color: #7e878e;font-size:11px;letter-spacing:-0.05em;}
.main_login .login_before .options .security li b{color:#DD6568}
.main_login .login_before .options .security li u{display:inline-block;padding:0 5px;text-decoration:none;color:#ccc}
.main_login .login_before .options .security li.auto{float:right}
.main_login .login_before .register{position:relative;margin:0 -20px 0;background-color:#fff}
.main_login .login_before .register ul{overflow:hidden;border-top: 1px solid #ebeef3;}
.main_login .login_before .register li{float:left;width: 50%;}
.main_login .login_before .register li a{display:block;height:41px;border-left: 1px solid #ebeef3;line-height:40px;text-align:center;color: #7e878e;}
.main_login .login_before .register li a:hover{background-color: rgba(247, 248, 250, 0.7);}
.main_login .login_before .register li:first-child a{border-left:none}
.main_login .login_before .input_box .btn-front {background-color:#fc715e;color:#fff;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-transition:background .15s ease,line-height .8s cubic-bezier(0.23,1,0.32,1);transition:background .15s ease,line-height .8s cubic-bezier(0.23,1,0.32,1)}
.main_login .login_before .input_box .btn-front:hover {background-color:#ff8b74}


/*******************************
    ajax-loading
*******************************/
.overlay_ajax{display:none;background:#000;position:fixed;height:100%;width:100%;z-index:5000;top:0;left:0;float:left;text-align:center;padding-top:25%;opacity:.6;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity = 60);filter:alpha(opacity = 60)}
.overlay_ajax_footer{display:inline-block;background:#000;position:relative;height:100%;width:100%;z-index:5000;top:0;left:0;float:left;text-align:center;opacity:.6;-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity = 60);filter:alpha(opacity = 60)}
body.loading{overflow:hidden}
body.loading .overlay_ajax{display:block}
#vxfpkzjngeimohuqywlstr-nav{position:relative;display:none;overflow:hidden}
#vxfpkzjngeimohuqywlstr-nav.loading{display:block;overflow:inherit;position:relative;padding:0}
#vxfpkzjngeimohuqywlstr-nav.loading .overlay_ajax{display:block}
#footer-infscr-loading{display:none;background:#000;margin:0;padding:10px;border-radius:10px;left:50%;width:200px;margin-left:-110px;text-align:center;bottom:50px;color:#fff;position:fixed;z-index:100;opacity:.8;-webkit-border-radius:10px;-moz-border-radius:10px}
#footer-infscr-loading.loading-end{display:block}
.overlay_ajax span,.overlay_ajax_footer span{width:16px;height:16px;border-radius:50%;display:inline-block;position:absolute;left:50%;margin-left:-10px;-webkit-animation:3s infinite linear;-moz-animation:3s infinite linear;-o-animation:3s infinite linear}
.overlay_ajax span:nth-child(2),.overlay_ajax_footer span:nth-child(2){background:#E84C3D;-webkit-animation:kiri 1.2s infinite linear;-moz-animation:kiri 1.2s infinite linear;-o-animation:kiri 1.2s infinite linear}
.overlay_ajax span:nth-child(3),.overlay_ajax_footer span:nth-child(3){background:#F1C40F;z-index:100}
.overlay_ajax span:nth-child(4),.overlay_ajax_footer span:nth-child(4){background:#2FCC71;-webkit-animation:kanan 1.2s infinite linear;-moz-animation:kanan 1.2s infinite linear;-o-animation:kanan 1.2s infinite linear}
@-webkit-keyframes kanan {
0%{-webkit-transform:translateX(20px)}
50%{-webkit-transform:translateX(-20px)}
100%{-webkit-transform:translateX(20px);z-index:200}
}
@-moz-keyframes kanan {
0%{-moz-transform:translateX(20px)}
50%{-moz-transform:translateX(-20px)}
100%{-moz-transform:translateX(20px);z-index:200}
}
@-o-keyframes kanan {
0%{-o-transform:translateX(20px)}
50%{-o-transform:translateX(-20px)}
100%{-o-transform:translateX(20px);z-index:200}
}
@-webkit-keyframes kiri {
0%{-webkit-transform:translateX(-20px);z-index:200}
50%{-webkit-transform:translateX(20px)}
100%{-webkit-transform:translateX(-20px)}
}
@-moz-keyframes kiri {
0%{-moz-transform:translateX(-20px);z-index:200}
50%{-moz-transform:translateX(20px)}
100%{-moz-transform:translateX(-20px)}
}
@-o-keyframes kiri {
0%{-o-transform:translateX(-20px);z-index:200}
50%{-o-transform:translateX(20px)}
100%{-o-transform:translateX(-20px)}
}

/*********************************
    AMINA CUSTOM
*********************************/
.is-pc .ko .ko-12{font-size:13px!important}
.list-board .list-body li > div{line-height:26px!important}
.is-pc .control-sidebar{padding-top:0}
.is-pc .control-sidebar-bg,.control-sidebar{width:340px}
/*.btn.btn-color{color:#fff;background-color:#6bb9d0;border-color:#6bb9d0}*/
.btn.active.btn-color,.btn.btn-color:hover,.btn.btn-color:focus,.btn.btn-color:active{color:#fff;background-color:#FA7268;border-color:#FA7268;transition:all .3s ease}
.btn.btn-gradient {color:#fff!important;border-image:none!important;border:0;background: #f96;background: -webkit-linear-gradient(to right,#ff5e62,#f96);background: linear-gradient(to right,#ff5e62,#f96);transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.btn.active.btn-gradient,.btn.btn-gradient:hover,.btn.btn-gradient:focus,.btn.btn-gradient:active{color:#fff;background-color:#FA7268;border-color:#FA7268;}

.btn.btn-purple{color:#fff;background-color:#9b59b6;box-shadow:0 5px 0 0 #82409D}
.btn.active.btn-purple,.btn.btn-purple:hover,.btn.btn-purple:focus,.btn.btn-purple:active{color:#fff;background-color:#B573D0;transition:all .3s ease}
.btn.btn-never{background:#ff5b4f;border-color:#ff5b4f;color:#fff}
.btn.active.btn-never,.btn.btn-never:hover,.btn.btn-never:focus,.btn.btn-never:active{color:#fff;background-color:#FA7268;border-color:#FA7268;transition:all .3s ease}
.btn.btn-never-yellow{color:#333;background-color:#f6bb42;border-color:#f6bb42}
.btn.active.btn-never-yellow,.btn.btn-never-yellow:hover,.btn.btn-never-yellow:focus,.btn.btn-never-yellow:active{color:#fff;background-color:#f4ae1d;border-color:rgba(0,0,0,0.05);transition:all .3s ease}
.btn.btn-never-softdark{color:#fff;background-color:#43474e;border-color:#242A34!important}
.btn.active.btn-never-softdark,.btn.btn-never-softdark:hover,.btn.btn-never-softdark:focus,.btn.btn-never-softdark:active{color:#fff;background-color:#1e232b;border-color:#14171d;transition:all .3s ease}
.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}
.btn-secondary:hover{color:#fff;background-color:#5a6268;border-color:#545b62}
.btn-outline-danger{color:#dc3545;background-color:transparent;background-image:none;border-color:#dc3545}
.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}
.btn-outline-grey{border:2px solid #616161!important;background-color:transparent!important;color:#616161!important}
.btn:not(:disabled):not(.disabled):active,.sp-container button:not(:disabled):not(.disabled):active,.btn:not(:disabled):not(.disabled).active,.sp-container button:not(:disabled):not(.disabled).active{background-image:none}
.btn-outline-danger:not(:disabled):not(.disabled):active,.btn-outline-danger:not(:disabled):not(.disabled).active,.show > .btn-outline-danger.dropdown-toggle{color:#fff;background-color:#dc3545;border-color:#dc3545}
.btn.btn-blue{background:#416dea;color:#fff}
.btn.btn-regular{color:#202129;background-color:#f2f2f2}
.btn.btn-blue:hover{-webkit-transition:all 150ms linear;transition:all 150ms linear;opacity:.85}
.btn.btn-blue:active{-webkit-transition:all 150ms linear;transition:all 150ms linear;opacity:.75}
.btn.btn-regular:active{background-color:#d5d6d6;opacity:1}
.btn.btn-regular:hover{color:#202129;background-color:#e1e2e2;opacity:1}
.btn-lv-info{font-size:1.2rem;display:inline-block!important;padding:1px}
.badge{display:inline-block;min-width:10px;font-size:12px;font-weight:700;line-height:1;color:#fff!important;text-align:center;white-space:nowrap;vertical-align:middle;background-color:#777;padding:3px 7px;border-radius:10px;padding:4px 7px;border-radius:0}
.badge-default{background-color:#eee}
.badge-default:hover,.badge-default:focus,.badge-default:active{background-color:#e1e1e1;color:#fff;border-color:transparent}
.badge-primary{background-color:#00b1e1}
.badge-primary:hover,.badge-primary:focus,.badge-primary:active{background-color:#009dc8;color:#fff;border-color:transparent}
.badge-success{background-color:#8cc152}
.badge-sussess:hover,.badge-sussess:focus,.badge-sussess:active{background-color:#7fb842;color:#fff;border-color:transparent}
.badge-info{background-color:#63d3e9}
.badge-info:hover,.badge-info:focus,.badge-info:active{background-color:#4dcde6;color:#fff;border-color:transparent}
.badge-warning{background-color:#f6bb42}
.badge-warning:hover,.badge-warning:focus,.badge-warning:active{background-color:#f5b22a;color:#fff;border-color:transparent}
.badge-danger{background-color:#e9573f}
.badge-danger:hover,.badge-danger:focus,.badge-danger:active{background-color:#e64328;color:#fff;border-color:transparent}
.badge-lilac{background-color:#906094}
.badge-lilac:hover,.badge-lilac:focus,.badge-lilac:active{background-color:#815685;color:#fff;border-color:transparent}
.badge-teals{background-color:#37bc9b}
.badge-teals:hover,.badge-teals:focus,.badge-teals:active{background-color:#31a88b;color:#fff;border-color:transparent}
.badge-inverse{background-color:#2a2a2a}
.badge-inverse:hover,.badge-inverse:focus,.badge-inverse:active{background-color:#1d1d1d;color:#fff;border-color:transparent}
.inner-all .badge{margin-bottom:5px;display:inline-block}


.btn-outline-primary {
    border: 2px solid #4285f4!important;
    background-color: transparent!important;
    color: #4285f4!important;
}
.btn-outline-danger {
    border: 2px solid #ff5b4f!important;
    background-color: transparent!important;
    color: #ff5b4f!important;
}

.btn {
	-webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
	        box-shadow: 0 2px 5px 0 rgba(0,0,0,.16), 0 2px 10px 0 rgba(0,0,0,.12);
	-webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
	-o-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;
}

.btn:active, .btn:focus, .btn:hover {
    -webkit-box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
    box-shadow: 0 5px 11px 0 rgba(0,0,0,.18), 0 4px 15px 0 rgba(0,0,0,.15);
    outline: 0;
}

/**********************
    social button
**********************/
.btn-social-icon{margin-bottom:4px;position:relative;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:34px;width:34px;padding:0}
.btn-social-icon>:first-child{position:absolute;left:0;top:0;bottom:0;width:32px;line-height:34px;font-size:1.6em;text-align:center;border-right:1px solid rgba(0,0,0,0.2);border:none;text-align:center;width:100%!important}
.btn-twitter{color:#fff!important;background-color:#55acee;border-color:rgba(0,0,0,0.2)}
.btn-twitter:hover{color:#fff;background-color:#2795e9;border-color:rgba(0,0,0,0.2);transition:all .3s ease}
.btn-facebook{color:#fff!important;background-color:#3b5998;border-color:rgba(0,0,0,0.2)}
.btn-facebook:hover{color:#fff;background-color:#2d4373;border-color:rgba(0,0,0,0.2)}
.btn-google{color:#fff!important;background-color:#dd4b39;border-color:rgba(0,0,0,0.2)}
.btn-google:hover{color:#fff;background-color:#c23321;border-color:rgba(0,0,0,0.2)}
.border-color,i.border-color,img.border-color{border-color:#428bca}
.tabs-never-top.tabs ul.nav-tabs li.active,.tabs-never-top.tabs ul.nav-tabs li.active a{border-top-color:#ff5b4f!important}
.div-tab.tabs ul.nav-tabs li.active a,.div-tab.tabs ul.nav-tabs li.active a:hover,.div-tab.tabs ul.nav-tabs li.active a:focus,.div-tab.tabs ul.nav-tabs li.active:first-child a,.div-tab.tabs ul.nav-tabs li.active:first-child a:hover,.div-tab.tabs ul.nav-tabs li.active:first-child a:focus,.div-tab.tabs ul.nav-tabs li.active:last-child a,.div-tab.tabs ul.nav-tabs li.active:last-child a:hover,.div-tab.tabs ul.nav-tabs li.active:last-child a:focus{font-size:1.42rem;font-weight:600}
a#btn_reward_tip_close{position:absolute;top:0;right:0;width:40px;height:40px;background:inherit;z-index:1}
#btn_reward_tip_close span{display:block;font-size:0;margin:0;width:40px;height:40px;background:url(/img/cmt/btn_allmenu_close.png) no-repeat;text-indent:9999px;overflow:hidden}

/************************
      List Top Button Set
************************/
.list-top-buttons .btn-label {position: relative;left: -12px;display: inline-block;padding: 6px 12px;background: rgba(0,0,0,0.15);border-radius: 3px 0 0 3px;}
.list-top-buttons .btn-labeled {padding-top: 0;padding-bottom: 0;}

/*******************************
    AMINA HEADER CUSTOM
*******************************/
.at-navbar .dropdown-menu ul.sub_division{width:300px;min-width:300px}
.at-navbar .dropdown-menu ul.sub_division > li{float:left;width:50%}
.at-navbar .dropdown-menu ul.sub_division > li:nth-child(odd){border-right:1px solid #eee}

.progress.lg,.progress-lg{height:15px}
.progress.lg,.progress-lg,.progress.lg .progress-bar,.progress-lg .progress-bar{border-radius:3px}
.sidebar > .sidebar-misc > .user-panel > .sidebar-form > .aliance{background:#fe5649;border-color:#fe5649;color:#E6E9ED;font-weight:600;font-size:14px}
.sidebar > .sidebar-misc > .user-panel > .sidebar-form > .aliance .fa-cube{color:#E6E9ED}
.sidebar > .sidebar-misc > .user-panel > .sidebar-form > a.aliance:hover{color:#fff;background:#e27c79;border-color:#e27c79;transition:all .3s ease}
.sidebar > .sidebar-misc > .user-panel > .sidebar-form > a.aliance:hover .fa-cube{color:#fff}
.sidebar > .sidebar-misc > .user-panel > .aliance-period > .aliance-period-end{background:#dd4b39;border-color:#d73925;color:#E6E9ED;font-weight:600;font-size:14px;border:1px solid #374850;padding:5px 0}
.sidebar > .sidebar-misc > .user-panel > .aliance-period > .aliance-period-end .fa-calendar-check-o{color:#E6E9ED}
.sidebar > .sidebar-misc > .user-panel > .aliance-period > a.aliance-period-end:hover{color:#fff;background:#e27c79;border-color:#e27c79;transition:all .3s ease}
.sidebar > .sidebar-misc > .user-panel > .aliance-period > a.aliance-period-end:hover .fa-calendar-check-o{color:#fff}
.sidebar > .sidebar-misc > .user-panel > .progress{background:#2f373e}
.sidebar > .sidebar-misc > .user-panel > .progress > .sr-only{height:15px;line-height:15px}
.amber{background-color:#ffc107!important}
.amber.lighten-4{background-color:rgba(255,243,182,0.2)!important}
.progress>div.amber{text-align:center;background-color:#64B5F6;float:left;height:15px;line-height:15px;color:#2d2f40;font-family:tahoma;font-size:.88em}
.progress>div.striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:40px 40px}
.progress>div.striped.active{-webkit-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}
.sidebar > .sidebar-misc > .user-panel > .left-side-logout{color:#fff;border-radius:3px!important;width:100%;margin-top:2%;margin-bottom:3px;padding:3px 0}
.sidebar > .sidebar-misc > .user-panel > .left-side-logout .fa-power-off{color:#fff}
.tabs-warning-top.tabs ul.nav-tabs li.active,.tabs-warning-top.tabs ul.nav-tabs li.active a{border-top-color:#c1ccd1!important}
.bg-never{background-color:#f6bb42!important}
.font-never{color:#f6bb42!important}
.bs-component .panel{margin-bottom:10px}
.bs-component .panel-heading{position:relative;height:40px;line-height:36px;background:#fafafa;color:#666;font-size:13px;font-weight:600;padding:0 8px;border:1px solid #e5e5e5;border-top-right-radius:1px;border-top-left-radius:1px}
.bs-component .panel-warning{border-color:#3a3c47}
.bs-component .panel-warning > .panel-heading{color:#fff;background-color:#3a3c47;border-color:#303139}
.bs-component .panel-warning > .panel-body{padding-left:5px;padding-right:5px;text-align:center}
.bs-component .panel-title{color:#fff;text-shadow:1px 1px 0 #000;font-size:1.4rem}
blockquote.blockquote-primary{border-color:#4a89dc}
blockquote.blockquote-success{border-color:#70ca63}
blockquote.blockquote-info{border-color:#3bafda}
blockquote.blockquote-warning{border-color:#f6bb42}
blockquote.blockquote-danger{border-color:#e9573f}
blockquote.blockquote-alert{border-color:#967adc}
blockquote.blockquote-system{border-color:#37bc9b}
blockquote.blockquote-dark{border-color:#3b3f4f}
.bs-component .alert{font-size:18px}
.bs-component .alert .close{pacity:.7;filter:alpha(opacity=70)}
.bs-component .alert-danger.alert-border-right{border-right-color:#ce3118}
.bs-component .alert-danger.alert-border-top{border-top-color:#ce3118}
.bs-component .alert-danger.alert-border-bottom{border-bottom-color:#ce3118}
.bs-component .alert-danger.alert-border-left{border-left-color:#ce3118}
.bs-component .alert-danger.light{background-color:#f19384}
.bs-component .alert-danger.dark{background-color:#e74b31}
.bs-component .alert-danger.pastel{color:#c52f17;background-color:#f9cfc8;border-color:rgba(0,0,0,0.1)}
.bs-component .alert-danger.pastel .alert-link{color:#c52f17}
.bs-component .alert-danger.pastel.alert-micro{border-color:#ee7f6d}
.bs-component .alert-danger.pastel .close{color:#c52f17}
.bs-component .alert-danger.pastel .close:hover{color:#c52f17}
.bs-component .alert-danger .https_text{font-size:17px;font-weight:600;color:#333;text-transform:uppercase;animation-name:blinker;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(1,0,0,1);animation-duration:1s}
@keyframes blinker {
from{opacity:1}
to{opacity:0}
}
.info_content p{color:#191919!important;font-size:16px;margin:5px}

/*********************************
    COOKIE
*********************************/
body div.cookiewarning{display:block}
body.cookiewarning div.cookiewarning{display:block}
body.cookiewarning .removecookie{display:none}
.modal-backdrop{z-index:-1}
.modal{text-align:center}
@media screen and (min-width: 768px) {
.modal:before{display:inline-block;vertical-align:middle;content:" ";height:100%}
}
.modal-dialog{display:inline-block;text-align:left;vertical-align:middle}
.modal-header{padding-top:7px;padding-bottom:7px}

/*********************************
    SIDE BAR IMAGE
*********************************/
.empty-collection{color:#333;height:100%;padding:2em;position:relative;text-align:center;display:block}

/************************
      MOBILE
************************/
/* --------------------------------

Main Page Content

-------------------------------- */
.cd-main-content .content-wrapper{padding:45px 5% 3em}
.cd-main-content .content-wrapper h1{text-align:center;padding:3em 0;font-size:2rem}
.cd-main-content::before{display:none;content:'mobile'}
@media only screen and (min-width: 768px) {
.cd-main-content .content-wrapper{margin-left:110px;padding-top:55px}
.cd-main-content .content-wrapper h1{padding:4em 0;font-size:3.2rem;font-weight:300}
.cd-main-content::before{content:'tablet'}
}
@media only screen and (min-width: 1170px) {
.cd-main-content .content-wrapper{margin-left:200px}
.cd-main-content::before{content:'desktop'}
}

/* -------------------------------
Header
-------------------------------- */
.cd-main-header::after{clear:both;content:"";display:table}
.cd-logo{float:left!important;display:block;margin:0}
.cd-logo img{display:block;width:65%;margin:0 auto;padding-top:5px}
svg:hover path{fill:#4fc1e9}
.cd-search.is-hidden{opacity:0}
.cd-search input:focus{outline:none}
.cd-search input,.cd-search input::-webkit-input-placeholder{font-size:12px;line-height:12px}
@media only screen and (min-width: 768px) {
.cd-search.is-hidden{opacity:1}
.cd-search input::-webkit-input-placeholder{color:#777c81;line-height:12px}
.cd-search input::-moz-placeholder{color:#777c81;line-height:12px}
.cd-search input:-moz-placeholder{color:#777c81;line-height:12px}
.cd-search input:-ms-input-placeholder{color:#777c81;line-height:12px}
}

/* --------------------------------
Top Navigation
-------------------------------- */
@media only screen and (min-width: 768px) {
.cd-nav{display:block;float:right;height:100%}
}
.cd-top-nav > li > a::before{display:none}
@media only screen and (min-width: 768px) {
.cd-top-nav{height:100%}
.cd-top-nav a{display:block;font-size:1.4rem;color:#fff}
.cd-top-nav > li{display:inline-block;margin-right:1em;height:100%}
.cd-top-nav > li:last-of-type{margin-right:0}
.cd-top-nav img{display:block}
}

/***********************
    toggle icons
***********************/
.c-hamburger{display:block;position:relative;overflow:hidden;margin:0;padding:0;width:96px;height:96px;font-size:0;text-indent:-9999px;appearance:none;box-shadow:none;border-radius:none;border:none;cursor:pointer;transition:background .3s;z-index:1050}
.c-hamburger:focus{outline:none}
.c-hamburger span{display:block;position:absolute;top:44px;left:18px;right:18px;height:8px;background:#fff}
.c-hamburger span::before,.c-hamburger span::after{position:absolute;display:block;left:0;width:100%;height:8px;background-color:#fff;content:""}
.c-hamburger span::before{top:-20px}
.c-hamburger span::after{bottom:-20px}
.c-hamburger--htx{background-color:#ff3264}
.c-hamburger--htx span{transition:background 0 .3s}
.c-hamburger--htx span::before,.c-hamburger--htx span::after{transition-duration:0.3s,.3s;transition-delay:0.3s,0}
.c-hamburger--htx span::before{transition-property:top,transform}
.c-hamburger--htx span::after{transition-property:bottom,transform}
.c-hamburger--htx.is-active{background-color:#cb0032}
.c-hamburger--htx.is-active span{background:none}
.c-hamburger--htx.is-active span::before{top:0;transform:rotate(45deg)}
.c-hamburger--htx.is-active span::after{bottom:0;transform:rotate(-45deg)}
.c-hamburger--htx.is-active span::before,.c-hamburger--htx.is-active span::after{transition-delay:0s,.3s}

/************************
      MYPAGE
************************/
.label{border-radius:0;text-shadow:none;font-size:12px;font-weight:400;padding:3px 5px;background-color:#abbac3!important}
.label-inverse,.badge-inverse{background-color:#333!important}
.label-warning{background-color:#f39c12!important}
.bg-gray{color:#000;background-color:#d2d6de!important}
.bg-gray-light{background-color:#f7f7f7}
.bg-black{background-color:#333!important}
.bg-soft-black{background-color:#43474e}
.bg-soft-black-line{border:1px solid #242A34!important}
.bg-red,.callout.callout-danger,.alert-danger,.alert-error,.label-danger,.modal-danger .modal-body{background-color:#dd4b39!important}
.bg-yellow,.callout.callout-warning,.alert-warning,.label-warning,.modal-warning .modal-body{background-color:#f39c12!important}
.bg-aqua,.callout.callout-info,.alert-info,.label-info,.modal-info .modal-body{background-color:#00c0ef!important}
.bg-blue{background-color:#0073b7!important}
.bg-light-blue,.label-primary,.modal-primary .modal-body{background-color:#3c8dbc!important}
.bg-green,.callout.callout-success,.alert-success,.label-success,.modal-success .modal-body{background-color:#00a65a!important}
.bg-navy{background-color:#001f3f!important}
.bg-teal{background-color:#39cccc!important}
.bg-olive{background-color:#3d9970!important}
.bg-lime{background-color:#01ff70!important}
.bg-orange{background-color:#FA7268!important}
.bg-fuchsia{background-color:#f012be!important}
.bg-purple{background-color:#605ca8!important}
.bg-maroon{background-color:#d81b60!important}
.bg-gray-active{color:#000;background-color:#b5bbc8!important}
.bg-black-active{background-color:#000!important}
.bg-red-active,.modal-danger .modal-header,.modal-danger .modal-footer{background-color:#d33724!important}
.bg-yellow-active,.modal-warning .modal-header,.modal-warning .modal-footer{background-color:#db8b0b!important}
.bg-aqua-active,.modal-info .modal-header,.modal-info .modal-footer{background-color:#00a7d0!important}
.bg-blue-active{background-color:#005384!important}
.bg-light-blue-active,.modal-primary .modal-header,.modal-primary .modal-footer{background-color:#357ca5!important}
.bg-green-active,.modal-success .modal-header,.modal-success .modal-footer{background-color:#008d4c!important}
.bg-navy-active{background-color:#001a35!important}
.bg-teal-active{background-color:#30bbbb!important}
.bg-olive-active{background-color:#368763!important}
.bg-lime-active{background-color:#00e765!important}
.bg-orange-active{background-color:#ef645a!important}
.bg-fuchsia-active{background-color:#db0ead!important}
.bg-purple-active{background-color:#555299!important}
.bg-maroon-active{background-color:#ca195a!important}
[class^="bg-"].disabled{opacity:.65;filter:alpha(opacity=65)}
.mypage-skin b.font-whiet{color:#fff}
.mypage-skin i.fa-telegram,#telegram-id-make i.fa-telegram{font-size:1.8rem;vertical-align:middle;color:#38a4d7}
#telegram-id-make i.fa-telegram{font-size:2.1rem}
.mypage-skin input.mypage-telegram{display:inline-block;vertical-align:middle;text-align:right;height:25px}


/************************
      HEADER TYPE
************************/
.padding-all-0{padding:0!important}
.padding-top-0{padding-top:0!important}
.padding-top-10{padding-top:10px!important}
.padding-left-5{padding-left:5px!important}
.padding-left-10{padding-left:10px!important}
.padding-left-15{padding-left:15px!important}
.padding-right-0{padding-right:0!important}
.padding-right-5{padding-right:5px!important}
.padding-right-10{padding-right:10px!important}
.padding-right-15{padding-right:15px!important}
.padding-bottom-10{padding-bottom:10px!important}
.padding-bottom-15{padding-bottom:15px!important}
.margin-none{margin:0}
.margin-top-5{margin-top:5px!important}
.margin-top-10{margin-top:10px!important}
.margin-top-15{margin-top:15px!important}
.margin-top-20{margin-top:20px!important}
.margin-bottom-15{margin-bottom:15px!important}
.position-relative{position:relative}
.width-30px{width:30px!important}
.width-100{width:100%!important}
.border-top-solid{border-top:solid #E6E6E6 1px!important}
.border-bottom-none{border-bottom:0!important}
.padding-bottom-10{padding-bottom:10px!important}
.bg-color-transparent{background-color:transparent!important}
.bg-color-white,.line-panel{background-color:#fff!important}
.inline-block{display:inline-block;zoom:1}
button[disabled],html input[disabled]{cursor:default}
.font-size-h4{font-size:16px!important}
.font-size-h6{font-size:12px!important}
.border-none{border:none!important}
.color-never{color:#f54948}
.non-cursor{cursor:default!important}
.text-center {text-align:center!important;}
.clear-both {display:block;float:none;clear:both;width:100%;}
.vertical-line{float:left;margin:0 7px;width:1px;height:16px;background:#ebeef3}
.bookmark-category {display: inline-block;background-color: #fff}
.bookmark-category{width:100%;border:1px solid #E6E6E6;border-radius:5px;text-align:center;padding:9px 0;color:#666;letter-spacing:-1px}
.bookmark-category.active{border:1px solid #ffd400;color:#ffd400}


/************************
      SIDE BANNER
************************/
#left_banner,#right_banner{width:150px;height:100%;z-index:500;position:fixed}
#left_banner a.left_banner_image,#right_banner a.right_banner_image{margin-bottom:5px}
#left_banner a.left_banner_image img,#right_banner a.right_banner_image img{width:100%;height:auto;border-radius:10px;margin-bottom:5px}

/************************
      Quick Menu
************************/
.quick-menu-area{position:absolute;height:100%;top:0;right:270px;z-index:10;border-right:1px solid #ddd}
#quick-menu-wrap{overflow:hidden;top:400px;z-index:1}
.quick-menu{padding:30px 0}
.quick-menu:nth-child(2n){background:#483430}
.quick-menu ul{margin:0;padding:0;list-style:none}
.quick-menu > ul > li:first-child{border-top-left-radius:3px;border-top:1px solid hsla(0,0%,87%,1)}
.quick-menu > ul > li:last-child{border-bottom-left-radius:3px}
.quick-menu li{position:relative;background:#efefef;border-left:1px solid hsla(0,0%,87%,1);border-bottom:1px solid hsla(0,0%,87%,1);transition:background .25s,color .25s;-moz-transition:background .25s,color .25s;-webkit-transition:background .25s,color .25s;-o-transition:background .25s,color .25s}
.quick-menu li#quick-go{position:relative;background:#efefef;border-left:1px solid hsla(0,0%,87%,1);border-bottom:1px solid hsla(0,0%,87%,1);transition:background .25s,color .25s;-moz-transition:background .25s,color .25s;-webkit-transition:background .25s,color .25s;-o-transition:background .25s,color .25s;display:none;}
.quick-menu li:hover{background:#fff}
.quick-menu li:hover span[class*="fa-"]{color:#fe5649}
.quick-menu a{display:inline-block;padding:5px 10px;cursor:pointer}
.quick-menu-item > ul{width:50px;transform:translateX(18px)}
.quick-menu-item span[class*="fa-"]{display:inline-block;color:#999;position:relative;left:0;transition:background .25s,color .25s;-moz-transition:background .25s,color .25s;-webkit-transition:background .25s,color .25s;-o-transition:background .25s,color .25s}
.quick-menu-item span.fa-pencil {color:hsla(0, 0%, 30%, 1);font-size:15px;}
.quick-menu-item span.fa-caret-down,.quick-menu-item span.fa-caret-up {font-size:18px;}
.quick-menu-item .quick-item{position:absolute;top:50%;right:99%;display:block;padding:2px 10px;color:#efefef;text-transform:uppercase;font-size:11px;letter-spacing:1px;white-space:nowrap;transform:translate(100%,-50%) translateZ(0);background:#393c42;border-radius:3px;border-left-color:#393c42;transition:all .3s ease-in-out;z-index:-2;opacity:0}
.quick-menu-item .quick-item:before{position:absolute;content:"";width:0;height:0;top:50%;left:100%;margin-top:-5px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:5px solid #efefef;border-left-color:inherit}
/*.quick-menu-item li:hover .quick-item{transform:translate(-10px,-50%);opacity:1}*/

#at-wrap {padding-right: 310px!important;}

@media (max-width: 991px) {
 .quick-menu-area {display: none;}
}

/*******************************
	Footer
*******************************/
.main-footer .info {margin:5px 0}
.main-footer .info p{margin:0;padding:.15em 0;font-size:.9em;line-height:1.5}

/************************
      Categori Color
************************/
.bg-boa{background-color:#df1731!important;color:#fafafa}
.bg-wondergirls{background-color:#c71584!important;color:#fafafa}
.bg-blackpink{background-color:#eea9bc!important;color:#232323}
.bg-wjsn{background-color:#FFA484!important;color:#232323}
.bg-beg{background-color:#373737!important;color:#fafafa}
.bg-tara{background-color:#f6e8ca!important}
.bg-sistar{background-color:#228B22!important}
.bg-mamamoo{background-color:#00BFFF!important}
.bg-ohmy{background-color:#9ADBE8!important}
.bg-dia{background-color:#e1523d!important}
.bg-ioi{background-color:#D8DAD9!important}
.bg-gugudan{background-color:#5b93cb!important;color:#fafafa}
.bg-pristin{background-color:#FFDE00!important}
.bg-dreamcatcher{background-color:#a08050!important;color:#fafafa}
.bg-momoland{background-color:#E40613!important}
.bg-clc{background-color:#fba2b4!important}
.bg-april{background-color:#FF69B4!important}
.bg-izone{background-color:#993366!important}
.bg-fromis{background-color:#876CA6!important}
.bg-sunmi{background-color:#F93DD2!important}

/************************
      Christmas
************************/
.text-fill-color-none {-webkit-text-fill-color:black;display:inline;}
.skin-red-light .main-header .logo.christmas {background: #1f303b;position:relative}
.snow{position:absolute;display:block;width:200px;top:-10px;left:50%;transform:translate(0,-50%)}
.flake1{position:relative;width:2px;height:2px;background:#fff;opacity:0;transform-origin:0 0;animation-name:Snow;animation-duration:2.5s;animation-iteration-count:infinite;animation-timing-function:linear;animation-fill-mode:forwards}
.flake2{position:relative;left:5px;width:2px;height:2px;background:#fff;opacity:0;transform-origin:0 0;animation-name:Snow;animation-duration:2.7s;animation-delay:.2s;animation-iteration-count:infinite;animation-timing-function:linear;animation-fill-mode:forwards}
.flake3{position:relative;left:-10px;width:2px;height:2px;background:#fff;opacity:0;transform-origin:0 0;animation-name:Snow;animation-duration:2.3s;animation-delay:.4s;animation-iteration-count:infinite;animation-timing-function:linear;animation-fill-mode:forwards}
.flake4{position:relative;left:25px;width:2px;height:2px;background:#fff;opacity:0;transform-origin:0 0;animation-name:Snow;animation-duration:2.7s;animation-delay:0;animation-iteration-count:infinite;animation-timing-function:linear;animation-fill-mode:forwards}
.flake5{position:relative;left:-25px;width:2px;height:2px;background:#fff;opacity:0;transform-origin:0 0;animation-name:Snow;animation-duration:2.4s;animation-delay:1s;animation-iteration-count:infinite;animation-timing-function:linear;animation-fill-mode:forwards}
.flake6{position:relative;left:9px;width:2px;height:2px;background:#fff;opacity:0;transform-origin:0 0;animation-name:Snow;animation-duration:2.7s;animation-delay:1.2s;animation-iteration-count:infinite;animation-timing-function:linear;animation-fill-mode:forwards}
.flake7{position:relative;left:-15px;width:2px;height:2px;background:#fff;opacity:0;transform-origin:0 0;animation-name:Snow;animation-duration:2.2s;animation-delay:1.2s;animation-iteration-count:infinite;animation-timing-function:linear;animation-fill-mode:forwards}
.flake8{position:relative;left:35px;width:2px;height:2px;background:#fff;opacity:0;transform-origin:0 0;animation-name:Snow;animation-duration:2.7s;animation-delay:1.4s;animation-iteration-count:infinite;animation-timing-function:linear;animation-fill-mode:forwards}
.flake9{position:relative;left:-35px;width:2px;height:2px;background:#fff;opacity:0;transform-origin:0 0;animation-name:Snow;animation-duration:2.4s;animation-delay:1s;animation-iteration-count:infinite;animation-timing-function:linear;animation-fill-mode:forwards}
.flake10{position:relative;left:-45px;width:2px;height:2px;background:#fff;opacity:0;transform-origin:0 0;animation-name:Snow;animation-duration:2.7s;animation-delay:.7s;animation-iteration-count:infinite;animation-timing-function:linear;animation-fill-mode:forwards}
.flake11{position:relative;left:-55px;width:2px;height:2px;background:#fff;opacity:0;transform-origin:0 0;animation-name:Snow;animation-duration:2.1s;animation-delay:2.2s;animation-iteration-count:infinite;animation-timing-function:linear;animation-fill-mode:forwards}
.flake12{position:relative;left:-50px;width:2px;height:2px;background:#fff;opacity:0;transform-origin:0 0;animation-name:Snow;animation-duration:2.2s;animation-delay:1s;animation-iteration-count:infinite;animation-timing-function:linear;animation-fill-mode:forwards}
.flake13{position:relative;left:40px;width:2px;height:2px;background:#fff;opacity:0;transform-origin:0 0;animation-name:Snow;animation-duration:2.7s;animation-delay:1.5s;animation-iteration-count:infinite;animation-timing-function:linear;animation-fill-mode:forwards}
.flake14{position:relative;left:-55px;width:2px;height:2px;background:#fff;opacity:0;transform-origin:0 0;animation-name:Snow;animation-duration:2.1s;animation-delay:1.5s;animation-iteration-count:infinite;animation-timing-function:linear;animation-fill-mode:forwards}
.flake15{position:relative;left:85px;width:2px;height:2px;background:#fff;opacity:0;transform-origin:0 0;animation-name:Snow;animation-duration:1.7s;animation-delay:1.1s;animation-iteration-count:infinite;animation-timing-function:linear;animation-fill-mode:forwards}
.flake16{position:relative;left:75px;width:2px;height:2px;background:#fff;opacity:0;transform-origin:0 0;animation-name:Snow;animation-duration:2.1s;animation-delay:1.5s;animation-iteration-count:infinite;animation-timing-function:linear;animation-fill-mode:forwards}
.flake17{position:relative;left:-98px;width:2px;height:2px;background:#fff;opacity:0;transform-origin:0 0;animation-name:Snow;animation-duration:1.6s;animation-delay:1.3s;animation-iteration-count:infinite;animation-timing-function:linear;animation-fill-mode:forwards}
.flake18{position:relative;left:-95px;width:2px;height:2px;background:#fff;opacity:0;transform-origin:0 0;animation-name:Snow;animation-duration:2s;animation-delay:1.1s;animation-iteration-count:infinite;animation-timing-function:linear;animation-fill-mode:forwards}
.flake19{position:relative;left:-75px;width:2px;height:2px;background:#fff;opacity:0;transform-origin:0 0;animation-name:Snow;animation-duration:1.8s;animation-delay:1.3s;animation-iteration-count:infinite;animation-timing-function:linear;animation-fill-mode:forwards}
.flake20{position:relative;left:-85px;width:2px;height:2px;background:#fff;opacity:0;transform-origin:0 0;animation-name:Snow;animation-duration:2.3s;animation-delay:1s;animation-iteration-count:infinite;animation-timing-function:linear;animation-fill-mode:forwards}

@keyframes Snow {
0% {
transform:translateY(0px);
opacity:0;
}
50% {
transform:translateY(25px);
opacity: 1;
}
100% {
transform:translateY(45px);
opacity: 0.3;
}
}

/************************
      RESPONSIVE
************************/
@media (min-width:768px) and (max-width:1352px) {
.responsive .top-search{display:none}
.responsive #nav-icon2.responsive-right-toggle img{display:none}
}
@media (min-width:768px) and (max-width:2100px) {
.responsive #nav-icon2.responsive-right-toggle img{display:none}
#nav-icon2.responsive-right-toggle img{display:none}
.skin-black .main-header .menuBtn-left img{position:relative;width:2.825em;height:2.85em;z-index:9999}
}
@media (max-width: 991px) {
.responsive .navbar-custom-menu > .navbar-nav > li{position:relative;margin-top:25%;margin-right:10px;margin-bottom:0;border:1px solid #fff;border-radius:0}
.responsive .navbar-custom-menu .navbar-nav > li > a{padding:0;display:inline-block;min-width:10px;font-weight:700;line-height:0;color:#fff;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:0;line-height:inherit!important}
.responsive .navbar-custom-menu .navbar-nav > li > a > div{line-height:0;line-height:0;padding:17px 11px!important}
.skin-black .main-header > .navbar .navbar-custom-menu .navbar-nav > li > a.messages-head .fa{padding:0;line-height:inherit;font-size:15px}
}
@media (max-width: 767px) {
.navbar .top-search{padding:7.5px 15px}
.navbar-nav .open #searchdropdown.dropdown-menu{position:absolute;float:none;width:auto;margin-top:0;background-color:#fff;border:0;-webkit-box-shadow:none;box-shadow:none}
.mobile-hidden{display:none}
.responsive .skin-black .main-header > .logo{width:175px;background-color:#000;position:relative;z-index:9999}
.responsive .skin-black .main-header > .logo:hover{background-color:#000}
.cd-logo img{display:block;width:65%;margin:0 auto;padding-top:5px}
.responsive .main-sidebar,.responsive .left-side{padding-top:65px}
.responsive .control-sidebar{padding-top:55px}
.responsive .cd-side-nav .top-search{border-top:0;box-shadow:none}
.responsive .top-search .navbar-form{border:0;box-shadow:none}
.responsive .toggle-append{position:relative;float:left;margin-left:3%}
input{font-size:16px!important}
.skin-black .main-header .menuBtn-left{margin-right:0}
}