@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: 250px;
border-right: 1px solid #eee;    
}
.aside.closed {width: 60px;}
#main-sidebar nav {
height: calc(100% - 100px);
overflow-y: auto;
padding-bottom: 20px;
}
::-webkit-scrollbar {
/*隱藏滾輪*/
display: none;
}
.main {
padding: 0 50px 2em 300px;
min-height: calc(100vh - 60px);
transition: 0.2s all ease-out;
}
.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 {
width: 100%;
cursor: pointer;
bottom: 0;
left: 0;
position: absolute;
margin-top: 50px;
background-color: #000;
padding: 1rem 2em;
display: flex;
justify-content: flex-end;
color: #fff;
}
.aside #sidebar-toggler .icon {transition: 0.3s linear transform;}
.copyright.sidebar--closed {
    left: 60px;
}
.copyright {
    background: #fff;
    width: calc(100% - 250px);
    position: fixed;
    bottom: 0;
    left: 250px;
    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;
}
nav .searchform-btn {
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;
}
.aside, .aside.closed.sp-open {
    width: 60px;
    overflow: auto;
        background-color: #fff;
}
.aside.closed, .aside.sp-open {
    width: 250px;
}
.copyright {
    left: 60px;
    width: calc(100% - 60px);
}
.aside .menu-label, .aside .menu-text, .aside.closed.sp-open .menu-label, .aside.closed.sp-open .menu-text {
    display: none;
}
.aside.closed .menu-label, .aside.closed .menu-text, .aside.sp-open .menu-label, .aside.sp-open .menu-text {
    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%;}