* { resize: none; outline: 0; }

html { width: 100%; height: 100%; }

body { margin: 0; font-size: 18px; line-height: 1.6em; min-height: 100%; background-color: #160000; }

p, div, a, h1, h2, h3, h4, h5, h6, label, select, option, span, input, li, textarea { font-family: Arial, 'Microsoft JhengHei', sans serif; padding: 0; margin: 0; }

.c:after { clear: both; content: ""; display: block; }

.swal2-title { line-height: initial; }

.fancybox-close-small:after { outline: none !important; }

.popup-wrap { display: none; max-width: 90%; max-height: 80%; border-top: 10px solid #d86e6f; border-bottom: 10px solid #d86e6f; background-color: #ffffff; color: #e73c75; /* Custom transition - slide from top*/ transform: translateY(-50px); transition: all .33s; }

.btn { display: block; }

.container { background: #d86e6f url("../images/desktop/bg.jpg") center top no-repeat; min-width: 1200px; margin: 0 auto; padding: 140px 0; }
.container .main-body { width: 1024px; background-color: rgba(255, 255, 255, 0.7); margin: 0 auto; padding: 60px 80px 40px; box-sizing: border-box; }
.container .intro-wrap { position: relative; }
.container .intro-wrap .heart { background: url("../images/desktop/heart.png") center center no-repeat; width: 111px; height: 155px; position: absolute; z-index: 5; top: -8%; left: -8%; transform: translate(-50%, -50%); }
.container .intro-wrap .logo-wrap { text-align: center; padding-bottom: 30px; }
.container .intro-wrap .intro { color: #e73c75; padding: 0 1em; letter-spacing: 1px; }
.container .intro-wrap .line { width: 140px; height: 1px; background-color: #d53c54; margin: 1em auto; }
.container .intro-wrap .info-wrap { margin-top: 2em; border-width: 1px 0 1px; border-style: solid; border-color: #e85f8b; padding: .7em 0; }
.container .intro-wrap .info-wrap > div { color: #e73c75; font-size: 22px; }
.container .intro-wrap .info-wrap .date-time { border-bottom: 1px solid #e85f8b; padding-bottom: .7em; margin-bottom: .7em; display: flex; align-items: center; }
.container .intro-wrap .info-wrap .date-time > div { width: 50%; text-align: center; }
.container .intro-wrap .info-wrap .date-time div + div { border-left: 1px solid #e85f8b; }
.container .intro-wrap .info-wrap .address { padding: .7em 0; text-align: center; }
.container .intro-wrap .info-wrap .date-wrap, .container .intro-wrap .info-wrap .address { line-height: 1.8em; }
.container .intro-wrap .gift-wrap { background: url("../images/desktop/gift.png") center center no-repeat; width: 742px; height: 244px; margin: 2.5em auto; }
.container .form-wrap .heading { color: #eb146a; font-size: 28px; text-align: center; padding-bottom: 1.5em; letter-spacing: 3px; }
.container .form-wrap .field-row { display: flex; align-items: center; }
.container .form-wrap .field-row dl, .container .form-wrap .field-row dt, .container .form-wrap .field-row dd { margin: 0; box-sizing: border-box; }
.container .form-wrap .field-row .field-group { width: 50%; display: flex; align-items: center; justify-content: space-between; padding-bottom: 1em; }
.container .form-wrap .field-row .field-group > label { width: 30%; text-align: right; color: #eb146a; font-size: 16px; line-height: 1.2; }
.container .form-wrap .field-row .field-group > div, .container .form-wrap .field-row .field-group > input { width: 65%; }
.container .form-wrap .field-row .field-group > input { padding: 0.6em 0.5em; box-sizing: border-box; font-size: 16px; color: #eb146a; border: 0 none; border-radius: 4px; }
.container .form-wrap .field-row .field-group > input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #eb146a; }
.container .form-wrap .field-row .field-group > input::-moz-placeholder { /* Firefox 19+ */ color: #eb146a; }
.container .form-wrap .field-row .field-group > input:-ms-input-placeholder { /* IE 10+ */ color: #eb146a; }
.container .form-wrap .field-row .field-group > input:-moz-placeholder { /* Firefox 18- */ color: #eb146a; }
.container .form-wrap .field-row > label { width: 15%; padding-right: 2.5%; text-align: right; color: #eb146a; font-size: 16px; line-height: 1.2; }
.container .form-wrap .field-row textarea { width: 82.5%; height: 80px; font-size: 16px; box-sizing: border-box; padding: 0.6em 0.5em; color: #eb146a; border: 0 none; border-radius: 4px; margin-bottom: 1em; }
.container .form-wrap .field-row textarea::-webkit-input-placeholder { color: #eb146a; }
.container .form-wrap .field-row textarea:-moz-placeholder { /* Firefox 18- */ color: #eb146a; }
.container .form-wrap .field-row textarea::-moz-placeholder { /* Firefox 19+ */ color: #eb146a; }
.container .form-wrap .field-row textarea:-ms-input-placeholder { color: #eb146a; }
.container .form-wrap .statement { font-size: 16px; padding-top: 1.5em; color: #eb146a; }
.container .form-wrap .statement a { color: #eb146a; }
.container .form-wrap .btn-wrap { position: relative; margin-top: 1.5em; }
.container .form-wrap .btn-wrap .line { width: 100%; height: 1px; background-color: #ffffff; position: absolute; z-index: 0; top: 50%; }
.container .form-wrap .btn-wrap .btn-submit { position: relative; z-index: 1; background: url("../images/desktop/btn_submit.png") center center no-repeat; width: 121px; height: 43px; margin: 0 auto; }
.container footer { padding-top: 2em; color: #eb146a; width: 100%; margin: 0 auto; text-align: center; font-size: 14px; }
.container footer > a { color: #eb146a; text-decoration: none; }
.container footer br { display: none; }

.dd-wrap { position: relative; width: 100%; box-sizing: border-box; border-radius: 4px; }

.dd-display { line-height: 37px; padding-left: 0.5em; width: 100%; background-color: #FFFFFF; position: relative; z-index: 2; color: #eb146a; box-sizing: border-box; border-radius: 4px; font-size: 16px; }

.dd-btn { top: 0; left: 0; height: 37px; width: 100%; display: block; position: absolute; z-index: 10; text-align: right; }

.dd-btn i { background-color: #FFFFFF; line-height: 37px; padding: 0 0.3em; color: #eb146a; border-radius: 0 4px 4px 0; }

.dd-list { position: absolute; left: 0px; top: 37px; color: #eb146a; z-index: 60; display: none; width: 100%; /*border-left: 1px solid #7e9b38; border-right: 1px solid #7e9b38; border-bottom: 1px solid #7e9b38;*/ }

.dd-list ul { margin: 0; padding: 0; list-style: none; background-color: #FFFFFF; box-shadow: 2px 12px 15px 1px rgba(60, 60, 60, 0.5); }

.dd-list ul li { padding: 5px 10px; display: block; cursor: pointer; color: #eb146a; font-size: 16px; }

.dd-list ul li.disable { cursor: default; background-color: #eeeeee; }

.dd-list ul li:hover { background-color: #eae9e1; }

.dd-list ul li.disable:hover { background-color: #eeeeee; }

.uploadWrap { position: relative; width: 100%; overflow: hidden; box-sizing: border-box; border-radius: 4px; }

.uploadWrap span { display: block; float: left; color: #fff; font-size: 16px; }

.uploadWrap .txt_filename { color: #eb146a; width: 100%; float: left; overflow: hidden; font-size: 16px; white-space: nowrap; text-overflow: ellipsis; display: inline-block; padding: 0 0.5em; background-color: #fff; margin: 0; line-height: 37px; box-sizing: border-box; }

.uploadWrap .btn_upload { display: block; width: 65px; height: 37px; cursor: pointer; float: right; margin: 0; position: absolute; right: 0; }

.uploadWrap .btn_upload .btn-browse { width: 100%; height: 100%; line-height: 37px; text-align: center; color: #eb146a; background-color: #ececec; }

.uploadWrap .btn_upload input { position: absolute; top: 0; left: 0; margin: 0; opacity: 0; filter: alpha(opacity=0); width: 100%; height: 100%; z-index: 5; direction: ltr; cursor: pointer; }

@media screen and (max-width: 800px) { body { font-size: 16px; }
  .container { background-image: url("../images/mobile/bg.jpg"); background-size: 100% auto; min-width: initial; padding: 15% 0; }
  .container .main-body { background-color: transparent; width: 90%; padding: 0; }
  .container .intro-wrap { padding: 8%; background-color: rgba(255, 255, 255, 0.7); }
  .container .intro-wrap .heart { background: url("../images/mobile/heart.png") center center no-repeat; background-size: contain; width: 8.5333333333%; height: 0; top: 0; left: 0; padding-top: 12%; }
  .container .intro-wrap .logo-wrap { background: url("../images/mobile/logo.png") center center no-repeat; background-size: contain; width: 100%; height: 0; padding-top: 22.7871939736%; margin-bottom: 5%; }
  .container .intro-wrap .logo-wrap > img { display: none; }
  .container .intro-wrap .intro { padding: 0; }
  .container .intro-wrap .info-wrap > div { font-size: 18px; }
  .container .intro-wrap .gift-wrap { background: url("../images/mobile/gift.png") center center no-repeat; background-size: contain; width: 84.7457627119%; height: 0; padding-top: 73.8229755179%; margin: 10% auto 0; }
  .container .form-wrap { padding-top: 6%; }
  .container .form-wrap .heading { color: #FFFFFF; font-size: 22px; padding-bottom: 10%; }
  .container .form-wrap .field-row { display: block; }
  .container .form-wrap .field-row .field-group { display: block; width: 100%; padding-bottom: 6%; }
  .container .form-wrap .field-row .field-group > label { width: 100%; color: #ffffff; box-sizing: border-box; padding: 0 0 0.4em 0.8em; display: block; text-align: left; }
  .container .form-wrap .field-row .field-group > label br { display: none; }
  .container .form-wrap .field-row .field-group > div, .container .form-wrap .field-row .field-group > input { width: 100%; }
  .container .form-wrap .field-row .field-group > input { color: #df6d86; }
  .container .form-wrap .field-row .field-group > input::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #df6d86; }
  .container .form-wrap .field-row .field-group > input::-moz-placeholder { /* Firefox 19+ */ color: #df6d86; }
  .container .form-wrap .field-row .field-group > input:-ms-input-placeholder { /* IE 10+ */ color: #df6d86; }
  .container .form-wrap .field-row .field-group > input:-moz-placeholder { /* Firefox 18- */ color: #df6d86; }
  .container .form-wrap .field-row > label { display: block; width: 100%; padding: 0 0 0.4em 0.8em; text-align: left; color: #ffffff; }
  .container .form-wrap .field-row > label > br { display: none; }
  .container .form-wrap .field-row textarea { width: 100%; color: #df6d86; }
  .container .form-wrap .field-row textarea::-webkit-input-placeholder { color: #df6d86; }
  .container .form-wrap .field-row textarea:-moz-placeholder { /* Firefox 18- */ color: #df6d86; }
  .container .form-wrap .field-row textarea::-moz-placeholder { /* Firefox 19+ */ color: #df6d86; }
  .container .form-wrap .field-row textarea:-ms-input-placeholder { color: #df6d86; }
  .container .form-wrap .statement { font-size: 16px; padding-top: 1.5em; color: #ffffff; }
  .container .form-wrap .statement a { color: #ffffff; }
  .container .form-wrap .btn-wrap .btn-submit { background: url("../images/mobile/btn_submit.png") center center no-repeat; background-size: contain; width: 45.6296296296%; height: 0; padding-top: 15.1111111111%; }
  .container footer { padding-top: 3em; color: #ffffff; width: 100%; }
  .container footer > a { color: #ffffff; }
  .container footer br { display: block; }
  .dd-display { color: #df6d86; }
  .dd-btn i { color: #df6d86; }
  .dd-list { color: #df6d86; }
  .dd-list ul li { color: #df6d86; }
  .uploadWrap .txt_filename { color: #df6d86; }
  .uploadWrap .btn_upload .btn-browse { color: #df6d86; } }

/*# sourceMappingURL=style.css.map */