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

@font-face {
	/* font-family: 'cwTeXHei';*/
   /* src: url(NotoSansTC-Light.otf);*/
	font-family: "微軟正黑體"," Adobe 繁黑體 Std B", Arial;
	src: url(MSJH.TTC);
}
/* 引用嵌入字型 */
body {
	/* font-family:'cwTeXHei', Arial;*/
	font-family: "微軟正黑體"," Adobe 繁黑體 Std B", Arial;
	margin: 0 auto;
	padding: 0;
	
}
header, section, footer, aside, nav, main, article, figure {
	display: block;
}
/*img {
	max-width: 100%;
	height: auto;
	width: auto;
}*/

.black1 {font-family: "微軟正黑體"," Adobe 繁黑體 Std B", Arial;font-size: 16px;color: #000000;line-height: 26px; }
.black2 {font-family: "微軟正黑體"," Adobe 繁黑體 Std B", Arial;font-size: 20px;color: #000000;line-height: 32px; }
.orange1 {font-family: "微軟正黑體"," Adobe 繁黑體 Std B", Arial;font-size: 16px;color: #eb6306;line-height: 26px; }
.orange2 {font-family: "微軟正黑體"," Adobe 繁黑體 Std B", Arial;font-size: 20px;color: #eb6306;line-height: 26px; }
.white1 {font-family: "微軟正黑體"," Adobe 繁黑體 Std B", Arial;font-size: 16px;color: #ffffff;line-height: 26px; }
.white2 {font-family: "微軟正黑體"," Adobe 繁黑體 Std B", Arial;font-size: 20px;color: #ffffff;line-height: 26px; }
.white3 {font-family: "微軟正黑體"," Adobe 繁黑體 Std B", Arial;font-size: 20px;color: #ffffff;line-height: 32px; }


.b1_bird {
  background: #fbe6d7;
  background: #fbe6d7 url(../images/bird2a.png) no-repeat bottom right;
  width:239px;
　height:350px;
 /* background-repeat  : ;
  background-position: ;*/                      
}

.b2_bird {
  background: #fdd3b6;
  background: #fdd3b6 url(../images/bird1a.png) no-repeat bottom left;
  width:239px;
　height:350px;
 /* background-repeat  : ;
  background-position: ;*/                      
}

.b3_bird {
  background: #fbe6d7;
  background: #fbe6d7 url(../images/bird2a.png) no-repeat bottom right;
  width:239px;
　height:350px;
 /* background-repeat  : ;
  background-position: ;*/                      
}

.b4_bird{
background:url(../images/fillet-2.png) no-repeat;
width:1200px; 
height:23px; 	
	
}

/*td:first-child{
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}

td:last-child{
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}*/
.bottom_line{  
  border-collapse: collapse;
  /*border-radius: 1em;*/
  overflow: hidden;
  border-bottom: 1px solid white;
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

#text1 {
	animation: fadein 3s;
	-moz-animation: fadein 3s; /* Firefox */
	-webkit-animation: fadein 3s; /* Safari and Chrome */
	-o-animation: fadein 3s; /* Opera */
}
#bpic {
	animation: fadein 4s;
	-moz-animation: fadein 4s; /* Firefox */
	-webkit-animation: fadein 4s; /* Safari and Chrome */
	-o-animation: fadein 4s; /* Opera */
}
#bdialog {
	animation: fadein 5s;
	-moz-animation: fadein 5s; /* Firefox */
	-webkit-animation: fadein 5s; /* Safari and Chrome */
	-o-animation: fadein 5s; /* Opera */
}
.t1 {
	animation: fadein 2s;
	-moz-animation: fadein 2s; /* Firefox */
	-webkit-animation: fadein 2s; /* Safari and Chrome */
	-o-animation: fadein 2s; /* Opera */
}
.t2 {
	animation: fadein 3s;
	-moz-animation: fadein 3s; /* Firefox */
	-webkit-animation: fadein 3s; /* Safari and Chrome */
	-o-animation: fadein 3s; /* Opera */
}
.t3 {
	animation: fadein 4s;
	-moz-animation: fadein 4s; /* Firefox */
	-webkit-animation: fadein 4s; /* Safari and Chrome */
	-o-animation: fadein 4s; /* Opera */
}
.t4 {
	animation: fadein 5s;
	-moz-animation: fadein 5s; /* Firefox */
	-webkit-animation: fadein 5s; /* Safari and Chrome */
	-o-animation: fadein 5s; /* Opera */
}
.t5 {
	animation: fadein 6s;
	-moz-animation: fadein 6s; /* Firefox */
	-webkit-animation: fadein 6s; /* Safari and Chrome */
	-o-animation: fadein 6s; /* Opera */
}
.t6 {
	animation: fadein 7s;
	-moz-animation: fadein 7s; /* Firefox */
	-webkit-animation: fadein 7s; /* Safari and Chrome */
	-o-animation: fadein 7s; /* Opera */
}
.t7 {
	animation: fadein 8s;
	-moz-animation: fadein 8s; /* Firefox */
	-webkit-animation: fadein 8s; /* Safari and Chrome */
	-o-animation: fadein 8s; /* Opera */
}
.t8 {
	animation: fadein 12s;
	-moz-animation: fadein 12s; /* Firefox */
	-webkit-animation: fadein 12s; /* Safari and Chrome */
	-o-animation: fadein 12s; /* Opera */
}
.t8 {
	animation: fadein 12s;
	-moz-animation: fadein 12s; /* Firefox */
	-webkit-animation: fadein 12s; /* Safari and Chrome */
	-o-animation: fadein 12s; /* Opera */
}

.first{
	width: 100%;	
	color: #000000;	
	/*line-height: 50px;*/
	/*font-weight: 500;*/	
	background: #ffffff;
}
.second {
	width: 100%;	
	color: #000000;	
	margin-top:-3.5%;
	background: #ffffff;
	position: relative;
	padding-bottom:1%;
}
.third {
	background: #FCE6D8;
	height: auto;
	width:100%;	
	padding-top: 1%;
	padding-bottom: 1.5%;
}
.forth {
	background: #FCD3B5;
	height: auto;
	width: 100%;	
	padding-top: 2.5%;
	padding-bottom: 2%;
}
.fifth {
	background: #FCE6D8;
	height: auto;
	width: 100%;	
	padding-top: 1%;
	padding-bottom: 1%;
}
.sixth {
	background: #FCD3B5;
	height: auto;
	width: 100%;	
	padding-top: 0%;
	padding-bottom:1%;
}

/*Div Grid*//* IE 不適用*/
/*.wrapper {
	width:100%;
	display: grid;
	grid-gap: 2px;
	grid-template-columns: repeat(5, 19%);
}*/
.box {
	/*background-color: #444;*/
	color: #000;
	/*border-radius: 5px;*/
	padding: 20px;
	font-size:22px;	
	/*letter-spacing:3px;line-height:30px;*/
	/*borer-right:2px solid #E26207;*/
}
.box:nth-child(even) {
	/*background-color: #ccc;*/
	color: #000;	
}
/**/

/*Div Table*/
.wrapper{
width:100%;
/*display:table;*/
display:inline-block;
margin:0 auto;
height:auto;
}
.css_tr{
      /*display: table-row;*/width:18%;float:left;letter-spacing:2px;line-height:1.5em;padding:15px 0px 15px 20px;
  }
.css_td {
      /*display: table-cell;*/color:#000000;font-size:0.8em;padding:30px;letter-spacing:2px;line-height:1.4em;
}

/**/


.first1 {
	width: 100%;
	height: auto;
	background-color: #FCD3B5;
	/*font-size: 26px;*/
	font-size:1.4em;
	/*font-weight: 500;*/
	/*padding-bottom:2%;*/
}
	
.text2 {
	font-size:1.5em;
	/*font-weight: 500;*/
	position: absolute;
	left: 42%;
	top: 20%;
	letter-spacing:2px;	
}
.second1 {
	margin-top:-0.5%;
	width: 100%;
	height: 1420px;
	background: url( '../images/back2-1920x1420.jpg') no-repeat;
	background-position: center;
	background-size: cover;
	/*font-size:150%;*/
	/*font-size: 22px;*/
	/*font-weight: 500;*/
	color: #ffffff;
	position: relative;
}

.footer {
	height: auto;
	background: #ffffff;
	padding-top: 1%;
	padding-bottom: 1%
}
.mask {
	width: 100%;
	position: absolute;
	z-index: 2;
	margin: 0;
	padding: 0;
	left: 0;
	/*top:0;*/
	box-shadow: 0px 12px 18px -20px #000000;
	-webkit-box-shadow: 0px 12px 18px -20px #000000;
	-moz-box-shadow: 0px 12px 18px -20px #000000;
}
.mask2 {
	position: absolute;
	bottom: 0px;
	right: 0px;
	padding-top: 1%;
	padding-bottom: 1%;
	width: 100%;
	height: auto;
	background: rgba(0,0,0,0.8);
	/*background-color: rgb(0, 0, 0); */
	filter: alpha(opacity=80); /*ie透明度20%*/
	-moz-opacity: 0.8;        /*Moz + FF 透明度20%*/
	opacity: 0.8; /*支持CSS3的浏览器(FF1.5也支持)透明度20%*/
	letter-spacing: 2px;
}
.mask2 p {
	color: #fff;
	font-family: '微軟正黑體';
	text-align: center;
	/*font-size: 18px;*/
	
}
.button {
	background-color: #4CAF50; /* Green */
	border: none;
	color: white;
	padding: 16px 32px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size:1.3em;
	letter-spacing:2px;
	font-family: "微軟正黑體", " Adobe 繁黑體 Std B", Arial;
	margin: 4px 20px 4px 20px;
	-webkit-transition-duration: 0.9s; /* Safari */
	transition-duration: 0.9s;
	cursor: pointer;	
	outline: none;
	animation: fadein 6s;
	-moz-animation: fadein 6s; /* Firefox */
	-webkit-animation: fadein 6s; /* Safari and Chrome */
	-o-animation: fadein 6s; /* Opera */
}
.button1 {
	background-color: white;
	color: black;
	border: 2px solid #4CAF50;
}
.button1:hover {
	background-color: #4CAF50;
	color: white;
}
.button2 {
	background-color: white;
	color: black;
	border: 2px solid #008CBA;
}
.button2:hover {
	background-color: #008CBA;
	color: white;
}
.button3 {
	background-color: #FCD3B5;
	color: #ffffff;
	border: 2px solid #ffffff;
}
.button3:hover {
	background-color: #E26207;
	color: white;
	border: 2px solid #E26207;
}
.button4 {
	background-color: #FCE6D8;
	color: #E26207;
	border: 2px solid #E26207;
}
.button4:hover {
	background-color: #E26207;
	color: #ffffff;
}
.button5 {
	background-color: white;
	color: #E26207;
	border: 2px solid #E26207;
}
.button5:hover {
	background-color: #E26207;
	color: white;
}
.button6 {
	/*background-color: #F99A21;*/
	background-color: transparent;
	color: white;
	border: 2px solid #ffffff;
}
.button6:hover {
	background-color: #E76207;
	/*color: #F99A21;*/
	color: #ffffff;
}
 @keyframes fadein {
 from {
 opacity:0;
}
 to {
 opacity:1;
}
}
@-moz-keyframes fadein { /* Firefox */
 from {
 opacity:0;
}
 to {
 opacity:1;
}
}
@-webkit-keyframes fadein { /* Safari and Chrome */
 from {
 opacity:0;
}
 to {
 opacity:1;
}
}
@-o-keyframes fadein { /* Opera */
 from {
 opacity:0;
}
 to {
 opacity: 1;
}
}