@charset "utf-8";
/* CSS Document */
*{ box-sizing:border-box;}
.backgroundDIV
{
	display:flex;
	margin:30px;
}
.backgroundOVER
{
	display:grid;
	grid-template-columns:repeat(3,1fr); 
}

.picture
{
	/*background-color:#99FF00;*/
	width:33%;
	/*height:450px;*/
}
.question
{
	/*background-color:#FFFF99;*/
	width:66%;
	flex-grow:1;
	padding:80px;
}
.pictureOVER
{
	grid-row:span 3;
}
.totalscore
{
	grid-row:span 2;
	grid-column:span 2;
	padding:150px 100px;
}
.name
{
	grid-column:span 2;
	text-align:right;
}

p{ font-size:26px; }
b{ font-size:40px; }
span
{
	font-size:55px;
	margin:20px;
	color:#FF0000;
}
input  /*按鈕*/
{
	margin:15px 0px;
	padding:10px 30px;
    background-color:#FFF;
    border:3px solid #090; /*邊框*/
    border-radius:15px;  /*導圓角*/
	font-size:16px;
}
input:hover
{
	padding:15px 35px;
    background-color:#090;
    border-radius:15px;  /*導圓角*/
	font-size:16px;
	color:#FFF;
}
.button
{
	width:190px;
	padding:10px;
}
.button:hover
{
	background-color:#090;
	border-radius:15px;  /*導圓角*/
}