@charset "utf-8";

.carousel-inner .carousel-img img {
	position: absolute;
	top:0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}
@media only screen and (min-width: 769px){
	.Image_Hover a .img-thumbnail{
		height: 70%;
	}
}

@media only screen and (min-width: 769px){
/*	.background_img{
		width: 100%;
		height: 100%;
		padding: 0;
		margin: 0;
		background-size: cover;
		background-attachment: fixed;
		background-position: center;
		position: absolute;
	}*/
	body{
		font-family: 微軟正黑體;
        padding: 0px;
	}
  .wow:first-child{
          visibility: hidden;
  }
  .mainBgColor{
    background-color: #228B22;
  }
  .mainColor{
    color: #228B22;
  }

  .body-title{
      text-align: center;color: black;
  }
  .body-title .fas{
      margin-left: 10px;
  }

  .hr-header{
        height: 30px;
        border-style: solid;
        border-color: black;
        border-width: 1px 0 0 0;
        border-radius: 20px;
  }
  .hr-bold{
        height: 12px;
        background-color: #228B22;
        width: 100%
  }

/*header*/
    .header_icon .fab{
        font-size: 30px;
        cursor: pointer;
        margin-right: 20px;
        width: 20px;
        height: 20px;
    }
    .header_icon .fa-facebook{
        color: #3B5998;
    }
    .header_icon .fa-youtube{
        color: #bb0000;
    }
    .header_icon .fa-google{
        color: #dd4b39;
    }
    .header_icon .fa-instagram{
        color: #ff1a75;
    }
    .header_icon .fa-line{
        color: #00c300;
    }
    .header-bottom {
        height: 52px;width: 100%;
    }
    .header-bottom .col-md-12{
        background-color: #228B22;

        /*border-top: 3px solid white;*/
    }

    .header-bottom-fixed{
        position: fixed;
        z-index: 99;
        top: 0;
        display: none;
        height: 52px;
        width: 100%;
    }


    ul { /* 取消ul預設的內縮及樣式 */
        margin: 0;
        padding: 0;
        list-style: none;
    }

    ul.drop-down-menu {
        /*border: #333333 1px solid;*/
        display: inline-block;
        font-family: 微軟正黑體;
        font-size: 20px;
        width: 100%;
    }

    ul.drop-down-menu li {
        position: relative;
        white-space: nowrap;
    }

    ul.drop-down-menu > li:last-child {
        border-right: none;
    }

    ul.drop-down-menu > li {
        float: left; /* 只有第一層是靠左對齊*/
        width: 16.66%;
    }

    ul.drop-down-menu a {
        background-color: #228B22;
        color: white;
        display: block;
        padding: 0 20px;
        text-decoration: none;
        line-height: 60px;
        text-align: center;
    }

    /* 滑鼠滑入按鈕變色*/
    ul.drop-down-menu a:hover {
        background-color: white;
        color: #333333;
        transition: all .4s;
    }


    /* 滑鼠移入次選單上層按鈕保持變色*/
    ul.drop-down-menu li:hover > a { 
        background-color: white;
        color: #333333;

    }

    ul.drop-down-menu ul {
   /*       border: #333333 1px solid;*/
          position: absolute;
          z-index: 99;
          left: -1px;
          top: 100%;
         min-width: 180px;
      }

    ul.drop-down-menu ul li {
        border: white 1px solid;
    }

    ul.drop-down-menu ul li:last-child {
        border-bottom: none;
    }

    ul.drop-down-menu ul ul { 
        z-index: 999;
        top: 10px;
        left: 90%;
    }

    ul.drop-down-menu ul { 
        display: none;
    }

    ul.drop-down-menu li:hover > ul {
        display: block;
    }
/*header*/

/*about*/
    .body-aboutImg-block {
      position: relative;
      margin: 0px;
      padding: 0px;
    }
    .body-aboutImg1-1{
        width:100%;
    }
    .body-aboutImg2-1{
        width:50%;height: 100%;display: left;
    }
    .body-aboutImg2-2{
        width:50%;height: 100%;float: right;
    }
    
    .body-aboutImg-caption{
        text-align: center;
        color: white;
        margin: 150px 0px
    }
    .aboutMe{
        padding: 20;
        text-align: center;
        font-size: 20px
    }
    .aboutMe h1{
        text-align: center;
        margin-bottom: 10px;
    }
    .aboutMe ol li{
      text-align: left;
      list-style-type: disc;
    }
    .aboutImgLeft{
      position: absolute;
      top: 0%;
      width: 50%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.59);
      padding: 0px 20px;
      opacity: .8;
      color: white;
      overflow: hidden;
      text-align: left;
      padding: 20;
    }
    .aboutImgRight{
      position: absolute;
      top: 0%;
      width: 50%;
      right: 0px;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.59);
      padding: 0px 20px;
      opacity: .9;
      color: white;
      overflow: hidden;
      text-align: left;
      float: right;
    }
    #myCarousel{
        width: 100%;margin: 0px auto;height: 120%;
    }
    .carousel-inner{
        height: 100%;
    }
    .carousel-inner .carousel-img{
        height: 100%;
    }
    .about-rooms h2{
      text-align: center;color: white;background-color: gray;padding: 10px;
    }

    .about-rooms .text-center{
      font-size: 28px;
    }

    .about-rooms p:hover{
      color: #4CAF50;
    }
    .about-rooms .rooms-block img{
      width: 100%;height: 300px
    }
    .about-rooms .rooms-block{
      color:#333333;
      background-color:#333333;
      text-align:center;
    }
    .about-rooms .rooms-block:after{
      content: " ";
      display:block;
      position: relative;
      top:0px;left:0px;
      width:100%;
      height:36px;
      background: linear-gradient(#fff 0%, transparent 0%), linear-gradient(135deg, #333333 33.33%, transparent 33.33%) 0 0%, #333333 linear-gradient(45deg, #333333 33.33%, #fff 33.33%) 0 0%;
      background: -webkit-linear-gradient(#fff 0%, transparent 0%), -webkit-linear-gradient(135deg, #333333 33.33%, transparent 33.33%) 0 0%, #333333 -webkit-linear-gradient(45deg, #333333 33.33%, #fff 33.33%) 0 0%;
      background: -o-linear-gradient(#fff 0%, transparent 0%), -o-linear-gradient(135deg, #333333 33.33%, transparent 33.33%) 0 0%, #333333 -o-linear-gradient(45deg, #333333 33.33%, #fff 33.33%) 0 0%;
      background: -moz-linear-gradient(#fff 0%, transparent 0%), -moz-linear-gradient(135deg, #333333 33.33%, transparent 33.33%) 0 0%, #333333 -moz-linear-gradient(45deg, #333333 33.33%, #fff 33.33%) 0 0%;
      background-repeat: repeat-x;
      background-size: 0px 100%, 30px 27px, 30px 27px;  
    }

    .about-rooms .caption-block{
      color: gray;background-color: white;text-align: center;
    }
    .about-rooms .caption-header{
      font-size: 26px;padding-top: 10px;color: black;
    }
    .about-rooms .more{
      background-color: green;padding: 5px;border-radius: 2px;font-size: 20px;
    }
    .about-rooms .more a{
      text-decoration: none;color: white;
    }
/*about*/

/*news*/
    .news-header .fa-bullhorn{
      margin-right: 10px;
      color: red;
    }
    .news-header .fa-clock{
      /*display: none;*/
    }
    .news-body{
      background-color: #e6f7ff;
      padding: 5px;
      border:1px solid #9acfea;
      margin-bottom: 5px;
    }
    .news-body ul{
      list-style-type: disc;
      margin-left: 50px;
    }
/*news*/

/*index*/
    .index-rooms-block{
      text-align: center;
      color: white;padding: 20px;
      border-right: 2px solid white;
      border-bottom: 2px solid white;
      margin-bottom: 10px;
      border-radius: 10px;
    }
    .index-rooms-block p:hover{
      color: #228B22;
    }
    .index-rooms-block i:hover{
      color: #228B22;
    }
    .index-rooms-block h2{
      color: white;font-weight;
    }
    .Image_Hover {
      position: relative;
      width: 100%;
    }

    .Image_Hover .img-thumbnail {
      opacity: 1;
      display: block;
      width: 100%;
      height: auto;
      transition: .5s ease;
      backface-visibility: hidden;
    }
    .Image_Hover .middle {
      transition: .5s ease;
      opacity: 0;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      text-align: center;
    }
    .Image_Hover:hover .img-thumbnail {
      opacity: .3;
      /*background-color: white;*/
    }

    .Image_Hover:hover .middle {
      opacity: 1;
    }

    .Image_Hover .middle .text {
      color: white;
      font-size: 32px;
      padding: 16px 32px;
    }
    .index-rooms-block .more{
      border-right: 2px solid white;
    }
    .index-rooms-block .more span{
      width: 50%;
      padding: 25px;
      cursor: pointer;
    }
    .index-rooms-block a{
      text-decoration: none;
      color: #fff;
    }
/*index*/

/*room*/
    .room-img{
      padding: 5px;
      border-radius: 10px;
      text-align: center;
      visibility: visible; animation-name: bounceInLeft;
    }
    .room-img img{
      border: 1px solid gray;
      width: 100%;
      height: 100%;
    }
    .room-img-list{
      background-color: #333333;
      padding: 5px;
      border-radius: 10px;
    }
    .room-img-list img{
      margin: 5px;
      width: 130px;
      height: 100px;
    }
    .room-info{
      border-bottom: 4px solid #228B22
    }
    .room-caption-header{
      color: white;
      border-radius: 10px 10px 0px 0px;
      padding: 5px;font-size: 26px;
      cursor: pointer;
    }
    .room-price-header{
      color: white;
      border-radius: 10px 10px 0px 0px;
      padding: 5px;font-size: 26px;
      cursor: pointer;
    }
    .shadow1{
      -webkit-box-shadow: 0 0 10px rgba(0,0,0, .65);
      -moz-box-shadow: 0 0 10px rgba(0,0,0, .65);
      box-shadow: 0 0 10px rgba(0,0,0, .65);
      padding: 20px;
      width: 100%;
      border: 1px;
    }
    .shadow1 td{
      padding: 5px;
    }
    .fancybox-skin{
      padding: 2px !important;
    }
    .shadow1 thead{
      color: white;
      background-color: #228B22;
    }
    .room-price-list .caption ul{
      list-style-type: disc;
      margin-left: 50px;
      margin-bottom: 20px
    }
    .room-caption-list{
      margin: 20px 0px;
    }
    .room-caption-list ul{
      list-style-type: disc;margin-left: 50px
    }
/*room*/

/*report*/
      .report-block div{
        margin: 0px 10%;
      }
      .report-block h3{
        color: #3399ff;
      }
/*report*/

/*map*/
      .Gmap-block iframe{
        width: 100%;
        height: 400px;
      }
      .map-img-block img{
        height: 400px;
        width: 100%;
      }

      .map-img-block1 img{
        margin-top: 20px;
        height: 500px;
        width: 100%;
      }

/*map*/

/*booking*/

/*booking*/

/*bottom*/
    .footer-body{
      position: relative;
      height: 320px;width: 100%;
      background-color:#228B22;
    }
    .trip-block a{
      text-decoration: none ;color: #fff;
    }
    .trip-block a:hover{
      color: black;
    }

    .Social{
      margin:0px 50px;
    }

    /*footer的小圖示*/
    .Social .fab {
      padding: 10px;
      font-size: 48px;
      width: 140px;
      text-align: center;
      text-decoration: none;
      margin: 5px 2px;
      border-radius: 30px;
    }

    .Social .fa-line {
      background: #00c300;
      color: white;
      padding: 10px;
      font-size: 48px;
      width: 140px;
      text-align: center;
      text-decoration: none;
      margin: 5px 2px;
      border-radius: 30px;
    }

    .Social .fa-facebook {
      background: #3B5998;
      color: white;
    }

    .Social .fa-youtube {
      background: #bb0000;
      color: white;
    }

    .Social .fa-instagram {
      background: #ff1a75;
      color: white;
    }

    .Social .fa-google {
      background: #dd4b39;
      color: white;
    }


    .line-block .row {
      margin-top: 20px;
      margin-left: 5px;
    }

    .line-block .row iframe{
      /*width:480px;*/
      /*width: 150px;height: 150px;*/
      /*border: 1px solid #2681ff;*/
    }
    .line-block .btn-FB{
      margin-right: 20px;
    }
  
    .company-block p a{
      text-decoration: none ;
      color: #fff;
    }
    .company-block p a:hover{
      color: black;
    }

    .foot-bottom{
      width: 100%;height: 50px;background-color: gray;color: white;padding: 10px;
    }
    
    .fix-bottom .line2{
      padding:10px;
      height:25px;
      position:fixed;
      right:0px;
      bottom: 300px;
      z-index:999;
      border-top-left-radius: 10px 10px;
      border-bottom-left-radius: 10px 10px;
    }

    .fix-bottom .phone2{
      padding:10px;
      height:25px;
      position:fixed;
      right:0px;
      bottom: 200px;
      z-index:999;
      border-top-left-radius: 10px 10px;
      border-bottom-left-radius: 10px 10px;
    }
/*bottom*/

}


/*tablet*/
@media only screen and (min-width: 321px) and (max-width: 768px){
    body{
        font-family: 微軟正黑體;
        padding: 0px;
    }
    .wow:first-child {
            visibility: hidden;
    }
    .mainBgColor{
      background-color: #228B22;
    }
    .mainColor{
      color: #333333;
    }
    .body-title{
        text-align: center;color: black;
    }
    .body-title .fas{
        margin-left: 10px;
    }

    .hr-header{
          height: 30px;
          border-style: solid;
          border-color: black;
          border-width: 1px 0 0 0;
          border-radius: 20px;
    }
    .hr-bold{
          height: 12px;
          background-color: #228B22;
          width: 100%
    }

/*header*/
    .header_icon .fab{
        font-size: 30px;
        cursor: pointer;
        margin-right: 15px;
        width: 20px;
        height: 20px;
    }
    .header_icon .fa-facebook{
        color: #3B5998;
    }
    .header_icon .fa-youtube{
        color: #bb0000;
    }
    .header_icon .fa-google{
        color: #dd4b39;
    }
    .header_icon .fa-instagram{
        color: #ff1a75;
    }
    .header_icon .fa-line{
        color: #00c300;
    }
    .header-bottom {
        height: 52px;width: 100%;
    }
/*header*/

/*about*/
    .body-aboutImg-block {
      position: relative;
      margin: 0px;
      padding: 0px;
    }
    .body-aboutImg1-1{
        width:100%;
    }
    .body-aboutImg2-1{
        width:50%;height: 35%;display: left;
    }
    .body-aboutImg2-2{
        width:50%;height: 35%;float: right;
    }
    .body-aboutImg-caption{
        text-align: center;
        color: white;
        margin: 80px 0px;
        padding: 0px;
    }
    .body-aboutImg-caption p{
        display: none;
    }
    .aboutImgLeft{
      position: absolute;
      top: 0%;
      width: 50%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.59);
      padding: 0px 20px;
      opacity: .8;
      color: white;
      overflow: hidden;
      text-align: left;
      padding: 20;
    }
    .aboutImgRight{
      position: absolute;
      top: 0%;
      width: 50%;
      right: 0px;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.59);
      padding: 0px 20px;
      opacity: .9;
      color: white;
      overflow: hidden;
      text-align: left;
      float: right;
    }
    .aboutMe{
        padding: 20;
        text-align: left;
        font-size: 16px;
    }
    .aboutMe ol li{
      list-style-type: disc;
    }
    .aboutMe h1{
      text-align: center;
    }
    #myCarousel{
        width: 100%;margin: 0px auto;height: 300px;
    }
    .carousel-inner{
        height: 100%;
    }
    .carousel-inner .carousel-img{
        height: 100%;
    }
    .about-rooms h2{
      text-align: center;color: white;background-color: gray;padding: 10px;font-size: 20px;height: 50px;
    }

    .about-rooms .rooms-block{
      color:#333333;
      background-color:#333333;
      text-align:center;
      padding-left: 0px;padding-right: 0px;
    }
    .about-rooms .rooms-block img{
      width: 100%;
    }
    .about-rooms .rooms-block:after{
      content: " ";
      display:block;
      position: relative;
      top:0px;left:0px;
      width:100%;
      height:36px;
      background: linear-gradient(#fff 0%, transparent 0%), linear-gradient(135deg, #333333 33.33%, transparent 33.33%) 0 0%, #333333 linear-gradient(45deg, #333333 33.33%, #fff 33.33%) 0 0%;
      background: -webkit-linear-gradient(#fff 0%, transparent 0%), -webkit-linear-gradient(135deg, #333333 33.33%, transparent 33.33%) 0 0%, #333333 -webkit-linear-gradient(45deg, #333333 33.33%, #fff 33.33%) 0 0%;
      background: -o-linear-gradient(#fff 0%, transparent 0%), -o-linear-gradient(135deg, #333333 33.33%, transparent 33.33%) 0 0%, #333333 -o-linear-gradient(45deg, #333333 33.33%, #fff 33.33%) 0 0%;
      background: -moz-linear-gradient(#fff 0%, transparent 0%), -moz-linear-gradient(135deg, #333333 33.33%, transparent 33.33%) 0 0%, #333333 -moz-linear-gradient(45deg, #333333 33.33%, #fff 33.33%) 0 0%;
      background-repeat: repeat-x;
      background-size: 0px 100%, 30px 27px, 30px 27px;  
    }

    .about-rooms .caption-block{
      color: gray;background-color: white;text-align: center;
    }
    .about-rooms .caption-header{
      font-size: 26px;padding-top: 10px;color: black;
    }
    .about-rooms .more{
      background-color: green;padding: 5px;border-radius: 2px;font-size: 20px;
    }
    .about-rooms .more a{
      text-decoration: none;color: white;
    }
/*about*/

/*news*/
    .news-header .fa-bullhorn{
      margin-right: 10px;
      color: red;
    }
    .news-header .fa-clock{
      display: none;
    }
    .news-body{
      background-color: #e6f7ff;
      padding: 5px;
      border:1px solid #9acfea;
      margin-bottom: 5px;
    }
    .news-body ul{
      list-style-type: disc;
    }
/*news*/

/*index*/
    .index-rooms-block{
      text-align: center;
      color: white;
      padding: 20px 20px 50px 20px;
      border-right: 2px solid white;
      border-bottom: 2px solid white;
      margin-bottom: 10px;
      border-radius: 10px;
    }
    .index-rooms-block p:hover{
      color: #4CAF50;
    }
    .index-rooms-block i:hover{
      color: #4CAF50;
    }
    .index-rooms-block h2{
      color: white;font-weight;
    }
    .Image_Hover {
      width: 100%;
    }
    .middle{
      display: none;
    }
    .index-rooms-block .more{
      border-right: 2px solid white;
    }
    .index-rooms-block a{
      text-decoration: none;
      color: #fff;
    }
/*index*/

/*room*/
    .room-img{
      padding: 5px;
      border-radius: 10px;
      text-align: center;
      visibility: visible; animation-name: bounceInLeft;
    }
    .room-img .img-rounded{
      border: 1px solid gray;
      width: 100%;
      height: 200px;
    }
    .room-img-list{
      background-color: #333333;
      padding: 5px;
      border-radius: 10px;
      width: 70%;
      margin: 0px auto;
    }
    .room-img-list img{
      margin: 3px;
      width: 50px;
      height: 50px;
    }
    .room-info{
      border-bottom: 4px solid #228B22
    }
    .room-caption-header{
      color: white;
      border-radius: 10px 10px 0px 0px;
      padding: 5px;font-size: 26px;
      cursor: pointer;
    }
    .room-price-header{
      color: white;
      border-radius: 10px 10px 0px 0px;
      padding: 5px;font-size: 26px;
      cursor: pointer;
    }
    .shadow1{
      -webkit-box-shadow: 0 0 10px rgba(0,0,0, .65);
      -moz-box-shadow: 0 0 10px rgba(0,0,0, .65);
      box-shadow: 0 0 10px rgba(0,0,0, .65);
      padding: 20px;
      width: 100%;
      border: 1px;
    }
    .shadow1 td{
      padding: 5px;
    }
    .fancybox-skin{
      padding: 2px !important;
    }
    .shadow1 thead{
      color: white;
      background-color: #228B22;
    }
    .room-price-list .caption ul{
      list-style-type: disc;
      margin-bottom: 20px
    }
    .room-caption-list{
      margin: 5px 0px;
    }
    .room-caption-list ul{
      list-style-type: disc;
    }
/*room*/

/*report*/
      .report-block div{
        margin: 0px 2%;
      }
      .report-block h3{
        color: #3399ff;
      }
/*report*/

/*map*/
      .Gmap-block iframe{
        width: 350px;
        height: 400px;
      }
      .map-img-block img{
        margin-top: 10px;
        height: 300px;
        width: 100%;
      }

      .map-img-block1 img{
        margin-top: 10px;
        height: 250px;
        width: 100%;
      }
/*contact*/
      .contact-btn{
        float: right;
      }
/*contact*/

/*bottom*/
    .footer-body{
      position: relative;
      height: auto;
      width: 100%;
      background-color:#228B22;
    }

    .Social{
      margin:0px 50px;
    }
    .Social .fab {
      padding: 10px;
      font-size: 48px;
      width: 120px;
      text-align: center;
      text-decoration: none;
      margin: 5px 2px;
      border-radius: 30px;
    }
    
    .Social .fa-line {
      background: #00c300;
      color: white;
      padding: 10px;
      font-size: 48px;
      width: 120px;
      text-align: center;
      text-decoration: none;
      margin: 5px 2px;
      border-radius: 30px;
    }

    .Social .fa-facebook {
      background: #3B5998;
      color: white;
    }
    .Social .fa-youtube {
      background: #bb0000;
      color: white;
    }
    .Social .fa-instagram {
      background: #ff1a75;
      color: white;
    }

    .Social .fa-google {
      background: #dd4b39;
      color: white;
    }
    .line-block{
      padding-top: 10px;
    }

    .line-block .row {
      margin-left: 5px;
    }

    .line-block .row iframe{
      width: 330px;
 /*     margin: 0px 35%;
      width: 100px;height: 100px;*/
    }

    .company-block p a{
      text-decoration: none ;
      color: #fff;
    }
    .company-block p a:hover{
      color: #4CAF50;
    }
/*    .trip-block{
      margin:0px 50px;
    }*/
    .trip-block a{
      text-decoration: none ;color: #fff;
    }
    .trip-block a:hover{
      color: #4CAF50;
    }
    .foot-bottom{
      width: 100%;height: 25px;
      background-color: gray;
      color: white;
      margin: 0px;
    }

/*bottom*/
}

/*phone*/
@media only screen and (max-width: 320px){
    body{
        font-family: 微軟正黑體;
        padding: 0px;
    }
    .wow:first-child {
            visibility: hidden;
    }
    .mainBgColor{
      background-color: #333333;
    }
    .mainColor{
      color: #333333;
    }
    .body-title{
        text-align: center;color: black;
    }
    .body-title .fas{
        margin-left: 10px;
    }

    .hr-header{
          height: 30px;
          border-style: solid;
          border-color: black;
          border-width: 1px 0 0 0;
          border-radius: 20px;
    }
    .hr-bold{
          height: 12px;
          background-color: #228B22;
          width: 100%
    }

/*header*/
    .header_icon .fab{
        font-size: 30px;
        cursor: pointer;
        margin-right: 15px;
        width: 20px;
        height: 20px;
    }

    .header_icon .fa-facebook{
        color: #3B5998;
    }
    .header_icon .fa-youtube{
        color: #bb0000;
    }
    .header_icon .fa-google{
        color: #dd4b39;
    }
    .header_icon .fa-instagram{
        color: #ff1a75;
    }
    .header_icon .fa-line{
        color: #00c300;
    }
/*header*/

/*about*/
    .body-aboutImg-block {
      position: relative;
      margin: 0px;
      padding: 0px;
    }
    .body-aboutImg1-1{
        width:100%;
    }
    .body-aboutImg2-1{
        width:50%;height: 35%;display: left;
    }
    .body-aboutImg2-2{
        width:50%;height: 35%;float: right;
    }
    .body-aboutImg-caption{
        text-align: center;
        color: white;
        margin: 80px 0px;
        padding: 0px;
    }
    .body-aboutImg-caption p{
        display: none;
    }
    .aboutImgLeft{
      position: absolute;
      top: 0%;
      width: 50%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.59);
      padding: 0px 20px;
      opacity: .8;
      color: white;
      overflow: hidden;
      text-align: left;
      padding: 20;
    }
    .aboutImgRight{
      position: absolute;
      top: 0%;
      width: 50%;
      right: 0px;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.59);
      padding: 0px 20px;
      opacity: .9;
      color: white;
      overflow: hidden;
      text-align: left;
      float: right;
    }
    .aboutMe{
        padding: 20;
        text-align: left;
        font-size: 16px;
    }
    #myCarousel{
        width: 100%;margin: 0px auto;height: 300px;
    }
    .carousel-inner{
        height: 100%;
    }
    .carousel-inner .carousel-img{
        height: 100%;
    }
    .about-rooms h2{
      text-align: center;color: white;background-color: gray;padding: 10px;font-size: 20px;height: 50px;
    }
    .about-rooms .rooms-block{
      color:#333333;
      background-color:#333333;
      text-align:center;
      padding-left: 0px;padding-right: 0px;
    }
    .about-rooms .rooms-block img{
      width: 100%;height: 200px;
    }
    .about-rooms .rooms-block:after{
      content: " ";
      display:block;
      position: relative;
      top:0px;left:0px;
      width:100%;
      height:36px;
      background: linear-gradient(#fff 0%, transparent 0%), linear-gradient(135deg, #333333 33.33%, transparent 33.33%) 0 0%, #333333 linear-gradient(45deg, #333333 33.33%, #fff 33.33%) 0 0%;
      background: -webkit-linear-gradient(#fff 0%, transparent 0%), -webkit-linear-gradient(135deg, #333333 33.33%, transparent 33.33%) 0 0%, #333333 -webkit-linear-gradient(45deg, #333333 33.33%, #fff 33.33%) 0 0%;
      background: -o-linear-gradient(#fff 0%, transparent 0%), -o-linear-gradient(135deg, #333333 33.33%, transparent 33.33%) 0 0%, #333333 -o-linear-gradient(45deg, #333333 33.33%, #fff 33.33%) 0 0%;
      background: -moz-linear-gradient(#fff 0%, transparent 0%), -moz-linear-gradient(135deg, #333333 33.33%, transparent 33.33%) 0 0%, #333333 -moz-linear-gradient(45deg, #333333 33.33%, #fff 33.33%) 0 0%;
      background-repeat: repeat-x;
      background-size: 0px 100%, 30px 27px, 30px 27px;  
    }

    .about-rooms .caption-block{
      color: gray;background-color: white;text-align: center;
    }
    .about-rooms .caption-header{
      font-size: 26px;padding-top: 10px;color: black;
    }
    .about-rooms .more{
      background-color: green;padding: 5px;border-radius: 2px;font-size: 20px;
    }
    .about-rooms .more a{
      text-decoration: none;color: white;
    }
/*about*/

/*news*/
    .news-header .fa-bullhorn{
      margin-right: 10px;
      color: red;
    }
    .news-header .fa-clock{
      display: none;
    }
    .news-body{
      background-color: #e6f7ff;
      padding: 5px;
      border:1px solid #9acfea;
      margin-bottom: 5px;
    }
    .news-body ul{
      list-style-type: disc;
    }
/*news*/

/*index*/
    .index-rooms-block{
      text-align: center;
      color: white;
      padding: 20px;
      border-right: 2px solid white;
      border-bottom: 2px solid white;
      margin-bottom: 10px;
      border-radius: 10px;
    }
    .index-rooms-block p:hover{
      color: #228B22;
    }
    .index-rooms-block i:hover{
      color: #4CAF50;
    }
    .index-rooms-block h2{
      color: white;font-weight;
    }
    .Image_Hover {
      width: 100%;
    }
    .middle{
      display: none;
    }
    .index-rooms-block .more{
      border-right: 2px solid white;
    }
    .index-rooms-block a{
      text-decoration: none;
      color: #fff;
    }
/*index*/

/*room*/
    .room-img{
      padding: 5px;
      border-radius: 10px;
      text-align: center;
      visibility: visible; animation-name: bounceInLeft;
    }
    .room-img .img-rounded{
      border: 1px solid gray;
      width: 100%;
      height: 200px;
    }
    .room-img-list{
      background-color: #333333;
      padding: 5px;
      border-radius: 10px;
      width: 70%;
      margin: 0px auto;
    }
    .room-img-list img{
      margin: 3px;
      width: 50px;
      height: 50px;
    }
    .room-info{
      border-bottom: 4px solid #228B22
    }
    .room-caption-header{
      color: white;
      border-radius: 10px 10px 0px 0px;
      padding: 5px;font-size: 26px;
      cursor: pointer;
    }
    .room-price-header{
      color: white;
      border-radius: 10px 10px 0px 0px;
      padding: 5px;font-size: 26px;
      cursor: pointer;
    }
    .shadow1{
      -webkit-box-shadow: 0 0 10px rgba(0,0,0, .65);
      -moz-box-shadow: 0 0 10px rgba(0,0,0, .65);
      box-shadow: 0 0 10px rgba(0,0,0, .65);
      padding: 20px;
      width: 100%;
      border: 1px;
    }
    .shadow1 td{
      padding: 5px;
    }
    .fancybox-skin{
      padding: 2px !important;
    }
    .shadow1 thead{
      color: white;
      background-color: #228B22;
    }
    .room-price-list .caption ul{
      list-style-type: disc;
      margin-bottom: 20px
    }
    .room-caption-list{
      margin: 5px 0px;
    }
    .room-caption-list ul{
      list-style-type: disc;
    }
/*room*/

/*report*/
      .report-block div{
        margin: 0px 2%;
      }
      .report-block h3{
        color: #3399ff;
      }
/*report*/

/*map*/
      .Gmap-block iframe{
        width: 350px;
        height: 400px;
      }
      .map-img-block img{
        margin-top: 10px;
        height: 300px;
        width: 100%;
      }

      .map-img-block1 img{
        margin-top: 10px;
        height: 250px;
        width: 100%;
      }
/*contact*/
      .contact-btn{
        float: right;
      }
/*contact*/

/*bottom*/
    .footer-body{
      position: relative;
      height: auto;
      width: 100%;
      background-color:#228B22;
    }

    .Social{
      margin:0px 50px;
    }
    .Social .fab {
      padding: 10px;
      font-size: 48px;
      width: 120px;
      text-align: center;
      text-decoration: none;
      margin: 5px 2px;
      border-radius: 30px;
    }
    
    .Social .fa-line {
      background: #00c300;
      color: white;
      padding: 10px;
      font-size: 48px;
      width: 120px;
      text-align: center;
      text-decoration: none;
      margin: 5px 2px;
      border-radius: 30px;
    }

    .Social .fa-facebook {
      background: #3B5998;
      color: white;
    }
    .Social .fa-youtube {
      background: #bb0000;
      color: white;
    }
    .Social .fa-instagram {
      background: #ff1a75;
      color: white;
    }

    .Social .fa-google {
      background: #dd4b39;
      color: white;
    }

    .line-block{
      padding-top: 10px;
    }
    .line-block .row {
      margin: 0px auto;
    }

    .line-block .row iframe{
      width:100%;
      /*width: 150px;height: 150px;*/
      /*border: 1px solid #2681ff;*/
    }

    .line-block img{
/*      margin: 0px 35%;
      width: 100px;height: 100px;*/
    }

    .company-block p a{
      text-decoration: none ;
      color: #fff;
    }
    .company-block p a:hover{
      color: #4CAF50;
    }
/*    .trip-block{
      margin:0px 50px;
    }*/
    .trip-block a{
      text-decoration: none ;color: #fff;
    }
    .trip-block a:hover{
      color: #4CAF50;
    }
    .foot-bottom{
      width: 100%;height: 25px;
      background-color: gray;
      color: white;
      margin: 0px;
    }
/*bottom*/
}