.c10 {
    color: #000000;
    font-size: 12px;
    font-family: "新細明體", "細明體";
    letter-spacing: 1px
}
.c10w {
    color: #FFFFFF;
    font-size: 12px;
    font-family: "新細明體", "細明體";
    letter-spacing: 1px
}
.c10r {
    color: #FF0000;
    font-size: 12px;
    font-family: "新細明體", "細明體";
    letter-spacing: 1px
}
.f10 {
    color: #333333;
    font-size: 12px;
    font-family: "新細明體", "細明體";
    letter-spacing: 1px
}
.c12 {
    color: #000000;
    font-size: 12px;
    font-family: "新細明體", "細明體";
    letter-spacing: 1px
}
.c12w {
    color: #FFFFFF;
    font-size: 12px;
    font-family: "新細明體", "細明體";
    letter-spacing: 1px
}
.c12r {
    color: #FF0000;
    font-size: 12px;
    font-family: "新細明體", "細明體";
    letter-spacing: 1px
}
.c12dr {
    color: #CC0000;
    font-size: 12px;
    font-family: "新細明體", "細明體";
    letter-spacing: 1px
}
.c12g {
    color: #333333;
    font-size: 12px;
    font-family: "新細明體", "細明體";
    letter-spacing: 1px
}
.c12logo1 {
    color: #006E76;
    font-size: 12px;
    font-family: "新細明體", "細明體";
    letter-spacing: 1px
}
.c12logo2 {
    color: #ACA270;
    font-size: 12px;
    font-family: "新細明體", "細明體";
    letter-spacing: 1px
}
.c16 {
    color: #000000;
    font-size: 16px;
    font-family: "新細明體", "細明體";
    letter-spacing: 1px
}
.c16w {
    color: #FFFFFF;
    font-size: 16px;
    font-family: "新細明體", "細明體";
    letter-spacing: 1px
}
.c16r {
    color: #FF0000;
    font-size: 16px;
    font-family: "新細明體", "細明體";
    letter-spacing: 1px
}
.c16dr {
    color: #CC0000;
    font-size: 16px;
    font-family: "新細明體", "細明體";
    letter-spacing: 1px
}
.c16g {
    color: #333333;
    font-size: 16px;
    font-family: "新細明體", "細明體";
    letter-spacing: 1px
}
.c16logo1 {
    color: #006E76;
    font-size: 16px;
    font-family: "新細明體", "細明體";
    letter-spacing: 1px
}
.c16logo2 {
    color: #ACA270;
    font-size: 16px;
    font-family: "新細明體", "細明體";
    letter-spacing: 1px
}
.c24r {
    color: #FF0000;
    font-size: 24px;
    font-family: "新細明體", "細明體";
    letter-spacing: 1px
}
.news {
    color: #999999;
    font-size: 15px;
    font-family: "新細明體", "細明體";
    letter-spacing: 1px
}
.ctitle {
    color: #000000;
}
.ctitlered {
    color: #CC0000;
}
.ctitleblue {
    color: #003399;
}
.contentc12g {
    color: #333333;
    font-size: 12px;
    font-family: "新細明體", "細明體";
    letter-spacing: 1px;
    line-height: 150%
}
.contentc16g {
    color: #333333;
    font-size: 16px;
    font-family: "新細明體", "細明體";
    letter-spacing: 1px;
    line-height: 150%
}

A:link {
    COLOR: #3366CC;
    FONT-STYLE: normal;
    TEXT-DECORATION: none
}
A:active {
    COLOR: #FF0000;
    FONT-STYLE: normal;
    TEXT-DECORATION: underline
}
A:hover {
    COLOR: #3366CC;
    FONT-STYLE: normal;
    TEXT-DECORATION: underline
}
A:visited {
    COLOR: #3366CC;
    FONT-STYLE: normal;
    TEXT-DECORATION: none
}
A.topic:link {
    font-size: 16px;
    color: #000000;
    text-decoration: none;
    filter: progid: DXImageTransform.Microsoft.Glow(color=white, strength=2);
}
A.topic:active {
    font-size: 16px;
    color: #000000;
    text-decoration: none;
    filter: progid: DXImageTransform.Microsoft.Glow(color=white, strength=2);
}
A.topic:visited {
    font-size: 16px;
    color: #000000;
    text-decoration: none;
    filter: progid: DXImageTransform.Microsoft.Glow(color=white, strength=2);
}
A.topic:hover {
    font-size: 16px;
    color: #000000;
    text-decoration: none;
    filter: progid: DXImageTransform.Microsoft.Glow(color=#ea6400, strength=2);
}
A.topic12:link {
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    filter: progid: DXImageTransform.Microsoft.Glow(color=white, strength=2);
}
A.topic12:active {
    font-size: 12px;
    color: #CC0000;
    text-decoration: none;
    filter: progid: DXImageTransform.Microsoft.Glow(color=white, strength=2);
}
A.topic12:visited {
    font-size: 12px;
    color: #000000;
    text-decoration: none;
    filter: progid: DXImageTransform.Microsoft.Glow(color=white, strength=2);
}
A.topic12:hover {
    font-size: 12px;
    color: #CC0000;
    text-decoration: none;
    filter: progid: DXImageTransform.Microsoft.Glow(color=#ea6400, strength=2);
}
A.topic12w:link {
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: none;
    filter: progid: DXImageTransform.Microsoft.Glow(color=white, strength=2);
}
A.topic12w:active {
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: underline;
    filter: progid: DXImageTransform.Microsoft.Glow(color=white, strength=2);
}
A.topic12w:visited {
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: none;
    filter: progid: DXImageTransform.Microsoft.Glow(color=white, strength=2);
}
A.topic12w:hover {
    font-size: 12px;
    color: #FFFFFF;
    text-decoration: underline;
    filter: progid: DXImageTransform.Microsoft.Glow(color=#ea6400, strength=2);
}
A.topic12r:link {
    font-size: 12px;
    color: #CC0000;
    text-decoration: none;
    filter: progid: DXImageTransform.Microsoft.Glow(color=white, strength=2);
}
A.topic12r:active {
    font-size: 12px;
    color: #A68D3B;
    text-decoration: underline;
    filter: progid: DXImageTransform.Microsoft.Glow(color=white, strength=2);
}
A.topic12r:visited {
    font-size: 12px;
    color: #CC0000;
    text-decoration: none;
    filter: progid: DXImageTransform.Microsoft.Glow(color=white, strength=2);
}
A.topic12r:hover {
    font-size: 12px;
    color: #A68D3B;
    text-decoration: underline;
    filter: progid: DXImageTransform.Microsoft.Glow(color=#ea6400, strength=2);
}
A.topic16:link {
    font-size: 16px;
    color: #000000;
    text-decoration: none;
    filter: progid: DXImageTransform.Microsoft.Glow(color=white, strength=2);
}
A.topic16:active {
    font-size: 16px;
    color: #CC0000;
    text-decoration: underline;
    filter: progid: DXImageTransform.Microsoft.Glow(color=white, strength=2);
}
A.topic16:visited {
    font-size: 16px;
    color: #000000;
    text-decoration: none;
    filter: progid: DXImageTransform.Microsoft.Glow(color=white, strength=2);
}
A.topic16:hover {
    font-size: 16px;
    color: #CC0000;
    text-decoration: underline;
    filter: progid: DXImageTransform.Microsoft.Glow(color=#ea6400, strength=2);
}
A.topicnewsred:link {
    font-size: 16px;
    color: #CC0000;
    text-decoration: none;
    filter: progid: DXImageTransform.Microsoft.Glow(color=white, strength=2);
}
A.topicnewsred:active {
    font-size: 16px;
    color: #CC0000;
    text-decoration: underline;
    filter: progid: DXImageTransform.Microsoft.Glow(color=white, strength=2);
}
A.topicnewsred:visited {
    font-size: 16px;
    color: #CC0000;
    text-decoration: none;
    filter: progid: DXImageTransform.Microsoft.Glow(color=white, strength=2);
}
A.topicnewsred:hover {
    font-size: 16px;
    color: #CC0000;
    text-decoration: underline;
    filter: progid: DXImageTransform.Microsoft.Glow(color=#ea6400, strength=2);
}
.body {
    background-image: url(images/topbgw.jpg);
    background-repeat: repeat-x;
}
#logo {
    padding: 3px 0px 1px 5px;
}
.indexbg {
    background-attachment: scroll;
    background-image: url(images/topbgw.jpg);
    background-repeat: repeat-x;
    background-position: left top;
}
ul#tabnav {
    list-style-type: none;
    margin: 0px;
    padding-buttom: 0px;
    padding-left: 0px;
    font: 16px 新細明體, Arial, Helvetica, sans-serif;
}
ul#tabnav li {
    float: left;
    background-color: #FFFFFF;
    margin-right: 1px;
    margin-left: 0px;
    border-top: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
    border-left: 1px solid #DEDEDE;
    border-bottom: 0px solid #FFFFFF;
}
ul#tabnav a:link, ul#tabnav a:visited {
    display: block;
    color: #111111;
    text-decoration: none;
    padding: 3px 10px 1px 10px;
}
ul#tabnav a:hover {
    background-color: #000000;
    color: #FFFFFF;
}
div#recipes {
    width: 760px;
    float: left;
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: none;
    color: #000000;
    clear: both;
}
div#recipes li.selected {
    border-top: 1px solid #DEDEDE;
    border-right: 1px solid #DEDEDE;
    border-left: 1px solid #DEDEDE;
    border-bottom: none;
    color: #000000;
    background-color: #DEDEDE;
    font-weight: bold;
}
div#leftbar {
    display: block;
    text-decoration: none;
    padding: 6px;
    font: 12px 新細明體, Arial, Helvetica, sans-serif;
}
div#subnav {
    display: block;
    text-decoration: none;
    padding: 10px 0px 0px 0px;
    font: 12px 新細明體, Arial, Helvetica, sans-serif;
}
div#ssubnav {
    display: block;
    text-decoration: none;
    padding: 5px 0px 0px 25px;
    font: 12px 新細明體, Arial, Helvetica, sans-serif;
}
div#leftbar li.selected {
    color: #CC0000;
    background-color: #EFEEDE;
}
div#title {
    width: 100%;
    margin: 3px;
    padding: 15px 0px 10px 15px;
    border: 0;
    font-family: "標楷體";
    font-size: 18pt;
    line-height: 18pt;
}
div#content {
    width: 95%;
    float: left;
    padding: 5px;
    border: 0;
    clear: both;
    color: #333333;
    font-size: 12px;
    font-family: "新細明體", "細明體";
    letter-spacing: 1px;
    line-height: 20px;
}
div#categorytitle {
    background-color: #EFEEDE;
    padding: 6px;
    margin: 0px width: 100%;
    margin: 0px;
    border: 0;
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    color: #8D845D;
}
ul#leftbarnav a:link, ul#leftbarnav a:visited {
    display: block;
    text-decoration: none;
    padding: 6px;
    font: 12px 新細明體, Arial, Helvetica, sans-serif;
}
ul#leftbarnav a:hover {
    display: block;
    text-decoration: underline;
    padding: 6px;
    font: 12px 新細明體, Arial, Helvetica, sans-serif;
}
td#leftbar {
    background-image: url(images/leftbar_bg.gif);
    background-repeat: repeat-y;
}
ul#admtabnav {
    list-style-type: none;
    margin: 10px;
    padding-buttom: 0px;
    padding-left: 0px;
    font: 16px 新細明體, Arial, Helvetica, sans-serif;
}
ul#admtabnav li {
    float: left;
    background-color: #FFFFFF;
    margin-right: 3px;
    margin-left: 3px;
    border-top: 1px solid #EBEBEB;
    border-right: 1px solid #EBEBEB;
    border-left: 1px solid #EBEBEB;
    border-bottom: 0px solid #FFFFFF;
}
ul#admtabnav a:link, ul#admtabnav a:visited {
    display: block;
    color: #000000;
    text-decoration: none;
    padding: 6px;
}
ul#admtabnav a:hover {
    background-color: #D4D0C8;
    color: #C40000;
}
div#admrecipes li.selected {
    border-top: 1px solid #EBEBEB;
    border-right: 1px solid #EBEBEB;
    border-left: 1px solid #EBEBEB;
    border-bottom: none;
    color: #000000;
    background-color: #EBEBEB;
    font-weight: bold;
}
div#admrecipes {
    border-top: none;
    border-right: none;
    border-left: none;
    border-bottom: none;
    color: #000000;
    background-color: #FFFFFF;
}
div#bars {
    width: 99%;
    height: 1px;
    float: left;
    background-color: #EBEBEB;
    margin-right: 1px;
    margin-left: 1px;
    padding: 0px;
    border: 0;
}
div#contents {
    width: 96%;
    float: left;
    background-color: #EBEBEB;
    margin-right: 1px;
    margin-left: 1px;
    border-top: 1px solid #EBEBEB;
    border-right: 1px solid #EBEBEB;
    border-left: 1px solid #EBEBEB;
    border-bottom: 1px solid #EBEBEB;
    padding: 20px;
}
div#news {
    padding: 10px 0px 20px 20px;
    float: left;
}
div#newsbanner {
    padding: 0px;
    float: right;
}
div#sitemap {
    text-align: left;
    width: 778px;
    float: center;
    padding: 20px 0px 20px 20px;
    border: 0;
    border-top: 1px solid #EBEBEB;
    border-right: 1px solid #EBEBEB;
    border-left: 1px solid #EBEBEB;
    border-bottom: 1px solid #EBEBEB;
}
div#contactus {
    text-align: left;
    width: 778px;
    float: center;
    padding: 20px 0px 20px 20px;
    border: 0;
    border-top: 1px solid #EBEBEB;
    border-right: 1px solid #EBEBEB;
    border-left: 1px solid #EBEBEB;
    border-bottom: 1px solid #EBEBEB;
}
.foot {
    width: 778px;
    background-color: #FFFFFF;
    float: center;
    padding: 10px 10px 10px 10px;
    border-top: 0px solid #EBEBEB;
    border-right: 0px solid #EBEBEB;
    border-left: 0px solid #EBEBEB;
    border-bottom: 0px solid #EBEBEB;
    color: #333333;
    font-size: 12px;
    font-family: "新細明體", "細明體";
    letter-spacing: 1px;
}

/* news_detail */
#news_body {
    text-align: center;
    background-color: #EAEBEA;
}
#wrap {
    text-align: center;	
	background-color: #EAEBEA;
	margin: 0px auto;
    min-height:100%;
}
#news_detail {
    width: 88%;
    background-color: #FFFFFF;
    background-image: url('images/g_bg_t.png');
    background-repeat: repeat-x;
    border: 0px;
    padding: 10px 30px 0px 30px;
    text-align: left;
    margin: auto;
    _margin: 0px auto;
    *margin: 0px auto;
   /* margin-bottom: -3600px;
    padding-bottom: 3600px; */
    min-height:100%;
}
.news_content {
    line-height: 150%;
    word-wrap: break-word;
    word-break: break-all;
    /*text-indent: 32px; */
    
    color: #363636;
    font-family: "微軟正黑體", "Microsoft JhengHei", "新細明體", "細明體", "Arial", "Helvetica", "sans-serif";
}
.news_author {
    line-height: 200%;
    color: #363636;
    font-family: "微軟正黑體", "Microsoft JhengHei", "新細明體", "細明體", "Arial", "Helvetica", "sans-serif";
}
.news_date {
    font-size: smaller;
    color: #363636;
    font-family: "微軟正黑體", "Microsoft JhengHei", "新細明體", "細明體", "Arial", "Helvetica", "sans-serif";
}
.news_subject {
    font-family: "微軟正黑體", "Microsoft JhengHei", "新細明體", "細明體", "Arial", "Helvetica", "sans-serif";
    font-size: 28px;
    font-weight: bold;
}
.clear {
    clear: both;
    background: none;
}
.Consolas {
    font-family: Consolas;
}

/* Login Form */
#DivMain {
	width: 100%;
	border: 0px;
	margin: auto auto;
	_margin: auto auto;
	text-align: center;
}

#DivLogin {
	margin: 10% auto;
	padding: 30px;
	width: 360px;
	border: 1px solid #F5F5F5;
    border-radius: 2px;
    box-shadow: 1px 1px 1px #E0E0E0;
	background-color: #F7F7F7;
	line-height: 200%;
	letter-spacing: 2px;
	text-align: center;
}

#DivLoginForm {
	width:300px;
	margin: auto auto;
	text-align: left;
}

.ButtonLogin{
	height:30px;
	width:300px;
	font-family: "微軟正黑體", "新細明體", "細明體", "Arial", "Helvetica", "sans-serif";
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 200%;
	background-color: #D4D0C8;
	border-top: 1px solid #E0E0E0;
	border-right: 1px solid #E0E0E0;
	border-left: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;
    border-radius: 2px;
    box-shadow: 1px 1px 1px #E0E0E0;
}

.FormInput{
	height:20px;
	width:298px;
	border-top: 1px solid #E0E0E0;
	border-right: 1px solid #E0E0E0;
	border-left: 1px solid #E0E0E0;
	border-bottom: 1px solid #E0E0E0;	
}

#DivLogo {
	width:217px;
	height:60px;
	padding:0px;
	margin: auto auto;
	_margin: auto auto;
	background-image : url("images/TAH_hand.png");
	background-repeat: no-repeat;
	background-position: left top;
}

.SysTitle{
	color:#D4D0C8;
	font-family: "微軟正黑體", "新細明體", "細明體", "Arial", "Helvetica", "sans-serif";
	font-weight: bold;
	font-size: 32px;
	letter-spacing: 2px;
}

.online {
    border: 1px solid #000000;
    background-color: #99FF00
}
.offline {
    border: 1px solid #000000;
    background-color: #D4D0C8
}
.verify {
    border: 1px solid #000000;
    background-color: #D4D0C8
}
.noverify {
    border: 1px solid #000000;
    background-color: #FC9780
}