@charset "utf-8";
/* CSS Document */
body,td,th {
	font-family: 'Kanit', sans-serif;
	font-size: 13px;
}
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	text-align: center;
}
a:link {
	color: #000;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #000;
}
a:hover {
	text-decoration: none;
	color: #000;
}
a:active {
	text-decoration: none;
	color: #000;
}
img{
max-width : 100%;
}
.bodyall{
border-radius : 4px;
background-color:#D7D7D7;
color:#3D3D3D;
float:left;
width:50px;
height:30px;
line-height:30px;
text-align:center;
margin:4px;
}
.bodyall-select{
border-radius : 4px;
background-color:#626262;
color:#FFF;
float:left;
width:50px;
height:30px;
line-height:30px;
text-align:center;
margin:4px;
}

		div.container{
			text-align: center;
			padding: 3%;
			height: 40px;
		}	
/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-200px; opacity:0} 
    to {top:0; opacity:0}
}

@keyframes animatetop {
    from {top:-200px; opacity:0}
    to {top:0; opacity:0}
}

/* The Close Button */
.close {
    color: white;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.closer {
    color: white;
    float: right;
    font-size: 40px;
    font-weight: bold;
}

.closer:hover,
.closer:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.closec {
    color: white;
    float: right;
    font-size: 40px;
    font-weight: bold;
}

.closec:hover,
.closec:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

.modal-header {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}

.modal-body {padding: 2px 16px;}

.modal-footer {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}

.modal-headerr {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}

.modal-bodyr {padding: 2px 16px;}

.modal-footerr {
    padding: 2px 16px;
    background-color: #5cb85c;
    color: white;
}



input[type=text] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
    border: 2px solid #ccc;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    outline: none;
	border-radius: 4px;
}

input[type=text]:focus {
    border: 2px solid #555;
	border-radius: 4px;
}
input[type=password] {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
    border: 2px solid #ccc;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    outline: none;
	border-radius: 4px;
}

input[type=password]:focus {
    border: 2px solid #555;
	border-radius: 4px;
}
#myBtntop {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: red;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 10px;
}

#myBtntop:hover {
  background-color: #555;
}
.thumbnail {
    position: relative;
    display: inline-block;
}
.caption {
    position: absolute;
    bottom: 0;left: 0;
	text-align: center;
	border: 0px solid #FFFFFF;

}
.captionads {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate( -50%, -50% );
	text-align: center;
	width: 100%;
	border: 0px solid #FFFFFF;
}
.captionb {
    position: absolute;
	padding-left: 50%;
	text-align: center;
	border: 0px solid #FFFFFF;
}
.newv {
	position: absolute;
	top: 7%;
	left: 115%;
	transform: translate( -50%, -50% );
	text-align: center;
	color: white;
	width: 100%;
	border: 0px solid #FFFFFF;
}
video{
	max-width: 100%;
}