/* .mask_calendar {
			width: 100%;
			height: 100%;
			position: fixed;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			background: rgba(0,0,0,.4);
			display: none;
		}
		.calendar {
			height: 400px;
			position: fixed;
			bottom: 0;
			left: 0;
		} */
		.Date_lr{width:50%;text-align:center;}
		.span21{
			position: absolute;
			top: 50%;
			left: 50%;
			-webkit-transform: translate(-50%,-50%);
			transform: translate(-50%,-50%);
			font-size:14px;
			color: #333;
			border: 1px solid #e5e5e5;
			padding:2px 8px;
			line-height: 20px;
			border-radius: .2rem;
			background-color: #fff;
		}
		#checkinout{
			height: 90px;
			line-height: 50px;
			position: relative;
			margin: 5px;
			padding: 2px 0;
			display: -webkit-box;
			display: flex;
			border: 1px solid #e5e5e5;
			border-radius: .02rem;
			background-color: #fff;
		}
		#firstSelect p{line-height:25px;color: #333;font-size:12px; }
		#startDate{color: #333;border:0;position: absolute;left: 0;margin: 0 auto;width: 50%;font-size: 16px;color: #05c0ad;text-align: center;}
		#endDate{color: #333;border:0;position: absolute;right: 0;margin:auto 0;width:50%;font-size: 16px;color: #05c0ad;text-align: center;}
		.mask_calendar {
			width: 100%;
			height: 100%;
			position: fixed;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			background: rgba(0,0,0,.4);
			display: none;
			z-index: 9999;
		}
		.calendar {
			height: 400px;
			position: fixed;
			bottom: 0;
			left: 0;
		}
		.animated {
			animation-duration: 1s;
			animation-fill-mode: both;
		}
		@keyframes slideInDown {
			from {
				transform: translate3d(0, -100%, 0);
				visibility: visible;
			}

			to {
				transform: translate3d(0, 0, 0);
			}
		}
		.slideInDown {
			animation-name: slideInDown;
		}
		/*提示*/
		.mask_calendar {
			width: 100%;
			height: 100%;
			position: fixed;
			top: 0;
			bottom: 0;
			left: 0;
			right: 0;
			background: rgba(0,0,0,.4);
			display: none;
			z-index: 9999;
		}
		.calendar {
			height: 400px;
			position: fixed;
			bottom: 0;
			left: 0;
		}
		.calendar_tishi {
			width: 150px;
			height: 30px;
			padding: 12px;
			background: rgba(0,0,0,.6);
			position: fixed;
			top: 0;
			bottom: 120px;
			left: 0;
			right: 0;
			margin: auto;
			color: #fff;
			font-size: 16px;
			text-align: center;
			border-radius: 4px;
			display:none;
		}
	
	.container2 {
  position: relative;
  width: 100%;
}.image {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
}.middle {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.container2:hover .image {
  opacity: 0.3;
}

.container2:hover .middle {
  opacity: 1;
}.text {
  background-color: #666666;
  color: white;
  font-size: 16px;
  padding: 16px 32px;
}

.rating-stars {
            width: 100%;
            text-align: left;
        }

        .rating-stars .rating-stars-container {
            font-size: 0px;
        }

        .rating-stars .rating-stars-container .rating-star {
            display: inline-block;
            font-size: 16px;
            color: #555555;
            cursor: pointer;
            padding: 5px 10px;
        }

        .rating-stars .rating-stars-container .rating-star.is--active,
        .rating-stars .rating-stars-container .rating-star.is--hover {
            color: #f1c40f;
        }

        .rating-stars .rating-stars-container .rating-star.is--no-hover {
            color: #555555;
        }.checked {
  color: orange;
}
video {
  /* override other styles to make responsive */
  width: 100%    !important;
  height: auto   !important;
}.quantity-buttons {
  display: flex;
  justify-content: space-between;
  background: #eee;
  border: 1px solid F6AF41;
  height: 32px;
  width:100px;
}
.quantity-buttons input {
  border: none;
  background: transparent;
  width: 100%;
}
.quantity-buttons button {
  background-color: F6AF41;
  border: none;
  min-width: 32px;
}#exzoom {
	width: 100%;
	/*height: 400px;*/
	margin: 20px auto;
}
@media (max-width:1000px) { /*當螢幕的寬度大於「1000PX」像素會顯示物件。*/
.hide-in-ads {
display: none;
}}
@media (min-width:1024px) { /*當螢幕的寬度低於「1024PX」像素會顯示物件。*/
.hide-in-phones{display:none;} } 
     label {width:110px;
            padding: 0;
            margin-right: 2px;
            cursor: pointer;
        }
        input[type=checkbox] {
            display: none;
        }
        input[type=checkbox]+span  {
            
			border:1px solid #006699;
			border-radius:5px;
         display: block; overflow:hidden;height:34px;
		 line-height:30px; text-align:center; margin-bottom:2px; padding:2px;
                  
            color: #006699;
            user-select: none; /* 防止文字被滑鼠選取反白 */
        }

        input[type=checkbox]:checked+span {
		border:1px solid red;
            color: #fff;
		  z-index:999;
			background:url(../images/chechright.png) no-repeat ;
			background-position: right;
        }
		 
      
		input[type=radio] {
            display: none;
        }
        input[type=radio]+span  {
            z-index:999;
			border:1px solid #006699;
			border-radius:5px;
         display: block; overflow:hidden;height:35px;
		 line-height:25px; text-align:center; margin-bottom:2px; padding:2px;
                  
            color: #006699;
            user-select: none; /* 防止文字被滑鼠選取反白 */
        }

        input[type=radio]:checked+span {
			border:1px solid red;
               color: #fff;
		  z-index:999;
			background:url(../images/chechright.png) no-repeat;
			background-position: right;
			
           
        }
  img {
 width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;	
}