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

/*--------------------------------------reset 此區塊請勿更動*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, /*p, */blockquote, pre,
/*a, */abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*---------------------------------------------------------------------*/


body {
	margin: 0;
	padding: 0;
}
img {border: 0;}
hr {
	margin: 0;
	padding: 0;
	clear: both;
	visibility:hidden;
}
h1, h2, h3, .hidden {display: none;}

ul,li,p{
	margin:0;
	padding:0;
}
.area {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
	

/* ---- Back to top button---- */
#back-top {
	position: fixed;
	bottom: 30px;
	left: 88%;
	/*margin-left: 940px;*/
	border:1px solid #e0e0e0;
	border-radius:50%;
	padding:8px;
	background:#fff;
	box-shadow:0 0 10px #ccc;
}
#back-top a {
	width: 25px;
	display: block;
	font-size:12px;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color:#0e76c1;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {color: #000;}

/*錨點*/
.anchor {
	height: 35px;
	margin-top: -35px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
	
/*主頁版型*/
.container {
	width: 100%;
	margin: 0 auto;
	background: url(images/bg.jpg) center 0 repeat;
}

.box0 {
	width: 960px;
	height: 890px;
	margin: 0 auto;
}
.area0-1 {
	width: 960px;
	height: 480px;
	background: url(images/area0-1.jpg) 0 0 no-repeat;
}
.area0-2 {
	width: 960px;
	height: 369px;
	background: url(images/area0-2.jpg) 0 0 no-repeat;
}

.box1 {
	width: 100%;
	height: 856px;
	margin: 0 auto;
	background: url(images/area1-bg.jpg) center 0 no-repeat #005eb8;
}
.area1-1 {
	width: 960px;
	height: 515px;
	margin: 0 auto;
	background: url(images/area1-1.png) 0 0 no-repeat;
}

.box2 {
	width: 960px;
	height: 1160px;
	margin: 0 auto;
}
.area2-1 {
	width: 960px;
	height: 485px;
	background: url(images/area2-1.png) 0 0 no-repeat;
}
.area2-2 {
	width: 960px;
	height: 547px;
	background: url(images/area2-2.png) 0 0 no-repeat;
}

.box3 {
	width: 100%;
	height: 2740px;
	margin: 0 auto;
	background-color: white;
}
.area3-1 {
	width: 960px;
	height: 715px;
	margin: 0 auto;
	background: url(images/area3-1.jpg) 0 0 no-repeat;
}
.area3-2 {
	width: 960px;
	height: 530px;
	margin: 0 auto;
	background: url(images/area3-2.jpg) 0 0 no-repeat;
}
.area3-3{
	width: 960px;
	height: 454px;
	margin: 0 auto;
	background: url(images/area3-3.jpg) 0 0 no-repeat;
}
.area3-4 {
	width: 960px;
	height: 425px;
	margin: 0 auto;
	background: url(images/area3-4.jpg) 0 0 no-repeat;
}
.area3-5 {
	width: 960px;
	height: 550px;
	margin: 0 auto;
	background: url(images/area3-5.jpg) 0 0 no-repeat;
}

.box4 {
	width: 960px;
	height: 1060px;
	margin: 0 auto;
}
.area4-1 {
	width: 960px;
	height: 699px;
	background: url(images/area4-1.png) 0 0 no-repeat;
}
.area4-2 {
	width: 960px;
	height: 310px;
	background: url(images/area4-2.png) 0 0 no-repeat;
}

/*導覽按鈕*/
.b2e-logo {
	width: 199px;
	height: 56px;
	background: url(images/logo.png) 0 0 no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	float: left;
	margin: 16px 46px 0 56px;
}
.nav {
	width: 100%;
	height: 90px;
	margin: 0 auto;
	background-color: #e5e4e4;
}
#header {
	width: 960px;
	margin: 0 auto;
}
#menu {}
#menu li {
	float: left;
	margin-top: 11px;
}
#menu li a {
	width: 100%;
	height: 100%;
	display: block;
}
#menu li a div {
	text-indent: 101%;
	white-space: nowrap;
	overflow: hidden;
	height: 87px;
	background-image: url(images/nav.png);
	background-repeat: no-repeat;
}
#menu li a .btn01 {
	width: 174px;
	background-position: 0 0;
}
#menu li a .btn02 {
	width: 121px;
	background-position: -174px 0;
}
#menu li a .btn03 {
	width: 167px;
	background-position: -295px 0;
}
#menu li a .btn04 {
	width: 153px;
	background-position: -462px 0;
}
#menu li a .btn01:hover, #menu li.on a .btn01 {background-position: 0 -100px;}
#menu li a .btn02:hover, #menu li.on a .btn02 {background-position: -174px -100px;}
#menu li a .btn03:hover, #menu li.on a .btn03 {background-position: -295px -100px;}
#menu li a .btn04:hover, #menu li.on a .btn04 {background-position: -462px -100px;}
/*
.nav ul {
	width: 960px;
	height: 85px;
	margin: 0 auto;
	padding: 0;
}
.nav li {
	float: left;
}
.nav li div {
	width: 320px;
	height: 85px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background: url(images/nav-line.png) right 10px no-repeat;
}

.nav li a {
	width: 100%;
	height: 100%;
	display: block;
	cursor: pointer\9;
}


.nav li a .btn01 {background: url(images/nav.png) 0 0 no-repeat;}
.nav li a .btn01:hover, .nav li.on a .btn01 {background: url(images/nav.png) 0 -200px no-repeat;}

.nav li a .btn02 {background: url(images/nav.png) -320px 0 no-repeat;}
.nav li a .btn02:hover, .nav li.on a .btn02 {background: url(images/nav.png) -320px -200px no-repeat;}

.nav li a .btn03 {background: url(images/nav.png) -640px 0 no-repeat;}
.nav li a .btn03:hover, .nav li.on a .btn03 {background: url(images/nav.png) -640px -200px no-repeat;}

*/