@charset "utf-8";@import url("reset.css");
/* CSS Document */





body{
    font-family: "微軟正黑體";
    text-align: -webkit-center;
    text-align: -moz-center;
    background-image: url(../images/a01_side.png);
}

.radius{border-radius:10px;}

.wrapper{
    width: 1000px;
    margin: 0 auto;
    background-repeat: no-repeat;
    background-position: center top;
    background-image: url(../images/a01_side.png);
    box-shadow: 0px  0px  5px 0px #fff;
}


header{ margin:0px; padding:0px;width:100%; height:333px;}
body {
	margin: 0;
	padding: 0;
	background-repeat: no-repeat;
	background-position: center center fixed no-repeat;
	background-attachment: fixed;
	-moz-background-size: cover;
	background-size: cover;
}
	header h1{ }
	header h1 a img{
	display: block;
	height: 333px;
	width: 100%;
	color: #FFFFFF;
}
	header h1 a img:hover{ background:rgba(255,249,249,0.10);}

menu{
	height: 54px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	width: 100%;
	background-color: #325BA2;
}
.menuroom{
	width: 1000px;
	padding: 0px 0px;
	border-left: none;
	border-right: none;
	letter-spacing: 1.45px;
	margin: auto;
}	
	.menuroom a{
    height: 54px;
    line-height: 54px;
    display: inline-block;
    color: #352D9B;
    text-decoration: none;
    font-size: 19px;
    font-weight: bold;
    ;
    background-image: url(../images/a01_menu.png);
    padding: 0px 3px;
    margin: 0px;
    -webkit-transition: all 0.325s;
    -moz-transition: all 0.325s;
    -ms-transition: all 0.325s;
    -o-transition: all 0.325s;
    transition: all 0.325s;
}
	.menuroom a img{ vertical-align:middle}
	.menuroom a:hover{
    height: 30px;
    line-height: 54px;
    padding: 0px 8px;
    margin: 0px;
    border-radius: 0px;
    background-color: #5AB8D1;
}



.sub{width:180px; }
.sub a{ opacity:0.7;
	-webkit-transition: all 0.5s ;
	-moz-transition: all 0.5s ;
	-ms-transition: all 0.5s ;
	-o-transition: all 0.5s;
	transition: all 0.5s ;	
	}
.sub a:hover{opacity:1;}



.sub iframe{
	display: block;
	margin: 0px auto;
	margin-bottom: 20px;
}
	.bookdownload{ display:block; background:url(../images/bookdownload.png) top; width:135px; height:163px; margin:0px auto;
	-webkit-transition: all 0.15s ;
	-moz-transition: all 0.15s ;
	-ms-transition: all 0.15s ;
	-o-transition: all 0.15s;
	transition: all 0.15s ;	
	 }
	.bookdownload:hover{background:url(../images/bookdownload.png) 0px 163px; }

.main{
    width: 725px;
    padding: 0px 20px;
    color: #000000;
}
.mainroom{width:750px;  padding:0px 20px;}

	h2.titlebox{ height:25px;}
	.mainroom h2.titlebox{ height:25px;border-left:5px #A39750 solid;padding-left:5px; color:#665D29; }
	.index h2.titlebox strong{
	border-bottom: 1px solid #cfcfcf;
	padding-bottom: 1px;
}
	.index h2.titlebox b{
    background-color: #f5c81e;
    padding: 0px 5px;
    font-weight: bold;
    color: #592E2C;
    background-image: url(url);
    font-size: 17px;
    font-family: "微軟正黑體";
    font-style: normal;
}
	




	h2.titlebox strong{
    font-size: 17px;
    display: block;
    text-align: left;
    color: #266E36;
}
	h2.titlebox span{ display:block; width:100%; text-align:right; margin-top:-15px;}
	h2.titlebox span a{ color:#888; font-size:15px; text-decoration:none;  border:#ddd 1px solid; padding:3px; border-radius:3px; background:#fefefe;
				-webkit-transition: all 0.15s ;
				-moz-transition: all 0.15s ;
				-ms-transition: all 0.15s ;
				-o-transition: all 0.15s;
				transition: all 0.15s ;
				}
	h2.titlebox span a:hover{ color:#666;background:#fff;}



.sup{ float:right; width:240px; margin: 0px 10px;}
	h3.titlebox{ border-bottom:1px #6f5608 solid ; padding:0px 0px 5px 0px;}
	h3.titlebox strong{ border-bottom:2px #7e3c10 solid; font-size:27px ;padding:0px 10px 0px 10px; color:#7d6e14;}



footer{



}

.footerroom{
	width: 1000px;
	padding: 0px 20px;
	margin: 0px auto;
	color: #111;
	font-size: 13px;
	line-height: 18px;
}
.footerroom strong{ font-size:17px; color:#777; font-weight:bold;}
footer a{ color:#1731AD; text-decoration:none;letter-spacing:0.5px; 
				-webkit-transition: all 1.15s ;
				-moz-transition: all 1.15s ;
				-ms-transition: all 1.15s ;
				-o-transition: all 1.15s;
				transition: all 1.15s ;}
				footer td a{color:#4C1F2B;}
footer a:hover{
    color: #343434;
    letter-spacing: 1px;
    padding: 0px 3px;
    background: #fff;
    text-decoration: none;
}
.copyrightbox{
    width: 100%;
    display: block;
    bottom: 0px;
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 13px;
    color: #FFFFFF;
    letter-spacing: 1px;
    background-color: #EA571C;
}



.indexlist ul li {
	border-bottom: #aaa 0.1px  dashed;
}
.indexlist ul li a{ display: block;color:#333; text-decoration:none; padding:25px 20px 20px 50px; background:url(../images/icon01.png) no-repeat 30px 30px  rgba(255,255,255,0.4);
				-webkit-transition: all 0.15s ;
				-moz-transition: all 0.15s ;
				-ms-transition: all 0.15s ;
				-o-transition: all 0.15s;
				transition: all 0.15s ; }
.indexlist ul li a:hover{background:url(../images/icon01hover.gif) no-repeat 30px 30px rgba(235,255,250,0.7); color: rgba(86,3,5,1.00);  }
				
.indexlist ul li a span{
    display: block;
    color: #b12028;
    font-size: 13px;
    line-height: 18px
}
	

.content{
    margin-top: 0px;
    padding: 20px 13px;
    background-image: url(../images/a01_side.png);
}


.contentroom{
    padding: 10px 0px 40px;
    font-size: 18px;
    color: #266e36;
    line-height: 27px;
    letter-spacing: 0px;
}
.backlink{ text-align:right;}
.backlink a{ color:#aaa; font-size:13px; text-decoration:none; border:1px solid #eee; padding:5px;
	-webkit-transition: all 0.15s ;
	-moz-transition: all 0.15s ;
	-ms-transition: all 0.15s ;
	-o-transition: all 0.15s;
	transition: all 0.15s ;	
}
.backlink a:hover{
    background: #fce6a4;
    color: #777;
    font-size: 15px;
}

.toplink{ text-align:center; padding-top:18px;}
.toplink a{ color:#aaa; font-size:13px; text-decoration:none; border:1px solid #eee; padding:5px;
	-webkit-transition: all 0.15s ;
	-moz-transition: all 0.15s ;
	-ms-transition: all 0.15s ;
	-o-transition: all 0.15s;
	transition: all 0.15s ;	
}
.toplink  a:hover{ background:#fce6a4;color:#777; font-size:15px;}

.sellbox{ border:#1074c7 5px solid; margin-bottom:10px;}
 .sellbox h4{ background:#1074c7 ; padding:8px 12px 10px; color:#FFF; font-weight:100; }
 .sellbox p { background:#fffbe1;}
 .sellbox p a{ display:block;padding:10px 12px; border-bottom:1px dashed #ccc; color:#226ba8 ; text-decoration:none; }
 .sellbox p a:hover{ background:#FFF;} 
 	
	
		.sellbox2{ border:#0d9b4a 5px solid;}
		 .sellbox2 h4{ background:#0d9b4a ; padding:8px 12px 10px; color:#FFF; font-weight:100; }
		 .sellbox2 p { background:#f6f5eb;}
		 .sellbox2 p a{display:block;padding:10px 12px; border-bottom:1px dashed #ccc; color:#0d9b4a; font-size:15px; text-decoration:none; }
		 .sellbox2 p a:hover{ background:#FFF;}
		 .sellbox2 p a strong{ display:block;} 

	
 .reda{ font-size:15px; color:#900; display:block; margin-bottom:8px; padding-top:12px;}

.news p.txt_justify{ padding:0px 10px;} 
.news p.txt_justify a{ color:#0C9; text-decoration:none;}
.news p.txt_justify a:hover{ text-decoration:underline;}
.news .contentroom{ padding:25px;} 
.news a{ color:hsla(352,93%,63%,1.00);}
.news a:hover{ color:hsla(359,100%,39%,1.00);}
 
.buttonbox { display:block; width:200px; margin:0px auto; color:#056716; text-decoration:none; text-align:center; height:60px; line-height:65px; font-size:19px; background-color:#95E1F8;border-radius:15px;
border:#f4f3f9 1px dashed;
				-webkit-transition: all 0.5s ;
				-moz-transition: all 0.5s ;
				-ms-transition: all 0.5s ;
				-o-transition: all 0.5s;
				transition: all 0.5s ;}

.buttonbox:hover{background:#FFFFB3; font-size:21px; color:#a5689f;border:#fdeeed 5px dashed; font-weight:bold;
					transform:scale(1.2,1.2);
					-ms-transform:scale(1.2,1.2); /* IE 9 */
					-moz-transform:scale(1.2,1.2); /* Firefox */
					-webkit-transform:scale(1.2,1.2); /* Safari and Chrome */
					-o-transform:scale(1.2,1.2); /* Opera */
					}
 
 
.contentfooter{
	text-align: center;
	padding-right: 0px;
	padding-left: 0px;
	color: #086650;
	margin-left: -13px;
	background-image: url(../images/a01_footer.png);
	height: 53px;
	width: 1000px;
	margin-bottom: -31px;
	margin-top: 47px;
	padding-bottom: 13px;
	background-repeat: no-repeat;
} 
 
 
 
.tagbox{ background:#6FAF14; padding:0px 0px 0px 30px; margin-bottom:0px; margin-top:12px;}
.tagbox a{ color:#FFF;text-decoration:none;background:#8AC437;
			display:block;float:left;
			margin: 0px 5px;padding-left: 10px;width: 155px;height:30px;line-height: 30px;text-align:center;border-radius:5px;
	-webkit-transition: all 0.5s ;
	-moz-transition: all 0.5s ;
	-ms-transition: all 0.5s ;
	-o-transition: all 0.5s;
	transition: all 0.5s ;
	}
.tagbox a:hover{background:#4D6826;}  
 .scenic h3{ padding:5px 10px; color:#086650; font-size:27px} 

.nav li {
    font-family: 'Oswald', sans-serif;
    font-size: 10.2em;
    line-height: 13;
    text-align: left;
}

.nav a {
    text-decoration: none;
    text-align: center;
    background-color: #325BA1;
    color: #FFF;
    display: block;
    padding: 0px 8px;
    border-bottom: 1px solid #888;
    transition: .3s background-color;
    font-size: 14px;
}

.nav a:hover {
    background-color: #5C7DA6;
    color: #FFF;
    font-size: 16px;
}

.nav a.active {
  background-color: #FBB03B;
  color: #444;
  cursor: default;
}

/* Sub Menus */
.nav li li {
  font-size: .8em;
}

/*******************************************
   Style menu for larger screens

   Using 650px (130px each * 5 items), but ems
   or other values could be used depending on other factors
********************************************/

@media screen and (min-width: 650px) {
  .nav li {
    width: 196px;
    border-bottom: none;
    height: 50px;
    line-height: 50px;
    font-size: 18em;
    display: inline-block;
    margin-right: 0px;
  }

  .nav a {
    border-bottom: none;
  }

  .nav > ul > li {
    text-align: center;
  }

  .nav > ul > li > a {
    padding-left: 0;
	line-height: 50px;
  }

  /* Sub Menus */
  .nav li ul {
    position: absolute;
    display: none;
    width: inherit;
  }

  .nav li:hover ul {
    display: block;
  }

  .nav li ul li {
    display: block;
  }
}

 









/**********************************************以下edit區域********************************************************/


  /*-------title文字顏色----------*/
 	.a01 h2.titlebox{ border-left:5px #AF6A17 solid; color: #AF6A17; }
	.a02 h2.titlebox{
    border-left: 5px #008BF0 solid;
    color: #157C3A;
}
	.a03 h2.titlebox{ border-left:5px #A73B9D solid; color: #A73B9D;}
	.a04 h2.titlebox{ border-left:5px #22CC20 solid; color: #22CC20;}
	.a05 h2.titlebox{ border-left:5px #FA649B solid; color: #FA649B;}
 
 
 /*---------按鈕的文字顏色-------------*/
 .menuroom a{ color:#881;  }
 .menuroom a:hover{
	color: #FFF;
}
 
  /*---------copyright的文字顏色-------------*/
 .copyrightbox{
	color: #FFFFFF;
}
   .copyrightbox a{
	color: #FFFFFF;
}
   
   
 

 
#h0 {
}
#h0 {
}
#h1 {
}
#h2 {
}