.w_sub_container{
    z-index: 588;
    background: rgba(19,23,33,0.93);
    border: 1px solid rgba(255,255,255,0.34);
    display: none;
    position: fixed;
    bottom: 2.5vw;
    min-width: 20vw;
    min-height: 10vw;
    max-width: 72vw;
    /* height: 20vw; */
    border-radius: 0.3vw;
    left: 50%;
    overflow: hidden;
    text-align: center;
    box-sizing: border-box;
    max-height: 90vh;
    transform: translateX(-50%);
}
.w_sub_c_scroll{
    width: 97%;
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: 75vh;
    padding: 1% 0% 2vw 3%;
    text-align: left;
}
.w_sub_c_tittlebk{
    top: 0;
    left: 0%;
    width: 100%;
    height: 1.8vw;
    background: rgb(18 129 208);

    padding: 0.2vw;
}
.w_sub_c_tittlebk p{
    color: #f5fcff;
    font-size: 1.2vw;
    display: inline-block;
    margin: 0vw 1vw;
}

.w_sub_closebt{
    position: absolute;
    right: 0.5vw;
    top: 0.2vw;

}




.w_sub_c_item_c p{


    display: inline-block;
}
.w_sub_c_item_p_name{
    margin-right: 1vw;
    color: #d6d6d6;
    width: 5.2vw;
}

.w_sub_c_item_c{
    white-space: nowrap;
    padding: 0.6vw 2vw;
    box-sizing: inherit;
    font-size: 1.2rem;
    color: rgb(245, 245, 245);
    text-align: left;
}

.w_sub_c_item_c_col{
    text-align: center;
    padding: 0.2vw 2vw;
    width: 70%;
    display: inline-block;
    margin-bottom: 1vw;
    box-sizing: inherit;
    font-size: 1.2rem;
    color: rgb(245, 245, 245);
}

.w_sub_c_item_text{
    font-size: 1.0rem;
    display: block;
    color: #868686;
    /* margin-left: 6vw; */
    margin-top: 0.5vw;
    width: 100%;
    text-align: center;
}



.w_sub_c_item_c label{
}






/*slider*/
.w_slider_ct{
    height: 1.5vw;

    display: inline-block;
    vertical-align: middle;

    position: relative;
    padding: 0vw 0.75vw;
    
    box-sizing: border-box;
}
#grid_s_op_ct{
    width:65%;
}
#grid_s_size_ct{
    width:65%;
}
#pen_s_ct{
    width:65%;
}
#videosize_s_ct{
    width:65%;
}


.w_slider{
    height: 0.5vw;
    width: 100%;
    background: rgb(104,111,119);
    border-radius: 1vw;
    margin-top: 0.5vw;
    /* background-image: linear-gradient(rgb(95 99 114), rgb(156 156 156 / 96%)); */
    /* border-top: 1px solid #ff5c5c73; */
    box-sizing: border-box;
    position: relative;
}
.w_slider_bar{
    height: 2.8vw;
    width: 2.8vw;
    border-radius: 2vw;
    box-sizing: border-box;
    /* border: 2px solid rgb(19 118 255); */
    /* box-shadow: 0px 0px 0px 3px #525b6e; */
    /* background: #dedede; */
    border-radius: 1vw;
    background-image: linear-gradient(rgb(247,247,247), rgba(156,156,156,0.96));
    position: absolute;
    top: -1.05vw;
    left: 0;
}

.w_slider_value{
    display: inline-block;
    width: 3vw;
    text-align: right;
}

/*slider*/




/*bkclo*/

#colpick-bk {
    width: 100%;
    height:100%;
cursor: pointer;
}

.w_ratio{

}

.w_bk_sel_ratio{
    width: 8vw;
    height: 2vw;
    display: inline-block;
    background: #868686;
    vertical-align: middle;
    margin-right: 0.6vw;
    margin-bottom: 2vw;
    position: relative;
    border:1px solid rgba(255, 255, 255, 0.514)
}

.wcolbk-t{
font-size: 1vw;
position: absolute;
text-align: center;
width: 100%;
bottom: -1.3vw;
left: 0;
color: rgba(255, 255, 255, 0.575);
}
.wcolbk-n{
    font-size: 1vw;
position: absolute;
right: 0;
top:0;
color: aqua;
}

.w_colitem{
    width: 30vw;
    display: inline-block;
    vertical-align: top;
}


#w_col_bk1{background:rgb(20,30,31);}

#w_col_bk1{background:rgb(20,30,21);}
#w_col_bk2{background:rgb(30,30,30);}
#w_col_bk3{background:url(bk3.jpg) 0 0/100% auto repeat}
#w_col_bk5{background:rgb(237, 247, 228);}
#w_col_bk4{background:rgb(254, 248, 230);}
#w_col_bk6{background:url(bk6.jpg) 0 0/50% auto repeat}
#w_col_bk7{background:rgb(0,0,0);}
#w_col_bk8{background:rgb(255,255,255);}










/*bkclo*/