@charset "utf-8";
/* CSS Document */

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;} 

div,p,ul, li,h1, h2, h3, h4, h5, h6, p ,hr,body,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,time,dl,dt{margin: 0px;padding: 0px;}
li {list-style: none;}

a:link,a:visited {
	text-decoration: none;
	color: #FF9;
}
a:hover {
	text-decoration: underline;
}

body{
	background-color: #e9dbc6;
	background-image: url(../images/body_bg.png);
	background-repeat: repeat-x;
	background-position: top;
	font-family: 
; 	font-family: "微軟正黑體", "新細明體", "標楷體, Arial, Helvetica, sans-serif;";
}
#wapper{
	height: auto !important;
	height: 530px;
	width: 930px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/w_bg.png);
	background-repeat: repeat-y;
}
/*header*/
#header{
	background-image: url(../images/header.png);
	background-repeat: no-repeat;
	height: 107px;
	width: 930px;
	z-index: -2;
}
/*figure*/
#pic_02{
	background-image: url(../images/pic_02.png);
	background-repeat: no-repeat;
	height: 175px;
	width: 134px;
	position: absolute;
	margin-top: 20px;
	margin-left: 5px;
	z-index: 1;
}
#pic_04,#pic_04_inside{
	background-image: url(../images/pic_04.png);
	background-repeat: no-repeat;
	height: 26px;
	width: 261px;
}
#pic_04{
	position: absolute;
	margin-top: 70px;
	margin-left: 140px;
	z-index: 1;
}
#pic_04_inside{/*內頁用放置位置不同*/
	position: absolute;
	margin-top: 50px;
	margin-left: 380px;
	z-index: 1;
}
#pic_03{
	background-image: url(../images/pic_03.png);
	background-repeat: no-repeat;
	height: 98px;
	width: 122px;
	margin-top: 20px;
	margin-left: 800px;
	position: absolute;
	z-index: 1;
}
#logo,#logo2{
	background-image: url(../images/bbq_pig_logo.png);
	background-repeat: no-repeat;
	height: 115px;
	width: 344px;
}
#logo{
	margin-top: 20px;
	margin-left: 410px;
	position: absolute;
	z-index: 1;
}
#logo2{/*內頁logo放置位置*/
	margin-top: 15px;
	margin-left: 10px;
	position: absolute;
	z-index: 1;
}

#box{/*包住#pic_gif 為了footer*/
	height: 325px;
	width: 930px;
}
#pic_gif{/*首頁中間主圖*/
	background-image: url(../images/bbq_pig.gif);
	background-repeat: no-repeat;
	height: 347px;
	width: 930px;
	position: absolute;
	margin-top: -22px;
}
/*nav*/
#home_nav{/*首頁選單-*/
	height: 290px;
	width: 500px;
	margin-top: 30px;
	position: absolute;
}
#pic_01{
	background-image: url(../images/pic_01.png);
	background-repeat: no-repeat;
	height: 184px;
	width: 170px;
	margin-top: 220px;
	margin-left: 750px;
	position: absolute;
}
#qrcode{
	background-image: url(../images/bbq_qrcode.png);
	background-repeat: no-repeat;
	height: 70px;
	width: 70px;
	margin-top: 335px;
	margin-left: 660px;
	position: absolute;
}
/*--------------內頁-------------------*/
#back_home{
	height: 25px;
	width: 82px;
	margin-top: 50px;
	margin-left: 680px;
	position: absolute;
}
/*nav*/
#nav{
	background-image: url(../images/nav_bg.png);
	background-repeat: no-repeat;
	height: 65px;
	width: 920px;
	padding-top: 5px;
	padding-right: 10px;
}
aside#left{
	float: left;
	width: 200px;
}
  #left_1{
	background-image: url(../images/menu_1.png);
	background-repeat: no-repeat;
	height: 105px;
	width: 200px;
}
  #left_2{/*子選單_打字區*/
	padding-right: 20px;
	padding-left: 30px;
	padding-bottom: 10px;
}
  #left_2 ul{
	font-weight: bold;
	color: #692619;
}
  #left_2 li{
	list-style-type: disc;
	margin-left: 30px;
}
  #left_2 a{
	color: #666;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
}
  #left_2 a:hover{
	font-weight: bold;
	color: #FFF;
	background-color: #F60;
}

  #left_3{
	background-image: url(../images/menu_3.png);
	background-repeat: no-repeat;
	height: 45px;
	width: 200px;
}
/*------------內頁右邊-------------*/
article#right{
	float: left;
	width: 730px;
}
  h2{/*放banner*/
	height: 40px;
	width: 730px;
}
  #content{/*放內容區*/
	width: 695px;
	padding-right: 20px;
	padding-left: 15px;
	padding-top: 10px;
	line-height: 1.4em;
}

#foot,#foot2{
	clear: both;
	color: #FFF;
	padding-right: 15px;
	padding-left: 25px;
	line-height: 1.4em;
	font-size: 0.95em;
	margin-bottom: 20px;
	width: 890px;
}
#foot{
	background-image: url(../images/footer.png);
	background-repeat: repeat-x;
	height: 83px;
	padding-top: 13px;
}#foot2{
	text-align: center;
	background-image: url(../images/footer2.png);
	background-repeat: no-repeat;
	height: 83px;
	padding-top: 58px;
}
#page_top{
	height: 20px;
	width: 120px;
	margin-top: -45px;
	margin-left: 470px;
	position: absolute;
	font-weight: bold;
	background-color: #F63;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px; /* IE 6+  */
	behavior: url(ie-css3.htc); /* 使用ie-css3 */
}#page_top a{
	color: #FFF;
}
.t1{
	font-size:  0.75em;
	line-height: 1.9em;
	color: #CCC;
}
#pic{
	text-align: center;
	margin-top: 5px;
}
.pic{
	padding: 7px;
	border: 1px solid #C93;
	background-color: #FFF;
}
.t2{
	font-weight: bold;
	color: #F00;
}.t2 a{
	color: #06F;
}
.t3{/*步驟使用*/
	font-size: 1.2em;
	line-height: 1.8em;
	font-weight: bold;
	color: #F60;
}.t4{
	text-indent: 9%;
}
figcaption{
	color: #396;
	font-weight: bold;
}/*說明圖字體*/