/* 11/11/2017 By Tipon Na */
/*[Start]*/
body {
    font-family: 'Conv_Kanit-Regular';
}
.modal-open .modal{
    padding: 0;
}

.col-100 {
    width: 100%;
}

.col-75 {
    width: 75%;
}

.col-50 {
    width: 50%;
}

.col-33 {
    width: 33.33%;
}

.col-25 {
    width: 25%;
}

.bg-cancel {
    background-color: #ff2d2d !important;
}

.bg-confirm {
    background-color: #76c80e !important;
}

.color-cancel {
    /*color: ;*/
}

.color-confirm {
    /*color: ;*/
}

.log-pd {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
}

.logo-login-top {
    position: absolute;
    left: 0;
    max-width: 100%;
    height: 60px;
}

.pd-0 {
    padding: 0 !important;
}

.mg-0 {
    margin: 0 !important;
}

.img-respon {
    max-width: 100%;
}

.relative {
    position: relative !important;
}

.block-btn-right, .block-btn-left {
    display: flex;
    align-items: center;
    justify-content: center;

}

.bg-menu {
    background-color: #4c4743;
}

.bg-main {
    background-image: url("../image/bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav-login {
    background-color: white;
    position: absolute;
    width: 100%;
}

.col-right {
    display: flex;
    justify-content: flex-end;
    position: relative;
}

.border-login {
    border-bottom: 1px solid #ccc;
    height: 65px;
}

.bell-block {
    display: flex;
    align-items: center;
    padding: 0 20px;
    font-family: 'Conv_Kanit-Medium';
    font-size: 20px;
    color: #666;
    height: 65px;
    border-left: 2px solid #e7e7e7;
    border-right: 2px solid #e7e7e7;
}

.bell-block i {
    font-size: 24px;
    line-height: 24px;
    margin-right: 30px;
    color: #666;
    position: relative;
}

.alert-call {
    font-size: 14px;
    line-height: 14px;
    color: #fff;
    background-color: #76c80e;
    padding: 2px 10px 2px 10px;
    border-radius: 31px;
    position: absolute;
    font-family: 'Conv_Kanit-Regular';
    top: -9px;
    left: 9px;
}

.login-block {
    display: flex;
    align-items: center;
    padding: 0 20px;
    font-family: 'Conv_Kanit-Medium';
    font-size: 20px;
    line-height: 20px;
    color: #666;
    height: 65px;
}

.avatar {
    width: 45px;
    height: 45px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    border-radius: 50%;
    margin-right: 20px;
}

.name-user {
    font-family: 'Conv_Kanit-Medium';
    font-size: 20px;
    line-height: 20px;
    color: #666;
}

.name-user i {
    margin-left: 20px;
    color: #666;
}

#header-1 .main-nav.icp-menu {
    background-color: #fff;
}

.main-nav.icp-menu {
    position: relative;
}

#sidebar ul li a {
    display: flex;
    align-items: center;
}

#sidebar ul li a i {
    font-size: 35px;
    line-height: 35px;
    margin: 0 20px 0 20px;
}

.btn-nav {
    background-color: #21409a;
    box-shadow: none;
    cursor: pointer;
    font-size: 20px;
    border: 1px solid;
    border-radius: 6px;
    padding: 5px 15px;
    color: #fff;
    position: absolute;
    right: 15px;
}

.btn-nav:focus, button:focus {
    outline: none;
}

.block-body-icp {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.block-top-dashbord {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    -webkit-box-shadow: 0 10px 20px -15px #000;
    -moz-box-shadow: 0 10px 20px -15px #000;
    box-shadow: 0 10px 20px -15px #000;
    margin: 10px 15px;
    border-radius: 6px;
    border: 1px solid #d3d3d3;
    width: 100%;
    padding: 10px 15px;
}

.top-dashbord-img {
    display: block;
    position: relative;
    height: 200px;
    width: 25%;
    border-radius: 6px;
    overflow: hidden;
    background-position: center !important;
    background-size: cover !important;
    float: left;

}

.top-dashbord-camara {
    background: rgba(141, 141, 141, 0.5);
    position: absolute;
    bottom: 0;
    width: 100%;
    cursor: pointer;
}

.top-dashbord-camara p {
    color: #fff;
    font-size: 23px;
    margin: 0;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: 'Conv_Kanit-Medium';

}

.top-dashbord-camara p i {
    font-size: 32px;
    margin-right: 5px;
}

.top-dashbord-detail {
    display: block;
    position: relative;
    height: 200px;
    width: 35%;
    float: left;
    padding: 15px 30px;
}

.store-name {
    font-size: 40px;
    line-height: 40px;
    font-family: 'Conv_Kanit-Medium';
    color: #454545;
    margin: 0 0 25px 0;

}

.store-code, .store-type {
    font-size: 20px;
    line-height: 20px;
    font-family: 'Conv_Kanit-Medium';
    color: #666;
    margin: 0 0 10px 0;
}

.store-code span:nth-child(1), .store-type span:nth-child(1) {
    min-width: 100px;
    display: block;
    float: left;
}

.store-code span:nth-child(2), .store-type span:nth-child(2) {

}

.top-dashbord-score {
    display: block;
    position: relative;
    height: 200px;
    width: 40%;
    float: left;
}

.top-dashbord-score img {
    position: absolute;
    top: -10px;
    max-width: 100%;
}

.top-dashbord-score-text {
    margin: 0 0 0 95px;
}

.top-dashbord-score-text .score {
    font-size: 20px;
    line-height: 20px;
    font-family: 'Conv_Kanit-Medium';
    color: #21409a;
    text-align: center;
    margin: 10px 0;
}

.top-dashbord-score-text .score span {
    font-size: 52px;
    line-height: 52px;
    color: #f1543f;
}

.top-dashbord-score-text .title-score {
    font-size: 20px;
    line-height: 20px;
    font-family: 'Conv_Kanit-Medium';
    color: #21409a;
    text-align: center;
}

.top-dashbord-score-btn {
    display: flex;
}

.score-btn1 {
    background-color: #f1543f;
}

.score-btn2 {
    background-color: #21409a;
}

.score-btn1, .score-btn2 {
    font-size: 13px;
    width: 50%;
    color: #fff;
    border-radius: 6px;
    padding: 5px 0;
    margin: 0 5px;
    text-align: center;
    cursor: pointer;
}

.block-bottom-dashbord {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    position: relative;
}

.left-dashbord {
    width: 40%;
    border-left: 1px solid #efeeef;
    border-right: 1px solid #efeeef;
    padding: 0 0 20px 0;
}

.right-dashbord {
    width: 60%;
    border-left: 1px solid #efeeef;
    border-right: 1px solid #efeeef;
    padding: 0 0 20px 0;

}

.title-bord {
    height: 55px;
    background-color: #f8f8f8;
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    border-top: 1px solid #f5f5f6;
    border-bottom: 1px solid #d3d3d3;
}

.title-bord img {
    max-width: 100%;
}

.regis-member {
    width: 60px;
    text-align: center;
    position: absolute;
    right: 15px;
    cursor: pointer;
}

.regis-member i {
    width: 100%;
    font-size: 28px;
    color: #0072bb;
}

.regis-member p {
    font-size: 10px;
    line-height: 10px;
    width: 100%;
    margin: 0;
    color: #0072bb;
}

.member-title {
    font-size: 15px;
    text-align: center;
    font-family: 'Conv_Kanit-Medium';
    margin: 15px 0px;
    text-transform: uppercase;
}

.left-dashbord .item-member {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 15px;
    padding: 10px 0;
    width: 100%;
    border-top: 1px solid #d3d3d3;
}

.left-dashbord .item-member:last-child {
    border-bottom: 1px solid #d3d3d3;
}

.item-member-img {
    padding: 0 10px;
    width: 25%;
}

.item-member-detail {
    margin: 0;
    color: #434343;
    font-family: 'Conv_Kanit-Regular';
    padding: 0 5px;
    width: 50%;
}

.item-member-gif {
    padding: 0 10px;
    width: 25%;
}

.item-member-img img {
    height: 55px;
    width: 55px;
    max-width: 100%;
    border-radius: 50%;
}

.text-member-name {
    margin: 0;
    color: #434343;
    font-family: 'Conv_Kanit-Regular';
    font-size: 15px;
}

.text-member-code {
    margin: 0;
    color: #434343;
    font-family: 'Conv_Kanit-Regular';
    font-size: 15px;
}

.text-member-score {
    margin: 0;
    color: #434343;
    font-family: 'Conv_Kanit-Regular';
    font-size: 15px;
}

.text-member-score span {
    font-size: 27px;
    margin-left: 5px;
}

.a-gif {
    text-align: center;
    margin: 10px 0;
}

.a-gif i {
    text-align: center;
    color: #0072bb;
    font-size: 24px;
}

.a-gif p {
    text-align: center;
    color: #0072bb;
    font-family: 'Conv_Kanit-Regular';
    margin: 0;
    font-size: 10px;

}

.item-product-score {
    border-radius: 6px;
    width: 100%;
    -webkit-box-shadow: 0 10px 20px -15px #000;
    -moz-box-shadow: 0 10px 20px -15px #000;
    box-shadow: 0px 0px 32px -15px #000;
    overflow: hidden;
}

.col-33 {
    width: 33.33%;
    float: left;
    padding: 7.5px;
}

.item-product-score img {
    max-width: 100%;
    min-width: 100%;
    padding: 5px 5px;
    border-radius: 12px;
    overflow: hidden;
}

.you-score {
    font-family: 'Conv_Kanit-Bold';
    color: #fff;
    font-size: 16px;
    text-align: center;
    margin: 0;
    padding: 10px 0;
    background-color: #ff4f37;
}

.item-product-score-title {
    font-family: 'Conv_Kanit-Bold';
    font-size: 16px;
    line-height: 20px;
    color: #3e3c42;
    margin: 5px 8px 5px 8px;
}

.item-product-score-sub {
    font-family: 'Conv_Kanit-Medium';
    font-size: 13px;
    line-height: 20px;
    color: #3e3c42;
    margin: 5px 8px 5px 8px;

}

.item-product-score-btn {
    width: 90%;
    display: block;
    margin: 10px auto 15px auto;
    background: #21409a;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 4px;
}

.regis-member.net {
    width: 60px;
    text-align: right;
    position: absolute;
    right: 15px;
    cursor: pointer;
}

.regis-member.net i {
    width: 100%;
    font-size: 42px;
    color: #444444;
}

.block-address {
    width: 100%;
    display: block;
    float: left;
    padding: 20px 0 0 0;
}

.item-address {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 5px;
}

.address-left {
    float: left;
    width: 50%;
    text-align: right;
    padding: 0 5px 0 10px;
    color: #434343;
    font-size: 15px;
    font-family: 'Conv_Kanit-Medium';
}

.address-right {
    float: left;
    width: 50%;
    text-align: left;
    padding: 0 5px 0 10px;
    color: #0072bb;
    font-size: 13px;
    font-family: 'Conv_Kanit-Medium';
}

.network-store-block {
    padding: 10px;
}

.network-store-item {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    -webkit-box-shadow: 0 10px 20px -15px #000;
    -moz-box-shadow: 0 10px 20px -15px #000;
    box-shadow: 0px 0px 32px -15px #000;
    border: 1px solid #d3d3d3;
    border-radius: 6px;
    margin: 5px 0 5px 0;
}

.network-store-item img {
    border: 1px solid #d3d3d3;
    margin: 5px 10px;
    border-radius: 6px 12px;
    height: 125px;
}

.network-store-item .title-store {
    font-family: 'Conv_Kanit-Medium';
    font-size: 16px;
    line-height: 16px;
    color: #434343;
    margin: 10px 0;
}

.network-store-item .sub-store {
    font-family: 'Conv_Kanit-Medium';
    font-size: 16px;
    line-height: 16px;
    color: rgba(67, 67, 67, 0.8);
    margin: 10px 0;
    padding: 0 0 0 15px;
}

.full-dashbord {
    width: 100%;
    padding: 0 0 20px 0;
    -webkit-box-shadow: 0 10px 20px -15px #000;
    -moz-box-shadow: 0 10px 20px -15px #000;
    box-shadow: 0px 0px 32px -15px #000;
}

.col-20 {
    width: 20%;
    padding: 7.5px;
    float: left;

}

.block-my-coin {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 0 0;
}

.my-coin-left {
    width: 30%;
    float: left;
}

.my-coin-right {
    width: 70%;
    float: left;
    padding: 15px;
}

.my-coin-btn {
    width: 85%;
    display: flex;
    justify-content: center;
    margin: auto;
}

.point-user {
    font-size: 20px;
    color: #21409a;
    font-family: 'Conv_Kanit-Medium';
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 25px 0;
}

.point-user span {
    font-size: 52px;
    line-height: 48px;
    margin-right: 5px;
}

.text-exp {
    font-size: 20px;
    color: #464646;
    font-family: 'Conv_Kanit-Medium';
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 25px 0;
}

.text-exp i {
    font-size: 28px;
    color: #ff0000;
}

.point-exp {
    font-size: 20px;
    color: #21409a;
    font-family: 'Conv_Kanit-Medium';
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 25px 0;
}

.point-exp span {
    font-size: 52px;
    line-height: 26px;
    color: #f1543f;
    margin-right: 5px;
}

.box-point {
    font-size: 18px;
    color: #434343;
    padding: 5px 0 5px 15px;
    font-family: 'Conv_Kanit-Medium';
}

.item-table-point .box-point:nth-child(1) {
    width: 20%;
    float: left;
    border-right: 2px solid #848484;
}

.item-table-point .box-point:nth-child(2) {
    width: 22%;
    float: left;
    border-right: 2px solid #848484;
}

.item-table-point .box-point:nth-child(3) {
    width: 25%;
    float: left;
    border-right: 2px solid #848484;
    color: #21409a;
    text-decoration: underline;
    text-transform: uppercase;
}

.item-table-point .box-point:nth-child(3).point-top {
    width: 25%;
    float: left;
    border-right: 2px solid #848484;
    color: #434343;
    text-decoration: none;
    padding: 5px 0 5px 15px;
}

.item-table-point .box-point:nth-child(4).point-top {
    width: 15%;
    float: left;
    border-right: 2px solid #848484;
    text-align: center;
}

.item-table-point .box-point:nth-child(4) {
    width: 15%;
    float: left;
    border-right: 2px solid #848484;
}

.item-table-point .box-point:nth-child(5) {
    width: 18%;
    float: left;
}

.item-table-point {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background-color: #fff;
}

.item-table-point:nth-last-of-type(odd) {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background-color: #f3f5f7;
}

.box-point.point-top {
    padding: 5px 0 5px 15px;
    position: relative;
    font-size: 20px;
    color: #434343;
    background-color: #d3d3d3;
    display: flex;
    align-items: center;
}

.box-point.point-top i {
    position: absolute;
    right: 15px;
    font-size: 22px;
    font-weight: bold;
}

.table-point {
    display: block;
    width: 100%;
    float: left;
    border: 1px solid #d3d3d3;
    border-radius: 6px;
    overflow: hidden;
    border: 1px solid #d3d3d3;
    background-color: #d3d3d3;
}

.page-point-number {
    width: 100%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding: 15px 0 0 0;
}

span.all-item, .show-item {
    font-family: 'Conv_Kanit-Regular';
    font-size: 15px;
    color: #434343;
    margin-right: 5px;
}

input.input-page {
    width: 95px;
    border-radius: 6px;
    border: 1px solid #d3d3d3;
    font-family: 'Conv_Kanit-Regular';
    font-size: 15px;
    margin: 0 5px 0 5px;
    text-align: right;
    padding: 5px 15px;
}

.page-next, .page-next2 {
    border: 1px solid #d3d3d3;
    background-color: #f3f5f7;
    color: #707070;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    padding: 2px 5px;
    margin: 0 3px;
    cursor: pointer;
    font-weight: bold;
}

.menu-wrapper .dropdown:hover .dropdown-menu, .menu-wrapper .dropdown.open .dropdown-menu {
    display: block;
    margin-top: 0;
    border: none;
    left: -20px;
    padding: 10px 0;
}

.block-title-product {
    width: 100%;
    position: relative;
    padding: 30px 0 0 15px;
}

.block-title-product ul.nav.nav-tabs {
    width: 100%;
    display: block;
    position: relative;
}

.block-title-product .tab-content {

    /* border: 4px solid #f3f5f7; */
    /* border-radius: 4px; */
    width: 100%;    
    padding: 15px;
    margin-bottom: 30px;
}

.block-title-product .tab-pane.active {
    padding: 0 0;
    border-bottom: 0px solid #ecf0f1;
    display: flex;
    flex-wrap: wrap;
}

.block-title-product .nav-tabs > li {
    margin: 0 -3px;
}

.block-title-product .nav-tabs > li.active {
    z-index: 99;
    float: none;
    display: inline-block;
    margin: 0 -3px;
}

.block-title-product .nav-tabs > li > a {
    background-color: #f3f5f7;
    border-radius: 0;
    margin: 0 0px 0 0;
    padding: 0;
    font-family: 'Conv_Kanit-Medium';
    font-size: 14px;
    line-height: 14px;
    color: #454545;
    border-bottom: 4px solid #fff;
    width: 90px;
    position: relative;
    top: 4px;
    left: 6px;
}

.block-title-product .nav-tabs > li > a img {
    max-width: 100%;
}

.block-title-product .nav-tabs > li.active > a, .block-title-product .nav-tabs > li.active > a:hover,
.block-title-product .nav-tabs > li.active > a:focus {
    background-color: #fff;
    margin: 0;
    color: #454545;
    border-bottom: 4px solid #FF5722 !important;

}

.block-title-product .nav-tabs {
    border: none !important;
}

.logo-pd {
    width: 30%;
    padding-top: 20px;

}

.logo-pd img {
    width: 30%;
    min-width: 100%;
}

.text-pd {
    width: 70%;
    padding-top: 20px;

}

.col-pd-top-left {
    width: 60%;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 30px;
    border-bottom: 2px solid #d3d3d3;
}

.col-pd-top-left p:nth-child(1) {
    font-size: 18px;
    line-height: 18px;
    font-family: 'Conv_Kanit-Bold';
    margin: 15px 0 0 0;
}

.col-pd-top-left p:nth-child(2) {
    font-size: 16px;
    line-height: 16px;
    font-family: 'Conv_Kanit-Regular';
    margin: 10px 0 0 0;
}

.col-pd-top-right {
    width: 40%;
    display: flex;
    flex-wrap: wrap;
    padding: 20px 0 30px 30px;
    border-bottom: 2px solid #d3d3d3;

}

.col-pd-top-right p:nth-child(1) {
    font-size: 18px;
    line-height: 18px;
    font-family: 'Conv_Kanit-Bold';
    width: 100%;
    margin: 15px 0 0 0;
    position: relative;

}

.col-pd-top-right p:nth-child(2) {
    width: 100%;
    margin: 15px 0 0 0;
    position: relative;
    font-size: 16px;
    line-height: 16px;
    font-family: 'Conv_Kanit-Medium';

}

.col-pd-top-right p:nth-child(3) {
    width: 100%;
    margin: 15px 0 0 0;
    position: relative;
    font-size: 16px;
    line-height: 16px;
    font-family: 'Conv_Kanit-Medium';
}

.col-pd-top-right p span {
    position: absolute;
    left: 155px;
}

.block-check-pd {
    width: 100%;
    position: relative;
    border-radius: 12px;
    background-color: #f3f5f7;
    display: flex;
    flex-wrap: wrap;
    margin: 20px 0 0 0;
    padding: 15px;
    /*-moz-box-shadow: inset 0 8px 32px #bfbaba;
    -webkit-box-shadow: inset 0 8px 32px #bfbaba;
    box-shadow: inset 0 8px 32px #bfbaba;*/
}

.item-product-check {
    width: 14%;
    padding: 10px;
    position: relative;
}

.item-product-check img {
    max-width: 100%;

}

.item-product-check .control__indicator {
    top: -5px;
}

.item-product-check .control {
    display: block;
    position: relative;
    padding-left: 30px;
    margin-bottom: 0px;
    cursor: pointer;
}

.item-product-check .control__indicator {
    background: #fff !important;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    -moz-box-shadow: inset 0 1px 2px #a6a4a4;
    -webkit-box-shadow: inset 0 1px 2px #a6a4a4;
    box-shadow: inset 0 1px 2px #a6a4a4;
}

.item-product-check .control input:checked ~ .control__indicator {
    background: #fff !important;
}

.item-product-check .control--checkbox .control__indicator:after {
    left: 7px;
    top: -4px;
    width: 8px;
    height: 18px;
    border: solid #059c05;
    border-width: 0 3px 3px 0;
    transform: rotate(45deg);
}

.block-product {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    position: relative;
}

.col-product {
    width: 25%;
    display: flex;
    position: relative;
    flex-wrap: wrap;
    padding: 15px;
}

.item-product {
    width: 100%;
    padding: 15px 0px;
    position: relative;
    -webkit-box-shadow: 110px 4px 35px -5px #bcbcbc;
    -moz-box-shadow: 10px 4px 35px -5px #bcbcbc;
    box-shadow: 10px 4px 35px -5px #bcbcbc;
    border-radius: 4px;
    background-color: #fff;
}

.item-product i {
    position: absolute;
    right: 5px;
    font-size: 28px;
    color: #c0c0c0;
}

.item-product i.full {
    color: #ff0000;
}

.col-product-img {
    max-width: 100%;
    padding: 0 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 160px;
}

.col-product-img img {
    max-width: 100%;
    max-height: 160px;
}

.col-product-text p:nth-child(1) {
    /* font-family: 'Conv_Kanit-Bold'; */
    font-size: 18px;
    line-height: 18px;
    margin: 10px 0 5px 0;
    color: #3e3c42;
    text-align: center;
    display: flex;
    justify-content: center;
    height: 36px;
    align-items: center;

}

.col-product-text p:nth-child(2) {
    /* font-family: 'Conv_Kanit-Bold'; */
    font-size: 18px;
    line-height: 18px;
    margin: 5px 0 10px 0;
    color: #3e3c42;
    text-align: center;
}

.col-product-num p:nth-child(1) {
    padding: 0 20px;
    font-family: 'Conv_Kanit-Medium';
    font-size: 12px;
    color: #3e3c42;
    margin: 10px 0 0 0;
}

.col-product-num p:nth-child(2) {
    text-align: center;
    font-family: 'Conv_Kanit-Medium';
    font-size: 12px;
    line-height: 12px;
    color: #3e3c42;
    margin: 5px 0 0 0;
}

.col-product-num p:nth-child(2) span {
    font-size: 23px;
    margin-right: 2px;
}

.col-product-btn {
    display: flex;
    width: 100%;
    position: relative;
    padding: 10px 0 0 0;
}

.product-btn1 {
    color: #fff;
    text-align: center;
    background-color: #21409a;
    font-size: 14px;
    font-family: 'Conv_Kanit-Medium';
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 0;
    cursor: pointer;
    width: 100%;
    margin: 0 5px;
}

.product-btn2 {
    color: #fff;
    text-align: center;
    background-color: #ff2323;
    font-size: 14px;
    font-family: 'Conv_Kanit-Medium';
    border-radius: 4px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 0;
    cursor: pointer;
    width: 100%;
    margin: 0 5px;

}

.log-pd .col-product-img, .col-product-img img {
    max-height: 190px;
}

.log-pd .col-product-text p:nth-child(1) {
    font-family: 'Conv_Kanit-Bold';
    font-size: 24px;
    line-height: 24px;
    margin: 10px 0 5px 0;
    color: #3e3c42;
    text-align: center;
}

.log-pd .col-product-text p:nth-child(2) {
    font-family: 'Conv_Kanit-Bold';
    font-size: 24px;
    line-height: 24px;
    margin: 5px 0 10px 0;
    color: #3e3c42;
    text-align: center;
}

.log-pd .col-product-num p:nth-child(1) {
    padding: 0 20px;
    font-family: 'Conv_Kanit-Medium';
    font-size: 16px;
    color: #3e3c42;
    margin: 10px 0 10px 0;
}

.log-pd .col-product-num p:nth-child(2) {
    text-align: center;
    font-family: 'Conv_Kanit-Medium';
    font-size: 16px;
    line-height: 16px;
    color: #3e3c42;
    margin: 5px 0 0 0;
}

.log-pd .col-product-num p:nth-child(2) span {
    font-size: 31px;
    margin-right: 2px;
}

.log-pd .item-product i {
    right: 15px;
    font-size: 36px;
}

.log-pd .product-btn1, .log-pd .product-btn2 {
    font-size: 21px;
    line-height: 21px;
    padding: 10px 0;
}

.log-pd .block-product {
    margin: 5px 0 80px 0;
    padding: 0 35px;
}

.container.block-right-top {
    position: relative;
}

.block-right-top .logo-login-top {
    position: absolute;
    left: 0;
    max-width: 100%;
    height: 60px;
    top: 0;
    z-index: 999;
}

.block-right-top .logo-login-top img {
    height: 55px;
}

.po-full, .so-full {
    width: 100%;
    float: left;
    padding: 15px;
    margin: 15px;
    border: 1px solid #d3d3d3;
}

.item-table-product {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background-color: #fff;
}

.box-product {
    font-family: 'Conv_Kanit-Bold';
    font-size: 15px;
    line-height: 15px;
    padding: 15px;
    color: #4c4743;
    float: left;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    border-right: 2px solid #d3d3d3;
    border-bottom: 2px solid #d3d3d3;
    min-height: 70px;
}

.box-product.product-top {
    font-family: 'Conv_Kanit-Medium';
    font-size: 18px;
    line-height: 18px;
    padding: 10px 10px;
    color: #4c4743;
    min-height: 40px;
}

.item-table-product .box-product:nth-child(1) {
    width: 20%;
    justify-content: flex-start;

}

.item-table-product .box-product:nth-child(2) {
    width: 13%;
    text-decoration: underline;
    color: #21409a;

}

.item-table-product .box-product:nth-child(3) {
    width: 20%;
    text-decoration: underline;
    color: #21409a;
}

.item-table-product .box-product:nth-child(4) {
    width: 14%;
}

.item-table-product .box-product:nth-child(5) {
    width: 13%;
}

.item-table-product .box-product:nth-child(6) {
    width: 20%;
    border-right: 2px solid #fff;
    padding: 10px 10px;
}

.item-table-product .box-product:nth-child(6) i {
    color: #f05228;
    font-size: 34px;
    line-height: 34px;
    cursor: pointer;
}

span.status-wait {
    color: #db0000;
}

span.status-confirm {
    color: #76c80e;
}

.item-table-product .box-product.product-top {
    text-decoration: none;
    color: #4c4743;
}

.table-point {
    display: block;
    width: 100%;
    float: left;
}

.block-search {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 15px 0 15px 0;
}

.form-search {
    width: 215px;
}

.form-search input.input-search {
    width: 100%;
    background-image: url("../image/search.png");
    height: 35px;
    background-position: 10px;
    background-size: 20px;
    background-repeat: no-repeat;
    color: #3e3c42;
    font-size: 16px;
    line-height: 16px;
    font-family: 'Conv_Kanit-Bold';
    -moz-box-shadow: inset 0 2px 12px #ded9d9;
    -webkit-box-shadow: inset 0 2px 12px #ded9d9;
    box-shadow: inset 0 2px 12px #ded9d9;
    padding: 0 0 0 40px;
    outline: none;
    border: none;
}

.btn-crete {
    font-family: 'Conv_Kanit-Medium';
    color: #fff;
    background-color: #21409a;
    font-size: 18px;
    line-height: 18px;
    border-radius: 6px;
    padding: 10px 0;
    width: 85px;
    text-align: center;
    cursor: pointer;
}

.chack-cri {
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.chack-cri img {
    margin: 0 0 3px 0;
    max-width: 100%;
    display: block;
}

span.text-cancel, span.text-confirm {
    font-family: 'Conv_Kanit-Medium';
    font-size: 15px;
    line-height: 15px;
    color: #f05228;
    width: 100%;
}

span.text-cancel {
    color: #f05228;
}

span.text-confirm {
    color: #6ac259;
}

.block-status {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.block-status .col-status .item-detail {
    position: relative;
    padding-left: 60px;
    font-size: 18px;
    line-height: 18px;
    color: #434343;
    font-family: 'Conv_Kanit-Medium';
    margin: 0 0 15px 0;

}

.po-full .block-status .col-status:nth-child(1) {
    width: 40%
}

.po-full .block-status .col-status:nth-child(2) {
    display: none;
}

.po-full .block-status .col-status:nth-child(3) {
    width: 40%
}

.po-full .block-status .col-status:nth-child(4) {
    width: 20%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
}

.so-full .block-status .col-status:nth-child(1) {
    width: 30%
}

.so-full .block-status .col-status:nth-child(2) {
    width: 30%
}

.so-full .block-status .col-status:nth-child(2) .item-detail {
    padding-left: 130px;
}

.so-full .block-status .col-status:nth-child(3) {
    width: 20%
}

.so-full .block-status .col-status:nth-child(4) {
    width: 20%;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
}

.block-status .col-status:nth-child(4) .btn-crete {
    width: 48%;
    margin: 0 1%;
    border-radius: 4px;
}

.item-detail .title {
    position: absolute;
    left: 0;
}

.item-detail .po {
    text-decoration: underline;
    color: #21409a;
}

.item-detail .new {
    color: #21409a;
}

.item-detail .wait {
    color: #b60707;
}

.block-store-detail {
    margin: 0 -5px;
    display: flex;
    flex-wrap: wrap;
}

.store-detail-border {
    display: flex;
    position: relative;
    align-items: flex-start;
    -webkit-box-shadow: 0 10px 20px -15px #000;
    -moz-box-shadow: 0 10px 20px -15px #000;
    box-shadow: 0 10px 20px -15px #000;
    border-radius: 6px;
    border: 1px solid #d3d3d3;
    padding: 10px 10px;
    margin: 0 5px;
    height: 100%;
}

.store-detail-img {
    margin: 0 10px 0 0px;
    height: 100%;
    display: flex;
    align-items: center;
}

.store-detail-img img {
    width: 90px;
    height: 90px;
    object-fit: cover;
    object-position: center;
    border-radius: 12px;
    webkit-box-shadow: 0 5px 22px 0px rgba(103, 102, 102, 0.2);
    -moz-box-shadow: 0 5px 22px 0px rgba(103, 102, 102, 0.2);
    box-shadow: 0 5px 22px 0px rgba(103, 102, 102, 0.2);
}

.store-detail-text {

}

.list-detail {
    position: relative;
    font-family: 'Conv_Kanit-Medium';
    font-size: 15px;
    line-height: 15px;
    color: #454545;
    margin: 0 0 10px 0;
    padding: 0 0 0 65px;
}

.store-detail-text.right-store .list-detail {
    font-size: 18px;
    line-height: 18px;
    padding: 0 0 0 90px;

}

.list-detail.top-list {
    font-family: 'Conv_Kanit-Medium';
    font-size: 20px !important;
    line-height: 20px !important;
    color: #454545;
    margin: 0 0 10px 0;
    padding: 0 !important;
}

.list-detail.top-list span {
    color: #0066b3;
}

.list-detail .title {
    position: absolute;
    left: 0;
}

.list-detail .sub {

}

.block-store-table {
    padding: 30px 15px 0 15px;
}

.table-store {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.table-store .item-table-store {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family: 'Conv_Kanit-Bold';
    font-size: 15px;
    line-height: 15px;
    color: #21409a;
    border-right: 2px solid #d3d3d3;
    border-bottom: 2px solid #d3d3d3;
    padding: 10px;
}

.table-store.top-table-store .item-table-store {
    font-family: 'Conv_Kanit-Medium';
    font-size: 18px;
    line-height: 18px;
    color: #4c4743;
    min-height: 40px;
}

.item-table-store-img {
    max-height: 80px
}

.item-table-store-img img {
    max-height: 80px;
}

.item-table-store:nth-child(1) {
    width: 8%;
}

.item-table-store:nth-child(2) {
    width: 15%;

}

.item-table-store:nth-child(3) {
    width: 25%;
    justify-content: flex-start;
    padding: 10px 20px;
}

.table-store.top-table-store .item-table-store:nth-child(3) {
    width: 25%;
    justify-content: center;
}

.item-table-store:nth-child(3) .pname, .item-table-store:nth-child(3) .psub {
    font-family: 'Conv_Kanit-Bold';
    font-size: 15px;
    line-height: 15px;
    width: 100%;
    margin: 0 0 5px 10px;
    color: #21409a;
    text-align: left;
}

.item-table-store:nth-child(4) {
    width: 17%;
}

.item-table-store:nth-child(4) .num {
    font-family: 'Conv_Kanit-Bold';
    font-size: 15px;
    line-height: 15px;
    width: 100%;
    margin: 0 0 5px 0;
    color: #21409a;
}

.item-table-store:nth-child(4) .weight {
    font-family: 'Conv_Kanit-Bold';
    font-size: 15px;
    line-height: 15px;
    width: 100%;
    margin: 0 0 5px 0;
    color: #4c4743;
}

.item-table-store:nth-child(5) {
    width: 20%;
}

.item-table-store:nth-child(6) {
    width: 15%;
    border-right: 2px solid #fff;

}

.table-store-total {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.table-store-total p {
    font-family: 'Conv_Kanit-Bold';
    font-size: 28px;
    line-height: 28px;
    width: 100%;
    margin: 25px 0 20px 0;
    color: #21409a;
    text-align: right;
}

.block-po-so {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 0 0;
}

.box-pop-cart {
    position: fixed;
    width: 45px;
    height: 45px;
    background-color: #666;
    top: 50%;
    right: 0;
    z-index: 9999;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;

}

.cart {
    width: 300px;
    position: fixed;
    right: -500px;
    background: #fff;
    color: #000;
    z-index: 999;
    overflow: hidden;
    height: 100%;
    -webkit-box-shadow: 10px -65px 30px 5px #bcbcbc;
    -moz-box-shadow: 10px -65px 30px 5px #bcbcbc;
    box-shadow: 10px -65px 30px 5px #bcbcbc;
}

.block-cart {
    height: 100%;
    position: relative;
    width: 100%;
    background-color: #fff;
}

.cart-title {
    font-family: 'Conv_Kanit-Bold';
    background-color: #21409a;
    color: #fff;
    font-size: 18px;
    height: 45px;
    display: flex;
    align-items: center;
    padding: 0 20px;
}

.table-cart {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0 2px;
    position: relative;
}

.item-cart {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    border: 1px solid #d3d3d3;
    padding: 5px 0;
    width: 100%;
    margin-bottom: 5px;
}

.item-cart .col-cart {
    border-right: 1px solid #d3d3d3;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.item-cart .col-cart:nth-child(1) {
    width: 34%;
    display: flex;
    flex-wrap: wrap;
}

.item-cart .col-cart:nth-child(1) p {
    margin: 0;
    width: 100%;
    text-align: center;
    font-size: 12px;
    line-height: 14px;
    color: #21409a;
    font-family: 'Conv_Kanit-Bold';
}

.item-cart .col-cart:nth-child(1) span {
    text-align: center;
    width: 100%;
    margin-top: 5px;
    font-size: 12px;
    line-height: 14px;
    color: #a7a7a7;
    font-family: 'Conv_Kanit-Medium';
}

.item-cart .col-cart:nth-child(2) {
    width: 18%;
    font-size: 14px;
    font-family: 'Conv_Kanit-Medium';
    color: #434343;
}

.item-cart .col-cart:nth-child(3) {
    width: 20%;
}

.item-cart .col-cart:nth-child(4) {
    width: 18%;
    font-size: 14px;
    font-family: 'Conv_Kanit-Medium';
    color: #434343;
}

.item-cart .col-cart:nth-child(5) {
    width: 10%;
    border-right: 1px solid #fff;
    padding: 5px;
}

.item-cart.cart-top {
    width: 100%;
    border: 0;
    font-size: 15px;
    font-family: 'Conv_Kanit-Medium';
    color: #434343;
    margin: 5px 0 5px 0;
}

.item-cart.cart-top .col-cart {
    border-right: 1px solid #fff;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.cart-img {
    width: 60%;
    border: 1px solid #d3d3d3;
    padding: 5px 10px;
    margin: 0 auto 5px auto;
    border-radius: 4px;
}

.cart-img img, .col-cart img {
    max-width: 100%;
}

.cart-img img{
    min-width: 100%;
}
.col-cart img.delete {
    width: 15px;
}

.col-cart input {
    width: 80%;
    height: 25px;
    border-radius: 4px;
    -moz-box-shadow: inset 0 2px 12px #ded9d9;
    -webkit-box-shadow: inset 0 2px 12px #ded9d9;
    box-shadow: inset 0 2px 12px #ded9d9;
    border: 0;
    text-align: center;
    font-size: 14px;
    font-family: 'Conv_Kanit-Medium';
    color: #434343;
}

.scroll-cart {
    display: flex;
    flex-wrap: wrap;
    overflow-y: auto;
    max-height: 450px;
}

.block-calculator {
    background-color: #f3f5f7;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    padding: 10px;
}

.input-cal {
    font-family: 'Conv_Kanit-Medium';
    margin: 10px 0;
    font-size: 18px;
    color: #21409a;
    padding: 0 15px;
}

.input-cal input {
    -moz-box-shadow: inset 0 2px 12px #ded9d9;
    -webkit-box-shadow: inset 0 2px 12px #ded9d9;
    box-shadow: inset 0 2px 12px #ded9d9;
    width: 170px;
    border-radius: 4px;
    margin-left: 5px;
    font-family: 'Conv_Kanit-Medium';
    color: #434343;
    font-size: 18px;
    text-align: center;
}

.botton-cal {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0 0 0px;
}

.call {
    position: absolute;
    width: 240px;
    height: 165px;
    left: 0;
    right: 0;
    margin: auto;
    -webkit-box-shadow: 110px 4px 35px -5px #e1e1e1;
    -moz-box-shadow: 10px 4px 35px -5px #e1e1e1;
    box-shadow: 10px 4px 35px -5px #e1e1e1;
    bottom: -165px;
}

.cal-btn {
    width: 23%;
}

.cal-btn img {
    max-width: 100%;
}

.cal-btn.del {
    width: 31%;
}

.table-redeem {
    margin-top: 10px;
}

.block-redeem-title {
    display: flex;
    align-items: center;
}

.block-redeem-title img {
    display: flex;
    align-items: center;
    height: 50px;
}

.block-redeem-title p {
    font-size: 20px;
    color: #21409a;
    font-family: 'Conv_Kanit-Bold';
    margin-left: 15px;
}

.item-table-redeem {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background-color: #fff;
}

.box-redeem {
    font-family: 'Conv_Kanit-Bold';
    font-size: 15px;
    line-height: 15px;
    padding: 10px;
    color: #4c4743;
    float: left;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    border-right: 2px solid #d3d3d3;
    border-bottom: 2px solid #d3d3d3;
}

.box-redeem.redeem-top {
    font-family: 'Conv_Kanit-Medium';
    font-size: 18px;
    line-height: 18px;
    padding: 10px 10px;
    color: #4c4743;
    border-top: 2px solid #d3d3d3;

}

.item-table-redeem .box-redeem:nth-child(1) {
    width: 30%;
    flex-wrap: wrap;
    border-left: 2px solid #d3d3d3;

}

.item-table-redeem .box-redeem:nth-child(2) {
    width: 20%;
    flex-wrap: wrap;
}

.item-table-redeem .box-redeem:nth-child(3) {
    width: 30%;
    flex-wrap: wrap;
}

.item-table-redeem .box-redeem:nth-child(4) {
    width: 20%;
}

.product-img-redeem {
    width: 100%;
}

.product-img-redeem img {
    max-width: 100%;
    max-height: 105px;
}

p.pro-name {
    margin: 10px 0 0 0;
    font-size: 18px;
    line-height: 18px;
    font-family: 'Conv_Kanit-Bold';
    color: #4c4743;
}

p.redeem-1-1, .redeem-status {
    font-size: 18px;
    line-height: 18px;
    font-family: 'Conv_Kanit-Bold';
    width: 100%;
    color: #21409a;
    margin: 0 0 5px 0;
    text-decoration: underline;
}

p.redeem-1-2 {
    font-size: 18px;
    line-height: 18px;
    font-family: 'Conv_Kanit-Bold';
    width: 100%;
    color: #4c4743;
    margin: 0;
}

p.redeem-status {
    margin-top: 8px;
    margin-bottom: 10px;
}

.item-table-redeem .box-redeem:nth-child(2) img:nth-child(2),
.table-redeem.promotion .item-table-redeem .box-redeem:nth-child(3) img:nth-child(2) {
    display: none;
}

.item-table-redeem.transport .box-redeem:nth-child(2) img:nth-child(1),
.table-redeem.promotion .item-table-redeem.transport .box-redeem:nth-child(3) img:nth-child(1) {
    display: none;
}

.item-table-redeem.transport .box-redeem:nth-child(2) img:nth-child(2),
.table-redeem.promotion .item-table-redeem.transport .box-redeem:nth-child(3) img:nth-child(2) {
    display: block;
    margin: auto;
}

.item-table-redeem.transport .redeem-status {
    color: #76c80e;
}

.table-redeem.promotion {

}

.table-redeem.promotion .item-table-redeem .box-redeem:nth-child(1) {
    width: 20%;
    flex-wrap: wrap;
    border-left: 2px solid #d3d3d3;

}

.table-redeem.promotion .item-table-redeem .box-redeem:nth-child(2) {
    width: 20%;
}

.table-redeem.promotion .item-table-redeem .box-redeem:nth-child(3) {
    width: 20%;
    flex-wrap: wrap;
}

.table-redeem.promotion .item-table-redeem .box-redeem:nth-child(4) {
    width: 20%;
    flex-wrap: wrap;

}

.table-redeem.promotion .item-table-redeem .box-redeem:nth-child(5) {
    width: 20%;
}

.store-detail-border.border-redeem {
    flex-wrap: wrap;
}

.redeem-detail-50 {
    display: flex;
    align-items: flex-start;
    padding: 0 0 10px 0;
}

p.title-redeem-l {
    font-family: 'Conv_Kanit-Medium';
    font-size: 20px;
    color: #0066b3;
    margin: 0 0 15px 0;
}

.block-reitem-table {
    padding: 30px 15px 0 15px;
}

.table-reitem {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.table-reitem .item-table-reitem {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-family: 'Conv_Kanit-Bold';
    font-size: 15px;
    line-height: 15px;
    color: #21409a;
    border-right: 2px solid #d3d3d3;
    border-bottom: 2px solid #d3d3d3;
    padding: 10px;
}

.table-reitem.top-table-reitem .item-table-reitem {
    font-family: 'Conv_Kanit-Medium';
    font-size: 18px;
    line-height: 18px;
    color: #4c4743;
    min-height: 40px;
}

.item-table-reitem-img {
    max-height: 80px
}

.item-table-reitem-img img {
    max-height: 80px;
}

.item-table-reitem:nth-child(1) {
    width: 8%;
}

.item-table-reitem:nth-child(2) {
    width: 12%;

}

.item-table-reitem:nth-child(3) {
    width: 21%;
    justify-content: flex-start;
    padding: 10px 10px;
    flex-wrap: nowrap;
}

.table-reitem.top-table-reitem .item-table-reitem:nth-child(3) {
    justify-content: center;
}

.item-table-reitem:nth-child(3) .pname, .item-table-reitem:nth-child(3) .psub {
    font-family: 'Conv_Kanit-Bold';
    font-size: 15px;
    line-height: 15px;
    width: 100%;
    margin: 0 0 5px 10px;
    color: #21409a;
    text-align: left;
}

.item-table-reitem:nth-child(4) {
    width: 18%;
}

.item-table-reitem:nth-child(5) {
    width: 12%;
}

.item-table-reitem:nth-child(5) .num {
    font-family: 'Conv_Kanit-Bold';
    font-size: 15px;
    line-height: 15px;
    width: 100%;
    margin: 0 0 5px 0;
    color: #21409a;
}

.item-table-reitem:nth-child(5) .weight {
    font-family: 'Conv_Kanit-Bold';
    font-size: 15px;
    line-height: 15px;
    width: 100%;
    margin: 0 0 5px 0;
    color: #4c4743;
}

.item-table-reitem:nth-child(6) {
    width: 17%;
}

.item-table-reitem:nth-child(7) {
    width: 12%;
    border-right: 2px solid #fff;

}

.item-table-reitem .select-redeem {
    font-size: 12px;
    color: #403e44;
    height: 35px;
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    background-image: url("../image/select-redeem.jpg");
    background-position: center right;
    background-size: 35px;
    background-repeat: no-repeat;
    border-radius: 4px;
    padding-left: 5px;
    width: 100%;
}

.block-promotion-item {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 15px;
    padding: 30px 15px 15px 15px;
    /*-webkit-box-shadow: 0 10px 20px -15px #000;*/
    /*-moz-box-shadow: 0 10px 20px -15px #000;*/
    /*box-shadow: 0px 0px 32px -15px #000;*/
    border-radius: 4px;
}

.col-promotion {
    width: 25%;
    float: left;
    padding: 7.5px;
}

.col-promotion .item-product-score img {
    max-width: 100%;
    min-width: auto;
    padding: 5px 20px;
    border-radius: 0px;
    overflow: hidden;
    max-height: 130px;
    margin: auto;
    display: block;
}

.redeem-score {
    float: right;
    margin: 10px 10px 10px 10px;
    font-family: 'Conv_Kanit-Medium';
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    text-align: center;
    padding: 3px 10px;
    background-color: #ff4f37;
}

p.item-promotion-title {
    font-family: 'Conv_Kanit-Bold';
    color: #21409a;
    font-size: 16px;
    line-height: 16px;
    padding: 20px 15px 0 15px;
    text-align: center;
    margin: 0 0 0 0;
}

.col-promotion .item-product-score {
    height: 100%;
    -webkit-box-shadow: 0px 0 30px -8px #7c7c7c;
    -moz-box-shadow: 0px 0 30px -8px #7c7c7c;
    box-shadow: 0px 0 30px -8px #7c7c7c;
}

.item-promotion-btn {
    font-family: 'Conv_Kanit-Medium';
    margin: 10px 15px 8px 15px;
    text-align: center;
    background-color: #21409a;
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    padding: 8px 10px;
    border-radius: 4px;
}

.item-promotion-btn.active {
    background-color: #797979;
    -moz-box-shadow: inset 2px 3px 10px #2e2e2e;
    -webkit-box-shadow: inset 2px 3px 10px #2e2e2e;
    box-shadow: inset 2px 3px 10px #2e2e2e;
}

.block-promotion-title {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    border: 1px solid #d3d3d3;
    padding: 15px;
    margin: 0 3px;
    border-top: 0px solid #d3d3d3;

}

.pro-title {
    font-family: 'Conv_Kanit-Medium';
    width: 50%;
    font-size: 38px;
    line-height: 38px;
    color: #21409a;
}

.propoint {
    width: 50%;
    font-family: 'Conv_Kanit-Medium';
    width: 50%;
    font-size: 28px;
    line-height: 28px;
    color: #21409a;
    text-align: right;
}

.propoint span {
    font-family: 'Conv_Kanit-Medium';
    width: 50%;
    font-size: 42px;
    color: #21409a;
    margin: 0 15px;
}

.item-promotion-date {
    margin: 0;
    text-align: center;
    font-family: 'Conv_Kanit-Regular';
    font-size: 14px;
    color: #3e3c42;
    margin-top: 2px;
}

.item-promotion-title.rc {
    color: #3e3c42;
}

.red-img {
    min-height: 130px;
    display: flex;
    width: 100%;
}

.block-rc-title {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border: 1px solid #d3d3d3;
    padding: 15px;
    margin: 0 3px;
    border-top: 0px solid #d3d3d3;
    background-image: url("../image/coin-opa.png");
    background-repeat: no-repeat;
    background-size: 70px;
    background-position: 15px -20px;
}

.block-rc-title-l {
    width: 60%;
    display: flex;
    flex-wrap: wrap;
}

.block-rc-title-l .rc-point-1 {
    font-size: 38px;
    line-height: 34px;
    color: #21409a;
    font-family: 'Conv_Kanit-Medium';
    width: 100%;
    margin: 0 0 0 0;
}

.block-rc-title-l .rc-point-2 {
    font-size: 24px;
    color: #21409a;
    line-height: 24px;
    font-family: 'Conv_Kanit-Medium';
    width: 100%;
    margin: 15px 0 0 0;
    text-align: right;
    padding-right: 40px;
}

.block-rc-title-l .rc-point-2 span {
    text-align: right;
    font-size: 52px;
    color: #21409a;
    font-family: 'Conv_Kanit-Medium';
    margin-right: 10px;
}

.block-rc-title-r {
    width: 40%;
    display: flex;
    flex-wrap: wrap;
}

.block-rc-title-r img {
    margin-right: 10px;
}

.block-rc-title-r .exp-rc {
    text-align: left;
    font-size: 24px;
    line-height: 24px;
    color: #21409a;
    font-family: 'Conv_Kanit-Medium';
    width: 100%;
    margin: 0 0 0 0;
}

.block-rc-title-r .exp-rc-point {
    font-size: 24px;
    color: #21409a;
    line-height: 24px;
    font-family: 'Conv_Kanit-Medium';
    width: 100%;
    margin: 15px 0 0 0;
    text-align: right;
    padding-right: 15px
}

.block-rc-title-r .exp-rc-point span {
    font-size: 42px;
    line-height: 38px;
    color: #f1543f;
    font-family: 'Conv_Kanit-Medium';
    width: 100%;
    margin-right: 10px;

}

.block-event-top {
    margin: 0 0 15px 15px;
    padding: 0 90px 20px 0;
    border-bottom: 1px solid #d3d3d3;
}

.event-top-title {
    margin: 0;
    padding: 15px 0;
    font-size: 34px;
    line-height: 34px;
    color: #21409a;
    font-family: 'Conv_Kanit-Medium';

}

.event-top-des {
    margin: 0;
    padding: 0 15px;
    font-size: 18px;
    line-height: 24px;
    color: #4c4743;
    font-family: 'Conv_Kanit-Regular';
    margin-bottom: 5px;
}

.block-event-bottom {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin: 0 -7.5px 0 7.5px;

}

.block-event-left {
    width: 40%;
    padding: 7.5px;
}

.block-event-right {
    width: 60%;
    padding: 7.5px;

}

.border-event-item {
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    padding: 5px;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: 15px;
    position: relative;
}

.border-event-item .col-33 {
    width: 50%;
    height: 100%;
}

.title-reward {
    font-size: 25px;
    font-family: 'Conv_Kanit-Regular';
    color: #434343;
    margin: 0 0 0 0;
    padding: 0 15px;
}

.title-reward.underline {
    border-bottom: 4px solid #0072bb;
    padding: 0;
    line-height: 34px;
    margin: 5px 0 5px 15px;
}

.refresh-reward {
    font-family: 'Conv_Kanit-Regular';
    font-size: 18px;
    color: #21409a;
    position: absolute;
    margin: 8px 0;
    right: 15px;
}

.refresh-reward img {
    margin-left: 8px;
    height: 22px;
}

.table-point.point-pro {
    margin-top: 5px;
    border-radius: 4px;
    margin: 5px 10px 0 15px;
}

.point-pro .box-point.point-top i {
    position: absolute;
    right: 10px;
    font-size: 16px;
    font-weight: bold;
}

.point-pro .box-point {
    font-family: 'Conv_Kanit-Regular';
    font-size: 15px;
    padding: 5px 8px;
    min-height: 31px;

}

.point-pro .item-table-point .box-point:nth-child(1) {
    width: 20%;

}

.point-pro .item-table-point .box-point:nth-child(2) {
    width: 20%;
    text-align: center;
    justify-content: center;
}

.point-pro .item-table-point .box-point:nth-child(3) {
    width: 24%;
    text-decoration: none;
    color: #434343;
}

.point-pro .item-table-point .box-point:nth-child(4) {
    width: 22%;
    text-decoration: underline;
    color: #21409a;
}

.item-table-point .box-point:nth-child(4).point-top {
    text-decoration: none;
    color: #434343;
    justify-content: center;
}

.point-pro .item-table-point .box-point:nth-child(5) {
    width: 14%;
    text-align: center;
    justify-content: center;
}

.table-reward {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.item-table-reward {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.box-reward {
    padding: 5px 5px;
    font-size: 15px;
    color: #4c4743;
    font-family: 'Conv_Kanit-Regular';

}

.box-reward.reward-top {
    font-family: 'Conv_Kanit-Medium';

}

.box-reward:nth-child(1) {
    width: 10%;
    text-align: center;
}

.box-reward:nth-child(2) {
    width: 65%;

}

.box-reward:nth-child(3) {
    width: 25%;
    text-align: center;
}

.input-unit {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.input-unit .num {
    width: 100%;
    margin-top: 5px;
    text-align: center;
}

.submit-cart {
    padding: 5px;
}

.block-title-product .form-search input.input-search {
    margin-bottom: 20px;
    margin-top: -25px;

}

.block-title-product .form-search {
    width: 250px;
}

.block-cart .form-search {
    width: 100%;
    padding: 0 10px;
}

.block-cart .form-search input.input-search {

}

.text-search-store {
    text-align: center;
    color: #3e3c42;
    font-family: 'Conv_Kanit-Bold';
    font-size: 18px;
    line-height: 18px;
    margin: 15px 0;
}

.title-cart-sale {
    font-family: 'Conv_Kanit-Bold' !important;
    font-size: 18px;
    line-height: 18px;
    color: #666666;
    padding: 0;
    margin: 10px 10px 15px 10px;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
}

.title-cart-sale i {
    font-family: 'icomoon' !important;
    font-size: 28px;
    margin-right: 10px;
}

.selected-store {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    padding: 0 10px;
}

.item-store {
    border: 1px solid #ededed;
    border-radius: 4px;
    padding: 3px;
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 10px 0 10px 0;
}

.store-detail {
    padding: 0 10px;
    width: 200px;
}

.store-img {
    width: 70px;
}

.store-img img {
    max-width: 100%;
    width: 70px;
    height: 70px;
    object-fit: cover;
    object-position: center;
    border-radius: 4px;
}

.store-detail p:nth-child(1) {
    font-size: 18px;
    line-height: 18px;
    font-family: 'Conv_Kanit-Medium';
    color: #454545;
    margin: 0 0 10px 0;
}

.store-detail p:nth-child(2) {
    font-size: 13px;
    line-height: 13px;
    font-family: 'Conv_Kanit-Medium';
    color: #454545;
    margin: 0 0 3px 0;
}

.store-detail p:nth-child(3) {
    font-size: 13px;
    line-height: 13px;
    font-family: 'Conv_Kanit-Medium';
    color: #454545;
    margin: 0 0 3px 0;
}

.table-cart.redeem-gif {
}

.table-cart.redeem-gif .item-cart .col-cart:nth-child(1) {
    width: 40%;
}

.table-cart.redeem-gif .item-cart .col-cart:nth-child(2) {
    display: none;
}

.table-cart.redeem-gif .item-cart .col-cart:nth-child(3) {
    width: 30%;

}

.table-cart.redeem-gif .item-cart .col-cart:nth-child(4) {
    width: 20%;

}

.table-cart.redeem-gif .item-cart .col-cart:nth-child(5) {
    width: 10%;
}

.table-cart.redeem-gif .item-cart.cart-top .col-cart {
    padding: 0 0 0 5px;
}

.border-none {
    border: none !important;
}

.table-cart.redeem-gif .cart-img {
    padding: 5px;
    width: 80%;
}

.cart-title img {
    max-width: 100%;
    max-height: 100%;
}

.cart-title p {
    font-family: 'Conv_Kanit-Bold';
    font-size: 18px;
    color: #fff;
    margin: 0;
    display: flex;
    align-items: center;
}

.cart-title p i {
    margin: 0 10px 0 60px;
    font-size: 42px;
}

.blcok-promotion {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 0px 0 30px 0;
    overflow: auto;
}

.item-promotion {
    font-family: 'Conv_Kanit-Bold';
    font-size: 14px;
    line-height: 16px;
    color: #21409a;
    text-align: center;
    margin: 0px 0;
    padding: 10px 0;
    background: #fff;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-bottom: 2px solid #d3d3d3;
}

.item-promotion-img {
    width: 115px;
    padding: 0 0 0 20px;
}

.item-promotion-img img {
    max-height: 100%;
    max-width: 100%;
}

.item-promotion-detail {
    width: 167px;
    padding: 0px 15px 0 15px;
}

.item-promotion-detail p {
    font-family: 'Conv_Kanit-Bold';
    font-size: 14px;
    line-height: 16px;
    color: #21409a;
    text-align: center;
    margin: 0 0 10px 0;
}

.item-promotion .btn-promotion {
    border-radius: 4px;
    color: #fff;
    background: #ff4f37;
    padding: 5px 10px;
    text-align: center;
}

.item-promotion.active {
    background: #0072bb;
    border-bottom: 2px solid #0072bb;

}

.item-promotion.active p {
    color: #fff;
}

.over {
    width: 100%;
    max-height: 100vh;
}

@media only screen and (min-width: 1200px) and (max-width: 5000px) {
    .bg-main {
        background-position: top center;
        padding: 6vw 0 2vw 0;

    }

    .bg-main > .container {

    }

    .block-top-one img {
        max-width: 100%;
        padding: 0 10%;
    }

    .block-btn-right img, .block-btn-left img {
        padding: 0 0%;
    }

    .block-top-one {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 0 30px 0;
    }

    #header-1 .main-nav.icp-menu .navbar-nav > li {
        float: none;
    }

    .container.bg-menu {
        width: 285px;
        padding: 0;
        margin: 0;
    }

    #header-1 .main-nav.icp-menu .brand-img {
        max-width: 100%;
        padding: 20px 0;
    }

    .container-desktop {
        display: flex;
        width: 1170px;
        margin: auto;
    }

    .container.icp-content {
        width: auto;
        margin: 0;
    }

    .container.block-title-icp {
        padding: 0;
    }

    .item-title-icp {
        display: flex;
        border-bottom: 2px solid #d3d3d3;
    }

    .container.block-left-top {
        position: absolute;
        height: 65px;
        display: flex;
        left: 0;
        right: 0;
    }

    ul.menu-left-top {
        display: flex;
        align-items: center;
        position: absolute;
        top: -48px;
    }

    ul.menu-left-top li a {
        font-family: 'Conv_Kanit-Medium';
        font-size: 20px;
    }

    ul.menu-left-top li {
        margin: 0 30px 0 0px;
    }

    .popup-forget .modal-dialog {
        width: 410px;
    }

    #otp .btn-save {
        width: 60%;
        border-bottom: 4px solid #0075aa;
    }

    #otp .btn-new-otp {
        width: 60% !important;
        border-bottom: 4px solid #00aa04;
    }

    .form-forget .btn.btn-primary {
        border-bottom: 4px solid #0075aa;
    }

    .btn-new-otp {
        width: 100% !important;
        border-bottom: 4px solid #00aa04 !important;

    }

    .modal-header.login {
        display: flex;
        align-items: flex-end;
        flex-wrap: wrap;
        width: 100%;
    }

    .modal-header.login i, .form-login i {
        font-size: 36px;
    }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .bg-main {
        background-position: top center;
        padding: 6vw 0 2vw 0;
    }

    .bg-main > .container {

    }

    .block-top-one img {
        max-width: 100%;
        padding: 0 10%;
    }

    .block-btn-right img, .block-btn-left img {
        padding: 0 0%;
    }

    .block-top-one {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 0 30px 0;
    }

    #header-1 .main-nav.icp-menu .navbar-nav > li {
        float: none;
    }

    .container.bg-menu {
        width: 285px;
        padding: 0;
        margin: 0;
    }

    #header-1 .main-nav.icp-menu .brand-img {
        max-width: 100%;
        padding: 20px 0;
    }

    .container-desktop {
        display: flex;
        width: 1170px;
        margin: auto;
    }

    .container.icp-content {
        width: auto;
        margin: 0;
    }

    .container.block-title-icp {
        padding: 0;
    }

    .item-title-icp {
        display: flex;
        border-bottom: 2px solid #d3d3d3;
        align-items: flex-end;
    }

    .container.block-left-top {
        position: absolute;
        height: 65px;
        display: flex;
        left: 0;
        right: 0;
    }

    ul.menu-left-top {
        display: flex;
        align-items: center;
        position: absolute;
        top: -48px;
    }

    ul.menu-left-top li a {
        font-family: 'Conv_Kanit-Medium';
        font-size: 20px;
    }

    ul.menu-left-top li {
        margin: 0 30px 0 0px;
    }

    .top-dashbord-img, .top-dashbord-detail, .top-dashbord-score {
        height: 165px;
    }

    .top-dashbord-score img {
        height: 80px;
        left: -15px;
    }

    .top-dashbord-score-text .score span {
        font-size: 48px;
        line-height: 48px;
    }

    .top-dashbord-score-text {
        margin: 0 0 0 30px;
    }

    .store-name {
        font-size: 28px;
        line-height: 28px;
        margin: 0 0 15px 0;
    }

    .store-code, .store-type {
        font-size: 18px;
        line-height: 18px;
        margin: 0 0 10px 0;
    }

    .store-code span:nth-child(1), .store-type span:nth-child(1) {
        min-width: 110px;
    }

    .top-dashbord-camara p, .top-dashbord-score-text .title-score, .top-dashbord-score-text .score {
        font-size: 18px;
        line-height: 18px;
    }

    .top-dashbord-camara p i {
        font-size: 28px;
    }

    .col-33, .right-dashbord, .left-dashbord {
        width: 50%;
    }

    .block-bottom-dashbord.information .left-dashbord {
        width: 40%;
    }

    .block-bottom-dashbord.information .right-dashbord {
        width: 60%;
    }

    .item-title-icp img:last-child {
        height: 140px;
    }

    .col-20 {
        width: 33.33%;

    }

    .my-coin-left {
        width: 50%;
        margin: auto;
    }

    .my-coin-right {
        width: 100%;
        padding: 30px 15px;
    }

    .point-user, .text-exp, .point-exp {
        margin: 15px 0;
    }

    .my-coin-btn {
        margin: 25px auto 0 auto;
    }

    .col-pd-top-left {
        width: 50%;
    }

    .col-pd-top-right {
        width: 50%;
        padding: 20px 0 30px 15px;
    }

    .item-product-check {
        width: 20%;
    }

    .col-product {
        width: 33.33%;
    }

    .popup-forget .modal-dialog {
        width: 410px;
    }

    #otp .btn-save {
        width: 60%;
        border-bottom: 4px solid #0075aa;
    }

    #otp .btn-new-otp {
        width: 60% !important;
        border-bottom: 4px solid #00aa04;
    }

    .form-forget .btn.btn-primary {
        border-bottom: 4px solid #0075aa;
    }

    .btn-new-otp {
        width: 100% !important;
        border-bottom: 4px solid #00aa04 !important;

    }

    .modal-header.login {
        display: flex;
        align-items: flex-end;
        flex-wrap: wrap;
        width: 100%;
    }

    .modal-header.login i, .form-login i {
        font-size: 36px;
    }

    .block-store-detail .col-50 {
        width: 100%;
        margin-bottom: 15px;
    }

    .store-detail-border {
        min-height: 145px;
    }

    .store-detail-img img {
        width: 115px;
        height: 115px;
    }

    .store-detail-img {
        margin: 0 20px 0 10px !important;
    }

    .so-full .block-status .col-status:nth-child(1) {
        width: 40%;
    }

    .so-full .block-status .col-status:nth-child(2) {
        width: 45%;
    }

    .so-full .block-status .col-status:nth-child(3) {
        width: 15%;
    }

    .so-full .block-status .col-status:nth-child(4) {
        width: 50%;
        margin: 10px auto 15px auto;
    }

    .block-store-table {
        padding: 30px 15px 0 15px;
    }

    .item-table-store:nth-child(1) {
        width: 10%;
    }

    .item-table-store:nth-child(2) {
        width: 16%;
    }

    .item-table-store:nth-child(3) {
        width: 30% !important;
    }

    .item-table-store:nth-child(4) {
        width: 17%;
    }

    .item-table-store:nth-child(5) {
        width: 14%;
    }

    .item-table-store:nth-child(6) {
        width: 13%;
    }

    .block-store-table {
        padding: 30px 5px 0 5px;
    }

    .item-table-reitem:nth-child(3) {
        width: 18%;
        padding: 10px 10px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .item-table-reitem:nth-child(3) .pname, .item-table-reitem:nth-child(3) .psub {
        font-family: 'Conv_Kanit-Bold';
        font-size: 15px;
        line-height: 15px;
        width: 100%;
        margin: 10px 0 0 0;
        color: #21409a;
        text-align: left;
    }

    .item-table-reitem:nth-child(4) {
        width: 24%;
    }

    .item-table-reitem:nth-child(6) {
        width: 14%;
    }

    .col-promotion {
        width: 33.33%;
    }

    .block-event-right {
        width: 100%;
        padding: 7.5px;
    }

    .block-event-left {
        width: 100%;
        padding: 0 0 10px 0;
        display: flex;
    }

    .border-event-item {
        margin-bottom: 5px;
    }

    .block-event-left .border-event-item {
        width: 50%;
        margin: 0 7.5px;
    }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    html {
        height: 100%;
        overflow-x: hidden;
    }

    #content {
        min-width: 100%;
    }

    .bg-main {
        background-position: 90% top;
        height: 100vh;
    }

    .block-top-one img {
        max-width: 100%;
        padding: 0 10%;
    }

    .block-btn-right img, .block-btn-left img {
        padding: 0 0%;
    }

    .block-top-one {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 0 30px 0;
    }

    .wrapper.container.pd-0, .container.border-login {
        width: 100%;
    }

    .container.block-title-icp {
        width: 100%;
        padding: 0;
        overflow-x: hidden;
    }

    .item-title-icp {
        display: flex;
        border-top: 2px solid #d3d3d3;
        border-bottom: 2px solid #d3d3d3;

    }

    .container.block-left-top {
        position: relative;
        height: 65px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        left: 0;
        right: 0;
        width: 100%;
    }

    .btn-nav {

        left: 15px;
        width: 48px;
    }

    ul.menu-left-top {
        display: flex;
        align-items: center;
        margin: 0;
    }

    ul.menu-left-top li a {
        font-family: 'Conv_Kanit-Medium';
        font-size: 20px;
    }

    ul.menu-left-top li {
        margin: 0 15px 0 0px;
    }

    .store-name {
        font-size: 32px;
        line-height: 32px;
        margin: 0 0 15px 0;
    }

    .store-code, .store-type, .top-dashbord-score-text .title-score, .top-dashbord-score-text .score {
        font-size: 18px;
        line-height: 18px;
    }

    .top-dashbord-score img {
        height: 90px;
        left: -15px;
    }

    .top-dashbord-score, .top-dashbord-detail, .top-dashbord-img {
        height: auto;
    }

    .top-dashbord-score-text {
        margin: 0 0 0 30px;
    }

    .col-33 {
        width: 50%;
    }

    .right-dashbord {
        width: 55%;
    }

    .left-dashbord {
        width: 45%;
    }

    .item-member-img {
        padding: 0;
        width: 20%;
    }

    .item-member-detail {
        width: 55%;
    }

    .item-title-icp img {
        height: 115px;
    }

    #sidebar {
        min-width: 220px;
        max-width: 220px;
    }

    #sidebar {
        margin-left: -220px;
    }

    #sidebar ul li a i {
        font-size: 35px;
        line-height: 35px;
        margin: 0 10px 0 5px;
    }

    li ul.list-unstyled li a {
        font-size: 16px !important;
        line-height: 16px !important;
        padding: 15px 15px 15px 60px !important;
    }

    .block-bottom-dashbord.information .left-dashbord {
        width: 100%;
    }

    .block-bottom-dashbord.information .right-dashbord {
        width: 100%;
    }

    .address-right {
        text-align: left;
        padding: 0 15px 0 10px;
    }

    .col-20 {
        width: 33.33%;
    }

    .my-coin-left {
        width: 50%;
        margin: auto;
    }

    .my-coin-right {
        width: 100%;
        padding: 30px 15px;
    }

    .point-user, .text-exp, .point-exp {
        margin: 15px 0;
    }

    .my-coin-btn {
        margin: 25px auto 0 auto;
    }

    .score-btn1, .score-btn2 {
        font-size: 14px;
        padding: 10px 5px;
        margin: 0 5px;
    }

    span.all-item, .show-item, input.input-page, .page-next, .page-next2 {
        font-size: 18px;

    }

    .col-pd-top-left, .col-pd-top-right {
        width: 50%;
    }

    .item-product-check {
        width: 20%;
    }

    .col-product {
        width: 33.33%;
    }

    .log-pd .block-product {
        margin: 5px 0 40px 0;
        padding: 10px 0 0 0;
    }

    .log-pd .col-product-img, .col-product-img img {
        max-height: 170px;
    }

    .log-pd .item-product i {
        right: 10px;
        font-size: 28px;
    }

    .log-pd .col-product-text p:nth-child(1), .log-pd .col-product-text p:nth-child(2) {
        font-size: 18px;
        line-height: 18px;
    }

    .log-pd .col-product-num p:nth-child(1) {
        padding: 0 30px;
        font-size: 14px;
        margin: -5px 0 10px 0;
    }

    .log-pd .col-product-num p:nth-child(2) span {
        font-size: 26px;
        margin-right: 2px;
    }

    .log-pd .col-product-num p:nth-child(2) {
        font-size: 14px;
        line-height: 14px;
        margin: 5px 0 0 0;
    }

    .log-pd .product-btn1, .log-pd .product-btn2 {
        font-size: 16px;
        line-height: 16px;
    }

    .head-new-product {
        font-size: 64px;
        line-height: 64px;
        margin-top: 25px;
    }

    .sub-new-product {
        font-size: 16px;
        padding-top: 25px;
        padding-bottom: 0px;
    }

    .popup-forget .modal-dialog {
        width: 410px;
    }

    #otp .btn-save {
        width: 60%;
        border-bottom: 4px solid #0075aa;
    }

    #otp .btn-new-otp {
        width: 60% !important;
        border-bottom: 4px solid #00aa04;
    }

    .form-forget .btn.btn-primary {
        border-bottom: 4px solid #0075aa;
    }

    .btn-new-otp {
        width: 100% !important;
        border-bottom: 4px solid #00aa04 !important;

    }

    .modal-header.login {
        display: flex;
        align-items: flex-end;
        flex-wrap: wrap;
        width: 100%;
    }

    .modal-header.login i, .form-login i {
        font-size: 36px;
    }

    .block-store-detail .col-50 {
        width: 100%;
        margin-bottom: 15px;
    }

    .store-detail-border {
        min-height: 145px;
    }

    .store-detail-img img {
        width: 115px;
        height: 115px;
    }

    .store-detail-img {
        margin: 0 20px 0 10px !important;
    }

    .table-store .item-table-store {
        padding: 10px 5px;
    }

    .scroll-cart {
        display: flex;
        flex-wrap: wrap;
        overflow-y: auto;
        max-height: 300px;
        padding-bottom: 120px;
    }

    .item-table-reitem:nth-child(3) {
        width: 18%;
        padding: 10px 10px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .item-table-reitem:nth-child(3) .pname, .item-table-reitem:nth-child(3) .psub {
        font-family: 'Conv_Kanit-Bold';
        font-size: 15px;
        line-height: 15px;
        width: 100%;
        margin: 10px 0 0 0;
        color: #21409a;
        text-align: left;
    }

    .item-table-reitem:nth-child(4) {
        width: 24%;
    }

    .item-table-reitem:nth-child(6) {
        width: 14%;
    }

    .col-promotion {
        width: 33.33%;
    }

    .block-event-right {
        width: 100%;
        padding: 7.5px;
    }

    .block-event-left {
        width: 100%;
        padding: 0 0 10px 0;
        display: flex;
        align-items: flex-start;
    }

    .border-event-item {
        margin-bottom: 5px;
    }

    .block-event-left .border-event-item {
        width: 100%;
        margin: 0 7.5px;
    }

    .call {
        display: none !important;
    }

    .block-title-product .form-search {
        width: 250px;
        padding: 0 0 0 10px;
    }

    .title-cart-sale {
        font-family: 'Conv_Kanit-Bold' !important;
        font-size: 16px;
        line-height: 16px;
        color: #666666;
        padding: 0;
        margin: 5px 10px 10px 10px;
        display: flex;
        align-items: flex-end;
        flex-wrap: wrap;
    }

    .text-search-store {
        text-align: center;
        color: #3e3c42;
        font-family: 'Conv_Kanit-Bold';
        font-size: 16px;
        line-height: 16px;
        margin: 10px 0;
    }

    .cart-title {
        font-family: 'Conv_Kanit-Bold';
        background-color: #21409a;
        color: #fff;
        font-size: 16px;
        height: 35px;
        display: flex;
        align-items: center;
        padding: 0 15px;
    }

}

@media only screen and (min-width: 290px) and (max-width: 767px) {
    html {
        height: 100%;
        overflow-x: hidden;
    }

    .bg-main {
        background-position: 80% top;
        height: auto;
        padding: 60px 0;
        min-height: 100vh;
    }

    .block-top-one img {
        max-width: 100%;
        padding: 0 0%;
    }

    .block-btn-right img, .block-btn-left img {
        padding: 10px 15% 0 15%;
    }

    .col-right {
        display: flex;
        /*justify-content: space-between;*/
    }

    .block-top-one {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 0 15px 0;
    }

    .name-user, .bell-block {
        font-size: 14px;
        line-height: 14px;
    }

    .login-block, .bell-block {
        padding: 0 10px;
        border: none;
    }

    .login-block, .bell-block, .border-login {
        height: 40px;
    }

    .avatar {
        width: 30px;
        height: 30px;
        margin-right: 15px;
    }

    .alert-call {
        font-size: 10px;
        line-height: 10px;
        padding: 1px 7px 1px 6px;
        top: -5px;
        left: 10px;

    }

    .bell-block i {
        font-size: 20px;
        line-height: 20px;
        margin-right: 15px;
    }

    .container.block-title-icp {
        padding: 0;
        width: 100%;
    }

    .item-title-icp {
        display: flex;
        border-top: 2px solid #d3d3d3;
        border-bottom: 2px solid #d3d3d3;
        width: 100%;
        overflow: hidden;
    }

    .item-title-icp img {
        height: 50px;
    }

    .container.block-left-top {
        position: relative;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        left: 0;
        right: 0;
        width: 100%;
    }

    ul.menu-left-top {
        display: flex;
        align-items: center;
        margin: 0;
        padding: 0;
    }

    ul.menu-left-top li a {
        font-family: 'Conv_Kanit-Medium';
        font-size: 12px;
    }

    ul.menu-left-top li {
        margin: 0 10px 0 0px;
    }

    .btn-nav {
        background-color: #21409a;
        box-shadow: none;
        cursor: pointer;
        font-size: 18px;
        border: 1px solid;
        border-radius: 6px;
        padding: 3px 15px;
        color: #fff;
        position: absolute;
        left: 10px;
        width: 48px;
    }

    a[aria-expanded="false"]::before, a[aria-expanded="true"]::before {
        font-size: 20px;
    }

    #sidebar {
        min-width: 180px;
        max-width: 180px;
    }

    #sidebar {
        margin-left: -180px;
    }

    #sidebar ul li a {
        padding: 10px 10px;
        font-size: 16px;
        line-height: 16px;
    }

    #sidebar ul li a i {
        font-size: 18px;
        line-height: 18px;
        margin: 0 8px 0 8px;
    }

    #content {
        min-width: 100%;
    }

    li ul.list-unstyled li a {
        font-size: 14px !important;
        line-height: 14px !important;
        padding: 10px 15px 10px 43px !important;
    }

    .top-dashbord-score img {
        height: 70px;
        top: 5px;
        left: 5px;
    }

    .left-dashbord, .right-dashbord, .top-dashbord-img, .top-dashbord-score {
        width: 100%;
    }

    .top-dashbord-detail {
        width: 100%;
        padding: 0;
        height: auto;
    }

    .store-name {
        font-size: 28px;
        line-height: 28px;
        margin: 10px 0 10px 0;
    }

    .col-33 {
        width: 50%;
    }

    .top-dashbord-score-text {
        margin: 0px 0 0 45px;
    }

    .top-dashbord-score {
        height: auto;
        margin: 5px 0 10px 0;
    }

    .you-score, .item-product-score-title, .top-dashbord-camara p, .store-code,
    .store-type, .top-dashbord-score-text .title-score, .top-dashbord-score-text .score {
        font-size: 16px;
        line-height: 16px;
    }

    .title-score {
        margin: 10px 0 0 0;
    }

    .top-dashbord-score-text .score span {
        font-size: 42px;
        line-height: 42px;
    }

    .store-code span:nth-child(1), .store-type span:nth-child(1) {
        min-width: 100px;
    }

    .top-dashbord-camara p i {
        font-size: 28px;
        margin-right: 5px;
    }

    .item-member-img {
        width: 17%;
        padding: 0;
    }

    .item-member-img img {
        height: 45px;
        width: 45px;
        margin: auto;
        display: block;
    }

    .item-member-detail {
        width: 55%;
        padding: 0 0 0 10px;
    }

    .item-member-gif {
        width: 28%;
    }

    .left-dashbord .item-member {
        margin: 0 10px;
    }

    .top-dashbord-camara p {
        margin: 5px 0;
    }

    .text-member-score span {
        font-size: 24px;
        margin-left: 5px;
    }

    .block-bottom-dashbord.information .left-dashbord {
        width: 100%;
    }

    .block-bottom-dashbord.information .right-dashbord {
        width: 100%;
    }

    .address-right {
        padding: 0 10px 0 10px;
    }

    .network-store-item {
        flex-wrap: wrap;
        padding: 10px 15px;
    }

    .network-store-item-img {
        display: flex;
        justify-content: center;
        width: 100%;

    }

    .network-store-item img {
        height: auto;
        max-width: 100%;
    }

    .col-20 {
        width: 50%;
    }

    .point-user span, .point-exp span {
        font-size: 38px;
        line-height: 38px;
        margin-right: 5px;
    }

    .point-user, .text-exp, .point-exp, .box-point.point-top, .box-point {
        font-size: 16px;
    }

    .box-point, .item-table-point .box-point:nth-child(3).point-top, .box-point.point-top {
        padding-left: 10px;
    }

    .text-exp i {
        font-size: 24px;
        color: #ff0000;
        margin-right: 5px;
    }

    .score-btn1, .score-btn2 {
        font-size: 14px;
        padding: 5px 0;
        margin: 0 5px;
    }

    .my-coin-left {
        width: 100%;
        margin: auto;
    }

    .my-coin-right {
        width: 100%;
        padding: 30px 15px;
    }

    .point-user, .text-exp, .point-exp {
        margin: 10px 0;
    }

    .my-coin-btn {
        margin: 25px auto 0 auto;
    }

    .score-btn1, .score-btn2 {
        font-size: 14px;
        padding: 5px 0;
        margin: 0 5px;
    }

    input.input-page {
        width: 65px;
    }

    .table-point, .table-product {
        overflow: scroll;
    }

    .item-table-point, .item-table-point:nth-last-of-type(odd) {
        display: flex;
        flex-wrap: wrap;
        width: 530px;
    }

    .item-table-product {
        display: flex;
        flex-wrap: wrap;
        width: 570px;
    }

    .box-product {
        font-size: 12px;
        line-height: 12px;
        padding: 5px;
        min-height: 50px;
    }

    .box-product.product-top {
        font-size: 14px;
        line-height: 14px;
        padding: 10px 10px;
        min-height: 20px;
    }

    .col-pd-top-left {
        width: 100%;
        padding-bottom: 20px;
    }

    .logo-pd {
        width: 130px;
        padding-top: 0px;
        margin: auto;
    }

    .col-pd-top-left p:nth-child(1) {
        font-size: 16px;
        line-height: 16px;
    }

    .col-pd-top-left p:nth-child(2) {
        font-size: 16px;
        line-height: 16px;
        margin: 15px 0 0 0;
    }

    .col-pd-top-right p:nth-child(1) {
        font-size: 16px;
        line-height: 16px;
        text-align: left;
    }

    .text-pd {
        width: 100%;
        padding-top: 10px;
    }

    .block-title-product .nav-tabs > li > a {
        padding: 10px 10px 6px 10px;
        font-size: 12px;
        line-height: 12px;
    }

    .col-pd-top-right {
        width: 100%;
        padding: 0 0 15px 0;
    }

    .block-title-product {
        width: 100%;
        position: relative;
        padding: 20px 0 0 0;
    }

    .item-product-check {
        width: 33.33%;
        padding: 0 10px 0 0;
        position: relative;
    }

    .item-product-check .control__indicator {
        height: 15px;
        width: 15px;
    }

    .item-product-check .control--checkbox .control__indicator:after {
        left: 6px;
        top: -3px;
        width: 7px;
        height: 13px;
        border: solid #059c05;
        border-width: 0 3px 3px 0;
        transform: rotate(45deg);
    }

    .item-product-check .control {
        display: block;
        position: relative;
        padding-left: 20px;
        margin-bottom: 10px;
        cursor: pointer;
    }

    .col-product {
        width: 50%;
        padding: 7.5px;
    }

    .block-title-product .tab-content {
        width: auto;
        margin: 0 10px 30px 10px;
    }

    .block-title-product ul.nav.nav-tabs {
        margin: 0 10px;
    }

    .log-pd .block-product {
        margin: 5px 0 40px 0;
        padding: 10px 0 0 0;
    }

    .log-pd .col-product-img, .col-product-img img {
        max-height: 155px;
    }

    .log-pd .item-product i {
        right: 3px;
        font-size: 28px;
    }

    .log-pd .col-product-text p:nth-child(1), .log-pd .col-product-text p:nth-child(2) {
        font-size: 18px;
        line-height: 18px;
    }

    .log-pd .col-product-num p:nth-child(1) {
        padding: 0 20px;
        font-size: 14px;
        margin: -5px 0 10px 0;
    }

    .log-pd .col-product-num p:nth-child(2) span {
        font-size: 26px;
        margin-right: 2px;
    }

    .log-pd .col-product-num p:nth-child(2) {
        font-size: 14px;
        line-height: 14px;
        margin: 5px 0 0 0;
    }

    .log-pd .product-btn1, .log-pd .product-btn2 {
        font-size: 16px;
        line-height: 16px;
    }

    .head-new-product {
        font-size: 48px;
        line-height: 48px;
        margin-top: 20px;
    }

    .sub-new-product {
        font-size: 16px;
        padding-top: 20px;
        padding-bottom: 0px;
    }

    .logo-login-top {
        position: relative;
        height: 55px;
        width: 100%;
        border-bottom: 1px solid #ccc;
    }

    .logo-login-top img {
        max-width: 100%;
        height: 50px;
        display: block;
        padding: 5px 15px;
    }

    .modal-header.login {
        display: flex;
        align-items: flex-end;
        flex-wrap: wrap;
        width: 100%;
    }

    .modal-header.login i, .form-login i {
        font-size: 28px;
        position: relative;
        top: 3px;
    }

    .container.block-right-top {
        position: relative;
        padding: 0;

    }

    .block-right-top .logo-login-top {
        position: relative;
        left: 0;
        max-width: 100%;
        height: 45px;
        top: 0px;
    }

    .block-right-top .logo-login-top img {
        height: 40px;
    }

    .btn-crete {
        font-size: 16px;
        line-height: 16px;
        padding: 10px 0;
        width: 85px;
        text-align: center;
    }

    .form-search {
        width: 215px;
    }

    .form-search input.input-search {
        width: 100%;
        height: 35px;
        background-position: 10px;
        background-size: 20px;
        font-size: 16px;
        line-height: 16px;
        padding: 0 0 0 40px;
    }

    span.text-cancel, span.text-confirm {
        font-family: 'Conv_Kanit-Medium';
        font-size: 12px;
        line-height: 12px;
        width: 100%;
    }

    .chack-cri img {
        margin: 0 0 3px 0;
        max-width: 100%;
        display: block;
        height: 22px;
    }

    .block-store-detail .col-50 {
        width: 100%;
        margin-bottom: 15px;
    }

    .store-detail-border {
        min-height: 145px;
    }

    .store-detail-img img {
        width: 115px;
        height: 115px;
        margin: auto;
    }

    .store-detail-img {
        margin: 5px 20px 15px 10px !important;
    }

    .table-store .item-table-store {
        padding: 10px 5px;
    }

    .store-detail-text.right-store .list-detail {
        font-size: 14px;
        line-height: 15px;
    }

    .block-status {
        display: flex;
        width: 100%;
        flex-wrap: wrap;
    }

    .col-status {
        width: 100% !important;
    }

    .po-full, .so-full {
        padding: 10px;
        margin: 0px;
    }

    .block-po-so {
        padding: 10px;
    }

    .block-status .col-status .item-detail {
        padding-left: 75px;
        font-size: 16px;
        line-height: 16px;
        margin-bottom: 10px;
    }

    .block-status .col-status:nth-child(4) {
        padding: 15px 0 15px 0;
    }

    .block-status .col-status:nth-child(4) .btn-crete {
        width: 46%;
        margin: 0 2%;
        border-radius: 4px;
        float: left;
    }

    .store-detail-border {
        min-height: 100%;
        display: flex;
        flex-wrap: wrap;
        height: auto;
    }

    .store-detail-img, .store-detail-text {
        width: 100%;
    }

    .list-detail, .table-store .item-table-store,
    .item-table-store:nth-child(3) .pname, .item-table-store:nth-child(3) .psub,
    .item-table-store:nth-child(4) .num, .item-table-store:nth-child(4) .weight {
        font-size: 14px;
        line-height: 15px;
    }

    .list-detail.top-list {
        font-size: 18px !important;
        line-height: 18px !important;
    }

    .table-store-total p {
        font-size: 26px;
        line-height: 26px;
    }

    .table-store {
        display: flex;
        flex-wrap: wrap;
        width: 635px;
    }

    .block-store-table {
        padding: 15px 0px 0 0px;
        overflow: scroll;
    }

    .table-store.top-table-store .item-table-store {
        font-size: 16px;
        line-height: 16px;
    }

    .so-full .block-status .col-status .item-detail,
    .so-full .block-status .col-status:nth-child(2) .item-detail {
        padding-left: 115px;
    }

    .scroll-cart {
        display: flex;
        flex-wrap: wrap;
        overflow-y: auto;
        max-height: 445px;
        padding-bottom: 0px;
        border-bottom: 1px solid #d3d3d3;
    }

    .table-redeem {
        overflow: scroll;
    }

    .item-table-redeem {
        width: 690px;
    }

    .redeem-detail-50 {
        display: flex;
        align-items: flex-start;
        padding: 0 0 10px 0;
        flex-wrap: wrap;
    }

    .item-table-reitem:nth-child(3) {
        width: 18%;
        padding: 10px 10px;
        flex-wrap: wrap;
        justify-content: center;
    }

    .item-table-reitem:nth-child(3) .pname, .item-table-reitem:nth-child(3) .psub {
        font-family: 'Conv_Kanit-Bold';
        font-size: 15px;
        line-height: 15px;
        width: 100%;
        margin: 10px 0 0 0;
        color: #21409a;
        text-align: left;
    }

    .item-table-reitem:nth-child(4) {
        width: 24%;
    }

    .item-table-reitem:nth-child(6) {
        width: 14%;
    }

    .block-reitem-table {
        overflow: scroll;
    }

    .table-reitem {
        width: 600px;
    }

    .col-promotion {
        width: 50%;
    }

    .block-promotion-item {
        margin: 10px;
        padding: 5px;
    }

    .redeem-score {
        margin: 10px 10px 10px 10px;
        font-size: 14px;
        line-height: 14px;
        padding: 5px 10px;
    }

    .col-promotion .item-product-score img {
        padding: 5px 10px;
    }

    p.item-promotion-title {
        font-size: 14px;
        line-height: 14px;
        padding: 15px 10px 0 15px;
        margin: 0 0 0 0;
    }

    .item-promotion-btn {
        margin: 10px 15px 8px 15px;
        background-color: #21409a;
        color: #fff;
        font-size: 14px;
        line-height: 14px;
        padding: 8px 5px;
        border-radius: 4px;
    }

    .pro-title {
        width: 100%;
        font-size: 32px;
        line-height: 32px;
        text-align: center;
        margin: 0;
    }

    .propoint {
        width: 100%;
        font-size: 22px;
        line-height: 22px;
        color: #21409a;
        text-align: center;
        margin: 10px 0 0 0;
    }

    .propoint span {
        font-size: 32px;
        margin: 0 10px;
    }

    .block-rc-title-l .rc-point-2 span {
        font-size: 42px;
    }

    .block-rc-title-l, .block-rc-title-r {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }

    .block-rc-title-l .rc-point-1 {
        font-size: 28px;
        line-height: 24px;
        margin: 0 0 0 0;
        text-align: center;
    }

    .block-rc-title-l .rc-point-2 {
        font-size: 24px;
        line-height: 24px;
        margin: 15px 0 0 0;
        text-align: center;
        padding-right: 0;
    }

    .block-rc-title-r .exp-rc {
        text-align: center;
        font-size: 18px;
        line-height: 18px;
        margin: 10px 0 0 0;
    }

    .block-rc-title-r .exp-rc-point {
        font-size: 24px;
        line-height: 24px;
        width: 100%;
        margin: 0;
        text-align: center;
        padding-right: 0;
    }

    .block-rc-title-r .exp-rc-point span {
        font-size: 32px;
        line-height: 32px;
    }

    .block-rc-title {
        background-size: 90px;
    }

    .block-event-right {
        width: 100%;
        padding: 7.5px;
    }

    .block-event-left {
        width: 100%;
        padding: 0 0 10px 0;
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    .border-event-item {
        margin-bottom: 5px;
    }

    .block-event-left .border-event-item {
        width: 100%;
        margin: 0 25px 0 7.5px;
        margin-bottom: 15px;
    }

    .block-event-top {
        margin: 0 15px 15px 15px;
        padding: 15px 0px 15px 0;
    }

    .event-top-title {
        margin: 0;
        padding: 5px 0 10px 0;
        font-size: 22px;
        line-height: 22px;
        color: #21409a;
        font-family: 'Conv_Kanit-Medium';
    }

    .event-top-des {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 5px;
    }

    .title-reward {
        font-size: 22px;
        margin: 0 0 0 0;
        padding: 0 15px;
    }

    .call {
        display: none !important;
    }

    .block-title-product .form-search {
        width: 250px;
        padding: 0 0 0 10px;
    }

    .title-cart-sale {
        font-size: 16px;
        line-height: 16px;
        margin: 5px 10px 10px 10px;

    }

    .text-search-store {
        font-size: 16px;
        line-height: 16px;
        margin: 10px 0;
    }

    .cart-title {
        font-size: 16px;
        height: 35px;
        padding: 0 15px;
    }

    .cart-title p {
        font-size: 16px;

    }

    .cart-title p i {
        margin: 0 10px 0 90px;
        font-size: 36px;
    }
}

@media only screen and (min-width: 290px) and (max-width: 359px) {
    .col-product {
        width: 100%;
        padding: 15px 25px;
    }
    .scroll-cart {
        max-height: 300px;
    }
    .item-product {
        width: 100%;
        padding: 15px 20px;
    }

    .item-product i {
        position: absolute;
        right: 25px;
    }

    .log-pd .block-product {
        margin: 5px 0 40px 0;
        padding: 0 0 0 0;
    }

    .log-pd .col-product-img, .col-product-img img {
        max-height: 200px;
    }

    .log-pd .item-product i {
        right: 12px;
        font-size: 30px;
    }

    .log-pd .col-product-text p:nth-child(1), .log-pd .col-product-text p:nth-child(2) {
        font-size: 18px;
        line-height: 18px;
    }

    .log-pd .col-product-num p:nth-child(1) {
        padding: 0 20px;
        font-size: 14px;
        margin: -5px 0 10px 0;
    }

    .log-pd .col-product-num p:nth-child(2) span {
        font-size: 26px;
        margin-right: 2px;
    }

    .log-pd .col-product-num p:nth-child(2) {
        font-size: 14px;
        line-height: 14px;
        margin: 5px 0 0 0;
    }

    .log-pd .product-btn1, .log-pd .product-btn2 {
        font-size: 16px;
        line-height: 16px;
    }

    .head-new-product {
        font-size: 38px;
        line-height: 38px;
        margin-top: 15px;
    }

    .sub-new-product {
        font-size: 14px;
        padding-top: 15px;
        padding-bottom: 0px;
    }

    span.all-item, .show-item {
        font-size: 14px;
    }

    .page-next, .page-next2 {
        font-size: 14px;

    }

    input.input-page {
        font-size: 14px;
        width: 55px;
        padding: 2px 10px;
    }

    .btn-crete {
        font-size: 14px;
        line-height: 14px;
        padding: 10px 0;
        width: 65px;
        text-align: center;
    }

    .form-search {
        width: 200px;
    }

    .form-search input.input-search {
        width: 100%;
        height: 30px;
        background-position: 10px;
        background-size: 18px;
        font-size: 14px;
        line-height: 14px;
        padding: 0 0 0 40px;
    }

    .block-redeem-title p {
        font-size: 18px;
    }

    .box-redeem.redeem-top, p.redeem-1-1, .redeem-status, p.pro-name {
        font-size: 16px;
        line-height: 16px;
    }

    .block-redeem-title img {
        height: 42px;
    }

    .col-promotion {
        width: 100%;
    }

    .redeem-score {
        margin: 10px 10px 10px 10px;
    }
}

/*============================================================================*/

/*[End]*/
/* 11/11/2017 By Tipon Na */

/*============================================================================*/

/* 30/12/2017 By Tipon Na */
/*[Start]*/
/*====== Fomat Mobile App ======*/
.form-forget .btn.btn-primary {
    border-radius: 0 !important;
    border: none !important;
    font-weight: normal;
    font-family: 'Conv_Kanit-Regular';

}

.form-login .btn-login {
    background-color: #1f72bb !important;
}

.form-login .btn-register {
    background-color: #92be20 !important;
}

.form-login .input-login input, .form-forget .input-login input {
    border-radius: 0 !important;
}

.btn-save {
    width: 100%;
}

/*============================================================================*/
/*1/3/2018*/
.pd-15 {
    padding: 15px !important;
}

.new-profile {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    /* margin: 20px 20px -25px 20px; */
    border-radius: 6px;
    padding-bottom: 15px;
}

.img-profile{
    padding: 30px 80px 0px 40px;
    width: 33.33%;
}

.img-profile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 6px;
    overflow: hidden;
    border: 4px solid #fff;
}

.des-profile {
    width: 33.33%;

}

.des-profile p {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    color: #fff;
}

.code-profile {
    font-size: 16px;
    line-height: 16px;
    margin: 15px 0 10px 0;
    text-align: center;
}

.name-profile, .tel-profile, .gif-profile, .point-profile {
    font-size: 18px;
    line-height: 18px;
    margin: 0 0 15px 0;
    font-family: 'Conv_Kanit-Regular';
}

.point-profile span {
    font-size: 24px;
    line-height: 24px;
    margin-right: 10px;
}

.btn-profile {
    width: 33.33%;
    padding-top: 20px;
}

.btn-profile-buy, .btn-profile-gif, .btn-profile-search {
    width: 240px;
    height: 50px;
    display: flex;
    align-items: center;
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 6px;

}

.btn-profile-buy {
    background-color: #5ea9e3;
}

.btn-profile-gif {
    background-color: #86df81;
}

.btn-profile-search {
    background-color: #fbaf3f;
}

.ic-profile {
    width: 60px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    font-size: 24px;
    line-height: 24px;
}

.btn-profile-buy .ic-profile i {
    color: #5ea9e3;
}

.btn-profile-gif .ic-profile i {
    color: #86df81;
}

.btn-profile-search .ic-profile i {
    color: #fbaf3f;
}

.ic-text {
    color: #fff;
    padding: 0 0 0 15px;

}

.ic-text p:nth-child(1) {
    font-family: 'Conv_Kanit-Regular';
    margin: 0 0 5px 0;
    color: #fff;
    font-size: 12px;
    line-height: 12px;
}

.ic-text p:nth-child(2) {
    font-family: 'Conv_Kanit-Medium';
    margin: 0;
    color: #fff;
    font-size: 18px;
    line-height: 18px;
}

.name-profile i, .tel-profile i, .gif-profile i {
    font-size: 24px;
    line-height: 22px;
    margin: 0 5px 0 0;
    color: #fff;
    position: absolute;
    left: -30px;
    width: 22px;
    text-align: center;
}

.new-profile.distributor {
    background-color:#C7E6FF;
}
.new-profile.farmer {
    background-color:#8BC34A;
}
.new-profile.store {
    background-color:#2196F3;
}

.modal-search {
}

.modal-search .left-dashbord {
    width: 100%;
    border: none;
}

.modal-search .item-member-img img {
    height: 90%;
    width: 90%;
    max-width: 100%;
    border-radius: 50%;
}

.modal-search .close {
    font-size: 46px;
    line-height: 26px;
    font-family: 'Conv_Kanit-Regular';

}

.input-modal-search {
    font-family: 'Conv_Kanit-Regular';
    font-size: 16px;
    line-height: 16px;
    color: #1d2124;
    width: 100%;
    padding: 5px 15px;
    border: 1px solid #d3d3d3;
    margin-top: 15px;
    border-radius: 4px;
}

.modal-search .modal-footer {
    border: none;
    position: relative;
    top: -20px;
}

.modal-search .modal-footer button {
    font-family: 'Conv_Kanit-Regular';
    font-size: 16px;
    line-height: 16px;
    margin: 0 10px 0 10px;
}

.modal-confirm .close {
    font-size: 46px;
    line-height: 26px;
    font-family: 'Conv_Kanit-Regular';
}

.modal-confirm .modal-footer {
    border: none;
    position: relative;
}

.modal-confirm .modal-footer button.button-modal-close {
    font-family: 'Conv_Kanit-Regular';
    font-size: 16px;
    line-height: 16px;
    padding: 12px 26px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .img-profile {
        width: 33.33%;
        padding: 15px 50px 0 20px;
    }

    .des-profile {
        width: 33.33%;

    }

    .btn-profile {
        width: 33.33%;
    }

    .btn-profile-buy, .btn-profile-gif, .btn-profile-search {
        width: 200px;
    }

}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .img-profile {
        width: 33.33%;
        padding: 15px 50px 0 20px;
    }

    .des-profile {
        width: 33.33%;

    }

    .btn-profile {
        width: 33.33%;
    }

    .btn-profile-buy, .btn-profile-gif, .btn-profile-search {
        width: 200px;
    }
}

@media only screen and (min-width: 360px) and (max-width: 767px) {
    .img-profile {
        width: 50%;
        padding: 15px 50px 0 20px;
    }

    .des-profile {
        width: 50%;

    }

    .btn-profile {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .btn-profile-buy, .btn-profile-gif, .btn-profile-search {
        width: 260px;
    }

    .block-title-product .nav-tabs > li {
        width: 25%;
    }

    .block-title-product .nav-tabs > li > a {
        width: 100%;
    }

}

@media only screen and (min-width: 290px) and (max-width: 359px) {
    .img-profile {
        width: 100%;
        padding: 15px;
    }

    .img-profile img {
        width: 100px;
        height: 100px;
        object-fit: cover;
        object-position: center;
        border-radius: 6px;
        overflow: hidden;
        border: 4px solid #fff;
        margin: auto;
        display: block;
    }

    .des-profile {
        width: 100%;
        position: relative;
        top: -25px;
        margin-bottom: -25px;
    }

    .des-profile p {
        position: relative;
        justify-content: center;
        margin: 15px 0;
        font-size: 22px;
        line-height: 24px;
        padding: 0 10px;
    }

    .new-profile {
        padding-bottom: 15px;
    }

    .name-profile i, .tel-profile i, .gif-profile i {
        position: relative;
        left: -10px;
    }

    .btn-profile {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

    .btn-profile-buy, .btn-profile-gif, .btn-profile-search {
        width: 200px;
    }

    .block-title-product .nav-tabs > li {
        width: 25%;
    }

    .block-title-product .nav-tabs > li > a {
        width: 100%;
    }

}

.block-title-product .nav-tabs > li > a {
    padding: 0;
}

.block-title-product ul.nav.nav-tabs {
    width: auto;
}

.item-product {
    box-shadow: none;
    border: 1px solid #d8d8d8;
    padding-left: 5px;
    padding-right: 5px;
}

.item-product i {
    position: absolute;
    right: 7px;
    top: 5px;
    font-size: 32px;
    color: #c0c0c0;
}

.product-btn1 {
    background-color: #92be20;
    border-radius: 0px;
    margin: 0;
}

.product-btn2 {
    background-color: #f3533f;
    border-radius: 0px;
    margin: 0;
}

.item-product-score-btn {
    background: #1f72bb;
    border-radius: 0;
}

.score-btn1, .score-btn2 {
    border-radius: 0px;
}

.w100 {
    width: 100%;
}

.block-body-icp.farmer {
    background-color: #8BC34A;
}

.block-body-icp.storer {
    background-color: #2196F3;
}

.block-top-dashbord, .left-dashbord, .right-dashbord {
    background-color: #fff;
}

.dashbord-total {
    display: flex;
    flex-wrap: wrap;
    width: 600px;
    align-items: flex-start;
    padding: 0 0 10px 0;
    margin: auto;
}

.dashbord-total .ww50 {
    width: 50%;
    padding: 7px;
}

.dashbord-total .ww33 {
    width: 33.33%;
    padding: 7px;

}

.btn-total {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border-radius: 4px;
    padding: 10px 0 0 0;
    align-items: center;
    height: 120px;
}

.btn-total i {
    text-align: center;
    font-size: 52px;
    line-height: 52px;
    color: #fff;
}

.btn-total p {
    width: 100%;
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    color: #fff;
    margin-top: 0px;

}

.btn-total.green {
    background-color: #86df81;
}

.btn-total.blue {
    background-color: #5ea9e3;
}

.btn-total.yellow {
    /*background-color: #FFD600;*/
    background-color: #fff;
}

.btn-total.red {
    /*background-color: #e57373;*/
    background-color: #fff;
}

.btn-total.orange {
    /*background-color: #FFB74D;*/
    background-color: #fff;
}

.btn-total.orange i, .btn-total.orange p, .btn-total.red i,
.btn-total.red p, .btn-total.yellow i, .btn-total.yellow p {
    color: #7f7f7f !important;

}

.btn-crete, .btn-nav {
    background-color: #1f72bb;
    border-radius: 0px !important;
}

.page-next, .page-next2 {
    border-radius: 0px;
}

.form-search input.input-search, .col-cart input {
    border-radius: 4px;
    box-shadow: none;
    outline: none;
    border: 1px solid #d3d3d3;
}

.col-promotion .item-product-score {
    box-shadow: none;
    border: 1px solid #d3d3d3;
}

.item-promotion-btn {
    border-radius: 0px !important;
    cursor: pointer;
}

.item-promotion-btn.active {
    box-shadow: none;
}

@media only screen and (min-width: 414px) and (max-width: 767px) {
    .dashbord-total {
        width: 100%;
    }
}

@media only screen and (min-width: 290px) and (max-width: 413px) {
    .dashbord-total {
        width: 100%;

    }

    .btn-total {
        height: 90px;
    }

    .btn-total p {
        font-size: 13px;
        line-height: 13px;
        margin-top: 10px;
    }

    .btn-total i {
        font-size: 38px;
        line-height: 38px;
    }
}

.block-regis {
    background-color: #efefef;
    min-height: 95vh;
    display: flex;
    flex-wrap: wrap;
    padding: 30px 0 30px 0;
    justify-content: center;
}

.from-regis {
    background-color: #fff;
    height: 100%;
    width: 900px;
    border-radius: 6px;
    border: 1px solid #d8d8d8;
    overflow: hidden;
}

.from-regis-top {
    background-color: #1f72bb;
    width: 100%;
    padding: 15px;
}

.from-regis-top p {
    color: #FFFFFF;
    font-size: 22px;
    line-height: 22px;
    margin: 0;
    padding: 0 15px;
}

.from-regis-center {
    padding: 15px;
    display: inline-block;
    width: 100%;
}

.img-regis {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
}

.img-regis p {
    width: 100%;
    color: #666666;
    margin: 0 0 15px 0;
    font-size: 22px;
    line-height: 22px;
}

.img-regis img {
    width: 200px;
    height: 200px;
    object-position: center;
    object-fit: cover;

}

.btn-img {
    text-align: center;
    display: block;
    margin: 10px auto 10px auto;
    width: 160px;
    background-color: #92be20;
    color: #fff;
    padding: 10px 15px;
    font-size: 16px;
    line-height: 16px;
    font-weight: normal;
    cursor: pointer;
}

.from-regis-bottom {
    padding: 0 0 15px 0;
    display: inline-block;
    width: 100%;
}

.col-input {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 0 10px 0;
    float: left;
    padding: 0 7.5px;
}

.col-input label {
    font-size: 16px;
    line-height: 16px;
    color: #666;
    margin: 10px 0;
}

.col-input hr {
    margin: 15px 0;
    height: 1px;
    background-color: #eee;
    width: 100%;
}

.input-group-addon {
    border: 1px solid #a9a9a9 !important;
    border-left: none;

}

.regis-input, .form-control {
    font-size: 16px;
    color: #666;
    height: 35px;
    border-radius: 4px;
    width: 100%;
    padding: 0 15px;
    box-shadow: none;
    border: 1px solid #a9a9a9 !important;
}

.regis-select {
    font-size: 16px;
    color: #666;
    height: 35px;
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    background-image: url(../image/select-redeem.jpg);
    background-position: center right;
    background-size: 35px;
    background-repeat: no-repeat;
    border-radius: 4px;
    width: 100%;
    padding: 0 15px;
}

.col-input input[type=file] {
    display: flex;
    align-items: center;
    padding: 4px 15px 0 15px;
}

.from-regis-bottom button {
    text-align: center;
    display: block;
    margin: 0 auto 15px auto;
    width: 200px;
    background-color: #1f72bb;
    color: #fff;
    padding: 15px 15px;
    font-size: 20px;
    line-height: 20px;
    font-weight: normal;
    cursor: pointer;
    border: none;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .from-regis {
        width: 700px;
    }
}

@media only screen and (min-width: 414px) and (max-width: 767px) {
    .from-regis {
        width: 380px;
    }
}

@media only screen and (min-width: 360px) and (max-width: 413px) {
    .from-regis {
        width: 340px;
    }
}

@media only screen and (min-width: 290px) and (max-width: 359px) {
    .from-regis {
        width: 300px;
    }
}

/*1/3/2018*/
/*============================================================================*/
/*====== Fomat Mobile App ======*/

/*====== Edit Comment  ======*/
/*============================================================================*/
/*10/1/2018*/
.modal-search .item-member-img img {
    object-fit: cover;
    object-position: center;
}
.item-product i:before {
    content: "\f005";
    font-family: "FontAwesome" !important;
}

.item-product i.full {
    color: #FDD835;
}

.start {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 100%;
}

.block-news {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 20px;
}

.item-news {
    background-color: #fff;
    border: 1px solid #e2e2e2;
    border-radius: 6px;
    overflow: hidden;
    padding: 0;
    margin-bottom: 15px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    height: 150px;
}

.item-news .img-news-default {
    width: 25%;
}

.item-news .img-news-default img {
    min-width: 100%;
    max-width: 100%;
    overflow: hidden;
    border-radius: 0;
    height: 150px;
    object-fit: cover;
    object-position: center;
}

.item-news .text-news-default {
    width: 75%;
    padding: 10px 15px;
}

.item-news .text-news-default p.title {
    font-family: 'Conv_Kanit-Medium';
    font-size: 16px;
    line-height: 20px;
    color: #3e3c42;
    margin: 0 0 5px 0;
    max-height: 40px;
}

.item-news .text-news-default p.sub {
    font-family: 'Conv_Kanit-Regular';
    font-size: 16px;
    line-height: 20px;
    color: #3e3c42;
    margin: 0 0 0 0;
    max-height: 60px;
    overflow: hidden;
}

.item-news .text-news-default a {
    font-family: 'Conv_Kanit-Regular';
    font-size: 16px;
    line-height: 20px;
    color: #00baff;
    margin: 0;
    width: 100%;
    position: relative;
    top: 5px;
}

.page-number {
    margin: auto;
}

.page-number .pagination li a {
    border: 1px solid #e2e2e2;
    color: #1f72bb;
    border-radius: 2px;
    overflow: hidden;
    height: 32px !important;
    width: 32px !important;
    text-align: center;
}

.pagination > .active > a, .pagination > .active > a:hover {
    background-color: #1f72bb;
    color: #fff !important;
    border: 1px solid #1f72bb !important;

}

.block-news-detail {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 15px 15px;
    border: 1px solid #e2e2e2;
    margin: 15px 15px;
    border-radius: 6px;
}

.block-news-detail p.title {
    font-family: 'Conv_Kanit-Medium';
    font-size: 18px;
    line-height: 20px;
    color: #3e3c42;
    margin: 0 0 15px 0;

}

.block-news-detail p.sub {
    font-family: 'Conv_Kanit-Regular';
    font-size: 16px;
    line-height: 20px;
    color: #3e3c42;
    margin: 0 0 15px 0;
}

.block-news-detail p.sub a {
    color: #00baff;
    text-decoration: none;
}

.block-news-detail img {
    display: block;
    margin: auto;
    margin: 0 0 15px 0;
    max-width: 100%;
}

.btn-img-das {
}

.btn-img-das img {
    max-width: 100%;
}

.btn-ic {
    padding: 0 0 0 0;
    background: transparent !important;
}

.item-member-gif {
    padding: 0 10px;
    width: 25%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.block-fast-page {
    background-image: url("../image/bg.jpg");
    background-position: 70% 10%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100vh;
    display: flex;
    align-items: center;
}

.block-fast-page .nav-login {
    top: 0;
}

.block-img-fast {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    padding-top: 65px;
}

.block-img-fast .fast100-text {
    width: 100%;
    display: flex;
    justify-content: center;
}
.block-img-fast .fast100-text img{
    margin: 15px 0 30px 0;
    height: 300px;
    max-width: 100%;
}


.block-img-fast .fast100-btn {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.block-img-fast .fast100-btn img{
    margin: 0 15px;
    height: 180px;
    max-width: 100%;
}

.modal-search .left-dashbord .mamber-scroll {
    width: 100%;
    border: none;
    height: 300px;
    overflow-y: scroll;
}
.bell-block a{
    color: #666!important;
    text-decoration: none!important;
}
.noti-block{
    margin-left: 10px;
}
.noti-list {
    width: 270px;
}
.noti-item {
     display: flex;
     align-items: center;
     margin: 0 10px;
     border-bottom: 1px solid #eee;
     padding: 5px 0 5px 0;
 }
.noti-item-text{
    margin-left: 10px;
    border-left: 0px solid #212121;
    height: 100%;
    padding: 5px 0 5px 10px;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
}
.noti-item.red .noti-item-text{
    border-color: #f44336;
}
.noti-item.blue .noti-item-text{
    border-color: #2196F3;
}
.noti-item.green .noti-item-text{
    border-color: #8BC34A;
}
.noti-item.orange .noti-item-text{
    border-color: #FF5722;
}
 .noti-item-text p:nth-child(1){
     font-family: 'Conv_Kanit-Medium';
     font-size: 14px;
     line-height: 16px;
     color: #3e3c42;
     margin: 0 0 0 0;
     width: 100%;
 }
 .noti-item-text p:nth-child(2){
     font-family: 'Conv_Kanit-Regular';
     font-size: 12px;
     line-height: 14px;
     color: #3e3c42;
     margin: 0 0 0 0;
     width: 100%;
 }
.noti-item-img{
    width: 49px;
}
.noti-item-img img{
    width: 49px;
    height: 49px;
    object-fit: cover;
    object-position: center;
    border-radius:50%;
}


@media only screen and (min-width: 992px) and (max-width: 1199px){
    .block-img-fast .fast100-text img{
        margin: 15px 0 30px 0;
        height: 400px;
        max-width: 100%;
    }
    .block-img-fast .fast100-btn img{
        margin: 0 15px;
        height: 220px;
        max-width: 100%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .item-news .text-news-default p.title {
        max-height: 40px;
    }

    .item-news .text-news-default p.sub {
        max-height: 60px;
    }

    .item-news, .item-news .img-news-default img {
        height: 125px;
    }

    .item-news .text-news-default p.sub {
        max-height: 60px;
    }
    .block-img-fast .fast100-text img{
        margin: 15px 0 30px 0;
        height: 380px;
        max-width: 100%;
    }
    .block-img-fast .fast100-btn img{
        margin: 0 15px;
        height: 180px;
        max-width: 100%;
    }
}

@media only screen and (min-width: 650px) and (max-width: 767px) {
    .block-img-fast {
        padding-top: 30px;
    }
    .block-img-fast .fast100-text img{
        margin: 15px 0 20px 0;
        height: 215px;
    }
    .block-img-fast .fast100-btn{
        flex-wrap: wrap;
    }
    .block-img-fast .fast100-btn a{
        width: auto;
    }
    .block-img-fast .fast100-btn img{
        margin: 0 5px;
        height: 115px;
        max-width: 100%;
        display: block;
    }
    .modal-search .item-member-gif {
        padding: 0 10px;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .modal-search .item-member-gif  .btn-ic {
        padding: 0 0 0 0;
        background: transparent !important;
        min-width: 100px;
    }
}

@media only screen and (min-width: 500px) and (max-width: 649px) {
    .block-img-fast {
        padding-top: 30px;
    }
    .block-img-fast .fast100-text img{
        margin: 15px 0 15px 0;
        height: 155px;
    }
    .block-img-fast .fast100-btn{
        flex-wrap: wrap;
    }
    .block-img-fast .fast100-btn a{
        width: auto;
    }
    .block-img-fast .fast100-btn img{
        margin: 0 5px;
        height: 90px;
        max-width: 100%;
        display: block;
    }
    .modal-search .item-member-gif {
        padding: 0 10px;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .modal-search .item-member-gif  .btn-ic {
        padding: 0 0 0 0;
        background: transparent !important;
        min-width: 100px;
    }

}

@media only screen and (min-width: 414px) and (max-width: 499px) {
    .item-news .img-news-default {
        width: 40%;
    }

    .item-news .text-news-default {
        width: 60%;
        padding: 10px 15px;
    }

    .item-news .text-news-default p.title {
        max-height: 40px;
        overflow: hidden;
    }

    .item-news .text-news-default p.sub {
        max-height: 60px;
        overflow: hidden;
    }

    .block-img-fast {
        padding-top: 15px;
    }
    .block-img-fast .fast100-text img{
        margin: 15px 0 30px 0;
        height: 255px;
    }
    .block-img-fast .fast100-btn{
        flex-wrap: wrap;
    }
    .block-img-fast .fast100-btn a{
        width: 100%;
    }
    .block-img-fast .fast100-btn img{
        margin: 0 auto 15px auto;
        height: 140px;
        max-width: 100%;
        display: block;
    }
    .modal-search .item-member-gif {
        padding: 0 10px;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .modal-search .item-member-gif  .btn-ic {
        padding: 0 0 0 0;
        background: transparent !important;
        min-width: 100px;
    }

}

@media only screen and (min-width: 360px) and (max-width: 413px) {
    .item-news .img-news-default {
        width: 40%;
    }

    .item-news .text-news-default {
        width: 60%;
        padding: 10px 15px;
    }

    .item-news .text-news-default p.title {
        max-height: 40px;
        overflow: hidden;
    }

    .item-news .text-news-default p.sub {
        max-height: 60px;
        overflow: hidden;
    }
    .block-img-fast {
        padding-top: 15px;
    }
    .block-img-fast .fast100-text img{
        margin: 15px 0 30px 0;
        height: 255px;
    }
    .block-img-fast .fast100-btn{
        flex-wrap: wrap;
    }
    .block-img-fast .fast100-btn a{
        width: 100%;
    }
    .block-img-fast .fast100-btn img{
        margin: 0 auto 15px auto;
        height: 140px;
        max-width: 100%;
        display: block;
    }
    .modal-search .item-member-gif {
        padding: 0 10px;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .modal-search .item-member-gif  .btn-ic {
        padding: 0 0 0 0;
        background: transparent !important;
        min-width: 100px;
    }
}

@media only screen and (min-width: 290px) and (max-width: 359px) {
    .item-news .img-news-default {
        width: 100%;
    }

    .item-news .text-news-default {
        width: 100%;
        padding: 10px 15px;
    }

    .item-news .img-news-default img, .item-news {
        height: auto;
    }

    .item-news .text-news-default p.title {
        max-height: 40px;
        overflow: hidden;
    }

    .item-news .text-news-default p.sub {
        max-height: 60px;
        overflow: hidden;
    }
    .block-img-fast {
        padding-top: 15px;
    }
    .block-img-fast .fast100-text img{
        margin: 40px 0 30px 0;
        height: 190px;
    }
    .block-img-fast .fast100-btn{
        flex-wrap: wrap;
    }
    .block-img-fast .fast100-btn a{
        width: 100%;
    }
    .block-img-fast .fast100-btn img{
        margin: 0 auto 15px auto;
        height: 105px;
        max-width: 100%;
        display: block;
    }
    .modal-search .item-member-gif {
        padding: 0 10px;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
    .modal-search .item-member-gif  .btn-ic {
        padding: 0 0 0 0;
        background: transparent !important;
        min-width: 100px;
    }

}

/*10/1/2018*/

/*25/1/2018*/
.block-member{
    padding: 15px;
    width: 100%;
}
.block-member-btn{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    padding: 20px 15px;
}
.btn-edit-member{
    font-family: 'Conv_Kanit-Regular';
    margin: 0 0 15px 0;
    background-color:#FFC107!important; ;
    color: #fff!important;
    font-size: 14px;
    line-height: 14px;
}
.btn-member-back{
    font-family: 'Conv_Kanit-Regular';
    margin: 0 0 15px 0;
    background-color:#03A9F4!important; ;
    color: #fff!important;
    font-size: 14px;
    line-height: 14px;
}
.member-detail{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    border-bottom: 1px solid #ddd;
}
.member-detail-left{
    width: 50%;
    padding: 15px;
}
.member-detail-left p{
    margin: 0 0 0 0;
}
.member-detail-right{
    width: 50%;
    padding: 15px;
    background-color: #F5F8FD;
}
.member-detail-right p{
    margin: 0 0 0 0;

}
.member-buy{
    margin:  25px 0;
    font-family: 'Conv_Kanit-Regular';
    font-size: 18px;
    line-height: 22px;
    font-style: italic;
}
.member-point {
    margin:  30px 0;
    font-family: 'Conv_Kanit-Regular';
    font-size: 18px;
    line-height: 22px;
    font-style: normal;
    color: #f44336;
}
.member-buy span, .member-point span{
    font-family: 'Conv_Kanit-Medium';
    text-decoration: underline;
    font-style: normal;
    margin-right: 10px;
}
.row-more{
    float: right;
    font-size: 22px;
    line-height: 22px;
    margin: 25px 0 15px 0;
}
.table-buy{}
.table-buy tr td, .table-buy tr th{
    text-align: right;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    line-height: 14px;

}
.table-buy tr td:nth-child(1), .table-buy tr th:nth-child(1){
    text-align: left;
    padding: 0 10px;
}
.table-buy tr td:nth-child(2){
    background-color: #F5F8FD;
}
.table-buy tr:last-child td:nth-child(2), .table-buy tr:last-child td:nth-child(3){
    text-decoration: underline;
}
.total-point-member{
    display: flex;
    align-items: center;
    padding: 40px 0;
}
.member-point-col{
    width: 33.33%;
}
.member-point-col p:nth-child(1){
    width: 100%;
    text-align: center;
    margin: 0 0 10px 0;
    font-size: 16px;
    line-height: 16px;
}
.member-point-col p:nth-child(2){
    width: 100%;
    text-align: center;
    color: #458834;
    font-family: 'Conv_Kanit-Medium';
    font-size: 18px;
    line-height: 18px;
    margin: 0 0 0 0;

}
.member-title{
    display: flex;
    width: 100%;
    justify-content: space-between;
    /* margin-top: 15px; */
    /* border-bottom: 1px solid #ddd; */
    /* padding-bottom: 15px; */
}
.member-title .member-left p:nth-child(1){
    font-size: 18px;
    line-height: 18px;
    margin: 0 0 5px 0

}
.member-title .member-left p:nth-child(2){
    font-size: 18px;
    line-height: 18px;
    margin: 0 0 0 0
}
.member-title .member-right p:nth-child(1){
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    margin: 0 0 5px 0
}
.member-title .member-right p:nth-child(2){
    font-size: 18px;
    line-height: 18px;
    text-align: center;
    margin: 0 0 0 0
}
.member-user{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0px 10px 15px;
    border-bottom: 1px solid #ddd;

}
.member-left-img{
    width: 95px;
}
.member-left-img img{
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
    width: 80px;
    height: 80px;
    margin: 0 0;
    display: block;
}
.member-user .member-left {
    display: flex;
    align-items: center;
}
.member-user .member-left .member-left-text{}
.member-user .member-left .member-left-text p:nth-child(1){
    font-family: 'Conv_Kanit-Medium';
    font-size: 16px;
    line-height: 16px;
    margin: 0 0 10px 0;
}
.member-user .member-left .member-left-text p:nth-child(2){
    font-family: 'Conv_Kanit-Medium';
    color: #4CAF50;
    font-size: 18px;
    line-height: 18px;
    margin: 0 0 0 0;
}
.user-point {
    width: 100px;
    text-align: center;
    font-family: 'Conv_Kanit-Medium';
    font-size: 18px;
    line-height: 18px;
    color: #4CAF50;
    margin:0 0 0 0;
}
.block-member a .member-user{
    transition: .3s;
    background-color: #fff;
    position: relative;
}
.block-member a:hover .member-user{
    transition: .3s;
    background-color: #F5F8FD;
}
.f-center{
    align-items: center!important;
}
.block-fast-page {
    background-image: url("../image/bg-new.jpg");
    background-position: 70% 10%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 100vh;
    display: flex;
    align-items: center;
}


@media only screen and (min-width: 992px) and (max-width: 5000px) {
    .block-fast-page {
        background-image: url(../image/bg-new.jpg);
        background-position: 25% 10%;
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 95vh;
        display: flex;
        align-items: center;
    }
    .img-card{
        width: 50%;
        margin-left: 50%;
        padding: 0 45px;
    }
    .img-card img{
        max-width: 100%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .block-fast-page {
        background-image: url(../image/bg-new.jpg);
        background-position: 15% 0;
        background-repeat: no-repeat;
        background-size: cover;
        min-height: 95vh;
        display: flex;
        align-items: center;
    }
    .img-card{
        width: 70%;
        margin-left: 30%;
        padding: 200px 15px 0 15px;
    }
    .img-card img {
        max-width: 100%;

    }
    .scroll-cart {
        max-height: 450px;
        width: 100%;
    }
}

@media only screen and (min-width: 290px) and (max-width: 767px) {
    .block-fast-page {
        background-image: url(../image/bg-new.jpg);
        background-position: 13% 10%;
        background-repeat: no-repeat;
        background-size: cover;
        display: flex;
        align-items: center;
    }
    .member-left-img img {
        width: 50px;
        height: 50px;
    }
    .member-left-img {
        width: 65px;
    }
    .member-title .member-left p:nth-child(1), .member-title .member-left p:nth-child(2),
    .member-title .member-right p:nth-child(1), .member-title .member-right p:nth-child(2),
    .member-user .member-left .member-left-text p:nth-child(1), .user-point,
    .member-user .member-left .member-left-text p:nth-child(2){
        font-size: 16px;
        line-height: 16px;
    }
    .member-user {
        padding: 10px 0px 10px 5px;
    }
    .member-user .member-left .member-left-text {
        padding: 0 15px 0 0;
    }
    .user-point{
        position: absolute;
        right:15px;
        width: auto;
        top: 30px;
    }
    .member-title{
        margin-top: 10px;
    }
    .img-card{}
    .img-card img {
        max-width: 80%;
        margin: auto;
        display: block;
    }
}
/*25/1/2018*/
/*============================================================================*/
/*30/1/2018*/
.title-top-menu{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: stretch;
}

.title-icp-logo{
    background-image: radial-gradient(circle, #ffffff, #f4f4f4, #e9e9e9, #dedede, #d3d3d3);
}
.title-icp-logo img{
    width: 250px;
    height: auto;
}

.title-icp-page{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    padding-left: 40px;
    overflow: hidden;
}
.title-icp-page p{
    color: #464445;
    font-family: 'Conv_Kanit-Medium';
    font-size: 42px;
    line-height: 42px;
    margin: 0 0 0 0;
}
.title-icp-page i{
    position: absolute;
    color: #99c7e4;
    font-size: 175px;
    line-height: 155px;
    left: -60px;
    z-index: -1;
    bottom: -25px;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .title-icp-logo img {
        width: 220px;
    }
    .title-icp-page p{
        font-size: 36px;
        line-height: 36px;
    }
    .title-icp-page i{
        font-size: 150px;
        line-height: 120px;
        left: -45px;
        z-index: -1;
        bottom: -15px;
    }
}
@media only screen and (min-width: 290px) and (max-width: 767px) {
    .title-icp-page{
        padding-left: 15px;
    }
    .title-icp-logo img {
        width: 120px;
    }
    .title-icp-page p{
        font-size: 22px;
        line-height: 22px;
    }
    .title-icp-page i{
        font-size: 80px;
        line-height: 80px;
        left: -25px;
        z-index: -1;
        bottom: -20px;
    }
    .box-pop-cart{
        top: 220px;
    }
}
@media only screen and (min-width: 550px) and (max-width: 767px) {
    .box-pop-cart{
        top: 50%;
    }
}
@media only screen and (min-width: 1200px) and (max-width: 5000px) {
    .box-pop-cart{
        top: 35%;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .box-pop-cart{
        top: 28%;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .box-pop-cart{
        top: 35%;
    }
}
@media only screen and (min-width: 550px) and (max-width: 767px) {
    .box-pop-cart{
        top: 50%;
    }
}
.new{
    background: none!important;
}
.wizard {
    margin: 20px auto;
    background: #fff;
}

.wizard .nav-tabs {
    position: relative;
    margin: 40px auto;
    margin-bottom: 0;
    border-bottom-color: #e0e0e0;
    display: flex;
    flex-wrap: wrap;
}

.wizard > div.wizard-inner {
    position: relative;
}

.wizard.step6 .connecting-line {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 80%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 35%;
    z-index: 1;
}
.wizard.step3 .connecting-line {
    height: 2px;
    background: #e0e0e0;
    position: absolute;
    width: 75%;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 35%;
    z-index: 1;
}

.wizard .nav-tabs > li.active > a,
.wizard .nav-tabs > li.active > a:hover,
.wizard .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;

}

.wizard span.round-tab {
    width: 30px;
    height: 30px;
    border-radius: 100px;
    background: #fff;
    border: 2px solid #e0e0e0;
    z-index: 2;
    position: relative;
    left: 0;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 5px;
}

.wizard span.round-tab {
    color: #555555;
}

.wizard li.active span.round-tab {
    background: #fff;
    border: 2px solid #76c80e ;

}

.wizard li.active span.round-tab {
    color: #76c80e ;
}

.wizard span.round-tab:hover {
    color: #333;
    border: 2px solid #333;
}

.wizard .nav-tabs > li {
    display: flex;
    justify-content: center;
    align-items: center;
}
.wizard .nav-tabs > li {
    width: 25%;
}
.wizard.step6 .nav-tabs > li {
    width: 20%;
}
.wizard.step3 .nav-tabs > li {
    width: 24.5%;
}

.wizard li:after {
    content: " ";
    position: absolute;
    left: 46%;
    opacity: 0;
    margin: 0 auto;
    bottom: 0px;
}

.wizard li.active:after {
    content: " ";
    position: absolute;
    left: 43%;
    opacity: 1;
    margin: 0 auto;
    bottom: 0px;
    /* border: 10px solid transparent;
    border-bottom-color: #76c80e ; */
}
.wizard.step6 li.active:after {
    left: 43%;
}
.wizard.step3 li.active:after {
    left: 46%;
}
.wizard .nav-tabs > li a {
    margin: 20px auto;
    border-radius: 100%;
    padding: 0;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    background-color: transparent!important;
    border: none!important;
}

.wizard .nav-tabs > li a:hover {
    background: transparent;
}
.wizard.step6 .nav-tabs > li p, .wizard.step3 .nav-tabs > li p{
    position: relative;
    width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 14px;
}

.wizard .tab-pane {
    position: relative;
    padding: 15px 0;
}

.wizard .nav-tabs > li span.round-tab{
    background-color: #fff;
    color: #76c80e ;
    border-color:#76c80e ;
}
.wizard .nav-tabs > li.disabled span.round-tab{
    color: #e0e0e0;
    border-color:#e0e0e0 ;

}
.wizard .nav-tabs > li.active span.round-tab{
    background-color: #76c80e ;
    color: #fff!important;
    border-color:#76c80e  ;

}
.bolck-btn-step{
    display: flex;
    justify-content: flex-end;
}
.btn-step{
    font-family: 'Conv_Kanit-Medium';
    color: #fff;
    font-size: 16px;
    line-height: 16px;
    border-radius: 0px;
    padding: 10px 0;
    width: 85px;
    color: #fff!important;
    text-align: center;
    cursor: pointer;
    background-color: #76c80e !important;
    font-weight: normal;
    margin: 0 0 0 10px;
}
.wizard .nav-tabs > li.active > a{
    border-bottom:none!important;
}
@media ( max-width: 767px ) {

    .wizard {
        width: 100%;
        height: auto !important;
    }

    .wizard.step6 .nav-tabs > li p, .wizard.step3 .nav-tabs > li p {
        display: none;
    }

    .wizard span.round-tab {
        font-size: 16px;
        width: 30px;
        height: 30px;
        line-height: 50px;
    }

    .wizard .nav-tabs > li a {
        width: 30px;
        height: 30px;
        line-height: 30px;
        position: relative;
    }

    .wizard li.active:after {
        content: " ";
        position: absolute;
        left: 35%;
    }

    .wizard.step6 li.active:after {
        left: 35%;
    }
    .wizard.step3 li.active:after {
        left: 42%;
    }
    .connecting-line {
        top:25%;
    }
    .btn-step{
        font-size: 14px;
        line-height: 14px;

    }
    .wizard .nav-tabs, .wizard .nav-tabs > li a{
        margin: 0px auto 20px auto;
    }
    .wizard.step6 .connecting-line{
        top:13px;
    }
    .wizard.step3 .connecting-line{
        top:13px;
    }
}
/*Colors Table*/
/*Statuses*/
.wizard .nav-tabs > li.request span.round-tab.
.wizard .nav-tabs > li.request.disabled span.round-tab{
    color: #d9534f ;
    border-color:#d9534f ;
}
.wizard .nav-tabs > li.request.active span.round-tab{
    background-color: #d9534f ;
    border-color:#d9534f  ;
}

.wizard .nav-tabs > li.complete span.round-tab,
.wizard .nav-tabs > li.complete.disabled span.round-tab{
    color: #5cb85c ;
    border-color:#5cb85c ;
}
.wizard .nav-tabs > li.complete.active span.round-tab{
    background-color: #5cb85c ;
    border-color:#5cb85c  ;
}

.wizard .nav-tabs > li.cancel span.round-tab,
.wizard .nav-tabs > li.cancel.disabled span.round-tab{
    color: #666 ;
    border-color:#666 ;
}
.wizard .nav-tabs > li.cancel.active span.round-tab{
    background-color: #666 ;
    border-color:#666  ;
}

.wizard .nav-tabs > li.checked span.round-tab,
.wizard .nav-tabs > li.checked.disabled span.round-tab{
    color: #bf7e08 ;
    border-color:#bf7e08 ;
}
.wizard .nav-tabs > li.checked.active span.round-tab{
    background-color: #bf7e08 ;
    border-color:#bf7e08  ;
}
.wizard .nav-tabs > li.delivering span.round-tab,
.wizard .nav-tabs > li.delivering.disabled span.round-tab{
    color: #fcd419 ;
    border-color:#fcd419 ;
}
.wizard .nav-tabs > li.delivering.active span.round-tab{
    background-color: #fcd419 ;
    border-color:#fcd419  ;
}

.wizard .nav-tabs > li.farmer span.round-tab,
.wizard .nav-tabs > li.farmer.disabled span.round-tab{
    color: #BBF9A5 ;
    border-color:#BBF9A5 ;
}
.wizard .nav-tabs > li.farmer.active span.round-tab{
    background-color: #BBF9A5 ;
    border-color:#BBF9A5  ;
}
.wizard .nav-tabs > li.distributor span.round-tab,
.wizard .nav-tabs > li.distributor.disabled span.round-tab{
    color: #C7E6FF ;
    border-color:#C7E6FF ;
}
.wizard .nav-tabs > li.distributor.active span.round-tab{
    background-color: #C7E6FF ;
    border-color:#C7E6FF  ;
}

/*Colors Table*/
/*Statuses*/

/*sticky*/
.input-unit {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
}
@media only screen and (min-width: 1400px) and (max-width: 5000px) {
    .submit-cart.input-unit.cart-bottom-reward {
        height: 210px;
    }
    .submit-cart.input-unit {
        height: 150px;
        position: absolute;
        bottom: 0;
        width: 100%;
    }
}
@media only screen and (min-width: 1199px) and (max-width: 1399px) {
    .submit-cart.input-unit.cart-bottom-reward {
        height: 210px;
    }
    .submit-cart.input-unit {
        height: 150px;
        position: absolute;
        bottom: 0;
        width: 100%;
    }
    .scroll-cart {
        display: flex;
        flex-wrap: wrap;
        overflow-y: auto;
        max-height: 340px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .submit-cart.input-unit.cart-bottom-reward {
        height: 210px;
    }
    .submit-cart.input-unit {
        height: 150px;
        position: absolute;
        bottom: 0;
        width: 100%;
    }
    .scroll-cart {
        display: flex;
        flex-wrap: wrap;
        overflow-y: auto;
        max-height: 450px;
    }
}
@media only screen and (min-width: 767px) and (max-width: 991px) {
    .submit-cart.input-unit.cart-bottom-reward {
        height: 210px;
    }
    .submit-cart.input-unit {
        height: 150px;
        position: absolute;
        bottom: 0;
        width: 100%;
    }
}
@media only screen and (min-width: 550px) and (max-width: 768px) {
    .submit-cart.input-unit.cart-bottom-reward {
        height: 210px;
    }
    .submit-cart.input-unit {
        height: 100px;
        position: absolute;
        bottom: 0;
        width: 100%;
    }
    .scroll-cart {
        display: flex;
        flex-wrap: wrap;
        overflow-y: auto;
        max-height: 150px;
    }
}
@media only screen and (min-width: 414px) and (max-width: 549px) {
    .submit-cart.input-unit.cart-bottom-reward {
        height: 210px;
    }
    .submit-cart.input-unit {
        height: 200px;
        position: absolute;
        bottom: 0;
        width: 100%;
    }
    p.code-profile {
        font-size: 22px!important;
        line-height: 24px!important;
        font-weight: bold;
        margin: 15px 0 15px 0;
        text-align: center;
    }
    .points-profile {
        font-size: 24px;
        font-weight: 600;
        padding: 0 10px;
        top: 0;
        left: 0;
        position: relative;
    }
}
@media only screen and (min-width: 375px) and (max-width: 413px) {
    .submit-cart.input-unit {
        height: 275px;
        position: absolute;
        bottom: 0;
        width: 100%;
    }
    .scroll-cart {
        display: flex;
        flex-wrap: wrap;
        overflow-y: auto;
        max-height: 150px;
    }
    p.code-profile {
        font-size: 22px!important;
        line-height: 24px!important;
        font-weight: bold;
        margin: 15px 0 15px 0;
        text-align: center;
    }
    span.points-profile {
        font-size: 30px;
        font-weight: 600;
        padding: 0 10px;
        top: 15px;
        left: -10px;
        position: relative;
    }
    .points-profile {
        font-size: 24px;
        font-weight: 600;
        padding: 0 10px;
        top: 0;
        left: 0;
        position: relative;
    }
}
@media only screen and (min-width: 360px) and (max-width: 374px) {
    .submit-cart.input-unit {
        height: 200px;
        position: absolute;
        bottom: 0;
        width: 100%;
    }
    .scroll-cart {
        display: flex;
        flex-wrap: wrap;
        overflow-y: auto;
        max-height: 300px;
    }
    p.code-profile {
        font-size: 22px!important;
        line-height: 24px!important;
        font-weight: bold;
        margin: 15px 0 15px 0;
        text-align: center;
    }
    span.points-profile {
        font-size: 30px;
        font-weight: 600;
        padding: 0 10px;
        top: 15px;
        left: -10px;
        position: relative;
    }


}
@media only screen and (min-width: 290px) and (max-width: 359px) {
    .submit-cart.input-unit {
        height: 200px;
        position: absolute;
        bottom: 0;
        width: 100%;
    }
    .code-profile p {
        font-size: 22px;
        line-height: 24px;
        font-weight: bold;
        margin: 15px 0 15px 0;
        text-align: center;
    }
    .points-profile {
        font-size: 24px;
        font-weight: 600;
        padding: 0 10px;
        top: 0;
        left: 0;
        position: relative;
    }
    .tab-content .dealer-profile {
        width: 100%!important;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding: 0 15px;
    }
    .points-profile{
        top:35px!important;
    }
    .dealer-profile p.code-profile{
        font-size: 22px;
        line-height: 24px;
    }


}
.tab-content .new-profile{
    margin-top: 20px;
    padding: 0 0px;
}
.table-product table thead, .table-product table tbody tr{
    line-height: 1.2!important;
    padding: 5px 0!important;
}
td, th{
    padding: 5px 0;
}

.block-bottom-dashbord.information .tab-pane {
    padding: 0px 15px;
    border-bottom: 1px solid #ecf0f1;
}
/*sticky*/


/*30/1/2018*/
/*============================================================================*/

/* 30/12/2017 By Tipon Na */
/*============================================================================*/