/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

/* ===== 選單顏色設定 ===== */
/* ===== Navbar 固定置頂 ===== */
		.navbar {
			transition: all 0.3s ease;
			padding: 15px 0;
		}

		/* 滾動後樣式 */
		.navbar.scrolled {
			background-color: #ffffff !important;
			box-shadow: 0 2px 10px rgba(0,0,0,0.1);
			padding: 8px 0;
		}

		/* 預設透明 */
		.navbar.transparent {
			background-color: transparent;
		}

		/* ===== 選單顏色 ===== */
		.navbar-nav .nav-link {
			color: #000 !important;
			font-weight: 500;
			margin: 0 10px;
			font-size: 1.1rem;
			letter-spacing: 1px;
		}

		.navbar-nav .nav-link:hover {
			color: #00A3FF !important;
		}

		.navbar-nav .nav-link.active {
			color: #00A3FF !important;
			font-weight: 700;
		}


		/* Hover 下拉 */
		.dropdown:hover .dropdown-menu {
			display: block;
			margin-top: 0;
		}

		/* 下拉 hover 色 */
		.dropdown-menu .dropdown-item:hover {
			background-color: #00A3FF;
			color: #fff;
		}

		body {
			padding-top: 90px; /* 預留給 fixed navbar */
		}


	/*動畫文字框設定*/
	#widget-subscribe-form {
		display: block;
		padding: 40px;
		background-color: #FFF;
		border: 1px solid #EEE;
		border-radius: 3px;
		box-shadow: 0 0 30px 4px rgba(0, 0, 0, 0.15);
		transition: box-shadow .4s linear;
		margin: 0 auto; /* 讓容器水平置中 */
	}

	.slider-title h1 {
		display: inline-block;
		font-size: 44px;
		font-weight: 900;
		/*color: var(--cnvs-contrast-500);*/
	}


	.btn-primary {
		color: #fff;
		background-color: #a6ddfb;
		border-color: #a6ddfb;
		padding: 0 28px;
	}


	.text-size-sm {
		font-size: 1rem !important;
	}

	.text-size-md {
		font-size: 1.5rem !important;
	}


	.fbox-plain .fbox-icon {
		border: none !important;
		height: auto !important;
	}
	.fbox-icon {
		width: calc(var(--cnvs-featured-box-icon) + var(--cnvs-featured-box-padding-x) * 2);
		height: var(--cnvs-featured-box-icon);
		padding: 0 var(--cnvs-featured-box-padding-x);
	}

	.fbox-content {
		flex-basis: 0;
		flex-grow: 1;
		min-width: 0;
		max-width: 100%;
		padding: 0 var(--cnvs-featured-box-padding-x);
	}

	.fbox-content p {
		margin-top: 0.5rem;
		margin-bottom: 0px;
		color: #979797;

	}


	.fbox-content h3, .fbox-content .h3 {
		font-size: 1.125rem;
		font-weight: 600;
		text-transform: none;
		margin-bottom: 0;
	}

	.colmb50 {
		margin-bottom: 50px !important;
	}

	.feature-box {
		--cnvs-featured-box-icon: 4rem;
		--cnvs-featured-box-padding-x: 0.75rem;
		--cnvs-featured-box-icon-size: 1.75rem;
		--cnvs-featured-box-font-size: 1.125rem;
		--cnvs-featured-box-font-color: var(--cnvs-heading-color);
		--cnvs-featured-box-font-weight: 600;
		--cnvs-featured-box-font-tt: none;
		--cnvs-featured-box-icon-sm: calc(4rem * 0.5);
		--cnvs-featured-box-padding-x-sm: calc(0.75rem / 1.5);
		--cnvs-featured-box-icon-size-sm: calc(1.75rem / 1.75);
		--cnvs-featured-box-icon-lg: calc(4rem * 1.5);
		--cnvs-featured-box-icon-size-lg: calc(1.75rem * 1.4285714286);
		--cnvs-featured-box-icon-xl: calc(4rem * 2);
		--cnvs-featured-box-icon-size-xl: calc(1.75rem * 2.5714285714);
		--cnvs-featured-box-outline-border: 1px;
		--cnvs-featured-box-outline-padding: 0.25rem;
		--cnvs-featured-box-rounded: 0.25rem;
		--cnvs-featured-box-bg-light: var(--cnvs-contrast-200);
		--cnvs-featured-box-bg-dark: #343a40;
		--cnvs-featured-box-plain-font-size: 3rem;
		--cnvs-featured-box-plain-icon-size: 3rem;
		position: relative;
		display: flex;
		flex-wrap: wrap;
		margin-left: calc(-1 * var(--cnvs-featured-box-padding-x));
		margin-right: calc(-1 * var(--cnvs-featured-box-padding-x));
	}

	.color {
		color: #00A3FF !important;
	}

	.ls-1 {
		letter-spacing: 1px !important;
	}

	/* 手機版展開選單時要白底 */
	@media (max-width: 991.98px) {
		.navbar-collapse {
			background-color: #fff;
			padding: 15px;
		}
		
	}


	@media (max-width: 768px) {
	}


	/*手機版長網址不會超出格子（overflow）*/
	@media (max-width: 576px) {
		.t-rotate {
			overflow-wrap: anywhere;
			word-break: break-all;
		}
		
		
	}