﻿/*@font-face {
      font-family: "ArtTianB5";
      src: url("../../../fonts/AR-TianniuB5.ttf");
    }*/



body {
    color: #818181;
    padding-top: 50px;
    padding-bottom: 20px;
    font-family: "微軟正黑體"!important;
    /*font-family: ArtTianB5, sans-serif;*/
}

.steps { display:none; }

h1, h2, h3, h4, h5 {
    font-family: ArtTianB5, sans-serif;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
    /*min-height:680px;*/
}

.jumbotron {
    background-color: #F2522E;
    color: #fff;
     font-family:微軟正黑體;
    /*
    padding: 100px 25px;
    font-family: Montserrat, sans-serif;*/
}

.navbar {
    margin-bottom: 0;
    background-color: #F2522E;
    z-index: 9999;
    border: 0;
    font-size: 1.1em !important;
    line-height: 1.42857143 !important;
    letter-spacing: 4px;
    border-radius: 0;
   
}

.navbar-brand{
    /*background: url(../Images/logo_white.png) no-repeat 0 0;*/
    /*background-image:url(../img/logo.png);
    background-repeat:no-repeat;
    background-size:85px;
    background-position:8px 8px;
    width:126px;
    height:40px;*/
}

    .navbar li a, .navbar .navbar-brand {
        color: #fff !important;
    }

.navbar-nav li a:hover, .navbar-nav li.active a {
    /*color: #F2522E !important;
    background-color: #fff !important;*/
}

.navbar-default .navbar-toggle {
    border-color: transparent;
    color: #fff !important;
}

.panel-footer {
   
    background-color: #d9edf7;
   color:#31708f;
}


.form-group input, .form-group select { display:inline-block!important; width:42%!important; /*margin-right:12px;*/ }
.form-group label {margin-right:32px; }

#myModal{margin-top:66px;}


@media screen and (min-width: 768px){
 .jumbotron { padding: 2px 0!important;}
}

@media screen and (max-width: 768px) {
    .col-sm-4 {
        text-align: center;
        margin: 25px 0;
    }

    .btn-lg {
        width: 100%;
        margin-bottom: 35px;
    }

   
}

@media screen and (max-width: 480px) {
    .logo {
        font-size: 150px;
    }
}

#layoutAlert{margin-top:22px; margin-bottom:12px;}


 .processing{color:#ff9900; display:none;}
 .processing span{padding-left:4px; font-size:14px;}