@charset "utf-8";
* {
	margin: 0px;
	padding: 0px;
}
h1,h2,h3,h4,hh,h6,ul,li{
	margin: 0px;
	padding: 0px;
}
a{
	border:none;
	text-decoration:none;
	color:#333;
}
.clear{
	clear:both;
}
img{
	display:block;
	vertical-align: bottom;
}
body {
	background:url(../images/index_bg1.jpg) repeat-x;
	background-color:#DAF3F7;
	font-family: "微軟正黑體",Arial;
	color:#333;
	font-weight:bold;
}
.sp1{
	color:#990000;
}
.sp2{
	color:#26575B;
	margin:10px 0 0 0;
	display:block;
}
#all_bg{
	background:url(../images/index_bg2.png) no-repeat center top;
}
#all {
	width: 1100px;
	margin:0 auto;
}
.topimg{
	padding:16px 0 10px 137px;
}
.m_topimg{
	display:none;
}
.top_menu{
	width:1040px;
	margin:0 auto;
}
#headerInner, #naviSP{
	display:none;
}
#index_content{
	width:1000px;
	margin:0 auto;
}
.m_index_tilte1{
	display:none;
}
#index_about{
	margin:43px 0 0 0;
}
#index_about h1{
	display:block;
	float:left;
}
#index_about h2{
	display:block;
	float:right;
	background:url(../images/index_textbg1.png) no-repeat;
	font-size:16px;
	width:760px;
	padding:15px;
	line-height:24px;
}
#index_about h2 img{
	float:right;
	margin:0 0 0 10px;
}
#index_info{
	float:left;
	background:url(../images/index_textbg2.png) no-repeat;
	margin:40px 0 0 0;
}
#index_info h1{
	display:block;
	font-size:16px;
	line-height:24px;
	margin:85px 27px 14px 27px;
	border-bottom:1px dotted #97DEE8;
	padding:0 10px 10px 10px;
}
#index_info h2{
	display:block;
	font-size:16px;
	line-height:24px;
	margin:0 27px 20px 27px;
	padding:0 10px;
}
#index_news{
	float:right;
	margin:50px 0 0 0;
}
#index_news a{
	border-bottom:1px dotted #739195;
	padding:14px;
	display:block;
}
#index_news a h1{
	display:block;
	font-size:15px;
	float:left;
	margin:0 20px 0 0;
}
#index_news a h2{
	display:block;
	font-size:15px;
	float:left;
	width:340px;
}
#index_news a img{
	margin:0 0 7px 0;
}
.top{
	display:none;
}

#footer{
	margin:60px 0 0 0;
	background:#7ACDD3;
	padding:15px 0;
}
.foot{
	width:905px;
	margin:0 auto;
}
.foot_a{
	float:left;
	margin:25px 0 0 0;
}
.foot_b{
	float:left;
	font-size:13px;
	line-height:22px;
	border-left:1px solid #30BFCF;
	padding:0 0 0 30px;
	margin:18px 40px 0 30px;
}
.foot_c{
	float:left;
}
.keyword{
	font-size:10px;
	background:#50BCC5;
	color:#3CABB5;
	padding:2px 0 0 0;
}
.keyword a{
	color:#3CABB5;
}


@media screen and (max-width:813px) {
*{
	box-sizing:border-box;
	font-weight: normal;
}
body {
	background:none;
	background-color:#DAF3F7;
	font-weight: normal;
}
#all_bg{
	background:none;
}
.topimg{
	display:none;
}
.m_topimg{
	display: block;
}
.m_topimg img{
	width:100%;
	height:auto;
}
#all {
	width:100%;
}
.top_menu{
	display:none;
}
.m_menu{
	width: 100%;
	height: 65px;
	background-color: #FFF;
}
#index_content{
	width:100%;
	margin:0;
}
#index_about{
	margin:20px 0 0 0;
}
#index_about h1{
	display:none;
}
.m_index_tilte1{
	display:block;
	font-size:22px;
	padding:0 20px 0 35px;
	background:url(../images/m_icon1.png) no-repeat 5px 0;
	margin:20px 0 15px 0;
}
#index_about h2{
	display:block;
	float: none;
	background: #FFF;
	border:2px #B5E8EF solid;
	width:100%;
	padding:20px;
	font-weight:normal;
}
#index_about h2 img{
	float:none;
	width:100%;
	height:auto;
	margin:10px 0;
}
#index_info{
	float:none;
	background:#FFF;
	border:2px #B5E8EF solid;
	margin:20px 0 0 0;
}
#index_info h1{
	margin:20px 10px 14px 10px;
	border-bottom:1px dotted #97DEE8;
	padding:0 10px 10px 10px;
}
#index_info h2{
	margin:10px 10px 14px 10px;
	padding:0 10px 10px 10px;
}
#index_news{
	float:none;
	margin:30px 0 0 0;
}
.index_news_img{
	display:none;
}
#index_news a{
	padding:10px;
}
#index_news a h1{
	font-size:15px;
	float:none;
	padding:0 0 5px 0;
}
#index_news a h2{
	float:none;
	width:100%;
}
.top{
	display:block;
	float:right;
	background:#666;
	color:#FFF;
	text-align:center;
	padding:8px 13px;
	margin:10px 10px 0 0;
}
.top a{
	color:#FFF;
}

.foot{
	width:100%;
	margin:0;
}
.foot_a{
	display:none;
}
.foot_b{
	float:left;
	font-size:15px;
	line-height:22px;
	border-left:0;
	padding:0;
	margin:0 10px;
}
.foot_c{
	display:none;
}

/*手機版選單*/
#headerInner{
	display: block;
}	
#menu{
	display:none;
}
nav li {
	margin:0 ; 
}
.menuClick {
	padding-left:10px;
	border-bottom:1px solid #D3D3D3;
}
.menuClose, .menu {
	display:block;
	padding:10px 15px;
	/*border-left:1px solid #d3d3d3;*/
	float:right;
	margin: 34px 0 0 0;/*選單關閉怪異高度*/
}
.menuClose img, .menu img	{
	width: 30px;
}
.menuClose a, .menu a {
	display:block;
}
.menuClose ../img, .menu ../img {
	width:25px;
}
#naviSP {
	width:100%;
	background:#FFF;
	position:absolute;
	top:5px;
	left:0;
	width:100%;
	z-index:1000;
}
#naviSP {
	display:none;
	margin-top: -32px;/*選單關閉怪異高度*/
}
#naviSP nav ul li {
	border-bottom:1px solid #bdbdbd;
}
#naviSP nav ul a {
	display:block;
	text-decoration:none;
	font-size:1em;
	padding:14px 12px;
	background:url(../images/icon_arrow01_sp.png) no-repeat 100% 50%;
	-webkit-background-size:26px 14px;
	-moz-background-size:26px 14px;
	-o-background-size:26px 14px;
	background-size:26px 14px;
	color:#101010;
}
#naviSP nav ul a:hover	{
	color:#101010;
}
#naviSP nav ul li.direct a {
	padding:14px 12px;
	background:url(../images/icon_arrow01_sp_h.png) no-repeat 100% 50%;
	-webkit-background-size:26px 14px;
	-moz-background-size:26px 14px;
	-o-background-size:26px 14px;
	background-size:26px 14px;
	color:#101010;
}
#naviSP nav ul li.direct a:hover {
	color:#101010;
}
#naviSP nav ul p.subTitle {
	background: #F6F6F6;
	padding:0 12px;
}
#naviSP nav ul p.subTitle span {
	display: block;
	padding-bottom: 1px;
}
#naviSP nav ul p.subTitle span a {
	background-image: url(../images/bg_line_sp02.gif);
	background-repeat: no-repeat;
	background-position: 16px 23px;
	background-size: 4px;
}
#naviSP nav .clearfix .sub01 .sub02 li .subTitle span a	{
	background-image: url(../images/bg_line_sp03.gif);
	background-repeat: no-repeat;
	background-position: 16px 23px;
	background-size: 5px;
}
#naviSP nav ul p.subTitle a {
	-webkit-background-size: 10px 14px;
	-moz-background-size: 10px 14px;
	-o-background-size: 10px 14px;
	background-size: 10px 14px;
	border-top: 1px solid #BDBDBD;
	padding-left: 34px;
	background-image: url(../images/icon_arrow02_sp_h.png);
	background-repeat: no-repeat;
	background-position: 100% 50%;
}
#naviSP nav ul a.subActive {
	background:#F6F6F6 url(../images/icon_arrow01_sp.png) no-repeat 100% 50%;
	-webkit-background-size:26px 14px;
	-moz-background-size:26px 14px;
	-o-background-size:26px 14px;
	background-size:26px 14px;
}
#naviSP nav ul ul {
	padding:0 12px;
	background: #F6F6F6;
}
/*#naviSP nav ul ul li:first-child {
	border-top:1px solid #bdbdbd;
}*/
#naviSP nav ul ul ul {
	margin:0;
	border:none;
	padding:0;
}
#naviSP nav ul ul li {
	background:url(../images/bg_line_sp01.gif) repeat-x 0 100%;
	-webkit-background-size:3px 1px;
	-moz-background-size:3px 1px;
	-o-background-size:3px 1px;
	background-size:3px 1px;
	border:none;
	padding-bottom:1px;
}
#naviSP nav ul ul li:last-child {
	background:none;
}
#naviSP nav ul ul a {
	background:url(../images/bg_line_sp02.gif) no-repeat 10px 50%;
	-webkit-background-size:4px 6px;
	-moz-background-size:4px 6px;
	-o-background-size:4px 6px;
	background-size:4px 6px;
	padding:14px 5px 14px 20px;
}
#naviSP nav ul ul ul li {
	background:none;
}
#naviSP nav ul ul ul li a {
	background:url(../images/bg_line_sp03.gif) no-repeat 24px 50%;
	padding:9px 0 10px 35px;
	-webkit-background-size:4px 4px;
	-moz-background-size:4px 4px;
	-o-background-size:4px 4px;
	background-size:4px 4px;
}
/*手機版選單END*/