/*
 * Project Name: Macao Ideas
 * Created Date: Friday February 21st 2020
 * Author: Jason
 * -----
 * Modified By: Jason
 * Last Modified: 2020-04-08 Wednesday 5:07:04
 * -----
 * Copyright (c) 2020 Clickr
 */


/* 
  screen < 1366px
*/
@media screen and (max-width: 1366px) {
    
     .swiper-btns .swiper-button-prev {
         left: 20px;
     }
     .swiper-btns .swiper-button-next {
         right: 20px;
     }
    
    .page-home .mt-2 {
        display: block !important;
    }
    .home-list .list-layout-style02 {
        flex: 1;
        padding-left: 20px;
    }
    .page-home .home-list {
        display: flex;
    }
    .page-home .home-list:nth-child(even) .list-layout-style02 {
        padding-left: 0;
        padding-right: 20px;
    }
    .page-home .home-list:nth-child(even) {
        flex-direction: row-reverse;
    }
    .page-home .swiper-wrap {
        margin-top: 20px;
    }
    .page-home .swiper-wrap .info {
        text-align: center;
        margin-top: 20px;
    }
    .swiper-wrap .info h4 {
        margin-bottom: 10px;
    }
    .swiper-wrap .info .btn-warp {
        margin-top: 10px;
    }
.swiper-wrap .info .line-text .line {
    width: 104px;   
    height: 11px;
}
    
  .page-home .swiper-wrap p {
      font-size: 26px;
  }
  .page-home .swiper-wrap h4 {
      font-size: 14px;
  }
  .page-home .swiper-wrap h3 {
      font-size: 16px;
  }
  .macau-label {
      padding: 10px 4%;
  }
  .macau-label li{
      padding-left: 2%;
  }
  



/* 
  components
*/

/* container */
.container{ 
  width: 1170px;
  padding: 0 1rem;
}

/* header-search */
.header-search{
  width: 40px;
  margin-left: 20px;
}
.header-search .dropdown-menu{
  min-width: 150px;
}
.header-search .btn-search span{
  display: none;
}



/* 
  list
*/

/* list-layout-style02 */
.list-layout-style02 .item{
  height: auto;
}
.list-layout-style02 figure{
  position: relative;
  width: auto;
  aspect-ratio: 245 / 290;
  padding-top: 0;
  text-align: center;
  overflow: hidden;
}
.list-layout-style02 figure>img{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: 100%;
  object-fit: cover;
  display: block;
}
@supports not (aspect-ratio: 245 / 290) {
  .list-layout-style02 figure{
    padding-top: 118.367%;
    height: 0;
  }
}

/* list-layout-style02-5cols */
.list-layout-style02-5cols .item-container{
  width: 25%;
  float: none;
}



/* 
  home
*/

/* home-category */
.home-category{
  /*display: none;*/
}

/* home-swiper */
.home-swiper{
  float: none;
  width: 100%;
  height: auto;
  margin-left: 0;
}

/* home-title */
.home-title h3{
  margin: 0;
}

/* home-title-lg */
.home-title-lg{
  width: 20%;
  height: auto;
  padding: 2em 1em;
}
.home-title-lg figure{
  margin-bottom: 10px;
}
.home-title-lg figure>img{
  max-width: 60px;
}
.home-title-lg h3{
  font-size: 20px;
  line-height: 30px;
  margin: 0;
}
.home-title-lg .words{
  font-size: 14px;
  line-height: 20px;
}
.home-title-lg .more{
  position: relative;
  bottom: auto;
  left: auto;
  right: auto;
  margin-top: 10px;
}
.home-title-lg .more a{
  padding: 5px 15px;
  font-size: 14px;
}

/* home-list */


/* 
  product
*/

/* product-detail-section */
.product-detail-section{
  /*margin-top: 2rem;*/
}


/* 
  guide
*/

/* guide-words */
.guide-words{
  left: 2rem;
  top: 10rem;
  width: 40%;
}
.guide-words .first h3{
  font-size: 40px;
  line-height: 40px;
}
.guide-words .first h4{
  font-size: 32px;
  line-height: 32px;
}
.guide-words .second h3{
  font-size: 24px;
  line-height: 24px;
}

/* guide-figure-set */
.guide-figure-set .chair{
  left: 0;
  bottom: 30px;
  max-width: 70%;
}
.guide-figure-set .macao-pattern{
  left: 10%;
  bottom: 30px;
  max-width: 70%;
}
.guide-figure-set .lamp{
  right: 0;
  bottom: 30px;
  max-width: 70%;
}

}


@media screen and (min-width: 1170px) {
    .progressbar {
      white-space : nowrap;
    }
}

@media screen and (max-width: 1200px) {
  .page-home .swiper-wrap .info {
    height: auto;
    padding-bottom: 30px;
    max-width: 720px;
    min-height: auto;
    margin: 0 auto;
    padding: 20px 20px;
  }
  .page-home .banner-swiper {
      display: none;
  }
  .page-home .swiper-wrap .banner-swiper-h5 {
    display: block;
    position: absolute;
    width: 100%;
    margin: 0;
    bottom: 0;
  }
  .macau-label {
      padding: 10px 1%;
  }
  .macau-label li{
      padding-left: 0;
      font-size: 16px;
  }
  .col-news .list-layout .item figure {
      /*width: 20%;*/
  }
  .col-news .list-layout .item img {
      width: 100%;
      height: auto;
  }

}


/* 
screen < 1170
*/
@media screen and (max-width: 1170px) {
    .lang-en.page-about .row-macau .item .info,
    .lang-pt.page-about .row-macau .item .info {
        top: 5%;
    }
    .page-about .row-macau .item .info .desc {
        font-size: 16px;
    }
    .page-about .row-macau .item .info .name {
        font-size: 21px;
        margin-top: 5px;
    }
    
    .page-home .story-swiper {
        padding: 0 20px;
    }
    .search-reltext > span {
        color: #fff;
    }
    .page-search .search-reltext {
        position: relative;
        margin-top: 20px;
    }
    .theme-new .page-banner {
        margin-top: -50px;
    }
    .theme-new .header-main {
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }
    
    .page-banner .container {
        padding: 0 2rem;
    }
    
    .page-about .location-wrap .info {
        right: 21%;
        top: 0;
    }
    
    .theme-new.fixed-header .header-main {
     background: transparent;   
     backdrop-filter: none;
     -webkit-backdrop-filter: none;
    }
    
    .header-mobile .header-exhibits-link {
        border: 1px solid #10978B !important;
        text-align: center;
        color: #10978B !important;
        background-position: 32%;
        width: 80%;
        height: 46px;
        left: 10%;
        bottom: 60px;
        font-weight: bolder;
        border-radius: 23px;
        align-items: center;
        flex-direction: row;
        background-image: url(../images/icon-bg4.png) !important;
        background-position: 10%;
    }
    .header-mobile .header-exhibits-link .icon-circle-arrow {
        position: static;
        margin: 0;
        margin-left: 10px;
        background: #10978B !important;
    }
    
    
    #enterpriseContent, #companyContent, #enterpriseContent p, #companyContent p {
        font-size: 14px !important;
    }
    .single-box,
    .single-box p,
    .product-summary {
        font-size: 14px;
    }
    .page-product-detail .info {
        padding: 0;
    }
    .detail-content {
        display: block;
    }
    .detail-content .product-main-pic {
        float: none;
        margin-bottom: 20px;
    }
    
    .theme-new .menu>li>a {
        color: #333;
    }
    .theme-new .header-exhibits-link {
        color: #333;
    }
  
    .search-mobile .main{
        width: 100%;
    }
  .header-langs {
      display: none;
  }
  
  .col-news .list-layout .item figure {
      /*width: 20%;*/
  }
  .col-news .list-layout .item img {
      width: 100%;
      height: auto;
  }
  
  .macau-label li img {
      width: 40px;
  }
  .home-category-list li {
      width: 50%;
  }
  .home-category-list a {
      height: 50px;
      line-height: 50px;
  }
  .col-news .list-layout .item .title {
      height: auto;
      min-height: auto;
      -webkit-line-clamp: 4;
  }


/* 
  components
*/


/* wrapper */
.wrapper{
  padding-top: 60px;
}

/* container */
.container{ 
  width: 100%;
  padding: 0 1rem;
}

/* paddings */
.pa-2{ 
  padding: 1rem;
}
.pt-6{
  padding-top: 2rem;
}
.pb-6{
  padding-bottom: 2rem;
}

/* margins */
.mt-6{ 
  margin-top: 5rem; 
}
.mt-2{
  margin-top: 20px;
}

/* single */
.single-box p{
  font-size: 14px;
}

/* header */
.header{ 
  position: fixed;
  height: 60px;
  z-index: 999;
}

/* header-top */
.header-top{
  padding: 0;
}

/* logo */
.logo{ 
  margin: 0;
  line-height: 60px;
  padding-right: 88px;
}
.logo>a{
  max-width: 280px;
  display: inline-block;
}

/* trigger-mobile */
.trigger-mobile{
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  height: 60px;
  line-height: 60px;
  list-style: none;
  margin: 0;
  padding: 0;
}
.trigger-mobile li{
  float: left;
}
.trigger-mobile a{
  font-size: 20px;
  display: block;
  width: 44px;
  height: 60px;
  text-align: center;
  color: #333;
  transition: all .3s;
  overflow: hidden;
}
.trigger-mobile a:hover{
  background-color: #f6f6f6;
}

/* menu-burger */
.menu-burger{
  position: relative;
  display: table-cell !important;
  vertical-align: middle;
}
.menu-burger .bar1, 
.menu-burger .bar2, 
.menu-burger .bar3 {
  width: 20px;
  height: 3px;
  background-color: #333;
  margin: 4px auto;
  transition: 0.4s;
}
.menu-burger.active .bar1  {
  transform: rotate(-45deg) translate(-6px, 6px) ;
  -webkit-transform: rotate(-45deg) translate(-6px, 6px) ;
}
.menu-burger.active .bar2 {
  opacity: 0;
}
.menu-burger.active .bar3 {
  transform: rotate(45deg) translate(-4px, -4px) ;
  -webkit-transform: rotate(45deg) translate(-4px, -4px) ;
}

/* popup-shadow */
.popup-shadow{
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
}

/* header-mobile */
.header-mobile{
  position: fixed;
  right: -100%;
  top: 0;
  bottom: 0;
  left: 0;
  z-index: 1000;
  transition: all .3s;
  display: none;
}
.header-mobile.active{
  right: 0;
  display: block;
}
.header-mobile:before{
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  /*background: rgba(0,0,0,0.6);*/
  z-index: 1;
}
.header-mobile .main{
  background-color: rgba(255,255,255,0.72);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 10;
  overflow-y: auto;
  backdrop-filter: blur(30px);
  -webkit-backdrop-filter: blur(30px);
}
.header-mobile .f-close{
  position: absolute;
  right: 0;
  top: 0;
  height: 60px;
  line-height: 60px;
  width: 44px;
  display: block;
  color: #666;
  text-align: center;
  font-size: 20px;
}
.header-mobile .f-close:hover{
  background-color: #f6f6f6;
}

/* header-main */
.header-main{
  border-top: 0;
  top: 60px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 60px;
}

/* header-search */
.header-search{
  display: none;
}

/* search-mobile */
.search-mobile{
  background-color: #FFF;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 1000;
}
.search-mobile .f-close{
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  line-height: 40px;
  border: 1px solid #e6e6e6;
  font-size: 20px;
  color: #333;
  position: absolute;
  right: 1rem;
  top: 1rem;
  margin: 0;
}
.search-mobile .f-close:hover{
  background-color: #333;
  border-color: #333;
  color: #FFF;
}
.search-mobile .main{
  display: flex;
  flex-direction: column;
  /*justify-content: center;*/
  padding: 15px;
  height: 100vh;
  overflow-y: auto;
}
.search-mobile h2{
  text-align: center;
  color: #666;
  margin: 0;
  font-size: 30px;
  font-style: italic;
}

/* search-mobile-main */
.search-mobile-main .search-box>button{
  border: none;
  background: none;
  outline: none;
  padding: 0 15px;
  border-bottom: 1px solid #e6e6e6;
  height: 44px;
  line-height: 44px;
  text-align: center;
  font-size: 18px;
}
.search-mobile-main .search-box>button>i{
  line-height: 44px;
}
.search-mobile-main .text-box{
  height: 44px;
  text-align: center;
  font-size: 18px;
  border: none;
  border-bottom: 1px solid #e6e6e6;
  width: 100%;
  outline: none;
  padding: 0 15px;
}
.search-mobile-main .dropdown-menu{
  width: 100%;
  min-width: auto;
}
.search-mobile-main .btn-search{
  border-radius: 30px;
  font-size: 18px;
  padding: 10px 15px;
  height: auto;
}
.search-mobile-main .row>div{
  margin-top: 2rem;
}
.search-mobile-main .dropdown-menu>li>a{
  padding: 10px 20px;
  font-size: 18px;
}

/* menu */
.menu{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 120px;
  overflow-y: auto;
  /*border-top: 1px solid #efefef;*/
}
.menu>li{
  float: none;
  /*border-bottom: 1px solid #efefef;*/
  
}
.menu>li>a{
  padding: 0 1em;
  line-height: 60px !important;
}

.menu>li>a p {
    display: inline;
}
.menu>li>a:hover,
.menu>li>a.active{
  background-color: #f6f6f6;
}
.menu .sub-menu{
  position: relative;
  left: auto;
  top: auto;
  width: 100%;
  background-color: #ebebeb;
  display: none;
  box-shadow: none;
  border-radius: 0;
}
.menu .sub-menu>li>a{
  padding-left: 30px;
}
.menu>li:hover .sub-menu{
  display: block;
}

/* header-tools */
.header-tools{
  position: absolute;
  bottom: 20px;
  left: 10%;
  right: 0;
  float: none;
  width: 80%;
  height: 60px;
  /*border-top: 1px solid #efefef;*/
}
.header-tools .item{
  width: 50%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.header-tools .item+.item{
  margin-left: 0;
}
.header-tools .links{
  font-size: 14px;
}

/* header-exhibits-link */
.header-exhibits-link{
  float: none;
  border: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  border-top: 1px solid #efefef;
  right: 0;
  line-height: 18px;
  padding-top: 10px;
  padding-bottom: 10px;
  height: 60px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
.header-exhibits-link .icon-circle-arrow{
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -10px;
}

/* footer */
.footer>.container{
  padding: 0 1rem;
}

/* footer-info */
.footer-info{
  /*padding: 2rem 0;*/
}
.footer-info .row>div+div{
  margin-top: 1rem;
}
.footer-info .item p{
  font-size: 12px;
}

/* footer-links */
.footer-links{
  font-size: 12px;
}

/* footer-share */
.footer-share{
  margin: 10px 0;
}

/* footer-bottom */
.footer-bottom{
  padding: 1rem;
  font-size: 12px;
}

/* footer-copyright */
.footer-copyright{
  float: none;
  text-align: center;
}

/* footer-bottom-links */
.footer-bottom-links{
  float: none;
  text-align: center;
}
.footer-bottom-links li{
  float: none;
  display: inline-block;
}

/* b2t */
.b2t{
  right: 1rem;
  bottom: 5rem;
  opacity: .4;
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.b2t.show{
  opacity: .7;
}

/* page-banner */
.page-banner{
  height: 100px;
}
.page-banner h1{
  font-size: 24px;
}


/* 
  home
*/

/* home-swiper */
.home-swiper .gallery-top{
  height: 260px;
}
.home-swiper .gallery-thumbs{
  height: 100px;
}


}



/* 
screen < 992
*/
@media screen and (max-width: 992px) {
    .lang-en.page-about .row-macau .item .info,
    .lang-pt.page-about .row-macau .item .info {
        top: 5%;
    }
    .col-dynamic .info h5, .page-dynamic .info h5,
    .col-dynamic h5, .col-dynamic p {
        height: 32px;
    }
    .tags span {
        display: inline-block;
    }
    .tags {
        line-height: 1.2;
        white-space: normal;
        font-size: 12px;
    }
    .lang-pt .story-wrap h3,
    .lang-en .story-wrap h3 {
        font-size: 20px;
    }
    .page-about .row-macau .item .info .desc {
        font-size: 13px;
    }
    .page-about .row-macau .item .info .name {
        font-size: 16px;
        line-height: 1;
        margin-top: 5px;
    }
    .page-about .row-macau .item .info img {
        width: 24px !important;
    }
    .page-about .row-macau .item .info {
        top: 10%;
        width: 98%;
        left: 1%;
    }
    .col-news .list-layout .item .title {
        -webkit-line-clamp: 2;
    }
    .page-company-detail .list-layout-style02-5cols .item-container {
        width: 33.33%;
    }
    .page-news .col-news .item .title {
        height: auto;
        min-height: auto;
    }
    .page-news .list-layout-style04 .item img {
        width: 120px;
        height: 120px;
    }
    .story-list .item {
        margin: 10px auto;
    }
    .story-list .item .image {
        /*height: 240px;*/
    }
    .page-home .col-news .list-layout .item img {
        width: 120px;
        height: 120px;
    }
    .page-home .home-swiper .gallery-top {
        height: 211px;
        min-height: 211px;
    }
    .page-home .home-swiper {
        width: 360px;
        height: 211px;
        min-height: 211px;
    }
.page-home .page-banner {
    height: 564px;
}

  .category-box-list a {
      font-size: 12px;
      padding: 10px;
  }
    
 /*.breadcrumb li:last-child {*/
 /*   display: none;*/
 /*}*/
 .news-detail-title p {
    width: 80%;   
    font-size: 24px;
 }
 .news-detail-title .breadcrumb {
     padding: 0;
    margin-top: -20px;
 }
 .news-detail-title {
    background-size: auto 150px;
 }
.page-about .location-wrap .info {
    top: 2%;
    right: 17%;
    width: 320px;
    font-size: 12px;
    line-height: 1.8;
}

  .macau-label {
      padding: 15px 1%;
  }
  .macau-label li{
      padding-left: 0;
      font-size: 14px;
  }
  .macau-label li img {
      width: 40px;
  }
      
  .col-dynamic .link-store {
      display: inline-block;
      margin: 15px 0;
  }
  
  .category-box-list .dropdown-content {
      position: static;
  }
  
  .search-reltext {
    height: 30px;
    line-height: 30px;
  }


/* 
  home
*/

/* home-section */
.home-section>.row>div:last-child{
  /*margin-top: 1rem;*/
}

.story-hub {
    height: auto !important;
    display: none;
}
.story-hub .story-title-lg .left-block {
    height: auto !important;
    padding: 20px 0;
}

.story-hub .story-title-lg .image {
  max-width: 100%;
}
.story-hub .story-title-lg .left-block h3 {
    font-size: 18px;
}
.story-hub .story-title-lg .btn {
  padding: 5px 20px;
  border-radius: 40px;
  font-size: 12px;
  margin-top: 10px;
}
.story-hub .story-title-lg .layui-carousel-arrow {
  top: 50%;
}
.story-hub .story-title-lg .layui-carousel-arrow[lay-type=sub] {
  margin-left: 0;
  left: 0;
}
.story-hub .story-title-lg .layui-carousel-arrow[lay-type=add] {
  margin-right: 0;
  right: 0;
}

.list-layout .row {
  margin: 0 -5px;
}
.list-layout .row .col-xs-6 {
  padding: 0 5px;
}
.list-layout .row .item {
  margin-bottom: 10px;
}




}



/* 
screen < 768
*/
@media screen and (max-width: 768px) {
    .enterprise-contact a {
        color: #fff;
    }
    .page-about .row-macau .item .info img {
        width: 42px !important;
    }
    .page-product-detail .breadcrumb li:last-child {
        display: block !important;
    }
    .page-product-detail .link-company {
        display: inline-block;
        color: #B3B3B3;
        font-size: 12px;
        padding: 10px 15px;
    }
    .page-product-detail .company-link {
        margin: 0;
    }
    .product-category span {
        padding: 7px 15px;
        background: #fff;
        color: #0C968A;
    }
    .page-product-detail .product-category {
        padding: 0;
        float: left;
        margin-right: 10px;
    }
    .page-product-detail .top-wrap {
        height: 50px;
    }
    .page-product-detail .info-wrap .btn-outline-gray {
        position: absolute;
        bottom: -50px;
        left: 0;
    }
    .page-product-detail .super-link-box {
        display: none;
    }
    .product-top-info .btn-area {
        padding: 0 !important;
    }
    .page-product-detail .tags span {
        border: 1px solid #fff;
        padding: 6px 12px !important;
        color: #fff;
        margin: 0;
    }
    .page-product-detail .tags {
        /*position: absolute;*/
        /*bottom: 10px;*/
        float: left;
        color: #fff;
        margin-top: 10px;
        margin-right: 10px;
    }
    .page-product-detail .product-top-info .btn-area p {
        flex: none !important;
        margin: 0 !important;
        margin-right: 8px !important;
    }
    .page-product-detail .product-top-info .btn-area .btn {
        min-width: 100px !important;   
        padding: 8px 15px !important;
        margin-bottom: 5px !important;
    }
    .page-product-detail .enterprise-contact>li {
        color: #fff;
        margin-top: 0;
        margin-bottom: 0;
    }
    .page-product-detail .product-top-info h2 {
        color: #fff;
        font-size: 18px;
        padding: 0;
    }
    .page-product-detail .company-area {
        margin: 0;
    }
    .page-product-detail .product-top-info .info-wrap {
        padding-left: 13px;
        flex: 1;
    }
    .page-product-detail .product-top-info {
        position: relative;
        display: flex;
        text-align: left;
        padding: 15px;
        background: #0b9589;
        margin-top: -1px;
    }
    .page-product-detail .product-detail-section .container {
        padding: 0 !important;   
    }
    .page-product-detail .product-top-info .cover {
        width: 60px;
        height: 60px;
        margin-top: 0;
        border-radius: 6px;
    }
    .col-dynamic .swiper-btns,
   .col-news .swiper-btns {
       display: none;
   }
   .page-home .dynamic-list .swiper-slide:nth-child(n+5) {
       display: none;
   }
   .page-home .news-list .swiper-slide:nth-child(n+4){
       display: none;
   }
   .col-dynamic .inner {
        padding: 0 10px;
   }
  .page-home .dynamic-list {
    transform: none !important;
    flex-wrap: wrap;
  }
  .page-home .news-list {
    display: block !important;
    transform: none !important;
  }
    
 .page-home .swiper-btns .swiper-button-prev,
 .page-home .swiper-btns .swiper-button-next {
     /*position: static;*/
     /*margin: 0 5px;*/
    display: inline-block;

 }
 .swiper-btns {
     text-align: center;
 }
  .page-home .swiper-wrap {
      display: block;
  }
    
    .home-list .list-layout-style02{
      float: none;
      width: auto;
      margin-top: 0;
    }
    .page-home .home-list {
        display: block;
    }
    .home-list .home-title-lg{
      float: none;
    width: 100%;
    }
    .home-list:nth-child(odd) .home-title-lg{
      float: none;
    }
    .home-list:nth-child(odd) .list-layout-style02{
      float: none;
      padding-left: 0;
    }
    .page-about .btn-area .btn a {
        padding: 0;
    }
    .page-about .location-wrap .info2 .info-text {
        left: 10%;
        top: 10%;
        font-size: 12px;
        line-height: 1.6;
    }
    .location-wrap .info2 {
        text-align: center;
    }
    .location-wrap .cover {
        text-align: center;
    }
    
    .breadcrumb li:last-child {
        display: none;
    }
    
    .layui-layer-iframe {
        max-width: 90%;
    }
    
    .page-about .row-other {
        margin-top: 10px;
    }
    
    .page-about .container {
        overflow: hidden;
    }
    
     .preface-container,
     .preface-container p,
     .preface-container strong,
     .preface-container p span {
         font-size: 14px !important;
     }
    
     #enterpriseContent,
     #companyContent,
     #enterpriseContent p,
     #companyContent p {
         font-size: 14px;
     }
    .story-wrap .btn-warp .btn {
        font-size: 12px;
        height: 36px;
        line-height: 36px;
        margin-bottom: 10px;
    }
    .story-wrap p {
        font-size: 12px;
        color: #060026;
    }
    .story-wrap h3 {
        font-size: 24px;
    }
    .col-news .desc {
        height: auto;
    }
    .col-dynamic h5, .col-dynamic p {
        height: 24px;
    }
    .tags {
        line-height: 1.2;
        white-space: normal;
        font-size: 10px;
        display: inline-block;
    }
    .col-dynamic .info .desc, .page-dynamic .info .desc {
        min-height: auto !important;
        height: auto !important;
    }
    .page-product-detail .subpage-title::before, .page-home .home-title h3::before {
        top: -5px;
    }
    .page-product-detail .subpage-title::after, .page-home .home-title h3::after {
        top: -5px;
    }
    .page-home .home-title h3 {
        font-size: 19px;
    }
    .col-dynamic .info h4, .page-dynamic .info h4 {
        font-size: 14px;
        height: 32px;
        min-height: auto;
    }
    .page-search .search-category {
        margin-top: 20px;
    }
    .page-search .layui-carousel-arrow {
        position: static;
        margin-top: 25px;
        margin: 20px 5px;
    }
    .page-search #product ,
    .page-search #company {
        overflow: initial;
        text-align: center;
    }
    .page-search .search-reltext span {
        font-size: 16px;
        font-family: PingFang SC, PingFang SC;
        font-weight: 400;
        color: #354C50;
        padding-left: 5px;
    }
    .page-search .search-reltext {
        margin-top: 60px;
        margin-bottom: 0px;
        text-align: left;
    }
    .page-product-detail .info {
        padding: 0 10px;
    }
    .page-product-detail .btn-outline-gray {
        margin-top: 20px;
    }
    .detail-content {
        display: block;
    }
    .page-product-detail .tags {
        max-width: 100%;
    }
    .product-top-info {
        width: 100%;
        text-align: center;
    }
    .page-product-detail .detail-info {
        display: block;
    }
    .enterprise-top .super-link-box-style02 {
        margin-top: 0;
    }
    .page-product-detail .product-top-info .btn-area .btn-outline-gray {
        margin-top: 10px !important;
    }
    .page-product-detail .product-top-info .btn-area .btn,
    .page-company-detail .detail-wrap .btn-area .btn {
        padding: 10px 15px;
        margin: 0;
        min-width: 150px;
    }
    .page-product-detail .product-top-info .btn-area p,
    .page-company-detail .detail-wrap .btn-area p {
        flex: 1;
        margin: 0 5px;
    }
    .page-product-detail .product-top-info .btn-area,
    .page-company-detail .detail-wrap .btn-area {
        display: flex;
        flex-wrap: wrap;
    }
    .page-product-detail .list-layout-style02-5cols .item-container,
    .page-company-detail .list-layout-style02-5cols .item-container {
        width: 50%;
    }
    .page-product-detail .detail-wrap,
    .page-company-detail .detail-wrap {
        width: 100%;
        margin-top: -100px;
        padding: 0;
    }
    .top-info {
        display: block;
    }
    .theme-new .header-main {
        backdrop-filter: none;
        -webkit-backdrop-filter: none;
    }
    .page-about .page-banner h3 {
        font-size: 21px;
        bottom: 35%;
    }
    .page-about .intr {
        font-size: 14px;
    }
    .page-about .row-contact {
        display: flex;
        flex-direction: column-reverse;
    }
    .page-about .btn-area .btn {
        font-size: 14px;
        height: 32px;
        line-height: 32px;
        padding: 0 40px;
    }
    .page-about .about-table .about-title {
        font-size: 18px;
    }
    .page-about .about-table p a,
    .page-about .about-table p {
        font-size: 14px;
    }
    .page-about .row-other .text .name {
        font-size: 16px;
    }
    .page-about .row-other pre {
        font-size: 14px;
    }
    
    .page-about .row-macau {
        text-align: center;
    }
    .page-about .row-macau .item .info {
        top: 16%;
    }
    .page-about .row-macau .item .info .name {
        font-size: 19px;
        margin: 10px 0;
    }
    .page-about .row-macau .item .info .desc {
        font-size: 14px;
    }
    .page-news .mt-6,
    .page-dynamic .mt-6 {
        margin-top: 10px;
    }
    .news-search {
        height: 40px;
        line-height: 40px;
    }
    .news-search .text-box>input {
        height: 30px;
    }
    .news-search .btn-search {
        font-size: 12px;
        height: 28px;
        line-height: 28px;
    }
    .theme-new .page-banner {
        margin-top: -50px;
        height: 205px;
    }
    .story-wrap .flexbox {
        display: block;
        text-align: center;
    }
    .story-wrap .btn-warp {
        margin-top: 20px;
    }
  .col-news .list-layout .item .title {
      height: 45px;
      min-height: 45px;
      -webkit-line-clamp: 2;
  }
.page-about .location-wrap .info {
    position: static;
    width: 100%;
    padding: 20px 0;
}
.about-other {
   padding-top: 20px;
}
.theme-new .page-banner h1 {
    margin-top: 60px;
}
.theme-new .container form[method=get] {
    margin-top: -120px;
}
.category-box {
    margin-top: 60px;
}
.page-home .page-banner {
    height: auto;
    margin-top: 0;
}
.page-home .home-swiper {
    width: 100%;
    height: auto;
    max-width: 100%;
    padding-top: 59%;
}
.page-home .home-swiper .gallery-top {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
}
.page-home .page-banner .box {
    position: absolute;
    top: 0;
    left: 20px;
}
.page-home .page-banner .box {
    padding-top: 6%;
}
.page-home .page-banner .box h2 {
    font-size: 21px;
}
.page-home .page-banner .box p {
    font-size: 11px;
}
.page-home .page-banner .box h3 {
    font-size: 18px;
}
.page-home .page-banner .box h4 {
    font-size: 11px;
}
.theme-new .home-category {
    margin-top: 0;
}
.page-home .macau-label {
    display: none;
}
.home-section .col-news .list-layout .item {
    
}
.list-layout-style04 .item {
    padding: 10px;
}
.col-dynamic .pa-2 {
    padding: 0;
}
.col-dynamic h4 {
    font-size: 14px;
}
.col-dynamic h5,.col-dynamic p {
    font-size: 12px;
}
.col-dynamic .info .desc,
.page-dynamic .info .desc {
    min-height: 30px;
    -webkit-line-clamp: 2;
}
.list-layout figure img {
    border-radius: 6px;
}
/* 
  components
*/



/* logo */
.logo>a{ 
  max-width: 64%;
}
.logo>a:last-child{
  max-width: 36%;
}
.logo img {
  height: auto;
  max-height: 28px;
}

.macau-label li a {
  font-size: 12px;
}
.macau-label li a img {
  width: 30px;
}

/* category-box */
.category-box{
  padding: 0 1rem;
}
.category-box h3{
  display: none;
}

/* category-mobile */
.category-mobile{
  display: block;
}
.page-home .category-mobile .btn-default,
.page-home .category-mobile .btn-default.active, 
.page-home .category-mobile .btn-default:active, 
.page-home .category-mobile .open>.dropdown-toggle.btn-default{
  background-color: #e53d2c;
  color: #FFF;
}
.category-mobile .dropdown-menu{
  width: 100%;
  border: 0;
}
.category-mobile .dropdown-menu i{
  margin-right: 10px;
}
.category-mobile .dropdown-menu>li>a{
  padding: 6px 15px;
}
.category-mobile .dropdown-menu>li>a.active{
  background-color: #f6f6f6;
}
.category-mobile .btn-filter{
  border: 0;
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.125);
}

/* category-tabs */
.category-tabs{
  overflow: hidden;
}
.category-tabs>li{
  display: block;
  float: left;
  width: 25%;
  margin: 0;
}
.category-tabs a{
  font-size: 14px;
  padding: 10px;
  min-height: 56px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

/* category-box-list */
.category-box-list{
  display: none;
}

/* .subpage-title */
.subpage-title{
  font-size: 24px;
  padding: 0 1rem;
}

/* detail-pager */
.detail-pager span{
  display: none;
}
.detail-pager .row{
  margin: 0;
}
.detail-pager a{
  display: block;
  text-align: center;
}
.detail-pager a i{
  margin: 0 !important;
}

/* super-link-box */
.super-link-box a{
  font-size: 14px;
}

/* form-box */
.form-box{
  margin: 0;
}
.form-box-btn-area{
  padding: 0 1rem;
}
.form-box .form-group>.row>div+div{
  margin-top: 1rem;
}

/* progressbar */
.progressbar {
    margin-top: 20px;
}
.progressbar li {
  vertical-align: top;
  width: 30%;
  margin-top: 10px;
}
.progressbar li:nth-child(4):after {
    display: none;
}
.progressbar span {
  max-width: 100%;
}

/* list-expand-trigger */
.list-expand-trigger{
  margin: 1rem;
}

/* pagination */
.pagination .hidden-phone{
  display: none;
}
.pagination-info{
  display: none;
}

/* sharing-tools-style02 */
.sharing-tools-style02{ text-align: center; }




/* 
  list
*/
.col-company .list-layout .main{
    padding: 15px 0;
}
/* list-layout */
.list-layout .row>div+div{
}
.col-dynamic .list-layout figure{
  width: 100%;
}
.col-dynamic .list-layout figure img{
  margin: 0 auto;
}
.page-home .col-news .list-layout .item img {
 width: 120px;   
 height: 120px;
}

.col-dynamic .list-layout figure{
    /*width: 20%;*/
    /*float: left;*/
}
.col-dynamic .list-layout .item {
    margin-bottom: 10px;
}
.list-layout .main{
  position: relative;
  left: auto;
  right: auto;
  bottom: auto;
  top: auto;
  color: #333;
  flex-direction: column;
  align-items: flex-start;
}
.list-layout .main:before{
  display: none;
}
.list-layout .main>span{
  max-height: 36px;
}
.list-layout .item:hover {
  text-decoration: none;
}
.list-layout .item:hover .main{
  color: #e1523e;
}
.list-layout .main>span.date{
  display: block;
  font-size: 12px;
  color: #999;
  font-family: "Roboto", Arial, Helvetica, sans-serif;
  margin-top: 10px;
}

/* list-layout-style02 */
.list-layout-style02{
  /*padding: 0 1rem;*/
}
.list-layout-style02 h6{
  line-height: 30px;
  font-size: 14px;
  margin-bottom: 12px;
}
.list-layout-style02 .main{
  display: none;
}
.list-layout-style02 .active .main {
  display: flex;
}

/* list-layout-style02-5cols */
.list-layout-style02-5cols{ 
  /*margin: 0;*/
  padding: 0 !important;
  overflow: hidden;
  display: flex;
  flex-wrap: wrap;
}
.page-search .swiper-inner.list-layout-style02-5cols {
  display: block;
  overflow: visible;
}
.page-search .products-swiper {
  width: 100%;
}
.page-search .list-layout-style02-5cols .item-container {
  width: 100%;
  margin-bottom: 0;
}
.list-layout-style02-5cols .item-container{
  width: 50%;
  float: none;
}

/* list-layout-style03 */
.list-layout-style03{
  margin: 0 -10px;
  padding: 0 1rem;
}
.list-layout-style03 .item{
  padding: 1rem;
}
.list-layout-style03 .cover{
  width: 120px;
  height: 120px;
}
.list-layout-style03 .main{
  margin-left: 130px;
}
.list-layout-style03 h5{
  margin: 0 0 5px 0;
  font-size: 16px;
  line-height: 20px;
}
.list-layout-style03 .summary{
  display: none;
}
.list-layout-style03 .tags{
  margin-bottom: 5px;
}
.list-layout-style03 .tags span{
  padding: 5px;
  margin-top: 10px;
}
.list-layout-style03 .btn{
  font-size: 12px;
  padding: 5px 10px;
  margin-top: 10px;
  margin-right: 5px;
}
.list-layout-style03 .btn+.btn{
  margin-left: 0;
}

/* list-layout-style04 */
.list-layout-style04 .row{
  margin: 0;
  padding: 0;
}




/* 
  home
*/

/* home-banner */
 .home-banner{
  height: 160px;
}
.home-banner h3{
  font-size: 18px;
  margin: 0;
}
.home-banner .btn{
  padding: 5px 20px;
  font-size: 14px;
}

/* home-swiper */
.home-swiper .gallery-thumbs{
  height: 80px;
}




/* 
  about
*/

/* about-banner */
.about-banner{
  height: 200px;
}
.about-banner .container{
  height: 200px;
}
.about-banner .main{
  padding: 0 1em;
}
.about-banner .main h3{
  font-size: 20px;
}
.about-banner .main h2{
  font-size: 24px;
  margin: 10px 0 0 0;
}

/* about-tabs */
.about-tabs{
  padding: 1em 0;
}
.about-tabs .row{
  margin: 0;
}
.about-tabs .row>div{
  padding: 0;
}
.about-tabs a{
  font-size: 14px;
}

/* about-title */
.about-title{
  font-size: 20px;
}

/* about-faq */
.about-faq>.container{
  padding: 0 1em;
}
.about-faq-list .panel-heading a{
  font-size: 16px;
  height: 46px;
  line-height: 46px;
}
.about-faq-list .panel-body figure{
  float: none;
  text-align: center;
  width: auto;
  height: auto;
  border-radius: 0;
}
.about-faq-list .panel-body{
  padding: 15px;
}
.about-faq-list .panel-body .main{
  margin: 15px 0 0 0;
  text-align: justify;
}

/* contact-box */
.contact-box{
  padding: 0 1em;
}
.contact-map{
  height: 200px;
}

/* contact-msg */
.contact-msg{
  /*margin-left: 1rem;*/
  /*margin-right: 1rem;*/
  padding-left: 1rem;
  padding-right: 1rem;
}
.contact-msg-form input, 
.contact-msg-form textarea{
  font-size: 14px;
}
.contact-msg-form .item-verify .code{
  line-height: 0;
}
.page-about .row-other .text {
    max-width: 100%;
    width: auto;
    margin-left: 0;
    text-align: center;
}



/* 
  enterprise
*/

/* enterprise-top */
.enterprise-top{
  height: auto;
  padding: 2em 1em;
}
.enterprise-top .cover{
  width: 120px;
  height: 120px;
  margin: 0 auto;
  float: none;
  border-radius: 50%;
}
.enterprise-top .main{
  margin-left: 0;
  float: none;
  margin-top: 15px;
  text-align: center;
}
.enterprise-top h3{
  font-size: 18px;
  height: auto;
  line-height: 20px;
  margin: 0 0 15px 0;
}
.enterprise-top .btn-area .btn{
  font-size: 14px;
  width: 100%;
  padding: 5px 15px;
}
.enterprise-top .btn-area .btn+.btn{ 
  margin-left: 0;
  margin-top: 15px;
}
.enterprise-top .tags{
  float: none;
  margin-left: 0;
  text-align: center;
  max-width: 100%;
}

/* enterprise-contact */
.enterprise-contact>li{
  float: none;
  font-size: 12px;
}
.enterprise-contact>li+li{
  margin-left: 0;
  margin-top: 15px;
}



/* 
  news
*/

/* news-search */
.news-search{
  max-width: 80%;
}

/* news-detail-title*/
.news-detail-title{
  padding: 20px 0;
  line-height: 30px;
  font-size: 24px;
  background-image: none;
}

/* news-detail-date */
.news-detail-date{
  padding: 1rem;
  font-size: 14px;
  text-align: center;
}

/* news-detail-section */
.news-detail-section .row>div{ 
  text-align: center !important;
}



/* 
  product
*/

/* product-detail-section */
.product-detail-section{
  padding-top: 0;
  margin-top: 0;
}

/* product-main-pic */
.product-main-pic{
  float: none;
  width: 100%;
  height: auto;
  max-height: 300px;
  border: 0;
  text-align: center;
  background-color: #FFF;
}
.product-main-pic img{
  max-height: 300px;
}

/* product-top-info */
.product-top-info{
  margin-left: 0;
}
.product-top-info h2{
  font-size: 30px;
  line-height: 36px;
  padding: 0 1rem;
  margin: 0;
}
.product-top-info .btn-area{
  margin-top: 0;
  padding: 1rem;
  border-top: 0;
}
.product-top-info .btn{
  font-size: 12px;
}

/* product-category */
.product-category{
  padding: 1rem;
}
.product-category span{
  font-size: 12px;
}
.product-category>div{
  float: none !important;
}
.product-category>div:last-child{
  margin-top: 8px;
}

/* product-summary */
.product-summary{
  font-size: 14px;
  padding: 1rem;
}




/* 
  guide
*/

/* guide-header */
.guide-header{
  height: 60px;
  padding: 0 1rem;
}

/* guide-footer */
.guide-footer{
  font-size: 12px;
  line-height: 16px;
  padding: 15px 0;
}

/* guide-main */
.guide-main{
  height: calc(100vh - 106px);
}
.guide-main>.container{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

/* guide-figure-set */
.guide-figure-set{
  display: none;
}

/* guide-mobile */
.guide-mobile{
  display: block;
  margin: -4rem 1rem 0 1rem;
}

/* guide-words */
.guide-words{
  padding: 1rem;
  position: relative;
  top: auto;
  max-width: 100%;
  left: auto;
  width: 100%;
}
.guide-words .first{
  margin-bottom: 10px;
}
.guide-words .first h3{
  font-size: 24px;
  line-height: 24px;
  margin: 0;
}
.guide-words .first h4{
  font-size: 18px;
  line-height: 18px;
  margin: 0;
}
.guide-words .second h3{
  font-size: 18px;
  line-height: 18px;
}
.guide-words .second p{
  font-size: 12px;
  line-height: 14px;
}
.guide-words .others{
  margin-top: 10px;
}
.guide-words .others h5{
  font-size: 14px;
  line-height: 16px;
}
.guide-words .others p{
  font-size: 14px;
  margin-bottom: 5px;
}

/* guide-nav */
.guide-nav{
  width: auto;
  position: absolute;
  left: 1rem;
  right: 1rem;
  bottom: 2rem;
  margin-left: 0;
  font-size: 12px;
}
.guide-nav>ul{
  height: 40px;
}
.guide-nav>ul>li{
  line-height: 40px;
}
.guide-nav>ul>li:after{
  height: 40px;
}


/*
  company
*/

/* company-contact-form */
.company-contact-form .title>span{
  text-align: left;
}
.company-contact-form .form-group .row>div+div{
  margin-top: 15px;
}


}




/* 
screen < 480
*/
@media screen and (max-width: 480px) {

.menu>li>a {
    line-height: 45px !important;
}
/* 
  home
*/

/* home-swiper */
.home-swiper .gallery-top{
  height: 120px;
}
.home-swiper .gallery-thumbs{
  height: 40px;
}
.home-swiper .swiper-button-prev, 
.home-swiper .swiper-button-next{
  display: none;
}



}



/* 
screen < 360
*/
@media screen and (max-width: 360px) {


/* 
  guide
*/

/* guide-mobile */
.guide-mobile{
  display: block;
  margin-top: -8rem;
}

}

@media screen and (max-width: 900px) {
  .story-modal__stage {
    width: calc(100vw - 16px);
    max-height: 92vh;
  }

  .story-modal__nav--story {
    position: absolute;
    z-index: 6;
    width: 36px;
    height: 36px;
    margin: 0;
    font-size: 13px;
  }

  .story-modal__nav--prev { left: 2px; }
  .story-modal__nav--next { right: 2px; }

  .story-modal__layout {
    grid-template-columns: 1fr;
    min-height: 0;
    max-height: 92vh;
  }

  .story-modal__media {
    min-height: 220px;
    height: 38vh;
    max-height: 300px;
  }

  .story-modal__kicker,
  .story-modal__title {
    padding-left: 20px;
    padding-right: 48px;
  }

  .story-modal__title {
    margin-left: 20px;
    margin-right: 20px;
    font-size: 20px;
  }

  .story-modal__kicker {
    padding-top: 20px;
  }

  .story-modal__body {
    padding: 12px 20px 24px;
  }
}