@charset "utf-8";
/* CSS Document */
.display { display: none; }
#logo  { padding:15px 0 0 10px; height: 84px;font-size: 34px; text-transform: none; color: #FFFFFF; }

/*mobile nav*/
@media (max-width: 750px) {
.none { display: none; }
.display { display: block }
body { background: none; }
.overflow-h { position: fixed; width: 100%; }
table { width: 100%; word-wrap: break-word; word-break: normal; }
#logo { width: 100%; height: 8rem; background-size: cover; font-size: 1.3rem; text-align: center; margin: 0 auto;}
#logo h1 { font-size: 1.3rem; width: 80%; text-align: center; margin: 0 auto; }

#logo p { font-size: 1rem; text-align: center; margin-left: 0; }
#header { width: 100%; height: auto; }
.navLogo { display: block; width: 1.6rem; height: 1.6rem; position: absolute; left: 0.4rem; top: 1rem; background: transparent; z-index: 999; transition: left 0.5s linear; }
.on { position: fixed; }
.navLogo::before { content: ''; width: 100%; height: 1.4rem; position: absolute; top: 0; left: 0.2rem; background: url(/images/nav.png) no-repeat center; background-size: contain; transition: 0.5s linear; }
.on::before { content: ''; width: 100%; height: 1.2rem; position: absolute; top: 0; left: 0.2rem; background: url(/images/nav-close.png) no-repeat left; background-size: contain; transition: 0.5s linear; }
#menu { width: 100%; }
.navList { float: left; height: 100%; width: 100%; position: fixed; top: 0; left: -104%; background: #333; overflow-y: scroll; transition: left 0.5s linear; padding-left: 0 !important; }
.nav-left { left: 0; }
#menu ul { width: 100%; padding: 48px 0px 0px 5px; z-index: 99; }
#menu li { width: 100%; box-sizing: border-box; }
#menu a { display: block; float: left; margin-right: 3px; text-decoration: none; color: #fff; width: 80%; padding: 0.5rem 0.9rem; font-size: 1rem; font-weight: 500; }
#menu a:hover { color: #fff; height: auto; background: none !important; text-decoration: none; }
#menu ul ul { transition: 0.5s linear; }
.lang { width: 100%; }
.lang i { width: 40px; height: 15px; box-sizing: border-box; display: block; margin: 0 5px; padding: 1.1rem 0.9rem; background-size: 60%; background-position: 50% 50%; -webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s; position: absolute; right: 0px; }
.plus { background: url(/images/arrow_down.png) no-repeat; }
.reduce { background: url(/images/arrow_up.png) no-repeat; }
.lang ul { position: initial!important; top: 0; background: #565656; width: 98% !important; left: 0; margin-right: 0 !important; box-shadow: none; padding-top: 0!important; margin-top: 2%!important; }
.lang ul li { /*padding: 0.3rem 0.5rem !important;*/ margin: 0; }
.lang ul li a { padding: 0.4rem 0.5rem !important; margin: 0; }
.lang:hover ul { display: none; }
#page { width: 100%; }
#content { box-sizing: border-box; width: 100%; padding: 0 5%; float: initial; }
.post { font-size: 0.9rem; }
.post h1 { width: 100%; font-weight: 600; }
.post p { line-height: 1.4; text-align: left; }
.post .entry p { font-size: 15px; line-height: 22px; text-align: left; }
.post .title { margin: 0 0 9% 0; height: 4rem; }
.post { border-style: none!important; padding: 0!important; }
.post div ul { padding-left: 8px; }
#sidebar { float: none; width: 100%; padding-left: 0; }
#sidebar ul { padding: 0 5%; }
#sidebar ul ul { padding: 0; }
#sidebar ul h2 { padding: 0; }
#sidebar li li { padding-left: 0; padding-right: 0; }
.entry p img { width: 90%; height: auto; padding: 1rem 0; }
.entry li { font-size: 1rem; margin: 0 0 0.8rem 0; line-height: 1.4; }
.entry ol { margin-left: 0; padding-left: 17px; }
.entry li a { text-decoration: none; }
.left { width: auto !important; height: 150px !important; }
.center { text-align: center; }
.center a img { width: auto; }
.display { display: flex; text-align: center; }
.display a { width: 50%; }
.display img { width: 90%; }
.width30 { display: block; }
.width30 img { width: 100px!important; height: 30px!important; }
#sidebar ul li:first-child { display: none; }
#sidebar a { font-size: 1rem; }
#footer-bgcontent { /*display: none;*/ }
#footer { width: 90%; padding: 0.4rem 0; }
ul, ol { text-align: left; }
.entry ul h3 { text-align: left; word-wrap: break-word; word-break: normal; }
.post table { }
.post table td { padding: 0.2rem; font-size: 0.8rem; width: 48%; }
.post table td img { max-width: 7rem; height: auto; }
}