@charset "UTF-8";
/* reset css */
@media (max-width: 1921px) {
  body,
  div,
  dl,
  dt,
  dd,
  ul,
  ol,
  li,
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  form,
  input,
  textarea,
  p,
  th,
  td {
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: none; }
  th {
    font-weight: normal;
    text-align: left; }
  table {
    border-collapse: collapse;
    border-spacing: 0; }
  img {
    border: 0;
    vertical-align: middle; }
  ol,
  ul {
    list-style: none; }
  a {
    outline: none;
    hlbr: expression(this.onFocus=this.blur());
    text-decoration: none;
    cursor: pointer; }
  input,
  select,
  textarea,
  button {
    outline: none;
    border-radius: 0;
    font-family: arial, "微軟正黑體"; }
  button {
    padding: 0;
    cursor: pointer; }
  body {
    background: #f2f2f2;
    font-family: Arial, "微軟正黑體"; }
  #all {
    padding-top: 0px; }
  #all.active {
    position: fixed;
    left: 0;
    top: 0px;
    width: 100%; }
  /* gotop */
  #gotop {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 40px;
    height: 40px;
    background: url(../images/gotop.png) center center no-repeat #333;
    text-indent: -9999px;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    z-index: 999; }
  /* header */
  #header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    background: #FFF;
    z-index: 10;
    border-bottom: 1px solid #dfdfdf; }
  #header .wrap {
    position: relative;
    padding: 12px 0; }
  #header .wrap #logo {
    width: 91px;
    height: 21px;
    margin: 0 auto;
    background: url(../images/logo.png);
    text-indent: -9999px;
    -moz-background-size: 91px 21px;
    -webkit-background-size: 91px 21px;
    -o-background-size: 91px 21px;
    background-size: 91px 21px; }
  #header .wrap #mobi-btn {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 45px;
    height: 45px;
    background: url(../images/mobi-btn2.png) center center no-repeat #22439c;
    text-indent: -9999px; }
  #header .wrap .search {
    position: absolute;
    left: 45px;
    top: 0;
    display: block;
    width: 45px;
    height: 45px;
    border-right: 1px solid #d7d7d7;
    text-indent: -9999px; }
  #header .wrap .search:before {
    content: "";
    position: absolute;
    left: 12px;
    top: 12px;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/search3.png) left top no-repeat;
    background-size: 20px auto; }
  #header .wrap .search.active:before {
    background: url(../images/search-x.png);
    background-size: 20px auto; }
  #header .wrap .location {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    width: 45px;
    height: 45px;
    background: url(../images/header_location.png) center no-repeat;
    border-left: 1px solid #d7d7d7;
    text-indent: -9999px;
    background-size: cover;
    -moz-background-size: 23px 23px;
    -webkit-background-size: 23px 23px;
    -o-background-size: 23px 23px;
    background-size: 23px 23px; }
  #search {
    position: absolute;
    left: 0;
    top: 100%;
    display: none;
    width: 100%;
    padding: 10px;
    background: #f1f1f1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  #search form {
    position: relative;
    padding-right: 45px;
    font-size: 15px;
    color: #333;
    font-weight: bold;
    border: 1px solid #e4e4e4; }
  #search form input {
    display: block;
    width: 100%;
    height: 45px;
    padding: 5px 10px;
    border: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none; }
  #search form button {
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    border: 0;
    width: 45px;
    height: 45px;
    background: #FFF;
    text-indent: -9999px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  #search form button:after {
    content: "";
    position: absolute;
    left: 12px;
    top: 12px;
    display: block;
    width: 20px;
    height: 20px;
    background: url(../images/search3.png) left top no-repeat;
    background-size: 20px auto; }
  #search dl {
    padding: 10px 0; }
  #search dt {
    font-size: 14px;
    color: #333;
    font-weight: bold; }
  #search dd {
    padding-top: 5px; }
  #search dd a {
    display: inline-block;
    margin: 0 10px 5px 0;
    font-size: 15px;
    color: #315ab6; }
  /* mobile */
  #mask {
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    text-indent: -9999px; }
  #mobile {
    position: absolute;
    left: -280px;
    top: 0;
    width: 280px;
    min-height: 100%;
    background: #FFF;
    z-index: 12; }
  #mobile .member {
    display: none; }
  #mobile dt {
    height: 60px;
    padding: 0 15px;
    background: #e4e4e4;
    border-bottom: 1px solid #bcbcbc;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }
  #mobile dt a {
    font-size: 15px;
    color: #1D3A63; }
  #mobile dt a.toggle {
    float: left;
    margin-top: 13px; }
  #mobile dt a.toggle:before {
    content: "";
    position: relative;
    top: 7px;
    display: inline-block;
    margin-right: 7px; }
  #mobile dt a.sign {
    float: right;
    margin: 20px 10px 0 0; }
  #mobile .guest dt a.toggle:before {
    width: 23px;
    height: 23px;
    background: url(../images/mobi_member.png);
    -moz-background-size: 23px 23px;
    -webkit-background-size: 23px 23px;
    -o-background-size: 23px 23px;
    background-size: 23px 23px; }
  #mobile .member dt a.toggle {
    margin-top: 16px; }
  #mobile .member dt a.toggle:before {
    width: 10px;
    height: 21px;
    background: url(../images/arrow_vertical.png) right top no-repeat;
    background-size: 20px auto; }
  #mobile dd a {
    position: relative;
    display: block;
    padding: 15px 0;
    font-size: 16px;
    color: #333; }
  #mobile dd a span {
    position: absolute;
    right: 20px;
    top: 19px;
    display: block;
    width: 40px;
    font-size: 13px;
    color: #990000;
    text-align: center;
    text-indent: 0; }
  #mobile dd li.active > a {
    padding-right: 50px; }
  #mobile dd li.active > a:after {
    content: "";
    position: absolute;
    right: 15px;
    top: 18px;
    display: block;
    width: 21px;
    height: 12px;
    background: url(../images/arrow_horizon.png) left bottom no-repeat; }
  #mobile dd .first-menu > li > a {
    text-indent: 15px; }
  #mobile dd .first-menu > li.active > a {
    background: #e4e4e4; }
  #mobile dd .first-menu > li.group {
    text-indent: 15px;
    background-color: #c9c9c9;
    padding: 6px 0;
    font-size: 13px; }
  #mobile dd .sub-menu {
    display: none; }
  #mobile dd .sub-menu > li > a {
    text-indent: 40px; }
  #mobile dd .sub-menu > li.active > a {
    background: #f2f2f2; }
  #mobile dd .sub-menu > li b {
    float: right;
    display: inline-block;
    margin-top: 2px;
    margin-right: 50px;
    padding: 0 6px;
    background: #B70000;
    border: 1px solid transparent;
    border-radius: 5px;
    font-size: 12px;
    color: #FFF;
    line-height: 18px;
    text-indent: 0px; }
  #mobile dd .sub-menu > li.active b {
    margin-right: 0px; }
  #mobile dd .sub-menu > li b.read {
    background: none;
    border-color: #666;
    color: #666; }
  #mobile dd .third-menu {
    display: none; }
  #mobile dd .third-menu {
    padding-left: 30px; }
  #mobile dd .third-menu > li > a {
    border-bottom: 1px solid #f2f2f2;
    text-indent: 30px; }
  #mobile .fb {
    width: 24px;
    height: 24px;
    margin-right: 10px;
    vertical-align: middle;
    padding-bottom: 2px; }
  /* footer */
  #footer {
    padding: 15px 0;
    background: #444;
    font-size: 15px;
    color: #FFF;
    text-align: center; }
  #footer .link {
    padding-bottom: 15px; }
  #footer a {
    display: inline-block;
    margin: 0 6px;
    color: #FFF; }
  /* footer-link */
  #footer-link {
    padding: 15px 0;
    background: #212121;
    overflow: hidden; }
  #footer-link a {
    float: left;
    display: block;
    width: 33.33%;
    font-size: 15px;
    color: #FFF;
    line-height: 35px;
    text-align: center; }
  #footer-link .location:after {
    content: "";
    display: inline-block;
    width: 15px;
    height: 8px;
    margin-left: 5px;
    background: url(../images/footer_location.png) left top no-repeat;
    vertical-align: middle; }
  #footer-link .location.active:after {
    background-position: left bottom; }
  #footer-link .fix:before,
  #footer-link .reservation:before {
    content: "";
    position: relative;
    display: inline-block;
    width: 23px;
    height: 24px;
    margin-right: 5px;
    background: url(../images/footer_icon2.png); }
  #footer-link .fix:before {
    top: 4px;
    background-position: left top; }
  #footer-link .reservation:before {
    top: 6px;
    background-position: right top; }
  /* global-toto */
  #global-toto {
    display: none;
    padding: 20px 50px;
    background: #212121; }
  #global-toto h2 {
    margin-bottom: 30px;
    font-size: 16px;
    color: #acacac; }
  #global-toto h2 a {
    color: #acacac; }
  #global-toto ul {
    margin-bottom: 30px; }
  #global-toto li {
    margin-bottom: 15px; }
  #global-toto li a {
    font-size: 16px;
    color: #FFF; }
  #global-toto .part {
    margin-bottom: 0;
    overflow: hidden; }
  #global-toto .part li {
    float: left;
    width: 50%; }
  /* footer */
  #footer {
    padding: 15px;
    background: #000; }
  #footer .link {
    font-size: 13px;
    color: #FFF;
    text-align: center; }
  #footer .link a {
    display: inline-block;
    color: #FFF; }
  #footer .copyright {
    max-width: 310px;
    margin: 0 auto;
    overflow: hidden;
    font-size: 15px;
    color: #CCC;
    text-align: right; }
  #footer .copyright:before {
    content: "";
    float: left;
    display: block;
    width: 109px;
    height: 25px;
    background: url(../images/logo_w.png);
    background-size: 100% auto; }
  .checkbox {
    background-color: #FFF;
    border: 1px solid #ccc;
    border-radius: 50px;
    overflow: hidden;
    text-align: center; }
  .checkbox input[type="radio"] {
    display: none; }
  .checkbox input[type="radio"] + label {
    width: 50%;
    padding: 10px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    cursor: pointer;
    margin-bottom: 0; }
  .checkbox input[type="radio"]:nth-child(1) + label {
    border-right: 1px solid #ccc; }
  .checkbox input[type="radio"]:checked + label {
    background-color: #22439c;
    color: #fff; } }

.m-auto {
  margin: 0 auto; }

.ml-0 {
  margin-left: 0px; }

.ml-10 {
  margin-left: 10px; }

.ml-15 {
  margin-left: 15px; }

.ml-20 {
  margin-left: 20px; }

.ml-30 {
  margin-left: 30px; }

.ml-40 {
  margin-left: 40px; }

.ml-48 {
  margin-left: 48px; }

.ml-50 {
  margin-left: 50px; }

.ml-60 {
  margin-left: 60px; }

.ml-70 {
  margin-left: 70px; }

.ml-80 {
  margin-left: 80px; }

.ml-90 {
  margin-left: 90px; }

.ml-100 {
  margin-left: 100px; }

/*------Margin right-------*/
.mr-0 {
  margin-right: 0px; }

.mr-10 {
  margin-right: 10px; }

.mr-15 {
  margin-right: 15px; }

.mr-20 {
  margin-right: 20px; }

.mr-30 {
  margin-right: 30px; }

.mr-40 {
  margin-right: 40px; }

.mr-50 {
  margin-right: 50px; }

.mr-60 {
  margin-right: 60px; }

.mr-70 {
  margin-right: 70px; }

.mr-80 {
  margin-right: 80px; }

.mr-90 {
  margin-right: 90px; }

.mr-100 {
  margin-right: 100px; }

/*------Margin Top-------*/
.mt-0 {
  margin-top: 0px; }

.mt-7 {
  margin-top: 7px; }

.mt-10 {
  margin-top: 10px; }

.mt-15 {
  margin-top: 15px; }

.mt-20 {
  margin-top: 20px; }

.mt-30 {
  margin-top: 30px; }

.mt-35 {
  margin-top: 35px; }

.mt-40 {
  margin-top: 40px; }

.mt-45 {
  margin-top: 45px; }

.mt-50 {
  margin-top: 50px; }

.mt-52 {
  margin-top: 52px; }

.mt-60 {
  margin-top: 60px; }

.mt-70 {
  margin-top: 70px; }

.mt-80 {
  margin-top: 80px; }

.mt-90 {
  margin-top: 90px; }

.mt-100 {
  margin-top: 100px; }

.mt-110 {
  margin-top: 110px; }

.mt-180 {
  margin-top: 180px; }

/*------Margin Bottom-------*/
.mb-0 {
  margin-bottom: 0px !important; }

.mb-5 {
  margin-bottom: 5px !important; }

.mb-7-5 {
  margin-bottom: 7.5px !important; }

.mb-10 {
  margin-bottom: 10px !important; }

.mb-15 {
  margin-bottom: 15px !important; }

.mb-20 {
  margin-bottom: 20px !important; }

.mb-25 {
  margin-bottom: 25px; }

.mb-30 {
  margin-bottom: 30px; }

.mb-35 {
  margin-bottom: 35px; }

.mb-40 {
  margin-bottom: 40px; }

.mb-50 {
  margin-bottom: 50px; }

.mb-58 {
  margin-bottom: 58px; }

.mb-60 {
  margin-bottom: 60px; }

.mb-70 {
  margin-bottom: 70px; }

.mb-80 {
  margin-bottom: 80px; }

.mb-83 {
  margin-bottom: 83px; }

.mb-85 {
  margin-bottom: 85px; }

.mb-90 {
  margin-bottom: 90px; }

.mb-100 {
  margin-bottom: 100px; }

.mtb-15 {
  margin-top: 15px;
  margin-bottom: 15px; }

/*------Padding all-------*/
.p-60 {
  padding: 60px; }

/*------Padding left-------*/
.pl-0 {
  padding-left: 0px; }

.pl-10 {
  padding-left: 10px; }

.pl-15 {
  padding-left: 15px; }

.pl-20 {
  padding-left: 20px; }

.pl-30 {
  padding-left: 30px; }

.pl-40 {
  padding-left: 40px; }

.pl-50 {
  padding-left: 50px; }

.pl-60 {
  padding-left: 60px; }

.pl-70 {
  padding-left: 70px; }

.pl-80 {
  padding-left: 80px; }

.pl-90 {
  padding-left: 90px; }

.pl-100 {
  padding-left: 100px; }

/*------Padding right-------*/
.pr-0 {
  padding-right: 0px; }

.pr-10 {
  padding-right: 10px; }

.pr-15 {
  padding-right: 15px; }

.pr-20 {
  padding-right: 20px; }

.pr-30 {
  padding-right: 30px; }

.pr-40 {
  padding-right: 40px; }

.pr-50 {
  padding-right: 50px; }

.pr-60 {
  padding-right: 60px; }

.pr-70 {
  padding-right: 70px; }

.pr-80 {
  padding-right: 80px; }

.pr-90 {
  padding-right: 90px; }

.pr-100 {
  padding-right: 100px; }

/*------Padding Left Right-------*/
.plr-0 {
  padding-left: 0px;
  padding-right: 0px; }

.plr-15 {
  padding-left: 15px;
  padding-right: 15px; }

.plr-25 {
  padding-left: 25px;
  padding-right: 25px; }

.plr-35 {
  padding-left: 35px;
  padding-right: 35px; }

.plr-40 {
  padding-left: 40px;
  padding-right: 40px; }

.plr-45 {
  padding-left: 45px;
  padding-right: 45px; }

.plr-50 {
  padding-left: 50px;
  padding-right: 50px; }

.plr-80 {
  padding-left: 80px;
  padding-right: 80px; }

.plr-100 {
  padding-left: 100px;
  padding-right: 100px; }

/*------Padding Top-------*/
.pt-0 {
  padding-top: 0px; }

.pt-10 {
  padding-top: 10px; }

.pt-15 {
  padding-top: 15px; }

.pt-20 {
  padding-top: 20px; }

.pt-25 {
  padding-top: 25px; }

.pt-30 {
  padding-top: 30px; }

.pt-40 {
  padding-top: 40px; }

.pt-45 {
  padding-top: 45px; }

.pt-50 {
  padding-top: 50px; }

.pt-60 {
  padding-top: 60px; }

.pt-70 {
  padding-top: 70px; }

.pt-75 {
  padding-top: 75px; }

.pt-80 {
  padding-top: 80px; }

.pt-90 {
  padding-top: 90px; }

.pt-94 {
  padding-top: 94px; }

.pt-95 {
  padding-top: 95px; }

.pt-100 {
  padding-top: 100px; }

.pt-110 {
  padding-top: 110px; }

.pt-140 {
  padding-top: 140px; }

/*------Padding-------*/
.p-50 {
  padding: 50px; }

.p-48 {
  padding: 48px; }

.p-40 {
  padding: 40px; }

.p-38 {
  padding: 38px; }

/*------Padding Bottom-------*/
.pb-0 {
  padding-bottom: 0px; }

.pb-10 {
  padding-bottom: 10px; }

.pb-15 {
  padding-bottom: 15px; }

.pb-20 {
  padding-bottom: 20px; }

.pb-25 {
  padding-bottom: 25px; }

.pb-30 {
  padding-bottom: 30px; }

.pb-40 {
  padding-bottom: 40px; }

.pb-45 {
  padding-bottom: 45px; }

.pb-50 {
  padding-bottom: 50px; }

.pb-55 {
  padding-bottom: 55px; }

.pb-58 {
  padding-bottom: 58px; }

.pb-60 {
  padding-bottom: 60px; }

.pb-65 {
  padding-bottom: 65px; }

.pb-70 {
  padding-bottom: 70px; }

.pb-75 {
  padding-bottom: 75px; }

.pb-80 {
  padding-bottom: 80px; }

.pb-90 {
  padding-bottom: 90px; }

.pb-95 {
  padding-bottom: 95px; }

.pb-100 {
  padding-bottom: 100px; }

.pb-110 {
  padding-bottom: 110px; }

.pb-120 {
  padding-bottom: 120px; }

.pb-130 {
  padding-bottom: 130px; }

.pb-140 {
  padding-bottom: 140px; }

/*------Padding  Top Bottom-------*/
.ptb-0 {
  padding-top: 0px;
  padding-bottom: 0px; }

.ptb-5 {
  padding-top: 5px;
  padding-bottom: 5px; }

.ptb-10 {
  padding-top: 10px;
  padding-bottom: 10px; }

.ptb-11 {
  padding-top: 11px;
  padding-bottom: 11px; }

.ptb-12 {
  padding-top: 12px;
  padding-bottom: 12px; }

.ptb-15 {
  padding-top: 15px;
  padding-bottom: 15px; }

.ptb-20 {
  padding-top: 20px;
  padding-bottom: 20px; }

.ptb-25 {
  padding-top: 25px;
  padding-bottom: 25px; }

.ptb-30 {
  padding-top: 30px;
  padding-bottom: 30px; }

.ptb-40 {
  padding-top: 40px;
  padding-bottom: 40px; }

.ptb-45 {
  padding-top: 45px;
  padding-bottom: 45px; }

.ptb-50 {
  padding-top: 50px;
  padding-bottom: 50px; }

.ptb-55 {
  padding-top: 55px;
  padding-bottom: 55px; }

.ptb-58 {
  padding-top: 58px;
  padding-bottom: 58px; }

.ptb-60 {
  padding-top: 60px;
  padding-bottom: 60px; }

.ptb-70 {
  padding-top: 70px;
  padding-bottom: 70px; }

.ptb-80 {
  padding-top: 80px;
  padding-bottom: 80px; }

.ptb-90 {
  padding-top: 90px;
  padding-bottom: 90px; }

.ptb-92 {
  padding-top: 92px;
  padding-bottom: 92px; }

.ptb-100 {
  padding-top: 100px;
  padding-bottom: 100px; }

.ptb-110 {
  padding-top: 110px;
  padding-bottom: 110px; }

.ptb-118 {
  padding-top: 118px;
  padding-bottom: 118px; }

.ptb-120 {
  padding-top: 120px;
  padding-bottom: 120px; }

.ptb-130 {
  padding-top: 130px;
  padding-bottom: 130px; }

.ptb-132 {
  padding-top: 132px;
  padding-bottom: 132px; }

.ptb-140 {
  padding-top: 140px;
  padding-bottom: 140px; }

.ptb-150 {
  padding-top: 150px;
  padding-bottom: 150px; }

.ptb-160 {
  padding-top: 160px;
  padding-bottom: 160px; }

.ptb-180 {
  padding-top: 180px;
  padding-bottom: 180px; }

.ptb-200 {
  padding-top: 200px;
  padding-bottom: 200px; }

.ptb-240 {
  padding-top: 240px;
  padding-bottom: 240px; }

@media (max-width: 1921px) {
  .plr-sm-0 {
    padding-left: 0;
    padding-right: 0; }
  .mb-sm-10 {
    margin-bottom: 10px; }
  .mb-sm-35 {
    margin-bottom: 35px; }
  .mb-sm-50 {
    margin-bottom: 50px; }
  .pt-sm-50 {
    padding-top: 50px; } }

@font-face {
  font-family: 'Glyphicons Halflings';
  src: url("../fonts/glyphicons-halflings-regular.eot");
  src: url("../fonts/glyphicons-halflings-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/glyphicons-halflings-regular.woff") format("woff"), url("../fonts/glyphicons-halflings-regular.ttf") format("truetype"), url("../fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular") format("svg"); }

.glyphicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Glyphicons Halflings';
  -webkit-font-smoothing: antialiased;
  font-style: normal;
  font-weight: normal;
  line-height: 1; }

.glyphicon-asterisk:before {
  content: "\2a"; }

.glyphicon-plus:before {
  content: "\2b"; }

.glyphicon-euro:before {
  content: "\20ac"; }

.glyphicon-minus:before {
  content: "\2212"; }

.glyphicon-cloud:before {
  content: "\2601"; }

.glyphicon-envelope:before {
  content: "\2709"; }

.glyphicon-pencil:before {
  content: "\270f"; }

.glyphicon-glass:before {
  content: "\e001"; }

.glyphicon-music:before {
  content: "\e002"; }

.glyphicon-search:before {
  content: "\e003"; }

.glyphicon-heart:before {
  content: "\e005"; }

.glyphicon-star:before {
  content: "\e006"; }

.glyphicon-star-empty:before {
  content: "\e007"; }

.glyphicon-user:before {
  content: "\e008"; }

.glyphicon-film:before {
  content: "\e009"; }

.glyphicon-th-large:before {
  content: "\e010"; }

.glyphicon-th:before {
  content: "\e011"; }

.glyphicon-th-list:before {
  content: "\e012"; }

.glyphicon-ok:before {
  content: "\e013"; }

.glyphicon-remove:before {
  content: "\e014"; }

.glyphicon-zoom-in:before {
  content: "\e015"; }

.glyphicon-zoom-out:before {
  content: "\e016"; }

.glyphicon-off:before {
  content: "\e017"; }

.glyphicon-signal:before {
  content: "\e018"; }

.glyphicon-cog:before {
  content: "\e019"; }

.glyphicon-trash:before {
  content: "\e020"; }

.glyphicon-home:before {
  content: "\e021"; }

.glyphicon-file:before {
  content: "\e022"; }

.glyphicon-time:before {
  content: "\e023"; }

.glyphicon-road:before {
  content: "\e024"; }

.glyphicon-download-alt:before {
  content: "\e025"; }

.glyphicon-download:before {
  content: "\e026"; }

.glyphicon-upload:before {
  content: "\e027"; }

.glyphicon-inbox:before {
  content: "\e028"; }

.glyphicon-play-circle:before {
  content: "\e029"; }

.glyphicon-repeat:before {
  content: "\e030"; }

.glyphicon-refresh:before {
  content: "\e031"; }

.glyphicon-list-alt:before {
  content: "\e032"; }

.glyphicon-flag:before {
  content: "\e034"; }

.glyphicon-headphones:before {
  content: "\e035"; }

.glyphicon-volume-off:before {
  content: "\e036"; }

.glyphicon-volume-down:before {
  content: "\e037"; }

.glyphicon-volume-up:before {
  content: "\e038"; }

.glyphicon-qrcode:before {
  content: "\e039"; }

.glyphicon-barcode:before {
  content: "\e040"; }

.glyphicon-tag:before {
  content: "\e041"; }

.glyphicon-tags:before {
  content: "\e042"; }

.glyphicon-book:before {
  content: "\e043"; }

.glyphicon-print:before {
  content: "\e045"; }

.glyphicon-font:before {
  content: "\e047"; }

.glyphicon-bold:before {
  content: "\e048"; }

.glyphicon-italic:before {
  content: "\e049"; }

.glyphicon-text-height:before {
  content: "\e050"; }

.glyphicon-text-width:before {
  content: "\e051"; }

.glyphicon-align-left:before {
  content: "\e052"; }

.glyphicon-align-center:before {
  content: "\e053"; }

.glyphicon-align-right:before {
  content: "\e054"; }

.glyphicon-align-justify:before {
  content: "\e055"; }

.glyphicon-list:before {
  content: "\e056"; }

.glyphicon-indent-left:before {
  content: "\e057"; }

.glyphicon-indent-right:before {
  content: "\e058"; }

.glyphicon-facetime-video:before {
  content: "\e059"; }

.glyphicon-picture:before {
  content: "\e060"; }

.glyphicon-map-marker:before {
  content: "\e062"; }

.glyphicon-adjust:before {
  content: "\e063"; }

.glyphicon-tint:before {
  content: "\e064"; }

.glyphicon-edit:before {
  content: "\e065"; }

.glyphicon-share:before {
  content: "\e066"; }

.glyphicon-check:before {
  content: "\e067"; }

.glyphicon-move:before {
  content: "\e068"; }

.glyphicon-step-backward:before {
  content: "\e069"; }

.glyphicon-fast-backward:before {
  content: "\e070"; }

.glyphicon-backward:before {
  content: "\e071"; }

.glyphicon-play:before {
  content: "\e072"; }

.glyphicon-pause:before {
  content: "\e073"; }

.glyphicon-stop:before {
  content: "\e074"; }

.glyphicon-forward:before {
  content: "\e075"; }

.glyphicon-fast-forward:before {
  content: "\e076"; }

.glyphicon-step-forward:before {
  content: "\e077"; }

.glyphicon-eject:before {
  content: "\e078"; }

.glyphicon-chevron-left:before {
  content: "\e079"; }

.glyphicon-chevron-right:before {
  content: "\e080"; }

.glyphicon-plus-sign:before {
  content: "\e081"; }

.glyphicon-minus-sign:before {
  content: "\e082"; }

.glyphicon-remove-sign:before {
  content: "\e083"; }

.glyphicon-ok-sign:before {
  content: "\e084"; }

.glyphicon-question-sign:before {
  content: "\e085"; }

.glyphicon-info-sign:before {
  content: "\e086"; }

.glyphicon-screenshot:before {
  content: "\e087"; }

.glyphicon-remove-circle:before {
  content: "\e088"; }

.glyphicon-ok-circle:before {
  content: "\e089"; }

.glyphicon-ban-circle:before {
  content: "\e090"; }

.glyphicon-arrow-left:before {
  content: "\e091"; }

.glyphicon-arrow-right:before {
  content: "\e092"; }

.glyphicon-arrow-up:before {
  content: "\e093"; }

.glyphicon-arrow-down:before {
  content: "\e094"; }

.glyphicon-share-alt:before {
  content: "\e095"; }

.glyphicon-resize-full:before {
  content: "\e096"; }

.glyphicon-resize-small:before {
  content: "\e097"; }

.glyphicon-exclamation-sign:before {
  content: "\e101"; }

.glyphicon-gift:before {
  content: "\e102"; }

.glyphicon-leaf:before {
  content: "\e103"; }

.glyphicon-eye-open:before {
  content: "\e105"; }

.glyphicon-eye-close:before {
  content: "\e106"; }

.glyphicon-warning-sign:before {
  content: "\e107"; }

.glyphicon-plane:before {
  content: "\e108"; }

.glyphicon-random:before {
  content: "\e110"; }

.glyphicon-comment:before {
  content: "\e111"; }

.glyphicon-magnet:before {
  content: "\e112"; }

.glyphicon-chevron-up:before {
  content: "\e113"; }

.glyphicon-chevron-down:before {
  content: "\e114"; }

.glyphicon-retweet:before {
  content: "\e115"; }

.glyphicon-shopping-cart:before {
  content: "\e116"; }

.glyphicon-folder-close:before {
  content: "\e117"; }

.glyphicon-folder-open:before {
  content: "\e118"; }

.glyphicon-resize-vertical:before {
  content: "\e119"; }

.glyphicon-resize-horizontal:before {
  content: "\e120"; }

.glyphicon-hdd:before {
  content: "\e121"; }

.glyphicon-bullhorn:before {
  content: "\e122"; }

.glyphicon-certificate:before {
  content: "\e124"; }

.glyphicon-thumbs-up:before {
  content: "\e125"; }

.glyphicon-thumbs-down:before {
  content: "\e126"; }

.glyphicon-hand-right:before {
  content: "\e127"; }

.glyphicon-hand-left:before {
  content: "\e128"; }

.glyphicon-hand-up:before {
  content: "\e129"; }

.glyphicon-hand-down:before {
  content: "\e130"; }

.glyphicon-circle-arrow-right:before {
  content: "\e131"; }

.glyphicon-circle-arrow-left:before {
  content: "\e132"; }

.glyphicon-circle-arrow-up:before {
  content: "\e133"; }

.glyphicon-circle-arrow-down:before {
  content: "\e134"; }

.glyphicon-globe:before {
  content: "\e135"; }

.glyphicon-tasks:before {
  content: "\e137"; }

.glyphicon-filter:before {
  content: "\e138"; }

.glyphicon-fullscreen:before {
  content: "\e140"; }

.glyphicon-dashboard:before {
  content: "\e141"; }

.glyphicon-heart-empty:before {
  content: "\e143"; }

.glyphicon-link:before {
  content: "\e144"; }

.glyphicon-phone:before {
  content: "\e145"; }

.glyphicon-usd:before {
  content: "\e148"; }

.glyphicon-gbp:before {
  content: "\e149"; }

.glyphicon-sort:before {
  content: "\e150"; }

.glyphicon-sort-by-alphabet:before {
  content: "\e151"; }

.glyphicon-sort-by-alphabet-alt:before {
  content: "\e152"; }

.glyphicon-sort-by-order:before {
  content: "\e153"; }

.glyphicon-sort-by-order-alt:before {
  content: "\e154"; }

.glyphicon-sort-by-attributes:before {
  content: "\e155"; }

.glyphicon-sort-by-attributes-alt:before {
  content: "\e156"; }

.glyphicon-unchecked:before {
  content: "\e157"; }

.glyphicon-expand:before {
  content: "\e158"; }

.glyphicon-collapse-down:before {
  content: "\e159"; }

.glyphicon-collapse-up:before {
  content: "\e160"; }

.glyphicon-log-in:before {
  content: "\e161"; }

.glyphicon-flash:before {
  content: "\e162"; }

.glyphicon-log-out:before {
  content: "\e163"; }

.glyphicon-new-window:before {
  content: "\e164"; }

.glyphicon-record:before {
  content: "\e165"; }

.glyphicon-save:before {
  content: "\e166"; }

.glyphicon-open:before {
  content: "\e167"; }

.glyphicon-saved:before {
  content: "\e168"; }

.glyphicon-import:before {
  content: "\e169"; }

.glyphicon-export:before {
  content: "\e170"; }

.glyphicon-send:before {
  content: "\e171"; }

.glyphicon-floppy-disk:before {
  content: "\e172"; }

.glyphicon-floppy-saved:before {
  content: "\e173"; }

.glyphicon-floppy-remove:before {
  content: "\e174"; }

.glyphicon-floppy-save:before {
  content: "\e175"; }

.glyphicon-floppy-open:before {
  content: "\e176"; }

.glyphicon-credit-card:before {
  content: "\e177"; }

.glyphicon-transfer:before {
  content: "\e178"; }

.glyphicon-cutlery:before {
  content: "\e179"; }

.glyphicon-header:before {
  content: "\e180"; }

.glyphicon-compressed:before {
  content: "\e181"; }

.glyphicon-earphone:before {
  content: "\e182"; }

.glyphicon-phone-alt:before {
  content: "\e183"; }

.glyphicon-tower:before {
  content: "\e184"; }

.glyphicon-stats:before {
  content: "\e185"; }

.glyphicon-sd-video:before {
  content: "\e186"; }

.glyphicon-hd-video:before {
  content: "\e187"; }

.glyphicon-subtitles:before {
  content: "\e188"; }

.glyphicon-sound-stereo:before {
  content: "\e189"; }

.glyphicon-sound-dolby:before {
  content: "\e190"; }

.glyphicon-sound-5-1:before {
  content: "\e191"; }

.glyphicon-sound-6-1:before {
  content: "\e192"; }

.glyphicon-sound-7-1:before {
  content: "\e193"; }

.glyphicon-copyright-mark:before {
  content: "\e194"; }

.glyphicon-registration-mark:before {
  content: "\e195"; }

.glyphicon-cloud-download:before {
  content: "\e197"; }

.glyphicon-cloud-upload:before {
  content: "\e198"; }

.glyphicon-tree-conifer:before {
  content: "\e199"; }

.glyphicon-tree-deciduous:before {
  content: "\e200"; }

.glyphicon-briefcase:before {
  content: "\1f4bc"; }

.glyphicon-calendar:before {
  content: "\1f4c5"; }

.glyphicon-pushpin:before {
  content: "\1f4cc"; }

.glyphicon-paperclip:before {
  content: "\1f4ce"; }

.glyphicon-camera:before {
  content: "\1f4f7"; }

.glyphicon-lock:before {
  content: "\1f512"; }

.glyphicon-bell:before {
  content: "\1f514"; }

.glyphicon-bookmark:before {
  content: "\1f516"; }

.glyphicon-fire:before {
  content: "\1f525"; }

.glyphicon-wrench:before {
  content: "\1f527"; }

.table-condensed thead > tr > th,
.table-condensed tbody > tr > th,
.table-condensed tfoot > tr > th,
.table-condensed thead > tr > td,
.table-condensed tbody > tr > td,
.table-condensed tfoot > tr > td {
  padding: 5px; }

body {
  font-size: 15px; }

svg {
  overflow: hidden;
  vertical-align: initial; }

.form-control {
  background: #FFF;
  border: none;
  padding: 10px 20px;
  border-radius: 0; }
  .form-control:focus {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none; }

a:hover {
  color: inherit;
  text-decoration: none; }

.w-24 {
  width: 24% !important;
  margin: 0 !important; }

.w-72 {
  width: 72px; }

.line-h-in {
  line-height: initial !important; }

.gray-bg {
  background: #f4f4f4; }

.gray-text {
  color: #898989; }

.red-text {
  color: #ff0000; }

.text12 {
  font-size: 12px; }

.text13 {
  font-size: 13px; }

.text14 {
  font-size: 12px; }

.text18 {
  font-size: 12px; }

.text-bold {
  font-weight: bold; }

.with-text .form-control {
  border-radius: 0rem; }

.product-item {
  text-align: center;
  background: #fff;
  margin-bottom: 30px;
  padding-bottom: 10px;
  border: 4px solid #eee;
  cursor: pointer;
  position: relative; }
  .product-item .product-img {
    padding-top: 100%;
    background-size: contain;
    background-position: center; }
  .product-item:before {
    position: absolute;
    content: '';
    background-color: #eee;
    background-image: url(../images/tick.png);
    background-position: center;
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    top: 0px;
    right: 0px; }
  .product-item.active {
    border: 4px solid #007cdf;
    position: relative; }
    .product-item.active:before {
      background-color: #007cdf; }

.input-group-addon {
  padding: 12px;
  font-size: 15px;
  font-weight: normal;
  line-height: 1;
  text-align: center;
  background-color: #eee;
  border: none;
  border-radius: 0px;
  white-space: nowrap;
  vertical-align: middle; }
  .input-group-addon:last-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-left: 0; }

.input-group-word {
  padding: 11px 12px;
  font-size: 15px; }

.form-check-inline {
  margin-right: 1.15rem; }

.apprefresh {
  top: 2px;
  position: relative;
  display: block;
  width: 18px;
  height: 21px;
  background: url(../images/refresh.png) no-repeat;
  text-indent: -9999px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s; }
  .apprefresh:hover {
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg); }

.pc-header,
.pc-footer {
  display: none; }

.header,
.mo-footer {
  display: block; }

.form-group {
  margin-bottom: 20px; }
  .form-group .col-form-label {
    min-height: 48px;
    padding: 0px 1rem;
    line-height: 48px; }
  .form-group .form-control {
    height: 46px; }

.reservation {
  padding-left: 0px;
  position: relative; }
  .reservation:first-child {
    padding-bottom: 35px;
    margin-bottom: 35px; }
    .reservation:first-child:before {
      content: '';
      display: block;
      position: absolute;
      width: 100%;
      height: 1px;
      background: #ddd;
      right: 0;
      bottom: 0; }
  .reservation h3 {
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: bold; }
  .reservation .reservation_btn a {
    width: 100%;
    height: 38px;
    line-height: 38px;
    display: block;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    text-align: center;
    font-size: 14px;
    margin-bottom: 15px; }
  .reservation .reservation_btn .btn_go {
    color: #fff;
    background: #3253a4;
    border: 1px solid #fff; }
    .reservation .reservation_btn .btn_go:hover {
      background: #fff;
      color: #3253a4;
      border-color: #3253a4; }
  .reservation .reservation_btn .btn_more {
    border: 1px solid #3253a4;
    color: #3253a4; }
    .reservation .reservation_btn .btn_more:hover {
      background: #3253a4;
      color: #fff;
      border-color: #fff; }
  .reservation .reservation_btn .btn_no:hover {
    color: #000; }

.step_breadcrumb {
  padding: 20px 0;
  background: #fff; }
  .step_breadcrumb ul {
    text-align: center;
    counter-reset: num; }
    .step_breadcrumb ul li {
      display: inline-block;
      position: relative;
      padding-right: 10vw;
      color: #aaaaaa;
      font-weight: bold;
      z-index: 2; }
      .step_breadcrumb ul li:first-child {
        padding-left: 9vw; }
      .step_breadcrumb ul li:before {
        counter-increment: num;
        content: counter(num);
        width: 24px;
        height: 24px;
        line-height: 24px;
        border-radius: 50%;
        color: #fff;
        background: #aaaaaa;
        display: inline-block;
        margin-right: 0px;
        z-index: 1; }
      .step_breadcrumb ul li:after {
        position: absolute;
        content: '';
        display: block;
        background-position: right;
        background-image: url(../images/step-arrow.png);
        width: 30px;
        height: 7px;
        top: 9px;
        right: 0;
        z-index: -1; }
      .step_breadcrumb ul li:last-child:before {
        display: none; }
      .step_breadcrumb ul li:last-child:after {
        display: none; }
      .step_breadcrumb ul li.active {
        color: #3d65b4; }
        .step_breadcrumb ul li.active:before {
          background: #3d65b4; }
        .step_breadcrumb ul li.active:after {
          background-image: url(../images/step-arrow-h.png); }

[class^=step_title] {
  position: relative;
  margin-bottom: 30px; }
  [class^=step_title] h3 {
    margin-bottom: 10px; }
  [class^=step_title].step_title_01 {
    padding-left: 0px; }
    [class^=step_title].step_title_01 h3 {
      padding-left: 60px;
      height: 60px;
      line-height: 60px;
      border: 2px solid #3d65b4;
      background: #fff;
      font-size: 18px;
      text-align: center; }
    [class^=step_title].step_title_01:before {
      position: absolute;
      display: block;
      content: '1';
      width: 60px;
      height: 60px;
      line-height: 60px;
      color: #fff;
      background: #3d65b4;
      left: 0px;
      text-align: center;
      font-size: 40px; }
  [class^=step_title].step_title_02 {
    padding-left: 0px; }
    [class^=step_title].step_title_02 h3 {
      padding-left: 60px;
      height: 60px;
      line-height: 60px;
      border: 2px solid #3d65b4;
      background: #fff;
      font-size: 18px;
      text-align: center; }
    [class^=step_title].step_title_02:before {
      position: absolute;
      display: block;
      content: '2';
      width: 60px;
      height: 60px;
      line-height: 60px;
      color: #fff;
      background: #3d65b4;
      left: 0px;
      text-align: center;
      font-size: 40px; }
  [class^=step_title].step_title_03 {
    padding-left: 0px; }
    [class^=step_title].step_title_03 h3 {
      padding-left: 60px;
      height: 60px;
      line-height: 60px;
      border: 2px solid #3d65b4;
      background: #fff;
      font-size: 18px;
      text-align: center; }
    [class^=step_title].step_title_03:before {
      position: absolute;
      display: block;
      content: '3';
      width: 60px;
      height: 60px;
      line-height: 60px;
      color: #fff;
      background: #3d65b4;
      left: 0px;
      text-align: center;
      font-size: 40px; }
  [class^=step_title].step_title_04 {
    padding-left: 0px; }
    [class^=step_title].step_title_04 h3 {
      padding-left: 60px;
      height: 60px;
      line-height: 60px;
      border: 2px solid #3d65b4;
      background: #fff;
      font-size: 18px;
      text-align: center; }
    [class^=step_title].step_title_04:before {
      position: absolute;
      display: block;
      content: '4';
      width: 60px;
      height: 60px;
      line-height: 60px;
      color: #fff;
      background: #3d65b4;
      left: 0px;
      text-align: center;
      font-size: 40px; }

.product-item {
  margin-bottom: 15px; }

.col-md-20.col-6:nth-child(odd) {
  padding-right: 7.5px; }

.col-md-20.col-6:nth-child(even) {
  padding-left: 7.5px; }

.custom-radio {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .custom-radio .nav-item {
    width: 33%;
    text-align: center; }
    .custom-radio .nav-item .nav-link {
      padding: 0; }
    .custom-radio .nav-item a {
      border-top: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      border-radius: 0px;
      color: #000;
      min-height: 43px;
      line-height: 43px; }
    .custom-radio .nav-item:first-child a {
      border: 1px solid #ccc;
      border-top-left-radius: 50px;
      border-bottom-left-radius: 50px;
      border-top-right-radius: 0;
      border-bottom-right-radius: 0; }
    .custom-radio .nav-item:last-child a {
      border: 1px solid #ccc;
      border-top-right-radius: 50px;
      border-bottom-right-radius: 50px;
      border-top-left-radius: 0;
      border-bottom-left-radius: 0; }
    .custom-radio .nav-item a.active {
      border-color: #22439c;
      background-color: #22439c; }

h2.mb-35,
h2.mb-15 {
  font-size: 18px;
  font-weight: bold; }

.toto-btn {
  width: 100%;
  height: 40px;
  line-height: 40px;
  background: #3253a4;
  display: block;
  text-align: center;
  color: #fff;
  margin-bottom: 15px; }
  .toto-btn:hover {
    color: #fff; }

.table .title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  background: #555555;
  color: #fff;
  text-align: center; }
  .table .title .pc-title {
    display: none; }
    .table .title .pc-title-time {
      display: none; }
    .table .title .pc-title-name {
      display: none; }
  .table .title .mo-title-1 {
    padding: 19px 25px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1; }
  .table .title .mo-title-2 {
    padding: 19px 25px;
    -webkit-box-flex: 2;
    -ms-flex: 2;
    flex: 2; }

.table .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  border-bottom: 1px solid #555;
  text-align: center; }
  .table .inner .mo-body-title {
    padding: 19px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33%;
    flex: 0 0 33%; }
  .table .inner .content {
    padding: 19px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 67%;
    flex: 0 0 67%; }
    .table .inner .content-time {
      padding: 19px;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 67%;
      flex: 0 0 67%; }
    .table .inner .content-name {
      padding: 19px;
      -webkit-box-flex: 0;
      -ms-flex: 0 0 67%;
      flex: 0 0 67%; }

.table .pc-table-btn {
  display: none; }

.table .table-btn {
  width: 80%;
  margin: 0 auto;
  text-align: center;
  display: block;
  padding: 10px 0;
  background: #777;
  margin-bottom: 20px; }
  .table .table-btn a {
    color: #fff; }

#cancel-toto {
  font-family: arial, "微軟正黑體";
  position: fixed;
  display: none;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 12; }
  #cancel-toto:before {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(33, 33, 33, 0.9); }
  #cancel-toto .cancel-item {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80vw;
    height: 50vw;
    background: #fff;
    padding: 10vw 0;
    text-align: center; }
    #cancel-toto .cancel-item .close {
      display: block;
      opacity: 1;
      font-size: 18px;
      font-weight: 100;
      text-shadow: none;
      float: inherit;
      width: 60%;
      margin: 0 auto; }

.gray-bg .col-md-2, .gray-bg .col-sm-3, .gray-bg .col-md-3, .gray-bg .col-md-5, .gray-bg .col-md-6, .gray-bg .col-lg-6, .gray-bg .col-md-8, .gray-bg .col-md-9, .gray-bg .col-sm-9 {
  -ms-flex: 0 0 100% !important;
  -webkit-box-flex: 0 !important;
  flex: 0 0 100% !important;
  max-width: 100% !important; }

.gray-bg .col-2.col-sm-3, .gray-bg .col-2.col-md-3 {
  -ms-flex: 0 0 16.666667% !important;
  -webkit-box-flex: 0 !important;
  flex: 0 0 16.666667% !important;
  max-width: 16.666667% !important; }

.gray-bg .col-3.col-sm-3, .gray-bg .col-3.col-md-3 {
  -ms-flex: 0 0 25% !important;
  -webkit-box-flex: 0 !important;
  flex: 0 0 25% !important;
  max-width: 25% !important; }

.gray-bg .col-7.col-sm-6, .gray-bg .col-7.col-md-6 {
  -ms-flex: 0 0 58.333333% !important;
  -webkit-box-flex: 0 !important;
  flex: 0 0 58.333333% !important;
  max-width: 58.333333% !important; }

.gray-bg .col-md-3.col-4 {
  -ms-flex: 0 0 33.333333% !important;
  -webkit-box-flex: 0 !important;
  flex: 0 0 33.333333% !important;
  max-width: 33.333333% !important; }

.gray-bg .col-md-8, .gray-bg .col-8 {
  -ms-flex: 0 0 66.666667% !important;
  -webkit-box-flex: 0 !important;
  flex: 0 0 66.666667% !important;
  max-width: 66.666667% !important; }

.gray-bg .offset-4 {
  margin-left: 33.333333% !important; }

.gray-bg #hidden_div, .gray-bg #hidden_div2, .gray-bg #hidden_div3, .gray-bg #div, .gray-bg #div2, .gray-bg #div3 {
  -ms-flex: 0 0 100%;
  -webkit-box-flex: 0;
  flex: 0 0 100%;
  max-width: 100%; }
  .gray-bg #hidden_div .col-sm-6, .gray-bg #hidden_div2 .col-sm-6, .gray-bg #hidden_div3 .col-sm-6, .gray-bg #div .col-sm-6, .gray-bg #div2 .col-sm-6, .gray-bg #div3 .col-sm-6 {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%; }

.gray-bg .offset-md-3, .gray-bg .offset-md-1 {
  margin-left: 0%; }

.gray-bg .d-none.d-sm-block {
  display: none !important; }

.gray-bg .d-block.d-sm-none {
  display: block !important; }

.gray-bg .col-md-4 {
  -ms-flex: 0 0 50%;
  -webkit-box-flex: 0;
  flex: 0 0 50%;
  max-width: 50%; }

.gray-bg .d-md-inline-block {
  display: none !important; }

.gray-bg .container {
  max-width: 100% !important; }