/* 縮小失敗。正在傳回未縮小的內容。
(3,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(977,41): run-time error CSS1039: Token not allowed after unary operator: '-header-opacity'
(1132,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
 */
@charset "UTF-8";
:root {
--header-opacity:.8;
}
*, ::after, ::before {
	box-sizing: border-box
}
html {
	font-family: sans-serif;
	line-height: 1.15;
	scroll-behavior: smooth;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent
}
footer, header, nav, section {
	display: block
}
body {
	margin: 0;
	font-family: -apple-system, 微軟正黑體, "Microsoft JhengHei", BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #333;
	background-color: #fff
}
[tabindex="-1"]:focus:not(:focus-visible) {
	outline: 0!important
}
h1, h2, h3, h5 {
	margin-top: 0;
	margin-bottom: 0;
	line-height: 1.2
}
p {
	margin-top: 0;
	margin-bottom: 0
}
p+p {
	margin-top: 1rem
}
address {
	margin-bottom: 1rem;
	font-style: normal;
	line-height: inherit
}
dl, ol, ul {
	margin-top: 0;
	margin-bottom: 1rem
}
ol ol, ol ul, ul ol, ul ul {
	margin-bottom: 0
}
a {
	color: #a0a0a0;
	text-decoration: none;
	background-color: transparent
}
a:hover {
	color: #000;
	text-decoration: none
}
a:not([href]):not([class]), a:not([href]):not([class]):hover {
	color: inherit;
	text-decoration: none
}
img {
	vertical-align: middle;
	border-style: none
}
svg {
	overflow: hidden;
	vertical-align: middle
}
table {
	border-collapse: collapse
}
caption {
	padding-top: .75rem;
	padding-bottom: .75rem;
	color: #6c757d;
	text-align: left;
	caption-side: bottom
}
th {
	text-align: inherit;
	text-align: -webkit-match-parent
}
label {
	display: inline-block;
	margin-bottom: .5rem
}
button {
	border-radius: 0
}
button:focus:not(:focus-visible) {
	outline: 0
}
button, input, optgroup, select, textarea {
	margin: 0;
	outline: 0;
	font-family: inherit;
	font-size: inherit;
	line-height: inherit
}
button, input {
	overflow: visible
}
button, select {
	text-transform: none
}
[role=button], [type=button]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
	cursor: pointer
}
select {
	word-wrap: normal
}
[type=button], [type=submit], button {
	-webkit-appearance: button
}
[type=button]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
padding:0;
border-style:none
}
input[type=checkbox], input[type=radio] {
	box-sizing: border-box;
	padding: 0
}
textarea {
	overflow: auto;
	resize: none
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
height:auto
}
[type=search] {
	outline-offset: -2px;
	-webkit-appearance: none
}
[type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
::-webkit-file-upload-button {
font:inherit;
-webkit-appearance:button
}
h1 {
	font-size: 2.5rem
}
h2 {
	font-size: 2rem
}
h3 {
	font-size: 1.75rem
}
.txt-xl {
	font-size: 1.5rem
}
h5 {
	font-size: 1.25rem
}
.txt-md {
	font-size: 1rem
}
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
	margin-top: 1rem;
	margin-bottom: 1rem;
	border: 0;
	border-top: 1px solid rgba(0,0,0,.1)
}
.list-inline-item {
	display: inline-block
}
.list-inline-item:not(:last-child) {
	margin-right: .5rem
}
.img-fluid {
	max-width: 100%;
	height: auto
}
.row {
	display: flex;
	flex: 1 0 100%;
	flex-wrap: wrap;
	margin: 0 -1rem
}
.row>* {
	max-width: 100%;
	padding: 0 1rem
}
.container {
	width: 100%;
	padding-right: 1rem;
	padding-left: 1rem;
	margin-right: auto;
	margin-left: auto
}
.col, [class|=col] {
	position: relative;
	width: 100%
}
.col {
	flex-basis: 0;
	flex-grow: 1;
	max-width: 100%
}
.col-auto {
	flex: 0 0 auto;
	width: auto
}
.col-6 {
	flex: 0 0 auto;
	width: 50%
}
.col-8 {
	flex: 0 0 auto;
	width: 66.66667%
}
.col-12 {
	flex: 0 0 auto;
	width: 100%
}
.form-control {
	display: block;
	width: 100%;
	height: calc(1.5em + .75rem + 2px);
	padding: .375rem .75rem;
	font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #040b43;
	border-radius: .25rem;
	transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
.form-control::-ms-expand {
background-color:transparent;
border:0
}
.form-control:-moz-focusring {
color:transparent;
text-shadow:0 0 0 #495057
}
.form-control:focus {
	color: #495057;
	background-color: #fff;
	border-color: #0b1fbb;
	outline: 0;
	box-shadow: 0 0 0 .2rem rgba(4,11,67,.25)
}
.form-control::placeholder {
color:#6c757d;
opacity:1
}
.form-control:disabled, .form-control[readonly] {
	background-color: #e9ecef;
	opacity: 1
}
input[type=time].form-control {
	appearance: none
}
select.form-control:focus::-ms-value {
color:#495057;
background-color:#fff
}
select.form-control[multiple], select.form-control[size], textarea.form-control {
	height: auto
}
.btn {
	display: inline-block;
	font-weight: 400;
	color: #333;
	text-align: center;
	vertical-align: middle;
	user-select: none;
	background-color: transparent;
	border: 1px solid transparent;
	padding: .375rem .75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: .25rem;
	transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out
}
.btn:hover {
	color: #333;
	text-decoration: none
}
.btn.focus, .btn:focus {
	outline: 0
}
.btn.disabled, .btn:disabled {
	opacity: .65
}
.btn:not(:disabled):not(.disabled) {
	cursor: pointer
}
a.btn.disabled, fieldset:disabled a.btn {
	pointer-events: none
}
.btn-sm {
	padding: .5rem 1.5rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: .2rem
}
.fade {
	transition: opacity .15s linear
}
.fade:not(.show) {
	opacity: 0
}
.collapse:not(.show) {
	display: none
}
.collapsing {
	position: relative;
	height: 0;
	overflow: hidden;
	transition: height .35s
}
.dropdown {
	position: relative
}
.dropdown-toggle {
	white-space: nowrap
}
.dropdown-toggle::after {
	display: inline-block;
	margin-left: .255em;
	vertical-align: .255em;
	content: "";
	border-top: .3em solid;
	border-right: .3em solid transparent;
	border-bottom: 0;
	border-left: .3em solid transparent
}
.dropdown-toggle:empty::after {
	margin-left: 0
}
.dropdown-menu {
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 1000;
	display: none;
	float: left;
	min-width: 10rem;
	padding: .5rem 0;
	margin: .125rem 0 0;
	font-size: 1rem;
	color: #333;
	text-align: left;
	list-style: none;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid rgba(0,0,0,.15);
	border-radius: .25rem
}
.dropdown-menu[x-placement^=bottom] {
	right: auto;
	bottom: auto
}
.dropdown-menu.show {
	display: block
}
.nav {
	display: flex;
	flex-wrap: wrap;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none
}
.nav-link {
	display: block;
	padding: .5rem 1rem
}
.nav-link:focus, .nav-link:hover {
	text-decoration: none
}
.nav-link.disabled {
	color: #6c757d;
	pointer-events: none;
	cursor: default
}
.nav-tabs {
	border-bottom: 1px solid #040b43
}
.nav-tabs .nav-link {
	margin-bottom: -1px;
	border: 1px solid transparent;
	border-top-left-radius: .25rem;
	border-top-right-radius: .25rem
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
	border-color: #040b43
}
.nav-tabs .nav-link.disabled {
	color: #6c757d;
	background-color: transparent;
	border-color: transparent
}
.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
	color: #fff;
	background-color: #040b43;
	border-color: #040b43
}
.nav-tabs .dropdown-menu {
	margin-top: -1px;
	border-top-left-radius: 0;
	border-top-right-radius: 0
}
.tab-content>.tab-pane {
	display: none
}
.tab-content>.active {
	display: block
}
.navbar {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	padding: .5rem 1rem
}
.navbar h1 {
	margin-bottom: 0
}
.navbar .container {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between
}
.navbar-brand {
	display: inline-block;
	padding-top: .3125rem;
	padding-bottom: .3125rem;
	margin-right: 1rem;
	font-size: 1.25rem;
	line-height: inherit;
	white-space: nowrap
}
.navbar-brand:focus, .navbar-brand:hover {
	text-decoration: none
}
.navbar-nav {
	display: flex;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0;
	list-style: none
}
.navbar-nav .nav-link {
	padding-right: 0;
	padding-left: 0
}
.navbar-nav .dropdown-menu {
	position: static;
	float: none
}
.navbar-text {
	display: inline-block;
	padding-top: .5rem;
	padding-bottom: .5rem
}
.navbar-collapse {
	flex-basis: 100%;
	flex-grow: 1;
	align-items: center
}
.navbar-toggler {
	padding: .25rem .75rem;
	font-size: 1.25rem;
	line-height: 1;
	background-color: transparent;
	border: 1px solid transparent;
	border-radius: .25rem
}
.navbar-toggler:focus, .navbar-toggler:hover {
	text-decoration: none
}
.navbar-dark .navbar-brand, .navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
	color: #c91a2a
}
.navbar-dark .navbar-nav .nav-link {
	color: #fff
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
	color: rgba(255,255,255,.75)
}
.navbar-dark .navbar-nav .nav-link.disabled {
	color: rgba(255,255,255,.25)
}
.navbar-dark .navbar-nav .active>.nav-link, .navbar-dark .navbar-nav .nav-link.active, .navbar-dark .navbar-nav .nav-link.show, .navbar-dark .navbar-nav .show>.nav-link {
	color: #c91a2a
}
.navbar-dark .navbar-toggler.collapsed {
	color: #fff
}
.navbar-dark .navbar-text {
	color: #fff
}
.navbar-dark .navbar-text a, .navbar-dark .navbar-text a:focus, .navbar-dark .navbar-text a:hover {
	color: #c91a2a
}
.breadcrumb {
	display: flex;
	flex-wrap: wrap;
	padding: .75rem 1rem;
	margin-bottom: 1rem;
	list-style: none;
	background-color: #fff;
	border-radius: .25rem
}
.breadcrumb-item+.breadcrumb-item {
	padding-left: .5rem
}
.breadcrumb-item+.breadcrumb-item::before {
	float: left;
	padding-right: .5rem;
	color: #6c757d;
	content: "|"
}
.breadcrumb-item+.breadcrumb-item:hover::before {
	text-decoration: none
}
.breadcrumb-item a, .breadcrumb-item.active {
	color: #333
}
.list-group {
	display: flex;
	flex-direction: column;
	padding-left: 0;
	margin-bottom: 0;
	border-radius: .25rem
}
.list-group-item {
	position: relative;
	display: block;
	padding: .75rem 1.25rem;
	background-color: #fff;
	border: 1px solid rgba(0,0,0,.125)
}
.list-group-item:first-child {
	border-top-left-radius: inherit;
	border-top-right-radius: inherit
}
.list-group-item:last-child {
	border-bottom-right-radius: inherit;
	border-bottom-left-radius: inherit
}
.list-group-item.disabled, .list-group-item:disabled {
	color: #6c757d;
	pointer-events: none;
	background-color: #fff
}
.list-group-item.active {
	z-index: 2;
	color: #fff;
	background-color: #040b43;
	border-color: #040b43
}
.list-group-item+.list-group-item {
	border-top-width: 0
}
.list-group-item+.list-group-item.active {
	margin-top: -1px;
	border-top-width: 1px
}
.list-group-flush {
	border-radius: 0
}
.list-group-flush>.list-group-item {
	border-width: 0 0 1px
}
.list-group-flush>.list-group-item:last-child {
	border-bottom-width: 0
}
.carousel {
	position: relative
}
.carousel.pointer-event {
	touch-action: pan-y
}
.carousel-inner {
	position: relative;
	width: 100%;
	overflow: hidden
}
.carousel-inner::after {
	display: block;
	clear: both;
	content: ""
}
.carousel-item {
	position: relative;
	display: none;
	float: left;
	width: 100%;
	margin-right: -100%;
	backface-visibility: hidden;
	transition: transform .6s ease-in-out
}
.carousel-item-next, .carousel-item-prev, .carousel-item.active {
	display: block
}
.active.carousel-item-right, .carousel-item-next:not(.carousel-item-left) {
	transform: translateX(100%)
}
.active.carousel-item-left, .carousel-item-prev:not(.carousel-item-right) {
	transform: translateX(-100%)
}
.carousel-control-next, .carousel-control-prev {
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 8%;
	color: #fff;
	text-align: center;
	opacity: .5;
	transition: opacity .15s
}
.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
	color: #fff;
	text-decoration: none;
	outline: 0;
	opacity: .9
}
.carousel-control-prev {
	left: 0
}
.carousel-control-next {
	right: 0
}
.carousel-control-next-icon, .carousel-control-prev-icon {
	display: inline-block;
	width: 60px;
	height: 60px;
	background: 50%/100% 100% no-repeat
}
.carousel-control-prev-icon {
	background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"%3E%3Cpath fill="none" stroke="%23fff" d="M21.4 27.7L8.6 15 21.4 2.3"/%3E%3C/svg%3E')
}
.carousel-control-next-icon {
	background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30"%3E%3Cpath fill="none" stroke="%23fff" d="M8.6 2.3L21.4 15 8.6 27.7"/%3E%3C/svg%3E')
}
.carousel-indicators {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 15;
	display: flex;
	justify-content: center;
	padding-left: 0;
	margin-right: 15%;
	margin-left: 15%;
	list-style: none
}
.carousel-indicators li {
	box-sizing: content-box;
	flex: 0 1 auto;
	width: 30px;
	height: 3px;
	margin-right: 3px;
	margin-left: 3px;
	text-indent: -999px;
	cursor: pointer;
	background-color: #fff;
	background-clip: padding-box;
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent;
	opacity: .5;
	transition: opacity .6s
}
.carousel-indicators .active {
	opacity: 1
}
.bg-primary {
	background-color: #040b43!important
}
a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover {
	background-color: #010313!important
}
.bg-cover {
	background-position: center;
	background-repeat: no-repeat
}
.bg-cover {
	background-size: cover
}
.bt, .by {
	border-top: 1px solid #dee2e6
}
.br {
	border-right: 1px solid #dee2e6
}
.bb, .by {
	border-bottom: 1px solid #dee2e6
}
.bl {
	border-left: 1px solid #dee2e6
}
.pill {
	border-radius: 50rem
}
.clearfix::after {
	display: block;
	clear: both;
	content: ""
}
.static {
	position: static
}
.rel {
	position: relative
}
.abs {
	position: absolute
}
.fixed {
	position: fixed
}
.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0,0,0,0);
	white-space: nowrap;
	border: 0
}
.txt-bold {
	font-weight: 700
}
.txt-white {
	color: #fff!important
}
a.txt-white:focus, a.txt-white:hover {
	color: #d9d9d9!important
}
.txt-secondary {
	color: #c91a2a!important
}
a.txt-secondary:focus, a.txt-secondary:hover {
	color: #e74857!important
}
.txt-hide {
	font: 0/0 a;
	color: transparent;
	text-shadow: none;
	background-color: transparent;
	border: 0
}
.hidden {
	display: none
}
.inline {
	display: inline
}
.block {
	display: block
}
.J-center {
	justify-content: center
}
.J-between {
	justify-content: space-between
}
.float-left {
	float: left
}
.mr-2 {
	margin-right: .5rem
}
.mr-3 {
	margin-right: 1rem
}
.mb-3 {
	margin-bottom: 1rem
}
.mb-4 {
	margin-bottom: 2rem
}
.mb-5 {
	margin-bottom: 3rem
}
.pt-3, .py-3 {
	padding-top: 1rem
}
.py-3 {
	padding-bottom: 1rem
}
.py-5 {
	padding-top: 3rem
}
.px-5 {
	padding-right: 3rem
}
.py-5 {
	padding-bottom: 3rem
}
.px-5 {
	padding-left: 3rem
}
.gy-3 {
	margin-top: -1rem
}
.gy-3>* {
	margin-top: 1rem
}
.g-4 {
	margin-right: -1rem;
	margin-left: -1rem
}
.g-4>* {
	padding-right: 1rem;
	padding-left: 1rem
}
.g-4 {
	margin-top: -2rem
}
.g-4>* {
	margin-top: 2rem
}
.gy-5 {
	margin-top: -3rem
}
.gy-5>* {
	margin-top: 3rem
}
.mx-auto {
	margin-right: auto
}
.mx-auto {
	margin-left: auto
}
.txt-center {
	text-align: center
}
[data-aos-duration='400'] {
	transition-duration: .4s
}
[data-aos-duration='450'] {
	transition-duration: 450ms
}
[data-aos-duration='500'] {
	transition-duration: .5s
}
[data-aos-duration='600'] {
	transition-duration: .6s
}
[data-aos-duration='700'] {
	transition-duration: .7s
}
[data-aos-duration='800'] {
	transition-duration: .8s
}
[data-aos-duration='850'] {
	transition-duration: 850ms
}
[data-aos-duration='900'] {
	transition-duration: .9s
}
[data-aos-easing=ease-in-out-sine] {
	transition-timing-function: cubic-bezier(.445, .05, .55, .95)
}
[data-aos^=fade] {
	opacity: 0;
	transition-property: opacity, transform
}
[data-aos^=fade].aos-animate {
	opacity: 1;
	transform: none
}
[data-aos=fade-up] {
	transform: translate3d(0, 100px, 0)
}
[data-aos=fade-right] {
	transform: translate3d(-100px, 0, 0)
}
html::-webkit-scrollbar {
width:10px;
height:10px
}
html::-webkit-scrollbar-thumb {
border-radius:5px;
background:#040b43;
box-shadow:inset 0 0 5px 2px rgba(0,0,0,.8)
}
html::-webkit-scrollbar-track {
background:#fff
}
html::-webkit-scrollbar-track-piece {
border-radius:5px;
background:0 0;
box-shadow:inset 0 0 5px 2px rgba(0,0,0,.5)
}
html::-webkit-scrollbar-button {
height:0
}
.txt-33 {
	color: #333
}
.bg-f9 {
	background-color: #f9f9f9
}
.btn-primary {
	color: #fff;
	background-color: #040b43;
	border-color: #040b43
}
.btn-primary.focus, .btn-primary:focus, .btn-primary:hover {
	color: #fff;
	background-color: #02051f
}
.btn-primary.disabled, .btn-primary:disabled {
	color: #fff;
	background-color: #040b43;
	border-color: #040b43
}
.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
	color: #fff;
	background-color: #010313;
	border-color: #000107
}
.btn-secondary {
	color: #fff;
	background-color: #c91a2a;
	border-color: #c91a2a
}
.btn-secondary.focus, .btn-secondary:focus, .btn-secondary:hover {
	color: #fff;
	background-color: #a71623
}
.btn-secondary.disabled, .btn-secondary:disabled {
	color: #fff;
	background-color: #c91a2a;
	border-color: #c91a2a
}
.btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
	color: #fff;
	background-color: #9c1421;
	border-color: #91131e
}
.btn-outline-white {
	color: #fff;
	border-color: #fff
}
.btn-outline-white:hover {
	color: #212529;
	background-color: #fff;
	border-color: #fff
}
.btn-outline-white.disabled, .btn-outline-white:disabled {
	color: #fff;
	background-color: transparent
}
.btn-outline-white:not(:disabled):not(.disabled).active, .btn-outline-white:not(:disabled):not(.disabled):active, .show>.btn-outline-white.dropdown-toggle {
	color: #212529;
	background-color: #fff;
	border-color: #fff
}
.bg-header {
	background-color: rgba(4, 11, 67, var(--header-opacity))
}
.navbar-text {
	font-size: 20px
}
.navbar-toggler {
	color: #c91a2a
}
.pin {
	position: absolute;
	z-index: 16;
	right: 0;
	left: 0
}
.slide-down {
	position: fixed;
	transform: translateY(-100%)
}
.slide-down.active {
	transform: translateY(0);
	transition: transform .3s
}
.pipe-white {
	margin-bottom: 1rem;
	padding-left: .625rem;
	border-left: .625rem solid #fff;
	color: #fff
}
.deco-title {
	margin-top: 2rem;
	margin-bottom: 1rem;
	padding-top: .125rem;
	padding-left: .25rem;
	background-repeat: no-repeat;
	background-size: 11px;
	color: #040b43;
	font-size: 30px;
	background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 28 29"%3E%3Cg fill="%23D7838B"%3E%3Ccircle cx="3.5" cy="3.5" r="3.5"/%3E%3Ccircle cx="24.5" cy="3.5" r="3.5"/%3E%3Ccircle cx="14" cy="3.5" r="3.5"/%3E%3Ccircle cx="3.5" cy="14.5" r="3.5"/%3E%3Ccircle cx="24.5" cy="14.5" r="3.5"/%3E%3Ccircle cx="14" cy="14.5" r="3.5"/%3E%3Ccircle cx="3.5" cy="25.5" r="3.5"/%3E%3Ccircle cx="24.5" cy="25.5" r="3.5"/%3E%3Ccircle cx="14" cy="25.5" r="3.5"/%3E%3C/g%3E%3C/svg%3E')
}
.guide {
	padding: 1rem .5rem 1rem 1rem;
	border-radius: .25rem;
	background-color: #fff;
	box-shadow: 0 0 70px rgba(68,68,68,.2)
}
.pipe-secondary {
	padding-left: .5rem;
	border-left: .25rem solid #c91a2a
}
.banner {
	height: 300px;
	padding-top: 6rem;
	padding-bottom: 3rem;
	font-size: 14px;
	padding-left: 40px;
}
.banner h2 {
	font-size: 16px
}
.shadow-primary {
	height: 300px;
	border-radius: .25rem;
	background-color: #fff;
	box-shadow: 0 0 2rem rgba(4,11,67,.2)
}
.shadow-primary img {
	max-height: 100%
}
.img-quality {
	width: 75%
}
.banner-page {
	padding-top: 160px;
	padding-bottom: 50px
}
.model-title {
	background-color: #040b43;
	color: #fff;
	font-size: 20px;
	font-weight: 700;
	text-align: center
}
.list-spec {
	margin-bottom: 0
}
.list-spec dt {
	font-weight: 700
}
.bg-gd {
	background-image: radial-gradient(circle, #fdfdfd 160px, transparent 160px), linear-gradient(to bottom, #f5f5f5 20%, #fdfdfd 85%, transparent 100%);
	background-repeat: no-repeat;
	background-position: right bottom, 0 0;
	background-size: 500px 500px, cover
}

@media (min-width:501px) {
.container {
	max-width: 460px
}
.mb-s-1 {
	margin-bottom: .25rem
}
}

@media (min-width:768px) {
.container {
	max-width: 720px
}
.col-m-auto {
	flex: 0 0 auto;
	width: auto
}
.col-m-3 {
	flex: 0 0 auto;
	width: 25%
}
.col-m-4 {
	flex: 0 0 auto;
	width: 33.33333%
}
.col-m-6 {
	flex: 0 0 auto;
	width: 50%
}
.col-m-8 {
	flex: 0 0 auto;
	width: 66.66667%
}
.hidden-m {
	display: none
}
.mb-m-0 {
	margin-bottom: 0
}
.mr-m-5 {
	margin-right: 3rem
}
.px-m-0 {
	padding-right: 0
}
.px-m-0 {
	padding-left: 0
}
.gx-m-4 {
	margin-right: -1rem;
	margin-left: -1rem
}
.gx-m-4>* {
	padding-right: 1rem;
	padding-left: 1rem
}
}

@media (min-width:992px) {
:root {
--header-opacity:.8
}
.container {
	max-width: 960px
}
.col-l-3 {
	flex: 0 0 auto;
	width: 25%
}
.col-l-4 {
	flex: 0 0 auto;
	width: 33.33333%
}
.col-l-5 {
	flex: 0 0 auto;
	width: 41.66667%
}
.col-l-7 {
	flex: 0 0 auto;
	width: 58.33333%
}
.col-l-8 {
	flex: 0 0 auto;
	width: 66.66667%
}
.navbar-expand-l .navbar-nav {
	flex-direction: row;
	flex-grow: 1;
	justify-content: space-between;
	align-items: center
}
.navbar-expand-l .navbar-nav .dropdown-menu {
	position: absolute
}
.navbar-expand-l .navbar-nav .nav-item {
	position: relative
}
.navbar-expand-l .navbar-nav .nav-link {
	padding-right: .5rem;
	padding-left: .5rem
}
.navbar-expand-l>.container {
	flex-wrap: nowrap
}
.navbar-expand-l .navbar-collapse {
	display: flex!important;
	flex-basis: auto
}
.navbar-expand-l .navbar-toggler {
	display: none
}
.list-group-horizontal-l {
	flex-direction: row
}
.list-group-horizontal-l>.list-group-item:first-child {
	border-bottom-left-radius: .25rem;
	border-top-right-radius: 0
}
.list-group-horizontal-l>.list-group-item:last-child {
	border-top-right-radius: .25rem;
	border-bottom-left-radius: 0
}
.list-group-horizontal-l>.list-group-item.active {
	margin-top: 0
}
.list-group-horizontal-l>.list-group-item+.list-group-item {
	border-top-width: 1px;
	border-left-width: 0
}
.list-group-horizontal-l>.list-group-item+.list-group-item.active {
	margin-left: -1px;
	border-left-width: 1px
}
.block-l {
	display: block
}
.to-left-l {
	flex-direction: row-reverse
}
.a-l-center {
	align-items: center
}
.h-l-auto {
	height: auto
}
.mr-l-3 {
	margin-right: 1rem
}
.mr-l-4 {
	margin-right: 2rem
}
.mb-l-5 {
	margin-bottom: 3rem
}
.pt-l-5, .py-l-5 {
	padding-top: 3rem
}
.py-l-5 {
	padding-bottom: 3rem
}
.py-l-6 {
	padding-top: 5rem
}
.py-l-6 {
	padding-bottom: 5rem
}
.gx-l-5 {
	margin-right: -1.5rem;
	margin-left: -1.5rem
}
.gx-l-5>* {
	padding-right: 1.5rem;
	padding-left: 1.5rem
}
.navbar-nav .nav-link.active::before {
	content: '';
	position: absolute;
	top: -.4rem;
	left: 0;
	width: 100%;
	border-top: 1px solid #c91a2a
}
.slide-down {
	top: -107px
}
.slide-down .nav-link.active::before {
	border-top-width: 3px
}
.navbar {
	padding-top: 1rem
}
.logo {
	width: 204px;
	height: 62px
}
.header-hr {
	width: calc(100% + 5rem);
	margin-right: -2rem;
	margin-bottom: 0;
	margin-left: -2rem;
	border-top-color: #fff
}
.bg-index-body {
	background-image: url(../img/bg-index-right.jpg), url(../img/bg-index-left.jpg);
	background-repeat: no-repeat;
	background-position: 100% 2000px, 0 3000px
}
.banner {
	height: auto;
	min-height: 100vh;
	padding-top: 65vh;
	font-size: 18px;
	padding-left: 90px;
}
.banner h2 {
	font-size: 36px
}
.bg-index-sec-2 {
	background-image: radial-gradient(circle, #fdfdfd 250px, transparent 250px), linear-gradient(to bottom, #f5f5f5 20%, #fdfdfd 60%, transparent 80%);
	background-repeat: no-repeat;
	background-position: right 25% top 50%, 0 0;
	background-size: 500px 500px, cover
}
.deco-title {
	margin-bottom: 2rem;
	padding-top: .25rem;
	padding-left: 1rem;
	background-size: 30px;
	font-size: 36px
}
.py-img-building {
	padding-top: 15rem;
	padding-bottom: 12rem
}
.img-building {
	border-radius: 50%;
	transform: scale(1.8);
	transform-origin: right
}
.guide {
	padding: 2.5rem 6.25rem
}
.shadow-primary {
	height: auto
}
.shadow-primary img {
	max-height: 250px
}
.list-spec {
	display: flex;
	flex-flow: row wrap
}
.list-spec dt {
	min-width: 33.4%;
	margin-bottom: 0
}
.list-spec dd {
	min-width: 33.4%;
	margin-bottom: .75rem;
	margin-inline-start: 0
}
.banner-page {
	padding-top: 18rem;
	padding-bottom: 5rem
}
}

@media (min-width:1200px) {
.container {
	max-width: 1080px
}
.col-xl-3 {
	flex: 0 0 auto;
	width: 25%
}
.col-xl-4 {
	flex: 0 0 auto;
	width: 33.33333%
}
.col-xl-5 {
	flex: 0 0 auto;
	width: 41.66667%
}
.pt-xl-7 {
	padding-top: 7rem
}
.gx-xl-2 {
	margin-right: -.25rem;
	margin-left: -.25rem
}
.gx-xl-2>* {
	padding-right: .25rem;
	padding-left: .25rem
}
}

@media (min-width:1440px) {
.container {
	max-width: 1366px
}
.gx-xxl-3 {
	margin-right: -.5rem;
	margin-left: -.5rem
}
.gx-xxl-3>* {
	padding-right: .5rem;
	padding-left: .5rem
}
}

@media (max-width:1199.98px) {
.nav {
	flex-flow: column
}
.nav .nav-link {
	border-bottom-left-radius: .25rem;
	border-bottom-right-radius: .25rem
}
}

@media (max-width:1024px) {
h1 {
	font-size: calc(1.375rem + 1.75781vw)
}
h2 {
	font-size: calc(1.325rem + 1.05469vw)
}
h3 {
	font-size: calc(1.3rem + .70312vw)
}
.txt-xl {
	font-size: calc(1.275rem + .35156vw)
}
}

@media (max-width:991.98px) {
.navbar-expand-l>.container {
	padding-right: 0;
	padding-left: 0
}
}
/* 20240829 news */
.news {
	background: #f9f9f9;
	border-radius: 10px;
}
.news .card-time {
	padding: 10px 0;
	border-bottom: 1px solid;
}
.sampo {
	background: #040b43;
	color: #fff;
	border-radius: 5px;
	padding: 2px 15px;
	font-size: smaller;
	margin-right: 10px;
}
.event {
	background: #07757f;
	color: #fff;
	border-radius: 5px;
	padding: 2px 15px;
	font-size: smaller;
	margin-right: 10px;
}
.management{
	background: #7f1e07;
	color: #fff;
	border-radius: 5px;
	padding: 2px 15px;
	font-size: smaller;
	margin-right: 10px;
}
.news .card-body {
	padding: 1rem 1.5rem;
}
.news .card-img-top {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	    aspect-ratio: 16 / 9;
    object-fit: cover;
}
.news .card-title {
	color: #040b43;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}
.news .card-text {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	border-bottom: 1px solid;
	padding-bottom: 5px;
}
.news .read {
	color: #040b43;
	font-weight: bold;
	text-align: right;
	display: block;
	padding-top: 10px;
}
.news .read:hover {
	color: #c91a2a;
}
.flex-center{
	display: flex;
    justify-content: center;
}
.flex-end{
	    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.pagination{
	margin-top: 50px;
}
.pagination ul{
	padding: 1rem 0;
	display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
}
.page-item:first-child .page-link {
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.page-item:last-child .page-link {
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
}
.page-link {
	    padding: .375rem .75rem;
    position: relative;
    display: block;
    color: #1d6bb5;
    background-color: #fff;
    border: 1px solid #dee2e6;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.page-link:hover {
    z-index: 2;
    color: #0f2a62;
    background-color: #e9ecef;
    border-color: #dee2e6;
}
.blog-tittle {
    text-align: left;
    border-bottom: 1px solid #a1a1a1;
    margin-bottom: 20px;
}
.txt-start{
	text-align: left;
}
.media-video {
    align-self: flex-start;
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    border-radius: 4px;
    overflow: hidden;
}
.media-video iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: center;
    object-position: center;
    transition: all .35s ease-in-out;
}