#pano_villa {
    position: relative;
    padding-bottom: 80px;
    background: rgb(187,181,169);
    background: linear-gradient(180deg, rgba(187,181,169,1) 0%, rgba(255,255,255,1) 76%);
}

#pano_villa:before {
    /* content: ''; */
    /* width: 100%; */
    height: 60px;
    position: relative;
}

#pano_villa .inner_wrapper {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    /* background: blue; */
}

#pano_villa .inner_wrapper .description {
    text-align: justify;
    word-spacing: -2px;
}

#pano_villa .content_wrapper {
    position: relative;
    padding-top: 60px;
    grid-row: 1;
    grid-column: 1;
}

#pano_villa .grid {
	display: grid;
	grid-gap: 25px;
}

#pano_villa .grid img{
	object-fit: cover;
	width: 100%;
	display: block;
	position: absolute;
}


#pano_villa .description .title_img {
    height: 11px;
    width: auto;
    display: inline;
}

#pano_villa .wrapper {
  grid-template-columns: 1fr 1fr;
  /* background-color: seagreen; */
  /* padding: 10px; */
  width: 80%;
  margin: 0 5% 20px auto;
}
#pano_villa .grid.left {
	grid-column: 1 / span 1;
	grid-auto-rows: min-content;
}
#pano_villa .grid.right {
	grid-column: span 1 / -1;
	grid-auto-rows: min-content;
}

#pano_villa .tip {
  grid-column: 1 / -1;
}

#pano_villa .grid.left .img1, #pano_villa .grid.left .img3 {
	width: 85%;
	margin-left: auto;
}

#pano_villa .grid.left .img3 {
	width: 100%;
}

#pano_villa .grid.left .img2, #pano_villa .grid.left .img4 {
    width: 100%;
    margin-left: auto;
}

#pano_villa .villa_title_wrapper {
    position: relative;
    width: 77%;
}

#pano_villa .m_villa_title_wrapper {
	display: none;
}

#pano_villa .villa_title_wrapper .title {
    font-size: 24px;
    margin-bottom: 10px;
    line-height: 1.5em;
    color: #FFF;
}

#pano_villa .grid.right .img1, #pano_villa .grid.right .img3, #pano_villa .grid.right .img4 {
    width: 85%;
}

#pano_villa .bg_img_wrapper img {
    width: 100%;
    display: block;
    position: sticky;
    top: -4px;
}

#pano_villa .bg_img_wrapper {
    position: absolute;
    /* position: sticky; */
    /* top: 0px; */
    grid-row: 1;
    grid-column: 1;
    position: sticky;
    top: 0;
    width: 100%;
    height: 100vh;
    display: none;
}

#pano_villa [class^="img"] {
    position: relative;
}

#pano_villa .grid.left .img1 .custom_img_wrapper {
    padding-bottom: 98.5%;
}

#pano_villa .grid.left .img2 .custom_img_wrapper {
    padding-bottom: 67%;
}

#pano_villa .grid.left .img3 .custom_img_wrapper {
    padding-bottom: 133%;
    padding-bottom: 67%;
}

#pano_villa .grid.left .img4 .custom_img_wrapper {
    padding-bottom: 67%;
}

#pano_villa .grid.right .img1 .custom_img_wrapper {
    padding-bottom: 150%;
}

#pano_villa .grid.right .img2 .custom_img_wrapper {
    padding-bottom: 66.5%;
}

#pano_villa .grid.right .img3 .custom_img_wrapper {
    padding-bottom: 66.5%;
}

#pano_villa .grid.right .img4 .custom_img_wrapper {
    padding-bottom: 66.5%;
}

#pano_villa .photo_remarks_m {
	display: none;
}

@media (max-width: 768px) {

	#pano_villa .photo_remarks_m {
	    font-size: 9px;
	    font-family: 'NotoSansTC Regular', 'Avenir Roman', sans-serif;
	    color: #FFF;
	    text-align: left;
	    text-shadow: 0px 2px 8px #000000;
		position: absolute;
		padding: 0 10px;
		bottom: 10px;
		display: block;
	}
	
	#pano_villa .grid.left {
	    /* grid-auto-flow: column; */
	}

	#pano_villa .img1 {
	    width: 80%;
	    margin: 0 auto;
	}
	
	#pano_villa .grid.left .img2 {
	    width: 60%;
	}
	
	#pano_villa .wrapper {
	    width: 100%;
	    grid-gap: 15px;
	    /* grid-auto-flow: column; */
	    grid-template-columns: 1fr;
	}

	#pano_villa .villa_title_wrapper {
		display: none;
	}
	
	#pano_villa .m_villa_title_wrapper {
	    width: 100%;
	    padding: 50px 20px;
		display: block;
	}
	
	#pano_villa .villa_title_wrapper .title {
	    font-size: 20px;
	    /* color: #BBB5A9; */
	}
	
	#pano_villa {
	    padding-bottom: 0px;
	    /* background: #FFF; */
	}

	#pano_villa .content_wrapper {
	    padding-top: 0;
	}
	
	#pano_villa .title_remarks .photo_title{
		color: #000;
		text-shadow: none;
	
	}

	#pano_villa .title_remarks .photo_remarks {
        display: none;
    }
}