body {
    background:#fff !important;
    font-family:"微軟正黑體";
    position:relative;
}

.navbar-inner {
    background:#fff;
}

.navbar .brand {
    color:#F89406;
    font-weight:600;
}

.banner {
    padding-top:1.5rem;
    width:100%;
    position:relative;
}

.banner img {
    width:100%;
}

.banner h2 {
    position:absolute;
    top:50%;
    left:50%;
    transform:translateX(-50%) translateY(-50%);
    text-shadow:0 0 5px #333;
    color:#fff;
}

.container {
    padding: 2rem 0 4.5rem 0;
}

.container p {
    font-size:17px;
    padding:0 2.5rem; 
    line-height:30px;
}

.nav.pull-left {
    display:flex;
    align-items:center;
}

.nav.pull-left li:first-child {
    color: #999999;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
}

.nav.pull-left li:last-child {
    color: #000;
}

h3 {
    color:#777;
    margin:15px 0;
}


.modal {
    height:40%;
}

.modal-dialog,.modal-content,.modal-body,.row {
    height:100%;
}

.modal-body {
    padding:0;
}

.modal .row {
    margin:0;
    display:flex;
}

.modal .row .col-xs-6 {
    width:50%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
}

.modal .row .col-xs-6:first-child {
    width:50%;
    background:linear-gradient(#F89406,#fff);
    border-radius:6px 0 0 6px;
    font-size:26px;
    font-weight:bolder;
    color:#fff;
}

.modal, .modal.fade.in {
    top: 40%;
    transform:translateY(-50%); 
}


.btn-default{
    background:#fff;
    border:1px solid #efefef;
    color:#777;
}

.btn:focus {
    outline:none;
}

.googleSign {
   background-image: url('./images/google_signin_normal.png');
   display: inline-block;
   width: 191px;
   height: 46px;
   border: 0px;
}
.googleSign:hover {
   background-image: url('./images/google_signin_focus.png');
   cursor: pointer;
}
.googleSign:active {
   background-image: url('./images/google_signin_pressed.png');
}

@media (min-width: 1366px) {
    .container {
        width: 1087px;
    }

    .container p {
        padding:0 4rem; 
    }
}

@media (max-width: 767.9px) {
    .nav.pull-left {
        flex-direction:column;
    }

    .navbar-fixed-bottom .navbar-inner {
        height:auto;
    }

    .footer li {
        width:100%;
    }

    .container p {
        padding:0 1rem; 
    }
}