@charset "utf-8";
/* --------------------------------------------RESET-------------------------------------------- */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset, img {border:0;}
/*address, caption, cite, code, dfn, em, strong, th, var {font-style:normal;font-weight:normal;}*/
ol, ul {list-style:none;}
caption, th {text-align:left;}
h1, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
h2 {font-size: 100%}
q:before, q:after {content:'';}
abbr, acronym {border:0;}
/* ------------------------------------------RESET END-------------------------------------------- */




@media screen and (max-width: 768px) {
    /* 手機樣式 */
    body {
        font-size:18px;
    }
	.news2 .column {
		width: 100%;
		display: block;
		 margin-bottom: 16px;
          padding: 0 8px;
    }
	.news2 .card {
	  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	  min-height: 460px;
	}
	.news2 .c_sub{
	   position: relative;
	   font-family: Microsoft JhengHei;
	   width:100%;
	   font-size: 24px;
	   text-align:center;
	   vertical-align : middle;
	   font-weight: bold;
	}	
	
	.news01 .b_news01_date{
		 color: grey;
		 font-size: 12px;
		  font-weight: bold;
		  margin-top: 3px;
			border : 1px;
			background-color: #f1f1f1;
			border-radius: 5px;
			padding: 3px;
	}	
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
    /* 平板樣式 */
    body {
        font-size: 18px;

    }
	.news2 .column {
		width: 50%;
		display: block;
	 margin-bottom: 16px;
  padding: 0 8px;	
    }
	.news2 .card {
	  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	  min-height: 400px;
	}
	.news2 .c_sub{
	   position: relative;
	   font-family: Microsoft JhengHei;
	   width:100%;
	   font-size: 20px;
	   text-align:center;
	   vertical-align : middle;
	   font-weight: bold;
	}	
	
	.news01 .b_news01_date{
		 color: grey;
		 font-size: 14px;
		  font-weight: bold;
		  margin-top:3px;
	border : 1px;
	background-color: #f1f1f1;
	border-radius: 5px;
	padding: 3px;
	}	
}

@media screen and (min-width: 1201px) {
    /* 桌面樣式 */
    body {
        font-size: 18px;
		
    }
	.news2 .column {
		width: 33.3%;
		display: block;
		 margin-bottom: 16px;
         padding: 0 8px;
    }
	.news2 .card {
	  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
	  min-height: 380px;
	}	
	.news2 .c_sub{
	   position: relative;
	   font-family: Microsoft JhengHei;
	   width:100%;
	   font-size: 18px;
	   text-align:center;
	   vertical-align : middle;
	   font-weight: bold;
	  
	}
	
	.news01 .b_news01_date{
		 color: grey;
		 font-size: 14px;
		  font-weight: bold;
 margin-top: 3px;
	border : 1px;
	background-color: #f1f1f1;
	border-radius: 5px;
	padding: 3px;
	}	
}



.news2 .card:hover {
 background-color: #f2f2f2;
} 
.news2 .title {
  color: grey;
  font-size: 16px;
 /* border-bottom: 1px solid #f2f2f2; */
  
}

.news2 .card:hover {
 background-color: #f2f2f2;
} 


/*
.news2 .container {
  padding: 0 16px;
}

.news2 .container::after, .row::after {
  content: "";
  clear: both;
  display: table;
}

.news2 .title {
  color: grey;
}

.news2 .cbot {
  border: none;
  outline: 0;
  display: inline-block;
  padding: 8px;
  color: #fff;
   background-color: #555; 
  text-align: center;
  cursor: pointer;
  width: 100%;
   border-bottom-left-radius:5px ;
border-bottom-right-radius: 5px;
}
.news2 .cbot:hover {
  background-color: #666;
}

*/




.news2 .card:hover img {
	opacity: 1;
	-webkit-animation: flash 1.5s;
	animation: flash 1.5s;
}

 
/* Flashing */
 
@-webkit-keyframes flash {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 1;
	}
}
@keyframes flash {
	0% {
		opacity: .4;
	}
	100% {
		opacity: 1;
	}
}

 
.navbar 
{ 
  
  font-size: 18px;
  font-weight: bold;
}


.show_detail{
	 background-color: #fff;
	padding: 8px;
	margin:0px;
	border-radius: 10px;
	box-shadow: 5px 5px 5px #ccc;
}	
.show_udate{
	 font-size:14px;
	text-align:right;
	font-weight: bold;
	color :#99a3a4;
	/* border-bottom: 1px solid #99a3a4; */
	padding: 6px;
	padding-right: 16px;
	margin:2px;
	border : 1px;
	background-color: #f1f1f1;
	border-radius: 5px;
}
.show_content{
 margin:10px;
 
}
.b_sub{
 margin:10px;
 font-size:30px;
 font-weight: bold;
 text-shadow:2px 3px 5px #f1f1f1;
 letter-spacing: 0px;　
 border : 1px;
 border-bottom: 1px solid #f2f2f2; 
}


.main_show_detail{
	 background-color: #fff;
	padding: 10px;
	margin:0px;
	border-radius: 10px;
	box-shadow: 5px 5px 5px #ccc;
}
.main_b_sub{
 margin:10px;
 font-size:20px;
 font-weight: bold;
 text-shadow:2px 3px 5px #f1f1f1;
 letter-spacing: 0px;　
 border : 1px;
 border-bottom: 1px solid #b2967d; 
}

 
 .topnav ul   {
	padding: 12px;
	margin-top: 9px;
	margin-bottom: 9px;
	border-bottom: 2px rgba(0, 0, 0, 0.1) solid;
}
 
 
.topnav {
  overflow: hidden;
  background-color: #f1f1f1;

}

.topnav a {
  float: left;
  display: block;
  color: black;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  border-bottom: 3px solid transparent;
}

.topnav a:hover {
	font-weight: bold;
	 border-top: 3px solid rgba(0, 0, 0, 0.1);
  border-bottom: 3px solid rgba(0, 0, 0, 0.1);
}

.topnav a.active {
	 font-weight: bold;
	  border-top: 3px solid red;
  border-bottom: 3px solid red;
}

/*
.news2 .column {
  float: left;
  width: 33.3%;
  
 
  margin-bottom: 16px;
  padding: 0 8px;
}
.news2 .card .subtext {
	  	 font-size : 24px ;
}	

@media screen and (max-width: 850px) {
  .news2 .column {
    width: 50%;
    display: block;
  }
  .news2 .card .subtext {
	  	 font-size : 20px ;
  }	  
}


@media screen and (max-width: 650px) {
  .news2 .column {
    width: 100%;
    display: block;
  }
  .news2 .card .subtext {
	  	 font-size :20px ;
  }	  
}

.news2 .subtext {
	 font-size : 26px ;
  }	

.news2 .card {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
  min-height: 380px;
}
*/
 



.right_top_box {
	padding-top:92px;
	 
	border-bottom: 2px rgba(0, 0, 0, 0.1) solid;
}
.right_news {
	padding-top:150px;
	background-color: #fff;
	padding:  0px;
	margin: 0px;
	box-shadow: 5px 5px 5px #ccc;
	border:0px #ccc solid;
	border-radius: 5px;
	
}	
 
 
 .right_news .rlist:hover   {
	background-color: #f2f2f2;
	
}
 .right_news .danger {
  background-color: #ffdddd;
  border-left: 6px solid #f44336;
}
 
 
.news01 .rlist:hover   {
	background-color: #f2f2f2;
	
}
 
 
 

.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

.newslist {
	margin-top: 9px;
	 color:  #000;
    font-size:90%;
    font-family: "微軟正黑體" !important;
    border-bottom:2px #ccc dotted;
	background-color: #ffffff;
	display: flex;
}


.newslist .txt {
 width: 400px;
    font-size: 105%;
    margin-top: 9px;
	 height: 200px;
  }
.row {
  flex-direction: row;
}

.newslist .newsimg{
 
	background-color: #8A6F3D;
 
    width: 300px;
    height: 200px;
}

.flex-container {
  display: flex;
  background-color: DodgerBlue;
}

.flex-container > div {
  background-color: #f1f1f1;
  margin: 10px;
  padding: 20px;
  font-size: 30px;
}
 


.news01 .card {
	margin-top: 9px;
}	
 
.news01 .card-container:hover {
    background-color: yellow;
  }

.man_news ul   {
	padding: 15px;
	margin-top: 9px;
	margin-bottom: 9px;
	border-bottom: 2px rgba(0, 0, 0, 0.1) solid;
}