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

.topArea{
	position:relative;
	background:url(../images/bg.jpg) no-repeat;
	background-size:cover;
	padding-bottom:200px;
}

.bannerWrap{
	width:100%;
	position:absolute;
	left:0;
	top:0;
	overflow:hidden;}
	
.bannerWrap img{
	display:block;
	width:100%;}

.topArea .leftBox{
	float:left;
	width:205px;}

/*logo*/
.topArea h1{}

.topArea h1 a{
	display:block;
	background:url(../images/logo.png) no-repeat center top;
	width:205px;
	height:185px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;}

/*menu*/
ul.menu{
	padding:0;}

ul.menu li{
	border-bottom:1px solid #dedac1;
	box-shadow:0 1px #FFF;}
	
ul.menu li a{
	display:block;
	height:58px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;}

ul.menu li a.menu01{
	background:url(../images/menu/menu01.png) no-repeat center center;}
ul.menu li a.menu02{
	background:url(../images/menu/menu02.png) no-repeat center center;}
ul.menu li a.menu03{
	background:url(../images/menu/menu03.png) no-repeat center center;}
ul.menu li a.menu04{
	background:url(../images/menu/menu04.png) no-repeat center center;}
ul.menu li a.menu05{
	background:url(../images/menu/menu05.png) no-repeat center center;}
ul.menu li a.menu06{
	background:url(../images/menu/menu06.png) no-repeat center center;}
ul.menu li a.menu07{
	background:url(../images/menu/menu07.png) no-repeat center center;}

ul.menu li a:hover{
	background-size:110%;}

.social{
	display:block;
	border-bottom:1px solid #dedac1;
	box-shadow:0 1px #FFF;
	text-align:center;
	line-height:58px;}

.topArea .rightBox{
	float:left;
	width:935px;
	margin-left:20px;
	margin-top:15px;
	position:relative;}

/*菱形廣告*/
ul.ad{
	position:relative;}

ul.ad li{
	border-radius:15px;
	position:absolute;
	overflow:hidden;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	display: block;
}

ul.ad li .item{
	position:relative;
	left:50%;
	top:50%;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	display: block;
	overflow: hidden;
}

ul.ad li .Img{}

ul.ad li .Img img{
	display:block;
	width:100%;
		
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
	transition:all 0.2s ease;}

ul.ad li .Txt{
	background:rgba(0,0,0,0.6);
	width:100%;
	font-size:13px;
	color:#FFF;
	text-align:center;
	line-height:1.8;
	position:absolute;
	left:0;
	bottom:0;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 50px;
	padding-left: 10px;
}

ul.ad li a.more{
	display:block;
	width:100%;
	
	padding: 10px 0 20px 0;
	background:#FFF;
	font-size:12px;
	color:#52504d;
	text-align:center;
	
	position:absolute;
	left:0;
	bottom:0;}

ul.ad li a.more:hover{
	box-shadow:inset 0 10px 15px #CCC;}

ul.ad li .item:hover img{
	-webkit-transform:scale(1.05);
	-moz-transform:scale(1.05);
	-o-transform:scale(1.05);
	transform:scale(1.05);}

ul.ad li.pic01{
	width:410px;
	height:410px;
	
	top:140px;
	left:80px;}	
ul.ad li.pic01 .item{
	width:580px;
	height:580px;
	margin-top:-290px;
	margin-left:-290px;}

ul.ad li.pic02{
	width: 154px;
	height: 154px;
	top: 26px;
	left: 390px;}
ul.ad li.pic02 .item{
	width:218px;
	height:218px;
	margin-top:-109px;
	margin-left:-109px;}

ul.ad li.pic03{
	width: 154px;
	height: 154px;
	top: 147px;
	left: 510px;}
ul.ad li.pic03 .item{
	width:218px;
	height:218px;
	margin-top:-109px;
	margin-left:-109px;}

ul.ad li.pic04{
	width: 282px;
	height: 282px;
	top: 298px;
	left: 573px;}
ul.ad li.pic04 .item{
	width:400px;
	height:400px;
	margin-top:-200px;
	margin-left:-200px;}

ul.ad li.pic05{
	width: 282px;
	height: 282px;
	top: 510px;
	left: 358px;}
ul.ad li.pic05 .item{
	width:400px;
	height:400px;
	margin-top:-200px;
	margin-left:-200px;}

ul.ad li.pic06{
	width: 154px;
	height: 154px;
	top: 636px;
	left: 153px;}
ul.ad li.pic06 .item{
	width:218px;
	height:218px;
	margin-top:-109px;
	margin-left:-109px;}

ul.ad li.pic07{
	width: 154px;
	height: 154px;
	top: 519px;
	left: 33px;}
ul.ad li.pic07 .item{
	width:218px;
	height:218px;
	margin-top:-109px;
	margin-left:-109px;}

.topArea .sideMenu{
	position:absolute;
	top:20px;
	right:20px;}

.topArea .sideMenu a{
	display:block;
	font-size:12px;
	color:#707070;
	line-height:2.2;
	text-align:right;
	
	-webkit-transition:all 0.1s ease;
	-moz-transition:all 0.1s ease;
	-o-transition:all 0.1s ease;
	transition:all 0.1s ease;}

.topArea .sideMenu a:hover{
	font-size:15px;}

/*****banner******/
.downArea{
	clear:both;}

#banner .Txt{
	font-family:"微軟正黑體", "LiHei Pro", "新細明體", sans-serif;
	font-size:13px;
	color:#FFF;
	line-height:2;}