/* 登入(Signin) */
/* 原本是 app/views/signin_view.php 裡的 <style>,原樣搬出;<link> 放在原本 <style> 的位置,層疊順序不變 */
nav.breadcrumb-nav{
    width: 90%;
}
a.tab-label, a.tab-label:link, a.tab-label:visited {
    background: none;
    color: #1d5f88;
    border-bottom: 1px solid #ddd;
}
a.tab-label:hover, a.tab-label.active-btn {
    background: #92c500;
    color: #fff;
}
@media screen and (max-width: 768px){
    .tab-nav > .tab-label {
        width: auto;
    }
}
.tab-nav {
    display: initial;
}
    .google-btn {
        height: 42px;
        background-color: #fcfcfc;
        border-radius: 2px;
        box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .2);
        cursor: pointer;
        cursor: hand;
        align-self: center;
        user-select: none;
        transition: all 400ms ease 0s;
        display: flex;
    }
    .google-btn .google-icon-wrapper {
        position: absolute;
        margin-top: 1px;
        margin-left: 1px;
        width: 40px;
        height: 40px;
        border-radius: 2px;
        user-select: none
    }
    .google-btn .google-icon-svg {
        position: absolute;
        margin-top: 11px;
        margin-left: 11px;
        width: 18px;
        height: 18px;
        user-select: none
    }
    .google-btn .btn-text {
        width: 100%;
        text-align: center;
        float: right;
        margin: 11px 14px 40px 40px;
        color: #757575;
        font-size: 14px;
        letter-spacing: .2px;
        font-family: Roboto;
        user-select: none
    }
    .google-btn:hover {
        box-shadow: 0 3px 8px rgba(117, 117, 117, .5);
        user-select: none
    }
    .google-btn:active {
        box-shadow: 0 1px 1px #757575;
        background: #F8F8F8;
        color: #fff;
        user-select: none
    }

    .normal-btn {
        margin: 25px;
        width: auto;
        display: inline-block;
        min-width: auto;
        max-width: 184px;
        height: 42px;
        background-color: #fcfcfc;
        border-radius: 2px;
        box-shadow: 0 3px 4px 0 rgba(0, 0, 0, .2);
        cursor: pointer;
        cursor: hand;
        align-self: center;-webkit-touch-callout: none;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        transition: all 400ms ease 0s
    }
    .normal-btn .btn-text {
        float: left;
        margin: 11px 14px 11px 14px;
        color: #757575;
        font-size: 14px;
        letter-spacing: .2px;
        font-family: Roboto;
        user-select: none
    }
    .normal-btn:hover {
        box-shadow: 0 3px 8px rgba(117, 117, 117, .5);
        user-select: none
    }
    .normal-btn:active {
        box-shadow: 0 1px 1px #757575;
        background: #F8F8F8;
        color: #fff;
        user-select: none
    }

    @import url("//fonts.googleapis.com/css?family=Roboto");
    *, *::before, *::after {
        box-sizing: border-box;
    }

    .btn-fb {
        display: block;
        border-radius: 1px;
        text-decoration: none;
        box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.25);
        transition: background-color 0.218s, border-color 0.218s, box-shadow 0.218s;
    }
    .btn-fb .fb-content {
        display: flex;
        align-items: center;
        width: 100%;
        height: 42px;
    }
    .btn-fb .fb-content .fb-logo {
        padding: 15px;
        height: inherit;
    }
    .btn-fb .fb-content svg {
        width: 18px;
        height: 18px;
    }
    .btn-fb .fb-content p {
        width: 100%;
        line-height: 1;
        letter-spacing: 0.21px;
        text-align: center;
        font-weight: 500;
        font-family: "Roboto", sans-serif;
    }

    .btn-fb {
        padding-top: 1.5px;
        background: #4267b2;
        background-color: #3b5998;
    }
    .btn-fb:hover {
        box-shadow: 0 0 3px 3px rgba(59, 89, 152, 0.3);
    }
    .btn-fb .fb-content p {
        color: rgba(255, 255, 255, 0.87);
    }