body .japanese{font-size:1.25rem}#sr-top-jp:focus{top:0;left:50%}.banner_wrap.jp{position:relative;padding:0;z-index:1000;box-shadow:1px 2px 6px rgba(0,0,0,.5);-webkit-box-shadow:1px 2px 6px rgba(0,0,0,.3);-o-box-shadow:1px 2px 6px rgba(0,0,0,.3);-moz-box-shadow:1px 2px 6px rgba(0,0,0,.3);-ms-box-shadow:1px 2px 6px rgba(0,0,0,.3)}.jp_menu_wrap{text-align:center;border-style:solid;border-width:1px 0 0;border-color:rgba(127,127,127,.3)}.scrollfix-top.jp_menu_wrap{background:rgba(255,255,255,.9);box-shadow:1px 2px 6px rgba(0,0,0,.5);-webkit-box-shadow:1px 2px 6px rgba(0,0,0,.3);-o-box-shadow:1px 2px 6px rgba(0,0,0,.3);-moz-box-shadow:1px 2px 6px rgba(0,0,0,.3);-ms-box-shadow:1px 2px 6px rgba(0,0,0,.3)}.jp .logo_box{display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center;padding:.5em 0}.jp .logo_box img{margin-right:.3em;padding-bottom:.5em;width:1.5em}.jp .logo_box .title{font-size:135%}.mobile_logo .title{font-size:1.2rem !important}.jp_menu_box ul{margin:0;padding:0}.jp_menu_box ul li{position:relative;display:inline-block;padding-right:.3em;border:0 solid green}.jp_menu_box ul li>a{display:block;padding:.5em .9em;font-size:120%}.jp_menu_box ul li:hover>a,.jp_menu_box ul li a:hover{background:rgba(127,127,127,.1)}.jp_menu_box li a span{display:block;line-height:1;font-size:85%;opacity:.7}.jp_menu_box ul ul{position:absolute;display:block;z-index:1000;left:-9999px;margin:0;padding:0;min-width:14em;text-align:left;background-color:rgba(255,255,255,.9);box-shadow:1px 2px 6px rgba(0,0,0,.5);-webkit-box-shadow:1px 2px 6px rgba(0,0,0,.5);-o-box-shadow:1px 2px 6px rgba(0,0,0,.5);-moz-box-shadow:1px 2px 6px rgba(0,0,0,.5);-ms-box-shadow:1px 2px 6px rgba(0,0,0,.5)}.jp_menu_box ul li:hover>ul{left:0;top:100%}.jp_menu_box ul ul li{position:relative;display:block;padding:0;margin:0}.jp_menu_box ul ul li:not(:last-of-type){border-bottom:1px dashed rgba(0,0,0,.3)}.jp_menu_box ul ul li a{padding-top:.5em;padding-bottom:.5em}.jp_menu_box ul ul li:hover{background:rgba(127,127,127,.1)}.jp_menu_box ul ul li:hover>ul{position:absolute;left:100%;top:0}.jp_menu_box ul>li.menu-item-has-children>a:after,.jp_menu_box ul>li.page-item-has-children>a:after{position:absolute;right:.3em;top:.5em;font-family:"Font Awesome 5 Free";font-weight:900;content:"\f107"}.jp_menu_box ul ul li.menu-item-has-children>a:after,.jp_menu_box ul ul li.page-item-has-children>a:after{position:absolute;vertical-align:bottom;right:.7em;display:inline;font-family:"Font Awesome 5 Free";font-weight:900;content:"\f105"}.jp_menu_box li.current-menu-item>a,.jp_menu_box li.current-menu-parent>a,.jp_menu_box li.current-menu-ancestor>a,.jp_menu_box li.current-post-ancestor>a,.jp_menu_box li.current-category-parent>a,.jp_menu_box li.current-category-ancestor>a{color:#ac1616}.jp_menu_box ul ul li.current-menu-item a,.jp_menu_box ul ul li.current-menu-parent>a,.jp_menu_box ul ul li.current-menu-ancestor>a,.jp_menu_box ul ul li.current-post-ancestor>a,.jp_menu_box ul ul li.current-category-parent>a,.jp_menu_box ul ul li.current-category-ancestor>a{color:#ac1616}.jp_menu_box li.chinese a{background-color:#e42121;color:#fff;border-radius:3px;padding-top:.2em;padding-bottom:.2em}.jp_menu_box li.chinese a:hover{background-color:#ac1616}.japanese .footer_content{text-align:center}.japanese ul.jp_footer li{display:inline-block;margin-right:2em}.japanese ul.jp_footer li a{color:#fff}.japanese ul.jp_footer li a:hover{color:#ff0}.japanese .jp_action{text-align:center;margin:2em auto 0}.japanese .jp_action a{display:inline-block;padding:.4em .8em .3em;border-radius:4px;font-size:110%;background:#ac1616;color:#fff;word-spacing:.5em}.japanese .jp_action a:hover{background:#175b96}.page_title.japanese{text-align:center;margin-bottom:1em;font-size:200%}.japanese .page_title.default span.title:before{content:''}.japanese #main-content{min-height:20em}@media only screen and (min-width:768px) and (max-width:1199px){.jp .banner_content,.jp .banner_content .logo_box,.jp .banner_content .jp_menu_box{display:block;width:100%;margin:0;padding:0;text-align:center}}#mobile_wrap .mobile_logo.jp img{width:2em;margin-right:.5em}#mobile_wrap .mobile_logo.jp .title{display:inline-block;font-size:1.4rem;line-height:inherit}p.sitemap_jp{text-align:right;padding:.2em 0}p.sitemap_jp a{display:inline-block;padding:.1em .5em;border-radius:3px;background-color:#175b96;color:#fff;font-size:80%}.sitemap_jp_title{position:relative;padding-bottom:3px}.sitemap_jp_title .title{font-weight:600;color:#661a00}.sitemap_jp_title span:before{content:url(//www.shsh.ylc.edu.tw/wp-content/plugins/online-japanese/css/guide_icon.png);margin-right:.3em}.sitemap_jp_title:after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:1px;border:0;background:rgba(244,110,39,.3)}ul.tree4{margin-left:2em}ul.tree4 button{display:inline-block;padding:0;margin:0 .35em 0 .2em;line-height:1;width:1.5em;height:1.5em;vertical-align:middle;text-align:center;opacity:.85}ul.tree4 li,ul.tree4 li ul li{position:relative;line-height:1.7}ul.tree4 ul{margin-left:2em}ul.tree4 a{border:0 solid red;padding-top:.2em;padding-bottom:.2em}ul.tree4 a,ul.tree4 li.file a:before{padding-left:.2em;padding-right:.2em}ul.tree4 li.file a:before{font-family:"Font Awesome 5 Free";content:'\f15b';font-weight:400;display:inline;opacity:.7;padding-right:.4em}ul.tree4 li.hasSubmenu>a{border:0 solid green;line-height:2.2}ul.tree4 li:not(.file)>a,ul.tree4 li.hasSubmenu>a{color:#175b96;font-weight:600}ul.tree4 li.file a{color:inherit;overflow:hidden}ul.tree4 li:before{position:relative;content:"";display:inline-block;width:1em;height:0;left:0;top:-.4em;border-top:1px dashed}ul.tree4 li:last-child button:before{position:absolute;content:'';display:inline-block;width:1px;height:.8em;left:0;top:0;border-left:1px dashed}ul.tree4>li:last-child:after,ul.tree4 li ul li:last-child:after{content:'';display:block;width:1px;height:51%;position:absolute;bottom:0;left:-1px;border:2px solid #fff}ul.tree4 li a:hover{box-shadow:0 0 0 2px #f93 inset}