*{
	font-family: "微軟雅黑";}

/*頂部導航欄*/
.top_bar_two{
	position: fixed;
	width: 100%;
	height: 50px;
	z-index: 2;}
.top_bar_two>a>img{
	margin:7px 0 0 20px;
	width: 220px;}
.top_bar_two>img{
	margin: 2px 0 0 20px;
	width: 220px;}
.top_bar_two>h3{
	display: none;
	text-align: center;
	font-size: 1.25em;
	font-weight: 400;
	line-height: 50px;
	color: #FFFFFF;
	width: 200px;
	margin: 0 auto;
	letter-spacing: 2px;}
.top_bar_two>ul{
	float: right;
	width: 980px;}
.top_bar_two>ul>li{
	text-align: center;
	width: 9%;
	float: left;
	transition: all 0.3s;}
.top_bar_two>ul>li:hover{
	background-color: #002147;}
.top_bar_two>ul>li>a{
	text-align: center;
	color: white;
	line-height: 50px;
	font-size: 14px;}

/*圖片以及網站标題*/
.top_meddio{
	position: relative;
	top: 50px;
	width: 100%;
	height: 300px;}
.top_meddio>img{
	width: 100%;
	height: 300px;}
.top_meddio_box{
	position: relative;
	top: -302px;
	width: 100%;
	height: 300px;}
.top_meddio_box>p{
	font-size: 13px;
	color: white;
	padding: 20px 0 0 50px;}
.top_meddio_box>p>a{
	color: white;}
.top_meddio_box>p>a>span{
	font-size: 13px;
	margin-right: 2px;}
.top_meddio_box>p>span{
	margin: 0 5px;}
.top_meddio_box>h2{
	color: white;
	width: 600px;
	height: 80px;
	line-height: 80px;
	text-align: center;
	font-weight: 500;
	font-size: 1.75em;
	position: relative;
	margin: 0 auto;
	letter-spacing: 0.375em;
	top: 190px;}
.header{
	display: none;
	top: -50px !important;}

/*網頁主體部分*/
.main_meddio{
	width: 100%;
	position: relative;
	top: 100px;
	margin-bottom: 150px;}
.main_meddio_box{
	width: 1200px;
	margin: 0 auto;}
.main_meddio_box>ul>li{
	float: left;
	width: 31%;
	margin: 1.1%;
	background-color: #FFFFFF;
	box-shadow: 0 0 3px rgba(0,0,0,0.12);}
.main_meddio_box>ul>li>a>h2{
	font-size: 1.25em;
    color: #000000;
    letter-spacing: 1px;
    text-align: center;
    margin-top: 20px;
    font-weight: 400;
    line-height: 36px;}
.main_meddio_box>ul>li>a>p{
	width: 90%;
	margin: 0 auto 30px auto;
	font-size: 14px;
	line-height: 20px;
	color: #b5b5b5;
	height: 80px;
	overflow: hidden;}
.meddio_img{
	width: 100%;
	overflow: hidden;}
.meddio_img>img{
	width: 100%;}
/*footer*/


/*返回頂部*/
 #back-top {
	width: 50px;
	height: 50px;
	background-color: rgba(0, 0, 0, .3);
	position: fixed;
	right: 20px;
	bottom: 30px;
	display: block;
	z-index: 9999;
	font-weight: bold;
	font-size: 30px;
	line-height: 50px;
	text-align: center;
	transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;}

#back-top:hover {
	background: #042376;
	color: #fff;}


/*響應式*/
@media screen and (max-width: 1250px) {
	
	.main_meddio_box{
		width: 90%;}
}
@media screen and (max-width: 1100px) {
	.top_bar_two>img{
		display: none;}
	.top_bar_two>a>img{
		display: none;}
	.header{
		display: block !important;
		top: -50px;}
	/*.top_bar_two{
		top: 0;
	}*/
	.top_bar_two>ul{
		display: none;}
	.top_meddio{
		display: none;}
	.top_bar_two>h3{
	display: block;}
}
@media screen and (max-width: 800px) {
	.main_meddio_box>ul>li{
		width: 48%;
		margin: 1%;}
}
@media screen and (max-width: 600px) {
	.main_meddio_box>ul>li{
		width: 99%;
		margin-bottom: 30px;}
}