.div1100p a{
color:white;
text-decoration:none;
}

.span1 span{
font-size:12px;
color:#999999;
display:inline-block;
padding-right:3px;
}

.a12{
display:block;
width:100%;
font-size:14px;
color:white;
padding-top:10px;
padding-bottom:6px;
position:relative;
left:0px;
top:0px;
text-align:left;
}

.divlist2{
position:absolute;
left:180px;
top:-1000px;
background-color:black;
width:180px;
padding-top:10px;
padding-bottom:10px;

background: rgba(0,0,0,0.49);
background: -moz-linear-gradient(-45deg, rgba(0,0,0,0.49) 0%, rgba(19,19,19,0.5) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0,0,0,0.49)), color-stop(100%, rgba(19,19,19,0.5)));
background: -webkit-linear-gradient(-45deg, rgba(0,0,0,0.49) 0%, rgba(19,19,19,0.5) 100%);
background: -o-linear-gradient(-45deg, rgba(0,0,0,0.49) 0%, rgba(19,19,19,0.5) 100%);
background: -ms-linear-gradient(-45deg, rgba(0,0,0,0.49) 0%, rgba(19,19,19,0.5) 100%);
background: linear-gradient(135deg, rgba(0,0,0,0.49) 0%, rgba(19,19,19,0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#131313', GradientType=1 );

}
.a11:hover .divlist2{
animation-name:show1;
animation-duration:0.5s;
animation-fill-mode:forwards;
}
.span3{
padding-left:20px;
}
@keyframes show1{
0%{
top:-40px;

}
100%{
top:-10px;

}

}




@keyframes show{
0%{
top:60px;
}
100%{
top:100px;
}

}
@keyframes show-back{
0%{
top:0px;
}
100%{
top:60px;

}

}

@keyframes showe{
0%{
top:0px;

}
100%{
top:25px;

}

}
@keyframes showe-back{
0%{
top:0px;

}
100%{
top:10px;

}

}





.divlist1{
position:absolute;
left:0px;
top:-1000px;
background-color:black;
width:180px;
padding-top:10px;
padding-bottom:10px;

background: rgba(0,0,0,0.49);
background: -moz-linear-gradient(-45deg, rgba(0,0,0,0.49) 0%, rgba(19,19,19,0.5) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(0,0,0,0.49)), color-stop(100%, rgba(19,19,19,0.5)));
background: -webkit-linear-gradient(-45deg, rgba(0,0,0,0.49) 0%, rgba(19,19,19,0.5) 100%);
background: -o-linear-gradient(-45deg, rgba(0,0,0,0.49) 0%, rgba(19,19,19,0.5) 100%);
background: -ms-linear-gradient(-45deg, rgba(0,0,0,0.49) 0%, rgba(19,19,19,0.5) 100%);
background: linear-gradient(135deg, rgba(0,0,0,0.49) 0%, rgba(19,19,19,0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#131313', GradientType=1 );

}

.a11root{
color:white;
}

.a11{
display:block;
width:100%;
font-size:14px;
color:white;
padding-top:10px;
padding-bottom:6px;
position:relative;
left:0px;
top:0px;
text-align:left;
}
.span2{
padding-left:20px;
}

.a1:hover .divlist1{

animation-name:show;
animation-duration:0.5s;
animation-fill-mode:forwards;

}
.a1-back:hover .divlist1{

animation-name:show-back;
animation-duration:0.5s;
animation-fill-mode:forwards;

}
.a3:hover .divlist1{

animation-name:show;
animation-duration:0.5s;
animation-fill-mode:forwards;

}
.a3-back:hover .divlist1{

animation-name:show-back;
animation-duration:0.5s;
animation-fill-mode:forwards;

}



.div1100p{
width:1100px;
margin:auto;
text-align:right;
position:relative;
top:0px;
left:0px;
z-index:33;
}
.divtop span{
padding-right:10px;
color:white;
display:inline-block;
font-size:15px;
padding-top:6px;
transition:0.5s;
}
.divtop-back span{
padding-right:10px;
color:white;
display:inline-block;
font-size:15px;
padding-top:3px;
transition:0.5s;
}
.divtop a{
display:inline-block;
padding-left:3px;
padding-right:3px;
}
.divtop-back a{
display:inline-block;
padding-left:3px;
padding-right:3px;
}
.divtop{
width:100%;
height:38px;
background-color:#044D91;
transition:0.5s;
}
.divtop-back{
width:100%;
height:28px;
background-color:#044D91;
transition:0.5s;
}
.imglogo{
width:264px;
transition:0.5s;
}
.imglogo-back{
width:220px;
transition:0.5s;
}

.divfix{
position:fixed;
left:0px;
width:100%;
top:0px;
z-index:33;
border-bottom:1px solid #cccccc;
background-color:white;
}

.a1,.a3{
display:inline-block;
padding-left:16px;
padding-right:16px;
font-size:15.5px;
position:relative;
left:0px;
top:0px;
cursor:pointer;
height:100px;

}
.a1-back,.a3-back{
display:inline-block;
padding-left:16px;
padding-right:16px;
font-size:15.5px;
position:relative;
left:0px;
top:0px;
height:60px;


}

.a1{
color:#044D91;
}
.a1:hover{
color:#3399cc;
}
.a3{
color:#999999;
}
.a3:hover{
color:#3399cc;
}
.a3 .span1,.a1 .span1{
position:relative;
top:40px;
transition:0.5s;
}
.a3-back .span1,.a1-back .span1{
position:relative;
top:20px;
transition:0.5s;
}
.a1-back{
color:#044D91;
}
.a3-back{
color:#999999;
}











.table1{
display:table;
width:1100px;
margin:auto;
transition:0.5s;
}
.table1-back{
display:table;
width:1100px;
margin:auto;
height:60px;
transition:0.5s;
}

.tr1{
display:rable-row;
}
.td1{
display:table-cell;
width:320px;
height:100px;
vertical-align:middle;
padding-left:10px;
transition:0.5s;
}
.td1-back{
display:table-cell;
width:320px;
height:60px;
vertical-align:middle;
padding-left:10px;
transition:0.5s;
}
.td2{
display:table-cell;
vertical-align:middle;
}







.tdm1{
width:332px;
text-align:center;
position:relative;
left:0px;
top:0px;
z-index:46;
}

.iconlist{
padding-right:36px;
}

.tdm2{
width:auto;
text-align:right;
}
.tam1{
width:100%;

vertical-align:middle;
}
.tam1 td{
height:90px;
vertical-align:middle;
}


.divfixm1{
position:fixed;
left:0px;
top:0px;
width:100%;
height:90px;
display:none;
background-color:white;
border-bottom:1px solid #cccccc;
}


.logom3{
position:fixed;
display:inline-block;
position:relative;
left:-1000px;
top:0px;
z-index:99;
}




.divm1{
display:none;
}

.am11{
display:block;
width:100%;
font-size:16px;
padding-top:3px;
padding-bottom:3px;
color:#666666;
line-height:1.2em;
text-align:left;
padding-left:0px;
border-bottom:1pxc solid #cccccc;
}








.divfixm3rec{
    /*
width:190px;
margin:auto;
position:relative;
left:30px;*/
padding-left:30px;
}

.am1{
color:#044D91;
display:block;
width:100%;

padding-top:10px;
padding-bottom:10px;
font-size:21px;
text-align:left;
position:relative;
left:0px;
top:0px;
}
.am1 span{
font-size:1em;
display:inline-block;
padding-left:6px;
color:#999999;
position:relative;
top:-3px;
left:6px;


transform:rotate(0deg);

}

.am1 img{
height:0.6em;
position:relative;
top:2px;
}

.divfixm3{
position:fixed;
left:-332px;
top:0px;
width:332px;
height:3000px;
background-color:white;
z-index:34;
text-align:center;
padding-top:110px;

}

.divback{
position:fixed;
left:0px;
top:0px;
width:100%;
height:3000px;
display:none;
background-color:black;
z-index:33;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;
}



.logo_trace{
width:125px;
display:block;
margin:auto;
position:relative;
left:15px;
}



.aicon1{
display:inline-block;
padding-right:4px;
color:white;
}

.taicon{

color:white;
padding-bottom:10px;
}
.tdicon1{

text-align:center;
}

.divcopy span{
display:inline-block;
padding-left:20px;
padding-right:20px;
}

.divcopy{
width:100%;
font-size:15px;
color:white;
text-align:center;
padding-top:0px;
padding-bottom:25px;
}

.pbase{
width:100%;
margin:auto;
font-size:12px;
color:white;
line-height:1.6em;
}

.divcen1{
width:230px;
display:inline-block;
}
.divcen1 img{
padding-right:6px;
}

.bhide{
display:none;
}

.divb1{
text-align:left;
display:block;
float:left;

padding-right:70px;
}
.divb1 a{
display:block;
width:100%;
padding-top:6px;
padding-bottom:6px;
font-size:18px;
color:white;
}
.divb1 a:hover{
color:#66ccff;
}
































.tableb1{
display:table;
width:1000px;
margin:auto;
padding-top:65px;
padding-bottom:65px;
vertical-align:middle;
}

.trb1{
display:table-row;
}
.tdb1{
padding-left:75px;

display:table-cell;
text-align:left;
vertical-align:top;
}
.tdb2{
width:350px;
display:table-cell;
text-align:left;
line-height:1.75em;
vertical-align:top;
}

.divbaserec{
width:100%;
margin-top:-60px;
background-color:#044D91;
}



.aload{
display:block;
width:100%;
padding-top:10px;
padding-bottom:10px;
color:#333333;
font-size:16px;
text-align:center;
}

.divload{
width:120px;
margin:auto;
padding-top:100px;
padding-bottom:100px;
}
.divload img{
width:100%;
}







.asea{
display:inline-flex;
width:72px;
height:20px;
align-items:center;
justify-content:center;
font-size:12px;
color:white;
text-align:center;
background-color:#044D91;
}

.divsea{
width:1100px;
margin:auto;
text-align:right;
padding-top:25px;
padding-bottom:25px;
}
.textsea{
display:inline-block;
width:130px;
height:20px;
padding-top:0px;
padding-bottom:0px;
border:1px solid #666666;
}
.typesea{
display:inline-block;
width:98px;
height:20px;
font-size:12px;
color:#666666;
background-color:white;
border:1px solid #666666;
}




.brword1{
width:100%;
clear:both;
display:none;
}








.divword a{
color:white;

padding-top:10px;
padding-bottom:10px;
}


.aword3{
font-size:16px;
display:inline-block;
position:relative;
top:0px;
}
.aword1{
font-size:32px;
display:inline-block;
}
.divword{
width:100%;
background-color:#68A4DB;
color:white;
font-size:24px;
text-align:center;
min-height:10px;
padding-top:30px;
padding-bottom:30px;
margin-bottom:30px;
position:relative;
left:0px;
top:0px;
}

.divposword{
position:absolute;
right:20px;
top:35px;
align-items:center;
color:white;
font-size:24px;
display:none;
}

.divword .dot1{
font-size:32px;
display:inline-block;
margin-left:10px;
margin-right:10px;

}
.divword .dot3{
font-size:16px;
display:inline-block;
margin-left:10px;
margin-right:10px;
position:relative;
top:0px;

}

.divword .dot3:last-child{
display:none;
}











.pdate{
width:100%;
margin:auto;
font-size:12px;
color:#666666;
text-align:left;
}

.text_news{
font-size:12px;
color:#666666;
line-height:1.5em;
text-align:left;
}

.anews{
display:block;
width:100%;
font-size:15px;
margin:auto;
padding-top:6px;
padding-bottom:6px;
color:#666666;
text-align:left;
}

.divnews3{
width:48%;
margin-right:2%;
margin-left:0%;
margin-bottom:30px;
float:left;
position:relative;
left:0px;
top:0px;
padding-top:2px;
}

.divnews1{
width:31.3%;
margin-left:0%;
margin-right:2%;
float:left;
}
.divnews2{
width:31.3%;
margin-left:0%;
margin-right:2%;
float:left;
position:relative;
left:0px;
top:0px;
padding-top:3px;
padding-bottom:50px;
}
.divimg_news{
position:relative;
left:0px;
top:0px;
width:100%;
}
.divposimg_news{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
background-size:100% 100%;
background-position:50% 50%;
background-repeat:no-repeat;
}
.divnews2 img{
width:100%;
}
.divnews1 img{
width:100%;
}
.divnews3 img{
width:100%;
}
.divnews{
width:1000px;
margin:auto;
text-align:center;
padding-top:70px;
padding-bottom:70px;
}




.newsrec{
width:100%;
}












.divpanel{
width:100%;
overflow-x:auto;
min-height:360px; 
}

.divspace{
width:100%;
height:138px;
}



.br1{
width:90%;
height:1px;
clear:both;
}

.div1200{
width:1200px;
margin:auto;
}



a{
text-decoration:none;
cursor:pointer;
}

body{
padding:0px;
margin:0px;
scroll-behavior: smooth;
}


html{
line-height:1.5em;
padding:0px;
margin:0px;
scroll-behavior: smooth;
font-size:14px;
font-family: Microsoft JhengHei;
}

.div1100{
width:1100px;
margin:auto;
}




.mobile{
display:none;
}




.af1{
display:block;
width:100%;
padding-top:6px;
padding-bottom:6px;
color:#666666;
font-size:16px;
text-align:center;
border-bottom:1px solid #cccccc;
}

.divback_type{
position:fixed;
left:0px;
top:0px;
width:100%;
height:3000px;
background-color:black;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;
z-index:33;
display:none;
}
.divpadd_type{
padding:6px;
}
.divfix_type{
position:fixed;
left:0px;
top:0px;
z-index:36;
width:360px;
height:auto;
display:none;
border-radius:6px;
background-color:white;
}





.divdownload{
width:100%;
margin:auto;

padding-top:20px;
}
.divdownload a{
font-size:24px;
color:#666666;
display:block;
width:100%;
padding-top:6px;
padding-bottom:6px;
}



.gotop{
transform:rotate(90deg);
}

.reverse{
transform:rotate(180deg);
}

.divbutton{
width:100%;
text-align:center;
padding-top:100px;
padding-bottom:110px;
}
.divbutton img{
padding-left:5px;
padding-right:5px;
}







.pdate1{
width:100%;
margin:auto;
font-size:18px;
color:#666666;
padding-top:20px;
}

.h2n1{
font-size:30px;
color:#666666;
width:100%;
margin:auto;
padding-top:10px;
padding-bottom:20px;
font-weight:normal;
line-height:1.2em;
}

.imgroot{
width:500px;
}
.imgroot_letter{
width:800px;
}







.tablen1{
display:table;
width:100%;
vertical-align:bottom;
}
.trn1{
display:table-row;
}D
.tdn1{
display:table-cell;
vertical-align:bottom;
}
.tdn2{
width:160px;
display:table-cell;
vertical-align:bottom;
}

.div1100news{
width:1100px;
margin:auto;
padding-top:10px;
}

.divtext{
font-size:15px;
padding-top:0px;
}

.divtext p{
font-size:1em;
color:#666666;
line-height:1.5em;
}






.imgv1{
width:44%;
margin-left:2%;
margin-right:2%;
padding-bottom:6px;
padding-top:6px;
}
.imgh1{
width:94%;
margin-left:2%;
margin-right:2%;
padding-top:6px;
padding-bottom:6px;
}




.divimg_video{
width:100%;
position:relative;
left:0px;
top:0px;
}
.divimg_video img{
width:100%;
}
.divimg_video svg{
width:100%;
}
.divposvideo{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;

}
.divposvideo iframe{
width:100%;
height:100%;
}



@media screen and (min-width:1px) and (max-width:1020px){



.span2{

}
.a1:hover .divlist1{
animation-name:showe;
}
.a1-back:hover .divlist1{
animation-name:showe-back;
}
.a3:hover .divlist1{
animation-name:showe;
}
.a3-back:hover .divlist1{
animation-name:showe-back;

}



.table1-back{
display:block;
}

.table1{
display:block;
}
.tr1{
display:block;
}
.td1-back{
display:block;
width:100%;
height:30px;
padding-top:6px;
padding-bottom:6px;
text-align:center;
z-index:6;

}

.a1,.a3,.a1-back,.a3-back{
height:auto;
padding-bottom:6px;
padding-top:0px;
}
.a1 .span1,.a3 .span1{
top:0px;   
}
.a1-back .span1,.a3-back .span1{
top:0px;  
}
.td1{
display:block;
width:100%;
height:60px;
padding-top:6px;
padding-bottom:6px;
text-align:center;


z-index:6;
position:relative;
top:0px;
}
.td2{
width:100%;
text-align:center;
display:block;
padding-top:6px;
padding-bottom:6px;
}

.imglogo-back{

}


}

@media screen and (min-width:1px) and (max-width:1100px){


.div1100p{
width:100%;
}

.table1{
width:100%;
}
.table1-back{
width:100%;
}

.imglogo-back{
width:190px;   
}



.divsea{
width:100%;
display:none;
}




.div1100{
width:100%;
}

}

@media screen and (min-width:1020px) and (max-width:1100px){


.td2 a{
padding-left:15px;
padding-right:15px;
}

}

@media screen and (min-width:790px) and (max-width:1020px){

.divspace{
height:145px;
}


}

@media screen and (min-width:1px) and (max-width:460px){


.tdm2{
width:100px;
}
.tdm1{
width:auto;
}

.logom1{
width:80%;
}
.divfixm1{
height:70px;
}

.tam1 td{
height:70px;
}
.divspace{
height:70px;
}


.am1{
font-size:17px;
padding-top:6px;
padding-bottom:6px;
}



.divfixm3{
padding-top:80px;   
}



.divload{
padding-top:10px;
padding-bottom:10px;
}



.aword1{
font-size:20px;
}
.divword{
min-height:60px;
}

.divposword{
top:20px;
}
.divword{
margin-bottom:0px;
}



.divfix_type{
width:80%;
}



.divbutton{
padding-top:60px;
padding-bottom:30px;
}



.h2n1{
font-size:22px;
}




}

@media screen and (min-width:1px) and (max-width:790px){


.divfixm1{
display:block;
}
.divfix{
display:none;
}




.logo_trace{
left:0px;
}



.tableb1{
display:block;
}
.trb1{
display:block;

}
.tdb1{
display:block;
padding-left:0px;
padding-right:0px;
text-align:center;
padding-bottom:30px;
}
.tdb2{
display:block;
padding-right:0px;
padding-left:0px;
text-align:left;
}

.divcen1{
width:100%;
}



.divnews{
padding-top:30px;
padding-bottom:10px;
}




.pnews{
padding-bottom:20px;
}


}

@media screen and (min-width:460px) and (max-width:790px){

.divspace{
height:90px;
}

}

@media screen and (min-width:1px) and (max-width:370px){


.am11{
padding-left:0px;
}


}

@media screen and (min-width:1px) and (max-width:500px){


.divb1 a{
font-size:16px;   
padding-top:3px;
padding-bottom:3px;
}



.trb1{
padding-left:30px;
}





.tableb1{
padding-top:20px;
padding-bottom:20px;   
}

}

@media screen and (min-width:1px) and (max-width:1000px){


.tableb1{
width:100%;
}



}

@media screen and (min-width:790px) and (max-width:1000px){

.tdb2{
width:230px;
padding-right:10px;
}

}

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

.tdb1{
padding-left:30px;
}

.divb1{
padding-right:55px;
}


}

@media screen and (min-width:560px) and (max-width:680px){


.divb1{
padding-right:55px;
}

}

@media screen and (min-width:500px) and (max-width:560px){

.divb1{
padding-right:35px;
}

}

@media screen and (min-width:1px) and (max-width:430px){


.hideb3{
display:none;
}
.bhide{
display:inline;
}


}

@media screen and (min-width:330px) and (max-width:500px){

.divb1{
padding-right:25px;
}


}

@media screen and (min-width:1px) and (max-width:330px){


.divb1{
padding-right:15px;
}


}

@media screen and (min-width:1px) and (max-width:680px){



.tdb1{
width:auto;
margin:auto;
}
.tdb2{
width:auto;
margin:auto;
}


}

@media screen and (min-width:680px) and (max-width:790px){


.tdb1{
width:600px;
margin:auto;
}
.tdb2{
width:600px;
margin:auto;
}


}

@media screen and (min-width:500px) and (max-width:790px){


.trb1{
padding-left:50px;
}


}

@media screen and (min-width:730px) and (max-width:1000px){


.brword1{
display:block;
}

.aword1{
font-size:28px;
}
.divword .dot1{
display:none;
}
.divword{
padding-top:30px;
padding-bottom:20px;
}

.divword .dot3{
margin-left:3px;
margin-right:3px;
}


}

@media screen and (min-width:460px) and (max-width:730px){


.aword1{
font-size:24px;
}
.divword{
min-height:90px;
}


}

@media screen and (min-width:1px) and (max-width:730px){



.divword .dot1{
display:none;
}
.divword{
text-align:left;
display:flex;
align-items:center;

padding-top:0px;
padding-bottom:0px;
}
.divpadd_word{
padding-left:30px;
}

.aword3{
display:none;
}
.brword{
display:none;
}
.divword .dot3{
display:none;
}

.divposword{
display:block;
}




.mobile{
display:block;
}
.desk{
display:none;
}


}

@media screen and (min-width:530px) and (max-width:790px){


.divnews3{
width:460px;
margin:auto;
float:none;
margin-bottom:30px;
padding-top:1px;
}


}

@media screen and (min-width:1px) and (max-width:530px){


.divnews3{
width:100%;
margin:auto;
float:none;
margin-bottom:20px;
padding-top:1px;
}


}

@media screen and (min-width:1px) and (max-width:1060px){


.divnews{
width:90%;
margin:auto;
}


}

@media screen and (min-width:600px) and (max-width:790px){


.divnews2{
width:48%;
margin-right:2%;
margin-left:0%;
margin-bottom:30px;
padding-top:2px;
}



.divnews1{
width:460px;
margin:auto;
float:none;
padding-left:0px;
padding-right:0px;
}



}

@media screen and (min-width:1px) and (max-width:600px){


.divnews1{
width:100%;
margin:auto;
float:none;
padding-left:0px;
padding-right:0px;
}
.divnews2{
width:100%;
margin:auto;
float:none;
padding-left:0px;
padding-right:0px;
margin-bottom:20px;
padding-top:1px;
}


}

@media screen and (min-width:1px) and (max-width:1200px){

.div1200{
width:100%;
}

}

@media screen and (min-width:1px) and (max-width:1160px){


.div1100news{
width:95%;
margin:auto;
}


}

@media screen and (min-width:1px) and (max-width:850px){


.imgroot_letter{
width:100%;    
}


}

@media screen and (min-width:1px) and (max-width:550px){


.imgroot{
width:100%;
}


.tablen1{
display:block;
}
.trn1{
display:blcok;
}
.tdn1{
width:100%;
display:block;
}
.tdn2{
width:100%;
display:block;
}


}