<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">#banner .item a {position: absolute;width: 100%;height: 100%;background: rgb(255 255 255 / 0%);top: 0;left: 0;z-index: 2;}
#banner .info {display: none;}
#banner .img {width: 100vw;height: 100vh;background: no-repeat 50% 0% / cover;}

/* scrollBtn */
.page-scroll a {display: inline-block;-webkit-transform: translate(0,-100%);transform: translate(0,-100%);color: #383838;letter-spacing: .1em;text-decoration: none;-webkit-transition: opacity .3s;transition: opacity .3s;font-size: 12px;writing-mode: vertical-lr;padding-top: 0px;}
@keyframes web_menu002{0%{ transform: translate(0px, 0px);} 50%{transform: translate(0px, -100px);}100%{transform: translate(0px, 0px);}}/**/ 
.page-scroll   {bottom: 90px;margin-left: 0;left: 33px;z-index: 201;transform: translateX(-50%);text-align: center;width: 20px;position: absolute;}
.page-scroll  a {font-size: 12px;writing-mode: vertical-lr;text-transform: uppercase;letter-spacing: 3.5px;}
.page-scroll.style01 a span {width: 0px;height: 0px;border-left: 0px solid #fff;border-bottom: 0px solid #fff}
.page-scroll.style01 a::before {content: "";position: absolute;background: #000000;top: 200px;right: 12px;width: 1px;height: 30px;animation: web_menu002 ease-in-out 5s infinite;animation-direction: alternate;}
.page-scroll.style01 a::after {box-sizing: border-box;content: "";position: absolute;top: 100px;right: 60%;width: 1px;height: 130px;background: #383838;opacity: .3;}
.page-scroll.style01 a span {-webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-animation:none;animation: none;-webkit-box-sizing: border-box;box-sizing: border-box;position: relative}@-webkit-keyframes zeroall {  0% {opacity: .1;  } 30% {opacity: 1;  }}
@keyframes fadeInUp{0% {opacity: 0;-webkit-transform: translateY(20px);-ms-transform: translateY(20px);transform: translateY(20px);}100% {opacity: 1;-webkit-transform: translateY(0);        -ms-transform: translateY(0);transform: translateY(0);}}.fadeInUp{animation-name: fadeInUp;    animation-duration: 1s;animation-fill-mode: both;}@keyframes fadeInRight {0% {opacity: 0;-webkit-transform: translateX(20px);-ms-transform: translateX(20px);transform: translateX(20px);}100% {opacity: 1;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);}}


@media screen and (min-width: 1281px){
	#banner {
    position: relative;
}
}
@media screen and (max-width:1560px) {
	#banner .img{height: 90vh;background:no-repeat 40% 0% / cover}
}
@media screen and (min-width:1281px) {
		#banner:before {position: absolute;width: 70px;height: 100%;display: block;top: 0;left: 0;z-index: -10;-webkit-transition: all .9s ease;-o-transition: all .9s ease;transition: all .9s ease;content: "";transform: translate(0,0%) !important;background-color: #f7f7f7;z-index: 1;}
}
@media screen and (max-width:1080px) {
	#banner{
    margin-top: 55px;
}
}
@media screen and (max-width:1280px) {
	#banner .img{background-size: cover;}
	#banner .info{top:25vh}
	#banner .info h2{font-size:20px;letter-spacing:0.5px}
	#banner .info h3{font-size:36px}
	.page-scroll{display: none;}
}
@media screen and (max-width:980px) {
	#banner .img {height: 60vw;}
}
@media screen and (max-width:768px) {
	#banner .info {position: absolute;width: 100%;top: 23vh;}
	#banner .info h3 {font-size: 36px;letter-spacing: 2.5px;padding: 0 10px;line-height: 130%;margin-top: 22px;}
	#banner .info p {color: #fff;letter-spacing: 1.5px;font-size: 18px;padding: 10px 10px 0;line-height: 170%;}
	#banner .info h3:before{display: none;}
}
@media screen and (max-width:640px) {
	#banner .info {top: 14vh;}
	#banner .info p img{width: 180px;}
	#banner .img {height: 60vw;}
	#banner .info article{font-size:32px}
	#banner .info h3{font-size:24px;letter-spacing:0.5px;margin-top:0px}
	#banner .info p{color:#fff;letter-spacing:1.5px;font-size:20px;padding:1px 0px 0;line-height:170%}
	#banner .info h2{font-size:15px;letter-spacing:0.5px}
}</pre></body></html>