@media (min-width: 1600px){
    .container {width: 1380px;}
    .panel-default > .panel-body-dynamics{padding-bottom: 29px;}
}
@media (min-width: 1400px) and (max-width: 1600px){
    .container {width: 1300px;}
}

.w100 {width:100%;height:auto; margin:0 auto;}
.w-bg1{background: url('../../images/hffe2023/c1.jpg') 0 center no-repeat; background-size: 100% auto;}
.w-bg2{background: url('../../images/hffe2023/c2.jpg') 0 center no-repeat; background-size: 100% auto;}


.skin-white {padding-top: 80px;}
.container-toplink{opacity: 0;}
.toplink .list-links{height:40px; line-height: 40px;}
.toplink .list-links a+a:before {padding-right:9px;color: #ccc;content: "\007C";}
.toplink .list-links a:last-child{margin-right: 0;}

.navbar-inverse .navbar-nav > li > a {color: #caced2;}
.navbar-white {background-color: #fff;box-shadow: 0 1px 8px rgba(190, 190, 190, 0.9);}
.navbar-white .navbar-collapse{}
.navbar-white .dropdown-menu {border-radius: 5px;-webkit-box-shadow: 4px 7px 10px 0px rgba(83, 88, 93, 0.05);-moz-box-shadow: 4px 7px 10px 0px rgba(83, 88, 93, 0.05);box-shadow: 4px 7px 10px 0px rgba(83, 88, 93, 0.05);}
.navbar-white .dropdown-menu{min-width:100%;text-align: left;}

.container-fluid{position: relative;}

.navbar-inverse .navbar-nav .dropdown:hover > a {color: #fff;background-color: transparent;}


.navbar {border: none; margin-bottom: 20px;}

.navbar-nav li > a {font-size: 14px;}
.navbar-nav li > a h5 {overflow: hidden;text-overflow: ellipsis;}
.navbar-nav > li > a {font-size: 17px;padding:15px 10px;}
.navbar-nav ul.dropdown-menu {border-top: none;}
.navbar-nav ul.dropdown-menu > li.active > a {color: #007bff;background-color: #f5f5f5;}
.navbar-nav ul.dropdown-menu > li > a {padding: 8px 20px;}
.navbar-brand {padding: 10px 15px;}


.navbar-nav > li > a.nav_toggle{text-align: right;padding-right: 0;}
.navbar-toggle{font-size: 18px;padding:5px 7px;position:absolute;right:0; margin-right:5px; margin-top: 11px; border: none; text-align: right;}


.dropdown-submenu {position: relative;}
.dropdown-submenu > .dropdown-menu {top: 0;left: 100%;margin-top: 0;margin-left: -1px;-webkit-border-radius: 3px 0 3px 3px;-webkit-background-clip: padding-box;-moz-border-radius: 3px 0 3px 3px;-moz-background-clip: padding;border-radius: 3px 0 3px 3px;background-clip: padding-box;}
.dropdown-submenu:hover > .dropdown-menu {display: block;}

.dropdown-submenu > a:after {display: block;content: " ";float: right;width: 0;height: 0;border-color: transparent;border-style: solid;border-width: 5px 0 5px 5px;border-left-color: #ccc;margin-top: 5px;margin-right: -10px;}
.dropdown-submenu.pull-left {float: none;}
.dropdown-submenu.pull-left > .dropdown-menu {left: -100%;margin-left: 10px;-webkit-border-radius: 3px 0 3px 3px;-webkit-background-clip: padding-box;-moz-border-radius: 3px 0 3px 3px;-moz-background-clip: padding;border-radius: 3px 0 3px 3px;background-clip: padding-box;}

.navbar-collapse.collapse.in .navbar-nav .dropdown-submenu .dropdown-menu > li > a {padding-left: 45px;}


.navbar .navbar-form {position:relative;margin: 0;margin-top:21px;padding:0;border-top: none;border-bottom: none;}
.navbar .form-search input[type=search] {position:absolute;right:0;-webkit-appearance: textfield;font-family: inherit;font-size: 100%;}
.navbar .form-search input::-webkit-search-decoration,
.navbar .form-search input::-webkit-search-cancel-button {display: none;}
.navbar .form-search input[type=search] {background: url('../../images/hffe2023/search.png') no-repeat 10px center;background-size: 18px 18px;border-color: transparent;padding: 6px 10px;width: 34px;-webkit-background-clip: padding-box;-moz-background-clip: padding;background-clip: padding-box;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;height: inherit;cursor: pointer;box-shadow: none;color: transparent;}
.navbar .form-search input[type=search]:hover {background-color: #fff;}
.navbar .form-search input[type=search]:focus {border-color: #007bff;width: 280px;padding-left: 32px;color: #000;background-color: #fff;cursor: auto;-webkit-box-shadow: 0 0 5px #99caff;-moz-box-shadow: 0 0 5px #99caff;box-shadow: 0 0 5px #99caff;}
.navbar .form-search input[type=search]:focus::-moz-placeholder {color: #999;}
.navbar .form-search input[type=search]:focus::-webkit-input-placeholder {color: #999;}
.navbar .form-search input::-moz-placeholder {color: transparent;}
.navbar .form-search input::-webkit-input-placeholder {color: transparent;}

.navbar .serch-btn{background: url('../../images/hffe2023/search.png') no-repeat 10px center;background-size: 18px 18px;padding: 6px 16px;width: 34px;}


/*#content-containerss{width:1600px;}*/

.banners{width:auto;  margin:0 -15px;}
.swiper-slide a{display:block;width:100%;}
.swiper-slide .img-zoom{width:100%;}
.swiper-slide .img-zoom img{width:100%;height:auto;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom: 15px;left: 0;width: 100%;}

.swiper-pagination-bullet{background:rgba(255,255,255,.8);opacity:1}
.swiper-pagination-bullet-active{background-color:rgba(255,0,0,1);}

.swiper-button-prev,.swiper-button-next{display:none;width:50px;height:70px;background: rgba(0,0,0,.2);padding:15px; border-radius: 5px; background-size:70% 70%; background-position: 40% 40%; background-repeat: no-repeat;}
.swiper-button-prev{border-top-left-radius:0;border-bottom-left-radius:0;left:0;}
.swiper-button-next{border-top-right-radius:0;border-bottom-right-radius:0;right:0;}
.swiper-button-prev:hover,.swiper-button-next:hover{background-color: rgba(0,162,255,.6); color: #fff;}
.swiper-container:hover .swiper-button-prev,.swiper-container:hover .swiper-button-next{display:block;}

.swiper-container2 .swiper-slide a h2{ box-sizing: border-box;display:block; position: absolute; bottom: 0px;width:100%; margin:0;padding:0 10px; background: rgba(0,0,0,.6);line-height: 40px;color:#fff; font-size:16px;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination2{width:30%;left:70%;}
.swiper-pagination2 .swiper-pagination-bullet{width:10px;height:10px;}
.swiper-button-prev2,.swiper-button-next2{width:30px;height:45px;background-color: rgba(0,0,0,.6)}


.swiper-container3 .swiper-slide{width:16.66%; padding:0 15px;}
.swiper-container3 .swiper-slide a{display: block;}
.swiper-container3 .swiper-slide a img{width:100%;height:auto;}
.swiper-container3 .swiper-slide a h2{ box-sizing: border-box;display:block; position: absolute; bottom: 0px;width:100%; margin:0;padding:0 15px; background: rgba(0,0,0,.5);line-height: 40px;color:#fff; font-size:16px;white-space:nowrap;overflow: hidden;text-overflow: ellipsis; text-align: center;}
.swiper-container3 .swiper-slide a h2 span{float: right;display: none}

.swiper-pagination3{width:100%;margin-left: 20px; text-align: center; margin-top: 15px;}
.swiper-pagination3 .swiper-pagination-bullet{background:rgba(0,114,206,1);opacity:1; margin-right: 10px;}
.swiper-pagination3 .swiper-pagination-bullet.swiper-pagination-bullet-active{background:rgba(255,0,0,1);}

.swiper-button-prev3,.swiper-button-next3{width:30px;height:45px;background-color: rgba(0,0,0,.6)}
.swiper-button-prev3{border-top-left-radius:0;border-bottom-left-radius:0;left:15px;}
.swiper-button-next3{border-top-right-radius:0;border-bottom-right-radius:0;right:15px;}


.swiper-container4 .swiper-slide{width:16.66%; padding:0 15px;}
.swiper-container4 .swiper-slide a{display: block;}
.swiper-container4 .swiper-slide a img{width:100%;height:auto;}
.swiper-container4 .swiper-slide a h2{ box-sizing: border-box;display:block; position: absolute; bottom: 0px;width:100%; margin:0;padding:0 15px; background: rgba(0,0,0,.5);line-height: 40px;color:#fff; font-size:16px;white-space:nowrap;overflow: hidden;text-overflow: ellipsis; text-align: left;}
.swiper-container4 .swiper-slide a h2 span{float: right;}

.swiper-pagination4{width:100%;margin-left: 20px; text-align: center; margin-top: 15px;}
.swiper-pagination4 .swiper-pagination-bullet{background:rgba(0,114,206,1);opacity:1; margin-right: 10px;}
.swiper-pagination4 .swiper-pagination-bullet.swiper-pagination-bullet-active{background:rgba(255,0,0,1);}

.swiper-button-prev4,.swiper-button-next4{width:30px;height:45px;background-color: rgba(0,0,0,.6)}
.swiper-button-prev4{border-top-left-radius:0;border-bottom-left-radius:0;left:15px;}
.swiper-button-next4{border-top-right-radius:0;border-bottom-right-radius:0;right:15px;}


.index-list.panel-default > .panel-heading {border-bottom: 1px solid #d5d5d5;}
.index-list.panel-default > .panel-heading .panel-title {font-size: 20px;}
.index-list.panel-default > .panel-heading small {font-weight: normal;color: #afb0b2;font-size: 16px;padding-left: 10px;}
.index-list.panel-default > .panel-heading .more .fa{font-size: 24px;color: #999;}
.index-list.panel-default > .panel-heading .more:hover .fa{color:#007bff; }

.index-list .inner-list{margin-bottom: 0;}
.index-list .inner-list li {margin-bottom: 5px;padding-right: 50px;height: 38px;line-height: 38px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;position: relative;}
.index-list .inner-list li:last-child{margin-bottom: 0;}
.index-list .inner-list li a {font-size:16px;color: #616161;}
.index-list .inner-list li a:hover {color: #007bff;}
.index-list .inner-list li a .fa{padding-right: 7px;}
.index-list .inner-list li span {position: absolute;right: 0;color: #999;}

.index-list .link_list a{display: inline-block;width:100%; background:rgba(255,255,255,1); border-radius: 7px; padding: 10px 0;  color: #666; margin-bottom: 15px; text-align: center;}
.index-list .link_list a i{display: block;font-size:34px;}
.index-list .link_list a img{height:34px;width:auto;}
.index-list .link_list a span{ display: block; margin-top: 10px; text-align: center; line-height: 18px;}
.index-list .link_list a:hover{background:rgba(0,0,0,.3);color: #fff;}

.videoindexlist .mb-4:last-child{margin-bottom: 0;}

.panel-title .channellist a{ margin-right: 5px;}
.panel-title .channellist a+a:before {padding-right:9px;color: #ccc;content: "\007C";}
.panel-title .channellist a:last-child{margin-right: 0;}

.article-list .article-title a {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.media-number{position: relative;}
.media-number .media-body{position: absolute;top:0;width:100%;padding-left:36px;}
.media-number .media-body a.link-dark{display:inline-block;width:100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.pager .pagination {margin: 0;}
.pager .pager {margin: 0;}
.pager a {margin: 0 .4em;display: inline-block;}
.pager a:first-child > a,
.pager a:last-child > a,
.pager a:first-child > span,
.pager a:last-child > span {padding: .5em 1.2em;}
.pager a,
.pager span {background: none;border: 1px solid #e6e6e6;border-radius: 0.25em;padding: .5em .93em;font-size: 14px;}
.pager span{z-index: 3;color: #fff;cursor: default;background-color: #337ab7;border-color: #337ab7;}
.pager a:hover{background-color: #f5f5f5;}

.article-user-list{}
.article-user-list .user-media{ border-bottom:1px solid #f5f5f5;padding:10px 0;}
.article-user-list .user-media .media-user-title{width:10%;font-size: 16px; font-weight: 400;}
.article-user-list .user-media .media-user-userpostion{width:30%;font-size: 16px;opacity: .7}
.article-user-list .user-media .media-user-jobs{width:60%;font-size: 14px;opacity: .7}

footer {padding: 0;background: #1f2730;color: #fff;}
footer a {color: #fff;}
footer a:hover {color: #007bff;}

.footer-inner {padding: 2em 0;}
.footer-inner .copyright {margin-bottom: 20px !important;line-height: 1.5;}
.footer-inner .footer-logo a {padding: 15px 0;background: none;font-size: 40px;font-weight: 700;}

.footer-inner .list-unstyled{margin-left: 9px;}
.footer-inner .list-unstyled li{line-height: 30px;}
.footer-inner .list-unstyled li .fa{margin-right: 10px;color: #c1c1c1;}

.footer-inner .links {padding: 0;margin: 0 0 20px 0;}
.footer-inner .links li {list-style: none;padding: 5px 0;}
.footer-inner .links li a:hover {text-decoration: underline;}

.footer-inner .footer-social {text-align: right;margin-top: 30px;}
.footer-inner .footer-social a {display:inline-block;margin:0 0 0 30px;margin-bottom: 10px;font-size: 16px; text-align: center;}
.footer-inner .footer-social a img{width:150px;height: 150px; border: 4px solid #ffffff;border-radius: 4px;}
.footer-inner .footer-social a p{margin-top: 10px;}



.breadcrumb>li+li:before {padding: 0;color: #ccc;content: "";}
.breadcrumb>li+li+li:before {padding: 0 3px;color: #ccc;content: "/\00a0";}

@media (min-width: 768px) {
    .navbar-default .navbar-brand {height: 70px;line-height: 27px;}
    .navbar-default .navbar-nav > li > a {height: 60px; margin-top:10px;line-height: 27px;}
    .navbar-white .navbar-nav > li > a {height: 60px; margin-top:10px;line-height: 27px;color: #333;}
    .navbar-white .navbar-nav > li > a:hover,
    .navbar-white .navbar-nav > li > a:focus {color: #007bff;}
    .navbar-white .navbar-nav > .active > a,
    .navbar-white .navbar-nav > .active > a:hover,
    .navbar-white .navbar-nav > .active > a:focus {background-color: inherit;color: #007bff;}
}
@media (hover: hover) {
    .dropdown a:hover + .dropdown-menu {display: block;margin-top: 0;box-shadow: 4px 7px 10px 0px rgba(190, 190, 190, 0.9);}
}
.alert-paid {margin: 10px 0;text-align: center;}
.alert-paid a {color: #f39c12;}


@media (min-width: 1200px) and (max-width: 1400px) {
    .navbar-nav > li > a {font-size: 16px;padding:15px 9px;}
    .index-list .inner-list li {height: 32px;line-height: 32px;}
    .index-list .inner-list li a {font-size:15px;}
}
@media (min-width: 992px) and (max-width: 1200px) {
    .navbar-header {width: 50px;overflow: hidden;}
    .navbar-nav > li > a {font-size: 16px;padding:15px 10px;}
    .index-list .inner-list li {height: 26px;line-height: 26px;}
    .index-list .inner-list li a {font-size:14px;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .navbar-header {width: 50px;overflow: hidden;}
    .navbar-nav > li > a {font-size: 16px;padding:15px 5px;}
    .navbar-nav li >  a .caret {display: none;}
    #toplink{display: none;}
}

@media (min-width: 979px) {
    ul.nav li.dropdown:hover > ul.dropdown-menu {display: block;}
    .link_list .col-md-1{padding:0 10px;}
}


@media (max-width: 991px) {
    .videoindexlist{margin-top: 15px;margin-left: -15px;margin-right: -15px;}
    .videoindexlist .mb-4{box-sizing: border-box; width:33%;padding:0 15px;float: left;}
}

@media (max-width: 767px) {
    .skin-white {padding-top: 70px;}
    .container-toplink{display: none;}
    .navbar-nav > li >  a .caret {display: inline-block;}
    .navbar-nav > li > a {font-size: 16px;}
    .navbar-brand {padding: 7px 10px;height:60px;}

    ul.dropdown-menu {position: relative;width: 100%; }
    ul.dropdown-menu .open > a,
    ul.dropdown-menu .open > a:hover,
    ul.dropdown-menu .open > a:focus {background: none;color: #9d9d9d;}
    ul.dropdown-menu > .dropdown-menu {position: relative;width: 100%;margin: 0;}

    .navbar-nav .open .dropdown-menu > li{width:45%;float: left;}
    .navbar-nav .open .dropdown-menu:after {display: block;content: " ";width: 0;height: 0;clear: both;}

    .navbar-nav .open .dropdown-menu > li > a {line-height: 22px;}
    .navbar-nav .open .dropdown-menu {position: relative;width: 100%;margin: 0;left: 0;background: #404950;}
    .navbar-nav {margin: 8.25px 0;}

    .dropdown-submenu > a:after {display: none;}
    .dropdown:not(.open):hover > .dropdown-menu {display: none;}


    .navbar .navbar-collapse {position: fixed;top: 60px;overflow: auto;z-index: 9999;background: #fff;box-shadow: 10px 0 10px rgba(0, 0, 0, 0.06);max-height: inherit;height: 100vh;transition: .5s;width: 60%;margin-left: -90%;margin-right: 0;display: block;}
    .navbar .navbar-collapse > ul.navbar-nav {margin: 15px 0;}
    .navbar .navbar-collapse > ul.navbar-nav > li {margin-bottom: 2px;}
    .navbar .navbar-collapse > ul.navbar-nav li > a b.caret {position: absolute;right: 15px;top: 50%;margin-top: -2px;}
    .navbar .navbar-collapse > ul.navbar-nav li ul.dropdown-menu {border-radius: 0;}
    .navbar .navbar-collapse.active {display: block;margin-left: -15px;}
    .navbar .navbar-collapse-bg {position: fixed;top: 60px;overflow: hidden;z-index: 998;background: transparent;height: 100vh;width: 100%;display: block;}

    .navbar-form {margin: 0;border-top: none;border-bottom: none;}
    .navbar-userinfo {padding: 0;}
    .navbar-userinfo > a {height: 50px;}

    .navbar .form-search input[type=search] {position: relative;width: 100%;border: 1px solid #ddd;}
    .navbar .form-search input[type=search]:focus {width: 100%;}

    .swiper-button-prev,.swiper-button-next{display: none;}


    .article-user-list .user-media .media-user-title{width:30%;}
    .article-user-list .user-media .media-user-userpostion{width:70%;}
    .article-user-list .user-media .media-user-jobs{display: none;}

    .product-item .card .thumb .quickview-link {opacity: 1;visibility: visible;transform: scale(1);-webkit-transform: scale(1);}
    .product-item .card .thumb > .quickview-link .fa{font-size: 40px;}

    .footer-inner {padding: 0; text-align: center}
}