*{
margin:0px;
padding:0px;
}


#wrapper{
width:1240px;
height:100%;
margin:auto auto;
}

body{
background-image:url(../image/nav/repeat-x.png);
background-repeat:repeat-x;
}


#logo{
float:left;
margin-top:40px;	
}


header{
width:1240px;
height:200px;
}


select{
width:115px;
height:25px;
margin-left:-150px;
margin-top:150px;
z-index:2;
}


nav{
width:950px;
height:70px;
background-image:url(../image/nav/bar.png);
position:relative;
margin-left: 145px;
margin-right: 145px;
}


ul li{
list-style-type:none;
}

ul li a{
float:left;
}


ul li a.home{
background-image:url(../image/nav/01-2.png);
width:190px;
height:70px;
}

ul li a.about{
background-image:url(../image/nav/02-2.png);
width:190px;
height:70px;
}

ul li a.prod{
background-image:url(../image/nav/03-2.png);
width:190px;
height:70px;
}

ul li a.cont{
background-image:url(../image/nav/04-2.png);
width:190px;
height:70px;
}


ul li a.odm{
background-image:url(../image/nav/05-2.png);
width:190px;
height:70px;
}




ul li a.home:hover,ul li a.home.now{
background-image:url(../image/hover/01-2.png);
}

ul li a.about:hover,ul li a.about.now{
background-image:url(../image/hover/02-2.png);
}

ul li a.prod:hover,ul li a.prod.now{
background-image:url(../image/hover/03-2.png);
}


ul li a.cont:hover,ul li a.cont.now{
background-image:url(../image/hover/04-2.png);
}


ul li a.odm:hover,ul li a.odm.now{
background-image:url(../image/hover/05-2.png);
}

ol li{
list-style-type:none;
float:left;
}

#top{
display:scroll;
position:fixed;
bottom:20px;
right:20px;
}

section.prod3-1-1{
width:1240px;
height:4200px;
margin-left:80px
}

section.prod3-1-2{
width:1240px;
height:2450px;
margin-left:80px;
}

section.prod3-1-3{
width:1240px;
height:5900px;
}

section.prod3-1-4{
width:1240px;
height:1850px;
}

section.prod3-1-5{
width:1240px;
height:6800px;
}

section.prod3-1-6{
width:1240px;
height:600px;
}

section.prod3-1-7{
width:1240px;
height:4950px;
margin-left:15px;
}


section.prod3-1-8{
width:1240px;
height:4300px;
margin-left:15px;
}

section.prod3-2-1{
width:1240px;
height:1380px;
}

section.prod3-2-1-t{
width:1240px;
height:1380px;
}

section.prod3-2-1-a{
width:1240px;
height:1380px;
}


section.prod3-2-2{
width:1240px;
height:700px;
}

section.prod3-3-1{
width:1240px;
height:1900px;
}

section.prod3-3-2{
width:1240px;
height:2530px;
}


section.prod3-4-1{
width:1240px;
height:2750px;
}

section.prod3-4-2{
width:1240px;
height:2530px;
}



section.prod3-5{
width:1240px;
height:2500px;
}


section.prod3-6{
width:1240px;
height:1500px;
}


section.prod3-7{
width:1240px;
height:750px;
}



section.prod3-8{
width:1240px;
height:750px;
}




section.prod3-9{
width:1240px;
height:1500px;
}





figcaption.prod_title{
	font-size: 25px;
	text-align: center;
}


figure{
width: 210px;
height: 523px;
margin-left: 43px;
margin-top: 50px;
color: white;
background-color: #55b2d4;
border: solid #55b2d4 6px;
}


figcaption{
margin-top:0px;
font-size:18px;
text-align:left;
font-family:Arial;
}

/*1*/

#lks{
width: 540px;
height: 390px;
color: white;
background-color: #55b2d4;
border: solid #55b2d4 6px;
margin-top: 25px;
margin-right: 22px;
margin-bottom: 25px;
margin-left: 45px;
}

#lks2{
width: 540px;
height: 390px;
color: white;
background-color: #55b2d4;
border: solid #55b2d4 6px;
margin-top: 25px;
margin-right: 45px;
margin-bottom: 25px;
margin-left: 23px;
}


figcaption.lks{
margin-top: 0px;
font-size: 20px;
text-align: left;
padding-left: 130px;
font-family: Arial;
padding-right: 130px;
}


figcaption.lks2{
margin-top: 0px;
font-size: 20px;
text-align: left;
padding-left: 100px;
font-family: Arial;
padding-right: 100px;
}


#lhs{
width: 540px;
height: 390px;
color: white;
background-color: #55b2d4;
border: solid #55b2d4 6px;
margin-top: 25px;
margin-right: 22px;
margin-bottom: 25px;
margin-left: 45px;
}

figcaption.lhs{
font-size: 20px;
text-align: left;
padding-left: 120px;
font-family: Arial;
padding-right: 120px;
}

#lhs2{
width: 540px;
height: 390px;
color: white;
background-color: #55b2d4;
border: solid #55b2d4 6px;
margin-top: 25px;
margin-right: 45px;
margin-bottom: 25px;
margin-left: 23px;
}


figcaption.lhs_2014{
font-size:20px;
text-align:left;
padding-left:35px;
font-family:Arial;
}

figcaption.lhs_2015{
font-size:20px;
text-align:left;
padding-left:35px;
font-family:Arial;
}

#lcg{
width:230px;
height:457px;
margin-left:50px;
margin-top:50px;
color:white;
background-color:#55b2d4;
border:solid #55b2d4 6px;
}

#lnl,#lnr{
width:210px;
height:525px;
margin-left:115px;
margin-top:50px;
color:white;
background-color:#55b2d4;
border:solid #55b2d4 6px;
}

#lnl_4,#lnr_4{
width:210px;
height:550px;
margin-left:115px;
margin-top:50px;
color:white;
background-color:#55b2d4;
border:solid #55b2d4 6px;
}

#lnl_5,#lnr_5{
width:210px;
height:570px;
margin-left:115px;
margin-top:50px;
color:white;
background-color:#55b2d4;
border:solid #55b2d4 6px;
}


/*2*/
#lkf,#lka{
width: 540px;
height: 390px;
margin-left: 45px;
margin-top: 25px;
color: white;
border: solid #55b2d4 6px;
margin-right: 22px;
margin-bottom: 25px;
}


#lkf2,#lka2{
width: 540px;
height: 390px;
color: white;
border: solid #55b2d4 6px;
margin-top: 25px;
margin-right: 45px;
margin-bottom: 25px;
margin-left: 23px;
}

figcaption.lkf,figcaption.lka{
margin-top: 0px;
font-size: 20px;
text-align: left;
padding-left: 120px;
font-family: Arial;
padding-right: 120px;
}


figcaption.lkf2,figcaption.lka2{
margin-top: 0px;
font-size: 20px;
text-align: left;
padding-left: 90px;
font-family: Arial;
padding-right: 90px;
}


#lkf-t{
width: 540px;
height: 390px;
margin-left: 45px;
margin-top: 25px;
color: white;
border: solid #55b2d4 6px;
margin-right: 22px;
margin-bottom: 25px;
}

#lkf-t2{
width: 540px;
height: 390px;
color: white;
border: solid #55b2d4 6px;
margin-top: 25px;
margin-right: 45px;
margin-bottom: 25px;
margin-left: 23px;
}


figcaption.lkf-t{
margin-top: 0px;
font-size: 20px;
text-align: left;
padding-left: 125px;
font-family: Arial;
padding-right: 125px;
}

#lpf{
width:210px;
height:530px;
margin-left:50px;
margin-top:50px;
color:white;
background-color:#55b2d4;
border:solid #55b2d4 6px;
line-height:22px;
}

figcaption.lkp{
margin-top:0px;
font-size:20px;
text-align:left;
padding-left:110px;
font-family:標楷體;Arial;
font-weight:bold;
}

#pg01 a{
width:40px;
height:25px;
color:black;
font-weight:600;
margin-left:565px;
font-size:18pt;
text-decoration:none;
font-family:Arial;
float:left;
}


#pg02 a,#pg03 a{
width:40px;
height:25px;
color:black;
font-weight:600;
margin-left:0px;
font-size:18pt;
text-decoration:none;
font-family:Arial;
float:left;
}

#pg01 a:hover,#pg01 a.now,#pg02 a:hover,#pg02 a.now,#pg03 a:hover,#pg03 a.now{
	color: #991380;
	font-size: 22pt;
}




/*3*/

#lnb,#lnt{
width:210px;
height:550px;
margin-left:115px;
margin-top:50px;
color:white;
background-color:#55b2d4;
border:solid #55b2d4 6px;
}

/*4*/

#lkj{
width: 540px;
height: 390px;
color: white;
background-color: #55b2d4;
border: solid #55b2d4 6px;
margin-top: 25px;
margin-right: 22px;
margin-bottom: 25px;
margin-left: 45px;
}


figcaption.lkj{
	margin-top: 0px;
	font-size: 20px;
	text-align: left;
	padding-left: 120px;
	font-family: Arial;
	padding-right: 120px;
}


figcaption.lkj2{
	margin-top: 0px;
	font-size: 20px;
	text-align: left;
	padding-left: 100px;
	font-family: Arial;
	padding-right: 100px;
}


figcaption.lkj-spe{
	margin-top: 0px;
	font-size: 20px;
	text-align: left;
	padding-left: 65px;
	font-family: Arial;
	padding-right: 65px;
}

#lkj2{
width: 540px;
height: 390px;
color: white;
background-color: #55b2d4;
border: solid #55b2d4 6px;
margin-top: 25px;
margin-right: 45px;
margin-bottom: 25px;
margin-left: 23px;
}

#lnp_4{
	width: 213px;
	height: 550px;
	margin-left: 115px;
	margin-top: 50px;
	color: white;
	background-color: #55b2d4;
	border: solid #55b2d4 6px;
	font-size: 13px;
	font-family: Arial;
}3px



/*5*/

#lfs{
width:210px;
height:525px;
margin-left:115px;
margin-top:50px;
color:white;
background-color:#55b2d4;
border:solid #55b2d4 6px;
}


/*6*/

#lop{
width: 540px;
height: 410px;
color: white;
background-color: #55b2d4;
border: solid #55b2d4 6px;
margin-top: 25px;
margin-right: 22px;
margin-bottom: 25px;
margin-left: 45px;
}


figcaption.lop{
margin-top:0px;
font-size:20px;
text-align:left;
padding-left:50px;
font-family:Arial;
}

#lop2{
width: 540px;
height: 410px;
color: white;
background-color: #55b2d4;
border: solid #55b2d4 6px;
margin-top: 25px;
margin-right: 45px;
margin-bottom: 25px;
margin-left: 23px;
}


figcaption.lop{
margin-top:0px;
font-size:20px;
text-align:left;
padding-left:50px;
font-family:Arial;
}





/*7、8*/

#lml,#lmt{
width:210px;
height:530px;
margin-left:115px;
margin-top:50px;
color:white;
background-color:#55b2d4;
border:solid #55b2d4 6px;
}