:root{



  --navBgColor:#606060;



  --opacitynavBgColor:#606060;



  --navTextColor:rgb(255, 255, 255);



  --navhoverColor:rgb(39, 39, 39);



  --highLightColor:rgba(38,43,157,1);



  --hoverColor:rgba(255,255,255,1);



  --darkColor:#000000;



  --titleColor:#ffffff;



  --mainFontColor:rgb(255, 255, 255);



  --opacityFontColor:rgba(255, 255, 255, 0.5);



  --mainBorder:1.5px solid var(--opacityFontColor);



}







#nav-icon span{







  background: var(--darkColor);







}











.navbar{



	background-color:#606060;



    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);



}







#nav-icon span{



  background:#fff;



}







#home,#myCarousel{







  margin-top: 88px;



}











.mainBg{



  background: url(../img/bg.jpg) no-repeat;



  background-size: cover;



  background-attachment: fixed;



}



 .section:nth-child(odd){



  background-color:#353535cc;



}



.mainMask{



  background-color: rgba(0, 0, 0, 0.627);



}



.banner-full{







	background-image: url(../img/banner1.jpg)







}



.newsText a{

  border: 1.5px solid #fff;

  color: #fff;

}



.aboutText h6{



  text-align: center;



  font-size: 25px;



  letter-spacing: 2px;



}



.aboutText p{



  text-align: center;



  font-size: 15px;



  letter-spacing: 2px;



}



.menuItem h4{

  background-color: #606060;

  color: #fff;

  border-bottom: 0px;

  text-align: center;

  padding: 10px;

  text-shadow:3px 2px 3px rgb(27 27 27 / 45%);

}





.roomTitle h4{



  letter-spacing: 2px;



}



#sns ul li{



  filter: brightness(1);



  border-bottom: none;



}

#sns .top{

  background-image: url(../img/top.png);

  background-size: cover;

}





#sns {



  position: sticky;



  bottom: 0 ;



  left: 0 ;



  width: 100%;



  background-color: #606060d6;



}







#sns ul {



  display: flex;



  /* width: 100%; */



  justify-content: space-evenly;







}



.qrcode{



  width: 32%;



  margin: auto;



}







.newsTitle a{



  right: -76%;



  top: -22px;



  color:#736356;



 }







 #copyright {



  background-color: #606060;

  color: #fff;



  text-align: center;



  font-size: 12px;



  padding: 5px 0;



}

#sns ul li a{

  width: 27px;

  height: 27px;

}



article>h3{

  text-shadow:1px 1px 10px #000;

}

.navbar-nav>li>a {

  text-shadow:1px 1px 10px #000;

}

.newsText p{

  text-align: justify;

}













/* 響應式選單*/



@media (max-width:1200px) {



  #logo{



    width: 100%;



  }



  .navbar > .container-fluid .navbar-brand{



    margin-left: 0;



  }



  .navbar-brand > img{



    margin: auto;







  }



  .shop1688{



    left: 15px;



  }



  .navbar-nav{



    text-align: center;



  }



    .navbar-header {



      float: none;







  }







  .navbar-right{



    margin-right: 0;



  }



  .navbar-left,.navbar-right {



      float: none !important;



  }



  .navbar-toggle {



      display: block;



  }







  .navbar-fixed-top {



      top: 0;



      border-width: 0 0 1px;



  }



  .navbar-collapse.collapse {



      display: none!important;



      padding-bottom: 20px;



  }



  .navbar-nav {



      float: none!important;



      margin-top: 0px;



      border-top: 1px solid rgba(0,0,0,0.5);



  }



  .navbar-nav>li {



      float: none;



  }



  .navbar-nav>li>a {



      padding-top: 10px;



      padding-bottom: 10px;







  }



  .collapse.in{



      display:block !important;



  }







  .navbar-nav > li > a {



    color: #736356;



}







article > h3 {



  font-size: x-large;



  color: var(--titleColor);



  text-align: center;



  margin-bottom: 60px;



}



}













@media screen and (max-width: 576px){



  .sologan {



    font-size: 99%;



  }







    .newsTitle a {



      right: 1px;



      top: -2px;



      color: #736356;



  }







  .aboutItem {



    width: 100%;



  }







  .item3 {



    width: 100%;



    padding: 0;



  }







  .slick-slide img {



    width: 100%;



  }















}



























/*響應式調整*/











@media screen and (max-width:1200px){







}



@media screen and (max-width:1024px){







}



@media screen and (max-width:991px){







}



@media screen and (max-width:770px){

  .aboutText p{

    font-size: 14px;

  }





}



@media screen and (max-width:576px){







}



@media screen and (max-width:414px){







}



@media screen and (max-width:375px){







}