﻿/* CSS Document */
/*nav style*/
.navbar-inverse{
    background: #92C2C4;
    border-bottom: 3px solid #4FAAAA;
    color: white;
}
.navbar-inverse .navbar-nav > li > a {
    color: #FFFFFF;
}
.logo {
    padding:0;
}
.logo img{
    width:80%;
    padding: 6px;
}
/*.MainContent {
    padding-top:53px;
    min-width: 800px;
}*/
.MainContent {
    padding-top: 53px;
    min-width: 800px;
    width: 100%;
    height: 100%;
    /*background: white;*/
}
.home-menu, .set-menu {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    background-color: white;
    background-size: cover;
}
.home-menu {
    background-image: url(../../images/Menu/IconMenu-bg01.jpg);
}
.set-menu {
    background-image: url(../../images/Menu/IconMenu-bg02.jpg);
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: rgba(255, 255, 255, 0.28);
}
.navbar-inverse .navbar-toggle {
    border-color: #ffffff;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
    border-color: rgba(255, 255, 255, 0.47);
}
.container-fluid {
    padding-left: 0;
}
/*media*/
@media (min-width: 1200px){
.container-fluid {
    padding-right: 0px;
    padding-left: 0px;
}
.row {
    margin-left: 0px;
}
}
@media (max-width: 979px){
.MainContent {
    padding-top:0px;
}
.FileManage .MainContent {
    padding-top:57px;
}
.navbar-inverse{
    margin-bottom:0;
}
}
@media (max-width: 767px){
body {
    padding-right: 0px;
    padding-left: 0px;
}
.navbar-inverse{
    margin-right: 0px;
    margin-left: 0px;
    padding-right: 15px;
    padding-left: 15px;
}
}
/*tooltip*/
.tooltip{
    font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
    line-height: 19px;
}
/*.popover*/
.popover{
    font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
}
/*popup*/
.modal-header {
    border-radius: 5px 5px 0 0;
}
.hint-popup .modal-header{
    background: darkorange;
    color: white;
}
.hint-popup .modal-header .close{
    background: white;
    opacity: 0.6;
    padding: 0 3px;
}
.modal-body input,.modal-body select,.modal-body textarea {
    max-width: inherit; 
}