@media screen and (min-width:1250px){
	
	
	#com-s #cos1{
	text-align: left;
	clear: both;
	width: 93%;
	margin-top: 1em;
	margin-right: auto;
	margin-bottom: 1em;
	margin-left: auto;
		}
		
		#com-s #cos1 input{
	margin-right: 0.5em;
	margin-left: 0.5em;
			}
			
			
			.bu{
					margin-right: 1em;
	margin-left: 1em;}
	.form-control-40{
	display: block;
	width: 48%;
padding:.375rem .75rem;		font-size: 1rem;
	font-weight: 400;
	line-height: 1.5;
	color: #212529;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
border-radius:.25rem;		transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	float: left;
	
}
	#sh{
	background-color: #F3FAFA;
	padding-bottom: 0.3em;
	margin-top: 1em;
		}
	
	#com-s{
	border-radius: 8px;
	background-color: #FFF;
	padding: 1em;
	clear: both;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #F2F2F2;
	box-shadow: 1px 0px 5px 0px rgba(0, 0, 0, 0.05);
	margin-bottom: 1em;
}
		#com-s #title{
	color: #007371;
	font-size: 1.3em;
	font-weight: bold;			
			}
			#com-s #title i{
	margin-right: 0.5em;
	margin-left: 0.5em;
				}
	#finish{
	background-image: url(../images/finish.jpg);
	background-repeat: no-repeat;
	background-position: -60px -90px;
	border: 1px solid #E8E8E8;
	border-radius: 20px;
	min-height: 300px;
	padding-left: 45%;
	padding-top: 5em;
	font-size: 1.2em;
	margin-top: 1em;
}
	
	#event-question{
	clear: both;
	width: 100%;
	margin-top: 0.5em;
	margin-right: auto;
	margin-bottom: 1em;
	margin-left: auto;
	border: 1px solid #E5E5E5;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f3f3f3+0,ededed+1,ededed+1,ffffff+11,ffffff+100 */
	background: rgb(243,243,243); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(243,243,243,1) 0%, rgba(237,237,237,1) 1%, rgba(237,237,237,1) 1%, rgba(255,255,255,1) 11%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(243,243,243,1) 0%,rgba(237,237,237,1) 1%,rgba(237,237,237,1) 1%,rgba(255,255,255,1) 11%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(243,243,243,1) 0%,rgba(237,237,237,1) 1%,rgba(237,237,237,1) 1%,rgba(255,255,255,1) 11%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	box-shadow: 1px 0px 5px 0px rgba(0, 0, 0, 0.02);
	padding: 2em;
}

.question{
	font-size: 1.2em;
	color:#007371;
}
#ans{
	clear: both;
	width: 93%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0.7em;
	padding-bottom: 0.7em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CECECE;
	}
#ans1{
	clear: both;
	width: 93%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0.7em;
	padding-bottom: 0.7em;
	
	}
#ans input{
	margin-right: 0.5em;}


	#step-co{
	clear: both;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	border-radius: 20px;
	
	padding-top: 2em;
	padding-right: 2em;
	padding-bottom: 2em;
	padding-left: 2em;
}
	
	
	#step-title{
	font-size: 1.5em;
	margin-bottom: 1em;
	color: #00717b;
	float: left;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	margin-top: 0.3em;
}
#step{
	border-radius: 200px;
	text-align: center;
	float: left;
	height: 50px;
	width: 50px;
	color: #FFF;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3aaf8a+0,007371+100 */
	background: rgb(58,175,138); /* Old browsers */
	background: -moz-linear-gradient(-45deg,  rgba(58,175,138,1) 0%, rgba(0,115,113,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  rgba(58,175,138,1) 0%,rgba(0,115,113,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  rgba(58,175,138,1) 0%,rgba(0,115,113,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3aaf8a', endColorstr='#007371',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	line-height: 50px;
	margin-right: 0.5em;
	font-size: 1.3em;
}
	.word2 #keyword{
	margin-top: 1em;
	margin-bottom: 1em;
	float: left;
		}
	
		.word2 #keyword2{
	margin-top: 1em;
	margin-bottom: 1em;
	float: right;
		}
	
	.word2 #dbg{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f3f3f3+0,ededed+1,ededed+1,ffffff+11,ffffff+100 */
	background: rgb(243,243,243); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(243,243,243,1) 0%, rgba(237,237,237,1) 1%, rgba(237,237,237,1) 1%, rgba(255,255,255,1) 11%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(243,243,243,1) 0%,rgba(237,237,237,1) 1%,rgba(237,237,237,1) 1%,rgba(255,255,255,1) 11%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(243,243,243,1) 0%,rgba(237,237,237,1) 1%,rgba(237,237,237,1) 1%,rgba(255,255,255,1) 11%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	clear: both;
	width: 98%;
	margin-right: auto;
	margin-bottom: 1em;
	margin-left: auto;
	padding-right: 1em;
	padding-left: 1em;
	border: 1px solid #E6E6E6;
		}
	
	
	
	#right1{
	float: right;
	margin-bottom: 0.3em;
	padding: 1em;
}

	#events{
	background-color: #f5f5f5;
	margin-bottom: 1em;
	padding-bottom: 1em;
	padding-left: 0em;
	padding-top: 0.5em;
}
	
	#events-co{
	
	width: 50%;
	float: left;
	padding-top: 0em;
	padding-right: 0.4em;
	padding-bottom: 0em;
	padding-left: 0.4em;
		}	
			#events-co1{
	width: 100%;
	padding-top: 0em;
	padding-right: 0.4em;
	padding-bottom: 0em;
	padding-left: 0.4em;
	clear: both;
	margin-right: auto;
	margin-left: auto;
		}
#title-events{
	color: #406F65;
	font-weight: bold;
	text-align: left;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	font-size: 1.2em;
	padding-left: 1em;
}

#title-events2{
	color: #Fff;
	font-weight: bold;
	text-align: left;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	font-size: 1.2em;
	padding-left: 1em;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#00717b+0,68b4b7+99 */
background: rgb(0,113,123); /* Old browsers */
background: -moz-linear-gradient(-45deg,  rgba(0,113,123,1) 0%, rgba(104,180,183,1) 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg,  rgba(0,113,123,1) 0%,rgba(104,180,183,1) 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg,  rgba(0,113,123,1) 0%,rgba(104,180,183,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00717b', endColorstr='#68b4b7',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}



#click{
	color: #406F65;
	padding-top: 1em;
	padding-bottom: 0.2em;
	padding-right: 1em;
	padding-left: 1em;
}
	.sop{
	padding-top: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
		}


#title-events .right{
	float: right;
	}

.mail-img{
	margin-top: 2em;
}
#event-su #title{
	font-size: 1.2em;
	color: #333;
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
	font-weight: bold;
	}

	#event-su{
	clear: both;
	width: 100%;
	margin-top: 0.5em;
	margin-right: auto;
	margin-bottom: 1em;
	margin-left: auto;
	border: 1px solid #E5E5E5;
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f3f3f3+0,ededed+1,ededed+1,ffffff+11,ffffff+100 */
background: rgb(243,243,243); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(243,243,243,1) 0%, rgba(237,237,237,1) 1%, rgba(237,237,237,1) 1%, rgba(255,255,255,1) 11%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(243,243,243,1) 0%,rgba(237,237,237,1) 1%,rgba(237,237,237,1) 1%,rgba(255,255,255,1) 11%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(243,243,243,1) 0%,rgba(237,237,237,1) 1%,rgba(237,237,237,1) 1%,rgba(255,255,255,1) 11%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
 box-shadow: 1px 0px 5px 0px rgba(0, 0, 0, 0.05);
	padding-top: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 1em;
}
	#ssco .card-title{
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	white-space: normal;
	height: 100px;}	
	
	#event-su #list #left1{
	float: left;
	margin-right: 1em;color: #406F65;
}
	#event-su #list #right2{float: left;}
	
	
	#event-su #event-su-title{
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	clear: both;
	width: 100%;color: #406F65;
	margin-right: auto;
	margin-left: auto;
	padding-top: 1em;
	padding-right: 1em;
	padding-bottom: 0.8em;
	padding-left: 1em;
		}
	
	#event-su #event-su-co{
	text-align: left;
	clear: both;
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	line-height: 26pt;
	background-color: #EBEBEB;
	padding-top: 1em;
	padding-right: 2em;
	padding-bottom: 2em;
	padding-left: 2em;
	margin-top: 1em;
	margin-bottom: 2em;
}
	
	
	
	
	
	
	#ssco .card-text{
	padding-top: 1em;
	line-height: 1.6em;
	padding-bottom: 0em;
		overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	white-space: normal;
	height: 140px;
	
}
	
	
.card-title{
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	white-space: normal;
	height: 100px;}	
	
	.card-title-2{
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	color:#00717b;
	-webkit-box-orient: vertical;
	white-space: normal;
	-webkit-line-clamp: 2;
	height: 70px;}	
	
		.card-title-3{
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	color: #00717b;
	-webkit-box-orient: vertical;
	white-space: normal;
	-webkit-line-clamp: 2;
	height: 50px;
	font-weight: bold;
}
	.ellipsis4{
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	white-space: normal;
	height: 170px;
}	
	
	.ellipsis2{
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 8;
	-webkit-box-orient: vertical;
	white-space: normal;
	height: 200px;
}
  .ellipsis3{
	overflow: hidden;
	display: -webkit-box;
	text-overflow: ellipsis;
	-webkit-line-clamp: 9;
	-webkit-box-orient: vertical;
	white-space: normal;
	height: 250px;
}
  
	#s-1000{
		display:none;}
	#so2{
	margin-top: 150px;
	}
#so2 img{
	width: 50%;}	
.table-responsive table{
	width: 100%;}	
#ssbg{
	background-color: #DFDFDF;
	clear: both;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 3em;
	padding-bottom: 3em;
	}
	#top-bar{
	width: 100%;
	height: 120px;

	position: fixed;
	top: -120px;
	z-index: 999;

}
#bg1251 #contact{
	clear: both;
	width: 1250px;
	margin-top: 0em;
	margin-right: auto;
	margin-bottom: 0em;
	margin-left: auto;
	padding-top: 0em;
	padding-bottom: 0em;

	}

	#col-s2{
	float: left;
	margin-right: 0.5em;
	}
	.word1 .container .row .col-sm .iframe3{
	clear: both;
	height: 150px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 1em;
		}
	.iframe31{
	clear: both;
	height: 150px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 1em;
		}
	.iframe2{
	clear: both;
	width: 95%;
	margin-right: auto;
	margin-bottom: 2em;
	margin-left: auto;
	height: 400px;
		}
		
			.iframe4{
	clear: both;
	width: 95%;
	margin-right: auto;
	margin-bottom: 2em;
	margin-left: auto;
	height: 400px;
		}
	.path{
	clear: both;
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 1em;
	padding-left: 1em;

	}	
	#top-banner{
	margin-top: 150px;
}	
		 #fbigyt a{
	font-size: 1.5em;
	margin-right: 1em;
	color: #00717b;
}
	.dropdown-menu li{
	color: #FFF;
	text-decoration: none;
	padding: 10px;
		}
		.dropdown-menu li a{
padding: 0px;
	color: #FFF;
	text-decoration: none;
			}
	.dropdown-menu li:hover{
	background-color: #ee7300;
}
	
	.dropdown{
	min-width:150px;}
	
	
	.dropdown-item{	}
	.dropdown-item a{
	color: #FFF;
	text-decoration: none;

}


		.accordion-button{
	color: #333;
	background-color: #FFFFFF;

		}
		
		.accordion-button:not(.collapsed){
	background-color: #00717b;
	color: #fff;
			}
			
			
		#abo{
	clear: both;
	width: 1250px;
	margin-top: 0em;
	margin-right: auto;
	margin-bottom: 0em;
	margin-left: auto;
	padding-top: 2em;
	padding-bottom: 2em;

	}
	
	#abo #left{
	float: left;
	width: 240px;
	padding-right: 0em;
	padding-left: 0em;
	margin-left: 1.5em;
	margin-right: 1.5em;
	margin-top: -1em;
}
	#abo #right{
	float: right;
	width: 75%;
	margin-right: 1.5em;
	padding-left:0em;
	
}
		 #link-list{
	width: 240px;
	float: left;
	
	

		 }
#dropdown-items{
	text-decoration: none;
	clear: both;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 2em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	}
	
#dropdown-items a{
	text-decoration: none;
	color: #333;	border-right-width: 1px;
	
	}	
		 .iframe{
		 width:700px;
		 height:394px;
		 }
		 
#youtube  {
	width: 100%;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../images/bg0.jpg);
	padding-top: 4em;
	padding-right: 1em;
	padding-bottom: 4em;
	padding-left: 1em;
	background-position: center top;
	}
#youtube .container-fluid{
	
	
	}	
#youtube #left{
	float: left;
	width: 38%;
	padding-top: 2em;
	padding-right: 2em;
	padding-bottom: 2em;
	padding-left: 3em;
	margin-top: 1.5em;
	background-image: url(../images/youtube-bg1.png);
	background-repeat: no-repeat;
	background-position: left top;	
	}
#youtube #right{
	float: right;
	width: 60%;
	text-align: right;
	

	}	
#youtube #left h5{
	font-size: 2em;
	font-weight: bold;
	margin-bottom: 1em;	
	}	
	#youtube #left p{
	line-height: 2em;
	color: #FFF;
		}	
		
		.bgm{
	background-image: url(../images/youtube-bg.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 1.5em;
	padding-right: 2em;
	padding-bottom: 1.5em;
	padding-left: 1.5em;
}
.all2{
	width: 1200px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
}#link-list #con{
	padding: 0em;
	clear: both;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}	 
	 
	 #logo{
	width: 34%;
	position: absolute;
	top: -60px;
	z-index: 9999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999999;
	float: left;
	background-image: url(../images/solganbg.png);
	background-repeat: no-repeat;
	background-position: right;
	text-align: right;
}
#logo img{width:auto;}	

 #logo-up{
	width: 50px; border-radius: 13px;
	position: absolute;
	top: -30px;
	 box-shadow: 0px 2px 19px 1px rgba(0, 0, 0, 0.3);
	margin-left: 20px;	
}
#logo-up img{widdth:100%;}	 
.yellow{
	font-size: 1.3em;
	color: #ffffff;
	
} 

.bg-do{
	font-size:0.9em;
}

.rw{
	background-color: #bb2d3b;
	color: #FFF;
}
	
	
	#contact #left{
	float: left;
	width: 240px;
	padding-right: 0em;
	padding-left: 0em;
	margin-left: 1.5em;
	margin-right: 1.5em;
}
	#contact #right{
	float: right;
	width: 75%;
	margin-right:0em;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	box-shadow: -4px 0px 0px 0px rgba(0, 0, 0, 0.05);
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 4em;
	padding-left: 2em;
}	



	#contact #right h2{
	font-size: 2em;
	margin-bottom: 0.3em;
}
		
	#contact #right h3{
	font-size: 1em;
	line-height: 2em;
	letter-spacing: 0.1em;
}		
	#contact #right strong{

		}	
		
	#contact #right #co{
	background-color: #f5f5f5;
	clear: both;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 1em;
	padding-right: 2em;
	padding-bottom: 1em;
	padding-left: 2em;
	margin-bottom: 1em;
		}	
		
	#contact #right #co .form-check{
	float: left;
	width: 33%;
}
	#contact #right #co #list{
	clear: both;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 1em;
	padding-bottom: 1em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #BFBDBB;
		}
			#contact #right #co #list2{
	clear: both;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 1em;
	margin-bottom: 1em;
	padding-bottom: 1em;
		}
			#contact #right #co	#button{
	text-align: center;
	clear: both;
	width: 40%;
	margin-right: auto;
	margin-left: auto;
				}
		
			#contact #right #co	.btn-primary{
	background-color: #00717b;
	border: 1px solid #00717b;
	clear: both;
	margin-right: auto;
	margin-left: auto;
				}
				
				#contact #right .row{
	clear: both;
	width:100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 1em;
					}
	#contact #right .row .col-sm-6{
	
	
	
				}	
	#contact #right .row .col-sm-6	.card-body{
	clear: both;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	border: 2px solid #00717b;
	border-radius: 10px;
	padding: 1em;
	  box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.1);
		}
				#contact #right .row .col-sm-6 .card .card-body #left1{
	font-size: 2.5em;
	color: #00717b;
	float: left;
	width: 30%;
	text-align: center;
	padding-top: 1em;
	padding-bottom: 1em;
			}
			#contact #right .row .col-sm-6	 .card .card-body #right1{
	float: left;
	width: 68%;
	padding-top: 1em;
			}
				
	.check {
	
	margin-left: -1.5em;

}
	#check2 {
	float: left;
	width: 70%;


}
	#check3 {
	float: left;
	width: 22%;


}


.toplink{
	font-size: 0.9em;
	background-color: #F2F1EE;
	clear: both;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	font-family: "微軟正黑體";
	padding-top: 1.2em;
	padding-bottom: 0.3em;
	z-index: 999999999999999999;
	letter-spacing: 0.1em;
	height: 60px;
}
#toplink-size{clear: both;
	width: 1250px;
	margin-right: auto;
	margin-left: auto;}
.toplink ul{
	padding: 0;
	margin: 0;
	list-style: none;
}
.toplink ul li{
	display: inline-block;
	margin-right: 1.3em;
}
.toplink a{
	color: #000;
    text-decoration: none;
	display: block;
}
.toplink a:hover{
	color: #FF3300;
}

.toplink ul li .yellow{
	background-color: #00717b;
	color: #FFF;
}


.footer-links{
	
	}
			#footer-size
			{clear: both;
	width: 1250px;
	margin-right: auto;
	margin-left: auto;
	}
.footer-top{
	padding-top: 2em;
	padding-right: 0em;
	padding-bottom: 0em;
	padding-left: 0em;
	}
.footer-top .container{
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 0em;
	padding-left: 0em;
}	
#footer-a{
	background-color: #00717b;
	clear: both;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 2em;
	
	padding-bottom: 1.6em;
	
	color: #FFF;
	}
#footer-a #left{
	float: left;
	margin-right: 1em;
	}	
#footer-a #right{
	float: right;
	margin-right: 4%;
	}		
#footer-a #left a{
	color: #FFF;
	text-decoration: none;
	padding-right: 1em;
	padding-left: 1em;
	font-size: 0.95em;
	letter-spacing: 0.1em;
	padding-top: 5px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #00717b;
	border-left-color: #00717b;
}
#footer-a #left a:hover{
	color: #DDE8E8;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #699;
	border-left-color: #699;
	}
#footer-a i{font-size: 1.5em;}
.footer-inp{
	border: 1px solid #FFF;
	-webkit-border-top-left-radius: 50px;
	-webkit-border-bottom-left-radius: 50px;
	-moz-border-radius-topleft: 50px;
	-moz-border-radius-bottomleft: 50px;
	border-top-left-radius: 50px;
	border-bottom-left-radius: 50px;
	margin-top: -5px;
	padding-top: 0.3em;
	padding-right: 1em;
	padding-bottom: 0.3em;
	padding-left: 1em;
	}
	.footer-button{
	-webkit-border-top-right-radius: 50px;
	-webkit-border-bottom-right-radius: 50px;
	-moz-border-radius-topright: 50px;
	-moz-border-radius-bottomright: 50px;
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
	color: #FFF;
	background-color: #f26c28;
	border: 1px solid #f26c28;
	padding-top: 0.3em;
	padding-right: 1.5em;
	padding-bottom: 0.3em;
	padding-left: 1em;
}

.footer-links ul li{list-style:square;
margin-left: 20px;}
.footer-links ul li a:hover{
	color: #ee7300;
}
.footer-info a{
	color: #FFF;
	}
.footer-links ul{
	margin-bottom: 2em;
}	
#footer-down {
	text-align: center;
	padding: 1em;
	clear: both;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666;
	font-size: 0.9em;
	color: #FFF;
	background-color: #333;
}
.do{
	margin-top: 0.3em;	

	}
	#left01{
	float: left;
	margin-top: px;
}
	#left01 img{
		margin-top: -5px;}
	#db{
	width: 1200px;
	border: 20px solid #FFF;
	box-shadow: 3px 2px 18px 0px rgba(0, 0, 0, 0.1);
	
	clear: both;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
}

.new-img{
	width: 100%;
	border: 20px solid #FFF;
	box-shadow: 3px 2px 18px 0px rgba(0, 0, 0, 0.1);
	
}
#titco{
	margin-left: 30px;
	padding-top: 70px;
}
#tit{
	margin-top: 70px;
	margin-bottom: 50px;
	}
#tit-list{
	margin: 1em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DEDEDE;
	}	
#tit-list h4,
#tit-list h4 a{
	font-size: 1em;
	line-height: 1.7em;
	color: #333;
	text-decoration: none;
	overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
	}	
#tit-list h4 a:hover{
	color: #00717b;
	}	
#tit-list p{
	font-size: 0.9em;
	line-height: 1.7em;
	color: #666;
	}		
	#tit-more{
	text-align: right;
	clear: both;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 1em;
	padding-top: 1em;
	color: #00717b;
	
		}

		#cols{
	float: left;
	width: 50%;
			}

 .card mb-4 shadow-sm img{width: 100%;}
.card-text{
	padding-top: 1em;
	line-height: 1.6em;
	padding-bottom: 0em;
	
	
}
.card-body{
	padding: 0em;

	margin-bottom: 1em;
}
	.card-body:hover{
	
}

	 

	
	  #m{display:none;}


 #fbigyt i:hover{
	color: #f26c28;
		 }
	 .btn-group{
	font-size: 1.2em;
	width: 20%;
}

		 

	 	
	 
	   .homepage-hero-module {
    border-right: none;
    border-left: none;
    position: relative;
	margin-top: -3em;
  }
	 #video-title{
	font-family: 'Roboto Condensed', "微軟正黑體", sans-serif;
	z-index: 100;
	position: absolute;
	width: 100%;
	font-size: 3em;
	color: #FFF;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	padding-top: 20%;
	padding-right: 10%;
	padding-bottom: 10em;
	padding-left: 10%;
	}
	 
	 .up-contact{
	font-size: 1em;
	color: #FFF;
	padding: 1em;
	clear: both;
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
		 }
	 
	 .container-fluid{
	clear: both;
	width: 1250px;
	margin-right: auto;
	margin-bottom: 0px;
	
}
.collapse{
	margin-left: 00px;
	}
	.navbar-nav{
		margin-left: 350px;}
		
		 @media  (min-width: 1250px) and (max-width: 1600px){
			 	.navbar-nav{
		margin-left: 400px;}
		 }
	 .navbar{
	top: 0px;
	z-index: 999;
	height: auto;
	clear: both;
	width: 100%;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
}
	 .list-unstyled{
	font-size: 1em;
	line-height: 2em;
}
	 .bold-text{
	color: #FFF;
	font-size: 1.3em;
	letter-spacing: 0.1em;
}
	 footer{
	background-color: #333;
	color: #FFF;
	
}
	 footer p{
	font-size: 0.9em;
	line-height: 2em;
}
	 footer h3{
	font-size: 1.5em;
	padding-bottom: 1em;
}
		 
		 	 footer h4{
	font-size: 1.2em;
	font-weight: lighter;
}

 footer ul{
	margin-left: -2em;
	margin-top: 1em;
}

 footer ul li{list-style-type:none;
	 }

 footer ul li a{
	font-size: 0.9em;
	color: #FFF;
	text-decoration: none;
	 }


 footer ul li a:hover{
	color: #ee7300;
}

footer .social-links{
	font-size: 1.5em;
	margin-top: 1em;
	margin-bottom: 1em;
}
footer .social-links a{
	color: #FFF;
	text-decoration: none;
	margin-right: 1em;	
}


footer .social-links a:hover{
	color: #FF0;	
	
}
	 .navbar-brand{
	margin-left: 2em;
	margin-right: 2em;
}
.nav-item{
	width: 120px;
	padding-top: 0em;
	padding-bottom: 0em;
}
.nav-item .resize{width: 300px;}
nav{
	background-color: #FFF;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	
}
.container{
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 2em;
	padding-left: 0em;
}
.jumbotron	{
	min-height:500px;
	padding-right: 15%;
	padding-left: 40%;
	padding-top: 2em;
	padding-bottom: 2em;
	background-image: url(../images/bg1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
.display-4{
	color: #2c3e50;
	text-align: center;
	font-size: 2.5em;
	padding-top: 1em;
	padding-bottom: 0.2em;
	font-family: 'Noto Sans TC', sans-serif;
	letter-spacing: 0.1em;
}	
.sword{
	font-family: 'Roboto Condensed', sans-serif;
	text-align: center;
	color: #66C;
	text-transform: uppercase;
}
.display-5{
	color: #fff;
	text-align: left;
	font-size: 2.5em;
	padding-top: 0em;
	padding-bottom: 0.2em;
	font-family: 'Noto Sans TC', sans-serif;
	letter-spacing: 0.1em;
}	
.sword-1{
	font-family: 'Roboto Condensed', sans-serif;
	text-align: left;
	color: #c5ebeb;
	text-transform: uppercase;
	font-weight: lighter;
	padding-top: 2em;
	padding-bottom: 0.5em;
	font-size: 1.1em;
}
#contact{
	clear: both;
	width: 80%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 2em;
	}
#index-contact-right-50{
	float: left;
	width: 50%;
	max-height: 550px;
	background-color: #333;
}	
.form-label{
	color: #FFF;
	padding-top: 1em;
	padding-bottom: 0.5em;
}
#cos{
	background-image: url(../images/bg2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	clear: both;
	height: 600px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
#carouselExampleCaptions{
		
}
#banner-word-big{
	font-size: 4em;
	color: #FFF;
	margin-top: -400px;
	margin-left: -550px;
}
#banner-word-small{	font-size: 2em;	margin-left: -550px;}
.list-group{
	margin-top: 1em;
	}
	#contact{
	clear: both;
	width: 100%;
	margin-top: 0em;
	margin-right: auto;
	margin-bottom: 0em;
	margin-left: auto;
	padding-top: 0em;
	
	padding-bottom: 0em;
	}
	
	#contact #left{
	float: left;
	width: 200px;
	padding-right: 0em;
	padding-left: 0em;
	margin-left: 1.5em;
	margin-right: 1.5em;
}

				
	.check {
	
	margin-left: -1.5em;

}
				

	#check2 {
	float: left;
	width: 70%;


}
	#check3 {
	float: left;
	width: 22%;


}

.list-group-item #down{
	clear: right;	
	}
	
	

.do{
	margin-top: 0.3em;}	
			
		
			
			#footer-a{
	background-color: #00717b;
	clear: both;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 2em;
	padding-right: 1%;
	padding-bottom: 1.6em;
	padding-left: 1%;
	color: #FFF;
	}
		#footer-a #right{
	float: right;
	margin-right: 0%;
	}	
			footer{
	clear: both;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
				}
.footer-top{
	padding-top: 2em;
	padding-right: 0em;
	padding-bottom: 0em;
	padding-left: 0em;
	}
	
	.footer-info h3{
	font-size: 1.2em;
	letter-spacing: 0em;
}
	.footer-links h4	{
	font-size: 1.1em;
	letter-spacing: 0em;
}
		
				#cols{
	float: left;
	width: 50%;
			}
			.new-img{
	width: 100%;
	border: 10px solid #FFF;
	  box-shadow: 3px 2px 15px 0px rgba(0, 0, 0, 0.1);
}
#titco{
	margin-left: 15px;
}
#tit{
	margin-top: 0px;
	margin-bottom: 30px;
	}
#tit-list{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DEDEDE;
	margin-top: 0.5em;
	margin-right: 0em;
	margin-bottom: 0.5em;
	margin-left: 0em;
	}	
#tit-list h4,
#tit-list h4 a{
	font-size: 1em;
	line-height: 1.7em;
		color: #333;
		text-decoration: none;
		overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
	}	
#tit-list h4 a:hover{
	color: #00717b;
	}	
#tit-list p{
	font-size: 0.8em;
	line-height: 1.7em;
	color: #666;
	}		
	#tit-more{
	text-align: right;
	clear: both;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 1em;
	padding-top: 1em;
	color: #00717b;
		}

	#history{
	clear: both;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
#history-left1{
	float: left;
	width: 10%;

	font-size: 1.3em;
	color: #FFF;
	text-align: center;
	
}#history-left2{
	float: left;
	width: 10%;
	writing-mode: vertical-rl;
	font-size: 1.2em;
	color: #FFF;
	text-align: center;
	
	padding-right: 28px;
	padding-bottom: 0.3em;
	padding-left: px;
	letter-spacing: 0.1em;
}
#history img{
	width: 100%;
	margin: 0px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#history-right1{
	float: left;
	width: 90%;
	background-color: #FFF;
}
#history-right2{
	float: left;
	width: 90%;
	background-color: #FFF;
	padding-top: 1em;
	padding-right: 10px;
	padding-bottom: 0em;
	padding-left: 20px;
	min-height: 120px;
	background-image: url(images/bg-h.jpg);
	background-repeat: repeat-y;
	background-position: 10px top;
}
#history-right3{
	float: left;
	width: 90%;
	background-color: #FFF;
	padding-right: 10px;
	padding-left: 10px;
	min-height: 42px;
	background-image: url(images/bg-h.jpg);
	background-repeat: repeat-y;
	background-position: 10px top;
}

.color1{background-color: #ee7300;}
.color2{background-color: #046d77;}
.color3{background-color: #3572a0;}
.color01{color: #ee7300;}
.color02{color: #046d77;}
.color03{color: #3572a0;}

.color1 ul li:before {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	background-color: #ee7300;
	border-radius: 50%;
	margin-right: 10px;
	margin-left: -20px;
	line-height: 20px;
}
.color2 ul li:before {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	background-color: #046d77;
	border-radius: 50%;
	margin-right: 10px;
	margin-left: -18px;
	line-height: 20px;
}
.color3 ul li:before {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	background-color:#3572a0;;
	border-radius: 50%;
	margin-right: 10px;
	margin-left: -18px;
	line-height: 20px;
}
#his-left{
	font-weight: 500;
	
	float: left;
	width: 13%;
	margin-right: 1em;
	margin-left: 10px;
	}
	#his-left i{
		margin-right: 0.5em;}
#his-right{
	float: left;
	width: 80%;
	margin-bottom: 1em;
	}	
	

	
}