body {
	/*font-family: "微軟正黑體", Arial, Verdana, Helvetica, sans-serif;	*/
	font-family: "新細明體", Arial, Verdana, Helvetica, sans-serif;	
	color: #666;
	line-height: 32px;
	font-size: 18px;
	padding-top: 81px;/*有頂部固定導髚條時設置*/
	color: #333;
}
.container p {
	margin-bottom: 20px;
	}

/*.h1 {
	font-size: 30px;
	margin-bottom: 20px;
	font-family: "微軟正黑體", Arial, Verdana, Helvetica, sans-serif;
}*/
.h1 {
	font-size: 24px;
	margin-bottom: 20px;
	font-family: "微軟正黑體", Arial, Verdana, Helvetica, sans-serif;
	background-color: #76645a;
	color: #fff;
	padding: 5px 15px;
	display: inline-block;
}

/*==================  navbar-fixed  ======================*/

.navbar-fixed {
	top: 0px;
	visibility: visible;
	position: fixed;
	width: 100%;
	margin-top: 0px;
	z-index: 9999;
	background: url(../../images/back_header.jpg) repeat-x left top;
	border-bottom: 7px solid #ef9fae;
}

/* ----------------------- navbar-nav ----------------------- */

.navbar-default {
	background: url(../../images/back_header.jpg) repeat-x left top;
	font-family: "微軟正黑體", Arial, Verdana, Helvetica, sans-serif;
	/*border-bottom: 7px solid #ef9fae;*/
}
.navbar-brand {
	background: url(../../images/logo_2.png) no-repeat left top;
	width: 229px;
	height: 61px;
	text-indent: -9999px;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color: #e24a79;
	background-color: transparent;
}
.navbar {
	margin-bottom: 0;
	border: none;
	padding: 10px 0 10px 0;
}
.navbar-nav {
	float: right;
	margin: 34px 0 0 0;
}
.navbar-nav > li:nth-of-type(-n+1) {
	display: none;
}

/* -------------------------- 分頁設定 -------------------------- */
.pagination > li > a,
.pagination > li > span {
	color: #ef9fae;
  	border: 1px solid #ef9fae;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #fff;
  background-color: #ef9fae;
  border-color: #ef9fae;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  color: #fff;
  background-color: #ef9fae;
  border-color: #ef9fae;
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
	color: #ef9fae;
	background-color: #fff;
	border-color: #ef9fae;
}

/* -------------------------- 跑馬燈 -------------------------- */

.marguee {
	position: absolute;
	right: 15px;
	top: 10px;
	z-index: 2;
	width: 70.06369%;
	color: #000;
	display: none;
}

/* -------------------------- banner -------------------------- */

.banner1 {
	display: none;
}
.banner1 img, .banner2 img {
	max-width: 100%;
	vertical-align: bottom;
}

/* -------------------------- 約診專線 -------------------------- */

.tel-info {
	font-size: 24px;
	text-align: center;
	font-weight: bold;
	color: #fff;
	background-color: #ef9fae;
	padding: 10px 0;
	font-family: "微軟正黑體", Arial, Verdana, Helvetica, sans-serif;
}


/* -------------------------- 內頁框架 -------------------------- */

/* 內頁框架 */
.content {
	background: url(../images/bg-content.jpg) repeat left top;
	/*background: url(../images/bg2.jpg) repeat left top;*/
	padding: 10px 0 30px 0;
}
	
	
/* -------------------------- 主治項目 -------------------------- */	

.services-box [class *= col-] {
	margin-top: 20px;
	margin-bottom: 60px;
}
.services-box img {
	padding: 10px;
	background-color: #ef9fae;
	display: block;
	margin: 0 auto;
	border-radius: 50%;
}

.services-box .media-left, .media > .pull-left {
    padding-right: 20px;
}
.services-box .media-heading {
	font-weight: bold;
	font-size: 24px;
	color: #de4a78;
}

@media (max-width: 480px) {
.services-box .media-left {
	display: block;
	width: 100%;	
}
.services-box .media-left, .media > .pull-left {
    padding-right: 0px;
}
}




/* -------------------------- 最新消息 -------------------------- */	

.news-list {
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px dashed #cacaca;
	}
.news-list:last-of-type {
	border-bottom: none;
	margin-bottom: 0px;
	}	
.news-list .media-left {
	width: 36%;
	padding-right: 20px;
	}
.news-list .media-left img{
	width: 100%;
	vertical-align: bottom;
	}
.news-list .media-body {
	position: relative;
	}
.news-list .media-heading {
	font-size: 24px;
	color: #e04b79;
	}
.news-list .media-heading .date {
/*	display: inline-block;
	background-color: #ef9fae;
	color: #000;
	padding: 7px 10px;
	font-size: 15px;
	margin-top: -2px;*/
	color: #000;
	font-size: 15px;
	margin-bottom: 6px;
	}
.news-list .media-heading .date span {
	margin: 0 5px;
	}

.media-more a {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#d4798a+0,ef9fae+100 */
	background: #d4798a; /* Old browsers */
	background: -moz-linear-gradient(top,  #d4798a 0%, #ef9fae 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #d4798a 0%,#ef9fae 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #d4798a 0%,#ef9fae 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d4798a', endColorstr='#ef9fae',GradientType=0 ); /* IE6-9 */

    padding: 7px 24px 8px;
    margin: 2px 0;
    font-size: 13px;
	color: #fff;
	border-radius: 5px;
	}
	
.news-list .media-img {
	float: left;
	width: 46%;
	padding-right: 20px;	
	margin-top: 8px;
}	
.news-list .media-img img {
	width: 100%;
	vertical-align: bottom;
}
.news-list .media-img a {
	display: block;
	position: relative;
	color: #fff;
	}	
.news-list .media-img a span {
	position: absolute;
	right: 10px;
	bottom: 10px;
	z-index: 10;
    border-radius: 5px;
    font-size: 12px;
    padding: 0px 10px;
    background: rgba(0,0,0,0.5);
    overflow: hidden;
}	

@media (max-width: 480px) {
	.news-list {
		margin-bottom: 40px;
	}
	.news-list .media-img {
		width: 100%;
		vertical-align: bottom;
		padding-right: 0;
		padding-bottom: 10px;
	}	
}



/* -------------------------- 衛教資訊 -------------------------- */	

.health-list {
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px dashed #cacaca;
	}
.health-list:last-of-type {
	border-bottom: none;
	margin-bottom: 0px;
	}	
.health-list .media-left {
	width: 36%;
	padding-right: 20px;
	}
.health-list .media-left a {
	display: block;
	position: relative;
	color: #fff;
	}
.health-list .media-left a span {
	position: absolute;
	right: 10px;
	bottom: 10px;
	z-index: 10;
    border-radius: 5px;
    font-size: 12px;
    padding: 0px 10px;
    background: rgba(0,0,0,0.5);
    overflow: hidden;
}

.health-list .media-left img {
	width: 100%;
	vertical-align: bottom;
	}
.health-list .media-body {
	position: relative;
	}
.health-list .media-heading {
	padding: 0 0 0 70px;
	min-height: 60px;
	font-size: 24px;
	}
.health-list .media-heading .date {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 99;
	width: 60px;
	text-align: center;
	background-color: #ef9fae;
	color: #000;
	border-radius: 10px;
	padding: 10px;
	font-size: 15px;
	}
.health-list .media-heading .date span {
	display: block;
	}

@media (max-width: 480px) {
	.health-list {
		margin-bottom: 40px;
	}
	.health-list .media-left {
		display: block;
		width: 100%;
		margin-bottom: 20px;
		padding-right: 0;
	}
}

/*  最新消息,衛教資訊 內頁圖片設定 */	
.madia-content .img1 {
	width: 100%;
	margin: 10px 0 20px 0;
}

@media (min-width: 640px) {
	.madia-content .img1 {
		width: 40%;
		float: left;
		margin: 8px 20px 20px 0;
		clear: left;
	}
}

/* -------------------------- 聯絡我們 -------------------------- */	


.contact_top h5 {
  font-size: 17px;
  color: #4c692d;
  margin: 2% 0;
  font-weight: bold;
  text-decoration: underline;
}
.contact_top ul {
  margin: 1%;
}
.contact_top ul li {
  background: url(../images/pic/ul_icon1.jpg) no-repeat left 10px;
  padding: 0 0 0 10px;
}
.contact_top ul li span {
  font-weight: bold;
}
.contact_top small a {
  background: url(../images/pic/map_zoom.gif) no-repeat left center;
  margin: 0 0 5% 0;
  float: right;
  padding: 4px 0 4px 22px;
  font-size: 12px;
}

.map iframe {
  border: 1px solid #94be67;
  padding: 4px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.map address {
  margin: 10px 0 40px 0;
}

.form_list dl {
  overflow: hidden;
  margin: 0 0 2% 0;
}
.form_list dl dt {
  background-color: #bfd8a4;
  width: 30%;
  float: left;
  margin: 0 2% 0 0;
  padding: 0.5%;
  text-align: center;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 12px;
  color: #3a5022;
}
.form_list dl dt span {
  color: #c9151e;
}
.form_list dl dd {
  overflow: hidden;
}

.input {
  text-decoration: none;
  border: 1px solid #c7c7c7;
  width: 100%;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.input2 {
  background: #5f8238;
  color: white;
  text-decoration: none;
  padding: 1% 5%;
  margin: 0 0 0 3%;
  border: none;
  border-collapse: collapse;
  cursor: pointer;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 12px;
}
.input2:hover {
  background: #ed701a;
}

div.contact_btn {
  margin: 2% 0;
  text-align: center;
}

.show_map2, .show_form2 {
  display: none;
}


/* 路線說明 */
.road-list {
	margin-top: 20px;
	
}
.road-list li {
	border-bottom: 1px dashed #ef9fae;
	padding: 10px 0;
}
.road-list li:first-of-type {
	border-top: 1px dashed #ef9fae;
}
.road-list li span {
	font-weight: bold;
	color: #ed4874;
}

/* -------------------------- 共用設定 -------------------------- */	

/* 表格設定 */
.table_01 {
	background-color: #fff;
	border-collapse: collapse;
	margin: 0 0 10px 0;
}
.table_01 tr:nth-of-type(odd) {
	background: white;
}
.table_01 tr th {
	background: #ffa1af;
	text-align: center;
	color: black;
	font-weight: bold;
	padding: 6px 5px;
	border-left: 1px solid white;
	text-shadow: white 0px 0px 2px;
}
.table_01 tr th:first-of-type {
	border-left: none;
}
.table_01 tr td {
	padding: 5px 10px;
	text-align: center;
	border-bottom: 1px dotted #ffa1af;
	border: 1px dotted #ffa1af;
}
.table_01 a.file {
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
	*text-indent: -9999px;
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../images/pic/file_doc.png) no-repeat left top;
}


/* 字體顏色 */
.fc1 {
	color: #c9151e;
}
.fc2 {
	color: #ed701a;
}
.fc3 {
	color: #05823e;
}
.fc4 {
	color: #19489d;
}
.fc5 {
	color: #71c7d5;
}
.fc6 {
	color: #b96706;
}
.fc7 {
	color: #c382b8;
}
.fc8 {
	color: #e9dd21;
}




/* -------------------------- footer -------------------------- */

.footer-list {
	border-top: 3px solid #fff; 
	background-color: #f9c2cd; 
	text-align: center;
	padding: 20px 0 0 0;
	font-family: "微軟正黑體", Arial, Verdana, Helvetica, sans-serif;
}

.address_map {
	text-align: center;
	padding: 20px 0;
}
.address_map a {
	font-size: 15px;
	color: #000;
	margin: 0 10px;
	padding: 7px 12px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.address_map a span {
	margin: 0 2% 0 0;
}
.address_map a:hover {
	background-color: #fbe4e9;
	border: 1px solid #ef9fae;
}
.address_map .btn-pink {
	  background-color: #ef9fae;
	  border: 1px solid #ef9fae;
}
.company {
	display: block;
	font-weight: bold;
}
.copy {
	display: none;
}

.site_info span {
	margin: 0 5px;
}
.site_info span.tel {
	display: block;
}
.btn-blog {
	font-size: 15px;
	color: #9c2239;
    -webkit-animation: action 1s infinite linear alternate;
    animation: action 1s infinite linear alternate;
}

/* Chrome, Safari, Opera */ 
@-webkit-keyframes action {
    0%   {color:#C00;}
    50%  {color:#e14a78;}
    100% {color:#000;}
}
/* Standard syntax */
@keyframes action {
    0%   {color:#C00;}
    50%  {color:#e14a78;}
    100% {color:#000;}
}


/* -------------------- 頁面置頂 scrollUp --------------------- */

#scrollUp {
	background: url(../javascript/scrollUp/up-arrow.png) no-repeat center center;
	position: fixed;
	bottom: 120px;
	right: 10px;
	width: 51px;
	height: 51px;
	white-space: nowrap;
	text-indent: 100%;
	overflow: hidden;
	*text-indent: -9999px;
}

/* --------------------- xs尺寸設定 大於640 --------------------- */

@media (min-width: 480px) {
.services-box .media-heading {
	margin-top: 20px;
}
.site_info span.tel {
	display: inline-block;
}	
}


/* --------------------- sm尺寸設定 大於768 --------------------- */

@media (min-width: 768px) {
body {
	line-height: 28px;
	font-size: 15px;
}
.nav > li > a {
  padding: 10px 5px;
}	
.marguee {
	display: block;
}	
.banner1 {
	display: block;
}
.banner2 {
	display: none;
}
.tel-info {
	font-size: 30px;
	padding: 15px 0;
}
.news_list h3 {
	font-size: 24px;
}
.news-list .media-img {
	width: 36%;
}
.services-box [class *= col-] {
	margin-bottom: 20px;
}
.services-box .media-heading {
	margin-top: 40px;
}
.address_map {
	display: none;
}
.company {
	display: inline;
	font-weight: normal;
}
.copy {
	display: block;
}


}


/* --------------------- md尺寸設定 大於992 --------------------- */

@media (min-width: 992px) {
body {
	padding-top: 111px;/*有頂部固定導髚條時設置*/
}
.navbar-brand {
	/*margin: 10px 15px;*/
}
.navbar {
	padding: 20px 0 10px 0;
}
.nav > li > a {
	font-size: 18px;
	padding: 10px 9px;
}
.tel-info {
	font-size: 36px;
	padding: 20px 0;
}
.news_list h3 {
	font-size: 32px;
}
.news_list li a {
	font-size: 20px;
}
.news-list .media-img {
	width: 32%;
}
.footer-list {
	font-size: 18px;
}
.btn-blog {
	font-size: 18px;
}



}

/* --------------------- lg尺寸設定 大於1200 -------------------- */

@media (min-width: 1200px) {
body {
	padding-top: 131px;/*有頂部固定導髚條時設置*/
}

.marguee {
	top: 20px;
}

.navbar-brand {
	background: url(../../images/logo_3.png) no-repeat left top;
	width: 281px;
	height: 101px;
}
.navbar {
	padding: 20px 0 10px 0;
}
.navbar-nav {
	margin: 54px 0 0 0;
	font-weight: bold;
}
.nav > li > a {
	font-size: 21px;
	padding: 10px 12px;
}

.news-list .media-img {
	width: 26%;
}	
}