/*====================================================*/
/*-------首頁_大圖輪播區塊-----------------------------*/
/*====================================================*/

.main .banner .swiper-button-prev{		
	left: -1.25rem;
}
.main .banner .swiper-button-next{
	right: -1.25rem;
}

.main .banner .swiper-button-prev ,
.main .banner .swiper-button-next{
    opacity: 0;
    transition: 0.3s ease all;
}

.main .banner:hover .swiper-button-prev{		
	left: 1.25rem;
    opacity: 1;
}
.main .banner:hover .swiper-button-next{		
	right: 1.25rem;
    opacity: 1;
}









/*====================================================*/
/*-------首頁_最新消息區塊-----------------------------*/
/*====================================================*/
	
		.index_newsBg{
			padding: 45px 0px;
			background:#f5f1dc;
		}	
			.index_newsBg > .wrap{
			}

				/*首頁_最新消息_內容區塊*/
				.index_newsArea{
					margin: 0px auto;
				}
				
				.index_newsArea .index_titTW{
					border-bottom: 1px #4e4e4e solid;
				}
				
				
				
					/*首頁_最新消息區塊_左半部*/
					.indexNA_left{
						/* padding: 50px 23px 50px; */
                        padding: 50px 0;
					}
					
                    
						/*首頁_more按鍵*/
						.index_moreBtn{
							/*padding-top: 29px;*/
							padding-top: 15px;
						}	
							.index_moreBtn a{
								display: inline-block;
								color: #d4d4d4;
								/* background: #6fabc9; */
								border: 1px #d4d4d4 solid;
								font-size: 12px;
								padding: 6px 26px;
								border-radius: 16px;
								text-decoration: none;
								transition: 0.3s ease all;
								transform: scale(0.8);
								transform-origin: left;
							}
							/*hover*/
							.index_moreBtn a:hover{
								opacity: 0.7;
								transition:0.3s ease all;
								padding: 6px 50px;
								background: #d4d4d4;
								color: #285075;
							}





.indexNA_left .device{
	/* overflow: visible; */
}
	
	/*左右鍵*/
	/* .device .arrow-left_newsArea, .device .arrow-right_newsArea {
		position:absolute;
		z-index:9;
		top:50%;
		margin:-18px 0px 0px 0px;
		opacity:0;
		transition:0.3s ease all;
		display: none;
	} */
	
		/*左鍵*/
		/* .device .arrow-left_newsArea {
			left:-20px;
		} */
		
		/*右鍵*/
		/* .device .arrow-right_newsArea {
			right:-20px;
		}
			.device:hover .arrow-left_newsArea {
				opacity:1;
				left:20px;
			}
			.device:hover .arrow-right_newsArea {
				opacity:1;
				right:20px;
			} */
			
		.indexNA_left .pagination{
			/* position: absolute;
			bottom: -50px;
			width: 100%;
			text-align: -webkit-center; */
		}
		
		.indexNA_left .swiper-pagination-switch{
			/* display: inline-block;
			width: 11px;
			height: 11px;
			border-radius: 100%;
			background: #443f35;
			margin: 0 7px;
			cursor: pointer; */
		}
			/*.indexNA_left .swiper-active-switch {
				background: #f26521;
			}


			 .indexNA_left .swiper-slide{
			} */












/*最新消息列表*/
.indexNAList{
	position:relative;
	margin:0px 18px;
}
                                        
	.indexNaTag{
		position:absolute;
		left:-10px;
		top:10px;
	}
		.indexNaTagP{
		}
		.indexNaTagP a{
			display:inline-block;
			padding:9px 10px 9px 23px;
			color:#fff;
			font-size:13px;
			background-color:#000;
			text-decoration:none;
		}
		.indexNaTagP a:hover{
			transition:0.3s all ease;
			padding:9px 10px 9px 45px;
			background-color:#f26521;
		}		
		
		
		                                                                                    
	.indexNaImg{
	}
		.indexNaImg img{
			width:100%;
			height:auto;
		}
		
	.indexNaBottom{
		background-color:#ffffff;
		padding:35px 25px 25px;
	}
		.indexNews_listDate{
			font-size:12px;
			color: #434343;
			transform:scale(0.95);
			transform-origin:left;
			font-family: 'Raleway', sans-serif;
		}
		.indexNews_listTit{
			padding-top:15px;
			font-size:15px;
			color: #443f35;
			line-height:25px;
			min-height:45px;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 2;
			overflow: hidden;
		}
		.indexNaBrief{
			padding-top:4px;
			font-size:12px;
			line-height:25px;
			color: #626262;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			-webkit-line-clamp: 3;
			overflow: hidden;
		}
		.indexNa_moreBtn{
			padding-top:23px;
		}
			.indexNa_moreBtn a{
				transform:scale(0.9);
				transform-origin:left;
				text-decoration:none;
				color:#fff;
				background-color: #a9a9a9;
				/*background-color:#a9a9a9;*/
				padding:5px 20px;
				border-radius:18px;
				display:inline-block;
				font-family: 'Raleway', sans-serif;
			}

			.indexNa_moreBtn a:hover{
				transition:0.3s all ease; 
				background-color:#000;
				padding:5px 40px;
			}











@media (max-width: 1160px){
}


@media (max-width: 1060px){

	.index_newsArea{
      	max-width: unset;
		margin: 0px;		
	}
    
}

@media (max-width: 990px){

	.index_newsArea{
		margin: 0px;
	}
		.indexNA_left{
			float: none;
			padding: 30px 0px;
			width: 100%;
		}
		.indexNA_right{
			float: none;
			padding: 0px 0px 50px;
			width: 100%;
		}
		
			/*最新消息區塊標題*/
			.index_tit.text_left {
				text-align: center;
			}
			
				/*首頁_more按鍵*/
				.index_moreBtn{
					text-align: center;
					padding-top:40px;
				}	
					.index_moreBtn a{
						width: 250px;
						margin: 0px auto;
						transform-origin: center;
						transform: scale(0.9);
					}
					.index_moreBtn a:hover{
						width: 300px;
					}

					.indexNa_moreBtn a {
						transform: scale(0.8);
						letter-spacing:0.5px;
						padding: 5px 10px;
					}
					.indexNa_moreBtn a:hover {
						padding: 5px 20px;
					}					

                    
}

@media (max-width: 768px){

	.index_moreBtn a ,
	.index_moreBtn a:hover {
		width: 100%;
		display: block;
		padding: 5px 0px;
	}	
}
   
      
@media (max-width: 510px){
	
	.indexNAList {
		position: relative;
		margin: 0px 5px;
	}
	
	.indexNaTag {
		left: -5px;
		top: 3px;
	}	
	.indexNaTagP a {
		padding: 5px 5px 5px 15px;
	}	
	.indexNaTagP a:hover {
		padding: 5px 5px 5px 25px;
	}	
	
		
	.indexNaBottom {
		padding: 12px 8px 8px;
	}

	.indexNews_listTit {
		padding-top: 8px;
		min-height: 25px;
		-webkit-line-clamp: 1;
	}
	.indexNaBrief {
		line-height: 19px;
		-webkit-line-clamp: 2;
	}
	
	.indexNa_moreBtn {
		padding-top: 10px;
	}	
	.indexNa_moreBtn a ,
	.indexNa_moreBtn a:hover {
		width:100%;
		padding: 5px 0px;
		transform-origin:center;
		text-align: center;
	}

}

















/*====================================================================*/
/*-------首頁最新消息輪播(外層)------------------------------------------------*/
/*====================================================================*/

	.indexNA_left{
		position: relative;
	}


		.news_device{			
			position: relative;						
			z-index: 5;	
			margin: 0 auto;            
		}


		.index_newsBg .news_device .swiper_newsArea {
			display: flex;
			flex-direction: column;
			justify-content: center;

            padding-bottom: 30px;
		}
		.index_newsBg .news_device .swiper_newsArea .swiper-wrapper {
			
		}
		.index_newsBg .news_device .swiper_newsArea .swiper-wrapper .swiper-slide{
		}
			.index_newsBg .news_device .swiper_newsArea .swiper-wrapper .swiper-slide > a {
			}


            /* .index_newsBg .product_control{
            } */

            .main .index_newsBg .swiper-button-prev ,
            .main .index_newsBg .swiper-button-next{
                
            }

            /* .main .index_newsBg .swiper-button-prev{		
                left: calc(-2.3125rem / 2);
            }
            .main .index_newsBg .swiper-button-next{
                right: calc(-2.3125rem / 2);
            } */
            


            /* .main .banner .swiper-button-prev{		
                left: -1.25rem;
            }
            .main .banner .swiper-button-next{
                right: -1.25rem;
            } */

            .main .index_newsBg .swiper-button-prev ,
            .main .index_newsBg .swiper-button-next{
                display: none;
            }
            .main .index_newsBg .swiper-pagination{
                height: 10px;
                width: 100%;
                bottom: 0;
            }





/* 在螢幕寬度大於991時，套用這裡的特定樣式 */
@media screen and (min-width: 990.1px)  {


    .index_newsBg .wrap{
        /* width:calc(100% - (23px * 2)); */
        /* padding: 0 23px; */
        /* width: auto; */
    }

	.news_device.count_1 {
		/* width: calc(100% / 4 * 1); */
        width: calc((100% / 4 * 1) - (23px * 2));
	}
	.news_device.count_2 {
		/* width: calc(100% / 4 * 2); */
        width: calc((100% / 4 * 2) - (23px * 2));
	}
	.news_device.count_3 {
		width: calc((100% / 4 * 3) - (23px * 2));
	}
	.news_device.count_4 {
		/* width: calc(100% / 4 * 3); */
	}
	.news_device.count_5 {
		/* width: calc(100% / 4 * 3); */
	}
	.news_device.count_gt4 {
        width: calc(100% - (23px * 2));
		/*max-width:  calc((66.75rem * 1.128) / 3 * 5); *//*1068*/
	}

	.index_newsBg .news_device .swiper_newsArea {
		/* max-width: 87.8125rem;
		width: 90%; */
	}

	


}








/* .news_device{
    margin-top: 2.1875rem;
    padding: 0;
} */



@media (max-width: 990px){
		
	/* .news_device{
	}				
		.product_list{
		}	 */


        
    .main .index_newsBg .swiper-button-prev ,
    .main .index_newsBg .swiper-button-next{
        /* display: none; */
    }

    .main .index_newsBg .swiper-button-prev{		
        /* left:0.625rem; */
        /* left: 0; */
    }
    .main .index_newsBg .swiper-button-next{
        /* right:0.625rem; */
        /* right: 0; */
    }

}



@media (max-width: 425px){
		
	.news_device{
		/* margin:0px 0px;*/
	}		
    
}