@charset "utf-8";
body
{
    //max-width : 940px;
    //min-width : 720px;
    //padding     : 3%;
    font-family : "微軟正黑體", Arial;
    text-align  : center;
}


.buttonGreen {
	background-color:#44c767;
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
	border-radius:28px;
	border:1px solid #18ab29;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:17px;
	//font-weight:bold;
	padding:5px 18px;
	text-decoration:none;
}
.buttonGreen:hover {
	background-color:#5cbf2a;   // this color should middle of .buttonXXX.background-color and .buttonXXX.border
}
.buttonGreen:active {
	position:relative;
	top:1px;
}




.buttonYellow {
	background-color:#ffec64;
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
	border-radius:28px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:arial;
	font-size:17px;
	//font-weight:bold;
	padding:5px 18px;
	text-decoration:none;
}
.buttonYellow:hover {
	background-color: #ffcc44;   // this color should middle of .buttonXXX.background-color and .buttonXXX.border
}
.buttonYellow:active {
	position:relative;
	top:1px;
}




.buttonBlue {
	background-color:#599bb3;
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
	border-radius:28px;
	border:1px solid #29668f;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:17px;
	//font-weight:bold;
	padding:5px 18px;
	text-decoration:none;
}
.buttonBlue:hover {
	background-color:#408c99;   // this color should middle of .buttonXXX.background-color and .buttonXXX.border
}
.buttonBlue:active {
	position:relative;
	top:1px;
}




.buttonRed {
	background-color:rgb(250,114,97);
	-moz-border-radius:28px;
	-webkit-border-radius:28px;
	border-radius:28px;
	border:1px solid rgb(210,41,27);
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:17px;
	//font-weight:bold;
	padding:5px 18px;
	text-decoration:none;
}
.buttonRed:hover {
	background-color:rgb(230,80,60);   // this color should middle of .buttonXXX.background-color and .buttonXXX.border
}
.buttonRed:active {
	position:relative;
	top:1px;
}