@import url(../fonts/font-awesome/font-awesome.min.css);
@import url(../fonts/flaticon/flaticon.css);
@import url(index_header.css);
@import url(index_banner.css);
@import url(index_footer.css);

/*========================================================
                      	 框架
=========================================================*/

.content {
}



/*========================================================
                      	 新聞分類
=========================================================*/

.news-list {
	
}
.news-list [class*="col-"] {
	padding-left: 0;
	padding-right: 0;
}
.news-list [class*="col-"] h1 {
	color: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}
.news-list [class*="col-"]:nth-of-type(1) h1 {
	background-color: #39a9a0;
}
.news-list [class*="col-"]:nth-of-type(2) h1 {
	background-color: #3972a9;
}
.news-list [class*="col-"]:nth-of-type(3) h1 {
	background-color: #95a939;
}
.news-list [class*="col-"] div {
	padding: 0 30px;
	margin-top: 30px;
	margin-bottom: 50px;
}

.news-list [class*="col-"] div img {
	width: 100%;
	vertical-align: bottom;
}
.news-list [class*="col-"] div ul {
	list-style: none;
	margin: 30px 0 0;
	padding: 0;
	text-align: center;
	
}
.news-list [class*="col-"] div ul li a {
	display: block;
	color: #404040;
	border-bottom: 1px solid #cfcfcf;
	padding: 10px;
}
.news-list [class*="col-"] div ul li a:hover {
	color: #1d58a7;
}

.news-list .more {
	text-align: center;
}
.news-list .more a {
	display: inline-block;
	color: #fff;
	background-color: #2a2a29;
	border-radius: 5px;
	padding: 7px 40px;
}
.news-list .more a:hover {
	background-color: #1d58a7;
}


/*  尺寸設定 */
@media (min-width: 480px) {
	.news-list [class*="col-"] div ul {
		margin: 30px 30px 0;
	}
}
@media (min-width: 768px) {
}
@media (min-width: 992px) {
	.news-list [class*="col-"]:nth-of-type(2) > div {
		border-left: 1px solid #c4c4c4;
		border-right: 1px solid #c4c4c4;
	}
	.news-list [class*="col-"] div ul {
		margin: 30px 0 0;
	}
}
@media (min-width: 1200px) {
	.news-list [class*="col-"] div ul {
		margin: 30px 30px 0;
	}
}



/*========================================================
                      	 關於雅斯翠
=========================================================*/

.about-list {
    background: url(../../images/about_bg.jpg) no-repeat center top;
	background-size: cover;
	padding-bottom: 50px;
}
.about-list h1 {
	margin: 30px 0;
	text-align: center;
}
.about-list h1 span {
	display: inline-block;
	font-size: 36px;
	width: 90%;
	color: #fff;
	font-weight: bold;
	padding: 10px 0;
	background: -moz-linear-gradient(left,  rgba(30,87,153,0) 0%, rgba(57,114,169,0.7) 25%, rgba(57,114,169,0.9) 50%, rgba(57,114,169,0.7) 75%, rgba(125,185,232,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  rgba(30,87,153,0) 0%,rgba(57,114,169,0.7) 25%,rgba(57,114,169,0.9) 50%,rgba(57,114,169,0.7) 75%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  rgba(30,87,153,0) 0%,rgba(57,114,169,0.7) 25%,rgba(57,114,169,0.9) 50%,rgba(57,114,169,0.7) 75%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#001e5799', endColorstr='#007db9e8',GradientType=1 ); /* IE6-9 */
}
.about-list .container {
	color: #333;
}
.about-list .container p {
	font-size: 20px;
	line-height: 30px;
	padding-top: 10px;
	padding-bottom: 10px;
}

/*  尺寸設定 */
@media (max-width: 479px) {
	.about-list .container {
		margin-left: 15px;
		margin-right: 15px;
	}
}
@media (min-width: 768px) {
	.about-list .container {
		background-color: rgba(69,86,103,0.75);
		color: #fff;
		padding: 5%;
		border-radius: 10px;
	}
}
@media (min-width: 1200px) {
	.about-list h1 span {
		width: 50%;
	}
	.about-list .container {
		padding: 2% 3%;
	}
}



/*========================================================
                      	 門診時間表
=========================================================*/

.time-list h1 {
	background-color: #cdcdcd;
	color: #282828;
	margin: 0;
	padding: 10px 0;
	text-align: center;
}
.time-img {
	margin-top: 30px;
	margin-bottom: 30px;
}
.time-img img {
	margin: 30px 15px;
	width: 100%;
	vertical-align: bottom;
}


.time-info {
	margin-top: 60px;
	margin-bottom: 30px;
}
.time-dr [class*="col-"] {
	padding-left: 0;
	padding-right: 0;
	text-align: center;
	margin-bottom: 30px;
}
.time-dr [class*="col-"] h2 {
	color: #fff;
	margin: 0;
	padding: 20px 15px;
	font-size: 24px;
}
.time-dr [class*="col-"]:nth-of-type(4n+1) h2 {
	background-color: #3972a9;
}
.time-dr [class*="col-"]:nth-of-type(4n+2) h2 {
	background-color: #95a939;
}
.time-dr [class*="col-"]:nth-of-type(4n+3) h2 {
	background-color: #39a9a0;
}
.time-dr [class*="col-"]:nth-of-type(4n+4) h2 {
	background-color: #a99039;
}
.time-dr [class*="col-"] ul {
	list-style: none;
	margin: 10px 0;
	padding: 0;
	color: #222;
}


.time-btn {
	text-align: right;
	margin-top: 20px;
	margin-bottom: 10px;
}
.time-btn div {
	display: inline-block;
	margin-left: 10px;
	margin-right: 1px;
}
.time-btn div a {
	display: block;
	width: 100%;
	color: #fff;
	padding: 15px 40px;
	font-size: 20px;
	position: relative;
}
.time-btn div a:after {
	content: '';
	position: absolute;
	top: 3px;
	right: 3px;
	bottom: 3px;
	left: 3px;
	z-index: 9;
	border: 1px solid #fff;
}
.time-btn .btn1 a {
	background: rgb(51,160,154);
	background: -moz-linear-gradient(left,  rgba(51,160,154,1) 1%, rgba(81,176,169,1) 51%, rgba(51,160,154,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(51,160,154,1) 1%,rgba(81,176,169,1) 51%,rgba(51,160,154,1) 100%);
	background: linear-gradient(to right,  rgba(51,160,154,1) 1%,rgba(81,176,169,1) 51%,rgba(51,160,154,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33a09a', endColorstr='#33a09a',GradientType=1 );
}
.time-btn .btn2 a {
	background: rgb(159,135,51);
	background: -moz-linear-gradient(left,  rgba(159,135,51,1) 0%, rgba(177,155,81,1) 51%, rgba(159,135,51,1) 100%);
	background: -webkit-linear-gradient(left,  rgba(159,135,51,1) 0%,rgba(177,155,81,1) 51%,rgba(159,135,51,1) 100%);
	background: linear-gradient(to right,  rgba(159,135,51,1) 0%,rgba(177,155,81,1) 51%,rgba(159,135,51,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9f8733', endColorstr='#9f8733',GradientType=1 );
}



/*  尺寸設定 */
@media (max-width: 479px) {
	.time-btn {
		text-align: center;
		margin: 30px 0 0 0;
	}
	.time-btn div {
		display: block;
		margin: 0 0 10px 0;
	}
	.time-btn div a {
		padding: 15px 0;
		width: 100%;
		margin: 0;
	}
}
@media (min-width: 768px) {
	.time-btn {
		display: none;
	}
}
@media (max-width: 1199px) {
	.time-list .col-bg-5 {
		display: none;
	}
}
@media (min-width: 640px) {
	.time-btn div a {
		padding: 15px 100px;
	}
}




/*========================================================
                           表格
=========================================================*/

.table1 {
	border-collapse: collapse;
	text-align: center;
	margin: 0 0 20px 0;
}
.table1 caption {
	color: #333;
	font-weight: bold;
}

.table1 th {
	background: #3972a9;
	color: #fff;
	font-weight: bold;
	padding: 15px 5px !important;
	text-align: center;	
	border-top: 0 !important;
	border-right: 1px solid #fff;
}
.table1 td {
	padding: 15px 5px !important;
	background-color: #dcdcdc;
	border-bottom: 1px solid #fff;
}

.table1 td:last-child {
	border-right: none;
}
.table1 td.c {
	background-color: #8198af;
	color: #fff;
}

/*  尺寸設定 */
@media (min-width: 1800px) {
	.table1 th {
		padding: 25px 5px !important;
	}
	.table1 td {
		padding: 25px 5px !important;
	}
}