/* New Colors */
/*
สีน้ำเงิน C100 M80 Y0  rgb(3,78,162)  (เดิม)#034ea2 (ใหม่)#1D4294  
สีทอง C20 M40 Y100  rgb(208,155,44)  (เดิม)#d09b2c (ใหม่)#C6AB00
*/
:root {
	--tpablue: #1D4294;
    --tpagold: #C6AB00;
}

/* Home */
/* .home-tpaintro { background-image: url("../images/newyear-bg.jpg"); background-position: center top; background-size: contain; background-attachment: fixed; } */
body, body * { font-family: 'Kanit', sans-serif !important; }

.home-topbox { margin-top: -3px; }
#home-hilight { margin-top: -24px; padding: 1em 0; background:#ffffff; }
	#home-panel .panel .panel-heading { background-color: var(--tpablue); color: #ffffff; }
	#home-panel .panel a { color: #001b8f; }
	#home-panel-newsupdate { /*color: #001b8f;*/ color: #333333; }
	/* #home-panel-newsupdate .label-info { background: #fcba63 none; color: #001b8f; } */
	#home-panel h4 { font-weight: bold; position: relative; }
	#home-panel h4 .label-default, .home-header h3 .label-default { padding-top: 3px; padding-bottom: -3px; /*background-color: #ffbf00; border: 1px solid #ffbf00; color: #001b8f;*/ background-color: #ffffff; }
	/* #home-panel h4 .label-default:hover, .home-header h3 .label-default:hover { background-color: #fcde84; color: #02156b; } */
	#home-panel h4 .label-default { position: absolute; top: -0.1em; right: 0.2em; font-weight: normal; }
	.home-header h3 { font-weight: bold; position: relative; }
	.home-header h3 .label-default { position: absolute; top: 0.3em; right: 0.5em;  font-size: 0.5em; font-weight: normal; } 
	/* #home-panel .panel .btn-default { background:#001b8f; color: #ffbf00; }
	#home-panel .panel .btn-default:hover { background:#1b40e4; color: #b18604; } */
	.row > div h3 { /*background: #fcba63 none; color: #001b8f;*/ background: var(--tpablue); color: #ffffff; }
	.row > div h3 span { border-right: none; background: none; /*color: #001b8f;*/ }
	#etprogram img { max-height: 175px; object-fit: cover; }
	.home-activity-event { display: table; margin-top: 0.5em; }
	.home-activity-event-date { display: table-cell; }
	.home-activity-event-date span { display: block; width: 60px; line-height: 50px; padding: 0; border-style: solid; border-width: 5px; border-radius: 50%; text-align: center; font-size: 32px; /* background:#e2c164 url(../images/test/bg-gold-y2.jpg) center center repeat-y; background-size: 100%; */ /*background:#fcba63; color: #001b8f;*/ /*border-color: var(--tpablue); color: var(--tpablue);*/ }
	.home-activity-event-info { display: table-cell; padding-left: 0.5em; vertical-align: top; }
	.home-activity-event-date, .home-activity-event-info span { font-family: 'Kanit', sans-serif !important; }
	.home-activity-event-info span.home-activity-event-date-header { display: block; margin-bottom: 0.4em; padding-bottom: 0; background: #fefefe; /*padding-left: 0.4em; background:#fcba63; color: #001b8f;*/ /*background:var(--tpablue); color: #ffffff;*/ }
	.home-activity-event-info a { color: #333333 !important; }
		.event-date-sun { color: #f70201; border-color: #f70201; }
		.event-date-mon { color: #fbc604; border-color: #fbc604; }
		.event-date-tue { color: #fa30c4; border-color: #fa30c4; }
		.event-date-wed { color: #03c504; border-color: #03c504; }
		.event-date-thu { color: #fa8d0c; border-color: #fa8d0c; }
		.event-date-fri { color: #0061fe; border-color: #0061fe; }
		.event-date-sat { color: #6101c5; border-color: #6101c5; }
	#freeemag .img-responsive { width: 100%; height: auto; object-fit: cover; }
div.row.home-header a { color: #001b8f; }
#tpabook, #etandjobs { border: 1px solid #dddddd; border-radius: 4px; box-shadow: 0 1px 1px rgba(0,0,0,.05); }
#tpabook h3, #etprogram h3, #jobs h3 { margin: 0px -15px 10px -15px; }
#jobs ul li { margin: 1em 0; }
#tpabook .row .box { padding-top: 0.2em; padding-bottom: 0.2em; }
#freebook { border: 1px solid #dddddd; border-radius: 4px; box-shadow: 0 1px 1px rgba(0,0,0,.05); }
    #freebook h3 { margin: 0px -15px 10px -15px; }
    #freebook > div > div { text-align: center; }
    #freebook > div > div a span { display: none; }
    #freebook .img-responsive { width: 100%; height: auto; object-fit: cover; }

.footer { background: var(--tpablue); color: #ffffff; }
.footer h5 { font-size: 1.4em; }
.footer p { font-size: 1.0em; }
.footer div, .footer div p.text-muted { background: none; color: #ffffff; }
.footer-nav { background:#ffffff none; color: #001b8f; }
.footer-nav h5 { font-weight: bold; }
.footer-nav h5, .footer-nav ul, .footer-nav a { color: #001b8f; }

.homeshortcut { display: block; margin: -5px 0 45px 0; padding-top: 2em; padding-bottom: 2em; background-color: #f9f9f9; text-align: center; }
.homeshortcut { font-family: 'Kanit', sans-serif; }
.homeshortcut img { display: block; margin: 0 auto 10px auto; border: 4px solid #001b8f; }
.homeshortcut a { color: #444444; }
	.homeshortcut a:hover { color: #FF0000; font-weight: bold; }
	.homeshortcut a:hover img { filter: saturate(1.5) brightness(110%) contrast(100%); border: 7px solid #250088; }
.homeshortcut span.nolink { color: #aaaaaa; }
.homeshortcut h3 { margin-bottom: 0.7em; /*font-size: 2.9em !important;*/ font-size: 1.8em !important; font-weight: bold; }
.homeserviceshortcut .box { margin-top: -1.5em; }
.homeshortcut-list .link-pink { padding: 4px 8px; background:#fcba63; font-size: 1.4em; color: #001b8f; }

#gateway { display: none; position: fixed; top: 0; left: 0; z-index: 999; width: 100vw; height: 100vw; background-color: rgba(0,0,0,0.75); text-align: center; }
#gateway h3 { font-size: 1.4em !important; }
#gateway-panel { display: table-cell; background-color: #fefefe; border-radius: 0.4em; position: fixed; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
#gateway-panel ul { list-style-type: none; margin: 0; padding: 0; }
/* #gateway-panel ul li { display: inline-block; width: 200px !important; padding: 10px; vertical-align: top; } */
#gateway-panel ul li { display: inline-block; width: 155px !important; padding: 10px; vertical-align: top; }
/* #gateway-list-row .box { display: table-cell !important; } */

/* Carousel */
#carousel-example-generic .carousel-caption { right: 10%; left: 10%; padding-bottom: 10px; bottom: 14px; font-size: 1.2em; }
#carousel-example-generic .carousel-caption h4 { margin: 0; padding: 0; font-size: 1.8em; }
#carousel-example-generic .carousel-indicators { bottom: 0; }
.caption-invert { color: #000 !important; text-shadow: 0 1px 2px rgba(255,255,255,.6) !important; }
.img-maxwidth { width: 100%; height: 198px; margin: 0; padding: 0; border: 2px solid #FFF; }
.carousel-container { background: #034ea2; margin: 0 !important; padding: 2px 2px 11px 2px !important; overflow: hidden; }
.carousel-container > div { padding: 0 !important;}
.carousel-inner .row { margin-left: 0; margin-right: 0; }
.carousel-inner .row div[class^='col-'] { padding: 0; }
.carousel-inner .row div[class^='col-'] img { padding: 1px; }
.carousel-indicators { bottom: -20px !important; }
.carousel-indicators li { border: 1px solid #034ea2; }
.carousel-indicators .active { background-color: #034ea2; }
#home-panel.container { padding-left: 0px !important; padding-right: 0px !important; }
.carousel-container .carousel-control { bottom: 14px; width: 5%; }
.carousel-container .carousel-control .glyphicon { font-family: 'Glyphicons Halflings' !important; color: #ffbf00; }

#swaptopbanner .carousel-inner img:hover { filter: brightness(110%) saturate(200%); }

.btn-gold { background:#e2c164 url(../images/test/bg-gold-y2.jpg) center center repeat-y; background-size: 100%; border: 1px solid #cc9933; color: #001b8f; }
.btn-gold:hover { filter: saturate(1.5) brightness(110%) contrast(100%); }
.btn-news { background:#fcba63; color: #001b8f; }
.btn-news:hover { filter: saturate(1.5) brightness(110%) contrast(100%); }

/* TPA Intro */
.home-tpaintro { background-color: #034ea2; margin-top: -4px; margin-bottom: 10px; padding: 0; }
.home-tpaintro .container { padding-left: 0 !important; padding-right: 0 !important;}
.home-tpaintro .carousel-container { padding: 0 !important; }
.home-tpaintro .carousel-container .item a { background-color: #ffffff;}
.home-tpaintro .carousel-container .item a img { background-color: #ffffff;}
.home-tpaintro .left, .home-tpaintro .right { background-image: none; }
.home-tpaintro .glyphicon { font-family: 'Glyphicons Halflings' !important; color: #ffbf00; }
.home-tpavideo { background-color: #034ea2; margin-top: -4px; }


/* ------------------------- */
@media (min-width: 1250px) {
	.home-tpaintro .item { text-align: center; }
	.home-tpaintro .item a { margin: 0 auto !important; }
	.home-tpaintro .item a img { width: 100% !important; }
}
@media (max-width: 1200px) {
	.img-maxwidth { width: 100%; height: 162px; }
	#carousel-example-generic .carousel-caption { font-size: 1.2em; }
	#carousel-example-generic .carousel-caption h4 { font-size: 1.1em; }
}
@media (min-width: 992px) {
	/*.home-tpaintro { background-image: url(../images/test/overlay-celebration.png); background-position: center top; background-repeat: repeat-x; }*/
	.home-tpaintro .carousel-container { padding-right: 0 !important; }
	.homeshortcut img { width: 80%; }
	#gateway-panel { width: 95vw; }
}
@media (max-width: 991px) {
	#etprogram img { max-height: 215px; object-fit: cover; }
	#gateway-panel { display: table-cell; background-color: #fefefe; position: fixed; top: 45%; width: 100vw; }
	#gateway-panel ul li { width: 100px !important; padding: 10px; vertical-align: top; } /* for many items */
}
@media (max-width: 768px) {
	/* Shortcut */
	#gateway { height: 100%; }
	/* #gateway-panel ul li { width: 140px !important; padding: 10px; vertical-align: top; } */
	#gateway-panel ul li { width: 90px !important; padding: 10px; vertical-align: top; } /* for many items */
	#gateway-list-new img { width: 50px; height: auto; }
	#gateway-list-new { font-size: 0.8em; line-height: 0.9em !important; }
}
@media (max-width: 480px) {
	#carousel-example-generic .carousel-caption { font-size: 0.9em; }
	#carousel-example-generic .carousel-caption h4 { font-size: 1em; }
	#tpatopbanner .tpatopbanner-img-caption { font-size: 0.9em; }
}
@media (max-height: 720px) {
	.modal-body img { width: auto; max-height: 400px; }
}