.space_30 {
	height: 30px;
}

.homecard-page {
	width: 1280px;
	margin: auto;
}
.homecard-page .title {
	z-index: 1;
	width: 100%;
	border-top: 1px solid #E7E7E7;
	margin-bottom: 10px;
}

.homecard-page .title .body-container {
	margin: auto;
	text-align: center;
}

.homecard-page .title h1 {
	font-family: 'Prompt';
	font-size: 42px;
	font-weight: 600;
	color: #0867B2;
	padding: 18px;
	letter-spacing: -1px;
}

.homecard-page .homecard-button-wrapper {
	text-align: center;
	margin-top: 60px;
}

.homecard-page .homecard-button-wrapper .wrapper {
	width: 330px;
	margin: auto;
	margin-top: 60px;
	text-align: center;
}

.homecard-page .homecard-button-wrapper .ga-apply {
	width: 300px;
	background-color: #0867B2;
	font-size: 16px;
	letter-spacing: 1px;
}

.homecard-page .homecard-button-wrapper .ga-link {
	width: 300px;
	font-size: 16px;
	font-weight: 700;
	letter-spacing: 1px;
}

.homecard-page .homecard-button-wrapper .signin-btn {
	width: 300px;
	background-color: #0867B2;
	font-size: 16px;
	letter-spacing: 1px;
}

@media only screen and (max-width: 600px) {
	body {
		background-color: #FFFFFF !important;
		font-family: 'Prompt';
	}
	.accordion-header {
		color: #333333;
		font-size: 18px;
		font-weight: 600;
		line-height: 18px;
		letter-spacing: -0.6px;
	}
	.title {
		color: #333333;
		font-size: 14px !important;
		font-weight: bold;
		font-family: 'Prompt', sans-serif !important;
		margin-top: 10px;
	}
	.title.active {
		color: #0066b3 !important;
		font-size: 14px !important;
		font-family: 'Prompt', sans-serif !important;
	}
	.ui.accordion .title:not(.ui) {
		font-size: 14px !important;
		font-weight: bold !important;
		font-family: 'Prompt', sans-serif !important;
	}
	.content {
		color: #515356;
		font-size: 14px !important;
		font-family: 'Prompt', sans-serif !important;
		text-align: left;
		text-indent: 30px;
	}
	.ui.button {
		font-family: 'Prompt', sans-serif !important;
	}
	#content{
		margin-top:67px;
		font-family: 'Prompt';
	}
/*	#content > div{
		margin:12px;
	}
*/
	#content img.top{
		width:100%;
		border-radius:3px;
	}
}


/* Begin : New Homecard UI */
	.homecard-largehero-img {
		height: 300px;
		width: 1280px;
		border-radius: 10px;
		margin-top: 48px;
		background-position: center;
		background-size: cover;
	}
	.homecard-page .homecard-detail-member-card {
		padding-top: 54px;
		padding-bottom: 49px;
	}
	.homecard-page .homecard-detail-header {
		text-align: center;
		color: #f05924;
		font-size: 47px;
		font-weight: normal;
	}
	.homecard-page .homecard-detail-content {
		text-align: center;
		font-size: 24px;
		line-height: 1.2;
		margin-bottom: 11px;
	}
	.homecard-page .homecard-detail-table-header {
		background-color: #F05924;
		padding-left: 26px;
		color: #fff;
		border-top-left-radius: 10px;
		border-top-right-radius: 10px;
	}
	.homecard-page .homecard-detail-table-header > h2 {
		font-size: 35px;
		font-weight: normal;
	}
	.homecard-page .homecard-detail-table-contianer {
		display: flex;
		flex-wrap: wrap;
		padding-top: 13px;
		padding-bottom: 12px;
	}
	.homecard-page .homecard-detail-table-content {
		width: 600px;
	}
	.homecard-page .homecard-detail-table-box1 {
		padding-left: 24px;
		border-right: 1px solid #585858;
	}
	.homecard-page .homecard-detail-label {
		font-size: 34px;
		line-height: 1.2;
	}
	.homecard-page .homecard-span-color {
		color: #F05924;
	}
	.homecard-page .homecard-detail-table-box2 {
		padding-left: 49px;
	}
	.homecard-page .homecard-detail-remark-content {
		text-align: center;
		font-size: 19px;
		line-height: 1.2;
	}
	.homecard-page .homecard-tier-binifits-img > img,
	.homecard-page .homecard-fullfill-img > img,
	.homecard-page .homecard-application-img > img {
		width: 100%;
		border-radius: 10px;
	}
	.homecard-page .homecard-tier-binifits-img {
		padding-top: 49px;
		padding-bottom: 30px;
	}
	.homecard-page .homecard-binifits-img {
		width: 100%;
	}
	.homecard-page .homecard-binifits-img img {
		width: 100%;
	}
	.homecard-page .homecard-fullfill-img {
		padding-top: 50px;
		padding-bottom: 50px;
	}
	.homecard-page .homecard-detail-privileges {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.homecard-page .homecard-privileges-category {
		text-align: center;
		cursor: pointer;
	}
	.homecard-page .homecard-button-wrapper .homecard-register {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		background-color: #000;
		border-radius: 10px;
		height: 96px;
	}
	.homecard-page .homecard-button-wrapper .homecard-apply-button {
		padding-right: 71px;
	}
	.homecard-page .homecard-button-wrapper .homecard-apply-button .ga-apply {
		width: 370px;
		border-radius: 25px;
		background-color: #F37121;
	}
	.homecard-page .homecard-button-wrapper .homecard-apply-button .ga-apply:hover,
	.homecard-page .homecard-button-wrapper .homecard-link-button .ga-apply:hover {
		background-color: #F37121;
	}
	.homecard-page .homecard-button-wrapper .homecard-register-img > img {
		width: 100%;
	}
	.homecard-page .homecard-button-wrapper .homecard-link-button {
		padding-left: 71px;
	}
	.homecard-page .homecard-button-wrapper .homecard-link-button .ga-apply {
		width: 370px;
		border-radius: 25px;
		background-color: #F37121;
	}
	.homecard-page .homecard-button-wrapper .homecard-register .signin-btn {
		width: 370px;
		border-radius: 25px;
		background-color: #F37121;
	}
	.homecard-page .homecard-button-wrapper {
		text-align: center;
		margin-top: 60px;
		margin-bottom: 20px;
	}
	.homecard-page .title.active {
		color: #000 !important;
	}
	.homecard-page .homecard-privileges-content {
		display: flex;
		flex-wrap: wrap;
		padding-top: 20px;
		position: relative;
		min-height: 600px;
	}
	.homecard-page .homecard-privileges-categories-large-card {
		width: 852px;
		background-color: #EFEFEF;
	}
	.homecard-page .homecard-privileges-categories-card {
		width: 426px;
		background-color: #EFEFEF;
	}
	.homecard-page .homecard-categories-large-card-detail {
		display: flex;
		flex-wrap: wrap;
		padding-top: 12px;
		padding-right: 20px;
		padding-bottom: 17px;
		padding-left: 30px;
		justify-content: space-between;
		align-items: center;
		align-content: center;
	}
	.homecard-page .box1 {
		width: 570px;
	}
	.homecard-page .box2 {
		display: flex;
		width: 180px;
		font-size: 21px;
		font-weight: 600;
		align-items: end;
		justify-content: end;
	}
	.homecard-page .homecard-privileges-categories-large-card .homecard-categories-large-img {
		width: 852px;
	}
	.homecard-page .homecard-privileges-content img {
		width: 100%;
	}
	.homecard-page .homecard-privileges-categories-large-card .homecard-categories-title {
		font-size: 42px;
		font-weight: bold;
		line-height: 1;
	}
	.homecard-page .homecard-privileges-categories-large-card .homecard-categories-discount {
		font-size: 28px;
		font-weight: bold;
		color: #ED1C24;
		padding-top: 15px;
		padding-bottom: 30px;
		line-height: 1.2;
	}
	.homecard-page .homecard-privileges-categories-large-card .homecard-categories-expenses {
		font-size: 21px;
		margin-bottom: 0;
	}
	.homecard-page .homecard-categories-card-detail {
		display: flex;
		flex-wrap: wrap;
		padding: 10px;
		justify-content: space-between;
		align-items: flex-end;
	}
	.homecard-page .homecard-categories-img {
		width: 426px;
	}
	.homecard-page .homecard-categories-card-detail .homecard-categories-title {
		font-size: 22px;
		font-weight: bold;
		flex: 1;
	}
	.homecard-page .homecard-categories-card-detail .homecard-categories-discount {
		font-size: 16px;
		font-weight: bold;
		color: #ED1C24;
		line-height: 1.2;
		margin: 8px 0px;
	}
	.homecard-page .homecard-privileges-content a {
		cursor: pointer;
		text-decoration: underline;
		width: 100%;
		text-align: right;
	}
	.homecard-privileges-content .loader {
		display: none !important;
	}
	.homecard-privileges-content.fetching {
		background: #6155550a;
	}
	.homecard-privileges-content.fetching > div:not(.loader) {
		display: none !important;
	}
	.homecard-privileges-content.fetching .loader {
		display: block !important;
	}

	.homecard-privileges-content .pagination {
		width: 100%;
		display: flex;
		justify-content: center;
		flex-direction: row;
		align-items: center;
		align-content: center;
		flex-wrap: wrap;
		gap: 16px;
		margin-top: 24px;
	}
	.homecard-privileges-content .pagination > div {
		cursor: pointer;
		background: #5e5e5e;
		width: 35px;
		height: 35px;
		display: flex;
		justify-content: center;
		align-content: center;
		flex-wrap: wrap;
		border-radius: 40px;
		font-size: 18px;
		color: #fff;
	}
	.homecard-privileges-content .pagination i {
		margin: 0 !important;
	}
	.homecard-privileges-content .pagination > div.active {
		cursor: default;
		background: #f37120;
	}
	.homecard-privileges-content .empty-box {
		width: 100%;
		height: 600px;
		justify-content: center;
		align-content: center;
		flex-wrap: wrap;
		background-color: #EFEFEF;
		display: none;
	}
	.homecard-privileges-content.empty .empty-box {
		display: flex;
	}
	.homecard-privileges-content.empty > div:not(.empty-box) {
		display:none;
	}

	.reward-modal {
		overflow: hidden;
		position: relative;
		width: 600px !important;
		border-radius: 10px !important;
		padding: 1.5rem 0 !important;
	}
	.reward-modal .close-btn {
		border: unset;
		background: #fff;
		width: auto;
		height: auto;
		position: absolute;
		right: 40px;
		top: 30px;
		color: #a4a4a4;
		font-size: 20px;
		padding: 10px;
		border-radius: 40px !important;
		cursor: pointer;
	}
	.reward-modal > .content {
		padding: 0 1.5rem !important;
	}
	.reward-modal .close-btn i {
		margin: 0 !important;
	}
	.reward-modal img {
		width: 100%;
	}
	.reward-modal img.qr-img {
		width: 90px;
		height: 90px;
	}
	.reward-modal .main-box {
		display:flex;
		margin-top: 18px;
		margin-bottom: 10px;
	}
	.reward-modal .main-box > div:nth-child(1) {
		display: flex;
		flex-direction: column;
		flex-wrap: wrap;
		align-content: flex-start;
		justify-content: flex-start;
		align-items: flex-start;
		width: 80%;
	}
	.reward-modal .main-box > div:nth-child(1) .name {
		font-size: 24px;
		font-weight: bold;
	}
	.reward-modal .main-box > div:nth-child(1) .discount {
		font-size: 36px;
		font-weight: bold;
		color: #ED1C24;
	}
	.main-box > div:nth-child(1) .desc {
		font-size: 16px;
	}
	.reward-modal .main-box > div:nth-child(2) {
		display: flex;
		flex-direction: column;
		align-content: center;
		align-items: end;
		gap: 8px;
		width: 20%;
	}
	.reward-modal .main-box > div:nth-child(2) > div {
		font-size: 12px;
		font-weight: bold;
	}
	.reward-modal .condition-box {
		margin-top: 10px;
	}
	.reward-modal .condition-box * {
		margin: 0;
		line-height: normal;
		padding: 0;
	}
	.reward-modal .condition-box > p {
		font-weight: bold;
	}
	.reward-modal .condition-box ul {
		margin-bottom: 10px;
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	.condition-title {
		padding: 4px 10px;
		background: #616161;
		border-radius: 4px;
		color: #fff;
		font-size: 10px;
	}

	.homecard-section {
		padding: 24px;
		margin-bottom: 32px;
		margin-top: 32px;
		border-radius: 10px;
		border: 1px solid var(--neutral-colors-gray-400, #E0E0E3);
	}
	.homecard-section .top {
		display: flex;
		justify-content: space-between;
	}
	.homecard-section .top h3 {
		margin-bottom: 16px;
		font-size: 22px;
		font-weight: 700;
		color: var(--neutral-colors-gray-800, #525255);
	}
	.homecard-section .top .detail {
		padding: 0 16px;
		font-size: 16px;
		color: var(--neutral-colors-gray-700, #99999C);
		line-height: normal;
	}
	.homecard-section .top .detail span {
		color: var(--neutral-colors-gray-800, #525255);
	}
	.homecard-section .top .detail b {
		font-size: 18px;
		color: var(--primary-color-deep-blue-800);
	}
	.homecard-section .top .right img {
		margin-top: -12px;
	}
	.homecard-section .middle {
		padding: 16px;
		margin-bottom: 24px;
		font-size: 16px;
		line-height: normal;
		background: var(--neutral-colors-gray-100, #F9F9FC);
		border-radius: 10px;
	}
	.homecard-section .middle b {
		font-size: 18px;
		color: var(--primary-color-deep-blue-800);
	}
	.homecard-section .middle b b {
		font-size: 22px;
	}
	.homecard-section .bottom button {
		padding: 10px 24px 11px 24px;
		font-size: 18px;
		font-weight: 700;
		color: var(--neutral-colors-gray-800, #525255);
		background: var(--neutral-colors-white, #FFF);
		border-radius: 10px;
		border: 1px solid var(--neutral-colors-gray-700, #88888C);
		cursor: pointer;
	}
	.homecard-section .bottom button.primary {
		margin-right: 16px;
		color: var(--White, #FFF);
		background: var(--primary-color-deep-blue-800);
		border: 0;
	}
	.homecard-section.unlink .left {
		font-size: 16px;
		color: var(--neutral-colors-gray-700, #99999C);
	}
	.homecard-section.unlink .bottom {
		margin-top: -50px;
	}
/* End : New Homecard UI */