@import url("//asia.tools.euroland.com/tools/SubscriptionCentre2/./../Config/footer.css");
/* Not Found: /Config/SubscriptionCentre2.css */
/* Not Found: ./../Config/Company/hk-pony/hk-pony.css */
@import url("//fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");

body {
	color: #000000;
	font-family: "Poppins", sans-serif;
	font-size: 16px;
	background: none repeat scroll 0 0 transparent;
	font-weight: 400;
}

.check-subscription-link a {
	color: #000000;
}

a:-webkit-any-link,
a:-moz-any-link {
	color: #000000;
	text-decoration: none;
	cursor: auto;
}

.hyperlink,
.disclaimer-box a,
.cookies-box a {
	color: #000000;
	text-decoration: none;
}

.hyperlink:hover,
.disclaimer-box a:hover,
.cookies-box a:hover {
	color: #38B9C7;
	text-decoration: none;
}

.wrapper {
	width: 100%;
	padding: 50px 0 10px 0px;
	margin: 0 auto;
	max-width: 900px;
}

.service-name {
	position: relative;
	top: 3px;
}

.btn,
.btn:active,
.btn:focus {
	background: #38B9C7;
	border-radius: 48px;
	color: #000 !important;
	font-family: "Poppins", sans-serif;
	font-size: 1em;
	font-weight: normal !important;
	letter-spacing: 0px;
	margin: 0 auto;
	padding: 9px;
	border: 1px solid #38B9C7 !important;
	text-transform: capitalize;
	text-decoration: none;
	transition: background 0.5s ease 0s;
	height: 36px;
	line-height: 10px;
}

.btn-subscribe {
	min-width: 160px;
}

.btn:hover {
	background: #FFFFFF;
	border: 1px solid #38B9C7 !important;
	color: #38B9C7;
}

#dialogModal .btn-submit,
#dialogModal .btn-ok,
#dialogModal .btn-cancel {
	min-width: inherit;
}

.radio input,
.checkbox input {
	height: 17px;
}

.form .lable {
	text-transform: capitalize;
}

.form input {
	appearance: none;
	-moz-appearance: none;
	background-color: #ffffff;
	border: 0.08em solid #DEE2E6;
	color: #000000;
	height: 36px;
	padding: 9px;
	border-radius: 48px;
}

.form select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-color: #ffffff;
	background-image: url("//asia.tools.euroland.com/tools/SubscriptionCentre2/Config/Company/hk-pony/dropdown.svg");
	background-origin: content-box;
	background-position: calc(0px + 99%) 50%;
	background-repeat: no-repeat;
	background-size: 12px 12px;
	border-radius: 48px;
	padding: 6px 9px;
	color: #000000;
	height: 36px;
	border: 0.08em solid #DEE2E6;
}

@media (min-width: 768px) {
	.form .lable {
		width: 100% !important;
	}

	.form .input {
		width: 90% !important;
	}
}

@media not all {
	.form select {
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==");
	}
}

.form select>option {
	color: #000000;
	text-transform: capitalize;
}

.modal-content {}

@media (max-width: 480px) {
	.button-inner {
		padding-top: 10px;
	}
}

.subscription-wrapper-single .selection-services {
	border: 0px !important;
	-webkit-box-shadow: none !important;
	-webkit-border-radius: 5px !important;
}

.selection-services {
	padding-left: 0 !important;
}


.form .row-control {
	display: inline-block;
	width: 50%;
}

.form .lable,
.form .input {
	float: none !important;
}

.compulsory-field {
	display: none;
}

div[order="0"] div.lable,
.subscribe-checking .form .row-control .lable {
	position: relative;
	/* width: auto; */
}

div[order="0"] div.lable:after,
.subscribe-checking .form .row-control .lable:after {
	content: "*";
	position: absolute;
	/* right: 0; */
	padding-left: 5px;
	color: #EF0000;
}

.button-wrapper .check-subscription-link,
.button-wrapper .button-inner {
	margin-left: 0;
}

.button-wrapper {
	padding-left: 15px;
	margin-top: 15px;

}

.selection-service-table {
	padding-bottom: 0;
}

.check-subscription-link a:hover {
	color: #38B9C7;
}

.subscribe-checking .form .row-control {
	width: 100%;
}

.subscribe-checking .form .lable {
	width: 100%;
	padding-right: 5%;
	text-align: left;
}

.subscribe-checking .form .input {
	width: 100%;
}

.subscribe-checking .form .row-control {
	width: 100%;
	/* max-width: 600px; */
	margin: 0 auto;
}

.subscribe-checking {
	max-width: 360px;
	margin: 0 auto;
}

.subscribe-checking .form {
	max-width: 360px;
	margin: 0 auto;
}

.subscribe-checking .button-wrapper {
	text-align: center;
	width: 100% !important;
	margin: 0 auto !important;
	padding-top: 10px;
}



.check-subscription-link {
	padding-top: 10px;
}

.zh-cn .row-control strong,
.zh-tw .row-control strong {
	font-size: 0px;
}

.zh-cn .row-control strong::after {
	content: "星号 (*) 表示必填项";
	font-size: 16px;
}

.zh-tw .row-control strong::after {
	content: "星號 (*) 表示必填項";
	font-size: 16px;
}

@media (max-width: 590px) {
	.form .row-control {
		width: 70% !important;
	}
}

@media (max-width: 568px) {
	.button-wrapper {
		margin-left: 0%;
		width: 96%;
		padding-left: 0;
		text-align: left !important;
	}
}

@media (max-width:475px) {
	.form .row-control {
		display: inline-block;
		width: 100% !important;
	}
}

#dialogModal .privacy-policy-sector .btn {
	padding: 0.75em;
	min-width: 123px;
}

.modal a,
.hyperlink,
.disclaimer-box a,
.cookies-box a {
	color: #38B9C7;
}

.modal a,
.hyperlink:hover,
.disclaimer-box a:hover,
.cookies-box a:hover {
	color: #38B9C7;
	text-decoration: underline !important;
}

.footer {
	font-size: 12px !important;
}


/* button */

.btn.btn-primary.btn-subscribe,
button.btn.btn-default.btn-cancel,
button.btn.btn-primary.btn-ok {
	position: relative;
	display: inline-block;
	padding: 5px 30px;
	font-size: 16px;
	font-weight: 600;
	color: #000 !important;
	background: #38B9C7 !important;
	border: 1px solid #38B9C7 !important;
	border-radius: 18px;
	overflow: hidden;
	cursor: pointer;
	transition: 0.3s ease, border-color 0.3s ease;
	z-index: 1;
}

/* Left-to-right background fill */
.btn.btn-primary.btn-subscribe::before,
button.btn.btn-default.btn-cancel::before,
button.btn.btn-primary.btn-ok::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 100%;
	background: #FFFFFF !important;
	z-index: -1;
	transition: width 0.4s ease;
}

/* Arrow decoration */
.btn.btn-primary.btn-subscribe::after {
	content: "›";
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translateY(-50%) translateX(0);
	font-size: 18px;
	color: #000000 !important;
	transition: transform 0.3s ease, color 0.3s ease;
	z-index: 1;
}

.btn.btn-primary.btn-subscribe:hover::before,
button.btn.btn-default.btn-cancel:hover::before,
button.btn.btn-primary.btn-ok:hover::before {
	width: 100%;
}

.btn.btn-primary.btn-subscribe:hover,
button.btn.btn-default.btn-cancel:hover,
button.btn.btn-primary.btn-ok:hover {
	color: #000 !important;
	border-color: #38B9C7 !important;
	background: #FFFFFF !important;
}

/* Move the arrow slightly and recolor on hover */
.btn.btn-primary.btn-subscribe:hover::after,
button.btn.btn-default.btn-cancel:hover::after,
button.btn.btn-primary.btn-ok:hover::after {
	transform: translateY(-50%) translateX(6px);
	color: #000 !important;
}

/* Optional inactive look */
.btn.btn-primary.btn-subscribe.InactiveButton,
button.btn.btn-default.btn-cancel.InactiveButton,
button.btn.btn-primary.btn-ok.InactiveButton {
	opacity: 0.95;
}

strong > .compulsory-field {
    display: inline !important;
}