@media screen and (orientation:portrait){
	#c_m-video{
		width:100%;
	}
}
@media screen and (orientation:landscape){
	#c_m-video{
		width:50%;
	}
}

.darkTrans{
	background-color:rgba(0,0,0,0.8)
}
.flight{
	color:#ddcaae;
}
.fdark{
	color:#57534d;
}
.darkBrown{
	background-color:#57534d;
}
.lightBrown{
	background-color:#dddac8;
}
.cp{
	cursor:pointer;
}
.listBG{
	background-color:#ede2d0;

}
.mapBG{
	background-color:#eae1ce;
}
.wfc{
	width:fit-content;
}
.t_he2{
	font-size:2.1em !important;
	line-height: 1em;
}
.t_he3{
	font-size:1.6em !important;
	line-height: 1em;
}           
.listviewCol{
	max-width:350px;
	min-width:350px;            
}

.aMod {	
	background-size: contain !important;
	background-repeat: no-repeat !important;
	overflow-clip-margin: content-box;
	overflow: clip;
	vertical-align: middle;
	border: 0;
	margin: 0;
	padding: 0;
	display:inline-block;
}

.c_lm:hover + .tagColor {
	outline-offset: 3px;
}           
.tagColor{
	background-color:#e3c321;
	outline:4px solid #e3c321;
	transition: outline-offset 200ms ease;
}

.tagColor:hover{            
	outline-offset: 3px;
}
.tagColor:focus-within{            
	outline-offset: 3px;
}



.close-btn{
	transition: transform .35s;
}
.close-btn:hover{            
	transform: rotate(90deg);
}


.routeMask_both{
	-webkit-mask-image:linear-gradient(90deg, transparent 3%, black 5%, black 97%, transparent 100%);
	mask-image:linear-gradient(90deg, transparent 3%, black 5%, black 97%, transparent 100%)
}
.routeMask_left{
	-webkit-mask-image:linear-gradient(90deg, transparent 3%, black 5%, black 100%);
	mask-image:linear-gradient(90deg, transparent 3%, black 5%, black 100%)
}
.routeMask_right{
	-webkit-mask-image:linear-gradient(90deg,  black 0%, black 97%, transparent 100%);
	mask-image:linear-gradient(90deg,  black 0%, black 97%, transparent 100%)
}

.c_menu_of::-webkit-scrollbar {
	width: 0.5rem;
	height: 0.5rem;   
	background-color: #eeeeee; /* or add it to the track */

}

.c_menu_of::-webkit-scrollbar-thumb {
	border-radius:0.4rem;
	background: #675e4f;
}

#lvGrid::-webkit-scrollbar {
	width: 0.5rem;
	height: 0.5rem;
	background-color: #eeeeee; /* or add it to the track */

}

#lvGrid::-webkit-scrollbar-thumb {
	border-radius:0.4rem;
	background: #675e4f;
}

@-moz-document url-prefix(){
	.c_menu_of, #lvGrid {
		scrollbar-color: #675e4f #eeeeee;
		scrollbar-width: thin;
	}
}

.c_module_inner::-webkit-scrollbar {
	width: 0.6rem;
	height: 0.2rem;
	background-color: #424242; /* or add it to the track */

}

.c_module_inner::-webkit-scrollbar-thumb {
	border-radius:0.4rem;
	background: #686868;
}

@-moz-document url-prefix(){
	.c_module_inner, .c_bottom_scb, .c_guide, .c_largePhoto_scb {
		scrollbar-color: #686868 #424242;
		scrollbar-width: thin;
	}
}


.c_bottom_scb::-webkit-scrollbar {
	width: 0.6rem;
	height: 0.2rem;
	background-color: #424242; 

}

.c_bottom_scb::-webkit-scrollbar-thumb {
	border-radius:0.4rem;
	background: #686868;
}

.c_guide::-webkit-scrollbar {
	width: 0.6rem;
	height: 0.2rem;
	background-color: #424242; 

}

.c_guide::-webkit-scrollbar-thumb {
	border-radius:0.4rem;
	background: #686868;
}

.c_largePhoto_scb::-webkit-scrollbar {
	width: 0.6rem;
	height: 0.2rem;
	background-color: #424242;
}

.c_largePhoto_scb::-webkit-scrollbar-thumb {
	border-radius:0.4rem;
	background: #686868;
}


.cm_mappopup_scroll::-webkit-scrollbar {
	width: 0.5rem;
	height: 0.5rem;
	background-color: #eeeeee;
}

.cm_mappopup_scroll::-webkit-scrollbar-thumb {
	border-radius:0.4rem;
	background: #675e4f;
}


/*

#lvGrid {
	##Prevent vertical gaps 


	-webkit-column-count: 5;
	-webkit-column-gap:   0px;
	-moz-column-count:    5;
	-moz-column-gap:      0px;
	column-count:         5;
	column-gap:           0px;
}
*/
.desktop #lvGrid .lvimage {
	/* Just in case there are inline attributes */
	width:100% !important;
	max-width:100% !important;
	height: auto !important;
}
.mobile #lvGrid .lvimage{
	width:100% !important;
	max-width:100% !important;
	height: auto !important;           
}
.tablet #lvGrid .lvimage{
	width:100% !important;
	max-width:100% !important;
	height: auto !important;           
}             
/*
@media only screen and (max-width: 4000px) {
	#lvGrid {
		-moz-column-count:    5;
		-webkit-column-count: 5;
		column-count:         5;
	}

}              


@media only screen and (max-width: 1024px) {
	#lvGrid {
		-moz-column-count:    4;
		-webkit-column-count: 4;
		column-count:         4;
	}
	
}
@media only screen and (max-width: 800px) {
	#lvGrid {
		-moz-column-count:    2;
		-webkit-column-count: 2;
		column-count:         2;
	}
        
}
@media only screen and (max-width: 400px) {
	#lvGrid {
		-moz-column-count:    2;
		-webkit-column-count: 2;
		column-count:         2;
	}

}*/
.loader {
	width: 48px;
	height: 48px;
	border: 3px solid #FFF;
	border-radius: 50%;
	display: inline-block;
	position: relative;
	box-sizing: border-box;
	animation: rotation 1s linear infinite;
}
.loader::after {
	content: '';  
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
	background: #757065;
	width: 16px;
	height: 16px;
	transform: translate(-50%, 50%);
	border-radius: 50%;
}

@keyframes rotation {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
} 

/*
#lvGrid {
  columns: 6 200px;
  column-gap: 1rem;
  div {
    width: 150px;
    background: #EC985A;
    color: white;
    margin: 0 1rem 1rem 0;
    display: inline-block;
    width: 100%;
    text-align: center;
    font-family: system-ui;
    font-weight: 900;
    font-size: 2rem;
  } 
  @for $i from 1 through 36 { 
    div:nth-child(#{$i}) {
      $h: (random(400) + 100) + px;
      height: $h;
      line-height: $h;
    }
  }
}

*/

.shadow2{
	box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .4) !important;
}

.placeName_tag{
	font-size: 1.2rem !important;
	letter-spacing:0.1rem;
	color:white;
	text-align: center;
/*	font-family: arial;*/
}

.desktop .c_placeNameModule{
	min-width: 40rem;
}
.c_placeNameModule{
/*	font-family: arial;*/
}

.en .placeName_tag{
	font-size: 0.9rem !important;
	letter-spacing:0.1rem;
	color:white;
/*	font-family: 'Roboto';*/
	text-align: center;
	line-height: 1rem;
}

.en .c_placeNameModule{
/*	font-family: 'Roboto';*/
}

.mobile .placeName_tag{
	font-size: 1rem !important;
	line-height: 1.2rem !important;
}


.c_placeName_p::-webkit-scrollbar {
	width: 0.5rem;
	height: 0.5rem;
	background-color: #eeeeee; /* or add it to the track */

}

.c_placeName_p::-webkit-scrollbar-thumb {
	border-radius:0.4rem;
	background: #675e4f;
}

.lvGrid_item_p > * {
    transition: .4s;
}
.lvGrid_item_p{
    overflow:hidden;
    min-height: fit-content;
 
  
}

.lvGrid_item_p:hover .placeName_tag{
	background-color:#ffcc00;
	color:black;
}

.lvGrid_item_p:hover .lvimage{
    transform: scale(1.3);
}

.lvGrid_item_p .lvimage{
     transition: transform 300ms;
}

.lvGrid_item_p figcaption {
	position: absolute;
	width: 100%;
	height: 100%;


	padding: .75rem;
	background: var(--c, rgba(0,0,0,0.5));
	clip-path: inset(0 var(--_i,100%) 0 0);
	-webkit-mask:
	linear-gradient(#000 0 0),
	linear-gradient(#000 0 0);
	-webkit-mask-composite: xor;
	-webkit-mask-clip: text, padding-box;
	border-radius: 0.8rem 0.8rem 0 0;

}

.lvGrid_item_p:hover figcaption{
  --_i: 0%;
}

.pn_grid{
	
	border: 2px solid #222222;
  border-radius: 1rem;
  position: relative;
}

.pn_grid img{
	width: 100%;
	margin-top: 1rem;
	margin-bottom: 2rem;
}

.pn_grid span{
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}

.pn_grid_innerline{
	width: 90%;
	height: 0.1rem;
	border-bottom: 1px solid #222222;
}

.pn_map{
	width: 100%;
	max-width: 100%;
}

.pn_grid:hover{
	cursor: pointer;
}

.pn_grid:hover span{
	background-color:#ffcc00;
	color:black;
}

.pn_grid:focus-within span{
	background-color:#ffcc00;
	color:black;
}

.pn_grid:focus-within .lvimage{
    transform: scale(1.3);

  
}

.pn_grid:focus-within figcaption{
	--_i: 0%;
}


.subt{
	font-size:0.85rem !important;
	word-break: break-word;
	text-align: justify;

}

.tc .c_pl span{
	font-size: 1.2rem;
}

.tc .c_placeNameModule span:not(.subt){
	font-size: 1.2rem;
}

.sc .c_pl span{
	font-size: 1.2rem;
}

.sc .c_placeNameModule span:not(.subt){
	font-size: 1.2rem;
}

.subt_ssp{
	font-family: "cwTeXFangSong";
}