@charset "utf-8";
@font-face {
  font-family: "蘋果儷中黑", "微軟正黑體", sans-serif;
  font-style: normal;
}



.zero-size-text {
    font-size: 0;
}


.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%;}

.black_overlay2{ 
	
            display: none; 
            position: absolute; 
            top: 0%; 
            left: 0%; 
            width: 100%; 
            height: 150%; 
            background-color: black; 
            z-index:9999998; 
            -moz-opacity: 0.8; 
            opacity:.70; 
            filter: alpha(opacity=70); 
        } 
.white_content2{ 
            display: none; 
            position: absolute; 
            top: 35%; 
            left: 45%; 
            width: 138px; 
            height: 138px; 
            z-index:9999999; 
            overflow: auto;
			background:none;
        } 

/* ==============================
   Page loader
   ============================== */
.page-loader{
 	display:block;
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #fefefe;
	z-index: 100000;	
}

.loader{
  width: 50px;
  height: 50px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -25px 0 0 -25px;
  font-size: 10px;
  text-indent: -12345px;
  border-top: 1px solid rgba(0,0,0, 0.08);
  border-right: 1px solid rgba(0,0,0, 0.08);
  border-bottom: 1px solid rgba(0,0,0, 0.08);
  border-left: 1px solid rgba(0,0,0, 0.5);
  
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  
   -webkit-animation: spinner 700ms infinite linear;
   -moz-animation: spinner 700ms infinite linear;
   -ms-animation: spinner 700ms infinite linear;
   -o-animation: spinner 700ms infinite linear;
   animation: spinner 700ms infinite linear;
  
  z-index: 1;
}

.loader2{
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -10px 0 0 -13px;
  font-size: 10px;
  z-index: 10000099;
}

@-webkit-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-moz-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@-o-keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@keyframes spinner {
  0% {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  100% {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* ==============================
   Page loader
   ============================== */


a{text-decoration: none;}
.close-cookie-BTN{
	width:180px;display:block;text-align: center; background: #5a7ea1; color: #ffffff;line-height: 45px;text-decoration: none; border-radius: 10px;
}
.close-cookie-BTN:hover{text-decoration: none;background: #184d81; }
body {	
	-webkit-text-size-adjust:none; 
	margin: 0;
	padding: 0;
	background: #ffffff;
}
samp {font-family: "Noto Sans TC", "Arial","黑體-繁","微軟正黑體", sans-serif;}

html {
	 scroll-behavior: smooth;
	 font-family: "Noto Sans TC","Arial","黑體-繁","微軟正黑體", sans-serif;
    background: #ffffff;
	-webkit-text-size-adjust: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
	font-weight: normal;
}
img {	
	width: 100%;
	float: left;
	height: auto;
	border-style: none;
	margin: 0;
	padding: 0;
	-webkit-box-sizing:border-box;
	box-sizing: border-box;
	
}

ul, li {
  padding: 0;
  margin: 0;
  list-style: none;
}
.wrapper{
	width: 100%;
	float: left;
	margin: 0;
	padding: 0;
}
article{
		width: 100%;
		float: left;
	}
 .ilogo {
	
        position: relative;
        float: left;
        margin: 0px 0 10px 5px;
        overflow: hidden;
    }
    .ititle {
        /* font-size: 50px; */
	}
    .ilogo:before {
        content: "";
        position: absolute;
        width: 1000px;
        height: 30px; /**白光的宽度，可根据实际调整**/
        background-image: linear-gradient(to bottom,transparent,rgba(255,255,255,.5),transparent);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-animation: searchLights 3s ease-in 1s infinite;
        -o-animation: searchLights 3s ease-in 1s infinite;
        animation: searchLights 3s ease-in 1s infinite; /**第一个数字参数控制扫光速度，数字越大越慢**/
    }

    @keyframes searchLights {
        0% {
            left: -200px;
            top: -300px;
        }
        100% {
            left: -160px;
            top: 800px;
        }
    }


@media screen and (min-width: 1350px)  {/*針對超大桌機*/
	.top{
		width: 100%;
		float:left;
		height: 60px;
		background:#005ab0 url("images/index/top_bg2.jpg") repeat-x center center;
	}
	.top2{
		width: 98%;
		float: left;
		margin: 0 0% 0 2%;
	}
	.txt1{
		width: 25%;
		float: left;
		line-height: 60px;		
		height: 60px;
		text-align: left;
		color: #ffffff;
		font-size: 16px;
        letter-spacing:1px;
		vertical-align:middle;
	}
	.txt1 img{
		vertical-align: middle;
		margin: 14px 5px 0 0;
		text-indent: 40px;
		width: 31px;
		height: 31px;
	}
	 .txt1-2{
		width: 25%;
		float: left;
		line-height: 60px;		
		height: 60px;
		text-align: left;
		color: #ffffff;
		font-size: 16px;
        letter-spacing: 1px;
		vertical-align:middle;
	}
	.txt1-2 img{
		vertical-align: middle;
		margin: 14px 5px 0 0;
		text-indent: 40px;
		width: 31px;
		height: 31px;
	}   
	.txt2{	
		padding: 0px 0 0 0%;
		background: url("images/index/bg_t.png") no-repeat left center;
		width: 50%;
		height: 60px;
		line-height: 60px;
		float: right;
		text-align: left;
		color: #FFFFFF;
		
	}
	.txt2 samp{
		letter-spacing: 0px;
		margin: 0px 1% 0 5%;
		font-size: 18px;
		letter-spacing: 1px;
		line-height: 60px;
		width: 94%;
		float: right;
	}
	.button{
		text-align: left;
		width: 96%;
		float: left;
		margin: 0 2% 0 2%;
		height: 140px;
	}
	.logo{
		width:18%;
		height: 85px;
		float: left;
		margin: 36px 0 27px 0;
	}
	.logo img{
		width: 100%;
		float: left;
		height: auto;
	}
	.button2{
		margin: 60px 0 0 0;
		width: 55%;
		float: right;
		text-align: right;
	}
	.banner{
		width: 100%;
		float: left;
	}
	
	.nav1{
	background: #f9f9f9;
	width: 100%;
	float: left;
    }
   .tit1{
	width:280px ;
	margin:25px auto 25px auto;
	border-bottom: solid 2px #3f77ad;
	height: 60px;
	line-height: 60px;
	text-align: center;
	color: #4c5768;
	font-size: 30px;
	
   }
  .tit1 samp{
	color: #4c5785; 
	font-size: 24px;
	}
.nav1-2{
		width: 42%;
		float: left;
	    margin: 0 4% 25px 4%;
	}
	.txt3{
		width: 100%;
		float: left;
		height: 60px;
		line-height: 60px;
		background: #949799;
	}
	.txt3 samp{
		font-size:22px;
		color: #ffffff;
		width: 96%;
		float: left;
		margin: 0 2% 0 2%;
		line-height: 60px;
		overflow: hidden;
		white-space: nowrap;
        text-overflow: ellipsis;
	}
	.txt4{
		width: 96%;
		float: left;
		color: #818080;
		font-size: 20px;
		line-height: 26px;
		margin: 15px 2% 15px 2%;
		height: 100px;
		overflow: hidden;
	}
	.myButton {
		margin: 0 0 0 2%;
		float: left;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	background-color:#ffffff;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
		width: 80px;
		height: 30px;
		line-height: 30px;
		text-align: center;
}
.myButton:hover {
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	background-color:#f6f6f6;
}
.myButton:active {
	position:relative;
	top:1px;
}
	.nav2{
	width: 100%;
	float: left;
    }
	.tit5{
		width:34%;
		float: left;
		margin: 0 33% 40px 33%;
	}
	.tit5-2{
		width:34%;
		float: left;
		margin: 0px 33% 0px 33%;
	}
	.txtbox{width: 80%; height: 50px; border: solid 1px #959595;  font-size: 18px; text-indent: 10px;float: left; }
	.shiny-button {
		float: left;
		height: 55px;
		line-height: 55px;
		width: 15%;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  color: #FFFFFF;
  font-size: 24px;
  background-color: #7b7b7b;
  background-image: -webkit-linear-gradient(top, #7e7e7e 0%, #8f8f8f 48%, #7b7b7b 49%, #7b7b7b 82%, #898989 100%);
  background-image: -moz-linear-gradient(top, #7e7e7e 0%, #8f8f8f 48%, #7b7b7b 49%, #7b7b7b 82%, #898989 100%);
  background-image: -o-linear-gradient(top, #7e7e7e 0%, #8f8f8f 48%, #7b7b7b 49%, #7b7b7b 82%, #898989 100%);
  background-image: linear-gradient(top, #7e7e7e 0%, #8f8f8f 48%, #7b7b7b 49%, #7b7b7b 82%, #898989 100%);
letter-spacing: 1px;
 
}

.shiny-button:hover {
  color: #FFFFFF;
  background-color: #838383;
  background-image: -webkit-linear-gradient(top, #868686 0%, #979797 48%, #838383 49%, #838383 82%, #919191 100%);
  background-image: -moz-linear-gradient(top, #868686 0%, #979797 48%, #838383 49%, #838383 82%, #919191 100%);
  background-image: -o-linear-gradient(top, #868686 0%, #979797 48%, #838383 49%, #838383 82%, #919191 100%);
  background-image: linear-gradient(top, #868686 0%, #979797 48%, #838383 49%, #838383 82%, #919191 100%);
  
}
.nav2-2{
	width: 97%;
	margin: 0px 2% 20px 3%;
	float: left;
    }
	.nav2-3{
		width: 20%;
		float:left;
		
		margin: 0 4% 30px 1% ;
	}
	.nav2-2m{
	width: 98%;
   margin: 0px auto 20px auto;
   column-count: 4;
   /*欄數*/
   column-gap: 10px;
   /*每欄間隔*/
    }
	
	.nav2-3m{
		float: left;		
        box-sizing: border-box;
        margin: 0 auto 20px auto;
        break-inside: avoid;
		
	}
	.tit6{
		float: left;
		width: 100%;
		background: #3f77ad;
	}
	.tit6 samp{
		font-size: 25px;
		color: #ffffff;
		height: 60px;
		line-height: 60px;
		text-align: center;
		width: 96%;
		float: left;
		border: solid 1px #ffffff;
		margin: 1.8%;
		letter-spacing: 1px;
		
	}
	.tit6 samp a{
		display: block;
		color: #ffffff;
		text-decoration: none;
	}
	.tit6 samp a:hover{
		color: #bcd5ed;
	}
	.txt5{
		margin: 0;
		padding: 0;
		list-style: none;
		width: 98%;
		margin: 8px 0 0 2%;
		float: left;
	}
	.txt6{
		width: 100%;
		float: left;
		background: url("images/index/icon3.png") no-repeat left center;
		text-indent: 34px;
		text-align: left;
		margin: 0px 0 5px 0;
		padding: 0px 0 5px 0;
	}
	.txt6 a{
		text-decoration: none;
		color: #464646;
		font-size: 18px;
	}
	.txt6 :hover{
		color: #f71cb1;
		
	}
	.nav2-4{
		width: 4%;
		margin: 30px 48% 10px 48%;
		text-align: center;
		float: left;
		
		
	}
	.nav2-4 img{
		text-align: center;
		width:55px;
		height: 14px;
	}
	.nav2-5{
		text-align: center;
	width: 60%;
	margin: 1% 20% 10px 20%;
	float: left;
    }
	.nav2-5 img{
		margin: 0 0 20px 0;
	}
	.nav3{
		width: 100%;
		float: left;
		background:#184d81 url("images/index/bg1.png") right center;
	}
	.nav3-2{		
		width:54% ;
		float: left;
		margin: 60px 2% 60px 0;
	}
	.nav3-3{
		width: 42%;
		float: left;
	}
	.nav3-3 h1{
		text-align:justify;
		width: 100%;
		float: left;
		padding: 0;
		color: #efeff1;
		font-size: 50px;		
		margin:10% 0 20px 0 ;
		letter-spacing: 1px;
	}
	.nav3-3 p{
		text-align:justify;
		letter-spacing: 1px;
		color: #efeff1;
		font-size: 24px;
		line-height: 40px;
		text-align: left;
		width: 100%;
		float: left;
		margin: 0;
		padding: 0;
	}
	.nav3-3 samp{
		font-size: 28px;
	}
	.nav3-4{
		width: 25%;
		float: left;
		margin: 40px 0 0 0;
		text-align: center;
		
        left: 50%;
	}
	.nav3-4 img{
		text-align: center;
		width: 142px;
	}
	.nav4{
		width: 100%;
		float: left;
	}
	.nav4-2{
		width: 95%;
		float: inherit;
		margin: 30px 0% 30px 3%;
	}
	.nav4-3{
		width: 22%;
		padding: 5px;
		float: left;
		margin: 0px 1% 30px 1%;
		border: solid 1px #33a1bc;
	}
	
	.bottom{
		width: 100%;
		float: left;
		background: #0269cc;
		padding: 20px 0 0px 0;
	}
	.bottom2{
		width: 94%;
	float: inherit;
	margin: 0 2% 0 2%;
}
	
	.logo2{
		width:18%;
		float: left;
		margin: 20px 0 0px 0;
	}
	.logo2 img{
		width: 100%;
		float: left;
		height: auto;
	}
	.nav5{
		width:22%;
		margin: 0 0 0 3%;
		float: left;
	}
	.nav5 p{
		margin: 0;
		padding: 0;
		width: 100%;
		float: left;
		color: #cccccc;
		font-size: 18px;
		text-align: left;
	}
	.nav5 samp{
		margin: 0 0 10px 0;
		line-height: 36px;
		text-align: left;
		width: 100%;
		float:left;
		color: #ffffff;
		font-size: 20px;
	}
	.nav5-2{
		width:37%;
		margin: 0 0 0 0%;
		float: left;
	}
	.nav5-2 p{
		margin: 0 0 8px 0;
		padding: 0;
		width: 100%;
		float: left;
		color: #cccccc;
		font-size: 18px;
		text-align: left;
	}
	.nav5-2 samp{
		margin: 0 0 10px 0;
		text-align: left;
		width: 100%;
		float:left;
		color: #ffffff;
		font-size: 20px;
	}
	.nav5-3{
		width:20%;
		margin: 0 0 0 0%;
		float: right;
	}
	.nav5-3 p{
		margin: 0 0 8px 0;
		padding: 0;
		width: 100%;
		float: left;
		color: #cccccc;
		font-size: 18px;
		text-align: left;
	}
	.nav5-3 samp{
		background: url("images/index/icon8.png") no-repeat left center;
		margin: 0 0 5px 0;
		text-align: left;
		width: 100%;
		float:left;
		color: #ffffff;
		text-indent: 20px;
		font-size: 20px;
	}
	.linebtn{
		width: 75px;		
		position: fixed;
		right:25px;
		bottom: 150px;
		z-index: 999999999;
	}
	.leftbtn{
		z-index: 999999999;
		width: 90px;		
		position: fixed;
		left:15px;
		bottom: 70px;
	}
	.topbtn{		
		width: 75px;
		height: 75px;
		position: fixed;
		right:25px;
		bottom: 60px;
		z-index: 999999999;
	}
	.tit2{
		letter-spacing: 1px;
		width: 94%;
	margin: 0px 3% 0px 3%;
	float: left;
		height: 60px;
		line-height: 60px;
		color: #000000;
		font-size: 20px;
		text-align: right;
	}
	.tit2 a{
		color: #000000;
		text-decoration: none;
		
	}
	.tit2 a:hover{
		color: #517598;
	}
	.nav6{
		width: 100%;
		float: left;
		background:#184d81 url("images/about/bg-1.jpg") no-repeat right center;
	}
	.nav6-2{
		text-align: center;
		width: 100%;
		padding: 10px 0 10px 0;
		float: left;
		background: url("images/about/bg-2.jpg")  repeat center center;
		margin: 45px 0 45px 0;
	}
	.nav6-2 p{
		color: #191919;
		width: 90%;
		float: left;
		font-size: 26px;
		margin: 0 5% 0 5%;
		line-height: 36px;
	}
	.nav6-2 h1{
		color: #ff0226;
		padding: 0;
		width: 90%;
		float: left;
		font-size: 26px;
		margin: 0 5% 0 5%;
		line-height: 36px;}
	.nav6-2 samp{
		color: #e2611b;
		font-size: 26px;
		font-weight: normal;
		}
	.nav6-3{
		width: 95%;
		float: left;
		margin: 0px 5% 40px 0;
	}
	.nav6-4{
		height: auto;
		width: 45%;
		float: left;
		margin: 0 5% 0 0;
	}
	.nav6-4 img{
		width: 100%;
		float: left;
		height:auto;}
	.nav6-5{
		width: 48%;
		float: left;
		margin: 20px 0 0px 0;
	}
	.txt7{
		width: 180px;
		float: left;
		color: #ffffff;
		font-size: 26px;
		text-align: left;
		line-height: 44px;
		letter-spacing: 2px;
		background: url("images/about/tit1.png") no-repeat right bottom;
	}
	.txt7-2{
		width: 230px;
		float: left;
		color: #ffffff;
		font-size: 26px;
		text-align: left;
		line-height: 44px;
		letter-spacing: 2px;
		background: url("images/about/tit1.png") no-repeat right bottom;
	}
	.txt8{
		width: 100%;
		margin: 24px 0 30px 0;
		float: left;
		color: #ffffff;
		font-size: 18px;
		text-align: left;
		line-height: 30px;
	}
	.nav7{
		width: 100%;
		float: left;
		height: 380px;
	}
	.nav8{
		width: 94%;
		float: left;
		margin: 0 3% 0 3%;
	}
	.nav8-2{
		width: 100%;
		float: left;
		margin: 0 0 35px 0;
	}
	.txt9{
		background: #949799;
		width: 100%;
		float: left;
		height: 65px;
		line-height: 65px;
	}
	.txt9 samp{
		color: #ffffff;
		font-size: 20px;
		width: 96%;
		float: left;
		margin: 0 2% 0 2%;
		line-height: 65px;
		overflow: hidden;
		white-space: nowrap;
        text-overflow: ellipsis;
		font-weight: bold;
	}
	.txt9-2{
		background: #949799;
		width: 100%;
		float: left;
	}
	.txt9-2 samp{
		color: #ffffff;
		font-size: 20px;
		line-height: 26px;
		width: 96%;
		float: left;
		margin: 0 2% 0 2%;
		padding:10px 0 10px 0;
	
	}
	.txt10{
		width: 100%;
		float: left;
		border-bottom: dashed 1px #cdcdcd;
		line-height: 44px;
		text-align: right;
		color: #818080;
		font-size: 22px;
	}
	.nav8-3{
		width: 100%;
		float: left;
		margin: 20px 0 0px 0;
	}
	.txt11{
		width:15%;
		float: left;
		border: solid 1px #d2d2d2;
		margin: 0 0 0 1%;
	}
	.txt12{
		width: 82%;
		margin: 5px 0 0 1.8%;
		float: left;
		
		font-size: 20px;
		line-height: 34px;
		color: #818080;	
		
	}
	.txt12 a{
		height: 166px;
		overflow: hidden;
		color: #818080;		
		text-decoration: none;
		font-size: 20px;
		line-height: 34px;
		text-align: left;
		display: block;
		
	}
	.txt12 :hover{
		color: #042b51;
		display: block;
	}
	.nav8-4{
		width: 100%;
		float: left;
		text-align: center;
		margin: 0px 0 40px 0;
	}
	.txt13{
		margin: 0 5px 0 5px;
	}
	.txt13 a{
		margin: 0 5px 0 5px;
		color: #ffffff;
		font-size: 18px;
		text-align: center;
		padding:8px 12px  8px 12px;
		text-decoration: none;
		
		background: #4e7195;
		color: #ffffff;
	}
	.txt13 a:hover{
		color: #ffffff;
		background: #184d81;
		
		
	}
	.txt14{
		width: 100%;
		margin: 5px 0 0 0%;
		float: left;		
		font-size: 20px;
		line-height: 34px;
		color: #818080;	
		
	}
	.txt14 img{
		width: auto;
    height: auto;
	}
	.nav9{
		width: 94%;
		float: left;
		margin: 0 3% 0 3%;
	}
	.nav9-2{
		border-bottom: dashed 1px #cacaca;
		width: 100%;
		float: left;
		margin: 0 0% 30px 0%;
		padding: 0 0 15px 0;
	}
	.txt15{
		padding: 10px;
		color: #ffffff;
		font-size: 20px;
		text-align: left;
		float: left;
		background: #5a5a5a;
		margin: 0 0 0px 0;
	}
	.txt16{
		width: 99%;
		float: left;
		margin: 0 0 0 0.5%;
		line-height: 40px;
		color: #818080;
		font-size: 18px;
		text-align: left;
	}
	.txt17{
		width: 99%;
		float: left;
		color: #818080;
		margin: 0 0 0 0.5%;
		font-size: 20px;
		line-height: 30px;
		text-align: left;
	}
	.txt18{
		width: 49%;
		float: left;
		color: #818080;
		margin: 0 0 0 0%;
		font-size: 20px;
		line-height: 30px;
		text-align: left;
	}
	.txt18 samp{
		font-size: 22px;
		color: #ea862e;
	}
	.nav10{
		background: url("images/contact/bg.png") repeat-x bottom center;
		width: 100%;
		float: left;
		margin: 0 0% 0 0%;
	}
	.nav10-2{
		width: 40%;
		float: left;
		border: solid 1px #cccccc;
		margin: 60px 2% 50px 3%;
		height: 580px;
	}
	.nav10-3{
		width: 51%;
		float: left;
		margin: 60px 0 0 3%;
	}
	.txt19{
		width: 100%;
		float: left;
		margin: 20px 0 25px 0;
	}
	.txt19 img{
		width: 439px;
	}
	.txt20{
		width: 40%;
		float: left;
		margin: 0 0 25px 0;
	}
	.txt20 samp{
		float: left;
		color: #646464;
		font-size: 24px;
		text-align: left;
		
	}
	.img1{
		vertical-align: middle;
		float: left;
		width: 28px;
		margin: 0 0 0 5px;
		
	}
	.txt21{
		width: 80%;
		float: left;
		margin: 0 0 25px 0;
		color: #646464;
		font-size: 24px;
		text-align: left;
	}
	.txt22{
		width: 90%;
		float: left;
		
	}
	.txt23{
		width: 24%;
		margin: 0 1% 10px 0;
		float: left;
	}
	.nav11{
		width: 94%;
		float: left;
		margin: 35px 3% 0 3%;
	}
	.nav11-2{
		width: 100%;
		float: left;
		margin: 0 0% 1px 0%;
	}
	.txt24{
		letter-spacing: 1px;
		font-size: 24px;
		text-align: center;
		width: 12.5%;
		height: 90px;
		line-height: 90px;
		float: left;
		background: #eeeeee;
		border-bottom: solid 1px #ffffff;
	}
	
	.txt24-1{
		letter-spacing: 1px;
		font-size: 24px;
		text-align: center;
		width: 12.5%;
		height: 45px;
		line-height: 45px;
		float: left;
		background: #eeeeee;
		border-bottom: solid 1px #ffffff;
	}
	.txt25{
		width: 87.5%;
		float: left;
		border-bottom: dashed 1px #e1e1e1;
	}
	.txt26{
		text-align: left;		
		margin: 0 0 0 2%;
		width:18%; 
		float: left; 
		height: 45px;
		font-size: 22px;
		line-height: 45px;
	}
	.txt26 a{		
		color: #000000;
		font-size: 22px;
		text-decoration: none;
	}
	.txt26 a:hover{ color: #ff4c76;}
	.txt26-2{
			text-align: left;		
		margin: 0 0 0 2%;
		width:18%; 
		float: left; 
		height: 45px;
		font-size: 22px;
		line-height: 45px;
	}
	.txt26-2 a{		
		color: #ff4c76;
		
		font-size: 22px;
		text-decoration: none;
	}
	.txt26-2 a:hover{ color: #ff4c76;}
	.txt27{
		letter-spacing: 1px;
		font-size: 24px;
		text-align: center;
		width: 12.5%;
		height: 90px;
		line-height: 90px;
		float: left;
		background: #eeeeee;
		border-bottom: solid 1px #ffffff;
	}
	.txt28{
		text-align: left;		
		margin: 0 0 0 2%;
		width:18%; 
		float: left; 
		height: 45px;
		font-size: 22px;
		line-height: 45px;
	}
	.txt28 a{		
		color: #000000;
		font-size: 22px;
		text-decoration: none;
	}
	.txt28 a:hover{ color: #ff4c76;}
	.txt28-2{
		font-size: 22px;
		text-align: left;
		margin: 0 0 0 2%;
		width:18%; 
		float: left; 
		height: 45px;
		line-height: 45px;}
	.txt28-2 a{
		
		color: #ff4c76;
		font-size: 22px;
		text-decoration: none;
	}
	.txt28-2 a:hover{ color: #ff4c76;}
	.nav11-3{
		width: 100%;
		float: left;
		margin: 20px 0% 0 0%;
	}
	.txt29{
		display: none;
		
		
	}
	.txt30{display: none;}
	.nav11-4{
		padding-bottom: 10px;
		width: 22%;
		float: left;
		margin: 0px 3% 30px 0%;
	}
	.txt31{
		position: relative;
		width:100%;
		height: 390px;
		float: left;
		border: solid 1px #d0e6fc;
		box-shadow:3px 3px 10px #6c99c5 ;		
		margin: 0 0  15px 0;		
       
		
	}
	.txt31 img{
		object-fit : cover; 
		width: 100%;
		height: 100%;
	position: absolute;	
  top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    max-width: 390px; max-height: 370px;
    
	}
	.txt31 a{
		opacity: 1;
	}
	.txt31 a:hover{
		opacity: 0.7;
	}
	
	
	
	.txt31-2{
		position: relative;
		width:100%;
		height: 740px;
		float: left;
		border: solid 1px #d0e6fc;
		box-shadow:3px 3px 10px #6c99c5 ;		
		margin: 0 0  15px 0;		
       
		
	}
	.txt31-2 img{
		object-fit : cover; 
		width: 100%;
		height: 100%;
	position: absolute;	
  top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    max-width: 780px; max-height: 740px;
    
	}
	.txt32{
		
	//	border-bottom:1px #000 solid; padding-bottom:5px; 
	text-shadow: 0 0 1px #BBFFFF, 0 0 1px #BBFFFF, 0 0 1px #BBFFFF, 0 0 1px #BBFFFF; 
		font-weight:bold;
		width: 100%;
		color: #003377;
		font-size: 20px;
		text-align: left;
		float: left;
		overflow: hidden;
        height: 80px;
		line-height: 24px;
		margin: 0 0 5px 0;
		
		
	}
	.txt33{
		overflow: hidden;
		width: 100%;
		height: 50px;
		line-height:24px;
		color: #454545;
		font-size: 17px;
		text-align: left;
		float: left;
		border-bottom:  dashed 1px #d3d3d3;
	}
	.txt34{
		margin: 10px 0 0 0;
		width: 60%;
		color: #f60909;
		font-size: 24px;
		text-align: left;
		line-height:36px;
		float: left;
	}
	.txt35{
		width: 30%;
		float: right;
		line-height: 36px;
		height: 36px;
		margin: 10px 2% 0 0;
		
	}
	.txt35 a{
		display: block;
		text-decoration: none;
		background: #ff4c76;
		color: #ffffff;
		font-size: 18px;
		text-align: center;
	}
	.txt35 a:hover{
		background: #3e71a4;
	}
	.nav12{
		width: 90%;
		float: left;
		margin: 35px 5% 0 5%;
	}
	.txt36{
		font-weight:bold;
		width: 100%;
		float: left;
		color:#11377d;
		font-size: 26px;
		text-align: left;
		padding: 8px 0 8px 0;
	}
	.nav12-2{
		width: 100%;
		float: left;
		margin: 20px 0 20px 0;
		padding: 0 0 35px 0; 
		border-bottom: solid 2px #d0e6fc;
	}
	.nav12-3{
		width: 38%;
		float: left;
		margin: 0px 3% 0px 0;
		
	}
	.nav12-4{
		width: 59%;
		float: left;
		margin: 0px 0% 0px 0;
		padding: 20px 0 0 0;
		
	}
	.txt37{
		padding: 12px 0 12px 0;
		width: 100%;
		float: left;
		border-bottom: dashed 1px #a7a7a7;
	}
	.txt37-2{
		padding: 25px 0 25px 0;
		width: 100%;
		float: left;}
	.txt37-3{
		width: 42%;
		margin: 0 0 0 5%;
		float: left;
		
	}
	.txt37-3 samp{
		color: #474747;
		font-size: 18px;
		width: 90px;
		float: left;
		text-align: right;
		vertical-align: middle;
	}
	.txt37-3 img{
		margin: 0 0 0 5px;
		vertical-align: middle;
		width: 22px;
		hanging-punctuation: 22px;
	}
		
	.txt38{
		width: 14%;
		float: left;
		color: #797979;
		font-size: 18px;
		text-align: right;
		line-height: 30px;
	}
	.txt39{
		width: 86%;
		line-height: 30px;
		float: left;
		color: #373737;
		font-size: 20px;
	}
	.txt40{
		width: 86%;
		line-height: 30px;
		float: left;
		color: #373737;
		font-size: 20px;
	}
	.txt41{
		width: 86%;
		line-height: 30px;
		float: left;
		color: #ff9320;
		font-size: 20px;
	}
	.txt42{
		width: 86%;
		line-height: 30px;
		float: left;
		color: #f60909;
		font-size: 24px;
	}
	.txt43{
		letter-spacing: 3px;
		text-align: center;
		width: 18%;
		float: right;
		line-height: 44px;
		height: 44px;
		font-size: 20px;
		margin: 0 0px 0 20px
	}
	.txt43 a{
		text-decoration: none;
		display: block;
		color:  #ffffff;		
		background: #5a7ea1;
	}
	.txt43 a:hover{
		background: #6c99c5;
		
		color: #ffffff;
		
	}
	.nav12-5{
		width: 900px;
	margin: 20px 0 35px 0;
    float: left;
		
	}
	
	
	.no-display-text {
    display: none;
}
	
	
	
	.nav12-5 img{
		

		width: left;
    height: auto;
	margin:15px 1px;
	
	
	
	
	
	
	
	
	
	
	}
	.txt44{width: 100%; float: left;
		}
	
	.txt44 img{
		width: 70px;
		float: left;
	}
	.txt45{
		font-size: 20px;
		font-weight: bold;
		color: #000000;
		line-height: 30px;
		width: 68%;
		float: left;
		margin: 20px 0 0 2%;
	}
	.txt46 {
		width: 100%;float: left;
	}
	.txt47{
		width: 100%;
		float: left;
		margin: 10px 0 0 0;
	}
	.txt47 samp{
		color: #4c5768;
		font-size: 15px;
		line-height: 20px;
		width: 54%;
		float: left;
		height: 140px;
		overflow: hidden;
		margin: 0 2% 0 0;
		
	}
	.txt48{
		
		width: 42%;
		float: left;
	}
	.txt48 img{
		width: 100%;
		float: left;
	}
	.txt49{
		width: 100%;
		margin: 5px 0 0 0%;
		padding: 10px 0 15px 0; 
		float: left;		
		font-size: 16px;
		line-height: 28px;
		color: #4b4b4b;	
		border-bottom: dashed 1px #585858;
		letter-spacing: 1px;
		
	}
	.txt49 samp{
		font-weight: bold;
		letter-spacing: 1px;
		width: 100%;
		float: left;
		font-size: 20px;
		line-height: 34px;}
	.txt50{
		color: #E40580;
		width: 100%;
		float: left;
		margin: 5px 0 0 0;
		font-size: 18px;
	}
	.txt50 a{ color: #E40580; text-decoration: none; font-size: 18px;}
	.txt50 a:hover{ color: #135CA8;}
	.txt51{
		text-align: left;		
		margin: 0 0 0 1.7%;
		width:15.8%; 
		float: left; 
		height: 45px;
		font-size: 22px;
		line-height: 45px;
	}
	.txt51 a{		
		color: #000000;
		font-size: 22px;
		text-decoration: none;
	}
	.txt51 a:hover{ color: #ff4c76;}
	.txt51-2{
		font-size: 22px;
		text-align: left;
		margin: 0 0 0 1.7%;
		width:15.8%; 
		float: left; 
		height: 45px;
		line-height: 45px;
	}
	.txt51-2 a{		
		color: #ff4c76;
		font-size: 22px;
		text-decoration: none;
	}
	.txt51-2 a:hover{ color: #ff4c76;}
}



@media screen and (min-width: 1024px)and (max-width:1349px) {/*針對桌機*/
	.top{
		width: 100%;
		float:left;
		height: 60px;
		background:#005ab0 url("images/index/top_bg2.jpg") repeat-x center center;
	}
	.top2{
		width: 98%;
		float: left;
		margin: 0 0% 0 2%;
	}
	.txt1{
		width:33%;
		float: left;
		line-height: 60px;		
		height: 60px;
		text-align: left;
		color: #ffffff;
		font-size: 15px;
        letter-spacing: 1px;
		vertical-align:middle;
	}
	.txt1 img{
		vertical-align: middle;
		margin: 16px 5px 0 0;
		width: 28px;
		height: 28px;
		
	}
	.txt1-2{
		width:33%;
		float: left;
		line-height: 60px;		
		height: 60px;
		text-align: left;
		color: #ffffff;
		font-size: 15px;
        letter-spacing: 1px;
		vertical-align:middle;
	}
	.txt1-2 img{
		vertical-align: middle;
		margin: 16px 5px 0 0;
		width: 28px;
		height: 28px;
		
	}
	.txt2{	
		padding: 0px 0 0 0%;
		background: url("images/index/bg_t.png") no-repeat left center;
		width: 34%;
		height: 60px;
		line-height: 60px;
		float: left;
		text-align: left;
		color: #FFFFFF;
		
	}
	.txt2 samp{
		letter-spacing: 1px;
		margin: 10px 2% 0 10%;
		font-size: 15px;
		line-height: 20px;
		width: 90%;
		float: right;
	}
	.button{
		width: 96%;
		float: left;
		margin: 0 2% 0 2%;
		
	}
	.logo{
		width:18%;		
		float: left;
		margin: 30px 0 20px 0;
	}
	.button2{	
		
		margin: 40px 0 0 0;
		width: 68%;
		float: right;
		text-align: right;
	}
	.banner{
		width: 100%;
		float: left;
	}
	.nav1{
	background: #f9f9f9;
	width: 100%;
	float: left;
    }
   .tit1{
	width:260px ;
	margin:25px auto 30px auto;
	border-bottom: solid 2px #3f77ad;
	height:55px;
	line-height: 55px;
	text-align: center;
	color: #4c5768;
	font-size: 28px;
	
   }
  .tit1 samp{
	color: #4c5785; 
	font-size: 22px;
	}
.nav1-2{
		width: 46%;
		float: left;
	    margin: 0 2% 30px 2%;
	}
	.txt3{
		width: 100%;
		float: left;
		height: 40px;
		line-height: 40px;
		background: #949799;
	}
	.txt3 samp{
		font-size:20px;
		color: #ffffff;
		width: 96%;
		float: left;
		margin: 0 2% 0 2%;
		line-height: 40px;
		overflow: hidden;
		white-space: nowrap;
        text-overflow: ellipsis;
	}
	.txt4{
		width: 96%;
		float: left;
		color: #818080;
		font-size: 18px;
		line-height: 24px;
		margin: 15px 2% 15px 2%;
		height: 92px;
		overflow: hidden;
	}
	.myButton {
		float: left;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	background-color:#ffffff;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
		margin: 0 0 0 2%;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
		width: 80px;
		height: 30px;
		line-height: 30px;
		text-align: center;
}
.myButton:hover {
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	background-color:#f6f6f6;
}
.myButton:active {
	position:relative;
	top:1px;
}
	.nav2{
	width: 100%;
	float: left;
    }
	.tit5{
		width:54%;
		float: left;
		margin: 0 23% 30px 23%;
	}
	.tit5-2{
		width:54%;
		float: left;
		margin: 0px 23% 0px 23%;
	}
	.txtbox{width: 80%; height: 40px; border: solid 1px #959595;  font-size: 18px; text-indent: 8px;float: left; }
	.shiny-button {
		float: left;
		height: 44px;
		line-height: 44px;
		width: 15%;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  color: #FFFFFF;
  
  background-color: #7b7b7b;
  background-image: -webkit-linear-gradient(top, #7e7e7e 0%, #8f8f8f 48%, #7b7b7b 49%, #7b7b7b 82%, #898989 100%);
  background-image: -moz-linear-gradient(top, #7e7e7e 0%, #8f8f8f 48%, #7b7b7b 49%, #7b7b7b 82%, #898989 100%);
  background-image: -o-linear-gradient(top, #7e7e7e 0%, #8f8f8f 48%, #7b7b7b 49%, #7b7b7b 82%, #898989 100%);
  background-image: linear-gradient(top, #7e7e7e 0%, #8f8f8f 48%, #7b7b7b 49%, #7b7b7b 82%, #898989 100%);
letter-spacing: 1px;
  font-size: 22px;
}

.shiny-button:hover {
  color: #FFFFFF;
  background-color: #838383;
  background-image: -webkit-linear-gradient(top, #868686 0%, #979797 48%, #838383 49%, #838383 82%, #919191 100%);
  background-image: -moz-linear-gradient(top, #868686 0%, #979797 48%, #838383 49%, #838383 82%, #919191 100%);
  background-image: -o-linear-gradient(top, #868686 0%, #979797 48%, #838383 49%, #838383 82%, #919191 100%);
  background-image: linear-gradient(top, #868686 0%, #979797 48%, #838383 49%, #838383 82%, #919191 100%);
  
}
.nav2-2{
	width: 97%;
	margin: 10px 2% 30px 3%;
	float: left;
    }
	.nav2-3{
		width: 20%;
		float: left;
		margin: 0 4% 30px 1% ;
	}
	.nav2-2m{
	width: 98%;
   margin: 0px auto 20px auto;
   column-count: 4;
   /*欄數*/
   column-gap: 10px;
   /*每欄間隔*/
    }
	
	.nav2-3m{
		float: left;		
        box-sizing: border-box;
        margin: 0 auto 20px auto;
        break-inside: avoid;
		
	}
	.tit6{
		float: left;
		width: 100%;
		background: #3f77ad;
	}
	.tit6 samp{
		font-size: 25px;
		color: #ffffff;
		height: 50px;
		line-height: 50px;
		text-align: center;
		width: 96%;
		float: left;
		border: solid 1px #ffffff;
		margin: 2%;
		letter-spacing: 1px;
		
	}
	.tit6 samp a{
		display: block;
		color: #ffffff;
		text-decoration: none;
	}
	.tit6 samp a:hover{
		color: #bcd5ed;
	}
	.txt5{
		margin: 0;
		padding: 0;
		list-style: none;
		width: 98%;
		margin: 8px 0 0 2%;
		float: left;
	}
	.txt6{
		width: 100%;
		float: left;
		background: url("images/index/icon3.png") no-repeat left center;
		text-indent: 34px;
		text-align: left;
		margin: 0px 0 0px 0;
		padding: 0px 0 5px 0;
	}
	.txt6 a{
		text-decoration: none;
		color: #464646;
		font-size: 18px;
	}
	.txt6 :hover{
		color: #f71cb1;
		
	}
	.nav2-4{
		width: 4%;
		margin: 20px 48% 10px 48%;
		text-align: center;
		float: left;
		
		
	}
	.nav2-4 img{
		text-align: center;
		width:55px;
		height: 14px;
	}
	.nav2-5{
		text-align: center;
	width: 60%;
	margin: 1% 20% 10px 20%;
	float: left;
    }
	.nav2-5 img{
		margin: 0 0 20px 0;
	}
	.nav3{
		width: 100%;
		float: left;
		background:#184d81 url("images/index/bg1.png") right center;
	}
	.nav3-2{
		width:54% ;
		float: left;
		margin: 40px 2% 40px 0;
	}
	.nav3-3{
		width: 42%;
		float: left;
	}
	.nav3-3 h1{
		width: 100%;
		float: left;
		padding: 0;
		color: #efeff1;
		font-size: 34px;		
		margin:55px 0 15px 0 ;
		letter-spacing: 1px;
	}
	.nav3-3 p{
		text-align:justify;
		letter-spacing: 1px;
		color: #efeff1;
		font-size: 20px;
		line-height: 30px;
		text-align: left;
		width: 100%;
		float: left;
		margin: 0;
		padding: 0;
	}
	.nav3-3 samp{
		font-size: 24px;
	}
	.nav3-4{
		width: 25%;
		float: left;
		margin: 20px 0 0 0;
		text-align: center;		
        left: 50%;
	}
	.nav3-4 img{
		text-align: center;
		width: 102px;
	}
	.nav4{
		width: 100%;
		float: left;
	}
	.nav4-2{
		width: 95%;
		float: inherit;
		margin: 20px 0% 30px 3%;
	}
	.nav4-3{
		width: 21.5%;
		padding: 5px;
		float: left;
		margin: 0px 1% 20px 1%;
		border: solid 1px #33a1bc;
	}
	.bottom{
		width: 100%;
		float: left;
		background: #0269cc;
		padding: 20px 0 0px 0;
	}
	.bottom2{
		width: 96%;
	float: inherit;
	margin: 0 1% 0 3%;
}
	
	.logo2{
		width:18%;
		float: left;
		margin: 20px 0 0px 0;
	}
	.logo2 img{
		width: 100%;
		float: left;
		height: auto;
	}
	.nav5{
		width:22%;
		margin: 0 0 0 3%;
		float: left;
	}
	.nav5 p{
		margin: 0;
		padding: 0;
		width: 100%;
		float: left;
		color: #cccccc;
		font-size: 15px;
		text-align: left;
	}
	.nav5 samp{
		margin: 0 0 10px 0;
		line-height: 30px;
		text-align: left;
		width: 100%;
		float:left;
		color: #ffffff;
		font-size: 18px;
	}
	.nav5-2{
		width:37%;
		margin: 0 0 0 0%;
		float: left;
	}
	.nav5-2 p{
		margin: 0 0 8px 0;
		padding: 0;
		width: 100%;
		float: left;
		color: #cccccc;
		font-size: 15px;
		text-align: left;
	}
	.nav5-2 samp{
		margin: 0 0 5px 0;
		text-align: left;
		width: 100%;
		float:left;
		color: #ffffff;
		font-size: 18px;
	}
	.nav5-3{
		width:20%;
		margin: 0 0 0 0%;
		float: right;
	}
	.nav5-3 p{
		margin: 0 0 8px 0;
		padding: 0;
		width: 100%;
		float: left;
		color: #cccccc;
		font-size: 15px;
		text-align: left;
	}
	.nav5-3 samp{
		background: url("images/index/icon8.png") no-repeat left center;
		margin: 0 0 5px 0;
		text-align: left;
		width: 100%;
		float:left;
		color: #ffffff;
		text-indent: 20px;
		font-size: 18px;
	}
	.linebtn{
		width: 77px;		
		position: fixed;
		right:25px;
		bottom: 120px;
		z-index: 999999999;
	}
	.leftbtn{
		z-index: 999999999;
		width: 90px;		
		position: fixed;
		left:15px;
		bottom: 70px;
	}
	.topbtn{		
		width: 60px;		
		position: fixed;
		right:30px;
		bottom: 50px;
		z-index: 999999999;
	}
	.tit2{
		letter-spacing: 1px;
		width: 96%;
	margin: 0px 2% 0px 2%;
	float: left;
		height: 40px;
		line-height: 40px;
		color: #000000;
		font-size: 18px;
		text-align: right;
	}
	.tit2 a{
		color: #000000;
		text-decoration: none;
		
	}
	.tit2 a:hover{
		color: #517598;
	}
	.nav6{
		width: 100%;
		float: left;
		background:#184d81 url("images/about/bg-1.jpg") no-repeat right center;
	}
	.nav6-2{
		text-align: center;
		width: 100%;
		padding: 8px 0 8px 0;
		float: left;
		background: url("images/about/bg-2.jpg")  repeat center center;
		margin: 30px 0 30px 0;
	}
	.nav6-2 p{
		color: #191919;
		width: 90%;
		float: left;
		font-size: 22px;
		margin: 0 5% 0 5%;
		line-height: 32px;
	}
	.nav6-2 h1{
		color: #ff0226;
		padding: 0;
		width: 90%;
		float: left;
		font-size: 22px;
		margin: 0 5% 0 5%;
		line-height: 32px;}
	.nav6-2 samp{
		color: #e2611b;
		font-size: 22px;
		font-weight: normal;
		}
	.nav6-3{
		width: 95%;
		float: left;
		margin: 0px 5% 25px 0;
	}
	.nav6-4{
		width: 45%;
		float: left;
		margin: 0 5% 0 0;
	}
	.nav6-5{
		width: 50%;
		float: left;
		margin: 0px 0 0px 0;
	}
	.txt7{
		width: 140px;
		float: left;
		color: #ffffff;
		font-size: 20px;
		text-align: left;
		line-height: 32px;
		letter-spacing: 1px;
		background: url("images/about/tit1.png") no-repeat right bottom;
	}
	.txt7-2{
		width: 180px;
		float: left;
		color: #ffffff;
		font-size: 20px;
		text-align: left;
		line-height: 32px;
		letter-spacing: 1px;
		background: url("images/about/tit1.png") no-repeat right bottom;
	}
	.txt8{
		width: 100%;
		margin: 15px 0 15px 0;
		float: left;
		color: #ffffff;
		font-size: 16px;
		text-align: left;
		line-height: 24px;
	}
	.nav7{
		width: 100%;
		float: left;
		height: 300px;
	}
	.nav8{
		width: 96%;
		float: left;
		margin: 0 2% 0 2%;
	}
	.nav8-2{
		width: 100%;
		float: left;
		margin: 0 0 35px 0;
	}
	.txt9{
		background: #949799;
		width: 100%;
		float: left;
		height: 50px;
		line-height: 50px;
	}
	.txt9 samp{
		color: #ffffff;
		font-size: 20px;
		width: 96%;
		float: left;
		margin: 0 2% 0 2%;
		line-height: 50px;
		overflow: hidden;
		white-space: nowrap;
        text-overflow: ellipsis;
		font-weight: bold;
	}
	.txt9-2{
		background: #949799;
		width: 100%;
		float: left;
	}
	.txt9-2 samp{
		color: #ffffff;
		font-size: 20px;
		line-height: 26px;
		width: 96%;
		float: left;
		margin: 0 2% 0 2%;
		padding:8px 0 8px 0;
		
	}
	.txt10{
		width: 100%;
		float: left;
		border-bottom: dashed 1px #cdcdcd;
		line-height: 32px;
		text-align: right;
		color: #818080;
		font-size: 18px;
	}
	.nav8-3{
		width: 100%;
		float: left;
		margin: 20px 0 0px 0;
	}
	.txt11{
		width:17%;
		float: left;
		border: solid 1px #d2d2d2;
		margin: 0 0 0 1%;
	}
	.txt12{
		width: 80%;
		margin: 0px 0 0 1.8%;
		float: left;
		color: #818080;
		font-size:18px;
		line-height: 26px;
		text-align: left;
		
		overflow: hidden;
	}
	.txt12 a{
		height: 150px;
		overflow: hidden;
		color: #818080;		
		text-decoration: none;
		font-size: 18px;
		line-height: 26px;
		text-align: left;
		display: block;
		
	}
	.txt12 :hover{
		color: #042b51;
		display: block;
	}
	.nav8-4{
		width: 100%;
		float: left;
		text-align: center;
		margin: 0px 0 40px 0;
	}
	.txt13{
		margin: 0 5px 0 5px;
	}
	.txt13 a{	
		margin: 0 5px 0 5px;
		
		font-size: 18px;
		text-align: center;
		padding:6px 10px  6px 10px;
		text-decoration: none;
		
		background: #4e7195;
		color: #ffffff;
	}
	.txt13 a:hover{
		color: #ffffff;
		background: #184d81;
		
	}
	.txt14{
		width: 100%;
		margin: 5px 0 0 0%;
		float: left;		
		font-size: 20px;
		line-height: 30px;
		color: #818080;	
		
	}
	.txt14 img{
		width: auto;
    height: auto;
	}
	.nav9{
		width: 96%;
		float: left;
		margin: 0 2% 0 2%;
	}
	.nav9-2{
		border-bottom: dashed 1px #cacaca;
		width: 100%;
		float: left;
		margin: 0 0% 30px 0%;
		padding: 0 0 15px 0;
	}
	.txt15{
		padding: 10px;
		color: #ffffff;
		font-size: 20px;
		text-align: left;
		float: left;
		background: #5a5a5a;
		margin: 0 0 0px 0;
	}
	.txt16{
		width: 99%;
		float: left;
		margin: 0 0 0 0.5%;
		line-height: 40px;
		color: #818080;
		font-size: 18px;
		text-align: left;
	}
	.txt17{
		width: 99%;
		float: left;
		color: #818080;
		margin: 0 0 0 0.5%;
		font-size: 18px;
		line-height: 26px;
		text-align: left;
	}
	.txt18{
		width: 49%;
		float: left;
		color: #818080;
		margin: 0 0 0 0.5%;
		font-size: 18px;
		line-height: 28px;
		text-align: left;
	}
	.txt18 samp{
		font-size: 22px;
		color: #ea862e;
	}
    .nav10{
		width: 100%;
		float: left;
		margin: 0 0% 0 0%;
		background: url("images/contact/bg.png") repeat-x bottom center;
	}
	.nav10-2{
		width: 40%;
		float: left;
		border: solid 1px #cccccc;
		margin: 40px 2% 30px 3%;
		height: 500px;
	}
	.nav10-3{
		width: 52%;
		float: left;
		margin: 55px 0 0 2%;
	}
	.txt19{
		width: 100%;
		float: left;
		margin: 10px 0 15px 0;
	}
	.txt19 img{
		width: 350px;
	}
	.txt20{
		width: 45%;
		float: left;
		margin: 0 0 20px 0;
	}
	.txt20 samp{
		float: left;
		color: #646464;
		font-size: 20px;
		text-align: left;
		
	}
	.img1{
		vertical-align: middle;
		float: left;
		width: 28px;
		margin: 0 0 0 5px;
		
	}
	.txt21{
		width: 80%;
		float: left;
		margin: 0 0 20px 0;
		color: #646464;
		font-size: 20px;
		text-align: left;
	}
	.txt22{
		width: 96%;
		float: left;
		
	}
	.txt23{
		width: 24%;
		margin: 0 1% 10px 0;
		float: left;
	}
	.nav11{
		width: 96%;
		float: left;
		margin: 30px 2% 0 2%;
	}
	.nav11-2{
		width: 100%;
		float: left;
		margin: 0 0% 1px 0%;
	}
	.txt24{
		letter-spacing: 1px;
		font-size: 20px;
		text-align: center;
		width: 12.5%;
		height: 80px;
		line-height: 80px;
		float: left;
		background: #eeeeee;
		border-bottom: solid 1px #ffffff;
	}
	
		.txt24-1{
		letter-spacing: 1px;
		font-size: 20px;
		text-align: center;
		width: 12.5%;
		height: 40px;
		line-height: 40px;
		float: left;
		background: #eeeeee;
		border-bottom: solid 1px #ffffff;
	}
	.txt25{
		width: 87.5%;
		float: left;
		border-bottom: dashed 1px #e1e1e1;
	}
	.txt26{
		text-align: left;		
		margin: 0 0 0 2%;
		width:18%; 
		float: left; 
		height: 40px;
		font-size: 18px;
		line-height: 40px;
	}
	.txt26 a{		
		color: #000000;
		font-size: 18px;
		text-decoration: none;
	}
	.txt26 a:hover{ color: #ff4c76;}
	.txt26-2{
		font-size: 18px;
		text-align: left;
		margin: 0 0 0 2%;
		width:18%; 
		float: left; 
		height: 40px;
		line-height: 40px;}
	.txt26-2 a{		
		color: #ff4c76;
		font-size: 18px;
		text-decoration: none;
	}
	.txt26-2 a:hover{ color: #ff4c76;}
	.txt27{
		letter-spacing: 1px;
		font-size: 20px;
		text-align: center;
		width: 12.5%;
		height: 80px;
		line-height: 80px;
		float: left;
		background: #eeeeee;
		border-bottom: solid 1px #ffffff;
	}
	.txt28{
		text-align: left;		
		margin: 0 0 0 2%;
		width:18%; 
		float: left; 
		height: 40px;
		font-size: 18px;
		line-height: 40px;
	}
	.txt28 a{		
		color: #000000;
		font-size: 18px;
		text-decoration: none;
	}
	.txt28 a:hover{ color: #ff4c76;}
	.txt28-2{
		font-size: 18px;
		text-align: left;
		margin: 0 0 0 2%;
		width:18%; 
		float: left; 
		height: 40px;
		line-height: 40px;}
	.txt28-2 a{
		
		color: #ff4c76;
		font-size: 18px;
		text-decoration: none;
	}
	.txt28-2 a:hover{ color: #ff4c76;}
	.nav11-3{
		width: 100%;
		float: left;
		margin: 20px 0% 0 0%;
	}
	.txt29{
		display: none;
		
		
	}
	.txt30{display: none;}
	.nav11-4{
		padding-bottom: 10px;
		width: 32%;
		float: left;
		margin: 0px 1.3% 25px 0%;
		
	}
	.txt31{
		position: relative;
		width:100%;
		height: 370px;
		float: left;
		border: solid 1px #d0e6fc;
		box-shadow:2px 2px 5px #6c99c5 ;		
		margin: 0 0  15px 0;		
       
		
	}
	.txt31 img{
		object-fit : cover; 
		width: 100%;
		height: 100%;
	position: absolute;	
  top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    max-width: 390px; max-height: 370px;
    
	}
	.txt31 a{
		opacity: 1;
	}
	.txt31 a:hover{
		opacity: 0.7;
	}
	.txt31-2{
		position: relative;
		width:100%;
		height: 380px;
		float: left;
		border: solid 1px #d0e6fc;
		box-shadow:3px 3px 10px #6c99c5 ;		
		margin: 0 0  15px 0;		
       
		
	}
	.txt31-2 img{
		object-fit : cover; 
		width: 100%;
		height: 100%;
	position: absolute;	
  top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    max-width: 400px; max-height: 380px;
    
	}
	.txt32{
	
		font-weight:bold;
		width: 98%;
		color: #003377;
		font-size: 15px;
		text-align: left;
		float: left;
		height: 44px;
		overflow: hidden;
		line-height:22px;
	}
	.txt33{
		overflow: hidden;
		width: 98%;
		height: 44px;
		line-height: 22px;
		color: #454545;
		font-size: 15px;
		text-align: left;
		float: left;
		border-bottom:  dashed 1px #d3d3d3;
	}
	.txt34{
		margin: 10px 0 0 0;
		width:40%;
		color: #f60909;
		font-size: 22px;
		text-align: left;
		line-height:30px;
		float: left;
	}
	.txt35{
		width: 40%;
		float: right;
		line-height: 30px;
		height: 30px;
		margin: 10px 2% 0 0;
		
	}
	.txt35 a{
		display: block;
		text-decoration: none;
		background: #ff4c76;
		color: #ffffff;
		font-size: 15px;
		text-align: center;
	}
	.txt35 a:hover{
		background: #3e71a4;
	}
	.nav12{
		width: 96%;
		float: left;
		margin: 25px 2% 0 2%;
	}
	.txt36{
		font-weight:bold
		width: 100%;
		float: left;
		color:#11377d;
		font-size: 20px;
		text-align: left;
		padding: 6px 0 6px 0;
	}
	.nav12-2{
		width: 100%;
		float: left;
		margin: 15px 0 0px 0;
		padding: 0 0 25px 0; 
		border-bottom: solid 2px #d0e6fc;
	}
	.nav12-3{
		width: 39%;
		float: left;
		margin: 0px 2% 0px 0;
		
	}
	.nav12-4{
		width: 59%;
		float: left;
		margin: 0px 0% 0px 0;
		padding: 10px 0 0 0;
		
	}
	.txt37{
		padding: 10px 0 10px 0;
		width: 100%;
		float: left;
		border-bottom: dashed 1px #a7a7a7;
	}
	.txt37-2{
		padding: 15px 0 15px 0;
		width: 100%;
		float: left;}
	.txt37-3{
		width: 50%;
		margin: 0 0 0 6%;
		float: left;
		
	}
	.txt37-3 samp{
		color: #474747;
		font-size: 17px;
		width: 100px;
		float: left;
		text-align: right;
		vertical-align: middle;
	}
	.txt37-3 img{
		margin: 0 0 0 5px;
		vertical-align: middle;
		width: 20px;
		hanging-punctuation: 20px;
	}
		
	.txt38{
		width: 17%;
		float: left;
		color: #797979;
		font-size: 16px;
		text-align: right;
		line-height: 30px;
	}
	.txt39{
		width: 83%;
		line-height: 28px;
		float: left;
		color: #373737;
		font-size: 17px;
	}
	.txt40{
		width: 83%;
		line-height: 24px;
		float: left;
		color: #373737;
		font-size: 17px;
	}
	.txt41{
		width: 83%;
		line-height: 24px;
		float: left;
		color: #ff9320;
		font-size: 17px;
	}
	.txt42{
		width: 83%;
		line-height: 28px;
		float: left;
		color: #f60909;
		font-size: 24px;
	}
	.txt43{
		letter-spacing: 2px;
		text-align: center;
		width: 18%;
		float: right;
		line-height: 40px;
		height: 40px;
		font-size:18px;
		margin: 0 0 0 15px;
	}
	.txt43 a{
		text-decoration: none;
		display: block;
		color:  #ffffff;
		background: #5a7ea1;
	}
	.txt43 a:hover{
		background: #6c99c5;
		color: #ffffff;
		
	}
	
	
	.nav12-5{
		width: 100%;
		float: left;
		margin: 20px 0 20px 0;
	}
	
	.nav12-5 img{
		width: auto;
    height: auto;
	margin:15px 1px;
	}
	.txt44{width: 100%; float: left;
		}
	
	.txt44 img{
		width: 60px;
		float: left;
	}
	.txt45{
		font-size: 20px;
		font-weight: bold;
		color: #000000;
		line-height: 30px;
		width: 68%;
		float: left;
		margin: 10px 0 0 2%;
	}
	.txt46 {
		width: 100%;float: left;
	}
	.txt47{
		width: 100%;
		float: left;
		margin: 5px 0 0 0;
	}
	.txt47 samp{
		color: #4c5768;
		font-size: 14px;
		line-height: 18px;
		width: 54%;
		float: left;
		height: 125px;
		overflow: hidden;
		margin: 0 2% 0 0;
		
	}
	.txt48{
		
		width: 42%;
		float: left;
	}
	.txt48 img{
		width: 100%;
		float: left;
	}
	.txt49{
		width: 100%;
		margin: 5px 0 0 0%;
		padding: 8px 0 12px 0; 
		float: left;		
		font-size: 16px;
		line-height: 26px;
		color: #4b4b4b;	
		border-bottom: dashed 1px #585858;
		letter-spacing: 1px;
		
	}
	.txt49 samp{
		font-weight: bold;
		letter-spacing: 1px;
		width: 100%;
		float: left;
		font-size: 20px;
		line-height: 32px;}
	.txt50{
		color: #E40580;
		width: 100%;
		float: left;
		margin: 5px 0 0 0;
		font-size: 18px;
	}
	.txt50 a{ color: #E40580; text-decoration: none; font-size: 18px;}
	.txt50 a:hover{ color: #135CA8;}
	.txt51{
		text-align: left;		
		margin: 0 0 0 1.7%;
		width:15.8%; 
		float: left; 
		height: 40px;
		font-size: 18px;
		line-height: 40px;
	}
	.txt51 a{		
		color: #000000;
		font-size: 18px;
		text-decoration: none;
	}
	.txt51 a:hover{ color: #ff4c76;}
	.txt51-2{
		font-size: 18px;
		text-align: left;
		margin: 0 0 0 1.7%;
		width:15.8%; 
		float: left; 
		height: 40px;
		line-height: 40px;}
	.txt51-2 a{
		
		color: #ff4c76;
		font-size: 18px;
		text-decoration: none;
	}
	.txt51-2 a:hover{ color: #ff4c76;}
}


@media only screen and (min-width: 897px) and (max-width:1023px) {/*針對平板*/
	.top{
		width: 100%;
		float:left;
		height: 60px;
		background:#005ab0 url("images/index/top_bg2.jpg") repeat-x center center;
	}
	.top2{
		width: 98%;
		float: left;
		margin: 0 0% 0 2%;
	}
	.txt1{
		width:45%;
		float: left;
		line-height: 60px;		
		height: 60px;
		text-align: left;
		color: #ffffff;
		font-size: 15px;
        letter-spacing: 0px;
		vertical-align:middle;
	}
	.txt1 img{
		vertical-align: middle;
		margin: 16px 5px 0 0;
		width: 28px;
		height: 28px;
		
	}
	.txt1-2{
		display: none;
		
	}
	.txt1-2 img{
		
		display: none;
		
	}
	.txt2{	
		padding: 0px 0 0 0%;
		background: url("images/index/bg_t.png") no-repeat left center;
		width: 55%;
		height: 60px;
		line-height: 60px;
		float: left;
		text-align: left;
		color: #FFFFFF;
		
	}
	.txt2 samp{
		letter-spacing: 1px;
		margin: 10px 2% 0 10%;
		font-size: 15px;
		line-height: 20px;
		width: 90%;
		float: right;
	}
	.button{
		width: 96%;
		float: left;
		margin: 0 2% 0 2%;
		
	}
	.logo{
		width:18%;
		float: left;
		margin: 36px 0 27px 0;
	}
	
	.button2{
		margin: 40px 0 0 0;
		width: 60%;
		float: right;
		text-align: right;
	}
	.banner{
		width: 100%;
		float: left;
	}
	.nav1{
	background: #f9f9f9;
	width: 100%;
	float: left;
    }
   .tit1{
	width:270px ;
	margin:20px auto 25px auto;
	border-bottom: solid 2px #3f77ad;
	height:50px;
	line-height: 50px;
	text-align: center;
	color: #4c5768;
	font-size: 30px;
	
   }
  .tit1 samp{
	color: #4c5785; 
	font-size: 24px;
	}
.nav1-2{
		width: 46%;
		float: left;
	    margin: 0 2% 20px 2%;
	}
	.txt3{
		width: 100%;
		float: left;
		height: 36px;
		line-height: 36px;
		background: #949799;
	}
	.txt3 samp{
		font-size:20px;
		color: #ffffff;
		width: 96%;
		float: left;
		margin: 0 2% 0 2%;
		line-height: 36px;
		overflow: hidden;
		white-space: nowrap;
        text-overflow: ellipsis;
	}
	.txt4{
		width: 96%;
		float: left;
		color: #818080;
		font-size: 17px;
		line-height: 22px;
		margin: 10px 2% 10px 2%;
		height: 86px;
		overflow: hidden;
	}
	.myButton {
		float: left;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	background-color:#ffffff;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
		margin: 0 0 0 2%;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
		width: 70px;
		height: 20px;
		line-height: 20px;
		text-align: center;
}
.myButton:hover {
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	background-color:#f6f6f6;
}
.myButton:active {
	position:relative;
	top:1px;
}
	.nav2{
	width: 100%;
	float: left;
    }
	.tit5{
		width:56%;
		float: left;
		margin: 0 22% 20px 22%;
	}
	.tit5-2{
		width:56%;
		float: left;
		margin:0px 22% 0px 22%;
	}
	.txtbox{width: 80%; height: 40px; border: solid 1px #959595;  font-size: 18px; text-indent: 8px;float: left; }
	.shiny-button {
		float: left;
		height: 44px;
		line-height: 44px;
		width: 15%;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  color: #FFFFFF;
  font-size: 18px;
  background-color: #7b7b7b;
  background-image: -webkit-linear-gradient(top, #7e7e7e 0%, #8f8f8f 48%, #7b7b7b 49%, #7b7b7b 82%, #898989 100%);
  background-image: -moz-linear-gradient(top, #7e7e7e 0%, #8f8f8f 48%, #7b7b7b 49%, #7b7b7b 82%, #898989 100%);
  background-image: -o-linear-gradient(top, #7e7e7e 0%, #8f8f8f 48%, #7b7b7b 49%, #7b7b7b 82%, #898989 100%);
  background-image: linear-gradient(top, #7e7e7e 0%, #8f8f8f 48%, #7b7b7b 49%, #7b7b7b 82%, #898989 100%);
letter-spacing: 1px;
  
}

.shiny-button:hover {
  color: #FFFFFF;
  background-color: #838383;
  background-image: -webkit-linear-gradient(top, #868686 0%, #979797 48%, #838383 49%, #838383 82%, #919191 100%);
  background-image: -moz-linear-gradient(top, #868686 0%, #979797 48%, #838383 49%, #838383 82%, #919191 100%);
  background-image: -o-linear-gradient(top, #868686 0%, #979797 48%, #838383 49%, #838383 82%, #919191 100%);
  background-image: linear-gradient(top, #868686 0%, #979797 48%, #838383 49%, #838383 82%, #919191 100%);
  
}
	.nav2-2{
	width: 98%;
	margin: 20px 1% 20px 1%;
	float: left;
    }
	.nav2-3{
		width: 23%;
		float: left;
		margin: 0 1% 30px 1% ;
	}
	.nav2-2m{
	width: 98%;
   margin: 0px auto 20px auto;
   column-count: 4;
   /*欄數*/
   column-gap: 10px;
   /*每欄間隔*/
    }
	
	.nav2-3m{
		float: left;		
        box-sizing: border-box;
        margin: 0 auto 20px auto;
        break-inside: avoid;
		
	}
	.tit6{
		float: left;
		width: 100%;
		background: #3f77ad;
	}
	.tit6 samp{
		font-size: 20px;
		color: #ffffff;
		height: 40px;
		line-height: 40px;
		text-align: center;
		width: 96%;
		float: left;
		border: solid 1px #ffffff;
		margin: 2%;
		letter-spacing: 1px;
		
	}
	.tit6 samp a{
		display: block;
		color: #ffffff;
		text-decoration: none;
	}
	.tit6 samp a:hover{
		color: #bcd5ed;
	}
	.txt5{
		margin: 0;
		padding: 0;
		list-style: none;
		width: 98%;
		margin: 8px 0 0 2%;
		float: left;
	}
	.txt6{
		width: 100%;
		float: left;
		background: url("images/index/icon3-2.png") no-repeat left center;
		text-indent: 30px;
		text-align: left;
		margin: 0px 0 8px 0;
		padding: 0px 0 0px 0;
	}
	.txt6 a{
		text-decoration: none;
		color: #464646;
		font-size: 16px;
	}
	.txt6 :hover{
		color: #f71cb1;
		
	}
	.nav2-4{
		width: 4%;
		margin: 10px 48% 10px 48%;
		text-align: center;
		float: left;
		
		
	}
	.nav2-4 img{
		text-align: center;
		width:50px;
		height: 13px;
	}
	.nav2-5{
		text-align: center;
	width: 60%;
	margin: 1% 20% 10px 20%;
	float: left;
    }
	.nav2-5 img{
		margin: 0 0 20px 0;
	}
	.nav3{
		width: 100%;
		float: left;
		background:#184d81 url("images/index/bg1.png") right center;
	}
	.nav3-2{
		width:47% ;
		float: left;
		margin: 20px 2% 20px 0;
	}
	.nav3-3{
		width: 50%;
		float: left;
	}
	.nav3-3 h1{
		width: 100%;
		float: left;
		padding: 0;
		color: #efeff1;
		font-size: 28px;		
		margin:25px 0 10px 0 ;
		letter-spacing: 1px;
	}
	.nav3-3 p{
		text-align:justify;
		letter-spacing: 1px;
		color: #efeff1;
		font-size: 15px;
		line-height: 24px;
		text-align: left;
		width: 100%;
		float: left;
		margin: 0;
		padding: 0;
	}
	.nav3-3 samp{
		font-size: 17px;
	}
	.nav3-4{
		width: 25%;
		float: left;
		margin: 10px 0 0 0;
		text-align: center;		
       
	}
	.nav3-4 img{
		text-align: center;
		width: 100px;
	}
	.nav4{
		width: 100%;
		float: left;
	}
	.nav4-2{
		width: 97%;
		float: inherit;
		margin: 15px 0% 15px 2%;
	}
	.nav4-3{
		width: 21.5%;
		padding: 5px;
		float: left;
		margin: 0px 1% 20px 1%;
		border: solid 1px #33a1bc;
	}
	.bottom{
		width: 100%;
		float: left;
		background: #0269cc;
		padding: 20px 0 0px 0;
	}
	.bottom2{
		width: 98%;
	float: inherit;
	margin: 0 1% 0 1%;
}
	
	.logo2{
		width:18%;
		float: left;
		margin: 20px 0 0px 0;
	}
	.logo2 img{
		width: 100%;
		float: left;
		height: auto;
	}
	.nav5{
		width:22%;
		margin: 0 0 0 2%;
		float: left;
	}
	.nav5 p{
		margin: 0;
		padding: 0;
		width: 100%;
		float: left;
		color: #cccccc;
		font-size: 14px;
		text-align: left;
	}
	.nav5 samp{
		margin: 0 0 10px 0;
		line-height: 22px;
		text-align: left;
		width: 100%;
		float:left;
		color: #ffffff;
		font-size: 16px;
	}
	.nav5-2{
		width:37%;
		margin: 0 0 0 0%;
		float: left;
	}
	.nav5-2 p{
		margin: 0 0 8px 0;
		padding: 0;
		width: 100%;
		float: left;
		color: #cccccc;
		font-size: 14px;
		text-align: left;
	}
	.nav5-2 samp{
		margin: 0 0 4px 0;
		text-align: left;
		width: 100%;
		float:left;
		color: #ffffff;
		font-size: 16px;
	}
	.nav5-3{
		width:21%;
		margin: 0 0 0 0%;
		float: right;
	}
	.nav5-3 p{
		margin: 0 0 8px 0;
		padding: 0;
		width: 100%;
		float: left;
		color: #cccccc;
		font-size: 14px;
		text-align: left;
	}
	.nav5-3 samp{
		background: url("images/index/icon8.png") no-repeat left center;
		margin: 0 0 5px 0;
		text-align: left;
		width: 100%;
		float:left;
		color: #ffffff;
		text-indent: 20px;
		font-size: 14px;
	}
	.linebtn{
		width: 62px;		
		position: fixed;
		right:25px;
		bottom: 120px;
		z-index: 999999999;
	}
	.leftbtn{
		z-index: 999999999;
		width: 80px;		
		position: fixed;
		left:15px;
		bottom: 60px;
	}
	.topbtn{		
		width: 60px;		
		position: fixed;
		right:25px;
		bottom: 50px;
		z-index: 999999999;
	}
	.tit2{
		letter-spacing: 1px;
		width: 96%;
	margin: 0px 2% 0px 2%;
	float: left;
		height: 50px;
		line-height: 50px;
		color: #000000;
		font-size: 18px;
		text-align: right;
	}
	.tit2 a{
		color: #000000;
		text-decoration: none;
		
	}
	.tit2 a:hover{
		color: #517598;
	}
	.nav6{
		width: 100%;
		float: left;
		background:#184d81 url("images/about/bg-1.jpg") no-repeat right center;
	}
	.nav6-2{
		text-align: center;
		width: 100%;
		padding: 8px 0 8px 0;
		float: left;
		background: url("images/about/bg-2.jpg")  repeat center center;
		margin: 20px 0 20px 0;
	}
	.nav6-2 p{
		color: #191919;
		width: 90%;
		float: left;
		font-size: 22px;
		margin: 0 5% 0 5%;
		line-height: 32px;
	}
	.nav6-2 h1{
		color: #ff0226;
		padding: 0;
		width: 90%;
		float: left;
		font-size: 22px;
		margin: 0 5% 0 5%;
		line-height: 32px;}
	.nav6-2 samp{
		color: #e2611b;
		font-size: 22px;
		font-weight: normal;
		}
	.nav6-3{
		width: 98%;
		float: left;
		margin: 0px 2% 15px 0;
	}
	.nav6-4{
		width: 43%;
		float: left;
		margin: 0 2% 0 0;
	}
	.nav6-5{
		width: 55%;
		float: left;
		margin: 0px 0 0px 0;
	}
	.txt7{
		width: 140px;
		float: left;
		color: #ffffff;
		font-size: 20px;
		text-align: left;
		line-height: 32px;
		letter-spacing:0px;
		background: url("images/about/tit1.png") no-repeat right bottom;
	}
	.txt7-2{
		width: 170px;
		float: left;
		color: #ffffff;
		font-size: 20px;
		text-align: left;
		line-height: 32px;
		letter-spacing:0px;
		background: url("images/about/tit1.png") no-repeat right bottom;
	}
	.txt8{
		width: 100%;
		margin: 10px 0 10px 0;
		float: left;
		color: #ffffff;
		font-size: 16px;
		text-align: left;
		line-height: 20px;
	}
	.nav7{
		width: 100%;
		float: left;
		height: 280px;
	}
	.nav8{
		width: 96%;
		float: left;
		margin: 0 2% 0 2%;
	}
	.nav8-2{
		width: 100%;
		float: left;
		margin: 0 0 35px 0;
	}
	.txt9{
		background: #949799;
		width: 100%;
		float: left;
		height: 40px;
		line-height: 40px;
	}
	.txt9 samp{
		color: #ffffff;
		font-size: 18px;
		width: 96%;
		float: left;
		margin: 0 2% 0 2%;
		line-height: 40px;
		overflow: hidden;
		white-space: nowrap;
        text-overflow: ellipsis;
		
	}
	.txt9-2{
		background: #949799;
		width: 100%;
		float: left;
	}
	.txt9-2 samp{
		color: #ffffff;
		font-size: 18px;
		line-height: 22px;
		width: 96%;
		float: left;
		margin: 0 2% 0 2%;
		padding:6px 0 6px 0;
		
	}
	.txt10{
		width: 100%;
		float: left;
		border-bottom: dashed 1px #cdcdcd;
		line-height: 26px;
		text-align: right;
		color: #818080;
		font-size: 16px;
	}
	.nav8-3{
		width: 100%;
		float: left;
		margin: 10px 0 0px 0;
	}
	.txt11{
		width:20%;
		float: left;
		border: solid 1px #d2d2d2;
		margin: 0 0 0 1%;
	}
	.txt12{
		width: 76%;
		margin: 0px 0 0 1.8%;
		float: left;
		color: #818080;
		font-size:15px;
		line-height: 24px;
		text-align: left;
		height: 120px;
		overflow: hidden;
	}
	.txt12 a{
		height: 120px;
		overflow: hidden;
		color: #818080;		
		text-decoration: none;
		font-size: 15px;
		line-height: 24px;
		text-align: left;
		display: block;
		
	}
	.txt12 :hover{
		color: #042b51;
		display: block;
	}
	.nav8-4{
		width: 100%;
		float: left;
		text-align: center;
		margin: 0px 0 40px 0;
	}
	.txt13{
		margin: 0 5px 0 5px;
	}
	.txt13 a{	
		margin: 0 5px 0 5px;
		color: #535353;
		font-size: 18px;
		text-align: center;
		padding:6px 10px  6px 10px;
		text-decoration: none;
		
		background: #4e7195;
		color: #ffffff;
	}
	.txt13 a:hover{
		color: #ffffff;
		background: #184d81;
		
		
	}
	.txt14{
		width: 100%;
		margin: 5px 0 0 0%;
		float: left;		
		font-size: 18px;
		line-height: 28px;
		color: #818080;	
		
	}
	.txt14 img{
		width: auto;
    height: auto;
	}
	.nav9{
		width: 96%;
		float: left;
		margin: 0 2% 0 2%;
	}
	.nav9-2{
		border-bottom: dashed 1px #cacaca;
		width: 100%;
		float: left;
		margin: 0 0% 20px 0%;
		padding: 0 0 10px 0;
	}
	.txt15{
		padding: 10px;
		color: #ffffff;
		font-size: 18px;
		text-align: left;
		float: left;
		background: #5a5a5a;
		margin: 0 0 0px 0;
	}
	.txt16{
		width: 99%;
		float: left;
		margin: 0 0 0 0.5%;
		line-height: 30px;
		color: #818080;
		font-size: 16px;
		text-align: left;
	}
	.txt17{
		width: 99%;
		float: left;
		color: #818080;
		margin: 0 0 0 0.5%;
		font-size: 18px;
		line-height: 28px;
		text-align: left;
	}
	.txt18{
		width: 49%;
		float: left;
		color: #818080;
		margin: 0 0 0 0.5%;
		font-size: 18px;
		line-height: 28px;
		text-align: left;
	}
	.txt18 samp{
		font-size: 20px;
		color: #ea862e;
	}
    .nav10{
		width: 100%;
		float: left;
		margin: 0 0% 0 0%;
		background: url("images/contact/bg.png") repeat-x bottom center;
	}
	.nav10-2{
		width: 96%;
		float: left;
		border: solid 1px #cccccc;
		margin: 15px 2% 15px 2%;
		height: 250px;
	}
	.nav10-3{
		width: 96%;
		float: left;
		margin: 0px 2% 0 2%;
	}
	.txt19{
		width: 100%;
		float: left;
		margin: 10px 0 15px 0;
	}
	.txt19 img{
		width: 300px;
	}
	.txt20{
		width: 45%;
		float: left;
		margin: 0 0 10px 0;
	}
	.txt20 samp{
		float: left;
		color: #646464;
		font-size: 20px;
		text-align: left;
		
	}
	.img1{
		vertical-align: middle;
		float: left;
		width: 28px;
		margin: 0 0 0 5px;
		
	}
	.txt21{
		width: 80%;
		float: left;
		margin: 0 0 10px 0;
		color: #646464;
		font-size: 20px;
		text-align: left;
	}
	.txt22{
		width: 100%;
		float: left;
		
	}
	.txt23{
		width: 24%;
		margin: 0 1% 10px 0;
		float: left;
	}
	.nav11{
		width: 96%;
		float: left;
		margin: 0 2% 0 2%;
	}
	.nav11-2{
		width: 100%;
		float: left;
		margin: 0 0% 1px 0%;
	}
	.txt24{
		letter-spacing: 1px;
		font-size: 16px;
		text-align: center;
		width: 12.5%;
		height: 64px;
		line-height: 64px;
		float: left;
		background: #eeeeee;
		border-bottom: solid 1px #ffffff;
	}
	.txt24-1{
		letter-spacing: 1px;
		font-size: 16px;
		text-align: center;
		width: 12.5%;
		height: 32px;
		line-height: 32px;
		float: left;
		background: #eeeeee;
		border-bottom: solid 1px #ffffff;
	}
	.txt25{
		width: 87.5%;
		float: left;
		border-bottom: dashed 1px #e1e1e1;
	}
	.txt26{
		text-align: left;		
		margin: 0 0 0 2%;
		width:23%; 
		float: left; 
		height: 32px;
		font-size: 15px;
		line-height: 32px;
	}
	.txt26 a{		
		color: #000000;
		font-size: 15px;
		text-decoration: none;
	}
	.txt26 a:hover{ color: #ff4c76;}
	.txt26-2{
		font-size: 15px;
		text-align: left;
		margin: 0 0 0 2%;
		width:23%; 
		float: left; 
		height: 32px;
		line-height: 32px;}
	.txt26-2 a{		
		color: #ff4c76;
		font-size: 15px;
		text-decoration: none;
	}
	.txt26-2 a:hover{ color: #ff4c76;}
	.txt27{
		letter-spacing: 1px;
		font-size: 16px;
		text-align: center;
		width: 12.5%;
		height: 64px;
		line-height: 64px;
		float: left;
		background: #eeeeee;
		border-bottom: solid 1px #ffffff;
	}
	.txt28{
		text-align: left;		
		margin: 0 0 0 2%;
		width:23%; 
		float: left; 
		height: 32px;
		font-size: 15px;
		line-height: 32px;
	}
	.txt28 a{		
		color: #000000;
		font-size: 15px;
		text-decoration: none;
	}
	.txt28 a:hover{ color: #ff4c76;}
	.txt28-2{
		font-size: 15px;
		text-align: left;
		margin: 0 0 0 2%;
		width:23%; 
		float: left; 
		height: 32px;
		line-height: 32px;}
	.txt28-2 a{
		
		color: #ff4c76;
		font-size: 15px;
		text-decoration: none;
	}
	.txt28-2 a:hover{ color: #ff4c76;}
	.nav11-3{
		width: 100%;
		float: left;
		margin: 15px 0% 0 0%;
	}
	.txt29{
		display: none;
		
		
	}
	.txt30{display: none;}
	.nav11-4{
		padding-bottom: 10px;
		width:31%;
		float: left;
		margin: 0px 2% 10px 0%;
	}
	.txt31{
		position: relative;
		width:100%;
		height: 295px;
		float: left;
		border: solid 1px #d0e6fc;
		box-shadow:3px 3px 10px #6c99c5 ;		
		margin: 0 0  15px 0;		
       
		
	}
	.txt31 img{
		object-fit : cover; 
		width: 100%;
		height: 100%;
	position: absolute;	
  top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    max-width: 300px; max-height: 285px;
    
	}
	.txt31 a{
		opacity: 1;
	}
	.txt31 a:hover{
		opacity: 0.7;
	}
	.txt31-2{
		position: relative;
		width:100%;
		height: 295px;
		float: left;
		border: solid 1px #d0e6fc;
		box-shadow:3px 3px 10px #6c99c5 ;		
		margin: 0 0  15px 0;		
       
		
	}
	.txt31-2 img{
		object-fit : cover; 
		width: 85%;
		height: 85%;
	position: absolute;	
  top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    max-width: 300px; max-height: 285px;
    
	}
	.txt32{
		
		font-weight:bold;
		width: 98%;
		color: #003377;
		font-size: 15px;
		text-align: left;
		float: left;
		margin: 0 0 5px 0;
		overflow: hidden;
		line-height:20px;
		height: 39px;
	}
	.txt33{
		overflow: hidden;
		width: 98%;
		height: 39px;
		line-height: 20px;
		color: #454545;
		font-size: 15px;
		text-align: left;
		float: left;
		border-bottom:  dashed 1px #d3d3d3;
	}
	.txt34{
		margin: 10px 0 0 0;
		width:40%;
		color: #f60909;
		font-size: 20px;
		text-align: left;
		line-height:28px;
		float: left;
	}
	.txt35{
		font-size: 18px;
		width: 40%;
		float: right;
		line-height: 28px;
		height: 28px;
		margin: 10px 2% 0 0;
		
	}
	.txt35 a{
		display: block;
		text-decoration: none;
		background: #ff4c76;
		color: #ffffff;
		font-size: 15px;
		text-align: center;
	}
	.txt35 a:hover{
		background: #3e71a4;
	}
	.nav12{
		width: 96%;
		float: left;
		margin: 0 2% 0 2%;
	}
	.txt36{
		font-weight:bold;
		width: 100%;
		float: left;
		color:#11377d;
		font-size: 18px;
		text-align: left;
		padding: 5px 0 5px 0;
	}
	.nav12-2{
		width: 100%;
		float: left;
		margin: 10px 0 10px 0;
		padding: 0 0 15px 0; 
		border-bottom: solid 2px #d0e6fc;
	}
	.nav12-3{
		width: 42%;
		float: left;
		margin: 0px 1% 0px 0;
		
	}
	.nav12-4{
		width: 57%;
		float: left;
		margin: 0px 0% 0px 0;
		padding: 10px 0 0 0;
		
	}
	.txt37{
		padding: 8px 0 8px 0;
		width: 100%;
		float: left;
		border-bottom: dashed 1px #a7a7a7;
	}
	.txt37-2{
		padding: 12px 0 12px 0;
		width: 100%;
		float: left;}
	.txt37-3{
		width: 45%;
		margin: 0 0 15px 8%;
		float: left;
		
	}
	.txt37-3 samp{
		color: #474747;
		font-size: 16px;
		width: 30%;
		float: left;
		text-align: right;
		vertical-align: middle;
	}
	.txt37-3 img{
		margin: 0 0 0 5px;
		vertical-align: middle;
		width: 22px;
		hanging-punctuation: 22px;
	}
		
		
	.txt38{
		width: 19%;
		float: left;
		color: #797979;
		font-size: 15px;
		text-align: right;
		line-height: 24px;
	}
	.txt39{
		width: 81%;
		line-height: 24px;
		float: left;
		color: #373737;
		font-size: 15px;
	}
	.txt40{
		width: 81%;
		line-height: 24px;
		float: left;
		color: #373737;
		font-size: 15px;
	}
	.txt41{
		width: 81%;
		line-height: 24px;
		float: left;
		color: #ff9320;
		font-size: 15px;
	}
	.txt42{
		width: 81%;
		line-height: 24px;
		float: left;
		color: #f60909;
		font-size: 20px;
	}
	.txt43{
		letter-spacing: 2px;
		text-align: center;
		width: 30%;
		float: right;
		line-height: 40px;
		height: 40px;
		font-size: 16px;
		margin: 0 0 0 10px;
	}
	.txt43 a{
		text-decoration: none;
		display: block;
		color:  #ffffff;
		background: #5a7ea1;
	}
	.txt43 a:hover{
		background: #6c99c5;
		color: #ffffff;
		
	}
	.nav12-5{
		width: 100%;
		float: left;
		margin: 15px 0 15px 0;
	}
	.nav12-5 img{
		width: auto;
    height: auto;
	margin:15px 1px;
	}
	.txt44{width: 100%; float: left;
		}
	
	.txt44 img{
		width: 50px;
		float: left;
	}
	.txt45{
		font-size: 17px;
		font-weight: bold;
		color: #000000;
		line-height: 22px;
		width: 68%;
		float: left;
		margin: 10px 0 0 2%;
	}
	.txt46 {
		width: 100%;float: left;
	}
	.txt47{
		width: 100%;
		float: left;
		margin: 5px 0 0 0;
	}
	.txt47 samp{
		color: #4c5768;
		font-size: 14px;
		line-height: 17px;
		width: 100%;
		float: left;
		height: 85px;
		overflow: hidden;
		margin: 0 0% 10px 0;
		
	}
	.txt48{		
		width: 100%;
		float: left;
	}
	.txt48 img{
		width: 100%;
		float: left;
	}
	.txt49{
		width: 100%;
		margin: 5px 0 0 0%;
		padding: 6px 0 11px 0; 
		float: left;		
		font-size: 15px;
		line-height: 26px;
		color: #4b4b4b;	
		border-bottom: dashed 1px #585858;
		letter-spacing: 1px;
		
	}
	.txt49 samp{
		font-weight: bold;
		letter-spacing: 1px;
		width: 100%;
		float: left;
		font-size: 18px;
		line-height: 30px;}
	.txt50{
		color: #E40580;
		width: 100%;
		float: left;
		margin: 5px 0 0 0;
		font-size: 17px;
	}
	.txt50 a{ color: #E40580; text-decoration: none; font-size: 17px;}
	.txt50 a:hover{ color: #135CA8;}
	.txt51{
		text-align: left;		
		margin: 0 0 0 1.7%;
		width:20.2%; 
		float: left; 
		height: 32px;
		font-size: 15px;
		line-height: 32px;
	}
	.txt51 a{		
		color: #000000;
		font-size: 15px;
		text-decoration: none;
	}
	.txt51 a:hover{ color: #ff4c76;}
	.txt51-2{
		font-size: 15px;
		text-align: left;
		margin: 0 0 0 1.7%;
		width:20.2%; 
		float: left; 
		height: 32px;
		line-height: 32px;}
	.txt51-2 a{
		
		color: #ff4c76;
		font-size: 15px;
		text-decoration: none;
	}
	.txt51-2 a:hover{ color: #ff4c76;}
}


@media only screen and (max-width: 666px) {/*針對手機*/
	.top{
		width: 100%;
		float:left;
		height: 40px;
		background:#005ab0 url("images/index/top_bg2.jpg") repeat-x center center;
	}
	.top2{
		width: 98%;
		float: left;
		margin: 0 0% 0 2%;
	}
	.txt1{
		width:100%;
		float: left;
		line-height: 40px;		
		height:40px;
		text-align: left;
		color: #ffffff;
		font-size: 16px;
        letter-spacing: 0px;
		vertical-align:middle;
	}
	.txt1 img{
		vertical-align: middle;
		margin: 8px 5px 0 0;
		width: 24px;
		height: 24px;
		
	}
	.txt1-2{
		display: none;
		
	}
	.txt1-2 img{
			display: none;
	}
	.txt2{	
			display: none;
		
	}
	.txt2 samp{
		letter-spacing: 1px;
		margin: 10px 2% 0 10%;
		font-size: 15px;
		line-height: 20px;
		width: 90%;
		float: right;
	}
	.button{
		width: 100%;
		float: left;
		margin: 0 0% 0 0%;
	}
	.logo{
		
		width:40%;
		float: left;
		margin: 18px 30% 13px 30%;
	}
	.ilogo {
		width: 40%;
        position: relative;
        float: left;
        margin: 0px 30% 10px 30%;
        overflow: hidden;
    }
	.button2{
		
		margin: 0px 0 0 0;
		width: 100%;
		float: left;
	}
	.banner{
		width: 100%;
		float: left;
	}
	.nav1{
	background: #f9f9f9;
	width: 100%;
	float: left;
    }
   .tit1{
	width:55%;
	margin:15px auto 15px auto;
	border-bottom: solid 2px #3f77ad;
	height:40px;
	line-height: 40px;
	text-align: center;
	color: #4c5768;
	font-size: 20px;
	
   }
  .tit1 samp{
	color: #4c5785; 
	font-size: 15px;
	}
.nav1-2{
		width: 96%;
		float: left;
	    margin: 0 2% 20px 2%;
	}
	.txt3{
		width: 100%;
		float: left;
		height: 40px;
		line-height: 40px;
		background: #949799;
	}
	.txt3 samp{
		font-size:17px;
		color: #ffffff;
		width: 96%;
		float: left;
		margin: 0 2% 0 2%;
		line-height: 40px;
		overflow: hidden;
		white-space: nowrap;
        text-overflow: ellipsis;
	}
	.txt4{
		width: 96%;
		float: left;
		color: #818080;
		font-size: 15px;
		line-height: 20px;
		margin: 10px 2% 10px 2%;
		height: 80px;
		overflow: hidden;
	}
	.myButton {
		float: left;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	background-color:#ffffff;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
		margin: 0 0 0 2%;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
		width: 20%;
		height: 26px;
		line-height: 26px;
		text-align: center;
}
.myButton:hover {
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	background-color:#f6f6f6;
}
.myButton:active {
	position:relative;
	top:1px;
}
	.nav2{
	width: 100%;
	float: left;
    }
	.tit5{
		width:96%;
		float: left;
		margin: 10px 1% 15px 3%;
	}
	.tit5-2{
		width:96%;
		float: left;
		margin: 0px 1% 0px 3%;
	}
	.txtbox{width: 75%; height: 34px; border: solid 1px #959595;  font-size: 15px; text-indent: 8px;float: left; }
	.shiny-button {
		float: left;
		height: 38px;
		line-height: 38px;
		width: 20%;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  color: #FFFFFF;
  font-size: 18px;
  background-color: #7b7b7b;
  background-image: -webkit-linear-gradient(top, #7e7e7e 0%, #8f8f8f 48%, #7b7b7b 49%, #7b7b7b 82%, #898989 100%);
  background-image: -moz-linear-gradient(top, #7e7e7e 0%, #8f8f8f 48%, #7b7b7b 49%, #7b7b7b 82%, #898989 100%);
  background-image: -o-linear-gradient(top, #7e7e7e 0%, #8f8f8f 48%, #7b7b7b 49%, #7b7b7b 82%, #898989 100%);
  background-image: linear-gradient(top, #7e7e7e 0%, #8f8f8f 48%, #7b7b7b 49%, #7b7b7b 82%, #898989 100%);
letter-spacing: 1px;
  
}

.shiny-button:hover {
  color: #FFFFFF;
  background-color: #838383;
  background-image: -webkit-linear-gradient(top, #868686 0%, #979797 48%, #838383 49%, #838383 82%, #919191 100%);
  background-image: -moz-linear-gradient(top, #868686 0%, #979797 48%, #838383 49%, #838383 82%, #919191 100%);
  background-image: -o-linear-gradient(top, #868686 0%, #979797 48%, #838383 49%, #838383 82%, #919191 100%);
  background-image: linear-gradient(top, #868686 0%, #979797 48%, #838383 49%, #838383 82%, #919191 100%);
  
}
	.nav2-2{
	width: 98%;
	margin: 0px 1% 0px 1%;
	float: left;
    }
	.nav2-3{
		width: 98%;
		float: left;
		margin: 0 1% 15px 1% ;
		
	}
	.nav2-2m{
	width: 98%;
	margin: 10px 1% 0px 1%;
	float: left;
    }
	.nav2-3m{
		width: 98%;
		float: left;
		margin: 0 1% 15px 1% ;
		
	}
	.tit6{
		float: left;
		width: 100%;
		background: #3f77ad;
	}
	.tit6 samp{
		font-size: 18px;
		color: #ffffff;
		height: 36px;
		line-height: 36px;
		text-align: center;
		width: 96%;
		float: left;
		border: solid 1px #ffffff;
		margin: 2%;
		letter-spacing: 1px;
		
	}
	.tit6 samp a{
		display: block;
		color: #ffffff;
		text-decoration: none;
	}
	.tit6 samp a:hover{
		color: #bcd5ed;
	}
	.txt5{
		margin: 0;
		padding: 0;
		list-style: none;
		width: 98%;
		margin: 8px 0 0 2%;
		float: left;
	}
	.txt6{
		width: 100%;
		float: left;
		background: url("images/index/icon3-2.png") no-repeat left center;
		text-indent: 25px;
		text-align: left;
		margin: 0px 0 10px 0;
		padding: 0px 0 0px 0;
	}
	.txt6 a{
		text-decoration: none;
		color: #464646;
		font-size: 16px;
	}
	.txt6 :hover{
		color: #f71cb1;
		
	}
	.nav2-4{
		width: 8%;
		margin: 10px 46% 10px 46%;
		text-align: center;
		float: left;
		
	}
	.nav2-4 img{
		text-align: center;
		width:45px;
		height: 11px;
	}
	.nav2-5{
		text-align: center;
	width: 80%;
	margin: 1% 10% 10px 10%;
	float: left;
    }
	.nav2-5 img{
		margin: 0 0 20px 0;
	}
	.nav3{
		width: 100%;
		float: left;
		background:#184d81 url("images/index/bg1.png") right center;
	}
	.nav3-2{
		width:98% ;
		float: left;
		margin: 15px 2% 15px 0;
	}
	.nav3-3{
		width: 96%;
		float: left;
		margin: 0 2% 15px 2%;
	}
	.nav3-3 h1{
		width: 100%;
		float: left;
		padding: 0;
		color: #efeff1;
		font-size: 25px;		
		margin:0px 0 10px 0 ;
		letter-spacing: 1px;
	}
	.nav3-3 p{
		text-align:justify;
		letter-spacing: 1px;
		color: #efeff1;
		font-size: 15px;
		line-height: 22px;
		text-align: left;
		width: 100%;
		float: left;
		margin: 0;
		padding: 0;
	}
	.nav3-3 samp{
		font-size: 17px;
	}
	.nav3-4{
		width: 25%;
		float: left;
		margin: 10px 0 0 0;
		text-align: center;		
       
	}
	.nav3-4 img{
		text-align: center;
		width: 100px;
	}
	.nav4{
		width: 100%;
		float: left;
	}
	.nav4-2{
		width: 96%;
		float: inherit;
		margin: 10px 2% 10px 2%;
	}
	.nav4-3{
		width: 43%;
		padding: 5px;
		float: left;
		margin: 0px 1.8% 15px 1%;
		border: solid 1px #33a1bc;
	}
	.bottom{
		width: 100%;
		float: left;
		background: #0269cc;
		padding: 10px 0 10px 0;
	}
	.bottom2{
		width: 98%;
	float: inherit;
	margin: 0 1% 0 1%;
}
	
	.logo2{
		display: none;
		width:40%;
		float: left;
		margin: 0px 30% 10px 30%;
	}
	.logo2 img{
		width: 100%;
		float: left;
		height: auto;
	}
	.nav5{
		border-top:none;
		padding: 5px 0 0 0;
		width:100%;
		margin: 0 0 0px 0%;
		float: left;
	}
	.nav5 p{
		margin: 0;
		padding: 0;
		width: 100%;
		float: left;
		color: #cccccc;
		font-size: 14px;
		text-align: left;
	}
	.nav5 samp{
		margin: 0 0 10px 0;
		line-height: 22px;
		text-align: left;
		width: 100%;
		float:left;
		color: #ffffff;
		font-size: 16px;
	}
	.nav5-2{
		width:100%;
		margin: 0 0 0 0%;
		float: left;
	}
	.nav5-2 p{
		margin: 0 0 8px 0;
		padding: 0;
		width: 100%;
		float: left;
		color: #cccccc;
		font-size: 14px;
		text-align: left;
	}
	.nav5-2 samp{
		margin: 0 0 4px 0;
		text-align: left;
		width: 100%;
		float:left;
		color: #ffffff;
		font-size: 16px;
	}
	.nav5-3{
		width:100%;
		margin: 8px 0 0 0%;
		float: right;
	}
	.nav5-3 p{
		margin: 0 0 8px 0;
		padding: 0;
		width: 100%;
		float: left;
		color: #cccccc;
		font-size: 14px;
		text-align: left;
	}
	.nav5-3 samp{
		background: url("images/index/icon8.png") no-repeat left center;
		margin: 0 0 5px 0;
		text-align: left;
		width: 100%;
		float:left;
		color: #ffffff;
		text-indent: 20px;
		font-size: 14px;
	}
	.linebtn{
		width: 62px;		
		position: fixed;
		right:15px;
		bottom: 120px;
		z-index: 999999999;
	}
	.leftbtn{
		z-index: 999999999;
		width: 60px;		
		position: fixed;
		left:10px;
		bottom: 50px;
	}
	.topbtn{		
		width: 60px;		
		position: fixed;
		right:15px;
		bottom: 50px;
		z-index: 999999999;
	}
	.tit2{
		letter-spacing: 0px;
		width: 96%;
	margin: 5px 2% 5px 2%;
	float: left;
		
		
		color: #000000;
		font-size: 15px;
		text-align: right;
	}
	.tit2 a{
		color: #000000;
		text-decoration: none;
		
	}
	.tit2 a:hover{
		color: #517598;
	}
	.nav6{
		width: 100%;
		float: left;
		background:#184d81 url("images/about/bg-1.jpg") no-repeat right center;
	}
	.nav6-2{
		text-align: center;
		width: 100%;
		padding: 5px 0 5px 0;
		float: left;
		background: url("images/about/bg-2.jpg")  repeat center center;
		margin: 15px 0 15px 0;
	}
	.nav6-2 p{
		color: #191919;
		width: 100%;
		float: left;
		font-size: 16px;
		margin: 0 0% 0 0%;
		line-height: 24px;
	}
	.nav6-2 h1{
		color: #ff0226;
		padding: 0;
		width: 90%;
		float: left;
		font-size:16px;
		margin: 0 5% 0 5%;
		line-height: 24px;}
	.nav6-2 samp{
		color: #e2611b;
		font-size: 16px;
		font-weight: normal;
		}
	.nav6-3{
		width: 96%;
		float: left;
		margin: 0px 2% 10px 2%;
	}
	.nav6-4{
		width: 100%;
		float: left;
		margin: 0 0% 10px 0;
	}
	.nav6-5{
		width: 100%;
		float: left;
		margin: 0px 0 0px 0;
	}
	.txt7{
		width: 130px;
		float: left;
		color: #ffffff;
		font-size: 18px;
		text-align: left;
		line-height: 34px;
		letter-spacing: 1px;
		background: url("images/about/tit1-2.png") no-repeat right bottom;
	}
	.txt7-2{
		width: 160px;
		float: left;
		color: #ffffff;
		font-size: 18px;
		text-align: left;
		line-height: 36px;
		letter-spacing: 1px;
		background: url("images/about/tit1-2.png") no-repeat right bottom;
	}
	.txt8{
		width: 100%;
		margin: 10px 0 10px 0;
		float: left;
		color: #ffffff;
		font-size: 15px;
		text-align: left;
		line-height: 22px;
	}
	.nav7{
		width: 100%;
		float: left;
		height: 200px;
	}
	.nav8{
		width: 96%;
		float: left;
		margin: 0 2% 0 2%;
	}
	.nav8-2{
		width: 100%;
		float: left;
		margin: 0 0 10px 0;
	}
	.txt9{
		background: #949799;
		width: 100%;
		float: left;
		height: 32px;
		line-height: 32px;
	}
	.txt9 samp{
		color: #ffffff;
		font-size: 15px;
		width: 96%;
		float: left;
		margin: 0 2% 0 2%;
		line-height: 32px;
		overflow: hidden;
		white-space: nowrap;
        text-overflow: ellipsis;
		
	}
	.txt9-2{
		background: #949799;
		width: 100%;
		float: left;
	}
	.txt9-2 samp{
		color: #ffffff;
		font-size: 15px;
		line-height: 20px;
		width: 96%;
		float: left;
		margin: 0 2% 0 2%;
		padding:4px 0 4px 0;
		
	}
	.txt10{
		width: 100%;
		float: left;
		border-bottom: dashed 1px #cdcdcd;
		line-height: 26px;
		text-align: right;
		color: #818080;
		font-size: 15px;
	}
	.nav8-3{
		width: 100%;
		float: left;
		margin: 10px 0 0px 0;
	}
	.txt11{
		width:97.5%;
		float: left;
		border: solid 1px #d2d2d2;
		margin: 0 0 0 1%;
	}
	.txt12{
		width: 100%;
		margin: 10px 0 0 0%;
		float: left;
		color: #818080;
		font-size:15px;
		line-height: 22px;
		text-align: left;
		height: 90px;
		overflow: hidden;
	}
	.txt12 a{
		height: 90px;
		overflow: hidden;
		color: #818080;		
		text-decoration: none;
		font-size: 15px;
		line-height: 22px;
		text-align: left;
		display: block;
		
	}
	.txt12 :hover{
		color: #042b51;
		display: block;
	}
	.nav8-4{
		width: 100%;
		float: left;
		text-align: center;
		margin: 10px 0 20px 0;
	}
	.txt13{
		margin: 0 5px 0 5px;
	}
	.txt13 a{	
		margin: 0 5px 0 5px;
		color: #535353;
		font-size: 18px;
		text-align: center;
		padding:6px 10px 6px 10px;
		text-decoration: none;
		
		background: #4e7195;
		color: #ffffff;
	}
	.txt13 a:hover{
		color: #ffffff;
		background: #184d81;
		
	}
	.txt14{
		width: 100%;
		margin: 5px 0 0 0%;
		float: left;		
		font-size: 15px;
		line-height: 20px;
		color: #818080;	
		
	}
	.txt14 img{
		width: auto;
    height: auto;
	}
	.nav9{
		width: 96%;
		float: left;
		margin: 0 2% 0 2%;
	}
	.nav9-2{
		border-bottom: dashed 1px #cacaca;
		width: 100%;
		float: left;
		margin: 0 0% 20px 0%;
		padding: 0 0 10px 0;
	}
	.txt15{
		padding: 6px;
		color: #ffffff;
		font-size: 17px;
		text-align: left;
		float: left;
		background: #5a5a5a;
		margin: 0 0 0px 0;
	}
	.txt16{
		width: 99%;
		float: left;
		margin: 0 0 0 0.5%;
		line-height: 28px;
		color: #818080;
		font-size: 15px;
		text-align: left;
	}
	.txt17{
		width: 99%;
		float: left;
		color: #818080;
		margin: 0 0 0 0.5%;
		font-size: 15px;
		line-height: 20px;
		text-align: left;
	}
	.txt18{
		width: 99%;
		float: left;
		color: #818080;
		margin: 0 0 0 0.5%;
		font-size: 15px;
		line-height: 20px;
		text-align: left;
	}
	.txt18 samp{
		font-size: 17px;
		color: #ea862e;
		width: 100%;
		float: left;
		margin: 10px 0 0 0;
	}
    .nav10{
		width: 100%;
		float: left;
		margin: 0 0% 0 0%;
		background: url("images/contact/bg.png") repeat-x bottom center;
	}
	.nav10-2{
		width: 98%;
		float: left;
		border: solid 1px #cccccc;
		margin: 10px 1% 10px 1%;
		height: 300px;
	}
	.nav10-3{
		width: 96%;
		float: left;
		margin: 0px 2% 10px 2%;
	}
	.txt19{
		width: 60%;
		float: left;
		margin: 10px 20% 10px 20%;
	}
	.txt19 img{
		width: 100%;
	}
	.txt20{
		width: 100%;
		float: left;
		margin: 0 0 5px 0;
	}
	.txt20 samp{
		float: left;
		color: #646464;
		font-size: 18px;
		text-align: left;
		
	}
	.img1{
		vertical-align: middle;
		float: left;
		width: 22px;
		margin: 0 0 0 5px;
		
	}
	.txt21{
		width: 100%;
		float: left;
		margin: 0 0 5px 0;
		color: #646464;
		font-size: 18px;
		text-align: left;
	}
	.txt22{
		display: none;
		width: 100%;
		float: left;
		margin: 10px 0% 10px 0%;
		
	}
	.txt23{
		text-align: center;
		width: 48%;
		margin: 0 1% 5px 1%;
		float: left;
	}
	.nav11{
		width: 96%;
		float: left;
		margin: 0 2% 0 2%;
	}
	.nav11-2{
		width: 100%;
		float: left;
		margin: 0 0% 1px 0%;
	}
	.txt24{
		letter-spacing: 1px;
		font-size: 16px;
		text-align: center;
		width: 18%;
		float: left;
		background: #eeeeee;
		height: 44px;
		line-height: 44px;
		border-bottom: solid 1px #ffffff;
	}
	.txt24-1{
		letter-spacing: 1px;
		font-size: 16px;
		text-align: center;
		width: 18%;
		float: left;
		background: #eeeeee;
		height: 54px;
		line-height: 54px;
		border-bottom: solid 1px #ffffff;
	}
	.txt25{
		width: 80%;
		margin: 0 0 0 2%;
		float: left;
		line-height: 44px;
		
	}
	.txt26{
		display: none;
		text-align: left;
		margin: 0 0 0 2%;
		width:12%; 
		float: left; 
		height:44px;
		line-height: 44px;
	}
	.txt26 a{		
		color: #000000;
		font-size:15px;
		text-decoration: none;
	}
	.txt26 a:hover{ color: #ff4c76;}
	.txt26-2{
		display: none;
		text-align: left;
		margin: 0 0 0 2%;
		width:12%; 
		float: left; 
		height: 44px;
		line-height: 44px;}
	.txt26-2 a{
		
		color: #ff4c76;
		font-size: 15px;
		text-decoration: none;
	}
	.txt26-2 a:hover{ color: #ff4c76;}
	.txt27{
		letter-spacing: 1px;
		font-size: 16px;
		text-align: center;
		width: 18%;
		float: left;
		background: #eeeeee;
		height: 44px;
		line-height: 44px;
		border-bottom: solid 1px #ffffff;
	}
	.txt28{
		display: none;
		text-align: left;		
		margin: 0 0 0 2%;
		width:23%; 
		float: left; 
		height: 32px;
		font-size: 15px;
		line-height: 32px;
	}
	.txt28 a{		
		color: #000000;
		font-size: 15px;
		text-decoration: none;
	}
	.txt28 a:hover{ color: #ff4c76;}
	.txt28-2{
		display: none;
		font-size: 15px;
		text-align: left;
		margin: 0 0 0 2%;
		width:23%; 
		float: left; 
		height: 32px;
		line-height: 32px;}
	.txt28-2 a{
		
		color: #ff4c76;
		font-size: 15px;
		text-decoration: none;
	}
	.txt28-2 a:hover{ color: #ff4c76;}
	.nav11-3{
		width: 100%;
		float: left;
		margin: 10px 0% 0 0%;
	}
	.txt29{
		
		width: 82%;
		margin: 0 0 0 0%;
		float: left;
		line-height: 44px;
		border-bottom: dashed 1px #dcdcdc;
		
	}
	.txt29-1{
		width: 82%;
		margin: 0 0 0 0%;
		float: left;
		line-height: 54px;
		border-bottom: dashed 1px #dcdcdc;
		
	}
	.txt30{
		border-radius: 8px;
		border: solid 1px #e4e4e4;
		width: 96%;
		margin: 0 0 0 2%;
		line-height:30px;
		height: 30px;
	}
	.nav11-4{
		padding-bottom: 10px;
		width:100%;
		float: left;
		margin: 0px 0% 5px 0%;
	}
	.txt31{
		position: relative;
		object-fit : cover; 
		width: 47%;
		float: left;
		border: solid 1px #d0e6fc;
		box-shadow:2px 2px 5px #6c99c5 ;		
		margin: 0 0  15px 0;
		height: 248px;
	}
		.txt31 img{
				object-fit : cover; 
		width: 100%;
		height: 100%;
	position: absolute;	
  top: 50%; left: 50%;
    transform: translate(-50%, -50%);
		max-width: 250px; max-height: 238px;
			
	
 
    
	}
	.txt31 a{
		opacity: 1;
	}
	.txt31 a:hover{
		opacity: 0.7;
	}
	.txt31-2{
		position: relative;
		width:100%;
		height: 390px;
		float: left;
		border: solid 1px #d0e6fc;
		box-shadow:3px 3px 10px #6c99c5 ;		
		margin: 0 0  15px 0;		
       
		
	}
	.txt31-2 img{
		object-fit : cover; 
		width: 100%;
		height: 100%;
	position: absolute;	
  top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    max-width: 390px; max-height: 370px;
    
	}
	.txt32{
		
		font-weight:bold;
		width: 50%;
		color: #003377;
		font-size: 15px;
		text-align: left;
		float: left;
		margin: 10px 0 5px 2%;
		line-height:22px;
		overflow: hidden;
		height: 70px;
	}
	.txt33{
		overflow: hidden;
		width: 50%;
		margin: 0 0 0 2%;
		height: 70px;
		line-height: 22px;
		color: #454545;
		font-size: 15px;
		text-align: left;
		float: left;
		border-bottom:  dashed 1px #d3d3d3;
	}
	.txt34{
		margin: 10px 0 0 4%;
		width:48%;
		color: #f60909;
		font-size: 22px;
		text-align: left;
		line-height:28px;
		float: left;
	}
	.txt35{
		font-size: 18px;
		width: 30%;
		float: right;
		line-height: 40px;
		height: 40px;
		margin: 5px 19% 0 2%;
		
	}
	.txt35 a{
		display: block;
		text-decoration: none;
		background: #ff4c76;
		color: #ffffff;
		font-size: 15px;
		text-align: center;
	}
	.txt35 a:hover{
		background: #3e71a4;
	}
	.nav12{
		width: 96%;
		float: left;
		margin: 0 2% 0 2%;
	}
	.txt36{
		font-weight:bold
		width: 100%;
		float: left;
		color:#11377d;
		font-size: 16px;
		text-align: left;
		padding: 4px 0 4px 0;
	}
	.nav12-2{
		width: 100%;
		float: left;
		margin: 10px 0 10px 0;
		padding: 0 0 5px 0; 
		border-bottom: solid 1px #d0e6fc;
	}
	.nav12-3{
		width: 100%;
		float: left;
		margin: 0px 0% 0px 0;
		
	}
	.nav12-4{
		width: 100%;
		float: left;
		margin: 0px 0% 0px 0;
		padding: 10px 0 0 0;
		
	}
	.txt37{
		padding: 8px 0 8px 0;
		width: 100%;
		float: left;
		border-bottom: dashed 1px #a7a7a7;
	}
	.txt37-2{
		padding: 12px 0 12px 0;
		width: 100%;
		float: left;
	}
	.txt37-3{
		width: 55%;
		margin: 0 0 15px 1%;
		float: left;
		
	}
	.txt37-3 samp{
		color: #474747;
		font-size: 15px;
		width: 34%;
		float: left;
		text-align: right;
		vertical-align: middle;
	}
	.txt37-3 img{
		margin: 0 0 3px 5px;
		vertical-align: middle;
		width: 22px;
		hanging-punctuation: 22px;
	}
		
	.txt38{
		width: 22%;
		float: left;
		color: #797979;
		font-size: 15px;
		text-align: right;
		line-height: 22px;
	}
	.txt39{
		width: 78%;
		line-height: 22px;
		float: left;
		color: #373737;
		font-size: 15px;
	}
	.txt40{
		width: 78%;
		line-height: 22px;
		float: left;
		color: #373737;
		font-size: 15px;
	}
	.txt41{
		width: 78%;
		line-height: 22px;
		float: left;
		color: #ff9320;
		font-size: 15px;
	}
	.txt42{
		width: 78%;
		line-height: 22px;
		float: left;
		color: #f60909;
		font-size: 22px;
	}
	.txt43{
		letter-spacing: 2px;
		text-align: center;
		width: 30%;
		float: right;
		line-height: 44px;
		height: 44px;
		font-size: 17px;
		margin: 0 0 0 10px;
	}
	.txt43 a{
		text-decoration: none;
		display: block;
		color:  #ffffff;
		background: #5a7ea1;
	}
	.txt43 a:hover{
		background: #6c99c5;
		color: #ffffff;
		
	}
	.nav12-5{
		width: 100%;
		float: left;
		margin: 10px 0 10px 0;
	}
	.nav12-5 img{
 max-width:100%;
 height:auto;
 margin:15px 1px;
}




	.txt44{width: 100%; float: left;
		}
	
	.txt44 img{
		width: 40px;
		float: left;
	}
	.txt45{
		font-size: 17px;
		font-weight: bold;
		color: #000000;
		line-height: 22px;
		width: 68%;
		float: left;
		margin: 5px 0 0 2%;
	}
	.txt46 {
		width: 100%;float: left;
	}
	.txt46 img{
		width: 36%;
		float: left;
	}
	.txt47{
		width: 100%;
		float: left;
		margin: 5px 0 0 0;
	}
	.txt47 samp{
		color: #4c5768;
		font-size: 14px;
		line-height: 17px;
		width: 100%;
		float: left;
		height: 68px;
		overflow: hidden;
		margin: 0 0% 10px 0;
		
	}
	.txt48{		
		width: 100%;
		float: left;
	}
	.txt48 img{
		width: 100%;
		float: left;
		height: auto;
	}
	.txt49{
		width: 100%;
		margin: 5px 0 0 0%;
		padding: 5px 0 9px 0; 
		float: left;		
		font-size: 15px;
		line-height: 22px;
		color: #4b4b4b;	
		border-bottom: dashed 1px #585858;
		letter-spacing: 1px;
		
	}
	.txt49 samp{
		font-weight: bold;
		letter-spacing: 1px;
		width: 100%;
		float: left;
		font-size: 18px;
		line-height: 26px;}
	.txt50{
		color: #E40580;
		width: 100%;
		float: left;
		margin: 5px 0 0 0;
		font-size: 15px;
	}
	.txt50 a{ color: #E40580; text-decoration: none; font-size: 15px;}
	.txt50 a:hover{ color: #135CA8;}
	.txt51{
		display: none;
		text-align: left;		
		margin: 0 0 0 1.7%;
		width:70%; 
		float: left; 
		height: 27px;
		font-size: 15px;
		line-height: 27px;
	}
	.txt51 a{		
		color: #000000;
		font-size: 15px;
		text-decoration: none;
	}
	.txt51 a:hover{ color: #ff4c76;}
	.txt51-2{
		display: none;
		font-size: 15px;
		text-align: left;
		margin: 0 0 0 1.7%;
		width:70%; 
		float: left; 
		height: 27px;
		line-height: 27px;}
	.txt51-2 a{
		
		color: #ff4c76;
		font-size: 15px;
		text-decoration: none;
	}
	.txt51-2 a:hover{ color: #ff4c76;}
	
}


@media screen and (min-width: 667px)and (max-width:896px) {/*針對橫著放的手機*/
	.top{
		width: 100%;
		float:left;
		height: 40px;
		background:#005ab0 url("images/index/top_bg2.jpg") repeat-x center center;
	}
	.top2{
		width: 98%;
		float: left;
		margin: 0 0% 0 2%;
	}
	.txt1{
		width:50%;
		float: left;
		line-height: 40px;		
		height:40px;
		text-align: left;
		color: #ffffff;
		font-size: 16px;
        letter-spacing: 0px;
		vertical-align:middle;
	}
	.txt1 img{
		vertical-align: middle;
		margin: 8px 5px 0 0;
		width: 24px;
		height: 24px;
		
	}
	.txt1-2{
		width:50%;
		float: left;
		line-height: 40px;		
		height:40px;
		text-align: left;
		color: #ffffff;
		font-size: 16px;
        letter-spacing: 0px;
		vertical-align:middle;
		
		
	}
	.txt1-2 img{
			vertical-align: middle;
		margin: 8px 5px 0 0;
		width: 24px;
		height: 24px;
		
	}
	.txt2{	
			display: none;
		
	}
	.txt2 samp{
		letter-spacing: 1px;
		margin: 10px 2% 0 10%;
		font-size: 15px;
		line-height: 20px;
		width: 90%;
		float: right;
	}
	.button{
		width: 100%;
		float: left;
		margin: 0 0% 0 0%;
	}
	.logo{
		width:36%;
		float: left;
		margin: 18px 32% 10px 32%;
	}
	.ilogo {
		width: 30%;
        position: relative;
        float: left;
        margin: 0px 35% 10px 35%;
        overflow: hidden;
    }
	.button2{
		
		margin: 0 0 0 0;
		width: 100%;
		float: right;
	}
	.banner{
		width: 100%;
		float: left;
	}
	.nav1{
	background: #f9f9f9;
	width: 100%;
	float: left;
    }
   .tit1{
	width:33%;
	margin:15px auto 15px auto;
	border-bottom: solid 2px #3f77ad;
	height:40px;
	line-height: 40px;
	text-align: center;
	color: #4c5768;
	font-size: 24px;
	
   }
  .tit1 samp{
	color: #4c5785; 
	font-size: 16px;
	}
.nav1-2{
		width: 96%;
		float: left;
	    margin: 0 2% 20px 2%;
	}
	.txt3{
		width: 100%;
		float: left;
		height: 40px;
		line-height: 40px;
		background: #949799;
	}
	.txt3 samp{
		font-size:17px;
		color: #ffffff;
		width: 96%;
		float: left;
		margin: 0 2% 0 2%;
		line-height: 40px;
		overflow: hidden;
		white-space: nowrap;
        text-overflow: ellipsis;
	}
	.txt4{
		width: 96%;
		float: left;
		color: #818080;
		font-size: 15px;
		line-height: 20px;
		margin: 10px 2% 10px 2%;
		height: 80px;
		overflow: hidden;
	}
	.myButton {
		float: left;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:linear-gradient(to bottom, #ffffff 5%, #f6f6f6 100%);
	background-color:#ffffff;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	cursor:pointer;
	color:#666666;
		margin: 0 0 0 2%;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
		width: 20%;
		height: 26px;
		line-height: 26px;
		text-align: center;
}
.myButton:hover {
	background:linear-gradient(to bottom, #f6f6f6 5%, #ffffff 100%);
	background-color:#f6f6f6;
}
.myButton:active {
	position:relative;
	top:1px;
}
	.nav2{
	width: 100%;
	float: left;
    }
	.tit5{
		width:80%;
		float: left;
		margin: 5px 10% 15px 10%;
	}
	.tit5-2{
		width:80%;
		float: left;
		margin: 0px 10% 0px 10%;
	}
	.txtbox{width: 75%; height: 34px; border: solid 1px #959595;  font-size: 15px; text-indent: 8px;float: left; }
	.shiny-button {
		float: left;
		height: 38px;
		line-height: 38px;
		width: 20%;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  color: #FFFFFF;
  font-size: 18px;
  background-color: #7b7b7b;
  background-image: -webkit-linear-gradient(top, #7e7e7e 0%, #8f8f8f 48%, #7b7b7b 49%, #7b7b7b 82%, #898989 100%);
  background-image: -moz-linear-gradient(top, #7e7e7e 0%, #8f8f8f 48%, #7b7b7b 49%, #7b7b7b 82%, #898989 100%);
  background-image: -o-linear-gradient(top, #7e7e7e 0%, #8f8f8f 48%, #7b7b7b 49%, #7b7b7b 82%, #898989 100%);
  background-image: linear-gradient(top, #7e7e7e 0%, #8f8f8f 48%, #7b7b7b 49%, #7b7b7b 82%, #898989 100%);
letter-spacing: 1px;
  
}

.shiny-button:hover {
  color: #FFFFFF;
  background-color: #838383;
  background-image: -webkit-linear-gradient(top, #868686 0%, #979797 48%, #838383 49%, #838383 82%, #919191 100%);
  background-image: -moz-linear-gradient(top, #868686 0%, #979797 48%, #838383 49%, #838383 82%, #919191 100%);
  background-image: -o-linear-gradient(top, #868686 0%, #979797 48%, #838383 49%, #838383 82%, #919191 100%);
  background-image: linear-gradient(top, #868686 0%, #979797 48%, #838383 49%, #838383 82%, #919191 100%);
  
}
	.nav2-2{
	width: 98%;
	margin: 0px 1% 0px 1%;
	float: left;
    }
	.nav2-3{
		width: 48%;
		float: left;
		margin: 0 1% 10px 1% ;
		height: 240px;
		
	}
	.nav2-2m{
	width: 98%;
   margin: 0px auto 10px auto;
   column-count: 2;
   /*欄數*/
   column-gap: 10px;
   /*每欄間隔*/
    }
	
	.nav2-3m{
		float: left;		
        box-sizing: border-box;
        margin: 0 auto 10px auto;
        break-inside: avoid;
		
	}
	.tit6{
		float: left;
		width: 100%;
		background: #3f77ad;
	}
	.tit6 samp{
		font-size: 18px;
		color: #ffffff;
		height: 36px;
		line-height: 36px;
		text-align: center;
		width: 96%;
		float: left;
		border: solid 1px #ffffff;
		margin: 2%;
		letter-spacing: 1px;
		
	}
	.tit6 samp a{
		display: block;
		color: #ffffff;
		text-decoration: none;
	}
	.tit6 samp a:hover{
		color: #bcd5ed;
	}
	.txt5{
		margin: 0;
		padding: 0;
		list-style: none;
		width: 98%;
		margin: 8px 0 0 2%;
		float: left;
	}
	.txt6{
		width: 100%;
		float: left;
		background: url("images/index/icon3-2.png") no-repeat left center;
		text-indent: 25px;
		text-align: left;
		margin: 0px 0 10px 0;
		padding: 0px 0 0px 0;
	}
	.txt6 a{
		text-decoration: none;
		color: #464646;
		font-size: 16px;
	}
	.txt6 :hover{
		color: #f71cb1;
		
	}
	.nav2-4{
		width: 8%;
		margin: 15px 46% 15px 46%;
		text-align: center;
		float: left;
		
	}
	.nav2-4 img{
		text-align: center;
		width:45px;
		height: 11px;
	}
	.nav2-5{
		text-align: center;
	width: 80%;
	margin: 1% 10% 10px 10%;
	float: left;
    }
	.nav2-5 img{
		margin: 0 0 20px 0;
	}
	.nav3{
		width: 100%;
		float: left;
		background:#184d81 url("images/index/bg1.png") right center;
	}
	.nav3-2{
		width:98% ;
		float: left;
		margin: 20px 2% 20px 0;
	}
	.nav3-3{
		width: 96%;
		float: left;
		margin: 0px 2% 20px 2%;
	}
	.nav3-3 h1{
		width: 100%;
		float: left;
		padding: 0;
		color: #efeff1;
		font-size: 25px;		
		margin:5px 0 5px 0 ;
		letter-spacing: 1px;
	}
	.nav3-3 p{
		text-align:justify;
		letter-spacing: 1px;
		color: #efeff1;
		font-size: 17px;
		line-height: 24px;
		text-align: left;
		width: 100%;
		float: left;
		margin: 5px 0 10px 0;
		padding: 0;
	}
	.nav3-3 samp{
		font-size: 20px;
	}
	.nav3-4{
		width: 25%;
		float: left;
		margin: 10px 0 0 0;
		text-align: center;		
       
	}
	.nav3-4 img{
		text-align: center;
		width: 115px;
	}
	.nav4{
		width: 100%;
		float: left;
	}
	.nav4-2{
		width: 96%;
		float: inherit;
		margin: 25px 2% 20px 2%;
	}
	.nav4-3{
		width: 44.5%;
		padding: 5px;
		float: left;
		margin: 0px 1.8% 15px 1%;
		border: solid 1px #33a1bc;
	}
	.bottom{
		width: 100%;
		float: left;
		background: #0269cc;
		padding: 15px 0 0px 0;
	}
	.bottom2{
		width: 100%;
	float: inherit;
	margin: 0 0% 0 0%;
}
	
	.logo2{
		display: none;
		width:18%;
		float: left;
		margin: 20px 0 0px 0;
	}
	.logo2 img{
		width: 100%;
		float: left;
		height: auto;
	}
	.nav5{
		width:26%;
		margin: 0 0 0 2%;
		float: left;
	}
	.nav5 p{
		margin: 0;
		padding: 0;
		width: 100%;
		float: left;
		color: #cccccc;
		font-size: 14px;
		text-align: left;
	}
	.nav5 samp{
		margin: 0 0 10px 0;
		line-height: 22px;
		text-align: left;
		width: 100%;
		float:left;
		color: #ffffff;
		font-size: 15px;
	}
	.nav5-2{
		width:47%;
		margin: 0 0 0 0%;
		float: left;
	}
	.nav5-2 p{
		margin: 0 0 8px 0;
		padding: 0;
		width: 100%;
		float: left;
		color: #cccccc;
		font-size: 14px;
		text-align: left;
	}
	.nav5-2 samp{
		margin: 0 0 4px 0;
		text-align: left;
		width: 100%;
		float:left;
		color: #ffffff;
		font-size: 15px;
	}
	.nav5-3{
		width:25%;
		margin: 0 0 0 0%;
		float: right;
	}
	.nav5-3 p{
		margin: 0 0 8px 0;
		padding: 0;
		width: 100%;
		float: left;
		color: #cccccc;
		font-size: 14px;
		text-align: left;
	}
	.nav5-3 samp{
		background: url("images/index/icon8.png") no-repeat left center;
		margin: 0 0 5px 0;
		text-align: left;
		width: 100%;
		float:left;
		color: #ffffff;
		text-indent: 20px;
		font-size: 14px;
	}
	.linebtn{
		width: 62px;		
		position: fixed;
		right:25px;
		bottom: 120px;
		z-index: 999999999;
	}
	.leftbtn{
		z-index: 999999999;
		width: 70px;		
		position: fixed;
		left:10px;
		bottom: 60px;
	}
	.topbtn{		
		width: 60px;		
		position: fixed;
		right:25px;
		bottom: 50px;
		z-index: 999999999;
	}
	.tit2{
		letter-spacing: 1px;
		width: 96%;
	margin: 0px 2% 0px 2%;
	float: left;
		height: 32px;
		line-height: 32px;
		color: #000000;
		font-size: 15px;
		text-align: right;
	}
	.tit2 a{
		color: #000000;
		text-decoration: none;
		
	}
	.tit2 a:hover{
		color: #517598;
	}
	.nav6{
		width: 100%;
		float: left;
		background:#184d81 url("images/about/bg-1.jpg") no-repeat right center;
	}
	.nav6-2{
		text-align: center;
		width: 100%;
		padding: 5px 0 5px 0;
		float: left;
		background: url("images/about/bg-2.jpg")  repeat center center;
		margin: 15px 0 15px 0;
	}
	.nav6-2 p{
		color: #191919;
		width: 100%;
		float: left;
		font-size: 16px;
		margin: 0 0% 0 0%;
		line-height: 24px;
	}
	.nav6-2 h1{
		color: #ff0226;
		padding: 0;
		width: 90%;
		float: left;
		font-size:16px;
		margin: 0 5% 0 5%;
		line-height: 24px;}
	.nav6-2 samp{
		color: #e2611b;
		font-size: 16px;
		font-weight: normal;
		}
	.nav6-3{
		width: 96%;
		float: left;
		margin: 0px 2% 10px 2%;
	}
	.nav6-4{
		width: 100%;
		float: left;
		margin: 0 0% 10px 0;
	}
	.nav6-5{
		width: 100%;
		float: left;
		margin: 0px 0 0px 0;
	}
	.txt7{
		width: 120px;
		float: left;
		color: #ffffff;
		font-size: 16px;
		text-align: left;
		line-height: 34px;
		letter-spacing: 1px;
		background: url("images/about/tit1-2.png") no-repeat right bottom;
	}
	.txt7-2{
		width: 150px;
		float: left;
		color: #ffffff;
		font-size: 16px;
		text-align: left;
		line-height: 36px;
		letter-spacing: 1px;
		background: url("images/about/tit1-2.png") no-repeat right bottom;
	}
	.txt8{
		width: 100%;
		margin: 10px 0 10px 0;
		float: left;
		color: #ffffff;
		font-size: 15px;
		text-align: left;
		line-height: 22px;
	}
	.nav7{
		width: 100%;
		float: left;
		height: 250px;
	}
	.nav8{
		width: 96%;
		float: left;
		margin: 0 2% 0 2%;
	}
	.nav8-2{
		width: 100%;
		float: left;
		margin: 0 0 35px 0;
	}
	.txt9{
		background: #949799;
		width: 100%;
		float: left;
		height: 40px;
		line-height: 40px;
	}
	.txt9 samp{
		color: #ffffff;
		font-size: 18px;
		width: 96%;
		float: left;
		margin: 0 2% 0 2%;
		line-height: 40px;
		overflow: hidden;
		white-space: nowrap;
        text-overflow: ellipsis;
		
	}
	.txt9-2{
		background: #949799;
		width: 100%;
		float: left;
	}
	.txt9-2 samp{
		color: #ffffff;
		font-size: 18px;
		line-height: 26px;
		width: 96%;
		float: left;
		margin: 0 2% 0 2%;
		padding:4px 0 4px 0;
		
	}
	.txt10{
		width: 100%;
		float: left;
		border-bottom: dashed 1px #cdcdcd;
		line-height: 26px;
		text-align: right;
		color: #818080;
		font-size: 16px;
	}
	.nav8-3{
		width: 100%;
		float: left;
		margin: 10px 0 0px 0;
	}
	.txt11{
		width:20%;
		float: left;
		border: solid 1px #d2d2d2;
		margin: 0 0 0 1%;
	}
	.txt12{
		width: 76%;
		margin: 0px 0 0 1.8%;
		float: left;
		color: #818080;
		font-size:15px;
		line-height: 24px;
		text-align: left;
		height: 100px;
		overflow: hidden;
	}
	.txt12 a{
		height: 100px;
		overflow: hidden;
		color: #818080;		
		text-decoration: none;
		font-size: 15px;
		line-height: 24px;
		text-align: left;
		display: block;
		
	}
	.txt12 :hover{
		color: #042b51;
		display: block;
	}
	.nav8-4{
		width: 100%;
		float: left;
		text-align: center;
		margin: 0px 0 40px 0;
	}
	.txt13{
		margin: 0 5px 0 5px;
	}
	.txt13 a{	
		margin: 0 5px 0 5px;
		color: #535353;
		font-size:18px;
		text-align: center;
		padding:6px 10px  6px 10px;
		text-decoration: none;
		
		background: #4e7195;
		color: #ffffff;
	}
	.txt13 a:hover{
		color: #ffffff;
		background: #184d81;
		
	}
	.txt14{
		width: 100%;
		margin: 5px 0 0 0%;
		float: left;		
		font-size: 18px;
		line-height: 26px;
		color: #818080;	
		
	}
	.txt14 img{
		width: auto;
    height: auto;
	}
	.nav9{
		width: 96%;
		float: left;
		margin: 0 2% 0 2%;
	}
	.nav9-2{
		border-bottom: dashed 1px #cacaca;
		width: 100%;
		float: left;
		margin: 0 0% 20px 0%;
		padding: 0 0 10px 0;
	}
	.txt15{
		padding: 6px;
		color: #ffffff;
		font-size: 17px;
		text-align: left;
		float: left;
		background: #5a5a5a;
		margin: 0 0 0px 0;
	}
	.txt16{
		width: 99%;
		float: left;
		margin: 0 0 0 0.5%;
		line-height: 24px;
		color: #818080;
		font-size: 15px;
		text-align: left;
	}
	.txt17{
		width: 99%;
		float: left;
		color: #818080;
		margin: 0 0 0 0.5%;
		font-size: 15px;
		line-height: 20px;
		text-align: left;
	}
	.txt18{
		width: 49%;
		float: left;
		color: #818080;
		margin: 0 0 0 0.5%;
		font-size: 15px;
		line-height: 22px;
		text-align: left;
	}
	.txt18 samp{
		font-size: 17px;
		color: #ea862e;
	}
    .nav10{
		width: 100%;
		float: left;
		margin: 0 0% 0 0%;
		background: url("images/contact/bg.png") repeat-x bottom center;
	}
	.nav10-2{
		width: 37%;
		float: left;
		border: solid 1px #cccccc;
		margin: 10px 1% 20px 2%;
		height: 310px;
	}
	.nav10-3{
		width: 58%;
		float: left;
		margin: 15px 0 0 1%;
	}
	.txt19{
		width: 100%;
		float: left;
		margin: 10px 0 15px 0;
	}
	.txt19 img{
		width: 200px;
	}
	.txt20{
		width: 50%;
		float: left;
		margin: 0 0 10px 0;
	}
	.txt20 samp{
		float: left;
		color: #646464;
		font-size: 16px;
		text-align: left;
		
	}
	.img1{
		vertical-align: middle;
		float: left;
		width: 28px;
		margin: 0 0 0 5px;
		
	}
	.txt21{
		width: 95%;
		float: left;
		margin: 0 0 10px 0;
		color: #646464;
		font-size: 16px;
		text-align: left;
	}
	.txt22{
		width: 96%;
		float: left;
		
	}
	.txt23{
		width: 24%;
		margin: 0 1% 10px 0;
		float: left;
	}
	.nav11{
		width: 96%;
		float: left;
		margin: 15px 2% 0 2%;
	}
	.nav11-2{
		width: 100%;
		float: left;
		margin: 0 0% 1px 0%;
	}
	.txt24{
		letter-spacing: 1px;
		font-size: 16px;
		text-align: center;
		width: 12.5%;
		float: left;
		background: #eeeeee;
		height: 44px;
		line-height: 44px;
		border-bottom: solid 1px #ffffff;
	}
	.txt24-1{
		letter-spacing: 1px;
		font-size: 16px;
		text-align: center;
		width: 12.5%;
		float: left;
		background: #eeeeee;
		height: 54px;
		line-height: 54px;
		border-bottom: solid 1px #ffffff;
	}
	.txt25{
		width: 85%;
		margin: 0 0 0 2%;
		float: left;
		line-height: 44px;
		
	}
	.txt26{
		display: none;
		text-align: left;
		margin: 0 0 0 2%;
		width:12%; 
		float: left; 
		height:44px;
		line-height: 44px;
	}
	.txt26 a{		
		color: #000000;
		font-size:15px;
		text-decoration: none;
	}
	.txt26 a:hover{ color: #ff4c76;}
	.txt26-2{
		display: none;
		text-align: left;
		margin: 0 0 0 2%;
		width:12%; 
		float: left; 
		height: 44px;
		line-height: 44px;}
	.txt26-2 a{
		
		color: #ff4c76;
		font-size: 15px;
		text-decoration: none;
	}
	.txt26-2 a:hover{ color: #ff4c76;}
	.txt27{
		letter-spacing: 1px;
		font-size: 16px;
		text-align: center;
		width: 12.5%;
		float: left;
		background: #eeeeee;
		height: 44px;
		line-height: 44px;
		border-bottom: solid 1px #ffffff;
	}
	.txt28{
		display: none;
		text-align: left;		
		margin: 0 0 0 2%;
		width:23%; 
		float: left; 
		height: 32px;
		font-size: 15px;
		line-height: 32px;
	}
	.txt28 a{		
		color: #000000;
		font-size: 15px;
		text-decoration: none;
	}
	.txt28 a:hover{ color: #ff4c76;}
	.txt28-2{
		display: none;
		font-size: 15px;
		text-align: left;
		margin: 0 0 0 2%;
		width:23%; 
		float: left; 
		height: 32px;
		line-height: 32px;}
	.txt28-2 a{
		
		color: #ff4c76;
		font-size: 15px;
		text-decoration: none;
	}
	.txt28-2 a:hover{ color: #ff4c76;}
	.nav11-3{
		width: 100%;
		float: left;
		margin:10px 0% 0 0%;
	}
	.txt29{
		width: 87%;
		margin: 0 0 0 0%;
		float: left;
		line-height: 44px;
		border-bottom: dashed 1px #dcdcdc;
		
	}
	.txt29-1{
		width: 87%;
		margin: 0 0 0 0%;
		float: left;
		line-height: 54px;
		border-bottom: dashed 1px #dcdcdc;
		
	}
	.txt30{
		border-radius: 8px;
		border: solid 1px #e4e4e4;
		width: 96%;
		margin: 0 0 0 2%;
		line-height:30px;
		height: 30px;
	}
	.nav11-4{
		padding-bottom: 5px;
		width:48%;
		float: left;
		margin: 0px 2% 10px 0%;
	}
.txt31{
		position: relative;
		width:100%;
		height: 391px;
		float: left;
		border: solid 1px #d0e6fc;
		box-shadow:2px 2px 5px #6c99c5 ;		
		margin: 0 0  15px 0;		
       
		
	}
	.txt31 img{
		object-fit : cover; 
		width: 100%;
		height: 100%;
	position: absolute;	
  top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    max-width: 400px; max-height:381px;
    
	}
	.txt31 a{
		opacity: 1;
	}
	.txt31 a:hover{
		opacity: 0.7;
	}
	.txt31-2{
		position: relative;
		width:100%;
		height: 295px;
		float: left;
		border: solid 1px #d0e6fc;
		box-shadow:3px 3px 10px #6c99c5 ;		
		margin: 0 0  15px 0;		
       
		
	}
	.txt31-2 img{
		object-fit : cover; 
		width: 100%;
		height: 100%;
	position: absolute;	
  top: 50%; left: 50%;
    transform: translate(-50%, -50%);
    max-width: 300px; max-height: 285px;
    
	}
	.txt32{
		
		font-weight:bold;
		width: 98%;
		color: #2e2d2d;
		font-size: 15px;
		text-align: left;
		float: left;
		margin: 0 0 5px 0;
		height: 39px;
		overflow: hidden;
		line-height:20px;
	}
	.txt33{
		overflow: hidden;
		width: 98%;
		height: 39px;
		line-height: 20px;
		color: #454545;
		font-size: 15px;
		padding-bottom: 5px;
		text-align: left;
		float: left;
		border-bottom:  dashed 1px #d3d3d3;
	}
	.txt34{
		margin: 10px 0 0 0;
		width:40%;
		color: #f60909;
		font-size: 20px;
		text-align: left;
		line-height:32px;
		float: left;
	}
	.txt35{
		font-size: 18px;
		width: 36%;
		float: right;
		line-height: 32px;
		height: 32px;
		margin: 10px 2% 0 0;
		
	}
	.txt35 a{
		display: block;
		text-decoration: none;
		background: #ff4c76;
		color: #ffffff;
		font-size: 15px;
		text-align: center;
	}
	.txt35 a:hover{
		background: #3e71a4;
	}
	.nav12{
		width: 96%;
		float: left;
		margin: 15px 2% 0 2%;
	}
	.txt36{
		font-weight:bold;
		width: 100%;
		float: left;
		color:#11377d;
		font-size: 18px;
		line-height: 22px;
		text-align: left;
		padding: 5px 0 5px 0;
	}
	.nav12-2{
		width: 100%;
		float: left;
		margin: 10px 0 10px 0;
		padding: 0 0 15px 0; 
		border-bottom: solid 2px #d0e6fc;
	}
	.nav12-3{
		width: 47%;
		float: left;
		margin: 0px 2% 0px 0;
		
	}
	.nav12-4{
		width: 51%;
		float: left;
		margin: 0px 0% 0px 0;
		padding: 0px 0 0 0;
		
	}
	.txt37{
		padding: 8px 0 8px 0;
		width: 100%;
		float: left;
		border-bottom: dashed 1px #a7a7a7;
	}
	.txt37-2{
		padding: 12px 0 12px 0;
		width: 100%;
		float: left;
	}
	.txt37-3{
		width: 60%;
		margin: 0 0 15px 0%;
		float: left;
		
	}
	.txt37-3 samp{
		color: #474747;
		font-size: 15px;
		width: 35%;
		float: left;
		text-align: right;
		vertical-align: middle;
	}
	.txt37-3 img{
		margin: 0 0 3px 5px;
		vertical-align: middle;
		width: 22px;
		hanging-punctuation: 22px;
	}
		
	.txt38{
		width: 24%;
		float: left;
		color: #797979;
		font-size: 15px;
		text-align: right;
		line-height: 22px;
	}
	.txt39{
		width: 76%;
		line-height: 22px;
		float: left;
		color: #373737;
		font-size: 15px;
	}
	.txt40{
		width: 76%;
		line-height: 22px;
		float: left;
		color: #373737;
		font-size: 15px;
	}
	.txt41{
		width: 76%;
		line-height: 22px;
		float: left;
		color: #ff9320;
		font-size: 15px;
	}
	.txt42{
		width: 76%;
		line-height: 22px;
		float: left;
		color: #f60909;
		font-size: 20px;
	}
	.txt43{
		letter-spacing: 2px;
		text-align: center;
		width: 32%;
		float: right;
		line-height: 36px;
		height: 36px;
		font-size: 15px;
		margin: 0 0 0 10px;
	}
	.txt43 a{
		text-decoration: none;
		display: block;
		color: #ffffff;
		background: #5a7ea1;
	}
	.txt43 a:hover{
		background: #6c99c5;
		color: #ffffff;
		
	}
	.nav12-5{
		width: 100%;
		float: left;
		margin: 10px 0 10px 0;
	}
	.nav12-5 img{
		width: auto;
    height: auto;
	margin:15px 1px;
	}
	.txt44{width: 100%; float: left;
		}
	
	.txt44 img{
		width: 40px;
		float: left;
	}
	.txt45{
		font-size: 16px;
		font-weight: bold;
		color: #000000;
		line-height: 18px;
		width: 75%;
		float: left;
		margin: 5px 0 0 2%;
	}
	.txt46 {
		width: 100%;float: left;
	}
	.txt46 img{
		width: 36%;
		float: left;
	}
	.txt47{
		width: 100%;
		float: left;
		margin: 5px 0 0 0;
	}
	.txt47 samp{
		color: #4c5768;
		font-size: 14px;
		line-height: 17px;
		width: 100%;
		float: left;
		height: 65px;
		overflow: hidden;
		margin: 0 0% 10px 0;
		
	}
	.txt48{		
		width: 100%;
		float: left;
	}
	.txt48 img{
		width: 100%;
		float: left;
	}
	.txt49{
		width: 100%;
		margin: 5px 0 0 0%;
		padding: 4px 0 9px 0; 
		float: left;		
		font-size: 15px;
		line-height: 24px;
		color: #4b4b4b;	
		border-bottom: dashed 1px #585858;
		letter-spacing: 1px;
		
	}
	.txt49 samp{
		font-weight: bold;
		letter-spacing: 1px;
		width: 100%;
		float: left;
		font-size: 18px;
		line-height: 28px;}
	.txt50{
		color: #E40580;
		width: 100%;
		float: left;
		margin: 5px 0 0 0;
		font-size: 15px;
	}
	.txt50 a{ color: #E40580; text-decoration: none; font-size: 15px;}
	.txt50 a:hover{ color: #135CA8;}
	.txt51{
		display: none;
		text-align: left;		
		margin: 0 0 0 1.7%;
		width:70%; 
		float: left; 
		height: 27px;
		font-size: 15px;
		line-height: 27px;
	}
	.txt51 a{		
		color: #000000;
		font-size: 15px;
		text-decoration: none;
	}
	.txt51 a:hover{ color: #ff4c76;}
	.txt51-2{
		display: none;
		font-size: 15px;
		text-align: left;
		margin: 0 0 0 1.7%;
		width:70%; 
		float: left; 
		height: 27px;
		line-height: 27px;}
	.txt51-2 a{
		
		color: #ff4c76;
		font-size: 15px;
		text-decoration: none;
	}
	.txt51-2 a:hover{ color: #ff4c76;}
	
}