@charset "utf-8";
/* CSS Document */
#body {
	font-family: 'arialregular';
	margin: 0 auto;
	max-width:500px;
	min-height:300px;
	/*width:100%;
	height:100%;*/
	font-size:16px;
	color:#fff;
	/*background-color:#06035E;*/
}
h1, .text-welcome {
	font-size:26px;
	text-align:center;
}
h1, h2 {
	margin: 0;
}
button{
	color:#fff;	
}
input,textarea {
	background:#FFFFFF !important;	
	width:100%;
	padding: 3.5%;	
	border: 1px solid  transparent;
	border-radius: 5px;
	background:transparent;
	font-family: 'arialregular';
}
select , .form-search .btn-botton{
	border-radius:5px;	
}
.main-body{
	background:#05014b;
	background:url(../images/bg.jpg);
	padding: 0 4%;	
}
.message-notification {
	background:url(../images/bg-notification.jpg);
	padding: 0 4%;		
}
.main-body .text-welcome {
	font-family: 'angsanaupcitalic';
	font-size: 100px;
    font-weight: normal;
	line-height: 89px;	
}
.main-body .logo {
   padding: 11% 0;	
}
.area-header,  .form-search .btn-search{
	background:#100a5e;	
}
.list-general ,.list-moter ,.detail-general , .detail-moter,  .sub-detail-general, .content-livemode {
   	background-image: url(../images/bg.jpg);
  	background-size: 100%;
  	background-repeat: no-repeat;
 	background-color: #06035E;
}
.dark-blue-bg{
	background:#04003d;	
}
.red-bg{
	background:#F00;	
}
a {
 text-decoration:none;
 color:inherit;	
}
.logo img, .img-width100 img{
	width:100%;	
}
.logo-on-top img {
	vertical-align: -webkit-baseline-middle;
}
#logo, #head-title{
	padding-left:16.5%;
}
#head-title1{
	padding-left:33.1%;
}
#row{
	overflow:hidden;
}
.full-img img {
	height:100%;
	max-height:242px;	
}
#full-img{
	padding: 5% 0 20%;
  	height: 290px;
}
#form{
	padding-top:20px;
}
.small-img img {
	height:100%;
	max-height:80px;
}
.medium-img img {
	max-height:95px;	
	border: 1px solid #686590;
}
.detail-setting {
	background:#050048;	
	padding: 2%;
}
.main-header, .price-number, .sub-detail-general .view-detail{
   padding-top:3%;	
}
.main-menu {
	color:#fff;
	text-align:center;
	font-weight:bold;
	padding-bottom: 20%;
}
ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	
}
.btn-botton ,select{
   cursor:pointer;	
}
.btn-botton {
	padding: 3.5%;	
	border: 1px solid  transparent;
	border-radius: 7px;
	background:transparent;
}
.main-menu .btn-botton {
	margin: 6%  0;	
	border-color:#FFFFFF;
	font-size: 24px;
}
.main-menu .btn-botton:hover ,.detail-setting button:hover,.form-verify button:hover, .form-submit button:hover{
  	background:#FFFFFF;
	color:#000000;
	border-color:#FFFFFF;
}
.padding-header, .detail-general , .detail-moter, .section-2 , .box-search{
	padding: 0 4% 3%;
}
.head-text-title ,.main-menu , .detail-setting button , .form-verify button, .form-submit button{
	text-transform:uppercase;	
}
#map {
	min-height:600px;
	height:100%;	
}
.push-notification-status img {
   width: 85%;
   float:right;
}
.type-general img, .type-moter img {
	width:32%;	
	float:right;
}
.list-general img, .icon-next img, .list-moter img {
	float:right;
	width:12px;	
}
.list-setting , .text-title-general,.text-title-moter, .list-general,.list-moter, .text-detail, .price-number, .message-notification ,.estimated-price ,.previous-item, .next-item, .sold, .text-estimated, .text-bid, .price-bid, .btn-search ,.select-category{
	font-size:18px;	
}
.border-buttom {
	border-bottom:1px solid #696691;	
}
.detail-setting .row, .list-general .row, .list-moter .row{
	padding: 5% 4%;
}
.detail-setting button ,.form-verify button, .form-submit button{
	font-size:24px;
	border-color: #FFFFFF;	
	width:100%;
}
.btn-save-setting ,.btn-verify{
	margin: 15% 0 37%;	
}
.form-verify input ,.form-submit input ,.form-submit textarea{
   padding: 3.5% 0;	
}
.type-name-margin , .form-verify.btn-verify ,.form-submit.btn-submit, .type-phone-margin ,.btn-submit, .form-search .select-category{
	margin:3% 0;	
}
.icon-home img {
	width: 25px;
	vertical-align: text-bottom;
	height: 27px;
	padding-right: 9%;
}
#dl-menu .nav-logo img{
	width:100%;
	height:100%;	
	/*padding-top:17%*/
}
.box-title-general ,.box-title-moter, .box-livemode, .box-search{
	background: rgba(221, 221, 221, 1);
	
}
.box-title-moter, .box-livemode ,.box-title-general{
	  padding: 10px 4% 0 4%;
}
.list-general, .list-moter {
	padding:0 2%;	
}
.text-title-general, .text-back ,.text-title-moter, .select-category{
	color:#040148;	
}
.text-back img {
	width: 18px;
    vertical-align: bottom;
}
.price-number, #number-code, .text-detail, .sub-detail-general .code-numb ,.icon-view-detail img, .icon-view-detail, .next-item, .text-bid, .icon-search{
	text-align:right;	
}
.detail-general,.detail-moter {padding-bottom:0; /*overflow: overlay;height: 707px;*/}
.show-detail-general, .show-detail-moter, .full-img , .message-notification .row{
	padding:5% 0;
}
.show-detail-general .price-number {
	font-size:28px;	
}
.show-detail-general .icon-next , .show-detail-moter .icon-next{
	margin:18% 0;	
}
.sub-detail-general, .content-livemode{
	padding:4%;	
}
.box-livemode img , .topback img{
	padding-right:4%;	
}
.btn-submit .btn-botton {
	background:#ff0000;
	border-color:#ff0000;	
}
.padding-bt2{padding-bottom:2%;}
.message-notification , .list-moter{
	min-height:700px;
	height:100%;	
}
.border{
  padding: 2% 0;
  border: 1px solid #686590;
  border-radius: 4px;	
}
.border-top {border-top: 1px solid #686590;}
.section-1 .text-bid , .section-1 .price-bid {
	margin-top:5%;
	padding: 2% 1%;	
	text-align:center;
	margin-left:25%;
	width:50%;
	font-size:27px;	
}
.section-1 .estimated-price {
	width:91%;
	padding-left:8.7%;
}
.float-right {float:right !important;}
.sold , .text-estimated, .form-search .text-keyword {
	text-align:center;	
}
.form-search input , .form-search select{
   padding: 2% 0 2% 4%;	
   border:1px solid #c2c2c2;
}
.form-search .btn-search {
	padding: 2% 4%;	
	border-color:#FFFFFF;	
}
.text-title-general, .text-back, .text-title-moter {
	padding: 1% 0;	
}
.topback .text-back {
	padding: 0 0 2% 0;
}
.form-search .text-keyword {
	background: url(../images/bg_icon-search.png) #FFF no-repeat 34% !important;	
}
/******************************************
/********* colomn **************/
.row:before,
.row:after {
  display: table;
  content: " ";
}
.row:after
{
  clear: both;
}
 .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
/***************************************/

.list-general, .list-moter{
	overflow:auto;
}
.detail-general, .detail-moter{
	overflow:auto;
}
.lot-text{
	text-align: right;
  	font-size: 18px;
}
#lot-num{
	padding: 5px;
	background-color: #04003D;
	border-radius: 10px;
	border: 1px solid #686590;
}

.col-md-3-0{
	float: left;
  	width: 35%;
}
.col-md-9-0{
	float: left;
  	width: 65%;
}
#detail_box{
	padding-top:15%;
}
#sold{  
  width: 95% !important;
  height: auto !important;
  position: absolute !important;
  margin-top: 14px !important;
  margin-left: 5px !important;
}
.Question{
	text-align:center;
	font-size:18px;	
}
.estimate{
	float:right;
	padding-top: 3%;
	clear:both;	
}
.prev-icon{
	width:68%;
	float:left;
	font-size:14px;
	
}
.next-icon{
	float:left;
	margin-right:15px;
	font-size:14px;
}
.something{
	width:99%;
	
}
.main-site .btn-botton1{
	border-color: #FFFFFF;
	width: 12%;
	
	padding: 5px;
	text-align: center;
	height: 5%;
}
.btn-botton1{
	width: 98px;
	font-size: 12px;
	height: 9px;
	float: right;
	border: 1px solid transparent;
	border-radius: 7px;
	cursor:pointer;	
}
.main-site .btn-botton1:hover{
  	background:#FFFFFF;
	color:#000000;
	border-color:#FFFFFF;
}