/*  */

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


body{
	background-image : url(../images/ibggray.jpg); 
	background-repeat : repeat;
	background-position: center 80px;
}



}


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



body{
	background-image : url(../images/ibggray.jpg); 
	background-repeat : repeat;
	background-position: center 320px;
}



}







/*  */

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

.sradiolist {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 0px; /* 垂直10px、水平20px 間距 */
  padding: 2px 3px;
}

/* 每個選項包裝在 span 中，讓對齊更好 */
.sradiolist span {
	display: flex;
	align-items: left;
	min-width: 100px; /* 每項寬度，可調整 */
}

/* 選項樣式 */
.sradiolist input[type="radio"] {
  margin-left: 8px;
}

.sradiolist label {
  cursor: pointer;
}


.sCheckBox {
 	display: flex;
	flex-wrap: wrap;
 	gap: 3px 5px; /* 垂直10px、水平20px 間距 */
	padding: 2px 0px;
}

.sCheckBox label {
 	display: flex;
 	align-items: center;
	padding: 4px 4px;
 	border: 1px solid #ccc;
 	border-radius: 4px;
	background-color: #f8f8f8;
	margin: 2px 5px 2px 0px!important;
 	cursor: pointer;
 	transition: background-color 0.2s ease;
	white-space: nowrap;  /* 防止斷行 */
 	flex-shrink: 0;
	font-size: 16px !important;
	color:#333;
}

.sCheckBox label:hover {
	background-color: #e6f7ff;
}

.sCheckBox input[type="checkbox"] {
	margin-right: 0px;
	background:#fff;
}



.stDDList{
	position: relative;
  	width: auto;
  	padding: 2px 8px !important;
  	font-size: 16px !important;
	border: 1px solid #ccc !important;
	border-radius: 4px !important;
	background-color: #f8f8f8 !important;
	margin: 2px 10px 2px 2px !important;
  	color: #333 !important;
  	appearance: none;           /* 去除預設樣式（部分瀏覽器） */
	-webkit-appearance: none;   /* Safari / Chrome */
	-moz-appearance: none;      /* Firefox */
	background-image: url('data:image/svg+xml;utf8,<svg fill="black" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>') !important;
	background-repeat: no-repeat !important;
	background-position: right 10px center !important;
	background-size: 24px !important;
	padding-right: 36px !important; 
}



.searchdiv{
	display:block;
	/*position: absolute;*/
	width:94%;
	height:auto;
	min-height:200px;
	margin:-50px 3% 5px 3%;
	padding:8px 2%; 
	border:2px solid #595959;
	/*background:#fff!important;*/
	background: rgba(255, 255, 255, 0.95) !important;
	-webkit-border-radius: 15px; 
	-moz-border-radius: 15px;
	border-radius: 15px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	transition: .3s;
	animation: flash-border 1.8s infinite alternate;
}


.searchdivitem{
	width:100%;
	height:auto;	
	margin:0;
	padding:5px 2px; 	

}

.searchdivitem1{
	display:block;
	width:100%;
	height:auto;
	margin:0;
	padding:2px 0; 
	/*background: rgba(255, 255, 255, 1) !important;*/
	font-size:18px;
	line-height:25px;
	font-weight:700;
	text-align: left; 
	letter-spacing:2px;
	color:#D8262C;
}

.searchdivitem2{
	display:block;
	width:100%;
	height:auto;
	margin:0;
	padding:2px 0;
	/*background: rgba(255, 255, 255, 1) !important;*/
	font-size:16px;
	line-height:25px;
	font-weight:500;
	text-align: left; 
	letter-spacing:0px;	
}



}

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

.sradiolist {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 0px; /* 垂直10px、水平20px 間距 */
  padding: 2px 10px;
}

/* 每個選項包裝在 span 中，讓對齊更好 */
.sradiolist span {
  display: flex;
  align-items: center;
  min-width: 120px; /* 每項寬度，可調整 */
}

/* 選項樣式 */
.sradiolist input[type="radio"] {
  margin-left: 12px;
}

.sradiolist label {
  cursor: pointer;
}



.sCheckBox {
  display: flex;
  flex-wrap: wrap;
  gap: 3px 5px; /* 垂直10px、水平20px 間距 */
  padding: 2px 0px;
}

.sCheckBox label {
 	display: flex;
 	align-items: center;
 	padding: 4px 15px;
 	border: 1px solid #ccc;
 	border-radius: 4px;
 	background-color: #f8f8f8;
 	margin: 5px 15px 5px 0px!important;
 	cursor: pointer;
 	transition: background-color 0.2s ease;
 	white-space: nowrap;  /* 防止斷行 */
	flex-shrink: 0;
 	font-size: 20px !important;
	color:#333;
}

.sCheckBox label:hover {
  background-color: #e6f7ff;
}

.sCheckBox input[type="checkbox"] {
	margin-right: 0px;
	background:#fff;
}


.stDDList{
	position: relative;
  	width: auto;
  	padding: 4px 8px !important;
  	font-size: 20px !important;
	border: 1px solid #ccc !important;
	border-radius: 4px !important;
	background-color: #f8f8f8 !important;
	margin: 5px 10px 5px 2px !important;
  	color: #333 !important;
  	appearance: none;           /* 去除預設樣式（部分瀏覽器） */
	-webkit-appearance: none;   /* Safari / Chrome */
	-moz-appearance: none;      /* Firefox */
	background-image: url('data:image/svg+xml;utf8,<svg fill="black" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>') !important;
	background-repeat: no-repeat !important;
	background-position: right 10px center !important;
	background-size: 24px !important;
	padding-right: 36px !important; 
}



.searchdiv{
	display:block;
	/*position: absolute;*/
	width:90%;
	height:auto;
	min-height:200px;
	margin:-90px 5% 10px 5%;
	padding:25px 5%;
	border:2px solid #595959;
	/*background:#fff!important;*/
	background: rgba(255, 255, 255, 0.95) !important;
	-webkit-border-radius: 15px; 
	-moz-border-radius: 15px;
	border-radius: 15px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	transition: .3s;
	animation: flash-border 1.8s infinite alternate;
}


.searchdivitem{
	width:100%;
	height:auto;	
	margin:0;
	padding:5px 2px; 	

}

.searchdivitem1{
	display:block;
	width:20%;
	height:auto;
	float:left;
	margin:0;
	padding:5px 0; 
	/*background: rgba(255, 255, 255, 1) !important;*/
	font-size:20px;
	line-height:28px;
	font-weight:700;
	text-align: center; 
	letter-spacing:3px;
	color:#D8262C;
}

.searchdivitem2{
	display:block;
	width:80%;
	height:auto;
	float:left;
	margin:0;
	padding:5px 0;
	/*background: rgba(255, 255, 255, 1) !important;*/
	font-size:20px;
	line-height:28px;
	font-weight:500;
	text-align: left; 
	letter-spacing:2px;	
}



}

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


.sradiolist {
  display: flex;
  flex-wrap: wrap;
  gap: 6px 10px; /* 垂直10px、水平20px 間距 */
  padding: 2px 10px;
}

/* 每個選項包裝在 span 中，讓對齊更好 */
.sradiolist span {
  display: flex;
  align-items: center;
  min-width: 120px; /* 每項寬度，可調整 */
}

/* 選項樣式 */
.sradiolist input[type="radio"] {
  margin-left: 8px;
}

.sradiolist label {
  display: flex;
  align-items: center;
  padding: 4px 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background-color: #f8f8f8;
  margin: 5px 10px 5px 2px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}



.sCheckBox {
  display: flex;
  flex-wrap: wrap;
  gap: 3px 5px; /* 垂直10px、水平20px 間距 */
  padding: 2px 0px;
}

.sCheckBox label {
	display: flex;
	align-items: center;
	padding: 4px 15px;
	border: 1px solid #ccc;
	border-radius: 4px;
 	background-color: #f8f8f8;
	margin: 5px 15px 5px 0px!important;
 	cursor: pointer;
 	transition: background-color 0.2s ease;
 	white-space: nowrap;  /* 防止斷行 */
 	flex-shrink: 0;
	font-size: 20px !important;
	color:#333;
}

.sCheckBox label:hover {
  background-color: #e6f7ff;
}

.sCheckBox input[type="checkbox"] {
	margin-right: 0px;
	background:#fff;
}



.stDDList{
	position: relative;
  	width: auto;
  	padding: 4px 8px !important;
  	font-size: 20px !important;
	border: 1px solid #ccc !important;
	border-radius: 4px !important;
	background-color: #f8f8f8 !important;
	margin: 5px 10px 5px 2px !important;
  	color: #333 !important;
  	appearance: none;           /* 去除預設樣式（部分瀏覽器） */
	-webkit-appearance: none;   /* Safari / Chrome */
	-moz-appearance: none;      /* Firefox */
	background-image: url('data:image/svg+xml;utf8,<svg fill="black" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>') !important;
	background-repeat: no-repeat !important;
	background-position: right 10px center !important;
	background-size: 24px !important;
	padding-right: 36px !important; 
}



.searchdiv{
	display:block;
	/*position: absolute;*/
	width:90%;
	height:auto;
	min-height:200px;
	margin:-100px 5% 10px 5%;
	padding:25px 5%; 
	border:2px solid #595959;
	/*background:#fff!important;*/
	background: rgba(255, 255, 255, 0.95) !important;
	-webkit-border-radius: 15px; 
	-moz-border-radius: 15px;
	border-radius: 15px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	transition: .3s;
	animation: flash-border 1.8s infinite alternate;
}


.searchdivitem{
	width:100%;
	height:auto;	
	margin:0;
	padding:0px 2px; 	

}

.searchdivitem1{
	display:block;
	width:20%;
	height:auto;
	float:left;
	margin:0;
	padding:5px 0; 
	/*background: rgba(255, 255, 255, 1) !important;*/
	font-size:20px;
	line-height:28px;
	font-weight:700;
	text-align: center; 
	letter-spacing:3px;
	color:#D8262C;
}

.searchdivitem2{
	display:block;
	width:80%;
	height:auto;
	float:left;
	margin:0;
	padding:5px 0;
	/*background: rgba(255, 255, 255, 1) !important;*/
	font-size:20px;
	line-height:28px;
	font-weight:500;
	text-align: left; 
	letter-spacing:2px;	
}


}




.searchtxtinput {
	background-image: url(../images/sicon.png); 
	background-repeat: no-repeat;
	background-position: 10px center;
	background-size: 18px 18px;
	padding-left: 35px; 
	height: 36px;
	font-size: 16px;
	color: #333;
	border: 1px solid #ccc;
	border-radius: 5px;
	background:#fff;
}

.searchtxtinput::placeholder {
  color: #aaa;
  font-style: italic;
}




@keyframes flash-border {
  0% {
    border-color: #ffff; 
  }
  33% {
    border-color: #EEE3CF; 
  }
  66% {
    border-color: #D7CDBB; 
  }
  100% {
    border-color: #EEE3CF; 
  }
}

@keyframes animated-border {
  0% {
    box-shadow: 0 0 0 0 rgba(255,255,255,0.4);
  }
  100% {
     box-shadow: 0 0 0 20px rgba(255,255,255,0);
  }
}


/*  */

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

.idxaboutimg1{
	width:50%;
	height:auto;
	padding:0;
	margin:15px 25% 5px 25%;	
}


.idxaboutimg2{
	width:100%;
	height:auto;
	padding:0 0 15px 0;
	margin:0;	
}



.idxabouttitle{
	display: flex;                    /* 使用 Flexbox */
	justify-content: center;          /* 水平置中 */
	align-items: center;              /* 垂直置中 */
	width:60px;
	height:60px;
	padding:5px 2%;
	margin:0 0 0 2%;
	background-color:#D8262C!important;
	color: #fff !important;
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: 500;
	line-height: 21px;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
	border-radius: 10px;	
}

.idxaboutdesc{
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	color: #595959 !important;
	font-size: 14px;
	letter-spacing: 1px;
	font-weight: 500;
	line-height: 18px;
}




.idsnewsdiv{
	display:block;
	width:98%;
	height:auto;
	min-height:300px;
	padding:5px 2%;
	margin:20px 0 0 2%;
	background-color:#fff!important;
	-webkit-box-shadow: 2px 2px 4px rgba(100,100,100,.4)!important;
	-moz-box-shadow: 2px 2px 4px rgba(100,100,100,.4)!important;
	box-shadow: 2px 2px 4px rgba(100,100,100,.4)!important;
	border: 1px solid #f8f8f8;
}

.idsnewstitlediv{
    display: flex;
    align-items: flex-end;     /* 垂直靠底 */
    justify-content: space-between; /* 左右分散 */
    flex-wrap: wrap;           /* 避免過長時擠成一行 */
    width: 100%;
    padding: 15px 0 0 0;
    margin: 0;
    color: #888 !important;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 500;
    line-height: 40px;
    gap: 8px;
}

.idsnewstitlediv img{
	width:auto;
	height:40px;
	padding:0;
	margin:0;
}

.idsnewstitlediv span{
	color:#1F4396!important;
	font-size:36px;
	letter-spacing:1px;   
	font-weight:700;
	line-height:40px;	
}

.idsnewstitlediv a {
    margin-left: auto;  
    align-self: flex-end; 
    color: #1F4396;
    font-size: 14px;
    text-decoration: none;
}





}

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

.idxaboutimg1{
	width:60%;
	height:auto;
	padding:0;
	margin:0 20%;	
}


.idxaboutimg2{
	width:100%;
	height:auto;
	padding:0 0 5px 0;
	margin:0;	
}

.idxabouttitle{
	display: flex;                    /* 使用 Flexbox */
	justify-content: center;          /* 水平置中 */
	align-items: center;              /* 垂直置中 */
	width:60px;
	height:60px;
	padding:5px 2%;
	margin:0 0 0 2%;
	background-color:#D8262C!important;
	color: #fff !important;
	font-size: 16px;
	letter-spacing: 1px;
	font-weight: 500;
	line-height: 21px;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
	border-radius: 10px;	
}

.idxaboutdesc{
	width:100%;
	height:auto;
	padding:0;
	margin:0;
	color: #595959 !important;
	font-size: 14px;
	letter-spacing: 1px;
	font-weight: 500;
	line-height: 18px;
}




.idsnewsdiv{
	width:98%;
	height:auto;
	min-height:300px;
	padding:5px 2%;
	margin:0 0 0 2%;
	background-color:#fff!important;
	-webkit-box-shadow: 2px 2px 4px rgba(100,100,100,.4)!important;
	-moz-box-shadow: 2px 2px 4px rgba(100,100,100,.4)!important;
	box-shadow: 2px 2px 4px rgba(100,100,100,.4)!important;
	border: 1px solid #f8f8f8;
}

.idsnewstitlediv{
    display: flex;
    align-items: flex-end;     /* 垂直靠底 */
    justify-content: space-between; /* 左右分散 */
    flex-wrap: wrap;           /* 避免過長時擠成一行 */
    width: 100%;
    padding: 15px 0 0 0;
    margin: 0;
    color: #888 !important;
    font-size: 14px;
    letter-spacing: 1px;
    font-weight: 500;
    line-height: 40px;
    gap: 8px;
}

.idsnewstitlediv img{
	width:auto;
	height:40px;
	padding:0;
	margin:0;
}

.idsnewstitlediv span{
	color:#1F4396!important;
	font-size:36px;
	letter-spacing:1px;   
	font-weight:700;
	line-height:40px;	
}

.idsnewstitlediv a {
    margin-left: auto;  
    align-self: flex-end; 
    color: #1F4396;
    font-size: 14px;
    text-decoration: none;
}


}


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


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


.idxaboutdesc a{color: #595959;}
.idxaboutdesc a:hover{color: #D8262C;}
.idsnewstitlediv a:hover{color: #D8262C;}




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

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

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



/*  */

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

.idxfbndiv {
	position: relative;
	width: 100%;
	height:auto;
	min-height:50vw; 
	background-image: url('../images/idxtitlebn_m.jpg');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative; 

}

.idxfbndiv2 {
	position: relative;
	width: 22vw;
	margin: 0 0 0 62vw; 
	padding-top: 8vw; 
}

.idxfbndiv2 img {
	width: 100%;
	height: auto;
	display: block;
}



}

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


.idxfbndiv {
	position: relative;
	width: 100%;
	height:auto;
	min-height:28vw; 
	background-image: url('../images/idxtitlebn.jpg');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative; 

}

.idxfbndiv2 {
	position: relative;
	width: 11vw;
	margin: 0 0 0 60vw; 
	padding-top: 5vw; 
}

.idxfbndiv2 img {
	width: 100%;
	height: auto;
	display: block;
}



}

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



.idxfbndiv {
	position: relative;
	width: 100%;
	height:auto;
	min-height:28vw; 
	background-image: url('../images/idxtitlebn.jpg');
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	position: relative; 

}

.idxfbndiv2 {
	position: relative;
	width: 11vw;
	margin: 0 0 0 60vw; 
	padding-top: 5vw; 
}

.idxfbndiv2 img {
	width: 100%;
	height: auto;
	display: block;
}


}












/*  */

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



.idxTRANSACTIONtitlediv{
	display:block;
	width:100%;
	height:auto;
	min-height:200px;
	margin:0; 
	padding:50px 0 10px 0; 
	font-size: 30px!important;
	letter-spacing: 1px!important;
	font-weight: 500!important;
	line-height: 40px!important;
	color: #111!important;	
	background-image: url('../images/idxTRANSACTION.png');
	background-size: 100%;
	background-position: center 140px;
	background-repeat: no-repeat;
	text-align: center;
}

.idxTRANSACTIONtitlediv span{
	display:block;
	padding:10px 0 10px 0; 	
	margin:0 auto; 
	text-align: center;
	font-size: 16px!important;
	letter-spacing: 0px!important;
	font-weight: 500!important;
	line-height: 21px!important;
	color: #111!important;	
	
}

.idxTRANSACTIONmore {
	display: flex;
	justify-content: center;    
	align-items: center;       
	width: 80px !important;
	height: 80px !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 0;
	border-radius: 80px;
	-moz-border-radius: 80px;
	-webkit-border-radius: 80px;
	color: #fff !important;
	font-size: 14px !important;
	letter-spacing: 0px;
	font-weight: 500;
	text-align: center !important;
	text-decoration: none !important;
	font-family: "Abril Fatface", serif;
	background: #FFCC33;
	transition: background 0.3s ease, color 0.3s ease; 
}

.idxTRANSACTIONmore-wrapper {
	display: flex;
	justify-content: flex-end;
}



}

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




.idxTRANSACTIONtitlediv{
	display:block;
	width:100%;
	height:auto;
	min-height:220px;
	margin:0; 
	padding:60px 0 10px 0; 
	font-size: 35px!important;
	letter-spacing: 2px!important;
	font-weight: 500!important;
	line-height: 48px!important;
	color: #111!important;	
	background-image: url('../images/idxTRANSACTION.png');
	background-size: 80%;
	background-position: center 140px;
	background-repeat: no-repeat;
	text-align: center;
}

.idxTRANSACTIONtitlediv span{
	display:block;
	padding:10px 0 10px 0; 	
	margin:0 auto; 
	text-align: center;
	font-size: 16px!important;
	letter-spacing: 1px!important;
	font-weight: 500!important;
	line-height: 21px!important;
	color: #111!important;	
	
}

.idxTRANSACTIONmore {
	display: flex;
	justify-content: center;    
	align-items: center;       
	width: 80px !important;
	height: 80px !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 0;
	border-radius: 80px;
	-moz-border-radius: 80px;
	-webkit-border-radius: 80px;
	color: #fff !important;
	font-size: 14px !important;
	letter-spacing: 0px;
	font-weight: 500;
	text-align: center !important;
	text-decoration: none !important;
	font-family: "Abril Fatface", serif;
	background: #FFCC33;
	transition: background 0.3s ease, color 0.3s ease; 
}

.idxTRANSACTIONmore-wrapper {
	display: flex;
	justify-content: flex-end;
}



}

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



.idxTRANSACTIONtitlediv{
	display:block;
	width:100%;
	height:auto;
	min-height:240px;
	margin:0; 
	padding:80px 0 10px 0; 
	font-size: 38px!important;
	letter-spacing: 5px!important;
	font-weight: 500!important;
	line-height: 48px!important;
	color: #111!important;	
	background-image: url('../images/idxTRANSACTION.png');
	background-size: 80%;
	background-position: center 150px;
	background-repeat: no-repeat;
	text-align: center;
}

.idxTRANSACTIONtitlediv span{
	display:block;
	padding:10px 0 10px 0; 	
	margin:0 auto; 
	text-align: center;
	font-size: 16px!important;
	letter-spacing: 3px!important;
	font-weight: 500!important;
	line-height: 21px!important;
	color: #111!important;	
	
}

.idxTRANSACTIONmore {
	display: flex;
	justify-content: center;    
	align-items: center;       
	width: 80px !important;
	height: 80px !important;
	padding: 0 !important;
	margin: 0 !important;
	border: 0;
	border-radius: 80px;
	-moz-border-radius: 80px;
	-webkit-border-radius: 80px;
	color: #fff !important;
	font-size: 14px !important;
	letter-spacing: 0px;
	font-weight: 500;
	text-align: center !important;
	text-decoration: none !important;
	font-family: "Abril Fatface", serif;
	background: #FFCC33;
	transition: background 0.3s ease, color 0.3s ease; 
}

.idxTRANSACTIONmore-wrapper {
	display: flex;
	justify-content: flex-end;
}





}


.idxTRANSACTIONmore:hover{
	background: #D8262C; 	
}


/*  obnews */



/*  */

@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;
}



}


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

.obnewsbox{
	width:23%;
	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;
}



}


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

.obnewsbox{
	width:23%;
	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;
}






}

.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;
}





/*  */

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




}

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




}

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





}