@font-face {
    font-family:'Superspace_Bold';
	src: url('https://www.simded.com/plugin/css/font/Superspace/Superspace Bold ver 1.00.ttf') format('truetype');
}
@font-face {
    font-family:'Superspace';
	src: url('https://www.simded.com/plugin/css/font/Superspace/Superspace Light ver 1.00.ttf') format('truetype');
}
@font-face {
    font-family:'eak_khunwai';
	src: url('https://www.simded.com/plugin/css/font/eak_khunwai.ttf') format('truetype');
}

body {
    padding-top: 115px; font-family:'Superspace_Bold';font-size:14px;
}

.MenuBg{background: linear-gradient(to bottom, rgba(219,024,30,1) 0%,rgba(122,0,0,1) 95%);}
.navbar-header{ height:98px;}
.navbar-nav{ font-family:'Superspace_Bold';font-size:20px;}
.navbar-inverse .navbar-nav > li > a {
    color: #FFFFFF;
}
.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    background-color: #eee;
}
@media (max-width: 375px)
{
	.navbar-brand{ width:230px;}
}
.fm_reading > .divphonenumber > div > .form-control{ width:77%;}
@media (max-width: 768px)
{
	.divphonenumber{ width:100%;}
	.fm_reading div{ padding-top:10px;}
	.fm_reading > .divphonenumber{ margin-left:15px;}
}
@media (max-width: 414px)
{
	.fm_reading > .divphonenumber > div > .form-control{ width:50%;}
}
.navbar-inverse {
    background-color: #F00;
    /*border-color: #FFFFFF;*/
	border-bottom:0px solid  #FFF;
}
.navbar-inverse .navbar-toggle {
    border-color: #FFFFFF;
}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #de1920;
}
.NavLabel{border:2px solid #FFF;background-color:#00a651;color:#FFF;padding:6px 6px;border-radius:4px;width:166px;text-align:center}
.li-shop-img{padding-left:15px;margin-top:-20px;}
@media (max-width: 992px)
{
	.NavLabel{ margin-top:10px;}
	.li-shop-img{padding-left:15px;margin-top:10px;}
}
.DivprofileR-Head {background-color:#c8ac52;padding-top:7px;padding-bottom:7px;color:#FFF;padding-left:15px;font-size:20px;border:1px solid #c8ac52;}
.DivprofileR-Detail{ border:1px solid #c8ac52;background-color:#FFF;padding:15px;}
.DivprofileR-Detail > div {text-align:center;margin-top:10px;}
.btn_read{ background-color:#0248bb;width:129px;font-size:18px;}
.MenuBgBottom{background:url(../images/tap_top.jpg) no-repeat, linear-gradient(  to right,  #bb8233 50%,  #bb8233 50%,  #f5dd71 0%,  #f5dd71 100% ) ;height:8px;}
.BtnLogin{background-color:#ed1c24;color:#FFF;border:2px solid #FFF;padding-left:25px;padding-right:25px;}
.BtnLogin:hover{background-color:#7c0101;color:#FFF;border:2px solid #FFF;padding-left:25px;padding-right:25px;}
.HeadText{text-align:center;font-size:50px;font-family:'eak_khunwai';line-height:35px;}
.HeadTextL{text-align:left;font-size:50px;font-family:'eak_khunwai';line-height:35px;}
.HeadText2{text-align:center;font-size:44px;font-family:'eak_khunwai';line-height:35px;}
.DivCat{background-color:#fff6da;padding:10px 20px 0px 15px;}
.BoxCat{float:left;width:135px;height:120px;border:0px solid #F00;margin-left:25px;margin-bottom:7px;}
.BoxCat > a > .BoxCatText{font-size:18px;text-align:center;text-decoration:none;color:#333;}
.BoxCat > a:hover{text-decoration:none;}
@media (max-width: 385px)
{
	.DivCat{padding:20px 10px 0px 10px;}
	.BoxCat{margin-left:15px;}
}
@media (max-width: 320px)
{
	.DivCat{padding:10px 0px 0px 2px;}
	.BoxCat{margin-left:3px;width:130px;height:120px;}
}
.Banner{margin-top:45px;}
.carousel-indicators {
    top: -30px;
}
.carousel-indicators {
    position: absolute;
    bottom: 10px;
    left: 50%;
    z-index: 15;
    width: 60%;
    padding-left: 0;
    margin-left: -30%;
    text-align: center;
    list-style: none;
	
}

.carousel-indicators .active {
    width: 17px;
    height: 17px;
    margin: 1px;
    background-color: #ed1c24;
	border:1px solid #ed1c24;
}
.carousel-indicators li {
    display: inline-block;
    width: 17px;
    height: 17px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #c8ac52;
   /* background-color: rgba(0,0,0,0);*/
    border: 1px solid #c8ac52;
    border-radius: 10px;
}

.BgWhite{ background-color: transparent;}
.DivSearch{background-color:#fff6da;padding:20px 30px;}
@media (max-width: 768px){.DivSearch{padding-top:10px;margin-top:0px;}.BgWhite{ background-color:#FFF;}}

.InputNumber{
	width:23px;height:36px;-webkit-border-radius:4px;-moz-border-radius:4px;
	border-radius:4px;border:1px solid #FFF;font-size:28px;color:#000;
	margin-top:5px;margin-bottom:5px;border:1px solid #c8ac52;text-align:center
}
.InputFM{
	height:36px;-webkit-border-radius:4px;-moz-border-radius:4px;
	border-radius:4px;border:1px solid #FFF;font-size:30px;color:#000;padding-left:15px;
	margin-right:10px;margin-top:5px;margin-bottom:5px;border:1px solid #c8ac52;
}
.input_number_line{ 
	width:20px;height:13px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:1px solid #FFF;margin:0 20px 0 15px; 
}
select.drop_stylenum{
	padding:20px;
}
.BoxSearch{padding-left:5px;padding-right:5px;text-align:center}
.LabelSearch{ text-align:center;font-size:18px;}
@media (max-width: 768px){.BoxSearch{padding-left:15px;padding-right:15px;text-align:left}.LabelSearch{ text-align:left;}}



.Drop{ -webkit-border-radius:4px;-moz-border-radius:4px;
	border-radius:4px;border:1px solid #c8ac52;margin-top:5px;height:36px;margin-bottom:5px;width:100%;padding:10px;}
	

input[type=radio] {margin: 0;padding-top: 3px;border-color: #F00;}


.label_search_ext {vertical-align: center;}
.like {margin-top: 3px;display: block;}
.label_search_like {margin-bottom: 7px;margin-top: -3px;}
.labels_numlike {display: block;margin-bottom: 5px;}
.number_like {cursor: pointer;background-color: #47b350;padding: 6px 12px 6px 12px;color: #fff;border-radius: 50%;font-size:20px;}
.number_ori {cursor: pointer;background-color: #FFFFFF;padding: 6px 12px 6px 12px;color: #000;border-radius: 50%;font-size:20px;
display:inline-block;margin-bottom:8px;line-height:20px;width:36px;height:36px;margin-top:0px;text-align:center}
.number_dislike {cursor: pointer;background-color: #e8252d;padding: 6px 12px 6px 12px;color: #fff;border-radius: 50%;font-size:20px;display:inline-block;margin-bottom:8px;line-height:20px;width:36px;height:36px;margin-top:0px;text-align:center}

.like_y {zoom:1.4;margin-right: 5px;}
.like_n {zoom:1.4;margin-right: 5px;}

.box_btn_link {padding-top: 4px;}
.dot_green {width: 12px;height: 12px;border-radius: 50%;background-color: #47b350;display: inline-block;}
.dot_red {width: 12px;height: 12px;border-radius: 50%;background-color: #e8252d;display: inline-block;}


.DivProfessor{margin-bottom:20px;margin-top:0px;font-size:18px;font-family:'Superspace';}
.radio-item-Y,.radio-item-N {
  display: inline-block;
  position: relative;
  padding: 0 6px;
  margin: 5px 0 0;
  font-size:14px;
}

.radio-item-Y input[type='radio'] ,.radio-item-N input[type='radio'] {
  display: none;
}

.radio-item-Y label,.radio-item-N label {
  color: #333;
  font-weight: normal;
  font-size:18px;
}

.radio-item-Y label:before {
  content: " ";
  display: inline-block;
  position: relative;
  top: 5px;
  margin: 0 5px 0 0;
  width: 20px;
  height: 20px;
  border-radius: 11px;
  border: 2px solid #00a651;
  background-color: #FFF;
}

.radio-item-Y input[type=radio]:checked + label:after {
  border-radius: 11px;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 9px;
  left: 10px;
  content: " ";
  display: block;
  background: #00a651;
}

.radio-item-N label:before {
  content: " ";
  display: inline-block;
  position: relative;
  top: 5px;
  margin: 0 5px 0 0;
  width: 20px;
  height: 20px;
  border-radius: 11px;
  border: 2px solid #ed1c24;
  background-color: #FFF;
}

.radio-item-N input[type=radio]:checked + label:after {
  border-radius: 11px;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 9px;
  left: 10px;
  content: " ";
  display: block;
  background: #ed1c24;
}
.Btn-Green{width:156px;background-color:#00a651;border:1px solid #00a651;}
.Btn-Red{width:156px;background-color:#ed1c24;border:1px solid #ed1c24;}
.Btn-RedA{background-color:#ed1c24;border:1px solid #ed1c24;}
.text_phone{font-size:70px;}
.br{ display:none;}
@media (max-width: 414px)
{
 .text_phone{font-size:50px;}
}
@media (max-width: 320px)
{
 .text_phone{font-size:40px;}
 .br{ display:inline;}
}
.btn_addple{border:1px solid #39b54a;width:155px;}
.Btn-Blue{background-color:#0248bb;border:1px solid #0248bb;font-size:18px;padding-left:40px;padding-right:40px;}
.detail_phone{margin-top:20px;border-top:1px solid #c8ac52;margin-bottom:20px;padding-top:20px}
.form-horizontal .control-label {
    padding-top: 0px;
    margin-bottom: 0;
    text-align: right;
}

.has-success .control-label {
    color: #333333;
}
table.TbBar{ font-family:'Superspace';font-size:15px;color:#000;}
table.TbBar > thead{ border:1px solid #c8ac52;background-color:#c8ac52;color:#FFF;text-align:center;}
table.TbBar > thead > tr > th{ color:#FFF;text-align:center;}
table.TbBar > tbody{ border:1px solid #c8ac52;}
table.TbBar > tbody > tr > td{ border-bottom:1px solid #c8ac52;background-color:#FFF;padding-top:10px;padding-bottom:10px;}
table.TbBar > tbody > tr > .DataNot{ color:#F00;text-align:center;font-size:16px;}
table.TbBar > tbody > tr > td > input{ border:1px solid #c8ac52;}
table.TbBar > tbody > tr > td > select{ margin-top:0px;}
.TextFM-R{font-size:50px; font-family:'eak_khunwai';line-height:30px;font-weight:normal;color:#333;}
@media (max-width: 768px)
{
	.TextFM-R{font-size:40px;}	
}
.InputFM-R{
border-top:1px solid #c8ac52;
border-right:1px solid #FF0000;
border-left:1px solid #c8ac52;
border-bottom:1px solid #c8ac52;
}
.Btn-RedFM-R{background-color:#ed1c24;border:1px solid #ed1c24; border-top-left-radius:0px;border-bottom-left-radius:0px;width:103px;}
.Btn-RedFM-G{background-color:#39b54a;border:1px solid #39b54a; border-top-left-radius:0px;border-bottom-left-radius:0px;width:103px;}
.input-group-addon {
    padding: 0px 0px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #FFF;
    border: 0px solid #ccc;
        border-left-width: 1px;
        border-left-style: solid;
        border-left-color: rgb(204, 204, 204);
    border-radius: 4px;
        border-top-left-radius: 4px;
        border-bottom-left-radius: 4px;
}
.BgProfrssor{background-color:#fff6da;padding:15px 0;margin-bottom:5px;}
.ImgProfile{ border-radius:50%;}
.BerDedToday{border-bottom:2px solid #fff3cd;padding-bottom:10px;padding-top:10px;}
.BerDedToday-ber{font-size:30px;color:#333;text-decoration:none;}
.BerDedToday-sum{font-size:20px;color:#00a651;}
.BerDedToday-price{font-size:20px;color:#ed1c24;}
.BerDedToday-page{margin-bottom:5px;text-align:right}
@media (max-width: 768px)
{
	.HeadText,.HeadTextL{ font-size:40px;text-align:center;}
	.BerDedToday-ber{font-size:20px;}
	.BerDedToday-page{text-align:center;}
}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 0px 0;
    border-radius: 4px;
}

.pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    z-index: 2;
    color: #23527c;
    background-color: #F5F5F5;
    border-color: #ddd;
}
.pagination > li:first-child > a, .pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 0px 6px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #333333;
    text-decoration: none;
    background-color: transparent;
    border: 0px solid #ddd;
	font-size:20px;
}
.pagination > li:last-child > a, .pagination > li:last-child > span {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
z-index: 3;
color: #fff;
cursor: default;
background-color: #ff0000;
border-color: #ff0000;

}
.modal-dialog {
	margin-top:20%;
}
.BoxRecom{border:2px solid #c8ac52;margin-bottom:30px;}
.BoxRecom-div{margin:10px;}
.btn-sale{ background-color:#ed1c24;border:1px solid #ed1c24;padding-left:20px;padding-right:20px;}
@media (max-width: 768px){.btn-sale{ padding-left:20px;padding-right:20px;}}
.btn-price{ background-color:#00a651;border:1px solid #00a651;border-top-right-radius:0px;border-bottom-right-radius:0px;padding-left:20px;padding-right:21px;margin-left:-1px;}
.BoxpaginationL{border:0px solid #F00;background-color:#fff6da;padding:15px;margin-top:15px;min-height:425px;}
.BoxpaginationR{border:0px solid #F00;background-color:#;margin-top:15px;background-color:#fff6da;padding-right:0px;min-height:425px;}
.FmPredictMaster-label{ font-size:18px;}
.Fmpagination{ border:1px solid #c8ac52;}
.btn-send{ background-color:#ed1c24;border:1px solid #ed1c24;border-radius:0px;}
.btn-send-re{ background-color:#000000;border:1px solid #000000;border-radius:0px;color:#FFF;}
.tap-login > li > a{ width:200px;}
.Divtap-login{background-color:#fff6da;padding-top:0px;margin-top:0px;top:0px;border:1px solid #fff6da;}
.Divtap-login > .tab-pane{ padding:25px;}
.btn-login{ width:100%;background-color:#ed1c24;}
.input-group-login { background-color:#F00;padding-left:13px;padding-right:13px;color:#FFF;}
.inp-login{border:1px solid #c8ac52;margin-top:2px;}
.btn-regi{ width:100%;background-color:#00a651;}
.form-control{border: 1px solid #c8ac52;}
.btn-review{width:50%;background-color:#00a651;}
.btn-review-rad{ background-color:#ed1c24;width:160px;}

.reviewbar{ padding-bottom:8px;}
.progress{height:10px;border-radius:0px;background-color: #c8ac52;margin-top:9px;margin-bottom:6px;}
.progress-bar{background-color: #ff0000;height:10px;}
.review_commen{border-bottom:2px solid #fff6da;padding-bottom:15px;}
.PredictProfile{padding:0px;}
@media (max-width: 768px)
{
	.PredictProfile{ padding-left:15px;padding-right:15px;}
}


.nav-tabs {
    border-bottom: 1px solid #fff6da;
}
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    cursor: default;
	background-color: #fff6da;
	border-bottom: 3px solid #fff6da;
	border-left: 0px solid #FFF;
	border-top: 0px solid #FFF;
	border-right: 3px solid #FFF;
}
.nav-tabs > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border-left: 0px solid #FFF;
	border-right: 3px solid #FFF;
	border-bottom: 3px solid #FFF;
    border-radius: 0px 0px 0 0;
	color:#000;
	font-size:18px;
	 background-color: #eee0b1;
	 margin-left:-1px;
	width:150px;
	text-align:center;
}
@media (max-width: 1024px){
	.nav-tabs > li > a {width:80px;font-size:16px;padding-left:0px;padding-right:0px;}
}
@media (max-width: 990px){
	.nav-tabs > li > a {width:100px;font-size:18px;padding-left:5px;padding-right:5px;}
}
@media (max-width: 414px){
	.nav-tabs > li > a {width:94px;}
}
@media (max-width: 375px){
	.nav-tabs > li > a {width:70px;font-size:16px;padding-left:0px;padding-right:0px;}
}
.nav-tabs > li > a:hover {
    border-color: #fff6da #fff6da #fff6da;
}
.nav > li > a:focus, .nav > li > a:hover {
    text-decoration: none;
    background-color: #fff6da;
}
.DivPredictLast{margin-top:10px;}
.DivPredictLast-Ber{font-size:20px;font-weight:bold;}
.DivPredictLast-Ber span{font-size:16px;color:#ff0000;}
.DivPredictLast-BerDtail{font-size:15px;}
.DivpaginationR{ padding:0 15px;padding-top:10px; }

.BoxProfile{background-repeat:no-repeat;background-position:center;border:0px solid #F00;height:334px;}
.Divprofile{position: relative;margin: 0;padding-bottom: 15px;min-height: 100%;}
.Divprofile2{position: absolute; right: 0; bottom: 0;  left: 15px; padding: 15px;}
.DivShopDtail{ background-color:#fff6da;}
.ShopDtail{margin-bottom:10px;margin-top:0px;border:0px solid #F00;padding-top:15px;padding-bottom:15px;font-size:18px;}
.ShopDtail > .row > .col-xs-10 > div{ padding-top:5px;}
.TextHeadProfessor{font-size:22px;font-weight:bold;}
@media (max-width: 414px)
{
	.TextHeadProfessor{font-size:18px;font-weight:bold;}
}