@charset "utf-8";

/* CSS Document */

/*

@import url('https://fonts.googleapis.com/css2?family=Prompt&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Sarabundisplay=swap');

@import url('https://fonts.googleapis.com/css2?family=Kanit&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+Thai&display=swap');

@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai&display=swap');

*/

html {

    -webkit-font-smoothing: antialiased;

    -webkit-text-size-adjust: 100%;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}

body {

    margin:auto;

    padding:0;

    font-family:Tahoma, sans-serif;

    color:#333333;

    font-size:14px;

    line-height:20px;

}

img {

    border:0;

}

a {

    color:#000000;

    text-decoration:none;

}

a:hover {

    color:#d72839;

}

.clear-all {

    clear:both;

}

h1, h2, h3, h4, h5, h6, p {

    margin:0;

    padding:0;

}

ul {

    margin:0;

    padding:0;

    list-style-type:none;

}

ul li {

    margin:0;

    padding:0;

}

textarea,

input.text,

input[type="text"],

input[type="button"],

input[type="submit"],

.input-checkbox {

-webkit-appearance: none;

border-radius: 0;

}

.txtblue {

    color:#2e3192;

}

.txtcenter {

    text-align:center;

}

#main-wrapper {

    width:100%;

}

/* Header */

.disp-header {

    width:100%;

    border-bottom:solid#e5e5e5 1px;

}

header {

    width:1200px;

    margin-left:auto;

    margin-right:auto;

}

.hdrleft {

    width:25%;

    display:inline-block;

}

.hdrleft img {

    width:170px;

    height:auto;

    padding:14px 0 7px 10px;

}

.hdrright {

    width:75%;

    float:right;

    text-align:right;

}

.hdrsocial {

    /* padding:28px 15px 27px 0; */

    border-right:solid#e5e5e5 1px;

    display:inline-block;

    line-height:74px;

}

.hdrsocial ul {

    padding:0 15px 0 10px;

}

.hdrsocial ul li {

    display:inline;

    padding:0 7px 0 7px;

}

.hdrsocial ul li a {

    color:#7b7b7b;

    font-size:18px;

}

.hdrsocial ul li a:hover {

    color:#000000;

}

.hdrsocial ul li.linkfacebook a:hover {

    color:#4267b2;

}

.hdrsocial ul li.linkyoutube a:hover {

    color:#FF0000;

}

.hdrsocial ul li.linkemail a:hover {

    color:#ffc000;

}

.hdraltop {

    display:inline-block;

}

.hdrapply {

    display:inline-block;

    line-height:75px;

}

.hdrapply p {

    font-family:'Sarabun', sans-serif;

    font-size:14px;

    border-right:solid#e5e5e5 1px;

    padding:0 20px 0 15px;

}

.hdrapply p a:hover {

    color:#d72839;

}

.hdrapply p a i {

    margin-right:3px;

}

.hdraddfran {

    display:inline-block;

    line-height:75px;

}

.hdraddfran p {

    font-family:'Sarabun', sans-serif;

    font-size:14px;

    padding:0 20px 0 15px;

    border-right:solid#e5e5e5 1px;

}

.hdraddfran p a {

    color:#525b6e;

}

.hdraddfran p a:hover {

    color:#d72839;

}

.hdraddfran p a i {

    margin-right:3px;

}

.hdrsearch {

    display:inline-block;

    line-height:75px;

    padding:0 15px 0 15px;

}

.disp-nav {

    width:100%;

    border-bottom:solid#e5e5e5 1px;

}

/* Header */

/* Content 1 */

.content-wrapper {

    width:1200px;

    margin-left:auto;

    margin-right:auto;

}

.topbanner {

	width:100%;

    text-align:center;

    margin:25px 0 0 0;

	display:inline-block;

}

.topbanner img {

    border-radius:3px;

}

.topsmallbanner {

    display:none;

	width:100%;

    margin:25px 0 0 0;

}

.topsmallbanner img {

    border-radius:3px;

}

.midbanner {

	width:100%;

    text-align:center;

    margin:25px 0 10px 0;

	display:inline-block;

}

.midbanner img {

    border-radius:3px;

}

.midsmallbanner {

	display:none;

}

.midsmallbanner img {

    border-radius:3px;

}

/* Content 1 */

.col-1-2 {

    width:1200px;

    margin:20px 0 0 0;

    float:left;

}

.col-1-2 .col-1 {

    width:780px;

    float:left;

    margin:0 10px 0 10px;

}

.col-1-2 .col-2 {

    width:380px;

    float:left;

    margin:0 10px 0 10px;

    height:293px;

    background-color:#333333;

}

.homevdo-txt {

    font-family: 'Sarabun', serif;

    color:#FFFFFF;

    padding:15px;

    font-size:16px;

    line-height:24px;

}

.homevdo-txt i {

    margin-right:7px;

}

.resp-container {

    position: relative;

    overflow: hidden;

    padding-top: 56.25%;

}

.resp-iframe {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    border: 0;

}

/* Content 1 */

.full-col {

    width:1200px;

    float:left;

    padding:30px 0 10px 0;

}

.full-colsupp {

    width:1200px;

    float:left;

    padding:40px 0 20px 0;

}

.inshdrpad {

    width:80%;

    padding:24px 0 0 0;

    float:left;

}

.inshdrdashb {

    width:40%;

    padding:24px 0 0 0;

    float:left;

}

.inshdrdasdate {

    width:60%;

    float:left;

    text-align:right;

    padding: 25px 0 0 0;

    font-family:'Sarabun', sans-serif !important;

}

.inshdwconfm {

    font-family:'Kanit', sans-serif;

    font-size:28px;

    font-weight:normal;

    padding:0 0 10px 0;

    color:#0c0e5f;

    line-height:38px;

}

.insminhdrs {

    font-family:'Kanit', sans-serif;

    font-size:16px;

    font-weight:normal;

    color:#000000;

    margin-top:-10px;

}

.intopconfm {

    font-family: 'Kanit', serif;

    font-size:13px;

    border-radius:3px;

    margin:3px 0 0 0;

    padding:3px 0 3px 0;

    width:120px;

    border:solid#175677 1px;

    /* background-color:#4aa3c3; */

    color:#175677;

    text-align:center;

}

.inshdline {

    font-family:'Kanit', sans-serif;

    font-size:28px;

    font-weight:normal;

    padding:24px 0 30px 10px;

    color:#0c0e5f;

    line-height:38px;

}

.inshdlinesearch {

    font-family:'Kanit', sans-serif;

    font-size:28px;

    font-weight:normal;

    padding:25px 0 20px 10px;

    color:#0c0e5f;

    line-height:38px;

}

.inshdlinesearch i {

    color:#ed1c24;

}

.inshdlinedate {

    font-family:'Sarabun', sans-serif;

    font-size:22px;

    font-weight:normal;

    padding:25px 0 10px 10px;

    color:#0c0e5f;

    line-height:32px;

}

.homemainhline {

    font-family:'Kanit', sans-serif;

    font-size:24px;

    line-height:34px;

    font-weight:normal;

    margin:-5px 0 0 0;

    padding:0 0 25px 10px;

    color:#0c0e5f;

    box-sizing: border-box;

    width:100%;

    float:left;

}

.honeline {

    font-family:'Kanit', sans-serif;

    font-size:24px;

    font-weight:normal;

    padding:0 0 25px 10px;

    color:#0c0e5f;

    width:590px;

    float:left;

}

.viewallnews {

    width:590px;

    float:left;

    font-family: 'Kanit', serif;

    text-align:right;

    margin:5px 0 0 0;

}

.viewallnews a {

    color:#818181;

}

.viewallnews a:hover {

    color:#d72839;

}

.hintfrans {

    font-family:'Kanit', sans-serif;

    font-size:24px;

    font-weight:normal;

    padding:30px 0 30px 20px;

    color:#0c0e5f;

    width:590px;

    float:left;

}

.viewallintfrans {

    width:270px;

    float:left;

    font-family: 'Kanit', serif;

    text-align:right;

    margin:35px 0 0 0;

}

.viewallintfrans a {

    color:#818181;

}

.viewallintfrans a:hover {

    color:#d72839;

}

.hnewfrans {

    font-family:'Kanit', sans-serif;

    font-size:24px;

    font-weight:normal;

    padding:0 0 30px 10px;

    color:#0c0e5f;

    width:650px;

    float:left;

}

.viewallfransnews {

    width:290px;

    float:left;

    font-family: 'Kanit', serif;

    text-align:right;

    margin:5px 0 0 0;

}

.viewallfransnews a {

    color:#818181;

}

.viewallfransnews a:hover {

    color:#d72839;

}

.hfranknow {

    font-family:'Kanit', sans-serif;

    font-size:24px;

    font-weight:normal;

    padding:0 0 30px 10px;

    color:#0c0e5f;

    width:650px;

    float:left;

}

.viewallfranknow {

    width:290px;

    float:left;

    font-family: 'Kanit', serif;

    text-align:right;

    margin:5px 0 0 0;

}

.viewallfranknow a {

    color:#818181;

}

.viewallfranknow a:hover {

    color:#d72839;

}

.minifourcol {

    width:100%;

}

.shcontlop {

    width:278px;

    margin:0 10px 0 10px;

    float:left;

    border:solid#e6e6e6 1px;

    border-radius:4px;

}

.shcontlop .recpic {

    overflow: hidden;

    position: relative;

}

.shcontlop .recpic .moreinfo {

    display:block !important;

    position:absolute;

    bottom:5px;

    right:0px;

    text-align:center;

    background-image: linear-gradient(to right, #45a224 , #a8ff00);

    padding:5px 8px 5px 8px;

    color:#FFFFFF;

    font-family: 'Kanit', sans-serif;

    border-radius:5px 0 0 5px;

    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.30);

}

.shcontlop img {

    width:100%;

    height:auto;

    border-radius:4px 4px 0 0;

    padding:0 0 20px 0;

    float:left;

}

.shcontxt {

    padding:20px 30px 20px 30px;

}

.shcontxt p {

    font-family: 'Kanit', serif;

    padding:0 0 15px 0;

    font-size:20px;

    line-height:26px;

}

.shcontxt span {

    font-size:16px;

    color:#333333;

    font-family: 'Sarabun', sans-serif;

    line-height:24px;

}

.col4banner {

    width:278px;

    margin:0 10px 0 10px;

    float:left;

}

.col1banner {

    width:278px;

    margin:10px 10px 0 10px;

    float:left;

    text-align:center;

}

.col4banner1 img {

    max-width:100%;

    border-radius:4px;

}

.col4banner2 img {

    border-radius:4px;

}

.col4bannerinside {

    width:278px;

    margin:0 10px 0 10px;

    float:left;

}

.col4bannerinside1 img {

    border-radius:4px;

}

/* Content 1 */

/* Content 2 */

.full-wrap-gray {

    width:100%;

    background-color:#f9f9f9;

    margin:20px 0 0 0;

    padding:0 0 20px 0;

    display:inline-block;

}

.full-wrap-intrend {

    margin-top:0 !important;

    padding-top:30px !important;

}

.full-wrap-topgray {

    width:100%;

    background-color:#f9f9f9;

    margin:0;

    padding:30px 0 30px 0;

    display:inline-block;

}

.full-wrap-recomfran {

    width:100%;

    background-color:#f9f9f9;

    margin:40px 0 0 0;

    display:inline-block;

    padding:30px 0 40px 0;

}

.hometopfran {

    width:278px;

    margin:0 10px 0 10px;

    float:left;

    border:solid#e6e6e6 1px;

    border-radius:4px;

    background-color:#FFFFFF;

    box-sizing: border-box;

}

.hometopfran a {

    color:#000000;

}

.hometopfran a:hover {

    color:#ed1c24;

}

.hdrtopfran {

    font-family:'Kanit', sans-serif;

    font-size:20px;

    font-weight:normal;

    padding:30px 0 30px 15px;

    color:#0c0e5f;

}

.hometopfran ul {

    padding:0 0 20px 0;

}

.hometopfran ul li {

    border-top:solid#e6e6e6 1px;

    padding:10px 20px 10px 20px;

    font-family:'Sarabun', sans-serif;

    font-size:16px;

    line-height:26px;

}

.hometopfran .shonum {

    background-color:#d72839;

    padding:0 0 2px 0;

    margin:0 7px 0 0;

    border-radius:5px;

    color:#FFFFFF;

    width:22px;

    text-align:center;

    float:left;

    font-size:14px;

}

.hdrtopreco {

    font-family:'Sarabun', sans-serif;

    font-size:20px;

    font-weight:normal;

    padding:30px 0 30px 20px;

    color:#0c0e5f;

    display:inline-block;

}

.shcontlop-wh {

    width:278px;

    margin:0 10px 0 10px;

    float:left;

    border:solid#e6e6e6 1px;

    border-radius:4px;

    background-color:#FFFFFF;

}

.shcontlop-wh .recpic {

    overflow: hidden;

    position: relative;

}

.shcontlop-wh .recpic .moreinfo {

    display:block !important;

    position:absolute;

    bottom:0px;

    right:0px;

    text-align:center;

    background-image: linear-gradient(to right, #2e3192 , #11aef8);

    padding:5px 10px 5px 10px;

    color:#FFFFFF;

    font-family: 'Prompt', sans-serif;

    border-radius:5px 0 0 5px;

    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.30);

}

.shcontlop-wh .recpic .shicfrans {

    display:block !important;

    position:absolute;

    bottom:0px;

    right:0px;

    text-align:center;

    background-image: linear-gradient(to right, #bb3250 , #d72839);

    padding:5px 10px 5px 10px;

    color:#FFFFFF;

    font-family: 'Prompt', sans-serif;

    border-radius:5px 0 0 5px;

    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.30);

}

.shcontlop-wh .recpic .shicsme {

    display:block !important;

    position:absolute;

    bottom:0px;

    right:0px;

    text-align:center;

    background-image: linear-gradient(to right, #175677 , #4aa3c3);

    padding:5px 10px 5px 10px;

    color:#FFFFFF;

    font-family: 'Prompt', sans-serif;

    border-radius:5px 0 0 5px;

    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.30);

}

.shcontlop-wh img {

    width:100%;

    height:auto;

    border-radius:4px 4px 0 0;

	padding:0 0 10px 0;

}

.shcontlop-wh .shocate {

    font-style:normal;

    font-size:14px;

    width:100%;

    color:#999999;

    margin-bottom:15px;

    display:inline-block;

    font-family:'Kanit', sans-serif;

}

.shcontlop-wh .shcontxt p {

    font-family: 'Kanit', serif;

    padding:0;

    font-size: 20px;

    line-height:26px;

}

.minithreecol {

    width:900px;

    float:left;

}

/* Content 2 */

/* Content 3 */

.homecategory {

    width:1200px;

    margin:10px 0 20px 0;

    display:inline-block;

}

.homecat1 {

    width:580px;

    margin:0 10px 0 10px;

    float:left;

}

.homecat1 img {

    width:100%;

    height:auto;

    margin:0;

    padding:0;

    display:block;

    transition:all .2s ease;

    -webkit-transition:all .2s ease;

    border-radius:5px;

}

.homecat1 .catpic:hover img {

    transform:scale(1.5);

    -ms-transform:scale(1.5);

    -moz-transform:scale(1.5);

    -webkit-transform:scale(1.5);

    -o-transform:scale(1.5);

}

.homecat2 {

    width:280px;

    margin:0 10px 0 10px;

    float:left;

}

.homecat2 img {

    width:100%;

    height:auto;

    margin:0;

    padding:0;

    display:block;

    transition:all .2s ease;

    -webkit-transition:all .2s ease;

    border-radius:5px;

}

.homecat2 .catpic:hover img {

    transform:scale(1.5);

    -ms-transform:scale(1.5);

    -moz-transform:scale(1.5);

    -webkit-transform:scale(1.5);

    -o-transform:scale(1.5);

}

.homecat3 {

    width:280px;

    margin:0 10px 0 10px;

    float:left;

}

.homecat3 img {

    width:100%;

    height:auto;

    margin:0;

    padding:0;

    display:block;

    transition:all .2s ease;

    -webkit-transition:all .2s ease;

    border-radius:5px;

}

.homecat3 .catpic:hover img {

    transform:scale(1.5);

    -ms-transform:scale(1.5);

    -moz-transform:scale(1.5);

    -webkit-transform:scale(1.5);

    -o-transform:scale(1.5);

}

.homecat1 .catpic {

    overflow: hidden;

    position: relative;

}

.homecat1 .catpic .moreinfo {

    display:block !important;

    position:absolute;

    width:100%;

    height:150px;

    top:0px;

    left:0px;

    background-image: linear-gradient(to top, transparent 0%, #000000 100%);

    color:#FFFFFF;

    border-radius:5px 5px 0 0;

}

.homecat1 .catpic .moreinfo h4 {

    font-family: 'Prompt', sans-serif;

    font-size:20px;

    font-weight:normal;

    padding:25px 25px 0 25px;

}

.homecat1 .catpic .moreinfo p {

    font-family:'Kanit', sans-serif;

    font-style:italic;

    padding:0 25px 0 25px;

    color:#CCCCCC;

}



.homecat2 .catpic {

    overflow: hidden;

    position: relative;

}

.homecat2 .catpic .moreinfo {

    display:block !important;

    position:absolute;

    width:100%;

    height:100px;

    top:0px;

    left:0px;

    background-image: linear-gradient(to top, transparent 0%, #000000 100%);

    color:#FFFFFF;

    border-radius:5px 5px 0 0;

}

.homecat2 .catpic .moreinfo h4 {

    font-family: 'Prompt', sans-serif;

    font-size:18px;

    font-weight:normal;

    padding:20px 20px 0 20px;

}

.homecat2 .catpic .moreinfo p {

    font-family:'Kanit', sans-serif;

    font-style:italic;

    padding:0 20px 0 20px;

    color:#CCCCCC;

}

.homecat3 .catpic {

    overflow: hidden;

    position: relative;

}

.homecat3 .catpic .moreinfo {

    display:block !important;

    position:absolute;

    width:100%;

    height:100px;

    top:0px;

    left:0px;

    background-image: linear-gradient(to top, transparent 0%, #000000 100%);

    color:#FFFFFF;

    border-radius:5px 5px 0 0;

}

.homecat3 .catpic .moreinfo h4 {

    font-family: 'Prompt', sans-serif;

    font-size:18px;

    font-weight:normal;

    padding:20px 20px 0 20px;

}

.homecat3 .catpic .moreinfo p {

    font-family:'Kanit', sans-serif;

    font-style:italic;

    padding:0 20px 0 20px;

    color:#CCCCCC;

}

.padhomecat {

    margin:15px 0 0 0;

}

/* Content 3 */

/* Content 4 */

.fullknow {

    width:1200px;

    float:left;

    padding:40px 0 10px 0;

}

.fullknow .hnewslop-wh a {

    font-family: 'Prompt', sans-serif;

    font-size:18px;

}

.fullhoro {

    width:1200px;

    float:left;

    padding:40px 0 40px 0;

}

.fullhoro .hnewslop-bl a {

    font-family: 'Prompt', sans-serif;

    font-size:18px;

}

.homeshfran {

    width:1200px;

    float:left;

    padding:10px 0 30px 0;

}

.hdrdfrans {

    font-family:'Kanit', sans-serif;

    font-size:24px;

    font-weight:normal;

    padding:0 0 30px 1%;

    color:#0c0e5f;

    width:99%;

    float:left;

}

.hhshfran {

    box-sizing: border-box;

    width:280px;

    margin:10px 10px 0 10px;

    /* margin:0 10px 0 10px; */

    float:left;

    border:solid#e6e6e6 1px;

    border-radius:4px;

    background-color:#FFFFFF;

}

.hhshfran .recpic {

    overflow: hidden;

    position: relative;

}

.hhshfran .recpic .moreinfo {

    display:block !important;

    position:absolute;

    bottom:0px;

    right:0px;

    text-align:center;

    background-image: linear-gradient(to right, #d40f00 , #ffa800);

    padding:5px 8px 5px 8px;

    color:#FFFFFF;

    font-family: 'Prompt', sans-serif;

    border-radius:5px 0 0 5px;

    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.30);

}

.hhshfran .recpic .shicfrans {

    display:block !important;

    position:absolute;

    bottom:0px;

    right:0px;

    text-align:center;

    background-image: linear-gradient(to right, #bb3250 , #d72839);

    padding:5px 10px 5px 10px;

    color:#FFFFFF;

    font-family: 'Prompt', sans-serif;

    border-radius:5px 0 0 5px;

    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.30);

}

.hhshfran .recpic .shicsme {

    display:block !important;

    position:absolute;

    bottom:0px;

    right:0px;

    text-align:center;

    background-image: linear-gradient(to right, #175677 , #4aa3c3);

    padding:5px 10px 5px 10px;

    color:#FFFFFF;

    font-family: 'Prompt', sans-serif;

    border-radius:5px 0 0 5px;

    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.30);

}

.hhshfran img {

    width:100%;

    height:auto;

    border-radius:4px 4px 0 0;

    padding:0 0 10px 0;

    float:left;

}

.hhshfran .shocate {

    font-style:normal;

    font-size:14px;

    width:100%;

    color:#999999;

    display:inline-block;

    font-family:'Kanit', sans-serif;

    padding:0 0 5px 0;

}

.hhshfran .shcontxt {

    padding:15px 30px 25px 30px;

}

.hhshfran .shcontxt p {

    font-family: 'Kanit', serif;

    padding:10px 0 15px 0;

    /* padding:0; */

    font-size: 20px;

    line-height:26px;

}

.hhshfran .shfransdetai {

    display:block;

    padding:15px 0 20px 0;

}

.hhshfran .shstartinv {

    display:block;

}

.shothrfrans {

    border-top:solid#E6E6E6 1px;

    padding:20px 15px 20px 15px;

    display:inline-block;

}

.shothrfrans .shfrnnimg {

    width:35%;

    float:left;

}

.shothrfrans .shfrnnimg img {

    max-width:100%;

    height:auto;

    border-radius:5px 5px 5px 5px !important;

    float:left !important;

    padding:0 0 0 0 !important;

}

.shothrfrans .shfranatai {

    width:60%;

    padding:0 0 0 5%;

    float:left;

}

.shothrfrans .shfranatai p {

    font-family: 'Kanit', serif;

    padding:0;

    font-size: 18px;

    line-height:24px;

}

.shothrfrans .shfranatai span {

    font-family:'Sarabun', sans-serif;

    font-size:14px;

    line-height:22px;

}

.homenewfrans {

    width:1200px;

    float:left;

    padding:10px 0 10px 0;

}

.shownewfrans {

    width:960px;

    float:left;

}

.shownewsbann {

    width:240px;

    float:left;

}

.hnewslop-wh {

    width:218px;

    margin:0 10px 0 10px;

    float:left;

    border:solid#e6e6e6 1px;

    border-radius:4px;

    background-color:#FFFFFF;

    box-sizing: border-box;

}

.hnewslop-wh .recpic {

    overflow: hidden;

    position: relative;

}

.hnewslop-wh .recpic .moreinfo {

    display:block !important;

    position:absolute;

    bottom:0px;

    right:0px;

    text-align:center;

    background-image: linear-gradient(to right, #d40f00 , #ffa800);

    padding:5px 8px 5px 8px;

    color:#FFFFFF;

    font-family: 'Kanit', sans-serif;

    border-radius:5px 0 0 5px;

    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.30);

}

.nopadimgno img {

    padding:0 0 0 0 !important;

}

.hnewslop-wh img {

    width:100%;

    height:auto;

    border-radius:4px 4px 0 0;

    padding:0 0 10px 0;

    float:left;

}

.hnewslop-wh .shocate {

    font-style:normal;

    font-size:14px;

    width:100%;

    color:#999999;

    display:inline-block;

    font-family:'Kanit', sans-serif;

}

.hnewslop-wh .shcontxt {

    padding:15px 15px 25px 15px;

}

.hnewslop-wh .shcontxt p {

    font-family: 'Kanit', serif;

    padding:0;

    font-size: 20px;

    line-height:26px;

}

.newsfransbanner {

    width:220px;

    margin:0 10px 0 10px;

    float:left;

}

.newsfransbanner img {

    border-radius:4px;

}

.newsfransbanner img {

    border-radius:4px;

}

.hnewslop-bl {

    width:218px;

    margin:0 10px 0 10px;

    float:left;

    border:solid#e6e6e6 1px;

    border-radius:4px;

    /* background-color:#fefef7; */

    box-sizing: border-box;

}

.hnewslop-bl .recpic {

    overflow: hidden;

    position: relative;

}

.hnewslop-bl .recpic .moreinfo {

    display:block !important;

    position:absolute;

    bottom:0px;

    right:0px;

    text-align:center;

    width:30px;

    background-color:#d40f00;

    padding:5px 5px 5px 5px;

    color:#FFFFFF;

    font-family: 'Prompt', sans-serif;

    border-radius:5px 0 0 5px;

}

.hnewslop-bl img {

    width:100%;

    height:auto;

    border-radius:4px 4px 0 0;

    float:left;

}

.hnewslop-bl .shocate {

    font-style:normal;

    font-size:12px;

    width:100%;

    color:#999999;

    display:inline-block;

    font-family:'Sarabun', sans-serif;

}

.hnewslop-bl .shcontxt {

    padding:15px 15px 25px 15px;

}

.hnewslop-bl .shcontxt p {

    font-family: 'Kanit', serif;

    padding:0;

    font-size: 20px;

    line-height:26px;

}

.insviwallprod {

    width:100%;

    display:inline-block;

    box-sizing:border-box;

    padding:0 10px 20px 10px;

}

.insviwallprod .colleft {

    width:70%;

    display:inline-block;

    box-sizing:border-box;

}

.insviwallprod .colright {

    width:30%;

    float:right;

    box-sizing:border-box;

    text-align:right;

}

.insviwallprod .colright a {

    border:solid#d72839 1px;

    padding:7px 20px 7px 20px;

    background:#d72839;

    border-radius:5px;

    font-family:'Sarabun', sans-serif;

    color:#FFFFFF;

}

.insviwallprod .colright a:hover {

    border:solid#333333 1px;

    padding:7px 20px 7px 20px;

    background:#333333;

    border-radius:5px;

    font-family:'Sarabun', sans-serif;

}

.insviwallprod .colleft h2 {

    font-family:'Prompt', sans-serif;

    width:100%;

    box-sizing:border-box;

    display:inline-block;

    font-weight:500;

    font-size:24px;

}

/* Content 4 */

/* Footer */

.full-wrap-black {

    width:100%;

    background-color:#f5f5f5;

    margin:30px 0 0 0;

    padding:0 0 40px 0;

    float:left;

    color:#646464;

}

.full-homefoot-nomargin {

    margin-top:0 !important;

}

.full-wrap-black a {

    color:#8d8d8d;

}

.full-wrap-black a:hover {

    color:#d72839;

}

.full-wrap-nomargin {

    width:100%;

    /* background-color:#3b3c5a; */

    margin:0 0 0 0;

    padding:0 0 40px 0;

    float:left;

    color:#646464;

    border-bottom:solid#f5f5f5 1px;

}

.full-wrap-nomargin a {

    color:#8d8d8d;

}

.full-wrap-nomargin a:hover {

    color:#d72839;

}

.footer-wrapper {

    width:1200px;

    margin-left:auto;

    margin-right:auto;

    padding:40px 0 0 0;

}

.footcol {

    width:220px;

    margin:0 10px 0 10px;

    float:left;

}

.footcol p {

    font-family:'Kanit', sans-serif;

    font-size:18px;

    padding:0 0 20px 0;

}

.footcol ul {

    list-style-type:none;

}

.footcol ul li {

    display:block;

    font-family:'Sarabun', sans-serif;

}

.footcol span {

    font-family:'Sarabun', sans-serif;

    word-wrap:break-word;

}

.footsocial {

    margin:0;

}

.footsocial ul {

    list-style-type:none;

}

.footsocial ul li {

    display:inline;

    font-size:24px;

    padding:0 20px 0 0;

}

.footsocial ul li.linkfacebook a:hover {

    color:#4267b2;

}

.footsocial ul li.linkyoutube a:hover {

    color:#FF0000;

}

.footsocial ul li.linkemail a:hover {

    color:#ffc000;

}

.copyright {

    width:100%;

    text-align:center;

    color:#8d8d8d;

    font-family: 'Sarabun', serif;

    padding:10px 0 10px 0;

}

/* Footer */



/* Franchise List Page */

.full-wrap-page-market {

    width:100%;

    margin:0;

    padding:10px 0 0 0;

    display:inline-block;

}

.padtopprodpage {

    padding:40px 0 0 0;

}

.full-wrap-inside {

    width:100%;

    margin:0;

    padding:0 0 10px 0;

    display:inline-block;

}

.full-col-franchise {

    width:1200px;

    float:left;

    padding:5px 0 10px 0;

}

.hedlistfrans {

    font-family:'Kanit', sans-serif;

    font-size:22px;

    font-weight:normal;

    /* padding:30px 0 30px 10px; */

    padding:5px 0 30px 10px;

    color:#0c0e5f;

    width:960px;

    float:left;

    line-height:30px;

}

.hdr-all-franchise {

    font-family:'Kanit', sans-serif;

    font-size:24px;

}

.hdr-total-franchise {

    font-size:18px;

    font-weight:normal;

}

.addfranslistbutt {

    width:220px;

    float:left;

    font-family: 'Kanit', serif;

    /* margin:25px 0 0 0; */

    margin:0 0 0 0;

    font-size:16px;

    background-color:#d72839;

    color:#FFFFFF;

    text-align:center;

    border-radius:3px;

    padding:10px 0 10px 0;

}

.addfranslistbutt a {

    color:#FFFFFF;

}

.listrecfrans-wh {

    width:430px;

    margin:0 10px 0 10px;

    float:left;

    border:solid#CCCCCC 1px;

    border-radius:4px;

    background-color:#FFFFFF;

}

.listrecfrans-wh .recpic {

    overflow: hidden;

    position: relative;

}

.listrecfrans-wh .recpic .moreinfo {

    display:block !important;

    position:absolute;

    bottom:0px;

    right:0px;

    text-align:center;

    background-image: linear-gradient(to right, #2e3192 , #11aef8);

    padding:10px 15px 10px 15px;

    color:#FFFFFF;

    font-family: 'Prompt', sans-serif;

    border-radius:5px 0 0 5px;

    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.30);

    font-size:16px;

}

.listrecfrans-wh img {

    width:100%;

    height:auto;

    border-radius:4px 4px 0 0;

	padding:0 0 10px 0;

}

.listrecfrans-wh .shocate {

    font-style:normal;

    font-size:12px;

    width:100%;

    color:#999999;

    margin-bottom:15px;

    display:inline-block;

    font-family:'Sarabun', sans-serif;

}

.listrecfrans-wh .shcontxt {

    padding:25px 25px 30px 25px;

}

.listrecfrans-wh .shcontxt p {

    font-family: 'Kanit', serif;

    padding:0;

    font-size: 20px;

    margin:0 0 0 0;

}

.listrecfrans-wh .detailstxt {

    font-family:'Sarabun', sans-serif;

    font-size:16px;

    margin:15px 0 0 0;

    display:inline-block;

    -webkit-font-smoothing: subpixel-antialiased;

    color:#000000 !important;

    font-weight:400;

    -webkit-font-smoothing: antialiased;

}

.full-wrap-gray-inside {

    width:100%;

    /* background-color:#F9F9F9; */

    margin:10px 0 0 0;

    padding:10px 0 40px 0;

    display:inline-block;

}

.shlistfrans-wh {

    width:278px;

    margin:10px 10px 10px 10px;

    float:left;

    border:solid#e6e6e6 1px;

    border-radius:4px;

    background-color:#FFFFFF;

    box-sizing: border-box;

}

.shlistfrans-wh .recpic {

    overflow: hidden;

    position: relative;

}

.shlistfrans-wh .recpic .moreinfo {

    display:block !important;

    position:absolute;

    bottom:0px;

    right:0px;

    text-align:center;

    width:50px;

    height:auto;

    background-color:#666666;

    padding:1px 0 1px 1px;

    color:#FFFFFF;

    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.30);

    border-radius:5px 0 0 5px;

}

.shlistfrans-wh .recpic .moreinfo img {

    border-radius:0px;

    width:100%;

    height:auto;

    border-radius:4px 0 0 4px;

    display:block;

	padding:0;

}

.shlistfrans-wh img {

    width:100%;

    height:auto;

    border-radius:4px 4px 0 0;

    padding:0 0 10px 0;

    float:left;

}

.shlistfrans-wh .shocate {

    font-style:normal;

    font-size:12px;

    width:100%;

    color:#999999;

    display:inline-block;

    font-family:'Sarabun', sans-serif;

}

.shlistfrans-wh .shcontxt {

    padding:20px 20px 25px 20px;

}

.shlistfrans-wh .shcontxt p {

    font-family: 'Kanit', serif;

    padding:0 0 0 0;

    font-size:20px;

}

.shlistfrans-wh span {

    font-size:16px;

    color:#333333;

    font-family:'Sarabun', sans-serif;

    margin:15px 0 0 0;

    display:inline-block;

}

.sholistpagelocate {

    display:inline-block;

    margin:20px 0 30px 0;

}

.shpagelocadv {

    display:inline-block;

    margin:20px 0 0 0;

}

.clrmagnpage {

    margin:40px 0 0 0 !important;

}

.nexprepage {

    width:100%;

    box-sizing:border-box;

    display:inline-block;

    padding:0 15px 0 15px;

}

.nexprepage ul {

    width:100%;

    display:inline-block;

    box-sizing:border-box;

    font-family:'Kanit', sans-serif;

    font-size:0px;

}

.nexprepage ul li {

    width:50%;

    display:inline;

    float:left;

    text-align:right;

    font-size:16px;

}

.nexprepage ul li a {

    background:#d72839;

    color:#FFFFFF;

    border-radius:5px;

    padding:5px 20px 5px 20px;

}

.nexprepage ul li:first-child a {

    background:#333333;

    color:#FFFFFF;

    border-radius:5px;

    padding:5px 20px 5px 20px;

}

.nexprepage ul li:first-child {

    text-align:left;

}

.sholistpage {

    width:100%;

    margin:10px 0 10px 0;

    text-align:center;

}

.sholistpage ul {

    list-style-type:none;

    font-size:0;

}

.sholistpage ul li {

    display:inline-block;

    padding:0;

    margin:0;

    font-size:14px;

    margin:0 5px 0 5px;

    font-family:'Prompt', sans-serif;

}

.sholistpage ul li a {

    padding:7px 10px 5px 10px;

    float:left;

    border:solid#CCCCCC 1px;

    border-radius:3px;

}

.sholistpage ul li a:hover {

    padding:7px 10px 5px 10px;

    float:left;

    background-color:#ed1c24;

    color:#FFFFFF;

    border:solid#ed1c24 1px;

}

.sholistpage ul li.active a {

    padding:5px 10px 5px 10px;

    float:left;

    background-color:#d72839;

    color:#FFFFFF;

    border:solid#d72839 1px;

}

.shopgresutpad {

    padding:30px 0 0 0;

}

.memverif {

    width:100%;

    margin:10px 0 10px 0;

    display:inline-block;

}

.memverif i {

    color:#ed1c24;

    font-size:28px;

    float:right;

    margin:0 5px 0 5px;

}

.memverif img {

    width:30px !important;

    height:auto;

    float:right;

    margin:0 5px 0 5px;

}

.memfinregis {

    font-family: 'Kanit', serif;

    font-size:13px;

    border-radius:3px;

    margin:5px 0 0 0;

    padding:3px 0 3px 0;

    width:120px;

    border:solid#175677 1px;

    /* background-color:#4aa3c3; */

    color:#175677;

    text-align:center;

}

.insiconfm {

    font-family: 'Kanit', serif;

    font-size:13px;

    border-radius:3px;

    margin:15px 0 0 0;

    padding:3px 0 3px 0;

    width:120px;

    border:solid#175677 1px;

    /* background-color:#4aa3c3; */

    color:#175677;

    text-align:center;

}

.franluxpk {

    font-family: 'Kanit', serif;

    font-size:13px;

    border-radius:3px;

    margin:15px 0 0 0;

    padding:5px 0 5px 0;

    width:160px;

    /* background-color:#dfc70e; */

    background-image: linear-gradient(to right, #8a531c , #d5a45f , #8a531c);

    color:#FFFFFF;

    text-align:center;

}

.defranluxpk {

    font-family: 'Kanit', serif;

    font-size:13px;

    border-radius:3px;

    margin:5px 0 0 0;

    padding:5px 0 5px 0;

    width:160px;

    /* background-color:#dfc70e; */

    background-image: linear-gradient(to right, #8a531c , #d5a45f , #8a531c);

    color:#FFFFFF;

    text-align:center;

}

.franplatpk {

    font-family: 'Kanit', serif;

    font-size:13px;

    border-radius:3px;

    margin:15px 0 0 0;

    padding:5px 0 5px 0;

    width:160px;

    /* background-color:#dfc70e; */

    background-image: linear-gradient(to right, #5c2853 , #b9768d , #5c2853);

    color:#FFFFFF;

    text-align:center;

}

.defranplatpk {

    font-family: 'Kanit', serif;

    font-size:13px;

    border-radius:3px;

    margin:5px 0 0 0;

    padding:5px 0 5px 0;

    width:160px;

    /* background-color:#dfc70e; */

    background-image: linear-gradient(to right, #5c2853 , #b9768d , #5c2853);

    color:#FFFFFF;

    text-align:center;

}

.franprempk {

    font-family: 'Kanit', serif;

    font-size:13px;

    border-radius:3px;

    margin:15px 0 0 0;

    padding:5px 0 5px 0;

    width:160px;

    /* background-color:#dfc70e; */

    background-image: linear-gradient(to right, #9c2837 , #c2726b , #9c2837);

    color:#FFFFFF;

    text-align:center;

}

.defranprempk {

    font-family: 'Kanit', serif;

    font-size:13px;

    border-radius:3px;

    margin:5px 0 0 0;

    padding:5px 0 5px 0;

    width:160px;

    /* background-color:#dfc70e; */

    background-image: linear-gradient(to right, #9c2837 , #c2726b , #9c2837);

    color:#FFFFFF;

    text-align:center;

}

.delocprempk {

    font-family: 'Kanit', serif;

    font-size:12px;

    border-radius:3px;

    margin:0;

    padding:0;

    width:160px;

    /* background-color:#dfc70e; */

    background-image: linear-gradient(to right, #9c2837 , #c2726b , #9c2837);

    color:#FFFFFF;

    text-align:center;

}

.memverif-top {

    width:100%;

    margin:5px 0 0 0;

    display:inline-block;

    height:20px;

}

.memverif-top img {

    width:21px !important;

    height:auto;

    float:left;

    margin:0 10px 0 0;

}

.memverif-top i {

    color:#2e3192;

    font-size:20px;

    float:left;

    margin:0 10px 0 0;

}

.franlistmark {

    width:100%;

    margin:15px 0 15px 0;

    display:inline-block;

    font-family:'Sarabun', sans-serif;

    font-size:14px;

}

.franlistmark img {

    width:20px;

    height:auto;

    margin:0 3px 0 0;

}

.franlistmark i {

    font-size:15px;

    color:#2e3192;

    margin:0 3px 0 0;

}

.franlistmark ul li {

    display:inline;

    padding:0 10px 0 10px;

}

/* Franchise List Page */

/* Franchise Detail Page */

.frandetail2col {

    width:1200px;

}

.smecolone {

    width:100%;

    float:left;

    padding:0;

}

.francolone {

    width:840px;

    float:left;

    padding:0 10px 0 10px;

}

.francoltwo {

    width:320px;

    float:left;

    padding:0 10px 0 10px;

}

.plicypage {

    width:100%;

    padding:0 1% 0 1%;

    box-sizing: border-box;

    font-family:'Sarabun', sans-serif;

    font-size:16px;

    line-height:24px;

}

/* 

.francolone {

    width:780px;

    float:left;

    padding:0 10px 0 10px;

}

.francoltwo {

    width:380px;

    float:left;

    padding:0 10px 0 10px;

}

*/

.searchcolone {

    width:860px;

    float:left;

    padding:0 10px 0 10px;

}

.searchcoltwo {

    width:300px;

    float:left;

    padding:0 10px 0 10px;

}

.detailsearchbanner {

    width:100%;

    text-align:center;

    margin:10px 0 10px 0;

}

.detailsearchbanner img {

    max-width:100%;

    height:auto;

    border-radius:5px;

    display:inline-block;

}

.frannamedetail {

    width:100%;

    float:left;

}

.frannamedetail .shfname {

    float:left;

    margin:0 10px 0 0;

}

.inscficon {

    float:left;

    margin:0 0 0 0;

}

.frannamedetail .certif {

    float:left;

    margin:22px 0 0 0;

}

.frannamedetail .certif ul {

    margin:5px 0 0 0;

    padding:0;

    list-style-type:none;

}

.frannamedetail .certif ul li {

    display:inline-block;

    padding:0 0 0 10px;

}

.frannamedetail .certif ul li img {

    width:21px !important;

    height:auto;

    float:left;

}

.frannamedetail .certif ul li i {

    color:#2e3192;

    font-size:20px;

    float:left;

}

.hfraninfo {

    width:100%;

    margin:10px 0 30px 0;

}

.hfraninfoclrtop {

    margin-top:0px;

}

.hfraninfonomarg {

    margin-top:0 !important;

}

.hfranmap {

    width:100%;

    margin:10px 0 30px 0;

    float:left;

}

.hfraninfo p {

    font-family: 'Kanit', serif !important;

    font-size:20px;

    padding:0 0 0 0;

    color:#2e3192;

    line-height:30px;

}

.hfraninfo h2 {

    font-family: 'Kanit', serif !important;

    font-size:20px;

    padding:0 0 0 0;

    color:#2e3192;

    line-height:30px;

    font-weight:normal;

}

.frantaginfo {

    font-family: 'Kanit', serif;

    font-size:20px;

    padding:0 0 20px 0;

    color:#2e3192;

}

.hfraninfo .hdr2detail {

    font-family: 'Kanit', serif;

    font-size:20px;

    padding:0 0 5px 0;

    font-weight:normal;

}

.hfraninfo span {

    font-family:'Sarabun', sans-serif;

    font-size:16px;

    line-height:26px;

    word-wrap:break-word;

}

.hfrancover {

    width:100%;

    margin:0 0 30px 0;

}

.hfrancover .coverfrimg {

    box-sizing: border-box;

    border:solid#CCCCCC 1px;

    border-radius:5px 5px 0 0;

    padding:0 0 0 0;

}

.hfrancover .coverfrimg img {

    width:100%;

    height:auto;

    border-radius:5px 5px 0 0;

    float:left;

}

.hfrancover .nofocoverfrimg {

    box-sizing: border-box;

    padding:0 0 0 0;

}

.hfrancover .nofocoverfrimg img {

    width:100%;

    height:auto;

    border-radius:5px;

    float:left;

}

.coverfrinfo {

    box-sizing: border-box;

    border:solid#CCCCCC 1px;

    border-top:0px;

    font-family:'Sarabun', sans-serif;

    border-radius:0 0 5px 5px;

    width:100%;

    display:inline-block;

    font-size:18px;

    line-height:26px;

    color:#000000;

}

.coverfrinfotop {

    border-top:solid #CCCCCC 1px;

    border-radius:5px;

}

.topmarn10 {

    margin:30px 0 30px 0;

}

.coverfrinfo i {

    margin-right:1px;

    color:#999999;

    font-size:14px;

}

.coverfrinfo .friinvest {

    box-sizing: border-box;

    width:40%;

    float:left;

    padding:20px 0 20px 0;

    border-right:solid#CCCCCC 1px;

    text-align:center;

}

.coverfrinfo .timeforback {

    box-sizing: border-box;

    width:30%;

    float:left;

    padding:20px 0 20px 0;

    border-right:solid#CCCCCC 1px;

    text-align:center;

}

.coverfrinfo .frabranch {

    box-sizing: border-box;

    width:30%;

    float:left;

    padding:20px 0 20px 0;

    text-align:center;

}

.butintfranply {

    display:none;

}

.shotopicfrdt {

    font-size:20px;

    color:#ff9c00;

    line-height:30px;

    margin:5px 0 0 0;

    padding:0 20px 0 20px;

}

.shotopicback {

    font-size:20px;

    color:#2fc900;

    line-height:30px;

    margin:5px 0 0 0;

    padding:0 20px 0 20px;

}

.shotopicbranch {

    font-size:20px;

    color:#f30039;

    line-height:30px;

    margin:5px 0 0 0;

    padding:0 20px 0 20px;

}

.shpageread {

    float:right;

    font-family:'Sarabun', sans-serif;

    background-color:#175677;

    color:#FFFFFF;

    padding:7px 30px 10px 30px;

    border-radius:5px;

}

.shpageread i {

    margin-right:5px;

}

.dispylogo {

    width:100%;

    text-align:center;

}

.dispylogo img {

    width:180px;

    height:auto;

}

.leftdetagray {

    width:268px;

    float:left;

    border:solid#e6e6e6 1px;

    background-color:#f9f9f9;

    border-radius:3px;

    padding:35px 25px 25px 25px;

}

.leftdetagray.fixed {

    position:fixed;

    top:20px;

    z-index:999;

}

.leftrank {

    width:318px;

    float:left;

    border-radius:3px;

    padding:0;

}

.leftrank.fixed {

    position:fixed;

    top:20px;

    z-index:999;

}

/*

.leftdetagray {

    width:328px;

    float:left;

    border:solid#e6e6e6 1px;

    background-color:#f9f9f9;

    border-radius:3px;

    padding:35px 25px 25px 25px;

}

*/

.hdejonfran {

    font-family:'Sarabun', sans-serif;

    font-size:20px;

    font-weight:normal;

    color:#0c0e5f;

    float:left;

    line-height:28px;

    padding-bottom:20px;

}

.detainrest {

    margin:25px 0 0 0;

    font-size:16px;

    font-weight:normal;

    line-height:24px;

}

.detainrest a {

    color:#2e3192;

}

.detainrest a:hover {

    color:#ed1c24;

}

/* Add Line */

.addlinearea {

    width:100%;

    display:inline-block;

    box-sizing:border-box;

    padding:0;

    margin:0;

}

.addlinearea a {

    width:100%;

    display:inline-block;

    background:#00bd00;

    text-align:center;

    color:#FFFFFF;

    border-radius:5px;

    padding:10px 0 10px 0;

}

.addlinearea a span.addfriendbutt {

    display:block;

    font-size:16px;

}

.addlinearea a span.addfriendbutt i {

    font-size:20px;

    margin:0 7px 0 0;

}

.addlinearea a span.addfriendbenf {

    color:#eeffe8;

}

.orform {

    font-size:16px;

    margin:20px 0 10px 0;

    font-style:italic;

    color:#666666;

}

.gotosmeform {

    display:none;

}

.gotosmeform a {

    display:inline-block;

    background:#d72839;

    color:#FFFFFF;

    border-radius:5px;

    padding:7px 20px 7px 20px;

    font-family:'Sarabun', sans-serif;

    font-size:16px;

}

/* Add Line */

/* Form Register Franchise Detail */

.form-style-8 {

	font-family:'Sarabun', sans-serif;

	width: 100%;

	padding: 0;

	margin: 70px auto 30px auto;

}

.form-style-8 input[type="text"],

.form-style-8 input[type="date"],

.form-style-8 input[type="datetime"],

.form-style-8 input[type="email"],

.form-style-8 input[type="number"],

.form-style-8 input[type="search"],

.form-style-8 input[type="time"],

.form-style-8 input[type="url"],

.form-style-8 input[type="password"],

.form-style-8 textarea,

.form-style-8 select 

{

	box-sizing: border-box;

	-webkit-box-sizing: border-box;

	-moz-box-sizing: border-box;

	outline: none;

	display: block;

	width: 100%;

	padding:0;

	border: none;

	border-bottom: 1px solid #CCCCCC;

	background: transparent;

	margin-bottom: 10px;

    font-family:'Sarabun', sans-serif;

    font-size:18px;

    height: 45px;

}

.select-itemarw {

    padding: 6px 0 6px 0;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none;

    width:100%;

    border: 1px solid #c4c4c4;

    border-radius:0;

}

.cus-select-left {

    width:100%;

    position:relative;

}

.cus-select-left:not(*:root):after {

    content:"";

    display:block;

    width:0;

    height:0;

    border-color:#666666 transparent transparent transparent;

    border-width:9px 6px 9px 6px;

    border-style:solid;

    position:absolute;

    right:6px;

    top:50%;

    margin-top:0;

}

.cus-select-full {

    width:100%;

    position:relative;

}

.cus-select-full:not(*:root):after {

    content:"";

    display:block;

    width:0;

    height:0;

    border-color:#999999 transparent transparent transparent;

    border-width:9px 6px 9px 6px;

    border-style:solid;

    position:absolute;

    right:10px;

    top:50%;

    margin-top:-3.5px;

}

.form-style-8 input::placeholder {

    color:#333333;

}

.form-style-8 textarea{

	resize:none;

	overflow: hidden;

}

.form-style-8 input[type="button"], 

.form-style-8 input[type="submit"]{

	-moz-box-shadow: inset 0px 1px 0px 0px #d72839;

	-webkit-box-shadow: inset 0px 1px 0px 0px #d72839;

	box-shadow: inset 0px 1px 0px 0px #d72839;

	background-color: #d72839;

	border: 1px solid #d72839;

	display: inline-block;

	cursor: pointer;

	color: #FFFFFF;

	font-family:'Sarabun', sans-serif;

	font-size: 18px;

	padding: 8px 50px 8px 50px;

	text-decoration: none;

    text-transform: uppercase;

    border-radius:5px;

    margin:10px 0 0 0;

}

.form-style-8 input[type="button"]:hover, 

.form-style-8 input[type="submit"]:hover {

    -moz-box-shadow: inset 0px 1px 0px 0px #175677;

	-webkit-box-shadow: inset 0px 1px 0px 0px #175677;

	box-shadow: inset 0px 1px 0px 0px #175677;

	background:linear-gradient(to bottom, #175677 5%, #175677 100%);

    background-color:#175677;

    border: 1px solid #175677;

}

.capformtail {

    width:100%;

    margin:10px 0 0 0;

    display:inline-block;

}

.leftdetablue {

    width:268px;

    float:left;

    border:solid#cccccc 1px;

    background-color:#175677;

    border-radius:3px;

    padding:15px 25px 15px 25px;

    color:#FFFFFF;

    margin:0 0 20px 0;

    font-family:'Sarabun', sans-serif;

    font-size:18px;

    line-height:26px;

}

.clrpadloclogo {

    width:100% !important;

    box-sizing:border-box;

    padding:15px;

    line-height:22px;

}

.bgclocate {

    background-color:#02a388 !important;

}

.bgcsme {

    background-color:#d72839 !important;

}

.txsmeleft {

    font-weight:normal;

    border-bottom:solid#FFFFFF 1px;

    padding:0 0 10px 0;

    display:block;

    margin:0 0 10px 0;

    border-bottom-style: dotted;

}

/*

.leftdetablue {

    width:328px;

    float:left;

    border:solid#cccccc 1px;

    background-color:#175677;

    border-radius:3px;

    padding:15px 25px 15px 25px;

    color:#FFFFFF;

    margin:0 0 20px 0;

    font-family:'Sarabun', sans-serif;

    font-size:18px;

    line-height:26px;

}

*/

/* Form Register Franchise Detail */

.detailrecfran {

    width:100%;

    margin:20px 0 20px 0;

    display:inline-block;

}

.detailrecfran .rehdrdet {

    font-family:'Kanit', sans-serif;

    font-size:22px;

    color:#000000;

    margin:0 0 10px 1%;

}

.shorecfransban {

    box-sizing: border-box;

    width:18%;

    margin:20px 1% 0 1%;

    float:left;

    text-align:center;

}

.shorecfransban img {

    max-width:100%;

    height:auto;

    border-radius:4px;

}

.shorecfrans-wh {

    box-sizing: border-box;

    width:18%;

    margin:20px 1% 0 1%;

    float:left;

    border:solid#e6e6e6 1px;

    border-radius:4px;

    background-color:#FFFFFF;

}

.shorecfrans-wh .recpic {

    overflow: hidden;

    position: relative;

}

.shorecfrans-wh .recpic .moreinfo {

    display:block !important;

    position:absolute;

    bottom:0px;

    right:0px;

    text-align:center;

    width:40px;

    height:auto;

    background-color:#666666;

    padding:1px 0 1px 1px;

    color:#FFFFFF;

    font-family: 'Prompt', sans-serif;

    border-radius:5px 0 0 5px;

    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.30);

}

.shorecfrans-wh .recpic .moreinfo img {

    border-radius:0px;

    width:100%;

    height:auto;

    border-radius:4px 0 0 4px;

    display:block;

    padding:0;

    float:left;

}

.shorecfrans-wh img {

    width:100%;

    height:auto;

    border-radius:4px 4px 0 0;

    padding:0 0 10px 0;

    float:left;

}

.shorecfrans-wh .shcontxt {

    padding:20px 20px 25px 20px;

}

.shorecfrans-wh .shcontxt a {

    color:#333333;

}

.shorecfrans-wh .shcontxt a:hover {

    color:#ee242c;

}

.shorecfrans-wh .shcontxt p {

    font-family:'Sarabun', sans-serif;

    padding:0 0 0 0;

    font-size:18px;

    line-height:26px;

}

/* Franchise Detail Page */

/* Franchise Recommended List */

.full-wrap-gray-recom {

    width:100%;

    /* background-color:#f9f9f9; */

    margin:10px 0 0 0;

    padding:0 0 20px 0;

    display:inline-block;

}

.mainrecfrans {

    width:430px;

    margin:0 10px 0 10px;

    float:left;

    border:solid#CCCCCC 1px;

    border-radius:4px;

}

.mainrecfrans .recpic {

    overflow: hidden;

    position: relative;

}

.mainrecfrans .recpic .moreinfo {

    display:block !important;

    position:absolute;

    bottom:0px;

    right:0px;

    text-align:center;

    background-image: linear-gradient(to right, #2e3192 , #11aef8);

    padding:10px 15px 10px 15px;

    color:#FFFFFF;

    font-family: 'Prompt', sans-serif;

    border-radius:5px 0 0 5px;

    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.30);

    font-size:16px;

}

.mainrecfrans img {

    width:100%;

    height:auto;

    border-radius:4px 4px 0 0;

	padding:0 0 10px 0;

}

.mainrecfrans .shocate {

    font-style:normal;

    font-size:12px;

    width:100%;

    color:#999999;

    margin-bottom:15px;

    display:inline-block;

    font-family:'Sarabun', sans-serif;

}

.mainrecfrans .shcontxt {

    padding:25px 25px 30px 25px;

}

.mainrecfrans .shcontxt p {

    font-family: 'Kanit', serif;

    padding:0;

    font-size: 20px;

    margin:0 0 0 0;

}

.mainrecfrans .detailstxt {

    font-family:'Sarabun', sans-serif;

    font-size:1ภpx;

    margin:15px 0 0 0;

    display:inline-block;

    color:#999999;

    font-style:italic;

}

/* Franchise Recommended List */

/* New Search Box */

.searchdata {

    margin:30px 0 30px 0;

    width:100%;

    float:left;

    text-align:center;

}

.searchdata input[type=text] {

    width:100%;

    font-family:'Sarabun', sans-serif;

    height:46px;

    border:none;

    background-color:#FFFFFF;

    text-align:center;

    border-bottom:solid#ed1c24 1px;

    font-size:18px;

    color:#000000;

    line-height:50px;

}

.searchdata input::placeholder {

    color:#000000;

    line-height:50px;

}

.searchdata input[type=text]:focus {

    outline: none;

}

.searchdata button {

    font-family:'Sarabun', sans-serif;

    font-size:14px;

    width:160px;

    margin:30px 0 0 0;

    padding: 0;

    font-size: 17px;

    border: none;

    cursor: pointer;

    border-radius:5px;

    background-color:#d72839;

    height:46px;

    color:#FFFFFF;

}

/* New Search Box */

/* Add Franchise */

.addmainfranc {

    margin:30px 0 30px 0;

    width:100%;

    float:left;

    text-align:center;

    color:#FFFFFF;

    font-family:'Sarabun', sans-serif;

}

.addmainfranc p {

    font-size:24px;

    margin:0 0 15px 0;

    font-family:'Kanit', sans-serif;

    color:#000000;

}

.addmainfranc p.nospan {

    font-size:24px;

    margin:0 0 25px 0;

    font-family:'Kanit', sans-serif;

    color:#000000;

}

.addmainfranc p span {

    color:#d72839;

    display:inline;

    font-size:24px;

    font-weight:800;

}

.addmainfranc span {

    margin:0 0 30px 0;

    display:block;

    color:#666666;

    line-height:24px;

    font-size:14px;

}

.addmainfranc input {

    width:100%;

    font-family:'Sarabun', sans-serif;

    height:44px;

    border:none;

    background-color:#e6e6e6;

    text-align:center;

    font-size:18px;

    color:#000000;

    margin:0 0 15px 0;

    border-radius:5px;

    box-sizing:border-box;

}

.addmainfranc input::placeholder {

    color:#666666;

}

.addmainfranc input:focus {

    outline: none;

}

.addmainfranc select {

    width:100%;

    font-family:'Sarabun', sans-serif;

    height:44px;

    border:none;

    background-color:#e6e6e6;

    text-align:center;

    font-size:18px;

    color:#000000;

    margin:0 0 15px 0;

    border-radius:5px;

    box-sizing:border-box;

}

.addmainfranc button {

    font-family:'Sarabun', sans-serif;

    font-size:14px;

    width:160px;

    margin:20px 0 0 0;

    padding: 0;

    font-size: 17px;

    border: none;

    cursor: pointer;

    border-radius:5px;

    background-color:#d72839;

    height:46px;

    color:#FFFFFF;

}

/* Add Franchise */

/* Interview */

.colknowled {

    width:100%;

    margin:0 0 0 0;

    float:left;

}

.colinterview-1-2 {

    width:1200px;

    margin:0 0 0 0;

    float:left;

}

.colinterview-1-2 .intcol-1 {

    width:800px;

    float:left;

    margin:0;

}

.colinterview-1-2 .intcol-2 {

    width:380px;

    float:left;

    margin:0 10px 0 10px;

    height:293px;

    background-color:#333333;

}

.colinterview-1-2 .eventcol-2 {

    width:380px;

    float:left;

    margin:0 10px 0 10px;

}

.maininterview {

    width:100%;

    display:inline-block;

    padding:0 0 20px 0;

}

.topinterview {

    box-sizing: border-box;

    width:380px;

    margin:0 10px 0 10px;

    float:left;

    border:solid#e6e6e6 1px;

    border-radius:4px;

    background-color:#FFFFFF;

}

.topinterview .recpic {

    overflow: hidden;

    position: relative;

}

.topinterview .recpic .moreinfo {

    display:block !important;

    position:absolute;

    bottom:0px;

    right:0px;

    text-align:center;

    background-image: linear-gradient(to right, #d40f00 , #ffa800);

    padding:10px 15px 10px 15px;

    color:#FFFFFF;

    font-family: 'Prompt', sans-serif;

    border-radius:5px 0 0 5px;

    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.30);

    font-size:16px;

}

.topinterview img {

    width:100%;

    height:auto;

    border-radius:4px 4px 0 0;

    padding:0 0 10px 0;

}

.topinterview .shocate {

    font-style:normal;

    font-size:12px;

    width:100%;

    color:#999999;

    display:inline-block;

    font-family:'Sarabun', sans-serif;

}

.topinterview .shcontxt {

    padding:20px 20px 25px 20px;

}

.topinterview .shcontxt p {

    font-family: 'Kanit', serif;

    padding:0 0 0 0;

    font-size:20px;

}

.topinterview .shcontxt p a {

    color:#2e3192;

}

.topinterview span {

    font-size:16px;

    color:#333333;

    font-family:'Sarabun', sans-serif;

    margin:0 0 0 0;

    display:inline-block;

    font-weight:800;

}

.topinterview span.detailstxt {

    font-size:16px;

    color:#333333;

    font-family:'Sarabun', sans-serif;

    margin:20px 0 0 0;

    display:inline-block;

    font-weight:400;

}

.padtopinterv {

    padding:30px 0 0 0;

}

.botintinfo {

    width:100%;

    border-top:solid#eaeaea 1px;

    text-align:right;

    color:#999999;

}

.botintinfo ul {

    margin:0;

    padding:0;

    display:inline-block;

    font-size:0px;

}

.botintinfo ul li {

    display:inline-block;

    font-size:12px;

    border-left:solid#eaeaea 1px;

    padding:5px 12px 5px 12px;

}

/* Interview */

/* Breaking News */

.hobrknews {

    width:1180px;

    margin:0 10px 0 10px;

    display:inline-block;

}

.hdrevent {

    font-family:'Sarabun', sans-serif;

    background-image: linear-gradient(to right, #080a66 , #00ccff);

    width:90%;

    color:#FFFFFF;

    padding:15px 5% 15px 5%;

    font-weight:normal;

    border-radius:5px 5px 0 0;

}

/* Breaking News */

/* Franchise News Knowledge */

.topnewsknow {

    box-sizing: border-box;

    width:380px;

    margin:0 10px 0 10px;

    float:left;

    border:solid#e6e6e6 1px;

    border-radius:4px;

    background-color:#FFFFFF;

}

.topnewsknow .recpic {

    overflow: hidden;

    position: relative;

}

.topnewsknow .recpic .moreinfo {

    display:block !important;

    position:absolute;

    bottom:0px;

    right:0px;

    text-align:center;

    background-image: linear-gradient(to right, #d40f00 , #ffa800);

    padding:10px 15px 10px 15px;

    color:#FFFFFF;

    font-family: 'Kanit', sans-serif;

    border-radius:5px 0 0 5px;

    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.30);

    font-size:16px;

}

.topnewsknow img {

    width:100%;

    height:auto;

    border-radius:4px 4px 0 0;

    padding:0 0 10px 0;

}

.topnewsknow .shocate {

    font-style:normal;

    font-size:12px;

    width:100%;

    color:#999999;

    display:inline-block;

    font-family:'Sarabun', sans-serif;

}

.topnewsknow .shcontxt {

    padding:20px 20px 25px 20px;

}

.topnewsknow .shcontxt p {

    font-family: 'Kanit', serif;

    padding:0 0 0 0;

    font-size:20px;

}

.topnewsknow .shcontxt p a {

    color:#2e3192;

}

.topnewsknow span {

    color:#999999;

    font-family:'Sarabun', sans-serif;

    margin:0 0 0 0;

    display:inline-block;

    font-size:14px;

}

.topnewsknow span.detailstxt {

    font-size:16px;

    color:#333333;

    font-family:'Sarabun', sans-serif;

    margin:20px 0 0 0;

    display:inline-block;

    font-weight:400;

}

.showdattime {

    color:#999999 !important;

    font-family:'Sarabun', sans-serif;

    margin:0 0 0 0 !important;

    display:inline-block;

    font-size:14px !important;

}

.showdattimeinside {

    color:#666666 !important;

    font-family:'Sarabun', sans-serif;

    margin:0 0 30px 10px !important;

    display:inline-block;

    font-size:14px !important;

}

.showintname {

    color:#ed1c24 !important;

    font-family:'Kanit', sans-serif;

    margin:0 0 30px 10px !important;

    display:inline-block;

    font-size:20px !important;

    line-height:30px;

}

.shcontlop .showdatevent {

    color:#FFFFFF !important;

    font-family:'Sarabun', sans-serif;

    margin:-5px 0 20px 0 !important;

    display:inline-block;

    font-size:14px !important;

    background-color:#d72839;

    padding:3px 10px 3px 10px;

    border-radius:5px;

}

.showdatevent {

    color:#FFFFFF !important;

    font-family:'Sarabun', sans-serif;

    margin:5px 0 0 0 !important;

    display:inline-block;

    font-size:14px !important;

    background-color:#d72839;

    padding:3px 10px 3px 10px;

    border-radius:5px;

}

.showdateventinside {

    color:#FFFFFF !important;

    font-family:'Sarabun', sans-serif;

    margin:5px 0 30px 10px !important;

    display:inline-block;

    font-size:14px !important;

    background-color:#d72839;

    padding:3px 10px 6px 10px;

    border-radius:5px;

}

.shfrannewknow-wh {

    width:278px;

    margin:10px 10px 10px 10px;

    float:left;

    border:solid#e6e6e6 1px;

    border-radius:4px;

    background-color:#FFFFFF;

    box-sizing: border-box;

}

.shfrannewknow-wh a {

    color:#2e3192;

}

.shfrannewknow-wh a:hover {

    color:#ed1c24;

}

.shfrannewknow-wh .recpic {

    overflow: hidden;

    position: relative;

}

.shfrannewknow-wh .recpic .moreinfo {

    display:block !important;

    position:absolute;

    bottom:0px;

    right:0px;

    text-align:center;

    height:auto;

    background-image: linear-gradient(to right, #2e3192 , #11aef8);

    padding:7px 10px 7px 10px;

    color:#FFFFFF;

    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.30);

    border-radius:5px 0 0 5px;

    font-family: 'Kanit', sans-serif;

}

.shfrannewknow-wh .recpicgold {

    overflow: hidden;

    position: relative;

}

.shfrannewknow-wh .recpicgold .moreinfo {

    display:block !important;

    position:absolute;

    bottom:0px;

    right:0px;

    text-align:center;

    height:auto;

    background-image: linear-gradient(to right, #be8907 , #dfb02e);

    padding:7px 10px 7px 10px;

    color:#FFFFFF;

    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.30);

    border-radius:5px 0 0 5px;

    font-family: 'Prompt', sans-serif;

}

.shfrannewknow-wh img {

    width:100%;

    height:auto;

    border-radius:4px 4px 0 0;

    padding:0 0 10px 0 !important;

    float:left;

}

.shfrannewknow-wh .shocate {

    font-style:normal;

    font-size:12px;

    width:100%;

    color:#999999;

    display:inline-block;

    font-family:'Sarabun', sans-serif;

}

.shfrannewknow-wh .shcontxt {

    padding:20px 20px 25px 20px;

}

.shfrannewknow-wh .shcontxt p {

    font-family: 'Kanit', serif;

    padding:0 0 0 0;

    font-size:20px;

}

.shfrannewknow-wh span {

    font-size:16px;

    color:#333333;

    font-family:'Sarabun', sans-serif;

    margin:15px 0 0 0;

    display:inline-block;

}

/* Franchise News Knowledge */

.contxtdetail {

    width:1180px;

    margin:0 10px 0 10px;

    font-family:'Sarabun', sans-serif;

    font-size:16px;

    line-height:26px;

    color:#000000;

}

.covernewknow {

    width:100%;

    margin:0 0 25px 0;

}

.covernewknow img {

    width:100%;

    height:auto;

    border-radius:5px;

}

.detailcontxt {

    width:100%;

    font-family:'Sarabun', sans-serif;

    font-size:16px;

    line-height:26px;

    color:#000000;

    margin:25px 0 25px 0;

    word-wrap:break-word;

}

.detailcontxt img {

    max-width:100%;

    height:auto;

    border-radius:5px;

    margin-left:auto;

    margin-right:auto;

    margin-top:40px;

    margin-bottom:40px;

    display:block;

}

.subimgdetail {

    width:100%;

    text-align:center;

    margin:40px 0 40px 0;

}

.subimgdetail img {

    max-width:100%;

    height:auto;

    border-radius:5px;

    display:inline-block;

}

.detailbanner {

    width:100%;

    text-align:center;

}

.detailbanner img {

    max-width:100%;

    height:auto;

    border-radius:5px;

}

.detailrightbanner {

    width:100%;

    text-align:center;

    margin:40px 0 0 0;

    display:inline-block;

}

.detailrightbanner img {

    border-radius:5px;

}

.insidegally {

    width:100%;

    margin:0 0 30px 0;

    display:inline-block;

}

.hdrgally {

    font-family: 'Kanit', sans-serif;

    font-size: 22px;

    font-weight: normal;

    padding:0 0 15px 0;

    color: #0c0e5f;

    line-height: 30px;

}

.small-demo {

    width:100%;

    float:left;

}

.detailgally {

    width:24%;

    border:solid#CCCCCC 1px;

    padding:3px;

    margin:0.5% 0.5% 0.5% 0.5%;

    box-sizing: border-box;

    float:left;

    background-color:#F5F5F5;

    border-radius:3px;

}

.detailgally img {

    max-width:100%;

    height:auto;

    border-radius:3px;

    float:left;

}

.detailnewsknow {

    width:100%;

    margin:10px 0 0 0;

}

.hdrintrenkn {

    font-family: 'Kanit', sans-serif;

    font-size: 22px;

    font-weight: normal;

    padding:10px 0 20px 0;

    color: #0c0e5f; 

    line-height: 28px;

}

.shdetanekno {

    width:48%;

    margin:5px 1% 5px 1%;

    float:left;

}

.shdetanekno img {

    max-width:100%;

    height:auto;

    float:left;

    border-radius:3px;

}

.shdetanekno p {

    width:96%;

    font-family: 'Sarabun', sans-serif;

    margin:7px 2% 10px 2%;

    float:left;

    font-size:16px;

    line-height:24px;

}

.insiviallnekh {

    width:100%;

    margin:20px 0 0 0;

    text-align:center;

    font-family: 'Kanit', sans-serif;

    float:left;

}

.insiviallnekh a {

    background-color:#d72839;

    color:#FFFFFF;

    padding:10px 0 10px 0;

    border-radius:4px;

    width:100%;

    float:left;

}

.indeshtag {

    width:100%;

    display:inline-block;

    margin:0 0 30px 0;

}

.indeshtag ul {

    font-size:0px;

}

.indeshtag ul li {

    display:inline-block;

    font-size:14px;

    font-family: 'Sarabun', sans-serif;

}

.indeshtag ul li a {

    background-color:#333333;

    color:#FFFFFF;

    margin:0 5px 0 0;

    padding:3px 10px 5px 10px;

    border-radius:3px;

    border:solid#333333 1px;

    float:left;

}

.indeshtag ul li a:hover {

    background-color:#FFFFFF;

    color:#000000;

    padding:3px 10px 5px 10px;

    border-radius:3px;

    border:solid#333333 1px;

    float:left;

}

.inshcateg {

    width:98%;

    display:inline-block;

    margin:0 1% 30px 1%;

}

.inshcateg ul {

    font-size:0px;

}

.inshcateg ul li {

    display:inline-block;

    font-size:14px;

    font-family: 'Sarabun', sans-serif;

}

.inshcateg ul li a {

    margin:0 5px 0 0;

    padding:3px 10px 5px 10px;

    border-radius:3px;

    border:solid#999999 1px;

    float:left;

}

.inshcateg ul li a:hover {

    background-color:#BA324F;

    color:#FFFFFF;

    padding:3px 10px 5px 10px;

    border-radius:3px;

    border:solid#BA324F 1px;

    float:left;

}

.inshcateg ul li.active {

    background-color:#00006d;

    color:#FFFFFF;

    padding:3px 10px 5px 10px;

    border-radius:3px;

    border:solid#00006d 1px;

    float:left;

}

.frbranchtxt {

    font-family:'Sarabun', sans-serif;

    font-size:16px;

    line-height:26px;

    margin-top:0;

    margin-bottom:0;

    padding-bottom:0;

}

.showmore-button {

    font-family: 'Sarabun', sans-serif;

    cursor: pointer;

    border:solid#666666 2px;

    border-radius:5px;

    text-align: center; 

    padding: 5px 5px 5px 5px;

    margin-top: -15px;

    margin-bottom:40px;

    max-width:200px;

}

.interviewarea {

    width:100%;

    box-sizing: border-box;

    border:solid#CCCCCC 1px;

    border-radius:5px;

    margin:0 0 30px 0;

}

.shointtxt {

    width:70%;

    padding:40px 15% 40px 15%;

}

.shoquetion {

    color:#2e3192;

    border-bottom:solid#CCCCCC 1px;

    padding:0 0 10px 0;

    border-bottom-style: dashed;

}

.shoanwer {

    padding:10px 0 0 0;

}

.serhlist {

    width:100%;

    box-sizing: border-box;

    border:solid#E5E5E5 1px;

    border-radius:5px;

    display:inline-block;

    margin:10px 0 10px 0;

}

.serhlistgray {

    width:100%;

    box-sizing: border-box;

    border:solid#CCCCCC 1px;

    border-radius:5px;

    display:inline-block;

    margin:0 0 20px 0;

    background-color:#f9f9f9;

}

.serhpic {

    width:25%;

    padding:2%;

    float:left;

}

.serhpic img {

    width:100%;

    height:auto;

    border-radius:5px;

    float:left;

}

.serhtxt {

    width:67%;

    padding:2% 3% 2% 0;

    float:left;

    font-family: 'Sarabun', sans-serif;

    font-size:16px;

    line-height:26px;

}

.serhtxt p {

    width:100%;

    font-size:20px;

    line-height:30px;

    margin:0 0 5px 0;

    display:inline-block;

    font-family: 'Kanit', sans-serif;

}

.serhtxt p a {

    color:#175677;

}

.serhtxt p a:hover {

    color:#d72839;

}

.covdearea {

    width:880px;

    margin:0 10px 20px 10px;

}

.discotail {

    width:100%;

}

.discotail img {

    max-width:100%;

    height:auto;

    border-radius:5px 5px 0 0;

}

.disnamtail {

    width:94%;

    background-color:#333333;

    color:#FFFFFF;

    font-family: 'Kanit', sans-serif;

    float:left;

    padding:15px 3% 15px 3%;

    border-radius:0 0 5px 5px;

}

.disnamtail .shbizname {

    line-height:32px;

    font-size:22px;

    float:left;

    margin:0 7px 5px 0;

}

.disnamtail .icrecomded {

    background-image: linear-gradient(to right, #ed831c , #ed1c24);

    font-size:11px;

    font-style:normal;

    padding:0 10px 0 10px;

    border-radius:3px;

    margin:3px 0 0 0;

    float:left;

}

.disnamtail .shbiztype {

    width:100%;

    font-size:14px;

    line-height:24px;

    display:inline-block;

    color:#999999;

}

.disnamtail .shbizdesc {

    width:100%;

    font-size:16px;

    line-height:26px;

    display:inline-block;

    font-family: 'Sarabun', sans-serif;

    color:#CCCCCC;

}

.serhinsidepa {

    box-sizing: border-box;

    width:98%;

    /* margin:0 1% 15px 1%; */

    margin:0 1% 30px 1%;

    font-family: 'Sarabun', sans-serif;

    background-color:#FCFCFC;

    border:solid#E6E6E6 1px;

    border-radius:5px;

    padding:20px 0 20px 0;

    text-align:center;

    float:left;

}

.serhinlocat {

    box-sizing: border-box;

    width:98%;

    margin:30px 1% 0 1%;

    font-family: 'Sarabun', sans-serif;

    background:#FFFFFF;

    /* border:solid#E6E6E6 1px; */

    border-radius:5px;

    padding:20px 0 20px 0;

    text-align:center;

    float:left;

    --tw-shadow: 0 1px 1px 0 #0000001a,0 0 0 0 #0000000f!important;

    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important;

}

.borderlocateclr {

    border:solid#CCCCCC 1px !important;

}

/* Start Search Franchise Detail */

span.msg,

span.choose {

  color: #555;

  padding: 5px 0 10px;

  display: inherit

}

/*Styling Selectbox*/

.buttsesubmit {

    display: inline-block;

    text-align: left;

    font-size:16px;

    margin:0 5px 0 5px;

}

.buttsesubmit button {

    border:none;

    background-color:#333333;

    color:#FFFFFF;

    font-family: 'Sarabun', sans-serif;

    padding:11px 20px 11px 20px;

    border-radius:3px;

    cursor:pointer;

}

.txtfidfran {

    display:none;

}

.searchfrdropdown {

  width: 300px;

  display: inline-block;

  background-color: #fff;

  border-radius: 5px;

  box-shadow: 0 0 2px rgb(204, 204, 204);

  transition: all .5s ease;

  position: relative;

  font-size: 14px;

  color: #474747;

  height: 100%;

  text-align: left;

  font-size:16px;

  margin:0 5px 0 5px;

}

.searchfrdropdown .select {

    cursor: pointer;

    display: block;

    padding: 10px;

}

.searchfrdropdown .select > i {

    font-size: 13px;

    color: #888;

    cursor: pointer;

    transition: all .3s ease-in-out;

    float: right;

    line-height: 20px

}

.searchfrdropdown:hover {

    box-shadow: 0 0 4px rgb(204, 204, 204)

}

.searchfrdropdown:active {

    background-color: #f8f8f8

}

.searchfrdropdown.active:hover,

.searchfrdropdown.active {

    box-shadow: 0 0 4px rgb(204, 204, 204);

    border-radius: 5px 5px 0 0;

    background-color: #f8f8f8

}

.searchfrdropdown.active .select > i {

    transform: rotate(-180deg)

}

.searchfrdropdown .dropdown-menu {

    position: absolute;

    background-color: #fff;

    width: 100%;

    left: 0;

    margin-top: 1px;

    box-shadow: 0 1px 2px rgb(204, 204, 204);

    border-radius: 0 1px 5px 5px;

    overflow: hidden;

    display: none;

    /* max-height: 144px; */

    overflow-y: auto;

    z-index: 9

}

.searchfrdropdown .dropdown-menu li {

    padding: 10px;

    transition: all .2s ease-in-out;

    cursor: pointer

} 

.searchfrdropdown .dropdown-menu {

    padding: 0;

    list-style: none

}

.searchfrdropdown .dropdown-menu li:hover {

    background-color: #f2f2f2

}

.searchfrdropdown .dropdown-menu li:active {

    background-color: #e2e2e2

}

.searchlocate {

    width: 300px;

    display: inline-block;

    background-color: #fff;

    border-radius: 5px;

    box-shadow: 0 0 2px rgb(204, 204, 204);

    transition: all .5s ease;

    position: relative;

    font-size: 14px;

    color: #474747;

    height: 100%;

    text-align: left;

    font-size:16px;

    margin:0 5px 0 5px;

}

/* End Start Franchise Detail */

/* Location Page */

.shlistlocaton-wh {

    width:278px;

    margin:10px 10px 10px 10px;

    float:left;

    border:solid#e6e6e6 1px;

    border-radius:4px;

    background-color:#FFFFFF;

    box-sizing: border-box;

}

.shlistlocaton-wh .recpic {

    overflow: hidden;

    position: relative;

}

.shlistlocaton-wh .recpic .moreinfo {

    font-family:'Kanit', sans-serif;

    display:block !important;

    position:absolute;

    bottom:0px;

    right:0px;

    text-align:center;

    height:auto;

    padding:7px 10px 7px 10px;

    color:#FFFFFF;

    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.30);

    border-radius:5px 0 0 5px;

}

.shlistlocaton-wh .recpic .recommicon {

    display:block !important;

    position:absolute;

    top:10px;

    left:0px;

    text-align:center;

    width:auto;

    height:auto;

    background: #d72839;

    padding:1px 5px 1px 5px;

    color:#FFFFFF;

    font-size:10px;

    font-family:'Kanit', sans-serif;

    border-radius:0 3px 3px 0;

}

.iconcommu {

    background-image: linear-gradient(to right, #2e3192 , #00ccff) !important;

}

.icondepamen {

    background-image: linear-gradient(to right, #ec1313 , #ecac13) !important;

}

.iconmormarkt {

    background-image: linear-gradient(to right, #f59727 , #e9f527) !important;

}

.iconmixmarkt {

    background-image: linear-gradient(to right, #9c5a3d , #f2be0b) !important;

}

.iconhomemarkt {

    background-image: linear-gradient(to right, #4aa83d , #7eff00) !important;

}

.iconevenmarkt {

    background-image: linear-gradient(to right, #72178c , #fc00ff) !important;

}

.iconmakmarkt {

    background-image: linear-gradient(to right, #ff008a , #fc00ff) !important;

}

.shlistlocaton-wh img {

    width:100%;

    height:auto;

    border-radius:4px 4px 0 0;

    padding:0 0 10px 0;

    float:left;

}

.shlistlocaton-wh .shocate {

    font-style:normal;

    font-size:12px;

    width:100%;

    color:#999999;

    display:inline-block;

    font-family:'Sarabun', sans-serif;

}

.shlistlocaton-wh .shcontxt {

    padding:20px 20px 25px 20px;

}

.shlistlocaton-wh .shcontxt p {

    font-family: 'Kanit', serif;

    padding:0 0 0 0;

    font-size:20px;

}

.shlistlocaton-wh span {

    font-size:16px;

    color:#333333;

    font-family:'Sarabun', sans-serif;

    margin:15px 0 0 0;

    display:inline-block;

}

.shlistlocaton-wh span.loaddr {

    width:100%;

    margin:0 0 0 0;

    font-size:14px;

    color:#666666;

    font-family:'Kanit', sans-serif;

}

.shoreclotio-wh {

    box-sizing: border-box;

    width:18%;

    margin:20px 1% 0 1%;

    float:left;

    border:solid#e6e6e6 1px;

    border-radius:4px;

    background-color:#FFFFFF;

}

.shoreclotio-wh .recpic {

    overflow: hidden;

    position: relative;

}

.shoreclotio-wh .recpic .moreinfo {

    font-family:'Sarabun', sans-serif;

    display:block !important;

    position:absolute;

    bottom:0px;

    right:0px;

    text-align:center;

    height:auto;

    padding:7px 10px 7px 10px;

    color:#FFFFFF;

    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.30);

    border-radius:5px 0 0 5px;

}

.shoreclotio-wh img {

    width:100%;

    height:auto;

    border-radius:4px 4px 0 0;

    padding:0 0 10px 0;

    float:left;

}

.shoreclotio-wh .shcontxt {

    padding:20px 20px 25px 20px;

}

.shoreclotio-wh .shcontxt a {

    color:#333333;

}

.shoreclotio-wh .shcontxt a:hover {

    color:#ee242c;

}

.shoreclotio-wh .shcontxt p {

    font-family:'Sarabun', sans-serif;

    padding:0 0 0 0;

    font-size:18px;

    line-height:26px;

}

.shoreclotio-wh span.loaddr {

    margin:0 0 0 0;

    font-size:14px;

    color:#666666;

}

/* Location Page */

.hlomarplace {

    margin:30px 0 20px 0;

    display:inline-block;

}

.hshowlotionpl-wh {

    width:278px;

    margin:10px 10px 10px 10px;

    float:left;

    border:solid#e6e6e6 1px;

    border-radius:4px;

    background-color:#FFFFFF;

    box-sizing: border-box;

}

.hshowlotionpl-wh .recpic {

    overflow: hidden;

    position: relative;

}

.hshowlotionpl-wh .recpic .moreinfo {

    font-family:'Kanit', sans-serif;

    display:block !important;

    position:absolute;

    bottom:0px;

    right:0px;

    text-align:center;

    height:auto;

    padding:7px 10px 7px 10px;

    color:#FFFFFF;

    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.30);

    border-radius:5px 0 0 5px;

}

.hshowlotionpl-wh img {

    width:100%;

    height:auto;

    border-radius:4px 4px 0 0;

    padding:0 0 10px 0;

    float:left;

}

.hshowlotionpl-wh .shocate {

    font-style:normal;

    font-size:12px;

    width:100%;

    color:#999999;

    display:inline-block;

    font-family:'Sarabun', sans-serif;

}

.hshowlotionpl-wh .shcontxt {

    padding:20px 20px 25px 20px;

}

.hshowlotionpl-wh .shcontxt p {

    font-family: 'Kanit', serif;

    padding:0 0 0 0;

    font-size:20px;

}

.hshowlotionpl-wh span {

    font-size:16px;

    color:#333333;

    font-family:'Sarabun', sans-serif;

    margin:15px 0 0 0;

    display:inline-block;

}

.hshowlotionpl-wh span.loaddr {

    margin:0 0 0 0;

    font-size:14px;

    color:#666666;

    font-family:'Kanit', sans-serif;

}

.frelnews {

    width:100%;

    box-sizing: border-box;

    border:solid#CCCCCC 1px;

    border-radius:5px;

    padding:20px 3% 20px 3%;

    margin:0 0 40px 0;

}

.frelnews h2 {

    font-family: 'Kanit', serif !important;

    font-size: 20px;

    padding: 0 0 0 0;

    color: #2e3192;

    line-height: 30px;

    font-weight: normal;

}

.frelnews p {

    font-family: 'Kanit', serif;

    font-size: 20px;

    padding: 0 0 0 0;

    color: #2e3192;

    line-height: 30px;

}

.frelnews ul {

    list-style-type:none;

    font-size:0px;

    margin:10px 0 0 0;

}

.frelnews ul li {

    display:block;

    font-family:'Sarabun', sans-serif;

    font-size:16px;

    border-top:solid#CCCCCC 1px;

    padding:10px 0 10px 0;

    border-top-style: dashed;

}

.frelnews ul li i {

    color:#ed1c24;

    font-size:12px;

}

.frelnews ul li span {

    color:#999999;

}

.newloadd {

    width:880px;

    box-sizing: border-box;

    border:solid#e6e6e6 1px;

    border-radius:5px;

    padding:20px 3% 20px 3%;

    margin:10px 10px 0 10px;

    background-color:#FFFFFF;

    float:left;

}

.newloadd .hdrnewlo {

    font-family:'Kanit', sans-serif;

    font-size: 22px;

    padding: 0 0 0 0;

    color: #2e3192;

    line-height: 30px;

    float:left;

}

.newloadd .viewallloc {

    float:right;

    font-family: 'Kanit', serif;

    text-align:right;

    margin:10px 0 0 0;

}

.newloadd .viewallloc a {

    color:#818181;

}

.newloadd .viewallloc a:hover {

    color:#d72839;

}

.newloadd ul {

    list-style-type:none;

    font-size:0px;

    margin:20px 0 0 0;

}

.newloadd ul li {

    display:block;

    font-family:'Sarabun', sans-serif;

    font-size:16px;

    border-top:solid#CCCCCC 1px;

    padding:10px 0 10px 0;

    border-top-style: dashed;

}

.newloadd ul li i {

    color:#666666;

    font-size:14px;

}

.newloadd ul li span {

    color:#999999;

}

.addnewloadd {

    text-align:right;

    font-family:'Sarabun', sans-serif;

    margin:30px 0 20px 0;

}

.addnewloadd a {

    background-color:#d72839;

    color:#FFFFFF;

    padding:10px 20px 10px 20px;

    border-radius:3px;

    font-family:'Kanit', sans-serif;

}

.regisbiz {

    margin:30px 0 25px 0;

    font-family:'Sarabun', sans-serif;

    font-size:18px;

}

.regisbiz a {

    background-color:#d72839;

    color:#FFFFFF;

    padding:10px 35px 10px 35px;

    border-radius:3px;

    display:inline-block;

}

.regisweb {

    font-family:'Sarabun', sans-serif;

    font-size:18px;

    margin:0 0 25px 0;

}

.regisweb a {

    background-color:#d72839;

    color:#FFFFFF;

    padding:10px 30px 10px 30px;

    border-radius:3px;

    display:inline-block;

}

.txtregisbetbut {

    font-family:'Sarabun', sans-serif;

    font-size:18px;

    margin:25px 0 25px 0;

    color:#000000;

}

/* Franchise Package */

.shpackarea {

    width:100%;

    display:inline-block;

}

.shpacklist2 {

    box-sizing: border-box;

    width:48%;

    float:left;

    border:solid#E6E6E6 1px;

    margin:1%;

    border-radius:5px;

    padding:0;

}

.shpacklist3 {

    box-sizing: border-box;

    width:31%;

    float:left;

    border:solid#E6E6E6 1px;

    margin:1%;

    border-radius:5px;

    padding:0;

}

.shpacklist4 {

    box-sizing: border-box;

    width:23%;

    float:left;

    border:solid#E6E6E6 1px;

    margin:1%;

    border-radius:5px;

    padding:0;

}

.shpackhead {

    box-sizing: border-box;

    background-color:#f9f9f9;

    border-radius:5px 5px 0 0;

    padding:10px;

}

p.shpackname {

    text-align:center;

    font-family:'Prompt', sans-serif !important;

    color:#d72839 !important;

    font-weight:bold;

    font-size:20px !important;

    line-height:30px !important;

}

p.shpackinvest {

    text-align:center !important;

    font-family:'Sarabun', sans-serif !important;

    color:#000000 !important;

    font-size:18px !important;

    line-height:28px !important;

    font-weight:bold;

}

.shpackarea ul {

    width:90%;

    float:left;

    padding:15px 5% 5px 5%;

    margin:0 0 20px 0;

    font-family:'Sarabun', sans-serif !important;

    font-size:0px;

}

.shpackarea ul li {

    display:block;

    border-top:solid#CCCCCC 1px;

    border-top-style: dotted;

    font-size:16px !important;

    line-height:26px;

    padding:7px 0 7px 0;

}

.shpackarea ul li:first-child {

    border-top:none;

}

.shpackpic {

    margin:0;

    float:left;

}

.shpackpic img {

    max-width:100%;

    height:auto;

    float:left;

}

.shpackdesc {

    padding:15px 10px 15px 10px !important;

    float:left;

    font-family:'Sarabun', sans-serif !important;

    font-size:16px !important;

    line-height:22px !important;

    color:#333333 !important;

}

.shpackitem {

    list-style-type:disc;

    font-family:'Sarabun', sans-serif !important;

    font-size:16px !important;

    line-height:22px !important;

    padding: 0 15px 0 30px;

}

/* Franchise Package */

/* Share Button */

.hdrareain {

    width:100%;

    float:left;

    margin:0;

    padding:0 0 20px 0;

}

.hdrareainfirm {

    width:98%;

    float:left;

    margin:0;

    padding:0 1% 20px 1%;

}

.hdrareainfirmclrbot {

    margin-top:20px;

    padding-bottom:10px;

}

.hdrareaindate {

    width:100%;

    float:left;

    margin:0;

    padding:0;

}

.share-buttons {

    width: 80px;

    padding: 32px 0 0 0;

    box-shadow: 0;

    float:right;

    font-size:12px;

    font-family:'Sarabun', sans-serif !important;

}

.share-buttons a {

    color:#FFFFFF !important;

    background-color:#38539b;

    padding:3px 10px 5px 10px;

    border-radius:3px;

    border:solid#175677 1px;

}

.share-buttons a:hover {

    color:#175677 !important;

    background-color:#FFFFFF;

    padding:3px 10px 5px 10px;

    border-radius:3px;

    border:solid#175677 1px;

}

.hdrshrbut {

    width:80%;

    font-family:'Kanit', sans-serif;

    font-size:28px;

    font-weight:normal;

    padding:24px 0 10px 10px;

    color:#0c0e5f;

    line-height:38px;

    float:left;

}

/* Share Button */

.txtabout {

    font-family:'Sarabun', sans-serif;

    font-size:16px;

    line-height:26px;

}

.txtabout b {

    color:#9b3949;

}

.singeimg img {

    text-align:right;

    border-radius:5px;

}

.concolleft {

    box-sizing: border-box;

    width:29%;

    margin:0 0 0 1%;

    padding:0 1% 0 1%;

    float:left;

    background-color:#bb3250;

    border-radius:5px 0 0 5px;

}

.shcontail {

    width:90%;

    padding:20px 5% 20px 5%;

    color:#FFFFFF;

    font-family:'Sarabun', sans-serif;

    font-size:18px;

    line-height:30px;

}

.shcontail a {

    color:#FFFFFF;

}

.concolright {

    box-sizing: border-box;

    width:70%;

    float:left;

    padding:0 1% 0 1%;

    background-color:#f9f9f9;

    border:0 5px 5px 0;

}

.shconform {

    width:59%;

    margin:0 1% 0 0;

    padding:30px 20% 50px 20%;

    font-family:'Sarabun', sans-serif;

    font-size:16px;

    line-height:26px;

}

.conformrow {

    width:100%;

    padding:0 0 20px 0;

}

.conformrow label {

    width:100%;

    display:inline-block;

    padding:0 0 10px 0;

}

.conformrow label span {

    color:#bb3250;

}

.conformrow input {

    width:100%;

    display:inline-block;

    border:solid#666666 1px;

    padding:5px 10px 5px 10px;

    border-radius:5px;

    font-family:'Sarabun', sans-serif;

    font-size:16px;

    line-height:26px;

}

.conformrow textarea {

    width:100%;

    display:inline-block;

    border:solid#666666 1px;

    padding:5px 10px 5px 10px;

    border-radius:5px;

    font-family:'Sarabun', sans-serif;

    font-size:16px;

    line-height:26px;

}

.conthdline {

    padding:40px 80px 0 80px;

    font-family:'Sarabun', sans-serif;

    font-size:16px;

    line-height:26px;

    margin:0;

}

.cbutsubmt {

    background-color:#175677;

    color:#FFFFFF;

    cursor:pointer;

    width:250px !important;

    padding:7px 10px 7px 10px !important;

}



/* Member Dropdown Menu */

/* Dropdown Button */

.hdrmemberinfo {

    display:inline-block;

}

.ddmbbtn i {

    margin-right:3px;

}

.ddmbbtn {

    border: none;

    background-color:#FFFFFF;

    font-family: 'Sarabun', sans-serif;

    font-size: 14px;

    cursor:pointer;

    border-right:solid#e5e5e5 1px !important;

    line-height:74px;

    padding:0 20px 0 15px;

}

  

/* The container <div> - needed to position the dropdown content */

.ddmeminfo {

    position: relative;

    display: inline-block;

}

  

/* Dropdown Content (Hidden by Default) */

.ddmemcont {

    display: none;

    position: absolute;

    background-color: #FFFFFF;

    min-width: 180px;

    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

    z-index: 9999;

    border:solid#eeeeee 1px;

    right:0px;

}

  

/* Links inside the dropdown */

.ddmemcont a {

    padding:7px 20px 7px 20px;

    margin:0;

    display:block;

    text-align:left;

    font-family: 'Sarabun', sans-serif;

    font-size: 14px;

    line-height:28px;

    border-top:solid#eeeeee 1px;

}

  

/* Change color of dropdown links on hover */

.ddmemcont a:hover {background-color: #175677;color:#FFFFFF;}

  

/* Show the dropdown menu on hover */

.ddmeminfo:hover .ddmemcont {display: block;}



table.enqurbox {

    color:#000000;

    font-size:16px;

    text-align:left;

    padding:0 0 50px 0;

    border: 1px solid #ccc;

    border-collapse: collapse;

    width: 100%;

    margin-bottom:40px;

}

table.enqurbox th.disname {

    width:60%;

    padding: .625em;

    text-align: left;

}

table.enqurbox th.disnumber {

    width:40%;

    padding: .625em;

    text-align: center;

}

table.enqurbox tr {

    background-color: #f8f8f8;

    border: 1px solid #ddd;

    padding: .35em;

}

table.enqurbox td.disname {

    width:60%;

    padding: .625em;

    text-align: left;

}

table.enqurbox td.disnumber {

    width:40%;

    padding: .625em;

    text-align: center;

}

.txcolofree {

    color:#d72839;

    font-weight:bold;

}

.conformarea {

    width:55%;

    background-color:#f9f9f9;

    box-sizing: border-box;

    margin:0 0 0 1%;

    padding:40px;

    float:left;

    border-radius:5px;

}

.conshtxt {

    width:100%;

    box-sizing: border-box;

    margin:0 0 30px 0;

    font-family: 'Sarabun', sans-serif;

    font-size: 18px;

    line-height:30px;

    padding:0;

}

.conshtxt a {

    color:#d72839;

}

.dipconform {

    width:80%;

    margin:0;

    padding:0 5% 0 5%;

    font-family:'Sarabun', sans-serif;

    font-size:16px;

    line-height:26px;

}

.dipformrow {

    width:100%;

    padding:0 0 20px 0;

}

.dipformrow label {

    width:100%;

    display:inline-block;

    padding:0 0 10px 0;

}

.dipformrow label span {

    color:#bb3250;

}

.dipformrow input {

    width:100%;

    display:inline-block;

    border:solid#999999 1px;

    padding:5px 10px 5px 10px;

    border-radius:5px;

    font-family:'Sarabun', sans-serif;

    font-size:16px;

    line-height:26px;

}

.dipformrow textarea {

    width:100%;

    display:inline-block;

    border:solid#999999 1px;

    padding:5px 10px 5px 10px;

    border-radius:5px;

    font-family:'Sarabun', sans-serif;

    font-size:16px;

    line-height:26px;

}

.conaddrarea {

    width:44%;

    box-sizing: border-box;

    margin:0;

    padding:40px 40px 40px 40px;

    float:left;

    font-family: 'sarabun', sans-serif;

}

.conname1 {

    font-size:26px;

    color:#175677;

    line-height:38px;

}

.conname2 {

    font-size:26px;

    color:#175677;

    margin:0 0 20px 0;

    line-height:38px;

}

.conconadrem {

    margin:40px 0 40px 0;

    border-bottom:solid#CCCCCC 1px;

    padding:0 0 15px 0;

    font-size:24px;

}

.conconadrem i {

    margin-right:10px;

}

.contxtgreen {

    color:#35ba00;

}

.contxtgreen a {

    color:#35ba00;

}

.contxtblue {

    color:#4267b2;

}

.contxtblue a {

    color:#4267b2;

}

.contxtred {

    color:#ff0000;

}

.contxtred a {

    color:#ff0000;

}

.contxtorange {

    color:#ff9000;

}

.contxtorange a {

    color:#ff9000;

}

/* Member Dashboard */

.hdrdashboard {

    width:98%;

    box-sizing: border-box;

    margin:0 1% 0 1%;

    float:left;

    border:solid#CCCCCC 1px;

    padding:40px 0 40px 0;

    border-radius:3px;

    font-family: 'sarabun', sans-serif;

}

.hdrdashboard ul {

    font-size:0px;

}

.hdrdashboard ul li {

    font-size:16px;

    width:33.3333%;

    float:left;

    box-sizing: border-box;

    padding:0 40px 0 40px;

    border-right:solid#CCCCCC 1px;

}

.hdrdashboard ul li:last-child {

    border-right:none;

}

.hdrdashboard ul li .disdhinfo {

    width:100%;

    float:left;

}

.hdrdashboard ul li .disdhinfo .colleft {

    width:30%;

    float:left;

}

.hdrdashboard ul li .disdhinfo .colleft i {

    font-size:40px;

    color:#175677;

    margin-top:-5px;

}

.hdrdashboard ul li .disdhinfo .colright {

    width:70%;

    float:left;

    text-align:right;

    font-size:40px;

}

.txtdisppage {

    color:#00c4fc;

    font-family: 'arial', sans-serif;

}

.txtdispsubm {

    color:#fc9a00;

    font-family: 'arial', sans-serif;

}

.txtdispconve {

    color:#d72839;

    font-family: 'arial', sans-serif;

}

.txtdesdb {

    margin:10px 0 0 0;

    float:left;

    color:#333333;

}

.secodstats {

    padding:30px 0 0 0;

}

.secodstatlist {

    width:31.33%;

    margin:0 1% 15px 1%;

    float:left;

    background-color:#FFFFFF;

    border-radius:3px;

    box-sizing: border-box;

    padding:12px;

}

.secodstatlist .topstlin {

    width:100%;

    float:left;

}

.secodstatlist .botstlin {

    width:100%;

    float:left;

    color:#FFFFFF;

    font-family: 'sarabun', sans-serif;

    font-size:16px;

    word-wrap:break-word;

}

.secodstatlist .colleft {

    width:30%;

    float:left;

}

.secodstatlist .colleft i {

    font-size:20px;

    color:#FFFFFF;

}

.secodstatlist .colright {

    width:70%;

    float:left;

    text-align:right;

    font-family: 'arial', sans-serif;

    font-size:18px;

    color:#FFFFFF;

}

.shdshtable {

    width:98%;

    margin:30px 1% 0 1%;

    box-sizing: border-box;

    float:left;

    font-family: 'sarabun', sans-serif;

}

table.listinrest {

    color:#000000;

    font-size:16px;

    text-align:left;

    border: 1px solid #CCCCCC;

    border-collapse: collapse;

    width: 100%;

    background-color:#FFFFFF;

}

table.listinrest th {

    padding: .625em;

    color:#175677;

}

table.listinrest th {

    padding: .625em;

}

table.listinrest tr {

    background-color: #FFFFFF;

    border: 1px solid #CCCCCC;

    padding: .35em;

}

table.listinrest td {

    padding: .625em;

}

table.listinrest td {

    padding: .625em;

}

.dhreviewall {

    float:right;

    margin:30px 0 0 0;

    font-family: 'sarabun', sans-serif;

}

.dhreviewall a {

    background-color:#d72839;

    padding:10px 40px 10px 40px;

    color:#FFFFFF;

    border-radius:3px;

    font-size:16px;

}

.bgdastel {

    background-color:#ffa422;

}

.bgdaswebsit {

    background-color:#da4453;

}

.bgdasfacb {

    background-color:#4267b2;

}

.bgdasinst {

    background-color:#87574a;

}

.bgdasline {

    background-color:#00b900;

}

.bgdasemal {

    background-color:#3bafda;

}



/* Chart Conversion */

.dschartconv {

    width:98%;

    margin:40px 1% 20px 1%;

    background-color:#FFFFFF;

    box-sizing: border-box;

    float:left;

    border:solid#CCCCCC 1px;

    border-radius:3px;

    padding:40px;

}

/* Chart Conversion */

canvas {

    -moz-user-select: none;

    -webkit-user-select: none;

    -ms-user-select: none;

}

.dashcaledar {

    width:60%;

    float:right;

    border:solid#333333 1px;

    padding:10px;

    font-family: 'sarabun', sans-serif;

    border-radius:3px !important;

    text-align:center;

}

.setcalwidth {

    width:75%;

    display:inline-block;

    text-align:center;

    padding:0 2.5% 0 2.5%;

}

.setbutwidth {

    width:20%;

    float:right;

    text-align:center;

}

.setbutwidth button {

    cursor:pointer;

    background-color:#333333;

    border:0px;

    padding:5px 10px 5px 10px;

    color:#FFFFFF;

    border-radius:3px;

}

.pagememintr {

    margin-top:40px;

}

.ediminfo a {

    background-color:#da4453;

    color:#FFFFFF;

    padding:10px 25px 10px 25px;

    float:right;

    border-radius:3px;

}

.membinfo {

    width:98%;

    margin:0 1% 0 1%;

    background-color:#FFFFFF;

    border:solid#CCCCCC 1px;

    box-sizing: border-box;

    padding:30px 0 30px 0;

    font-family: 'sarabun', sans-serif;

    font-size:16px;

}

.membinfo .rowrecmem {

    width:100%;

    padding:10px 0 10px 0;

    display:inline-block;

    border-bottom:solid#CCCCCC 1px;

}

.rowreclast {

    border-bottom:none !important;

}

.membinfo .rowrecmem .colleft {

    width:40%;

    box-sizing: border-box;

    float:left;

    text-align:right;

    padding:0 10px 0 0;

}

.membinfo .rowrecmem .colright {

    width:60%;

    box-sizing: border-box;

    float:left;

    padding:0 0 0 10px;

}

.edinfbox {

    padding:10px 5px 10px 5px;

    border:solid#CCCCCC 1px;

    margin:0;

    display:inline-block;

    border-radius:5px;

    font-family: 'sarabun', sans-serif;

    font-size:16px;

    width:60%;

}

.edtxtpad {

    padding:10px 5px 10px 5px;

    display:inline-block;

}

.edbusumit {

    padding:10px 50px 12px 50px;

    background-color:#da4453;

    color:#FFFFFF;

    font-family: 'sarabun', sans-serif;

    font-size:16px;

    border:none;

    cursor:pointer;

    margin:10px 0 10px 0;

}

.twoaddraea {

    box-sizing: border-box;

    width:100%;

    float:left;

    margin:30px 0 40px 0;

    font-family: 'sarabun', sans-serif;

    font-size:16px;

    line-height:26px;

    border:solid#CCCCCC 1px;

    border-radius:3px;

}

.twoaddraea ul.lisaddrst {

    box-sizing: border-box;

    width:100%;

    float:left;  

    padding:0;

    margin:0;

}

.twoaddraea ul.lisaddrst li {

    width:50%;

    float:left;

    box-sizing: border-box;

    display:inline;

    border-right:solid#CCCCCC 1px;

    padding:30px;

}

.twoaddraea ul.lisaddrst li:last-child {

    border-right:none;

}

a.buttlodmap {

    background-color:#f86f00;

    padding:10px 30px 10px 30px;

    color:#FFFFFF;

    border-radius:5px;

    font-family: 'sarabun', sans-serif;

    font-size:16px;

}

.thayudisp {

    width:100%;

    margin:70px 0 0 0;

}

.thayudisp h1 {

    font-family: 'prompt', sans-serif;

    text-align:center;

    font-size:80px;

}

.thayudisp h2 {

    font-family: 'prompt', sans-serif;

    text-align:center;

    font-size:32px;

    margin:50px 0 0 0;

}

.thayudisplong {

    width:100%;

    margin:70px 0 0 0;

}

.thayudisplong h1 {

    font-family: 'prompt', sans-serif;

    text-align:center;

    font-size:40px;

    line-height:60px;

}

.thayudisplong h2 {

    font-family: 'prompt', sans-serif;

    text-align:center;

    font-size:24px;

    margin:20px 0 0 0;

    line-height:34px;

    font-weight:normal;

}

.loaderthank {

    border: 16px solid #f3f3f3;

    border-radius: 50%;

    border-top: 16px solid #da4453;

    width: 100px;

    height: 100px;

    -webkit-animation: spin 2s linear infinite; /* Safari */

    animation: spin 2s linear infinite;

    margin-left:auto;

    margin-right:auto;

    margin-top:70px;

  }

  

  /* Safari */

  @-webkit-keyframes spin {

    0% { -webkit-transform: rotate(0deg); }

    100% { -webkit-transform: rotate(360deg); }

  }

  

  @keyframes spin {

    0% { transform: rotate(0deg); }

    100% { transform: rotate(360deg); }

  }



.thanklogo {

    text-align:center;

    margin:70px 0 0 0;

}

.thanklogo img {

    width:120px;

    height:auto;

}



/* Writter */

.inswriter {

    width:100%;

    box-sizing: border-box;

    margin:20px 0 35px 0;

    display:inline-block;

}

.inswriter .colleft {

    box-sizing: border-box;

    width:10%;

    display:inline-block;

    padding:0 1% 0 0;

}

.inswriter .colleft img {

    border-radius:50px;

    max-width:90%;

    height:auto;

}

.inswriter .colright {

    box-sizing: border-box;

    width:90%;

    float:right;

    text-align:left;

}

.inswriter .colright p {

    font-family: 'Prompt', sans-serif;

    font-size:18px;

    line-height:28px;

    color:#D72839;

}

.inswriter .colright span {

    font-family: 'Sarabun', sans-serif;

    font-size:14px;

    line-height:24px;

    color:#999999;

}

.pagewriter {

    width:100%;

    box-sizing: border-box;

    margin:40px 0 35px 0;

    display:inline-block;

    padding:0 2% 0 2%;

}

.pagewriter .colleft {

    box-sizing: border-box;

    width:10%;

    display:inline-block;

    padding:0 1% 0 0;

}

.pagewriter .colleft img {

    border-radius:50%;

    max-width:90%;

    height:auto;

}

.pagewriter .colright {

    box-sizing: border-box;

    width:90%;

    float:right;

    text-align:left;

}

.pagewriter .colright h1 {

    font-family: 'Kanit', sans-serif;

    font-size:28px;

    line-height:38px;

    color:#000000;

    font-weight:normal;

}

.pagewriter .colright p {

    font-family: 'Prompt', sans-serif;

    font-size:22px;

    line-height:32px;

    color:#D72839;

}

.pagewriter .colright span {

    width:100%;

    display:inline-block;

    font-family: 'Sarabun', sans-serif;

    font-size:16px;

    line-height:26px;

    color:#333333;

}

/* Cookie Inform */

.cookiealert {

    position: fixed;

    bottom: 0;

    left: 0;

    width: 100%;

    margin: 0 !important;

    z-index: 999;

    opacity: 0;

    border-radius: 0;

    background:rgba(0, 0, 0, 0.7);

    transform: translateY(100%);

    transition: all 500ms ease-out;

    color: #CCCCCC;

    font-family: 'Prompt', sans-serif !important;

    text-align:center;

    font-size:12px;

    padding:5px 0 5px 0;

}

.cookiealert.show {

    opacity: 1;

    transform: translateY(0%);

    transition-delay: 1000ms;

    font-family: 'Prompt', sans-serif !important;

}

.cookiealert a {

    text-decoration: underline;

    font-family: 'Prompt', sans-serif !important;

    color:#FFFFFF;

}

.cookiealert .acceptcookies {

    margin-left: 10px;

    vertical-align: baseline;

    font-family: 'Prompt', sans-serif !important;

    background:none;

    border:solid#FFFFFF 2px;

    color:#FFFFFF;

    cursor:pointer;

    padding-left:10px;

    padding-right:10px;

}

/* Cookie Inform */

/* Page 404 */

.ntfdleft {

    box-sizing: border-box;

    width:60%;

    display:inline-block;

    padding:70px 2% 0 2%;

}

.ntfdright {

    box-sizing: border-box;

    width:40%;

    float:right;

    padding:70px 2% 0 2%;

}

.ntfdright h2 {

    box-sizing: border-box;

    font-weight:normal;

    font-size:20px;

    line-height:30px;

    color:#FFFFFF;

    background-color:#666666;

    font-family: 'Sarabun', sans-serif;

    padding:10px 30px 10px 30px;

    border-radius:5px 5px 0 0;

}

.ntfdright .popdpage {

    box-sizing: border-box;

    width:100%;

    padding:30px;

    background-color:#F9F9F9;

    border-radius:0 0 5px 5px;

    font-family: 'Sarabun', sans-serif;

}

.ntfdright .popdpage ul {

    margin:0 0 0 0;

    font-size:0px;

}

.ntfdright .popdpage ul li {

    display:block;

    font-size:18px;

    line-height:30px;

    padding:5px 0 5px 0;

    border-top:solid#000000 1px;

    border-top-style:dotted;

}

.ntfdright .popdpage ul li i {

    color:#CCCCCC;

    margin-right:10px;

}

.ntfdright .popdpage ul li:first-child {

    border-top:none;

}

.logoblank {

    text-align:center;

    margin:50px 0 0 0;

}

.logoblank img {

    width:170px;

    height:auto;

}

.pagenotdisp {

    width:100%;

    margin:30px 0 0 0;

}

.pagenotdisp h1 {

    text-align:center;

    font-size:120px;

    font-weight:normal;

}

.pagenotdisp h2 {

    font-family: 'prompt', sans-serif;

    text-align:center;

    font-size:32px;

    margin:60px 0 0 0;

    font-weight:normal;

}

.bbakhome {

    text-align:center;

    margin:40px 0 0 0;

}

.bbakhome a {

    display:inline-block;

    text-align:center;

    width:200px;

    font-family: 'prompt', sans-serif;

    background-color:#d72839;

    color:#FFFFFF;

    padding:12px 30px 12px 30px;

    font-size:20px;

    border-radius:30px;

}

/* Page 404 */

.footcol span a {

    word-wrap:break-word;

}

.footcol ul li a {

    word-wrap:break-word;

}

/* Banner Stats */

.hdrbanerst {

    font-family: 'Kanit', sans-serif;

    font-weight:normal;

    font-size:24px;

    line-height:34px;

    padding:0 0 20px 1%;

}

.bannerstats {

    width:100%;

    margin:40px 0 0 0;

    display:inline-block;

}

.hdrlnkst {

    font-family: 'Kanit', sans-serif;

    font-weight:normal;

    font-size:24px;

    line-height:34px;

    padding:0 0 20px 1%;

}

.dpbannelist {

    box-sizing: border-box;

    padding:15px 20px 15px 20px;

    width:98%;

    margin:0 1% 20px 1%;

    float:left;

    background-color:#333333;

    border-radius:3px;

    box-sizing: border-box;

    color:#FFFFFF;

    text-align:center;

    font-family: 'Arial', sans-serif;

}

.dpbannelist .bacolleft {

    box-sizing: border-box;

    width:40%;

    display:inline-block;

    border-right:solid#666666 1px;

}

.dpbannelist .bacolleft p {

    width:100%;

    display:inline-block;

    font-size:16px;

    line-height:26px;

    text-transform: uppercase;

    text-align:left !important;

}

.dpbannelist .bacolright {

    box-sizing: border-box;

    width:60%;

    float:right;

}

.dpbannelist .bacolright .shobaimp {

    box-sizing: border-box;

    width:70%;

    display:inline-block;

    padding:0 20px 0 20px;

    border-right:solid#666666 1px;

}

.dpbannelist .bacolright .shobaimp p {

    width:100%;

    display:inline-block;

    font-size:16px;

    line-height:26px;

    text-align:center;

    word-wrap:break-word;

}

.dpbannelist .bacolright .shobacick {

    box-sizing: border-box;

    width:30%;

    float:right;

    padding:0 20px 0 20px;

}

.dpbannelist .bacolright .shobacick p {

    width:100%;

    display:inline-block;

    font-size:16px;

    line-height:26px;

    text-align:center;

    word-wrap:break-word;

}

.banerlistst {

    width:31.33%;

    margin:0 1% 20px 1%;

    float:left;

    background-color:#FFFFFF;

    border-radius:3px;

    box-sizing: border-box;

    border:solid#CCCCCC 1px;

}

.banntyenme {

    background-color:#d72839;

    color:#FFFFFF;

    text-align:center;

    padding:2px 0 2px 0;

    border-radius:3px 3px 0 0;

    font-family: 'Prompt', sans-serif;

    font-size:18px;

    line-height:40px;

}

.bannrect {

    background-color:#9a27c5;

}

.bannsticy {

    background-color:#eda200;

}

.bannimp {

    box-sizing: border-box;

    width:100%;

    padding:10px 5% 10px 5%;

    border-bottom:solid#CCCCCC 1px;

    font-family: 'Sarabun', sans-serif;

    font-size:18px;

    line-height:28px;

}

.bannimpleft {

    width:50%;

    display:inline-block;

}

.bannimpright {

    width:50%;

    float:right;

    text-align:right;

}

.banncli {

    box-sizing: border-box;

    width:100%;

    padding:10px 5% 10px 5%;

    font-family: 'Sarabun', sans-serif;

    font-size:18px;

    line-height:28px;

}

.baanclileft {

    width:50%;

    display:inline-block;

}

.baancliright {

    width:50%;

    float:right;

    text-align:right;

}

.whiteblink {

    animation:blinkingText 1s infinite;

}

@keyframes blinkingText{

    0%{     color: #FFFFFF;    }

    49%{    color: #FFFFFF; }

    60%{    color: transparent; }

    99%{    color:transparent;  }

    100%{   color: #FFFFFF;    }

}



/* Start Homepage Clip */

.full-home-vid {

    width:100%;

    background-color:#3d2d2d;

    color:#FFFFFF;

    padding:45px 0 40px 0;

    float:left;

}

.full-home-vid h4 {

    font-family:'Prompt', sans-serif;

    font-size:26px;

    font-weight:normal;

    padding-bottom:25px;

    color:#FFFFFF;

}

.full-home-vid h4 i {

    color:#ff9000;

}

.full-home-vid .viewallnews a {

    background-color:#ff9c00;

    padding:7px 30px 7px 30px;

    color:#FFFFFF;

    border-radius:30px;

}

.full-home-vid .viewallnews a:hover {

    background-color:#d72839;

    padding:7px 30px 7px 30px;

    color:#FFFFFF;

    border-radius:30px;

}

.home-vid-area {

    box-sizing: border-box;

    width:100%;

    padding:10px 0 0 0;

}

.vidmapage {

    box-sizing: border-box;

    width:100%;

    padding:0;

}

.home-vid-left {

    box-sizing: border-box;

    width:67%;

    display:inline-block;

    padding:0 1% 0 1%;

}

.main-vid-left {

    box-sizing: border-box;

    display:inline-block;

    width:64%;

    padding:0;

}

.main-vid-left .shbizname {

    font-size:18px;

    line-height:26px;

}

.home-vid-right {

    box-sizing: border-box;

    width:33%;

    float:right;

    padding:0 1% 0 1%;

}

.main-vid-right {

    box-sizing: border-box;

    width:36%;

    padding:0;

    float:right;

}

.homhivdo .shpic {

    overflow: hidden;

    position: relative;

}

.homhivdo .shpic img {

    width:100%;

    height:auto;

    border-radius:5px;

}

.homhivdo .shpic .shinfo {

    box-sizing: border-box;

    display:block !important;

    position:absolute;

    width:100%;

    padding:20px;

    bottom:0px;

    left:0px;

    background-color: rgba(0, 0, 0, 0.7);

    color:#FFFFFF;

    border-radius:0 0 5px 5px;

}

.homhivdo .shpic .shinfo p {

    font-family: 'Prompt', sans-serif;

    font-size:20px;

    font-weight:normal;

    line-height:30px;

}

.homhivdo .shpic .shinfo p i {

    color:#ff9000;

}

.homhivdo .shpic .shinfo span {

    font-family:'Prompt', sans-serif;

    color:#ff9000;

    font-size:18px;

    line-height:26px;

}

.mainhivdo .shpic {

    overflow: hidden;

    position: relative;

}

.mainhivdo .shpic img {

    width:100%;

    height:auto;

    border-radius:5px;

}

.mainhivdo .shpic .shinfo {

    box-sizing: border-box;

    display:block !important;

    position:absolute;

    width:100%;

    padding:20px;

    bottom:0px;

    left:0px;

    background-color: rgba(0, 0, 0, 0.7);

    color:#FFFFFF;

    border-radius:0 0 5px 5px;

}

.mainhivdo .shpic .shinfo p {

    font-family: 'Prompt', sans-serif;

    font-size:20px;

    font-weight:normal;

    line-height:30px;

}

.mainhivdo .shpic .shinfo p i {

    color:#ff9000;

}

.mainhivdo .shpic .shinfo span {

    font-family:'Prompt', sans-serif;

    color:#ff9000;

    font-size:18px;

    line-height:26px;

}

.mainhivdo .disnamtail i {

    color:#ff9000;

}

.home-levid-list {

    width:100%;

    padding:0 0 4% 0;

}

.home-levid-list img {

    width:100%;

    height:auto;

}

.home-levid-list .shpic {

    overflow: hidden;

    position: relative;

}

.home-levid-list .shpic img {

    width:100%;

    height:auto;

    border-radius:5px;

}

.home-levid-list .shpic .shinfo {

    box-sizing: border-box;

    display:block !important;

    position:absolute;

    width:100%;

    padding:15px;

    bottom:0px;

    left:0px;

    background-color: rgba(0, 0, 0, 0.7);

    color:#FFFFFF;

    border-radius:0 0 5px 5px;

}

.home-levid-list .shpic .shinfo p {

    font-family: 'Prompt', sans-serif;

    font-size:18px;

    font-weight:normal;

    line-height:26px;

}

.home-levid-list .shpic .shinfo p i {

    color:#ff9000;

}

.home-levid-list .shpic .shinfo span {

    font-family:'Prompt', sans-serif;

    color:#ff9000;

    font-size:18px;

    line-height:26px;

}

.main-levid-list {

    width:100%;

    padding:0 0 2% 2%;

}

.main-levid-list img {

    width:100%;

    height:auto;

}

.main-levid-list .shpic {

    overflow: hidden;

    position: relative;

}

.main-levid-list .shpic img {

    width:100%;

    height:auto;

    border-radius:5px;

}

.main-levid-list .shpic .shinfo {

    box-sizing: border-box;

    display:block !important;

    position:absolute;

    width:100%;

    padding:10px;

    bottom:0px;

    left:0px;

    background-color: rgba(0, 0, 0, 0.7);

    color:#FFFFFF;

    border-radius:0 0 5px 5px;

}

.main-levid-list .shpic .shinfo p {

    font-family: 'Prompt', sans-serif;

    font-size:16px;

    font-weight:normal;

    line-height:24px;

}

.main-levid-list .shpic .shinfo p i {

    color:#ff9000;

}

.main-levid-list .shpic .shinfo span {

    font-family:'Kanit', sans-serif;

    color:#FFFFFF;

    font-size:12px;

    background-color:#f30039;

    border-radius:10px;

    padding:0 8px 0 8px;

}

.home-right-vlist {

    box-sizing: border-box;

    width:50%;

    padding:10px 3% 10px 3%;

    float:left;

}

.home-right-vlist img {

    max-width:100%;

    height:auto;

    border-radius:5px;

}

.home-right-vlist p {

    box-sizing: border-box;

    padding:5px 1% 0 1%;

    font-family: 'Kanit', serif;

    font-size:18px;

    line-height:28px;

    color:#e5e5e5;

}

/* End Homepage Clip */

/* Start Food */

.full-home-food {

    width:100%;

    background-color:#f6cb00;

    color:#FFFFFF;

    padding:50px 0 50px 0;

    float:left;

}

.full-home-food h4 {

    font-family:'Prompt', sans-serif;

    font-size:26px;

    font-weight:normal;

    padding-bottom:25px;

    color:#FFFFFF;

}

.full-home-food .viewallnews a {

    background-color:#d72839;

    padding:7px 30px 7px 30px;

    color:#FFFFFF;

    border-radius:30px;

}

.full-home-food .viewallnews a:hover {

    background-color:#FFFFFF;

    padding:7px 30px 7px 30px;

    color:#000000;

    border-radius:30px;

}

.homefoodarea {

    width:100%;

    box-sizing: border-box;

    padding:0 1% 0 1%;

}

.homefoodarea .hfaleft {

    box-sizing: border-box;

    width:50%;

    display:inline-block;

    padding:10px 1% 10px 0;

}

.homefoodarea .hfaleft .hilifood {

    box-sizing: border-box;

    width:100%;

    float:left;

    padding:1% 0 1% 0;

}

.homefoodarea .hfaleft .hilifood img {

    width:100%;

    height:auto;

    border-radius:5px;

}

.homefoodarea .hfaright {

    box-sizing: border-box;

    width:50%;

    float:right;

    padding:10px 0 10px 0;

}

.homefoodarea .hfaright .hilifood {

    box-sizing: border-box;

    width:49%;

    float:left;

    padding:1%;

}

.homefoodarea .hfaright .hilifood img {

    width:100%;

    height:auto;

    border-radius:5px;

}

.hilifood .shpic {

    overflow: hidden;

    position: relative;

}

.hilifood .shpic img {

    width:100%;

    height:auto;

    border-radius:5px;

}

.hilifood .shpic .shinfo {

    box-sizing: border-box;

    display:block !important;

    position:absolute;

    width:100%;

    padding:15px;

    bottom:0px;

    left:0px;

    background-color: rgba(0, 0, 0, 0.7);

    color:#FFFFFF;

    border-radius:0 0 5px 5px;

}

.hilifood .shpic .shinfo p {

    font-family: 'Prompt', sans-serif;

    font-size:20px;

    font-weight:normal;

    line-height:30px;

}

.hilifood .shpic .shinfo p i {

    color:#ff9000;

}

.hilifood .shpic .shinfo span {

    font-family:'Sarabun', sans-serif;

    color:#CCCCCC;

    font-size:14px;

    line-height:22px;

}

.hfaright .hilifood .shpic .shinfo {

    padding:10px;

}

.hfaright .hilifood .shpic .shinfo p {

    font-size:16px !important;

    line-height:24px !important;

}



/* End Food */



.chekfom {

    margin:10px 0 10px 0;

    display:inline-block;

}

.prmpopup {

    width:100%;

    display:inline-block;

    box-sizing:border-box;

    color:#000000;

    text-align:left;

}

.prmpopup input {

    width:20px;

    text-align:left !important;

    display:inline-block;

    height:auto !important;

}

/* New Category Page */

.col4rank {

    width:100%;

    border:solid#CCCCCC 1px;

    border-radius:3px;

}

.hdrrakarea {

    box-sizing: border-box;

    width:100%;

    padding:15px 20px 20px 20px;

    border-radius:3px 3px 0 0;

}

.hdrbizrank {

    color:#FFFFFF;

    font-family: 'Kanit', sans-serif;

    font-weight:normal;    

    font-size:20px;

    line-height:30px;

}

.hdrremak {

    color:#FFFFFF;

    font-size:14px;

    font-family: 'Sarabun', sans-serif;

    font-style:italic;

    opacity: 0.7;

}

.bgrakfran {

    background-color:#d72839;

}

.bgrakgrn {

    background-color:#1fa1a0;

}

.bgrabrn {

    background-color:#b0906f;

}

.bgrakclip {

    background-color:#000000;

}

.bgrakfood {

    background-color:#fe9a01;

}

.bizlirak {

    width:100%;

    padding:0;

}

.bizlirak ul {

    font-size:0px;

}

.bizlirak ul li {

    font-family: 'Sarabun', sans-serif;

    border-top:solid#CCCCCC 1px;

    padding:20px 15px 20px 15px;

    display:inline-block;

    font-size:16px;

}

.bizlirak ul li:first-child {

    border-top:none;

}

.bizlirak ul li .shimg {

    box-sizing: border-box;

    width:30%;

    display:inline-block;

}

.bizlirak ul li .shimg img {

    width:100%;

    height:auto;

    border-radius:3px;

}

.bizlirak ul li .shinfo {

    box-sizing: border-box;

    width:70%;

    float:right;

    padding:0 0 0 20px;

}

.bizlirak ul li .shinfo p {

    font-family: 'Sarabun', sans-serif;

    text-align:left !important;

    font-size:16px;

    line-height:24px;

}

.bizlirak ul li .shinfo p i {

    color:#fe9a01;

}

.bizlirak .ratenumber {

    font-size:12px !important;

    color:#666666 !important;

    border:solid#999999 1px;

    border-radius:3px;

    padding:0 5px 1px 5px;

}

.bizlirak .investstart {

    font-size:14px !important;

    color:#666666 !important;

}

.viwallrak {

    box-sizing: border-box;

    width:100%;

    float:right;

    text-align:right;

    border-radius:0 0 3px 3px;

    padding:10px 20px 10px 20px;

    font-family: 'Kanit', sans-serif;

    font-size:16px;

    font-style:italic;

}

.viwallrak a {

    color:#d72839;

}

.viwallrak a:hover {

    color:#fe9a01;

}

.full-smemakemoney {

    width:100%;

    /* background-color:#F9F9F9; */

    padding:20px 0 50px 0;

    display:inline-block;

    margin:0;

}

.smemmarea {

    box-sizing: border-box;

    width:100%;

    padding:0 1% 0 1%;

}

.smemmarea .shosmmara {

    box-sizing: border-box;

    width:100%;

    margin:40px 0 0 0;

}

.smemmarea .shosmmara .ssmmcotent {

    box-sizing: border-box;

    width:96%;

    margin:0 2% 0 2%;

    float:left;

    font-family: 'Sarabun', sans-serif;

}

.smemmarea .shosmmara .ssmmcotent p {

    font-weight:bold;

    font-size:18px;

    line-height:26px;

    font-family: 'Prompt', sans-serif;

    margin:0;

}

.smemmarea .shosmmara .ssmmcotent span {

    font-family: 'Sarabun', sans-serif;

    font-size:14px;

    line-height:22px;

    margin:10px 20px 0 0;

    display:inline-block;

    color:#9c9b99;

}

.smemmarea .shosmmara .ssmmcotent span i {

    color:#f7ad45;

    margin-right:5px;

}

.smemmarea .shosmmara .ssmmcotent a {

    color:#333333;

}

.smemmarea .shosmmara .ssmmcotent a:hover {

    color:#ffa200;

}

.smemmarea .shosmmara .ssmmcotent ul {

    margin:0;

    padding:0;

    border-bottom:solid#ffe0a9 1px;

    border-top:solid#ffe0a9 1px;

}

.smemmarea .shosmmara .ssmmcotent ul li {

    width:100%;

    box-sizing: border-box;

    display:inline-block;

    border-bottom:solid#ffe0a9 1px;

    padding:30px 20px 30px 20px;

}

.smemmarea .shosmmara .ssmmcotent ul li:first-child {

    border-top:0px;

}

.smemmarea .shosmmara .ssmmcotent ul li:last-child {

    border-bottom:0px;

}

.ssmmmain {

    box-sizing: border-box;

    width:100%;

    margin:0;

    float:left;

    font-family: 'Sarabun', sans-serif;

}

.ssmmmain p {

    font-size:18px;

    line-height:26px;

    font-family: 'Kanit', sans-serif;

    margin:0;

}

.ssmmmain span {

    font-family: 'Sarabun', sans-serif;

    font-size:14px;

    line-height:22px;

    margin:15px 20px 0 0;

    display:inline-block;

    color:#9c9b99;

}

.ssmmmain span i {

    color:#f7ad45;

    margin-right:5px;

}

.ssmmmain span.dispsmetype {

    color:#666666;

    padding:2px 10px 4px 10px;

    border-radius:3px;

    margin:15px 0 0 0;

    border:solid#666666 1px;

}

.bgsmetype1 {

    background-color:#cb646c;

}

.bgsmetype2 {

    background-color:#7f6550;

}

.bgsmetype3 {

    background-color:#f77d42;

}

.ssmmmain a {

    color:#000000;

}

.ssmmmain a:hover {

    color:#ffa200;

}

.ssmmmain ul {

    margin:0;

    padding:0;

    border-bottom:solid#ffc600 1px;

    border-top:solid#ffc600 1px;

}

.ssmmmain ul li {

    width:100%;

    box-sizing: border-box;

    display:inline-block;

    border-bottom:solid#ffc600 1px;

    padding:40px 10px 40px 10px;

}

.ssmmmain ul li:first-child {

    border-top:0px;

}

.ssmmmain ul li:last-child {

    border-bottom:0px;

}

.padpagessm {

    margin-top:50px !important;

    display:inline-block;

}

.smemmarea h2 {

    width:70%;

    font-weight:normal;

    display:inline-block;

    box-sizing: border-box;

    font-family: 'Prompt', sans-serif;

    color:#d72839;

    font-size:24px;

}

.smemmarea .viewallsmm {

    width:30%;

    box-sizing: border-box;

    float:right;

    text-align:right;

    font-family: 'Sarabun', sans-serif;

}

.smemmarea .viewallsmm a {

    border-radius:5px;

    /* border:solid#CCCCCC 1px; */

    padding:10px 20px 10px 20px;

    color:#FFFFFF;

    font-size:12px;

    background-color:#d72839;

}

.smmmesarea {

    width:100%;

    box-sizing: border-box;

}

.smmmesarea .smmdipstxt {

    width:80%;

    display:inline-block;

}

.smmmesarea .smmdipsimg {

    width:20%;

    float:right;

}

.smmmesarea .smmdipsimg img {

    max-width:70%;

    height:auto;

    float:right;

    border-radius:10px;

}

.full-biz-rec {

    width:100%;

    /* background-color:#3d2d2d; */

    background-color:#F1F1F1;

    color:#FFFFFF;

    padding:30px 0 30px 0;

    float:left;

    margin:10px 0 20px 0;

}

.full-home-locate {

    width:100%;

    display:inline-block;

    box-sizing:border-box;

}

.holoctlst {

    box-sizing: border-box;

    width:33.33%;

    float:left;

    padding:1%;

}

.holoctlst img {

    width:100%;

    height:auto;

    border-radius:5px;

}

.holoctlst .shpic {

    overflow: hidden;

    position: relative;

}

.holoctlst .shpic .shinfo {

    box-sizing: border-box;

    display:block !important;

    position:absolute;

    width:100%;

    padding:0;

    bottom:0px;

    left:0px;

    background-color: rgba(0, 0, 0, 0.7);

    color:#FFFFFF;

    border-radius:0 0 5px 5px;

}

.holoctlst .shpic .recommicon {

    display:block !important;

    position:absolute;

    top:15px;

    left:0px;

    text-align:center;

    width:auto;

    height:auto;

    background: #d72839;

    padding:2px 10px 3px 10px;

    color:#FFFFFF;

    font-size:11px;

    font-family:'Kanit', sans-serif;

    border-radius:0 5px 5px 0;

}

.holoctlst .shpic .recommicon i {

    margin:0 5px 0 0;

}

.holoctlst .removbgblk {

    width:100%;

    box-sizing:border-box;

    background: linear-gradient(0deg, rgba(0,0,0,1), transparent) !important;

    background-color:none !important;

    padding:10px !important;

}

.holoctlst .shpic .shinfo .shnurk {

    box-sizing: border-box;

    width:10%;

    font-family: 'Prompt', sans-serif;

    font-size:20px;

    font-weight:normal;

    color:#FFFFFF;

    line-height:26px;

    display:inline-block;

    text-align:center;

    background-color: rgba(254, 154, 1, 1);

    border-radius:0 0 0 5px;

    padding:10px;

}

.holoctlst .shpic .shinfo .shnaclip {

    box-sizing: border-box;

    width:90%;

    font-family:'Prompt', sans-serif;

    color:#FFFFFF;

    font-size:16px;

    line-height:24px;

    float:right;

    padding:10px;

}

.holoctlst .shpic .shinfo .shloctxt {

    box-sizing: border-box;

    width:100%;

    font-family:'Prompt', sans-serif;

    color:#FFFFFF;

    font-size:16px;

    line-height:24px;

    float:right;

    padding:5px 10px 5px 10px;

}

.holoctlst .shloctxt .locaname {

    width:100%;

    display:inline-block;

    box-sizing:border-box;

    font-weight:bold;

}

.holoctlst .shloctxt .locaprce {

    background:#FFFFFF;

    color:#000000;

    display:inline-block;

    font-size:12px;

    border-radius:5px;

    padding:0 10px 0 10px;

    line-height:22px;

    margin:7px 0 0 0;

}

.holoctlst .shpic .shinfo .shnaclip i {

    color:#fe9a01;

}













.full-bg-main-food {

    background-color:#f6cb00 !important;

}

.full-biz-foodb {

    background-image: linear-gradient(#ffdb3b, #fcb21b);

}

.full-bg-main-location {

    background-color:#FFFFFF !important;

    padding:0 !important;

}

.descreclocate {

    text-align:center;

    color:#999999;

    font-family:'Sarabun', sans-serif;

}

.editorcho {

    box-sizing: border-box;

    width:33%;

    display:inline-block;

    padding:0 1% 0 1%;

}

.editorcho img {

    width:100%;

    height:auto;

    border-radius:5px;

}

.taokaecho {

    box-sizing: border-box;

    width:50%;

    float:right;

    padding:0 1% 0 1%;

}

.taokaecho img {

    width:100%;

    height:auto;

    border-radius:5px;

}

.editorcho .shpic {

    overflow: hidden;

    position: relative;

}

.editorcho .shpic .shinfo {

    box-sizing: border-box;

    display:block !important;

    position:absolute;

    width:100%;

    padding:10px 20px 10px 20px;

    bottom:0px;

    left:0px;

    background-color: rgba(0, 0, 0, 0.7);

    color:#FFFFFF;

    border-radius:0 0 5px 5px;

}

.editorcho .shpic .shinfo p {

    font-family: 'Prompt', sans-serif;

    font-size:18px;

    font-weight:normal;

    color:#fe9a01;

    line-height:26px;

}

.editorcho .shpic .shinfo span {

    font-family:'Prompt', sans-serif;

    color:#FFFFFF;

    font-size:16px;

    line-height:24px;

}

.editorcho .shpic .shinfo span i {

    color:#fe9a01;

}

.topicmavdo {

    font-size:18px !important;

    line-height:26px !important;

}

.topicmavdo a i {

    color:#fe9a01 !important;

}

.topichvdo a i {

    color:#fe9a01 !important;

}

/* New Category Page */



/* Clip */

.hiliclip {

    width:100%;

}

/* Clip */



/* Food Main Page */

.maifodarea {

    box-sizing: border-box;

    width:100%;

}

.maifodleft {

    box-sizing: border-box;

    width:64%;

    display:inline-block;

}

.maifodleft img {

    width:100%;

    height:auto;

}

.maifodright {

    box-sizing: border-box;

    width:36%;

    float:right;

    padding:0 0 0 2%;

}

.hilifdname {

    margin:0 !important;

    font-size: 18px !important;

    line-height: 26px !important;

}

.hilmidfod {

    box-sizing: border-box;

    width:100%;

    padding:0 0 7% 0;

}

.hilmidfod img {

    width:100%;

    height:auto;

    border-radius:5px;

}

.hilmidfod .shpic {

    overflow: hidden;

    position: relative;

}

.hilmidfod .shpic .shinfo {

    box-sizing: border-box;

    display:block !important;

    position:absolute;

    width:100%;

    padding:10px;

    bottom:0px;

    left:0px;

    background-color: rgba(0, 0, 0, 0.7);

    color:#FFFFFF;

    border-radius:0 0 5px 5px;

}

.hilmidfod .shpic .shinfo p {

    font-family: 'Prompt', sans-serif;

    font-size:16px;

    font-weight:normal;

    color:#FFFFFF;

    line-height:24px;

}

.hilmidfod .shpic .shinfo span {

    font-family:'Kanit', sans-serif;

    color:#FFFFFF;

    font-size:12px;

    background-color:#f30039;

    border-radius:10px;

    padding:0 8px 0 8px;

}

.hilmidfod .shpic .shinfo span i {

    color:#fe9a01;

}

/* Food Main Page */



.forchimg {

    width:100%; /*container-width*/

    overflow: hidden; /*hide bounds of image */

    margin:0; /*reset margin of figure tag*/

 }

 .forchimg img{

    display:block; /*remove inline-block spaces*/  

    margin:-20% 0 -20% 0;

   width:100%;

 }



 /* News New Theme */

.hilhnews {

    box-sizing: border-box;

    width:100%;

    padding:0 1% 0 1%;

}

.hilhnews .colleft {

    box-sizing: border-box;

    width:50%;

    display:inline-block;

}

.hilhnews .colleft img {

    width:100%;

    height:auto;

    border-radius:5px 5px 0 0;

}

.hilhnews .shpic {

    overflow: hidden;

    position: relative;

}

.hilhnews .shpic .shinfo {

    box-sizing: border-box;

    display:block !important;

    position:absolute;

    width:100%;

    padding:20px;

    bottom:0px;

    left:0px;

    background-color: rgba(0, 0, 0, 0.7);

    color:#FFFFFF;

    border-radius:0 0 5px 5px;

}

.hilhnews .shpic .shinfo p {

    font-family: 'Prompt', sans-serif;

    font-size:20px;

    font-weight:normal;

    color:#FFFFFF;

    line-height:28px;

}

.hilhnews .shpic .shinfo span {

    font-family:'Kanit', sans-serif;

    color:#FFFFFF;

    font-size:14px;

    line-height:22px;

}

.hilhnews .shpic .shinfo span i {

    color:#fe9a01;

}

.hilhnews .colright {

    box-sizing: border-box;

    width:50%;

    float:right;

}

.hilhnews .colright img {

    width:100%;

    height:auto;

    border-radius:5px;

}

.hilhnews .colright .colrighttop {

    box-sizing: border-box;

    width:100%;

    padding:0 2% 0 2%;

}

.hilhnews .colright .colrighttom {

    box-sizing: border-box;

    width:100%;

}

.hilhnews .colright .colrighttom .dibolefnew {

    box-sizing: border-box;

    width:50%;

    float:left;

    padding:2% 2% 0 2%;

}

 /* News New Theme */



 /* Rank Main Clip */

 .full-ranknum {

    width:100%;

    background-color:#3d2d2d; 

    /* background-color:#F1F1F1; */

    color:#FFFFFF;

    padding:40px 0 40px 0;

    float:left;

    margin:10px 0 20px 0;

}

.shranknum {

    box-sizing: border-box;

    width:32.9%;

    display:inline-block;

    padding:0 1% 0 1%;

}

.shranknum img {

    width:100%;

    height:auto;

    border-radius:5px;

}

.shranknum .shpic {

    overflow: hidden;

    position: relative;

}

.shranknum .shpic .shinfo {

    box-sizing: border-box;

    display:block !important;

    position:absolute;

    width:100%;

    padding:0;

    bottom:0px;

    left:0px;

    background-color: rgba(0, 0, 0, 0.7);

    color:#FFFFFF;

    border-radius:0 0 5px 5px;

}

.shranknum .shpic .recommicon {

    display:block !important;

    position:absolute;

    top:20px;

    left:0px;

    text-align:center;

    width:auto;

    height:auto;

    background: #d72839;

    padding:2px 10px 3px 10px;

    color:#FFFFFF;

    font-size:12px;

    font-family:'Kanit', sans-serif;

    border-radius:0 5px 5px 0;

}

.shranknum .shpic .recommicon i {

    margin:0 5px 0 0;

}

.removbgblk {

    width:100%;

    box-sizing:border-box;

    background: linear-gradient(0deg, rgba(0,0,0,1), transparent) !important;

    background-color:none !important;

    padding:10px !important;

}

.shranknum .shpic .shinfo .shnurk {

    box-sizing: border-box;

    width:10%;

    font-family: 'Prompt', sans-serif;

    font-size:20px;

    font-weight:normal;

    color:#FFFFFF;

    line-height:26px;

    display:inline-block;

    text-align:center;

    background-color: rgba(254, 154, 1, 1);

    border-radius:0 0 0 5px;

    padding:10px;

}

.shranknum .shpic .shinfo .shnaclip {

    box-sizing: border-box;

    width:90%;

    font-family:'Prompt', sans-serif;

    color:#FFFFFF;

    font-size:16px;

    line-height:24px;

    float:right;

    padding:10px;

}

.shranknum .shpic .shinfo .shloctxt {

    box-sizing: border-box;

    width:100%;

    font-family:'Prompt', sans-serif;

    color:#FFFFFF;

    font-size:16px;

    line-height:24px;

    float:right;

    padding:10px;

}

.shloctxt .locaname {

    width:100%;

    display:inline-block;

    box-sizing:border-box;

    font-weight:bold;

}

.shloctxt .locaprce {

    background:#FFFFFF;

    color:#000000;

    display:inline-block;

    font-size:12px;

    border-radius:5px;

    padding:0 10px 0 10px;

    line-height:22px;

    margin:7px 0 0 0;

}

.shranknum .shpic .shinfo .shnaclip i {

    color:#fe9a01;

}

.recloczoom {

    overflow: hidden;

    position: relative;

}

.recloczoom .shpic img {

    max-width:100%;

    height:auto;

    transition:all .4s ease;-webkit-transition:all .4s ease;

    float:left;

}

.recloczoom .shpic a:hover img {

    transform:scale(1.2);

    -ms-transform:scale(1.2);

    -moz-transform:scale(1.2);

    -webkit-transform:scale(1.2);

    -o-transform:scale(1.2);

}

/* Rank Main Clip */

.bpopfood {

    background-color:#2e3192 !important;

}

.hdrcenonly {

    box-sizing: border-box;

    font-weight:normal;

    font-family:'Prompt', sans-serif;

    text-align:center;

    font-size:24px;

    line-height:32px;

    padding:0 1% 30px 1%;

    width:100%;

    color:#FFFFFF;

}

.recolocatehdr {

    color:#000000 !important;

}

.sprofprice {

    margin:0 !important;

    color:#FF0000 !important;

}

/*

.sprofprice {

    margin:10px 0 10px 0 !important;

    background-color:#d72839;

    color:#FFFFFF !important;

    font-size:14px !important;

    line-height:24px !important;

    padding:3px 10px 3px 10px !important;

    border-radius:3px;

}

*/

/* New Top Knowledge */

.hitopcon {

    box-sizing: border-box;

    width:100%;

    background-color:#F5F5F5;

    padding:30px 0 30px 0;

    display:inline-block;

}

.clearallpad {

    padding:0 !important;

}

.hittopallarea {

    width:100%;

    box-sizing: border-box;

    padding:0 0 0 1%;

}

.hittopleft {

    box-sizing: border-box;

    width:67.5%;

    padding:0;

    display:inline-block;

}

.hittopleft .shoconlfet {

    padding:0 1% 0 1%;

}

.hittopright {

    box-sizing: border-box;

    width:32.5%;

    padding:0;

    float:right;

}

.hittopleft img {

    width:100%;

    height:auto;

    border-radius:5px;

}

.hittopleft .shpic {

    overflow: hidden;

    position: relative;

}

.hittopleft .shpic img {

    width:100%;

    height:auto;

}

.hittopleft .shpic .shinfo {

    box-sizing: border-box;

    display:block !important;

    position:absolute;

    width:100%;

    padding:15px;

    bottom:0px;

    left:0px;

    background-color: rgba(0, 0, 0, 0.7);

    color:#FFFFFF;

    border-radius:0 0 5px 5px;

}

.hittopleft .shpic .shinfo p {

    font-family: 'Prompt', sans-serif;

    font-size:20px;

    font-weight:normal;

    line-height:28px;

}

.hittopleft .shpic .shinfo p i {

    color:#ff9000;

}

.hittopleft .shpic .shinfo .neupadte {

    font-family:'Kanit', sans-serif;

    color:#FFFFFF;

    font-size:12px;

    background-color:#f30039;

    border-radius:10px;

    padding:0 8px 0 8px;

}

.hittopleft .shpic .shinfo .distimdte {

    color:#999999;

    font-size:12px;

    line-height:20px;

}

.hittoplist {

    box-sizing: border-box;

    width:100%;

    padding:0 0 3% 1%;

    float:left;

}

.hittoplist img {

    width:100%;

    height:auto;

    border-radius:5px;

}

.hittoplist .shpic {

    overflow: hidden;

    position: relative;

}

.hittoplist .shpic img {

    width:100%;

    height:auto;

}

.hittoplist .shpic .shinfo {

    box-sizing: border-box;

    display:block !important;

    position:absolute;

    width:100%;

    padding:15px;

    bottom:0px;

    left:0px;

    background-color: rgba(0, 0, 0, 0.7);

    color:#FFFFFF;

    border-radius:0 0 5px 5px;

}

.hittoplist .shpic .shinfo p {

    font-family: 'Prompt', sans-serif;

    font-size:18px;

    font-weight:normal;

    line-height:26px;

}

.hittoplist .shpic .shinfo p i {

    color:#ff9000;

}

.hittoplist .shpic .shinfo .neupadte {

    font-family:'Kanit', sans-serif;

    color:#FFFFFF;

    font-size:12px;

    background-color:#f30039;

    border-radius:10px;

    padding:0 8px 0 8px;

}

.hittoplist .shpic .shinfo .distimdte {

    color:#999999;

    font-size:12px;

    line-height:20px;

}

/* New Top Knowledge */



/* Home Franchise Rank */

.hcovcoleft {

    box-sizing: border-box;

    width:932px;

    float:left;

}

.hcovrank {

    box-sizing: border-box;

    width:932px;

    background-color:#d72839;

    /* background-image: linear-gradient(#d72839, #ff8400, #d72839); */

    float:left;

    border-radius:5px;

    padding:30px 20px 20px 20px;

    margin:0 10px 0 10px;

}

.hhhdrrank {

    font-family: 'Prompt', sans-serif;

    font-size:22px;

    font-weight:normal;

    line-height:32px;

    color:#FFFFFF;

    text-align:center;

}

.hshrakarea {

    box-sizing: border-box;

    width:100%;

    padding:20px 0 20px 0;

}

.hsrnklist {

    box-sizing: border-box;

    width:31%;

    float:left;

    background-color:#FFFFFF;

    border-radius:5px;

    margin:0 1% 0 1%;

}

.hsrnklist img {

    width:100%;

    height:auto;

    border-radius:5px 5px 0 0;

}

.hsrnklist .shpic {

    overflow: hidden;

    position: relative;

}

.hsrnklist .shpic .shinfo p {

    font-family: 'Prompt', sans-serif;

    box-sizing: border-box;

    display:block !important;

    position:absolute;

    width:100%;

    padding:10px;

    bottom:0px;

    left:0px;

    background-color: rgba(0, 0, 0, 0.7);

    color:#FFFFFF;

    border-radius:0;

    font-size:18px;

    line-height:26px;

    text-align:center;

}

.homerktxt {

    box-sizing: border-box;

    width:100%;

    padding:0;

}

.homerktxt ul {

    padding:0 0 0 0;

}

.homerktxt ul li {

    border-bottom:solid#e6e6e6 1px;

    padding:10px 15px 10px 15px;

    font-family:'Sarabun', sans-serif;

    font-size:16px;

    line-height:26px;

}

.homerktxt .shonum {

    background-color:#d72839;

    padding:1px 0 1px 0;

    margin:0 7px 0 0;

    border-radius:20px;

    color:#FFFFFF;

    width:28px;

    text-align:center;

    float:left;

    font-size:14px;

    font-family:'Prompt', sans-serif;

    font-weight:bold;

}

.homerktxt .hrviawall {

    font-family:'Sarabun', sans-serif;

    font-size:13px;

    margin:15px 15px 15px 0;

    float:right;

    font-style:italic;

}

.homerktxt .hrviawall a {

    color:#666666;

}

.hshrakarea .hoerkremk {

    font-family:'Sarabun', sans-serif;

    color:#ffcccc;

    font-size:12px;

    line-height:22px;

    padding:10px 1% 0 1%;

    display:inline-block;

    width:98%;

    text-align:center;

    font-style:italic;

    word-wrap:break-word;

}

.homerktxt .raknblue {

    background-color:#113381;

}

.homerktxt .raknornge {

    background-color:#ff9000;

}

.homerktxt .raknrde {

    background-color:#FF0000;

}

.showhomrakbann {

    width:240px;

    float:left;

}

.hosirkbnnr {

    width:220px;

    margin:0 10px 0 10px;

    float:left;

}

.hosirkbnnr img {

    border-radius:4px;

}

.hosirkbnnr .ul  {

    box-sizing: border-box;

    width:100%;

    margin:0;

    padding:0;

    list-style-type:none;

}

.hosirkbnnr ul li {

    display:inline-block;

    padding:0 0 20px 0;

}

.hosirkbnnr ul li img {

    max-width:100%;

    height:auto;

}   

/* Home Franchise Rank */



/* Category Description */

.caetgdesc {

    box-sizing: border-box;

    width:100%;

    padding:40px 0 40px 0;

    color:#999999;

}

.caetgdesc h2 {

    font-family: 'Prompt', sans-serif;

    font-size:14px;

    line-height:22px;

    font-weight:normal;

    color:#666666;

}

.caetgdesc .dispcatedestion {

    padding:0 1% 0 1%;

}

.caetgdesc p {

    /* margin:15px 0 0 0; */

    font-family: 'Sarabun', sans-serif;

    font-size:12px;

    line-height:20px;

}

/* Category Description */



.fradtshcte {

    font-family: 'Sarabun', sans-serif;

    font-size:14px;

    line-height:22px;

    width:100%;

    margin:-7px 0 0 0;

    float:left;

    color:#666666;

}

.fradtshcte b {

    font-weight:normal;

}

.fradtshcte b a {

    color:#666666;

}

.toppgconclsion {

    width:100%;

    box-sizing: border-box;

    padding:20px;

    border:solid#CCCCCC 1px;

    background-color:#F9F9F9;

    border-radius:5px;

    display:inline-block;

}

.toppgconclsion ul {

    margin:10px 0 0 40px;

    list-style-type:disc;

}

.arepckie {

    box-sizing: border-box;

    width:100%;

    padding:0 1% 0 1%;

}

.arepckie p {

    font-family: 'Sarabun', sans-serif;

    font-size:14px;

    line-height:22px;

    display:inline-block;

    margin:0 0 20px 0;

}

.arepckie ol {

    margin:-20px 0 20px 15px !important;

    padding:0 0 0 0 !important;

    font-family: 'Sarabun', sans-serif;

    font-size:14px;

    line-height:22px;

}

/* Home Make Money with SME */

.hmkewihsme {

    width:100%;

    padding:40px 0 10px 0;

    display:inline-block;

}

.hmkewihsme .dishdrarea {

    width:100%;

    float:left;

}

.hmpmkewsme {

    box-sizing: border-box;

    width:98%;

    margin:0 1% 0 1%;

    float:left;

    font-family: 'Sarabun', sans-serif;

}

.hmpmkewsme p {

    font-size:18px;

    line-height:26px;

    font-family: 'Kanit', sans-serif;

    margin:0;

}

.hmpmkewsme span {

    font-family: 'Sarabun', sans-serif;

    font-size:14px;

    line-height:22px;

    margin:15px 20px 0 0;

    display:inline-block;

    color:#9c9b99;

}

.hmpmkewsme span i {

    color:#f7ad45;

    margin-right:5px;

}

.hmpmkewsme span.dispsmetype {

    color:#FFFFFF;

    padding:2px 10px 4px 10px;

    border-radius:3px;

    margin:15px 0 0 0;

    background-color:#42abc5;

}

.hmpmkewsme a {

    color:#000000;

}

.hmpmkewsme a:hover {

    color:#ffa200;

}

.hmpmkewsme ul {

    margin:0;

    padding:0;

    border-bottom:solid#ffc600 1px;

    border-top:solid#ffc600 1px;

}

.hmpmkewsme ul li {

    width:100%;

    box-sizing: border-box;

    display:inline-block;

    border-bottom:solid#ffc600 1px;

    padding:25px 20px 25px 20px;

}

.hmpmkewsme ul li:first-child {

    border-top:0px;

}

.hmpmkewsme ul li:last-child {

    border-bottom:0px;

}

/* Home Make Money with SME */



/* Franchise Year */

.ffyear {

    width:100%;

    padding:10px 0 10px 0;

    float:left;

    margin:10px 0 20px 0;

}

.ffyeararea {

    box-sizing: border-box;

    width:100%;

    padding:0 1% 0 1%;

}

.ffyeararea a {

    color:#FFFFFF;

}

.ffyeararea .colleft {

    box-sizing: border-box;

    width:50%;

    display:inline-block;

    background-color:#000000;

    color:#FFFFFF;

    background-image:url(../images/bg-left.jpg);

    background-size:cover;

    background-position:center center;

    padding:35px 30px 35px 30px;

    text-align:center;

    border-radius:5px 0 0 5px;

}

.ffyeararea .colleft p {

    font-size:28px;

    line-height:38px;

    font-family: 'Prompt', sans-serif;

}

.ffyeararea .colleft .ffydesc {

    width:100%;

    font-size:14px;

    line-height:26px;

    font-family: 'Kanit', sans-serif;

    opacity:0.7;

    display:inline-block;

    padding:10px 0 10px 0;

}

.ffyeararea .colright {

    box-sizing: border-box;

    width:50%;

    float:right;

    background-color:#000000;

    color:#FFFFFF;

    background-image:url(../images/bg-right.jpg);

    background-size:cover;

    background-position:center center;

    padding:35px 30px 35px 30px;

    text-align:center;

    border-radius:0 5px 5px 0;

}

.ffyeararea .colright p {

    font-size:28px;

    line-height:38px;

    font-family: 'Prompt', sans-serif;

}

.ffyeararea .colright .ffydesc {

    width:100%;

    font-size:14px;

    line-height:26px;

    font-family: 'Kanit', sans-serif;

    opacity:0.7;

    display:inline-block;

    padding:10px 0 10px 0;

}

span.btshffyearinfo {

    display:inline-block;

    font-size:14px;

    line-height:24px;

    font-family: 'Prompt', sans-serif;

    border:solid#CCCCCC 3px;

    color:#CCCCCC;

    border-radius:3px;

    padding:5px 20px 5px 20px;

    margin:15px 0 0 0;

}

.ffyeararea a span.btshffyearinfo {

    color:#CCCCCC;

}

.ffyeararea a:hover span.btshffyearinfo {

    color:#FFFFFF;

    background-color:#ffb400;

    border:solid#ffb400 3px;

}

/* Franchise Year */



/* Review New Content */

.refirstpargra {

    font-family:'Sarabun', sans-serif;

    font-size:16px;

    line-height:26px;

    color:#000000;

    margin:0 0 40px 0;

    float:left;

}

.relastpargra {

    font-family:'Sarabun', sans-serif;

    font-size:16px;

    line-height:26px;

    color:#000000;

    margin:0 0 60px 0;

    float:left;

    padding:25px 30px 25px 30px;

    border-radius:5px;

    background-color:#F9F9F9;

    border:solid#CCCCCC 1px;

}

/*

.relastpargra {

    font-family:'Sarabun', sans-serif;

    font-size:16px;

    line-height:26px;

    color:#000000;

    margin:0 0 50px 0;

    border-top:solid#666666 1px;

    float:left;

    padding:30px 0 0 0;

    border-top-style: dotted;

}

*/

.refpargimg {

    width:100%;

    display:inline-block;

    margin:0 0 25px 0;

}

.refpargimg img {

    max-width:100%;

    height:auto;

    border-radius:5px;

}

.revcontlist {

    width:100%;

    margin:10px 0 40px 0;

    float:left;

}

.revcontlist img {

    max-width:60%;

    height:auto;

    border-radius:5px;

    display:block;

    margin-left:auto;

    margin-right:auto;

}

.revconttxt {

    width:100%;

    margin:30px 0 30px 0;

    word-wrap:break-word;

    display:inline-block;

}

.revconttxt h2 {

    font-family:'Prompt', sans-serif;

    color:#d72839;

    font-weight:normal;

    font-size:24px;

    line-height:34px;

}

.revconttxt p {

    font-family:'Sarabun', sans-serif;

    font-size:16px;

    line-height:26px;

    color:#000000;

}

.revconttxt span {

    font-family:'Sarabun', sans-serif;

    font-size:16px;

    line-height:26px;

    color:#000000;

}

.revcontofran {

    margin:30px 0 0 0;

    font-family: 'Prompt', sans-serif;

    font-size:16px;

    line-height:26px;

}

.revcontofran a {

    border:solid#000000 1px;

    padding:5px 20px 5px 20px;

    border-radius:5px;

    color:#000000;

}

.revcontofran a:hover {

    border:solid#d72839 1px;

    padding:5px 20px 5px 20px;

    border-radius:5px;

    background-color:#d72839;

    color:#FFFFFF;

}

/* Review New Content */

/* Rank Listing */

.padrangareatop {

    margin:20px 0 0 0 !important;

    display:inline-block;

}

.dispranklist {

    width:100%;

    margin:10px 0 40px 0;

    display:inline-block;

}

.dispranklist img {

    max-width:60%;

    height:auto;

    border-radius:5px;

    display:block;

    margin-left:auto;

    margin-right:auto;

}

.dispranktxt {

    width:100%;

    margin:30px 0 30px 0;

    word-wrap:break-word;

    display:inline-block;

}

.dispranktxt h2 {

    font-family:'Prompt', sans-serif;

    color:#d72839;

    font-weight:normal;

    font-size:24px;

    line-height:34px;

}

.dispranktxt p {

    font-family:'Sarabun', sans-serif;

    font-size:16px;

    line-height:26px;

    color:#000000;

}

.dispranktxt span {

    font-family:'Sarabun', sans-serif;

    font-size:16px;

    line-height:26px;

    color:#000000;

}

.fralsrkbod {

    font-weight:bold;

}

.shrankremark {

    box-sizing: border-box;

    width:100%;

    background-color:#f9f9f9;

    padding:20px;

    border-radius:5px;

    font-family:'Sarabun', sans-serif;

    font-size:14px;

    line-height:24px;

    margin:0 0 30px 0;

    font-style:italic;

}

.ranktofraninfo {

    margin:30px 0 0 0;

    font-family: 'Prompt', sans-serif;

    font-size:16px;

    line-height:26px;

}

.ranktofraninfo a {

    border:solid#000000 1px;

    padding:5px 20px 5px 20px;

    border-radius:5px;

    color:#000000;

    float:left;

    text-align:center;

}

.ranktofraninfo a:hover {

    border:solid#d72839 1px;

    padding:5px 20px 5px 20px;

    border-radius:5px;

    background-color:#d72839;

    color:#FFFFFF;

}

/* Rank Listing */

.subfoodnoml {

    font-size:18px !important;

    font-family:'Sarabun', sans-serif;

    line-height:28px !important;

    color:#010071;

}

.subfoodingd {

    font-size:18px !important;

    font-family:'Sarabun', sans-serif;

    line-height:28px !important;

    color:#d72839;

}

.subfoodingd:before {

    content: "\f816";

    font-family: "Font Awesome 5 Free";

    padding:0 7px 0 0;

    color:#d72839;

}

.subfoodhowc {

    font-size:18px !important;

    font-family:'Sarabun', sans-serif;

    line-height:28px !important;

    color:#d72839;

}

.subfoodhowc:before {

    content: "\f2e7";

    font-family: "Font Awesome 5 Free";

    padding:0 7px 0 0;

    color:#d72839;

}

.tominisite {

    font-family:'Kanit', sans-serif;

    color:#d72839;

    font-weight:normal;

    font-size:18px;

    line-height:28px;

    margin:0 0 30px 0;

}

.tominisite a {

    background-color:#d72839;

    padding:5px 30px 5px 30px;

    color:#FFFFFF;

    display:inline-block;

    border-radius:5px;

}

.txtlinoffcia {

    width:100%;

    display:inline-block;

    margin:15px 0 0 0;

}

.bottomqrpic {

    margin: 5px 0 0 0;

    max-width: 100%;

    height: auto;

}

.frnbuz {

    margin:20px 0 0 0;

    display:inline-block;

}

.select2-container--default .select2-selection--single .select2-selection__rendered {

    font-family:'Sarabun', sans-serif !important;

    color: #444;

    font-size:14px !important;

    line-height:24px !important;

}

.select2-container--default .select2-selection--single {

    border: 1px solid #333333 !important;

    border-radius: 3px !important;

    height:40px !important;

    padding:6px 0 0 0;

    text-align:left !important;

}

.select2-container--default .select2-selection--single .select2-selection__arrow b {

    border-color: #d72839 transparent transparent transparent !important;

    margin-left: -4px;

    margin-top: 4px !important;

}

.select2-container--default .select2-results>.select2-results__options {

    font-family:'Sarabun', sans-serif !important;

    font-size:14px !important;

    line-height:24px !important;

}

.select2-container {

    width:300px;

}

/* Responsive Table */

.shmetaber {

    box-sizing: border-box;

    width:100%;

    padding:0 1% 10px 1%;

    font-family:'Sarabun', sans-serif;

    font-size:16px;

    line-height:26px;

    display:inline-block;

}

.shmetaber table {

    border: 1px solid #ccc;

    border-collapse: collapse;

    margin: 0;

    padding: 0;

    width: 100%;

    table-layout: fixed;

}  

.shmetaber table caption {

    font-size:24px !important;

    line-height:34px;

    margin:30px 0 30px 0;

    font-family:'Kanit', sans-serif;

    text-align:left;

}  

.shmetaber table tr {

    border: 1px solid #ddd;

    padding: .35em;

    background-color:#FFFFFF;

}

.shmetaber table tr th {

    background-color:#FFFFFF;

}

.shmetaber table tr:nth-child(odd) {

    background-color: #f9f9f9 !important;

}

.shmetaber table th {

    font-size:16px !important;

    line-height:26px !important;

    font-family:'Kanit', sans-serif;

}

.shmetaber table th,

.shmetaber table td {

    padding: .625em;

    text-align: center;

    word-wrap:break-word;

}

/* Responsive Table */



/* Franchise Detail Location */

.frndetalloction {

    box-sizing: border-box;

    width:100%;

    margin:20px 0 0 0;        

    display:inline-block;

    /* background-color:#fbfbfb; */

}

.frndetalloction .frntionlist {

    box-sizing: border-box;

    width:48%;

    float:left;

    padding:15px 10px 10px 10px;

    border-radius:5px;

    border:solid#CCCCCC 1px;

    margin:0 2% 0 0;

}

.frndetalloction .frntionlist .frlistleft {

    box-sizing: border-box;

    width:40%;

    display:inline-block;

}

.frndetalloction .frntionlist .frlistleft img {

    max-width:100%;

    height:auto;

    border-radius:5px;

    float:left;

}

.frndetalloction .frntionlist .frlistright {

    box-sizing: border-box;

    width:60%;

    float:right;

    padding:0 15px 0 15px;

}

.frndetalloction .frntionlist .frlistright .locname {

    width:100%;

    float:left;

    font-weight:normal;

    border-bottom:solid#666666 1px;

    padding:0 0 8px 0;

    margin:0 0 8px 0;

    border-bottom-style: dotted;

    font-family:'Kanit', sans-serif;

    font-size:18px;

    line-height:28px;

}

.frndetalloction .frntionfull {

    box-sizing: border-box;

    width:100%;

    float:left;

    padding:0 1% 0 1%;

}

.frndetalloction .frntionfull .frlistleft {

    box-sizing: border-box;

    width:20%;

    display:inline-block;

}

.frndetalloction .frntionfull .frlistleft img {

    max-width:100%;

    height:auto;

    border-radius:5px;

    float:left;

}

.frndetalloction .frntionfull .frlistright {

    box-sizing: border-box;

    width:80%;

    float:right;

    padding:0 15px 0 15px;

}

.frndetalloction .frntionfull .frlistright .locname {

    width:100%;

    float:left;

    font-weight:bold;

    border-bottom:solid#666666 1px;

    padding:0 0 8px 0;

    margin:0 0 8px 0;

    border-bottom-style: dotted;

    font-family:'Kanit', sans-serif;

    font-size:20px;

    line-height:30px;

}

.frndetalloction a .frntionfull .frlistright .locname {

    color:#FFFFFF;

    border-bottom:solid#FFFFFF 1px;

    border-bottom-style: dotted;

}

.frndetalloction a .frntionfull .frlistright .rentprice {

    color:#FFFFFF;

}

.franlocads {

    box-sizing: border-box;

    width:100%;

    border:0px !important;

    margin:20px 0 0 0;

    padding:20px 15px 15px 15px;

    border-radius:5px;

    display:inline-block;

    background-image: linear-gradient(#223e85, #022069);

    background-color:#223e85 !important;

}

/* Franchise Detail Location */

/* Course Detail */

.intcousform {

    width:100%;

    font-size:18px;

    display:inline-block;

    margin:10px 0 10px 0;

}

.fomselecourse {

    font-size:16px;

    margin:10px 0 10px 0;

    width:100%;

    display:inline-block;

}

.courdearea {

    box-sizing: border-box;

    width:100%;

    border:solid#CCCCCC 1px;

    margin:30px 0 10px 0;

    padding:20px 15px 20px 15px;

    border-radius:5px;

    display:inline-block;

    /* background-color:#fbfbfb; */

}

.courdearea .courdelist {

    box-sizing: border-box;

    width:100%;

    float:left;

    padding:0 1% 0 1%;

}

.courdearea .courdelist .courdelleft {

    box-sizing: border-box;

    width:80%;

    display:inline-block;

    padding:0 25px 0 0;

}

.courdearea .courdelist .courdelleft .locname {

    width:100%;

    float:left;

    font-weight:bold;

    padding:0 0 5px 0;

    margin:0 0 5px 0;

    font-family:'Kanit', sans-serif;

    font-size:20px;

    line-height:30px;

    color:#ba0000;

}

.courdearea .courdelist .courdelright {

    box-sizing: border-box;

    width:20%;

    float:right;

}

.courdearea .courdelist .courdelright img {

    max-width:100%;

    height:auto;

    border-radius:5px;

    float:right;

}

.courlistdesc {

    box-sizing: border-box;

    width:100%;

    padding:0 1% 0 1%;

    margin:20px 0 0 0;

    display:inline-block;

}

.courlistdesc p {

    font-weight:bold;

    font-family:'sarabun', sans-serif !important;

    color:#000000 !important;

    font-size:16px;

    line-height:26px;

    display:inline-block;

}

.courlistdesc span {

    width:100%;

    display:inline-block;

}

.dispcorprce {

    background-color:#d72839;

    color:#FFFFFF;

    padding:5px 20px 5px 20px;

    border-radius:20px;

    margin:0 0 15px 0;

    display:inline-block;

}

.viwcorvdo {

    width:100%;

    color:#FFFFFF !important;

    text-align:center;

    margin:10px 0 0 0;    

    display:inline-block;

    font-weight:normal !important;

    font-size:16px !important;

    font-family:'sarabun', sans-serif !important;

    font-size:14px !important;

}

.viwcorvdo a {

    width:100%;

    color:#FFFFFF;

    float:left;

    padding:7px 0 7px 0 !important;

    background-color:#333333;

    border-radius:3px;

}

.viwcorvdo a:hover {

    width:100%;

    color:#FFFFFF;

    float:left;

    padding:7px 0 7px 0 !important;

    background-color:#ffc000;

    border-radius:3px;

}

.hdrcourvdpop {

    font-family:'Prompt', sans-serif;

    font-size:20px;

    line-height:30px;

    text-align:center;

    margin:0 0 15px 0;

}

/* Course Detail */



/* Step Franchise */

.stepfransc {

    width:100%;

    box-sizing: border-box;

    padding:10px 0 30px 0;

    float:left;

}

.shsteplist {

    width:33%;

    box-sizing: border-box;

    padding:20px;

    float:left;

}

.shsteplist img {

    max-width:100%;

    height:auto;

}

.shsteplist .numstep {

    box-sizing: border-box;

    width:25%;

    display:inline-block;

}

.shsteplist .numstep span {

    font-family:'Arial', sans-serif;

    font-size:18px !important;

    line-height:28px !important;

    background-color:#d72839;

    display:inline-block;

    padding:6px 14px 6px 14px !important;

    margin:0 !important;

    color:#FFFFFF;

    border-radius:50px;

    text-align:center;

    font-weight:bold;

}

.shsteplist .descstep {

    box-sizing: border-box;

    width:75%;

    float:right;

}

/* Step Franchise */

/* What Franchise Do */

.franstodo {

    box-sizing: border-box;

    width:100%;

    padding:30px 0 10px 0;

}

.franstodo ul {

    width:100%;

    margin:0;

    padding:0;

}

.franstodo ul li {

    display:block;

    border-top:solid#CCCCCC 1px;

    border-top-style: dotted;

    padding:5px 0 5px 0;

}

.franstodo ul li:first-child {

    border-top:0px;

}

.franstodo ul li .frtodotime {

    box-sizing: border-box;

    width:10%;

    display:inline-block;

    margin:0 5% 0 0;

}

.franstodo ul li .frtodotime span {

    background-color:#d72839;

    width:100%;

    display:inline-block;

    text-align:center;

    color:#FFFFFF;

    padding:5px 0 5px 0;

    border-radius:3px;

}

.franstodo ul li .frtododetal {

    box-sizing: border-box;

    width:85%;

    float:right;

}

.franstodo ul li .frtododetal span {

    width:100%;

    padding:5px 0 5px 0;

    display:inline-block;

}

/* List Product Info */

.proddetone {

    box-sizing: border-box;

    width:100%;

    padding:0 0 20px 0;

    float:left;

}

.prodmenuarea {

    box-sizing: border-box;

    width:100%;

    padding:20px 0 20px 0;

}

.shprodlit {

    float:left;

    box-sizing: border-box;

    width:23%;

    margin:1%;

    border:solid#e6e6e6 1px;

    border-radius:3px;

}

.shprodlit .recpic {

    overflow: hidden;

    position: relative;

}

.shprodlit .recpic .moreinfo {

    display:block !important;

    position:absolute;

    top:0px;

    left:0px;

    text-align:center;

    background-color:#d72839;

    padding:2px 7px 3px 7px;

    color:#FFFFFF;

    font-family: 'Kanit', sans-serif;

    border-radius:0 0 5px 0;

    font-size:12px;

    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.30);

}

.shprodlit img {

    max-width:100%;

    height:auto;

    border-radius:3px 3px 0 0;

    float:left;

}

.proddutet {

    width:100%;

    box-sizing: border-box;

    padding:10px 10px 10px 10px;

    text-align:center;

}

.dpprodsname {

    font-family: 'Prompt', sans-serif !important;

    font-size: 18px !important;

    line-height: 28px !important;

    color:#000000 !important;

    word-wrap: break-word;

    text-align:center;

}

.dpprodsprice {

    font-family: 'Sarabun', sans-serif !important;

    font-size: 16px !important;

    line-height: 26px !important;

    color:#FFFFFF !important;

    word-wrap: break-word;

    text-align:center;

    background-color:#333333;

    padding:0 20px 0 20px;

    margin:10px 0 5px 0;

    border-radius:15px;

    display:inline-block;

}

.dpprodsdesc {

    width:100%;

    display:block;

    font-family: 'Sarabun', sans-serif !important;

    font-size: 16px !important;

    line-height: 26px !important;

    margin:10px 0 5px 0;

    /* border-top:solid#d72839 2px; */

    /* border-top-style: dotted; */

    color:#666666;

}

/* List Product Info */

/* List Product 1 Layout */

.prodonearea {

    width:100%;

    box-sizing: border-box;

    float:left;

    padding:20px 0 40px 0;

}

.prodonelayo {

    box-sizing: border-box;

    width:48%;

    padding:0;

    margin:1% 2% 1% 0;

    float:left;

    border:solid#e6e6e6 1px;

    border-radius:3px;

}

.prodonelayo .picprod {

    box-sizing: border-box;

    width:40%;

    padding:10px;

    float:left;

    border-radius:3px;

}

.prodonelayo .picprod img {

    max-width:100%;

    height:auto;

    border-radius:5px;

}

.prodonelayo .depdtil {

    box-sizing: border-box;

    width:60%;

    padding:10px 10px 20px 0;

    /* padding:20px 10px 20px 0; */

    float:left;

    border-radius:3px 0 0 3px;

}

.prodonelayo .depdtil p {

    font-family: 'Sarabun', sans-serif !important;

    font-size:16px;

    line-height:28px;

    color:#000000;

}

.prodonelayo .depdtil .dispalprice {

    color:#FFFFFF;

    background-color:#333333;

    float:left;

    display:block;

    border-radius:30px;

    padding:0 20px 0 20px;

    font-size:16px;

    line-height:28px;

    margin:10px 0 10px 0;

}

.prodonelayo .depdtil .dispaltail {

    box-sizing: border-box;

    width:100%;

    display:block;

    float:left;

    /* margin:15px 0 0 0; */

    color:#666666;

}

.menrecmed {

    background-color:#d72839;

    color:#FFFFFF;

    font-size:10px !important;

    padding:2px 7px 3px 7px;

    border-radius:3px;

}

/* List Product 1 Layout */





/* What Franchise Do */

.whatfrando {

    box-sizing: border-box;

    width:100%;

    padding:0 0 20px 0;

    float:left;

}

.frandostep {

    font-family:'Prompt', sans-serif;

    font-size:18px;

    line-height:28px;

    font-weight:normal;

    color:#d72839;

}

/* Franchise Testimonial */

.frtestmonial {

    box-sizing: border-box;

    width:100%;

    padding:20px 0 20px 0;

    float:left;

}

.listetiml {

    width:100%;

    box-sizing: border-box;

    border:solid#e6e6e6 1px;

    float:left;

    padding:30px;

    border-radius:5px;

    margin:10px 0 10px 0;

}

.listetiml .testimoimg {

    box-sizing: border-box;

    width:10%;

    display:inline-block;

    margin:0 0 0 0;

}

.listetiml .testimoimg img {

    max-width:100%;

    height:auto;

    border-radius:100px;

    float:left;

}

.listetiml .testidesc {

    box-sizing: border-box;

    width:90%;

    padding:0 20px 0 20px;

    float:right;

}

.listetiml .testidesc .testqleft {

    box-sizing: border-box;

    width:5%;

    float:left;

}

.listetiml .testidesc .testqleft img {

    max-width:50%;

    height:auto;

}

.listetiml .testidesc .testqcont {

    width:90%;

    float:left;

}

.listetiml .testidesc .testqcont .dispfrname {

    font-style:italic;

    width:100%;

    display:block;

    text-align:right;

    font-family:'Prompt', sans-serif;

    font-size:18px;

    line-height:28px;

    color:#d72839;

    margin:15px 0 0 0;

}

.listetiml .testidesc .testqcont .dispfrbrch {

    font-style:italic;

    width:100%;

    display:block;

    text-align:right;

    font-family:'Prompt', sans-serif;

    font-size:14px;

    line-height:22px;

    color:#999999;

}

.listetiml .testidesc .testqright {

    box-sizing: border-box;

    width:5%;

    float:right;

    text-align:right;

}

.listetiml .testidesc .testqright img {

    max-width:50%;

    height:auto;

}

/* Franchise Testimonial */



/* Interest Calculation */

.dipcalcont {

    box-sizing: border-box;

    width:100%;

    margin:15px 0 40px 0;

    background-color:#f9f9f9;

    border:solid#e6e6e6 1px;

    border-radius:3px;

}

.dipcalcont .colleft {

    box-sizing: border-box;

    width:30%;

    display:inline-block;

    text-align:center;

    background-color:#f1f3f4;

    border-radius:3px 0 15px 0;

}

.dipcalcont .colleft .leftcontent {

    box-sizing: border-box;

    width:100%;

    padding:30px;

}

.dipcalcont .colleft .leftcontent i {

    width:100%;

    font-size:80px;

    color:#666666;

}

.dipcalcont .colleft .leftcontent p {

    font-family:'Prompt', sans-serif;

    margin:20px 0 0 0;

    font-size:18px;

    line-height:28px;

    color:#666666;

}

.dipcalcont .colright {

    box-sizing: border-box;

    width:70%;

    float:right;

}

.dipcalcont .colright .rightcontent {

    box-sizing: border-box;

    width:100%;

    padding:30px 80px 30px 80px;

    float:left;

}

.calcuform {

    box-sizing: border-box;

    width:100%;

    font-family:'Prompt', sans-serif;

    font-size:16px;

    line-height:26px;

}

.calculine {

    box-sizing: border-box;

    width:100%;

    margin:0 0 15px 0;

    float:left;

}

.calcuform label {

    box-sizing: border-box;

    width:40%;

    display:inline-block;

    padding:5px 0 0 0;

    font-size:16px;

    line-height:26px;

}

.calcuform input {

    box-sizing: border-box;

    width:60%;

    float:right;

    border:solid#999999 1px;

    border-radius:3px;

    padding:3px 10px 3px 10px;

    font-size:16px;

    line-height:26px;

    text-align:right;

}

.calcuform .calbutt {

    cursor:pointer;

    box-sizing: border-box;

    background-color:#d72839;

    color:#FFFFFF;

    width:auto !important;

    font-family:'Prompt', sans-serif;

    font-size:16px;

    line-height:26px;

    float:right;

    border:solid#d72839 1px;

    border-radius:3px;

    padding:5px 30px 5px 30px;

    text-align:right;

}

.calcuform select {

    box-sizing: border-box;

    width:60%;

    float:right;

    border:solid#999999 1px;

    border-radius:3px;

    padding:7px 10px 7px 10px;

    font-size:16px;

    line-height:26px;

    text-align-last:right;

}

.calcuform select option { 

    direction: rtl;

}

.calcuform .paypermonth {

    box-sizing: border-box;

    width:100%;

    display:inline-block;

    text-align:center;

    margin:20px 0 10px 0;

}

.calcuform .paypermonth p {

    font-size:18px;

    line-height:28px;

    box-sizing: border-box;

    width:100%;

    background-color:none;

    color:#FFFFFF;

    padding:10px 0 10px 0;

    border-radius:5px;

    border:solid#9b3949 1px;

    color:#9b3949;

}

.calcuform .intremark {

    display:inline-block;

    margin:20px 0 0 0;

    font-size:14px;

    line-height:24px;

    color:#666666;

}

.tablepermo {

    margin:20px 0 0 0;

    overflow-x:auto;

}

.tablepermo table {

    width:100%;

    border-collapse: collapse;

    text-align:center;

}

.tablepermo table tr:nth-child(odd) {

    background-color:#ebebeb;

  }

.tablepermo table th {

    text-align:center;

    font-weight:normal;

    padding:10px;

    border-top:solid#ebebeb 1px;

    font-family:'Sarabun', sans-serif;

    font-size:16px;

    line-height:26px;

}

.tablepermo table td {

    text-align:center;

    font-weight:normal;

    padding:5px;

    border-top:solid#ebebeb 1px;

    font-family:'Sarabun', sans-serif;

    font-size:16px;

    line-height:26px;

}

/* Interest Calculation */

/* Pro Info */

.full-wrap-toppro {

    width:100%;

    background-color:#FFFFFF;

    margin:25px 0 0 0;

    padding:0;

    float:left;

}

.promleft {

    box-sizing: border-box;

    width:50%;

    float:left;

    /* background-image:url(../images/promotion.jpg); */

    /* background-position:center center; */

    /* background-size:cover; */

    border-radius:5px 0 0 5px;

}

.promleft img {

    max-width:100%;

    height:auto;

    float:left;

    border-radius:5px 0 0 5px;

}

.promright {

    box-sizing: border-box;

    width:50%;

    float:left;

    background-image: linear-gradient(#c40c2a, #9b3949);

    background-color:#be1e2d;

    padding:30px;

    border-radius:0 5px 5px 0;

}

.promright h1 {

    font-family:'Prompt', sans-serif;

    color:#FFFFFF;

    text-align:center;

    font-weight:bold;

    font-size:34px;

    line-height:44px;

    margin:30px 0 0 0;

}

.promright h2 {

    font-family:'Prompt', sans-serif;

    color:#FFFFFF;

    text-align:center;

    font-weight:normal;

    font-size:24px;

    line-height:34px;

}

/* Pro Info */

/* Extra Income Main Page */

.extracomearea {

    box-sizing: border-box;

    width:98%;

    /* margin:0 1% 15px 1%; */

    margin:0 1% 0 1%;

    font-family: 'Sarabun', sans-serif;

    padding:0;

    float:left;

    border-top:solid#ffc600 1px;

}

.shextlist {

    box-sizing: border-box;

    width:100%;

    border-bottom:solid#ffc600 1px;

    display:inline-block;

    padding:40px 0 40px 0;

}

.extincmain {

    box-sizing: border-box;

    width:100%;

    margin:0;

    float:left;

    font-family: 'Sarabun', sans-serif;

}

.extincmain .extpic {

    box-sizing: border-box;

    width:25%;

    padding:0 2% 0 2%;

    display:inline-block;

}

.extincmain .extpic img {

    max-width:100%;

    height:auto;

    border-radius:10px;

}

.extincmain .extinfo {

    box-sizing: border-box;

    width:75%;

    padding:0 2% 0 2%;

    float:right;

}

.extincmain .extinfo p {

    font-size:18px;

    line-height:26px;

    font-family: 'Kanit', sans-serif;

    margin:0;

}

.extincmain .extinfo .extdetail {

    margin:20px 0 0 0;

}

.extincmain .extinfo span {

    font-family: 'Sarabun', sans-serif;

    font-size:16px;

    line-height:24px;

    margin:15px 40px 0 0;

    display:inline-block;

    color:#666666;

}

.extincmain .extinfo span i {

    color:#f7ad45;

    margin-right:5px;

}

.extincmain .extinfo span.dispsmetype {

    color:#999999;

    padding:2px 10px 4px 10px;

    border-radius:3px;

    margin:15px 0 0 0;

    border:solid#CCCCCC 1px;

    font-size:14px;

    line-height:22px;

}

.persquali {

    color:#FFFFFF !important;

    padding:2px 10px 4px 10px;

    border-radius:3px;

    margin:15px 5px 0 0 !important;

    font-size:14px !important;

    line-height:22px;

}

.exnoneedshop {

    background:#c63b3f;

}

.exneedshop {

    background:#2dbc02;

}

.exbothshop {

    background:#f18200;

}

.exdropship {

    background:#009bfe;

}

.nohighbudgt {

    background:#720fcf;

}

.extincmain .extinfo a {

    color:#000000;

}

.extincmain .extinfo a:hover {

    color:#ffa200;

}

/* Extra Income Main Page */

/* Shopping Cart */

.badge-notify{

    background:#d72839;

    position:relative;

    top: -10px;

    right: 5px;

    cursor:pointer;

    border-radius:30px;

    padding:2px 5px 2px 5px;

    color:#FFFFFF;

    font-size:12px;

    font-family:Arial, Helvetica, sans-serif

  }

.my-cart-icon {

    cursor:pointer;

}

.my-cart-icon-affix {

    top:10px;

    right:20px;

    position: fixed;

    z-index: 9999;

    background-color:#000000;

    padding:10px 10px 0 10px;

    border-radius:50px;

    line-height:40px;

    font-size:12px;

}

.my-cart-icon-affix i {

    color:#FFFFFF;

    font-size:12px;

}

.bttocart {

    background-color:#FFFFFF;

    border:solid#666666 1px;

    border-radius:20px;

    padding:3px 15px 3px 15px;

    margin:20px 0 20px 0;

    font-family: 'Prompt', sans-serif;

    font-size:16px;

    line-height:24px;

    cursor:pointer;

}

.bttocart:hover {

    background-color:#d72839;

    color:#FFFFFF;

    border:solid#d72839 1px;

}

.hdrmocart {

    font-family: 'Prompt', sans-serif;

    font-size:20px;

    line-height:30px;

    font-weight:normal !important;

    border-bottom:solid#CCCCCC 1px;

    padding:10px 0 15px 0;

}

.hdrmocart i {

    color:#d72839;

}

.noprodincart {

    font-family: 'Sarabun', sans-serif;

    font-size:16px;

    line-height:26px;

    margin:30px 0 30px 0;

}

.bottmocart {

    border-top:solid#CCCCCC 1px;

    padding:20px 0 20px 0;

    text-align:right;

}

.produtdescart {

    width:100%;

    font-family: 'Sarabun', sans-serif;

    font-size:14px;

    line-height:24px;

    /* border-collapse:collapse */

}

.btndeletprocart {

    color: #fff;

    background-color: #d9534f;

    border-color: #d43f3a;

    padding:3px 5px 3px 5px;

    font-size:10px;

    line-height:auto;

}

.btndeletprocart:hover {

    color: #fff;

    background-color: #000000;

    border-color: #000000;

}

.dippcart {

    width:100%;

    padding:15px 20px 10px 20px;

    display:inline-block;

    box-sizing: border-box;

    text-align:center;

    font-family: 'Prompt', sans-serif;

    font-size:20px;

    line-height:30px;

    margin:0 0 20px 0;

    border-radius:5px;

    background-color:#000000;

    color:#FFFFFF;

}

.btchkproout {

    background-color:#000000;

    border:0;

    color:#FFFFFF;

    padding:10px 20px 10px 20px;

    border-radius:5px;

    cursor:pointer;

}

.btchkproout:hover {

     background-color:#d9534f;

}

/*

.produtdescart tr td {

  border-bottom:solid#CCCCCC 1px;

}

*/

/* Shopping Cart */

.stars-container {

    position: relative;

    display: inline-block;

    color: transparent;

}  

.stars-container:before {

    position: absolute;

    top: 0;

    left: 0;

    content: '★★★★★';

    color: lightgray;

}  

.stars-container:after {

    position: absolute;

    top: 0;

    left: 0;

    content: '★★★★★';

    color: gold;

    overflow: hidden;

}  

.stars-0:after {width:0%;}

.stars-10:after {width:10%;}

.stars-20:after {width:20%;}

.stars-30:after {width:30%;}

.stars-40:after {width:40%;}

.stars-50:after {width:50%;}

.stars-60:after {width:60%;}

.stars-70:after {width:70%;}

.stars-80:after {width:80%;}

.stars-90:after {width:90%;}

.stars-100:after {width:100;}



.franchise-ready {

    width:100%;

    box-sizing:border-box;

    /* margin:30px 0 0 0; */

    padding:0;

    display:inline-block;

}

.frdy-area {

    width:100%;

    display:inline-block;

    margin:0 0 10px 0;

    padding:0;

    box-sizing:border-box;

}

.frdy-list {

    width:100%;

    border:solid#eeeeee 1px;

    box-sizing:border-box;

    border-radius:5px;

    margin:30px 0 0 0;

    background:#FFFFFF;

    float:left;

}

.frdy-left {

    width:40%;

    float:left;

    box-sizing:border-box;

    margin:0;

    padding:0;

}

.frdy-left .storepic {

    overflow: hidden;

    position: relative;

}

.frdy-left .storepic .storegallery {

    display:block !important;

    position:absolute;

    bottom:10px;

    right:10px;

    text-align:center;

    width:40px;

    height:auto;

    background: rgba(0, 0, 0, 0.7);

    padding:2px 0 1px 0;

    color:#FFFFFF;

    font-family: 'Prompt', sans-serif;

    font-size:12px;

    border-radius:3px;

}

.frdy-left .storepic .storeinvest {

    display:block !important;

    position:absolute;

    top:10px;

    left:10px;

    text-align:center;

    background: rgba(0, 0, 0, 0.9);

    padding:3px 10px 2px 10px;

    color:#FFFFFF;

    font-family: 'Prompt', sans-serif;

    font-size:14px;

    border-radius:3px;

}

.frdy-left img {

    max-width:100%;

    height:auto;

    float:left;

    border-radius:5px 0 0 5px;

}

.frdy-right {

    width:60%;

    float:left;

    box-sizing:border-box;

    margin:0;

    padding:20px 25px 20px 25px;

}

.frdy-right p.storebrname {

    font-family: 'Prompt', sans-serif;

    font-size:20px;

    color:#000000;

}

.frdy-right span {

    display:inline-block;

    margin:10px 0 0 0;

}

ul.storedetail {

    width:100%;

    display:inline-block;

    box-sizing:border-box;

    margin:25px 0 0 0;

    padding:0;

    font-size:0px;

}

ul.storedetail li {

    display:inline;

    font-size:16px;

    font-family: 'Sarabun', sans-serif;

    margin:0;

    padding:0 0 0 70px;

    color:#666666;

}

ul.storedetail li:first-child {

    padding:0 !important;

}

ul.storedetail li i {

    color:#666666;

    margin:0 7px 0 0;

}

ul.storedetail li a.openenform {

    border-radius:5px;

    padding:5px 15px 5px 15px;

    background:#d72839;

    color:#FFFFFF !important;

}

ul.storedetail li a.openenform i {

    color:#FFFFFF !important;

}

.storepricetxt {

    font-size:22px !important;

}

.locarecomm {

    font-family:'Kanit', sans-serif !important;

    color:#FFFFFF;

    font-size:12px !important;

    background-color:#f30039;

    border-radius:3px;

    padding:0 8px 0 8px;

}

.viewmorelocation {

    width:100%;

    display:inline-block;

    box-sizing:border-box;

    text-align:center;

    font-family:'Sarabun', sans-serif !important;

    margin:20px 0 0 0;

    padding:0;

}

.viewmorelocation a {

    border:solid#999999 1px;

    border-radius:5px;

    padding:7px 30px 7px 30px;

}

.viewmorelocation a:hover {

    border:solid#000000 1px;

    border-radius:5px;

    padding:7px 30px 7px 30px;

    background:#000000;

    color:#FFFFFF;

}

.delist-promotion {

    width:100%;

    box-sizing:border-box;

    background:#fef8f9;

    color:#FFFFFF;

    border-radius:5px;

    padding:30px 25px 30px 25px;

    border:solid#d72839 1px;

}

.delist-promotion h2 {

    color:#d72839;

    font-size:22px;

}

.delist-promotion h2 i {

    margin:0 10px 0 0;

}

.delist-promotion span {

    color:#000000;

}

.franpromobutt {

    font-family:'Sarabun', sans-serif;

    background:#d72839;

    color:#FFFFFF !important;

    padding:5px 20px 5px 20px;

    font-size:14px !important;

    border-radius:5px;

}

.promoarea {

    width:100%;

    margin:0 auto 0 auto;

    padding:40px 0 0 0;

    box-sizing:border-box;

    text-align:center;

    font-family:'Sarabun', sans-serif;

}

.promoarea p.addfriendtk {

    font-size:18px;

    line-height:28px;

    margin:0;

    padding:0 0 30px 0;

    color:#000000;

}

.promoarea a.addtkline {

    background:#01b301;

    color:#FFFFFF;

    font-size:18px;

    padding:7px 50px 7px 50px;

    border-radius:5px;

}

.promoarea a.addtkline i {

    margin:0 10px 0 0;

}

.promoarea a.addtkfb {

    background:#1b74e4;

    color:#FFFFFF;

    font-size:18px;

    padding:7px 50px 7px 50px;

    border-radius:5px;

}

.promoarea a.addtkfb i {

    margin:0 10px 0 0;

}

.promoperiod {

    width:100%;

    border-top:solid#e6e6e6 1px !important;

    margin:25px 0 0 0 !important;

    padding:20px 0 0 0;

    color:#d72839 !important;

    font-size:16px !important;

}

.promoperiod i {

    margin:0 5px 0 0;

    background:#d72839;

    width:24px;

    height:24px;

    border-radius:50%;

    color:#FFFFFF;

    text-align:center;

    vertical-align:top;

    font-size:10px;

    padding:7px 0 0 0;

    box-sizing:border-box;

}

.showdatepromoinside {

    color:#FFFFFF !important;

    font-family:'Sarabun', sans-serif;

    margin:5px 0 30px 10px !important;

    display:inline-block;

    font-size:14px !important;

    background-color:#d72839;

    padding:3px 10px 6px 10px;

    border-radius:5px;

}

.showdatepromoinside i {

    margin:0 7px 0 0;

}

.rightbuttonpos {

    float:right;

}

ul.addfriendfbln {

    margin:0;

    padding:0;

}

ul.addfriendfbln li {

    display:inline;

    padding:0 10px 0 10px;

    margin:0;

}

.topdetailpromotxt {

    color:#CCCCCC;

    font-size:14px;

    line-height:22px;

    font-family:'Sarabun', sans-serif;

}

.frremark {

    font-size:12px;

    color:#999999;

}

.frremarkleft {

    float:left;

    margin-top:0px;

    font-size:12px;

    color:#d1d1d2;

}



/* Supplier */

.supstartprice {

    width:100%;

    display:inline-block;

    color:#999999;

}

.supproprice {

    display:inline-block;

    margin:0 !important;

    padding:0 !important;

    color:#d72839 !important;

    font-size:14px !important;

}

.supdispprice {

    display:inline-block;

    margin:0 !important;

    padding:0 !important;

    color:#d72839 !important;

    font-size:18px !important;

}

/* Supplier */



/* Market Place */

.full-wrap-nopad {

    width:100%;

    margin:0;

    padding:0;

    display:inline-block;

}

.clrpadzero {

    padding:0 !important;

}

.suppcategory {

    width: 98%;

    float: left;

    margin: 0;

    padding: 0 1% 20px 1%;

    text-align:center;

}

.dispallcattxt {

    display:inline-block;

    background:#d72839;

    font-family: 'Noto Sans Thai', sans-serif;

    color:#FFFFFF;

    font-size:24px;

    padding:15px 40px 10px 40px;

    border-radius:5px;

}

.dispallcattxt span {

    font-size:12px;

    font-weight:200;

}

.hdr-markicon {

    width:100%;

    display:inline-block;

    box-sizing:border-box;

    padding:0 0 20px 0;

}

.hdr-markicon ul {

    width:100%;

    margin:0;

    padding:0;

    font-size:0;

}

.hdr-markicon ul li {

    box-sizing:border-box;

    width:31.33%;

    margin:0 1% 0 1%;

    font-family: 'Noto Sans Thai', sans-serif;

    display:inline-block;

    font-size:18px;

    border-radius:5px;

}

.hdr-markicon ul li.allprodbanner {

    background-image:url(../images/bg-icon-allprod.jpg);

    background-size:cover;

}

.hdr-markicon ul li.recombanner {

    background-image:url(../images/bg-icon-recommended.jpg);

    background-size:cover;

}

.hdr-markicon ul li.newprodbanner {

    background-image:url(../images/bg-icon-newprod.jpg);

    background-size:cover;

}

.hdr-markicon ul li i {

    margin:0 7px 0 0;

    font-size:14px;

}

.hdr-markicon ul li a {

    width:100%;

    display:inline-block;

    color:#FFFFFF;

    padding:20px 20px 20px 20px;

}

.hdr-markicon ul li span {

    font-size:12px;

    color:#FFFFFF;

}

.inshdmarkt {

    font-family:'Kanit', sans-serif;

    font-size:28px;

    font-weight:normal;

    padding:0;

    color:#0c0e5f;

    line-height:38px;

}

.full-wrap-market {

    width:100%;

    margin:0 0 0 0;

    padding:20px 0 20px 0;

    display:inline-block;

    background:#f5f5f5;

    font-family: 'Sarabun', sans-serif;

}

.full-wrap-marnomapa {

    width:100%;

    margin:0;

    padding:0 0 20px 0;

    display:inline-block;

    background:#f5f5f5;

    font-family: 'Sarabun', sans-serif;

}

.full-wrap-location {

    width:100%;

    display:inline-block;

    background:#f9f9f9;

    margin:25px 0 0 0;

}

.marketprod-wrapper {

    width:1180px;

    margin-left:auto;

    margin-right:auto;

    background:#FFFFFF;

    border-radius:5px;

    --tw-shadow: 0 1px 1px 0 #0000001a,0 0 0 0 #0000000f!important;

    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important;

}

.flrplan-wrapper {

    width:98%;

    display:inline-block;

    box-sizing:border-box;

    margin:30px 1% 0 1% !important;

    background:#FFFFFF;

    border-radius:5px;

    --tw-shadow: 0 1px 1px 0 #0000001a,0 0 0 0 #0000000f!important;

    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important;

}

.recommarprod {

    width:100%;

    box-sizing:border-box;

    margin:0;

    padding:0;

}

.hdrrecmmarprod {

    width:100%;

    border-bottom:solid #e7e7e7 1px;

    font-family: 'Noto Sans Thai', sans-serif;

    padding:20px;

    box-sizing:border-box;

}

.hdrrecmmarprod .hdrrecleft {

    width:70%;

    display:inline-block;

}

.hdrrecmmarprod .hdrrecleft h2 {

    color:#d72839;

    margin:0;

    padding:0;

    width:100%;

}

.hdrrecmmarprod .hdrrecright {

    width:30%;

    float:right;

    text-align:right;

}

.hdrrecmmarprod .hdrrecright a {

    color:#000000;

}

.hdrrecmmarprod .hdrrecright a i {

    color:#d72839;

}

.proddetailarea {

    width:100%;

    display:inline-block;

    box-sizing:border-box;

    padding:20px;

}

.proddetleft {

    width:40%;

    box-sizing:border-box;

    display:inline-block;

}

.proddetright {

    width:60%;

    box-sizing:border-box;

    float:right;

    padding:10px 30px 10px 30px;

    font-family:'Sarabun', sans-serif;

    font-size:16px;

    line-height:24px;

}

.insdipname {

    font-weight:bold;

    font-size:22px;

    line-height:32px;

}

.insdprodprice {

    width:100%;

    display:inline-block;

    padding:20px 0 20px 0;

}

.insprodimg {

    width:100%;

    display:inline-block;

    padding:0;

    box-sizing:border-box;

}

.insprodimg ul {

    width:100%;

    display:inline-block;

    padding:50px 0 0 0;

    box-sizing:border-box;

    text-align:center;

}

.insprodimg ul li {

    display:block;

    width:100%;

    padding:0 0 30px 0;

}

.insprodimg ul li img {

    max-width:100%;

    height:auto;

    border-radius:5px;

}

.insprodclpvid {

    width:100%;

    display:inline-block;

    padding:40px 0 0 0;

    box-sizing:border-box;

}

.insprodreview {

    width:100%;

    display:inline-block;

    padding:30px 0 0 0;

    box-sizing:border-box;

}

.dscntprce {

    color:#d72839;

    font-size:24px;

    font-weight:bold;

}

.normlprce {

    display:inline-block;

    color:#999999;

    padding:0 5px 0 0;

    font-size:18px;

}

.remkprce {

    color:#666666;

    font-size:14px;

    font-style:italic;

}

.insdproddevry {

    width:100%;

    box-sizing:border-box;

    display:inline-block;

    margin:0 0 20px 0;

}

.insdprodsize {

    width:100%;

    box-sizing:border-box;

    display:inline-block;

}

.insdprodsize ul {

    width:100%;

    box-sizing:border-box;

    display:inline-block;

    font-size:0px;

    margin:5px 0 15px 0;

}

.insdprodsize ul li {

    display:inline;

    float:left;

    font-size:14px;

    border:solid#CCCCCC 1px;

    border-radius:3px;

    margin:2px 4px 4px 0;

    padding:0 7px 1px 7px;

}

.insdprodcolor {

    width:100%;

    box-sizing:border-box;

    display:inline-block;

}

.insdprodcolor ul {

    width:100%;

    box-sizing:border-box;

    display:inline-block;

    font-size:0px;

    margin:5px 0 15px 0;

}

.insdprodcolor ul li {

    width:8%;

    display:inline;

    float:left;

    border:solid#CCCCCC 1px;

    margin:2px 4px 4px 0;

}

.insdprodcolor ul li img {

    max-width:100%;

    height:auto;

    float:left;

}

.insdprodquot {

    width:100%;

    box-sizing:border-box;

    display:inline-block;

    margin:10px 0 0 0;

}

.insdprodquot a {

    display:inline-block;

    background:#d72839;

    color:#FFFFFF;

    padding:7px 20px 7px 20px;

    border-radius:3px;

    font-weight:bold;

}

.insdprodby {

    width:100%;

    display:inline-block;

    box-sizing:border-box;

    margin:30px 0 0 0;

    background:#f5f5f5;

    padding:20px;

    border-radius:5px;

}

.inshdrquttn {

    width:100%;

    display:inline-block;

    box-sizing:border-box;

    border-bottom:solid#CCCCCC 1px;

    padding:20px 40px 20px 40px;

}

.insqutfrmarea {

    width:100%;

    display:inline-block;

    box-sizing:border-box;

    padding:10px 20px 20px 20px;

}

.insqutfrmareafull {

    width:100%;

    display:inline-block;

    box-sizing:border-box;

    padding:0 20px 20px 20px;

}

.insqutfrmlist {

    width:50%;

    box-sizing:border-box;

    float:left;

    padding:30px 20px 0 20px;

    font-family:'Sarabun', sans-serif;

    font-size:16px;

}

.insclrfrmlist {

    padding:0px 20px 15px 20px;

}

.insqutfrmlist label {

    width:100%;

    display:inline-block;

    box-sizing:border-box;

    margin:0 0 5px 0;

}

.insqutfrmlist label span {

    color:#d72839;

}

.insqutfrmlist input {

    width:100%;

    display:inline-block;

    box-sizing:border-box;

    height:44px;

    font-size:16px;

    font-family:'Sarabun', sans-serif;

    border:solid#e6e6e6 1px;

    border-radius:5px;

    padding:0 10px 0 10px;

}

.insqutfrmlist select {

    width:100%;

    display:inline-block;

    box-sizing:border-box;

    height:44px;

    font-size:16px;

    font-family:'Sarabun', sans-serif;

    border:solid#e6e6e6 1px;

    border-radius:5px;

    padding:0 10px 0 10px;

}

.insqutfullne {

    width:100%;

    display:inline-block;

    box-sizing:border-box;

    padding:0 20px 0 20px;

    font-family:'Sarabun', sans-serif;

}

.insqutchk {

    width:100%;

    display:inline-block;

    box-sizing:border-box;

    padding:0 40px 20px 40px;

}

.insqutbutton {

    width:100%;

    display:inline-block;

    box-sizing:border-box;

    padding:0 40px 40px 40px;

}

.insqutbutton button {

    display: inline-block;

    background: #d72839;

    color: #FFFFFF;

    padding: 10px 70px 10px 70px;

    border-radius: 3px;

    font-weight: bold;

    border:0;

    font-family:'Sarabun', sans-serif;

    font-size:16px;

    cursor:pointer;

}

.insproddct {

    width:100%;

    box-sizing:border-box;

    display:inline-block;

    padding:0 20px 20px 20px;

    font-family:'Sarabun', sans-serif;

    font-size:16px;

    line-height:26px;

}

.insproddct h2 {

    font-weight:bold;

    font-size:18px;

    line-height:28px;

}

.insprodrecmd {

    width:100%;

    box-sizing:border-box;

    display:inline-block;

    padding:0;

    font-family:'Sarabun', sans-serif;

    font-size:16px;

    line-height:26px;

}

.insprodtline {

    width:100%;

    display:inline-block;

    box-sizing:border-box;

    margin:30px 0 0 0;

}

.prodbcrumb {

    width:100%;

    box-sizing:border-box;

    display:inline-block;

    font-family:'Sarabun', sans-serif;

}

.prodbcrumb ul {

    width:100%;

    display:inline-block;

    font-size:0px;

    margin:0;

    padding:0;

}

.prodbcrumb ul li {

    display:inline;

    float:left;

    font-size:12px;

    border-left:solid#CCCCCC 1px;

    padding:0 10px 0 10px;

}

.prodbcrumb ul li:first-child {

    border-left:solid#CCCCCC 0px;

    padding:0 10px 0 0;

}

.dpmainimgprod {

    width:100%;

    display:inline-block;

}

.dpthumbimgprod {

    width:100% !important;

    box-sizing:border-box;

}

.splide__slide img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.splide__slide {

    opacity: 0.6;

}

.splide__slide.is-active {

    opacity: 1;

}

.recommarkprodarea {

    width:100%;

    display:inline-block;

    box-sizing:border-box;

}

.recommarkprodlist {

    width:100%;

    float:left;

    box-sizing:border-box;

    padding:20px 20px 0 20px;

}

.recommarkprodarea .owl-theme .owl-nav.disabled + .owl-dots {

    margin-top: 10px;

    margin-bottom: 10px;

}

.recommarkprodlist .prodcard {

    overflow: hidden;

    position: relative;

}

.recommarkprodlist .prodcard img {

    max-width:100%;

    height:auto;

    transition:all .4s ease;-webkit-transition:all .4s ease;

    float:left;

}

a:hover .recommarkprodlist .prodcard img {

    transform:scale(1.2);

    -ms-transform:scale(1.2);

    -moz-transform:scale(1.2);

    -webkit-transform:scale(1.2);

    -o-transform:scale(1.2);

}

.recommarkprodlist .prodcard .recommicon {

    display:block !important;

    position:absolute;

    top:10px;

    left:0px;

    text-align:center;

    width:auto;

    height:auto;

    background: #d72839;

    padding:1px 5px 1px 5px;

    color:#FFFFFF;

    font-size:10px;

}

.recommarkprodlist .prodmarkdetail {

    width:100%;

    box-sizing:border-box;

    padding:10px;

    display:inline-block;

}

.recommarkprodlist .prodmarkdetail p {

    font-size:16px;

    padding:0 0 5px 0;

}

.recommarkprodlist .prodmarkdetail .recprodremark {

    background:#d72839;

    border:solid #d72839 1px;

    color:#FFFFFF;

    font-size:10px;

    border-radius:3px;

    display:inline-block;

    margin:0 0 15px 0;

    color:#FFFFFF;

    padding:0px 4px 0px 4px;

}

.disctprice {

    color:#d72839 !important;

    font-size:18px;

}

.linecurprice {

    display:inline-block;

    color:#999999 !important;

    padding:0 5px 0 0;

}

.normalprod-wrapper {

    width:1200px;

    margin-left:auto;

    margin-right:auto;

}

.normalprodarea {

    width:100%;

    display:inline-block;

    box-sizing:border-box;

    /* padding:10px 0 0 0; */

    padding:0;

    font-family: 'Sarabun', sans-serif;

}

.normalprodarea .normalprodlist {

    width:18%;

    margin:10px 1% 10px 1%;

    float:left;

    box-sizing:border-box;

    background:#FFFFFF;

    --tw-shadow: 0 1px 1px 0 #0000001a,0 0 0 0 #0000000f!important;

    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important;

}

.normalprodarea .normalprodlist img {

    max-width:100%;

    height:auto;

    float:left;

}

.normalprodlist .prodcard {

    overflow: hidden;

    position: relative;

}

.normalprodlist .prodcard img {

    max-width:100%;

    height:auto;

    transition:all .4s ease;-webkit-transition:all .4s ease;

    float:left;

}

a:hover .normalprodlist .prodcard img {

    transform:scale(1.2);

    -ms-transform:scale(1.2);

    -moz-transform:scale(1.2);

    -webkit-transform:scale(1.2);

    -o-transform:scale(1.2);

}

.normalprodlist .prodcard .recommicon {

    display:block !important;

    position:absolute;

    top:10px;

    left:0px;

    text-align:center;

    width:auto;

    height:auto;

    background: #d72839;

    padding:1px 5px 1px 5px;

    color:#FFFFFF;

    font-size:10px;

}

.normalprodlist .prodcard .newprodicon {

    display:block !important;

    position:absolute;

    top:10px;

    left:0px;

    text-align:center;

    width:auto;

    height:auto;

    background: #10af00;

    padding:1px 5px 1px 5px;

    color:#FFFFFF;

    font-size:10px;

}

.normalprodlist .prodcard .bestsellicon {

    display:block !important;

    position:absolute;

    top:10px;

    left:0px;

    text-align:center;

    width:auto;

    height:auto;

    background: #ff8400;

    padding:1px 5px 1px 5px;

    color:#FFFFFF;

    font-size:10px;

}

.normalprodarea .normalprodlist .normalprodtxt {

    width:100%;

    box-sizing:border-box;

    padding:15px;

    display:inline-block;

}

.normalprodarea .normalprodlist .normalprodtxt .prodmarname {

    font-size:16px;

    padding:0 0 5px 0;

}

.normalprodarea .normalprodlist .normalprodtxt .normalprodremark {

    background:#d72839;

    border:solid #d72839 1px;

    color:#FFFFFF;

    font-size:10px;

    border-radius:3px;

    display:inline-block;

    margin:0 0 15px 0;

    color:#FFFFFF;

    padding:0px 4px 0px 4px;

}

.normalprodarea .normalprodlist .normalprodtxt .normalprodprice {

    width:100%;

    display:block;

    float:left;

}

.reccomprodlist {

    width:18%;

    margin:10px 1% 10px 1%;

    float:left;

    box-sizing:border-box;

    background:#FFFFFF;

    --tw-shadow: 0 1px 1px 0 #0000001a,0 0 0 0 #0000000f!important;

    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important;

}

.reccomprodlist img {

    max-width:100%;

    height:auto;

    float:left;

}

.reccomprodlist .prodcard {

    overflow: hidden;

    position: relative;

}

.reccomprodlist .prodcard img {

    max-width:100%;

    height:auto;

    transition:all .4s ease;-webkit-transition:all .4s ease;

    float:left;

}

a:hover .reccomprodlist .prodcard img {

    transform:scale(1.2);

    -ms-transform:scale(1.2);

    -moz-transform:scale(1.2);

    -webkit-transform:scale(1.2);

    -o-transform:scale(1.2);

}

.reccomprodlist .prodcard .recommicon {

    display:block !important;

    position:absolute;

    top:10px;

    left:0px;

    text-align:center;

    width:auto;

    height:auto;

    background: #d72839;

    padding:1px 5px 1px 5px;

    color:#FFFFFF;

    font-size:10px;

}

.reccomprodlist .prodcard .newprodicon {

    display:block !important;

    position:absolute;

    top:10px;

    left:0px;

    text-align:center;

    width:auto;

    height:auto;

    background: #10af00;

    padding:1px 5px 1px 5px;

    color:#FFFFFF;

    font-size:10px;

}

.reccomprodlist .prodcard .bestsellicon {

    display:block !important;

    position:absolute;

    top:10px;

    left:0px;

    text-align:center;

    width:auto;

    height:auto;

    background: #ff8400;

    padding:1px 5px 1px 5px;

    color:#FFFFFF;

    font-size:10px;

}

.reccomprodlist .normalprodtxt {

    width:100%;

    box-sizing:border-box;

    padding:15px;

    display:inline-block;

}

.reccomprodlist .normalprodtxt .prodmarname {

    font-size:16px;

    padding:0 0 5px 0;

}

.reccomprodlist .normalprodtxt .normalprodremark {

    background:#d72839;

    border:solid #d72839 1px;

    color:#FFFFFF;

    font-size:10px;

    border-radius:3px;

    display:inline-block;

    margin:0 0 15px 0;

    color:#FFFFFF;

    padding:0px 4px 0px 4px;

}

.reccomprodlist .normalprodtxt .normalprodprice {

    width:100%;

    display:block;

    float:left;

}

.extmain-img {

    width:100%;

    box-sizing:border-box;

    margin:0;

    padding:0 0 30px 0;

}

.extmain-img img {

    width:100%;

    height:auto;

    border-radius:5px;

}

.extraincd-img {

    width:100%;

    box-sizing:border-box;

    margin:0;

    padding:0;

}

.extraincd-img ul {

    width:100%;

    margin:0;

    padding:0;

    list-style-type:none;

    font-size:0px;

}

.extraincd-img ul li {

    width:100%;

    display:inline-block;

    margin:0;

    padding:20px 0 0 0;

}

.extraincd-img ul li:first-child {

    padding:0;

}

.extraincd-img ul li img {

    float:left;

    width:100%;

    height:auto;

    border-radius:5px;

}

.extlinktobiz {

    display:inline-block;

    border-radius:5px;

    padding:3px 20px 5px 20px;

    margin:0 0 10px 0;

    background:#eda200;

}

.extlinktobiz a {

    color:#FFFFFF;

}

.faqalldetail {

    width:100%;

    display:inline-block;

    box-sizing:border-box;

}

.faqalldetail ul {

    margin:15px 0 15px 0;

    padding:0;

}

.faqalldetail ul li {

    border-bottom:solid #999999 1px;

    border-bottom-style: dashed;

    display:block;

    margin:0;

    padding:20px 0 20px 0;

}

.faqalldetail ul li:first-child {

    border-top:solid #999999 1px;

    border-top-style: dashed;

}

.dpfaqquestion {

    width:100%;

    display:inline-block;

    box-sizing:border-box;

}

.dpiconqa {

    width:5%;

    display:inline-block;

    box-sizing:border-box;

}

.dpiconqa span {

    display:inline-block;

    background:#ff8d00;

    color:#FFFFFF;

    border-radius:5px;

    width:28px;

    height:28px;

    text-align:center;

}

.dpqusttxt {

    width:95%;

    float:right;

    box-sizing:border-box;

}

.dpfaqanswer {

    width:100%;

    display:inline-block;

    box-sizing:border-box;

    margin:10px 0 0 0;

}

.dpiconans {

    width:5%;

    display:inline-block;

    box-sizing:border-box;

}

.dpiconans span {

    display:inline-block;

    background:#00b3ff;

    color:#FFFFFF;

    border-radius:5px;

    width:28px;

    height:28px;

    text-align:center;

}

.reviwfrmfb {

    width:100%;

    box-sizing:border-box;

    display:inline-block;

    margin:0;

    padding:0;

    text-align:center;

    background:#f0f2f6;

    border-radius:5px;

}

.hdr-reviwfb {

    font-family:'Kanit', sans-serif !important;

    display:inline-block;

    font-size:20px !important;

    margin:0 auto 20px auto;

    padding:8px 40px 10px 40px;

    color:#FFFFFF;

    text-align:center;

    background:#3872dd;

    border-radius:20px;

}

.hdr-reviwfb i {

    font-size:16px;

    margin:0 7px 0 0;

}

.reviwfrmfb ul {

    margin:0;

    padding:0;

    list-style-type:none;

    width:100%;

    font-size:0px;

}

.reviwfrmfb ul li {

    display:block;

    font-size:18px;

    padding:10px 0 10px 0;

}

.reviwfrmfb ul li:first-child {

    padding-top:20px;

}

.reviwfrmfb ul li:last-child {

    padding-bottom:20px;

}

/* Location Official */

.locoff-hdr {

    display: flex;

    align-items:center;

    width:98%;

    margin:0 1% 0 1%;

    box-sizing:border-box;

    background:#0099dc;

}

.locoff-hdr-inside-left {

    display: flex;

    align-items:center;

    width:80%;

    box-sizing:border-box;

    float:left;

    margin:0;

    padding:10px;

    font-family:'Kanit', sans-serif;

    color:#FFFFFF;

}

.locoff-hdr-inside-left .loclogo {

    width:7%;

    box-sizing:border-box;

    margin:0 1% 0 0;

    padding:0;

    float:left;

}

.locoff-hdr-inside-left img {

    max-width:100%;

    height:auto;

    border-radius:5px;

    float:left;

}

.locoff-hdr-inside-left .loctinfo {

    width:92%;

    box-sizing:border-box;

    float:left;

}

.locoff-hdr-inside-left .loctinfo  h1 {

    font-size:22px;

    line-height:30px;

    margin:0 7px 0 0;

    padding:0;

    float:left;

}

.locoff-hdr-inside-left .loctinfo  ul {

    width:100%;

    box-sizing:border-box;

    margin:5px 0 0 0;

    padding:0;

    font-size:0px;

    float:left;

}

.locoff-hdr-inside-left .loctinfo  ul li {

    display:inline-block;

    font-size:13px;

    border-left: 1px solid rgba(255, 255, 255, .3);

    padding:0 20px 0 20px;

    line-height:18px;

}

.locoff-hdr-inside-left .loctinfo  ul li:first-child {

    padding:0 20px 0 0;

    border-left:none;

}

.loctednamewpak {

    width:100%;

    float:left;

    box-sizing:border-box;

    margin:0;

}

.bordshwcust {

    float:left;

    margin:6px 0 0 0;

}

.locoff-hdr-inside-right {

    display: flex;

    align-items:center;

    width:20%;

    box-sizing:border-box;

    font-family:'Kanit', sans-serif;

    font-size:16px;

    color:#FFFFFF;

    background:#d72839;

}

.locoff-hdr-inside-right .btrentloc {

    width:100%;

    box-sizing:border-box;

    float:left;

    text-align:center;

}

.locoff-hdr-inside-right .btrentloc a {

    width:100%;

    display:inline-block;

    padding:0;

    font-size:22px;

    color:#FFFFFF;

}

.location-hero-banner {

    position: relative;

}

.location-hero-banner .owl-theme .custom-nav {

    position: absolute;

    top: 35%;

    left: 10px;

    right: 10px;

}

.location-hero-banner .owl-theme .custom-nav .owl-prev, .location-hero-banner .owl-theme .custom-nav .owl-next {

    position: absolute;

    height: 100px;

    color: inherit;

    background: none !important;

    border: none;

    z-index: 100;

}

.location-hero-banner .owl-theme .custom-nav .owl-prev i, .location-hero-banner .owl-theme .custom-nav .owl-next i {

    font-size:30px;

    color: #FFFFFF;

}

.location-hero-banner .owl-theme .custom-nav .owl-prev {

    left: 0;

}

.location-hero-banner .owl-theme .custom-nav .owl-next {

    right: 0;

}

.location-hero-banner .owl-theme .owl-dots {

    display:none;

}

.locbannerarea {

    width:98%;

    margin:0 1% 0 1%;

    float:left;

    box-sizing:border-box;

}

.loccategories {

    width:98%;

    margin:0 1% 0 1%;

    box-sizing:border-box;

    border:solid #e6e5e6 1px;

    border-top:none;

    display:inline-block;

    background:#FFFFFF;

}

.loccategories ul.colfour {

    width:100%;

    box-sizing:border-box;

    font-size:0px;

    float:left;

    margin:0;

    padding:0;

}

.loccategories ul.colfour li {

    width:25%;

    display:inline;

    float:left;

    font-size:16px;

    margin:0;

    padding:20px;

    text-align:center;

    border-left:solid #e6e5e6 1px;

    box-sizing:border-box;

}

.loccategories ul.colfour li:first-child {

    border-left:none;

}

.loccategories ul.colthree {

    width:100%;

    box-sizing:border-box;

    font-size:0px;

    float:left;

    margin:0;

    padding:0;

}

.loccategories ul.colthree li {

    width:33.33%;

    display:inline;

    float:left;

    font-size:16px;

    margin:0;

    padding:20px;

    text-align:center;

    border-left:solid #e6e5e6 1px;

    box-sizing:border-box;

}

.loccategories ul.colthree li:first-child {

    border-left:none;

}

.categolist .catgolistimg {

    width:100%;

    box-sizing:border-box;

    display:inline-block;

}

.categolist .catgolistimg img {

    max-width:40%;

    height:auto;

}

.categolist p {

    font-family:'Sarabun', sans-serif;

    font-size:14px;

}

.categolist span {

    font-family:'Sarabun', sans-serif;

    font-size:12px;

    color:#666666;

}

.about-location {

    width:100%;

    box-sizing:border-box;

    padding:1%;

    margin:10px 0 0 0;

}

.about-location-list {

    margin:0 0 20px 0;

    padding:0;

}

.about-location-list h2 {

    font-family:'Kanit', sans-serif;

    font-size:20px;

    line-height:30px;

    color:#2e3192;

}

.about-location-list span {

    font-family: 'Sarabun', sans-serif;

    font-size: 16px;

    line-height: 26px;

    word-wrap: break-word;

}

.inslocatlist {

    margin-top:30px;

    display:inline-block;

}

.locplanarea {

    width:98%;

    box-sizing:border-box;

    display:inline-block;

    margin:30px 1% 0 1%;

}

.tabcont {

    width:100%;

    box-sizing:border-box;

    display:inline-block;

    background:#FFFFFF;

}

.tabcont .maintab {

    display:inline-block;

    width:100%;

}

.tabcont .maintab ul {

    font-size:0px;

    margin:0;

    padding:0;

    list-style-type:none;

}

.tabcont .maintab li {

    margin:0 10px 0 0;

    padding:0;

    display:inline-block;

    cursor:pointer;

    font-family:'Prompt', sans-serif;

    font-size:18px;

}

.tabcont .maintab li a {

    display:inline-block;

    color:#000000;

    padding:10px 20px 10px 20px;

    cursor:pointer;

    border-radius:30px;

    border:solid #CCCCCC 1px;

    box-sizing:border-box;

}

.tabcont .maintab li a:hover {background:#333333;color:#FFFFFF;}

.tabcont .maintab i {margin:0 7px 0 0;}

.flrplan {display:none;}

.w3-red {background:#d72839;color:#FFFFFF !important;}

.w3-red:hover {background:#d72839 !important;color:#FFFFFF !important;}

.tabcont img {

    max-width:100%;

    height:auto;

    border-radius:0 0 5px 5px;

}

.tabcont .conanimate {

    -webkit-animation:opac 1.5s;

    animation:opac 1.5s;

}

@-webkit-keyframes opac{from{opacity:0} to{opacity:1}}

@keyframes opac{from{opacity:0} to{opacity:1}}

.hdrflrplan {

    width:100%;

    border-bottom:solid #e7e7e7 1px;

    padding:20px;

    box-sizing:border-box;

    display:inline-block;

}

.hdrflrplan .hdrrecleft {

    width:70%;

    display:inline-block;

}

.hdrflrplan .hdrrecleft h2 {

    color:#d72839;

    margin:0;

    padding:0;

    width:100%;

}

.hdrflrplan .hdrrecright {

    width:30%;

    float:right;

    text-align:right;

}

.hdrflrplan .hdrrecright a {

    width:100%;

    display:inline-block;

    color:#000000;

    padding:10px 0 0 0;

}

.hdrflrplan .hdrrecright a i {

    color:#d72839;

}

.flrtooltip {

	display:none;

	position:absolute;

	border:1px solid #333;

	background-color:#161616;

	opacity:0.8;

	border-radius:5px;

	padding:5px 10px 5px 10px;

	color:#fff;

	font-size:16px;

    font-family:'Prompt', sans-serif;

}

.insloclogarea {

    width:100%;

    box-sizing:border-box;

}

.insloclogarea a {

    display:flex;

    align-items:center;

}

.insloclogarea .colleft {

    width:20%;

    box-sizing:border-box;

    float:left;

}

.insloclogarea .colleft img {

    max-width:100%;

    height:auto;

    float:left;

    border-radius:5px;

}

.insloclogarea .colright {

    width:75%;

    margin:0 0 0 5%;

    box-sizing:border-box;

    float:left;

    font-family:'Sarabun', sans-serif;

    font-size:16px;

}

.insloclogarea .colright p {

    margin:0 0 5px 0;

    padding:0;

    font-size:18px;

}

.insloclogarea .colright span {

    margin:0;

    padding:0;

}

.insloclogarea a {

    color:#FFFFFF;

}

.recfrantoloc {

    width:100%;

    display:inline-block;

    box-sizing:border-box;

}

.comfrantable {

    width:100%;

    margin:20px 0 0 0;

    display:inline-block;

}

.comfrantable table {

    border-collapse: collapse;

    border-spacing: 0;

    width: 100%;

    border: 1px solid #ddd;

    font-family:'Sarabun', sans-serif;

}

.comfrantable th {

    font-weight:normal;

    font-size:14px;

    text-align:left;

}

.comfrantable th.txtcenter {

    text-align:center !important;

}

.comfrantable th, td {

    padding: 8px;

    border: 1px solid #ddd;

}

.comfrantable td a.intlofran {

    background:#d72839;

    color:#FFFFFF;

    border-radius:5px;

    padding:5px 10px 5px 10px;

}

.comfrantable th, td img {

    max-width:120px;

    height:auto;

    border-radius:5px;

}

.captalremrk {

    font-size:12px !important;

    font-style:italic;

}

/* Location Official */



/* Home Item */

.full-home-item {

    width:100%;

    background-color:#1a9b8c;

    color:#FFFFFF;

    padding:45px 0 40px 0;

    float:left;

}

.hdr-h-geitem {

    color:#FFFFFF;

}

.view-h-geitem-but {

    background:#d72839;

    padding:5px 20px 5px 20px;

    border-radius:20px;

    color:#FFFFFF !important;

}

.view-h-geitem-but:hover {

    background:#FFFFFF;

    color:#000000 !important;

}

.h-get-item-area {

    width:100%;

    box-sizing:border-box;

    padding:10px 10px 0 10px;

    display:inline-block;

}

.h-get-item-left {

    width:70%;

    box-sizing:border-box;

    display:inline-block;

}

.h-get-item-right {

    width:30%;

    box-sizing:border-box;

    float:right;

    background:#182e2b;

    border-radius:5px;

}

.h-get-item-left ul {

    margin:0;

    padding:0;

    width:100%;

    box-sizing:border-box;

}

.h-get-item-left ul li {

    width:50%;

    box-sizing:border-box;

    display:inline;

    float:left;

    padding:0 30px 0 0;

    margin:0;

}

.h-get-item-left ul li img {

    max-width:100%;

    height:auto;

    border-radius:5px;

}

.h-get-item-left ul li .shpic {

    overflow: hidden;

    position: relative;

}

.h-get-item-left ul li .shpic .shinfo {

    box-sizing: border-box;

    display:block !important;

    position:absolute;

    width:100%;

    padding:15px 10px 15px 10px !important;

    bottom:0px;

    left:0px;

    background-color: rgba(0, 0, 0, 0.7);

    color:#FFFFFF;

    border-radius:0 0 5px 5px;

    font-family:'Kanit', sans-serif;

    font-size:18px;

}

.h-get-item-left ul li .shpic .recommicon {

    display:block !important;

    position:absolute;

    top:20px;

    left:0px;

    text-align:center;

    width:auto;

    height:auto;

    background: #d72839;

    padding:2px 10px 3px 10px;

    color:#FFFFFF;

    font-size:12px;

    font-family:'Kanit', sans-serif;

    border-radius:0 5px 5px 0;

}

.h-get-item-left ul li .shpic .recommicon i {

    margin:0 7px 0 0;

}

.h-getitem-txt-topic {

    font-family:'Kanit', sans-serif;

    font-size:18px;

    line-height:26px;

    width:100%;

    box-sizing:border-box;

    padding:15px 0 0 0;

}

.h-getitem-txt-topic a {

    color:#FFFFFF !important;

}

.h-getitem-txt-topic a:hover {

    color:#000000 !important;

}

.h-get-item-right ul {

    width:100%;

    box-sizing:border-box;

    margin:0;

    padding:0;

}

.h-get-item-right ul li {

    display:block;

    float:left;

    width:100%;

    box-sizing:border-box;

    font-family:'Kanit', sans-serif;

    font-size:16px;

    line-height:24px;

    border-top:solid #a9d1cc 1px;

}

.h-get-item-right ul li:first-child {

    border-top:none;

}

.h-get-item-right ul li p {

    padding:20px;

}

.h-get-item-right ul li a {

    color:#FFFFFF;

}

.h-get-item-right ul li a:hover {

    color:#ffc000;

}

.viewallbottm {

    display:none;

}

/* Home Item */

.frnapplymob {

    display:none;

}

.resptableinf {

    width:100%;

    box-sizing:border-box;

    display:inline-block;

    font-family:'Sarabun', sans-serif;

}

.resptableinf table {

    border: 1px solid #ccc;

    border-collapse: collapse;

    margin: 20px 0 0 0;

    padding: 0;

    width: 100%;

    table-layout: fixed;

}

.resptableinf table th span.captalremrk {

    font-size:12px !important;

    font-weight:normal !important;

}

.resptableinf table tr {

    padding: .35em;

}

.resptableinf table th {

    padding: .625em;

    text-align: center;

    border: 1px solid #ddd;

}

.resptableinf table td {

    padding: .625em;

    border: 1px solid #ddd;

}

.resptableinf table td:first-child {

    padding: .625em;

    border-right: 1px solid #fff;

}

.resptableinf table th {

    font-size: 14px;

    text-transform: uppercase;

    font-weight:normal;

}

.resptableinf table tr td img {

    max-width:100%;

    height:auto;

    float:left;

}

.resptableinf td a.intlofran {

    display:inline-block;

    background:#d72839;

    color:#FFFFFF;

    border-radius:5px;

    padding:5px 10px 5px 10px;

}

.suggefraninloc {

    width:100%;

    display:inline-block;

}

.franlocmark {

    width:auto !important;

    display:inline-block;

    box-sizing:border-box;

    background:#02a388 !important;

    color:#FFFFFF !important;

    font-size:12px !important;

    text-align:center;

    border-radius:3px;

    padding:0 10px 0 10px;

    margin:5px 0 0 0;

}

.remkinvt {

    display:none;

}

.dphdbotremk {

    display:none;

}

.usemplk {

    position:relative;

}

.usemplk img {

    max-width:100%;

    height:auto;

}

.loctinfo .shfname {

    float:left;

    margin:0 10px 0 0;

}

.advhpbox {

    width:96%;

    box-sizing:border-box;

    margin:10px 2% 20px 2%;

    padding:0;

    text-align:center;

    font-family:'Sarabun', sans-serif;

    font-size:16px;

    line-height:26px;

}

.advhpbox ul {

    width:100%;

    display:inline-block;

    margin:20px 0 0 0;

}

.advhpbox ul li {

    display:inline-block;

    margin:0;

    padding:0 10px 0 10px;

}

.advhpbox ul li i {

    margin:0 7px 0 0;

    font-size:18px;

}

.advhpbox ul li a.addfriend {

    width:200px;

    display:inline-block;

    background:#06c755;

    color:#FFFFFF;

    border-radius:5px;

    padding:7px 0 7px 0;

}

.advhpbox ul li a.summform {

    width:200px;

    display:inline-block;

    background:#d72839;

    color:#FFFFFF;

    border-radius:5px;

    padding:7px 0 7px 0;

}

.bskncontainer {

	display: grid;

	grid-template-columns: [col1] 50% [col2] 25% [col3] 25%;

    /* grid-gap: 10px; */

	grid-template-rows: [row1] 47% [row2] 47%;

}

.grid-cell-1 {

	grid-column: 1 ;

	grid-row: 1 / 3;

	border-radius: 6px;

    box-sizing:border-box;

    margin:10px;

}

.grid-cell-2 {

    box-sizing:border-box;

	border-radius: 6px;

    margin:10px;

}

.grid-cell-3 {

    box-sizing:border-box;

	border-radius: 6px;

    margin:10px;

}

.grid-cell-4 {

    box-sizing:border-box;

	border-radius: 6px;

    margin:20px 10px 10px 10px;

}

.grid-cell-5 {

    box-sizing:border-box;

	border-radius: 6px;

    margin:20px 10px 10px 10px;

}

.grid-cell-1 img, .grid-cell-2 img, .grid-cell-3 img, .grid-cell-4 img, .grid-cell-5 img {

    width:100%;

    height:auto;

    object-fit: cover;

    font-family: 'object-fit: cover;';

    display:block;

}

.knwgeblk {

    width:100%;

    box-sizing:border-box;

    display:inline-block;

    --tw-shadow: 0 1px 1px 0 #0000001a,0 0 0 0 #0000000f!important;

    box-shadow: var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important;

}

.knwgeblk .shpic {

    overflow: hidden;

    position: relative;

}

.knwgeblk .shpic .shinfo {

    box-sizing: border-box;

    display:block !important;

    position:absolute;

    width:100%;

    padding:0;

    bottom:0px;

    left:0px;

    background-color: rgba(0, 0, 0, 1);

    color:#FFFFFF;

}

.kndlgrabg {

    width:100%;

    box-sizing:border-box;

    background: linear-gradient(0deg, rgba(0,0,0,1), transparent) !important;

    background-color:none !important;

    padding:20% 10px 10px 10px !important;

}

.knwgeblk .shpic .shinfo .shkndhlne {

    box-sizing: border-box;

    width:100%;

    font-family:'Prompt', sans-serif;

    color:#FFFFFF;

    font-size:16px;

    line-height:24px;

    float:right;

    padding:10px;

}

.knwgeblk .shpic .shinfo .shkndhlne .hdlknoledg {

    width:100%;

    display:inline-block;

    box-sizing:border-box;

    font-weight:bold;

    font-size:22px;

    line-height:30px;

}

.knwgeblk .shpic .shinfo .shkndhlne .hdlknoledgsml {

    width:100%;

    display:inline-block;

    box-sizing:border-box;

    font-weight:bold;

    font-size:18px;

    line-height:28px;

}

.knwgeblk .shpic .shinfo .shkndhlne ul {

    width:100%;

    display:inline-block;

    box-sizing:border-box;

}

.knwgeblk .shpic .shinfo .shkndhlne ul li {

    display:inline;

    margin:0;

    padding:0 10px 0 0;

    font-size:12px;

}

.knwgeblk .shpic .shinfo .shkndhlne ul li i {

    margin:0 5px 0 0;

}

.knwgeblk .shpic .shinfo .shkndhlne ul li:first-child {

    color: rgba(255, 255, 255, 0.7);

}

.knwgeblk .shpic .shinfo .shkndhlne ul li span {

    background:#99c555;

    color:#FFFFFF;

    display:inline-block;

    font-size:12px;

    border-radius:30px;

    padding:0 12px 0 12px;

    line-height:22px;

    margin:7px 0 0 0;

}

.fullbg-knownew {

    width:100%;

    display:inline-block;

    box-sizing:border-box;

    background:#f3f3f3;

    padding:40px 0 40px 0;

}

.allnwkndge {

    width:98%;

    margin:0 1% 0 1%;

    font-family:'Prompt', sans-serif;

    font-size: 20px;

    line-height: 30px;

}

.lsnwknldgearea {

    width:100%;

    box-sizing:border-box;

    display:inline-block;

    margin:20px 0 0 0;

}

.lsnwknlist {

    width:23%;

    margin:1%;

    box-sizing:border-box;

    float:left;

    background:#FFFFFF;

    -webkit-box-shadow: 0 3px 5px 0 rgb(0 1 1 / 10%);

    box-shadow: 0 3px 5px 0 rgb(0 1 1 / 10%);

}

.lsnwknlist img {

    max-width:100%;

    height:auto;

    float:left;

}

.lsnwktopic {

    width:100%;

    box-sizing:border-box;

    display:inline-block;

    padding:20px;

}

.lsnwktopic p {

    font-family:'Kanit', sans-serif;

    font-size:20px;

    line-height:28px;

}

.lsnwktopic ul {

    width:100%;

    display:inline-block;

    box-sizing:border-box;

    margin:20px 0 0 0;

}

.lsnwktopic ul li {

    display:inline;

    margin:0;

    padding:0 10px 0 0;

    font-size:12px;

    font-family:'Kanit', sans-serif;

}

.lsnwktopic ul li i {

    margin:0 5px 0 0;

}

.lsnwktopic ul li:first-child {

    color: rgba(0, 0, 0, 0.5);

}

.lsnwktopic ul li span {

    background:#99c555;

    color:#FFFFFF;

    display:inline-block;

    font-size:12px !important;

    border-radius:30px;

    padding:0 12px 0 12px !important;

    line-height:22px;

    margin:7px 0 0 0;

}

.lsnwktopic ul li span a {

    color:#FFFFFF;

}

.lsnwktopic ul li span a:hover {

    color:#000000;

}

.bsknhilgt {

    box-sizing: border-box;

    width:100%;

    /* background:#F3F3F3; */

    background:#2d2d3d;

    /* background:#99c555; */

    padding:40px 0 50px 0;

    display:inline-block;

}

.bsknhilgt .bsknhilarea {

    width:98%;

    display:inline-block;

    margin:0 1% 0 1%;

}

.bsknhilgt .bsknhilarea .knobizhdr {

    width:100%;

    display:inline-block;

    box-sizing:border-box;

    margin:0 0 10px 0;

}

.bsknhilgt .bsknhilarea .knobizhdr ul {

    width:100%;

    display:inline-block;

    font-family:'Kanit', sans-serif;

}

.bsknhilgt .bsknhilarea .knobizhdr ul li {

    width:50%;

    display:inline;

    float:left;

}

.bsknhilgt .bsknhilarea .knobizhdr ul li p {

    font-size:20px;

    line-height:30px;

    color:#FFFFFF;

}

.bsknhilgt .bsknhilarea .knobizhdr ul li a {

    border-radius:5px;

    padding:5px 10px 5px 10px;

    color:#2d2d3d;

    background:#99c555;

}

.bsknhilgt .bsknhilarea .knobizhdr ul li a:hover {

    color:#FFFFFF;

}

.bsknhilgt .bsknhilarea .knobizhdr ul li:last-child {

    text-align:right;

}

.tpbnhilit {

    width:100%;

    box-sizing:border-box;

    display:inline-block;

    margin:20px 0 0 0;

}

.tpbnhilit .coleft {

    width:50%;

    box-sizing:border-box;

    float:left;

    background:#FFFFFF;

}

.tpbnhilit .coleft .cenbox {

    display: flex;

    align-items:center;

    -webkit-box-shadow: 0 3px 5px 0 rgb(0 1 1 / 10%);

    box-shadow: 0 3px 5px 0 rgb(0 1 1 / 10%);

}

.tpbnhilit .coleft .cenbox .imgbox {

    width:50%;

    display:inline-block;

    box-sizing:border-box;

}

.tpbnhilit .coleft .cenbox .imgbox img {

    max-width:100%;

    height:auto;

    float:left;

}

.tpbnhilit .coleft .cenbox .disptxtbox {

    width:50%;

    float:right;

    box-sizing:border-box;

    padding:20px;

}

.tpbnhilit .coleft .cenbox .disptxtbox p {

    font-family:'Kanit', sans-serif;

    font-size:20px;

    line-height:26px;

}

.tpbnhilit .coleft .cenbox .disptxtbox ul {

    font-family:'Kanit', sans-serif;

    width:100%;

    display:inline-block;

    box-sizing:border-box;

    margin:20px 0 0 0;

}

.tpbnhilit .coleft .cenbox .disptxtbox ul li {

    display:inline;

    margin:0;

    padding:0 10px 0 0;

    font-size:12px;

}

.tpbnhilit .coleft .cenbox .disptxtbox ul li:first-child {

    color: rgba(0, 0, 0, 0.5) !important;

}

.tpbnhilit .coleft .cenbox .disptxtbox ul li a {

    color:#FFFFFF;

}

.tpbnhilit .coleft .cenbox .disptxtbox ul li a:hover {

    color:#000000;

}

.tpbnhilit .coleft .cenbox .disptxtbox ul li i {

    margin:0 5px 0 0;

}

.tpbnhilit .coleft .cenbox .disptxtbox ul li span {

    background:#99c555;

    color:#FFFFFF;

    display:inline-block;

    font-size:12px !important;

    border-radius:30px;

    padding:0 12px 0 12px !important;

    line-height:22px;

    margin:7px 0 0 0;

}

.wrterbox {

    display: flex;

    align-items:center;

    margin:10px 0 0 0;

}

.wrterbox .wrterimg {

    width:14%;

    margin:0 1% 0 0;

    display:inline-block;

    box-sizing:border-box;

}

.wrterbox .wrterimg img {

    max-width:100%;

    height:auto;

    float:left;

    border-radius:50%;

}

.wrterbox .wrtername {

    width:80%;

    float:right;

    box-sizing:border-box;

    font-size:12px;

    font-family:'Sarabun', sans-serif;

}

.bizproarea {

    width:98%;

    display:inline-block;

    box-sizing:border-box;

    margin:0 1% 0 1%;

}

.bizproarea img {

    max-width:100%;

    height:auto;

    float:left;

}

.bizwhatwedo {

    width:100%;

    background:#99c555;

    display:inline-block;

    box-sizing:border-box;

    padding:40px;

    text-align:center;

}

.bizwhatwedo .bizname {

    font-family:'Kanit', sans-serif;

    font-size:26px;

    line-height:36px;

}

.bizwhatwedo .bizdo {

    font-family:'Sarabun', sans-serif;

    font-size:16px;

    line-height:24px;

    margin:10px 0 0 0;

}

.bizwriter {

    width:100%;

    display:inline-block;

    box-sizing:border-box;

    margin:50px 0 0 0;

}

.bizwriter .writerhdrline {

    font-family:'Kanit', sans-serif;

    font-size:20px;

    line-height:30px;

    background:#000000;

    display:inline-block;

    color:#FFFFFF;

    border-radius:5px;

    padding:3px 30px 3px 30px;

}

.bizwriterarea {

    width:100%;

    box-sizing:border-box;

    display:inline-block;

    margin:20px 0 0 0;

    text-align:left;

}

.bizwrterlist {

    width:50%;

    float:left;

    display:flex;

    align-items:center;

    box-sizing:border-box;

    padding:10px 20px 10px 20px;

}

.bizwrterlist .wriimg {

    width:21%;

    display:inline-block;

    box-sizing:border-box;

    margin:0 4% 0 0;

}

.bizwrterlist .wriimg img {

    max-width:100%;

    height:auto;

    float:left;

    border-radius:50%;

}

.bizwrterlist .writinfo {

    width:75%;

    box-sizing:border-box;

    display:inline-block;

}

.bizwrterlist .writinfo .writname {

    font-family:'Kanit', sans-serif;

    font-size:18px;

    line-height:26px;

    font-weight:bold;

}

.bizwrterlist .writinfo .writname a:hover {

    color:#FFFFFF;

}

.bizwrterlist .writinfo .writposition {

    font-family:'Sarabun', sans-serif;

    font-size:14px;

    line-height:22px;

}

.icbizwriter {

    font-family:'Prompt', sans-serif;

    display:inline-block;

    background:#99c555;

    color:#FFFFFF;

    padding:2px 20px 2px 20px;

    border-radius:5px;

    margin:5px 0 5px 0;

}

.icbizwriter a {

    color:#FFFFFF;

}

.hloctry {

    width:100;

    box-sizing:border-box;

    padding:0 1% 0 1%;

}

.hloctry ul {

    width:100%;

    margin:0;

    padding:0;

    font-size:0;

    display:inline-block;

}

.hloctry ul li {

    display:inline;

    float:left;

    font-size:16px;

    font-family:'Prompt', sans-serif;

    margin:0 10px 10px 0;

    padding:0;

}

.hloctry ul li a {

    float:left;

    background:#000000;

    color:#FFFFFF;

    border-radius:30px;

    padding:5px 20px 5px 20px;

}

.hloctry ul li a:hover {

    background:#d72839;

}



@media screen and (max-width: 600px) {

    .resptableinf table {

      border: 0;

    }

    .resptableinf table thead {

      border: none;

      clip: rect(0 0 0 0);

      height: 1px;

      margin: -1px;

      overflow: hidden;

      padding: 0;

      position: absolute;

      width: 1px;

    }

    .resptableinf table tr {

      border-bottom: 1px solid #ddd;

      display: block;

      margin-bottom: .625em;

    }

    .resptableinf table td {

      border-bottom: 1px solid #ddd;

      display: block;

      text-align: right;

    }

    .resptableinf table td:first-child {

        padding:0;

        border-right: 1px solid #ddd;

        border-bottom: 1px solid #FFF;

    }

    .resptableinf table td::before {

      /*

      * aria-label has no advantage, it won't be read inside a table

      content: attr(aria-label);

      */

      content: attr(data-label);

      float: left;

      font-weight: bold;

      text-transform: uppercase;

    }

    .resptableinf table td:first-child::before {

        /*

        * aria-label has no advantage, it won't be read inside a table

        content: attr(aria-label);

        */

        content: attr(data-label);

        float: left;

        font-weight: bold;

        text-transform: uppercase;

        display:none;

    }

    .resptableinf table td:last-child {

      border-bottom: 0;

    }

    .resptableinf table tr td img {

        border-radius:0;

        padding:0 0 10px 0;

    }

    .resptableinf table tr {

        padding: 0;

        margin:30px 0 0 0;

    }

    .remkinvt {

        display:inline-block;

        color:#FF0000;

    }

    .resptableinf table {

        margin: 0;

    }

    .dphdbotremk {

        display:block;

        width:100%;

        box-sizing:border-box;

        margin:5px 0 0 0;

        font-style:italic;

    }

    .dphdbotremk span {

        color:#FF0000;

    }

}