@charset "UTF-8";
/* CSS Document */
@media screen and (min-width:601px) { /*桌面*/
.top_button{
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center;
    padding-bottom: 20px;
    border-bottom: 1px solid hsla(0,0%,74%,1.00)
 }
.top_button a{
    color: hsla(0,0%,46%,1.00);
    font-size: 18px;
    text-decoration: none;
    padding: 10px 10px 10px 10px;
    display: inline-block;
    }
    
.top_button a:hover{
    color: hsla(331,49%,52%,1.00);
 }
    
    
#calculationForm{
    width: 80%;
    margin: 0 auto 0 auto;
    padding: 2%;
    display: flex;
    justify-content: center;
    align-items: center;
	border:0px solid hsla(0,0%,0%,1.00);
}
    
.form-group{
  padding:1%; 
  width:48%;
  border:0px solid hsla(0,0%,0%,1.00);
}
    
.form-group label{
    width: 100%;
    margin-bottom: 10px;
    color: hsla(0,0%,38%,1.00);
    font-size: 18px;
}
    
.form-group_input{
    border: 1px solid hsla(0,0%,0%,1.00);
	width:150px;
    height: 40px;
    text-align: center;
    font-size: 18px;
    color: hsla(331,49%,52%,1.00);
	padding:0 10px 0 10px;
}
    
.form-group_submit{
    background-color: hsla(359,44%,50%,1.00);
    border: 0px;
    color:#fff;
    width:100px;
    height:40px;
    margin-left:10px;
    }
    
#result{
    width: 62%;
    border: 0px solid hsla(0,0%,0%,1.00);
    padding: 20px 0 50px 0;
    margin: 0 auto 0 auto;
    font-size: 20px;
    line-height: 40px;
    }
    
 #result p{
    color: hsla(0,0%,45%,1.00);
    border-bottom: 1px dotted hsla(0,0%,55%,1.00);
    padding:10px;
    }
    
 #result h3{
    color: hsla(331,49%,52%,1.00);
    margin: 20px 0 20px 0;
    text-align: right;
    }
	
}

	
@media screen and (max-width:600px) { /*行動裝置*/	
.top_button{
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center;
    padding-bottom: 20px;
    border-bottom: 1px solid hsla(0,0%,74%,1.00);
 }
.top_button a{
    color: hsla(0,0%,46%,1.00);
    font-size: 18px;
    text-decoration: none;
    padding: 10px 10px 10px 10px;
    display: inline-block;
    }
    
.top_button a:hover{
    color: hsla(331,49%,52%,1.00);
 }
    
    
#calculationForm{
    width: 70%;
    margin: 0 auto 0 auto;
    padding: 2%;
    justify-content: center;
    align-items: center;
}
    
.form-group{
  padding:1%;      
}
    
.form-group label{
    width: 100%;
    margin-bottom: 10px;
    color: hsla(0,0%,38%,1.00);
    font-size: 18px;
}
    
.form-group_input{
    border: 1px solid hsla(0,0%,0%,1.00);
    height: 40px;
    text-align: center;
    font-size: 18px;
    color: hsla(331,49%,52%,1.00);
    margin-bottom: 20px;
}
    
.form-group_submit{
    background-color: hsla(359,44%,50%,1.00);
    border: 0px;
    color:#fff;
    width:100px;
    height:40px;
    margin-left:10px;
    }
    
#result{
    width:100%;
    border: 0px solid hsla(0,0%,0%,1.00);
    padding:20px 0 50px 0;
    margin:0 auto 0 auto;
    font-size: 20px;
    }
    
 #result p{
    color: hsla(0,0%,45%,1.00);
    border-bottom: 1px dotted hsla(0,0%,55%,1.00);
    padding:10px;
    }
    
 #result h3{
    color: hsla(331,49%,52%,1.00);
    margin: 20px 0 20px 0;
    text-align: right;
    }
	
	}