@charset "big5";
.flexslider {
	position: relative;
	width: 100%;
	height: 614px;
	padding: 0;
	overflow: hidden;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	z-index:0;
}
.flexslider .icon {
	position:absolute;
	top:614px;
	width:100%;
	height:100px;
	text-align:center;
	margin:0 auto;
	background:url(../images/icon-bg.png);
	z-index:10;
}
.flexslider .slides{
	position:relative;
	list-style:none;
	height:714px;
	margin:0 auto;
}
.flexslider .slides li{
	width:100%;
	height:714px;
}

.flex-direction-nav{
	position:absolute;
	list-style:none;
	z-index:3;
	width:100%;
	top:45%;
}
.flex-direction-nav li a{display:block;width:30px;height:40px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}


/* ------------marquee-------- */
.indexmarquee{
	width:1168px;
	height:0px;
	margin:0 auto;
	position:relative;
	top:-132px;
}

.marqueeBox{
	width:100%;
	background-color:#ffffff;
	padding:26px 0;
	border-radius: 5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	position:absolute;
	top:0;
}
.marqueeBox h3{
	width:189px;
	float:left;
	height:21px;
	border-right:1px solid #000;
	text-align:center;
	font-size:17px;
	font-weight:bold;
	letter-spacing:2px;
}
#marquee{
	display: block;
	overflow: hidden;
	height: 21px;
	width: 874px;
	border: 0px;
	line-height: 21px;
	font-size: 15px;
	padding:0 52px;
} 

#marquee dl {
	width:100%;
} 
#marquee dl dd a{ 
	color: #003366; 
	text-decoration: none; 
	font-weight:normal;
	padding:0px;
}  
#marquee dl dd a:hover{
	text-decoration: underline;
	color:#1db8ea;
} 

/* ----- indexNews ----- */
#indexNews {	
	width: 100%;
	padding:50px 0;
	float:left;
	background-color:#f3f3f3;
}
/** hotnewspic **/
#indexNews .hotnews-photo{
	width:292px;
	float:left;
}
/** hotnewspic **/
#indexNews .hotnews{
	width:824px;
	float:right;
	margin-left:28px;
	margin-right:24px;
}
#indexNews .hotnews dl{
	width:100%;
	float:left;
	background-image:url(../images/hotnews_line.png);
	background-repeat:repeat-x;
	background-position:bottom;
	padding:19px 0;
	color:#000000;
}
#indexNews .hotnews dl:last-child {
	background-image:none;
}
#indexNews .hotnews dt{
	width:95px;
	float:left;
	padding-left:5px;
	font-size:15px;
	line-height:22px;
}
#indexNews .hotnews dd{
	width:724px;
	float:right;
	font-size:16px;
	background-image:url(../images/hotnews_arrow.png);
	background-repeat: no-repeat;
	background-position:714px center;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
#indexNews .hotnews dd:hover{
	background-image:url(../images/hotnews_arrow-ov.png);
	background-position:718px center;
}
#indexNews .hotnews dd span{
	background-color:#00aff0;
	padding:3px 10px;
	margin:0 15px;
	font-size:13px;
	line-height:16px;
	color:#fff;
	display:inline-block;
}
#indexNews .hotnews dd a{ color:#000;}
#indexNews .hotnews dd a:hover{ color:#00aff0;}

#indexNews .hotnews dd img{ margin-left:15px;}

/* ----- indexAbout ----- */
#indexAbout{
	width:100%;
	padding:50px 0;
	float:left;
	background-image:url(../images/aboutbg.gif);
	background-repeat: repeat;
}
#indexAbout .essay {
	width:588px;
	float:left;
}
#indexAbout .essay dt {
	font-size:30px;
	color:#333333;
	font-family:"微軟正黑體";
	font-weight:bold;
	line-height:1;
	height:42px;
	width:100%;
}
#indexAbout .essay dd {
	width:100%;
	line-height:27px;
	font-size:16px;
	word-break:break-all;
}
#indexAbout .essay dd b{
	font-size:17px;
}
#indexAbout .essay dd ul{
	width:100%;
	list-style-type:none;
}
#indexAbout .essay dd ul li{}

#indexAbout .essay dd ul li > span{
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ffffff;
	background-color:#717171;
	width:18px;
	text-align:center;
	line-height:15px;
	display:inline-block;
	margin-right:10px;
}
#indexAbout .about-photo{
	width:580px;
	float:right;
	padding-top:45px;
}
/* ----- indexLink ----- */
#indexLink {
	width:100%;
	padding:50px 0;
	float:left;
	background-color:#ffffff;
}

#indexLink dl.unitBox{
	width:248px;
	height:170px;
	float:left;
	padding:40px 22px 0 22px;
	background-repeat:no-repeat;
	background-position:right bottom;
	-webkit-transition:all 0.4s ease;
	-moz-transition:all 0.4s ease;
	-o-transition:all 0.4s ease;
	transition:all 0.4s ease;
}
#indexLink dl:hover{
	background-position:right 100px;
}
#indexLink dl.cr1{
	background-color:#1ab373;
	background-image:url(../images/qm_icon1.png);
}
#indexLink dl.cr2{
	background-color:#4d565d;
	background-image:url(../images/qm_icon2.png);
}
#indexLink dl.cr3{
	background-color:#1d5bae;
	background-image:url(../images/qm_icon3.png);
}
#indexLink dl.cr4{
	background-color:#f47b20;
	background-image:url(../images/qm_icon4.png);
}
#indexLink dl.unitBox dt{
	width:100%;
	font-size:23px;
	font-weight:bold;
	line-height:23px;
	color:#ffffff;
}
#indexLink dl.unitBox dd{
	width:100%;
	word-break:break-all;
	font-size:14px;
	line-height:20px;
	color:#ffffff;
}

#indexLink dl.unitBox dd > span{
	width:100%;
	float:left;
	padding-top:10px;
	padding-bottom:32px;
}
#indexLink dl.unitBox dd > a{
	border:1px solid #afbfd3;
	line-height:26px;
	padding:3px 10px;
	color:#ffffff;
}
#indexLink dl.unitBox dd > a:hover{
	border:1px solid #ccc;
}
#indexLink dl.cr1 dd > a:hover{
	background-color:#009b5f;
}
#indexLink dl.cr2 dd > a:hover{
	background-color:#434953;
}
#indexLink dl.cr3 dd > a:hover{
	background-color:#004baa;
}
#indexLink dl.cr4 dd > a:hover{
	background-color:#dc6400;
}