@import url(http://fonts.googleapis.com/css?family=Arial, Helvetica, sans-serif);

body {
	font-family: 'Battambang', sans-serif;
}

table {
	font-size: 1em;
}

.ui-draggable, .ui-droppable {
	background-position: top;
}




#main1{
width:100%;
margin:2px auto;
font-family: 'Battambang', sans-serif;

}

h5{
background-color: #3ABF93;
text-align:center;
border-radius: 20px 20px 0 0;
/*margin: -10px -40px;*/
padding: 15px;

}

hr{
border:2;
border-bottom:1px solid #ccc;
margin: 10px 0px;
margin-bottom: 0px;

}
.formregister {
width:100%;
float: left;
border-radius: 0px;
font-family: 'Battambang', sans-serif;
border: 0px solid #ccc;
padding: 0px 0px 0px;
margin-top: 0px;
margin-right:0px;
margin-bottom: 40px;

}
.divframe {
width:100%;
float: left;
border-radius: 0px;
font-family: 'Battambang', sans-serif;
border: 0px solid #ccc;
padding: 0px 0px 0px;
margin-top: 0px;
margin-right:20px;
margin-bottom: 40px;

}

.regist_layout{
width:330px;
float: left;
border-radius: 0px;
font-family: 'Battambang', sans-serif;
font-size: 12px;
border: 0px solid #ccc;
padding: 0px 10px 0px;
margin-left: 30px;
}

.regist_layout_four{
width:240px;
float: left;
border-radius: 0px;
font-family: 'Battambang', sans-serif;
font-size: 12px;
border: 0px solid #ccc;
padding: 0px 10px 0px;
margin-left: 30px;
}

table {
	width:100%;
    font-size: 11px;
    font-family: 'Battambang', sans-serif;
	line-height:6px;
	}
	table tr {
	background-color: #fcfcfc;
	}

@media screen and (max-width:800px){
	.regist_layout {
		width: 100%;
		float: left;
		border-radius: 0px;
		font-family: 'Battambang', sans-serif;
		font-size: 12px;
		border: 0px solid #ccc;
		padding: 0px 10px 0px;
		margin-left: auto;
	}

		.regist_layout_four {
		width: 100%;
		float: left;
		border-radius: 0px;
		font-family: 'Battambang', sans-serif;
		font-size: 12px;
		border: 0px solid #ccc;
		padding: 0px 10px 0px;
		margin-left: auto;
	}
	table {
	width:100%;
    font-size: 11px;
    font-family: 'Battambang', sans-serif;
	line-height:6px;
	}
	table tr {
	background-color: #fcfcfc;
	}
	
}

.regist_layout select{
width:100%;
padding: 8px;
margin-top: 1px;
border: 1px solid #ccc;
padding-left: 5px;
font-size: 16px;
font-family: 'Battambang', sans-serif;
}

.regist_layout_four select{
width:100%;
padding: 8px;
margin-top: 1px;
border: 1px solid #ccc;
padding-left: 5px;
font-size: 16px;
font-family: 'Battambang', sans-serif;
}

.regist_layout input[type=date]{
width:100%;
padding: 8px;
margin-top: 1px;
border: 1px solid #ccc;
padding-left: 5px;
font-size: 16px;
font-family: 'Battambang', sans-serif;
}

.regist_layout_four input[type=date]{
width:100%;
padding: 8px;
margin-top: 1px;
border: 1px solid #ccc;
padding-left: 5px;
font-size: 16px;
font-family: 'Battambang', sans-serif;
}

input[type=text],input[type=email],input[type=number]{
width:100%;
padding: 5px;
margin-top: 1px;
border: 1px solid #ccc;
padding-left: 5px;
font-size: 16px;
font-family: 'Battambang', sans-serif;
}

input[type=password]{
width:100%;
padding: 5px;
margin-top: 1px;
border: 1px solid #ccc;
padding-left: 5px;
font-size: 16px;
font-family: 'Battambang', sans-serif;
}


input[type=time]{
width:100%;
padding: 5px;
margin-top: 1px;
border: 1px solid #ccc;
padding-left: 5px;
font-size: 16px;
font-family: 'Battambang', sans-serif;
}

input[type=submit]{
width: 100%;
background-color:#1CB2A0;
color: white;
border: 2px solid #0CA391;
padding: 5px;
font-size:20px;
cursor:pointer;
border-radius: 5px;
margin-bottom: -12px;
}

.regist_layout textarea{
width:100%;
padding: 5px;
margin-top: 1px;
border: 1px solid #ccc;
padding-left: 5px;
font-size: 16px;
font-family: 'Battambang', sans-serif;
}

.regist_layout_four textarea{
width:100%;
padding: 5px;
margin-top: 1px;
border: 1px solid #ccc;
padding-left: 5px;
font-size: 16px;
font-family: 'Battambang', sans-serif;
}

h1 {
margin-left: -85px;
}

/*-------------list style -----------------*/
#disc {
  list-style-type: disc;
}

#circle {
  list-style-type: circle;
}

#square {
  list-style-type: square;
}

#decimal {
  list-style-type: decimal;
}

#decimal-leading-zero {
  list-style-type: decimal-leading-zero;
}

#lower-roman {
  list-style-type: lower-roman;
}

#upper-roman {
  list-style-type: upper-roman;
}

#lower-greek {
  list-style-type: lower-greek;
}

#lower-latin {
  list-style-type: lower-latin;
}

#upper-latin {
  list-style-type: upper-latin;
}

#armenian {
  list-style-type: armenian;
}

#georgian {
  list-style-type: georgian;
}

#lower-alpha {
  list-style-type: lower-alpha;
}

#upper-alpha {
  list-style-type: upper-alpha;
}

#none {
  list-style-type: none;
}

#outside {
  list-style-position: outside;
}

#inside {
  list-style-position: inside;
}

#image {
  line-height: 1.5em;
  list-style-image: url(https://www.can-starcapital.com/realestate/wp-content/uploads/2018/01/arrow2.png);
}