@charset "utf-8";

.ixMain{overflow: hidden;background: radial-gradient(100% 58.8% at 0% 100%, #0A5596 0%, rgba(0, 0, 0, 0) 100%) , radial-gradient(100% 46.38% at 100% 41.74%, #0A5596 0%, rgba(0, 0, 0, 0) 100%), linear-gradient(145deg, #0A5596 0%,  #0A5596 15%, #000000 55%, #000000 100%);}
*,*::before,*::after{-webkit-transition: all .3s cubic-bezier(0.165,0.84,0.44,1);-moz-transition: all .3s cubic-bezier(0.165,0.84,0.44,1);-o-transition: all .3s cubic-bezier(0.165,0.84,0.44,1);-ms-transition: all .3s cubic-bezier(0.165,0.84,0.44,1);transition: all .3s cubic-bezier(0.165,0.84,0.44,1);}

/* 共用 */
.ix-product,.ix-news,.ix-event{padding-top:2rem;padding-bottom:2rem}
a.btn-default,.btn-default{box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.5);}
.container{max-width: var(--container);}

/* 裝飾文字 */
.ixTxt{position: absolute;z-index: -1;color: rgba(255, 255, 255, 0.05);font-weight: 700;font-size: 150px;text-transform: uppercase;line-height: 1;}

/* banner */
.slick-slide,.slick-slide::before,.caption{-webkit-backface-visibility:hidden;backface-visibility:hidden}
.main-slider .slick-slide::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%}
.main-slider{position:relative;width:100%;/* height: calc(50vw - 80px); *//* min-height:8vw; */opacity:0;visibility:hidden;transition:all 1.2s ease;/* overflow:hidden; *//* text-align:center */}
.main-slider.slick-initialized{opacity:1;visibility:visible;width: 100%;overflow: hidden;margin-bottom:0}
.main-slider.slick-dotted.slick-slider{margin-bottom:0}
.slick-slide{position:relative;cursor:pointer}
.slick-slide iframe{position:relative;pointer-events:none}
.slick-slide figure{position:relative;height:100%;margin:0}
.slick-slide .slide-image{opacity:0;height:100%;background-size:cover;background-position:center;transition:all .8s ease}
.slick-slide .slide-image.pc{display: block;}
.slick-slide .slide-image.mb{display: none;}
.slick-slide .slide-image.show{opacity:1}
.main-slider,
.slick-slide .image-entity,.slick-slide video{width:100%;aspect-ratio: 1920/850;object-fit: cover;}
.slick-slide .loading{position:absolute;top:44%;left: 0;width:100%;text-align: center;}
.slick-slide .slide-media{-webkit-animation:slideOut .4s cubic-bezier(0.4,0.29,0.01,1);animation:slideOut .4s cubic-bezier(0.4,0.29,0.01,1);background-size:cover;background-position:center}
.slick-slide.slick-active{z-index:1}
.slick-slide.slick-active .slide-media{-webkit-animation:slideIn 2.4s cubic-bezier(0.4,0.29,0.01,1);animation:slideIn 2.4s cubic-bezier(0.4,0.29,0.01,1)}
.slick-slide.slick-active .caption{opacity:1;-webkit-transform: translateY(-50%);transform: translateY(-50%);transition:all .7s cubic-bezier(0.32,0.34,0,1.62) .6s}
.slick-slide.slick-active .caption.banner-center{text-align:center;left:50%;-ms-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);}
.slick-slide.slick-active .caption.banner-left{text-align:left;left:14%;}
.slick-slide.slick-active .caption.banner-right{text-align:right;right: 14%;}
.slick-slider .slick-list,.slick-track{}
.main-slider .item{height: 100%;padding: 0;background-size:cover;background-position:center}
.caption{position:absolute;top: 50%;width: 35vw;/* max-width: 1140px; */padding: 20px;margin: 0 auto;font-size:40px;letter-spacing:.02rem;opacity:0;z-index:1;transition:all .3s ease;}
.main-slider:hover .caption:before,.main-slider:hover .caption:after{width:50%}
.main-slider:hover .caption:before{left:-100px}
.main-slider:hover .caption:after{right:-100px}
.caption .pc{display: block;}
.caption .mb{display: none;}
.caption .btn.pc{display: inline-block;}
.caption p{font-size:1.4rem;margin-bottom:5px}
.caption h3{font-size:2.4rem;margin:0 0 5px}
.main-slider .slick-dots{display:none;list-style:none;margin:0;padding:0;text-align:center;position:absolute;bottom:0;left:50%;-ms-transform:translate(-50%,0);-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}
.main-slider .slick-dots li{display:inline-block}
.main-slider .slick-dots button{cursor: pointer;text-indent:-999999999px;width:10px;height:10px;margin:5px 7px;padding:0;background:#D6D6D6;display:block;border:none;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}
.main-slider .slick-dots .slick-active button,.main-slider .slick-dots li:hover button{background:#869791}
@-webkit-keyframes slideIn {
from{-webkit-filter:blur(15px);filter:blur(15px)}
to{-webkit-filter:blur(0);filter:blur(0)}
}
@keyframes slideIn {
from{-webkit-filter:blur(15px);filter:blur(15px)}
to{-webkit-filter:blur(0);filter:blur(0)}
}
@-webkit-keyframes slideOut {
from{-webkit-filter:blur(0);filter:blur(0)}
to{-webkit-filter:blur(15px);filter:blur(15px)}
}
@keyframes slideOut {
from{-webkit-filter:blur(0);filter:blur(0)}
to{-webkit-filter:blur(15px);filter:blur(15px)}
}

/* 標語 */
.ix-slogan{position: relative;z-index: 1;padding: 7rem 0 2rem;/* background-size: 30%; */text-align: center;}
.ix-slogan::before,.ix-slogan::after{content:'';position:absolute;top;z-index: -1;background-repeat:  no-repeat;background-size: 100%;width: 30%;max-width: 1000px;/* max-height: 300px; */}
.ix-slogan::before{left:0;top: 37%;background-image: url('../images/all/motif-4-1.png');background-position: right;aspect-ratio: 1/1;max-width: 240px;}
.ix-slogan::after{right:0;top: 50%;background-image: url('../images/all/motif-4-2.png');background-position: left;max-width: 520px;aspect-ratio: 70/22.6;}
.ix-slogan .container{max-width: 1150px;}
.ix-slogan .ixTxt{left: 0;top: 1rem;line-height: 1;}
.sloganMj{font-size: 2.5rem;font-weight:700;margin-bottom:15px;color: #DCDCDC;}
.sloganTxt{font-weight:300;font-size: 1.5rem;}

/* 標題Bar */
.titleBar{display: flex;justify-content: space-between;align-items: center;margin-bottom: 1rem;}
.titleBar .ix-title{margin-bottom:0;}

/* 解決方案 */
.ix-product{position: relative;z-index: 1;}
.ix-product .ix-title{text-align:center}
.ix-product .ixTxt{right: -.15em;bottom: -1em;transform-origin: right top;transform: rotate(90deg);}
.ix-product .container{/* padding:0; */width: auto;margin: auto;}
.pdSortLis{display:flex;flex-wrap:wrap;align-items: flex-start;gap: 2rem;margin: auto;}
.pdSortLis img{max-width:100%;width:auto!important;margin:auto;/* opacity: .6; */}
.pdSortLis__item{position: relative;width: 190px;padding: 0;display: block;-webkit-transition:all 0s;-moz-transition:all 0s;-o-transition:all 0s;-ms-transition:all 0s;transition:all 0s;}
.pdSortLis__item__infoBox{padding-top: 1rem;margin-bottom:0;color:#fff;font-size:1rem;font-weight: 100;word-break: break-word;}
.pdSortLis__item__infoBox .more{right:0;bottom:0;text-transform:uppercase;font-style:italic;letter-spacing:.1rem;color: #fff;-ms-transform:translate(-15px,0);-webkit-transform:translate(-15px,0);transform:translate(-15px,0);}
.pdSortLis__item__picBox .picBox{background: #00a0e6;}

/* 最新消息 */
.ixNewsLis{display: grid;grid-template-columns: repeat(4,1fr);gap: 2rem;}
.ixNewsLis__item{display:block;padding: .5rem;position: relative;}
.ixNewsLis__item:hover .inforBox .tt{color:#00a0e6}
.ixNewsLis__item:hover .time span,.ixNewsLis__item:hover .inforBox .txt{color:#dcdcdc}
.ixNewsLis__item .inforBox{/* position: relative; */}
.ixNewsLis__item .inforBox::after{content:'';position:absolute;bottom: 9px;left:0;right: 80px;height:1px;background-image: linear-gradient(to right, #00A0E6 0%, #00B189 65%);}
.ixNewsLis__item .inforBox .tt{margin: 1rem 0 1.25rem;font-size: 1.5rem;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp: 5;-webkit-box-orient:vertical;overflow:hidden;-webkit-transition:all 1s cubic-bezier(0.165,0.84,0.44,1);-moz-transition:all 1s cubic-bezier(0.165,0.84,0.44,1);-o-transition:all 1s cubic-bezier(0.165,0.84,0.44,1);-ms-transition:all 1s cubic-bezier(0.165,0.84,0.44,1);transition:all 1s cubic-bezier(0.165,0.84,0.44,1);color: #DCDCDC;}
.ixNewsLis__item .inforBox .txt{height: 4.5em;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.ixNewsLis__item .inforBox .more{display: block;width: 60px;margin-left: auto;text-align: center;-webkit-transition: all .3s cubic-bezier(0.165,0.84,0.44,1);-moz-transition: all .3s cubic-bezier(0.165,0.84,0.44,1);-o-transition: all .3s cubic-bezier(0.165,0.84,0.44,1);-ms-transition: all .3s cubic-bezier(0.165,0.84,0.44,1);transition: all .3s cubic-bezier(0.165,0.84,0.44,1);position: absolute;right: 0;bottom: 0;}
.ixNewsLis__item .time{margin-bottom:0;padding: 0 .5rem;width: 100%;text-align: left;font-weight: 300;-webkit-transition: all .3s cubic-bezier(0.165,0.84,0.44,1);-moz-transition: all .3s cubic-bezier(0.165,0.84,0.44,1);-o-transition: all .3s cubic-bezier(0.165,0.84,0.44,1);-ms-transition: all .3s cubic-bezier(0.165,0.84,0.44,1);transition: all .3s cubic-bezier(0.165,0.84,0.44,1);position: relative;}
.ixNewsLis__item .time:after{content:"";position:absolute;width:100%;height:1px;bottom:0;left:0;background:linear-gradient(to right, #00A0E6 0%, #00B189 65%)}
.ixNewsLis__item .time__day{margin-right: .5rem;font-size: 2.5rem;font-weight: 700;}
.ixNewsLis__item .time__day+span{word-spacing: .5rem;}

/* 部落格 */
.ix-event .container{display: grid;gap:2rem;grid-template-columns: repeat(1,1fr);}
.ix-event-Box{display:flex;flex-direction:column;}
.ixBlog{display: grid;grid-template-columns: repeat(1,1fr);color:#000;gap: 2rem;}
.ixBlog,.ixBlog a{color:#000}
.ixBlog .blog-list{width: 100%;background: #fff;box-shadow: 0 0.125rem 1rem rgba(0,0,0,.75);}
.ixBlog .blog-list .img-box img{width: 100%;height: 100%;object-fit: cover;aspect-ratio: 11 / 7;}
.ixBlog .blog-list .text-box{padding: 0 1rem 1rem 1rem;}
.ixBlog .blog-list .title{font-size: 18px;font-weight: 700;}
.ixBlog .blog-list .info{height: 4.5em;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical; overflow: hidden;}
.ixBlog .blog-list .date:before{display:none}

/* 近期消息 */
.ixEventLis{display: grid;grid-template-columns: repeat(2,1fr);gap: 2rem;height: 100%;}
.ixEventLis__item{color: #000;box-shadow: 0 0.125rem 1rem rgba(0,0,0,.75);background: #fff;}
.ixEventLis__item .picBox{position:relative;display: block;width: 100%;}
.ixEventLis__item .picBox::after{content: '- MORE -';position:absolute;left:50%;top:50%;color:#fff;transform: translate(-50%,-0);opacity:0}
.ixEventLis__item .picBox img{width:100%;height: 100%;object-fit: cover;aspect-ratio: 11/7;}
.ixEventLis__item .infoBox{padding: 1rem;background: #fff;}
.ixEventLis__item .infoBox__mj{font-size:18px;font-weight: 700;}
.ixEventLis__item ul{list-style-type: none;margin: 0;padding: 0;}
.ixEventLis__item li+li{margin-top: .5rem;}
.ixEventLis__item .liName{}


/* 關於我們 */
.ix-about{position: relative;padding: 6rem 0;}
.ix-about::before{content:'';position:absolute;left:0;top:0;width: 100%;height: 100%;max-width: 1200px;background-image: url('../images/all/motif-5.png');background-repeat: no-repeat;background-size: 100%;}
.ixAabout{display: grid;grid-template-columns: repeat(2,1fr);gap: 4rem;align-items: center;}
.ixAabout__box{position: relative;}
.ixAabout__box--pic{padding-right: 3rem;}
.ixAabout__box--pic iframe{width: 100%;height: 100%;aspect-ratio: 3/2;}
.ixAabout__box--pic .btn{position: absolute;z-index: 1;bottom: 2rem;right: 0;margin: 0;}
.ixAabout__box--info{/* padding: 2rem 0; */color: #DCDCDC;font-size: 1.5rem;}
.ixAabout__box__mj{font-size: 2rem;font-weight: 500;}
.ixAabout__box__sub{margin-bottom: 2rem;font-size: 3rem;font-weight: 900;}


@media screen and (max-width: 1280px) {
	/* 標語 */
	.sloganMj{font-size: 3.25vw;}
	.sloganTxt{font-size:2vw}
	/* 	banner */
	.caption{/* top:8vw; */}
}
@media screen and (max-width: 991px) {
	/* 裝飾文字 */
	.ixTxt{font-size: 22vw;}
	/* 	banner */
	.main-slider{height:auto;background:#0A5596;aspect-ratio: auto;}
	.main-slider .item{/*overflow:hidden;min-height: 65vw;*/}
	/* .main-slider .slide-image{height:65vw} */
	.caption{position:static;width: 100%;background: #0A5596;color:#fff;text-align:center;}
	.slick-slide.slick-active .caption.banner-center,
	.slick-slide.slick-active .caption.banner-left,
	.slick-slide.slick-active .caption.banner-right{text-align:center;-webkit-transform: translateY(0);transform: translateY(0);}	
	.caption:before,.caption:after{display:none}
	.caption .pc,.caption .btn.pc{display: none;}
	.caption .mb{display: block;}
	.caption .btn.pc{display:inline-block}
	.caption p{font-size:1rem}
	.caption h3{font-size:1.2rem}
	.slick-slide.slick-active .caption.banner-center{-ms-transform: translate(0,0);-webkit-transform: translate(0,0);transform: translate(0,0);}
	
	/* 	標語 */
	.sloganMj {font-size: 3.5vw;}
	.sloganTxt{font-size: 2.5vw}
	.ix-slogan{padding: 5rem 0 2rem;}
	.ix-slogan::before, .ix-slogan::after{top: 0;opacity:.5;aspect-ratio: 1.25/2;height: 50%;width: inherit;background-size: auto 100%;}
	.ix-slogan::after{aspect-ratio: 4/3;top: 70%;}

	/* 	最新消息 */
	.ixNewsLis{grid-template-columns: repeat(2,1fr)}
	
	/* 近期消息 */
	.ixEventLis{grid-template-columns: repeat(2,1fr)}

	
	
	
}
@media screen and (max-width: 768px) {
	/* 	banner */
	.sloganMj {font-size: 4.5vw;}
	.slick-prev {left: 40%!important;}
	.slick-next {right: 40%!important;}
	.slick-prev:hover{left:39%!important}
	.slick-next:hover{right:39%!important}
	.slick-arrow {bottom: -95px;}

	/* 關於我們 */
	.ix-about::before{width: 100%;height: 70vw;}
	.ixAabout{grid-template-columns: repeat(1,1fr);gap: 2rem}
	.ixAabout__box--pic{padding-right:0}
	.ixAabout__box--pic .btn{bottom:-1rem;}
	.ixAabout__box--info{font-size: 18px;}
	.ixAabout__box__mj{font-size: 1.5rem}
	.ixAabout__box__sub{font-size: 2rem;margin-bottom:1rem}

	/* 解決方案 */
	.ix-product .ix-title{text-align:left}
	.pdSortLis{gap:1rem;align-items: inherit;justify-content: center;}
	.pdSortLis__item{width: calc(50% - 1rem);display: flex;background: #DCDCDC;flex-direction: column;}
	.pdSortLis__item__picBox{width: 100%;}
	.pdSortLis__item__picBox .picBox{margin-bottom:0}
	.pdSortLis__item__infoBox{display: flex;align-items: center;width: calc(100% - 120px);padding: 0 1rem;color:#000;font-size: 16px;font-weight: 400;width: 100%;}

	
}
@media screen and (max-width: 640px) {
	/* 	標語 */
	.sloganTxt{font-size: 2.8vw;}
}
@media screen and (max-width: 540px){
	/* 	banner */
	.slick-slide .slide-image.pc{display: none;}
	.slick-slide .slide-image.mb{display: block;}
	/* .main-slider, */
	.slick-slide .image-entity,
	.slick-slide video{aspect-ratio:54/40}
}
@media screen and (max-width: 480px){
	/* 	標語 */
	.ix-slogan {/* padding-top: .5rem; */}
	.ix-slogan .container{/* padding: 0; */}
	.sloganMj {font-size: 5.2vw;}
	.sloganTxt {font-size: 3.5vw;}
	
	/* 	解決方案 */
	.pdSortLis__item__infoBox{height: 100%;padding: 0.5rem 0.25rem;line-height: 1;}
	.pdSortLis__item__infoBox .infoBox{font-size:.9rem}
	.pdSortLis__item__picBox .picBox{text-align: center;}
	.pdSortLis img{max-width: 70%;}

	/* 	最新消息 */
	.ixNewsLis{grid-template-columns: repeat(1,1fr);gap:1rem}

	/* 近期消息 */
	.ixEventLis{grid-template-columns: repeat(1,1fr);gap:1rem}
}

@media screen and (min-width: 992px) {
	/* 	banner */
	.slick-slide video{display:block;position:absolute;top:50%;left:50%;min-width:100%;min-height:100%;width: 100%;height:auto;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}
	/* 	最新消息 */
	.ixNewsLis__item:hover a,.ixNewsLis__item:hover h4,.ixNewsLis__item:hover .time{}
	.ixNewsLis__item:hover{color: #DCDCDC;}
	.ixNewsLis__item:hover .inforBox .more{background:#00A0E6}

	/* 	解決方案 */
	.pdSortLis__item__picBox,.pdSortLis__item__picBox .picBox{position: relative;margin: 0;}
	.pdSortLis__item__picBox::before,.pdSortLis__item__picBox::after,.pdSortLis__item__picBox .picBox::before,.pdSortLis__item__picBox .picBox::after{content:'';position:absolute;z-index:1;background:#ffffff;-webkit-transition: all 1s ease-out;-moz-transition: all 1s ease-out;-o-transition: all 1s ease-out;-ms-transition: all 1s ease-out;transition: all 1s ease-out;box-shadow: 0 0 13px #ffc525;}
	.pdSortLis__item__picBox::before,
	.pdSortLis__item__picBox::after{top: 0;left: 0;}
	.pdSortLis__item__picBox .picBox::before,
	.pdSortLis__item__picBox .picBox::after{right: 0;bottom:0;}
	.pdSortLis__item__picBox::before,
	.pdSortLis__item__picBox .picBox::before{height:1px}
	.pdSortLis__item__picBox::after,
	.pdSortLis__item__picBox .picBox::after{width:1px}
	.pdSortLis__item__picBox::before{right:100%}
	.pdSortLis__item__picBox::after{bottom:100%}
	.pdSortLis__item__picBox .picBox::before{left:100%}
	.pdSortLis__item__picBox .picBox::after{top:100%}
	.pdSortLis__item:hover .pdSortLis__item__picBox::before{right: 0;}
	.pdSortLis__item:hover .pdSortLis__item__picBox::after{bottom: 0;}
	.pdSortLis__item:hover .pdSortLis__item__picBox .picBox::before{left:0}
	.pdSortLis__item:hover .pdSortLis__item__picBox .picBox::after{top:0}	

	
	/* 近期消息 */
	.ixEventLis__item:hover .picBox img{opacity:.25}
	.ixEventLis__item:hover .picBox::after{transform: translate(-50%,-50%);opacity:1}
	.ixEventLis__item:hover{background:#000}
	.ixEventLis__item:hover .infoBox{background: #000;color: #fff;}
	.ixEventLis__item:hover .infoBox__mj{color: #00A0E6;}

	/* 部落格 */
	.ix-event .container{grid-template-columns: repeat(2,1fr);}
	.ixBlog{grid-template-columns: repeat(2,1fr);}
	.ixBlog .blog-list:hover{background:#000;color:#fff}
	.ixBlog .blog-list:hover .title{color: #00A0E6;}
	.ixBlog .blog-list:hover .tagBox span{border-color:#00A0E6;}
	.ixBlog .blog-list:hover .tagBox span a{color: #00A0E6;}
	.ixBlog .blog-list:hover .tagBox span a:hover{color: #fff;background:#00A0E6}
	.ixBlog .blog-list:hover .text-box .date,
	.ixBlog .blog-list:hover .info,
	.ixBlog .blog-list:hover .small-txt{color:#fff}

	.ixBlog .blog-list:hover .img-box img{opacity:.25}
	.ixBlog .blog-list .img-box::after{content: '- MORE -';position:absolute;left:50%;top:50%;color:#fff;transform: translate(-50%,-0);opacity:0}
	.ixBlog .blog-list:hover .img-box::after{transform: translate(-50%,-50%);opacity:1}
}