<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}html{height:100%}body{margin:0;padding:0;border:none 0;font-size:90%;font-family:微軟正黑體,新細明體,Arial,Helvetica,"儷黑體 Pro",monospace,"sans-serif";min-width:320px}@media screen and (min-width: 320px) and (max-width: 359px){body{width:100%}}*,*:after,*:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0;margin:0}strong{font-weight:bold}.pure-table{border-collapse:collapse;border-spacing:0;empty-cells:show;border:1px solid #cbcbcb}.pure-table caption{color:#000;font:italic 85%/1 arial,sans-serif;padding:1em 0;text-align:center}.pure-table td,.pure-table th{border-left:1px solid #cbcbcb;border-width:0 0 0 1px;font-size:inherit;margin:0;overflow:visible;padding:.5em 1em}.pure-table td:first-child,.pure-table th:first-child{border-left-width:0}.pure-table thead{background-color:#e0e0e0;color:#000;text-align:left;vertical-align:bottom}.pure-table td{background-color:transparent}.pure-table-odd td{background-color:#f2f2f2}.pure-table-striped tr:nth-child(2n-1) td{background-color:#f2f2f2}.pure-table-bordered td{border-bottom:1px solid #cbcbcb}.pure-table-bordered tbody&gt;tr:last-child&gt;td{border-bottom-width:0}.pure-table-horizontal td,.pure-table-horizontal th{border-width:0 0 1px;border-bottom:1px solid #cbcbcb}.pure-table-horizontal tbody&gt;tr:last-child&gt;td{border-bottom-width:0}.btn,botton,input[type=submit],input[type=reset]{-webkit-appearance:none;width:auto;border:none;color:#fff;background-color:#999}.link_more_div{margin:0 auto;text-align:center;width:4rem}.sidebar{width:250px;position:fixed;top:50px;left:0;bottom:0;background:#448AFF;color:#ffffff;padding:2em;text-align:center;z-index:100;display:none}.sidebar ul{list-style:none}.sidebar ul li a:link,.sidebar ul li a:visited{text-decoration:none;color:#fff;display:block;padding:1em 0;box-sizing:inherit}.sidebar ul li a:hover{border:1px solid #fff}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{content:" ";display:table}.clearfix:after{clear:both}.container{width:100%;position:relative}.container&gt;header{width:90%;max-width:1240px;margin:0 auto;position:relative;padding:0 30px 50px 30px}.nav_title{margin:0 auto;padding:10px;text-align:center;width:100%}@media screen and (max-width: 768px){.nav_title{float:right;width:190px;margin:0;padding:0;text-align:center;position:relative;line-height:3rem}}.nav_title form{display:block;vertical-align:middle;margin:0 auto;width:190px}.nav_title form input[type=text]{width:120px;font-size:1rem;line-height:1.5rem}.nav_title form input[type=submit]{width:3em;padding:0;font-size:1rem;line-height:1.5rem;border-radius:0;border:none}.codrops-top{line-height:1.8rem;font-size:1rem;text-transform:uppercase;z-index:3;position:fixed;width:100%;display:block}@media screen and (max-width: 360px){.codrops-top{height:85px}}.codrops-top #nav_menu_div{background-color:#000;color:#ffffff}.codrops-top #nav_menu_div&gt;ul{font-size:16px;list-style:none;padding:10px 0}@media screen and (max-width: 480px){.codrops-top #nav_menu_div&gt;ul{padding:0}}.codrops-top #nav_menu_div&gt;ul.left{float:left}.codrops-top #nav_menu_div&gt;ul.right{float:right}.codrops-top #nav_menu_div&gt;ul&gt;li{line-height:16px;margin:0;padding:10px;display:inline-block}@media screen and (max-width: 800px){.codrops-top #nav_menu_div&gt;ul&gt;li{padding:3px}}@media screen and (max-width: 640px){.codrops-top #nav_menu_div&gt;ul&gt;li{padding:0}}.codrops-top #nav_menu_div&gt;ul&gt;li.current a:link,.codrops-top #nav_menu_div&gt;ul&gt;li.current a:visited{background:#A21E2C;color:#ffffff;font-weight:bold}.codrops-top #nav_menu_div&gt;ul&gt;li.current a:hover{background-color:#cc0000;color:#ffffff}.codrops-top #nav_menu_div&gt;ul&gt;li&gt;a:link,.codrops-top #nav_menu_div&gt;ul&gt;li a:visited{color:#ffffff;text-decoration:none;border:0;margin:0;padding:6px 12px;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px}@media screen and (max-width: 549px){.codrops-top #nav_menu_div&gt;ul&gt;li&gt;a:link,.codrops-top #nav_menu_div&gt;ul&gt;li a:visited{padding:2px 4px;margin:0}}.codrops-top #nav_menu_div&gt;ul&gt;li&gt;a:hover{background-color:#cc0000;color:#ffffff}#top_log_div{clear:both;margin:0 auto;padding:0.5rem 0;text-align:center;width:124px;position:relative}@media screen and (min-width: 446px) and (max-width: 550px){#top_log_div{top:0;margin:0 auto;position:relative;width:100%}}@media screen and (max-width: 445px){#top_log_div{clear:none;margin:0;padding:0;text-align:left;top:30px;left:0;position:absolute}}header{position:relative;top:116px;padding:0;text-align:center;background-color:#000;color:#ffffff}@media screen and (max-width: 480px){header{top:76px}}header h1{color:#fff;font-weight:600;line-height:1.7rem;margin:0 auto;padding:0.4em 0;text-align:center}header h1 a:link,header h1 a:visited{text-decoration:none;border:1px solid #FFF;border-radius:0.2rem;color:#fff;font-size:1.2rem;padding:0 0.5em;margin-right:0.2rem;font-weight:normal}header h1 a:hover{color:#f00}.main_menu{clear:both;line-height:2rem;padding:0;text-align:center}.main_menu ul{display:block;list-style:outside none none;margin:0;padding:0}.main_menu ul li{border-right:1px solid #999;display:inline-block;margin:0}.main_menu ul li a:link,.main_menu ul li a:visited{color:#000;display:block;padding:0.5rem 2rem;text-decoration:none}.main_menu ul li a:hover{color:#f00}ul.menu_btn{display:block;list-style:none;margin:0;padding:0;text-align:center}ul.menu_btn li{display:inline-block;margin:0;padding:0.5em}ul.menu_btn li a:link,ul.menu_btn li a:visited{border-bottom:1px solid #990000;text-decoration:none;padding:0;display:block;color:#000}ul.menu_btn li a:hover{color:#990000}#nav_menu_btn{display:none;border:1px solid #f00;border-radius:50%;cursor:pointer;float:left;height:34px;width:34px;left:10px;position:relative;top:10px}#open_menu_btn{width:32px;height:32px;display:block;margin:0}div.main{position:relative;top:116px;z-index:1}@media screen and (min-width: 480px) and (max-width: 768px){div.main{width:100%}}@media screen and (max-width: 480px){div.main{top:116px;overflow:auto}}#status{display:none;opacity:0;position:fixed;right:65px;top:56px;background:rgba(0,0,0,0.8);padding:20px;border-radius:10px;z-index:2}.og-grid{list-style:none;padding:1rem 0;margin:0 auto;text-align:center;width:100%;display:block;position:relative;font-size:0}.og-grid&gt;li{display:inline-block;margin:1rem 4px 0 1rem;vertical-align:top;height:190px;min-width:100px;list-style:none;background-color:#ffffff;background-position:center center;background-repeat:no-repeat;line-height:190px}@media screen and (min-width: 1280px){.og-grid&gt;li{width:auto}}@media screen and (min-width: 641px) and (max-width: 1279px){.og-grid&gt;li{height:190px;line-height:190px;width:9%;margin:0 1.1% 10px 0;font-size:0}}@media screen and (min-width: 481px) and (max-width: 640px){.og-grid&gt;li{height:170px;line-height:170px;min-width:60px;width:16%;margin:0 2% 10px 0;font-size:0}.og-grid&gt;li:nth-child(6n){margin-right:0}}@media screen and (min-width: 360px) and (max-width: 480px){.og-grid&gt;li{height:170px;line-height:170px;min-width:40px;width:23.5%;margin:0 2% 10px 0;text-align:center;background-color:#fff;font-size:0}.og-grid&gt;li:nth-child(4n){margin-right:0}}@media screen and (max-width: 359px){.og-grid&gt;li{height:145px;line-height:145px;min-width:40px;width:30%;margin:0 5% 10px 0;text-align:center}.og-grid&gt;li:nth-child(3n){margin-right:0}}.og-grid&gt;li&gt;a{border:none;outline:none;display:block;position:relative;font-size:1rem}.og-grid&gt;li&gt;a&gt;img{display:block;width:100%;min-width:80px;max-height:180px;vertical-align:middle;-webkit-transition:opacity 0.4s;-moz-transition:opacity 0.4s;-ms-transition:opacity 0.4s;transition:opacity 0.4s;margin:0 auto}@media screen and (min-width: 1200px){.og-grid&gt;li&gt;a&gt;img{height:180px;max-height:180px}}@media screen and (min-width: 641px) and (max-width: 1280px){.og-grid&gt;li&gt;a&gt;img{height:190px}}@media screen and (min-width: 481px) and (max-width: 640px){.og-grid&gt;li&gt;a&gt;img{height:170px}}@media screen and (min-width: 360px) and (max-width: 480px){.og-grid&gt;li&gt;a&gt;img{height:170px}}@media screen and (max-width: 359px){.og-grid&gt;li&gt;a&gt;img{height:145px}}.og-grid li.og-expanded&gt;a::after{top:auto;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-bottom-color:#F00;border-width:15px;left:50%;margin:-1rem 0 0 -1rem}.og-grid li span.title{width:100%;height:1.5em;line-height:1.5em;background-color:rgba(250,250,250,0.8);color:#000;overflow:hidden;position:absolute;text-align:center;top:0;left:0;border-bottom:1px solid #aaaaaa}.og-expander{position:absolute;background:#222 none repeat scroll 0 0;color:#d6d6d6;top:auto;left:0;width:100%;margin-top:1rem;text-align:left;height:0;overflow:hidden}@media screen and (max-width: 830px){.og-expander h3{font-size:32px}.og-expander p{font-size:13px}.og-expander a{font-size:12px}}@media screen and (max-width: 480px){.og-expander h3{font-size:1rem}.og-expander p{font-size:0.5rem}.og-expander a{font-size:0.5rem}}.og-expander-inner{padding:2rem 1rem;height:100%;font-size:1rem;line-height:1.5rem}.og-close{position:absolute;width:40px;height:40px;top:20px;right:20px;cursor:pointer;z-index:10}.og-close::before,.og-close::after{content:'';position:absolute;width:100%;top:50%;height:1px;background:#888;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);transform:rotate(45deg)}.og-close::after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg)}.og-close:hover::before,.og-close:hover::after{background:#333}.og-fullimg,.og-details{width:49%;float:left;height:100%;overflow:hidden;position:relative;padding:0 2rem 0 1rem}.og-fullimg h3,.og-details h3{font-weight:300;font-size:2rem;padding:0;margin-bottom:0;line-height:2.5rem}@media screen and (max-width: 480px){.og-fullimg h3,.og-details h3{font-size:1rem;line-height:1.5rem;border-bottom:4px double #ffffff}}.og-fullimg p,.og-details p{font-weight:400;font-size:1rem;line-height:1.2rem;color:#999}.og-fullimg a,.og-details a{font-weight:700;font-size:1.2rem;color:#999;text-transform:uppercase;letter-spacing:0.2rem;padding:1rem 2rem;border:3px solid #333;display:inline-block;margin:1rem 0 0;outline:none;text-decoration:none}.og-fullimg a::before,.og-details a::before{display:inline-block;margin-right:1rem}.og-fullimg a:hover,.og-details a:hover{border-color:#999;color:#999}.og-fullimg a.link-button,.og-details a.link-button{font-size:11px;padding:8px 10px;background-color:#454545;background:-moz-linear-gradient(top, #303030 0, #262626);background:-webkit-gradient(linear, left top, left bottom, from(#303030), to(#262626));-moz-border-radius:1px;-webkit-border-radius:1px;border-radius:1px;border:1px solid #141414;text-shadow:0 -1px 0 rgba(41,41,41,0.7),0 1px 0 rgba(3,3,3,0.3);white-space:normal;word-wrap:normal;color:#9f9f9f !important;cursor:pointer !important;font-weight:bold;text-align:center;margin-right:10px}@media screen and (max-width: 650px){.og-fullimg a.link-button,.og-details a.link-button{font-size:0.8rem;padding:0.2rem 0.4rem;margin-right:0.5rem;margin-top:0.5rem}}.og-fullimg{text-align:center;vertical-align:middle;overflow:hidden}@media screen and (max-width: 767px){.og-fullimg{width:30%}}@media screen and (max-width: 680px){.og-fullimg{display:none}.og-fullimg a{padding:1em}}.og-fullimg img{display:inline-block;max-height:100%;max-width:100%}@media screen and (max-width: 767px){.og-details{overflow:auto;width:70%}.og-details h3{font-size:1rem;width:70%}.og-details p{height:auto;overflow:auto;max-height:6rem}.og-details a{font-size:1rem;padding:1rem}}@media screen and (max-width: 680px){.og-details{float:none;width:100%}.og-details p{font-size:1rem;max-height:5rem}.og-details a{padding:0.6rem;font-size:1.1rem}}.og-loading{width:20px;height:20px;border-radius:50%;background:#ddd;box-shadow:0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ccc;position:absolute;top:50%;left:50%;margin:-25px 0 0 -25px;-webkit-animation:loader 0.5s infinite ease-in-out both;-moz-animation:loader 0.5s infinite ease-in-out both;animation:loader 0.5s infinite ease-in-out both}#nav_logo{display:inline-block;vertical-align:middle}@-webkit-keyframes loader{0%{background:#ddd}33%{background:#ccc;box-shadow:0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd}66%{background:#ccc;box-shadow:0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc}}@-moz-keyframes loader{0%{background:#ddd}33%{background:#ccc;box-shadow:0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd}66%{background:#ccc;box-shadow:0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc}}@keyframes loader{0%{background:#ddd}33%{background:#ccc;box-shadow:0 0 1px #ccc, 15px 30px 1px #ccc, -15px 30px 1px #ddd}66%{background:#ccc;box-shadow:0 0 1px #ccc, 15px 30px 1px #ddd, -15px 30px 1px #ccc}}#u2-mascot-img{height:100px;position:absolute;bottom:0;left:50%;margin-left:-136px}@media screen and (max-width: 779px){#u2-mascot-img{display:none}}#go_top{background-color:rgba(0,0,0,0.7);border-radius:50%;bottom:3rem;color:#ffffff;height:3rem;line-height:3rem;position:fixed;right:3rem;text-align:center;width:3rem;z-index:1000}#go_top a:link,#go_top a:visited{color:#ffffff;text-decoration:none;cursor:pointer;display:block}#go_top a:hover{color:#f00}#floot_div_out{position:relative;top:116px;width:100%;background-color:#292837;color:#ffffff}#floot_div{width:100%;margin:0 auto}@media screen and (min-width: 320px) and (max-width: 359px){#floot_div{height:auto}}@media screen and (min-width: 640px){#floot_div{width:100%}}@media screen and (min-width: 1680px){#floot_div{width:1680px}}#floot_div .left{padding:1rem;float:left}@media screen and (min-width: 320px) and (max-width: 449px){#floot_div .left{float:none;width:100%}}@media screen and (min-width: 450px){#floot_div .left{width:30%}}@media screen and (min-width: 1680px){#floot_div .left{width:304px}}#floot_div .right{position:relative;float:right;margin-top:40px;padding:1rem}@media screen and (min-width: 320px) and (max-width: 449px){#floot_div .right{float:none;width:100%;margin-top:0;padding:1rem 0}}@media screen and (min-width: 450px){#floot_div .right{min-width:450px}}@media screen and (min-width: 980px){#floot_div .right{width:600px}}#floot_menu{list-style:none;padding:0;float:right;text-align:center}#floot_menu li{float:left;border-right:1px solid #999;display:inline-block;text-align:center}#floot_menu li a:link,#floot_menu li a:visited{padding:0.5rem 1rem;display:block;border-right:1px solid #ffffff;color:#ffffff;text-align:center;text-decoration:none}@media screen and (min-width: 320px) and (max-width: 480px){#movie_grid{width:100%;display:block;clear:both;margin:0 auto}}.nmpd-grid{background-color:rgba(0,0,0,0.5);border-color:#ddd;color:#333;padding:1rem;position:relative;top:0;left:0}.nmpd-grid .nmpd-display{display:block;font-size:1rem;margin:1rem;padding:0.5em}.nmpd-grid button{padding:1em}#nmpd999{position:absolute;z-index:9999}#maker_info_div{clear:both;font-size:0.8em;margin:1rem 0;position:relative;text-align:center;width:100%;color:#aaaaaa}#maker_info_div a:link,#maker_info_div a:visited{text-decoration:none;color:#CCCCCC}.level_icon{background:#000 none repeat scroll 0 0;border:1px solid #fff;border-radius:50%;color:#ffffff;display:block;float:left;font-size:1rem;height:1.5em;line-height:1em;overflow:hidden;padding-top:0.2em;position:relative;text-align:center;width:1.5em}.level_icon_1{background-color:#58B530}.level_icon_2{background-color:#00A0EA}.level_icon_3{background-color:#FDD100}.level_icon_4{background-color:#FDD100}.level_icon_5{background-color:#EE7700}.level_icon_6{background-color:#E70012}#search_function_div{width:100%;text-align:center;padding:0 0 1rem;display:none}#search_function_div button{margin:0 1rem;line-height:2rem;padding:0 1rem}#search_function_div button:hover{cursor:pointer}#search_function_div button.enable{background-color:#2A2;color:#ffffff}#movie_tag_group_menu{display:table}@media screen and (max-width: 480px){#movie_tag_group_menu{display:block;width:100%;overflow:hidden}}#movie_tag_group_menu .group_menu_tr{background:#000 none repeat scroll 0 0;color:#ffffff;display:table-row;vertical-align:top;width:100%}#movie_tag_group_menu .group_menu_tr:nth-child(1){background-image:url(/images/bg232.png)}@media screen and (max-width: 480px){#movie_tag_group_menu .group_menu_tr:nth-child(1) .tag_item_td:nth-child(1){display:none}#movie_tag_group_menu .group_menu_tr:nth-child(1) .tag_item_td:nth-child(2){width:100%;display:block;margin:0 auto;text-align:center}}@media screen and (max-width: 480px){#movie_tag_group_menu .group_menu_tr{height:2rem;line-height:1.5rem;overflow:hidden;display:block;width:100%}}#movie_tag_group_menu .group_menu_tr a:link,#movie_tag_group_menu .group_menu_tr a:visited{border:1px solid #ccc;border-radius:0.2rem;color:#fff;line-height:2rem;text-decoration:none}@media screen and (max-width: 480px){#movie_tag_group_menu .group_menu_tr a:link,#movie_tag_group_menu .group_menu_tr a:visited{line-height:0.8rem}}#movie_tag_group_menu .group_menu_tr a:link.selected,#movie_tag_group_menu .group_menu_tr a:visited.selected{background-color:#2A2}#movie_tag_group_menu .group_menu_tr .tag_item_td{border-bottom:1px dotted #999;display:table-cell;padding:0.5rem 1rem}@media screen and (max-width: 480px){#movie_tag_group_menu .group_menu_tr .tag_item_td{height:2rem;line-height:1rem;overflow:auto;padding:1px;display:block;float:left}}#movie_tag_group_menu .group_menu_tr .tag_item_td:nth-child(1){text-align:center;width:20%}@media screen and (max-width: 480px){#movie_tag_group_menu .group_menu_tr .tag_item_td:nth-child(1){width:30%}#movie_tag_group_menu .group_menu_tr .tag_item_td:nth-child(1) a{line-height:1.5rem}}#movie_tag_group_menu .group_menu_tr .tag_item_td:nth-child(2){text-align:left;width:80%}@media screen and (max-width: 480px){#movie_tag_group_menu .group_menu_tr .tag_item_td:nth-child(2){width:70%}}#movie_tag_group_menu .group_menu_tr .tag_item_td .checkbox_container{display:inline-block}#movie_tag_group_menu .group_menu_tr .tag_item_td ul{display:block}@media screen and (max-width: 480px){#movie_tag_group_menu .group_menu_tr .tag_item_td ul{width:auto;height:1.6rem;line-height:1.6rem}}#movie_tag_group_menu .group_menu_tr .tag_item_td ul li{display:inline-block;margin:0 1rem 0 0}.checkbox_container{background:transparent linear-gradient(#d3d3d3,#f3f3f3,#d5d5d5) repeat scroll 0 0;border-radius:8px;box-shadow:0 1px 0 1px #8b8b8b inset, 0 1px 0 1px white;height:2rem;margin:1rem auto;padding:2px;position:relative;width:6rem}@media screen and (max-width: 480px){.checkbox_container{margin:1px;padding:1px;height:1.4rem}}.checkbox_container .right,.checkbox_container .left{border-radius:1rem;float:left;font-family:helvetica;font-size:0.7rem;line-height:1.8rem;text-align:center;text-shadow:2px 2px 0 white;transition:all 0.2s linear 0s;width:2.8rem}@media screen and (max-width: 480px){.checkbox_container .right,.checkbox_container .left{line-height:1.4rem}}.checkbox_container .left{color:red}.checkbox_container .right{color:grey}.checkbox_container .slider{background:rgba(9,9,9,0.08) none repeat scroll 0 0;border:1px solid #9d6e90;border-radius:8px;box-shadow:0 1px 1px 1px #656565 inset, 0 0 0 2px #bbbbbb;height:1.7rem;left:2px;position:absolute;top:3px;transition:all 0.3s ease-out 0s;width:2.8rem}@media screen and (max-width: 480px){.checkbox_container .slider{height:1.1rem;border-radius:5px}}.checkbox_container .checkbox,.checkbox_container .radio{display:none}.checkbox_container label{display:block;position:absolute;z-index:999;height:100%;width:100%;cursor:pointer}.checkbox_container #choose_type:checked ~ .slider{left:3rem}.checkbox_container #choose_type:checked ~ .left{color:grey}.checkbox_container #choose_type:checked ~ .right{color:green;text-shadow:0 0 10px green}#clean_select_tags_btn,.checkbox_label{display:inline-block;height:1.8rem;margin:1rem 1rem 1rem 0;padding:2px;position:relative;width:auto;vertical-align:top;line-height:1.8rem;color:#333}@media screen and (max-width: 480px){#clean_select_tags_btn,.checkbox_label{margin:0 1rem 0 0;line-height:1rem}}#clean_select_tags_btn{line-height:1rem}@media screen and (max-width: 480px){#clean_select_tags_btn{line-height:0.8rem;height:1.6rem}}#zhuyin_keyboard_div{width:100%;max-width:500px;display:none;margin:0 auto;background-image:url(/images/bg232.png);text-align:center;padding:1rem;font-size:0}@media screen and (max-width: 480px){#zhuyin_keyboard_div{padding:0}}#zhuyin_keyboard_div .key_line{width:100%;margin:0 0 1rem}@media screen and (max-width: 480px){#zhuyin_keyboard_div .key_line{margin:0 0 0 0}}#zhuyin_keyboard_div .key_1{border:1px solid #000;background-color:#DEDEDE;color:#000000;box-shadow:1px 1px 3px #666;font-size:1rem;font-weight:bold;width:2rem;height:2rem;line-height:2rem;text-align:center;display:inline-block}@media screen and (max-width: 480px){#zhuyin_keyboard_div .key_1{font-size:1rem;font-weight:normal;width:1.5rem;height:1.5rem;line-height:1.5rem;margin-bottom:3px}}#zhuyin_keyboard_div .key_1:hover{box-shadow:0 0 0 #333;cursor:pointer;color:#ff5843;border-color:#ff5843}#zhuyin_keyboard_div .key_2{color:#965600}#zhuyin_keyboard_div .key_3{color:#0000c2}#zhuyin_keyboard_div div.disable{box-shadow:1px 1px 3px #666}#zhuyin_keyboard_div div.disable:hover{box-shadow:1px 1px 3px #666;cursor:auto;color:#000;border-color:#000}#choose_zhuyin_div{width:100%;font-size:0;text-align:center}#choose_zhuyin_div div{width:4rem;height:4rem;line-height:3.2rem;color:#00a63f;text-align:center;border:#ff0000 4px double;font-size:4rem;vertical-align:middle;display:inline-block;margin-right:2rem;text-indent:-3px}@media screen and (max-width: 480px){#choose_zhuyin_div div{margin-right:0}}#choose_zhuyin_div div:last-child{margin-right:0;font-size:1rem;line-height:3rem;text-indent:0}
</pre></body></html>