a{color:#6D6D6D;}

/* hidden font */
#toparea h2,#mixiuhot h2,#fad h2,#theme h2,#vote h2,#shopping h2{text-indent: -2000px; overflow: hidden;}

/* align vertical align middle*/
.valign-img a,a.valign-img{display:table-cell;text-align:center;vertical-align:middle;zoom:1;position:relative;overflow:hidden;}
.valign-img span{display:inline-block;height:100%;vertical-align:middle;width:0;}
.valign-img img{vertical-align:middle;margin-top:-1px;}

.center{text-align:center;}

#toparea{width:100%;height:229px;margin-bottom:5px;background:url(/static/img/bbshome/toparea.gif) no-repeat;}
#slide{float:left;padding:14px 0 0 11px;margin-right:21px;}
#slide dl{width:460px;overflow:hidden;position:relative;height:200px; z-index:1;}

#mixiuintro{float:left;width:210px;padding:0 20px;}
#mixiuintro h2{height:49px;margin-bottom:15px;}
#mixiuintro li {height:17px;padding:14px 0 15px 63px;}
#mixiuintro li a{color:#FB3838; text-decoration:none;margin:0 1px;}
#mixiuintro li a.f1{color:#A5CE88;}
#mixiuintro li a.f2{color:#A695C1;}
#mixiuintro li a:hover{color:#FF6602;}

#loginin{width:185px;float:right;padding-right:10px;}
#loginin h2{height:37px;}
.personalphoto{float:left;width:80px;height:80px;border:1px solid #E6E6E6;border-width:0 1px 1px 0;margin:0 9px 16px 0;width:80px;height:80px;overflow:hidden;}
.personalphoto a{width:80px;height:81px;}
.personalphoto img{max-width:80px;max-height:80px;}
.personalwel{float:left;width:90px;margin-bottom:16px;}
.personalwel h3{color:#D64C80;font-weight:bolder;}
.personalwel .wel{font-size:14px;color:#FE9901;font-weight:bold;text-align:center;padding:5px 0;}
.personalwel em a{color:#f00;text-decoration:underline;}
.personalwel em a:hover{color:#6D6D6D;}

.home-main{float:left;width:690px;}
.zonearea{padding-bottom:10px;}

#mixiuhot{height:326px;padding:20px 20px 0 22px;margin:0 0 10px;background:url(/static/img/bbshome/mixiuhot-bg.gif) no-repeat;}
#mixiuhot h2{float:left;height:51px;width:158px;margin-left:-4px;display:inline;}
#hotnews{float:right;height:27px;margin:4px 0 33px;font-size:14px;line-height:27px;width:410px;position:relative;overflow:hidden;}
#hotnews ul{position:relative;}
#hotnews li{float:left;margin-right:20px;}
#hotnews a{color:#FF9800;}
#mixiuhot-persona{float:left;clear:left;width:133px;height:240px;overflow:hidden;padding:8px 0 0 12px;background:url(/static/img/bbshome/mixiuhot-personal.gif) no-repeat;}
#mixiuhot-persona li{width:100%;margin-bottom:29px;}
#mixiuhot-persona a{width:100px;height:100px;}
#mixiuhot-content{float:right;width:492px;}
#mixiuhot-content dl{height:17px;padding:0 70px;margin-bottom:17px;}
#mixiuhot-content dt,#mixiuhot-content dd{float:left;margin-right:7px;}
#mixiuhot-content dt{color:#FC2601;}
#mixiuhot-content h5{font-size:18px;line-height:1.2;font-weight:bold;margin:0 15px 10px;height:22px;word-wrap:break-word;overflow:hidden;}
#mixiuhot-content h5 a{color:#FC9536;}
#mixiuhot-content li{float:left;width:236px;padding:3px 10px 5px 0;background:url(/static/img/bbshome/dot_x.gif) left bottom repeat-x;}
#mixiuhot-content li span.in{display: block;padding-left:10px;height:17px;word-wrap:break-word;overflow:hidden;background:url(/static/img/home/icon_1_hover.gif) 0 8px no-repeat;}
#mixiuhot-content a em{color:#F99734;}
#mixiuhot-content li img{float:right;margin-top:4px;}
#mixiuhot-content .more{float:right;padding:7px 17px 0 0;}

#fad{width:660px;height:243px;position:relative;padding:0 21px 0 11px;margin-bottom:2px;background:url(/static/img/bbshome/fad-bg.gif) no-repeat;margin-right:-3px;}
#fad h2{width:73px;height:35px;margin-left:10px;}
#fad-list{float:right;margin:-27px 0 0;padding-right:50px;}
#fad-list dt{float:left;font-size:14px;font-weight:bold;margin-left:26px;}
#fad-list dt a:hover,#fad dt.on a{color:#FC9536;text-decoration:none;}
#fad-list dd{width:660px;position:absolute;top:63px;left:13px;display:none;}
#fad-list dd.on{display:block;}
.fad-main{float:left;width:292px;}
.fad-main .img{float:left;width:100px;height:130px;border:1px solid #E7E7E5;}
.fad-main h5,.fad-main ul,.fad-main li{float:right;width:180px;}
.fad-main h5{height:17px;overflow:hidden;word-wrap:break-word;}
.fad-main li{height:68px;overflow:hidden;word-wrap:break-word;}
.fad-main h5{padding-top:10px;margin-bottom:10px;}
.fad-main h5 a{font-size:14px;color:#333;font-weight:bold;}
.fad-main li{margin-top:6px;}
.fad-main a.hl{color: #FF6602;}
.fad-hot{float:right;width:354px;overflow:hidden;padding-top:10px;}
.fad-hot ul{float:left;}
.fad-hot li{float:left;width:82px;margin-left:6px;display:inline;}
.fad-hot .valign-img{width:80px;height:80px;border:1px solid #ccc;}
.fad-hot p{width:100%;margin-top:3px;word-wrap:break-word;height:34px;overflow:hidden;text-align:center;}
.fad-b{clear:both;padding:13px 0 0 30px;}
.fad-b li{float:left;width:170px;height:17px;padding-left:8px;margin-right:25px;word-wrap:break-word; overflow:hidden;background:url(/static/img/bbshome/dot.gif) left 7px no-repeat;}

#theme{float:left;width:424px;height:326px;padding:10px 13px 0 17px;position:relative;background:url(/static/img/bbshome/theme-bg.gif) no-repeat;}
#theme h2{width:150px;height:30px;margin-bottom:16px;}
#theme table{width:374px;margin-left:40px;table-layout:fixed;}
#theme th{line-height:20px;font-size:14px;font-weight:bold;color:#fff;padding:9px 4px 10px;}
#theme .th-theme{width:180px;}
#theme .th-name{width:120px;}
#theme .th-number{width:50px;}
#theme td{padding:7px 4px 9px;}
#theme td p{width:100%;word-wrap:break-word;height:17px;overflow:hidden;}
#theme .more,#vote .more,#member .more,#shopping .more{position:absolute;top:15px;right:19px;}

#vote{float:right;width:196px;height:324px;padding:12px 14px 0 15px;position:relative;background:url(/static/img/bbshome/vote-bg.gif) no-repeat;}
#vote h2{margin:0 0 18px 9px;width:58px;height:29px;}
#vote ul{padding-left:25px;}
#vote ul li{height:17px;overflow:hidden;word-wrap:break-word;padding:6px 0 0;margin-bottom:5px;}

#shopping{height:400px;padding:19px 15px 0;position:relative;background:url(/static/img/bbshome/shopping-bg.gif) no-repeat;}
#shopping h2{width:131px;height:33px;}
#shopping ul{float:left;margin:15px -50px 0 0;}
#shopping li{float:left;width:122px;text-align:center;margin:0 13px 10px 0;}
#shopping li a.valign-img{width:120px;height:120px;border:1px solid #ccc;}
#shopping p{padding:5px 0;}
#shopping p em{display:block;word-wrap:break-word;height:17px;overflow:hidden;}

.home-side{float:right;width:248px;}

#permutation{height:406px;padding:9px 8px 0 9px;margin-bottom:18px;background:url(/static/img/bbshome/permutation-bg.gif) no-repeat;}
#permutation h2,#planning h2,#member h2,#exchange h2{font-size:14px;font-weight:bold;color:#000;}
#permutation h2{padding:10px 0 0 115px;margin-bottom:15px;}
#permutations{height:330px;position:relative;overflow:hidden;}
#permutations ul{float:left;width:100%;}
#permutations li{float:left;width:100%;padding:7px 0 6px;background:url(/static/img/bbshome/dot_x.gif) left bottom repeat-x;}
#permutations a{float:left;height:17px;width:140px;margin-left:6px;padding-left:12px;word-wrap:break-word;overflow:hidden;background:url(/static/img/bbshome/icon-1.gif) 0 5px no-repeat;}
#permutations li span{float:right;color:#FF6E00;}
#permutation .more{text-align:right;padding:10px 5px 0 0;}

#planning{height:219px;margin-bottom:14px;padding:10px 16px 0;background:url(/static/img/bbshome/planning.gif) no-repeat;}
#planning h2{padding:0 0 0 85px;margin-bottom:24px;}
#planning li{padding-left:15px;height:17px;margin-bottom:7px;background:url(/static/img/bbshome/icon-2.gif) 0 2px no-repeat;word-wrap:break-word;overflow:hidden;}
#planning .img{text-align:center;padding-top:3px;}
#planning .img img{width:200px;height:50px;}

#member{height:329px;overflow:hidden;position:relative;padding:7px 10px 0 10px;background:url(/static/img/bbshome/member-bg.gif) no-repeat;}
#member h2{padding:7px 0 25px 70px;}
#member ul{float:left;padding-left:18px;margin-right:-50px;}
#member li{float:left;width:82px;margin:0 27px 11px 0;}
#member li a{width:80px;height:80px;border:1px solid #ccc;}
#member .more{top:12px;}

#exchange{height:408px;padding:15px 10px 0;background:url(/static/img/bbshome/exchange-bg.gif) no-repeat;}
#exchange h2{padding:18px 0 20px 10px;}
#exchange ul{float:left;padding:0 0 0 26px;}
#exchange li{float:left;width:80px;margin:0 16px 0 0;}
#exchange li a{width:80px;height:80px;}
#exchange li p{height:34px;word-wrap:break-word;overflow:hidden;margin:0 5px;text-align:center;}