@charset "utf-8";

/* Main Banner
 * *********************************** */
 .MainBanner {
    position: relative;
    margin-bottom: 0px;
}
.MainBanner .swiper-container{
    box-shadow: 0 2px 4px #f9f9f9;
}
.MainBanner__unit {
    position: relative;
    overflow: hidden;
    height: 549px;
    background-color: #000;
}

.MainBanner.-low .MainBanner__unit {
    height: 742px;
}

.MainBanner__img {
    position: absolute;
    width: 1950px;
    top: -6px;
    left: 50%;
    transform: translateX(-50%);
}


}

@media screen and (max-width: 1024px){
    .MainBanner__img{
        width: 1230px;
    }
    .MainBanner.-low .MainBanner__unit{
        height: 465px;
    }
}

@media only screen and (max-width: 960px) {
    .MainBanner__unit {
        height: 743px;
    }

    .MainBanner.-low .MainBanner__unit {
        height: 465px;
    }

    .MainBanner__img {
        width: 1230px;
    }
}

@media only screen and (max-width: 767px) {
    .MainBanner__unit,
    .MainBanner.-low .MainBanner__unit {
        height: auto;
        margin: 0;
    }

    .MainBanner__img,
    .MainBanner.-low .MainBanner__img {
        position: static;
        width: 100%;
        transform: none;
    }
}



/* Solutions & Products
 * *********************************** */
 .FeatureArticles {
	position: relative;
    margin-bottom: 60px;
    padding: 40px 0 0;
    color: #000;
    background-color: #fff;
}

.FeatureArticles__h {
	margin: 0 auto 30px;
    font-size: 26px;
    font-weight: 600;
    text-align: center;
}
.productsIntroArea .pItem{
    width: 32%;
    margin-right: 2%;
    float: left;
}
.productsIntroArea .pItem:last-child{
    margin-right: 0;
}
.productsIntroArea .pItem .imgArea img {
    max-width: 100%;
}

.productsIntroArea .pItem .summary {
    margin-top: 20px;
    font-size: 16px;
    margin: 20px auto 0;
    text-align: left;

}
.productsIntroArea .pItem .summary .ttl{
	font-size: 18px;
	font-weight: 600;
    margin-bottom: 6px;
}

/* slider

.FeatureArticles__slider {
    position: relative;
    overflow: hidden;
    min-height: 480px;
}

.FeatureArticlesSlider {
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 0;
    margin-left: -1025px;
    width: 2050px;
    height: 100%;
}
.FeatureArticlesSlider .swiper-slide{
    text-align: center;
}
.FeatureArticles__pager {
    position: absolute;
    z-index: 100;
    bottom: 30px;
    left: 0;
    width: 100%;
    text-align: center;
}

.FeatureArticles__pager > .swiper-pagination-bullet {
    margin: 0 5px;
    width: 50px;
    height: 6px;
    border: none;
    border-radius: 0;
    background-color: #a9a9a9;
}

.FeatureArticles__pager > .swiper-pagination-bullet-active {
    background-color: #0a9bcd;
}

.sliderArea .swiper-button{
	width: 100%;
    position: relative;
    max-width: 1110px;
    height: 65px;
    margin: 0 auto;
}
.sliderArea .swiper-button .swiper-button-next,
.sliderArea .swiper-button .swiper-button-prev{
    width: 44px;
	height: 33px;
    margin-top: -16px;
    z-index: 10;
    background-size: 44px 33px;
}
.sliderArea .swiper-button .swiper-button-prev{
	right: 55px;
	left: auto;
	background-image: url(/tw/zh/common/images/arw/arw_prev_blk.png);
}
.sliderArea .swiper-button .swiper-button-next{
	right: 0;
	background-image: url(/tw/zh/common/images/arw/arw_next_blk.png);
}
*/

@media only screen and (max-width: 767px) {
    .FeatureArticles {
        padding: 40px 0 0;
    }
    .productsIntroArea .pItem{
        width: 100%;
        margin-right: 0;
        margin: 10px 0 25px;
        float: none;
        text-align: center;
    }
    .productsIntroArea .pItem .summary{
        margin-top: 15px;
        max-width: 350px;
    }
	/*.sliderArea .swiper-button .swiper-button-next,
	.sliderArea .swiper-button .swiper-button-prev{
		width: 26px;
		height: 20px;
		background-size: 26px 20px;
	}
	.sliderArea .swiper-button .swiper-button-next{
		right: 15px;
	}*/
}




/* News
 * *********************************** */
.newsArea{
	background: #F2F2F2;
    padding: 60px 20px 100px;
}
.News_h{
	margin: 0 auto 30px;
    font-size: 26px;
    font-weight: 600;
}
.News__inner{
	background: #fff;
    padding: 50px;
}
.News_contents_area {
	margin-bottom: 40px;
}
.main_news{
    align-self: auto;
    width: 40%;
	float: left;
    text-align: center;
    font-size: 16px;
    font-weight: 600;
}
.main_news .imgBox{
    background: #fff;
}
.main_news .date{
    text-align: left;
    margin: 20px auto 0;
}
.main_news .main_news_text{
    font-weight: normal;
	line-height: 1.6;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    margin: 4px auto 0;
    text-align: left;
}
.main_news img{
	max-width: 100%;
}
.News__list{
	width: 60%;
	float: right;
    vertical-align: top;
}
.News__list .itemList{
    font-size: 16px;
    line-height: 1.6;
    padding-left: 40px;
    margin-bottom: 22px;
}
.News__list .itemList:last-child{
	margin-bottom: 0;
}
.News__list .itemList .date{
    font-weight: 600;
    margin-bottom: 4px;
}
.news__pager {
    margin-top: 15px;
    width: 100%;
    text-align: center;
}
.news__pager > .swiper-pagination-bullet {
    margin: 0 5px;
    width: 50px;
    height: 6px;
    border: none;
    border-radius: 0;
    background-color: #a9a9a9;
}
.news__pager > .swiper-pagination-bullet-active {
    background-color: #0a9bcd;
}
.newsArea .btn{
	width: 170px;
    margin: 0 auto;
    text-align: center;
}
.newsArea .btn a{
	display: block;
	background-color: #0A9BCD;
	margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
    .newsArea{
        padding: 40px 0 60px;
    }
	.News__inner{
		display: block;
		padding: 35px 20px 40px;
	}
	.News_contents_area{
		margin-bottom: 30px;
	}
	.news__pager{
		margin-top: 0;
	}
	.main_news, .News__list{
		width: 100%;
        float: none;
    }
    .main_news{
    }
	.News__list{        
		margin-top: 25px;

	}
	.News__list .itemList{
		padding-left: 0;
	}
}