.mag-area  { background-color:#eee; }

.mag-area > .title { background-color:#781d20;padding:10px 0px; }
.mag-area > .title h1 { font-size:26px;color:#fff;margin-bottom:10px;max-width:1300px; margin:0px auto; display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; }
.mag-area > .title h1 > span { font-size:16px;font-weight:normal  }
.mag-area > .title h1 > .g { color:#f2b84c }
.mag-area > .title h1 > .w { opacity:.8;}
.mag-area > .title h1 > .W { padding: 0 0 0 5px;}
.mag-area > .title h1 > img.iconphra { display: block;height: 28px; margin: 0 5px 0 0;}


.mag-area > .row { display:flex;align-items:flex-start;max-width:1300px; margin:0px auto;  }
.mag-area > .row > .col-content { width:75%; }
.mag-area > .row > .col-menu { width:25%; }

.mag-area > .row .content-area { margin:30px;margin-bottom:0px;margin-left:0px;background-color:#fff;border-left:10px #bb5e12 solid;padding:30px 10px; }
.mag-area > .row .content-area > h1.content-title { opacity:.95;box-sizing:border-box;font-size:20px;font-weight:normal; padding-left:60px; margin-bottom:20px;margin-left:10px; background:url(../img/icon/title2.png) left center no-repeat;background-size:auto 45px;  }
.mag-area > .row .content-area > .content-banner { margin-left:-10px;margin-right:-10px; }
.mag-area > .row .content-area > .content-banner img { width:100%; }
.mag-area > .row .content-area > .content-body { margin:30px;color:#000;font-family:'tahoma'  }
.mag-area > .row .content-area > .content-body a { color:#000 }

.mag-area .btn-group { font-size:0px; }
.mag-area .btn-group > .btn { font-size:17px;font-weight:bold;color:#111;display:inline-block;padding:8px 20px;background-color:#eee;min-width:100px;text-align:center;margin:0px 1px;margin-bottom:20px;  }
.mag-area .btn-group > .btn.active { background-color:#f2b134 }


.mag-area .list-3 { display:flex; }
.mag-area .list-3 > .col { width:33.33%;box-sizing:border-box;padding:15px; }
.mag-area .list-3 .img-area { }
.mag-area .list-3 .img-area img { width:100%; }
.mag-area .list-3 .title { margin:10px; }
.mag-area .list-3 .title a { font-size:16px;color:#111;font-weight:400  }

.mag-area .list-1 { display:flex; }
.mag-area .list-1 > .col { width:100%;box-sizing:border-box;padding:15px; }
.mag-area .list-1 .img-area { }
.mag-area .list-1 .img-area img { width:100%; }
.mag-area .list-1 .title { margin:10px; }
.mag-area .list-1 .title a { font-size:16px;color:#111;font-weight:400  }


.mag-area .list-2 { display:flex;flex-flow:row wrap;  }
.mag-area .list-2 > .col { width:50%;box-sizing:border-box;padding:15px;display:flex; }
.mag-area .list-2 .img-area { width:40% }
.mag-area .list-2 .img-area img { width:100%; }
.mag-area .list-2 .title { margin:0px 15px;width:60%; }
.mag-area .list-2 .title a { font-size:14px;color:#111;font-weight:400; display: block; max-height: 80px; overflow: hidden;}

.mag-area .menu-area { background-color:#313131 !important;padding:20px 0px; }
.mag-area .menu-area > .box { padding:20px; }
.mag-area .menu-area > .box.bdr { border-bottom:1px #464646 solid; }
.mag-area .menu-area .title { color:#f2b133 !important;font-weight:400;font-size:20px;margin:0px 5px;}
.mag-area .menu-area .title > span { color:#fff;opacity:.9;font-weight:normal  }
.mag-area .menu-area .search-area { display:flex;align-items:center;background-color:#fff;width:100%;margin:10px 0px; }
.mag-area .menu-area .search-area > * { border:none; padding:8px 15px;font-size:14px;margin:0px; }
.mag-area .menu-area .search-area > .btn { background-color:#f2b134; }
.mag-area .menu-area .search-area > .textbox { width:100%; }
.mag-area .menu-area ul { list-style-type:none;margin:15px 0px; padding:0px;   }
.mag-area .menu-area ul li { padding:10px;border-bottom:1px #464646 solid; }
.mag-area .menu-area ul li a { color:#FFF;font-size:15px; line-height: 23px; }

.mag-area .menu-area-right { background-color:#313131 !important;padding:20px 0px; }
.mag-area .menu-area-right > .box { padding:20px; }
.mag-area .menu-area-right > .box.bdr { border-bottom:1px #464646 solid; }
.mag-area .menu-area-right .title { color:#f2b133 !important;font-weight:400;font-size:20px;margin:0px 5px;}
.mag-area .menu-area-right .title > span { color:#fff;opacity:.9;font-weight:normal  }
.mag-area .menu-area-right ul { list-style-type:none;margin:15px 0px; padding:0px;   }
.mag-area .menu-area-right ul li { padding:10px; border-bottom:1px #464646 solid; overflow: hidden; padding: 5px; height: 2em;}
.mag-area .menu-area-right ul li a { display: block; color:#FFF; line-height: 2em; font-size: 1em;}

.mag-area .banner-area { margin-top:40px; }
.mag-area .banner-area .banner { width:100%;margin-bottom:10px  }
.mag-area .banner-area a { display: block; margin-bottom:10px;}


.mag-area-main  {  }

.mag-area-main > .title { background-color:#781d20;padding:24px 0px; }
.mag-area-main > .title h1 { font-size:26px;color:#fff;margin-bottom:10px;max-width:1300px; margin:0px auto;  }
.mag-area-main > .title h1 > span { font-size:16px;font-weight:normal  }
.mag-area-main > .title h1 > .g { color:#f2b84c }
.mag-area-main > .title h1 > .w { opacity:.8;}

.mag-area-main > .row { display:flex;align-items:flex-start;max-width:1300px; margin:0px auto;  }
.mag-area-main > .row > .col-content { width:75%; }
.mag-area-main > .row > .col-menu { width:25%; }

.mag-area-main > .row .content-area { margin:30px;margin-bottom:0px;margin-left:0px;background-color:#fff;border-left:10px #bb5e12 solid;padding:30px 10px; }
.mag-area-main > .row .content-area > h1.content-title { opacity:.95;box-sizing:border-box;font-size:20px;font-weight:normal; padding-left:60px; margin-bottom:20px;margin-left:10px; background:url(../img/icon/title2.png) left center no-repeat;background-size:auto 45px;  }
.mag-area-main > .row .content-area > .content-banner { margin-left:-10px;margin-right:-10px; }
.mag-area-main > .row .content-area > .content-banner img { width:100%; }
.mag-area-main > .row .content-area > .content-body { margin:30px;color:#000;font-family:'tahoma'  }
.mag-area-main > .row .content-area > .content-body a { color:#000 }

.mag-area-main .btn-group { font-size:0px; }
.mag-area-main .btn-group > .btn { font-size:17px;font-weight:bold;color:#111;display:inline-block;padding:8px 20px;background-color:#eee;min-width:100px;text-align:center;margin:0px 1px;margin-bottom:20px;  }
.mag-area-main .btn-group > .btn.active { background-color:#f2b134 }


.mag-area-main .list-1 { display:flex; }
.mag-area-main .list-1 > .col { width:100%;box-sizing:border-box;padding:15px; }
.mag-area-main .list-1 .img-area { }
.mag-area-main .list-1 .img-area img { width:100%; }
.mag-area-main .list-1 .title { margin:10px; }
.mag-area-main .list-1 .title a { font-size:16px;color:#fff;font-weight:400  }


.mag-area-main .list-3 { display:flex; }
.mag-area-main .list-3 > .col { width:33.33%;box-sizing:border-box;padding:15px; }
.mag-area-main .list-3 .img-area { }
.mag-area-main .list-3 .img-area img { width:212px; }
.mag-area-main .list-3 .title { margin:10px; }
.mag-area-main .list-3 .title a { font-size:16px;color:#fff;font-weight:400  }

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

.mag-area-main .menu-area { background-color:#313131;padding:20px 0px; }
.mag-area-main .menu-area > .box { padding:20px; }
.mag-area-main .menu-area > .box.bdr { border-bottom:1px #464646 solid; }
.mag-area-main .menu-area .title { color:#f2b133;font-weight:400;font-size:20px;margin:0px 5px;}
.mag-area-main .menu-area .title > span { color:#fff;opacity:.9;font-weight:normal  }

.info {
    position:relative;
    left: 0;
    bottom: 0px;
    width: 100%;
    padding: 20px 0px;
    overflow: hidden;
    color: #7c7c7c;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    border: 0;
}
.mag-area-main .menu-area .search-area { display:flex;align-items:center;background-color:#fff;width:100%;margin:10px 0px; }
.mag-area-main .menu-area .search-area > * { border:none; padding:8px 15px;font-size:14px;margin:0px; }
.mag-area-main .menu-area .search-area > .btn { background-color:#f2b134; }
.mag-area-main .menu-area .search-area > .textbox { width:100%; }
.mag-area-main .menu-area ul { list-style-type:none;margin:15px 0px; padding:0px;   }
.mag-area-main .menu-area ul li { padding:10px;border-bottom:1px #464646 solid; }
.mag-area-main .menu-area ul li a { color:#fff;font-size:15px; }

.mag-area-main .banner-area { margin-top:40px; }
.mag-area-main .banner-area .banner { width:100%;margin-bottom:10px  }


.search-area { float:right;display:flex;align-items:center;background-color:#fff; }
.search-area > * { border:none; padding:6px 15px;font-size:14px;margin:0px; }
.search-area > .btn { background-color:#f2b134; }
.search-area > .textbox { width:140px; border:1px solid #eee; }


.mag-area .photo-slide { width:98%}
.mag-area .col-ads { box-sizing:border-box;padding:20px;width:15%; }
.mag-area .col-ads img.ads { width:90%; }

.mag-area .swiper-amulet { height:400px;position: relative; }
.mag-area .swiper-amulet .swiper-slide { background-size:contain;height:100%; background-repeat:no-repeat; background-position:center   }
.mag-area .swiper-amulet .btn-left { position: absolute; left:5px;top:47%;z-index:1; }
.mag-area .swiper-amulet .btn-right { position: absolute; right:5px;top:47%;z-index:1; }

.mag-area .thumb-area { text-align:center;margin:20px 0px;font-size:0px; }
.mag-area .thumb-area .thumb { height:80px;display:inline-block;margin:3px;opacity:.3; }
.mag-area .thumb-area .thumb img { height:100%; }
.mag-area .thumb-area .thumb.active { opacity:1; }

.mag-area .wrapper { background-color:#781d20;max-width:1300px;margin:0px auto;display:flex;padding:10px;box-sizing:border-box  }
.mag-area .wrapper > .col-a { width:25%;margin:5px; }
.mag-area .wrapper > .col-b { width:75%;margin:5px; }
.bannerMagazineMob{
     display:none;
  }

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

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

.btn-area area-btn::after {
    content: '';
    background-position: top right;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 0px;
    right: 0px;
}
.btn-area.more { margin:50px 0px 20px 0px; }
.btn-area.more .btn { background-color:#f2b134;color:#111; }

.mag-area .gallery-area { background-color:#FFFFFF; }
.mag-area .gallery-area > .wrapper { background-color:#ffffff;max-width:100%;margin:0px auto; }
.mag-area .gallery-area .row { display:flex;width:100%;box-sizing:border-box ; }
.mag-area .gallery-area .row > .photo-slide { width:100%}
.mag-area .gallery-area .row > .col-ads { box-sizing:border-box;padding:20px;width:15%; }
.mag-area .gallery-area .row > .col-ads img.ads { width:100%; }

.mag-area .gallery-area .swiper-amulet { height:400px;position: relative; }
.mag-area .gallery-area .swiper-amulet .swiper-slide { background-size:contain;height:100%; background-repeat:no-repeat; background-position:center   }
.mag-area .gallery-area .swiper-amulet .btn-left { position: absolute; left:0px;top:47%;z-index:1; }
.mag-area .gallery-area .swiper-amulet .btn-right { position: absolute; right:0px;top:47%;z-index:1; }

.mag-area .gallery-area .thumb-area { text-align:center;margin:20px 0px;font-size:0px; }
.mag-area .gallery-area .thumb-area .thumb { height:80px;display:inline-block;margin:3px;opacity:.3; }
.mag-area .gallery-area .thumb-area .thumb img { height:100%; }
.mag-area .gallery-area .thumb-area .thumb.active { opacity:1; }


.bannerClick{
    cursor: pointer;
}

.btnnone { display: none;}
.resultnone { display: none;}

.bannerMagazineIndexBottom {}
.bannerMagazineIndexBottom .web-banner {}
.bannerMagazineIndexBottom .web-banner img { display: block; width: 100%;}
@media screen and (max-width:1200px) {
  .mag-area > .title { padding:20px; }
  .mag-area-main > .title { padding:20px; }
}
@media screen and (max-width:900px) {

  .mag-area > .row { display:block; }
  .mag-area > .row > .col-content { width:auto; }
  .mag-area > .row .content-area { margin:0px;border:none; }
  .mag-area > .row > .col-menu { width:auto; }
  .bannerMagazineMob{
     display:block;
  }

  .mag-area .banner-area { display:flex;flex-flow:row wrap;align-items:center;margin:20px;  }
  .mag-area .banner-area a { width:48%;margin:1%;  }

  .mag-area-main > .row { display:block; }
  .mag-area-main > .row > .col-content { width:auto; }
  .mag-area-main > .row .content-area { margin:0px;border:none; }
  .mag-area-main > .row > .col-menu { width:auto; }

  .mag-area-main .banner-area { display:flex;flex-flow:row wrap;align-items:center;margin:20px;  }
  .mag-area-main .banner-area a { width:48%;margin:1%;  }

  .search-area { width:100%; float:left;display:flex;align-items:center;background-color:#fff; }
  .search-area > .textbox { width:90%; border:1px solid #eee; }
  .mag-area .btn-group { flex-flow:row wrap; }
  .mag-area .btn-group > .btn { font-size:15px;width:48%;box-sizing:border-box;margin:1%;  }
  .mag-area .swiper-amulet { height:290px; }
  .mag-area .photo-slide { width:100%}
  .mag-area-main .list-2 > .col {
      padding: 5px;
  }


    .info {
        padding: 10px 0px;
    }

    .mag-area-main .list-2 .title a { font-weight: 300;}
}

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

  .mag-area > .title h1 { font-size:22px  }
  .mag-area > .title h1 > span { /*display:block;*/font-size:15px;margin-top:3px; }

  .mag-area .btn-group { flex-flow:row wrap; }
  .mag-area .btn-group > .btn { font-size:15px;width:48%;box-sizing:border-box;margin:1%;  }

  .mag-area .list-3 { display:block; }
  .mag-area .list-3 > .col { width:auto;padding:0px;margin:20px 10px; }

  .mag-area .list-2 > .col { display:block;padding:5px; }
  .mag-area .list-2 .img-area { width:100%; display: inline-block; }
  .mag-area .list-2 .title { width:auto;margin:10px 5px; }

  .mag-area > .row .content-area > .content-body { margin:25px 15px; }
  .mag-area > .row .content-area > .content-body img { max-width:100% }

  .mag-area-main > .title h1 { font-size:22px  }
  .mag-area-main > .title h1 > span { display:block;font-size:15px;margin-top:3px; }

  .mag-area-main .btn-group { display:flex; flex-flow:row wrap; }
  .mag-area-main .btn-group > .btn { font-size:15px;width:48%;box-sizing:border-box;margin:1%;  }

  .mag-area-main .list-3 { display:block; }
  .mag-area-main .list-3 > .col { width:auto;padding:0px;margin:20px 10px; }

 .mag-area-main .list-2 { display:flex;flex-flow:row wrap;  }
.mag-area-main .list-2 > .col { width:100%;box-sizing:border-box;padding:15px;display:flex; }
.mag-area-main .list-2 .img-area { width:40% }
.mag-area-main .list-2 .title { margin:0px 15px;width:60%; }
.mag-area-main .list-2 .title a { font-size:14px;color:#fff; }

  .mag-area .list-2 > .col { width:100%;box-sizing:border-box;padding:15px;display:flex; }

  .mag-area-main > .row .content-area > .content-body { margin:25px 15px; }
  .mag-area-main > .row .content-area > .content-body img { max-width:100% }

  .search-area { width:100%; float:left;display:flex;align-items:center;background-color:#fff; }
  .search-area > .textbox { width:90%; border:1px solid #eee; }
  .mag-area .swiper-amulet { height:290px; }
  .mag-area .photo-slide { width:100%}
  .bannerMagazineMob{
     display:block;
  }


  .mag-area-main .list-2 > .col{
    width:100%!important;
    padding-bottom: 0px;
  }


 .mag-area-main .list-2 .title .info{
    padding: 0px 0px;
 }

 .mag-area .gallery-area .swiper-amulet { height:200px; }
 .mag-area > .row .content-area{
    padding-top:0px;
 }

 .mag-area .menu-area-right ul li { padding:10px; border-bottom:1px #464646 solid; overflow: hidden; padding: 5px; height: 3em;}
 .mag-area .menu-area-right ul li a { display: block; color:#FFF; line-height: 3em; font-size: 1.1em;}

}

@media screen and (max-width:490px) {
    .mag-area-main .list-2 > .col{
        display:inline-block;
        padding: 5px;
    }
    .mag-area-main .list-2 .img-area{
        width:100%;
    }
    .mag-area-main .list-2 .title,.mag-area .list-1 .title{
        width: 100%;
        margin: 10px 0px;
    }


    .mag-area .list-2 > .col,.mag-area .list-1 > .col{
        display:inline-block;
        padding: 5px;
    }

    .mag-area > .row .content-area > .content-body img { max-width:100%!important; width: 100%!important; height: auto!important; }
	.mag-area .banner-area a { width:98%;margin:1%;  }
	.mag-area .banner-area a img { display:block; width:100%;}

}
.cmscoverfoot { width: 100%; display: flex; align-items:center; justify-content:center; margin: 0 0 10px 0;}
.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:#000;font-size:20px;padding:8px 4px }
.cms-paging .page-no .textbox { display:inline-block;border:none;margin:3px;width:40px; border: 1px solid #000;}
.cms-paging .page-no .label { color:#000; }

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