@charset "utf-8";
/* 簡單流變媒體
   注意: 流變媒體要求您必須移除 HTML 中媒體的高度和寬度屬性
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
	text-align: left;
	color: #FFF;
	font-size: 16px;
}
/* IE 6 不支援最大寬度，因此寬度預設為 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver 流變格線屬性
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	靈感來自於 Ethan Marcotte 的「具回應功能的網頁設計」 
	http://www.alistapart.com/articles/responsive-web-design
	
	以及 Joni Korpi 的「黃金格線系統」
	http://goldengridsystem.com/
*/

/* 行動版面: 480px 以下。 */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding-left: 1.82%;
	padding-right: 1.82%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-image: url(img/background.jpg);
}

#LayoutDiv3 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-image: url(img/background.jpg);
}

#LayoutDiv4 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
	background-image: url(img/background.jpg);
}
#LayoutDiv5 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
body {
	margin-top: 0px;
	background-color: #FFFFFF;
	background-image: url(img/background.jpg);
	background-repeat: repeat;
	background-position: center;
}


div#content{
	clear: both;          /*取消文繞圖*/
	width: 950px;
	position: fixed;
}
image{
padding:0;
margin:0;
;
}


{
	background-color:translation;         /* 作用中的標籤，背景顏色設為白色 */
}

.style0 {
	font-size: 16px;
	display: inline;
	font-family: "Times New Roman", Times, serif;
	color: #333333;
	font-weight: normal;
}
.style1 {
	font-size: 14px;
	line-height: 20px;
	color: #03C;
	font-family: Poor Richard, Malgun Gothic;
	text-align: left;
}
.style11 {	
	font-size: 16px;
	line-height: 40px;
	color: #03C;
	font-family:"Lucida Console", Monaco, monospace
}

.style2 {
	color: #06C;
	font-size: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.style3 {
	font-size: 14px;
	color: #333;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
}
.style13 {
	font-size: 12px;
	line-height: 20px;
	color: #666666;
	font-family:"Lucida Console", Monaco, monospace
}
.style4 {
	font-size: 14px;
	line-height: 20px;
	color: #8CA0A7;
	font-family: Courier New, Arial, Helvetica, sans-serif;
	
}
.style5 {
	color: #FFF;
	font-size: 12px;
	line-height: 20px;	
	 
}


dd{
	font-size: 14px;
	color: #666666;
	line-height: 30px;
}
dt{
	font-size: 20px;
	color: #06C;
}
.s1 {
	font-size: 12px;
	font-family: 細明體, Arial, Helvetica, sans-serif, Verdana, Geneva, sans-serif;
	text-decoration: none;
	color: #1F82BF;
	border-right: #7D8BB2 1px solid;
	border-top: #FFF 1px solid;
	border-left: #FFF 1px solid;
	border-bottom: #7D8BB2 1px solid;
	padding-right: 10px;
	padding-top: 2px;
	padding-left: 10px;
	padding-bottom: 2px;
	background: none;
	font-weight: bold
	}
		
.s1:hover {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #1F82BF;
	text-decoration: none;
	border-right: #999 1px solid;
	border-top: #FFF 1px solid;
	border-left: #FFF 1px solid;
	border-bottom: #666 1px solid;
	padding-right: 10px;
	padding-top: 2px;
	padding-left: 10px;
	padding-bottom: 2px;
	background: #AAD2FF
}
.s1:visited {
	font-size: 12px;
	font-family: Baskerville Old Face, Verdana, Geneva, sans-serif;
	text-decoration: none;
	color: #1F82BF;
	border-right: #999 1px solid;
	border-top: #FFF 1px solid;
	border-left: #FFF 1px solid;
	border-bottom: #666 1px solid;
	padding-right: 10px;
	padding-top: 2px;
	padding-left: 10px;
	padding-bottom: 2px;
	background: #AAD2FF;

	}
.s2 {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	text-decoration: none;
	background: none;
	
	}
.s2:hover {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: underline;
	background: none;
	}
.s3 {
	font-size: 13px;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: none;
	color: #0099cc;
	border-right: #7F7F65 1px solid;
	border-top: #CCC 1px solid;
	border-left: #CCC 1px solid;
	border-bottom: #404033 1px solid;
	padding-right: 4px;
	padding-top: 2px;
	padding-left: 4px;
	padding-bottom: 2px;
	background: #F2F2F2;
	font-weight: normal;
	}
		
.s3:hover {
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	border-right: #FFFFCB 1px solid;
	border-top: #FFFFCB 1px solid;
	border-left: #FFFFCB 1px solid;
	border-bottom: #FFFFCB 1px solid;
	padding-right: 4px;
	padding-top: 2px;
	padding-left: 4px;
	padding-bottom: 2px;
	background: #3399CC;
	font-weight: bold
	}
.s3:visited {
	font-size: 13px;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: none;
	color: #000099;
	border-right: #7F7F65 1px solid;
	border-top: #CCC 1px solid;
	border-left: #CCC 1px solid;
	border-bottom: #404033 1px solid;
	padding-right: 4px;
	padding-top: 2px;
	padding-left: 4px;
	padding-bottom: 2px;
	background: none
	}
.s4 {
	font-size: 13px;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: none;
	color: #404033;
	border-right: #7F7F65 1px solid;
	border-top: #7F7F65 1px solid;
	border-left: #7F7F65 1px solid;
	border-bottom: #404033 1px solid;
	padding-right: 20px;
	padding-top: 5px;
	padding-left: 20px;
	padding-bottom: 5px;
	background: none;
	font-weight: bold;
	}
		
.s4:hover {
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	border-right: #FFF 1px solid;
	border-top: #FFFF 1px solid;
	border-left: #FFFF 1px solid;
	border-bottom: #FFFF 1px solid;
	padding-right: 20px;
	padding-top: 5px;
	padding-left: 20px;
	padding-bottom: 5px;
	background: #36C
}

.fixed {
  position: fixed;
  bottom: 20px;
  right: 100px;
  width: 80px;
  background-color:white;
  color: #FFFFCB;
}

}

/* 表格版面: 481px 到 768px。樣式繼承自: 行動版面。 */

@media only screen and (min-width: 481px) {
.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 50%;
	display: block;
	background-image: url(img/background.jpg);
}

#LayoutDiv3 {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 50%;
	display: block;
	background-image: url(img/background.jpg);
}

#LayoutDiv4 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv5 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
body {
	margin-top: 0px;
	background-color: #FFFFFF;
	background-image: url(img/background.jpg);
	background-repeat: repeat;
	background-position: center;
}


div#content{
	clear: both;          /*取消文繞圖*/
	width: 950px;
	position: fixed;
}
image{
padding:0;
margin:0;
;
}


{
	background-color:translation;         /* 作用中的標籤，背景顏色設為白色 */
}

.style0 {
	font-size: 16px;
	display: inline;
	font-family: "Times New Roman", Times, serif;
	color: #333333;
	font-weight: normal;
}
.style1 {
	font-size: 14px;
	line-height: 18px;
	color: #03C;
	font-family: Poor Richard, Malgun Gothic;
	text-align: left;
}
.style11 {	
	font-size: 16px;
	line-height: 24px;
	color: #03C;
	font-family:"Lucida Console", Monaco, monospace
}

.style2 {
	color: #06C;
	font-size: 20px;
	font-family: Georgia, "Times New Roman", Times, serif;
}
.style3 {
	font-size: 14px;
	color: #666666;
	font-family: "Times New Roman", Times, serif;
	font-weight: normal;
}
.style13 {
	font-size: 12px;
	color: #666666;
	font-family:"Lucida Console", Monaco, monospace
}
.style4 {
	font-size: 14px;
	line-height: 18px;
	color: #8CA0A7;
	font-family: Courier New, Arial, Helvetica, sans-serif;
	
}
.style5 {
	color: #FFF;
	font-size: 12px;
	line-height: 20px;	
	 
}


dd{
	font-size: 14px;
	color: #666666;
	line-height: 30px;
}
dt{
	font-size: 20px;
	color: #06C;
}
.s1 {
	font-size: 12px;
	font-family: 細明體, Arial, Helvetica, sans-serif, Verdana, Geneva, sans-serif;
	text-decoration: none;
	color: #1F82BF;
	border-right: #7D8BB2 1px solid;
	border-top: #FFF 1px solid;
	border-left: #FFF 1px solid;
	border-bottom: #7D8BB2 1px solid;
	padding-right: 10px;
	padding-top: 2px;
	padding-left: 10px;
	padding-bottom: 2px;
	background: none;
	font-weight: bold
	}
		
.s1:hover {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #1F82BF;
	text-decoration: none;
	border-right: #999 1px solid;
	border-top: #FFF 1px solid;
	border-left: #FFF 1px solid;
	border-bottom: #666 1px solid;
	padding-right: 10px;
	padding-top: 2px;
	padding-left: 10px;
	padding-bottom: 2px;
	background: #AAD2FF
}
.s1:visited {
	font-size: 12px;
	font-family: Baskerville Old Face, Verdana, Geneva, sans-serif;
	text-decoration: none;
	color: #1F82BF;
	border-right: #999 1px solid;
	border-top: #FFF 1px solid;
	border-left: #FFF 1px solid;
	border-bottom: #666 1px solid;
	padding-right: 10px;
	padding-top: 2px;
	padding-left: 10px;
	padding-bottom: 2px;
	background: #AAD2FF;

	}
.s2 {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	text-decoration: none;
	background: none;
	
	}
.s2:hover {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: underline;
	background: none;
	}
.s3 {
	font-size: 13px;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: none;
	color: #0099cc;
	border-right: #7F7F65 1px solid;
	border-top: #CCC 1px solid;
	border-left: #CCC 1px solid;
	border-bottom: #404033 1px solid;
	padding-right: 4px;
	padding-top: 2px;
	padding-left: 4px;
	padding-bottom: 2px;
	background: #F2F2F2;
	font-weight: normal;
	}
		
.s3:hover {
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	border-right: #FFFFCB 1px solid;
	border-top: #FFFFCB 1px solid;
	border-left: #FFFFCB 1px solid;
	border-bottom: #FFFFCB 1px solid;
	padding-right: 4px;
	padding-top: 2px;
	padding-left: 4px;
	padding-bottom: 2px;
	background: #3399CC;
	font-weight: bold
	}
.s3:visited {
	font-size: 13px;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: none;
	color: #000099;
	border-right: #7F7F65 1px solid;
	border-top: #CCC 1px solid;
	border-left: #CCC 1px solid;
	border-bottom: #404033 1px solid;
	padding-right: 4px;
	padding-top: 2px;
	padding-left: 4px;
	padding-bottom: 2px;
	background: none
	}
.s4 {
	font-size: 13px;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: none;
	color: #404033;
	border-right: #7F7F65 1px solid;
	border-top: #7F7F65 1px solid;
	border-left: #7F7F65 1px solid;
	border-bottom: #404033 1px solid;
	padding-right: 20px;
	padding-top: 5px;
	padding-left: 20px;
	padding-bottom: 5px;
	background: none;
	font-weight: bold;
	}
		
.s4:hover {
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	border-right: #FFF 1px solid;
	border-top: #FFFF 1px solid;
	border-left: #FFFF 1px solid;
	border-bottom: #FFFF 1px solid;
	padding-right: 20px;
	padding-top: 5px;
	padding-left: 20px;
	padding-bottom: 5px;
	background: #36C
}

.fixed {
  position: fixed;
  bottom: 20px;
  right: 100px;
  width: 80px;
  background-color:white;
  color: #FFFFCB;
}
}

/* 桌面版面: 769px 到最大 1232px。樣式繼承自: 行動版面和表格版面。 */

@media only screen and (min-width: 769px) {
.gridContainer {
	width: 98%;
	max-width: 1232px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#LayoutDiv2 {
	clear: both;
	float: left;
	margin-left: 0%;
	width: 50%;
	display: block;
	background-image: url(img/background.jpg);
}
	
#LayoutDiv3 {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 50%;
	display: block;
	background-image: url(img/background.jpg);
}
#LayoutDiv4 {
	clear: none;
	float: left;
	margin-left: 0%;
	width: 100%;
	display: block;
	text-align: center;
	
}
#LayoutDiv5 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

body {
	margin-top: 0px;
	background-color: #FFFFFF;
	background-image: url(img/background.jpg);
	background-repeat: repeat;
	background-position: center;
}


div#content{
	clear: both;          /*取消文繞圖*/
	width: 950px;
	position: fixed;
}
image{
padding:0;
margin:0;
;
}


{
	background-color:translation;         /* 作用中的標籤，背景顏色設為白色 */
}

.style0 {
	font-size: 18px;
	display: inline;
	font-family: "Times New Roman", Times, serif;
	color: #333333;
	font-weight: bold;
	text-align: left;
}
.style1 {
	font-size: 14px;
	line-height: 18px;
	font-family: Poor Richard, Malgun Gothic;
	text-align: left;
}
.style11 {
	font-size: 18px;
	line-height: 24px;
	color: #00F;
	font-family: "Lucida Console", Monaco, monospace;
	text-align: left;
}

.style2 {
	color: #06C;
	font-size: 18px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	text-align: left;
}
.style3 {
	font-size: 16px;
	color: #000;
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	text-align: left;
}
.style13 {
	font-size: 16px;
	color: #666666;
	font-family: "Lucida Console", Monaco, monospace;
	text-align: left;
}
.style4 {
	font-size: 14px;
	line-height: 18px;
	color: #8CA0A7;
	text-align: left;
	
}
.style5 {
	color: #FFF;
	font-size: 12px;
	line-height: 20px;	
	 
}

.s1 {
	font-size: 12px;
	font-family: 細明體, Arial, Helvetica, sans-serif, Verdana, Geneva, sans-serif;
	text-decoration: none;
	color: #1F82BF;
	border-right: #7D8BB2 1px solid;
	border-top: #FFF 1px solid;
	border-left: #FFF 1px solid;
	border-bottom: #7D8BB2 1px solid;
	padding-right: 10px;
	padding-top: 2px;
	padding-left: 10px;
	padding-bottom: 2px;
	background: none;
	font-weight: bold
	}
		
.s1:hover {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #1F82BF;
	text-decoration: none;
	border-right: #999 1px solid;
	border-top: #FFF 1px solid;
	border-left: #FFF 1px solid;
	border-bottom: #666 1px solid;
	padding-right: 10px;
	padding-top: 2px;
	padding-left: 10px;
	padding-bottom: 2px;
	background: #AAD2FF
}
.s1:visited {
	font-size: 12px;
	font-family: Baskerville Old Face, Verdana, Geneva, sans-serif;
	text-decoration: none;
	color: #000000;
	border-right: #999 1px solid;
	border-top: #FFF 1px solid;
	border-left: #FFF 1px solid;
	border-bottom: #666 1px solid;
	padding-right: 10px;
	padding-top: 2px;
	padding-left: 10px;
	padding-bottom: 2px;
	background: #AAD2FF;

	}
.s2 {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
	text-decoration: none;
	background: none;
	
	}
.s2:hover {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	text-decoration: underline;
	background: none;
	}
.s3 {
	font-size: 13px;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: none;
	color: #0099cc;
	border-right: #7F7F65 1px solid;
	border-top: #CCC 1px solid;
	border-left: #CCC 1px solid;
	border-bottom: #404033 1px solid;
	padding-right: 4px;
	padding-top: 2px;
	padding-left: 4px;
	padding-bottom: 2px;
	background: #F2F2F2;
	font-weight: normal;
	}
		
.s3:hover {
	font-size: 13px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
	border-right: #FFFFCB 1px solid;
	border-top: #FFFFCB 1px solid;
	border-left: #FFFFCB 1px solid;
	border-bottom: #FFFFCB 1px solid;
	padding-right: 4px;
	padding-top: 2px;
	padding-left: 4px;
	padding-bottom: 2px;
	background: #3399CC;
	font-weight: bold
	}
.s3:visited {
	font-size: 13px;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: none;
	color: #000099;
	border-right: #7F7F65 1px solid;
	border-top: #CCC 1px solid;
	border-left: #CCC 1px solid;
	border-bottom: #404033 1px solid;
	padding-right: 4px;
	padding-top: 2px;
	padding-left: 4px;
	padding-bottom: 2px;
	background: none
	}

.fixed {
	position: fixed;
	bottom: 20px;
	right: 100px;
	background-color: white;
	color: #FFFFCB;
}
}
/* Slider_container */	
.slider_container {
    margin: 30px auto;
    width: 940px;
    height: 291px;
    position: relative;
    border: 20px solid;    
    border-color: #fff;
    border-bottom-width: 100px;
    background-color: #f5f5f5;
    box-shadow: #666 0 0 5px;
}

.slider_container div {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    filter: alpha(opacity=0);
}

.slider_container div {
    -webkit-animation: round 25s linear infinite;
            animation: round 25s linear infinite;
}

@-webkit-keyframes round {
    4% {
        opacity: 1;
        filter: alpha(opacity=100);
        /* 0 - 1秒 淡入*/
    }
    20% {
        opacity: 1;
        filter: alpha(opacity=100);
        /* 1- 5秒靜止*/
    }
    24% {
        opacity: 0;
        filter: alpha(opacity=0);
        /* 5-6秒淡出*/
    }
}
@keyframes round {
    4% {
        opacity: 1;
        filter: alpha(opacity=100);
        /* 0 - 1秒 淡入*/
    }
    20% {
        opacity: 1;
        filter: alpha(opacity=100);
        /* 1- 5秒靜止*/
    }
    24% {
        opacity: 0;
        filter: alpha(opacity=0);
        /* 5-6秒淡出*/
    }
}
.slider_container div:nth-child(5) {
    -webkit-animation-delay: 0s;
            animation-delay: 0s;
}

.slider_container div:nth-child(4) {
    -webkit-animation-delay: 5s;
            animation-delay: 5s;
}

.slider_container div:nth-child(3) {
    -webkit-animation-delay: 10s;
            animation-delay: 10s;
}

.slider_container div:nth-child(2) {
    -webkit-animation-delay: 15s;
            animation-delay: 15s;
}

.slider_container div:nth-child(1) {
    -webkit-animation-delay: 20s;
            animation-delay: 20s;
}
.slider_container span {    
    color: #000;
    background: #fff;
    position: absolute;
    left: 0%;
    top: 280px;
    width: 400px;
    height: 100px;
    font-size: 30px;
    text-align: center;
    line-height: 100px;
    -webkit-transform:scaleY(0);
        -ms-transform:scaleY(0);
            transform:scaleY(0);
    -webkit-transition: all 0.5s ease-in-out;
            transition: all 0.5s ease-in-out;
}

.slider_container:hover span {
    width: 100%;
    -webkit-transform:scaleY(1);
        -ms-transform:scaleY(1);
            transform:scaleY(1);
}
.slider_container:hover div {
    -webkit-animation-play-state: paused;
            animation-play-state: paused;
}
.custom-list {
    list-style-image: url('img/pregem-airline-icon.png');
	line-height:50px;
	font-size: 16px;
}