@import "/inc/css/btn.css";
@import "/inc/css/all.css?ver=20190222";
.wrapper_width {
  max-width: 100%;
  min-width: 360px;
}
.page_width {
  max-width: 1000px;
  min-width: 360px;
}
div,
p {
  box-sizing: border-box;
}
body,
input {
  font-size: 16px;
}
select,
input {
  color: #333333;
  border: 1px solid #bbb;
  border-radius: 0.2em;
  padding: 0.5em;
}
input[type="radio"],
input[type="checkbox"] {
  padding: 0;
}
div,
p,
span,
input,
select {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type=radio] {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  /*display: inline-flex;*/
  width: 1.25rem;
  height: 1.25rem;
  line-height: 1;
  border: 1px solid #bbb;
  background: #fff;
  border-radius: 1em;
  outline: none;
  vertical-align: middle;
}
input[type=radio]:focus,
input[type=radio]:active {
  box-shadow: none;
}
input[type=radio]:checked {
  background: #e87d7d;
}
input[type=radio]:checked:after {
  flex: 1;
  display: block;
  content: url(/Images/radio.svg);
  /*content:"V";*/
  color: #cc0000;
}
input[type=radio]:disabled {
  background: #ccc;
  border: 2px solid #999;
}
/*---- 最外層包裝 ----*/
/*---- 表頭 ----*/
#header_frame {
  max-width: 100%;
  min-width: 360px;
  background: #c6000f;
  border-bottom: #dadada 3px solid;
}
#header_width {
  margin: 0 auto;
  padding: 0.5em 0;
  max-width: 1000px;
  min-width: 360px;
}
#header_width #header {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#header_width #header .logo img {
  width: 65%;
}
/*---- 主視覺----*/
#Master_frame {
  max-width: 100%;
  min-width: 360px;
}
#Master_frame #Master_width {
  margin: 0 auto;
  max-width: 1000px;
  min-width: 360px;
  text-align: center;
}
#Master_frame #Master_width #Master img {
  width: 100%;
  height: 100%;
}
/*---- 內容 ----*/
#content_frame {
  max-width: 100%;
  min-width: 360px;
}
#content_frame #content_width {
  margin: 1em auto;
  padding: 0.5em 0;
  max-width: 1000px;
  min-width: 360px;
}
#content_frame #content_width #content {
  padding: 0 4em;
  /*個資同意書*/
  /*填寫表單開始*/
  /*填寫表單結束*/
  /*確認表單開始*/
  /*確認表單結束*/
  /*表單送出回應開始*/
  /*表單送出回應結束*/
}
#content_frame #content_width #content .agreementWrapper {
  width: 100%;
  height: 500px;
  marginWidth: 0;
  marginHeight: 0;
  overflow-y: auto;
  border: 1px solid #5a5a5a;
}
#content_frame #content_width #content .agreementWrapper .agreementDoc {
  width: 100%;
}
#content_frame #content_width #content .text_form div {
  display: flex;
  flex-direction: row;
  margin-bottom: 1em;
}
#content_frame #content_width #content .text_form div p:first-child {
  flex: 1;
}
#content_frame #content_width #content .text_form div p:first-child span {
  color: #c6000f;
}
#content_frame #content_width #content .text_form div p:last-child {
  flex: 3;
}
#content_frame #content_width #content .text_form div p:last-child span {
  display: inline-block;
  width: 5em;
  padding-left: 0.5em;
}
#content_frame #content_width #content .text_form div input[type=text] {
  width: 100%;
}
#content_frame #content_width #content .text_form div textarea {
  width: 100%;
  height: 8em;
}
#content_frame #content_width #content .confirm_form div {
  border-bottom: 1px dotted #bbb;
  padding-bottom: 1em;
}
#content_frame #content_width #content .confirm_form div p:last-child {
  color: #cc0000;
}
#content_frame #content_width #content .confirm_form div p:last-child a {
  color: #cc0000;
  text-decoration: none;
}
#content_frame #content_width #content .Response_form {
  text-align: center;
  padding: 10em 0;
}
#content_frame #content_width #content .Response_form .Response_icon {
  margin: 1em auto;
  width: 5em;
  height: 5em;
  border-radius: 100em;
  -webkit-border-radius: 100em;
  -moz-border-radius: 100em;
  background: #7cd01c url(/Images/check.svg) center;
  border: 0.5em solid #7cd01c;
  /*color:#fff;*/
  /*&:after{
             content:"v";
             }*/
}
#content_frame #content_width #content .Response_form .Response_title {
  color: #cc0000;
  font-size: 2em;
}
.btn_frame {
  text-align: center;
}
/*---- 表尾 ----*/
#footer_frame {
  max-width: 100%;
  min-width: 360px;
  background: #4d4d4d;
  color: #fff;
  padding: 1em 0;
}
#footer_frame #footer_width {
  margin: 0 auto;
  text-align: center;
}
#footer_frame #footer div {
  display: inline-block;
  margin-right: 0.5em;
}
#footer_frame #footer div a {
  color: #fff;
}
#divShow {
  background: #ffddde url("images/icon_001.png") 20px 8px no-repeat;
  padding: 10px 0 10px 60px;
  border: 1px solid #ffc9cb;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
}
@media screen and (max-width: 360px) {
  /* 小手機 */
}
@media screen and (max-width: 767px) {
  /* 手機們 */
  .btn_home {
    display: none;
  }
  .logo {
    text-align: center;
    width: 100%;
  }
  .logo img {
    width: 110%;
  }
  #Master_frame {
    display: none;
  }
  #content_frame {
    font-size: 1.3em;
  }
  #content_frame #content_width #content {
    padding: 0 1em;
    /*確認表單結束*/
    /*表單送出回應開始*/
    /*表單送出回應結束*/
  }
  #content_frame #content_width #content .text_form div {
    border-bottom: 1px dotted #bbb;
    padding-bottom: 1em;
    flex-direction: column;
  }
  #content_frame #content_width #content .text_form div p:first-child {
    flex: none;
  }
  #content_frame #content_width #content .text_form div p:last-child {
    flex: none;
    padding-left: 1em;
  }
  #content_frame #content_width #content .text_form div p:last-child span {
    width: auto;
  }
  #content_frame #content_width #content .Response_form {
    padding: 3em 0;
  }
  #content_frame #content_width #content .Response_form .Response_title {
    font-size: 1.5em;
  }
}
@media screen and (min-width: 768px) {
  /* 桌機們 */
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  /* 老桌機 */
}
@media screen and (min-width: 1201px) and (max-width: 1600px) {
  /* 寬桌機 */
}
@media screen and (min-width: 1601px) {
  /* 超寬桌機 */
}