﻿body{ background:#fff;color:#4F463F;}
.section-padding#time cite{color:#264C5A; 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: #C6A886;}
h1#nhiLogo strong{float:left; position:relative; left:45px;color:#4f4c4c;}
.navbar-collapse.collapse.in{background-color: #F4F1EC!important; }
.nav.navbar-nav>li>a {color: #F4F1EC !important;}
.navbar-toggle{position: relative;float: right;padding: 3px 3px;margin-top: 8px;margin-right: 0px;margin-bottom: 8px;background-color: transparent;background-image: none;border: 0;color: #4F463F;border-radius: 0;font-size: 150%;}
.flexslider{ background:#f5f5f5;}
/* 連結 */
a{color:#4F463F;}
a:hover, a:focus{color: #A88F76;}

/* 標題 */
h1{ margin-bottom:20px; color: #F4F1EC;}
h2.codeName{ font-size:133%; color:#264C5A; margin-bottom: 0;}
.cta-2-txt strong{color:#264C5A;font-size: 120%;}
h2.docoterName{font-size:250%;color:#4F463F;}

/* button 顏色 */
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {color: #F4F1EC; background-color: #A88F76!important;border-color: #A88F76!important;}/*102*/
.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: #F4F1EC;  text-shadow: none; -webkit-box-shadow: none;  box-shadow: none; background-color: #A88F76;  border-color: #A88F76; font-size:16px;}
.btn:hover{ color: #4F463F!important;background-color: #A88F76;  border-color: #A88F76;}
.btn-success{color: #F4F1EC;}
.btn.btn-success.othersBtn,.btn-primary{ background: #A88F76!important;border: 1px solid #A88F76!important;color: #F4F1EC!important;}/*243*/
.btn.btn-success.othersBtn:hover,.btn.btn-success.othersBtn.active,.btn-primary:active:hover{background-color: #A88F76!important; border-color: #A88F76!important;color:#4F463F;}
.btn.btn-primary.active{    background-color: #A88F76!important; border-color: #A88F76!important;color: #F4F1EC;}
.btn.btn-primary:hover{background-color: #A88F76!important; border-color: #A88F76!important;color: #F4F1EC;}

/* section 背景色 */
.section-padding#info .cta-2-txt strong,.section-padding#service .cta-2-txt strong{color:#C8B395;}
.section-padding#mapLocation a,.section-padding#mapLocation a:hover{font-size:150%;color:#4F463F;cursor:pointer;}
.section-padding#info {background-color: #F4F1EC; color: #4F463F;}
.section-padding#info .cta-2-txt strong{color:#000;}
.section-padding#service .cta-2-txt strong{color:#264C5A;}
.section-padding#time,.section-padding#register{background-color: #F4F1EC;}
.section-padding#time .cta-2-txt strong{color:#4F463F;}
.section-padding#time cite{font-size:16px; font-style:normal;color:#264C5A;}
.section-padding#time a,.section-padding#time a:hover{color:#264C5A; font-size:16px; font-style:normal; cursor:pointer;}
.section-padding#service{background-color: #A88F76;}
.section-padding#doctors{ background-color:#FFFBFA;}

/* 班表 */
h5.categorie em{ background-color:#A88F76; font-style:normal; padding:3px 5px; border-radius:3px; display:block; text-align:center; box-sizing:border-box; color: #4F463F;}
#time .checkDate{color:#4F463F;}
.section-padding#time table tr{ border-bottom:1px #A88F76 solid;}
.registerTable th{text-align:center;background-color:#4F463F; font-size:100%; color: #F4F1EC;line-height:2em;}
@media screen and (min-width:500px){ 
 .registerTable th{text-align:center;background-color:#4F463F; font-size:150%; color: #F4F1EC;line-height:2em;}
}
.visitor{ background-color:#ddd; border-radius:3px;width: 100%;padding:5px 0;display: block;margin:5px 0;border:2px solid #fff;}
.visitor:hover{border:2px solid #A88F76;}
.registerTable td:nth-child(2n) .visitor{ background-color: #F4F1EC6e1;}
.registerTable td:nth-child(3) .visitor{ background-color:#F4F1EC;}
.wizard_verticle ul.wizard_steps li a.selected:before, .step_no{ background: #A88F76;color: #F4F1EC;}
.wizard_horizontal ul.wizard_steps li a.selected:before, .step_no{ background: #A88F76;color: #F4F1EC;}
.wizard_horizontal ul.wizard_steps li a.done:before, .wizard_horizontal ul.wizard_steps li a.done .step_no {background: #C8B395;color: #F4F1EC;}
.StackTableCS2 .fa-print,.StackTableCS2 .fa-print:hover{ color: inherit!important;}
.table-responsive>.table.StackTableCS2 strong{ font-size:150%; color:#454545;}

/*日曆*/
.daterangepicker td.active, .daterangepicker td.active:hover{ background-color: #00BD9D;color: #F4F1EC; border-radius: 50%!important; height: 32px;}
.daterangepicker.picker_2 .calendar-table thead tr{color: #00BD9D;}

/* 雲端候診中心 */
table.realTime tr th,table.realTime tr td{ border: 5px solid #C6A886; 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{}
th.winfo-title{ font-weight: bold; background-color: #88715F; color: #F4F1EC; font-size: 28px ; min-width:200px;}
td.winfo-data{ padding: 10px 5px; background-color: #F4F1EC; color: #595757;font-size: 28px ; }
.advert-info a{ color: #FF8000!important;}

/* 新聞 */
.table-responsive{background: #A88F76; padding: 10px;}
.mail_heading h4{ font-size: 200%; line-height: 1.5em;color: #69a659;font-weight: bold;border-top: 1px solid #ddd;padding-top: 10px;}
.table.StackTableCS tr:nth-child(odd) td{ background-color:#F1F1F1;}
.table.StackTableCS>tbody>tr>td{border-top:0;}
.table.StackTableCS th{ border:0;}
.social-icon{transform: rotate(0);-ms-transform: rotate(0);-moz-transform: rotate(0); -webkit-transform: rotate(0); width: 40px;height: 40px;font-size: 14px;margin: 0 5px 11px 6px; padding:0;color: #F4F1EC!important;}

/* 表尾 */
.footer{padding: 20px 15px;background: #C6A886;color: #F4F1EC;}/* 左右padding為ipad不左右晃破版關鍵 */
.footer a{color: #F4F1EC;}

/* Loading */
.loading { border: 5px solid #fff; border-right: 5px solid #A88F76; border-bottom: 5px solid #A88F76;  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 #F1F1F1; padding: 2px; font-size: 120%;  letter-spacing: 2px; }
    .section-padding#time a,.section-padding#time a:hover{font-size:200%;cursor:pointer;}
}

/*無即時看診進度查詢*/
.btn.btn-primary.marginTop20{ display:none;}
/* 修正按鈕背景與文字顏色 */
.btn,
.btn-success,
.btn-primary {
    background-color: #A88F76 !important;
    border: 1px solid #A88F76 !important;
    color: #F4F1EC !important;
}

.btn:hover,
.btn-success:hover,
.btn-primary:hover {
  color: #F4F1EC;
  background-color: #39302A !important;
    background-color: #A88F76 !important;
    border-color: #A88F76 !important;
    color: #F4F1EC !important;
}
