html {
    min-height: 100%;
}

form {
    height: 95%;
}

#gSignInWrapper {
    width: 165px;
    float: left;
}

#customBtn {
    display: inline-block;
    background: #dd4b39;
    color: white;
    width: 165px;
    border-radius: 5px;
    white-space: nowrap;
    cursor: pointer;
}

#customBtn:hover {
    background: #e74b37;
    cursor:pointer;
}

span.label {
    font-weight: bold;
}

span.icon {
    background: url('https://google-developers.appspot.com/+/images/branding/btn_red_32.png') transparent 5px 50% no-repeat;
    display: inline-block;
    vertical-align: middle;
    width: 35px;
    height: 35px;
    border-right: #bb3f30 1px solid;
}

span.buttonText {
    display: inline-block;
    vertical-align: middle;
    padding-left: 7px;
    font-size: 14px;
    font-weight: bold;
    font-family: 'Roboto',arial,sans-serif;
}

#revokeButton {
    display: none;
}

.Gsingout {
    background: url('../images/GSignout_O.png');
    cursor: pointer;
    width: 98px;
    height: 35px;
}

    .Gsingout:hover {
        background: url('../images/GSignout_I.png');
    }

.Ysingin {
    cursor: pointer;
    width: 199px;
    height: 33px;
}



body {
    background-image: url('../images/Sky_3.png');
    background-repeat:repeat-y;
    background-position-x: center;
    background-size: cover;
    height: 100%;
    overflow: hidden;
    display: none;
}

img {
    border-style: none;
}

.LoginsymbolDiv {
    width: 100%;
    height: 70%;
    display: table;
}

.LoginsymbolDivcell {
    height: 100%;
    padding:10vw 0vw;
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}

.Loginsymbol {
    height: 16em;
}

.LoginsymbolText {
    font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Jhenghei","微軟正黑體", sans-serif;
    font-size: 2em;
    color: white;
    text-shadow: 3px 3px 3px #999999;
}

.LoginfunctionDiv {
    width: 100%;
    height: 30%;
}

.LoginfunctionDivcell {
    text-align: center;
    vertical-align: middle;
    height: 100%;
}

.LoginButtonDiv_Google {
    text-align: center;
    vertical-align: middle;
    background-color: #dd4b39;
    border-radius: 50px;
    width: 20em;
    height: 2.5em;
}

#customBtn {
    display: inline-block;
    background: #dd4b39;
    color: white;
    width: 20em;
    height: 2.5em;
    border-radius: 5px;
    white-space: nowrap;
    border-radius: 50px;
}

span.buttonText {
    display: inline-block;
    vertical-align: middle;
    font-size: 1em;
    padding-top: 10px;
    font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Jhenghei","微軟正黑體", sans-serif;
    font-weight: 200;
}

.LoginButtonDiv_Facebook {
    display: inline-block;
    background-color: #3c57a2;
    width: 20em;
    height: 2.5em;
    border-radius: 5px;
    white-space: nowrap;
    border-radius: 50px;
}

.LoginButtonDiv_FacebookText, .LoginButtonDiv_YahooText {
    display: inline-block;
    vertical-align: middle;
    font-size: 1em;
    padding-top: 10px;
    font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Jhenghei","微軟正黑體", sans-serif;
    font-weight: 200;
    color: white;
}

.LoginButtonDiv_Facebook:hover {
    background-color: #5777ce;
}

.LoginButtonDiv_Yahoo {
    text-align: center;
    vertical-align: middle;
    background-color: #6e329d;
    border-radius: 50px;
    width: 20em;
    height: 2.5em;
}

    .LoginButtonDiv_Yahoo:hover {
        background-color: #754cbf;
    }