html {position:relative;min-height:100%;}
body {background-color:#fbf7ef;color:#dec9a8;font-size:12px;height:100%;}
a {color:#e6ac0c;text-decoration:none !important;}
a:hover,h1,h2,h3,h4,h5,h6 {color:#333;}
input {font-family:"Microsoft Yahei",Simsun,sans-serif;font-size:14px;}
dl, ol, ul{list-style: none;}
h6 {font-size:1.5rem;margin-bottom: 1rem;font-weight: bold;}
hr{border-top: 1px solid #fff3de;margin-bottom: 1rem}
.block {margin:0 auto;padding:0;}
.clear {clear:both;}
.clear2 {clear:both;height:5px;}
.marg {margin:0 auto;width:1000px;clear:both;}
.l {float:left}
.r {float:right}
.pd-10{padding: 0 10px 20px;}
.row{margin: 0;}
.pd0{padding: 0;}
.mb-10{margin-bottom: 10px;}
.slo-text {color:#fff3de;font-size: 0.85rem;padding:5px;background: linear-gradient(to left, #ff2d2d, #bb3c00);}
.slo-text b, .sticky-footer b{color: #ffe277;}
.fr-top-link {border-top: 1px dashed #f1ece4;padding-top: 6px;}
.fr-top-link ul{margin: 3px 0;}
.fr-top-link ul li{display: inline-block; margin: 0 6px;}
.fr-top-link ul li.fir-li{color:#eb1600}
.fr-top-link ul li i{margin-right: 3px;}
.fr-top-link ul li a{color: #eb1600;font-size:0.85rem; padding: 2px 5px; border: 1px solid #eb1600;border-radius: 3px;}
.fr-top-link ul li a:hover{background-color: #eb1600;color: #fff;}
.title-name {font-size:2.5rem;color:#3b3b3b;font-weight:bold;}
#wrapper {display:-webkit-box;display:-ms-flexbox;display:flex;}
#wrapper #content-wrapper {overflow-x:hidden;width:100%;}
#wrapper #content-wrapper .container-fluid {padding:20px 30px 30px 180px;}
.sidebar-toggled #wrapper #content-wrapper .pl-px {padding-left:76px;}
.sidebar-toggled #wrapper #content-wrapper .container-fluid {padding-left:105px;}
.single-channel-page {padding:0px 0px 0px 225px;}
.sidebar-toggled .single-channel-page {padding:0px 0px 0px 90px;}
.single-channel-page .container-fluid {padding:30px 30px 30px !important;}
body.fixed-nav #content-wrapper {margin-top:56px;padding-left:90px;}
body.fixed-nav.sidebar-toggled #content-wrapper {padding-left:0;}
header{text-align: center;background-color:#fff;box-shadow:0px 3px 3px #eadbc4;}
footer.sticky-footer .container {margin-left:0;}
footer.sticky-footer .container .main-title .link{float: left;}
footer.sticky-footer .link-ul{display: block; margin:0;padding: 0.35rem 0;}
footer.sticky-footer .main-title > h6 {padding:0.5rem 0;margin:0;font-size: 1rem;float: left;margin:0;color:#e6ac0c}
.link-ul li{ display: inline-block; margin:0 5px 9px;}
.link li a{color: #ffdca7;font-size: 1rem; background-color:#af8843;padding:3px 7px;border-radius: 3px;}
.link li a:hover{color:#fff;background-color:#e6ac0c;}
.video-block .main-title a{color: #e6ac0c;position:absolute;top:0px;right:30px; border: #e6ac0c solid 1px; padding: 4px 6px;display: block;border-radius: 3px;}
.video-block .main-title a:hover{color: #343a40;border: #343a40 solid 1px; }
.btn-more{margin: 0px auto 30px;}
.btn-more a{font-size: 1rem; color: #e6ac0c;}
.btn-more a:hover{color: #343a40;}
.pl-px{padding-left: 155px;}
.carousel-login-card {padding:11px 0;}
.scroll-to-top {background:#343a4080 none repeat scroll 0 0;border-radius:70px !important;bottom:86px;color:#fff;display:none;height:50px;line-height:46px;position:fixed;right:15px;text-align:center;width:50px;}
.scroll-to-top:focus,.scroll-to-top:hover {color:white;}
.scroll-to-top:hover {background:#343a40;}
.scroll-to-top i {font-weight:800;}
.smaller {font-size:0.7rem;}
.o-hidden {overflow:hidden !important;}
.z-0 {z-index:0;}
.z-1 {z-index:1;}
.navbar-nav .form-inline .input-group {width:100%;}
.navbar-nav .nav-item.dropdown .dropdown-toggle::after {width:1rem;text-align:center;float:right;vertical-align:0;border:0;font-weight:900;content:'\f105';font-family:'Font Awesome 5 Free';}
.navbar-nav .nav-item.dropdown.show .dropdown-toggle::after {content:'\f107';}
.navbar-nav .nav-item.dropdown.no-arrow .dropdown-toggle::after {display:none;}
.navbar-nav .nav-item .nav-link:focus {outline:none;}
.navbar-nav .nav-item .nav-link .badge {border:medium none !important;border-radius:3px;font-size:9px;font-weight:700;height:15px;line-height:9px;min-width:15px;position:absolute;text-align:center;top:10px;right:0;}
.sidebar {width:70px !important;background:#3b3b3b;min-height:100%;z-index:9;padding:2px 0;position:fixed;}
.sidebar .nav-item:last-child {margin-bottom:1rem;}
.sidebar .nav-item .nav-link {font-size:14px;padding:12px 22px !important;text-align:center;width:70px;font-weight:bold;}
.sidebar .nav-item .nav-link:hover,.sidebar .nav-item.active .nav-link {background-color:#e6ac0c;}
.sidebar .nav-item .nav-link .fas {color:#ffffff;}
.sidebar .nav-item .nav-link span {display:inline;font-size:14px;margin:0 0 0 11px;}
.sidebar .nav-item .dropdown-menu {position:absolute !important;-webkit-transform:none !important;transform:none !important;left:calc(90px + 0.0rem) !important;margin:0;}
.sidebar .nav-item .dropdown-menu.dropup {bottom:0;top:auto !important;}
.sidebar .nav-item.dropdown .dropdown-toggle::after {display:none;}
.sidebar .nav-item .nav-link {color:#ffffff;}
.sidebar .nav-item .nav-link:active,.sidebar .nav-item .nav-link:focus,.sidebar .nav-item .nav-link:hover {color:#000000;}
.sidebar.toggled {width:0 !important;overflow:hidden;}

.search-input{max-width:1000px;background: #fff;padding: 7px;font-size: 16px;border-radius: 4px;outline: 0;width:100%;float:none; margin: 0.5rem auto 0.7rem ;border: 3px solid #dc9309;flex-wrap: nowrap;padding: 5px;}
.search-input input{max-width:1000px;width:100%; font-size: 16px;background: #fff;}
.search-input input:active, .search-input input:focus {background: #f5eddc;}
.btn-search {cursor: pointer;margin-left: -36px;padding: 0 10px;background-color: transparent;border: 1px solid transparent;border-radius: 4px;outline: none;color: #999;}
.search-result-text{text-align:center; padding:10px 0;}

.items-short a {display: inline-block;vertical-align: middle;border: 1px solid #171719;color: #171719;border-radius: 5px;padding: 5px 10px;font-size: 14px;font-weight: 400;line-height: 14px;margin: 2px 5px 2px 0;-webkit-transition: background .1s, color .1s;-o-transition: background .1s, color .1s;transition: background .1s, color .1s;}
.items-long a:hover, .items-short a:hover {background: #e6ac0c;color: #fff;border: 1px solid #e6ac0c;}

@media (min-width:768px) {.sidebar {height:100%;overflow:auto;position:fixed;width:155px !important;}
.sidebar .nav-item .nav-link {display:block;width:100%;text-align:left;padding:0.5rem;}
.sidebar .nav-item .nav-link span {display:inline;font-size:13px;margin:0 0 0 6px;}
.sidebar .nav-item .nav-link i { color:#8d8d8d; font-size: 0.5rem;}
.sidebar .nav-item .dropdown-menu {position:static !important;margin:0 1rem;top:0;}
.sidebar .nav-item.dropdown .dropdown-toggle::after {display:block;}
.sidebar.toggled {overflow:visible;width:76px !important;}
.sidebar.toggled .nav-item:last-child {margin-bottom:1rem;}
.sidebar.toggled .nav-item .nav-link {text-align:center;padding:0.75rem 1rem;width:76px;}
.sidebar.toggled .nav-item .nav-link span {margin:0;}
.sidebar.toggled .nav-item .nav-link span {font-size:0.65rem;display:block;}
.sidebar.toggled .nav-item .dropdown-menu {position:absolute !important;-webkit-transform:none !important;transform:none !important;left:calc(90px + 0.5rem) !important;margin:0;}
.sidebar.toggled .nav-item .dropdown-menu.dropup {bottom:0;top:auto !important;}
.sidebar.toggled .nav-item.dropdown .dropdown-toggle::after {display:none;}
.navbar-nav .form-inline .input-group {width:auto;}
.card-columns {-webkit-column-count:2;column-count:2;}
body.fixed-nav #content-wrapper {padding-left:225px;}
body.fixed-nav.sidebar-toggled #content-wrapper {padding-left:90px;}
.main-title > h6{font-size: 1.2rem;}
}
.sidebar.fixed-top {top:56px;height:calc(100vh - 56px);overflow-y:auto;}
.card-body-icon {position:absolute;z-index:0;top:-1.25rem;right:-1rem;opacity:0.4;font-size:5rem;-webkit-transform:rotate(15deg);transform:rotate(15deg);}
footer.sticky-footer {padding:15px;background-color:#3b3b3b;margin: 0 10px 15px; border-radius: 5px;}
footer.sticky-footer .copyright {line-height:1;font-size:0.8rem;}
footer.sticky-footer h6{color: #ffdca7;} 
body.sidebar-toggled footer.sticky-footer {width:100%;}
@media (min-width:576px) {body.sidebar-toggled footer.sticky-footer {width:calc(100% - 20px);}
.card-columns {-webkit-column-count:1;column-count:1;}
.m-notice, .m-not-fr{display: none;}
}

@media (min-width:1200px) {.card-columns {-webkit-column-count:2;column-count:2;}
}
:root {--input-padding-x:0.75rem;--input-padding-y:0.75rem;}
.card-login {max-width:25rem;}
.card-register {max-width:40rem;}
.form-label-group {position:relative;}
.form-label-group > input,.form-label-group > label {padding:var(--input-padding-y) var(--input-padding-x);height:auto;}
.form-label-group > label {position:absolute;top:0;left:0;display:block;width:100%;margin-bottom:0;/* Override default `<label>` margin */     line-height:1.5;color:#495057;border:1px solid transparent;border-radius:0.25rem;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;}
.form-label-group input::-webkit-input-placeholder {color:transparent;}
.form-label-group input:-ms-input-placeholder {color:transparent;}
.form-label-group input::-ms-input-placeholder {color:transparent;}
.form-label-group input::placeholder {color:transparent;}
.form-label-group input:not(:placeholder-shown) {padding-top:calc(var(--input-padding-y) + var(--input-padding-y) * (2 / 3));padding-bottom:calc(var(--input-padding-y) / 3);}
.form-label-group input:not(:placeholder-shown) ~ label {padding-top:calc(var(--input-padding-y) / 3);padding-bottom:calc(var(--input-padding-y) / 3);font-size:12px;color:#777;}

/* Head Nav */
.nav-con{width:100%; margin:0 auto; }
.sticky-top {z-index:99;}
.osahan-navbar-search .form-control {background:#eceff0 none repeat scroll 0 0;border:medium none;font-size:14px;max-width:607px !important;width:607px !important;}
.osahan-navbar-search {margin-right:84px !important;}
.osahan-navbar-search .btn {background:#eceff0 none repeat scroll 0 0;border:medium none;font-size:14px;padding:0 18px;}
.osahan-right-navbar .nav-link {padding:17px 13px !important;position:relative;}
.osahan-right-navbar {margin:0 7px 0 0;}
.user-dropdown-link img {border-radius:50px;height:30px;margin:-9px 2px -6px 0;width:30px;}
/* Sidebar */ .channel-sidebar-list {border-top:1px solid #ff516b;margin:6px 0 0;padding:7px 14px;}
.channel-sidebar-list h6 {color:#fff;font-size:14px;font-weight:600;margin-bottom:15px;margin-top:9px;}
.channel-sidebar-list ul {list-style:outside none none;margin:0;padding:0;}
.channel-sidebar-list ul li img {border-radius:50px;height:28px;margin:0 14px 0 0;width:28px;}
.channel-sidebar-list li a {color:#fff;display:inline-block;padding:6px 0;text-decoration:none;width:100%;}
.channel-sidebar-list li a .badge {float:right;margin:7px 0 0;}
.sidebar.toggled .nav-item .nav-link span {margin:0;}
.sidebar.toggled .channel-sidebar-list h6 {font-size:11px;}
.sidebar.toggled .channel-sidebar-list {padding:7px;text-align:center;}
.sidebar.toggled .channel-sidebar-list li img {display:list-item;margin:auto auto 4px;}
.sidebar.toggled .channel-sidebar-list li a {font-size:10px;font-weight:500;}
.sidebar.toggled .channel-sidebar-list li .badge {display:none;}
/* Customize Bootstrap */ .border-none {border:none;}
.bg-primary,.btn-primary,.btn-outline-primary:hover,.badge-primary {border-color:transparent !important;background:#ff516b;/* Old browsers */     background:-moz-linear-gradient(-45deg,#ff516b 0%,#826cfd 100%);/* FF3.6-15 */     background:-webkit-linear-gradient(-45deg,#ff516b 0%,#826cfd 100%);/* Chrome10-25,Safari5.1-6 */     background:linear-gradient(135deg,#ff516b 0%,#826cfd 100%);/* W3C,IE10+,FF16+,Chrome26+,Opera12+,Safari7+ */     filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff516b',endColorstr='#826cfd',GradientType=1 );/* IE6-9 fallback on horizontal gradient */}
.btn-outline-primary {border-color:#ff516b;color:#ff516b;}
.text-primary {color:#ff516b !important;}
.progress-bar {background-color:#ff516b;}
.bg-success,.btn-success,.btn-outline-success:hover,.badge-success {border-color:transparent !important;background:#4eda92;/* Old browsers */     background:-moz-linear-gradient(-45deg,#4eda92 1%,#56e0cb 100%);/* FF3.6-15 */     background:-webkit-linear-gradient(-45deg,#4eda92 1%,#56e0cb 100%);/* Chrome10-25,Safari5.1-6 */     background:linear-gradient(135deg,#4eda92 1%,#56e0cb 100%);/* W3C,IE10+,FF16+,Chrome26+,Opera12+,Safari7+ */     filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#4eda92',endColorstr='#56e0cb',GradientType=1 );/* IE6-9 fallback on horizontal gradient */}
.btn-outline-success {border-color:#4eda92;color:#4eda92;}
.text-success {color:#4eda92 !important;}
.bg-warning,.btn-warning,.btn-outline-warning:hover,.badge-warning {border-color:transparent !important;background:#ffc107;/* Old browsers */     background:-moz-linear-gradient(-45deg,#ffc107 1%,#fffc07 100%);/* FF3.6-15 */     background:-webkit-linear-gradient(-45deg,#ffc107 1%,#fffc07 100%);/* Chrome10-25,Safari5.1-6 */     background:linear-gradient(135deg,#ffc107 1%,#fffc07 100%);/* W3C,IE10+,FF16+,Chrome26+,Opera12+,Safari7+ */     filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc107',endColorstr='#fffc07',GradientType=1 );/* IE6-9 fallback on horizontal gradient */}
.btn-outline-warning {border-color:#ffc107;color:#ffc107;}
.text-warning {color:#ffc107 !important;}
.bg-danger,.btn-danger,.btn-outline-danger:hover,.badge-danger {border-color:transparent !important;background:#ff253a;/* Old browsers */     background:-moz-linear-gradient(-45deg,#ff253a 0%,#ff8453 100%);/* FF3.6-15 */     background:-webkit-linear-gradient(-45deg,#ff253a 0%,#ff8453 100%);/* Chrome10-25,Safari5.1-6 */     background:linear-gradient(135deg,#ff253a 0%,#ff8453 100%);/* W3C,IE10+,FF16+,Chrome26+,Opera12+,Safari7+ */     filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff253a',endColorstr='#ff8453',GradientType=1 );/* IE6-9 fallback on horizontal gradient */}
.btn-outline-danger {border-color:#ff253a;color:#ff253a;}
.text-danger {color:#ff253a !important;}
.bg-secondary,.btn-secondary,.btn-outline-secondary:hover,.badge-secondary {border-color:transparent !important;background:#9ba8aa;/* Old browsers */     background:-moz-linear-gradient(-45deg,#9ba8aa 0%,#92b4d2 100%);/* FF3.6-15 */     background:-webkit-linear-gradient(-45deg,#9ba8aa 0%,#92b4d2 100%);/* Chrome10-25,Safari5.1-6 */     background:linear-gradient(135deg,#9ba8aa 0%,#92b4d2 100%);/* W3C,IE10+,FF16+,Chrome26+,Opera12+,Safari7+ */     filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#9ba8aa',endColorstr='#92b4d2',GradientType=1 );/* IE6-9 fallback on horizontal gradient */}
.btn-outline-secondary {border-color:#9ba8aa;color:#9ba8aa;}
.text-secondary {color:#9ba8aa !important;}
.bg-info,.btn-info,.btn-outline-info:hover,.badge-info {border-color:transparent !important;background:#17a2b8;/* Old browsers */     background:-moz-linear-gradient(-45deg,#17a2b8 1%,#30def9 100%);/* FF3.6-15 */     background:-webkit-linear-gradient(-45deg,#17a2b8 1%,#30def9 100%);/* Chrome10-25,Safari5.1-6 */     background:linear-gradient(135deg,#17a2b8 1%,#30def9 100%);/* W3C,IE10+,FF16+,Chrome26+,Opera12+,Safari7+ */     filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#17a2b8',endColorstr='#30def9',GradientType=1 );/* IE6-9 fallback on horizontal gradient */}
.btn-outline-info {border-color:#17a2b8;color:#17a2b8;}
.text-info {color:#17a2b8 !important;}
.bg-dark,.btn-dark,.btn-outline-dark:hover,.badge-dark {border-color:transparent !important;background:#171b20;/* Old browsers */     background:-moz-linear-gradient(-45deg,#171b20 1%,#343a40 100%);/* FF3.6-15 */     background:-webkit-linear-gradient(-45deg,#171b20 1%,#343a40 100%);/* Chrome10-25,Safari5.1-6 */     background:linear-gradient(135deg,#171b20 1%,#343a40 100%);/* W3C,IE10+,FF16+,Chrome26+,Opera12+,Safari7+ */     filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#171b20',endColorstr='#343a40',GradientType=1 );/* IE6-9 fallback on horizontal gradient */}
.btn-outline-dark {border-color:#171b20;color:#171b20;}
.text-dark {color:#171b20 !important;}
.btn-light {border:medium none;}
.adblock {background:#eceff0 none repeat scroll 0 0;border-radius:2px;margin-bottom:1rem;padding:27px 10px;text-align:center;width:100%;}
.top-category .main-title > h6 {margin-bottom:10px;}
.right-action-link .fa {background:#fff none repeat scroll 0 0;border-radius:50px;box-shadow:0 0 6px #ececec;display:inline-block;height:20px;line-height:19px;margin:0 0 0 3px;text-align:center;width:20px;}
.dropdown-item.active,.dropdown-item:active {background-color:#eceff0 !important;color:#888888 !important;text-decoration:none;}
.form-control {background:#eceff0 none repeat scroll 0 0;border-color:#dcdfdf;border-radius:2px;font-size:13px;}
.custom-select {background-color:#eceff0;border-color:#dcdfdf;border-radius:2px;font-size:13px;}
.custom-checkbox .custom-control-label::before {border-radius:2px;}
.category-checkbox .custom-control {margin:0 0 6px !important;}
label {font-size:12px;font-weight:600;margin:0 0 5px;}
.btn {border-radius:2px;}
.btn-light {background:#f8f8f8 none repeat scroll 0 0;border-color:#d3d3d3;color:#828282;}
.dropdown-header {color:#333;padding:7px 13px;}
.dropdown-menu {border-radius:2px;margin:0;border-color:#eff2f3;}
.dropdown-menu .dropdown-item {color:rgba(0,0,0,0.5);font-size:12px;padding:6px 14px !important;}
.dropdown-divider {border-top:1px solid #eff2f3;}
.upload-video .fas {font-size:200px;}
.badge,.alert {border-radius:2px;}
.pagination .page-item .page-link {background:transparent none repeat scroll 0 0;border:medium none;color:#000;line-height:20px;}
.pagination .page-item.active .page-link {background:#e6ac0c none repeat scroll 0 0;border-radius:2px;color:#fff;height:30px;margin:0 7px;text-align:center;width:30px;}
.pagination .page-item.disabled .page-link {opacity:0.5;}
.pagination .wrap h1 {font-size:1rem;}
.modal-content {border:medium none;border-radius:2px;}
/* Category Slider */ .category-item img {background:#fff none repeat scroll 0 0;border-radius:50px;box-shadow:0 0 2px #ccc;height:60px;margin:1px 0 8px;object-fit:scale-down;transform:scale(1);width:60px;}
.category-item:hover img {transform:scale(1.09);transition-duration:0.4s;}
.category-item {background:#fff none repeat scroll 0 0;border-radius:2px;box-shadow:0 0 6px #ececec;margin:6px 2px;padding:24px 12px;text-align:center;}
.top-category .category-item {padding:10px 11px;}
.category-item h6 {font-size:13px;margin:5px 0 3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.category-item p {font-size:11px;font-weight:500;margin:0;}
/* Video Card */.video-block .mb-3 {margin-bottom:30px !important;}
.video-block .mb-2 {margin-bottom:25px !important; padding: 0 10px;}
.main-title h6 i{margin-right: 6px;}

.video-card-image {border-radius:5px 5px 0 0;overflow:hidden;position:relative;height:237px;}
.play-h{height:208px;}
.time {background:#daab00 none repeat scroll 0 0;border-radius:2px;bottom:5px;color:#fff;font-size:11px;font-weight:500;opacity:0.7;padding:0 6px;position:absolute;right:5px;}
.video-card:hover .time {opacity:unset;}
.video-card-image img {width:100%;height:100%;object-fit:cover;}
.play-icon {opacity:0;position:absolute;}
.play-icon .fas {bottom:0;height:40px;left:0;margin:auto;position:absolute;right:0;top:0;width:40px;}
.single-video-right{background-color: #fff; padding: 20px 0;}
.video-card:hover .play-icon {background:#000 none repeat scroll 0 0;border-radius:2px;bottom:0;color:#fff;font-size:35px;left:0;opacity:0.4;position:absolute;right:0;text-align:center;top:0;transition-duration:0.4s;}
.video-title a {color:#3b3b3b;font-weight:600;text-decoration:none;}
.video-title {margin-bottom:5px;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.video-page {font-size:11px;}
.video-view {color:#acacac;font-size:10px;font-weight:500;margin:2px 0 0;}
.video-card {background:#fff none repeat scroll 0 0;border-radius:5px; }
.video-card-body {padding:12px;}
.video-card-list .video-card-image {float:left;height:66px;width:101px;margin:0 10px 0 0;border-radius:5px;}
.video-card-list .video-card-body {padding:0;}
.video-card-list {background:transparent none repeat scroll 0 0;box-shadow:none;display:inline-block;margin-bottom:1rem;width:100%;}
.video-card-list .video-card-body .video-title a {font-size:13px;}
.video-card-list .video-card-body .video-title {line-height:17px;}
.video-card-list .video-card-body .right-action {opacity:0;}
.video-card-list:hover .video-card-body .right-action {opacity:unset;}
/* Channels Card */ .channels-card {background:#fff none repeat scroll 0 0;border-radius:2px;box-shadow:0 0 11px #ececec;padding:24px 12px;position:relative;text-align:center;transition-duration:0.4s;}
.channels-card::after {background:#dcdcdc none repeat scroll 0 0;border-radius:0 0 5px 6px;bottom:-4px;content:"";height:7px;left:15px;position:absolute;right:15px;z-index:-1;}
.channels-card:hover::after {background:#cccccc none repeat scroll 0 0;}
.channels-title a {color:#000;font-weight:500;text-decoration:none;}
.channels-view {color:#acacac;}
.channels-card-image .btn {font-size:12px;padding:3px 10px;}
.channels-card-image .btn strong {margin:0 0 0 5px;}
.channels-card-image img {background:#fff none repeat scroll 0 0;border-radius:50px;box-shadow:0 0 2px #ccc;height:80px;margin:1px 0 8px;object-fit:scale-down;transform:scale(1);width:80px;}
.channels-card-image-btn {margin:3px 0 7px;}
/* Login Pages */ .login-main-wrapper {background:#ff516b;/* Old browsers */     background:-moz-linear-gradient(-45deg,#ff516b 0%,#826cfd 100%);/* FF3.6-15 */     background:-webkit-linear-gradient(-45deg,#ff516b 0%,#826cfd 100%);/* Chrome10-25,Safari5.1-6 */     background:linear-gradient(135deg,#ff516b 0%,#826cfd 100%);/* W3C,IE10+,FF16+,Chrome26+,Opera12+,Safari7+ */     filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff516b',endColorstr='#826cfd',GradientType=1 );/* IE6-9 fallback on horizontal gradient */     height:calc(100vh - 0rem);}
.full-height {height:calc(100vh - 0rem);}
.login-main-left {margin:auto;max-width:335px;}
.login-main-right.bg-white {border-radius:2px;margin:auto;max-width:561px;}
.carousel-login-card h5 {font-size:18px;}
.login-main-wrapper .form-control {background:transparent none repeat scroll 0 0;}
.login-main-right .owl-theme .owl-controls .owl-page span {background:#dcdcdc;border-radius:50px;height:16px;margin:0 2px;opacity:unset;width:16px;}
.btn-lg {font-size:15px;padding:12px 16px;}
.login-main-right .owl-theme .owl-controls .owl-page.active span,.login-main-right .owl-theme .owl-controls .owl-page span:hover {background:#ff516b;/* Old browsers */     background:-moz-linear-gradient(-45deg,#ff516b 0%,#826cfd 100%);/* FF3.6-15 */     background:-webkit-linear-gradient(-45deg,#ff516b 0%,#826cfd 100%);/* Chrome10-25,Safari5.1-6 */     background:linear-gradient(135deg,#ff516b 0%,#826cfd 100%);/* W3C,IE10+,FF16+,Chrome26+,Opera12+,Safari7+ */     filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff516b',endColorstr='#826cfd',GradientType=1 );/* IE6-9 fallback on horizontal gradient */}
/* Upload Details */ .imgplace {background-color:#8781bd;border-radius:3px;height:94px;width:100%;}
.osahan-title {color:#000;font-weight:600;}
.osahan-size {font-size:11px;}
.osahan-progress .progress {border-radius:2px;height:8px;margin:14px 0;}
.osahan-close {position:absolute;right:18px;top:0;}
.osahan-desc {font-size:12px;opacity:0.7;}
/* Watch History */ .video-close {color:#fff !important;font-size:18px;position:absolute;right:6px;z-index:9999;}
.history-video .progress {border-radius:2px;font-size:9px;font-weight:700;height:13px;margin:12px 14px -4px 13px;}
/* Single Channel */ .single-channel-image {position:relative;}
.single-channel-nav .navbar {padding:0;}
.single-channel-nav {background:#fff none repeat scroll 0 0 !important;box-shadow:0 0 11px #ececec;padding:0rem 30px 0;}
.channel-brand {color:#000;font-size:16px;font-weight:bold;}
.single-channel-nav .nav-link {border-bottom:2px solid transparent;margin:0 12px;padding:14px 0 !important;}
.single-channel-nav .nav-item.active .nav-link,.single-channel-nav .nav-item .nav-link:hover {border-color:#ff516b;color:#ff516b;}
.single-channel-nav .navbar-nav {margin:0 0 0 40px;}
.channel-profile {bottom:0;left:0;padding:1rem 30px;position:absolute;right:0;}
.single-channel-image .img-fluid {width:100%;}
.channel-profile-img {background:#fff none repeat scroll 0 0;border:6px solid #fff;border-radius:50px;height:90px;width:90px;}
.social {color:#fff;float:right;margin:62px 0 0;}
.social a {background:#000 none repeat scroll 0 0;border-radius:2px;color:#fff;font-size:12px;font-weight:600;padding:5px 10px;}
/* Video Page */ .box {padding:15px;background:#fff none repeat scroll 0 0;border-radius:2px;}
.single-video-title h2 {font-size:18px;}
.single-video-title h2 a {color:#333;}
.single-video-author img {border-radius:50px;float:left;height:38px;margin:0 13px 0 0;width:38px;}
.single-video-author p {margin:0;padding:0;}
.single-video-info-content h6 {font-size:15px;font-weight:600;}
.tags span a {background:#ccc none repeat scroll 0 0;border-radius:2px;color:#fff;display:inline-block;padding:4px 9px;}
.tags span a:hover {background:#000 none repeat scroll 0 0;}
/* Footer */ 
.app img {background:#231f20 none repeat scroll 0 0;border-radius:3px;height:38px;margin:5px 0 0;object-fit:scale-down;padding:3px 4px;}
/* Mobile Media *//* Extra small devices (portrait phones,less than 576px) */ 
@media (max-width:575.98px) {
.m-fl {float:left}
.m-fr {float:right}
.main-title > h6{font-size: 1.2rem;}
.slo-text {padding:.9rem 0 0 0rem;color:#a9a9a9;}
.navbar-brand {padding-top:0;}
.title-name {font-size:1.5rem;color:#ffdca7;}
#wrapper #content-wrapper .container-fluid {padding-bottom:15px !important;padding-left:88px;padding-right:15px !important;padding-top:1rem !important;}
.sidebar .nav-item .nav-link {padding:5px 10px !important;}
.sidebar-toggled #wrapper #content-wrapper .container-fluid {padding-left:15px;}
.single-channel-page {padding:0 0 0 90px !important;}
.sidebar-toggled .single-channel-page {padding:0 !important;}
.single-channel-page .container-fluid {padding:30px 15px 15px !important;}
.single-video-author .float-right {float:none !important;margin:0 0 14px;}
.single-video-author {text-align:center;}
.single-video-author img {float:none;margin:0 0 5px;}
.tags span a {margin:0 0 3px;}
.sidebar .nav-item .nav-link span {margin:0 !important;}
.sidebar .channel-sidebar-list h6 {font-size:11px !important;}
.sidebar .channel-sidebar-list {display:none;}
.sidebar .nav-item .nav-link span {display:block;font-size:0.65rem;}
.video-card-image{height:auto}
.video-card-image img {width:100%;}
footer {padding:15px 0 !important;}
footer .text-right {text-align:center !important;}
.osahan-right-navbar .nav-link {font-size:0;padding:22px 5px !important;}
.osahan-right-navbar .nav-link span {display:none !important;}
.osahan-right-navbar .nav-link .fas {font-size:12px;}
#sidebarToggle {margin:3px 10px 0 0;}
.navbar-brand img {vertical-align:top;}
.owl-theme .owl-controls .owl-buttons div {margin:4px !important;}
.single-channel-nav {padding:15px;}
.channel-profile {padding:10px;position:relative;text-align:center;}
.social {display:none;}
.navbar-toggler {padding:1px 3px;}
.single-channel-nav .navbar-nav {margin:0;}
.single-channel-nav .nav-link {margin:0;}
.imgplace {margin-bottom:15px;}
.osahan-title {padding:0 25px 5px 0;}
footer.sticky-footer {margin-left:90px;}
.sidebar-toggled footer.sticky-footer {margin:0;}
}
/* @media (min-width:460px) and (max-width:520px){
.video-card-image{height:auto}
}
@media (min-width:400px) and (max-width:459px){
    .video-card-image{height:260px}
}
@media (min-width:360px) and (max-width:399px){
    .video-card-image{height:230px}
} */
/* Small devices (landscape phones,576px and up) */ @media (min-width:576px) and (max-width:767.98px) {
#wrapper #content-wrapper .container-fluid {padding-bottom:15px !important;padding-left:85px;padding-right:15px !important;padding-top:1rem !important;}
.sidebar .nav-item .nav-link {padding:8px 14px !important;}
.sidebar-toggled #wrapper #content-wrapper .container-fluid {padding-left:15px;}
.single-channel-page {padding:0 0 0 90px !important;}
.sidebar-toggled .single-channel-page {padding:0 !important;}
.single-channel-page .container-fluid {padding:30px 15px 15px !important;}
.container {max-width:100%;}
.tags span a {margin:0 0 3px;}
.video-card-image{height:200px}
.sidebar .nav-item .nav-link span {margin:0 !important;}
.sidebar .channel-sidebar-list h6 {font-size:11px !important;}
.sidebar .channel-sidebar-list {display:none;}
.sidebar .nav-item .nav-link span {display:block;font-size:0.65rem;}
.video-card-image img {width:100%;}
footer {padding:15px 0 !important;text-align:left;}
footer .text-right {text-align:right !important;}
.osahan-right-navbar .nav-link {font-size:0;padding:22px 5px !important;}
.osahan-right-navbar .nav-link .fas {font-size:12px;}
#sidebarToggle {margin:0 9px 0 0;}
.navbar-brand img {vertical-align:top;}
.owl-theme .owl-controls .owl-buttons div {margin:4px !important;}
.single-channel-nav {padding:15px;}
.channel-profile {padding:10px;position:relative;text-align:center;}
.social {display:none;}
.navbar-toggler {padding:1px 3px;}
.single-channel-nav .navbar-nav {margin:0;}
.single-channel-nav .nav-link {margin:0;}
.imgplace {margin-bottom:15px;}
.osahan-title {padding:0 25px 5px 0;}
.sidebar-toggled footer.sticky-footer {margin:0;}
#content-wrapper .pl-px{padding-left: 70px;}
#sidebarToggle{display: none!important;}
}

/* Medium devices (tablets,768px and up) */ @media (min-width:768px) and (max-width:991.98px) {
#wrapper #content-wrapper .container-fluid {padding-bottom:15px !important;padding-left:170px;padding-right:15px !important;padding-top:1rem !important;}
.sidebar .nav-item .nav-link {padding:8px 14px !important;}
.sidebar-toggled #wrapper #content-wrapper .container-fluid {padding-left:105px;}
.single-channel-page {padding:0 0 0 225px !important;}
.sidebar-toggled .sidebar .channel-sidebar-list {display:none;}
.sidebar-toggled .single-channel-page {padding:0 0 0 90px !important;}
.single-channel-page .container-fluid {padding:30px 15px 15px !important;}
.video-card-image{height:230px}
.video-card-image img {width:100%;}
.osahan-right-navbar .nav-link {font-size:0;padding:22px 5px !important;}
.osahan-right-navbar .nav-link .fas {font-size:12px;}
#sidebarToggle {margin:0 9px 0 0;}
.navbar-brand img {vertical-align:top;}
.owl-theme .owl-controls .owl-buttons div {margin:4px !important;}
.container {max-width:100%;}
.single-channel-nav {padding:15px;}
.channel-profile {padding:15px;}
.social {display:none;}
.navbar-toggler {padding:1px 3px;}
.single-channel-nav .navbar-nav {margin:0;}
.single-channel-nav .nav-link {margin:0;}
.osahan-navbar-search .form-control {width:auto !important;}
.osahan-navbar-search {margin-right:15px !important;}
.imgplace {margin-bottom:15px;}
.osahan-title {padding:0 25px 5px 0;}
}
/* Large devices (desktops,992px and up) */ @media (min-width:992px) and (max-width:1199.98px) {#wrapper #content-wrapper .container-fluid {padding-bottom:15px !important;padding-left:170px;padding-right:15px !important;padding-top:1rem !important;}
.sidebar .nav-item .nav-link {padding:8px 14px !important;}
.sidebar-toggled #wrapper #content-wrapper .container-fluid {padding-left:105px;}
.single-channel-page {padding:0 0 0 225px !important;}
.sidebar-toggled .sidebar .channel-sidebar-list {display:none;}
.sidebar-toggled .single-channel-page {padding:0 0 0 90px !important;}
.single-channel-page .container-fluid {padding:30px 15px 15px !important;}
.video-card-image img {width:100%;}
.osahan-right-navbar .nav-link {font-size:0;padding:22px 5px !important;}
.osahan-right-navbar .nav-link .fas {font-size:12px;}
#sidebarToggle {margin:0 9px 0 0;}
.navbar-brand img {vertical-align:top;}
.owl-theme .owl-controls .owl-buttons div {margin:4px !important;}
.container {max-width:100%;}
.single-channel-nav {padding:0 15px;}
.channel-profile {padding:15px;}
.social {display:none;}
.navbar-toggler {padding:1px 3px;}
.single-channel-nav .navbar-nav {margin:0 0 0 20px;}
.single-channel-nav .nav-link {margin:0 7px;}
.single-channel-nav .form-control,.single-channel-nav .btn-outline-success {display:none;}
.osahan-navbar-search .form-control {width:auto !important;}
.osahan-navbar-search {margin-right:15px !important;}
.sidebar-toggled .sidebar .channel-sidebar-list {display:none;}
}
/* Extra large devices (large desktops,1200px and up) */ @media (min-width:1200px) {.osahan-navbar-search .form-control {width:350px !important;}
.sidebar-toggled .sidebar .channel-sidebar-list {display:none;}
}
@media (min-width:1200px) and (max-width:1315px) {
.osahan-navbar-search .form-control {width:200px !important;}
}
.table.table-sm .div-pc{display:table-row-group;vertical-align:middle;border-color:inherit;}
.table.table-sm ul{padding-left:0;display:table-row;vertical-align:inherit;border-color:inherit;}
.ui-slide-block li{line-height:30px;text-align:center;float:left;border-bottom:1px solid #dedee94d;list-style-type:none;width:25%;padding:.3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.ui-slide-block-pc li,.ui-slide-block-pc-down li,.ui-slide-block-pc-down2 li{width:120px;font-size:14px;line-height:25px !important;padding:.3rem;vertical-align:top;float:left;border-bottom:1px solid #dee2e6;list-style-type:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
@media (max-width:768px){body.sidebar-toggled #block-slide{display:block !important}.navbar-brand{width:8rem;margin-right:0rem !important;}.table.table-sm ul{display:block;overflow:hidden;}}
.sidebar .nav-item .dropdown-menu{top:-100%!important}
.shadow_border{border:1px solid #000;padding:60px;width:100px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;-webkit-box-shadow:#666 0px 0px 10px;-moz-box-shadow:#666 0px 0px 10px;box-shadow:#666 0px 0px 10px}
.shadow_font{text-shadow:#f00 3px 3px 3px}
.nav_new{position:fixed;z-index:99;width:100%}
.ui-fix-top{position:fixed;left:0;right:0;top:0}
.ui-wrapper{margin-top:58px}
.ui-slide-block-pc,.ui-slide-block-pc-down2{background:#ff516b;display:none;position:fixed;z-index:100;margin-left:14.1rem;border-bottom:5px solid #ffbfef;border-right:5px solid #ffbfef}
.ui-slide-block-pc td,.ui-slide-block-pc-down2 td{width:120px;font-size:14px;line-height:25px !important}
.ui-slide-block-pc-down{display:none;position:fixed;z-index:100;margin-left:14.1rem;border-bottom:5px solid #a8f7ee;border-right:5px solid #a8f7ee}
.ui-slide-block-pc-down td{width:120px;font-size:14px;line-height:25px !important}
.ui-slide-block{background:#777777;display:none;position:sticky;position:fixed;z-index:100; padding-top: .6rem;}
.no-border{border-top:0px solid #dee2e6 !important}
#carouselExampleCaptions{display:none}
@media (max-width:768px){.owl-carousel-category{display:none !important}
#carouselExampleCaptions{display:block}
}

@media (max-width:576px) {
.m-pd0{padding: 0;}
.osahan-nav {position: fixed!important; width: 100%; background:#3b3b3b;display:block;height:3.35rem;padding-top:0.6rem;padding-left:0.3rem;}
.osahan-right-navbar .nav-link {color:#fff !important;}
button#sidebarToggle {background:rgba(255,255,255,0.2);float:right}
.ui-slide-block {position:fixed !important;z-index:99999 !important;}
.sidebar {display:none !important}
#wrapper #content-wrapper .container-fluid {padding:30px 30px 30px 121px;padding-left:15px; margin-top: 3.35rem;}
.pl-px, .sidebar-toggled #wrapper #content-wrapper .pl-px{padding: 0;  }
.nav-con .m-fl{margin-left: 15px;}
.table a{color: #eee;}
.ui-slide-block li{background:#3b3b3b;padding:0rem!important;width: 23.89%;margin: 0.15rem;}
body.sidebar-toggled #block-slide{margin-top: 3.35rem;}
.video-card-list{padding: 10px; background-color: #fff; border-radius: 5px;}
.play .video-card-list .video-card-image{border-radius:0px;}
.single-video-right{padding: 0; background-color: transparent;}

.slo-text, .fr-top-link{display:none;}
.m-not-fr{padding-bottom: 5px;}
.m-notice{padding: 8px 9px;border: 1px dashed #ff8f04;border-radius: 5px;background-color: #cdf99e;color: #733016;}
.m-notice b{color: #ff4700;}
.m-fr-link {border:0; display:block;overflow: hidden; margin: 2px 0 3px; padding:0 0 8px;}
.fr-top-link ul{margin: 0;}
.fr-top-link ul li{margin: 5px 3px;}
.fr-top-link ul li.fir-li{color:#d5b497}
.fr-top-link ul li i{margin-right: 3px;}

footer {padding-bottom:66px !important; margin: 0;}
footer .container{padding: 0;}
footer.sticky-footer {margin:0;background: none;}
footer.sticky-footer h6 {color: #c08e43;}
footer p{color: #c08e43; padding: 7px;border: 1px dashed #e0c8a4; border-radius: 5px;}
footer p small{display: inline-block;}
.link li a{color:#946926; background-color:#f3d2a0;padding:3px 7px;border-radius: 3px;}
.video-block{margin-bottom: 25px;}
.m-footer {background:#3b3b3b;position:fixed;bottom:0;height:50px;max-width:1024px;width:100%;z-index:111;display:block !important}
.m-footer a,.m-footer button {display:inline; float:left; width:25%;text-align:center;padding:8px 0;color:#ffffff;font-size:13px;}
.m-footer button {margin:0 !important;border:0 !important;background:transparent !important;}
.m-footer a#sidebarToggle {margin:0 !important;color:#ffffff;}
.m-footer a:hover,.m-footer a:active {color:#ffffff;}
.m-footer a i,.m-footer button i {display:block;font-size:20px !important;}
}

/* mm color style */
.mm{margin:0 0 12px;}
.mm-box ul li a:hover{background-color: #e6ac0c;}
.bor-color{border-color: #b97f27!important;}
.text-color{color: #fffff6;}
.text-color-100{color: #fff3de;}
.bg-color{background-color: #985005; }
.bg-color-200{background-color: #00050f; }
.bg-color-300{background-color: #cb6604; }