.container { width: 100%; height: 100%; position: relative; }
.container * { background-position: center center; background-repeat: no-repeat; background-size: cover; letter-spacing: -1px; box-sizing: border-box; }
.container > .section { background-color: #fff; margin: 0 auto; border: 1px solid #e0e0e0; }
.container > .section > .title_box { width: 100%; border-bottom: 1px solid #aaa; }
.container > .section > .title_box > h3 { font-weight: bold; color: #1c4682; }
.container > .section > .title_box > p { color: #484848; }
.container > .section > .form_box { width: 100%; border-top: 2px solid #484848; }
.container > .section > .form_box > form { width: 100%; }
.container > .section > .form_box > form > fieldset { border-top: 2px sol id #484848; box-sizing: border-box; }
.container > .section > .form_box > form > fieldset > legend { width: 0; height: 0; display: block; overflow: hidden; }
.container > .section > .form_box > form > fieldset > div { width: 100%; border-bottom: 1px solid #aaa; }
.container > .section > .form_box > form > fieldset > div > * { float: left; }
.container > .section > .form_box > form > fieldset > div > label { background-color: #EFEFEF; display: block; text-align: center; font-weight: bold; color: #333; }
.container > .section > .form_box > form > fieldset > div > div > div { float: left; border: 0; }
.container > .section > .form_box > form > fieldset > div > div > * { float: left; border: 1px solid #dadada; box-sizing: border-box; }
.container > .section > .form_box > form > fieldset > div > div > p { border: 0; }
.container > .section > .form_box > form > fieldset > .category03 a { font-weight:normal;display:block;text-decoration: none; color:#fff; background-color: #8a8a8a;border-radius: 5px;box-sizing: content-box;text-align: center; }
.container > .section > .form_box > form > fieldset > .category03 a:hover {background-color: #006CB8;font-weight:600;}
.container > .section > .form_box > form > fieldset > .category0 { border: 0; }
.container > .section > .form_box > form > fieldset > .category0 > h4 { color: #006cb8; }
.container > .section > .form_box > form > fieldset > .category0 > div > p { border: 0; color: #595959; }
.container > .section > .form_box > form > fieldset > .btn_box { border: 0; }
.container > .section > .form_box > form > fieldset > .btn_box > a { font-weight: bold; color: #fff; border: 0; text-decoration: none; text-align: center; }
.container > .section > .form_box > form > fieldset > .btn_box > #okBtn { background-color: #006CB8; }
.container > .section > .form_box > form > fieldset > .btn_box > #cancleBtn { background-color: #595959; }
.container > .section > .form_box > form > fieldset > div:after { content: ""; display: block; clear: both; }

.container:after { background-image: url(/assets/_img/sub/pyramidalWaveBG.png); top: 0; left: 0; position: absolute; background-size: 75px; z-index: -2; content: ""; width: 100%; height: 100%; background-repeat: repeat; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pyramidalWaveBG.png', sizingMethod='scale'); -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='pyramidalWaveBG.png', sizingMethod='scale')"; }

/* For larger displays */
@media all and (min-width: 1080px) { .container { padding: 94px 0; }
  .container > .section { width: 980px; height: auto; padding: 50px; }
  .container > .section > .title_box { height: 85px; margin-bottom: 30px; }
  .container > .section > .title_box > h3 { width: auto; height: 50px; font-size: 44px; margin-bottom: 6px; }
  .container > .section > .title_box > p { font-size: 16px; line-height: 22px; }
  .container > .section > .form_box > form > fieldset > div { height: auto; }
  .container > .section > .form_box > form > fieldset > div > label { width: 150px; height: auto; padding-top: 22px; padding-bottom: 22px; font-size: 14px; }
  .container > .section > .form_box > form > fieldset > div > div { width: 713px; padding-left: 15px; }
  .container > .section > .form_box > form > fieldset > div > div > * { height: 30px; line-height: 30px; margin-top: 14px; }
  .container > .section > .form_box > form > fieldset > .category01 > div > select { width: 80px; }
  .container > .section > .form_box > form > fieldset > .category02 > div > select { width: 200px; }
  .container > .section > .form_box > form > fieldset > .category03 a { padding:0 4%;font-size:14px; }
  .container > .section > .form_box > form > fieldset > .category0 { height: auto; margin: 25px 0; }
  .container > .section > .form_box > form > fieldset > .category0 > h4 { width: auto; height: 20px; font-size: 16px; margin-left: 20px; }
  .container > .section > .form_box > form > fieldset > .category0 > div { width: 100%; }
  .container > .section > .form_box > form > fieldset > .category0 > div > p { font-size: 14px; width: 100%; height: auto; margin-top: 10px; line-height: 24px; }
  .container > .section > .form_box > form > fieldset > .btn_box { width: 210px; height: 35px; margin: 0 auto; }
  .container > .section > .form_box > form > fieldset > .btn_box > a { width: 100px; height: 100%; line-height: 35px; font-size: 14px; }
  .container > .section > .form_box > form > fieldset > .btn_box > #okBtn { margin-right: 10px; } }
/* For smaller displays like laptops */
@media (min-width: 641px) and (max-width: 1079px) { .container { padding: 58px 0; }
  .container > .section { width: 96%; padding: 3%; }
  .container > .section > .title_box { height: 80px; margin-bottom: 3%; }
  .container > .section > .title_box > h3 { font-size: 30px; height: 32px; width: auto; }
  .container > .section > .title_box > p { font-size: 14px; margin-top: 6px; }
  .container > .section > .form_box > form > fieldset > div > label { width: 23%; height: 58px; line-height: 58px; }
  .container > .section > .form_box > form > fieldset > div > div { width: 77%; padding: 15px; }
  .container > .section > .form_box > form > fieldset > div > div > * { height: 28px; }
  .container > .section > .form_box > form > fieldset > div > div > p { margin: 0 10px; line-height: 28px; }
  .container > .section > .form_box > form > fieldset > .category01 > div > select { width: 80px; }
  .container > .section > .form_box > form > fieldset > .category02 > div > select { width: 200px; }
  .container > .section > .form_box > form > fieldset > .category03 a { box-sizing:border-box;padding:0 4%;font-size:14px;padding-top:6px; }
  .container > .section > .form_box > form > fieldset > .category0 { margin-top: 20px; }
  .container > .section > .form_box > form > fieldset > .category0 > h4 { width: auto; height: 20px; font-size: 16px; margin-left: 20px; }
  .container > .section > .form_box > form > fieldset > .category0 > div { width: 100%; }
  .container > .section > .form_box > form > fieldset > .category0 > div > p { width: auto; height: auto; display: block; font-size: 14px; line-height: 24px; }
  .container > .section > .form_box > form > fieldset > .btn_box { width: 40%; height: 45px; margin: 0 auto; margin-top: 20px; }
  .container > .section > .form_box > form > fieldset > .btn_box > a { width: 48%; height: 100%; font-size: 14px; line-height: 45px; }
  .container > .section > .form_box > form > fieldset > .btn_box > #okBtn { margin-right: 4%; } }
/* For smartphones */
@media (max-width: 640px) { .container { padding: 40px 0; }
  .container > .section { width: 96%; padding: 3%; }
  .container > .section > .title_box { height: 75px; }
  .container > .section > .title_box > h3 { font-size: 20px; height: 26px; width: auto; }
  .container > .section > .title_box > p { font-size: 12px; line-height: 18px; }
  .container > .section > .form_box > form > fieldset > div > label { width: 23%; height: 50px; font-size: 12px; line-height: 50px; }
  .container > .section > .form_box > form > fieldset > div > div { width: 77%; padding: 10px; }
  .container > .section > .form_box > form > fieldset > div > div > * { height: 30px; line-height: 30px; }
  .container > .section > .form_box > form > fieldset > div > div > select { width: 100%; }
  .container > .section > .form_box > form > fieldset > .category03 label { height: 70px;line-height:70px;}
  .container > .section > .form_box > form > fieldset > .category03 a { height: 50px;box-sizing:border-box;padding:0 2%;line-height: 24px;font-size:12px;word-break: keep-all;}
  .container > .section > .form_box > form > fieldset > .category0 { margin-top: 10px; }
  .container > .section > .form_box > form > fieldset > .category0 > h4 { width: auto; height: 14px; line-height: 14px; font-size: 14px; }
  .container > .section > .form_box > form > fieldset > .category0 > div { width: 100%; }
  .container > .section > .form_box > form > fieldset > .category0 > div > p { width: 100%; height: auto; display: block; font-size: 11px; line-height: 18px; }
  .container > .section > .form_box > form > fieldset > .btn_box { width: 40%; height: 45px; margin: 0 auto; margin-top: 4%; }
  .container > .section > .form_box > form > fieldset > .btn_box > a { width: 48%; height: 100%; line-height: 45px; }
  .container > .section > .form_box > form > fieldset > .btn_box > #okBtn { margin-right: 4%; } }