@charset "utf-8";
.content figure.postimg {
text-align: left;
}
.button.is-primary, .button.is-info {
background-color: #F75748!important;
}
.button.is-primary:hover, .button.is-info:hover {
background-color: #000!important;
}
.aside {
padding: 2em .5em 0 .5em;
height: calc(100vh - 60px);
overflow: hidden;
transition: 0.2s width ease-out;
position: fixed;
top: 60px;
left: 0;
z-index: 2;
width: 200px;
border-right: 1px solid #eee;    
}
.aside.closed, .aside.closed #sidebar-toggler {width: 100px;}
#main-sidebar nav {
height: calc(100% - 100px);
//overflow-y: auto;
    overflow-y: scroll;
padding-bottom: 20px;
}
#main-sidebar nav.menu-en {font-size: 0.75rem;}
::-webkit-scrollbar {
/*隱藏滾輪*/
//display: none;
}
.main {
//padding: 0 50px 2em 300px;
padding: 0 4% 2em;
    width: 58%;
    max-width: 970px;
    margin: 0 auto;
min-height: calc(100vh - 60px);
transition: 0.2s all ease-out;
}
.main.cs-main {
    width: calc(100% - 200px);
    max-width: initial;
    margin-left: 200px;
}
/*.main.sidebar--closed {padding: 70px 1em 2em 70px;}*/
.aside .menu-list .has-children {
max-height: 36px;
overflow: hidden;
transition: 0.6s max-height ease-out;
position: relative;
}
.aside .menu-list .has-children.open {max-height: 1000px;}
.aside .menu-list .has-children::before {
    content: "\f107";
    font-family: "Font Awesome 5 Pro";
    transition: .2s ease-out transform;
    position: absolute;
    top: 0;
    right: 0;
    transition-duration: 0.3s;
    z-index: 100;
    width: 40px;
    text-align: center;
    padding: 0.5em 0.75em;
}
.aside .menu-list .has-children.open::before {transform: rotate(-180deg);}
.aside.closed .has-children > a::before {opacity: 0;}
.aside .menu-text {
    vertical-align: text-top;
    display: inline-block;
}
.aside.closed .menu-label, .aside.closed .menu-text {display: none;}
.aside #sidebar-toggler {
    cursor: pointer;
    bottom: 0;
    left: 0;
    position: fixed;
    margin-top: 50px;
    background-color: #dbdbdb;
    display: flex;
    justify-content: flex-end;
    color: #000;
    width: 200px;
}
.aside #sidebar-toggler .icon {
    transition: 0.3s linear transform;
    padding: 1.5rem;
}
.copyright.sidebar--closed {
    left: 60px;
}
.copyright {
    background: #fff;
    width: calc(100% - 200px);
    position: fixed;
    bottom: 0;
    left: 200px;
    box-sizing: border-box;
    padding: 11.5px 2em;
    transition: 0.2s all ease-out;
    border-top: 1px solid #eee;
}
.bgcolor-hover-gray:hover {background-color: #f5f5f5;}
.single article a:hover {
text-decoration: underline;
color: #3273dc;
}
a.box.bgcolor-hover-gray:hover, a.box.bgcolor-hover-gray:focus {
    box-shadow:0 2px 3px rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 10%);
}
body.home .copyright, body.page-template-login-php .copyright {left: 0;}
div.searchform {
    background: rgba(0,0,0,.25);
    width: 100%;
    height: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    position: fixed;
    z-index: 100;
    display: none;
}

div.searchform > div {
    margin: 0 auto;
    width: 95%;
    max-width: 47.375rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    min-height: 0;
    border-radius: 1rem;
    box-shadow: 0 25px 50px -12px rgb(0 0 0 / 25%);
    background: #fff;
    padding: 4em 2em 2em;
}
div.searchform input, div.searchform input:focus {
    border: none;
    border-bottom: 1px solid #e5e7eb;
    box-shadow: none;
    outline-style: none;
    border-radius: 0;
}
.searchform-btn.button {
background: url("../../../../../img/search.png") no-repeat 10px center;
padding-left: 50px;
}
div.searchform .search-close {
    position: absolute;
    right: 1em;
    top: 1em;
}
form .datetimepicker-dummy .datetimepicker-dummy-wrapper {
    border-color: #dbdbdb;
    color: #363636;
    box-shadow: inset 0 1px 2px rgb(10 10 10 / 10%);
    border-radius: 5px;
}
form .datetimepicker {
width: 320px;
}

@media (max-width: 768px) {
.main {
    padding: 0 1em 2em 70px;
}
.main.cs-main {
    width: calc(100% - 60px);
    margin-left: 60px;
    padding: 0 4% 2em;
}
.aside, .aside.closed.sp-open {
    width: 60px;
    overflow: auto;
    background-color: #fff;
}
.aside #sidebar-toggler {justify-content: center; z-index: 100;}
.aside.sp-open #sidebar-toggler {justify-content: flex-end;}
.aside #sidebar-toggler, .aside.closed.sp-open #sidebar-toggler {width: 60px;}
.aside.closed, .aside.sp-open, .aside.sp-open #sidebar-toggler, .aside.closed #sidebar-toggler {
    width: 200px;
}
.copyright {
    left: 60px;
    width: calc(100% - 60px);
}
.aside .menu-list::before {
    content: "";
    background-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
}
.aside .menu-label, .aside .menu-text, .aside.closed.sp-open .menu-label, .aside.closed.sp-open .menu-text, .aside .menu-list .has-children::before, .aside.closed.sp-open .menu-list .has-children::before, .aside.sp-open .menu-list::before {
    display: none;
}
.aside.closed .menu-label, .aside.closed .menu-text, .aside.sp-open .menu-label, .aside.sp-open .menu-text, .aside.closed .menu-list .has-children::before, .aside.sp-open .menu-list .has-children::before {
    display: inline-block;
}
.navbar-brand, .navbar-tabs {
    float: left;
}
.navbar-dropdown {display: none;}
.navbar-link:hover, .navbar-link.is-active .navbar-dropdown {display: block;}
nav .navbar-menu {
display: inline-block!important;
background: none;
    box-shadow: none;
}
nav .navbar-link:not(.is-arrowless) {
    padding: 0 0.75rem;
    text-align: right;
    line-height: 0;
}
nav .navbar-menu, nav .searchform-btn {
    position: absolute;
    right: 0;
    transform: translateY(-50%);
    top: 50%;
}
nav .searchform-btn {
background-position: center center;
margin: 0!important;
    right: 50px;
}
.searchform-btn span, .navbar-link:not(.is-arrowless)::after {display: none!important;}
 
}


/* 註冊表單修改 */
.login-action-register {background: none;}
.login-action-register #login h1, .login-action-register #nav, #backtoblog {display: none;}
.login-action-register .message.register {
    color: #363636;
    font-size: 1.9rem;
    text-align: center;
    font-weight: 600;
    border: none;
    box-shadow: none;
}
.login-action-register form {
    background: none;
    box-shadow: none;
    border: none;
}
.login-action-register form p:first-of-type {display: none;}
.login-action-register #login {
    padding: 3% 0 0;
}
.login-action-register.wp-core-ui .button, .login-action-register.wp-core-ui .button-secondary {
    color: #ffffff;
    border: none;
    background: #F75748;
    font-size: 1rem;
    width: 100%;    
}
.login-action-register #registerform label, .login-action-register #registerform input {
    font-size: 1rem;
    display: block;
}

/*20210702*/
.home .copyright, .page-template-login .copyright {width: 100%;}

/*20220801*/
.breadcrumb {font-size: 12px!important; margin-left: -0.75em;}
div#ez-toc-container {
    position: fixed;
    right: 1em;
    top: 5em;
    max-width: 250px;
}
.menu-list a.curr {
    background-color: #f5f5f5;
    color: #363636;
}
.menu-list li.has-children ul {padding: 0 0.25em;}
.sidebar-close, .aside.closed .sidebar-open {display: none;}
.aside.closed .sidebar-close {display: block;}
.menu-list {
position: relative;
z-index: 100;
}
.box {height: 100%;}

/*20220805*/
li {overflow-wrap: break-word;}
.crp-list-title {display: none;}
@media (min-width: 769px) {
.editor-sticky {
position: sticky;
top:84px;
}
}

/*tour*/
@media (min-width: 769px) {
.guide_step02, .guide_step03 {margin-left: 140px!important;}
.guide_step02 .shepherd-arrow, .guide_step03 .shepherd-arrow {transform: translate(20px, 0px)!important;}
}
.shepherd-disable .shepherd-modal-is-visible {display: none!important;}

.aside-jp, .aside.aside-jp #sidebar-toggler {width: 250px;}
.aside.aside-jp.closed, .aside.aside-jp.closed #sidebar-toggler {width: 100px;}
#main-sidebar.aside-jp nav.menu {font-size: 0.75rem;}
@media (max-width: 768px) {
.aside.aside-jp, .aside.aside-jp.closed.sp-open, .aside.aside-jp #sidebar-toggler, .aside.aside-jp.closed.sp-open #sidebar-toggler {width: 60px;}
.aside.aside-jp.closed, .aside.aside-jp.sp-open, .aside.aside-jp.sp-open #sidebar-toggler, .aside.aside-jp.closed #sidebar-toggler {width: 250px;}
}

/* 登入表單修改 */
.login-action-login, .login-action-lostpassword {background: none;}
.login-action-login #login h1, .login-action-login #nav, #backtoblog, .login-action-lostpassword #login h1, .login-action-lostpassword #nav {display: none;}
.login-action-login h3 {
    color: #363636;
    font-size: 1.9rem;
    text-align: center;
    font-weight: 600;
    border: none;
    box-shadow: none;
}
.login-action-login form, .login-action-lostpassword form {
    background: none;
    box-shadow: none;
    border: none;
}
.login-action-login form p:first-of-type, .login-action-login .galogin {display: none!important;}
.login-action-login #login {
    padding: 3% 0 0;
}
.login-action-login.wp-core-ui #wp-submit, .login-action-lostpassword #wp-submit {
    color: #ffffff;
    border: none;
    background: #F75748;
    font-size: 1rem;
    width: 100%;    
}
.login-action-login.wp-core-ui .button-secondary {color: #3c434a;}
.login-action-login #registerform label, .login-action-login #registerform input {
    font-size: 1rem;
    display: block;
}
.login-action-lostpassword.login .message {border-color: #F75748;}

.page-id-18717 #beacon-container {display:none!important;}