@media (min-width: 1200px)
{
	.img-about{
		text-align: center;
		padding:20px;
		padding-top: 6em;
	}
}

@media (max-width: 1199px)
{
	.img-about{
		width:100%;
		text-align: center;
		padding:10px;
		padding-top: 1em;
	}
}

@media(min-width: 1050px){
	.img-mid-logo{
		display: none;
	}
	.img-small-logo{
		display: none;
	}
	.img-super-small-logo{
		display: none;
	}
}

@media(min-width:768px) and (max-width: 1049px){
	
	.img-logo{
		display: none;
	}
	.img-small-logo{
		display: none;
	}
	.img-super-small-logo{
		display: none;
	}
}

@media(min-width:402px) and (max-width: 767px){
	
	.img-logo{
		display: none;
	}
	.img-mid-logo{
		display: none;
	}
	.img-super-small-logo{
		display: none;
	}
}

@media (max-width: 401px){	
	.img-logo{
		display: none;
	}
	.img-mid-logo{
		display: none;
	}
	.img-small-logo{
		display: none;
	}
}

/*
 * Style tweaks
 * --------------------------------------------------
 */
html,
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */
}
body {
  padding-top: 70px;
}
footer {
  padding: 30px 0;
}
h2{
	color:rgb(106,56,151);
}
hr { display: block; height: 1px;
    border: 0; border-top: 0px solid #ccc;
    margin: 1em 0; padding: 0; 
	background-color:rgb(207,158,64);
	border-color:rgb(207,158,64);
	color:rgb(207,158,64);
	}
/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all 0.25s ease-out;
    -moz-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -50%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -50%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 50%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 50%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%; /* 6 columns */
  }

  .menu-shift{
   /* padding-top: 1em;
    padding-left: 1em;*/
  }

  .menu-img-shift{
   
  }
  
  .content{
    background-image: url('images/all/body-repeat-bg.jpg');
	margin-top: -2em;
  }
  
  .footer{
    background-image: url('images/all/footer-bg.png');
	background-repeat:repeat;
  }
  
  .dsidebar
	{
		padding:20px;
		width:100%;
		background-color:white;
		border-radius:5px;
		box-shadow: 0px 10px 20px rgba(0,0,0,0.3);
	}
	
	.model-img
	{
		width:100%;
		height:100%;
	}
	
	.row-pano
	{
		margin-top:3em;
		text-align:center;
	}
}

@media (min-width: 768px){
  .menu-shift{
    /*font-family: "LilyUPC";
    font-size: 1.5em;
    font-weight: 100;
    line-height: 1.1;*/
    
    padding-top: 2.5em;
    padding-left: 1em;
  }

  .menu-img-shift{
    padding-left: 1.5em;
    display: block;
  }

  .content{
  
	background: #fdf5aa; /* Old browsers */
	background: url('images/all/body-watermark.png'),-moz-linear-gradient(top,  #fdf5aa 0%, #fced8e 25%, #efd05c 50%, #edc44e 71%, #a1642b 100%); /* FF3.6+ */
	background: url('images/all/body-watermark.png'),-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdf5aa), color-stop(25%,#fced8e), color-stop(50%,#efd05c), color-stop(71%,#edc44e), color-stop(100%,#a1642b)); /* Chrome,Safari4+ */
	background: url('images/all/body-watermark.png'),-webkit-linear-gradient(top,  #fdf5aa 0%,#fced8e 25%,#efd05c 50%,#edc44e 71%,#a1642b 100%); /* Chrome10+,Safari5.1+ */
	background: url('images/all/body-watermark.png'),-o-linear-gradient(top,  #fdf5aa 0%,#fced8e 25%,#efd05c 50%,#edc44e 71%,#a1642b 100%); /* Opera 11.10+ */
	background: url('images/all/body-watermark.png'),-ms-linear-gradient(top,  #fdf5aa 0%,#fced8e 25%,#efd05c 50%,#edc44e 71%,#a1642b 100%); /* IE10+ */
	background: url('images/all/body-watermark.png'),linear-gradient(to bottom,  #fdf5aa 0%,#fced8e 25%,#efd05c 50%,#edc44e 71%,#a1642b 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdf5aa', endColorstr='#a1642b',GradientType=0 ); /* IE6-9 */

	background-repeat: repeat-x;
  }
  
  .reserve{
	height: 30px;
  }
  
  .footer{
    background-image: url('images/all/footer-bg.png');
	background-repeat:repeat-x;
  }
  
  .content{
		padding-top: 1em;
	}
}

@media (min-width:1200px)
{
	.content{
		padding-top: 4em;
	}

	.dsidebar
	{
		padding:20px;
		min-height:600px;
		background-color:white;
		border-radius:5px;
		box-shadow: 0px 10px 20px rgba(0,0,0,0.3);
	}
}

@media (min-width:768px) and (max-width:1199px)
{
	.content{
		background-image: url('images/all/body-repeat-bg.jpg');
		background-repeat:repeat;
		padding-top: 4em;
	}
	.dsidebar
	{
		padding:20px;
		width:100%;
		background-color:white;
		border-radius:5px;
		box-shadow: 0px 10px 20px rgba(0,0,0,0.3);
	}
	
	.dlsidebar
	{
		width:100%;
	}
	
	.dlsidebar-img
	{
		text-align:center;
	}
}

@media(min-width:1200px)
{
	.pano-content
	{
		/*background-image: url('css/images/level-bg.png');*/
		background: rgb(253,245,170); /* Old browsers */
		background: -moz-linear-gradient(left,  rgba(253,245,170,1) 43%, rgba(161,100,43,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(43%,rgba(253,245,170,1)), color-stop(100%,rgba(161,100,43,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  rgba(253,245,170,1) 43%,rgba(161,100,43,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  rgba(253,245,170,1) 43%,rgba(161,100,43,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  rgba(253,245,170,1) 43%,rgba(161,100,43,1) 100%); /* IE10+ */
		background: linear-gradient(to right,  rgba(253,245,170,1) 43%,rgba(161,100,43,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdf5aa', endColorstr='#a1642b',GradientType=1 ); /* IE6-9 */
		border-radius:10px;
		box-shadow: 0px 10px 20px rgba(0,0,0,0.3);
	}
	
	.pano-img{
		margin-left:-1em;
		width:100%;
	}
	
	.pano-h{
		padding-top: 70px;
	}
}

@media (max-width:1199px)
{
.pano-content
	{
		/*background-image: url('css/images/level-bg.png');*/
		background: rgb(253,245,170); /* Old browsers */
		background: -moz-linear-gradient(left,  rgba(161,100,43,1) 43%, rgba(161,100,43,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, right top, color-stop(43%,rgba(161,100,43,1)), color-stop(100%,rgba(161,100,43,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(left,  rgba(161,100,43,1) 43%,rgba(161,100,43,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(left,  rgba(161,100,43,1) 43%,rgba(161,100,43,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(left,  rgba(161,100,43,1) 43%,rgba(161,100,43,1) 100%); /* IE10+ */
		background: linear-gradient(to right,  rgba(161,100,43,1) 43%,rgba(161,100,43,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdf5aa', endColorstr='#a1642b',GradientType=1 ); /* IE6-9 */
		border-radius:10px;
		box-shadow: 0px 10px 20px rgba(0,0,0,0.3);
	}
	
	.pano-img{
		width:100%;
	}
	
	.pano-h{
		
	}
}

.sys-button
{
	background-image: url('images/btn-360.png');
	height:48px;
	width:160px;
	padding:10px;
	text-align:center;
	color:white;
	cursor:pointer;
}

.sys-button:hover
{
	color:rgb(172, 155, 155);;
}

.btn_zoom {
position: absolute;
bottom: 20px;
right: 20px;
padding: 10px;
background: rgba(0,0,0,.5);
color: #fff;
border-radius: 10px;
cursor: pointer;
}

#nav_top,
	#nav_bottom,
	#nav_left,
	#nav_right{
		width: 40px;
		height: 40px;
		line-height: 40px;
		text-align: center;
		background: rgba(0,0,0,.5);
		color: #fff;
		border-radius: 10px;
		position: absolute;
		cursor: pointer;
	}
	#nav_top{
		bottom: 80px;
		left: 100px;
	}
	#nav_bottom{
		bottom: 20px;
		left: 100px;
	}
	#nav_left{
		/*bottom: 50px;
		left: 50px;*/
	}
	#nav_right{
		bottom: 50px;
		left: 150px;
	}
	
	.zoom_in{
		position: absolute;
		bottom: 20px;
		right: 20px;
		padding: 10px;
		
		color: #fff;
		border-radius: 10px;
		cursor: pointer;
		
	}
	
	.zoom_out{
		position: absolute;
		bottom: 20px;
		right: 20px;
		padding: 10px;
		
		color: #fff;
		border-radius: 10px;
		cursor: pointer;
		
	}
	
	.plain{
		position: absolute;
		bottom: 20px;
		right: 60px;
		padding: 10px;		
		color: #fff;
		border-radius: 10px;
		cursor: pointer;
		
	}
	
	.minimap{
		position: absolute;
		top: 20px;
		right: 30px;
		padding: 10px;		
		color: #fff;
		border-radius: 10px;
		cursor: pointer;
	}
	
	.minimap_img{
		position: absolute;
		top: 22px;
		right: 32px;
		padding: 10px;		
		color: #fff;
		border-radius: 10px;
		cursor: pointer;
	}
	
	.largemap_img{
		position: absolute;
		top: 20px;
		right: 30px;
		padding: 10px;		
		color: #fff;
		border-radius: 10px;
		cursor: pointer;
	}
	
	.plain_floor1{
		position: absolute;
		bottom: 20px;
		right: 400px;
		padding: 10px;		
		color: #fff;
		border-radius: 10px;
		cursor: pointer;		
	}
	
	.plain_floor1_selected{
		position: absolute;
		bottom: 16px;
		right: 397px;
		padding: 10px;		
		color: #fff;
		border-radius: 10px;
		cursor: pointer;
		
	}
	
	.plain_floor0{
		position: absolute;
		bottom: 20px;
		right: 461px;
		padding: 10px;		
		color: #fff;
		border-radius: 10px;
		cursor: pointer;		
	}
	
	.plain_floor0_selected{
		position: absolute;
		bottom: 15px;
		right: 455px;
		padding: 10px;		
		color: #fff;
		border-radius: 10px;
		cursor: pointer;		
	}
	
	.plain_floor2{
		position: absolute;
		bottom: 20px;
		right: 340px;
		padding: 10px;		
		color: #fff;
		border-radius: 10px;
		cursor: pointer;
		
	}
	
	.plain_floor2_selected{
		position: absolute;
		bottom: 16px;
		right: 335px;
		padding: 10px;		
		color: #fff;
		border-radius: 10px;
		cursor: pointer;
		
	}
	
	.plain_f1_z1{
		position: absolute;
		bottom: 20px;
		right: 250px;
		padding: 10px;		
		color: #fff;
		border-radius: 10px;
		cursor: pointer;
		
	}
	
	.plain_f1_z2{
		position: absolute;
		bottom: 34px;
		right: 235px;
		padding: 10px;		
		color: #fff;
		border-radius: 10px;
		cursor: pointer;
		
	}
	
	.plain_f1_z3{
		position: absolute;
		bottom: 77px;
		right: 251px;
		padding: 10px;		
		color: #fff;
		border-radius: 10px;
		cursor: pointer;		
	}
	
	.plain_f1_z4{
		position: absolute;
		bottom: 34px;
		right: 294px;
		padding: 10px;		
		color: #fff;
		border-radius: 10px;
		cursor: pointer;		
	}
	
	.plain_f2_z1{
		position: absolute;
		bottom: 82px;
		right: 279px;
		padding: 10px;
		color: #fff;
		border-radius: 10px;
		cursor: pointer;		
	}
	
	.plain_f2_z2{
		position: absolute;
		bottom: 68px;
		right: 297px;
		padding: 10px;
		color: #fff;
		border-radius: 10px;
		cursor: pointer;		
	}
	
	.plain_f2_z3{
		position: absolute;
		bottom: 29px;
		right: 301px;
		padding: 10px;
		color: #fff;
		border-radius: 10px;
		cursor: pointer;		
	}
	
	.plain_f2_z4{
		position: absolute;
		bottom: 1px;
		right: 288px;
		padding: 10px;
		color: #fff;
		border-radius: 10px;
		cursor: pointer;	
	}
	
	.plain_f2_z5{
		position: absolute;
		bottom: 1px;
		right: 258px;
		padding: 10px;
		color: #fff;
		border-radius: 10px;
		cursor: pointer;		
	}
	
	.plain_f2_z6{
		position: absolute;
		bottom: 2px;
		right: 225px;
		padding: 10px;
		color: #fff;
		border-radius: 10px;
		cursor: pointer;		
	}
	
	.plain_f2_z7{
		position: absolute;
		bottom: 30px;
		right: 217px;
		padding: 10px;
		color: #fff;
		border-radius: 10px;
		cursor: pointer;		
	}
	
	.plain_f2_z8{
		position: absolute;
		bottom: 67px;
		right: 218px;
		padding: 10px;
		color: #fff;
		border-radius: 10px;
		cursor: pointer;		
	}
	
	.plain_f2_z9{
		position: absolute;
		bottom: 83px;
		right: 239px;
		padding: 10px;
		color: #fff;
		border-radius: 10px;
		cursor: pointer;		
	}
	
	
	
	.pano_move_left{
		position: absolute;
		bottom: 55px;
		right: 170px;
		padding: 10px;		
		color: #fff;
		border-radius: 10px;
		cursor: pointer;
		z-index:1000;
	}
	
	.pano_move_right{
		position: absolute;
		bottom: 55px;
		right: 88px;
		padding: 10px;		
		color: #fff;
		border-radius: 10px;
		cursor: pointer;
		z-index:1000;
	}
	
	@media(min-width:1200px){
		.article_det_item{
				padding: 20px;
				background-color: white;
				border-radius: 5px;
				box-shadow: 0px 10px 20px rgba(0,0,0,0.3);

				overflow: auto;
			}
	}
	
	@media(min-width:768px) and (max-width:1199px){
		.article_det_item{
				padding: 20px;
				background-color: white;
				border-radius: 5px;
				box-shadow: 0px 10px 20px rgba(0,0,0,0.3);
			
				overflow: auto;
				margin-left: 33px;
			}
			
		.art_content{padding-left:15%}
	}
	
	@media(max-width:767px){
		.article_det_item{
				padding: 20px;
				background-color: white;
				border-radius: 5px;
				box-shadow: 0px 10px 20px rgba(0,0,0,0.3);
				max-height: 400px;
				overflow: auto;
			}
		}
		
	.article_menu
	{
		background: #9d75b3; /* Old browsers */
		background: url('./images/laithai_t.png'),-moz-linear-gradient(top,  #9d75b3 1%, #663398 100%); /* FF3.6+ */
		background: url('./images/laithai_t.png'),-webkit-gradient(linear, left top, left bottom, color-stop(1%,#9d75b3), color-stop(100%,#663398)); /* Chrome,Safari4+ */
		background: url('./images/laithai_t.png'),-webkit-linear-gradient(top,  #9d75b3 1%,#663398 100%); /* Chrome10+,Safari5.1+ */
		background: url('./images/laithai_t.png'),-o-linear-gradient(top,  #9d75b3 1%,#663398 100%); /* Opera 11.10+ */
		background: url('./images/laithai_t.png'),-ms-linear-gradient(top,  #9d75b3 1%,#663398 100%); /* IE10+ */
		background: url('./images/laithai_t.png'),linear-gradient(to bottom,  #9d75b3 1%,#663398 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9d75b3', endColorstr='#663398',GradientType=0 ); /* IE6-9 */
		/*background-image:url('images/all/sidebar-bg.png')*/
		border-radius: 5px;
		box-shadow: 0px 10px 20px rgba(0,0,0,0.3);
	}
	
	.nav-header{
		list-style-type: none;
		color:white;
	}
	
	.atmenuactive
	{
		color: rgb(239,208,92);
	}
	
	@media(min-width:1200px){
		.article_item{
			padding: 20px;
			background-color: white;
			border-radius: 5px;
			box-shadow: 0px 10px 20px rgba(0,0,0,0.3);
			height:194px;
		}
		
		.article_img{
			margin-left: -2.5em;
			margin-top: -1.4em;
			/* position: absolute; */
			border-radius: 5px;
		}
		
		.article_img_wrapper{
		
		}
		
		.select_img_norm{display:none}
		
		.select_btn_norm{display:none}
	}
	
	@media(max-width:1199px){
		.article_item{
			padding: 20px;
			background-color: white;
			border-radius: 5px;
			box-shadow: 0px 10px 20px rgba(0,0,0,0.3);
		}
		
		.article_img{
			margin-left: -2.5em;
			/*margin-top: -1.4em;*/
			/* position: absolute; */
			border-radius: 5px;
		}
		
		.article_img_wrapper{
			text-align:center;
			/*padding:20px;*/
			
		}
		
		.select_img_full{display:none}
		
		.select_btn_full{display:none}
	}
	
	@media(max-width:767px)
	{
		.lang_menu{
			display:none;
		}
		
		.hid_lang{
			display:block;
		}
		
		
	}
	
	@media(max-width:832px)
	{
		.foorter_r{
				display:none;
			}
	}
	
	@media(min-width:833px)
	{
		.foorter_r{
			display:block;
		}
	}
	
	@media(min-width:768px)
	{
		.lang_menu{
			background-color: rgba(231, 231, 231, 0.69);
			width: 90px;
			border-bottom-right-radius: 5px;
			border-bottom-left-radius: 5px;
			height: 25px;
			position: absolute;
			right: 20px;
			padding-left:10px;
		}
		
		.hid_lang{
			display:none;
		}
		
		
	}
	
	.mylightboxOverlay{
		position: absolute;
		top: 0;
		left: 0;
		z-index: 99999;
		background-color: black;
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
		opacity: 0.8;
	}
	
	.pano_load
	{
		width: 100%; margin: 2em auto; text-align: center; position: absolute; top: 40%
	}