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

.Font-Small .Radio_List ul li > * { line-height:1rem; font-size:0.6rem;}
.Font-Small .Radio_List_Detail ul li { line-height:1rem; font-size:0.6rem;}

.Font-Large .Radio_List ul li > * { line-height:1.4rem; font-size:1rem;}
.Font-Large .Radio_List_Detail ul li { line-height:1.4rem; font-size:1rem;}


/*Radio_List*/
.Radio_List { width:100%; height:auto; overflow:hidden;}
.Radio_List * { padding:0; margin:0; list-style:none; text-decoration:none;}
.Radio_List ul { display:block; width:100%; height:auto; overflow:hidden;
/*flex*/
-webkit-flex-display:flex; display: flex;
-webkit-align-items:flex-start; align-items:flex-start;flex-wrap:wrap;}
.Radio_List ul li { display:block; width:24%; height:auto; overflow:hidden; float:left; border:1px solid rgba(0,0,0,0.1); margin-right:1%; margin-bottom:1rem;
 background:white;
 /*陰影*/
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow:    0px 0px 5px 0px rgba(0, 0, 0, 0.1);
box-shadow:         0px 0px 5px 0px rgba(0, 0, 0, 0.1);
/*flex*/
-webkit-flex-display:flex; display: flex; flex-wrap:wrap;
/*圓角*/
border-radius:0.5rem;}
.Radio_List ul li > * { display:block; width:100%; height:auto; overflow:hidden; line-height:1.2rem; font-size:0.8rem;}
.Radio_List ul li > *:link,
.Radio_List ul li > *:visited,
.Radio_List ul li > *:hover,
.Radio_List ul li > *:active { color:black;}
.Radio_List ul li > *:focus{ color:blue; background:rgba(255,240,0,1);}
.Radio_List ul li > * > span { display:block; width:100%; height:auto; overflow:hidden; padding:0.5rem; border-bottom:1px solid rgba(0,0,0,0.1);}
.Radio_List ul li > * > span > span:first-child { width:2.5rem; float:left; /*color:rgba(0,100,180,1);*/ opacity:0.5;}
.Radio_List ul li > * > span > span:last-child { width:calc( 100% - 2.5rem); float:left;}
.Radio_List ul li > * > span:first-child { background:rgba(0,100,180,1); font-weight:bold; border-bottom:1px solid rgba(0,0,0,0.05); color:white;
background:rgba(0,0,0,0.03); color:rgba(0,100,180,1);
-webkit-box-shadow: inset 0px -10px 10px 0px rgba(50, 50, 50, 0.05);
-moz-box-shadow:    inset 0px -10px 10px 0px rgba(50, 50, 50, 0.05);
box-shadow:         inset 0px -10px 10px 0px rgba(50, 50, 50, 0.05);}
.Radio_List ul li > * > span:first-child > span:first-child { display:none;}
.Radio_List ul li > * > span:first-child > span:last-child { width:100%;}
.Radio_List ul li > * > span:last-child { border-bottom:0;}
.Radio_List ul li > a:not(.Reserve) { position:relative; padding-bottom:1.75rem;}
.Radio_List ul li > a:not(.Reserve):after { content:'了解更多 \2192'; position:absolute; right:0; bottom:0.25rem; display:block; width:100%; height:1.5rem; line-height:1.5rem; overflow:hidden; padding:0 0.5rem; text-align:right; font-size:0.8em; opacity:0.6;}
.Radio_List ul li > a.Reserve { display:block; width:calc(100% - 1rem); height:2rem; line-height:1rem; margin:0 auto; margin-bottom:0.5rem; overflow:hidden; background:rgba(0,100,180,1); color:white; padding:0.5rem; text-align:center; margin-top:0.5rem;
background:none;
/*圓角*/
border-radius:0.5rem;
/*基礎動畫設定*/
-webkit-transition:all .5s, -webkit-transform .5s; transition:all .5s, transform .5s;}
.Radio_List ul li > a.Reserve:link,
.Radio_List ul li > a.Reserve:visited,
.Radio_List ul li > a.Reserve:hover,
.Radio_List ul li > a.Reserve:active { color:white; background:rgba(0,100,180,1); }
.Radio_List ul li > a.Reserve:focus{ color:blue; background:rgba(255,240,0,1);}

/*Radio_List_Detail*/
.Radio_List_Detail { width:100%; height:auto; overflow:hidden;}
.Radio_List_Detail * { padding:0; margin:0; list-style:none; text-decoration:none;}
.Radio_List_Detail ul { display:block; width:100%; height:auto; overflow:hidden;
/*flex*/
-webkit-flex-display:flex; display: flex;
-webkit-align-items:flex-start; align-items:flex-start;flex-wrap:wrap;}
.Radio_List_Detail ul li { display:block; width:24%; height:auto; overflow:hidden; float:left; border:1px solid rgba(0,0,0,0.1); margin-right:1.33%; margin-bottom:1rem;
/*陰影*/
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
-moz-box-shadow:    0px 0px 5px 0px rgba(0, 0, 0, 0.1);
box-shadow:         0px 0px 5px 0px rgba(0, 0, 0, 0.1);
/*flex*/
-webkit-flex-display:flex; display: flex; flex-wrap:wrap;
/*圓角*/
border-radius:0.5rem;}
.Radio_List_Detail ul li:nth-child(4n+4) { margin-right:0;}
.Radio_List_Detail ul li > span { display:block; width:100%; height:auto; overflow:hidden; padding:0.5rem; border-bottom:1px solid rgba(0,0,0,0.1);}
.Radio_List_Detail ul li > span > span:first-child { width:2.5rem; float:left;/* color:rgba(0,100,180,1);*/ opacity:0.5;}
.Radio_List_Detail ul li > span > span:last-child { width:calc( 100% - 2.5rem); float:left;}
.Radio_List_Detail ul li > span:first-child { background:rgba(0,100,180,1); font-weight:bold; border-bottom:1px solid rgba(0,0,0,0.05); color:white;
background:rgba(0,0,0,0.015); color:rgba(0,0,0,0.7);
-webkit-box-shadow: inset 0px -10px 10px 0px rgba(50, 50, 50, 0.05);
-moz-box-shadow:    inset 0px -10px 10px 0px rgba(50, 50, 50, 0.05);
box-shadow:         inset 0px -10px 10px 0px rgba(50, 50, 50, 0.05);}
.Radio_List_Detail ul li > span:first-child > span:first-child { display:none;}
.Radio_List_Detail ul li > span:first-child > span:last-child { width:100%;}
.Radio_List_Detail ul li > span:last-child { border-bottom:0;}
.Radio_List_Detail ~ a.GoBack.Reserve { width:100%; display:block; height:auto; overflow:hidden; margin:0; text-decoration:none; padding:1rem; float:left; text-align:center; border:1px solid rgba(0,0,0,0.1);
/*基礎動畫設定*/
-webkit-transition:all .5s, -webkit-transform .5s; transition:all .5s, transform .5s;
/*圓角*/
border-radius:0.5rem;}
.Radio_List_Detail ~ a.GoBack.Reserve:link,
.Radio_List_Detail ~ a.GoBack.Reserve:visited,
.Radio_List_Detail ~ a.GoBack.Reserve:hover,
.Radio_List_Detail ~ a.GoBack.Reserve:active { background:rgba(0,100,180,1); color:white;}



@media only screen and (min-width:0px) and (max-width:1024px) {
.Radio_List ul li { width:32%; margin-right:2%;}
.Radio_List ul li:nth-child(3n+3) { margin-right:0;}

.Radio_List_Detail ul li,
.Radio_List_Detail ul li:nth-child(4n+4){ width:32%; margin-right:2%;}
.Radio_List_Detail ul li:nth-child(3n+3) { margin-right:0;}
}

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

.Radio_List_Detail ul { -webkit-justify-content:space-between; justify-content:space-between; }
.Radio_List_Detail ul li,
.Radio_List_Detail ul li:nth-child(4n+4),
.Radio_List_Detail ul li:nth-child(3n+3){ width:49%; margin-right:0;}
}

@media only screen and (min-width:0px) and (max-width:360px) {
.Radio_List ul li { width:100%;}
.Radio_List_Detail ul li,
.Radio_List_Detail ul li:nth-child(4n+4),
.Radio_List_Detail ul li:nth-child(3n+3){ width:100%;}
}