@charset "utf-8";
/* CSS Document */

/*
Table Style - This is what you want
------------------------------------------------------------------ */
.table-data table a:link {
	color: #0a71ce!important;
    font-weight: bold;
    text-decoration: none !important;
}
.table-data table a:visited {
    color: #0a71ce!important;
    text-decoration: none !important;
}
.table-data table a:active,
.table-data table a:hover {
    color: #408dd8 !important;
    text-decoration: none !important;
    transition: color 0.2s linear !important;
}
.table-data table {
    color: #5B5C5D !important;
    font-size: 14px !important;
    font-weight: 300;

	margin:15px 0 45px 0 !important;

	-moz-border-radius:3px !important;
	-webkit-border-radius:3px !important;
	border-radius:3px !important;
	
	white-space: nowrap;
}
.table-data table th {
    padding: 15px 25px 16px 25px !important;
    border-top: 1px solid #ffffff !important;
    border-bottom: 2px solid #d2d2d2 !important;
    text-align: center !important;
    color: #fff !important;
    line-height: 18px;
    font-size: 16px;
    letter-spacing: 0.05em;
    font-weight: normal;
    background: #0a71ce !important;
	white-space: initial;
}
.table-data table th:first-child{

	padding-left:20px !important;
}
.table-data table tr:first-child th:first-child{
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
.table-data table tr:first-child th:last-child{
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
.table-data table tr{
	padding-left:20px;
	border-bottom: 1px #e1e2e2 solid;
}
.table-data table tr td:first-child{
	border-left: 0;
}
.table-data table tr td {
    padding: 12px 15px;
    font-size: 14px;
    letter-spacing: 0.05em;
    line-height: 20px;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ccd4d0;
	    text-align: center;
    /* background: #e0e4e2; */
}
.table-data table tr.even td{
	background: #0000;
}
.table-data table tr:last-child td{
	border-bottom:0;
}
.table-data table tr:last-child td:first-child{
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
.table-data table tr:last-child td:last-child{
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
.table-data table tr:hover td{
	background: rgb(248, 249, 249);
}
.table-data table .shadow {
	-webkit-box-shadow: 0px 2px 3px -1px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 2px 3px -1px rgba(0,0,0,0.4);
	box-shadow: 0px 2px 3px -1px rgba(0,0,0,0.4);
}

.table-data table tr.highlight td {
    background: rgb(233, 235, 238);
    font-family: 'Kanit', sans-serif;
    font-size: 14px;
    color: #038d4e;
    letter-spacing: 0.05em;
}
}
.table-data table tr.highlight:hover td {
	background: rgb(255, 243, 222);
}

.table-data table tr.highlight_02 td {
	background: rgba(247,247,247,1);
	background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(237,237,237,1) 47%, rgba(230,230,230,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(247,247,247,1)), color-stop(47%, rgba(237,237,237,1)), color-stop(100%, rgba(230,230,230,1)));
	background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(237,237,237,1) 47%, rgba(230,230,230,1) 100%);
	background: -o-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(237,237,237,1) 47%, rgba(230,230,230,1) 100%);
	background: -ms-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(237,237,237,1) 47%, rgba(230,230,230,1) 100%);
	background: linear-gradient(to bottom, rgba(247,247,247,1) 0%, rgba(237,237,237,1) 47%, rgba(230,230,230,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e6e6e6', GradientType=0 );
}

.table-data table tr.highlight_03 td {
	background: rgb(222, 228, 226);
}
.table-data table tr.highlight_03:hover td {
	background: rgb(248, 249, 249);
}

/*-----------------------------------------------------------*/
.table-data2 table a:link {
	color: #0a71ce!important;
    font-weight: bold;
    text-decoration: none !important;
}
.table-data2 table a:visited {
    color: #0a71ce!important;
    text-decoration: none !important;
}
.table-data2 table a:active,
.table-data2 table a:hover {
    color: #408dd8 !important;
    text-decoration: none !important;
    transition: color 0.2s linear !important;
}
.table-data2 table {
    color: #5B5C5D !important;
    font-size: 14px !important;
    font-weight: 300;

	margin:15px 0 45px 0 !important;

	-moz-border-radius:3px !important;
	-webkit-border-radius:3px !important;
	border-radius:3px !important;
	
	/*white-space: nowrap;*/
}
.table-data2 table th {
    padding: 15px 25px 16px 25px !important;
    border-top: 1px solid #ffffff !important;
    border-bottom: 2px solid #d2d2d2 !important;
    text-align: center !important;
    color: #fff !important;
    line-height: 18px;
    font-size: 16px;
    letter-spacing: 0.05em;
    font-weight: normal;
    background: #0a71ce !important;
	white-space: initial;
}
.table-data2 table th:first-child{

	padding-left:20px !important;
}
.table-data2 table tr:first-child th:first-child{
	-moz-border-radius-topleft:3px;
	-webkit-border-top-left-radius:3px;
	border-top-left-radius:3px;
}
.table-data2 table tr:first-child th:last-child{
	-moz-border-radius-topright:3px;
	-webkit-border-top-right-radius:3px;
	border-top-right-radius:3px;
}
.table-data2 table tr{
	padding-left:20px;
	border-bottom: 1px #e1e2e2 solid;
}
.table-data2 table tr td:first-child{
	border-left: 0;
}
.table-data2 table tr td {
    padding: 12px 15px;
    font-size: 14px;
    letter-spacing: 0.05em;
    line-height: 20px;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ccd4d0;
	text-align: left;
    /* background: #e0e4e2; */
}
.table-data2 table tr.even td{
	background: #0000;
}
.table-data2 table tr:last-child td{
	border-bottom:0;
}
.table-data2 table tr:last-child td:first-child{
	-moz-border-radius-bottomleft:3px;
	-webkit-border-bottom-left-radius:3px;
	border-bottom-left-radius:3px;
}
.table-data2 table tr:last-child td:last-child{
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-right-radius:3px;
	border-bottom-right-radius:3px;
}
.table-data2 table tr:hover td{
	background: rgb(248, 249, 249);
}
.table-data2 table .shadow {
	-webkit-box-shadow: 0px 2px 3px -1px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 2px 3px -1px rgba(0,0,0,0.4);
	box-shadow: 0px 2px 3px -1px rgba(0,0,0,0.4);
}

.table-data2 table tr.highlight td {
    background: rgb(233, 235, 238);
    font-family: 'Kanit', sans-serif;
    font-size: 14px;
    color: #038d4e;
    letter-spacing: 0.05em;
}
}
.table-data2 table tr.highlight:hover td {
	background: rgb(255, 243, 222);
}

.table-data2 table tr.highlight_02 td {
	background: rgba(247,247,247,1);
	background: -moz-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(237,237,237,1) 47%, rgba(230,230,230,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(247,247,247,1)), color-stop(47%, rgba(237,237,237,1)), color-stop(100%, rgba(230,230,230,1)));
	background: -webkit-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(237,237,237,1) 47%, rgba(230,230,230,1) 100%);
	background: -o-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(237,237,237,1) 47%, rgba(230,230,230,1) 100%);
	background: -ms-linear-gradient(top, rgba(247,247,247,1) 0%, rgba(237,237,237,1) 47%, rgba(230,230,230,1) 100%);
	background: linear-gradient(to bottom, rgba(247,247,247,1) 0%, rgba(237,237,237,1) 47%, rgba(230,230,230,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e6e6e6', GradientType=0 );
}

.table-data2 table tr.highlight_03 td {
	background: rgb(222, 228, 226);
}
.table-data2 table tr.highlight_03:hover td {
	background: rgb(248, 249, 249);
}
/*-----------------------------------------------------------*/

table:not([class]):not([id]) td, table:not([class]):not([id]) th {
    padding: 10px 15px;
    border: 0px !important;
}