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

.Font-Small .Survey_Detail > .Survey_Detail_Box > .Survey_Detail_Box_Wrap > .TitleFont_P > span{ font-size:0.6rem;}
.Font-Small .Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > *{ font-size:0.8rem; line-height:1.3rem;}

.Font-Large .Survey_Detail > .Survey_Detail_Box > .Survey_Detail_Box_Wrap > .TitleFont_P > span{ font-size:1rem;}
.Font-Large .Survey_Detail > .Survey_Detail_Box > div .Survey_Detail_Box_WrapW > ul > li,
.Font-Large .Survey_Detail > .Survey_Detail_Box > div .Survey_Detail_Box_WrapW > ul > li > input{ height:auto; line-height:1.5rem;}
.Font-Large .Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > *{ font-size:1.2rem; line-height:1.7rem;}
.Font-Large .Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > label{ width:10.75rem;}
.Font-Large .Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > .ContactUsBoxR{ width:calc(100% - 10.75rem);}

/*Survey_Detail_Info*/
.Survey_Detail_Info { width:100%; height:auto; overflow:hidden; margin:0 auto;}
.Survey_Detail_Info .notice { color:Crimson;}
.Survey_Detail_Info  ~ p.Center { width:100%; height:auto; overflow:hidden; margin:0 auto; padding:0; text-align:center;}
.Survey_Detail_Info  ~ p.Center .notice { color:Crimson;}
.Survey_Detail_Info * { padding:0; margin:0; list-style:none; text-decoration:none;}
.Survey_Detail_Info > .Survey_Detail_Box { display:block; width:100%; height:auto; overflow:hidden; margin:0 auto; border:0; outline:none; margin-bottom:1rem;}
.Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox { width:100%; height:auto; overflow:hidden; border:0; outline:none; background:rgba(255,255,255,0.4); border-bottom:1px solid rgba(0,0,0,0.1);
/*flex*/
-webkit-flex-display:flex; display: flex; flex-wrap:wrap;}
.Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox:nth-child(even) { background:rgba(255,255,255,0.8);}
.Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > * { display:block; height:auto; overflow:hidden; padding:0.5rem; float:left; line-height:1.5rem; font-size:1rem;}
.Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > label,
.Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > legend{  width:8.5rem;}
.Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > label > .notice { float:left; margin-right:0.25rem;}
.Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > label .None { display:none;}
.Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > .ContactUsBoxR { width:calc(100% - 8.5rem);}
.Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > * > * { float:left; margin-right:0.25rem; max-width:100%;}
.Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > * > .notice { font-size:0.7rem;}
.Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > * input[type="text"],
.Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > * input[type="password"],
.Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > * input[type="radio"]{ height:1.5rem; padding:0.25rem; line-height:calc(1rem - 2px); outline:none; border:1px solid rgba(0,0,0,0.2); font-size:0.8rem; font-family:"微軟正黑體";}
.Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > * input:focus{ -webkit-appearance: none; border:2.5px dashed blue; outline:0; background:yellow;}
.Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > * select:focus{ border:2.5px dashed blue; outline:0; background:yellow;}
.Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > * input[type="radio"]:focus{ width:0.6rem; height:0.6rem; margin:0.3rem 0;
/*圓角*/
border-radius:100%;}
.Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > * input[type="text"]#ContentPlaceHolder1_ucAddr_txb_ZipCode_3 { width:3rem;}
.Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > * input[type="text"]#ContentPlaceHolder1_ucAddr_txb_ZipCode_2 { width:2rem;}
.Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > * select { height:30px; outline:none; line-height:calc(1.5rem - 2px); border:1px solid rgba(0,0,0,0.2); font-size:0.8rem; font-family:"微軟正黑體";}
.Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > * > textarea { outline:none; line-height:calc(1.5rem - 2px); border:1px solid rgba(0,0,0,0.2); font-size:0.8rem; font-family:"微軟正黑體"; padding:0.25rem;}
.Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > * > ul { margin-right:0;
/*flex*/
-webkit-flex-display:flex; display: flex; flex-wrap:wrap;}
.Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > * > ul > li { display:inline-block; width:auto; height:1.5rem; line-height:1.5rem; overflow:hidden; float:left; margin-right:0.5rem;}
.Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > * > ul > li > input { margin-right:0.25rem;}
.Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > * > img { display:block; margin:0.125rem 0; margin-right:0.25rem;}
.Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > * > input[maxlength="6"] { width:4rem;}
.Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBoxL { width:100%; height:auto; overflow:hidden; padding:1rem;}
.Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > * .memberformAddressBox > div > span{ display:inline-block; width:auto; height:auto; overflow:hidden; float:left; margin-right:0.5rem; margin-bottom:0.25rem;}



.Survey_Detail { width:100%; height:auto; overflow:hidden; margin:0 auto;}
.Survey_Detail > .Survey_Detail_Box { width:100%; height:auto; overflow:hidden; margin:0 auto; margin-bottom:1rem;}
.Survey_Detail > .Survey_Detail_Box > .Survey_Detail_Box_Wrap { width:100%; height:auto; overflow:hidden; margin:0 auto;}
.Survey_Detail > .Survey_Detail_Box > .Survey_Detail_Box_Wrap > .TitleFont_P { width:100%; height:auto; overflow:hidden; padding:0; margin:0 auto; margin-bottom:1rem;}
.Survey_Detail > .Survey_Detail_Box > .Survey_Detail_Box_Wrap > .TitleFont_P > span { display:inline-block; width:auto; height:1.5rem; line-height:calc( 1rem - 2px); padding:0.25rem 0.5rem; overflow:hidden; float:left; background:rgba(0,0,0,0.1); border:1px solid rgba(0,0,0,0.2); margin-right:0.5rem; font-size:0.8rem; margin-bottom:0.25rem;
/*圓角*/
border-radius:0.5rem;}

.Survey_Detail > .Survey_Detail_Box > div .Survey_Detail_Box_WrapB,
.Survey_Detail > .Survey_Detail_Box > div .Survey_Detail_Box_WrapW{ width:100%; height:auto; overflow:hidden; margin:0 auto; border:1px solid rgba(0,0,0,0.1); padding:0.5rem;}
.Survey_Detail > .Survey_Detail_Box > div fieldset { display:block; width:100%; height:auto; overflow:hidden; border:0; outline:none;}
.Survey_Detail > .Survey_Detail_Box > div .Survey_Detail_Box_WrapB { background:rgba(0,0,0,0.05); border-bottom:0;
-moz-border-radius-topleft:1rem;
-webkit-border-top-left-radius:1rem;
 border-top-left-radius:1rem;
-moz-border-radius-topright:1rem;
-webkit-border-top-right-radius:1rem; 
border-top-right-radius:1rem;
}
.Survey_Detail > .Survey_Detail_Box > div .Survey_Detail_Box_WrapB > div { height:auto; overflow:hidden; float:left; padding:0;}
.Survey_Detail > .Survey_Detail_Box > div .Survey_Detail_Box_WrapB > div legend { display:block; width:100%; height:auto; overflow:hidden;}
.Survey_Detail > .Survey_Detail_Box > div .Survey_Detail_Box_WrapB > div .subject { color:rgba(0,100,180,1); font-weight:bold; line-height:1.2rem;}
.Survey_Detail > .Survey_Detail_Box > div .Survey_Detail_Box_WrapB > div .subject ~ * { font-size:0.8rem; margin:0; padding:0;}
.Survey_Detail > .Survey_Detail_Box > div .Survey_Detail_Box_WrapB > .No { width:4rem; line-height:1.2rem;}
.Survey_Detail > .Survey_Detail_Box > div .Survey_Detail_Box_WrapB > .No .notice { color:Crimson;}
.Survey_Detail > .Survey_Detail_Box > div .Survey_Detail_Box_WrapB > .No .number { color:rgba(0,0,0,0.8);}
.Survey_Detail > .Survey_Detail_Box > div .Survey_Detail_Box_WrapB > .Text { width:calc(100% - 4rem);}
.Survey_Detail > .Survey_Detail_Box > div .Survey_Detail_Box_WrapB > .Text > *:last-child { margin-bottom:0;}
.Survey_Detail > .Survey_Detail_Box > div .Survey_Detail_Box_WrapW{ margin-bottom:1rem; padding:0.75rem 0.5rem; padding-left:2.5rem;
-moz-border-radius-bottomright:1rem;
-webkit-border-bottom-right-radius:1rem;
border-bottom-right-radius:1rem;
-moz-border-radius-bottomleft:1rem;
-webkit-border-bottom-left-radius:1rem;
border-bottom-left-radius:1rem;}
.Survey_Detail > .Survey_Detail_Box > div .Survey_Detail_Box_WrapW * { padding:0; margin:0; list-style:none; text-decoration:none;}
.Survey_Detail > .Survey_Detail_Box > div .Survey_Detail_Box_WrapW > ul { width:100%; height:auto; overflow:hidden;}
.Survey_Detail > .Survey_Detail_Box > div .Survey_Detail_Box_WrapW > ul > li { width:100%; height:auto; overflow:hidden; float:left; position:relative; padding-left:1.25rem; line-height:1rem; margin-bottom:0.5rem;}
.Survey_Detail > .Survey_Detail_Box > div .Survey_Detail_Box_WrapW > ul.horizontal > li { width:auto; margin-right:0.5rem;}
.Survey_Detail > .Survey_Detail_Box > div .Survey_Detail_Box_WrapW > ul > li:last-child { margin-bottom:0;}
.Survey_Detail > .Survey_Detail_Box > div .Survey_Detail_Box_WrapW > ul > li > input { position:absolute; width:1rem; height:1rem; top:0; left:0;}
.Survey_Detail > .Survey_Detail_Box > div .Survey_Detail_Box_WrapW > ul > li > input:focus{ -webkit-appearance: none; border:2.5px dashed blue; outline:0; background:yellow;}
.Survey_Detail > .Survey_Detail_Box > div .Survey_Detail_Box_WrapW > ul > li > input[type="radio"]:focus{
/*圓角*/
border-radius:100%;}
.Survey_Detail > .Survey_Detail_Box > div .Survey_Detail_Box_WrapW > .Survey_View_Table { width:100%; height:auto; overflow:hidden;}
.Survey_Detail > .Survey_Detail_Box > div .Survey_Detail_Box_WrapW > .Survey_View_Table tr:nth-child(even) { background:rgba(0,0,0,0.05);}
.Survey_Detail > .Survey_Detail_Box > div .Survey_Detail_Box_WrapW > .Survey_View_Table tr td { padding:0.25em;}
.Survey_Detail > .Survey_Detail_Box > div .Survey_Detail_Box_WrapW > .Survey_View_Table tr td:nth-child(2) { width:2rem; text-align:center;}
.Survey_Detail > .Survey_Detail_Box > div .Survey_Detail_Box_WrapW > .Survey_View_Table tr td:nth-child(3) { width:20%; text-align:right;}
.Survey_Detail > .Survey_Detail_Box > div .Survey_Detail_Box_WrapW .descr { width:100%; height:auto; overflow:hidden; padding:0.5rem; background:rgba(0,0,0,0.05); margin:0.5rem 0; float:left;
/*圓角*/
border-radius:0.5rem;}
.Survey_Detail > .Survey_Detail_Box > div .Survey_Detail_Box_WrapW .descr:empty { display:none;}
.Survey_Detail > .Survey_Detail_Box > div .Survey_Detail_Box_WrapW > select { width:10rem; height:1.5rem; line-height:calc( 1.5rem - 2px); overflow:hidden; float:left; outline:none;  border:1px solid rgba(0,0,0,0.2); font-family:"微軟正黑體"; font-size:1rem;}
.Survey_Detail > .Survey_Detail_Box > div .Survey_Detail_Box_WrapW > textarea { width:20rem; display:block; max-width:100%; height:3rem; line-height:1rem; overflow:hidden; float:left; outline:none;  border:1px solid rgba(0,0,0,0.2); font-family:"微軟正黑體"; font-size:1rem; float:left; padding:0.5rem;}


@media only screen and (min-width:0px) and (max-width:540px) {
.Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > * { font-size:0.8rem;}
.Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > label { width:6.5rem;}
.Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > label ~ div { width:calc(100% - 6.5rem);}
.Survey_Detail_Info > .Survey_Detail_Box > .ContactUsBox > * .memberformAddressBox > div > span input{ width:90%;}
}