@charset "utf-8";
/* CSS Document */
body {
	background-repeat: repeat;
	font-family: "微軟正黑體", sans-serif;
	background-image: url(../images/body_bg.png);
}
/* 這是設定所有放大縮小的物件是使用移動方式變化 */
*{-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-ms-transition: all 0.6s;
	-o-transition: all 0.6s;
	transition: all 0.6s;}
.NO{ display:none;}
/* wow進場後額外繼續輪播的動畫 */
.myAni {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
}

.myAni.infinite {
  -webkit-animation-iteration-count: infinite;
          animation-iteration-count: infinite;
}

.myAni.hinge {
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
}
.myAni.infinite.pulse {
/*animation-delay: 2s;*/
-webkit-animation-name: pulse !important;
animation-name: pulse !important;
}

/*表頭表尾 請勿------------------------------------砍*/
.top, .footer{
    line-height: 0px; width:100%;
}
.top, .footer{
    z-index: 99;
    position: relative;
}


.width1280{ max-width:1280px; min-width:280px; height:auto; margin:0 auto;}
.width1000{ max-width:1000px; min-width:280px; height:auto; margin:0 auto;}

.BRR{ height:1px;}
/*BANNER*/
.banner{ position:relative; overflow:hidden;}
img.banner001{-webkit-animation-delay: 0s; animation-delay:0s;}
img.banner002{-webkit-animation-delay: 0s; animation-delay: 0s;}
img.banner003{-webkit-animation-delay: 0s; animation-delay: 0s;}
img.banner003_1{-webkit-animation-delay:0s; animation-delay:0s;}

img.banner001, img.banner002, img.banner003, img.banner003_1{ -webkit-animation-duration: 1s; /* Chrome, Safari, Opera */
    animation-duration: 1s;}
img.banner001, img.banner002, img.banner003, img.banner003_1, img.tokyo{ position:absolute;}
/*表單區*/
.fill{text-align:center;padding-top:10px; padding-bottom:25px; background-color:#666; background-image:url(../images/form_bg.jpg); background-repeat:repeat;}

.fill h2{color:#FFF;text-align:center;line-height: 35px;font-weight:bold;margin-top:0px;margin-bottom: 0px;font-size: 28px;}
.fill h2 .BLUETXT{color:#a4fffc}
.fill .share{ display:block; width:280px; margin:0 auto;}
.fill .share ul{}
.fill .share ul li{ float:left; list-style:none; padding-left:12px;}
.fill #sBut{ display:block; max-width:400px; height:auto; min-width:280px; margin:0 auto; width:100%}
.fill .go_button{ -webkit-animation-duration: 2s; /* Chrome, Safari, Opera */ animation-duration: 2s;max-width:260px; height:auto; min-width:150px; margin:0 auto; width:90%}
.fill .statement{ color:#FFF; line-height:40px;}
.fill .statement a{ color:#FF0;}
.fill .statement a:hover{ color:#FFF;}
.fill .form-control{margin-bottom:5px;margin-left: 7px; width:98%;}
/*表格下方坊格樣式*/
.fill_bottom{background-image:url(../images/form_bottom.png); width:100%;}
/*內容區*/
.content{ width:100%; background-image:url(../images/con_bg.png); background-repeat:no-repeat;overflow:hidden; position:relative; padding-bottom:25px; }
/*概敘*/
.Explanation{ background:rgba(252, 228, 206, 0.7); padding-top:20px; padding-bottom:20px; font-weight:bold;}
.Explanation .Explanation_PIC{ max-width:320px; min-width:150px; width:100%; height:auto; margin:0 auto; text-align:center; display:block;}
/*說明內容*/
/*111111*/
.bloacA{ position:absolute; z-index:6;}
.bloacA h2{ display:block; height:70px; line-height:70px;color:#FFF; margin-bottom:0px; margin-top:0px;}
.bloacA .TXT{ background-color:#FFF;border:1px #df6c2a solid;padding:5px;}
.bloacA .TXT p{ font-weight:normal; color:#5e4524;}
.bloacA .TXT p .PBO{ font-weight:bold;}

/*22222*/
.bloacB{ position:absolute; z-index:6;}
.bloacB h2{ display:block; height:70px; line-height:70px;color:#FFF; margin-bottom:0px; margin-top:0px;}
.bloacB .TXT{ background-color:#FFF;border:1px #3ea48a solid;padding:5px;}
.bloacB .TXT p{ font-weight:normal; color:#5e4524;}
.bloacB .TXT p .PBO{ font-weight:bold;}

/*33333*/
.bloacC{ position:absolute; z-index:6;}
.bloacC h2{ display:block; height:70px; line-height:70px;color:#FFF; margin-bottom:0px; margin-top:0px;}
.bloacC .TXT{ background-color:#FFF;border:1px #5d1fa4 solid;padding:5px;}
.bloacC .TXT p{ font-weight:normal; color:#5e4524;}
.bloacC .TXT p .PBO{ font-weight:bold;}



/*444444*/
.bloacD{ position:absolute; z-index:6;}
.bloacD h2{ display:block; height:70px; line-height:70px;color:#FFF; margin-bottom:0px; margin-top:0px;}
.bloacD .TXT{ background-color:#FFF;border:1px #a40642 solid;padding:5px;}
.bloacD .TXT p{ font-weight:normal; color:#5e4524;}
.bloacD .TXT p .PBO{ font-weight:bold;}


/*555555*/
.bloacE{ position:absolute; z-index:6;}
.bloacE h2{ display:block; height:70px; line-height:70px;color:#FFF; margin-bottom:0px; margin-top:0px;}
.bloacE .TXT{ background-color:#FFF;border:1px #2f7113 solid;padding:5px;}
.bloacE .TXT p{ font-weight:normal; color:#5e4524;}
.bloacE .TXT p .PBO{ font-weight:bold;}


img.bloac{ max-width:500px; min-width:100px; width:95%; height:auto; margin:0 auto; display:block; padding:5px;}
/*	↓↓↓↓	螢幕尺寸大於960時頁面顯示效果↓↓↓↓	 */
@media (min-width:960px) {
.BRR{ display:none;}
/*BANNER*/
img.banner_big{	width: 100%;max-width: 1920px;min-width: 960px;height: auto;}
img.banner_min{ display:none;}

img.banner001{display: block;bottom:0%;right: 0%;z-index:1;max-width:720px;height:auto;width: 37vw;}
img.banner002{display: block;top: 15%;right: 20%;z-index:1;max-width:300px;height:auto;width: 15vw;}
img.banner003{display: block;top: 8%;left: 15%;z-index: 2;max-width:1065px;height:auto;width: 52vw;}
img.banner003_1{display: none}
/*表格*/
.fill_bottom{height:48px;}
/*內容區*/
.content{background-position:bottom center;height: 180vh;}
/*概敘*/
.Explanation p{padding-top: 0px;font-size:26px;}
/*標題---飛機*/
.title{}
img.airpic001{ max-width:1420px; min-width:960px; width:100%; height:auto; margin:0 auto; display:block;}
img.airpic002{ display:none;}

img.tokyo{max-width:438px;width: 22vw;bottom:0px;left: 38%;z-index:3;height:auto;}
/*1111111*/
.bloacA{max-width:550px;height:auto;top:30%;left: 15%;}
.bloacA h2{ max-width:550px;  background-position:top right; font-size:30px;padding-left:120px; background-image:url(../images/tt01.png); background-repeat:no-repeat;}
.bloacA .TXT{ margin-right:39px;}
.bloacA .TXT p{ font-size:18px;}

/*222222*/
.bloacB{max-width:550px;height:auto;top:50%;left: 15%;}
.bloacB h2{ max-width:550px;  background-position:top right; font-size:30px;padding-left:120px; background-image:url(../images/tt03.png); background-repeat:no-repeat;}
.bloacB .TXT{ margin-right:39px;}
.bloacB .TXT p{ font-size:18px;}

/*33333*/
.bloacC{max-width:550px;height:auto;top:70%;left: 15%;}
.bloacC h2{ max-width:550px;  background-position:top right; font-size:30px;padding-left:120px; background-image:url(../images/tt05.png); background-repeat:no-repeat;}
.bloacC .TXT{ margin-right:39px;}
.bloacC .TXT p{ font-size:18px;}


/*44444*/
.bloacD{max-width:550px;height:auto;top:40%;right: 15%;}
.bloacD h2{max-width:550px;background-position:top left;font-size:30px;padding-left: 173px;background-image:url(../images/tt02.png);background-repeat:no-repeat;}
.bloacD .TXT{margin-left: 39px;}
.bloacD .TXT p{ font-size:18px;}

/*55555*/
.bloacE{max-width:550px;height:auto;top:65%;right: 15%;}
.bloacE h2{max-width:550px;background-position:top left;font-size:30px;padding-left: 173px;background-image:url(../images/tt04.png);background-repeat:no-repeat;}
.bloacE .TXT{margin-left: 39px;}
.bloacE .TXT p{ font-size:18px;}

}

@media (max-width:1366px) {
/*內容區*/
.content{background-position:bottom center;height: 200vh;}
img.tokyo{max-width:438px;width: 21vw;bottom:0px;left: 40%;z-index:3;height:auto;}
/*1111111*/
.bloacA{max-width:550px;height:auto;top: 31%;left: 2%;}
.bloacA h2{ max-width:550px;  background-position:top right; font-size:30px;padding-left:120px; background-image:url(../images/tt01.png); background-repeat:no-repeat;}
.bloacA .TXT{ margin-right:39px;}
.bloacA .TXT p{ font-size:18px;}

/*222222*/
.bloacB{max-width:550px;height:auto;top: 55%;left: 2%;}
.bloacB h2{ max-width:550px;  background-position:top right; font-size:30px;padding-left:120px; background-image:url(../images/tt03.png); background-repeat:no-repeat;}
.bloacB .TXT{ margin-right:39px;}
.bloacB .TXT p{ font-size:18px;}

/*33333*/
.bloacC{max-width:550px;height:auto;top: 78%;left: 2%;}
.bloacC h2{ max-width:550px;  background-position:top right; font-size:30px;padding-left:120px; background-image:url(../images/tt05.png); background-repeat:no-repeat;}
.bloacC .TXT{ margin-right:39px;}
.bloacC .TXT p{ font-size:18px;}


/*44444*/
.bloacD{max-width:540px;height:auto;top:40%;right: 2%;}
.bloacD h2{max-width:540px;background-position:top left;font-size:30px;padding-left: 173px;background-image:url(../images/tt02.png);background-repeat:no-repeat;}
.bloacD .TXT{margin-left: 39px;}
.bloacD .TXT p{ font-size:18px;}

/*55555*/
.bloacE{max-width:550px;height:auto;top:65%;right: 2%;}
.bloacE h2{max-width:550px;background-position:top left;font-size:30px;padding-left: 173px;background-image:url(../images/tt04.png);background-repeat:no-repeat;}
.bloacE .TXT{margin-left: 39px;}
.bloacE .TXT p{ font-size:18px;}	
}

@media (max-width:1280px) {
/*內容區*/
.content{background-position:bottom center;height: 350vh;}
/*標題---飛機*/
.title{ background-color:#bb9b72;}
img.airpic001{ display: none;}
img.airpic002{max-width:790px; min-width:250px; width:100%; height:auto; margin:0 auto; display:block;}

img.tokyo{ display:none;}
/*說明內容*/
img.tokyo{ display:none;}

/*1111111*/
.bloacA{margin:0 auto; display:block;width:100%;position: relative;padding:25px;height:auto;top:0%;left:0%;max-width:900px;}
.bloacA h2{width:100%;font-size:30px; text-align:center; background-color:#df6c2a; background-image: none;max-width:100%; padding-left:0px;}
.bloacA .TXT{ width:100%; height:auto;}
.bloacA .TXT p{ font-size:18px;}


/*22222*/
.bloacB{margin:0 auto; display:block;width:100%;position: relative;padding:25px;height:auto;top:0%;left:0%;max-width:900px;}
.bloacB h2{width:100%;font-size:30px; text-align:center; background-color:#3ea48a; background-image: none;max-width:100%; padding-left:0px;}
.bloacB .TXT{ width:100%; height:auto;margin-right:0px;}
.bloacB .TXT p{ font-size:18px;}


/*33333*/
.bloacC{margin:0 auto; display:block;width:100%;position: relative;padding:25px;height:auto;top:0%;left:0%;max-width:900px;}
.bloacC h2{width:100%;font-size:30px; text-align:center; background-color:#5d1fa4; background-image: none;max-width:100%; padding-left:0px;}
.bloacC .TXT{ width:100%; height:auto;margin-right:0px;}
.bloacC .TXT p{ font-size:18px;}


/*444444*/
.bloacD{margin:0 auto; display:block;width:100%;position: relative;padding:25px;height:auto;top:0%;right:0%;max-width:900px;}
.bloacD h2{width:100%;font-size:30px; text-align:center; background-color:#a40642; background-image: none;max-width:100%; padding-left:0px;}
.bloacD .TXT{ width:100%; height:auto;margin-left:0px;}
.bloacD .TXT p{ font-size:18px;}



/*55555*/
.bloacE{margin:0 auto; display:block;width:100%;position: relative;padding:25px;height:auto;top:0%;right:0%;max-width:900px;}
.bloacE h2{width:100%;font-size:30px; text-align:center; background-color:#2f7113; background-image: none;max-width:100%; padding-left:0px;}
.bloacE .TXT{ width:100%; height:auto;margin-left:0px;}
.bloacE .TXT p{ font-size:18px;}


}
/* ↓↓↓↓ pad 豎屏時, 頁面顯示尺寸 300 < x <960 時,顯示效果 ↓↓↓↓  */
@media (min-width: 300px) and (max-width:959px) {
.BRR{ display: block;}

/*BANNER*/
img.banner_big{	display:none;
}
img.banner_min{ width: 100%;max-width:960px;
	min-width:280px;
	height: auto;}

img.banner001{display: block;top: 9%;right: 11%;z-index:1;max-width:720px;height:auto;width: 49vw;}
img.banner002{display: block;top: 10%;left: 15%;z-index:1;max-width:300px;height:auto;width: 29vw;}
img.banner003{display: none}
img.banner003_1{display: block;bottom: 10%;left: 2%;z-index: 5;max-width:1065px;height:auto;width: 94vw;}
/*表格*/
.fill_bottom{height:20px;}
/*內容區*/
.content{background-position:right bottom;background-size:200%;height:550vh;}

/*概敘*/
.Explanation p{padding-top:0px; font-size:20px; margin-left:20px; margin-right:20px;}
/*標題---飛機*/
.title{ background-color:#bb9b72;}
img.airpic001{ display: none;}
img.airpic002{max-width:790px; min-width:250px; width:100%; height:auto; margin:0 auto; display:block;}

/*說明內容*/
img.tokyo{ display:none;}

/*1111111*/
.bloacA{margin:0 auto; display:block; min-width:280px;position: relative; max-width:500px;padding:25px;}
.bloacA h2{width:100%;font-size:30px; text-align:center; background-color:#df6c2a; background-image: none;}
.bloacA .TXT{ width:100%; height:auto;}
.bloacA .TXT p{ font-size:18px;}


/*22222*/
.bloacB{margin:0 auto; display:block; min-width:280px;position: relative; max-width:500px;padding:25px;}
.bloacB h2{width:100%;font-size:30px; text-align:center; background-color:#3ea48a; background-image: none;}
.bloacB .TXT{ width:100%; height:auto;margin-right:0px;}
.bloacB .TXT p{ font-size:18px;}


/*33333*/
.bloacC{margin:0 auto; display:block; min-width:280px;position: relative; max-width:500px;padding:25px;}
.bloacC h2{width:100%;font-size:30px; text-align:center; background-color:#5d1fa4; background-image: none;}
.bloacC .TXT{ width:100%; height:auto;margin-right:0px;}
.bloacC .TXT p{ font-size:18px;}


/*444444*/
.bloacD{margin:0 auto; display:block; min-width:280px;position: relative; max-width:500px;padding:25px;}
.bloacD h2{width:100%;font-size:30px; text-align:center; background-color:#a40642; background-image: none;}
.bloacD .TXT{ width:100%; height:auto;margin-right:0px;}
.bloacD .TXT p{ font-size:18px;}



/*55555*/
.bloacE{margin:0 auto; display:block; min-width:280px;position: relative; max-width:500px;padding:25px;}
.bloacE h2{width:100%;font-size:30px; text-align:center; background-color:#2f7113; background-image: none;}
.bloacE .TXT{ width:100%; height:auto;}
.bloacE .TXT p{ font-size:18px;}


/*手機板的FOOTER------別刪除*/
.FOOTER_frame{ height:450px;}
}

/*========================================================*/
/*↓↓↓↓ *螢幕尺寸【大於於】768時頁面顯示效果	↓↓↓↓ */
@media (max-width: 768px) {
}

/*↓↓↓↓ 	螢幕尺寸【大於】481時頁面顯示效果	↓↓↓↓ */
@media (min-width: 481px) {
}


/*↓↓↓↓ 	螢幕尺寸【小於】480時頁面顯示效果	↓↓↓↓ */
@media (max-width: 480px) {
}

/*↓↓↓↓ 螢幕尺寸【大於】1024時頁面顯示效果	↓↓↓↓ */
@media (min-width:1024px) {
}

/*	↓↓↓↓ 螢幕尺寸【小於】1024時頁面顯示效果	↓↓↓↓ */
@media (max-width: 1023px) {
}

@media only screen and (max-width: 1280px) {

}