:root{--theme-color:#0f2db3;--accent-color:#9598bc;--input-background:#fff}
*{box-sizing:border-box}
#app{padding-bottom:0;overflow:hidden visible;height:auto}
.inner{max-width:968px;margin:0 auto}
.background{display:flex;position:absolute;top:0;left:0;right:0;bottom:0}
.background > div{flex:1;display:flex;flex-direction:column;justify-content:end;align-items:start;padding:12px;font-size:.8vw!important;color:#fff;line-height:1.6}
.background > div::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0}
.background > div span{z-index:2}
main{padding:100px 50px;display:flex;flex-direction:column;gap:16px;background:linear-gradient(127deg, #edf0ff, #8d99c8)}
main h3{font-size:20px!important;background:var(--theme-color);color:#fff!important;border-radius:999px;padding:10px 40px;line-height:1!important;margin:0 auto}
.owl-nav{display:none}
#core{padding:0}
.banners .owl-dots{position:absolute;left:0;right:0;padding:0;bottom:0}
.owl-dot span{background:var(--theme-color)!important}
.owl-dot.active span{background:#fff!important}
#core .owl-item{opacity:0;transition:all .4s ease}
#core .owl-item.active{opacity:1}
#core .item{display:block;position:relative;width:100%;padding-top:calc(60px + 5%)}
#core .item > h3{position:absolute;top:0;left:50%;transform:translateX(-50%);white-space:nowrap}
#core .item > img{position:absolute;top:60px;left:0;width:51%;z-index:1;height:calc(100% / 10 * 7);object-fit:cover;object-position:center center}
#core .item > article{display:block;margin-left:50%;width:50%;padding:4px;background:linear-gradient(135deg, #c9dcf4, #6d7ecd)}
#core .item > article div{width:100%;height:100%;background:linear-gradient(179deg, #7081D2 66%, #A3C5E9);padding:40px 20px 40px 40px;color:#fff;font-size:16px;text-align:justify;display:flex;flex-direction:column;gap:12px;letter-spacing:0}
.vision-page.is-mobile .owl-carousel.owl-loaded{margin-top:64px}
.is-mobile #landscape{display:none!important}
.is-mobile #app{display:initial!important}

[data-event="smartlife"] main article ul{list-style:none;margin:0;padding:0}
[data-event="smartlife"] main article small ul{list-style:none;margin:0;padding:0;font-size:14px}

main > article{display:block;margin:0 auto 40px;width:80%;padding:2px;border-radius:40px;background:linear-gradient(180deg,#4666d4,#a6b2ed);overflow:hidden;position:relative;--light-size:100%}
main > article div{width:100%;height:100%;background:linear-gradient(
180deg, #576dcc, #9dbae9);padding:20px;color:#fff;font-size:24px;text-align:center;line-height:1.4;display:flex;flex-direction:column;gap:12px;letter-spacing:0;border-radius:38px}
main > article::before,
main > article::after{content:"";background:url(../img/light.png) no-repeat center center/contain;transform:translate(-50%,-50%);left:50%;width:var(--light-size);height:calc(var(--light-size) / 660 * 109);display:block;position:absolute;z-index:1}

@media only screen and (max-width:767px){
	main > article{width:100%;margin:0}
	main > article > div{padding:12px}
	main > article p{font-size:20px}
	main > article small{font-size:16px}
	main > article br{display:none}
}

@media only screen and (max-width:425px){
	main > article p{font-size:5vw}
	main > article small{font-size:4vw}
}