@charset "utf-8";
body {
	margin: 0px;
	font-size: 1em;
	letter-spacing: 0.05em;
	color: #333;
}
img {
	border: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
 *border-collapse: expression('separate', cellSpacing = '0');
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
a:link, a:visited, a:hover, a:active {
	text-decoration: none;
}
table tr td {
	padding: 0;
}
h1, h2, h3, h4, h5, h6, ul, li, ol {
	margin: 0;
	padding: 0;
}
/*表單設定*/
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-family: 'Century Gothic', 'Microsoft JhengHei', 'Apple LiGothic Medium', 'Helvetica, Arial', "LiHei Pro", "微軟正黑體";
}
select {
	border: 1px solid #ccc;
	padding: 8px 1px;
	color: #666;
}
input {
	border: 1px solid #ccc;
	padding: 8px 5px;
	color: #666;
}
textarea {
	border: 1px solid #ccc;
	padding: 3px 5px;
	color: #666;
}
input[type="submit"], input[type="reset"], input[type="button"], button {
	-webkit-appearance: none;
}

@media (min-width: 959px) {
/*選單*/
#navmenu {
	display: none;
}
#menu-btn {
	display: none;
}
#toolbarnav {
	display: none;
}
/*主內容*/
#content {
	padding-top: 119px;
}
#pagebody {
	margin: 0;
}
#w {
	margin: 0;
}
}
/*統一設定*/
.rel {
	position: relative;
}
.container {
	margin: 0 auto;
	max-width: 1200px;
	width: auto !important;
	width: 980px;
}
.addtop0 {
	margin-top: 0 !important;
	padding: 0 !important;
}
.addtop25 {
	margin-top: 25px;
}
.addtop50 {
	margin-top: 50px !important;
}
.addtop100 {
	margin-top: 100px !important;
}
.addtop10p {
	padding-top: 10px !important;
}
.addtop25p {
	padding-top: 25px !important;
}
.addtop100p {
	padding-top: 100px !important;
}
.addtop150p {
	padding-top: 150px !important;
}
.addbottom25 {
	padding-bottom: 25px;
}
.addbottom50 {
	padding-bottom: 50px;
}
.addbottom100 {
	padding-bottom: 100px;
}
.font_red {
	color: #e61976;
}
.font_red02 {
	color: #9b112a;
	font-weight: 700;
}
.font_grey {
	color: #999;
}
.font_small {
	font-size: 0.85em;
}
.gtco-loader {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  z-index: 999999;
  background: url(../images/loader.gif) center no-repeat #fbfbfb;
}
.web {
	display: block;
}
.mobile {
	display: none;
}
/*全網站icon設定*/
.icon-home{
  background: url(../images/svg/home.svg) left center;
	background-repeat: no-repeat;
	-moz-background-size:20px;
	-webkit-background-size:20px;
	-o-background-size:20px;
	background-size:20px;	
	padding-left: 25px;
}
.icon-arrow{
  background: url(../images/svg/arrow.svg) left top;
	background-repeat: no-repeat;
	-moz-background-size:20px;
	-webkit-background-size:20px;
	-o-background-size:20px;
	background-size:20px;	
	padding-left: 25px;
}
.icon-phone{
  background: url(../images/svg/phone.svg) left top;
	background-repeat: no-repeat;
	-moz-background-size:20px;
	-webkit-background-size:20px;
	-o-background-size:20px;
	background-size:20px;	
	padding-left: 25px;
}
.icon-time{
  background: url(../images/svg/time.svg) left top;
	background-repeat: no-repeat;
	-moz-background-size:20px;
	-webkit-background-size:20px;
	-o-background-size:20px;
	background-size:20px;	
	padding-left: 25px;
}
/*全網站title的icon設定*/
.icon-clock{
  background: url(../images/svg/clock.svg) left top;
	background-repeat: no-repeat;
	-moz-background-size:40px;
	-webkit-background-size:40px;
	-o-background-size:240px;
	background-size:40px;	
	padding-left: 45px;
	font-weight: normal;
	margin-top: 25px;
}
.icon-treatment{
  background: url(../images/svg/treatment.svg) left top;
	background-repeat: no-repeat;
	-moz-background-size:40px;
	-webkit-background-size:40px;
	-o-background-size:240px;
	background-size:40px;	
	padding-left: 45px;
	font-weight: normal;
	margin-top: 25px;	
}
.icon-doctor{
  background: url(../images/dricon.jpg) left top;
	background-repeat: no-repeat;
	-moz-background-size:40px;
	-webkit-background-size:40px;
	-o-background-size:240px;
	background-size:40px;	
	padding-left: 45px;
	font-weight: normal;
	margin-top: 25px;	
}
/*全網站title設定*/
.titlebig {
 font-size: 2em;
}
/*上方*/
header {
	width: 100%;
	position: fixed;
	height: 90px;
	z-index: 250;
	top: 0;
	left: 0;
	background: #fff;
}
#logo {
	position: absolute;
	top: 3px;
	left: 0;
}


#logo a.logobg {
  display: block;
	background-image: url(../images/logobg.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 75px;
	padding-top: 0;
	height: 80px;
	position: relative;	
}
#logo a .en {
 transform: rotate(30deg);
 -ms-transform: scale(0.5);       /* IE 9 */
 -webkit-transform: scale(0.5);   /* Safari and Chrome */
 -o-transform: scale(0.5);        /* Opera */
 -moz-transform: scale(0.5);      /* Firefox */ 
 font-size: 20px;  
 position: absolute;
 left: -22px;
 bottom: -3px;
 color: #000;
}

#logo .font01 {
 font-size: 2.2rem !important;
 color: #333333;
 border-bottom: 1px solid #b6b6b6;
 letter-spacing: 0.1em;
}
#logo .font02 {
 display: block;
 font-size: 0.95rem !important;
 padding-top: 1px;
 padding-left: 3px;
 letter-spacing: 0.2em;
}
#logo h1 , #logo h2 {
 font-size: initial;
 font-weight: normal;
}
/*右上網路掛號*/
#register-btn {
  display: block;
	position: absolute;
	top: 15px;
	right: 3px;
}
#register-btn .a_demo_three {
	background-color: #69b16c;
	text-decoration: none;
	color: #fff;
	position: relative;
	padding: 10px 20px;
	border-left: solid 1px #2ab7ec;
	margin-left: 35px;
	background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	box-shadow: inset 0px 1px 0px #528c55, 0px 5px 0px 0px #528c55, 0px 10px 5px #ccc;
}
#register-btn .a_demo_three:active {
	top: 3px;
	background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
}
/*右上FB連結*/
#fb-btn {
  display: block;
	position: absolute;
	top: 15px;
	right: 120px;
}
#fb-btn .a_demo_three {
	background-color: #4267b2;
	text-decoration: none;
	color: #fff;
	position: relative;
	padding: 10px 20px;
	border-left: solid 1px #2ab7ec;
	margin-left: 35px;
	background-image: linear-gradient(bottom, rgb(66,103,178) 0%, rgb(50,79,138) 100%);
	box-shadow: inset 0px 1px 0px #1a2d52, 0px 5px 0px 0px #1a2d52, 0px 10px 5px #ccc;
}
#fb-btn .a_demo_three:active {
	top: 3px;
	background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	box-shadow: inset 0px 1px 0px #304f8f, 0px 2px 0px 0px #304f8f, 0px 5px 3px #999;
}
/*右上廣播時間連結*/
#radio-btn {
  display: block;
	position: absolute;
	top: 15px;
	right: 220px;
}
#radio-btn .a_demo_three {
	background-color: #d79910;
	text-decoration: none;
	color: #fff;
	position: relative;
	padding: 10px 20px;
	border-left: solid 1px #d79910;
	margin-left: 35px;
	background-image: linear-gradient(bottom, rgb(66,103,178) 0%, rgb(50,79,138) 100%);
	box-shadow: inset 0px 1px 0px #815c0c, 0px 5px 0px 0px #815c0c, 0px 10px 5px #ccc;
}
#radio-btn .a_demo_three:active {
	top: 3px;
	background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	box-shadow: inset 0px 1px 0px #ac7b0d, 0px 2px 0px 0px #ac7b0d, 0px 5px 3px #999;
}

/*右上疫情連結*/
#covid19-btn {
  display: block;
	position: absolute;
	top: 15px;
	right: 335px;
}
#covid19-btn .a_demo_three {
	background-color: #A31618;
	text-decoration: none;
	color: #fff;
	position: relative;
	padding: 10px 20px;
	border-left: solid 1px #710f10;
	margin-left: 35px;
	background-image: linear-gradient(bottom, rgb(66,103,178) 0%, rgb(50,79,138) 100%);
	box-shadow: inset 0px 1px 0px #710f10, 0px 5px 0px 0px #710f10, 0px 10px 5px #ccc;
}
#covid19-btn .a_demo_three:active {
	top: 3px;
	background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	box-shadow: inset 0px 1px 0px #710f10, 0px 2px 0px 0px #710f10, 0px 5px 3px #999;
}


/*手機下方掛號*/
#register-btn-mobile{
 display: none;
}
/*連結*/
nav {
	width: 100%;
	position: fixed;
	z-index: 250;
	height: 50px;
	top: 90px;
	left: 0;
	text-align: center;
	background-image: url(../images/menubg.jpg);
}
nav li {
	float: center;
	list-style-type: none;
}
/*第一層*/
ul.navigation li {
	position: relative;
	list-style-type: none;
	z-index: 100;
	display: inline-block;
	color: #fff;
	text-align: center;
	font-size: 1.2em;
	line-height: 50px;
	padding: 0 18px;
}
ul.navigation li a {
	display: block;
	text-align: center;
	color: #fff;
}
ul.navigation li:last-child {
	border-right: none;
}
ul.navigation > li > a {
}
ul.navigation > li > a:hover {
}
ul.navigation li ul {
	width: 100%;
	display: none;/*隱藏*/
	position: absolute;
	left: 0;
}
ul.navigation li:hover > ul {
	display: block;/*出現*/
}
ul.navigation ul li {
	color: #fff;
	width: 100%;
	background: #895931;
	line-height: 25px;
	padding: 10px 0;
}
ul.navigation ul li:hover {
	color: #fff;
	background: #673e1c;
}
ul.navigation ul li:last-child {
	border-bottom: none;
}
/*連結高度*/
.addheight {
	text-align: center;
}
.addheight:hover {
	background: #895931;
	color: #fff;
}
.addheight ul li a {
	color: #fff;
	font-size: 0.8em;
}
.addheight ul li a:hover {
	color: #f5c24f;
}
/*首頁banner*/
#banner {
	display: block;
	height: 550px;
}
#bannermobile {
	display: none;
}
#bannertxt {
	text-align: center;
}
.bannerin {
	display: block;
	width: 100%;
	height: 550px;
	background-position: center;
	/*background-position: right;*/
}
/*首頁六宮格*/
#index-icon {
	position: absolute;
	width: 300px;
	top: 50px;
	left: 50px;
	z-index: 150;
}
#index-icon li {
	float: left;
	display: inline-block;
	background-image: url(../images/index-iconbg.jpg);
	width: 125px;
	height: 125px;
	margin-right: 5px;
	margin-bottom: 5px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#index-icon li:hover {
	background-image: url(../images/index-iconbg02.jpg);
}
#index-icon li a {
	display: block;
	width: 120px;
	height: 120px;
	padding: 85px 5px 5px 5px;
	text-align: center;
	color: #303030;
	background-repeat: no-repeat;
	line-height: 17px;
	letter-spacing: 0.01em;
}
#index-icon li .icon01 {
	background-image: url(../images/index-icon.png);
	background-position: 0;
}
#index-icon li .icon02 {
	background-image: url(../images/index-icon.png);
	background-position: -120px;
}
#index-icon li .icon03 {
	background-image: url(../images/index-icon.png);
	background-position: -240px;
}
#index-icon li .icon04 {
	background-image: url(../images/index-icon.png);
	background-position: -360px;
}
#index-icon li .icon05 {
	background-image: url(../images/index-icon.png);
	background-position: -480px;
}
#index-icon li .icon06 {
	background-image: url(../images/index-icon.png);
	background-position: -600px;
}

#index-icon li span.small {
 font-size: 0.6em;
}

/*首頁三塊介紹*/
#indexnote {
	display: flex;
	margin: 10px 10px 25px 10px;
}
.indexnote {
	display: flex;	
	flex: 1;
	flex-wrap: nowrap;
	margin-right: 10px;
}
.indexnote:last-child {
	margin-right: 0;
}
.indexnote:hover {
	box-shadow: 0 0 10px 5px rgba(0,0,0,.15);
}
/*首頁消息*/
#indexnews {
	float: left;
	width: 60%;
	padding: 10px;
	font-size: 1.1em;
}
#indexnews h2 {
	color: #9f2925;
	margin: 0 0 5px 0;
}
#indexnews #newsimg {
	margin-bottom: 10px;
}
#indexnews li {
	padding: 7px 0 0 0;
	list-style-type: none;
}
#indexnews li a {
	color: #666;
	float: left;
	display: inline-block;
	padding-left: 10px;
	width: 80%;
}
#indexnews li a:hover {
	color: #84ccc9;
}
#indexnews li .date {
	color: #666;
	float: left;
	display: inline-block;
	border-right: 1px solid #666;
	padding-right: 10px;
	width: 20%;
}
/*首頁圖片消息*/
#indexservice {
	float: left;
	width: 40%;
	padding: 10px;
}
#indexservice h2 {
	color: #9f2925;
	margin: 25px 0 5px 0;
}
.indexservice {
	position: relative;
}
.indexservice .txt {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 0 25px;
	background-color: #000;
	background-color: rgba(0,0,0,0.7);
	color: #eee;
	opacity: 0;
}
.indexservice a {
	display: block;
	width: 100%;
	color: #eee;
}
.indexservice:hover > .txt {
	opacity: 1;
	-webkit-transition-duration: 0.5s;
	transition-duration: 0.5s;
	-webkit-transition-timing-function: ease-in;
	transition-timing-function: ease-in;
}
.indexservice .txt h5 {
	font-size: 1.5em;
	font-weight: normal;
	margin-top: 25px;
}
.indexservice .txt h4 {
	font-size: 1.2em;
	font-weight: normal;
	margin-bottom: 25px;
}
/*首頁more*/
.more {
	float: left;
	color: #c9aa8b;
	border-bottom: 1px solid #c9aa8b;
	padding: 10px 3px 3px 3px;
}
.more a {
	color: #c9aa8b;
}
/*首頁據點*/
#indexlocation {
	width: 100%;
	height: 600px;
	background-image: url(../images/woodbg.jpg);
	margin: 25px 0;
}
#map {
	float: left;
	width: 50%;
	overflow: hidden;
}
#txt {
	float: left;
	width: 50%;
}
/*首頁據點上方-全部據點*/
#txt-top {
	margin: 5%;
}
#txt-top h3 {
	color: #9f2925;
	font-size: 2em;
	margin: 0 0 25px 0;
}
#txt-top li {
	display: inline-block;
	background-color: #fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-image: url(../images/logoimg.png);
	background-repeat: no-repeat;
	background-position: 15px center;
	padding: 10px 15px 10px 55px;
	margin: 0 10px 15px 0;
	cursor: pointer;
}
#txt-top li a {
	color: #484848;
}
#txt-top li:hover {
	background-image: url(../images/logoimg.png);
	background-repeat: no-repeat;
	background-position: 15px center;
  background-color: #eee;
}
/*首頁據點下方-據點介紹*/
#txt-bottom {
	margin: 5%;
}
#txt-bottom .left {
 float: left;
 width: 49%;
 margin-right: 1%;
 margin-bottom: 2%;
}
#txt-bottom .right {
 float: right;
 width: 50%;
 margin-bottom: 5%; 
 text-align: left;
}
#txt-bottom .right .phone {
 margin-top: 5px;
}
#txt-bottom h3 {
 font-size: 1.5em;
}
#txt-bottom address {
 font-style: normal;
 display: inline-flex;
 justify-content: center;	
}
#txt-bottom .link {
	margin-top: 5px;
}
#txt-bottom .link a {
	display: block;
	width: 150px;
	text-align: center;
	background: #e6a281;
	color: #fff;
	height: 35px;
	line-height: 35px;
}
#txt-bottom .link a:hover {
 background: #9f2925;
}
/*首頁下載app*/
#index-app {
  /*display: block;
	background-image: url(../images/indexapp.jpg);
	height: 500px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;*/
}
#txt-bottom .locationimg {
	margin-top: 25px;
}
#index-app-mobile{
  display: none;
}
/*麵包屑*/
#sitemap {
	margin: 10px 0 0 0;
}
#sitemap ul {
	text-align: left;
}
#sitemap li {
	display: inline-block;
	font-size: 0.8em;
	color: #666666;
	padding: 0 10px;
	border-right: 1px solid #666666;
	margin-left: -5px;
	line-height: 1em;
}
#sitemap li a {
	color: #666666;
}
#sitemap li:last-child {
	border-right: none;
}

/*內頁上方背景*/
#bannerin{
background-position: center;
background-repeat: repeat-x;
background-position: top;
padding: 10px 0 0 0;
height: 240px;

}
.bg-about {
	background-image: url(../images/bgabout.jpg);
}
.bg-location {
	background-image: url(../images/bglocation.jpg);
}
.bg-medicaquality {
	background-image: url(../images/bgmedicaquality.jpg);
}
.bg-item-inter {
	background-image: url(../images/bg-item-inter.jpg);
}
.bg-item-ownexpense {
	background-image: url(../images/bg-item-ownexpense.jpg);
}
.bg-hemodialysis-quality {
	background-image: url(../images/bg-hemodialysis-quality.jpg);
}
.bg-broadcast {
	background-image: url(../images/bg-broadcast.jpg);
}
.bg-information {
	background-image: url(../images/bg-information.jpg);
}
/*內頁共用*/
h1.title{
 font-size: 2.2em;
 font-weight: normal;
}
h2.title{
 text-align: center;
 font-size: 2.2em;
 font-weight: normal;
}
h3.title{
 text-align: center;
 color: #cccccc;
 font-weight: normal;
}
.ckediter{
padding: 10px;
}
.ckediter p {
 font-size: 1rem !important;
 line-height: 24.0pt;
 color:#2c3e50;
}
.ckediter img {
	max-width: 100%;
	height:auto !important;
}
.ckediter-mobile {
 display: none;
}
/*回上頁*/
.back {
	width: 105px;
	margin: 50px auto;
	text-align: center;
	cursor: pointer;
	-mox-opacity: 0.5;
	filter: alpha(opacity=50);
	opacity: 0.5;
}
.back:hover {
	-mox-opacity: 1;
	filter: alpha(opacity=100);
	opacity: 1;
	-moz-transition: ease-in-out 0.3s;
	-o-transition: ease-in-out 0.3s;
	-webkit-transition: ease-in-out 0.3s;
	transition: ease-in-out 0.3s;
}
.back span {
	float: left;
	display: block;
	padding: 5px;
}
/*分頁數字*/
#page {
	margin: 25px 0;
}
#page ul {
	text-align: center;
}
#page li {
	display: inline-block;
	margin: 0 5px;
	font-size: 13px;
	color: #000;
}
#page li a {
	color: #999;
}
#page li a:hover {
	color: #000;
}
/*據點介紹*/
#location {
margin-top: 25px;
}
.location {
float: left;
width: 30%;
margin: 1.5%;
padding: 10px;
border: 1px #eee solid;
}
.location .img{
 /*height: 250px;*/
}
.location .name a{
 display: block;
 background: #fdf3e8;
 border-bottom: 3px solid #f08e1f;
 padding: 5px 10px;
 width: 100%;
 font-size: 2.1em;
 color: #2f2f2f;
}
.location .name02 a{
 display: block;
 background: #fdf3e8;
 border-bottom: 3px solid #f08e1f;
 padding: 5px 10px;
 width: 100%;
 font-size: 1.2em;
 color: #2f2f2f;
}
.location .txt{
 padding: 5px 10px;
}
.location .txt li{
	list-style-type: none;
}
.location .txt li a{
display: block;
width: 100%;
color: #565656;
}
.location .txt a .red {
 color: #a22521;
}
.location:hover {
 background: #eee;
 transition: 0.3s;
}
/*據點內頁*/
#location-top .img{
float: left;
width: 50%;
padding: 25px;
}
#location-top .txt{
float: right;
width: 50%;
padding: 25px;
margin: 50px 0;
border: 1px solid #eee;
}
#location-top .txt h1{
font-size: 2em;
padding: 5px 5px 10px 5px;
font-weight: normal;
display: block;
float: left;
}
#location-top .txt #iconlink{
float: right;
margin-top: 10px;
}
#location-top .txt #iconlink ul{
text-align: right;
}
#location-top .txt #iconlink li{
display: inline-block;
margin-right: 5px;
}
#location-top .txt ul.locationlist{
border-top: 5px solid #f08e1f;
padding-top: 20px;
}
#location-top .txt li{
list-style-type: none;
padding-bottom: 10px;
font-size: 1.1em;
}
#location-top .txt li a {
 color: #000
}
#location-top .txt li .red{
 color: #a22521;
 padding-right: 10px;
}
/*門診表分類*/
#outpatient-cateragy {
 text-align: left;
 margin: 10px 0 0 10px;
}
#outpatient-cateragy li{
 display: inline-block;
 list-style-type: none;
 margin-right: 10px;
 padding: 10px;
 margin-bottom: 13px;
	cursor: pointer;
	background-color:#a97239;
	position:relative;
	text-decoration:none;
	color:#fff;
	background-image: linear-gradient(bottom, rgb(100,170,30) 0%, rgb(129,212,51) 100%);
	box-shadow: inset 0px 1px 0px #6f4922, 0px 6px 0px #6f4922;
	border-radius: 5px;
}
#outpatient-cateragy li:hover{
	top:7px;
	background-image: linear-gradient(bottom, rgb(100,170,30) 100%, rgb(129,212,51) 0%);
	box-shadow: inset 0px 1px 0px #b2f17f, inset 0px -1px 0px #3d6f0d;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.3);
}
#outpatient-cateragy li.active {
 background-color: #9e2127;
	background-image: linear-gradient(bottom, rgb(100,170,30) 0%, rgb(129,212,51) 100%);
	box-shadow: inset 0px 1px 0px #6b1418, 0px 6px 0px #6b1418;
}
#outpatient-cateragy li.active:hover {
  top:0;
}
#outpatient-cateragy li.bggrey {
	background-color:#a97239;
  background-image: url(../images/svg/selfpay.svg);
	background-position-x: 5px;
	background-position-y: center;
  background-repeat: no-repeat;
	-moz-background-size:20px;
	-webkit-background-size:20px;
	-o-background-size:20px;
	background-size:20px;	
	padding-left: 25px;
}
/*總門診表*/
#schedule-img {
 padding: 10px;
}
#schedule-img img {
 max-width: 100%;
}
#schedule-img{
	padding:10px;
}
#schedule-img .title{
	background-image: url(../images/icon_schedule.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:40px;
	margin-bottom:10px;
	color:#2f2f2f;
	height:30px;
	line-height:30px;
	font-size:1.2em;
}
#schedule-img .title .en {
	color:#f4a6db;
	font-size:80%;
}

/*門診表*/
#schedule{
	padding:10px;
}
#schedule .title{
	background-image: url(../images/icon_schedule.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:40px;
	margin-bottom:10px;
	color:#2f2f2f;
	height:30px;
	line-height:30px;
	font-size:1.2em;
}
#schedule .title .en {
	color:#f4a6db;
	font-size:80%;
}

/*仿table列表設定*/
#item {
	background: #fff;
	color: #98544c;
	border-right:1px solid #eee;
	border-left:1px solid #eee;
}
.item {
	font-size:1.1em;
	display: table;
	width: 100%;
}
.item.th {
  background-image: url(../images/index-iconbg02.jpg);
	color:#000;
	border-bottom: 10px solid #b0665d;
}
.item.th li {
	border-right:1px solid #fff;	
}
.item ul {
	display: table-row;
}
.item li {
	padding: 10px;	
	display:inline-block;
	float:left;
	text-align: center;
	list-style-type: none;
	border-right:1px solid #eee;
	white-space: normal;
	text-align: center;
	/*min-height: 50px;*/
}
.item li:last-child {
	border-right:none;
}
.item li a {
	color:#333;
}
.itemlist {
	border-bottom:1px solid #eee;	
}

/*總門診表*/
.item-outpatient:nth-child(odd) {
    background: #f9f9f9;
}

/*門診表元素*/
.bggray {
	background:#f9f9f9;
}
.item li .drname{
 color: #98544c;
 display: block;
	cursor: pointer;	
}
.item li .drtime{
 color: #d64d3d;
	cursor: pointer;
}
/*仿table列表_標題+寬度等額外元素*/
.h90 {
	height: 90px;
	line-height: 90px;
}
.h80 {
	/*height:80px;*/
	line-height: 80px;
}
.h40 {
	height: 40px;
	line-height: 40px;
}
.w100 {
	width: 100%
}
.w90 {
	width: 90%
}
.w80 {
	width: 80%
}
.w70 {
	width: 70%
}
.w60 {
	width: 60%
}
.w50 {
	width: 50%
}
.w40 {
	width: 40%
}
.w30 {
	width: 30%
}
.w25 {
	width: 25%
}
.w20 {
	width: 20%
}
.w15 {
	width: 15%
}
.w12 {
	width: 12.5%
}
.w10 {
	width: 10%
}
/*醫療團隊*/
#list-dr{
margin-top: 25px;
}
.list-dr{
 display: flex;
 flex-direction: row; /*橫向往右*/
 flex-wrap: wrap; /*nowrap不換行、wrap換行、wrap-reverse換行換方向*/
 border-top: 5px solid #ecdfcb;
}
.list-dr .list {
 display: inline-flex;
 justify-content: center;
 align-items: center; 
 padding: 0;
 width: 50%;
}
.list-dr .list .img{
 padding: 5px;
 width: 40%;
}
.list-dr .list .txt{
 padding: 5px;
 width: 60%;
}
.list-dr .list .txt h5 {
 color: #98544c; 
  font-size: 0.9em;
}
.list-dr .list .txt h4 {
 color: #98544c; 
 font-size: 1.5em;
 font-weight: normal;
}
.list-dr .list .txt li {
 list-style-type: none;
 color: #737373;
}
.list-dr a.dr-register {
 display: block;
 width: 150px;
 text-align: center;
 padding: 3px 5px;
 margin: 5px 0 0 0;
 background: #a3683e;
 color: #fff;
}
.list-dr a.dr-register:hover {
 background: #673e1c;
}
/*醫療團隊-其他*/
#list-other {
 display: block;
}
#list-other1 {
 display: none;
}
.list-other {
 display: flex;
 flex-direction: row; /*橫向往右*/
 flex-wrap: wrap; /*nowrap不換行、wrap換行、wrap-reverse換行換方向*/
 border-top: 5px solid #ecdfcb;
}
.list-other:nth-child(even) {
 background: #fbf7f1;
}
.list-other .list{
 display: inline-flex;
 align-items: center; 
 padding: 1px 15px;
 width: 20%;
 border-right:1px solid #ecdfcb;
}
.list-other1 .list {
 padding: 10px;
}
.list-other .list .title ,.list-other1 .list .title {
 color: #6b6b6b;
}
.list-other .list .name ,.list-other1 .list .title {
 color: #98544c;
 font-size: 1.2em;
}
/*醫療品質*/
.prizelist {
 margin: 10px 0 25px 0;
}
.prizelist h4{
 border-bottom: 5px solid #cfa972;
 font-size: 1.5em;
 font-weight: normal;
 margin-bottom: 5px;
}
.prizelist ol {
 margin-left: 25px;
 color: #6e6e6e;
}
/*內科項目*/
.inter-item {
 float: left;
 width: 48%;
 margin: 1%;
 padding: 5px;
 border: 1px solid #eee;
 position: relative;
}
.inter-item h4 {
 display: block;
 background: url(../images/index-iconbg02.jpg);
 padding: 5px 10px;
 font-size: 2em;
 color: #2f2f2f;
 font-weight: normal; 
}
.inter-item p {
 display: block;
 color: #98544c;
 font-size: 1.2em;
 padding: 5px;
 margin-bottom: 50px;
}
.inter-item .btn {
position: absolute;
right: 5px;
bottom: 5px;
}
.inter-item .btn ul {
 text-align: right;
}
.inter-item .btn li {
 display: inline-block;
 margin-left: 5px;
}
.inter-item .btn li a {
 display: block;
 color: #fff;
 padding: 3px 5px;
}
.inter-item .btn li a.team {
 background: #b0665d;
 color: #fff;
}
.inter-item .btn li a.registered {
 background: #b0665d;
 color: #fff; 
}
/*內科項目內頁*/
#item-inter-txt {
}
#item-inter-txt #txt{
 float: left;
 width: 100%;
}
#item-inter-txt #txt p{
 color: #98544c;
 font-size: 1.2em;
}
#item-inter-txt #txt .note {
 margin-top: 10px;
}
#item-inter-txt #txt .note li {
 display: inline-block;
 padding: 3px 8px;
 background: #9B1F21;
 color: aliceblue;
}
#item-inter-txt #btn{
 float: right;
 width: 50%;
 position: relative;
}
#item-inter-txt #btn .btn01{
 position: absolute;
 right: 100px;
 top: -50px;
 /*display: flex;*/
 display: none;
}
#item-inter-txt #btn .btn01 a{
 display: block;
 width: 150px;
 height: 150px;
 padding: 20px;
 background: #a3683e;
 color: #fff;
 -webkit-border-radius: 100px;
 -moz-border-radius: 100px;
 border-radius: 100px;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 1.5em;
 text-align: center;
}
#item-inter-txt #btn .btn01 a:hover {
 border-bottom: 10px solid #d0b29d;
 background: #865736;
}
/*連結*/
#item-inter-txt #btn .btn02{
 position: absolute;
 right: 300px;
 top: -50px;
 display: flex;
}
#item-inter-txt #btn .btn02 a{
	display: block;
	/* width: 150px; */
	height: 150px;
	padding: 20px;
	background: #9a2c1f;
	color: #fff;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 1.1em;
	text-align: center;
}
#item-inter-txt #btn .btn02 a:hover {
 border-bottom: 10px solid #d0b29d;
 background: #9a2c1f;
}
/*線上發問+整體表單設定*/
#contact {
	margin: 0 0 25px 0;
}
.list {
	width: 100%;
	margin: 15px 0;
}
.listname {
	float: left;
	width: 15%;
	margin-left: 5%;
	text-align: left;
	margin: 0 10px 0 0;
	line-height: 2em;
}
.listinput {
	float: left;
	width: 78%;
	line-height: 35px;
}
.listinput .time {
	display: block;
	float: left;
	width: 48%;
}
.listinput .txt {
	display: block;
	float: left;
	width: 4%;
	text-align: center;
	line-height: 35px;
}
.listinput_two {
	display: block;
	float: left;
	width: 50%;
}
.listinput_three {
	display: block;
	float: left;
	width: 33.33%;
}
.btnlocation {
	width: 92px;
	margin: 0 auto;
}
#contact .btn {
	background: #a3683e;
	padding: 10px 45px;
	font-size:1.2em;
	color: #fff;
	font-family: 'Microsoft JhengHei', 'Apple LiGothic Medium', 'Helvetica, Arial', "LiHei Pro", "微軟正黑體";
}
/*掛哪一科*/
#itemcheck #qaContent li {
	list-style-type: none;	
}
#itemcheck #qaContent li .qa_title{
	font-size: 1.5em;
	color: #211e1e;
	cursor: pointer;
	padding: 10px 0;
	border-bottom:3px solid #cfa972;
	background: url(../images/svg/arrow.svg) left center;
	background-repeat: no-repeat;
	-moz-background-size: 20px;
	-webkit-background-size: 20px;
	-o-background-size: 20px;
	background-size: 20px;
	padding-left: 25px;	
}
#itemcheck #qaContent li span.name {
 display: inline-block;
font-size: 1.2em;
 padding: 5px 20px;
 border-bottom: 1px solid #d5d5d5;
 width: 70%;
}
#itemcheck #qaContent li span.item  {
 display: inline-block;
 font-size: 1.2em;  
 padding: 5px;
 border-bottom: 1px solid #d5d5d5; 
 width: 25%;
}
#itemcheck #qaContent li span.item a {
 color: #6e6e6e; 
}
#itemcheck #qaContent li span.item a:after {
 content: "、";
}
#itemcheck #qaContent li span.item a:last-child:after {
 content: " ";
} 
/*列表頁共用*/
#news {
 margin-top: 25px;
}
#news li {
	font-size: 1.2em;
	color: #211e1e;
	cursor: pointer;
	padding: 10px 0;
	border-bottom: 3px solid #cfa972;
	background: url(../images/svg/arrow.svg) left 12px;
	background-repeat: no-repeat;
	-moz-background-size: 20px;
	-webkit-background-size: 20px;
	-o-background-size: 20px;
	background-size: 20px;
	padding-left: 25px;
	list-style-type: none;
	display: flex;
	flex-wrap: nowrap ;
}
/*腎友周報*/
#news li span.period {
 color: #cfa972;
 display: inline-flex;
 flex: 1;
 flex-shrink: 1;
 flex-basis: 0%;
}
#news li span.period a {
 color: #cfa972;
}
#news li span.maintitle {
 color: #211e1e;
 display: inline-flex;
 flex: 10;
 flex-shrink: 1;
 flex-basis: 0%;
}
#news li span.maintitle a {
 color: #211e1e;
}
#news li span.date {
 color: #757575;
 float: right;
 font-size:0.9em; 
 width: 250px;
 text-align: right;
 /*display: inline-flex;*/
 flex: 5;
 flex-shrink: 0;
 flex-basis: 0%; 
}
/*最新消息*/
#news li span.newstitle {
 color: #211e1e;
 display: inline-flex;
 flex: 30;
 flex-shrink: 1;
 flex-basis: 0%;
}
#news li span.newstitle a {
 color: #211e1e;
}
#news li span.newstitle .drname {
 color: #cfa972;
 font-size: 0.8em;
}
/*廣播專區*/
#news li span a.radio{
 color: #cfa972;
  background: url(../images/svg/radio.svg) left center;
	background-repeat: no-repeat;
	-moz-background-size:20px;
	-webkit-background-size:20px;
	-o-background-size:20px;
	background-size:20px;	
	padding-left: 23px; 
	margin-left: 10px;
}
/*衛教標題*/
h1.title02{
 font-size: 2.2em;
 font-weight: normal;
}
/*衛教園地分類*/
#sublink {
	float:left;
	margin-top: 15px;
}
#sublink select {
	width:300px;	
	background:#cfa972;
  border: 1px solid #e6c22f;
	padding:5px 15px;
	color:#fff;
	font-size:1.1em;
}
#sublink select:focus ,#sublink option:focus {
	outline: none
}
/*廣播時間BOX設置*/
.radio-dr-img {
		position: absolute;
		width: 100%;
		text-align: center;
		top: 80px;
}
.radio-dr-img .img {
		border: 3px solid #ffffff;
	  -webkit-border-radius: 100px;
	  -moz-border-radius: 100px;
	  border-radius: 100px;
		overflow: hidden;
		margin: 0 auto;
	  width: 200px;
		height: 200px;
}
.radio-dr-name {
	position: absolute;
		bottom: -20px;
		text-align: center;
		background-color: #683234;
		padding: 8px 0;
		font-size: 1.5em;
		width: 36%;
		margin: 0 32%;
		border-radius: 35px;
		color: #ffffff;
}
.radio-dr-name {
		position: absolute;
		bottom: -20px;
		text-align: center;
		background-color: #683234;
		padding: 8px 0;
		font-size: 1.2em;
		width: 36%;
		margin: 0 32%;
		border-radius: 35px;
		color: #ffffff;
}
.radio-title {
		text-align: center;
		position: absolute;
		bottom: 20%;
		width: 100%;
		font-size: 2.5em;
    /*-webkit-text-stroke: 1px #000;*/
	  color: #fff;
	 font: 600;
}
.audio {
 width: 100%;
}
/*媒體專訪*/
.radio-bg iframe{
	width: 100%;
	height: 56vh;
}


/*電子報*/
#newsletter-other ul {
 list-style-type: none;
 font-size: 1em;
}
#newsletter-other li {
 display: inline-block;
 margin-right: 20px;
}
input.addnewsletter {
	border: 1px solid #ccc;
	width: 100%;
	padding: 8px;
	font-size: 1.1em;
	font-family: 'Microsoft JhengHei', 'Apple LiGothic Medium', 'Helvetica, Arial', "LiHei Pro", "微軟正黑體";
	letter-spacing: .1em
}
input.addnewsletter_btn {
	position: absolute;
	top: 20px;
	right: 0px;
	z-index: 99;
	font-size: 1.1em;
	letter-spacing: .1em;
	font-family: 'Microsoft JhengHei', 'Apple LiGothic Medium', 'Helvetica, Arial', "LiHei Pro", "微軟正黑體";
	width: 150px;
	color: #969595;
	background: #e0e0e0;
	padding: 9px
}

/*電子報內頁*/
.newsletter {
 width: 800px;
 margin: 25px auto;
}

/*網路掛號*/
#register {
	margin-top: 25px;
}
#register .register-btn {
	width: 320px;
	padding: 80px 0 30px 0;
	float: left;
	margin: 10px 10px 0 0;
	text-align: center;
	background-repeat: no-repeat;
}
#register .btn01 {
  background: url(../images/register-btn01.jpg) center top no-repeat;
}
#register .btn02 {
  background: url(../images/register-btn02.jpg) center top;
}
#register .register-btn h2 {
	font-size: 1.8em;
}
#register .register-btn h2.color01 {
	color: #738696;
}
#register .register-btn h2.color02 {
	color: #c68134;
}
#register .register-btn a {
	display: block;
	color: #fff;
	padding: 10px;	
  width: 50%;
  margin: 10px auto 0 auto;
	font-size: 1.2em;
}
#register .btn01 a {
	background: #738696;	
}
#register .btn02 a {
	background: #c68134;	
}

/*尾部兩個網站連結*/
#bottom {
	text-align: center;
	margin: 25px 0 0 0;
}
#bottom h5 {
	color: #a36a3b;
	font-size: 2em;
	font-weight: normal;
}
#linkmore {
}
.linkmore {
	float: left;
	width: 50%;
	padding: 25px 10px;
}
#bottom p {
	margin: 0;
	color: #a2a2a2;
	letter-spacing: 0.1em;
}
/*尾部*/
footer {
	padding: 10px 0 5px 0;
	background-color: #f2f2f2;
}
footer .logobg {
  display: block;
	background-image: url(../images/logobg.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 75px;
	padding-top: 5px;
	height: 80px;
	position: relative;
}
footer .logobg .en {
 transform: rotate(30deg);
 -ms-transform: scale(0.5);       /* IE 9 */
 -webkit-transform: scale(0.5);   /* Safari and Chrome */
 -o-transform: scale(0.5);        /* Opera */
 -moz-transform: scale(0.5);      /* Firefox */ 
 font-size: 20px;  
 position: absolute;
 left: -22px;
 bottom: -3px;
}
footer .logobg .font01 {
 font-size: 2.5em !important;
 color: #333333;
 border-bottom: 1px solid #b6b6b6;
}
footer .logobg .font02 {
 display: block;
 font-size: 0.95em !important;
 padding-top: 1px;
 padding-left: 3px;
 letter-spacing: 0.2em;
}

footer .column-left {
	width: 25%;
	float: left;
}
footer .column-right {
	width: 70%;
	float: right;
}
footer .column {
	float: left;
	padding: 25px 20px;
	text-align: center;
}
footer h5 {
	font-size: 1em;
	margin-bottom: 15px;
	color: #c78636;
}
#footerlogo {
	display: block;
}
#footernav {
}
#footernav li {
	font-size: 0.85em;
	padding-bottom: 3px;
	list-style-type: none;
}
ul#footernav li a {
	color: #6f6f6f;
}
ul#footernav li a:hover {
	color: #a36a3b;
}
ul#footericon {
	text-align: center;
}
ul#footericon li {
	display: inline-block;
}
#footerlogo {
	margin: 25px 10px;
}
.copyright {
	margin: 0 25px;
	color: #a2a2a2;
}
/*尾部地址*/
footer li.add {
	margin-left: 25px;
	font-weight: 800;
}
footer li.add:last-child {
  margin-bottom: 15px;
}

/*尾部聲明*/
#statement {
 color: #f2f2f2;
 background: #333;
 padding: 10px;
 font-size: 0.8em;
 text-align: right;
}