/* CSS Document */
@import 'https://fonts.googleapis.com/css?family=Kanit&display=swap';
@import 'https://www.tpa.or.th/css/footer-policy.css';

:root {
	--tpablue: #034ea2;
    --tpagold: #d09b2c;
	--bs-body-font-size: 0.85rem;
	--bs-btn-font-size: var(--bs-body-font-size);
    }

h1,h2,h3,h4,h5, .navbar-brand, .footer strong { font-family: 'Kanit', sans-serif !important; font-display: optional; }
h1 { font-size: 3rem; }
h2.title-robot { margin-bottom: 1.25em; font-weight: bold; color: var(--tpablue); }
    h2.title-robot span { color: #111111; }
h4.title-robot { margin-top: 0.85em; font-weight: bold; }
.container { max-width: 1140px; }
.btn { font-size: var(--bs-body-font-size); }
.navbar-brand { margin-left: 0.4em; font-size: 1.4em; font-weight: normal; color: #222222; }
.navbar-brand img { width: 35px; height: auto; margin-right: 0.55em; }
.robot-nav { margin-top: -4px; margin-bottom: 2px; padding: 2px 0 0 0; background-color: #001b8f; }
	.robot-nav .row { margin-top: 4px; margin-bottom: 4px; }
	.robot-nav .btn { width: 100%; margin-bottom: 4px; font-family: 'Kanit', sans-serif; font-size: 1.2em; background-color: #001b8f; border: 1px solid #3c57c8; }
	.robot-nav .btn:hover { background-color: var(--tpablue); }
.robot-news { margin-top: 0; padding-top: 0; }
	.robot-news h3 {margin:0px 0px 10px 0px !important; padding:2px 5px; border-bottom:1px solid rgb(150,150,150); }
	.robot-news h3 span { padding: 4px 20px 4px 12px; color:var(--tpablue); font-size: 0.9em !important; }
  	.robot-news ul { margin:0px; padding:0px; background:rgb(255,255,255);}
  	.robot-news ul li {list-style-type:none; margin:9px 0px; padding:4px 10px 10px 10px; border-bottom:1px dotted rgb(155,155,155);}
	.robot-news ul li:before { content: "\01F4C4"; color: #CCC; font-size: 1.1em; margin-right: 0.24em; }
  	.robot-news ul li a { color:rgb(50,50,50); text-decoration:none;} .robot-news ul li a:hover {color:rgb(0,0,255) !important;}

/* Bootstrap 3x.x */
.panel { margin-bottom: 20px; background-color: #fff; border: 1px solid transparent; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent; border-radius: 4px; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05); box-shadow: 0 1px 1px rgba(0,0,0,.05); }
	.panel-body { padding: 15px; }
	.panel-default { border-color: #ddd; }
	.panel-primary { border-color: #337ab7; }
	.panel-info { border-color: #bce8f1; }

/* Pages */
#content h1 { font-size: 3.2em; font-weight: bold; color: #000000; border-bottom: 1px solid #001b8f; margin-top: 0.75em; padding-bottom: 0.24em; margin-bottom: 0.8em; }
#content h1 span { font-size: 0.75em; font-weight: bold; color: #001b8f; }
.boxcontent .list-group-item .badge { background-color: dodgerblue !important; }
.boxcontent hr { border-top: 1px dashed #aaaaaa; }
.page-content li { margin-bottom: 1.4em; padding-bottom: 1em; border-bottom: 1px dotted #aaaaaa; line-height: 2.5em !important; }
.page-content-forms-lk-gform { display:block; margin-top: 1.4em; }
#sponsor p { margin: 0.5em 0; text-align: center;}
	#sponsor p a { margin-left: 1.4em; margin-right: 1.4em; }
	#sponsor p:nth-child(2) a img { width: auto; height: 85px; }
.panel h3 { font-weight: bold; }
.page-content-forms table { margin: 1em 0 2em 0; }
	.page-content-forms table tr th:first-child { width: 9em; vertical-align: middle; text-align: right; font-weight: normal; color: #333; }
	.page-content-forms table tr th:first-child::after { content: " : "; }
hr.justaspace { visiblity: hidden; }
.list-form-reg { list-style-type:none; }
	.list-form-reg li { margin-bottom: 1em; }
.panel-list-announcement .list-group-item b { color: var(--tpablue); }
.panel-list-past-certificate { font-size: 0.8em; }
	.panel-list-past-certificate h3 { margin: 0.5em 0 0.8em 0; }
	.panel-list-past-certificate h4 span { color: var(--tpablue); }
	.panel-list-past-certificate h4 { font-size: 1.75em; }
	.panel-list-past-certificate .panel-body h4:first-of-type { font-size: 2.05em !important; }
	.panel-list-past-certificate .panel-body .list-group:first-of-type { font-size: 1.2em; }

.footer { padding-top: 14px; background-color: #222; color: #FFF; }
.footer p { margin: 0; padding: 0; font-size: 12px; color: #CCCCCC; }
.footer h5 { margin: 0; padding: 0; font-weight: bold; }
.footer a { text-decoration: none; }
#footersociallink { text-align: right; }
#footersociallink ol { margin: 0; padding: 0; list-style-type: none; }
#footersociallink ol li { display: inline; margint: 0 6px 0 0;}
#footersociallink ol li img { width: 32px; height: 32px; }

@media (max-width: 575px) {
	.navbar-brand { font-size: 1.55em; }
	.navbar-brand img { width: 30px; height: auto; margin-right: 0.2em; }
	h1 { font-size: 1.4em; }
	#footersociallink { text-align: left; }
}