html,body{margin:0;height:100%}body{background-color:#333}footer{text-align:center;color:#fff;padding:40px 0 20px 0;font-size:11px}.mb-10{margin-bottom:10px}.mb-15{margin-bottom:15px}.mb-20{margin-bottom:20px}.page_phone,.page_status,.page_energy_pack,.page_demo,.page_attitude,.page_roles{background:url(/assets/new_bg-f87ebfc3378bb2e4f80314c6d4b8cb2d59e549546f27f458ce5f1e2045feb8bf.jpg) center center no-repeat;background-attachment:fixed;background-size:cover}.page_ecological,.page_ecological_birds{background:url(/assets/ecological_2-d062e881189237f38033a021a0363322b952984f47130366829a96631fe0b1db.png) center center no-repeat;background-attachment:fixed;background-size:cover}.button-success,.button-error,.button-warning,.button-secondary{color:white;border-radius:4px;text-shadow:0 1px 1px rgba(0,0,0,0.2)}.button-success{background:#1cb841}.button-error{background:#ca3c3c}.button-warning{background:#df7514}.button-secondary{background:#42b8dd}.button-xsmall{font-size:70%}.button-small{font-size:85%}.button-large{font-size:110%}.button-xlarge{font-size:125%}.button-link{background:#fff;color:white}body.hide-overflow{overflow:hidden}.hard{background-color:#fff}.books_panel{overflow:hidden;width:100%;margin:0 auto}.t{display:table;width:100%;height:100%}.tc{display:table-cell;vertical-align:middle;text-align:center}.rel{position:relative}.modal,.blocker{z-index:9999}.info_link img{height:34px}.story{line-height:1.75;background:url(/assets/story_bg3-fab6e728115c4243d816ba916e5fa07f5d9982a075e6cdd1f5c9227c0a31c75a.png) center center repeat;padding:5px 10px 10px 10px;color:#ffffff;border:10px solid #fff;border-radius:10px}.story h2{font-style:italic;letter-spacing:5px;margin:10px auto}.story .animatext{text-align:left}.demo_cell{text-align:center;margin-bottom:40px}.demo_cell img{margin:10px auto}.center{justify-content:center}.book_info_btn_1,.book_info_btn_2{width:100%}.role{background:url(/assets/story_bg3-fab6e728115c4243d816ba916e5fa07f5d9982a075e6cdd1f5c9227c0a31c75a.png) center center repeat;padding:5px 10px 10px 10px;color:#ffffff;border:10px solid #fff;border-radius:10px;margin-bottom:10px;font-size:1.25rem;line-height:1.5;text-align:left}.role .name{font-weight:bold;text-align:center}.book{margin:0 auto;width:100%;height:100%;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.book .page{height:100%}.book .page img{max-width:100%;height:100%}.turn_arrow{width:1.2rem;height:1.2rem;position:absolute;bottom:0.2rem;right:0.2rem}.turn_arrow_long{width:6rem;height:1.2rem;position:absolute;bottom:0.2rem;right:0.2rem}.click_hint{position:absolute;z-index:99;display:none}.energy_pack_select{position:absolute;z-index:999;background-color:#222;color:#fff;width:100%;height:100%;overflow:auto}.energy_pack_select.no_item{background:url(/assets/background07-994983ec47153360823afe07f48009e9e3119c8ff406cdb07b97133e3221f097.png) center center no-repeat;background-attachment:fixed;background-size:cover}.energy_pack_content{width:100px;margin:20px auto}.energy_pack_1{-webkit-animation-delay:0.5s;animation-delay:0.5s;-webkit-animation-delay:0.5s;animation-delay:0.5s}.energy_pack_2{-webkit-animation-delay:0.45s;animation-delay:0.45s;-webkit-animation-delay:0.45s;animation-delay:0.45s}.energy_pack_3{-webkit-animation-delay:0.6s;animation-delay:0.6s;-webkit-animation-delay:0.6s;animation-delay:0.6s}.energy_pack_4{-webkit-animation-delay:0.75s;animation-delay:0.75s;-webkit-animation-delay:0.75s;animation-delay:0.75s}.energy_pack_5{-webkit-animation-delay:0.9s;animation-delay:0.9s;-webkit-animation-delay:0.9s;animation-delay:0.9s}.energy_pack_6{-webkit-animation-delay:1.05s;animation-delay:1.05s;-webkit-animation-delay:1.05s;animation-delay:1.05s}.icon_pack{border:3px solid #333;border-radius:6px}.card{width:200px;height:280px;margin:30px auto}.card .front,.card .back{border:7px solid #333;border-radius:10px;margin-left:-7px}.card .front{background-color:#fff}.card .back{background-color:#eee}.card .back .hint{font-size:1.2rem;margin-top:20%;text-align:center;color:#666;line-height:2.5}.card_filp_hint{color:red;text-align:center;line-height:2}.st0{fill:none;stroke:#7CCFED;stroke-width:10;stroke-miterlimit:10;stroke-linecap:round}.magic_panel{padding:10px;width:auto;margin:0 auto}@media screen and (min-width: 48em){.magic_panel{width:50%}}.magic_hint{width:100%;font-weight:bold;color:#fff;margin:10px 0;line-height:1.5}.status_panel{width:95%;padding:0;overflow:hidden;position:relative;margin:0 auto}.status_panel.shine{animation:change 3s infinite ease-in-out}.status_panel .bird_bg{position:absolute;width:100%;top:0}.status_panel .light{position:absolute;width:200%;height:200%;margin-left:-50%;margin-top:-50%;background:url(/assets/status/light-aedcc2de726c40afd32aba0ba0cec621308efe83676f2e33420383f3fd9775ff.png) no-repeat center;background-size:contain;animation:loading 15s infinite linear}.status_panel .bird{position:absolute;top:0;width:100%;height:100%}.status_panel .b1{z-index:500;background:url(/assets/status/b1_shadow-4057019f495f95c563b225d033ae06acd1a6af2ed0e424496da53d97339da30a.png) no-repeat center;background-size:contain}.status_panel .b1.clear{background:url(/assets/status/b1-da03d29a2b991eb24ff342cdb0f0c0414e28933cb290cecfff98440cd27aa9c0.png) no-repeat center;background-size:contain;animation:fadeIn 0.8s ease}.status_panel .b2{z-index:600;-webkit-animation-delay:0.3s;animation-delay:0.3s;-webkit-animation-delay:0.3s;animation-delay:0.3s;background:url(/assets/status/b2_shadow-b15dfd9b14506e4a50c05fc35892d67be694fb4ccd04cc52fe4d4569c19c816d.png) no-repeat center;background-size:contain}.status_panel .b2.clear{background:url(/assets/status/b2-5a7fc1c59c6e27afe0f7f394510b1cd08b658a42f3408ec58229f5bdcb5af2ec.png) no-repeat center;background-size:contain;animation:fadeIn 0.8s ease}.status_panel .b3{z-index:400;-webkit-animation-delay:0.6s;animation-delay:0.6s;-webkit-animation-delay:0.6s;animation-delay:0.6s;background:url(/assets/status/b3_shadow-3aa75b3bfeb49b6bab89027dcd498d5ec88a28fd0f9f670d76286d1c5a251c86.png) no-repeat center;background-size:contain}.status_panel .b3.clear{background:url(/assets/status/b3-c4a04e115807a5660fb6999c531c9a8fb45c823797f5210286164f8fb63cf256.png) no-repeat center;background-size:contain;animation:fadeIn 0.8s ease}.status_panel .b4{z-index:300;-webkit-animation-delay:0.9s;animation-delay:0.9s;-webkit-animation-delay:0.9s;animation-delay:0.9s;background:url(/assets/status/b4_shadow-dddb05c4376177f02ebf235fcefb63689f3dc905fa02e3367d0be083393c7e53.png) no-repeat center;background-size:contain}.status_panel .b4.clear{background:url(/assets/status/b4-b9383f90d8be3cc77d078148151fbe3ea286f5bf169225d8325a260ab6a219be.png) no-repeat center;background-size:contain;animation:fadeIn 0.8s ease}.status_panel .b5{z-index:200;-webkit-animation-delay:1.2s;animation-delay:1.2s;-webkit-animation-delay:1.2s;animation-delay:1.2s;background:url(/assets/status/b5_shadow-58a3b345ccc9a6d02600a36ccf2a552a6131674ebe5739f736ece0fceb9d3c17.png) no-repeat center;background-size:contain}.status_panel .b5.clear{background:url(/assets/status/b5-c5bfc6211675eca1a3654ea4e10ae4a9cf12fc10e361456ccbe39e6b38725030.png) no-repeat center;background-size:contain;animation:fadeIn 0.8s ease}.status_panel .b6{z-index:100;-webkit-animation-delay:1.5s;animation-delay:1.5s;-webkit-animation-delay:1.5s;animation-delay:1.5s;background:url(/assets/status/b6_shadow-1981c8b80f267572cbd94172ce51c064372b969c96663598d6c17abf6bf4efb8.png) no-repeat center;background-size:contain}.status_panel .b6.clear{background:url(/assets/status/b6-9233e4a48f62677030b63690d50cff8fc811a77fe876437aef140c94a232d82a.png) no-repeat center;background-size:contain;animation:fadeIn 0.8s ease}.status_panel:after{content:'';display:block;margin-top:115%}@keyframes loading{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes change{0%{background-color:purple}20%{background-color:red}40%{background-color:blue}60%{background-color:orange}80%{background-color:green}90%{background-color:yellow}100%{background-color:purple}}.points_cell{width:90%;height:90%;margin:10px auto;background:url(/assets/bird_bg-d64778a42bcebf8c6f52a1c2554d83ce3234232f161842e4892a47c7b8d2381a.png) #fff center center no-repeat;background-size:cover}.page_ecological .content,.page_ecological_birds .content{padding:0 10px;color:#30190D}.page_ecological .content .photo,.page_ecological_birds .content .photo{margin:20px 0 0px 0;border:5px solid #fff;border-radius:10px}.page_ecological .content .photographer,.page_ecological_birds .content .photographer{text-align:right;margin-bottom:10px}.page_ecological .content .detail,.page_ecological_birds .content .detail{line-height:1.75;background:url(/assets/story_bg3-fab6e728115c4243d816ba916e5fa07f5d9982a075e6cdd1f5c9227c0a31c75a.png) center center repeat;padding:5px 10px 10px 10px;color:#ffffff;border:5px solid #fff;border-radius:10px}.page_ecological .content .detail .sound,.page_ecological_birds .content .detail .sound{color:red;background-color:#eee;padding:2px 5px}.page_ecological hr,.page_ecological_birds hr{border-top:1px solid #30190D}