body, html 
{
    margin:0;
    padding:0;    
    overflow-x:hidden;
}
#page1
{
    background:#FFF;
    background-image:none;   
}

#divHome
{
    display:block;    
}
       
/*院區*/
.clsChoseList
{
    width:80%;   
    font-family: Microsoft JhengHei !important; 
}

.clsChose label 
{
    font-size: 24px;
}

/*查詢*/
#labSearchMobile
{
    display:none;
}

 #txtSearch
{
    display:none;
    width:80% !important;    
}
       
/*科別分類-div*/
.ideptMobile 
{
    display:none;
    font-family: Microsoft JhengHei !important;
}
.ideptWeb
{
    display:table;  
    width:100%;
    font-family: Microsoft JhengHei !important;
    padding-top:15px;
    font-weight: bold;
}

#showIdept
{
    font-size:18px;   
}
.header-row
{
    display:table-header-group;
    /*font-weight:bold;  */ 
    font-size:18px;             
}
.tr
{
    display:table-row-group;    
}

.tdIdept
{
    text-align:center;
    display:table-cell;    
    width:25%;
    padding: 5px;
    vertical-align:top;
    text-shadow:none;
}

/*科別 div*/
.overflowScroll
{
    overflow: hidden;
}

/*科別 行 */
.tdIdept > div > div 
{
    display: inline-block;   
    width: 100%; 
    padding: 5px 0px;
    font-weight: bold;
} 
/*科別 行裡面的欄位 */
.tdIdept > div > div > div 
{
    display: inline-block;
    width: 50%;
    vertical-align: top;
    cursor: pointer;    
    color: #0000EE;
}
.ideptIM /*內科背景*/
{
    /*top to down*/
    /*background: -webkit-linear-gradient(top, rgb(0, 165, 243), rgb(0, 101, 174));*/
    /*background: -webkit-linear-gradient(top, rgba(25,98,195,1), rgba(16, 39, 159, 1));
    background: -o-linear-gradient(down, rgba(25,98,195,1), rgba(16, 39, 159, 1));
    background: -moz-linear-gradient(down, rgba(25,98,195,1), rgba(16, 39, 159, 1));
    background: linear-gradient(to down, rgba(25,98,195,1), rgba(16, 39, 159, 1)); 
    background-image: linear-gradient(rgba(25,98,195,1), rgba(16, 39, 159, 1)); */
    background: -webkit-linear-gradient(top, #1D6688, #24A7D7);
    background: -o-linear-gradient(down, #24A7D7, #1D6688);
    background: -moz-linear-gradient(down, #24A7D7, #1D6688);
    background: linear-gradient(to down, #24A7D7, #1D6688); 
    background-image: linear-gradient(#24A7D7, #1D6688);
    padding:10px;
    color:rgb(248,248,248);
}

 .ideptSur /*外科背景*/
{
    /*top to down*/
    /*background: -webkit-linear-gradient(top, rgb(115, 188, 50), rgb(39, 135, 36));*/
    /*background: -webkit-linear-gradient(top, rgba(62,163,21,1), rgba(13,126,15,1));
    background: -o-linear-gradient(down, rgba(62,163,21,1), rgba(13,126,15,1));
    background: -moz-linear-gradient(down, rgba(62,163,21,1), rgba(13,126,15,1));
    background: linear-gradient(to down, rgba(62,163,21,1), rgba(13,126,15,1)); 
    background-image: linear-gradient(rgba(62,163,21,1), rgba(13,126,15,1)); */
    background: -webkit-linear-gradient(top, #86A649, #2A7339);
    background: -o-linear-gradient(down, #86A649, #2A7339);
    background: -moz-linear-gradient(down, #86A649, #2A7339);
    background: linear-gradient(to down, #86A649, #2A7339); 
    background-image: linear-gradient(#86A649, #2A7339);
    padding:10px;
    color:rgb(248,248,248);
}
 .ideptPG /*婦兒背景*/
{
    /*top to down*/
    /*background: -webkit-linear-gradient(top, rgb(240, 135, 97), rgb(204, 82, 22));*/
    /*background: -webkit-linear-gradient(top, rgba(213,112,63,1), rgba(179,53,19,1));
    background: -o-linear-gradient(down, rgba(213,112,63,1), rgba(179,53,19,1));
    background: -moz-linear-gradient(down, rgba(213,112,63,1), rgba(179,53,19,1));
    background: linear-gradient(to down, rgba(213,112,63,1), rgba(179,53,19,1)); 
    background-image: linear-gradient(rgba(213,112,63,1), rgba(179,53,19,1)); */
    background: -webkit-linear-gradient(top, #E5835F, #CA5921);
    background: -o-linear-gradient(down, #E5835F, #CA5921);
    background: -moz-linear-gradient(down, #E5835F, #CA5921);
    background: linear-gradient(to down, #E5835F, #CA5921); 
    background-image: linear-gradient(#E5835F, #CA5921); 
    padding:10px;
    color:rgb(248,248,248);
}
 .ideptOther /*其他背景*/
{
    /*top to down*/
    /*background: -webkit-linear-gradient(top, rgb(253, 240, 19), rgb(241, 165, 11));*/
    /*background: -webkit-linear-gradient(top, rgba(213,202,15,1), rgba(198,135,8,1));
    background: -o-linear-gradient(down, rgba(213,202,15,1), rgba(198,135,8,1));
    background: -moz-linear-gradient(down, rgba(213,202,15,1), rgba(198,135,8,1));
    background: linear-gradient(to down, rgba(213,202,15,1), rgba(198,135,8,1)); 
    background-image: linear-gradient(rgba(213,202,15,1), rgba(198,135,8,1)); */
    background: -webkit-linear-gradient(top, #ECDE38, #E4AF27);
    background: -o-linear-gradient(down, #ECDE38, #E4AF27);
    background: -moz-linear-gradient(down, #ECDE38, #E4AF27);
    background: linear-gradient(to down, #ECDE38, #E4AF27); 
    background-image: linear-gradient(#ECDE38, #E4AF27); 
    padding:10px;
    color:rgb(106,57,6);
}

.ideptIM label,
.ideptSur label,
.ideptPG label,
.ideptOther label
{
    display:inline-block;    
    /*font-family: "標楷體";*/
}
/*科別英文不用粗體*/
.ideptIM label:nth-child(2),
.ideptSur label:nth-child(2),
.ideptPG label:nth-child(2),
.ideptOther label:nth-child(2)
{
    font-weight:normal;
}

/*more*/
.moreIdept 
{
    cursor:pointer;
    width: 20px;
    height: 25px;
    margin: auto;
}

.moreIdept > i
{
    text-align:center;
    border: solid black;
    border-width:0 5px 5px 0;
    display:inline-block;
    padding:3px;
    width: 10px;
    height: 10px; 
}

.arrowUp
{
    transform: rotate(225deg);
    -webkit-transform: rotate(225deg);   
}

.arrowDown
{
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);       
}


/**********showDetail************/
#showFnoon, #showPredict
{
    text-shadow:none;
    font-size:24px;    
    padding-bottom:25px;    
}
#showFnoon > div> div:first-child, #showPredict > div> div:first-child
{
    padding-left:20px;
}
#showFnoon > div> div:last-child, #showPredict > div> div:last-child
{
    padding-right:20px;
}
.header-showDetail > div
{
    background-color:rgb(192, 192, 192);
}
.trFnoonA > div
{
    background-color:rgb(102, 255, 102);
}
.trFnoonP > div
{
    background-color:rgb(66, 226, 74);
}
.trFnoonT > div
{
    background-color:rgb(0, 197, 45)
}
.trPredictA > div
{
    background-color:#d4d4d4;    
}
.trPredictB > div
{
    background-color:#a7a7a7;    
}
.tdFnoon
{
    display:table-cell;
    width:10%;
}
.tdSubDept
{
    display:table-cell;
    width:15%;    
}
.tdDoctor
{
    display:table-cell;
    width:15%;    
}
.tdRegisted  /*掛號人數*/
{
    display:table-cell;
    width:15%;    
}
.tdWait  /*候診人數*/
{
    display:table-cell;
    width:15%;    
}
.tdNow  /*現在幾號、已看診人數*/
{
    display:table-cell;
    width:15%;    
}
.tdPredict
{
    display:table-cell;
    width:30%;
}
.noData
{
    width:100%;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
}

/*************************/

/*****dept.aspx***/
#header3
{
   /* display:none;*/
}

@media only screen and (max-width:1200px) 
{
    .ideptIM label,
    .ideptSur label,
    .ideptPG label,
    .ideptOther label
    {
        display:block;    
    }
}