.box-cms { margin:10px 0px; }
.box-cms.nmt { margin-top:0px!important; }
.box-cms.nmb { margin-bottom:0px!important; }
.box-cms > .wrapper {
  max-width:1300px;margin:0px auto;padding:10px 40px;box-sizing:border-box;
  background: -moz-linear-gradient(top, rgba(0,0,0,0.2) 0%, rgba(0,0,0,0.5) 99%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.5) 99%,rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0,0,0,0.2) 0%,rgba(0,0,0,0.5) 99%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#33000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */
}
.box-cms > .wrapper > .title { font-size:26px;color:#fff;margin-bottom:10px; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap;}
.box-cms > .wrapper > .title > img.iconphra { display: block;height: 28px; margin: 0 5px 0 0;}
.box-cms > .wrapper > .title.center { justify-content:center !important; }
.box-cms > .wrapper > .title > span { font-size:16px;font-weight:normal  }
.box-cms > .wrapper > .title > .g { color:#f2b84c; margin: 0 0 0 5px;}
.box-cms > .wrapper > .title > .w { opacity:.8; margin: 0 0 0 5px;}
.box-cms > .wrapper > .title > .W { margin: 0 0 0 5px;}
.box-cms > .wrapper > .title .icon { height:26px;display:inline-block; vertical-align:top; margin-top:4px;  }
.box-cms > .wrapper  .title.sub { font-size:20px;color:#fff;margin-bottom:10px }
.box-cms > .wrapper  .title.sub .icon  { height:22px }

.box-cms > .wrapper > .title > span > .g { color:#f2b84c }

.TotalResult{
    display:none;
}

a.btnCancel{
    background-color: #f2b134;
    font-size: 14px;
    font-weight: normal;
    padding:4px 10px;
    color:#111;
}

.box-cms.type2 > .wrapper {
  background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 87%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 87%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 87%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.box-cms.type3 { margin-bottom:0px; }
.box-cms.type3 > .wrapper { background-color:#600212; }
.box-cms.no-bg > .wrapper { background:none;padding-top:0px; }
.box-cms.type3 { margin-bottom:0px; }

.box-cms.type4 { background-color:#29252f }
.box-cms.type4 > .wrapper { background:none }

.box-cms.type5 > .wrapper { background:none;background-color:#6d1919 }

.box-cms .indent-area { margin:20px; }

.box-cms .btn-area { margin:20px 0px;text-align:center;  }

.box-cms .btn-area .btn { display:inline-block;padding:8px 30px;min-width:180px;font-size:16px;font-weight:bold;color:#fff;background-color:#111;border:1px #f6630b solid; border-radius:5px;box-sizing: border-box }
.box-cms .btn-area .btn.a { background-color:#222; }
.box-cms .btn-area .btn.b { background-color:#444; }
.box-cms .btn-area .btn.c { background-color:#fff;color:#111;border:1px #f6630b solid;}
.box-cms .btn-area .btn.active { color:#f0a517;box-shadow:0px 0px 20px 2px #f0a517; }
/*.box-cms .btn-area .btn.c.active { color:#111;border-color:#f6ca18;box-shadow:none; }*/
.box-cms .btn-area .btn.c.active { color:#111;box-shadow:0px 0px 20px 2px #f0a517; }
.box-cms .btn-area.left { text-align:left }
.box-cms .btn-area .btn:hover {box-shadow:0px 0px 20px 2px #f0a517;}

.box-cms .btn-area .btn.vip { background-color:#111;background-image:url(../img/label/vip.png);
    background-position: top right;
    background-size: contain;
    background-repeat: no-repeat;
}
.box-cms .btn-area .btn.shop { background-color:#222;background-image:url(../img/label/shop.png);
	 background-position: top right;
   background-size: contain;
   background-repeat: no-repeat;
 }
.box-cms .btn-area area-btn::after {
    content: '';
    background-position: top right;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0px;
    right: 0px;
}


.box-cms .btn-area.more { margin:20px 0px 20px 0px; }
.box-cms .btn-area.more .btn { margin: 0 auto; background-color:#f2b134;color:#111;max-width:300px; display: flex; align-items: center; justify-content:center;;}
.box-cms .btn-area.more .btn > img { display: block; height: 30px; margin: 0 5px 0 0;}
.box-cms .btn-area .sort-area { float:right;display:flex;color:#fff;align-items:center;font-size:14px }
.box-cms .btn-area .sort-area .label-view { display:block;width:120px;padding:10px;background-color:#55000a;text-align:center }
.box-cms .btn-area .sort-area .label-view img { transform: translateY(-2px)  }
.box-cms .btn-area .sort-area select { font-size:14px; }


.list-pra { display:flex; flex-flow:row wrap;  }
.list-pra > .col { /*width:14.28%;*/width:12.5%;padding:5px;box-sizing:border-box }
.list-pra .pra-area { background-color:#363636;position: relative;min-height:100%;padding-bottom:45px;box-sizing:border-box  }
.list-pra .pra-area > .img { height:90px;overflow: hidden;padding:10px }
.list-pra .pra-area > .img img { width:100%; }
.list-pra .pra-area > .name { font-size:14px;margin:10px; height:39px; overflow:hidden; }
.list-pra .pra-area > .name a { color:#fff; }
.list-pra .pra-area > .footer { position: absolute; bottom:0px;left:0px;right:0px; font-size:14px;border-top:1px #712c3a solid;padding:10px; }
.list-pra .pra-area > .footer .icon { padding-left:25px; background-size:auto 100%; background-repeat:no-repeat;background-position:left center;  }
.list-pra .pra-area > .footer .icon-like { background-image:url(../img/icon/like.png); color:#18c9b7 }
.list-pra .pra-area > .footer .icon-call { background-image:url(../img/icon/call.png); color:#f2b134 }
.list-pra .pra-area > .footer .icon-price { background-image:url(../img/icon/baht.png); color:#FFF }
.list-pra .pra-area > .footer .icon-sold { background-image:url(../img/icon/close.png); color:#fb8181 }
.list-pra .pra-area::after {  content:'';background-position:top right; background-repeat:no-repeat;background-size:cover;width:50px;height:50px;position:absolute;top:0px;right:0px;  }
.list-pra .pra-area:hover {box-sizing: border-box;box-shadow: inset 0px 0px 0px 1px #f6630b;}

.list-pra .pra-area.vip { background-color:#111; }
.list-pra .pra-area.vip::after { background-image:url(../img/label/vip.png); right: 2px; top: 2px;  }
.list-pra .pra-area.shop { background-color:#222; }
.list-pra .pra-area.shop::after { background-image:url(../img/label/shop.png); right: 2px; top: 2px;}


.indent-area .list-mag { display:flex;flex-flow:row wrap;  }
.indent-area .list-mag > .col { width:50%;box-sizing:border-box;padding:15px;display:flex; }
.indent-area .list-mag .img { width:40% }
.indent-area .list-mag .img img { width:100%; padding-right:5px; }
.indent-area .list-mag .name { margin:0px 15px;width:60%; }
.indent-area .list-mag .name a { font-size:14px;color:#fff;font-weight:400  }


.list-people { display:flex;flex-flow:row wrap; }
.list-people > .col { width:14.28%;padding:5px;box-sizing:border-box }
.list-people .people-area {
  text-align:center;
  position: relative;min-height:100%;box-sizing:border-box; border-radius:5px;
  background: rgb(254,217,110); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(254,217,110,1) 0%, rgba(237,162,35,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(254,217,110,1) 0%,rgba(237,162,35,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(254,217,110,1) 0%,rgba(237,162,35,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fed96e', endColorstr='#eda223',GradientType=0 ); /* IE6-9 */
}
.list-people .people-area > .img { overflow: hidden;padding:10px }
.list-people .people-area > .img img { width:100%; }
.list-people .people-area > .shop { font-size:16px;margin:0 10px 0 10px;}
.list-people .people-area > .shop a { display: block;color:#5f130e;font-weight:bold;white-space: nowrap; }
.list-people .people-area > .name { font-size:13px;margin:15px 10px;margin-top:0px; }
.list-people .people-area > .name a { color:#fff; display: block; white-space: nowrap; overflow: hidden;}
.list-people .people-area:hover {box-sizing: border-box;box-shadow: inset 0px 0px 0px 1px #f6630b;}

.list-people.type2 > .col { padding:5px }
.list-people.type2 .people-area { background:#53010f }
.list-people.type2 .people-area > .shop a { color:#f2b133 }

.list-cate { display:flex;margin-bottom:20px;flex-flow:row wrap; }
.list-cate > .col { width:14.28%;padding:5px;box-sizing:border-box }
.list-cate .cate-area {
  position: relative;min-height:100%;box-sizing:border-box;border:1px #f6630b solid;
  background-color:#600212;
  padding:10px; padding-bottom:40px; cursor: pointer;
}
.list-cate .cate-area.active { color:#f0a517;box-shadow:0px 0px 20px 5px #f0a517 }
.list-cate .cate-area:hover {box-shadow:0px 0px 20px 5px #f0a517;}
.list-cate .cate-area > .img { position: absolute;top:9px;right:0px;/*bottom:15px;*/ }
.list-cate .cate-area > .img img { height:100%; padding-right:5px; }
.list-cate .cate-area > .name { font-size:14px; width:70%; }
.list-cate .cate-area > .name a { color:#fff;font-weight:bold; }
.list-cate .cate-area > .name small { color:#fff;font-size:10px;opacity:.8;line-height:1.3;display:block; }
.list-cate .cate-area > .cnt { font-size:12px;position: absolute;bottom:10px;left:10px;  }
.list-cate .cate-area > .cnt a { color:#eca325; }



.list-mag { display:flex;margin-bottom:20px;flex-flow:row wrap;position: relative; }
.list-mag > .col { width:25%;padding:5px;box-sizing:border-box }
.list-mag .mag-area {
  position: relative;min-height:100%;box-sizing:border-box;
}
.list-mag .mag-area > .img { margin-bottom:10px; }
.list-mag .mag-area > .img img { width:100%; }
.list-mag .mag-area > .name { font-size:15px;opacity:.9; }
.list-mag .mag-area > .name a { color:#fff;font-weight:bold; }


.list-mag .mag-area-main {
  position: relative;min-height:100%;box-sizing:border-box; width:100%;
}
.list-mag .mag-area-main > .img { margin-bottom:10px; }
.list-mag .mag-area-main > .img img { width:100%; }
.list-mag .mag-area-main > .name { font-size:15px;opacity:.9; }
.list-mag .mag-area-main > .name a { color:#fff;font-weight:bold; }


.list-mag .view-more { font-size:14px;position: absolute;top:-30px;right:10px;color:#f2b84c;text-decoration:underline  }

.cmscoverfoot { width: 100%; display: flex; align-items:center; justify-content:center;}
.cms-paging { display:flex; margin-top:10px; justify-content: flex-end }
.cms-paging .page-no { display:inline-block;font-size:0px }
.cms-paging .page-no > * { display:inline-block;padding:6px 12px;margin:0px 2px; font-weight:400;font-size:16px; border-radius:2px; }
.cms-paging .page-no .btn-go { background-color:#707070;color:#fff;margin:0px 8px; }
.cms-paging .page-no .btn-no { background-color:#d7d7d7;color:#111; }
.cms-paging .page-no .btn-no.active { background-color:#f0a517;color:#fff }
.cms-paging .page-no .btn-goto { background-color:#f0a517;color:#111 }
.cms-paging .page-no .btn-dot { color:#fff;font-size:20px;padding:8px 4px }
.cms-paging .page-no .textbox { display:inline-block;border:none;margin:3px;width:40px }
.cms-paging .page-no .label { color:#fff; }

.cms-paging .seperate { margin:0px 15px; height:auto; border-left:1px #f0a517 solid; display:inline-block }


.btn-control { position: relative; }
.btn-control .btn-left { position: absolute; left:-20px;top:-195px;z-index:1; }
.btn-control .btn-right { position: absolute; right:-20px;top:-195px;z-index:1; }

.btn-control2 { position: relative; }
.btn-control2 .btn-left { position: absolute; left:-20px;top:-145px;z-index:1; }
.btn-control2 .btn-right { position: absolute; right:-20px;top:-145px;z-index:1; }

.listresultoutput { width: 100%; display: flex; align-items: center; justify-content: space-between;}
.listresultoutput div:nth-child(1) {flex: 1 0 calc(85% - 5px);}
.listresultoutput div:nth-child(2) {flex: 1 0 calc(15% - 5px);}
.listresultoutput div:nth-child(2) a { font-weight: bold;}

.listresultoutput .showresuletext { color: #FFF; font-weight: bold; padding: 10px; font-size: 16px;}
.listresultoutput .showresuletext > .g { color:#f2b84c }
.listresultoutput .showresuletext > .spantype { color:#f2b84c }
#boxAmuletListTitleNotFound { display: none;}
#boxAmuletListTitle { display: none;}

@media screen and (max-width:1200px) {
  .list-pra .pra-area > .footer { font-size:12px }
  .list-pra .pra-area > .footer .icon { padding-left:24px; }
  .list-pra .pra-area > .name { font-size:12px;  height:50px; overflow:hidden;}
  .list-pra .pra-area > .img { height:90px }

  .list-people .people-area > .img { height:auto !important; }
  .list-people .people-area > .shop { font-size:14px }
  .list-people .people-area > .name { font-size:12px }

  .list-cate { justify-content:center }
  .list-cate > .col { width:20% }
}


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

  .list-pra { justify-content:center }
  .list-pra > .col { width:25% }
  .list-pra .pra-area > .img { height:auto !important; }

  .swiper-pra > .swiper-wrapper > *  { width:1050px!important }
  .swiper-pra .list-pra {  width:1050px  }
  .swiper-pra .list-pra > .col { width:150px }
  .swiper-pra .list-pra .pra-area > .img  { height:80px }

  .list-people { justify-content:center }
  .list-people > .col { width:25%; }
  .list-people .people-area > .img  {/* height:100px*/ }

  .swiper-people > .swiper-wrapper > *  { width:1050px!important }
  .swiper-people .list-people {  width:1050px  }
  .swiper-people .list-people > .col { width:150px }
  .swiper-people .list-people .people-area > .img  { height:80px }

  .list-cate > .col { width:25% }

  .box-cms .btn-area .btn { min-width:1px;padding:5px 20px }

  .box-cms > .wrapper {
    padding:10px 10px;
  }

  .box-cms .indent-area { margin:10px; }

  .list-people.type2 > .col{
    padding: 5px;
  }
  #boxShopList.list-people .people-area > .img { height:145px!important }

  .list-cate .cate-area > .name{
      min-height: 38px;
  }
}
@media screen and (max-width:600px) {

    .list-pra { justify-content:left }

  .list-cate > .col { width:50% }
  .list-pra > .col { width:50% }
  .list-cate .cate-area > .img { top:0px!important; }
  .list-pra .pra-area > .img {height: auto !important;}

  .box-cms > .wrapper > .title { font-size:22px; }
  .box-cms > .wrapper > .title > span { display:;font-size:14px;}
  .box-cms > .wrapper > .title > span:first-child { margin-top:4px;  }

  .box-cms > .wrapper { padding:25px 5px; }
  .box-cms .indent-area { margin:10px 5px; }
  .box-cms.type5 > .wrapper { padding:0px 10px; }

  .btn-control{
      display: inline-block;width: 100%;
  }
  .btn-control .btn-left { left:-5px;top:-195px; }
  .btn-control .btn-right { right:-5px;top:-195px; }


  .box-cms .btn-area { display:flex; flex-flow:row wrap; justify-content: center;}
  .box-cms .btn-area .btn { width:48%;padding:5px 10px;box-sizing:border-box;font-size:14px;margin:1%  }
  .box-cms .btn-area.more { margin-top:20px }
  .box-cms .btn-area.more .btn { }

  .list-mag > .col { width:50%;margin-bottom:5px; }

  .cms-paging { display:block;text-align:center;  }
  .cms-paging .page-no > * { padding:5px 8px;font-size:14px; }
  .cms-paging .page-no .btn-go { margin:0px 4px; }
  .cms-paging .seperate { display:none; }
  .cms-paging .page-no { margin-top:10px; }

  .boxAmuletListX{
      margin-top:-24px;
  }

  .list-pra .pra-area{
      padding-bottom:35px;
  }

  .btn-area.left a.btn{
      float:left;
  }

  .box-cms .btn-area .sort-area{
      margin-top:5px;
      width: 80%;
      float:left;
  }

  .search-area{
    margin-top:8px;
    /*float:left!important;*/
    width: 98%;
  }

  .search-area > .textbox{
      width: 60%!important;
      height: 24px!important;
  }

  .btn-area .search-area > .btn{
    width: 80px!important;
    height: 36px!important;
    margin-top: 0px; margin-left: -2px;
  }
  .list-people.type2 > .col{
      width:50%;  padding:3px;
  }

  #boxShopList.list-people .people-area > .img { height:250px!important }

}

@media screen and (max-width:540px) {
    #boxShopList.list-people .people-area > .img { height:200px!important }
}


@media screen and (max-width:490px) {
    #boxShopList.list-people .people-area > .img { height:auto !important }
    .btn-control .btn-left img,.btn-control .btn-right img{
        width: 35px;
        height: 35px;
    }
    .box-cms.no-bg > .wrapper{
        padding:0px 0px;
    }

    .box-cms .btn-area .btn{
        width: 98%; text-align: center;
    }
    .box-cms > .wrapper { padding: 5px;}
    .box-cms > .wrapper > .title { margin-bottom: 5px; margin-left: 5px; margin-top: 5px;}
    .box-cms .btn-area {
      margin: 0px 0px 20px 0px;
    }
    .list-pra { margin-bottom:0px; }
    .list-pra .pra-area > .img {height: auto !important; padding: 10px 10px 0 10px;}
    .list-cate { margin-bottom: 10px;}
}
@media screen and (max-width:375px) {
    .list-pra .pra-area > .img {height: auto !important;}
    .list-pra .pra-area > .img.homehot {height: 60px!important;}

}