/*================
顏色設定&部分微調設定
=======================*/
:root {
	--primary: #ea5404;
	--primary-dark-1: #501d01;
	--primary-dark-2: #ae3803;
	--primary-dark-3: #ea4a04;
	--primary-dark-4: #ed5004;
	--primary-dark-5: #f35904;
	--primary-dark-6: #f86204;
	--primary-dark-7: #ff6e04;
	--primary-light-1: #ff8c3c;
	--primary-light-2: #ffb57f;
	--primary-light-3: #ffd1ae;
	--primary-light-4: #ffe2ca;
	--primary-light-5: #fee4c1;
	--primary-light-6: #ffeece;
	--primary-light-7: #fffbe2;
	--primary-sec-1: #ff4500;
	--primary-sec-2: #e65013;
	--primary-sec-3: #cb6322;
	--primary-sec-4: #dc591e;
	--primary-sec-5: #c26d2f;
	--primary-gray-1: #f8d7a6;
	--primary-gray-2: #fbe0b8;
	--primary-gray-3: #c6b292;
	--primary-gray-4: #ece3d1;
}

/*9537*/
.table-primary,
.table-primary > td,
.table-primary > th {
	background-color: var(--primary-light-6);
}
.table-primary tbody + tbody,
.table-primary td,
.table-primary th,
.table-primary thead th {
	border-color: var(--primary-light-2);
}
.table-hover .table-primary:hover {
	background-color: var(--primary-light-4);
}
.table-hover .table-primary:hover > td,
.table-hover .table-primary:hover > th {
	background-color: var(--primary-light-4);
}

/* 9856 */
.form-control:focus {
	border-color: var(--primary-light-3);
	-webkit-box-shadow: 0 0 0 0.2rem rgba(234, 84, 4, 0.25);
	box-shadow: 0 0 0 0.2rem rgba(234, 84, 4, 0.25);
}

/*10486*/
.btn.focus,
.btn:focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(234, 84, 4, 0.25);
	box-shadow: 0 0 0 0.2rem rgba(234, 84, 4, 0.25);
}
/* 10503 */
.btn-primary {
	background-color: var(--primary);
	border-color: var(--primary);
}
.btn-primary:hover {
	background-color: var(--primary-dark-6);
	border-color: var(--primary-dark-5);
}
.btn-primary.focus,
.btn-primary:focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(255, 140, 60, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(255, 140, 60, 0.5);
}
.btn-primary.disabled,
.btn-primary:disabled {
	background-color: var(--primary);
	border-color: var(--primary);
}
.btn-primary:not(:disabled):not(.disabled).active,
.btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
	background-color: var(--primary-light-3);
	border-color: var(--primary-dark-4);
}
.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(255, 140, 60, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(255, 140, 60, 0.5);
}

/* 10822 */
.btn-outline-primary {
	color: var(--primary);
	border-color: var(--primary);
}
.btn-outline-primary:hover {
	background-color: var(--primary);
	border-color: var(--primary);
}
.btn-outline-primary.focus,
.btn-outline-primary:focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(234, 84, 0, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(234, 84, 0, 0.5);
}
.btn-outline-primary.disabled,
.btn-outline-primary:disabled {
	color: var(--primary);
}
.btn-outline-primary:not(:disabled):not(.disabled).active,
.btn-outline-primary:not(:disabled):not(.disabled):active,
.show > .btn-outline-primary.dropdown-toggle {
	background-color: var(--primary);
	border-color: var(--primary);
}
.btn-outline-primary:not(:disabled):not(.disabled).active:focus,
.btn-outline-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-outline-primary.dropdown-toggle:focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(234, 84, 4, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(234, 84, 4, 0.5);
}

/* 11471 */
.dropdown-item.active,
.dropdown-item:active {
	background-color: var(--primary);
}

/* 11842 */
.custom-control-input:checked ~ .custom-control-label::before {
	border-color: var(--primary);
	background-color: var(--primary);
}
.custom-control-input:focus ~ .custom-control-label::before {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(234, 84, 4, 0.25);
	box-shadow: 0 0 0 0.2rem rgba(234, 84, 4, 0.25);
}
.custom-control-input:focus:not(:checked) ~ .custom-control-label::before {
	border-color: var(--primary-dark-3);
}
.custom-checkbox
	.custom-control-input:indeterminate
	~ .custom-control-label::before {
	border-color: var(--primary);
	background-color: var(--primary);
}
.custom-control-input:not(:disabled):active ~ .custom-control-label::before {
	background-color: var(--primary-light-5);
	border-color: var(--primary-light-5);
}
.custom-checkbox
	.custom-control-input:disabled:checked
	~ .custom-control-label::before {
	background-color: rgba(234, 84, 4, 0.5);
}
.custom-checkbox
	.custom-control-input:disabled:indeterminate
	~ .custom-control-label::before {
	background-color: rgba(234, 84, 4, 0.5);
}
.custom-switch
	.custom-control-input:disabled:checked
	~ .custom-control-label::before {
	background-color: rgba(234, 84, 4, 0.5);
}

/* 12025 */
.custom-select:focus {
	border-color: var(--primary-light-3);
	-webkit-box-shadow: 0 0 0 0.2rem rgba(234, 84, 4, 0.25);
	box-shadow: 0 0 0 0.2rem rgba(234, 84, 4, 0.25);
}

/* 12096 */
.custom-file-input:focus ~ .custom-file-label {
	border-color: var(--primary-light-3);
	-webkit-box-shadow: 0 0 0 0.2rem rgba(234, 84, 4, 0.25);
	box-shadow: 0 0 0 0.2rem rgba(234, 84, 4, 0.25);
}

/* 12167 */
.custom-range:focus::-webkit-slider-thumb {
	-webkit-box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(234, 84, 4, 0.25);
	box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(234, 84, 4, 0.25);
}
.custom-range:focus::-moz-range-thumb {
	box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(234, 84, 4, 0.25);
}
.custom-range:focus::-ms-thumb {
	box-shadow: 0 0 0 1px #fff, 0 0 0 0.2rem rgba(234, 84, 4, 0.25);
}

/* 12212 */
.custom-range::-webkit-slider-thumb {
	background-color: var(--primary);
}

/* 12228 */
.custom-range::-moz-range-thumb {
	background-color: var(--primary);
}

/* 12249 */
.custom-range::-moz-range-thumb:active {
	background-color: var(--primary-light-5);
}

/* 12265 */
.custom-range::-ms-thumb {
	background-color: var(--primary);
}

/* 12288 */
.custom-range::-ms-thumb:active {
	background-color: var(--primary-light-5);
}

/* 12436 */
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
	background-color: var(--primary);
}

/* 13071 */
.navbar {
	align-items: center;
}
.navbar-brand img {
	display: block;
}
.navbar-brand .logo-2 {
	display: none;
}
/* 13335 */
.page-link {
	color: var(--primary);
}

/* 13347 */
.page-link:hover {
	color: var(--primary-dark-3);
}

/* 13378 */
.page-item.active .page-link {
	background-color: var(--primary);
	border-color: var(--primary);
	border-radius: 100%;
}

/* 13481 */
.badge-primary {
	background-color: var(--primary);
}
a.badge-primary:focus,
a.badge-primary:hover {
	background-color: var(--primary-dark-5);
}
a.badge-primary.focus,
a.badge-primary:focus {
	-webkit-box-shadow: 0 0 0 0.2rem rgba(234, 84, 4, 0.5);
	box-shadow: 0 0 0 0.2rem rgba(234, 84, 4, 0.5);
}

/* 13688 */
.alert-primary {
	color: var(--primary-dark-2);
}
.alert-primary hr {
	border-top-color: var(--primary-light-4);
}
.alert-primary .alert-link {
	color: var(--primary-dark-1);
}

/* 13854 */
.progress-bar {
	background-color: var(--primary);
}

/* 13983 */
.list-group-item.active {
	background-color: var(--primary);
	border-color: var(--primary);
}

/* 14155 */
.list-group-item-primary {
	color: var(--primary-dark-2);
	background-color: var(--primary-light-6);
}
.list-group-item-primary.list-group-item-action:focus,
.list-group-item-primary.list-group-item-action:hover {
	color: var(--primary-dark-2);
	background-color: var(--primary-light-4);
}
.list-group-item-primary.list-group-item-action.active {
	background-color: var(--primary-dark-2);
	border-color: var(--primary-dark-2);
}

/* 15325 */
.bg-primary {
	background-color: var(--primary) !important;
}
a.bg-primary:focus,
a.bg-primary:hover,
button.bg-primary:focus,
button.bg-primary:hover {
	background-color: var(--primary-dark-5) !important;
}

/*15465*/
.border-primary {
	border-color: var(--primary) !important;
}

/*19207*/
.text-primary {
	color: var(--primary) !important;
}

/*19212 */
a.text-primary:focus,
a.text-primary:hover {
	color: var(--primary-light-1) !important;
}

/* 25079 */
.slider.slider-horizontal .slider-tick.triangle,
.slider.slider-horizontal .slider-handle.triangle {
	border-bottom-color: var(--primary-sec-4);
}

/* 25178 */
.slider.slider-vertical .slider-tick.triangle,
.slider.slider-vertical .slider-handle.triangle {
	border-left-color: var(--primary-sec-4);
	border-right-color: var(--primary-sec-4);
}

/* 25298 */
.slider-selection.tick-slider-selection {
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, var(--primary-gray-2)),
		to(var(--primary-gray-1))
	);
	background-image: linear-gradient(
		to bottom,
		var(--primary-gray-2) 0,
		var(--primary-gray-1) 100%
	);
}

/* 25315 */
.slider-handle {
	background-color: var(--primary-sec-5);
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, var(--primary-sec-5)),
		to(var(--primary-sec-4))
	);
	background-image: linear-gradient(
		to bottom,
		var(--primary-sec-5) 0,
		var(--primary-sec-4) 100%
	);
}

/* 25404 */
.slider-tick.in-selection {
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, var(--primary-gray-2)),
		to(var(--primary-gray-1))
	);
	background-image: linear-gradient(
		to bottom,
		var(--primary-gray-2) 0,
		var(--primary-gray-1) 100%
	);
}

/* 26166 nav&footer*/
.header-footer-bg {
	background: #000;
}
.topbar-text ul li a,
.copyright-text {
	color: #fff;
}
.topbar-text .list-inline-item a {
	font-weight: bold;
}

/* 26171 */
.primary-bg {
	background: var(--primary-dark-7);
}

/*26181*/
.color-primary {
	color: var(--primary-dark-7);
}

/* 26191 */
.gradient-bg {
	background: linear-gradient(75deg, #f5a012, #ec5704) !important;
}

/* 26201 */
a {
	color: var(--primary);
}
a:hover {
	color: var(--primary-dark-3);
}

/* 26237 */
.color-3 {
	color: var(--primary-dark-7);
}
.color-3-bg {
	background: rgba(255, 110, 4, 0.15);
}

/* 26294 */
.primary-solid-btn {
	border: 1px solid var(--primary-dark-7);
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#f9820e),
		to(#ff6e04)
	);
	background-image: linear-gradient(to bottom, #f9820e, #ff6e04);
}

/* 26304 */
.primary-solid-btn:hover {
	color: var(--primary-dark-7);
}
/* 26338 */
.outline-btn {
	color: var(--primary-dark-7);
	border: 1px solid var(--primary-dark-7);
}

/* 26346 */
.outline-btn:after {
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(var(--primary-dark-7)),
		to(var(--primary-sec-1))
	);
	background-image: linear-gradient(
		to bottom,
		var(--primary-dark-7),
		var(--primary-sec-1)
	);
}

/* 26369 */
.outline-btn:hover {
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(var(--primary-dark-7)),
		to(var(--primary-sec-1))
	);
	background-image: linear-gradient(
		to bottom,
		var(--primary-dark-7),
		var(--primary-sec-1)
	);
}

/* 26381 */
.solid-white-btn {
	color: var(--primary-dark-7);
}

/* 26400 */
.outline-white-btn:hover {
	color: var(--primary-dark-7);
}

/* 26500 */
.gradient-overlay:before {
	/* background-image: -webkit-gradient(
		linear-gradient(
			to left,
			rgba(245, 160, 18, 0.7),
			rgba(249, 130, 14, 0.6),
			rgba(255, 110, 4, 0.6),
			rgba(234, 84, 4, 0.7)
		)
	);
	background-image: linear-gradient(
		to left,
		rgba(245, 160, 18, 0.7),
		rgba(249, 130, 14, 0.6),
		rgba(255, 110, 4, 0.6),
		rgba(234, 84, 4, 0.7)
	); */
	background: rgba(0, 0, 0, 0.6);
}

/* for內頁中間banner & footer */
.gradient-overlay-banner,
.gradient-overlay-footer {
	position: relative;
	width: 100%;
}
.gradient-overlay-banner:before,
.gradient-overlay-footer:before {
	position: absolute;
	content: " ";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.gradient-overlay-banner:before {
	/* background-image: -webkit-gradient(
		linear-gradient(
			to left,
			rgba(245, 160, 18, 0.7),
			rgba(249, 130, 14, 0.8),
			rgba(255, 110, 4, 0.8)
		)
	);
	background-image: linear-gradient(
		to left,
		rgba(245, 160, 18, 0.7),
		rgba(249, 130, 14, 0.8),
		rgba(255, 110, 4, 0.8)
	); */
	background: rgba(30, 30, 30, 0.6);
}

.gradient-overlay-footer:before {
	/* background: linear-gradient(
		75deg,
		rgba(245, 160, 18, 0.9),
		rgba(236, 87, 4, 0.95)
	) !important; */
	background: rgba(255, 110, 4, 0.88);
}

/* 26538 */
.bg-transparent.affix {
	background-image: -webkit-gradient(
		linear,
		right top,
		left top,
		from(#efbe1a),
		color-stop(#f5a012),
		color-stop(#f9820e),
		color-stop(#ff6e04),
		to(#ea5404)
	) !important;
	background-image: linear-gradient(
		to left,
		#efbe1a,
		#f5a012,
		#f9820e,
		#ff6e04,
		#ea5404
	) !important;
}

/* 26563 */
.topbar-text ul li a:hover {
	color: var(--primary-dark-7);
}

/* 26602 */
.main-header-menu-wrap .navbar-toggler.btn:focus {
	color: var(--primary-dark-7);
}

/* 26671 */
.bg-transparent .main-navbar-nav li.header-nav-last-item a.btn:hover {
	color: var(--primary-dark-7) !important;
}

/* 26700 */
.custom-nav-item:hover .custom-nav-link,
.custom-nav-item:focus .custom-nav-link {
	color: var(--primary-dark-7);
}
.header-main .active > .custom-nav-link {
	color: var(--primary-dark-7);
}

/* 26729 */
.headroom--not-top.slideDown .bg-transparent {
	background: linear-gradient(75deg, #efbe1a 10%, #ea5404) !important;
}

@media (max-width: 767px) {
	/* 26736 */
	.bg-transparent .header-nav #navBar.navbar-collapse,
	.gradient-bg .header-nav #navBar.navbar-collapse {
		background: linear-gradient(75deg, #efbe1a 10%, #ea5404) !important;
	}
}

/* 26772 */
.main-sub-menu .active > .sub-menu-nav-link {
	color: var(--primary-dark-7);
}

/* 26932 */
.hs-mega-menu-opened a.custom-nav-link:before,
.hs-sub-menu-opened a.custom-nav-link:before {
	background-color: var(--primary-dark-7);
}

/* 27129 */
.title-with-icon-link:hover .u-header__promo-title {
	color: var(--primary-dark-7);
}

/* 27191 */
.video-play-icon {
	background: var(--primary-dark-7);
}

/* 27260 */
/* .navbar-expand-md .main-sub-menu:not(.u-header__promo) {
	border-left: 2px solid var(--primary-dark-7);
} */

/* 27661 */
/*video background css*/
.background-video-overly {
	background-image: -webkit-gradient(
		linear,
		right top,
		left top,
		from(rgba(239, 190, 26, 0.45)),
		color-stop(rgba(245, 160, 18, 0.45)),
		color-stop(rgba(249, 130, 14, 0.45)),
		color-stop(rgba(255, 110, 4, 0.45)),
		to(rgba(234, 84, 4, 0.45))
	);
	background-image: linear-gradient(
		to left,
		rgba(239, 190, 26, 0.45),
		rgba(245, 160, 18, 0.45),
		rgba(249, 130, 14, 0.45),
		rgba(255, 110, 4, 0.45),
		rgba(234, 84, 4, 0.45)
	);
}

/* 27702 */
/* index banner */
.gradient-overly-right:before {
	/* background: -webkit-gradient(
		linear,
		left top,
		right top,
		color-stop(rgba(234, 84, 4, 1) 30%),
		to(rgba(239, 190, 26, 0.25))
	); */
	background: -webkit-gradient(
		to right,
		rgba(30, 30, 30, 0.5) 40%,
		rgba(40, 40, 40, 0.1)
	);
	/* background: linear-gradient(
		to right,
		rgba(234, 84, 4, 1) 30%,
		rgba(239, 190, 26, 0.25) 100%
	);  */
	background: linear-gradient(
		to right,
		rgba(30, 30, 30, 0.5) 40%,
		rgba(40, 40, 40, 0.1)
	);
}
.gradient-overly-left:before {
	/* background: -webkit-gradient(
		linear,
		right top,
		left top,
		color-stop(30%, #ec5704),
		to(rgba(239, 190, 26, 0.25))
	);
	background: linear-gradient(
		to left,
		#ec5704 30%,
		rgba(239, 190, 26, 0.25) 100%
	); */

	background: none;
}
.gradient-overly-bottom:before {
	/* background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(45%, #ec5704),
		to(rgba(239, 190, 26, 0.25))
	);
	background: linear-gradient(
		to bottom,
		#ec5704 45%,
		rgba(239, 190, 26, 0.25) 100%
	); */

	background: none;
}
.gradient-overly-top:before {
	/* background: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(35%, #ec5704),
		to(rgba(239, 190, 26, 0.25))
	);
	background: linear-gradient(
		to top,
		#ec5704 35%,
		rgba(239, 190, 26, 0.25) 100%
	); */

	background: none;
}

/* 27841 */
.custom-dot.dot-bottom-center.owl-theme .owl-dots button {
	border: 1px dashed var(--primary-dark-7);
}

/*27882*/
.custom-dot.owl-theme .owl-dots button.owl-dot span:hover {
	background: var(--primary-dark-7);
}

/*27888*/
.custom-dot.owl-theme .owl-dots button.owl-dot.active span {
	background: var(--primary-dark-7);
}

/* 27900 */
.gradient-bg-overly {
	background: linear-gradient(
		75deg,
		rgba(239, 190, 26, 0.14) 10%,
		rgba(234, 84, 4, 0.24)
	) !important;
}

/* 28074 */
.custom-plan-box .slider .tooltip-up {
	color: var(--primary-dark-7);
}
.custom-plan-box .slider .tooltip-up:before {
	color: var(--primary-dark-7);
}

/* 28103 */
.custom-plan-box .slider-selection {
	background-color: var(--primary-dark-7);
}

/* 28126 */
.custom-plan-box .slider-track:before {
	background-color: var(--primary-dark-7);
}
.custom-plan-box .slider-track:after {
	background-color: var(--primary-dark-7);
}

/* 28152 */
.custom-plan-box .slider-handle {
	border: 8px solid var(--primary-dark-7);
}

/* 28167 nav滾動變色 */
.dark {
	background-color: #ea5404;
	box-shadow: inset 0px 0px 0px 0px #fff, 0px 1px 10px -5px #4a4a4a;
}
/* 主選單文字 */
.dark .custom-nav-link {
	color: #fff;
}
/* btn */
.dark .primary-solid-btn {
	border: 1px solid #fff;
	background: #fff;
	color: #ea5404;
	transition: 0.5s;
}
.dark .primary-solid-btn:hover {
	color: #646464;
}
.dark .navbar-brand .logo-1 {
	display: none;
}
.dark .navbar-brand .logo-2 {
	display: block;
}
.dark .custom-nav-item:hover .custom-nav-link,
.custom-nav-item:focus .custom-nav-link {
	color: #fff;
}
.dark .hs-mega-menu-opened a.custom-nav-link:before,
.dark .hs-sub-menu-opened a.custom-nav-link:before {
	background-color: #fff;
}
.dark .navbar-expand-md .main-navbar-nav .main-sub-menu {
	border-top: none;
}
/* 漢堡 */
.dark #hamburgerTrigger {
	color: #fff;
}

/* 28171 */
.custom-plan-box .slider-handle:hover,
.custom-plan-box .slider-handle:focus {
	border: 8px solid var(--primary-dark-7);
}

/* 28177 */
.custom-plan-info-box .price {
	color: var(--primary-dark-7);
}

/* 28210 */
.single-pricing-pack:hover {
	border-top: 2px solid var(--primary-dark-7);
}

/* 28240 */
.pricing-header .price {
	color: var(--primary-dark-7);
}

/* 28291 */
.popular-price {
	border: 2px solid var(--primary-dark-7) !important;
}
.popular-price:hover {
	border-top: 4px solid var(--primary-dark-7) !important;
}

/* 28359 */
.form-switch .switch-icon::after {
	background-color: var(--primary-dark-7);
}

/* 28385 */
.form-switch .beforeinput.text-success,
.form-switch .afterinput.text-success {
	color: var(--primary-dark-7) !important;
}

/* 28470 */
.social li a:hover span {
	color: var(--primary-dark-7);
}
/* index最新公告 */
.staff-member .overlay {
	/* background: #f9820e;
	background: -webkit-gradient(
		linear,
		left top,
		right top,
		color-stop(2%, #f9820e),
		color-stop(82%, #ec5704)
	);
	background: linear-gradient(to right, #f9820e 2%, #ec5704 82%); */
	background: #ff6e04;
}

/* 28533 */
@media (min-width: 768px) {
	.navbar-expand-md .main-navbar-nav .main-sub-menu {
		border-top: 2px solid var(--primary-dark-7);
	}
}

@media (max-width: 767.98px) {
	.navbar-expand-md .main-sub-menu:not(.u-header__promo) {
		border-left: 2px solid var(--primary-dark-7);
	}
	/* nav滾動變色-邊條 */
	.dark .navbar-expand-md .main-sub-menu:not(.u-header__promo) {
		border-left: 2px solid #c8c8c8;
	}
}

/* 28976 */
.feature-tab li {
	border: 1px dashed var(--primary-dark-7);
}
.feature-tab li:last-child {
	border-right: 1px dashed var(--primary-dark-7) !important;
}

/* 29026 */
.feature-new-tab li {
	border: 1px solid var(--primary-dark-7);
}
.feature-new-tab li:last-child {
	border-right: 1px solid var(--primary-dark-7) !important;
}

/* 29042 */
.feature-new-tab li.nav-item.show .nav-link,
.feature-new-tab .nav-link.active {
	background: var(--primary-dark-7);
}

/* 29137 */
/* loading畫面點點 */
.loader1 span:nth-child(1) {
	background: rgba(230, 80, 19, 0.6);
}
.loader1 span:nth-child(2) {
	background: rgba(230, 80, 19, 0.8);
}
.loader1 span:nth-child(3) {
	background: var(--primary-sec-2);
}
.loader1 span:nth-child(4) {
	background: rgba(230, 80, 19, 0.8);
}
.loader1 span:nth-child(5) {
	background: rgba(230, 80, 19, 0.4);
}

/* 29186 */
.domain-search-form input.form-control {
	border-color: var(--primary-dark-7);
}
.domain-search-form button.search-btn {
	border: 1px solid var(--primary-dark-7);
	background: rgba(255, 110, 4, 0.9);
}

/*29220*/
.btn-hover:after,
.btn-hover:before {
	background: rgba(255, 110, 4, 0.9);
}

/* 29310 */
.network-map-wrap ul li {
	background-color: var(--primary-dark-7);
}

/* 29331 */
/*circle wave*/
@-webkit-keyframes ripple {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(255, 110, 4, 0.1),
			0 0 0 10px rgba(255, 110, 4, 0.1), 0 0 0 20px rgba(255, 110, 4, 0.1);
		box-shadow: 0 0 0 0 rgba(255, 110, 4, 0.1),
			0 0 0 10px rgba(255, 110, 4, 0.1), 0 0 0 20px rgba(255, 110, 4, 0.1);
	}
	100% {
		-webkit-box-shadow: 0 0 0 10px rgba(255, 110, 4, 0.1),
			0 0 0 20px rgba(255, 110, 4, 0.1), 0 0 0 30px rgba(255, 110, 4, 0);
		box-shadow: 0 0 0 10px rgba(255, 110, 4, 0.1),
			0 0 0 20px rgba(255, 110, 4, 0.1), 0 0 0 30px rgba(255, 110, 4, 0);
	}
}

@keyframes ripple {
	0% {
		-webkit-box-shadow: 0 0 0 0 rgba(255, 110, 4, 0.1),
			0 0 0 10px rgba(255, 110, 4, 0.1), 0 0 0 20px rgba(255, 110, 4, 0.1);
		box-shadow: 0 0 0 0 rgba(255, 110, 4, 0.1),
			0 0 0 10px rgba(255, 110, 4, 0.1), 0 0 0 20px rgba(255, 110, 4, 0.1);
	}
	100% {
		-webkit-box-shadow: 0 0 0 10px rgba(255, 110, 4, 0.1),
			0 0 0 20px rgba(255, 110, 4, 0.1), 0 0 0 30px rgba(255, 110, 4, 0);
		box-shadow: 0 0 0 10px rgba(255, 110, 4, 0.1),
			0 0 0 20px rgba(255, 110, 4, 0.1), 0 0 0 30px rgba(255, 110, 4, 0);
	}
}

/* 29505 */
.vps-hosting-pricing-table-two > thead {
	background: var(--primary-dark-7);
}
.vps-hosting-pricing-table-two > thead > tr > th:last-child {
	border-right: 1px solid var(--primary-dark-7);
}

/* 29552 */
.vps-hosting-pricing-table .rate {
	color: var(--primary-dark-7);
}

/* 29623 */
table > tbody > tr > td:first-child:before {
	background-color: var(--primary-dark-7);
}

/* 29827 */
.services-status-list li:hover {
	border-bottom: 2px solid var(--primary-dark-7);
}

/* 29926 */
.card-bottom-line:after {
	background: var(--primary-dark-7);
}

/* 30137 */
.sidebar-list li a:hover {
	color: var(--primary-dark-7);
}

/* 30247 */
.input-group-text {
	color: var(--primary-gray-3);
	border: 1px solid var(--primary-gray-4);
}

/* 30346 */
a.detail-link span {
	color: var(--primary-dark-7);
}
a.detail-link:hover,
.single-blog-card .card-body h3 a:hover {
	color: var(--primary-dark-7);
}

/* 30418 */
.post-header .post-title a:hover {
	color: var(--primary-dark-7);
}

/* 30438 */
.post-meta a:hover {
	color: var(--primary-dark-7);
}

/* 30485 */
.post-content blockquote:hover {
	border-color: var(--primary-dark-7);
}

/* 30557 */
.comment-meta-date a:hover,
.comment-meta-date a:focus,
.comment-meta-date-shop a:hover,
.comment-meta-date-shop a:focus {
	color: var(--primary-dark-7);
}

/* 30580 */
.comment-reply > a:hover,
.comment-reply > a:focus,
.comment-reply-shop > a:hover,
.comment-reply-shop > a:focus {
	background: var(--primary-dark-7);
}

/* 30707 */
.widget a:hover {
	color: var(--primary-dark-7);
}

/* 30753 */
.tag-cloud > a:hover,
.post-tags > a:hover {
	background: var(--primary-dark-7);
}

/* 30820 */
.scroll-top {
	background: var(--primary-dark-5);
	right: 8px;
}
/* 32581 */
.scroll-top.open {
	bottom: 1.5%;
}

/* 31270 */
.single-radio-box input[type="radio"]:checked ~ label .custom-check {
	border: 2px solid var(--primary-dark-7);
}
.single-radio-box input[type="radio"]:checked ~ label .custom-check::before {
	color: var(--primary-dark-7);
}
/* line 4424, src/assets/scss/_main-style.scss */
.single-radio-box input[type="radio"]:checked ~ label {
	background: var(--primary-dark-7);
}

/* 32523 */
.tag-cloud > a:hover,
.post-tags > a:hover {
	color: #fff;
}

/* 麵包屑設定 */
.breadcrumb-bg {
	/* background: -webkit-gradient(
		to left,
		rgba(249, 130, 14, 0.75),
		rgba(255, 110, 4, 0.75),
		rgba(234, 84, 4, 0.75)
	);
	background-image: linear-gradient(
		to left,
		rgba(249, 130, 14, 0.75),
		rgba(255, 110, 4, 0.75),
		rgba(234, 84, 4, 0.75)
	); */
	background: #e1e1e1;
}

/*================
字體大小設定&部分微調設定
=======================*/

/* 26640 */
.sub-menu-nav-link {
	font-size: 0.9rem;
	font-weight: 600;
}
.sub-menu-nav-link i {
	margin-top: 2px;
}

/* 26972 */
/* .hs-has-mega-menu {
	position: relative;
} */
/* .hs-menu-initialized.hs-menu-horizontal .hs-mega-menu.hs-position-right {
	left: auto;
	right: 100px;
} */

/* 27141 */
.u-header__promo-title {
	font-size: 0.9rem;
}

/* 27638 */
.ptb-50 {
	padding: 50px 0;
}

/* 28957 */
@media (min-width: 320px) and (max-width: 992px) {
	.ptb-86 {
		padding: 30px 0;
	}
}
@media (max-width: 320px) {
	.ptb-86 {
		padding: 20px 0;
	}
}

/* 28377 */
.header-nav-last-item .btn {
	font-size: 13px;
}

/* 28494 */
.staff-member .overlay .teacher-quote {
	font-size: 1rem;
	font-weight: 500;
}

small,
.small {
	font-size: 90%;
}

/* 29046 */
.hero-equal-height {
	min-height: 530px;
}
.hero-equal-height .hero-content-wrap {
	background-color: rgba(0, 0, 0, 0.5);
	padding: 20px;
}

/* 30366 */
.accordion-faq .card-header.collapsed {
	background: transparent;
}
.accordion-faq .card-header.collapsed h6,
.accordion-faq .card-header.collapsed::after {
	color: #707070;
}
.accordion-faq .card-header {
	background: var(--primary-dark-7);
	padding: 1rem;
}
.accordion-faq .card-header h6,
.accordion-faq .card-header::after {
	color: #fff;
}
.accordion-faq .card-body p {
	padding: 0 1rem;
}
.accordion > .card:not(:first-of-type) .card-header:first-child {
	border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

/* 30878 */
.footer-nav-wrap h4 {
	font-size: 1.15rem;
	letter-spacing: 1px;
}

.footer-nav-wrap ul li a {
	font-size: 1rem;
	font-weight: 800;
	letter-spacing: 0.4px;
}

/* 31772 */
.page-header-section {
	height: 300px;
}

/* 31812 */
.custom-breadcrumb ol li a,
.custom-breadcrumb ol li.breadcrumb-item.active {
	font-size: 14px;
	opacity: 1;
	letter-spacing: 0.8px;
}

.breadcrumb-item.active {
	color: #4b4b4b;
}
/* .breadcrumb-item a {
	color: #fff;
} */

/* 32166 */
.post-meta {
	font-size: 1rem;
}

/* 32507 */
.tag-cloud > a,
.post-tags > a {
	font-size: 15px !important;
	background: #ebebeb;
}

/* 32436 */
.widget .widget-title > h5 {
	color: #333333;
}

/* 32468 */
.widget a {
	font-size: 1rem;
}

/* 額外元件樣式 */
.feature-badge:before,
.feature-badge:after {
	content: "";
	position: absolute;
}
.feature-badge {
	width: 100%;
	height: 180px;
	position: absolute;
	top: -2px;
	left: 0;
	overflow: hidden;
}
.feature-badge span {
	width: 184px;
	height: 20px;
	line-height: 16px;
	position: absolute;
	top: 17px;
	right: -60px;
	z-index: 2;
	overflow: hidden;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	box-shadow: 0 0 0 3px #f35904, 0px 21px 5px -18px rgb(0 0 0 / 60%);
	background: #ff6e04;
	text-align: center;
	color: #ffffff;
	font-size: 10px;
}

/* 0804緊急公告 */
.urgent .container {
	overflow: hidden;
	position: relative;
	padding: 3px 0;
}
.urgent .urgent-content {
	animation: urgent 35s linear infinite;
	white-space: nowrap;
}
.urgent .urgent-scrolling {
	display: inline-block;
	margin-right: 50%;
}
.urgent a {
	color: var(--primary);
	font-weight: bold;
	font-size: 1rem;
}
.urgent .urgent-text {
	color: #737373;
}
.urgent .urgent-text:hover {
	color: var(--primary);
}

@keyframes urgent {
	from {
		transform: translateX(100%);
	}
	to {
		transform: translateX(-100%);
	}
}
@media (max-width: 576px) {
	.urgent a {
		font-size: 1.125rem;
	}
}
/* 0804緊急公告 */

/* 0810 404*/
.bottom-sticky-footer {
	height: auto;
}
.bottom-sticky-footer .copyright-text a {
	color: #000;
}
.bottom-sticky-footer .copyright-text a:hover {
	transition: 0.5s ease-in-out;
	color: #fff;
}

.notfound img {
	display: block;
}
.notfound .social-list {
	max-height: 30px;
}
.page-404.gradient-overlay::before {
	background: rgba(255, 110, 4, 0.88);
}

.our-team-section .staff-member a {
	color: #fff;
}
.our-team-section .staff-member a p:after {
	content: "更多";
}
.our-team-section .staff-member a:hover p {
	text-decoration: underline;
}

/* 500 套版型 */
.slts-type {
	width: 15%;
}
#thumbview {
	width: 85%;
}
.slts-layout {
	float: right;
}
.pagination {
	clear: both;
	justify-content: center;
}
#skinchooser {
	margin-top: 30px;
}

/* 表格字體大小 */
.comparision-table-body tr > td {
	font-size: 1rem;
	color: #707070;
}

/* 間距 */
.ptb-70 {
	padding: 70px 0;
}

/* 表格 */
@media (max-width: 787px) {
	.comparision-table-body tr > td {
		min-width: auto;
	}
}
/* 1012 漢堡功能移到寬度1200以下，navbar-expand-xl設定&調整*/
@media (max-width: 1199px) and (min-width: 768px) {
    .main-header-menu-wrap .container {
        padding: 1em 0;
    }
    .hs-mega-menu-opened a.custom-nav-link:before,
    .hs-sub-menu-opened a.custom-nav-link:before {
        content: none;
    }
    .hs-sub-menu,
    .hs-mega-menu {
        position: static;
        visibility: visible;
    }
}
.navbar-toggler {
    font-size: 1.5rem;
}

/*menu responsive css*/
@media (min-width: 1200px) {
    .navbar-expand-xl .main-navbar-nav .custom-nav-link {
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }
    .navbar-expand-xl .main-navbar-nav .main-sub-menu {
        border-top: 2px solid var(--primary-dark-7);
    }
    .bg-transparent .navbar-expand-xl .main-navbar-nav .main-sub-menu {
        border-top: 2px solid #ffffff;
    }
    .navbar-expand-xl
        .hs-has-sub-menu
        ul.hs-sub-menu
        > .hs-has-sub-menu
        ul.hs-sub-menu {
        border-top-right-radius: 0.25rem;
    }
    .navbar-expand-xl .main-navbar-nav .main-sub-menu.hs-sub-menu {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .navbar-expand-xl
        .main-navbar-nav
        .main-sub-menu
        .hs-has-sub-menu
        .main-sub-menu {
        margin-top: -1.1875rem;
    }
    .navbar-expand-xl .main-navbar-nav .main-sub-menu.hs-sub-menu {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
    .navbar-expand-xl .main-navbar-nav .main-sub-menu .hs-has-sub-menu {
        padding: 0;
    }
    .navbar-expand-xl .main-navbar-nav .sub-menu-nav-link {
        padding-right: 1.75rem;
        padding-left: 1.75rem;
    }
    .navbar-expand-xl .main-navbar-nav .header-nav-last-item {
        text-align: right;
        padding-left: 1rem;
        padding-right: 0;
    }
    .navbar-expand-xl .mega-menu-wrap {
        padding: 2.5rem;
        margin-left: 0;
        margin-right: 0;
    }
    .navbar-expand-xl .main-navbar-nav .sub-menu-nav-group .sub-menu-nav-link {
        padding-left: 0;
    }
    .navbar-expand-xl .u-header__promo {
        border-bottom-right-radius: 0.25rem;
    }
}

/*responsive menu css*/
@media (max-width: 1200px) {
    .navbar-expand-xl .custom-nav-link,
    .navbar-expand-xl .sub-menu-nav-link {
        display: -ms-flexbox;
        display: -webkit-box;
        display: flex;
        -ms-flex-align: center;
        -webkit-box-align: center;
        align-items: center;
    }
    .navbar-expand-xl .main-link-toggle::after,
    .navbar-expand-xl .sub-link-toggle::after {
        margin-left: auto;
    }
    .navbar-expand-xl .hs-mega-menu-opened .custom-nav-link-toggle::after,
    .navbar-expand-xl .hs-sub-menu-opened .custom-nav-link-toggle::after {
        -webkit-transform: rotate(-180deg);
        transform: rotate(-180deg);
    }
    .navbar-expand-xl .hs-sub-menu-opened > .sub-link-toggle::after {
        -webkit-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    .u-header--bg-transparent .main-navbar-nav {
        padding: 0.875rem 0;
        padding-top: 1rem;
    }
    .navbar-expand-xl .sub-menu-title {
        padding-left: 1.5rem;
        margin-bottom: 0;
    }
    .u-header--bg-transparent .main-navbar-nav {
        background-color: #fff;
    }
    .navbar-expand-xl .sub-menu-nav-group {
        padding-top: 0.5rem;
        padding-left: 1.5rem;
    }
    .navbar-expand-xl .main-sub-menu:not(.u-header__promo) {
        border-left: 2px solid var(--primary-dark-7);
    }
    /* nav滾動變色-邊條 */
    .dark .navbar-expand-xl .main-sub-menu:not(.u-header__promo) {
        border-left: 2px solid #c8c8c8;
    }
    .navbar-expand-xl .main-sub-menu {
        min-width: 100% !important;
    }
    .navbar-expand-xl .main-sub-menu .hs-has-sub-menu {
        padding-left: 1.5rem;
        padding-top: 0;
        padding-bottom: 0;
    }
    .navbar-expand-xl .main-sub-menu .main-sub-menu,
    .main-sub-menu .submenu-item {
        padding-left: 1.5rem;
    }
}
@media (min-width: 320px) and (max-width: 992px) {
    .navbar-expand-xl .main-navbar-nav .custom-nav-link {
        padding-right: 0.4rem;
        padding-left: 0.4rem;
    }
}

@media (min-width: 320px) and (max-width: 1199px) {
    .main-sub-menu {
        height: 200px;
        overflow-y: scroll;
    }
}
/* aside與主要內文在手機尺寸調換順序 */
@media (max-width: 425px) {
    .mobile-order {
        order: -1;
        margin-bottom: 5em;
    }
}