@charset "utf-8";
/* 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: 145%;
	width:100%;
    /*table-layout:fixed;*/
	word-break:break-all;}
	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;}
		   
.table-one-line{
	width: 100%;
	text-align: left;
	border-collapse: collapse;
	padding:2px;}
	.table-one-line th{
		background: #ff79bc;
		border-top: 2px solid #ff2492;
		border-bottom: 1px solid #fff;
		text-align:center;
		color: #fff;
		padding:4px}
	.table-one-line td{
		background: #f1f1f1; 
		border-bottom: 1px solid #fff;
		color: #669;
		border-top: 1px solid transparent;}
	.table-one-line tr:hover td{
		background: #ffd2e9;
		color: #339;}
	.table-one-line a{color: #000; }
	.table-one-line a:link{ color: #000; text-decoration:none;}
    .table-one-line a:visited{color:#000; }
    .table-one-line a:hover{ color: #000; text-decoration: none;}

	
.table-one-lineNo{
	width:100%;
	text-align: left;
/*	border-collapse: collapse;
*/	padding:2px;
    margin:0 auto;}
	.table-one-lineNo th{
		background: #ff79bc;
		border-top: 2px solid #ff2492;
/*		border-bottom: 1px solid #fff;
*/		text-align:center;
		color: #fff;
		padding:4px}
	.table-one-lineNo td{
		background: #f1f1f1; 
/*		border-bottom: 1px solid #fff;
*/		color: #669;
		border-top: 1px solid transparent;}
	.table-one-lineNo a{color: #000; }
	.table-one-lineNo a:link{ color: #000; text-decoration:none;}
    .table-one-lineNo a:visited{color:#000; }
    .table-one-lineNo a:hover{ color: #f95637; text-decoration: underline;}
		
		
.TableNone{ width:auto; margin:0 auto; }

    .table-one-lineOnlineScr a{color: #03C;}
    .table-one-lineOnlineScr a:link{ color: #03C; text-decoration:none;}
    .table-one-lineOnlineScr a:visited{color:#03C; }
    .table-one-lineOnlineScr a:hover{ color: #f95637; text-decoration: underline;}


.table-one-lineOnlineBig{
	width:100%;
	text-align: left;
/*	border-collapse: collapse;
*/	padding:2px;
    margin:0 auto;}
/*	.table-one-lineOnlineBig input[type=text]{width:auto;}
*/	.table-one-lineOnlineBig th{
		width:150px;
		background: #ff79bc;
		border-top: 2px solid #ff2492;
/*		border-bottom: 1px solid #fff;
*/		text-align:center;
		color: #fff;
		padding:4px}
	.table-one-lineOnlineBig td{
		background: #f1f1f1; 
/*		border-bottom: 1px solid #fff;
*/		color: #669;
		border-top: 1px solid transparent;}
    .table-one-lineOnlineBig a{color: #03C;}
    .table-one-lineOnlineBig a:link{ color: #03C; text-decoration:none;}
    .table-one-lineOnlineBig a:visited{color:#03C; }
    .table-one-lineOnlineBig a:hover{ color: #f95637; text-decoration: underline;}

.table-one-lineOnline{
	width:100%;
	text-align: left;
/*	border-collapse: collapse;
*/	padding:2px;
    margin:0 auto;}
	.table-one-lineOnline th{
		width:115px;
		padding:4px;
		background: #cedaff;
		border-top: 4px solid #c6d3ff;
/*		border-bottom: 1px solid #fff;
*/		text-align: left;
		color: #fff;
		padding:4px}
	.table-one-lineOnline td{
		background:  #f9faff; 
		border-bottom: 1px solid #dfe6ff;
		color: #669;
		text-align:left
		}
	.table-one-lineOnline a{color: #000; }
	.table-one-lineOnline a:link{ color: #000; text-decoration:none;}
    .table-one-lineOnline a:visited{color:#000; }
    .table-one-lineOnline a:hover{ color: #f95637; text-decoration: underline;}


		   
td{padding: 5px; text-align:left; vertical-align:top}

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:#2c63ff;}
a:link{ color: #2c63ff; text-decoration:none;}
a:visited{color:#2c63ff; }
a:hover{ color: #F06; text-decoration: underline;}

input[type=text]{
	width:100%;
	border:1px solid #CCC;
	border-radius:3px;
	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{font-size: medium;
	font-family: "微軟正黑體";
	font-weight:normal;
	display:inline-block;}

h5 a:link {color:#333;text-decoration: none;}
h5 a:visited {color:#333;} 
h5 a:hover {color:#333;text-decoration: underline;}

.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;}
	.video-container iframe,
	.video-container object,
	.video-container embed {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;}

/*p{ 
	font: 12px arial, helvetica, sans-serif;
	margin:0; 
	}*/

.Wapper{ 
	width:100%; 
	height:auto;
	margin:0 auto;
	padding:0;

/*	border:1px solid #099;
*/	}
	
.HeadFirst{
	width:100%;
	max-width:1250px;
	height:auto;
	margin:0 auto;
	padding:0;
	}
	
.Logo{
	width:auto;
	height:auto;
	margin:10px;
	display:inline-block;
	}
	.Logo img{ width:282; height:auto;}

.HeadRightBox{
	width:75%;
	height:auto;
	text-align:right;
	display:inline-block;
	vertical-align:top;
	}

.Blind{ width:auto; display:inline-block}

.HeadMenu{
	width:95%;
	list-style-type:none;
	text-align:right; 
	display:inline-block;
	margin:5px 0 20px 0;
	padding:0;
	}
	.HeadMenu li{
		margin:0 2px;
		display: inline-block; 
		} 
		.HeadMenu li a:link {color: #999; text-decoration: none;}
		.HeadMenu li a:visited {color: #999;} 
		.HeadMenu li a:hover {color:  #F06 ;text-decoration: underline;}
		.HeadMenu li:after {content: "│"; display:inline; margin:0 0 0 10px; }
		.HeadMenu li:last-child{color: transparent; margin:0 ;}
.TCS{ width:auto; height:auto; text-align: right;}
.Temperature{
	width:32%;
	margin:0;
	display:inline-block;
	color:#666
	}
    .Temperature img{ width:45px; height:45px; display:inline-block}
	.Temperature span{display:inline-block; text-align:left; vertical-align:top}

.Search{
	width:32%;
	height:auto;
	text-align:center;
	margin:10px 0 0 8px;
	vertical-align:top;
	display:inline-block;
	}
	.Search input{
		width:200px;
		background-color:#fff;
		border:1px solid #CCC;
		padding:6px;
		font-size:100%;
		}
.Search .SearchButton{
	background:#4c89cc;
	color:#FFF;
	padding:6px;
	border-radius:3px;
	/*-webkit-transition-duration: 0.4s;*/ /* Safari */
    /*transition-duration: 0.4s;*/
	vertical-align:top;
	}
	.Search .SearchButton:link{ color: #fff; text-decoration:none; padding: 6px; vertical-align: middle;  }
	.Search .SearchButton:visited{color:#fff; }
	.Search .SearchButton:hover{background: #F06; color:#fff;}

.Search a{
	color:#000;
	padding:2px;
	}

.Search a:link{ color: #000; text-decoration:none;}
.Search a:visited{color:#000; }
.Search a:hover{color: #F00;}

.ChangeWordSize{
	width:20%;
	height:auto;
	margin:10px 0 0 0;
	vertical-align: top;
	letter-spacing:1px;
	display:inline-block;
	}
	.ChangeWordSize a{ border:#000 1px solid; text-align:center; padding:2px}
	.ChangeWordSize a:link{ color: #000; text-decoration:none; }
	.ChangeWordSize a:visited{color:#000; }
	.ChangeWordSize a:hover{ background-color: #F06; color:#FFF}

.mainitem {
	width: 100%;
	height: auto;
	text-align: center;
	margin: 0 auto;
	background: #4C70CD;
}
	
.HomePageContent{
	width:100%;
	max-width:1250px;
	height:auto;
	margin:0 auto;
	padding:0;
	}
.BlindContent{
	width:100%;
	text-align:left;
	margin:0 auto;
	display:inline-block;
	color:#999}
	.BlindContent a{ color:#999}
	.BlindContent a:link{ color:#999}
	.BlindContent a:visited{ color:#999}
	.BlindContent a:hover{ color:#F06}
.HomePic{
	width:55%;
	height:auto;
	display:inline-block;
	vertical-align:top}
	.HomePic img{ width:100%; height:auto;}
.HomeRight{
	width:44%;
	height:auto;
	display:inline-block;
	vertical-align:top;
	text-align:left;
	}
.Horse{
	width:100%;
	height:auto;
	padding:3px;
	border:#CCC 1px solid;
	display:inline-block;
	}

.Six{
	width:100%;
	height:auto;
	margin:3px auto auto auto;
	text-align:center;
/*	border:#366 1px solid;
*/	}
	.Six a{ 
	width: 155px;
	height:58px;
    margin: 20px 14px auto auto;
    display: inline-block;
    vertical-align: middle;
	-webkit-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	}
	.Six img{ width:100%; height:auto;}
	.Six a:hover { width:33%; height:auto}

.HomePageFlight{
	width:55%;
	height:auto;
	margin:30px auto;
	display:inline-block;
/*	box-shadow: 3px 3px 5px rgba(20%,20%,20%,0.3);
*/	vertical-align:top;
	text-align:center;
	background:#FFF;
/*	border: #CCC 1px solid;
*/	}
	.HomePageFlight table{word-break:break-all; letter-spacing:0; line-height:100%; background: #e9e9e9; width:100%; border:0px; border-spacing:1px;}
	.HomePageFlight table th{ color:#0166fe; background:#FFF; padding:5px;}
	.HomePageFlight table td{ color:#5d5d5d; background:#FFF; padding:5px; text-align:center}
	
.PageFlight{
	width:100%;
	height:auto;
	margin:30px auto;
	display:inline-block;
/*	box-shadow: 3px 3px 5px rgba(20%,20%,20%,0.3);
*/	vertical-align:top;
	text-align:center;
	background:#FFF;
/*	border: #CCC 1px solid;
*/	}
/*	.PageFlight table{word-break:break-all; letter-spacing:0; line-height:100%; background: #e9e9e9; width:100%; border:0px; border-spacing:1px;}
	.PageFlight table th{ color:#0166fe; background:#FFF; padding:5px;}
	.PageFlight table td{ color:#5d5d5d; background:#FFF; padding:5px; text-align:center}
*/
	
.HomePageNews{
	width:47%;
	height:auto;
	margin:30px 0 0 20px;
	display:inline-block;
	vertical-align:top;
	}
	.HomePageNews div {
		width:90%;
		height:auto;
		padding:0;
		margin:0;
		margin-left:5px;
		color:#3c7ed4;
		font-size:  larger
		}
	.HomePageNews ul {
		width:100%;
		height:auto;
		margin:4px auto;
		padding:0;
		list-style-type:none;
		}
    .HomePageNews ul li:last-child{ border:0; }/*可以讓最後一條虛線不見*/

	.HomePageNews ul li{
		color:#ffa300;
		padding:6px 3px;
		border-bottom:1px dashed #CCC;
		}

	.HomePageNews ul li a{
		width:68%;
		display:inline-block;
		height: 1.2em;
		overflow:hidden;
/*		vertical-align:middle;
*/		color: #4d4d4d;
		padding:0;
		margin: 0 0 0 10px;
		text-decoration: none;
/*		text-overflow: -o-ellipsis-lastline;
*/		}

/*	.HomePageNews a{
		color: #4d4d4d;
		padding:0;
		margin: 0 0 3px 10px;
		text-decoration: none;
		}
*/	.HomePageNews a:hover {color:#F06;text-decoration: underline;}
	.HomePageNews span{color: #0c5acf; margin:0 0 0 3px;}
	
.Twelve{
	width:100%;
	height:110px;
	max-width:1250px;
	margin:10px auto auto auto;
	text-align:center;
/*	border:#366 1px solid;
*/	}
	.Twelve a{ 
	width: 95px;
	height:95px;
    margin: 0 auto;
    display: inline-block;
    vertical-align: top;
	-webkit-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	}
	.Twelve img{ width:100%; height:auto;}
	.Twelve a:hover { width:10%; height:auto}

.HomePageBanner{
	width:100%;
	height:auto;
	margin:10px auto;
	text-align:center;
	}
	.HomePageBanner a{
		width:159px;
		height:auto;
		margin:5px 12px 0 0;
		display:inline-block;
		}
		.HomePageBanner img:hover{-webkit-filter: saturate(1.8);}
		
.BannerButton {
    background-color: #4CAF50;
    border: none;
    color: white;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    margin: 20px 4px;
    cursor: pointer;
	border-radius:10px;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    }
	.BannerButton:hover {box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24),0 17px 50px 0 rgba(0,0,0,0.19);}
	
.MoreLink{ width:100%; max-width:1250px; height:auto; text-align: right; margin:0 auto; display:inline-block}	
	
.under{
	width:100%;
	max-width:1250px;
	margin:0 auto;
	padding:0;
	}

.FooterBox{
	width:100%;
	height:auto;
	margin:10px auto;
	padding:10px;
	background:#dcddde;
	text-align:center;
	display:inline-block;
	}
	.FooterLine{ width:15%; height:auto; margin:0 5px 0 0; display:inline-block; vertical-align:top; text-align:left;}
	.FooterBox ul{
		width:100%;
		text-align:left;
		display:inline-block;
		vertical-align:top;
		}
	.FooterBox ul li{margin:5px 0;}
	.FooterBox ul li a{color: #7a7979;}
	.FooterBox ul li a:hover{ color: #F06; text-decoration:underline;}
	.FooterBox .FooterFirst { margin:0 0 15px 0; display:inline-block }
	.FooterBox .FooterFirst a{font-size: x-large;}
	.FooterBox .FooterFirst a:hover{color: #F06; text-decoration:underline;}
	                               .FooterBox .ColorBlock { width:100px; height:5px; background:#F06; margin:10px auto 10px 0;}
	
.Inscription{
	width:100%;
	height:auto;
	padding:1px;
	background:#eaeaea;
	}
	.InscriptionItem{
		width:80%;
		margin:0 auto 5px auto;
		text-align:center;}
	.InscriptionItem a{color:#2165e0; margin:0 0 0 10px;}
	.InscriptionItem a:hover{color: #F06; }
	.InscriptionInfo{width:75%;	height:auto; margin:0 8px; display:inline-block; line-height:150%;}
	.InscriptionInfo a{color:#2165e0;}
	.InscriptionInfo a:hover{color:#F06;}
	.Inscription span{ margin:0 30px 0 0; color: #666	}
	
.InscriptionRight{
	width:auto;
	height:auto;
	display:inline-block;
	vertical-align:top;
	text-align: center;
	}
.Path{
	width:100%;
	text-align:left;
	margin:0 0 5px 0;}
	
.content{
	width:100%;
	max-width:1250px;
	margin:0 auto;
	padding:0;
	opacity:1;
	}

.MainContentWapper{
	width:79%;
	margin:4px auto;
	display:inline-block;
	vertical-align:top;}
.MainContent{ 
    width:100%;
	margin:15px 0 0 0;
	text-align:left;}
	.MainContent ul{list-style-type: square; margin:auto auto auto 18px;}
	.MainContent ol{list-style-type: decimal; margin:auto auto auto 18px;}

/*	.MainContent img{ height:auto; max-width:700px;}
*/	/*.MainContent span{ float:left;}*/
	.MainContent .MainContentDefpage img{ height:auto; max-width:700px;}
	
.ContentItemWapper{
	width:20%;
	margin:4px auto;
	display:inline-block;
	vertical-align:top;
	text-align:center;}

.title{
	width:100%;
	height:auto;
	margin:5px 0;
	padding:15px;
	text-align:left;
	/*直向漸層*/
/*	background-image: -webkit-linear-gradient(top, #fff, #eeeeee 45%, #fff 65%, #eeeeee);
	background-image: -moz-linear-gradient(top, #fff, #eeeeee 45%, #fff 65%, #eeeeee);
	background-image: -o-linear-gradient(top, #fff, #eeeeee 45%, #fff 65%, #eeeeee);
*/	background-image: linear-gradient(to bottom, #fff, #e9e9e9, #fff);
	/*border-top:#084eb8 1px solid;*/
	}
	.title img{ vertical-align:middle;}
	.title span{
		vertical-align: middle;
		margin:0 0 0 5px;
		font-size:140%;
		color:#F06}
		
.MultiBar{ width:100%; text-align:right; color:#999}
    .MultiBar a{ color:#999}
	.MultiBar a:hover{ color:#f06}
    .MultiBar img{ display:inline-block; margin:0 0 0 3px;}
	
.RightItemTitle{
	width:100%;
	height:auto;
	margin:5px 0 0 0;;
	padding:10px;
	text-align:left;
	/*直向漸層*/
/*	background-image: -webkit-linear-gradient(top, #fff6ea, #ffc370 45%, #ffb755 65%, #ffe9cb);
    background-image: -moz-linear-gradient(top, #fff6ea, #ffc370 45%, #ffb755 65%, #ffe9cb);
    background-image: -o-linear-gradient(top, #fff6ea, #ffc370 45%, #ffb755 65%, #ffe9cb);
    background-image: linear-gradient(to bottom, #fff6ea, #ffc370 45%, #ffb755 65%, #ffe9cb);
	border-top:#fabb65 1px solid;
*/	}
	.RightItemTitle span{
		color:#084eb8;
		vertical-align: middle;
		margin:0 0 0 5px;
		font-size:180%; }
.ContentItem ul{
	list-style-type: none;
	width:100%;
	padding:0 0 10px 0;
	margin:0 0 20px 0;
	text-align:left;
	/*border-bottom:1px #084eb8 solid;*/}
	.ContentItem ul li{
        padding:8px 0 6px 8px;
        border-bottom:1px solid  #eaeaea;}
	.ContentItem ul li:last-child{ border:0; }
	.ContentItem ul li a{ margin:0 0 0 5px;}
	.ContentItem ul li:hover{ background: #F06;}
	.ContentItem ul li:hover a{ color: #fff; text-decoration:none;}

.BulletinsSearch{ width:100%; height:auto; display:inline-block; text-align:center;}
                 .BulletinsSearch input[type=text]{ width:200px;}


.imageworkBox{
	text-align:center;}
.imagework{
	padding:2px;
	width:250px;
	display:inline-block;
	margin:10px 10px 0 10px;
	border:#CCC 1px solid;
	text-align:center;}
	.imagework img{width:50%;}

.BannerMore{text-align:center}
			.BannerMore a{ width:126px; height:auto; display: inline-block; margin:0 0 7px 7px}
			
.FlashNone{ display:inline-block;}

.FixFlightButton{
	width:100%;
	height:auto;
	padding:20px;
	font-size:250%;
	text-align:center;
	}
	.FixFlightButton a{ color:#fff; padding:20px 100px; background:#ff0066}
	.FixFlightButton a:link{ color:#fff; text-decoration:none;}
	.FixFlightButton a:visited{ color:#fff; }
	.FixFlightButton a:hover{ color:#FFF; background:#39F; text-decoration:none;}


/*RWD*/
@media screen and (max-width: 1240px) {
.Logo{ width:100%; text-align:center;}
.HeadRightBox{ width:100%}
.HeadMenu{width:95%; text-align:center; margin:0 auto;}
.TCS{ text-align:center;}
.HomePic{width:100%;}
.HomeRight{width:100%;}
.Six a:hover { width:15%; height:auto}
.HomePageNews { width:100%; margin:10px auto;}
.HomePageFlight{width:100%;}
.HomePageNews ul li a{width:85%;}
.Twelve{height:210px;}

}

/*@media screen and (max-width: 1120px) {
.InscriptionInfo{width:98%;}
.InscriptionRight{width:98%;}
.ChangeWordSize{display: none;}
.HomePageNews ul li a{width:85%;}
.Twelve a:hover { width:12%; height:auto}
}
*/
@media screen and (max-width: 1000px) {
.ContentItemWapper{width:100%; margin:0;}
.MainContentWapper{width:100%; margin:0;}
.ContentItem ul{padding:0 0 5px 0; margin:0; border-bottom:0px;}
.FooterBox ul{width:30%;}
.Blind{display: none}
.BlindContent{ display:none;}
.HomePageNews ul li a{width:81%;}
.Twelve a:hover { width:14%; height:auto}
.Horse{display:none;}
.FooterBox{display:none;}
.FooterLine{display:none;}
.Search{display:none;}
.Temperature{display:none;}
.HomePageBanner{display:none;}
.FlashNone{ display:none;}
.Twelve{height:230px;}
.ChangeWordSize{ display:none}
.MoreLink{ display:none}
}



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


}

@media screen and (max-width: 785px) {
.Temperature{ width:35%;}
.Search{width:58%; }
.Thirteen a:hover { width:15%; height:auto}
.MultiBar{ display:none;}
.Twelve a:hover { width:18%; height:auto}
}

/*@media screen and (max-width: 768px) {
.HeadMenu{ display:none}
}*/


@media screen and (max-width: 680px) {
.HomePageNews ul li a{width:70%;}
.Thirteen{height:auto;}
.Thirteen a:hover { width:17%; height:auto}
.TableList{word-break:break-all;}

}

@media screen and (max-width: 610px) {
.Twelve{height:310px;}
}


@media screen and (max-width: 500px) {
.Thirteen a:hover { width:21%; height:auto}
}

@media screen and (max-width: 450px) {
.HomePageNews ul li a{width:60%;}
.FooterBox ul{width:40%;}
.Thirteen a:hover { width:25%; height:auto}
.BulletinsSearch{ display:none;}


}

@media screen and (max-width: 420px) {
.Logo img{ width:100%; height:auto;}
.Twelve{ display:none}

}