.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
.dummy { margin: 0 auto; max-width: 32em; padding: 2em 0; }

body{
	background-color:#f1f4f9;
	
}



ul, li {
	margin: 0;
	padding: 0;
	list-style: none;
	
}


.abgne_tab {
	float: left;
	position: relative;
	top:62px;
	width: 700px;
	margin-left: 80px;
	font-family:  Microsoft JhengHei; 
	font-size: 14px;
	
}
ul.tabs {
	/*width: 504px;*/
	width: 700px;	
	height: 100px;	

}

ul.tabs li[id^="tab"] {	
	float: left;
	width: 200px;
	height: 100px;	
	overflow: hidden;
	position: relative;
	border-left: none;	
	background-repeat: no-repeat;
	font-family: 'Raleway', sans-serif;
	font-weight: bold;
	-webkit-filter: drop-shadow(0 0px 1px rgba(0,0,0,.5));
	
	
}
ul.tabs li[id^="tab"] .Month_num{
	position: relative;
	top:53px;
	left:22px;
	font-size: 20px;
}
ul.tabs li[id^="tab"] .Month{
	position: relative;
	top:15px;
	left:65px;
	font-size: 14px;
}
ul.tabs li[id^="tab"] .year_num{
	position: relative;
	top:67px;
	left:77px;
	font-size: 12px;
	transform: rotate(90deg);
}





ul.tabs li[class$="December"]{
	background-image: url(../images/tabs/tabMonth2.png);
	text-shadow: 1px 1px 3px #959595;
/*	-webkit-transition: background-image 400ms ease-in;*/
}
ul.tabs li[class$="November"]{
	background-image: url(../images/tabs/tabMonth1.png);
	text-shadow: 1px 1px 3px #959595;
}
ul.tabs li[class$="October"]{
	background-image: url(../images/tabs/tabMonth.png);
	text-shadow: 1px 1px 3px #959595;
	
}
ul.tabs li[class$="September"]{
	background-image: url(../images/tabs/tabMonth2.png);
	text-shadow: 1px 1px 3px #959595;
}
ul.tabs li[class$="August"]{
	background-image: url(../images/tabs/tabMonth1.png);
	text-shadow: 1px 1px 3px #959595;
}
ul.tabs li[class$="July"]{
	background-image: url(../images/tabs/tabMonth.png);
	text-shadow: 1px 1px 3px #959595;
}
ul.tabs li[class$="June"]{
	background-image: url(../images/tabs/tabMonth2.png);
	text-shadow: 1px 1px 3px #959595;
}
ul.tabs li[class$="May"]{
	background-image: url(../images/tabs/tabMonth1.png);
	text-shadow: 1px 1px 3px #959595;
}
ul.tabs li[class$="April"]{
	background-image: url(../images/tabs/tabMonth.png);
	text-shadow: 1px 1px 3px #959595;
}
ul.tabs li[class$="March"]{
	background-image: url(../images/tabs/tabMonth2.png);
	text-shadow: 1px 1px 3px #959595;
}
ul.tabs li[class$="February"]{
	background-image: url(../images/tabs/tabMonth1.png);
	text-shadow: 1px 1px 3px #959595;
}
ul.tabs li[class$="January"]{
	background-image: url(../images/tabs/tabMonth.png);
	text-shadow: 1px 1px 3px #959595;
}






ul.tabs li[class*="December active"] {
	background-image: url(../images/tabs/tabMonth2.png); 
	-webkit-filter: drop-shadow(0 0px 1px rgba(0,0,0,.5));
}
ul.tabs li[class*="November active"] {
	background-image: url(../images/tabs/tabMonth1.png); 
	-webkit-filter: drop-shadow(0 0px 1px rgba(0,0,0,.5));
}
ul.tabs li[class*="October active"] {
	background-image: url(../images/tabs/tabMonth.png); 
	-webkit-filter: drop-shadow(0 0px 1px rgba(0,0,0,.5));
}

ul.tabs li[class*="September active"] {
	background-image: url(../images/tabs/tabMonth2.png); 
	-webkit-filter: drop-shadow(0 0px 1px rgba(0,0,0,.5));
}

ul.tabs li[class*="August active"] {
	background-image: url(../images/tabs/tabMonth1.png); 
	-webkit-filter: drop-shadow(0 0px 1px rgba(0,0,0,.5));
}
ul.tabs li[class*="July active"] {
	background-image: url(../images/tabs/tabMonth.png); 
	-webkit-filter: drop-shadow(0 0px 1px rgba(0,0,0,.5));
}
ul.tabs li[class*="June active"] {
	background-image: url(../images/tabs/tabMonth2.png); 
	-webkit-filter: drop-shadow(0 0px 1px rgba(0,0,0,.5));
}
ul.tabs li[class*="May active"] {
	background-image: url(../images/tabs/tabMonth1.png); 
	-webkit-filter: drop-shadow(0 0px 1px rgba(0,0,0,.5));
}
ul.tabs li[class*="April active"] {
	background-image: url(../images/tabs/tabMonth.png); 
	-webkit-filter: drop-shadow(0 0px 1px rgba(0,0,0,.5));
}
ul.tabs li[class*="March active"] {
	background-image: url(../images/tabs/tabMonth2.png); 
	-webkit-filter: drop-shadow(0 0px 1px rgba(0,0,0,.5));
}
ul.tabs li[class*="February active"] {
	background-image: url(../images/tabs/tabMonth1.png); 
	-webkit-filter: drop-shadow(0 0px 1px rgba(0,0,0,.5));
}
ul.tabs li[class*="January active"] {
	background-image: url(../images/tabs/tabMonth.png); 
	-webkit-filter: drop-shadow(0 0px 1px rgba(0,0,0,.5));
}

ul.tabs li[class$="active"] .Month{
	background-color: #000000;
	color:#fffdfd;
	width: 93px;
}
ul.tabs li[class$="active"] .Month_num{
	text-shadow: 1px 1px 3px #959595;
}
ul.tabs li[class$="active"] .year_num{
	text-shadow: 1px 1px 3px #959595;
}



ul.tabs li a {
	display: block;
	color: #000;
	text-decoration: none;
	
}



div.tab_container {
	clear: left;
	width: 100%;
	
	position: relative;
	
	border-top: none;
	background: #ffffff;
	padding-top: 30px;
	padding-left: 20px;
	padding-right: 20px;
	/*box-shadow:3px 3px 3px rgba(0,0,0,0.6);*/
	box-shadow:0px 0px 3px 0 rgba(0, 0, 0, 0.4);
}
div.tab_container .tab_content {
	/*padding: 20px;*/
}
div.tab_container .tab_content h2 {
	/*margin: 0 0 20px;*/
}
/*²M³æªº±Æª©*/
.image-wrapper img{	

	float:left;
	
}
.eacharticle .image-wrapper {
 position:relative;
}

.eacharticle .image-wrapper  strong.date{
	
	position: absolute;
    display: block;
    z-index: 1;
    top: 20px;
    width: 50px;
    height: 80px;
    background: rgba(255, 255, 255, 1);
    text-align: left;
    color: #5a5a5a;
 	padding: 3px;
	border-top-right-radius: 5px 5px;
	border-bottom-right-radius: 5px 5px;
	font-family: 'Montserrat', sans-serif;
}
.eacharticle .image-wrapper  strong.date p.textM{
	font-size: 12px;
	text-align: center;
	height:5px;
	
}
.eacharticle .image-wrapper  strong.date p.textD{
	font-size: 12px;
	text-align: center;
	height: 5px;
}
.eacharticle .image-wrapper  strong.date p.textY{
	font-size: 14px;
	text-align: center;
	height: 5px;
}

.eacharticle .image-wrapper .coverdate{

	position: absolute;
    display:table;
    z-index: 1;
	top: 15px;
	
    width: 50px;
    color: #5a5a5a;
 	font-family: 'Montserrat', sans-serif;
 	
	border-top-right-radius: 5px 5px;
	border-bottom-right-radius: 5px 5px;
}
.eacharticle .image-wrapper .css_tr {
      display: table-row;
  }
.eacharticle .image-wrapper .css_td {
      display: table-cell;
      font-size: 12px;
      text-align:center;
      vertical-align: middle;
      font-weight: bold;   
      background: rgba(255, 255, 255, 1);
 } 
#css_td_year{
	font-size: 14px;
} 
#css_td_month{
	 vertical-align: bottom;
} 
#css_td_date{
     vertical-align: top;
} 
.eacharticle .image-wrapper .coverdate .css_td img{
	
	
}


.content {
	
	height: 206px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-top: 10px;
	position: relative;
	left:20px;
}

.title{
	margin:0px;
}
.read-more{
	position: relative;
	float:right;
	top:25px;
	font-size: 12px;
	font-weight: bold;
}
.read-more:hover{
	color: #fd0006;
}