body{
	background-image : url(../images/ibggray5.jpg); 
	background-repeat : repeat;
	background-position:top center; 
}





.stButton1 {
	background-color: #0056b3;      /* 背景藍色 */
	color: white;                   /* 字體白色 */
	border: none;                   /* 無邊框 */
	padding: 2px 20px;             /* 上下10px、左右20px */
	font-size: 16px;                /* 字體大小 */
	border-radius: 5px;             /* 圓角 */
	cursor: pointer;                /* 滑鼠指標 */
	transition: background-color 0.2s ease;
	letter-spacing: 1px;
}

.stButton1:hover {
	background-color: #D8262C;      /* 滑鼠移上去時變深藍 */
}

.stButton1:disabled {
	background-color: #ccc;
	cursor: not-allowed;
}






/*  obnews */


.newsalldiv{
	width:100%;
	height:auto;
	margin:10px 0; 
	padding:0; 

}


/*  */

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


.obnewsbox{
	width:47%;
	height:auto;
	margin:10px 1%; 
	padding:0 0 10px 0; 
	float:left;
	/*-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
	border-radius: 10px;	
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.3);
	box-shadow: 0 1px 2px rgba(0,0,0,.3);
	border: solid 1px #fff;*/
	background-color: #fff;
	min-height:18vw;
	-webkit-box-shadow: 0 1px 1px rgba(200,200,200,.3);
	-moz-box-shadow: 0 1px 1px rgba(200,200,200,.3);
	box-shadow: 0 1px 1px rgba(200,200,200,.3);
}


.obnewsboximg{
	width:100%; 
	height:auto;
	margin:0; 	
	padding:0;
	border: solid 2px #fff;
}

.obnewsboximg img{
	width:100%; 
	height:auto;
	margin:0;
	padding:0;
	border:0; 	
	/*-webkit-border-radius: 10px 10px 0 0; 
	-moz-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;	*/
	object-fit: contain;
}

.obnewsboxtitle{
	display:block;
	width:100%; 
	height:auto;
	min-height:80px;
	margin:0; 	
	padding:5px 5% 10px 5%;
	color:#1F4396!important;
	font-size:18px;
	line-height:24px;
	font-weight:500;
	text-align: left; 
	letter-spacing:1px;
}

.obnewsboxtitle .oname{
	display:block;
	width:100%; 
	height:auto;
	margin:0; 	
	padding:2px 0 5px 0;
	text-align:left; 
	font-size:18px;
	font-weight:500;
	color:#1F4396!important;
}

.obnewsboxtitle .oaddr{display:block;font-size:15px;color:#111!important;font-weight:500;}
.obnewsboxtitle .other{display:block;font-size:13px;color:#595959!important;font-weight:300;}
.obnewsboxtitle .oprice{
	display:block;
	width:100%; 
	height:auto;
	margin:0; 	
	padding:0;
	text-align:right; 
	font-size:24px;
	font-weight:500;
	color:#D8262C!important;
	letter-spacing:0px;
}

.odate{
	display:block;
	width:100%; 
	height:auto;
	margin:0; 	
	padding:0;
	text-align:right; 
	font-size:14px;
	font-weight:500;
	color:#888!important;
	letter-spacing:0px;
}

}


@media (min-width: 768px) and (max-width:1400px) {

.obnewsbox{
	width:31%;
	height:auto;
	margin:10px 1%; 
	padding:0 0 10px 0; 
	float:left;
	/*-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
	border-radius: 10px;	
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.3);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.3);
	box-shadow: 0 1px 2px rgba(0,0,0,.3);
	border: solid 1px #fff;*/
	background-color: #fff;
	min-height:18vw;
	-webkit-box-shadow: 0 1px 1px rgba(200,200,200,.3);
	-moz-box-shadow: 0 1px 1px rgba(200,200,200,.3);
	box-shadow: 0 1px 1px rgba(200,200,200,.3);
}


.obnewsboximg{
	width:100%; 
	height:auto;
	margin:0; 	
	padding:0;
	border: solid 2px #fff;
}

.obnewsboximg img{
	width:100%; 
	height:auto;
	margin:0;
	padding:0;
	border:0; 	
	/*-webkit-border-radius: 10px 10px 0 0; 
	-moz-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;	*/
	object-fit: contain;
}

.obnewsboxtitle{
	display:block;
	width:100%; 
	height:auto;
	min-height:80px;
	margin:0; 	
	padding:5px 5% 10px 5%;
	color:#1F4396!important;
	font-size:18px;
	line-height:24px;
	font-weight:500;
	text-align: left; 
	letter-spacing:1px;
}

.obnewsboxtitle .oname{
	display:block;
	width:100%; 
	height:auto;
	margin:0; 	
	padding:2px 0 5px 0;
	text-align:left; 
	font-size:18px;
	font-weight:500;
	color:#1F4396!important;
}

.obnewsboxtitle .oaddr{display:block;font-size:15px;color:#111!important;font-weight:500;}
.obnewsboxtitle .other{display:block;font-size:13px;color:#595959!important;font-weight:300;}
.obnewsboxtitle .oprice{
	display:block;
	width:100%; 
	height:auto;
	margin:0; 	
	padding:0;
	text-align:right; 
	font-size:24px;
	font-weight:500;
	color:#D8262C!important;
	letter-spacing:0px;
}

.odate{
	display:block;
	width:100%; 
	height:auto;
	margin:0; 	
	padding:0;
	text-align:right; 
	font-size:14px;
	font-weight:500;
	color:#888!important;
	letter-spacing:0px;
}

}


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

.obnewsbox{
	width:31%;
	height:auto;
	margin:10px 1%; 
	padding:0 0 10px 0; 
	float:left;
	/*-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
	border-radius: 10px;	
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.3);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.3);
	box-shadow: 1px 1px 2px rgba(0,0,0,.3);
	border: solid 1px #fff;*/
	background-color: #fff;
	min-height:18vw;
	-webkit-box-shadow: 0 1px 1px rgba(200,200,200,.3);
	-moz-box-shadow: 0 1px 1px rgba(200,200,200,.3);
	box-shadow: 0 1px 1px rgba(200,200,200,.3);
}


.obnewsboximg{
	width:100%; 
	height:auto;
	margin:0; 	
	padding:0;
	border: solid 2px #fff;
}

.obnewsboximg img{
	width:100%; 
	height:auto;
	margin:0;
	padding:0;
	border:0; 	
	/*-webkit-border-radius: 10px 10px 0 0; 
	-moz-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;	*/
	object-fit: contain;
}

.obnewsboxtitle{
	display:block;
	width:100%; 
	height:auto;
	min-height:80px;
	margin:0; 	
	padding:5px 5% 10px 5%;
	color:#1F4396!important;
	font-size:20px;
	line-height:24px;
	font-weight:500;
	text-align: left; 
	letter-spacing:1px;
}

.obnewsboxtitle .oname{
	display:block;
	width:100%; 
	height:auto;
	margin:0; 	
	padding:2px 0 5px 0;
	text-align:left; 
	font-size:20px;
	font-weight:500;
	color:#1F4396!important;
}

.obnewsboxtitle .oaddr{display:block;font-size:16px;color:#111!important;font-weight:500;}
.obnewsboxtitle .other{display:block;font-size:14px;color:#595959!important;font-weight:300;}
.obnewsboxtitle .oprice{
	display:block;
	width:100%; 
	height:auto;
	margin:0; 	
	padding:0;
	text-align:right; 
	font-size:27px;
	font-weight:500;
	color:#D8262C!important;
	letter-spacing:0px;
}


.odate{
	display:block;
	width:100%; 
	height:auto;
	margin:0; 	
	padding:0;
	text-align:right; 
	font-size:14px;
	font-weight:500;
	color:#888!important;
	letter-spacing:0px;
}



}

.obnewsboxtitle a{color:#1F4396!important;text-decoration: none;}


.obnewsbox:hover{
	transition: .5s;
	animation: flashborder2 1.2s infinite alternate;
	box-shadow: 0px 2px 10px 5px #85BBD6;
}



@keyframes flashborder2 {
  0% {
    border-color: #ffffff; 
  }
  33% {
    border-color: #CFFFED; 
  }
  66% {
    border-color: #85BBD6; 
  }
  100% {
    border-color: #CFFFED; 
  }
}





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


.obnewscontent{
	width:96%;
	height:auto;
	margin:10px 2%; 
	padding:10px 0 30px 0; 

}


.obnewscontenttitle{
	width:100%; 
	height:auto;
	margin:0; 	
	padding:0;
	color:#111;
	font-size:25px;
	line-height:38px;
	font-weight:500;
	text-align: center; 
	letter-spacing:1px;
}

.obnewscontentimg{
	width:100%; 
	height:auto;
	margin:0; 	
	padding:0;
}

.obnewscontentimg img{
	width:100%; 
	height:auto;
	margin:0;
	padding:0;
	border:0; 	
}

.obnewscontentdesc{
	width:100%; 
	height:auto;
	margin:0; 	
	padding:0;
	color:#fff;
	font-size:16px;
	line-height:25px;
	font-weight:300;
	text-align: left; 
	letter-spacing:1px;
}

.obnewscontentdesc a{color:#111;}
.obnewscontentdesc a:hover{color:##F31702;}

.obnewscontentimg img{
	width:100%; 
	height:auto;
	margin:0;
	padding:0;
	border:0; 	
}



}



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


.obnewscontent{
	width:100%;
	height:auto;
	margin:10px 0; 
	padding:10px 0 30px 0; 

}


.obnewscontenttitle{
	width:100%; 
	height:auto;
	margin:0; 	
	padding:0;
	color:#111;
	font-size:25px;
	line-height:38px;
	font-weight:500;
	text-align: center; 
	letter-spacing:1px;
}

.obnewscontentimg{
	width:90%; 
	height:auto;
	margin:0 5%; 	
	padding:0;
}

.obnewscontentimg img{
	width:100%; 
	height:auto;
	margin:0;
	padding:0;
	border:0; 	
}

.obnewscontentdesc{
	width:90%; 
	height:auto;
	margin:0 5%; 	
	padding:0;
	color:#fff;
	font-size:16px;
	line-height:25px;
	font-weight:300;
	text-align: left; 
	letter-spacing:1px;
}

.obnewscontentdesc a{color:#111;}
.obnewscontentdesc a:hover{color:##F31702;}

.obnewscontentimg img{
	width:100%; 
	height:auto;
	margin:0;
	padding:0;
	border:0; 	
}


}



.obnewscontenttitle a{color:#111;}



.obnewsmark{
	display:block;
	position: absolute;
	width:50px;
	height:auto;
	margin:15px 0 0 0; 	
	padding:2px;
	color:#fff;
	font-size:14px;
	line-height:14px;
	font-weight:700;
	text-align: center; 
	letter-spacing:1px;	 
	background:#5D3E27!important;
	-webkit-border-radius: 0  5px 5px 0; 
	-moz-border-radius: 0  5px 5px 0;
	border-radius: 0  5px 5px 0;
	z-index:90;
}





/* 最新消息內容 */

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

.newsctitlediv{
	width:96%;
	height:auto;
	margin:0 2%; 
	padding:8px 0; 
	text-align:left;
	color:#1F4396!important;
	line-height:28px!important;
	font-size:20px!important;
	font-weight:500;
	letter-spacing:0px;
	border-bottom:1px solid #ccc;
	
}

.newsctitlediv span{
	font-size:16px;
	color:#386900;
	padding:0 5px 0 0;
}

.newscdatediv{
	width:100%;
	height:auto;
	text-align:left;	
}

.newscdate1{
	width:100%;
	height:auto;
	text-align:left;
}

.newscdate2{
	width:98%;
	height:auto;
	padding:10px 2% 0 0; 
	text-align:right;
	color:#333;
	line-height:24px;
	font-size:14px;
	font-weight:300;
	letter-spacing:1px;
}

.newscdescdiv{
	width:96%;
	height:auto;
	margin:0 2%;
	text-align:left;
	padding:15px 0 25px 0;
	line-height:31px;
	font-size:16px;
	font-weight:500;
	letter-spacing:0px;
	color:#111;
}

.newscdescdiv b{font-weight:700;}

.newscdescdivtitle{
	dispaly:block;
	width:120px;
	height:auto;
	margin:3px 0;
	text-align:center;
	padding:3px 0;
	font-size:18px;
	font-weight:700;
	letter-spacing:5px;
	color:#fff;
	background-color:#00B4E1;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.newscdescdiv img{
	width:100%!important;
	height:auto!important;
	margin:0!important; 
	padding:8px 0!important; 

}

}

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


.newsctitlediv{
	width:96%;
	height:auto;
	margin:0 2%; 
	padding:3px 0; 
	text-align:left;
	color:#1F4396!important;
	line-height:32px!important;
	font-size:24px!important;
	font-weight:500;
	letter-spacing:1px;
	border-bottom:1px solid #eee;
	
}

.newsctitlediv span{
	font-size:16px;
	color:#386900;
	padding:0 5px 0 0;
}

.newscdatediv{
	width:100%;
	height:auto;
	text-align:left;	
}

.newscdate1{
	width:100%;
	height:auto;
	text-align:left;
}

.newscdate2{
	width:98%;
	height:auto;
	padding:10px 2% 0 0; 
	text-align:right;
	color:#333;
	line-height:24px;
	font-size:14px;
	font-weight:300;
	letter-spacing:1px;
}

.newscdescdiv{
	width:96%;
	height:auto;
	margin:0 2%;
	text-align:left;
	padding:15px 0 25px 0;
	line-height:31px;
	font-size:18px;
	font-weight:500;
	letter-spacing:1px;
	color:#111;
}

.newscdescdiv b{font-weight:700;}


.newscdescdivtitle{
	dispaly:block;
	width:120px;
	height:auto;
	margin:3px 0;
	text-align:center;
	padding:3px 0;
	font-size:18px;
	font-weight:700;
	letter-spacing:5px;
	color:#fff;
	background-color:#00B4E1;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

.newscdescdiv img{
	width:100%;
	height:auto;
	margin:0; 
	padding:8px 0; 

}


}


.newsimgdiv{	
	width:100%;
	height:auto;
	margin:0; 
	padding:8px 0; 
	text-align:center; 
}

.newsimgdiv img{	
	max-width:100%;
	height:auto;
	margin:0 auto; 
	padding:0; 
	text-align:center; 
}



.newscontentdiv{
	width:100%;
	height:auto;
	margin:5px 0;
	padding:0;
	/*background:#fff; */
}






.stButton1 {
	background-color: #0056b3;      /* 背景藍色 */
	color: white;                   /* 字體白色 */
	border: none;                   /* 無邊框 */
	padding: 2px 20px;             /* 上下10px、左右20px */
	font-size: 16px;                /* 字體大小 */
	border-radius: 5px;             /* 圓角 */
	cursor: pointer;                /* 滑鼠指標 */
	transition: background-color 0.2s ease;
	letter-spacing: 1px;
}

.stButton1:hover {
	background-color: #D8262C;      /* 滑鼠移上去時變深藍 */
}

.stButton1:disabled {
	background-color: #ccc;
	cursor: not-allowed;
}






/*  */

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


}

@media (min-width: 768px) and (max-width:1400px) {

}

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





}