@charset "utf-8";
/* CSS Document */

body{
	margin:0 auto;
	font-family: "微軟正黑體", "Microsoft JhengHei";
	background-repeat: repeat-x;
	/*max-width:1200px;*/
	padding:0px;
	font-size: 16px;
	line-height: 24px;
	letter-spacing: 1px;
}

li{
list-style:none;

}
img{
max-width:100%;
height:auto;
}

#logo{
padding:7px;
}
.header{
	height:134px;
	background-image: url(../images/h-menubg3.gif);
	background-repeat: repeat-x;
}
#header{
	max-width: 1280px;
	margin: 0 auto;

	padding:0px;
}
#toplink ul{
float:right;
padding:20px 10px ;font-size: 12px;
}

#toplink li{
display:inline;
padding:0 10px;	
}
#toplink li a{
	display:inline;
	padding:0 10px;
	font-size: 14px;
	color: #0091c7;
	text-decoration: none;
}
.h-menu{


}
#h-menu{
float:left;	
	width:100%;max-width: 1280px;height:auto;
}
#h-menu ul{
	height:45px;
	background-image: url(../images/h-menubg2e.gif);
	background-repeat: no-repeat;
	margin:0px;

}
#h-menu li{
display:inline;	height:20px;
padding:10px 60px;
float:left;
}
#h-menu li a{
	color: #FFF;
	text-decoration: none;
	font-size: 20px;
}
#h-menu li a:hover{
	color: #fcff00;

}

#banner{
	max-width: 1280px;
	margin: 0 auto;
	padding:0px;
}
.idx-m{

	background-repeat: no-repeat;
	background-position: center;

	
}
#idx-m{
	max-width: 1280px;
	margin: 0 auto;
	padding:10px;


}
#idx-m p{
	font-size: 13px;
	width:110px;
	float:right;
	padding:35px 5px;
	line-height: 16px;
}

#idx-box li{
display:inline;
width:268px;
height:268px;
float:left;

}

#idx-box h1{
	font-size: 16px;
	text-align:center;
	height:60px;
	padding:4px 0 0 0;
	color: #FFF;	font-family: "微軟正黑體", "Microsoft JhengHei";
}

.idx-box1{
	background-image: url(../images/box.png);
	background-repeat: no-repeat;
}
.idx-box2{
	background-image: url(../images/box2.png);
	background-repeat: no-repeat;
}

.idx-box3{
	background-image: url(../images/box3.png);
	background-repeat: no-repeat;
}
.idx-box4{
	background-image: url(../images/box4.png);
	background-repeat: no-repeat;
}
.idx-box5{
	background-image: url(../images/box5.png);
	background-repeat: no-repeat;
}
#idx-box-r{
float:left;
}

#idx-pro{
	width:305px;
	font-size: 12px;
	line-height: 16px;
	padding:20px 35px 40px 105px;
	margin:0 auto;

}
#idx-pro img{
float:left;
padding:10px 15px;
}

#idx-news{
width:352px;
padding:60px 20px 0px 20px;
}
#idx-news li{
	background-image: url(../images/idx-newp.png);
	background-repeat: no-repeat;
	background-position: 5px;
	padding:0 0 0 25px;
	line-height: 35px;
}
#idx-news li a{
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
}
#idx-news li a:hover{
	color: #fcff00;

}
#idx-link li{
display:inline;
padding:40px 20px 40px 0px;
margin:10px 30px;
float:left;


}
#idx-link li a{
	font-size: 18px;
	color: #FFFFFF;
	text-decoration: none;
}

.foot{
	background-image: url(../images/footerbg.gif);
	background-repeat: repeat-x;
}
#footer{
	/*background-color: #e7e7e7;
	border-top-width: 3px;
	border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-top-style: solid;
	border-top-color: #1cd7ad;

	float:left;*/
	height:auto;
	width:100%;
	/*add*/
	max-width: 1200px;
	margin: 0 auto;
}
#footlogo{
	padding:10px;
	font-size: 11px;
	text-align:right;
	line-height: 16px;
	float:left;
	margin:30px 10px ;
}
.footmenu {
max-width:100%;
height:auto;
}
.footmenu li{
	display:inline;
	padding:0 5px;
	float:left;	line-height: 34px;

}
.footmenu li a{
	background-image: url(../images/footicon.png);
	background-repeat: no-repeat;
	background-position: 10px;
	padding:0 0 0 25px;
	color: #2f87a7;
	text-decoration: none;
}
.footmenu li a:hover{
	font-weight: bold;
}
.footmenu li p{
	padding:0;
	font-size: 14px;
	margin:0px;
	line-height: 24px;	background-image:none;
}

.footmenu li p a{
	background-image:none;
	color: #666;
}
.footmenu li p a:hover{
	text-decoration: underline;
	font-weight: normal;
}
.footcopy{
	background-color: #006e97;
	height:41px;
}
#footcopy{
	max-width: 1280px;
	margin: 0 auto;
	padding:0px;
}
#footw{
	text-align:right;
	font-size: 14px;
	color: #FFFFFF;
	padding:10px 0 0 0;
}
#footw a{
	color: #59a1bb;
	text-decoration: none;
}
#csclogo{
float:left;}

.sbumenu{
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #2bb5d2;
	padding:0px;
	margin:0px;
	height: 48px;
}

#sbumenu{
	height:auto;
	max-width:1200px;
	margin: 0 auto;
	
}

#sbumenu h1{
	color: #33abc4;
	font-size: 20px;
	font-weight: normal;
	background-image: url(../images/h1tit.gif);
	background-repeat: no-repeat;
	background-position: 120px;
	width:160px;
	height:48px;
	line-height: 50px;
	padding:0 0 0 12px;
	float:left;
}
#sbumenu ul{
float:left;

padding:10px 0;

}

#sbumenu li{
	float:left;
	display:inline;
	color: #CCC;
	
}
#sbumenu li a{
	padding:0 20px;
	color: #494949;
	text-decoration: none;
}

@media all and (max-width : 980px) {
#toplink ul{

font-size: 12px;
}

#toplink li{
display:inline;	padding:0px 5px;
	margin:0px;

}
#toplink li a{
	display:inline;

	font-size: 14px;
	color: #0091c7;
	text-decoration: none;
	padding:0px;
	margin:0px;
}

.header{

	background-image: none;

}

.idx-m{
	background-image: none;


}
#idx-pro{
float:left;
width:100%;
	font-size: 12px;
	line-height: 16px;
	padding:0px;
	border: 1px solid #0099FF;

}
#idx-news{
float:left;
width:100%;
	background-image: url(../images/newtit.gif);
	background-repeat: no-repeat;


}
#idx-news li{
	background-image: url(../images/idx-newp.png);
	background-repeat: no-repeat;
	background-position: 5px;
	padding:0 0 0 25px;
	line-height: 35px;
}
#idx-news li a{
	font-size: 14px;
	color: #000;
	text-decoration: none;
}
#idx-link li{
display:none;
}
#idx-link li a{
display:none;
}
.foot{
	background-image:none;
	background-color: #e9e9e8;
		height:auto;
	width:100%;
}
}