* {
    /*font-family: LarsMalonePro, "Microsoft YaHei", PingFang,Times,"Times New Roman",serif;*/
    /*font-family: ano_regular,Helvetica,Arial,sans-serif;*/
    font-family: MXiandHeHK,Arial,Helvetica,sans-serif;
}

@font-face {
	font-family: 'LarsMalonePro';
	font-weight: normal;
	src: url(./font/LarsMalonePro-Regular.otf) format("opentype");
}
@font-face {
	font-family: 'MaloneSerif';
	font-weight: normal;
	src: url(./font/MaloneSerif-Regular.otf) format('opentype');
}
@font-face {
	font-family: 'MaloneSerif';
	font-weight: bold;
	src: url(./font/MaloneSerif-SemiBold.woff) format('woff');
}

@font-face {
    font-family: 'ano_regular';
    src: url(./font/AnoRegular-Regular.woff2) format("woff2");
    font-weight: normal;
}

@font-face {
	font-family: 'NotoSansCJKtc';
	font-weight: normal;
	src: url(./font/NotoSansCJKtc-Regular.otf) format('opentype');
}



.title{
font-family:NotoSansCJKtc;
}
body, #bottom_box{
background-color: #fcf9ee;
background: #fcf9ee;
}
#top_box {
	padding-top: 25px;
	padding-bottom: 20px;
	/*display: none;*/
}
#tab_content_box {
    width:100%;
}

#top_box:after {
	background-image: unset;
	border-top: 1px solid #dddddd;
}
#top_box .logo_box img {
	height: 50px;
}
.center {
  margin-left: auto;
  margin-right: auto;
}
.font-theme { font-family: times, 'microsoft jhenghei', serif; }
body.detail .detail-box .label {
    padding: 0px 10px 8px;
}
.main_box,
.has-bg .main_box { font-size: 16px; }

.tab_content .date_time_content_box {
	padding: 20px;
    box-sizing: border-box;
}
.tab_content .date_time_content_box,
.item_content_box {
	max-width: 440px;
	margin-left: auto;
	margin-right: auto;
}
.tab_content .date_time_content_box .field_container .datetxtdiv { width: 100%; min-height: 25px; padding-right: 30px; box-sizing: border-box; }

.select3 { background-color: unset; }
.select3-title {
    /* border-top: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
	padding-top: 20px;
	padding-bottom: 20px; */
}
.row{
	max-width:100%;
}
#iframe_title_box {
    /* background-color: #000000; */
	color:#000;
    max-width: 800px;
    margin: auto;
	position: relative;
    z-index: 999;
    max-width: 100%;
    border: 2px solid #e2e1d7;
}

#tab_container #iframe_title_box .iframe_title {
    padding: 33px 40px 20px;
    float: none;
    width: auto;
	color:#000;
}
#iframe_title_box .table_tab {
    position: relative;
    margin: auto;
}
.iframe_title span {
    display: inline-block;
    padding-bottom: 5px;
}
/*.content_banner { background-image: unset !important; align-items: center; display: flex; height: 150px; padding-top: 50px; }
.content_banner img { display: block; position: relative; margin: 0 auto; transform: unset; top: 0; left: 0; width: 250px !important; }*/

.date-icon svg { fill: #7d7d7d; }

form input, form select, form textarea,
.input,
.select3-title,
.tab_content .date_time_content_box .field_container .datediv,
#insert-buyer .insert-buyer-box input,
#insert-buyer .insert-buyer-box select,
#insert-buyer .insert-buyer-box textarea {
	border: 1px solid #D3D3D3;
	padding: 10px 15px;
	line-height: 27px;
	box-sizing: border-box;
	min-height: 50px;
	box-sizing: border-box !important;
	font-size: 16px;
}

.tab_content .date_time_content_box .field_container .datediv,
#insert-buyer .input,
#insert-buyer .select3-title,
#insert-buyer .insert-buyer-box input,
#insert-buyer .insert-buyer-box select,
#insert-buyer .insert-buyer-box textarea {
	margin-top: 10px;
	margin-bottom: 10px;
}
.select3-title,
#insert-buyer .insert-buyer-box input,
#insert-buyer .insert-buyer-box select {
	height: auto;
}

#insert-buyer colgroup col:first-child {
	width: 50px;
}
#insert-buyer tr td:first-child:not(:last-child) {
	text-align: left;
}

.tab_content .date_time_content_box .field_container .date-icon {
	margin-bottom: 0;
}
.tab_content .date_time_content_box .field_container .datediv {
	position: relative;
}
.tab_content .date_time_content_box .field_container .dateinputdiv {
	/* float: right; */
	position: absolute;
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
}

.tab_content .date_time_content_box .field_container {
	display: block;
	margin-left: auto;
	margin-right: auto;
	max-width: unset;
}

.tab_content .date_time_content_box .field_container ~ .field_container {
	margin-top: 20px;
}
.tab_content .date_time_content_box .field_container .title_text {
	text-align: center;
}

.tab_content .date_time_content_box .field_container .title_text,
#insert-buyer { font-size: 21px; padding-bottom: 0; }
#insert-buyer span { font-size: 16px; }
#insert-buyer .insert-buyer-box table td { padding-top: 0; padding-bottom: 0; }
#insert-buyer .insert-buyer-box table td[colspan="3"] { height: 10px; }

.unit_price { display: none !important; }

#bottom_box .bottom_box_img .btn_pay,
.textbox,
.btn { border: 1px solid #555555 /* !important */; min-width: 270px; color: #555555; font-size: 16px !important; /* padding: 17px 20px !important; */ height: auto; margin: 0; line-height: 25px; min-height: 50px; }
.btn { background-color: #ffffff !important; background-color: #fcf9ee !important; }
.btn:hover { color: #000000;  border: 1px solid #555555}

#bottom_box .bottom_box_img .btn_pay { border-radius: 50rem!important; }

.btn-submit { min-height: 60px !important; max-width: 300px; }


.btn-theme,
.btn-theme:hover,
.bg-theme,
.bg-theme:hover { background-color: #000000 !important; color: #ffffff !important; }

.btn-theme,
.btn-theme:hover { border: 0 !important; }

.border-theme,
.border-theme:hover { border-color: #000000 !important; }

[class*="col-"] .textbox,
[class*="col-"] .btn { width: 100%; /* max-width: 300px; */ min-width: unset; }

.button-container .btn_confirm_share { padding-left: 25px; }

table.item_table .sum_row, 
table.item_table .separate-tr { border-top: 0; }
table.item_table .separate-tr > td { padding: 0 18px 0; }
table.item_table .terms-td span { font-size: 16px; text-align: left !important;}

/*#tab_title_box { display: none; }*/

#complete-box h3 { font-weight: bold; font-size: 23px; }

.redeem-container .col-left input { border-radius: 50rem 0 0 50rem; }
.redeem-container .col-right button { border-radius: 0 50rem 50rem 0; }
.redeem-container .col-both button { border-radius: 50rem 50rem 50rem 50rem; }

#footer-contact_us { margin-left: auto; margin-right: auto; }

.space_div { /* padding-top: 80px; */ display: none; }
#bottom_box { position: relative; /* z-index: 999; */ }
.page-otp #bottom_box,
#checkout-container #bottom_box { padding-top: 80px; }

.display-block .bottom_box_text {
	text-align: center;
    padding-top: 20px;
}

.tab_content .remark_content_box {
	/*width: 800px !important;*/
	margin-left: auto;
    margin-right: auto;
}

.content {
  max-width: 800px;
  margin: auto;
  padding: 0 10px;
  text-align: center;
}
#product-img{
	width:100%;
}

.tab_content .remark_bottom_content_box {
	max-width: 624px !important;
	margin-left: auto;
    margin-right: auto;
	margin-top: 20px;
}

#tab_title_box {
	background-color: #000000;
	max-width:800px;
	margin: auto;
}


.sticky {
  position: fixed !important;
  top: 0;
  width: 100%  !important;
}

#banner-box {
  margin: auto;
  position: relative;
  text-align: center;
  width:100%;
  overflow: hidden;
  max-width:800px;
}

#banner{
	width:100%;
	position: relative;
	overflow: hidden;
}
.swiper-button-prev, .swiper-button-next {
	color: #FFFFFF !important;
}
.swiper-pagination-bullet-active {
	background:#000000 !important;
}
#banner-box img{
	overflow: hidden;
	width:100%;
	height:100%;
}

.event-effect-icon {
  pointer-events: none;
  position: absolute; 
  animation: event-effect-icon-key 5s ease-in;
  animation-fill-mode: forwards;
  opacity: .8;
}

.cursor-effect-icon {
  pointer-events: none;
  position: absolute; 
  width: 10px;
  height: 10px;
  border-radius: 50%; 
  animation: cursor-effect-icon-key 1s ease-in-out;
  animation-fill-mode: both;
  opacity: .5;
}

#iframe_content_sec iframe {
    width: 100%;
    /* height: 2610px; */
    border: none;
}
#iframe_content_box .iframe_content {
    display: none;
}

#iframe_content_box .iframe_content.on {
    display: block;
}
@keyframes event-effect-icon-key {
  from{transform: translateY(0)}
  to{transform: translateY(800px)}
}

@keyframes cursor-effect-icon-key {
  100% {transform: scale(0)}
}

#detail_box_three{
	max-width:100%;
	max-height:100%;
	overflow: hidden;
	padding:50px 0px;
}

#detail_box_three tbody{
	display:flex;
}
.card-outer{
	width:80%;
	margin: 0 auto;
}
.card-swiper-container {
    overflow: hidden;
}
#detail_box_three .width_10{
	width:20px;
}

#detail_box_three .card {
	width:360px;
	height:620px;
	text-align: center;
	padding: 25px 30px 35px 30px;
	background:#e0e5df;
}

#detail_box_three .card img {
	max-width:100%;
}

#detail_box_three .up-text{
	height:15%;
	display:table;
}

#detail_box_three .up-text-child{
	display:table-cell;
	vertical-align:middle;
	font-size:24px;
	font-weight: 500;
	height:	63px;
}

#detail_box_three .down-text{
	height:20%;
	display:table;
}

#detail_box_three .down-text-child{
	display:table-cell;
	vertical-align:middle;
	padding: 20px 0px;
	height:	130px;
}

#detail_box{
	margin: auto;
	width:100%;
	overflow: hidden;
	padding-top:50px;
}

#detail_box img{
	width:100%;
	height:100%;
}

#product-box table{
	margin: auto;
	overflow: hidden;
}

#product-box td {
  width: 50%;
  height:100%;
  position: relative;
  overflow: hidden;
  background:transparent;
}

.box-text{
	padding:10%;
}

.block-mb{
	display:none;
}
.block-pc{
	display:block;
}

input#tb_extra_guest {
    margin-bottom: 0 !important;
    margin-top: 5px !important;
}

.remark_content_box img{
	max-width: 500px;
}

/*.description{
	padding:50px 50px 50px 50px;
}*/

#tab_content_product{
	position: relative; 
	
}

#tab_content_register{
	padding:50px 0px 0px 0px;
	position: relative; top: -85px;
}
#tab_content_box .tab_content .tab_content_container {
	width: 765px !important;
}

#iframe_title_box::before{
	content: '';
	top:-80px;
	position: absolute;
	
}
.separator {
    display: flex;
    align-items: center;
    text-align: center;
}

.separator::before, .separator::after {
    content: '';
    flex: 1;
    border-bottom: 1px solid #000;
}
.separator::before {
    margin-right: 1.25em;
}
.separator::after {
    margin-left: 1.25em;
}

.table-newsletter {
	font-size: 15px;
}

.iframe-container{
		position: relative;
		max-width:100%;
		max-height:100%;
		padding-bottom: 56.25%;
	} 
	.iframe-container iframe{
		position: absolute;
		top:0;
		left: 0;
		width: 100%;
		height: 100%;
	}
	
.youtube{
	max-width:100%;
	margin-left:auto;
	margin-right:auto;
	padding:25px 0px 0px 0px;
}

.box-form{
  position: relative;
  background-repeat: no-repeat;
  background-position: center;
  /*padding:80px 0px;*/
  background-size: cover;
}

.box-form .checkout_button{
	background:#DDDDDD;
	color:#000000;
	transform:translate(0%,80%);
	
}

.input-form{
	position: inherit;
	/*right:30%;*/
	max-width: 440px;
	max-height:100%;
    margin-left: auto;
    margin-right: auto;
	/* background:rgba(255, 255, 255, 0.7); */
	background:#fcf9ee;
	padding-bottom:50px;
}

input{
	background: transparent !important;
}

/* body.detail .detail-box { */
    /* padding-left: 20px; */
    /* padding-right: 20px; */
/* } */

@media (max-width: 460px){
	.remark_content_box img{
		max-width: 100%;
	}
}


@media (max-width: 768px){
	#tab_title_box {
		width: 100% !important;
	}
	.tab_content .remark_content_box {
		width: 100% !important;
	}
	#tab_content_box .tab_content .tab_content_container {
		width: 100% !important;
	}
	
	.block-mb{
	display:block;
	}
	.block-pc{
	display:none;
	}
	
	#tab_container #iframe_title_box .iframe_title {
    padding: 10px 5px;
	}
}

@media (max-width: 700px){
	.tab_content .date_time_content_box .field_container {
		padding-left: 0;
		padding-right: 0;
	}
	/*.content_banner {
		height: 150px !important;
	}*/
}
@media (max-width: 575.98px){
	#top_box {
		padding-bottom: 15px;
	}
	#top_box .logo_box img {
		height: 30px;
	}
	
	form input[type="radio"], 
	form input[type="checkbox"], 
	form input.checkbox, 
	form input.radio {
		width: 15px;
		height: 20px;
	}
	
	.space_div { padding-top: 25px; }
	.page-otp #bottom_box,
	#checkout-container #bottom_box { padding-top: 35px; }
	
	/*.content_banner {
		height: 100px !important;
		padding-top: 30px;
	}*/
	/*.content_banner img { width: 200px !important; }*/

	/* [class*="col-"] .textbox,
	[class*="col-"] .btn { max-width: 200px; } */
	
	.btn-submit { min-height: 55px !important; max-width: 200px !important; min-width: unset !important; width: 200px; }
}

/* @media (max-width: 480px){ */
@media (max-width: 575.98px){
	#insert-buyer .insert-buyer-box td {
		display: table-cell;
	}
}

@media (max-width: 660px){
.tab_container {
  max-width: 90%;
}
.content {
  max-width: 100%;
}
/*#banner-box{
	width: 360px;
}*/
/*#tab_content_product{
	//padding:30px 0px 0px 0px;
	position: relative; /top: -50px;
}*/

#tab_content_register{
	padding:30px 0px 0px 0px;
	position: relative; top: -50px;
}

#detail_box_three{
	padding:40px 0px;
	background-repeat: no-repeat;
}


#detail_box_three table{
	margin-left: auto;
	margin-right: auto;
}

#detail_box_three tbody{
	display:inline;
}

#detail_box_three .width_10{
	height:50px;
}

#detail_box_three .card {
	width:300px;
	max-width:360px;
	min-width:280px;
	height:100%;
}

/*.box-form{
 height: 340vw;
}*/

.input-form{
	/*right:5%;*/
	/*left:5%;*/
	/*top:30px;*/
	width:95%;
}

#product-img img{
	width:100%;
}
/*.description {
    padding: 30px 10px 10px 10px;
}*/

.btn {
	min-width:170px;
}

#detail_box{
	padding-top:20px;
}
#detail_box img {
    width: 70%;
    height: 70%;
}

.h2, h2 {
    font-size: 1.75rem;
}
.h5, h5 {
    font-size: 1rem;
}

.youtube{
	padding:10px 0px 0px 0px;
}

.width30{
	width:30%;
}

}

@media(max-width:1840px){

#detail_box_three .card {
	width:280px;
	height:100%;
	text-align: center;
	padding: 15px 20px 25px 20px;
}


#detail_box_three .down-text{
	height:25%;
}
.btn {min-width: 220px;}
}

.owl-nav button.owl-next,
.owl-nav button.owl-prev {
  position: absolute;
  top: 50%;
  width: 14px;
  height: 26px;
  outline: 0;
  font-size: 0;
  background-image: url(../upload/icon-arrow.svg);
  transform: translateY(-50%);
}
.owl-nav button.owl-next {
  right: 0;
  transform: translateY(-50%) rotate(180deg);
}

.owl-nav button.owl-prev {
  left: 0;
}
.owl-nav button.owl-prev,
.owl-nav button.owl-next {
  position: absolute;
  top: 50%;
  width: 33px;
  height: 56px;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 0;
  background-color: transparent;
  background-image: url(../upload/icon-banner-arrow-pc.svg);
  background-repeat: no-repeat;
  background-size: cover;
  opacity: .7;
  z-index: 1;
  cursor: pointer;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media (pointer: fine) {
.owl-nav button.owl-prev:hover,
.owl-nav button.owl-next:hover {
  opacity: 1;
}
}
  .owl-nav button.owl-prev,
  .owl-nav button.owl-next {
    background-image: url(../upload/icon-banner-arrow-m.svg);
  }

  .owl-nav button.owl-prev {
    left: 10px;
  }

  .owl-nav button.owl-next {
    right: 10px;
  }
.owl-nav { position: absolute; top: 50%; left: 50%; transform: translateX(-50%); max-width: 100vw; width: calc(100% + 60px); padding: 0 30px; }
.owl-nav button { position: absolute; top: 0; width: 40px; height: 40px; /* box-shadow: 0 0 2px 2px #dddddd; background-color: #ffffff !important; */ border-radius: 5px; line-height: 50px; text-align: center; opacity: 0.8; }
.owl-nav span { display: none; }

.owl-nav .owl-prev { left: 5px; transform: translate(0, -50%); }
.owl-nav .owl-next { right: 5px; transform: translate(0, -50%); }
.owl-nav .owl-prev:before,
.owl-nav .owl-next:before { content: ''; display: block; width: 20px; height: 20px; position: absolute; top: 50%; left: 50%; border-style: solid; border-width: 3px; border-color: transparent #b5b5b5 #b5b5b5 transparent; border-radius: 5px; transform-origin: 50% 50%; }
.owl-nav .owl-prev:before { transform: translate(-30%, -50%) rotate(135deg); }
.owl-nav .owl-next:before { transform: translate(-70%, -50%) rotate(-45deg); }


.owl-dots {
  position: absolute;
  bottom: 25px;
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.owl-dots .owl-dot {
  outline: 0;
  cursor: pointer;
  opacity: 0.4;
  transition-duration: 0.2s;
}

.owl-dots .owl-dot span {
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 0;
  display: block;
  cursor: pointer;
}
.owl-dots .owl-dot {
	margin-left: 7px; margin-right: 7px;
}
.owl-dots .owl-dot span {
  width: 15px;
  height: 15px;
  border-radius: 50%;
  background-color: #fff;
}

.owl-dots .owl-dot:hover,
.owl-dots .owl-dot.active {
	opacity: 1;
}

.owl-dots .owl-dot:hover span,
.owl-dots .owl-dot.active span {
	/*
  background-color: #000;
  */
  box-shadow: unset;
}