#questionnaire.inside_content .content .full_area{ width:875px; margin:0 auto;}
#questionnaire.inside_content .content .full_area .demand{ text-align:center; color:#ed8b00; font-size:28px; font-weight:bold; margin-bottom:20px;}
#questionnaire.inside_content .content .full_area .form_border{ border:1px solid #d8d8d8;}
#questionnaire.inside_content .content .full_area .form_border a{ color:#54585a; text-decoration:underline;}
#questionnaire.inside_content .content .full_area .form_border .txt{ padding:20px;}
#questionnaire.inside_content .content .full_area .form_border .txt.center_area{ text-align:center; margin-bottom:40px;}
#questionnaire.inside_content .content .full_area .form_border .txt span{ font-weight:bold; color:#007b99;}
#questionnaire.inside_content .content .full_area .form_border .date{ padding:0 20px 20px 20px;}
#questionnaire.inside_content .content .full_area .form_border .date li{ float:none;}
#questionnaire.inside_content .content .full_area .form_border .date li span{ font-weight:bold;}
#questionnaire.inside_content .content .full_area .form_border .date:after{ content:""; display:table; clear:both;}
#questionnaire.inside_content .content .full_area .form_border .icon_area{ padding:15px 20px 0 20px;}
#questionnaire.inside_content .content .full_area .form_border .icon_area .tl{ text-align:center; color:#936846; line-height:30px; font-weight:bold; margin-bottom:10px;}
#questionnaire.inside_content .content .full_area .form_border .icon_area .icon li{ width:25%; text-align:center; margin-bottom:20px;}
#questionnaire.inside_content .content .full_area .form_border .icon_area .icon li a{ text-decoration:none;}
#questionnaire.inside_content .content .full_area .form_border .icon_area .icon li a:hover{ text-decoration:underline;}
#questionnaire.inside_content .content .full_area .form_border .icon_area .icon:after{ content:""; clear:both; display:table;}
 
#questionnaire.inside_content .content .full_area .form_border .form_area{ background:#eaeaea; padding:20px;}
#questionnaire.inside_content .content .full_area .form_border .form_area ul{ width:85%; margin:0 auto;}
#questionnaire.inside_content .content .full_area .form_border .form_area li{ float:none; padding-bottom:25px;}
#questionnaire.inside_content .content .full_area .form_border .form_area li.half{ width:50%; float:left; padding-bottom:10px;}
#questionnaire.inside_content .content .full_area .form_border .form_area li.full{ padding-bottom:10px;}
#questionnaire.inside_content .content .full_area .form_border .form_area li.full.email{ padding-bottom:0;}
#questionnaire.inside_content .content .full_area .form_border .form_area li.full.email label{ float:left; line-height:31px; margin-bottom:0;}
#questionnaire.inside_content .content .full_area .form_border .form_area li.full.email input[type="text"]{ float:left; width:calc(100% - 55px);}
#questionnaire.inside_content .content .full_area .form_border .form_area li:last-child{ margin-bottom:0;}
#questionnaire.inside_content .content .full_area .form_border .form_area li label{ font-weight:bold; display:block; margin-bottom:5px;}
#questionnaire.inside_content .content .full_area .form_border .form_area li label span{ font-weight:normal;}
#questionnaire.inside_content .content .full_area .form_border .form_area li.issuer{ padding-top:15px;}
#questionnaire.inside_content .content .full_area .form_border .form_area li.issuer .info_checkbox{ width:100%; margin-bottom:0; line-height:29px;}
#questionnaire.inside_content .content .full_area .form_border .form_area li.last{ padding-bottom:0;}
#questionnaire.inside_content .content .full_area .form_border .form_area li .info_checkbox{ font-size:14px; float:left; width:25%; margin-bottom:0; line-height:31px;}
#questionnaire.inside_content .content .full_area .form_border .form_area li .info_checkbox input[type="text"]{ width:160px;}
#questionnaire.inside_content .content .full_area .form_border .form_area li.point .info_checkbox.tl{ width:40%; text-align:left;}
#questionnaire.inside_content .content .full_area .form_border .form_area li.point .info_checkbox{ width:12%; text-align:center;}
#questionnaire.inside_content .content .full_area .form_border .form_area li.point ul li{ padding-bottom:0;}
#questionnaire.inside_content .content .full_area .form_border .form_area li.point ul li:first-child{ font-size:14px;}
#questionnaire.inside_content .content .full_area .form_border .form_area li.point ul li:first-child .info_checkbox{ margin-bottom:0;}
#questionnaire.inside_content .content .full_area .form_border .form_area li.point ul li:nth-child(10) .info_checkbox{ margin-bottom:0;}
#questionnaire.inside_content .content .full_area .form_border .form_area li.point ul li:last-child{ font-size:14px;}
#questionnaire.inside_content .content .full_area .form_border .form_area li .info_checkbox.others{ width:100%;}
#questionnaire.inside_content .content .full_area .form_border .form_area li select{ width:50%; font-size:15px;}
#questionnaire.inside_content .content .full_area .form_border .form_area li input[type="text"]{ width:50%;}
#questionnaire.inside_content .content .full_area .form_border .form_area li.half input[type="text"]{ width:95%;}
#questionnaire.inside_content .content .full_area .form_border .form_area li.half select{ width:95%;}
#questionnaire.inside_content .content .full_area .form_border .form_area li.full input[type="text"]{ width:97.5%;}
#questionnaire.inside_content .content .full_area .form_border .form_area li.full textarea{ width:97.5%;}

#questionnaire.inside_content .content .full_area .form_border .form_area li:after{ content:""; display:table; clear:both;}
#questionnaire.inside_content .content .full_area .form_border .form_area:after{ content:""; display:table; clear:both;}
#questionnaire.inside_content .content .full_area .form_border .disclaimer_area{ padding:20px 20px 0 20px; font-size:14px;}
#questionnaire.inside_content .content .full_area .form_border .disclaimer_area .button_area button{ background: #00477b; padding:5px 15px;}
#questionnaire.inside_content .content .full_area .form_border .disclaimer_area .txt{ padding:0;}
#questionnaire.inside_content .content .full_area .form_border .disclaimer_area .button_area{ text-align:center; margin:20px 0;}
#questionnaire.inside_content .content .full_area .form_border .disclaimer_area .button_area input{ background:#ed8b00; color:#FFF; border:none; line-height:25px; padding:0 20px; font-size:15px; cursor:pointer; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px; font-weight:bold; margin-top:10px;}
#questionnaire.inside_content .content .full_area .form_border .disclaimer_area .button_area input.fb_button{ background:url(/home/images/bg_cal2020_button.jpg) no-repeat; width:646px; height:130px; color:#ed8b00; padding:15px 20px 75px 20px; font-size:23px; font-family:Arial, Helvetica, "Microsoft JhengHei", "微軟正黑體修正", "微軟正黑體", "Microsoft Yahei", "微软雅黑", "PingFang TC", "Lantinghei TC", "Heiti TC", STXihei, "华文细黑";}
#questionnaire.inside_content .content .full_area .form_border  .disclaimer_small_area{ padding:20px; font-size:13px;}



@media only screen and (max-width: 767px){
#questionnaire.inside_content .content .full_area{ width:100%;}
#questionnaire.inside_content .content .full_area .demand{ font-size:22px; margin:0 5px 10px 5px;}
#questionnaire.inside_content .content .full_area img{ width:100%; height:auto;}
#questionnaire.inside_content .content .full_area .form_border{ font-size:15px;}
#questionnaire.inside_content .content .full_area .form_border .form_area ul{ width:100%;}
#questionnaire.inside_content .content .full_area .form_border .form_area li label{ margin-bottom:5px;}
#questionnaire.inside_content .content .full_area .form_border .form_area li input[type="text"]{ width:100%;}
#questionnaire.inside_content .content .full_area .form_border .form_area li .info_checkbox{ width:50%; margin-bottom:0;}
#questionnaire.inside_content .content .full_area .form_border .form_area li .info_checkbox.others{ width:100%;}
#questionnaire.inside_content .content .full_area .form_border .form_area li .info_checkbox input[type="text"]{ width:100%;}
#questionnaire.inside_content .content .full_area .form_border .form_area li.half{ width:100%;}
#questionnaire.inside_content .content .full_area .form_border .form_area li.half input[type="text"]{ width:100%;}
#questionnaire.inside_content .content .full_area .form_border .form_area li.full textarea{ width:100%;}
#questionnaire.inside_content .content .full_area .form_border .form_area li.point .info_checkbox.tl{ width:100%;}
#questionnaire.inside_content .content .full_area .form_border .form_area li.half select{ width:100%;}
#questionnaire.inside_content .content .full_area .form_border .form_area li.full input[type="text"]{ width:100%;}
#questionnaire.inside_content .content .full_area .form_border .form_area li.point .info_checkbox{ width:20%;}
#questionnaire.inside_content .content .full_area .form_border .form_area li.point ul li:last-child .info_checkbox.tl{ display:none;}
#questionnaire.inside_content .content .full_area .form_border .date li{ margin-bottom:10px;}
#questionnaire.inside_content .content .full_area .form_border .date li:last-child{ margin-bottom:0;}
#questionnaire.inside_content .content .full_area .form_border .date li span{ display:block;}
#questionnaire.inside_content .content .full_area .form_border .form_area li.point ul li:first-child{ display:none;}
#questionnaire.inside_content .content .full_area .form_border .disclaimer_area .button_area input.fb_button{ width:100%; box-sizing:border-box;}
}