html,body{
	margin:0;
	padding:0;
	height:100%;
	font-family:Arial,"新細明體",Helvetica, sans-serif;
	font-size:11px;
	color:#747373;
	line-height: 17px;
	background-color: #e5f7ff;
}
a{color:#747373;text-decoration:none;}

a:hover{color:#747373;text-decoration:underline;}

.bgcolor {
	background-color: #e5f7ff;
}
.bgcolor_tab_green {
	background-color: #d2f3e8;
}
.bgcolor_tab_blue {
	background-color: #c6e1f6;
}
.bgcolor_tab_orange {
	background-color: #fae6be;
}
.bgcolor_tab_yellow {
	background-color: #f7f4db;
}
.table_bgcolor01 {
	background-color: #e8e9eb;
}
.width_main {
	background-color: #FFFFFF;
	width: 776px;
}
.width_inner {
	width: 573px;
}

.width_left {
	width: 146px;
}
.width_mid {
	width: 5px;
}
.width_right {
	width: 623px;
}

.width_inner_right {
	width: 166px;
}
.width_left02 {
	width: 485px;
}
.width_inner_right02 {
	width: 87px;
}
.mar_course {
	width: 3px;
}
.width_01 {
	width: 7px;
}
.width_02 {
	width: 4px;
}
.width_03 {
	width: 10px;
}
.width_04 {
	width: 8px;
}
.width_main_leftban {
	width: 17px;
}
.width_box_mar {
	width: 16px;
}
.width_box {
	width: 566px;
}
.width_main_left {
	width: 191px;
}
.width_main_top {
	width: 23px;
}
.width_search {
	width: 173px;
}
.height_01 {
	height: 7px;
}
.height_02 {
	height: 9px;
}

.height_03 {
	height: 10px;
}
.height_04 {
	height: 5px;
}
.bg_course {
	background-image: url(../chi/images/common/bg_course.gif);
	background-repeat: repeat-x;
}
.bg_search {
	background-image: url(../chi/images/common/bg_search.gif);
	background-repeat: repeat-x;
}
.bg_search_01 {
	background-image: url(../chi/images/common/bg_search_01.gif);
	background-repeat: repeat-x;
}
.bg_hot {
	background-image: url(../chi/recipe/images/bg_recipe_hot.gif);
	background-repeat: repeat-x;
}
.dotline {
	background-image: url(../chi/images/common/dot.gif);
	background-repeat: repeat-x;
	height: 24px;
	background-position: center;
}
.bg_TVC8 {
	background-image: url(../chi/images/TVC/bg_TVC8.jpg);
	background-repeat: no-repeat;
}
.img_hot { 
    border: 1px solid #FFFFFF; 
} 
.img_search { 
    border: 2px solid #FFFFFF; 
} 
.listBox_type {
    color:#747373;
	font-family: Arial,"新細明體",Helvetica, sans-serif;
	font-size: 11px;
	width: 173px;
}
.listBox_type02 {
    color:#747373;
	font-family: Arial,"新細明體",Helvetica, sans-serif;
	font-size: 11px;
	width: 87px;
}
.listBox_main {
    color:#747373;
	font-family: Arial,"新細明體",Helvetica, sans-serif;
	font-size: 11px;
	width: 136px;
}
.listBox_mainbig {
    color:#5b5b5b;
	font-family: Arial,"新細明體",Helvetica, sans-serif;
	font-size: 13px;
	width: 136px;
}
.listBox_mainbig_eng {
    color:#5b5b5b;
	font-family: Arial,Helvetica, sans-serif;
	font-size: 11px;
	width: 136px;
}
.listBox_main02 {
    color:#5b5b5b;
	font-family: Arial,"新細明體",Helvetica, sans-serif;
	font-size: 12px;
	width: 136px;
}
.listBox_nowidth {
    color:#747373;
	font-family: Arial,"新細明體",Helvetica, sans-serif;
	font-size: 11px;
}
.bg_type01 {
	background-image: url(../chi/recipe/images/bg_tit_type_01.gif);
	background-repeat: repeat-x;
}
.footer_eng {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#747373;
}
.input {
	font-family: Arial,"新細明體",Helvetica, sans-serif;
	font-size: 11px;
	color: #5b5b5b;
}
.input_main01 {
	font-family: Arial,"新細明體",Helvetica, sans-serif;
	font-size: 11px;
	color: #5b5b5b;
	width: 110px;
}
.input_main02 {
	font-family: Arial,"新細明體",Helvetica, sans-serif;
	font-size: 11px;
	color: #5b5b5b;
	width: 118px;
}
.input_main03 {
	font-family: Arial,"新細明體",Helvetica, sans-serif;
	font-size: 11px;
	color: #5b5b5b;
	width: 94px;
}
.line_dark {
	background-color: #484848;
	height: 1px;
}
.line_dark_ver {
	background-color: #484848;
	width: 1px;
}
.bg_footer {
	background-image: url(../chi/images/common/bg_footer.gif);
	background-repeat: repeat-x;
}
.border_grey_l {
	background-color: #e2e2e2;
	width: 7px;
	background-image: url(../chi/recipe/images/border_grey_l.gif);
}
.border_grey_r {
	background-color: #e2e2e2;
	width: 7px;
	background-image: url(../chi/recipe/images/border_grey_r.gif);
}

.bg_titpop_bg {
	background-image: url(/chi/recipe/images/img_pop_topbg.jpg);
	background-repeat: repeat-x;
}
.titpop_white_bold {
	font-family: "新細明體", Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	font-weight: bold;
	padding-top:13px;
}
.titpop_white_bold_eng {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
	padding-top:13px;
}
.bg_popsub_top {
	background-image: url(/chi/recipe/images/img_popsub_topbg.jpg);
	background-repeat: repeat-x;
}

.bg_popsub_bot {
	background-image: url(/chi/recipe/images/img_popsub_botbg.jpg);
	background-repeat: repeat-x;
}

.bg_popsub_content {
	background-image: url(/chi/recipe/images/img_popsub_bg.jpg);
	background-repeat: repeat-y;
}

.bg_color_yellow {background-color:#f4eeb9;}

.bg_popsub_gray {background-color:#f2f2f2;}

.tab_pop_right {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}

.pop_contentPadding{font-family: Arial, "新細明體", Helvetica, sans-serif; padding: 0px 0px 0px 10px; font-size: 12px;}

.spoint_orange{
	font-family: Arial, "新細明體", Helvetica, sans-serif;
	font-size: 9px;
	color: ee9800;
}
.point_orange{
	font-family: Arial, "新細明體", Helvetica, sans-serif;
	font-size: 12px;
	color: ee9800;
}

.blue_link{
	font-family: Arial, "新細明體", Helvetica, sans-serif;
	font-size: 12px;
	color: 4c9ce0;
}

a.blue_link:hover{color:#4c9ce0;text-decoration:underline;}

.bg_per_top {
	background-color: #85abec;
	background-image: url(../chi/recipe/images/bg_per_new.gif);
	background-repeat: repeat-x;
	height: 40px;
}

.bg_white {
	background-color: #ffffff;
}
.bg_per_tab_b {
	background-color: #e5f8f6;
}
.bg_per_tab_r {
	background-color: #ffe7c8;
}
.bg_per_white_padd {
	background-color: #ffffff;
	padding:11px;
}
.bg_per_blue_padd {
	background-color: #e4f6fe;
	padding:11px;
}
.buttlet_num {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #ee9800;
}
.tit_details {
	font-family: Arial, "新細明體", Helvetica, sans-serif;
	font-size: 20px;
	color: #e2a400;
	font-weight: bold;
	padding:11px;
}
.tit_details_eng {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #e2a400;
	font-weight: bold;
	padding:11px;
}
.bg_per_yel {
	background-color: #fff5d9;
}
.border_grey_ver {
	background-color: #d7d4e0;
	width: 1px;
}
.border_grey_hor {
	background-color: #d7d4e0;
	height: 1px;
}

/*added by karl 2007/11/06 13:00*/
table.navbar
{font-size: 8pt;
margin: 0px;
padding: 0px; 
border: 0px; 
font-weight: bold;}

table.menu
{font-size: 8pt;
margin: 0px;
padding: 0px;
font-weight: bold;}

td.menuNormal
{padding: 0px;
color: black;
font-weight: bold;
vertical-align: top;
}

td.menuHover
{padding: 0px;
color: black;
font-weight: bold;
vertical-align: top;
}

div.menuNormal
{display: none;
position: static;}

div.menuHover
{border: 1px solid lightblue;
background-color: white;
display: inline;
position: absolute;
margin: -4;
z-index: 1;
}

a.menuitem:link
{text-decoration: none;
color: black;
background-color: white;
display: block;}

a.menuitem:visited
{text-decoration: none;
color: black;
background-color: white;
display: block;}

a.menuitem:hover
{text-decoration: none;
color: black;
background-color: lightblue;
display: block;}

a.menuitem:active
{text-decoration: none;
color: black;
background-color: lightblue;
display: block;}

.bg_blue_per_bottom{
background-color: #d4e3fb;
padding: 8px;
}

.stealth{
display: none;
}

.form2{
margin:0;
	padding:0;
	height:100%;
	font-family:Arial,"新細明體",Helvetica, sans-serif;
	font-size:11px;
	color:#747373;
	line-height: 17px;
}

/*Style sheet used for demo. Remove if desired*/
.handcursor{
cursor:hand;
cursor:pointer;
}