body, div, label, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, p, blockquote, th, td {
  border: 0 none; margin: 0; outline: 0 none; padding: 0; 
}
body{font:13px/150% Arial,"新細明體",Helvetica, sans-serif; color:#666; background:#fff6ae}
img{ border:0 none}
.clear{ clear:both}

.f_l{ float:left}
.f_r{ float:right}

.container{ width:725px; height:3000px; margin:0 auto; background:url(../images/bg_.jpg) center top no-repeat #31281f; overflow:hidden; position:relative}

.start{ margin-top:380px; margin-left:377px;}

a.startBtn{ display:inline-block; width:329px; height:99px; background:url(../images/chip.png) left top;}
.already{ width:329px; height:99px; background:url(../images/chip.png) -670px top;}


.join{ width:329px; height:99px; background:url(../images/chip.png) -332px top; color:#FFF; overflow:hidden}
.join p{ margin:37px 10px 0 50px;}
.join a{ color:#FFFF00}
.join a:hover{ color:#FFCC66}

.tit1{top:600px; position:absolute}
.tit1 span{ display:inline-block; background:url(../images/chip.png) left -101px; width:152px; height:36px;}
.tit1 span b{ color:#FFF; margin-left:75px; font-size:15px; line-height:37px}
.tit2{top:1160px; position:absolute}
.tit2 span{display:inline-block; background:url(../images/chip.png) left -150px; width:152px; height:36px;}
.tit2 span b{ color:#FFF; margin-left:75px; font-size:15px; line-height:37px}
.tit3{top:1470px; position:absolute; background:url(../images/chip.png) left -197px; width:152px; height:36px;}
.tit3 span{display:inline-block;}
.tit3 span b{ color:#FFF; margin-left:75px; font-size:15px; line-height:37px}


.prdList{ position:absolute}
.prdList ul{ list-style:none; margin-left:15px;}
.prdList ul li{ float:left; margin:20px 20px; position:relative;}
.prdList ul li img{ z-index:2; }
.prdList ul li div{ width:157px; z-index:1; height:242px; background:url(../images/chip.png) -288px -107px; position:absolute; right:-18px; top:-5px;}


.aboutBox{ background:url(../images/bg2.png) left top no-repeat; overflow:hidden; position:absolute; top:1770px; width:725px; }
.aboutBox a{ color:#ff8e1f}
.aboutBox a:hover{ color:#fff25f; }
.aboutContent{ background:#ad814c; width:694px; margin:0 auto; margin-top:120px; padding-top:20px;}
.aboutContent p{ color:#FFF; margin:0 20px 20px 20px; font-size:15px; font-weight:bold; line-height:150%;}


.imgBox{ background:#0e986a; overflow:hidden; width:694px}
.imgBox p{ float:left; width:240px; line-height:130%; color:#fdf167; font-size:21px; font-weight:bold; margin:80px 0 0 20px}
.imgBox img{ float:right; }
.addBox{ background:#6b502f; width:694px; padding:20px 0;}
.addBox h3{ color:#ffe42f; margin:0 20px; font-size:21px; font-weight:bold;}
.addBox p{ margin:20px; font-size:15px; font-weight:bold; color:#FFF; line-height:150%;}


.advertBox{width:725px; color:#cdbcad; padding-bottom:20px; position:absolute; top:2500px; background:url(../images/bg3.png) right top no-repeat; overflow:hidden}
.advert{width:694px; margin:0 auto; margin-top:90px; background:#463b31; padding:10px 0}
.advert h4{color:#ffe42f; margin:0 20px; font-size:21px; font-weight:bold; margin-top:10px;}
.advert p{margin:20px;}
.advert a{ color:#a6702e}
.advert a:hover{ color:#fff25f}


.panelBox{ width:430px; height:355px; position:absolute; top:350px; left:150px; z-index:9999}
.panelBg{ border:5px solid  #2d513d; height:315px; width:420px; background:#385f49; opacity:0.90; -moz-opacity: 0.90; filter:alpha(opacity=90); position:absolute; z-index:0}
.panelTab{ color:#FFF; position:absolute; top:20px; left:20px;}
.panelTab tr td{ padding:10px; }
.panelTab tr td.panelTab_td_01{ padding:0px 10px; color:#FFCC33}

.panelTxt{ background:#385f49; border:1px solid #608871; padding:5px; line-height:17px; color:#FFCC66}
.paneBtn{ font-size:15px; font-weight:bold; padding:5px 10px 3px 10px; color:#FFF; border-top:1px solid #4ae8d9; border-left:1px solid #4ae8d9; border-bottom:1px solid #189186; border-right:1px solid #189186; background:#3fc7bb}


/* 07-12 */
.recommend{ position:absolute; font-size:15px; font-weight:bold; top:410px; left:110px;}
.recommend a{ color:#523916}
.recommend a:hover{ text-decoration:underline}

a.Receive{ display:inline-block; width:138px; height:99px; background:url(../images/chip.png) -859px -88px no-repeat;}
.choice{ display:inline-block; width:110px; height:118px; background:url(../images/chip.png) -708px -97px no-repeat; position:absolute; left:18px; top:15px; z-index:3}
.num{display:inline-block;  color:#f0ff00; font-weight:bold; position:absolute; top:170px; left:40px; z-index:99}
.num b{ font-size:24px;}