@font-face {
  font-family: 'Helvetica';
  src: url('helvetica-font/Helvetica.ttf')  format('truetype'); /* Safari, Android, iOS */
}

body {
	padding-bottom: 100px;
	overflow-y: scroll;
}
* {
	font-family: "Helvetica", "微軟正黑體";
}
p {
	margin-bottom: 40px;
}
sup {
	top: -0.8em;
	font-size: 60%;
}
a,
a:hover {
	color: #000;
}
.hidden {
	display: none !important;
}
.black-text,
.black-text:hover {
	color: #000;
}
.grey-text,
.grey-text:hover {
	color: #4d4d4d;
}
.gold-text,
.gold-text:hover {
	color: #ad8b5b;
}
.red-text,
.red-text:hover {
	color: #f00;
}
.underline {
	text-decoration: underline !important;
}
.text-bold {
	font-weight: 500;
}
.text-bold-600 {
	font-weight: 600;
}
.line {
	margin-top: 40px;
	margin-bottom: 40px;
	height: 1px;
	background-color: #ad8b5b;
}
.element-desktop {
	display: block;
}
.element-mobile {
	display: none;
}
.web-container {

}
.container {

}
header {
	margin-bottom: 40px;
	background-color: #000;
}
header .topbar {
    position: fixed;
	padding: 20px 0;
    top: 0;
    left: 0;
    width: 100%;
    background-color: #000;
	color: #fff;
	z-index: 2;
}
header .topbar .logo {
	display: flex;
	align-items: center;
}
header .topbar .logo img {
	width: 100%;
	max-width: 400px;
}
header .topbar .language-switcher {
    text-align: right;
    color: #fff;
    font-size: 1.6rem;
}
header .topbar .navigation {
	display: flex;
	align-items: center;
	justify-content: center;
    margin-top: 15px;
}
header .topbar .navigation ul {
	margin: 0;
	list-style-type: none;
	overflow: hidden;
}
header .topbar .navigation ul li {
	float: left;
	position: relative;
}
header .topbar .navigation ul li:not(.no-separator):after {
	content: " ";
	position: absolute;
	top: 7px;
	right: -1px;
	height: 25px;
	width: 1px;
	background-color: #fff;
}
header .topbar .navigation ul li a {
	padding: 0 20px;
	color: #fff;
	text-decoration: none;
	font-size: 1.6rem;
}
header .topbar .navigation ul li.current a {
	font-weight: 600;
}
header .banner {
	padding-top: 100px;
}
header .banner img {
	width: 100%;
	max-width: 100%;
}
header .dbs-slider {
    padding-top: 162px;
    background-color: #000;
}
header .dbs-slider img {
    width: 100%;
    max-width: 100%;
}
header .dbs-slider .swiper-pagination-bullet {
    opacity: 1;
    background: #fff;
}
header .dbs-slider .swiper-pagination-bullet-active {
    opacity: 1;
    background: #cc0000;
}
.content {
	display: none;
	font-size: 1.45rem;
}
.content.show {
	display: block;
}
.content h4 {
	padding-left: 20px;
}
.content .table-a .tr {
	display: flex;
}
.content .table-a .tr .td {
	padding: 10px 20px;
}
.content .table-a .tr .td:nth-child(1) {
	width: 22%;
}
.content .table-a .tr .td:nth-child(2) {
	width: 56%;
}
.content .table-a .tr .td:nth-child(3) {
	width: 22%;
}
.content .table-a .tr .td.full-width {
    width: 100%;
}
.content .table-a .tr .td.with-dot {
	position: relative;
	padding-left: 36px;
}
.content .table-a .tr .td.with-dot:after {
	content: "•";
	position: absolute;
	top: 8px;
	left: 20px;
}
.content .table-a .tr .td ul {
    padding-left: 0;
}
.content .table-a.v2 .tr .td:nth-child(1) {
    width: 70%;
}
.content .table-a.v2 .tr .td:nth-child(2) {
    width: 30%;
}
.content .table-b {
	margin-bottom: 20px;
	border: 1px solid #ad8b5b;
}
.content .table-b .thead {
	background-color: #ad8b5b;
	color: #fff;
}
.content .table-b .thead .td.separator:after {
	content: " ";
	position: absolute;
	top: 10px;
	right: 0;
	height: calc(100% - 20px);
	width: 1px;
	background-color: #fff;
}
.content .table-b .thead .small {
	font-size: 1rem;
}
.content .table-b .tr {
	display: flex;
	margin-bottom: 15px;
	line-height: 1;
}
.content .table-b .tr .td {
	position: relative;
	padding: 10px 20px;
}
.content .table-b .tbody .tr .td {
	padding: 10px 30px;
}
.content .table-b .tbody .tr .td:nth-child(2) {
	padding-right: 30px;
}
.content .table-b .tbody .tr .td.separator:after {
	content: " ";
	position: absolute;
	top: 0;
	right: 0;
	height: calc(100% + 10px);
	width: 1px;
	background-color: #ad8b5b;
}
.content .table-b .tbody .tr:first-child .td.separator:after {
	top: 5px;
	height: calc(100% + 10px);
}
.content .table-b .tbody .tr:last-child .td.separator:after {
	top: -5px;
	height: calc(100% + 5px);
}
.content .table-b .tbody .tr.only .td.separator:after {
	height: calc(100% + 10px) !important;
}
.content .table-b .tr .td:nth-child(1) {
	width: 40%;
}
.content .table-b .tr .td:nth-child(2) {
	width: 30%;
}
.content .table-b .tr .td:nth-child(3) {
	width: 30%;
}
.content .table-b .tr .td .or {
	display: block;
	position: absolute;
	top: 50%;
	right: -15px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	color: #fff;
	font-size: 1.2rem;
	text-align: center;
	line-height: 1.5;
	background-color: #ad8b5b;
	border-radius: 15px;
	z-index: 1;
}
.content .table-b.v2 {
    margin-top: 20px;
}
.content .table-b.v2 .tbody .tr:last-child .td.separator:after {
    height: calc(100% + 10px);
}
.content .table-b.v2 .tr .td:first-child,
    .content .table-b.v2 .tr .td:last-child {
    width: 50%;
}
.content .table-b.v2 .tr .td .or {
    margin-top: -20px;
	right: -20px;
	width: 40px;
	height: 40px;
	font-size: 1.4rem;
	line-height: 1.7;
	border-radius: 20px;
}
.content .table-b.v2 h4 {
    color: #ad8b5b;
    text-align: center;
}
.content .table-b.v2 h6 {
    margin-bottom: 0;
    padding: 15px 0 30px;
}
.content .table-b.v2 .terms {
    padding-top: 10px;
}
.content .table-b.v3 .tr .td:first-child {
    width: 70%;
}
.content .table-b.v3 .tr .td:last-child {
    width: 30%;
}
.content .table-b.v3 .thead .tr {
    margin-bottom: 0;
}
.content .table-b.v3 .tbody.border {
    border: 0 !important;
    border-bottom: 1px solid #ad8b5b !important;
}
.content .table-b.v3 .tbody.plus:after {
    content: "+";
    position: absolute;
    bottom: -29px;
    right: 126px;
    width: 80px;
    height: 60px;
    line-height: 0.6;
    color: #ad8b5b;
    background-color: #fff;
    text-align: center;
    font-size: 5rem;
    font-weight: 800;
}
.content .table-b.v3 .tbody {
    position: relative;
    padding: 20px 0;
}
.content .table-b.v3 .tbody .tr {
    margin-bottom: 0;
}
.content .table-b.v3 .tbody .tr .td {
	padding: 10px 20px;
	line-height: 1.4;
}
.content .table-b.v3 .tbody .tr:first-child .td.separator:after {
    top: 10px;
}
.content .table-b.v3 .tbody .tr:last-child .td.separator:after {
	height: calc(100% - 5px);
}
.content .table-b.v3 .tbody .tr .td .referral-title {
    padding: 10px 0 10px 110px;
    background-size: 120px auto;
    background-repeat: no-repeat;
    background-position: -12px center;
}
.content .table-b.v3 .tbody .tr .td .referral-description {
    position: relative;
    padding-left: 140px;
}
.content .table-b.v3 .tbody .tr .td .referral-description:after {
    content: " ";
    position: absolute;
    top: 12px;
    left: 118px;
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background-color: #000;
}
.content .table-b.v3 .tbody .tr .td .or {
    position: relative;
    right: auto;
    top: auto;
    margin: 20px auto 0;
    width: 50px;
    height: 50px;
    font-size: 2rem;
    border-radius: 25px;
    line-height: 1.6;
}
.content .table-c .tr {
	display: flex;
}
.content .table-c .tr .td {
	padding: 10px 20px;
}
.content .table-c .tr .td:nth-child(1) {
	width: 75%;
}
.content .table-c .tr .td:nth-child(2) {
	width: 25%;
}
.content .table-c.single-col .tr .td:nth-child(1) {
	width: 100%;
}
.content .table-d {
    border-top: 1px solid #ad8b5b;
}
.content .table-d .tr {
    margin-bottom: 0;
}
.content .table-d .tr .td {
    padding: 5px 10px !important;
    font-size: 1rem;
    text-align: center;
    line-height: 1.4;
}
.content .table-d .tbody .tr .td {
    border-left: 1px solid #ad8b5b;
    border-bottom: 1px solid #ad8b5b;
}
.content .table-d .tbody .tr .td:last-child {
    border-right: 1px solid #ad8b5b;
}
.content .table-d.left .tr .td:first-child {
    width: 70%;
}
.content .table-d.left .tr .td:last-child {
    width: 30%;
}
.content .table-d.right .tr .td:nth-child(1) {
    width: 40%;
}
.content .table-d.right .tr .td:nth-child(2) {
    width: 30%;
}
.content .table-d.right .tr .td:nth-child(3) {
    width: 30%;
}
.content .recommend-button-container {
	padding: 20px 0;
}
.content a.recommend-button {
	display: inline-block;
	width: 245px;
	height: 50px;
	background-image: url("recommend_button.png");
	background-size: cover;
	background-repeat: no-repeat;
	color: #fff;
	text-align: center;
	text-decoration: none;
	line-height: 2;
}
.content .terms {
	padding-top: 60px;
	font-size: 1rem;
}
.content .terms .term {
	margin-bottom: 30px;
}
.content .terms .term.scrollable {
	padding: 10px;
	height: 132px;
	border: 1px solid #ad8b5b;
	overflow-y: scroll;
}
.content .terms .term.scrollable .term-content {
	margin-bottom: 20px;
}
.content .terms .term a.toggle {
	display: block;
	color: #000;
	text-decoration: none;
	font-weight: 600;
}
.content .terms .term p {
	margin-bottom: 20px;
}
.content .terms .term a {
	color: #f00;
}
.content .terms .term ul {
	margin-bottom: 0;
	list-style-type: decimal;
}
.content .terms .term ul ul {
	list-style-type: lower-roman;
}
.bottom-bar {
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background-color: #ebebeb;
	z-index: 2;
}
.bottom-bar .shortcut {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 20px 0;
	font-size: 1.5rem;
}
.bottom-bar .shortcut .button {
	margin: 0 5px;
}
.bottom-bar .shortcut .or {
	width: 36px;
	height: 36px;
	color: #ad8b5b;
	font-size: 1.2rem;
	text-align: center;
	line-height: 1.8;
	border-radius: 18px;
}
.bottom-bar .shortcut .signup {
	/* width: 189px; */
	/* height: 50px; */
	/* background-image: url("hexagon_button.png"); */
	/* background-size: cover; */
	/* background-repeat: no-repeat; */
    padding: 3px 60px;
	color: #fff;
    text-align: center;
    text-decoration: none;
    background-color: #ad8b5b;
    border: 5px solid #b99c74;
    border-radius: 16px;
}
.content.join .grey-layer {
	padding: 20px 0;
	background-color: #ebebeb;
}
.content .table-join {
	display: flex;
	flex-wrap: wrap;
	border: 1px solid #ad8b5b;
	border-radius: 20px 20px 0 0;
	overflow: hidden;
}
.content .table-join .download {
    margin-bottom: 10px;
	font-size: 1.2rem;
}
.content .table-join .online {
	width: 75%;
}
.content .table-join .branch {
	width: 25%;
}
.content .table-join .thead {
	padding: 10px 0;
	text-align: center;
	color: #fff;
	background-color: #ad8b5b;
}
.content .table-join .branch .thead {
	background-color: #b99c74;
}
.content .table-join .tbody {
	position: relative;
	padding: 20px;
}
.content .table-join .online .tbody:after {
	content: " ";
	position: absolute;
	top: 5%;
	right: 0;
	width: 1px;
	height: calc(90%);
	background-color: #ad8b5b;
}
.content .table-join .online .tbody .top {
	display: flex;
}
.content .table-join .online .tbody .top .item {
	width: 50%;
}
.content .table-join .online .tbody .top .item.youtube .youtube-frame {
	position: relative;
	padding: 28% 0;
	width: 100%;
}
.content .table-join .online .tbody .top .item.youtube .youtube-frame iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.content .table-join .online .tbody .top .item.apps {
	padding-left: 15px;
}
.content .table-join .online .tbody .top .item.apps .apps-container {
	display: flex;
	align-items: center;
}
.content .table-join .online .tbody .top .item.apps .apps-container .qr {
	padding: 0 10px;
	width: 50%;
}
.content .table-join .online .tbody .top .item.apps .apps-container .qr img {
	width: 100%;
}
.content .table-join .online .tbody .top .item.apps .apps-container .app-buttons {
	width: 50%;
}
.content .table-join .online .tbody .top .item.apps .apps-container .app-buttons img {
	display: inline-block;
	margin-bottom: 10px;
	width: 90%;
}
.content .table-join .online .tbody .top .item.apps .tips-menu {
	margin-top: 10px;
	font-size: 1.2rem;
}
.content .table-join .online .tbody .top .item.apps .tips-menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
}
.content .table-join .online .tbody .top .item.apps .tips-menu ul li {
	position: relative;
	float: left;
	margin: 0 10px;
}
.content .table-join .online .tbody .top .item.apps .tips-menu ul li:after {
	content: " ";
	position: absolute;
	top: 14%;
	right: -10px;
	width: 1px;
	height: 75%;
	background-color: #e20613;
}
.content .table-join .online .tbody .top .item.apps .tips-menu ul li:last-child:after {
	display: none;
}
.content .table-join .online .tbody .top .item.apps .tips-menu ul li a,
.content .table-join .online .tbody .top .item.apps .tips-menu ul li a:hover {
	color: #e20613;
	text-decoration: underline;
}
.content .table-join .online .bottom .qualification {
	padding-top: 20px;
	font-size: 1rem;
}
.content .table-join .online .bottom .qualification ul {
	padding-left: 20px;
	margin-bottom: 0;
	list-style-type: decimal;
}
.content .table-join .branch .tbody .appointment {
	margin-top: 50%;
	text-align: center;
}
.content .table-join .branch .tbody .appointment a.appointment-button {
	display: inline-block;
	width: 161px;
	height: 50px;
	/* background-image: url("appointment_button.png"); */
	background-size: cover;
	background-repeat: no-repeat;
	color: #fff;
	text-align: center;
	text-decoration: none;
	line-height: 2;
}
.content .table-join2 {
	border: 1px solid #ad8b5b;
	border-radius: 20px 20px 0 0;
	overflow: hidden;
}
.content .table-join2 .thead {
    padding: 10px 0;
	background-color: #ad8b5b;
	text-align: center;
	color: #fff;
    font-size: 1.8rem;
}
.content .table-join2 .tbody {
	padding: 20px 0;
	font-size: 1.2rem;
}
.content .table-join2 .online .tbody .steps {
	display: flex;
	flex-wrap: wrap;
}
.content .table-join2 .online .tbody .steps .step {
	padding: 0 20px;
	width: 33.333333%;
	border-right: 1px solid #ad8b5b;
}
.content .table-join2 .online .tbody .steps .step:last-child {
	border-right: 0;
}
.content .table-join2 .online .tbody .steps .step .step-title {
	margin-bottom: 10px;
	color: #ad8b5b;
	font-size: 1.7rem;
}
.content .table-join2 .online .tbody .steps .step .step-title span:first-child {
	display: inline-block;
	padding-right: 20px;
	border-right: 1px solid #ad8b5b;
}
.content .table-join2 .online .tbody .steps .step .step-title span:last-child {
	display: block;
}
.content .table-join2 .online .tbody .steps .step .step-content {

}
.content .table-join2 .online .tbody .steps .step.step1 .step-content ul {
	padding-left: 24px;
    list-style-type: none;
}
.content .table-join2 .online .tbody .steps .step.step1 .step-content ul li {
	position: relative;
}
.content .table-join2 .online .tbody .steps .step.step1 .step-content ul li:before {
	content: "✓";
	position: absolute;
    top: 1px;
    left: -20px;
}
.content .table-join2 .online .tbody .steps .step.step2 .step-content .qr-apps .qrs {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.content .table-join2 .online .tbody .steps .step.step2 .step-content .qr-apps .qrs .qr {
	margin: 0 auto 5px;
    width: 50%;
    text-align: center;
}
.content .table-join2 .online .tbody .steps .step.step2 .step-content .qr-apps .qrs .qr:nth-child(2) {
    width: 20%;
}
.content .table-join2 .online .tbody .steps .step.step2 .step-content .qr-apps .qrs .qr h6 {

}
.content .table-join2 .online .tbody .steps .step.step2 .step-content .qr-apps .qrs .qr img {
    padding: 0;
	width: 100%;
	max-width: 95%;
}
.content .table-join2 .online .tbody .steps .step.step2 .step-content .qr-apps .qrs .qr .or {
    display: block;
    margin: 0 auto;
    width: 36px;
    height: 36px;
    background-color: #ad8b5b;
    color: #fff;
    text-align: center;
    line-height: 1.8;
    border-radius: 18px;
}
.content .table-join2 .online .tbody .steps .step.step2 .step-content .qr-apps .apps {
	overflow: hidden;
}
.content .table-join2 .online .tbody .steps .step.step2 .step-content .qr-apps .apps img {
	float: left;
	width: 100%;
	max-width: 150px;
}
.content .table-join2 .online .tbody .steps .step.step3 .step-content .youtube-frame {
	position: relative;
	padding: 28% 0;
}
.content .table-join2 .online .tbody .steps .step.step3 .step-content .youtube-frame iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.content .table-join2 .online .tbody .steps .step.step3 .step-content .tips-menu {
	margin-top: 10px;
}
.content .table-join2 .online .tbody .steps .step.step3 .step-content .tips-menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	overflow: hidden;
}
.content .table-join2 .online .tbody .steps .step.step3 .step-content .tips-menu ul li {
	position: relative;
	float: left;
	margin: 0 20px;
}
.content .table-join2 .online .tbody .steps .step.step3 .step-content .tips-menu ul li:after {
	content: " ";
	position: absolute;
	top: 2px;
	right: -20px;
	height: 24px;
	width: 1px;
	background-color: #e20613;
}
.content .table-join2 .online .tbody .steps .step.step3 .step-content .tips-menu ul li:first-child {
	margin-left: 0;
}
.content .table-join2 .online .tbody .steps .step.step3 .step-content .tips-menu ul li:last-child {
	margin-right: 0;
}
.content .table-join2 .online .tbody .steps .step.step3 .step-content .tips-menu ul li:last-child:after {
	display: none;
}
.content .table-join2 .online .tbody .steps .step.step3 .step-content .tips-menu ul li a,
.content .table-join2 .online .tbody .steps .step.step3 .step-content .tips-menu ul li a:hover {
	color: #e20613;
	text-decoration: underline;
}
.content .table-join2 .branch .tbody .appointment {
	text-align: center;
	font-size: 1.6rem;
}
.content .table-join2 .branch .tbody .appointment img {
    display: inline-block;
	height: 48px;
}
.content[data-page="welcome"] h4 {
	margin-top: 10px;
	font-size: 1.45rem;
}
.content[data-page="transaction"] h4 {
	line-height: 1.8;
}
.content[data-page="welcome"] h4 a.toggle,
.content[data-page="welcome"] h4 a.toggle:hover,
.content[data-page="transaction"] h4 a.toggle,
.content[data-page="transaction"] h4 a.toggle:hover {
	padding: 20px 20px;
	margin-left: 10px;
	font-size: 1rem;
	text-decoration: none;
}
.content[data-page="welcome"] h5 {
    margin-top: 10px;
}
.content[data-page="welcome"] .table-a a.toggle,
.content[data-page="welcome"] .table-a a.toggle:hover,
.content[data-page="transaction"] .table-a a.toggle,
.content[data-page="transaction"] .table-a a.toggle:hover {
	padding: 20px 20px;
	margin-left: 10px;
	font-size: 1rem;
	text-decoration: none;
}
.content[data-page="join"] .title {
    margin: 10px 0 20px;
}
.content[data-page="join"] .title h4 {
	font-size: 1.6rem;
}
.content[data-page="join"] .title p {
	margin-bottom: 0;
	font-size: 1.2rem;
}
.content[data-page="join"] .maintenance-announcement {
    margin: 0 auto;
    padding: 20px 10px 40px;
    max-width: 100%;
    text-align: center;
    font-size: 1.2rem;
}
.content[data-page="referral"] h4 {
	margin-bottom: 30px;
}
.content .table-b.v2.how-to-refer.last {
    margin-top: -20px;
}
.content .table-b.v2.how-to-refer .thead .tr .td {
    width: 100%;
    text-align: center;
}
.content .table-b.v2.how-to-refer .tbody .tr .td.full-width {
    width: 100%;
}
.content .table-b.v2.how-to-refer .tbody .tr .td.full-width p {
    margin-top: 10px;
    margin-bottom: -20px;
}
.content .table-b.v2.how-to-refer .tbody .tr .td .or {
    margin-top: -24px;
    right: -24px;
    width: 48px;
    height: 48px;
    font-size: 1.8rem;
    border-radius: 24px;
}
.content .table-b.v2.how-to-refer .tbody .tr:last-child .td.separator:after {
    top: 15px;
    height: calc(100% - 20px);
}
.content .table-b.v2.how-to-refer .tbody .tr .td .box {
    display: flex;
    align-items: center;
}
.content .table-b.v2.how-to-refer .tbody .tr .td .box .icon {
    padding: 30px;
    width: 40%;
}
.content .table-b.v2.how-to-refer .tbody .tr .td .box .icon img {
    max-width: 100%;
}
.content .table-b.v2.how-to-refer .tbody .tr .td .box .text {
    padding: 20px;
    width: 60%;
    line-height: 1.2;
}
.content .table-b.v2.how-to-refer .tbody .tr .td .box .text p {
    margin-bottom: 0;
}
.content .table-b.v2.how-to-refer .tbody .tr .td .box .text .step-badge {
    display: inline-block;
    margin-bottom: 15px;
    padding: 10px 20px;
    color: #fff;
    background-color: #ad8b5b;
    border-radius: 10px;
}
.content[data-page="about"] {
    margin-top: -40px;
}
.content[data-page="about"] .about-shadow-bg {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #f1f2f2;
}
.content[data-page="about"] .about-cards .card {
    height: 100%;
    border: 0;
    border-radius: 0;
    box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.5);
}
.content[data-page="about"] .about-cards .card img.card-img-top {
    border-radius: 0;
}
.content[data-page="about"] .about-cards .card .card-body {
    padding: 2.25rem 1.25rem;
}
.content[data-page="about"] .about-cards .card .card-body .card-title {
    margin-bottom: 1.75rem;
    font-weight: 400;
    font-size: 1.6rem;
    text-align: center;
    line-height: 1.6;
}
.content[data-page="about"] .about-cards .card .card-body ul li {
    margin-bottom: 1rem;
    font-weight: 200;
    font-size: 1.2rem;
}
.content[data-page="about"] .about-register {
    margin: 30px 0;
    text-align: center;
}
.content[data-page="about"] .about-register a {
    position: relative;
    display: inline-block;
    padding: 8px 36px;
    color: #fff;
    text-decoration: none;
    border-radius: 10px;
    line-height: 1.2;
    background-color: #ff0000;
}
.content[data-page="about"] .about-register a:after {
    content: " ";
    position: absolute;
    top: -5px;
    right: -48px;
    width: 90px;
    height: 90px;
    background-image: url("about_arrow.png");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

footer {
	margin-top: 40px;
}
footer p {
	margin-bottom: 20px;
}
footer a {
	text-decoration: none;
	color: #000;
}
footer a:hover {
	color: #000;
}

@media only screen and (max-width: 1199px) {
    header .topbar .language-switcher {
        font-size: 1rem;
    }
	header .topbar .navigation ul li:not(.no-separator):after {
		top: 4px;
		height: 18px;
	}
	header .topbar .navigation ul li a {
		padding: 0 10px;
		font-size: 1rem;
	}
	header .banner {
		padding-top: 90px;
	}
    header .dbs-slider {
    	padding-top: 148px;
    }
	.content {
		font-size: 1.1rem;
	}
	.content .table-a .tr .td {
		padding: 10px 10px;
	}
	.content .table-a .tr .td:nth-child(1) {
		width: 25%;
	}
	.content .table-a .tr .td:nth-child(2) {
		width: 50%;
	}
	.content .table-a .tr .td:nth-child(3) {
		width: 25%;
	}
	.content .table-b .thead .small {
		font-size: 0.8rem;
	}
	.content .table-b .tr .td {
		padding: 10px 10px;
	}
	.content .table-b .tr .td:nth-child(1) {
		width: 45%;
	}
	.content .table-b .tr .td:nth-child(2) {
		width: 25%;
	}
	.content .table-b .tr .td .or {
		right: -10px;
		margin-top: -10px;
		width: 20px;
		height: 20px;
		font-size: 0.8rem;
	}
	.content a.recommend-button {
		width: 196px;
		height: 40px;
	}
	.content .table-join .download {
		font-size: 1rem;
	}
	.content .table-join .branch .tbody .appointment a.appointment-button {
		width: 129px;
		height: 40px;
	}
	.content .table-join .online .tbody .top .item.apps .tips-menu {
		font-size: 1rem;
	}
	.content .table-join .online .bottom .qualification {
		font-size: 0.8rem;
	}
	.content .table-join2 .thead {
		padding: 5px 0;
		font-size: 1.6rem;
	}
	.content .table-join2 .online .tbody .steps .step .step-title {
		font-size: 1.2rem;
	}
	.content .table-join2 .tbody {
		font-size: 1rem;
	}
	.content .table-join2 .online .tbody .steps .step .step-title span:first-child {
		padding-right: 10px;
	}
    .content .table-join2 .online .tbody .steps .step.step2 .step-content .qr-apps .qrs .qr .or {
        width: 28px;
        height: 28px;
        border-radius: 17px;
    }
	.content .table-join2 .online .tbody .steps .step.step3 .step-content .tips-menu ul li {
		margin: 0 10px;
	}
	.content .table-join2 .online .tbody .steps .step.step3 .step-content .tips-menu ul li:after {
		right: -10px;
	}
	.content .table-join2 .branch .tbody .appointment {
		font-size: 1.4rem;
	}
	.content .table-join2 .branch .tbody .appointment img {
		height: 42px;
	}
	.content .terms {
		padding-top: 30px;
	}
	.content .terms .term {
		margin-bottom: 10px;
	}
	.content .terms .term.scrollable .term-content {
		margin-bottom: 10px;
	}
	.bottom-bar .shortcut {
		font-size: 1.2rem;
	}
	.bottom-bar .shortcut .or {
		font-size: 1rem;
		line-height: 2.4;
	}
	.content[data-page="welcome"] h4 {
		padding-left: 10px;
		font-size: 1.1rem;
	}
    .content[data-page="welcome"] h5 {
        font-size: 1rem;
    }
    .content .table-d .tr .td {
        font-size: 0.9rem;
    }
    .content .table-b.v2.how-to-refer .tbody .tr .td .or {
        margin-top: -20px;
        right: -20px;
        width: 40px;
        height: 40px;
        font-size: 1.4rem;
        border-radius: 20px;
        line-height: 1.8;
    }
    .content .table-b.v2.how-to-refer .tbody .tr .td .box .icon,
    .content .table-b.v2.how-to-refer .tbody .tr .td .box .text {
        padding: 20px;
    }
    .content .table-b.v2.how-to-refer .tbody .tr .td .box .text .step-badge {
        margin-bottom: 10px;
        padding: 5px 15px;
    }
    .content[data-page="join"] .maintenance-announcement {
        font-size: 1rem;
    }
    .content .table-b.v3 .tbody.plus:after {
        bottom: -25px;
        right: 106px;
        width: 70px;
        height: 50px;
        font-size: 4rem;
    }
    .content .table-b.v3 .tbody .tr .td .or {
        width: 42px;
        height: 42px;
        font-size: 1.6rem;
        border-radius: 21px;
        line-height: 1.7;
    }
    .content[data-page="about"] .about-cards .card .card-body {
        padding: 1.25rem 0.75rem;
    }
    .content[data-page="about"] .about-cards .card .card-body .card-title {
        margin-bottom: 0.75rem;
        font-size: 1.4rem;
    }
    .content[data-page="about"] .about-cards .card .card-body ul {
        padding-left: 28px;
    }
    .content[data-page="about"] .about-cards .card .card-body ul li {
        font-size: 1rem;
    }
    .content[data-page="about"] .about-register a:after {
        top: -5px;
        right: -38px;
        width: 72px;
        height: 72px;
    }
}

@media only screen and (max-width: 991px) {
	header .banner {
		padding-top: 76px;
	}
    header .dbs-slider {
    	padding-top: 136px;
    }
    .content .table-b.v2 {
        margin-top: 10px;
    }
    .content .table-b.v2 > .thead > .tr {
        margin-bottom: 0;
    }
    .content .table-b.v2 > .thead > .tr .td {
        padding: 10px;
    }
    .content .table-b.v2 > .tbody > .tr {
        flex-wrap: wrap;
    }
    .content .table-b.v2 > .tbody > .tr > .td {
        padding: 10px;
        width: 100% !important;
    }
    .content .table-b .tbody .tr .td.separator:after {
        display: none;
    }
    .content .table-b.v2 .tr .td .or {
        position: relative;
    	right: 0;
    	top: 0;
    	margin: 20px auto 0;
    }
    .content .table-b.v2 h6 {
        padding: 25px 10px 0;
        font-size: 0.8rem;
    }
    .content .table-b.v3 .tbody .tr .td.separator:after {
        display: block;
    }
    .content .table-join2 .online .tbody .steps .step.step2 .step-content .qr-apps .qrs .qr h6 {
        font-size: 0.8rem;
    }
    .content .table-join2 .online .tbody .steps .step.step2 .step-content .qr-apps .qrs .qr img {
        padding: 4px;
    }
    .content .table-b.v2.how-to-refer .tbody .tr .td {
        width: 50% !important;
    }
    .content .table-b.v2.how-to-refer .tbody .tr .td.full-width {
        width: 100% !important;
    }
    .content .table-b.v2.how-to-refer .tbody .tr .td.separator:after {
        display: block;
    }
    .content .table-b.v2.how-to-refer .tbody .tr .td .or {
        position: absolute;
        top: 50%;
        right: -18px;
        margin-top: -18px;
        width: 36px;
        height: 36px;
        font-size: 1.4rem;
        border-radius: 18px;
    }
    .content[data-page="join"] .maintenance-announcement {
        font-size: 0.8rem;
        padding: 10px 10px 30px;
    }
    .content .table-b.v3 .tbody.plus:after {
        bottom: -19px;
        right: 80px;
        width: 50px;
        height: 36px;
        font-size: 3rem;
    }
    .content .table-b.v3 .tbody .tr .td .or {
        width: 38px;
        height: 38px;
        font-size: 1.4rem;
        border-radius: 19px;
        line-height: 1.8;
    }
    .content[data-page="welcome"] h5 {
        font-size: 0.9rem;
    }
    .content[data-page="about"] .about-cards .card .card-body {
        padding: 0.75rem 0.55rem;
    }
    .content[data-page="about"] .about-cards .card .card-body .card-title {
        margin-bottom: 0.45rem;
        font-size: 1rem;
    }
    .content[data-page="about"] .about-cards .card .card-body ul li {
        margin-bottom: 0.5rem;
        font-size: 0.8rem;
    }
}

@media only screen and (max-width: 767px) {
	.element-desktop {
		display: none !important;
	}
	.element-mobile {
		display: block !important;
	}
	p {
		margin-bottom: 15px;
	}
	.line {
		margin-top: 0;
		margin-bottom: 15px;
	}
	header {
		margin-bottom: 0;
	}
	header .topbar {
		position: relative;
	}
	header .topbar .logo {
		justify-content: center;
		padding: 10px 0;
	}

	header .topbar .logo img {
		max-width: 200px;
	}
	header .topbar .logo .language-switcher,
	header .topbar .logo .language-switcher:hover {
		position: absolute;
		top: 18px;
		right: 15px;
		color: #fff;
		font-size: 0.8rem;
		text-decoration: none;
	}
	header .language-switcher.mobile {
		position: absolute;
		color: #fff;
		text-decoration: none;
		top: 34px;
		right: 20px;
	}
	header .banner {
		padding-top: 0;
	}
    header .dbs-slider {
    	padding-top: 0;
    }
	.mobile-navigation {
		padding: 15px 0 5px;
	}
	.mobile-navigation.sticked {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		background-color: rgba(255, 255, 255, 0.9);
		box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
		z-index: 3;
	}
	.mobile-navigation .navigation {
		text-align: center;
		font-size: 1rem;
	}
	.mobile-navigation .navigation ul {
		display: inline-block;
		padding: 0;
		margin: 0;
		list-style-type: none;
	}
	.mobile-navigation .navigation ul li {
		float: left;
		position: relative;
		padding: 0 5px;
	}
	.mobile-navigation ul li:not(.no-separator):after {
		content: " ";
		position: absolute;
		top: 3px;
		right: -1px;
		height: 17px;
		width: 1px;
		background-color: #ad8b5b;
	}
	.mobile-navigation .navigation ul li a {
		color: #ad8b5b;
		text-decoration: none;
	}
	.mobile-navigation .navigation ul li.current a {
		font-weight: 600;
	}
	.content {
		font-size: 0.8rem;
	}
	.content h4 {
		padding-left: 2px;
		font-size: 1rem;
	}
	.content sup {
		font-size: 60%;
	}
	.content .table-a .tr .td:not(:last-child) br {
		display: none;
	}
	.content .table-a .tr {
		flex-wrap: wrap;
	}
	.content .table-a .tr .td:nth-child(1) {
		width: 100%;
	}
	.content .table-a .tr .td:nth-child(2) {
		padding-left: 0;
		width: 65%;
	}
	.content .table-a .tr .td:nth-child(3) {
		width: 35%;
	}
	.content .table-a .tr .td {
		padding: 2px 0 2px 0;
	}
	.content .table-a .tr .td.with-dot {
		padding-left: 12px;
	}
	.content .table-a .tr .td.with-dot:after {
		top: -6px;
		left: 0px;
		font-size: 1.6rem;
	}
    .content .table-a .tr .td ul {
        padding-left: 16px;
    }
	.content .table-b {
		margin-bottom: 10px;
		box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.4);
	}
	.content .table-b .tr {
		margin-bottom: 0;
		line-height: 1.2;
	}
	.content .table-b .tr .td:nth-child(1) {
		width: 40%;
	}
	.content .table-b .tr .td:nth-child(2) {
		padding-right: 15px;
		width: 30%;
	}
	.content .table-b .tr .td {
		padding: 4px 4px;
	}
	.content .table-b .tbody .tr .td:nth-child(2) {
		padding-right: 20px;
	}
	.content .table-b .tr .td .or {
		margin-top: -16px;
	}
	.content .table-b .thead .td.separator:after {
		top: 2px;
		height: calc(100% - 5px);
	}
	.content .table-b .tbody .tr:first-child .td.separator:after {
		top: 3px;
	}
	.content .table-b .tbody .tr:last-child .td.separator:after {
		height: calc(100% + 2px);
	}
	.content .table-b .tbody .tr:last-child .td:nth-child(2).separator:after {
		/* display: none; */
	}
	.content .table-b .tbody .tr.only .td.separator:after {
		height: calc(100% + -6px) !important;
	}
    .content .table-b.v2 .tr .td .or {
    	position: relative;
    	right: 0;
    	top: 0;
		margin: 10px auto -10px;
        width: 28px;
    	height: 28px;
    	font-size: 1rem;
    	line-height: 1.8;
    	border-radius: 14px;
    }
    .content .table-b.v4 .tr .td:nth-child(2) {
        padding-right: 4px;
    }
    .content .table-b.v4 .tbody .tr .td {
        padding: 4px;
    }
    .content .table-b.v4 .tr .td:nth-child(2) {
        width: 25%;
    }
    .content .table-b.v4 .tr .td:nth-child(3) {
        width: 35%;
    }
    .content .table-b.v4 .thead .small {
        font-size: 0.6rem;
    }
	.content .table-c .tr .td {
		padding: 4px 4px;
	}
	.content .terms {
		font-size: 0.6rem;
	}
	.content .terms .term {
		margin-bottom: 10px;
	}
	.content .terms .term p {
		margin-bottom: 0;
	}
	.content .terms .term ul {
		padding-left: 18px;
	}
	.content .terms .term.scrollable {
		height: 100px;
	}
	.content .terms .term.scrollable h6 {
		font-size: 0.6rem;
	}
	.content .terms .term.scrollable .term-content {
		margin-bottom: 10px;
	}
	footer {
		margin-top: 10px;
		font-size: 0.6rem;
	}
	footer p {
		margin-bottom: 10px;
	}
	.bottom-bar .shortcut {
		padding: 10px 0;
	}
	.bottom-bar .shortcut .signup {
		font-size: 0.8rem;
		padding: 4px 28px;
		border-radius: 12px;
	}
	.bottom-bar .shortcut .or {
		font-size: 0.8rem;
		line-height: 2.6;
	}
	.content[data-page="transaction"] .line {
		margin-top: 0;
	}
	.content[data-page="transaction"] .tr.special .td:nth-child(1) {
		width: 65%;
	}
	.content[data-page="transaction"] .tr.special .td:nth-child(2) {
		padding: 0;
		width: 0;
	}
	.content[data-page="welcome"] h4 a.toggle,
	.content[data-page="welcome"] h4 a.toggle:hover,
	.content[data-page="transaction"] h4 a.toggle,
	.content[data-page="transaction"] h4 a.toggle:hover {
		padding: 10px 20px;
		font-size: 0.8rem;
	}
    .content[data-page="welcome"] h5 {
        font-size: 0.7rem;
    }
	.content[data-page="transaction"] .table-a {
		margin-bottom: 20px;
	}
	.content .recommend-button-container {
		padding: 10px 0;
	}
	.content a.recommend-button {
		width: 146px;
		height: 30px;
	}
	.content[data-page="recommend"] .line {
		margin-top: 0;
	}
	.content[data-page="recommend"] h4 {
		margin-bottom: 10px !important;
	}
	.content .table-join .download {
		font-size: 0.8rem;
	}
	.content .table-join .online {
		width: 100%;
	}
	.content .table-join .online .tbody .top .item.youtube {
		width: 60%;
	}
	.content .table-join .online .tbody .top .item.apps {
		width: 40%;
	}
	.content .table-join .online .tbody .top .item.apps .apps-container .qr {
		padding: 0 5px 0 0;
	}
	.content .table-join .online .tbody .top .item.apps .apps-container .app-buttons img {
		margin-bottom: 2px;
		width: 100%;
	}
	.content .table-join .online .tbody .top .item.apps .tips-menu {
		font-size: 0.8rem;
	}
	.content .table-join .online .tbody .top .item.apps .tips-menu ul li {
		margin: 0 10px 0 0;
	}
	.content .table-join .online .tbody:after {
		display: none;
	}
	.content .table-join .branch {
		width: 100%;
	}
	.content .table-join .branch .tbody .appointment {
		display: flex;
		justify-content: space-between;
		margin-top: 0;
	}
	.content .table-join .branch .tbody .appointment p {
		margin-bottom: 0;
		line-height: 2.2;
	}
	.content .table-join .branch .tbody .appointment p br {
		display: none;
	}
	.content .table-join .branch .tbody .appointment a.appointment-button {
		width: 98px;
		height: 30px;
	}
	.content .table-join2 .thead {
		font-size: 1.4rem;
	}
	.content .table-join2 .tbody {
		font-size: 1rem;
	}
	.content .table-join2 .online .tbody .steps .step {
		padding: 20px 0;
		margin: 0 10px;
		width: 100%;
		border-right: 0;
		border-top: 1px solid #ad8b5b;
	}
	.content .table-join2 .online .tbody .steps .step:first-child {
		padding-top: 0;
		border-top: 0;
	}
	.content .table-join2 .online .tbody .steps .step .step-title span:last-child {
		display: inline-block;
	}
	.content .table-join2 .online .tbody .steps .step.step2 .step-content h5 {
		font-size: 1rem;
	}
    .content .table-join2 .online .tbody .steps .step.step2 .step-content .apps-only .app-buttons {
        text-align: center;
    }
    .content .table-join2 .online .tbody .steps .step.step2 .step-content .apps-only .app-buttons img {
        width: 40%;
    }
    .content .table-join2 .online .tbody .steps .step.step2 .step-content .apps-only .or {
        margin: 20px auto;
        width: 36px;
        height: 36px;
        font-size: 1.4rem;
        line-height: 1.6;
        border-radius: 18px;
        background-color: #ad8b5b;
        color: #fff;
        text-align: center;
    }
	.content .table-join2 .branch .tbody .appointment {
		font-size: 1.2rem;
	}
	.content .table-join2 .branch .tbody .appointment img {
		height: 30px;
	}
	.content[data-page="referral"] h4 {
		margin-bottom: 15px;
	}
	.content[data-page="welcome"] h4 {
		padding-left: 0;
		font-size: 0.8rem;
	}
    .content .table-d .tr .td {
	       font-size: 0.7rem;
    }
    .content .table-b.v2.how-to-refer.last {
        margin-top: -10px;
    }
    .content .table-b.v2.how-to-refer .tbody .tr .td.full-width p {
        margin-bottom: -10px;
    }
    .content .table-b.v2.how-to-refer .tbody .tr .td .box .icon,
    .content .table-b.v2.how-to-refer .tbody .tr .td .box .text {
        padding: 5px;
    }
    .content .table-b.v2.how-to-refer .tbody .tr .td .or {
        right: -12px;
        margin-top: -12px;
        width: 24px;
        height: 24px;
        font-size: 0.8rem;
        border-radius: 12px;
    }
    .content .table-b.v2.how-to-refer .tbody .tr .td .box .text .step-badge {
        margin-bottom: 5px;
        padding: 4px 10px;
        border-radius: 5px;
    }
    .content[data-page="join"] .maintenance-announcement {
        padding: 10px 10px 30px;
        max-width: 370px;
    }
    .content .table-b.v3 .tbody .tr .td .referral-title {
        padding: 10px 0 10px 48px;
        background-size: 58px auto;
        background-repeat: no-repeat;
        background-position: -8px center;
    }
    .content .table-b.v3 .tbody .tr .td .referral-description {
        padding-left: 60px;
    }
    .content .table-b.v3 .tbody .tr .td .referral-description:after {
        top: 5px;
        left: 40px;
        width: 6px;
        height: 6px;
        border-radius: 3px;
    }
    .content .table-b.v3 .tbody.plus:after {
        bottom: -15px;
        right: 10.3%;
        width: 32px;
        height: 27px;
        font-size: 2rem;
    }
    .content .table-b.v3 .tbody .tr .td .or {
        margin: 10px auto -10px;
        width: 26px;
        height: 26px;
        font-size: 1rem;
        border-radius: 13px;
        line-height: 1.8;
    }
    .content[data-page="about"] {
        margin-top: 0;
    }
    .content[data-page="about"] .about-shadow-bg {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .content[data-page="about"] .about-cards .card {
        margin-bottom: 20px;
        height: auto;
        box-shadow: 0 0 10px rgb(0 0 0 / 50%);
    }
    .content[data-page="about"] .about-register a:after {
        top: -5px;
        right: -33px;
        width: 60px;
        height: 60px;
    }
}










/* en */
body.lang-en .header .topbar .navigation ul li a {
	padding: 0 10px;
}
body.lang-en .header .topbar .top-language-switcher .language-switcher,
body.lang-en .header .topbar .top-language-switcher .language-switcher:hover {
    float: right;
    margin-top: 15px;
    font-size: 1.4rem;
	color: #fff;
	text-decoration: none;
}
body.lang-en .header .topbar .navigation {
	justify-content: center;
	padding: 10px 0;
}
body.lang-en header .topbar .navigation ul {
	padding: 0;
}
body.lang-en header .topbar .navigation ul li a {
	font-size: 1.07rem;
}
body.lang-en header .topbar .navigation ul li a.language-switcher {
	display: none;
}
body.lang-en header .banner {
    padding-top: 150px;
}
body.lang-en header .dbs-slider {
    padding-top: 168px;
}
body.lang-en .content .table-b .tr .td .or {
    font-size: 1rem;
    line-height: 2;
}
body.lang-en .content .table-b.v2 .tr .td .or {
    font-size: 1.2rem;
    line-height: 2;
}
body.lang-en .content .table-b.v2 h4 {
    font-size: 1.4rem;
}
body.lang-en .content .table-b.v2.how-to-refer .tbody .tr .td .or {
    font-size: 1.6rem;
}
body.lang-en .content[data-page="about"] .about-shadow-bg > .container > p {
    padding: 0 280px;
}
body.lang-en .content[data-page="about"] .about-cards .card .card-body .card-title {
    line-height: 1.4;
}

@media only screen and (max-width: 1199px) {
	body.lang-en .header .topbar .navigation {
		padding: 10px 0 0;
	}
	body.lang-en header .topbar .navigation ul li a {
		font-size: 1rem;
	}
	body.lang-en .header .topbar .top-language-switcher .language-switcher,
	body.lang-en .header .topbar .top-language-switcher .language-switcher:hover {
		font-size: 1.2rem;
	}
	body.lang-en header .banner {
		padding-top: 124px;
	}
    body.lang-en header .dbs-slider {
        padding-top: 144px;
    }
	body.lang-en .content .table-b .tr .td .or {
		font-size: 0.7rem;
		line-height: 1.8;
	}
    body.lang-en .content .table-b.v2 .tr .td .or {
        font-size: 1.2rem;
        line-height: 2;
    }
    body.lang-en .content .table-b.v2 h4 {
        font-size: 1rem;
    }
	body.lang-en .bottom-bar .shortcut .signup {
	    padding: 3px 20px;
		font-size: 1rem;
	}
    body.lang-en .content .table-b.v2.how-to-refer .tbody .tr .td .or {
        font-size: 1.4rem;
    }
    body.lang-en .content[data-page="about"] .about-shadow-bg > .container > p {
        padding: 0 240px;
    }
}

@media only screen and (max-width: 991px) {
	body.lang-en header .topbar .navigation ul li a {
		font-size: 0.7rem;
	}
	body.lang-en .header .topbar .top-language-switcher .language-switcher,
	body.lang-en .header .topbar .top-language-switcher .language-switcher:hover {
		font-size: 1rem;
	}
	body.lang-en header .banner {
		padding-top: 116px;
	}
    body.lang-en header .dbs-slider {
    	padding-top: 154px;
    }
	body.lang-en .content .table-b .tr .td .or {
		font-size: 0.6rem;
		line-height: 2;
		width: 18px;
		height: 18px;
		right: -9px;
		margin-top: -9px;
	}
    body.lang-en .content .table-b.v2 .tr .td .or {
        right: 0;
        margin-top: 10px;
        margin-bottom: -20px;
        width: 36px;
        height: 36px;
        font-size: 1.2rem;
        line-height: 1.6;
    }
    body.lang-en .content .table-b.v2.how-to-refer .tbody .tr .td .or {
        font-size: 1.4rem;
    }
    body.lang-en .content[data-page="about"] .about-shadow-bg > .container > p {
        padding: 0 120px;
    }
}

@media only screen and (max-width: 767px) {
	body.lang-en .header .topbar .top-language-switcher .language-switcher,
	body.lang-en .header .topbar .top-language-switcher .language-switcher:hover {
		position: absolute;
		right: 15px;
		top: -52px;
	}
	body.lang-en header .banner {
		padding-top: 0;
	}
    body.lang-en header .dbs-slider {
    	padding-top: 0;
    }
	body.lang-en .mobile-navigation .navigation ul li {
	   padding: 0 5px;
	}
	body.lang-en .mobile-navigation ul li:not(.no-separator):after {
		top: 5px;
		height: 14px;
	}
	body.lang-en .mobile-navigation .navigation ul li a {
		font-size: 0.7rem;
		letter-spacing: -0.6px;
	}
	body.lang-en .bottom-bar .shortcut .signup {
		font-size: 0.7rem;
		padding: 2px 10px;
	}
	body.lang-en .bottom-bar .shortcut .or {
		font-size: 0.7rem;
		line-height: 3.4;
	}
	body.lang-en .bottom-bar .shortcut .or {
		width: 20px;
	}
    body.lang-en .content .table-b.v2 h4 {
        font-size: 0.8rem;
    }
    body.lang-en .content .table-b.v2 .tr .td .or {
        width: 28px;
        height: 28px;
        font-size: 1rem;
    }
    body.lang-en .content .table-join2 .online .tbody .steps .step.step2 .step-content .apps-only .or {
        font-size: 1.2rem;
        line-height: 1.8;
    }
    body.lang-en .content .table-b.v2.how-to-refer .tbody .tr .td .or {
        font-size: 0.8rem;
    }
    body.lang-en .content .table-b.v4 .tr .td:nth-child(1) {
        width: 35%;
    }
    body.lang-en .content .table-b.v4 .tr .td:nth-child(2) {
        width: 25%;
    }
    body.lang-en .content .table-b.v4 .tr .td:nth-child(3) {
        width: 40%;
    }
    body.lang-en .content[data-page="about"] .about-shadow-bg > .container > p {
        padding: 0 80px;
    }
    body.lang-en .content[data-page="about"] .about-cards .card .card-body .card-title {
        padding: 0 40px;
    }
}

.card-tiles {
  margin-top: 30px;
  margin-bottom: 50px;
}
.layout-box:not(.banner-wrapper) {
  box-shadow: 0 0 2px 0 rgb(0 0 0 / 20%);
  border-radius: 4px;
}
.layout-box.type6.absolute {
  background-color: #f3f3f3;
}
.layout-box {
  overflow: hidden;
}
.layout-box.type6 {
  padding: 0;
  position: relative;
  min-height: 280px;
  max-height: 280px;
  height: 280px;
  border-left-width: 0;
  padding-left: 0;
  margin-bottom: 16px;
  animation: minimal-box-shadow-out .7s;
}
.layout-box.type6.dark-shade a {
  color: #fff;
}
.layout-box a {
  text-decoration: none;
}
.layout-box.type6 .shade {
  opacity: .8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  filter: alpha(opacity=80);
  -moz-opacity: .8;
  -khtml-opacity: .8;
  height: 60%;
}
.dark-shade .shade {
  background: -ms-linear-gradient(top, #2e2e2e, transparent);
  background: -moz-linear-gradient(top, #2e2e2e, transparent);
  background: -o-linear-gradient(top, #2e2e2e, transparent);
  background: -webkit-gradient(top, #2e2e2e, transparent);
  background: linear-gradient(to top, #2e2e2e, transparent);
}
.shade {
  max-height: 100%;
  height: 60%;
  width: 100%;
  position: absolute;
  bottom: 0;
  opacity: .6;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
  filter: alpha(opacity=60);
  -moz-opacity: .6;
  -khtml-opacity: .6;
  background-image: -ms-linear-gradient(top, transparent 0%, #2e2e2e 100%);
  background-image: -moz-linear-gradient(top, transparent 0%, #2e2e2e 100%);
  background-image: -o-linear-gradient(top, transparent 0%, #2e2e2e 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, transparent), color-stop(100%, #2e2e2e));
}
.img-responsive {
  vertical-align: middle;
  border: 0;
  display: block;
  max-width: 100%;
  height: auto;
  width: 100%;
}
.layout-box.type6 .overlay {
  min-height: 204px;
  overflow: hidden;
  padding: 0 24px 24px;
  background-color: silver;
  display: table;
}
.layout-box.type6.absolute .overlay {
  position: absolute;
  background-color: transparent;
  width: 100%;
  bottom: 0;
  padding: 120px 24px 24px;
  height: 100%;
}
.layout-box.type6 .overlay {
  min-height: 170px;
}
.layout-box.type6 .overlay .overlay-content {
  display: table-cell;
  vertical-align: bottom;
  padding-bottom: 16px;
}
.layout-box.type6 .overlay .overlay-content h4 {
  padding-left: 0;
}
.layout-box.type6.dark-shade h4, .layout-box.type6.dark-shade a, .layout-box.type6.dark-shade p {
  color: #fff;
  margin-bottom: 8px;
}
@media screen and (max-width: 1199px) {
  .layout-box.type6 {
    min-height: 260px;
    height: 260px;
  }
}
@media screen and (max-width: 991px) {
  .layout-box.type6 {
    min-height: 190px;
    height: 190px;
  }
}
@media screen and (max-width: 767px) {
  .layout-box.type6 {
    min-height: 220px;
    height: 220px;
  }
}
@media screen and (max-width: 575px) {
  .layout-box.type6 {
    min-height: 260px;
    height: 260px;
  }
}

.view-all-tile .arrow {
  position: absolute;
  right: 12px;
  top: 12px;
}