.co_title {
    font-size: 22px;
    color: #000;
    padding: 0.9em;
    padding-left: 0em;
}
.gov_btn {
    font-size: 23px;
    color: #FFFFFF;
    background-color: #009E96;
    border-color: #009E96;
}
.gov_btn:hover,
.gov_btn:focus,
.gov_btn:active,
.gov_btn.active,
.open .dropdown-toggle.gov_btn {
    color: #FFFFFF;
    background-color: #277A76;
    border-color: #009E96;
}
.gov_btn:active,
.gov_btn.active,
.open .dropdown-toggle.gov_btn {
    background-image: none;
}
.gov_btn.disabled,
.gov_btn[disabled],
fieldset[disabled] .gov_btn,
.gov_btn.disabled:hover,
.gov_btn[disabled]:hover,
fieldset[disabled] .gov_btn:hover,
.gov_btn.disabled:focus,
.gov_btn[disabled]:focus,
fieldset[disabled] .gov_btn:focus,
.gov_btn.disabled:active,
.gov_btn[disabled]:active,
fieldset[disabled] .gov_btn:active,
.gov_btn.disabled.active,
.gov_btn[disabled].active,
fieldset[disabled] .gov_btn.active {
    background-color: #009E96;
    border-color: #009E96;
}
.gov_btn .badge {
    color: #009E96;
    background-color: #FFFFFF;
}
.ser_btn {
    font-size: 23px;
    color: #ffffff;
    background-color: #E93737;
    border-color: #E93737;
}
.ser_btn:hover,
.ser_btn:focus,
.ser_btn:active,
.ser_btn.active,
.open .dropdown-toggle.ser_btn {
    color: #ffffff;
    background-color: #B33434;
    border-color: #E93737;
}
.ser_btn:active,
.ser_btn.active,
.open .dropdown-toggle.ser_btn {
    background-image: none;
}
.ser_btn.disabled,
.ser_btn[disabled],
fieldset[disabled] .ser_btn,
.ser_btn.disabled:hover,
.ser_btn[disabled]:hover,
fieldset[disabled] .ser_btn:hover,
.ser_btn.disabled:focus,
.ser_btn[disabled]:focus,
fieldset[disabled] .ser_btn:focus,
.ser_btn.disabled:active,
.ser_btn[disabled]:active,
fieldset[disabled] .ser_btn:active,
.ser_btn.disabled.active,
.ser_btn[disabled].active,
fieldset[disabled] .ser_btn.active {
    background-color: #E93737;
    border-color: #E93737;
}
.ser_btn .badge {
    color: #E93737;
    background-color: #ffffff;
}
.fb_btn {
    background-image: url(/public/images/icon_login_fb.svg);
    background-repeat: no-repeat;
    background-position: center;
}
.fb_btn {
    color: #ffffff;
    background-color: #3B5997;
    border-color: #3B5997;
}
.fb_btn:hover,
.fb_btn:focus,
.fb_btn:active,
.fb_btn.active,
.open .dropdown-toggle.fb_btn {
    color: #ffffff;
    background-color: #243963;
    border-color: #3B5997;
}
.fb_btn:active,
.fb_btn.active,
.open .dropdown-toggle.fb_btn {
    background-image: none;
}
.fb_btn.disabled,
.fb_btn[disabled],
fieldset[disabled] .fb_btn,
.fb_btn.disabled:hover,
.fb_btn[disabled]:hover,
fieldset[disabled] .fb_btn:hover,
.fb_btn.disabled:focus,
.fb_btn[disabled]:focus,
fieldset[disabled] .fb_btn:focus,
.fb_btn.disabled:active,
.fb_btn[disabled]:active,
fieldset[disabled] .fb_btn:active,
.fb_btn.disabled.active,
.fb_btn[disabled].active,
fieldset[disabled] .fb_btn.active {
    background-color: #3B5997;
    border-color: #3B5997;
}
.fb_btn .badge {
    color: #3B5997;
    background-color: #ffffff;
}
.google_btn {
    background-image: url(/public/images/icon_login_g+.svg);
    background-repeat: no-repeat;
    background-position: center;
}
.google_btn {
    color: #ffffff;
    background-color: #D95333;
    border-color: #D95333;
}
.google_btn:hover,
.google_btn:focus,
.google_btn:active,
.google_btn.active,
.open .dropdown-toggle.google_btn {
    color: #ffffff;
    background-color: #AB4D35;
    border-color: #D95333;
}
.google_btn:active,
.google_btn.active,
.open .dropdown-toggle.google_btn {
    background-image: none;
}
.google_btn.disabled,
.google_btn[disabled],
fieldset[disabled] .google_btn,
.google_btn.disabled:hover,
.google_btn[disabled]:hover,
fieldset[disabled] .google_btn:hover,
.google_btn.disabled:focus,
.google_btn[disabled]:focus,
fieldset[disabled] .google_btn:focus,
.google_btn.disabled:active,
.google_btn[disabled]:active,
fieldset[disabled] .google_btn:active,
.google_btn.disabled.active,
.google_btn[disabled].active,
fieldset[disabled] .google_btn.active {
    background-color: #D95333;
    border-color: #D95333;
}
.buttom_btn {
    color: #FFFFFF;
    background-color: #87C23A;
    border-color: #87C23A;
}
.buttom_btn:hover,
.buttom_btn:focus,
.buttom_btn:active,
.buttom_btn.active,
.open .dropdown-toggle.buttom_btn {
    color: #FFFFFF;
    background-color: #74A831;
    border-color: #87C23A;
}
.buttom_btn:active,
.buttom_btn.active,
.open .dropdown-toggle.buttom_btn {
    background-image: none;
}
.buttom_btn.disabled,
.buttom_btn[disabled],
fieldset[disabled] .buttom_btn,
.buttom_btn.disabled:hover,
.buttom_btn[disabled]:hover,
fieldset[disabled] .buttom_btn:hover,
.buttom_btn.disabled:focus,
.buttom_btn[disabled]:focus,
fieldset[disabled] .buttom_btn:focus,
.buttom_btn.disabled:active,
.buttom_btn[disabled]:active,
fieldset[disabled] .buttom_btn:active,
.buttom_btn.disabled.active,
.buttom_btn[disabled].active,
fieldset[disabled] .buttom_btn.active {
    background-color: #87C23A;
    border-color: #87C23A;
}
.buttom_btn .badge {
    color: #87C23A;
    background-color: #FFFFFF;
}
.google_btn .badge {
    color: #D95333;
    background-color: #ffffff;
}
.right_login_area {
    border-right: solid;
    border-color: #dedede;
}
.btn {
    margin-bottom: 14px;
    height: 52px;
}
.left_area {
    margin-right: 34px;
}
.right_area {
    margin-left: 34px;
}
.buttom_btn_div {
    margin-top: 27px;
    margin-bottom: 27px;
}
.buttom_btn {
    margin-right: 18px;
    font-size: 19px;
    width: 298px;
    height: 44px;
}
/*手機尺寸*/

@media (max-width: 767px) {
    .title {
        padding-top: 5px;
        font-size: 29px;
    }
    .btn {
        margin-bottom: 6px;
        height: 44px;
    }
    .ser_btn {
        font-size: 20px;
    }
    .gov_btn {
        font-size: 20px;
    }
    .right_area {
        margin-left: 0px;
        font-size: 20px;
        margin-right: 34px;
    }
    .left_area {
        margin-left: 0px;
        font-size: 20px;
    }
    .content_top {
        /*padding-left: 15px;*/
        margin: 0px;
        background-color: white;
    }
    .co_title {
        font-size: 20px;
        margin-top: 30px;
    }
    .google_top_btn {
        margin-bottom: 0px;
    }
    .buttom_btn {
        margin-left: 15px;
        font-size: 16px;
    }
    .google_btn {
        margin-bottom: 30px;
    }
    .buttom_btn_div {
        padding-top: 30px;
        padding-bottom: 15px;
        margin: 0px;
        background-color: #f9f9f9;
    }
}
/*平板直向、平板橫向*/

@media (min-width: 768px) and (max-width: 992px) {}