/*body*/
body { 
	background-color:#f7f7f7;
}

/*nav*/
.navbar {
	margin-bottom:0px
}



a:link{
	color:black;
}
a:visited{
	color:black;
}
a:hover{
	color:black;
}
.coupon-center-list a:hover{
	text-decoration:none;
}
.center-content a:hover{
	text-decoration:none;
}
a:active{
	color:black;
}



/*coupon section*/
.coupon-center-list {
	display: flex;
	margin-bottom:10px;
	margin-top:10px;
	padding:4px;
	border:1px solid #ddd;
	border-radius:8px;
	background-color:#fff;
}
.coupon-center-list img {
	/*width:140px;*/
	max-width: 140px;
	max-height: 140px;
	/*vertical-align: middle;*/
}
.page-left-brandname{
	display: flex;
	flex-direction: column;
	justify-content: center;
	border:1px solid #ddd;
	border-radius:8px;
	font-size:28px;
	font-weight:300;
	text-align:center;
	padding: auto 0;
	width:240px;
	overflow: hidden;
    word-wrap: break-word;
    -ms-word-break: break-all;
    word-break: break-all;

    background-color: #f7f7f7
}

/*coupon item*/
/*coupon tag*/
.page-coupon-lefttag{
	display:flex;
	flex-direction: column;
	justify-content: center;
	width:120px;
	height:130px;
	position: relative;
	background-image: url('/Public/static/img/site_logo/coupon_tag.svg');
	background-repeat:no-repeat;
	background-size:100% 100%;
	overflow: hidden;
	margin: 8px;
}
.coupon-tag-discount{
	padding-top: 40px;
	display:block;
	font-size:34px;
	font-weight:700;
	color:white;
	text-align:center;
}
.coupon-tag-suffix{
	display:block;
	font-size:20px;
	font-weight:600;
	color:white;
	text-align:center
}
/*coupon title description section*/
.home-card-title{
	font-weight:400;
	font-size: 20px;
	margin-top: 7px
}
.coupon-info{
	width:100%;
	display: flex
}
.coupon-title-a, .coupon-btn-deal-a, .coupon-btn-code-a{
	font-weight:600
}
h2.coupon-title{
	font-size:20px;
	font-weight:600;
	margin:15px 0px 10px 0px
}

.coupon-center-list .coupon-snippet{
	/*max-height:36px;*/
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box; 
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2; 

	font-size:14px;line-height:20px;max-height:40px;margin-bottom:10px
}
/*coupon code button*/
.page-code-btn,.home-card-img{
	/*height:150px;*/
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding:12px
}

.coupon-btn-deal-a{
	background:lightgreen;width:180px;font-size:22px
}
.coupon-code-btn{
	position:relative;background:lightgray;width:180px;font-size:22px;
}
.coupon-code-btn>.code-suffix{
	display:block;text-align:right;margin-right:-7px;
}

.code-cover-svg{
	position:absolute;top:0;left:0;width: 170px;height:45px;line-height:45px;background-image:url('/Public/static/img/site_logo/code_cover.svg')
}

/*brand*/
.page-brand-name{
	text-align:center;font-weight:1000;padding-top:40px;padding-bottom:40px
}
.brand-info{
	padding-top:0px;padding-bottom:15px
}
/*coupon statistic*/
table.coupon-statistic tr th{
	padding-top: 5px
}
/*store*/
.store-center-list{
	height: 28px
}
.footer-stores{
	height:60px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	border:1px solid #ddd;	
	border-radius:8px;
	font-size:16px;
	text-align:center;
    background-color: #f7f7f7;
    margin-bottom:10px;
}
.footer-stores a{
	padding-left: 5px;
	color:green;
}
/*search*/
#nav-serach-div input{
	width: 350px;
	min-width: 200px;
}
div.searchbox-suggest{
	width: 350px
}
/*submit-coupon*/
.submit-coupon-form fieldset{
	padding-top: 20px
}


.thumbnail{ overflow: hidden;  }
.logo-thumbnail{
	min-height: 130px;
	display: flex;
	background: lightgray;
	flex-direction: column;
	justify-content: center;
}
@media screen and (min-width: 621px) {
	.top-nav-container div.navbar-right{ float: right; }
}
@media screen and (max-width: 620px) {
	/*search box*/
	div.page-code-btn{ display:none }
	nav.navbar{ padding-bottom:125px }
	.navbar-collapse, .navbar-form{
		border:none;
	}
	#nav-serach-div{
		padding-top: 65px;
		display: block;
	}
	#nav-serach-div input,#nav-serach-div .searchbox-suggest{
		width: 100%!important
	}
	#nav-serach-div .searchbox-suggest{
		padding:0px 15px 0px 15px;
	}
	#nav-serach-div .navbar-form{
		padding:0px 15px 0px 15px;
		box-shadow: none;
	}

	/*title*/
	h2.coupon-title{
		font-size:18px;
		font-weight:500;
		margin:15px 0px 10px 0px
	}
	h1{
		font-size:25px;
		font-weight:500;
		margin:15px 0px 10px 0px
	}
	/*discount and suffix tag*/
	.coupon-tag-discount{
		font-size:30px;
	}
	.coupon-tag-suffix{
		font-size:17px;
	}
}

@media screen and (max-width: 991px) {
	div.nav-top-brand{display:none!important;}
}
@media screen and (max-width: 730px) {
	#nav-serach-div input{width:280px;}
	div.searchbox-suggest{width: 280px}
}
@media screen and (max-width: 690px) {
	#nav-serach-div input{width:230px;}
	div.searchbox-suggest{width: 230px}
}

@media screen and (min-width: 300px) {
	.top-nav-container div.navbar-header{ float:left; }
	.top-nav-container div.pull-left{ float: left!important;padding-left:20px }
	.top-nav-container form.navbar-form{ box-shadow: none;border: 0;padding-top: 0;padding-bottom: 0 }
}

@media screen and (min-width: 768px) {
	div.top-nav-container{ width: 750px;margin-left:auto;margin-right:auto; }
	/*.center-content{min-height: 500px}*/
}
@media screen and (min-width: 991px) {
	div.right-content { display:none;}
	div.top-nav-container{ width: 970px;margin-left:auto;margin-right:auto; }
}
@media screen and (min-width: 1200px) {
	div.top-nav-container{ width: 1170px;margin-left:auto;margin-right:auto; }
}


time{
	color: #757575;
}

/*static page*/
.static-page p{
	font-size:16px;
	line-height: 35px;
	margin:0 0 30px
}
.static-page h4{
	margin-top:40px;
	text-align:center
}
.static-page li{
	font-size:16px;
	line-height:30px;
}
.static-page a{
	color: blue
}