@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap");body{font-family:"Roboto", "Microsoft JhengHei", "Arial", Helvetica, sans-serif}body.text{padding:1rem}body.text a{color:#0067A3}body.text a:hover{text-decoration:underline}body.text header .topbar{margin:2rem 0 0 0;height:40px}body.text .txt-img{display:block;margin:1rem 0}body.text #middle-earth{display:-webkit-box;display:-ms-flexbox;display:flex}body.text #middle-earth .lmenu{display:none}body.text #middle-earth #main-content{width:100%;overflow-x:hidden}body.text #middle-earth #main-content #content-area{margin:0;padding:6rem 0 2rem 0}body.text #middle-earth #main-content #content-area *:not(.st){text-align:justify}@media screen and (min-width: 1024px){body.text #middle-earth #main-content{width:100%;margin:0}}body.text #middle-earth #main-content a,body.text #middle-earth #main-content button{color:#0067A3}body.text #middle-earth #main-content a:hover,body.text #middle-earth #main-content button:hover{text-decoration:underline}body.text #middle-earth #main-content .banner{position:relative}body.text #middle-earth #main-content .banner .topic{margin-top:4rem;position:absolute;top:50%;left:0;-webkit-transform:translate(0%, -50%);-ms-transform:translate(0%, -50%);transform:translate(0%, -50%)}@media only screen and (max-width: 600px){body.text #middle-earth #main-content .banner .topic{left:0}}body.text #middle-earth #main-content .banner .topic>div:nth-child(1){font-weight:bold}@media screen and (max-width: 1023px){body.text #middle-earth #main-content .banner .topic>div:nth-child(1){font-size:80%}}body.text #middle-earth #main-content .banner .topic h1{font-size:250%;line-height:1}@media screen and (max-width: 1023px){body.text #middle-earth #main-content .banner .topic h1{font-size:150%}}@media only screen and (max-width: 600px){body.text #middle-earth #main-content .banner .topic h1{font-size:112%}}body.text #middle-earth #main-content .banner .topic h1 span{display:block}body.text #middle-earth #main-content .control{display:block;padding:1rem 0;border-top:1px solid #e5e7eb}body.text #middle-earth #main-content .control>button{width:auto;display:inline-block;padding:0;margin:0;background:none}body.text #middle-earth #main-content .control>button:hover{text-decoration:underline}body.text #middle-earth #main-content .control>button::after{content:'|';padding:0 .5rem}body.text #middle-earth #main-content ul.ml-3{margin-left:3rem}body.text #middle-earth #main-content ul.ul--dot{list-style-type:disc}body.text #sitemap{margin:0;padding-top:4rem}.list_related,.list_chapers{border-top:1px solid #e5e7eb;padding:1rem 0}.map-section{margin:3rem 0}
