@charset "utf-8";
/* CSS Document */
#slide {
    left: -20px !important;
}
#slide:hover {
    left: -20px !important;
}
.main-user{
    background-color: teal;
	padding: 5px;
	float:left;
	position: fixed;
    width: 220px;
	top: 0px;
}
#janlogin {
    width: -webkit-fill-available;
    margin-top: 1px;
    width: 100%;
    transition: background-color, .5s;
    font-variant-caps: all-small-caps;
}

.container {
  width: 260px;
  padding: 0;
}
.switch-button span, .switch-button2 span, .switch-button3 span, .switch-button4 span, .switch-button5 span, .switch-button6 span {
    float: left;
}
.container > ul {
  list-style: none;
  padding: 0;
}


.dropdown a {
  text-decoration: none;
}

.dropdown [data-toggle="dropdown"] {
display: block;
position: relative;
border: solid 1px transparent;
font-family: 'Open Sans', sans-serif;
margin: 0;
outline: 0;
font-size: 1em;
text-decoration: none;
white-space: nowrap;
word-wrap: normal;
vertical-align: middle;
cursor: pointer;
border-radius: 2px;
box-shadow: 0 1px 0 rgba(0,0,0,0.05);
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 260px;
    padding: 5px 0;
}
.dropdown [data-toggle="dropdown"] {
border-color: #d3d3d3;
background: #f8f8f8;
color: #333;
}

.dropdown [data-toggle="dropdown"]:hover {
  background: #2c89c6;
}

.dropdown .icon-arrow {
  position: absolute;
  display: block;
  font-size: 0.6em;
  color: #333;
  top: 7px;
  right: 10px;
}

.dropdown .icon-arrow.open {
  -webkit-transform: rotate(-180deg);
  -moz-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  -o-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -webkit-transition: -webkit-transform 0.6s;
  -moz-transition: -moz-transform 0.6s;
  -o-transition: -o-transform 0.6s;
  transition: transform 0.6s;
}

.dropdown .icon-arrow.close {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: -webkit-transform 0.6s;
  -moz-transition: -moz-transform 0.6s;
  -o-transition: -o-transform 0.6s;
  transition: transform 0.6s;
}

.dropdown .icon-arrow:before {
  content: '\25BC';
}

.dropdown .dropdown-menu {
  max-height: 0;
  overflow: hidden;
  list-style: none;
  padding: 0;
  margin: 0;
}

.dropdown .dropdown-menu li {
  padding: 0;
}

.dropdown .dropdown-menu li a {
  display: block;
  color: #6e6e6e;
  background: #eeeeee;
  -webkit-box-shadow: 0 1px 0 white inset, 0 -1px 0 #d4d4d4 inset;
  -moz-box-shadow: 0 1px 0 white inset, 0 -1px 0 #d4d4d4 inset;
  box-shadow: 0 1px 0 white inset, 0 -1px 0 #d4d4d4 inset;
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.3);
}

.dropdown .dropdown-menu li a:hover {
  background: #f6f6f6;
}

.dropdown .show, .dropdown .hide {
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}

.dropdown .show {
  display: block;
  max-height: 9999px;
  -webkit-transform: scaleY(1);
  -moz-transform: scaleY(1);
  -ms-transform: scaleY(1);
  -o-transform: scaleY(1);
  transform: scaleY(1);
  animation: showAnimation 0.5s ease-in-out;
  -moz-animation: showAnimation 0.5s ease-in-out;
  -webkit-animation: showAnimation 0.5s ease-in-out;
  -webkit-transition: max-height 1s ease-in-out;
  -moz-transition: max-height 1s ease-in-out;
  -o-transition: max-height 1s ease-in-out;
  transition: max-height 1s ease-in-out;
}

.dropdown .hide {
  max-height: 0;
  -webkit-transform: scaleY(0);
  -moz-transform: scaleY(0);
  -ms-transform: scaleY(0);
  -o-transform: scaleY(0);
  transform: scaleY(0);
  animation: hideAnimation 0.4s ease-out;
  -moz-animation: hideAnimation 0.4s ease-out;
  -webkit-animation: hideAnimation 0.4s ease-out;
  -webkit-transition: max-height 0.6s ease-out;
  -moz-transition: max-height 0.6s ease-out;
  -o-transition: max-height 0.6s ease-out;
  transition: max-height 0.6s ease-out;
}

#loading {
  color: #000;
  position: relative;
  font-size: 18px;
  text-align: center;
  font-family:monospace;
  margin: 0.1em auto;
  padding. 0;
  text-transform: uppercase
}
.wrapper label{margin-left: 20px;}
#datepicker{float: right;}
#datepicker > span:hover{cursor: pointer;
}
button, select {
    text-transform: none;
    width: 100%;
	color:#000 !important;
}
.input-group.mb-3 {
    width: 100% !important;
	color:#000 !important;
}
.heading h2{
	font-size: 24px;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	font-weight: bold;
	margin: 5px 0;
}
.main-user lable{
	color: #464646;
}
.wrapper label {
    margin-left: 10px;
	#color: #fff;
}
.btn-primary.setting-btn{
	background: rgba(76,76,76,1);
background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(43,43,43,1) 68%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(76,76,76,1)), color-stop(12%, rgba(89,89,89,1)), color-stop(25%, rgba(102,102,102,1)), color-stop(39%, rgba(71,71,71,1)), color-stop(68%, rgba(43,43,43,1)), color-stop(91%, rgba(28,28,28,1)), color-stop(100%, rgba(19,19,19,1)));
background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(43,43,43,1) 68%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
background: -o-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(43,43,43,1) 68%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
background: -ms-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(43,43,43,1) 68%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
background: linear-gradient(to bottom, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(43,43,43,1) 68%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 );

}
.btn-primary.setting-btn:hover{
	background: rgba(0,0,0,1);
background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(138,138,138,1) 67%, rgba(138,138,138,1) 88%, rgba(138,138,138,1) 95%, rgba(138,138,138,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,1)), color-stop(67%, rgba(138,138,138,1)), color-stop(88%, rgba(138,138,138,1)), color-stop(95%, rgba(138,138,138,1)), color-stop(100%, rgba(138,138,138,1)));
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(138,138,138,1) 67%, rgba(138,138,138,1) 88%, rgba(138,138,138,1) 95%, rgba(138,138,138,1) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(138,138,138,1) 67%, rgba(138,138,138,1) 88%, rgba(138,138,138,1) 95%, rgba(138,138,138,1) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(138,138,138,1) 67%, rgba(138,138,138,1) 88%, rgba(138,138,138,1) 95%, rgba(138,138,138,1) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(138,138,138,1) 67%, rgba(138,138,138,1) 88%, rgba(138,138,138,1) 95%, rgba(138,138,138,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#8a8a8a', GradientType=0 );
}
.lot-price-main{
	width: 100%;
	float: left;
	border-radius: 5px;
	padding: 5px;
	background-color: darkslategray;
	margin: 5px 0;
}
.lot, .jans_price{
	width: 49%;
	float: left;
}
.lot h2, .jans_price h2{
	font-size: 16px;
	text-align: center;
	margin: 4px 0;
	color: #fff;
}
.btn-empty{
	width: 99%;
    padding: 17px 0px;
    border-radius: 5px;
    background-color: #000;
    border: none;
    margin: 0 4px 0 0;
}
.lot p{
	width: 100%;
	color: skyblue;
	font-size: 18px;
}
.lot p span{
	font-size: 14px;
	color: aquamarine;
}
.show-bids-btn{
	border-radius: 50px;
	padding: 15px;
	margin: 5px 0;
	color: #fff;
	font-size: 14px;
	border: solid 3px #fff;
	text-align: center;
	background: rgba(76,76,76,1);
background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(43,43,43,1) 68%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(76,76,76,1)), color-stop(12%, rgba(89,89,89,1)), color-stop(25%, rgba(102,102,102,1)), color-stop(39%, rgba(71,71,71,1)), color-stop(68%, rgba(43,43,43,1)), color-stop(91%, rgba(28,28,28,1)), color-stop(100%, rgba(19,19,19,1)));
background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(43,43,43,1) 68%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
background: -o-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(43,43,43,1) 68%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
background: -ms-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(43,43,43,1) 68%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
background: linear-gradient(to bottom, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(43,43,43,1) 68%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 );

}
.show-bids-btn:hover{
	cursor: pointer;
	background: rgba(0,0,0,1);
background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(138,138,138,1) 67%, rgba(138,138,138,1) 88%, rgba(138,138,138,1) 95%, rgba(138,138,138,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,1)), color-stop(67%, rgba(138,138,138,1)), color-stop(88%, rgba(138,138,138,1)), color-stop(95%, rgba(138,138,138,1)), color-stop(100%, rgba(138,138,138,1)));
background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(138,138,138,1) 67%, rgba(138,138,138,1) 88%, rgba(138,138,138,1) 95%, rgba(138,138,138,1) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(138,138,138,1) 67%, rgba(138,138,138,1) 88%, rgba(138,138,138,1) 95%, rgba(138,138,138,1) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(138,138,138,1) 67%, rgba(138,138,138,1) 88%, rgba(138,138,138,1) 95%, rgba(138,138,138,1) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,1) 0%, rgba(138,138,138,1) 67%, rgba(138,138,138,1) 88%, rgba(138,138,138,1) 95%, rgba(138,138,138,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#8a8a8a', GradientType=0 );
}
.main-show-btn{
	width: 75%;
	margin: auto;
}
.switch {
  display: inline-block;
   height: 21px;
   position: relative;
   float: left;
   width: 50px;
	margin-left: 0px;
}

.switch input {
  display:none;
}

.slider {
  background-color: #40D91B;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: .4s;
}

.slider:before {
  	background-color: #fff;
	top: 2px;
    bottom: 4px;
    content: "";
    height: 17px;
    left: 1px;
    position: absolute;
    transition: .4s;
    width: 19px;
}

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

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

.slider.round {
  border-radius: 34px;
}

.slider.round:before {
  border-radius: 50%;
}

/*button2*/

.main-show-btn{
	width: 75%;
	margin: auto;
}
.switch2 {
  display: inline-block;
   height: 21px;
   position: relative;
   float: left;
   width: 50px;
}

.switch2 input {
  display:none;
}

.slider2 {
  background-color: #40D91B;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: .4s;
}

.slider2:before {
  	background-color: #fff;
	top: 2px;
    bottom: 4px;
    content: "";
    height: 17px;
    left: 1px;
    position: absolute;
    transition: .4s;
    width: 19px;
}

input:checked + .slider2 {
  background-color: #EB0C10;
}

input:checked + .slider2:before {
  transform: translateX(26px);
}

.slider2.round2 {
  border-radius: 34px;
}

.slider2.round2:before {
  border-radius: 50%;
}
.switch-button2 h2 {
    font-size: 12px;
    padding-right: 65px;
}
/*button2*/
/*button3*/
.main-show-btn{
	width: 75%;
	margin: auto;
}
.switch3 {
  display: inline-block;
   height: 21px;
   position: relative;
   float: left;
   width: 50px;
	margin-left: 0px;
}

.switch3 input {
  display:none;
}

.slider3 {
  background-color: #40D91B;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: .4s;
}

.slider3:before {
  	background-color: #fff;
	top: 2px;
    bottom: 4px;
    content: "";
    height: 17px;
    left: 1px;
    position: absolute;
    transition: .4s;
    width: 19px;
}

input:checked + .slider3 {
  background-color: #EB0C10;
}

input:checked + .slider3:before {
  transform: translateX(26px);
}

.slider3.round3 {
  border-radius: 34px;
}

.slider3.round3:before {
  border-radius: 50%;
}
.switch-button3 h2 {
    font-size: 12px;
    padding-right: 65px;
}
/*button3*/
/*button4*/
.main-show-btn{
	width: 75%;
	margin: auto;
}
.switch4 {
  display: inline-block;
   height: 21px;
   position: relative;
   float: left;
   width: 50px;
	margin-left: 0px;
}

.switch4 input {
  display:none;
}

.slider4 {
  background-color: #40D91B;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: .4s;
}

.slider4:before {
  	background-color: #fff;
	top: 2px;
    bottom: 4px;
    content: "";
    height: 17px;
    left: 1px;
    position: absolute;
    transition: .4s;
    width: 19px;
}

input:checked + .slider4 {
  background-color: #EB0C10;
}

input:checked + .slider4:before {
  transform: translateX(26px);
}

.slider4.round4 {
  border-radius: 34px;
}

.slider4.round4:before {
  border-radius: 50%;
}
.switch-button4 h2 {
    font-size: 12px;
    padding-right: 65px;
}
/*button4*/
/*button5*/
.main-show-btn{
	width: 75%;
	margin: auto;
}
.switch5 {
  display: inline-block;
   height: 21px;
   position: relative;
   left: 0px;
   float: left;
   width: 50px;
}

.switch5 input {
  display:none;
}

.slider5 {
  background-color: #40D91B;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: .4s;
}

.slider5:before {
  	background-color: #fff;
	top: 2px;
    bottom: 4px;
    content: "";
    height: 17px;
    left: 1px;
    position: absolute;
    transition: .4s;
    width: 19px;
}

input:checked + .slider5 {
  background-color: #EB0C10;
}

input:checked + .slider5:before {
  transform: translateX(26px);
}

.slider5.round5 {
  border-radius: 34px;
}

.slider5.round5:before {
  border-radius: 50%;
}
.switch-button5 h2 {
    font-size: 12px;
    padding-right: 65px;
}
span.vertex5 {
    font-size: 12px;
    width: 100%;
    display: block;
    text-align: left;
    color: #fff;
    margin: 0px 43px;
}
/*button6*/
.main-show-btn{
	width: 75%;
	margin: auto;
}
.switch6 {
  display: inline-block;
   height: 21px;
   position: relative;
   right: 45px;
   float: right;
   width: 50px;
}

.switch6 input {
  display:none;
}

.slider6 {
  background-color: #40D91B;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: .4s;
}

.slider6:before {
  	background-color: #fff;
	top: 2px;
    bottom: 4px;
    content: "";
    height: 17px;
    left: 1px;
    position: absolute;
    transition: .4s;
    width: 19px;
}

input:checked + .slider6 {
  background-color: #EB0C10;
}

input:checked + .slider6:before {
  transform: translateX(26px);
}

.slider6.round6 {
  border-radius: 34px;
}

.slider6.round6:before {
  border-radius: 50%;
}
.switch-button6 h2 {
    font-size: 12px;
    padding-right: 65px;
}
span.vertex6 {
    font-size: 12px;
    width: 100%;
    display: block;
    text-align: right;
    color: #fff;
    margin: -16px -53px;
}


/*button7*/
.switch7,.switch8 ,.switch10,.switch16,.switch17,.switch18 {
  display: inline-block;
   height: 21px;
   position: relative;
   left: 0px;
   float: left;
   width: 50px;
}

.switch7 input,.switch8 input,.switch10 input,.switch16 input,.switch17 input,.switch18 input {
  display:none;
}

.slider7,.slider8,.slider10,.slider16,.slider17,.slider18 {
  background-color: #40D91B;
  bottom: 0;
  cursor: pointer;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: .4s;
}

.slider7:before,.slider8:before,.slider10:before,.slider16:before,.slider17:before,.slider18:before {
  	background-color: #fff;
	top: 2px;
    bottom: 4px;
    content: "";
    height: 17px;
    left: 1px;
    position: absolute;
    transition: .4s;
    width: 19px;
}

input:checked + .slider7,input:checked + .slider8,input:checked + .slider10,input:checked + .slider16,input:checked + .slider17
,input:checked + .slider18 {
  background-color: #EB0C10;
}

input:checked + .slider7:before,input:checked + .slider8:before,input:checked + .slider10:before,input:checked + .slider16:before,input:checked + .slider17:before,input:checked + .slider18:before {
  transform: translateX(26px);
}

.slider7.round7,.slider8.round8,.slider10.round10,.slider16.round16,.slider17.round17,.slider18.round18 {
  border-radius: 34px;
}

.slider7.round7:before,.slider8.round8:before,.slider10.round10:before,.slider16.round16:before,.slider17.round17:before
,.slider18.round18:before {
  border-radius: 50%;
}
.switch-button7 h2,.switch-button8 h2,.switch-button10 h2,.switch-button16 h2,.switch-button17 h2
,.switch-button18 h2 {
    font-size: 12px;
    padding-right: 65px;
}
span.vertex7,span.vertex8,span.vertex10,span.vertex16,span.vertex17 {
    font-size: 12px;
    width: 100%;
    display: block;
    text-align: left;
    color: #fff;
    margin: 0px 43px;
}

span.vertex18 {
    font-size: 12px;
    width: 180%;
    display: block;
    text-align: left;
    color: #fff;
    margin: 0px 0px;
}
/*  */
.a,.b,.c,.d{
	width: 22%;
	border-radius: 5px;
    border-color: #c9bf89;
}
button.a {
    background: rgba(240,56,24,1);
background: -moz-linear-gradient(top, rgba(240,56,24,1) 0%, rgba(240,56,24,1) 71%, rgba(37,39,41,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(240,56,24,1)), color-stop(71%, rgba(240,56,24,1)), color-stop(100%, rgba(37,39,41,1)));
background: -webkit-linear-gradient(top, rgba(240,56,24,1) 0%, rgba(240,56,24,1) 71%, rgba(37,39,41,1) 100%);
background: -o-linear-gradient(top, rgba(240,56,24,1) 0%, rgba(240,56,24,1) 71%, rgba(37,39,41,1) 100%);
background: -ms-linear-gradient(top, rgba(240,56,24,1) 0%, rgba(240,56,24,1) 71%, rgba(37,39,41,1) 100%);
background: linear-gradient(to bottom, rgba(240,56,24,1) 0%, rgba(240,56,24,1) 71%, rgba(37,39,41,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f03818', endColorstr='#252729', GradientType=0 );
	    color: #000;
}
button.a:hover {
    color: #fff;
}
button.b {
    background: rgba(209,155,19,1);
background: -moz-linear-gradient(top, rgba(209,155,19,1) 0%, rgba(209,155,19,1) 71%, rgba(37,39,41,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(209,155,19,1)), color-stop(71%, rgba(209,155,19,1)), color-stop(100%, rgba(37,39,41,1)));
background: -webkit-linear-gradient(top, rgba(209,155,19,1) 0%, rgba(209,155,19,1) 71%, rgba(37,39,41,1) 100%);
background: -o-linear-gradient(top, rgba(209,155,19,1) 0%, rgba(209,155,19,1) 71%, rgba(37,39,41,1) 100%);
background: -ms-linear-gradient(top, rgba(209,155,19,1) 0%, rgba(209,155,19,1) 71%, rgba(37,39,41,1) 100%);
background: linear-gradient(to bottom, rgba(209,155,19,1) 0%, rgba(209,155,19,1) 71%, rgba(37,39,41,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d19b13', endColorstr='#252729', GradientType=0 );
	    color: #000;
}
button.b:hover {
    color: #fff;
}
button.c {
    background: rgba(20,30,207,1);
background: -moz-linear-gradient(top, rgba(20,30,207,1) 0%, rgba(20,30,207,1) 71%, rgba(37,39,41,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(20,30,207,1)), color-stop(71%, rgba(20,30,207,1)), color-stop(100%, rgba(37,39,41,1)));
background: -webkit-linear-gradient(top, rgba(20,30,207,1) 0%, rgba(20,30,207,1) 71%, rgba(37,39,41,1) 100%);
background: -o-linear-gradient(top, rgba(20,30,207,1) 0%, rgba(20,30,207,1) 71%, rgba(37,39,41,1) 100%);
background: -ms-linear-gradient(top, rgba(20,30,207,1) 0%, rgba(20,30,207,1) 71%, rgba(37,39,41,1) 100%);
background: linear-gradient(to bottom, rgba(20,30,207,1) 0%, rgba(20,30,207,1) 71%, rgba(37,39,41,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#141ecf', endColorstr='#252729', GradientType=0 );
	    color: #000;
}
button.c:hover {
    color: #fff;
}
button.d {
    background: rgba(110,10,143,1);
background: -moz-linear-gradient(top, rgba(110,10,143,1) 0%, rgba(110,10,143,1) 71%, rgba(37,39,41,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(110,10,143,1)), color-stop(71%, rgba(110,10,143,1)), color-stop(100%, rgba(37,39,41,1)));
background: -webkit-linear-gradient(top, rgba(110,10,143,1) 0%, rgba(110,10,143,1) 71%, rgba(37,39,41,1) 100%);
background: -o-linear-gradient(top, rgba(110,10,143,1) 0%, rgba(110,10,143,1) 71%, rgba(37,39,41,1) 100%);
background: -ms-linear-gradient(top, rgba(110,10,143,1) 0%, rgba(110,10,143,1) 71%, rgba(37,39,41,1) 100%);
background: linear-gradient(to bottom, rgba(110,10,143,1) 0%, rgba(110,10,143,1) 71%, rgba(37,39,41,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6e0a8f', endColorstr='#252729', GradientType=0 );
	    color: #000;
}
button.d:hover {
    color: #fff;
}
.switch-button, .switch-button2, .switch-button3, .switch-button4{
	display: inline-block;
	width: 61px;
	
}
.switch-button span, .switch-button2 span, .switch-button3 span, .switch-button4 span{
	font-size: 12px;
	color: #fff;
}
.switch-button2 label {
    margin-left: 0px;
}
span.vertex5,span.vertex7,span.vertex8 {
	margin:0px 0px;
	display: inline-block;
}
.switch-button5,.switch-button7,.switch-button8 {
    display: inline-block;
    float: left;
}
.switch-button5 label, .switch-button6 label,.switch-button7 label,.switch-button8 label {
    margin-left: 0;
}
#slide{
  position: absolute;
  width: 305px;
  left: -300px;
  height: 100px;
  transition: left 0.4s ease-in-out;
  -o-transition: left 0.4s ease-in-out;
  -ms-transition: left 0.4s ease-in-out;
  -moz-transition: left 0.4s ease-in-out;
  -webkit-transition: left 0.4s ease-in-out;
}
#toggle{
  position: absolute;
  left: 306px;
  padding: 10px;
  background: #ccc; 
}
#slide:hover{
  left: 0px;
}
.bid-header .flag.thailand {
    background-position: -21px -205px;
}
/*newly added */
.bid-header .flag.thailand {
    background-position: -21px -205px;
}

span.flag.flag.thailand{
    background-position: -22px -204px;
    width: 18px;
    height: 13px;
}
span.flag.flag.jamaica{
    background-position: -24px -220px;
    width: 18px;
    height: 13px;
}
/*end*/



/* IE Layout Page Style */
@media only screen and (max-width: 1920px) {
	
				
				#AdLArea {
					width: 221px;
				}
	
				.centerContents {
					width: 1577px;
				}
				ul.contents .menu {
					width: 125px;
					padding-right: 2px;
				}
						
				ul.contents .main {
					width: 1350px;
				}
				.listType {
					width: 43%;
				}
				.imgGrid td {
					width: 100%;
				}	
				.imgGrid table{
					width: 100%;
				}
				.exNote {
					width: 91%;
				}
				.imgGrid td .item .icon {
					border-top: 1px solid #bfbfbf;
				}
				.grid table, .imgGrid table, .favorite table {
					width: 100%;
				}
				.mainImage {
					width: 100%;
}
.mainImage img {
    max-width: 100%;
    max-height: 411px;
	height:411px;
	width:100%;
}
.mainImage img.both {
    width: 100%;
	height:412px;
}
.mainImage .imgDiv {
    width: 100%;
}
.thumImage {
    margin-top: 131px;
}
.ussImages td {
    width: auto;
    height: 184px;
}
.sheetImage img {
    width: 650px;
    height: 600px;
}
.imgGrid .imgRow {
    height: 200px;
}


}
		
		
		
@media only screen and (max-width: 1440px) {
	
		
.sheetImage img {
    width: 490px;
    height: 600px;
}

			.thumImage {
    margin-top: 99px;
}
.ussImages td {
    height: 94px;
}

			.centerContents {
				width: 1077px;
			}
			ul.contents .menu {
				width: 125px;
				padding-right: 2px;
			}
					
			ul.contents .main {
				width: 1000px;
			}
			.listType {
				width: 43%;
			}
			.imgGrid td {
				width: 100%;
			}	
			.imgGrid table{
				width: 100%;
			}
			.exNote {
				width: 91%;
			}
			.imgGrid td .item .icon {
				border-top: 1px solid #bfbfbf;
			}
}

/* IE END */