body {
	font-size:14px;
	color: rgb(0,37,97);
}
img { width:100%; }
label {
	text-align:right;
}
/*
input[type=text] , select {
	background-color:#ffffe5;
}
*/
h5 {
	margin-top:.25rem;
	margin-bottom: 1rem;
}
button {
	float:right;
}
.top {
	text-align:center;
	margin: 20px 0;
}
.top .event-name {	
	font-size:1.5rem;
}
.top img {
	width:220px;
	margin-bottom:20px;
}
.content {
	border-radius:5px;
	background-color:rgba(0,37,97, 0.1);
	margin-top:1rem;
	margin-bottom:1rem;
	padding:1rem;
	/*padding-top:1rem;*/
}
.content.terms {
	margin-bottom:0;
}
.box-form {
	width:100%;
}
.detail:last-child {
	border-left:1px solid rgba(0,0,0,.1)
}
/*
.detail {
	border-radius:5px;
	background-color:rgba(0,37,97, 0.1);
	padding-top:1rem;
	padding-bottom:1rem;
}
*/
.cust-address input {
	margin-left:2px;
	background-color:#fff !important;
}
.cust-address input:first-child {
	margin-left:0;
}
.cust-address .w-100 {
	margin-bottom:5px;
}
/*
.cust-address input {
	margin-bottom:8px;
}
*/
.voucher-detail label {
	text-align:left;
}
.voucher-detail .col-form-label {
	/*padding-right:8px;*/
	text-align:right;
}
.voucher-detail, .voucher-summary {
	padding-left: 15px;
}
input[type=checkbox] {
	margin-right:.25rem;
}
/*
input[type=text], input[type=email], input[type=tel] {
	padding-left:2px;
	padding-right:2px;
}
*/
select {
	height:25px;
}
/*
.no-voucher {
	font-size:12px;
	margin-left:.25rem;
	width:68px;
	text-align:center;
}
*/
.optNoVoucher {
	font-size:14px;
	/*width:50px;*/
}
.voucher-summary {
	padding-top:10px;
}
.voucher-summary h6 {
	color: green;
	font-weight:bold;
}
.remark {
	font-size:11px;
	color: rgb(255,165,0);
}
label {
	text-align:left;
	padding-left:0 !important;
}
.label-inline {
	float:right;
}
.title {
	text-align:right;
}
/*
.cust-name {
	width:48%;
}
#Lname {
	margin-left:.75rem;
}
*/
table.tb-voucher {
	margin-top:.75rem;
	width:100%;
}
.tb-voucher tr td:last-child {
	padding-left:8px;
}
.tb-voucher tbody > tr input[type=text]{
	/*width:50px;*/
}
.tb-voucher tbody {
	font-size:14px;
}
.tb-voucher tfoot {
	color: green;
	font-weight:bold;
}
.tb-voucher tfoot tr:first-child td {
	padding-top:1rem;
}
.tb-voucher tfoot label {
	padding-top:0;
}
.tb-voucher tfoot input {
	margin-bottom:.25rem;
}
/*
.tb-voucher tfoot input[type=text] {
	width:85px;
}
*/
.tb-voucher .form-group {
	margin-bottom:0;
	margin-left:0;
    margin-right:0;
}
.tb-voucher .voucher-detail span {
	padding-left:15px;
	font-size:12px;
}
.div-control {
	padding-top:1rem;
}
.thankyou {
	margin: 50 auto;
	/*display:none;*/
	/*
	position: fixed;
	top: 25%;
    left: 25%;
	margin-top: -100px;
    margin-left: -200px;
	padding: 0;
	*/
}
.thankyou h3, .thankyou h4 , .thankyou h6 {
	text-align:center;
}
.thankyou .top {
	margin-bottom:40px;
}
.thankyou .order-detail {
	margin-top:2rem;
	text-align:center;
}
.thankyou  table {
	width:100%;
}
.thankyou .footer {
	margin-top:3rem;
	text-align: center;
}
.payment-method {
	width:100%;
	background-color:#ffffe5;
	border-radius:5px;
	padding-top:15px;
	padding-bottom:15px;
}
.payment-method img {
	cursor: default !important;
}
.pay-option .radio-inline {
	margin-bottom:5px;
}
.pay-option span {
	padding-left:8px;
}
.pay-option img {
	/*width:120px;*/
	width: 180px;
}
.verifyAgree {
	background-color: #fff;
	border-radius:5px;
	border:1px dotted;
	padding:8px;
	font-size:10px;
}
.verifyAgree img.lock {
	width:16px;
}
.verifyAgree .title, .verifyAgree .detail {
	width:100%;
	text-align:left;
}
.verifyAgree .title {
	line-height: 2;
	padding-bottom:5px;
}
.verifyAgree .title span {
	padding-top:5px;
	padding-right:5px;
}
.verifyAgree .detail {
	border-left:0;
	border-top:0;
}
.btn-pay {
	background-color:rgb(0,37,97);
	box-shadow: 0 0 5px 0 rgba(0,0,0,.5);
    color: #fefefe;
	font-size: .8125rem;
}

/** Zoom Image **/
img:hover {
	cursor:zoom-in;
}
.zoom {
	background-color: #ccc;
	transition: transform .2s; /* Animation */
	-ms-transform: scale(1.5); /* IE 9 */
	-webkit-transform: scale(1.5); /* Safari 3-8 */
	transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
	margin: 0 auto;
	z-index: 999;
    position: absolute;
	width: 100%;
    top: 25%;
}
.zoom:hover {
	cursor:zoom-out;
}
.left.zoom {
	left: 50%;
}
.right.zoom  {
	left: -50%;
}
.error {
	color:red;
	margin-bottom:0;
	padding-left: 3px !important;
}
.required {
	color:red;
}
input:valid {
	background-color: #fff;
}
.tt-menu {
    height: auto;
    max-height: 100px;
    overflow-y: auto;
}
#overlay {
	position: fixed; /* Sit on top of the page content */
	display: none; /* Hidden by default */
	width: 100%; /* Full width (cover the whole page) */
	height: 100%; /* Full height (cover the whole page) */
	top: 0; 
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0,0,0,0.8); /* Black background with opacity */
	z-index: 2; /* Specify a stack order in case you're using a different order for other elements */
	cursor: pointer; /* Add a pointer on hover */
}
#overlay img {
	max-width:100%;
	max-height:100%;
	display:inline;
}

@media only screen and (max-width:768px) {
	.detail:last-child {
		padding-top: 1rem;
		border-left:0;
		border-top:1px solid rgba(0,0,0,.1)
	}
	.title {
		text-align:left;
	}
	.tb-voucher tfoot input {
		margin-top:.25rem;
	}
	.tb-voucher tfoot .form-group div {
		padding-left:0;
	}
	.verifyAgree {
		margin-bottom:8px;
	}
	/*
	.thankyou {
		position: relative;
		top: 2%;
		left: 0;
		margin-top: 0;
		margin-left: 0;
		padding: 0;
	}
	*/
}