/* line 5, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.1/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* global */
/* Base Section */
/* notifications */
@font-face {
  font-family: fjalla;
  src: url(../font/FjallaOne-Regular.otf);
}
/* line 112, ../sass/globals/_global.scss */
* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  outline: none;
  -webkit-tap-highlight-color: transparent;
  -webkit-font-size-adjust: none;
  -webkit-text-size-adjust: none;
}

/* line 120, ../sass/globals/_global.scss */
html {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow: hidden;
}

/* line 124, ../sass/globals/_global.scss */
body {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow: hidden;
  position: relative;
  font-family: fjalla ,  STHeiti , Microsoft JhengHei;
  font-size: 12px;
  background-color: #000;
  color: #838383;
  background-size: cover;
  min-width: 320px;
  font-weight: 100 !important;
}

/* line 137, ../sass/globals/_global.scss */
.zh body {
  font-family: SimHei, Microsoft JhengHei;
}

/* line 142, ../sass/globals/_global.scss */
.windows.zh body {
  font-family: Microsoft JhengHei;
}

/* line 147, ../sass/globals/_global.scss */
a {
  text-decoration: none;
  cursor: pointer;
  color: #fff;
}

/* line 153, ../sass/globals/_global.scss */
a:hover,
a:active {
  text-decoration: underline;
  color: #3e8fbe;
}

/* line 159, ../sass/globals/_global.scss */
.btn:hover,
.btn:active {
  cursor: pointer;
}

/* line 165, ../sass/globals/_global.scss */
hr {
  margin: 1em 0 0 0;
  border: none;
  border-top: 1px solid #c7c7c7;
}

/* line 171, ../sass/globals/_global.scss */
.clear {
  clear: both;
}

/* line 175, ../sass/globals/_global.scss */
.template {
  display: none;
}

/* line 179, ../sass/globals/_global.scss */
.hide {
  display: none !important;
}

/* line 182, ../sass/globals/_global.scss */
.logo {
  position: absolute;
  top: 30px;
  left: 34px;
  background: url(../images/web_ico_ph_logo.png);
  background-size: 80px 88px;
  width: 80px;
  height: 88px;
}
@media screen and (max-width: 767px) {
  /* line 182, ../sass/globals/_global.scss */
  .logo {
    background-size: 40px 44px;
    width: 40px;
    height: 44px;
    top: 15px;
    left: 17px;
  }
}

/* line 200, ../sass/globals/_global.scss */
.switch {
  position: absolute;
  width: 60px;
  height: 60px;
  cursor: pointer;
  z-index: 999;
}
@media screen and (max-width: 767px) {
  /* line 200, ../sass/globals/_global.scss */
  .switch {
    width: 30px;
    height: 30px;
  }
}
@media screen and (min-width: 413px) and (max-width: 767px) {
  /* line 200, ../sass/globals/_global.scss */
  .switch {
    width: 45px;
    height: 45px;
  }
}
/* line 214, ../sass/globals/_global.scss */
.switch.chi {
  top: 30px;
  right: 24px;
}
@media screen and (max-width: 767px) {
  /* line 214, ../sass/globals/_global.scss */
  .switch.chi {
    top: 18px;
    right: 0px;
  }
}
@media screen and (min-width: 413px) and (max-width: 767px) {
  /* line 214, ../sass/globals/_global.scss */
  .switch.chi {
    top: 18px;
    right: 0px;
  }
}
/* line 226, ../sass/globals/_global.scss */
.switch.eng {
  top: 30px;
  right: 94px;
}
@media screen and (max-width: 767px) {
  /* line 226, ../sass/globals/_global.scss */
  .switch.eng {
    top: 18px;
    right: 25px;
  }
}
@media screen and (min-width: 413px) and (max-width: 767px) {
  /* line 226, ../sass/globals/_global.scss */
  .switch.eng {
    top: 18px;
    right: 40px;
  }
}

/* line 242, ../sass/globals/_global.scss */
.en .switch.chi {
  background: url(../images/web_btn_cn_off@2x.png);
  background-size: 60px;
}
@media screen and (max-width: 767px) {
  /* line 242, ../sass/globals/_global.scss */
  .en .switch.chi {
    background-size: 30px;
  }
}
@media screen and (min-width: 413px) and (max-width: 767px) {
  /* line 242, ../sass/globals/_global.scss */
  .en .switch.chi {
    background-size: 45px;
  }
}
/* line 252, ../sass/globals/_global.scss */
.en .switch.eng {
  background: url(../images/web_btn_en_on@2x.png);
  background-size: 60px 60px;
}
@media screen and (max-width: 767px) {
  /* line 252, ../sass/globals/_global.scss */
  .en .switch.eng {
    background-size: 30px;
  }
}
@media screen and (min-width: 413px) and (max-width: 767px) {
  /* line 252, ../sass/globals/_global.scss */
  .en .switch.eng {
    background-size: 45px;
  }
}

/* line 267, ../sass/globals/_global.scss */
.zh .switch.chi {
  background: url(../images/web_btn_cn_on@2x.png);
  background-size: 60px;
}
@media screen and (max-width: 767px) {
  /* line 267, ../sass/globals/_global.scss */
  .zh .switch.chi {
    background-size: 30px;
  }
}
@media screen and (min-width: 413px) and (max-width: 767px) {
  /* line 267, ../sass/globals/_global.scss */
  .zh .switch.chi {
    background-size: 45px;
  }
}
/* line 277, ../sass/globals/_global.scss */
.zh .switch.eng {
  background: url(../images/web_btn_en_off@2x.png);
  background-size: 60px 60px;
}
@media screen and (max-width: 767px) {
  /* line 277, ../sass/globals/_global.scss */
  .zh .switch.eng {
    background-size: 30px;
  }
}
@media screen and (min-width: 413px) and (max-width: 767px) {
  /* line 277, ../sass/globals/_global.scss */
  .zh .switch.eng {
    background-size: 45px;
  }
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@-webkit-keyframes zoomIn {
  from {
    -webkit-transform: scale(0.9, 0.9);
  }
  to {
    -webkit-transform: scale(1, 1);
  }
}
@-webkit-keyframes overlayBgFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.3;
  }
}
@-webkit-keyframes slideDown {
  from {
    -webkit-transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(270px);
  }
}
@-webkit-keyframes mobile_slideDown {
  from {
    -webkit-transform: translateY(0);
  }
  to {
    -webkit-transform: translateY(340px);
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes zoomIn {
  from {
    transform: scale(0.9, 0.9);
  }
  to {
    transform: scale(1, 1);
  }
}
@keyframes overlayBgFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.3;
  }
}
@keyframes slideDown {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(150px);
  }
}
@keyframes moblie_slideDown {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(150px);
  }
}
/* line 111, ../sass/globals/_animations.scss */
.webkit_fadeIn {
  -webkit-animation: fadeIn 1s;
}

/* line 115, ../sass/globals/_animations.scss */
.webkit_fadeOut {
  -webkit-animation: fadeOut 0.3s;
}

/* line 119, ../sass/globals/_animations.scss */
.webkit_zoomIn {
  -webkit-animation: zoomIn 0.3s;
}

/* line 123, ../sass/globals/_animations.scss */
.webkit_slideDown {
  -webkit-animation: slideDown 0.3s;
}
@media screen and (max-width: 767px) {
  /* line 123, ../sass/globals/_animations.scss */
  .webkit_slideDown {
    -webkit-animation: mobile_slideDown 0.3s;
  }
}

/* line 130, ../sass/globals/_animations.scss */
.fadeIn {
  animation: fadeIn 1s;
}

/* line 134, ../sass/globals/_animations.scss */
.fadeOut {
  animation: fadeOut 0.3s;
}

/* line 138, ../sass/globals/_animations.scss */
.zoomIn {
  animation: zoomIn 0.3s;
}

/* line 142, ../sass/globals/_animations.scss */
.slideDown {
  animation: slideDown 0.3s;
}

/* line 1, ../sass/globals/_form.scss */
.btn,
button,
input[type=button],
input[type=submit] {
  -webkit-appearance: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  border-radius: 5px;
  text-decoration: none;
  font-weight: normal;
  /*font-size:1.3em;*/
  text-align: center;
  background-color: #888;
  color: #FFF;
}
/* line 17, ../sass/globals/_form.scss */
.btn:hover,
button:hover,
input[type=button]:hover,
input[type=submit]:hover {
  background-color: #666;
  color: #FFF;
  text-decoration: none;
}
/* line 22, ../sass/globals/_form.scss */
.btn.disabled, .btn.disabled:hover,
button.disabled,
button.disabled:hover,
input[type=button].disabled,
input[type=button].disabled:hover,
input[type=submit].disabled,
input[type=submit].disabled:hover {
  cursor: default;
  background-color: #DDD;
}

/* line 29, ../sass/globals/_form.scss */
input[type=text],
input[type=email],
input[type=url],
input[type=tel],
input[type=number],
input[type=password],
input[type=search],
textarea {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  border: none;
  border-radius: 0;
  padding: 0.4em;
  appearance: none;
  border: 2px solid #fff;
  background-color: transparent;
  background-color: alpha(opacity=0);
  border-radius: 10px;
  color: #db6b65;
  padding: 10px;
  font-size: 18px;
  width: 320px;
  height: 50px;
}

/* line 57, ../sass/globals/_form.scss */
.windows.ie select {
  color: #db6b65;
}

/* line 62, ../sass/globals/_form.scss */
input[type=password]::-ms-reveal,
input[type=password]::-ms-clear {
  display: none;
}

/* line 69, ../sass/globals/_form.scss */
textarea {
  resize: vertical;
}

/* line 73, ../sass/globals/_form.scss */
input::-webkit-input-placeholder {
  color: #fff;
}

/* line 77, ../sass/globals/_form.scss */
input::-moz-placeholder {
  color: #fff;
  opacity: 1;
}

/* line 82, ../sass/globals/_form.scss */
input:-ms-input-placeholder {
  color: #fff;
}

/* line 86, ../sass/globals/_form.scss */
select::-ms-expand {
  display: none;
  color: #b40d21;
}

/* line 95, ../sass/globals/_form.scss */
.placeholder {
  color: #fff !important;
}

/* line 100, ../sass/globals/_form.scss */
.touch input,
.touch select,
.touch textarea,
.touch button {
  padding: 7.5px;
}

/*
.rgba input.custom[type=checkbox] ,
.rgba input.custom[type=radio] {
    display:none;
}


.rgba input.custom[type=checkbox] + label ,
.rgba input.custom[type=radio] + label  {
   color:$baseLinkColor;
}


.rgba input.custom[type=checkbox] + label .icon ,
.rgba input.custom[type=radio] + label .icon {
    display:inline-block; 
    width:20px;
    height:20px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
  background-repeat:no-repeat;
  background-position:left top;   
    cursor:pointer;
}



.rgba input.custom[type=checkbox]:checked + label .icon ,
.rgba input.custom[type=radio]:checked + label .icon {
  background-position:-20px top;   
}


.rgba input.custom[type=checkbox] + label .icon {
  background-image:url(../images/form/checkbox.png);
}
.rgba input.custom[type=radio] + label .icon {
  background-image:url(../images/form/radio.png);
}
  
.backgroundsize input.custom[type=checkbox] + label .icon {
  background-image:url(../images/form/checkbox@2x.png);
  background-size:40px 20px;
}
.backgroundsize input.custom[type=radio] + label .icon {
  background-image:url(../images/form/radio@2x.png);
  background-size:40px 20px;
}

*/
/* line 160, ../sass/globals/_form.scss */
input:disabled,
textarea:disabled,
select:disabled,
input.custom:disabled + label {
  opacity: 0.5;
}

/* line 169, ../sass/globals/_form.scss */
label.error {
  color: #fff;
}

/*
form .form-status { width:100%; height:1px;  }
form.busy .form-status {height:24px;}
form.busy input[type=submit]{ visibility:hidden; }
form.busy .form-status  {visibility:visible; display:block; background:url(../images/loading@2x.png) center center no-repeat;background-size:24px 24px; }
*/
/* line 1, ../sass/globals/_table.scss */
.table {
  display: table;
  width: 100%;
}
/* line 4, ../sass/globals/_table.scss */
.table > .head {
  display: table-header-group;
}
/* line 7, ../sass/globals/_table.scss */
.table > .body {
  display: table-row-group;
}
/* line 10, ../sass/globals/_table.scss */
.table > .foot {
  display: table-footer-group;
}
/* line 13, ../sass/globals/_table.scss */
.table .row {
  display: table-row;
}
/* line 15, ../sass/globals/_table.scss */
.table .row > .cell {
  display: table-cell;
}
/* line 17, ../sass/globals/_table.scss */
.table .row > .cell input[type=text],
.table .row > .cell input[type=email],
.table .row > .cell input[type=url],
.table .row > .cell input[type=tel],
.table .row > .cell input[type=number],
.table .row > .cell input[type=password],
.table .row > .cell input[type=search],
.table .row > .cell textarea,
.table .row > .cell select {
  width: 99%;
  padding-right: 0;
}
/* line 30, ../sass/globals/_table.scss */
.table .row > .cell.key {
  color: #fff;
}
/* line 33, ../sass/globals/_table.scss */
.table .row > .cell.value {
  color: #fff;
}
/* line 38, ../sass/globals/_table.scss */
.table .row.selector .cell.key {
  line-height: 26px;
}
/* line 40, ../sass/globals/_table.scss */
.table .row.selector .cell.key .flag.help {
  margin-top: 6px;
}
/* line 46, ../sass/globals/_table.scss */
.table.datas .row {
  /*-webkit-backface-visibility: hidden;*/
  -webkit-animation: fadeIn 0.3s;
  visibility: visible;
  animation: fadeIn 0.3s;
}
/* line 51, ../sass/globals/_table.scss */
.table.datas .row .cell {
  padding: 5px;
}
/* line 55, ../sass/globals/_table.scss */
.table.datas .head {
  color: #fff;
}
/* line 59, ../sass/globals/_table.scss */
.table.zerba .row:nth-child(odd) .cell {
  background-color: #f9f9f9;
}
/* line 62, ../sass/globals/_table.scss */
.table.zerba .head .row .cell {
  background-color: #FFF;
}

/* line 67, ../sass/globals/_table.scss */
.no-touch .table.interactive .body .row:hover .cell {
  background-color: #E5E5E5;
}

/* widgets */
/* line 1, ../sass/widgets/_actionBox.scss */
.actionBox {
  width: 280px;
  height: 92px;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  border-radius: 5px;
  border: 1px solid #c7c7c7;
  background-color: #FFF;
  color: #838383;
  text-align: center;
  padding: 10px;
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}
/* line 16, ../sass/widgets/_actionBox.scss */
.actionBox > .inner {
  position: relative;
  width: 100%;
  height: 100%;
}
/* line 20, ../sass/widgets/_actionBox.scss */
.actionBox > .inner > div {
  position: absolute;
  left: 0;
  right: 0;
}
/* line 24, ../sass/widgets/_actionBox.scss */
.actionBox > .inner > div.top {
  top: 10px;
  height: 60px;
}
/* line 28, ../sass/widgets/_actionBox.scss */
.actionBox > .inner > div.top .content.error {
  color: #fff;
}
/* line 33, ../sass/widgets/_actionBox.scss */
.actionBox > .inner > div.bottom {
  bottom: 0;
  height: 30px;
}
/* line 36, ../sass/widgets/_actionBox.scss */
.actionBox > .inner > div.bottom .btn {
  min-width: 70px;
  margin: auto;
}

/* line 1, ../sass/widgets/_busyBox.scss */
.busyBox {
  width: 48px;
  height: 48px;
  margin: auto;
  padding: 12px;
  border-radius: 3px;
  background-color: #000;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
/* line 12, ../sass/widgets/_busyBox.scss */
.busyBox > .icon {
  width: 24px;
  height: 24px;
  background-image: url(../images/low-res/global/busy.gif);
}
/* line 38, ../sass/globals/_global.scss */
.backgroundsize .busyBox > .icon {
  background-image: url(../images/high-res/global/busy.gif);
  background-size: contain;
}

/* line 1, ../sass/widgets/_notification.scss */
.notifications {
  position: relative;
  z-index: 1;
  display: none;
}
/* line 5, ../sass/widgets/_notification.scss */
.has-notifications .notifications {
  display: block;
}
/* line 8, ../sass/widgets/_notification.scss */
.notifications > .close-notifications {
  display: inline-block;
  position: absolute;
  top: 2px;
  right: 5px;
  width: 19px;
  height: 19px;
  text-indent: -9999px;
  cursor: pointer;
  background: url(../images/low-res/global/close-notifications.png) center center no-repeat;
}
/* line 18, ../sass/widgets/_notification.scss */
.backgroundsize .notifications > .close-notifications {
  background-image: url(../images/high-res/global/close-notifications.png);
  background-size: 19px 19px;
}
/* line 23, ../sass/widgets/_notification.scss */
.notifications > ul {
  list-style-type: none;
  display: block;
  padding: 0;
  cursor: pointer;
}
/* line 28, ../sass/widgets/_notification.scss */
.notifications > ul > li {
  display: block;
  padding: 8px 35px 8px 10px;
  animation: fadeIn 0.5s;
  background-color: #F3F3F3;
  color: #666;
  -webkit-animation: fadeIn 0.5s;
}
/* line 35, ../sass/widgets/_notification.scss */
.notifications > ul > li.positives {
  background: #97DDAE url(../images/low-res/notification/icon-tick.png) 12px 3px no-repeat;
  color: #390;
  text-indent: 25px;
  line-height: 1.3em;
}
/* line 37, ../sass/widgets/_notification.scss */
.backgroundsize .notifications > ul > li.positives {
  background-image: url(../images/high-res/notification/icon-tick.png);
  background-size: 20px 20px;
}
/* line 45, ../sass/widgets/_notification.scss */
.notifications > ul > li.negatives {
  background: #ad953e url(../images/low-res/notification/icon-alert.png) 12px 3px no-repeat;
  color: #FFF;
  text-indent: 25px;
  line-height: 1.3em;
}
/* line 47, ../sass/widgets/_notification.scss */
.backgroundsize .notifications > ul > li.negatives {
  background-image: url(../images/high-res/notification/icon-alert.png);
  background-size: 20px 20px;
}

/* line 1, ../sass/widgets/_overlay.scss */
.overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  z-index: 100;
}
/* line 9, ../sass/widgets/_overlay.scss */
.overlay.hide {
  display: none;
}
/* line 12, ../sass/widgets/_overlay.scss */
.overlay > .inner {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
/* line 17, ../sass/widgets/_overlay.scss */
.overlay > .inner > .back {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  -webkit-user-select: none;
}
/* line 29, ../sass/widgets/_overlay.scss */
.overlay > .inner > .front {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
}
/* line 37, ../sass/widgets/_overlay.scss */
.overlay.defaultPosition > .inner > .front > * {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

/* line 288, ../sass/widgets/_transitionRegion.scss */
.transitionRegion {
  height: 100% !important;
}
/* line 5, ../sass/widgets/_transitionRegion.scss */
.transitionRegion .in, .transitionRegion .out {
  position: absolute !important;
  -webkit-transition: all 300ms !important;
  -moz-transition: all 300ms !important;
  transition: all 300ms !important;
}
/* line 13, ../sass/widgets/_transitionRegion.scss */
.transitionRegion.slideLeft .in {
  top: 0 !important;
  left: 100% !important;
}
/* line 17, ../sass/widgets/_transitionRegion.scss */
.transitionRegion.slideLeft.swap .in, .transitionRegion.slideLeft.swap .out {
  -webkit-transform: translate3d(-100%, 0, 0) !important;
  -moz-transform: translate3d(-100%, 0, 0) !important;
  transform: translate3d(-100%, 0, 0) !important;
}
/* line 25, ../sass/widgets/_transitionRegion.scss */
.transitionRegion.slideRight .in {
  top: 0 !important;
  left: -200% !important;
}
/* line 29, ../sass/widgets/_transitionRegion.scss */
.transitionRegion.slideRight.swap .in, .transitionRegion.slideRight.swap .out {
  -webkit-transform: translate3d(100%, 0, 0) !important;
  -moz-transform: translate3d(100%, 0, 0) !important;
  transform: translate3d(100%, 0, 0) !important;
}
/* line 37, ../sass/widgets/_transitionRegion.scss */
.transitionRegion.slideUp .in {
  top: 100% !important;
  left: 0 !important;
}
/* line 41, ../sass/widgets/_transitionRegion.scss */
.transitionRegion.slideUp.swap .in, .transitionRegion.slideUp.swap .out {
  -webkit-transform: translate3d(0, -100%, 0) !important;
  -moz-transform: translate3d(0, -100%, 0) !important;
  transform: translate3d(0, -100%, 0) !important;
}
/* line 49, ../sass/widgets/_transitionRegion.scss */
.transitionRegion.slideDown .in {
  top: -100% !important;
  left: 0 !important;
}
/* line 53, ../sass/widgets/_transitionRegion.scss */
.transitionRegion.slideDown.swap .in, .transitionRegion.slideDown.swap .out {
  -webkit-transform: translate3d(0, 100%, 0) !important;
  -moz-transform: translate3d(0, 100%, 0) !important;
  transform: translate3d(0, 100%, 0) !important;
}
/* line 61, ../sass/widgets/_transitionRegion.scss */
.transitionRegion.coverLeft .in {
  top: 0 !important;
  left: 100% !important;
}
/* line 65, ../sass/widgets/_transitionRegion.scss */
.transitionRegion.coverLeft.swap .in {
  -webkit-transform: translate3d(-100%, 0, 0) !important;
  -moz-transform: translate3d(-100%, 0, 0) !important;
  transform: translate3d(-100%, 0, 0) !important;
}
/* line 72, ../sass/widgets/_transitionRegion.scss */
.transitionRegion.coverRight .in {
  top: 0 !important;
  left: -100% !important;
}
/* line 76, ../sass/widgets/_transitionRegion.scss */
.transitionRegion.coverRight.swap .in {
  -webkit-transform: translate3d(100%, 0, 0) !important;
  -moz-transform: translate3d(100%, 0, 0) !important;
  transform: translate3d(100%, 0, 0) !important;
}
/* line 83, ../sass/widgets/_transitionRegion.scss */
.transitionRegion.coverUp .in {
  top: 100% !important;
  left: 0 !important;
}
/* line 87, ../sass/widgets/_transitionRegion.scss */
.transitionRegion.coverUp.swap .in {
  -webkit-transform: translate3d(0, -100%, 0) !important;
  -moz-transform: translate3d(0, -100%, 0) !important;
  transform: translate3d(0, -100%, 0) !important;
}
/* line 94, ../sass/widgets/_transitionRegion.scss */
.transitionRegion.coverDown .in {
  top: -100% !important;
  left: 0 !important;
}
/* line 98, ../sass/widgets/_transitionRegion.scss */
.transitionRegion.coverDown.swap .in {
  -webkit-transform: translate3d(0, 100%, 0) !important;
  -moz-transform: translate3d(0, 100%, 0) !important;
  transform: translate3d(0, 100%, 0) !important;
}
/* line 105, ../sass/widgets/_transitionRegion.scss */
.transitionRegion.revealLeft .in, .transitionRegion.revealLeft .out {
  top: 0 !important;
  left: 0 !important;
}
/* line 109, ../sass/widgets/_transitionRegion.scss */
.transitionRegion.revealLeft.swap .out {
  -webkit-transform: translate3d(-100%, 0, 0) !important;
  -moz-transform: translate3d(-100%, 0, 0) !important;
  transform: translate3d(-100%, 0, 0) !important;
}
/* line 116, ../sass/widgets/_transitionRegion.scss */
.transitionRegion.revealRight .in, .transitionRegion.revealRight .out {
  top: 0 !important;
  left: 0 !important;
}
/* line 120, ../sass/widgets/_transitionRegion.scss */
.transitionRegion.revealRight.swap .out {
  -webkit-transform: translate3d(100%, 0, 0) !important;
  -moz-transform: translate3d(100%, 0, 0) !important;
  transform: translate3d(100%, 0, 0) !important;
}
/* line 127, ../sass/widgets/_transitionRegion.scss */
.transitionRegion.revealUp .in, .transitionRegion.revealUp .out {
  top: 0 !important;
  left: 0 !important;
}
/* line 131, ../sass/widgets/_transitionRegion.scss */
.transitionRegion.revealUp.swap .out {
  -webkit-transform: translate3d(0, -100%, 0) !important;
  -moz-transform: translate3d(0, -100%, 0) !important;
  transform: translate3d(0, -100%, 0) !important;
}
/* line 138, ../sass/widgets/_transitionRegion.scss */
.transitionRegion.revealDown .in, .transitionRegion.revealDown .out {
  top: 0 !important;
  left: 0 !important;
}
/* line 142, ../sass/widgets/_transitionRegion.scss */
.transitionRegion.revealDown.swap .out {
  -webkit-transform: translate3d(0, 100%, 0) !important;
  -moz-transform: translate3d(0, 100%, 0) !important;
  transform: translate3d(0, 100%, 0) !important;
}
/* line 149, ../sass/widgets/_transitionRegion.scss */
.transitionRegion.fade .in {
  top: 0 !important;
  left: 0 !important;
  opacity: 0 !important;
}
/* line 154, ../sass/widgets/_transitionRegion.scss */
.transitionRegion.fade.swap .in {
  opacity: 1 !important;
}
/* line 159, ../sass/widgets/_transitionRegion.scss */
.transitionRegion.pop .in {
  top: 0 !important;
  left: 0 !important;
  -webkit-transform: scale3d(0.5, 0.5, 0.5) !important;
  -moz-transform: scale3d(0.5, 0.5, 0.5) !important;
  transform: scale3d(0.5, 0.5, 0.5) !important;
  opacity: 0 !important;
}
/* line 167, ../sass/widgets/_transitionRegion.scss */
.transitionRegion.pop .out {
  top: 0 !important;
  left: 0 !important;
  opacity: 1 !important;
}
/* line 172, ../sass/widgets/_transitionRegion.scss */
.transitionRegion.pop.swap .in {
  -webkit-transition: all 150ms 150ms !important;
  -moz-transition: all 150ms 150ms !important;
  transition: all 150ms 150ms !important;
  -webkit-transform: scale3d(1, 1, 1) !important;
  -moz-transform: scale3d(1, 1, 1) !important;
  transform: scale3d(1, 1, 1) !important;
  opacity: 1 !important;
}
/* line 181, ../sass/widgets/_transitionRegion.scss */
.transitionRegion.pop.swap .out {
  -webkit-transition: all 150ms !important;
  -moz-transition: all 150ms !important;
  transition: all 150ms !important;
  -webkit-transform: scale3d(0.5, 0.5, 0.5) !important;
  -moz-transform: scale3d(0.5, 0.5, 0.5) !important;
  transform: scale3d(0.5, 0.5, 0.5) !important;
  opacity: 0 !important;
}
/* line 191, ../sass/widgets/_transitionRegion.scss */
.transitionRegion.flipX {
  position: relative !important;
}
/* line 193, ../sass/widgets/_transitionRegion.scss */
.transitionRegion.flipX .in {
  top: 0 !important;
  left: 0 !important;
  -webkit-transform: rotateY(180deg) !important;
  -moz-transform: rotateY(180deg) !important;
  transform: rotateY(180deg) !important;
  z-index: 1 !important;
  opacity: 0 !important;
}
/* line 202, ../sass/widgets/_transitionRegion.scss */
.transitionRegion.flipX .out {
  top: 0 !important;
  left: 0 !important;
  -webkit-backface-visibility: hidden !important;
  -webkit-transform: rotateY(0) !important;
  -moz-transform: rotateY(0) !important;
  transform: rotateY(0) !important;
  z-index: 2 !important;
  opacity: 1 !important;
}
/* line 212, ../sass/widgets/_transitionRegion.scss */
.transitionRegion.flipX.swap {
  -webkit-transition: all 300ms !important;
  -moz-transition: all 300ms !important;
  transition: all 300ms !important;
  -webkit-transform: rotateY(180deg) !important;
  -moz-transform: rotateY(180deg) !important;
  transform: rotateY(180deg) !important;
  transform-style: preserve-3d !important;
}
/* line 221, ../sass/widgets/_transitionRegion.scss */
.transitionRegion.flipX.swap .in {
  opacity: 1 !important;
}
/* line 224, ../sass/widgets/_transitionRegion.scss */
.transitionRegion.flipX.swap .out {
  opacity: 0 !important;
}
/* line 228, ../sass/widgets/_transitionRegion.scss */
.transitionRegion.flipY {
  position: relative !important;
}
/* line 230, ../sass/widgets/_transitionRegion.scss */
.transitionRegion.flipY .in {
  top: 0 !important;
  left: 0 !important;
  z-index: 1 !important;
  opacity: 0 !important;
  -webkit-transform: rotateX(180deg) !important;
  -moz-transform: rotateX(180deg) !important;
  transform: rotateX(180deg) !important;
}
/* line 239, ../sass/widgets/_transitionRegion.scss */
.transitionRegion.flipY .out {
  top: 0 !important;
  left: 0 !important;
  z-index: 2 !important;
  opacity: 1 !important;
  -webkit-backface-visibility: hidden !important;
  -webkit-transform: rotateX(0) !important;
  -moz-transform: rotateX(0) !important;
  transform: rotateX(0) !important;
}
/* line 249, ../sass/widgets/_transitionRegion.scss */
.transitionRegion.flipY.swap {
  -webkit-transition: all 300ms !important;
  -moz-transition: all 300ms !important;
  transition: all 300ms !important;
  -webkit-transform: rotateX(180deg) !important;
  -moz-transform: rotateX(180deg) !important;
  transform: rotateX(180deg) !important;
  transform-style: preserve-3d !important;
}
/* line 258, ../sass/widgets/_transitionRegion.scss */
.transitionRegion.flipY.swap .in {
  opacity: 1 !important;
}
/* line 261, ../sass/widgets/_transitionRegion.scss */
.transitionRegion.flipY.swap .out {
  opacity: 0 !important;
}
/* line 266, ../sass/widgets/_transitionRegion.scss */
.transitionRegion.none .in {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  transition: none !important;
  opacity: 1 !important;
}
/* line 272, ../sass/widgets/_transitionRegion.scss */
.transitionRegion.none .out {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  transition: none !important;
  opacity: 1 !important;
  display: none !important;
}
/* line 280, ../sass/widgets/_transitionRegion.scss */
.transitionRegion .testView {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 30px;
}

/* pizzaHut */
/* line 1, ../sass/pizzaHut/_layout.scss */
.layout {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow: hidden;
}
/* line 8, ../sass/pizzaHut/_layout.scss */
.layout > .workspace {
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  overflow: hidden;
  position: absolute;
  z-index: 100;
  background: url(../images/web_bg@2x.jpg) top left no-repeat;
}
@media screen and (min-width: 1024px) {
  /* line 8, ../sass/pizzaHut/_layout.scss */
  .layout > .workspace {
    background: url(../images/web_bg@2x.jpg) top left no-repeat;
    background-size: cover;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  /* line 8, ../sass/pizzaHut/_layout.scss */
  .layout > .workspace {
    background: url(../images/mobile_bg.jpg) top left no-repeat;
    background-size: 100% 1136px;
  }
}
@media screen and (max-width: 767px) {
  /* line 8, ../sass/pizzaHut/_layout.scss */
  .layout > .workspace {
    background: url(../images/mobile_bg.jpg) top left no-repeat;
    background-size: 100% 1136px;
  }
}
/* line 30, ../sass/pizzaHut/_layout.scss */
.ie8 .layout > .workspace {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
/* line 37, ../sass/pizzaHut/_layout.scss */
.layout > .workspace > .content {
  position: relative;
  width: 100%;
  height: 100%;
  max-height: 100%;
  height: 100% !important;
}
/* line 5, ../sass/widgets/_transitionRegion.scss */
.layout > .workspace > .content .in, .layout > .workspace > .content .out {
  position: absolute !important;
  -webkit-transition: all 300ms !important;
  -moz-transition: all 300ms !important;
  transition: all 300ms !important;
}
/* line 13, ../sass/widgets/_transitionRegion.scss */
.layout > .workspace > .content.slideLeft .in {
  top: 0 !important;
  left: 100% !important;
}
/* line 17, ../sass/widgets/_transitionRegion.scss */
.layout > .workspace > .content.slideLeft.swap .in, .layout > .workspace > .content.slideLeft.swap .out {
  -webkit-transform: translate3d(-100%, 0, 0) !important;
  -moz-transform: translate3d(-100%, 0, 0) !important;
  transform: translate3d(-100%, 0, 0) !important;
}
/* line 25, ../sass/widgets/_transitionRegion.scss */
.layout > .workspace > .content.slideRight .in {
  top: 0 !important;
  left: -200% !important;
}
/* line 29, ../sass/widgets/_transitionRegion.scss */
.layout > .workspace > .content.slideRight.swap .in, .layout > .workspace > .content.slideRight.swap .out {
  -webkit-transform: translate3d(100%, 0, 0) !important;
  -moz-transform: translate3d(100%, 0, 0) !important;
  transform: translate3d(100%, 0, 0) !important;
}
/* line 37, ../sass/widgets/_transitionRegion.scss */
.layout > .workspace > .content.slideUp .in {
  top: 100% !important;
  left: 0 !important;
}
/* line 41, ../sass/widgets/_transitionRegion.scss */
.layout > .workspace > .content.slideUp.swap .in, .layout > .workspace > .content.slideUp.swap .out {
  -webkit-transform: translate3d(0, -100%, 0) !important;
  -moz-transform: translate3d(0, -100%, 0) !important;
  transform: translate3d(0, -100%, 0) !important;
}
/* line 49, ../sass/widgets/_transitionRegion.scss */
.layout > .workspace > .content.slideDown .in {
  top: -100% !important;
  left: 0 !important;
}
/* line 53, ../sass/widgets/_transitionRegion.scss */
.layout > .workspace > .content.slideDown.swap .in, .layout > .workspace > .content.slideDown.swap .out {
  -webkit-transform: translate3d(0, 100%, 0) !important;
  -moz-transform: translate3d(0, 100%, 0) !important;
  transform: translate3d(0, 100%, 0) !important;
}
/* line 61, ../sass/widgets/_transitionRegion.scss */
.layout > .workspace > .content.coverLeft .in {
  top: 0 !important;
  left: 100% !important;
}
/* line 65, ../sass/widgets/_transitionRegion.scss */
.layout > .workspace > .content.coverLeft.swap .in {
  -webkit-transform: translate3d(-100%, 0, 0) !important;
  -moz-transform: translate3d(-100%, 0, 0) !important;
  transform: translate3d(-100%, 0, 0) !important;
}
/* line 72, ../sass/widgets/_transitionRegion.scss */
.layout > .workspace > .content.coverRight .in {
  top: 0 !important;
  left: -100% !important;
}
/* line 76, ../sass/widgets/_transitionRegion.scss */
.layout > .workspace > .content.coverRight.swap .in {
  -webkit-transform: translate3d(100%, 0, 0) !important;
  -moz-transform: translate3d(100%, 0, 0) !important;
  transform: translate3d(100%, 0, 0) !important;
}
/* line 83, ../sass/widgets/_transitionRegion.scss */
.layout > .workspace > .content.coverUp .in {
  top: 100% !important;
  left: 0 !important;
}
/* line 87, ../sass/widgets/_transitionRegion.scss */
.layout > .workspace > .content.coverUp.swap .in {
  -webkit-transform: translate3d(0, -100%, 0) !important;
  -moz-transform: translate3d(0, -100%, 0) !important;
  transform: translate3d(0, -100%, 0) !important;
}
/* line 94, ../sass/widgets/_transitionRegion.scss */
.layout > .workspace > .content.coverDown .in {
  top: -100% !important;
  left: 0 !important;
}
/* line 98, ../sass/widgets/_transitionRegion.scss */
.layout > .workspace > .content.coverDown.swap .in {
  -webkit-transform: translate3d(0, 100%, 0) !important;
  -moz-transform: translate3d(0, 100%, 0) !important;
  transform: translate3d(0, 100%, 0) !important;
}
/* line 105, ../sass/widgets/_transitionRegion.scss */
.layout > .workspace > .content.revealLeft .in, .layout > .workspace > .content.revealLeft .out {
  top: 0 !important;
  left: 0 !important;
}
/* line 109, ../sass/widgets/_transitionRegion.scss */
.layout > .workspace > .content.revealLeft.swap .out {
  -webkit-transform: translate3d(-100%, 0, 0) !important;
  -moz-transform: translate3d(-100%, 0, 0) !important;
  transform: translate3d(-100%, 0, 0) !important;
}
/* line 116, ../sass/widgets/_transitionRegion.scss */
.layout > .workspace > .content.revealRight .in, .layout > .workspace > .content.revealRight .out {
  top: 0 !important;
  left: 0 !important;
}
/* line 120, ../sass/widgets/_transitionRegion.scss */
.layout > .workspace > .content.revealRight.swap .out {
  -webkit-transform: translate3d(100%, 0, 0) !important;
  -moz-transform: translate3d(100%, 0, 0) !important;
  transform: translate3d(100%, 0, 0) !important;
}
/* line 127, ../sass/widgets/_transitionRegion.scss */
.layout > .workspace > .content.revealUp .in, .layout > .workspace > .content.revealUp .out {
  top: 0 !important;
  left: 0 !important;
}
/* line 131, ../sass/widgets/_transitionRegion.scss */
.layout > .workspace > .content.revealUp.swap .out {
  -webkit-transform: translate3d(0, -100%, 0) !important;
  -moz-transform: translate3d(0, -100%, 0) !important;
  transform: translate3d(0, -100%, 0) !important;
}
/* line 138, ../sass/widgets/_transitionRegion.scss */
.layout > .workspace > .content.revealDown .in, .layout > .workspace > .content.revealDown .out {
  top: 0 !important;
  left: 0 !important;
}
/* line 142, ../sass/widgets/_transitionRegion.scss */
.layout > .workspace > .content.revealDown.swap .out {
  -webkit-transform: translate3d(0, 100%, 0) !important;
  -moz-transform: translate3d(0, 100%, 0) !important;
  transform: translate3d(0, 100%, 0) !important;
}
/* line 149, ../sass/widgets/_transitionRegion.scss */
.layout > .workspace > .content.fade .in {
  top: 0 !important;
  left: 0 !important;
  opacity: 0 !important;
}
/* line 154, ../sass/widgets/_transitionRegion.scss */
.layout > .workspace > .content.fade.swap .in {
  opacity: 1 !important;
}
/* line 159, ../sass/widgets/_transitionRegion.scss */
.layout > .workspace > .content.pop .in {
  top: 0 !important;
  left: 0 !important;
  -webkit-transform: scale3d(0.5, 0.5, 0.5) !important;
  -moz-transform: scale3d(0.5, 0.5, 0.5) !important;
  transform: scale3d(0.5, 0.5, 0.5) !important;
  opacity: 0 !important;
}
/* line 167, ../sass/widgets/_transitionRegion.scss */
.layout > .workspace > .content.pop .out {
  top: 0 !important;
  left: 0 !important;
  opacity: 1 !important;
}
/* line 172, ../sass/widgets/_transitionRegion.scss */
.layout > .workspace > .content.pop.swap .in {
  -webkit-transition: all 150ms 150ms !important;
  -moz-transition: all 150ms 150ms !important;
  transition: all 150ms 150ms !important;
  -webkit-transform: scale3d(1, 1, 1) !important;
  -moz-transform: scale3d(1, 1, 1) !important;
  transform: scale3d(1, 1, 1) !important;
  opacity: 1 !important;
}
/* line 181, ../sass/widgets/_transitionRegion.scss */
.layout > .workspace > .content.pop.swap .out {
  -webkit-transition: all 150ms !important;
  -moz-transition: all 150ms !important;
  transition: all 150ms !important;
  -webkit-transform: scale3d(0.5, 0.5, 0.5) !important;
  -moz-transform: scale3d(0.5, 0.5, 0.5) !important;
  transform: scale3d(0.5, 0.5, 0.5) !important;
  opacity: 0 !important;
}
/* line 191, ../sass/widgets/_transitionRegion.scss */
.layout > .workspace > .content.flipX {
  position: relative !important;
}
/* line 193, ../sass/widgets/_transitionRegion.scss */
.layout > .workspace > .content.flipX .in {
  top: 0 !important;
  left: 0 !important;
  -webkit-transform: rotateY(180deg) !important;
  -moz-transform: rotateY(180deg) !important;
  transform: rotateY(180deg) !important;
  z-index: 1 !important;
  opacity: 0 !important;
}
/* line 202, ../sass/widgets/_transitionRegion.scss */
.layout > .workspace > .content.flipX .out {
  top: 0 !important;
  left: 0 !important;
  -webkit-backface-visibility: hidden !important;
  -webkit-transform: rotateY(0) !important;
  -moz-transform: rotateY(0) !important;
  transform: rotateY(0) !important;
  z-index: 2 !important;
  opacity: 1 !important;
}
/* line 212, ../sass/widgets/_transitionRegion.scss */
.layout > .workspace > .content.flipX.swap {
  -webkit-transition: all 300ms !important;
  -moz-transition: all 300ms !important;
  transition: all 300ms !important;
  -webkit-transform: rotateY(180deg) !important;
  -moz-transform: rotateY(180deg) !important;
  transform: rotateY(180deg) !important;
  transform-style: preserve-3d !important;
}
/* line 221, ../sass/widgets/_transitionRegion.scss */
.layout > .workspace > .content.flipX.swap .in {
  opacity: 1 !important;
}
/* line 224, ../sass/widgets/_transitionRegion.scss */
.layout > .workspace > .content.flipX.swap .out {
  opacity: 0 !important;
}
/* line 228, ../sass/widgets/_transitionRegion.scss */
.layout > .workspace > .content.flipY {
  position: relative !important;
}
/* line 230, ../sass/widgets/_transitionRegion.scss */
.layout > .workspace > .content.flipY .in {
  top: 0 !important;
  left: 0 !important;
  z-index: 1 !important;
  opacity: 0 !important;
  -webkit-transform: rotateX(180deg) !important;
  -moz-transform: rotateX(180deg) !important;
  transform: rotateX(180deg) !important;
}
/* line 239, ../sass/widgets/_transitionRegion.scss */
.layout > .workspace > .content.flipY .out {
  top: 0 !important;
  left: 0 !important;
  z-index: 2 !important;
  opacity: 1 !important;
  -webkit-backface-visibility: hidden !important;
  -webkit-transform: rotateX(0) !important;
  -moz-transform: rotateX(0) !important;
  transform: rotateX(0) !important;
}
/* line 249, ../sass/widgets/_transitionRegion.scss */
.layout > .workspace > .content.flipY.swap {
  -webkit-transition: all 300ms !important;
  -moz-transition: all 300ms !important;
  transition: all 300ms !important;
  -webkit-transform: rotateX(180deg) !important;
  -moz-transform: rotateX(180deg) !important;
  transform: rotateX(180deg) !important;
  transform-style: preserve-3d !important;
}
/* line 258, ../sass/widgets/_transitionRegion.scss */
.layout > .workspace > .content.flipY.swap .in {
  opacity: 1 !important;
}
/* line 261, ../sass/widgets/_transitionRegion.scss */
.layout > .workspace > .content.flipY.swap .out {
  opacity: 0 !important;
}
/* line 266, ../sass/widgets/_transitionRegion.scss */
.layout > .workspace > .content.none .in {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  transition: none !important;
  opacity: 1 !important;
}
/* line 272, ../sass/widgets/_transitionRegion.scss */
.layout > .workspace > .content.none .out {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  transition: none !important;
  opacity: 1 !important;
  display: none !important;
}
/* line 280, ../sass/widgets/_transitionRegion.scss */
.layout > .workspace > .content .testView {
  position: relative;
  width: 100%;
  height: 100%;
  padding: 30px;
}

/* line 1, ../sass/pizzaHut/_homePage.scss */
.homePage {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  text-align: center;
  /*
  width: 100%;
  height: 100%;
  max-height: 100%;
  */
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
/* line 9, ../sass/pizzaHut/_homePage.scss */
.mac .homePage.in, .homePage.out {
  overflow: hidden !important;
}
/* line 12, ../sass/pizzaHut/_homePage.scss */
.windows .homePage.in, .homePage.out {
  overflow: hidden !important;
}
/* line 18, ../sass/pizzaHut/_homePage.scss */
.homePage > .inner > .header {
  display: inline-block;
  width: 431px;
  height: 60px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 40px;
}
@media screen and (max-width: 767px) {
  /* line 18, ../sass/pizzaHut/_homePage.scss */
  .homePage > .inner > .header {
    top: 20px;
    width: 210px;
    height: 30px;
  }
}
/* line 33, ../sass/pizzaHut/_homePage.scss */
.homePage > .inner > .regBox {
  margin: 190px 10px 50px;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  /* line 33, ../sass/pizzaHut/_homePage.scss */
  .homePage > .inner > .regBox {
    display: block;
    margin: 120px 30px 50px;
  }
}
/* line 40, ../sass/pizzaHut/_homePage.scss */
.homePage > .inner > .regBox > .btn {
  width: 400px;
  height: 56px;
  background-color: #fff;
  border-radius: 10px;
  display: block;
  font-size: 24px;
  color: #2b2b2b;
  margin-top: 30px;
  line-height: 60px;
}
@media screen and (max-width: 767px) {
  /* line 40, ../sass/pizzaHut/_homePage.scss */
  .homePage > .inner > .regBox > .btn {
    position: relative;
    width: 100%;
    height: 46px;
    font-size: 18px;
    line-height: 49px;
  }
}
/* line 57, ../sass/pizzaHut/_homePage.scss */
.homePage > .inner > .regBox > .btn > .btnOverlay {
  position: absolute;
  width: 400px;
  padding: 28px;
  opacity: 0;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.5);
  transition: opacity .25s ease;
  -webkit-transition: opacity .25s ease;
}
@media screen and (max-width: 767px) {
  /* line 57, ../sass/pizzaHut/_homePage.scss */
  .homePage > .inner > .regBox > .btn > .btnOverlay {
    width: 100%;
    padding: 23px;
    font-size: 18px;
  }
}
/* line 71, ../sass/pizzaHut/_homePage.scss */
.homePage > .inner > .regBox > .btn > .btnOverlay.btnOverlayHover {
  opacity: 1;
}
/* line 75, ../sass/pizzaHut/_homePage.scss */
.mac .homePage > .inner > .regBox > .btn:hover .btnOverlay, .windows .homePage > .inner > .regBox > .btn:hover .btnOverlay {
  opacity: 1;
}
/* line 79, ../sass/pizzaHut/_homePage.scss */
.homePage > .inner > .regBox > .btn.new .icon {
  background: url(../images/web_ico_new_user@2x.png) top center no-repeat;
  background-size: 34px;
}
@media screen and (max-width: 767px) {
  /* line 79, ../sass/pizzaHut/_homePage.scss */
  .homePage > .inner > .regBox > .btn.new .icon {
    background-size: 26px;
  }
}
/* line 86, ../sass/pizzaHut/_homePage.scss */
.homePage > .inner > .regBox > .btn.old .icon {
  background: url(../images/web_ico_card_holder@2x.png) top center no-repeat;
  background-size: 34px;
}
@media screen and (max-width: 767px) {
  /* line 86, ../sass/pizzaHut/_homePage.scss */
  .homePage > .inner > .regBox > .btn.old .icon {
    background-size: 26px;
  }
}
/* line 93, ../sass/pizzaHut/_homePage.scss */
.homePage > .inner > .regBox > .btn.online .icon {
  background: url(../images/web_ico_online_member@2x.png) top center no-repeat;
  background-size: 34px;
}
@media screen and (max-width: 767px) {
  /* line 93, ../sass/pizzaHut/_homePage.scss */
  .homePage > .inner > .regBox > .btn.online .icon {
    background-size: 26px;
  }
}
/* line 101, ../sass/pizzaHut/_homePage.scss */
.homePage > .inner > .regBox > .join {
  color: #fff;
  font-size: 26px;
  font-weight: 100 !important;
}
@media screen and (max-width: 767px) {
  /* line 101, ../sass/pizzaHut/_homePage.scss */
  .homePage > .inner > .regBox > .join {
    font-size: 20px;
  }
}
/* line 109, ../sass/pizzaHut/_homePage.scss */
.homePage > .inner > .regBox .icon {
  display: inline-block;
  width: 34px;
  height: 34px;
  margin-right: 16px;
  vertical-align: sub;
}
@media screen and (max-width: 767px) {
  /* line 109, ../sass/pizzaHut/_homePage.scss */
  .homePage > .inner > .regBox .icon {
    margin-right: 4px;
    vertical-align: middle;
  }
}

/* line 126, ../sass/pizzaHut/_homePage.scss */
.en .homePage .header {
  background: url(../images/web_text_title_mr_en@2x.png) center center no-repeat;
  background-size: 431px 60px;
}
@media screen and (max-width: 767px) {
  /* line 126, ../sass/pizzaHut/_homePage.scss */
  .en .homePage .header {
    background-size: 210px 30px;
  }
}
/* line 134, ../sass/pizzaHut/_homePage.scss */
.en .homePage .switch.chi {
  background: url(../images/web_btn_cn_off@2x.png);
  background-size: 60px;
}
@media screen and (max-width: 767px) {
  /* line 134, ../sass/pizzaHut/_homePage.scss */
  .en .homePage .switch.chi {
    background-size: 30px;
  }
}
@media screen and (min-width: 413px) and (max-width: 767px) {
  /* line 134, ../sass/pizzaHut/_homePage.scss */
  .en .homePage .switch.chi {
    background-size: 45px;
  }
}
/* line 144, ../sass/pizzaHut/_homePage.scss */
.en .homePage .switch.eng {
  background: url(../images/web_btn_en_on@2x.png);
  background-size: 60px 60px;
}
@media screen and (max-width: 767px) {
  /* line 144, ../sass/pizzaHut/_homePage.scss */
  .en .homePage .switch.eng {
    background-size: 30px;
  }
}
@media screen and (min-width: 413px) and (max-width: 767px) {
  /* line 144, ../sass/pizzaHut/_homePage.scss */
  .en .homePage .switch.eng {
    background-size: 45px;
  }
}

/* line 160, ../sass/pizzaHut/_homePage.scss */
.zh .homePage .header {
  background: url(../images/web_text_title_mr_tc@2x.png);
  background-size: 431px 60px;
}
@media screen and (max-width: 767px) {
  /* line 160, ../sass/pizzaHut/_homePage.scss */
  .zh .homePage .header {
    background-size: 200px 30px;
  }
}
/* line 168, ../sass/pizzaHut/_homePage.scss */
.zh .homePage .switch.chi {
  background: url(../images/web_btn_cn_on@2x.png);
  background-size: 60px;
}
@media screen and (max-width: 767px) {
  /* line 168, ../sass/pizzaHut/_homePage.scss */
  .zh .homePage .switch.chi {
    background-size: 30px;
  }
}
@media screen and (min-width: 413px) and (max-width: 767px) {
  /* line 168, ../sass/pizzaHut/_homePage.scss */
  .zh .homePage .switch.chi {
    background-size: 45px;
  }
}
/* line 178, ../sass/pizzaHut/_homePage.scss */
.zh .homePage .switch.eng {
  background: url(../images/web_btn_en_off@2x.png);
  background-size: 60px 60px;
}
@media screen and (max-width: 767px) {
  /* line 178, ../sass/pizzaHut/_homePage.scss */
  .zh .homePage .switch.eng {
    background-size: 30px;
  }
}
@media screen and (min-width: 413px) and (max-width: 767px) {
  /* line 178, ../sass/pizzaHut/_homePage.scss */
  .zh .homePage .switch.eng {
    background-size: 45px;
  }
}

/* line 1, ../sass/pizzaHut/_newUser.scss */
.newUser {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  text-align: center;
  /*
  width: 100%;
  height: 100%;
  max-height: 100%;
  */
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
/* line 10, ../sass/pizzaHut/_newUser.scss */
.mac .newUser.in, .newUser.out {
  overflow: hidden !important;
}
/* line 13, ../sass/pizzaHut/_newUser.scss */
.windows .newUser.in, .newUser.out {
  overflow: hidden !important;
}
/* line 17, ../sass/pizzaHut/_newUser.scss */
.newUser > .inner > .header {
  display: inline-block;
  width: 431px;
  height: 60px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 40px;
}
@media screen and (max-width: 767px) {
  /* line 17, ../sass/pizzaHut/_newUser.scss */
  .newUser > .inner > .header {
    top: 20px;
    width: 210px;
    height: 30px;
  }
}
/* line 32, ../sass/pizzaHut/_newUser.scss */
.newUser > .inner > .regBox {
  margin: 190px 10px 50px;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  /* line 32, ../sass/pizzaHut/_newUser.scss */
  .newUser > .inner > .regBox {
    display: block;
    margin: 120px 30px 50px;
  }
}
/* line 39, ../sass/pizzaHut/_newUser.scss */
.newUser > .inner > .regBox > .fb {
  background-color: #3682f6;
  width: 400px;
  height: 56px;
  border-radius: 10px;
  display: block;
  font-size: 24px;
  color: #fff;
  margin-top: 30px;
  line-height: 60px;
}
@media screen and (max-width: 767px) {
  /* line 39, ../sass/pizzaHut/_newUser.scss */
  .newUser > .inner > .regBox > .fb {
    position: relative;
    width: 100%;
    height: 46px;
    font-size: 18px;
    line-height: 49px;
  }
}
/* line 56, ../sass/pizzaHut/_newUser.scss */
.newUser > .inner > .regBox > .fb > .icon {
  background: url(../images/web_ico_fb.png) top right no-repeat;
  background-size: 34px 34px;
  margin-right: 5px;
}
@media screen and (max-width: 767px) {
  /* line 56, ../sass/pizzaHut/_newUser.scss */
  .newUser > .inner > .regBox > .fb > .icon {
    background-size: 26px;
  }
}
/* line 64, ../sass/pizzaHut/_newUser.scss */
.newUser > .inner > .regBox > .fb > .btnOverlay {
  position: absolute;
  width: 400px;
  padding: 28px;
  opacity: 0;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.5);
  transition: opacity .25s ease;
  -webkit-transition: opacity .25s ease;
}
@media screen and (max-width: 767px) {
  /* line 64, ../sass/pizzaHut/_newUser.scss */
  .newUser > .inner > .regBox > .fb > .btnOverlay {
    width: 100%;
    padding: 23px;
    font-size: 18px;
  }
}
/* line 78, ../sass/pizzaHut/_newUser.scss */
.newUser > .inner > .regBox > .fb > .btnOverlay.btnOverlayHover {
  opacity: 1;
}
/* line 82, ../sass/pizzaHut/_newUser.scss */
.mac .newUser > .inner > .regBox > .fb:hover .btnOverlay, .windows .newUser > .inner > .regBox > .fb:hover .btnOverlay {
  opacity: 1;
}
/* line 87, ../sass/pizzaHut/_newUser.scss */
.newUser > .inner > .regBox > .email {
  background-color: #00bff3;
  width: 400px;
  height: 56px;
  border-radius: 10px;
  display: block;
  font-size: 24px;
  color: #fff;
  margin-top: 30px;
  line-height: 60px;
}
@media screen and (max-width: 767px) {
  /* line 87, ../sass/pizzaHut/_newUser.scss */
  .newUser > .inner > .regBox > .email {
    position: relative;
    width: 100%;
    height: 46px;
    font-size: 18px;
    line-height: 49px;
  }
}
/* line 105, ../sass/pizzaHut/_newUser.scss */
.newUser > .inner > .regBox > .email > .icon {
  background: url(../images/web_ico_email@2x.png) center left no-repeat;
  background-size: 34px 34px;
}
@media screen and (max-width: 767px) {
  /* line 105, ../sass/pizzaHut/_newUser.scss */
  .newUser > .inner > .regBox > .email > .icon {
    background-size: 24px;
  }
}
/* line 112, ../sass/pizzaHut/_newUser.scss */
.newUser > .inner > .regBox > .email > .btnOverlay {
  position: absolute;
  width: 400px;
  padding: 28px;
  opacity: 0;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.5);
  transition: opacity .25s ease;
  -webkit-transition: opacity .25s ease;
}
@media screen and (max-width: 767px) {
  /* line 112, ../sass/pizzaHut/_newUser.scss */
  .newUser > .inner > .regBox > .email > .btnOverlay {
    width: 100%;
    padding: 23px;
    font-size: 18px;
  }
}
/* line 127, ../sass/pizzaHut/_newUser.scss */
.newUser > .inner > .regBox > .email.btnOverlayHover {
  opacity: 1;
}
/* line 130, ../sass/pizzaHut/_newUser.scss */
.newUser > .inner > .regBox > .email:hover .btnOverlay {
  opacity: 1;
}
/* line 134, ../sass/pizzaHut/_newUser.scss */
.newUser > .inner > .regBox > .choose {
  margin-bottom: 20px;
  color: #fff;
  font-size: 30px;
}
@media screen and (max-width: 767px) {
  /* line 134, ../sass/pizzaHut/_newUser.scss */
  .newUser > .inner > .regBox > .choose {
    font-size: 20px;
  }
}
/* line 142, ../sass/pizzaHut/_newUser.scss */
.newUser > .inner > .regBox .icon {
  display: inline-block;
  width: 34px;
  height: 34px;
  margin-right: 16px;
  vertical-align: text-bottom;
}
@media screen and (max-width: 767px) {
  /* line 142, ../sass/pizzaHut/_newUser.scss */
  .newUser > .inner > .regBox .icon {
    margin-right: 4px;
    vertical-align: middle;
  }
}

/* line 159, ../sass/pizzaHut/_newUser.scss */
.en .newUser .header {
  background: url(../images/web_text_title_mr_en@2x.png);
  background-size: 431px 60px;
}
@media screen and (max-width: 767px) {
  /* line 159, ../sass/pizzaHut/_newUser.scss */
  .en .newUser .header {
    background: url(../images/web_text_title_mr_en@2x.png) center right no-repeat;
    background-size: 200px 30px;
  }
}

/* line 172, ../sass/pizzaHut/_newUser.scss */
.zh .newUser .header {
  background: url(../images/web_text_title_mr_tc@2x.png);
  background-size: 431px 60px;
}
@media screen and (max-width: 767px) {
  /* line 172, ../sass/pizzaHut/_newUser.scss */
  .zh .newUser .header {
    background: url(../images/web_text_title_mr_tc@2x.png) center right no-repeat;
    background-size: 200px 30px;
  }
}

/* line 1, ../sass/pizzaHut/_oldUser.scss */
.oldUser {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  text-align: center;
  /*
  width: 100%;
  height: 100%;
  max-height: 100%;
  */
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
/* line 10, ../sass/pizzaHut/_oldUser.scss */
.mac .oldUser.in, .oldUser.out {
  overflow: hidden !important;
}
/* line 13, ../sass/pizzaHut/_oldUser.scss */
.windows .oldUser.in, .oldUser.out {
  overflow: hidden !important;
}
/* line 17, ../sass/pizzaHut/_oldUser.scss */
.oldUser > .inner > .header {
  display: inline-block;
  width: 431px;
  height: 60px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 40px;
}
@media screen and (max-width: 767px) {
  /* line 17, ../sass/pizzaHut/_oldUser.scss */
  .oldUser > .inner > .header {
    top: 20px;
    width: 210px;
    height: 30px;
  }
}
/* line 31, ../sass/pizzaHut/_oldUser.scss */
.zh .oldUser > .inner > .header {
  background: url(../images/web_text_title_mr_tc@2x.png);
  background-size: 431px 60px;
}
@media screen and (max-width: 767px) {
  /* line 31, ../sass/pizzaHut/_oldUser.scss */
  .zh .oldUser > .inner > .header {
    background: url(../images/web_text_title_mr_tc@2x.png) center right no-repeat;
    background-size: 200px 30px;
  }
}
/* line 39, ../sass/pizzaHut/_oldUser.scss */
.en .oldUser > .inner > .header {
  background: url(../images/web_text_title_mr_en@2x.png);
  background-size: 431px 60px;
}
@media screen and (max-width: 767px) {
  /* line 39, ../sass/pizzaHut/_oldUser.scss */
  .en .oldUser > .inner > .header {
    background: url(../images/web_text_title_mr_en@2x.png) center right no-repeat;
    background-size: 200px 30px;
  }
}
/* line 48, ../sass/pizzaHut/_oldUser.scss */
.oldUser > .inner > .regform {
  margin: 190px 10px 0px;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  /* line 48, ../sass/pizzaHut/_oldUser.scss */
  .oldUser > .inner > .regform {
    display: block;
    margin: 120px 30px 0px;
  }
}
/* line 55, ../sass/pizzaHut/_oldUser.scss */
.oldUser > .inner > .regform > .dataStatus {
  position: relative;
  margin: auto;
}
/* line 58, ../sass/pizzaHut/_oldUser.scss */
.oldUser > .inner > .regform > .dataStatus > .loading {
  background: url(../images/loading.gif) center center no-repeat;
  width: 24px;
  height: 24px;
  background-size: 24px;
  margin: auto;
}
/* line 65, ../sass/pizzaHut/_oldUser.scss */
.oldUser > .inner > .regform > .dataStatus > .errorMsg {
  font-size: 17px;
  color: #db6b65;
  line-height: 24px;
}
/* line 71, ../sass/pizzaHut/_oldUser.scss */
.oldUser > .inner > .regform > .top {
  position: relative;
  line-height: 1.30px;
}
/* line 74, ../sass/pizzaHut/_oldUser.scss */
.oldUser > .inner > .regform > .top > .topInputText {
  margin-bottom: 40px;
  color: #fff;
  font-size: 20px;
}
@media screen and (max-width: 767px) {
  /* line 74, ../sass/pizzaHut/_oldUser.scss */
  .oldUser > .inner > .regform > .top > .topInputText {
    margin-bottom: 20px;
    line-height: 36px;
    font-size: 18px;
  }
}
/* line 85, ../sass/pizzaHut/_oldUser.scss */
.oldUser > .inner > .regform > .top .activationCodeLayout {
  width: 416px;
  margin: auto;
}
@media screen and (max-width: 767px) {
  /* line 85, ../sass/pizzaHut/_oldUser.scss */
  .oldUser > .inner > .regform > .top .activationCodeLayout {
    width: 100%;
  }
}
/* line 91, ../sass/pizzaHut/_oldUser.scss */
.oldUser > .inner > .regform > .top .activationCodeLayout .error {
  color: #db6b65;
  margin-top: 20px;
  text-align: left;
  font-size: 16px;
}
/* line 98, ../sass/pizzaHut/_oldUser.scss */
.oldUser > .inner > .regform > .top .activationCodeLayout .cell.x0 {
  width: 320px;
  text-align: left;
}
@media screen and (max-width: 767px) {
  /* line 98, ../sass/pizzaHut/_oldUser.scss */
  .oldUser > .inner > .regform > .top .activationCodeLayout .cell.x0 {
    width: auto;
  }
}
/* line 104, ../sass/pizzaHut/_oldUser.scss */
.oldUser > .inner > .regform > .top .activationCodeLayout .cell.x0 > * {
  width: 100% !important;
}
/* line 108, ../sass/pizzaHut/_oldUser.scss */
.oldUser > .inner > .regform > .top .activationCodeLayout .cell.x1 {
  width: 32px;
  text-align: center;
  font-size: 24px;
  color: #fff;
}
/* line 114, ../sass/pizzaHut/_oldUser.scss */
.oldUser > .inner > .regform > .top .activationCodeLayout .cell.x2 {
  width: 64px;
  text-align: right;
}
/* line 117, ../sass/pizzaHut/_oldUser.scss */
.oldUser > .inner > .regform > .top .activationCodeLayout .cell.x2 > * {
  width: 100% !important;
}
/* line 151, ../sass/pizzaHut/_oldUser.scss */
.oldUser > .inner > .regform > .top .tips {
  background: url(../images/tips_tc.png);
  background-size: 245px 173px;
  width: 245px;
  height: 173px;
  margin: 10px auto 20px;
}
/* line 157, ../sass/pizzaHut/_oldUser.scss */
.en .oldUser > .inner > .regform > .top .tips {
  background: url(../images/tips_en.png);
}
/* line 162, ../sass/pizzaHut/_oldUser.scss */
.oldUser > .inner > .regform > .bottom {
  position: relative;
  line-height: 36px;
  margin-top: 20px;
  margin-bottom: 20px;
  display: block;
}
/* line 168, ../sass/pizzaHut/_oldUser.scss */
.oldUser > .inner > .regform > .bottom .error {
  color: #db6b65;
  text-align: left;
  font-size: 16px;
}
/* line 173, ../sass/pizzaHut/_oldUser.scss */
.oldUser > .inner > .regform > .bottom > .bottomInputText {
  margin-bottom: 20px;
  color: #fff;
  font-size: 20px;
}
@media screen and (max-width: 767px) {
  /* line 173, ../sass/pizzaHut/_oldUser.scss */
  .oldUser > .inner > .regform > .bottom > .bottomInputText {
    font-size: 18px;
  }
}
/* line 181, ../sass/pizzaHut/_oldUser.scss */
.oldUser > .inner > .regform > .bottom > .left {
  display: inline-block;
  margin-right: 20px;
  vertical-align: top;
}
@media screen and (max-width: 767px) {
  /* line 181, ../sass/pizzaHut/_oldUser.scss */
  .oldUser > .inner > .regform > .bottom > .left {
    display: inherit;
    margin-right: 0px;
  }
}
/* line 189, ../sass/pizzaHut/_oldUser.scss */
.oldUser > .inner > .regform > .bottom > .left > .email {
  display: inline-block;
}
@media screen and (max-width: 767px) {
  /* line 189, ../sass/pizzaHut/_oldUser.scss */
  .oldUser > .inner > .regform > .bottom > .left > .email {
    width: 100% !important;
    margin-right: 0px;
    margin-bottom: 15px;
  }
}
/* line 198, ../sass/pizzaHut/_oldUser.scss */
.oldUser > .inner > .regform > .bottom > .right {
  display: inline-block;
  vertical-align: top;
}
@media screen and (max-width: 767px) {
  /* line 198, ../sass/pizzaHut/_oldUser.scss */
  .oldUser > .inner > .regform > .bottom > .right {
    display: inherit;
  }
}
/* line 204, ../sass/pizzaHut/_oldUser.scss */
.oldUser > .inner > .regform > .bottom > .right > .password {
  display: inline-block;
}
@media screen and (max-width: 767px) {
  /* line 204, ../sass/pizzaHut/_oldUser.scss */
  .oldUser > .inner > .regform > .bottom > .right > .password {
    width: 100% !important;
    margin-right: 0px;
  }
}
/* line 212, ../sass/pizzaHut/_oldUser.scss */
.oldUser > .inner > .regform > .bottom > .or {
  color: #fff;
  font-size: 20px;
  margin: 20px 0px;
}
@media screen and (max-width: 767px) {
  /* line 212, ../sass/pizzaHut/_oldUser.scss */
  .oldUser > .inner > .regform > .bottom > .or {
    margin: 15px 0px;
  }
}
/* line 231, ../sass/pizzaHut/_oldUser.scss */
.oldUser > .inner > .regform > .bottom > .center .activationCodeLayout {
  width: 320px;
  margin: auto;
}
@media screen and (max-width: 767px) {
  /* line 231, ../sass/pizzaHut/_oldUser.scss */
  .oldUser > .inner > .regform > .bottom > .center .activationCodeLayout {
    width: 100%;
    margin: 0px 0px 0px 0px;
  }
}
/* line 240, ../sass/pizzaHut/_oldUser.scss */
.oldUser > .inner > .regform > .bottom > .center .activationCodeLayout .cell.x0 {
  width: 80px !important;
  margin-right: 320px;
  text-align: left;
}
/* line 244, ../sass/pizzaHut/_oldUser.scss */
.oldUser > .inner > .regform > .bottom > .center .activationCodeLayout .cell.x0 .areaCode {
  cursor: pointer;
  border-radius: 10px;
  background: url(../images/web_btn_dropdown@2x.png) right center no-repeat;
  background-size: 24px;
  background-position: 36px;
  color: #FFF;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  border: none;
  border-radius: 0;
  padding: 0.4em;
  appearance: none;
  border: 2px solid #fff;
  background-color: transparent;
  background-color: alpha(opacity=0);
  border-radius: 10px;
  padding: 10px;
  font-size: 15px;
  height: 50px;
  padding-top: -1px;
}
/* line 270, ../sass/pizzaHut/_oldUser.scss */
.windows.ie .oldUser > .inner > .regform > .bottom > .center .activationCodeLayout .cell.x0 .areaCode.selecting {
  color: #db6b65;
}
/* line 273, ../sass/pizzaHut/_oldUser.scss */
.oldUser > .inner > .regform > .bottom > .center .activationCodeLayout .cell.x0 .areaCode.changed {
  color: #db6b65 !important;
}
/* line 276, ../sass/pizzaHut/_oldUser.scss */
.oldUser > .inner > .regform > .bottom > .center .activationCodeLayout .cell.x0 .areaCode .default {
  color: #db6b65;
}
/* line 279, ../sass/pizzaHut/_oldUser.scss */
.oldUser > .inner > .regform > .bottom > .center .activationCodeLayout .cell.x0 .areaCode .m {
  color: #db6b65;
}
/* line 282, ../sass/pizzaHut/_oldUser.scss */
.oldUser > .inner > .regform > .bottom > .center .activationCodeLayout .cell.x0 .areaCode .fm {
  color: #db6b65;
}
/* line 285, ../sass/pizzaHut/_oldUser.scss */
.en .oldUser > .inner > .regform > .bottom > .center .activationCodeLayout .cell.x0 .areaCode {
  font-size: 18px !important;
}
@media screen and (max-width: 767px) {
  /* line 244, ../sass/pizzaHut/_oldUser.scss */
  .oldUser > .inner > .regform > .bottom > .center .activationCodeLayout .cell.x0 .areaCode {
    width: 100% !important;
    margin-left: 0px;
    margin-bottom: 15px;
  }
}
/* line 293, ../sass/pizzaHut/_oldUser.scss */
.no-windows.no-flexbox .oldUser > .inner > .regform > .bottom > .center .activationCodeLayout .cell.x0 .areaCode {
  width: 100% !important;
  margin-left: 0px;
}
@media screen and (max-width: 767px) {
  /* line 240, ../sass/pizzaHut/_oldUser.scss */
  .oldUser > .inner > .regform > .bottom > .center .activationCodeLayout .cell.x0 {
    width: 60px;
  }
}
/* line 304, ../sass/pizzaHut/_oldUser.scss */
.oldUser > .inner > .regform > .bottom > .center .activationCodeLayout .cell.x1 {
  width: 10px;
}
/* line 307, ../sass/pizzaHut/_oldUser.scss */
.oldUser > .inner > .regform > .bottom > .center .activationCodeLayout .cell.x2 {
  width: 254px;
  text-align: right;
}
@media screen and (max-width: 767px) {
  /* line 307, ../sass/pizzaHut/_oldUser.scss */
  .oldUser > .inner > .regform > .bottom > .center .activationCodeLayout .cell.x2 {
    width: auto;
  }
}
/* line 319, ../sass/pizzaHut/_oldUser.scss */
.oldUser > .inner > .regform .next {
  width: 320px;
  height: 56px;
  line-height: 56px;
  background-color: #ed1b24;
  border-radius: 10px;
  display: block;
  font-size: 20px;
  color: #fff;
  margin: 20px auto 20px;
}
@media screen and (max-width: 767px) {
  /* line 319, ../sass/pizzaHut/_oldUser.scss */
  .oldUser > .inner > .regform .next {
    position: relative;
    width: 100%;
    height: 46px;
    font-size: 18px;
    line-height: 49px;
  }
}
/* line 336, ../sass/pizzaHut/_oldUser.scss */
.oldUser > .inner > .regform .next > .btnOverlay {
  position: absolute;
  width: 320px;
  padding: 28px 0px;
  opacity: 0;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.5);
  transition: opacity .25s ease;
  -webkit-transition: opacity .25s ease;
}
@media screen and (max-width: 767px) {
  /* line 336, ../sass/pizzaHut/_oldUser.scss */
  .oldUser > .inner > .regform .next > .btnOverlay {
    width: 100%;
    padding: 23px;
    font-size: 18px;
  }
}
/* line 350, ../sass/pizzaHut/_oldUser.scss */
.oldUser > .inner > .regform .next > .btnOverlay.btnOverlayHover {
  opacity: 1;
}
/* line 354, ../sass/pizzaHut/_oldUser.scss */
.mac .oldUser > .inner > .regform .next:hover .btnOverlay, .windows .oldUser > .inner > .regform .next:hover .btnOverlay {
  opacity: 1;
}
/* line 359, ../sass/pizzaHut/_oldUser.scss */
.oldUser > .inner > .regform > .divider {
  background: url(../images/web_img_divider@2x.png) center center no-repeat;
  width: 720px;
  height: 2px;
  background-size: 720px 2px;
  margin: auto;
}
@media screen and (max-width: 767px) {
  /* line 359, ../sass/pizzaHut/_oldUser.scss */
  .oldUser > .inner > .regform > .divider {
    width: 100%;
    background-size: 100% 2px;
  }
}
/* line 371, ../sass/pizzaHut/_oldUser.scss */
.oldUser > .inner > .regform .remark > .online {
  color: #fff;
  font-size: 18px;
}
/* line 376, ../sass/pizzaHut/_oldUser.scss */
.oldUser > .inner > .regform .remark > .clickHere {
  color: #ed1b24;
  font-size: 16px;
  margin-top: 10px;
  cursor: pointer;
  text-decoration: underline;
}
/* line 383, ../sass/pizzaHut/_oldUser.scss */
.oldUser > .inner > .regform .remark .red {
  color: #ed1b24;
  cursor: pointer;
  font-size: 16px;
  text-decoration: underline;
}

/*
.en {
    .oldUser {
        .header {
            background: url(../images/web_text_title_mr_en@2x.png);
            background-size: 431px 60px;
            @include mobile {
                background: url(../images/web_text_title_mr_en@2x.png) center right no-repeat;
                background-size: 200px 30px;
            }
        }
    }
}

.zh {
    .oldUser {
        .header {
            background: url(../images/web_text_title_mr_tc@2x.png);
            background-size: 431px 60px;
            @include mobile {
                background: url(../images/web_text_title_mr_en@2x.png) center right no-repeat;
                background-size: 200px 30px;
            }
        }
    }
}
*/
/* line 1, ../sass/pizzaHut/_onlineUser.scss */
.onlineUser {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  text-align: center;
  /*
  width: 100%;
  height: 100%;
  max-height: 100%;
  */
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
/* line 10, ../sass/pizzaHut/_onlineUser.scss */
.mac .onlineUser.in, .onlineUser.out {
  overflow: hidden !important;
}
/* line 13, ../sass/pizzaHut/_onlineUser.scss */
.windows .onlineUser.in, .onlineUser.out {
  overflow: hidden !important;
}
/* line 17, ../sass/pizzaHut/_onlineUser.scss */
.onlineUser > .inner > .header {
  display: inline-block;
  width: 431px;
  height: 60px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 40px;
}
@media screen and (max-width: 767px) {
  /* line 17, ../sass/pizzaHut/_onlineUser.scss */
  .onlineUser > .inner > .header {
    top: 20px;
    width: 210px;
    height: 30px;
  }
}
/* line 32, ../sass/pizzaHut/_onlineUser.scss */
.onlineUser > .inner > .regBox {
  line-height: 1.6em;
  margin: 190px auto 25px;
  display: block;
}
@media screen and (max-width: 767px) {
  /* line 32, ../sass/pizzaHut/_onlineUser.scss */
  .onlineUser > .inner > .regBox {
    display: block;
    margin: 120px 30px 0px;
  }
}
/* line 40, ../sass/pizzaHut/_onlineUser.scss */
.onlineUser > .inner > .regBox .error {
  color: #db6b65;
  text-align: left;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
}
/* line 47, ../sass/pizzaHut/_onlineUser.scss */
.onlineUser > .inner > .regBox > .inputText {
  margin-bottom: 30px;
  color: #fff;
  font-size: 20px;
}
@media screen and (max-width: 767px) {
  /* line 47, ../sass/pizzaHut/_onlineUser.scss */
  .onlineUser > .inner > .regBox > .inputText {
    line-height: 36px;
    font-size: 18px;
  }
}
/* line 56, ../sass/pizzaHut/_onlineUser.scss */
.onlineUser > .inner > .regBox > .left {
  display: inline-block;
  margin-right: 20px;
  vertical-align: top;
}
@media screen and (max-width: 767px) {
  /* line 56, ../sass/pizzaHut/_onlineUser.scss */
  .onlineUser > .inner > .regBox > .left {
    display: inherit;
    margin-right: 0px;
  }
}
/* line 64, ../sass/pizzaHut/_onlineUser.scss */
.onlineUser > .inner > .regBox > .left > .email {
  display: inline-block;
}
@media screen and (max-width: 767px) {
  /* line 64, ../sass/pizzaHut/_onlineUser.scss */
  .onlineUser > .inner > .regBox > .left > .email {
    display: inherit;
    width: 100% !important;
    margin-bottom: 15px;
  }
}
/* line 73, ../sass/pizzaHut/_onlineUser.scss */
.onlineUser > .inner > .regBox > .dataStatus {
  position: relative;
  margin: 10px auto 0px;
}
/* line 76, ../sass/pizzaHut/_onlineUser.scss */
.onlineUser > .inner > .regBox > .dataStatus > .loading {
  background: url(../images/loading.gif) center center no-repeat;
  width: 24px;
  height: 24px;
  background-size: 24px;
  margin: auto;
}
/* line 83, ../sass/pizzaHut/_onlineUser.scss */
.onlineUser > .inner > .regBox > .dataStatus > .errorMsg {
  font-size: 17px;
  color: #db6b65;
  line-height: 24px;
}
/* line 89, ../sass/pizzaHut/_onlineUser.scss */
.onlineUser > .inner > .regBox > .right {
  display: inline-block;
  vertical-align: top;
}
@media screen and (max-width: 767px) {
  /* line 89, ../sass/pizzaHut/_onlineUser.scss */
  .onlineUser > .inner > .regBox > .right {
    display: inherit;
  }
}
/* line 95, ../sass/pizzaHut/_onlineUser.scss */
.onlineUser > .inner > .regBox > .right > .password {
  display: inline-block;
}
@media screen and (max-width: 767px) {
  /* line 95, ../sass/pizzaHut/_onlineUser.scss */
  .onlineUser > .inner > .regBox > .right > .password {
    display: inherit;
    width: 100% !important;
    margin-bottom: 15px;
  }
}
/* line 104, ../sass/pizzaHut/_onlineUser.scss */
.onlineUser > .inner > .regBox > .next {
  width: 320px;
  height: 56px;
  line-height: 56px;
  background-color: #ed1b24;
  border-radius: 10px;
  display: block;
  font-size: 20px;
  color: #fff;
  margin: 20px auto 0px;
}
@media screen and (max-width: 767px) {
  /* line 104, ../sass/pizzaHut/_onlineUser.scss */
  .onlineUser > .inner > .regBox > .next {
    position: relative;
    width: 100%;
    height: 46px;
    font-size: 18px;
    line-height: 49px;
  }
}
/* line 121, ../sass/pizzaHut/_onlineUser.scss */
.onlineUser > .inner > .regBox > .next > .btnOverlay {
  position: absolute;
  width: 320px;
  padding: 28px 0px;
  opacity: 0;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.5);
  transition: opacity .25s ease;
  -webkit-transition: opacity .25s ease;
}
@media screen and (max-width: 767px) {
  /* line 121, ../sass/pizzaHut/_onlineUser.scss */
  .onlineUser > .inner > .regBox > .next > .btnOverlay {
    width: 100%;
    padding: 23px;
    font-size: 18px;
  }
}
/* line 135, ../sass/pizzaHut/_onlineUser.scss */
.onlineUser > .inner > .regBox > .next > .btnOverlay.btnOverlayHover {
  opacity: 1;
}
/* line 139, ../sass/pizzaHut/_onlineUser.scss */
.mac .onlineUser > .inner > .regBox > .next:hover .btnOverlay, .windows .onlineUser > .inner > .regBox > .next:hover .btnOverlay {
  opacity: 1;
}
/* line 144, ../sass/pizzaHut/_onlineUser.scss */
.onlineUser > .inner > .regBox .remark {
  margin-top: 20px;
}
/* line 146, ../sass/pizzaHut/_onlineUser.scss */
.onlineUser > .inner > .regBox .remark .red {
  color: #ed1b24;
  cursor: pointer;
  font-size: 16px;
  text-decoration: underline;
}

/* line 159, ../sass/pizzaHut/_onlineUser.scss */
.en .onlineUser .header {
  background: url(../images/web_text_title_mr_en.png);
  background-size: 431px 60px;
}
@media screen and (max-width: 767px) {
  /* line 159, ../sass/pizzaHut/_onlineUser.scss */
  .en .onlineUser .header {
    background: url(../images/web_text_title_mr_en@2x.png) center right no-repeat;
    background-size: 200px 30px;
  }
}

/* line 172, ../sass/pizzaHut/_onlineUser.scss */
.zh .onlineUser .header {
  background: url(../images/web_text_title_mr_tc.png);
  background-size: 431px 60px;
}
@media screen and (max-width: 767px) {
  /* line 172, ../sass/pizzaHut/_onlineUser.scss */
  .zh .onlineUser .header {
    background: url(../images/web_text_title_mr_tc@2x.png) center right no-repeat;
    background-size: 200px 30px;
  }
}

/* line 1, ../sass/pizzaHut/_registerForm.scss */
.registerForm {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  text-align: center;
  max-width: 100%;
  overflow: hidden;
  /*
  width: 100%;
  height: 100%;
  max-height: 100%;
  */
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
/* line 13, ../sass/pizzaHut/_registerForm.scss */
.mac .registerForm.in, .registerForm.out {
  overflow: hidden !important;
}
/* line 16, ../sass/pizzaHut/_registerForm.scss */
.windows .registerForm.in, .registerForm.out {
  overflow: hidden !important;
}
@media screen and (max-width: 767px) {
  /* line 1, ../sass/pizzaHut/_registerForm.scss */
  .registerForm {
    overflow: auto !important;
  }
}
/* line 23, ../sass/pizzaHut/_registerForm.scss */
.registerForm > .inner {
  position: relative;
  width: 768px;
  margin: auto;
}
@media screen and (max-width: 767px) {
  /* line 23, ../sass/pizzaHut/_registerForm.scss */
  .registerForm > .inner {
    margin: auto;
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  /* line 99, ../sass/globals/_global.scss */
  .no-windows.no-flexbox .registerForm > .inner {
    margin: auto;
    width: 100%;
  }
}
/* line 36, ../sass/pizzaHut/_registerForm.scss */
.registerForm > .inner > .dataStatus {
  position: absolute;
  left: 0;
  right: 0;
  top: 250px;
  margin: auto;
}
@media screen and (max-width: 767px) {
  /* line 36, ../sass/pizzaHut/_registerForm.scss */
  .registerForm > .inner > .dataStatus {
    top: 180px;
  }
}
@media screen and (max-width: 1024px) {
  /* line 99, ../sass/globals/_global.scss */
  .no-windows.no-flexbox .registerForm > .inner > .dataStatus {
    top: 230px;
  }
}
/* line 48, ../sass/pizzaHut/_registerForm.scss */
.registerForm > .inner > .dataStatus > .loading {
  background: url(../images/loading.gif) center center no-repeat;
  width: 30px;
  height: 30px;
  background-size: 30px;
  margin: auto;
}
/* line 55, ../sass/pizzaHut/_registerForm.scss */
.registerForm > .inner > .dataStatus > .errorMsg {
  font-size: 22px;
  color: #db6b65;
  line-height: 24px;
  text-align: center;
}
/* line 62, ../sass/pizzaHut/_registerForm.scss */
.registerForm > .inner > .header {
  display: inline-block;
  width: 431px;
  height: 60px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 40px;
}
@media screen and (max-width: 767px) {
  /* line 62, ../sass/pizzaHut/_registerForm.scss */
  .registerForm > .inner > .header {
    top: 20px;
    width: 210px;
    height: 30px;
  }
}
/* line 77, ../sass/pizzaHut/_registerForm.scss */
.registerForm > .inner .stepBar {
  width: 100%;
  position: relative;
  overflow: hidden;
  padding: 150px 0px 20px;
  min-width: 320px;
}
@media screen and (max-width: 767px) {
  /* line 77, ../sass/pizzaHut/_registerForm.scss */
  .registerForm > .inner .stepBar {
    padding: 100px 0px 20px;
  }
}
@media screen and (max-width: 1024px) {
  /* line 99, ../sass/globals/_global.scss */
  .no-windows.no-flexbox .registerForm > .inner .stepBar {
    padding: 130px 0px 20px;
  }
}
/* line 89, ../sass/pizzaHut/_registerForm.scss */
.registerForm > .inner .stepBar > .inner {
  position: relative;
  width: 100%;
  max-width: 738px;
  height: 100%;
  margin: auto;
}
/* line 95, ../sass/pizzaHut/_registerForm.scss */
.registerForm > .inner .stepBar > .inner .label {
  float: left;
  font-size: 16px;
  color: #fff;
  width: 33.3%;
}
@media screen and (max-width: 767px) {
  /* line 95, ../sass/pizzaHut/_registerForm.scss */
  .registerForm > .inner .stepBar > .inner .label {
    font-size: 12px;
  }
}
@media screen and (max-width: 1024px) {
  /* line 99, ../sass/globals/_global.scss */
  .no-windows.no-flexbox .registerForm > .inner .stepBar > .inner .label {
    font-size: 12px;
  }
}
/* line 106, ../sass/pizzaHut/_registerForm.scss */
.registerForm > .inner .stepBar > .inner .label.x1 {
  text-align: left;
}
@media screen and (max-width: 767px) {
  /* line 106, ../sass/pizzaHut/_registerForm.scss */
  .registerForm > .inner .stepBar > .inner .label.x1 {
    padding-left: 7px;
  }
}
@media screen and (max-width: 1024px) {
  /* line 99, ../sass/globals/_global.scss */
  .no-windows.no-flexbox .registerForm > .inner .stepBar > .inner .label.x1 {
    padding-left: 7px;
  }
}
/* line 114, ../sass/pizzaHut/_registerForm.scss */
.zh .registerForm > .inner .stepBar > .inner .label.x1.x1 {
  padding-left: 33px;
}
@media screen and (max-width: 767px) {
  /* line 114, ../sass/pizzaHut/_registerForm.scss */
  .zh .registerForm > .inner .stepBar > .inner .label.x1.x1 {
    padding-left: 24px;
  }
}
@media screen and (max-width: 1024px) {
  /* line 99, ../sass/globals/_global.scss */
  .no-windows.no-flexbox .zh .registerForm > .inner .stepBar > .inner .label.x1.x1 {
    padding-left: 24px;
  }
}
/* line 124, ../sass/pizzaHut/_registerForm.scss */
.registerForm > .inner .stepBar > .inner .label.x2 {
  text-align: center;
  padding-left: 7px;
}
/* line 127, ../sass/pizzaHut/_registerForm.scss */
.zh .registerForm > .inner .stepBar > .inner .label.x2.x2 {
  padding-left: 2px;
}
/* line 131, ../sass/pizzaHut/_registerForm.scss */
.registerForm > .inner .stepBar > .inner .label.x3 {
  text-align: right;
  padding-right: 47px;
}
@media screen and (max-width: 767px) {
  /* line 131, ../sass/pizzaHut/_registerForm.scss */
  .registerForm > .inner .stepBar > .inner .label.x3 {
    padding-right: 35px;
  }
}
@media screen and (max-width: 1024px) {
  /* line 99, ../sass/globals/_global.scss */
  .no-windows.no-flexbox .registerForm > .inner .stepBar > .inner .label.x3 {
    padding-right: 35px;
  }
}
/* line 140, ../sass/pizzaHut/_registerForm.scss */
.zh .registerForm > .inner .stepBar > .inner .label.x3.x3 {
  padding-right: 45px;
}
@media screen and (max-width: 767px) {
  /* line 140, ../sass/pizzaHut/_registerForm.scss */
  .zh .registerForm > .inner .stepBar > .inner .label.x3.x3 {
    padding-right: 35px;
  }
}
@media screen and (max-width: 1024px) {
  /* line 99, ../sass/globals/_global.scss */
  .no-windows.no-flexbox .zh .registerForm > .inner .stepBar > .inner .label.x3.x3 {
    padding-right: 35px;
  }
}
/* line 150, ../sass/pizzaHut/_registerForm.scss */
.registerForm > .inner .stepBar > .inner .label.pending {
  color: #838383;
}
/* line 154, ../sass/pizzaHut/_registerForm.scss */
.registerForm > .inner .stepBar > .inner .bars {
  padding: 5px 42px;
}
@media screen and (max-width: 767px) {
  /* line 154, ../sass/pizzaHut/_registerForm.scss */
  .registerForm > .inner .stepBar > .inner .bars {
    padding: 5px 33px;
  }
}
@media screen and (max-width: 1024px) {
  /* line 99, ../sass/globals/_global.scss */
  .no-windows.no-flexbox .registerForm > .inner .stepBar > .inner .bars {
    padding: 5px 33px;
  }
}
/* line 163, ../sass/pizzaHut/_registerForm.scss */
.registerForm > .inner .stepBar > .inner .bars .row > .icon {
  background: url(../images/web_img_step_on@2x.png) center center no-repeat;
  background-size: 44px;
  width: 44px;
  height: 44px;
  z-index: 2;
  color: #2d2d2d;
  font-size: 20px;
  padding-top: 14px;
}
@media screen and (max-width: 767px) {
  /* line 163, ../sass/pizzaHut/_registerForm.scss */
  .registerForm > .inner .stepBar > .inner .bars .row > .icon {
    font-size: 16px;
    background-size: 30px;
    width: 30px;
    height: 30px;
    padding-top: 8px;
  }
}
@media screen and (max-width: 1024px) {
  /* line 99, ../sass/globals/_global.scss */
  .no-windows.no-flexbox .registerForm > .inner .stepBar > .inner .bars .row > .icon {
    font-size: 16px;
    background-size: 30px;
    width: 30px;
    height: 30px;
    padding-top: 8px;
  }
}
/* line 186, ../sass/pizzaHut/_registerForm.scss */
.registerForm > .inner .stepBar > .inner .bars .row > .icon.pending {
  background: url(../images/web_img_step_pending@2x.png) center center no-repeat;
  background-size: 44px;
}
@media screen and (max-width: 767px) {
  /* line 186, ../sass/pizzaHut/_registerForm.scss */
  .registerForm > .inner .stepBar > .inner .bars .row > .icon.pending {
    background-size: 30px;
  }
}
@media screen and (max-width: 1024px) {
  /* line 99, ../sass/globals/_global.scss */
  .no-windows.no-flexbox .registerForm > .inner .stepBar > .inner .bars .row > .icon.pending {
    background-size: 30px;
  }
}
/* line 197, ../sass/pizzaHut/_registerForm.scss */
.registerForm > .inner .stepBar > .inner .bars .row > .line {
  color: #fff;
  width: auto;
  z-index: 1;
  padding-top: 17px;
}
@media screen and (max-width: 767px) {
  /* line 197, ../sass/pizzaHut/_registerForm.scss */
  .registerForm > .inner .stepBar > .inner .bars .row > .line {
    padding-top: 9px;
  }
}
@media screen and (max-width: 1024px) {
  /* line 99, ../sass/globals/_global.scss */
  .no-windows.no-flexbox .registerForm > .inner .stepBar > .inner .bars .row > .line {
    padding-top: 9px;
  }
}
/* line 209, ../sass/pizzaHut/_registerForm.scss */
.registerForm > .inner .stepBar > .inner .bars .row > .line > .l {
  display: inline-block;
  height: 2px;
  background: #fff;
  vertical-align: middle;
  width: 100%;
}
@media screen and (max-width: 767px) {
  /* line 221, ../sass/pizzaHut/_registerForm.scss */
  .registerForm > .inner > .regForm {
    margin: 0px 15px;
  }
}
@media screen and (max-width: 1024px) {
  /* line 99, ../sass/globals/_global.scss */
  .no-windows.no-flexbox .registerForm > .inner > .regForm {
    margin: 0px 15px;
  }
}
/* line 228, ../sass/pizzaHut/_registerForm.scss */
.registerForm > .inner > .regForm .fillIn {
  text-align: left;
  margin-left: 47.5px;
  color: #fff;
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  /* line 228, ../sass/pizzaHut/_registerForm.scss */
  .registerForm > .inner > .regForm .fillIn {
    margin: 10px 0px;
  }
}
/* line 237, ../sass/pizzaHut/_registerForm.scss */
.registerForm > .inner > .regForm .submitStatus {
  position: relative;
  left: 0;
  right: 0;
  margin: 30px auto 10px;
}
@media screen and (max-width: 767px) {
  /* line 237, ../sass/pizzaHut/_registerForm.scss */
  .registerForm > .inner > .regForm .submitStatus {
    margin: 20px auto 0px;
  }
}
@media screen and (max-width: 1024px) {
  /* line 99, ../sass/globals/_global.scss */
  .no-windows.no-flexbox .registerForm > .inner > .regForm .submitStatus {
    margin: 20px auto 0px;
  }
}
/* line 248, ../sass/pizzaHut/_registerForm.scss */
.registerForm > .inner > .regForm .submitStatus > .submitLoading {
  background: url(../images/loading.gif) center center no-repeat;
  width: 30px;
  height: 30px;
  background-size: 30px;
  margin: auto;
}
/* line 255, ../sass/pizzaHut/_registerForm.scss */
.registerForm > .inner > .regForm .submitStatus > .submitErrorMsg {
  font-size: 16px;
  color: #db6b65;
  line-height: 24px;
  text-align: center;
}
/* line 262, ../sass/pizzaHut/_registerForm.scss */
.registerForm > .inner > .regForm > .formRow {
  margin: 30px 15px 0px;
  display: inline-flex;
  display: -webkit-inline-flex;
}
/* line 266, ../sass/pizzaHut/_registerForm.scss */
.windows.no-flexbox .registerForm > .inner > .regForm > .formRow {
  display: inline-block;
}
@media screen and (max-width: 767px) {
  /* line 266, ../sass/pizzaHut/_registerForm.scss */
  .windows.no-flexbox .registerForm > .inner > .regForm > .formRow {
    display: block;
  }
}
@media screen and (max-width: 1024px) {
  /* line 99, ../sass/globals/_global.scss */
  .no-windows.no-flexbox .windows.no-flexbox .registerForm > .inner > .regForm > .formRow {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  /* line 262, ../sass/pizzaHut/_registerForm.scss */
  .registerForm > .inner > .regForm > .formRow {
    margin: 0px;
    display: block;
  }
}
@media screen and (max-width: 1024px) {
  /* line 99, ../sass/globals/_global.scss */
  .no-windows.no-flexbox .registerForm > .inner > .regForm > .formRow {
    margin: 0px;
    display: block;
  }
}
/* line 284, ../sass/pizzaHut/_registerForm.scss */
.registerForm > .inner > .regForm > .formRow .unit {
  padding-right: 320px\9\0;
}
@media screen and (max-width: 767px) {
  /* line 284, ../sass/pizzaHut/_registerForm.scss */
  .registerForm > .inner > .regForm > .formRow .unit {
    padding-right: 0px\9;
  }
}
@media screen and (max-width: 1024px) {
  /* line 99, ../sass/globals/_global.scss */
  .no-windows.no-flexbox .registerForm > .inner > .regForm > .formRow .unit {
    padding-right: 0px\9;
  }
}
/* line 294, ../sass/pizzaHut/_registerForm.scss */
.registerForm > .inner > .regForm > .formRow > .leftCell {
  margin-right: 33px;
}
@media screen and (max-width: 767px) {
  /* line 294, ../sass/pizzaHut/_registerForm.scss */
  .registerForm > .inner > .regForm > .formRow > .leftCell {
    margin: 0px;
  }
}
@media screen and (max-width: 1024px) {
  /* line 99, ../sass/globals/_global.scss */
  .no-windows.no-flexbox .registerForm > .inner > .regForm > .formRow > .leftCell {
    margin: 0px;
  }
}
/* line 302, ../sass/pizzaHut/_registerForm.scss */
.windows.no-flexbox .registerForm > .inner > .regForm > .formRow > .leftCell {
  float: left;
}
@media screen and (max-width: 767px) {
  /* line 302, ../sass/pizzaHut/_registerForm.scss */
  .windows.no-flexbox .registerForm > .inner > .regForm > .formRow > .leftCell {
    float: none;
  }
}
@media screen and (max-width: 1024px) {
  /* line 99, ../sass/globals/_global.scss */
  .no-windows.no-flexbox .windows.no-flexbox .registerForm > .inner > .regForm > .formRow > .leftCell {
    float: none;
  }
}
/* line 313, ../sass/pizzaHut/_registerForm.scss */
.registerForm > .inner > .regForm > .formRow.r1 {
  margin-top: 25px;
}
/* line 316, ../sass/pizzaHut/_registerForm.scss */
.registerForm > .inner > .regForm > .formRow input {
  display: inline-block;
  margin-right: 30px;
  padding: 10px;
  font-size: 15px;
}
@media screen and (max-width: 767px) {
  /* line 316, ../sass/pizzaHut/_registerForm.scss */
  .registerForm > .inner > .regForm > .formRow input {
    width: 100% !important;
    margin-right: 0px;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 1024px) {
  /* line 99, ../sass/globals/_global.scss */
  .no-windows.no-flexbox .registerForm > .inner > .regForm > .formRow input {
    width: 100% !important;
    margin-right: 0px;
    margin-bottom: 15px;
  }
}
/* line 331, ../sass/pizzaHut/_registerForm.scss */
.registerForm > .inner > .regForm > .formRow input:last-of-type {
  margin-right: 0px;
}
/* line 333, ../sass/pizzaHut/_registerForm.scss */
.no-windows.no-flexbox .registerForm > .inner > .regForm > .formRow input:last-of-type {
  margin-right: 0px;
}
/* line 338, ../sass/pizzaHut/_registerForm.scss */
.registerForm > .inner > .regForm > .formRow select {
  font-size: 15px;
}
/* line 341, ../sass/pizzaHut/_registerForm.scss */
.registerForm > .inner > .regForm > .formRow .error {
  color: #db6b65;
  margin-top: 10px;
  text-align: left;
}
@media screen and (max-width: 767px) {
  /* line 341, ../sass/pizzaHut/_registerForm.scss */
  .registerForm > .inner > .regForm > .formRow .error {
    margin-top: 0px;
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 1024px) {
  /* line 99, ../sass/globals/_global.scss */
  .no-windows.no-flexbox .registerForm > .inner > .regForm > .formRow .error {
    margin-top: 0px;
    margin-bottom: 10px;
  }
}
/* line 354, ../sass/pizzaHut/_registerForm.scss */
.registerForm > .inner > .regForm > .formRow .gender {
  cursor: pointer;
  border-radius: 10px;
  background: url(../images/web_btn_dropdown@2x.png) right center no-repeat;
  background-size: 24px;
  background-position: 284px;
  color: #FFF;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  border: none;
  border-radius: 0;
  padding: 0.4em;
  appearance: none;
  border: 2px solid #fff;
  background-color: transparent;
  background-color: alpha(opacity=0);
  border-radius: 10px;
  padding: 10px;
  font-size: 15px;
  width: 320px;
  height: 50px;
}
/* line 380, ../sass/pizzaHut/_registerForm.scss */
.windows.ie .registerForm > .inner > .regForm > .formRow .gender.selecting {
  color: #db6b65;
}
/* line 383, ../sass/pizzaHut/_registerForm.scss */
.registerForm > .inner > .regForm > .formRow .gender.changed {
  color: #db6b65 !important;
}
/* line 389, ../sass/pizzaHut/_registerForm.scss */
.registerForm > .inner > .regForm > .formRow .gender .m {
  color: #db6b65;
}
/* line 392, ../sass/pizzaHut/_registerForm.scss */
.registerForm > .inner > .regForm > .formRow .gender .fm {
  color: #db6b65;
}
/* line 395, ../sass/pizzaHut/_registerForm.scss */
.registerForm > .inner > .regForm > .formRow .gender .na {
  color: #db6b65;
}
@media screen and (max-width: 767px) {
  /* line 354, ../sass/pizzaHut/_registerForm.scss */
  .registerForm > .inner > .regForm > .formRow .gender {
    width: 100% !important;
    margin-left: 0px;
    margin-bottom: 15px;
    background-position: right 13px top 13px;
  }
}
@media screen and (max-width: 1024px) {
  /* line 99, ../sass/globals/_global.scss */
  .no-windows.no-flexbox .registerForm > .inner > .regForm > .formRow .gender {
    width: 100% !important;
    margin-left: 0px;
    margin-bottom: 15px;
    background-position: 98%;
  }
}
/* line 411, ../sass/pizzaHut/_registerForm.scss */
.registerForm > .inner > .regForm > .formRow.r1 .rightCell {
  width: 320px;
}
@media screen and (max-width: 767px) {
  /* line 411, ../sass/pizzaHut/_registerForm.scss */
  .registerForm > .inner > .regForm > .formRow.r1 .rightCell {
    display: none;
  }
}
/* line 418, ../sass/pizzaHut/_registerForm.scss */
.mac.safari.no-chrome .registerForm > .inner > .regForm > .formRow.r4 .error {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  /* line 418, ../sass/pizzaHut/_registerForm.scss */
  .mac.safari.no-chrome .registerForm > .inner > .regForm > .formRow.r4 .error {
    margin-top: 0px;
  }
}
/* line 424, ../sass/pizzaHut/_registerForm.scss */
.registerForm > .inner > .regForm > .formRow.r4 .activationCodeLayout {
  width: 320px;
  margin-right: 320px;
}
/* line 427, ../sass/pizzaHut/_registerForm.scss */
.no-chrome.safari .registerForm > .inner > .regForm > .formRow.r4 .activationCodeLayout {
  margin-left: 0px;
  float: right;
}
@media screen and (max-width: 767px) {
  /* line 427, ../sass/pizzaHut/_registerForm.scss */
  .no-chrome.safari .registerForm > .inner > .regForm > .formRow.r4 .activationCodeLayout {
    margin-right: 0px;
  }
}
@media screen and (max-width: 1024px) {
  /* line 99, ../sass/globals/_global.scss */
  .no-windows.no-flexbox .no-chrome.safari .registerForm > .inner > .regForm > .formRow.r4 .activationCodeLayout {
    margin-right: 0px;
  }
}
@media screen and (max-width: 767px) {
  /* line 424, ../sass/pizzaHut/_registerForm.scss */
  .registerForm > .inner > .regForm > .formRow.r4 .activationCodeLayout {
    width: 100%;
    margin: 0px 0px 0px 0px;
  }
}
@media screen and (max-width: 1024px) {
  /* line 99, ../sass/globals/_global.scss */
  .no-windows.no-flexbox .registerForm > .inner > .regForm > .formRow.r4 .activationCodeLayout {
    width: 100%;
    margin: 0px 0px 0px 0px;
  }
}
/* line 446, ../sass/pizzaHut/_registerForm.scss */
.registerForm > .inner > .regForm > .formRow.r4 .activationCodeLayout .cell.x0 {
  width: 80px !important;
  margin-right: 320px;
  text-align: left;
}
/* line 450, ../sass/pizzaHut/_registerForm.scss */
.registerForm > .inner > .regForm > .formRow.r4 .activationCodeLayout .cell.x0 .areaCode {
  cursor: pointer;
  border-radius: 10px;
  background: url(../images/web_btn_dropdown@2x.png) right center no-repeat;
  background-size: 24px;
  background-position: 36px;
  color: #FFF;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  border: none;
  border-radius: 0;
  padding: 0.4em;
  appearance: none;
  border: 2px solid #fff;
  background-color: transparent;
  background-color: alpha(opacity=0);
  border-radius: 10px;
  padding: 10px;
  font-size: 15px;
  height: 50px;
  padding-top: -1px;
}
/* line 476, ../sass/pizzaHut/_registerForm.scss */
.windows.ie .registerForm > .inner > .regForm > .formRow.r4 .activationCodeLayout .cell.x0 .areaCode.selecting {
  color: #db6b65;
}
/* line 479, ../sass/pizzaHut/_registerForm.scss */
.registerForm > .inner > .regForm > .formRow.r4 .activationCodeLayout .cell.x0 .areaCode.changed {
  color: #db6b65 !important;
}
/* line 485, ../sass/pizzaHut/_registerForm.scss */
.registerForm > .inner > .regForm > .formRow.r4 .activationCodeLayout .cell.x0 .areaCode .m {
  color: #db6b65;
}
/* line 488, ../sass/pizzaHut/_registerForm.scss */
.registerForm > .inner > .regForm > .formRow.r4 .activationCodeLayout .cell.x0 .areaCode .fm {
  color: #db6b65;
}
@media screen and (max-width: 767px) {
  /* line 450, ../sass/pizzaHut/_registerForm.scss */
  .registerForm > .inner > .regForm > .formRow.r4 .activationCodeLayout .cell.x0 .areaCode {
    width: 100% !important;
    margin-left: 0px;
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 1024px) {
  /* line 99, ../sass/globals/_global.scss */
  .no-windows.no-flexbox .registerForm > .inner > .regForm > .formRow.r4 .activationCodeLayout .cell.x0 .areaCode {
    width: 100% !important;
    margin-left: 0px;
    margin-bottom: 15px;
    background-position: 45px;
  }
}
@media screen and (max-width: 767px) {
  /* line 446, ../sass/pizzaHut/_registerForm.scss */
  .registerForm > .inner > .regForm > .formRow.r4 .activationCodeLayout .cell.x0 {
    width: 50px;
  }
}
@media screen and (max-width: 1024px) {
  /* line 99, ../sass/globals/_global.scss */
  .no-windows.no-flexbox .registerForm > .inner > .regForm > .formRow.r4 .activationCodeLayout .cell.x0 {
    width: 60px;
  }
}
/* line 510, ../sass/pizzaHut/_registerForm.scss */
.registerForm > .inner > .regForm > .formRow.r4 .activationCodeLayout .cell.x1 {
  width: 10px;
}
/* line 513, ../sass/pizzaHut/_registerForm.scss */
.registerForm > .inner > .regForm > .formRow.r4 .activationCodeLayout .cell.x2 {
  width: 254px;
  text-align: right;
}
@media screen and (max-width: 767px) {
  /* line 513, ../sass/pizzaHut/_registerForm.scss */
  .registerForm > .inner > .regForm > .formRow.r4 .activationCodeLayout .cell.x2 {
    width: auto;
  }
}
@media screen and (max-width: 1024px) {
  /* line 99, ../sass/globals/_global.scss */
  .no-windows.no-flexbox .registerForm > .inner > .regForm > .formRow.r4 .activationCodeLayout .cell.x2 {
    width: auto;
  }
}
/* line 526, ../sass/pizzaHut/_registerForm.scss */
.registerForm > .inner > .regForm > .formRow .bday {
  background: url(../images/web_btn_calendar@2x.png) right center no-repeat;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-size: 24px;
  background-position: 284px;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  /* line 526, ../sass/pizzaHut/_registerForm.scss */
  .registerForm > .inner > .regForm > .formRow .bday {
    width: 100% !important;
    margin-right: 0px;
    margin-bottom: 15px;
    background-position: right 13px top 13px;
  }
}
@media screen and (max-width: 1024px) {
  /* line 99, ../sass/globals/_global.scss */
  .no-windows.no-flexbox .registerForm > .inner > .regForm > .formRow .bday {
    width: 100% !important;
    margin-right: 0px;
    margin-bottom: 15px;
    background-position: 98%;
  }
}
/* line 548, ../sass/pizzaHut/_registerForm.scss */
.registerForm > .inner > .regForm .tc {
  margin: 30px auto;
  width: 680px;
  height: 175px;
  background-color: #e1e1e1;
  opacity: 0.5;
  -webkit-opacity: 0.5;
  border-radius: 5px;
  text-align: left;
  /*
  width: 100%;
  height: 100%;
  max-height: 100%;
  */
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
@media screen and (max-width: 767px) {
  /* line 548, ../sass/pizzaHut/_registerForm.scss */
  .registerForm > .inner > .regForm .tc {
    width: 100% !important;
    margin: 15px auto;
  }
}
/* line 562, ../sass/pizzaHut/_registerForm.scss */
.registerForm > .inner > .regForm .tc > .tcHeader {
  width: 670px;
  opacity: 1;
  color: #000;
  font-size: 16px;
  text-align: center;
  padding: 5px 0px;
}
@media screen and (max-width: 767px) {
  /* line 562, ../sass/pizzaHut/_registerForm.scss */
  .registerForm > .inner > .regForm .tc > .tcHeader {
    width: 100% !important;
  }
}
/* line 573, ../sass/pizzaHut/_registerForm.scss */
.registerForm > .inner > .regForm .tc > .content {
  color: #000;
  font-size: 14px;
  width: 670px;
  height: 140px;
  padding: 0px 10px 0px;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: auto;
  word-break: break-all;
}
@media screen and (max-width: 767px) {
  /* line 573, ../sass/pizzaHut/_registerForm.scss */
  .registerForm > .inner > .regForm .tc > .content {
    width: 100% !important;
  }
}
/* line 587, ../sass/pizzaHut/_registerForm.scss */
.registerForm > .inner > .regForm .tc a {
  color: #0088ff;
}
/* line 591, ../sass/pizzaHut/_registerForm.scss */
.registerForm > .inner > .regForm .checkBox {
  text-align: left;
  margin: 25px 45px;
  display: block;
  color: #fff;
  font-size: 14px;
}
@media screen and (max-width: 767px) {
  /* line 591, ../sass/pizzaHut/_registerForm.scss */
  .registerForm > .inner > .regForm .checkBox {
    margin: 0px;
    line-height: 18px;
  }
}
/* line 601, ../sass/pizzaHut/_registerForm.scss */
.registerForm > .inner > .regForm .checkBox > .firstCheckBox {
  background: url(../images/web_btn_select_off@2x.png) no-repeat;
  width: 100%;
  height: 26px;
  background-size: 26px;
  text-indent: 35px;
  cursor: pointer;
  padding-top: 7px;
}
/* line 609, ../sass/pizzaHut/_registerForm.scss */
.registerForm > .inner > .regForm .checkBox > .firstCheckBox.isClicked {
  background: url(../images/web_btn_select_on@2x.png) no-repeat;
  background-size: 26px;
}
/* line 614, ../sass/pizzaHut/_registerForm.scss */
.registerForm > .inner > .regForm .checkBox > .secondCheckBox {
  background: url(../images/web_btn_select_off@2x.png) no-repeat;
  width: 100%;
  height: 26px;
  background-size: 26px;
  text-indent: 35px;
  cursor: pointer;
  padding-top: 7px;
}
/* line 622, ../sass/pizzaHut/_registerForm.scss */
.registerForm > .inner > .regForm .checkBox > .secondCheckBox.isClicked {
  background: url(../images/web_btn_select_on@2x.png) no-repeat;
  background-size: 26px;
}
/* line 628, ../sass/pizzaHut/_registerForm.scss */
.registerForm > .inner > .regForm > .next {
  width: 320px;
  height: 56px;
  line-height: 56px;
  background-color: #ed1b24;
  border-radius: 10px;
  display: block;
  font-size: 20px;
  color: #fff;
  margin: 25px auto 20px;
}
@media screen and (max-width: 767px) {
  /* line 628, ../sass/pizzaHut/_registerForm.scss */
  .registerForm > .inner > .regForm > .next {
    position: relative;
    width: 100%;
    height: 46px;
    font-size: 18px;
    line-height: 49px;
    margin: 15px auto 20px;
  }
}
/* line 646, ../sass/pizzaHut/_registerForm.scss */
.registerForm > .inner > .regForm > .next > .btnOverlay {
  position: absolute;
  width: 320px;
  padding: 28px 0px;
  opacity: 0;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.5);
  transition: opacity .25s ease;
  -webkit-transition: opacity .25s ease;
}
@media screen and (max-width: 767px) {
  /* line 646, ../sass/pizzaHut/_registerForm.scss */
  .registerForm > .inner > .regForm > .next > .btnOverlay {
    width: 100%;
    padding: 23px;
    font-size: 18px;
  }
}
/* line 660, ../sass/pizzaHut/_registerForm.scss */
.registerForm > .inner > .regForm > .next > .btnOverlay.btnOverlayHover {
  opacity: 1;
}
/* line 664, ../sass/pizzaHut/_registerForm.scss */
.mac .registerForm > .inner > .regForm > .next:hover .btnOverlay, .windows .registerForm > .inner > .regForm > .next:hover .btnOverlay {
  opacity: 1;
}
/* line 669, ../sass/pizzaHut/_registerForm.scss */
.registerForm > .inner > .regForm .ptc {
  margin: 0px auto 0px;
  color: #fff;
  font-size: 14px;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  /* line 669, ../sass/pizzaHut/_registerForm.scss */
  .registerForm > .inner > .regForm .ptc {
    margin: 50px auto 0px;
    display: block;
    text-align: left;
  }
}
/* line 679, ../sass/pizzaHut/_registerForm.scss */
.registerForm > .inner > .regForm .ptc > .checkbox {
  background: url(../images/web_btn_select_off@2x.png) no-repeat;
  width: 22px;
  height: 22px;
  background-size: 22px;
  text-indent: 35px;
  cursor: pointer;
  padding-top: 7px;
  display: inline-block;
}
/* line 688, ../sass/pizzaHut/_registerForm.scss */
.registerForm > .inner > .regForm .ptc > .checkbox.isClicked {
  background: url(../images/web_btn_select_on@2x.png) no-repeat;
  background-size: 22px;
}
/* line 693, ../sass/pizzaHut/_registerForm.scss */
.registerForm > .inner > .regForm .ptc > span {
  vertical-align: super;
  margin: 10px;
}
/* line 696, ../sass/pizzaHut/_registerForm.scss */
.registerForm > .inner > .regForm .ptc > span > .red {
  color: #ed1b24;
  cursor: pointer;
  text-decoration: underline;
}

/* line 707, ../sass/pizzaHut/_registerForm.scss */
.ie9 .rightCell {
  display: table-cell;
}
@media screen and (max-width: 767px) {
  /* line 707, ../sass/pizzaHut/_registerForm.scss */
  .ie9 .rightCell {
    display: inherit;
  }
}

/* line 713, ../sass/pizzaHut/_registerForm.scss */
.ie9 .regForm > .formRow {
  margin: 30px 47px 0px !important;
}
@media screen and (max-width: 767px) {
  /* line 713, ../sass/pizzaHut/_registerForm.scss */
  .ie9 .regForm > .formRow {
    margin: 0px !important;
  }
}

/* line 722, ../sass/pizzaHut/_registerForm.scss */
.en .registerForm .header {
  background: url(../images/web_text_title_mr_en@2x.png);
  background-size: 431px 60px;
}
@media screen and (max-width: 767px) {
  /* line 722, ../sass/pizzaHut/_registerForm.scss */
  .en .registerForm .header {
    background: url(../images/web_text_title_mr_en@2x.png) center right no-repeat;
    background-size: 200px 30px;
  }
}

/* line 735, ../sass/pizzaHut/_registerForm.scss */
.zh .registerForm .header {
  background: url(../images/web_text_title_mr_tc@2x.png);
  background-size: 431px 60px;
}
@media screen and (max-width: 767px) {
  /* line 735, ../sass/pizzaHut/_registerForm.scss */
  .zh .registerForm .header {
    background: url(../images/web_text_title_mr_tc@2x.png) center right no-repeat;
    background-size: 200px 30px;
  }
}

/* line 1, ../sass/pizzaHut/_validationCode.scss */
.validationCode {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  text-align: center;
  /*
  width: 100%;
  height: 100%;
  max-height: 100%;
  */
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
/* line 10, ../sass/pizzaHut/_validationCode.scss */
.mac .validationCode.in, .validationCode.out {
  overflow: hidden !important;
}
/* line 13, ../sass/pizzaHut/_validationCode.scss */
.windows .validationCode.in, .validationCode.out {
  overflow: hidden !important;
}
/* line 16, ../sass/pizzaHut/_validationCode.scss */
.validationCode > .inner {
  position: relative;
  width: 768px;
  margin: auto;
}
@media screen and (max-width: 767px) {
  /* line 16, ../sass/pizzaHut/_validationCode.scss */
  .validationCode > .inner {
    margin: auto;
    width: 100%;
  }
}
/* line 24, ../sass/pizzaHut/_validationCode.scss */
.validationCode > .inner .stepBar {
  width: 100%;
  position: relative;
  overflow: hidden;
  padding: 150px 0px 20px;
  min-width: 320px;
}
@media screen and (max-width: 767px) {
  /* line 24, ../sass/pizzaHut/_validationCode.scss */
  .validationCode > .inner .stepBar {
    padding: 100px 0px 40px;
  }
}
/* line 33, ../sass/pizzaHut/_validationCode.scss */
.validationCode > .inner .stepBar > .inner {
  position: relative;
  width: 100%;
  max-width: 738px;
  height: 100%;
  margin: auto;
}
/* line 39, ../sass/pizzaHut/_validationCode.scss */
.validationCode > .inner .stepBar > .inner .label {
  float: left;
  font-size: 16px;
  color: #fff;
  width: 33.3%;
}
@media screen and (max-width: 767px) {
  /* line 39, ../sass/pizzaHut/_validationCode.scss */
  .validationCode > .inner .stepBar > .inner .label {
    font-size: 12px;
  }
}
/* line 47, ../sass/pizzaHut/_validationCode.scss */
.validationCode > .inner .stepBar > .inner .label.x1 {
  text-align: left;
}
@media screen and (max-width: 767px) {
  /* line 47, ../sass/pizzaHut/_validationCode.scss */
  .validationCode > .inner .stepBar > .inner .label.x1 {
    padding-left: 7px;
  }
}
/* line 52, ../sass/pizzaHut/_validationCode.scss */
.zh .validationCode > .inner .stepBar > .inner .label.x1.x1 {
  padding-left: 33px;
}
@media screen and (max-width: 767px) {
  /* line 52, ../sass/pizzaHut/_validationCode.scss */
  .zh .validationCode > .inner .stepBar > .inner .label.x1.x1 {
    padding-left: 24px;
  }
}
/* line 59, ../sass/pizzaHut/_validationCode.scss */
.validationCode > .inner .stepBar > .inner .label.x2 {
  text-align: center;
  padding-left: 7px;
}
/* line 62, ../sass/pizzaHut/_validationCode.scss */
.zh .validationCode > .inner .stepBar > .inner .label.x2.x2 {
  padding-left: 2px;
}
/* line 66, ../sass/pizzaHut/_validationCode.scss */
.validationCode > .inner .stepBar > .inner .label.x3 {
  text-align: right;
  padding-right: 47px;
}
@media screen and (max-width: 767px) {
  /* line 66, ../sass/pizzaHut/_validationCode.scss */
  .validationCode > .inner .stepBar > .inner .label.x3 {
    padding-right: 35px;
  }
}
/* line 72, ../sass/pizzaHut/_validationCode.scss */
.zh .validationCode > .inner .stepBar > .inner .label.x3.x3 {
  padding-right: 45px;
}
@media screen and (max-width: 767px) {
  /* line 72, ../sass/pizzaHut/_validationCode.scss */
  .zh .validationCode > .inner .stepBar > .inner .label.x3.x3 {
    padding-right: 35px;
  }
}
/* line 79, ../sass/pizzaHut/_validationCode.scss */
.validationCode > .inner .stepBar > .inner .label.pending {
  color: #838383;
}
/* line 83, ../sass/pizzaHut/_validationCode.scss */
.validationCode > .inner .stepBar > .inner .bars {
  padding: 5px 42px;
}
@media screen and (max-width: 767px) {
  /* line 83, ../sass/pizzaHut/_validationCode.scss */
  .validationCode > .inner .stepBar > .inner .bars {
    padding: 5px 33px;
  }
}
/* line 89, ../sass/pizzaHut/_validationCode.scss */
.validationCode > .inner .stepBar > .inner .bars .row > .icon {
  background: url(../images/web_img_step_on@2x.png) center center no-repeat;
  background-size: 44px;
  width: 44px;
  height: 44px;
  z-index: 2;
  color: #2d2d2d;
  font-size: 20px;
  padding-top: 14px;
  vertical-align: top;
}
@media screen and (max-width: 767px) {
  /* line 89, ../sass/pizzaHut/_validationCode.scss */
  .validationCode > .inner .stepBar > .inner .bars .row > .icon {
    font-size: 16px;
    background-size: 30px;
    width: 30px;
    height: 30px;
    padding-top: 8px;
    vertical-align: top;
  }
}
/* line 107, ../sass/pizzaHut/_validationCode.scss */
.validationCode > .inner .stepBar > .inner .bars .row > .icon.pending {
  background: url(../images/web_img_step_pending@2x.png) center center no-repeat;
  background-size: 44px;
}
@media screen and (max-width: 767px) {
  /* line 107, ../sass/pizzaHut/_validationCode.scss */
  .validationCode > .inner .stepBar > .inner .bars .row > .icon.pending {
    background-size: 30px;
  }
}
/* line 114, ../sass/pizzaHut/_validationCode.scss */
.validationCode > .inner .stepBar > .inner .bars .row > .icon.history {
  background: url(../images/web_img_step_complete_2x.png) center center no-repeat;
  background-size: 44px;
}
@media screen and (max-width: 767px) {
  /* line 114, ../sass/pizzaHut/_validationCode.scss */
  .validationCode > .inner .stepBar > .inner .bars .row > .icon.history {
    background-size: 30px;
  }
}
/* line 122, ../sass/pizzaHut/_validationCode.scss */
.validationCode > .inner .stepBar > .inner .bars .row > .line {
  color: #fff;
  width: auto;
  z-index: 1;
  padding-top: 17px;
}
@media screen and (max-width: 767px) {
  /* line 122, ../sass/pizzaHut/_validationCode.scss */
  .validationCode > .inner .stepBar > .inner .bars .row > .line {
    padding-top: 9px;
  }
}
/* line 131, ../sass/pizzaHut/_validationCode.scss */
.validationCode > .inner .stepBar > .inner .bars .row > .line > .l {
  display: inline-block;
  height: 2px;
  background: #fff;
  vertical-align: middle;
  width: 100%;
}
/* line 143, ../sass/pizzaHut/_validationCode.scss */
.validationCode > .inner > .header {
  display: inline-block;
  width: 431px;
  height: 60px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 40px;
}
@media screen and (max-width: 767px) {
  /* line 143, ../sass/pizzaHut/_validationCode.scss */
  .validationCode > .inner > .header {
    top: 20px;
    width: 210px;
    height: 30px;
  }
}
@media screen and (max-width: 767px) {
  /* line 158, ../sass/pizzaHut/_validationCode.scss */
  .validationCode > .inner > .vadBox {
    margin: 0px 15px;
  }
}
/* line 162, ../sass/pizzaHut/_validationCode.scss */
.validationCode > .inner > .vadBox > .reset {
  color: #fff;
  font-size: 14px;
  margin-top: 30px;
  cursor: pointer;
}
/* line 168, ../sass/pizzaHut/_validationCode.scss */
.validationCode > .inner > .vadBox > .numberText {
  margin-top: 80px;
  font-size: 20px;
  color: #fff;
}
@media screen and (max-width: 767px) {
  /* line 168, ../sass/pizzaHut/_validationCode.scss */
  .validationCode > .inner > .vadBox > .numberText {
    margin-top: 0px;
    font-size: 18px;
    line-height: 22px;
  }
}
/* line 178, ../sass/pizzaHut/_validationCode.scss */
.validationCode > .inner > .vadBox > .number {
  font-size: 40px;
  color: #db6b65;
  margin-top: 30px;
}
@media screen and (max-width: 767px) {
  /* line 178, ../sass/pizzaHut/_validationCode.scss */
  .validationCode > .inner > .vadBox > .number {
    margin-top: 15px;
    font-size: 32px;
  }
}
/* line 187, ../sass/pizzaHut/_validationCode.scss */
.validationCode > .inner > .vadBox > .inputText {
  font-size: 20px;
  color: #fff;
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  /* line 187, ../sass/pizzaHut/_validationCode.scss */
  .validationCode > .inner > .vadBox > .inputText {
    margin-top: 80px;
    font-size: 18px;
  }
}
/* line 196, ../sass/pizzaHut/_validationCode.scss */
.validationCode > .inner > .vadBox > .codeBar {
  margin: 30px auto;
  font-size: 24px;
}
/* line 199, ../sass/pizzaHut/_validationCode.scss */
.validationCode > .inner > .vadBox > .codeBar > input {
  width: 88px !important;
  max-width: 88px;
  border-radius: 10px;
  margin-right: 45px;
  font-size: 50px;
  text-align: center;
  height: 108px;
  color: #fff;
}
@media screen and (max-width: 767px) {
  /* line 199, ../sass/pizzaHut/_validationCode.scss */
  .validationCode > .inner > .vadBox > .codeBar > input {
    width: 20% !important;
    margin-right: 4%;
    font-size: 30px;
  }
}
@media screen and (max-width: 767px) and (max-width: 440px) {
  /* line 199, ../sass/pizzaHut/_validationCode.scss */
  .validationCode > .inner > .vadBox > .codeBar > input {
    height: 88px;
  }
}

/* line 216, ../sass/pizzaHut/_validationCode.scss */
.validationCode > .inner > .vadBox > .codeBar > input:last-of-type {
  margin-right: 0px;
}
/* line 221, ../sass/pizzaHut/_validationCode.scss */
.validationCode > .inner > .vadBox > .dataStatus {
  position: relative;
  margin: auto;
}
/* line 224, ../sass/pizzaHut/_validationCode.scss */
.validationCode > .inner > .vadBox > .dataStatus > .loading {
  background: url(../images/loading.gif) center center no-repeat;
  width: 30px;
  height: 30px;
  background-size: 30px;
  margin: auto;
}
/* line 231, ../sass/pizzaHut/_validationCode.scss */
.validationCode > .inner > .vadBox > .dataStatus > .errorMsg {
  font-size: 16px;
  color: #db6b65;
  line-height: 24px;
  text-align: center;
}
/* line 238, ../sass/pizzaHut/_validationCode.scss */
.validationCode > .inner > .vadBox > .confirm {
  width: 320px;
  height: 56px;
  line-height: 56px;
  background-color: #ed1b24;
  border-radius: 10px;
  display: block;
  font-size: 20px;
  color: #fff;
  margin: 30px auto 20px;
}
@media screen and (max-width: 767px) {
  /* line 238, ../sass/pizzaHut/_validationCode.scss */
  .validationCode > .inner > .vadBox > .confirm {
    position: relative;
    width: 100%;
    height: 46px;
    font-size: 18px;
    line-height: 49px;
    margin: 30px auto 20px;
  }
}
/* line 256, ../sass/pizzaHut/_validationCode.scss */
.validationCode > .inner > .vadBox > .confirm > .btnOverlay {
  position: absolute;
  width: 320px;
  padding: 28px 0px;
  opacity: 0;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.5);
  transition: opacity .25s ease;
  -webkit-transition: opacity .25s ease;
}
@media screen and (max-width: 767px) {
  /* line 256, ../sass/pizzaHut/_validationCode.scss */
  .validationCode > .inner > .vadBox > .confirm > .btnOverlay {
    width: 100%;
    padding: 23px;
    font-size: 18px;
  }
}
/* line 270, ../sass/pizzaHut/_validationCode.scss */
.validationCode > .inner > .vadBox > .confirm > .btnOverlay.btnOverlayHover {
  opacity: 1;
}
/* line 274, ../sass/pizzaHut/_validationCode.scss */
.mac .validationCode > .inner > .vadBox > .confirm:hover .btnOverlay, .windows .validationCode > .inner > .vadBox > .confirm:hover .btnOverlay {
  opacity: 1;
}

/* line 285, ../sass/pizzaHut/_validationCode.scss */
.en .validationCode .header {
  background: url(../images/web_text_title_mr_en@2x.png);
  background-size: 431px 60px;
}
@media screen and (max-width: 767px) {
  /* line 285, ../sass/pizzaHut/_validationCode.scss */
  .en .validationCode .header {
    background: url(../images/web_text_title_mr_en@2x.png) center right no-repeat;
    background-size: 200px 30px;
  }
}

/* line 298, ../sass/pizzaHut/_validationCode.scss */
.zh .validationCode .header {
  background: url(../images/web_text_title_mr_tc@2x.png);
  background-size: 431px 60px;
}
@media screen and (max-width: 767px) {
  /* line 298, ../sass/pizzaHut/_validationCode.scss */
  .zh .validationCode .header {
    background: url(../images/web_text_title_mr_tc@2x.png) center right no-repeat;
    background-size: 200px 30px;
  }
}

/* line 1, ../sass/pizzaHut/_registerSuccessful.scss */
.registerSuccessful {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  text-align: center;
  /*
  width: 100%;
  height: 100%;
  max-height: 100%;
  */
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
/* line 10, ../sass/pizzaHut/_registerSuccessful.scss */
.mac .registerSuccessful.in, .registerSuccessful.out {
  overflow: hidden !important;
}
/* line 13, ../sass/pizzaHut/_registerSuccessful.scss */
.windows .registerSuccessful.in, .registerSuccessful.out {
  overflow: hidden !important;
}
/* line 16, ../sass/pizzaHut/_registerSuccessful.scss */
.registerSuccessful > .inner {
  position: relative;
  width: 768px;
  margin: auto;
}
@media screen and (max-width: 767px) {
  /* line 16, ../sass/pizzaHut/_registerSuccessful.scss */
  .registerSuccessful > .inner {
    margin: auto;
    width: 100%;
  }
}
/* line 24, ../sass/pizzaHut/_registerSuccessful.scss */
.registerSuccessful > .inner .stepBar {
  width: 100%;
  position: relative;
  overflow: hidden;
  padding: 150px 0px 20px;
  min-width: 320px;
}
@media screen and (max-width: 767px) {
  /* line 24, ../sass/pizzaHut/_registerSuccessful.scss */
  .registerSuccessful > .inner .stepBar {
    padding: 100px 0px 40px;
  }
}
/* line 33, ../sass/pizzaHut/_registerSuccessful.scss */
.registerSuccessful > .inner .stepBar > .inner {
  position: relative;
  width: 100%;
  max-width: 738px;
  height: 100%;
  margin: auto;
}
/* line 39, ../sass/pizzaHut/_registerSuccessful.scss */
.registerSuccessful > .inner .stepBar > .inner .label {
  float: left;
  font-size: 16px;
  color: #fff;
  width: 33.3%;
}
@media screen and (max-width: 767px) {
  /* line 39, ../sass/pizzaHut/_registerSuccessful.scss */
  .registerSuccessful > .inner .stepBar > .inner .label {
    font-size: 12px;
  }
}
/* line 47, ../sass/pizzaHut/_registerSuccessful.scss */
.registerSuccessful > .inner .stepBar > .inner .label.x1 {
  text-align: left;
}
@media screen and (max-width: 767px) {
  /* line 47, ../sass/pizzaHut/_registerSuccessful.scss */
  .registerSuccessful > .inner .stepBar > .inner .label.x1 {
    padding-left: 7px;
  }
}
/* line 52, ../sass/pizzaHut/_registerSuccessful.scss */
.zh .registerSuccessful > .inner .stepBar > .inner .label.x1.x1 {
  padding-left: 33px;
}
@media screen and (max-width: 767px) {
  /* line 52, ../sass/pizzaHut/_registerSuccessful.scss */
  .zh .registerSuccessful > .inner .stepBar > .inner .label.x1.x1 {
    padding-left: 24px;
  }
}
/* line 59, ../sass/pizzaHut/_registerSuccessful.scss */
.registerSuccessful > .inner .stepBar > .inner .label.x2 {
  text-align: center;
  padding-left: 7px;
}
/* line 62, ../sass/pizzaHut/_registerSuccessful.scss */
.zh .registerSuccessful > .inner .stepBar > .inner .label.x2.x2 {
  padding-left: 2px;
}
/* line 66, ../sass/pizzaHut/_registerSuccessful.scss */
.registerSuccessful > .inner .stepBar > .inner .label.x3 {
  text-align: right;
  padding-right: 47px;
}
@media screen and (max-width: 767px) {
  /* line 66, ../sass/pizzaHut/_registerSuccessful.scss */
  .registerSuccessful > .inner .stepBar > .inner .label.x3 {
    padding-right: 35px;
  }
}
/* line 72, ../sass/pizzaHut/_registerSuccessful.scss */
.zh .registerSuccessful > .inner .stepBar > .inner .label.x3.x3 {
  padding-right: 45px;
}
@media screen and (max-width: 767px) {
  /* line 72, ../sass/pizzaHut/_registerSuccessful.scss */
  .zh .registerSuccessful > .inner .stepBar > .inner .label.x3.x3 {
    padding-right: 35px;
  }
}
/* line 79, ../sass/pizzaHut/_registerSuccessful.scss */
.registerSuccessful > .inner .stepBar > .inner .label.pending {
  color: #838383;
}
/* line 83, ../sass/pizzaHut/_registerSuccessful.scss */
.registerSuccessful > .inner .stepBar > .inner .bars {
  padding: 5px 42px;
}
@media screen and (max-width: 767px) {
  /* line 83, ../sass/pizzaHut/_registerSuccessful.scss */
  .registerSuccessful > .inner .stepBar > .inner .bars {
    padding: 5px 33px;
  }
}
/* line 89, ../sass/pizzaHut/_registerSuccessful.scss */
.registerSuccessful > .inner .stepBar > .inner .bars .row > .icon {
  background: url(../images/web_img_step_complete.png) center center no-repeat;
  background-size: 44px;
  width: 44px;
  height: 44px;
  z-index: 2;
  color: #2d2d2d;
  font-size: 20px;
  padding-top: 14px;
  vertical-align: top;
}
@media screen and (max-width: 767px) {
  /* line 89, ../sass/pizzaHut/_registerSuccessful.scss */
  .registerSuccessful > .inner .stepBar > .inner .bars .row > .icon {
    font-size: 16px;
    background-size: 30px;
    width: 30px;
    height: 30px;
    padding-top: 8px;
    vertical-align: top;
  }
}
/* line 107, ../sass/pizzaHut/_registerSuccessful.scss */
.registerSuccessful > .inner .stepBar > .inner .bars .row > .icon.pending {
  background: url(../images/web_img_step_pending@2x.png) center center no-repeat;
  background-size: 44px;
}
@media screen and (max-width: 767px) {
  /* line 107, ../sass/pizzaHut/_registerSuccessful.scss */
  .registerSuccessful > .inner .stepBar > .inner .bars .row > .icon.pending {
    background-size: 30px;
  }
}
/* line 114, ../sass/pizzaHut/_registerSuccessful.scss */
.registerSuccessful > .inner .stepBar > .inner .bars .row > .icon.history {
  background: url(../images/web_img_step_complete_2x.png) center center no-repeat;
  background-size: 44px;
}
@media screen and (max-width: 767px) {
  /* line 114, ../sass/pizzaHut/_registerSuccessful.scss */
  .registerSuccessful > .inner .stepBar > .inner .bars .row > .icon.history {
    background-size: 30px;
  }
}
/* line 122, ../sass/pizzaHut/_registerSuccessful.scss */
.registerSuccessful > .inner .stepBar > .inner .bars .row > .line {
  color: #fff;
  width: auto;
  z-index: 1;
  padding-top: 17px;
}
@media screen and (max-width: 767px) {
  /* line 122, ../sass/pizzaHut/_registerSuccessful.scss */
  .registerSuccessful > .inner .stepBar > .inner .bars .row > .line {
    padding-top: 9px;
  }
}
/* line 131, ../sass/pizzaHut/_registerSuccessful.scss */
.registerSuccessful > .inner .stepBar > .inner .bars .row > .line > .l {
  display: inline-block;
  height: 2px;
  background: #fff;
  vertical-align: middle;
  width: 100%;
}
/* line 143, ../sass/pizzaHut/_registerSuccessful.scss */
.registerSuccessful > .inner > .header {
  display: inline-block;
  width: 431px;
  height: 60px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 40px;
}
@media screen and (max-width: 767px) {
  /* line 143, ../sass/pizzaHut/_registerSuccessful.scss */
  .registerSuccessful > .inner > .header {
    top: 20px;
    width: 210px;
    height: 30px;
  }
}
@media screen and (max-width: 767px) {
  /* line 158, ../sass/pizzaHut/_registerSuccessful.scss */
  .registerSuccessful > .inner > .successfulBox {
    margin: 0px 15px;
  }
}
/* line 162, ../sass/pizzaHut/_registerSuccessful.scss */
.registerSuccessful > .inner > .successfulBox > .successfulLogo {
  background: url(../images/web_img_complete@2x.png) center center no-repeat;
  width: 112px;
  height: 112px;
  background-size: 112px;
  margin: 90px auto 0px;
}
@media screen and (max-width: 767px) {
  /* line 162, ../sass/pizzaHut/_registerSuccessful.scss */
  .registerSuccessful > .inner > .successfulBox > .successfulLogo {
    margin: 00px auto 0px;
    width: 78px;
    height: 78px;
    background-size: 78px;
  }
}
/* line 175, ../sass/pizzaHut/_registerSuccessful.scss */
.registerSuccessful > .inner > .successfulBox > .successfulText {
  font-size: 30px;
  color: #fff;
  margin-top: 26px;
  line-height: 1.6em;
}
@media screen and (max-width: 767px) {
  /* line 175, ../sass/pizzaHut/_registerSuccessful.scss */
  .registerSuccessful > .inner > .successfulBox > .successfulText {
    font-size: 20px;
  }
}
/* line 184, ../sass/pizzaHut/_registerSuccessful.scss */
.registerSuccessful > .inner > .successfulBox > .download {
  width: 320px;
  height: 56px;
  line-height: 56px;
  background-color: #ed1b24;
  border-radius: 10px;
  display: block;
  font-size: 20px;
  color: #fff;
  margin: 50px auto 20px;
}
/* line 194, ../sass/pizzaHut/_registerSuccessful.scss */
.desktop .registerSuccessful > .inner > .successfulBox > .download {
  display: none;
}
/* line 197, ../sass/pizzaHut/_registerSuccessful.scss */
.webview .registerSuccessful > .inner > .successfulBox > .download {
  display: none;
}
@media screen and (max-width: 767px) {
  /* line 184, ../sass/pizzaHut/_registerSuccessful.scss */
  .registerSuccessful > .inner > .successfulBox > .download {
    position: relative;
    width: 100%;
    height: 46px;
    font-size: 18px;
    line-height: 49px;
    margin: 30px auto 20px;
  }
}
/* line 208, ../sass/pizzaHut/_registerSuccessful.scss */
.registerSuccessful > .inner > .successfulBox > .download > .btnOverlay {
  position: absolute;
  width: 320px;
  padding: 28px 0px;
  opacity: 0;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.5);
  transition: opacity .25s ease;
  -webkit-transition: opacity .25s ease;
}
@media screen and (max-width: 767px) {
  /* line 208, ../sass/pizzaHut/_registerSuccessful.scss */
  .registerSuccessful > .inner > .successfulBox > .download > .btnOverlay {
    width: 100%;
    padding: 23px;
    font-size: 18px;
  }
}
/* line 222, ../sass/pizzaHut/_registerSuccessful.scss */
.registerSuccessful > .inner > .successfulBox > .download > .btnOverlay.btnOverlayHover {
  opacity: 1;
}
/* line 226, ../sass/pizzaHut/_registerSuccessful.scss */
.mac .registerSuccessful > .inner > .successfulBox > .download:hover .btnOverlay, .windows .registerSuccessful > .inner > .successfulBox > .download:hover .btnOverlay {
  opacity: 1;
}

/* line 237, ../sass/pizzaHut/_registerSuccessful.scss */
.en .registerSuccessful .header {
  background: url(../images/web_text_title_mr_en@2x.png);
  background-size: 431px 60px;
}
@media screen and (max-width: 767px) {
  /* line 237, ../sass/pizzaHut/_registerSuccessful.scss */
  .en .registerSuccessful .header {
    background: url(../images/web_text_title_mr_en@2x.png) center right no-repeat;
    background-size: 200px 30px;
  }
}

/* line 250, ../sass/pizzaHut/_registerSuccessful.scss */
.zh .registerSuccessful .header {
  background: url(../images/web_text_title_mr_tc@2x.png);
  background-size: 431px 60px;
}
@media screen and (max-width: 767px) {
  /* line 250, ../sass/pizzaHut/_registerSuccessful.scss */
  .zh .registerSuccessful .header {
    background: url(../images/web_text_title_mr_tc@2x.png) center right no-repeat;
    background-size: 200px 30px;
  }
}

/* line 1, ../sass/pizzaHut/_tc.scss */
.tac {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  text-align: center;
  /*
  width: 100%;
  height: 100%;
  max-height: 100%;
  */
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
/* line 17, ../sass/pizzaHut/_tc.scss */
.tac > .inner {
  position: relative;
  width: 768px;
  margin: auto;
}
@media screen and (max-width: 767px) {
  /* line 17, ../sass/pizzaHut/_tc.scss */
  .tac > .inner {
    margin: auto;
    width: 100%;
  }
}
/* line 25, ../sass/pizzaHut/_tc.scss */
.tac > .inner > .dataStatus {
  position: absolute;
  left: 0;
  right: 0;
  top: 150px;
  margin: auto;
}
@media screen and (max-width: 767px) {
  /* line 25, ../sass/pizzaHut/_tc.scss */
  .tac > .inner > .dataStatus {
    top: 100px;
  }
}
/* line 34, ../sass/pizzaHut/_tc.scss */
.tac > .inner > .dataStatus > .loading {
  background: url(../images/loading.gif) center center no-repeat;
  width: 30px;
  height: 30px;
  background-size: 30px;
  margin: auto;
}
/* line 41, ../sass/pizzaHut/_tc.scss */
.tac > .inner > .dataStatus > .errorMsg {
  font-size: 22px;
  color: #db6b65;
  line-height: 24px;
  text-align: center;
}
/* line 48, ../sass/pizzaHut/_tc.scss */
.tac > .inner > .header {
  display: inline-block;
  width: 431px;
  height: 60px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 40px;
}
@media screen and (max-width: 767px) {
  /* line 48, ../sass/pizzaHut/_tc.scss */
  .tac > .inner > .header {
    top: 20px;
    width: 210px;
    height: 30px;
  }
}
/* line 63, ../sass/pizzaHut/_tc.scss */
.tac > .inner > .tacContent {
  text-align: left;
  width: 708px;
  margin: auto;
  font-size: 14px;
  color: #fff;
  line-height: 18px;
  word-break: break-word;
  padding-top: 160px;
}
@media screen and (max-width: 767px) {
  /* line 63, ../sass/pizzaHut/_tc.scss */
  .tac > .inner > .tacContent {
    padding-top: 80px;
    margin: 0px 30px;
    width: auto;
  }
}

/* line 83, ../sass/pizzaHut/_tc.scss */
.en .tac .header {
  background: url(../images/web_text_title_tnc_en@2x.png);
  background-size: 431px 60px;
}
@media screen and (max-width: 767px) {
  /* line 83, ../sass/pizzaHut/_tc.scss */
  .en .tac .header {
    background: url(../images/web_text_title_tnc_en@2x.png) center right no-repeat;
    background-size: 200px 30px;
  }
}

/* line 96, ../sass/pizzaHut/_tc.scss */
.zh .tac .header {
  background: url(../images/web_text_title_tnc_tc@2x.png);
  background-size: 431px 60px;
}
@media screen and (max-width: 767px) {
  /* line 96, ../sass/pizzaHut/_tc.scss */
  .zh .tac .header {
    background: url(../images/web_text_title_tnc_tc@2x.png) center right no-repeat;
    background-size: 200px 30px;
  }
}

/* line 1, ../sass/pizzaHut/_Pp.scss */
.pp {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  text-align: center;
  /*
  width: 100%;
  height: 100%;
  max-height: 100%;
  */
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
/* line 16, ../sass/pizzaHut/_Pp.scss */
.pp > .inner {
  position: relative;
  width: 768px;
  margin: auto;
}
@media screen and (max-width: 767px) {
  /* line 16, ../sass/pizzaHut/_Pp.scss */
  .pp > .inner {
    margin: auto;
    width: 100%;
  }
}
/* line 24, ../sass/pizzaHut/_Pp.scss */
.pp > .inner > .dataStatus {
  position: absolute;
  left: 0;
  right: 0;
  top: 150px;
  margin: auto;
}
@media screen and (max-width: 767px) {
  /* line 24, ../sass/pizzaHut/_Pp.scss */
  .pp > .inner > .dataStatus {
    top: 100px;
  }
}
/* line 33, ../sass/pizzaHut/_Pp.scss */
.pp > .inner > .dataStatus > .loading {
  background: url(../images/loading.gif) center center no-repeat;
  width: 30px;
  height: 30px;
  background-size: 30px;
  margin: auto;
}
/* line 40, ../sass/pizzaHut/_Pp.scss */
.pp > .inner > .dataStatus > .errorMsg {
  font-size: 22px;
  color: #db6b65;
  line-height: 24px;
  text-align: center;
}
/* line 47, ../sass/pizzaHut/_Pp.scss */
.pp > .inner > .header {
  display: inline-block;
  width: 431px;
  height: 60px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 40px;
}
@media screen and (max-width: 767px) {
  /* line 47, ../sass/pizzaHut/_Pp.scss */
  .pp > .inner > .header {
    top: 20px;
    width: 210px;
    height: 30px;
  }
}
/* line 62, ../sass/pizzaHut/_Pp.scss */
.pp > .inner > .ppContent {
  text-align: left;
  width: 708px;
  margin: auto;
  font-size: 14px;
  color: #fff;
  line-height: 18px;
  word-break: break-word;
  padding-top: 160px;
}
@media screen and (max-width: 767px) {
  /* line 62, ../sass/pizzaHut/_Pp.scss */
  .pp > .inner > .ppContent {
    padding-top: 80px;
    margin: 0px 30px;
    width: auto;
  }
}

/* line 82, ../sass/pizzaHut/_Pp.scss */
.en .pp .header {
  background: url(../images/web_text_title_privacy_en@2x.png);
  background-size: 431px 60px;
}
@media screen and (max-width: 767px) {
  /* line 82, ../sass/pizzaHut/_Pp.scss */
  .en .pp .header {
    background: url(../images/web_text_title_privacy_en@2x.png) center right no-repeat;
    background-size: 200px 30px;
  }
}

/* line 95, ../sass/pizzaHut/_Pp.scss */
.zh .pp .header {
  background: url(../images/web_text_title_privacy_tc@2x.png);
  background-size: 431px 60px;
}
@media screen and (max-width: 767px) {
  /* line 95, ../sass/pizzaHut/_Pp.scss */
  .zh .pp .header {
    background: url(../images/web_text_title_privacy_tc@2x.png) center right no-repeat;
    background-size: 200px 30px;
  }
}

/* line 1, ../sass/pizzaHut/_forgetPassword.scss */
.forgetPassword {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  text-align: center;
  /*
  width: 100%;
  height: 100%;
  max-height: 100%;
  */
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
/* line 10, ../sass/pizzaHut/_forgetPassword.scss */
.mac .forgetPassword.in, .forgetPassword.out {
  overflow: hidden !important;
}
/* line 13, ../sass/pizzaHut/_forgetPassword.scss */
.windows .forgetPassword.in, .forgetPassword.out {
  overflow: hidden !important;
}
/* line 17, ../sass/pizzaHut/_forgetPassword.scss */
.forgetPassword > .inner > .header {
  display: inline-block;
  width: 431px;
  height: 60px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 40px;
}
@media screen and (max-width: 767px) {
  /* line 17, ../sass/pizzaHut/_forgetPassword.scss */
  .forgetPassword > .inner > .header {
    top: 20px;
    width: 210px;
    height: 30px;
  }
}
/* line 32, ../sass/pizzaHut/_forgetPassword.scss */
.forgetPassword > .inner > .regBox {
  line-height: 1.6em;
  margin: 190px auto 25px;
  display: block;
}
@media screen and (max-width: 767px) {
  /* line 32, ../sass/pizzaHut/_forgetPassword.scss */
  .forgetPassword > .inner > .regBox {
    display: block;
    margin: 120px 30px 0px;
  }
}
/* line 40, ../sass/pizzaHut/_forgetPassword.scss */
.forgetPassword > .inner > .regBox .error {
  color: #db6b65;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
  text-align: left;
}
@media screen and (max-width: 767px) {
  /* line 40, ../sass/pizzaHut/_forgetPassword.scss */
  .forgetPassword > .inner > .regBox .error {
    text-align: left;
  }
}
/* line 50, ../sass/pizzaHut/_forgetPassword.scss */
.forgetPassword > .inner > .regBox .center {
  width: 320px;
  margin: auto;
}
@media screen and (max-width: 767px) {
  /* line 50, ../sass/pizzaHut/_forgetPassword.scss */
  .forgetPassword > .inner > .regBox .center {
    width: auto;
  }
}
/* line 57, ../sass/pizzaHut/_forgetPassword.scss */
.forgetPassword > .inner > .regBox > .inputText {
  margin-bottom: 30px;
  color: #fff;
  font-size: 20px;
}
@media screen and (max-width: 767px) {
  /* line 57, ../sass/pizzaHut/_forgetPassword.scss */
  .forgetPassword > .inner > .regBox > .inputText {
    line-height: 36px;
    font-size: 18px;
  }
}
/* line 66, ../sass/pizzaHut/_forgetPassword.scss */
.forgetPassword > .inner > .regBox .email {
  display: inline-block;
}
@media screen and (max-width: 767px) {
  /* line 66, ../sass/pizzaHut/_forgetPassword.scss */
  .forgetPassword > .inner > .regBox .email {
    display: inherit;
    width: 100% !important;
    margin-bottom: 15px;
  }
}
/* line 74, ../sass/pizzaHut/_forgetPassword.scss */
.forgetPassword > .inner > .regBox > .dataStatus {
  position: relative;
  margin: 10px auto 0px;
}
/* line 77, ../sass/pizzaHut/_forgetPassword.scss */
.forgetPassword > .inner > .regBox > .dataStatus > .loading {
  background: url(../images/loading.gif) center center no-repeat;
  width: 24px;
  height: 24px;
  background-size: 24px;
  margin: auto;
}
/* line 84, ../sass/pizzaHut/_forgetPassword.scss */
.forgetPassword > .inner > .regBox > .dataStatus > .errorMsg {
  font-size: 17px;
  color: #db6b65;
  line-height: 24px;
}
/* line 90, ../sass/pizzaHut/_forgetPassword.scss */
.forgetPassword > .inner > .regBox > .next {
  width: 320px;
  height: 56px;
  line-height: 56px;
  background-color: #ed1b24;
  border-radius: 10px;
  display: block;
  font-size: 20px;
  color: #fff;
  margin: 20px auto 0px;
}
@media screen and (max-width: 767px) {
  /* line 90, ../sass/pizzaHut/_forgetPassword.scss */
  .forgetPassword > .inner > .regBox > .next {
    position: relative;
    width: 100%;
    height: 46px;
    font-size: 18px;
    line-height: 49px;
  }
}
/* line 107, ../sass/pizzaHut/_forgetPassword.scss */
.forgetPassword > .inner > .regBox > .next > .btnOverlay {
  position: absolute;
  width: 320px;
  padding: 28px 0px;
  opacity: 0;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.5);
  transition: opacity .25s ease;
  -webkit-transition: opacity .25s ease;
}
@media screen and (max-width: 767px) {
  /* line 107, ../sass/pizzaHut/_forgetPassword.scss */
  .forgetPassword > .inner > .regBox > .next > .btnOverlay {
    width: 100%;
    padding: 23px;
    font-size: 18px;
  }
}
/* line 121, ../sass/pizzaHut/_forgetPassword.scss */
.forgetPassword > .inner > .regBox > .next > .btnOverlay.btnOverlayHover {
  opacity: 1;
}
/* line 125, ../sass/pizzaHut/_forgetPassword.scss */
.mac .forgetPassword > .inner > .regBox > .next:hover .btnOverlay, .windows .forgetPassword > .inner > .regBox > .next:hover .btnOverlay {
  opacity: 1;
}

/* line 136, ../sass/pizzaHut/_forgetPassword.scss */
.en .forgetPassword .header {
  background: url(../images/web_text_title_mr_en.png);
  background-size: 431px 60px;
}
@media screen and (max-width: 767px) {
  /* line 136, ../sass/pizzaHut/_forgetPassword.scss */
  .en .forgetPassword .header {
    background: url(../images/web_text_title_mr_en@2x.png) center right no-repeat;
    background-size: 200px 30px;
  }
}

/* line 150, ../sass/pizzaHut/_forgetPassword.scss */
.zh .forgetPassword .header {
  background: url(../images/web_text_title_mr_tc.png);
  background-size: 431px 60px;
}
@media screen and (max-width: 767px) {
  /* line 150, ../sass/pizzaHut/_forgetPassword.scss */
  .zh .forgetPassword .header {
    background: url(../images/web_text_title_mr_tc@2x.png) center right no-repeat;
    background-size: 200px 30px;
  }
}

/* line 1, ../sass/pizzaHut/_chooseRegMethod.scss */
.chooseRegMethod {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  text-align: center;
  /*
  width: 100%;
  height: 100%;
  max-height: 100%;
  */
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
/* line 10, ../sass/pizzaHut/_chooseRegMethod.scss */
.mac .chooseRegMethod.in, .chooseRegMethod.out {
  overflow: hidden !important;
}
/* line 13, ../sass/pizzaHut/_chooseRegMethod.scss */
.windows .chooseRegMethod.in, .chooseRegMethod.out {
  overflow: hidden !important;
}
/* line 17, ../sass/pizzaHut/_chooseRegMethod.scss */
.chooseRegMethod > .inner > .header {
  display: inline-block;
  width: 431px;
  height: 60px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 40px;
}
@media screen and (max-width: 767px) {
  /* line 17, ../sass/pizzaHut/_chooseRegMethod.scss */
  .chooseRegMethod > .inner > .header {
    top: 20px;
    width: 210px;
    height: 30px;
  }
}
/* line 32, ../sass/pizzaHut/_chooseRegMethod.scss */
.chooseRegMethod > .inner > .regBox {
  margin: 190px 10px 50px;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  /* line 32, ../sass/pizzaHut/_chooseRegMethod.scss */
  .chooseRegMethod > .inner > .regBox {
    display: block;
    margin: 120px 30px 50px;
  }
}
/* line 39, ../sass/pizzaHut/_chooseRegMethod.scss */
.chooseRegMethod > .inner > .regBox > .fb {
  background-color: #3682f6;
  width: 400px;
  height: 56px;
  border-radius: 10px;
  display: block;
  font-size: 24px;
  color: #fff;
  margin-top: 30px;
  line-height: 60px;
}
@media screen and (max-width: 767px) {
  /* line 39, ../sass/pizzaHut/_chooseRegMethod.scss */
  .chooseRegMethod > .inner > .regBox > .fb {
    position: relative;
    width: 100%;
    height: 46px;
    font-size: 18px;
    line-height: 49px;
  }
}
/* line 56, ../sass/pizzaHut/_chooseRegMethod.scss */
.chooseRegMethod > .inner > .regBox > .fb > .icon {
  background: url(../images/web_ico_fb.png) top right no-repeat;
  background-size: 34px 34px;
  margin-right: 5px;
}
@media screen and (max-width: 767px) {
  /* line 56, ../sass/pizzaHut/_chooseRegMethod.scss */
  .chooseRegMethod > .inner > .regBox > .fb > .icon {
    background-size: 26px;
  }
}
/* line 64, ../sass/pizzaHut/_chooseRegMethod.scss */
.chooseRegMethod > .inner > .regBox > .fb > .btnOverlay {
  position: absolute;
  width: 400px;
  padding: 28px;
  opacity: 0;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.5);
  transition: opacity .25s ease;
  -webkit-transition: opacity .25s ease;
}
@media screen and (max-width: 767px) {
  /* line 64, ../sass/pizzaHut/_chooseRegMethod.scss */
  .chooseRegMethod > .inner > .regBox > .fb > .btnOverlay {
    width: 100%;
    padding: 23px;
    font-size: 18px;
  }
}
/* line 78, ../sass/pizzaHut/_chooseRegMethod.scss */
.chooseRegMethod > .inner > .regBox > .fb > .btnOverlay.btnOverlayHover {
  opacity: 1;
}
/* line 82, ../sass/pizzaHut/_chooseRegMethod.scss */
.mac .chooseRegMethod > .inner > .regBox > .fb:hover .btnOverlay, .windows .chooseRegMethod > .inner > .regBox > .fb:hover .btnOverlay {
  opacity: 1;
}
/* line 87, ../sass/pizzaHut/_chooseRegMethod.scss */
.chooseRegMethod > .inner > .regBox > .email {
  background-color: #00bff3;
  width: 400px;
  height: 56px;
  border-radius: 10px;
  display: block;
  font-size: 24px;
  color: #fff;
  margin-top: 30px;
  line-height: 60px;
}
@media screen and (max-width: 767px) {
  /* line 87, ../sass/pizzaHut/_chooseRegMethod.scss */
  .chooseRegMethod > .inner > .regBox > .email {
    position: relative;
    width: 100%;
    height: 46px;
    font-size: 18px;
    line-height: 49px;
  }
}
/* line 105, ../sass/pizzaHut/_chooseRegMethod.scss */
.chooseRegMethod > .inner > .regBox > .email > .icon {
  background: url(../images/web_ico_email@2x.png) center left no-repeat;
  background-size: 34px 34px;
}
@media screen and (max-width: 767px) {
  /* line 105, ../sass/pizzaHut/_chooseRegMethod.scss */
  .chooseRegMethod > .inner > .regBox > .email > .icon {
    background-size: 24px;
  }
}
/* line 112, ../sass/pizzaHut/_chooseRegMethod.scss */
.chooseRegMethod > .inner > .regBox > .email > .btnOverlay {
  position: absolute;
  width: 400px;
  padding: 28px;
  opacity: 0;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.5);
  transition: opacity .25s ease;
  -webkit-transition: opacity .25s ease;
}
@media screen and (max-width: 767px) {
  /* line 112, ../sass/pizzaHut/_chooseRegMethod.scss */
  .chooseRegMethod > .inner > .regBox > .email > .btnOverlay {
    width: 100%;
    padding: 23px;
    font-size: 18px;
  }
}
/* line 127, ../sass/pizzaHut/_chooseRegMethod.scss */
.chooseRegMethod > .inner > .regBox > .email.btnOverlayHover {
  opacity: 1;
}
/* line 130, ../sass/pizzaHut/_chooseRegMethod.scss */
.chooseRegMethod > .inner > .regBox > .email:hover .btnOverlay {
  opacity: 1;
}
/* line 134, ../sass/pizzaHut/_chooseRegMethod.scss */
.chooseRegMethod > .inner > .regBox > .choose {
  margin-bottom: 20px;
  color: #fff;
  font-size: 30px;
}
@media screen and (max-width: 767px) {
  /* line 134, ../sass/pizzaHut/_chooseRegMethod.scss */
  .chooseRegMethod > .inner > .regBox > .choose {
    font-size: 20px;
  }
}
/* line 142, ../sass/pizzaHut/_chooseRegMethod.scss */
.chooseRegMethod > .inner > .regBox .icon {
  display: inline-block;
  width: 34px;
  height: 34px;
  margin-right: 16px;
  vertical-align: text-bottom;
}
@media screen and (max-width: 767px) {
  /* line 142, ../sass/pizzaHut/_chooseRegMethod.scss */
  .chooseRegMethod > .inner > .regBox .icon {
    margin-right: 4px;
    vertical-align: middle;
  }
}

/* line 159, ../sass/pizzaHut/_chooseRegMethod.scss */
.en .chooseRegMethod .header {
  background: url(../images/web_text_title_mr_en@2x.png);
  background-size: 431px 60px;
}
@media screen and (max-width: 767px) {
  /* line 159, ../sass/pizzaHut/_chooseRegMethod.scss */
  .en .chooseRegMethod .header {
    background: url(../images/web_text_title_mr_en@2x.png) center right no-repeat;
    background-size: 200px 30px;
  }
}

/* line 172, ../sass/pizzaHut/_chooseRegMethod.scss */
.zh .chooseRegMethod .header {
  background: url(../images/web_text_title_mr_tc@2x.png);
  background-size: 431px 60px;
}
@media screen and (max-width: 767px) {
  /* line 172, ../sass/pizzaHut/_chooseRegMethod.scss */
  .zh .chooseRegMethod .header {
    background: url(../images/web_text_title_mr_tc@2x.png) center right no-repeat;
    background-size: 200px 30px;
  }
}

/* line 1, ../sass/pizzaHut/_warning.scss */
.warning {
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  text-align: center;
  /*
  width: 100%;
  height: 100%;
  max-height: 100%;
  */
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
/* line 10, ../sass/pizzaHut/_warning.scss */
.mac .warning.in, .warning.out {
  overflow: hidden !important;
}
/* line 13, ../sass/pizzaHut/_warning.scss */
.windows .warning.in, .warning.out {
  overflow: hidden !important;
}
/* line 17, ../sass/pizzaHut/_warning.scss */
.warning > .inner > .header {
  display: inline-block;
  width: 431px;
  height: 60px;
  position: absolute;
  left: 0;
  right: 0;
  margin: auto;
  top: 40px;
}
@media screen and (max-width: 767px) {
  /* line 17, ../sass/pizzaHut/_warning.scss */
  .warning > .inner > .header {
    top: 20px;
    width: 210px;
    height: 30px;
  }
}
/* line 32, ../sass/pizzaHut/_warning.scss */
.warning > .inner .warningContainer {
  width: 100%;
  height: 160px;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
/* line 41, ../sass/pizzaHut/_warning.scss */
.warning > .inner .warningContainer .warningLogo {
  background: url(../images/web_img_warning@2x.png);
  background-size: 57px 53px;
  width: 57px;
  height: 53px;
  margin: auto;
}
/* line 47, ../sass/pizzaHut/_warning.scss */
.ie8 .warning > .inner .warningContainer .warningLogo {
  background: url(../images/web_img_warning.png);
}
/* line 53, ../sass/pizzaHut/_warning.scss */
.warning > .inner .warningContainer .text {
  color: #fff;
  margin: 30px 20px 0px;
  font-size: 18px;
  line-height: 22px;
}

/* line 64, ../sass/pizzaHut/_warning.scss */
.warning .header {
  background: url(../images/web_text_title_warning_en@2x.png);
  background-size: 431px 60px;
}
@media screen and (max-width: 767px) {
  /* line 64, ../sass/pizzaHut/_warning.scss */
  .warning .header {
    background: url(../images/web_text_title_warning_en@2x.png) center right no-repeat;
    background-size: 200px 30px;
  }
}

/* line 39, ../sass/pizzaHut-default.scss */
.overlay.white > .inner > .back {
  background-color: #FFF;
}