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



.desk{
width:100%;
}
.mobile{
display:none;
}





.h1cap span{
display:inline-block;
}

.h1cap{
width:calc(100% - 40px);
padding-left:20px;
padding-right:20px;
margin:auto;
font-size:32px;
color:#222222;
color:#005F8C;
line-height:1.2em;
text-align:center;
padding-bottom:20px;
 font-family: "Noto Sans TC", sans-serif;
  font-weight: 400;
}





.h2cap span{
display:inline-block;
}

.divcenter{
text-align:center;
}

.h2cap{
display:inline-block;
padding-left:60px;
padding-right:60px;
margin:0px;
width:auto;
font-size:28px;
padding-top:40px;
padding-bottom:40px;
margin-bottom:10px;
position:relative;
line-height:1.1em;
max-width:calc(100% - 140px);
 font-family: "Noto Sans TC", sans-serif;
  font-weight: 400;
  
}
.h2cap:before{
content:"";
display:inline-block;
width:48px;
height:48px;
background-image:url(https://fuchun.yida-design.com.tw/icon_gear.webp);
background-size:cover;
background-position:50% 50%;
background-repeat:no-repeat;
position:absolute;
left:0px;
top:50%;
transform:translatey(-50%);
}
.h2cap:after{
content:"";
display:inline-block;
width:48px;
height:48px;
background-image:url(https://fuchun.yida-design.com.tw/icon_gear.webp);
background-size:cover;
background-position:50% 50%;
background-repeat:no-repeat;
position:absolute;
right:0px;
top:50%;
transform:translatey(-50%);
}







.ap1{
display:block;
width:100%;
text-align:center;
color:#666666;
font-size:20px;
padding-top:20px;
border-bottom:1px solid #cccccc;
padding-bottom:20px;
background-color:#f1f1f1;
 font-family: "Noto Sans TC", sans-serif;
  font-weight: 400;
}














.divpro{
width:24%;
float:left;
text-align:center;
margin-left:0.5%;
margin-right:0.5%;
}
.divpro img{
width:85%;
padding-top:20px;
padding-bottom:20px;
}

.divcap1{
width:100%;
padding-top:40px;
padding-bottom:20px;
text-align:center;
}



.divnewsall{
width:100%;
padding-top:20px;
background-image:linear-gradient(to bottom,#f1f1f1,white,white);
}

.an1{
display:block;
padding-top:6px;
padding-bottom:6px;
color:#666666;
font-size:17px;
line-height:1.5em;
}

.tdn11{
width:80px;
font-size:26px;
color:#105EAD;

line-height:1em;
text-align:center;
vertical-align:middle;
}
.tdn11 span{
font-sise:18px;
}

.tdn12{
vertical-align:middle;
}


.tan1{
width:50%;
float:left;
padding-top:10px;
padding-bottom:10px;
}

.h2n1{
width:100%;
margin:auto;
font-size:28px;
color:#666666;
position:relative;
left:0px;
top:0px;
padding-bottom:20px;
}
.h2n1 span{
display:inline-block;
padding-left:20px;
}
.h2n1:after{
content:"";
position:absolute;
left:3px;
top:0px;
width:5px;
height:25px;
background-color:#FF6633;
}

.tablen1{
display:table;
width:1200px;
margin:auto;
}
















.trn1{
display:table-row;
}
.tdn1{
display:table-cell;
vertical-align:middle;
padding-left:10px;
}
.tdn2{
display:table-cell;
vertical-align:middle;
width:390px;
text-align:center;
}
.tdn2 img{
width:90%;
}



.divabout{
width:100%;
background-image:url(https://fuchun.yida-design.com.tw/backa1.webp);
background-size:100% auto;
padding-top:60px;
padding-bottom:60px;

}

.divpadd_ad{
padding:10px;
}

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

.pa1{
width:100%;
margin:auto;
font-size:19px;
color:#666666;
line-height:1.6em;
}



















.tablea1{
display:table;
width:1200px;
margin:auto;
}
.tra1{
display:table-row;
}
.tda1{
vertical-align:middle;
display:table-cell;
width:400px;
padding-right:0px;
}
.tda1 img{
width:100%;
}
.tda2{
vertical-align:middle;
display:table-cell;

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

}






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


.desk{
display:none;
}
.mobile{
width:100%;
display:block;   
}


}

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


.tablen1{
width:100%;
}



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



.h1cap{
padding-top:20px;
font-size:22px;
padding-bottom:20px;
border-bottom:1px solid #dddddd;
background-color:#f1f1f1;
}



.h2cap{
font-size:24px;
padding-left:40px;
padding-right:40px;
padding-top:30px;
padding-bottom:30px;
}
.h2cap:before{
width:36px;
height:36px;
}
.h2cap:after{
width:36px;
height:36px;
}


.divpro{
width:90%;
margin:auto;
float:none;
}



.ap1{
font-size:16px;
padding-top:10px;
padding-bottom:10px;
}



.capimg{
width:230px;
}


.an1{
font-size:16px;
}
.tan1{
font-size:16px;
}
.tdn11{
width:60px;
font-size:22px;
}
.h2n1{
font-size:22px;
font-weight:normal;
}

.tdn2{
width:260px;
}



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


}

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


.h1cap{
padding-top:20px;
font-size:24px;
padding-bottom:20px;
border-bottom:1px solid #dddddd;
background-color:#f1f1f1;
}



.h2cap{
font-size:26px;
padding-left:50px;
padding-right:50px;
}
.h2cap:before{
width:40px;
height:40px;
}
.h2cap:after{
width:40px;
height:40px;
}

}

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


.divpro{
display:inline-block;
width:400px;
float:none;
margin:0px;
}

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




.tdn1{
width:800px;
margin:auto;
}


}

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


.divpro{
width:49%;
margin-left:0.5%;
margin-right:0.5%;
float:left;
}



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


}

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


.divpro{
width:420px;
margin:auto;
float:none;
}


}

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

.capimg{
width:95%;
}

}

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


.tablen1{
display:block;
}
.trn1{
display:block;
}
.tdn1{
display:block;
padding-left:0px;
padding-right:0px;
padding-top:20px;

}
.tdn2{
display:block;
padding-left:0px;
padding-right:0px;
margin:auto;


}
.h2n1{
text-align:center;
border-left:5px solid #FF6633;
width:190px;
margin:auto;

margin-bottom:20px;
padding-top:3px;
padding-bottom:3px;
border-right:5px solid #FF6633;
}
.h2n1:after{
background-color:transparent;
}
.h2n1 span{
padding-left:0px;   
}


.tablea1{
display:block;

}
.tra1{
display:block;
}
.tda1{
display:block;
width:100%;
}
.tda2{
width:100%;
display:block;
padding-top:20px;
padding-bottom:20px;
}

.divabout{
padding-top:0px;
padding-bottom:20px;   
}


.diva1{
width:95%;
}

}

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


.tan1{
width:460px;
float:none;
margin:auto;
border-bottom:1px dashed #cccccc;
}


}

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


.tan1{
width:95%;
float:none;
margin:auto;
border-bottom:1px dashed #cccccc;
}


}

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


.tda1 img{
width:460px;
display:block;
margin:auto;
padding-top:30px;
padding-bottom:30px;
}


}

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

.tda1 img{
width:95%;
display:block;
margin:auto;
padding-top:10px;
padding-bottom:10px;
}

}

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


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


}

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


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


}