body {background:#FFF;-webkit-text-size-adjust:none; word-wrap:break-word; word-break:normal;font-size:13px;}
body, input, textarea, select , p , table, div{font-size:13px; color:#000; font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;}
dd,dt,dl,p,ul,li,ol,form,input,h1,h2,h3,h4,h5,h6 {margin:0px;padding:0px;}
ul,ol,li {list-style-type:none; list-style-image:none;}
h1,h2,h3,h4,h5,h6 {font-weight:normal; font-style:normal;}

a {text-decoration:none; 
	color:#00349A; 
	outline: none; /* for Firefox */
	hlbr:expression(this.onFocus=this.blur()); /* for IE */
}
a:hover {text-decoration:underline;color:#91ADE7;}

/*clearfix*/
.clear {clear:both;}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
img {border:none; text-decoration:none;}
#footer{width:717px;margin:auto;font-size:10px; text-align:center; height:18px; line-height:18px;background-color:#c27b00; color:#FFF;}

/*iframe*/
div.iframe{
	width:717px;
	margin:auto;
	background:url(images/bg.gif) repeat-y top left;
	font-size:13px;
	padding:0 0 30px 0;
}
div.D{ padding:20px 0;}

div.iframe h3{
	font-size:15px;
	background:url(images/Q_bg.gif) no-repeat;
	width:717px;
	height:64px;
	font-weight:bold;
	color:#993300;
	padding:30px 0 0 85px;	
}
div.iframe h3 strong{
	color: #FF3300;
	padding:0 2px;
	font-size:18px;
	font:18px "Helvetica Neue",Helvetica,"Heiti TC","微軟正黑體","Microsoft Sans Serif",Helvetica,Geneva,sans-serif; font-weight:bold;
}
div.iframe div.title_01 h3{
	padding:30px 0 0 120px;
	line-height:18px;
	width:597px;
}
div.iframe div.title_02 h3{
	padding:22px 0 0 120px;
	line-height:18px;
	width:597px;
}
div.iframe div.title_01,
div.iframe div.title_02{
	position:relative;
}

div.iframe div.title_01 p,
div.iframe div.title_02 p{
	color:#cd1f1f;
	margin-right:15px;
	position:absolute;
	top:30px;
	left:55px;
	font-weight:bold;
}
div.iframe h3 span{
	font-size:13px;
	color:#666;
	line-height:20px;
	font-weight: normal;
	display:block;
}


/*選中西*/
div.iframe ul.menu01 li.L,ul.menu01{
	width:484px;
	margin:auto;
}
div.iframe ul.menu01 li a.L,
div.iframe ul.menu01 li a.R{
	width:202px;
	height:215px;
	background:url(images/menu01.gif) no-repeat;
	float:left;
	margin:50px 20px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
div.iframe ul.menu01 li a.L{ background-position:0 0;}
div.iframe ul.menu01 li a.R{ background-position:0 -300px;}

div.iframe ul.menu01 li a:hover{ margin:52px 20px 50px 20px;}

/*選食物清單*/
div.iframe ul.menu02{
	width:680px;
	margin:auto;
} 
div.iframe ul.menu02 li{
	width:156px;
	height:166px;
	float:left;
	margin:6px 7px;
	position:relative;
} 
div.iframe ul.menu02 li span.on{
	border:solid 3px #ff604e;
	position:absolute;
	width:156px;
	height:166px;
	display:block;
	opacity:0.75;
}

div.iframe div.other{
	background:url(images/otherBg.gif) no-repeat;
	width:495px;
	height:121px;
	margin:15px auto;
	padding:40px 0 0 15px;
}
div.iframe div.other textarea{
	width:460px;
	height:100px;
}



/*送出按鈕*/
div.iframe div.btn{ width:395px; margin:0 auto 0 auto;_width:500px;}
div.iframe div.btn a{
	height:102px;
	display:block;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 10px 50px 10px;
}
div.iframe div.btn a.back{
	width:179px;
	background:url(images/btn_back.gif) no-repeat 0 6px;
}
div.iframe div.btn a.goon{
	width:176px;
	background:url(images/btn_goon.gif) no-repeat;
}


/*第3題之後*/

div.iframe ul.menu03{
	margin:0 0 30px 120px;
	color:#993300;
}
div.iframe ul.menu03 li{
	line-height:35px;
	font-size:15px;
	font-weight:bold;
	height:35px;
}
div.iframe ul.menu03 li input{
	margin-right:5px;
	vertical-align:-2px;
}



/*基本資料*/
div.iframe ul.data{
	background:url(images/dataBg.gif) no-repeat;
	width:581px;
	height:286px;/*366*/
	margin:auto;
	color:#993300;
	font-size:15px;
	font-weight:bold;
	padding-top:80px;
	
}

div.iframe ul.data li{line-height:35px; margin-left:50px; height:35px;}
div.iframe ul.data li input.btn{
	padding:5px;
	background:#b44812;
	border:1px solid #993300;
	color:#FFF;
	font-weight:bold;
	margin:30px auto 0 -80px;
}
div.iframe ul.data li.ok{ text-align:center;}


/*lightBox*/
div.lightBox{
	background:url(images/pop_Bg.gif) no-repeat;
	width:480px;
	height:245px;
}
div.lightBox a.close{
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	background:url(images/close.gif) no-repeat;
	width:95px;
	height:38px;
	margin-left:385px;
}
div.lightBox p{
	width:250px;
	margin:25px 0 0 200px;
	line-height:25px;
}
div.lightBox p span{ color:#cc0000;}