@charset "UTF-8";
@import url(_normalize.css);
@import url(_bootstrap-grid.css);
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  word-wrap: break-word;
  word-break: normal;
  outline: none;
  -webkit-overflow-scrolling: touch; }

html, body {
  width: 100%;
  height: 100%;
  margin: 0px;
  font-family: 'Microsoft JhengHei', '微軟正黑體', 'PingFang TC', 'WenQuanYi Micro Hei', Helvetica, Arial, sans-serif;
  font-size: 15px;
  left: 0px;
  top: 0px;
  color: #666666; }

body.lb-open {
  overflow: hidden; }

@media (max-width: 767px) {
  body.hasTicketBtn .yd_site {
    padding-bottom: 40px; } }

select,
input,
textarea {
  font-size: 16px; }

select,
input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }
  select::-ms-expand,
  input::-ms-expand {
    display: none; }

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"] {
  color: #666; }
  input[type="text"]::-webkit-input-placeholder,
  input[type="password"]::-webkit-input-placeholder,
  input[type="email"]::-webkit-input-placeholder,
  input[type="tel"]::-webkit-input-placeholder {
    opacity: .5; }
  input[type="text"]:-ms-input-placeholder,
  input[type="password"]:-ms-input-placeholder,
  input[type="email"]:-ms-input-placeholder,
  input[type="tel"]:-ms-input-placeholder {
    opacity: .5; }
  input[type="text"]::-ms-input-placeholder,
  input[type="password"]::-ms-input-placeholder,
  input[type="email"]::-ms-input-placeholder,
  input[type="tel"]::-ms-input-placeholder {
    opacity: .5; }
  input[type="text"]::placeholder,
  input[type="password"]::placeholder,
  input[type="email"]::placeholder,
  input[type="tel"]::placeholder {
    opacity: .5; }

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-size: inherit;
  font-weight: inherit; }

b,
strong {
  vertical-align: baseline; }

a {
  color: inherit;
  cursor: pointer;
  text-decoration: none; }
  a:focus {
    outline: none; }
  a:hover {
    text-decoration: none; }

p {
  margin: 0; }

img {
  max-width: 100%;
  vertical-align: middle; }

ul {
  padding: 0;
  margin: 0; }
  ul li {
    list-style: none; }

button {
  padding: 0;
  color: #666666;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: none;
  border: none;
  cursor: pointer; }

/* --20180914價格刪除線-- */
.text_dec {
  text-decoration: line-through;}



/*--18禁 20181001 udn--*/
.blackOut {
    display: block;
    position: fixed;
    cursor: pointer;
    top: 0px;
    left: 0px;
    z-index: 10000;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
    text-align: center;
}

.popup_box2 {
    position:relative;
    z-index: 10001;
    width: 1000px;
    height: 563px;		
}

.popup_box2 .false { width:246px; height:142px; overflow:hidden; position:absolute; top:40px; right:260px; z-index:10005; }
.popup_box2 .false a div { width:246px; height:142px; margin-top:-142px; display:none; }
.popup_box2 .false a:hover div { display:block; }


.popup_box2 .true { width:246px; height:142px; overflow:hidden; position:absolute; top:40px; right:40px; z-index:10005; }
.popup_box2 .true a div { width:246px; height:142px; margin-top:-142px; display:none; }
.popup_box2 .true a:hover div { display:block; }


@media (max-width: 1024px) {
	
    .popup_box2 {
        width: 80vw;
        height: auto;
				position: relative;
				z-index: 10001;
    }
				
		.popup_box2 .false { width:120px; height:50px; overflow:hidden; position:absolute; top:90%; left:50%; z-index:10005; margin-left:-130px; }
		.popup_box2 .false a div { display:none; }
		.popup_box2 .false a:hover div { display:none; }


		.popup_box2 .true { width:120px; height:50px; overflow:hidden; position:absolute; top:90%; right:50%; z-index:10005; margin-right:-130px; }
		.popup_box2 .true a div { display:none; }
		.popup_box2 .true a:hover div { display:none; }
	
}
/*--18禁 20181001 udn  END--*/


/*--------------------20191107 客服留言回覆 udn------------------------*/
.cus_qa_left_frame{border: solid 1px #666666;position: relative;width: 90%;margin-bottom: 20px;}
.cus_qa_left_frame h5 {display:block; padding: 16px 10px; line-height:16px;overflow: hidden;background-color: #e6e5e5;}
.ask_title {float: left;}
.ask_time {float: left;padding-left: 10px;}
.service_num{float: right;}
.arrow_left {width: 0;height: 0;border-style: solid;border-width: 10px 7.5px 0 7.5px;border-color: #666666 transparent transparent transparent;position: absolute;bottom: -10px;left: 10px;}
.content {padding: 16px 10px;}
.content_history {background-color: #EEE; color: #9B9B9B;}
.info_box {margin-top: 16px;display: block;overflow: hidden;}
.info_box li {float: left;padding-right: 25px;}
.cus_qa_right_frame {border: solid 1px #f39800;position: relative;width: 90%;float: right;margin-bottom: 20px;}
.cus_qa_right_frame_history {border: solid 1px #666666;position: relative;width: 90%;float: right;margin-bottom: 20px;}
.cus_qa_right_frame_history h5 {display:block; padding: 16px 10px; line-height:16px;overflow: hidden;background-color: #e6e5e5;color: #666666;}
.cus_qa_right_frame h5 {display:block; padding: 16px 10px; line-height:16px;overflow: hidden;background-color: #f39800;color: #fff;}
.arrow_right {width: 0;height: 0;border-style: solid;border-width: 10px 7.5px 0 7.5px;border-color: #f39800 transparent transparent transparent;position: absolute;bottom: -10px;right: 10px;}
.arrow_right_history {width: 0;height: 0;border-style: solid;border-width: 10px 7.5px 0 7.5px;border-color: #666666 transparent transparent transparent;position: absolute;bottom: -10px;right: 10px;}
.cus_qa_history {text-align: center;font-size: 18px;line-height: 22px;margin: 24px 0 12px ;border-bottom: 1px dashed #e7e7e7;padding: 20px;*padding: 10px 0 20px 0;color:#757575;}
.yd_btn--link_red {color: #f35656;display: inline-block;cursor: pointer;padding-bottom: 6px;border-bottom: solid 1px #f35656;}

@media (max-width: 480px) {
	.service_num{float: left;padding-top: 5px;}
}

/*--------------------20191107 客服留言回覆 udn END------------------------*/


@media (min-width: 1200px) {
  .container {
    max-width: 1200px; } }

.container-alt {
  max-width: 800px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding: 0 15px; }

.ellipsis {
  overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis; }
  .ellipsis.active {
    white-space: normal;
    -o-text-overflow: unset;
    text-overflow: unset; }

@media (min-width: 768px) {
  .d_hide {
    display: none !important; } }

@media (max-width: 767px) {
  .m_hide {
    display: none !important; } }

.yd_banner_roger{
	max-width: 1200px;
}


#yd_page {
  width: 100%;
  position: relative; }

section {
  margin-top: 50px; }
  @media (max-width: 767px) {
    section {
      margin-top: 16px; } }

.yd_sectionTitle {
  font-size: 21px;
  font-weight: bold;
  color: #3e3a39; }
  .yd_sectionTitle.large {
    font-size: 30px; }
  .yd_sectionTitle > .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center; }

.yd_baseline {
  border-bottom: solid 1px #dddddd;
  padding-bottom: 16px; }
  @media (max-width: 767px) {
    .yd_baseline {
      padding-bottom: 10px; } }

.color--red {
  color: #f35656; }

.color--orange {
  color: #f39800; }

.fz-13 {
  font-size: 13px; }

.yd_hide-content {
  overflow: hidden;
  position: relative; }
  .yd_hide-content:after {
    /*content: '';*/
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30px;
    pointer-events: none; }
  .yd_hide-content.active:after {
    display: none; }

.slick {
  margin: 0 -15px; }

.slick-list.draggable {
  cursor: -webkit-grab;
  cursor: grab; }
  .slick-list.draggable:active {
    cursor: -webkit-grabbing;
    cursor: grabbing; }

.slick-dotted.slick-slider {
  margin-bottom: 0; }

.slick-dots {
  position: static; }

.slick-dots li button:before,
.slick-dots li.slick-active button:before {
  display: none; }

.slick-dots li button,
.slick-dots li {
  width: 12px;
  height: 12px;
  line-height: 12px;
  padding: 0;
  border-radius: 50%; }

.slick-dots li {
  margin: 6px;
  border: solid 1px #666;
  overflow: hidden;
  position: relative; }

.slick-dots li button {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

.slick-dots li button {
  background: transparent; }

.slick-dots li.slick-active button {
  background: #666; }

.slick img[data-lazy] {
  width: 0;
  height: 0; }

.pignose-calendar-wrapper {
  width: 100%;
  height: 100%;
  overflow: auto;
  -webkit-transform: translate(-50%, -50%) !important;
  -ms-transform: translate(-50%, -50%) !important;
  transform: translate(-50%, -50%) !important;
  margin: 0 !important;
  padding: 60px 15px;
  -webkit-box-shadow: none;
  box-shadow: none;
  max-width: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start; }
  .pignose-calendar-wrapper .pignose-calendar {
    margin: auto 0; }

.pignose-calendar .pignose-calendar-unit a {
  color: #3e3a39; }

.pignose-calendar .pignose-calendar-unit.pignose-calendar-unit-active a {
  background-color: #f39800; }

@media (max-width: 374px) {
  .pignose-calendar .pignose-calendar-unit {
    height: 3.3em; } }

.yd_icon--arrow {
  width: 19px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.sd-btn {
  width: 100%;
  color: #666666;
  position: relative;
  cursor: pointer;
  font-size: 16px; }
  .sd-btn > .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .sd-btn.active .inner .yd_icon--arrow {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }

	.sd-btn1 {
  width: 100%;
  color: #666666;
  position: relative;
  cursor: pointer;
  font-size: 16px; }
	  .sd-btn1 > .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .sd-btn1.active .inner .yd_icon--arrow {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }

.sd-target {
  display: none; }

.yd_btn {
  border: solid 1px transparent;
  text-align: center;
  cursor: pointer;
  -webkit-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
  height: 55px;
  line-height: 55px;
  display: block; }
  @media (max-width: 767px) {
    .yd_btn {
      height: 40px;
      line-height: 40px; } }
  .yd_btn.yd_btn--primary {
    background-color: #f39800;
    color: #ffffff; }
    .yd_btn.yd_btn--primary:hover {
      background-color: transparent;
      color: #f39800;
      border: solid 1px #f39800; }
  .yd_btn.yd_btn--secondary {
    background-color: #666666;
    color: #ffffff; }
    .yd_btn.yd_btn--secondary:hover {
      background-color: transparent;
      color: #666666;
      border: solid 1px #666666; }
  .yd_btn.yd_btn--discount {
    background-color: #f35656;
    color: #ffffff; }
    .yd_btn.yd_btn--discount:hover {
      background-color: transparent;
      color: #f35656;
      border: solid 1px #f35656; }
  .yd_btn.yd_btn--fb {
    background-color: #425994;
    color: #ffffff; }
    .yd_btn.yd_btn--fb:hover {
      background-color: transparent;
      color: #425994;
      border: solid 1px #425994; }
  .yd_btn.yd_btn--more .yd_icon--arrow {
    width: 17px; }
  .yd_btn.yd_btn--more span {
    margin-left: 12px; }
  @media (max-width: 767px) {
    .yd_btnGroup .row {
      margin: 0 -7.5px; } }
  @media (max-width: 767px) {
    .yd_btnGroup .col-6 {
      padding: 0 7.5px; } }

.yd_btn--link {
  color: #f39800;
  display: inline-block;
  cursor: pointer; }

.yd_linkBaseline {
  padding-bottom: 6px;
  border-bottom: solid 1px #f39800; }

.bg--gray {
  background-color: #eeeeee; }

.yd_loading {
  text-align: center;
  display: none; }
  .yd_loading .dot {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #666666;
    margin: 0 2px;
    -webkit-animation: loading .5s infinite;
    animation: loading .5s infinite; }
    @media (max-width: 767px) {
      .yd_loading .dot {
        width: 8px;
        height: 8px; } }
    .yd_loading .dot:nth-child(1) {
      -webkit-animation-delay: 0.1s;
      animation-delay: 0.1s; }
    .yd_loading .dot:nth-child(2) {
      -webkit-animation-delay: 0.2s;
      animation-delay: 0.2s; }
    .yd_loading .dot:nth-child(3) {
      -webkit-animation-delay: 0.3s;
      animation-delay: 0.3s; }

@-webkit-keyframes loading {
  0% {
    -webkit-transform: translateY(50%);
    transform: translateY(50%); }
  50% {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  100% {
    -webkit-transform: translateY(50%);
    transform: translateY(50%); } }

@keyframes loading {
  0% {
    -webkit-transform: translateY(50%);
    transform: translateY(50%); }
  50% {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%); }
  100% {
    -webkit-transform: translateY(50%);
    transform: translateY(50%); } }

.yd_card {
  margin-top: 24px;
  padding: 0 15px; }
  @media (max-width: 767px) {
    .yd_card {
      margin-top: 16px; } }
  .yd_card-thumbnail {
    display: block; }
    .yd_card-thumbnail img {
      width: 100%; }
  .yd_card-body {
    padding-top: 20px; }
  .yd_card-title {
    color: #3e3a39;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 42px; }
    .yd_card-title a {
      display: inline-block;
      width: 100%; }
  .yd_card-text, .yd_card-date {
    font-size: 15px;
    margin-bottom: 16px; }
  .yd_card-iconText {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    margin-bottom: 10px;
    position: relative; }
    .yd_card-iconText img {
      position: absolute;
      top: 50%;
      left: 0;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      width: 19px; }
    .yd_card-iconText .ellipsis {
      padding-left: 37px;
      font-size: 13px;
      -ms-flex-negative: 1;
      flex-shrink: 1; }
  .yd_card-moreBtn {
    display: inline-block;
    margin-left: 5px;
    white-space: nowrap; }
  .yd_card-price {
    color: #f35656;
    font-size: 21px;
    margin-top: 24px; }
  .yd_card-tagBtn {
    padding: 5px 7px;
    display: inline-block;
    color: #f39800;
    border: solid 1px #f39800;
    margin: 5px 3px;
    font-size: 13px; }





/*20190920_客服中心_客訴類別_udn*/
  .yd_serviceCenter-tagBtn {
	padding: 5px 7px;
    display: inline-block;
    color: #666666;
    border: solid 1px #666666;
    margin: 3px 3px;
    font-size: 13px; }
  .yd_serviceCenter-border {
	border: solid 2px #eee;
padding: 18px 15px;
margin: 0 auto;
max-width: 1170px;
display: block;
overflow: hidden;
}
  .yd_serviceCenter-qa-inner {
	display: block;

overflow: hidden;

width: 80%;

float: left;

padding-left: 24px;

margin-bottom: 12px;

position: relative;
}

.yd_serviceCenter-qa-inner h5{
	display: block;

font-size: 16px;

padding: 10px 16px;

overflow: hidden;

color: #fff;

letter-spacing: 1px;

	line-height: 18px;}

.qa-header {
	background-color: #9e9e9e;
border: 1px solid #9e9e9e;
}










  .yd_card.borderType .yd_card-body {
    border: solid 1px #dddddd;
    border-bottom: 0;
    padding: 16px; }
  .yd_card.borderType .yd_card-tagWrap {
    padding: 0 16px 16px;
    border: solid 1px #dddddd;
    border-top: 0; }
  .yd_card.historyCard .inner {
    padding: 15px;
    border: solid 1px #dddddd; }
  .yd_card.historyCard .yd_card-title {
    margin-bottom: 12px;
    font-size: 18px; }
  .yd_card.historyCard .yd_card-text {
    margin-top: 15px; }
  .yd_card.historyCard .yd_card-price {
    font-size: 15px;
    margin-top: 0; }
  .yd_card.historyCard .yd_historyBtnGroup {
    margin-top: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; }
  .yd_card.historyCard .yd_btn {
    height: 42px;
    line-height: 42px; }
    .yd_card.historyCard .yd_btn--primary {
      width: 82%;
      max-width: 278px; }
    .yd_card.historyCard .yd_btn--secondary {
      width: 14%;
      max-width: 48px; }

.yd_showDetail {
  border: solid 1px #dddddd;
  padding: 22px; }
  .yd_showDetail .yd_showPrice {
    font-size: 20px; }

.yd_iconText {
  font-size: 15px;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center; }
  .yd_iconText:not(:first-child) {
    margin-top: 10px; }
  .yd_iconText img {
    width: 19px;
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  .yd_iconText span.ellipsis {
    padding-left: 39px;
    max-width: 156px; }
    .yd_iconText span.ellipsis.active {
      max-width: unset;
      overflow: unset; }
    .yd_iconText span.ellipsis span {
      margin-left: 10px; }
      .yd_iconText span.ellipsis span:first-child {
        margin-left: 0; }
  .yd_iconText a {
    display: inline-block; }

.yd_tooltips {
  background: #ffffff;
  position: absolute;
  top: 100%;
  left: 40px;
  width: 288px;
  padding: 8px;
  text-align: center;
  border: solid 1px #dddddd;
  border-radius: 3px;
  display: none;
  z-index: 5; }
  .yd_tooltips span {
    display: block; }
    .yd_tooltips span:not(:first-child) {
      margin-top: 5px; }
  .yd_tooltips-btn {
    display: inline-block;
    cursor: pointer; }
  .yd_tooltips.active {
    display: block; }

.yd_counterGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch; }

.yd_counterNum {
  border: solid 1px #666666;
  text-align: center;
  width: 70px;
  margin: 0 6px; }
  @media (max-width: 767px) {
    .yd_counterNum {
      width: 70px; } }
  .yd_counterNum:focus {
    border: solid 1px #f39800; }
  .yd_counterNum:valid {
    color: #f39800; }

.yd_counterBtn {
  width: 28px;
  height: 28px;
  position: relative;
  background: #ffffff;
  border: solid 1px #666666;
  cursor: pointer;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s; }
  @media (max-width: 991px) {
    .yd_counterBtn {
      width: 26px;
      height: 26px; } }
  .yd_counterBtn:hover {
    border: solid 1px #f39800; }
  .yd_counterBtn:after {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 15px;
    height: 2px;
    background: #3e3a39; }
  .yd_counterBtn--plusBtn:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    height: 15px;
    width: 2px;
    background: #3e3a39; }

ol,
ul.square-list {
  margin: 0; }
  ol li:not(:first-child),
  ul.square-list li:not(:first-child) {
    margin-top: 15px; }

ul.square-list li {
  position: relative;
  counter-increment: unset; }
  ul.square-list li:before {
    content: '';
    background: #666666;
    position: absolute; }

ol {
  counter-reset: item;
  padding: 0; }
  ol li {
    position: relative;
    display: block;
    padding-left: 25px;
    counter-increment: item; }
    ol li:before {
      content: counters(item, ".") ". ";
      position: absolute;
      top: 0;
      left: 0; }
    ol li ol > li {
      padding-left: 35px; }
      ol li ol > li:before {
        content: counters(item, ".") " "; }
      ol li ol > li li {
        padding-left: 45px; }
        ol li ol > li li li {
          padding-left: 55px; }

.yd_breadcrumb {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  margin-top: 30px; }
  @media (max-width: 991px) {
    .yd_breadcrumb {
      display: none; } }
  .yd_breadcrumb + section {
    margin-top: 30px; 
	/* padding-bottom: 50px; */
	}
  .yd_breadcrumb ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
  .yd_breadcrumb-btn:not(:first-child):before {
    content: '>';
    margin: 0 5px; }
  .yd_breadcrumb-btn:last-child {
    pointer-events: none; }

.yd_result span {
  margin: 0 6px; }

.yd_stepWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-flow: row-reverse nowrap;
  flex-flow: row-reverse nowrap;
  width: 100%;
  position: relative;
  margin-top: 20px;
  margin-bottom: 30px; }
  @media (max-width: 767px) {
    .yd_stepWrap {
      margin-bottom: 18px; } }
  .yd_stepWrap .yd_step {
    color: #666666;
    width: 30px;
    height: 30px;
    line-height: 30px;
    position: static;
    text-align: center;
    background: #dddddd;
    border-radius: 50%;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
    .yd_stepWrap .yd_step.active {
      background: #f39800;
      color: #ffffff; }
      .yd_stepWrap .yd_step.active ~ .yd_step {
        background: #f39800;
        color: #ffffff; }
    .yd_stepWrap .yd_step:first-child:before {
      content: '';
      position: absolute;
      top: 50%;
      left: 0;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      height: 5px;
      background: #ddd;
      width: 100%;
      z-index: -1; }

.yd_input,
.yd_select {
  width: 100%;
  border: none;
  padding: 11px 14px; }

.yd_select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  color: #666666;
  background-image: url(../Images/sd-arrow.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 12px) center;
  background-size: 19px 14px; }

.yd_option {
  display: none; }
  .yd_option.active {
    display: block; }

.yd_necessary {
  position: relative;
  padding-left: 9px; }
  .yd_necessary:before {
    content: '*';
    position: absolute;
    top: 0;
    left: 0; }

input[type="radio"],
input[type="checkbox"] {
  position: relative;
  vertical-align: bottom; }

.deco {
  position: absolute;
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  display: inline-block;
  background-color: #eeeeee; }
  .deco:before {
    content: '';
    display: none; }
/*20220830 新增背景顏色*/
  .deco.checkbox {
    width: 18px;
    height: 18px; 
	background-color: #dbdbdb;  
	}
    .deco.checkbox:before {
      width: 17px;
      height: 14px;
      background-image: url(../Images/form-tick@2x.png);
      background-repeat: no-repeat;
      background-position: center center;
      background-size: 16px 13px; }
  .deco.radio {
    width: 16px;
    height: 16px;
    border-radius: 50%; }
    .deco.radio:before {
      width: 8px;
      height: 8px;
      background: #666666;
      border-radius: 50%;
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }

.yd_form-tick,
.yd_form-radio {
  position: relative; }
  .yd_form-tick input,
  .yd_form-radio input {
    display: none; }
    .yd_form-tick input:checked + .deco:before,
    .yd_form-radio input:checked + .deco:before {
      display: block; }
  .yd_form-tick span,
  .yd_form-radio span {
    display: inline-block; }

.yd_form-tick span {

  padding-left: 28px; }

.yd_form-radio span {

  padding-left: 34px; }

.yd_form fieldset {
  border: none;
  margin: 0;
  padding: 0; }

.yd_form-item {
  margin-top: 25px; }
  .yd_form-item .row {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center; }
    @media (max-width: 767px) {
      .yd_form-item .row {
        margin: 0 -7.5px; } }
  @media (max-width: 767px) {
    .yd_form-item .col-6 {
      padding: 0 7.5px; } }

.yd_form label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.yd_form .yd_itemTitle {
  margin-bottom: 10px;
  display: block; }

.yd_form .yd_nation > label {
  display: block;
  margin-top: 12px; }

.yd_form .yd_nation .yd_form-tick + span {
  padding-left: 10px; }

.yd_form .yd_formInfo {
  margin-top: 10px; }

.yd_form .yd_formCheck .fa {
  margin-right: 7px; }

.yd_form .yd_formCheck .yd_btn--link {
  margin: 0 4px; }

.yd_form .yd_gender {
  margin-top: 18px; }
  .yd_form .yd_gender > label:not(:first-child) {
    margin-left: 40px; }
  .yd_form .yd_gender .yd_form-radio + span {
    padding-left: 17px; }

.yd_form .yd_birthday .row {
  margin-top: 18px; }

.yd_form .yd_loc .yd_input {
  margin-top: 18px; }

.yd_form .yd_contact .row {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 18px; }

.yd_form .yd_contact label + .row {
  margin-top: 0; }

.yd_form .yd_formCol {
  max-width: 450px;
  width: 38%;
  padding: 0 15px;
  position: relative; }
  @media (max-width: 767px) {
    .yd_form .yd_formCol {
      padding: 0 7.5px; } }

.yd_form .yd_agreement {
  margin-top: 35px; }
  .yd_form .yd_agreement label {
    position: relative;
    display: block; }
    .yd_form .yd_agreement label:not(:first-child) {
      margin-top: 28px; }
    .yd_form .yd_agreement label .yd_form-tick {
      position: absolute;
      top: 3px;
      left: 0; }
    .yd_form .yd_agreement label .yd_linkBaseline {
      margin: 0 5px;
      border-bottom: solid 1px #666666;
      padding-bottom: 3px; }
    .yd_form .yd_agreement label span {
      line-height: 23px; }

.yd_form .recaptcha {
  max-width: 343px;
  margin-top: 28px; }

.yd_form .yd_form-reset input {
  display: none; }

.yd_pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  margin-top: 34px; }
  .yd_pagination-prev, .yd_pagination-next {
    width: 38px;
    cursor: pointer; }
  .yd_pagination-next {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }
  .yd_pagination-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .yd_pagination-list a {
      display: block;
      width: 38px;
      height: 38px;
      line-height: 38px;
      text-align: center; }
    .yd_pagination-list li.active {
      color: #f39800; }

.yd_icon--search {
  width: 23px; }

.yd_icon--news {
  width: 25px; }

.yd_icon--speedOrder {
  width: 33px; }

.yd_icon--shop {
  width: 27px; }

.yd_icon--member {
  width: 18px; }

.yd_icon--overview {
  width: 28px; }

.yd_icon--question {
  width: 25px; }

.yd_headerBar {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 9; }

.yd_announce {
  background: #f6f6f6;
  padding: 0 15px;
  position: relative;
  display: none;
  height: 0; }
/*
  @media (max-width: 767px) {
    .yd_announce {
      display: none !important; } }
*/
  @media (max-width: 767px) {
    .yd_announce--important {
      display: block; } }
  .yd_announce.active {
    display: block;
    height: auto; }
  .yd_announce > .inner {
    max-width: 1170px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    position: relative;
    margin: 0 auto;
    padding: 13px 0; }
    .yd_announce > .inner .title {
      -ms-flex-negative: 0;
      flex-shrink: 0;
      width: 75px; }
  .yd_announce p {
    margin: 0 30px 0 0;
    color: #3e3a39;
    font-weight: bold;
    display: inline-block; }
    @media (max-width: 991px) {
      .yd_announce p {
        width: 18%;
        margin-right: 20px; } }
  .yd_announce .content {
    margin: 0;
    width: 100%;
    padding-right: 50px; }
    @media (max-width: 767px) {
      .yd_announce .content {
        padding-right: 110px; } }
  .yd_announce .yd_announce-closeBtn {
    width: 29px;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor: pointer; }

.yd_mainNav {
  position: relative;
  border-top: solid 4px #f39800;
  border-bottom: solid 1px #dddddd;
  padding: 0 15px;
  background: #ffffff; }
  .yd_mainNav > .inner {
    width: 100%;
    max-width: 1170px;
    position: relative;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap; }
    @media (max-width: 991px) {
      .yd_mainNav > .inner {
        position: relative;
        padding: 14px 0; } }
  .yd_mainNav .udnLogo {
    width: 170px; }
    @media (max-width: 991px) {
      .yd_mainNav .udnLogo {
        margin: 0 auto; } }
    @media (max-width: 370px) {
      .yd_mainNav .udnLogo {
        width: 150px; } }
    .yd_mainNav .udnLogo span {
      position: absolute;
      text-indent: -9999px; }
    .yd_mainNav .udnLogo img {
      width: 170px; }
  .yd_mainNav .yd_triangle {
    display: none;
    position: absolute;
    bottom: 39px;
    left: 38%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 1; }
  .yd_mainNav .bot {
    position: absolute;
    border-width: 14px;
    border-style: solid dashed dashed;
    border-color: transparent transparent #fff;
    bottom: -40px; }
  .yd_mainNav .top {
    position: absolute;
    border-width: 14px;
    border-style: solid dashed dashed;
    border-color: transparent  transparent #ccc;
    bottom: -39px; }
  .yd_mainNav-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-left: auto; }
    @media (max-width: 991px) {
      .yd_mainNav-list {
        display: none; } }
    .yd_mainNav-list > li {
      position: relative;
      padding: 30px 0; }
      .yd_mainNav-list > li:not(:first-child) {
        margin-left: 22px; }
      .yd_mainNav-list > li.active {
        opacity: .5;
        pointer-events: none; }
    .yd_mainNav-list .yd_listBtn {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      text-decoration: none;
      color: #666;
      cursor: pointer; }
      .yd_mainNav-list .yd_listBtn span {
        margin-left: 6px; }
  .yd_mainNav-member:hover > .yd_triangle, .yd_mainNav-showList:hover > .yd_triangle {
    display: block !important; }
  .yd_mainNav-member:hover .yd_mainNav-subList {
    display: block !important; }
  .yd_mainNav-showList:hover .yd_mainNav-subList {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap; }
  .yd_mainNav-showList .yd_mainNav-subList {
    width: 250px; }
    .yd_mainNav-showList .yd_mainNav-subList li {
      width: 50%; }
    .yd_mainNav-showList .yd_mainNav-subList a {
      padding: 10px 0; }
  .yd_mainNav-subList {
    position: absolute;
    top: 85px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border: solid 1px #ccc;
    width: 148px;
    text-align: center;
    background: #ffffff;
    padding: 15px 0;
    display: none; }
    .yd_mainNav-subList span,
    .yd_mainNav-subList a {
      display: inline-block;
      cursor: pointer;
      padding: 15px 0;
      width: 100%; }
      .yd_mainNav-subList span:hover,
      .yd_mainNav-subList a:hover {
        color: #f39800; }
  .yd_mainNav .yd_mobileIcon {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    display: none; }
    @media (max-width: 991px) {
      .yd_mainNav .yd_mobileIcon {
        display: block; } }
    .yd_mainNav .yd_mobileIcon.yd_icon--nav {
      left: 0;
      background: url(../Images/header-nav-m@2x.png) no-repeat center center;
      background-size: contain;
      width: 22px;
      height: 20px;
      padding: 0; }
      .yd_mainNav .yd_mobileIcon.yd_icon--nav.active {
        background: url(../Images/header-nav-m-close.svg) no-repeat center center;
        background-size: contain; }
    .yd_mainNav .yd_mobileIcon.yd_icon--search {
      left: 40px;
      width: 26px; }
      @media (max-width: 374px) {
        .yd_mainNav .yd_mobileIcon.yd_icon--search {
          left: 32px; } }
    .yd_mainNav .yd_mobileIcon.yd_icon--shop {
      width: 27px;
      right: 0; }
    .yd_mainNav .yd_mobileIcon.yd_icon--member {
      width: 19px;
      right: 37px; }

.yd_mobileNavWrap {
  position: relative;
  background: rgba(0, 0, 0, 0.8);
  width: 100%;
  height: 100%;
  overflow: auto;
  z-index: 10; }

.yd_mobileNav,
.yd_mobileMember {
  position: relative;
  display: none; }

.yd_mobileNav .yd_baseline {
  border-bottom: solid 1px #dddddd;
  padding-bottom: 15px; }

.yd_mobileNav .yd_mobileNav-border {
  padding: 19px 15px;
  background: #ffffff; }

.yd_mobileNav .yd_mobileNav-list {
  margin-top: 20px; }
  .yd_mobileNav .yd_mobileNav-list:first-child {
    margin-top: 0; }

.yd_mobileNav .yd_mobileNav-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }

.yd_mobileNav .yd_icon--news {
  width: 25px; }

.yd_mobileNav .yd_icon--overview {
  width: 28px; }

.yd_mobileNav .yd_icon--question {
  width: 26px; }

.yd_mobileNav span {
  margin-left: 10px; }

.yd_mobileNav ul.bg--gray {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  padding: 0px 15px;
  margin-top: 20px; }
  .yd_mobileNav ul.bg--gray li {
    width: 50%;
    padding: 10px 0; }
  .yd_mobileNav ul.bg--gray a {
    display: block;
    width: 100%;
    height: 100%; }

.yd_mobileNav .yd_counterGroup {
  margin-top: 14px; }

.yd_mobileNav .recaptcha {
  margin-top: 16px;
  max-width: 345px; }

.yd_mobileNav .yd_btn {
  width: 100%;
  height: 40px;
  line-height: 40px;
  margin-top: 12px; }

.yd_mobileMember .yd_mobileMember-border {
  padding: 5px 15px;
  background: #ffffff; }

.yd_mobileMember .yd_btn {
  border: solid 1px #dddddd;
  margin: 10px 0;
  width: 100%; }

.yd_lightbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.8);
  overflow: hidden;
  z-index: 10;
  display: none; }
  .yd_lightbox > .inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 60px 15px;
    overflow: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start; }
    .yd_lightbox > .inner .yd_lightbox-board {
      position: relative;
      width: 100%;
      padding: 23px 15px;
      background: #fff;
      margin: auto 0;
      font-size: 15px; }
  .yd_lightbox-closeBtn {
    width: 39px;
    height: 39px;
    position: absolute;
    top: -47px;
    right: 0;
    background-image: url(../Images/lightbox-close@2x.png);
    background-position: 0 0;
    background-size: contain;
    cursor: pointer;
    color: white;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none; }
  .yd_lightboxInfo {
    line-height: 30px;
    margin-bottom: 20px; }
  .yd_lightbox .recaptcha {
    max-width: 328px;
    margin-top: 20px;
    margin-bottom: 20px; }
  .yd_lightbox .yd_sectionTitle {
    margin-bottom: 24px; }
    @media (max-width: 767px) {
      .yd_lightbox .yd_sectionTitle {
        margin-bottom: 20px; } }
  @media (max-width: 767px) {
    .yd_lightbox .yd_baseline {
      padding-bottom: 20px; } }
  .yd_lightbox#yd_searchLightbox .yd_lightbox-board {
    width: 569px; }
    @media (max-width: 767px) {
      .yd_lightbox#yd_searchLightbox .yd_lightbox-board {
        width: 100%; } }
  .yd_lightbox#yd_searchLightbox .yd_select {
    background-color: #ffffff; }
  .yd_lightbox#yd_place .yd_lightbox-board {
    max-width: 830px; }
  .yd_lightbox#yd_place p {
    line-height: 34px; }
  .yd_lightbox#yd_place img {
    display: block;
    margin-top: 24px; }
    @media (max-width: 767px) {
      .yd_lightbox#yd_place img {
        margin-top: 16px; } }
  .yd_lightbox#yd_place .yd_btn--link {
    margin-top: 20px; }
    @media (max-width: 767px) {
      .yd_lightbox#yd_place .yd_btn--link {
        margin-top: 16px; } }
  .yd_lightbox#yd_showTime .yd_lightbox-board {
    width: 402px; }
  .yd_lightbox#yd_showTime .yd_sectionTitle {
    margin-bottom: 15px; }
  .yd_lightbox#yd_showTime p {
    margin-top: 13px; }
  .yd_lightbox#yd_login .yd_lightbox-board, .yd_lightbox#yd_forgetPassword .yd_lightbox-board, .yd_lightbox#yd_fbLogin .yd_lightbox-board {
    max-width: 345px;
    padding: 17px 15px; }
  .yd_lightbox#yd_login .yd_btn, .yd_lightbox#yd_forgetPassword .yd_btn, .yd_lightbox#yd_fbLogin .yd_btn {
    height: 41px;
    line-height: 41px;
    width: 100%; }
  .yd_lightbox#yd_login p,
  .yd_lightbox#yd_login .yd_input,
  .yd_lightbox#yd_login .yd_btn--primary {
    margin-bottom: 14px; }
  .yd_lightbox#yd_login .yd_login-function {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 24px; }
  .yd_lightbox#yd_login .recaptcha {
    margin-top: 0; }
  .yd_lightbox#yd_login .row {
    margin: 0 -7.5px; }
  .yd_lightbox#yd_login .col-6 {
    padding: 0 7.5px; }
  .yd_lightbox#yd_editPassword .yd_lightbox-board, .yd_lightbox#yd_resend .yd_lightbox-board {
    padding: 16px 18px;
    max-width: 570px; }
  .yd_lightbox#yd_editPassword .yd_btn, .yd_lightbox#yd_resend .yd_btn {
    width: 100%; }
  .yd_lightbox#yd_editPassword .yd_necessary, .yd_lightbox#yd_resend .yd_necessary {
    margin-bottom: 26px; }
  .yd_lightbox#yd_seatSelect .yd_lightbox-board {
    max-width: 770px; }
  .yd_lightbox#yd_seatSelect .yd_selectBlock {
    margin-bottom: 26px;
    margin-top: 18px; }
    .yd_lightbox#yd_seatSelect .yd_selectBlock .yd_necessary {
      margin-top: 10px; }
    .yd_lightbox#yd_seatSelect .yd_selectBlock .yd_selectItem {
      margin-top: 15px;
      padding: 11px 14px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-line-pack: center;
      align-content: center; }
    .yd_lightbox#yd_seatSelect .yd_selectBlock .yd_sectionTitle {
      margin-bottom: 15px; }
    .yd_lightbox#yd_seatSelect .yd_selectBlock + .yd_necessary {
      margin-top: 38px; }
    .yd_lightbox#yd_seatSelect .yd_selectBlock p {
      margin-bottom: 15px; }
  .yd_lightbox#yd_seatSelect .yd_seatMap {
    margin: 15px 0 18px;
    padding: 16px 12px;
    border: solid 1px #dddddd; }
    @media (max-width: 767px) {
      .yd_lightbox#yd_seatSelect .yd_seatMap {
        overflow: auto; } }
    .yd_lightbox#yd_seatSelect .yd_seatMap img {
      width: 100%; }
      @media (max-width: 767px) {
        .yd_lightbox#yd_seatSelect .yd_seatMap img {
          min-width: 740px; } }
  .yd_lightbox#yd_seatSelect .yd_slideNotice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    margin-bottom: 28px; }
    .yd_lightbox#yd_seatSelect .yd_slideNotice p {
      margin: 0 25px; }
    .yd_lightbox#yd_seatSelect .yd_slideNotice .yd_icon--arrow {
      width: 25px;
      height: 18px; }
      .yd_lightbox#yd_seatSelect .yd_slideNotice .yd_icon--arrow:first-child {
        -webkit-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg); }
      .yd_lightbox#yd_seatSelect .yd_slideNotice .yd_icon--arrow:last-child {
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg); }
  .yd_lightbox#yd_seatSelect .yd_btn--primary {
    margin-top: 28px; }
  .yd_lightbox#yd_bannerVideo .yd_lightbox-board {
    padding: 0;
    background: #000;
    width: 100%;
    height: 100%;
    max-width: 80%;
    position: relative; }
    @media (max-width: 767px) {
      .yd_lightbox#yd_bannerVideo .yd_lightbox-board {
        max-width: 100%; } }
  .yd_lightbox#yd_bannerVideo iframe {
    width: 100%;
    height: 100%; }

  /* #蓋台*/ 
/*---------------------------------add by udn 20180927--------------------------------------------------------*/


.yd_lightbox#yd_indexad .yd_lightbox-board {
    max-width: 1000px;
	padding: 0;}




/* #18禁 頁面*/ 
/*--------------add by udn 20180927------------------------------------------*/

.yd_lightbox#yd_no_entry .yd_lightbox-board {
    max-width: 1000px;
    line-height: 25px;
	padding: 0;
	}




	.yd_lightbox#yd_no_entry > .inner .yd_lightbox-board .no_entryBtnArea{
      padding: 17px 15px;
	  background: rgba(0, 0, 0, 0.8);
	}



/*---------------------------add by udn 20180927  END-------------------------------------------------------------------------*/




  .yd_lightbox#yd_marketing .yd_lightbox-board {
    max-width: 570px;
    line-height: 25px; }
  .yd_lightbox#yd_marketing .yd_btn--primary {
    height: 40px;
    line-height: 40px;
    margin-top: 10px; }
  .yd_lightbox#yd_speedOrder .yd_lightbox-board {
    max-width: 344px; }
  .yd_lightbox#yd_speedOrder .yd_sectionTitle {
    margin-bottom: 18px; }
  .yd_lightbox#yd_speedOrder .yd_input {
    color: #f39800; }
  .yd_lightbox#yd_speedOrder .yd_counterGroup {
    margin-top: 16px; }
  .yd_lightbox#yd_speedOrder .yd_counterBtn {
    width: 40px;
    height: 40px; }
  .yd_lightbox#yd_speedOrder .yd_counterNum {
    width: 100%;
    max-width: 205px;
    margin: 0 auto; }
  .yd_lightbox#yd_speedOrder .recaptcha {
    margin: 16px 0 12px; }
  .yd_lightbox#yd_speedOrder .yd_btn--primary {
    height: 40px;
    line-height: 40px; }
  .yd_lightbox#yd_giftRecord .yd_lightbox-board {
    width: 575px; }
    @media (max-width: 576px) {
      .yd_lightbox#yd_giftRecord .yd_lightbox-board {
        width: 100%; } }
  .yd_lightbox#yd_giftRecord .yd_result {
    margin-bottom: 10px; }
  .yd_lightbox#yd_giftRule .yd_lightbox-board {
    max-width: 570px; }
  .yd_lightbox#yd_giftRule .yd_giftRule-block {
    margin-top: 20px; }
    .yd_lightbox#yd_giftRule .yd_giftRule-block .sd-btn {
      color: #3e3a39; }
    .yd_lightbox#yd_giftRule .yd_giftRule-block p {
      line-height: 30px;
      margin-top: 10px; }
    .yd_lightbox#yd_giftRule .yd_giftRule-block li {
      line-height: 30px;
      margin-top: 15px; }
  .yd_lightbox#yd_giftRule .yd_baseline {
    padding-bottom: 12px; }
  .yd_lightbox#yd_voucherStatus .yd_lightbox-board {
    width: 575px; }
    @media (max-width: 576px) {
      .yd_lightbox#yd_voucherStatus .yd_lightbox-board {
        width: 100%; } }
  .yd_lightbox#yd_voucherStatus .yd_useableStatus {
    text-align: center;
    color: #3e3a39;
    font-size: 18px; }
  .yd_lightbox#yd_giftRecord .yd_voucherStatus, .yd_lightbox#yd_voucherStatus .yd_voucherStatus {
    padding: 15px;
    background: #ffffff;
    border: solid 1px #dddddd; }
    .yd_lightbox#yd_giftRecord .yd_voucherStatus:not(:first-child), .yd_lightbox#yd_voucherStatus .yd_voucherStatus:not(:first-child) {
      margin-top: 10px; }
    .yd_lightbox#yd_giftRecord .yd_voucherStatus > div:not(:first-child), .yd_lightbox#yd_voucherStatus .yd_voucherStatus > div:not(:first-child) {
      margin-top: 14px; }
    .yd_lightbox#yd_giftRecord .yd_voucherStatus .inner, .yd_lightbox#yd_voucherStatus .yd_voucherStatus .inner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-line-pack: center;
      align-content: center; }
  .yd_lightbox#yd_refund .yd_lightbox-board {
    max-width: 570px; }
  .yd_lightbox#yd_refund p {
    line-height: 30px; }
  .yd_lightbox#yd_refund .yd_refund {
    margin-top: 20px; }
  .yd_lightbox#yd_refund .yd_select {
    margin: 20px 0; }
  .yd_lightbox#yd_refund .yd_btn--primary {
    height: 40px;
    line-height: 40px; }
  .yd_lightbox#yd_refunddownload .yd_lightbox-board {
    max-width: 570px; }
  .yd_lightbox#yd_refunddownload p {
    line-height: 30px; }
  .yd_lightbox#yd_refunddownload .yd_refund {
    margin-top: 20px; }
  .yd_lightbox#yd_refunddownload .yd_select {
    margin: 20px 0; }
  .yd_lightbox#yd_refunddownload .yd_btn--primary {
    height: 40px;
    line-height: 40px; }
  .yd_lightbox#yd_invoiceDetails .yd_lightbox-board {
    max-width: 570px; }
  .yd_lightbox#yd_invoiceDetails .yd_invoiceDetails-block div {
    margin-top: 15px; }
  .yd_lightbox#yd_invoiceDetails .yd_invoiceDetails-block:not(:last-child) {
    border-bottom: solid 1px #dddddd;
    margin-bottom: 20px;
    padding-bottom: 20px; }
  .yd_lightbox#yd_editMailAddress .yd_lightbox-board {
    max-width: 570px; }
  .yd_lightbox#yd_editMailAddress .yd_orderNumber span {
    margin-left: 8px; }
  .yd_lightbox#yd_editMailAddress .yd_form-item {
    padding: 15px;
    border: solid 1px #dddddd;
    margin-top: 15px; }
  .yd_lightbox#yd_editMailAddress .yd_input {
    margin-top: 10px;
    display: block; }
  .yd_lightbox#yd_editMailAddress .yd_necessary {
    margin: 15px 0 18px; }
  .yd_lightbox#yd_editMailAddress .yd_btnGroup {
    margin-top: 38px; }
    .yd_lightbox#yd_editMailAddress .yd_btnGroup .yd_btn--primary[type="submit"] {
      margin-top: 0; }
    .yd_lightbox#yd_editMailAddress .yd_btnGroup input {
      display: none; }
  .yd_lightbox#yd_te-member .yd_lightbox-board {
    max-width: 330px; }
  .yd_lightbox#yd_te-member .yd_btn--primary {
    height: 40px;
    line-height: 40px; }
  .yd_lightbox#yd_te-member .color--red {
    margin-top: 10px; }
/*20190712 FB*/
  .yd_lightbox#yd_fbLogin .yd_sectionTitle {
    margin-bottom: 14px; }
  .yd_lightbox#yd_fbLogin .yd_login-function {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-top: 8px; }
  .yd_lightbox#yd_fbLogin .yd_input {
    margin-top: 14px; }
/*20190712 FB end*/

/*---------------------------------20181008_udn_折價金---------------------------------*/
  .yd_lightbox#yd_discount .yd_lightbox-board {
    max-width: 330px; }

/*---------------------------------20181008_udn_購物金---------------------------------*/
  .yd_lightbox#yd_coupon .yd_lightbox-board {
    max-width: 330px; }


.yd_advanceSearchWrap .sd-btn.advBtn {
  position: relative;
  background: #fff;
  border: solid 1px #ccc;
  margin: 15px 0;
  padding: 12px 13px; }
  .yd_advanceSearchWrap .sd-btn.advBtn:after {
    content: '';
    background: url("../Images/lightbox-adv-search.svg") no-repeat center center;
    background-size: contain;
    width: 28px;
    height: 22px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 15px; }
  .yd_advanceSearchWrap .sd-btn.advBtn.active:after {
    background: url("../Images/lightbox-adv-close.svg") no-repeat center center;
    background-size: contain;
    width: 17px;
    height: 17px; }

.yd_advanceSearchWrap .yd_select {
  margin-top: 19px; }

.yd_advanceSearchWrap .searchLightbox-dated {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center; }
  .yd_advanceSearchWrap .searchLightbox-dated input {
    border: none;
    padding: 11px 14px;
    display: inline-block;
    background: #fff;
    width: calc(100% - 49px);
    border-radius: 0; }
  .yd_advanceSearchWrap .searchLightbox-dated img {
    width: 49px; }

.yd_advanceSearchWrap button[type="submit"] {
  width: 100%; }
  .yd_advanceSearchWrap button[type="submit"] img {
    width: 19px;
    margin-top: -5px; }
  .yd_advanceSearchWrap button[type="submit"] span {
    margin-left: 8px; }

.yd_advanceSearchWrap li {
  margin-bottom: 15px;
  padding: 13px; }
  .yd_advanceSearchWrap li p {
    margin: 19px 0 14px; }
  .yd_advanceSearchWrap li .sd-target {
    border-top: solid 1px #aaa;
    margin-top: 14px; }

.yd_advanceSearchWrap .yd_btn {
  font-size: 16px;
  border-radius: 0;
  height: 40px;
  line-height: 40px; }
  .yd_advanceSearchWrap .yd_btn:hover {
    color: #ffffff;
    background-color: #f39800; }

footer {
  position: relative;
  background: #eee;
  margin-top: 26px;
  border-bottom: solid 4px #f39800; }
  @media (max-width: 767px) {
    footer {
      margin-top: 38px; } }

.yd_footerNav {
  position: relative;
  padding: 0 15px;
  max-width: 1200px;
  margin: 0 auto; }
  @media (max-width: 767px) {
    .yd_footerNav {
      padding: 25px 15px; } }

.spaceLine li {
  border-right: solid 1px; }
  .spaceLine li:last-child {
    border-right: none; }

.yd_footerList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  padding: 30px 0;
  margin: 0 -10px;
  position: relative; }
  @media (max-width: 767px) {
    .yd_footerList {
      padding: 0; } }
  .yd_footerList:first-child li {
    padding: 0px 10px; }
    @media (max-width: 767px) {
      .yd_footerList:first-child li {
        margin-bottom: 20px; } }
  .yd_footerList.copyright {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0;
    border-top: solid 1px #ccc; }
    @media (max-width: 767px) {
      .yd_footerList.copyright {
        padding-top: 20px; } }
    .yd_footerList.copyright > li:first-child .yd_footerList-detail:first-child {
      margin-bottom: 10px; }
    @media (max-width: 1068px) {
      .yd_footerList.copyright > li:first-child {
        width: 100%; } }
    @media (max-width: 1068px) {
      .yd_footerList.copyright > li:last-child .detail {
        margin-bottom: 0; }
        .yd_footerList.copyright > li:last-child .detail .item {
          margin-bottom: 0; } }
    .yd_footerList.copyright .yd_btn--link {
      margin-right: 3px; }
  .yd_footerList .yd_footerList-detail {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    margin: 0 -10px; }
    .yd_footerList .yd_footerList-detail > li {
      padding: 0 10px; }
    @media (max-width: 1068px) {
      .yd_footerList .yd_footerList-detail {
        margin-bottom: 10px; }
        .yd_footerList .yd_footerList-detail li:first-child {
          width: 100%;
          margin-bottom: 10px; } }
    @media (max-width: 1068px) {
      .yd_footerList .yd_footerList-detail.spaceLine li:first-child {
        border-right: none; } }
    @media (max-width: 767px) {
      .yd_footerList .yd_footerList-detail.spaceLine li:first-child span {
        display: block; } }
    .yd_footerList .yd_footerList-detail .item {
      max-width: 175px; }
      .yd_footerList .yd_footerList-detail .item:first-child img {
        width: 100%;
        max-width: 175px; }
      @media (max-width: 1068px) {
        .yd_footerList .yd_footerList-detail .item:last-child {
          display: none; } }
  .yd_footerList .footer__family {
    margin-right: 0;
    width: auto; }
  .yd_footerList .footer__family .family__btn > a {
    color: #666;
    display: inline-block; }
    .yd_footerList .footer__family .family__btn > a img {
      width: 27px;
      margin-bottom: 7px; }
  .yd_footerList .footer__family .family__btn:before {
    top: -21px; }

/*----------取消換票按鈕區 20200525 udn--------*/
.new_exchange {
  width: 60px;
  position: fixed;
  right: 0;
  top:calc(50% - 45px);
  /*bottom: 50px;*/
  z-index: 1;
  cursor: pointer; }
/*----------取消換票按鈕區 20200525 udn end--------*/

.yd_goTop {
  width: 50px;
  position: fixed;
  right: 0;
  bottom: 0;
  z-index: 1;
  cursor: pointer;
  display: none; }

.yd_banner {
  position: relative;
  text-align:center; /*add by roger 20180917*/
  max-width: 100%;
  margin-bottom: 0; }
  .yd_banner .item {
    display: block; }
  /*roger 20180917, begin*/
  .yd_banner .item.single img {
    width: 1200px; 
	}
	@media (max-width: 767px) {
		.yd_banner .item.single img{width: 100%;}
	}
  /*roger 20180917, end*/
  .yd_banner .video-item {
    cursor: pointer;
    position: relative; }
    .yd_banner .video-item:before {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      background-image: url(../Images/banner-playBtn@2x.png);
      background-size: cover;
      background-repeat: no-repeat;
      width: 87px;
      height: 87px; }
      @media (max-width: 767px) {
        .yd_banner .video-item:before {
          width: 60px;
          height: 60px; } }
  /*roger 20180917, start*/
  .yd_banner .video-item.single img {
    width: 1200px; 
	}
	@media (max-width: 767px) {
		.yd_banner .video-item.single img{width: 100%;}
	}
  /*roger 20180917, end*/
  .yd_banner img {
    width: 100%; }
  .yd_banner .slick {
    margin: 0; }
  .yd_banner .slick-dots {
    margin-top: 15px; }
  .yd_banner .mask {
    position: absolute;
    width: 15.6%;
    height: calc(100% - 39px);
    z-index: 1;
    background: rgba(255, 255, 255, 0.7);
    cursor: pointer; }
    @media (max-width: 767px) {
      .yd_banner .mask {
        display: none; } }
    .yd_banner .mask.mask--left {
      top: 0;
      left: 0; }
    .yd_banner .mask.mask--right {
      top: 0;
      right: 0; }

.yd_adContent {
  background: #eee;
  padding: 30px 0;
  margin-top: 32px; }
  @media (max-width: 767px) {
    .yd_adContent {
      margin-top: 16px; } }
  .yd_adContent .row {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
  @media (max-width: 1200px) {
    .yd_adContent .col-md-6 {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
      flex: 0 0 100%;
      max-width: 610px; } }
  @media (max-width: 1200px) {
    .yd_adContent .col-md-6:not(:first-child) {
      margin-top: 30px; } }

.yd_tabNav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .yd_tabNav .yd_tabNav-btn {
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    cursor: pointer;
    position: relative; }
    .yd_tabNav .yd_tabNav-btn:last-child {
      margin-right: 0; }
    .yd_tabNav .yd_tabNav-btn:after {
      content: '';
      width: 100%;
      height: 2px;
      background: #f39800;
      position: absolute;
      bottom: -18px;
      left: 0;
      z-index: 1;
      -webkit-transition: all .3s;
      -o-transition: all .3s;
      transition: all .3s;
      opacity: 0;
      visibility: hidden; }
      @media (max-width: 767px) {
        .yd_tabNav .yd_tabNav-btn:after {
          bottom: -12px; } }
    .yd_tabNav .yd_tabNav-btn:hover, .yd_tabNav .yd_tabNav-btn.active {
      color: #f39800; }
      .yd_tabNav .yd_tabNav-btn:hover:after, .yd_tabNav .yd_tabNav-btn.active:after {
        visibility: visible;
        opacity: 1; }
    .yd_tabNav .yd_tabNav-btn.active {
      pointer-events: none; }

@media (max-width: 767px) {
  .m-bg-gray {
    background: #eee;
    padding-top: 21px;
    padding-bottom: 28px; }
    .m-bg-gray .yd_card .yd_card-tagWrap,
    .m-bg-gray .yd_card .yd_card-body {
      border: none; }
    .m-bg-gray .yd_card .yd_card-tagWrap {
      padding: 0;
      margin-top: 16px; } }

.yd_showMainContent .yd_tabNav {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center; }
  @media (max-width: 767px) {
    .yd_showMainContent .yd_tabNav {
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between; } }

.yd_showMainContent .yd_tabNav-btn {
  margin-right: 46px; }
  @media (max-width: 767px) {
    .yd_showMainContent .yd_tabNav-btn {
      margin: 0; } }

.yd_showMainContent .yd_btn {
  margin-top: 24px;
  width: 100%; }
  @media (max-width: 767px) {
    .yd_showMainContent .yd_btn {
      margin-top: 16px; } }

.yd_showMainContent .yd_option-mainContent {
  display: none; }
  .yd_showMainContent .yd_option-mainContent.active {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }

@media (max-width: 767px) {
  .yd_multiContent .col-md-4 {
    margin-top: 22px; } }

@media (max-width: 767px) {
  .yd_showRecommend .slick {
    margin: 0 -7.5px; } }

.yd_showRecommend .slick-dots {
  margin-top: 70px; }
  @media (max-width: 767px) {
    .yd_showRecommend .slick-dots {
      margin-top: 23px; } }

@media (max-width: 767px) {
  .yd_showRecommend .yd_card {
    padding: 0 7.5px; } }

@media (max-width: 767px) {
  .yd_showRecommend .yd_card .yd_card-body {
    padding: 18px 0 0; } }

@media (max-width: 767px) {
  .yd_showRecommend .yd_card-price {
    margin-top: 16px; } }

@media (max-width: 767px) {
  .yd_showRecommend .yd_card-tags {
    margin: 30px -3px 0; } }

.yd_showPreview .slick-dots {
  margin-top: 70px; }
  @media (max-width: 767px) {
    .yd_showPreview .slick-dots {
      margin-top: 23px; } }

.yd_showPreview .yd_card-tags {
  margin-top: 30px; }

@media (max-width: 767px) {
  .yd_showPreview .yd_card.borderType .yd_card-body {
    padding: 18px 0 0; } }

.yd_showCustom .slick-dots {
  margin-top: 70px; }
  @media (max-width: 767px) {
    .yd_showCustom .slick-dots {
      margin-top: 23px; } }

@media (max-width: 767px) {
  .yd_showCustom .yd_card.borderType .yd_card-body {
    padding: 18px 0 0; } }

@media (max-width: 767px) {
  .yd_showHotshow .row {
    margin: 0 -7.5px; } }

@media (max-width: 767px) {
  .yd_showHotshow .yd_card {
    padding: 0 7.5px; } }

.yd_showReview {
  position: relative; }
  @media (max-width: 767px) {
    .yd_showReview {
      margin-top: 42px; } }
  .yd_showReview .sd-btn {
    font-size: 20px;
    font-weight: bold;
    color: #3e3a39;
    border-bottom: solid 2px #ccc;
    padding: 0 0 16px; }
	.yd_showReview .sd-btn1 {
    font-size: 20px;
    font-weight: bold;
    color: #3e3a39;
    border-bottom: solid 2px #ccc;
    padding: 0 0 16px; }
    @media (max-width: 767px) {
      .yd_showReview .sd-btn {
        padding: 0 0 10px; } 
        	.yd_showReview .sd-btn1 {
        padding: 0 0 10px; } 
		}
  @media (min-width: 768px) {
    .yd_showReview .sd-target {
      display: block !important; } }
  .yd_showReview .slick-dots {
    margin-top: 23px; }
  .yd_showReview-arrow {
    position: absolute;
    top: 50%;
    width: 50px;
    z-index: 1;
    cursor: pointer; }
    .yd_showReview-arrow.r {
      -webkit-transform: translateY(-50%) rotate(180deg);
      -ms-transform: translateY(-50%) rotate(180deg);
      transform: translateY(-50%) rotate(180deg);
      right: -64px; }
      @media (max-width: 1350px) {
        .yd_showReview-arrow.r {
          right: -20px; } }
    .yd_showReview-arrow.l {
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%);
      left: -64px; }
      @media (max-width: 1350px) {
        .yd_showReview-arrow.l {
          left: -20px; } }

@media (max-width: 767px) {
  .yd_products {
    margin-top: 32px; } }

.yd_products .sd-btn {
  font-size: 20px;
  font-weight: bold;
  color: #3e3a39;
  border-bottom: solid 2px #ccc;
  padding: 0 0 16px; }
  @media (max-width: 767px) {
    .yd_products .sd-btn {
      padding: 0 0 10px; } }
  .yd_products .sd-btn > img {
    margin-top: 13px;
    display: none; }
  .yd_products .sd-btn.active > img {
    display: block; }

.yd_products .yd_icon--arrow {
  margin-left: 10px; }

@media (max-width: 767px) {
  .yd_products .yd_card {
    padding: 0 7.5px; } }

.yd_products .yd_card-price {
  margin-top: 46px; }

@media (max-width: 767px) {
  .yd_products .slick {
    margin: 0 -7.5px; } }

.yd_products .slick-dots {
  margin-top: 23px; }

.yd_app {
  display: inline-block; }
  .yd_app img {
    max-width: 150px; }

@media (max-width: 767px) {
  .yd_getApp {
    font-size: 15px;
    line-height: 30px;
    background: #eee;
    margin-top: 30px; } }

.yd_getApp-border {
  border: solid 2px #eee;
  padding: 18px 15px;
  margin: 0 auto;
  max-width: 1170px; }

.yd_getApp .inner {
  position: relative;
  width: 100%;
  max-width: 800px;
  margin: 0 auto; }
  .yd_getApp .inner > .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    margin-left: -13px;
    margin-right: -13px;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap; }
    @media (max-width: 767px) {
      .yd_getApp .inner > .row {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        margin-left: -15px;
        margin-right: -15px; } }

.yd_getApp .item {
  padding: 0px 13px;
  text-align: left;
  max-width: 260px;
  min-width: 94px; }
  @media (max-width: 767px) {
    .yd_getApp .item {
      max-width: 100%;
      margin: 10px 0px;
      text-align: center; }
      .yd_getApp .item .row {
        margin: 0 -7.5px; }
      .yd_getApp .item .col-6 {
        padding: 0 7.5px; } }
  .yd_getApp .item img {
    width: 100%; }

.yd_getApp-fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px;
  background: rgba(243, 152, 0, 0.9);
  z-index: 1;
  display: none; }
  .yd_getApp-fixed .inner {
    position: relative; }
  .yd_getApp-fixed p {
    color: #ffffff; }
  .yd_getApp-fixed .yd_getApp-closeBtn {
    width: 35px;
    position: absolute;
    top: 0;
    right: 0; }
  .yd_getApp-fixed .yd_app-apple {
    margin-right: 10px; }
    @media (max-width: 374px) {
      .yd_getApp-fixed .yd_app-apple {
        margin-right: 5px; } }
  @media (max-width: 374px) {
    .yd_getApp-fixed .yd_app img {
      max-width: 126px; } }
  .yd_getApp-fixed.active {
    display: block; }

.yd_message {
  margin-top: 30px; }
  .yd_message-content {
    background: #ffffff;
    height: 300px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center; }
    .yd_message-content p {
      margin-bottom: 30px;
      font-size: 20px;
      line-height: 30px; }
  .yd_message .yd_text-main {
    font-size: 35px; }
    @media (max-width: 374px) {
      .yd_message .yd_text-main {
        font-size: 30px; } }
  .yd_message .yd_text-sub {
    font-size: 20px; }
    @media (max-width: 374px) {
      .yd_message .yd_text-sub {
        font-size: 16px; } }
  .yd_message .yd_btn {
    height: 40px;
    line-height: 40px;
    margin: 18px auto 0;
    max-width: 230px; }
    .yd_message .yd_btn a {
      display: block;
      width: 100%;
      height: 100%; }

.yd_speedOrder {
  margin-top: 20px; }
  .yd_speedOrder-dated {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    margin: 15px -7.5px 0; }
  .yd_speedOrder .yd_datedBtn {
    padding: 0 7.5px;
    margin-top: 15px; }
    @media (max-width: 767px) {
      .yd_speedOrder .yd_datedBtn {
        width: 50%; } }
    .yd_speedOrder .yd_datedBtn .bg--gray {
      display: block;
      width: 166px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      cursor: pointer; }
      @media (max-width: 320px) {
        .yd_speedOrder .yd_datedBtn .bg--gray {
          width: 138px; } }
  .yd_speedOrder-statusWrap {
    margin-top: 25px; }
  .yd_speedOrder .yd_orderStatus {
    border: solid 1px #666666;
    margin-top: 25px; }
    .yd_speedOrder .yd_orderStatus:first-child {
      margin-top: 0; }
    .yd_speedOrder .yd_orderStatus .sd-btn {
      padding: 25px 33px; }
      @media (max-width: 767px) {
        .yd_speedOrder .yd_orderStatus .sd-btn {
          padding: 15px 22px; } }
    .yd_speedOrder .yd_orderStatus .sd-target {
      overflow: hidden;
      padding: 20px 28px; }
      @media (max-width: 767px) {
        .yd_speedOrder .yd_orderStatus .sd-target {
          padding: 15px 14px; } }
      .yd_speedOrder .yd_orderStatus .sd-target > .row {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: reverse;
        -ms-flex-flow: row-reverse wrap;
        flex-flow: row-reverse wrap;
        margin-top: 20px;
        margin-right: -25px;
        margin-left: -25px; }
        @media (max-width: 767px) {
          .yd_speedOrder .yd_orderStatus .sd-target > .row {
            -webkit-box-orient: horizontal;
            -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
            flex-flow: row wrap;
            margin-top: 26px;
            margin-right: -15px;
            margin-left: -15px; } }
    .yd_speedOrder .yd_orderStatus .yd_orderStatus-title {
      font-size: 18px; }
    .yd_speedOrder .yd_orderStatus-stageImg, .yd_speedOrder .yd_orderStatus-tickets {
      padding: 0 25px; }
      @media (max-width: 767px) {
        .yd_speedOrder .yd_orderStatus-stageImg, .yd_speedOrder .yd_orderStatus-tickets {
          padding: 0 15px; } }
    .yd_speedOrder .yd_orderStatus-stageImg {
      overflow: auto; }
      @media (max-width: 767px) {
        .yd_speedOrder .yd_orderStatus-stageImg {
          height: 433px; } }
      @media (max-width: 767px) {
        .yd_speedOrder .yd_orderStatus-stageImg img {
          max-width: unset; } }
    .yd_speedOrder .yd_orderStatus-tickets .yd_btn--link {
      height: 30px;
      line-height: 30px;
      width: 70px;
      text-align: center;
      border: solid 1px #f39800; }
      @media (max-width: 767px) {
        .yd_speedOrder .yd_orderStatus-tickets .yd_btn--link {
          margin-top: 6px; } }
   .yd_speedOrder .yd_orderStatus-tickets .yd_backToImg {
      margin-top: 18px; }
    .yd_speedOrder .yd_orderStatus-tickets.col-md-8 .yd_ticketsTable th, .yd_speedOrder .yd_orderStatus-tickets.col-md-8 .yd_ticketsTable td {
      width: 22%; }
      .yd_speedOrder .yd_orderStatus-tickets.col-md-8 .yd_ticketsTable th:first-child, .yd_speedOrder .yd_orderStatus-tickets.col-md-8 .yd_ticketsTable td:first-child {
        width: 12%; }
    .yd_speedOrder .yd_orderStatus .ticketStatus {
      width: 15px;
      height: 15px;
      display: inline-block; }
      .yd_speedOrder .yd_orderStatus .ticketStatus.sale {
        background-color: #f35656; }
      .yd_speedOrder .yd_orderStatus .ticketStatus.selected {
        background-color: #119bf3; }
      .yd_speedOrder .yd_orderStatus .ticketStatus.sold {
        background-color: #3300f3; }
      .yd_speedOrder .yd_orderStatus .ticketStatus.stageArea {
        background-color: #000000; }
    .yd_speedOrder .yd_orderStatus .yd_ticketsTable {
      width: 100%;
      border-collapse: collapse; }
      .yd_speedOrder .yd_orderStatus .yd_ticketsTable thead {
        background-color: #eeeeee; }
      .yd_speedOrder .yd_orderStatus .yd_ticketsTable th, .yd_speedOrder .yd_orderStatus .yd_ticketsTable td {
        font-weight: normal;
        border: solid 1px #b2b2b2;
        padding: 10px 15px;
        text-align: left;
        width: 20%; }
        .yd_speedOrder .yd_orderStatus .yd_ticketsTable th:not([class]), .yd_speedOrder .yd_orderStatus .yd_ticketsTable td:not([class]) {
          color: #3e3a39; }
        .yd_speedOrder .yd_orderStatus .yd_ticketsTable th:last-child, .yd_speedOrder .yd_orderStatus .yd_ticketsTable td:last-child {
          padding: 0 15px; }
    .yd_speedOrder .yd_orderStatus .yd_mobileTickets li {
      padding-top: 27px;
      padding-bottom: 27px;
      border-bottom: solid 1px; }
      .yd_speedOrder .yd_orderStatus .yd_mobileTickets li:last-child {
        border-width: 0;
        margin-bottom: -15px; }
    .yd_speedOrder .yd_orderStatus .yd_mobileTickets p {
      margin-top: 6px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-line-pack: center;
      align-content: center;
      font-size: 14px; }
      @media (max-width: 374px) {
        .yd_speedOrder .yd_orderStatus .yd_mobileTickets p {
          font-size: 12px; } }
      .yd_speedOrder .yd_orderStatus .yd_mobileTickets p:first-child {
        margin-top: 0; }
      @media (max-width: 767px) {
        .yd_speedOrder .yd_orderStatus .yd_mobileTickets p.mark {
          font-size: 14px;
          text-align: left; } }
    @media (max-width: 374px) {
      .yd_speedOrder .yd_orderStatus .yd_mobileTickets .col-7,
      .yd_speedOrder .yd_orderStatus .yd_mobileTickets .col-5 {
        padding: 0 10px; } }
    @media (max-width: 374px) {
      .yd_speedOrder .yd_orderStatus .yd_mobileTickets .row {
        margin: 0 -10px; } }

.yd_program .icon-share {
  width: 40px; }

.yd_program .yd_btn--link button {
  color: inherit;
  width: auto; }

.yd_program .yd_showDetail {
  margin-top: 25px; }
  @media (max-width: 767px) {
    .yd_program .yd_showDetail {
      padding: 0;
      border: none;
      margin-top: 0; } }
  .yd_program .yd_showDetail .yd_detailRow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    margin-top: 18px; }
    @media (max-width: 767px) {
      .yd_program .yd_showDetail .yd_detailRow {
        margin: 0; } }
    .yd_program .yd_showDetail .yd_detailRow:first-child {
      margin-top: 0;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: reverse;
      -ms-flex-flow: row-reverse wrap;
      flex-flow: row-reverse wrap; }
      @media (max-width: 767px) {
        .yd_program .yd_showDetail .yd_detailRow:first-child {
          -webkit-box-orient: horizontal;
          -webkit-box-direction: normal;
          -ms-flex-flow: row wrap;
          flex-flow: row wrap; } }
    @media (max-width: 767px) {
      .yd_program .yd_showDetail .yd_detailRow > div {
        width: 100%;
        margin-top: 16px; } }
    .yd_program .yd_showDetail .yd_detailRow .yd_btn {
      width: 100%; }
      @media (max-width: 767px) {
        .yd_program .yd_showDetail .yd_detailRow .yd_btn {
          margin-top: 48px; } }
    @media (max-width: 767px) {
      .yd_program .yd_showDetail .yd_detailRow .yd_btn--link {
        margin-top: 10px; } }
  .yd_program .yd_showDetail .yd_iconText:not(:first-child) {
    margin-top: 10px; }
  @media (max-width: 767px) {
    .yd_program .yd_showDetail .yd_iconText:first-child {
      margin-top: 20px; } }
  .yd_program .yd_showDetail .yd_socialShare span {
    margin-right: 20px; }

.yd_program > .row {
  margin-top: 34px;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch; }

@media (min-width: 768px) {
  .yd_program-main .yd_showInfo {
    display: block !important; } }

.yd_program-main .yd_showInfo .yd_showImg {
  margin-top: 12px; }

.yd_program-main .yd_main-content {
  font-size: 16px; 
  color: #212121; 
  margin-top: 40px; }
  @media (max-width: 767px) {
    .yd_program-main .yd_main-content {
      margin-top: 35px; } }
  .yd_program-main .yd_main-content .sd-target {
    margin-top: 12px; }
  .yd_program-main .yd_main-content p {
    margin-top: 15px;
    line-height: 30px; }
    .yd_program-main .yd_main-content p:first-child {
      margin: 0; }
  .yd_program-main .yd_main-content .yd_btn--link {
    margin-top: 15px; }
  .yd_program-main .yd_main-content ol li{
    padding-left: 20px; }
  .yd_program-main .yd_main-content li ol > li {
	padding-left: 30px; }
  .yd_program-main .yd_main-content ul.square-list li {
    padding-left: 30px; }
    .yd_program-main .yd_main-content ul.square-list li:before {
      content: '';
      width: 8px;
      height: 8px;
      top: 5px;
      left: 3px; }
  .yd_program-main .yd_main-content.showIntro {
    margin-top: 0; }
    .yd_program-main .yd_main-content.showIntro *:not(:first-child) {
      /*margin-top: 15px;*/ }
    @media (max-width: 767px) {
      .yd_program-main .yd_main-content.showIntro *:first-child {
        margin-top: 15px; } }
    .yd_program-main .yd_main-content.showIntro:after {
      background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#fff));
      background: -webkit-linear-gradient(top, transparent, #fff);
      background: -o-linear-gradient(top, transparent, #fff);
      background: linear-gradient(to bottom, transparent, #fff); }
  .yd_program-main .yd_main-content.showPlace .yd_monthWrap {
    position: relative; }
  .yd_program-main .yd_main-content.showPlace .yd_prevBtn,
  .yd_program-main .yd_main-content.showPlace .yd_nextBtn {
    width: 45px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    @media (max-width: 767px) {
      .yd_program-main .yd_main-content.showPlace .yd_prevBtn,
      .yd_program-main .yd_main-content.showPlace .yd_nextBtn {
        width: 20px; } }
  .yd_program-main .yd_main-content.showPlace .yd_prevBtn {
    left: 0; }
    @media (max-width: 767px) {
      .yd_program-main .yd_main-content.showPlace .yd_prevBtn {
        -webkit-transform: translateY(-50%) rotate(90deg);
        -ms-transform: translateY(-50%) rotate(90deg);
        transform: translateY(-50%) rotate(90deg); } }
  .yd_program-main .yd_main-content.showPlace .yd_nextBtn {
    -webkit-transform: translateY(-50%) rotate(180deg);
    -ms-transform: translateY(-50%) rotate(180deg);
    transform: translateY(-50%) rotate(180deg);
    right: 0; }
    @media (max-width: 767px) {
      .yd_program-main .yd_main-content.showPlace .yd_nextBtn {
        -webkit-transform: translateY(-50%) rotate(-90deg);
        -ms-transform: translateY(-50%) rotate(-90deg);
        transform: translateY(-50%) rotate(-90deg); } }
  .yd_program-main .yd_main-content.showPlace .yd_monthBtnWrap {
    width: 100%;
    max-width: 645px;
    margin: 0 auto; }
    @media (max-width: 1200px) {
      .yd_program-main .yd_main-content.showPlace .yd_monthBtnWrap {
        max-width: 500px; } }
    @media (max-width: 991px) {
      .yd_program-main .yd_main-content.showPlace .yd_monthBtnWrap {
        max-width: 340px; } }
    @media (max-width: 767px) {
      .yd_program-main .yd_main-content.showPlace .yd_monthBtnWrap {
        max-width: 257px; } }
    @media (max-width: 374px) {
      .yd_program-main .yd_main-content.showPlace .yd_monthBtnWrap {
        max-width: 235px; } }
  .yd_program-main .yd_main-content.showPlace .yd_monthBtn {
    padding: 0 7.5px; }
    @media (max-width: 374px) {
      .yd_program-main .yd_main-content.showPlace .yd_monthBtn {
        padding: 0 6px; } }
    .yd_program-main .yd_main-content.showPlace .yd_monthBtn a {
      display: block;
      width: 100%;
      height: 45px;
      line-height: 45px;
      text-align: center;
      color: #3e3a39;
      cursor: pointer;
      -webkit-transition: all .3s;
      -o-transition: all .3s;
      transition: all .3s; }
      @media (max-width: 767px) {
        .yd_program-main .yd_main-content.showPlace .yd_monthBtn a {
		/* for samsung */
		font-size: 0.8rem;
          width: 70px;
          height: 26px;
          line-height: 26px;
          border-radius: 5px; } }
    .yd_program-main .yd_main-content.showPlace .yd_monthBtn.slick-current a, .yd_program-main .yd_main-content.showPlace .yd_monthBtn:hover a {
      background-color: #f39800;
      color: #ffffff; }
    .yd_program-main .yd_main-content.showPlace .yd_monthBtn.slick-current a {
      cursor: default; }
  .yd_program-main .yd_main-content.showPlace .yd_calender {
    margin-top: 32px;
    padding-bottom: 26px;
    border-bottom: solid 2px #dddddd;
    font-size: 18px; }
    .yd_program-main .yd_main-content.showPlace .yd_calender .yd_calenderHead,
    .yd_program-main .yd_main-content.showPlace .yd_calender .yd_calenderRow {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      width: 100%; }
    .yd_program-main .yd_main-content.showPlace .yd_calender .yd_calenderHead li,
    .yd_program-main .yd_main-content.showPlace .yd_calender .yd_day {
      width: 14.29%;
      text-align: center; }
    .yd_program-main .yd_main-content.showPlace .yd_calender .yd_calenderHead {
      padding-bottom: 22px;
      border-bottom: solid 2px #dddddd; }
    .yd_program-main .yd_main-content.showPlace .yd_calender .yd_calenderRow {
      margin-top: 40px; }
      @media (max-width: 767px) {
        .yd_program-main .yd_main-content.showPlace .yd_calender .yd_calenderRow {
          margin-top: 25px; } }
    .yd_program-main .yd_main-content.showPlace .yd_calender .yd_day {
      cursor: pointer; }
      .yd_program-main .yd_main-content.showPlace .yd_calender .yd_day p {
        position: relative; }
      .yd_program-main .yd_main-content.showPlace .yd_calender .yd_day.active p:before {
        content: '';
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        border-radius: 50%;
        width: 30px;
        height: 30px;
        border: solid 1px #f39800; }
      .yd_program-main .yd_main-content.showPlace .yd_calender .yd_day span:first-of-type{
        display: block;
        border-radius: 50%;
        width: 8px;
        height: 8px;
        background: #f39800;
        margin: 4px auto; }
        .yd_program-main .yd_main-content.showPlace .yd_calender .yd_day span.disable {
          background: #666666; }
  .yd_program-main .yd_main-content.showDiscount .yd_btn--link {
    margin-top: 0; }
  .yd_program-main .yd_main-content.buyTickets p {
    margin-top: 40px;
    margin-bottom: 15px; }

.yd_program-side {
  position: relative; }
  .yd_program-side .yd_program-sideContent {
    position: relative;
    max-width: 370px; }
    @media (max-width: 1199px) {
      .yd_program-side .yd_program-sideContent {
        width: 290px; } }
    @media (max-width: 991px) {
      .yd_program-side .yd_program-sideContent {
        width: 210px; } }
    .yd_program-side .yd_program-sideContent.fixed {
      position: fixed;
      z-index: 1;
      top: 158px; }
    .yd_program-side .yd_program-sideContent.toggle .yd_sideContent-detail {
      display: block; }
    .yd_program-side .yd_program-sideContent.toggle .yd_sideContent-img {
      display: none; }
    .yd_program-side .yd_program-sideContent.absolute {
      position: absolute;
      bottom: 0; }
  .yd_program-side .yd_sideContent-detail {
    padding: 22px 20px;
    border: solid 1px #dddddd;
    display: none;
    background: #ffffff;
    margin-bottom: 26px; }
    @media (max-width: 1199px) {
      .yd_program-side .yd_sideContent-detail {
        padding: 12px; } }
    .yd_program-side .yd_sideContent-detail .yd_sideContent-title {
      font-size: 20px;
      color: #3e3a39;
      margin-bottom: 26px; }
      @media (max-width: 1199px) {
        .yd_program-side .yd_sideContent-detail .yd_sideContent-title {
          font-size: 18px; } }
    .yd_program-side .yd_sideContent-detail .yd_text {
      margin-top: 12px;
      position: relative; }
      .yd_program-side .yd_sideContent-detail .yd_text .yd_tooltips {
        left: auto;
        right: 0; }
        @media (max-width: 1199px) {
          .yd_program-side .yd_sideContent-detail .yd_text .yd_tooltips {
            width: 245px; } }
    .yd_program-side .yd_sideContent-detail .yd_socialShare {
      margin-top: 30px; }
  .yd_program-side .yd_sideContent-price {
    color: #f35656;
    font-size: 20px;
    margin-top: 12px; }
  .yd_program-side .yd_btn--link {
    margin-top: 16px; }
  .yd_program-side .yd_btn {
    width: 100%; }
    .yd_program-side .yd_btn:hover {
      background-color: #fff; }
    @media (max-width: 767px) {
      .yd_program-side .yd_btn {
        margin-top: 0;
        position: fixed;
        left: 0;
        bottom: 0;
        z-index: 1; } }
  .yd_program-side .yd_sideContent-img {
    margin-top: 26px; }
  .yd_program-side .yd_sideContent-custom {
    border: solid 1px #dddddd;
    padding: 24px 22px;
    margin-top: 28px;
    background: #ffffff; }
    @media (max-width: 1199px) {
      .yd_program-side .yd_sideContent-custom {
        padding: 12px; } }
    .yd_program-side .yd_sideContent-custom-title {
      font-size: 20px;
      color: #3e3a39; }
    .yd_program-side .yd_sideContent-custom p {
      line-height: 30px;
      margin: 20px 0 0; }

.yd_order-timeCounter {
  background: #f39800;
  text-align: center;
  color: #ffffff;
  padding: 14px 0;
  position: fixed;
  width: 100%;
  z-index: 5; }
  .yd_order-timeCounter span {
    margin-right: 4px; }

.yd_order .yd_sectionTitle {
  color: #666666; }

.yd_order .yd_orderShow {
  margin-top: 24px;
  margin-bottom: 32px; }
  @media (max-width: 767px) {
    .yd_order .yd_orderShow {
      margin-top: 15px; } }
  .yd_order .yd_orderShow-block:not(:first-child) {
    margin-top: 50px; }
  .yd_order .yd_orderShow-title {
    margin-bottom: 15px;
    color: #3e3a39;
    font-size: 21px;
    font-weight: bold; }
  .yd_order .yd_orderShow-text {
    margin-bottom: 12px;
    position: relative; }
  .yd_order .yd_orderShow-priceWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center; }
  .yd_order .yd_orderShow-message {
    color: #f35656; }

.yd_order .yd_session {
  border: solid 1px #dddddd;
  margin-top: 16px; }
  .yd_order .yd_session-wrap {
    margin-top: 25px; }

@meida (max-width: $phone) {
  .yd_order .yd_session-wrap {
    margin-top: 15px; } }
  .yd_order .yd_session-block {
    padding: 15px; }
  .yd_order .yd_session-time {
    font-size: 24px; }
  .yd_order .yd_session-text {
    margin-top: 14px; }
  .yd_order .yd_session-price {
    margin-top: 8px; }
  .yd_order .yd_session-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 10px; }
    @media (max-width: 767px) {
      .yd_order .yd_session-row {
        margin-top: 8px; } }
    .yd_order .yd_session-row .yd_session-price {
      margin-top: 0; }
    .yd_order .yd_session-row p {
      font-size: 18px; }
      @media (max-width: 374px) {
        .yd_order .yd_session-row p {
          margin-top: 12px;
          margin-left: auto; } }
    @media (max-width: 767px) {
      .yd_order .yd_session-row .yd_counterGroup {
        margin-top: 12px;
        margin-left: auto; } }
  .yd_order .yd_session-message {
    color: #f35656;
    padding: 15px; }

.yd_order .yd_seatSelect {
  margin-top: 17px; }

.yd_order .yd_order-detailTable {
  margin-bottom: 28px; }
  .yd_order .yd_order-detailTable .sd-btn {
    padding: 13px; }
    .yd_order .yd_order-detailTable .sd-btn .inner {
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
    .yd_order .yd_order-detailTable .sd-btn span {
      margin-right: 8px; }
    .yd_order .yd_order-detailTable .sd-btn .yd_icon--arrow {
      width: 14px; }
  .yd_order .yd_order-detailTable .sd-target {
    border-top: solid 1px #666666;
    padding: 17px 23px; }
    @media (max-width: 767px) {
      .yd_order .yd_order-detailTable .sd-target {
        padding: 17px 15px; } }
  .yd_order .yd_order-detailTable .yd_order-showLoc {
    margin-bottom: 20px; }
  .yd_order .yd_order-detailTable p {
    margin-bottom: 10px; }
  .yd_order .yd_order-detailTable table {
    margin-top: 15px;
    width: 100%;
    border-collapse: collapse;
    border: solid 1px #b2b2b2;
    text-align: left; }
    .yd_order .yd_order-detailTable table th, .yd_order .yd_order-detailTable table td {
      padding: 10px; }
      @media (max-width: 767px) {
        .yd_order .yd_order-detailTable table th, .yd_order .yd_order-detailTable table td {
          padding: 6px 10px; } }
    .yd_order .yd_order-detailTable table th {
      border: solid 1px #b2b2b2; }
  .yd_order .yd_order-detailTable tbody tr:first-child td {
    padding-top: 15px; }
  .yd_order .yd_order-detailTable tbody td {
    border-left: solid 1px #b2b2b2; }

@media (max-width: 767px) {
  .yd_order .yd_seatSelect {
    overflow: auto; } }

.yd_order .yd_seatSelect::-webkit-scrollbar, .yd_order .yd_seatSelect::-webkit-scrollbar-thumb, .yd_order .yd_seatSelect::-webkit-scrollbar-track {
  display: none; }

.yd_order .yd_seatMap {
  margin: 0 auto; }
  @media (max-width: 767px) {
    .yd_order .yd_seatMap {
      min-width: 575px; } }
  .yd_order .yd_seatMap img {
    width: 100%; }

.yd_order .yd_seatPrice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin: 0 -8px; }
  @media (max-width: 767px) {
    .yd_order .yd_seatPrice {
      min-width: 575px;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
      flex-flow: row nowrap;
      overflow: auto; } }
  .yd_order .yd_seatPrice::-webkit-scrollbar, .yd_order .yd_seatPrice::-webkit-scrollbar-thumb, .yd_order .yd_seatPrice::-webkit-scrollbar-track {
    display: none; }
  .yd_order .yd_seatPrice .col-auto {
    padding: 0 8px; }
  .yd_order .yd_seatPrice .yd_seatBtn {
    margin: 18px 0 0;
    min-width: 96px;
    color: #ffffff;
    text-align: center;
    padding: 6px;
    cursor: pointer; }
    @media (max-width: 767px) {
      .yd_order .yd_seatPrice .yd_seatBtn {
        min-width: 84px;
        padding: 4px; } }
    @media (max-width: 767px) {
      .yd_order .yd_seatPrice .yd_seatBtn span {
        font-size: 12px; } }

.yd_order .yd_buyer {
  margin-top: 20px; }
  .yd_order .yd_buyer p {
    margin-bottom: 18px; }
  .yd_order .yd_buyer-item {
    margin-bottom: 16px; }
    .yd_order .yd_buyer-item span {
      padding-left: 50px; }
    .yd_order .yd_buyer-item.email span {
      padding-left: 20px; }
  .yd_order .yd_buyer-notice {
    line-height: 30px;
    padding: 18px 14px; }
  .yd_order .yd_buyer.step4 {
    color: #3e3a39; }
    .yd_order .yd_buyer.step4 .name span,
    .yd_order .yd_buyer.step4 .phone span {
      padding-left: 118px; }
    .yd_order .yd_buyer.step4 .email span {
      padding-left: 90px; }
    .yd_order .yd_buyer.step4 .fee span {
      padding-left: 73px; }
    .yd_order .yd_buyer.step4 .getTicketWay span {
      padding-left: 13px; }
    .yd_order .yd_buyer.step4 .idnumber span {
      padding-left: 45px; }
    .yd_order .yd_buyer.step4 .take span {
      padding-left: 103px; }
    .yd_order .yd_buyer.step4 .loc span {
      padding-left: 87px; }
    .yd_order .yd_buyer.step4 p {
      font-size: 13px; }
  .yd_order .yd_buyer.step5 {
    margin-top: 21px; }
    .yd_order .yd_buyer.step5 table {
      width: 100%;
      border-collapse: collapse; }
      .yd_order .yd_buyer.step5 table tbody tr td:first-child {
        vertical-align: top; }
    .yd_order .yd_buyer.step5 th, .yd_order .yd_buyer.step5 td {
      text-align: left;
      border: solid 1px #dddddd;
      padding: 10px 15px; }
    .yd_order .yd_buyer.step5 th {
      background: #eeeeee; }
    .yd_order .yd_buyer.step5 td {
      width: 50%; }
    .yd_order .yd_buyer.step5 + .yd_order-block {
      margin-top: 25px; }

.yd_order .yd_order-block {
  margin-top: 30px; }
  .yd_order .yd_order-block .yd_blockTitle {
    color: #3e3a39;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 16px; }
  .yd_order .yd_order-block .yd_orderShow + .yd_orderShow {
    margin-top: 20px; }
  .yd_order .yd_order-block .yd_sectionTitle {
    color: #3e3a39;
    margin-bottom: 21px; }

.yd_order .yd_order-shopDetail.step3 {
  padding: 20px 0 26px; }

.yd_order .yd_order-shopDetail .yd_orderShow {
  margin: 0;
  padding: 18px 8px;
  border: solid 1px #666666;
  background: #ffffff; }
  .yd_order .yd_order-shopDetail .yd_orderShow .sd-btn {
    padding: 8px 12px;
    border: solid 1px #dddddd; }
  .yd_order .yd_order-shopDetail .yd_orderShow-table {
    margin-top: 17px;
    background: #eeeeee; }
    .yd_order .yd_order-shopDetail .yd_orderShow-table .sd-btn {
      color: #3e3a39; }
    .yd_order .yd_order-shopDetail .yd_orderShow-table table {
      width: 100%;
      border-collapse: collapse; }
    .yd_order .yd_order-shopDetail .yd_orderShow-table th,
    .yd_order .yd_order-shopDetail .yd_orderShow-table td {
      width: 25%;
      border: solid 1px #dddddd;
      text-align: left;
      padding: 9px 12px; }
      @media (max-width: 767px) {
        .yd_order .yd_order-shopDetail .yd_orderShow-table th,
        .yd_order .yd_order-shopDetail .yd_orderShow-table td {
          padding: 8px 6px; } }
      .yd_order .yd_order-shopDetail .yd_orderShow-table th:not([class]),
      .yd_order .yd_order-shopDetail .yd_orderShow-table td:not([class]) {
        color: #3e3a39; }
      @media (max-width: 767px) {
        .yd_order .yd_order-shopDetail .yd_orderShow-table th:last-child,
        .yd_order .yd_order-shopDetail .yd_orderShow-table td:last-child {
          width: 16%; } }
    .yd_order .yd_order-shopDetail .yd_orderShow-table th {
      font-weight: normal; }
    .yd_order .yd_order-shopDetail .yd_orderShow-table td {
      padding-bottom: 30px; }
      @media (max-width: 767px) {
        .yd_order .yd_order-shopDetail .yd_orderShow-table td {
          padding-bottom: 15px;
          vertical-align: top; } }
    .yd_order .yd_order-shopDetail .yd_orderShow-table tbody {
      background: #ffffff; }
    .yd_order .yd_order-shopDetail .yd_orderShow-table .yd_table-close {
      width: 18px;
      cursor: pointer; }
      .yd_order .yd_order-shopDetail .yd_orderShow-table .yd_table-close img {
        width: 100%; }
  .yd_order .yd_order-shopDetail .yd_orderShow-discount {
    margin-top: 21px;
    background: #eeeeee; }
    .yd_order .yd_order-shopDetail .yd_orderShow-discount .sd-target {
      border: solid 1px #dddddd;
      padding: 19px 11px; }
    .yd_order .yd_order-shopDetail .yd_orderShow-discount .inner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-line-pack: center;
      align-content: center; }
      .yd_order .yd_order-shopDetail .yd_orderShow-discount .inner span {
        margin-left: 38px; }
    .yd_order .yd_order-shopDetail .yd_orderShow-discount .yd_select,
    .yd_order .yd_order-shopDetail .yd_orderShow-discount .yd_input {
      margin-top: 15px; }
  .yd_order .yd_order-shopDetail .yd_orderShow-total {
    margin-top: 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .yd_order .yd_order-shopDetail .yd_orderShow-total div {
      color: #3e3a39;
      font-size: 15px; }
    .yd_order .yd_order-shopDetail .yd_orderShow-total span {
      font-size: 18px; }
  .yd_order .yd_order-shopDetail .yd_orderShow-checkoutInfo table {
    width: 100%;
    border-collapse: collapse;
    border: solid 1px #dddddd; }
    .yd_order .yd_order-shopDetail .yd_orderShow-checkoutInfo table th, .yd_order .yd_order-shopDetail .yd_orderShow-checkoutInfo table td {
      border: solid 1px #dddddd;
      text-align: left;
      width: 33.33%;
      padding: 12px; }
      @media (max-width: 767px) {
        .yd_order .yd_order-shopDetail .yd_orderShow-checkoutInfo table th:first-child, .yd_order .yd_order-shopDetail .yd_orderShow-checkoutInfo table td:first-child {
          width: 29%; } }
      @media (max-width: 767px) {
        .yd_order .yd_order-shopDetail .yd_orderShow-checkoutInfo table th:nth-child(2), .yd_order .yd_order-shopDetail .yd_orderShow-checkoutInfo table td:nth-child(2) {
          width: 47%; } }
      .yd_order .yd_order-shopDetail .yd_orderShow-checkoutInfo table th:last-child, .yd_order .yd_order-shopDetail .yd_orderShow-checkoutInfo table td:last-child {
        border-right: none; }
        @media (max-width: 767px) {
          .yd_order .yd_order-shopDetail .yd_orderShow-checkoutInfo table th:last-child, .yd_order .yd_order-shopDetail .yd_orderShow-checkoutInfo table td:last-child {
            width: 24%; } }
    .yd_order .yd_order-shopDetail .yd_orderShow-checkoutInfo table th {
      background: #eeeeee; }
  .yd_order .yd_order-shopDetail .yd_orderShow-checkoutInfo .yd_checkoutInfo-row,
  .yd_order .yd_order-shopDetail .yd_orderShow-checkoutInfo .yd_checkoutInfo-total {
    border: solid 1px #dddddd;
    border-top: none; }
    .yd_order .yd_order-shopDetail .yd_orderShow-checkoutInfo .yd_checkoutInfo-row .inner,
    .yd_order .yd_order-shopDetail .yd_orderShow-checkoutInfo .yd_checkoutInfo-total .inner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-line-pack: center;
      align-content: center;
      padding: 8px 12px; }
  .yd_order .yd_order-shopDetail .yd_orderShow-checkoutInfo .yd_checkoutInfo-row {
    border-bottom: none; }
    .yd_order .yd_order-shopDetail .yd_orderShow-checkoutInfo .yd_checkoutInfo-row .inner:nth-child(2n) {
      border-bottom: solid 1px #dddddd; }

.yd_order .yd_order-shopDiscount {
  padding: 20px 0 23px; }

.yd_order .yd_order-getTicketWay {
  padding: 24px 0 34px; }
  .yd_order .yd_order-getTicketWay .yd_select-getTicket {
    background-image: url(../Images/sd-arrow-gold.svg);
    border: solid 1px #f39800;
    color: #f39800;
    background-color: #ffffff; }
  .yd_order .yd_order-getTicketWay p {
    margin-top: 28px;
    color: #3e3a39; }
  .yd_order .yd_order-getTicketWay .yd_input {
    margin-top: 15px; }
  .yd_order .yd_order-getTicketWay ol {
    margin-top: 25px;
    line-height: 23px; }
    .yd_order .yd_order-getTicketWay ol li {
      padding-left: 20px; }
      .yd_order .yd_order-getTicketWay ol li:not(:first-child) {
        margin-top: 9px; }
  .yd_order .yd_order-getTicketWay .yd_domestic .row {
    margin-top: 15px; }
    @media (max-width: 767px) {
      .yd_order .yd_order-getTicketWay .yd_domestic .row {
        margin-right: -7.5px;
        margin-left: -7.5px; } }
  @media (max-width: 767px) {
    .yd_order .yd_order-getTicketWay .yd_domestic .col-6 {
      padding-right: 7.5px;
      padding-left: 7.5px; } }

.yd_order .yd_order-price .yd_price {
  padding-top: 29px;
  padding-bottom: 15px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  font-size: 18px; }
  @media (max-width: 767px) {
    .yd_order .yd_order-price .yd_price {
      padding-top: 23px; } }

.yd_order .yd_order-payWay ul {
  line-height: 26px; }

.yd_order .yd_order-payWay li {
  padding-left: 17px; }
  .yd_order .yd_order-payWay li:not(:first-child) {
    margin-top: 6px; }
  .yd_order .yd_order-payWay li:before {
    top: 12px;
    left: 0;
    width: 6px;
    height: 6px; }

.yd_order .yd_order-payWay #yd_creditCard .yd_creditCard-item,
.yd_order .yd_order-payWay #yd_changeCreditCard .yd_creditCard-item {
  margin-top: 25px; }

.yd_order .yd_order-payWay #yd_creditCard .yd_necessary,
.yd_order .yd_order-payWay #yd_changeCreditCard .yd_necessary {
  margin-bottom: 15px; }

.yd_order .yd_order-payWay #yd_creditCard .yd_cardChange-btn,
.yd_order .yd_order-payWay #yd_changeCreditCard .yd_cardChange-btn {
  height: 42px;
  line-height: 42px;
  margin-top: 15px; }

.yd_order .yd_order-payWay #yd_creditCard .yd_card-num .inner,
.yd_order .yd_order-payWay #yd_changeCreditCard .yd_card-num .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start; }

.yd_order .yd_order-payWay #yd_creditCard .yd_card-num .yd_btn--link,
.yd_order .yd_order-payWay #yd_changeCreditCard .yd_card-num .yd_btn--link {
  margin-bottom: 15px; }

.yd_order .yd_order-payWay #yd_creditCard .yd_card-last3num .inner,
.yd_order .yd_order-payWay #yd_changeCreditCard .yd_card-last3num .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center; }

.yd_order .yd_order-payWay #yd_creditCard .yd_card-last3num input,
.yd_order .yd_order-payWay #yd_changeCreditCard .yd_card-last3num input {
  max-width: 368px;
  margin-right: 38px; }

.yd_order .yd_order-payWay #yd_creditCard .yd_card-last3num img,
.yd_order .yd_order-payWay #yd_changeCreditCard .yd_card-last3num img {
  width: 70px; }

.yd_order .yd_order-payWay #yd_creditCard .yd_card-vaild,
.yd_order .yd_order-payWay #yd_changeCreditCard .yd_card-vaild {
  max-width: 368px; }
  .yd_order .yd_order-payWay #yd_creditCard .yd_card-vaild .row,
  .yd_order .yd_order-payWay #yd_changeCreditCard .yd_card-vaild .row {
    margin: 0 -7.5px; }
  .yd_order .yd_order-payWay #yd_creditCard .yd_card-vaild .col-6,
  .yd_order .yd_order-payWay #yd_changeCreditCard .yd_card-vaild .col-6 {
    padding: 0 7.5px; }
  .yd_order .yd_order-payWay #yd_creditCard .yd_card-vaild input[type="text"]::-webkit-input-placeholder,
  .yd_order .yd_order-payWay #yd_changeCreditCard .yd_card-vaild input[type="text"]::-webkit-input-placeholder {
    color: #666666;
    opacity: 1; }
  .yd_order .yd_order-payWay #yd_creditCard .yd_card-vaild input[type="text"]:-ms-input-placeholder,
  .yd_order .yd_order-payWay #yd_changeCreditCard .yd_card-vaild input[type="text"]:-ms-input-placeholder {
    color: #666666;
    opacity: 1; }
  .yd_order .yd_order-payWay #yd_creditCard .yd_card-vaild input[type="text"]::-ms-input-placeholder,
  .yd_order .yd_order-payWay #yd_changeCreditCard .yd_card-vaild input[type="text"]::-ms-input-placeholder {
    color: #666666;
    opacity: 1; }
  .yd_order .yd_order-payWay #yd_creditCard .yd_card-vaild input[type="text"]::placeholder,
  .yd_order .yd_order-payWay #yd_changeCreditCard .yd_card-vaild input[type="text"]::placeholder {
    color: #666666;
    opacity: 1; }

.yd_order .yd_order-payWay #yd_creditCard .yd_addCardNumber,
.yd_order .yd_order-payWay #yd_changeCreditCard .yd_addCardNumber {
  display: block;
  margin-top: 28px; }

.yd_order .yd_order-payWay #yd_vATM,
.yd_order .yd_order-payWay #yd_vLinePay,
.yd_order .yd_order-payWay #yd_supermarket {
  margin-top: 16px; }

.yd_order .yd_order-payWay #yd_applepay {
  margin-top: 16px;
  color: #3e3a39;
  max-width: 375px; }
  .yd_order .yd_order-payWay #yd_applepay .yd_applepay-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center;
    padding: 17px 15px;
    border-bottom: solid 1px #666666; }
    .yd_order .yd_order-payWay #yd_applepay .yd_applepay-head img {
      width: 50px; }
    .yd_order .yd_order-payWay #yd_applepay .yd_applepay-head p {
      cursor: pointer; }
  .yd_order .yd_order-payWay #yd_applepay .yd_applepay-body {
    padding: 18px 14px; }
  .yd_order .yd_order-payWay #yd_applepay .yd_applepay-top {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    padding-bottom: 15px; }
    .yd_order .yd_order-payWay #yd_applepay .yd_applepay-top span {
      width: 211px; }
    .yd_order .yd_order-payWay #yd_applepay .yd_applepay-top img {
      cursor: pointer;
      -ms-flex-item-align: center;
      align-self: center;
      -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
      transform: rotate(-90deg); }
  .yd_order .yd_order-payWay #yd_applepay .yd_applepay-mid {
    border-top: solid 1px #666666;
    border-bottom: solid 1px #666666;
    padding: 23px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    .yd_order .yd_order-payWay #yd_applepay .yd_applepay-mid p {
      padding-left: 72px; }
      @media (max-width: 767px) {
        .yd_order .yd_order-payWay #yd_applepay .yd_applepay-mid p {
          padding-left: 57px; } }
  .yd_order .yd_order-payWay #yd_applepay .yd_applepay-bottom {
    text-align: center;
    padding-top: 13px; }
    .yd_order .yd_order-payWay #yd_applepay .yd_applepay-bottom span {
      cursor: pointer;
      display: inline-block; }
    .yd_order .yd_order-payWay #yd_applepay .yd_applepay-bottom img {
      width: 69px; }
    .yd_order .yd_order-payWay #yd_applepay .yd_applepay-bottom p {
      margin-top: 16px; }

.yd_order .yd_order-invoice .yd_getInvoice {
  margin-top: 17px; }

.yd_order .yd_order-invoice .yd_agree-checkbox {
  display: block;
  margin-top: 20px;
  margin-bottom: 34px; }
  @media (max-width: 767px) {
    .yd_order .yd_order-invoice .yd_agree-checkbox .deco.checkbox {
      top: 4px;
      -webkit-transform: unset;
      -ms-transform: unset;
      transform: unset; } }
  .yd_order .yd_order-invoice .yd_agree-checkbox span {
    display: inline-block; }
    @media (max-width: 767px) {
      .yd_order .yd_order-invoice .yd_agree-checkbox span {
        padding-left: 35px; } }

.yd_order .yd_order-invoice .yd_invoice-notice {
  padding: 15px 12px;
  margin-bottom: 21px; }
  .yd_order .yd_order-invoice .yd_invoice-notice p {
    margin-bottom: 16px; }
  .yd_order .yd_order-invoice .yd_invoice-notice li:not(:first-child) {
    margin-top: 7px; }

.yd_order .yd_order-invoice .square-list li {
  padding-left: 21px; }
  .yd_order .yd_order-invoice .square-list li:before {
    width: 6px;
    height: 6px;
    left: 0;
    top: 5px; }

.yd_order .yd_order-invoice .yd_contract {
  margin-top: 20px;
  padding: 15px;
  line-height: 30px; }
  .yd_order .yd_order-invoice .yd_contract:after {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(#eeeeee));
    background: -webkit-linear-gradient(top, transparent, #eeeeee);
    background: -o-linear-gradient(top, transparent, #eeeeee);
    background: linear-gradient(to bottom, transparent, #eeeeee); }
  .yd_order .yd_order-invoice .yd_contract + .yd_btn--link {
    margin-top: 15px; }

.yd_order .yd_order-invoice .yd_agree-radio {
  display: block;
  margin-top: 21px;
  margin-bottom: 27px; }
  .yd_order .yd_order-invoice .yd_agree-radio .deco.radio {
    border: solid 1px #666666;
    background-color: transparent; }

.yd_order .yd_order-invoice #yd_phoneCode .yd_necessary,
.yd_order .yd_order-invoice #yd_cpc .yd_necessary,
.yd_order .yd_order-invoice #yd_donate-code .yd_necessary {
  margin: 28px 0 17px; }

.yd_order .yd_order-invoice #yd_donate-code .yd_code-search {
  margin-top: 17px;
  display: inline-block;
  padding-bottom: 7px;
  border-bottom: solid 1px #666666; }

.yd_order .yd_order-invoice #yd_eInvoice .yd_eInvoice-item {
  margin-top: 25px; }

.yd_order .yd_order-invoice #yd_eInvoice .yd_input {
  margin-top: 10px; }

.yd_order .yd_order-invoice #yd_eInvoice .yd_invoiceAddress {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20px; }
  .yd_order .yd_order-invoice #yd_eInvoice .yd_invoiceAddress label:not(:first-child) {
    margin-left: 22px; }

.yd_order .yd_discount-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center; }

.yd_order .yd_discount-tabGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -3.5px; }
  .yd_order .yd_discount-tabGroup .col-auto {
    padding: 0 3.5px; }

.yd_order .yd_discount-tab {
  background: #666666;
  color: #ffffff;
  cursor: pointer;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
  padding: 12px 20px;
  border-radius: 8px 8px 0 0; }
  .yd_order .yd_discount-tab.active {
    color: #666666;
    background: #ffffff; }

@media (max-width: 374px) {
  .yd_order .yd_discount-afterDiscount {
    font-size: 14px; } }

.yd_order .yd_discount-afterDiscount span {
  font-size: 18px;
  margin-left: 12px; }
  @media (max-width: 374px) {
    .yd_order .yd_discount-afterDiscount span {
      font-size: 16px; } }

.yd_order .yd_discount-option {
  background: #ffffff;
  padding: 16px 15px; }

.yd_order.yd_step1 {
  margin-bottom: 30px; }
  .yd_order.yd_step1 .yd_btn--primary {
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    max-width: 800px;
    margin-top: 10px; }
    .yd_order.yd_step1 .yd_btn--primary.fixed {
      position: fixed;
      bottom: 0;
      z-index: 1; }
    .yd_order.yd_step1 .yd_btn--primary:hover {
      background: #ffffff; }

.yd_order.yd_step2 {
  margin-bottom: 50px; }
  @media (max-width: 767px) {
    .yd_order.yd_step2 {
      margin-bottom: 33px; } }

.yd_order.yd_step2-2 .yd_order-detailTable {
  margin-bottom: 27px; }

.yd_order.yd_step2-2 .yd_selectBlock:not(:first-child) {
  margin-top: 32px; }

.yd_order.yd_step2-2 .yd_selectBlock .yd_selectItem {
  margin-top: 17px;
  padding: 11px 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center; }

.yd_order.yd_step2-2 .yd_selectBlock .yd_necessary {
  margin-top: 10px; }

.yd_order.yd_step2-2 .yd_selectBlock .yd_select {
  margin-top: 17px; }

.yd_order.yd_step2-2 .yd_btnGroup {
  margin-top: 25px; }

.yd_order.yd_step2-2 .yd_btn--primary {
  margin: 0; }

.yd_order.yd_step3 {
  margin-bottom: 42px; }
  @media (max-width: 767px) {
    .yd_order.yd_step3 {
      margin-bottom: 30px; } }
  .yd_order.yd_step3 .yd_btnGroup {
    border-top: solid 1px #dddddd; }
    .yd_order.yd_step3 .yd_btnGroup .yd_btn--primary {
      margin-top: 22px;
      margin-bottom: 17px; }
      @media (max-width: 767px) {
        .yd_order.yd_step3 .yd_btnGroup .yd_btn--primary {
          margin-top: 18px; } }

.yd_order.yd_step4 {
  margin-bottom: 42px; }
  @media (max-width: 767px) {
    .yd_order.yd_step4 {
      margin-bottom: 29px; } }
  .yd_order.yd_step4 .yd_order-shopDetail .yd_orderShow + .yd_orderShow {
    border-top: none;
    margin: 0; }
  .yd_order.yd_step4 .yd_orderShow-finalPrice {
    border: solid 1px #666666;
    /*border-top: none;*/
    padding: 15px; }
    .yd_order.yd_step4 .yd_orderShow-finalPrice .inner {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-line-pack: center;
      align-content: center; }
      .yd_order.yd_step4 .yd_orderShow-finalPrice .inner:not(:first-child) {
        margin-top: 10px; }
  .yd_order.yd_step4 .yd_btnGroup .yd_btn--primary {
    margin: 0; }

.yd_order.yd_step5 .yd_sectionTitle.yd_baseline, .yd_order.yd_step5 .yd_sectionTitle.large {
  color: #3e3a39; }

.yd_order.yd_step5 .yd_sectionTitle.yd_baseline {
  margin-top: 33px; }

.yd_order.yd_step5 .yd_finalInfo {
  margin-top: 29px;
  margin-bottom: 39px; }
  .yd_order.yd_step5 .yd_finalInfo-block:not(:first-child) {
    margin-top: 30px; }
  .yd_order.yd_step5 .yd_finalInfo-block .color--orange {
    font-size: 21px;
    margin-top: 10px; }

.yd_aboutUs .yd_sectionTitle, .yd_terms .yd_sectionTitle, .yd_question .yd_sectionTitle {
  margin-bottom: 20px; }
  @media (max-width: 767px) {
    .yd_aboutUs .yd_sectionTitle, .yd_terms .yd_sectionTitle, .yd_question .yd_sectionTitle {
      font-size: 18px; } }
  .yd_aboutUs .yd_sectionTitle.large, .yd_terms .yd_sectionTitle.large, .yd_question .yd_sectionTitle.large {
    margin-bottom: 35px; }
    @media (max-width: 767px) {
      .yd_aboutUs .yd_sectionTitle.large, .yd_terms .yd_sectionTitle.large, .yd_question .yd_sectionTitle.large {
        font-size: 30px; } }

.yd_aboutUs .yd_article, .yd_terms .yd_article, .yd_question .yd_article {
  line-height: 30px;
  margin: 0; }

.yd_terms .sd-btn, .yd_question .sd-btn {
  color: #3e3a39;
  font-size: 18px; }

.yd_terms .yd_sd-block, .yd_question .yd_sd-block {
  margin-top: 16px; }
  @media (max-width: 767px) {
    .yd_terms .yd_sd-block, .yd_question .yd_sd-block {
      margin-top: 32px; } }

.yd_terms .square-list li, .yd_question .square-list li {
  padding-left: 18px; }
  .yd_terms .square-list li:before, .yd_question .square-list li:before {
    top: 9px;
    left: 0;
    width: 9px;
    height: 9px; }

@media (max-width: 767px) {
  .yd_terms .yd_baseline, .yd_question .yd_baseline {
    padding-bottom: 0;
    border: none; } }

.yd_review .yd_select {
  margin-bottom: 20px;
  background-position: calc(100% - 24px) center;
  background-size: 17px 9px; }
  @media (max-width: 767px) {
    .yd_review .yd_select {
      margin: 15px 0; } }

.yd_terms > .yd_article {
  margin-bottom: 40px; }

.yd_terms .yd_sd-block .yd_article {
  margin-top: 16px; }

.yd_question .yd_blockNotice {
  font-size: 18px;
  margin: 30px 0 35px; }

.yd_question ol.yd_article,
.yd_question ul.square-list,
.yd_question .yd_listTitle {
  margin-top: 15px; }

.yd_question ol.yd_article ul.square-list {
  margin-top: 0; }

.yd_question .yd_listTitle {
  font-size: 18px;
  font-weight: bold; }

.yd_search {
  margin-top: 30px;
  text-align: center; }
  @media (max-width: 767px) {
    .yd_search {
      margin-top: 16px; } }
  .yd_search + .yd_showMainContent {
    margin-top: 16px; }
    @media (max-width: 767px) {
      .yd_search + .yd_showMainContent {
        margin-top: 0; } }
  .yd_search .yd_advanceSearchWrap {
    max-width: 345px;
    margin: 0 auto;
    margin-top: 22px; }
    .yd_search .yd_advanceSearchWrap p {
      text-align: left; }
  .yd_search .yd_result {
    font-size: 24px;
    text-align: center; }
    .yd_search .yd_result span {
      margin: 0 8px; }
  .yd_search .yd_notFound {
    margin-top: 22px;
    line-height: 30px;
    display: inline-block;
    text-align: left; }

.yd_notice {
  margin-top: 30px; }
  .yd_notice p {
    margin-bottom: 20px; }
  .yd_notice ol li {
    margin-top: 10px; }

.yd_giftCenter-block {
  border: solid 1px #dddddd; }
  .yd_giftCenter-block:not(:first-child) {
    margin-top: 26px; }

.yd_giftCenter-item {
  padding: 16px 14px; }
  .yd_giftCenter-itemTitle {
    color: #3e3a39;
    font-size: 18px; }
  .yd_giftCenter-item .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-line-pack: center;
    align-content: center; }
  .yd_giftCenter-item > div:not(:first-child) {
    margin-top: 15px; }

.yd_giftCenter-range {
  padding: 16px 14px; }
  .yd_giftCenter-range div:not(:first-child) {
    margin-top: 15px; }
  .yd_giftCenter-range.yd_voucher {
    border-top: solid 1px #dddddd; }

.yd_member .yd_sectionTitle.large {
  margin-bottom: 35px; }

.yd_member .yd_sectionTitle {
  color: #666666; }

.yd_member .yd_memberCenter-block:not(:first-child) {
  margin-top: 40px; }

.yd_member .yd_memberCenter-block .yd_sectionTitle {
  margin-bottom: 13px; }
  .yd_member .yd_memberCenter-block .yd_sectionTitle > .inner {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-line-pack: end;
    align-content: flex-end; }
  .yd_member .yd_memberCenter-block .yd_sectionTitle-intro,
  .yd_member .yd_memberCenter-block .yd_sectionTitle .yd_btn--link {
    font-size: 13px;
    font-weight: normal; }

.yd_member .yd_giftStatus {
  margin-bottom: 45px; }
  .yd_member .yd_giftStatus > div {
    margin-top: 16px; }
    .yd_member .yd_giftStatus > div span {
      margin-left: 5px; }
  .yd_member .yd_giftStatus .row {
    margin: 24px -7.5px 0; }
  .yd_member .yd_giftStatus .col-auto {
    padding: 0 7.5px; }
    @media (max-width: 767px) {
      .yd_member .yd_giftStatus .col-auto {
        width: 50%; } }
  .yd_member .yd_giftStatus .yd_btn {
    width: 160px;
    height: 42px;
    line-height: 42px; }
    @media (max-width: 767px) {
      .yd_member .yd_giftStatus .yd_btn {
        width: 100%; } }

.yd_member.yd_memberCenter {
  margin-bottom: 70px; }

.yd_member.yd_history .yd_sectionTitle.large {
  margin-bottom: 30px; }

.yd_member.yd_giftCenter {
  margin-bottom: 245px; }
  .yd_member.yd_giftCenter .yd_memberCenter-intro {
    line-height: 23px; }
    .yd_member.yd_giftCenter .yd_memberCenter-intro span {
      margin: 0 3px; }
  .yd_member.yd_giftCenter .yd_result {
    margin-bottom: 10px; }
  .yd_member.yd_giftCenter.yd_voucher, .yd_member.yd_giftCenter.yd_coupon, .yd_member.yd_giftCenter.yd_giftCard {
    margin-bottom: 45px; }

.yd_member.yd_register .yd_registerDetail {
  line-height: 23px;
  border: solid 1px #dddddd;
  padding: 18px 16px; }

.yd_member.yd_register .yd_btn--primary[type="submit"] {
  margin-top: 20px; }

.yd_member.yd_register .yd_form-reset {
  margin-top: 20px; }

@media (max-width: 374px) {
  .yd_member.yd_register .yd_input[type="password"]::-webkit-input-placeholder {
    font-size: 13px; }
  .yd_member.yd_register .yd_input[type="password"]:-ms-input-placeholder {
    font-size: 13px; }
  .yd_member.yd_register .yd_input[type="password"]::-ms-input-placeholder {
    font-size: 13px; }
  .yd_member.yd_register .yd_input[type="password"]::placeholder {
    font-size: 13px; } }

.yd_member.yd_maintain .yd_form-item:first-child {
  margin-top: 0;
  position: relative;
  padding-bottom: 25px; }

.yd_member.yd_maintain .yd_form-item:after {
  /*content: '';*/
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #dddddd; }
  @media (max-width: 767px) {
    .yd_member.yd_maintain .yd_form-item:after {
      left: -15px;
      width: 100vw; } }

.yd_member.yd_maintain .yd_agreement .yd_form-tick .deco.checkbox {
  top: 4px;
  -webkit-transform: unset;
  -ms-transform: unset;
  transform: unset; }

.yd_member.yd_maintain .yd_btn--primary[type="submit"] {
  margin-top: 20px; }

@media (max-width: 374px) {
  .yd_member.yd_maintain .yd_form-mobile {
    font-size: 13px; } }

.yd_member.yd_maintain .yd_form-mobile .yd_itemTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.yd_member.yd_maintain .yd_form-reset {
  margin-top: 20px; }

.yd_member.yd_trade .yd_sectionTitle.large div {
  font-size: 18px;
  font-weight: normal;
  margin-top: 10px; }

.yd_member.yd_trade .yd_dateInterval span {
  margin-bottom: 15px;
  display: inline-block; }

.yd_member.yd_trade .yd_dateInterval .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap; }

.yd_member.yd_trade .yd_dateInterval .line {
  background: #666666;
  width: 15px;
  height: 1px;
  margin: 0 15px; }

.yd_member.yd_trade .yd_dateInterval .yd_btn--secondary {
  margin-left: 25px;
  width: 80px;
  height: 41px;
  line-height: 41px; }
  @media (max-width: 767px) {
    .yd_member.yd_trade .yd_dateInterval .yd_btn--secondary {
      margin-left: 0;
      margin-top: 20px;
      width: 100%; } }

.yd_member.yd_trade .yd_dateInterval .yd_input {
  width: 150px; }
  @media (max-width: 767px) {
    .yd_member.yd_trade .yd_dateInterval .yd_input {
      width: calc(50% - 22.5px); } }

.yd_member.yd_trade .yd_dateInterval .yd_select {
  margin-top: 20px; }

.yd_member.yd_trade .yd_trade-block {
  margin-top: 24px;
  display: block;
  border: solid 1px #dddddd; }
  .yd_member.yd_trade .yd_trade-block > .sd-btn {
    padding: 15px;
    border-bottom: solid 1px #dddddd; }
  .yd_member.yd_trade .yd_trade-block > .sd-target {
    padding: 20px 12px; }
    .yd_member.yd_trade .yd_trade-block > .sd-target .yd_trade-item:not(:first-child) {
      margin-top: 10px; }
    .yd_member.yd_trade .yd_trade-block > .sd-target li {
      margin-top: 15px; }

.yd_member.yd_trade .yd_trade-detail {
  margin: 25px -7px 38px; }
  .yd_member.yd_trade .yd_trade-detail span {
    display: inline-block;
    padding: 0 7px;
    cursor: pointer; }

.yd_member.yd_trade .yd_trade-getTitcketWay {
  font-size: 18px; }
  .yd_member.yd_trade .yd_trade-getTitcketWay .inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
  .yd_member.yd_trade .yd_trade-getTitcketWay .color--red {
    font-size: 15px;
    cursor: pointer; }

.yd_member.yd_trade .yd_trade-listWrap {
  padding: 20px 15px; }

.yd_member.yd_trade .yd_trade-list {
  margin-bottom: 20px; }
  .yd_member.yd_trade .yd_trade-list .sd-target {
    margin-top: 20px; }
    .yd_member.yd_trade .yd_trade-list .sd-target > div {
      margin-top: 8px; }
    .yd_member.yd_trade .yd_trade-list .sd-target .yd_btn--link {
      margin-top: 8px; }
  .yd_member.yd_trade .yd_trade-list .yd_giftCard-status {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start; }
    .yd_member.yd_trade .yd_trade-list .yd_giftCard-status .color--orange:not(:first-child) {
      margin-top: 5px; }

.yd_member.yd_trade .yd_orderNumber,
.yd_member.yd_trade .yd_trade-function {
  padding: 20px 15px; }

.yd_member.yd_trade .yd_orderNumber div:not(:first-child) {
  margin-top: 16px; }

.yd_member.yd_trade .yd_trade-function .yd_btn--link {
  margin-right: 17px; }

.yd_member.yd_trade .yd_notFound {
  margin-top: 24px; }

.yd_member.yd_trade .yd_btn--primary {
  margin-top: 18px; }

.yd_member.yd_trade .yd_table {
  width: 100%;
  margin-top: 32px;
  border-collapse: collapse;
  border: solid 1px #dddddd; }
  .yd_member.yd_trade .yd_table th, .yd_member.yd_trade .yd_table td {
    border: solid 1px #dddddd;
    padding: 12px 28px; }
    @media (max-width: 767px) {
      .yd_member.yd_trade .yd_table th, .yd_member.yd_trade .yd_table td {
        padding: 13px 16px; } }
  .yd_member.yd_trade .yd_table td {
    width: 50%; }
    @media (max-width: 767px) {
      .yd_member.yd_trade .yd_table td:first-child {
        width: 61%; } }
  .yd_member.yd_trade .yd_table + .yd_necessary {
    margin-top: 23px; }

.yd_member.yd_creditCardBind {
  margin-bottom: 34px; }
  .yd_member.yd_creditCardBind .yd_cardSaved {
    margin-bottom: 36px; }
    .yd_member.yd_creditCardBind .yd_cardSaved > p .color--orange {
      margin: 0 5px; }
    .yd_member.yd_creditCardBind .yd_cardSaved ul {
      margin: 0 -15px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -ms-flex-line-pack: center;
      align-content: center;
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: flex-start;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
      flex-flow: row wrap; }
      @media (max-width: 767px) {
        .yd_member.yd_creditCardBind .yd_cardSaved ul {
          margin: 0; } }
    .yd_member.yd_creditCardBind .yd_cardSaved li {
      padding: 0 15px;
      width: 50%;
      margin-top: 25px; }
      @media (max-width: 767px) {
        .yd_member.yd_creditCardBind .yd_cardSaved li {
          padding: 0;
          width: 100%; } }
  .yd_member.yd_creditCardBind .yd_cardInfo {
    border: solid 1px #dddddd; }
    .yd_member.yd_creditCardBind .yd_cardInfo-top, .yd_member.yd_creditCardBind .yd_cardInfo-bottom {
      padding: 16px; }
    .yd_member.yd_creditCardBind .yd_cardInfo-top div:not(:first-child) {
      margin-top: 15px; }
    .yd_member.yd_creditCardBind .yd_cardInfo-top .yd_cardNum {
      font-size: 24px; }
    .yd_member.yd_creditCardBind .yd_cardInfo-top .color--red {
      margin-left: 14px; }
    .yd_member.yd_creditCardBind .yd_cardInfo-bottom {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center; }
      .yd_member.yd_creditCardBind .yd_cardInfo-bottom .deco {
        background-color: #ffffff; }
  .yd_member.yd_creditCardBind .yd_cardRemove {
    cursor: pointer; }
  .yd_member.yd_creditCardBind .yd_cardDate .row {
    margin: 0 -7.5px; }
  .yd_member.yd_creditCardBind .yd_cardDate .col-auto {
    padding: 0 7.5px; }
    @media (max-width: 767px) {
      .yd_member.yd_creditCardBind .yd_cardDate .col-auto {
        width: 50%; } }
  .yd_member.yd_creditCardBind .yd_cardDate .yd_select {
    width: 165px; }
    @media (max-width: 767px) {
      .yd_member.yd_creditCardBind .yd_cardDate .yd_select {
        width: 100%; } }
  .yd_member.yd_creditCardBind .yd_btnGroup {
    margin-top: 25px; }
    @media (max-width: 767px) {
      .yd_member.yd_creditCardBind .yd_btnGroup .row {
        margin: 0; } }
    @media (max-width: 767px) {
      .yd_member.yd_creditCardBind .yd_btnGroup .col-12 {
        padding: 0; } }
    @media (max-width: 767px) {
      .yd_member.yd_creditCardBind .yd_btnGroup .col-12:last-child {
        margin-top: 15px; } }
/*20190712 FB*/
.yd_member.yd_fastLoginCenter {
  margin-bottom: 405px; }

.yd_creditCardOffer-banner {
  border: solid 1px #eeeeee; }
  .yd_creditCardOffer-banner img {
    width: 100%; }

.yd_creditCardOffer-title {
  font-weight: bold;
  font-size: 25px;
  margin-top: 18px; }

.yd_creditCardOffer-subtitle {
  margin-top: 18px;
  margin-bottom: 43px; }

.yd_creditCardOffer-bankBtn {
  margin: 0 -7.5px;
  padding: 25px 0 29px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap; }
  .yd_creditCardOffer-bankBtn li {
    padding: 0 7.5px;
    margin-top: 12.5px; }
  .yd_creditCardOffer-bankBtn .yd_bankBtn {
    border-radius: 6px;
    background: #ffffff;
    width: 111px;
    height: 48px;
    line-height: 48px;
    text-align: center;
    cursor: pointer; }

.yd_creditCardOffer-select {
  padding: 18px 0 21px; }
  .yd_creditCardOffer-select .yd_select {
    border-radius: 8px;
    background-color: #ffffff; }

.yd_creditCardOffer-block {
  border-top: solid 1px #dddddd;
  padding: 25px 0 42px; }
  .yd_creditCardOffer-block .yd_bank-logo {
    width: 191px; }
  .yd_creditCardOffer-block .yd_bank-item:first-child {
    margin-top: 35px; }
  .yd_creditCardOffer-block .yd_bank-item:not(:first-child) {
    margin-top: 40px; }
  .yd_creditCardOffer-block .yd_bank-itemTitle {
    font-size: 18px;
    color: #3e3a39;
    font-weight: bold; }
  .yd_creditCardOffer-block .yd_bank-item p {
    line-height: 30px;
    margin-top: 15px; }

.yd_news .yd_tabNav-btn {
  margin-right: 45px; }

.yd_news .yd_select {
  border-radius: 8px; }

.yd_news-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  margin-top: 21px; 
  font-size: 16px; 
  color: #212121;}
  @media (max-width: 767px) {
    .yd_news-list {
      padding-bottom: 20px; } }
  .yd_news-list:first-child {
    margin-top: 33px; }
    @media (max-width: 767px) {
      .yd_news-list:first-child {
        margin-top: 21px; } }

.yd_news-date {
  margin-right: 124px; }
  @media (max-width: 767px) {
    .yd_news-date {
      margin-right: 0;
      width: 100%; } }

@media (max-width: 767px) {
  .yd_news-headline {
    margin-top: 12px;
    line-height: 22px; } }

.yd_news-infoDate {
  margin-top: 12px;
  margin-bottom: 30px; }

.yd_news-content {
  margin-top: 25px;
  line-height: 30px; 
  font-size: 16px; 
  color: #212121;
}

.yd_news .yd_btn--primary {
  margin-top: 30px;
  max-width: 230px; }
  @media (max-width: 767px) {
    .yd_news .yd_btn--primary {
      height: 55px;
      line-height: 55px;
      max-width: unset; } }

iframe {
  width: 1px;
  min-width: 100%;
  *width: 100%;
}

.cursor-default {
	cursor:default;
}
.yd_card-iconText .yd_card-moreBtn {
	display: inline-block;
	margin-left: 5px;
	white-space: nowrap; 
	font-size: 13px;
}

/*針對購取票方式修改預設文字顏色、大小 開始*/
.yd_program-main .yd_main-content ol > li{
	font-size:medium;
	font-weight:bolder;
	color:black;
}
.yd_program-main .yd_main-content ol > li p{
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;	
    margin-inline-end: 0px;
	font-family: 'Microsoft JhengHei', '微軟正黑體', 'PingFang TC', 'WenQuanYi Micro Hei', Helvetica, Arial, sans-serif;
    font-size: medium;
    left: 0px;
    top: 0px;
    color: #666666;
	line-height:normal;
}
.yd_program-main .yd_main-content ol > li > ol > li {
	font-family: 'Microsoft JhengHei', '微軟正黑體', 'PingFang TC', 'WenQuanYi Micro Hei', Helvetica, Arial, sans-serif;
    font-size: medium;
    left: 0px;
    top: 0px;
    color: #666666;
}
.yd_program-main .yd_main-content ol > li P:first-child{
	font-size:medium;
	font-weight:bolder;
	color:black;
}
.yd_program-main .yd_main-content.buyTickets ol > li p {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;	
    margin-inline-end: 0px;
	font-family: 'Microsoft JhengHei', '微軟正黑體', 'PingFang TC', 'WenQuanYi Micro Hei', Helvetica, Arial, sans-serif;
    font-size: medium;
    left: 0px;
    top: 0px;
    color: #666666;
    margin-top: 16px;
    margin-left: 16px;
}
/*針對購取票方式修改預設文字顏色、大小 結束*/