body,html{width:100%;height:100%;line-height:1.5}body{background:var(--bg-color);margin:0px;font-family:"PT Sans", "Heiti TC", "微軟正黑體", "Microsoft JhengHei", "msjh", sans-serif;text-align:left;overflow-y:scroll}ul:not(.browser-default){padding-left:0;list-style-type:none}.sidenav li{line-height:48px}.sidenav.wide li>a{margin:0px !important}.sidenav.wide .colfooter{margin:20px 18px}html .input-field{line-height:1}html .input-field input:focus:not([readonly]),.input-field textarea:focus:not([readonly]){padding-top:0}.btn.btn-secondary{background:none;color:#8b7d42;border:1px solid #8b7d42}.alignright .btn+.btn{margin-left:10px}a img{border:none}a{text-decoration:none;color:#0A6986}a:hover{text-decoration:underline}a.anchor{display:block;float:left;position:relative;width:100%;top:-100px;visibility:hidden}a.disabled{pointer-events:none}a.whitelink{color:white;text-decoration:underline}a.whitelink:hover{color:#ECECEC}:target{scroll-margin-top:100px}.optiondots,.topright{position:absolute;right:0;top:0;color:#696969}.dropdown-content li{min-width:130px}.dropdown-content li>a,.dropdown-content li>span{text-decoration:none;color:#0F0F0F !important}strong{font-weight:bold !important}div font{font-size:inherit;font-family:inherit}#bodywrapper{color:#333;font-family:"oxygen", Arial, "Heiti TC", "微軟正黑體", "Microsoft JhengHei", "msjh", sans-serif;font-size:13px;text-align:left;padding-top:80px;margin:0 auto;position:relative}.fixednav #bodywrapper{padding:65px 80px}@media only screen and (max-width: 992px){.fixednav #bodywrapper{padding:65px 20px}}@media only screen and (max-width: 540px){.bannerwrap .xbox.imgbox{min-width:100% !important}}#bodywrapper.gridarea{padding:80px 30px}.justifycenter{justify-content:center}.flexcontainer{display:flex;flex-wrap:wrap;justify-content:center}.newXboxWrap.smallxbox:not(.count1)::after{flex-basis:calc(66% - 30px)}@media screen and (min-width: 690px){.flexcontainer.count1{width:50%;margin:0 auto}.datagrid{max-width:320px}}@media screen and (min-width: 1500px){.datagrid{max-width:none}}.dataTables_wrapper .datatable select{display:inline-block;width:auto}.dataTables_length label{font-size:15px;color:black}.dataTables_filter label{font-size:0;float:right}.dataTables_filter label input{border:0 !important;border-radius:0 !important;border-bottom:1px solid #aaa !important}.paginate_button.current{background:#e4ce63 !important;border:0 !important}.displayflex.onerow,.flexcontainer.onerow{flex-wrap:nowrap;overflow-y:auto;justify-content:normal}.xboxcontainer.onerow{margin-left:15px}.xboxcontainer.onerow .xbox:first-child{margin-left:0}.top120px{padding-top:120px}#bodywrapper.variablewidth{width:auto;padding:120px 20px 20px 20px}#bigwrapper{display:block;position:relative;margin:0 auto;text-align:left}#maincontent{margin-left:0.5em;display:inline-block;*display:inline;*zoom:1}#ad{display:inline-block;*display:inline;*zoom:1;float:right;width:200px;height:600px;background:pink}.positionrelative{position:relative}.positionabsolute{position:absolute}.sticktop{position:sticky;top:0;z-index:5}.pointerauto{pointer-events:auto}.inlineblock{display:inline-block;*display:inline;*zoom:1}.inline{display:inline}.block{display:block}.floatleft{float:left !important}.floatright{float:right}.floatnone{float:none}.displayflex{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;text-align:left}.displayflex.gap10,.gap10{gap:10px}.flexauto{flex:auto}.flexone{flex:1}.noflex{flex:unset !important}.dragging .flexone{cursor:move !important;position:relative;display:inline-block !important}.dragging .flexone.fixedwidth{flex:none}.dragging .flexone::after{font-size:20px;position:absolute;right:10px;top:0;content:"⚌"}.flexhalf{flex:1;display:block;min-width:30%}.flexgrow{-webkit-box-flex:1;-webkit-flex-grow:1;-moz-box-flex:1;-ms-flex:1 1 auto;flex-grow:1}.overflowhidden{overflow:hidden}.overflowauto{overflow:auto}.overflowshow{overflow:visible !important}.customsbar::-webkit-scrollbar{width:8px}.customsbar::-webkit-scrollbar-thumb{background:#aaaaaa;border-radius:10px}.customsbar::-webkit-scrollbar-thumb:hover{background:#dddddd}.verticalcenter{margin:0;position:absolute;top:50%;left:45%;-ms-transform:translateY(-50%);transform:translateY(-50%)}.verticalmiddle{vertical-align:middle}.verticaltop{vertical-align:top}.verticalbottom{vertical-align:bottom}.verticaltextbottom{vertical-align:text-bottom}.width100{width:100%}.maxwidth100{max-width:100%}.height100{height:100%}.fontbold{font-weight:bold}.whitespacenormal{white-space:normal}.whitespacebreak{white-space:break-spaces}div.noindent{text-indent:0}.round{border-radius:100%}.roundcorner{border-radius:10px}#bodywrapper.puremaincenter:not(.width100){width:960px}.maincenter{width:960px;margin:0 auto;padding-top:65px}.maincenter.wider{width:1060px}.maincenter .writewrapper{margin-top:-69px}.alignleft,div .alignleft{text-align:left}.aligncenter,div .aligncenter{text-align:center}.margin0auto{margin:0 auto}.alignright{text-align:right}.margin10px{margin:10px}.marginleftauto{margin-left:auto}.marginleft{margin-left:15px}.margintop2px{margin-top:2px}.margintop5px{margin-top:5px}.margintop15px{margin-top:15px}.marginleft10{margin-left:10px}.marginleft40{margin-left:40px}.marginleft65{margin-left:65px}.marginside{margin:0 5px}.margintopbottom{margin:5px 0}.paddingtb{padding:5px 0}.padding9px{padding:10px}.paddingtop10{padding-top:10px}.padding010{padding:0 10px}.padding1020{padding:10px 20px}.paddingbottom{padding:0 0 10px 0}.padding15px{padding:15px}.width50px,.width50{width:50px !important}.showmiddle{position:fixed;top:50%;left:50%}.stickleft{padding-left:0 !important;margin-left:0 !important}.penana-grey{background-color:#f5f4f3 !important}.greycolor,.grey-text{color:grey}.goldcolor{color:#e4ce63}.red-text{color:red}.whitebg{background-color:#fefefe}.borderbottom{border-bottom:1px solid #dfdfdf}.clampdiv{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.clampdiv.expand{-webkit-line-clamp:initial}.layoutgrid{border:1px solid #ececec;box-shadow:0 1px 5px rgba(101,119,134,0.25)}.layoutgrid.greygrid{background-color:#e5e5e5;max-width:310px;flex:auto;align-self:flex-start}.datagrid{min-width:250px;min-height:200px;border:1px solid #ececec;border-radius:10px;background:#ffffff;margin:20px 20px 0px 0;padding:10px}.datagrid.wider{max-width:500px}.datagrid.nobg{background:transparent;border:none}.gridtitle{font-size:22px;color:#505050}.griddesc{font-size:14px;color:#797979;margin:10px 0}.gridfigure{font-size:22px}.gridfigure_prev{margin-left:10px;color:#8a8a8a}.gridseparator{border-top:1px solid #e0e0e0;margin:15px 0}.gridsubtitle{font-size:12px;color:#9a9a9a;margin-bottom:3px}.gridsubtitle.bold{font-weight:bold;color:#6b6b6b}.gridnum{font-size:32px;color:#877752;margin-top:5px}.datagrid .commentblock{margin:10px 0 0 0;width:initial}.datagrid .avatar-container{border:none}.datagrid .commentavatar img{width:30px;height:30px}.datagrid .commentdash{display:none}.datagrid .commentcontent{display:block;padding:0}.datagrid .commentname a{font-size:14px;color:#797979;text-transform:none;font-weight:normal}.commentbadge{width:25px;height:25px;vertical-align:bottom}.lineheight0{line-height:0}.font0px{font-size:0px !important}.font12px{font-size:12px}.font16px{font-size:16px}.font20px{font-size:20px}.font25px{font-size:25px}@-webkit-keyframes glowdim{from{background-color:#f9efb1}to{background-color:none}}.glowdim{animation-name:glowdim;animation-duration:4s;-webkit-transition:background-color 5.0s linear;-moz-transition:background-color 5.0s linear;transition:background-color 5.0s linear}.errormsg{background:#E7647E;color:#fff;padding:0 5px;border-radius:5px}.errormsg a{color:#DFD191;font-size:0.8em}.successmsg{background:#12B13F;color:#fff;padding:5px 10px;border-radius:5px}.underline{text-decoration:underline}a.underline{cursor:pointer}.nounderline,a.nounderline{text-decoration:none}.singleline{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.cursorpointer{cursor:pointer}.cursorauto{cursor:auto}.circular{position:relative;border-radius:100%;behavior:url(/css/pie/PIE.htc);display:inline-block;*display:inline;*zoom:1;z-index:2;background-color:#e8e8e8;text-indent:-9999px;overflow:hidden}img.circular{border-radius:100%;behavior:url(/css/pie/PIE.htc)}.redlink{font-size:15px;color:#fefefe;border-radius:0px 3px 3px 0px;cursor:pointer;background-color:#DF8C92;padding:1px 3px 1px 3px}.redlink:hover,.redlink:focus{text-decoration:none;background-color:#C27171}.collapse_boxes .collapsible-body{border:none}.innerbox{position:relative;padding:0}.dobtn{cursor:pointer;background:#fefbeb;border:1px solid #887b57;border-radius:5px;font-size:14px;min-height:auto;line-height:30px;text-align:center;color:#545454;font-weight:bold;flex:1;padding:5px 10px;white-space:nowrap;box-shadow:0px 3px 4px rgba(0,0,0,0.05)}.dobtn i{vertical-align:middle}.dobtn.large{padding:5px 20px}.dobtn:hover,.hoverdim:hover,.hoverdim.hovered{filter:brightness(0.95);text-decoration:none}.dobtn.on{background:#ececec;border:1px solid #b2b2b2}.bluebtn,.smallfnbtn{text-decoration:none;font-size:13px;color:#fefefe;cursor:pointer;background-color:#0F88B8;width:56px;border-radius:2px;padding:2px;margin-bottom:10px;text-align:center}.bluebtn:hover,.bluebtn:focus{cursor:pointer;text-decoration:none;background-color:#0478C5}.bluebtn.greybtn{background-color:#e2e2e2 !important;color:#909090}.bluebtn.greybtn:hover{background-color:#dddddd}.btnnobg{border:0;border:none;background:none !important;padding:0;outline:none !important}.btnnobg2{border:0}.selectnobg .select-dropdown,.selectnobg select{font-size:inherit !important;padding:0 !important;margin:0 !important;border:0 !important;background:transparent}.noformatlink,.noformatlink:hover{text-decoration:none;color:black}.displaynone,div.displaynone{display:none}.left9999{position:absolute;left:-9999px;height:0px;width:0px}.left15px{margin-left:15px}.topup15px{margin-top:-15px}.arrowborder{background-color:#4CB3E4;padding:0 3px 0 8px}.downarrow{display:inline-block;width:0;height:0;vertical-align:middle;margin:0 5px;border-top:4px solid #000;border-right:4px solid transparent;border-left:4px solid transparent}.caret-down{-webkit-transform:rotate(45deg);border:solid #AAA;border-width:0 2px 2px 0;display:inline-block;padding:3px;margin:0 0 5px 5px;vertical-align:middle}#login{position:absolute;right:5%;padding-right:15px;font-size:13px;line-height:25px}.toptou{width:190px;margin-left:22px;white-space:normal;text-align:left;font-family:"PT Sans", "oxygen", "Heiti TC", "微軟正黑體", sans-serif}.popup .toptou{margin-left:0}.buycoin .coinbalance{font-size:25px;vertical-align:middle;font-family:"pt sans", "heiti tc", 微軟正黑體, "microsoft jhenghei", msjh, sans-serif;font-weight:bold}.buycoin .coinbalance img{vertical-align:bottom}.languagebox{background:white;padding:10px 10px 10px 20px;text-align:left;min-width:200px}.languagebox label{display:block}.submitbtn{border:0;padding:8px;background-color:#EBCE58;border-radius:3px;cursor:pointer;margin-top:5px;font-family:Oxygen, "PT Sans", Georgia, Arial, "Heiti TC", 微軟正黑體, "Microsoft JhengHei", msjh}.languagebox span{font-weight:normal}.closebtn,a.closebtn{position:absolute;right:0px;top:0px;width:44px;height:44px;text-align:center;font-size:28px;color:#949494;cursor:pointer;text-decoration:none}#slogan{float:left;width:33.33333%;text-align:left;margin:0;padding:0}#buttonswrapper{float:left;width:45%;height:34px;text-align:right}#buttons{position:relative;margin:0;height:100%;white-space:nowrap;font-size:0}.btnarea{cursor:pointer}.menucount{margin-top:6px;margin-left:2px;padding:0px 3px;border-radius:5px;background:#CFB64C;color:#fff;font-size:0.8em;line-height:20px;font-family:"PT Sans", sans-serif}.menucount:empty{display:none}.breakspace{white-space:break-spaces}.hbooktitle{max-width:175px}.bkmktitle{white-space:break-spaces;max-width:210px}.bkmklastupdate{font-size:12px;color:#A3A3A3}.bmnew{position:absolute;right:5px;top:5px;background:#e7e7e7;padding:1px 3px;border-radius:3px;color:white;background:#B02334;font-size:12px}.menunew{border:none;background:#b02334;color:white;border-radius:5px;font-size:12px;font-weight:bold}.menunew:not(:empty){padding:2px 4px}#buttons .buttonhere{display:block;text-decoration:none;background:url("https://penanamedia.s3.ap-southeast-1.amazonaws.com/img/header/bar.svg") no-repeat 0px 26px;width:35px;height:35px}#buttons .showbtn{margin-right:8px}#buttons .mailbutton .buttonhere{background-position:-21px -9px}#buttons .alertbutton .buttonhere{background-position:-73px -9px}#buttons .writebutton .buttonhere{background-position:-122px -9px}#buttons .bookmarkbutton .buttonhere{background-position:-176px -9px}#buttons .btnarea:hover .numofmes{background-color:#f03d25}#buttons .btnarea:hover .buttonhere{filter:brightness(0.9)}#buttons .btnarea.blink .buttonhere{filter:brightness(0) invert(1)}#buttons .btnarea:active .showbtn,#buttons .btnarea.active .showbtn{background-color:rgba(0,0,0,0.1);transition:background-color 0.5s ease;border-radius:100%}#buttons .btnarea.active .buttonhere{filter:brightness(0) invert(1)}.buttonhere{outline:none}a.bookmarkbutton{outline:none}#lowright{float:left;width:30%;margin-left:90px;height:34px;position:relative}#lowright:hover{color:#FFFFFF;font-size:20px;text-decoration:none}.account{margin-left:10px}.headerword .hubsocdesc{float:left}.avatar-container{position:relative;font-size:0;border:2px solid #c5992d;border-radius:100%;behavior:url(/css/pie/PIE.htc);vertical-align:bottom;display:inline-block;*display:inline;*zoom:1;background:white}.avatar-container img{border-radius:100%;behavior:url(/css/pie/PIE.htc)}.account .avatar-container{border:2px solid #ffffff}#bigavatar{border:4px solid #C29900}a.showbtn{position:relative;display:inline-block}.numofmes{padding:0px 3px;border-radius:5px;background-color:rgba(240,61,37,0.75);font-size:12px;font-weight:bold;color:#fff;position:absolute;right:0px;top:5px;z-index:100}.acceptrequest,.rejectrequest,.genericbutton{display:inline-block;*display:inline;*zoom:1;background:#e3e3e3;border:none;border-radius:3px;-webkit-box-shadow:inset 0 0 1px 1px #f6f6f6;box-shadow:inset 0 0 1px 1px #f6f6f6;color:#333;font:bold 12px/1 "helvetica neue", helvetica, arial, sans-serif;padding:8px 0 9px;text-align:center;text-shadow:0 1px 0 #fff;width:150px}.acceptrequest:hover,.rejectrequest:hover,.genericbutton:hover,.acceptrequest:focus,.rejectrequest:focus,.genericbutton:focus{background:#d9d9d9;-webkit-box-shadow:inset 0 0 1px 1px #eaeaea;box-shadow:inset 0 0 1px 1px #eaeaea;color:#222;cursor:pointer}.acceptrequest:active,.rejectrequest:active,.genericbutton:active{background:#d0d0d0;-webkit-box-shadow:inset 0 0 1px 1px #e3e3e3;box-shadow:inset 0 0 1px 1px #e3e3e3;color:#000}.simple-menu,.mobile-menu{display:none}.dropdownbox{display:none}.mobileselect{display:block;font-size:15px;color:black;text-decoration:none;width:100px;margin-left:80px;text-align:left;background:white;border:1px solid black}.mobileselect:hover{background-color:#111199}.headnotice{position:absolute;top:50px;right:0;background:#14A6CA;border-radius:3px;color:white;padding:2px 5px;z-index:49;width:100%;max-width:500px}.headnotice a{color:#eedcd4;font-size:13px;text-decoration:none}.closeheadnoticem,.closenoti{right:10px;top:0;position:absolute}.headnotice a:hover{text-decoration:underline}@media screen and (max-width: 690px){body .aboutme{width:100%}}@media screen and (max-width: 960px){body .portnav{position:absolute;top:110px}.narrowhide{display:none}.responsiveflex{flex:auto}}@media screen and (max-width: 1200px){.narrow1200hide{display:none}}@media screen and (min-width: 961px){body #header{position:fixed}.responsiveflex{flex:1}}.colfooter{font-size:12px;font-family:"oxygen", Arial, sans-serif;color:#999;margin:15px 0px 0px 13px}.colfooter a{color:#999}.colfooter a:hover{text-decoration:underline}.langsetting .material-icons{font-size:14px;vertical-align:text-bottom}.material-icons.font20px{font-size:20px}.footer{color:#886;font-size:0.9em;padding-bottom:12px;text-align:center;width:960px}@media screen and (max-width: 1160px){#bigwrapper{width:960px}#extras{display:none}}.listcoheadwrap{position:relative;float:left}.listcohead{position:relative;float:left;width:20px;height:20px;background-color:#e4ca63;overflow:hidden;border:3px solid #fff;border-radius:150px;position:relative;z-index:50;-webkit-border-radius:150px;-moz-border-radius:150px}.btnicon{position:relative;float:left;height:25px}.btntext{position:relative;text-decoration:none;float:left;margin:0 7px;min-height:25px;line-height:25px}.dobtn .btntext{float:none}.dobtn:active{transform:translate(2px, 2px)}.dobtn i{vertical-align:sub;font-size:22px}.submitwrap{position:relative;cursor:pointer;font-family:"oxygen", 'Arial', "Heiti TC", "微軟正黑體", "Microsoft JhengHei", "msjh";background-color:#e6ca43;font-size:14px;line-height:15px;font-weight:bold;text-align:center;border-radius:3px;padding:7px 10px;color:white;display:inline-block;margin-right:5px}.buttonwrap{position:relative;cursor:pointer;font-family:"oxygen", 'Arial', "Heiti TC", "微軟正黑體", "Microsoft JhengHei", "msjh";background-color:#e0d07f;font-size:14px;font-weight:bold;text-align:center;border-radius:3px;padding:6px;display:inline-block;*display:inline;*zoom:1}.buttonwrap:disabled,.buttonwrap:disabled:hover,.buttonwrap.disabled,.buttonwrap.disabled:hover{background-color:rgba(230,202,67,0.63)}.buttonwrap:hover,.buttonwrap:focus{background-color:#F8D000}.buttonwrap.goingbutton{background-color:#1f9b0f;cursor:inherit}.buttonwrap.goingbutton .btntext{color:#fff}.buttonwrap.bgtransparent{background-color:transparent}.buttonwrap.bgtransparent:hover{background-color:#eaeaea;-webkit-transition:background-color 1.0s linear;-moz-transition:background-color 1.0s linear;transition:background-color 1.0s linear}.jbuttonwrap{position:relative;font-family:"oxygen", 'Arial';background-color:#e6ca43;font-size:14px;font-weight:bold;text-align:center;border-radius:3px;padding:6px;color:#000000;display:inline-block;*display:inline;*zoom:1}.jbuttonwrap:hover,.jbuttonwrap:focus{cursor:pointer;background-color:#F8D000}.jbuttonwrap .dropt ul li:before{color:blue}.ideabutton .dropt ul li:before{color:blue}.jbuttonwrap span.dropt:hover span{left:-155px;top:-100px}.ideabutton span.dropt:hover span{left:-202px;top:-100px}.smallbutton{background-color:#e4ce63;border:0;position:relative;float:left;color:black;font-size:13px;border-radius:2px;margin-bottom:5px;text-align:center;line-height:20px;cursor:pointer;padding:2px 10px}.smallbutton:hover,.smallbutton:focus{background-color:#f1ca2c}.leftmargin{margin:0 0 0px 5px}.writenew{position:relative;float:left;margin-top:8px;margin-left:3px}.writenew_wrap{position:relative;vertical-align:middle;display:inline-block;*display:inline;*zoom:1;font-family:"oxygen", 'Arial', "Heiti TC", "微軟正黑體", "Microsoft JhengHei", "msjh";background:rgba(228,206,99,0.7);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#B2E4CE63', endColorstr='#B2E4CE63');font-size:14px;font-weight:bold;text-align:center;border-radius:3px;padding:0 10px 2px 0;color:#000000}.term_wrap ol{padding:0 20px;text-align:justify}.term_wrap li{margin:8px 0}.greybuttonwrap{background-color:#e7e7e7;margin-right:10px}.dddwrap{margin-left:15px}.colwrapper .greybuttonwrap:hover,.colwrapper .greybuttonwrap:focus{background-color:#CAC8C8}.writeicon{position:relative;float:left;margin-top:4px;margin-left:10px}.writenew_wrap:hover,.writenew_wrap:focus{cursor:pointer;background-color:#e9c81b}.refreshwrap{position:relative;vertical-align:middle;display:inline-block;*display:inline;*zoom:1;background-color:#4cb3e4;text-align:center;border-radius:3px;width:35px;height:34px;margin:0px 10px 0px 5px}.refreshicon{position:relative}.refreshwrap:hover,.refreshwrap:focus{cursor:pointer;background-color:#1c8cca}.topbutton.topfix,.topfix{margin:0px 0px 0px 5px}.backm img{margin-top:4px}.topbutton a,.rightcolumn a{text-decoration:none}.noty_topRight_layout_container li{border:0}.noty_message{padding:15px 15px 15px;background:#535043;color:#fefefe;font-family:Oxygen}.userguide1{position:relative;float:left;width:11.5px;height:11.5px;border:2.5px solid #e4ce63;border-radius:100%;color:#e4ce63;text-align:center;font-weight:bold;margin-top:-6px;margin-left:1px;font-size:11px}.userguide1:hover{background-color:#e4ce63;color:#fefefe;cursor:pointer}div .dropt ul{list-style:none;padding-left:revert}.dropt ul li{position:relative;margin-bottom:10px;font-weight:normal;color:black}.dropt ul li:before{content:" ";position:absolute;font-size:2em;left:-0.6em;top:0.1em;width:10px;height:10px;background:blue;border-radius:100%}span.dropt{position:relative}.gwrapper span.dropt{display:inline-block;vertical-align:top;text-transform:initial}span.dropt:hover{text-decoration:none}span.dropt:hover span{left:-430px;top:-20px;background:#f6f3e4}span.dropt:hover span.infomsg{left:50px;top:-20px;background:#f6f3e4}.dropt .infomsg ul li:before{color:blue}span.dropt span{position:absolute;left:-9999px;padding-right:20px;width:250px;border-radius:4px;border:none;z-index:9999;background:#f6f3e4;font-size:14px;font-family:"oxygen", sans-serif;text-align:left}.mdropt1{margin-left:57px}.mdropt2{margin-left:-10px}.m{float:right;position:relative;background-image:url("https://static2.penana.com/img/info2.png");height:16px;width:16px;margin-top:-5px;cursor:pointer}.topbutton .m{margin-left:3px}.topbutton span.dropt:hover span{left:-160px;top:0px}.join_plan{justify-content:center;font-weight:600 !important;background-color:#ebce58 !important;color:#333333 !important}.joinddbtn span.dropt{position:static}.joinddbtn span.dropt:hover span{left:155px;top:0px;background:#f4e9c7}.infoicon{display:inline-block;background-image:url("https://static2.penana.com/img/info2.png");height:16px;width:16px;position:absolute;cursor:pointer}.seemorefaq{font-size:12px;width:45px;margin-left:20px;vertical-align:10px;font-family:'Oswald';color:#A2A2A2}.seemorefaq:hover{text-decoration:underline}@font-face{font-family:"oxygen";font-style:normal;font-weight:400;src:local("oxygen"),local("font/Oxygen-Regular"),url(//themes.googleusercontent.com/static/fonts/oxygen/v3/RzoNiRR1p2Mqyyz2RwqSMw.woff) format("woff")}@font-face{font-family:"oxygen";font-style:normal;font-weight:700;src:local("Oxygen Bold"),local("font/Oxygen-Bold"),url(//themes.googleusercontent.com/static/fonts/oxygen/v3/yVHpdQrmTj9Kax1tmFSx2j8E0i7KZn-EPnyo3HZu7kw.woff) format("woff")}@font-face{font-family:"PT Sans";font-style:normal;font-weight:400;src:local("PT Sans"),local("font/PTSans-Regular"),url(//themes.googleusercontent.com/static/fonts/ptsans/v6/LKf8nhXsWg5ybwEGXk8UBQ.woff) format("woff")}@font-face{font-family:"PT Sans";font-style:normal;font-weight:700;src:local("PT Sans Bold"),local("font/PTSans-Bold"),url(//themes.googleusercontent.com/static/fonts/ptsans/v6/0XxGQsSc1g4rdRdjJKZrNBsxEYwM7FgeyaSgU71cLG0.woff) format("woff")}@font-face{font-family:'Oswald';font-style:normal;font-weight:400;src:local("Oswald Regular"),local("Oswald-Regular"),url(https://fonts.gstatic.com/s/oswald/v14/DgBpgaYycijFA8v2hNt7MfesZW2xOQ-xsNqO47m55DA.woff2) format("woff2");unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}@font-face{font-family:'Oswald';font-style:normal;font-weight:400;src:local("Oswald Regular"),local("Oswald-Regular"),url(https://fonts.gstatic.com/s/oswald/v14/peRd8sj511qE2lHtK-QfcPesZW2xOQ-xsNqO47m55DA.woff2) format("woff2");unicode-range:U+0102-0103, U+1EA0-1EF9, U+20AB}@font-face{font-family:'Oswald';font-style:normal;font-weight:400;src:local("Oswald Regular"),local("Oswald-Regular"),url(https://fonts.gstatic.com/s/oswald/v14/yg0glPPxXUISnKUejCX4qfesZW2xOQ-xsNqO47m55DA.woff2) format("woff2");unicode-range:U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:'Oswald';font-style:normal;font-weight:400;src:local("Oswald Regular"),local("Oswald-Regular"),url(https://fonts.gstatic.com/s/oswald/v14/pEobIV_lL25TKBpqVI_a2w.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215}@font-face{font-family:'Oswald';font-style:normal;font-weight:700;src:local("Oswald Bold"),local("Oswald-Bold"),url(https://fonts.gstatic.com/s/oswald/v14/smkSb2csQFrK-wxLDSe5RxJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");unicode-range:U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116}@font-face{font-family:'Oswald';font-style:normal;font-weight:700;src:local("Oswald Bold"),local("Oswald-Bold"),url(https://fonts.gstatic.com/s/oswald/v14/69aXBpgQONjr_rHWADjBuRJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");unicode-range:U+0102-0103, U+1EA0-1EF9, U+20AB}@font-face{font-family:'Oswald';font-style:normal;font-weight:700;src:local("Oswald Bold"),local("Oswald-Bold"),url(https://fonts.gstatic.com/s/oswald/v14/dI-qzxlKVQA6TUC5RKSb3xJtnKITppOI_IvcXXDNrsc.woff2) format("woff2");unicode-range:U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF}@font-face{font-family:'Oswald';font-style:normal;font-weight:700;src:local("Oswald Bold"),local("Oswald-Bold"),url(https://fonts.gstatic.com/s/oswald/v14/bH7276GfdCjMjApa_dkG6VtXRa8TVwTICgirnJhmVJw.woff2) format("woff2");unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215}#buttons ul{padding:0}.dropdown{position:absolute;right:0px;top:45px;width:300px;background:white;border-radius:10px;box-shadow:rgba(0,0,0,0.2) 0px 12px 28px 0px;list-style:none;text-align:left;cursor:auto;display:none;overflow:auto;max-height:calc(100vh - 90px)}.dropdown:after{content:"";width:0;height:0;position:absolute;bottom:100%;border-width:0 6px 6px 6px;border-style:solid;border-color:#e4ce63 transparent}.dropdown:before{content:"";width:0;height:0;position:absolute;bottom:100%;border-width:0 7px 7px 7px;border-style:solid;border-color:rgba(0,0,0,0.1) transparent}.dropdown a:hover{text-decoration:none}.borderbutton{border-radius:3px;padding:5px 20px;color:#039be5;border:1px solid #039be5;text-decoration:none}.borderbutton:hover{background-color:#039be5;color:#ffffff;text-decoration:none}.bookmarkbutton .dropdown:after{right:112px}.bookmarkbutton .dropdown:before{right:111px}.writebutton .dropdown:after{right:148px}.writebutton .dropdown:before{right:147px}.alertbutton .dropdown:after{right:183px}.alertbutton .dropdown:before{right:182px}.mailbutton .dropdown:after{right:218px}.mailbutton .dropdown:before{right:217px}.headernewstory{position:absolute;bottom:0;right:0;padding:inherit;color:#656463;text-decoration:none;font-size:14px;cursor:pointer}.headernewstory:hover{color:#111111}.ddrow,.requestlist{display:flex;font-size:15px;padding:10px;text-decoration:none;color:#4a7a9b;overflow:hidden;position:relative}.profiledd{font-size:15px}.headplink{padding:10px}.headplink:hover{background-color:#f5f5f5}a .profiledesc{color:#333333}.profilename{font-size:18px;font-weight:bold}.ddrow div.floatleft{max-width:42px}.requestlist a{text-decoration:none;color:#4a7a9b}#buttons .dropdown li{float:none;display:block;overflow:hidden}.dropdown li:last-of-type a{border:none}a.ddrow:hover{background:#f5f5f5}.dropdown .ddtitle{text-decoration:none}.spacebetween{display:flex;justify-content:space-between}.spacearound{display:flex;justify-content:space-around}.mtitle{position:relative;justify-content:space-between;width:100%;overflow:hidden}.seemore{position:relative;display:inline-block;*display:inline;*zoom:1;width:100%;height:35px;text-align:center}.seemore:hover{background-color:#ececec}.m1{position:relative;font-weight:bold;font-size:18px;color:#060607;margin-top:2px;text-decoration:none;text-transform:uppercase}.m2{position:relative;display:inline-block;*display:inline;*zoom:1;margin-left:148px;color:#060607;font-size:13px;border-radius:2px}.m3{position:relative;display:inline-block;*display:inline;*zoom:1;font-size:13px;border-radius:2px;line-height:35px}.m2:hover{cursor:pointer;color:#fefefe}.messagehead{min-width:40px;margin-right:8px;font-size:0}.storysmcv{width:80px;text-align:center}.sendername{position:relative;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;display:block}.requestlist .sendername{max-width:200px}.senderwords{position:relative;line-height:1.3;font-size:13px;color:#363333;white-space:break-spaces}.ddmsg{position:relative;line-height:15px;font-size:13px;color:#363333;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;white-space:break-spaces}.acceptwrap{margin-top:10px}.accept,.decline,.acceptinpage,.declineinpage{position:relative;display:inline-block;color:#ffffff;font-size:13px;border-radius:2px;margin-bottom:5px;width:58px;height:20px;text-align:center;line-height:20px}.accept,.acceptinpage{background-color:#e4ce63}.decline,.declineinpage{background-color:#c9c7c7}.accept,.decline,.acceptinpage,.declineinpage{cursor:pointer;text-decoration:none}.accept:hover,.accept:focus,.acceptinpage:hover{background-color:#f1ca2c}.decline:hover,.decline:focus,.declineinpage:hover{background-color:#B2adad}.noresult{margin-left:30px}.noresult:empty{display:none}.paginationbar{text-align:center;margin-top:10px}.paginationbar a{color:black;margin:2px;display:inline-block;*display:inline;*zoom:1;text-align:center;color:black;font-weight:bold}.chapternumber,.paginationnumber{min-width:25px;line-height:19px;background-color:#CAC8BB;border-radius:100%;display:inline-block;*display:inline;*zoom:1;padding:3px;font-size:0.8em}.chapternumber.currentpage,.paginationnumber.currentpage{background-color:#e4ce63}.chapternumber:hover,.chapterdd:hover,.paginationnumber:hover,.paginationdd:hover{background-color:#DAB817}.chapterdd,.paginationdd{min-width:19px;border-radius:5px;display:inline-block !important;width:auto !important;height:auto !important;cursor:pointer;border:none;margin:4px;background-color:#e4ce63;font-size:0.9em;font-family:"oxygen", "PT Sans", Arial, "Heiti TC", "微軟正黑體", "Microsoft JhengHei", "msjh", Georgia;padding:5px;vertical-align:bottom}.chapterdd option,.paginationdd option{background-color:white;font-weight:normal}.paginationbar .chapterdd{margin:1px 4px}#loginContainer,#RegContainer{position:relative;cursor:auto;white-space:nowrap;display:inline-block;*display:inline;*zoom:1}#loginButton,#RegButton{display:flex;position:relative;z-index:29;cursor:pointer;padding:0 0 0 10px;line-height:50px}#loginButton span,#RegButton span{display:inline-block;*display:inline;*zoom:1;font-weight:bold;vertical-align:middle;margin-right:2px;z-index:29}.arrow{display:inline-block;*display:inline;*zoom:1;width:17px;height:17px;background:url(https://static2.penana.com/img/loginArrow.png) no-repeat 0px 0px}#loginBox,#RegBox{position:absolute;margin-top:2px;right:0;display:none;z-index:300}#loginContainer .dropdown,#RegContainer .dropdown{width:auto}#loginButton.active,#RegButton.active{border-radius:3px 0 3px 3px;-moz-border-radius:3px 0 3px 3px}.arrow.active{background-position:0px -83px}#loginForm,#RegForm,.ddauthform{width:265px;margin-top:-1px}#loginForm fieldset,#RegForm fieldset,.ddauthform fieldset{margin:0 0 12px 0;display:block;border:0;padding:0}fieldset#body,.ddauthform fieldset.formbody{background:#fff;border-radius:10px;-moz-border-radius:3px;padding:10px 13px;margin:0}fieldset.nostyle{border:none;margin:0;padding:0}#loginForm .checkbox,#RegForm .checkbox,.ddauthform .checkbox{width:auto;margin:1px 9px 0 0;float:left;padding:0;border:0;*margin:-3px 9px 0 0;box-shadow:none}#body label,.formbody label{color:#3a454d;margin:9px 9px 0 0;display:block;float:left}.popup #body label,.popup .formbody label{margin:0}#loginForm #body fieldset label,#RegForm #body fieldset label,.ddauthform .formbody fieldset label{display:block;float:none;margin:0}.formbody .material-icons{margin-top:3px;vertical-align:text-bottom}.formbody .writebox{width:85% !important;height:20px !important;margin-top:12px !important}.formbody .fblogin{margin-top:15px}.formbody .fbIcon{margin-left:25px}.formbody #forgetbtn{float:right;margin-right:5px;font-size:10px}#rmbme{text-align:left}.fblogin_small{background:#3B579D;color:#ffffff;cursor:pointer;width:100%;height:25px;border-radius:20px}.fblogin_small .fblogintxt{line-height:25px;padding:0 5px}input:not([type]),input[type=text]:not(.browser-default),input[type=password]:not(.browser-default),input[type=email]:not(.browser-default),input[type=url]:not(.browser-default),input[type=time]:not(.browser-default),input[type=date]:not(.browser-default),input[type=datetime]:not(.browser-default),input[type=datetime-local]:not(.browser-default),input[type=tel]:not(.browser-default),input[type=number]:not(.browser-default),input[type=search]:not(.browser-default),textarea.materialize-textarea{background-color:transparent;border:none;border-bottom:1px solid #9e9e9e;border-radius:0;outline:none;height:3rem;width:100%;font-size:16px;margin:0 0 8px 0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-box-sizing:content-box;box-sizing:content-box;-webkit-transition:border .3s, -webkit-box-shadow .3s;transition:border .3s, -webkit-box-shadow .3s;transition:box-shadow .3s, border .3s;transition:box-shadow .3s, border .3s, -webkit-box-shadow .3s}input:not([type]):focus:not([readonly]),input[type=text]:not(.browser-default):focus:not([readonly]),input[type=password]:not(.browser-default):focus:not([readonly]),input[type=email]:not(.browser-default):focus:not([readonly]),input[type=url]:not(.browser-default):focus:not([readonly]),input[type=time]:not(.browser-default):focus:not([readonly]),input[type=date]:not(.browser-default):focus:not([readonly]),input[type=datetime]:not(.browser-default):focus:not([readonly]),input[type=datetime-local]:not(.browser-default):focus:not([readonly]),input[type=tel]:not(.browser-default):focus:not([readonly]),input[type=number]:not(.browser-default):focus:not([readonly]),input[type=search]:not(.browser-default):focus:not([readonly]),textarea.materialize-textarea:focus:not([readonly]){border-bottom:1px solid #26a69a;-webkit-box-shadow:0 1px 0 0 #26a69a;box-shadow:0 1px 0 0 #26a69a}.input-field input:not(:placeholder-shown)+label{left:0 !important;top:0 !important}input::placeholder{color:#b3b3b3}#loginForm input,#RegForm input,.ddauthform input{width:92%;border:1px solid #b88f00;border-radius:3px;-moz-border-radius:3px;color:#3a454d;font-weight:700;padding:8px;box-shadow:inset 0 1px 3px #bbb;-webkit-box-shadow:inset 0 1px 3px #bbb;-moz-box-shadow:inset 0 1px 3px #bbb;font-size:12px}#loginForm input,#RegForm input,.ddauthform input::placeholder{transform:translateY(-25%);font-size:12px}#loginForm #login,#RegForm #register,.ddauthform .authbutton{width:100% !important;background:#806f49;color:#fff;text-shadow:0 -1px #b88f00;border-radius:20px;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;cursor:pointer}#loginForm #login,.ddauthform #login{padding:8px 10px 23px 10px}#loginForm span,#RegForm span,.ddauthform span{float:left}#loginForm span a,#RegForm span a,.ddauthform span a{color:#3a454d;text-shadow:1px 1px #fff;font-size:12px}input:focus{outline:none}.authbutton{padding:5px 2px;background:#fbb61e;color:#fff;border:0 !important;cursor:pointer;font-family:pt sans, sans-serif;border-radius:20px;width:40%;min-height:33px;line-height:1.4;font-size:16px;-webkit-appearance:none}#mask{display:none;background:#636363;position:fixed;left:0;top:0;width:100%;height:100%;opacity:0.8;z-index:999}.loadingmask{opacity:0.5}.loadingmask:before{content:"Loading...";position:absolute;left:48%;opacity:1;font-size:19px}.popupwrap{overflow:auto;position:fixed;top:0;left:0;width:100%;height:100%;z-index:999}.popupwrap .mask{position:fixed;top:0;left:0;bottom:0;z-index:996;width:100%;background-color:rgba(124,124,124,0.9)}.popupwrap .modal.open{display:block}#login-popup{z-index:9999}.popupbox{position:absolute;z-index:99999;box-shadow:0px 0px 20px #999;-moz-box-shadow:0px 0px 20px #999;-webkit-box-shadow:0px 0px 20px #999;border-radius:3px 3px 3px 3px;-moz-border-radius:3px;-webkit-border-radius:3px}.popupbox .exptext{max-width:450px}.popupbox img{max-width:100%}.popup_message{font-size:20px;margin-top:30px}.popup_message.popup_message2{margin:0 0 10px 0px}.popup_btn{background:#0271a7;color:white;border:none;width:120px;height:35px;margin:0 10px;cursor:pointer;-webkit-transition:all .2s;transition:all .2s}.popup_btn:hover{filter:brightness(120%)}.popup_btn.cancel{background:darkgrey}.alternative_payment{padding-top:15px;border-top:1px solid #d6d6d6}.planbox{padding:0 20px 20px 20px;background-color:#f5f4f3 !important;margin:10px 0 20px;border-radius:5px}.planexp{font-size:12px;color:#888888;padding-bottom:10px}.sponsor_msg .coinimg{vertical-align:-3px}img.btn_close{position:absolute;right:0;z-index:9;margin:-10px -10px 0 0;cursor:pointer}#RegBlock,#loginBlock,#or{display:inline-block;*display:inline;*zoom:1;vertical-align:top}#or{margin:100px 20px;font-weight:bold}.toulabel{height:35px}.tou{font-size:12px !important;margin-left:0px;line-height:15px !important;width:100%}.tou a{text-decoration:none;color:#0A6986}.tou a:hover{text-decoration:underline}.tempregwrap .loginregbox{width:auto;height:auto;margin:0}.tempregwrap .invitemsg{text-align:left;font-size:14px;width:auto;margin:0}.tempregwrap .invitebutton{background:#FBB61E;color:#fff;display:inline-block;padding:5px 10px;border-radius:5px;margin:20px 0 0 45px;font-size:14px}.tabs{background:transparent !important;height:auto !important}.tabs .tab{border-bottom:2px solid #b8b8b8;color:#ADADAD;font-size:16px;cursor:pointer;height:auto !important;line-height:initial !important;margin-right:10px !important;padding-bottom:6px !important;min-width:60px}.tabs .tab:hover{text-decoration:none;color:#6d6d6d}.tabs .tab.active{border-bottom:2px solid #6d6d6d;color:#6d6d6d;font-weight:bold}.suggestbox{padding:8px 4px;border-bottom:solid 1px #dedede;font-size:12px;position:relative}.suggestiontag:empty{display:none}.suggestiontag{position:absolute;top:100%;left:0px;right:0px;background:#ffffff;z-index:99;text-align:left;border:solid 1px #dedede;border-bottom:none}.suggestiontag .suggestbox{padding-left:10px;cursor:pointer;z-index:99}.suggestiontag .suggestbox:hover,.suggestiontag .suggestbox.selected{background:#3b5998;color:#FFFFFF}.delete-tag{width:14px;height:16px;background:url(https://static2.penana.com/img/close_pop.png) 2px no-repeat;background-size:12px;float:right;margin-left:2px;cursor:pointer}.canceltag,.greybtn{background-color:#ececec;color:#909090}.canceltag:hover,.greybtn:hover{background-color:#dddddd}.story_tag{padding:2px 5px;color:#616161;background:var(--story-tag-color);border-radius:5px;margin:5px 5px 5px 0;max-width:180px;overflow:hidden;font-family:"oxygen", "PT Sans", Arial, "Heiti TC", "微軟正黑體", "Microsoft JhengHei", "msjh", Georgia;font-size:12px;display:inline-block;cursor:pointer}.story_tag a{text-decoration:none;color:#616161}.story_tag:hover{background:#e4ce63}.xbox .storytags{margin-top:3px}.xbox .story_tag{margin:2px}.xbox .story_tag:hover{background:var(--story-tag-color)}.story_rank{position:absolute;right:0;top:0;width:50px;height:50px;background-image:url(https://penanamedia.s3.ap-southeast-1.amazonaws.com/img/story_rank.svg);background-repeat:no-repeat;background-size:200px;background-position-y:-5px}.story_rank.r2{background-position-x:-50px}.story_rank.r3{background-position-x:-100px}.story_rank.r4{background-position-x:-150px}.story_rank.r5{background-position-y:-50px;background-position-y:-55px}.story_rank.r6{background-position-x:-50px;background-position-y:-55px}.story_rank.r7{background-position-x:-100px;background-position-y:-55px}.story_rank.r8{background-position-x:-150px;background-position-y:-55px}.pinnedstory{position:absolute;left:-18px;top:-17px;z-index:49}.alert_popover{position:fixed;bottom:50px;left:50px;z-index:99}.alert_popover a:hover{text-decoration:none}.alert_wrapper{display:table-cell;vertical-align:bottom;height:auto;width:250px}.alert_link{display:block;padding:20px;font-size:18px;color:#333333;background-color:#f7f1d3;border:1px solid #e0dabe;border-radius:3px;color:black}.alert_link:hover{background-color:#f6e8a4}.close_alert{padding:0 10px;font-size:25px;color:grey;position:relative;z-index:100}.close_alert:hover{color:black}.scroll_menu_wrapper{position:relative}.scroll_menu_wrapper.marginfix{margin:-10px 0 10px 0}.scroll_menu{overflow-x:auto;white-space:nowrap;-ms-overflow-style:none;scrollbar-width:none}.scroll_menu::-webkit-scrollbar{display:none}.left-paddle{left:0}.right-paddle{right:0}.paddle,.paddle-pseudo{position:absolute !important;top:0;bottom:0;margin:10px 5px;width:38px;height:38px;background:transparent;color:#666;border-radius:100%;border:none;outline:none;font-family:arial;font-size:15px;line-height:100%;cursor:pointer;padding:0;z-index:30}.paddle-pseudo.simplearrow{background:transparent;font-size:16px}.left-paddle-shadow{box-shadow:none;background:linear-gradient(to right, #e3e3e3, rgba(200,200,200,0));height:100%;width:50px;padding:0;margin:0;border-radius:0}.right-paddle-shadow{box-shadow:none;background:linear-gradient(to left, #e3e3e3, rgba(200,200,200,0));height:100%;width:30px;padding:0;margin:0;border-radius:0}.paddles .middlepaddle{top:calc(50% - 30px)}.marginoffset .right-paddle{margin-right:-15px}.marginoffset .left-paddle{margin-left:-15px}@media only screen and (max-width: 992px){.marginoffset .right-paddle{margin-right:-5px}.marginoffset .left-paddle{margin-left:-5px}}button.paddle-pseudo:focus{background-color:#ececec}.popupwrap .progress{margin:0;position:-webkit-sticky;position:sticky;top:0}.notification-popup{display:block;padding:15px;background-color:#f0f8ff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,0.1);position:absolute;right:0;top:50px;width:100%;max-width:400px;z-index:40}.notification-title{font-weight:bold;font-size:16px;color:#333;display:block}.notification-buttons{margin-top:10px;display:flex;justify-content:space-between;align-items:center}.positive-button{flex:1;text-align:center;background-color:#ffcc00;color:#fff;padding:10px 15px;border-radius:5px;text-decoration:none;margin-right:10px}.negative-button{flex:1;text-align:center;color:#555;text-decoration:underline}.invitebox{background:white;padding:10px 25px;text-align:left;min-width:400px;max-width:650px}.invitebox .singlelinebox{padding:2px 7px;border-radius:3px;border:1px solid #ccc;font-family:'PT Sans', "Heiti TC", "微軟正黑體", "Microsoft JhengHei", "msjh", sans-serif;font-size:15px;margin-bottom:3px}.invitebox .shortselect .select-wrapper{width:50px;display:inline-block;margin-left:10px}.storyfilter .select-wrapper{margin-top:20px}.invitebox .popup_subtitle,.popup_subtitle{font-weight:bold;padding:10px 0px 5px 0px}a.material-button{border:none;border-radius:2px;display:inline-block;height:36px;line-height:36px;padding:0 2rem;-webkit-transition:.3s ease-out;transition:.3s ease-out;-webkit-backface-visibility:hidden;color:black;text-decoration:none;cursor:pointer}.material-button:active{background-color:rgba(0,0,0,0.1)}.sub_button{padding:5px 10px;margin:5px 8px 5px 0;background-color:#ffffff;border:1px solid #AC8E00;border-radius:10px;color:#6f6f70;cursor:pointer;user-select:none;white-space:initial;font-size:15px;line-height:1.5;overflow:hidden;min-height:85px;position:relative}.lang_zh .sub_wrap .sub_button{height:90px}.shadow{box-shadow:0 1px 5px 0 rgba(0,0,0,0.06),0 1px 10px 0 rgba(0,0,0,0.08)}.hovergrey:hover{background-color:#ececec !important}.hovershadow:hover{box-shadow:5px 5px 5px #d8d8d8}.sub_button.subadmin{cursor:auto;min-width:200px}.sub_button.subadmin:hover{background-color:#ffffff}.sub_button img{max-width:100%}.subleft{text-align:left}.admin_plan{position:relative;margin-bottom:20px}.admin_plan .menu-link{position:absolute;bottom:-15px;left:0}.plan_name{font-weight:bold;font-size:15px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.subscription_form .plan_name{display:block;font-size:18px;text-align:center}.plan_desc{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:12px}.sub_button .subleft{max-width:200px;-webkit-box-orient:vertical}.lang_zh .sub_button .subleft{max-width:106px}.sub_button .subright{padding-left:5px;text-align:center}.sub_button.large_sub{height:150px}.large_sub .plan_desc{-webkit-line-clamp:6}.plan_price{font-size:0px}.plan_slash{font-size:15px}.plan_price_num{font-weight:bold;font-size:22px;line-height:22px}.plan_select{position:relative;display:inline-block;border:1px solid #dadada;border-radius:4px;padding:10px;cursor:pointer;min-width:150px}.plan_select.active{border:2px solid #ac8e00;margin:-1px;min-width:152px}.plan_discount{font-size:12px;float:right;margin:-5px -5px -5px 10px;padding:0 3px;background-color:#a68a26;color:#ffffff;border-radius:5px}.plan_interval{display:inline;font-size:13px}.free_trial_text{padding:0 3px;font-size:12px;background-color:orange;color:#ffffff;float:right;margin:-5px -5px -5px 10px;border-radius:5px}.free_trial_text:empty{display:none}.lang_zh .plan_price_num{line-height:1.4}.lang_zh .plan_interval,.lang_zh .plan_slash{vertical-align:2px}.plan_action{color:#AC8E00;font-weight:bold}.subscribed .plan_action{color:white;background:#AC8E00;border-radius:5px}.subscription_form.subscribed .startpay{display:none}.subscription_form.subscribed .subscribed_word{display:block}.tipamount{width:50px !important;height:2em !important;margin-bottom:5px !important}.plan_pic img{border-radius:100%;margin-bottom:10px}body{background-image:none}#bodywrapper.indexpage{min-height:900px;position:relative}.profwrap h1{margin:0px;padding:20px 20px 10px 20px;font-size:34px;color:#333;text-shadow:1px 1px 1px #fff;text-align:left;font-weight:400;text-align:center}h1 span{display:block;font-size:14px;font-family:Georgia, serif;font-style:italic;color:#b2891b;padding-top:10px}.catnav{margin-bottom:10px;position:absolute;overflow:visible;top:80px;height:235px;font-family:'Oswald', Arial, "Heiti TC", "微軟正黑體", "Microsoft JhengHei", "msjh", sans-serif}.catnavmenu{background-color:#fefefe}.catnavmenu .downarrow{display:none}.catnavadj{display:block;position:absolute;top:0;bottom:0;left:20px;margin-left:0px;overflow:visible;width:300px}.catselectlist input[type="checkbox"],.catselectlist input[type="radio"]{position:absolute;left:-9999px;height:0px;width:0px}.catselectlist input[type="checkbox"]+label span,.catselectlist input[type="radio"]+label span,span.fakebtn{position:absolute;top:7px;left:120px;cursor:pointer;width:10px;height:10px;border-radius:100%;background:#e7e7e7;background:radial-gradient(40% 35%, #ccc, #e7e7e7 60%);box-shadow:inset 0 2px 4px 1px rgba(0,0,0,0.3),0 1px 0 #fff,inset 0 1px 0 white}.catselectlist input[type="radio"]:checked+label span,.catselectlist input[type="checkbox"]:checked+label span{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)}.greyarrow{display:inline-block;*display:inline;*zoom:1;width:22px;height:22px;background:url(https://penanamedia.s3.ap-southeast-1.amazonaws.com/img/sharearr.svg) no-repeat 0px 0px;margin-top:-3px;margin-left:-1px}.shastoswi:hover .greyarrow{background:url(https://penanamedia.s3.ap-southeast-1.amazonaws.com/img/sharearrho.svg) no-repeat 0px 0px}.slanguage input[type="checkbox"]:checked+label span{background:brown;background:radial-gradient(40% 35%, #fc86b0, #ac594d 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(210,0,0,0.5)}.sgenre input[type="checkbox"]:checked+label span{background:#25d025;background:radial-gradient(40% 35%, #5aef5a, #25d025 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,210,0,0.5)}.filterContent .catselectlist{float:left;border:1px solid #D9D9D9;border-radius:4px;padding-left:30px;margin:10px 25px;padding-bottom:5px;background:#fcfcfc;position:relative;width:750px}.filterContent .catselectlist.contestfil{width:500px}.sharingpage .accordionContent .catselectlist{min-width:500px;font-family:'Oxygen', Arial, sans-serif}.sharingpage .filterbtn{margin-left:8px}.writerpage .topbutton{margin-left:5px}.writerpage .indexinnerwrap{margin-left:0}.filclear{position:absolute;right:10px;bottom:20px;cursor:pointer}.filsave{position:absolute;right:10px;bottom:5px;cursor:pointer}.filclear:hover,.filsave:hover{text-decoration:underline}.filtersaved{display:none;color:#8d8d8d;position:absolute;right:80px;bottom:5px}.selectcolumn{float:left}.selectcolumn.sgenre{margin-top:-20px}.selectcolumn.catselectlist{margin:8px 0 10px 25px;padding-left:5px}.selectcolumn.catselectlist.current{display:block}.selectbox{float:left;width:140px;margin-right:15px}.selectboxtop{height:35px}.selectedtri{width:0;height:0;border-style:solid;border-width:19px 0 19px 13px;border-color:transparent transparent transparent #f8f3da;float:left}.selectbox #mask{background:transparent}.selectbox #login-popup{box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;border:1px solid #CDCDCD}.selectbox img.btn_close{float:right;margin-bottom:-10px}.inputbox{max-width:220px}.catactive{position:relative;font-size:29px;color:#7a828b;margin-bottom:10px}.catbox{position:relative;width:100%;float:left;color:#7a828b;margin-top:15px;margin-bottom:5px;font-weight:bold}.catnavlist{position:relative;padding:1px;font-size:13px;font-family:'oxygen', "Heiti TC", "微軟正黑體", "Microsoft JhengHei", "msjh", sans-serif;border-radius:5px}.catnavimg{position:relative;float:left;max-width:22px}.catnavword{width:100px;position:relative;float:left;margin-left:5px;margin-top:1px;color:black;line-height:1.6}.catnavlist:hover,.catnavlist:focus{background-color:#ececec;cursor:pointer;outline:none}.catselectlist .catnavlist{width:140px}.stoshabtn{position:absolute;top:15px;left:116px}.stoshawrap{border-radius:3px;width:140px;margin-top:2px;margin-left:-123px;overflow:hidden;box-shadow:#d0d0d0 1px 1px 6px}.stoshaicon{width:35px;height:30px;display:inline-block;*display:inline;*zoom:1;vertical-align:-7px}.writepenicon{background:url("..https://penanamedia.s3.ap-southeast-1.amazonaws.com/img/write_black.svg") no-repeat 8px center}.storyicon{background:url("https://penanamedia.s3.ap-southeast-1.amazonaws.com/img/index/stories.svg") no-repeat center 1px}.shareicon{background:url("https://static2.penana.com/img/index/sharing.png") no-repeat 0 0}.contestsicon{background:url("https://penanamedia.s3.ap-southeast-1.amazonaws.com/img/index/contests.svg") no-repeat 4px -2px;background-size:30px}.writersicon{background:url("https://penanamedia.s3.ap-southeast-1.amazonaws.com/img/index/authors.svg") no-repeat 3px -3px;background-size:30px}.charticon{background:url("https://penanamedia.s3.ap-southeast-1.amazonaws.com/img/index/chart.svg") no-repeat 5px 2px;background-size:28px}.blogsicon{background:url("https://penanamedia.s3.ap-southeast-1.amazonaws.com/img/index/blog.svg") no-repeat 4px -1px;background-size:30px}.marketicon{background:url("https://static2.penana.com/img/index/shop.png") no-repeat 5px 2px;background-size:25px}.catnav .stosha,.createnewbtn{padding:0;width:300px;height:50px;line-height:50px;color:#616161;border-bottom:1px solid #ececec;cursor:pointer;text-transform:uppercase;font-size:18px;text-align:left}.stosha.on{background:#f7e486}.selecttype{float:left;background-color:rgba(224,207,9,0.42);padding:2px 5px;border-radius:3px;margin:5px 5px 8px 0;font-family:oxygen, times;color:black;text-decoration:none}.selecttype:hover{background-color:#e0cf09}.listviewwrap{float:left;margin-left:5px}.viewmode{position:relative;float:left;background-color:#8D9395;background-repeat:no-repeat;background-image:url(https://static2.penana.com/img/index/listview.png);background-position:center;border-radius:3px;width:35px;height:34px;margin-left:5px}.viewmode.active{background-color:#4cb3e4}.gridview{background-image:url(https://static2.penana.com/img/index/gridview.png)}.viewmode:hover{cursor:pointer;background-color:#4cb3e4}.main{position:relative;width:960px;float:left;text-align:left;margin-top:76px}.maininnerwrap{top:150px;min-width:580px;float:left}.indexinnerwrap{display:block;margin-left:15px;border-radius:4px;padding:8px 0px 30px 25px;min-height:500px}.storyfiltersel{margin:10px 5px 0 10px}.subsubmenu{margin-left:10px;color:grey;text-transform:uppercase;font-size:15px}.subsubmenu.active{color:#4185af;font-weight:bold}.gc_choose{padding:8px 5px !important;height:auto !important;line-height:initial !important;font-size:13px !important}.gc_choose::before,.gc_choose::after,.catsubsub::before,.catsubsub::after{display:none}.gc_choose:hover,.catsubsub:hover{background:#f7e486}.gc_choose.active,.gc_choose_wrap input[type="radio"]:checked+.gc_choose,.catsub input[type="radio"]:checked+.catsubsub{background:#776A69;color:white}.gc_span{border-radius:100%;background-color:#000000;color:#ffffff;width:22px;height:22px;line-height:22px;margin:0.8px;font-size:14px !important;display:inline-block;text-align:center;font-weight:bold}.catsubsub{border:1px solid grey;padding:3px !important;height:auto !important;border-radius:3px;margin-right:3px;cursor:pointer;font-size:14px}.selectexplain{color:#7a828b}.storytopmenu{margin:0px 0 25px 15px}.ordertab input[type="radio"]{position:absolute;left:-9999px;height:0px;width:0px}.ordertab label{display:inline-block;*display:inline;*zoom:1}.ordertab label>span,.ordertab label span.switchspan,.selecttab label>span{border-bottom:3px solid #b8b8b8;color:#ADADAD;font-size:20px;font-weight:bold;padding:5px;cursor:pointer;margin-right:10px;vertical-align:2px;display:inline-block;*display:inline;*zoom:1}.selecttab label>span:hover{color:#767676}.ordertab label>span a{color:#ADADAD;text-decoration:none}.ordertab label.active span.switchspan,.ordertab label:hover span.switchspan,.selecttab .current{border-bottom:3px solid #7f5217;color:black}.ordertab input[type="radio"]:checked+label>span,.ordertab label.current>span,.ordertab label:hover>span{border-bottom:3px solid #7f5217;color:black;font-weight:bold}.ordertab input[type="radio"]:checked+label.trendingtab>span,.ordertab label.trendingtab:hover>span{border-bottom:3px solid #F4CE16}.ordertab input[type="radio"]:checked+label.newstorytab>span,.ordertab label.newstorytab:hover>span{border-bottom:3px solid #4b57a6}.ordertab label.charttab.current>span,.ordertab label.charttab:hover>span{border-bottom:3px solid #F79514}.ordertab label.charttab.current>span a,.ordertab label.charttab:hover>span a{color:black}.chartmenutxt{margin-left:-3px}label .menutabicon{display:inline-block;width:26px;height:25px;margin-bottom:-5px;background-repeat:no-repeat;background-image:url("https://penanamedia.s3.ap-southeast-1.amazonaws.com/img/index/menu/icons.svg")}#trending+label .menutabicon{background-position:-10px -44px}#trending:checked+label .menutabicon,#trending+label:hover .menutabicon{background-position:-10px -10px}#newupdate+label .menutabicon{background-position:-44px -44px}#newupdate:checked+label .menutabicon,#newupdate+label:hover .menutabicon{background-position:-44px -10px}#latest+label .menutabicon{background-position:-79px -44px}#latest:checked+label .menutabicon,#latest+label:hover .menutabicon{background-position:-79px -10px}#chart+label .menutabicon{background-position:-112px -44px}#chart:checked+label .menutabicon,#chart+label:hover .menutabicon,#chart+label.current .menutabicon{background-position:-112px -10px}#active+label .menutabicon{background-image:url("https://penanamedia.s3.ap-southeast-1.amazonaws.com/img/index/Active_grey.svg")}#active:checked+label .menutabicon,#active+label:hover .menutabicon,#active+label.current .menutabicon{background-image:url("https://penanamedia.s3.ap-southeast-1.amazonaws.com/img/index/Active.svg")}#completed+label .menutabicon{background-image:url("https://penanamedia.s3.ap-southeast-1.amazonaws.com/img/index/Completed_grey.svg")}#completed:checked+label .menutabicon,#completed+label:hover .menutabicon,#completed+label.current .menutabicon{background-image:url("https://penanamedia.s3.ap-southeast-1.amazonaws.com/img/index/Completed.svg")}.picktitle{font-size:20px;margin:-30px 0 10px 25px;font-weight:bold;color:#636363}.picksdesc{background:#f8f5e8;padding:20px;font-size:16px}.charttabwrap .dropdownbox{position:absolute;left:0}.charttabwrap .portorder{width:110px;text-align:left;padding:0 10px}.cname{position:relative;margin-bottom:10px;color:#545454}.cwraptop{width:660px;margin-left:25px}.cwrap{float:left;margin-left:25px;width:660px;border-top:1px solid #ADACAC}.cwrap.writers{border:none;width:auto}.writerschart .clist{width:100%;min-width:220px}.writerschart .crank,.writerschart .clist{height:60px}.chartcolumn{flex:1;width:250px;margin:10px}.charttitle{border-bottom:1px solid #adacac;padding-bottom:5px;float:left;width:100%}.clisttitle{width:var(--clist-width)}.clist{position:relative;display:flex;height:105px;width:var(--clist-width);margin-left:0px;border-bottom:1px solid #ADACAC;cursor:pointer;background-color:#ffffff;color:black;font-family:'oxygen', 'Heiti TC', 微軟正黑體, 'Microsoft JhengHei', msjh}.clist:hover{background-color:#efefef;opacity:0.8}.crank{background:#F5EDBD;position:relative;width:30px;margin-bottom:-30px;margin-right:10px;z-index:20;text-align:center}.listwrapper .crank{margin-bottom:0}.cnum{font-size:20px;color:#000}.cstorydetails{position:relative;float:left;padding:3px 5px;vertical-align:8px;font-size:22px;margin-left:5px;max-width:420px}.cstorytitle{position:relative;display:inline-block;width:100%;height:27px;line-height:27px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.cauthor{position:relative;display:inline-block;color:#4B82C7;font-size:16px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:calc(100% - 30px);height:20px;line-height:20px;vertical-align:middle}.cacircle{position:relative;display:inline-block;width:25px;height:25px;border-radius:100%;background-color:orange;margin-right:3px;vertical-align:-5px;overflow:hidden}.cintro{position:relative;display:inline-block;font-size:12px;width:400px;font-family:'oswald', 'Heiti TC', 微軟正黑體, 'Microsoft JhengHei', msjh}.cmins{position:relative;display:inline-block;color:green}.cimg{position:relative;float:right;width:210px;height:105px}.cimg img{position:relative}.crate{position:relative;float:right;color:#9C5840;border:1px solid #9C5840;padding:0.5px 3px}.chartlastupdate{float:left;margin:15px 0}.gchart{margin:25px 0;height:250px}.datagrid .gchart{height:100px;margin:0 auto;margin-top:15px;margin-bottom:20px;position:relative}.newscol{font-size:15px;display:block}a.newscol:hover{color:#aa3333;text-decoration:none}.newscol.slideup,.newscol.slidedown{max-height:0;overflow-y:hidden;-webkit-transition:max-height 0.5s ease-in-out;-moz-transition:max-height 0.5s ease-in-out;-o-transition:max-height 0.5s ease-in-out;transition:max-height 0.5s ease-in-out}.newscol.slidedown{max-height:45px}.newscolwrap{width:calc(100% - 55px);vertical-align:middle;height:45px;overflow:hidden}h6.awrap{font-size:25px}h6.awrap img{vertical-align:text-bottom;height:35px}.awrap,.gridarea .loadingp{margin-bottom:15px}.newswrap{border-radius:0 10px 10px 0}.newswrap.awrap{margin-bottom:30px}.newswrap .newscol{color:#000000 !important}.newswrap i{border-start-end-radius:10px;border-end-end-radius:10px;padding-top:5px;padding-right:5px;background:#eee;color:#000}.awrap.nomarginbottom{margin-bottom:0}.awrap .newscolwrap{height:22px;width:calc(100% - 15px);padding:0 10px}.awrap .speakerlogo{background-color:#d81b60;border-start-start-radius:10px;border-end-start-radius:10px;width:50px;justify-content:center;padding:6px}.awrap .scroll_name{display:inline-block;margin:0px 8px 8px 0px;overflow:hidden}.toptagbar{margin:-30px -30px 20px -30px;padding:5px 0 5px 5px;border-bottom:1px solid #bcbcbc}.toptagbar .menu-link:first-child{margin-left:40px}.toptagbar .story_tag,.story_tag.greytag,.ntag{border:1px solid #dadada;background-color:#ececec;border-radius:15px;padding:2px 10px;white-space:nowrap}.toptagbar .story_tag{font-size:15px}.toptagbar .active .story_tag,.story_tag.greytag.active{background-color:#606060;color:#ffffff}.toptagbar .story_tag:hover{background-color:#bbbbbb}.optionchip{padding:8px 15px;border-radius:30px;cursor:pointer;margin-right:5px}.optionchip,.optionchip a{color:grey;font-weight:bold}.optionchip:hover{background-color:#ececec}.optionchip.active,.optionchip.active a{background-color:#776a69;color:#ffffff}.homesubcat,.searchtitle{font-weight:bold;font-size:15px;margin:15px 0px 5px 20px;padding:5px;color:#979797;text-transform:uppercase}.scrolloptions{position:absolute;padding:0;height:20px;top:10px;z-index:0}.googlesearch:hover{text-decoration:underline}.homesubcat:empty{display:none}.moresmallbtn{text-transform:none;margin-left:10px;font-size:13px;cursor:pointer;color:#417e8d;font-weight:normal;z-index:9;position:relative}.optionsrows{margin:23px 0 3px 3px;position:relative}.homesubcat:first-of-type,.searchtitle:first-of-type{margin-top:0px}.curtagm,.marginright{margin-right:5px}.searchtags{position:relative;display:inline-block;*display:inline;*zoom:1;text-align:center;text-transform:uppercase;margin:2px;padding:5px 10px;border-radius:15px;background-color:#ececec;color:#333;font-size:12px}.searchtags.darker{background-color:#DFDFDF}.indexleftmargin{margin-left:65px}a.responsivelink{color:black;text-decoration:none}.userbox{flex:1;color:#333333;margin:10px;background:#ffffff;border:1px solid rgba(0,0,0,0.1);border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,0.1);min-width:180px}.xbox{vertical-align:middle;display:flex;flex:1;font-family:oxygen, Arial, heiti tc, 微軟正黑體, microsoft jhenghei, msjh;position:relative;text-align:left;margin:5px 10px}.xbox .invisible,.newXbox .invisible{position:absolute;z-index:3}.xbox_options{position:absolute;top:0;right:0;z-index:3;background:#717171;border-radius:0 0 0 5px;padding:2px}.xbox_options form,.xbox_options .pseudoform{position:relative;margin:2px;right:auto;top:auto}.xbox:hover .deletethis,.xbox:hover .pinning,.xbox:hover .locking,.deletethiswrap:hover .deletethis,.deletethiswrap:hover .pinning,.deletethiswrap:hover .locking,.xbox:hover .invis{display:inline-block}.xbox:hover .action{display:inherit}.newXbox .action{display:none;cursor:pointer}.newXbox:hover .deletethis,.newXbox:hover .pinning,.newXbox:hover .locking,.deletethiswrap:hover .deletethis,.deletethiswrap:hover .pinning,.deletethiswrap:hover .locking,.newXbox:hover .invis{display:inline-block}.newXbox:hover .action{display:inherit}.story_cat{position:absolute;left:0;top:0;color:#ffffff;padding:0 5px;font-size:13px;font-weight:bold;border-radius:10px 0 2px 0}.story_cat.story{background-color:#deb922}.story_cat.nonfiction{background-color:#276a0f}.story_cat.comic{background-color:#9f9f9f}.story_cat.short{background-color:#b08d57}.story_cat.contest{background-color:#c75c5c}.story_cat.ad{background-color:#ffb300}.deletethis{position:absolute;width:19px;height:19px;right:2px;top:3px;font-size:13px;display:none;z-index:100;cursor:pointer;color:#AFAFAF;background-color:#e2e2e2;border-radius:100%;text-align:center}.deletethis:hover{color:#808080}.xbox .action{display:none}.pinning,.locking{position:absolute;width:19px;height:19px;right:25px;top:1px;display:none;z-index:100;cursor:pointer}div .locking{right:45px}.pinning:hover img,.pinning.unpinthis img,.invis:hover img,.locking:hover img{opacity:0.8}.newissue{background:#B02334;color:white;border-radius:7px;z-index:22;padding:1px 5px;font-size:12px;text-align:center;display:inline-block}.listviewmode .newissue{right:9px;left:auto;top:45px;width:27px;line-height:16px}:root{--xbox-width: 240px;--clist-width: 660px;--booktitle-bottom-padding: 20px;--booktitle-max-height: 130px;--story-tag-color: #e9db99;--bg-color: #F9F9F9;--read-bg-color: #fdf9ed}.darktheme{--bg-color: #000000;--read-bg-color: #2f2f2e}.noticewrap{text-align:center;background:#fffae7;border:1.5px solid #cfae44;padding:8px;border-radius:5px}.noticeaction{background-color:#c68c00;color:#ffffff;padding:3px 12px;margin:0px 8px;border-radius:5px;font-size:13px;cursor:pointer}.noticeaction:hover{background-color:#e4ce63}.view{position:relative;font-size:14px;padding:5px;border:none;background-color:transparent;text-align:left;z-index:10;overflow:hidden;display:flex;flex:1;flex-direction:column;cursor:pointer}.oldxboxwrap .xbox .view{min-width:var(--xbox-width);border-radius:4px;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12)}.newXbox .view{height:270px}.xbox .avatarcol{position:absolute;margin-top:50%;top:5px;right:10px}.bannerwrap{height:300px;flex-wrap:nowrap;text-align:center}.bannerwrap .view{border-radius:20px;height:270px}.bannerwrap .view img{height:100%;object-fit:cover}@keyframes leftSlideLeft{from{opacity:1}to{opacity:.15}}@keyframes midSlideLeft{from{min-width:540px;opacity:1}to{min-width:0;opacity:.15}}@keyframes rightSlideLeft{from{min-width:200px;opacity:.15}to{min-width:540px;opacity:1}}@keyframes leftSlideRight{from{min-width:200px;opacity:.15}to{min-width:540px;opacity:1}}@keyframes midSlideRight{from{min-width:540px;opacity:1}to{min-width:0;opacity:.15}}@keyframes rightSlideRight{from{opacity:1}to{opacity:.15}}.listwrap{width:100%}.homelistwrap{padding:10px 10px 10px 0;margin:10px 15px;background:#e6e6e6}.homelistwrap a,.xbox a{color:#333333}.xbox.imgbox{height:fit-content}.xbox.imgbox .view{background:0 0;box-shadow:0 2px 15px 0 rgba(209,160,20,0.49),0 2px 10px 0 rgba(209,160,20,0.12);box-shadow:none;padding:0}.linksbox{min-width:220px;max-width:250px}.linksbox a.llink{text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.linksbox .view{cursor:auto}.linksbox a:hover{background-color:#ececec;transition:0.5s}.linksboxtitle{background-color:#edebe2;background-size:cover !important;margin:-5px;padding:20px 10px}.linksboxtitle:hover{filter:brightness(0.8)}.linksboxcontent{margin:0 -5px -10px -5px;padding:10px 0}.llink{padding:5px 10px}.loadinggrid,.no_result{min-width:var(--xbox-width);min-height:200px}.boxcontentwrap{white-space:normal;z-index:6}@media (hover: hover) and (pointer: fine){.xbox:hover .view{box-shadow:0 5px 5px 0 rgba(0,0,0,0.36),0 6px 10px 0 rgba(0,0,0,0.34)}.xbox.imgbox:hover .view{box-shadow:0 2px 5px 0 rgba(0,0,0,0.26),0 2px 10px 0 rgba(0,0,0,0.22)}.xbox:hover a{text-decoration:none}.listwrapper .xbox:not(.isadmin):hover .booktitle{padding-bottom:var(--booktitle-bottom-padding);max-height:var(--booktitle-max-height)}.magazinebox .xbox:not(.isadmin):hover .boxcoverwrap,.magazinebox .xbox:not(.isadmin):hover .bookgenres{padding:0;height:0;transition:all .3s ease-in-out}}.view .viewcontent img{display:none}.newXbox .avatarcol{position:relative;margin-top:45%;top:0px;left:45px}.avatarcol{width:40px;z-index:50}.xavatar{width:100%;text-align:center !important}.avatarcol.ava2{width:45px}.avatarcol.ava3{width:50px}.avatarcol.ava4{width:55px}.avatarcol.ava5{width:60px}.avatarcol a:nth-child(2) img{z-index:49}.avatarcol a:nth-child(3) img{z-index:48}.avatarcol a:nth-child(4) img{z-index:47}.avatarcol a:nth-child(5) img{z-index:46}.avatarcol a:nth-child(6) img{z-index:45}.avatarcol a img:hover,.circular.cirmore:hover{z-index:51}.avatarcol .authorname{color:#000;text-align:center;margin:-2px -4px 0;font-size:12px;white-space:break-spaces;font-weight:bold;overflow:hidden}.avatarcol a{margin:0 -35px 0 0}.xbox .circular{z-index:50;box-shadow:1px 2px 2px #999999;float:none}.xbox a:hover .circular{box-shadow:1px 2px 2px #4e4e4e}.circular.cirmore{background:#fcfcfc;color:#3686c5;text-align:center;line-height:40px;width:40px;font-weight:bold;z-index:30;float:none}.viewcontent{font-size:13px;position:relative;color:#000000;text-align:left;padding:0 20px 0 30px;min-height:50px;max-height:100px;margin-bottom:20px;line-height:18px}.booktitle{width:75%;width:calc(100% - 50px);padding:5px 0px var(--booktitle-bottom-padding) 0px;min-height:90px;max-height:var(--booktitle-max-height);word-wrap:break-word;display:inline-block;*display:inline;*zoom:1;left:0;z-index:20;opacity:1;overflow:hidden;-webkit-column-width:100em;column-width:100em}.booktitlewrap{position:relative;display:inline-block;*display:inline;*zoom:1;max-height:100px;line-height:23px;overflow:hidden;color:#8e7e4f;text-overflow:ellipsis;font-size:20px;font-weight:bold}.booktitle .booktitlewrap{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;max-height:50px}.bannerlink .booktitlewrap{position:absolute;top:10px;left:10px;z-index:10}.stoinfobar{position:absolute;bottom:5px;left:0;right:0;z-index:22;font-size:12px;font-weight:bold;color:#5699CD;text-align:center;z-index:30;padding:0 3px}.stoinfobar>span{float:right;margin-right:5px}.stoinfobar .paidcontent{display:none}.listviewmode .stoinfobar{top:20px;bottom:auto;left:140px}.ratingbox{border:1.5px solid #127289;color:#127289;min-width:38px;border-radius:5px;line-height:18px;font-size:12px;font-weight:bold;display:inline-block;text-align:center}.ratingbox.pg{border-color:#022438;color:#022438}.ratingbox.pg-13{border-color:#f09523;color:#f09523}.ratingbox.r{border-color:#b02334;color:#b02334}.completebox{background-color:#828282}.hovertitle{max-height:60px}.bookimage{margin:15px 0px 0px 15px}.img{display:inline-block;*display:inline;*zoom:1;height:auto;margin-left:2px}.imgfollower{position:absolute;width:100%;max-width:30px;height:auto;z-index:30;left:122px;bottom:27px}.imgfollower img{width:80px}.contestbox .imgfollower img{margin-left:2px}.listviewmode .imgfollower img{width:auto}.listviewmode .contestbox .imgfollower img{margin-left:12px}.bkwords{display:inline-block;*display:inline;*zoom:1;overflow:hidden;position:relative;word-wrap:break-word;margin:5px 5px 0px -2px;font-weight:bold;font-size:12px}.ch{float:left;margin:0px 0px 15px -20px;font-size:34px;color:#333;text-shadow:1px 1px 1px #fff;text-align:left;font-weight:400;text-align:center}.subgenbor{border-right:1.5px solid #9C9C9C;border-left:1.5px solid #9C9C9C;display:inline-block;*display:inline;*zoom:1}.subgen{padding:1px 2px;font-size:12px;color:#887979;line-height:10px;text-align:center;font-family:'PT Sans', "Arial Narrow", "Heiti TC", "微軟正黑體", "Microsoft JhengHei", "msjh";text-transform:uppercase}.cospaces{display:none;color:#28C214;font-size:12px;font-weight:bold;background-color:rgba(255,255,255,0.69);text-align:center}.cospaces .fullhouse{color:#e0285b}.cospaces .solowork{color:#3686c5}.listviewmode .cospaces{display:block;position:absolute;bottom:15px;left:130px;padding:0 10px;border-radius:3px;width:auto}.smask .cospaces{display:block;position:absolute;width:100%;bottom:4px;left:0px}.view .smask,.view .content{width:100%;height:214px;position:absolute;overflow:hidden;top:0;left:0}.view img{position:relative}.newXbox .view img{width:100%;height:100%;object-fit:cover}.view .hovertitle{text-transform:uppercase;color:#000000;text-align:center;border-bottom:1px dotted #e4ce63;font-size:15px;padding:5px;max-height:2.5em;overflow:hidden}.view h6{font-size:15px !important;font-weight:bold;margin:2px}.view .info{display:inline-block;*display:inline;*zoom:1;text-decoration:none;padding:3px 6px;position:relative;background:#7f5217;border-radius:5px;color:#fff;text-transform:uppercase;-webkit-box-shadow:0 0 1px #000;-moz-box-shadow:0 0 1px #000;box-shadow:0 0 1px #000;margin:0 auto}.view .info:hover{-webkit-box-shadow:0 0 5px #000;-moz-box-shadow:0 0 5px #000;box-shadow:0 0 5px #000}.smask .responsivelink{position:absolute;left:0;top:167px;width:100%}#bgicon{background-image:url("https://static2.penana.com/img/2.jpg");background-repeat:no-repeat;background-position:-34px 0px;width:120px;height:100px}.vol{float:left;font-family:Georgia, serif, Times, "Times New Roman"}.totalissues{font-size:12px;font-family:oxygen, serif;padding:4px 0px 0 2px}.kdate{font-size:12px;position:relative;margin:5px 0;min-height:30px;word-break:break-all}.kdate p{margin:0;display:inline;overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-all;word-break:break-word;-ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.updatedtext{text-transform:none;margin-bottom:5px}.writenewwrap{position:relative;float:left;font-family:'Oxygen', 'Arial', "Heiti TC", "微軟正黑體", "Microsoft JhengHei", "msjh";background:#E9CC3C;filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#B2E4CE63', endColorstr='#B2E4CE63');font-size:14px;font-weight:bold;text-align:center;border-radius:3px;padding:0 10px 0px 0;height:34px;color:#000000}.nano{width:100%;background:#f6e8a4;color:#684833;padding:5px 0;display:block;float:left}.nano.nanocolor{background:#A9DFE1}.nano a,.nano:hover a{text-decoration:none;color:#684833;display:block;margin-bottom:10px}.nano.nanocolor a{display:inline;color:#0A6986;font-weight:bold}.nano.nanocolor .nanostatwrap{margin-left:15px;margin-right:5px;font-family:'oxygen'}.nanotitletxt,.nano img{vertical-align:middle}.nanotitle{padding:0 10px;margin:8px 0}.nanosubtitle{font-size:15px;margin-left:5px}.nanotitletxt{margin-left:5px;font-size:18px}.nanostatwrap{margin-left:5px}.nanostat{display:block;color:#776b5c}.nanostatnum{font-size:18px}.hpwriteicon{position:relative;margin:0px 5px 0 6px;vertical-align:-5px}.writenewwrap:hover{cursor:pointer;background-color:#DFBF18}.refreshwrap{position:relative;background-color:#4cb3e4;text-align:center;border-radius:3px;width:35px;height:34px;margin:0px 10px 0px 5px}.refreshwrap:hover{cursor:pointer;background-color:#1c8cca}.topbutton{margin:0px 0 0 35px;height:35px;min-width:550px}.rightcolumn{position:absolute;right:0;top:90px;width:300px;color:white;padding-top:20px}.rightcolumn.wide{width:300px;top:120px;background:transparent}@media screen and (max-width: 1450px){.rightcolumn.wide{display:none}}.rightbanner{margin:10px 0;display:block}.rightbanner:hover{-webkit-transition:.3s ease-out;transition:.3s ease-out;filter:brightness(120%)}.maintop{margin-left:65px}.topbutton a,.rightcolumn a{text-decoration:none}.topbutton .viewmode a,.rightcolumn .viewmode a{width:35px;height:35px}.filterbtn{background:#1A8F1A;float:left;border-radius:5px;border-radius:3px;height:34px;margin-left:5px;cursor:pointer;color:white;font-weight:bold;font-size:12px;line-height:34px;padding:0 5px;text-transform:uppercase}.searchbtn{float:right;margin:15px 40px 10px 0;cursor:pointer;font-family:'Oxygen', 'Arial', "Heiti TC", "微軟正黑體", "Microsoft JhengHei", "msjh";background-color:#e6ca43;font-size:14px;font-weight:bold;text-align:center;border-radius:3px;line-height:28px;height:28px;padding:0 10px;color:#000000;display:inline-block}.searchinput{border:1px solid #BFBFBF;padding:2px}.expsearchtype{text-transform:capitalize;font-weight:bold;color:white;font-family:'Oxygen', Arial, "Heiti TC", "微軟正黑體", "Microsoft JhengHei", "msjh", sans-serif}.listwrapper .view{flex-direction:row}.listwrapper .boxcoverwrap{max-width:250px;height:auto !important;padding:0;margin-right:10px}.listwrapper .bgbookcover{position:relative;padding-bottom:50%;border-radius:5px}.listwrapper .boxcontentwrap{position:relative;display:flex;flex:1}.listwrapper .avatarcol{margin-top:0}.listwrapper .rwarning{top:0;position:absolute;width:100%;height:100%;padding-bottom:0}.listwrapper .xbox{max-width:600px;display:inline-block;height:auto !important}.listwrapper .avatarcol.ava5{width:80px}.listwrapper .xbox .img{bottom:-5px;left:-3px}.listwrapper .stoinfobar{bottom:0}.view .info.listinfo{display:none}.listviewtext{display:none}.pbox{margin:7px 15px 15px 15px}.imgfollower{display:none}.storyboxcover{width:100%;margin:0}.bgbookcover{position:absolute;left:0;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center center}.bgbookcover.bgdefault{background-color:#f1e19d;background:linear-gradient(141deg, #f1e5b0 3%, rgba(255,235,59,0.2) 59%, #e4c35f 100%),url(https://static2.penana.com/img/index/stories.png) no-repeat;background-position:center}.magazinebox .bgbookcover.bgdefault{background-image:url(https://i.imgur.com/IVvavq8.png);background-size:cover;background-position:left;filter:brightness(1.2)}.bookgenres{position:absolute;bottom:0px;left:0px;right:0px;background:rgba(0,0,0,0.15);line-height:18px;height:18px;text-align:left}.xbox.sponsored .bookgenres{z-index:10}html .smask,.bookviewmode .content{height:100%}.newissue.storypintag{background-color:#022438}.newissue.paidcontent{background-color:#F09523}.newissue.specialpin{background-color:#545454}.newissue.nobg{background-color:transparent;color:#806f49;font-weight:bold}.withbounty{color:#f5ad07}.xbox .img{position:absolute;bottom:0;width:100%;left:0}.xbox .storyboxcover img{float:none;margin:0 auto;display:block}.xbox .subgenbor{border:none;vertical-align:bottom;margin:0 5px}.xbox .subgen{padding:2px;color:white;text-align:right;text-transform:none}.xbox .viewcontent{height:145px;max-height:none}.xbox .smask .responsivelink{top:180px}.xbox .mgen{border-radius:0px 2px 0px 0px;font-size:11.5px;font-weight:bold;background:#bfbfbf;color:white;padding:0px 5px;margin:0 0 0 0px;float:left;height:100%;line-height:19px}.mgen.Action{background-color:#55915A}.mgen.Adventure{background-color:#810A97}.mgen.Article{background-color:#E8979E}.mgen.Blog{background-color:#F7D02E}.mgen.Children{background-color:#F51337}.mgen.Comedy{background-color:#E9A006}.mgen.Crime{background-color:#4A3F2B}.mgen.Drama{background-color:#F15A22}.mgen.Essay{background-color:#A8D2DD}.mgen.Fanfiction{background-color:#145B71}.mgen.Fantasy{background-color:#0166D3}.mgen.General{background-color:#997353}.mgen.Historical{background-color:#9F7F4C}.mgen.Horror{background-color:#0387A8}.mgen.Memoir{background-color:#F6D5AE}.mgen.Poetry{background-color:#73A040}.mgen.Quote{background-color:#C04B59}.mgen.Romance{background-color:#D335B3}.mgen.Sci-Fiction{background-color:#043072}.mgen.Supernatural{background-color:#285CAA}.mgen.Suspense{background-color:#3C515F}.mgen.Urban{background-color:#F68637}.mgen.War{background-color:#676767}.mgen.Wuxia{background-color:#BB3F60}.mgen.Cool.Facts{background-color:#1E8305}.mgen.Inspiration{background-color:#05C6CE}.mgen.Other{background-color:#000000}.mgen.Screenplay{background-color:#6F9ED4}.mgen.Young.Adult{background-color:#414042}.mgen.Serial{background-color:#000000}.mgen.Question{background-color:#A9A9A9}.mgen.Flash{background-color:#D2691E}.mgen.Sentence{background-color:#20B2AA}.mgen.Words{background-color:#DC143C}.mgen.Picture{background-color:#4B00B2}.mgen.Music{background-color:#00CED1}.bgbookcover{background-color:#ADAB49}.bookviewmode .Action{background-color:#55915A}.bookviewmode .Adventure{background-color:#810A97}.bookviewmode .Article{background-color:#E8979E}.bookviewmode .Blog{background-color:#F7D02E}.bookviewmode .Children{background-color:#F51337}.bookviewmode .Comedy{background-color:#E9A006}.bookviewmode .Crime{background-color:#4A3F2B}.bookviewmode .Drama{background-color:#F15A22}.bookviewmode .Essay{background-color:#A8D2DD}.bookviewmode .Fanfiction{background-color:#145B71}.bookviewmode .Fantasy{background-color:#0166D3}.bookviewmode .General{background-color:#997353}.bookviewmode .Historical{background-color:#9F7F4C}.bookviewmode .Horror{background-color:#0387A8}.bookviewmode .Memoir{background-color:#F6D5AE}.bookviewmode .Poetry{background-color:#73A040}.bookviewmode .Project{background-color:#d1aff4}.bookviewmode .Quote{background-color:#C04B59}.bookviewmode .Romance{background-color:#D335B3}.bookviewmode .Sci-Fiction{background-color:#043072}.bookviewmode .Supernatural{background-color:#285CAA}.bookviewmode .Suspense{background-color:#3C515F}.bookviewmode .Urban{background-color:#F68637}.bookviewmode .War{background-color:#676767}.bookviewmode .Wuxia{background-color:#BB3F60}.bookviewmode .Cool.Facts{background-color:#1E8305}.bookviewmode .Inspiration{background-color:#05C6CE}.bookviewmode .Other{background-color:#000000}.bookviewmode .Screenplay{background-color:#6F9ED4}.bookviewmode .Young.Adult{background-color:#414042}.bookviewmode .Serial{background-color:#000000}.bookviewmode .Question{background-color:#A9A9A9}.bookviewmode .Flash{background-color:#D2691E}.bookviewmode .Sentence{background-color:#20B2AA}.bookviewmode .Words{background-color:#DC143C}.bookviewmode .Picture{background-color:#4B00B2}.bookviewmode .Music{background-color:#00CED1}.boxcoverwrap{width:100%;height:0;padding-bottom:50%;position:relative;overflow:hidden}.magazinewrapper .imgbox{min-width:450px;margin:0 10px 0 0}.magazinewrapper.mag1::before,.magazinewrapper.mag2::before{content:"";background-image:url(https://i.imgur.com/IVvavq8.png);background-image:url(https://i.imgur.com/2X1g97D.png);background-size:contain;position:fixed;width:100%;height:100%;left:0;top:0;filter:grayscale(0.95) brightness(2.3) contrast(0.9);filter:opacity(0.1)}.magazinebox{padding-left:20px}.magazinebox .newXboxWrap{justify-content:left}.magazinebox .xbox{max-width:250px}.magazinebox .xbox:hover{box-shadow:5px 5px 5px #d8d8d8}.magazinebox .xbox:hover .booktitle{max-height:var(--booktitle-max-height);max-height:100% !important;max-height:calc(var(--booktitle-max-height) + 60px) !important;padding-bottom:0}.magazinebox .xbox:hover .maghovershow{display:block}.magazinebox .xbox:hover .chapterpic{background-size:contain;background-repeat:no-repeat;background-position:center;padding-bottom:50%}.magazinebox .boxcoverwrap{padding-bottom:100%}.magazinebox .avatarcol{margin-top:100% !important;display:none}.magazinebox .avatarcol .authorname{white-space:nowrap;text-overflow:ellipsis;margin:-2px -6px 0 -6px}.magazinebox .stoinfobar,.magazinebox .img,.magazinebox .bookgenres,.magazinebox .storytags,.magazinebox .mdate{display:none}.magazinebox .booktitle{min-height:auto;max-height:100px !important;padding-bottom:0;width:100%}.magazinewrap .loadinggrid{flex:initial;width:100%}.box_chapter_title{color:#8e7e4f}.mdwrap{min-width:200px;text-align:center}.magazinedate{background-color:#776a69;color:#fff;font-size:20px;margin-top:10px;padding:0 10px;display:inline-block}.magazinedate .subdate{font-size:18px}.magazinedate .datetitle{font-size:25px}.magissuepic{background-size:contain;background-position:top center;background-repeat:no-repeat;left:0;top:0;width:200px;height:100%}@media (max-width: 600px){.magissuepic{width:100%;height:200px}.mobilehide{display:none}}.rwarning{height:0;padding-bottom:50%;color:#ffffff;position:absolute;width:100%;font-size:13px;font-weight:normal}.rwarning i{font-size:50px;padding-top:10%}.rwarning i,.rwarning div{position:relative;z-index:5}.rwarning .warningmask{opacity:0.6;background-color:black;position:absolute;top:0;bottom:0;left:0;right:0;z-index:2}.rectbtn{cursor:pointer;display:inline-block;font-weight:bold;text-align:center;margin-top:20px;padding:10px 0;width:80%;border:1px solid #828282;border-radius:5px;color:grey}.rectbtn:hover{color:black}.hoverwrap{position:relative;height:34px;margin-left:10px;font-weight:bold}.hover_menu a{display:block;text-decoration:none}.sortoption{border-top:1px solid #ececec}.sortbtn,.sortoption a{text-align:center;line-height:34px;height:34px;width:100px;color:black;position:relative;z-index:50}.sortbtn{background:#4cb3e4;color:white;border-radius:3px}.sortbtn .downarrow,.searchsel .downarrow{border-top:4px solid #fff}.sortbtn:hover{background:#5EA6C8}.sortoption a{background:#ebe2a2;float:none}.sortoption a:hover{background:#C7C7C7}.ultwrap{height:100%;min-height:900px;width:900px;margin:-40px 0 0 350px;padding:38px 0 0 20px;border-radius:4px;background:#fff;float:left}.ultwrap_padleft{padding-left:65px}.ultwrap_padleft .noresult{margin-left:10px}.loadingtext{display:block;margin-left:25px;font-size:15px}.scrolldown{text-decoration:none;text-transform:uppercase;font-weight:bold;color:#BBBBBB;font-size:21px;font-family:oswald;margin:10px 0 0 20px}.noresult{margin-left:25px;margin-top:10px;max-width:710px;padding:10px;background-color:#62a9bb;font-family:'Oxygen';color:#ffffff;border-radius:10px}.noresult .googlesearch{color:#E5ECEE;text-decoration:underline;cursor:pointer}.startnewlink{text-transform:uppercase;font-weight:bold}.menusmalltext{text-align:center;color:grey;font-family:'Oxygen', 'PT Sans', Arial, "Heiti TC", "微軟正黑體", "Microsoft JhengHei", "msjh", Georgia;cursor:pointer;margin:8px 0 3px 0}.suggestlist{margin:7px 0px 0px 1px;overflow:hidden;box-shadow:0 1px 5px rgba(101,119,134,0.25)}.suggestlist a:hover{text-decoration:none}.suggesticon{border-radius:100%;width:30px}.suggestname{display:inline-block;width:125px;margin-left:5px;vertical-align:top;overflow:hidden;text-overflow:ellipsis}.suggesttitle{font-size:14px;color:#000000;background:#f6e8a4;padding:7.5px 5px 5px 10px;font-family:'Oswald', Arial, sans-serif, "Heiti TC", "微軟正黑體", "Microsoft JhengHei", "msjh";text-transform:uppercase}.suggestdetail{background-color:#Fcfcfc;padding:7px 4px 4px 13px;font-family:'Oxygen'}.suggestdetail:hover{background:white}.topbutton .searchformcss{margin-left:29px}.searchformcss .searchfield{float:left;font-family:'Oxygen';font-size:14px;padding:8px 7px;width:calc(100% - 34px);height:34px;border:none;border-radius:3px 0 0 3px;border:1px solid #ececec;background:#fefefe}.searchformcss .searchfield.short{width:200px}input.searchfield:focus{outline:0}input.codeinput{width:50% !important;margin:0 10px 0 0 !important}.nobgsearch{background:transparent;border:0 !important;margin-bottom:20px}input.nobgsearch:focus{padding-top:20px !important}.searchicon{float:left;background-image:url(https://static2.penana.com/img/index/search.png);background-repeat:no-repeat;background-position:center;background-color:#4CB3E4;width:34px;height:34px;margin:0;border:0;padding:0;cursor:pointer;border-radius:0 3px 3px 0}.errorpage .searchbarwrap{margin:0 auto;margin-top:20px;display:inline-block}.errorpage .searchform{margin:0}.largesearchbar .searchfield{width:500px;height:50px;font-size:20px}.largesearchbar .searchicon{width:50px;height:50px}.largesearchbar .searchsuggestion{top:50px}.tags_suggest{margin:5px 0}.sstitle{height:20px;line-height:20px;padding:0 6px;background:#ececec;color:#979797;font-weight:bold}.reload_recentread{color:grey;font-weight:normal;cursor:pointer}.searchprompt{color:grey;padding:15px 0 10px 0;font-size:17px}.searchsuggestion.active{visibility:visible;opacity:1}.searchsuggestion{position:absolute;top:35px;right:0;left:0;font-family:'PT sans';background:white;box-shadow:0 7px 6px 2px rgba(0,0,0,0.15);z-index:99;display:block;border-radius:0 0 18px 18px;padding-bottom:5px;overflow:hidden}.suggestitem.ddrow{padding:2px 5px;border:none}.suggestlisticon{width:45px;height:45px;background-position:center center;background-repeat:no-repeat;background-size:30px;display:inline-block;vertical-align:middle}.fullcover .suggestlisticon{width:90px}.suggestlisticon.tagicon{background-image:url("https://penanamedia.s3.ap-southeast-1.amazonaws.com/img/index/tag.svg");background-repeat:no-repeat}.suggestlisticon.storyicon{background-size:cover}.suggestlisticon.usericon{background-size:cover;border-radius:100%}.goldsearchicon{background-image:url("https://penanamedia.s3.ap-southeast-1.amazonaws.com/img/search.svg");background-repeat:no-repeat}.suggestdetails{margin-left:10px;vertical-align:middle;max-width:calc(100% - 55px);text-align:left;font-family:'PT Sans', "Heiti TC", "微軟正黑體", "Microsoft JhengHei", "msjh", sans-serif}.fullcover .suggestdetails{max-width:calc(100% - 100px)}.suggestdesc{color:#a2a2a2;font-size:12px}.sidenav-trigger{cursor:pointer}.collapsible-header::after{font-family:monospace}.collapse_boxes .collapsible{border:none;margin-top:0;box-shadow:none}.collapse_boxes .collapsible-body{border:none}.collapse_boxes .collapsible .collapsible-header:after{font-family:'Material Icons';content:"arrow_drop_down"}.collapse_boxes .collapsible .active .collapsible-header:after{content:"arrow_drop_up"}.moresearch{font-weight:bold;color:#c5992d}.homemenu_tags_wrap{border:1px solid #ededed;padding:3px 0;background-color:#fefefe}.suserinfo{float:left;margin-top:-15px}.suserstat{float:left;font-size:13px;color:green;font-weight:bold;margin-left:63px;font-family:'Oxygen', Arial, "Heiti TC", "微軟正黑體", "Microsoft JhengHei", "msjh", sans-serif}.suserbox{position:relative;float:left;width:190px;height:110px;background-color:#f5f5f5;border:1px solid #e7e7e7;border-radius:3px;margin:10px 5px 10px 10px}.suserhead{position:relative;float:left;margin:7px;height:40px}.susername,a.susername{position:relative;float:left;height:30px;margin-top:10px;margin-left:8px;font-family:'Oxygen', sans-serif;font-weight:bold;font-size:14px;color:black}.autfilter{padding:5px;background:#fcfcfc;border:1px solid #D9D9D9;margin-top:10px;margin-left:55px;float:left;border-radius:3px}.tagtitlewrap{margin:-25px 0 5px 10px}.searchtags.tagtitle{background:#e9db99;vertical-align:bottom;text-transform:none;font-size:15px}.promoblock{margin-top:5px;float:left}.promoblock img{margin:5px;border-radius:3px}.promoblock img:hover{opacity:1}.studioreport_wrap{height:1800px;overflow:hidden}.studioreport{height:1900px;width:600px}.nojsarrow{margin:0 10px 0 -15px}.nogooglebox .gsc-control-cse{padding:0;border:0}.nogooglebox .gsc-search-box{display:none}.adminhead{position:relative;float:left;margin:7px;height:40px}.adminname,a.adminname{position:relative;float:left;width:125px;height:60px;margin:10px 0px 0 8px;font-family:'Oxygen', sans-serif;font-weight:bold;font-size:14px;text-align:left}.storyboxcover .adminname{margin:0}.suggestlist .adminname,.suggestlist a.adminname{width:110px;margin-left:5px}.storyboxcover .adminname{text-shadow:2px 2px 2px #dcdcdc;width:180px;height:40px;overflow:hidden}.suggestlist .clist{background-color:#Fcfcfc}.suggestlist.writerschart .crank,.suggestlist.writerschart .clist{height:50px}.suggestlist.writerschart .cnum{margin-top:10px}.articlelist{border-bottom:1px solid #dfdfdf;border-top:1px solid #dfdfdf;margin-top:-1px;text-align:left;padding:10px;font-size:18px;position:relative;min-height:46px;overflow:hidden}.articlelist:hover{text-decoration:none;background-color:#f9f9f9;filter:brightness(95%)}.listimage{height:66px;width:132px;position:absolute;right:0;top:0;background-size:contain;background-repeat:no-repeat;background-position:right}.listname{max-width:calc(100% - 130px)}.homelistblock{margin-bottom:20px}.boxtitle{padding:0 9px}.sidenav.wide{width:400px;padding:20px}.menusubtitle{padding:3px 10px 1px 30px !important;color:#646464;font-size:14px;font-weight:bold;line-height:48px}.hubleftcol,.hubrightcol{width:min-content}.streamboxed{position:relative;margin:5px 0px 0px 22.5px;width:520px;background-color:#fefefe;border-radius:0px 10px 10px 0px;border-left:5px solid #78b3d5;border-bottom:3px solid #ececec;padding:5px 5px 10px 5px;margin-top:10px;margin-bottom:5px}.streamboxed.statusbox{border-left:5px solid #79af79}.streamboxed.messagebox{padding-bottom:40px;border:3px solid #E3E2E2}.streamboxed.featurebox{border-left:5px solid #e4ce63}.streamboxed.publishbox{border-left:5px solid #4a7aa6}.streamboxed .addCommentForm .circular{margin:2px 5px}.streamboxed .bigcommentarea{margin:0 15px}.streamboxed .avatar-container img{width:30px;height:30px}.readsubboxed{overflow:hidden}.streamlarge{margin-left:-0.5px;width:630px}.sowrapper{position:relative;float:left;font-family:'Oxygen', 'PT Sans', 'Arial', "Heiti TC", "微軟正黑體", "Microsoft JhengHei", "msjh";margin-left:15px}.solabel{position:relative;display:inline-block;*display:inline;*zoom:1;background-color:#EED562;border-radius:2px 2px 0px 0px;padding:1px 5px 1px 5px;color:#ffffff;margin-top:10px;margin-left:3px}.solabel#current{background-color:#F7CF1B}.socomment{position:relative;display:inline-block;*display:inline;*zoom:1;width:520px;margin-left:22.5px;border-radius:3px;background-color:#e7e7e7;padding:8px 15px 10px 15px;color:#646262;margin-bottom:7px}.sotitle{position:relative;*display:inline;*zoom:1;border:none;font-family:'Oxygen', 'PT Sans', 'Arial';min-height:55px;margin-bottom:5px;text-align:left;padding:5px 10px;background-color:#ffffff;resize:vertical;border-radius:3px;font-size:14px;overflow:hidden;border:1px solid #D8DEE1;outline:none}.streamboxed .sotitle{min-height:30px;border:none;background-color:transparent}.sowords{position:relative;margin-top:10px;width:95%;min-height:40px;margin-bottom:3px;margin-left:10px;text-align:left;padding:5px 5px 5px 5px;background-color:#ffffff}.sobutton:hover{background-color:#ddb95e;cursor:pointer}.sowordwrap{position:relative;display:inline-block;*display:inline;*zoom:1;text-align:left}.font14px{font-size:14px}.hubtitle{position:relative;font-size:30px;color:#7a828b;padding-left:30px;font-family:'Oswald', 'Arial', sans-serif}.hubgenreicon{height:30px;margin-right:-2px;vertical-align:-5px}.verticalhelper{vertical-align:middle;max-height:25px;max-width:160px}.notilist .acceptinpage,.notilist .declineinpage{margin:10px 5px 5px 0}.noticon.requesticon{background-position:-64px 3px}.requestbar.notiactive{background-color:#49a9df;color:#ECF4FC}.notwrap{position:relative;float:left;width:350px;margin-top:10px;margin-left:10px}.notwrap.wrapmargin{margin-top:80px}.streamtext.sharearea{margin:0px 0px 0px 10px}.share_msg{margin:5px 15px 10px 0;width:400px}.sharetitle{width:400px;min-height:80px;background:#f0f0f0}a.sharetitle{color:black;text-decoration:none}a.sharetitle:hover,a.sharetitle:focus{filter:brightness(90%);text-decoration:none}.charcount{float:right;margin-top:-9px;margin-right:20px;font-size:12px;font-family:'Arial'}.charcount.red{color:red}.bordertop{border-top:1px dotted #BDC4CE}.shareboxa,.shareboxb{width:100%}.pubsuccess{background:#fcef98;border-radius:3px;padding:5px 15px;position:relative;margin:-5px 0 10px 0}.pubtitle{width:100%;font-family:'PT Sans', 'Arial';font-size:20px;overflow:hidden;font-weight:bold}.pubsubtitle{min-height:19px;overflow:hidden;font-size:13px;font-family:'Oxygen', 'Arial', 'san-serif';color:#977F7F;margin:5px 0}.bywho{margin:5px;color:#3090c7;float:left;font-size:13px;font-weight:bold}.streamtitle{position:relative;margin:10px 0px 0px 55px}.streamtitle a{text-decoration:none;text-transform:uppercase;cursor:pointer;font-size:16px;font-weight:bold;color:#3090c7}.streamtitle span{vertical-align:3px}.streamtext{position:relative;text-align:left;display:inline-block;margin:5px 0px 0px 10px;padding-bottom:20px}.streamtext .share_msg a:not(.nobg),.streamboxed .commentcontent a:not(.nobg){color:#0053A5;background-color:#ececec;text-decoration:none}.streamtext a{text-decoration:none;color:#0A6986}.streamtext a:hover{text-decoration:underline}.statwrap{display:inline-block;z-index:80;margin-left:18px;width:100%}.statwrap .statarea{margin-right:10px}.statwrap img{vertical-align:-4px}.streamaction{border-radius:3px;padding:0px 4px 2px 1px;text-decoration:none;background-color:#fdfdfd;border:1px solid #dfdfdf;color:#847250;vertical-align:top;cursor:pointer;font-weight:bold;font-size:12px}.streamaction.reverse{background:#C5992D;color:white}.streamaction .likeicon{width:16px;height:17px;background-image:url(https://penanamedia.s3.ap-southeast-1.amazonaws.com/img/story/likebrown.svg);background-position:0px 0px;background-size:18px;background-repeat:no-repeat;vertical-align:bottom}.streamaction.reverse .likeicon{background-image:url(https://penanamedia.s3.ap-southeast-1.amazonaws.com/img/story/likegrey.svg)}.streamtitle span.wallrightarrow{color:grey;vertical-align:bottom;font-size:1.2em}.commentbarstats{position:relative;display:inline-block;font-size:11.5px}.arrow_box{position:relative;background:#fdfdfd;border:1px solid #dfdfdf;font-size:12px;padding:2px 3px;border-radius:3px}.arrow_box:after,.arrow_box:before{right:100%;top:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none}.arrow_box:after{border-color:rgba(176,176,176,0);border-right-color:#fdfdfd;border-width:5px;margin-top:-5px}.arrow_box:before{border-color:rgba(245,228,145,0);border-right-color:#dfdfdf;border-width:6px;margin-top:-6px}.liketitle{background-color:#F1F1B1;border-bottom:1px solid #e5e5e5;border-radius:3px 3px 0 0;color:#4e5665;font-weight:bold;line-height:19px;padding:10px 12px}.likediv{background:white;color:#4a7a9b;line-height:19px;padding:10px 12px 5px 12px;gap:10px}.screenwrap{width:430px;height:auto;padding-bottom:5px;background-color:#636161;border-radius:5px;font-family:'Oxygen', 'Arial', 'san-serif';z-index:99999}.screenwrap.largepopup{height:calc(100% - 100px)}.scrollbody{overflow:auto;position:absolute;height:auto;width:100%;background:#ffffff}.portcontentwrap .streamboxed{box-shadow:0 1px 5px rgba(101,119,134,0.25);border-radius:0 3px 3px 0}.streamleft{position:relative;width:65%;min-width:530px}.streamright{position:relative;float:left;margin-top:10px;margin-left:4%;width:24%;font-family:'Oxygen', 'PT Sans', Arial, "Heiti TC", "微軟正黑體", "Microsoft JhengHei", "msjh"}.rightbox{margin-bottom:10px;float:left}.streamsuggest{position:relative;float:left;width:100%;min-width:220px;padding:5px;background-color:#fefefe;border:1px solid transparent}.streamsuggest.invitesuggest{background:#ececec;border-radius:3px;border:1px solid #e9e9e9;height:50px}.streamsuggest.invitesuggest:hover{background:#ececec}.streamposttitle{position:relative;float:left;width:100%;min-width:220px;background-color:#e4ce63;padding:5px;text-transform:uppercase;border:1px solid transparent;border-radius:3px 3px 0 0;font-size:13px}.streamsuggest:hover{cursor:pointer;background-color:#F5F5F5}.suggesttext{margin-left:3px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;width:185px;display:inline-block;*display:inline;*zoom:1;vertical-align:middle}.suggesttext.invitetext{margin-left:15px;line-height:47px;color:#3090c7;font-weight:bold;font-size:13px;width:150px}.hubgenreicon.inviteicon{vertical-align:middle}.hubinfoicon{display:inline-block;*display:inline;*zoom:1;background-image:url("https://static2.penana.com/img/info2.png");height:16px;width:16px;position:absolute;cursor:pointer}span.dropt .hubinfoicon img{vertical-align:15px}span.dropt:hover span.hubinfo{left:20px;top:0px;background:rgba(246,243,228,0.94)}#tabs{overflow:hidden;width:100%;margin:0 0 0px 0;padding:0;list-style:none;float:left}#tabs li{float:left;margin:0}.tabbar#tabs,.hubtabs{margin-left:22.5px}.hubtabs .hubtab{border-bottom:2px solid #b8b8b8;color:#ADADAD;font-size:16px;padding:5px;cursor:pointer;margin-right:10px;vertical-align:2px;display:inline-block}.hubtabs .hubtab.active{border-bottom:2px solid #6d6d6d;color:#6d6d6d;font-weight:bold}.huberr{width:230px;margin-left:5px}.hubclose{position:absolute;right:12px;top:12px}.scoresubtitle{padding:10px;font-weight:bold;text-decoration:underline;text-transform:uppercase;font-size:16px}table.noborder tr{border:none}.scoretable{margin-bottom:5px}.scoretable th{border-radius:0}.scoretable th,.scoretable td{padding:8px 12px}.scoretable .record_continue td{border:0}.scoretable .record_continue .record_id{color:transparent}.classwork .scoretable th,.classwork .scoretable td{padding:10px 15px}.scoretable th{background-color:#e4ce63}.scoretable td,.scoretable.dataTable tbody tr{background-color:#fdf9ee}.scoretable tr:first-child th:first-child{-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;border-top-left-radius:4px}.scoretable tr:first-child th:last-child{-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;border-top-right-radius:4px}.scoretable tr:last-child td:first-child{-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;border-bottom-left-radius:4px}.scoretable tr:last-child td:last-child{-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;border-bottom-right-radius:4px}.scoretable .chaptercol{width:200px}.scoretable input[type=number]{border:none;background-color:initial;width:100%}.scoreuser{font-size:13px}@media screen and (max-width: 959px){body .streamright{display:none}}.noticontainer{font-family:'Oswald', Arial, sans-serif;font-size:13px;float:left;width:100%;margin-top:40px}.noticontainer .notilist,.noticontainer a,.noticontainer .notidate{width:100%}.inboxicon{margin-right:5px;margin-top:2px;position:relative}.nwrap{position:relative;border-left:1px solid #e7e7e7}.notiactive{position:relative;font-size:28px;color:#7a828b;padding-left:10px;background:#e4ce63;border-radius:5px 5px 0px 0px;border:1px solid #E7E7E7;border-bottom:none;font-family:'Oswald', 'Arial', sans-serif}a.markasread{position:absolute;font-size:12px;right:7px;top:10.5px;text-decoration:none;background-color:#F8F5F5;color:#9E9E9E;padding:2.5px 5px 2.5px 5px;border-radius:2px}a.markasread:hover{background-color:#ECECEC}.notidate{position:relative;font-size:13px;background-color:#F0EBD6;padding:2.5px 5px 2.5px 10px;border-right:1px solid #e7e7e7}.notilist{position:relative;background-color:#fefefe;font-family:'Oxygen', 'Arial', sans-serif;padding:7px 5px 6px 10px;border-bottom:1px solid #e7e7e7;border-right:1px solid #e7e7e7}.sender2{position:relative;font-size:16px;font-weight:bold;font-family:'PT Sans';color:#4a7a9b;width:100%;text-decoration:none}.message2{position:relative;width:100%;font-size:13px;font-family:'Oxygen'}.message2 a{text-decoration:none;font-weight:bold}.notilist a:hover{text-decoration:underline}a .notilist:hover{background:#f4f4f4}.notilist.notiunread{background:#eeeeee}.nhead{position:absolute;left:10px}.notibody{margin-left:40px}.notiother{color:black;font-weight:normal;font-family:'Oxygen';font-size:14px}.noticon{display:inline-block;text-decoration:none;background:url("https://static2.penana.com/img/buttonicons.png") no-repeat -34px 3px;width:30px;height:34px;margin-left:-10px}.hubicon{background:url("https://static2.penana.com/img/index/hub.png") no-repeat;width:50px;height:40px}#bodywrapper{color:#333;font-family:'Oswald', Arial, "Heiti TC", "微軟正黑體", "Microsoft JhengHei", "msjh", sans-serif;font-size:13px;text-align:left}.writenav{width:180px;position:fixed;float:left;overflow:hidden;top:80px;bottom:0;margin:0px 0 0 -15px}.writenav2{width:180px;float:right;position:fixed;margin-left:767px;overflow:hidden;top:80px;bottom:0}.writeoption,.writeoptionp{position:relative;float:left;width:124px;min-height:80px;border-radius:4px;border:2px solid #ffffff;margin:0 0 5px 40px;padding:5px 0 5px 0;font-family:'Oswald', Arial, "Heiti TC", "微軟正黑體", "Microsoft JhengHei", "msjh", sans-serif;font-size:15px;color:#ffffff;text-align:center;background-color:#e4ce63}.writeoption.draftbetaedit{background-color:#9dd79a}.writeoption.draftbetaedit:hover{background-color:#88DD55}.writeoptionp.schedulepublish{background-color:gray}.writeoptionp.schedulepublish:hover{background-color:#585858}.upload-path{font-family:'Oxygen', sans-serif;color:#2375b6;font-size:12px;min-height:15px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.writeload{margin:15px 85px;float:left}.genreoption{position:relative;float:left;width:124px;min-height:40px;border-radius:4px;border:2px solid #ffffff;margin:5px 0 5px 40px;padding:5px 0 5px 0;font-family:'Oswald', Arial, sans-serif;font-size:15px;font-weight:bold;color:#ffffff;text-align:center;background-color:rgba(228,206,99,0.7)}.publish{position:relative;float:left;width:124px;min-height:80px;border-radius:4px;border:2px solid #ffffff;margin:0 0 5px 40px;padding:5px 0 5px 0;font-family:'Oswald', Arial, "Heiti TC", "微軟正黑體", "Microsoft JhengHei", "msjh", sans-serif;font-size:15px;font-weight:bold;color:#ffffff;text-align:center;background-color:rgba(99,187,228,0.82)}.statoption{position:relative;float:left;width:120px;min-height:72px;border-radius:4px;border:2px solid #ffffff;margin-bottom:5px;text-align:center;color:#ffffff;font-size:15px;font-weight:bold;margin-left:40px;background-color:#e9c81b;padding-top:5px}.voloption{position:relative;float:left;width:124px;min-height:72px;border-radius:4px;border:2px solid #ffffff;margin-bottom:5px;text-align:center;color:#ffffff;font-size:15px;font-weight:bold;margin-left:40px;background-color:rgba(228,206,99,0.7);padding-top:5px}.voloption img{display:block;margin:0 auto}.volbutton.volbutton{min-height:auto;padding:5px 0;background:#c5992d;cursor:pointer}.vol{font-family:Georgia, serif, Times, "Times New Roman";font-size:17px;vertical-align:2px}.files_wrap{width:120px;margin-left:40px}.delete-file{background:url(https://static2.penana.com/img/close_pop.png) 0px no-repeat;position:absolute;right:0px;top:5px;z-index:999;width:15px;height:15px;background-size:15px;cursor:pointer}.editstorybox{margin:20px}form.lefttitle .select-wrapper{display:inline-block}form.lefttitle input{width:auto}form.lefttitle .switch label .lever{margin-left:8px}.formline{margin:8px 0}.titlestoryedit{position:relative;line-height:20px;height:25px;width:200px;display:inline-block;margin-top:15px;color:#7C7A7A;font-family:'Oxygen', sans-serif;font-weight:bold}div .editstorybox input{background:transparent;padding-left:8px;box-shadow:none}div .editstorybox input[type=checkbox]{width:auto;margin:0 10px 0 190px}.checkbox_group{display:inline-block;vertical-align:text-top;margin-left:8px}.checkbox_group label{display:block}.wordcounter,.minsread{position:relative;display:inline-block;background-color:#f5f5e4;font-size:22px;width:100%;margin-top:10px;color:#000000}.writeoption:hover,.voloption:hover{cursor:pointer;filter:saturate(1.3)}.genreoption:hover{cursor:pointer;background-color:#e9c81b}.publish:hover{cursor:pointer;filter:saturate(1.3)}.writeexplain{margin-bottom:20px;border-radius:5px;padding:3px 8px;float:left}.writeexplain.active{animation-name:glowdim;animation-duration:4s;-webkit-transition:background-color 5.0s linear;-moz-transition:background-color 5.0s linear;transition:background-color 5.0s linear}.writewrapper{position:relative;float:left;font-family:'Oxygen', 'PT Sans', 'Arial';margin-left:162px;width:625px}.writewrapper #content img:not(.cke_widget_mask){max-width:100% !important;height:auto !important;display:block;margin:10px auto 0 auto;border-radius:3px}.typetitle{position:relative;float:left;border-radius:4px;width:100%;min-height:67px;border:2px solid rgba(39,159,206,0.49);font-family:'Oxygen', 'PT Sans', 'Arial', "Heiti TC", "微軟正黑體", "Microsoft JhengHei", "msjh";font-size:27px;font-weight:bold;color:#3f3d3d;margin-bottom:10px;background-color:#fefefe;padding:5px}html textarea.materialize-textarea{padding-top:5px !important}.writewrapper .placeholder,.writewrapper input::-webkit-input-placeholder,.writewrapper textarea::-webkit-input-placeholder{color:#c4c2c2}#content{outline:none;margin-bottom:10px;text-align:left}#content hr,hr.penanahr{border:0;outline:none;height:20px;color:transparent;background:transparent url(https://penanamedia.s3.ap-southeast-1.amazonaws.com/img/story/line.svg) no-repeat scroll center;background-size:130px 28px}#content blockquote{border-left:3px solid #8e7e4f;margin:20px 0;padding:1em 2em;position:relative;transition:0.2s border ease-in-out;z-index:0}#content blockquote:before{content:"";position:absolute;top:50%;left:-4px;height:2em;background-color:var(--read-bg-color);width:5px;margin-top:-1em}#content blockquote:after{content:"”";position:absolute;top:50%;left:-0.5em;color:#8e7e4f;font-size:4em;font-family:Oswald, Arial, Helvetica, "Times New Roman";font-style:normal;line-height:1em;text-align:center;text-indent:-2px;width:1em;margin-top:-0.25em;transition:0.2s all ease-in-out, 0.4s transform ease-in-out}#content blockquote cite{display:block;font-size:0.75em;line-height:1.8em;margin-top:1em}.placeholderfix{margin-top:15px}[contenteditable=true]:empty:before{content:attr(placeholder);color:#c4c2c2;white-space:pre-wrap;display:inline-block;cursor:text;font-weight:300}.maincontent{position:relative;float:left;width:100%;min-height:300px;border-radius:4px;border:2px solid rgba(213,181,100,0.49);font-size:15px;background-color:rgba(255,243,207,0.31);padding:15px 25px 25px 25px;line-height:1.7;font-family:'Oxygen', 'PT Sans', 'Arial', "Heiti TC", "微軟正黑體", "Microsoft JhengHei", "msjh";overflow:hidden;text-align:justify}.introcontent{position:relative;float:left;width:100%;min-height:200px;border-radius:4px;border:2px solid rgba(19,148,55,0.52);font-size:15px;background-color:rgba(226,250,223,0.31);padding:15px 25px 25px 25px;line-height:1.5;font-family:'Oxygen', 'PT Sans', 'Arial', "Heiti TC", "微軟正黑體", "Microsoft JhengHei", "msjh";overflow:hidden}.maincontent img{max-width:100%}.writewrapper .cke_widget_wrapper{text-align:center}.cke_dialog_contents .bold{font-weight:bold}.oembed-provider-youku{height:50px;width:480px;margin:0 auto;margin-bottom:10px;background:#CCCCCC}.oembed-provider-youku:after{content:"Youku Video"}.typetitlewrap{position:relative}.suggesteditexplain{float:left;padding:5px 15px;background:#9DD79A;border-radius:3px;color:#313131}.writenav .select{position:relative;float:left;width:110px;border-radius:4px;border:2px solid #ffffff;margin:0px 0 5px 40px;padding:7px 0px 7px 10px;font-family:'Oswald', Arial, sans-serif;font-size:15px;color:rgba(0,0,0,0.66);-webkit-appearance:none;-moz-appearance:none;background:rgba(228,206,99,0.7) url(https://static2.penana.com/img/write/arrow.png) no-repeat;background-size:12px auto;background-position:103px 13px;font-family:'Oswald', Arial, "Heiti TC", "微軟正黑體", "Microsoft JhengHei", "msjh", sans-serif;font-size:15px}.writenav .select:not(:disabled):hover{background-color:#e9c81b}.writenav .select ul{list-style:none;border:0;padding:0;margin:0}.writenav .select li{list-style:none;cursor:auto;font-size:15px}.writenav .selectdd{position:absolute;top:40px;left:0;z-index:99;background:rgba(234,218,143,0.99);width:100%;border:1px solid #9c9c9c}.writenav select,.writenav input{position:relative;float:left;width:124px;height:40px;border-radius:4px;border:2px solid #ffffff;margin:0px 0 5px 40px;font-family:'Oswald', Arial, sans-serif;font-size:15px;color:rgba(0,0,0,0.66);background-color:rgba(228,206,99,0.7);-webkit-appearance:none;-moz-appearance:none;text-indent:0.01px;text-overflow:"";cursor:pointer}.writenav input{padding:0 6px;width:108px}.writenav select{padding:5px 20px 5px 0;background-image:url(https://static2.penana.com/img/write/arrow.png);background-repeat:no-repeat;background-size:12px auto;background-position:103px 13px}.writenav select:disabled{background:#f2e8ba url(https://static2.penana.com/img/write/arrow.png) no-repeat;background-size:12px auto;background-position:103px 13px;cursor:default}.writenav select:not(:disabled):hover{background-color:#e9c81b}.writenav select option{padding:5px 0}.writenav select.specsel{background:#ececec url(https://static2.penana.com/img/write/arrow.png) no-repeat;background-size:12px auto;background-position:103px 13px}.writeerror{width:610px;margin:5px 0}.connect18ref{width:18px;vertical-align:middle;margin:0 5px;cursor:pointer}.profoption{position:relative;float:left;width:80px;background-color:#3587B6;height:25px;color:#fefefe;font-size:11px;border-radius:3px;text-align:center}.profoption:hover{cursor:pointer;background-color:#076AA3}.profselect{position:relative;display:inline-block;width:180px;line-height:20px;height:30px;margin-top:12px;font-size:13px;font-family:'Oxygen', sans-serif;font-weight:bold}.proftitle{position:relative;font-size:13px;vertical-align:-5px;font-family:'Oxygen', sans-serif;font-weight:bold}.profwidth{width:500px;max-width:calc(100% - 200px);margin-top:-15px}.submitwrap:hover,.submitwrap:focus{background-color:#F8D000}.applicant_info{overflow:auto;position:fixed;top:0;left:0;width:100%;height:100%;z-index:2;background:white;padding:100px 150px}.applicant_info .profwrap{padding-bottom:200px}.cke_editor_content.cke_float{-webkit-box-shadow:none;box-shadow:none;background:none}.cke_widget_element iframe{max-width:100%;width:560px;height:315px;border:0}.cke .cke_inner{background:none}.cke_widget_element>div{max-width:none !important}.cke .cke_inner .cke_top{border:none;padding:7px 3px 2px 8px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-radius:3px}.cke .cke_toolbar .cke_toolgroup{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;background:#f1de76}.cke .cke_toolbar .cke_button_on{-moz-box-shadow:0 1px 5px rgba(0,0,0,0.2) inset;-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.2) inset;box-shadow:0 1px 5px rgba(0,0,0,0.2) inset;background-image:-webkit-linear-gradient(top, #f6e68e, #cfbb54)}.cke_widget_image{display:inline !important}.cke_notifications_area{background:#aaaaaadb;padding:10px}.cke_notification_close{position:absolute;top:0;right:5px}.cke_dialog_contents [type="radio"]{position:relative;opacity:1;pointer-events:auto;vertical-align:text-top}.cke_toolbar a.cke_button_off:hover,.cke_toolbar a.cke_button_off:focus,.cke_toolbar a.cke_button_off:active,.cke_toolbar a.cke_button_disabled:hover,.cke_toolbar a.cke_button_disabled:focus,.cke_toolbar a.cke_button_disabled:active{-moz-box-shadow:0 1px 5px rgba(0,0,0,0.2) inset;-webkit-box-shadow:0 1px 5px rgba(0,0,0,0.2) inset;box-shadow:0 1px 5px rgba(0,0,0,0.2) inset}@media screen and (max-width: 960px){body .writenav2,body .writenav{position:absolute;height:100%;height:-moz-available;height:-webkit-fill-available;height:fit-content}body .editstorypage .writenav{top:45px}}.gwrapper{padding:0 15px;height:800px}.genboxwrap{position:relative;margin-bottom:20px}.lbar{margin-bottom:20px}.lbar select,.lbar .selectinput{border:none;position:relative;width:255px;margin:0 auto !important;padding:5px 15px;background-color:#e7e7e7;border-radius:5px;box-shadow:0 1px 0 rgba(0,0,0,0.2);cursor:pointer;outline:none;font-family:'Oswald', 'Arial', 'PT Sans', "微軟正黑體", "Microsoft JhengHei", "msjh", sans-serif;font-size:17px}.lbar .selectinput:disabled,.lbar .selectinput.disabled{opacity:0.5;pointer-events:none}.selectinput.coinright{background-image:url(https://static2.penana.com/img/penana_coin.png);background-repeat:no-repeat;background-size:contain;background-position:right}.lbar select:hover,.lbar select:focus{background:#21aef0;box-shadow:none;color:white}.lbar option{background-color:white;padding:0 20px;color:black}.lbar option.selectdefault{color:grey}.lbar option.premium_feature{background-color:#ffed91}.lbar .inputexp{width:255px}.langbox{position:relative;display:inline-block;*display:inline;*zoom:1;text-align:center;text-transform:uppercase;margin:5px 5px 0px 0px;padding:5px 10px;border-radius:4px;background-color:#e7e7e7;color:#333;font-size:17px}.langbox.inputvalue{background-color:white;color:black;text-align:left}.langbox.inputvalue:hover{background-color:white;color:black}.geneerr{margin-top:10px;width:120px;text-align:center}.ggbox{position:relative;float:left;width:100px;text-align:center;text-transform:uppercase;margin-right:5px;padding:5px;border-radius:4px;background-color:#e7e7e7;margin-top:5px;font-size:14px}.langbox:hover{cursor:pointer;color:#fefefe;background-color:#21aef0}.ggbox:hover{cursor:pointer;color:#fefefe;background-color:#21aef0}.gbar{position:relative;float:left;width:100%;height:30px}.genwords{color:#7a828b;font-size:18px}.gwrapper .genwords{display:inline-block;width:300px;text-transform:uppercase}.gwrapper .gselect{max-width:calc(100% - 305px);display:inline-block;vertical-align:top}input.offlineevent{line-height:40px}.genwords.sectiontitle{font-weight:bold;padding-bottom:10px;color:#515151;text-decoration:underline}.gensubwords{font-size:14px;margin:5px 0}.gensmawords{font-size:13px}.gensubtitle{display:block;margin-top:8px;font-size:16px;background-color:#E2E0D6;padding-left:10px;border-radius:3px;margin-bottom:5px}.genbarfix{width:99%}.genwrap{position:relative;display:inline-block;*display:inline;*zoom:1;width:140px;height:140px;background-color:#fefefe;margin:4px;border:1px solid #fefefe;border-radius:10px;overflow:hidden}.genwrap img,.genwrap span{cursor:pointer;width:140px}.newstorytitle{text-decoration:underline;color:#606366;font-size:20px;margin-bottom:30px}.newgenre{position:absolute;background:#B02334;color:white;left:10px;top:1px;padding:2px 5px 3px 5px;border-radius:0 0 7px 7px;font-size:13px;z-index:22;font-family:oxygen}.gwrapper input[type="radio"],.gwrapper input[type="checkbox"]{position:absolute;left:-9999px}.gwrapper input[type="radio"]:checked+label .langbox,.gwrapper input[type="checkbox"]:checked+label .langbox{color:#fefefe;background-color:#21aef0}.gwrapper input[type="radio"]+label span{position:absolute;right:5px;top:5px;width:30px;height:30px;border-radius:5px;background-color:#e7e7e7;background-image:url(https://static2.penana.com/img/check.png);background-position:33px 33px;background-repeat:no-repeat}.gwrapper input[type="radio"]:checked+label span{background-position:4px 4px;background-color:#FFFFFF}.gentick:hover{cursor:pointer;background-color:#ffffff}.gentitle{position:absolute;bottom:0;text-align:center;width:100%;color:#ffffff;font-size:18px;background-color:#9A9494;border-radius:0px 0px 5px 5px;text-transform:uppercase}.genproceed{margin:30px 0;padding:10px 20px;font-size:20px;float:left}.genproceed img{vertical-align:-5px}#tabs{overflow:hidden;margin:0 0 5px 0;padding:0;list-style:none;vertical-align:middle;display:inline-block;*display:inline;*zoom:1}#tabs li{float:left;margin:0}#tabs #current .langbox{background-color:#21aef0;color:#fefefe}.theme span.dropt:hover span.infomsg{top:-300px}.oxygen{font-family:'Oxygen', 'Arial', 'san-serif'}body.darktheme{color:#ffffff}.darktheme .second__Header{background:#505050;color:#C2C2C2}.darktheme .second__Header .headertitle,.darktheme .noformatlink,.darktheme .noformatlink:hover{color:#ffffff}.darktheme .hovergrey:hover{background-color:#3b3b3b !important}body.darktheme .thbox,body.darktheme .sbox{background-color:#505050;border-color:#797979;color:#ffffff}body.darktheme .thbox input,body.darktheme .thbox textarea,.darktheme input.select-dropdown{color:#ffffff}body.darktheme .thbox2{background-color:#666666;color:#ffffff}body.darktheme .thwi{background-color:#ececec}.darktheme .greycolor,.darktheme .grey-text{color:#f5f4f3}.darktheme .streamtext a{color:#039be5}.darktheme #bodywrapper{color:#ffffff}.darktheme .scoretable th{background-color:#5c5c5c}.darktheme .scoretable td{background-color:#313131}.darktheme .reportrange,.darktheme .daterangepicker{background-color:#000000}.darktheme .messagelist.active,.darktheme .messagelist:not(.nohover):hover,.darktheme .messagelist.unread:hover{background-color:#363636}.darktheme .sender{color:#7a97ab}.booksDivider{text-align:left;display:flex;width:100%;padding-bottom:30px}.booksDivider.section_wrap{margin-top:10px}.booksDivider hr{flex:1;margin-top:20px;margin-left:10px;margin-right:10px;border-top:2px dotted #c1c1c1}.booksDivider img{width:24.54px;height:29px;margin-top:5.5px;scale:1.3}.section_badge{display:inline-block;color:#fff;padding:7.5px 5px;border-radius:5px;font-family:oxygen;font-style:normal;font-weight:700;font-size:20px;line-height:26px}.section_badge.hot{background-color:#F09523}.section_badge.newupdate{background-color:#D81B60}.dividerText{font-family:'PT Sans';font-style:normal;font-weight:700;font-size:20px;line-height:26px;color:#202020;margin-top:9.5px;margin-left:5px}.moreButton{box-sizing:border-box;font-family:'PT Sans';font-style:normal;font-weight:700;font-size:15px;line-height:19px;display:flex;flex-direction:row;justify-content:center;align-items:center;padding:5px 15px;margin-top:4.5px;color:#795548 !important;border:2px solid #795548;border-radius:20px;width:84px;height:29px;cursor:pointer;text-decoration:none !important}.newHorXboxArea{width:100%;margin:0 auto;padding:0 0 25px}.newHorXboxArea .awrap{margin-top:-15px}.newHorXboxWrap{display:flex;flex-wrap:nowrap;justify-content:left;width:100%;overflow:hidden;padding-left:20px;padding-right:50px;gap:30px}.newHorXboxWrap.loading{filter:opacity(0.5)}.newHorXbox{border-radius:10px;display:flex;gap:12px;height:79px;flex-wrap:nowrap}.horTextInfoWrap{flex-wrap:wrap;flex:1}.newHorBookTitle{overflow:hidden;color:#000;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:1;font-size:14px;font-weight:700;display:inline-block;max-width:150px}.newHorBookTitle:hover{text-decoration:underline;cursor:pointer}.horAvatar{width:auto;text-align:center;display:flex;margin:8px 0 5px 0}.horAvatar a{align-self:center;display:flex;text-decoration:none}.horAvatar a:hover .horAvatarPic{box-shadow:0px 4px 4px rgba(0,0,0,0.25)}.horAvatarPic{position:relative;border-radius:100%;behavior:url(/css/pie/PIE.htc);display:inline-block;*display:inline;*zoom:1;z-index:2;background-color:#e8e8e8;text-indent:-9999px;overflow:hidden;width:20px;height:20px}.horAuthorname{color:#000;font-size:12px;white-space:nowrap;font-weight:bold;overflow:hidden;margin-left:3px}.newHorBookCoverBox{min-width:160px;min-height:80px;aspect-ratio:2/1;border-radius:10px;overflow:hidden}.newHorBookCover{width:100%;height:100%;border-radius:10px;background-size:cover;background-repeat:no-repeat;background-position:center center;transition:0.5s all ease-in-out}.newHorBookCoverBox:hover .newHorBookCover{cursor:pointer;transform:scale(1.1)}.horStoryProperty{white-space:nowrap;overflow:hidden}.newXboxWrap{display:flex;flex-wrap:wrap;justify-content:center;width:100%;height:auto;margin:0 auto;margin-top:20px;gap:30px}.newXboxWrap.loading{filter:opacity(0.5)}.portcontent .newXboxWrap{min-width:940px}.portcontentwrap .newXboxWrap{justify-content:left}.newXbox{vertical-align:middle;display:inline-flex;font-family:oxygen, Arial, heiti tc, 微軟正黑體, microsoft jhenghei, msjh;position:relative;text-align:left;width:auto;height:auto;min-width:250px;min-height:206px;box-sizing:border-box}.newXboxWrap .newXbox{flex-basis:calc(25% - 30px)}.newXboxWrap.smallxbox .newXbox{flex-basis:calc(33% - 30px)}@media screen and (max-width: 1400px){.newXbox{flex-basis:calc(33.33% - 10px)}}@media screen and (max-width: 1200px){.newXbox{flex-basis:calc(50% - 10px);min-height:236px}.storyInfo{-webkit-line-clamp:6 !important;height:108px !important}}@media screen and (max-width: 680px){.newXbox{flex-basis:calc(100% - 10px) !important;max-width:360px}.newXboxWrap{justify-content:center !important;min-width:initial}.storyInfo{-webkit-line-clamp:6 !important;height:108px !important}}@media screen and (max-width: 350px){.newXbox{min-height:150px}.storyInfo{-webkit-line-clamp:4 !important;height:72px !important}}.surfaceInfo{width:100%;height:100%;z-index:1}.newXbox:hover .surfaceInfo{animation:hideInfo 0.2s steps(30, end)}@keyframes hideInfo{from{opacity:0.2}to{opacity:0}}.newXbox:hover .hiddenInfo{display:grid;animation:displayInfo 0.2s steps(30, end)}@keyframes displayInfo{from{opacity:0;margin-top:10px}to{opacity:1;margin-top:0px}}.newBookCover,.emptyBookCover{aspect-ratio:2/1;width:auto;height:auto;border-radius:10px;background-size:cover;background-repeat:no-repeat;background-position:center;position:relative;overflow:hidden}.magazinebox .newBookCover,.magazinebox .emptyBookCover{aspect-ratio:1/1}.emptyBookCover{border:0.5px solid #C0C0C0;box-shadow:0px 1px 1px rgba(0,0,0,0.25);background-color:#f1f1f1;display:flex;justify-content:center;align-items:center;text-align:center;font-weight:bold;font-size:18px;overflow:hidden;text-overflow:ellipsis;padding:10px}.newAvatarPic{position:relative;border-radius:100%;behavior:url(/css/pie/PIE.htc);display:inline-block;*display:inline;*zoom:1;z-index:2;background-color:#e8e8e8;text-indent:-9999px;overflow:hidden;width:40px;height:40px}.newAuthorname{min-width:40px;color:#707070;font-size:12px;white-space:nowrap;font-weight:bold;overflow:hidden;text-decoration-color:#707070}.authorInfo .newAuthorname{margin-left:3px}.textInfoWrap{margin-top:9px;display:flex}.avatar{width:auto;text-align:center;display:flex}.avatar a:not(:first-child){margin:0 0 0 -39px;z-index:-1}.newcirmore{height:20px;line-height:20px;font-size:12px;font-weight:bold;color:#3686c5;padding:0 3px}.newBookTextInfo{align-self:center;width:100%;margin-left:10px}.newBookTitle{overflow:hidden;color:#8E7E4F;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:16px;font-weight:bold;line-height:20px;min-height:22px;max-height:40px}.hiddenInfo .newBookTitle{margin-left:5px}.newBookData img{width:14px;height:14px;margin-bottom:2px}.newBkwords{color:#707070;display:inline-block;*display:inline;*zoom:1;overflow:hidden;position:relative;word-wrap:break-word;font-weight:700;font-size:12px}.newBookData .time{margin-top:2px;margin-left:20px;display:inline-block;*display:inline;*zoom:1;overflow:hidden;position:relative;word-wrap:break-word;color:#808080;font-size:12px;font-weight:400}.hiddenInfo{position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;display:none;background-color:#fff;box-shadow:0px 0px 3px rgba(0,0,0,0.25);border-radius:10px;padding:15px}.hiddenInfo hr{margin-top:-5px}.storyInfo{font-family:'Oxygen';overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;font-size:12px;line-height:18px;word-break:break-all;height:72px;color:#000000}.storyInfo p{margin:0;display:inline;overflow-wrap:break-word;word-wrap:break-word;-ms-word-break:break-all;word-break:break-all;word-break:break-word;-ms-hyphens:auto;-moz-hyphens:auto;-webkit-hyphens:auto;hyphens:auto}.authorInfo{display:flex;overflow:hidden}.authorInfo img{width:20px;height:20px}.authorInfo .newBookTitle{color:#897644;font-size:12px;white-space:nowrap;font-weight:bold;overflow:hidden;text-overflow:ellipsis;max-width:73%;line-height:18px}.newXbox hr{width:95%}.storyTag{overflow:hidden;white-space:nowrap}.storyProperty{margin-top:-5px}.xboxButtonWrap{display:flex;align-items:flex-end;margin-top:5px;justify-content:space-between;gap:15px}.xboxButtonWrap .addbookmarkButton{font-family:'PT Sans';font-weight:700;text-align:center;color:#545454;text-decoration:none;cursor:pointer;width:50%;height:22px;background:#FFFFFF;border:1px solid #585858;box-shadow:2px 3px 0px rgba(0,0,0,0.05);border-radius:20px}.xboxButtonWrap .addbookmarkButton:hover,.xboxButtonWrap .addbookmarkButton.active{color:#fff;background-color:#585858}.xboxButtonWrap .startReadButton{font-family:'PT Sans';font-weight:700;text-align:center;color:#FFFFFF;text-decoration:none;cursor:pointer;width:50%;height:22px;background:#897644;border:1px solid #585858;box-shadow:2px 3px 0px rgba(0,0,0,0.05);border-radius:20px}.newXbox .story_tag{font-family:'Oxygen';height:16px;align-items:center;line-height:12px}.newXbox .ratingbox{height:14px;font-family:'Oxygen';font-style:normal;font-weight:700;font-size:11px;line-height:12px;align-items:center}.newXbox .completebox{height:14px;font-family:'Oxygen';font-style:normal;font-weight:700;font-size:10px;line-height:12px}.newXbox .storypintag{height:14px;font-family:'Oxygen';font-style:normal;font-weight:700;font-size:10px;line-height:12px}.newXbox .completebox{height:14px;font-family:'Oxygen';font-style:normal;font-weight:700;font-size:10px;line-height:12px}.newXbox .category{font-family:'Oxygen';font-style:normal;font-weight:700;font-size:12px;line-height:12px;color:#3F82E6}.loadingPlaceholder{background-color:#eee;color:transparent !important;background-image:none !important;border-radius:10px}.loadingPlaceholder img,hr.loadingPlaceholder{opacity:0}.avatar.loadingPlaceholder{height:65px}.time.loadingPlaceholder{height:18px}.storyTag .loadingPlaceholder,.storyProperty .loadingPlaceholder,.xboxButtonWrap .loadingPlaceholder{display:none}.aboutUsContainer{padding-left:100px;padding-right:100px;display:flex;justify-content:center;flex-wrap:wrap;overflow:hidden;min-width:1000px;height:100%;gap:80px}.aboutUsContainer h1{color:#795548;font-size:80px}.aboutUsContainer h5{font-size:24px}.aboutUsContainer div p{font-size:18px;color:#a0a0a0}.aboutUsContainer .bigimg{text-align:center;display:flex;align-items:center;justify-content:center}.aboutUsSection1,.aboutUsSection2,.aboutUsSection3,.aboutUsSection4,.aboutUsSection5,.aboutUsSection6{width:100%}.aboutUsSection1 div{width:60%;flex-wrap:wrap}.aboutUsSection1 .buttonWrap{width:100%;display:flex;gap:20px}.aboutUsSection1 .button{background-color:#806f49;color:#fff;border-radius:20px;padding:10px;padding-left:20px;padding-right:20px;gap:10px}.aboutUsSection1 .button:hover{background-color:#704f29;box-shadow:0px 3px 0px rgba(0,0,0,0.05)}.aboutUsSection1 img{width:100%}.aboutUsSection1{display:flex}.aboutUsSection2,.aboutUsSection3,.aboutUsSection5{display:flex;flex-wrap:wrap;justify-content:center}.aboutUsSection4{display:flex;flex-wrap:wrap}.aboutUsSection2 .bigimg img{width:80%}.aboutUsSection2 .bigimg,.aboutUsSection2 .desc{width:50%}.aboutUsSection2 .dataCardWrap{display:flex;justify-content:center;flex-wrap:nowrap;overflow:hidden;width:100%;max-width:1200px;margin-top:20px;gap:20px}.aboutUsSection2 h6{width:100%;text-align:center;margin-top:40px;font-size:20px}.aboutUsSection2 .dataCard{padding:10px;display:flex;flex-wrap:wrap;border-radius:10px;width:260px;height:180px;justify-content:center;text-align:center;border:2px solid #ccc;background-color:#f0f0f0}.aboutUsSection2 .dataCard i{font-size:80px;color:#c5992d;width:100%;height:50%}.aboutUsSection2 .dataCard span{font-size:16px}.aboutUsSection2 .featuredWrap{width:100%;min-width:1000px;display:flex;flex-wrap:wrap;justify-content:center;text-align:center;gap:20px;margin-top:40px}.aboutUsSection2 .featuredWrap .newXbox{width:260px}.aboutUsSection2 .featuredWrap .newXbox p{font-size:12px;color:#a0a0a0}.aboutUsSection3 .desc{width:100%}.aboutUsSection3 .coopChances{width:100%;margin-top:20px;display:flex;justify-content:center;gap:100px}.aboutUsSection3 .coopChances .coopChance{text-align:center;font-size:16px}.aboutUsSection3 .coopChances .coopChance img{width:60px;height:60px}.aboutUsSection3 .featuredAuthor{text-align:center;font-size:20px;width:100%;margin-top:60px}.aboutUsSection3 .featuredAuthorWrap{width:100%;margin-top:40px;text-align:center;display:flex;justify-content:center;flex-wrap:wrap;gap:60px}.aboutUsSection3 .featuredAuthorWrap .authorBadge span{display:inline-block;font-size:16px;color:#000;text-decoration:none}.aboutUsSection3 .featuredAuthorWrap .authorBadge:hover span{color:#666}.aboutUsSection3 .featuredAuthorWrap .authorBadge:hover img{box-shadow:3px 3px 10px #999}.aboutUsSection3 .featuredAuthorWrap img{width:100px;height:100px;border:4px solid #c5992d}.aboutUsSection4 .descWrap{width:100%;display:flex;margin-top:40px}.aboutUsSection4 .descWrap div{padding:10px}.aboutUsSection4 .descWrap .descTitle{text-align:center;background-color:#806f49;color:#fff}.aboutUsSection4 .bigimg{width:50%;text-align:center}.aboutUsSection4 .desc{width:50%}.aboutUsSection4 .bigimg img{width:50%}.aboutUsSection5 h5{width:100%}.aboutUsSection5 img{margin-top:35px;width:90%;height:auto;border-radius:20px}.aboutUsSection6{width:100%;background-color:#eee;border:3px dotted #000;border-radius:20px;padding:10px;text-align:center}.aboutUsSection6 p{width:100%;color:#000 !important;font-size:16px !important}@keyframes fade-in{from{margin-top:-20px;opacity:.15}to{margin-top:0px;opacity:1}}.urgeButtonWrap{width:100%;text-align:center}.urgeButtonWrap .urgeButton{transform:scale(1.1)}.urgeIcon{animation-name:bubble}.urgeCount{display:inline-block;animation:none;margin-left:5px}@keyframes jump{50%{transform:translateY(-8px)}100%{transform:translateY(0px)}}#gimmick{display:block;position:absolute;z-index:9999999}.penaCoin{--x: 0;--y: 0;--angle: 0deg;background-color:transparent;position:absolute;height:100px;width:100px;z-index:9999;transform:scale(0.5);pointer-events:none;background-image:url("https://static2.penana.com/img/penana_coin.png")}.penaCoin.move{animation:move 500ms linear forwards}@keyframes move{to{transform:scale(0.5) translate(var(--x), var(--y)) rotateY(var(--angle))}95%{opacity:1}100%{opacity:0}}.invitebox{border:2px solid #b88f00;border-radius:10px}#urgeBox .urgeFormDesc{text-align:center}#urgeBox .material-icons{color:#c5992d;font-size:40px}.yesnoButtonWrap{width:100%;display:flex;gap:15px;margin-top:20px;margin-bottom:10px}.yesnoButtonWrap button{width:100% !important;font-size:16px;font-family:pt sans, sans-serif;font-weight:bold;color:#fff;text-shadow:0 -1px #b88f00;border-radius:20px;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none;min-height:30px;cursor:pointer}.yesButton{background-color:#806f49}.yesButton:hover{background-color:#b88f00}.noButton{background-color:#fff;color:#000 !important}.noButton:hover{background-color:#e0e0e0}.shakeEffect{animation:shake 1s infinite}#sortableList{display:flex;flex-wrap:wrap;align-items:flex-start;padding:10px;margin:0}#sortableList.dragover{border:2px dashed #000}.editor-image-container{position:relative !important;margin-right:10px !important;margin-bottom:10px !important}.editor-image-file-name{margin-left:10px;font-size:14px;color:#333}.editor-image-container .delete-button{position:absolute;top:0;right:0;padding:2px 6px;background-color:rgba(0,0,0,0.6);color:white;border:none;border-radius:50%;cursor:pointer;font-size:16px}.editor-image-container .sortable-item{display:block;width:100px;height:auto}.sortable-item:hover{cursor:move}@keyframes shake{0%{transform:translateX(0)}25%{transform:translateY(-9px)}35%{transform:translateY(-9px) rotate(17deg)}55%{transform:translateY(-9px) rotate(-17deg)}65%{transform:translateY(-9px) rotate(17deg)}75%{transform:translateY(-9px) rotate(-17deg)}100%{transform:translateY(0) rotate(0)}}@keyframes bubble{15%{transform:scale(1);border-color:#eba52d;border-width:2.25rem}30%,100%{transform:scale(1);border-color:#eba52d;border-width:0}}.article_ad_block{margin:15px 0}#qtip-overlay.blurry div{opacity:initial;background:rgba(0,0,0,0.8);backdrop-filter:blur(10px)}.qtip label{display:block;color:#ffffff;margin:5px 0}.qtip [type=checkbox]+span:not(.lever){line-height:1.2em}.qtip [type=checkbox].filled-in:not(:checked)+span:not(.lever):after{border-color:#ffffff}#floating-toolbox{position:fixed;top:80px;right:30px;min-width:120px;background-color:#f0f0f0;border:1px solid #ccc;border-radius:5px;padding:10px;box-shadow:0 2px 5px rgba(0,0,0,0.1);z-index:1000;max-width:250px}#floating-toolbox ul{list-style-type:none;padding:10px 0 0 0;margin:0}#floating-toolbox li{margin-bottom:10px}#floating-toolbox a{text-decoration:none}#close-toolbox{position:absolute;right:10px;cursor:pointer;font-weight:bold}#floating-toolbox select.browser-default{height:auto}.status-msg{padding:16px 20px;background:#fffbe6;border-left:4px solid #F3C600;color:#574200;font-size:15px;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,0.02);letter-spacing:0.03em;max-width:600px}