@charset "utf-8";
@media screen and (min-width: 992px) {
   .navbar .navbar-nav {
	   background: #8eb5e3; /* Old browsers */  
    /*  min-width:1170px; */
	width:100%;
	/*  -webkit-box-shadow: 0 -1px 0 rgba(236,244,254,0.75);
	-moz-box-shadow: 0 -1px 0 rgba(236,244,254,0.75);
	box-shadow: 0 -1px 0 rgba(236,244,254,0.75); */
    }
}

@media screen and (min-width: 992px) {
   #BoX
	{
		margin-left:18%;
	}
}

@media screen and (max-width: 992px) {
   #BoX
	{
		margin-left:20px;
	}
}
/* CSS Document */

/* menu color */
.navbar-inverse {
    background-color: transparent;
    border-color: transparent;
	
	position: relative;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus
{
	color: #666;
    background-color: #FFF;
}

.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus
{
	color: #FFF;
	
	
	
	/* background: #8eb5e3; 
	background: -moz-linear-gradient(top,  #8eb5e3 0%, #95bbd5 50%, #8eb5e3 100%);
	background: -webkit-linear-gradient(top,  #8eb5e3 0%,#95bbd5 50%,#8eb5e3 100%); 
	background: linear-gradient(to bottom,  #8eb5e3 0%,#95bbd5 50%,#8eb5e3 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8eb5e3', endColorstr='#8eb5e3',GradientType=0 );  */
}
.navbar-inverse .navbar-nav>li>a
{
	color: #FFF;
	padding:5px;
	
	
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8eb5e3+0,8eb5e3+50,8eb5e3+100 */
	background: #8eb5e3; /* Old browsers */
	/* -webkit-box-shadow: 0 -1px 0 rgba(236,244,254,0.75);
	-moz-box-shadow: 0 -1px 0 rgba(236,244,254,0.75);
	box-shadow: 0 -1px 0 rgba(236,244,254,0.75); */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8eb5e3', endColorstr='#8eb5e3',GradientType=0 ); /* IE6-9 */
}


/* .navbar-nav>li:first-child>a
{
	border-radius: 5px 0 0 5px;
}

.navbar-nav>li:last-child>a
{
	border-radius: 0 5px 5px 0;
} */


.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus
{
	background-color: #FFF;
}

/* nav button color (toggle) */
.navbar-inverse .navbar-toggle
{
	border-color: #FFF;
}

.navbar-inverse .navbar-toggle .icon-bar
{
	border-color: #FFF;
	background-color: #FFF;
}

/* nav button hover color (toggle) */
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus
{
	/* background-color: rgba( 255 , 255 , 255 , 0.2 ); */
	background-color: #8eb5e3;
}

.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus
{
	color: #666;
	/* background-color: rgba( 255 , 255 , 255 , 0.7 ); */
}

/* menu center */

.navbar .navbar-nav {
	  background: #8eb5e3; /* Old browsers */
  display: inline-block;
  float: none;
  vertical-align: middle;

	/* -webkit-box-shadow: 0 -1px 0 rgba(236,244,254,0.75);
	-moz-box-shadow: 0 -1px 0 rgba(236,244,254,0.75);
	box-shadow: 0 -1px 0 rgba(236,244,254,0.75); */
	
}

.navbar .navbar-collapse {
	  background: #8eb5e3; /* Old browsers */
  text-align: center;
}

/* cancel nav bottom blank */
.navbar {
  margin-bottom: 0px !important;
}



.dropdown-menu
{
	background-color:#8eb5e3;
}
#LogoBox
{
	margin-left:60px;
	margin-right:30px;
	margin-top:12px;
}
#headLogo
{
	height:40px;
}

.ACB
{
	color:#ffffff;
	padding:5px 0;
	font-size:10px;
}

.ACBD
{
	color:#ffffff;
	font-size:30px;
}

@media screen and (max-width: 1200px)
{
	.ACB
	{
		color:#ffffff;
		padding:5px 0;
		font-size:8px;
	}

	.ACBD
	{
		color:#ffffff;
		font-size:20px;
	}
}

@media screen and (max-width: 992px)
{
	#LogoBox
	{
		margin-left:0;
		margin-right:70px;
		margin-top:12px;
	}
	
	#headLogo
	{
		height:35px;
	}
	
	.ACB
	{
		color:#ffffff;
		padding:14px 0;
		font-size:14px;
	}

	.ACBD
	{
		color:#ffffff;
		font-size:36px;
	}
}
	
@media screen and (max-width: 768px)
{
	.navbar .navbar-nav
	{
		width:100%;
		
	}
	.navbar-inverse
	{
		position:relative;
		top:0;
	}
	.navbar-nav .open .dropdown-menu
	{
		border-bottom: 1px dashed #CCC;
	}
	
	.nav>li
	{
		width:100% !important;
	}
	
	.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus
	{
		color: #FFF;
		
		
		
		background: #8eb5e3;
		background: -moz-linear-gradient(left,  #8eb5e3 0%, #95bbd5 50%, #8eb5e3 100%); 
		background: -webkit-linear-gradient(left,  #8eb5e3 0%,#95bbd5 50%,#8eb5e3 100%); 
		background: linear-gradient(to right,  #8eb5e3 0%,#95bbd5 50%,#8eb5e3 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8eb5e3', endColorstr='#8eb5e3',GradientType=0 ); 
		background: rgba( 255 , 255 , 255 , 0.2 );
	}
	.navbar-inverse .navbar-nav>li>a
	{
		color: #FFF;
		padding:5px;
		
		background: transparent;
	}
	
	.navbar-nav>li:first-child>a
	{
		border-radius: 5px 5px 0 0;
	}

	.navbar-nav>li:last-child>a
	{
		border-radius: 0 0 5px 5px;
	}
	
	.dropdown-menu
	{
		background-color:rgba( 222 , 231 , 239 , 0.7 ) !important;
	}
	
	.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus
	{
		color: #333;
		background-color: rgba( 255 , 255 , 255 , 0.3 ) !important;
	}
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>li>a:focus
	{
		color: #333;
		background-color: rgba( 255 , 255 , 255 , 0.3 ) !important;
	}
	
	.navbar-inverse {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8eb5e3+0,95bbd5+50,8eb5e3+100 */
		background: #8eb5e3; /* Old browsers */
		background: -moz-linear-gradient(top,  #8eb5e3 0%, #95bbd5 50%, #8eb5e3 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #8eb5e3 0%,#95bbd5 50%,#8eb5e3 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #8eb5e3 0%,#95bbd5 50%,#8eb5e3 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8eb5e3', endColorstr='#8eb5e3',GradientType=0 ); /* IE6-9 */
	}
	
	#topLineBgDiv
	{
		position: relative;
		background-color:#2a3a49;
		/* position: relative; */
		width: 100%;
		text-align: center;
		z-index: 1030;
	}
	
	#headLogo
	{
		height:30px;
	}
	
	.ACB
	{
		color:#ffffff;
		padding:20px 0;
		font-size:12px;
	}

	.ACBD
	{
		color:#ffffff;
		font-size:34px;
	}
}

@media screen and (max-width: 700px) {
    .ACB
	{
		color:#ffffff;
		padding:20px 0;
		font-size:9px !important;
	}

	.ACBD
	{
		color:#ffffff;
		font-size:26px;
	}
}

@media screen and (max-width: 600px) {
    .ACB
	{
		color:#ffffff;
		padding:10px;
		font-size:9px !important;
	}

	.ACBD
	{
		color:#ffffff;
		font-size:22px;
	}
}

@media screen and (max-width: 500px) {
    .ACB
	{
		color:#ffffff;
		padding:5px;
		font-size:9px !important;
	}

	.ACBD
	{
		color:#ffffff;
		font-size:22px;
	}
}

.bottomMargin
{
	margin-bottom: 20px;
}

@media screen and (max-width: 450px) {
    #map_content_s
	{
		width:400px;
		margin:0 auto;
	}
	.ACB
	{
		color:#ffffff;
		
		padding:10px;
		font-size:9px !important;
		
	}

	.ACBD
	{
		color:#ffffff;
		font-size:15px;
		margin:0;
	}
}

@media screen and (max-width: 420px) {
   #map_content_s
	{
		width:200px;
		margin:0 auto;
	}
	
	.ACB
	{
		color:#ffffff;
		padding:10px;
		
		font-size:9px !important;
		
	}

	.ACBD
	{
		color:#ffffff;
		font-size:15px;
		margin:0;
	}
}

#bottom_img
{
	height:40px
}



@media screen and (max-width: 992px)
{
	#Date_bg
	{
		width:20%;
		bottom:20px;
		left:60%;
	}
	
	#price_box
	{
		margin-top:10px;
	}
	#num_box
	{
		margin-top:7px;
	}
   #bottom_img
	{
		height:35px
	}
}

@media screen and (max-width: 768px) {
	#Date_bg
	{
		width:20%;
		bottom:20px;
		left:74%;
	}
   #bottom_img
	{
		height:30px
	}
}

@media screen and (min-width: 1200px) {
	#Date_bg
	{
		width:9%;
		bottom:20px;
		left:62%;
	}
}

@media screen and (min-width: 991px) and (max-width: 1200px) {
	#Date_bg
	{
		width:9%;
		bottom:20px;
		left:66%;
	}
}

@media screen and (min-width: 901px) and (max-width: 991px) {
	#Date_bg
	{
		width:20%;
		bottom:20px;
		left:63%;
	}
}

@media screen and (min-width: 801px) and (max-width: 900px) {
	#Date_bg
	{
		width:20%;
		bottom:20px;
		left:63%;
	}
}

@media screen and (min-width: 701px) and (max-width: 800px) {
	#Date_bg
	{
		width:20%;
		bottom:20px;
		left:65%;
	}
}

@media screen and (min-width: 601px) and (max-width: 700px) {
	#Date_bg
	{
		width:20%;
		bottom:20px;
		left:67%;
	}
}

@media screen and (min-width: 550px) and (max-width: 600px) {
	#Date_bg
	{
		width:20%;
		bottom:20px;
		left:74%;
	}
}

@media screen and (max-width: 400px) {
	#Date_bg
	{
		width:25%;
		bottom:20px;
		left:72%;
	}
}

@media screen and (max-width: 300px) {
	#Date_bg
	{
		width:32%;
		bottom:20px;
		left:64%;
	}
}

.backBtn1
{
	width: 70px;
    height: 30px;
	margin:0 auto;
	border:1px solid #ccc;
    color: #333;
    line-height: 30px;
    text-align: center;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.wordBreak
{
	/* word-break:break-all; */
	word-break:keep-all;
	word-wrap:break-word;
	text-align: justify;
}

.modify_table
{
	margin-top:20px;
	border:1px solid #c6d9f1;
	background-color:#fff;
}
.modify_table thead th
{
	background-color: #b8d0ee;
	color: #fff;
}
.modify_table .modify_title
{
	background-color: #8FB5E4;
    color: #ffffff;
}
.table>thead>tr>th {
    border-bottom: 2px solid #c6d9f1;
}