* {
    font-family: times, 'open sans', 'Helvetica Neue', Helvetica, Arial, 'microsoft jhenghei', '\5FAE\8EDF\6B63\9ED1\9AD4', sans-serif;
}

#top_box {
	padding-top: 25px;
	padding-bottom: 20px;
}

#top_box:after {
	background-image: unset;
	border-top: 1px solid #dddddd;
}
#top_box .logo_box img {
	/*height: 35px;*/
}

.font-theme { font-family: times, 'microsoft jhenghei', serif; }

.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; */
	border: unset;
}

body#body:before {
    content: '';
    background: url(https://www.buys.hk/too-faced-redemption/uploads/banner/TF_BG_0525.jpg);
    background-size: cover;
    width: 1028px;
    max-width: 100%;
    background-position: center;
    height: 100%;
    position: fixed;
    transform: translate(-50%, -50%);
    left: 50%;
    top: 50%;
    /* margin-left: -15px; */
    /* margin-right: -15px; */
    z-index: -1;
}
#insert-buyer .insert-buyer-box {
    background-color: #ffffff00 !important;
}
/*.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: #333333; }

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: none;
	padding: 10px 15px;
	line-height: 27px;
	box-sizing: border-box;
	min-height: 50px;
	box-sizing: border-box !important;
	font-size: 16px;
	background: rgba(255, 255, 255, 0.7);
}

#bottom_box {
    background: rgba(255, 255, 255, 0.0);
}

.footer-link-box a {
    color: #333333 !important;
}

.footer-link-box a :hover{
    color: #333333 !important;
}

.footer-link-box {
    border-top: 1px solid #FFFFFF !important;
}

.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 {
	background: rgba(255, 255, 255, 0.7);
	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: 50px;
}
.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: rgba(255, 255, 255, 0.5) !important; }
.btn:hover { border-color: #000000; color: #000000; }

#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 20px 0; }
table.item_table .terms-td span { font-size: 15px; }

/*#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; }

#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: 10px;
}

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

.tab_content .remark_bottom_content_box {
	width: 765px !important;
	margin-left: auto;
    margin-right: auto;
}

#tab_title_box {
	/*width: 765px !important;
	background-color: #000000cc;*/
}

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


#tab_content_box .tab_content .tab_content_container {
	width: 765px !important;
}

.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;
}

@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: 90% !important;
	}
	#tab_content_box .tab_content .tab_content_container {
		width: 100% !important;
	}
}

@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: 20px;
		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;
	}
}