body { 
		font-family: 'Sarabun', sans-serif; 
		font-size: 16px; 
	}
	.header-bar { background: #c3002f; height: 10px; }
	.header-bar-1 { background: #ffc107; height: 10px; }

	.square-tab {
		background-color: #f8f9fa;
		color: #000;
		border: 1px solid #dee2e6;
		padding: 0.6rem 1.2rem;
		transition: all 0.2s ease-in-out;
		border-radius: 0px;
	}
	.square-tab:hover {
		background-color: #ffe8ec;
		color: #a20034;
		border-color: #c3002f;
	}
	.square-tab.active {
		background-color: #c3002f;
		color: #fff !important;
		border: 2px solid #c3002f;
		border-bottom: 0px;
	}

	.tab-pane {
		display: none;
		opacity: 0;
		transition: opacity 0.15s linear;
	}
	.tab-pane.show {
		display: block;
		opacity: 1;
	}


	.notice-box {
		border-left: 4px solid #ffc107;
		padding-left: 1rem;
		margin-bottom: 1.5rem;
	}

	.notice-box a {
		color: #000 !important;
		text-decoration: none;
		display: inline-block;
	}

	.notice-box a:hover {
		color: #a20034 !important;
	}

	.notice-box p {
		margin: 0;
	}

	.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
		color: #fff;
		background-color: #c3002f;
	}

	.border-dark {
		border-color: #dddddd !important;
	}

	.breadcrumb a {
		font-family: 'Sarabun', sans-serif;
		font-weight: 400;
		font-size: 16px;
		letter-spacing: 0.025em;
		color: #000;
		display: inline-block;
	}

	.breadcrumb > li {
		font-size: 16px;
		font-weight: 300;
		text-shadow: none;
		color: #000;
	}

	.breadcrumb{
		background-color: #fff;
	}