/*menu star*/
 .color2
        {
            background-color: #b8b89f;
        }
 .label_css
         {
             letter-spacing: 0.1em;
             font-family: Courier New;
         }
         
         .label_css1
         {
             letter-spacing: 0.2em;
             font-family: Courier New;
             color: #996633;
         }
      .label_css11
         {
             letter-spacing: 0.2em;
             font-family: Courier New;
             
         }



/*menu end*/


  .HoverCSS
    {
        border: solid 2px #996600;
        background-color: #E0E0E0;
        overflow: scroll;
        height: auto;
        width: auto;
        display: none;
    }
    .PanelCSS
    {
        visibility: hidden;
    }
    .modalbackground
    {
        filter: alpha(opacity=70); /*for IE*/
        opacity: 0.7; /*for Other*/
        background-color: #E0E0E0;
    }
    .unit_down
    {
        background-image: url(../images/unit_down.gif);
        background-repeat: no-repeat;
        background-position: left top;
        margin: 0px;
        padding: 0px;
        border: 0px;
        width: 152px;
        height: 466px;
    }
    .point
    {
        background-image: url(../images/point.gif);
        background-repeat: repeat-x;
        width: 152px;
        top: 100px;
        background-position: center bottom;
        margin-top: 10px;
    }
    .unit
    {
        background-image: url(../images/unit.gif);
        background-repeat: no-repeat;
        background-position: center middle;
        margin: 0px;
        padding: 0px;
        border: 0px;
        width: 155px;
        height: 35px;
    }
    .introduce
    {
        font-size: 21px;
        font-family: "標楷體";
        font-weight: bold;
        color: #F5F4F1;
        letter-spacing: 0.2em;
        background-image: url(../images/cloud.png);
        background-repeat: no-repeat;
        padding-left: 56px;
        line-height: -28px;
    }
    .icontent
    {
font-size: 15px;
font-family: "新細明體", "Times New Roman", Times, serif;
color: #3C372B;
line-height: 21px;
width: 546px;
margin-right: 12px;
margin-left: 12px;
margin-top: 8px;
margin-bottom: 8px;
    }

    .contact
    {
        font-size: 15px;
        font-family: "新細明體" , "Times New Roman" , Times, serif;
        color: #F5F4F1;
        line-height: 32px;
        text-decoration: none;
        letter-spacing: 0.1em;
        margin: 0px;
    }
    .line01
    {
        background-color: #FFF;
        height: 1px;
        width: 100%;
        list-style-image: none;
        list-style-type: none;
        border-top-width: 0px;
        border-right-width: 0px;
        border-bottom-width: 0px;
        border-left-width: 0px;
        padding: 0px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 1px;
        margin-bottom: -1px \0; /* IE8, IE9 */
        margin-bottom: -1px \9; /* IE6, IE7, IE8 */
        margin-bottom: 1px; /* IE6*/
        margin-left: 0px;
    } 
.letter01
{
letter-spacing: 0.2em;
}
.next {
	-moz-box-shadow: inset 0px 1px 0px 0px #751106;
	-webkit-box-shadow: inset 0px 1px 0px 0px #751106;
	box-shadow: inset 0px 1px 0px 0px #751106;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #626240), color-stop(1, #90906b) );
	background: -moz-linear-gradient( center top, #626240 5%, #90906b 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#626240', endColorstr='#90906b');
	background-color: #626240;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-left-radius: 6px;
	text-indent: 0;
	border: 1px solid #570b03;
	display: inline-block;
	color: #ffffff;
	font-family: arial;
	font-size: 15px;
	font-weight: bold;
	font-style: normal;
	height: 30px;
	line-height: 30px;
	width: 130px;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0px #851307;
	letter-spacing: 0.1em;
}
.next:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #90906b), color-stop(1, #626240) );
	background:-moz-linear-gradient( center top, #90906b 5%, #626240 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#90906b', endColorstr='#626240');
	background-color:#90906b;
}
.next:active {
	position:relative;
	top:1px;
}
.bBD{
	height: 25px;
	width: 70px;
	padding: 0px;
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 5px;
	}
	
.brief {
	-moz-box-shadow: inset 0px 1px 0px 0px #deb95d;
	-webkit-box-shadow: inset 0px 1px 0px 0px #deb95d;
	box-shadow: inset 0px 1px 0px 0px #deb95d;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f2d999), color-stop(1, #d6b04f) );
	background: -moz-linear-gradient( center top, #f2d999 5%, #d6b04f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2d999', endColorstr='#d6b04f');
	background-color: #f2d999;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-left-radius: 6px;
	text-indent: 0;
	border: 1px solid #cca54b;
	display: inline-block;
	color: #3b3012;
	font-family: arial;
	font-size: 0.9em;
	font-weight: bold;
	font-style: normal;
	height: 25px;
	line-height: 25px;
	width: 70px;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0px #c9a34a;
	letter-spacing: 0.2em;
}
.brief:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d6b04f), color-stop(1, #f2d999) );
	background:-moz-linear-gradient( center top, #d6b04f 5%, #f2d999 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6b04f', endColorstr='#f2d999');
	background-color:#d6b04f;
}.brief:active {
	position:relative;
	top:1px;
}
.Details
    {
	-moz-box-shadow: inset 0px 1px 0px 0px #deb95d;
	-webkit-box-shadow: inset 0px 1px 0px 0px #deb95d;
	box-shadow: inset 0px 1px 0px 0px #deb95d;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f2d999), color-stop(1, #d6b04f) );
	background: -moz-linear-gradient( center top, #f2d999 5%, #d6b04f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2d999', endColorstr='#d6b04f');
	background-color: #f2d999;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-left-radius: 6px;
	text-indent: 0;
	border: 1px solid #cca54b;
	display: inline-block;
	color: #3b3012;
	font-family: arial;
	font-size: 1em;
	font-weight: bold;
	font-style: normal;
	height: 25px;
	
	width: 100px;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0px #c9a34a;
	letter-spacing: 0.2em;
    }
    .Details:hover
    {
     background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #d6b04f), color-stop(1, #f2d999) );
	background:-moz-linear-gradient( center top, #d6b04f 5%, #f2d999 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d6b04f', endColorstr='#f2d999');
	background-color:#d6b04f;
    }
.Details:active {
	position:relative;
	top:1px;
}
/*填寫牌位-----------------------------------------------------------------------*/
.write {
  -moz-box-shadow: inset 0px 1px 0px 0px #deb95d;
  -webkit-box-shadow: inset 0px 1px 0px 0px #deb95d;
  box-shadow: inset 0px 1px 0px 0px #deb95d;
  background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f2d999), color-stop(1, #d6b04f) );
  background: -moz-linear-gradient( center top, #f2d999 5%, #d6b04f 100% );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2d999', endColorstr='#d6b04f');
  background-color: #f2d999;
  -webkit-border-top-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
  border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  border-bottom-right-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-left-radius: 6px;
  text-indent: 0;
  border: 1px solid #cca54b;
  display: inline-block;
  color: #000000;
  font-family: 新細明體;
  font-size: 12px;
  font-style: normal;
  height: 21px;
  line-height: 21px;
  width: 75px;
  text-decoration: none;
  text-align: center;
  text-shadow: 1px 1px 0px #c9a34a;
  letter-spacing: 0.1em;
  margin: 0px;
}
user agent stylesheetinput[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button {
  padding: 1px 6px;
}
user agent stylesheetinput[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button {
  align-items: flex-start;
  text-align: center;
  cursor: default;
  color: buttontext;
  padding: 2px 6px 3px;
  border: 2px outset buttonface;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  background-color: buttonface;
  box-sizing: border-box;
}
user agent stylesheetinput[type="button" i], input[type="submit" i], input[type="reset" i] {
  -webkit-appearance: push-button;
  -webkit-user-select: none;
  white-space: pre;
}
user agent stylesheetinput, input[type="password" i], input[type="search" i] {
  -webkit-appearance: textfield;
  padding: 1px;
  background-color: white;
  border: 2px inset;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  -webkit-rtl-ordering: logical;
  -webkit-user-select: text;
  cursor: auto;
}
user agent stylesheetinput, textarea, keygen, select, button {
  margin: 0em;
  font: normal normal normal 13.3333330154419px/normal Arial;
  text-rendering: auto;
  color: initial;
  letter-spacing: normal;
  word-spacing: normal;
  text-transform: none;
  text-indent: 0px;
  text-shadow: none;
  display: inline-block;
  text-align: start;
}
user agent stylesheetinput, textarea, keygen, select, button, meter, progress {
  -webkit-writing-mode: horizontal-tb;
}
Inherited from 
user agent stylesheettable {
  display: table;
  border-collapse: separate;
  border-spacing: 2px;
  border-color: grey;
}
Inherited from 
user agent stylesheettable {
  display: table;
  border-collapse: separate;
  border-spacing: 2px;
  border-color: grey;
}


.delete {
	-moz-box-shadow: inset 0px 1px 0px 0px Maroon 
	-webkit-box-shadow: inset 0px 1px 0px 0px Maroon ;
	box-shadow: inset 0px 1px 0px 0px Maroon ;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, Maroon), color-stop(1, #990000) );
	background: -moz-linear-gradient( center top, Maroon 5%, #990000 100% );

	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='Maroon', endColorstr='#990000');
	background-color: #f2d999;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-left-radius: 6px;
	text-indent: 0;
	border: 1px solid Maroon ;
	display: inline-block;
	color: #ffffff;
	font-family: arial;
	font-size: 13px;
	font-style: normal;
	height: 21px;
	line-height: 21px;
	width: 80px;
	letter-spacing: 0.1em;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 0px 0px #c9a34a;
}
.delete:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #990000), color-stop(1, Maroon) );
	background:-moz-linear-gradient( center top, #990000 5%, Maroon 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#990000', endColorstr='Maroon');
	background-color:#c9a34a;
}.delete:active {
	position:relative;
	top:1px;
}

.explain
        {
            font-family: "Courier New";
            border: 2px dotted #4A332B;
            width: 100%;
            font-size: 1em;
            line-height: 1.5em;
            font-weight: bold;
            background-color: white;
            padding: 10px;
            margin-top: 10px;
            margin-right: 0px;
            margin-bottom: 0px;
            margin-left: 0px;
        }
        .modalbackground
    {
        filter: alpha(opacity=70); /*for IE*/
        opacity: 0.7; /*for Other*/
        background-color: #E0E0E0;
    }


.next1 {
	-moz-box-shadow: inset 0px 1px 0px 0px #751106;
	-webkit-box-shadow: inset 0px 1px 0px 0px #751106;
	box-shadow: inset 0px 1px 0px 0px #751106;
	background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #850902), color-stop(1, #590100) );
	background: -moz-linear-gradient( center top, #850902 5%, #590100 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#850902', endColorstr='#590100');
	background-color: #850902;
	-webkit-border-top-left-radius: 6px;
	-moz-border-radius-topleft: 6px;
	border-top-left-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-radius-topright: 6px;
	border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-bottomright: 6px;
	border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-bottom-left-radius: 6px;
	text-indent: 0;
	border: 1px solid #570b03;
	display: inline-block;
	color: #ffffff;
	font-family: arial;
	font-size: 15px;
	font-weight: bold;
	font-style: normal;
	height: 30px;
	line-height: 30px;
	width: 100px;
	text-decoration: none;
	text-align: center;
	text-shadow: 1px 1px 0px #851307;
	letter-spacing: 0.1em;
}
.next1:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #590100), color-stop(1, #850902) );
	background:-moz-linear-gradient( center top, #590100 5%, #850902 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#590100', endColorstr='#850902');
	background-color:#590100;
}
.next1:active {
	position:relative;
	top:1px;
}
.write1 {
  -moz-box-shadow: inset 0px 1px 0px 0px #deb95d;
  -webkit-box-shadow: inset 0px 1px 0px 0px #deb95d;
  box-shadow: inset 0px 1px 0px 0px #deb95d;
  background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f2d999), color-stop(1, #d6b04f) );
  background: -moz-linear-gradient( center top, #f2d999 5%, #d6b04f 100% );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f2d999', endColorstr='#d6b04f');
  background-color: #f2d999;
  -webkit-border-top-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
  border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  border-bottom-right-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-left-radius: 6px;
  text-indent: 0;
  border: 1px solid #cca54b;
  display: inline-block;
  color: #000000;
  font-family: 新細明體;
  font-size: 13px;
  font-style: normal;
  height: 21px;
  line-height: 21px;
  width: 75px;
  text-decoration: none;
  text-align: center;
  text-shadow: 1px 1px 0px #c9a34a;
  letter-spacing: 0.2em;
  margin: 0px;
}
user agent stylesheetinput[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button {
  padding: 1px 6px;
}
user agent stylesheetinput[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button {
  align-items: flex-start;
  text-align: center;
  cursor: default;
  color: buttontext;
  padding: 2px 6px 3px;
  border: 2px outset buttonface;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  background-color: buttonface;
  box-sizing: border-box;
}
user agent stylesheetinput[type="button" i], input[type="submit" i], input[type="reset" i] {
  -webkit-appearance: push-button;
  -webkit-user-select: none;
  white-space: pre;
}
user agent stylesheetinput, input[type="password" i], input[type="search" i] {
  -webkit-appearance: textfield;
  padding: 1px;
  background-color: white;
  border: 2px inset;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  -webkit-rtl-ordering: logical;
  -webkit-user-select: text;
  cursor: auto;
}
user agent stylesheetinput, textarea, keygen, select, button {
  margin: 0em;
  font: normal normal normal 13.3333330154419px/normal Arial;
  text-rendering: auto;
  color: initial;
  letter-spacing: normal;
  word-spacing: normal;
  text-transform: none;
  text-indent: 0px;
  text-shadow: none;
  display: inline-block;
  text-align: start;
}
user agent stylesheetinput, textarea, keygen, select, button, meter, progress {
  -webkit-writing-mode: horizontal-tb;
}
Inherited from 
user agent stylesheettable {
  display: table;
  border-collapse: separate;
  border-spacing: 2px;
  border-color: grey;
}
Inherited from 
user agent stylesheettable {
  display: table;
  border-collapse: separate;
  border-spacing: 2px;
  border-color: grey;
}


.write2 {
  -moz-box-shadow: inset 0px 1px 0px 0px #e1e1c9;
  -webkit-box-shadow: inset 0px 1px 0px 0px #e1e1c9;
  box-shadow: inset 0px 1px 0px 0px #e1e1c9;
  background: -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e1e1c9), color-stop(1, #e1e1c9) );
  background: -moz-linear-gradient( center top, #e1e1c9 5%, #e1e1c9 100% );
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e1e1c9', endColorstr='#e1e1c9');
  background-color: #e1e1c9;
  -webkit-border-top-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
  border-top-left-radius: 6px;
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  border-bottom-right-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-left-radius: 6px;
  text-indent: 0;
  border: 1px solid #e1e1c9;
  display: inline-block;
  color: #000000;
  font-family: arial;
  font-size: 13px;
  font-style: normal;
  height: 21px;
  line-height: 21px;
  width: 120px;
  text-decoration: none;
  text-align: center;
  text-shadow: 1px 1px 0px #e1e1c9;
  letter-spacing: 0.1em;
  margin: 0px;
}
user agent stylesheetinput[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button {
  padding: 1px 6px;
}
user agent stylesheetinput[type="button" i], input[type="submit" i], input[type="reset" i], input[type="file" i]::-webkit-file-upload-button, button {
  align-items: flex-start;
  text-align: center;
  cursor: default;
  color: buttontext;
  padding: 2px 6px 3px;
  border: 2px outset buttonface;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  background-color: buttonface;
  box-sizing: border-box;
}
user agent stylesheetinput[type="button" i], input[type="submit" i], input[type="reset" i] {
  -webkit-appearance: push-button;
  -webkit-user-select: none;
  white-space: pre;
}
user agent stylesheetinput, input[type="password" i], input[type="search" i] {
  -webkit-appearance: textfield;
  padding: 1px;
  background-color: white;
  border: 2px inset;
  border-image-source: initial;
  border-image-slice: initial;
  border-image-width: initial;
  border-image-outset: initial;
  border-image-repeat: initial;
  -webkit-rtl-ordering: logical;
  -webkit-user-select: text;
  cursor: auto;
}
user agent stylesheetinput, textarea, keygen, select, button {
  margin: 0em;
  font: normal normal normal 13.3333330154419px/normal Arial;
  text-rendering: auto;
  color: initial;
  letter-spacing: normal;
  word-spacing: normal;
  text-transform: none;
  text-indent: 0px;
  text-shadow: none;
  display: inline-block;
  text-align: start;
}
user agent stylesheetinput, textarea, keygen, select, button, meter, progress {
  -webkit-writing-mode: horizontal-tb;
}
Inherited from 
user agent stylesheettable {
  display: table;
  border-collapse: separate;
  border-spacing: 2px;
  border-color: grey;
}
Inherited from 
  .color1
        {
            background-color: #b8b89f;
        }
        
        .color3
        {
            background-color: #f5f1e7;
        }