/* Basic resets */
*:focus {
		outline: none !important;
}
button {
		outline: none !important;
		border: none !important;
}
.act-sect {
		position: relative;
}
a, hover {
		text-decoration: none;
}
.act-wrap input {
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
}
.text-list-disc {
		list-style: disc;
		padding-left: 2rem;
}
.nav-link.btn {
		text-align: center;
		text-decoration: none;
		border: none;
		background: transparent;
		cursor: pointer;
}
.nav-link.btn:focus {
		outline: none;
		-webkit-box-shadow: none;
		box-shadow: none;
}
ol, ul {
		list-style: none;
}
/* Animation settings */
.wow {
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
}
/* Fade In Up Small Animation */
.fadeInUpSmall {
		-webkit-animation-name: fadeInUpSmall;
		animation-name: fadeInUpSmall;
}
@-webkit-keyframes fadeInUpSmall {
		from {
				opacity: 0;
				-webkit-transform: translate3d(0, 20%, 0);
				transform: translate3d(0, 20%, 0);
		}
		to {
				opacity: 1;
				-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0);
		}
}
@keyframes fadeInUpSmall {
		from {
				opacity: 0;
				-webkit-transform: translate3d(0, 20%, 0);
				transform: translate3d(0, 20%, 0);
		}
		to {
				opacity: 1;
				-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0);
		}
}
/* Fade In Down Small Animation */
.fadeInDownSmall {
		-webkit-animation-name: fadeInDownSmall;
		animation-name: fadeInDownSmall;
}
@-webkit-keyframes fadeInDownSmall {
		from {
				opacity: 0;
				-webkit-transform: translate3d(0, -20%, 0);
				transform: translate3d(0, -20%, 0);
		}
		to {
				opacity: 1;
				-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0);
		}
}
@keyframes fadeInDownSmall {
		from {
				opacity: 0;
				-webkit-transform: translate3d(0, -20%, 0);
				transform: translate3d(0, -20%, 0);
		}
		to {
				opacity: 1;
				-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0);
		}
}
/* Fade In Left Small Animation */
.fadeInLeftSmall {
		-webkit-animation-name: fadeInLeftSmall;
		animation-name: fadeInLeftSmall;
}
@-webkit-keyframes fadeInLeftSmall {
		from {
				opacity: 0;
				-webkit-transform: translate3d(-20%, 0, 0);
				transform: translate3d(-20%, 0, 0);
		}
		to {
				opacity: 1;
				-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0);
		}
}
@keyframes fadeInLeftSmall {
		from {
				opacity: 0;
				-webkit-transform: translate3d(-20%, 0, 0);
				transform: translate3d(-20%, 0, 0);
		}
		to {
				opacity: 1;
				-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0);
		}
}
/* Fade In Right Small Animation */
.fadeInRightSmall {
		-webkit-animation-name: fadeInRightSmall;
		animation-name: fadeInRightSmall;
}
@-webkit-keyframes fadeInRightSmall {
		from {
				opacity: 0;
				-webkit-transform: translate3d(20%, 0, 0);
				transform: translate3d(20%, 0, 0);
		}
		to {
				opacity: 1;
				-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0);
		}
}
@keyframes fadeInRightSmall {
		from {
				opacity: 0;
				-webkit-transform: translate3d(20%, 0, 0);
				transform: translate3d(20%, 0, 0);
		}
		to {
				opacity: 1;
				-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0);
		}
}
/* Fade In Top Left Small Animation */
.fadeInTopLeftSmall {
		-webkit-animation-name: fadeInTopLeftSmall;
		animation-name: fadeInTopLeftSmall;
}
@-webkit-keyframes fadeInTopLeftSmall {
		from {
				opacity: 0;
				-webkit-transform: translate3d(-20%, -20%, 0);
				transform: translate3d(-20%, -20%, 0);
		}
		to {
				opacity: 1;
				-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0);
		}
}
@keyframes fadeInTopLeftSmall {
		from {
				opacity: 0;
				-webkit-transform: translate3d(-20%, -20%, 0);
				transform: translate3d(-20%, -20%, 0);
		}
		to {
				opacity: 1;
				-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0);
		}
}
/* Fade In Top Right Small Animation */
.fadeInTopRightSmall {
		-webkit-animation-name: fadeInTopRightSmall;
		animation-name: fadeInTopRightSmall;
}
@-webkit-keyframes fadeInTopRightSmall {
		from {
				opacity: 0;
				-webkit-transform: translate3d(20%, -20%, 0);
				transform: translate3d(20%, -20%, 0);
		}
		to {
				opacity: 1;
				-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0);
		}
}
@keyframes fadeInTopRightSmall {
		from {
				opacity: 0;
				-webkit-transform: translate3d(20%, -20%, 0);
				transform: translate3d(20%, -20%, 0);
		}
		to {
				opacity: 1;
				-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0);
		}
}
/* Fade In Bottom Left Small Animation */
.fadeInBottomLeftSmall {
		-webkit-animation-name: fadeInBottomLeftSmall;
		animation-name: fadeInBottomLeftSmall;
}
@-webkit-keyframes fadeInBottomLeftSmall {
		from {
				opacity: 0;
				-webkit-transform: translate3d(-20%, 20%, 0);
				transform: translate3d(-20%, 20%, 0);
		}
		to {
				opacity: 1;
				-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0);
		}
}
@keyframes fadeInBottomLeftSmall {
		from {
				opacity: 0;
				-webkit-transform: translate3d(-20%, 20%, 0);
				transform: translate3d(-20%, 20%, 0);
		}
		to {
				opacity: 1;
				-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0);
		}
}
/* Fade In Bottom Right Small Animation */
.fadeInBottomRightSmall {
		-webkit-animation-name: fadeInBottomRightSmall;
		animation-name: fadeInBottomRightSmall;
}
@-webkit-keyframes fadeInBottomRightSmall {
		from {
				opacity: 0;
				-webkit-transform: translate3d(20%, 20%, 0);
				transform: translate3d(20%, 20%, 0);
		}
		to {
				opacity: 1;
				-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0);
		}
}
@keyframes fadeInBottomRightSmall {
		from {
				opacity: 0;
				-webkit-transform: translate3d(20%, 20%, 0);
				transform: translate3d(20%, 20%, 0);
		}
		to {
				opacity: 1;
				-webkit-transform: translate3d(0, 0, 0);
				transform: translate3d(0, 0, 0);
		}
}
/* Bounce In Small Animation */
.bounceInSmall {
		-webkit-animation-name: bounceInSmall;
		animation-name: bounceInSmall;
}
@-webkit-keyframes bounceInSmall {
		from, 20%, 40%, 60%, 80%, to {
				-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
				animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		}
		0% {
				opacity: 0;
				-webkit-transform: scale3d(0.8, 0.8, 0.8);
				transform: scale3d(0.8, 0.8, 0.8);
		}
		40% {
				-webkit-transform: scale3d(1.04, 1.04, 1.04);
				transform: scale3d(1.04, 1.04, 1.04);
		}
		60% {
				-webkit-transform: scale3d(1, 1, 1);
				transform: scale3d(1, 1, 1);
		}
		80% {
				opacity: 1;
				-webkit-transform: scale3d(1.01, 1.01, 1.01);
				transform: scale3d(1.01, 1.01, 1.01);
		}
		to {
				opacity: 1;
				-webkit-transform: scale3d(1, 1, 1);
				transform: scale3d(1, 1, 1);
		}
}
@keyframes bounceInSmall {
		from, 20%, 40%, 60%, 80%, to {
				-webkit-animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
				animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
		}
		0% {
				opacity: 0;
				-webkit-transform: scale3d(0.8, 0.8, 0.8);
				transform: scale3d(0.8, 0.8, 0.8);
		}
		40% {
				-webkit-transform: scale3d(1.04, 1.04, 1.04);
				transform: scale3d(1.04, 1.04, 1.04);
		}
		60% {
				-webkit-transform: scale3d(1, 1, 1);
				transform: scale3d(1, 1, 1);
		}
		80% {
				opacity: 1;
				-webkit-transform: scale3d(1.01, 1.01, 1.01);
				transform: scale3d(1.01, 1.01, 1.01);
		}
		to {
				opacity: 1;
				-webkit-transform: scale3d(1, 1, 1);
				transform: scale3d(1, 1, 1);
		}
}
/* Side Button Styles */
.act-wrap .side-btn-wrap {
		position: fixed;
		z-index: 999;
		right: 0;
		-webkit-transition: all 0.8s cubic-bezier(0.95, 0.05, 0.795, 0.035) !important;
		-o-transition: all 0.8s cubic-bezier(0.95, 0.05, 0.795, 0.035) !important;
		transition: all 0.8s cubic-bezier(0.95, 0.05, 0.795, 0.035) !important;
		bottom: 10vh;
}
.act-wrap .side-btn {
		text-align: center;
		padding: 1.3em .6em 1em !important;
		margin: 0 !important;
		position: relative;
		-webkit-transform: translateX(100%) rotate(30deg);
		-ms-transform: translateX(100%) rotate(30deg);
		transform: translateX(100%) rotate(30deg);
		right: -30px;
		-webkit-transition: all .4s ease-in-out !important;
		-o-transition: all .4s ease-in-out !important;
		transition: all .4s ease-in-out !important;
}
.act-wrap .side-btn .main-btn-text {
		padding: 0;
		margin: 0;
		margin-bottom: 0.5em;
		line-height: 1.2;
}
.act-wrap .side-btn01 {
		margin-bottom: .5em !important;
}
.act-wrap .side-btn-show .side-btn {
		right: 10px;
		-webkit-transform: translateX(0) rotate(0deg);
		-ms-transform: translateX(0) rotate(0deg);
		transform: translateX(0) rotate(0deg);
		-webkit-transition: all 0.8s cubic-bezier(0.95, 0.05, 0.795, 0.035) !important;
		-o-transition: all 0.8s cubic-bezier(0.95, 0.05, 0.795, 0.035) !important;
		transition: all 0.8s cubic-bezier(0.95, 0.05, 0.795, 0.035) !important;
}
/* Button Styles */
.act-wrap .act-btn {
		border-radius: 20em;
		padding: .5em 1em;
		letter-spacing: 2px;
		cursor: pointer;
}
.act-wrap .btn-red {
		background: #c43826;
		color: #fff;
}
.act-wrap .btn-red:hover {
		color: #fff;
		background: #d74431;
}
.act-wrap .btn-gold {
		background: #ce802c;
		color: #fff;
}
.act-wrap .btn-gold:hover {
		color: #fff;
		background: #d78f42;
}
.act-wrap .btn-blue {
		background: #172439;
		color: #fff;
		padding-left: 1.5em;
}
.act-wrap .btn-blue .icon {
		width: 1.2em;
		position: relative;
		top: -0.1em;
		left: 0;
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
}
.act-wrap .btn-blue:hover {
		color: #fff;
		background: #20324f;
}
.act-wrap .btn-blue:hover .icon {
		left: 0.2em;
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
}
.act-wrap .btn-outline-blue {
		color: #172439;
		background: #fff;
		border: 1.5px solid #172439;
		padding-left: 1.5em;
}
.act-wrap .btn-outline-blue .icon {
		width: 1.2em;
		position: relative;
		top: -0.1em;
		left: 0;
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
}
.act-wrap .btn-outline-blue:hover {
		color: #172439;
		border: 1.5px solid #172439;
		background: #fff;
}
.act-wrap .btn-outline-blue:hover .icon {
		left: 0.2em;
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
}
.act-wrap .btn-outline-white {
		color: #fff;
		border: 1px solid #fff;
		padding-top: calc(0.6em - 1px);
		padding-bottom: calc(0.6em - 1px);
}
.act-wrap .btn-outline-white:hover {
		color: #fff;
		border: none;
		padding: 0.6em;
		background: -o-linear-gradient(left, #00c0fa 0%, #0196ff 100%);
		background: -webkit-gradient(linear, left top, right top, from(#00c0fa), to(#0196ff));
		background: linear-gradient(to right, #00c0fa 0%, #0196ff 100%);
}
.act-wrap .btn-sect-center {
		display: block;
		margin-top: 2em;
		margin-left: auto;
		margin-right: auto;
		width: 80%;
		max-width: 180px;
}
.act-wrap .btn-wrap-center {
		text-align: center;
		margin-top: 3em;
}
.act-wrap .btn-wrap-center .btn {
		max-width: 220px;
		width: 45%;
}
.act-wrap .btn-wrap-center .btn:not(:last-child) {
		margin-right: 1.2em;
}
.act-wrap .btn-link.text-red:hover {
		color: #c43826;
}
/* Main Button with Arrow */
.act-wrap .main-btn {
		border-radius: 10em;
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		font-weight: bold;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-transition: background-color 200ms ease;
		-o-transition: background-color 200ms ease;
		transition: background-color 200ms ease;
		padding-left: 1.4em;
		padding-right: .6em;
}
.act-wrap .main-btn-text {
		margin-right: .5em;
}
.act-wrap .main-btn-arrow {
		position: relative;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		overflow: hidden;
		width: 1.6em;
		height: 1.6em;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		border-radius: 50%;
		background-color: #fff;
}
.act-wrap .main-btn:hover .btn-arrow-wrapper {
		position: absolute;
		-webkit-animation: arrow-move 0.3s both;
		animation: arrow-move 0.3s both;
}
@-webkit-keyframes arrow-move {
		0% {
				-webkit-transform: translateX(0);
				transform: translateX(0);
		}
		100% {
				-webkit-transform: translateX(50%);
				transform: translateX(50%);
		}
}
@keyframes arrow-move {
		0% {
				-webkit-transform: translateX(0);
				transform: translateX(0);
		}
		100% {
				-webkit-transform: translateX(50%);
				transform: translateX(50%);
		}
}
.act-wrap .btn-arrow-wrapper {
		position: absolute;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 200%;
		height: 100%;
}
.act-wrap .btn-arrow-pic {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		width: 50%;
		height: 100%;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		background-image: url("../images/btn-arrow.svg");
		background-position: 50% 50%;
		background-size: cover;
		background-repeat: no-repeat;
}
.act-wrap .btn-gold .btn-arrow-pic {
		background-image: url("../images/btn-arrow-gold.svg");
}
/* Typography */
.act-wrap .text-blue {
		color: #172439 !important;
}
.act-wrap .text-red {
		color: #7d1111 !important;
}
.act-wrap .text-orange {
		color: #e6a65e !important;
}
.act-wrap .text-yellow {
		color: #ffde8d !important;
}
.act-wrap .text-list-decimal {
		list-style-type: decimal;
		padding-left: 1em;
}
.act-wrap .text-list-number {
		counter-reset: item;
		list-style: none;
		padding-left: 2.5rem !important;
}
.act-wrap .text-list-number > li {
		position: relative;
}
.act-wrap .text-list-number > li:before {
		content: "（"counter(item) "）";
		counter-increment: item;
		position: absolute;
		left: -2.5rem;
}
/* Text Border Effects */
.text-border-red {
		color: #fff;
		position: relative;
		display: inline-block;
		text-align: left;
		z-index: 1;
}
.text-border-red:before, .text-border-red:after {
		content: attr(title);
		position: absolute;
		-webkit-background-clip: text;
}
.text-border-red:before {
		z-index: -1;
		left: 0;
		top: 0em;
		-webkit-text-stroke: 0.3em #c43826;
}
.text-border-red:after {
		display: none;
		z-index: -2;
		left: 0;
		top: .02em;
		-webkit-text-stroke: 0.15em #c43826;
}
.text-border-blue {
		color: #fff;
		position: relative;
		display: inline-block;
		text-align: left;
		z-index: 1;
}
.text-border-blue:before, .text-border-blue:after {
		content: attr(title);
		position: absolute;
		-webkit-background-clip: text;
}
.text-border-blue:before {
		z-index: -1;
		left: 0;
		top: 0em;
		-webkit-text-stroke: 0.15em #172439;
}
.text-border-blue:after {
		z-index: -2;
		left: 0;
		top: .02em;
		-webkit-text-stroke: 0.2em #172439;
}
/* Color Classes */
.text-blue {
		color: #172439;
}
.text-red {
		color: #c43826;
}
.text-yellow {
		color: #ffde8d;
}
.text-gold {
		color: #ce802c;
}
/* Modal Styles */
.fancybox-is-open .fancybox-bg {
		opacity: .7;
}
.Modal {
		position: relative;
		border-radius: 30px;
		overflow: visible;
}
.Modal .btn-closed {
		position: absolute;
		right: 10px;
		top: 10px;
		width: 1.5em;
		height: 1.5em;
		border-radius: 10em;
		background: #c43826;
		color: #fff;
		font-weight: 800;
		text-align: center;
		cursor: pointer;
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
}
/* Form Styles */
.act-wrap .form-group {
		text-align: left;
		margin-bottom: 0.25em;
		width: 100%;
}
.act-wrap .form-group label {
		padding-left: 0.25em;
}
.act-wrap .form-group .form-control {
		padding: .5em .6em;
		height: auto;
		border-radius: .75rem !important;
		border-width: 2px;
		border-color: #daa360 !important;
}
.act-wrap .form-group .input-group {
		position: relative;
}
.act-wrap .form-group .input-group .form-control {
		padding-right: 2.2em;
}
.act-wrap .form-group .input-group .unit {
		position: absolute;
		right: .75rem;
		top: auto;
		bottom: -.5rem;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		color: #cc9966;
		z-index: 9;
}
.count-wrap .btn-account {
		background-color: #682e06;
		border: 3px solid #d4c091;
		padding: 1rem 2.5rem;
		-webkit-box-shadow: 3px 6px 0 #d09244;
		box-shadow: 3px 6px 0 #d09244;
}
.count-wrap .btn-account .arrow {
		border-left-color: #ffdca6;
}
.count-wrap .btn-account:hover {
		-webkit-box-shadow: 2px 3px 0 #d09244;
		box-shadow: 2px 3px 0 #d09244;
}
.act-wrap .form-group select {
		-webkit-appearance: none;
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAeCAYAAABuUU38AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAUxJREFUeNrM1sEJwkAQBdCsngXPHsQO9O5FS7AAMVYgdqAd2IGCDWgFnryLFQiCZ8EGnJUNimiyM/tnk4HNEAg/8y6ZmMRVqz9eUJvRaSbvutCZ347bXVJy/ZnvTmdJ862Me+hAbZCTs6GHpyUi1tTSvPnqTpoWZPUa7W7ncT3vK4h4zVejy8QzM3WhVUO8ykI6jOxoGA4ig3BLHcNFSCGqGAkig2yqgpEiMsjSfY9LxYQg7L6r0X6wS29YJiYQYecemY+wHrXD1+bklGhpAhBDeu/JfIVGxaAQ9sb8CI+CQSJ+QmJg0Ii/EE2MBiIXooHRQhRCkBhNhBcEhLkwf05ZCG8ICCOpk0MULmvDSY2M8UawIRExLIQIEgHDRoghihgRIgiigBEjgiFATBACAgFgghEwSAAGgoBCBBgYAg5hYKAIFYgHBo6w9RRgAFfy160QuV8NAAAAAElFTkSuQmCC);
		background-size: 12px;
		background-position: 96% center;
		background-repeat: no-repeat;
		padding-right: 30px;
}
/* Number Input */
.act-wrap input[type="number"]::-webkit-inner-spin-button {
		-webkit-appearance: none;
}
.act-wrap input[type=number] {
		-moz-appearance: textfield;
}
/* Range Input */
.act-wrap input[type="range"] {
		width: 100%;
		background: #dfdfdf;
		height: 3px;
}
.act-wrap input[type="range"]::-webkit-slider-thumb {
		-webkit-appearance: none;
		appearance: none;
		width: 20px;
		height: 20px;
		border-radius: 50%;
		background: #fff;
		cursor: pointer;
		border: 2px solid #b9b9b9;
		-webkit-transition: background .15s ease-in-out;
		transition: background .15s ease-in-out;
}
.act-wrap input[type="range"]::-webkit-slider-thumb:hover {
		background: #fff;
}
.act-wrap input[type="range"]:active::-webkit-slider-thumb {
		background: #fff;
		border: 2px solid #b9b9b9;
}
.act-wrap .range-unit {
		color: #9b9b9b;
}
/* Tabs */
.act-wrap .tabs:not(.change) {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		position: relative;
		background-color: #f4e3cf;
		border: 1px solid #f4e3cf;
		border-radius: 10px;
		width: 100%;
		color: #666666;
}
.act-wrap .tabs.change {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		position: relative;
		background-color: #efefef;
		border: 0;
		border-radius: 10px;
		width: auto;
}
.act-wrap .tabs.change input[type="radio"] + label {
		color: #666666;
}
.act-wrap .tabs.change input[type="radio"]:checked + label {
		color: #d09244;
		background-color: #7d1111;
}
.act-wrap .tabs * {
		z-index: 2;
}
.act-wrap input[type="radio"] {
		display: none;
}
.act-wrap .tab {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 100%;
		padding: .8em 0.25em;
		margin-bottom: 0;
		border-radius: 10px;
		cursor: pointer;
		-webkit-transition: color 0.15s ease-in;
		-o-transition: color 0.15s ease-in;
		transition: color 0.15s ease-in;
}
.act-wrap .tabs.change .form-group label {}
.act-wrap input[type="radio"]:checked + label {
		color: #fff;
}
.act-wrap input[type="radio"]:checked + label > .notification {
		background-color: #c43826;
		color: #fff;
}
.act-wrap input[id="radio-1u"]:checked ~ .glider, .act-wrap input[id="radio-1"]:checked ~ .glider {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
}
.act-wrap input[id="radio-2u"]:checked ~ .glider, .act-wrap input[id="radio-2"]:checked ~ .glider {
		-webkit-transform: translateX(100%);
		-ms-transform: translateX(100%);
		transform: translateX(100%);
}
.act-wrap input[id="radio-3u"]:checked ~ .glider, .act-wrap input[id="radio-3"]:checked ~ .glider {
		-webkit-transform: translateX(200%);
		-ms-transform: translateX(200%);
		transform: translateX(200%);
}
.act-wrap .glider {
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 33.333%;
	height: 100%;
	background-color: #daa360;
	z-index: 1;
	border-radius: 10px;
	-webkit-transition: 0.25s ease-out;
	-o-transition: 0.25s ease-out;
	transition: 0.25s ease-out;
}
/* 兩個選項的 tabs glider 寬度調整 */
.act-wrap .tabs-2 .glider {
	width: 50%;
}
/* Menu Button Styles */
.act-wrap .btn-outline-menu {
		color: #ffffff;
		background-color: #e7c0b2;
		padding: .75rem 1.5rem;
		border-radius: .75rem .75rem 0 0;
}
.act-wrap .btn-outline-menu .flag {
		width: 1.5em;
		margin-right: 0.5em;
}
.act-wrap .btn-outline-menu:hover {
		color: #ffffff;
		background-color: #890006;
}
.act-wrap .btn-outline-menu.active {
		color: #e4a053;
		background-color: #890006;
}
.act-wrap .btn-outline-menu.btn-sub-menu {
		padding: .5rem 1.5rem;
		border-radius: 5rem;
		background: #d0b79e;
		color: #ffffff;
}
.act-wrap .btn-outline-menu.btn-sub-menu:hover {
		background: #12233b;
		color: #ffffff;
}
.act-wrap .btn-outline-menu.btn-sub-menu.active {
		background: #12233b;
		color: #ffffff;
}
/* Bank Section */
.act-sect-bank .act-container-wrap {}
.act-sect-bank .act-char {
		width: 13%;
		position: absolute;
		right: -8%;
		bottom: -20%;
		z-index: 6;
}
.act-sect-bank .act-menu {
		text-align: center;
		margin-top: 2.5rem;
		z-index: 9;
		position: relative;
}
.act-sect-bank .act-menu .nav-item:not(:last-child) {
		margin-right: 1.5rem;
}
.act-sect-bank #mainTabContent {
		position: relative;
		overflow: hidden;
		background-color: #ffdcb7;
		padding-bottom: 5rem;
		z-index: 2;
}
.act-sect-bank .tab-pane {
		width: 100%;
		height: 100%;
		position: relative;
		z-index: 2;
}
.act-sect-bank .tab-pane {
		width: 100%;
		height: 100%;
		position: relative;
		z-index: 2;
}
.act-sect-bank #menu1, .act-sect-bank #menu2, .act-sect-bank #menu3 {
		max-width: 960px;
		min-height: 700px;
		margin: auto;
		position: relative;
}
.act-sect-bank #menu1::after, .act-sect-bank #menu2::after, .act-sect-bank #menu3::after {
		content: '';
		position: absolute;
		width: 120%;
		height: 100%;
		max-height: calc(100% - 20%);
		left: -10%;
		right: 0;
		top: 25%;
		bottom: auto;
		margin: auto;
		background-color: #ffffff;
		border-radius: 1.75rem;
		-webkit-box-shadow: 0 0 1rem RGBA(97, 79, 65, .5);
		box-shadow: 0 0 1rem RGBA(97, 79, 65, .5);
		overflow: hidden;
		z-index: -1;
}
.act-sect-bank #menu2::after {
		top: 15%;
		max-height: calc(100% - 20%);
}
.act-sect-bank #menu3 {
		padding-top: 3rem;
}
.act-sect-bank #menu3::after {
		top: 5%;
		max-height: calc(100% - 15%);
}
.act-sect-bank .phone-bank-wrap {
		margin-top: 2em;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
}
.act-sect-bank .phone-bank-wrap .pic-part {
		width: 40%;
		-webkit-box-ordinal-group: 1;
		-ms-flex-order: 0;
		order: 0;
}
.act-sect-bank .phone-bank-wrap .text-part {
		padding-top: 15%;
		width: 60%;
		padding-left: 4%;
		-webkit-box-ordinal-group: 2;
		-ms-flex-order: 1;
		order: 1;
}
.act-sect-bank .phone-bank-wrap .text-part h3 {
		margin-bottom: .5em;
}
.act-sect-bank .phone-bank-wrap .text-part h3.has_border {
		border-bottom: 2px solid #e6a65e;
		padding-bottom: .75rem;
}
.act-sect-bank .phone-bank-wrap .text-part h3 .icon {
		width: 1.1em;
		margin-right: 0.2em;
		position: relative;
		top: -0.1em;
}
.act-sect-bank .phone-bank-wrap .text-part .text-list dd {
		font-weight: bold;
		margin-bottom: .25em;
}
.act-sect-bank .phone-bank-wrap .text-part .text-list .highlight {
		background: #c43826;
		color: #fff;
		padding: 0.25em .75em;
		display: inline-block;
		border-radius: 10em;
		margin-right: 0.5em;
		position: relative;
		top: -0.1em;
}
.act-sect-bank .phone-bank-wrap .text-part .text-p {
		margin-bottom: 0.2em;
}
.act-sect-bank .phone-bank-wrap .text-part .icon-check {
		width: 6em;
		margin-top: 1.5em;
		margin-left: 25%;
}
.act-sect-bank .phone-bank-wrap .text-part-2 {
		padding: 2%;
		width: auto;
		min-width: 36%;
		max-width: 700px;
		margin-left: auto;
		margin-right: auto;
}
.act-sect-bank .phone-bank-wrap .text-part-2 h3 {
		color: #172439;
}
.act-sect-bank .phone-bank-wrap .text-part-2 .text-list-2 {
		padding: 1rem;
}
.act-sect-bank .phone-bank-wrap .text-part-2 p {
		margin-bottom: 0;
}
.act-sect-bank .phone-bank-wrap .text-bg {
		background: #edf2fb;
		padding: 1rem;
		border-radius: .75rem;
}
.act-sect-bank .phone-bank-wrap .text-notice {
		margin-top: 2em;
}
.act-sect-bank .phone-bank-wrap .text-notice .tag {
		background: #5a687f;
		color: #fff;
		padding: .125em 1em;
		font-weight: bold;
		display: inline-block;
		border-radius: 10em;
		margin-bottom: 10px;
}
.act-sect-bank .phone-bank-wrap .text-notice ol, .act-sect-bank .phone-bank-wrap .text-notice dl {
		color: #5a687f;
}
.act-sect-bank .phone-bank-wrap .text-notice .has-icon i {
		position: absolute;
		left: 0;
		font: 1em;
		margin-right: 0em;
		color: #ff7b06;
		top: 0.24em;
}
.act-sect-bank .phone-bank-wrap .text-notice .has-icon dd {
		padding-left: 1.4em;
		position: relative;
}
.act-sect-bank .phone-bank-wrap-success .text-part-success {
		text-align: center;
		padding-left: 0;
}
.act-sect-bank .phone-bank-wrap-success .text-3d-wrap-success {
		margin-top: .6em;
		line-height: 1.2;
		white-space: nowrap;
		position: relative;
		display: inline-block;
		color: #fff;
}
.act-sect-bank .phone-bank-wrap-success .text-3d-wrap-success .text-3d-1 {
		position: relative;
		padding: 0 0.2em;
		z-index: 4;
		top: 0;
		left: 0;
		background: #172439;
		background-size: 100%;
		-webkit-background-clip: text;
		-webkit-text-stroke: .15em transparent;
}
.act-sect-bank .phone-bank-wrap-success .text-3d-wrap-success .text-3d-2 {
		position: absolute;
		color: #172439;
		z-index: 2;
		top: 0em;
		left: 0.3em;
		background: #172439;
		background-size: 100%;
		line-height: 1.4;
		-webkit-background-clip: text;
		-webkit-text-stroke: .10em transparent;
}
/* Swiper Navigation */
.act-sect-bank .swiper-arrows-wrap {
		padding-left: 0;
		padding-right: 0;
}
.act-sect-bank .swiper-button-next, .act-sect-bank .swiper-button-prev {
		color: #890006;
		width: 4em;
		height: 4em;
		margin: 0;
		font-weight: bold;
		border-radius: 10em;
		background-color: transparent;
}
.act-sect-bank .swiper-button-next:after, .act-sect-bank .swiper-button-prev:after {
		font-weight: bold;
		position: relative;
}
.act-sect-bank .swiper-button-next {
		right: -6%;
}
.act-sect-bank .swiper-button-prev {
		left: -6%;
}
.act-sect-bank .swiper-button-disabled {
		opacity: 0;
}
/* Main Wrapper */
html {
		max-width: 100vw;
		overflow-X: hidden;
}
.act-wrap {
		width: 100%;
		height: auto;
		position: relative;
		color: #000000;
		text-align: left;
		background: #fff;
		padding-top: 75px;
}
/* Notice Section */
.act-sect-notice {
		padding-top: 0;
		background: #fff;
}
.act-sect-notice .act-container-wrap {
		max-width: 1100px;
}
.act-notice .notice-bar {
		color: #172439;
		text-align: center;
		font-weight: bold;
		position: relative;
		cursor: pointer;
}
.act-notice .notice-icon {
		position: absolute;
		right: 0;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		border-radius: 10em;
		width: 2em;
		height: 2em;
		padding-top: 0.2em;
		display: block;
}
.act-notice .notice-icon .arr {
		width: 1em;
		-webkit-transform: rotate(180deg);
		-ms-transform: rotate(180deg);
		transform: rotate(180deg);
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
}
.act-notice .notice-content {
		padding: 2em 1em;
}
.act-notice .notice-content h3 {
		font-weight: bold;
}
.act-notice .notice-content ol {
		padding-left: 1.6em;
		line-height: 1.6;
}
.act-notice .notice-content ol li {
		margin-bottom: 0.5em;
}
.act-notice .notice-content ol ol {
		margin-top: 0.5em;
}
.collapsed .notice-icon .arr {
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: all .3s;
		-o-transition: all .3s;
		transition: all .3s;
}
/* Footer Section */
.act-sect-footer {
		width: 100%;
		position: relative;
		background: #172439;
		color: #d0dcef;
		padding-top: 2em;
		padding-bottom: 2em;
		z-index: 3;
}
.act-sect-footer .container-wrap {
		text-align: center;
}
.act-sect-footer .text {
		vertical-align: middle;
		list-style: none;
}
.act-sect-footer .text p {
		margin-bottom: 0;
}
.act-sect-footer .text a {
		color: #172439;
		text-decoration: underline;
}
.act-sect-footer .text a:hover {
		color: #F00;
}
.act-sect-footer .copyright {
		margin-top: 1em;
}
.act-sect-footer .copyright p:last-child {
		font-weight: 90%;
		font-weight: 200;
}
.act-sect-footer .links {
		margin-top: 1.6em;
}
.act-sect-footer .links a {
		color: #fff;
		text-decoration: underline;
}
/* Main NAV */
.navbar-custom {
		background-color: #172339;
		border-bottom: 2px solid #ad9e77;
		-webkit-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all 0.3s ease;
		height: 75px;
}
.navbar-brand img {
		height: 40px;
}
.navbar-nav .nav-link {
		color: #ffffff;
		font-weight: 500;
		padding: 0.5rem 1rem;
		-webkit-transition: color 0.3s ease;
		-o-transition: color 0.3s ease;
		transition: color 0.3s ease;
}
.navbar-nav .nav-link:hover, .navbar-nav .nav-link.active {
		color: #ffd7a4;
}
/* Main NAV - Hamburger */
.hamburger {
		width: 30px;
		height: 24px;
		position: relative;
		cursor: pointer;
		display: inline-block;
}
.hamburger span {
		display: block;
		position: absolute;
		height: 1px;
		width: 100%;
		background: #ffffff;
		border-radius: 1px;
		opacity: 1;
		left: 0;
		-webkit-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
		transform: rotate(0deg);
		-webkit-transition: .25s ease-in-out;
		-o-transition: .25s ease-in-out;
		transition: .25s ease-in-out;
}
.hamburger span:nth-child(1) {
		top: 0px;
}
.hamburger span:nth-child(2), .hamburger span:nth-child(3) {
		top: 10px;
}
.hamburger span:nth-child(4) {
		top: 20px;
}
.hamburger.active span:nth-child(1), .hamburger.active span:nth-child(4) {
		top: 10px;
		width: 0%;
		left: 50%;
}
.hamburger.active span:nth-child(2) {
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
}
.hamburger.active span:nth-child(3) {
		-webkit-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		transform: rotate(-45deg);
}
/* Main NAV - Offcanvas */
.offcanvas-custom {
		width: 280px !important;
}
.offcanvas-custom .btn-close {
		display: none;
}
.offcanvas-custom .navbar-nav .nav-link {
		padding: 1rem 1.5rem;
		border-bottom: 1px solid #eee;
}
.offcanvas-custom .navbar-nav .nav-link:last-child {
		border-bottom: none;
}
/* KV */
#kv {
		background-color: #8a0309;
}
.kv_item_group {
		left: 0;
		right: 0;
		bottom: 0;
		aspect-ratio: 912 / 786;
		max-width: 42vw;
		z-index: 2;
		margin-left: auto;
		margin-right: 50%;
}
.kv_item_group .kv_item {
		width: 100%;
}
.kv_item_light {
		left: calc((100% - 13vw)/3.25);
		top: 0;
		max-width: 12vw;
		aspect-ratio: 1 / 1;
		opacity: .6;
		background-color: transparent !important;
}
.kv_item_light {
		-webkit-animation: rotate360 8s infinite linear, fadeInAct 4s infinite ease-in-out;
		animation: rotate360 8s infinite linear, fadeInAct 4s infinite ease-in-out;
}
@-webkit-keyframes rotate360 {
		0% {
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
		}
		100% {
				-webkit-transform: rotate(360deg);
				transform: rotate(360deg);
		}
}
@keyframes rotate360 {
		0% {
				-webkit-transform: rotate(0deg);
				transform: rotate(0deg);
		}
		100% {
				-webkit-transform: rotate(360deg);
				transform: rotate(360deg);
		}
}
@-webkit-keyframes fadeInAct {
		0%, 100% {
				opacity: 0.3;
		}
		50% {
				opacity: 0.9;
		}
}
@keyframes fadeInAct {
		0%, 100% {
				opacity: 0.3;
		}
		50% {
				opacity: 0.9;
		}
}
.kv_topic_group {
		top: 0;
		bottom: 0;
		right: 0;
		left: 0;
		margin: auto auto auto 52%;
		max-width: 36vw;
		height: -webkit-fit-content;
		height: -moz-fit-content;
		height: fit-content;
}
.kv_topic_group img {
		top: 0;
		left: 0;
		right: 0;
		margin: auto;
}
.kv_top_mask {
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		background-color: transparent;
		-webkit-mask-size: contain;
		mask-size: contain;
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		-webkit-mask-position: center;
		mask-position: center;
		overflow: hidden;
		-webkit-mask-image: url('../images/kv/kv_topic_mask.png');
		mask-image: url('../images/kv/kv_topic_mask.png');
}
.kv_top_mask::before {
		content: '';
		position: absolute;
		top: 0;
		left: -100%;
		width: 50%;
		height: 100%;
		background: -o-linear-gradient(left, rgba(255, 226, 169, 0) 0%, rgba(255, 226, 169, 1) 50%, rgba(255, 226, 169, 0));
		background: -webkit-gradient(linear, left top, right top, from(rgba(255, 226, 169, 0)), color-stop(50%, rgba(255, 226, 169, 1)), to(rgba(255, 226, 169, 0)));
		background: linear-gradient(to right, rgba(255, 226, 169, 0) 0%, rgba(255, 226, 169, 1) 50%, rgba(255, 226, 169, 0));
		pointer-events: none;
}
.kv_top_mask::before {
		-webkit-animation: sweep 2.5s 2s infinite linear;
		animation: sweep 2.5s 2s infinite linear;
}
@-webkit-keyframes sweep {
		0% {
				left: -100%;
		}
		100% {
				left: 200%;
		}
}
@keyframes sweep {
		0% {
				left: -100%;
		}
		100% {
				left: 200%;
		}
}
#kv .d-xxxl-block {
		display: none !important;
}
/* KV Btn */
.btn-account {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		padding: .5rem 1rem .5rem 1.5rem;
		border-radius: 1.75rem;
		line-height: 1.25;
		position: relative;
		-webkit-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		transition: all 0.2s linear;
		cursor: pointer;
		background-color: #efc169;
		border: 3px solid #d4c091;
		-webkit-box-shadow: 3px 6px 3px RGBA(0, 0, 0, .25);
		box-shadow: 3px 6px 3px RGBA(0, 0, 0, .25);
}
.btn-account .text {
		color: #fff4d6;
		-webkit-text-stroke: 3px #633110;
		paint-order: stroke fill;
		text-shadow:
				-2px -2px 0 #633110, 0 -2px 0 #633110, 2px -2px 0 #633110, 2px 0 0 #633110, 2px 2px 0 #633110, 0 2px 0 #633110, -2px 2px 0 #633110, -2px 0 0 #633110;
}
.btn-arrow {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		margin-left: 0.8rem;
		position: relative;
		width: 40px;
		height: 24px;
}
.arrow-set {
		position: absolute;
		left: 15%;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		gap: 1px;
		-webkit-transition: opacity 0.6s ease;
		-o-transition: opacity 0.6s ease;
		transition: opacity 0.6s ease;
}
.arrow {
		width: 0;
		height: 0;
		border-top: 14px solid transparent;
		border-bottom: 14px solid transparent;
		border-left: 16px solid #633110;
}
.btn-account.done {
		background-color: #682e06;
		border: 3px solid #d4c091;
		-webkit-box-shadow: 3px 6px 3px RGBA(0, 0, 0, .25);
		box-shadow: 3px 6px 3px RGBA(0, 0, 0, .25);
}
.btn-account.done .arrow {
		border-left-color: #ffdca6;
}
.btn-account:hover {
		-webkit-box-shadow: 2px 3px 3px RGBA(0, 0, 0, .35);
		box-shadow: 2px 3px 3px RGBA(0, 0, 0, .35);
}
.btn-account .arrow {
		border-left-color: #633110;
}
.btn-account:hover {
		-webkit-transform: translate(2px, 4px);
		-ms-transform: translate(2px, 4px);
		transform: translate(2px, 4px);
}
/* Hover 時箭頭輪替 */
.btn-account:hover .arrow-set .arrow:first-child {
		-webkit-animation: arrowFade1 1s infinite;
		animation: arrowFade1 1s infinite;
}
.btn-account:hover .arrow-set .arrow:last-child {
		-webkit-animation: arrowFade2 1s infinite;
		animation: arrowFade2 1s infinite;
}
/* 箭頭輪替動畫 */
@-webkit-keyframes arrowFade1 {
		0%, 100% {
				opacity: 1;
		}
		50% {
				opacity: .6;
		}
}
@keyframes arrowFade1 {
		0%, 100% {
				opacity: 1;
		}
		50% {
				opacity: .6;
		}
}
@-webkit-keyframes arrowFade2 {
		0%, 100% {
				opacity: .6;
		}
		50% {
				opacity: 1;
		}
}
@keyframes arrowFade2 {
		0%, 100% {
				opacity: .6;
		}
		50% {
				opacity: 1;
		}
}
.btn-account:active {
		-webkit-transform: translateY(5px);
		-ms-transform: translateY(5px);
		transform: translateY(5px);
		-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
		box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
}
section:not(.act-sect-footer):not(#kv):not(#precautions) > div {
		padding: 5rem 0 4rem 0;
}
#gift > div:first-child {
		background-color: #fff0dd;
		padding-top: 2rem !important;
		padding-bottom: 8rem !important;
}
#gift > div:first-child > div::after {
		content: '';
		width: min(80%, 760px);
		display: block;
		background-color: #ffeace;
		border-radius: 100%;
		position: absolute;
		left: 0;
		right: 0;
		top: 15%;
		bottom: 0;
		margin: auto;
		aspect-ratio: 1 / 1;
		z-index: -1;
}
#gift > div:last-child {
		background-color: #fff8ee;
}
#calculator {
		background-color: #fed69b;
}
#process {
		background-color: #fff0dd;
}
#process > div {
		padding-bottom: 0 !important;
}
#tools {
		background-color: #fed69b;
}
#tools > div {
		padding-bottom: 6rem !important;
}
#articles {
		background-color: #fff0dd;
}
#recommend {
		background-color: #fef1e8;
}
#recommend > div {
		position: relative;
		padding-bottom: 6rem !important;
}
#recommend > div::before {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		display: block;
		width: 100%;
		height: 2rem;
		top: -2rem;
		pointer-events: none;
		background: -o-linear-gradient(top, RGBA(97, 79, 65, 0)30%, RGBA(97, 79, 65, .25)100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(30%, RGBA(97, 79, 65, 0)), to(RGBA(97, 79, 65, .25)));
		background: linear-gradient(to bottom, RGBA(97, 79, 65, 0)30%, RGBA(97, 79, 65, .25)100%)
}
#precautions {
		background-color: #cccccc;
}
#precautions {
		padding: 2.5rem 0;
}
.title_block .icon.icon_a {
		max-width: 100px;
}
.title_block .icon {
		max-width: 100px;
		margin-bottom: 1rem;
}
.title_block .title {
		max-width: 48vw;
		margin: 1rem auto 2rem auto;
}
.title_block .title .title_f_sp {
		left: 0;
		top: 0;
		z-index: 2;
		width: auto;
		height: 100%;
}
.title_block.sub .icon {
		margin-bottom: .75rem;
}
.title_block.sub .title {
		margin: .5rem auto .75rem auto;
}
.item_card {
		border: 0;
		padding: 0;
		height: 100%;
		background-color: transparent;
		-webkit-box-shadow: 0 0 1rem RGBA(97, 79, 65, .5);
		box-shadow: 0 0 1rem RGBA(97, 79, 65, .5);
		border-radius: 1.75rem;
		overflow: hidden;
}
.item_card .card-head {
		border: 2px solid #7d1111;
		border-radius: 1.75rem 1.75rem 0 0;
		background-color: #7d1111;
		padding: .5rem;
}
.item_card .card-head img {
		max-width: 190px;
}
.item_card.sub .card-head {
		padding: .125rem .5rem;
}
.item_card.sub .card-head img {
		max-width: 220px;
}
.item_card .card-body {
		border-top: 0;
		border: 2px solid #cc9966;
		border-radius: 0 0 1.75rem 1.75rem;
		background-color: #ffffff;
		padding: 2rem 1rem;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-ms-flex-pack: distribute;
		justify-content: space-around;
}
.item_card.s2 .card-body {
		padding-top: 1rem;
}
.item_card .val_block {
		padding-bottom: 1rem;
		margin-bottom: 1rem;
}
.item_card .val_block:not(.no_border)::after {
		content: '';
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		width: calc(100% - 2rem);
		margin: auto;
		height: 2px;
		background-color: #cc9966;
}
.item_card .card-body .is_tag {
		max-width: 85px;
		position: relative;
		top: -5px;
}
.item_card .card-body .is_arrow {
		max-width: 20px;
		position: relative;
		top: -3px;
}
.item_card .card-body .tag_giving {
		max-width: 35px;
		left: -40px;
		margin-top: -10px;
}
.count-wrap {
		max-width: 500px;
		margin: 3rem auto 0 auto;
}
.count-card {
		margin: auto;
		-webkit-box-shadow: 0 0 1rem RGBA(97, 79, 65, .5);
		box-shadow: 0 0 1rem RGBA(97, 79, 65, .5);
		border-radius: 1.75rem;
		border: 2px solid #cc9966;
}
.count-wrap .count-body {
		padding: 2rem 2rem;
		background-color: #ffffff;
		border-radius: 0 0 1.75rem 1.75rem;
}
.act-wrap .count-head > .form-group {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		text-wrap: nowrap;
}
.act-wrap .count-head > .form-group {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		text-wrap: nowrap;
}
.act-wrap .count-head {
		padding: 1.5rem 2rem;
		background-color: #cc9966;
		border-radius: 1.75rem 1.75rem 0 0;
		color: #ffffff;
}
.act-wrap .count-body .label {
		color: #000000;
		padding-right: .5rem;
		min-width: 100px;
}
.act-wrap .count-body .label.large {
		min-width: inherit;
		text-wrap: nowrap;
}
.act-wrap .form-group p {
		margin-bottom: 0;
		padding-right: 1rem;
}
.act-wrap .form-group .unit {
		padding-left: 1rem;
		margin-top: auto;
}
.strategy-container {
		max-width: 1152px;
		margin: auto;
		background-color: #ffffff;
		border-radius: 1.75rem;
		-webkit-box-shadow: 0 0 1rem RGBA(97, 79, 65, .5);
		box-shadow: 0 0 1rem RGBA(97, 79, 65, .5);
		overflow: hidden;
		text-align: center;
		padding: 3rem;
}
.strategy-container .title_app {
		max-width: 350px;
		margin-bottom: 2rem;
}
.strategy-container .title_app_menu {
		max-width: 250px;
		margin-bottom: 1.5rem;
}
.strategy-container .sidebar {
		padding: 2.5rem 1.5rem;
		background-color: #f5f5f5;
		margin-right: 2rem;
		border-radius: 1.75rem;
}
.strategy-content {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		padding: 2rem 1rem 2rem 2rem;
		background-color: #f5f5f5;
		border-radius: 1.75rem;
}
/* 左側選單 - Bootstrap Tabs 樣式覆寫 */
.strategy-sidebar {
		width: 100%;
		border: 0 !important;
}
.strategy-sidebar .nav-item {
		width: 100%;
}
.strategy-sidebar .nav-link {
		padding: .5rem 0;
		background-color: transparent !important;
		border: 0 !important;
		border-radius: 0;
		text-align: start;
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
		width: 100%;
		color: #000000;
}
.strategy-sidebar .nav-link .btn-arrow-pic {
		width: 40px;
		height: 40px;
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		top: 10px;
		position: relative;
		opacity: 0;
}
.strategy-sidebar .nav-link:not(.active):hover {
		color: #890005;
}
.strategy-sidebar .nav-link:hover .btn-arrow-pic {
		opacity: 0;
}
.strategy-sidebar .nav-link.active .btn-arrow-pic {
		opacity: 1;
}
/* 右側內容區 */
.strategy-title {
		color: #000000;
}
.strategy-desc {
		max-width: calc(100% - 1rem);
}
.strategy-image-container {
		text-align: center;
		max-width: 250px;
		border: 3px solid #e4a053;
		border-radius: 2rem;
		overflow: hidden;
}
.strategy-image {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
}
.btn-experience {
		display: -webkit-inline-box;
		display: -ms-inline-flexbox;
		display: inline-flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start;
		-webkit-transition: all 0.3s;
		-o-transition: all 0.3s;
		transition: all 0.3s;
		color: #666666;
}
.btn-experience:hover {
		color: #000000;
		-webkit-transform: translateY(5px);
		-ms-transform: translateY(5px);
		transform: translateY(5px);
}
.btn-experience .dw_icon {
		max-width: 100px;
}
.btn-experience .btn-arrow-pic {
		width: 50px;
		height: 50px;
		position: relative;
		top: -2px;
}
.investment-container {
		max-width: 1200px;
		margin: 0 auto;
		padding: 20px;
		background-color: #FFF3D9;
}
.investment-header {
		text-align: center;
		margin-bottom: 30px;
}
.investment-logo {
		margin-bottom: 15px;
}
.investment-logo img {
		height: 50px;
}
.investment-title {
		color: #8B4513;
		margin-bottom: 5px;
}
.investment-subtitle {
		color: #666;
}
.investment-swiper-container {
		position: relative;
		max-width: 1152px;
		margin: auto;
}
.investment-swiper {
		overflow: hidden;
}
.investment-card {}
.investment-card-image {
		border-radius: 1rem;
		aspect-ratio: 16 / 9;
		overflow: hidden;
}
.investment-card-image img {
		width: 100%;
		height: 100%;
		-o-object-fit: cover;
		object-fit: cover;
		-webkit-transition: all .3s ease;
		-o-transition: all .3s ease;
		transition: all .3s ease;
}
a:hover .investment-card-image img {
		-webkit-transform: scale(1.15);
		-ms-transform: scale(1.15);
		transform: scale(1.15);
		-webkit-transition: all .3s ease;
		-o-transition: all .3s ease;
		transition: all .3s ease;
}
.investment-card-content {
		padding: 1rem 0;
}
.investment-card-desc, .investment-card-title {
		color: #000000;
}
.investment-card-title {
		display: inline-block;
		position: relative;
		padding-right: 1rem;
}
.investment-card-title::after {
		content: '';
		height: 100%;
		width: 2px;
		max-height: calc(100% - 6px);
		background-color: #000000;
		display: block;
		position: absolute;
		top: 0;
		bottom: 0;
		right: -2px;
		margin: auto;
}
.investment-swiper-pagination {
		position: static !important;
		width: 100% !important;
		text-align: center;
		margin-top: 20px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		height: 20px;
}
.investment-swiper-pagination .swiper-pagination-bullet {
		width: 12px !important;
		height: 12px !important;
		background: #ffffff;
		opacity: 0.5;
		margin: 0 5px !important;
		display: inline-block !important;
		-webkit-transform: none !important;
		-ms-transform: none !important;
		transform: none !important;
		-webkit-transition: background 0.3s, opacity 0.3s !important;
		-o-transition: background 0.3s, opacity 0.3s !important;
		transition: background 0.3s, opacity 0.3s !important;
}
.investment-swiper-pagination .swiper-pagination-bullet-active {
		opacity: 1;
		background: #daa360;
}
.investment-swiper-prev, .investment-swiper-next {
		position: absolute;
		top: 40%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 40px;
		height: 40px;
		background: rgba(255, 255, 255, 0.8);
		border-radius: 50%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		cursor: pointer;
		z-index: 10;
		-webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
		box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.investment-swiper-prev {
		left: -4rem;
}
.investment-swiper-next {
		right: -4rem;
}
#recommend .item_card_group {
		max-width: 1152px;
		margin: auto;
}
#recommend .item_card {}
#recommend .item_card .info img {
		max-width: 90%;
		margin: 0 auto 1rem auto;
}
@media (min-width: 1920px) {
		#kv .kv_bg {
				width: 3840px;
		}
		.kv_item_light {
				left: calc((100% - 12vw)/3.25);
				max-width: 12vw;
		}
		.kv_topic_group {
				max-width: 700px;
		}
		.strategy-image-container {
				border: 5px solid #e4a053;
				border-radius: 3rem;
		}
}
@media (min-width: 2560px) {
		#kv .d-xxxl-block {
				display: block !important;
		}
		#kv .d-sm-block {
				display: none !important;
		}
		.kv_item_group {
				max-width: 1100px;
		}
		.kv_item_light {
				left: calc((100% - 150px)/3.25);
				max-width: 150px;
		}
		.kv_topic_group {
				max-width: 790px;
				margin: auto auto auto 52%;
		}
}
@media (min-width: 992px) {
		.hamburger-wrapper {
				display: none !important;
		}
		.navbar-nav-wrapper {
				display: -webkit-box !important;
				display: -ms-flexbox !important;
				display: flex !important;
		}
		.navbar-nav {
				-webkit-box-orient: horizontal;
				-webkit-box-direction: normal;
				-ms-flex-direction: row;
				flex-direction: row;
		}
		.navbar-nav .nav-link {
				border-bottom: none !important;
		}
		.Modal .btn-closed {
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-align: center;
				-ms-flex-align: center;
				align-items: center;
				-webkit-box-pack: center;
				-ms-flex-pack: center;
				justify-content: center;
		}
}
@media (max-width: 1199px) {
		.title_block .icon.icon_a {
				max-width: 7vw;
		}
		.title_block .icon {
				max-width: 10vw;
				margin-bottom: 1rem;
		}
		#gift > div:first-child > div::after {
				width: min(80%, 600px);
		}
		.arrow {
				border-top: 10px solid transparent;
				border-bottom: 10px solid transparent;
				border-left: 12px solid #633110;
		}
		.btn-arrow {
				width: 30px;
				height: 20px;
				margin-left: 0.25rem;
		}
		.btn-account {
				padding: .25rem .2rem .25rem .5rem;
		}
		.strategy-container, .investment-swiper-container, #recommend .item_card_group, .investment-swiper-container {
				max-width: calc(100% - 8rem);
		}
		#menu1TabContent {
				max-width: 80%;
				margin: auto;
		}
		.act-sect-bank #menu1::after {
				max-height: calc(100% - 20%);
				max-width: calc(100% - 2rem);
				left: 0;
				right: 0;
				top: auto;
				bottom: 0;
		}
		.act-sect-bank #menu3::after {
				max-height: calc(100% - 18%);
				max-width: calc(100% - 2rem);
				left: 0;
				right: 0;
				top: auto;
				bottom: 0;
		}
		.act-sect-bank #menu2::after {
				max-height: calc(100% - 18%);
				max-width: calc(130% - 2rem);
				left: -10%;
				right: 0;
				top: auto;
				bottom: 0;
		}
		.act-sect-bank #menu1, .act-sect-bank #menu3 {
				max-width: 100%;
				min-height: 700px;
				margin: auto;
				position: relative;
		}
		.act-sect-bank #menu2 {
				max-width: 80%;
		}
		.act-sect-bank #menu3::after {
				max-height: calc(100% - 20%);
				top: 5%;
				bottom: auto;
		}
		.act-sect-bank .swiper-button-next, .act-sect-bank .swiper-button-prev {
				width: 30px;
				height: 30px;
		}
		.act-sect-bank .swiper-button-prev {
				left: -4%;
		}
		.act-sect-bank .swiper-button-next {
				right: -4%;
		}
		.title_block .title {
				max-width: 75vw;
		}
		.strategy-container .title_app_menu {
				max-width: 20vw;
				margin-bottom: 1.5rem;
		}
		.strategy-container .sidebar {
				margin-right: 1rem;
		}
		#gift > div:first-child .item_card_group {
				max-width: 60%;
				margin: auto;
		}
		#gift > div:last-child .item_card_group {
				max-width: calc(100% - 4rem);
				margin: auto;
		}
		.item_card .card-head img {
				max-width: 15vw;
		}
		.item_card .card-body .is_tag {
				max-width: 75px;
		}
		.item_card .card-body .tag_giving {
				max-width: 30px;
				left: -40px;
				margin-top: -15px;
		}
		.count-wrap {
				max-width: 60%;
				margin: 3rem auto 0 auto;
		}
}
@media (max-width: 991px) {
		#gift > div:first-child .item_card_group {
				max-width: 70%;
		}
		.item_card .card-body .is_tag {
				max-width: 55px;
		}
		.item_card .card-body .is_arrow {
				max-width: 15px;
		}
		.arrow {
				border-top: 8px solid transparent;
				border-bottom: 8px solid transparent;
				border-left: 10px solid #633110;
		}
		.act-wrap {
				padding-top: 60px;
		}
		.act-sect-bank {
				padding-bottom: 0;
		}
		.act-sect-bank .act-char {
				width: 20%;
				position: absolute;
				right: 0%;
				bottom: -10%;
				display: none;
		}
		.act-sect-bank .act-menu .nav-item:not(:last-child) {
				margin-right: .15em;
		}
		.act-sect-bank #menu2::after {
				max-height: calc(100% - 10%);
		}
		.act-sect-bank #menu1::after {
				max-height: calc(100% - 18%);
		}
		.act-sect-bank .btn-outline-menu {
				padding: .5em .6em;
				letter-spacing: 0;
		}
		.act-sect-bank .phone-bank-wrap .pic-part {
				width: 60%;
				margin-left: auto;
				margin-right: auto;
		}
		.act-sect-bank .phone-bank-wrap .text-part {
				width: 80%;
				margin-left: auto;
				margin-right: auto;
		}
		.act-sect-bank .phone-bank-wrap .text-part .icon-check {
				width: 3.6em;
				margin-top: .2em;
				margin-bottom: 1.5em;
				margin-left: 37%;
		}
		.act-sect-bank .phone-bank-wrap .text-part-2 {
				width: 100%;
				padding: 0 2%;
		}
		.act-sect-bank .phone-bank-wrap .text-notice {
				margin-top: 1em;
		}
		.act-sect-bank .phone-bank-wrap-success .text-part-success {
				margin-top: 3em;
				padding: 0;
		}
		.act-sect-bank .phone-bank-wrap-success .text-3d-wrap-success {
				margin-top: .8em;
		}
		.act-sect-bank .swiper-button-next, .act-sect-bank .swiper-button-prev {
				width: 3em;
				height: 3em;
				margin: 0;
		}
		.act-sect-bank .swiper-button-next {
				right: -6%;
		}
		.act-sect-bank .swiper-button-prev {
				left: -6%;
		}
		.act-wrap .form-group {
				margin-bottom: 0.25em;
		}
		.act-wrap .form-group label {
				padding-left: 0.25em;
		}
		.act-wrap .form-group .form-control {
				padding: .5em 0.5em;
		}
		.act-wrap .form-group .input-group .unit {
				right: .75em;
		}
		.act-wrap .btn-wrap-center .btn:not(:last-child) {
				margin-right: .5em;
		}
		.act-wrap .footer-btn-m-wrap {
				z-index: 999;
				width: 100%;
				bottom: 0;
				position: fixed;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
		}
		.act-wrap .footer-btn-m {
				width: 100%;
				border-radius: 0 !important;
				letter-spacing: 0;
				padding: 0.8em 0 !important;
				font-weight: bold;
				white-space: nowrap;
		}
		.act-sect-footer {
				padding-bottom: 5em;
		}
		.act-sect-notice .act-container-wrap {
				padding-left: 0;
				padding-right: 0;
		}
		.act-notice {
				margin-left: .5em;
				margin-right: .5em;
				margin-top: 0em;
		}
		.act-notice .notice-content {
				padding: 0;
		}
		.act-notice .notice-content ol {
				padding-left: 1.6em;
		}
		.act-wrap {
				max-width: 100vw;
				overflow-X: hidden;
		}
		.navbar-brand img {
				height: 30px;
		}
		.navbar-custom {
				height: 60px;
				z-index: 1050;
		}
		.navbar-nav-wrapper {
				display: none;
		}
		.navbar-nav .nav-link {
				color: #172339;
		}
		.navbar-nav .nav-link:hover, .navbar-nav .nav-link.active {
				color: #d32f2f;
		}
		.offcanvas-header {
				height: 70px;
		}
		.act-wrap .tabs {
				width: 80%;
		}
		.strategy-sidebar {
				width: 100%;
				border-right: none !important;
				display: -webkit-box;
				display: -ms-flexbox;
				display: flex;
				-webkit-box-orient: horizontal;
				-webkit-box-direction: normal;
				-ms-flex-direction: row;
				flex-direction: row;
				overflow-x: auto;
				white-space: nowrap;
				padding: 0;
		}
		.strategy-sidebar .nav-item {
				width: auto;
		}
		.strategy-sidebar .nav-link {
				padding: 10px 15px;
				display: inline-block;
		}
		.strategy-content {
				padding: 15px;
		}
		.investment-container {
				padding: 15px;
		}
		.investment-swiper-container {
				padding: 0 20px;
		}
		.investment-card {
				margin-bottom: 15px;
		}
		.investment-swiper .swiper-wrapper {
				height: auto;
		}
		.investment-swiper-pagination .swiper-pagination-bullet {
				width: 8px !important;
				height: 8px !important;
		}
		section:not(.act-sect-footer):not(#kv):not(#precautions) > div {
				padding: 4rem 0 2rem 0;
		}
		.investment-swiper-prev {
				left: -1.5rem;
		}
		.investment-swiper-next {
				right: -1.5rem;
		}
		.investment-swiper-prev, .investment-swiper-next {
				top: 0;
				bottom: 0;
				margin: auto;
		}
		.investment-swiper-pagination {
				margin: 0 auto 1rem auto;
		}
		.investment-swiper-prev, .investment-swiper-next {
				width: 30px;
				height: 30px;
		}
		.strategy-container, .investment-swiper-container, #recommend .item_card_group, .investment-swiper-container {
				max-width: calc(100% - 4rem);
		}
		.strategy-sidebar .nav-link {
				padding: .25rem;
				display: inline-block;
		}
		.strategy-sidebar {
				white-space: wrap;
				overflow: hidden;
				-webkit-box-pack: center;
				-ms-flex-pack: center;
				justify-content: center;
		}
		.strategy-sidebar .nav-item {
				width: auto;
		}
		.act-wrap .btn-arrow-pic {
				background-image: url(../images/arrow_red.png);
				background-size: 70%;
		}
		.btn-experience .btn-arrow-pic {
				width: 30px;
				height: 30px;
				margin-left: .5rem;
		}
		.btn-experience .dw_icon {
				max-width: 20vw;
		}
		.strategy-container .title_app {
				max-width: 35vw;
				margin-bottom: 1rem;
		}
		.strategy-container .title_app_menu {
				max-width: 30vw;
				margin-bottom: .75rem;
		}
		.strategy-sidebar .nav-link .btn-arrow-pic {
				width: 15px;
				height: 15px;
				top: 1px;
		}
		.strategy-image-container {
				max-width: 20vw;
				border-radius: 1.5rem;
		}
		.strategy-container .sidebar {
				padding: 1.5rem 1rem;
				margin-right: 0;
				border-radius: 0;
				margin-bottom: 1rem;
		}
		.strategy-content {
				padding: 1.5rem 1rem;
				border-radius: 0;
		}
		.btn-experience .dw_icon {
				max-width: 9vw;
		}
		.title_block .title {
				max-width: 65vw;
		}
}
@media (max-width: 767px) {
		#gift > div:first-child .item_card_group {
				max-width: 80%;
		}
		.title_block .title {
				max-width: 90vw;
		}
		.kv_item_group {
				max-width: 40vw;
				margin-right: 50%;
		}
		.kv_topic_group {
				margin: auto auto auto 55%;
				max-width: 40vw;
		}
		.kv_topic_group > div {
				-webkit-transform: scale(.9);
				-ms-transform: scale(.9);
				transform: scale(.9);
		}
		.count-wrap {
				max-width: 70%;
				margin: 3rem auto 0 auto;
		}
}
@media (max-width: 576px) {
		.count-wrap {
				max-width: 100%;
		}
		#recommend .item_card_group {
				max-width: calc(100% - 1rem);
		}
		#menu1TabContent {
				max-width: 100%;
		}
		#gift > div:first-child .item_card_group {
				max-width: calc(100% - 4rem);
		}
		.kv_topic_group > div {
				-webkit-transform: scale(1);
				-ms-transform: scale(1);
				transform: scale(1);
		}
		.strategy-sidebar .nav-link {
				padding: .25rem;
				display: inline-block;
		}
		.strategy-sidebar {
				white-space: wrap;
				overflow: hidden;
				-webkit-box-pack: center;
				-ms-flex-pack: center;
				justify-content: center;
		}
		.strategy-sidebar .nav-item {
				width: auto;
		}
		.act-wrap .btn-arrow-pic {
				background-image: url(../images/arrow_red.png);
				background-size: 70%;
		}
		.btn-experience .btn-arrow-pic {
				width: 30px;
				height: 30px;
				margin-left: .5rem;
		}
		.btn-experience .dw_icon {
				max-width: 20vw;
		}
		.strategy-container .title_app {
				max-width: 60vw;
				margin-bottom: 1rem;
		}
		.strategy-container .title_app_menu {
				max-width: 50vw;
				margin-bottom: .75rem;
		}
		.strategy-sidebar .nav-link .btn-arrow-pic {
				width: 15px;
				height: 15px;
				top: 1px;
		}
		.strategy-image-container {
				text-align: center;
				max-width: 50vw;
				border: 5px solid #e4a053;
				border-radius: 2rem;
				overflow: hidden;
		}
		.strategy-container .sidebar {
				padding: 1.5rem 1rem;
				margin-right: auto;
				border-radius: 0;
				margin-bottom: 1rem;
		}
		.strategy-content {
				padding: 1.5rem 1rem;
				border-radius: 0;
		}
		.act-sect-bank #mainTabContent {
				padding-bottom: 3rem;
		}
		.act-sect-bank #menu3 > .phone-bank-wrap {
				max-width: 80%;
		}
		.act-sect-bank #menu2 {
				max-width: 100%;
		}
		.strategy-desc {
				max-width: 100%;
		}
		.strategy-action {
				text-align: center;
		}
		.act-sect-bank .swiper-container {
				max-width: 90%;
		}
		.act-sect-bank .swiper-button-next {
				right: 3%;
		}
		.act-sect-bank .swiper-button-prev {
				left: 3%;
		}
		section:not(.act-sect-footer):not(#kv):not(#precautions) > div {
				padding: 3rem 0 2rem 0;
		}
		#gift > div:first-child {
				padding-top: 2rem !important;
				padding-bottom: 2rem !important;
		}
		#gift > div:first-child > div::after {
				width: min(110%, 760px);
				left: -5%;
		}
		.act-sect-bank .phone-bank-wrap .text-part {
				-webkit-box-ordinal-group: 2;
				-ms-flex-order: 1;
				order: 1;
		}
		.act-sect-bank .phone-bank-wrap .pic-part {
				-webkit-box-ordinal-group: 1;
				-ms-flex-order: 0;
				order: 0;
		}
		.act-sect-bank #menu1::after, .act-sect-bank #menu2::after, .act-sect-bank #menu3::after {
				max-height: calc(100% - 25%);
				max-width: calc(100% - 2rem);
				left: 0;
				right: 0;
				top: auto;
				bottom: 0;
		}
		.act-sect-bank #menu3::after {
				max-height: calc(100% - 20%);
				top: 5%;
				bottom: auto;
		}
		.act-sect-bank .act-menu {
				margin-top: 1.5rem;
		}
		.act-wrap .count-body .label {
				min-width: 80px;
		}
		.count-wrap .count-body {
				padding: 1.5rem 1.25rem 1.25rem 1.25rem;
		}
		.act-wrap .count-head {
				padding: 1.5rem 1rem;
				border-radius: 1.7rem 1.7rem 0 0;
		}
		.title_block .title {
				max-width: 90vw;
		}
		.title_block .icon.icon_a {
				max-width: 15vw;
		}
		.item_card_group {
				max-width: calc(100% - 4rem);
				margin: auto;
		}
		.item_card_group > div {
				margin-bottom: 2rem;
		}
		.kv_topic_group {
				margin: auto;
				max-width: 75vw;
				top: 4%;
				bottom: auto;
		}
		.kv_item_group {
				margin-left: auto;
				margin-right: auto;
				max-width: 76vw;
		}
		.btn-arrow {
				margin-left: .5rem;
				width: 30px;
				height: 18px;
		}
		.arrow {
				border-top: 8px solid transparent;
				border-bottom: 8px solid transparent;
				border-left: 10px solid #633110;
		}
		.btn-account {
				padding: .25rem .25rem .25rem .75rem;
				border-radius: 5rem;
				margin: 0 .125rem !important;
		}
		.strategy-container {
				max-width: calc(100% - 1rem);
				padding: 1.5rem 1rem;
		}
		.item_card .card-head img {
				max-width: 35vw;
		}
		.item_card.sub .card-head img {
				max-width: 40vw;
		}
		.item_card .card-body .tag_giving {
				max-width: 30px;
				left: -40px;
				margin-top: -15px;
		}
		.item_card .card-body .is_tag {
				max-width: 80px;
				top: -5px;
		}
		.item_card.s2 .card-body {
				padding-top: 2rem;
		}
		.investment-card-image {
				height: auto;
		}
		.investment-swiper-container {
				max-width: calc(100% - 6rem);
				padding: 0;
		}
		.investment-swiper-prev {
				left: -3.5rem;
		}
		.investment-swiper-next {
				right: -3.5rem;
		}
		.investment-swiper-prev, .investment-swiper-next {
				top: 0;
				bottom: 0;
				margin: auto;
		}
		.investment-swiper-pagination {
				margin: 0 auto 1rem auto;
		}
		#recommend > div {
				padding-bottom: 2rem !important;
		}
		.kv_item_light {
				max-width: 17vw;
		}
		.act-sect-bank .phone-bank-wrap .text-part .text-p {
				margin-bottom: 1rem;
		}
		.act-sect-bank .phone-bank-wrap .text-part-2 {
				max-width: 100%;
		}
		.act-sect-bank .phone-bank-wrap .text-part {
				padding-left: 0;
		}
		.title_block .icon {
				max-width: 15vw;
				margin-bottom: 1rem;
		}
}
@media (max-width:568px) and (orientation: landscape) {}
@media (max-width:320px) {
		.d-xs-block {
				display: block !important;
		}
		.btn-arrow {
				margin-left: .25rem;
				width: 20px;
				height: 18px;
		}
		.btn-account .arrow {
				border-top: 5px solid transparent;
				border-bottom: 5px solid transparent;
				border-left: 7px solid #633110;
		}
		.item_card .card-body .is_tag {
				max-width: 60px;
				top: -5px;
		}
		.item_card_group {
				max-width: calc(100% - 1rem);
				margin: auto;
		}
		.item_card .card-body .tag_giving {
				max-width: 25px;
				left: -30px;
				margin-top: -15px;
		}
		.title_block .title {
				max-width: 98vw;
		}
}