.main_c { padding-left:7%; padding-right:7%; }
a {
	font-size: 16px;
	font: Arial, 微软雅黑;
	
}
	
.banner {
	
	padding-top:10px;
	padding-bottom:0px;
	
}
	
.clearfix {
	clear:both;
	
}



.touchpoints li.cur:hover {
    background: rgb(189, 212, 222);
}

.alignleft {
	float:left;	
}


.alignright {
	float:right;	
}


.hh1 {
	
	float:left;
	padding-top:10px;
	padding-left:15px;
	display: inline-block;
}

.hh2 {
	padding-top:40px;
	text-align:center;
	
}

.hh3 {
	float:right;
	padding-top:10px;
	padding-right:15px;
	display: inline-block;
	
	
}

.link_selector {
	padding-top:10px;
	
}

.hh_selector {
	float:left;
	left:50%;
	padding-bottom:10px;	
	display: inline-block;
}

.h_search {
	padding-top:10px;
	padding-bottom:10px;
	
}
.center_block {
	text-align:center;
	
}

.spacing_ud_10 {
	padding-top:10px;
	padding-bottom:10px;
	
}

.step_grad {
    background: #73b8e7; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#72bcb4, #73b8e7); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#72bcb4, #73b8e7); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#72bcb4, #73b8e7); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#72bcb4, #73b8e7); /* Standard syntax */
}

.step_grad2 {
    background: #7371bb; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#b373e7, #7371bb); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#b373e7, #7371bb); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#b373e7, #7371bb); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#b373e7, #7371bb); /* Standard syntax */
}


.lot_img {
display:inline;
float:left;

}

.lot_img img {
float:rigth;
vertical-align:middle;
	
}



.lot_desc_title {
	font-size:2em;
	
	}
	
.lot_desc_subtitle {
	font-size:1.5em;
	
	}	

.lot_desc_subtitle2 {
	font-size:1.2em;
	
	}
	
#accordion {
	margin-bottom:50px;
	margin-top:20px;
	
}
	.lot_desc {
width:100%;
	padding-left:20px;
}

.col {
	float:left;
	width:50%;
}

/*} */

@media only screen and (max-width: 700px)
{
.lot_img {
display:inline;
float:none;

}

	
}


/* reset webkit search input browser style */
input {
	outline: none;
}
input[type=search] {
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box;
	font-family: inherit;
	font-size: 100%;
}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button {
	display: none; /* remove the search and cancel icon */
}

/* search input field */
input[type=search] {
	background: #ededed url(_images/search-icon.png) no-repeat 9px center;
	border: solid 1px #ccc;
	padding: 9px 10px 9px 32px;
	width: 100px;
	
	-webkit-border-radius: 10em;
	-moz-border-radius: 10em;
	border-radius: 10em;
	
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	transition: all .5s;
}
input[type=search]:focus {
	width: 200px;
	background-color: #fff;
	border-color: #6dcff6;
	
	-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
	-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
	box-shadow: 0 0 5px rgba(109,207,246,.5);
}

/* placeholder */
input:-moz-placeholder {
	color: #999;
}
input::-webkit-input-placeholder {
	color: #999;
}

.tp:focus {
	
	border-color: #6dcff6;
	
	-webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
	-moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
	box-shadow: 0 0 5px rgba(109,207,246,.5);
}

.dropbtn {
	font: 16px;
	width:100px;
	height:30px;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
	
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 10000;
	float:left;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: rgb(189, 212, 222);
}




#mag img:hover { cursor: pointer; } 


* {box-sizing: border-box;}

.img-magnifier-container {
  position: relative;
  border:0px #AFAFAF solid;
  
  
  
 }
  

	




.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
    border: 1px solid #ddd;
    background: #002d58 !important;
    font-weight: normal;
    color: #ffffff;
}


.fas .fa-angle-right {
	font:48px/3em;
	
}

.fas .fa-angle-left  {
	font:48px/3em;
	
}
.overlay {
	background:#fff;
	
}

#zoomer {
z-index:99995;
/*display:block;*/
flex:1;
width:30%;
margin:auto;
padding:10px 10px;
	}
	
#zoomlot {
	-moz-transform: scale(1);
  -ms-transform: scale(1);
  -webkit-transform: scale(1);
 transform: scale(1);
}
	
#zoomlot:hover {
	cursor:grab;
	}	
	
#zoomericon {
z-index:99995;
flex:1;
margin:auto;
padding:10px 10px;

	}

.right {
	text-align:right;
	
}
.left {

}
	









  

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
.page-warp {width:60%;margin-left:auto;margin-right:auto;padding-top:30px;}
.herolot {height:60%;max-height:60%;}
.salesheader { display: block; font-size:2em; font-weight:bold;font-family: "Helvetica Neue", "Helvetica", "Arial", "微软雅黑";}
.salessubheader { display: block;  font-size:0.5em; font-weight:normal;}
.title_section { display:block; padding:30px 40px 30px 40px;background-color:#eee; z-index:9999;} 
.picture-list .grid li {width:100%;}
#container .grid li {padding:5px 5px; min-height:350px;}
#container .grid .lotdesc { font-size:0.8em; }
#container .list .lotimage { width:40%; float:left; padding:10px 10px;}
#container .list .lotdesc { float:none; width: 100%;font-size:0.9em; }
#salesheader img { width:60%;}

.page-warp {width:90%}
.sales_msg_block {display:block;float:left; letter-spacing: 2px;padding-bottom:10px;}
.search_lot {padding-right:5%; padding-left:5%;}
.sales_cat_img { width:60%; display:block;padding-top:10px;padding-bottom:10px;}
.sales_cat_schedule { float:none;width:90%;height:100px;display:block;}
.sales_date {}
.sales_time {display:block;}
.sales_venue {}
.col {
	float:left;
	width:100%;
}
}
/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
.page-warp {width:60%;margin-left:auto;margin-right:auto;padding-top:30px;}
.salesheader { display: block; margin-right: 0.4em;font-size:2em; font-weight:bold;font-family: "Helvetica Neue", "Helvetica", "Arial", "微软雅黑";}
.salessubheader { display: block; margin-right: 0.4em;font-size:0.5em; font-weight:normal;}	
.title_section { display:block; padding:30px 40px 30px 40px;background-color:#eee; z-index:9999;}	
.picture-list .grid li {width:100%;}
#container .grid li {padding:5px 5px; min-height:350px;}
#container .grid .lotdesc { font-size:1em; }
#container .list .lotimage { width:20%; float:left; padding:10px 10px;}
#container .list .lotcontainer {}
#salesheader img { width:60%;}
	.col {
	float:left;
	width:100%;
}
} 

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
.page-warp {width:60%;margin-left:auto;margin-right:auto;padding-top:30px;}
.salesheader { font-size:2em; font-weight:bold;font-family: "Helvetica Neue", "Helvetica", "Arial", "微软雅黑";}
.salessubheader { font-size:0.5em; margin-right: 0.4em;font-weight:normal;}
.title_section { display:block; padding:30px 40px 30px 40px;background-color:#eee; z-index:9999;}	
.picture-list .grid li {width:47%;}	
#container .grid li {padding:5px 5px; min-height:350px;}
#container .grid .lotdesc { font-size:1em; }
#container .list .lotimage { width:20%; float:left; padding:10px 10px;}
#container .list .lotcontainer {left:20%;}
#container .list .lotimage { width:20%; float:left; padding:10px 10px;}
#container .list .lotcontainer {left:20%;}
#salesheader img { width:60%;}
	.col {
	float:left;
	width:100%;
}
} 

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
.page-warp {width:80%;margin-left:auto;margin-right:auto;padding-top:30px;}	
.salesheader { font-size:2.5em; font-weight:bold;font-family: "Helvetica Neue", "Helvetica", "Arial", "微软雅黑";}
.salessubheader { font-size:0.5em; font-weight:normal;}	
.title_section { display:block; padding:30px 40px 30px 40px;background-color:#eee; z-index:9999;}
.title_section { display:block; padding:30px 40px 30px 40px;background-color:#eee; z-index:9999;}	
.picture-list .grid li {width:31.5%;}	
#container .grid li {padding:5px 5px; min-height:450px;}
#container .grid .lotdesc { font-size:1em; }
#container .list .lotimage { width:20%; float:left; padding:10px 10px;}
#container .list .lotcontainer {left:15%;}
#salesheader img { width:60%;}
.lot_desc { }
.col {
	float:left;
	width:100%;
}
} 

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1400px) {
.page-warp {width:80%;margin-left:auto;margin-right:auto;padding-top:30px;}
.salesheader { font-size:3em; font-weight:bold;font-family: "Helvetica Neue", "Helvetica", "Arial", "微软雅黑";}
.salessubheader { font-size:0.5em; font-weight:normal;}	
.title_section { display:block; padding:30px 40px 30px 40px;background-color:#eee; z-index:9999;}
.title_section { display:block; padding:30px 40px 30px 40px;background-color:#eee; z-index:9999;}	
.picture-list .grid li {width:23.5%;}	
#container .grid li {padding:5px 5px;}
#container .grid .lotdesc { font-size:1em;  }
#container .list .lotimage { width:20%; float:left; padding:10px 10px;}
#container .list .lotcontainer {left:20%;}
#salesheader img { width:60%;}
.lot_desc { display:inline-block; float:right;}
	.col {
	float:left;
	width:50%;
}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1401px) {
.page-warp {width:80%;margin-left:auto;margin-right:auto;padding-top:30px;}
.salesheader { font-size:3em; font-weight:bold;font-family: "Helvetica Neue", "Helvetica", "Arial", "微软雅黑";}
.salessubheader { font-size:0.5em; font-weight:normal;}	
.title_section { display:block; padding:30px 40px 30px 40px;background-color:#eee; z-index:9999;}
.title_section { display:block; padding:30px 40px 30px 40px;background-color:#eee; z-index:9999;}	
.picture-list .grid li {width:23.5%;}	
#container .grid .lotdesc { font-size:1em; }
#container .grid li {padding:5px 5px; min-height:400px;}
#container .list .lotimage { width:20%; float:left; padding:10px 10px;}
#container .list .lotcontainer {left:20%;}
#salesheader img { width:60%;}
.sales_msg_block {float:left; display:table-cell; letter-spacing: 2px;padding-bottom:10px; padding-right:50px;}
.search_lot {padding-right:25%; padding-left:25%;}
.sales_cat_img { width:40%; display:table-cell; padding-bottom:20px; vertical-align:top;}
.sales_cat_schedule { width:90%;height:100px;display:table-cell;}
.sales_date {}
.sales_time {display:block;}
.sales_venue {}
.lot_desc { display:inline-block; float:right;}
#accordion { margin-bottom:30px;}
}

 .overlay {
  height: 0%;
  width: 100%;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  background-color: rgba(255,255,255, 1);
  overflow-y: scroll;
  transition: 0.5s;
  
}

.overlay-content {

  top: 50%;
  width: 100%;
  /*text-align: center;*/
  /*overflow-y: scroll;*/
  vertical-align:middle;
  margin:0 auto;
  display:inline-block;
  overflow:hidden;

}


.overlay img {
	display:block;
    width: auto;
    height: auto;
	overflow-y: scroll;
    top: 0;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    margin: auto;
	
}

.overlay a {
  padding: 8px;
  text-decoration: none;
  font-size: 36px;
  color: #818181;
  display: block;
  transition: 0.3s;
}

.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}

#zoomcontrol {
 display:flex;	
 font-size:1.8em;
 color:#999;
}


input[type=range]::-ms-track {
/*example */
width: 100%;height: 10px;
background: transparent;
border-color: transparent;
border-width: 6px 0;
color: transparent;
}

input[type=range]::-ms-fill-upper {
background: gray;
border-radius: 6px;
}
input[type=range]::-ms-fill-lower {
background: gray;
border-radius: 6px;
}



@media screen and (max-height: 450px) {
  .overlay {overflow-y: auto;}
  .overlay a {font-size: 20px}
  .overlay .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;
  }
}


#myNav {
  width: 100%;
  display:inline-block;	
  
  margin: 0 auto;

}

#closebtn {

z-index:99999;
}