:root{

  --navBgColor:#bbd0d4;

  --opacitynavBgColor:rgba(187,208,212,1 );

  --navTextColor:#FFF;

  --navhoverColor:#2D8393;

  --highLightColor:#2D8393;

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

  --darkColor:#2D8393;

  --titleColor:#2D8393;

  --mainFontColor:rgba(30,30,30,1);

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

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

}



#nav-icon span{

 

  background: var(--darkColor);

  

}





.navbar{

	background-color:transparent;

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

}



#nav-icon span{

  background:var(--darkColor);

}



#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:#bbd0d4;

} 

.mainMask{

  background-color: rgba(255, 255, 255, 0.877);

}

.banner-full{

	

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



}





#sns ul li{

  filter: brightness(0);

}

.aboutItem {

  width: 100%;



}

.aboutText a{

border:rgb(137, 164, 170) 1px solid;

border-radius: 5px;

padding: 15px;

background-color:rgb(137, 164, 170) ;

color: #FFF;

width: 150px;

text-align: center;

}

.aboutText a:hover{

  background-color:rgb(106, 132, 138) ;

}

#product p{

 

  line-height: 35px;

  /* text-align: center; */

  width: 95%;

  margin: 0 auto 40px;

}

.menuTitle{

  background-color:rgb(137, 164, 170) ;

  padding: 10px 0px 0px 0px;

 



}

.menuItem{

  background-color: #FFF;

 padding: 0 0px 15px 0px;

 margin-bottom: 35px;





}

.menuItem h4{

border-bottom: none; 

color: #FFF;

width: 93%;

    margin: auto;

}

.menuItem ul li{

  width: 93%;

  margin: 15px auto;



}

.listMenuText{

  border-bottom: 1px solid rgba(59,59,59,0.2);

  padding-top:5px ;

  padding-bottom:5px ;

}

.listMenuArea li{

  line-height: 2em;

}

.navbar-brand > img{

  height: 85%;

}

.item2 {

  margin: 0px auto 60px;

}

/* 響應式選單*/

@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 .container-fluid{

  background-color: var(--navBgColor);

}

    .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;

  }

}







/*響應式調整*/





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



}

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

  

}

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

  

}

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

  

}

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

  

}

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

  

}

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

  

}