@font-face {
    font-family: 'Poppins';
    src: url('Poppins-Light.woff2') format('woff2'),
        url('Poppins-Light.woff') format('woff'),
        url('Poppins-Light.ttf') format('truetype'),
        url('Poppins-Light.svg#Poppins-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('Poppins-Medium.woff2') format('woff2'),
        url('Poppins-Medium.woff') format('woff'),
        url('Poppins-Medium.ttf') format('truetype'),
        url('Poppins-Medium.svg#Poppins-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('Poppins-Regular.woff2') format('woff2'),
        url('Poppins-Regular.woff') format('woff'),
        url('Poppins-Regular.ttf') format('truetype'),
        url('Poppins-Regular.svg#Poppins-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Prompt';
    src: url('Prompt-Bold.woff2') format('woff2'),
        url('Prompt-Bold.woff') format('woff'),
        url('Prompt-Bold.ttf') format('truetype'),
        url('Prompt-Bold.svg#Prompt-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Prompt';
    src: url('Prompt-ExtraLight.woff2') format('woff2'),
        url('Prompt-ExtraLight.woff') format('woff'),
        url('Prompt-ExtraLight.ttf') format('truetype'),
        url('Prompt-ExtraLight.svg#Prompt-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Prompt';
    src: url('Prompt-ExtraBold.woff2') format('woff2'),
        url('Prompt-ExtraBold.woff') format('woff'),
        url('Prompt-ExtraBold.ttf') format('truetype'),
        url('Prompt-ExtraBold.svg#Prompt-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Prompt';
    src: url('Prompt-ExtraLightItalic.woff2') format('woff2'),
        url('Prompt-ExtraLightItalic.woff') format('woff'),
        url('Prompt-ExtraLightItalic.ttf') format('truetype'),
        url('Prompt-ExtraLightItalic.svg#Prompt-ExtraLightItalic') format('svg');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Prompt';
    src: url('Prompt-Light.woff2') format('woff2'),
        url('Prompt-Light.woff') format('woff'),
        url('Prompt-Light.ttf') format('truetype'),
        url('Prompt-Light.svg#Prompt-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Prompt';
    src: url('Prompt-Medium.woff2') format('woff2'),
        url('Prompt-Medium.woff') format('woff'),
        url('Prompt-Medium.ttf') format('truetype'),
        url('Prompt-Medium.svg#Prompt-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Prompt';
    src: url('Prompt-Regular.woff2') format('woff2'),
        url('Prompt-Regular.woff') format('woff'),
        url('Prompt-Regular.ttf') format('truetype'),
        url('Prompt-Regular.svg#Prompt-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Prompt';
    src: url('Prompt-SemiBold.woff2') format('woff2'),
        url('Prompt-SemiBold.woff') format('woff'),
        url('Prompt-SemiBold.ttf') format('truetype'),
        url('Prompt-SemiBold.svg#Prompt-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}



/* 
@font-face {
    font-family: 'Poppins';
    src: url('../../Poppins-Light.woff2') format('woff2'),
        url('../../Poppins-Light.woff') format('woff'),
        url('../../Poppins-Light.ttf') format('truetype'),
        url('Poppins-Light.svg#Poppins-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../../Poppins-Medium.woff2') format('woff2'),
        url('../../Poppins-Medium.woff') format('woff'),
        url('../../Poppins-Medium.ttf') format('truetype'),
        url('../../Poppins-Medium.svg#Poppins-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Poppins';
    src: url('../../Poppins-Regular.woff2') format('woff2'),
        url('../../Poppins-Regular.woff') format('woff'),
        url('../../Poppins-Regular.ttf') format('truetype'),
        url('../../Poppins-Regular.svg#Poppins-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Prompt';
    src: url('../../Prompt-Bold.woff2') format('woff2'),
        url('../../Prompt-Bold.woff') format('woff'),
        url('../../Prompt-Bold.ttf') format('truetype'),
        url('../../Prompt-Bold.svg#Prompt-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Prompt';
    src: url('../../Prompt-ExtraLight.woff2') format('woff2'),
        url('../../Prompt-ExtraLight.woff') format('woff'),
        url('../../Prompt-ExtraLight.ttf') format('truetype'),
        url('../../Prompt-ExtraLight.svg#Prompt-ExtraLight') format('svg');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Prompt';
    src: url('../../Prompt-ExtraBold.woff2') format('woff2'),
        url('../../Prompt-ExtraBold.woff') format('woff'),
        url('../../Prompt-ExtraBold.ttf') format('truetype'),
        url('../../Prompt-ExtraBold.svg#Prompt-ExtraBold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Prompt';
    src: url('/assets/fonts/Prompt-ExtraLightItalic.woff2') format('woff2'),
        url('/assets/fontsPrompt-ExtraLightItalic.woff') format('woff'),
        url('/assets/fontsPrompt-ExtraLightItalic.ttf') format('truetype'),
        url('/assets/fontsPrompt-ExtraLightItalic.svg#Prompt-ExtraLightItalic') format('svg');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Prompt';
    src: url('../fonts/Prompt-Light.woff2') format('woff2'),
        url('../fonts/Prompt-Light.woff') format('woff'),
        url('../fonts/Prompt-Light.ttf') format('truetype'),
        url('../fonts/Prompt-Light.svg#Prompt-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Prompt';
    src: url('../../Prompt-Medium.woff2') format('woff2'),
        url('../../Prompt-Medium.woff') format('woff'),
        url('../../Prompt-Medium.ttf') format('truetype'),
        url('../../Prompt-Medium.svg#Prompt-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Prompt';
    src: url('../../Prompt-Regular.woff2') format('woff2'),
        url('../../Prompt-Regular.woff') format('woff'),
        url('../../Prompt-Regular.ttf') format('truetype'),
        url('../../Prompt-Regular.svg#Prompt-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Prompt';
    src: url('../assets/fonts/Prompt-SemiBold.woff2') format('woff2'),
        url('../assets/fonts/Prompt-SemiBold.woff') format('woff'),
        url('../assets/fonts/Prompt-SemiBold.ttf') format('truetype'),
        url('../assets/fonts/Prompt-SemiBold.svg#Prompt-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
} */




.bodyfujith span sup sub a p ul h1 h2 h3 h4 h5 h6  {
    font-family: 'Prompt', sans-serif !important;
}

.font1{
   
    font-weight: normal !important;
}
.font2{
    font-weight: 200 !important;

}
.font3{
    font-weight: 300 !important;
}

.font4{
    font-weight: 500 !important;
}
.font5{
    font-weight: 600 !important;
}

.font1, .font2, .font3, .font4, .font5, p {
    margin-top: 0;
    margin-bottom: 0.3rem !important;
    
}
.boderbottomxs ul li p{
    font-size: 1.1rem !important;
}
.intro1 {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: left top !important;
   /* background: url("https://fujifilm-x.com/th-th/special/fujikina-bangkok-2023/assets/img/Fujikina_bw.png") */
    background: url("https://fujifilm-x.com/th-th/special/fujikina-bangkok-2023/assets/img/Fujikina_bw.png")
}

.intro2 {
    background-size: cover !important;
    background-position: left bottom !important;
    background: #000;
  /*  background: url("https://fujifilm-x.com/th-th/special/fujikina-bangkok-2023/assets/img/BG_Black.png"); */
 /* background: url("https://fujifilm-x.com/th-th/special/fujikina-bangkok-2023/assets/img/BG_Black.png"); */

    background-repeat: no-repeat !important
}

.img-gallery {
    width: 9%;
    height: 25%
}

.img-lanmark {
    max-width: 100%;
    width: 100%
}

.img-lanmarkhead {
    position: absolute;
    bottom: -34%;
}

.ptt-5 {
    padding-top: 24% !important;
    padding-bottom: 5% !important
}

.intro3 {
    background-size: cover !important;
    background-position: left top !important;
    /* background: url("https://fujifilm-x.com/th-th/special/fujikina-bangkok-2023/assets/img/bgnotexthead.png?h=8648ff31e9fbc175e7a75d1287504d9e"); */
background: url("https://fujifilm-x.com/th-th/special/fujikina-bangkok-2023/assets/img/bgnotexthead.png?h=8648ff31e9fbc175e7a75d1287504d9e");


    background-repeat: no-repeat !important
}

section {
    width: 100%
}

.circle-bor {
    position: absolute;
    left: -9%;
    top: 17%
}

.bodercircle {
    border-bottom-left-radius: 0;
    border: 2px solid var(--bs-gray-300);
    height: auto
}

li {
    color: var(--bs-white)
}

.imgcc {
    width: 16%;
    padding-left: 0
}

.watphotext{
    position: absolute;
    right: 0%;
    bottom: 0%;
}





.pdlr{
    padding-left: 10%  !important; 
    padding-right: 10%  !important;
}


.pdl8{
    padding-left: 8%  !important; 
    
}

@media screen and (max-width:480px) {
.imgcc {
    width: 19% !important;
    padding-left: 0;
}

.circle-bor {
    position: absolute;
    left: -9% !important;
    top: 10% !important;
}

    .pdlr{
        padding-left: 0% !important; 
        padding-right: 0% !important;
    }
    .pdl8{
        padding-left: 0% !important; 
        
    }

    .hhh{
        
        height: 94%;
    }
    .hhh2{
        
        height: 94%;
    }
    .cardx {
        border-radius: 0;
       position: relative !important;
    bottom: 0;
    top: 0 !important;
        --bs-card-border-radius: 0rem !important;
        background-color: transparent !important;
        z-index: 1;
        background-size: cover !important;
       /* background: url("https://fujifilm-x.com/th-th/special/fujikina-bangkok-2023/assets/img/27MAY2023FrameGray.png") */
background: url("https://fujifilm-x.com/th-th/special/fujikina-bangkok-2023/assets/img/27MAY2023FrameGray.png")

    }
}

.ptb-5 {
    padding: 8%
}

.bg-watpho {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: right bottom !important;
   /* background: url("https://fujifilm-x.com/th-th/special/fujikina-bangkok-2023/assets/img/bgwatpho2.png?h=99dfab6ee4630f4add9301156c576d90") */

    background: url("https://fujifilm-x.com/th-th/special/fujikina-bangkok-2023/assets/img/bgwatpho2.png?h=99dfab6ee4630f4add9301156c576d90")
}

.intro6 {
    background-size: cover !important;
    background-position: center !important;
    background: url("https://fujifilm-x.com/th-th/special/fujikina-bangkok-2023/assets/img/bgnotexthead.png?h=4e33d3ee9d5dfa8f38544117ba751990");

/* background: url("https://fujifilm-x.com/th-th/special/fujikina-bangkok-2023/assets/img/bgfooter.png?h=4e33d3ee9d5dfa8f38544117ba751990"); */
    height: auto;
    width: 100%;
    background-repeat: no-repeat !important
}

.img-logoxsp{
    width: 15% ;
   
   }

   .img-tuk{
    width: 80% ;

   }

   .imgflowers{
    width: 50%;
   }

   .img-shared{
        width: 20%;
        height: 20%;
   }

   .img-reg{
    width: 80%;
   }


@media (min-width:576px) {
    .smtxt {
        padding-top: 53%;
        padding-bottom: 24px
    }
}

.smtxt {
    padding-top: 217px;
    padding-bottom: 24px
}

@media (max-width:300px) {
    .smtxt {
        padding-top: 308px;
        padding-bottom: 24px
    }
}

.cardx {
    border-radius: 0;
    bottom: 0;
    position: relative;
--bs-card-border-radius: 0rem !important;
    top: -19rem;
    z-index: 1;
    background-color: transparent !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: right top !important;
    background: url("https://fujifilm-x.com/th-th/special/fujikina-bangkok-2023/assets/img/27MAY2023FrameGray.png")
}

.fontbody{
    font-size: 1.3rem;
}

@media screen and (max-width:480px) {
 .ht3{
        font-size: 1.2rem;
    }

    .ht4{
        font-size: 0.7rem;
      }

    .img-gallery {
        width: 16%;
        height: 25%;
    }
    .fontbody{
        font-size: 1rem;
    }
    .smtxt {
        padding-top: 320px;
        padding-bottom: 24px
    }
    .img-logo{
        width: 15% !important;
       }
}

.container-fluidz {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 10.25%; /* 16:9 Aspect Ratio */
}

.img-logo{
 width: 15% ;
}




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

    .imgcc {
    width: 26% ;
    padding-left: 0;
}

.circle-bor {
    position: absolute;
    left: -15% ;
    top: 14% ;
}

.pdlr{
        padding-left: 0% !important; 
        padding-right: 0% !important;
    }
    .pdl8{
        padding-left: 0% !important; 
        
    }
 .ftt{
        font-size: 1rem !important;
    }

    .img-logo {
        width: 20% !important;
       height: fit-content !important;
    }

    .img-gallery {
        width: 16%;
        height: 25%;
    }
    .fontbody{
        font-size: 1rem;
    }

.hhh{
        
    height: 94% !important;
}
.hhh2{
    
    height: 94%;
}
}

@media screen and (max-width: 767px), print{


img .img-logo{
    width: 15% !important;
    display: block;
}

}

.boderbottomx{

border: 2px solid #000;
padding-top: 2%;
}

.post-container{
    margin: 20px 20px 0 0;  
    border:0px solid #333;
    width:100%;
    overflow:hidden;
}

.post-thumb img {
    float: left;
    clear:left;
    width:50px;
    height:50px;
    border:0px ;
}
.post-title {
     float:left;   
     margin-top:3px;
    margin-left:10px;
}
.post-title2 {
     float:left;   
     display:inline;
    margin-left:10px;
}

.post-content {
    float:right;
}