.inlineblock{display:inline-block}.displaynone{display: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}.poddisplaynone{display:none !important}.poddisplaynone.show{display:inherit !important}.podshow{display:inherit !important}.justifycenter{justify-content:center}.breakword{word-wrap:break-word}.specialli ul{list-style:none;margin-left:0;padding-left:0}.specialli li{padding-left:2.4em;text-indent:-1em}.specialli li:before{content:"^";padding-right:5px}hr.penanahr{border:0;outline:none;width:80%;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}body label{color:#6b6b6b;font-size:.82rem;line-height:.82rem}body #lowbar{background-color:#1C79AD;color:white}body #header{background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#B9D9E9), to(#B9D9FF));background:-webkit-linear-gradient(top, #B9D9E9, #B9D9FF);background:-moz-linear-gradient(top, #B9D9E9, #B9D9FF);background:-ms-linear-gradient(top, #B9D9E9, #B9D9FF);background:-o-linear-gradient(top, #B9D9E9, #B9D9FF);background:-ms-linear-gradient(top, #B9D9E9, #B9D9FF);background:linear-gradient(to bottom, #B9D9E9, #B9D9FF);-pie-background:linear-gradient(to bottom, #B9D9E9, #B9D9FF);behavior:url(/css/pie/PIE.htc);background:#b9d9e9}body .stosha.on{background:#b9d9e9}body #bodywrapper.indexpage{padding-top:85px}body #topbar,body #topbar a,body #menu{color:white}body #topbar .popup{color:grey}body #topbar .arrow{background:none}body #topbar .arrow:before{content:"▼";font-size:12px}body #loginButton:hover,body #RegButton:hover{background-color:#8D8D8D;border-radius:5px}body #loginButton span,body #RegButton span{color:#FFFFFF;text-shadow:none}body #mainlogo{top:-32px}body #lowbar .explorespan{left:85px}body #lowbar .hubspan{left:10px}body.lang_zh .societyspan{left:160px}body .storyfilter select{border:none}body .mobbtn{color:white;border:1px solid white}body .headerword{color:white}body #buttonswrapper,.positionrelative{position:relative}body .account{right:250px;left:auto}body #lowright{margin-left:50px;width:35%}body .societyspan{left:182px}body .hubspan{left:110px}html body.chinese div{font-family:微軟正黑體,Microsoft JhengHei,儷黑Pro,HelveticaNeue, Helvetica Neue Regular,Arial,Helvetica,sans-serif}.explorespan{left:10px;cursor:pointer;margin-top:3px}body .current .hubflaticon{background-image:url("https://penanamedia.s3.ap-southeast-1.amazonaws.com/img/header/bar_collab_yellow.svg")}.hubflaticon.exploreflaticon{background-position:0 0;background-image:url("https://penanamedia.s3.ap-southeast-1.amazonaws.com/img/header/explorewhite.svg")}.explorespan:hover .hubflaticon.exploreflaticon{background-image:url("https://penanamedia.s3.ap-southeast-1.amazonaws.com/img/header/explore.svg")}.headerword.current{color:#EAC117}.explorespan.current .hubflaticon.exploreflaticon{background-image:url("https://penanamedia.s3.ap-southeast-1.amazonaws.com/img/header/exploreyellow.svg")}body .headerword:hover span{color:#2A3E47}body .sortbtn,body .sortbtn:hover,body .arrowborder,body .searchicon{background-color:#4285F4}body .stosha{background:#ece6cc}body .loginregwrap{margin-top:10px}body .penonepage#bgpic{min-height:720px}.logowrap{overflow:hidden}.logowrap span{display:inline-block;vertical-align:middle}.inviteemail{margin:5px}.submittrial{text-align:center;background-color:#e4e4e4;cursor:pointer}input.codeinput{width:50% !important;margin:0 10px 0 0 !important}.promochip.chip{margin-bottom:0}body .avatar-container{border:2.5px solid #6A9EF4}body .invitecir{color:#6A9EF4}body .hubflaticon,body #buttons .buttonhere{background-image:url("https://penanamedia.s3.ap-southeast-1.amazonaws.com/img/header/bar_collab.svg")}body #editinfoform .profname{height:300px}body .hubrightcol .newmenu{margin:10px 0px 0px 11px;padding:3px 0;background-color:#b9d9e9;color:#424242}body .hubrightcol .nottopbtn{margin:10px 0px 0px 11px;padding:3px 0}body .hubrightcol .newassignment{background-color:#B9D9E9}body .hubrightcol .studentwork{background-color:#b2e7d6}body .hubrightcol .newmenu:hover,body .hubrightcol .nottopbtn:hover{background-color:#49a9df}body .hubrightcol .createnewbtn.wrapmargin{margin:105px 0px 0px 11px;padding:3px 0;background:#fefefe;color:#000000}body .hubrightcol .createnewbtn.wrapmargin:hover{background-color:#f1e7b7}.width150px{width:150px}.width170px{width:170px}.color_green{color:green}.color_red{color:red}.bgbookcover.Story{background-color:#8FC3E9}.bgbookcover.Journal{background-color:#F7D02E}.shadow{-webkit-box-shadow:0 0 2px rgba(0,0,0,0.04),0 1px 2px rgba(0,0,0,0.18);box-shadow:0 0 2px rgba(0,0,0,0.04),0 1px 2px rgba(0,0,0,0.18)}body .catnavlist.porttab{width:230px}body .filterbtn{background:url("https://static2.penana.com/img/index/filter.png") center center no-repeat;background-color:#1A8F1A;background-size:20px;width:22px}body .shareselect{position:absolute;z-index:9;padding:10px;border-radius:5px;width:500px;margin-left:50px;background:rgba(220,231,249,0.992157)}.reportpage .dlpdficon{margin:0 5px}.reportpage a{font-weight:bold;color:black}.inviteall{margin:10px 20px 0 0;padding:5px;text-align:center;font-size:14px;font-weight:bold;cursor:pointer}.rubricexplain{position:absolute;left:300px;margin-top:-40px;font-size:15px;text-align:right}.rubric_name{text-decoration:underline}.gwrapper .langbox{text-transform:none}#cssmenu :not(.on):hover{background:#f6e27e}.hubclassdd.hubclassselect{position:relative;margin-left:2px;color:#7a828b}.hubclassdd.hubclassselect .dropdownbox{background:#49a9df;position:absolute}.hubclassddbox{padding:5px;cursor:pointer;width:150px}.hubclassddbox:hover{color:white}.pubsuccess.dull{background:#fcf4be;font-size:14px}.ajaxsavebtn{cursor:pointer;background-color:#ECD84E;padding:1px 5px 1px 5px;border-radius:3px;margin:5px;color:white;font-weight:bold}.ajaxsaved{color:#c67b6f;font-size:13px}.bluetext,.bluetext select{color:#0a9291;font-weight:bold}.bluetext select option{color:black}.nobgselect{border:none;background-color:transparent;cursor:pointer}.chapterreview{padding:10px;background-color:#FCE4E4;border-radius:5px;margin:0 0 10px 0}.commentcontent.editmode.chapter_review,.margintop5px{margin-top:5px}.rankorder.autowidth{width:auto;margin-right:10px}.editsubgrade{position:absolute;top:4px;right:10px;font-size:13px;color:#df8c92;cursor:pointer}.startgrade,.cursorpointer{cursor:pointer}.geditcancel{background-color:grey}.readtext [contenteditable=true]:empty:before{content:attr(placeholder);color:#c4c2c2;white-space:pre-wrap;display:inline-block;*display:inline;*zoom:1;cursor:text;font-weight:300}.formseparator{margin-top:25px}.inputalign{margin:-10px 0px 10px 35px}input.narrowinput{width:50px !important}.input_subgrade{width:50px}.subgrades{margin-right:2px;display:block}.filclose{position:absolute;top:0px;right:10px;font-size:20px;font-family:oxygen;font-weight:bold;cursor:pointer}.hubclassselect{position:absolute;font-size:12px;color:#4285f4}.hubclassselect .dropdownbox{background:rgba(197,216,248,0.99);color:black;cursor:default;z-index:90;position:relative;padding:5px;border-radius:5px}.hubclassselect .dropdownbox input{vertical-align:middle}.gradebox .rankorder{width:120px}.height150{height:150px}.maincontent.h200px{min-height:200px}.pinnedactivity{position:absolute;left:-20px;top:-20px}.streamboxed .pinning{display:none;position:absolute;right:5px;top:5px;opacity:0.5;cursor:pointer;z-index:99}.pinnedAlready .streamboxed .pinning{display:none}.streamboxed:hover .pinning{display:inline}.classwork .hubtitle{text-align:center}.classwork table{margin-top:10px}.scoresubtitle{padding:10px;font-weight:bold;text-decoration:underline;text-transform:uppercase;font-size:16px}table.detailstable td,table.detailstable th{font-size:13px}.scoretable{margin-bottom:5px}.scoretable th,.scoretable td{border-bottom:1px solid #e9d8aa;padding:8px 12px}.classwork .scoretable th,.classwork .scoretable td{padding:10px 16px}.scoretable th{background-color:#e4ce63}.scoretable td{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}.detailedreport{font-size:14px;margin:5px 0 20px 0;display:inline-block;font-weight:bold}.sitenav{font-family:oxygen;z-index:99}.penonepage{font-family:oxygen;width:auto;min-width:0}.penonepage#bgpic{background-position:center center;min-height:600px;min-width:660px}.oneaboutus{position:absolute;top:30px;right:18px;font-size:12px;font-weight:bold;background:white;padding:5px 10px}.logsmall{font-size:22px}.logologo{margin:5px}.rightlogo{margin:0 10px -10px 0;color:#b3b3b3}.rightlogo.material-icons{font-size:33px}.badgeon .rightlogo{color:#039be5}.badge_no{display:none;padding:0px 3px;border-radius:5px;background-color:rgba(240,37,37,0.75);font-size:0.7em;font-weight:bold;color:#fff;position:absolute;right:10px;top:5px;z-index:100;-webkit-transition:-webkit-transform 0.2s 0s;-moz-transition:-moz-transform 0.2s 0s;transition:transform 0.2s 0s}.badgeon .badge_no{display:block}.logotitle{font-size:20px;font-weight:bold}.penonepage .loginregwrap1{color:white}.signup{float:right;margin:26px 5px 0 0;font-size:11px;padding:5px 10px;background:#09d8d6;font-weight:bold;color:white}.navcontainer{display:block;min-height:4rem;margin:0 auto;text-align:center;padding:0 20px;background:#F7F7F7}.navcontainer.darkgrey{background:#eef3e5}a .navli{color:black}.navli{display:inline-block;*display:inline;*zoom:1;font-size:15px;width:140px;padding:1.5em 0 1.15rem 0}.navli:hover{filter:drop-shadow(2px 4px 6px black);transition:.3s ease-out}.navli.current{font-weight:bold;border-bottom:3px solid #617e4d}.onetitle{color:#617e4d;text-align:center;font-size:26px;font-style:italic;font-weight:bold}.onesubtitle{color:#617e4d;text-align:center;font-size:18px;font-weight:bold}.onecontent{max-width:36em;margin-left:auto;margin-right:auto;margin-bottom:10px;padding:1rem;font-size:16px;line-height:27.2px;line-height:1.7rem;word-wrap:break-word}.onecontent .copy{margin-top:80px;font-size:0.8rem;color:grey}.onecontent h3{margin:0 0 5px 0}.onecontent .subtext{margin:0 0 30px 0}body .penonepage #logo{background-color:inherit}.hoverwrap{float:left}.homeviewmode .hoverwrap{display:inline-block;*display:inline;*zoom:1;float:none}.listviewwrap.homeviewmode{float:none}.homeviewmode .sortoption{position:absolute}.page-footer.brown-footer{background-color:#9a8c79}textarea{resize:vertical}@font-face{font-family:'Oxygen';font-style:normal;font-weight:400;src:local("Oxygen"),local("font/Oxygen-Regular"),url(https://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(https://themes.googleusercontent.com/static/fonts/oxygen/v3/yVHpdQrmTj9Kax1tmFSx2j8E0i7KZn-EPnyo3HZu7kw.woff) format("woff")}@font-face{font-family:'Oswald';font-style:normal;font-weight:400;src:local("Oswald Regular"),local("font/Oswald-Regular"),url(https://themes.googleusercontent.com/static/fonts/oswald/v8/-g5pDUSRgvxvOl5u-a_WHw.woff) format("woff")}.narrowshow,.wideshow{display:none}@media screen and (max-width: 610px){body .navcontainer a{display:block}body .penonepage#bgpic{background-position:-170px center}body .narrowshow{display:block}}@media screen and (min-width: 611px){body .wideshow{display:block}}@media screen and (max-width: 450px){body .penonepage#bgpic{background-position:-170px center}}.onetitle.big{font-size:31px}.onecontent.onecontentwide{max-width:50em}.onecontent.onecontentultrawide{max-width:60em}.flexcontainer{display:flex;flex-wrap:wrap;justify-content:center}.bghighlight,.greenbg{width:100%;background-color:#eef3e5}.darkgreenbg{background-color:#637457;color:#fcfbdf}.darkgreenbg .onetitle,.darkgreenbg .onesubtitle{color:#fcfbdf}.darkgreenbg ul li{color:#ffffff}.onetitle.leftalign,.onesubtitle.leftalign{text-align:left}.halfrow{width:335px;margin:15px;text-align:center}.btn.pod,.btn.pod:hover{background-color:#637457}.btn.pod:hover{box-shadow:0 1px 2px 0 rgba(60,64,67,0.3),0 2px 6px 2px rgba(60,64,67,0.15)}.page-footer.green-footer{background-color:#eef3e5;color:#000000;font-size:13px}.page-footer.green-footer .footer-copyright{background-color:#637457}.dark-green-text,a.dark-green-text{color:#637457}a.dark-green-text{text-decoration:underline}.onetitle.nonitalic{font-style:normal}.planbox{width:450px;margin:20px 5px;padding:20px}.onecontent ul{padding:0}.onecontent ul li{list-style-position:inside;text-indent:-1.5em;padding-left:1.5em}.onecontent li:not(:last-child){margin-bottom:3px}footer .container{max-width:999px}.pod .collection .collection-item.active{background-color:#637457;color:#eafaf9}.pod .collection a.collection-item{color:#637457}.featured_book{width:266px}@media screen and (max-width: 1550px){.featured_book{width:240px}}@media screen and (max-width: 1390px){.featured_book{width:220px}}@media screen and (max-width: 1050px){.featured_book{width:200px}}.podform_title{font-weight:bold;text-decoration:underline}.podform_subtitle{padding-top:10px}