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















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



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

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

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

.right{
animation-name:right;
animation-duration:2s;
animation-fill-mode:forwards;
position:relative;
left:0px;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;
}


.left{
animation-name:left;
animation-duration:1s;
animation-fill-mode:forwards;
position:relative;
left:0px;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;
}

.time1{
animation-delay:0.1s;
}

.time2{
animation-delay:0.2s;
}

.time3{
animation-delay:0.3s;
}

.time4{
animation-delay:0.4s;
}

.time5{
animation-delay:0.5s;
}

.time6{
animation-delay:0.6s;
}

.time7{
animation-delay:0.7s;
}


.time8{
animation-delay:0.8s;
}

.time9{
animation-delay:0.9s;
}


.divob1{
position:relative;
left:0px;
top:0px;
}

.divdm1{
display:block;
text-align:center;
width:50%;
float:left;
height:100%;
position:relative;
left:0px;
top:0px;
}

.ob1{
width:700px;
padding-top:60px;
margin-left:-360px

}
.ob2{
width:420px;
padding-top:260px;

}

















.divdmback{
width:100%;
overflow:hidden;
align-items:center;
text-align:center;
height:500px;
background-image:url(https://sg-test.yida-design.com.tw/back1.png?n1);
background-size:1920px 500px;
background-position:50% 50%;
}



.tda2 img{
width:100%;
border-radius:4px;
}

.taa1{
width:500px;
font-size:17px;
color:#666666;
line-height:1.6em;
border:1px solid #cccccc;
margin-bottom:10px;
padding-top:3px;
padding-bottom:3px;
border-radius:10px;
box-shadow:3px 3px 3px #cccccc;
background-image:linear-gradient(to right,#f6f6f6,white);
}
.tda11{
padding-right:10px;
padding-left:10px;
width:30px;
vertical-align:middle;
}
.tda12{
padding-right:10px;
}
.tda11 img{
width:100%;

}

.h2a1{
width:100%;
margin:auto;
font-size:26px;
color:#0179B4;
position:relative;
left:0px;
top:0px;
margin-bottom:20px;
margin-top:10px;
padding-bottom:10px;
padding-top:10px;
font-weight:normal;
}
.h2a1 span{
display:inline-block;
padding-left:20px;
}

.h2a1:after{
content:'';
position:absolute;
left:0px;
top:10px;
width:7px;
height:25px;
background-color:#0179B4;
}


.tablea1{
display:table;
width:1200px;
margin:auto;
}
.tra1{
display:table-row;
}
.tda1{
padding-left:10px;
display:table-cell;
width:560px;
vertical-align:top;
}
.tda2{
padding-right:10px;
display:table-cell;
vertical-align:middle;
}


.divabout{
padding-top:50px;
padding-bottom:50px;
}


























.anews{
display:block;
padding-top:6px;
padding-bottom:6px;
font-size:16px;
color:#666666;
}
.divnews1: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;
}










.ablog{
display:block;
font-size:19px;
color:#666666;
padding-top:6px;
padding-bottom:6px;
text-align:center;
}

.divblog{
width:1200px;
margin:auto;
text-align:center;
}

.divblog1{
display:block;
float:left;
width:46%;
margin-left:2%;
margin-right:2%;
}

.divimg_blog{
width:100%;
position:relative;
left:0px;
top:0px;
background-image:url(https://sg-test.yida-design.com.tw/blog1.jpg?n1);
background-size:100% 100%;
background-position:0% 0%;
transition:0.5s;
}
.divimg_blog:hover{
background-size:120% 120%;
transition:0.5s;
}
.divimg_blog img{
width:100%;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;
}













.brserv{
width:100%;
clear:both;
display:none;
}

.divserv1:hover .divimgserv{
background-size:130% 130%;
transition:0.5s;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=100);filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;
 -webkit-filter: grayscale(0%); /* Chrome, Safari, Opera */
    filter: grayscale(0%);
}
.divserv1:hover .divposserv{
border:2px solid yellow;
color:yellow;
transition:0.5s;
}
.divimgserv{
position:relative;
left:0px;
top:0px;
width:100%;
background-size:100% 100%;
background-position:50% 50%;
transition:0.5s;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=30);filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity:0.3;
 -webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */
    filter: grayscale(100%);
}
.divimgserv img{
width:100%;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;
}

.divserv{
width:1200px;
margin:auto;
text-align:center;
padding-top:10px;
padding-bottom:30px;
}

.divserv1{
display:block;
width:18%;
float:left;
position:relative;
left:0px;
top:0px;
margin-right:1%;
margin-left:1%;
}

.divposserv{
position:absolute;
left:22%;
bottom:20px;
width:100%;
width:130px;
height:130px;
border-radius:50%;
transition:0.5s;
color:white;
font-size:18px;
text-align:center;
z-index:11;
line-height:1.4em;
padding-top:0px;
padding-bottom:0px;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=85);filter:alpha(opacity=85);-moz-opacity:0.85;-khtml-opacity:0.85;opacity:0.85;
background-color:black;
display:flex;
justify-content:center;
align-items:center;
border:2px solid white;
}
.divposserv span{
display:inline-block;

padding-left:10px;
padding-right:10px;
}



















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


.tablea1{
width:100%;
}



.divnews{
width:100%;
}



.divblog{
width:100%;
}



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



.taa1{
font-size:15px;
line-height:1.3em;
}
.h2a1{
font-size:20px;
margin-top:0px;
margin-bottom:10px;

}



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


.ablog{
font-size:16px;
}



.divposserv{
font-size:15px;
line-height:1.1em;

}


}

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




.tablea1{
display:block;
width:100%;
}
.tra1{
display:block;
}
.tda1{
display:block;
padding-left:0px;
pading-right:0px;
}
.tda2{
display:block;
padding-left:0px;
padding-right:0px;
}

.h2a1{
text-align:center;

}
.h2a1:after{
width:0px;
}
.h2a1 span{
padding-left:0px;
}

.divabout{
padding-top:10px;
padding-bottom:10px;
}



.tda11{
width:25px;
}



}

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



.taa1{
width:98%;
margin-left:1%;
margin-right:1%;
float:none;
}

}

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


.ob1{
margin-left:-160px;
}
.ob2{
padding-top:300px;
margin-left:-100px;
}



}

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


.ob1{
width:660px;
padding-top:80px;
margin-left:-160px;
}
.ob2{
width:360px;
padding-top:300px;
margin-left:-100px;
}



.divserv1{
width:18%;
margin-right:1%;
margin-left:1%;
}


}

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


.ob1{
width:600px;
padding-top:30px;
margin-left:-160px;
}
.ob2{
width:330px;
padding-top:250px;
margin-left:-60px;
}

.divdmback{
height:400px;
}


}

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


.ob1{
width:560px;
padding-top:50px;
margin-left:-160px;
}
.ob2{
width:310px;
padding-top:250px;
margin-left:-60px;
}

.divdmback{
height:400px;
}


}

@media screen and (min-width:730px) and (max-width:820px){



.ob1{
width:500px;
padding-top:20px;
margin-left:-160px;
}
.ob2{
width:280px;
padding-top:200px;
margin-left:-60px;
}

.divdmback{
height:330px;
}


}

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



.ob1{
width:460px;
padding-top:20px;
margin-left:-130px;
}
.ob2{
width:250px;
padding-top:190px;
margin-left:-30px;
}

.divdmback{
height:300px;
}


}

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



.ob1{
width:430px;
padding-top:20px;
margin-left:-130px;
}
.ob2{
width:250px;
padding-top:180px;
margin-left:-30px;
}

.divdmback{
height:280px;
}


}

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




.divdmback{
display:none;
height:280px;
}

.mobile{
display:block;
}


}

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


.tda1{
width:500px;
}
.taa1{
width:90%;
}


}

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


.tda1{
width:450px;
}
.taa1{
width:90%;
}


}

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


.taa1{
width:48%;
margin-left:1%;
margin-right:1%;
float:left;
}

}

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

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

.tda2{
width:800px;
margin:auto;
padding-top:20px;
padding-bottom:20px;
}


.divblog1{
width:48%;
margin-left:1%;
margin-right:1%;
}


}

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

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

.tda2{
width:95%;
margin:auto;
padding-top:20px;
padding-bottom:20px;
}

}

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


.taa1{
font-size:16px;
}


}

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


.divblog1{
float:none;
width:600px;
margin:auto;
}

.bloghide{
display:none;
}


}

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


.divblog1{
float:none;
width:95%;
margin:auto;
}

.bloghide{
display:none;
}


}

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


.divserv1{
display:inline-block;
float:none;
margin-right:1%;
margin-left:1%;
width:31%;
margin-bottom:20px;
}


}

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


.divserv1{
display:inline-block;
float:none;
margin-right:10px;
margin-left:10px;
width:230px;
margin-bottom:20px;
}


}

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


.divserv1{
display:inline-block;
float:none;
margin-right:1%;
margin-left:1%;
width:46%;
margin-bottom:20px;
}
.divposserv{
width:100%;
left:0px;
height:auto;
padding-top:10px;
padding-bottom:10px;
border-radius:0px;
bottom:0px;
}



}