/* 匯入共用最新消息文字模組 */
@import url(../style_latest_news/style_latest_news.css);
/* ================================================================= */

/*-------最新消息----------------------------------------------------------------------------*/
/*最新消息列表*/

.wrap{
	max-width: 62.5rem;
}

.right_contentBg{
	padding-top: 0;
}
.news_list_area {
	padding-bottom:10px;
	padding-top: 1.25rem;
}
	.news_list {
		position:relative;
		display: table;
		border-bottom: dashed 1px #a0a0a0;
		padding: 20px 0px;
		width:100%;
	}
	.news_list:first-of-type {
		padding-top:0px;
	}
		.news_list a {
			display:block;
			text-decoration:none;
			transition:0.3s ease all;
		}
			.news_list a:hover {
				opacity:0.7;
			}
			
		.nL_img {
			width:200px;
			display:table-cell;
			vertical-align:top;
		}
			.nL_img a {
			}
				.nL_img img {
					/*width:100%;*/
					height:auto;
				}
		.nL_right {
			display:table-cell;
			vertical-align:top;
			padding: 0px 0px 0px 20px;
		}
		
		
		.nL_right.no_img{
			padding: 0px;
			}
		
		
			.nLR_time
 {
				color: #007bc7;
				font-size: 16px;
				font-weight: bold;
				padding: 0px 9px 9px 0px;				
				/* line-height: 26px; */
				/* float: left; */
			}
			.nLR_tit {
				/*float:left;*/
			}
				.nLR_tit a {
					color: #333;
					font-size: 16px;
					line-height: 26px;
					font-weight: bold;
					/* padding: 0px 0px 9px; */
				}
				
				
				.nLR_tit a:hover {
					color:#1376b8;
				}				
				
				
			.nLR_remark {
				color: #727272;
				font-size: 14px;
				line-height: 24px;
			}
			
	/*購物車表單最後的按鈕*/
						.btn_area {
							font-size: 0px;
							text-align: center;
							padding: 15px 0px 0px 0px;
						}
						
							.btn_area input {
								margin: 0px 30px;
							}
							
							/*.btn_area input:nth-of-type(2) {
								background: #555;
							}*/		


			
	/*沒有照片時樣式*/
	.news_list.no_img .nL_img {
		display:none;
	}
	
	
					@media (max-width: 768px){
						
						.news_list {
							text-align:center;}
						
						
						.nL_img {
							display:inline-block;
							width:70%;
						}
						
							.nL_img img {
								width:100%;
								height: auto;
							}	
													
						.nL_right {
							text-align:left;
							display:inherit;
							padding: 15px 0px 0px;
						}
					}
					
					
	
					@media (max-width: 425px){
						.nL_img {
							width:100%;
						}
													
							/*.nL_img img {
								width: 100%;
								height: auto;
							}*/						
					}