@charset "utf-8";
/* CSS Document */
@font-face {font-family: MyCustomFont; /* 同樣的 font-family */unicode-range: U+00-024F;  /* Latin, Latin1 Sup., Ext-A, Ext-B */src: local(Helvetica Neue),     /* OS X preferred */local(Helvetica),         /* Other OS */ local(Arial); /* Other OS */}

body{ background:#fff;color:#223f66;}
body.xHidden {overflow-x:hidden;}
p{font-family: MyCustomFont,"微軟正黑體", sans-serif;letter-spacing: 1px; font-size:16px;line-height: 1.8em;}
h1,h2,h3,h4,h5,h6,a,li,div,input,entry-content{font-family: MyCustomFont,"微軟正黑體", sans-serif;text-shadow: none;}
.clearfix:after, .dl-horizontal dd:after, .container:after, .container-fluid:after, .row:after, .form-horizontal .form-group:after, .btn-toolbar:after, .btn-group-vertical > .btn-group:after, .nav:after, .navbar:after, .navbar-header:after, .navbar-collapse:after, .pager:after, .panel-body:after, .modal-footer:after {clear: both;}
.clearfix:before, .clearfix:after, .dl-horizontal dd:before, .dl-horizontal dd:after, .container:before, .container:after, .container-fluid:before, .container-fluid:after, .row:before, .row:after, .form-horizontal .form-group:before, .form-horizontal .form-group:after, .btn-toolbar:before, .btn-toolbar:after, .btn-group-vertical > .btn-group:before, .btn-group-vertical > .btn-group:after, .nav:before, .nav:after, .navbar:before, .navbar:after, .navbar-header:before, .navbar-header:after, .navbar-collapse:before, .navbar-collapse:after, .pager:before, .pager:after, .panel-body:before, .panel-body:after, .modal-footer:before, .modal-footer:after {content: " ";display: table;}
h1{ margin-bottom:20px; color:#2aaecf;}
input.texts,input.butn,select{ font-family: "Microsoft JhengHei","微軟正黑體",Arial,sans-serif; color:#333;}
select, textarea, input {color: #000;font-family: "Microsoft JhengHei","微軟正黑體",Arial,sans-serif;}
a:hover, a:focus{color: #34a0e8;}
.wrapper, .container {position: relative; display: block; max-width: 1366px; min-width: 1024px; _width: expression((document.documentElement.clientWidth||document.body.clientWidth)>1200?'1200px':"96%")); margin: 0 auto; text-align: left;}
.containerAll{ width:100%!important; max-width:initial;min-width:initial;}
body.xHidden hr{display:none;}
.nav-md cite.twseName{ font-size:200%; width:100%; text-align:center; display:block;height:auto;font-style:normal; margin: 0; padding:15px 15px 0px 15px;}
.nav-sm cite.twseName{ font-size:200%; width:100%; text-align:center; display:block;height:auto;font-style:normal; margin: 0;padding:15px 5px 0px 5px;}
.nav-md h2.twseName{ font-size:200%; width:100%; text-align:center; display:block;height:auto; padding:15px; padding-top:0; margin: 0;}
.nav-sm h2.twseName{ font-size:120%;  padding:5px; text-align:center; margin-bottom:20px;}
.menu_section {margin-bottom: 0 !important;}
.nav-sm footer { margin-left: 0;}
.label-success { background-color: #de5e4f;}
.bg-green {background: #de5e4f !important;border: 1px solid #de5e4f !important;color: #fff;}
.nav_title { height: 100px;}
.nav-sm .nav_title { height: 50px;}
.navbar-default .navbar-brand{margin:5px 0;}
.nav-md .nav.side-menu>li>a{ font-size:133%; padding-top: 18px;padding-bottom: 18px;}
.nav-md .nav.side-menu .side-menu>li>a{ font-size:100%; }
.nav.side-menu .side-menu>li>a { margin-bottom: 0px;}
.nav.side-menu .side-menu>li>a{ padding:5px 0;}
/*.navbar-fixed-bottom, .navbar-fixed-top {position:relative;right: 0;left: 0; z-index: 1030;}*/
.navbar-header {background:none;}
.navbar-default {border: none;}
.nav.side-menu>li>a, .nav.child_menu>li>a { color: #373737; font-weight: 500;}
.nav-sm .nav.child_menu>li>a { color: #fff;}
.nav.child_menu li li a:hover, .nav.child_menu li li a.active { color: #ffa700;}
.nav li li.current-page a {color: #ffa700;}
.nav.side-menu>li>a:hover { color: #ff9900!important;}
.nav.side-menu>li.active>a {text-shadow: rgba(0,0,0,0.1) 0 -1px 0;background:none;box-shadow: none;}
.nav-md ul.nav.child_menu li:before {background: #005193; bottom: auto; content: ""; height: 8px;left: 23px; margin-top: 15px;position: absolute; right: auto; width: 8px; z-index: 1;border-radius: 50%;}
.nav-md ul.nav.child_menu li:after { border-left: 1px solid #005193; bottom: 0; content: ""; left: 27px;  position: absolute; top: 0;}
.navbar-collapse.collapse{background:none; }
.navbar-collapse.collapse.in{background-color: #6fcfdf!important; }
.nav-md .disBlock{ display:block;}
.nav-sm .disBlock{ display:none;}
.nav.side-menu>li.current-page, .nav.side-menu>li.active {border-right: 5px solid #30b1a7;}
.disNone{ display:none;}
.navbar-default .navbar-toggle .icon-bar { background-color: #fff;}
.navbar-brand {position: relative;top: 0px;max-width:600px;}
.nav.child_menu>li.sub_menu.active>a {color: #ffa700;}
h1#nhiLogo strong{float:left; position:relative; left:45px;color:#005193;}
#nhiLogo i{ background:url(../images/nhi.png) no-repeat; background:url(../images/nhi.svg) no-repeat; background-size:100%; width:37px; height:37px; border:none!important; position:absolute; display:block; display: inline-block;left: 0;}
.main_menu span.fa {float: right; text-align: center;margin-top: 5px;font-size: 10px;min-width: inherit;color: #005193;}
.top_nav h1{ font-size:200%; padding:0.5em; display:inline-block;}
.top_nav .navbar-right{ width:auto;}
.menu_section>ul {margin-top: 0;}
.nav-sm h1.logo{ background:url(../images/logo_s.png) top left no-repeat;background:url(../images/logo_s.svg) top left no-repeat;width: 100%;height: 100px;background-position: 50%;background-size: 66%;}
.navbar-default { background-color: #6FCFDF;}
h3 cite.downer-Numbers{ font-size:60%; font-style:normal!important;}
.nav-sm h1.logo{height: 50px;}
.nav.navbar-nav>li>a {color: #fff !important;}
br.rwd_1{ display:none; line-height:1.8em;}
.col-md-6.col-sm-6.col-xs-12 .table>tbody>tr:nth-child(1)>td, .col-md-6.col-sm-6.col-xs-12 .table>tbody>tr:nth-child(1)>th{ border-top:0;}
.top_nav .dropdown-menu li a.red{ color:#d00; text-decoration:none;}
.top_nav .dropdown-menu li a.red:hover{color:#ff3700; }
.top_nav .dropdown-menu li a.green{ color:#38842f; text-decoration:none;}
.top_nav .dropdown-menu li a.green:hover{color:#39a42d; }
.top_nav .dropdown-menu li a.red i,.top_nav .dropdown-menu li a.green i{ font-size: 33px; display: inline-block; float: left; margin-right: 10px;}
.form-horizontal .control-label{ font-size:150%;padding-top: 0;}
#topcontrol {left: inherit!important; margin-left: inherit;bottom: 70px!important;    z-index: 99999;}
.registerTable{width:100%;}
.registerTable th{text-align:center;background-color:#154166; font-size:100%; color:#fff;line-height:2em;}
@media screen and (min-width:500px){ 
 .registerTable th{text-align:center;background-color:#154166; font-size:150%; color:#fff;line-height:2em;}
}
.registerTable th:nth-child(1){width:16%;}
.registerTable th:nth-child(2),.registerTable th:nth-child(3),.registerTable th:nth-child(4),.registerTable th:nth-child(5){width:21%;}
.registerTable tr{border-bottom:1px solid #ddd;}
.registerTable tr:last-child{border-bottom:none;}
.registerTable td:nth-child(2),.registerTable td:nth-child(3),.registerTable td:nth-child(4),.registerTable td:nth-child(5){vertical-align:initial;}
.visitor{ background-color:#DFE3FC; border-radius:3px;width: 100%;padding:5px 0;display: block;margin:5px 0;border:2px solid #fff;}
.visitor:hover{border:2px solid #34A0E8;}
.registerTable td:nth-child(3) .visitor{ background-color:#b4dffd;}
.registerTable td:nth-child(5) .visitor{ background-color:#b4dffd;}
.registerTable td{text-align:center; font-size:133%; box-sizing:border-box;padding: 10px 30px;}
.x_panel_fix .x_content .tag:after{ display:none;}
select.hourselect{color:#73879C; border:#73879C;}
#favoriteLink { text-align: right;}
.text-center { text-align: center;}
.text-left { text-align: left;}
.text-right { text-align: right;}
.cta-2-form input.Qsearch[type="text"] {border: 0px solid #CCC;padding: 13px 40px;font-size: 18px;color: #2b5d83;font-weight: 100;min-width: 320px;margin-left: -4px;margin-bottom: 2px; border: 1px solid #5fcf80;background-color: rgb(247, 247, 247);border-radius: 30px 0px 0px 30px;}
.icon-box i { color: #30b1a7;  font-size: 65px;}
span.tag{ background-color:#3cabff;}
span.tagMore{ background-color:#ec4747;}
/* calendar */
.daterangepicker{ width:initial!important;}
.daterangepicker td:hover{ border-radius: 50%!important; }
.daterangepicker td.active, .daterangepicker td.active:hover {  background-color: #6fcfdf;color: #fff; border-radius: 50%!important; height: 32px;}
.daterangepicker .calendar th, .daterangepicker .calendar td { white-space: nowrap;text-align: center;  min-width: 32px;height: 32px;}
.daterangepicker.picker_2 .calendar-table thead tr {color: #6fcfdf;}
.btn-success {background: #3cabff;border: 1px solid #3d96da;}
.btn-success:hover {color: #fff;background-color: #3994d9; border-color: #3d96da;}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {color: #fff; background-color: #204d74!important;border-color: #204d74!important;}
.btn.active, .btn:active {-webkit-box-shadow:initial; box-shadow:initial; }
.media .date{ width:100%;}
.media_fix,.media_fix .date{ padding:10px 0;}
.media_fix,.media_fix .date p.month{ margin-bottom:5px;}
#chartdiv,#graph_bar_group{width: 100%;height: 500px;}
.supply .col-md-4.col-sm-6.col-xs-12{ padding-bottom:20px;position: relative;min-height: 1px; padding-right: 15px;padding-left: 15px;} 
.supply h1{ margin-bottom:10px;}
.row.supply{z-index:99999;}
.row.supply cite{ font-style:normal;color:#d00;font-size:16px}
.clearfix {height: 20px;}
#work-shop{  background-color:#ededed;}
.footer{padding: 20px 15px;background: #0066cc;color: #fff;}/* 左右padding為ipad不左右晃破版關鍵 */
#mapLocation {padding:0;}
.h2, h2{font-size: 120%; font-weight:500;margin:0;}
h2.detailCode{ font-size:100%; padding-bottom:0;}
h2.docoterName{font-size:250%;color:#154166;color: #059892;}
.h3, h3{ font-size: 166%;}
.h4, h4{font-weight:normal}
.left_col{background: #fff;width: 100%;max-width: 230px;}
.section-padding{ padding: 60px 0px;}
.section-padding#info{background-color: #dfe3fc;}
.section-padding#info .cta-2-txt strong,.section-padding#service .cta-2-txt strong {color:#059892;}
.section-padding#time,.section-padding#register{background-color: #85d8e6;}
.section-padding#time .cta-2-txt strong {color:#fff;}
.section-padding#time table{width:100%;}
.section-padding#time table tr{ border-bottom:1px #9de6f2 solid;}
.section-padding#time table th{padding:20px 0px;font-size:16px; width:30%;word-break: break-all;}
.section-padding#time table td{padding:20px 5px;font-size:16px;text-align:center; width:10%;}
.section-padding#time cite{color:#154166; font-size:16px; font-style:normal;}
.section-padding#time a,.section-padding#time a:hover{color:#154166; font-size:16px; font-style:normal; cursor:pointer;}
.section-padding#service{background-color: #ededed;}
.section-padding#doctors table{width:100%;}
.section-padding#doctors table th,.section-padding#doctors table td{ padding:5px;}
.section-padding#doctors table tr{ border-bottom:1px #ddd solid;}
.section-padding img{ width:initial;}
.section-padding#news img{width: auto;/*max-width: 400px;*/}
.section-padding#info img {width: 100%;}
#time .checkDate{color:#fff;}
.checkDate{font-size: 150%;}
.date{text-align:center; font-style:normal;}
#contactJoin{margin:0 auto;background-color:#FFF;}
#contactJoin{position:fixed;top:0;z-index:9999;width:100%;height:100%;margin:0 auto;background-color:#222;background-color:rgba(0,0,0,0.7);display:none; overflow:auto;}
.actionBar{ text-align:center;}
.containerRegister1 .actionBar{ display:none;}
.actionBar2 {width: 100%;border-top: 1px solid #ddd; padding: 10px 5px; text-align: right; margin-top: 10px;}
.table{margin-bottom:0;}
.table-responsive {background: #6FCFDF; padding: 10px;border-radius: 10px;}
.table.StackTableCS{ background: #fff;padding:10px 0;}
.table.StackTableCS th,.table.StackTableCS td{ padding:15px 10px;}
.table.StackTableCS th:nth-child(1){width:15%;}
.table.StackTableCS th:nth-child(3){width:20%;}
.table.StackTableCS a{display:block;width:100%;}
.table.StackTableCS tr:nth-child(odd) td{ background-color:#f5f5f5;}
.table-responsive>.table.StackTable {background-color:#fff;}
.table-responsive>.table.StackTable td{ text-align:center; vertical-align:middle;}
.table.StackTable td:before{ display:none;}
.table-responsive>.table.StackTableCS2 td{ text-align:left;}
.table-responsive>.table.StackTableCS2{  font-family: MyCustomFont,"微軟正黑體", sans-serif;}
.StackTableCS2 .fa-print,.StackTableCS2 .fa-print:hover{ color:#fff!important;}
.table-responsive>.table.StackTableCS2 strong{ font-size:150%; color:#204d74;}
table.StackTableCS2, table.StackTableCS2 thead, table.StackTableCS2 tbody, table.StackTableCS2 th, table.StackTableCS2 td, table.StackTableCS2 tr {display: block;border: 0;}
    /* Hide table headers (but not display: none;, for accessibility) */
table.StackTableCS2 thead tr {position: absolute;top: -9999px;left: -9999px;}
table.StackTableCS2 tr {border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
table.StackTableCS2 tr:first-child {border-top: 0;}
table.StackTableCS2 tr:last-child {border-bottom: 0;}
table.StackTableCS2 td {border: none;border-bottom: 1px dotted #ccc;position: relative;width: 100%;}
table.StackTableCS2 > tbody > tr > td {border-top: 0;font-size: 120%;}
.StackTableCS2 tr:last-child td::before{display:none;}
.view-mail {font-size: 20px;}
.view-mail ol li,.view-mail ol li ol li{ list-style:decimal;line-height: 1.8em;font-size: 100%;}
.view-mail ul li,.view-mail ul li ul li{ list-style:disc;line-height: 1.8em;font-size: 100%;}
div.cta-2-txt p,div.cta-2-txt ol li,div.cta-2-txt ul li{font-size:100%}
/*.articleEdit , .articleEdit p,.articleEdit ul,.articleEdit ol {font-size: 120%;}*/
ul, ol{ margin-left:0px;}
.cta-2-txt ol li,.cta-2-txt ol li ol li,.cta-2-txt ul li ol li{ list-style:decimal;line-height: 1.8em;font-size: 16px;}
.cta-2-txt ul li,.cta-2-txt ul li ul li,.cta-2-txt ol li ul li{ list-style:disc;line-height: 1.8em;font-size: 16px;}
#info .cta-2-txt ul li, #info .cta-2-txt ul li ul li, #info .cta-2-txt ol li ul li{font-size:inherit!important;}
.modal-dialog .table.StackTableCS2 td:before{ font-weight: bold;white-space: initial;color: #333 !important;display:inline-block; margin-right:10px;}
.function_01 td:before { content: attr(data-title);}
table.StackTable i.fa-minus-circle{font-size: 129%;}
span.number{ color:#e95858;  font-size:167%;font-weight:bold; }
.table-responsive>.table.StackTable th:nth-child(3){width:18%;}
.table-responsive>.table.StackTable td:nth-child(3){text-align:left;}
.banner{background:no-repeat center top;background-size: cover; min-height: 640px;position: relative;background-position:center!important;background-position:top!important;background-size:auto 512px; background-repeat:no-repeat}
.banners{position:relative;top:70px;padding-bottom: 70px;}
.banners.short{margin-top: 30px;}
.banners.short .banner{background-repeat:no-repeat!important}
.social-icon .fa, .social-icon:before {transform: rotate(0);-ms-transform: rotate(0);-moz-transform: rotate(0);-webkit-transform: rotate(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: #fff;}
.dark-div .btn-default, .dark-div button, .dark-div input[type=button], .dark-div input[type=submit] { border: none;}
.news-social ul.social-list li a.btn-default{ border-radius:50%; border: 0;}
li.facebook a.social-icon{ background-color:#3b5998;line-height: 3em;}
li.facebook a.social-icon:hover{ background-color:#4f6ead; color:#fff;}
li.twitter a.social-icon{ background-color:#41ade2;line-height: 3em;}
li.twitter a.social-icon:hover{ background-color:#5dc4f6; color:#fff;}
li.googlePlus a.social-icon{ background-color:#e14938;line-height: 3em;}
li.googlePlus a.social-icon:hover{ background-color:#f46454; color:#fff;}
li.print a.social-icon{ background-color:#6FCFDF;line-height: 3em;}
li.print a.social-icon:hover{ background-color:#7bd9e8; color:#fff;}
i.fa.fa-minus-circle {color: #e95858;}
.flex-viewport{height:512px;}
section.slider {padding:0;}
.flexslider {padding-top: 0;padding-bottom: 0;}
.container>.navbar-header{ padding-left:0px; box-sizing:border-box;}
pre{ border:0;}
pre.ac{ padding-left:10%; box-sizing:border-box; background-color:#222; color: #fff;}
pre.ac em, p.ac em{ font-style:normal; color:#777;}
pre.ac strong,p.ac strong{ color:#005193;}
pre.ac strong.blk,p.ac strong.blk{ color:#1b99a7;}
pre.ac em  strong.blk{ color:#aaa;}
pre.ac.disNone{ background-color:#ebfcfd;}
p.ac{ font-size:15px; text-align:justify;word-wrap: break-word;table-layout: fixed ;word-break:break-word; line-height:1.7em;}
.panel-body {padding: 0px;background:none; border-radius: 4px;}
.panel-body h4{ color:#005193;}
h2.codeName{ font-size:133%; color:#30b1a7; margin-bottom: 0;}
.mail_heading h4 { font-size: 200%; line-height: 1.8em;color: #34A0E8;font-weight: bold;border-top: 1px solid #ddd;padding-top: 10px;}
.disNone{display: none;}
.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: #6FCFDF;  border-color: #6FCFDF; font-size:16px;}
.btn:hover { color: #fff;background-color: #204d74;  border-color: #204d74;}
.btn-group>.btn.btn-primary:first-child {padding-left: 21px;padding-right: 21px;}
.form_wizard .stepContainer {overflow: hidden;}
.x_panel h2.codeName{font-weight:bold;}
.x_panel_2 h2.codeName{color:#ffa700; font-weight:normal;}
.x_panel_2 .x_panel{ background-color:#222; border: #555 1px solid;}
h2.codeName strong.blk{ color:#1b99a7;}
h2.codeName em{ font-style:normal; margin-left:50px; line-height:1.8em; color:#fff; font-size:80%;}
.x_title {border-bottom: 0;padding: 0px 5px 0px; margin-bottom: 0;}
.x_panel{ margin-bottom:0;background: #fff;border-radius: 3px;}
.x_panel_2{ border:0;background: #222;}
.x_panel_2 h3,.x_panel_2 h4,.x_panel_2 h5{ color:#fff;}
.x_panel_2 h5{ font-size:16px; font-weight:normal;}
.x_panel .panel-body h4{ color:#30b1a7;}
.panel_toolbox>li:last-child {float: right;}
.x_panel_2 .panel_toolbox>li>a:hover {background: #222;}
h5.categorie{margin-top:20px;color:#fff;}
h5.categorie em{ background-color:#2c4d77; font-style:normal; padding:3px 5px; border-radius:3px; display:block; text-align:center; box-sizing:border-box;}
.wizard_horizontal ul.wizard_steps{padding-left:0!important;}
img.info{ width:100%; height:auto; margin:0 auto; overflow:hidden;max-width: 828px;}
.marginTop20{margin-top:20px;}
.panel_toolbox {float: right; min-width: 40px;}
.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: #fff;border-radius: 0;font-size: 150%;}
.navbar-default .navbar-toggle {border: none;float: right;position: absolute;right: 10px;}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background: none;}
.cta-2-txt {line-height: 1.6em!important;font-size: 20px; padding-bottom: 10px;}
.cta-2-txt .cta-2-txt {margin-bottom:0;}
.cta-2-txt strong{color:#6FCFDF;font-size: 120%;}
.cta-2-txt .articleEdit strong {color: inherit;}
.footer a,.footer a:hover { text-decoration:underline;}
.navbar-brand, .navbar-nav > li > a {line-height:25px;}
.docoterName{ display:block; vertical-align:bottom;}
.categories{ display:inline; font-style:normal;font-size:60%; margin-left:10px;}
.btn.btn-default.social-icon i::before{top: -4px; position: relative;}
.btn.btn-success.othersBtn,.btn-primary{ background: #6FCFDF!important;border: 1px solid #6FCFDF!important;}
.btn.btn-success.othersBtn:hover,.btn.btn-success.othersBtn.active,.btn-primary:active:hover{background-color: #204d74!important; border-color: #204d74!important;}
.btn.btn-primary.active{    background-color: #204d74!important; border-color: #204d74!important;}
.btn.btn-primary:hover{background-color: #204d74!important; border-color: #204d74!important;}
ul.notice{margin:0; padding:0;}
ul.notice li{ list-style:decimal; padding-left:13px;margin-left:20px;line-height:1.8em;}
ul.notice li li{list-style:lower-latin;}
img.his{ width:initial; height:auto;max-width: 256px;}
img.his.outPut{width:100%;max-width:none;}
.registerCalendar::before{ width:115px; display:inline-block; float:left; content:"掛號日期："; font-size:21px;}
.registerCalendar .form-control{width: calc(100% - 115px);}
.registerCalendar  .form-control-feedback.left { left: 115px;top: -2px;}
.registerCalendar  .has-feedback .form-control{ padding-right:10px}
/*Real Time*/
table.realTime{ width:100%;}
table.realTime tr th,table.realTime tr td { border: 5px solid #5fc0d1; 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; }
th.winfo-title { font-weight: bold; background-color: #6FCFDF; color: #00425f; font-size: 28px ; min-width:200px;}
td.winfo-data { padding: 10px 5px; background-color: #f5f5f5; color: #00425f;font-size: 28px ;   }
div.winfo-data { letter-spacing: 0px; }
div.winfo-temp { display: none; }
div.wait-block { margin: 10px; float: left; }
div.winfo-mtime, div.advert-info, marquee { font-size: 14px; letter-spacing: 0px; text-align: right; }
div.winfo-regno { font-size: 88px; height:auto;position: relative; top: 0; bottom: 0;  margin: auto; }
div.winfo-rwrec { padding-top: 0px; font-size: 22px;text-align: right;position: absolute;  bottom: 0;right: 10px; }
.advert-info a{ color: #34a0e8;}
/* Loading */
 .loading { border: 5px solid #fff; border-right: 5px solid #1ABB9C; border-bottom: 5px solid #1ABB9C;  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;  }
@-webkit-keyframes loading {
 from { -webkit-transform: rotate(0deg); }
 to { -webkit-transform: rotate(360deg); }
}
@-moz-keyframes loading {
 from {-moz-transform: rotate(0deg); }
 to { -moz-transform: rotate(360deg);  }
}
@-o-keyframes loading {
 from { -o-transform: rotate(0deg); }
 to {-o-transform: rotate(360deg); }
}
@keyframes loading {
 from {transform: rotate(0deg);}
 to { transform: rotate(360deg); }
}
.registerLoading {position: absolute;height: 150px;width: 150px;top:0;right:0;  bottom:0;  left:0; margin:auto;  }
.loading {height: 100%; width: 100%;}
.word {position: absolute; top: 0; left: 0;  bottom: 0; right: 0; display: inline-block;  text-align: center; font-size: 200%; line-height: 150px; margin: auto; padding: 0;  color: #fff; }
@media screen and (min-width: 1441px) {
.col-xs-12.col-md-6.realTime { width:33.3333%}
}

@media screen and (max-width: 1440px){
    .wrapper, .container {
        max-width: 1366px;
        min-width: 960px;
    }
}
@media screen and (min-width: 1201px){
    .flexslider .slides > li {background-size: auto 512px!important;}
}
@media screen and (max-width: 1200px){
.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header {margin-right: 0;margin-left: 0;}
.nav-md .x_title h2 {width: 77%;}
.flex-viewport{height:400px;}
.banner {background-position:top!important;background-size:auto 400px; background-repeat:no-repeat;}
.banners.short .flex-viewport{height:480px!important;}
.banners.short .banner {background-position:top!important;background-size:auto 480px!important; background-repeat:no-repeat;}
.section-padding#time table th{font-size:150%;}
.section-padding#time table td{font-size:150%;}
.section-padding#time cite,.section-padding#time a,.section-padding#time a:hover{font-size:150%; padding:10px 0;}
.registerTable td{padding:10px;}
.navbar-default .navbar-brand {margin: 10px 0 0 0;}
}
@media (min-width: 992px){
footer {margin-left:0px;}
.container {padding: 20px 30px 10px 30px;}
.navbar .container { padding: 0 15px;}
.section-padding#time table th br{display:none;}
.section-padding#time table th,h5.categorie{font-size:185%;}
.section-padding#time table td{font-size:185%;}
.section-padding#time cite{font-size:185%;}
.section-padding#mapLocation a,.section-padding#mapLocation a:hover{font-size:150%;color:#154166;cursor:pointer;}
.section-padding#time a,.section-padding#time a:hover{font-size:300%;}
.table.StackTableCS{font-size:180%;}
.view-mail img{width:50%;}
.table-responsive>.table.StackTable th,.table-responsive>.table.StackTable td{ font-size:150%;}
.clinics{font-size:150%;}
.modal-dialog {width: 600px;margin: 30px auto;}
}
@media screen and (max-width: 991px){
.wrapper, .container{ width: 100%; padding: 0; max-width:inherit; min-width: inherit; padding:0 30px;}
.table.StackTableCS{font-size:150%;}
.section-padding#new .container,.section-padding#register .container{padding: 30px 30px 10px 30px;}
.cta-2-txt.text-left.realTime{ margin-top:20px;}
h1, .h1, h2, .h2, h3, .h3{ margin:initial;}
}
@media (max-width: 800px){
/*Label the data*/
.section-padding img{ width:100%;}
.col-md-6.col-sm-6.col-xs-12 .table{ margin-bottom:0;}
.col-md-6.col-sm-6.col-xs-12:nth-child(2) .table>tbody>tr:nth-child(1)>td, .col-md-6.col-sm-6.col-xs-12:nth-child(2) .table>tbody>tr:nth-child(1)>th{ border-top:1px dotted #ccc;}
.table-responsive{ border:0; border-radius: 10px;}
.col-md-6.col-sm-6.col-xs-12 .table>tbody>tr>td,.col-md-6.col-sm-6.col-xs-12 .table>tbody>tr>th{ border-top:1px dotted #ccc;}
.banner{ background-position:50%;}
.nav.child_menu>li>a { color: #fff; font-weight: 500;}
.nav-sm ul.nav.child_menu {left: 100%;position: absolute; top: 0;width: 210px; z-index: 4000; background: #005193;display: none;}
.nav-sm ul.nav.child_menu ul.nav.child_menu{ padding-left:7px;}
.nav-sm ul.nav.child_menu ul.nav.child_menu ul.nav.child_menu{ padding-left:7px;border-right:0;}
.nav-sm .nav.child_menu li.active, .nav-sm .nav.side-menu li.active-sm{border-right:0;}
.nav.child_menu li li a:hover, .nav.child_menu li li a.active,.nav.child_menu>li.sub_menu.active>a{color: #1b99a7;}
.nav-sm .x_title h2 {width: 77%;}
p.ac{line-height:1.8em;}
.page-title{ height:auto;}
body.x_panel_2 .x_panel_3{ border:0; padding:0;}
#mapLocation { padding: 10px 0;}
.container { padding: 0 30px;}
.navbar .container { padding: 0 15px;}
.flex-viewport{height:300px;}
.banner {background-position:top!important;background-size:auto 300px; background-repeat:no-repeat;}
.banners.short{margin-top: 0px;}
.banners.short .flex-viewport{height:480px;}
.banners.short .banner {background-position:top!important;background-size:auto 480px; background-repeat:no-repeat;}
.section-padding#mapLocation a,.section-padding#mapLocation a:hover{font-size:150%;}
.section-padding#time a,.section-padding#time a:hover{font-size:200%;color:#154166;cursor:pointer;}
.table-responsive>.table>tbody>tr>td{white-space: initial;}
.banners{position:relative;top:120px;padding-bottom: 120px;}
.section-padding#news .container,.section-padding#register .container{margin-top:80px;}
.clinics {font-size: 150%;}
.form-group label{margin-bottom:0;}
img.his {width: 200px;height: auto;}
.navbar-default .navbar-brand {margin: 10px  0  0 0}
}

@media(max-width:860px) and (orientation : landscape){
 .navbar-right {float: left!important;}
 .navbar-default .navbar-brand { margin: 10px 0 0 0;}
}


@media (max-width: 800px) and (orientation : landscape) {
.banners{position:relative;top:50px;padding-bottom: 50px;}
.navbar-right {float: none!important; margin: auto;display: table;}
.navbar-default .navbar-brand { margin: 10px 0;}
h1#nhiLogo strong { max-width: 440px;}
}

@media(min-width:568px) and (orientation : landscape){
.x_title h2 {width: 80%;}
.nav-sm .x_title h2 {width: 62%;}
.nav-md .x_title h2 {width: 90%;}
}
@media screen and (min-width: 1441px){
.x_title h2 {width: auto;}
}
@media screen and (min-width: 1024px){
.x_title h2 {width: auto;}
.navbar-default .navbar-nav > li > a {font-size: 140%;}
}
@media only screen and (max-device-width: 800px) and (-webkit-min-device-pixel-ratio: 1.5) {
 .StackTableCS2  .btn.btn-success.othersBtn:first-child{ display:none;}
}
/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
footer {margin-left:0px;}
.flex-direction-nav .flex-prev { left: 0px;}
.flex-direction-nav .flex-next {right: 0px;}
.banners.short .flex-viewport{height:640px;}
.banners.short .banner {background-position:top!important;background-size:auto 640px; background-repeat:no-repeat;}
.container.siteLink{ width:100%;}
#support .supportCopper a img{ width:100%;}
a.post-link{ font-size:100%;}
.section-padding2#news,.section-padding2#register{ padding: 110px 0 0 0!important;}
 .StackTableCS2  .btn.btn-success.othersBtn:first-child{ display:none;}
 .banners.short {margin-top: 80px;}
 .navbar-right {float: left!important;}
}

@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation : landscape){
.wrapper, .container,.container.siteLink,.banners{width:100%!important;}/* 左右padding為ipad不左右晃破版關鍵 */
.banners.short{margin-top: 30px;}
.banners.short .flex-viewport {height: 480px;}
.container>.navbar-header { display: contents;}
}

@media (max-width: 480px){
.modal-dialog { position: relative;width: auto;margin: 10px;}
br.rwd_1{ display:block;}
.well{ padding:7px;}
.pull-left.dateSearch{ float:none!important; display:block;}
.cta-2-form input.Qsearch[type="text"] {min-width: 280px;}
h2.codeName em{ display:none;}
#mapLocation { padding:0;}
h1{ margin-bottom:10px;}
h1#nhiLogo strong{max-width:260px;font-size: 28px; left: 38px;}
#nhiLogo i {width: 28px;height: 28px;top: 0px;}
h1{font-size:200%; margin-top:5px; text-indent:5px;}
.nav>li>a { padding: 0;}
#favoriteLink { text-align: left;}
#footer .col-xs-9,#footer .col-xs-3 {width:100%; text-align:center!important;}
#footer .col-xs-3 {margin-top:20px;}
.banners.short{margin-top: 0px;}
.flex-viewport{height:200px;}
.banner {background-position:top!important;background-size:auto 200px; background-repeat:no-repeat;}
.banners.short .flex-viewport{height:320px;}
.banners.short .banner {background-position:top!important;background-size:auto 320px; background-repeat:no-repeat;}
.btn{width:100%;}
.btn.weekChange{width: 48%; margin: 0; font-size: 100%; padding: 5px;}
.section-padding#time table th{font-size:100%;}
.section-padding#time table td{font-size:100%;}
.section-padding#time cite{font-size:100%;}
.section-padding#time a,.section-padding#time a:hover{font-size:145%;}
.cta-2-txt{font-size:16px;}
.table.StackTableCS{font-size:100%;}
.table-responsive {overflow-x: hidden;padding:1px!important;border-radius:0px;}
.table-responsive th:nth-child(3),.table-responsive td:nth-child(3){display:none;}
.table-responsive td:nth-child(2) a{width:220px;word-wrap: break-word;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;}
.table.StackTableCS th, .table.StackTableCS td {padding: 15px 5px;font-size: 133%;}
h2.docoterName {margin-top: 10px;}
.banners{position:relative;top:50px;padding-bottom: 50px;}
.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle),.btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child){width:50%;}
.section-padding#news,.section-padding#register{ padding: 60px 0px 30px 0;}
.section-padding2#news,.section-padding2#register{ padding: 0px!important;}
.registerTable th,.registerTable td{font-size:100%;}
.registerTable td{padding:10px;}
.registerTable .row{ margin-right: -17px;margin-left: -17px;}
.actionBar a{margin:3px;}
.section-padding#news,.section-padding#register{ padding: 0px 0px 30px 0;}
.registerTable th,.registerTable td{font-size:100%;}
.registerTable td{padding:10px;}
.registerTable .row{ margin-right: -17px;margin-left: -17px;}
.btn.btn-default.social-icon{width:40px;}
.btn.btn-success.othersBtn{margin:20px 0 30px 0;width: 48%;}
.btn.btn-success.othersBtn:first-child{ margin-right:1%;}
.col-sm-6.col-xs-12.text-right{ text-align:center;}
table.realTime tr th,table.realTime tr td { border: 2px solid #5fc0d1; padding: 2px; font-size: 120%;  letter-spacing: 2px; }
th.winfo-title { font-size: 120% ; min-width:80px;}
td.winfo-data { padding: 5px 2px ;font-size: 120% ;   }
div.winfo-data { letter-spacing: 0px; }
div.wait-block { margin: 0px; float: left; }
div.winfo-mtime, div.advert-info, marquee { font-size: 14px; letter-spacing: 0px; text-align: right; }
div.winfo-regno { font-size: 38px; top:-8px;}
div.winfo-rwrec {  font-size: 120%;  }
.col-xs-12.col-md-6.realTime{ margin-bottom:40px;}
.form-group.marginTop20{ margin-top:0;  margin-bottom: 0;line-height: 2.8em;}
.btn.btn-success.antoclose2{ margin-top:6px;} 
.form-horizontal .text-center{ text-align:left;}
/* Force table to not be like tables anymore */
table.StackTable, table.StackTable thead, table.StackTable tbody, table.StackTable th, table.StackTable td, table.StackTable tr {display: block;border: 0;}
/* Hide table headers (but not display: none;, for accessibility) */
table.StackTable thead tr {position: absolute;top: -9999px;left: -9999px;}
table.StackTable tr {border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}
table.StackTable tr:first-child {border-top: 0;}
table.StackTable tr:last-child {border-bottom: 0;}
table.StackTable td {border: none;border-bottom: 1px dotted #ccc;position: relative;width: 100%;}
table.StackTable > tbody > tr > td {border-top: 0;font-size: 120%;}
.table.StackTable td:before {font-weight: bold;white-space: initial;color: #333 !important; display:block;}
.function_01 td:before { content: attr(data-title);}
table.StackTable i.fa-minus-circle{font-size: 129%;}
.StackTableCS2  .btn.btn-success.othersBtn { margin: 0!important;width: 48%;}
.StackTableCS2  .btn.btn-success.othersBtn:first-child{ display:none;}
.navbar-default .navbar-brand{margin:9px 0;}
th.winfo-title {min-width:80px!important;}
.section-padding#news img{width: 100%;max-width: initial;}
}
@media (max-width: 375px) {
.table-responsive td:nth-child(2) a{width:200px;}
}

@media (max-width: 320px){
table.table th{ width:140px;}
.banners.short .flex-viewport{height:240px;}
.banners.short .banner {background-position:top!important;background-size:auto 240px; background-repeat:no-repeat;}
.checkDate{font-size: 150%;}
.table-responsive td:nth-child(2) a{width:165px;}
.table.StackTableCS th, .table.StackTableCS td {font-size: 100%;}
h2.docoterName {font-size: 220%;}
.registerTable td { padding: 6px;}
.visitor {margin: 0px 0;}
h1#nhiLogo strong{max-width:240px;font-size: 25px; left: 38px;}
}

.banner{background-size:auto 100%;}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5)  and (orientation : portrait){
    .banner{background-size:auto 66%!important;}
}
@media only screen and (min-device-width: 1024px) and (max-device-width: 1365px) and (-webkit-min-device-pixel-ratio: 1.5)  and (orientation : landscape){
    .banner{background-size:auto 66%!important;}
}
@media (max-width: 800px) and (orientation : portrait){
    .banner{background-size:auto 50%!important;}
}
@media (max-width: 480px) {
    .banner{background-size:auto 33%!important;}
}
@media print { 
    button.close,.btn.btn-success.othersBtn,li.print,a.listBack{ display:none;height:1px;}
    .StackTableCS2 tr:last-child td{border-bottom:none;}
    .modal-content{border:none;}
    .section-padding,.footer,.container{padding: 0;}
    .clearfix{height:1px}
}

/* CS logo
h1#nhiLogo {text-indent:-9999px;width:360px;height:39px; background:url(../images/logo.png) no-repeat;background-size:360px 39px; margin-left: 51px;margin-bottom: 0;}

@media (max-width: 480px) {
h1#nhiLogo {;width:240px;height:26px; background:url(../images/logo.png) no-repeat;background-size:240px 26px; margin-left: 34px;}
} */

/* h1字很多版新增 */
@media only screen and (min-device-width: 667px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 1.5) {
    h1#nhiLogo strong{max-width:initial;}
}/* mobile 直寬修改規零 */

 @media only screen and (min-device-width: 737px) and (max-device-width: 812px) and (-webkit-min-device-pixel-ratio: 1.5) {
    .navbar-right{ float:left!important}
}/* mobile 直寬修改規零 */

 @media only screen and (min-device-width: 569px) and (max-device-width: 800px) and (-webkit-min-device-pixel-ratio: 1.5) and (orientation : landscape) {
    h1#nhiLogo strong{max-width:590px;}
}/* ipad Pro 寬限制 */


@media only screen and (min-device-width: 768px) and (max-device-width: 1366px) and (-webkit-min-device-pixel-ratio: 1.5) {
    section#news,.section-padding2#news{   padding-top: 120px!important; }
    .banners {top: 120px;  padding-bottom: 80px;}
}/* ipad Pro 寬修改規零 */