@charset "UTF-8";
/* CSS Document */
@media screen and (min-width:601px) { /*桌面*/
/*=========================首頁=========================*/
.search{
    padding: 2%;
}
.search label{
    padding-right: 10px;	
}
.search_text{
    height: 40px;
    width: 50%;
    border: 1px solid hsla(0,0%,51%,1.00);
    padding-left: 2%;
    padding-right: 2%;
}
.search_submit{
    height: 41px;
    width: 100px;
    position: relative;
    top: -1px;
    border: 1px solid hsla(359,64%,60%,1.00);
    color: hsla(0,0%,100%,1.00);
    background-color: hsla(359,64%,60%,1.00);
}
	
.article{
    padding: 2%;
    margin: 2%;
    border-bottom: 1px dotted hsla(0,0%,60%,1.00);
    display: block;
    color: hsla(0,0%,27%,1.00);
	}
	
.article h3{
    color: hsla(0,0%,34%,1.00);
    font-weight: lighter;
    font-size: 22px;
    padding-bottom: 10px;
	}
	
.article p{
    color: hsla(0,0%,34%,1.00);
    font-weight: lighter;
	}	
}

@media screen and (max-width:600px) { /*行動裝置*/	
.search{
    padding: 10% 5% 5% 5%;
}
.search label{
    padding-right: 10px;
	display: flex;
}
.search_text{
    height: 40px;
    width: 75%;
    border: 1px solid hsla(0,0%,51%,1.00);
    padding-left: 2%;
    padding-right: 2%;
}
.search_submit{
    height: 41px;
    width: 20%;
    position: relative;
    top: -1px;
    border: 1px solid hsla(359,64%,60%,1.00);
    color: hsla(0,0%,100%,1.00);
    background-color: hsla(359,64%,60%,1.00);
}
	
.article{
    padding: 2%;
    margin: 2%;
    border-bottom: 1px dotted hsla(0,0%,60%,1.00);
    display: block;
    color: hsla(0,0%,27%,1.00);
	}
	
.article h3{
    color: hsla(0,0%,34%,1.00);
    font-weight: lighter;
    font-size: 24px;
    padding-bottom: 10px;
	}
	
.article p{
    color: hsla(0,0%,34%,1.00);
    font-weight: lighter;
	font-size: 18px;
	}
	
}