td {
	font-size: 13px;
}
body {
	font-size: 13px;
}
.YelRed {
	color: #FF0000;
	background-color: #FFFF00;
}
.RedYel {
	color: #FFFF00;
	background-color: #FF0000;
}


.sty2 {
	color: #000000;
	background-color: #66CC66;
}


.sty3 {
	color: #990000;
	background-color: #FF99FF;
}


.BlueWhite {
	color: #FFFFFF;
	background-color: #0000FF;
}
.GreenWhite {
	color: #FFFFFF;
	background-color: #009900;
}
form {margin: 0px;}
.disbaled1 {
	background-color: #CCCCCC;
}

.button0 {
    border-radius: 5px;
	background-color: #4CAF50; /* Green */
    border: none;
	
    color: white;
    padding: 6px 8px;/* button size*/
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
	
}
.button03 {
    border-radius: 5px;
	background-color: #4CAF50; /* Green */
    border: none;
	
    color: white;
    padding: 6px 8px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    margin: 4px 2px;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    cursor: pointer;
}
.button1 {
    background-color: white; 
    color: black; 
    border: 2px solid #4CAF50;
}
.button1:hover {
    background-color: #4CAF50;
    color: white;
}
.button2 {
    background-color: white; 
    color: black; 
    border: 2px solid #008CBA;
}
.button2:hover {
    background-color: #008CBA;
    color: white;
}
.button3 {
    background-color: #f44336;
	padding: 1px 2px;
    color: white; 
	border: 2px solid #EC1E0D;
}
.button3:hover {
    background-color: #e7e7e7;
    color: black;
}
.button4 {
    background-color: #e7e7e7;
    color: black;
    border: 2px solid black;
}
.button4:hover {background-color: #555555;}
.button5 {
    background-color: #666666;
	padding: 1px 2px;
    color: white;
    border: 2px solid #999999;
}
.button5:hover {
    background-color: #e7e7e7;
    color: black;
}

.button5b2 {
    background-color: #e7e7e7;
	padding: 1px 2px;
    color: black;
    border: 2px solid #999999;
}
.button5b2:hover {
    background-color: #666666;
	padding: 1px 2px;
    color: white;
    border: 2px solid #999999;
}

.button3C {
    background-color: #f44336;
	padding: 1px 2px;
    color: white; 
	border: 2px solid #EC1E0D;
}
.button3C:hover {
    background-color: #FEE0DE;
    color: black;
}


.button2r {
    background-color: white; 
    color: black; 
    border: 2px solid #FF0000;
}
.button2r:hover {
    background-color: #FF0000;
    color: white;
}


.background-webkit-linear-gradient1{//左右漸層
text-align: center; 
margin-bottom: 10px; 
color: White; 
font-size: 20px; 
filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#000000',endColorStr='#FFFFFF',gradientType='1'); 
background: -moz-linear-gradient(left, #000000, #FFFFFF); 
background: -o-linear-gradient(left,#000000, #FFFFFF); 
background:-webkit-gradient(linear, 0% 0%, 90% 0%, from(#000000), to(#FFFFFF));
background:-webkit-linear-gradient(left,#000000 10%,#FFFFFF 96%);
}


.background-webkit-linear-gradient2{//上下漸層
text-align: center; 
margin-bottom: 10px; 
color: White; 
font-size: 20px; 
filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr='#000000',endColorStr='#FFFFFF',gradientType='0'); 
background: -moz-linear-gradient(top, #000000, #FFFFFF); 
background: -o-linear-gradient(top,#000000, #FFFFFF); 
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#000000), to(#FFFFFF)); 

}


.tr8{
  border: 1px solid #E0607E;
}
.td8{
  border: 1px solid #999999;
  padding: 10px 30px;
  //background-color: #DBDBDB;
}
 
/*第一欄第一列：左上*/
.tr8:first-child td:first-child{
  border-top-left-radius: 0px;
}
/*第一欄最後列：左下*/
.tr8:last-child td:first-child{
  border-bottom-left-radius: 0px;
}
/*最後欄第一列：右上*/
.tr8:first-child td:last-child{
  border-top-right-radius: 80px;
}
/*最後欄第一列：右下*/
.tr8:last-child td:last-child{
  border-bottom-right-radius: 80px;
}




.box {

  -moz-border-radius: 15px;

  -webkit-border-radius: 15px;

  border-radius: 15px;

  -moz-box-shadow: 10px 10px 20px #000; 

  -webkit-box-shadow: 10px 10px 20px #000;

  box-shadow: 10px 10px 20px #000; 

  behavior: url(\PIE.htc);  /*這裡請務必注意PIE.htc的檔案存放路徑, 若有放置在某資料夾下記得輸入正確路徑*/

}



.box2 {

  -moz-border-radius: 10px;

  -webkit-border-radius: 10px;

  border-radius: 10px;

  behavior: url(\PIE.htc);  /*這裡請務必注意PIE.htc的檔案存放路徑, 若有放置在某資料夾下記得輸入正確路徑*/

}