body {
  font-family: 'Roboto','Noto Sans TC', Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", "PingFang TC", "Helvetica Neue", sans-serif; 
}
/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {}
/* Large devices (desktops, less than 1200px)*/
@media (max-width: 991.98px) {}
/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {}
/* Small devices (landscape phones, less than 768px)*/
@media (max-width: 767.98px) {}


/* ------------------------------ landing page area ---------------------------- */
/* Logo nav */
.logo-posticky {position: sticky !important;}
.logofirst {top: 0 !important;}
.nav-zindex {z-index: 1020;}
.blur {
	box-shadow: inset 0 0 2px #fefefed1;
	background-color: hsla(0, 0%, 100%, 1) !important;
}
.blur.blur-rounded {border-radius: 40px;}
.logo-area {
	margin-right: 7rem !important;
	margin-left: 7rem !important;
	margin-top: 2rem !important;
    margin-bottom: 1rem !important;
}
.site-logo {
	height: 2.3rem;
	width: auto;
}
.page-header {
	padding: 0;
	position: relative;
	overflow: hidden;
	display: flex;
	align-items: center;
	background-size: cover;
	background-position: 50%;
}
.min-vh-30 {min-height: 30vh !important;}
.level-mask {
	position: absolute;
	background-size: cover;
	background-position: 50%;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: .8;
}
.bg-gradient-rainbow {
	background: linear-gradient(45deg, #e60012 1%,#fdd000 33%,#6fba2c 62%,#00a0e9 100%);
}
.mid-slogan {
	color: #fff;
	font-weight: 400;
	text-shadow: #0000001c 0.1em 0.1em 0.2em;
	font-size: 1.85rem;
	padding-top: 4rem;
	letter-spacing: 0.05em;
}
.small-explanation {
	color: #fff;
	font-size: 1rem;
	text-shadow: #0000001c 0.1em 0.1em 0.2em;
}
.beyond {margin-top: -2rem !important;}
.z-2 {
	position: relative;
  	z-index: 2 !important
}
.shadow-soft {box-shadow: 0 .75rem 1.5rem rgba(18, 38, 63, .03) !important;}
.service-area {padding-top: 1rem;padding-bottom: 1rem;}
.service-link {text-decoration: none;color: #212529;}
.service-link:hover, .service-link:active {color: #666464;}
.service-title {
	text-transform: uppercase;
	letter-spacing: 0.04em;
	font-size: 1.25rem;
}
.service-box {
	padding: 20px 20px;
	border-radius: 20px !important;
}
.service-docsign-card {
	border: #edf2f9;
	transition: all 0.3s ease-in-out;
	background-color: #f6f9fc;
	border-radius: 14px !important;
	text-align: center !important;
}
.service-docsign-card:hover, .service-docsign-card:active {
	box-shadow: rgb(18 38 99 / 15%) 0px 2px 8px 0px !important;
	transform: translate3d(0, -3px, 0);
	border: 1px solid #c0c2c9;
	background-color: #fff;
}
.service-box-title {
	font-weight: 400;
	line-height: 1.5;
	font-size: 1.2rem;
}
.ft-copyright {font-size: 0.875rem;}
/* Experience next area */
.step-Wire {
	border-top: 1px solid #ededed !important;
	padding-top: 2rem;
	padding-bottom: 2rem;
}
.picture-show {
	display: block;
	position: relative;
	margin-bottom: 7.3rem;
}
.step-fixed-bottom {
	position: fixed;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 1030;
}
.behave-btn-next {
	color: #fff;
	background: linear-gradient(310deg, #ff0080, #fdd000);
	box-shadow: 0 4px 7px -1px rgba(0, 0, 0, .11), 0 2px 4px -1px rgba(0, 0, 0, .07);
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background-size: 260% 100%;
	background-position: right bottom;
	border: 0;
	line-height: 1.92;
	border-radius: 1.875rem; 
}
.behave-btn-next:hover {
	color: #fff;
	box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .09), 0 2px 3px -1px rgba(0, 0, 0, .07)!important;
	transform: scale(1.02);
}
.behave-btn-next:active {
	color: #fff;
	box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .09), 0 2px 3px -1px rgba(0, 0, 0, .07)!important;
	transform: scale(0.9);
}
.behave-btn-next:focus {
	color: #fff;
	box-shadow: 0 1rem 2.5rem rgba(27,22,66,.1),0 .5rem 1rem -.75rem rgba(27,22,66,.1)!important;
	transform: scale(0.9);
}
.btn-next-text {font-size: 1.2rem;}
/* Tax success area */
.success-text-primary {
	color: #cb0c9f !important;
}
.success-text-gradient {
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	position: relative;
	z-index: 1;
	font-size: 1.8rem;
}
.success-text-gradient.success-text-primary {
	background-image: linear-gradient(310deg, #ff0080, #fdd000);
}
.success-lead {
	font-size: 1.2rem;
	font-weight: 300;
}
@keyframes blink-smooth {
	to {
	color: transparent;
	}
}
@keyframes blink {
	50% {
	color: transparent;
	}
}
.success-flashing {
	font-size: 2.6rem;
	animation: 1s blink-smooth 6 alternate;
}
.success-flashing2 {
	font-size: 2.6rem;
	animation: 1s blink 3 steps(1);
}
.success-identity {
	background-color: #DEEF76;
	color: black;
	padding: 1.5rem 0;
	border: 4px #ffffff solid;
	font-weight: bold;
	vertical-align: middle;
	border-radius: 3rem;
	text-align: center;
}
.mydata-identity {
	background-color: #ffd154;
	color: black;
	padding: 1.5rem 0;
	border: 4px #ffffff solid;
	font-weight: bold;
	vertical-align: middle;
	border-radius: 3rem;
	text-align: center;
}
.health-insurance-identity {
	background-color: #0094a0;
	color: #fff;
	padding: 1.5rem 0;
	border: 4px #ffffff solid;
	font-weight: bold;
	vertical-align: middle;
	border-radius: 3rem;
	text-align: center;
}
.insurance-passbook-identity {
	background-color: #01c091;
	color: #fff;
	padding: 1.5rem 0;
	border: 4px #ffffff solid;
	font-weight: bold;
	vertical-align: middle;
	border-radius: 3rem;
	text-align: center;
}
.labor-identity {
	background-color: #d96a1a;
	color: #fff;
	padding: 1.5rem 0;
	border: 4px #ffffff solid;
	font-weight: bold;
	vertical-align: middle;
	border-radius: 3rem;
	text-align: center;
}
.taipeipass-identity {
	background-color: #2eb6c7;
	color: #fff;
	padding: 1.5rem 0;
	border: 4px #ffffff solid;
	font-weight: bold;
	vertical-align: middle;
	border-radius: 3rem;
	text-align: center;
}
/* Back Landing page area */
.back-btn-landing {
	color: #ffffff;
	background: linear-gradient(310deg, #ff0080, #fdd000);
	box-shadow: 0 4px 7px -1px rgba(0, 0, 0, .11), 0 2px 4px -1px rgba(0, 0, 0, .07);
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background-size: 260% 100%;
	background-position: right bottom;
	border: 0;
	line-height: 1.92;
	border-radius: 1.875rem;
}
.back-btn-landing:hover {
	color: #fff;
	box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .09), 0 2px 3px -1px rgba(0, 0, 0, .07)!important;
	transform: scale(1.02);
}
.back-btn-landing:active {
	color: #fff;
	box-shadow: 0 3px 5px -1px rgba(0, 0, 0, .09), 0 2px 3px -1px rgba(0, 0, 0, .07)!important;
	transform: scale(0.9);
}
.back-btn-landing:focus {
	color: #fff;
	box-shadow: 0 1rem 2.5rem rgba(27,22,66,.1),0 .5rem 1rem -.75rem rgba(27,22,66,.1)!important;
}