.a11{
display:block;
width:100%;
font-size:15px;
text-align:left;
color:#888888;
padding-top:6px;
padding-bottom:6px;
font-weight:normal;
border-bottom:1px solid #cccccc;
background-image:linear-gradient(to bottom,white,#f1f1f1);
}
.a11 span{
display:inline-block;
padding-left:10px;
padding-right:10px;
transition:0.5s;
}
.a11:hover span{
color:orange;
padding-left:15px;
transition:0.5s;
}
.a1:hover .divlist1{
animation-name:show;
animation-duration:0.5s;
animation-fill-mode:forwards;
}

.divlist1{
position:absolute;
left:0px;
top:-3000px;
width:220px;
border:1px solid #cccccc;
background-color:white;
box-shadow:3px 3px 3px #cccccc;
transition:0.5s;
}

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



.ai1{
color:#666666;
text-align:center;
line-height:1.1em;
font-size:14px;
padding-top:3px;
padding-bottom:3px;
padding-left:5px;
padding-right:5px;
border:1px solid #cccccc;
border-radius:4px;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0);filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;
}
.ai1 span{
display:inline-block;

color:red;

}



.backdm{
height:240px;
background-image:url(https://gloria.yida-design.com.tw/backp1.jpg?n1=9);
background-repeat:no-repeat;
background-size:auto 100%;
background-position:50% 50%;
width:100%;
}











.imgover{
width:100%;
overflow-x:scroll;
}








.div1{
width:50%;
float:left;
}

.imga1{
width:300px;
padding-right:10px;
}




.imgall{
display:block;
width:100%;
}



.h3root{
width:100%;
margin:auto;
font-size:17px;
color:#006699;
padding-top:10px;
padding-bottom:10px;
font-weight:normal;
}


.imgcheck{
display:none;
}
.imgcheck1{
display:none;
}
.proot{
font-size:15px;
color:#666666;
line-height:1.5em;
}

.ulroot{
position:relative;
left:-20px;
font-size:15px;
color:#666666;
margin-top:-20px;
}
.ulroot li{
padding-top:10px;
padding-left:10px;
padding-bottom:6px;
}



.aca1{
display:none;
width:100px;
padding-top:6px;
padding-bottom:6px;
border-radius:6px;
color:white;
text-align:center;
font-size:18px;
margin-top:20px;
background-color:#FF0645;
}

.divlinem1{
width:100%;
height:3px;
background-color:#cccccc;
position:relative;
left:0px;
top:0px;
border-radius:6px;
margin-bottom:10px;
}
.divlinem1:after{
content:'';
position:absolute;
left:0px;
top:0px;
height:3px;
width:110px;
background-color:#006699;
}


.h2root{
font-size:20px;
color:#006699;
width:100%;
margin:auto;
padding-top:10px;
line-height:1.2em;
padding-bottom:10px;
}

.h2root br{
display:none;
}






.aa1{
display:block;
width:100%;
border-bottom:1px solid #cccccc;
padding-bottom:3px;
padding-top:10px;
font-size:16px;
color:#666666;
}
.aa1 span{
display:inline-block;
padding-left:10px;
transition:0.5s;
}
.aa1:hover span{
transition:0.5s;
padding-left:20px;
color:orange;
}

.h2a1{
width:100%;
margin:auto;
background-color:#006699;
color:white;
padding-top:10px;
font-size:20px;
font-weight:normal;
padding-bottom:15px;
border-radius:4px;
}
.h2a1 span{
display:inline-block;
padding-left:10px;
}



.divpanel{
background-image:url(https://gloria.yida-design.com.tw/back2.jpg);
background-position:100% 0px;
background-repeat:no-repeat;
}

.tablea1{
display:table;
width:1100px;
margin:auto;
}
.tra1{
display:table-row;
}
.tda1{
display:table-cell;
width:220px;
padding-left:10px;
padding-right:80px;
vertical-align:top;
padding-top:10px;
}
.tda2{
display:table-cell;
vertical-align:top;
padding-left:10px;
padding-bottom:30px;
}










.divcheck1{
width:1px;
}


.divcrumb{
width:1100px;
margin:auto;
padding-left:0px;
font-size:15px;
color:#666666;
padding-top:10px;
padding-bottom:20px;
}
.divcrumb span{
display:inline-block;
padding-left:10px;
}
.divcrumb a{
color:#999999;
display:inline-block;
padding-left:4px;
padding-right:4px;
}







.divpanel{
width:100%;
min-height:200px;
}



.divfixm1{
position:fixed;
left:0px;
top:0px;
width:100%;
height:40px;
display:none;
background-color:#FF5412;
}
.divre11{
width:100%;
position:reltive;
left:0px;
top:0px;
text-align:center;
}
.divposm1{
position:absolute;
left:0px;
top:0px;

}
.divposm1 img{
width:30px;
padding-left:10px;
padding-top:10px;
height:15px;
}
.logom1{
height:15px;
padding-top:13px;
padding-left:10px;
padding-right:10px;
padding-bottom:13px;
}



.divfixm5{
position:fixed;
right:0px;
width:90px;
top:40px;    
}
.divfixm5 a{
width:100%;
font-size:14px;
display:inline-block;
padding-top:3px;
padding-bottom:3px;
text-align:center;
background-color:white;
background-color:#FFF2EE;
border:1px solid orange;
color:#FF5412;
}
.divfixm5 span{
color:red;
font-weight:bold;
}


.list{
background-image:url(https://gloria.yida-design.com.tw/icon_plus.png?n1);
background-repeat:no-repeat;
background-position:95% 50%;
background-size:15px 15px;
}

.divre13{
width:100%;
position:relative;
left:0px;
top:0px;
text-align:right;
}
.across{
display:inline-block;
padding-right:10px;
padding-top:6px;
padding-bottom:6px;
color:#cccccc;
font-size:22px;
}

.am1 span{
display:inline-block;
padding-left:10px;
}
.am3 span{
display:inline-block;
padding-left:10px;
}
.am1{
display:block;
width:100%;
padding-top:10px;
padding-bottom:10px;
color:#666666;
font-size:15px;
border-bottom:1px solid #cccccc;
position:relative;
left:0px;
top:0px;
}
.am1:after{
content:"";
position:absolute;
left:0px;
top:0px;
height:100%;
width:5px;
background-color:#FF5412;
}
.am3:after{
content:"";
position:absolute;
left:0px;
top:0px;
height:100%;
width:5px;
background-color:#FF5412;
}
.am3{
display:block;
width:100%;
padding-top:10px;
padding-bottom:10px;
color:orange;
font-size:15px;
position:relative;
left:0px;
top:0px;
border-bottom:1px solid #cccccc;
}
.am11{
display:inline-block;
width:100%;
padding-top:6px;
padding-bottom:6px;
color:#666666;
font-size:14px;
border-bottom:1px solid #cccccc;
position:relative;
left:0px;

top:0px;
line-height:1.2em;
background-image:linear-gradient(to bottom,white,#f1f1f1);

}
.am11 span{
display:inline-block;
padding-left:20px;
padding-right:10px;
}
.am11:after{
content:"";
position:absolute;
left:0px;
top:0px;
height:100%;
width:5px;
background-color:#FFCC00;
}
.divback{
position:fixed;
left:0px;
top:0px;
width:100%;
height:3000px;
display:none;
background-color:white;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;
}
.divfixm3{
position:fixed;
left:-70%;
top:0px;
height:3000px;
width:60%;
background-color:white;
}




.pinquery{
font-size:16px;
text-align:center;
width:100%;
padding-top:6px;
padding-bottom:6px;
color:#666666;
}



.aorder{
display:block;
padding-top:6px;
padding-bottom:6px;
width:50%;
float:left;
color:white;
font-size:14px;
text-align:center;
background-color:teal;
}

.tafp1{
width:100%;
border-bottom:1px solid #cccccc;
}
.tdfp2{
width:50px;
}
.adel{
display:block;
padding-top:3px;
padding-bottom:3px;
width:50px;
border-radius:4px;
color:white;
font-size:14px;
text-align:center;
background-color:#FF3366;
}

.divbackp1{
position:fixed;
width:100%;
left:0px;
top:0px;
height:3000px;
background-color:black;
-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;
z-index:39;
display:none;
}





.divfixp1{
position:fixed;
left:0px;
top:0px;
width:360px;
padding:10px;
z-index:46;
border-radius:6px;
background-color:white;
display:none;
}















.divbase1{
width:100%;
background-color:#FF5412;
}
.ab1{
display:inline-block;
padding-left:10px;
padding-top:10px;
padding-bottom:10px;
padding-right:60px;
color:white;
font-size:15px;
text-decoration:none;
}

.h2b1{
width:100%;
margin:auto;
font-size:15px;
padding-top:10px;
padding-bottom:10px;
line-height:1.2em;
color:white;
}
.pb1{
font-size:14px;
color:white;
width:100%;
margin:auto;
line-height:1.6em;
}
.pb1 br{

}




















.tableb1{
display:table;
width:1100px;
margin:auto;
height:230px;
}
.trb1{
display:table-row;
}
.tdb1{
width:380px;
padding-left:20px;
display:table-cell;
vertical-align:top;
padding-top:20px;
}
.tdb2{
display:table-cell;
vertical-align:top;
background-image:url(https://gloria.yida-design.com.tw/map.png);
background-size: 100% auto;
background-position:50% 0px;
background-repeat:no-repeat;
}


.divbaserec{
width:100%;
height:auto;

background-color:#222222;
}



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

.logoimg{
width:151px;
transition:0.5s;
}
.logoimg-back{
width:120px;
transition:0.5s;
}

.dm1{
width:100%;
}

.divspace{
width:100%;
height:100px;
}

.a1{
display:inline-block;
background-image:url(https://gloria.yida-design.com.tw/icon_dot.jpg);
background-repeat:no-repeat;
background-position:2px 50%;
padding-left:30px;
font-size:15px;
color:#555555;
font-weight:bold;
padding-right:20px;
position:relative;
left:0px;
padding-top:6px;
padding-bottom:6px;
top:0px;
}

.logoimg{

}


.table1-back{
display:table;
width:1100px;
margin:auto;
font-size:16px;
colo:#666666;
height:60px;
transition:0.5s;
}









.table1{
display:table;
width:1100px;
margin:auto;
font-size:16px;
colo:#666666;
height:88px;
transition:0.5s;
}
.tr1{
display:table-row;
}
.td1{
display:table-cell;
vertical-align:middle;
padding-left:10px;
text-align:left;
width:220px;
}
.td2{
display:table-cell;
vertical-align:middle;
padding-right:10px;
text-align:right;
}

.divfix{
position:fixed;
left:0px;
top:0px;
width:100%;
height:auto;
background-color:white;
z-index:30;
border-top:12px solid #FF5412;
}



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

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



.div1100{
width:1100px;
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;
}




.acode1{
display:inline-block;
padding-left:6px;
padding-right:6px;
padding-top:6px;
padding-bottom:6px;
font-size:15px;
border-radius:6px;
line-height:1.1em;
margin-bottom:5px;
background-color:#f1f1f1;
color:#666666;
border:1px solid #cccccc;

}



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



.text1{

width:100%;
height:130px;
border:1px solid #cccccc;
border-radius:4px;
}
.tablec11{
display:table;
width:100%;
font-size:15px;
color:#666666;
float:left;
padding-top:6px;
padding-bottom:6px;
}

.tablec1{
display:table;
width:50%;
font-size:15px;
color:#666666;
float:left;
padding-top:6px;
padding-bottom:6px;
}
.trc1{
display:table-row;
}
.tdc1 span{
color:red;
position:relative;
left:3px;
}
.tdc1{
width:70px;
vertical-align:middle;
padding-right:20px;
display:table-cell;
text-align:center;
}
.tdc2{
vertical-align:middle;
display:table-cell;
padding-right:10px;
}
.tdc2 input{
width:100%;
height:25px;
border:1px solid #cccccc;
border-radius:4px;
}



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


.backdm{
height:180px;
}

.divpanel{
background-size:60% auto;
}



.tda1{
padding-right:30px;
}


}

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


.backdm{
background-image:url(https://gloria.yida-design.com.tw/backp2.jpg?n1=5);
}


}

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


.backdm{
height:160px;
}

.divpanel{
background-size:55% auto;
}




.divcheck1{
width:2px;
}

}

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


.backdm{
height:130px;
}

.divpanel{
background-size:55% auto;
}




.div1{
width:100%;
}

.imga1{
display:block;
width:95%;

}



.h3root{
font-size:17px;
}



.aca1{
font-size:15px;
padding-top:3px;
padding-bottom:3px;
}



.h2a1{
font-size:16px;
padding-top:6px;
padding-bottom:6px;
margin-top:15px;
}

.h2root{
font-size:16px;
}

.divlinem1:after{
width:80px;
}




.tda1{
width:160px;
}
.divcheck1{
width:3px;
}


.divcrumb{
padding-bottom:0px;
font-size:14px;
}



.ab1{
font-size:13px;
}



.tablec1,.tablec11{
padding-top:3px;
font-size:14px;
padding-bottom:3px; 
}

.tdc1{
width:65px;
padding-right:10px;
}


}

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


.div1{
width:100%;
}

.imga1{
width:70%;
}




}

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


.div1{
width:100%;
}

.imga1{
display:block;
width:360px;

}




}

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


.tablea1{
width:100%;
}





.divcrumb{
width:100%;
}



.tableb1{
width:100%;
}





.table1{
width:100%;
}
.table1-back{
width:100%;
}


.div1100{
width:100%;
}


}

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


.divoverflow{
overflow-x:hidden;
}

.tablea1{
position:relative;

}
.tda1{
padding-left:0px;
padding-right:10px;
}


.aca1{
display:block;
}



.divfix{
display:none;
}
.divfixm1{
display:block;
}
.divspace{
height:40px;
}


}

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


.aorder{
width:100%;
}


}

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


.divbase1{
text-align:center;
}



}

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


.ab1{
padding-left:10px;
padding-right:40px;
}


}

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


.ab1{
padding-left:10px;
padding-right:20px;
}


}

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


.ab1{
padding-left:10px;
padding-right:10px;
}


}

@media screen and (min-width:340px) and (max-width:580px){


.ab1{
display:block;
width:33.3%;
float:left;
text-align:center;
padding-left:0px;
padding-right:0px;
padding-top:3px;
padding-bottom:3px;
background-image:linear-gradient(to left bottom,#FF5412,#E33F00);
}


}

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


.ab1{
display:block;
width:50%;
float:left;
text-align:center;
padding-left:0px;
padding-right:0px;
padding-top:3px;
padding-bottom:3px;
background-image:linear-gradient(to right bottom,#FF5412,#E33F00);
}


}

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


.pb1 br{
display:inline;
}



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


}

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

.tdb1{
width:330px;    
}

}

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


.tableb1{
display:block;
height:auto;
}
.trb1{
display:block;
}
.tdb1{
padding-left:0px;
padding-right:0px;
display:block;
margin:auto;
padding-top:20px;
padding-bottom:0px;

}
.tdb2{
display:block;
padding-left:0px;
padding-right:0px;
min-height:300px;

}


}

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


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


}

@media screen and (min-width:400px) and (max-width:840px){


.tdb2{
background-position:50% 50%;
}



}

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


.tdb2{
background-position:-60px 50%;
}


}

@media screen and (min-width:580px) and (max-width:840px){


.tdb2{
width:560px;
margin:auto;

}


}

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


.tdb2{
width:100%;
margin:auto;
background-size:auto 80%;
}



}

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


.td1{
width:160px;
}


}

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


.a1{
padding-right:10px;
}


}

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


.br11{
display:block;
}

.td2{
text-align:center;
}


}

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

.div1200{
width:100%;
}

}

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


.tablec1{
width:100%;
}


}