@charset "utf-8";
/* CSS Document */
body {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	margin-left: 0px;
	font-family: Verdana, 'Microsoft JhengHei', '微軟正黑體', sans-serif, Arial;
}
img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	vertical-align: bottom;
}
.blue1{
    color: #0077C3;
}
.red1{
    color: #B8375B;
}
.clearboth{clear: both;}
.container {
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow: hidden;
}
.header{
	height: 80px;
	width: 100%;
	background-image: url(../images/h1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
.content2{
	padding: 0px;
	width: 100%;
	background-image: url(../images/kv1bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 843px;
	margin: 0px;
	overflow: hidden;
	}
.kv2{
	height: auto;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
    display: block;
}	
.kv2m{
    display: none;
}
.w1a{
	height: auto;
	width: 849px;
	position: absolute;
	z-index: 10;
	top: 35px;
	left: -28px;
	}
.an1{
	height: auto;
	width: 849px;
	display: block;
	position: relative;
	z-index: 10;
	}
.w1{
	height: auto;
	width: 849px;
	display: block;
	position: relative;
	z-index: 10;
	}
.w1b{
	height: auto;
	width: 849px;
	position: absolute;
	z-index: 9;
	top: 0px;
	left: 0px;
	}
.w1c{
	height: auto;
	width: 849px;
	position: absolute;
	z-index: 8;
	top: 0px;
	left: 0px;
	}
.w2{
	height: auto;
	width: 465px;
	position: absolute;
	z-index: 7;
	top: 478px;
	left: -50px;
	}
.w3{
	height: auto;
	width: 466px;
	position: absolute;
	z-index: 7;
	top: 255px;
	right:-90px;
	}

.content3{
	padding: 0px;
	width: 100%;
	background-image: url(../images/kv2bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 1361px;
	margin: 0px;
	overflow: hidden;
	}
.kv3{
	height: auto;
	width: 1056px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
    display: block;
}
.kv3m{
    display: none;
}
.wbtn{
	display: block;
	text-align: right;
	height: auto;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 45px;
	margin-bottom: 58px;
	padding: 0px;
}
.c1{
	height: auto;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
    display: block;
}
.c1b{
	height: 42px;
	width: 1056px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
    display: block;
    background-image: url(../images/content_02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.c6_list{
	height: auto;
	width: 100%;
	text-align: center;
	display: block;
	position: relative;	
    z-index: 10;
    margin-top: 0px;
    margin-bottom: 0px;
	}
.c6_list_ul {
    width: 1000px;
	padding: 0px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.c6_list_li {
	display: inline-block;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	list-style-type: none;
}
.c6_list_li img{
	margin-right: 0px;
	margin-left: 0px;
}		
.footer {
	padding: 1.75rem 1.25rem;
	background-color: #005193;
	color: #fff;
	text-align: center;
	font-size: .875rem;
	letter-spacing: .05em
}
@media (min-width:1024px) {
	.footer {
		padding-top: 2.8125rem;
		padding-bottom: 2.8125rem;
		font-size: 1rem
	}

}
p {
	margin: 0
}

.d-lg-inline-block {
		display: inline-block !important
	}
.footer-info span {
	display: block
}
.footer-info span a{
	color: #ffffff;
	text-decoration: underline
}
.m-show {
	display: none;
}
#m1con{
	height: auto;
	width: 100%;
	background-color: #efebe5;
	padding-top: 10px;
	padding-bottom: 10px;
	display: none;
}
#m1{
	font-size: 16px;
	color: #333;
	height: auto;
	width: 960px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
	padding-bottom: 15px;
	line-height: 20px;
	padding-right: 20px;
	padding-left: 20px;
	font-weight: normal;
	text-align: justify;
text-justify: distribute;

}
#m1t {
	font-size: 22px;
	color: #FFFFFF;
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	line-height: 40px;
	font-weight: bold;
	display: block;
	background-image: url(../images/m1bg.jpg);
	background-repeat: repeat-y;
	background-position: center top;
	cursor: pointer;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#m1 ol{
	margin: 0px;
	height: auto;
	width: 97%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 23px;
}
#m1 ol li{
	margin: 0px;
	padding: 0px;
}
@media (min-width:1024px) {
	.footer-info span {
		display: inline-block
	}

}
@media only screen and (min-width:980px) and (max-width:1024px){
 .kv2{
	height: auto;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
    display: block;
}	
.kv2m{
    display: none;
}
.w1a img,.w2 img,.w3 img{
	height: auto;
	width: 100%;
	}    
.w1a{
	height: auto;
	width: 800px;
	position: absolute;
	z-index: 10;
	top: 35px;
	left: -28px;
	}
.an1{
	height: auto;
	width: 849px;
	display: block;
	position: relative;
	z-index: 10;
	}
.w1{
	height: auto;
	width: 849px;
	display: block;
	position: relative;
	z-index: 10;
	}
.w1b{
	height: auto;
	width: 849px;
	position: absolute;
	z-index: 9;
	top: 0px;
	left: 0px;
	}
.w1c{
	height: auto;
	width: 849px;
	position: absolute;
	z-index: 8;
	top: 0px;
	left: 0px;
	}
.w2{
	height: auto;
	width: 440px;
	position: absolute;
	z-index: 7;
	top: 478px;
	left: -50px;
	}
.w3{
	height: auto;
	width: 380px;
	position: absolute;
	z-index: 7;
	top: 350px;
	right:-90px;
	} 
.kv3{
	height: auto;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
    display: block;
}
.kv3m{
    display: none;
}
.wbtn{
	display: block;
	text-align: right;
	height: auto;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 45px;
	margin-bottom: 58px;
	padding: 0px;
}
.c1{
	height: auto;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
    display: block;
}
.c1b{
	height: 42px;
	width: 990px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
    display: block;
    background-image: url(../images/content_02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
    background-size: 100% 42px;
}
.c6_list{
	height: auto;
	width: 100%;
	text-align: center;
	display: block;
	position: relative;	
    z-index: 10;
    margin-top: 0px;
    margin-bottom: 0px;
	}
.c6_list_ul {
    width: 1000px;
	padding: 0px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.c6_list_li {
	display: inline-block;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	list-style-type: none;
}
.c6_list_li img{
	margin-right: 0px;
	margin-left: 0px;
}    
    
}
@media only screen and (min-width:768px) and (max-width:979px){
.d-none {
	display: none !important;
}
.m-show {
	display: block;
}
.container {
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow: hidden;
}
.header{
	height: 59px;
	width: 100%;
	background-image: url(../images/h1m.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
.content2{
	padding: 0px;
	width: 100%;
	background-image: url(../images/kv1bgm.jpg);
	background-repeat: no-repeat;
	background-position: center top;
    background-size: 100% auto;
    background-color: #FFFFFF;
	height: auto;
	margin: 0px;
	overflow: hidden;
    
	}
.kv2m{
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
    display: block;
}    
.kv2{
	display: none;
}    	
.w1am img,.w2m img,.w3m img{
	height: auto;
	width: 100%;
	}
.w1am{
	height: auto;
	width: 92%;
	position: relative;
	padding-top: 0%;
	padding-bottom: 0%;
	margin-right: auto;
	margin-left: auto;
	display: block;
	z-index: 10;
	margin-top: 10%;
	margin-bottom: 70%;
	}
.an1m{
	height: auto;
	width: 100%;
	display: block;
	position: relative;
	z-index: 10;
	}    
.w1m{
	height: auto;
	width: 100%;
	display: block;
	position: relative;
	z-index: 10;
	}
.w1bm{
	height: auto;
	width: 100%;
	position: absolute;
	z-index: 9;
	top: 0px;
	left: 0px;
	} 
.w1cm{
	height: auto;
	width: 100%;
	position: absolute;
	z-index: 8;
	top: 0px;
	left: 0px;
	}
.w2m{
	height: auto;
	width: 54%;
	position: absolute;
	z-index: 9;
	top: 128%;
	left: 0px;
	}
.w3m{
	height: auto;
	width: 54%;
	position: absolute;
	z-index: 11;
	top: 100%;
	right: -5%;
	}     
.content3{
	width: 100%;
	height: auto;
	margin: 0px;
    padding-top: 0px;
    padding-bottom: 0%;
	overflow: hidden;
	}
.kv3m{
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
    display: block;
}
.kv3{
    display: none;
}
.wbtn img{
	height: auto;
	width: 40%;
}     
.wbtn{
	display: block;
	text-align: right;
	height: auto;
	width: 84%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 0px;
}    
.c1 img{
    height: auto;
	width: 100%;
}     
.c1{
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
    display: block;
}
.c6_list{
	height: auto;
	width: 100%;
	text-align: center;
	display: block;
	position: relative;	
    z-index: 10;
    margin-top: 10px;
    margin-bottom: 10px;
	}
.c6_list_ul {
    height: auto;
	width: 100%;
	padding: 0px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.c6_list_li {
	display: block;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	list-style-type: none;
}
.c6_list_li img{
    width: 86%;
    height: auto;
	margin-right: 0px;
	margin-left: 0px;
    padding-bottom: 10px;
}	        

#m1con{
	height: auto;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	display: none;
}
#m1{
	font-size: 16px;
	color: #333;
	height: auto;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
	padding-bottom: 15px;
	line-height: 20px;
	padding-right: 0px;
	padding-left: 0px;
	font-weight: normal;
	text-align: justify;
text-justify: distribute;

}
#m1t {
	font-size: 20px;
	color: #FFFFFF;
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	line-height: 40px;
	font-weight: bold;
	display: block;
	cursor: pointer;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#m1 ol{
	margin: 0px;
	height: auto;
	width: 95%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5%;
}
#m1 ol li{
	margin: 0px;
	padding: 0px;
}  
    
    
}
@media only screen and (min-width:480px) and (max-width:767px){	
.d-none {
	display: none !important;
}
.m-show {
	display: block;
}
.container {
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow: hidden;
}
.header{
	height: 59px;
	width: 100%;
	background-image: url(../images/h1m.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
.content2{
	padding: 0px;
	width: 100%;
	background-image: url(../images/kv1bgm.jpg);
	background-repeat: no-repeat;
	background-position: center top;
    background-size: 100% auto;
    background-color: #FFFFFF;
	height: auto;
	margin: 0px;
	overflow: hidden;
    
	}
.kv2m{
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
    display: block;
}    
.kv2{
	display: none;
}    	
.w1am img,.w2m img,.w3m img{
	height: auto;
	width: 100%;
	}
.w1am{
	height: auto;
	width: 92%;
	position: relative;
	padding-top: 0%;
	padding-bottom: 0%;
	margin-right: auto;
	margin-left: auto;
	display: block;
	z-index: 10;
	margin-top: 10%;
	margin-bottom: 70%;
	}
.an1m{
	height: auto;
	width: 100%;
	display: block;
	position: relative;
	z-index: 10;
	}    
.w1m{
	height: auto;
	width: 100%;
	display: block;
	position: relative;
	z-index: 10;
	}
.w1bm{
	height: auto;
	width: 100%;
	position: absolute;
	z-index: 9;
	top: 0px;
	left: 0px;
	} 
.w1cm{
	height: auto;
	width: 100%;
	position: absolute;
	z-index: 8;
	top: 0px;
	left: 0px;
	}
.w2m{
	height: auto;
	width: 54%;
	position: absolute;
	z-index: 9;
	top: 128%;
	left: 0px;
	}
.w3m{
	height: auto;
	width: 54%;
	position: absolute;
	z-index: 11;
	top: 100%;
	right: -5%;
	}     
.content3{
	width: 100%;
	height: auto;
	margin: 0px;
    padding-top: 0px;
    padding-bottom: 0%;
	overflow: hidden;
	}
.kv3m{
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
    display: block;
}
.kv3{
    display: none;
}
.wbtn img{
	height: auto;
	width: 40%;
}     
.wbtn{
	display: block;
	text-align: right;
	height: auto;
	width: 84%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 0px;
}    
.c1 img{
    height: auto;
	width: 100%;
}     
.c1{
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
    display: block;
}
.c6_list{
	height: auto;
	width: 100%;
	text-align: center;
	display: block;
	position: relative;	
    z-index: 10;
    margin-top: 10px;
    margin-bottom: 10px;
	}
.c6_list_ul {
    height: auto;
	width: 100%;
	padding: 0px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.c6_list_li {
	display: block;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	list-style-type: none;
}
.c6_list_li img{
    width: 86%;
    height: auto;
	margin-right: 0px;
	margin-left: 0px;
    padding-bottom: 10px;
}	        
#m1con{
	height: auto;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	display: none;
}
#m1{
	font-size: 16px;
	color: #333;
	height: auto;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
	padding-bottom: 15px;
	line-height: 20px;
	padding-right: 0px;
	padding-left: 0px;
	font-weight: normal;
	text-align: justify;
text-justify: distribute;

}
#m1t {
	font-size: 20px;
	color: #FFFFFF;
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	line-height: 40px;
	font-weight: bold;
	display: block;
	cursor: pointer;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#m1 ol{
	margin: 0px;
	height: auto;
	width: 95%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5%;
}
#m1 ol li{
	margin: 0px;
	padding: 0px;
}  

}	
@media only screen and (max-width:479px){
.d-none {
	display: none !important;
}
.m-show {
	display: block;
}
.container {
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow: hidden;
}
.header{
	height: 59px;
	width: 100%;
	background-image: url(../images/h1m.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}
.content2{
	padding: 0px;
	width: 100%;
	background-image: url(../images/kv1bgm.jpg);
	background-repeat: no-repeat;
	background-position: center top;
    background-size: 100% auto;
    background-color: #FFFFFF;
	height: auto;
	margin: 0px;
	overflow: hidden;
    
	}
.kv2m{
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
    display: block;
}    
.kv2{
	display: none;
}    	
.w1am img,.w2m img,.w3m img{
	height: auto;
	width: 100%;
	}
.w1am{
	height: auto;
	width: 92%;
	position: relative;
	padding-top: 0%;
	padding-bottom: 0%;
	margin-right: auto;
	margin-left: auto;
	display: block;
	z-index: 10;
	margin-top: 10%;
	margin-bottom: 70%;
	}
.an1m{
	height: auto;
	width: 100%;
	display: block;
	position: relative;
	z-index: 10;
	}    
.w1m{
	height: auto;
	width: 100%;
	display: block;
	position: relative;
	z-index: 10;
	}
.w1bm{
	height: auto;
	width: 100%;
	position: absolute;
	z-index: 9;
	top: 0px;
	left: 0px;
	} 
.w1cm{
	height: auto;
	width: 100%;
	position: absolute;
	z-index: 8;
	top: 0px;
	left: 0px;
	}
.w2m{
	height: auto;
	width: 54%;
	position: absolute;
	z-index: 9;
	top: 128%;
	left: 0px;
	}
.w3m{
	height: auto;
	width: 54%;
	position: absolute;
	z-index: 11;
	top: 100%;
	right: -5%;
	}     
.content3{
	width: 100%;
	height: auto;
	margin: 0px;
    padding-top: 0px;
    padding-bottom: 0%;
	overflow: hidden;
	}
.kv3m{
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
    display: block;
}
.kv3{
    display: none;
}
.wbtn img{
	height: auto;
	width: 40%;
}     
.wbtn{
	display: block;
	text-align: right;
	height: auto;
	width: 84%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 0px;
}    
.c1 img{
    height: auto;
	width: 100%;
}     
.c1{
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	position: relative;
    display: block;
}
.c6_list{
	height: auto;
	width: 100%;
	text-align: center;
	display: block;
	position: relative;	
    z-index: 10;
    margin-top: 10px;
    margin-bottom: 10px;
	}
.c6_list_ul {
    height: auto;
	width: 100%;
	padding: 0px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.c6_list_li {
	display: block;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	list-style-type: none;
}
.c6_list_li img{
    width: 86%;
    height: auto;
	margin-right: 0px;
	margin-left: 0px;
    padding-bottom: 10px;
}	        
#m1con{
	height: auto;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	display: none;
}
#m1{
	font-size: 16px;
	color: #333;
	height: auto;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
	padding-bottom: 15px;
	line-height: 20px;
	padding-right: 0px;
	padding-left: 0px;
	font-weight: normal;
	text-align: justify;
text-justify: distribute;

}
#m1t {
	font-size: 20px;
	color: #FFFFFF;
	height: auto;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	line-height: 40px;
	font-weight: bold;
	display: block;
	cursor: pointer;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: center;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#m1 ol{
	margin: 0px;
	height: auto;
	width: 95%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 5%;
}
#m1 ol li{
	margin: 0px;
	padding: 0px;
}  

    
}