* {
	font-family: 'Sarabun', sans-serif;
}

body{
	background-color: #F3F3F3;
}

a {
	text-decoration: none !important;
}

#banner {
	height: auto;
}

#banner .responsive {
	width: 100%;
	max-width: 480px;
	height: auto;
}

#app {
	border: 3px solid #C8C8C8;
	margin-top: 6px;
	width: 94%;
	background-color: white;
}

.content {
	padding: 0px;
}

#content a {
	color: #000;
}

#content a:hover {
	text-decoration: underline !important;
}

.navbar {
	padding-top: 5px;
	height: auto;
    border-radius: 0px;
}

.navbar-brand {
	color: #ffffff !important;
	font-size: 18px;
}

.navbar-brand:hover {
	color: #DDDCDC !important;
}

.navbar-inverse {
    background-color: #ff3a3a;
    border-color: #ff3a3a;
}

.navbar-inverse .navbar-nav>li>a {
    color: #ffffff;
	font-size: 18px;
}

.navbar-inverse .navbar-nav>li>a:hover {
    color: #DDDCDC;
}


/*Toggle button*/
.navbar-inverse .navbar-toggle {
    border-color: #fff;
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #e42c2c;
}

.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: #ec2626;
}

hr {
	background-color: #C8C8C8;
}

/*Title*/
.title {
	background-image: linear-gradient(#fa5050, #ff3d3d);
	height: 50px;
	color: #ffffff;
	font-size: 18px;
	padding-top: 10px;
	margin-top: -50px;
}

#stroke {
	background-color: #c73232;
	height: 47px;
	margin-top: 3px;
    margin-right: -3px;
}

#block-login {
	padding: 7px;
	border-left: 1px solid #C8C8C8;
	border-right: 1px solid #C8C8C8;
	border-bottom: 4px solid #ff3d3d;
}

#descLogin {
	font-size: 13px;
	margin-left: -8px;
}

/* Start btn*/
.btn-content {
	background-image: linear-gradient(#41FA60, green);
	height: 40px;
	color: #ffffff;
	font-size: 13px;
	padding-top: 10px;
	padding-left: 2px;
	margin-top: -40px;
	border-radius: 3px 0 0 3px;
}

#btn-stroke {
	background-color: green;
	height: 37px;
	margin-top: 5px;
    margin-right: -3px;
    border-radius: 0 0 0 3px;
}
/*End btn*/

/*Start Image Button*/
#imgbtn {
	width: 100%;
	border: 1px solid #C8C8C8;
	padding: 3px;
	margin-bottom: 10px;
}
/*End Image Button*/


/*Start Counter*/
#block {
	padding: 0px;
	border-left: 1px solid #C8C8C8;
	border-right: 1px solid #C8C8C8;
	border-bottom: 1px solid #C8C8C8;
}
/*End Counter*/

/*Start Avatar*/
#block-avatar {
	font-size: 12px;
	padding: 5px;
	border-left: 1px solid #C8C8C8;
	border-right: 1px solid #C8C8C8;
	border-bottom: 1px solid #C8C8C8;
}
/*End Avatar*/

/*Start Document download*/
#block-document {
	padding: 2px;
	border-left: 1px solid #C8C8C8;
	border-right: 1px solid #C8C8C8;
	border-bottom: 4px solid #ff3d3d;
}

#block-title {
	margin-bottom: 5px;
	border-bottom: 1px dashed red;
}

#block-title>a {
	color: black;
}

#block-title>i {
	color: red;
}

#block-title>a:hover {
	text-decoration: underline !important;
}
/*End Document download*/

/*Start Announce*/
#title_content {
	background-image: linear-gradient(#fa5050, #ff3d3d);
	height: 50px;
	color: #ffffff;
	font-size: 20px;
	padding-top: 10px;
	padding-left: 15px;
}
/*End Announce*/

/*Start BTN-more*/
#btn-more {
	float: right;
}

.btn-more {
	height: 30px;
	font-size: 12px;
}
/*End BTN-more*/

/*Start Board Director*/
#boarddirector {
	border: 1px solid lightgrey;
}
#boarddirector img {
	width: 150px;
}
/*End Board Director*/

#calloan {
	border: 1px solid lightgrey;
}

/* Talbe */
.table>thead>tr>th {
    vertical-align: middle;
}

.table>tbody>tr>td {
    vertical-align: middle;
}
/* Table */






/*Footer*/
#footer {
	width: 94%;
	background-color: #ff3a3a;
	border-bottom: 4px solid red;
	color: #ffffff;
}