#bodywrapper{font-size:13px}.catactive{position:relative;width:100%;font-size:29px;float:left;color:#7a828b;margin-bottom:10px}.catnavlist:hover,.catnavlist:focus{background-color:#e7e7e7;cursor:pointer;outline:none}.catnavlist.active{background-color:#e7e7e7}.catnavlist.active span{position:absolute;top:5px;left:120px;cursor:pointer;width:10px;height:10px;border-radius:100%;background:blue;background:radial-gradient(40% 35%, #9c9ccc, #046BA7 60%);box-shadow:inset 0 3px 5px 1px rgba(0,0,0,0.1),0 1px 0 rgba(255,255,255,0.4),0 0 10px 2px rgba(0,0,210,0.5)}.porttabwrap{margin-top:15px;display:flex}.porttabwrap .catnavlist{padding:5px}.porttabwrap>a{flex:1}.catnavlist.porttab{border-radius:5px 5px 0 0;border-bottom:3px solid #eaeaea;padding:5px;line-height:30px;white-space:nowrap}.catnavlist.porttab.active{border-bottom:3px solid #c4992e}.catnavlist.porttab.active,.catnavlist.porttab.active .porttabnum{color:#c4992e}.catnavlist:not(.active) img{filter:grayscale(100%)}.catnavlist.porttab:hover{text-decoration:none;background-color:#e7e7e7}.catnavlist.porttab:hover img{filter:grayscale(0%)}.porttabnum{font-size:13px;font-weight:bold;margin-left:3px;color:grey;display:inline-block}.portnavword{margin-top:4px;display:inline-block;*display:inline;*zoom:1;font-size:17px}.catnavword{width:100px;position:relative;float:left;margin-left:5px;margin-top:4px}.porttabwrap .catnavimg{position:relative;display:inline-block;*display:inline;*zoom:1;vertical-align:-5px;float:none;max-width:none}.portnav{font-family:'Oswald', Arial, sans-serif;width:200px;position:fixed;margin-left:50px;margin-top:-25px;overflow:hidden;top:110px;bottom:0}.portwidewrap{position:relative;text-align:center;margin:0 10px}.portinnerwrap{position:relative;margin-left:250px}.pagename{text-transform:uppercase;font-family:'Oswald', Arial, sans-serif}.prosub_title{font-weight:bold;font-size:16px;color:#AC8E00}.discussionwrap{background:#fdfdfd;border-radius:5px;border:1px solid #ececec;float:left;margin-top:10px}.portcontentwrap{margin-left:10px}.socpage .portcontentwrap{margin-left:250px}.nomsgwrap{position:relative;margin:5px 0px 0px 22.5px;width:510px;z-index:40;background-color:#fefefe;border-radius:0px 10px 10px 0px;border-left:5px solid #78b3d5;border-bottom:3px solid #ececec;padding:10px 5px 10px 10px;margin-top:10px;margin-bottom:5px;text-align:left}#scrollfix{width:200px}.buttonwrap.editme{float:left;margin-top:0;width:100px;text-decoration:none;font-size:11px;padding:7px 5px 3px 5px}.istat{width:30px;height:30px;position:relative;float:left;border-radius:100%;z-index:21;font-weight:bold;line-height:0.87;text-align:center;color:#ffffff}.istatc{background-color:#636161}.istats{background-color:#e0285b}.istatp{background-color:#3686c5}.istatb{background-color:#4e964b}.istatwrapper{height:40px;position:relative;float:left;margin-left:5px}.ino{font-size:22px;margin-top:5px}.pbox{display:inline-block;*display:inline;*zoom:1;font-family:'Oxygen',Arial;position:relative;margin:7px 0px 7px 15px}.description{position:relative;white-space:nowrap;text-align:right;padding:0px 15px 10px 5px}.dwrap{position:relative;display:inline-block;*display:inline;*zoom:1;margin-right:10px;margin-top:3px}.dcircle{width:23px;height:23px;position:relative;float:left;border-radius:100%;z-index:21;font-weight:bold;font-size:17px;line-height:22px;text-align:center;color:#ffffff;font-family:Oxygen,Arial;margin-left:0px}.co{background-color:#636161}.so{background-color:#e0285b}.pa{background-color:#3686c5}.be{background-color:#4e964b}.dcircle.fe{background:url(https://penanamedia.s3.ap-southeast-1.amazonaws.com/img/pinned.svg) center center no-repeat;background-size:cover;background-color:transparent;height:25px;width:25px}.dword{position:relative;float:left;color:#7a828b;margin-top:3px;margin-left:5px;font-weight:bold;font-family:Oxygen,Arial}.portcontentwrap .adminwrap{background-color:transparent;float:none;margin-top:-10px}.leftavataredit{width:150px;float:left}.editwrap{margin:10px 0px 0px 10px;float:left}.aboutwrap{margin-left:30px;display:flex;flex-direction:column;width:550px}.portcontentwrap .indexinnerwrap{padding:20px 0px 0px 0px;margin:0 auto;margin-top:5px;margin-right:10px;display:flex;gap:20px;flex-wrap:wrap}.about{position:relative;min-height:150px;min-width:550px;padding:15px 0;margin:0 0 10px 0;border-radius:5px;overflow:hidden;background-color:#fefefe;box-shadow:0 1px 5px rgba(101,119,134,0.25);text-align:left;display:flex}.about.maxheight{max-height:220px}.aboutleft{float:left;max-width:160px;margin-left:20px}.aboutname{position:relative;font-size:30px;color:#4a7a9b;font-weight:bold}.best_desc{position:relative;display:inline-block;text-align:center;font-family:oxygen;margin-top:1px;padding:2px 5px;border-radius:3px;background-color:#9C9898;color:#FFFFFF;font-size:12px}.best_desc.Beta{background:#4e964b}.aboutme{position:relative;font-family:'Oxygen', 'PT Sans','Arial';font-size:13px;width:100%;max-width:630px;margin-top:10px;margin-bottom:15px}.avaminibadge{position:absolute;right:0px;bottom:0px;z-index:9}.morelink{font-size:12px;position:absolute;right:5px;margin-top:-15px}.aboutfollow{position:relative;float:left;color:#127a12;font-size:16px;font-weight:bold;border-left:2px solid #e7e7e7;padding-left:10px}.joineddate{text-align:center}.joineddate span{margin-top:5px;display:inline-block;*display:inline;*zoom:1;color:#C29900}.bbwrap a{text-decoration:none;color:#fff}.useraction{position:relative;display:inline-block;*display:inline;*zoom:1;width:120px;background-color:#ddb95e;border-radius:5px;color:#fff;text-align:center;font-weight:bold;padding-bottom:3px;margin-top:3px}.leavewrap{position:absolute;right:10px;bottom:10px}.leavesociety .useraction,.useraction.greybtn{background-color:#E4E3E1}.leavesociety .useraction:hover,.useraction.greybtn:hover{background-color:#ECECEC}.useraction:hover{background-color:#e4ce63;cursor:pointer}.followaction .useraction2{position:absolute;right:0;bottom:15px}.useraction2{background-color:#0478C5;cursor:pointer}.useraction2:hover{background-color:#3686c5}.followedword{position:relative;float:left;width:100%}.followwrap{position:absolute;right:20px;top:10px}.bbwrap{position:relative;display:inline-block;*display:inline;*zoom:1;width:120px;margin-top:5px;font-family:'Oxygen', Arial, sans-serif}.portstat{color:#8F6022;margin-top:auto;margin-bottom:10px;word-spacing:2.5px;border-radius:2px;overflow:hidden}.portstat:empty{display:none}.blk{background-color:#ececec;padding:2px 5px;float:left}.blkstar{position:relative;color:#B1ABA3}.lockp{position:relative;float:left;width:22px;height:26px;background-image:url("https://static2.penana.com/img/lock.png");background-repeat:no-repeat;background-position:center;background-color:#bbb6b6;border-radius:2px;margin-left:5px}.lockp:hover,.lockp:focus{cursor:pointer;background-color:#969292}.adminwrap.followuserwrap{min-height:0;width:auto;background-color:transparent}.pfollowbox{font-family:'Oxygen', sans-serif}.pfollowbox .adminname{height:30px}.pfollowbox .useraction{float:right;margin-right:10px}.pfollowbox a{text-decoration:none}.portcontentwrap .listviewwrap{display:inline-block;*display:inline;*zoom:1;margin-bottom:-3px;margin-left:-5px;float:none}.portcontentwrap .portnewstory{margin-bottom:5px;display:block}.portcontentwrap .portnewstory .writenewwrap{width:100%;padding:5px 6px;background-color:#eee4b2}.portcontentwrap .portnewstory .writeicon{margin-left:40px}.portcontentwrap .listviewmode .stoinfobar{top:auto;left:auto;right:250px;bottom:15px}.listviewmode .pbox{width:80%}.discussionback{position:absolute;margin-top:45px;margin-left:20px;z-index:2}.pinnedpost{position:absolute;left:-10px;top:-10px;z-index:99}.lockedpost{position:absolute;right:55px;bottom:3px;opacity:0.7;z-index:99}.invis{position:absolute;width:19px;height:19px;right:48px;top:1px;display:none;z-index:100;cursor:pointer}.portsubtitle{margin:0px 20px 5px 20px}.portsubtitle span{font-size:15px;font-weight:bold;line-height:30px;vertical-align:middle;text-decoration:underline;font-family:'Oxygen', "Heiti TC", "微軟正黑體","Microsoft JhengHei","msjh", sans-serif}.portsubtitle img{vertical-align:middle}.soctypeselect{margin:0 0 10px 160px}.soctypedesc{display:block;color:#808080;font-size:13px;margin:5px 0;width:350px}.paginationbar.portpage{margin-left:15px;margin-bottom:30px;width:100%;float:left}.badgesp{position:relative;display:inline-block;width:170px;height:175px;text-align:center;background:#fefefe;border-radius:7px;margin:10px 5px 10px 5px;padding:15px 0 15px 0;font-family:'Oxygen';border:1px solid #E4E1E1;cursor:pointer}.bdes{position:relative;color:#665c51}.badgecount{position:absolute;right:24px;top:90px;font-size:18px;color:#C29900;font-weight:bold;width:35px;text-align:center}img.numoffset{margin-left:12px}.portuserstat{color:#4a7a9b;font-size:1.1em;margin-left:-5px;margin-bottom:0}.portuserstat dt{display:block;float:left;width:117px;text-align:right}.portuserstat dt:after{content:':';padding-right:2px}.portuserstat dd{display:block}.writer_blog{position:absolute;bottom:10px;right:20px;padding:5px 8px;border:2px solid #847f7f;font-size:13px;border-radius:3px;cursor:pointer;text-decoration:none;color:#616161;font-weight:bold}.writer_blog:hover{background-color:#ececec}.blog_logo{background:url("https://penanamedia.s3.ap-southeast-1.amazonaws.com/img/blog.svg") no-repeat center center;width:18px;height:18px;display:inline-block;vertical-align:bottom}.portloadmore{font-size:15px;background:#dbdbdb;padding:10px;margin:10px 15px;text-align:center}.portloadmore:hover{filter:brightness(90%)}