body{background-image:none}#bodywrapper.indexpage{min-height:900px;position:relative}.container{display:inline-block;*display:inline;*zoom:1;position:relative;width:960px;text-align:left}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}.storyfiltersel input,.storytopmenu input{vertical-align:middle}.storyfilter select{border:1px solid #D9D9D9;border-radius:3px;padding:1px;color:#5A5656;max-width:120px;display:inherit}.storyfilter .gensubgen select{margin-left:6px;background:#e7e7e7;padding:5px 10px;border-radius:3px;border:none;height:30px;line-height:30px;max-width:130px;z-index:9;position:relative}.storyfilter .gensubgen select.selected{background:#c5a838;color:white}.storyfilter .gensubgen select option{background-color:white;color:black}.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:20px;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 .crank,.writerschart .clist{height:60px}.writerschart .cnum{margin-top:20px}.chartcolumn{width:250px;margin-right:10px}.charttitle{border-bottom:1px solid #adacac;padding-bottom:5px;float:left;width:100%}.clist{position:relative;float:left;height:105px;margin-left:0px;border-bottom:1px solid #ADACAC;cursor:pointer;color:black;font-family:'oxygen', 'Heiti TC', 微軟正黑體, 'Microsoft JhengHei', msjh}.clist:hover{background-color:#efefef;opacity:0.8}.crank{background:#F5EDBD;position:relative;float:left;height:105px;width:30px;margin-right:5px;text-align:center}.cnum{position:relative;display:inline-block;font-size:20px;margin-top:40px;color:#000}.cstorydetails{position:relative;float:left;padding:3px 5px;vertical-align:8px;font-size:22px;margin-left:5px;width:410px}.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}.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}.curtag{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:4px;background-color:#ececec;color:#333;font-size:12px}.searchtags.darker{background-color:#DFDFDF}.indexleftmargin{margin-left:65px}a.responsivelink{color:black;text-decoration:none}.xbox{vertical-align:middle;display:inline-block;*display:inline;*zoom:1;font-family:'Oxygen',Arial, "Heiti TC", "微軟正黑體","Microsoft JhengHei","msjh";position:relative;margin:10px 10px 7px 23px}.newissue{position:absolute;background:#B02334;color:white;left:161px;top:42px;padding:2px 5px 3px 5px;border-radius:0 0 7px 7px;font-size:13px;z-index:22}.listviewmode .newissue{right:9px;left:auto;top:45px;width:27px;line-height:16px}.view{position:relative;font-size:14px;height:240px;width:240px;padding:5px;border:none;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);background-color:#ffffff;text-align:left;z-index:10;overflow:hidden;display:flex;flex-direction:column;cursor:pointer}a.view:hover{text-decoration:none}.view .viewcontent img{display:none}.avatarcol{position:absolute;margin-top:50%;top:5px;left:78%;z-index:50}.avatarcol.ava3,.avatarcol.ava4{left:75%}.avatarcol.ava5{left:73%}.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,.cirmore:hover{z-index:51}.avatarcol .authorname{color:#737373;text-align:center}.avatarcol a{margin:0 -35px 0 0}.xbox .circular{z-index:50;box-shadow:1px 2px 2px #999999;float:none}.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:#000;text-align:left;padding:0px 20px 0px 30px;min-height:50px;max-height:100px;margin-bottom:20px;line-height:18px}.booktitle{width:75%;color:#8e7e4f;font-size:20px;padding:5px 0px 20px 0px;word-wrap:break-word;display:inline-block;*display:inline;*zoom:1;left:0;z-index:20;font-family:'Oswald', "Heiti TC", "微軟正黑體","Microsoft JhengHei","msjh", sans-serif;opacity:1;overflow:hidden;-webkit-column-width:10em;column-width:10em}.booktitlewrap{position:relative;display:inline-block;*display:inline;*zoom:1;max-height:100px;line-height:23px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}.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}.listviewmode .stoinfobar{top:20px;bottom:auto;left:140px}.ratingbox{border:1px solid #6d1515;color:#6d1515;padding:0 3px;min-width:12px}.completebox{background-color:rgba(255,255,255,0.8);padding:0 3px;border-radius:2px}.hovertitle{max-height:60px}.bookimage{margin:15px 0px 0px 15px}.img{display:inline-block;*display:inline;*zoom:1;height:auto;margin:165px 0px 0px 6px}.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{color:#c4992e;color:#333333;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}.subgenrewrap{position:absolute;top:213px;right:0px;width:87px;text-align:center}.listviewmode .subgenrewrap{top:210px}.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;font-weight:bold}.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}.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:#ffffff;text-transform:uppercase;-webkit-box-shadow:0 0 1px #000000;-moz-box-shadow:0 0 1px #000000;box-shadow:0 0 1px #000000;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}.kstatwrapper{height:40px;width:100%;position:relative;display:inline-block;*display:inline;*zoom:1;margin:6px 0px 0px 0px}.kstat{min-width:33px;max-width:70px;height:33px;position:absolute;right:8px;border-radius:15%;z-index:21;font-weight:bold;line-height:0.87;text-align:center}.qstat{min-width:110px;padding:2.5px 5px 2.5px 0px;position:relative;float:left;border-radius:3px;z-index:21;font-weight:bold;text-align:center;margin-left:15px;margin-top:3px}.kstat1{color:#3bb12b}.kstat2{color:#887979}.kno{font-size:19px}.kwords{font-size:11px;margin:4px 3px 0px 4px;float:left}.kstat2 .kwords{margin:0;font-size:13px;display:inline-block;*display:inline;*zoom:1;text-align:center}.kmins{margin-top:-1px;font-size:18px;position:relative;float:left}.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-left:30px;color:#726e6e}.kdate p{margin:0;display:inline}.updatedtext{text-transform:none}.hpwritenew{position:relative;float:left;margin-top:11px;margin-left:3px}.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}.createnewbtn{padding-left:30px}.createnewbtn.specialevent{background-color:#ebce58;margin-bottom:5px;border-radius:5px;font-size:16px}.createnewbtn.specialevent:hover{filter:brightness(102%)}.createnewbtn.specialevent.campnano2016{background-color:#FFC381}.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;float:left;background-color:#4cb3e4;text-align:center;border-radius:3px;width:35px;height:34px;margin:0px 10px 0px 5px}.refreshicon{position:relative;float:left}.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}.bannermenu{float:left;width:25%;padding:0px 0 0 0}.wrap_menu{display:flex;flex-wrap:wrap;overflow:visible;max-height:inherit;height:100%}.wrap_menu a{margin:0;border:1px solid #edeef0;background-color:#f9f9f9;flex:0 50%;display:flex;justify-content:center;flex-direction:column;text-align:center;font-size:14px}.wrap_menu a:hover{text-decoration:none;background-color:#dcdcdc;transition:0.5s}.bannerwrap{margin:0 0 20px 0px}.bannerinfo{height:200px;width:135px;background:#efefef;margin-left:10px}.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}.sideoption{position:relative;display:block;width:300px;padding:20px 0;min-height:60px;font-family:'Oswald', Arial, "Heiti TC", "微軟正黑體","Microsoft JhengHei","msjh", sans-serif;font-size:15px;font-weight:bold;color:#3f3c3c;text-align:center;background:#e6e6e6}.sideoption:hover{cursor:pointer}.searchsel{line-height:34px;position:relative;background:#f5f5f5;font-family:'Oxygen', Arial, "Heiti TC", "微軟正黑體","Microsoft JhengHei","msjh", sans-serif}.searchsel .arrowborder{height:34px}.searchselbox{position:absolute;left:0;line-height:20px;margin-top:2px;padding:3px 0;border-radius:3px;overflow:hidden;z-index:99;border:1px solid #ececec;background:#fcfcfc}.searchselbox .searchchoice{display:block;float:none;padding:2px 40px;position:relative;z-index:98;font-size:12px;white-space:nowrap}.searchselbox .searchchoice:hover{background:#f3f1d7}.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}.listviewmode .xbox{max-width:635px;min-width:520px;width:90%}.listviewmode .view{position:relative;float:left;width:100%;height:240px;border-radius:4px;background-color:#FCF7EA;text-align:left;z-index:10;overflow:hidden;background-repeat:no-repeat;background-position:0px 0px;cursor:pointer}.listviewmode .booktitle{max-height:55px;font-size:140%;padding:10px 0px 0px 0px;border-top:1px dotted #e4ce63;word-wrap:break-word;display:inline-block;*display:inline;*zoom:1;left:0;z-index:20;font-family:'Oswald', sans-serif, "Heiti TC", "微軟正黑體","Microsoft JhengHei","msjh";background-color:rgba(233,231,231,0);opacity:1}.listviewmode .img{display:inline-block;*display:inline;*zoom:1;height:auto;position:absolute;left:auto;right:45px;width:200px;bottom:12px;margin:0px 0px 0px 360px}.listviewmode .booktitlewrap{position:relative;display:inline-block;*display:inline;*zoom:1;max-height:60px;font-size:115%}.listviewmode .imgfollower{left:auto;right:59px;bottom:30px}.listviewmode .kdate{font-size:60%;position:relative;float:left;margin-left:30px;display:inline-block;*display:inline;*zoom:1;color:#726e6e;width:200px}.listviewmode .view .info{font-size:90%;display:inline-block;*display:inline;*zoom:1;text-decoration:none;padding:3px 6px;position:absolute;background:#7f5217;border-radius:5px;color:#fff;left:25px;bottom:12px;text-transform:uppercase;-webkit-box-shadow:0 0 1px #000;-moz-box-shadow:0 0 1px #000;box-shadow:0 0 1px #000}.view .info.listinfo{display:none}.listviewmode .view .info.listinfo{display:inline-block;*display:inline;*zoom:1}.listviewmode .view-first:hover .smask{display:none}.listviewmode .readmore2{display:block;margin-top:40px;z-index:30}.listviewtext{display:none}.listviewmode .listviewtext{display:block;margin-top:73px;height:65px;width:80%;max-width:500px}.listviewmode .viewcontent{font-size:100%}.bookviewmode .pbox{margin:7px 15px 15px 15px}.bookviewmode .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.nocover{opacity:0.7}.bookgenres{position:absolute;bottom:0px;left:0px;right:0px;background:rgba(0,0,0,0.15);line-height:18px}.bookviewmode .booktitlewrap{max-height:50px}.bookviewmode .kdate{margin-top:3px;margin-left:0px}html .bookviewmode .smask,.bookviewmode .content{height:100%}.bookviewmode .newissue{left:auto;right:2px;top:40px;padding:0px 5px 2px 5px;font-size:12px;text-align:center}.storypintag.newissue{background-color:purple}.specialpin.newissue{background-color:#545454}.withbounty.newissue,.newissue.nobg{background-color:transparent;color:#806f49;font-weight:bold}.bookviewmode .img{position:absolute;bottom:0;width:100%;left:0}.bookviewmode .storyboxcover img{float:none;margin:0 auto;display:block}.bookviewmode .completebox{position:absolute;top:-20px;left:0;right:0;border-radius:0}.bookviewmode .subgenrewrap{display:none}.bookviewmode .bookviewact .subgenrewrap{display:inline;top:auto;position:relative;border-radius:2px;width:auto;padding:1px 3px 1px 0;margin-left:3px;font-size:12px}.bookviewmode .subgenbor{border:none;vertical-align:bottom}.bookviewmode .subgen{padding:2px;color:white;text-align:right;text-transform:none;font-weight:normal}.bookviewmode .viewcontent{height:145px;max-height:none}.bookviewmode .smask .responsivelink{top:180px}.bookviewmode .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}.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}.rwarning{height:0;padding-bottom:50%;color:#ffffff}.rwarning i{font-size:50px;padding-top:5%}.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}.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;z-index:50;position:relative}.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', Georgia, Arial, "Heiti TC", "微軟正黑體","Microsoft JhengHei","msjh";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}.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;border:1px solid #ccc;border-color:rgba(0,0,0,0.15);border-radius:2px;box-shadow:0 4px 6px 2px rgba(0,0,0,0.1);z-index:99}.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}.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}.bannerwrap3 .promo-slider-outer-wrap{max-height:190px}.promoblock{margin-top:5px;float:left}.promoblock img{margin:5px;border-radius:3px}.promoblock img:hover{opacity:1}.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;color:black;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;width:500px}.boxtitle{padding:0 9px}