html, body {
    height: 100%;
    width: 100%;
    font-family: Microsoft JhengHei;
}

.title_content {
    background-color: #fff;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 1;
}

.btn_login {
    background-color: #AC895E;
    color: #ffffff;
}

.panel
{
    box-shadow: 0 10px 10px rgba(0,0,0,1);
    background-color: rgba(255,255,255,0.8);
}

@media screen and (max-width: 360px) 
{
    .slider_container 
    {
        position:fixed;
        top:75%;
        left:0;
        width: 100%;
    }
    .Login_content
    {
        position:fixed;
        top:30%;
        left:5%;
        width:90%;
        z-index:100;
    }
    .AnnouncementTxt
    {
        position:absolute; 
        left: 5em; 
        top: 16.5em; 
        font-weight:bold; 
        width:17em;
        height:5em;
        overflow-y: scroll;
        overflow-x: hidden;
    }
}

@media screen and (max-width: 375px) and (min-width: 361px)
{
    .slider_container 
    {
        position:fixed;
        top:75%;
        left:0;
        width: 100%;
    }
    .Login_content
    {
        position:fixed;
        top:30%;
        left:5%;
        width:90%;
        z-index:100;
    }
    .AnnouncementTxt
    {
        position:absolute; 
        left: 5em; 
        top: 16.5em; 
        font-weight:bold; 
        width:17em;
        height:5em;
        overflow-y: scroll;
        overflow-x: hidden;
    }
}

@media screen and (max-width: 480px) and (min-width: 376px)
{
    .slider_container 
    {
        position:fixed;
        top:75%;
        left:0;
        width: 100%;
    }
    .Login_content
    {
        position:fixed;
        top:30%;
        left:5%;
        width:90%;
        z-index:100;
    }
    .AnnouncementTxt
    {
        position:absolute; 
        left: 6em; 
        top: 18em; 
        font-weight:bold; 
        width:22em;
        height:6em;
        overflow-y: scroll;
        overflow-x: hidden;
    }
}

@media screen and (max-width: 767px) and (min-width: 481px)
{
    .slider_container 
    {
        position:fixed;
        top:75%;
        left:0;
        width: 100%;
    }
    .Login_content
    {
        position:fixed;
        top:30%;
        left:5%;
        width:90%;
        z-index:100;
    }
    .AnnouncementTxt
    {
        position:absolute; 
        left:25%; 
        top: 20em; 
        font-weight:bold; 
        width:55%;
        height:18%;
        overflow-y: scroll;
        overflow-x: hidden;
    }
}

@media screen and (min-width: 768px) and (max-width: 979px) 
{
    .slider_container 
    {
        position:fixed;
        top:75%;
        left:0;
        width: 100%;
    }
    .Login_content7
    {
        position:fixed;
        top:30%;
        left:5%;
        width:90%;
        z-index:100;
    }
    .AnnouncementTxt
    {
        position:absolute; 
        left:27%; 
        top:20em; 
        font-weight:bold; 
        width:45%;
        height:18%;
        overflow-y: scroll;
        overflow-x: hidden;
    }
}

@media screen and (min-width: 980px) and (max-width: 1200px)
{
    .slider_container 
    {
        position:fixed;
        top:68%;
        left:0;
        width: 100%;
    }
    .Login_content
    {
        position:fixed;
        top:30%;
        left:5%;
        width:90%;
        z-index:100;
    }
    .AnnouncementTxt
    {
        position:absolute; 
        left:31%; 
        top:20em; 
        font-weight:bold; 
        width:43%;
        height:16%;
        overflow-x: hidden;
        overflow-y: scroll;
    }
}

@media screen and (min-width: 1200px)
{
    .slider_container 
    {
        position:fixed;
        top:17%;
        left:0;
        width: 100%;
    }
    .Login_content
    {
        position:fixed;
        top:30%;
        width:30%;
        z-index:100;
    }
    .AnnouncementTxt
    {
        position:absolute; 
        left:38%; 
        top:20em; 
        font-weight:bold; 
        width:25%;
        height:17%;
        overflow-y: scroll;
        overflow-x: hidden;
    }
}

.slider_container div {
    position:absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width:100%;
    height:auto;
}

.slider_container img 
{
    width:100%;
}

/*設定動畫週期*/
.slider_container div {
    -webkit-animation: round 25s linear infinite;
            animation: round 25s linear infinite;
}

@-webkit-keyframes round {
    4% {
        opacity: 1;
        filter: alpha(opacity=100);
        /* 0 - 1秒 淡入*/
    }
    20% {
        opacity: 1;
        filter: alpha(opacity=100);
        /* 1- 5秒靜止*/
    }
    24% {
        opacity: 0;
        filter: alpha(opacity=0);
        /* 5-6秒淡出*/
    }
}

@keyframes round {
    4% {
        opacity: 1;
        filter: alpha(opacity=100);
        /* 0 - 1秒 淡入*/
    }
    20% {
        opacity: 1;
        filter: alpha(opacity=100);
        /* 1- 5秒靜止*/
    }
    24% {
        opacity: 0;
        filter: alpha(opacity=0);
        /* 5-6秒淡出*/
    }
}

.slider_container div:nth-child(5) {
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
}

.slider_container div:nth-child(4) {
    -webkit-animation-delay: 5s;
            animation-delay: 5s;
}

.slider_container div:nth-child(3) {
    -webkit-animation-delay: 10s;
            animation-delay: 10s;
}

.slider_container div:nth-child(2) {
    -webkit-animation-delay: 15s;
            animation-delay: 15s;
}

.slider_container div:nth-child(1) {
    -webkit-animation-delay: 20s;
            animation-delay: 20s;
}

.navbar-brand>img
{
    margin:-6%;
}

.navbar-inverse {
    background-color: #ECE7D7 !important;
}
 
.navbar-inverse .navbar-nav>li>a
{
    color: #592805 !important;
}

.img-responsive{
    display: block;
    height: auto;
    max-width: 100%;
    margin: 0 auto;
    top: 20%;
}

.dytest {
    position:absolute;
    z-index:2;
    margin-top:-25%;
    color:#f00;
    width:100%;
}

/*表格需加此元素才可進行搜尋*/
.results tr[visible='false'],
.no-result{
  display:none;
}

.results tr[visible='true']{
  display:table-row;
}

[contenteditable="true"].single-line {
 white-space: nowrap;
 width:auto;
 overflow: hidden;
 } 
 [contenteditable="true"].single-line br {
 display:none;

 }
 [contenteditable="true"].single-line * {
 display:inline;
 white-space:nowrap;
 }
 
 #DropMenu_Data
 {
     height:10em;
     overflow-y:scroll;
 }
 
 .RemoveTable
 {
     width:100px;
     padding: 0px 0px;
     line-height:0;
 }