:root {
    --primary-color: #00234d;
    --secondary-color: #f76b6a;

    --btn-primary-border-radius: 0.25rem;
    --btn-primary-color: #fff;
    --btn-primary-background-color: #00234d;
    --btn-primary-border-color: #00234d;
    --btn-primary-hover-color: #fff;
    --btn-primary-background-hover-color: #00234d;
    --btn-primary-border-hover-color: #00234d;
    --btn-primary-font-weight: 500;

    --btn-secondary-border-radius: 0.25rem;
    --btn-secondary-color: #00234d;
    --btn-secondary-background-color: transparent;
    --btn-secondary-border-color: #00234d;
    --btn-secondary-hover-color: #fff;
    --btn-secondary-background-hover-color: #00234d;
    --btn-secondary-border-hover-color: #00234d;
    --btn-secondary-font-weight: 500;

    --heading-color: #000;
    --heading-font-family: "Poppins", sans-serif;
    --heading-font-weight: 700;

    --title-color: #000;
    --title-font-family: "Poppins", sans-serif;
    --title-font-weight: 400;

    --body-color: #000;
    --body-background-color: #fff;
    --body-font-family: "Poppins", sans-serif;
    --body-font-size: 14px;
    --body-font-weight: 400;

    --section-heading-color: #000;
    --section-heading-font-family: "Poppins", sans-serif;
    --section-heading-font-size: 48px;
    --section-heading-font-weight: 600;

    --section-subheading-color: #000;
    --section-subheading-font-family: "Poppins", sans-serif;
    --section-subheading-font-size: 16px;
    --section-subheading-font-weight: 400;
}

.slide-img {
  height: unset !important; }

.about-hero-title {
	font-size: 36px;
}

.action-title a, .action-title {
	font-size: 28px;
}

.action-count {
  background-image: none;
  background-color: #aaa;
  border-radius: 50%;
}

.newsletter-modal-content {
    outline: 6px solid #532275 !important;
}

.secondary-img {
    height: auto;
    aspect-ratio: 1;
}

.star-rating {
	display: flex;
}

.self-btn-close {
	position: absolute;
	top: 10px;
	right: 10px;
	width: 50px;
	height: 50px;
	border: 1px solid #222;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2rem;
	z-index: 10;
}

.breadcrumb {
    margin-bottom: 30px;
}

.left_menu_frame {
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 20px;
	display: flex;
	flex-direction: column;
	gap: .5rem;
	background-color: #fff;
	overflow: hidden;
}

.left_menu_item {
	width: 100%;
	padding: 20px;
}

.left_menu_item a {
	color: #222 !important;
}

.left_menu_item:hover {
	background-color: #047790;
}

.left_menu_item:hover a {
	color: #fff !important;
}

.input-container {
	position: relative;
	margin-top: 25px;
}

.input-container label {
	position: absolute;
	top: 0px;
	left: 0px;
	font-size: 1rem;
	color: #222;
	transition: all 0.5s ease-in-out;
}

.input-container input {
	border: 0;
	border-bottom: 1px solid #555;
	background: transparent;
	width: 100%;
	padding: 8px 0 5px 0;
	font-size: 1rem;
	color: #222;
}

.input-container input:focus { 
	border: none;
	outline: none;
	border-bottom:1px solid #e74c3c;	
}

.input-container input:focus ~ label,
.input-container input:valid ~ label,
.input-container input[readonly][value]:not([value=""]) ~ label {
	top: -12px;
	font-size: 10px;
}

.tag {
	padding: 2px 3px;
	border-radius: 2px;
	background-color: #00234d;
	color: #fff;
	margin-right: .5rem;
	font-family:
        "Noto Sans TC",
        "PingFang TC",
        "Microsoft JhengHei",
        system-ui,
        -apple-system,
        sans-serif;
}

.cp {
    cursor: pointer;
}

@media screen and (width < 992px) {
	.breadcrumb {
		margin-top: 10px;
		margin-bottom: 10px;
	}

	.left_menu_frame {
		padding: 10px;
	}
}