body {font-family: "Kanit", sans-serif; font-weight: 200; background: url('img/content-bg.png') no-repeat center bottom;}


/*--- Font ---*/
h1 {font-weight: 200; line-height: 1.4em;}
h2, h3, h4, h5, h6 {font-weight: 400; line-height: 1.4em;}
h1, h2, h3 {margin-top: 0px; margin-bottom: 0px; padding-top: 20px; padding-bottom: 10px;}

h1 {font-size: 200%;}
h2 {font-size: 160%;}
h3 {font-size: 130%;}
h4 {font-size: 115%;}
h5, h6 {font-size: 100%;}
h6  {color: #337ab7;}

.fontw200 {font-weight: 200;}
.fontw300 {font-weight: 300;}
.fontw400 {font-weight: 400;}
.fontw500 {font-weight: 500;}
.fontw600 {font-weight: 600;}

.fontsize80 {font-size: 80%;}
.fontsize85 {font-size: 85%;}
.fontsize90 {font-size: 90%;}
.fontsize95 {font-size: 95%;}
.fontsize100 {font-size: 100%;}
.fontsize110 {font-size: 110%; line-height: 1.5em}
.fontsize120 {font-size: 120%; line-height: 1.5em}
.fontsize130 {font-size: 130%; line-height: 1.5em}
.fontsize140 {font-size: 140%; line-height: 1.5em}
.fontsize150 {font-size: 150%; line-height: 1.5em;}
.fontsize160 {font-size: 160%;}
.fontsize170 {font-size: 170%;}
.fontsize180 {font-size: 180%;}
.fontsize190 {font-size: 190%;}
.fontsize200 {font-size: 200%;}

b, strong {font-weight: 400;}
ol, ul {margin-bottom: 15px; padding: 0px 26px; }
p {margin: 0 0 15px;}
a {text-decoration: none;}

.lh-0 {line-height: 0em;}
.lh1-0 {line-height: 1.0em;}
.lh1-1 {line-height: 1.1em;}
.lh1-2 {line-height: 1.2em;}
.lh1-3 {line-height: 1.3em;}
.lh1-4 {line-height: 1.4em;}
.lh1-5 {line-height: 1.5em;}

/*--- Font Awesome ---*/
.fa {font-size: 100%; font: lighter !important; margin-right: 4px;}

/*--- IMAGES ---*/
img {max-width: 100%; width: 100%; height: auto;}
.img-fluid {max-width: 100%; height: auto;}
.img-cover {}

@media (max-width: 480px) {
	.img-cover {padding-right: 0px; padding-left: 0px; margin: 0 -15px;}
}

@media (max-width: 640px) {
	.img-cover {padding-right: 0px; padding-left: 0px; margin: 0 -15px;}
}
@media (max-width: 768px) {
	.img-cover {padding-right: 0px; padding-left: 0px; margin: 0 -15px;}
}

/*--- Padding ---*/
.pad0 {padding: 0px;}
.pad5 {padding: 5px;}
.pad10 {padding: 10px;}
.pad15 {padding: 15px;}
.pad20 {padding: 20px;}
.pad25 {padding: 25px;}
.pad30 {padding: 30px;}
.pad35 {padding: 35px;}
.pad40 {padding: 40px;}

.padt0 {padding-top: 0px;}
.padt5 {padding-top: 5px;}
.padt10 {padding-top: 10px;}
.padt15 {padding-top: 15px;}
.padt20 {padding-top: 20px;}
.padt25 {padding-top: 25px;}
.padt30 {padding-top: 30px;}
.padt35 {padding-top: 35px;}
.padt40 {padding-top: 40px;}

.padb0 {padding-bottom: 0px;}
.padb2 {padding-bottom: 2px;}
.padb4 {padding-bottom: 4px;}
.padb5 {padding-bottom: 5px;}
.padb10 {padding-bottom: 10px;}
.padb15 {padding-bottom: 15px;}
.padb20 {padding-bottom: 20px;}
.padb25 {padding-bottom: 25px;}
.padb30 {padding-bottom: 30px;}
.padb35 {padding-bottom: 35px;}
.padb40 {padding-bottom: 40px;}

.padtb0 {padding-top: 0px; padding-bottom: 0px;}
.padtb5 {padding-top: 5px; padding-bottom: 5px;}
.padtb10 {padding-top: 10px; padding-bottom: 10px;}
.padtb15 {padding-top: 15px; padding-bottom: 15px;}
.padtb20 {padding-top: 20px; padding-bottom: 20px;}
.padtb25 {padding-top: 25px; padding-bottom: 25px;}
.padtb30 {padding-top: 30px; padding-bottom: 30px;}
.padtb35 {padding-top: 35px; padding-bottom: 35px;}
.padtb40 {padding-top: 40px; padding-bottom: 40px;}

.padlr5 {padding-left: 5px; padding-right: 5px;}
.padlr10 {padding-left: 10px; padding-right: 10px;}
.padlr15 {padding-left: 15px; padding-right: 15px;}
.padlr20 {padding-left: 20px; padding-right: 20px;}
.padlr25 {padding-left: 25px; padding-right: 25px;}
.padlr30 {padding-left: 30px; padding-right: 30px;}
.padlr35 {padding-left: 35px; padding-right: 35px;}
.padlr40 {padding-left: 40px; padding-right: 40px;}

.padr5 {padding-right: 5px;}
.padr10 {padding-right: 10px;}
.padr15 {padding-right: 15px;}
.padr20 {padding-right: 20px;}
.padr25 {padding-right: 25px;}
.padr30 {padding-right: 30px;}
.padr35 {padding-right: 35px;}
.padr40 {padding-right: 40px;}

/*--- Margin ---*/
.mg0 {margin: 0px;}
.mg5 {margin: 5px;}
.mg10 {margin: 10px;}
.mg15 {margin: 15px;}
.mg20 {margin: 20px;}
.mg25 {margin: 25px;}

.mgb0 {margin-bottom: 0px;}
.mgb1 {margin-bottom: 1px;}
.mgb2 {margin-bottom: 2px;}
.mgb4 {margin-bottom: 4px;}
.mgb5 {margin-bottom: 5px;}
.mgb10 {margin-bottom: 10px;}
.mgb15 {margin-bottom: 15px;}
.mgb20 {margin-bottom: 20px;}
.mgb25 {margin-bottom: 25px;}

.mgt0 {margin-top: 0px;}
.mgt1 {margin-top: 1px;}
.mgt10 {margin-top: 10px;}
.mgt15 {margin-top: 15px;}
.mgt20 {margin-top: 20px;}
.mgt25 {margin-top: 25px;}

.mgtb0 {margin: 0px 0px;}
.mgtb1 {margin: 1px 0px;}
.mgtb5 {margin: 5px 0px;}
.mgtb8 {margin: 8px 0px;}
.mgtb10 {margin:10px 0px;}
.mgtb15 {margin:15px 0px;}
.mgtb20 {margin:20px 0px;}
.mgtb25 {margin:25px 0px;}

.mglr5 {margin:0px 5px;}
.mglr10 {margin:0px 10px;}
.mglr15 {margin:0px 15px;}
.mglr20 {margin:0px 20px;}
.mglr25 {margin:0px 25px;}

.mgr5 {margin-right:5px;}
.mgr10 {margin-right:10px;}
.mgr15 {margin-right:15px;}
.mgr20 {margin-right:20px;}
.mgr25 {margin-right:25px;}


.w95	{width: 95%; margin: 0 auto;}
.w90	{width: 90%; margin: 0 auto;}
.w85	{width: 85%; margin: 0 auto;}
.w80	{width: 80%; margin: 0 auto;}
.w75	{width: 75%; margin: 0 auto;}
.w70	{width: 70%; margin: 0 auto;}
.w65	{width: 65%; margin: 0 auto;}
.w60	{width: 60%; margin: 0 auto;}
.w55	{width: 55%; margin: 0 auto;}
.w50	{width: 50%; margin: 0 auto;}
.w40	{width: 40%; margin: 0 auto;}
.w30	{width: 30%; margin: 0 auto;}
.w25	{width: 25%; margin: 0 auto;}
.w20	{width: 20%; max-width: 20% margin: 0 auto;}
.w10	{width: 10%; margin: 0 auto;}

/*--- Block ---*/
.inline {display: inline;}
.inline-block, .ilb, span.ilb {display: inline-block;}

/*--- Gutter ---*/
.gutter-20.row {margin-right: -10px; margin-left: -10px;}
.gutter-20 > [class^="col-"], .gutter-20 > [class^=" col-"] {padding-right: 10px; padding-left: 10px;}

.gutter-10.row {margin-right: -5px; margin-left: -5px;}
.gutter-10 > [class^="col-"], .gutter-10 > [class^=" col-"] {padding-right: 5px; padding-left: 5px;}

.gutter-4.row {margin-right: -2px;margin-left: -2px;}
.gutter-4 > [class^="col-"], .gutter-4 > [class^=" col-"] {padding-right: 2px; padding-left: 2px;}

.gutter-2.row {margin-right: -1px;margin-left: -1px;}
.gutter-2 > [class^="col-"], .gutter-2 > [class^=" col-"] {padding-right: 1px; padding-left: 1px;}

.gutter-0.row {margin-right: 0;margin-left: 0;}
.gutter-0 > [class^="col-"], .gutter-0 > [class^=" col-"]{padding-right: 0; padding-left: 0;}


/*--- Table ---*/
.table>thead>tr>th {vertical-align: middle; text-align: center; font-weight: 400;}


/*-------------------------------------- BS 5 Column -----*/
.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths {position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;}
.col-xs-5ths {max-width: 20%; width: 20%; float: left;}

@media (min-width: 768px) {
    .col-sm-5ths {max-width: 20%; width: 20%; float: left;}
}

@media (min-width: 992px) {
    .col-md-5ths {max-width: 20%; width: 20%; float: left;}
}

@media (min-width: 1200px) {
    .col-lg-5ths {max-width: 20%; width: 20%; float: left;}
}


/* -- accordion collapse --*/
.accordion-button:focus {box-shadow: none;}
.accordion-item h2 {padding:0; }



.embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video {
width: 100.6%;
height: 100.1%;
left: -0.25%;
}