.bg_green {
	background-color: lightgreen;
}

.bg_blue {
	background-color: powderblue;
}

.bg_red {
	background-color: lightpink;
}

.bg_blueviolet {
	background-color: BLUEVIOLET;
}

.bg_orange {
	background-color: ORANGE;
}

.fontlarger {
	font-family: Microsoft JhengHei;
	font-size: 1.1em;
}

.fontnormal {
	font-family: Microsoft JhengHei;
	font-size: 1em;
}

.fonthei {
	font-family: Microsoft JhengHei;
}

.fontcode {
	font-family: 'Consolas','Courier New', monospace;
}

.textlarger {
	font-size: 1em;
	font-family: 'Consolas','Courier New', monospace;
	width:95%;
	border: 2px solid blue;
	border-radius:2px;
	resize:none;
	white-space: pre;
	overflow-wrap: normal;	
}

.textlarger_red {
	font-size: 1em;
	font-family: 'Consolas','Courier New', monospace;
	width:95%;
	border: 2px solid red;
	border-radius:2px;
	resize:none;
	white-space: pre;
	overflow-wrap: normal;	
}

.textlarger_green {
	font-size: 1em;
	font-family: 'Consolas','Courier New', monospace;
	width:95%;
	border: 2px solid green;
	border-radius:2px;
	resize:none;
	white-space: pre;
	overflow-wrap: normal;	
}

.bluebtn {
	background-color: white;
	border: 2px solid blue;
	color: blue;
	padding: 4px 8px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	margin: 2px 1px;
	cursor: pointer;
	border-radius: 2px;
	transition-duration: 0.2s;
	font-family: Microsoft JhengHei;
	font-size: 1em;	
}

.bluebtn:hover {
    background-color: blue;
    color: white;
}

.bluebtn:focus {
    background-color: blue;
    color: white;
    outline: 0;
}

.greenbtn {
	background-color: white;
	border: 2px solid green;
	color: green;
	padding: 4px 8px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	margin: 2px 1px;
	cursor: pointer;
	border-radius: 2px;
	transition-duration: 0.2s;
	font-family: Microsoft JhengHei;
	font-size: 1em;
}

.greenbtn:hover {
    background-color: green;
    color: white;
}

.greenbtn:focus {
    background-color: green;
    color: white;
    outline: 0;
}

.yellowbtn {
	background-color: white;
	border: 2px solid goldenrod;
	color: goldenrod;
	padding: 4px 8px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	margin: 2px 1px;
	cursor: pointer;
	border-radius: 2px;
	transition-duration: 0.2s;
	font-family: Microsoft JhengHei;
	font-size: 1em;	
}

.yellowbtn:hover {
    background-color: goldenrod;
    color: white;
}

.yellowbtn:focus {
    background-color: goldenrod;
    color: white;
    outline: 0;
}

.redbtn {
	background-color: white;
	border: 2px solid red;
	color: red;
	padding: 4px 8px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	margin: 2px 1px;
	cursor: pointer;
	border-radius: 2px;
	transition-duration: 0.2s;
	font-family: Microsoft JhengHei;
	font-size: 1em;		
}

.redbtn:hover {
    background-color: red;
    color: white;
}

.redbtn:focus {
    background-color: red;
    color: white;
    outline: 0;
}

.bluevioletbtn {
	background-color: white;
	border: 2px solid BLUEVIOLET;
	color: BLUEVIOLET;
	padding: 4px 8px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	margin: 2px 1px;
	cursor: pointer;
	border-radius: 2px;
	transition-duration: 0.2s;
	font-family: Microsoft JhengHei;
	font-size: 1em;	
}

.bluevioletbtn:hover {
    background-color: BLUEVIOLET;
    color: white;
}

.bluevioletbtn:focus {
    background-color: BLUEVIOLET;
    color: white;
    outline: 0;
}

.orangebtn {
	background-color: white;
	border: 2px solid ORANGE;
	color: ORANGE;
	padding: 4px 8px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	margin: 2px 1px;
	cursor: pointer;
	border-radius: 2px;
	transition-duration: 0.2s;
	font-family: Microsoft JhengHei;
	font-size: 1em;	
}

.orangebtn:hover {
    background-color: ORANGE;
    color: white;
}

.orangebtn:focus {
    background-color: ORANGE;
    color: white;
    outline: 0;
}

.btn_crimson {
	background-color: white;
	border: 2px solid CRIMSON;
	color: CRIMSON;
	padding: 4px 8px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	margin: 2px 1px;
	cursor: pointer;
	border-radius: 2px;
	transition-duration: 0.2s;
	font-family: Microsoft JhengHei;
	font-size: 1em;	
}

.btn_crimson:hover {
    background-color: CRIMSON;
    color: white;
}

.btn_crimson:focus {
    background-color: CRIMSON;
    color: white;
    outline: 0;
}

.btn_tomato {
	background-color: white;
	border: 2px solid TOMATO;
	color: TOMATO;
	padding: 4px 8px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	margin: 2px 1px;
	cursor: pointer;
	border-radius: 2px;
	transition-duration: 0.2s;
	font-family: Microsoft JhengHei;
	font-size: 1em;	
}

.btn_tomato:hover {
    background-color: TOMATO;
    color: white;
}

.btn_tomato:focus {
    background-color: TOMATO;
    color: white;
    outline: 0;
}

div.table_solid_1 table {
	border: 1px solid black;
}
div.table_solid_1 th {
	border: 1px solid black;
	text-align: center;
}
div.table_solid_1 td {
	border: 1px solid black;
	text-align: center;
}

.center {
	text-align: center;
}