body{
	font-size: 16px;
	line-height: 30px;
	font-family: "微軟正黑體";
	color: #333;
}
.osh_topBg{
	width: 100%;
	float: left;
	min-width: 1200px;
	padding: 20px 0;
}
.osh_top{
	width: 1200px;
	margin: 0 auto;
}
.osh_top .ctn{
	width: 100%;
	float: left;
	background: url(../images/osh_img_1.png) right top no-repeat;
}
.osh_top .text{
	width: 800px;
	float: left;
	padding: 0 400px 0 0;
	
}
.osh_top .table{
	width: 800px;
	float: left;
	padding: 10px 0;
}
.table table{
	border-left: 1px solid #009e96;
	border-top: 1px solid #00a0e9;
}
.table td{
	padding: 5px 10px;
	text-align: center;
	border-bottom: 1px solid #00a0e9;
	border-right: 1px dashed #009e96;
}
.table td.bg{
	background: #83dedc;
}
.table td.bg2{
	background: #c1eeed;
}
.table td.bg3{
	background: #f1ece4;
}
.table td.bg4{
	background: #fffde0
}
.osh_top .right{
	width: 400px;
	float: left;
	padding: 130px 0 0 0;
}
.osh_top .tit, .osh_bot .tit, .osh_heal .tit, .osh_ctn .tit{
	font-weight: bold;
	font-size: 20px;
	color: #333333;
	margin-bottom: 5px;
}
.osh_ctnBg{
	width: 100%;
	float: left;
	min-width: 1200px;
	padding: 20px 0;
	min-height: 354px;
	background: url(../images/osh_bg_1.jpg) center 30px no-repeat, url(../images/osh_bg_2.png) center 29px repeat-x;
}
.osh_ctn .tit{
	margin-bottom: 30px;
}
.osh_ctn{
	width: 1200px;
	margin: 0 auto;
}
.osh_ctn .left{
	width: 670px;
	float: left;
	color: #fff;
}
.osh_ctn .right{
	width: 443px;
    height: 270px;
	float: left;
	background: url(../images/osh_slid_bg.png) right top no-repeat;
	padding: 5px 10px 60px 57px;
	margin-top: 40px;
}
.osh_healBg{
	width: 100%;
	float: left;
	min-width: 1200px;
	padding: 20px 0;
	background: url(../images/abs_bg_3_l.jpg) left top no-repeat, url(../images/abs_bg_3_r.jpg) right top no-repeat;
}
.osh_heal{
	width: 1200px;
	margin: 0 auto;
}
.osh_heal .left{
	width: 625px;
	padding-right: 15px;
	float: left;
}
.osh_heal .right{
	width: 545px;
	padding-right: 15px;
	float: left;
}
.osh_heal .left .text{
	width: 295px;
	padding: 0 20px 0 0;
	float: left;
}
.osh_heal .left .img{
	width: 270px;
	float: left;
}
.osh_heal .right li{
	width: 153px;
	height: 163px;
	float: left;
	margin: 0 15px 0 0;
	background: url(../images/osh_btn.png) no-repeat;
	color: #fff;
	font-weight: 600;
	line-height: 170px;
	padding: 0 0 0 100px;
}
.osh_botBg{
	width: 100%;
	float: left;
	min-width: 1200px;
	padding: 20px 0;
	background: url(../images/abs_bg_3_l.jpg) left bottom no-repeat, url(../images/abs_bg_3_r.jpg) right bottom no-repeat;
}
.osh_bot{
	width: 1200px;
	margin: 0 auto;
}
.osh_bot .left{
	width: 670px;
	padding: 0 20px 0 0;
	float: left;
}
.osh_bot .right{
	width: 510px;
	float: left;
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
.osh_topBg, .osh_ctnBg, .osh_healBg, .osh_botBg{
	min-width: 1000px;
}
.osh_ctnBg{
	background: #0052a5;
}
.osh_ctn .tit{
	color: #fff;
}
.osh_top, .osh_ctn, .osh_heal, .osh_bot{
	width: 1000px;
}
.osh_top .text{
	width: 70%;
	padding: 0;
}
.osh_top .table{
	width: 70%;
	font-size: 14px;
}
.osh_top .right{
	width: 30%;
}
.osh_ctn .left{
	width: 460px;
}
.osh_heal .left, .osh_heal .right{
	width: 50%;
	padding: 0;
}
.osh_heal .left .text, .osh_heal .left .img{
	width: 48%;
	padding: 0 2% 0 0;
}
.osh_heal .left .img{
	padding: 60px 0 0 0;
}
.osh_heal .left .img img{
	width: 100%;
	height: auto;
}
.osh_heal .right li{
	width: 148px;
	margin: 0;
}
.osh_bot .left{
	width: 440px;
}
}
@media screen and (min-width: 320px) and (max-width: 768px) {
.osh_topBg, .osh_ctnBg, .osh_healBg, .osh_botBg{
	min-width: 320px;
}
.osh_ctnBg{
	background: #0052a5;
}
.osh_ctn .tit{
	color: #fff;
}
.osh_top, .osh_ctn, .osh_heal, .osh_bot{
	width: 90%;
	margin: 0 5%;
	height: auto;
}
.osh_top .text, .osh_top .right{
	width: 100%;
	padding: 0;
}
.osh_top .ctn{
	background: none;
}
.osh_top .table{
	width: 100%;
	font-size: 14px;
	line-height: 20px;
}
.table td{
	padding: 5px 3px
}
.osh_ctn .left, .osh_ctn .right, .osh_heal .left, .osh_heal .left .img, .osh_heal .right, .osh_bot .left, .osh_bot .right{
	width: 100%;
	padding: 10px 0;
}
.osh_heal .left .img{
	text-align: center;
}
.osh_ctn .right{
	margin: 0;
	padding: 0;
	background: none;
	height: auto;
}
.osh_heal .right ul{
	width: 253px;
	margin: 0 auto;
	float: none;
}
.osh_heal .right li{
	margin: 5px 0;
}
}