@charset "UTF-8";
/*-------------------------

       L A Y O U T

-------------------------*/
/*body*/
/* line 18, ../sass/ticket.scss */
html {
  padding: 0;
  margin: 0;
  height: 100%;
  width: 100%;
}

/* line 25, ../sass/ticket.scss */
body {
  margin: 0px;
  height: 100%;
  width: 100%;
  font-family: "微軟正黑體", Arial, Helvetica, serif;
  font-size: 15px;
  min-width: 320px;
  background: url("../img/bg.jpg") no-repeat center top #1cb6dd;
}

/* line 34, ../sass/ticket.scss */
#Document {
  overflow: hidden;
}

/* line 39, ../sass/ticket.scss */
.clearfix {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* line 46, ../sass/ticket.scss */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 50, ../sass/ticket.scss */
.left {
  float: left;
}

/* line 54, ../sass/ticket.scss */
.right {
  float: right;
}

/* line 58, ../sass/ticket.scss */
a {
  text-decoration: none;
}

/* line 60, ../sass/ticket.scss */
.main {
  width: 900px;
  margin: 0 auto;
}

/* line 65, ../sass/ticket.scss */
.t_18 {
  position: absolute;
  right: 10px;
  top: 10px;
  color: #000;
  font-size: 24px;
}

/* line 69, ../sass/ticket.scss */
.boder {
  -webkit-box-shadow: 1px 3px 3px 0px #1aa1bb;
  -moz-box-shadow: 1px 3px 3px 0px #1aa1bb;
  box-shadow: 1px 3px 3px 0px #1aa1bb;
  margin-top: 50px;
  position: relative;
  background: #374657;
}

/* line 73, ../sass/ticket.scss */
.ticket_list01 {
  height: 400px;
  width: 48%;
  float: left;
}
/* line 77, ../sass/ticket.scss */
.ticket_list01 .t_pic {
  border: 5px solid #eeeff3;
  height: auto;
  width: auto;
  max-height: 400px;
  overflow: hidden;
  margin: 0 auto;
  min-height: 400px;
  background: #fff;
}
/* line 84, ../sass/ticket.scss */
.ticket_list01 .t_pic img {
  width: 100%;
}
/* line 86, ../sass/ticket.scss */
.ticket_list01 .t_txt01 {
  width: 270px;
  margin-top: 20px;
  color: #69330f;
  font-weight: bold;
}
/* line 89, ../sass/ticket.scss */
.ticket_list01 .t_txt01 h1 {
  font-size: 28px;
  line-height: 24px;
  margin-bottom: 10px;
}
/* line 90, ../sass/ticket.scss */
.ticket_list01 .t_txt01 h2 {
  font-size: 18px;
  line-height: 24px;
}
/* line 91, ../sass/ticket.scss */
.ticket_list01 .t_txt01 .t_wh {
  color: #fff;
}

/* line 94, ../sass/ticket.scss */
.ticket_list02 {
  width: 52%;
  float: left;
  color: #777;
  max-height: 400px;
  background: url("../img/t_bg.jpg") top left repeat;
  overflow: hidden;
}
/* line 100, ../sass/ticket.scss */
.ticket_list02 section {
  padding: 20px 35px 0px 35px;
  min-height: 200px;
}
/* line 102, ../sass/ticket.scss */
.ticket_list02 .ticket_tit {
  text-align: center;
}
/* line 103, ../sass/ticket.scss */
.ticket_list02 .ticket_tit img {
  width: 100%;
  max-width: 281px;
}
/* line 106, ../sass/ticket.scss */
.ticket_list02 .ticket_tit2 {
  margin-bottom: 32px;
}
/* line 109, ../sass/ticket.scss */
.ticket_list02 .number {
  background: url("../img/number_line.png") top center no-repeat;
  text-align: center;
  color: #fff;
  font-size: 20px;
  margin: 15px 0;
  font-weight: bold;
  height: 32px;
  line-height: 32px;
}
/* line 120, ../sass/ticket.scss */
.ticket_list02 .t_txt02 {
  font-size: 20px;
  line-height: 24px;
  max-height: 96px;
  min-height: 96px;
  margin-bottom: 10px;
  font-weight: bold;
  color: #777;
  overflow: hidden;
}
/* line 130, ../sass/ticket.scss */
.ticket_list02 ul.t_item {
  list-style: disc;
  background: #374657;
  padding: 15px 25px 15px 45px;
}
/* line 137, ../sass/ticket.scss */
.ticket_list02 ul.t_item .t16 {
  color: #fff;
  margin-bottom: 5px;
  margin-left: -20px;
}
/* line 140, ../sass/ticket.scss */
.ticket_list02 ul.t_item li {
  color: #fff;
  font-size: 12px;
  line-height: 18px;
}
/* line 143, ../sass/ticket.scss */
.ticket_list02 ul.t_item .gray {
  color: #575757;
}

/* line 146, ../sass/ticket.scss */
.ticket_list03 {
  width: 100%;
  padding-top: 20px;
  position: relative;
  z-index: 10;
}
/* line 149, ../sass/ticket.scss */
.ticket_list03 a {
  width: 33.3333333333%;
  float: left;
  display: block;
  text-align: center;
  border-right: 1px solid #1696c6;
}
/* line 152, ../sass/ticket.scss */
.ticket_list03 a:nth-child(1) {
  display: block;
  background: url("../img/icon_down.png") top center no-repeat;
  height: 57px;
}

/* line 162, ../sass/ticket.scss */
.ticket_list03 a:nth-child(3) {
  height: 53px;
  display: block;
  border-right: none;
  background: url("../img/icon_email.png") top center no-repeat;
}
/* line 169, ../sass/ticket.scss */
.ticket_list03 a:nth-child(4) {
  border-right: none;
  display: none;
}
/* line 178, ../sass/ticket.scss */
.ticket_list03 .show .input {
  width: 100%;
  float: left;
  border-right: none;
  height: 50px;
  line-height: 50px;
  margin: 20px 0;
}
/* line 182, ../sass/ticket.scss */
.ticket_list03 .show .input .txt {
  font-size: 22px;
  color: #0c5e98;
  width: 25%;
  float: left;
}
/* line 183, ../sass/ticket.scss */
.ticket_list03 .show .input input[type="text"] {
  width: 60%;
  float: left;
  height: 50px;
  font-size: 20px;
  font-family: "微軟正黑體";
  color: #4e4e4e;
  padding: 10px;
  background: #c7f6ff;
  border: 1px solid #0c5e98;
  border-radius: 5px;
  margin-right: 10px;
}
/* line 191, ../sass/ticket.scss */
.ticket_list03 .show .input a.t_send {
  width: 8.3333333333%;
  float: left;
  border-right: none;
  background-image: none;
  height: 50px;
  background-color: #0c5e98;
  border-radius: 10px;
  font-size: 25px;
  color: #fff;
  line-height: 50px;
  text-align: center;
  display: block;
}

/* line 205, ../sass/ticket.scss */
.ticket_pic {
  border: 5px solid #eeeff3;
  height: auto;
  width: 100%;
  min-height: 100px;
  background: #fff;
  text-align: center;
}
/* line 210, ../sass/ticket.scss */
.ticket_pic img {
  width: 100%;
  height: 100%;
}

@media (max-width: 1280px) and (min-width: 800px) {
  /* line 218, ../sass/ticket.scss */
  .ticket_list03 a {
    width: 50%;
    float: left;
    display: block;
    text-align: center;
    border-right: 1px solid #1696c6;
  }
  /* line 221, ../sass/ticket.scss */
  .ticket_list03 a:nth-child(1) {
    display: none;
  }
  /* line 224, ../sass/ticket.scss */
  .ticket_list03 a:nth-child(2) {
    display: none;
  }
  /* line 229, ../sass/ticket.scss */
  .ticket_list03 a:nth-child(3) {
    height: 53px;
    display: block;
    border-right: 1px solid #1696c6;
    background: url("../img/icon_email.png") top center no-repeat;
  }
  /* line 236, ../sass/ticket.scss */
  .ticket_list03 a:nth-child(4) {
    border-right: none;
    display: block;
    height: 63px;
    background: url("../img/icon_line.png") top center no-repeat;
  }
  /* line 247, ../sass/ticket.scss */
  .ticket_list03 .show .input {
    width: 100%;
    float: left;
    border-right: none;
    height: 50px;
    line-height: 50px;
    margin: 20px 0;
  }
  /* line 251, ../sass/ticket.scss */
  .ticket_list03 .show .input .txt {
    font-size: 22px;
    color: #0c5e98;
    width: 25%;
    float: left;
  }
  /* line 252, ../sass/ticket.scss */
  .ticket_list03 .show .input input[type="text"] {
    width: 60%;
    float: left;
    height: 50px;
    font-size: 20px;
    font-family: "微軟正黑體";
    color: #4e4e4e;
    padding: 10px;
    background: #c7f6ff;
    border: 1px solid #0c5e98;
    border-radius: 5px;
    margin-right: 10px;
  }
  /* line 260, ../sass/ticket.scss */
  .ticket_list03 .show .input a.t_send {
    width: 8.3333333333%;
    float: left;
    border-right: none;
    background-image: none;
    height: 50px;
    background-color: #0c5e98;
    border-radius: 10px;
    font-size: 25px;
    color: #fff;
    line-height: 50px;
    text-align: center;
    display: block;
  }
}
@media only screen and (min-width: 768px) and (max-width: 980px) {
  /* line 278, ../sass/ticket.scss */
  .main {
    width: 450px;
    margin: 0 auto;
  }

  /* line 283, ../sass/ticket.scss */
  .boder {
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }

  /* line 286, ../sass/ticket.scss */
  .ticket_list01 {
    width: 100%;
    float: left;
  }
  /* line 289, ../sass/ticket.scss */
  .ticket_list01 .t_pic {
    width: 100%;
    height: auto;
  }

  /* line 291, ../sass/ticket.scss */
  .ticket_list02 {
    width: 100%;
    float: left;
  }
  /* line 293, ../sass/ticket.scss */
  .ticket_list02 section {
    padding: 15px;
  }
  /* line 294, ../sass/ticket.scss */
  .ticket_list02 img {
    width: 100%;
  }
  /* line 297, ../sass/ticket.scss */
  .ticket_list02 ul.t_item li {
    font-size: 16px;
    line-height: 18px;
  }

  /* line 303, ../sass/ticket.scss */
  .ticket_list03 {
    background: #374657;
    height: 147px;
  }
  /* line 308, ../sass/ticket.scss */
  .ticket_list03 a {
    width: 50%;
    float: left;
  }
  /* line 309, ../sass/ticket.scss */
  .ticket_list03 a:nth-child(1) {
    display: none;
  }
  /* line 312, ../sass/ticket.scss */
  .ticket_list03 a:nth-child(2) {
    display: none;
  }
  /* line 316, ../sass/ticket.scss */
  .ticket_list03 a:nth-child(3) {
    display: block;
    border-right: none;
    height: 147px;
    background: url("../img/icon_email_mo.png") bottom center no-repeat;
  }
  /* line 323, ../sass/ticket.scss */
  .ticket_list03 a:nth-child(4) {
    display: block;
    height: 147px;
    background: url("../img/icon_linel_mo.png") bottom center no-repeat;
  }
  /* line 332, ../sass/ticket.scss */
  .ticket_list03 .show .input {
    width: 100%;
    float: left;
    border-right: none;
    height: auto;
    line-height: 50px;
    margin: 20px 0;
  }
  /* line 336, ../sass/ticket.scss */
  .ticket_list03 .show .input .txt {
    font-size: 22px;
    color: #0c5e98;
    width: 100%;
    float: left;
  }
  /* line 337, ../sass/ticket.scss */
  .ticket_list03 .show .input input[type="text"] {
    width: 80%;
    float: left;
    height: 50px;
  }
  /* line 340, ../sass/ticket.scss */
  .ticket_list03 .show .input a.t_send {
    width: 16.6666666667%;
    float: left;
  }
}
@media only screen and (max-width: 767px) {
  /* line 355, ../sass/ticket.scss */
  body {
    background: none #fff !important;
  }

  /* line 359, ../sass/ticket.scss */
  .main {
    width: 100%;
    margin: 0 auto;
  }

  /* line 362, ../sass/ticket.scss */
  .boder {
    border: none;
    margin-top: 0px;
  }

  /* line 363, ../sass/ticket.scss */
  .ticket_list01 {
    background: #374657;
    padding: 0px;
    width: 100%;
    float: left;
  }
  /* line 369, ../sass/ticket.scss */
  .ticket_list01 .t_pic {
    width: 100%;
    height: auto;
    min-height: 346px;
  }
  /* line 372, ../sass/ticket.scss */
  .ticket_list01 .t_txt01 {
    width: auto;
  }

  /* line 374, ../sass/ticket.scss */
  .ticket_list02 {
    width: 100%;
    float: left;
    line-height: 30px;
  }
  /* line 376, ../sass/ticket.scss */
  .ticket_list02 img {
    width: 100%;
  }
  /* line 377, ../sass/ticket.scss */
  .ticket_list02 section {
    padding: 10px;
  }
  /* line 382, ../sass/ticket.scss */
  .ticket_list02 ul.t_item li {
    font-size: 15px;
    line-height: 18px;
  }

  /* line 389, ../sass/ticket.scss */
  .top {
    padding-top: 0px;
    margin-top: -25px;
  }

  /* line 392, ../sass/ticket.scss */
  .ticket_list03 {
    background: #374657;
    height: 60px;
  }
  /* line 395, ../sass/ticket.scss */
  .ticket_list03 a {
    width: 50%;
    float: left;
  }
  /* line 396, ../sass/ticket.scss */
  .ticket_list03 a:nth-child(1) {
    display: none;
  }
  /* line 399, ../sass/ticket.scss */
  .ticket_list03 a:nth-child(2) {
    display: none;
  }
  /* line 404, ../sass/ticket.scss */
  .ticket_list03 a:nth-child(3) {
    display: block;
    border-right: none;
    height: 147px;
    background: url("../img/icon_email_mo.png") top center no-repeat;
    background-size: cover;
  }
  /* line 412, ../sass/ticket.scss */
  .ticket_list03 a:nth-child(4) {
    display: block;
    height: 147px;
    background: url("../img/icon_linel_mo.png") top center no-repeat;
    background-size: cover;
  }
  /* line 419, ../sass/ticket.scss */
  .ticket_list03 .show {
    padding: 10px;
    background: #fff;
  }
  /* line 421, ../sass/ticket.scss */
  .ticket_list03 .show .input {
    width: 100%;
    float: left;
    border-right: none;
    height: auto;
    line-height: 50px;
    margin: 20px 0;
  }
  /* line 425, ../sass/ticket.scss */
  .ticket_list03 .show .input .txt {
    font-size: 22px;
    color: #0c5e98;
    width: 100%;
    float: left;
  }
  /* line 426, ../sass/ticket.scss */
  .ticket_list03 .show .input input[type="text"] {
    width: 75%;
    float: left;
    height: 50px;
  }
  /* line 429, ../sass/ticket.scss */
  .ticket_list03 .show .input a.t_send {
    width: 18.3333333333%;
    float: left;
  }
}
@media only screen and (max-width: 640px) {
  /* line 443, ../sass/ticket.scss */
  .main {
    width: 100%;
    margin: 0 auto;
  }

  /* line 448, ../sass/ticket.scss */
  .ticket_list01 {
    padding: 0px;
    width: 100%;
    float: left;
  }
  /* line 452, ../sass/ticket.scss */
  .ticket_list01 .t_pic {
    width: 100%;
    height: auto;
  }
  /* line 455, ../sass/ticket.scss */
  .ticket_list01 .t_txt01 {
    width: auto;
  }

  /* line 457, ../sass/ticket.scss */
  .ticket_list02 {
    width: 100%;
    float: left;
  }
  /* line 459, ../sass/ticket.scss */
  .ticket_list02 img {
    width: 100%;
  }
  /* line 460, ../sass/ticket.scss */
  .ticket_list02 section {
    padding: 10px;
  }
  /* line 463, ../sass/ticket.scss */
  .ticket_list02 ul.t_item li {
    font-size: 15px;
    line-height: 18px;
  }
}
@media only screen and (max-width: 480px) {
  /* line 474, ../sass/ticket.scss */
  body {
    background: #fff !important;
  }

  /* line 475, ../sass/ticket.scss */
  .main {
    width: 100%;
    margin: 0 auto;
  }

  /* line 480, ../sass/ticket.scss */
  .ticket_list01 {
    height: auto;
    width: 100%;
    float: left;
  }
  /* line 485, ../sass/ticket.scss */
  .ticket_list01 .t_pic {
    width: 100%;
    height: auto;
    min-height: 346px;
  }
  /* line 488, ../sass/ticket.scss */
  .ticket_list01 .t_txt01 {
    width: auto;
  }

  /* line 490, ../sass/ticket.scss */
  .ticket_list02 {
    width: 100%;
    float: left;
    max-height: 100%;
  }
  /* line 493, ../sass/ticket.scss */
  .ticket_list02 img {
    width: 100%;
  }
  /* line 494, ../sass/ticket.scss */
  .ticket_list02 section {
    padding: 10px;
  }
  /* line 497, ../sass/ticket.scss */
  .ticket_list02 ul.t_item li {
    font-size: 15px;
    line-height: 24px;
  }

  /* line 505, ../sass/ticket.scss */
  .ticket_list03 a {
    width: 50%;
    float: left;
  }
  /* line 506, ../sass/ticket.scss */
  .ticket_list03 a:nth-child(1) {
    display: none;
  }
  /* line 509, ../sass/ticket.scss */
  .ticket_list03 a:nth-child(2) {
    display: none;
  }
  /* line 514, ../sass/ticket.scss */
  .ticket_list03 a:nth-child(3) {
    display: block;
    border-right: none;
    height: 100px;
    background: url("../img/icon_email_mo.png") bottom center no-repeat;
    background-size: cover;
  }
  /* line 522, ../sass/ticket.scss */
  .ticket_list03 a:nth-child(4) {
    display: block;
    height: 100px;
    background: url("../img/icon_linel_mo.png") bottom center no-repeat;
    background-size: cover;
  }
  /* line 529, ../sass/ticket.scss */
  .ticket_list03 .show {
    padding: 10px;
  }
  /* line 531, ../sass/ticket.scss */
  .ticket_list03 .show .input {
    width: 100%;
    float: left;
    border-right: none;
    height: auto;
    line-height: 50px;
    margin: 20px 0;
  }
  /* line 535, ../sass/ticket.scss */
  .ticket_list03 .show .input .txt {
    font-size: 22px;
    color: #0c5e98;
    width: 100%;
    float: left;
  }
  /* line 536, ../sass/ticket.scss */
  .ticket_list03 .show .input input[type="text"] {
    width: 75%;
    float: left;
    height: 50px;
  }
  /* line 539, ../sass/ticket.scss */
  .ticket_list03 .show .input a.t_send {
    width: 18.3333333333%;
    float: left;
    font-size: 18px;
  }
}
@media print {
  /* line 557, ../sass/ticket.scss */
  html, body {
    padding: 0;
    margin: 0;
    height: 100%;
    width: 100%;
  }

  /* line 563, ../sass/ticket.scss */
  .ticket_list03 {
    display: none;
    min-height: 100%;
  }

  /* line 567, ../sass/ticket.scss */
  .main {
    width: 100%;
    max-width: 900px;
  }

  /* line 572, ../sass/ticket.scss */
  .boder {
    margin: 0px;
  }

  /* line 577, ../sass/ticket.scss */
  .ticket_list01 .t_pic img {
    width: 128%;
    height: 100%;
  }
}