@font-face {
    font-family: 'OpenSans-Regular_0';
    src:url('/res/CSS/Fonts/OpenSans-Regular_0.eot');
    src: url('/res/CSS/Fonts/OpenSans-Regular_0.eot?#iefix') format('embedded-opentype'),
         url('/res/CSS/Fonts/OpenSans-Regular_0.woff') format('woff'),
         url('/res/CSS/Fonts/OpenSans-Regular_0.ttf') format('truetype'),
         url('/res/CSS/Fonts/OpenSans-Regular_0.svg#DinmedRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.bttn {
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
}


.btn-shop-now {
    color: white;
    width: 100%;
    background-color: #f36f36;
    outline: none !important;
}


.btn-common-lmall-red {
    color: #FFF;
    background-color: #d31c5c;
    border-radius: 5px !important;
    outline: none !important;
}


.btn-common-lmall-white {
    color: #d31c5c;
    border: 1px solid #d31c5c;
    background-color: #FFF;
    border-radius: 5px !important;
    outline: none !important;
}


.btn-common-lelong-white {
    color: #999999;
    border: 1px solid #999999;
    background-color: #FFF;
    border-radius: 5px !important;
    outline: none !important;
}


.btn-common-lelong-grey {
    color: #FFF;
    background-color: #999999;
    border-radius: 5px !important;
    outline: none !important;
}


.simple-pagination .fa {
    display: unset;
}


.nav-tabs { }
    .nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { border-width: 0; }
    .nav-tabs > li > a { border: none; color: #666; }
        .nav-tabs > li.active > a, .nav-tabs > li > a:hover { border: none; color: #0072BC !important; background: transparent; }
        .nav-tabs > li > a::after { content: ""; background: #0072BC; height: 2px; position: absolute; width: 100%; left: 0px; bottom: -1px; transition: all 250ms ease 0s; transform: scale(0); }
    .nav-tabs > li.active > a::after, .nav-tabs > li:hover > a::after { transform: scale(1); }
.tab-nav > li > a::after { background: #21527d none repeat scroll 0% 0%; color: #fff; }
.tab-pane { padding:  0; }
.tab-content{padding:20px; padding-bottom: 5px;}
.nav-tabs > li > a{
    line-height:2;
}

.content-wrapper{
	margin: 0 auto;
	margin-top: 30px;
	width: 1000px;
    padding-bottom:80px;
}

.header-label{
	display: inline-block;
	cursor: pointer;
}

.header-label.active{
	display: inline-block;
	font-size: 25px;
	font-weight: bold;
}

.header-seperator{
	display: inline-block;
	margin: 0 8px;
	width: 1px;
	background: #ddd;
	height: 12px;
}

hr.seperator{
	border: 3px solid #ddd;
	margin: 5px 0;
}

.voucher-container{

}

.voucher-validity-period{
    font-size:13px;
}

.note{
    color:#999;
    font-size:13px;
}




.tab-option{
	position: relative;
	display: inline-block;
	vertical-align: top;
	height: 20px;	
	cursor: pointer;
	transition: .3s ease;
}


.tab-option.selected{

	color: #0072BC;
	font-weight: bold;
}

.voucher-content-container{
	position: relative;
	padding: 20px 0;
    
}

.voucher-content{
	display: none;
	/*border: 1px solid #ddd;
	padding: 10px;*/
}

.voucher-content.selected{
	display: inherit;
}

.voucher-item{
	position: relative;
	margin-top: 10px;
	height: 130px;
	
}



.voucher-img{
    background-image: url('/res/CSS/Images/voucher_discount_background_new.png');
	position: absolute;
	top: 0;
	left: 0;
	width: 350px;
    height:120px;
    
}

.voucher-img-container{
	position: absolute;
	top: 20px;
	left: 15px;
	width: 300px;
	height:120px;
	border: 1px solid #ddd;
}


.discount-box{
    margin-left:220px;
    height:120px;
}


.enjoy-box{
    font-family:OpenSans-Regular_0;
    font-size:16px;
    margin-top:20px;
    color:white;

}

.amt-box{
    font-family:OpenSans-Regular_0;
    color:white;
}


.amt-text{
    font-size:55px;  
    text-shadow: 0px 2px, 2px 0px, 2px 2px;
    line-height:40px;
    font-weight: 800;

}

.amt-text-medium{
    font-size:45px;  
    text-shadow: 0px 2px, 2px 0px, 2px 2px;
    line-height:40px;
    font-weight: 800;

}

.amt-text-small{
    font-size:30px;  
    text-shadow: 0px 2px, 2px 0px, 2px 2px;
    line-height:40px;
    font-weight: 800;

}

.discountType-box{
    display:inline-block;
    margin-top:2px;
    position:absolute;
    line-height:20px;
    text-shadow: 0px 1px, 1px 1px, 1px 1px;
    width:40px;
}





.voucher-discount-large{
    width: 306px;
    height:108px;
    display: table-cell;
    vertical-align:middle;
    text-align:center;
    color: #f31212;
    font-size:35px;
    font-weight:bold;
}



.voucher-note-qty{
	color: #f39c12;
}

.voucher-detail{
	line-height: 1.5;
    padding-left: 370px;
}

.voucher-name{
	font-size: 20px;
}

.voucher-applicable-subject{
	position: absolute;
	bottom: 6px;
	font-size: 12px;
	color: #aaa;
	text-decoration: underline;
	cursor: pointer;
}

.voucher-min-purchase{
	
	font-size: 12px;
    float:right;

}

.voucher-max-discount{
	color: #E74C3C;
	font-size: 12px;
}

.voucher-status{

	font-size: 13px;

}


.tnc-wrapper{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: .3s ease;
	z-index: -1;
	opacity: 0;
	background: rgba(0,0,0, .5);
}

.tnc-wrapper.active{
	z-index: 1;
	opacity: 1;
}

.tnc-container{
	margin: 0 auto;
	width: 600px;
	
}



.tnc-label{
	padding: 15px;
	background: #2C3E50;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	text-align: center;
}

.tnc-content{
	padding: 15px;
	background: #fff;
}


.voucher-tnc{
	margin-top: 5px;
	color: #3498DB;
	text-decoration: underline;
	transition: .2s ease;
	cursor: pointer;
    font-size:13px
}
.voucher-prd{

	color: #3498DB;
	text-decoration: underline;
	transition: .2s ease;
	cursor: pointer;
}

hr.voucher-seperator{
	margin-top: 10px;
}


.title{
    
}


.coupon-content-container{
	position: relative;
	
}

.search-wrapper {
    position: relative;
    margin-left: 33px;
    display: inline-block;
    float: left;
}

.search-wrapper input {
    width: 305px;
    height: 30px;
    float: left;
    font-size: 15px;
   
    background: #fff;
    padding: 10px;
}

.search-wrapper button {
    overflow: visible;
    position: relative;
    border: 0;
    padding: 0;
    cursor: pointer;
    height: 30px;
    width: 40px;
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
    background: #1968b3;
    text-shadow: 0 -1px 0 rgba(0,0,0,.3);
}



.couponTable th{
    font-size:14px;
    height:40px;
}


.discountBoxTable {
    height:70px; 
    background:url(/Res/img/offer/yellow.png);
    background-size: 100% 100%;
    cursor:pointer
}

.cashRebateBoxTable {
    height:70px; 
    background:url(/Res/img/offer/blue.png);
    background-size: 100% 100%;
    cursor:pointer
}


.freeShipBoxTable {
    height:70px; 
    background:url(/Res/img/offer/red.png);
    background-size: 100% 100%;
    cursor:pointer
}



.freeShipFilterTd{
     height:100%;font-size:14px;text-align:center;line-height:70px
}

.discountFilterTd{
    height:100%;width:53%;display:inline-block;text-align:center;line-height:70px;color:white;font-size:14px
}

.discountAmtTd{
    height:100%;width:44%;display:inline-block;font-size:13px;text-align:center;color:black
}

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

.off{
    font-size:16px
}

.couponTr{
    border:1px solid #ddd;height:100px
}



.couponTable .couponTr:hover {
           
        box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19);
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
}


.dropdownFilter{
    height: 30px;
    padding-left: 5px;
    font-size: 13px;
    margin: 10px;
    background: white;
    border: 1px solid #d0d0d0;
}


.go-page input[type=button] {
    background-color: #999999;
    color: #fff;
    border:#999999 1px solid;
    padding-left: 7px;
    padding-right: 7px;
    font-size: 10px;
    line-height: 15px;
}