<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">section {position: relative;padding: 0vw 0;}
section &gt;.bg {position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 1;opacity: .3;}
section &gt;.info {position: relative;font-size: 0;z-index: 12;}
section .title {line-height: 90%;text-transform: uppercase;letter-spacing: 0.5px;font-size: 74px;}
section .more {margin: 70px 0px 0px;text-align: left;padding-bottom: 0px;}
section .more a {position: relative;padding: 0;display: inline-block;background-color: #1724A9;padding: 10px 20px;border-radius: 10px;}
section .more font {text-align: center;font-size: 75px;font-weight: 400;}
section .more a svg.arrow {position: absolute;width: 20px;right: 7px;top: calc((100% - 11.41px) / 2);}
section .more.white a font {padding: 5px 30px 5px 20px;font-size: 12px;color: #ffffff;}
section .more.white a.more2line font{border: 1px solid #35393a;margin-left: 20px;background: #ffffff;color: #35393a;}
section .more.white:after {width: 252px;}
section .more.white span {display: inline-block;vertical-align: middle;width: 16px;height: 5px;border-bottom: 1px solid #fff;border-right: 1px solid #fff;transform: skewX(
45deg
);}
#wrap {position: relative;overflow: hidden;}
#wrap .wrapBg {position: absolute;z-index: 1;}
#wrap .wrapBg.diamond {width: 240px;height: 50%;background: #a71e23; top: -20px;left: 0%;}
#wrap .wrapBg.diamond:before {position: absolute;width: calc(100% + 40px);height: 87%;background: url(/images/37/producbg.jpg) no-repeat 50% / auto 100%;content: "";top: 60px;}
#wrap .wrapBg.diamond.bottombox { width: 1467px; height: 1467px; bottom: -430px; top: auto; }
.titleSet h2 span {color: #000000;font-size: 1.24rem;letter-spacing: .05rem;display: inline-block;position: relative;}
.titleSet h2{display:flex;flex-direction:column;color:#51453c;font-size:36px;font-weight:400;position:relative}

/* bgTxt */
.bgTxt,.bgTxt2 {position: absolute;z-index: 1;}
#aboutBox .bgTxt.stitle {top: 0vw;left: -7vw;color: #fff;right: -70px;}
#aboutBox .bgTxt.stitle img{height: 100%;}
#aboutBox .bgTxt2.stitle {bottom: 4vw;right: 9vw;font-size: 130px;color: #fff;}
.bgTxt.stitle,.bgTxt2.stitle {line-height: 70%;text-transform: uppercase;}
.bgTxt.title { width: 100%; text-align: right; font-size: 140px; color: #edf1f3; }


/* ssbanner */
#productBox{padding:0vw 0 0vw 0;overflow:hidden;background-color: #ffffff;}
#productBox .pdimg{display:inline-block;background-position:10% 50%;background-size:cover;width:45%;padding:60px 30px}
#productBox .info .txt00 h2{font-size:24px;font-weight:600;line-height:130%;letter-spacing:2.2px}
#productBox .info .txt00 h3{font-size:54px;letter-spacing:0.5px;font-weight:600;text-transform:uppercase;line-height:120%}
#productBox &gt;.info{width: 100%;overflow: hidden;}
#productBox .info .txt00{position: absolute;top: 130px;left: 190px;z-index: 22;}
#productBox .info ul li{display:flex;flex-wrap: wrap;justify-content: space-between;align-items: flex-end;position: relative;}
#productBox .info ul li .info{width: 35%;margin-left: 10%;margin-bottom: 5%;}
#productBox .info ul li .info h3{height: auto;font-size: 25px;}
#productBox .info ul li .info .price font{font-size: 15px;font-weight: 300;text-transform: uppercase;}
#productBox .info ul li .info article{height: auto;-webkit-line-clamp: 3;width: 90%;margin-top: 40px;font-size: 15px;text-align: justify;line-height: 200%;letter-spacing: .5px;}
#productBox .info ul li .more a{z-index:5}
#productBox .info ul li &gt;a{position:absolute;width: 100%;height: 100%;z-index: 2;top: 0;}
#productBox .info ul li .img{order:2;width: 50%;}
#productBox .info ul li .img img{width:100%;height: 700px;object-fit: cover;}
#productBox .info .titleSet h2{padding:0px 0 30px}
#productBox .info .titleSet h2 span{font-size:1.14rem;}
#productBox:before{content:'';position:absolute;letter-spacing: 7px;right: 0;top: 0;background: #f7f7f7;width: 10vw;height: 10vw;z-index: 20;}
#productBox:after{content:'';position:absolute;letter-spacing: 7px;right: 10vw;top: 10vw;background: #1724a9;width: 10vw;height: 10vw;z-index: 20;opacity: .8;}


#ssubBox{position: relative;margin-top: 0px;padding: 3vw 5vw 2vw;}
#ssbanner{z-index: 20;color: #fff;margin: auto;}
#ssbanner .bxslider{margin: 10px auto;position: relative;z-index: 5;display: flex;flex-wrap: wrap;justify-content: center;align-items: flex-start;}
#ssbanner .ssDate {position: relative;}
#ssbanner .ssDate  {flex-wrap: wrap;align-content: center;display: flex;flex-direction: column;justify-content: flex-start;margin: -22px 0px;width: calc(( 100% / 4 ) - 0px);align-items: center;}
#ssbanner .ssDate  .sslishTxt{margin: 0px;display: flex;width: 100%;flex-direction: column;align-items: center;}
#ssbanner .ssDate  .sslishTxt .ssTxt h3 a{color: #4c4c4c;padding: 0 0 10px;font-weight: 400;}
#ssbanner .ssDate  .sslishTxt .ssTxt article{min-height: 80px;word-break: break-word;color: #5f5f5f;text-align: center;letter-spacing: 1.2px;display: none;}
#ssbanner .ssDate  .noBox{text-align: center;position: relative;font-size: 20px;margin-left: 10px;letter-spacing: 2.5px;color: #161616;font-weight: 500;text-transform: uppercase;font-family: 'Montserrat',sans-serif,'Noto Sans TC','Noto Sans SC',sans-serifsans-serif;line-height: 140%;}
#ssbanner .ssDate .step{color: #161616;font-size: 20px;font-weight: 400;text-align: center;margin-bottom: 0px;display: flex;text-transform: uppercase;line-height: 140%;}
#ssbanner .ssDate .step span{display: block;font-size: 45px;font-weight: 300;line-height: 1;-webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
#ssbanner .ssDate:hover span{color: #111;}
#ssbanner .bxslider a img{width: 55px;height: 55px;margin: auto;}
#ssbanner .ssDate .sslishTxt .ssTxt{width: 140px;}
#ssbanner .ssDate .sslishTxt .ssTxt font {width: 100%;display: block;color: #ffffff;font-weight: 500;font-size: 16px;letter-spacing: 1.2px;line-height: 140%;padding-top: 5px;text-align: center;}
@-webkit-keyframes round { 0% { -webkit-transform: rotate(0); } 100% { -webkit-transform: rotate(1turn); } }
@keyframes round { 0% { transform: rotate(0); } 100% { transform: rotate(1turn); } }
#bottomBox #ssbanner:after{content: '';background: rgb(209 209 209 / 31%);position: absolute;width: 100%;height: 20%;left: 0;bottom: 30px;}
#ssbanner .bxslider a p{text-align: center;color: rgb(255 255 255 / 80%);padding: 10px 0 0 10px;}
#ssubBox .videobox{position:relative;width:100%;}
#ssubBox .videf { overflow: hidden; position: absolute; width: 100%; height: 100%; top: 0%; left: 0%; }
#ssubBox video { position: absolute; width: 100%; height: auto; left: 0px; top: 0px; }
#ssubBox .slick-dots li button:before{color: #f7f7f7;}
#ssbanner .ssDate .sslishTxt{position: relative;width: 220px;height: 220px;display: flex;flex-wrap: wrap;align-content: center;justify-content: center;align-items: center;}
#ssbanner .ssDate .sslishTxt::before { position: absolute; width: 100%; height: 100%; top: -1px; left: -1px; border-radius: 50%; border: 1px dashed #eaeaea75; -webkit-animation: 30s round linear both infinite; animation: 30s round linear both infinite; content: ''; }

/* aboutBox */
#aaBox{background: #f7f7f7;background-repeat: no-repeat;background-size: auto;}
#aboutBox {padding: 6vw 8vw 5vw 8vw;position: relative;overflow: hidden;width: 1440px;margin: auto;z-index: 2;}
#aaBox:after{content:'';width: 50%;height: 40%;position: absolute;bottom: 0;left: 0;background: #ffffff;z-index: 0;}
#aboutBox .aboutArea{position:relative;}
#aboutBox .info {width: 52%;margin-left: auto;}
#aboutBox .info .title1:after, #ADBox .info h2:after, #productBox .info .txt00 h2:after{width: 70px;height: 1px;background: #abaaaa;display:block;content:"";position:absolute;left: -90px;top: 14px;}
#aboutBox .info .titleSet{text-transform:uppercase;-webkit-text-stroke:2px #b7b7b7;line-height:130%;letter-spacing:2.5px;color:transparent;font-size:66px;margin-left:70px}
#aboutBox .info .title1, #ADBox .info h2, #custom_area .title_box .sub_title{font-size: 24px;font-weight: 300;line-height:130%;letter-spacing:2.2px;color: #abaaaa;}
#aboutBox .info .txtBox{position:relative;padding: 2vw 0vw 0vw 1vw;}
#aboutBox .info .txtBox &gt;div{position:relative;z-index:2}
#aboutBox .info .txtBox h3, #ADBox .info h3, #custom_area .title_box .area_title{font-size: 54px;letter-spacing:0.5px;font-weight: 600;text-transform: uppercase;color: #3d3d3d;}
#ADBox .info p{margin: 30px 0 0;width: 80%;word-break: keep-all;}
#aboutBox .info .txtBox article{line-height: 190%;font-size: 16px;padding: 1vw 2vw 1vw 5vw;font-weight: 600;color: #555555;}
#aboutBox .info .txtBox article .Txt span{display:block;font-size:22px}
#aboutBox .info .txtBox article .Txt .textEditor{width:83%;font-family:'Montserrat',sans-serif,'Noto Sans TC','Noto Sans SC',sans-serifsans-serif;font-weight:500;line-height:180%;letter-spacing: 0.5px;}
#aboutBox .info .txtBox .column{display: flex;justify-content: center;flex-direction: column;}
#aboutBox .info .txtBox .column .txt00{position:relative}
#aboutBox #SeoStarRating{display: none;}
#aboutBox .info .txtBox .more {position: absolute;right: 0;bottom: 0;margin: 10px 0px 10px;}
#aaBox .bg {width: 45%;margin-right: 3%;position: absolute;top: 0;}
#aaBox .bg img{width: 100%;object-position: 50%;object-fit: contain;}

/* custom_area */
#custom_area{background: #202665;padding: 80px 0;}
#custom_area .title_box .sub_title, #custom_area .title_box .area_title{text-align: center;color: #fff;}
#custom_area .title_box .area_title{color:#fff;}
#custom_box ul {display: flex;flex-wrap: wrap;justify-content: center;width: 80%;margin: 40px auto 0;}
#custom_box li {width: calc(100%/5);position: relative;display: flex;align-items: center;}
#custom_box li:after{content:'';width:0;height:0;border-style:solid;border-width: 10px 0 10px 10px;border-color: transparent transparent transparent #ffffff;position: absolute;right: 5px;}
#custom_box li:last-child:after{display:none;}
#custom_box li .row {border: 3px #ffffff solid;margin: 10px 15px;padding: 50px;border-radius: 10px;width: calc(100% - 130px);}
#custom_box li:hover .row{background: rgb(255 255 255 / 10%);}
#custom_box li .row .photo{width: 70px;-webkit-filter: contrast(0) brightness(150%);filter: contrast(0) brightness(200%);}
#custom_box li .row h2 {font-size: 17px;margin: 30px 0 10px;line-height: 130%;font-weight: 400;color: #fff;overflow: hidden;}
#custom_box li .row article {font-size: 16px;line-height: 130%;color: rgb(255 255 255 / 75%);overflow: hidden;}

#fakeNumber{background-repeat:no-repeat;background-position:50% 50%;background-size:cover;position: relative;margin: 20px 0 30px 0;}
#fakeNumber .webframe {max-width: 1200px;margin: 0 auto;}
#fakeNumber .index-project-tl {position: relative;text-align: center;background: #4b34a0;padding: 12px 0;color: #fff;border-radius: 7px;}
#fakeNumber .index-project-tl h2 {color: #fff;font-size: 34px;text-align: center;margin: 32px 0;}
#fakeNumber .index-project-tl em {display: block;background: url(/images/20/new/home_210.svg) no-repeat;width: 81px;height: 38px;position: absolute;left: 50%;margin-left: -40.5px;bottom: -35px;}
#fakeNumber .index-tl-line {display: inline-block;background: #fff;width: 55px;height: 5px;}
#fakeNumber ul{padding: 0px 0px;text-align: center;color: #666;font-size: 16px;display: flex;align-items: flex-start;justify-content: flex-start;flex-wrap: wrap;}
#fakeNumber ul li{display: inline-flex;width: calc((100% / 2) - 20px);color:#fff;text-align:center;position:relative;margin: 10px;}
#fakeNumber ul li .eva{padding: 20px 10px 0px 20px;}
#fakeNumber ul li .eva p{font-size: 18px;color: #1724A9;line-height:100%;text-align: center;display: flex;align-items: flex-start;margin-bottom: 14px;}
#fakeNumber ul li .eva p b{font-size: 44px;color: #1724A9;line-height:100%;font-weight: 600;margin-right: 8px;}
#fakeNumber ul li .eva h2{font-size: 20px;margin-top:10px;line-height:120%;color: #1b1b1b;text-align: center;font-weight: 600;display: flex;flex-direction: column;align-items: flex-start;}
#fakeNumber ul li .eva h2 font{font-size: 14px;margin-top: 10px;color: var(--info);}
#fakeNumber ul li:before{position:absolute;width:1px;height:100%;display:block;top:0;left:0;z-index:0;-webkit-transition:all .9s ease;-o-transition:all .9s ease;transition:all .9s ease;content:"";transform:translate(0,0%) !important;background-color:#dfdfdf}

/* smallpicture */
#aboutBox2 {background: none;z-index: 5;padding: 0vw 0 0vw 0;overflow: hidden;background-repeat: no-repeat;background-size: cover;position: absolute;right: 0;top: 120px;}
#smallpicture {padding: 0px 0 0px;-webkit-transform: translate(0%,0%);-ms-transform: translate(0%,0%);transform: translate(0%,0%);z-index: 1;}
#smallpicture .workframe {text-align:center;margin:0 0;width: 58vw;}
#smallpicture .row { position:relative; margin:0 -20px; display:inline-block; vertical-align:top; display:-webkit-box; display:-ms-flexbox; display:flex; }
#smallpicture .row .roll { z-index:1; -webkit-transition:all 0.01s ease; transition:all 0.01s ease; }
#smallpicture .row.left .roll:first-child { z-index:2; left:-30%; top:30px; }
#smallpicture .row .roll a.photo { display:inline-block; }
#nyBox,#contactBox { position:relative; width:100%; }



/* ADvideo */
section{position:relative}
#ADBox{display:flex;padding:210px 40px 130px 40px;width:1600px;margin-left:auto;align-items:flex-end;position:relative}
#ADBox:after{position:absolute;width: 650px;height:100%;top:0;right:0px;z-index:-1;-webkit-transition:all .9s ease;-o-transition:all .9s ease;transition:all .9s ease;content:"";background-image:url(/images/37/img-ad-bg.jpg);background-size:auto;background-position: 90% 50%;background-repeat:no-repeat}
#ADBox .info{width: 30%;margin-right:2%;margin-bottom:60px;opacity: 1;}
#ADvideo .bg{opacity:1.2}
#ADvideo{width:75%}
#ADvideo &gt;.info_ADbot {margin: auto;}
#ADvideo ul {margin-top: 0vw;}
#ADvideo ul li {position: relative;width: calc(100% / 4 - 20px);margin: 10px;}
#ADvideo ul li{-moz-transform: scale(1);-webkit-transform: scale(1);-o-transform: scale(1);-ms-transform: scale(1);transform: scale(1);z-index: -1;opacity: 1;margin: 0 20px;}
#ADvideo ul li a {position: absolute;width: 100%;height: 100%;display: block;top: 0;left: 0;z-index: 5;}
#ADvideo ul li &gt;div {overflow: hidden;position: relative;margin: 0 0px;z-index: 0;}
#ADvideo ul li .img:before {position: absolute;width: 100%;height: 100%;background: rgb(0 0 0 / 23%);display: block;top: 0;left: 0;opacity: 0;z-index: 2;content: "";}
#ADvideo ul li .img img {position: relative;width: 100%;height: 460px;object-fit: cover;z-index: 1;display: block;-webkit-transition: all 6s linear;-o-transition: all 6s linear;transition: all 6s linear;}
#ADvideo ul li:hover:after {opacity: 0}
#ADvideo ul li:hover .img img {-webkit-transform: scale(1.1);transform: scale(1.1);}
#ADvideo ul li:hover .info_AD h3 {bottom: 30px;opacity: 0;}
#ADvideo ul li:hover .info_AD .titleBox {opacity: 0;letter-spacing: 1.2em;}
#ADvideo ul li:after {content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(0deg, rgb(0 0 0 / 56%)20%, rgb(255 255 255 / 0%)50%);opacity: .7;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;}
#ADvideo ul li:after {opacity: 1.7;}

#ADvideo ul li .info_AD {position: absolute;z-index: 1;left: 0;top: 0;right: 0;bottom: 0;/* background: rgb(0 0 0); */}
#ADvideo ul li .info_AD .price { position: absolute; padding: 5px 15px; background: rgb(0 0 0 / .6); top: -39px; left: 0; -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); }
#ADvideo ul li .info_AD .price font { margin: 0 10px; display: inline-block; font-weight: 300;  }
#ADvideo ul li .info_AD .price font.old { color: rgb(255 255 255 / .4); }
#ADvideo ul li .info_AD h3 {position: absolute;height: auto;top: 40px;left: 40px;font-weight: 500;font-size: 25px;line-height: 120%;letter-spacing: .07em;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: horizontal;text-transform: uppercase;width: 210px;color: #fff;}
#ADvideo ul li .info_AD .titleBox{z-index: unset;text-align: center;margin: 1.2em 0em 2.2em;position: absolute;left: 35px;bottom: 0px;
width: 130px;writing-mode: vertical-lr;}
#ADvideo ul li .info_AD article {font-size: 19px;letter-spacing: 3.5px;-webkit-transform-origin: 0 0;transform-origin: 0 0;-webkit-transition: all .5s;-o-transition: all .5s;transition: all .5s;display: contents;color: #fff;}
#ADvideo ul li .info_AD .project-zoom {position: absolute;left: 50%;top: 50%;width: 9em;height: 9em;margin: -4.5em;border-radius: 50%;border: 1px solid rgb(255 255 255 / 52%);overflow: hidden;opacity: 0;-webkit-transform: scale(.5);-ms-transform: scale(.5);-o-transform: scale(.5);transform: scale(.5);-webkit-transition: all .7s;-o-transition: all .7s;transition: all .7s;}
#ADvideo ul li .info_AD .project-zoom:after {content: '';position: absolute;left: 50%;top: 50%;width: 2.625em;height: 2.625em;background: url(/images/37/pd-icon.png) 0 0 no-repeat;background-size: cover;-webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%);transform: translate(-50%,-50%)}
#ADvideo ul li:hover .project-zoom {opacity: 1;-webkit-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1)}
#ADvideo .more {left: 475px;bottom: 55px;}
#ADvideo .more a {position: relative;border: 1px rgb(255 255 255 / 0%) solid;background-color: rgb(255 255 255 / 0%);display: inline-block;}
#ADvideo .more font {text-align: center;color: #3e3e3e;}
#ADvideo .more a svg.arrow {position: absolute;width: 20px;right: 7px;top: calc((100% - 11.41px) / 2);}


@media screen and (max-width:1680px) {
	#courseBox &gt;.info {width: 100%;}
	#wrap .wrapBg.diamond {width: 180px;}
	#wrap .wrapBg.diamond:before {background: url(/images/37/producbg.jpg) no-repeat 80% / auto 100%;}
	section#courseBox .bgTxt.stitle{right: -12%;}
	#ADBox{width: 90%;padding: 110px 40px 110px 0px;}
}
@media screen and (max-width:1560px) {
	#aboutBox{width: 90%;}
	#ssbanner .ssDate .sslishTxt{width:180px;height:180px;display:flex}
}
@media screen and (max-width:1440px) {
	#custom_box ul{width:100%;}
	#aboutBox .info .title{text-align: inherit;font-size: 59px;}
	#aboutBox .info .titleSet{font-size:58px}
	section .title{font-size:65px}
	#aboutBox .info .txtBox{padding:0}
	.bgTxt.stitle{font-size:70px}
	#aboutBox .bgTxt.stitle{top: 6vw;left: 3vw;}
	#aboutBox .bgTxt.stitle,#aboutBox .bgTxt2.stitle{font-size:90px}
	#aboutBox .bgTxt2.stitle{bottom:4vw;right:5vw}
	#aboutBox2{top:70px}
	#ADvideo ul li .info_AD {padding: 25px 5px 40px;width: calc(100% - 10px);}
	#ADvideo ul li .info_AD h3{font-size: 30px;}

}

@media screen and (max-width:1366px) {
	#ADBox .info{opacity:1;}
	#wrap .wrapBg.diamond{display: none;}
	#ADvideo &gt;.info_AD{width: 95%;margin-top: 30px;}
	#ADvideo{transform: translateX(0px);margin: auto;padding: 0vw 0 0vw 0;}
	#ADvideo .more{bottom: 0px;left: 50%;transform: translateX(-50%);}
}
@media screen and (min-width: 1281px) {
	section .more a:hover svg { fill: #fff; }
	#ADvideo ul li:hover .img:before  { opacity: 1; }
	section .more.white a:hover font {color: #ffffff;letter-spacing: .2em;}
	section .more.white a:hover svg { fill: #1f1f1f; }
	#ssbanner .ssDate:hover .step,#ssbanner .ssDate:hover .noBox{color: #51453c;}
	#ssbanner .ssDate .sslishTxt a img{width: 80px;height: 80px;-webkit-transform: translateY(-10%);transform: translateY(-10%);animation-name: elementor-animation-buzz-out;animation-duration: .75s;animation-timing-function: linear;animation-iteration-count: 1;}
	@keyframes elementor-animation-buzz-out {
	10% {transform: translateX(3px) rotate(2deg)}20% {transform: translateX(-3px) rotate(-2deg)}30% {transform: translateX(3px) rotate(2deg)}40% {transform: translateX(-3px) rotate(-2deg)}50% {transform: translateX(2px) rotate(1deg)}60% {transform: translateX(-2px) rotate(-1deg)}70% {transform: translateX(2px) rotate(1deg)}80% {transform: translateX(-2px) rotate(-1deg)}90% {transform: translateX(1px) rotate(0)}100% {transform: translateX(-1px) rotate(0)}
    }
	@keyframes round{from{transform:rotate(0)}
	to{transform:rotate(1turn)}
	}@-webkit-keyframes round{from{-webkit-transform:rotate(0)}
	to{-webkit-transform:rotate(1turn)}
	}@keyframes newsfix1{from{transform:translateY(0)}
	to{transform:translateY(10px)}
	}@-webkit-keyframes newsfix1{from{-webkit-transform:translateY(0)}
	to{-webkit-transform:translateY(10px)}
	}@keyframes newsfix2{from{transform:translateX(0)}
	to{transform:translateX(-10px)}
	}@-webkit-keyframes newsfix2{from{-webkit-transform:translateX(0)}
	to{-webkit-transform:translateX(-10px)}
	}


}

@media screen and (max-width:1280px) {
	section .more.white span{width: 40px;}
	#wrap .wrapBg.diamond{width: 140px;right: 90%;height: 1170px;}
	#aboutBox .info::before{left:40px}
	#aboutBox .info:after{left:70px}
	#aboutBox .info .titleSet{font-size: 47px;margin-left: 0px;}
	#aboutBox .info .title1{line-height: 130%;}
	#ssbanner{width: 100%;}
	.titleSet h2{font-size:32px}
	.titleSet h2 span{font-size:1.04rem}
	#ssbanner .ssDate .sslishTxt a::before{left:50%;bottom:-50px;width:70px;height:70px}
	#ssbanner .ssDate .sslishTxt a:after{width:80px;height:80px;top:-22px;left:-17px}
	#ssbanner .ssDate{padding: 0px 0px;width: calc(( 100% / 3 ) - 0px);display: flex;}
	#ssbanner .bxslider{display:flex;justify-content:center}
	#ssbanner .ssDate:nth-child(4),#ssbanner .ssDate:nth-child(5),#ssbanner .ssDate:nth-child(6),#ssbanner .ssDate:nth-child(7){width:calc(( 100% / 2 ) - 0px);padding:0px 0px}
	#productBox .info .titleSet h2 span{padding-top:40px;font-size:1.04rem}
	#aboutBox .info .txtBox article .Txt .textEditor{font-size:15px;width:100%}
	#aboutBox2{position:relative;top:0}
	#aboutBox .info .txtBox h3,#ADBox .info h3{font-size:42px}
}
@media screen and (max-width: 1180px) {
	section .title{font-size: 54px;text-align: center;}
	#bottomBox #ssbanner:after{bottom:0;height: 30%;display: none;}
	#bottomBox #ssbanner{width: 40%;}
	#aboutBox .bgTxt.stitle,#aboutBox .bgTxt2.stitle{font-size:50px;}
	#aboutBox .bgTxt.stitle{top: 16vw;right: -80px;left: 23vw;}
	#aboutBox .bgTxt2.stitle{bottom:3vw}
	#ADvideo ul li .info_AD h3{font-size: 24px;}
	#ADvideo ul li .info_AD article{font-size: 20px;}
}
@media screen and (min-width:1025px) {
}

@media screen and (max-width:1024px) {
	#custom_box li {width: 50%;}
	#productBox .info ul li .img img{height:600px;}
	#aboutFunc .index-title h3 a:hover { border: 1px solid rgba(242, 183, 68, 0); }
	section .more a {padding: 9px 10px;}
	#aboutBox::after{display: none;}
	#aboutBox .bg {width: 100%;display: block;position: relative;margin: auto;}
	#aboutBox .info .txtBox {padding: 0;background: none;}
	#aboutBox .info .txtBox .more{position: initial;text-align: inherit;margin: 10px 0px 10px;}
	#aboutBox .info .title1,#aboutBox .info .txtBox h3{text-align: left;margin-left: 0;font-size: 28px;}
	#aboutBox .info .txtBox article{padding: 1.5vw 0 0;}
	#aboutBox .info:after,#aboutBox:before{display: none;}
	#aboutBox .info {width: calc(100% - 0px);padding: 60px 0px 20px;}
	#aboutBox .info .more{padding-bottom: 0px;position: relative;right: 0;text-align: left;margin: 20px 0px 0px;}
	#aboutBox .info::before{display: none;}
	#secabout:before { width: 90vw; }
	#secabout #customBox { width: 70vw; }
	#ssubBox video { width: auto; height: 100%; }
	#aboutBox .aboutArea{display:flex;flex-direction:column;}
	#aboutBox{padding: 3vw 0 20px;}
	#smallpicture .workframe{width:100vw}
	#ADvideo &gt;.info_AD{width: 90%;}
	#productBox .pdimg{width:100%;padding:0px 0px}
	#productBox .info .txt00 h3,#aboutBox .info .txtBox h3,#ADBox .info h3{font-size:48px}
	#productBox .info .txt00 h2,#aboutBox .info .title1,#ADBox .info h2{font-size:20px}
	#ADBox{display:flex;flex-direction:column;align-items:flex-start;padding: 60px 0 40px;width: 95%;}
	#ADBox .info{width:auto;margin:0 20px 60px}
	#ADvideo{width:100%}
	#ADBox .info p{margin:10px 0 0}
	section .more{margin:30px 0px 0px}
	#ADBox:after{display:none}
	#ADBox:before{top:-310px}
	#aaBox:after{height: 40%;left: unset;right: 0;bottom: unset;top: 0;width: 46%;}
}
@media screen and (max-width:980px) {
	#aaBox:after{display:none;}
	#secabout:before { width: 0; }
	#secabout #customBox { width: 90vw; }
}
@media screen and (max-width:780px) {
    #aboutBox::after, #aboutBox .bgTxt.stitle,#aboutBox .bgTxt2.stitle{display: none;}
	#aboutBox{padding: 8vw 0 10px;}
	#aboutBox .info .txtBox .column{display:flex;flex-direction:column;align-items: flex-start;}
	#bottomBox #ssbanner{width: 100%;margin: 0;}
	#aboutBox .info .txtBox article{margin: 10px 0 20px;border-left: 0px solid rgb(255 255 255 / 57%);padding-left: 0px;}
	section .more.white a font{padding: 18px 59px 18px 20px;}
	#ssbanner .bxslider{display:flex;align-items:center;height:100%;flex-direction: row;flex-wrap: wrap;}
	#ssbanner .ssDate .sslishTxt{width:140px;height:140px;display:flex;justify-content:center}
	#ssbanner .ssDate .step{margin-bottom:0}
	#ssbanner .ssDate .sslishTxt a::before{width:70px;height:70px;bottom:-51px}
	#ssbanner .ssDate .sslishTxt a:after{width:80px;height:80px;top:-22px;left:-12px}	#ssbanner .ssDate .sslishTxt .ssTxt{writing-mode:inherit;margin:0px 0 0;width:220px}
	#ssbanner .ssDate .sslishTxt .ssTxt article{min-height:auto;text-align:inherit}
	#productBox{padding: 0;}
	#productBox .info .txt00{top: 70px;left: 60px;}
	#productBox::after, #productBox:before{display: none;}
	#aboutBox .info .title1:after, #ADBox .info h2:after{display: none;}
}
@media screen and (max-width:640px) {
		#custom_box li{width:100%;justify-content: center;}
	#custom_box li:after{right: unset;bottom: 0;border-width: 10px 10px 0 10px;border-color: #ede3cc transparent transparent transparent;}
	#custom_area:after{zoom: 50%;right: -50%;top: -8%;}
#productBox .info ul li .img img{height: 300px;}
	.bgTxt.stitle{display: none;}
	#aboutBox{padding: 8vw 0 0px;}
    section {padding: 0;}
	#customBox { margin-top:0; }
	#ssbanner .ssDate  .sslishTxt .ssTxt h3 a{width: auto;}
	#productBox .info h2 img{width: 81%;}
	#productBox::after{height:80px}
	#fakeNumber ul li{width: calc((100% / 2) - 0px);margin: 10px 0;}
	#fakeNumber ul li .eva p b{font-size: 38px;}
	#fakeNumber ul li .eva{margin: 0;}
	#productBox .info ul li .img{width:100%;margin-top: 30px;}
	#productBox .info ul li .info{width:100%;}
	#productBox .info .txt00{position: relative;top: 0;margin-bottom: 30px;}
	#productBox{padding-top:50px;}
}
@media screen and (max-width:480px) {
	section .title,#aboutBox .info .title{font-size: 48px;letter-spacing: 1.5px;line-height: 110%;margin: 20px 0vw 0vw 0vw;}
	#ssbanner .ssDate .sslishTxt .ssTxt font{font-size: 13px;letter-spacing: 0;}
	#ssbanner .ssDate .sslishTxt .ssTxt{width: 80px;}
	#ssbanner .ssDate .step,#ssbanner .ssDate .step .noBox{font-size: 15px;}
	#ssbanner .ssDate .sslishTxt .ssTxt article{font-size:14px;letter-spacing:0.2px}
	#ssbanner .ssDate .sslishTxt a::before{width:70px;height:70px;bottom:-47px}
	#ssbanner .ssDate {margin: 0;}
	#ssbanner .ssDate .sslishTxt a:after{top: -24px;left: -12px;}
}</pre></body></html>