@font-face {
  font-family: genRyuMin; /* set name */
  src: url(/includes/fonts/genRyuMin.ttf); /* url of the font */
}

@font-face {
  font-family: Italiana-Regular; /* set name */
  src: url(/includes/fonts/Italiana-Regular.ttf); /* url of the font */
}

html, body {
  overflow-x: hidden; /* 防止水平溢出與滾動 */
}
.testB{
    border:solid 1px ;
}

header .container{
    display: flex;
    justify-content: flex-end !important; /* 靠右對齊 */
  
}




.fix_whatapp{
    position: fixed;
    right: 50px;
    width: 110px;
    bottom:50px; 
    filter: drop-shadow(10px 5px 5px rgba(202,160,124,0.5));
    z-index:100
}

.owl-theme .owl-dots .owl-dot span {
    
    
    margin: 5px 10px;
    background: TRANSPARENT !important;
    
    border-radius: 30px;
    border: solid 1px #A47D4E;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #A47D4E !important;
}


.owl-theme .owl-dots .owl-dot{
    margin-top: 30px;
}

.owl-theme .owl-dots .owl-dot span {
    width: 15px  !important;
    height: 15px  !important;
    
}
@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1900px !important;
    }
}

.enfont{
   font-family: Italiana-Regular;  
}

.jcc{
    justify-content:center;
}

.bgc{
    background: #F9F6F4
}

.footer_bgc{
    background: #F3EFEC
}

.col_brown{
    color: #644e35
}
.col_brown_font{
    color:#6C4E35
}

.bg_brown{
    background: #644e35
}

footer{
    color:#333333;
    
    font-size: 20px;
}
.btn:hover , .btn:active{
       background: #644e35;
}

.btn_1{
    background: transparent;
    border-radius: 10px;
    text-align: center;
    border: solid 2px #644e35;
}

.btn_1 a{
    width: 100%;
    height: 100%;
    text-decoration: none;
    color:#644e35;
    padding: 10px 40px;
    display: table-cell;
}

.btn_1 ,.btn{
    display: inline-block;
}

.btn{
    background: #644e35;
    border-radius: 10px;
    text-align: center;
}

.btn a{
    width: 100%;
    height: 100%;
    text-decoration: none;
    color:#FFF;
    padding: 3px 50px;
    display: table-cell;
}
.fs-30{
    font-size: 30px;
}
.fs-25{
    font-size: 25px;
}

.fs-22{
    font-size: 22px;
}
header ,footer{
    font-family: genRyuMin;
}
header .container{
    padding: 0 100px;
}
.font_tc2{
    font-family: genRyuMin;
}
body{
    font-family: 'Noto Sans HK';
    background: #F9F6F4
}

.home .title_2:after{
    content: '';
    display: block;
    height: 2px;
    width: 100px;
    background: #644e35;
    margin-top: 15px;
    margin: auto;
}

.home .title:after{
    content: '';
    display: block;
    height: 2px;
    width: 100px;
    background: #644e35;
    margin-top: 15px
}

.home .title , .home .title_2{

    font-size: 50px;
    letter-spacing: 15px;
}

.home .desc{
    font-size: 18px;
    line-height: 40px;
    
}
footer .div_footer_logo {
    display: flex;
    flex-direction: row;
    align-content: center;
    align-items: center;
}
.mb-contact{
    margin-bottom: 30px !important;
}

.dot{
    font-size: 60px
}

footer .ico_footer_1{
    height: 40px;
    margin-right: 30px;
    float: left;
}
footer .div_info .row > div > div:last-of-type{
     margin-bottom: 5px;  
}

footer .div_info .row > div > div{
       margin-bottom: 40px;
}

footer .p-contact, footer .p-address{
    padding-left: 70px;
}
/*
footer .div_info .row > div{
    padding: 0px 30px;
}*/
footer .footer_border{
    border-right: 2px solid #E7DED6;
}
header{
        position: fixed;
    width: 100vw;
    top: 0;
    height: 95px;
    background: #F9F6F4;
    z-index: 10;
    }
    .main{
        margin-top: 95px
    }
footer .div_info{
    padding-top: 50px;
    padding-bottom: 50px;
    background: #F9F6F4
}

footer .div_copyright{
    background: #F3EFEC;
    padding: 18px;
    border-top:2px solid #E7DED6;
}

.home .div_enq {
    min-height: 300px;
    padding: 50px 0;
}


 
.home .div_session_4 .text_1 .enfont{
      letter-spacing:30px;
      margin-right: 10px
}


.home .div_session_4 .text_1{
    font-size: 60px;
    
      color: #644e35;
      letter-spacing:10px;
}

.home .div_session_4 .text_2{
    font-size: 40px;
    letter-spacing: 13px;
      color: #644e35;
    margin-bottom:  30px;
}

.home .home_box{
    border: solid 2px #F0E7E0;
    border-radius: 20px;
    background: #F8F4F0;
    padding: 25px 5px;;
}

.home .div_home_award .home_box img{
    height: 260px;
    width: unset !important;
    margin: auto;
}

.home .div_session_4 {
    min-height:330px;
     background:url(/images/banner-3.jpg);
     background-size: cover;
}

.home .div_session_2 .div_container{
   display: flex;
    align-content: center;
    align-items: center;
    flex-direction: row;
    justify-content: flex-end;
        min-height: 750px;
}


/*
.home .div_session_2{
    background:url(/images/banner-2.png);
    background-repeat: no-repeat ,no-repeat;
    background-position: left center ;
    
     background-size: contain ;
 
   
}
*/
.home .div_session_2 .bg_padding{
     padding: 120px 100px;;
}

.menu_box {
    width: 80%;
    float: left;
    display: flex;
    justify-content: flex-end;
}
.headerlogo {
    width: 20%;
    float: left;
}

.headerlogo img{
    height: 75px
}

header  nav .nav-item a:hover{
     text-decoration: underline;
}

header  nav .nav-item a{
     color:#6C4E35;
     text-decoration: none;
}

header  nav .nav-item{
    font-size: 24px;
}

header .div_share{
    padding-left: 60px;
    display: flex;
}

header .div_share a{
    margin-left: 20px; 
}

header .div_share img{
   width: 50px; 
}


header .container {
    display: flex;
    align-content: center;
    align-items: center;
}

header {
    padding: 10px 0;
}

.div_banner .banner_text{
    position: absolute;
    top:40%;
    left: 17%;
        
}

.div_banner{
    color:#644E35    
}

.div_banner  .text{

    font-size: 7vw;
    letter-spacing: 20px;
    line-height: 7vw;
    margin-bottom: 20px;
}
.div_banner .text_2{
    margin-bottom: 80px
}

.div_banner .text_2, .div_banner .text_3{
    font-size: 2vw;
    letter-spacing: 14px;
}

.div_banner .text{
    font-family: Italiana-Regular;  
}

.home .award_title_1 {
    
    margin-top: 15px;
     color: #A47D4E;
     font-size: 20px;
}

.home .award_title {
    font-size: 20px;
    line-height: 40px;
    height: 70px;
    overflow: hidden;
}

.pt-80{
    padding-top: 80px;
}

.py-80{
    padding-top: 80px;
    padding-bottom: 80px;
}

footer .ico_footer_2a{
    height: 65px;
    margin-right: 30px;
}

footer .ico_footer_2{
    height: 100px;
    margin-right: 80px;
    
}

a:hover{
    text-decoration: underline;
}

footer a{
    color:#333;
    text-decoration: none;
    
}

.owl-carousel  .prev,.owl-carousel  .next{
    color: #644E35;
    font-size: 40px
}
.owl-carousel .owl-nav button.owl-prev{
    left:-40px
}

.owl-carousel .owl-nav button.owl-next{
    right:-40px
}
.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev{
    top: 160px;
        position: absolute;
}