/* CSS Document */
html, body{
	margin:0;
	height: auto;
	font-size: medium;
	font-family: "微軟正黑體";
	overflow-x:hidden;  /*........消除掉主主選單才能正常出現..............*/
		    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
	}

img{border:0}
table{font-family: "微軟正黑體"; 
	letter-spacing:1px;
	line-height: 135%;
	width:100%;
	table-layout:fixed;
	}
	table img{ max-width:100%; height:auto; }
	
.TableList{width:100%; background:#7cadff; border-spacing:1px; table-layout:auto;}
           .TableList td{padding:2px; text-align:center; background:#FFF; }
		   .TableList th{padding:2px; text-align:center; background:#4287d3; color:#FFF;}
.TableListLeft{width:100%; background:#85dfff; border-spacing:1px; table-layout:auto;}
           .TableListLeft td{padding:2px; text-align:left; background:#FFF; }
		   .TableListLeft th{padding:2px; text-align:left; background:#0e9fd3; color:#FFF;}
		   
td{padding: 2px; text-align:left;}

hr{display: block;
   margin-top: 0.1em;
   margin-bottom: 0.1em;
   margin-left: auto;
   margin-right: auto;
   border-style: inset;
   border-width: 1px;}

a{color:#000;}
a:link{ color: #000; text-decoration:none;}
a:visited{color:#000; }
a:hover{ color: #F60; text-decoration: underline;}

input[type=text]{
	width:100%;
	border:1px solid #CCC;
	border-radius:6px;
	font-size:100%;
	vertical-align:middle;
	padding:2px;
	color:#666;}
	textarea {
		width:100%;
		border:1px solid #CCC;
		border-radius:6px;
		font-size:100%;
		vertical-align:middle;
		padding:2px;
		color:#666;}
	select{
		border:1px solid #CCC;
		border-radius:6px;
		font-size:100%;
		vertical-align:middle;
		padding:2px;
		color:#666;}
	input[type=password]{
		width:100%;
		border:1px solid #CCC;
		border-radius:6px;
		font-size:100%;
		vertical-align:middle;
		padding:2px;
		color:#666;}

h1{
    color:rgb(80,147,220);
    line-height:100%;
    margin:0;
    letter-spacing:2px;
    text-transform:capitalize;
    }

h2{ color:rgb(83,148,220);} 
h3{ color:rgb(83,148,220);} 

h5 a:link {color:#333;text-decoration: none;}
h5 a:visited {color:#333;} 
h5 a:hover {color:#333;text-decoration: underline;}
.Wapper{ 
	width:100%; 
	height:auto;
	max-width:1420px;
	margin:0 auto;
	padding:0;
}
ul li {
	padding:0;
	margin:0;
}
.header {	/*上方*/
	width:100%;
	height:auto;
	margin:0 auto;
}
.header_box {	
	width:100%;
	height:auto;
	margin:0 auto;
	max-width:1250px;
}
.header_box_left {
	width:100%;
	height:auto;
	display:inline-block;
	max-width:395px;
}
.header_box_left img {
	width:100%;
}
.header_box_right {
	width:68%;
	height:auto;
	max-height:855px;
	display:inline-block;
	text-align:right;
	margin: 16px 0 0 0;
	vertical-align:top;
}
.header_box_right_line {
	width:100%;
	height:auto;
	max-width:617px;
	display:inline-block;
}
.header_box_right_thermometer {
	width:100%;
	padding: 30px 0 0 0;
}
.header_box_right_thermometer img {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
}
.menu_box {
	width:100%;
	height:auto;
	padding:17px;
	border-top:1px #d7d7d7 solid;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f3f3f4+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #f3f3f4 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#f3f3f4 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#f3f3f4 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f4',GradientType=0 ); /* IE6-9 */
}

/*內容main*/
.main_box {
    width: 100%;
    height: auto;
    margin: 0 auto;
    max-width: 1250px;
}

/*輪播*/
.vision {
	width:100%;
	margin:15px 0 0 0;
}
.vision_pic {
	width:100%;
	max-width:1250px;
	margin:0 auto;
}
.vision_slider img {
	height:auto;
	max-height:218px;
}

/*跑馬燈*/
.marquee_box {
	margin:10px 0;
}
.marquee_box marquee {
    width: 90%;
    color: #000;
    margin: 5px 0 0 5px;
    display: inline-block;
    vertical-align: middle;
}
.marquee_box img {
    margin: 5px 0 0 10px;
    display: inline-block;
    vertical-align: middle;
}
.group_box {
	width:100%;
	height:auto;
}
/*航班*/
.HomePageFlight{
	width:100%;
	height:auto;
	display:inline-block;
/*	box-shadow: 3px 3px 5px rgba(20%,20%,20%,0.3);
*/	vertical-align:top;
	text-align:center;
	background:#FFF;
	border:1px #ccf528 solid;
	}
	.HomePageFlight table{word-break:break-all; letter-spacing:0; line-height:100%; background:#D0E5F9; width:100%; border:0px; border-spacing:1px;}
	.HomePageFlight table th{ color:#2677CF; background:#FFF; padding:3px;}
	.HomePageFlight table td{ color:#5d5d5d; background:#FFF; padding:3px; text-align:center}

.group_left_box {
	width:65%;
	height:auto;
	max-width:802px;
	display:inline-block;
	vertical-align:top;
}
.group_right_box {
	width:34%;
	height:auto;
	margin: 0 0 0 15px;
	max-width:440px;
	display:inline-block;
}
.information_box {
	width:100%;
	height:auto;
}
.information_box_1 {
	width:21%;
	height:auto;
	text-align:center;
	display:inline-block;
	vertical-align:top;
	font-size:100%;
}
.information_box_1 img {
	margin: 5px 0 0 0;
	padding:0 0 6px 0;
    display: inline-block;
    vertical-align: middle;
}
.information_box_2 {
	width:18%;
	height:auto;
	text-align:center;
	display:inline-block;
	vertical-align:top;
}
.information_box_2 img {
	margin: 5px 0 0 0;
    PADDING: 0 0 6PX 0;
    display: inline-block;
    vertical-align: middle;
}
.information_box_3 {
	width:15%;
	height:auto;
	display:inline-block;
	text-align:center;
	vertical-align:top;
	font-size:100%;
}
.information_box_3 img {
	margin: 5px 0 0 0;
	padding:0 0 6px 0;
    display: inline-block;
    vertical-align: middle;
}
/*最新消息*/
.new_box {
	width:100%;
	height:auto;
	margin: 15px 0 0 0;
}
.new_title_box {
	width:100%;
	height:auto;	
}
.new_title_left {
	width:28%;
	padding:3px 0;
	display:inline-block;
	border-left:1px #7eb400 solid;
	border-right:1px #7eb400 solid;
	border-top:3px #7eb400 solid;
	text-align:center;
	font-size:120%;
}
.new_title_left h2 {
	color:#000;
}
.new_title_right {
	width:70%;
	display:inline-block;
	text-align:right;
}
.new_main_box {
	width:100%;
	border-top:1px #7eb400 solid;
}
.new_main_box ul {
	width:100%;
	height:auto;
	margin:0 auto;
	padding:0;
	background-color:#fff;
}
.new_main_box ul li {
	padding: 4.2px 0;
	border-bottom: 1px dashed #d2d2d2;
	background:url(../images/icon_news.jpg) no-repeat 0px 3px;
}
.new_main_box ul li a {
	width:73%;
	white-space:nowrap;
	text-overflow:ellipsis;
	/*-o-text-overflow:ellipsis;*/
	overflow: hidden;
	display:inline-block;
	color: #666666;
	padding: 0;
	margin: 0 0 0 10px;
	text-decoration: none;
	vertical-align:middle;
}
.new_main_box ul li a:hover {color:#ff0000;text-decoration: underline;}
.new_main_box ul li span {
	color: #4d4d4d;
	padding:0 0 0 29px;
	vertical-align:middle;
	color:#547b01;
}
.moreBtn {
	width:95%;
	height:auto;
	margin:0 auto;
}
.news-more {
	width:auto;
	height:auto;
	margin:5px;
	padding:5px 16px;
	text-align:center;
	background:#8ccc7f;
	border-radius:5px;
	float:right;
}
/*17塊*/
.Thirteen{
	width:100%;
	height:auto;
	max-width:1420px;
	margin:30px 0 0 0;
	text-align:center;
}

	.abgne {
		width:auto;
		padding: 0 14px;
		position: relative;
		overflow: hidden;
		text-align:center;
		display:inline-block;

	}
	.abgne .overlay {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0.5;
		-webkit-transition: opacity 44.4s linear;
		-moz-transition: opacity 44.4s linear;
		-o-transition: opacity 44.4s linear;
		transition: opacity 44.4s linear;
	}
	.abgne img {
		-webkit-transition: width 0.4s linear, height 0.4s linear, -webkit-transform 0.4s linear;
		-moz-transition: width 0.4s linear, height 0.4s linear, -moz-transform 0.4s linear;
		-o-transition: width 0.4s linear, height 0.4s linear, -o-transform 0.4s linear;
		transition: width 0.4s linear, height 0.4s linear, transform 0.4s linear;
	}
	.abgne:hover img {
		width: 72px;
		height: 108px;
		-webkit-transform: translate(-112.5px, 38px);
		-moz-transform: translate(-112.5px, -38px);
		-o-transform: translate(-112.5px, -38px);
		transform: translate(0.1px, 0px);
	}
	.abgne:hover .overlay {
		opacity: 0;
	}
/*banner*/
.banner_box{
	width:100%;
	height:auto;
	max-width:1420px;
	margin:20px auto;
	text-align:center;
	border-top:1px #d0d0d0 solid;
}
.banner_line {
	width:100%;
	height:auto;
	margin:35px 0 0 0;
}
.banner_line img {
	padding:0 9px;
}
.banner_more {
	width:100%;
	text-align:right;
}
/*胖頁尾*/
/*Fat Footer*/
.fat-footer {
	width:100%;
    margin: 10px auto;
	height:auto;
	bottom:0;
	padding:20px 0;
	display:inline-block;
}
	.fat-footer-box {
		width: 15%;
		height:auto;
		margin:10px 0 10px 1%;
		display:inline-block;
		vertical-align:top;
	}
	.fat-footer .headH3 {
		font-size: 1.2em;
		margin-bottom: 10px;
		font-weight:bold;
	}
	.fat-footer ul {
		width:auto;
		height:auto;
		margin:0 auto;
		padding:0;
		list-style:inside;
		list-style-position:outside;
	}
	.fat-footer ul li {
		width:100%;
		font-size:small;
		margin:0 0 0 15px;
		padding:3px 0 0 12px;
		color:#FFF;
		list-style-type:none;
	}
	.fat-footer .headH3 a {
		color:#017b98;
	}
	.fat-footer ul li a {
		color:#000000;
	}
	.fat-footer ul li a:hover {color:#ff9600;}
/*Footer*/
.footer {
	width:100%;
	max-width:1325px;
	padding:0 0 20px 0;
	height:auto;
	margin:0 auto;
}
	.footer-1 {
		width:100%;
		height:auto;
		margin:13px 0 0 0;
		display:inline-block;
		vertical-align:top;
		line-height:200%;
		text-align:center;
	}
	
	.footer-1_freego {
		width:auto;
		height:auto;
		margin:0;
		padding:0;
		display:inline-block;
		vertical-align:middle;
	}
	.footer-1_box {
		width:auto;
		height:auto;
		margin:0 2px;
		padding:5px 10px;
		display:inline-block;
		font-size:110%;
		color:#006199;
		background:#efefef;
	}
.InscriptionInfo {
    width: 75%;
    height: auto;
    margin: 0 8px;
    display: inline-block;
}
.InscriptionRight {
    width: auto;
    height: auto;
    display: inline-block;
    vertical-align: top;
    text-align: center;
}

/*RWD*/
@media screen and (max-width: 1262px) {
.header_box_right {
	width: 64%;
}
}
@media screen and (max-width: 1124px) {
.header_box_right {
	width: 55%;
}
}
@media screen and (max-width: 1228px) {
.marquee_box marquee {
	width: 89%;
}
}
@media screen and (max-width: 1213px) {
.new_main_box ul li a {
	width: 63%;
}
}
@media screen and (max-width: 1164px) {
.InscriptionInfo {
	width: 60%;
}
}
@media screen and (max-width: 1146px) {
.information_box_1 {
	width: 17%;
}
}
@media screen and (max-width: 937px) {
.header_box {
	text-align:center;
}
.header_box_right {
	width:100%;
	margin:0 auto;
	display:inherit;
	text-align:center;
}
.header_box_right_thermometer {
	padding: 10px 0 0 0;
}
}
@media screen and (max-width: 900px) {
.vision {
	display:none;
}
.group_left_box {
	width:100%;
	display:inherit;
	max-width:inherit;
}
.group_right_box {
	width:100%;
	margin:20px 0 0 0;
	max-width:inherit;
}
.new_box {
	margin:20px 0;
}
.information_box {
	text-align:center;
}
}
@media screen and (max-width: 800px) {
.footer {
	text-align:center;
}
.InscriptionInfo {
	width: 100%;
	text-align: left;
}
}
@media screen and (max-width: 736px) {
.banner_box {
	display:none;
}
}
@media screen and (max-width: 599px) {
.footer-1_box {
	width: 100%;
	margin: 1px 0;
}
}
@media screen and (max-width: 522px) {
.marquee_box marquee {
	width: 75%;
}
}