/* CSS Document */

/* --------- 新聞 -----------------  */	
.text_container{
	margin-left:-13px;

}
.text_container h3{
	background-color: lightyellow;
	border: 1px solid lightgray;
	border-radius: 5px;
	cursor:pointer;
}
.text_container p{
	background-color: lightblue;
	border: 1px solid lightgray;
	cursor: default;

}
.text_container div{
		margin-left: 15px;
	}
.hidden>div {
	display:none;
}

.visible>div {
	display:block;
}
/* --------------------------  */	


/*------------病名 box ------------------  */
.namebox {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-gap: 10px 2em;
}

.namebox :first-child {
    align-self: center;
}	

/*------------  square box ------------------  */

.btnwraper {
	text-align: center;
	margin-bottom:5px;
	background-image: url(images/wrapper.jpg); /*底圖 */
	}	

.btnwraper {
	text-align: center;
	margin-bottom:5px;
	background-image: url(../assets/images/wrapper.jpg); /*底圖 */
	}	
.square {
    position: relative;
	width: 40%;
	height:20px ;
	line-height:30px;
    margin: 5px 5px 5px 5px;
	padding: 5px;
	float: left;
	text-align: center;
    display: inline-block; /* could be float */
	border: 1px brown solid;
	background-color: #F4EDED;
	border-radius: 10px;
}
	
.square a{
	text-decoration: none;
	color: blue;
	font-size: 1.2em;
	font-weight: bold;
	
	}
.square a:hover{
		color: red;
	}
	
.sq-setter-w {
    width: 100%;
    height: auto;
/*    visibility: hidden;
*/}
.sq-setter-h {
    width: auto;
    height: 100%;
/*    visibility: hidden;
*/}
.sq-content {
    position: absolute;
/*		z-index: 1;  */    
	top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
/*------------ // end square box------------------  */	







/* --------------------------  */