@charset "utf-8";
/* CSS Document */
.style1 {font-size: 24px; font-weight:bold;}
.style2 {font-size: 10px;}
.style3 {font-size: 11px; color: #D72203;}
.style4 {font-weight:bold;}
.style5 {font-size: 18px; font-weight:bold;}
.style5 {font-size: 18px; color: #FF0000;}
a {
	color:#0000FF;
	text-decoration: none;
}
	
	
a:visited {
	color:#0000FF;
	text-decoration: none;
}
	
a:hover {
	color:#0000FF;
	text-decoration:underline;
}

body  {
	font:arial, 新細明體, mingliu;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: justify; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	background-image:url(img/bg-main2.png);
	background-repeat:repeat;
}

#orderingMenu a {
	font-weight:bold;
	color:#333333;
	text-decoration: none;
}
	
	
#orderingMenu a:visited {
	font-weight:bold;
	color:#333333;
	text-decoration: none;
}
	
#orderingMenu a:hover {
	font-weight:bold;
	color:#CC0000;
	text-decoration: none;
}


#main {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100% auto;

}

#bigContainer {
margin: 0 auto;
width:900px;
background-image:url(img/bg-main.png);
background-position:center top;
background-repeat:no-repeat;
background-color:#FFFFFF;
}

#container {
position:relative;
margin: 0 auto;
width:800px;
}

#top {
background-repeat:no-repeat;
background-image:url(img/banner1.png);
background-position:center;
width:800px;
height:93px;
}

#top2 {
background-repeat:no-repeat;
background-image:url(img/banner2.png);
background-position:center;
width:800px;
height:93px;
}

#mini_menu {
position:relative;
text-align:right;
right:20px;
}

#top_menu {
position:relative;
text-align:right;
right:20px;
top:35px;

}

#middle {
position:relative;
top:15px;
width:800px;
}

#m_left{
float: left;
width:240px;
height:600px;
}
#menu{
width:240px;
}

#m_middle{
position:relative;
left:20px;
width:330px;
float: left;

}

#m_middle2{
position:relative;
left:20px;
width:330px;
height:600px;
float: left;
background-repeat:no-repeat;
background-image:url(img/main2-3_middle.jpg);
background-position:top right;

}

#m_right{
position:relative;
width:217px;
float: right;
}

#bottom{
clear:both;
position:relative;
}

.main-icon{
margin:0 0 3px 10px;
}

.main-heading{
margin:0 0 0 10px;
padding:5px 0 5px 0;
border-top: 1px solid black;
border-bottom: 1px solid red;
}

.list{
margin: 0 0 0 10px;
padding: 0 0 5px 0;
border-bottom: 1px solid red;
}

.list li{
border-bottom: 1px solid red;
padding: 5px 0 5px 0;
margin:0;
list-style-image:url(img/sq_point.png);
}

.normal-list li{
border-bottom: 0;
}

.ordering-menu {
margin:0;
padding:0;
list-style:none;
}

.ordering-menu li{
display:block;
float:left;
margin:0;
padding:5px;
font-size:18px;
}

.ordering-menu a, .ordering-menu a:visited, .ordering-menu a:active{
color:black;
font-weight:bold;
}

.ordering-menu a:hover{
text-decoration:none;
color:#CC0000;
}

.ordering-menu li.selected {
background-color:#FFFF99;
}

.list .question{
font-weight: bold;
font-size:20px;
color: Red;
}