.divlist1{
position:absolute;
left:0px;
top:-3000px;
width:100%;
padding-top:40px;
z-index:20;

border-radius:4px;
}
.a1:hover .divlist1{
animation-name:show;
animation-duration:0.5s;
animation-fill-mode:forwards;
}
.a3:hover .divlist1{
animation-name:show;
animation-duration:0.5s;
animation-fill-mode:forwards;
}
.a1-back:hover .divlist1{
animation-name:show1;
animation-duration:0.5s;
animation-fill-mode:forwards;
}
.a3-back:hover .divlist1{
animation-name:show1;
animation-duration:0.5s;
animation-fill-mode:forwards;
}
.a11{
display:block;
padding-top:7px;
padding-bottom:7px;
font-size:16px;
color:white;
background-color:#0179B4;
text-align:left;
border-bottom:1px dotted white;
transition:0.5s;
}
.a11 span{
display:inline-block;
padding-left:15px;
padding-right:10px;
transition:0.5s;
}
.a11:hover{
background-color:#019DE9;
transition:0.5s;
}
.a11:hover span{
padding-left:20px;
transition:0.5s;
}

@keyframes show{
0%{
top:-50px;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;
}
100%{
top:0px;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;
}
}

@keyframes show1{
0%{
top:-50px;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;
}
100%{
top:-10px;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;
}
}



.divpaddl1{
padding-left:20px;
}


.a3{
color:white;
position:relative;
left:0px;
top:0px;
background-color:#0179B4;
border-radius:6px 6px 0px 0px;
transition:0.5s;
display:block;
width:12.5%;
float:left;
text-align:center;
padding-top:10px;
padding-bottom:10px;
font-size:18px;
text-align:center;
transition:0.5s;
position:relative;
left:0px;
top:0px;
}
.a3-back{
color:white;
position:relative;
left:0px;
top:0px;
background-color:#0179B4;
border-radius:6px 6px 0px 0px;
transition:0.5s;
display:block;
width:12.5%;
float:left;
text-align:center;
padding-top:6px;
padding-bottom:6px;
font-size:16px;
text-align:center;
transition:0.5s;
position:relative;
left:0px;
top:0px;
}
.a1:hover{
color:white;
position:relative;
left:0px;
top:0px;
background-color:#0179B4;
border-radius:6px 6px 0px 0px;
transition:0.5s;
}
.a1:hover:after{
content:"";
display:none;
}

.a1{
color:#666666;
position:relative;
left:0px;
top:0px;
transition:0.5s;
display:block;
width:12.5%;
float:left;
text-align:center;
padding-top:10px;
padding-bottom:10px;
font-size:18px;
text-align:center;
transition:0.5s;
position:relative;
left:0px;
top:0px;
}
.a1:after{
content:"";
position:absolute;
right:0px;
top:18px;
width:5px;
height:5px;
background-color:#cccccc;
border-radius:50%;
}


.a1-back{
color:#666666;
position:relative;
left:0px;
top:0px;
transition:0.5s;
display:block;
width:12.5%;
float:left;
text-align:center;
padding-top:6px;
padding-bottom:6px;
font-size:16px;
text-align:center;
transition:0.5s;
position:relative;
left:0px;
top:0px;
}
.a1-back:after{
content:"";
position:absolute;
right:0px;
top:18px;
width:5px;
height:5px;
background-color:#cccccc;
border-radius:50%;
}

.divlist_all{
width:100%;
background-image:linear-gradient(to bottom,white,#f1f1f1);
border-bottom:1px solid #cccccc;
}
.divlist{
width:1200px;
margin:auto;

}
.divlist-back{
width:1200px;
margin:auto;
}

.spf1{
display:inline-block;
color:#666666;
font-size:17px;
padding-left:10px;
transition:0.5s;
}
.spf1 img{
height:1.2em;
position:relative;
top:5px;
}

.spf1-back{
display:inline-block;
color:#666666;
font-size:15px;
padding-left:10px;
transition:0.5s;
}
.spf1-back img{
height:1em;
position:relative;
top:4px;
}
.aface1-back{
display:inline-block;
padding-top:3px;
padding-bottom:3px;
width:100px;
background-color:#4267B2;
color:white;
font-size:15px;
text-align:center;
border-radius:6px;
transition:0.5s;
}

.aface1{
display:inline-block;
padding-top:6px;
padding-bottom:6px;
width:100px;
background-color:#4267B2;
color:white;
font-size:16px;
text-align:center;
border-radius:6px;
transition:0.5s;
}





.table1{
display:table;
width:1200px;
margin:auto;
height:110px;
transition:0.5s;
}
.table1-back{
display:table;
width:1200px;
margin:auto;
height:60px;
transition:0.5s;
}
.logo1{
width:405px;
transition:0.5s;
}
.logo1-back{
width:280px;
transition:0.5s;
position:relative;
top:0px;
}
.tr1{
display:table-row;
}
.td1{
display:table-cell;
vertical-align:middle;
width:420px;
padding-left:10px;
}
.td2{
display:table-cell;
vertical-align:middle;
text-align:right;
padding-right:10px;
}

.divfix{
position:fixed;
left:0px;
top:0px;
width:100%;
z-index:19;
background-color:white;
border-top:6px solid #DA251D;
}

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






.divlogo{
width:100%;
display:none;
border-bottom:1px solid #cccccc;
align-items:center;
justify-content:center;
text-align:center;
height:110px;
border-top:6px solid #DA251D;
}
.logoimg{
width:320px;
}














.divc11{
width:1100px;
margin:auto;
font-size:15px;
color:#666666;
padding-top:6px;
padding-bottom:6px;
}
.divc11 span{
display:inline-block;
padding-left:10px;
}
.divc11 a{
color:#888888;
}







.divfixm1 img{
padding:10px;

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0.8+0,0.77+100;White+to+Transparent */
background: -moz-linear-gradient(top, rgba(255,255,255,0.8) 0%, rgba(255,255,255,0.77) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.77) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,0.8) 0%,rgba(255,255,255,0.77) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ccffffff', endColorstr='#c4ffffff',GradientType=0 ); /* IE6-9 */

}

.divfixm1{
position:fixed;
left:0px;
top:6px;
display:none;
z-index:33;
}



.divm1{
display:none;
}

.divlinem1{
width:100%;
height:1px;
background-color:#464646;
border-top:1px solid #222222;
}

.list{
position:relative;
left:0px;
top:0px;
}
.list:after{
content:"+";
position:absolute;
right:10px;
top:8px;
color:#cccccc;

font-size:22px;
z-index:22;
}
.am11{
display:block;
width:100%;
padding-top:6px;
padding-bottom:6px;
color:#f1f1f1;
background-color:#222222;
font-size:16px;
border-bottom:1px solid #333333;
}
.am11 span{
display:inline-block;
padding-left:10px;
padding-right:10px;
}

.am1{
display:block;
width:100%;
padding-top:10px;
padding-bottom:10px;
color:#f1f1f1;
font-size:16px;

}
.am1 span{
display:inline-block;
padding-left:10px;
padding-right:10px;
}

.divrem1{
position:relative;
left:0px;
top:0px;
text-align:right;
}
.divrem1 img{
padding:10px;
}

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



.divb1{
width:50%;
float:left;
}

.ab1{
display:inline-block;
width:80px;
padding-top:6px;
padding-bottom:6px;
font-size:15px;
color:#666666;
text-align:center;
background-image:linear-gradient(to bottom,white,#f1f1f1);
border:1px solid #cccccc;
border-radius:6px;
margin-right:3px;
margin-bottom:3px;
}

.tab1{
width:100%;
font-size:15px;
vertical-align:top;
color:#333333;
border-bottom:1px solid #cccccc;
margin-bottom:5px;
margin-top:5px;
}
.tdb11{
width:100px;
vertical-align:middle;
text-align:center;
background-color:#f1f1f1;
color:#333333;
}

.logom1{
    
}
.pb1{
width:100%;
margin:auto;
font-size:16px;
color:#666666;
line-height:1.2em;
padding-bottom:10px;
}












.tableb1{
display:table;
width:1200px;
margin:auto;
}
.trb1{
display:table-row;
}
.tdb1{
display:table-cell;
vertical-align:top;
padding-left:10px;
text-align:center;
width:220px;
padding-right:30px;
}
.tdb2{
display:table-cell;
vertical-align:top;

padding-right:30px;
}
.tdb3{
display:table-cell;
vertical-align:top;
}


.divbaseall{
width:100%;
padding-top:30px;
padding-bottom:30px;
background-color:#f1f1f1;
}




.h2root{
width:100%;
margin:auto;
color:#0C4FAA;
font-size:26px;
padding-top:20px;
padding-bottom:20px;
text-align:center;
}
.divlineroot{
width:100%;
border-bottom:1px solid #cccccc;
margin-bottom:20px;
}
.divlineroot div{
height:3px;
width:100px;
background-color:#0C4FAA;
margin:auto;
}




.divfix_phone{
position:fixed;
left:0px;
bottom:0px;
display:none;
width:100%;
}
.al1{
display:block;
width:50%;
padding-top:10px;
padding-bottom:10px;
background-color:#0066FF;
color:white;
font-size:17px;
text-align:center;
float:left;
}







.f1{
width:260px;
height:460px;
} 


.taface1 td{
vertical-align:top;
}

.tdface1{
width:40px;
}
.tdface1 img{
width:100%;
}

.divfix_face{
position:fixed;
right:-270px;
top:200px;
}



.divpanel{
width:100%;
min-height:300px;
overflow:hidden;
}

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

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



body{
padding:0px;
margin:0px;
}

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

a{
text-decoration:none;
}




.divimg_video{
width:490px;
position:relative;
left:0px;
top:0px;
margin:auto;
}


.diviframe{
width:100%;
background-size:100% 100%;
background-position:50% 100%;
background-color:#f1f1f1;
}
.divimg_video img{
width:100%;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;
}
.divposvideo{
position:absolute;
left:0px;
top:0px;
width:100%;
height:100%;
}
.divposvideo iframe{
width:100%;
height:100%;

}







.divtext img:not(.1p1){
display:block;
width:600px;
border-radius:6px;
}
.imgroot{
display:block;
width:600px;
border-radius:6px;
}

.divtext{
width:800px;
}
.divtext p{
font-size:17px;
color:#666666;
line-height:1.8em;
}
.h2news{
width:100%;
font-size:26px;
color:#0179B4;
padding-top:10px;
padding-bottom:10px;
font-weight:normal;
}

.apn1{
display:block;
width:100%;
font-size:16px;
color:#666666;
padding-top:10px;
border-bottom:3px double #cccccc;
}

.imgv1{
width:44%;
margin-left:2%;
margin-right:2%;
}
.imgh1{
width:96%;
}





.ptop{
width:100%;
margin:auto;
background-color:#D6251A;
color:white;
text-align:center;
font-size:16px;
padding-top:6px;
padding-bottom:6px;
border-radius:6px 6px 0px 0px;
}

.divrec{
width:270px;
margin:auto;
}

.tablenews{
display:table;
width:100%;

}
.trnews{
display:table-row;
}
.tdnews1{
display:table-cell;
vertical-align:top;
width:460px;
padding-top:60px;
min-height:700px;
border-right:1px solid #cccccc;
}

.tdnews2{
display:table-cell;
padding-top:30px;
vertical-align:top;
padding-left:50px;
}



























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


.table1{
width:100%;
}


.table1-back{
width:100%;
}

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

.divpaddl1{
padding-left:0px;
}



.tableb1{
width:100%;
}


.div1200{
width:100%;
}

}

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



.td1{
width:300px;
}
.logo1{
width:300px;
}
.table1{
height:90px;
}

.logo1-back{
width:240px;
}


.divspace{
height:140px;
}

}

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


.divspace{
display:none;
}



.divlogo{
display:flex;
}



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


}

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


.logoimg{
width:250px;
}


}

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


.logoimg{
width:85%;
}


}

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



.divlogo{
height:100px;
}




.divfixm1 img{
width:30px;
height:12px;
}



.h2root{
font-size:20px;
font-weight:normal;
padding-top:10px;
padding-bottom:10px;
}
.divlineroot div{
width:60px;
}



.al1{
line-height:1em;
font-size:16px;
}



.imgroot{
width:100%;
}




.apn1{
font-size:15px;
}
.divtext p{
font-size:15px;
}

.h2news{
font-size:20px;
}

.ptop{
font-size:16px;
}


}

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


.divc11{
width:100%;
}


}

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


.logom1{
width:180px;
}

.tableb1{
display:block;
}
.trb1{
display:block;
}
.tdb1{
padding-left:0px;
padding-right:0px;
display:block;
width:100%;
text-align:center;
}
.tdb2{
padding-left:0px;
padding-right:0px;
display:block;
padding-top:20px;
padding-bottom:20px;
}
.tdb3{
padding-left:0px;
padding-right:0px;
display:block;
text-align:center;
padding-bottom:30px;
}

.ab1{
padding-top:3px;
padding-bottom:3px;
font-size:15px;
}



}

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

.tdb2{
width:730px;
margin:auto;
}


}

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

.tdb2{
width:360px;
margin:auto;
}

.divb1{
width:100%;
float:none;
}


}

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


.tdb11{
width:80px;
}


}

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

.tdb2{
width:100%;
margin:auto;
}


.divb1{
width:100%;
float:none;
}


}

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


.divfix_phone{
display:block;
}



.divfix_face{
display:none;
}


}

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


.divother{
display:none;
}







.tablenews{
display:block;
}
.trnews{
display:block;
}
.tdnews1{
display:block;
padding-left:0px;
padding-right:0px;
min-height:10px;
border-right:0px;
width:100%;
padding-top:10px;
margin:auto;
}

.tdnews2{
display:block;
padding-top:10px;
padding-left:0px;
padding-right:0px;
}

.h2news{
text-align:center;
line-height:1.1em;
}

.apn1{
text-align:center;
}
.divtext{
width:100%;
}


}

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


.divimg_video{
width:100%;
}


}

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


.tdnews1{
width:340px;
}


}

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


.tdnews1{
width:240px;
}

.divrec{
width:210px;
}

.tdnews2{
padding-left:20px;
}


}

@media screen and (min-width:950px) and (max-width:1250px){


.divtext{
width:98%;
}


}

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


.imgroot{
width:390px;
margin:auto;
}


}

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



.divrec{
width:360px;
margin:auto;
}






}

@media screen and (min-width:710px) and (max-width:950px){


.tdnews2{
width:660px;
margin:auto;
}


}

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


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


}

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


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


}