:root {



  --mainColor: ;



  --mainFontColor: rgba(59, 59, 59, 0.85);



  --mainBorder: 3px solid var(--mainFontColor);



}







#mainBg {



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



}







.mainCover {



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



}







#home {



  background-image: url(img/home.jpg);



}







.homeCover {



  /*background-color:rgba(64,33,15,0.1);*/



}







h3,



h2 {



  font-weight: 500;



  letter-spacing: 6px;



}











p,



li,



a {



  font-weight: 400;



  letter-spacing: 3px;



}







p {



  font-size: 18px;



}

a:hover {

  color: rgb(212, 143, 212);

}





.mainList li a {



  font-size: 18px;



}







.mainList li a:hover {



  color: #c6b6d1;



}







.newsArea {



  width: 80%;



  margin:0 auto 80px;



}







p.newstitle {



  text-align: center;



  font-size: 22px;



  margin-top: 30px;



  color: #b482d6;



}







.newsTitle {



  border-bottom: 3px dashed #c6b6d1;



}







.newsTitle i {



  width: 50px;



  top: -10px;



  text-align: center;



  display: inline-block;



  font-size: 36px;



  line-height: 30px;



  font-weight: bold;



  color: #c6b6d1;



  /* vertical-align: bottom; */



  /* transition: opacity 0.2s ease-in-out; */



  font-family: '微軟正黑體';



  font-style: normal;



  user-select: none;



}







.newsText {



  border-top: 3px dashed #c6b6d1;



}







.banner-bottom {



  background: url(../img/aboutbg.jpg)no-repeat 0px 0px fixed;



  background-size: cover;



  padding: 12em 0;



}







.newsbg {



  background: url(../img/newsbg.jpg)no-repeat 0px 0px fixed;



  background-size: cover;



  padding: 8em 0;



}



.newsbg h2{



  text-align: center;



}



.menuItem h3 {



  text-align: center;



  font-size: 24px;



  background-color: #c6b6d1;



  padding: 10px;



  color: #fff;



  border-bottom: none;



  font-weight: 300;



}







.roomTypeItem a img:hover {



  transition: all 0.35s linear;



  transform: scale(1.06);



  overflow: hidden;



}







.item3 {



  width: 31%;



  margin: 0 1% 50px 1%;



}







.aboutarea {



  padding-bottom: 20px;



}



.btn a{



  border: #b482d6 solid 3px;



  width: 30%;



  padding:10px;



text-align: center;



margin: auto;



}



.btn a:hover{



  color: #b482d6;



}



/* message */



.messageFlex {



  display: flex;



  justify-content: center;



}







.messageFlex a {



  width: 100px;



  margin: 0 50px;



}







.messageFlex a img {



  border-radius: 50%;



  -webkit-border-radius: 50%;



  border: 3px solid #c6b6d1;



}







/* message */



/* 閃爍 */



.blink {



  animation-duration: 1.5s;



  animation-name: blink;



  animation-iteration-count: infinite;



  animation-direction: alternate;



  animation-timing-function: ease-in-out;



}







@keyframes blink {



  from {



    opacity: 1;



  }







  to {



    opacity: 0;



  }



}







/* 閃爍 */



#sns ul li a {



  filter: brightness(0);



}







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



  #home {



    height: 50vw;



  }







  #logo img {



    opacity: 0;



  }







  .article {



    width: 75%;



  }







  p {



    font-size: 16px;



  }







  .banner-bottom {



    background: url(../img/aboutbg.jpg)no-repeat 0px 0px fixed;



    background-size: cover;



    padding: 5em 0;



  }







  .newsArea {



    width: 95%;



    margin:0 auto 50px;



  }



  .btn a{



    width: 40%;



  }



  p.newstitle {



    text-align: center;



    font-size: 15px;



    margin-top: 30px;



    color: #b482d6;



  }







  .item2 {



    margin: 0 auto 15px auto;



  }







  .menuItem h3 {



    font-size: 18px;



  }







  .item3 {



    width: 45%;



    margin: 0 1% 20px 1%;



  }







  .messageFlex a {



    width: 50px;



    margin: 0 10px;



  }







  .messageFlex a img {



    border: 2px solid #c6b6d1;



  }







  .mainList li a {



    color: #fff;



  }



}