@font-face {font-family: "Microsoft JhengHei";
    font-display: swap;
    src: url("http://db.onlinewebfonts.com/t/d5853a95968c50d209319cc9479f6aab.eot"); /* IE9*/
    src: url("http://db.onlinewebfonts.com/t/d5853a95968c50d209319cc9479f6aab.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("http://db.onlinewebfonts.com/t/d5853a95968c50d209319cc9479f6aab.woff2") format("woff2"), /* chrome firefox */
    url("http://db.onlinewebfonts.com/t/d5853a95968c50d209319cc9479f6aab.woff") format("woff"), /* chrome firefox */
    url("http://db.onlinewebfonts.com/t/d5853a95968c50d209319cc9479f6aab.ttf") format("truetype"), /* chrome firefox opera Safari, Android, iOS 4.2+*/
    url("http://db.onlinewebfonts.com/t/d5853a95968c50d209319cc9479f6aab.svg#Microsoft JhengHei") format("svg"); /* iOS 4.1- */
}
/*-------------General Style---------------------------------------*/
html {overflow-x: hidden !important;position: relative;}
body {margin: 0;padding: 0;font-weight: 400;font-size:1rem;height: 100%;background-color: #13161b; color: #d1d1d1;position: relative;z-index: 1;letter-spacing: 1px;
    font-family: "Microsoft JhengHei", 'arial', sans-serif;line-height: 1.5;}

a:hover{text-decoration: none;}
.section-gap{padding:120px 0;overflow: hidden;}
.section-gap-top{padding-top:120px;}

.img-full{width: 100%;}
.btn{border-radius: 0;}

.bg{position: relative;}
.z1{position: relative;z-index: 1;}
.container-fluid{padding: 0;}

.row.gutters-b > [class^="col-"],
.row.gutters-b > [class*=" col-"],
.row.gutters-b > .col {margin-bottom: 20px;}
/*-------------Owl-carousel Style---------------------------------------*/
.equal-h .item {height: 500px;position: relative;}
.equal-h .item img {width: 100%;height: 100%;object-fit: cover;object-position: center right;}
.owl-action-1 .owl-nav .owl-prev,
.owl-action-1 .owl-nav .owl-next {position: absolute;top: 50%;-ms-transform: translateY(-50%);transform: translateY(-50%);background: transparent !important;width: 40px;cursor: pointer;position: absolute;display: block;z-index: 1000;border-radius: 0;}
.owl-action-1 .owl-nav .owl-prev{left: 45px;}
.owl-action-1 .owl-nav .owl-next{right: 15px;}
.owl-action-1 .owl-nav .owl-prev span,
.owl-action-1 .owl-nav .owl-next span {font-size: 4rem;color: #c9a453;line-height: 1;}
.owl-action-1 .owl-nav .owl-prev:focus,
.owl-action-1 .owl-nav .owl-next:focus {outline: 0;}
.owl-action-1.owl-theme .owl-dots{position: absolute;left: 0;right: 0;bottom: auto;top: 20px;}
.owl-action-1.owl-theme .owl-dots .owl-dot{outline: none;}
.owl-action-1.owl-theme .owl-dots .owl-dot span{background: #4e483c;width: 50px;height: 12px;margin: 5px;border-radius: 0;}
.owl-action-1.owl-theme .owl-dots .owl-dot.active span,
.owl-action-1.owl-theme .owl-dots .owl-dot:hover span{background-color: #946b11;}
.owl-theme .owl-nav{margin: 0;}

@media (min-width: 992px){
    .bg img{position: absolute;left: 0;right: 0;top: 0;object-fit: fill;}
    .banner-section{padding-left: 28vw;padding-top: 14vw;position: relative;}
    .banner-section::before{position: absolute;right: 0;top: 70%;content: "";z-index: 11;pointer-events: none;background-image: url(../images/img11.png);background-position: right bottom;background-repeat: no-repeat;width: 30vw;height: 30vw;background-size: contain;}
}
.banner-box{position: relative;}
.banner-box::after,.banner-box::before{position: absolute;content: "";}
.banner-box::after{width: 100%;height: 85%;background-color: #c9a453;top: 0;left: 0;}
.banner-box::before{width: 100%;height: 30%;background-color: #c9a453;bottom: 0;left: 0;-ms-transform: skewY(5deg);transform: skewY(5deg);}
.banner-section .main-banner{padding-left: 30px;padding-top: 60px;}

.bg1{background-image: url(../images/bg1.png);background-repeat: no-repeat;background-position: left 80%;background-size: auto;position: relative;}
.icon-box{position: relative;display: inline-block;}
.icon-box::before{position: absolute;right: 100%;bottom: 0px;content: "";pointer-events: none;width: 34px;height: 100%;background-image: url(../images/shadow2.png);background-position: right bottom;background-repeat: no-repeat;}

.bg3{background-image: url(../images/bg3.jpg);background-repeat: no-repeat;background-position: center bottom;background-size: cover;position: relative;}
.icons-slider img{max-width: 90%;margin: 0 auto;}
.icons-slider .item{padding-bottom: 250px;transition: all 0.5s ease;}
.icons-slider .owl-item.center .item{padding-top: 250px;padding-bottom: 0;}
.icons-slider.owl-theme .owl-nav{position: absolute;max-width: 40%;margin: 0 auto;left: 0;right: 0;bottom: 200px;}

.bg2{background-image: url(../images/bg2.png);background-repeat: no-repeat;background-position: center bottom;background-size: cover;position: relative;z-index: 2;height: 456px;padding: 190px 0 0;margin-top: -130px;}
.bg4{background-image: url(../images/bg4.jpg);background-repeat: no-repeat;background-position: center top;background-size:auto;position: relative;z-index: 1;margin-top: -60px;}

/*-------------Responsive Style---------------------------------------*/
@media (min-width: 576px){
}
@media (min-width: 768px){
}
@media (min-width: 992px){
}
@media (min-width: 1200px){
}
@media (min-width: 1300px){
    .wrapper{max-width:1920px;}
}


@media (max-width: 1499.98px) {
}
@media (max-width: 1199.98px) {
}
@media (max-width: 991.98px) {
    .hide-mv{display: none;}
    .section-gap{padding:70px 0;}
    .section-gap-top{padding-top:70px;}
    .banner-section .main-banner {padding-left: 0px;padding-top: 30px;}
    .owl-action-1 .owl-nav .owl-prev {left: 10px;}
    .owl-action-1 .owl-nav .owl-next {right: 10px;}
    .owl-action-1.owl-theme .owl-dots{display: none;}

    .icons-slider .item{padding-bottom:150px;}
    .icons-slider .owl-item.center .item{padding-top:150px;padding-bottom: 0;}
    .bg1 {background-position: -70px 50px;background-size: 1500px;}
}
@media (max-width: 767.98px) {
    .section-gap{padding:50px 0;}
    .section-gap-top{padding-top:50px;}
    .banner-section .main-banner {padding-top: 20px;}
    .row.gutters-b > [class^="col-"],
    .row.gutters-b > [class*=" col-"],
    .row.gutters-b > .col {margin-bottom: 10px;}

    .icons-slider .item{padding-bottom:0px;}
    .icons-slider .owl-item.center .item{padding-top:0px;padding-bottom: 0;}
    .icons-slider.owl-theme .owl-nav{max-width: 100%;bottom: 50%;}

    .bg2 {padding: 140px 0 0;}
}
@media (max-width: 575.98px) {
    .banner-section .main-banner {padding-top: 10px;}
}
@media (max-width: 399.98px) {
    .banner-section .main-banner {padding-top: 10px;}
    .bg2 {padding: 170px 0 0;}
}