@import url("reset.css");

*{
	margin:0;
	padding:0;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
a{color: #FFFFFF;}
html{ 
	font-family:Arial, Verdana, "微軟正黑體";
	-webkit-text-size-adjust:none;
}

body{

	/*background-image:url(images/Bodybg.png);*/
	background-repeat:repeat;
	background-color:#fff;
	background-position:center top;
	}
#wrapper{
	background-image:url(images/bg.png);
	background-position:center top;
	background-repeat:no-repeat;
	width:100%;	
		}
#TOP-MENU{
	display:none;
	
}

#TOP-MENU #BTN{}

#NAV{
	width:100%;
	height:60px;
	margin:0 auto;
	background-color:#000;
	font-size:1.1em;
	font-weight:bold;	
	
}

#NAV ul{
	width:100%;
	height:60px;		
}

#NAV li{
	float:right;
	
}

#NAV li a{
	display:block;
	/*width:100px;*/
	padding-right:30px;
	line-height:60px;
	text-align:center;
	text-decoration:none;
	color:#f6be3a;	
}

#NAV li a:hover{
	color:#fff;
}
.NAV-LOGO{
	display:block;
	float:left;
	width:80px;
	height:60px;
	line-height:60px;
	top:16px;left:10px;
	text-align:center; }
#logor{
	float:left;
	line-height:60px;
	}
#logor img{
	width:90%;
	margin:3%;
	padding-top:14px;}	
.Mbn{
	display:none;
	}
.bn{
	width: 1200px;
	height: 760px;
	margin:0 auto;
	text-align: center;
	padding-left: 14%;
	padding-top:115px;
	position: relative;
}
.g1{width: 234px;height: 449px; top:700px;left: 880px; position: absolute;}
.cont{
	width:100%;	
	margin:0 auto;
	position:relative;/*疊BN*/	
	background-image:url(images/contbg.png);
	background-position:center bottom;
	background-repeat:no-repeat;
	padding-bottom: 120px;
	}
.cont:after{content: '';display: block;clear: both;}

.box{width:900px;margin:0 auto;	font-size:1.1em;line-height:1.7em;	font-weight:bold;	}
.box:after{content: '';display: block;clear: both;}	/*偽元素*/
.boxtitle1{padding-bottom: 20px;}
.boxtitle1-2{}
.titleword{display: none;}
.box-text{width:900px;padding-right: 150px;margin:0 auto;clear:both;}
.cont2{
	width:100%;	
	height: 1120px;
	margin:0 auto;		
	background-image:url(images/cont2bg.png);
	background-position:center bottom;
	background-repeat:no-repeat;
/*	background-attachment: fixed;
	background-size: cover;*/
	}
.cont2:after{content: '';display: block;clear: both;}
.box2{width:1000px;margin:0 auto;font-size:1.1em;line-height:1.7em;	font-weight:bold;padding-top: 20px;}
.boxtitle2{padding: 10px 0;}
.box2-row{width:1000px;overflow:hidden}
.box2img{width: 440px;float: right;padding-bottom:4px;}
.box2-left{
	width:550px;
	float:left;
	padding-right:6px;
	padding-bottom:4px;}
.box2-right{
	width:510px;
	float:right;
	padding-left:10px;
	padding-bottom:20px;}
.box2imgleft{width: 480px;float: left;padding-bottom:20px;}
.cont3{
	width:100%;	
	height: 580px;
	margin:0 auto;
	z-index:2;	
	background-image:url(images/cont3bg.png);
	background-position:center bottom;
	background-repeat:no-repeat;
/*	background-attachment: fixed;
	background-size: cover;*/
	}
.cont3:after{content: '';display: block;clear: both;}
.box3{width:1000px;padding-top: 50px; margin:0 auto;font-size:1.1em;line-height:1.7em;	font-weight:bold;}
.boxtitle3{padding-bottom: 10px;}
.box3-row{width:1000px;overflow:hidden;}
.box3img{width: 550px;float: right;padding-bottom:10px;}
.box3-left{
	width:400px;
	float:left;
	padding-right:10px;
	padding-bottom:20px;}
.cont4{
	width:100%;	
	
	margin:0 auto;
	background-image:url(images/cont4bg.png);
	background-position:center top;
	background-repeat:no-repeat;
	padding-bottom: 40px;
/*	background-attachment: fixed;
	background-size: cover;*/
	}
.cont4:after{content: '';display: block;clear: both;}
.box4{width:1100px;padding-top: 150px; margin:0 auto;font-size:1.1em;line-height:1.7em;	font-weight:bold;}
.boxtitle4{width: 300px; padding-bottom: 10px;}
.box4-row{width:1000px;overflow:hidden;}
.box4-left{width:630px;float:left;padding-right:10px;padding-bottom:20px;}
.box4-right{width:510px;float:right;padding-bottom:20px;}
.bookg1,.bookg2{width:450px;float: left; padding-top: 20px;}

.box4imgright{width: 360px;float: right;padding-top:20px;}


.box5{width:1000px; margin:0 auto;font-size:1.1em;line-height:1.7em;font-weight:bold;}
.boxtitle5{width: 300px; padding-bottom: 4px;}
.box5-out{
	width:1000px;
	height:auto;
	margin:10px auto;
	padding:10px;	
	position:relative;
	border:1px solid #009999;
	box-shadow:3px 3px 2px 2px rgba(223,206,171,.4);
	overflow:hidden;
	}	
.box5-in{
	width:100%;
	height:auto;
	margin:0 auto;
	padding:10px;
	font-size:1em;
	line-height:1.5em;	
	position:relative;
	border:5px solid #009999;
	overflow:hidden;
	}
.box5-row{width:1000px;overflow:hidden;}
.box5-book{width:310px;float:left;padding:10px;padding-bottom:20px;text-align: center;margin: 0 auto;}
.box5-text{width:800px;margin: 0 auto;padding: 20px 0; clear: both;}
.box5imgleft{width:250px;float: left; padding-left:20px;}
.box5right{width:650px;float: right;padding-right: 40px;font-size:1em;line-height:1.7em;font-weight:bold;}

.cont6{
	width:100%;
		
	margin:0 auto;
	background-image:url(images/cont6bg.png);
	background-position:center top;
	background-repeat:no-repeat;
	background-color: #cfcfcf;
/*	background-attachment: fixed;
	background-size: cover;*/
	padding-bottom: 40px;
	}
.cont6:after{content: '';display: block;clear: both;}
.box6{width:1100px;padding-top: 150px; margin:0 auto;font-size:1.1em;line-height:1.7em;	font-weight:bold;}
.page{
	  width:100%;
	  height:auto;
	  margin:0 auto;
	  text-align:center;}
.box-booktext{
	width:860px;	
	margin:0 auto;
	text-align:center;
	font-size:1.1em;
	line-height:1.4em;
	font-weight:bold;	
	}	
.carbg{width: 260px;margin: 0 auto;}
.car{
	font-size:1.2em;
	color:#FFF;
	width:180px;
	height:40px;
	line-height:20px;
	text-decoration:none;
	background-color:#000;
	padding:10px;margin:20px;
	text-align: center;
	border-radius:30px;
	}			
.car a:link{
	color:#FFF;
	display:block;
	text-decoration: none;
	}
.car a:hover{
	color:#FFF;
	display:block;
	text-decoration: none;
	font-size:1.1em;
	}
.car2bg{width: 120px;margin: 0 auto;}
.car2{
	font-size:0.9em;
	color:#FFF;
	width:100px;
	height:26px;	
	line-height:20px;
	text-decoration:none;
	background-color:#000;
	/*border-radius:8px;*/
	padding:5px;margin:5px;
	text-align: center;
	border-radius:16px;
	}			
.car2 a:link{
	color:#FFF;
	display:block;
	text-decoration: none;
	}
.car2 a:hover{
	color:#FFF;
	display:block;
	text-decoration: none;
	font-size:0.9em;
	}
h3{color: #FFFFFF;}
h4{
	color:#3333cc;
	font-size:1.4em;
	line-height:1.5em;} 
h5{
	font-size:1.2em;
	line-height:1.4em;
	color:#166785;	}	
h6{color: #009999;font-size:1.1em;	font-weight:bold;padding-top: 10px;}
.white{color:#fff;}
.red{
	color:#009999;
	font-size:1.8em;
	line-height: 2em;
	}
.greenb{
	color:#005C5C;
	font-size:1.5em;
	line-height:1.8em;
	font-weight:bold;
	}

.green{
	color:#005C5C;}	
.bold{
	font-weight:bolder;
	}

clear{clear:both;}
footer{
	clear:both;
	width: 100%;
	overflow:hidden;	
	background-color: #ccc;
	padding-bottom:20px;
}
footer h5{
	padding-top:10px;
	font-size: 1.1em;
	color: #333;
	text-align: center;
	line-height: 1.6em;
	width: 100%;
}
footer h5 a:link{
	color: #333;
	text-decoration:none;
}
footer h5 a:visited{
	color: #333;
	text-decoration:none;
}
footer h5 a::hover{
	color: #333;
	text-decoration:none;	
}

footer h5 img{
	padding-top:10px;
}
#backtotop{
	display:scroll;
	position: fixed;
   top:60px;
   right: 60px;
   width: 40px;
   height: 40px;
   opacity: 0.8;
   z-index: 10;
   cursor: pointer;
   transition: all .5s
   -webkit-transition: all .5s;
   -moz-transition: all .5s;
	}
#backtotop:hover {
opacity: 1;
width: 50px;
height: 50px;
}