@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Kanit:300,400,500');

@font-face {
    font-family: 'thaisans_neue_blackregular';
    src: url('../fonts/thaisans/thaisansneue-black-webfont.eot');src: url('../fonts/thaisans/thaisansneue-black-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/thaisans/thaisansneue-black-webfont.woff') format('woff'),url('../fonts/thaisans/thaisansneue-black-webfont.ttf') format('truetype'),url('../fonts/thaisans/thaisansneue-black-webfont.svg#thaisans_neue_blackregular') format('svg');font-weight: normal;font-style: normal;
}

@font-face {
    font-family: 'thaisans_neuebold';
    src: url('../fonts/thaisans/thaisansneue-bold-webfont.eot');src: url('../fonts/thaisans/thaisansneue-bold-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/thaisans/thaisansneue-bold-webfont.woff') format('woff'),url('../fonts/thaisans/thaisansneue-bold-webfont.ttf') format('truetype'),url('../fonts/thaisans/thaisansneue-bold-webfont.svg#thaisans_neuebold') format('svg');font-weight: normal;font-style: normal;
}

@font-face {
    font-family: 'thaisans_neue_extbdregular';
    src: url('../fonts/thaisans/thaisansneue-extrabold-webfont.eot');src: url('../fonts/thaisans/thaisansneue-extrabold-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/thaisans/thaisansneue-extrabold-webfont.woff') format('woff'),url('../fonts/thaisans/thaisansneue-extrabold-webfont.ttf') format('truetype'),url('../fonts/thaisans/thaisansneue-extrabold-webfont.svg#thaisans_neue_extbdregular') format('svg');font-weight: normal;font-style: normal;
}

@font-face {
    font-family: 'thaisans_neue_extltregular';
    src: url('../fonts/thaisans/thaisansneue-extralight-webfont.eot');src: url('../fonts/thaisans/thaisansneue-extralight-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/thaisans/thaisansneue-extralight-webfont.woff') format('woff'),url('../fonts/thaisans/thaisansneue-extralight-webfont.ttf') format('truetype'),url('../fonts/thaisans/thaisansneue-extralight-webfont.svg#thaisans_neue_extltregular') format('svg');font-weight: normal;font-style: normal;
}

@font-face {
    font-family: 'thaisans_neue_lightregular';
    src: url('../fonts/thaisans/thaisansneue-light-webfont.eot');src: url('../fonts/thaisans/thaisansneue-light-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/thaisans/thaisansneue-light-webfont.woff') format('woff'),url('../fonts/thaisans/thaisansneue-light-webfont.ttf') format('truetype'),url('../fonts/thaisans/thaisansneue-light-webfont.svg#thaisans_neue_lightregular') format('svg');font-weight: normal;font-style: normal;
}

@font-face {
    font-family: 'thaisans_neueregular';
 src: url('../fonts/thaisans/thaisansneue-regular-webfont.eot');src: url('../fonts/thaisans/thaisansneue-regular-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/thaisans/thaisansneue-regular-webfont.woff') format('woff'),url('../fonts/thaisans/thaisansneue-regular-webfont.ttf') format('truetype'),url('../fonts/thaisans/thaisansneue-regular-webfont.svg#thaisans_neueregular') format('svg');font-weight: normal;font-style: normal;
}

@font-face {
    font-family: 'thaisans_neue_sembdregular';
    src: url('../fonts/thaisans/thaisansneue-semibold-webfont.eot');src: url('../fonts/thaisans/thaisansneue-semibold-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/thaisans/thaisansneue-semibold-webfont.woff') format('woff'),url('../fonts/thaisans/thaisansneue-semibold-webfont.ttf') format('truetype'),url('../fonts/thaisans/thaisansneue-semibold-webfont.svg#thaisans_neue_sembdregular') format('svg');font-weight: normal;font-style: normal;
}

@font-face {
    font-family: 'thaisans_neue_ultbdregular';
    src: url('../fonts/thaisans/thaisansneue-ultrabold-webfont.eot');src: url('../fonts/thaisans/thaisansneue-ultrabold-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/thaisans/thaisansneue-ultrabold-webfont.woff') format('woff'),url('../fonts/thaisans/thaisansneue-ultrabold-webfont.ttf') format('truetype'),url('../fonts/thaisans/thaisansneue-ultrabold-webfont.svg#thaisans_neue_ultbdregular') format('svg');font-weight: normal;font-style: normal;
}

@font-face {
    font-family: 'thaisans_neue_ultltregular';
    src: url('../fonts/thaisans/thaisansneue-ultralight-webfont.eot');src: url('../fonts/thaisans/thaisansneue-ultralight-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/thaisans/thaisansneue-ultralight-webfont.woff') format('woff'),url('../fonts/thaisans/thaisansneue-ultralight-webfont.ttf') format('truetype'),url('../fonts/thaisans/thaisansneue-ultralight-webfont.svg#thaisans_neue_ultltregular') format('svg');font-weight: normal;font-style: normal;
}

body.frontend {
	font-size: 18px;
	font-family: 'thaisans_neueregular';
	color: #333333;
}
body.frontend.all-coupons {
	font-size: 16px;
	font-family: 'Kanit', sans-serif;
	color: #333333;
}
body.frontend {
	background-color: #ebebeb;
}
a { color: #333;}
a:hover { color: #000;}
img {max-width: 100%;}
body.frontend h1, body.frontend h2, body.frontend h3,
body.frontend h4, body.frontend h5, body.frontend h6, .text-dark-3 {color:#333333;}
body.bg-couponilove,
.bg-couponilove {background-color: #c1272d;}
body.bg-couponilove img {max-width: 100%;}
.text-dark-3:hover { color: #000000;}
.text-couponilove {color: #c1272d;}
.box-coupon-date {margin-top: -33px;}
.coupon-date-box {font-size: 18px;}
.text-h1-page {font-size: 22px;}

.text-term-detail ol li {font-size: 16px;} 
body.admin {font-size: 14px;}
.frontend .navbar-dark.bg-dark,
.admin .navbar-dark.bg-dark,
.footer.bg-dark {background-color: #000000!important;}

.form-user-submit h5 {font-family: 'thaisans_neueregular';}
.frontend .pagination .page-link {color: #c1272d;}

a:hover {
    text-decoration: none;
}
.col-centered {
    float: none;
    margin: 0 auto;
}

.mt-30 { margin-top: 30px;}
.fs-18 {font-size: 18px !important;}
input::placeholder { color: #dbdbdb !important;}
.margin-gab { margin-top: 25px; margin-bottom: 25px;}
.padding-gab { padding-top: 25px; padding-bottom: 25px;}
.hide-all {display: none;}
.only-pc { display: block !important;}
.mobile-only { display: none !important;}  

/* Navbar */
.navbar-brand img { max-height: 100%;}
.navbar {
    max-height: 115px;
    margin-bottom: 0px;
	padding-bottom: 10px;
	border-bottom: 1px solid #DDDDDD;	
}
.navbar-brand {
    padding: 8px 5px;
    height: auto;
}

.admin .navbar a {font-size: 14px;}
.admin .navbar .navbar-collapse.collapse.show {
	background-color: rgb(248, 249, 250); 
	padding: 10px; 
	border: 1px solid #ddd; 
	margin-top: 0px; 
	position: relative; 
	z-index: 9;
}
.admin .navbar.navbar-menu-focus {
	padding-top: 0;
	padding-bottom: 0;
	margin-top: -1px;
}
.admin .navbar.navbar-menu-focus .navbar-nav .nav-item.active {background-color: #696969;}
.admin .navbar.navbar-menu-focus .navbar-nav .nav-item.active:hover {background-color: #000000;}
.admin .navbar.navbar-menu-focus.navbar-light .navbar-nav .active>.nav-link, 
.admin .navbar.navbar-menu-focus.navbar-light .navbar-nav .nav-link.active, 
.admin .navbar.navbar-menu-focus.navbar-light .navbar-nav .nav-link.show, 
.admin .navbar.navbar-menu-focus.navbar-light .navbar-nav .show>.nav-link {color: rgba(255, 255, 255, 1);}
/* Navbar */

/* jumbotron Banner */
.jumbotron {
    padding:0;
}
.banner-top {
	width: 100%;
    overflow: hidden;
}
.banner-top img {
	display: block;
    max-width: 100%;
    height: auto;
}
/* jumbotron Banner */

/* Form */
.form-group {margin-bottom: 20px;}
.form-user-submit {padding: 10px 0; overflow: hidden;}
.radio-front,
.checkbox-front {
	width:20px;
	height:20px;
}
.admin label {
	font-family: 'thaisans_neuebold';
	font-size: 15px;
}
label {
	font-family: 'thaisans_neuebold';
	font-size: 18px;
}
.form-control, select.form-control,
select.form-control:not([size]):not([multiple]){
    height:40px;
    font-size: 16px;
	border-radius: 0;
}
.help-block {
    margin-top: 10px;
    margin-bottom: 10px;
    color: #464646;
    font-size: 16px;
}
.radio-cam1 {
	width: 25px;
    height: 25px;
	vertical-align: bottom;
}
.btn-big-space { padding: 8px 40px;}
.box-submit {
	float: left;
	width: 50%;
	padding:0 15px;
}
.btn-focus-submit {
	font-size: 0px;
	width: 280px;
	height: 76px;
	background-color: transparent;
	background-image: url(../images/btn-submit.png);
	background-repeat: no-repeat;
	background-size: contain;
}
.btn-big-space { padding: 8px 40px;}
.btn-couponilove {
	color: #fff;
    background-color: #c1272d;
    border-color: #c1272d;
}
.btn-couponilove:hover {
    color: #fff;
    background-color: #ee333b;
    border-color: #ee333b;
}
/* Form */

/* Card Coupon */
.card.coupon {
	margin-bottom: 30px;
	border: none;
	box-shadow: 0 2px 5px rgba(0,0,0,0.07);	
}
.card.coupon .card-body {padding: 10px;}
.card.coupon .coupon_img {margin-bottom: 0px;}
.card.coupon .coupon_img .img-thumbnail {
	padding: 0;
    border: none;
    border-radius: unset;
}
.card.coupon .card-text {
	margin-bottom: 0; 
	font-size: 15px; 
	font-weight: 300;
}
.card.coupon .card-title {
	margin-bottom: 10px;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.3;
	height: 40px;
	overflow: hidden;
}
.card.coupon .card-title a {
	color: #333;
}
.card.coupon .card-title a:hover {
	color: #000;
	text-decoration: underline
}

/* Card Coupon */

/*=========================
  Icons
 ================= */

/* footer social icons */
ul.social-network {
	list-style: none;
	display: inline;
	margin-left:0 !important;
	padding: 0;
}
ul.social-network li {
	display: inline;
	margin: 0 5px;
}
.social-network a.icoHome:hover {
	background-color: #6c8bef;
}
.social-network a.icoYoutube:hover {
	background-color: #cc181e;
}
.social-network a.icoFacebook:hover {
	background-color:#3B5998;
}
.social-network a.icoLine:hover {
	background-color:#00c300;
}
.social-network a.icoLine .fab.fa-line:hover {
	color: #FFFFFF;
}
.social-network a.icoTwitter:hover {
	background-color:#33ccff;
}
.social-network a.icoGoogle:hover {
	background-color:#BD3518;
}
.social-network a.icoInstagram:hover {
	background-color:#3F729B;
}
.social-network a.icoEmail:hover {
	background-color:#007bb7;
}
.social-network a.icoHome:hover i, .social-network a.icoYoutube:hover i, .social-network a.icoFacebook:hover i, .social-network a.icoTwitter:hover i,
.social-network a.icoGoogle:hover i, .social-network a.icoInstagram:hover i, .social-network a.icoEmail:hover i {
	color:#fff;
}
a.socialIcon:hover, .socialHoverClass {
	color:#44BCDD;
}

.social-circle li a {
	display:inline-block;
	position:relative;
	margin:0 auto 0 auto;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	text-align:center;
	width: 24px;
	height: 24px;
	font-size:16px;
}
.social-circle li i {
	margin:0;
	line-height:24px;
	text-align: center;
}

.social-circle li a:hover i, .triggeredHover {
	-moz-transform: rotate(360deg);
	-webkit-transform: rotate(360deg);
	-ms--transform: rotate(360deg);
	transform: rotate(360deg);
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}
.social-circle i {
	color: #9e9e9e;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-o-transition: all 0.8s;
	-ms-transition: all 0.8s;
	transition: all 0.8s;
}

/* Thumbnail */
.thumbnail .caption-box {text-align:left;}
/* Thumbnail */

/* Text Style */
.head-title {
	font-size: 48px;
}
.text-warning-front { color: #FF0000;}
/* Test Style */

/* Footer */
.footer {
	margin: 50px 0 0;
	padding: 65px 10px 10px;
	border-top: 1px solid #ddd;
}
body.frontend .footer h5,
body.frontend .footer h4,
body.frontend .footer a {
	color:#FFFFFF;
}
.footer p {
	color: #fff;
	font-size: 16px;
	font-weight: 300;
	margin-bottom: 1.5rem!important;
}
body.frontend .footer .text-yellow,
body.frontend .footer h4.text-yellow {
	color: #ffff33;
}
.footer .text-social-footer {
	font-size: 20px;
}
.footer .copyright {
	font-size: 13px;
	text-align:center;
}
.footer .copyright a {
	color: #000000;
	text-decoration:  none;
}
.footer .copyright a:hover {
	color: #000000;
	text-decoration:  underline;
}
/*.footer .logo-mberly-footer {filter: grayscale(100%)}*/
.footer .top-footer {
	border-bottom: 1px solid #ddd;
	padding-bottom: 30px;
	margin-bottom: 13px;
	margin-right: -10px;
	margin-left: -10px;
}
.footer .top-footer .address-footer {border-right: 1px solid #ddd;}
.footer .top-footer .social-footer a {
	color: #222;
	text-decoration: none;
}
.footer .top-footer .social-footer a:hover {
	color: #717171;
    text-decoration: underline;
}
.footer .top-footer .logo-store-footer {border-left: 1px solid #ddd;}
/* Footer */



.main {
  padding: 30px;
}
.main-data {
	padding: 25px;
	background-color: #fff;
	box-shadow: 0px 0px 43px 0px rgba(32, 56, 71, 0.19);
}
.main .page-header {
  margin-top: 0;
}
.placeholders {
  margin-bottom: 30px;
  text-align: center;
}
.placeholders h4 {
  margin-bottom: 0;
}
.placeholder {
  margin-bottom: 20px;
}
.placeholder img {
  display: inline-block;
  border-radius: 50%;
}




.text-footer {
	color: #7f7f7f;
	font-family: 'Kanit', sans-serif;
	font-size: 14px;
	margin-top: 100px;
}


.bg-1 {
    background: url(../images/bg-error-p.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.bg-2 {
    background: url(../images/bg-error-p2.jpg) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.bg-gray {
	background-color: #e1e1e1;
}
.error-page {
	padding: 10% 5px;
	overflow: hidden;
}






@media only screen and (min-width: 1018px) and (max-width: 1280px) {}


@media only screen and (min-width: 768px) and (max-width: 1017px) {}

@media only screen and (min-width: 768px)  and (max-width: 1024px) {
  .only-pc { display: none !important;}
  .mobile-only { display: block !important;}
  .display-block { display: block !important; height:0;}
  .head-title { font-size: 34px; line-height: 140%;}
  .frontend .page-header {margin: 5px 0 22px;}
  .frontend .jumbotron {margin-bottom: 5px;}
  .action-page h2,
  .page-header h2 {font-size: 34px;line-height: 140%;}
  .action-page h2.head-term { font-size: 32px;}
	
	.box-coupon-date {margin-top: -6px;}
}

@media only screen and (min-width: 481px) and (max-width: 767px) {
  .only-pc { display: none !important;}
  .mobile-only { display: block !important;}
  .display-block { display: block !important; height:0;}
  .frontend .navbar-brand {display: block;float: none;}
  .frontend .navbar-brand img {margin: 0 auto;}
  .head-title { font-size: 28px; line-height: 140%;}
  .frontend .page-header {margin: 5px 0 22px;}
  .frontend .jumbotron {margin-bottom: 5px;}
  .action-page h2,
  .page-header h2 {font-size: 28px;line-height: 140%;}
  .action-page h2.head-term { font-size: 26px;}
	
	.box-coupon-date {margin-top: -6px;}
	
	
	h3.h1{font-size: 32px;}
}


@media only screen and (max-width: 480px) {  
  .only-pc { display: none !important;}
  .mobile-only { display: block !important;}
  .display-block { display: block !important; height:0;}
  .frontend .navbar-brand {display: block;float: none;}
  .frontend .navbar-brand img {margin: 0 auto;}
  .head-title { font-size: 28px; line-height: 140%;}
  .frontend .page-header {margin: 5px 0 22px;}
  .frontend .jumbotron {margin-bottom: 5px;}
  .action-page h2,
  .page-header h2 {font-size: 22px;line-height: 140%;}
  .action-page h2.head-term { font-size: 30px;}
	
	.box-coupon-date {margin-top: -6px;}
	
	label {font-size: 16px;}
	.form-control, select.form-control, select.form-control:not([size]):not([multiple]) {font-size: 14px;}
	.form-user-submit  div h3 {font-size: 20px;line-height: 1.8;}
	p.h4 {font-size: 18px;}
	p.h5 {font-size: 16px;}
	h3.h1{font-size: 30px;}
	h3.h3 {font-size: 18px;}
	.text-term-foot {font-size: 14px;}
	.text-term-detail {font-size: 14px;}
	.btn-focus-submit {width: 240px;height: 65px;}
	.footer {padding: 20px 0px 10px;}
	.footer .copyright {font-size: 12px;margin-left: -15px; margin-right: -15px;}
}

@media only screen and (min-width: 400px) and (max-width: 479px) {
  .action-page h2,
  .page-header h2 {font-size: 28px;line-height: 140%;}
}

@media only screen and (max-width: 320px) {
  .only-pc { display: none !important;}
  .mobile-only { display: block !important;}
  .display-block { display: block !important; height:0;}
  .frontend .navbar-brand {display: block;float: none;}
  .frontend .navbar-brand img {margin: 0 auto;}
  .head-title { font-size: 28px; line-height: 140%;}
  .frontend .page-header {margin: 5px 0 22px;}
  .frontend .jumbotron {margin-bottom: 5px;}
  .action-page h2,
  .page-header h2 {font-size: 20px;line-height: 140%;}
  .action-page h2.head-term { font-size: 26px;}
	
	.box-coupon-date {margin-top: -6px;}
	
	
	label {font-size: 16px;}
	.form-control, select.form-control, select.form-control:not([size]):not([multiple]) {font-size: 14px;}
	.form-user-submit  div h3 {font-size: 20px;line-height: 1.8;}
	p.h4 {font-size: 18px;}
	p.h5 {font-size: 16px;}
	h3.h1{font-size: 24px;}
	h3.h3 {font-size: 18px;}
	.h5, h5 { font-size: 1.15rem; }
	.text-term-foot {font-size: 14px;}
	.text-term-detail {font-size: 14px; margin-left: -30px;}
	.btn-focus-submit {width: 240px;height: 65px;}
	.footer {padding: 20px 0px 10px;}
	.footer .copyright {font-size: 12px;margin-left: -15px; margin-right: -15px;}
}