@charset "utf-8";
html,body,div,span,applet,object,iframe,caption,del,dfn, em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,h1,h2,h3,h4,h5,h6,p,blockquote, pre,a,abbr,acronym,address,big,cite,code,dl,dt,dd,ol,ul,li,fieldset,form,label,legend{
vertical-align:baseline;font-size:100%;outline:0;padding:0;margin:0;border:0;}
ol,ul{list-style:none;}
img{vertical-align:bottom;}
table,tbody,tfoot,thead,tr,th,td{border-collapse:collapse;border-spacing:0;padding:0;margin:0;vertical-align:baseline;font-size:100%;outline:0;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
:focus{outline:none;}
.CLEAR{width:100%;clear:both;line-height:0;height:0;overflow:hidden;font-size:1px;}
body{font:normal 12px/18px "新細明體";}
input,select,textarea{padding:0;margin:0;vertical-align:middle;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
.pBG, .pBG2, .bcBG{
position:absolute;
z-index:1;
top:0;
left:0;}
.pBG2{
z-index:2;}
.pCon, .pCon2, .bcCon{
position:relative;
z-index:5;}
.logsReInput, .storyDetail, .bcFloat, .bcMng3, .bcMngImg6, .popBoxT1, .bcSay1, .bcSay2, .forumPage, .fuFrameUp, .memberIndex1, .memberBody, .memFoot3, .shortMsg, .memCon5, .memQuestion6, .cellarTop{
width:100%;
overflow:hidden;}

.logsReLeft b, .logsReLeft img, .logsReLeft input, .logsLoInput b, .logsLoInput input, .logsLoInput2 span, .logsLoInput2 input, .logsKeGold .txt b, .logsKeGold .txt i, .logsKeStates em, .logsKeStates i, .logsKeStates b{
vertical-align:middle;
display:inline-block;}

/*********************************************************** input */
.logsReLeft input {
border:1px solid #737373;
line-height:19px;
width:182px;
height:19px;
color:#6d6c6c;
background:url(../images/bg-input1.gif) right top no-repeat;}
.logsLoInput p input {
border:1px solid #737373;
line-height:19px;
width:212px;
height:19px;
color:#6d6c6c;
background:url(../images/bg-input2.gif) right top no-repeat;}
.popMass4 .f1, .fiSearch, .fuReRight .f1, .nonMem .f1, .nonMem .f2, .memberRight2 .f1, .memberRight2 .f2, .smBlock2 input, .smBlock2 textarea, .alAsk .input .f1, .alTable .f1, .alTable .f3, .alTable .f4, .alTable .f5, .memberRight2 textarea{
height:19px;
line-height:19px;
border:1px solid #737373;
background:url(../images/bg-input3.gif) left top repeat-x;}

.fiBtn, .popMass4 span input{
padding:0 5px;
border:0;
padding-top:2px\9;
color:white;
background:#7a7a7a;}

.fuFbtn a, .forumRgray a, .nonMem2, .mlState a, .memR1 .btn, .memR1 p a, .memFbox3 .btn, .memBox4 .btn, .memFbox4 .btn, .memOption5 a, .smBlock3 .btn, .memEachBoxIn5 .btn a, .memTab7 a, .memBody7 .top .btn, .giftSwitch a, .alAsk .ask a{
display:inline-block;
line-height:19px;
padding:0 7px;
color:white;
background:#7a7a7a;}
.fuFbtn a:hover, .forumRgray a:hover, .nonMem2:hover, .mlState a:hover, .memR1 .btn:hover, .memR1 p a:hover, .memFbox3 .btn:hover, .memBox4 .btn:hover, .memFbox4 .btn:hover, .memOption5 a:hover, .smBlock3 .btn:hover, .memEachBoxIn5 .btn a:hover, .memTab7 a:hover, .memBody7 .top .btn:hover, .giftSwitch a:hover, .alAsk .ask a:hover{
text-decoration:none;}

/*********************************************************** bar */
.fuFstate b, .mlState b, .memEachBoxIn5 .state b{
overflow:hidden;
background:#8b8b8b;
border:1px solid #8b8b8b;
border-top:2px solid #8b8b8b;
border-bottom:2px solid #8b8b8b;}
.fuFstate i, .mlState i, .memEachBoxIn5 .state i{
background:white;
overflow:hidden;
vertical-align:top;}

.shadow{
z-index:1;
position:absolute;
display:none;
display:block\9;
top:-6px;
left:-6px;
z-index:1;
filter:progid:DXImageTransform.Microsoft.Glow(color=black, strength=3), progid:DXImageTransform.Microsoft.Alpha(opacity=50),filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=3);
background:black;}

/*.scroll{
SCROLLBAR-FACE-COLOR:black;
SCROLLBAR-HIGHLIGHT-COLOR:black;
SCROLLBAR-SHADOW-COLOR: black;
SCROLLBAR-3DLIGHT-COLOR: black;
SCROLLBAR-DARKSHADOW-COLOR: black;
SCROLLBAR-ARROW-COLOR: white;
SCROLLBAR-TRACK-COLOR: white;}*/

/*********************************************************************/
/*********************************************************************/
/*********************************************************************/

body, html{
-webkit-text-size-adjust:none;
height:100%;
overflow:hidden;
background:url(../images/bg-index1.gif) center top repeat;}


#BG{
z-index:10;}
#DOT, #DOT2{
z-index:15;}
.ALL{
z-index:1;}
.divHead, .controlHead{
z-index:5;}
.indexBody, .pageBody{
z-index:1;}


.ALL{
position:relative;
width:100%;
height:100%;
overflow:auto;}


#preloader, .preloader{
position:absolute;
z-index:-1;
left:0;
top:0;
width:1px;
height:0px;
overflow:hidden;}

.Box{
width:988px;
margin:0 auto;
background:url(../images/bg-shadow.png) left top repeat-y;}
.innerBox{
position:relative;
width:960px;
margin:0 auto;
background:white;}
.logo{
position:absolute;
z-index:3;
display:inline-block;
top:10px;
left:25px;
background:url(../images/gif.gif);}
.logo b{
display:inline-block;
cursor:pointer;
width:115px;
height:83px;
background:url(../images/logo.png) right bottom no-repeat;}
.divHead{
position:relative;
width:100%;
height:100px;
overflow:visible;}
.divHead .pBG{
z-index:2;
width:100%;
height:113px;
background:url(../images/bg-top.png) left top no-repeat;}
.divHead .pCon{
width:100%;}
.topRight{
position:absolute;
top:0;
z-index:5;
right:16px;
color:white;
line-height:26px;}
.topRight a{
color:#d6d6d6;}
.topMenu{
position:relative;
z-index:1;
width:100%;
text-align:center;
padding:63px 0 0;}
.topMenu i i{
width:2px;
padding:0;
background:url(../images/hr1.png) left top no-repeat;}
.topMenu i{
display:inline-block;
text-align:center;
width:21px;
height:14px;
padding:8px 0 0;
vertical-align:top;
overflow:hidden;}
.tmb1, .tmb2, .tmb3, .tmb4, .tmb5, .tmb6, .tmb7, .tmb8{
position:relative;
display:inline-block;
height:28px;
padding:4px 0 0;
overflow:hidden;
vertical-align:middle;}
.tmb00{
position:relative;
height:22px;
display:inline-block;
overflow:hidden;
background:url(../images/gif.gif) 0 0 repeat;}
#Mon .tmb00 b{
top:-22px;}
.tmb00 b, .tmb00 em{
position:absolute;
z-index:1;
display:inline-block;
top:0;
left:0;
background:url(../images/gif.gif) 0 0 repeat;}
.tmb00 em{
position:absolute;
z-index:2;
width:100%;
top:0;
left:0;
height:22px;}
.tmb00 b, .tmb00 img, .tmb00 em{
cursor:pointer;}
.tmb1, .tmb1 .tmb00{
width:65px;}
.tmb2, .tmb2 .tmb00{
width:64px;}
.tmb3, .tmb3 .tmb00{
width:50px;}
.tmb4, .tmb4 .tmb00{
width:50px;}
.tmb5, .tmb5 .tmb00{
width:65px;}
.tmb6, .tmb6 .tmb00{
width:66px;}
.tmb7, .tmb7 .tmb00{
width:65px;}
.tmbBox{
position:absolute;
width:982px;
height:300px;
left:0;
color:white;
background:black;}
.topMenu div{
position:absolute;
top:33px;
left:-20px;
width:105px;
overflow:hidden;}
.topMenu div a{
display:block;
width:100%;
line-height:25px;
color:white;
text-align:center;
border-bottom:1px solid #5f5f5f;
background:#313131;}
.topMenu div a:hover{
background:#286d1d;
text-decoration:none;}
.logStates{
position:absolute;
z-index:2;
right:-10px;
top:55px;
width:200px;
overflow:hidden;
height:26px;}


.indexBody{
position:relative;
width:100%;
height:545px;
overflow:visible;}
.flashIndex2, .flashIndex{
position:absolute;
left:0;
top:0;
height:545px;
width:100%;}
.flashIndex2{
z-index:2;
top:-100px;}
.flashIndex{
z-index:1;
display:none;}
.indexBannerMenu{
position:absolute;
bottom:0;
left:0;
width:100%;
height:126px;}
.indexBannerMenu .pBG{
width:100%;
height:126px;
background:url(../images/index-bannermenu.png) center top no-repeat;}
.indexBannerMenu .pBG2{
width:466px;
height:80px;
left:258px;
top:30px;
background:url(../images/hr2.png) center top no-repeat;}
.indexBannerMenu .pCon{
width:100%;
padding:30px 0 0;}

.divFoot{
position:relative;
width:100%;}
.divFoot p{
font-family:Arial;
padding-right:10px;
font-size:9px;
color:#e8e8e1;
line-height:16px;
height:21px;
overflow:hidden;
text-indent:-9999px;
background:url(../images/bg-copy.gif) left top repeat-x;}
.divFoot div{
width:100%;
height:89px;
background:url(../images/warn.gif) center top no-repeat;}


.over18{
position:absolute;
top:50%;
left:50%;
overflow:visible;
width:1px;
height:1px;
z-index:2;}
.ask18{
position:absolute;
width:990px;
height:550px;
top:-275px;
left:-495px;}
.yes, .no{
position:absolute;
z-index:3;
width:98px;
height:32px;
top:342px;
background:url(../images/gif.gif) left top no-repeat;}
.yes{
left:232px;}
.no{
left:355px;}
.ask18 .txt{
position:absolute;
z-index:3;
top:304px;
left:321px;}
.ask18 .send18{
display:inline-block;
position:absolute;
z-index:3;
left:291px;
top:345px;
width:100px;
height:32px;
background:url(../images/gif.gif) repeat;}

.askShadow{
z-index:1;
position:absolute;
display:none;
display:block\9;
top:-6px;
left:-6px;
z-index:1;
width:990px;
height:550px;
filter:progid:DXImageTransform.Microsoft.Glow(color=black, strength=3), progid:DXImageTransform.Microsoft.Alpha(opacity=50),filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=3);
background:black;}
.ask18 .img{
position:relative;
z-index:2;
box-shadow: 0 0 10px rgba(0, 0, 0, 1);
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 1);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 1);}
.controlHead, .controlFoot{
position:relative;
width:100%;}
.controlHead{
height:100px;
overflow:visible;}
.controlFoot{
overflow:hidden;
height:105px;}
.aBody, .aItem{
overflow:hidden;}
.indexSlide{}
.indexSlide .aLeft, .indexSlide .aRight{
height:50px;
padding-top:29px;}
.indexSlide .aLeft{
float:left;
padding-left:4px;
width:22px;}
.indexSlide .aRight{
float:right;
width:17px;
padding-right:5px;}
.indexSlide .aBody{
position:relative;
float:left;
width:908px;
height:96px;}
.indexEox{
position:relative;
float:left;
padding:6px 0 0 12px;
width:215px;
height:90px}
.iexImg{
position:relative;
float:left;
text-align:center;
width:103px;}
.iexImg img{
position:relative;
z-index:2;
box-shadow: 0 0 10px rgba(0, 0, 0, 1);
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 1);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 1);}
.iexImg .shadow{
z-index:1;
position:absolute;
display:none;
display:block\9;
top:-6px;
left:8px;
z-index:1;
width:74px;
height:64px;
filter:progid:DXImageTransform.Microsoft.Glow(color=black, strength=3), progid:DXImageTransform.Microsoft.Alpha(opacity=50),filter: progid:DXImageTransform.Microsoft.Blur(pixelRadius=3);
background:black;}
.iexText{
float:left;
padding:6px 0 0;
width:110px;}

.iexText b{
font-size:17px;
display:block;
font-family:"微軟正黑體";
color:#174e10;
line-height:20px;}
.iexText p{
color:#828282;
line-height:16px;}

.logStates1, .logStates2, .logStates3, .logStates4{
display:block;
float:right;
overflow:hidden;
position:relative;
z-index:1;}
.logsImg b{
cursor:pointer;
position:absolute;
left:0;
top:0;
display:block;
width:100%;
background-repeat:no-repeat;
background-position:left 35px;}
.logStates1, .logStates2, .logStates3, .logStates4, .logsImg, .logsImg b, .logStates4 a{
height:35px;}
.logStates1, .logStates1 .logsImg, .logStates4, .logStates4 .logsImg, .logStates4 a{
width:96px;}
.logStates2, .logStates2 .logsImg{
width:101px;}
.logStates3, .logStates3 .logsImg{
width:106px;}
.logStates3, .logStates3 .logsImg{}
.logStates4, .logStates4 .logsImg{}
.logStates1 .logsImg{
background:url(../images/btn-log1.png) left top no-repeat;}
.logStates1 .logsImg b{
background-image:url(../images/btn-log1.gif);}
.logStates2 .logsImg{
background:url(../images/btn-log2.png) left top no-repeat;}
.logStates2 .logsImg b{
background-image:url(../images/btn-log2.gif);}
.logStates3 .logsImg{
background:url(../images/btn-log3.png) left top no-repeat;}
.logStates3 .logsImg b{
background-image:url(../images/btn-log3.gif);}
.logStates4 .logsImg, .logStates4 a{
background:url(../images/btn-log4.png) left top no-repeat;}
.logStates4 .logsImg b{
background-image:url(../images/btn-log4.gif);}
.logStates4 a, .logStates4 span, .logStates4 img{
display:inline-block;
cursor:pointer;}
.logsBox{
position:absolute;
top:26px;}
.logStates2 .logsBox, .logStates3 .logsBox{
left:-479px;
width:570px;
height:380px;
overflow:hidden;
background:url(../images/bg-logs1.gif) left top no-repeat;}
.logStates3 .logsBox{
left:-316px;
width:412px;}
.logsTitle{
padding:13px 20px 0;
height:25px;}
.logsTitle2{
padding:13px 10px 0;
height:25px;}
.logsHR{
text-align:center;
margin:5px 0;
height:2px;
width:100%;
_background:url(../images/hr3.png) left top no-repeat;}
.logsHR span{
overflow:hidden;}
.logsHR img{
_display:none;
vertical-align:top;
width:100%;
height:2px;}
.logsRegister{
padding:0 0 0 20px;}
.logsReInput{
padding:0 0 0;}
.logsReLeft{
float:left;
width:280px;
padding:0 0 0 20px;}
.logsReLeft p{
vertical-align:top;
height:19px;
padding:6px 0;
overflow:hidden;}
.logsReLeft select{
margin-right:5px;}

.logsReLeft b{
width:74px;}
.logsReRight{
float:left;
width:260px;
padding:15px 0 0;}
.logsReRight p{
padding:3px 0;
height:18px;
overflow:hidden;}
.logsReRight p input{
margin-right:5px;}
.logsReRight a{
color:#174e10;
text-decoration:underline;}
.logsReRight div{
padding:15px 0 0;
text-align:right;}
.logsReRight div input{
margin-right:8px;}
.logsReImg {
padding:0 0 0 17px;}
.logsReImg div{
top:-3px;
width:100%;
overflow:hidden;
position:relative;}

.logStates1 .logsBox{
right:-91px;
width:285px;
height:305px;
background:url(../images/bg-logs2.gif) left top no-repeat;}
.logsLoInput{
padding:0 0 10px 13px;}
.logsLoInput p{
overflow:hidden;
height:19px;
padding:6px 0;}
.logsLoInput p b{
width:43px;}
.logsLoInput2{
color:white;
padding:15px 0 0 43px;}
.logsLoInput2 span{
width:132px;}
.logsLoInput2 a{
color:#e8e8e8;}
.logsLoImg{
padding:10px 14px 0;}
.logsLoImg2{
padding:10px 0;}
.logsLoBtn{
padding:10px 0 0;
text-align:right;}
.logsKeeper1{
width:95%;
margin:0 auto;
overflow:hidden;}
.logsKeImg{
float:left;
padding:3px 10px 11px 4px;
width:35px;
height:35px;
background:url(../images/ishadow-1.png) left top no-repeat;}
.logsKeName{
float:left;
font-weight:700;
width:160px;
padding:15px 0 0 5px;
line-height:26px;
font-size:16px;
color:#6c6c6c;}
.logsKeRank{
width:170px;
padding:5px 0 0;
overflow:hidden;
float:left;}
.logsKeRank .img{
float:left;
width:85px;}
.logsKeRank .txt{
float:left;
width:80px;
color:#757575;}
.logsKeGold, .logsKeStates{
width:380px;
overflow:hidden;
margin:0 auto;
padding:3px 0;}
.logsKeGold .txt{
float:left;
width:280px;}
.logsKeGold .txt img{
vertical-align:middle;}
.logsKeGold .txt b{
padding:0 5px 0 0;}
.logsKeGold .txt i{
font-style:normal;}
.logsKeGold .txt i, .logsKeGold .txt p{
color:#780000;}
.logsKeGold .btn{
float:right;
padding:5px 0 0;}
.logsKeStates .txt{
float:left;
width:280px;
color:white;}
.logsKeStates .txt p{
padding:8px 0 0;}
.logsKeStates h6{
line-height:26px;
font-weight:300;
font-size:16px;
font-family:"微軟正黑體";}
.logsKeStates em{
width:225px;
height:9px;
overflow:hidden;
border:1px solid #595959;
border-top-width:2px;
border-bottom-width:2px;
background:#595959;}
.logsKeStates b{
background:white;
height:9px;
overflow:hidden;}
.logsKeStates i{
font-style:normal;
color:white;
padding:0 0 0 10px;}
.logsKeStates .btn{
float:right;
padding:10px 0 0;}

.pageBody{
width:100%;
position:relative;
overflow:visible;
background:url(../images/bg-page.gif) left 60px repeat;}
.pageTtitle{
position:relative;
width:100%;
height:45px;
padding:15px 0 0;
overflow:hidden;
background:url(../images/bg-pagetitle.gif) left top repeat-x;}
.pageTtitle .share{
position:absolute;
display:inline-block;
right:10px;
bottom:5px;}
.pageTtitle .txt1, .pageTtitle .txt2{
padding-left:57px;}
.pageTtitle .txt1{
font-size:17px;
font-weight:700;
color:#174e10;
line-height:19px;
height:19px;
padding-top:2px\9;
font-family:"微軟正黑體";
background:url(../images/square-green1.gif) left top no-repeat;}
.pageTtitle .txt2{
color:#6c6c6c;}

.storyDetail{
background:url(../images/title-shadow1.gif) left top repeat-x;}
.storyLeft{
float:left;
width:245px;
height:485px;}
.storyRight{
float:left;
width:700px;
padding:30px 0 0;}
.storyTitle{
position:relative;
width:100%;
height:66px;
font-family:"微軟正黑體";}
.storyTitle h1{
font-size:25px;
line-height:30px;
color:#13300e;}
.storyTitle p{
color:#252525;
font-weight:700;
line-height:22px;
font-size:16px;}
.storyTitle .btn{
position:absolute;
top:20px;
right:0;
width:82px;
display:inline-block;}
.storyCont{
padding:5px 0;
border-top:1px solid #aab5a8;
border-bottom:1px solid #aab5a8;
height:305px;
font-size:13px;
color:#7d7d7d;
line-height:23px;}
.storyPage{
padding:9px 0 0;
text-align:right;}
.storyPage a{
display:inline-block;
margin-left:6px;}

.seriesList{
padding:0 0 15px 58px;
background:url(../images/bg-pagelight.gif) center top repeat;}
.seriesList .txt{
line-height:40px;
font-size:18px;
font-weight:700;
font-family:"微軟正黑體";
color:#174e10;}
.seriesList ul{
padding-left:2px;}
.seriesList i{
font-style:normal;
color:#434343;
font-size:15px;
display:inline-block;
width:54px;
padding:0 0 0 11px;
font-weight:700;
background:url(../images/b-green1.gif) left center no-repeat;}
.seriesList b{
color:#6c6c6c;
font-weight:300;
font-size:14px;}
.seriesList li{
padding:5px 0;}
.productName{
padding:14px 0 0 188px;}
.productName .txt1{
line-height:26px;
font-size:18px;
color:#13300e;
font-weight:700;
font-family:"微軟正黑體";}
.productName .txt1 i{
font-style:normal;
font-size:25px;
line-height:26px;
color:#6b0200;
padding:0 5px;}
.productName .txt2{
color:#252525;}
.productTab{
width:776px;
overflow:hidden;
padding:0 0 0 184px;
color:#686868;}
.productTab i{
display:inline-block;
width:9px;
text-align:center;
font-style:normal;}
.productTab a{
display:inline-block;
color:#686868;
width:84px;
height:20px;
padding:10px 0 0;
line-height:20px;
font-size:14px;
font-weight:700;
font-family:"微軟正黑體";
text-align:center;
background:url(../images/tab-1.gif) left 30px no-repeat;}
.productTab a:hover, .productTab a.ON{
text-decoration:none;
background-position:left top;}
.productCont{
position:relative;
overflow:visible;
width:100%;
height:393px;
background:url(../images/bg-pagelight2.gif) left top repeat;}
.winePng{
position:absolute;
clear:both;
left:23px;
bottom:0;}
.wineJpg{
position:absolute;
clear:both;
right:0;
top:3px;
width:102px;}
.proInfo, .proVideo, .proReward{
padding:20px 0 0 200px;
width:640px;
float:left;
height:310px;
overflow:hidden;}
.proVideo, .proReward{
height:0;}
.proInfo{}
.proInfo em, .proInfo b{
/*display:inline-block;*/
display:block;
vertical-align:top;}
.proInfo p{
padding:0 0 18px 12px;}
.proInfo em{
display:block;
padding-left:5px;
font-weight:700;
font-size:16px;
font-family:"微軟正黑體";
/*width:32px;*/
color:#433b47;
border-left:2px solid #174E10;
font-style:normal;
padding-left:5px;}
.proInfo b{
padding-left:8px;
width:500px;
font-size:13px;
color:#837b87;
font-weight:300;}
.proReward span{
float:left;
display:block;
width:300px;}
.proReward div{
padding:0 0 10px;}
.proReward i{
display:block;
padding-left:9px;
font-weight:700;
font-style:normal;
line-height:20px;
color:#433b47;
background:url(../images/b-gray1.gif) left center no-repeat;}
.proReward p{
color:#837b87;
padding:0px 0 0px 9px;}
.proHR{
clear:both;
padding:0 0 0 200px;
width:700px;
line-height:2px;
font-size:1px;
height:2px;
overflow:hidden;}
.smallWine{
position:absolute;
clear:both;
right:20px;
bottom:0;
text-align:right;}
.smallWine a{
padding:0 5px;
display:inline-block;
vertical-align:bottom;
opacity:0.33;
filter:alpha(opacity=33);}
.smallWine a img{
height:51px;}
.smallWine a:hover, .smallWine a.ON{
opacity:1;
filter:alpha(opacity=100);}
.smallWine a.ON img{
height:auto;}
.productPage, .broadCastPage, .broadCastPage2{
width:100%;
background:url(../images/title-shadow1.gif) left top repeat-x;}
.flashWine{
width:421px;
margin:0 auto;}
#flashWine1991{
line-height:300px;
font-weight:700;
font-size:30px;
font-family:"微軟正黑體";
text-align:center;
color:#006600;}
.broadCastPage{
overflow:hidden;
padding:10px 0 20px;}
.broadIbox{
float:left;
width:289px;
padding:10px 0 10px 25px;}
.broadIbox .txt{
font-weight:700;
padding-left:10px;
color:#3e310c;
line-height:36px;
font-size:20px;
font-family:"微軟正黑體";}
.broadIbox .box, .broadIbox .pBG{
width:100%;
height:144px;}
.broadIbox .box{
position:relative;}
.broadIbox .pBG{
background:url(../images/bg-broadcastbox.png) left top no-repeat;}
.broadIbox .pCon{
width:100%;
overflow:visible;}
.broadIbox .img{
position:relative;
float:left;
width:117px;}
.broadIbox .img .pCon2 img{
width:100%;
height:91px;}
.broadIbox .pBG2, .broadIbox .img{
height:107px;}
.broadIbox .pBG2{
left:10px;
top:8px;
width:105px;
background:url(../images/bg-broadcastshadow2.png) left top no-repeat;}
.broadIbox .pCon2{
top:11px;
left:17px;
width:91px;}
.broadIbox .txt2{
float:left;
position:relative;
width:156px;
height:124px;}
.broadIbox .txt2 b{
display:block;
font-size:15px;
color:#232323;
font-weight:300;
padding:10px 0 5px;}
.broadIbox .txt2 p{
color:#777777;}
.broadIbox .more{
position:absolute;
clear:both;
width:100%;
bottom:0;
left:0;
text-align:right;}
.broadCastPage2{
position:relative;}
.bcBG{
top:40px;
width:100%;
height:68px;
background:url(../images/bg-tabwhite1.png) left top no-repeat;}
.bcTab{
padding:15px 10px 0;}
.bcTab i, .bcTab a, .bcTab em, .bcTab b{
display:inline-block;
vertical-align:top;
cursor:pointer;}
.bcTab i{
cursor:default;
width:9px;
padding:10px 0 0;
color:#888888;
text-align:center;
font-style:normal;}
.bcTab a{
position:relative;
overflow:hidden;
font-family:"微軟正黑體";
font-size:14px;
height:30px;
color:#686868;
width:100px;
text-align:center;}
#bcTab2 a{
width:84px;}
.bcTab a:hover{
text-decoration:none;}
.bcTab b{
position:relative;
z-index:5;
line-height:20px;
padding:8px 0 0;}
.bcTab .ON em{
top:0;}
.bcTab em{
position:absolute;
z-index:1;
top:30px;
left:0;
width:100px;
height:30px;
background:url(../images/tab-2.png) left top no-repeat;}
#bcTab2 em{
width:84px;
background:url(../images/tab-1.png) left top no-repeat;}
.bcBody{
width:913px;
padding:15px 0 0;
margin:0 auto;}
.bcTitle{
width:100%;
clear:both;
padding-bottom:3px;
background:url(../images/hrd-1.gif) left bottom repeat-x;}
.bcTitle b{
display:block;
color:#174e10;
font-family:"微軟正黑體";
font-size:17px;
line-height:26px;}
.bcTitle p{
line-height:22px;
color:#5d5d5d;}
.bcFloat{
padding:8px 0 0;}
.bcLeft{
float:left;
width:622px;
border-right:1px solid #b7b7b7;}
.bcDate, .bcMtitle{
padding:0 10px;
line-height:28px;
color:white;
background:#7b7b7b;}
.bcRight{
float:right;
width:286px;}
.bcMng {
padding:10px 20px;}
.bcTop{
padding:0 10px 10px;
text-align:right;}
.bcMng .h1, .bcMng .h2{
text-align:center;
font-weight:300;}
.bcMng .h1{
line-height:40px;
color:#010101;
font-size:22px;}
.bcMng .h2{
color:#535353;
font-weight:700;
font-size:16px;
line-height:36px;}
.bcMngP{
padding:10px 0;}
.bcList{
height:344px;
overflow:hidden;}
div.bcE{
padding-bottom:1px;
background:url(../images/hr4.gif) left bottom no-repeat;}
a.bcE{
display:block;
width:100%;
height:85px;
color:black;
background:url(../images/bg-bcopact1.gif) left 85px no-repeat;}
a.bcE:hover, .bcList #bcON{
text-decoration:none;
background:url(../images/bg-bcopact1.gif) left top repeat;}
.bcE .img, .bcE .txt, .bcE img{
cursor:pointer;}
.bcE .img{
display:inline-block;
float:left;
width:81px;
padding:6px 0 0;
text-align:right;}
.bcE .txt{
display:inline-block;
float:right;
width:183px;
padding:7px 10px 0 0;}
.bcE .txt b{
display:block;
line-height:20px;}
.bcPage{
padding:5px 0 0;
text-align:right;}
.bcPage a{
display:inline-block;
width:23px;
height:28px;
line-height:23px;
text-align:center;
color:#1e5c16;
background:url(../images/page-bc2.gif) left top no-repeat;}
.bcPage a:hover{
text-decoration:none;}
.bcPage a.ON{
color:white;
background-position:left bottom;}
.bcMng3 .img{
float:left;
width:300px;}
.bcMng3 .img img{
width:90%;}
.bcMng3 .txt1, .bcMng3 .txt2{
float:left;
width:280px;}
.bcMng3 .txt1{
font-size:26px;
font-weight:700;
font-family:"微軟正黑體";
color:#333333;
line-height:36px;}
.bcMng3 .txt2{
font-size:18px;
font-weight:700;
line-height:22px;
font-family:"微軟正黑體";}
.bcRelated{}
.bcRelated b{
color:#333333;
display:block;
font-size:16px;
line-height:26px;}
.bcRelated ul{
padding:5px 0 0;}
.bcRelated li{
list-style:outside disc;
margin-left:30px;}
.bcRelated a{
color:gray;}
.bcMngTitle5{
position:relative;
line-height:20px;
font-size:16px;
font-weight:700;
overflow:visible;}
.bcMngTitle5 a{
position:absolute;
display:inline-block;
right:0;
top:0;}
.bcMngDes5{
padding:10px 0;
border-bottom:1px solid gray;}
.bcMngLi5{
padding:10px 0;}
.bcMngLi5 li{
list-style:outside decimal;
margin-left:30px;
padding-bottom:20px;}
.bcMngLi5 b{
font-size:15px;
padding-right:5px;}
.bcMngLi5 em{
display:block;
font-weight:700;
text-align:right;
font-style:normal;
color:#333333;}
.bcMngImg6{
padding:10px 0 0;}
.bcMiE6{
float:left;
position:relative;
width:181px;
padding:0 5px 5px;}
.bcMiE6 img{
width:100%;}
.bcMiE6 p{
height:54px;}
.shopPage{
width:845px;
margin:0 auto;}

#BG{
position:absolute;
top:0;
left:0;
width:0px;
height:100%;
overflow:hidden;
background:black;
opacity:0.5;
filter:alpha(opacity=50);}
#DOT, #DOT2{
position:absolute;
left:50%;
top:50%;
width:0;
height:0;
overflow:hidden;}
.popClose{
position:absolute;
z-index:6;}
.popT1 .popClose{
right:10px;
top:10px;
width:20px;
height:20px;}
.popT1, .popT1 .pBG{
width:928px;
height:434px;}
.popT1{
position:absolute;
left:-464px;
top:-217px;}
.popT1 .pBG{
background:url(../images/bg-popt1.gif) left top no-repeat;}
.popT1 .pCon{
width:100%;
padding:20px 0 0;}
.popT1 .popTitle, .popT2 .popTitle{
font-size:17px;
font-family:"微軟正黑體";
color:#174e10;
font-weight:700;
padding-left:40px;
line-height:19px;
height:19px;
padding-bottom:18px;
background:url(../images/square-green1.gif) -15px top no-repeat;}
.popLeftT1{
float:left;
width:640px;
color:#7d7d7d;
padding-left:40px;}
.popRightT1{
float:left;
padding-left:30px;
width:190px;}
.popHr1{
width:100%;
height:2px;
overflow:hidden;}
.popHr1 img{
vertical-align:top;}
.popMass1, .popMass2, .popMass3{
width:100%;
height:342px;}
.popMass1 p{
padding:10px 0 15px;}
.popMass1 li{
padding:3px 0;
list-style:outside decimal;
margin-left:30px;}
.popMass2 li{
list-style:outside disc;
margin-left:30px;
padding:10px 0;}
.popMass2 ol li{
list-style:outside decimal;}
.popMass3 li{
list-style:outside decimal;
margin-left:30px;
padding:3px 0;}
.popMass3 b{
display:block;
font-size:16px;
font-family:"微軟正黑體";
line-height:30px;
color:#141414;}
.popMass3 .popHr1{
padding:10px 0;}
.popMass3 p{
padding:0 0 0 15px;}
.popLeftT2{
float:left;
color:#7d7d7d;
width:585px;
padding:30px 0 0;}
.popRightT2{
float:left;
width:304px;}
.popMass4{
padding:20px 0 0 40px;
height:210px;
line-height:22px;}
.popMass4 p{
padding:60px 0 0;}
.popMass4 div{
padding:20px 0 0;}
.popMass4 span input{
height:19px;
height:17px\9;
margin:0 3px;}
.popMass4 span{
display:inline-block;
vertical-align:middle;
padding-left:10px;}
.popMass4 .f1{
width:260px;
margin-left:20px;}
.bcSay1{
padding:40px 0 0;}
.bcSay1 .bottle{
float:left;
width:206px;
padding:20px 0 0;
text-align:center;}
.bcSay1 .txt{
float:left;
width:728px;
border-top:1px solid #a8b3a6;}
.bcSay2{}
.bcSay2 .bottle{
float:right;
width:206px;
padding:60px 0 0;
text-align:center;}
.bcSay2 .txt{
float:right;
width:728px;}
.bcSayE{
padding:10px 0;
color:#7d7d7d;
border-bottom:1px solid #abb7aa;}
.bcSayE b{
display:block;
line-height:30px;
padding-bottom:10px;
font-size:14px;}
.bcSayE em{
display:block;
text-align:right;
font-style:normal;
line-height:26px;}
.forumBody, .forumReact{
margin:0 auto;
width:918px;}
.forumTitle{
position:relative;
width:100%;
padding:15px 0 8px;
background:url(../images/hrd-1.gif) repeat-x left bottom;}
.forumTitle b{
display:block;
line-height:22px;
font-size:18px;
font-family:"微軟正黑體";
color:#174e10;}
.forumTitle p{
padding:5px 0;}
.forumTitle h1{
font-size:16px;
line-height:30px;
color:#010101;}
.forumTitle p input{
margin-right:3px;}
.forumTitle label{
display:inline-block;
padding-right:20px;}
.forumTitle .btn{
position:absolute;
right:0;
bottom:15px;
width:82px;}
.forumT1{
padding:3px 0 0;}
.forumT1 th{
text-align:left;
color:#929292;
line-height:28px;
font-weight:300;
border-bottom:1px solid #00281f;}
.forumT1 td{
vertical-align:middle;
padding:10px 0;
border-bottom:1px dotted #838383;}
table .tTopLast td{
border-bottom:1px solid #00281f;}
.forumT1 a{
color:black;
padding-left:5px;}
.forumT1 a b{
color:#1e5c16;}
.tTop, .tTop td{
background:#d8d8d8;}
.forumT1 .fName{
padding-left:10px;
color:#174E10;}

.forumPage{
position:relative;
padding:20px 0;}
.forumPage .top{
position:absolute;
right:0;
bottom:15px;}
.forumPage a{
display:inline-block;}
.forumPage p a{
vertical-align:top;
color:#1e5c16;
margin:0 2px;
line-height:21px;
height:21px;
padding:0 5px;
border:1px solid #c0c0c0;
background:url(../images/bg-page2.gif) left top repeat-x;/*
box-shadow:1px 1px 3px rgba(0, 0, 0, 0.3);
-webkit-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow:1px 1px 3px rgba(0, 0, 0, 0.3);
filter:progid:DXImageTransform.Microsoft.Shadow(color=#999999,direction=135,strength=3);*/}
.forumPage p a:hover{
text-decoration:none;}
#bcTab2{
position:relative;
width:940px;}
.forumSearch{
position:absolute;
right:20px;
bottom:5px;
display:inline-block;}
.fiBtn{
cursor:pointer;
margin:0 2px;
height:19px;
height:17px\9;}
.fiSearch{
width:120px;
margin:0 5px 0 3px;}
.fuFrame{
width:100%;
clear:both;
padding:10px 0;}
.fuCheer{
color:#2f2f2f;
background:white;
padding:3px 4px;}
.fuCheer a{
display:inline-block;
vertical-align:middle;
margin-right:5px;}
.fuCheer i{
font-style:normal;
color:#b00000;
font-weight:700;
padding-right:3px;}
.fuFrameUp{
position:relative;
background:url(../images/bg-userframe1.gif) left top repeat;}
.fuFimg{
float:left;
width:106px;}
.fuFinfo{
float:left;
width:785px;
padding:0 0 0 15px;}
.fuFname{
line-height:36px;
color:#4a4a4a;}
.fuFname a{
color:#b00000;
text-decoration:underline;
margin-right:5px;}
.fuFname b{
font-size:20px;}
.fuFrank{
padding:0 0 5px;}
.fuFrank .img{
display:inline-block;
vertical-align:middle;}
.fuFrank b{
display:inline-block;
vertical-align:middle;
color:#757575;
font-weight:300;
line-height:16px;}
.fuFstate{
position:relative;
width:100%;
color:#757575;}
.fuFstate .date{
position:absolute;
right:0;
top:0;
display:inline-block;}
.fuFstate em{
padding:0 0 0 15px;}
.fuFstate b, .fuFstate i, .fuFstate em{
vertical-align:middle;
display:inline-block;
font-style:normal;}
.fuFstate b{
margin:0 5px;
width:60px;
height:4px;}
.fuFstate i{
height:4px;}
.fuFbtn{
position:absolute;
display:inline-block;
right:10px;
top:10px;}
.forumReact{}
.forumRgray{
margin:10px 0;
padding:15px;
color:#616261;
background:url(../images/bg-userframe1.gif) left top repeat;}
.forumRgray a{
margin-left:10px;}
.fuRe{
padding:15px 0;
width:100%;
clear:both;
overflow:auto;}
.fuReLeft, .fuReRight, .fuReRight2{
float:left;}
.fuReLeft{
color:#616261;
width:118px;
line-height:22px;}
.fuReRight, .fuReRight2, .fuRe2{
width:550px;}
.fuReRight .f1{
width:548px;}
.fuRe2{
clear:both;
color:#616261;
padding:0 0 20px 118px;}
.fuRe2 div{
padding:3px 0;}
.fuRe2 .hr{
padding:5px 0;
width:100%;
height:1px;
overflow:hidden;}
.fuRe2 .hr img{
vertical-align:top;}
.fuRe2 p{
text-align:right;}
.fuRe2 p input{
margin-left:20px;}
.fuReRight2{
color:#7a7a7a;}
.fuReRight2 p b{
color:#174e10;}
.fuReRight2 p{
color:black;}

.memberIndex1{
position:relative;}
.memberIndex1 .pBG, .memberIndex1{
height:504px;}
.memberIndex1 .pBG{
width:942px;
background:url(../images/bg-memberindex.png) left top no-repeat;}
.memberIndex1 .pCon{
width:100%;}
.nonMem{
position:absolute;
left:350px;
top:75px;
color:#7d7d7d;}
.nonMem a{
display:inline-block;
vertical-align:middle;}
.nonMem .f1{
width:215px;}
.nonMem .f2{
width:150px;}
.nonMem .f1, .nonMem .f2{
margin:0 10px 0 5px;}
.nonMem2{
position:absolute;
display:inline-block;
top:203px;
left:670px;}
.nonMem3{
position:absolute;
display:inline-block;
right:160px;
top:110px;
padding:3px;
background:white;}
.memberBody{}
.memberLeft1, .memberRight1, .memberRight2, .memberRight3{
float:left;}
.memberLeft1{
width:118px;
padding:15px 46px 0 16px;}
.memberRight1{
width:710px;
padding:30px 0;}
.memberRight2{
width:625px;
padding:15px 0 0;}
.memberRight3{
width:760px;
padding:10px 0 0;}
.memberLeft1 .img{
position:relative;}
.memberLeft1 .img, .memberLeft1 .img .pBG{
width:100%;
height:118px}
.memberLeft1 .img .pBG{
background:url(../images/imgshadow2.png) left top no-repeat;}
.memberLeft1 .img .pCon, .memberLeft1 .img .pCon img{
width:104px;}
.memberLeft1 .img .pCon{
left:7px;
top:3px;}
.mlName, .mlRank{
text-align:center;
color:#6c6c6c;}
.mlName{
font-weight:700;
padding-bottom:5px;}
.mlRank{}
.mlState{
padding:5px 0 10px;
width:91px;
color:#6c6c6c;
margin:0 auto;}
.mlState i, .mlState em, .mlState b{
display:block;
overflow:hidden;}
.mlState em{
font-style:normal;
padding-top:5px;}
.mlState b{
width:89px;
height:4px;}
.mlState i{
height:4px;}
.mlState p{
text-align:center;
padding:20px 0 0;}
.mlState a{}
.memHR1{
width:100%;
height:1px;
padding:10px 0 15px;}
.memHR2{
width:100%;
height:1px;
padding:20px 0 5px;}
.memR1{
position:relative;
width:100%;}
.memR1 h6{
color:#333333;
font-size:16px;
font-weight:700;
line-height:30px;
font-family:"微軟正黑體";}
.memR1 h6 i{
font-family:"新細明體";
font-weight:300;
font-size:12px;
color:#790000;
font-style:normal;
padding-left:30px;}
.memR1 p{
color:#790000;}
.memR1 p a{
margin-left:15px;}
.memR1 .btn{
position:absolute;
right:10px;
top:20px;
display:inline-block;}
.memberRight2 div{
padding:5px 0;}
.memberRight2 b{
font-weight:300;
display:inline-block;
width:70px;
word-spacing:22px;}
.memberRight2 .fL{
text-align:right;}
.memberRight2 .fL input{
margin-left:20px;}
.memberRight2 .f1{
width:185px;
margin-right:5px;}
.memberRight2 .f2{
width:300px;}
.memberRight2 select{
margin:0 3px}
.memberRight2 a{
color:#990000;
text-decoration:underline;}
.memTable3 th, .memTable5 th{
line-height:28px;
color:#979797;
font-weight:300;
text-align:center;}
.memTable3 th.f1{
text-align:left;}
.memTable5 th.f1, .memTable5 td.f1{
text-align:center;}
.memTable3 td, .memTable5 td{
border-bottom:1px solid #e6e6e6;
border-left:1px solid #e6e6e6;
padding:3px 5px;
color:#3a3a3a;
text-align:center;
background:url(../images/bg-bcopact1.gif) repeat;}
.memTable5 th{
padding:0 5px;}
.memTable5 td, .memTable5 th{
text-align:left;}
.memTable3 td.f1{
text-align:left;
border-left:0;}
.memTable3 td.f2{
text-align:left;}
.memTable3 .fL td{
background:none;
font-size:16px;
font-weight:700;}
.memTable3 .fL td.f3{
text-align:right;
color:#666666;}
.memTable3 td.f4, .memTable3 th.f4{
text-align:right;}
.memTable3 .fL td{
color:#a70000;}
.memH3{
color:#9b0000;
line-height:30px;}
.memFoot3{
clear:both;
background:#f6f6f6;}
.memFbox3{
position:relative;
float:left;
height:130px;
padding:15px 20px 0 20px;
width:430px;
color:#8c8c8c;}
.memFbox3 .txt, .memBox4 .txt{
font-family:"微軟正黑體";
color:#333333;
line-height:30px;
font-size:16px;
font-weight:700;}
.memFbox3 li, .memBox4 li{
margin-left:30px;
list-style:outside disc;}
.memFbox3 .btn, .memBox4 .btn{
position:absolute;
right:20px;
bottom:25px;
display:inline-block;}
.memFoot3 .hr{
float:left;
padding-top:10px}
.memHR4{
width:100%;
height:1px;
padding:10px 0;
overflow:hidden;}
.memHR4 img{
width:100%;
height:1px;
vertical-align:top;}
.memBox4{
position:relative;
width:100%;
color:#8c8c8c;
padding-bottom:20px;}
.memFbox4{
float:left;
position:relative;
overflow:hidden;
width:210px;
padding:5px 0 10px 25px;}
.memFbox4 h6{
width:100%;
color:#686868;
font-weight:300;
clear:both;}
.memFbox4 .img{
float:left;
position:relative;
width:86px;
overflow:hidden;}
.memFbox4 .img, .memFbox4 .img img{
}
.memFbox4 .img img{
position:relative;
left:-20px;
height:86px;}
.memFbox4 .txt{
line-height:16px;
float:right;
color:#676767;
width:110px;}
.memFbox4 .txt b{
color:#276c1e;
display:block;}
.memFbox4 .btn{
position:absolute;
display:inline-block;
right:0;
bottom:10px;}
.memTable5 td a b{
color:#1e5c16;}
.memTable5 td a{
color:black;}
.memOption5{
position:relative;
width:100%;}
.memOption5 .btn2{
position:absolute;
display:inline-block;
right:0;
top:0;}
.memTab5 a{
display:inline-block;
margin-right:1px;
padding:0 10px;
border:1px solid #7a7a7a;
color:white;
background:#7a7a7a}
.memTab5 a:hover, .memTab5 a.ON{
text-decoration:none;
color:#7a7a7a;
background:white;}


.popT2{
position:absolute;
left:-272px;
top:-196px;}
.popT2, .popT2 .pBG{
width:544px;
height:392px;}
.popT2 .pBG{
background:url(../images/bg-popt1.gif) repeat;}
.popT2 .pCon{
width:100%;
padding:20px 0 0;}
.popT2 .popClose{
width:20px;
height:20px;
right:10px;
top:10px;}
.popBoxT2, .popTbtn2{
width:450px;
margin:0 auto;}
.popTbtn2{
text-align:right;}
.popTbtn2 input{
margin-left:8px;}
.smBlock1{
float:left;
width:72px;}
.smBlock1 b{
display:block;
font-weight:300;
line-height:38px;
text-align:right;
padding:0 5px 0 0;
color:#7d7d7d;}
.smBlock2{
float:left;
width:277px;}
.smBlock3{
position:relative;
float:left;
width:97px;
overflow:hidden;
padding:10px 0 0;}
.smBlockIn3{
position:relative;
width:100%;}
.smBlock3 .btn{
position:absolute;
left:-1px;
top:0;
padding:0;
display:inline-block;
width:100%;
text-align:center;}
.smBlockIn3 .list{
position:relative;
left:100%;
width:100%;
height:195px;
overflow:auto;}
.smBlockIn3 .list a{
display:block;
padding:3px 5px;
color:black;}
.smBlockIn3 .list a:hover, .smBlockIn3 .list a.ON{
text-decoration:none;
background:black;
color:white;}
.smBlock2 input, .smBlock2 textarea{
width:270px;
vertical-align:top;}
.smBlock2 input{
margin:10px 0;}
.smBlock2 textarea{
height:120px;
background-color:white;}
.shortMsg{
padding:15px 0;}
#memConB5{
width:770px;
overflow:hidden;}
.memEachBox5{
float:left;
width:377px;
padding:0 6px 6px 0;}
.memEachBoxIn5{
width:100%;
padding:10px 0 0;
height:140px;
background:url(../images/bg-bcopact1.gif) repeat;}
.memEachBoxIn5 .img{
width:110px;
float:left;
padding-left:10px;}
.memEachBoxIn5 .txt{
float:right;
width:250px;
overflow:hidden;
color:#757575;}
.memEachBoxIn5 .txt h6{
width:100%;
clear:both;
color:#4a4a4a;
line-height:28px;}
.memEachBoxIn5 .btn{
width:95%;
padding-right:5%;
clear:both;
text-align:right;}
.memEachBoxIn5 .btn a{
margin-left:2px;}
.memEachBoxIn5 .rank, .memEachBoxIn5 .state{
float:left;}
.memEachBoxIn5 .rank{
text-align:center;
width:78px;
padding-right:8px;}
.memEachBoxIn5 .rank b{
font-weight:300;
display:block;}
.memEachBoxIn5 .state{
width:160px;}
.memEachBoxIn5 .state b, .memEachBoxIn5 .state i{
height:4px;
display:inline-block;}
.memEachBoxIn5 .state b{
width:60px;
margin:0 2px;}
#memConB5, #memConC5{
position:relative;
overflow:hidden;}
.memBody7{
width:908px;
margin:0 auto;
padding:25px 0 30px;}
.memH7{
color:#333333;
line-height:30px;
font-family:"微軟正黑體";
font-weight:700;
font-size:16px;}
.memTab7{
padding:5px 0 20px;}
.memTab7 a{
margin-right:10px;}
.memT7{
color:#174e10;
line-height:30px;
font-family:"微軟正黑體";
font-weight:700;
font-size:17px;}
.memP7{
color:#8f8f8f;}
.memTable7, .memTable71{
padding:10px 0;}
.memP7 i{
font-style:normal;
color:#9b0000;}
.memBody7 .top .btn{
position:absolute;
left:0;
top:8px;}
.memBody7 .top{
position:relative;
width:100%;
text-align:right;}
.memTable7 th{
line-height:36px;
text-align:center;
color:white;
font-weight:300;
border-left:1px solid #e9e9e9;
background:url(../images/bg-th1.gif) repeat;}
.memTable7 .fH td{
color:white;
background:url(../images/bg-td1.gif) repeat;}
.memTable7 td{
padding:8px 0;
color:#3a3a3a;
border-top:1px solid #e9e9e9;
border-left:1px solid #e9e9e9;
text-align:center;
vertical-align:middle;
background:url(../images/bg-userframe1.gif) repeat;}
.memTable71 th{
color:white;
font-weight:300;
padding:5px 0;
border-left:1px solid #e9e9e9;
background:url(../images/bg-th1.gif) repeat;}
.memTable71 td p, .memTable71 th p{
text-align:left;
padding-left:30px;}
.memTable71 td{
padding:5px 0;
color:#3a3a3a;
border-top:1px solid #e9e9e9;
border-left:1px solid #e9e9e9;
text-align:center;
vertical-align:middle;
background:url(../images/bg-userframe1.gif) repeat;}
.memBody8, .memBody6{
position:relative;
width:100%;}
.memBody8, .memBody8 .pBG, .memBody6 .pBG{
height:430px;}
.memBody8 .pBG, .memBody6 .pBG{
width:439px;
background:url(../images/bg-mem8.png) left top no-repeat;}
.memBody8 .pCon{
padding:56px 50px 0 333px;}
.memBody6 .pCon{
padding:30px 50px 30px 333px;}
.memText8{
line-height:26px;
color:#757575;}
.memTest6 h6{
font-weight:300;
color:#575757;
padding:5px 0 10px;}
.memTest6 p{
color:#757575;
padding:3px 0;}
.memPage6{
text-align:right;}
.memPage6 a{
display:inline-block;
margin-left:10px;}
.memTest6{
position:relative;
width:100%;
overflow:hidden;}
.memQuestion6{
position:relative;
width:82%;
padding:0 0 20px 18%;}
.memQuestion6 .question{
position:relative;
z-index:5;}
.memQuestion6 .num{
position:absolute;
z-index:1;
left:10px;
top:5px;}
.memQuestion6 .error, .memQuestion6 .right{
padding:3px 5px;
background:url(../images/bg-userframe1.gif) repeat;}
.memQuestion6 .error{
color:#a10000;}
.memQuestion6 .right{
color:#416e3c;}
.error img{
vertical-align:middle;
padding-right:5px;}
.giftFloat{
width:950px;
overflow:hidden;
padding:0 0 0 10px;}
.giftBox{
float:left;
width:179px;
padding:0 3px;
height:260px;
text-align:center;}
.giftBox .img{
position:relative;
width:100%;
height:136px;}
.giftBox .img .pBG{
left:24px;
width:136px;
height:136px;
background:url(../images/imgshadow3.png) left top no-repeat;}
.giftBox .img img{
position:relative;
top:4px;
z-index:5;
width:118px;
border:2px solid #ababab;}
.giftBox .hr, .giftBox .hr img{
width:100%;
height:1px;
overflow:hidden;}
.giftBox .hr{
padding:3px 0;}
.giftBox .hr img{
vertical-align:top;}
.giftBox h6{
color:#174e10;
font-weight:300;}
.giftBox p{
color:#676767;
line-height:20px;}
.giftBox a{
display:inline-block;
margin-top:5px;}
.giftPage .top{
text-align:right;
padding:0 10px 0 0;}
.giftSwitch {
text-align:right;
padding:10px 50px 10px 0;}
.giftSwitch a{
margin-left:10px;}

.activityLogs{
padding:15px 0 5px;}
.alAsk{
width:100%;}
.alTitle{
color:#9C0000;
font-weight:300;}
.alAsk .txt, .alLogged .txt{
color:#808080;}
.alAsk .input .f1{
width:200px;}
.alAsk .input input{
margin-right:5px;}
.alAsk .ask{
padding-left:30px;}
.alAsk .ask a{
margin-right:10px;}
.alTable i{
color:red;
font-style:normal;}
.alTable .f2{
text-align:right;
background:url(../images/bg-th1.gif) repeat;
border-bottom:1px solid #eeeeee;}
.alTable td{
vertical-align:middle;
padding:3px 2px;}
.alTable .f1{
width:320px}
.alTable .f3{
width:50px}
.alTable .f4{
width:155px;
margin-right:5px;}
.alTable .f5{
width:200px;}
.alTable .fL td{
color:#333333;}
.alTable .btn td{
text-align:center;}
.dailyTitle{
text-align:center;
font-size:16px;
line-height:30px;
font-weight:700;
color:#656565;
font-family:"微軟正黑體";}
.dailyText{
padding:10px 0 10px 80px;
color:#575757;
background:url(../images/q.gif) left 10px no-repeat;}
.dailyText p{
color:#757575;
padding:3px 0;}
.dailyText div{
padding-bottom:20px;}
.dailyAnswer{
width:385px;
margin:0 auto;}
.dailyAnswer div{
display:none;
background:url(../images/bg-td1.gif) repeat;}
.dailyAnswer div img{
vertical-align:middle;
padding:0 5px;}
.adYes{
color:#416e3c;}
.adNo{
color:#a10000;}
.examTitle, .examText{
padding-left:80px;}
.examTitle{
color:#656565;
font-family:"微軟正黑體";
font-size:16px;
font-weight:700;
line-height:30px;}
.examText{
height:180px;
line-height:22px;
color:#575757;}
.examText b{
color:#990000;
font-weight:300;}
.examBtn{
position:relative;
width:370px;
line-height:26px;
padding-left:80px;
margin:0 auto;
color:#666666;}
.examBtn .f1{
position:absolute;
right:0;
top:0;}
.memberRight2 textarea{
width:300px;
height:80px;
line-height:16px;
background-color:white;}

/*  sp *************************************************************************/
.boxSP05{
position:relative;
width:100%;
height:612px;
background:url(../images/spbg-05.jpg) left top no-repeat;}
.spTop05, .spTop05 a{
color:#d0cac2;}
.spTop05{
line-height:30px;
text-align:right;
width:98%;
padding:0 2% 0 0;}
.spTop05 a{
padding:0 6px;}
.spFiveLink1 a, .spFiveLink2 a{
display:inline-block;
vertical-align:middle;
padding-right:8px;
/*width:145px;
height:33px;*/}
.spFiveLink1, .spFiveLink2{
position:absolute;
left:436px;
color:#0a4803;}
.spFiveLink1{
top:330px;}
.spFiveLink2{
top:374px;}
.popSPnoFloat{
width:848px;
padding:0 40px;
color:#616261;}
.popSPnoFloat li b{
color:red;
font-weight:300;}
.spFiveRecipt{
padding:280px 0 0 434px;}
.spFiveRecipt div{
padding:5px 0;}
.spFiveRecipt div.fL{
padding-left:147px;}
.spFiveRecipt span{
display:inline-block;
vertical-align:middle;
width:147px;}
.spFiveRecipt input{
margin-right:5px;}
.spFiveRecipt img{
vertical-align:middle;}
.spFiveRecipt .f1{
width:153px;}

.boxSP06{
position:relative;
width:100%;
height:612px;
background:url(../images/spbg-06.jpg) left top no-repeat;}
.spTop06, .spTop06 a{
color:#d0cac2;}
.spTop06{
line-height:30px;
text-align:right;
width:98%;
padding:0 2% 0 0;}
.spTop06 a{
padding:0 6px;}
.spSixLink1 a, .spSixLink2 a{
display:inline-block;
vertical-align:middle;
padding-right:8px;
/*width:145px;
height:33px;*/}
.spSixLink1, .spSixLink2{
position:absolute;
left:478px;
color:white;}
.spSixLink1 b, .spSixLink2 b{
display:inline-block;
font-weight:300;
vertical-align:middle;}
.spSixLink1{
top:245px;}
.spSixLink2{
top:295px;}
.spSixRecipt{
padding:200px 0 0 477px;}
.spSixRecipt div{
padding:5px 0;}
.spSixRecipt div.fL{
padding-left:129px;}
.spSixRecipt span{
display:inline-block;
vertical-align:middle;
width:130px;}
.spSixRecipt input{
margin-right:5px;}
.spSixRecipt img{
vertical-align:middle;}
.spSixRecipt .f1{
width:153px;}
.spSixPriceImg{
position:absolute;
left:790px;
top:233px;}
.spSixPriceImgIn{
position:absolute;
left:823px;
top:202px;}

.cellarDiv{
width:820px;
margin:0 auto;
padding:150px 0 30px;}
.cellarDiv .hr, .cellarDiv .hr img{
width:100%;
height:2px;
overflow:hidden;
vertical-align:top;}
.cellarDiv .hr{
padding:10px 0;}
.cellarTleft2{
float:left;
width:150px;
padding:25px 0 0;}
.cellarTleft{
float:left;
width:335px;
font-size:16px;
font-family:"微軟正黑體";
color:#585858;
font-weight:700;
padding:10px 0 0 19px;}
.cellarTtitle{
width:812px;
clear:both;
font-weight:700;}
.cellarTleft h6, .cellarRule h6, .cellarTtitle{
font-size:18px;
font-family:"微軟正黑體";
line-height:1em;
padding:0 0 0 8px;
border-left:3px #174e10 solid;
color:#174e10;}
.cellarTleft b{
display:block;
padding:15px 0 10px;}
.cellarTleft em, .cellarTleft i{
font-style:normal;}
.cellarTleft em{
color:#0d6700;}
.cellarTleft i{
font-weight:300;
font-family:"新細明體";
font-size:12px;
padding:0 0 0 5px;}
.cellarTleft p{
line-height:22px;}
.cellarTright{
float:right;
width:300px;
padding:20px 0 0;}
.cellarTright b{
display:block;
color:#727272;
word-spacing:72px;
font-family:"微軟正黑體";
font-size:16px;}
.cellarTright p{
padding:3px 0;}
.cellarTright p input{
padding:3px;
border:1px solid #c1c1c1;}
.cellarTright .f1{
width:70px;
margin-right:13px;}
.cellarTright .f2{
width:200px;}
.cellarTright div{
padding:10px 0 0;
text-align:right;}
.cellarRule{
padding:10px 0 0;}
.cellarRule ul{
padding:10px 0 0;
color:#6b6b6b;}
.cellarRule li{
list-style:outside decimal;
margin-left:25px;}
.cellarRule li b{
color:#105b4a;}
#flashCellarBox, .flashCellarBox{
position:relative;
width:100%;
height:700px;}
.flashCellarBox{
z-index:1;}
.cellarStream{
position:absolute;
z-index:2;
left:266px;
top:333px;
width:410px;}
.cellarTimer{
/*display:none;*/}
