@charset 'utf-8';
@import "style.css";

/**
	隱藏連結虛線
 */
a{hidefocus:expression(this.onFocus=this.blur());outline:none;}


/**
 *	共用佈局
 */
 body{
	background:#ffffff;
 }
.clear{
	clear:both;
}

.hide{
	display:none;
}

.float_left {
	float:left;
}
.fontsize0{
	font-size:0px;
}


/**
	主架構設定
 */
.layout{
	width:970px;
	margin:0 auto;
	text-align:center;
	/* background: -webkit-gradient(linear, left top, right bottom, from(#BCC4D7), to(#BCC4D7),color-stop(0.5,#FFFFFF));
	background: -moz-linear-gradient(0 0,#BCC4D7, #FFFFFF,#BCC4D7);
	background: linear-gradient(0 0,#BCC4D7, #FFFFFF,#BCC4D7);
	-pie-background: linear-gradient(0 0,#BCC4D7, #FFFFFF,#BCC4D7);
	behavior: url(js/css3/PIE1.0/PIE.htc); */
}
.iBox_A{
	background:#82357d;
	font-size:16px;
	width:970px;
	height:729px;
}
.iBox_B{
	width:970px;
}
.logo{
	background:url(../images/logo.png) no-repeat 0px 0px;
	width:290px;/* 401px; */
	height:122px;/* 142px; */
	padding:20px 0px 0px 111px;
	margin:0px auto;
}
.film{
	background:url(../images/film.png) no-repeat 0px 0px;
	width:970px;
	height:204px;
	padding-top:34px;
	margin-top:15px;
}
.film img{
	height:165px;
}
a{
	color:#0081cc;
	text-decoration:none;
}
a:hover{
	color:#FC6400;
}
ul{padding:0px;}
li{float:left;}
/*底片輪播*/
.film .simply-scroll{
	height:165px;
	width:900px;
	padding-left:35px;
}
.simply-scroll-list{
	height:165px;
}
.film .simply-scroll .simply-scroll-clip{
	height:165px;
	width:900px;
}
.film .simply-scroll .simply-scroll-list li{
	width:auto;
	margin-right:15px;
}
/**/
.item li.it01{
	margin: 65px 7px 0px 28px;
}
.item li.it02{
	margin: 80px 17px 0px 17px;
}
.item li.it03{
	margin: 60px 28px 0px 7px;
}
.title{
    position: absolute;
	text-indent:-9999px;
	z-index:5;
}
.it01 .title{
	background:url(../images/title1.png) no-repeat 0px 0px;
	width:187px;
	height:67px;
	margin: -34px 0px 0px 52px;
}
.it02 .title{
	background:url(../images/title2.png) no-repeat 0px 0px;
	width:155px;
	height:71px;
	margin: -50px 0px 0px 65px;
}
.it03 .title{
	background:url(../images/title3.png) no-repeat 0px 0px;
	width:155px;
	height:73px;
	margin: -34px 0px 0px 69px;
}
.body{
	position:relative;
	z-index:1;
	float:left;
}
.body a{
	background:#682764;
	padding:5px 16px;
	display:block;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	behavior: url(js/css3/PIE1.0/PIE.htc);
}
.body a:hover{
	background:#EA6806;
}
.item img{
	vertical-align:middle;
}

/*底部按鈕*/
.btn{
	width:970px;
	height:74px;
	padding:0px;
	margin:15px 0px 0px 0px;
}
.btn li{
	padding:0px;
	float:left;
}
.btn li a{
	text-indent:-9999px;
	height:74px;
	display:block;
	background-position: 0px 0px;
}
.btn li a.a1{
	background:url(../images/a1.png) no-repeat;
	width:332px;
	margin:0px 5px 0px 0px;
}
.btn li a.a2{
	background:url(../images/a2.png) no-repeat;
	width:297px;
	margin:0px 7px 0px 0px;
}
.btn li a.a3{
	background:url(../images/a3.png) no-repeat;
	width:297px;
}
.btn li a.a1:hover{
	background-position: 0px -75px;
}
.btn li a.a2:hover{
	background-position: 0px -75px;
}
.btn li a.a3:hover{
	background-position: 0px -75px;
}