@import url('https://fonts.googleapis.com/css?family=Kanit');

/* For mobile phones: */

ิbody{
    margin:0px;
    font-family: 'Kanit', sans-serif;
    color:#666;
    font-size:13px;
    overflow-x: hidden;

}

.container{
    font-family: 'Kanit', sans-serif;
    background: #FFF;
}
.carousel-control {
    display: none;
}
.nopad{  padding:0px; }
.pad-left{  padding-right:0px; }
.pad-right{  padding-left:0px; }
.TopTab{ padding: 5px 0px !important;  height: 30px;  }
.margenta{ background:#b8b4d9; }
.pink{ background:#ED4F9C; }
.yel{ background:#FFE500; }
.ocien{ background:#00BCE1; }
.txt-white{ color:#FFF; }
.hlightGreen{ background:#1FFF23; }


.txt-pink,.txt-pink:hover{ color: #ED4F9C!important; cursor: pointer; cursor: hand; }
.txt-yel,.txt-yel:hover{ color: #FFE500 ; cursor: pointer; cursor: hand; }
.txt-margen,.txt-margen:hover{ color: #b8b4d9 ; cursor: pointer; cursor: hand; }
.txt-ocien,.txt-ocien:hover,.txt-ocien:active{ color: #00BCE1 ; cursor: pointer; cursor: hand; }
.txt-hlightGreen,.txt-hlightGreen:hover,.txt-hlightGreen:active{ color: #1FFF23 ; cursor: pointer; cursor: hand; }
.txt-center{ text-align: center;}
.txt-right{ text-align:right;}
.btn-yell{
    background:#fbda03; border:#fbda03;
    font-family: 'Kanit', sans-serif; padding:10px;
    text-align: center;
    margin:5px 0 0 0px;
    border-left:#FFF 2px solid;
}
.btn-magen{
    background:#b8b4d9;  border:#b8b4d9;
    margin:2px 0 2px 0px;
    border-left:#FFF 2px solid;
    font-family: 'Kanit', sans-serif;
    text-align: left; padding: 5px;
    text-indent: 10px;
    text-align: center;
}
.linkclick{ cursor:pointer;cursor:hand; }
.foottxt{  font-size:15px; }
.foottxt-gray{ background:#c8c8ca; padding:3px;border-bottom:#777 1px solid; color:#777; }
.fake-list{ font-size: 24px; text-align: left; border-bottom:#b8b4d9 2px solid; padding:10px; }
.fake-list-pink{ font-size: 24px; text-align: left; border-bottom:#ED4F9C 2px solid; padding:10px; }
.fake-list-yel{ font-size: 24px; text-align: left; border-bottom:#FFE500 2px solid; padding:10px; }
.fake-list-ocien{ font-size: 24px; text-align: left; border-bottom:#00BCE1 2px solid; padding:10px; }
.fake-list-hlightGreen{ font-size: 24px; text-align: left; border-bottom:#1FFF23 2px solid; padding:10px; }
.fake-items{ padding:10px 0 10px 0px; font-size: 16px; text-indent: 5px; border-bottom:#a6a6a6 1px solid;}
.content{ text-align:left; padding:10px;  font-size:17px; }
.content > div > img{ width:100%; height:auto; }
.subheader{ font-size: 24px; font-weight:bold; padding:5px; }
.subheader2{ font-size: 19px; padding:5px 5px 0px 5px; }
.txt{ padding:10px;font-size:17px; }
.ImgShow{ border:#ddd 1px solid; padding:5px; background: #FFF; margin-left:5px;}
a:link,a:hover,a:active,a:visited{ text-decoration: none; color: #333;}
.bgwhite{ background:#FFF; }
.Italic{ font-style: italic;}
.ic-purple {    color: #B8B4D9 !important;  }
.navbar,.navbar-nav{ background:#FFF;}
.navbar-header,.navbar-brand{ padding:5px;}

#foot-md{ display: block; }
#foot-xs{ display: none; }

.mobilex{ display:block; }
.desktopx{ display: none; }


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

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

    body{
      font-size: 16px;
      background: #cfd0d2;
     }
     .brd-pad{ padding:10px; }
     .subheader{ font-size: 22px; font-weight:bold; padding:5px; }
     .subheader2{ font-size: 22px; padding:5px 5px 0px 5px; }

    #foot-md{ display: none; }
    #foot-xs{ display: block; }
    .container{ max-width:1000px;}
    .maincontainer{ padding-left:50px; padding-right: 50px;}

    .special{ background:#87CA97; }
    .mobilex{ display:none; }
    .desktopx{ display:block ; }
    .offset-0:nth-child(odd) { padding-right: 0px;}
    .offset-0:nth-child(even) {  padding-left: 0px;  }
    .btn_menuclick{ font-size:13px; text-align: center; padding:5px; width: fit-content; display: inline-block; margin-left: 5px;}
    .bdr-margen{ border:#b8b4d9 1px solid;border-radius:4px; }
    .line-btm-margen{ border-bottom:#b8b4d9 1px solid; }
}