

.IndexOutFrame {
	width: 100%;
	min-width: 1280px;
	margin: 0 auto;
	background: #AFD8EB;
}


#ShowTopPic {
	width: 100%;
	height: 82px;
	background: url(../images/bg_pic01.png) no-repeat;
	position: absolute;
	z-index: 9999;
	top: 0;
	left: 0;
}
#ShowBottomPic {
	width: 100%;
	height: 80px;
	background: url(../images/bg_pic02.png) no-repeat;
	position: absolute;
	top: -79px;
	left: 0;
}



/* News -------------------------------------------------------------------------------------------------------------------------------------*/

.NewsFrame {
	width: 100%;
	height: 828px;
	margin: 0 auto;
	background: url(../images/bg_pic03.gif) no-repeat center ;
}
.NewsBox {
	width: 1218px;
	padding: 228px 0 0 0;
	margin: 0 auto;
}
.NewsBox_L {
	float: left;
	width: 507px;
	height: 293px;
	padding: 21px 0 0 21px;
	margin: 49px 0 0 0;
	background: #FFFFFF;
	border-radius: 20px;
}
.NewsShow {
	padding: 0;
}

#NewsSlides {
	width: 483px;
	height: 268px;
	position: relative;
	overflow: hidden;
	border: 1px solid #7FB9ED;
}
#NewsSlides .list {
	position: absolute;
	width: 9999px;
	height: 100%;
}
#NewsSlides .list li {
	float: left;
	width: 483px;
	height: 100%;
}
#NewsSlides .list img{
	width: 483px;
	height: 268px;
}
#NewsSlides .ItemControl {
	padding: 7px 0 ;
	display: none;
	position: absolute;
	bottom: 0;
	right: 0;
	text-align: center;
}
#NewsSlides .ItemControl li {
	display: inline-block;
	width: 10px;
	height: 10px;
	cursor: pointer;
	margin: 0px 7px 0 7px;
	border-radius: 10px;
	background: #FFF;		
}
#NewsSlides .ItemControl li.current { 

}



.NewsBox_R {
	float: left;
	width: 672px;
	padding: 0 0 0 18px;
}
.NewsList {
	width: 672px;
	margin: 10px 0 0 0;
	font-family: 微軟正黑體, "Microsoft JhengHei";
	font-weight: bold;
	font-size: 15px;
}
.NewsList li {
	width: 672px;
	height: 54px;
	line-height: 52px;
	margin: 0 0 11px 0;
	background: #FBE1EB;
	border-radius: 15px;
}
.NewsList .NS_dat {
	padding: 0 0 0 24px;
	display: inline-block;
	color: #0076C0;
	white-space: nowrap;
	overflow: hidden;
}
.NewsList .NS_ttl {
	padding: 0 0 0 17px;
	display: inline-block;
	width: 600px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}




/* aircraft Select -------------------------------------------------------------------------------------------------------------------------------------*/

.Aircraft {
	width: 1222px;
	margin: 0 auto;
	padding: 18px 0 0 0;
	text-align: center;
}
.Aircraft ul {
	letter-spacing: -4px;
}
.Aircraft ul li {
	width: 174px; 
	height: 210px;
	display: inline-block;
	cursor: pointer;
}

.Aircraft li.Select01 {
	 background: url(../images/bt_pic01.png) no-repeat ; 
}
.Aircraft li.Select01:Hover, li.Select01.Tag {
	 background: url(../images/bt_pic01_f2.png) no-repeat ; 
}

.Aircraft li.Select02 {
	 background: url(../images/bt_pic01.png) -174px 0 no-repeat ; 
}
.Aircraft li.Select02:Hover, li.Select02.Tag {
	 background: url(../images/bt_pic01_f2.png) -174px 0 ; 
}

.Aircraft li.Select03 {
	 background: url(../images/bt_pic01.png) -348px 0 no-repeat ; 
}
.Aircraft li.Select03:Hover, li.Select03.Tag {
	 background: url(../images/bt_pic01_f2.png) -348px 0 ; 
}

.Aircraft li.Select04 {
	 background: url(../images/bt_pic01.png) -522px 0 no-repeat ; 
}
.Aircraft li.Select04:Hover, li.Select04.Tag {
	 background: url(../images/bt_pic01_f2.png) -522px 0 ; 
}

.Aircraft li.Select05 {
	 background: url(../images/bt_pic01.png) -696px 0 no-repeat ; 
}
.Aircraft li.Select05:Hover, li.Select05.Tag {
	 background: url(../images/bt_pic01_f2.png) -696px 0 ; 
}

.Aircraft li.Select06 {
	 background: url(../images/bt_pic01.png) -870px 0 no-repeat ; 
}
.Aircraft li.Select06:Hover, li.Select06.Tag {
	 background: url(../images/bt_pic01_f2.png) -870px 0 ; 
}

.Aircraft li.Select07 {
	 background: url(../images/bt_pic01.png) -1044px 0 no-repeat ; 
}
.Aircraft li.Select07:Hover, li.Select07.Tag {
	 background: url(../images/bt_pic01_f2.png) -1044px 0 ; 
}


.AircraftFrame {
	width: 100%;
	margin: 0 auto;
	background: #AFD8EB;
}
.AircraftBox {
	height: 695px;
	margin: 0 auto;
	overflow: hidden;
}
.AircraftBox > div {
	width: 1904px;
	margin: 0 auto;
	overflow: hidden;
}

.Aircraft_Show1, .Aircraft_Show2, .Aircraft_Show3, .Aircraft_Show4, .Aircraft_Show5, .Aircraft_Show6, .Aircraft_Show7 {
	position: relative;
	opacity: 0;
	left: 1904px;
	height: 695px;
	background-position: top center;
}

.Aircraft_Show1 {
	background: url(../images/img03/pic01.png) no-repeat;
}
.Aircraft_Show2 {
	background: url(../images/img03/pic02.png) no-repeat; 
}
.Aircraft_Show3 {
	background: url(../images/img03/pic03.png) no-repeat; 
}
.Aircraft_Show4 {
	background: url(../images/img03/pic04.png) no-repeat; 
}
.Aircraft_Show5 {
	background: url(../images/img03/pic05.png) no-repeat; 
}
.Aircraft_Show6 {
	background: url(../images/img03/pic06.png) no-repeat; 
}
.Aircraft_Show7 {
	background: url(../images/img03/pic07.png) no-repeat; 
}

.ViewStoryBox {
	display: none;
	position: relative;
	top: -127px;
}
.ViewStory_Bt {
	width: 386px;
	height: 78px;
	display: block;
	background: url(../images/button_03.png) no-repeat;
	margin: 0 auto;
}
.ViewStory_Bt:hover {
	background: url(../images/button_03.png) no-repeat 0 -79px;
}



/* flight route  -------------------------------------------------------------------------------------------------------------------------------------*/

.RouteFrame {
	width: 100%;
	height: 950px;
	margin: 0 auto;
	background: url(../images/bg_pic04.gif) no-repeat center ;
}
.RouteBox{
	width: 1260px; 
	padding: 330px 0 0 0;
	margin: 0 auto;
}

 
 
.GoodsFrame {
	width: 100%;
	height: 715px;
	margin: 0 auto;
	background: url(../images/bg_pic05.gif) no-repeat center ;
}
.GoodsBox {
	width: 1218px;
	padding: 65px 0 0 0;
	margin: 0 auto;
}
.GoodsBox_L {
	width: 565px;
	margin: 0;
	float: left;
}
.GoodsBox_R {
	width: 595px;
	float: right;
}


/* -------------------------------------------------------------------------------------------------------------------------------------*/


/* Button -------------------------------------------------------------------------------------------------------------------------------------*/


.ViewNews_Bt01 {
	width: 127px;
	height: 40px;
	display: block;
	background: url(../images/button_02.png) no-repeat;
	float: right;
}
.ViewNews_Bt01:hover {
	background: url(../images/button_02.png) no-repeat 0 -41px;
}


.ViewMore_Bt01 {
	width: 127px;
	height: 40px;
	display: block;
	background: url(../images/button_04.png) no-repeat;
	float: right;
	
}
.ViewMore_Bt01:hover {
	background: url(../images/button_04.png) no-repeat 0 -41px;
}
.ViewMore_Bt02 {
	width: 127px;
	height: 40px;
	display: block;
	background: url(../images/button_05.png) no-repeat;
	float: right;

}
.ViewMore_Bt02:hover {
	background: url(../images/button_05.png) no-repeat 0 -41px;
}




.Amenity {
	width: 570px;
	margin: 56px 0 0 0;
}
.Amenity li {
	width: 185px;
	height: 185px;
	margin: 0 1px 0 0;
	display: inline-block;
	overflow: hidden;
	text-align: center;
	/* cursor: pointer; */
	
	font-family: 微軟正黑體, "Microsoft JhengHei";
	font-weight: bold;
	color: #000;
	text-align: center;
}
.Amenity li img {
	width: 185px;
	height: 185px;
    -webkit-transition: all 2s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 2s cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition: all 2s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all 2s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 2s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.Amenity li:hover img {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.15);
    transform: scale(1.1, 1.1);
}
.A_HoverBg {
	width: 172px;
	height: 172px;
	top: -180px;
	left: 6px;
	
	position: relative;
	background-color: rgba(255,255,255,0.6);
	opacity: 0;
	
    -webkit-transition: opacity 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out;
    transition: opacity 0.5s ease-out;
}
.Amenity li:hover .A_HoverBg {
	opacity: 1;
}
.Amenity li .A_Text {
	position: relative;
    top: -275px;
	opacity: 0;

    -webkit-transition: opacity 0.5s ease-out, top 0.5s ease-out;
    -moz-transition: opacity 0.5s ease-out, top 0.5s ease-out;
    -o-transition: opacity 0.5s ease-out, top 0.5s ease-out;
    transition: opacity 0.5s ease-out, top 0.5s ease-out;
}
.Amenity li:hover .A_Text {
    opacity: 1;
    top: -295px;
}
.A_Text span {
	display: block;
}
.A_Year {
	width: 120px;
	font-size: 12px;
	line-height: 20px;
	border-bottom: 1px solid #000;
	margin: 0 auto;
}
.A_Name {
	width: 150px;
	font-size: 16px;
	line-height: 24px;
	margin: 0 auto;
}



.Product {
	padding: 79px 0 0 29px;
}

#ProductSlides {
	width: 537px;
	height: 370px;
	position: relative;
	overflow: hidden;
}
#ProductSlides .list {
	position: absolute;
	width: 9999px;
	height: 100%;
}
#ProductSlides .list li {
	float: left;
	width: 537px;
	height: 100%;
}
#ProductSlides .list img{
	width: 537px;
	height: 324px;
}
#ProductSlides .ItemControl {
	padding: 7px 0 ;
	border-radius: 20px;
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	background: #85B2E0;
	border: 4px solid #FFF;
	text-align: center;
}
#ProductSlides .ItemControl li {
	display: inline-block;
	width: 10px;
	height: 10px;
	cursor: pointer;
	margin: 0px 7px 0 7px;
	border-radius: 10px;
	background: #FFF;		
}
#ProductSlides .ItemControl li.current { 
	background: #EE8BB3;	
}



/* -------------------------------------------------------------------------------------------------------------------------------------*/

.IndexFooterTopClouds {
	width: 100%;
	min-width: 1280px;
	height: 67px;
	position: absolute;
	top: -101px;
	margin: 0 auto 0 auto;
	padding: 16px 0 0 0;
	background: url(../images/bg_pic06.png) no-repeat center;
}
