#pic-topic.blog::after{content:""; width:100%; height:100%; background:url("../images/pic-blog.jpg") no-repeat; background-size:100%; position:absolute; z-index:-3; opacity:.6; top:0; left:0;}
/* #news-detail{width:100%; margin:45px 0 40px 0; padding:30px; border-radius:10px; overflow:hidden; display:block; background:#FFF; position:relative;} */
#top-head{padding:10px 25px 0 25px;}
#top-head .lang{right:25px;}
#blog-detail{width:100%; margin:45px 0 40px 0; padding:30px 0 0 0; border-radius:10px; overflow:hidden; display:block; background:#FFF; position:relative;}
#blog-detail .content{width:100%; text-align:left; display:block; float:left; font-family:'Kanit', sans-serif;} 
#blog-detail .content h4{width:100%; margin:20px 0 40px 0; padding:0; color:#EF3937; text-transform:uppercase; font-weight:600; position:relative;}
#blog-detail .content h5{width:80%; margin:25px 0; font-weight:600; position:relative; color:#6668AA; display: block;
  clear: both;}
#blog-detail .content h6{width:100%; font-weight:600; display:block;}
#blog-detail .content b, #blog-detail .content strong{font-weight:600;}
#blog-detail .content em{font-size: 1.2em; font-weight:500; font-style:normal;}
#blog-detail .content img{max-width:100%;}
#blog-detail .content span{width:100%; margin:0 0 20px 0; padding:0; display:block; float:left;}
#blog-detail .content p{width:100%; margin:0 0 20px 0; padding:0; line-height:1.2; font-size:1.2em; text-align:left; text-indent:20px; font-weight:300; text-indent:30px;  display:block;}
#blog-detail .content p.indent{text-indent:25px;}
#blog-detail .content span p:last-child{margin-bottom:0;}
#blog-detail .content ul{width:100%; padding:0; margin:0 0 20px 0; display:block;}
#blog-detail .content span ul:last-child{margin-bottom:0;}
#blog-detail .content li{width:100%; padding-left:25px; margin-bottom:10px; display:block; position:relative;}
#blog-detail .content li::before{content:""; width:6px; height:6px; border-radius:50%; display:block; position:absolute; left:7px; top:13px; background:#EF3937;}
#blog-detail .content .pic-view{
  width:350px; margin:7px 0 10px 0; border-radius:10px; overflow:hidden; display:block;
  box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.47);
  -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.47);
  -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.47);
}
#blog-detail .content .pic-view img{width:100%;}
#prev{width:auto; padding:10px 25px 10px 50px; line-height:1.3; border-radius:10px; font-size:1.2em; color:#FFF; font-weight:400; font-family:'Kanit', sans-serif;  text-transform:uppercase; background:#6668AA; position:relative; display:block; float:left;}
#prev i{line-height:1.3; font-size:1.2em; color:#FFF; font-style:normal; position:absolute; left:20px; top:9px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;}
#prev:hover i{left:15px; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;}

#other-package{width:100%; margin:40px 0 60px 0; display:block; float:left; position:relative;}
#other-package h4{width:100%; margin:25px 0; font-weight:600; position:relative; color:#EF3937;}
#other-package h3{margin:0 0 25px 0; padding:0; color:#6668AA; text-transform:uppercase; font-weight:500 !important; font-family:'Kanit', sans-serif;}
#other-package h3 a{color:#6668AA;}
#other-package h3 i{padding-right:10px; line-height:44px; font-size:25px; color:#EF3937;}
#other-package .swiper-wrapper{height:auto;}
#other-package .swiper-container{width:100%; display:block; float:left;}
#other-package .swiper-container img{width:100%; display:block;}
#other-package .content{width:100%; padding:0; display:block; list-style:none; float:left; font-family:'Kanit', sans-serif; transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;}
#other-package .content span{width:100%; border-radius:15px;
border:2px solid #6668AA; overflow:hidden; display:block;
-webkit-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.4);
-moz-box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.4);
box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.4);
}
#other-package .content span a{width:100%; text-align: center; display:block; text-decoration:none;}
#other-package .content span .pic{background:rgba(0,0,0,1); position:relative;}
#other-package .pic .price{width:auto; padding:0 5px; background:#025ABE; display:block; position:absolute; left:0; bottom:20px; z-index:30;overflow:hidden; box-shadow: 3px 3px 3px 0px rgba(0,0,0,0.5);
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
}
#other-package .pic .price .num{width:auto; margin:0; padding:6px 10px 6px 40px; line-height:1.2; font-size:120%; font-weight:400; color:#FFF; display:block; position:relative; font-family:'Kanit', sans-serif; background:#025ABE;}
#other-package .pic .price .num i{width:auto; display: block; position:absolute; left:15px; top:9px;}
#other-package .content span a img{width:100%; opacity:.7; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;}
#other-package .content:hover span a img{scale:1.03; opacity:1; transition: all 0.3s ease 0s; -webkit-transition: all 0.3s ease 0s;}
#other-package .content span a p{width:100%; height:48px; line-height:20px; font-size:1em; margin:0; padding:4px 3px; color:#000; display: flex;   font-weight:400; justify-content: center; align-items: center; background:#FFF;
}
#other-package .swiper-pagination-package{width:auto; display:none; position:absolute; z-index:50; bottom:-30px; left:50%; transform: translateX(-50%);}
#other-package .swiper-pagination-clickable .swiper-pagination-bullet{width:18px; height:18px; cursor: pointer; margin: 0 5px; text-align: center; display: inline-block;}
#other-package .swiper-pagination-clickable .swiper-pagination-bullet-active{background:#025ABE; transition: all 0.3s ease 0s;
  -webkit-transition: all 0.3s ease 0s;}
#other-package .package-next{right:-50px; top:calc(50% + 22px);}
#other-package .package-prev{left:-50px; top:calc(50% + 22px);}
#other-package .package-next, #other-package .package-prev{background-image:none !important;}
#other-package .package-next i, #other-package .package-prev i{width:27px; height:44px; font-size:50px; color:#EF3937; display:block;}


@media (min-width: 1921px) {
  #pic-topic.blog::after{content:""; background:url("../images/pic-blog.jpg") no-repeat top center; background-size:1920px;}
}

@media (max-width: 480px) {
    #top-head{padding:10px 15px 0 15px;}
    #top-head .lang{right:15px;}
    #blog-detail{margin:30px 0 20px 0; padding:20px 0;}
    #blog-detail .content h4{margin:5px 0 15px 0;}
    #blog-detail .content p{font-size:.9em;}
    #prev{width:auto; height:42px; padding:0px 25px 0px 50px; line-height:42px; font-size:1em;}
}