@charset "utf-8";

#shMain{padding:60px 0;background:var(--surface-gray)}
#shMain .cont .txt{font-size:19px;color:var(--color-dark)}
#shMain .cont .txt span{font-weight:700;color:var(--primary)}
#shMain .cont .txt h1{margin-bottom:32px;font-size:46px;font-weight:700;color:var(--secondary);line-height:1.35;white-space:pre-line}
#shMain .cont .txt h1 b{font-weight:700;background:linear-gradient(60deg, var(--primary), #17CCEA);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent} 
#shMain .cont-search {width:90%;height:60px;padding:2px;margin-top:32px;border-radius:30px;background:linear-gradient(60deg, var(--primary) 60%, #17CCEA 100%)}
#shMain .cont-search .inner{width:100%;height:100%;padding:5px 20px;border-radius:30px;background:#fff }
#shMain .cont-search input {flex:1;padding:5px 8px;border:none;border-radius:30px;outline:none;font-size:16px;color:var(--secondary)}
#shMain .cont-search button {padding:5px;color:var(--primary)}
#shMain .cont-search button span{ font-size:30px;font-weight:300}

/* main-slide */
#shMain .banner{position:relative;max-width:490px;margin-left:auto}
#shMain .banner ul{border-radius:16px}
#shMain .banner ul li{overflow:hidden;border-radius:16px}
#shMain .banner ul li img{width:100%}
#shMain .banner-control{justify-content:center;position:absolute;bottom:15px;right:15px;z-index:100;width:110px;height:35px;padding:0 10px 0 20px;border-radius:30px;color:var(--secondary);background:#fff}
#shMain .banner-control-pager{width:auto;margin-right:auto;font-size:13px;font-weight:500;white-space:nowrap}
#shMain .banner-control button{all:unset;display:flex;cursor:pointer}
#shMain .banner-control button svg{width:20px;height:20px;color:var(--secondary)}
#shMain .banner-control button.btn-play{display:none}
#shMain .banner-control button.btn-play svg{fill:var(--secondary);width:12px;height:12px}
#shMain .banner-control button.btn-pause svg{fill:var(--secondary);width:15px}
#shMain .banner-control button.btn-pause svg rect{width:1px !important}