.banner .owl-carousel .owl-item img { width:auto !important; max-width:none; height:23vw; }

.banner{ max-width:1000px; margin:0 auto; }
.banner img{ width:100%; max-width:none; display:block; }

.idx-box-1{ max-width:1000px; margin:0 auto; background:linear-gradient(to bottom, #6ea6da 0%,#5a7fcf 70%); border-top:1px solid #597dce; box-sizing:border-box; }
.idx-box-1 h1, .idx-box-1 h2, .idx-box-1 p{ margin:0; }
.idx-box-1 ul, .idx-box-1 li{ list-style-type:none; margin:0; padding:0; }
[class$="title"] { position:relative; }
[class$="title"] h1, [class$="title"] h2{ font-weight:100; margin-bottom:20px; padding-bottom:5px; text-shadow:var(--text-shadow); position:relative; border-bottom:1px solid #fff; color:var(--color);  }
[class$="title"] .more{ position:absolute; right:0; top:50%; transform:translateY(-50%); display:flex; align-items:flex-end; font-size:.8rem; text-shadow:var(--text-shadow); color:var(--color);}
[class$="title"] .more:hover{ color:#2d4ba1; }
[class$="title"] .more::before{ content:'more'; }
[class$="title"] .more::after{ content:'\f101'; font-family:FontAwesome; margin-left:5px; transform:translateX(-3px); transition:.25s ease-in; }
[class$="title"] .more:hover::after{ transform:translateX(0); }



.news-article li{ background:url(../images/index_dot.gif) no-repeat 0 7px; padding-left:10px; font-size:.9rem; margin-bottom:5px}
.news-article a{ display:flex; justify-content:space-between; text-shadow:var(--text-shadow); color:var(--color); padding:0 10px 0 5px; }
.news-article a:hover{ color:#2d4ba1; text-decoration:underline; }

.products-article { position:relative; display:flex; justify-content:space-between; }
.products-article li{ width:calc(100% / 3 - 10px); }
.products-article a{ text-shadow:var(--text-shadow); color:var(--color); }
.products-article a:hover{ color:#2d4ba1; }
.products-article img{ border:#4b7aa3 1px solid; overflow:hidden; display:block;}
.products-article p{ text-align:center; }

.about-box .about-title{ margin-bottom:10px; }
.about-title span{ display:block; font-size:1.1rem; }
.about-title span.en{ text-shadow:var(--text-shadow); color:var(--color); }
.about-title span.tw{ color:#2d4ba1; }
.about-article { text-shadow:var(--text-shadow); color:var(--color); font-size:.95rem }
.about-article .go{ font-size:.6rem; color:#fff; background:#4663c1; padding:2px 5px; margin-top:10px; display:inline-block; border-radius:1px; box-shadow:1px 1px 0 0 #2c4aab; }
.about-article .go:hover{ background:#2d4ba1; box-shadow:1px 1px 0 0 #1f3479; }
.about-article .go::before{ content:'\f061'; font-family:FontAwesome; margin-right:5px; }
.about-article .go::after{ content:'GO'; }

@media only screen and ( min-width:900px) {
    [class$="title"] h1, [class$="title"] h2{ font-size:1rem; }
    .idx-box-1{ display:flex; justify-content:space-around; padding:36px 0 30px; }
    .idx-box-1>div{ width:calc(100% / 3 - 60px); }
}

@media only screen and (max-width: 900px){
    /*.banner .owl-carousel.owl-drag .owl-item img { height:30vw; }*/
    [class$="title"] h1, [class$="title"] h2{ font-size:1.5rem; }
    .idx-box-1{ padding:10px; }
    .idx-box-1>div{ margin-bottom:20px; }
}