<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.main-view-swipe {
	width: 100%;
}
body,html{
	background-color: #fff;
}

.main-view-swipe .swiper-pagination-bullet {
	border: 1px solid #fff;
	opacity: 1;
	background-color: transparent;
}

.main-view-swipe .swiper-pagination-bullet-active {
	background: #f26f23 !important;
	/* opacity: .2; */
}

.main-view-middle ,.main-view-middle2{
	padding-top: 0;
	background-color: #fff;
}
.main-view-middle2{
	background-color: #f6f6f6;
	padding-top: 1.5rem;
	margin-top: 1.5rem;
	padding-bottom: 7rem;
}
.swiper-slide{
	font-size:0;
}
.main-view_map {
	width: 68.75rem;
	text-align: center;
	margin: 0 auto;
	margin-top: 2rem;
	/* max-width: 1000px; */
	position: relative;
}

.main-view_map_dialog {
	position: absolute;
	left: 43%;
	top: 51%;
	background-color: #fff;
	border: 4px solid #f26f23;
	box-sizing: border-box;
	padding: 23px;
	width: auto;
	overflow: hidden;
	letter-spacing: 1px;
}

.main-view_map_dialog&gt;div {
	text-align: left;
}

.main-view_map_dialog span {
	color: black;
	font-size: 14px;
}

.main-view_map_dialog .en-ch_orange {
	display: inline-block;
	font-weight: 600;
	color: #f26f23;
}

.main-view_map_dialog .dialog-close {
	position: absolute;
	right: 3px;
	top: -5px;
	font-size: 26px;
	color: #f26f23;
	cursor: pointer;
}
.main-view-middle2_view{
	margin: 0 auto;
	width: 68.75rem;
}
.main-view-middle2_view-titles{
	width: 100%;
	color: #1E2380;
	font-size: 1rem;
	text-align: left;
	letter-spacing: 1px;
	margin: 25px 0;
}
.main-view-middle2_view-content{
	width: 100%;
	font-size: 0;
}
.main-view-middle2_view-content_divs{
	width: 32%;
	margin-left: 2%;
	display: inline-block;
	position: relative;
	vertical-align: top;
	box-sizing: border-box;
	cursor: pointer;
}
.main-view-middle2_view-content .main-view-middle2_view-content_divs:nth-child(n+4){
	margin-top: 2%;
}
.main-view-middle2_view-content .main-view-middle2_view-content_divs:nth-child(3n-2){
	margin-left: 0;
}
.main-view-middle2_view-content_divs .add-dec{
	position: absolute;
	top: 15px;
	left: 15px;
	width:15px;
}
@-webkit-keyframes maskAni {
    0% {
        -webkit-transform: translateY(0)
    }
    
    100% {
        -webkit-transform:  translateY(-10px)
    }
}
.main-view-middle2_view-content_mask{
	width: 100%;
	border: 1px solid #f26f23;
	background-color: #fff;
	position: absolute;
	top: 0;
	left: 0;
	display: none;
	animation: maskAni linear 1s forwards;
	-ms-animation: maskAni linear 1s forwards;
}
.main-view-middle2_view-content_mask div{
	width: 100%;
	padding: 0px  0 30px 15px;
}
.main-view-middle2_view-content_mask p{
	margin-top: 1rem;
	font-size: .9rem;
	text-align: left;
	color:#464646;
}
.main-view-middle2_view-content_mask .main-view-middle2_view-content_mask_p1{
	color: #f26f23;
	margin-top: 0;
	font-size: .9rem;
	margin-bottom: 30px;
}
.main-view-middle2_view-content_mask_p1{
	border-bottom:1px solid #c8c8c8;
	padding:30px 0 30px 15px;
}
.main-view-middle2_view-content_divs:hover{
	z-index: 1;
}
.main-view-middle2_view-content_divs{
	transition: all 1s;
}
.main-view-middle2_view-content_divs:hover{
	transform: translateY(-10px);
}
.main-view-middle2_view-content_divs:hover .main-view-middle2_view-content_mask{
	display: block;
	/* opacity: 1; */
	/* transform: translateY(-20px); */
}
.swiper-pagination-bullets .swiper-pagination-bullet{
	width: 14px!important;
  height: 14px!important;
  opacity: 1!important;
  margin: 0 6px!important;
  background: url(../../assets/common/swiper_origin.png) no-repeat center!important;
	background-size: 100%!important;
	border: 0!important;
}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
  position: relative!important;
  background: url(../../assets/common/swiper_act.png) no-repeat center!important;
}
.swiper-pagination {
  bottom: 1.25rem!important;
}
.main-view-middle2_view-content_divs:hover .mask_div{
	max-height: 1000px;
}
@-webkit-keyframes fadeIn {
        0% {opacity:0;}
        100% {opacity:1;}
    }
@-webkit-keyframes fadeOut {
        0% {opacity:1;}
        100% {opacity:0;}
    }
.mask_div{
animation: fadeInTh_ linear .4s forwards;
	-webkit-animation: fadeInTh_ linear .4s forwards;
}
.main-view-middle2_view-content_mask{
	overflow: hidden;
}
@-webkit-keyframes fadeInTh_ {
  0% {transform:translateY(13rem);opacity:0}
  100% {transform:translateY(0);opacity:1}
}
.fadeInTh_{
  
}</pre></body></html>