.divlist1_rec{
width:100%;
background-color:white;
border:2px solid #1E81E3;
border-radius:6px;
box-shadow:3px 3px 3px #cccccc;
}

@keyframes show{
0%{
top:-100px;
-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;
}
}

.a1:hover .divlist1{
animation-name:show;
animation-duration:0.5s;
animation-fill-mode:forwards;
}

.divlist1{
position:absolute;
left:0px;
top:-3000px;
width:190px;
padding-top:76px;
}
.a11{
display:block;
width:100%;
font-size:17px;
padding-top:10px;
padding-bottom:10px;
color:#1365B6;
border-bottom:1px solid #cccccc;
text-align:center;
}
.a11 span{
padding-left:0px;
transition:0.5s;
}
.a11:hover{
background-color:#1365B6;
color:white;
}
.a11:hover span{
padding-left:20px;
transition:0.5s;
}

.a1{
display:inline-block;
padding-top:25px;
padding-bottom:25px;
font-size:22px;
color:white;
text-align:center;
width:130px;
position:relative;
left:0px;
top:0px;
}
.a1 .sp1{
display:inline-block;
padding-left:3px;
}

@keyframes show{
0%{
top:-70px;
-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;
}
}

.divbar{
width:100%;
background-image:linear-gradient(to right,#0E58A2,#1E81E3);
height:70px;
text-align:center;
box-shadow:3px 3px 3px #cccccc;
transition:0.5s;
}
.divbar_rec{
height:70px;
width:100%;
}

.divbar-back{
animation-name:show;
animation-duration:0.5s;
animation-fill-mode:forwards;
position:fixed;
left:0px;
top:0px;
z-index:19;
width:100%;
background-image:linear-gradient(to right,#0E58A2,#1E81E3);
height:70px;
text-align:center;
transition:0.5s;
box-shadow:3px 3px 3px #cccccc;
}


.divlogo{
position:relative;
left:0px;
width:0px;
width:100%;
background-image:linear-gradient(to bottom,white,#f1f1f1);
}
.divspace{
display:none;
}







.divre1{
width:1200px;
margin:auto;
height:145px;
position:relative;
left:0px;
top:0px;
text-align:center;

}

.divre1 img{
width:230px;
display:block;
margin:auto;
padding-top:40px;
}





.tab1{
width:100%;
color:white;
font-size:16px;
}
.tdb11{
width:85px;
}
.pb1{
width:100%;
font-size:16px;
color:white;
margin:auto;
padding-top:10px;
padding-bottom:10px;
}

.h2b1{
width:100%;
font-size:22px;
margin:auto;
color:white;
padding-top:10px;
padding-bottom:10px;
}

.divbackrec{
width:100%;
padding-top:20px;
padding-bottom:20px;
background-image:linear-gradient(to bottom,#222222,#333333);
}











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


.tdb2 img{
width:160px;
}





.divfixm1{
position:fixed;
left:0px;
top:0px;
width:100%;
height:45px;
display:none;
background-image:linear-gradient(to right,#1A4D80,#1160AF);
}
.tam1 td{
vertical-align:middle;
}
.tam1{
width:100%;
height:45px;
}
.tdm2{
text-align:left;
padding-right:10px;
}
.tdm1{
width:180px;
padding-right:10px;

}
.tdm1 img{
width:100%;
position:relative;
top:3px;
}

.listimg{
width:30px;
height:15px;
padding-left:10px;
}



.list:after{
content:"+";
position:absolute;
right:6px;
top:8px;
font-size:30px;
color:#FF9900;
}
.am11{
display:block;
width:100%;
padding-top:10px;
padding-bottom:10px;
font-size:15px;
color:white;
position:relative;
left:0px;
top:0px;
background-color:#2064A7;
border-bottom:1px solid #cccccc;
}
.am11 span{
display:inline-block;
padding-left:10px;
}
.am1{
display:block;
width:100%;
padding-top:10px;
padding-bottom:10px;
font-size:16px;
color:#666666;
position:relative;
left:0px;
top:0px;
border-bottom:1px solid #cccccc;
}
.am1:nth-child(odd){
background-color:#f6f6f6;
}
.am1 span{
display:inline-block;
padding-left:10px;
}

.divrem1{
width:100%;
text-align:right;
}
.divrem1 img{
padding:10px;
}

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

}



.divdm{
width:100%;
height:250px;
background-image:url(https://fuchun.yida-design.com.tw/dmb1.webp);
background-size:auto 100%;
background-position:50% 50%;
}














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

.divcrumb{
width:1200px;
margin:auto;
font-size:16px;
color:#666666;
padding-top:10px;
padding-bottom:10px;
}
.divcrumb a{
color:#888888;
}


.divcrumb1{
width:100%;
margin:auto;
font-size:16px;
color:#666666;
padding-top:10px;
padding-bottom:10px;
}
.divcrumb1 a{
color:#888888;
}




.divp2{
width:100%;
font-size:24px;
color:#1160AF;
padding-top:30px;
padding-bottom:30px;
text-align:center;
background-color:#f1f1f1;
border-bottom:1px solid #cccccc;
background-image:linear-gradient(to bottom,white,#f1f1f1);
margin-bottom:0px;
}







.divfix_line{
position:fixed;
left:0px;
bottom:0px;
width:100%;
display:none;
}



.divfix_line a{
display:block;
padding-top:10px;
padding-bottom:10px;
font-size:17px;
color:white;
float:left;
width:50%;
text-align:center;
background-color:#00CC33;
}





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

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



a{
text-decoration:none;
cursor:pointer;
}
body{
padding:0px;
margin:0px;
}

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

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



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

.divcrumb{
width:1200px;
margin:auto;
font-size:16px;
color:#666666;
padding-top:6px;
padding-bottom:6px;
}
.divcrumb a{
color:#888888;
}





.tablea1{
display:table;
width:1200px;
margin:auto;
padding-top:30px;
padding-bottom:20px;
}
.tra1{
display:table-row;
}
.tda1{
display:table-cell;
padding-left:10px;
width:390px;
vertical-align:top;
}
.tda1 img{
width:100%;
}
.tda2{
display:table-cell;
vertical-align:top;
}
.tda3{
display:none;
}
.tda3 img{
width:100%;
display:block;
padding-top:30px;
padding-bottom:30px;
margin:auto;
}
.pa1{
width:630px;
margin:auto;
font-size:18px;
color:#666666;
line-height:1.7em;
}






















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



.divre1{
height:120px;
display:block;
text-align:center;
}
.divre1 img{
width:200px;
display:block;
margin:auto;
padding-top:30px;
}



.tableb1{
display:block;
}
.trb1{
display:block;
}
.tdb1{
display:block;
padding-left:0px;
padding-right:0px;
}
.tdb2{
display:block;
padding-left:0px;
padding-right:0px;
text-align:center;
padding-top:20px;
}

.h2b1{
text-align:center;
}

.pb1{
text-align:center;
}

.tdb2 img{
width:120px;
}

}

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


.a1{
display:block;
font-size:20px;
width:16.6%;
float:left;
padding-top:15px;
padding-bottom:15px;
}

.divbar-back{
height:50px;
}

.divbar{
height:50px;
}
.divbar_rec{
height:50px;
}


}

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


.divre1{
width:100%;
}



.tableb1{
width:100%;
}


.div1200{
width:100%;
}

}

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


.tdb1{
width:330px;
margin:auto;
}


}

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


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




}

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


.tdb11{
width:75px;
}



.divp2{
font-size:22px;
margin-bottom:0px;
}



.divfix_line a{
padding-top:6px;
padding-bottom:6px;
font-size:16px;
}



.pa1{
font-size:16px;
}


}

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


.divfixm1{
display:block;
}
.divlogo{
display:none;
}
.divbar{
display:none;
}
.divbar-back{
display:none;
}

.divspace{
display:block;
width:100%;
height:45px;
}



.divfix_line{
display:block;
}



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


}

@media screen and (min-width:750px) and (max-width:1050px){


.divdm{
background-image:url(https://fuchun.yida-design.com.tw/dmb2.webp);
}


}

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


.divdm{
background-image:url(https://fuchun.yida-design.com.tw/dmb2.webp);
height:200px;
}


}

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


.divdm{
background-image:url(https://fuchun.yida-design.com.tw/dmb2.webp);
height:160px;
}


}

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


.divdm{
background-image:url(https://fuchun.yida-design.com.tw/dmb3.webp);
height:100px;
}


}

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


.tablea1{
width:100%;
}


}

@media screen and (min-width:880px) and (max-width:1130px){


.pa1{
width:90%;
}


}

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


.tda1{
width:330px;
}


}

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


.pa1{
width:600px;
margin:auto;
}


}

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


.tablea1{
display:block;
padding-top:10px;
}
.tra1{
display:block;
}
.tda1{
display:none;
padding-left:0px;
padding-right:0px;

}
.tda2{
display:block;
padding-left:0px;
padding-right:0px;
}
.tda3{
display:block;
}



}

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


.tda3{
width:460px;
margin:auto;
}


}

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


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


}