/* CSS Document */
@charset "utf-8";
/*-----------------------------------------------------------------------------
-	預設樣式 -
author:		  英創達網路有限公司
email:     	web@e-creative.tw
website:   	http://e-creative.tw
-----------------------------------------------------------------------------*/
/* ---------------------------------------------------------------- */
/*
/*	 1.	清除樣式
/*	 2.	標籤
/*	 3.	文字
/*	 4. 圖片
/*	 5. 編排
/*	 6. 常用
/* ---------------------------------------------------------------- */
/* ==========================================================================
		1. 清除樣式
 ========================================================================== */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display: block;}
audio,canvas,video {display: inline-block;}
html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; }
a {background: transparent; /*清除ie10連結過的灰色背景*/ outline: none; behavior:expression(this.onFocus=this.blur());}
a:focus {outline: thin dotted;}
a:active,a:hover {outline: 0;}
b,strong {font-weight: bold;}
table { border-collapse: collapse; border-spacing: 0; }
p{margin:0px;}
img {border: 0;}
/* ==========================================================================
		2. 標籤
========================================================================== */
/*html, body { 手機頁尾設定
	height: 100%;
	margin: 0;
	padding: 0;
  overflow-x:hidden;
} */
html, body {
	height: 100%;
	padding: 0;
    /*overflow-x:hidden;*/
}
@media screen and (max-width: 980px){
    #layout {
      overflow-x:hidden; 
    }
}
@media screen and  (orientation: landscape) and (max-width: 980px){/*當螢幕小於1024 並橫著看*/
    #layout {
		width: 100%;
    }  
}
body {
  color: #545454;
  font: 14px/1.5em Arial,"微軟正黑體","新細明體";
  margin: 0;
  /*text-align: justify;
    text-justify: inter-ideograph;*/
  -webkit-font-smoothing: antialiased;
  background-color: #F3F3F3;
}
/*#layout { 手機頁尾設定
  height: 100%;  
}
#layout-top { 手機頁尾設定
    min-height: 100%;
}

@media screen and (max-width: 980px){ 手機頁尾設定
    #layout {
      margin: 0 -15px 0 0;
    }
    #footer {
      margin: -240px 0 0 0;
    }
} */
/*漸變改色*/
*:link, *:visited, *:hover, *:active, *:focus , * {
    -o-transition: color .20s linear, background-color .20s linear, border-color .20s linear;
    -webkit-transition: color .20s linear, background-color .20s linear, border-color .20s linear;
    -moz-transition: color .20s linear, background-color .20s linear, border-color .20s linear;
    transition: color .20s linear, background-color .20s linear, border-color .20s linear;
}
/*列表- 行*/
ul.rows,    
ol.rows,    
dl.rows {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.rows > li, 
ol.rows > li,
dl.rows > dt, 
dl.rows > dd {
    margin: 0;
    padding: 0;
    display: block;
}
/*列表 - 欄*/
ul.columns, 
ol.columns, 
dl.columns {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.columns:after,
ol.columns:after,
dl.columns:after {
    content: "";
    clear: both;
    width: 0;
    height: 0;
    display: block;
    overflow: hidden;
    visibility: hidden;
}

ul.columns > li, 
ol.columns > li,
dl.columns > dt, 
dl.columns > dd {
    margin: 0;
    padding: 0;
    float: left;
}
hr {
    border-top-style: none;
    border-bottom-width: 0px;
    border-bottom-style: none;
    clear: both;
    border-right-style: none;
    border-left-style: none;
    border-top-width: 0px;
    border-right-width: 0px;
    border-left-width: 0px;
    display: block;
    padding-top: 20px;
    margin-bottom: 25px;
}
/*實線*/
hr.line {
    padding: 2px 0;
    border-bottom:#dbdbdb solid 1px;
}
/*hr.line {
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: none;
    border-bottom-color: #CCC;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
/*虛線*/
hr.dashed {
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 1px;
    border-left-width: 0px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: dashed;
    border-left-style: none;
    border-bottom-color: #CCC;
    margin-top: 10px;
    margin-right: 0px;
    margin-bottom: 10px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
/*掛號服務-線*/
.hrAp {
  background: url(images/in3_line_bg.jpg) repeat-x bottom;
  margin:0 0 20px 0;
}
/*醫師查詢-線*/
.hrSubjects {
  border-bottom: solid 1px #cccccc;
  padding: 0 0 12px 0;
  margin:0 0 15px 0;
}
/* ==========================================================================
		3. 文字
========================================================================== */


h1 {
    font-size: 2em;
    margin: 0.67em 0;
}

h2 {
    font-size: 1.5em;
    margin: 0.83em 0;
}

h3 {
    font-size: 1.17em;
    margin: 1em 0;
}

h4 {
    font-size: 1em;
    margin: 1.33em 0;
}

h5 {
    font-size: 0.83em;
    margin: 1.67em 0;
}

h6 {
    font-size: 0.67em;
    margin: 2.33em 0;
}
/*時間*/
time {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 10px;
    color: #999;
}
address{
    font-style:normal;
    font-weight:normal;
}
/*顏色*/
.red {
    color: #FF0000;
}
.red2 {
  color: #d20b0b;
}
.blue {
  color: #2D8CDB;
  font-size:15px;
}
.blue2 {
  color: #1c7ac8;
}
.blue2 a {
  color: #1c7ac8;
  font-weight: bold;
  padding: 0 3px;
}
.blue2 a:hover {
  color: #d20b0b;
}
.gray{
  color:#8a8a8a;
}
/*科別顏色*/
.division {
  color: #59a5e5;
  padding: 0 2px;
}

.normal{
  font-weight: normal;
}

/*備註文字*/
.notes {
    color: #999;
}
/*強調數字*/
.num {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 17px;
    color: #FF0000;
    margin-right: 5px;
    margin-left: 5px;
}
/* 避免無空格的長文拉寬畫面 */
td.code , td.quote {
    display: block !important;
    overflow: auto !important;
}
/*隱藏文字*/
.thidden {
    text-indent: -9999em;
    text-align: left;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    line-height: 0px;
    font-size: 0px;
}
.copyright{
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	display: block;
}
/* ==========================================================================
		4. 圖片
========================================================================== */
/*圖片垂直置中*/
.img {
    text-align: center;
/* Firefox, Chrome */
    line-height: 300px;
/* IE */
    *font-size: 270px;
  /* 200px * 0.9 = 180px */
    *font-family: Arial;
}
.img img {
    vertical-align: middle;
}
img {
    vertical-align: middle;
}
/*距離下方*/
.mb{ 
	margin-bottom:30px;
}
.mr{ 
	margin-right:30px;
}
/* ==========================================================================
		 5. 編排
========================================================================== */

/*清除兩邊*/
.clear {
    clear: both;
    margin: 0px;
    padding: 0px;
}
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
/*靠左右*/
.fr {float: right;}

.fl {float: left;}
/*置中*/
.tfc {    text-align: center;}
/*自動100%撐開*/
.auto {
    overflow: hidden;
    zoom: 1;
}
.auto .left {
    float: left;}
.auto .right {
    overflow: hidden;
    zoom: 1;
}
/*寬度*/
.w10 {    width: 9%;}
.w20 {    width: 19%;}
.w30 {    width: 29%;}
.w33 {    width: 32.5%;}
.w40 {    width: 39%;}
.w50 {    width: 50%;}
.w60 {    width: 59%;}
.w70 {    width: 69%;}
.w80 {    width: 79%;}
.w90 {    width: 89%;}
.w100 {    width: 99%;}
.w15 {    width: 14%;}
.w25 {    width: 24%;}
.w35 {    width: 34%;}
.w45 {    width: 44%;}
.w55 {    width: 54%;}
.w65 {    width: 64%;}
.w75 {    width: 74%;}
.w85 {    width: 84%;}
.w95 {    width: 94%;}
/* ==========================================================================
		6. 常用
========================================================================== */

/*圓角*/
.radius {
    border-radius: 5px;
}
/*文字陰影*/
.text-shadow {
    text-shadow: 1px 1px 2px #777;
}
/*區塊陰影*/
.box-shadow {
    box-shadow: 3px 3px 5px #777;
}
/*選取*/
li:nth-child(1) {}
li:first-child {}
li:last-child {}
/*手指效果*/
.cursor {
    cursor: pointer;
}
/*Hack*/
.hack {    margin-right: 14px\0;/* IE 8+ */}
:root .hack {    margin-right: 18px\9;/* IE 9+ */}
*+html .hack {    margin-right: 14px;/* IE 7+ */}

.animate,.animate a {
    -webkit-transition: all .2s ease-out 0s;
    -moz-transition: all .2s ease-out 0s;
    -o-transition: all .2s ease-out 0s;
    -ms-transition: all .2s ease-out 0s;
}