﻿/* 整體文字顏色 */
body{ background:#fff;color:#444;}
.section-padding#time cite{color:inherit; font-size:16px; font-style:normal;}
.section-padding#time a,.section-padding#time a:hover{color:inherit; font-size:16px; font-style:normal; cursor:pointer;}

/* 表頭顏色 */
.navbar-default{ background-color: #080F40;}
h1#nhiLogo strong{float:left; position:relative; left:45px;color:#fff;} 
.navbar-collapse.collapse.in{background-color: #19A1F5!important; }

/* 連結 */
a:hover, a:focus{color: #003975;}

/* 標題 */
h1{ margin-bottom:20px; color:#19A1F5;}
h2.codeName{ font-size:133%; color:#19A1F5; margin-bottom: 0;}
.section-padding#info .cta-2-txt strong,.section-padding#service .cta-2-txt strong {color:#19A1F5;}
.cta-2-txt strong{color:#19A1F5;font-size: 120%;}
h2.docoterName{font-size:250%;color:#19A1F5;}

/* button 顏色 */
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {color: #fff; background-color: #b8e1b0!important;border-color: #b8e1b0!important;}
.btn{-webkit-transition: background-color 0.2s; -o-transition: background-color 0.2s; transition: background-color 0.2s; cursor: pointer; z-index: 999;  position: relative; color: #fff;  text-shadow: none; -webkit-box-shadow: none;  box-shadow: none; background-color: #A7D89E;  border-color: #A7D89E; font-size:16px;}
.btn:hover { color: #fff;background-color: #b8e1b0;  border-color: #b8e1b0;}
.btn-success {color: #fff;}
.btn.btn-success.othersBtn,.btn-primary{ background: #A7D89E!important;border: 1px solid #A7D89E!important;color:#fff!important;}
.btn.btn-success.othersBtn:hover,.btn.btn-success.othersBtn.active,.btn-primary:active:hover{background-color: #b8e1b0!important; border-color: #b8e1b0!important;color:#fff;}
.btn.btn-primary.active{    background-color: #b8e1b0!important; border-color: #b8e1b0!important;color:#fff;}
.btn.btn-primary:hover{background-color: #b8e1b0!important; border-color: #b8e1b0!important;color:#fff;}

/* section 背景色 */
.section-padding#info .cta-2-txt strong,.section-padding#service .cta-2-txt strong {color:#eee;}
.section-padding#mapLocation a,.section-padding#mapLocation a:hover{font-size:150%;color:#6e6e6e;cursor:pointer;}
.section-padding#info{background-color: #E3F0F4;}
.section-padding#time,.section-padding#register{background-color: #080F40;}
.section-padding#time .cta-2-txt strong {color:#19A1F5;}
.section-padding#time cite{color:#ddd; font-size:16px; font-style:normal;}
.section-padding#time a,.section-padding#time a:hover{color:#A7D89E; font-size:16px; font-style:normal; cursor:pointer;}
.section-padding#service{background-color: #eee;}

/* 班表 */
h5.categorie em{ background-color:#3E3A39; font-style:normal; padding:3px 5px; border-radius:3px; display:block; text-align:center; box-sizing:border-box; color: #fff;}
#time .checkDate{color:#fff;}
.section-padding#time table tr{ border-bottom:1px #19A1F5 solid;}
.registerTable th{text-align:center;background-color:#19A1F5; font-size:150%; color:#fff;line-height:2em;}
.visitor{ background-color:#eee; border-radius:3px;width: 100%;padding:5px 0;display: block;margin:5px 0;border:2px solid #fff;}
.visitor:hover{border:2px solid #19A1F5;}
.registerTable td:nth-child(3) .visitor{ background-color:#DDD;}
.wizard_verticle ul.wizard_steps li a.selected:before, .step_no { background: #6e6e6e;color: #fff;}
.wizard_horizontal ul.wizard_steps li a.selected:before, .step_no { background: #6e6e6e;color: #fff;}
.wizard_horizontal ul.wizard_steps li a.done:before, .wizard_horizontal ul.wizard_steps li a.done .step_no {background: #b8e1b0;color: #fff;}
.StackTableCS2 .fa-print,.StackTableCS2 .fa-print:hover{ color: inherit!important;}
.table-responsive>.table.StackTableCS2 strong{ font-size:150%; color:#19A1F5;}
#time table{color:#fff!important}

/* 雲端候診中心 */
table.realTime tr th,table.realTime tr td { border: 5px solid #ddd; padding: 5px; font-size: 28px ;  font-family: MyCustomFont,"微軟正黑體", sans-serif;text-align: center; vertical-align: middle; letter-spacing: 10px;position: relative;    word-break: keep-all; }
table.realTime tr th{color:#fff}
th.winfo-title { font-weight: bold; background-color: #19A1F5; color: #6E6E6E; font-size: 28px ; min-width:200px;}
td.winfo-data { padding: 10px 5px; background-color: #f5f5f5; color: #6E6E6E;font-size: 28px ; }
.advert-info a{ color: #19A1F5!important;}

/* 新聞 */
.table-responsive {background: #19A1F5; padding: 10px;}
.mail_heading h4 { font-size: 200%; line-height: 1.5em;color: #19A1F5;font-weight: bold;border-top: 1px solid #ddd;padding-top: 10px;}
/*.table.StackTableCS tr:nth-child(odd) td{ background-color:#19A1F5;}*/

/* 表尾 */
.footer{padding: 20px 15px;background: #080F40;color: #fff;}/* 左右padding為ipad不左右晃破版關鍵 */
.footer a{color:#fff;}

/* Loading */
.loading { border: 5px solid #fff; border-right: 5px solid #19A1F5; border-bottom: 5px solid #19A1F5;  height: 150px; width: 150px;border-radius: 50%;-webkit-animation: loading 1s infinite linear;  -moz-animation: loading 1s infinite linear; -o-animation: loading 1s infinite linear;  animation: loading 1s infinite linear;  }

@media (min-width: 992px){
.section-padding#time a,.section-padding#time a:hover{font-size:300%;}
}
@media (max-width: 800px) {
    table.realTime tr th,table.realTime tr td { border: 2px solid #E3F0F4; padding: 2px; font-size: 120%;  letter-spacing: 2px; }
    .section-padding#time a,.section-padding#time a:hover{font-size:200%;color:#6e6e6e;cursor:pointer;}
}
