body {
    margin: 0px;
    padding: 0px;
    font-family: Trebuchet MS, Arial, sans-serif;
}
.mn-img{background-image:url('/web/img/tour/bluemn.png');background-repeat: no-repeat;background-position:center;min-height:400px;}
.mn-img-txt{padding-top:60px;padding-left:60px;}
.mn-evnt-area{background:#eee;padding:20px 0px 80px 0px;min-height:300px;}
.mn-evnt-inspr{background:#fff;padding:20px 0px 180px 0px;}
.bg-gry{background-color:#eee;}
.txt-blk{color:#000;}
.mn-ttl-lg{ color:#fff; font-size:50pt;}
.bg-white{ background-color:#fff; }
.mn-bg-gray{ background-color:#eee;color:#000;}
.img-fit{width:100%}
.img-df-pad{ padding:15px; }
.img-mn-ttl{color:#2a2d5d;font-weight:bold;}
.img-mn-desc{font-size:12pt;color:#000;}
.desc-area{ min-height:650px; }
.jk-ptop-30{padding-top:30px;}

.ttlarea{float:left;padding:3px 3px 0px 10px;}
.ttlarea-40 {width:40px;float:left;padding:3px 3px 0px 10px;}
.ttlarea-45 {width:45px;float:left;padding:3px 3px 0px 10px;}
.ttlarea-50 {width:50px;float:left;padding:3px 3px 0px 10px;}
.ttlarea-55 {width:55px;float:left;padding:3px 3px 0px 10px;}
.ttlarea-60 {width:60px;float:left;padding:3px 3px 0px 10px;}
.ttlarea-65 {width:65px;float:left;padding:3px 3px 0px 10px;}
.ttlarea-70 {width:70px;float:left;padding:3px 3px 0px 10px;}
.ttlarea-75 {width:75px;float:left;padding:3px 3px 0px 10px;}
.ttlarea-80 {width:80px;float:left;padding:3px 3px 0px 10px;}
.ttlarea-85 {width:85px;float:left;padding:3px 3px 0px 10px;}
.ttlarea-90 {width:90px;float:left;padding:3px 3px 0px 10px;}
.ttlarea-100{width:100px;float:left;padding:3px 3px 0px 10px;}
.ttlarea-100{width:110px;float:left;padding:3px 3px 0px 10px;}
.ttlarea-120{width:120px;float:left;padding:3px 3px 0px 10px;}
.ttlarea-100{width:130px;float:left;padding:3px 3px 0px 10px;}
.ttlarea-140{width:140px;float:left;padding:3px 3px 0px 10px;}
.ttlarea-160{width:150px;float:left;padding:3px 3px 0px 10px;}

.mg0-res {  height: 0px;  white-space: pre-line;  clear: both;  }

.mg0 {  height: 0px;  white-space: pre-line;  clear: both;  }
.mg1 {  height: 1px;  white-space: pre-line;  clear: both;  }
.mg2 {  height: 2px;  white-space: pre-line;  clear: both;  }
.mg3 {  height: 3px;  white-space: pre-line;  clear: both;  }
.mg5 {  height: 5px;  white-space: pre-line;  clear: both;  }
.mg10{  height:10px;  white-space: pre-line;  clear: both;  }
.mg15{  height:15px;  white-space: pre-line;  clear: both;  }
.mg20{  height:20px;  white-space: pre-line;  clear: both;  }
.mg30{  height:30px;  white-space: pre-line;  clear: both;  }
.mg40{  height:40px;  white-space: pre-line;  clear: both;  }
.mg50{  height:50px;  white-space: pre-line;  clear: both;  }
.mg100{ height:100px; white-space: pre-line;  clear: both;  }


.csr-pnt{cursor:pointer;}
.evnt-brd-ln{border-top:1px solid #000;padding:5px 0px;}
.evnt-brd{padding:5px 0px;}
.min-w200{min-width:200px;}
.opt-ui{padding:10px 15px;width:100%;}
.find-cond{border-radius: 6px; border:1px solid #bfbfbf;background:#fff;}

.btn-blk-nav{display:inline-block;padding:3px 17px !important;text-align:center;}
.btn-close{ font-size:14px;background-color:#000;color:#fff;border-radius: .2em;padding:0px;cursor:pointer;}
.wid-p100{width:100%}
.mg-r-20{margin-right:20px;}

.txt-sz14{font-size:14pt;}
.txt-sz14-ttl{font-size:14pt;font-weight:bold;padding-top:5px;}
.ln-1-blk{height: 1px;background:#666;}

.area-mnu{
	cursor:pointer;font-size:13px;text-decoration: none;
}

.area-mnu:hover {
	font-weight:bold;
}

.btn-md-blk{ font-size:14px;background-color:#000;color:#ffffff  !important;border-radius: .2em;padding:3px 9px;cursor:pointer;border:none;display:inline-block;margin-left:5px; 
      text-decoration: none;
}


.btn-md-blk:hover {
    background-color: #25509e;
    color: #ffffff;
          text-decoration: none;
}

.btn-more{
  font-size:9px;background-color:#eee;border-radius: .2em;padding:3px 10px;cursor:pointer;border:1px solid #e1e1e1;
}

.btn-dtl{
  font-size:16px;background-color:#eee;border-radius: .2em;padding:3px;cursor:pointer;border:2px solid #e1e1e1;
}

.btn-long{
	display:inline-block;padding:4px 20px;text-align:center;margin-top:2px;
}

.btn-full{
	display:inline-block;padding:4px 20px;text-align:center;margin-top:2px;width:100%;
}

#scrollToTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
  padding: 10px 15px;
  font-size: 16px;
  background-color: #007bff;
  color: white;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  z-index: 9999;
}

/*===================================  Working Icon ===================================*/ 
.work_icon {
    border: 16px solid #f2f9ee; 
    border-top: 16px solid #000080;
    border-radius: 50%;
    width: 70px;
    height: 70px;
    animation: spin 1s linear infinite;
}

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


.chk_pop_area{
    background-color:#eee;height:100%;border: 2px solid #000080;border-radius: 5px;
}

/*===================================  Tittle Format ===================================*/ 
.ttl-bld{font-weight:bold;}

.reg_ttl{
    float:left; 
    font-size:11pt;
    font-weight:bold;
    white-space: after-wrap;
}

.list_pg_ttl_area{ padding:10px 0px 13px 0px;color:#000;}
.list_pg_ttl{ font-size:16pt;font-weight:bold; }

.pg_ctnt_area{background-color:#fff !important;border-radius:10px;padding:10px;}

.dp_mnu_small{
	display:none;	
}

/*===================================  Tour detail ===================================*/
 .td_header {
      min-height: 300px;
      color: gold;
      display: flex;
      align-items: flex-end;
      justify-content: center;
      text-shadow: 2px 2px 4px rgba(0,0,0,5);
 }
 .td_header h1 {
   	font-size: 3em;
   	margin: 0;
	padding:1px 10px 6px 10px;
	background:gray;
	border-radius:5px;
	margin-bottom:20px;
}
   
.td_container {
	  font-family: Trebuchet MS, Arial, sans-serif;
  background-color: #f9f9f9;
	
  max-width: 900px;
  margin: 40px auto;
  padding: 0 20px;
}
.td_section {
  margin-bottom: 40px;
}
.td_section h2 {
  color: #006699;
  border-bottom: 2px solid #eee;
  padding-bottom: 5px;
}

.td_info-box {
  background-color: #fff;
  border: 1px solid #ddd;
  padding: 20px;
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
}
.td_ul {
  padding-left: 20px;
}

.td_body {
  font-family: Trebuchet MS, Arial, sans-serif;
  background-color: #f9f9f9;
  margin: 0;
  padding: 0;
  color: #333;
}

@media screen and (max-width: 1000px) {
	.dp_mnu_small{ display:inline-block;	}
	.mg0-res {  height: 0px;  white-space: pre-line;  clear: both;  margin:10px 0px;}
	.btn-md-blk{ margin-top:10px;}
	.btn-long{width:100%;padding:9px 0px;font-size:12pt;font-weight:bold;}
	.ttl-bld{margin-top:10px;}
}

@media screen and (max-width: 700px) {
	.dp_mnu_small{ display:inline-block;	}
	.mg0-res {  height: 0px;  white-space: pre-line;  clear: both;  margin:10px 0px;}
	.btn-md-blk{ margin-top:10px;}
	.btn-long{width:100%;padding:9px 0px;font-size:12pt;font-weight:bold;}
	.ttl-bld{margin-top:10px;}
}



/* ====================================================================================== */
.switch {
  position: relative;
  display: inline-block;
  width: 60px;
  height: 26px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  inset: 0;
  background-color: #ccc;
  transition: 0.3s;
  border-radius: 26px;
}

.slider:before {
  position: absolute;
  content: "";
  height: 20px;
  width: 20px;
  left: 8px;
  bottom: 3px;
  background-color: white;
  transition: 0.3s;
  border-radius: 50%;
}

input:checked + .slider {
  background-color: #4caf50;
}

input:checked + .slider:before {
  transform: translateX(24px);
}

.blur-background {
    filter: blur(5px);
    transition: filter 0.2s ease;
}


/* ====================================================================================== */