@charset "utf-8";


@font-face {
  font-family: 'AvenirNextLTPro-Bold';
  src:url('../fonts/AvenirNextLTPro-Bold.otf');
}

@font-face {
  font-family: 'AvenirNextLTPro-Regular';
  src:url('../fonts/AvenirNextLTPro-Regular.otf');
}

@font-face {
  font-family: 'Roboto';
  src:url('../fonts/RobotoCondensed-Regular.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto-Bold';
  src:url('../fonts/RobotoCondensed-Bold.ttf');
  font-size: 900;
}

@font-face {
  font-family: 'Avenir';
  src:url('../fonts/Avenir-Roman-8.ttf');
}

@font-face {
  font-family: 'Montserrat';
  src:url('../fonts/Montserrat-Bold-3.otf');
}

body { /* font-family: 'Roboto-Bold',Arial; */ font-family: 'Roboto-Bold','MHeiHK','微軟正黑體',Arial,Verdana, sans-serif; font-size: 0.875rem; color: #000;}
@media(min-width: 768px){
body{font-size: 1rem;}
}
header { position: fixed; top: 0; z-index: 99999; width: 100%; background-color: #fff; box-shadow: 0 2px 10px rgba(0,0,0,.2);}
.header-inner { position: relative; display: flex; align-items: center; }

@media (min-width: 1400px){
.container { max-width: 1380px; }
}

/* header-top */
.header-top{background-color: #1B9B84;}
.header-top-box{max-width: 1400px; padding: 6px 15px; display: flex; align-items: center;}
.header-top-left{display: flex; align-items: center; width: 75%;}
.top-hk-icon{margin-right: 15px;}
.top-links{font-family: 'roboto',Arial,Verdana, sans-serif; }
.top-links a{ text-transform: uppercase; font-size: 18px; line-height: 21px; color: #fff; font-weight: normal; font-style: normal;}
@media (min-width:1440px) {
    .top-links a{margin: 0 15px;}
}
@media (min-width:1024px) {
    .top-links a{margin: 0 10px;}
}
@media (max-width:992px) {
    .top-links a{margin: 0 8px;}
}
.header-top-right{width: 25%; display: flex; align-items: center; justify-content: flex-end;}
.lang{display: flex; align-items: center; position: relative;}
.lang .lang-ico{display: block; width: 16px; height: 16px; background: url(../images/lang-ico.png) no-repeat center; margin-right: 12px;}
.lang-selected1{color: #fff;}
.lang-selected1:hover{color: #28008A;}
.lang .lang-down1{position: absolute; top: 100%; left: 25px; z-index: 999; display: none; width: 60px; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.2); border-bottom-left-radius:4px; border-bottom-right-radius: 4px;}
.lang .lang-down1 a{padding: 6px 0; width: 80px; border-bottom: 1px solid #ccc; color: #333; width: 100%; display: flex; justify-content: center;}
.lang .lang-down1 a:last-child{border-bottom: none;}
.lang .lang-down1 a:hover{color: #28008A;}
.top-donate{ margin: 0 20px; font-family: 'roboto',Arial,Verdana, sans-serif; font-size: 18px; color: #A93338; border-bottom: 2px solid #A93338; font-weight: bold; }
.top-donate:hover{color: #fff; border-bottom: 2px solid #fff;}
.top-login{font-family: 'roboto',Arial,Verdana, sans-serif; text-transform: uppercase; padding: 4px 12px; color: #fff; background-color: #A93338;}
.top-login:hover{color: #fff;}


/* header-bottom */
.header-bottom{width: 100%;}
.header-bottom-top{display: flex; justify-content: space-between; border-bottom: 1px solid #2f2f2f; padding: 10px 0;}
.header_info{display: flex; align-items: center; }
.header_info a{font-weight: 900; font-size: 18px; color: #2F2F2F; line-height: 21px;}
.header_info b{font-family: 'roboto',Arial,Verdana, sans-serif;}
.header_info a:hover{color: #A93338;}

.mx-auto { display: block; }

a{text-decoration: none;color:#252525;}
a:hover,a:focus {text-decoration: none !important;}
a,input,button {outline: none!important;}
.editor {overflow: hidden;}
.editor img {display: inline-block;max-width: 100%!important;height: auto!important;}
.editor iframe {max-width: 100%;}
.editor table {max-width: 100%!important;}

/*logo*/
.logo { width: 100px; height: auto; margin: 10px 0; }
/* @media(min-width: 768px) {
.logo { height: 70px; }
}
@media(min-width: 992px) {
.logo { height: 80px; }
}
@media(min-width: 1400px) {
.logo { height: 100px; }
} */

.header-bottom-con{max-width: 100%; display: flex; justify-content: center;}


/*nav*/
.box-menu {}

.box-menu li {position: relative;}
.box-menu > ul > li { padding: 0 10px; }
.box-menu > ul > li:last-child { padding-right: 0; }
.box-menu > ul > li > a { font-size:14px;color: #86b300; display: block; padding: 5px; }
@media(min-width: 992px) {
.box-menu > ul > li > a { padding: 3px; margin:5px 0; }
}
@media(min-width: 1200px) {
.box-menu > ul > li > a { padding: 5px;}
}
@media(min-width: 1400px) {
.box-menu > ul > li > a { font-size: 16px; padding:5px 8px;}
}
.box-menu > ul > li.dropdown:after {
  width: 0;
  height: 0;
  position: absolute;
  bottom: 0;
  content: '';
  left:50%;
  margin-left:-4px;
}
.box-menu > ul > li:last-child > a {  }
.box-menu > ul { margin-bottom: 0; }
.box-menu > ul > li {text-align:center;float:left;position: relative;/* transition:all 0.6s;-moz-transition:all 0.6s;-webkit-transition:all 0.6s; */}
.box-menu > ul > li.active, .box-menu > ul > li.selected, .box-menu > ul > li:hover {  }
.box-menu > ul > li > a > span { color: #000; font-family: 'Roboto'; font-weight: 900; }
@media(min-width: 1200px) {
.box-menu > ul > li > a > span {  }
}
.box-menu > ul > li.active > a, .box-menu > ul > li.selected > a, .box-menu > ul > li:hover > a {}
.box-menu > ul > li.active > a > span, .box-menu > ul > li.selected > a > span, .box-menu > ul > li:hover > a > span { color: #28008A;}
.box-menu > ul > li > ul { position: absolute; top: 90%; padding-top: 20px; left: -5px; z-index: 99999; background-color: #fff; padding: 0 10px;
     box-shadow: 0 10px 10px rgba(0,0,0,.1);
     opacity: 0;
     width: 200px;
     pointer-events: none;
filter: alpha(opacity=0); 
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out; 
}
@media(min-width: 1600px) {
.box-menu > ul > li > ul { left: 5px; }
}
.box-menu > ul > li > a > span:hover > ul { opacity: 1; }
.box-menu > ul > li ul li { text-align: left; padding: 8px 10px; border-bottom: solid 1px #efefef; }
.box-menu > ul > li ul li:last-child { border-bottom: none; }
.box-menu > ul > li ul li a { min-width: 140px; font-family: 'Roboto'; font-weight: bold; white-space: nowrap; color: #252525; }
.box-menu > ul > li ul li:last-child a { border-bottom: none; }
.box-menu > ul > li ul li a:hover, .box-menu > ul > li ul li a.active{ color: #28008A; }
.box-menu > ul > li.selected > ul {/* display: block; */
        opacity: 1;
        filter: alpha(opacity=100);
        pointer-events: auto;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        transform: translateY(0px);
}
.box-menu>ul>li>ul {
    position: absolute;
    top: 100%;
    /* padding-top: 20px; */
    left: -5px;
    z-index: 99999;
    background-color: #fff;
    /* padding: 0 10px; */
    opacity: 0;
    pointer-events: none;
    filter: alpha(opacity=0);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

@media(min-width: 1600px) {
    .box-menu>ul>li>ul {
        left: 0px;
    }
}
.box-menu>ul>li>a>span:hover>ul {
    opacity: 1;
}

.box-menu>ul>li ul li {
    text-align: left;
}

.box-menu>ul>li ul li:last-child {
    border-bottom: none;
}

.box-menu>ul>li ul li a {
    min-width: 180px;
    display: block;
    white-space: nowrap;
}
.box-menu>ul>li ul li:last-child a {
    border-bottom: none;
}
.box-menu>ul>li>ul>li{ position: relative;}
.box-menu>ul>li ul li a:hover,
.box-menu>ul>li ul li a.active {color: #28008A;}
.box-menu li li{float: none;}
.box-menu li li:hover{color: #28008A;}
.box-menu li li ul{display: none;}
.box-menu li:hover > ul {display: block;}
.box-menu li li ul{position: absolute;width: 180px; top: 0%;left: 190px;background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.2);font-family: 'Roboto'; font-weight: bold; }
.box-menu li:hover > a{color: #28008A;}

/* mobile menu */
.st-menu { background-color: #28008A; }
.st-menu ul li a { color: #fff; font-family: 'Roboto'; }

.mobile-menu-btn { float:right; margin-left: 0px; }

.menu-mobile {  }
.menu-mobile .menu-mobile-title {height: 36px;position: relative;}
.menu-mobile .button-close-menu{position: absolute;right:8px;top:8px;color:#fff;cursor: pointer;}
.menu-mobile .button-close-menu:hover {color:#292929;}
.menu-mobile .button-close-menu i {font-size: 20px;}
.menu-mobile .mobile-more {display: inline-block;width: 18px;height: 18px;position: absolute;top:20px;right:8px;font-size: 18px;color:#fff;cursor: pointer;text-align: center;
  -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out; 
}
.menu-mobile ul li.mobile-sub-open > .mobile-more {transform:rotate(180deg);}
.menu-mobile .mobile-more i{font-size: 18px;}
.menu-mobile .menu-mobile-content > li .dropdown-menu {position: static;}
.menu-mobile .mobile-dropdown-menu {margin-left:0!important;padding:0;display: none;}
.menu-mobile .mobile-sub-open > .mobile-dropdown-menu {display: block;}
.menu-mobile .mobile-dropdown-menu a {padding-left: 30px;text-decoration: none;}
.menu-mobile .mobile-dropdown-menu ul a{padding-left:50px;}
.menu-mobile .mobile-dropdown-menu ul ul a{padding-left:70px;}
.menu-mobile a:link, .menu-mobile a:visited, .menu-mobile a:hover, .menu-mobile a:active {text-decoration: none;}
.menu-mobile ul li li, .menu-mobile .see-all, .menu-mobile ul ul ul ul > li { background: #4921ab; }
.menu-mobile ul li:hover, .menu-mobile ul li.mobile-sub-open {
  background: rgba(0,0,0,0.1);
  box-shadow: inset 0 -1px rgba(0,0,0,0);
  color: #fff;
} 
.menu-mobile ul ul ul > li {
  background: #6c9045;
}


.btn-ud {
  color: #fff!important;
  padding: 6px 10px;
  border-radius: 0;
}
.btn-ud .fa-bars{font-size: 22px;}
.btn-ud:focus,
.btn-ud.focus {
  color: #fff;
  background-color: #1B9B84;}
.btn-ud:hover {
  color: #fff;
  background-color: #1B9B84;
}
.btn-ud:active,
.btn-ud.active,
.open > .dropdown-toggle.btn-ud {
  color: #fff;
  background-color: #1B9B84;
}
.btn-ud:active:hover,
.btn-ud.active:hover,
.open > .dropdown-toggle.btn-ud:hover,
.btn-ud:active:focus,
.btn-ud.active:focus,
.open > .dropdown-toggle.btn-ud:focus,
.btn-ud:active.focus,
.btn-ud.active.focus,
.open > .dropdown-toggle.btn-ud.focus {
  color: #fff;
  background-color: #1B9B84;
}
.btn-ud:active,
.btn-ud.active,
.open > .dropdown-toggle.btn-ud {
  background-image: none;
}
.btn-ud.disabled,
.btn-ud[disabled],
fieldset[disabled] .btn-ud,
.btn-ud.disabled:hover,
.btn-ud[disabled]:hover,
fieldset[disabled] .btn-ud:hover,
.btn-ud.disabled:focus,
.btn-ud[disabled]:focus,
fieldset[disabled] .btn-ud:focus,
.btn-ud.disabled.focus,
.btn-ud[disabled].focus,
fieldset[disabled] .btn-ud.focus,
.btn-ud.disabled:active,
.btn-ud[disabled]:active,
fieldset[disabled] .btn-ud:active,
.btn-ud.disabled.active,
.btn-ud[disabled].active,
fieldset[disabled] .btn-ud.active {
  background-color: #1B9B84;
}

/* ///mobile header */
.mobile-header{padding: 10px 0; width: 100%; background-color: #1B9B84; }
.mobile-header.active{position: fixed; top: 0; z-index: 999999;}
.mobile-inner{display: flex; align-items: center; justify-content: space-between;}
@media (max-width:991px) {
    .mobile-inner{max-width: 100%;}
}
.mobile-header-left{display: flex; align-items: center;}
.mobile-search{margin-left: 14px;}
.mobile-logo{width: 89px; height: 50px;}
.mobile-header-right{}
.mobile-lang{color: #fff; font-size: 13px; position: relative; padding-right: 10px;}
.lang-down{position: absolute; z-index: 999; right: 0; display: none; width: 60px; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.2); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}
.lang-down a{padding: 6px 0; width: 80px; border-bottom: 1px solid #ccc; color: #333; width: 100%; display: flex; justify-content: center;}
.lang-down a:last-child{border-bottom: none;}
.lang-down a:hover{color: #28008A;}

/* search open */
.search-open{position: fixed; top: 0; left: 0; z-index: 9999; display: none; width: 100%; height: 100%; background-color: rgba(0,0,0,.8);  }
.search-closure{position: absolute; right: 20px; top: 20px; width: 40px; height: 40px;}
.search-closure .fa-times{font-size: 30px; color: #fff;}
.search-box{ width: 100%; height: 100%; padding: 20px 0; display: flex; justify-content: center; align-items: center;}
.search-form{display: flex; justify-content: center; align-items: center; width: 100%; padding: 0 50px;}
.search-con{min-width: 100%; border-bottom: 1px solid #999; padding-bottom: 15px; display: flex; justify-content: space-between; align-items: center;}
.search-input{border: none; background: none; padding: 10px 10px; color: #fff; width: 100%; font-size: 30px}
.searchbar{margin-left: 15px;}
.searchbar img{max-width: 50%;}

/*main-all*/
.main-all {min-height: 101vh;}
.preloader{
  background: #fff;
  position: fixed; 
  top: 0; 
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.preloader img{width: 100px;}
.preloader:before{/*content:"";position: absolute;left: 0;top:0;background: #fff;z-index: 99999;width: 100%;height: 100%;*/}
@media(min-width: 768px){
  .preloader img{width: 120px;}
}


/*slideshow*/
.swiper-container { max-width: 1920px; margin: auto;position: relative;}
.swiper-pagination-bullet { height: 12px; width: 12px;border-radius: 50%; background-color: #fff; outline: none; opacity: 1;}
.swiper-pagination-bullet-active { background-color: #fbac35; }
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content: ' '; }
/*.swiper-button-prev { background: url(../images/new-left-s.png) center no-repeat; }
.swiper-button-next { background: url(../images/new-right-s.png) center no-repeat; }*/
@media(max-width: 767.98px){
  .swiper-container { max-width: 1920px; margin: auto;}
  .swiper-container img{
    width: 100%;
    display: block;
    height: 100%;
    object-fit: cover;
  }
}

@media(min-width: 768px) {
.swiper-pagination-bullet { height: 15px; width: 15px;}
.swiper-button-prev { background: url(../images/new-left.png) center no-repeat; }
.swiper-button-next { background: url(../images/new-right.png) center no-repeat; }
}
.swiper-button-next, .swiper-button-prev { outline: none; color: #fff; top: 55%; transition: all 0.8s; height: 30px; width: 30px; }
@media(min-width: 768px) {
.swiper-button-next, .swiper-button-prev { top: 55%; display: block; opacity: 1; height: 60px; width: 60px; }
}
.swiper-button-prev {  }
.swiper-button-next {  }
@media(min-width: 1200px) {
.swiper-button-prev { left: 30px; }
.swiper-button-next { right: 30px; }
}
.swiper-container:hover .swiper-button-next, .swiper-container:hover .swiper-button-prev { opacity: 1; transition: all 0.8s; }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 20px; }
@media(min-width: 768px) {
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 20px; }
}
@media(min-width: 1400px) {
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 30px; }
}
/*.swiper-slide { position: relative; height: 440px; }
@media(min-width: 768px) {
.swiper-slide { height: 520px; }
}
@media(min-width: 1200px) {
.swiper-slide { height: 620px; }
}
@media(min-width: 1400px) {
.swiper-slide { height: 720px; }
}
@media(min-width: 1600px) {
.swiper-slide { height: 810px; }
}*/
.slideshow-1 { background: url(../images/slideshow1.png) center no-repeat; background-size: cover; }
.slideshow-2 { background: url(../images/slideshow2.jpg) center no-repeat; background-size: cover; }
.slideshow-3 { background: url(../images/slideshow3.jpg) center no-repeat; background-size: cover; }
.slideshow-4 { background: url(../images/slideshow4.jpg) center no-repeat; background-size: cover; }
.slideshow-text { color: #fff; padding: 5% 0 0; text-shadow: 0 0 5px #000; }


.swiper-slide{position: relative;}
.swiper-slide-text{
  position: absolute;
  z-index: 999;
  top:50%;
  left: 10%;
  right: 0;
  max-width: 750px;
  color: #fff;
}
.swiper-slide-text-tit{
  background:rgba(0,60,162,0.7);
  font-size: 30px;
  font-family: "Lato-Bold";
  text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.5);
  margin-bottom: 10px;
  display: inline-block;
  border-left: 5px solid #fbac35;
  padding: 1rem 2.5rem;
  border-radius: 0 10rem 0 0;
}
.swiper-slide-text-tit span{color: #fbac35;}

.swiper-slide-active .swiper-slide-text-tit,.swiper-slide-active .swiper-slide-text-sec{
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

@media(min-width: 768px){
.swiper-slide-text{
  position: absolute;
  z-index: 999;
  top:30%;
  left: 5%;
  right: 0;
  max-width: 750px;
  color: #fff;
}
.swiper-slide-text-tit{
  font-size: 32px;
}  
}
@media(min-width: 1200px){
.swiper-slide-text{
  position: absolute;
  z-index: 999;
  /*top:50%;*/
  top:25%;
  left: 5%;
  right: 0;
  max-width: 750px;
  color: #fff;
}
.swiper-slide-text-tit{
  font-size: 40px;
}  
}

@media(min-width: 1600px){
.swiper-slide-text{top:23%;}
.swiper-slide-text-tit{
  font-size: 52px;
}  
}

.home-banner{max-width: 1380px !important;}
@media (min-width:992px) {
    .home-banner{margin-top: 198px;}
}


/* home work */
.home-work{padding: 20px 0; margin: 0;}
.home-work-top{margin-top: 20px;}
.home-work-list{overflow: hidden; margin-bottom: 30px;}
.home-work-list1{overflow: hidden; margin-bottom: 30px;}
@media (min-width:992px) {
    .home-work-list:first-child{padding-left: 0;}
    .home-work-list:last-child{padding-right: 0;}
}
@media (max-width:991px) {
    .home-work-top{padding: 0 15px;}
    .home-work-bottom{padding: 0 15px;}
    .home-work-list{padding: 0 6px;}
    .home-work-list1{padding: 0 6px; margin-bottom: 20px;}
    .home-work-list{margin-bottom: 12px;}
}
@media (max-width:767.9px) {
    .home-work-list{padding: 0 6px;}
}

.home-work-box{position: relative; overflow: hidden; max-width: 100%; height: 100%;}
.home-work-box img{width: 100%; height: 100%; transition: all ease-out .4s;}
.home-work-links{position: absolute; top: 0; left: 0; padding: 30px 20px 40px; display: flex; flex-direction: column; justify-content: space-between; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, #000000 100%);}
.home-work-links .work-links-top{display: flex; justify-content: flex-end;}
.home-work-links .work-links-top span{display: block; width: 25px; height: 25px; background-color: #fff; border-radius: 100%;}
.home-work-links .work-links-bottom{max-width: 100%;}
.home-work-links .work-links-bottom b{position: relative; line-height: 30px; font-size: 30px; color: #fff; padding-bottom: 12px;}
/*.home-work-links .work-links-bottom b::after{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; background-color: #fff; transition: all ease-out .4s;}*/
/* .home-work-list:hover .home-work-box{animation: bounce .8s 1 linear;} */
.home-work-list:hover .home-work-box img{transform: scale(1.1); transition: all ease-out .4s;}
.home-work-list:hover .home-work-links{background: none;}
.home-work-list:hover .home-work-links .work-links-bottom b{color: #fff; transition: all ease-out .4s;}
.home-work-bottom{display: flex; justify-content: center;}
/* .home-work-list1:hover .home-work-box{animation: bounce .8s 1 linear;} */
.home-work-list1:hover .home-work-box img{transform: scale(1.1); transition: all ease-out .4s;}
.home-work-list1:hover .home-work-links{background: none;}
.home-work-list1:hover .home-work-links .work-links-bottom b{color: #fff; transition: all ease-out .4s;}
@media (max-width:991px) {
    .home-work{padding: 20px 0 0;}
}
@media (max-width:425px) {
    .home-work-links .work-links-bottom b{font-size: 18px; line-height: 20px;}
}

/* home demo */
.home-demo{padding: 30px 0 30px; margin: 0;}
.demo-box{margin: 0;}
.demo-box li{margin-bottom: 20px; overflow: hidden; width: 100%; height: 100%;}
.demo-list{ display: block; position: relative; width: 100%; height: 100%;}
.demo-list img{width: 100%; transition: all ease-out .4s;}
.demo-text{ display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 20px 30px; font-size: 16px; color: #fff; font-weight: 900; transition: all ease-out .4s;}
.demo-text1{display: flex; justify-content: flex-start;}
.demo-text2{display: flex; justify-content: flex-end;}
.demo-box li:hover .demo-list img{transform: scale(1.1); transition: all ease-out .4s;}
.demo-box li:hover .demo-text{transition: all ease-out .4s; color: #fff;}
@media (min-width:1440px) {
    .demo-text{font-size: 40px;}
}
@media (min-width:1024px) {
    .demo-text{font-size: 36px;}
}
@media (max-width:1024px) {
    .home-demo{padding: 30px 0;}
}
@media (max-width:768px) {
    .demo-text{font-size: 24px;}
}
@media (max-width:425px) {
    .demo-text{font-size: 16px;}
}

/* keep in touch */
.home-connect{}
.home-connect-title{font-size: 26px; color: #A93338; text-align: center; font-family: 'Roboto'; font-weight: 900;}
.home-connect-text{font-family: 'Roboto'; text-align: center; font-size: 18px; color: #000;}
.home-connect-sub{margin-top: 20px; display: flex; align-items: center; justify-content: center;}
.home-connect-sub-con{max-width: 100%; border: 1px solid #B6C0C7; display: flex; align-items: center;}
.sub-input{border: none; padding: 10px 20px; height: 100%; border-radius: 0; font-family: 'Roboto'; width: 500px; }
.btn-sub{border-radius: 0; background-color: #000; padding: 15px 40px;}
.connect-icon{display: flex; justify-content: center; margin: 40px 0;}
.connect-icon li{margin: 0 20px;}
.cooperate-box-list{display: flex;}
@media (max-width:768px) {
    .sub-input{width: 100%;}
    .btn-sub{padding: 15px 24px;}
    .home-connect-sub-con{width: 100%;}
}
@media (max-width:425px) {
    .btn-sub{padding: 15px 15px;}
    /* .mobile-cooperate{width: 64px; height: 64px;} */
    .connect-icon{margin: 20px 0;}
}

/* cooperate */
.home-cooperate{padding-bottom: 20px;}
.cooperate-box{display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; }
@media (max-width:768px) {
    .connect-icon li{margin: 0 10px;}
}


/*back-to-top*/
#back-to-top { position: fixed; right: 3%; bottom: 5%; z-index: 999; padding: 15px;background: #28008A;border-radius: 10px;}
@media(min-width: 768px) {
#back-to-top { right: 3%; bottom: 6%; }
}
#back-to-top a { color: #fff; }


/*footer*/
/* footer { position: relative; background-color: #003ca2; color: #fff; padding: 20px 0; }
@media(min-width: 768px){
footer { padding: 25px 0; }
} */
.footer{background-color: #bcbcbc;}
.footer-con{padding: 50px 15px; overflow: hidden;}
.footer-nav-box{}
.footer-nav{border-bottom: 1px solid #000; padding-bottom: 40px; display: flex; flex-direction: row; flex-wrap: wrap; }
.footer-nav a{font-family: 'Roboto'; font-weight: 300; font-size: 14px; color: #202020; margin-right: 30px; margin-bottom: 10px;}
.footer-nav a:last-child{margin-right: 0;}
.footer-bottom{margin-top: 30px; display: flex; align-items: center; justify-content: space-between;}
.footer-left{padding: 0 10px;}
.footer-left a{margin: 0 10px;}
.footer-text{font-family: 'Roboto'; font-size: 14px; text-align: center;}
@media (max-width:1024px) {
    .footer-bottom{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;}
    .footer-left{padding: 0; margin-bottom: 15px; }
    .footer-left a{margin: 0 5px;}
    .footer-nav{display: flex;}
    .footer-nav-box{display: flex; flex-direction: column; max-width: 180px;}
    .footer-nav-box a{ margin: 0 0 10px 0;}
    .footer-nav-box:last-child{margin-left: 100px;}
}
@media (max-width:425px) {
    .footer-nav-box:last-child{margin-left: 30px;}
}
@media (max-width:422.9px) {
    .footer-nav-box:last-child{margin-left: 10px;}
}
@media (max-width:320px) {
    .footer-nav-box:last-child{margin-left: 0px;}
}


/* inner common */
.inner-content{font-family: 'Roboto'; color: #000;}
.inner-top-box{height: 195px;}
@media (min-width:1440px) {
    .inner-top-box{height: 195px;}
}
@media (min-width:1024px) {
    .inner-top-box{height: 195px;}
    .inner-top-box1{height: 186px !important;}
}
@media (max-width:1023px) {
    .inner-top-box{height: 186px;}
}
@media (max-width:991px) {
    .inner-top-box{height: 0px;}
}
.back{padding: 10px 13px; font-weight: normal; font-family: 'Roboto'; color: #fff; font-size: 18px; background-color: #000000; }
.back:hover{color: #fff;}
.pag-box{display: flex; justify-content: center; margin-top: 20px;}
.pag .page-item:first-child .page-link{border-radius: 0;}
.pag .page-item:last-child .page-link{border-radius: 0;}
.pag .page-link{border: none; color: #000;}
.pag .page-item.active .page-link, .pag .page-item:hover .page-link{color: #1492df; background-color: #fff;}

/* about */
.about-inner{padding: 40px 0;}
.about-awards-top{padding: 10px 0px; }
.about-awards-top b{font-size: 20px; text-transform: uppercase; padding-bottom: 5px; border-bottom: 3px solid #000;}
.about-awards-top p{max-width: 690px; margin-top: 20px; font-size: 16px; font-weight: normal;}
.about-awards-bottom{padding-bottom: 50px; display: flex;}
/* @media (min-width:1440px) {
    .about-awards-bottom{padding-bottom: 160px;}
}
@media (min-width:1024px) {
    .about-awards-bottom{padding-bottom: 100px;}
} */
@media (min-width:769px) {
    .about-awards-bottom{padding-bottom: 50px;}
}
@media (max-width:768px) {
    .about-awards-bottom{padding-bottom: 0px;}
}
.awardss-pills{}
@media (max-width:425px) {
    .awardss-pills{max-width: 100%;}
    .awardss-pills .nav-item{margin-right: 20px;}
    .awardss-pills .nav-item:last-child{margin-right: 0;}
}
@media (max-width:424px){
    .awardss-pills .nav-item{margin-right: 5px;}
}
@media (max-width:375px) {
    .awardss-pills .nav-item{margin-right: 0px;}
}
.awardss-pills .nav-link{font-size: 20px; color: #B6C0C7; padding: 8px 20px;}
@media (max-width:375px){
    .awardss-pills .nav-link{ padding: 8px 10px; }
}
.awardss-pills .nav-link.active, .awardss-pills .show>.nav-link{
    background: none;
    border-bottom: 4px solid #A93338;
    color: #A93338;
    border-radius: 0;
    font-weight: bold;
    text-transform: uppercase;
}
.awardss-tab-content{padding: 20px 0; overflow: hidden;}
.about-awards-list{}
.about-awards-list li{display: flex; padding: 20px 0; border-bottom: 1px solid #B6C0C7;}
.about-awards-list li:last-child{border-bottom: none;}
.awasdr-img-box{}
.awasdr-img-box img{}
.awards-common-box{display: flex; flex-direction: column;}
.awards-common-title{font-size: 20px; color: #A93338; display: block;}
.awards-common-text{font-style: normal; color: #B6C0C7; font-size: 14px; font-weight: normal; margin: 2px 0 10px; display: block;}
.awards-common-con{font-size: 16px; font-weight: 400; color: #000;}
.awards-common-li-inner{display: flex; flex-direction: column;}
.awards-common-li-inner b{font-size: 14px; color: #000;}
.awards-common-li-inner p{font-size: 14px; color: #000;}
.awards-a{color: #A93338; font-style: normal;}
.about-awards-filter{display: flex; flex-direction: column; align-items: center;}
.about-awards-filter a{margin-bottom: 40px; font-size: 16px; color: #B6C0C7;}
.about-awards-filter a:hover,.about-awards-filter a.active{color: #A93338; font-weight: bold;}
@media (max-width:767px) {
    .about-awards-list li{display: flex; flex-direction: column;}
    .awasdr-img-box{margin-bottom: 20px;}
}
@media (max-width:425px) {
    .about-awards-filter a{margin-bottom: 20px;}
}
/* ----- */
.about-project-top{padding: 40px 0 0; display: flex;}
@media (max-width:425px) {
    .about-project-top{padding: 10px 15px 0; display: flex;}
}
.about-project-top-list{padding: 0 10px;}
@media (max-width:767px) {
    .about-project-top-list{margin-bottom: 10px;}
}
@media (max-width:425px) {
    .about-project-top-list{padding: 0 6px;}
}
.about-input-group-box{display: flex; justify-content: flex-end; /* max-width: 440px; */}
@media (max-width:767px) {
    .about-input-group-box{display: flex; flex-direction: column;}
    .about-project-style{margin: 10px 10px 0 0 !important;}
}
.about-project-top-list .form-group{max-width: 350px; height: 50px; margin-bottom: 0;}
.about-project-top-list .form-control{border-radius: 0; height: 100%; border: 1px solid #B6C0C7; color: #000000; }
@media (max-width:767px) {
    .about-project-top-list .form-group{max-width: 100%;}
}
.about-project-search{display: flex; justify-content: space-between; border-radius: 0; border: 1px solid #B6C0C7; max-width: 280px; height: 50px;}
@media (max-width:991px) {
    .about-project-search{max-width: 100%;}
}
select {
border: solid 1px #000;
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
background: url("../images/arrow.png") no-repeat scroll 96% center transparent;
padding-right: 20px;
}
select::-ms-expand { display: none; }
.about-project-input{border: none; padding: 6px 0 6px 12px; color: #000;}
.about-project-input::-webkit-input-placeholder{color: #B6C0C7;}
.about-project-search button{width: 32px; border: none; background-color: #fff;}
.about-project-style-bottom{display: flex;}
.about-project-style{width: 50px; height: 50px; margin: 0 0 0 10px; background-color: #fff; border: 1px solid #B6C0C7; display: flex; justify-content: center; align-items: center;}
.about-project-style .fa{font-size: 24px; color: #B6C0C7;}
.about-project-style:hover{background-color: #000000; border: 1px solid #000000;}
.about-project-style:hover .fa{color: #fff;}
.about-project-style.active{background-color: #000000; border: 1px solid #000000;}
.about-project-style.active .fa{color: #fff;}
.about-project-bottom{padding: 40px 0 60px;}
@media (max-width:425px) {
    .about-project-bottom{padding: 20px 15px 0;}
}
.about-project-list{padding: 0 10px;}
@media (max-width:425px) {
    .about-project-list{padding: 0 6px;}
}
.about-project-box{position: relative; overflow: hidden; max-width: 100%; margin-bottom: 20px;}
@media (max-width:425px) {
    .about-project-box{margin-bottom: 12px;}
}
.about-project-box img{width: 100%; transition: all ease-out .4s;}
.about-project-links{position: absolute; top: 120%; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.8); display: flex; flex-direction: column; justify-content: center; align-items: center; transition: all ease-out .4s;}
.about-project-links b{color: #fff; font-size: 20px; font-family: 'Roboto-Bold';}
.about-project-links p{color: #fff; font-size: 16px; font-family: 'Roboto';}
.about-project-links i{color: #fff; font-size: 16px; font-family: 'Roboto'; font-style: normal; text-decoration: underline;}
.about-project-box:hover img{transform: scale(1.1); transition: all ease-out .4s;}
.about-project-box:hover .about-project-links{top: 0; transition: all ease-out .4s;}
@media (max-width:425px) {
    .about-project-links b{color: #fff; font-size: 14px;}
    .about-project-links p,.about-project-links i{color: #fff; font-size: 13px;}
}
.about-project-list-box{padding-left: 30px;}
.about-project-list-box li{margin-bottom: 20px;}
.about-project-list-links{font-size: 18px; font-weight: bold; color: #000;}
.about-project-list-links:hover{color: #A93338;}
@media (max-width:425px) {
    .about-project-bottom1{padding: 20px 0 0 !important;}
}
/* ---- */
.about-event-top{max-width: 700px; padding-top: 10px; padding-bottom: 6px; border-bottom: 3px solid #000; font-size: 20px; color: #000; font-weight: bold; text-transform: uppercase;}
.about-event-bottom{margin-top: 50px; margin-bottom: 50px;}
@media (max-width:768px) {
    .about-event-bottom{margin-top: 30px; margin-bottom: 30px;}
}
.about-event-search{display: flex; justify-content: space-between; border-radius: 0; border: 1px solid #B6C0C7; max-width: 380px; height: 50px;}
@media (max-width:991px) {
    .about-event-search{max-width: 100%; margin-bottom: 20px;}
}
.about-event-input{border: none; padding: 6px 0 6px 12px; color: #000; width: 300px;}
@media (max-width:991px) {
    .about-event-input{max-width: 100%;}
}
.about-event-input::-webkit-input-placeholder{color: #B6C0C7;}
.about-event-search button{width: 32px; border: none; background-color: #fff;}
.about-event-table{ display: flex; justify-content: space-between; align-items: center;}
.event-pills{max-width: 100%; margin-bottom: 0 !important; background-color: #B6C0C7; padding: 5px; font-family: 'Roboto'; font-size: 16px; color: #fff;}
.event-pills .nav-item{margin-right: 10px;}
.event-pills .nav-item:last-child{margin-right: 0;}
.event-pills .nav-link.active, .event-pills .show>.nav-link{background-color: #A93338; color: #fff; font-weight: bold; border-radius: 0; text-transform: uppercase;}
.event-pills .nav-link{color: #fff; font-weight: normal; text-transform: uppercase;}
.event-pills .nav-link:hover{background-color: #A93338; border-radius: 0; color: #fff; font-weight: bold;}
@media (max-width:375px) {
    .about-event-input{max-width: 88%;}
    .event-pills .nav-item{margin-right: 2px;}
    .event-pills .nav-link{font-size: 14px;}
}
.event-tab-content{margin-top: 30px;}
.event-list{}
.event-list li{ max-height: 260px; display: flex; box-shadow: 0 10px 10px rgba(0,0,0,.1); margin-bottom: 30px; transition: all ease-out .4s;}
@media (max-width:991px) {
    .event-list li{/*display: flex; flex-direction: column;*/ max-height: 100%;}
}
.event-list-img{position: relative; overflow: hidden; /*width: 460px;*/ height: auto; /*background-color: #000000;*/}
@media (max-width:991px) {
    /*.event-list-img{padding: 0; width: 100%;}*/
}
.event-list-img a{display: flex; justify-content: center; align-items: center;}
.event-list-img img{/* width: 100%; */}
.event-list-time{position: absolute; top: 10px; left: 10px; background-color: #A93338; width: 70px; height: 70px; border-radius: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.event-list-time b{color: #fff; font-size: 24px;}
.event-list-time i{color: #fff; font-size: 11px; font-weight: bold; text-transform: uppercase; font-style: normal; margin-top: -5px;}
.event-list-inner a{padding: 20px 10px; display: flex; flex-direction: column;}
@media (max-width:991px) {
    /*.event-list-inner{padding: 0;}*/
    .event-list-inner a{padding: 20px;}
}
.event-title{font-size: 18px; color: #000000; margin-bottom: 4px;}
.event-infor{font-size: 16px; color: #A93338; font-style: normal;  margin-bottom: 4px;}
.event-region{font-size: 16px; color: #B6C0C7;  margin-bottom: 4px;}
.event-tab-t{font-size: 16px; color: #B6C0C7; margin-bottom: 20px;}
.event-time{font-size: 18px; color: #000000;}
@media (max-width:768px) {
    .event-title,.event-time{font-size: 16px;}
    .event-infor,.event-region,.event-tab-t{font-size: 14px;}
}
.event-list li:hover{box-shadow: none; transition: all ease-out .4s;}



/* .popup-video{height: 545px; width: 100%;} */
.popup-banner-img{position: absolute; width: 100%; height: 100%; top: 0; left: 0%; display: flex; justify-content: center;}
.popup-content{padding: 50px 30px 0;}
.mobile-swiper{width: 100%; height: 100%; overflow: hidden;}
.mobile-swiper .swiper-img{display: flex; justify-content: center; align-items: center;height: 100%;}
.mobile-swiper .swiper-img iframe{background-color: #000;}
.popup-video{background-color: #000;}
.mobile-swiper .swiper-img img{height: 100%; width: 100%; background-size: cover; }
.popup-inner-top{display: flex; justify-content: space-between;}
@media (max-width:425px) {
    .popup-inner-top{display: flex; flex-direction: column;}
}
.popup-top-left{display: flex; flex-direction: column;}
@media (max-width:425px) {
    .popup-top-left{margin-bottom: 20px;}
}
.popup-top-left h3{font-size: 48px; color: #202020; font-weight: bold; }
.popup-top-left span{font-size: 32px; color: #202020; font-weight: normal;}
@media (max-width:425px) {
    .popup-top-left h3{font-size: 26px;}
    .popup-top-left span{font-size: 18px;}
}
.popup-top-right{display: flex;}
.popup-top-right .fa-box{margin: 0 10px; width: 45px; height: 45px; background-color: #A93338; border-radius: 100%; display: flex; justify-content: center; align-items: center;}
.popup-top-right .fa-box:first-child{margin-left: 0;}
.popup-top-right .fa-box .fa{font-size: 18px; color: #fff;}
.popup-inner-bottom{margin-top: 20px;}
.popup-inner-left{}
.popup-inner-box{margin-bottom: 40px;}
.popup-inner-left-box{display: flex; margin-bottom: 6px;}
.popup-left-title{font-size: 18px; font-weight: bold; color: #202020; padding: 0;}
.popup-left-text{font-size: 16px; color: #A93338; padding: 0;}
.popup-inner-title{font-size: 18px; font-weight: bold; color: #202020;}
.popup-inner-title1{font-size: 20px;}
.popup-inner-title-list{margin-top: 10px;}
.popup-inner-title-list li{margin-bottom: 10px; font-size: 16px; display: flex;}
.popup-inner-con-title{ color: #202020; padding: 0;}
.popup-inner-con-text{ color: #A93338; padding: 0; }
.popup-inner-con-title1{margin-right: 10px;}
.popup-inner-con-text1{color: #202020;}
@media (max-width:425px) {
    .popup-left-title,.popup-left-text,.popup-inner-con-title,.popup-inner-con-text{font-size: 14px;}
    .popup-left-text,.popup-inner-con-text{text-align: right;}
    .popup-inner-con-text1{text-align: left;}
}
.popup-inner-right{border-left: 1px solid #D8DCDE; padding-left: 20px;}
@media (max-width:992px) {
    .popup-inner-right{border-top: 1px solid #D8DCDE; padding-top: 32px; border-left: none; }
}
.popup-inner-introduction{margin-bottom: 24px;}
.popup-inner-introduction h3{font-size: 20px; font-weight: bold; color: #202020; text-align: center;}
@media (max-width:991px) {
    .popup-inner-introduction h3{text-align: left;}
}
.popup-inner-introduction p{ font-size: 16px; color: #000; line-height: 30px;}
.popup-inner-synopsis{margin-bottom: 40px;}
.popup-inner-synopsis h3{font-size: 20px; font-weight: bold; color: #202020; text-align: center;}
@media (max-width:991px) {
    .popup-inner-synopsis h3{text-align: left;}
}
.popup-inner-synopsis p{line-height: 30px;}
.popup-inner-director{margin: 0 0 40px 0; overflow: hidden;}
.popup-inner-director .director-img{overflow: hidden; padding: 0; }
.popup-inner-director .director-img img{height: 100%; border-radius: 100%;}
@media (max-width:1440px) {
    .popup-inner-director .director-img img{width: 100%; height: auto;}
}
.popup-inner-director .director-common{padding: 0 0 0 30px;}
@media (max-width:425px) {
    .popup-inner-director .director-common{padding: 0 0 0 15px;}
}
.popup-inner-director .director-common b{font-size: 20px; color: #202020;}
.popup-inner-director .director-common h3{font-size: 26px; color: #202020; font-weight: bold;}
@media (max-width:425px) {
    .popup-inner-director .director-common b{font-size: 18px;}
    .popup-inner-director .director-common h3{font-size: 24px;}
}
.popup-inner-director .director-common p{line-height: 30px;}
.related-news{margin-top: 70px;}
@media (max-width:425px) {
    .related-news{margin-top: 0px;}
}
.related-news-top-title{font-size: 20px; color: #202020; font-weight: bold; margin-bottom: 20px;}
.related-news-list{padding: 0 10px;}
.related-news-box{margin-bottom: 20px;}
.related-news-box-top{position: relative; overflow: hidden;}
.related-news-box-top img{width: 100%; transition: all .4s;}
.related-news-box-top .related-news-links{position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 20px; display: flex; flex-direction: column; justify-content: space-between; }
.related-news-point{display: flex; justify-content: flex-end;}
.related-news-point b{width: 20px; height: 20px; background-color: #fff; border-radius: 100%;}
.related-news-title{font-size: 20px; color: #fff;}
@media (max-width:768px) {
    .related-news-title{font-size: 15px;}
}
.related-news-box-bottom{display: flex; flex-direction: column; justify-content: space-between; height: 220px; background-color: #f7f7f7; padding: 20px; border-bottom: 5px solid #000;}
.related-news-con{font-size: 15px; color: #000;}
.related-news-more{display: flex; align-items: center; justify-content: space-between; max-width: 110px; border-top: 1px solid #000; padding-top: 10px; transition: all .4s;}
.related-news-more b{font-size: 16px; color: #000; font-weight: normal; transition: all .4s;}
.related-news-more .fa{font-size: 14px; color: #000; transition: all .4s;}
.related-news-box:hover .related-news-box-top img{transform: scale(1.1); transition: all .4s;}
.related-news-more:hover{border-top: 1px solid #A93338; transition: all .4s;}
.related-news-more:hover b{color: #A93338; transition: all .4s;}
.related-news-more:hover .fa{color: #A93338; transition: all .4s;}
@media (max-width:768px) {
    .related-news-more{max-width: 90px; padding-top: 4px;}
    .related-news-con{font-size: 13px;}
    .related-news-more b{font-size: 13px;}
}
@media (max-width:425px) {
    .related-news-box-top .related-news-links{padding: 10px;}
    .related-news-box-bottom{padding: 10px; height: 180px;}
}

/* Guest registration */
.guestre-content{padding: 50px 0 120px; font-family: 'Roboto'; }
@media (max-width:991px) {
    .guestre-content{padding: 50px 0 80px;}
}
.guestre-box{max-width: 534px; height: 400px; background-color: #c4c4c4;}
.guestre-left{}
.guestre-title{margin-bottom: 20px;}
.guestre-title h3{font-size: 20px; color: #000; font-weight: bold; text-transform: uppercase; padding-bottom: 5px; border-bottom: 3px solid #000; max-width: 220px;}
.guestre-infor{font-size: 16px; color: #000; /*font-family: Avenir;*/ font-weight: 400;}
@media (max-width:991px) {
    .guestre-infor{margin-top: 25px; max-width: 100%;}
}
.guestre-bottom{margin-top: 40px;}
.guestre-bottom a{max-width: 390px; margin: 10px 0; padding: 8px 120px; color: #fff; font-size: 20px; font-family: 'Roboto-Bold'; text-transform: uppercase; display: flex; justify-content: center; align-items: center;}
@media (max-width:425px) {
    .guestre-bottom a{max-width: 100%; padding: 8px 50px;}
}
.guestre-bottom a:hover{text-decoration: underline !important;}
.appointment{background-color: #111; border: 2px solid #111;}
.visitingtips{background-color: #fff; color: #111 !important; border: 2px solid #111; }
.demobutton{background-color: #D82433; border: 2px solid #D82433; }
.demobutton1{background-color: #28008A; border: 2px solid #28008A;}
@media (max-width:425px) {
    .guestre-bottom a{max-width: 100%;}
}


/* news */
.news-content{padding: 50px 0 80px; font-family: 'Roboto'; color: #000; }
/* .news-inner{display: flex;} */
.news-title{font-size: 24px; font-family: 'Roboto-Bold'; text-transform: uppercase; padding-bottom: 15px; border-bottom: 5px solid #000; margin-bottom: 20px; }
.news-pills{display: flex; flex-direction: column; padding-left: 0; }
.news-pills .nav-item{display: block;}
.news-pills .nav-link{font-size: 16px; color: #000000; font-family: 'Roboto-Bold'; display: flex; align-items: center; padding: 8px 16px 8px 0;  }
.news-pills .nav-link::after{content: ''; display: block; width: 8px; height: 8px; background-color: #A93338; border-radius: 100%; margin-left: 14px; display: none;}
.news-pills .nav-link.active, .news-pills .show>.nav-link{background-color: #fff; color: #A93338;}
.news-pills .nav-link.active::after, .news-pills .show>.nav-link::after{display: block;}
.news-latest-title{font-size: 20px; text-transform: uppercase; }
@media (max-width:991px) {
    .news-latest-title{margin: 20px 0;}
}
.news-filter{display: flex; margin-top: 20px; }
.news-filter-title{max-width: 50px; font-size: 16px; margin-right: 10px;}
.news-tab-content{padding: 20px 0; overflow: hidden;}
.news-filter-inner{display: flex; flex-direction: row; flex-wrap: wrap;}
.news-filter-inner li{}
.news-filter-inner li a,.news-filter-inner li label{font-size: 16px; color: #B6C0C7; display: flex; align-items: center;}
.news-filter-inner li a::after,.news-filter-inner li:not(:last-child) label::after{content: ''; display: block; width: 1px; height: 16px; background-color: #000; margin: 0 10px;}
@media (max-width:1024px) {
    .news-filter-inner li a::after,.news-filter-inner li label::after{margin: 0 4px;}
}
.news-filter-inner li:last-child a::after{display: none;}
.news-filter-inner li.active a, .news-filter-inner li:hover a,.news-filter-inner li.active label, .news-filter-inner li:hover label{font-weight: bold; color: #d82433; }
.news-press-box{margin-bottom: 20px; display: flex; font-family: 'Roboto'; font-size: 16px; }
@media (max-width:991px) {
    .news-press-box{display: flex; flex-direction: column;}
}
.news-time-box,.news-text-box{padding: 0;}
@media (max-width:991px) {
    .news-time-box{margin-bottom: 10px;}
}
.news-press-time{  color: #000000;}
.news-press-text a{ color: #1492df; font-weight: bold; text-decoration: underline !important; }
.news-press-text a:hover{color: #000000;}
.news-media-box{}
.news-media-box li{display: flex; align-items: center;}
@media (max-width:768px) {
    .news-media-box li{display: flex; flex-direction: column; align-items: flex-start;}
}
.news-media-li{display: flex; align-items: flex-start !important;}
.news-media-box li img{margin-right: 15px; padding: 5px 0 15px;}
.news-media-text{padding: 5px 0 15px; margin-right: 60px; font-family: 'Roboto'; font-size: 16px; font-weight: bold; }
.news-media-conten{padding: 5px 0 15px; font-family: 'Roboto'; font-size: 16px;}
.news-media-conten a{color: #1492df; text-decoration: underline; font-weight: bold; }
.news-director{margin-bottom: 20px;}
.news-director-box{position: relative; overflow: hidden; height: 100%;}
.news-director-img{position: relative; overflow: hidden; height: 100%;}
.news-director-img img{height: 100%; transition: all ease-out .4s; }
.news-director-a{position: absolute; left: 0; bottom: 0; width: 100%; height: auto; padding: 40px 50px; font-size: 16px; font-family: 'Roboto'; color: #fff; background-color: rgba(0,0,0,.5); }
.news-director-a:hover{color: #fff; text-decoration: underline !important;}
.news-director-box:hover .news-director-img img{transform: scale(1.1); transition: all ease-out .4s; }
@media (max-width:991px) {
    .news-director-a{padding: 20px; height: auto;}
}
@media (max-width:425px) {
    .news-director-a{padding: 10px; font-size: 13px; height: auto;}
}

/* in-development */
.in-development-banner{max-width: 1380px;}
.in-development-inner{padding-top: 86px; padding-bottom: 82px;}
@media (max-width:991px) {
    .in-development-inner{padding-top: 23px; padding-bottom: 30px;}
}
.in-development-title{max-width: 611px; margin-bottom: 20px; padding-bottom: 10px; color: #000; font-size: 20px; font-family: 'Roboto-Bold'; text-transform: uppercase; border-bottom: 5px solid #000; }
.in-development-button{margin-top: 82px;}
@media (max-width:991px) {
    .in-development-button{margin-top: 27px; margin-bottom: 80px;}
}
.in-development-box{padding: 20px; margin-bottom: 10px; display: flex; justify-content: space-between; align-items: center; border: 2px solid #111; background-color: #fff; font-family: 'Roboto-Bold'; font-size: 20px; color: #111; transition: all ease-out .4s;  }
.in-development-box span{display: block; background: url(../images/in-right.png) no-repeat center; width: 20px; height: 20px; transition: all ease-out .4s;}
.in-development-box:hover{background-color: #111; color: #fff; transition: all ease-out .4s;}
.in-development-box:hover span{background: url(../images/in-right-hov.png) no-repeat center; transition: all ease-out .4s; }

/* Selected Project */
.selected-inner{padding: 50px 0;}
.selected-left{padding-top: 30px;}
.selected-title{max-width: 150px; height: 5px; background-color: #000; margin-bottom: 10px;}
.selected-pills{display: flex; flex-direction: column;}
.selected-pills .nav-link{font-size: 24px; color: #000000; font-family: 'Roboto-Bold'; display: flex; align-items: center; padding: 8px 16px 8px 0;  }
.selected-pills .nav-link::after{content: ''; display: none; width: 8px; height: 8px; border-radius: 100%; background-color: #A93338; margin-left: 12px;}
.selected-pills .nav-link:hover, .selected-pills .nav-link.active{color: #A93338;}
.selected-pills .nav-link:hover::after, .selected-pills .nav-link.active::after{display: block;}
.selected-right{}
@media (min-width:769px) {
    .selected-right{padding: 0;}
}
.selected-right-top{display: flex; justify-content: space-between;}
@media (max-width:991px) {
    .selected-right-top{margin-bottom: 25px;}
}
.selected-right-title{font-size: 24px; font-family: 'Roboto-Bold'; color: #000; text-transform: uppercase;}
.selected-con{}
.selected-con li{margin-bottom: 25px; display: flex; max-width: 100%; }
.selected-number{font-size: 68px; font-family: 'Roboto-Bold'; color: #A93338; margin-right: 15px; width: 68px; }
@media (max-width:991px) {
    .selected-number{text-align: right; margin-right: 0; width: 100%;}
}
@media (max-width:768px) {
    .selected-number{font-size: 40px;}
}
.selected-iner-con{width: 100%; display: flex; justify-content: space-between; border-bottom: 5px solid #A93338; padding: 10px 0 20px 20px; }
@media (max-width:991px) {
    .selected-iner-con{padding-left: 0; width: 100%;}
}
.selected-iner-left{padding: 0px 0 20px 0px;}
.selected-iner-title{font-size: 19px; color: #A93338; font-family: 'Roboto-Bold'; text-transform: uppercase;  }
.selected-iner-title:hover{text-decoration: underline !important; color: #28008A;}
.selected-iner-infor{padding: 10px 0; max-width: 700px;}
.selected-iner-list{display: flex; align-items: center; justify-content: space-between; font-size: 19px; color: #000; font-family: 'Roboto'; }
@media (max-width:425px) {
    .selected-iner-list{font-size: 14px;}
}
.selected-iner-list-left{width: 450px; text-align: left;}
@media (max-width:991px) {
    .selected-iner-list{display: flex; flex-direction: column; align-items: flex-start;}
}
.selected-iner-list-right{width: 200px; text-align: left;}
@media (max-width:1439px) {
    .selected-iner-list-left{width: 460px;}
    .selected-iner-list-right{width: 100%;}
}
@media (max-width:991px) {
    .selected-iner-list-left{width: auto;}
    .selected-iner-list-right{width: auto;}
}
.selected-iner-buttom{display: flex; justify-content: flex-end; margin-top: 14px;}
.selected-iner-buttom-box{display: flex; flex-direction: column; justify-content: flex-end;}
@media (max-width:991px) {
    .selected-iner-buttom-box{display: flex; justify-content: space-between;}
}
.selected-iner-link{display: flex;}
.selected-iner-link a{margin: 0 5px; font-size: 16px; color: #000; padding: 5px 15px; }
.selected-iner-link a:last-child{border: 2px solid #000; background-color: #fff;}
.selected-iner-link a:first-child{background-color: #000; color: #fff; }
.selected-iner-link a:hover{text-decoration: underline !important;}
@media (max-width:425px) {
    .selected-iner-link a{font-size: 14px; padding: 4px 10px;}
}
.selected-form-group{width: 100%; padding: 0 15px;}
@media (min-width:769px) {
    .selected-form-group{padding: 0;}
}
.selected-form-group .form-group{width: 100%; height: 30px; margin-bottom: 30px;}
.selected-form-group .form-control{border-radius: 0; color: #000; border: 2px solid #000;}

/* Contact Us */
.contact-container{max-width: 1000px;}
.contact-us{margin-top: 70px; font-family: 'Roboto-Bold'; }
@media (max-width:991px) {
    .contact-us{margin-top: 50px;}
}
@media (max-width:425px) {
    .contact-us{margin-top: 30px;}
}
.contact-title{max-width: 140px; font-size: 30px; color: #A93338; padding-bottom: 0px; border-bottom: 4px solid #A93338;}
.contact-con{margin-top: 60px;}
@media (max-width:425px) {
    .contact-con{margin-top: 30px;}
}
.contact-list{display: flex; flex-direction: column; margin-bottom: 40px;}
.contact-img{text-align: center;}
.contact-img img{}
.contact-text{margin-top: 15px; margin-bottom: 10px; text-align: center; font-size: 30px; font-family: 'Roboto-Bold'; }
.contact-text1{ font-family: 'Roboto-Bold'; font-size: 16px; text-decoration: underline !important; text-align: center;}
.connect-box{margin-top: 60px; font-family: 'Roboto-Bold';}
.connect-title1{max-width: 200px; font-size: 30px; color: #A93338; padding-bottom: 0px; border-bottom: 4px solid #A93338;}
.contact-li-box{}
@media(min-width:1440px) {
    .contact-li-box {
        -ms-flex: 0 0 20% !important;
        flex: 0 0 20% !important;
        max-width: 20% !important;
    }
}
.contact-with-box{margin-bottom: 30px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.contact-with-img{width: 100px; height: 100px;}
.contact-with-box b{text-align: center; font-size: 24px; margin-top: 20px;}
.contact-with-box i{text-align: center; font-size: 18px; font-style: normal; font-family: 'Roboto';}
.contact-map{margin: 50px 0 80px;}
@media (max-width:425px) {
    .contact-map{margin: 30px 0 50px;}
}
.connect-map-title{margin-bottom: 30px; max-width: 160px; text-transform: uppercase; font-family: 'Roboto-Bold'; color: #fccd23; font-size: 30px; border-bottom: 4px solid #fccd23; }
.contact-map-box{display: flex; justify-content: center;}

/* advisory */
.advisory-container{max-width: 1000px;}
.advisory-box{margin: 70px 0 50px;}
.advisory-title{margin-bottom: 20px; color: #d82332; font-size: 30px; font-family: 'Roboto-Bold'; }
.advisory-text{font-family: 'Roboto'; color: #000; font-size: 16px;}
.advisory-bottom{margin-bottom: 80px;}
.advisory-top-box{padding: 0 ; margin: 0; display: flex;}
@media (max-width:768px) {
    .advisory-top-box{display: flex; flex-direction: column;}
}
.advisory-list-box{width: 50%; border-right: 1px solid #a6a6a6;}
.advisory-list-box:last-child{border-right: none;}
@media (max-width:768px) {
    .advisory-list-box{width: 100%;}
}
.advisory-list-title{max-width: 100%; background-color: #b6c0c7; padding: 20px 25px; font-size: 20px; font-weight: bold; font-family: 'Roboto-Bold'; color: #fff; }
@media (max-width:425px) {
    .advisory-list-title{font-size: 15px;}
}
.advisory-list-con{padding: 25px 20px; background-color: #f7f7f7; height: 320px;}
@media (max-width:991px) {
    .advisory-list-con{height: 100%;}
}
.advisory-list-con1{height: auto;}
.advisory-list-li{margin-bottom: 6px; display: flex; align-items: center; justify-content: space-between;}
.advisory-list-li a{font-family: 'Roboto'; font-size: 16px; font-weight: bold; color: #000;}
.advisory-list-li span{font-family: 'Roboto'; font-size: 16px; color: #000;}
.advisory-list-li a:hover{text-decoration: underline !important; }
@media (max-width:425px) {
    .advisory-list-li a{font-size: 13px;}
    .advisory-list-li span{font-size: 13px;}
}


/* hkiff collection */
.collection-banner{width: 100%; position: relative; overflow: hidden;}
.collection-bj{overflow: hidden;}
.collection-bj img{width: 100%; max-height: 550px;}
.collection-content-img{position: absolute; margin: -550px auto 0; width: 100%; display: flex; justify-content: center;}
.collection-content-img1{overflow: hidden;}
.collection-box-content{margin-top: 40px; margin-bottom: 97px;}
@media (max-width:991px) {
    .collection-box-content{margin-top: 20px;}
}
@media (max-width:425px) {
    .collection-box-content{margin-top: 2px;}
}
.collection-list{}
.collection-box{position: relative; overflow: hidden; max-width: 100%; height: 100%;}
.collection-box img{width: 100%; height: 100%; transition: all ease-out .4s;}
.collection-links{position: absolute; top: 0; left: 0; padding: 40px 20px; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, #000000 100%); }
.collection-links-bottom{max-width: 100%;}
.collection-links-bottom b{position: relative; line-height: 30px; font-size: 30px; color: #fff; padding-bottom: 12px;}
.collection-links-bottom b::after{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; background-color: #fff; transition: all ease-out .4s;}
.collection-box:hover .collection-links{background: none;}
.collection-box:hover img{transform: scale(1.1); transition: all ease-out .4s;}
@media (max-width:425px) {
    .collection-list{padding: 0;}
    .collection-box-content{margin-bottom: 0px;}
}
.films-content{margin-top: 89px;}
@media (max-width:991px) {
    .films-content{margin-top: 50px;}
}
.collection-films{display: flex; align-items: center;}
.collection-films{padding: 0 10px;}
@media (max-width:991px) {
    .collection-films{width: 100%; display: block;}
}
.collection-films .form-group{width: 320px; height: 50px;}
@media (max-width:1440px) {
    .collection-films .form-group{max-width: 280px;}
}
@media (max-width:1024px) {
    .collection-films .form-group{max-width: 260px;}
}
@media (max-width:991px) {
    .collection-films .form-group{max-width: 100% !important; width: 100% !important;}
}
.collection-films .form-control{border-radius: 0; height: 100%; border: 1px solid #B6C0C7; color: #000000; }
@media (max-width:767px) {
    .collection-films .form-group{max-width: 100%;}
}
/* .collection-inner{padding: 0 10px;} */
.status-box{margin-left: 20px; display: flex; align-items: center; font-family: 'Roboto'; }
.filter-row{padding: 0 15px;}
.films-filter{margin-top: 0; margin-left: 20px;}
@media (max-width:991px) {
    .films-mobile-box{padding: 0 10px;}
}
.films-bottom{margin: 40px 0;}
.films-col{padding: 0 10px;}
@media (max-width:425px) {
    .films-col{padding: 0 6px;}
}
.films-list{position: relative; overflow: hidden; margin-bottom: 16px;}
@media (max-width:425px) {
    .films-list{margin-bottom: 12px;}
}
.films-list img{ width: 100%; transition: all ease-out .4s; overflow: hidden;}
.films-tab{position: absolute; top: 0; left: 0; width: 100%; display: flex; justify-content: flex-start; padding: 10px;}
.films-tab-con{display: flex; align-items: center; background-color: #D82433; border-radius: 3px; padding: 4px 10px;}
.films-tab-con span{display: block; width: 12px; height: 12px; background: url(../images/tab-img.png) no-repeat center; margin-right: 6px;}
.films-tab-con i{font-size: 13px; color: #fff; font-style: normal; font-family: 'Roboto'; }
.films-title{opacity: 0; position: absolute; left: 0; bottom: 0; width: 100%; height: auto; padding: 10px 10px 40px; font-family: 'Roboto'; background-color: rgba(0,0,0,.5); transition: all ease-out .4s; }
.films-title h3{color: #fff; font-family: 'Roboto-Bold'; font-size: 18px;}
.films-title b{font-weight: normal; font-size: 16px; color: #fff;}
.films-list:hover img{transform: scale(1.1); transition: all ease-out .4s;}
.films-list:hover .films-title{opacity: 1; transition: all ease-out .4s;}
.films-movie-tags{margin-bottom: 114px; padding: 15px 20px 10px; border: 1px solid #B6C0C7; background-color: #F8F9F9;}
@media (max-width:768px) {
    .films-movie-tags{margin-bottom: 49px;}
}
.films-movie-tags h3{display: block; margin-bottom: 10px; font-family: 'Roboto-Bold'; color: #202020; font-size: 16px; font-weight: bold; }
.films-movie-tags p{font-family: 'Roboto'; color: #202020; font-size: 16px;}
.films-movie-title .films-movie-title{color: #A93338;}
.films-list-box{padding-left: 30px;}
.films-list-box li{margin-bottom: 20px;}
.films-list-links{font-size: 18px; font-weight: bold; color: #000;}
.films-list-links:hover{color: #A93338;}
@media (max-width:425px) {
    .films-bottom1{padding: 20px 0 0 !important;}
}

/* faq */
.faq-top{max-width: 1000px; margin: 0 auto;}
.faq-title{font-family: 'Roboto-Bold'; font-size: 20px; margin-bottom: 20px; color: #000; text-transform: uppercase;} 
.faq-top p{font-family: 'Roboto'; color: #000;}
.faq-app{background-color: #F7F7F7; padding: 40px 0;}
.faq-app-title{margin-bottom: 40px; font-family: 'Roboto-Bold'; font-size: 24px; color: #d82332; }
.faq-accordion{}
.faq-accordion li{margin-bottom: 30px;}
.faq-accordion .link{padding-bottom: 20px; display: flex; align-items: center; justify-content: space-between;}
@media (max-width:1024px) {
    .faq-accordion .link{margin-bottom: 0;}
    .faq-accordion li{margin-bottom: 10px;}
}
.accordion .link{max-width: 1380px; margin: 0 auto; padding: 0 15px;}
.faq-app .faq-accordion .link .fa-caret-down{font-size: 28px; color: #d82332;}
.faq-payment .faq-accordion .link .fa-caret-down{font-size: 28px; color: #fccd23;}
.faq-offical .faq-accordion .link .fa-caret-down{font-size: 28px; color: #253279;}
.faq-left-box{display: flex; align-items: flex-end; width: 100%;}
@media (max-width:425px) {
    .faq-left-box{display: flex; align-items: flex-start; width: 100%;}
}
.faq-number{width: 5%; margin-right: 20px; font-family: 'Roboto-Bold';  font-size: 34px; color: #e36b75; padding-top: 10px; border-top: 5px solid #d82332;}
.faq-card-text{width: 95%; padding-bottom: 10px; font-family: 'Roboto-Bold'; font-style: normal; font-size: 16px; color: #e36b75;}
.faq-submenu{display: none; padding: 20px 0; background-color: #e36b75; position: relative; }
/* .faq-app .faq-submenu::before{content: ''; position: absolute; width: 100%; height: 100%; left: -100%; top: 0; background-color: #e36b75; } */
/* .faq-app .faq-submenu::after{content: ''; position: absolute; width: 100%; height: 100%; right: -100%; top: 0; background-color: #e36b75; } */
.faq-submenu li{display: flex;/* margin-bottom: 10px; */ padding: 0 15px; max-width: 1380px; margin: 0 auto 10px;}
.faq-submenu li span{width: 100px; height: 50px}
.faq-submenu li p{margin-bottom: 0; font-family: 'Roboto'; font-size: 16px; color: #fff;}
.faq-accordion li.open i.fa-caret-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.faq-accordion li.open .faq-card-text{color: #d82332;}
.faq-payment{background-color: #fff; padding: 40px 0;}
.faq-payment .faq-app-title{color: #fccd23;}
.faq-payment .faq-accordion li.open .faq-card-text{color: #fccd23;}
.faq-payment .faq-number{margin-right: 20px; font-family: 'Roboto-Bold';  font-size: 34px; color: #fccd23; padding-top: 10px; border-top: 5px solid #fccd23;}
.faq-payment .faq-card-text{padding-bottom: 10px; font-family: 'Roboto-Bold'; font-style: normal; font-size: 16px; color: #fccd23;}
.faq-payment .faq-submenu{background-color: #fccd23;}
/* .faq-payment .faq-submenu::before{content: ''; position: absolute; width: 100%; height: 100%; left: -100%; top: 0; background-color: #fccd23; } */
/* .faq-payment .faq-submenu::after{content: ''; position: absolute; width: 100%; height: 100%; right: -100%; top: 0; background-color: #fccd23; } */
.faq-offical{padding: 40px 0; background-color: #F7F7F7;}
.faq-offical .faq-app-title{color: #253279;}
.faq-offical .faq-accordion li.open .faq-card-text{color: #253279;}
.faq-offical .faq-number{margin-right: 20px; font-family: 'Roboto-Bold';  font-size: 34px; color: #253279; padding-top: 10px; border-top: 5px solid #253279;}
.faq-offical .faq-card-text{padding-bottom: 10px; font-family: 'Roboto-Bold'; font-style: normal; font-size: 16px; color: #253279;}
.faq-offical .faq-submenu{background-color: #253279;}
/* .faq-offical .faq-submenu::before{content: ''; position: absolute; width: 100%; height: 100%; left: -100%; top: 0; background-color: #253279; } */
/* .faq-offical .faq-submenu::after{content: ''; position: absolute; width: 100%; height: 100%; right: -100%; top: 0; background-color: #253279; } */
@media (max-width:1024px) {
    .faq-payment,.faq-app,.faq-offical{padding: 10px 0;}
}
@media (max-width:600px) {
    .faq-number{font-size: 20px;}
    .faq-payment .faq-number{font-size: 20px;}
    .faq-offical .faq-number{font-size: 20px;}
}















































































#back-to-top  {
    font-size:15px;
    line-height:12px;
}
@media (max-width: 768px){
    #back-to-top  {
        font-size:14px;
        line-height:14px;
    }
}



.sp-p p { margin-bottom:0; }




/* partners start */
.inside_content_box2 {
    background-color: #f9f9f9;
}
.table_contact_info_new2 td{
    width:18%;
    padding-left:1%;
    padding-right:1%;
}
.table_contact_info_new2 .photo{
    width:100%;
    clear:both;
    text-align:center;
}
.table_contact_info_new2 .photo img{
    max-height:100px;
}
.partner2_list_category{
    float:left;
    padding-bottom:20px;
    font-size:16px;
    font-weight:bold;
    border-bottom:5px solid #1492df;
    padding-bottom:5px;
    margin-bottom:20px;
    padding:0px 20px 5px 20px;
    line-height:100%;
    max-width:400px;
}

.partner2_list{
    clear:both;
    width:100%;
    padding-bottom:30px;
}

.partner2_list .heading{
    font-size:24px;
    color:#2f2f2f;
    font-family: 'Roboto-Bold','MHeiHK','微軟正黑體',Arial,Verdana, sans-serif;
    padding-bottom:10px;
}
.partner2_list .icon{
    background-color: #000000;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-bottom:10px;
}
.partner2_list .no_icon{
    height: 10px;
    margin-bottom:10px;
}

.partner2_list .item{
    float:left;
    margin-right:40px;
    margin-bottom:40px;
        
}
.partner2_list .item table td{
    vertical-align:middle;
}
.partner2_list .item table td img{
    max-height:80px;
}
/* partner end */


/* hreport */
.hreport-container{max-width: 1000px;}
.hreport-box{margin: 70px 0 20px;}
.hreport-title{margin-bottom: 20px; color: #000; font-size: 30px; font-family: 'Roboto-Bold'; }
.hreport-text{ color: #000; font-size: 16px;}





/* haf introduction */
.haf-intro{padding: 20px 0 40px; margin: 0;}
.haf-intro-top{margin-top: 20px;}
.haf-intro-list{overflow: hidden; margin-bottom: 30px; max-height:383px;}
.haf-intro-list1{overflow: hidden; margin-bottom: 30px;}
@media (min-width:992px) {
    .haf-intro-list:first-child{padding-left: 0;}
    .haf-intro-list:last-child{padding-right: 0;}
}
@media (max-width:991px) {
    .haf-intro-top{padding: 0 15px;}
    .haf-intro-bottom{padding: 0 15px;}
    .haf-intro-list{padding: 0 6px;}
    .haf-intro-list1{padding: 0 6px; margin-bottom: 20px;}
    .haf-intro-list{margin-bottom: 12px;}
}
@media (max-width:767.9px) {
    .haf-intro-list{padding: 0 6px;}
}

.haf-intro-box{position: relative; overflow: hidden; max-width: 100%; height: 100%;}
.haf-intro-box img{/*width: 100%; height: 100%;*/ transition: all ease-out .4s;}
.haf-intro-links{position: absolute; top: 0; left: 0; padding: 30px 20px 20px; display: flex; flex-direction: column; justify-content: space-between; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, #000000 100%);}
.haf-intro-links .work-links-top{display: flex; justify-content: flex-end;}
.haf-intro-links .work-links-top span{display: block; width: 25px; height: 25px; background-color: #fff; border-radius: 100%;}
.haf-intro-links .work-links-bottom{max-width: 100%; height: 144px; display: flex; flex-direction: column; justify-content: space-between;}
.haf-intro-links .work-links-bottom-box{max-width: 100%; height: 100%;}
.haf-intro-links .work-links-bottom b{ font-family: 'Roboto-Bold'; position: relative; line-height: 20px; font-size: 22px; color: #fff; padding-top: 6px;}
.btop-line::after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #fff; transition: all ease-out .4s;}
/* .haf-intro-list:hover .haf-intro-box{animation: bounce .8s 1 linear;} */
.haf-intro-list:hover .haf-intro-box img{transform: scale(1.1); transition: all ease-out .4s;}
.haf-intro-list:hover .haf-intro-links{background: none;}
.haf-intro-list:hover .haf-intro-links .work-links-bottom b{ color: #fff; transition: all ease-out .4s;}
.haf-intro-bottom{display: flex; justify-content: center;}
/* .haf-intro-list1:hover .haf-intro-box{animation: bounce .8s 1 linear;} */
.haf-intro-list1:hover .haf-intro-box img{transform: scale(1.1); transition: all ease-out .4s;}
.haf-intro-list1:hover .haf-intro-links{background: none;}
.haf-intro-list1:hover .haf-intro-links .work-links-bottom b{color: #fff; transition: all ease-out .4s;}
.btop-line {max-width: 116px; font-weight:normal; font-family: 'Roboto'; font-size: 16px; color: #fff; padding-top: 6px; border-top: 1px solid #fff;  }
.btop-line .fa{font-size: 14px; margin-left: 20px;}
.haf-intro-bottom{background-color: #F7F7F7; padding: 50px 0;}
.haf-intro-demo{font-size: 24px; color: #000; font-family: 'Roboto-Bold'; text-transform: uppercase; }
.haf-intro-demo-text{font-size: 16px; color: #000; font-family: 'Roboto'; max-width: 1000px; margin: 20px auto 0; }
.haf-intro-demo-text p{line-height: 22px; margin-bottom: 0;}
.know-buttom{display: flex; justify-content: center; max-width: 100%; margin-top: 36px;}
.know-buttom b{padding: 10px 130px; max-width: 390px; font-family: 'Roboto-Bold'; font-size: 20px; text-transform: uppercase; background-color: #000; color: #fff; }
 .know-buttom b:hover{color: #fff; text-decoration: underline !important;}
 @media (max-width:991px) {
     .haf-intro{padding: 20px 0 0;}
     .know-buttom b {
         padding: 10px 121px;
     }
 }
 @media (max-width:425px) {
     .haf-intro-links .work-links-bottom b{font-size: 18px; line-height: 20px;}
 }

 
 /* ----- */
 .about-page-box{margin-top: 80px;}
 .about-page-box h3{font-size: 20px; color: #28008A; font-weight: bold; text-align: center; margin-bottom: 20px;}
 .about-page-con{margin: 0 auto;}
 @media (max-width:991px) {
    .about-page-box{margin-top: 50px;}
    .about-page-con{max-width: 100% !important;}
 }
 .about-work-list{overflow: hidden; margin-bottom: 30px; padding: 0 10px;}
 .about-work-list1{overflow: hidden; margin-bottom: 30px;}
 @media (min-width:992px) {
    .about-work-list:first-child{padding-left: 0;}
    .about-work-list:last-child{padding-right: 0;}
 }
 @media (max-width:991px) {
    .about-work-top{padding: 0 15px;}
    .about-work-bottom{padding: 0 15px;}
    .about-work-list{padding: 0 6px;}
    .about-work-list1{padding: 0 6px; margin-bottom: 20px;}
    .about-work-list{margin-bottom: 12px;}
 }
 @media (max-width:767.9px) {
    .about-work-list{padding: 0 6px;}
 }
 .about-work-box{position: relative; overflow: hidden; max-width: 100%; height: 100%;}
 .about-work-box img{width: 100%; height: 100%; transition: all ease-out .4s;}
 .about-work-links{position: absolute; top: 0; left: 0; padding: 30px 20px 40px; display: flex; flex-direction: column; justify-content: space-between; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, #000000 100%);}
 .about-work-links .work-links-top{display: flex; justify-content: flex-end;}
 .about-work-links .work-links-top span{display: block; width: 25px; height: 25px; background-color: #fff; border-radius: 100%;}
 .about-work-links .work-links-bottom{max-width: 100%;}
 .about-work-links .work-links-bottom b{position: relative; line-height: 30px; font-size: 30px; color: #fff; padding-bottom: 12px;}
 .about-work-links .work-links-bottom b::after{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; background-color: #fff; transition: all ease-out .4s;}
 .about-work-list:hover .about-work-box img{transform: scale(1.1); transition: all ease-out .4s;}
 .about-work-list:hover .about-work-links{background: none;}
 .about-work-list:hover .about-work-links .work-links-bottom b{color: #fff; transition: all ease-out .4s;}
 .about-work-bottom{display: flex; justify-content: center;}
 @media (max-width:991px) {
    .about-work{padding: 20px 0 0;}
 }
 @media (max-width:425px) {
    .about-work-links .work-links-bottom b{font-size: 18px; line-height: 20px;}
 }
 .about-infor-top{ display: flex; justify-content: center; width: 850px; }
 .about-infor-img-box{margin: 0 30px; display: flex; flex-direction: column; justify-content: space-between;}
 .about-infor-img-com{width: 200px; display: flex; justify-content: center;}
 .about-infor-img-box span{font-size: 22px; color: #000; font-family: 'Roboto-Bold'; }
 .mobile-about-infor-top{display: none;}
 @media (max-width:991px) {
    .about-infor-top{display: none;}
    .mobile-about-infor-top{display: block; width: 100%; overflow: hidden;}
 }
 .mobile-about-infor-img-box{display: flex; align-items: center; margin-bottom: 24px;}
 .mobile-about-infor-img-box:last-child{margin-bottom: 0;}
 .mobile-about-infor-img-box span{width: 140px; font-size: 22px; color: #000; font-family: 'Roboto-Bold'; }
 .mobile-about-infor-img-box img{}


 .box-menu>ul>li ul li a {
     white-space: pre-wrap;
 }

.advisory-list-title { font-family:'Roboto-Bold'; }

 .connect-map-title {
     max-width: 103px;
     text-transform: none;
 }
/* .contact-text1 {
     text-decoration: none;
 }*/
 


 .mobile-header.active{position: fixed; top: 0; z-index: 999999;}
 





 /* popup */
/*  .layui-layer {
      max-width: 98%!important;
  }
  .layui-layer-title {
      background-color: #1B9B84!important;
      color:#fff!important;
      font-weight: bold;
  }
  .layui-layer-btn {
      text-align: center!important;
  }
  .layui-layer-btn .layui-layer-btn0 {background-color:#1B9B84!important;color:#fff!important;border:none!important;}
  .layui-layer-rim iframe {max-height: 100%!important;height: 626px!important;}

  .layui-layer-setwin .layui-layer-close2 {
      right:-10px;
      top:-12px;
      width: 20px;
      height: 20px;
      background: none;
      font-size: inherit;
  }
  .layui-layer-setwin .layui-layer-close2:after {
      content: "×";
      width: 20px;
      height: 20px;
      font-size: 1.275rem;
      font-weight: normal;
      line-height: 20px;
      text-align: center;
      color: #000;
      opacity: .9;
  }

  .layui-layer-setwin .layui-layer-close1 {
      right:0;
      top:-6px;
      width: 20px;
      height: 20px;
      background: none;
      font-size: inherit;
  }

  .layui-layer-setwin .layui-layer-close1:after {
      content: "×";
      width: 20px;
      height: 20px;
      font-size: 1.275rem;
      font-weight: normal;
      line-height: 20px;
      text-align: center;
      color: #fff;
      opacity: .9;
  }

  

 .iframe1{display: none;}
 .popup-container{max-width: 1440px; font-family: 'Roboto'; padding: 0; }
 .popup-top{position: relative; overflow: hidden; height: 134px;}
 @media (min-width:375px) {
     .popup-top{
         height: 134px;
     }
 }
 @media (min-width:425px) {
     .popup-top{
         height: 275px;
     }
 }
 @media (min-width:768px) {
     .popup-top{
         height: 366px;
     }
 }
 @media (min-width:1024px) {
     .popup-top{
         height: 545px;
     }
 }


 @media (min-width:1024px) {
     .inner-top-box{height: 181px;}
     .inner-top-box1{height: 179px!important;}
 }
 @media (min-width:992px) {
     .home-banner{margin-top: 181px;}
 }*/

 


 /* popup */
 .iframe1{display: none;}
 .layui-layer-iframe{top: 130px !important;}
 @media (max-width:991px) {
     .layui-layer-iframe{top: 70px !important;}
     .layui-layer-iframe video{height: 700px !important;}
 }
 @media (max-width:768px) {
     .layui-layer-iframe video{height: 700px !important;}
 }
 @media (max-width:425px) {
     .layui-layer-iframe video{height: 580px !important;}
 }
 @media (max-width:320px) {
     .layui-layer-iframe video{height: 460px !important;}
 }
 .layui-layer{background-color: rgba(0,0,0,0) !important; box-shadow: none !important;}
 .layui-layer-shade{opacity: .3 !important;}
 .layui-layer-content{box-shadow: 0 0 20px rgba(0,0,0,.4);}
 .layui-layer-setwin{top: 10px !important; right: 16px !important;}
 .layui-layer-title{display: none; font-size: 0 !important;}
 .layui-layer {max-width: 94%!important;}
 .layui-layer-min{display: none !important;}
 .layui-layer-setwin .layui-layer-max{display: none !important;}
 .popup-container{max-width: 1440px; font-family: 'Roboto'; padding: 0; }
 .popup-top{position: relative; overflow: hidden; height: 134px;}
 @media (min-width:375px) {
     .popup-top{
         height: 134px;
     }
 }
 @media (min-width:425px) {
     .popup-top{
         height: 275px;
     }
 }
 @media (min-width:768px) {
     .popup-top{
         height: 366px;
     }
 }
 @media (min-width:1024px) {
     .popup-top{
         height: 545px;
     }
 }
@charset "utf-8";


@font-face {
  font-family: 'AvenirNextLTPro-Bold';
  src:url('../fonts/AvenirNextLTPro-Bold.otf');
}

@font-face {
  font-family: 'AvenirNextLTPro-Regular';
  src:url('../fonts/AvenirNextLTPro-Regular.otf');
}

@font-face {
  font-family: 'Roboto';
  src:url('../fonts/RobotoCondensed-Regular.ttf');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Roboto-Bold';
  src:url('../fonts/RobotoCondensed-Bold.ttf');
  font-size: 900;
}

@font-face {
  font-family: 'Avenir';
  src:url('../fonts/Avenir-Roman-8.ttf');
}

@font-face {
  font-family: 'Montserrat';
  src:url('../fonts/Montserrat-Bold-3.otf');
}

body { /* font-family: 'Roboto-Bold',Arial; */ font-family: 'Roboto-Bold','MHeiHK','微軟正黑體',Arial,Verdana, sans-serif; font-size: 0.875rem; color: #000;}
@media(min-width: 768px){
body{font-size: 1rem;}
}
header { position: fixed; top: 0; z-index: 99999; width: 100%; background-color: #fff; box-shadow: 0 2px 10px rgba(0,0,0,.2);}
.header-inner { position: relative; display: flex; align-items: center; }

@media (min-width: 1400px){
.container { max-width: 1380px; }
}

/* header-top */
.header-top{background-color: #1B9B84;}
.header-top-box{max-width: 1400px; padding: 6px 15px; display: flex; align-items: center;}
.header-top-left{display: flex; align-items: center; width: 75%;}
.top-hk-icon{margin-right: 15px;}
.top-links{font-family: 'roboto',Arial,Verdana, sans-serif; }
.top-links a{ text-transform: uppercase; font-size: 18px; line-height: 21px; color: #fff; font-weight: normal; font-style: normal;}
@media (min-width:1440px) {
    .top-links a{margin: 0 15px;}
}
@media (min-width:1024px) {
    .top-links a{margin: 0 10px;}
}
@media (max-width:992px) {
    .top-links a{margin: 0 8px;}
}
.header-top-right{width: 25%; display: flex; align-items: center; justify-content: flex-end;}
.lang{display: flex; align-items: center; position: relative;}
.lang .lang-ico{display: block; width: 16px; height: 16px; background: url(../images/lang-ico.png) no-repeat center; margin-right: 12px;}
.lang-selected1{color: #fff;}
.lang-selected1:hover{color: #28008A;}
.lang .lang-down1{position: absolute; top: 100%; left: 25px; z-index: 999; display: none; width: 60px; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.2); border-bottom-left-radius:4px; border-bottom-right-radius: 4px;}
.lang .lang-down1 a{padding: 6px 0; width: 80px; border-bottom: 1px solid #ccc; color: #333; width: 100%; display: flex; justify-content: center;}
.lang .lang-down1 a:last-child{border-bottom: none;}
.lang .lang-down1 a:hover{color: #28008A;}
.top-donate{ margin: 0 20px; font-family: 'roboto',Arial,Verdana, sans-serif; font-size: 18px; color: #A93338; border-bottom: 2px solid #A93338; font-weight: bold; }
.top-donate:hover{color: #fff; border-bottom: 2px solid #fff;}
.top-login{font-family: 'roboto',Arial,Verdana, sans-serif; text-transform: uppercase; padding: 4px 12px; color: #fff; background-color: #A93338;}
.top-login:hover{color: #fff;}


/* header-bottom */
.header-bottom{width: 100%;}
.header-bottom-top{display: flex; justify-content: space-between; border-bottom: 1px solid #2f2f2f; padding: 10px 0;}
.header_info{display: flex; align-items: center; }
.header_info a{font-weight: 900; font-size: 18px; color: #2F2F2F; line-height: 21px;}
.header_info b{font-family: 'roboto',Arial,Verdana, sans-serif;}
.header_info a:hover{color: #A93338;}

.mx-auto { display: block; }

a{text-decoration: none;color:#252525;}
a:hover,a:focus {text-decoration: none !important;}
a,input,button {outline: none!important;}
.editor {overflow: hidden;}
.editor img {display: inline-block;max-width: 100%!important;height: auto!important;}
.editor iframe {max-width: 100%;}
.editor table {max-width: 100%!important;}

/*logo*/
.logo { width: 100px; height: auto; margin: 10px 0; }
/* @media(min-width: 768px) {
.logo { height: 70px; }
}
@media(min-width: 992px) {
.logo { height: 80px; }
}
@media(min-width: 1400px) {
.logo { height: 100px; }
} */

.header-bottom-con{max-width: 100%; display: flex; justify-content: center;}


/*nav*/
.box-menu {}

.box-menu li {position: relative;}
.box-menu > ul > li { padding: 0 10px; }
.box-menu > ul > li:last-child { padding-right: 0; }
.box-menu > ul > li > a { font-size:14px;color: #86b300; display: block; padding: 5px; }
@media(min-width: 992px) {
.box-menu > ul > li > a { padding: 3px; margin:5px 0; }
}
@media(min-width: 1200px) {
.box-menu > ul > li > a { padding: 5px;}
}
@media(min-width: 1400px) {
.box-menu > ul > li > a { font-size: 16px; padding:5px 8px;}
}
.box-menu > ul > li.dropdown:after {
  width: 0;
  height: 0;
  position: absolute;
  bottom: 0;
  content: '';
  left:50%;
  margin-left:-4px;
}
.box-menu > ul > li:last-child > a {  }
.box-menu > ul { margin-bottom: 0; }
.box-menu > ul > li {text-align:center;float:left;position: relative;/* transition:all 0.6s;-moz-transition:all 0.6s;-webkit-transition:all 0.6s; */}
.box-menu > ul > li.active, .box-menu > ul > li.selected, .box-menu > ul > li:hover {  }
.box-menu > ul > li > a > span { color: #000; font-family: 'Roboto'; font-weight: 900; }
@media(min-width: 1200px) {
.box-menu > ul > li > a > span {  }
}
.box-menu > ul > li.active > a, .box-menu > ul > li.selected > a, .box-menu > ul > li:hover > a {}
.box-menu > ul > li.active > a > span, .box-menu > ul > li.selected > a > span, .box-menu > ul > li:hover > a > span { color: #28008A;}
.box-menu > ul > li > ul { position: absolute; top: 90%; padding-top: 20px; left: -5px; z-index: 99999; background-color: #fff; padding: 0 10px;
     box-shadow: 0 10px 10px rgba(0,0,0,.1);
     opacity: 0;
     width: 200px;
     pointer-events: none;
filter: alpha(opacity=0); 
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out; 
}
@media(min-width: 1600px) {
.box-menu > ul > li > ul { left: 5px; }
}
.box-menu > ul > li > a > span:hover > ul { opacity: 1; }
.box-menu > ul > li ul li { text-align: left; padding: 8px 10px; border-bottom: solid 1px #efefef; }
.box-menu > ul > li ul li:last-child { border-bottom: none; }
.box-menu > ul > li ul li a { min-width: 140px; font-family: 'Roboto'; font-weight: bold; white-space: nowrap; color: #252525; }
.box-menu > ul > li ul li:last-child a { border-bottom: none; }
.box-menu > ul > li ul li a:hover, .box-menu > ul > li ul li a.active{ color: #28008A; }
.box-menu > ul > li.selected > ul {/* display: block; */
        opacity: 1;
        filter: alpha(opacity=100);
        pointer-events: auto;
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        transform: translateY(0px);
}
.box-menu>ul>li>ul {
    position: absolute;
    top: 100%;
    /* padding-top: 20px; */
    left: -5px;
    z-index: 99999;
    background-color: #fff;
    /* padding: 0 10px; */
    opacity: 0;
    pointer-events: none;
    filter: alpha(opacity=0);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

@media(min-width: 1600px) {
    .box-menu>ul>li>ul {
        left: 0px;
    }
}
.box-menu>ul>li>a>span:hover>ul {
    opacity: 1;
}

.box-menu>ul>li ul li {
    text-align: left;
}

.box-menu>ul>li ul li:last-child {
    border-bottom: none;
}

.box-menu>ul>li ul li a {
    min-width: 180px;
    display: block;
    white-space: nowrap;
}
.box-menu>ul>li ul li:last-child a {
    border-bottom: none;
}
.box-menu>ul>li>ul>li{ position: relative;}
.box-menu>ul>li ul li a:hover,
.box-menu>ul>li ul li a.active {color: #28008A;}
.box-menu li li{float: none;}
.box-menu li li:hover{color: #28008A;}
.box-menu li li ul{display: none;}
.box-menu li:hover > ul {display: block;}
.box-menu li li ul{position: absolute;width: 180px; top: 0%;left: 190px;background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.2);font-family: 'Roboto'; font-weight: bold; }
.box-menu li:hover > a{color: #28008A;}

/* mobile menu */
.st-menu { background-color: #28008A; }
.st-menu ul li a { color: #fff; font-family: 'Roboto'; }

.mobile-menu-btn { float:right; margin-left: 0px; }

.menu-mobile {  }
.menu-mobile .menu-mobile-title {height: 36px;position: relative;}
.menu-mobile .button-close-menu{position: absolute;right:8px;top:8px;color:#fff;cursor: pointer;}
.menu-mobile .button-close-menu:hover {color:#292929;}
.menu-mobile .button-close-menu i {font-size: 20px;}
.menu-mobile .mobile-more {display: inline-block;width: 18px;height: 18px;position: absolute;top:20px;right:8px;font-size: 18px;color:#fff;cursor: pointer;text-align: center;
  -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out; 
}
.menu-mobile ul li.mobile-sub-open > .mobile-more {transform:rotate(180deg);}
.menu-mobile .mobile-more i{font-size: 18px;}
.menu-mobile .menu-mobile-content > li .dropdown-menu {position: static;}
.menu-mobile .mobile-dropdown-menu {margin-left:0!important;padding:0;display: none;}
.menu-mobile .mobile-sub-open > .mobile-dropdown-menu {display: block;}
.menu-mobile .mobile-dropdown-menu a {padding-left: 30px;text-decoration: none;}
.menu-mobile .mobile-dropdown-menu ul a{padding-left:50px;}
.menu-mobile .mobile-dropdown-menu ul ul a{padding-left:70px;}
.menu-mobile a:link, .menu-mobile a:visited, .menu-mobile a:hover, .menu-mobile a:active {text-decoration: none;}
.menu-mobile ul li li, .menu-mobile .see-all, .menu-mobile ul ul ul ul > li { background: #4921ab; }
.menu-mobile ul li:hover, .menu-mobile ul li.mobile-sub-open {
  background: rgba(0,0,0,0.1);
  box-shadow: inset 0 -1px rgba(0,0,0,0);
  color: #fff;
} 
.menu-mobile ul ul ul > li {
  background: #6c9045;
}


.btn-ud {
  color: #fff!important;
  padding: 6px 10px;
  border-radius: 0;
}
.btn-ud .fa-bars{font-size: 22px;}
.btn-ud:focus,
.btn-ud.focus {
  color: #fff;
  background-color: #1B9B84;}
.btn-ud:hover {
  color: #fff;
  background-color: #1B9B84;
}
.btn-ud:active,
.btn-ud.active,
.open > .dropdown-toggle.btn-ud {
  color: #fff;
  background-color: #1B9B84;
}
.btn-ud:active:hover,
.btn-ud.active:hover,
.open > .dropdown-toggle.btn-ud:hover,
.btn-ud:active:focus,
.btn-ud.active:focus,
.open > .dropdown-toggle.btn-ud:focus,
.btn-ud:active.focus,
.btn-ud.active.focus,
.open > .dropdown-toggle.btn-ud.focus {
  color: #fff;
  background-color: #1B9B84;
}
.btn-ud:active,
.btn-ud.active,
.open > .dropdown-toggle.btn-ud {
  background-image: none;
}
.btn-ud.disabled,
.btn-ud[disabled],
fieldset[disabled] .btn-ud,
.btn-ud.disabled:hover,
.btn-ud[disabled]:hover,
fieldset[disabled] .btn-ud:hover,
.btn-ud.disabled:focus,
.btn-ud[disabled]:focus,
fieldset[disabled] .btn-ud:focus,
.btn-ud.disabled.focus,
.btn-ud[disabled].focus,
fieldset[disabled] .btn-ud.focus,
.btn-ud.disabled:active,
.btn-ud[disabled]:active,
fieldset[disabled] .btn-ud:active,
.btn-ud.disabled.active,
.btn-ud[disabled].active,
fieldset[disabled] .btn-ud.active {
  background-color: #1B9B84;
}

/* ///mobile header */
.mobile-header{padding: 10px 0; width: 100%; background-color: #1B9B84; }
.mobile-header.active{position: fixed; top: 0; z-index: 999999;}
.mobile-inner{display: flex; align-items: center; justify-content: space-between;}
@media (max-width:991px) {
    .mobile-inner{max-width: 100%;}
}
.mobile-header-left{display: flex; align-items: center;}
.mobile-search{margin-left: 14px;}
.mobile-logo{width: 89px; height: 50px;}
.mobile-header-right{}
.mobile-lang{color: #fff; font-size: 13px; position: relative; padding-right: 10px;}
.lang-down{position: absolute; z-index: 999; right: 0; display: none; width: 60px; background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.2); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px;}
.lang-down a{padding: 6px 0; width: 80px; border-bottom: 1px solid #ccc; color: #333; width: 100%; display: flex; justify-content: center;}
.lang-down a:last-child{border-bottom: none;}
.lang-down a:hover{color: #28008A;}

/* search open */
.search-open{position: fixed; top: 0; left: 0; z-index: 9999; display: none; width: 100%; height: 100%; background-color: rgba(0,0,0,.8);  }
.search-closure{position: absolute; right: 20px; top: 20px; width: 40px; height: 40px;}
.search-closure .fa-times{font-size: 30px; color: #fff;}
.search-box{ width: 100%; height: 100%; padding: 20px 0; display: flex; justify-content: center; align-items: center;}
.search-form{display: flex; justify-content: center; align-items: center; width: 100%; padding: 0 50px;}
.search-con{min-width: 100%; border-bottom: 1px solid #999; padding-bottom: 15px; display: flex; justify-content: space-between; align-items: center;}
.search-input{border: none; background: none; padding: 10px 10px; color: #fff; width: 100%; font-size: 30px}
.searchbar{margin-left: 15px;}
.searchbar img{max-width: 50%;}

/*main-all*/
.main-all {min-height: 101vh;}
.preloader{
  background: #fff;
  position: fixed; 
  top: 0; 
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.preloader img{width: 100px;}
.preloader:before{/*content:"";position: absolute;left: 0;top:0;background: #fff;z-index: 99999;width: 100%;height: 100%;*/}
@media(min-width: 768px){
  .preloader img{width: 120px;}
}


/*slideshow*/
.swiper-container { max-width: 1920px; margin: auto;position: relative;}
.swiper-pagination-bullet { height: 12px; width: 12px;border-radius: 50%; background-color: #fff; outline: none; opacity: 1;}
.swiper-pagination-bullet-active { background-color: #fbac35; }
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after, .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after { content: ' '; }
/*.swiper-button-prev { background: url(../images/new-left-s.png) center no-repeat; }
.swiper-button-next { background: url(../images/new-right-s.png) center no-repeat; }*/
@media(max-width: 767.98px){
  .swiper-container { max-width: 1920px; margin: auto;}
  .swiper-container img{
    width: 100%;
    display: block;
    height: 100%;
    object-fit: cover;
  }
}

@media(min-width: 768px) {
.swiper-pagination-bullet { height: 15px; width: 15px;}
.swiper-button-prev { background: url(../images/new-left.png) center no-repeat; }
.swiper-button-next { background: url(../images/new-right.png) center no-repeat; }
}
.swiper-button-next, .swiper-button-prev { outline: none; color: #fff; top: 55%; transition: all 0.8s; height: 30px; width: 30px; }
@media(min-width: 768px) {
.swiper-button-next, .swiper-button-prev { top: 55%; display: block; opacity: 1; height: 60px; width: 60px; }
}
.swiper-button-prev {  }
.swiper-button-next {  }
@media(min-width: 1200px) {
.swiper-button-prev { left: 30px; }
.swiper-button-next { right: 30px; }
}
.swiper-container:hover .swiper-button-next, .swiper-container:hover .swiper-button-prev { opacity: 1; transition: all 0.8s; }
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 20px; }
@media(min-width: 768px) {
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 20px; }
}
@media(min-width: 1400px) {
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 30px; }
}
/*.swiper-slide { position: relative; height: 440px; }
@media(min-width: 768px) {
.swiper-slide { height: 520px; }
}
@media(min-width: 1200px) {
.swiper-slide { height: 620px; }
}
@media(min-width: 1400px) {
.swiper-slide { height: 720px; }
}
@media(min-width: 1600px) {
.swiper-slide { height: 810px; }
}*/
.slideshow-1 { background: url(../images/slideshow1.png) center no-repeat; background-size: cover; }
.slideshow-2 { background: url(../images/slideshow2.jpg) center no-repeat; background-size: cover; }
.slideshow-3 { background: url(../images/slideshow3.jpg) center no-repeat; background-size: cover; }
.slideshow-4 { background: url(../images/slideshow4.jpg) center no-repeat; background-size: cover; }
.slideshow-text { color: #fff; padding: 5% 0 0; text-shadow: 0 0 5px #000; }


.swiper-slide{position: relative;}
.swiper-slide-text{
  position: absolute;
  z-index: 999;
  top:50%;
  left: 10%;
  right: 0;
  max-width: 750px;
  color: #fff;
}
.swiper-slide-text-tit{
  background:rgba(0,60,162,0.7);
  font-size: 30px;
  font-family: "Lato-Bold";
  text-shadow: 0px 1px 4px rgba(0, 0, 0, 0.5);
  margin-bottom: 10px;
  display: inline-block;
  border-left: 5px solid #fbac35;
  padding: 1rem 2.5rem;
  border-radius: 0 10rem 0 0;
}
.swiper-slide-text-tit span{color: #fbac35;}

.swiper-slide-active .swiper-slide-text-tit,.swiper-slide-active .swiper-slide-text-sec{
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
  -webkit-animation-delay: 0.8s;
  animation-delay: 0.8s;
}

@media(min-width: 768px){
.swiper-slide-text{
  position: absolute;
  z-index: 999;
  top:30%;
  left: 5%;
  right: 0;
  max-width: 750px;
  color: #fff;
}
.swiper-slide-text-tit{
  font-size: 32px;
}  
}
@media(min-width: 1200px){
.swiper-slide-text{
  position: absolute;
  z-index: 999;
  /*top:50%;*/
  top:25%;
  left: 5%;
  right: 0;
  max-width: 750px;
  color: #fff;
}
.swiper-slide-text-tit{
  font-size: 40px;
}  
}

@media(min-width: 1600px){
.swiper-slide-text{top:23%;}
.swiper-slide-text-tit{
  font-size: 52px;
}  
}

.home-banner{max-width: 1380px !important;}
@media (min-width:992px) {
    .home-banner{margin-top: 198px;}
}


/* home work */
.home-work{padding: 20px 0; margin: 0;}
.home-work-top{margin-top: 20px;}
.home-work-list{overflow: hidden; margin-bottom: 30px;}
.home-work-list1{overflow: hidden; margin-bottom: 30px;}
@media (min-width:992px) {
    .home-work-list:first-child{padding-left: 0;}
    .home-work-list:last-child{padding-right: 0;}
}
@media (max-width:991px) {
    .home-work-top{padding: 0 15px;}
    .home-work-bottom{padding: 0 15px;}
    .home-work-list{padding: 0 6px;}
    .home-work-list1{padding: 0 6px; margin-bottom: 20px;}
    .home-work-list{margin-bottom: 12px;}
}
@media (max-width:767.9px) {
    .home-work-list{padding: 0 6px;}
}

.home-work-box{position: relative; overflow: hidden; max-width: 100%; height: 100%;}
.home-work-box img{width: 100%; height: 100%; transition: all ease-out .4s;}
.home-work-links{position: absolute; top: 0; left: 0; padding: 30px 20px 40px; display: flex; flex-direction: column; justify-content: space-between; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, #000000 100%);}
.home-work-links .work-links-top{display: flex; justify-content: flex-end;}
.home-work-links .work-links-top span{display: block; width: 25px; height: 25px; background-color: #fff; border-radius: 100%;}
.home-work-links .work-links-bottom{max-width: 100%;}
.home-work-links .work-links-bottom b{position: relative; line-height: 30px; font-size: 30px; color: #fff; padding-bottom: 12px;}
/*.home-work-links .work-links-bottom b::after{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; background-color: #fff; transition: all ease-out .4s;}*/
/* .home-work-list:hover .home-work-box{animation: bounce .8s 1 linear;} */
.home-work-list:hover .home-work-box img{transform: scale(1.1); transition: all ease-out .4s;}
.home-work-list:hover .home-work-links{background: none;}
.home-work-list:hover .home-work-links .work-links-bottom b{color: #fff; transition: all ease-out .4s;}
.home-work-bottom{display: flex; justify-content: center;}
/* .home-work-list1:hover .home-work-box{animation: bounce .8s 1 linear;} */
.home-work-list1:hover .home-work-box img{transform: scale(1.1); transition: all ease-out .4s;}
.home-work-list1:hover .home-work-links{background: none;}
.home-work-list1:hover .home-work-links .work-links-bottom b{color: #fff; transition: all ease-out .4s;}
@media (max-width:991px) {
    .home-work{padding: 20px 0 0;}
}
@media (max-width:425px) {
    .home-work-links .work-links-bottom b{font-size: 18px; line-height: 20px;}
}

/* home demo */
.home-demo{padding: 30px 0 30px; margin: 0;}
.demo-box{margin: 0;}
.demo-box li{margin-bottom: 20px; overflow: hidden; width: 100%; height: 100%;}
.demo-list{ display: block; position: relative; width: 100%; height: 100%;}
.demo-list img{width: 100%; transition: all ease-out .4s;}
.demo-text{ display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 20px 30px; font-size: 16px; color: #fff; font-weight: 900; transition: all ease-out .4s;}
.demo-text1{display: flex; justify-content: flex-start;}
.demo-text2{display: flex; justify-content: flex-end;}
.demo-box li:hover .demo-list img{transform: scale(1.1); transition: all ease-out .4s;}
.demo-box li:hover .demo-text{transition: all ease-out .4s; color: #fff;}
@media (min-width:1440px) {
    .demo-text{font-size: 40px;}
}
@media (min-width:1024px) {
    .demo-text{font-size: 36px;}
}
@media (max-width:1024px) {
    .home-demo{padding: 30px 0;}
}
@media (max-width:768px) {
    .demo-text{font-size: 24px;}
}
@media (max-width:425px) {
    .demo-text{font-size: 16px;}
}

/* keep in touch */
.home-connect{}
.home-connect-title{font-size: 26px; color: #A93338; text-align: center; font-family: 'Roboto'; font-weight: 900;}
.home-connect-text{font-family: 'Roboto'; text-align: center; font-size: 18px; color: #000;}
.home-connect-sub{margin-top: 20px; display: flex; align-items: center; justify-content: center;}
.home-connect-sub-con{max-width: 100%; border: 1px solid #B6C0C7; display: flex; align-items: center;}
.sub-input{border: none; padding: 10px 20px; height: 100%; border-radius: 0; font-family: 'Roboto'; width: 500px; }
.btn-sub{border-radius: 0; background-color: #000; padding: 15px 40px;}
.connect-icon{display: flex; justify-content: center; margin: 40px 0;}
.connect-icon li{margin: 0 20px;}
.cooperate-box-list{display: flex;}
@media (max-width:768px) {
    .sub-input{width: 100%;}
    .btn-sub{padding: 15px 24px;}
    .home-connect-sub-con{width: 100%;}
}
@media (max-width:425px) {
    .btn-sub{padding: 15px 15px;}
    /* .mobile-cooperate{width: 64px; height: 64px;} */
    .connect-icon{margin: 20px 0;}
}

/* cooperate */
.home-cooperate{padding-bottom: 20px;}
.cooperate-box{display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: center; }
@media (max-width:768px) {
    .connect-icon li{margin: 0 10px;}
}


/*back-to-top*/
#back-to-top { position: fixed; right: 3%; bottom: 5%; z-index: 999; padding: 15px;background: #28008A;border-radius: 10px;}
@media(min-width: 768px) {
#back-to-top { right: 3%; bottom: 6%; }
}
#back-to-top a { color: #fff; }


/*footer*/
/* footer { position: relative; background-color: #003ca2; color: #fff; padding: 20px 0; }
@media(min-width: 768px){
footer { padding: 25px 0; }
} */
.footer{background-color: #bcbcbc;}
.footer-con{padding: 50px 15px; overflow: hidden;}
.footer-nav-box{}
.footer-nav{border-bottom: 1px solid #000; padding-bottom: 40px; display: flex; flex-direction: row; flex-wrap: wrap; }
.footer-nav a{font-family: 'Roboto'; font-weight: 300; font-size: 14px; color: #202020; margin-right: 30px; margin-bottom: 10px;}
.footer-nav a:last-child{margin-right: 0;}
.footer-bottom{margin-top: 30px; display: flex; align-items: center; justify-content: space-between;}
.footer-left{padding: 0 10px;}
.footer-left a{margin: 0 10px;}
.footer-text{font-family: 'Roboto'; font-size: 14px; text-align: center;}
@media (max-width:1024px) {
    .footer-bottom{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center;}
    .footer-left{padding: 0; margin-bottom: 15px; }
    .footer-left a{margin: 0 5px;}
    /*.footer-nav{display: flex;}*/
    .footer-nav{display: flex;justify-content: space-between}
    .footer-nav-box{display: flex; flex-direction: column; max-width: 180px;}
    .footer-nav-box a{ margin: 0 0 10px 0;}
    .footer-nav-box:last-child{margin-left: 100px;}
}
@media (max-width:425px) {
    /*.footer-nav-box:last-child{margin-left: 30px;}*/
    .footer-nav-box:last-child{margin-left: 0px;}
}
@media (max-width:422.9px) {
    /*.footer-nav-box:last-child{margin-left: 10px;}*/
    .footer-nav-box:last-child{margin-left: 0px;}
}
@media (max-width:320px) {
    .footer-nav-box:last-child{margin-left: 0px;}
}


/* inner common */
.inner-content{font-family: 'Roboto'; color: #000;}
.inner-top-box{height: 195px;}
@media (min-width:1440px) {
    .inner-top-box{height: 195px;}
}
@media (min-width:1024px) {
    .inner-top-box{height: 195px;}
    .inner-top-box1{height: 186px !important;}
}
@media (max-width:1023px) {
    .inner-top-box{height: 186px;}
}
@media (max-width:991px) {
    .inner-top-box{height: 0px;}
}
.back{padding: 10px 13px; font-weight: normal; font-family: 'Roboto'; color: #fff; font-size: 18px; background-color: #000000; }
.back:hover{color: #fff;}
.pag-box{display: flex; justify-content: center; margin-top: 20px;}
.pag .page-item:first-child .page-link{border-radius: 0;}
.pag .page-item:last-child .page-link{border-radius: 0;}
.pag .page-link{border: none; color: #000;}
.pag .page-item.active .page-link, .pag .page-item:hover .page-link{color: #1492df; background-color: #fff;}

/* about */
.about-inner{padding: 40px 0;}
.about-awards-top{padding: 10px 0px; }
.about-awards-top b{font-size: 20px; text-transform: uppercase; padding-bottom: 5px; border-bottom: 3px solid #000;}
.about-awards-top p{max-width: 690px; margin-top: 20px; font-size: 16px; font-weight: normal;}
.about-awards-bottom{padding-bottom: 50px; display: flex;}
/* @media (min-width:1440px) {
    .about-awards-bottom{padding-bottom: 160px;}
}
@media (min-width:1024px) {
    .about-awards-bottom{padding-bottom: 100px;}
} */
@media (min-width:769px) {
    .about-awards-bottom{padding-bottom: 50px;}
}
@media (max-width:768px) {
    .about-awards-bottom{padding-bottom: 0px;}
}
.awardss-pills{}
@media (max-width:425px) {
    .awardss-pills{max-width: 100%;}
    .awardss-pills .nav-item{margin-right: 20px;}
    .awardss-pills .nav-item:last-child{margin-right: 0;}
}
@media (max-width:424px){
    .awardss-pills .nav-item{margin-right: 5px;}
}
@media (max-width:375px) {
    .awardss-pills .nav-item{margin-right: 0px;}
}
.awardss-pills .nav-link{font-size: 20px; color: #B6C0C7; padding: 8px 20px;}
@media (max-width:375px){
    .awardss-pills .nav-link{ padding: 8px 10px; }
}
.awardss-pills .nav-link.active, .awardss-pills .show>.nav-link{
    background: none;
    border-bottom: 4px solid #A93338;
    color: #A93338;
    border-radius: 0;
    font-weight: bold;
    text-transform: uppercase;
}
.awardss-tab-content{padding: 20px 0; overflow: hidden;}
.about-awards-list{}
.about-awards-list li{display: flex; padding: 20px 0; border-bottom: 1px solid #B6C0C7;}
.about-awards-list li:last-child{border-bottom: none;}
.awasdr-img-box{}
.awasdr-img-box img{}
.awards-common-box{display: flex; flex-direction: column;}
.awards-common-title{font-size: 20px; color: #A93338; display: block;}
.awards-common-text{font-style: normal; color: #B6C0C7; font-size: 14px; font-weight: normal; margin: 2px 0 10px; display: block;}
.awards-common-con{font-size: 16px; font-weight: 400; color: #000;}
.awards-common-li-inner{display: flex; flex-direction: column;}
.awards-common-li-inner b{font-size: 14px; color: #000;}
.awards-common-li-inner p{font-size: 14px; color: #000;}
.awards-a{color: #A93338; font-style: normal;}
.about-awards-filter{display: flex; flex-direction: column; align-items: center;}
.about-awards-filter a{margin-bottom: 40px; font-size: 16px; color: #B6C0C7;}
.about-awards-filter a:hover,.about-awards-filter a.active{color: #A93338; font-weight: bold;}
@media (max-width:767px) {
    .about-awards-list li{display: flex; flex-direction: column;}
    .awasdr-img-box{margin-bottom: 20px;}
}
@media (max-width:425px) {
    .about-awards-filter a{margin-bottom: 20px;}
}
/* ----- */
.about-project-top{padding: 40px 0 0; display: flex;}
@media (max-width:425px) {
    .about-project-top{padding: 10px 15px 0; display: flex;}
}
.about-project-top-list{padding: 0 10px;}
@media (max-width:767px) {
    .about-project-top-list{margin-bottom: 10px;}
}
@media (max-width:425px) {
    .about-project-top-list{padding: 0 6px;}
}
.about-input-group-box{display: flex; justify-content: flex-end; /* max-width: 440px; */}
@media (max-width:767px) {
    .about-input-group-box{display: flex; flex-direction: column;}
    .about-project-style{margin: 10px 10px 0 0 !important;}
}
.about-project-top-list .form-group{max-width: 350px; height: 50px; margin-bottom: 0;}
.about-project-top-list .form-control{border-radius: 0; height: 100%; border: 1px solid #B6C0C7; color: #000000; }
@media (max-width:767px) {
    .about-project-top-list .form-group{max-width: 100%;}
}
.about-project-search{display: flex; justify-content: space-between; border-radius: 0; border: 1px solid #B6C0C7; max-width: 280px; height: 50px;}
@media (max-width:991px) {
    .about-project-search{max-width: 100%;}
}
select {
border: solid 1px #000;
appearance:none;
-moz-appearance:none;
-webkit-appearance:none;
background: url("../images/arrow.png") no-repeat scroll 96% center transparent;
padding-right: 20px;
}
select::-ms-expand { display: none; }
.about-project-input{border: none; padding: 6px 0 6px 12px; color: #000;}
.about-project-input::-webkit-input-placeholder{color: #B6C0C7;}
.about-project-search button{width: 32px; border: none; background-color: #fff;}
.about-project-style-bottom{display: flex;}
.about-project-style{width: 50px; height: 50px; margin: 0 0 0 10px; background-color: #fff; border: 1px solid #B6C0C7; display: flex; justify-content: center; align-items: center;}
.about-project-style .fa{font-size: 24px; color: #B6C0C7;}
.about-project-style:hover{background-color: #000000; border: 1px solid #000000;}
.about-project-style:hover .fa{color: #fff;}
.about-project-style.active{background-color: #000000; border: 1px solid #000000;}
.about-project-style.active .fa{color: #fff;}
.about-project-bottom{padding: 40px 0 60px;}
@media (max-width:425px) {
    .about-project-bottom{padding: 20px 15px 0;}
}
.about-project-list{padding: 0 10px;}
@media (max-width:425px) {
    .about-project-list{padding: 0 6px;}
}
.about-project-box{position: relative; overflow: hidden; max-width: 100%; margin-bottom: 20px;}
@media (max-width:425px) {
    .about-project-box{margin-bottom: 12px;}
}
.about-project-box img{width: 100%; transition: all ease-out .4s;}
.about-project-links{position: absolute; top: 120%; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.8); display: flex; flex-direction: column; justify-content: center; align-items: center; transition: all ease-out .4s;}
.about-project-links b{color: #fff; font-size: 20px; font-family: 'Roboto-Bold';}
.about-project-links p{color: #fff; font-size: 16px; font-family: 'Roboto';}
.about-project-links i{color: #fff; font-size: 16px; font-family: 'Roboto'; font-style: normal; text-decoration: underline;}
.about-project-box:hover img{transform: scale(1.1); transition: all ease-out .4s;}
.about-project-box:hover .about-project-links{top: 0; transition: all ease-out .4s;}
@media (max-width:425px) {
    .about-project-links b{color: #fff; font-size: 14px;}
    .about-project-links p,.about-project-links i{color: #fff; font-size: 13px;}
}
.about-project-list-box{padding-left: 30px;}
.about-project-list-box li{margin-bottom: 20px;}
.about-project-list-links{font-size: 18px; font-weight: bold; color: #000;}
.about-project-list-links:hover{color: #A93338;}
@media (max-width:425px) {
    .about-project-bottom1{padding: 20px 0 0 !important;}
}
/* ---- */
.about-event-top{max-width: 700px; padding-top: 10px; padding-bottom: 6px; border-bottom: 3px solid #000; font-size: 20px; color: #000; font-weight: bold; text-transform: uppercase;}
.about-event-bottom{margin-top: 50px; margin-bottom: 50px;}
@media (max-width:768px) {
    .about-event-bottom{margin-top: 30px; margin-bottom: 30px;}
}
.about-event-search{display: flex; justify-content: space-between; border-radius: 0; border: 1px solid #B6C0C7; max-width: 380px; height: 50px;}
@media (max-width:991px) {
    .about-event-search{max-width: 100%; margin-bottom: 20px;}
}
.about-event-input{border: none; padding: 6px 0 6px 12px; color: #000; width: 300px;}
@media (max-width:991px) {
    .about-event-input{max-width: 100%;}
}
.about-event-input::-webkit-input-placeholder{color: #B6C0C7;}
.about-event-search button{width: 32px; border: none; background-color: #fff;}
.about-event-table{ display: flex; justify-content: space-between; align-items: center;}
.event-pills{max-width: 100%; margin-bottom: 0 !important; background-color: #B6C0C7; padding: 5px; font-family: 'Roboto'; font-size: 16px; color: #fff;}
.event-pills .nav-item{margin-right: 10px;}
.event-pills .nav-item:last-child{margin-right: 0;}
.event-pills .nav-link.active, .event-pills .show>.nav-link{background-color: #A93338; color: #fff; font-weight: bold; border-radius: 0; text-transform: uppercase;}
.event-pills .nav-link{color: #fff; font-weight: normal; text-transform: uppercase;}
.event-pills .nav-link:hover{background-color: #A93338; border-radius: 0; color: #fff; font-weight: bold;}
@media (max-width:375px) {
    .about-event-input{max-width: 88%;}
    .event-pills .nav-item{margin-right: 2px;}
    .event-pills .nav-link{font-size: 14px;}
}
.event-tab-content{margin-top: 30px;}
.event-list{}
.event-list li{ max-height: 260px; display: flex; box-shadow: 0 10px 10px rgba(0,0,0,.1); margin-bottom: 30px; transition: all ease-out .4s;}
@media (max-width:991px) {
    .event-list li{/*display: flex; flex-direction: column;*/ max-height: 100%;}
}
.event-list-img{position: relative; overflow: hidden; /*width: 460px;*/ height: auto; /*background-color: #000000;*/}
@media (max-width:991px) {
    /*.event-list-img{padding: 0; width: 100%;}*/
}
.event-list-img a{display: flex; justify-content: center; align-items: center;}
.event-list-img img{/* width: 100%; */}
.event-list-time{position: absolute; top: 10px; left: 10px; background-color: #A93338; width: 70px; height: 70px; border-radius: 100%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.event-list-time b{color: #fff; font-size: 24px;}
.event-list-time i{color: #fff; font-size: 11px; font-weight: bold; text-transform: uppercase; font-style: normal; margin-top: -5px;}
.event-list-inner a{padding: 20px 10px; display: flex; flex-direction: column;}
@media (max-width:991px) {
    /*.event-list-inner{padding: 0;}*/
    .event-list-inner a{padding: 20px;}
}
.event-title{font-size: 18px; color: #000000; margin-bottom: 4px;}
.event-infor{font-size: 16px; color: #A93338; font-style: normal;  margin-bottom: 4px;}
.event-region{font-size: 16px; color: #B6C0C7;  margin-bottom: 4px;}
.event-tab-t{font-size: 16px; color: #B6C0C7; margin-bottom: 20px;}
.event-time{font-size: 18px; color: #000000;}
@media (max-width:768px) {
    .event-title,.event-time{font-size: 16px;}
    .event-infor,.event-region,.event-tab-t{font-size: 14px;}
}
.event-list li:hover{box-shadow: none; transition: all ease-out .4s;}



/* .popup-video{height: 545px; width: 100%;} */
.popup-banner-img{position: absolute; width: 100%; height: 100%; top: 0; left: 0%; display: flex; justify-content: center;}
.popup-content{padding: 50px 30px 0;}
.mobile-swiper{width: 100%; height: 100%; overflow: hidden;}
.mobile-swiper .swiper-img{display: flex; justify-content: center; align-items: center;height: 100%;}
.mobile-swiper .swiper-img iframe{background-color: #000;}
.popup-video{background-color: #000;}
.mobile-swiper .swiper-img img{height: 100%; width: 100%; background-size: cover; }
.popup-inner-top{display: flex; justify-content: space-between;}
@media (max-width:425px) {
    .popup-inner-top{display: flex; flex-direction: column;}
}
.popup-top-left{display: flex; flex-direction: column;}
@media (max-width:425px) {
    .popup-top-left{margin-bottom: 20px;}
}
.popup-top-left h3{font-size: 48px; color: #202020; font-weight: bold; }
.popup-top-left span{font-size: 32px; color: #202020; font-weight: normal;}
@media (max-width:425px) {
    .popup-top-left h3{font-size: 26px;}
    .popup-top-left span{font-size: 18px;}
}
.popup-top-right{display: flex;}
.popup-top-right .fa-box{margin: 0 10px; width: 45px; height: 45px; background-color: #A93338; border-radius: 100%; display: flex; justify-content: center; align-items: center;}
.popup-top-right .fa-box:first-child{margin-left: 0;}
.popup-top-right .fa-box .fa{font-size: 18px; color: #fff;}
.popup-inner-bottom{margin-top: 20px;}
.popup-inner-left{}

.popup-inner-box{margin-bottom: 40px;}
.popup-inner-left-box{display: flex; margin-bottom: 6px;}
.popup-left-title{font-size: 18px; font-weight: bold; color: #202020; padding: 0;}
.popup-left-text{font-size: 16px; color: #A93338; padding: 0;}
.popup-inner-title{font-size: 18px; font-weight: bold; color: #202020;}
.popup-inner-title1{font-size: 20px;}
.popup-inner-title-list{margin-top: 10px;}
.popup-inner-title-list li{margin-bottom: 10px; font-size: 16px; display: flex;}
.popup-inner-con-title{ color: #202020; padding: 0;}
.popup-inner-con-text{ color: #A93338; padding: 0; }
.popup-inner-con-title1{margin-right: 10px;}
.popup-inner-con-text1{color: #202020;}
@media (max-width:425px) {
    .popup-left-title,.popup-left-text,.popup-inner-con-title,.popup-inner-con-text{font-size: 14px;}
    .popup-left-text,.popup-inner-con-text{text-align: right;}
    .popup-inner-con-text1{text-align: left;}
}
.popup-inner-right{border-left: 1px solid #D8DCDE; padding-left: 20px;}
@media (max-width:992px) {
    .popup-inner-right{border-top: 1px solid #D8DCDE; padding-top: 32px; border-left: none; }
}
.popup-inner-introduction{margin-bottom: 24px;}
.popup-inner-introduction h3{font-size: 20px; font-weight: bold; color: #202020; text-align: center;}
@media (max-width:991px) {
    .popup-inner-introduction h3{text-align: left;}
}
.popup-inner-introduction p{ font-size: 16px; color: #000; line-height: 30px;}
.popup-inner-synopsis{margin-bottom: 40px;}
.popup-inner-synopsis h3{font-size: 20px; font-weight: bold; color: #202020; text-align: center;}
@media (max-width:991px) {
    .popup-inner-synopsis h3{text-align: left;}
}
.popup-inner-synopsis p{line-height: 30px;}
.popup-inner-director{margin: 0 0 40px 0; overflow: hidden;}
.popup-inner-director .director-img{overflow: hidden; padding: 0; }
.popup-inner-director .director-img img{height: 100%; border-radius: 100%;}
@media (max-width:1440px) {
    .popup-inner-director .director-img img{width: 100%; height: auto;}
}
.popup-inner-director .director-common{padding: 0 0 0 30px;}
@media (max-width:425px) {
    .popup-inner-director .director-common{padding: 0 0 0 15px;}
}
.popup-inner-director .director-common b{font-size: 20px; color: #202020;}
.popup-inner-director .director-common h3{font-size: 26px; color: #202020; font-weight: bold;}
@media (max-width:425px) {
    .popup-inner-director .director-common b{font-size: 18px;}
    .popup-inner-director .director-common h3{font-size: 24px;}
}
.popup-inner-director .director-common p{line-height: 30px; min-width:200px;}
.related-news{margin-top: 70px;}
@media (max-width:425px) {
    .related-news{margin-top: 0px;}
}
.related-news-top-title{font-size: 20px; color: #202020; font-weight: bold; margin-bottom: 20px;}
.related-news-list{padding: 0 10px;}
.related-news-box{margin-bottom: 20px;}
.related-news-box-top{position: relative; overflow: hidden;}
.related-news-box-top img{width: 100%; transition: all .4s;}
.related-news-box-top .related-news-links{position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 20px; display: flex; flex-direction: column; justify-content: space-between; }
.related-news-point{display: flex; justify-content: flex-end;}
.related-news-point b{width: 20px; height: 20px; background-color: #fff; border-radius: 100%;}
.related-news-title{font-size: 20px; color: #fff;}
@media (max-width:768px) {
    .related-news-title{font-size: 15px;}
}
.related-news-box-bottom{display: flex; flex-direction: column; justify-content: space-between; height: 220px; background-color: #f7f7f7; padding: 20px; border-bottom: 5px solid #000;}
.related-news-con{font-size: 15px; color: #000;}
.related-news-more{display: flex; align-items: center; justify-content: space-between; max-width: 110px; border-top: 1px solid #000; padding-top: 10px; transition: all .4s;}
.related-news-more b{font-size: 16px; color: #000; font-weight: normal; transition: all .4s;}
.related-news-more .fa{font-size: 14px; color: #000; transition: all .4s;}
.related-news-box:hover .related-news-box-top img{transform: scale(1.1); transition: all .4s;}
.related-news-more:hover{border-top: 1px solid #A93338; transition: all .4s;}
.related-news-more:hover b{color: #A93338; transition: all .4s;}
.related-news-more:hover .fa{color: #A93338; transition: all .4s;}
@media (max-width:768px) {
    .related-news-more{max-width: 90px; padding-top: 4px;}
    .related-news-con{font-size: 13px;}
    .related-news-more b{font-size: 13px;}
}
@media (max-width:425px) {
    .related-news-box-top .related-news-links{padding: 10px;}
    .related-news-box-bottom{padding: 10px; height: 180px;}
}

/* Guest registration */
.guestre-content{padding: 50px 0 120px; font-family: 'Roboto'; }
@media (max-width:991px) {
    .guestre-content{padding: 50px 0 80px;}
}
.guestre-box{max-width: 534px; height: 400px; background-color: #c4c4c4;}
.guestre-left{}
.guestre-title{margin-bottom: 20px;}
.guestre-title h3{font-size: 20px; color: #000; font-weight: bold; text-transform: uppercase; padding-bottom: 5px; border-bottom: 3px solid #000; max-width: 220px;}
.guestre-infor{font-size: 16px; color: #000; /*font-family: Avenir;*/ font-weight: 400;}
@media (max-width:991px) {
    .guestre-infor{margin-top: 25px; max-width: 100%;}
}
.guestre-bottom{margin-top: 40px;}
.guestre-bottom a{max-width: 390px; margin: 10px 0; padding: 8px 120px; color: #fff; font-size: 20px; font-family: 'Roboto-Bold'; text-transform: uppercase; display: flex; justify-content: center; align-items: center;}
@media (max-width:425px) {
    .guestre-bottom a{max-width: 100%; padding: 8px 50px;}
}
.guestre-bottom a:hover{text-decoration: underline !important;}
.appointment{background-color: #111; border: 2px solid #111;}
.visitingtips{background-color: #fff; color: #111 !important; border: 2px solid #111; }
.demobutton{background-color: #D82433; border: 2px solid #D82433; }
.demobutton1{background-color: #28008A; border: 2px solid #28008A;}
@media (max-width:425px) {
    .guestre-bottom a{max-width: 100%;}
}


/* news */
.news-content{padding: 50px 0 80px; font-family: 'Roboto'; color: #000; }
/* .news-inner{display: flex;} */
.news-title{font-size: 24px; font-family: 'Roboto-Bold'; text-transform: uppercase; padding-bottom: 15px; border-bottom: 5px solid #000; margin-bottom: 20px; }
.news-pills{display: flex; flex-direction: column; padding-left: 0; }
.news-pills .nav-item{display: block;}
.news-pills .nav-link{font-size: 16px; color: #000000; font-family: 'Roboto-Bold'; display: flex; align-items: center; padding: 8px 16px 8px 0;  }
.news-pills .nav-link::after{content: ''; display: block; width: 8px; height: 8px; background-color: #A93338; border-radius: 100%; margin-left: 14px; display: none;}
.news-pills .nav-link.active, .news-pills .show>.nav-link{background-color: #fff; color: #A93338;}
.news-pills .nav-link.active::after, .news-pills .show>.nav-link::after{display: block;}
.news-latest-title{font-size: 20px; text-transform: uppercase; }
@media (max-width:991px) {
    .news-latest-title{margin: 20px 0;}
}
.news-filter{display: flex; margin-top: 20px; }
.news-filter-title{max-width: 50px; font-size: 16px; margin-right: 10px;}
.news-tab-content{padding: 20px 0; overflow: hidden;}
.news-filter-inner{display: flex; flex-direction: row; flex-wrap: wrap;}
.news-filter-inner li{}
.news-filter-inner li a{font-size: 16px; color: #B6C0C7; display: flex; align-items: center;}
.news-filter-inner li a::after{content: ''; display: block; width: 1px; height: 16px; background-color: #000; margin: 0 10px;}
@media (max-width:1024px) {
    .news-filter-inner li a::after{margin: 0 4px;}
}
.news-filter-inner li:last-child a::after{display: none;}
.news-filter-inner li.active a, .news-filter-inner li:hover a{font-weight: bold; color: #d82433; }
.news-press-box{margin-bottom: 20px; display: flex; font-family: 'Roboto'; font-size: 16px; }
@media (max-width:991px) {
    .news-press-box{display: flex; flex-direction: column;}
}
.news-time-box,.news-text-box{padding: 0;}
@media (max-width:991px) {
    .news-time-box{margin-bottom: 10px;}
}
.news-press-time{  color: #000000;}
.news-press-text a{ color: #1492df; font-weight: bold; text-decoration: underline !important; }
.news-press-text a:hover{color: #000000;}
.news-media-box{}
.news-media-box li{display: flex; align-items: center;}
@media (max-width:768px) {
    .news-media-box li{display: flex; flex-direction: column; align-items: flex-start;}
}
.news-media-li{display: flex; align-items: flex-start !important;}
.news-media-box li img{margin-right: 15px; padding: 5px 0 15px;}
.news-media-text{padding: 5px 0 15px; margin-right: 60px; font-family: 'Roboto'; font-size: 16px; font-weight: bold; }
.news-media-conten{padding: 5px 0 15px; font-family: 'Roboto'; font-size: 16px;}
.news-media-conten a{color: #1492df; text-decoration: underline; font-weight: bold; }
.news-director{margin-bottom: 20px;}
.news-director-box{position: relative; overflow: hidden; height: 100%;}
.news-director-img{position: relative; overflow: hidden; height: 100%;}
.news-director-img img{height: 100%; transition: all ease-out .4s; }
.news-director-a{position: absolute; left: 0; bottom: 0; width: 100%; height: auto; padding: 40px 50px; font-size: 16px; font-family: 'Roboto'; color: #fff; background-color: rgba(0,0,0,.5); }
.news-director-a:hover{color: #fff; text-decoration: underline !important;}
.news-director-box:hover .news-director-img img{transform: scale(1.1); transition: all ease-out .4s; }
@media (max-width:991px) {
    .news-director-a{padding: 20px; height: auto;}
}
@media (max-width:425px) {
    .news-director-a{padding: 10px; font-size: 13px; height: auto;}
}

/* in-development */
.in-development-banner{max-width: 1380px;}
.in-development-inner{padding-top: 86px; padding-bottom: 82px;}
@media (max-width:991px) {
    .in-development-inner{padding-top: 23px; padding-bottom: 30px;}
}
.in-development-title{max-width: 611px; margin-bottom: 20px; padding-bottom: 10px; color: #000; font-size: 20px; font-family: 'Roboto-Bold'; text-transform: uppercase; border-bottom: 5px solid #000; }
.in-development-button{margin-top: 82px;}
@media (max-width:991px) {
    .in-development-button{margin-top: 27px; margin-bottom: 80px;}
}
.in-development-box{padding: 20px; margin-bottom: 10px; display: flex; justify-content: space-between; align-items: center; border: 2px solid #111; background-color: #fff; font-family: 'Roboto-Bold'; font-size: 20px; color: #111; transition: all ease-out .4s;  }
.in-development-box span{display: block; background: url(../images/in-right.png) no-repeat center; width: 20px; height: 20px; transition: all ease-out .4s;}
.in-development-box:hover{background-color: #111; color: #fff; transition: all ease-out .4s;}
.in-development-box:hover span{background: url(../images/in-right-hov.png) no-repeat center; transition: all ease-out .4s; }

/* Selected Project */
.selected-inner{padding: 50px 0;}
.selected-left{padding-top: 30px;}
.selected-title{max-width: 150px; height: 5px; background-color: #000; margin-bottom: 10px;}
.selected-pills{display: flex; flex-direction: column;}
.selected-pills .nav-link{font-size: 24px; color: #000000; font-family: 'Roboto-Bold'; display: flex; align-items: center; padding: 8px 16px 8px 0;  }
.selected-pills .nav-link::after{content: ''; display: none; width: 8px; height: 8px; border-radius: 100%; background-color: #A93338; margin-left: 12px;}
.selected-pills .nav-link:hover, .selected-pills .nav-link.active{color: #A93338;}
.selected-pills .nav-link:hover::after, .selected-pills .nav-link.active::after{display: block;}
.selected-right{}
@media (min-width:769px) {
    .selected-right{padding: 0;}
}
.selected-right-top{display: flex; justify-content: space-between;}
@media (max-width:991px) {
    .selected-right-top{margin-bottom: 25px;}
}
.selected-right-title{font-size: 24px; font-family: 'Roboto-Bold'; color: #000; text-transform: uppercase;}
.selected-con{}
.selected-con li{margin-bottom: 25px; display: flex; max-width: 100%; }
.selected-number{font-size: 68px; font-family: 'Roboto-Bold'; color: #A93338; margin-right: 15px; width: 68px; }
@media (max-width:991px) {
    .selected-number{text-align: right; margin-right: 0; width: 100%;}
}
@media (max-width:768px) {
    .selected-number{font-size: 40px;}
}
.selected-iner-con{width: 100%; display: flex; justify-content: space-between; border-bottom: 5px solid #A93338; padding: 10px 0 20px 20px; }
@media (max-width:991px) {
    .selected-iner-con{padding-left: 0; width: 100%;}
}
.selected-iner-left{padding: 0px 0 20px 0px;}
.selected-iner-title{font-size: 19px; color: #A93338; font-family: 'Roboto-Bold'; text-transform: uppercase;  }
.selected-iner-title:hover{text-decoration: underline !important; color: #28008A;}
.selected-iner-infor{padding: 10px 0; max-width: 700px;}
.selected-iner-list{display: flex; align-items: start; justify-content: space-between; font-size: 19px; color: #000; font-family: 'Roboto'; }
@media (max-width:425px) {
    .selected-iner-list{font-size: 14px;}
}
.selected-iner-list-left{width: 450px; text-align: left;}
@media (max-width:991px) {
    .selected-iner-list{display: flex; flex-direction: column; align-items: flex-start;}
}
.selected-iner-list-right{width: 200px; text-align: left;}
@media (max-width:1439px) {
    .selected-iner-list-left{width: 460px;}
    .selected-iner-list-right{width: 100%;}
}
@media (max-width:991px) {
    .selected-iner-list-left{width: auto;}
    .selected-iner-list-right{width: auto;}
}
.selected-iner-buttom{display: flex; justify-content: flex-end; margin-top: 14px;}
.selected-iner-buttom-box{display: flex; flex-direction: column; justify-content: flex-end;}
@media (max-width:991px) {
    .selected-iner-buttom-box{display: flex; justify-content: space-between;}
}
.selected-iner-link{display: flex;}
.selected-iner-link a{margin: 0 5px; font-size: 16px; color: #000; padding: 5px 15px; }
.selected-iner-link a:last-child{border: 2px solid #000; background-color: #fff;}
.selected-iner-link a:first-child{background-color: #000; color: #fff; }
.selected-iner-link a:hover{text-decoration: underline !important;}
@media (max-width:425px) {
    .selected-iner-link a{font-size: 14px; padding: 4px 10px;}
}
.selected-form-group{width: 100%; padding: 0 15px;}
@media (min-width:769px) {
    .selected-form-group{padding: 0;}
}
.selected-form-group .form-group{width: 100%; height: 30px; margin-bottom: 30px;}
.selected-form-group .form-control{border-radius: 0; color: #000; border: 2px solid #000;}

/* Contact Us */
.contact-container{max-width: 1000px;}
.contact-us{margin-top: 70px; font-family: 'Roboto-Bold'; }
@media (max-width:991px) {
    .contact-us{margin-top: 50px;}
}
@media (max-width:425px) {
    .contact-us{margin-top: 30px;}
}
.contact-title{max-width: 140px; font-size: 30px; color: #A93338; padding-bottom: 0px; border-bottom: 4px solid #A93338;}
.contact-con{margin-top: 60px;}
@media (max-width:425px) {
    .contact-con{margin-top: 30px;}
}
.contact-list{display: flex; flex-direction: column; margin-bottom: 40px;}
.contact-img{text-align: center;}
.contact-img img{}
.contact-text{margin-top: 15px; margin-bottom: 10px; text-align: center; font-size: 30px; font-family: 'Roboto-Bold'; }
.contact-text1{ font-family: 'Roboto-Bold'; font-size: 16px; text-decoration: underline !important; text-align: center;}
.connect-box{margin-top: 60px; font-family: 'Roboto-Bold';}
.connect-title1{max-width: 200px; font-size: 30px; color: #A93338; padding-bottom: 0px; border-bottom: 4px solid #A93338;}
.contact-li-box{}
@media(min-width:1440px) {
    .contact-li-box {
        -ms-flex: 0 0 20% !important;
        flex: 0 0 20% !important;
        max-width: 20% !important;
    }
}
.contact-with-box{margin-bottom: 30px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
.contact-with-img{width: 100px; height: 100px;}
.contact-with-box b{text-align: center; font-size: 24px; margin-top: 20px;}
.contact-with-box i{text-align: center; font-size: 18px; font-style: normal; font-family: 'Roboto';}
.contact-map{margin: 50px 0 80px;}
@media (max-width:425px) {
    .contact-map{margin: 30px 0 50px;}
}
.connect-map-title{margin-bottom: 30px; max-width: 160px; text-transform: uppercase; font-family: 'Roboto-Bold'; color: #fccd23; font-size: 30px; border-bottom: 4px solid #fccd23; }
.contact-map-box{display: flex; justify-content: center;}

/* advisory */
.advisory-container{max-width: 1000px;}
.advisory-box{margin: 70px 0 50px;}
.advisory-title{margin-bottom: 20px; color: #d82332; font-size: 30px; font-family: 'Roboto-Bold'; }
.advisory-text{font-family: 'Roboto'; color: #000; font-size: 16px;}
.advisory-bottom{margin-bottom: 80px;}
.advisory-top-box{padding: 0 ; margin: 0; display: flex;}
@media (max-width:768px) {
    .advisory-top-box{display: flex; flex-direction: column;}
}
.advisory-list-box{width: 50%; border-right: 1px solid #a6a6a6;}
.advisory-list-box:last-child{border-right: none;}
@media (max-width:768px) {
    .advisory-list-box{width: 100%;}
}
.advisory-list-title{max-width: 100%; background-color: #b6c0c7; padding: 20px 25px; font-size: 20px; font-weight: bold; font-family: 'Roboto-Bold'; color: #fff; }
@media (max-width:425px) {
    .advisory-list-title{font-size: 15px;}
}
.advisory-list-con{padding: 25px 20px; background-color: #f7f7f7; height: 320px;}
@media (max-width:991px) {
    .advisory-list-con{height: 100%;}
}
.advisory-list-con1{height: auto;}
.advisory-list-li{margin-bottom: 6px; display: flex; align-items: center; justify-content: space-between;}
.advisory-list-li a{font-family: 'Roboto'; font-size: 16px; font-weight: bold; color: #000;}
.advisory-list-li span{font-family: 'Roboto'; font-size: 16px; color: #000;}
.advisory-list-li a:hover{text-decoration: underline !important; }
@media (max-width:425px) {
    .advisory-list-li a{font-size: 13px;}
    .advisory-list-li span{font-size: 13px;}
}


/* hkiff collection */
.collection-banner{width: 100%; position: relative; overflow: hidden;}
.collection-bj{overflow: hidden;}
.collection-bj img{width: 100%; max-height: 550px;}
.collection-content-img{position: absolute; margin: -550px auto 0; width: 100%; display: flex; justify-content: center;}
.collection-content-img1{overflow: hidden;}
.collection-box-content{margin-top: 40px; margin-bottom: 97px;}
@media (max-width:991px) {
    .collection-box-content{margin-top: 20px;}
}
@media (max-width:425px) {
    .collection-box-content{margin-top: 2px;}
}
.collection-list{}
.collection-box{position: relative; overflow: hidden; max-width: 100%; height: 100%;}
.collection-box img{width: 100%; height: 100%; transition: all ease-out .4s;}
.collection-links{position: absolute; top: 0; left: 0; padding: 40px 20px; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, #000000 100%); }
.collection-links-bottom{max-width: 100%;}
.collection-links-bottom b{position: relative; line-height: 30px; font-size: 30px; color: #fff; padding-bottom: 12px;}
.collection-links-bottom b::after{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; background-color: #fff; transition: all ease-out .4s;}
.collection-box:hover .collection-links{background: none;}
.collection-box:hover img{transform: scale(1.1); transition: all ease-out .4s;}
@media (max-width:425px) {
    .collection-list{padding: 0;}
    .collection-box-content{margin-bottom: 0px;}
}
.films-content{margin-top: 89px;}
@media (max-width:991px) {
    .films-content{margin-top: 50px;}
}
.collection-films{display: flex; align-items: center;}
.collection-films{padding: 0 10px;}
@media (max-width:991px) {
    .collection-films{width: 100%; display: block;}
}
.collection-films .form-group{width: 320px; height: 50px;}
@media (max-width:1440px) {
    .collection-films .form-group{max-width: 280px;}
}
@media (max-width:1024px) {
    .collection-films .form-group{max-width: 260px;}
}
@media (max-width:991px) {
    .collection-films .form-group{max-width: 100% !important; width: 100% !important;}
}
.collection-films .form-control{border-radius: 0; height: 100%; border: 1px solid #B6C0C7; color: #000000; }
@media (max-width:767px) {
    .collection-films .form-group{max-width: 100%;}
}
/* .collection-inner{padding: 0 10px;} */
.status-box{margin-left: 20px; display: flex; align-items: center; font-family: 'Roboto'; }
.filter-row{padding: 0 15px;}
.films-filter{margin-top: 0; margin-left: 20px;}
@media (max-width:991px) {
    .films-mobile-box{padding: 0 10px;}
}
.films-bottom{margin: 40px 0;}
.films-col{padding: 0 10px;}
@media (max-width:425px) {
    .films-col{padding: 0 6px;}
}
.films-list{position: relative; overflow: hidden; margin-bottom: 16px;}
@media (max-width:425px) {
    .films-list{margin-bottom: 12px;}
}
.films-list img{ width: 100%; transition: all ease-out .4s; overflow: hidden;}
.films-tab{position: absolute; top: 0; left: 0; width: 100%; display: flex; justify-content: flex-start; padding: 10px;}
.films-tab-con{display: flex; align-items: center; background-color: #D82433; border-radius: 3px; padding: 4px 10px;}
.films-tab-con span{display: block; width: 12px; height: 12px; background: url(../images/tab-img.png) no-repeat center; margin-right: 6px;}
.films-tab-con i{font-size: 13px; color: #fff; font-style: normal; font-family: 'Roboto'; }
.films-title{opacity: 0; position: absolute; left: 0; bottom: 0; width: 100%; height: auto; padding: 10px 10px 40px; font-family: 'Roboto'; background-color: rgba(0,0,0,.5); transition: all ease-out .4s; }
.films-title h3{color: #fff; font-family: 'Roboto-Bold'; font-size: 18px;}
.films-title b{font-weight: normal; font-size: 16px; color: #fff;}
.films-list:hover img{transform: scale(1.1); transition: all ease-out .4s;}
.films-list:hover .films-title{opacity: 1; transition: all ease-out .4s;}
.films-movie-tags{margin-bottom: 114px; padding: 15px 20px 10px; border: 1px solid #B6C0C7; background-color: #F8F9F9;}
@media (max-width:768px) {
    .films-movie-tags{margin-bottom: 49px;}
}
.films-movie-tags h3{display: block; margin-bottom: 10px; font-family: 'Roboto-Bold'; color: #202020; font-size: 16px; font-weight: bold; }
.films-movie-tags p{font-family: 'Roboto'; color: #202020; font-size: 16px;}
.films-movie-title .films-movie-title{color: #A93338;}
.films-list-box{padding-left: 30px;}
.films-list-box li{margin-bottom: 20px;}
.films-list-links{font-size: 18px; font-weight: bold; color: #000;}
.films-list-links:hover{color: #A93338;}
@media (max-width:425px) {
    .films-bottom1{padding: 20px 0 0 !important;}
}

/* faq */
.faq-top{max-width: 1000px; margin: 0 auto;}
.faq-title{font-family: 'Roboto-Bold'; font-size: 20px; margin-bottom: 20px; color: #000; text-transform: uppercase;} 
.faq-top p{font-family: 'Roboto'; color: #000;}
.faq-app{background-color: #F7F7F7; padding: 40px 0;}
.faq-app-title{margin-bottom: 40px; font-family: 'Roboto-Bold'; font-size: 24px; color: #d82332; }
.faq-accordion{}
.faq-accordion li{margin-bottom: 30px;}
.faq-accordion .link{padding-bottom: 20px; display: flex; align-items: center; justify-content: space-between;}
@media (max-width:1024px) {
    .faq-accordion .link{margin-bottom: 0;}
    .faq-accordion li{margin-bottom: 10px;}
}
.accordion .link{max-width: 1380px; margin: 0 auto; padding: 0 15px;}
.faq-app .faq-accordion .link .fa-caret-down{font-size: 28px; color: #d82332;}
.faq-payment .faq-accordion .link .fa-caret-down{font-size: 28px; color: #fccd23;}
.faq-offical .faq-accordion .link .fa-caret-down{font-size: 28px; color: #253279;}
.faq-left-box{display: flex; align-items: flex-end; width: 100%;}
@media (max-width:425px) {
    .faq-left-box{display: flex; align-items: flex-start; width: 100%;}
}
.faq-number{width: 5%; margin-right: 20px; font-family: 'Roboto-Bold';  font-size: 34px; color: #e36b75; padding-top: 10px; border-top: 5px solid #d82332;}
.faq-card-text{width: 95%; padding-bottom: 10px; font-family: 'Roboto-Bold'; font-style: normal; font-size: 16px; color: #e36b75;}
.faq-submenu{display: none; padding: 20px 0; background-color: #e36b75; position: relative; }
/* .faq-app .faq-submenu::before{content: ''; position: absolute; width: 100%; height: 100%; left: -100%; top: 0; background-color: #e36b75; } */
/* .faq-app .faq-submenu::after{content: ''; position: absolute; width: 100%; height: 100%; right: -100%; top: 0; background-color: #e36b75; } */
.faq-submenu li{display: flex;/* margin-bottom: 10px; */ padding: 0 15px; max-width: 1380px; margin: 0 auto 10px;}
.faq-submenu li span{width: 100px; height: 50px}
.faq-submenu li p{margin-bottom: 0; font-family: 'Roboto'; font-size: 16px; color: #fff;}
.faq-accordion li.open i.fa-caret-down {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}
.faq-accordion li.open .faq-card-text{color: #d82332;}
.faq-payment{background-color: #fff; padding: 40px 0;}
.faq-payment .faq-app-title{color: #fccd23;}
.faq-payment .faq-accordion li.open .faq-card-text{color: #fccd23;}
.faq-payment .faq-number{margin-right: 20px; font-family: 'Roboto-Bold';  font-size: 34px; color: #fccd23; padding-top: 10px; border-top: 5px solid #fccd23;}
.faq-payment .faq-card-text{padding-bottom: 10px; font-family: 'Roboto-Bold'; font-style: normal; font-size: 16px; color: #fccd23;}
.faq-payment .faq-submenu{background-color: #fccd23;}
/* .faq-payment .faq-submenu::before{content: ''; position: absolute; width: 100%; height: 100%; left: -100%; top: 0; background-color: #fccd23; } */
/* .faq-payment .faq-submenu::after{content: ''; position: absolute; width: 100%; height: 100%; right: -100%; top: 0; background-color: #fccd23; } */
.faq-offical{padding: 40px 0; background-color: #F7F7F7;}
.faq-offical .faq-app-title{color: #253279;}
.faq-offical .faq-accordion li.open .faq-card-text{color: #253279;}
.faq-offical .faq-number{margin-right: 20px; font-family: 'Roboto-Bold';  font-size: 34px; color: #253279; padding-top: 10px; border-top: 5px solid #253279;}
.faq-offical .faq-card-text{padding-bottom: 10px; font-family: 'Roboto-Bold'; font-style: normal; font-size: 16px; color: #253279;}
.faq-offical .faq-submenu{background-color: #253279;}
/* .faq-offical .faq-submenu::before{content: ''; position: absolute; width: 100%; height: 100%; left: -100%; top: 0; background-color: #253279; } */
/* .faq-offical .faq-submenu::after{content: ''; position: absolute; width: 100%; height: 100%; right: -100%; top: 0; background-color: #253279; } */
@media (max-width:1024px) {
    .faq-payment,.faq-app,.faq-offical{padding: 10px 0;}
}
@media (max-width:600px) {
    .faq-number{font-size: 20px;}
    .faq-payment .faq-number{font-size: 20px;}
    .faq-offical .faq-number{font-size: 20px;}
}















































































#back-to-top  {
    font-size:15px;
    line-height:12px;
}
@media (max-width: 768px){
    #back-to-top  {
        font-size:14px;
        line-height:14px;
    }
}



.sp-p p { margin-bottom:0; }




/* partners start */
.inside_content_box2 {
    background-color: #f9f9f9;
}
.table_contact_info_new2 td{
    width:18%;
    padding-left:1%;
    padding-right:1%;
}
.table_contact_info_new2 .photo{
    width:100%;
    clear:both;
    text-align:center;
}
.table_contact_info_new2 .photo img{
    max-height:100px;
}
.partner2_list_category{
    float:left;
    padding-bottom:20px;
    font-size:16px;
    font-weight:bold;
    border-bottom:5px solid #1492df;
    padding-bottom:5px;
    margin-bottom:20px;
    padding:0px 20px 5px 20px;
    line-height:100%;
    max-width:400px;
}

.partner2_list{
    clear:both;
    width:100%;
    padding-bottom:30px;
}

.partner2_list .heading{
    font-size:24px;
    color:#2f2f2f;
    font-family: 'Roboto-Bold','MHeiHK','微軟正黑體',Arial,Verdana, sans-serif;
    padding-bottom:10px;
}
.partner2_list .icon{
    background-color: #000000;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    margin-bottom:10px;
}
.partner2_list .no_icon{
    height: 10px;
    margin-bottom:10px;
}

.partner2_list .item{
    float:left;
    margin-right:40px;
    margin-bottom:40px;
        
}
.partner2_list .item table td{
    vertical-align:middle;
}
.partner2_list .item table td img{
    max-height:80px;
}
/* partner end */


/* hreport */
.hreport-container{max-width: 1000px;}
.hreport-box{margin: 70px 0 18px;}
.hreport-title{margin-bottom: 20px; color: #000; font-size: 30px; font-family: 'Roboto-Bold'; }
.hreport-text{ color: #000; font-size: 16px;}





/* haf introduction */
.haf-intro{padding: 20px 0 40px; margin: 0;}
.haf-intro-top{margin-top: 20px;}
.haf-intro-list{overflow: hidden; margin-bottom: 30px; max-height:383px;}
.haf-intro-list1{overflow: hidden; margin-bottom: 30px;}
@media (min-width:992px) {
    .haf-intro-list:first-child{padding-left: 0;}
    .haf-intro-list:last-child{padding-right: 0;}
}
@media (max-width:991px) {
    .haf-intro-top{padding: 0 15px;}
    .haf-intro-bottom{padding: 0 15px;}
    .haf-intro-list{padding: 0 6px;}
    .haf-intro-list1{padding: 0 6px; margin-bottom: 20px;}
    .haf-intro-list{margin-bottom: 12px;}
}
@media (max-width:767.9px) {
    .haf-intro-list{padding: 0 6px;}
}

.haf-intro-box{position: relative; overflow: hidden; max-width: 100%; height: 100%;}
.haf-intro-box img{/*width: 100%; height: 100%;*/ transition: all ease-out .4s;}
.haf-intro-links{position: absolute; top: 0; left: 0; padding: 30px 20px 20px; display: flex; flex-direction: column; justify-content: space-between; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, #000000 100%);}
.haf-intro-links .work-links-top{display: flex; justify-content: flex-end;}
.haf-intro-links .work-links-top span{display: block; width: 25px; height: 25px; background-color: #fff; border-radius: 100%;}
.haf-intro-links .work-links-bottom{max-width: 100%; height: 144px; display: flex; flex-direction: column; justify-content: space-between;}
.haf-intro-links .work-links-bottom-box{max-width: 100%; height: 100%;}
.haf-intro-links .work-links-bottom b{ font-family: 'Roboto-Bold'; position: relative; line-height: 20px; font-size: 22px; color: #fff; padding-top: 6px;}
.btop-line::after{content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #fff; transition: all ease-out .4s;}
/* .haf-intro-list:hover .haf-intro-box{animation: bounce .8s 1 linear;} */
.haf-intro-list:hover .haf-intro-box img{transform: scale(1.1); transition: all ease-out .4s;}
.haf-intro-list:hover .haf-intro-links{background: none;}
.haf-intro-list:hover .haf-intro-links .work-links-bottom b{ color: #fff; transition: all ease-out .4s;}
.haf-intro-bottom{display: flex; justify-content: center;}
/* .haf-intro-list1:hover .haf-intro-box{animation: bounce .8s 1 linear;} */
.haf-intro-list1:hover .haf-intro-box img{transform: scale(1.1); transition: all ease-out .4s;}
.haf-intro-list1:hover .haf-intro-links{background: none;}
.haf-intro-list1:hover .haf-intro-links .work-links-bottom b{color: #fff; transition: all ease-out .4s;}
.btop-line {max-width: 116px; font-weight:normal; font-family: 'Roboto'; font-size: 16px; color: #fff; padding-top: 6px; border-top: 1px solid #fff;  }
.btop-line .fa{font-size: 14px; margin-left: 20px;}
.haf-intro-bottom{background-color: #F7F7F7; padding: 50px 0;}
.haf-intro-demo{font-size: 24px; color: #000; font-family: 'Roboto-Bold'; text-transform: uppercase; }
.haf-intro-demo-text{font-size: 16px; color: #000; font-family: 'Roboto'; max-width: 1000px; margin: 20px auto 0; }
.haf-intro-demo-text p{line-height: 22px; margin-bottom: 0;}
.know-buttom{display: flex; justify-content: center; max-width: 100%; margin-top: 36px;}
.know-buttom b{padding: 10px 130px; max-width: 390px; font-family: 'Roboto-Bold'; font-size: 20px; text-transform: uppercase; background-color: #000; color: #fff; }
 .know-buttom b:hover{color: #fff; text-decoration: underline !important;}

 @media (max-width:1500px) {
    .haf-intro-links .work-links-bottom b {
        font-size: 20px!important;
    }
     .haf-intro-links {
         padding: 8px 20px 20px;
     }
     .sp-p.item-desc{ margin-top:5px!important; margin-bottom:5px!important; }  
 }


 @media (max-width:991px) {
     .haf-intro{padding: 20px 0 0;}
     .know-buttom b {
         padding: 10px 121px;
     }
 }
 @media (max-width:425px) {
     .haf-intro-links .work-links-bottom b{font-size: 18px; line-height: 20px;}
 }

 
 /* ----- */
 .about-page-box{margin-top: 80px;}
 .about-page-box h3{font-size: 20px; color: #28008A; font-weight: bold; text-align: center; margin-bottom: 20px;}
 .about-page-con{margin: 0 auto;}
 @media (max-width:991px) {
    .about-page-box{margin-top: 50px;}
    .about-page-con{max-width: 100% !important;}
 }
 .about-work-list{overflow: hidden; margin-bottom: 30px; padding: 0 10px;}
 .about-work-list1{overflow: hidden; margin-bottom: 30px;}
 @media (min-width:992px) {
    .about-work-list:first-child{padding-left: 0;}
    .about-work-list:last-child{padding-right: 0;}
 }
 @media (max-width:991px) {
    .about-work-top{padding: 0 15px;}
    .about-work-bottom{padding: 0 15px;}
    .about-work-list{padding: 0 6px;}
    .about-work-list1{padding: 0 6px; margin-bottom: 20px;}
    .about-work-list{margin-bottom: 12px;}
 }
 @media (max-width:767.9px) {
    .about-work-list{padding: 0 6px;}
 }
 .about-work-box{position: relative; overflow: hidden; max-width: 100%; height: 100%;}
 .about-work-box img{width: 100%; height: 100%; transition: all ease-out .4s;}
 .about-work-links{position: absolute; top: 0; left: 0; padding: 30px 20px 40px; display: flex; flex-direction: column; justify-content: space-between; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 0, 0, 0.1) 0%, #000000 100%);}
 .about-work-links .work-links-top{display: flex; justify-content: flex-end;}
 .about-work-links .work-links-top span{display: block; width: 25px; height: 25px; background-color: #fff; border-radius: 100%;}
 .about-work-links .work-links-bottom{max-width: 100%;}
 .about-work-links .work-links-bottom b{position: relative; line-height: 30px; font-size: 30px; color: #fff; padding-bottom: 12px;}
 .about-work-links .work-links-bottom b::after{content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; background-color: #fff; transition: all ease-out .4s;}
 .about-work-list:hover .about-work-box img{transform: scale(1.1); transition: all ease-out .4s;}
 .about-work-list:hover .about-work-links{background: none;}
 .about-work-list:hover .about-work-links .work-links-bottom b{color: #fff; transition: all ease-out .4s;}
 .about-work-bottom{display: flex; justify-content: center;}
 @media (max-width:991px) {
    .about-work{padding: 20px 0 0;}
 }
 @media (max-width:425px) {
    .about-work-links .work-links-bottom b{font-size: 18px; line-height: 20px;}
 }
 .about-infor-top{ display: flex; justify-content: center; width: 850px; }
 .about-infor-img-box{margin: 0 30px; display: flex; flex-direction: column; justify-content: space-between;}
 .about-infor-img-com{width: 200px; display: flex; justify-content: center;}
 .about-infor-img-box span{font-size: 22px; color: #000; font-family: 'Roboto-Bold'; }
 .mobile-about-infor-top{display: none;}
 @media (max-width:991px) {
    .about-infor-top{display: none;}
    .mobile-about-infor-top{display: block; width: 100%; overflow: hidden;}
 }
 .mobile-about-infor-img-box{display: flex; align-items: center; margin-bottom: 24px;}
 .mobile-about-infor-img-box:last-child{margin-bottom: 0;}
 .mobile-about-infor-img-box span{width: 140px; font-size: 22px; color: #000; font-family: 'Roboto-Bold'; }
 .mobile-about-infor-img-box img{}


 .box-menu>ul>li ul li a {
     white-space: pre-wrap;
 }

.advisory-list-title { font-family:'Roboto-Bold'; }

 .connect-map-title {
     max-width: 103px;
     text-transform: none;
 }
/* .contact-text1 {
     text-decoration: none;
 }*/
 


 .mobile-header.active{position: fixed; top: 0; z-index: 999999;}
 





 /* popup */
  .layui-layer {
      max-width: 98%!important;
  }
  .layui-layer-title {
      background-color: #1B9B84!important;
      color:#fff!important;
      font-weight: bold;
  }
  .layui-layer-btn {
      text-align: center!important;
  }
  .layui-layer-btn .layui-layer-btn0 {background-color:#1B9B84!important;color:#fff!important;border:none!important;}
  .layui-layer-rim iframe {max-height: 100%!important;height: 626px!important;}

  .layui-layer-setwin .layui-layer-close2 {
      right:-10px;
      top:-12px;
      width: 20px;
      height: 20px;
      background: none;
      font-size: inherit;
  }
  .layui-layer-setwin .layui-layer-close2:after {
      content: "×";
      width: 20px;
      height: 20px;
      font-size: 1.275rem;
      font-weight: normal;
      line-height: 20px;
      text-align: center;
      color: #000;
      opacity: .9;
  }

  .layui-layer-setwin .layui-layer-close1 {
      right:0;
      top:-6px;
      width: 20px;
      height: 20px;
      background: none;
      font-size: inherit;
  }

  .layui-layer-setwin .layui-layer-close1:after {
      content: "×";
      width: 20px;
      height: 20px;
      font-size: 1.275rem;
      font-weight: normal;
      line-height: 20px;
      text-align: center;
      color: #fff;
      opacity: .9;
  }

  

 .iframe1{display: none;}
 .popup-container{max-width: 1440px; font-family: 'Roboto'; padding: 0; }
 .popup-top{position: relative; overflow: hidden; height: 134px;}
 @media (min-width:375px) {
     .popup-top{
         height: 134px;
     }
 }
 @media (min-width:425px) {
     .popup-top{
         height: 275px;
     }
 }
 @media (min-width:768px) {
     .popup-top{
         height: 366px;
     }
 }
 @media (min-width:1024px) {
     .popup-top{
         height: 545px;
     }
 }


 @media (min-width:1024px) {
     .inner-top-box{height: 181px;}
     .inner-top-box1{height: 179px!important;}
 }
 @media (min-width:992px) {
     .home-banner{margin-top: 181px;}
 }

 @media (min-width: 375px) and (max-width:600px){
    .popup-top {
        height: 160px;
    }
 }

 @media(min-width:1100px) and (max-width:1500px){
     .container {
         max-width: 1000px;
     }
     .in-development-banner,.home-banner {
         max-width: 1000px!important;
     }
 }
.news-inner {
    min-height:58vh;
}

@media(max-width:768px){
    .main-all {
        padding-top:70px;
    }
}

.mobile-logo {
    width: auto;
    height: 50px;
}


.guestre-bottom a {
    padding: 8px 63px;
}

.content3 span {
    color:#A93338;
}

.news-tab-pane {
    margin-left:16px;
    margin-right: 16px;
}

.news-tab-pane .not-found { padding-left:0; }

.mobile-swiper .swiper-img img{height:auto; width: 100%; background-size: cover; }

.haf-intro-demo {
    text-transform: none;
}

.logo-item2 {
    margin-left: 62px;
}


/*.in-development-title {
    border-bottom: 0!important;
}*/
/*.appointment-title h3 {
    max-width: 692px!important;
    border-bottom: 0!important;
}

.appointment-title {
    display: inline-block;
    font-size: 22px;
    background: linear-gradient(#000, #000) no-repeat;
    background-size: 100% 4px;
    background-position: 0 1.3em;
    text-shadow: 0.05em 0 #fff, -0.05em 0 #fff;
}*/

/*.in-development-title {
    display: inline-block;
    font-size: 22px;
    background: linear-gradient(#000, #000) no-repeat;
    background-size: 99% 4px;
    background-position: 0 1.6em;
    text-shadow: 0.05em 0 #fff, -0.05em 0 #fff;
}*/


.in-information-title{max-width: 611px; margin-bottom: 20px; padding-bottom: 10px; color: #000; font-size: 20px; font-family: 'Roboto-Bold'; text-transform: uppercase; }
.in-information-title {
    border-bottom: 0!important;
}
.in-information-title {
    display: inline-block;
    font-size: 22px;
    background: linear-gradient(#000, #000) no-repeat;
    background-size: 100% 3px;
    background-position: 0 1.4em;
    text-shadow: 0.05em 0 #fff, -0.05em 0 #fff;
    margin-bottom:0!important;
}


.about-event-top {
    border-bottom: 0!important;
}
.about-event-top {
    display: inline-block;
    font-size: 22px;
    background: linear-gradient(#000, #000) no-repeat;
    background-size: 100% 3px;
    background-position: 0 1.9em;
    text-shadow: 0.05em 0 #fff, -0.05em 0 #fff;
}



@media(min-width:1000px){
    .item-title {
        display: inline-block;
        font-size: 22px;
        background: linear-gradient(#000, #000) no-repeat;
        background-size: 100% 4px;
        background-position: 0 1.6em;
        text-shadow: 0.05em 0 #fff, -0.05em 0 #fff;
    }
}


.selected-iner-infor {
    max-width:100%;
}
.selected-iner-list-right {
    width:34%;
}

@media(min-width:1000px) and (max-width:1500px){
    .selected-iner-list-right {
        width:66%;
    }
}

.news-director-img img{ height:auto; }


@media (max-width:425px) {
    .popup-left-text,.popup-inner-con-text{text-align:left;}
}


@media (max-width: 991px) {
    .selected-iner-list {
        flex-direction: row;
    }
    .selected-iner-list-right {
        width: 53%;
    }
}

@media(max-width:325px){
    .in-development-title {
        font-size:19px;
    }
    .in-development-box {
        font-size:19px;
    }
}

.related-news-con{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:5;
}

.in-development-title {
    padding-bottom: 5px;
    display:inline-block;
    margin-bottom:30px;
}
.appointment-title h3 {
    display:inline;
}
.guestre-title {
    margin-bottom: 32px;
}
@media(max-width:1000px){
    .in-development-title {
        padding-bottom:3px;
        line-height:38px;
        display:inline;
    }
    .in-development-con {
        margin-top:30px;
    }
    .appointment-title h3 {
        padding-bottom:3px;
        line-height:38px;
    }
    .guestre-infor {
        margin-top:30px;
    }
}

/*.top-links { margin-left:10px; }*/
.top-links a:first-child {
    /*margin-left:0;*/
}
.top-links a {
    display:inline-block;
}


.header-top{background-color:#01698C;}
.top-donate {
    color: #FFF;
    border-bottom: 2px solid #FFF;
}

@media(max-width:1680px){
    .search2-input { max-width:146px; }
}
.ljWfR,.iwisNA{
    font-size: 14px;
}
@media (min-width: 768px) {
    .ljWfR,.iwisNA{
        font-size: 18px;
    }
}
.ljWfRO .highlights,.iwisNA .highlights {
    font-size: 2rem;
    font-weight: 100;
}
.ljWfRO p, .ljWfRO li ,.iwisNA p, .iwisNA li{
    font-size: 1.25rem;
    font-weight: 300;
}
.ljWfRO p ,.iwisNA p{
    margin-top: 15px;
}
.ljWfRO ol ,.iwisNA ol{
    padding-left: 1.5rem;
}

.ljWfRO ol li ,.iwisNA ol li{
    padding-left: 0.425rem;
    margin-bottom: 0.425rem;
}
.ljWfRO h3 ,.iwisNA h3{
    font-size: 1.5rem;
    margin-top: 1.5rem;
    font-weight: 400;
}
.ljWfR,.iwisNA{
    font-size: 14px;
}
@media (min-width: 768px) {
    .ljWfRO .highlights,.iwisNA .highlights {
        font-size: 3rem;
    }
    .ljWfRO ol ,.iwisNA ol{
        margin-top: 15px;
    }
    .ljWfRO ol li ,.iwisNA ol li {
        padding-left: 0.825rem;
        margin-bottom: 0.825rem;
    }
    .ljWfRO h3 ,.iwisNA h3 {
        margin-top: 2.5rem;
    }
}

.news-filter-inner label{
    cursor: pointer;
}


@media(min-width:992px){
    .popup-inner-director .director-common p{ min-width:305px; }
    .header-bottom-top { min-height:102px; }
}

@media(min-width:1439px){
    .header-bottom-top { min-height:107px; }
}

.header-bottom-con { min-height:41px; }




.header-top{background-color:#c8ff73;}
.mobile-header{background-color: #c8ff73;}
/*.btn-ud:active:hover, .btn-ud.active:hover, .open > .dropdown-toggle.btn-ud:hover, .btn-ud:active:focus, .btn-ud.active:focus, .open > .dropdown-toggle.btn-ud:focus, .btn-ud:active.focus, .btn-ud.active.focus, .open > .dropdown-toggle.btn-ud.focus {
    background-color: #c8ff73!important;
}*/

.mobile-header .btn-ud:focus, .mobile-header .btn-ud.focus {
     background-color: #c8ff73!important; 
}
.mobile-header .btn-ud:hover {
    background-color: #c8ff73!important; 
}


.hreport-box table td { max-width: 33%!important; width: 33%!important;}
@media(max-width:768px){
    .hreport-box table { max-width:100%!important; width:100%!important; }
}


.lang a { color:#BCBCBC; }
.top-links a:hover, .lang a:hover, .top-donate:hover { color:#000!important; }

.top-donate {
    color:#BCBCBC;
    border-bottom: 2px solid #BCBCBC;
}
.top-donate:hover {
    color:#000;
    border-bottom: 2px solid #000;
}