@charset "utf-8";
/* CSS Document */

.ServiceGoBack a#ContentPlaceHolder1_hl_Back { width:49%;}
.ServiceGoBack a#ContentPlaceHolder1_hl_Back:before { display:none;}

/*Service_Catalog*/
.Service_Catalog { width:100%; height:auto; overflow:hidden;}
.Service_Catalog * { padding:0; margin:0; list-style:none; text-decoration:none;}
.Service_Catalog ul { width:100%; height:auto; overflow:hidden;
/*flex*/
-webkit-flex-display:flex; display: flex;
flex-wrap:wrap;}
.Service_Catalog ul li { width:24%; height:auto; overflow:hidden; float:left; margin-bottom:1rem; font-size:0.7rem; margin-right:1.33%;}
.Service_Catalog ul li:nth-child(4n+4) { margin-right:0;}
.Service_Catalog ul li > a { width:100%; height:auto; overflow:hidden; padding:2rem 0.5rem;font-size:1.4rem; line-height:1.4rem; float:left; text-align:center;
/*flex*/
-webkit-flex-display:flex; display: flex;
-webkit-align-items:center; align-items:center; -webkit-justify-content:center;justify-content:center;
flex-wrap:wrap;
/*圓角*/
border-radius:0.5rem;
/*基礎動畫設定*/
-webkit-transition:all .5s, -webkit-transform .5s; transition:all .5s, transform .5s;
}
.Service_Catalog ul li > a:link,
.Service_Catalog ul li > a:visited { color:black; border:1px solid rgba(0,0,0,0.2);}
.Service_Catalog ul li > a:hover,
.Service_Catalog ul li > a:active { background:rgba(0,100,180,1); color:white;}
.Service_Catalog ul li > a:focus{ background:yellow; color:blue; border:2px dashed blue;}


@media only screen and (min-width:0px) and (max-width:960px) {
.Service_Catalog ul {  -webkit-justify-content:space-between;justify-content:space-between; }
.Service_Catalog ul li { width:48%; margin-right:0;}
}

@media only screen and (min-width:0px) and (max-width:360px) {
.Service_Catalog ul li{ width:100%;}
}