/* .img-box {
    opacity: 0.3;

}

.img-box2 {
    border: 10px solid #fff;
}


div.pujun-bg {
    background: linear-gradient(0deg, var(--c1), var(--c2), var(--c3)) no-repeat;

} */

/* div.movebg{
    background: linear-gradient(0deg,var(--c1),var(--c2),var(--c3)) no-repeat;
    background-size: 100% 100% ;
    transition: background-size 0.3s 0.5s;
    background-position-x: center;
} */

.pujun-imgbox {
    position: relative;
}

/* .pujun-imgbox1{
    position: absolute;
    --t:3px; 
    --l:30px;
    --g:15px;
    --s:150px;
    --h:150px;
    --x:0px;
    --y:0px;
    width: calc(var(--s) + 2 * var(--g)) !important;
    height: calc(var(--h) + 2 * var(--g)) !important;
    border: var(--t) solid #875914;
    margin-left: calc(var(--t) * -1);
    margin-top: calc(var(--g) * -1);
    transform: translate(var(--x),var(--y));
    transition: all 0.5s;
    -webkit-mask: conic-gradient( at 50px 50px, transparent 75%, #0e062b 75% 100% );
    -webkit-mask-position: 0 0;
    -webkit-mask-size: calc(100% - var(--l)) calc(100% - var(--l));

} */

.pujun-imgbox1 {
    --t:3px; 
    --l:30px;
    --g:15px;
    --s:0px;
    --h:0px;
    --x:0px;
    --y:0px;
    --borderColor: #0e062b;
    /* --shadow:#875914; */
    position: absolute;
    top: 0px;
    left: 0px;
    width: calc(var(--s) + 2 * var(--g)) !important;
    height: calc(var(--h) + 2 * var(--g)) !important;
    background: linear-gradient(to left, var(--borderColor), var(--borderColor)) left top no-repeat, linear-gradient(to bottom, var(--borderColor), var(--borderColor)) left top no-repeat, linear-gradient(to left, var(--borderColor), var(--borderColor)) right top no-repeat, linear-gradient(to bottom, var(--borderColor), var(--borderColor)) right top no-repeat, linear-gradient(to left, var(--borderColor), var(--borderColor)) left bottom no-repeat, linear-gradient(to bottom, var(--borderColor), var(--borderColor)) left bottom no-repeat, linear-gradient(to left, var(--borderColor), var(--borderColor)) right bottom no-repeat, linear-gradient(to left, var(--borderColor), var(--borderColor)) right bottom no-repeat;
    margin-left: calc(var(--g) * -1);
    margin-top: calc(var(--g) * -1);
    transform: translate(var(--x),var(--y));
    transition: all 0.5s;
    background-size: 3px 20px, 20px 3px, 3px 20px, 20px 3px;
   /*  box-shadow: 0 0 1.5vw var(--shadow) inset; */
}