@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700&display=swap');

.nbs-flexisel-container {
	position: relative;
	max-width: 100%;
}
.nbs-flexisel-ul {
	position: relative;
	width: 9999px;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	text-align: center;
}
.nbs-flexisel-inner {
	overflow: hidden;
	width:90%;
	margin: 0 auto;
}
.nbs-flexisel-item {
	float: left;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
	position: relative;
	/*line-height: 0px;*/
}
.nbs-flexisel-item > img {
	cursor: pointer;
	position: relative;
	max-width: 100%;
}
/*** Navigation ***/
.nbs-flexisel-nav-left, .nbs-flexisel-nav-right {
	width: 46px;
	height: 100px;
	position: absolute;
	cursor: pointer;
	z-index: 100;
}

.nbs-flexisel-nav-left {
    left: 10px;
	background: url("../images/button-previous.png") no-repeat 0;
}
.nbs-flexisel-nav-right {
    right: 5px;
	background: url("../images/button-next.png") no-repeat 0;
}
#idxprocarousel .item { height:130px; }
#idxprocarousel .item, #idxprocarousel .caption { margin:0 3px; padding:0 3px; white-space:nowrap; overflow:hidden; text-overflow : ellipsis;}


/* 首頁整頁 */
.idxContainerBlock{
  padding: unset;
}

/* 首頁_banner */
.idxBannerBlock{
	display: block;
}

.idxBannerBlock #mainbanner{
	padding-top: unset;
}

.idxBannerBlock .swiper-container.swiper-banner{
	width: 100%;
	max-height: 937px;
	position: relative;
}
.idxBannerBlock .swiper-banner::after{
	  content:"";
	  display: block;
	  height: 15px;
	  width: 100%;
	  background: rgba(222, 0, 43);
	  /* background: #DE002B; -----Hex的表示*/
	  position: absolute;
	  bottom: 0px;
	  left: 0;
  }

.idxBannerBlock .page-banner{
	bottom: 15px;
}

/* banner刻字 */

.bannerPos{
	position: relative;
}

.idxBannerCaption.baCapt1{
	position: absolute;
	top: 32%;
	left: 5%;
	display: block;

}

.idxBannerCaption.baCapt2{
	position: absolute;
	top: 40%;
	left: 5%;
	display: block;

}

.idxBannerCaption.baCapt3{
	position: absolute;
	top: 48%;
	left: 5%;
	display: block;

}


.idxBannerChTitle p{
	padding: 0;
	margin: 0;
	font-size: 38px;
	font-family: font-family: 'Noto Sans TC', sans-serif;
	font-weight: 700;
	color: #DE002B;
	
}


.idxBannerEnSub p{
	padding:0;
	margin: 0;
	font-size: 26px;
	font-family: 'Arial';
	font-weight: 600;
	color: #1D1D1D;
	
}





/* 首頁_content */
.idxContentBlock #content{
	padding: 0;
}


/* 首頁_產品分類 */
.idxProCateBlock{
	background:url('../images/idxProCate_bg.jpg');
	background-repeat: no-repeat;
	background-size: cover;

}

.row_idxProCate {
	margin:0 110px;
	padding: 30px 0 100px 0;
}

.proCateListItem .text-left{
	text-align: center;
	margin: 20px 0 50px 0;
}

.proCateListItem span.idxProCateTitle{
	font-size: 40px;	
}

.idxProCateBlock .proCateItem a.proCateInner{
	display: block;
	text-decoration: none;

}

.proCateItem{
	display: block;
	width: 100%;
	/* height: 42vh; */
	padding: 5px;
	margin-bottom: 18px;
	/* background: #fff;
    border-radius: 3px;
	box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.2); */
	
}

.proCateImg,
.proCateTitle{
	display: block;
}

.proCateImg {
  width: 100%;
  /* height: 290px; */
  overflow: hidden;
  position: relative;
  background: #fff;
  border-radius: 3px;
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.2);
  padding-bottom: 100%;
}


.proCateImg img{
	display: block;
	max-width: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	padding: 10px;	
}

/* .proCateItem:nth-child(1) .proCateImg img{
	max-width: 90%;
} */


.proCateTitle {
	text-align: center;
	padding-top: 20px;
}

.cateName {
	display: inline-block;
    font-size: 16px;
	letter-spacing: 1px;
	position: relative;
}

.cateName::after{
	content: "";
    display: inline-block;
    background: #DE002B;
    width: 0;
    height: 3px;
    border-radius: 2px;
    position: absolute;
    bottom: -15px;
	left: 0;
	transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}

.idxProCateBlock .proCateItem a.proCateInner:hover .cateName::after{
	width: 100%;
}





/* 首頁_VR區域_ */
.vrLinkBlock{
	display: block;
	width: 100%;
		/* min-height:645px ;
	background-image: url('../images/vrImg.jpg');
	background-repeat: no-repeat;
	background-size: 100% 100%;
		*/
	position: relative;
	overflow: hidden;
}

.vrLinkBlock a.vrLinkBox{
	display: inline-block;
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left: 0;
	z-index: 1;
	transition: 0.5s;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
}

.vrLinkBlock a.vrLinkBox:hover{
	background-color: rgba(222, 0, 43, 0.5);
  	border-radius: 3px;;
	opacity: 0.45;
}


.vrLinkBlock img.vrImgLink{
	width: 100%;
	margin: 0;
	padding: 0;
	/* display: block;
	position: absolute;
	left:0;
	top:0; */
	/* z-index: -1; */
}

.vrTitleBlock{
	position: absolute;
	top:30%;
	left:20%;
	/* width: 460px; */
}

/* .vrTitleInner{
	position: relative;
} */

.vrChTitle p{
	font-size: 2em;
	font-family: 'Noto Sans TC', sans-serif;
	letter-spacing: 1.1px;

}

.vrEnTitle p{
	font-size: 1.5em;
	font-family: 'Noto Sans TC', sans-serif;
	letter-spacing: 1.1px;
}

.vrBtnLink{
	/* position: absolute;
	right: 0;
	bottom: -30px; */
	text-align: right;
	padding-top: 2%;
}

.vrBtnLink a{
	margin: unset;
	font-size: 1.3em;
}

.vrBtnLink a span{
	padding-left: 30px;
}


/* 首頁_關於霖政_首頁圖文區 */
.idxAbCompanyBlock .index_linjen .abLinJenBlock{
	width: 100%;
	display: table;
	table-layout: fixed;
	/* padding-bottom: 40px;   */
	min-height: 530px;
	/* background: url(../images/about.jpg) no-repeat center; */
}

.idxAbCompanyBlock .index_linjen .abCompanyImg{
	display: table-cell;
	vertical-align: middle;
	width: 50%;
	height:530px;
	/* clip-path: polygon(55% 0, 0 0, 0 100%, 45% 100%); */
}

.abCompanyImg img{
	width:100%;
	height:100%;
}

.idxAbCompanyBlock .index_linjen .abContentInner{
	display: table-cell;
	background: #DE002B;
	/* clip-path: polygon(55% 0, 100% 0, 100% 100%, 45% 100%); */
	vertical-align: middle;
	/* padding-left: 120px; */
	position: relative;
}

.idxAbCompanyBlock .index_linjen .abContentInner::before{
	content: "";
	display: block;
	width: 225px;
  height: 100%;
  background: #DE002B;
  position: absolute;
  left:-105px;
  top:0;
  transform: skewX(-10deg);
}

/* .abContenSkew{
	transform:  skewX(-35deg);
	width: 988px;
	height: 530px;
	background: #fff;
} */


.idxAbCompanyBlock .index_linjen .abUnit{
	width: 610px;
	position: absolute;
    top: 10%;
    left: 5px;
    letter-spacing: 1.05px;
}

.idxAbCompanyBlock .index_linjen .abUnit p{
	color:#fff;
}


.idxAbCompanyBlock .index_linjen .abTitle p{
	font-size: 35px;
	border-bottom: 2px solid #fff;
	padding: 3px 0;
	
}

.idxAbCompanyBlock .index_linjen .abSubTitle .chSub{
	font-size: 25px;
}

.idxAbCompanyBlock .index_linjen .abSubTitle .enSub{
	font-size: 20px;
}

.idxAbCompanyBlock .index_linjen .chSub_two p{
	font-size: 18px;
}

.idxAbCompanyBlock .index_linjen .abText{
	padding-top: 50px;
}

.idxAbCompanyBlock .index_linjen .abText p{
	font-size: 15px;
}

.idxAbCompanyBlock .index_linjen .abBtnLink{
	padding: 10px;
	position: absolute;
	bottom: 5%;
	right:5%;
}

.idxAbCompanyBlock .index_linjen .abBtnLink a{
	margin: 0;
}

.idxAbCompanyBlock .index_linjen .abBtnLink a:hover{
    background: #3A3A3A;
    color: #fff;
    border: 3px solid #fff;
}



/* 首頁_訊息_最新消息 */
.idxNewsBlock {
	padding-bottom: 60px;
	background: url(../images/news_bg.jpg) no-repeat center;
	background-size: cover;
}

.idxNewsBlock h3.idxNewsTitle{
	font-size: 40px;
	text-align: center;
	margin: 50px 0 40px 0;
}

.idxNewsBlock .newsMsgItem .thumbnail {
	width: 300px;
	height:400px;
	border: 1px solid rgba(112, 112, 112, 0.3);
	overflow: hidden;
	padding: unset;
	margin: 0 auto 20px auto;
}

.idxNewsBlock .newsMsgItem .thumbnail:hover{
	border: #DE002B 5px solid;
	/* transform: scale(1.1 , 1.1); */
}

.idxNewsBlock .newsMsgItem .idxNewsImg{
	/* height: 260px; */
	border-bottom: 1px solid rgba(112, 112, 112, 0.3);
	overflow: hidden;
	position: relative;
	padding-bottom: 100%;
}

.newsMsgItem .thumbnail .idxNewsImg img{
	position: absolute;
    top: 50%;
    left: 50%;
	transform: translate(-50% , -50%);
	-webkit-transform: translate(-50% , -50%);
	-moz-transform: translate(-50% , -50%);
	-ms-transform: translate(-50% , -50%);
	-o-transform: translate(-50% , -50%);
}


.idxNewsBlock .newsMsgItem .msgtitle_span{
	font-size: 18px;
	color:#434343;
	width: 250px;
	line-height: 24px;
	overflow: hidden;
    text-overflow: ellipsis;
	/* white-space: nowrap; */
	/* display: inline-block; */
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.idxNewsBlock .newsMsgItem .itemNewsMsgTitle{
	font-size: 18px;
	letter-spacing: 1px;
	line-height: 1.1;

}

.idxNewsBlock .newsMsgItem .caption{
	position: relative;
	padding: 20px 20px 10px 20px;
}


.idxNewsBlock .newsMsgItem .msgdate_span{
	background: #DE002B;
	font-size: 13px;
	color: #fff;
	padding: 5px 15px;
	border-radius: 2px;
	letter-spacing: 1px;
	position: absolute;
	top:-15px;
	left:20px;
}

/* .newsMsgItem .captionp p.itemNewsMsgTitle a:hover{
	text-decoration: none;
} */



/* ==RWD== */
@media only screen and (max-width: 1299px) {}

@media only screen and (min-width: 1200px) {}

@media only screen and (max-width: 1199px) {}

@media only screen and (min-width: 992px) {}

@media (max-width: 1195px) and (min-width: 992px) {
	.row_idxProCate{
		margin: 0 55px;
	}

}

@media only screen and (max-width: 991px) {
	/* 首頁_各區塊標題 */
	.idxContainerBlock h3{
		font-size: 35px;
	}

	/* 首頁_按鈕 */
	.btnLink a{
		padding: 10px 24px;
	}
	.vrBtnLink a{
		font-size: 1.2em;
	}

	/* 關於霖政 */
	.idxAbCompanyBlock .index_linjen .abLinJenBlock{
		display: block;
		table-layout: unset;
		padding-bottom: unset;
		min-height: unset;

	}

	.idxAbCompanyBlock .index_linjen .abCompanyImg{
		display: block;
		width: unset;
		height: unset;

	}

	.idxAbCompanyBlock .index_linjen .abContentInner{
		display: block;
		padding: 30px 40px 50px 40px;
	}

	.idxAbCompanyBlock .index_linjen .abContentInner::before{
		display: none;
	}

	.idxAbCompanyBlock .index_linjen .abUnit{
		position: static;
	}

	/* Banner刻字 */
	.idxBannerChTitle p{
		font-size: 30px;
	}

	.idxBannerEnSub p{
		font-size: 20px;
	}


}

@media only screen and (min-width: 768px) {}

@media only screen and (max-width: 767px) {
	/* 產品分類 */
	/* .proCateImg{
		width: 350px;
	} */
	
	/* vr區塊 */
	.vrLinkBlock img.vrImgLink{
		height: 40vh;
	}
	.vrTitleBlock{
		top: 28%;
    	left: 16%;
	}
	.vrChTitle p{
		font-size: 1.8em;
	}
	.vrEnTitle p {
		font-size: 1.25em;
	}


	/* 關於霖政 */
	.idxAbCompanyBlock .index_linjen .abUnit{
		width: unset;
	}

	.idxAbCompanyBlock .index_linjen .abContentInner{
		padding: 30px 40px 20px 40px;
	}

	.idxAbCompanyBlock .index_linjen .abBtnLink{
		position: static;
		padding: 22px 0 25px 0;

	}

	.idxAbCompanyBlock .index_linjen .abTitle p{
		font-size: 25px;
	}

	.idxAbCompanyBlock .index_linjen .abSubTitle .chSub{
		font-size: 20px;
	}

	.idxAbCompanyBlock .index_linjen .abSubTitle .enSub{
		font-size: 18px;
	}

	.idxAbCompanyBlock .index_linjen .chSub_two p{
		font-size: 15px;
	}

}

@media only screen and (max-width: 576px) {
	/* 首頁_各區域標題 */
	.proCateListItem span.idxProCateTitle{
    	font-size: 28px;
    	letter-spacing: 1.2px;
	}
	.idxNewsBlock h3.idxNewsTitle{
    	font-size: 28px;
    	letter-spacing: 1.2px;
	}
	
	/* 首頁_產品分類 */
	.row_idxProCate{
		margin: 0 50px;
	}

	/* 刻字 */
	.idxBannerBlock .text-center{
		display: none;
	}

	.idxBannerCaption.baCapt1,
	.idxBannerCaption.baCapt2,
	.idxBannerCaption.baCapt3{
		position: static;
		display: none;
	}

	
}

@media only screen and (max-width: 480px) {
	/* Banner刻字 */
	.idxBannerChTitle p{
		font-size: 22px;
	}

	.idxBannerEnSub p{
		font-size: 16px;
	}


	.idxBaEn2 p{
		font-size: 15px;
	}


}

@media only screen and (max-width: 440px) {
	/* .proCateItem{
		height: 50vh;
	} */
}

@media only screen and (max-width: 415px) {
	
	/* 首頁_產品分類 */
	.cateName {
		letter-spacing: 1.5px;
		position: relative;
		background: #DE002B;
		padding: 5px 18px;
		border-radius: 18px;
		color: #fff;
		font-weight: 400;
	}

	.idxProCateBlock .proCateItem a.proCateInner:hover .cateName::after{
		width: 0%;
	}

}

@media only screen and (max-width: 375px) {
	/* 首頁_產品分類 */
	.row_idxProCate {
		margin: 0 29px;
		padding: 30px 0 50px 0 ;
	}

	/* .proCateItem{
		height: 55vh;
	} */
}

@media only screen and (max-width: 320px) {

}