body{
	padding: 0;
	margin: 0;
	background-color: #1172b9;
	font-family: "Microsoft JhengHei";
}
h1,h2,h3,h4,h5,h6 {padding:0; margin:0;}
.wrapper {margin:0 auto;max-width:900px;} 
.top {margin-bottom:-5px;}
.top img {width:100%;}
.content {padding:20px 0px; max-width:900px;width: 100%;background:#228782; }
.archive_wrap {    
	width: 90%;
    margin: 3px auto;
    position: relative;
    border: thin solid #0C4135;
    background: #EAFFE2;
    padding: 2% 5%;
    box-sizing: border-box;}
.archive_wrap .title {padding:10px 0px 0px 0px; line-height: 1.4;border-bottom:thin dashed # #B9FDF4;font-weight: bold;}
.archive_wrap  .chapter{margin-right:10px;color:#75448a;font-size: 20px;}
.archive_wrap2 {width:90%;margin:0 auto;padding:20px auto;}


.btn_listern {
	box-shadow: 0px 0px 0px 2px #235610;
	background: linear-gradient(to bottom, #4e8579 5%, #0c4135 100%);
	background-color: #4e8579;
	border-radius: 10px;
	border: 1px solid #7bb068;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-size: 1.05rem;
	padding: 5px 20px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #012920;
	max-width: 120px;
	margin-top: 15px;
	float:right;
}	

.btn_listern:hover {
	background:linear-gradient(to bottom, #0c4135 5%, #4e8579 100%);
	background-color:#0c4135;

}
.btn_listern:active {
	position:relative;
	top:1px;}

.clearfix {clear:both;}
.partition_line {height:1px;background-color:#ffffff;width:90%; margin:20px auto;}
.guest {color: #75448a; }
.box_wrap { 
	background-color: rgba(255,255,255,0.7);
	border: 2px solid #704787;    
	height: 140px;
	position: relative;
	color: #704787;
    width: 42%;
    float: left;
    margin: 10px 2% 10px 4%;
	opacity: 1;
    transition: .5s ease;
}

.box_wrap:hover {
    opacity: 0.8;
    -webkit-box-shadow: 3px 5px 5px #B8B8B8;
    box-shadow: 3px 5px 5px #B8B8B8;
}

.box-content {width:100%; text-align: left;  margin: 0;  position: absolute;  top: 0;  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }
.intro {
	font-size:1.2rem;
	max-width:900px;
	width: 100%;
	padding: 20px 5%;
	font-weight: bold;
	color:#FFF;
	background: #012920;
	box-sizing:border-box;
}

.title {
	color:#012920;
	font-size:1.2rem;
	padding:10px 0px;
}

.caption{
	margin-bottom: 20px;
	padding-bottom:5px;
	font-size: 1.2rem;
	color:#747474;
}




@media (max-width: 630px){
.box_wrap { 
	max-width: 632px;
    width: 100%;
    margin: 2px auto;	
	display: block;
}
.archive_wrap {width:100%;margin:0 auto; padding:2% 5%;box-sizing: border-box;}
	
.archive_wrap  .chapter{font-size: 18px;}
.guest {font-size: 18px; }
	
}

@media (max-width:480px){

}