@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@200;300;400;500;600;700;900&display=swap');
/* ====== Basic ====== */
body {
		font-family: 'Noto Sans TC', 'Microsoft JhengHei', '微軟正黑體', 'Microsoft YaHei', sans-serif;
		line-height: 1.75;
		font-size: 1rem;
		font-style: normal;
		color: #666666;
}
* {
		margin: 0;
		padding: 0;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
}
a, a:link, a:visited, a:hover, a:active {
		text-decoration: none !important;
		-webkit-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
}
.bg-gold {
		background: linear-gradient(to right, #fcf9ed 0%, #f1dfa6 100%)
}
img {
		border: 0 none;
}
@media (min-width: 75rem) { /* 1200px */
		#target .remark-text {
				font-size: 1.15rem !important;
		}
		.title p {
				font-size: 1.125rem !important;
		}
}
@media screen and (max-width: 74.9375rem) { /* 1199 */
		.title p {
				font-size: 1.5rem !important;
		}
}
@media (max-width: 47.9375rem) { /* 767px */
		#about .about-card .info p {
				font-size: .9rem;
		}
		#target .remark-text {
				font-size: 0.85rem;
		}
		#origin .title p {
				font-size: 1rem !important;
		}
		#about .about-card .info p {
				font-size: 1rem;
		}
		#target .remark-text {
				font-size: 1rem;
		}
}
@media (min-width: 75rem) { /* 1200px  */
		.container {
				max-width: 68.75rem; /* 1100px  */
		}
		.container.wide {
				max-width: 100%;
		}
		.container.mini {
				max-width: 60rem; /* 960px  */
		}
}
@media (min-width: 85.375rem) { /* 1366px */
		.container {
				max-width: 71.25rem; /* 1140px */
		}
}
@media (min-width: 120rem) { /* 1920px */
		.container.wide {
				max-width: 160rem; /* 2560px */
		}
}
/* ====== Fonts ====== */
.row.title h2 {
		font-size: 3.25rem;
}
.row.title p {
		font-size: 1.25rem;
		letter-spacing: 0.0625rem; /* 1px */
}
.row.title .subtitle {
		font-size: 1.5rem;
		letter-spacing: 0.0625rem; /* 1px */
}
.card .title, .content .title {
		font-size: 1.75rem;
}
.content .subtitle, .card .subtitle {
		font-size: 1.25rem;
}
.card ul li, .card p, .content p, .content {
		font-size: 1rem;
}
/* ====== Pic ====== */
.photo img, .content img, .pic {
		border-radius: 1rem;
		overflow: hidden;
}
.card-header img {
		border-radius: 0;
}
.content img {
		position: relative;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		width: 100%;
		height: 100%;
		max-width: 100%;
		-o-object-fit: cover;
		object-fit: cover;
		-moz-object-fit: cover;
		-webkit-object-fit: cover;
		-o-object-position: center center;
		object-position: center center;
		z-index: 2;
}
/* ====== Border ====== */
.row.title h2 {
		position: relative;
		padding-bottom: 1rem;
		display: inline-block;
		color: #727171;
}
.row.title h2::after {
		content: '';
		width: 100%;
		max-width: 60%;
		height: 0.125rem;
		display: block;
		background-color: #727171;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
}
.row.title h2::before {
		content: '';
		width: 100%;
		max-width: 15%;
		height: 0.125rem;
		display: block;
		background-color: #fabf00;
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		z-index: 1;
		border-radius: 1rem;
}
.row.title h2.is-left::before, .row.title h2.is-left::after {
		right: auto;
}
/* ====== Color ====== */
.c-golden {
		color: #d8a500;
}
.c-black {
		color: #000000;
}
.c-blue-dark {
		color: #2a395a;
}
.c-dark-red {
		color: #831f1f;
}
.c-orange {
		color: #e04f00;
}
.c-green {
		color: #32584C;
}
.c-dark-gray {
		color: #383231;
}
.b-gray {
		background-color: #edeff2;
}
.b-light-golden {
		background-color: #fcf9ed;
}
.b-green {
		background-color: #cee1da;
}
.b-light-orange {
		background-color: #f2eeee;
}
.b-light-gray {
		background-color: #f8f8f7;
}
.fakeLoader {
		background-color: rgba(0, 0, 0, .4) !important;
}
.logo-list a .logo-block p {
		color: #5b5b5b;
}
a.has-color {
		color: #40725F;
}
a.has-color:hover {
		color: #8A4000;
}
/* ====== Space ====== */
.block-space {
		padding-top: 4rem;
		padding-bottom: 4rem;
}
.block-space-lg {
		padding-top: 6rem;
		padding-bottom: 6rem;
}
.block-space-xl {
		padding-top: 12rem;
		padding-bottom: 8rem;
}
footer .block-space {
		padding-top: 0;
		padding-bottom: 4rem;
}
/* ====== Footer ====== */
.nav-footer .footer-logo, footer .footer-logo {
		max-width: 4.0625rem; /* 65px */
		margin-right: 0.625rem; /* 10px */
}
nav .nav-footer .info .is-title, footer .info .is-title {
		font-size: 1rem;
}
nav .nav-footer .info small, footer .info small {
		font-size: .75rem;
		letter-spacing: 0.063rem;
}
/* ====== Mobile NAV ====== */
.navbar-toggler {
		position: relative;
		display: none;
		width: 1.875rem; /* 30px */
		height: 1.875rem; /* 30px */
		padding: 0 !important;
		-webkit-transition: .2s;
		-o-transition: .2s;
		transition: .2s;
		z-index: 999;
}
.navbar-toggler:hover {
		cursor: pointer;
}
.navbar-toggler .line {
		position: absolute;
		left: 0;
		right: 0;
		margin: 0 auto;
		width: 1.875rem; /* 30px */
		height: 0.125rem; /* 2px */
		background-color: #606063;
		-webkit-transition: .2s;
		-o-transition: .2s;
		transition: .2s;
}
.navbar-toggler .line-top {
		top: 0.375rem; /* 6px */
}
.navbar-toggler .line-middle {
		top: 0.875rem; /* 14px */
}
.navbar-toggler .line-bottom {
		top: 1.375rem; /* 22px */
}
.navbar-toggler.open .line-top {
		-webkit-transform: rotate(45deg) translate(0.625rem, 0.625rem);
		-ms-transform: rotate(45deg) translate(0.625rem, 0.625rem);
		transform: rotate(45deg) translate(0.625rem, 0.625rem); /* 10px */
		-webkit-transition: .2s;
		-o-transition: .2s;
		transition: .2s;
		top: 0;
}
.navbar-toggler.open .line-middle {
		-webkit-transform: translate(0);
		-ms-transform: translate(0);
		transform: translate(0);
		-webkit-transition: .1s ease-in;
		-o-transition: .1s ease-in;
		transition: .1s ease-in;
		opacity: 0;
		top: 0;
}
.navbar-toggler.open .line-bottom {
		-webkit-transform: rotate(-45deg) translate(-0.625rem, 0.625rem);
		-ms-transform: rotate(-45deg) translate(-0.625rem, 0.625rem);
		transform: rotate(-45deg) translate(-0.625rem, 0.625rem); /* -10px, 10px */
		-webkit-transition: .2s;
		-o-transition: .2s;
		transition: .2s;
		top: 0;
}
@media screen and (max-width: 74.9375rem) { /* 1199 */
		.navbar-toggler {
				display: inline-block;
		}
}
/* ====== Main NAV ====== */
.nav_space {
		margin-top: 5.5rem; /* 88px */
}
nav.navbar {
		background-color: RGBA(255, 255, 255, 0);
		-webkit-transition: .2s;
		-o-transition: .2s;
		transition: .2s;
}
nav .navbar-nav .nav-link {
		font-size: .925rem;
		position: relative;
		border-radius: .5rem;
		margin: 0 .125rem;
		line-height: 1.5;
}
nav .navbar-nav .nav-link::after {
		content: '';
		width: 0%;
		max-width: calc(100% - .75rem);
		height: 1px;
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		top: auto;
		bottom: .25rem;
		margin: auto;
		background-color: #fabf00;
}
nav .navbar-nav .nav-link.active, nav .navbar-nav .nav-link.show {
		color: #2a395a;
		font-weight: 500;
}
nav .navbar-brand {
		font-size: 1.35rem;
		padding-left: 1rem;
		max-width: 20rem; /* 320px */
		position: relative;
		top: -0.313rem;
}
nav .navbar-nav .nav-link:hover, nav .navbar-nav .nav-link.active, nav .navbar-nav .nav-link.show {
		color: #000000;
}
nav .navbar-nav .nav-link:hover::after, nav .navbar-nav .nav-link.active::after, nav .navbar-nav .nav-link.show::after {
		width: 100%;
		background-color: #fabf00;
}
nav .navbar-nav .nav-link, nav .navbar-nav .nav-link::after {
		-webkit-transition: all 0.2s ease-out;
		-o-transition: all 0.2s ease-out;
		transition: all 0.2s ease-out;
}
nav .navbar-toggler:focus {
		border: 0 !important;
		outline: none;
		-webkit-box-shadow: none !important;
		box-shadow: none !important;
}
nav .nav-footer {
		display: none;
}
nav.navbar.ontop {
		background-color: RGBA(255, 255, 255, 1);
}
@media (min-width: 75rem) { /* 1200px */
		nav.navbar.ontop {
				background-color: RGBA(255, 255, 255, .85);
				backdrop-filter: blur(1rem);
		}
}
@media (min-width: 85.375rem) { /* 1366px */
		nav .navbar-nav .nav-link {
				font-size: 1rem;
		}
		nav .navbar-brand {
				padding-left: 0;
		}
}
@media (max-width: 74.9375rem) { /* 1199px */
		nav .navbar-nav .nav-link:hover, nav .navbar-nav .nav-link.active, nav .navbar-nav .nav-link.show {
				padding: .5rem 0;
		}
		nav .navbar-brand {
				padding-left: 1rem;
				max-width: 16rem;
				top: 0rem;
		}
		nav .navbar-nav {
				text-align: center;
		}
		nav .navbar-nav .nav-link {
				border-radius: 0;
				display: inline-block;
				font-size: 1.25rem;
		}
		nav .navbar-nav .nav-link::after {
				max-width: 100%;
		}
		nav.navbar {
				height: 4.063rem;
		}
		nav.navbar.open {
				background-color: RGBA(255, 255, 255, 1);
		}
		nav.navbar.ontop {
				background-color: RGBA(255, 255, 255, 1);
		}
		nav.navbar.ontop, nav.navbar.ontop {
				transition: none !important;
		}
		.offcanvas-collapse {
				background: linear-gradient(to right, #fcf9ed 0%, #f1dfa6 100%);
		}
		nav .nav-footer {
				display: block;
				position: fixed;
				bottom: 0;
				top: auto;
				width: calc(100% - 2rem);
		}
		.offcanvas-collapse {
				position: fixed;
				top: 4.063rem;
				bottom: 0;
				left: 100%;
				width: 100%;
				padding-top: 1rem;
				padding-right: 1rem;
				padding-left: 1rem;
				overflow-y: auto;
				visibility: hidden;
				background: linear-gradient(to right, #fcf9ed 0%, #f1dfa6 100%);
				-webkit-transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
				transition: visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
				-o-transition: transform .3s ease-in-out, visibility .3s ease-in-out;
				transition: transform .3s ease-in-out, visibility .3s ease-in-out;
				transition: transform .3s ease-in-out, visibility .3s ease-in-out, -webkit-transform .3s ease-in-out;
		}
		.offcanvas-collapse.open {
				visibility: visible;
				-webkit-transform: translateX(-100%);
				-ms-transform: translateX(-100%);
				transform: translateX(-100%);
		}
		#about .about-card .info h2 {
				font-size: 3rem;
		}
		#about .about-card .info p {
				font-size: 1.125rem;
		}
		.container.mini {
				max-width: 760px;
		}
}
@media (max-width: 61.9375rem) { /* 991px */
		nav.navbar {
				min-height: 4.0625rem;
				height: 4.0625rem;
				overflow: hidden;
				top: 0;
				width: 100%;
		}
}
@media (max-width: 47.9375rem) { /* 767px */
		nav .navbar-nav .nav-link {
				font-size: .85rem;
		}
		nav .navbar-brand {
				padding-left: 0;
				max-width: 14rem;
		}
}
@media (max-width: 30rem) {
		nav .navbar-brand {
				padding-left: 0;
				max-width: 12rem;
				top: -.25rem;
		}
}
.nav-scroller .nav {
		color: rgba(255, 255, 255, .75);
}
.nav-scroller .nav-link {
		padding-top: .75rem;
		padding-bottom: .75rem;
		font-size: .875rem;
		color: #6c757d;
}
.nav-scroller .nav-link:hover {
		color: #007bff;
}
.nav-scroller .active {
		font-weight: 500;
		color: #343a40;
}
/* ====== Home ====== */
#home .kv {}
#home .kv img {
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
}
#home {
		background-image: url("../../images/kv/kv_bg_a.jpg");
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center top;
		aspect-ratio: 16 / 8;
}
@media (min-width: 120rem) { /* 1920px */
		#home {
				background-size: 2560px auto;
			 aspect-ratio: auto;
		}
}
@media (max-width: 30rem) {
		#home {
				background-image: url("../../images/kv/kv_bg_m_a.jpg");
				aspect-ratio: 1 / 1;
				background-position: center;
		}
}
/* ====== target ====== */
#target .remark-text {
		font-size: 1rem;
}
#target .target-card .card {
		border: 0;
		background-color: transparent;
		position: relative;
		height: 100%;
}
#target .target-card .card .card-header {
		border: 0;
		background-color: transparent;
		position: relative;
		text-align: start;
}
#target .target-card .card .card-header span {
		width: 3rem; /* 48px */
		height: 3rem; /* 48px */
		display: block;
		margin-right: auto;
}
#target .target-card .card .card-body {
		padding: .5rem 1rem 1.5rem 1rem;
		border: 0;
		border-radius: 0;
		font-size: 1.125rem;
		text-align: justify;
}
/* ====== About ====== */
#about .about-card .info h3 {
		font-size: 2rem;
}
#about .about-card .info p {
		font-size: 1.25rem;
		text-align: justify;
}
/* ====== information ====== */
#information .card {
		border: 0;
		border-radius: 1rem;
}
#information .card {
		background-color: #ffffff;
}
#information .card:hover, #information .card.active {
		background-color: #e04f00;
		color: #ffffff;
}
/* ====== Forum ====== */
#forum .card {
		border: 0;
		border-radius: 1rem;
		background-color: transparent;
		background: linear-gradient(to bottom, RGBA(255, 255, 255, 1)50%, RGBA(255, 255, 255, 0)100%);
}
/* ====== Departments ====== */
#departments .card {
		border: 0;
		border-radius: 1rem;
}
#departments .card {
		background-color: #f2eeee;
}
#departments .card:hover, #departments .card.active {
		background-color: #e04f00;
		color: #ffffff;
}
/* ====== Animate ====== */
#departments .card, #departments .card:hover, #information .card:hover, #information .card, #target .target-card .card, #target .target-card .card:hover, #target .target-card .card .card-body, #target .target-card .card:hover .card-body, #target .target-card .card .card-header span, #target .target-card .card:hover .card-header span {
		-webkit-transition: all 0.35s ease;
		-o-transition: all 0.35s ease;
		transition: all 0.35s ease;
}
#target .target-card .card:hover {
		-webkit-transform: translate(0, -0.3125rem);
		-ms-transform: translate(0, -0.3125rem);
		transform: translate(0, -0.3125rem); /* -5px */
}
#target .target-card .card:hover .card-body {
		background-color: #e04f00;
		color: #ffffff;
}
@media (min-width: 85.375rem) {
		#home .kv {
				max-width: 1320px !important;
		}
}
@media (min-width: 75rem) {
		#home .kv {
				max-width: calc(100% - 3rem);
		}
}
@media (max-width: 74.9375rem) { /* 1199px */
		main {
				overflow: hidden;
		}
		.nav_space {
				margin-top: 3.875rem; /* 62px */
		}
		.block-space-xl {
				padding-top: 10rem;
				padding-bottom: 6rem;
		}
		.block-space-lg {
				padding-top: 6rem;
				padding-bottom: 4rem;
		}
		.row.title h2 {
				font-size: 2.25rem;
		}
		.card .title, .content .title {
				font-size: 1.5rem;
		}
		#information .card ul li {
				font-size: .825rem;
		}
		#target .target-card .card .card-body {
				padding: .5rem 1rem 1.5rem 1rem;
				font-size: 1rem;
		}
		#target .target-card .card .card-header span {
				width: 2.5rem;
				height: 2.5rem;
		}
		#home .kv {
				padding-top: 6rem;
				padding-bottom: 1rem;
				max-width: calc(100% - 3rem);
		}
		#about .about-card .info h3 {
				font-size: 2.125rem;
		}
		#architecture .remark-text {
				font-size: .8125rem;
		}
		#architecture .content img {
				max-width: 80%;
				margin: auto;
		}
		nav .nav-footer .info .is-title, footer .info .is-title {
				font-size: 1rem;
		}
		nav .nav-footer .info p, footer .info p {
				font-size: 1rem;
		}
		nav .nav-footer .info small, footer .info small {
				letter-spacing: normal;
		}
}
@media (max-width: 61.9375rem) { /* 991px */
		.block-space-lg {
				padding-top: 4rem;
				padding-bottom: 4rem;
		}
		.container.mini {
				max-width: 720px;
		}
		.block-space {
				padding-top: 3rem;
				padding-bottom: 3rem;
		}
		#architecture .content img {
				max-width: 100%;
		}
		#about .about-card .info h2 {
				font-size: 2.5rem;
		}
		#about .about-card .info h3 {
				font-size: 1.75rem;
		}
		#target .remark-text {
				font-size: 0.75rem;
		}
		#about .about-card .info p, .card p, .content p {
				font-size: .925rem;
		}
		.card ul {
				padding-left: 1rem;
		}
		.card ul li {
				font-size: .75rem;
				line-height: 1.5;
		}
		.content {
				font-size: .825rem;
		}
		ul.has-wide {
				display: flex;
				flex-wrap: wrap;
				padding-left: 1rem;
		}
		ul.has-wide li {
				width: 50%;
		}
		#target .target-card .card .card-body {
				font-size: .75rem;
		}
		#target .target-card .card .card-header span {
				width: 2rem;
				height: 2rem;
		}
		.title h2 {
				font-size: 1.75rem;
		}
		.title p {
				font-size: 1.125rem;
		}
		.row.title h2 {
				font-size: 1.55rem;
		}
		.content .subtitle, .card .subtitle, .card .title, .content .title, .row.title .subtitle {
				font-size: 1rem;
				letter-spacing: normal;
		}
		.photo {
				font-size: .75rem;
		}
		#forum .subtitle {
				font-size: .825rem;
		}
		#forum .card {
				font-size: .75rem;
		}
		nav .nav-footer .info .is-title, footer .info .is-title {
				font-size: .9rem;
		}
		nav .nav-footer .info p, footer .info p {
				font-size: 0.75rem;
		}
		.nav-footer .footer-logo, footer .footer-logo {
				max-width: 8vw;
		}
		footer .block-space {
				padding-top: 0;
				padding-bottom: 2rem;
		}
}
@media (max-width: 61.9375rem) and (orientation: landscape) {
		nav .nav-footer {
				position: relative;
		}
}
@media (max-width: 47.9375rem) { /* 767px */
		nav .navbar-brand {
				font-size: 1.125rem;
		}
		nav .nav-footer {
				position: relative;
		}
		.title h2 {
				font-size: 1.5rem;
		}
		.block-space-xl {
				padding-top: 6rem;
				padding-bottom: 6rem;
		}
		.block-space-lg {
				padding-top: 3rem;
				padding-bottom: 3rem;
		}
		.content .subtitle, .card .subtitle, .card .title, .content .title, .row.title .subtitle {
				font-size: 1.125rem;
				letter-spacing: normal;
		}
		footer .container {
				max-width: 100%;
		}
		#about .about-card .info h3 {
				font-size: 1.25rem;
		}
		#about .about-card .info p {
				font-size: .825rem;
		}
		#target .target-card .card .card-header span {
				width: 2.5rem;
				height: 2.5rem;
				font-size: 1.125rem;
				top: -1.25rem;
		}
		#target .target-card .card .card-body {
				padding: 0 0.75rem 0.75rem 0.75rem;
				font-size: 0.8125rem;
		}
		#origin .topic-title span {
				font-size: 1.125rem;
		}
		.title p {
				font-size: 0.8125rem;
		}
		.navbar-collapse .navbar-nav .nav-link {
				font-size: 1rem;
		}
}
@media (max-width: 47.9375rem) {
		nav .nav-footer .info .is-title, footer .info .is-title {
				font-size: .85rem;
		}
}
@media (max-width: 35.5rem) and (orientation: landscape) {
		.title h2 {
				font-size: 1.25rem;
		}
}
@media (max-width: 30rem) {
		nav .nav-footer .info small, footer .info small {
				font-size: .55rem;
				letter-spacing: normal;
		}
		nav .nav-footer .info .is-title, footer .info .is-title {
				font-size: .75rem;
		}
		nav .nav-footer {
				position: absolute;
				max-width: 90%;
				bottom: 0;
				left: 0;
				right: 0;
				margin: auto;
		}
		footer .block-space {
				padding-right: 0;
				padding-left: 0;
		}
		nav .nav-footer .info p, footer .info p {
				font-size: 2.75vw;
		}
		nav .navbar-nav .nav-link {
				font-size: 0.8125rem;
		}
		nav .navbar-brand {
				font-size: 1rem;
		}
		footer .container {
				max-width: 100%;
		}
		nav .nav-footer .footer-logo, footer .footer-logo {
				max-width: 10vw;
				margin-right: 0.3125rem; /* 5px -> 0.3125rem */
		}
		#home .kv {
				padding-top: 6rem;
				padding-bottom: 1rem;
				max-width: calc(100% - 1rem);
		}
		#about .about-card .pic {
				aspect-ratio: 9 / 20;
		}
		#about .about-card .info h2 {
				font-size: 1.5rem;
				line-height: 1.5;
		}
		#about .about-card .info p {
				font-size: 0.75rem;
				line-height: 1.4;
		}
		#target .target-card .card .card-body {
				padding: .5rem;
				line-height: 1.5;
		}
		#target .target-card .card .card-header {
				padding-bottom: .5rem;
		}
		#target .target-card .card .card-header span {
				width: 2.125rem;
				height: 2.125rem;
		}
		#information .card ul li, #about .about-card .info p, .card p, .content p, .content {
				font-size: .8125rem;
		}
		#forum .cover {
				aspect-ratio: 2 / 1.5;
				overflow: hidden;
		}
		#departments .cover {
				aspect-ratio: 2 / 1;
		}
		.cover img {
				position: relative;
				left: 0;
				right: 0;
				top: 0;
				bottom: 0;
				margin: auto;
				width: 100%;
				height: 100%;
				max-width: 100%;
				-o-object-fit: cover;
				object-fit: cover;
				-moz-object-fit: cover;
				-webkit-object-fit: cover;
				-o-object-position: center center;
				object-position: center center;
				z-index: 2;
		}
		.row.title h2.is-left::before, .row.title h2.is-left::after {
				right: 0;
		}
}
@media (max-width: 20rem) {
		#forum .card {
				padding: 1rem .5rem !important;
		}
		#about .about-card .pic {
				aspect-ratio: 9 / 25;
		}
}
/* ====== Act Block ====== */
.act-block {
		padding: .5rem;
		background-color: #f4e6b8;
		border-radius: 1rem;
		margin-bottom: .75rem;
		color: #727171;
		font-size: 1rem;
		line-height: 1.25;
}
.act-block .btn-dark {
		font-size: .8125rem;
		background-color: #727171;
		border: 0;
}
.act-block .btn-dark:hover {
		background-color: #000000;
}
/* ====== Go to Top ====== */
.gotop-block {
		pointer-events: none;
}
.gotop {
		width: 5.5rem;
		height: auto;
		left: auto;
		right: 0;
		bottom: 3rem;
		margin-left: auto;
		pointer-events: auto;
}
.gotop .goto-btn {
		border: 0;
		width: 3.125rem;
		height: 3.125rem;
		border-radius: 100%;
		margin-right: 1rem;
		background-color: RGBA(255, 255, 255, .5);
		color: #727171;
}
.gotop .goto-btn:hover {
		background-color: RGBA(255, 255, 255, 1);
		color: #727171;
}
.gotop .goto-btn i {
		font-size: 1.5rem;
}
@media (max-width: 61.9375rem) { /* 991px */
		.act-block {
				margin-bottom: .5rem;
				font-size: .825rem;
		}
		.gotop {
				bottom: 1rem;
		}
		.gotop .goto-btn {
				width: 2.5rem;
				height: 2.5rem;
		}
		.gotop .goto-btn i {
				font-size: 1.5rem;
		}
}
@media (max-width: 47.9375rem) { /* 767px */
		.act-block {
				font-size: .75rem;
				padding: .25rem;
				border-radius: .5rem;
		}
		.act-block .btn-dark {
				font-size: .65rem;
				padding: .125rem;
		}
		.gotop .goto-btn {
				width: 1.9rem;
				height: 1.9rem;
		}
		.gotop .goto-btn i {
				font-size: 1.5rem;
		}
		.gotop {
				bottom: 1.5rem;
				width: 4rem;
		}
}