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



.anews{
display:block;
padding-top:6px;
padding-bottom:6px;
font-size:16px;
color:#666666;
}
.hover1:hover .divimgnews{
transition:0.5s;
background-size:130% auto;
}
.divnews{
width:1200px;
margin:auto;
padding-top:3px;
}
.divnews1{
width:31%;
margin-right:1%;
margin-left:1%;
float:left;
margin-bottom:10px;
}
.divimgnews{
position:relative;
left:0px;
top:0px;
width:100%;
transition:0.5s;
border-radius:6px;
background-size:100% auto;
background-position:50% 50%;
background-repeat:no-repeat;
}
.divimgnews img{
width:100%;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;
}










.brnews{
width:100%;
clear:both;
border-bottom:2px dotted #cccccc;
}

.divpage{
width:100%;
text-align:center;
font-size:16px;
color:#666666;
padding-top:30px;
padding-bottom:20px;
}
.divpage br{
display:none;
}
.divpage a{
display:inline-block;
width:70px;
font-size:15px;
color:#666666;
text-align:center;
padding-top:5px;
padding-bottom:5px;
border:1px solid #cccccc;
border-radius:6px;
margin-top:10px;
margin-bottom:10px;
}
.divpage select{
width:40px;
height:30px;
border:1px solid #cccccc;
background-color:white;
border-radius:6px;
}









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


.divnews{
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;
}



.anews{
font-size:15px;
}
.divnews1{
width:95%;
margin:auto;
float:none;
}


.divpage a{
font-size:14px;
width:60px;
}


}

@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:650px) and (max-width:950px){


.divnews1{
width:48%;
}
.divnews{
padding-top:2px;
}


}

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


.divnews1{
width:390px;
margin:auto;
float:none;
}


}

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


.anews{
text-align:center;
}
.divnews{
padding-top:1px;
}


}

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


.divpage br{
display:inline;
}


}