@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,ul,li,dd,dt,dl,div,form{margin:0; padding:0;}

form{display:inline; clear:left; float:left;}

ul{list-style:none;}

html,body,p,div,ul{ font-size:small; color:#808080;}

.left{float:left;}
.right{float:right;}

#pagebody{width:970px; margin:0 auto; }

#toppart{width:970px; height:200px; float:left; clear:left;}
.logo{width:205px; float:left; overflow:hidden; overflow:hidden;}
.memberinfo{width:220px; height:52px; margin-top:148px; margin-left:10px; float:left; display:block;}
.memberinfo img{float:left;}
.memberinfo em{ font-style:normal; height:20px; display:block; width:150px; float:left; padding-top:32px; padding-left:5px;}
.hotissue{width:215px; padding-top:65px; float:left; display:inline; clear:right; overflow:hidden; line-height:12px;}

.nav{width:300px; height:200px; background:url(../images/nav_bg.jpg) bottom right no-repeat; float:right;}
.level1{width:125px; margin-left:17px; margin-top:44px; float:left; clear:left; display:block; overflow: hidden;}
.level1 li{height:20px; margin-bottom:8px; overflow:hidden;}
.level2{width:134px; margin-left:24px; margin-top:44px; float:left; clear:right; overflow: hidden;}
.level2 li{height:16px; margin-bottom:4px; overflow:hidden;}

.loginbar{width:970px; height:25px; background:#231f20; margin:15px 0; float:left; clear:both; overflow:hidden;}
.loginbar li{float:left; display:inline;}
.input1{width:100px; height:18px; overflow:hidden; background:#666; border:none; margin-top:2px; float:left;}
.loginbar label{float:left; margin-left:15px; }
.loginbar .go{margin-left:8px;}
.cl{height:20px; width:1px; display:inline; margin-top:2px; background:#666; overflow: hidden;}
.poppointNumber{margin-left:2px; margin-right:2px; font-family:Arial, Helvetica, sans-serif; color:#fff; line-height:25px;}

.loginbar .searchbar{float:right; width:235px; display:block;}
.searchinput{width:150px; height:18px; overflow:hidden; background:#666; border:none; margin-top:2px; float:left;}

#mainpart{width:970px; float:left; clear:both; }

.mainbanner{width:650px; height:100px; float:left; clear:left; margin-bottom:15px;}

.rightbanner{width:300px; float:right;}
.rightbanner li{padding-bottom:15px;}

.location{ height:20px; font-weight:bold; width:425px; float:left; clear:left;}
.location a{color:#b3b3b3; text-decoration:none; font-weight:normal;}

#footer{width:970px; display:block; float:left; clear:both; padding:10px 0; border-top:#ccc 2px solid; margin-top:10px; font-family:Arial, Helvetica, sans-serif; }
#footer li{float:left; border-right:#ccc 2px solid; display:block; margin-left:16px; padding-right:16px; height:100px; color:#666;}
#footer h5{font-size:90%; padding-bottom:0.3em; font-weight:normal;}
#footer h5 a{color:#808080; center left no-repeat; text-decoration:none; display:block; clear:both; padding-left:10px; font-size:70%;}
#footer a{color:#808080; background:url(../images/footer_point.gif) center left no-repeat; text-decoration:none; display:block; clear:both; padding-left:10px; font-size:70%;}
#footer a:hover{color:#00b0d8;}
.magazine{width:120px;}
#footer li.copyright{margin-right:0; border:none;}
#footer li.copyright h5{ font-size:70%; margin-top:0.5em; margin-bottom:0;}

/*public*/
.pagelist{ float:right; margin-right:15px; display:block; overflow:hidden;}
.pagelist li{float:left; overflow:hidden;}
.pagelist .pageNo{ font-weight:bold;}
.pagelist .pageNo a{padding:0 3px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-decoration:none; display:block; float:left; color:#808080; font-size:80%;}

.pagelistsnap{ float:right; margin-right:0px; display:block; overflow:hidden;}
.pagelistsnap li{float:left; overflow:hidden;}
.pagelistsnap .pageNo{ font-weight:bold;}
.pagelistsnap .pageNo a{padding:0 1px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-decoration:none; display:block; float:left; color:#808080; font-size:80%;}

.btn{border-top:#999 1px solid; padding-top:10px;}
.btn a{float:right; padding-left:5px;}

.txtneed{width:25px; float:left; font-style:normal; font-size:80%; height:40px; line-height:40px; overflow:hidden;}

/*main*/
.showbox{width:215px; float:right; display:block; margin-right:20px;}
.showbox dl,.minbox {width:215px; background:#f2f2f2 url(../images/bg_main_showbox.jpg) bottom left no-repeat; margin-bottom:15px; display:block; float:left; clear:both;}
.showbox dt,.minbox dt{width:215px; /*height:35px;*/ float:left; clear:both;}
.showbox .pic,.minbox .pic{width:100px; /*height:100px;*/ padding-left:10px; float:left;}
.showbox .txt,.minbox .txt{width:85px; padding-left:10px; float:left;}
.showbox .txt h3,.minbox h3{ padding-bottom:0.5em; font-size:110%;}
.showbox .more,.minbox .more{clear:both; width:205px; text-align:right; padding-bottom:10px; padding-right:10px; overflow: hidden;}
.showbox .more a,.minbox .more a{text-decoration:none; color:#00b0d8; font-size:80%;}
.showbox .more a:hover,.minbox .more a:hover{text-decoration:underline; color:#00b0d8;}

.mainWeeklyHighlight{width:425px; float:left;}
.mainWeeklyHighlight dt{height:495px;}

.mainWeeklyHighlight dd{width:141px; height:25px; display:block; float:left;}
.mainWeeklyHighlight a{width:141px; height:25px; display:block;}
.mainWeeklyHighlight .btn1 a{background:url(../images/btn_main_film.jpg) top left no-repeat;}
.mainWeeklyHighlight .btn1 a:hover{background:url(../images/btn_main_film_f2.jpg) top left no-repeat;}

.mainWeeklyHighlight .space{width:1px; height:25px; display:block; float:left;}

.mainWeeklyHighlight .btn2{margin:0 2px;}
.mainWeeklyHighlight .btn2 a{background:url(../images/btn_main_theatre.jpg) top left no-repeat;}
.mainWeeklyHighlight .btn2 a:hover{background:url(../images/btn_main_theatre_f2.jpg) top left no-repeat;}

.mainWeeklyHighlight .btn3 a{background:url(../images/btn_main_travel.jpg) top left no-repeat;}
.mainWeeklyHighlight .btn3 a:hover{background:url(../images/btn_main_travel_f2.jpg) top left no-repeat;}

/*forgot password*/
.forgotpass{width:275px; float:left;}
.forgotpass dt{height:60px;}
.forgotpass input{width:250px; height:20px; border:#BDBCB7 1px solid; float:left;}

/*search result*/
.searchresult{width:650px; float:left;}
.searchresult dt{height:10px;}
.searchresult dt a{color:#3399CC; text-decoration:none; font-weight:normal;}

/*hotissue*/
.hotissuebox{width:650px; background:#e6e6e6 url(../images/hotissue/magazine_bg_top.jpg) top left no-repeat; clear:left;}
.hotissuebox h2{width:200px; height:22px; float:left; padding-left:15px; margin-top:12px; padding-bottom:15px;}
.magazine_book{width:310px; height:390px; overflow:hidden; padding:10px; clear:left; margin-left:auto; margin-right:auto; background:url(../images/hotissue/bg_magazine.jpg) left no-repeat;}
.hotissuebox_bottom{ padding-top:27px; width:510px; padding-left:140px; padding-bottom:19px; background:#e6e6e6 url(../images/hotissue/magazinebox_bottom.jpg) bottom left no-repeat; float:left; clear:left;}
.hotissuebox_bottom li{float:left;}
.hotissuebox_bottom li a{display:block; float:left; padding-top:18px;}

.popupwindow{width:800px; height:600px; overflow:hidden;}
/**hightlights*/

.hightlightsbox{width:650px; float:left; background:#e5f6fa; padding:12px 0px; clear:left;}
.hightlightsbox h2{width:200px; height:22px; float:left; padding-left:15px;}
.hightlightsbox h3{width:425px; font-size:120%; color:#808080; float:left; clear:left; margin-top:15px; padding-left:15px; padding-bottom:5px;}

.otherlist{width:225px; float:right; text-align:right; padding-right:15px;}
.otherlist select{width:220px;}

.hightlightsshowbox{width:620px; height:275px; overflow:hidden; padding-left:30px; background:#99daec; float:left; clear:left;}
.hightlightsshowbox .bigpic,.hightlightsshowbox .movie{width:450px; height:275px; float:left; background:#333;}
.hightlightsshowbox .movie span{width:385px; height:270px; display:block; margin-left:auto; margin-right:auto;}
.hightlightsshowbox .smpic{width:65px; float:left; margin-left:5px;}
.hightlightsshowbox .smpic a{padding-bottom:5px; display:block;}

.hightlightsbox p{clear:left; padding:10px 15px;}

.responsesbox{width:620px; margin-left:15px; border-top:#ccc 2px solid;  border-bottom:#ccc 2px solid; padding:5px 0; clear:left; float:left; display:inline;}
.responsesbox li{float:left;}
.responsesbox_input{width:560px; float:right; clear:right;}
.responsesbox_input textarea{width:560px; margin-left:5px; height:80px; background:#fff; border:#b3b3b3 1px solid; overflow:hidden;}
.tiptxt{clear:left; width:200px; float:left; padding-left:5px; margin-top:5px;}
.btn_post{ width:100px; float:right; margin-top:5px; text-align:right;}
.btn_post a{color:#666; text-decoration:none; font-weight:bold;}

.responseslist{width:620px; margin-left:15px; padding-top:15px; display:inline; clear:left; float:left; overflow:hidden;}
.responseslist .text{float:left; padding-right:5px;}
.responseslist .list{width:560px; float:right; clear:right; border-bottom:#ccc 1px solid; margin-top:3px; margin-bottom:3px; line-height:1.5em;}
.responseslist .list img{margin-right:3px;}


/*culture*/
.culturebox{width:430px; float:left; background:#eefbe5; padding:12px 0px; clear:left;}
.culturebox h2{width:200px; height:22px; float:left; padding-left:15px;}
.culturebox h3{width:250px; font-size:120%; color:#808080; float:left; clear:left; margin-top:15px; padding-left:15px; padding-bottom:5px;}

.cultureshowbox{width:415px; overflow:hidden; padding-left:15px; background:#def7cb; float:left; clear:left;}
.cultureshowbox .bigpic,.culturebox .movie{width:400px; height:275px; float:left; }
.cultureshowbox .movie span{width:385px; height:217px; display:block; margin-left:auto; margin-right:auto; margin-top:30px;}
.cultureshowbox .smpic{width:400px; clear:both;}
.cultureshowbox .smpic a{padding-right:10px; padding-top:10px; display:block; width:90px; float:left;}

.culturebox p{clear:left; padding:10px 15px;}

.culturebox .responsesbox{width:400px; overflow:hidden; margin-left:15px; border-top:#ccc 2px solid;  border-bottom:#ccc 2px solid; padding:5px 0; clear:left; float:left; display:inline;}
.culturebox .responsesbox li.txt{float:left; width:60px;}
.culturebox .responsesbox_input{width:320px; float:right; clear:right; margin-left:5px;}
.culturebox .responsesbox_input textarea{width:305px; height:100px; background:#fff; border:#b3b3b3 1px solid; overflow:hidden;}
.culturebox .tiptxt{clear:left; width:170px; float:left; padding-left:5px; margin-top:5px;}
.culturebox .btn_post{ width:80px; float:right; margin-top:5px; text-align:right;}
.culturebox .btn_post a{color:#666; text-decoration:none; font-weight:bold;}

.culturebox .responseslist{width:400px; margin-left:15px; padding-top:15px; display:inline; clear:left; float:left; overflow:hidden;}
.culturebox .responseslist .text{float:left; padding-right:5px;}
.culturebox .responseslist .list{width:345px; float:right; clear:right; border-bottom:#ccc 1px solid; margin-top:3px; margin-bottom:3px; line-height:1.5em;}
.culturebox .responseslist .list img{margin-right:3px;}

.cultureMinibox {width:215px; float:right; display:block; margin-right:20px;}
.cultureMinibox dl{width:215px; background:#EEFCE5 url(../images/culture/bg_minbox_bg_green.jpg) bottom left no-repeat; margin-bottom:15px; display:block; float:left; clear:both;}
.cultureMinibox dt{width:215px; height:35px; float:left; clear:both;}
.cultureMinibox dd.pic{width:80px; height:100px; padding-left:10px; float:left;}
.cultureMinibox .txt{width:105px; padding-left:10px; float:left;}
.cultureMinibox .txt h3{ padding-bottom:0.5em; font-size:110%;}
.cultureMinibox .more{clear:both; width:205px; text-align:right; padding-bottom:10px; padding-right:10px; overflow: hidden;}
.cultureMinibox .more a{text-decoration:none; color:#00b0d8; font-size:80%;}
.cultureMinibox .more a:hover{text-decoration:underline; color:#00b0d8;}

/* pop action */
.popactionbox{width:650px; float:left; background:#F4EFF7; padding:12px 0px; clear:left;}
.popactionbox h2{width:300px; height:22px; float:left; padding-left:15px;}
.popactionbox h3{width:425px; font-size:120%; color:#808080; float:left; clear:left; margin-top:15px; padding-left:15px; padding-bottom:5px;}

.popactionshowbox{width:645px; height:400px; margin-top:15px; overflow:hidden; padding-left:5px; background:#e8deef; float:left; clear:left;}
.popactionshowbox .bigpic{width:400px; padding-top:0px; overflow:hidden; text-align:center; line-height:400px; float:left;}
.popactionshowbox .smpic{width:75px; float:left; margin-left:6px; overflow:hidden;}
.popactionshowbox .smpic a{padding-bottom:6px; display:block;}

.travelsnap{width:650px; margin-top:15px; text-align:center; overflow:hidden; background:#e8deef; float:left; clear:left;}
.travelsnap .bigpic{width:400px; overflow:hidden; margin:0 auto; }
.travelsnap .smpic{ clear:left; overflow:hidden; width:650px; margin-left:9px; }
.travelsnap .smpic a{padding:0px 4px 8px 5px ; display:block; float:left;}
.travelsnap_list_height{height:148px; overflow:hidden;}


.popactionbox .pagelist{margin-right:0;}

.btn_upload{width:265px; margin:10px auto; clear:both;}

.submitloadingbox{width:650px; float:left; clear:left; background:#F4EFF7; padding:12px 0px; padding-left:12px; }

.citysnappage{clear:both;}

.uploadbox{width:620px; margin-top:15px; overflow:hidden; padding-left:15px; padding-right:15px; padding-bottom:10px; background:#e8deef; float:left; clear:left;}
.uploadbox ul{ clear:left; display:block; }
.uploadbox ul input{margin-left:0px; }
.textbox{border:#999 1px solid; padding:5px; background:#fff; width:570px;}
.uploadbox p{clear:left; padding-top:15px;}

.description{width:320px; height:65px; background:#fff; border:#999 1px solid;}
.btn_confirm_upload{border-top:#999 1px solid; padding-top:10px;}
.btn_confirm_upload a{float:right;}

.selectedshowbox{width:560px; background:#e8deef; float:left; clear:left; margin-top:15px; padding-bottom:10px;}
.selectedshowbox p{margin:10px 0 0 0;}
.photolist{float:right; clear:right; margin-left:5px; margin-right:7px; width:75px; margin-top:35px;}
.backcss{display:inline;};
.photolist li{margin-bottom:5px; display:block;}
.photolistcitynap{clear:both;}

.selectedshowbox dl{width:400px; margin:0 auto;}
.selectedshowbox table.infobox{width:400px; margin:0 auto;}
.selectedshowbox ul li.right{ padding-top:35px;}
.photoname{ font-size:14px; color:#808080; font-weight:bold;}
.info{ width:100%; border-top:#DACAE5 1px solid; padding-top:15px;}
.backphotos{width:100%; border-top:#DACAE5 1px solid; padding-top:15px;}
.backphotos a{float:right; margin-right:80px;}

.responsebox{width:400px; clear:left; margin-left:65px;}

.responsebox .responsesbox{width:405px; border:none;}
.responsebox .responsesbox li.txt{float:left; width:65px;}
.responsebox .responsesbox_input{width:325px; float:left; clear:right; margin-left:5px;}
.responsebox .responsesbox_input textarea{width:325px; height:100px; background:#fff; border:#b3b3b3 1px solid; overflow:hidden;}
.responsebox .tiptxt{clear:left; width:170px; float:left; margin-top:5px;}
.responsebox .btn_post{ width:80px; float:right; margin-top:5px; text-align:right;}
.responsebox .btn_post a{color:#666; text-decoration:none; font-weight:bold;}

.responsebox .responseslist{width:415px; margin-left:10px; padding-top:15px; display:inline; clear:left; float:left; overflow:hidden;}
.responsebox .responseslist .text{float:left; padding-right:5px;}
.responsebox .responseslist .list{width:335px; float:right; clear:right; border-bottom:#ccc 1px solid; margin-top:3px; margin-bottom:3px; line-height:1.5em;}
.responsebox .responseslist .list img{margin-right:3px;}

.workspacebox{width:425px; float:left; background:#F4EFF7; padding:12px 0px; clear:left;}
.workspacebox h2{width:200px; height:22px; float:left; padding-left:15px;}
.issuebox{ clear:left; margin:15px; float:left; display:inline; width:395px;}
.workspacebox .responsebox{width:425px; clear:left; margin-left:0;  float:left;}
.workspacebox .responseslist{ width:395px; margin-left:15px; border-top:#DACAE5 2px solid; border-bottom:#DACAE5 2px solid;}
.workspacebox .responseslist .list{width:315px; float:right; clear:right; border-bottom:#ccc 1px solid; margin-top:3px; padding-right:15px; margin-bottom:3px; line-height:1.5em;}
.workspacebox .responsesbox_input{width:315px; float:left; }
.workspacebox .responsesbox_input textarea{width:325px; height:70px; float:left; background:#fff; border:#b3b3b3 1px solid; overflow:hidden; margin-left:-5px;}

.workspacerihgtbox{margin-top:5px; float:right;}

.workspacerihgtbox dl{width:215px; background:#F4EFF6 url(../images/rightboxbg_b_pink.jpg) bottom left no-repeat; margin-bottom:15px; display:block; float:left; clear:both;}
.workspacerihgtbox dt{width:188px; padding-right:27px; height:35px; float:left; overflow:hidden; clear:both; background:url(../images/rightboxbg_pink.jpg) top left no-repeat; text-align:right; color:#827C86; line-height:35px; font-family:Arial, Helvetica, sans-serif; font-size:100%;}
.showbox .pic{width:100px; height:100px; padding-left:10px; float:left;}
.workspacerihgtbox .txt{width:195px; padding-left:10px; float:left; height:135px;}
.showbox .txt h3{ padding-bottom:0.5em; font-size:110%;}
.showbox .more{clear:both; width:205px; text-align:right; padding-bottom:10px; padding-right:10px; overflow: hidden;}
.showbox .more a{text-decoration:none; color:#00b0d8; font-size:80%;}
.showbox .more a:hover{text-decoration:underline; color:#00b0d8;}

.surveybox{clear:left; margin-top:10px; float:left; width:630px;}
.surveybox h3{border-top:#DAC6E9 1px solid; border-bottom:#DAC6E9 1px solid; width:620px; margin-left:15px; padding:5px 0px; font-size:110%; color:#666; float:left; display:inline;}
.surveylist{clear:left; float:left; margin-left:15px; margin-top:15px; border-bottom:#D5BAE4 1px solid; margin-bottom:10px; padding-bottom:10px; width:620px; display:inline;}
.surveylist .pic{ padding:5px; display:block;}
.surveylist dt.pic{padding-left:15px;}
.surveybox .btn{margin-left:15px; border:none;}

.votingbox{float:left; clear:left; margin-top:10px; display:block; width:650px;}
.votingbox ul.box{float:left; clear:left; background:url(../images/action/bg_votingbox.gif) left top repeat-y; margin-bottom:15px;}
.votingboxleft{float:left; width:84px; margin-left:1px; display:block; padding-top:10px; text-align:center;}
.votingboxleft .bonusPonitbox{margin-left:15px; margin-top:10px; text-align:left; display:inline;}
.votingboxright{width:555px; float:right; clear:right; display:block; margin-left:10px; border-top:#E9DEEF 2px solid; border-bottom:#E9DEEF 2px solid;}
.votingboxright dl{ padding:5px 0;}
.votingboxright dd{padding:5px; }

.voting_border_top{border-top:#EAE2F1 2px solid;}
.voting_border_right{border-top:#EAE2F1 2px solid; border-right:#EAE2F1 2px solid;}
.voting_tab{height:15px; background:#D2BEE1;}

.votingInputInfo{width:650px; float:left; clear:left; margin:5px 0; }
.votingInputInfo td{padding:2px 0;}
.votingInputInfo .tiptxt{width:100px; font-size:90%; padding-right:5px;}
.votingInputInfo input{border:#D9CBE5 1px solid; height:20px; width:120px;}

.membervotingbox{ padding:10px 0; }
.membervotingbox li{clear:left;}
.membervotingbox table.votingbox1{float:left; margin-right:50px; margin-top:10px;}
.newline{clear:left;}

/*club metropop*/
.clubbox{width:650px; float:left; background:#FAFBED; padding:12px 0px; clear:left;}
.clubbox h2{width:300px; height:22px; float:left; padding-left:15px;}

.clubshowbox{clear:left; float:left; background:#f8f7db; width:650px; margin-top:15px;}

.memberinfobox{ clear:left; float:left; margin-left:15px; margin-top:15px; width:550px; display:inline;}
.memberhead{width:76px; height:76px; border:#ccc 1px solid; padding:3px; display:block; background:#FFF;}
.memberinfobox dt{padding-bottom:5px;}
.memberinfobox dd{float:left;}
.memberinfobox li{float:left; padding-top:40px; padding-left:10px;}
.ponitNumber{font-size:50px; color:#666; font-family:Arial, Helvetica, sans-serif; float:left;}

.textlist{clear:left; margin-top:15px; float:left; margin-left:15px; width:620px; display:inline;}
.textlist li{border-top:#E3E2DD 1px solid; padding-top:10px; margin-top:10px; clear:left;}
.textlist li ul.minboxlist li{float:left; margin-right:10px; border:none; clear:none;}
.textlist li ul.minboxlist li .minbox{margin:0; float:left;}

.inputInfoBox{ clear:left; float:left; margin-left:40px; width:600px; margin-top:15px; margin-bottom:15px; display:inline;}
.inputInfoBox input{width:175px; height:20px; border:#BDBCB7 1px solid; float:left;}
.inputInfoBox select{float:left;}
.inputInfoBox input.shortinput{width:30px;}
.inputInfoBox li{clear:left; padding-bottom:5px; height:20px; line-height:20px; overflow:hidden;}
.inputInfoBox li span{display:block; width:80px; float:left;}
.inputInfoBox li span.tiptxts{width:400px; font-size:80%; float:left;}
input.radio{width:16px; height:16px; margin-right:5px; border:none;}
span.radiobox{float:left; font-size:100%;}
input.checkbox{width:16px; height:16px; margin-right:5px; border:none;}
.inputInfoBox .btn{width:580px; height:30px; clear:left;}

.registerIntroText{padding:15px 15px 0 15px; margin:0;}
li.clubmetropopPointsRules {height:125px;}
.clubmetropopPointsRules textarea{width:515px; height:120px; float:left; font-size:100%; color:#333;}

/*Bonus*/
.bonusbox{width:630px; float:left; background:#FEEEF1; padding:15px 0px; clear:left; padding-left:15px;}
.bonusbox h2{width:200px; height:22px; float:left; }

.bonustop{/*height:190px; */width:395px; clear:left; float:left;  margin-top:15px; padding-top:15px; border-top:#E6DDDE 2px solid;}
.bonustop dt{float:left; margin-right:10px;}
.bonustop dd{float:left;}
.couponname{font-size:120%; font-weight:bold;}
.experienceText{width:180px; /*height:162px;*/}

.bonusRightBox{ float:right;}

.bonusRightBox dl{width:215px; background:#FEEEF1 url(../images/bonus/rightboxbg_popbonus_b.jpg) bottom left no-repeat; margin-bottom:15px; display:block; float:left; clear:both;}
.bonusRightBox dt{width:188px; padding-right:27px; /*height:35px;*/ float:left; overflow:hidden; clear:both; background:url(../images/bonus/rightboxbg_popbonus_title.jpg) top left no-repeat; text-align:right; color:#827C86; line-height:35px; font-family:Arial, Helvetica, sans-serif; font-size:100%;}
.bonusRightBox .questionnaireMinbox .pic{width:60px; height:60px;}
.bonusRightBox .questionnaireMinbox .txt{width:125px; font-size:16px;}

.bonusbottom{ float:left; clear:left; width:610px; margin-top:15px; padding-top:15px; border-top:#E6DDDE 2px solid;}
.bonusbottom ul{ float:left; }
.bonusbottom h4{height:40px; width:235px;}
.bonusbottom li span{float:left; clear:left; display:block; width:65px; height:20px; line-height:20px; overflow:hidden; margin-top:5px;}
.bonusbottom input{width:155px; height:20px; border:#BDBCB7 1px solid; float:left; margin-top:5px;}
.bonusbottom div{float:left; display:block; font-size:80%;}

.bonusbox2{width:650px; float:left; background:#FEEEF1; clear:left; padding-bottom:15px; }
.bonusbox2 h2{width:200px; height:22px; margin-top:15px; margin-left:15px; float:left; display:inline;}
.gifbox{margin-left:15px; margin-top:15px; padding-top:15px; width:620px; border-top:#E6DDDE 2px solid; clear:left; float:left; display:inline;}
.gifbox li{float:left; margin-right:10px;}
.gifbox h3{font-size:140%;}
.gifbox p{margin-top:1em;}
.gifbox .btn{float:right; display:block; width:100px; text-align:right; border:none; margin:0;}
.bonusPonitbox{width:53px; height:42px; background:url(../images/bonus_pointbox.gif) top left no-repeat; font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#fff; display:block; line-height:42px; overflow:hidden; font-weight:bold; padding-left:5px; float:left;}

.rules{float:left; clear:left; border-top:#E6DDDE 1px solid; padding-top:10px; font-size:80%; }

.questionairebox{display:inline; width:630px; clear:left; float:left;  margin-top:15px; margin-left:-15px; padding-left:15px; padding-top:15px; padding-bottom:15px; background:#FEDEE3;}
.questionairebox dt{float:left; }
.questionairebox dd{float:left;}
.questionairebox .experienceText{width:180px; height:130px;}

.formlist{float:left; clear:left; width:600px; margin-top:15px; display:inline;}

.quizshowbox{display:inline; width:635px; clear:left; float:left;  margin-top:15px; padding-left:15px; padding-top:15px; padding-bottom:15px; background:#FEDEE3;}
.quizshowbox dt{float:left; margin-right:10px;}
.quizshowbox dd{float:left; width:425px;}

.quizlist{width:600px; display:inline; float:left; clear:left; margin-left:15px; margin-top:15px;}
.bonusbox2 .bonusbottom{width:620px; margin-left:15px; overflow:hidden; display:inline;}
.bonusbottom .btn{border:none; float:left; padding-top:0;}


.actionMinibox{width:215px; background:#F0EDF8 url(../images/club/title_clubminbox_actionbg.jpg) bottom left no-repeat; margin-bottom:15px; display:block; float:left; clear:both;}
.actionMinibox dt{width:215px; height:35px; float:left; clear:both;}
.actionMinibox .pic{width:100px; height:100px; padding-left:10px; float:left;}
.actionMinibox .snap{width:200px; height:70px; padding-left:10px; float:left;}
.actionMinibox .txt{width:85px; padding-left:10px; float:left;}
.actionMinibox .workspace{width:200px; height:50px; padding-left:10px; float:left;}
.actionMinibox h3{ padding-bottom:0.5em; font-size:110%;}
.actionMinibox .more{clear:both; width:205px; text-align:right; padding-bottom:10px; padding-right:10px; overflow: hidden;}
.actionMinibox .more a{text-decoration:none; color:#00b0d8; font-size:80%;}
.actionMinibox .more a:hover{text-decoration:underline; color:#00b0d8;}

.bonusMiniBox{width:215px; background:#FEEEF1 url(../images/club/club_point_r7_c1.jpg) bottom left; margin-bottom:15px; display:block; float:left; clear:both;}
.bonusMiniBox dt{width:215px; height:35px; float:left; clear:both;}
.bonusMiniBox .pic{width:100px; height:100px; padding-left:10px; float:left;}
.bonusMiniBox .txt{width:85px; padding-left:10px; float:left;}
.bonusMiniBox h3{ padding-bottom:0.5em; font-size:110%;}
.bonusMiniBox .more{clear:both; width:205px; text-align:right; padding-bottom:10px; padding-right:10px; overflow: hidden;}
.bonusMiniBox .more a{text-decoration:none; color:#00b0d8; font-size:80%;}
.bonusMiniBox .more a:hover{text-decoration:underline; color:#00b0d8;}