@charset "UTF-8";
/* 以上是 聲明 css編碼 */

/* 以下是 圖示文字 的 CSS */
@import url('/webeip/HT00100/Peggy/fonticons/css/style.css');
/* 以下是 大圖文字的 CSS */
@import url('https://fonts.googleapis.com/css?family=Great+Vibes&display=swap');
/* 以下是 標題文字的 CSS */
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+TC&display=swap');
@import url('https://fonts.googleapis.com/css?family=Allura&display=swap');
/* 以下是 animate 的 CSS */
@import url('/webeip/HT00100/becky/css/animate.css');
/* 以下是 animate 的 js */
@import url('/webeip/HT00100/Peggy/js/wow.js');
/* 以下是 reset 的 CSS */
@import url('/webeip/HT00100/becky/css/reset.css');

/* 滿版大圖輪播器 */
	.carousel{ position: relative; }

	.carousel-inner{
		position: relative;
		width: 100%;
		overflow: hidden;
	}
	.carousel-item{
		position: relative;
		display: none;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		width: 100%;
		transition: -webkit-transform .6s ease;
		transition: transform .6s ease;
		transition: transform .6s ease,-webkit-transform .6s ease;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-perspective: 1000px;
		perspective: 1000px;
	}
	.carousel-item-next,.carousel-item-prev,.carousel-item.active{ display: block; }

	.carousel-item-next,.carousel-item-prev{
		position: absolute;
		top: 0;
	}
	.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d))
	{
		.carousel-item-next.carousel-item-left,.carousel-item-prev.carousel-item-right{
			-webkit-transform: translate3d(0,0,0);
			transform: translate3d(0,0,0);
		}
	}
	.active.carousel-item-right,.carousel-item-next{
		-webkit-transform: translateX(100%);
		transform: translateX(100%)
	}
	@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d))
	{
		.active.carousel-item-right,.carousel-item-next{
			-webkit-transform: translate3d(100%,0,0);
			transform: translate3d(100%,0,0);
		}
	}
	.active.carousel-item-left,.carousel-item-prev{
		-webkit-transform: translateX(-100%);
		transform: translateX(-100%)
	}
	@supports ((-webkit-transform-style: preserve-3d) or (transform-style: preserve-3d))
	{
		.active.carousel-item-left,.carousel-item-prev{
			-webkit-transform: translate3d(-100%,0,0);
			transform: translate3d(-100%,0,0);
		}
	}
	.carousel-control-next, .carousel-control-prev{
		position: absolute;
		top: 0;
		bottom: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 15%;
		color: #fff;
		text-align: center;
		opacity: .5;
	}
	.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{
		color: #fff;
		text-decoration: none;
		outline: 0;
		opacity: .9;
	}
	.carousel-control-prev:hover{
		background: transparent;
		background: -webkit-linear-gradient(left, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
		background: -o-linear-gradient(left, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
		background: linear-gradient(to right, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
	}
	.carousel-control-next:hover{
		background: transparent;
		background: -webkit-linear-gradient(right, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
		background: -o-linear-gradient(right, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
		background: linear-gradient(to left, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%);
	}
	.carousel-control-prev{ left: 0; }

	.carousel-control-next{ right: 0; }

	.carousel-control-next-icon, .carousel-control-prev-icon{
		display: inline-block;
		width: 50px;
		height: 50px;
		background: transparent no-repeat center center;
		background-size: 100% 100%;
	}
	.carousel-control-prev-icon{
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
	}
	.carousel-control-next-icon{
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
	}
	.carousel-indicators{
		position: absolute;
		right: 0;
		bottom: 10px;
		left: 0;
		z-index: 15;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		padding-left: 0;
		margin-right: 15%;
		margin-left: 15%;
		list-style: none;
	}
	.carousel-indicators li{
		position: relative;
		-webkit-box-flex: 0;
		-ms-flex: 0 1 auto;
		flex: 0 1 auto;
		width: 30px;
		height: 3px;
		margin-right: 3px;
		margin-left: 3px;
		text-indent: -999px;
		background-color: rgba(255,255,255,.5);
	}
	.carousel-indicators li::before{
		position: absolute;
		top: -10px;
		left: 0;
		display: inline-block;
		width: 100%;
		height: 10px;
		content: "";
	}
	.carousel-indicators li::after{
		position: absolute;
		bottom: -10px;
		left: 0;
		display: inline-block;
		width: 100%;
		height: 10px;
		content: "";
	}
	.carousel-indicators .active{ background-color: #fff; }

	.carousel-caption{
		position: absolute;
		right: 15%;
		bottom: 20px;
		left: 15%;
		z-index: 10;
		padding-top: 20px;
		padding-bottom: 20px;
		color: #fff;
		text-align: center;
	}
	.carousel_title{
		position: absolute;
		z-index: 110;
		bottom: 5%;
		right: 25%;
		transform: translateX(50%);
		color: rgba(255,255,255,.7);
		letter-spacing: 0.5rem;
		font-family: 'Great Vibes', cursive;
		font-size: 8rem;
		letter-spacing: 20px;
	}

	/* 滿版背景圖 */
	.rwdimg{
		display: block;
		width: 100%;
		height: 0;
		padding-bottom: 50vh;
		overflow: hidden;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.rwdimg_video{
		position: relative;
		/*padding-bottom: 56.25%;
		padding-top: 30px;*/
		padding-bottom: 50vh;
		box-sizing: border-box;
		height: 0;
		overflow: hidden;
	}
	.rwdimg_video > iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	/* 下拉按鈕 */
	.sliderdownbtn{
		cursor: pointer;
		position: absolute;
		z-index: 110;
		bottom: 10%;
		left: 50%;
		transform: translateX(-50%);

		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;

		border: 2px solid rgba(0,0,0,0);
		background-color: rgba(255,255,255,0.3);
		color: rgba(0,0,0,0.8);
		font-size: 2em;
		padding: 0.5em;
		box-sizing: border-box;
		border-radius: 50%;
		
		transition: all 1s;
	}
	.sliderdownbtn:hover{
		background-color: rgba(255,255,255,1);
		color: rgba(0,0,0,1);
	}

/*房間搜尋*/
	.bookingArea{
		background-image: url(/webeip/HT00100/Peggy/hotel/summer/img/bg.jpg);
	    background-size: cover;
	    background-repeat: no-repeat;
	    width: 100%;
	    margin: 0 auto;
	    background-color: rgba(250,250,250,0.90);
	    padding: 1rem 0;
	    box-sizing: border-box;
	}
	.bookingArea_2{
		width: 100%;
	    margin: 0 auto;
	    background-color: rgba(0,0,0,0.3);
	    padding: 1rem 0;
	    box-sizing: border-box;
	    top: 89px;
		position: fixed;
		z-index: 9;
	}
	.bookbox > form{
		display: flex;
		flex-wrap: wrap;
	    width: 100%;
	    max-width: 1200px;
	    margin: 0 auto;
	    justify-content: center;
	    align-items: center;
	}
	.bookbox > form > li{
		width: 25%;
    	margin: 0 1%;
    	position: relative;
	}
	.bookbox > form > li input[type="text"]{
		width: 100%;
	    height: 48px;
	    line-height: 48px;
	    padding: 5px 15px;
	    border: 1px solid #dedede;
	    box-sizing: border-box;
	    cursor: pointer;
	}
	.bookbox > form > li > .icon-calendar{
		font-size: 1.25rem;
		display: block;
	    line-height: 50px;
	    color: #000;
	    position: absolute;
	    right: 10px;
	    top: 0;
	}
	.bookbox > form > .selectroom > select{
		cursor: pointer;
	    width: 100%;
	    background-color: #fff;
	    border: 1px solid #dedede;
	    font-size: 15px;
	    height: 48px;
	    padding: 5px 10px;
	    box-sizing: border-box;
	}
	.bookbox > form > .btn_book{ width: 16%; }
	.bookbox > form > .btn_book > input[type="submit"]{
		display: block;
	    font-size: 1rem;
	    color: #FFF;
	    width: 100%;
	    letter-spacing: 1px;
	    text-align: center;
	    border: 1px solid #d7c178;
	    background-color: #d7c178;
	    height: 46px;
	    line-height: 46px;
	    -webkit-transition: all 0.4s ease;
	    -moz-transition: all 0.4s ease;
	    -o-transition: all 0.4s ease;
	    transition: all 0.4s ease;
	    cursor: pointer;
	}
	.bookbox > form > .btn_book > input[type="submit"]:hover{ letter-spacing: 5px; }
	.bookingArea_check_more{ display: none; }


/*最新消息-站內活動快報*/
	.ShowImgUrlLink_hotnews_main{
		width: 100%;
		max-width: 1200px;
		margin: 2rem auto;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
		justify-content: flex-start;
		min-height: 200px;
	}
	.ShowImgUrlLink_hotnews_box{
		width: 100%;
		max-width: 270px;
		margin: 15px;
		padding: 10px;
		box-sizing: border-box;
		background-color: #FFF;
		transition: all .2s;
		position: relative;
		border: 1px solid #d2d2d2;
	}
	.ShowImgUrlLink_title{
		display: block;
	    text-align: center;
	    padding-top: 2rem;
	    box-sizing: border-box;
	}
	.ShowImgUrlLink_title i,
	.ShowImgUrlLink_title_news,
	.ShowImgUrlLink_title_hotnews{
		display: block;
		width: 100px;
    	margin: 0 auto;
	}
	.ShowImgUrlLink_title i{
		font-size: 3rem;
		color: #1B9AAA;
	}
	.ShowImgUrlLink_title_news{
		font-family: 'Noto Serif TC', serif;
		font-size: 1rem;
		letter-spacing: 5px;
	}
	.ShowImgUrlLink_title_hotnews{
		font-family: 'Allura', cursive;
		font-size: 0.9rem;
		letter-spacing: 5px;
		position: relative;
	}
	.ShowImgUrlLink_title_hotnews:before{
		position: absolute;
	    right: 120%;
	    top: 50%;
	    content: "";
	    width: 30px;
	    height: 1px;
	    display: block;
	    background: #797978;
	}
	.ShowImgUrlLink_title_hotnews:after{
		position: absolute;
	    left: 120%;
	    top: 50%;
	    content: "";
	    width: 30px;
	    height: 1px;
	    display: block;
	    background: #797978;
	}
	.ShowImgUrlLink_title_hotnews_span{
		font-family: 'Allura', cursive;
		color: #1B9AAA;
	}
	.ShowImgUrlLink_hotnews_img{
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
	}
	.ShowImgUrlLink_hotnews_img > img{
		vertical-align: top;
		width: 100%;
		height: 353.5px; /* 250px * 1.414 (A4比例)*/
	}
	.ShowImgUrlLink_hotnews_title{
		width: 100%;
		text-align: center;
		padding: 0.5rem;
		box-sizing: border-box;
		font-size: 1.25rem;
		min-height: 5rem;
		margin-top: 10px;
    	border-top: 1px solid #d2d2d2;
	}
	.ShowImgUrlLink_hotnews_date{
		width: 100%;
		text-align: right;
	}
	.ShowImgUrlLink_hotnews_startdate,
	.ShowImgUrlLink_hotnews_updatedate{
		display: inline-block;
		padding: 0.25rem;
		box-sizing: border-box;
		font-size: 0.8rem;
		color: #777;
	}
	.ShowImgUrlLink_hotnews_btn{
		display: block;
	    width: 200px;
	    text-align: center;
	    padding: 1rem 2rem;
	    box-sizing: border-box;
	    background-color: #d7c178;
	    color: #fff;
	    margin: 1rem auto;
	    position: relative;
	    transition: all .5s
	}
	.ShowImgUrlLink_hotnews_btn:hover{
		letter-spacing: 10px;
		bottom: 5px;
		left: 5px;
	}
	.ShowImgUrlLink_hotnews_btn > span{
		font-size: 0.9rem;
		padding-left: 0.5rem;
	}
	.ShowImgUrlLink_hotnews_bg{
		position: relative;
	}
	.icon-tour{
		color: #DFDFDD;
	    font-size: 40rem;
	    position: absolute;
	    bottom: 0;
	    right: 0;
	}
/*熱門影片*/
	.hotvideo{
		width: 100%;
		background-color: #ddd;
	}
	.hotvideo_main{
		width: 100%;
	    max-width: 1200px;
	    margin: 2rem auto;
	    display: flex;
	    flex-wrap: wrap;
	    align-items: flex-start;
	    justify-content: flex-start;
	}
	.hotvideo_main_title{
		display: block;
	    text-align: center;
	    padding-top: 2rem;
	    box-sizing: border-box;
	}
	.hotvideo_main_title i,
	.hotvideo_main_title_video,
	.hotvideo_main_title_hotvideo{
		display: block;
		width: 100px;
    	margin: 0 auto;
	}
	.hotvideo_main_title i{
		font-size: 3rem;
		color: #1B9AAA;
	}
	.hotvideo_main_title_video{
		font-family: 'Noto Serif TC', serif;
		font-size: 1rem;
		letter-spacing: 5px;
	}
	.hotvideo_main_title_hotvideo{
		font-family: 'Allura', cursive;
		font-size: 0.9rem;
		letter-spacing: 5px;
		position: relative;
	}
	.hotvideo_main_title_hotvideo:before{
		position: absolute;
	    right: 120%;
	    top: 50%;
	    content: "";
	    width: 30px;
	    height: 1px;
	    display: block;
	    background: #797978;
	}
	.hotvideo_main_title_hotvideo:after{
		position: absolute;
	    left: 120%;
	    top: 50%;
	    content: "";
	    width: 30px;
	    height: 1px;
	    display: block;
	    background: #797978;
	}
	.hotvideo_main_title_hotvideo_span{
		font-family: 'Allura', cursive;
		color: #1B9AAA;
	}
	.hotvideo_box{
		width: 100%;
	    max-width: 270px;
	    margin: 15px;
	    padding: 10px;
	    box-sizing: border-box;
	    background-color: #FFF;
	    transition: all .2s;
	    position: relative;
	    border: 1px solid #d2d2d2;
	}
	.hotvideo_box a{
		width: 100%;
		display: block;
		overflow: hidden;
	}
	.hotvideo_box a img{
		width: 100%;
		height: 130px;
		position: relative;
		-webkit-transition: all 0.4s ease;
    	-text-decoration-linemoz-transition: all 0.4s ease;
    	-o-transition: all 0.4s ease;
    	transition: all 0.4s ease;
	}
	.hotvideo_box a:hover img{
		-moz-transform: scale(1.1);
	    -webkit-transform: scale(1.1);
	    -o-transform: scale(1.1);
	    -ms-transform: scale(1.1);
	    transform: scale(1.1);
	    opacity: .7;
	}
	.icon-play2{
		position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    font-size: 2.5rem;
	    color: #d7c178;
	}
	.hotvideo_box a:hover .icon-play2{
		color: #1B9AAA;
	}
/*公司簡介*/
	.company_about_main{
		width: 100%;
		display: flex;
	}
	.company_about_main_img{
		width: 50%;
		background-image: url(/webeip/HT00100/Peggy/hotel/summer/img/about.jpg);
	    background-position: center center;
	    background-repeat: no-repeat;
	    background-size: cover;
	}
	.company_about_main_box{
		width: 50%;
		background-color: #fff;
		position: relative;
		margin: 30px auto;
	}
	.company_about_main_box:before{
		position: absolute;
	    content: "";
	    height: 60px;
	    top: 0;
	    left: 0;
	    margin-left: 30px;
	    right: 30px;
	    border: 1px solid #b7aba3;
	    border-bottom: none;
	    display: block;
	}
	.company_about_main_box:after{
		position: absolute;
	    content: "";
	    height: 60px;
	    bottom: 0;
	    left: 0;
	    margin-left: 30px;
	    right: 30px;
	    border: 1px solid #b7aba3;
	    border-top: none;
	    display: block;
	}
	.company_about_main_content{
		padding: 30px;
		box-sizing: border-box;
		text-align: center;
	}
	.company_about_title{
		display: block;
	    font-size: 1.5rem;
	    letter-spacing: 4px;
	    padding-bottom: 20px;
	    box-sizing: border-box;
	}
	.company_about_title_txt{
		display: block;
	}
	.company_about_title_en{
		display: block;
		font-family: 'Allura', cursive;
    	font-size: 0.9rem;
    	position: relative;
    	width: 200px;
    	margin: 0 auto;
	}
	.company_about_title_ena{
		color: #c4772f;
		font-family: 'Allura', cursive;
    	font-size: 0.9rem;
	}
	.company_about_title_en:before{
		position: absolute;
	    right: 0;
	    top: 50%;
	    content: "";
	    width: 30px;
	    height: 1px;
	    display: block;
	    background: #797978;
	}
	.company_about_title_en:after{
		position: absolute;
	    left: 0;
	    top: 50%;
	    content: "";
	    width: 30px;
	    height: 1px;
	    display: block;
	    background: #797978;
	}
	.company_about_main_content > p{ line-height: 2rem; }
	.company_about_btn{
		display: block;
	    width: 200px;
	    text-align: center;
	    padding: 1rem 2rem;
	    box-sizing: border-box;
	    background-color: #d7c178;
	    color: #fff;
	    margin: 2rem auto;
	    position: relative;
	    transition: all .5s;
	}
	.company_about_btn:hover{
		letter-spacing: 10px;
		bottom: 5px;
		left: 5px;
	}
/*飯店特色圖示*/
	.facicon{
		width: 100%;
		background-color: #ddd;
	}
	.facicon_main{
		width: 100%;
	    max-width: 1200px;
	    margin: 0 auto;
	    padding: 3rem 1rem;
	    box-sizing: border-box;
	}
	.facicon_main ul{
		display: flex;
		flex-wrap: wrap;
	    justify-content: space-around;
	    align-items: center;
	}
	.facicon_main ul li{
		display: flex;
	    flex-wrap: wrap;
	    width: 100px;
	    margin: 0.5rem 0;
	    white-space: nowrap;
	    justify-content: center;
	    align-items: center;
	    color: #472C1A;
	    -webkit-transition: all 0.4s ease;
	    -moz-transition: all 0.4s ease;
	    -o-transition: all 0.4s ease;
	    transition: all 0.4s ease;
	}
	.facicon_main ul li:hover{
		-webkit-transform: translateY(-10px);
    	transform: translateY(-10px);
	}
	.facicon_main ul li span{
		font-size: 2.5rem;
    	color: #472C1A;
	}
/*推薦房型*/
	.rooms{
		width: 100%;
		background-color: #ddd;
	}
	.rooms_main{
		width: 100%;
	    max-width: 1150px;
	    margin: 0 auto;
	    background-color: #FFF;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    padding: 2.5rem 2rem;
    	box-sizing: border-box;
    	overflow: hidden;
    	position: relative;
	}
	.rooms_img{
		width: 60%;
		position: relative;
		z-index: 1;
	}
	.rooms_img:after{
		content: "";
	    width: 600px;
	    height: 600px;
	    background: #fff;
	    border-radius: 99em;
	    display: block;
	    position: absolute;
	    right: -540px;
	    top: 50%;
	    margin-top: -300px;
	    z-index: 2;
	}
	.rooms_img > a{
		display: block;
		overflow: hidden;
		position: relative;
	}
	.rooms_img > a > img{
		width: 100%;
		display: block;
		-webkit-transition: all 0.4s ease;
    	-moz-transition: all 0.4s ease;
    	-o-transition: all 0.4s ease;
    	transition: all 0.4s ease;
	}
	.rooms_img > a > img:hover{
		-moz-transform:scale(1.1);
		-webkit-transform:scale(1.1);
		-o-transform:scale(1.1);
		-ms-transform:scale(1.1);
		transform:scale(1.1);
	}
	.rooms_main_box{
		position: relative;
		z-index: 99;
	}
	.rooms_main_content{
		text-align: center;
	}
	.rooms_title{
		display: block;
	    font-size: 1.5rem;
	    letter-spacing: 4px;
	    padding-bottom: 20px;
	    box-sizing: border-box;
	}
	.icon-bed5{
		display: inline-block;
	    font-size: 2rem;
	    color: #FFF;
	    background-color: #D7C178;
	    padding: 0.75rem;
	    margin: 0.25rem;
	    border-radius: 50%;
	    box-sizing: border-box;
	}
	.rooms_title_txt{ display: block; }
	.rooms_title_en{
		display: block;
		font-family: 'Allura', cursive;
    	font-size: 0.9rem;
    	position: relative;
    	width: 200px;
    	margin: 0 auto;
	}
	.rooms_title_ena{
		color: #c4772f;
		font-family: 'Allura', cursive;
    	font-size: 0.9rem;
	}
	.rooms_title_en:before{
		position: absolute;
	    right: 0;
	    top: 50%;
	    content: "";
	    width: 30px;
	    height: 1px;
	    display: block;
	    background: #797978;
	}
	.rooms_title_en:after{
		position: absolute;
	    left: 0;
	    top: 50%;
	    content: "";
	    width: 30px;
	    height: 1px;
	    display: block;
	    background: #797978;
	}
	.rooms_main_content > h2{ color: #c4772f; }
	.rooms_main_content > h3,
	.rooms_main_content > p{
		font-size: 1rem;
    	line-height: 2rem;
    	color: #666;
	}
	.rooms_btn{
		display: block;
	    width: 200px;
	    text-align: center;
	    padding: 1rem 2rem;
	    box-sizing: border-box;
	    background-color: #d7c178;
	    color: #fff;
	    margin: 2rem auto;
	    position: relative;
	    transition: all .5s;
	}
	.rooms_btn:hover{
		letter-spacing: 10px;
		bottom: 5px;
		left: 5px;
	}
	.icon-key4{
		position: absolute;
	    z-index: 10;
	    font-size: 20rem;
	    right: 0;
	    bottom: 0;
	    color: #DFDFDD;
	}
/*相關連結*/
	.related_links{
		width: 100%;
    	background-color: #ddd;
	}
	.related_links_main{
		width: 100%;
	    max-width: 1160px;
	    display: flex;
	    flex-wrap: wrap;
	    margin: 0 auto;
		padding: 4rem 0;
	    box-sizing: border-box;
	}
	.related_links_main a{
		display: inline-block;
		transition: all .5s;
		position: relative;
	}
	.related_links_main a:hover{
		bottom: 10px;
	} 
	
@media (max-width:1250px)
{
	.ShowImgUrlLink_hotnews_main{ max-width: 900px; }
	.hotvideo_main{ max-width: 900px; }
}

@media all and (max-width: 1200px){
	.carousel_title{
		font-size: 6rem;
	}
	.related_links_main{ max-width: 870px; }
}
@media all and (max-width: 1120px){
	.carousel_title{
		font-size: 3.5rem;
	}
	.rooms_main{
		display: block;
		width: 95%;
	}
	.rooms_img{ width: 100%; }
	.rooms_img:after{
		right: 50%;
	    margin-right: -300px;
	    top: 100%;
	    margin-top: -50px;
	}
	.icon-key4{ font-size: 15rem; }
}
@media all and (max-width:950px)
{
	.ShowImgUrlLink_hotnews_main{ max-width: 600px; }
	.hotvideo_main{ max-width: 600px; }
}
@media all and (max-width:900px)
{
	.related_links_main{ max-width: 580px; }
}
@media all and (max-width: 835px){
	.sliderdownbtn{ display: none;}
	.company_about_main{ display: block; }
	.company_about_main_img{
		height: 50vh;
		width: 100%;
	}
	.company_about_main_box{
		width: 100%;
		padding: 2rem 0;
		box-sizing: border-box;
	}
}
@media all and (max-width: 765px){
	.carousel_title{
		font-size: 2rem;
		right: 50%;
	}
	.sliderdownbtn{ display: none; }
}
@media all and (max-width:650px)
{
	.bookbox > form{ display: block; }
	.bookbox > form > li,
	.bookbox > form > .btn_book{
		width: 80%;
    	margin: 10px auto;
	}
	.hotvideo_box{
		width: 48%;
		margin: 1%;
	}
	.hotvideo_box a img{
		height: 15vh;
	}
	.ShowImgUrlLink_hotnews_box{
		width: 48%;
		margin: 1%;
	}
	.ShowImgUrlLink_hotnews_img > img{
		height: auto;
		max-height: 353.5px;
	}
	.ShowImgUrlLink_hotnews_title{
		font-size: 1rem;
		min-height: 0;
	}
	.bookingArea_check_more{
		display: block;
		background-color: #1B9AAA;
	    width: 200px;
	    padding: 10px 10px 10px 20px;
	    margin: 0 auto;
	    color: #fff;
	    border-radius: 10px;
	    text-align: center;
	    letter-spacing: 10px;
	    cursor: pointer;
	}
}
@media all and (max-width:600px)
{
	.related_links_main{ max-width: 290px; }
}
@media all and (max-width: 465px){
	.carousel_title{
		font-size: 1rem;
		right: 50%;
	}
	.hotvideo_box a img{
		height: 10vh;
	}
}