.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.jpg?n1=15);
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;
}



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




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


.divtext p{
font-size:17px;
color:#666666;
margin:0px;
line-height:1.6em;
}

.divtext ol{
width:95%;
margin:0px;
margin-left:-20px;
padding-top:10px;
padding-bottom:10px;
}


.divtext ul{
width:95%;
margin:0px;
margin-left:-20px;
padding-top:10px;
padding-bottom:10px;
}
.divtext li{
font-size:17px;
color:#666666;
padding-top:3px;
padding-bottom:3px;
}


.areturn{
display:block;
width:95%;
padding-top:6px;
padding-bottom:6px;
font-size:16px;
color:#666666;
margin-top:20px;
text-align:center;
line-height:1.1em;
border-radius:10px;
background-image:linear-gradient(to bottom,white,#f1f1f1);
border:1px solid #cccccc;
}

.atext1{
display:block;
width:100px;
padding-top:6px;
padding-bottom:6px;
text-align:center;
background-color:#FF0033;
color:white;
display:none;
border-radius:4px;
font-size:16px;
}





.ulnews{
width:calc(100% - 20px);
margin:0px;
color:#115FAD !important;
margin-left:-20px;
color:#115FAD;
font-size:24px !important;
font-weight:normal;
line-height:1.2em;
}


.h2news{
width:100%;
margin:auto;
color:#115FAD;
font-size:24px;
font-weight:normal;
padding-top:30px;
line-height:1.2em;
padding-bottom:30px;
}

.divpadd_text{
width:800px;

}


.h2n1{
display:block;
width:100%;
padding-top:10px;
padding-bottom:10px;
background-color:#115FAD;
color:white;
margin:auto;
font-size:18px;
text-align:center;
border-radius:6px 6px 0px 0px;
font-weight:normal;
}

.an1{
display:block;
width:100%;
font-size:19px;
color:#666666;
padding-bottom:6px;
padding-top:20px;
border-bottom:3px double #cccccc;
}

.an3{
display:block;
width:100%;
font-size:19px;
color:white;
background-color:#FF9900;
padding-bottom:6px;
padding-top:20px;
background-image:linear-gradient(to right,#FF6600,#FF9900);

border-bottom:3px double #cccccc;
}
.an3 span{
display:inline-block;
padding-left:10px;
}
.divrecn1{
width:330px;
margin:auto;
min-height:360px;
}

.tablen1{
display:table;
width:100%;
left:0px;
}
.trn1{
display:table-row;
}
.tdn1{
display:table-cell;
vertical-align:top;
width:460px;
padding-top:10px;
border-right:1px solid #cccccc;
}
.tdn2{
display:table-cell;
padding-left:50px;
padding-top:10px;
vertical-align:top;
}




















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



.h2news{
font-size:20px;
padding-top:20px;
padding-bottom:20px;
}
.divtext p{
font-size:16px;

}
.ulnews{
font-size:20px;
}
.divtext li{
font-size:16px;   
}
.atext1{
font-size:15px;
}

.an1{
font-size:16px;
}
.an3{
font-size:16px;
}
.h2n1{
font-size:16px;
padding-top:6px;
padding-bottom:6px;
}


}

@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.jpg?n1=5);
}


}

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


.divdm{
background-image:url(https://fuchun.yida-design.com.tw/dmb2.jpg?n1=5);
height:200px;
}


}

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


.divdm{
background-image:url(https://fuchun.yida-design.com.tw/dmb2.jpg?n1=5);
height:160px;
}


}

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


.divdm{
background-image:url(https://fuchun.yida-design.com.tw/dmb3.jpg?n1=7);
height:100px;
}


}

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


.atext1{
display:block;
}



.divpadd_text{
width:99%;
}


}

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


.tablen1{
margin-left:-280px;
left:280px;
width:calc(100% + 280px);
padding-top:1px;
}

.tdn1{
width:280px;
padding-left:0px;
padding-right:0px;
}



}

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


.tablen1{
margin-left:-180px;
left:180px;
width:calc(100% + 180px);
padding-top:1px;
}

.tdn1{
width:180px;
padding-left:0px;
padding-right:0px;
}



.tdn1{
width:180px;
}
.divrecn1{
width:160px;
}


}

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


.tdn2{
padding-left:20px;
}


}

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


.tdn1{
width:330px;
}
.divrecn1{
width:280px;
}


}

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


.tdn1{
width:280px;
}
.divrecn1{
width:230px;
}


}

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


.divpadd_text{
width:95%;

}


}