/* calendar */
.bg-bottoned {
	border: 1px solid #a1a1a1;
	padding: 3px 10px;
	width: 80%;
	border-radius: 9px;
	font-size: 11px;
	background-color: #eeeeee;
}

.bg-botton {
    border: 1px solid #a1a1a1;
    padding: 3px 10px; 
    background: #fffcaa;
    width: 80%;
    border-radius: 9px;
	font-size:11px;
}
.btn-green-h3 {
    border: 1px solid #a1a1a1;
    padding: 3px 10px; 
    background-color: #00ff24;
    width: 80%;
    border-radius: 9px;
	font-size:16px;
}

.btn-green {
    border: 1px solid #a1a1a1;
    padding: 3px 10px; 
    background-color: #00ff24;
    width: 80%;
    border-radius: 9px;
	font-size:11px;
}
.btn-green a:hover {
    border: 1px solid #a1a1a1;
    /*padding: 3px 10px; */
    background-color: #eeeeee;
    width: 80%;
    border-radius: 9px;
	font-size:11px;
}
.btn-green-num {
    border: 1px solid #a1a1a1;
    padding: 3px 10px; 
    background-color: #00ff24;
    width: 80%;
    border-radius: 9px;
	font-size:15px;
}

.btn-gray {
    border: 1px solid #a1a1a1;
    padding: 3px 10px; 
    background-color: #eeeeee;
    width: 100%;
    border-radius: 9px;
	font-size:11px;
}
.btn-gray a{
    background: #eeeeee;
}

.btn-gray a:hover{
    border: 1px solid #a1a1a1;
    /*padding: 3px 10px; */
    background-color: #00ff24;
    width: 100%;
    border-radius: 9px;
	font-size:11px;
}


.btn-red {
	border: 1px solid #a1a1a1;
	padding: 3px 10px;
	background: #ff9e9e;
	width: 80%;
	border-radius: 9px;
	font-size: 15px;
	text-decoration: underline;
}
.btn-red a span.one, .btn-red a:hover span.two {display: inline;}
.btn-red a:hover span.one, .btn-red a span.two {display: none;}

.btn-red a:hover{
	border: 1px solid #a1a1a1;
	padding: 3px 10px;
	background-color: #FF3333;
	width: 80%;
	border-radius: 9px;
	font-size: 15px;
	color:#FFF;
}
.btn-orange {
	border: 1px solid #a1a1a1;
	padding: 3px 10px;
	background-color: #FF9900;
	width: 80%;
	border-radius: 9px;
	font-size: 15px;
}

.btn-month {
	border: 1px solid #a1a1a1;
	padding: 3px 10px;
	background-color: #FFFF00;
	width: 80%;
	border-radius: 9px;
	font-size: 15px;
}
.btn-month-pre {
	padding: 3px 10px;
	width: 80%;
	font-size: 15px;
}
.btn-month a:hover{
	border: 1px solid #a1a1a1;
	padding: 3px 10px;
	background-color: #66FF33;
	width: 100%;
	border-radius: 9px;
	font-size: 15px;
}

.btn-weather {
	border: 1px solid #a1a1a1;
	padding: 3px 10px;
	background-color: #FF9900;
	width: 300px;
	border-radius: 9px;
	font-size: 12px;
}
.btn-header {
	border: 1px solid #a1a1a1;
	padding: 3px 10px;
	background-color: #99FF33;
	border-radius: 9px;
	font-size: 12px;
}
.btn-orange-calendar {
	border: 1px solid #a1a1a1;
	padding: 3px 10px;
	background-color: #FFFF99;
	width: 80%;
	border-radius: 9px;
	font-size: 12px;
}
.btn-orange-calendar a:link{
	font-size: 12px;
	color:#999;
}
.btn-orange-calendar a:visited{
	font-size: 12px;
	color:#999;
}
.btn-orange-calendar a:hover{
	font-size: 12px;
	color: #FFF;
	background-color: #FF6600;
	font-weight: bold;
	text-decoration: underline;
	padding: 3px 10px;
	border-radius: 9px;
}

.btn-red-small {
    border: 1px solid #a1a1a1;
    padding: 3px 10px; 
    background-color: #ff9e9e;
    width: 80%;
    border-radius: 9px;
	font-size:12px;
}
.btn-orange-small {
	border: 1px solid #a1a1a1;
	padding: 3px 10px;
	background-color: #FF9933;
	width: 80%;
	border-radius: 9px;
	font-size: 12px;
}
.btn-blue-small {
	border: 1px solid #a1a1a1;
	padding: 3px 10px;
	/*width: 80%;*/
	border-radius: 9px;
	font-size: 12px;
	background-color: #66CCFF;
}
.btn-blue-small a:hover {
	border: 1px solid #a1a1a1;
	/*padding: 3px 10px;*/
	/*width: 80%;*/
	border-radius: 9px;
	font-size: 12px;
	background-color: #0099FF;
	color:#FFF;
}

.btn-red-event {
    border: 1px solid #a1a1a1;
    padding: 3px 10px; 
    background: #ff9e9e;
    width: 80%;
    border-radius: 9px;
	font-size:14px;
	float:left;
}
.btn-red-event-calendar {
    border: 1px solid #a1a1a1;
    padding: 3px 10px; 
    background: #ff9e9e;
    width: 80%;
    border-radius: 9px;
	font-size:14px;
}

.btn-yellow-small {
    border: 1px solid #a1a1a1;
    padding: 3px 10px; 
    background: #fcffc6;
    width: 80%;
    border-radius: 9px;
	font-size:12px;
}
.btn-yellow-orderby {
	border: 1px solid #a1a1a1;
	padding: 3px 10px;
	background-color: #FFFF00;
	/*width: 80%;*/
	border-radius: 9px;
	font-size: 12px;
}

.txt {
	padding: 3px 10px;
	background: #fcffc6;
	width: 80%;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 2px;
	line-height: 32px;
}
.txt-red {
	font-weight: bold;
	letter-spacing: 1px;
	color: #F00;
}

.change {
	font-size: 18px;
	font-weight: bold;
}
.camp {
	font-size: 18px;
}
.camp select{
	margin:5px 0px;
	font-size: 18px;
	background-color: #FF6;
}
.camp input[type="text"]{
	margin:5px 0px;
	font-size: 18px;
	background-color: #FF6;
}

.bbq-form {
	font-size: 18px;
}
.bbq-form select{
	margin: 5px 0px;
	font-size: 18px;
	background-color: #F90;
}
.bbq-form input[type="text"]{
	margin:5px 0px;
	font-size: 18px;
	background-color: #F90;
}


.bbq {
	font-size: 18px;
}
.bbq select{
	margin: 2px 0px;
	font-size: 18px;
	background-color: #FFF;
}

select{
  font-size: 18px;

}
form {
	font-size: 18px;
	line-height: 22px;
}
.line-bottom{
	border-bottom:1px solid #eee; 
	border-bottom-color: #CCC;
  font-size: 12px;
	}
	
#menu ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
#menu li {
	float: left;
	
//	padding: 30px;
//	background-image: url(bg-checkbox-a.png);
//	background-repeat: no-repeat;
	font-size: 22px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#menu2 ul {
	list-style-type:none;
	margin:0px;
	padding:0px;
}
#menu2 li {
	float: left;
	font-size: 26px;
	font-family: "微軟正黑體", "標楷體";
	background-color: #CCC;
	width: 100px;
	height: 100px;
	margin: 1px;
	padding:3px;
	line-height: 20px;
	text-align:center;
}


input[type=checkbox]
{
  /* Double-sized Checkboxes */
  -ms-transform: scale(2); /* IE */
  -moz-transform: scale(2); /* FF */
  /* -webkit-transform: scale(2); Safari and Chrome */
  -o-transform: scale(2); /* Opera */
  padding: 10px;
}
#people { width:100%; border-collapse:collapse; font-size:15px; } 
#people th, #people td{ border: silver 1px solid;  padding:3px 5px; }

#table-event { width:95%; border-collapse:collapse; font-size:12px; } 
#table-event th, #table-event td{ border: silver 1px solid;  padding:5px }

#price { width:1000px; border-collapse:collapse; font-size:12px; } 
#price th, #price td{ border: silver 1px solid;  padding:3px; line-height:18px; }

#price2 { width:1000px; border-collapse:collapse; font-size:12px; } 
#price2 th, #price2 td{ border: silver 1px solid;  padding:3px; line-height:18px; }