/* CSS Document */
@charset "utf-8";body {margin:0px; border:0px; background-color:#1A0D05; background-image: url(../img/all_bg.jpg); background-repeat: no-repeat; background-position: center bottom; }

.txtLink{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #999; text-decoration: none; }


/* top */
#topBanner{width:980px; height: auto; background-image: url(../img/top_bg.jpg); background-repeat: repeat-x; }
#topMenu{width:auto; height: auto; background-image: url(../img/top/top_btn_bgs.gif); background-repeat: repeat-x; padding-left:54px; color: #6C6551; }
#topFla{width:auto; height: 370px; }
#mLogo{width:154; height: auto; float: left; }
#mBtn{width:826; height: auto; float: left; }

/* main */
#main{width:980px; height: auto; background-image: url(../img/ind/main_bg.jpg); background-repeat: no-repeat; background-position:bottom; }
#mainAll{width:auto; height: 250px; margin-top: 30px; margin-left: 54px; }

/*#mainAll{width:auto; height: 200px; background-image: url(../img/ind/main_bg.jpg); margin-top: 30px; background-attachment: fixed;background-position: top;margin-left: 54px; }*/

/* index */
#mainRight{width: 205px; height: 207px; float:left; background-repeat: no-repeat;background-image: url(../img/map_bg.gif); }
#mainCenter{width:282px; height: auto; float:left; margin-left: 22px;background-image: url(../img/ind/new_bg.jpg); padding-top: 4px; }
#newTxt{width:260px; height: 80px; float:left;font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFF;text-decoration: none; margin-top: 115px;margin-left: 4px;text-align: left; line-height: 22px; }
#mainLeft{width:380px; height: auto;float: left;margin-left: 22px;background-repeat: no-repeat;background-image: url(../img/ind/te_line.jpg); background-position: center top; padding-top: 4px; }
#testimonyTxt{width:380px; height: 130px;margin-top: 6px; text-align: left; }
#testimonyImg{width:auto; height: auto;margin: 10px; text-align: center; float: left; }
#example{width:3000px; height: auto; float: left; }
/*Com*/
#mainBbg{width: 592px; height: auto; background-repeat: no-repeat; background-image: url(../img/main/b_bg.jpg);margin-left:10px; margin-top:88px; padding-bottom: 20px; float: left; background-color: #080300; }
#mainBd{width: 592px; height: auto; padding-left:10px; float: left; }
#mainR{width: 368px; height: auto; float: left; }
#mainImg{width: 368px; height: 366px; background-repeat: no-repeat; background-image: url(../img/main/com_img.jpg); }
#mainQa{width: 368px; height: 140px; background-repeat: no-repeat; background-image: url(../img/main/com_qabg.jpg); margin-top:15px; padding-top:55px}

.titleImg{width: 47px; height: auto; float: left; }
.txtW11{width: 505px; height: auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFF; text-decoration: none; line-height: 19px; margin-left:15px; margin-top:25px; padding-right:5px; float:right; }
.txt50{width: 50%; height: auto; float: left; }
.guarantee{width: auto; height: auto; float: right; }
.txtQa{width: auto; height: auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFF; text-decoration: none; line-height: 19px; margin-left:96px; }
#mainG{width:950px; height: auto; text-align: center; padding-top:30px}
/* down */
#footerBg{width:916px; height: auto; text-align: left;vertical-align: top; margin-bottom: 20px;margin-left: 54px;margin-right:10px}
#companyAll{width:auto; height: auto; }
#companyName{width:400px; height: 30px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;color: #CCC;float: left;letter-spacing: 2px; margin-top: 10px; }
#companyAdd{width:460px; height: auto;float: left;margin-top: -8px; }
#downBtn{width:auto; height: 23px;float: right; padding-left: 0px; padding-top: 17px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #9E926E; text-align: right; }
.downBtnTxt{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;color: #9E926E;text-decoration: none;line-height: 15px; }
.downBtnTxt:hover{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 10px;color: #FFF;text-decoration: none;line-height: 15px; }
.downBtnTxtT{font-family: 新細明體; font-size: 11px;color: #9E926E;text-decoration: none;line-height: 15px; }
.downBtnTxtT:hover{font-family: 新細明體; font-size: 11px;color: #FFF;text-decoration: none;line-height: 15px; }
#copy01{width:auto;height: auto;float: right;text-align: right;margin-top: 22px; }
.copyright{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #9E926E;text-decoration: none;text-align: center; }
.addTitle{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #CCC;text-decoration: none;font-weight: bold; }

/* */
.demo {float: left;padding: 10px; }
.logo {position: relative;width: 480px;white-space: nowrap; }
#guru {padding: 4px;width: 99%;height: auto;text-align: center;background-color: black; }
#guru div {border: solid 3px red; padding: 4px; font-family: monospace; font-size: 1.25em; width: auto; height: auto;color: red; text-align: center;text-decoration: blink; }
#header {margin-bottom: 0;font-weight: normal;font-style: italic;color: gray; }
.bookmarks {white-space: nowrap;width: 98%;margin: 0;padding-top: 10px;border-top: 1px dotted gray; }

#mspace{width: auto; height: auto; margin-top: 15px; background-image: url(../img/ind/te_line.jpg); background-repeat: no-repeat; background-position: center bottom; padding-bottom: 4px; }

/*Pro*/
#mainRecipes{width: 592px; height: auto; background-repeat: no-repeat; background-image: url(../img/pro/pro_cooking.jpg); margin-left:10px; background-position: left bottom; margin-top:88px; padding-bottom: 20px; float: left; background-color: #080300; }
#mainRecipesC{width: 592px; height: auto; background-repeat: no-repeat; background-image: url(../img/pro/t_pro_cooking.jpg); margin-left:10px; background-position: left bottom; margin-top:88px; padding-bottom: 20px; float: left; background-color: #080300; }
#mainRecipesSNC{width: 592px; height: auto; background-repeat: no-repeat; background-image: url(../img/pro/t_pro_cooking2.jpg); margin-left:10px; background-position: left bottom; margin-top:88px; padding-bottom: 20px; float: left; background-color: #080300; }
.txtPro{width: 505px; height: auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #999; text-decoration: none; line-height: 19px; margin-left:20px; margin-top:25px; padding-right:20px; float:right; background-image: url(../img/pro/probg.jpg); background-repeat: no-repeat; background-position: left bottom; }
.txtRec{width: 505px; height: auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #999; text-decoration: none; line-height: 19px; margin-left:18px; margin-top:25px; float:right; }
#recBg{width: 535px; height: auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #999; text-decoration: none; line-height: 19px; background-image: url(../img/main/main_bg_pess.jpg); background-repeat: repeat-y; margin-left: -40px; }
#recBg1{width: 535px; height: auto; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #CCCCCC; text-decoration: none; line-height: 19px; background-image: url(../img/main/main_bg_pes1.jpg); background-repeat: no-repeat; background-position: left top; }
#recBg3{width: auto; height: 120px; background-image: url(../img/main/main_bg_pes2.jpg); background-repeat: no-repeat; margin-left: -45px; background-position: bottom; }
.tbLine{display: block; border-bottom-width: thin; border-bottom-style: dotted; border-bottom-color: #666; }

.trLine{width:auto; height:10px; background-image: url(../img/pro/lines.gif); background-repeat: repeat-y; background-position: center bottom; color: #CCCCCC; }
.rscBrnbg{width:428px; height:48px; background-image: url(../img/main/title_sbgo.jpg); }
.rscBrnbg:hover{width:428px; height:48px; background-image: url(../img/main/title_sbg.jpg); }
.mainRecipes{width: 592px; height: auto; clear: both; margin : 0 0 0 -65px; }
/*Con*/

/*Layer*/
#indFla {position:absolute; width:980px; height:auto; z-index:2; margin-left: -54px; visibility: visible; }
#comFla {position:absolute; width:410px; height:auto; z-index:1; margin-left: -42px; visibility: visible; }
#proP {position:absolute; width:520px; height:auto; z-index:2; margin-left: -10px; }
#proNf {position:absolute; width:520px; height:auto; z-index:2; visibility: hidden; margin-left: -10px; }
#photoSp {position:absolute; width:500px; height:130px; overflow: scroll; overflow-y: hidden; scrollbar-Face-Color: #111; /*軸面*/
	scrollbar-3dlight-Color: #222; /*邊框*/ scrollbar-Arrow-Color: #715E26; /*箭頭*/ scrollbar-Base-Color: #222; scrollbar-highlight-color: #111; scrollbar-shadow-color: #111; scrollbar-track-color: #050100; /*軸軌*/ visibility: visible; }
	
#photoAll {position:absolute; width:5000px; height:130px; z-index:4; visibility: visible; }

#comGuarantee {
	position:absolute;
	width:950px;
	height:530px;
	z-index:3;
	visibility: hidden;
}	
#comGuarantee2 {
	position:absolute;
	width:950px;
	height:530px;
	z-index:4;
	visibility: hidden;
}	
.alpha1{width:950px; height:530px; background-image: url(../img/main/main_bg.jpg); background-repeat: no-repeat; background-position:bottom; background-color: #080301; filter: Alpha(Opacity=70); -moz-opacity:0.7; /* Moz + FF 透明度*/ -moz-height:600px; }
.ap1{position:relative; }

.ff_debug{width:auto;clear:both;height:0px; }

#link {display: none; }
#link1 {display: none; }
#link2 {display: none; }
#link3 {display: none; }
#link4 {display: none; }
#link5 {display: none; }
/* 
  -----------------------------------
  Accordion Panel Magic
  by Project Seven Development
  www.projectseven.com
  Style Theme: 06 - Greystone
  -----------------------------------
*/
.p7AB {}
.p7ABtrig {height:48px; background-image: url(../img/main/title_sbgo.jpg); background-repeat: repeat-x; }
.p7ABtrig:hover {height:48px; background-image: url(../img/main/title_sbg.jpg); background-repeat: repeat-x; }
.p7ABtrig h3, .p7ABtrig h4 {margin: 0; padding: 0; font-size: 14px; }
#p7ABW1 .p7ABtrig a, #p7ABW2 .p7ABtrig a,
#p7ABW3 .p7ABtrig a, #p7ABW4 .p7ABtrig a,
#p7ABW5 .p7ABtrig a, #p7ABW6 .p7ABtrig a,
#p7ABW7 .p7ABtrig a, #p7ABW8 .p7ABtrig a,
#p7ABW9 .p7ABtrig a, #p7ABW10 .p7ABtrig a {display: block; text-decoration: none; padding: 8px 8px 4px 18px; color: #333333; font-weight: normal; background-image: url(images/p7ap_east_black.gif); background-repeat: no-repeat; background-position: left center; }
#p7ABW1 .p7ABtrig a:hover, #p7ABW2 .p7ABtrig a:hover,
#p7ABW3 .p7ABtrig a:hover, #p7ABW4 .p7ABtrig a:hover,
#p7ABW5 .p7ABtrig a:hover, #p7ABW6 .p7ABtrig a:hover,
#p7ABW7 .p7ABtrig a:hover, #p7ABW8 .p7ABtrig a:hover,
#p7ABW9 .p7ABtrig a:hover, #p7ABW10 .p7ABtrig a:hover {color: #EEEEEE; }
.p7ABtrig a:active, .p7ABtrig a:focus {outline: 1px dotted #ccc; }
#p7ABW1 .p7ABtrig .p7ABtrig_down, #p7ABW2 .p7ABtrig .p7ABtrig_down,
#p7ABW3 .p7ABtrig .p7ABtrig_down, #p7ABW4 .p7ABtrig .p7ABtrig_down,
#p7ABW5 .p7ABtrig .p7ABtrig_down, #p7ABW6 .p7ABtrig .p7ABtrig_down,
#p7ABW7 .p7ABtrig .p7ABtrig_down, #p7ABW8 .p7ABtrig .p7ABtrig_down,
#p7ABW9 .p7ABtrig .p7ABtrig_down, #p7ABW10 .p7ABtrig .p7ABtrig_down {background-image: url(../img/main/title_sbg.jpg); background-repeat: no-repeat; background-position: left center; }
.p7ABcontent {}
.p7ABcontent h2, .p7ABcontent h3, .p7ABcontent h4 {font-size: 14px; color: #333333; margin: 0px; line-height: normal; letter-spacing: 0.1em; }
.p7ABcontent p {margin: 6px 0 12px 0; }