﻿/* 動態按鈕的背景 */
.DynaBtn a {
	display: inline-block;
	border-style: solid;
	border-width: 1px;
	padding: 5px;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	margin: 3px;
	font-size: 16px;
	font-weight: bold;
}

	.DynaBtn a:hover {
		color: black;
		text-decoration: none;
	}

	.DynaBtn a.green {
		border-color: #007F0E;
		background: linear-gradient(#bffa9e, #007F0E); /*IE9+,FF*/
		background: -webkit-gradient(linear, left top, left bottom, from(#bffa9e), to(#007F0E)); /*Chrome*/
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#bffa9e, endColorstr=#007F0E); /*IE7,8*/
	}

		.DynaBtn a.green:hover {
			background: #bffa9e; /*要注意，如果a的背景使用background-image，a:hover使用backround-color則背景色不會換，可能是因為優先權background-image > backround-color之故。*/
		}

	.DynaBtn a.red {
		border-color: #ff0000;
		background: linear-gradient(#ffd1d1, #ff0000); /*IE9+,FF*/
		background: -webkit-gradient(linear, left top, left bottom, from(#ffd1d1), to(#ff0000)); /*Chrome*/
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffd1d1, endColorstr=#ff0000); /*IE7,8*/
	}

		.DynaBtn a.red:hover {
			background: #ffd1d1;
		}
