/*
 * Start Bootstrap - Business Frontpage (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

body {
    /*    padding-top: 50px;  Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

.tagline {
    text-shadow: 0 0 10px #000;
    color: #fff;
}

.img-center {
    margin: 0 auto;
}

footer {
    margin: 50px 0;
}

.page-header h1 {
    color: #ff8080;
    text-shadow: 1px 1px 2px #FFF, -1px 1px 2px #FFF, 1px -1px 10px #FFF, -1px -1px 10px #FFF, 0px 5px 15px #666;
    opacity: 1;
}

.btnBox.btnBoxLeft {
    margin: 20px auto 20px auto;
    text-align: left;
}

.btn-default {
    color: #616161;
    background: url("../images/button/buttonBg_off.gif") repeat-x 50% 50% #FFFFFF;
}

.form-control {
    /*
    display: block;
    width: auto;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s,
    -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,
    box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,
    box-shadow ease-in-out .15s;
    */
}

.form-group label {
    font-family: Arial, Helvetica, "微軟正黑體", sans-serif;
    color: #8a8a8a;
    padding-top: 8px;
    font-size: 16px;
}

.form-inline .form-group,
.form-inline {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
    width: 100%;
}

.paperBox {
    width: 100%;
    margin: 10px 0 10px 0;
    text-align: left;
}

    .paperBox .paper {
        padding: 0px 0px 0px 0px;
        background-color: #FFFFFF;
        border: 1px solid #eaeaea;
    }

.pin {
    display: inline-block;
    border: 2px solid #FAFAFA;
    box-shadow: 2px 2px 2px rgba(25, 25, 25, 0.4);
    margin: 8px;
    padding: 2px;
    position: relative;
}

.topright {
    position: absolute;
    top: 2px;
    right: 2px;
    width: 10px;
    height: 10px;
}

.doccontent {
    font-family: Arial, Helvetica, "微軟正黑體", sans-serif;
    width: 95%;
    height: 90%;
    margin: auto;
    max-width: 770px;
}

    .doccontent .row {
        min-height: 5%;
        width: 95%;
        margin: auto;
    }

    .doccontent .caption {
        font-size: large;
        font-weight: bold;
        text-align: right;
        color: #8a8a8a;
    }

    .doccontent .field {
        background-color: lightyellow;
    }

    .doccontent .subtitle {
        font-weight: bold;
        font-size: large;
        text-align: center;
        color: #8a8a8a;
    }

    .doccontent .title {
        font-weight: bolder;
        font-size: xx-large;
        text-align: center;
        background: aliceblue;
        margin: 12px 4px 4px 4px;
        padding-top: 4px;
    }

    .doccontent .btn-lg {
        font-size: x-large;
        font-weight: bold;
    }

    .doccontent input {
        padding: 4px;
    }

.row .col-xs-1,
.row .col-xs-2,
.row .col-xs-3,
.row .col-xs-4,
.row .col-xs-5,
.row .col-xs-6,
.row .col-xs-7,
.row .col-xs-8,
.row .col-xs-11 {
    padding: 8px 4px 4px 4px;
}

body,
html {
    height: 100%;
}

.w3-example {
    background-color: #f1f1f1;
    padding: 0.01em 16px;
    margin: 20px 0;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12) !important;
}