/*标头部分*/
/*html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(1); } */
/*@font-face{font-family:"PuHuiSans";src:url("/source/2qiniu/css/NotoSans-7000.ttf")format('truetype');font-weight: 500;font-style: normal;font-display: swap;}
@font-face{font-family:"PuHuiSansEN";src:url("/source/2qiniu/css/NotoSans-Asc.ttf") format('truetype');font-weight: 500;font-style: normal;font-display: swap;}*/
body{background-color:#E2E3E4;margin:0.125em;}
a {text-decoration: none;}
a:hover, a:active {color: #FF6666;}
.qinms_bt {font:bold 1em/1.25em PuHuiSans;}
ul{margin:0;padding:0}
select, input, textarea {border: 1px solid #fbcbcb;border-radius: 4px;padding-left: 5px}
li {white-space: nowrap;overflow: hidden;text-overflow: ellipsis; -o-text-overflow: ellipsis;}
.divs {margin: 0 auto;padding: 0em;border: 0em;text-align: center;position: relative;top: -2.5em;left: 0em;}
.ulhead {list-style: none;height: 100px;width: 100%;background-color: #FFFFFF;border-radius: 0.3em 0.3em 1em 1em;background: url(/source/2qiniu/img/title0.png);box-shadow: 2px 2px 2px #888888;}
.ulhead li{float :left ;padding: 0px; margin: 0px}
.ulhead li img{border-style: none; height: 100px; width: 200px;}
.bt_f{color :gray }
#qinmsdiv_bt p{text-indent:0em;font-style:italic}
#qinmsdiv_fanwei{display:none;position :fixed ;bottom:145px;right :1px}
#qinmsdiv_mubu,#qinmsdiv_mubu2{position: fixed;bottom:60px;width:100%;background-color:black;display:none;padding-top :100px;padding-bottom :160px;box-shadow: 0 0 15px #888888;}
#qinmsdiv_yanshi{position: fixed;bottom:30px;right:10px;box-shadow: 0 0 15px #f87eee;border-radius: 0.3em;background-color :#fbb8f1}
#qinmsdiv_gdong{position: fixed;bottom:60px;right:10px;box-shadow: 0 0 15px #f87eee;border-radius: 0.3em;background-color :#fbcbcb}
#qinmsdiv_pl{position: fixed;bottom:120px;right:10px;box-shadow: 0 0 15px #f87eee;border-radius: 0.3em;background-color :#fbcbcb}
#qinmsdiv_yinc{position: fixed;bottom:90px;right:10px;box-shadow: 0 0 15px #f87eee;border-radius: 0.3em;background-color :#fbcbcb}
#qinmsdiv_yinc:hover,#qinmsdiv_pl:hover,#qinmsdiv_gdong:hover,#qinmsdiv_yanshi:hover{transform:scale(2,2);transition-duration:0.5s;transform-origin:right;}
#qinmsdiv_ysks,#qinmsdiv_ysks2{position:absolute;bottom:10px;right:20px;color :white}
#qinmsdiv_ysks a:link,#qinmsdiv_ysks2 a:link{color:white;}#qinmsdiv_ys2k a:link{color:white;}#qinmsdiv_ys2g a:link{color:white;}
#qinmsdiv_banquan img{width:145px; height:24px}
#qinmsdiv_zixun{margin:0 auto;width:36px;line-height:24px;position: fixed;bottom:300px;right:2px;border-radius:4px;background-color:chartreuse;color:darkorange; cursor:pointer;text-align:center}
#qinmsdiv_zximg{margin-top :0.625em;position: fixed;bottom:295px;right:38px;display :none}
#qinmsdiv_zximg img{max-width :150px;border-radius:8px;}
/* 清除复制*/
.qchu,.fzhi{background-color :gray;color :white;padding:0px 2px 0px 2px;cursor: pointer;border-radius: 1px;box-shadow: 1px 1px 1px #888888;}.fzhi{margin-left :5px;}
.div_TA{position:absolute ;margin:auto;bottom :5px;display:none}.TA{position :relative}.TA TextArea{font-size: 1.25em;background-color :#E2E8EF}
input[type="checkbox"]{margin-left :1em;width :1.5em;height :1.5em;}
/* 文章列表类 */
.excerpt li {
    padding: 10px 10px;
    overflow: hidden;
    border: solid 1px #eee;
    position: relative;
    border-radius: 0.625em;
    background: #F4F5F6;
    margin: 0.625em 0.625em 0.625em 0.625em;
    box-shadow: 1px 1px 1px #888888;
    white-space: normal
}
.excerpt li:hover {background:#E2E8EF;}
.excerpt .pic {float: left;width: 140px;margin-right: 1em;border: solid 1px #ddd;padding: 1px;box-shadow: 1px 1px 1px #eee;border-radius: 0.625em;}
.excerpt .pic img {width: 140px;height: 98px;display: block;border-radius: 0.625em;}
.excerpt .pic:hover {border-color: #ccc;border-bottom-color: #bbb;}
.excerpt h2 {font-size: 1em;margin: 0.375em 0 0.75em;height: 1.125em;line-height: 1.25em;overflow: hidden;}
.excerpt .note {color: #666;line-height: 1.25em;}
/*文章主体结构*/
/*div{overflow:hidden;}*/
.p1{font:bold 1.125em/1.375em "PuHuiSans";}
.vbcode{background-color: #CCCCCC}
.vbzhushi{color:green;font-size :12px}
p{text-indent:2em}
strong{color:brown}
.mts{border:1px solid red;border-radius :5px;display :none;padding:2px;position:fixed ;left: 10%;bottom:5px;z-index:1;background-color :pink}
.bd {
    overflow: hidden;
    margin-right: auto;
    margin-left: auto;
    margin-top: 0.625em;
    margin-bottom: 0.625em;
}
#qinmsdiv_bt {border-bottom: 1px solid gray;width:100%}
.atc {border-radius: 5px;background: #F4F5F6;margin: 0.625em 0.625em 0.625em 0.625em;line-height: 150%;}
#qinmsdiv_wzfl2 {display: none}
.barcodeku,.barcodeku2,.barcodeku3 {text-align:center;position:relative;overflow:hidden;margin-top :0.625em;}
.barcodeku div {width:96%;}
.barcodeku2 div {width:46%;}
.barcodeku3 div {width:29%;}
.img_barcode span {display :block}
.img_barcode {margin-right:2%;margin-left:2%;float:left}
.img_barcode svg {max-width: 90%;height:auto;box-shadow: -10px 0px 5px 0px var(--z11), 10px 0px 5px 0px var(--z11), 10px 5px 5px var(--z11);}
.imsk,.imsk2{position:relative;overflow: auto;background-color:#d2d2d2;}
.qinmsdiv_img {text-align:center;}
.qinmsdiv_img img {vertical-align: middle;max-width :60%}
input[type="text"]{font-size :1.125em;max-width :40px;text-align:center}
input[type="range"] {margin-top: 4px;margin-right: 5px;background-color: #ffd800;border-radius: 15px;height: 4px;padding: 0;border: none;} 
.btnz, .btny {width:30%;display:inline-block;background-color :antiquewhite;font-size:10px;border-radius:5px 5px 5px 5px;box-shadow: 1px 1px 1px #888888;cursor: pointer;}.btny{margin-left:10px;}
 @media (min-width: 1100px) and (min-height:1100px) { 
.bd {width: 90vw;margin-right:5%;margin-left:5%;}
.bd .l_ptc {width: calc(90vw - 350px); float: left;border-right: 1px solid lightgreen;}
.bd .l_pt {width: 100%}
.bd .r_pt {float: left; padding-left: 5px;width:340px;background: #F4F5F6;margin-top: 0.625em;overflow:auto;}
.imsk{min-height:calc(100vh - 680px);}
.imsk2{min-height:calc(100vh - 280px);}
#qinmsdiv_button input, #qinmsdiv_button Button {font-size: 1.5em;}   
#fenlan01{display: none}
.dnex{display:none}
.marpdf{margin-left:5em;margin-top :5px;width:90%}
.TA TextArea{width:80%}.div_TA{right:130px;}
.leixing1{margin-left :5%;overflow-y:auto}
.atc {padding: 0.625em 2em 1.25em 2em;}
input[type="range"] {width: 250px !important;}
   }
 @media (min-width: 1100px) and (max-height:1099px) {
  
.bd {width: 90vw;margin-right:5%;margin-left:5%;}
.bd .l_ptc {width: calc(90vw - 350px); float: left;border-right: 1px solid lightgreen;}
.bd .l_pt {width: 100%}
.bd .r_pt {float: left; padding-left: 5px;width:340px;background: #F4F5F6;margin-top: 0.625em;overflow:auto;}
.imsk{min-height:600px;}
.imsk2{min-height:900px;}
#qinmsdiv_button input, #qinmsdiv_button Button {font-size: 1.5em;}   
#fenlan01{display: none}
.dnex{display:none}
.marpdf{margin-left:5em;margin-top :5px;width:90%}
.TA TextArea{width:80%}.div_TA{right:130px;}
.leixing1{overflow-y:auto}
.atc {padding: 0.625em 2em 1.25em 2em;}
input[type="range"] {width: 250px !important;}
   }

@media (max-width: 1099px) {
    h1{font-size: 1.5em; }
    .bd {width: 100%;}
    .bd .l_pt {width: 98%;margin-right: auto;margin-left: auto;}
    .bd .r_pt {width: 98%;max-width: 340px;margin-right: auto;margin-left: auto;padding:10px;background: #F4F5F6;}
.imsk{min-height:600px;}
.imsk2{min-height:1000px;}
    #qinmsdiv_button input,#qinmsdiv_button Button{font-size :1.2em;}
    #fenlan01{display: block}
     .dnex{display:block}
    .marpdf{margin-left:0em;margin-top :5px;width:100%}
    .TA TextArea{width:95%}.div_TA{right:50px;}
    .leixing1{margin-left :10px;overflow-y:auto}
    .atc {padding: 0.625em 0.3125em 1.25em 0.3125em;}
    input[type="range"] {width: 150px !important;}
   }
 
#qinmsdiv_colorBoard{position:absolute; padding:0.625em; width:16em; height:13.75em; background:#f3f3f3; border:#d9d9d9 1px solid;}
#qinmsdiv_colorBank{ clear:both; border:#d9d9d9 1px solid; background:#FFF; width:15.75em; padding:0 0 2px 2px; overflow:hidden; margin:0 auto 0 auto;}
#qinmsdiv_colorBank div{ overflow:hidden; height:12px; width:12px; margin:2px 2px 0 0; float:left; overflow:hidden; cursor:pointer;}
#qinmsdiv_colorViews{width:5em; height:1.25em; float:left;border:#d9d9d9 1px solid; background:#000; display:block; margin: 0 10px 10px 0;}
#colorTM{width:4em; color:black; height:1.675em; float:left;display:block;background:#f3f3f3;cursor:pointer;border:red 1px solid; border-top:#FFF 1px solid; border-left:#FFF 1px solid;margin: 0 10px 10px 0;}
#colorClose{width:4em; color:#666666; height:1.475em; float:right;display:block; background:#f3f3f3;cursor:pointer;border:#d9d9d9 1px solid; border-top:#FFF 1px solid; border-left:#FFF 1px solid;}
    #ys1,#ys2,#ys3,#ys4,#ys5{background-color:#000000;color:#BBBBBB;width: 10%;height:1.56em;line-height:1.56em;text-align:center;border-radius:5px 5px 5px 5px;margin-right :2px;box-shadow: 1px 1px 1px #888888;cursor:pointer;overflow:hidden;display:inline-block; }
    .dcache,.Chid{display:none}.cls{background-color:#000000;color:#BBBBBB;width:1.56em;height:1.56em;line-height:1.2em;text-align:center;border-radius:5px 5px 5px 5px;margin-left:5px;box-shadow: 1px 1px 1px #888888;cursor:pointer;overflow:hidden;display:inline-block;}
    #qinmsdiv_wxzshang{display :block;position :relative;margin:auto;width:90%}
    #qinmsdiv_wxzshang img{box-shadow: 2px 2px 2px #888888;width:46%;margin:2%}
    #qinmsdiv_zshang{background-color:red;border-radius:5px 5px 5px 5px;box-shadow: 1px 1px 1px #888888;text-align: center;width :50px;margin :auto;color :white;font-size:18px;cursor:pointer;position: absolute; bottom: 0px; left: 50%; margin-left:-25px;}
    .ft {width: 100%;overflow: hidden;margin-right: auto;margin-left: auto;}
    .wendang {font-size: 0.5em;overflow: hidden;margin-top :1em}
    .wendang img {height :160px;width :160px;display :none;}
    .wendang ul {text-align :center}
    .wendang ul li:first-child {text-align :center}
    .wendang ul li:nth-child(-n+4) {text-align :center}
    .wendang ul li:last-child {text-align :left }
    .wendang .line {display: inline-block;width: 30%;border-top: 1px solid #ccc ;}
    .wendang #wendang_txt {color: #EF00F0;vertical-align: middle;margin-left:5px;margin-right :5px}
    #qinmsdiv_2wm{text-align :center;font-size: 12px;}
    #qinmsdiv_2wm span{width:60px;text-align: center;display: inline-block;margin-top:10px;}
    #qinmsdiv_2wm span:first-child{margin-right:50px;}
    #qinmsdiv_2wm span:last-child{margin-left:50px}
    #qinmsdiv_2wm img{width:60px}
    #qinmsdiv_ri1 {padding-top: 5px;text-align :center }
    #qinmsdiv_ri2 {padding-top: 5px;text-align :center}
    #qinmsdiv_ri3 {padding-top: 5px;text-align :center}
    #qinmsdiv_ri3 img {box-shadow: 2px 2px 5px #888888;}
    #qinmsdiv_left1 {padding: 5px;text-align: center;}
    #qinmsdiv_admidle{text-align :center;overflow:hidden;max-width:100%;margin-top :5px;margin-bottom :1.25em}
    /*首页主框架设计*/
   .index_m img {height:10.625em;}
   .indexbd {overflow: hidden;margin-right: auto;margin-left: auto;margin-top: 1.25em;margin-bottom: 1.25em;}
   .indexbd .index_m {height:13.125em;overflow: hidden;float: left;border-radius:5px;background:white;box-shadow: 2px 2px 5px #888888;margin:0.5em 0.5em 0.5em 0.5em;padding :0.4em;}
   .indexbd .index_m:hover{background:#fba9d1;}
#qinmsdiv_dasousuo{text-align:center}
#qinmsdiv_banquan{text-align :center; border-top: 1px solid lightgreen;}
#qinmsdiv_cnzz{text-align :center}
.p4{font-size :12px;text-indent:1em;}
@media (min-width: 1700px) {
    .indexbd {width: 1699px;}
    .index_m img {width:18.75em;}
    .indexbd .index_m {width: 18.75em;}
   }
@media (min-width: 1000px) and (max-width: 1699px) {
    .indexbd {width: 1000px;}
    .index_m img {width:18.125em;}
    .indexbd .index_m {width: 18.125em;}
   }
@media (min-width: 638px) and (max-width: 999px) {
    .indexbd {width: 638px;}
    .index_m img {width:17.5em;}
    .indexbd .index_m {width: 17.5em;}
    }
@media (max-width: 637px) {
    .indexbd {width: 300px;}
    .index_m img {width:16.25em;}
    .indexbd .index_m {width: 16.25em;}
   }


/*图文部分的框架格式*/
.tubd{background:#F4F5F6;margin: 1%;border-radius:0.625em;padding:0.625em;}
.tubd h2{margin-right:1.25em;margin-left:1.25em;}
.tubd p{margin-right:1.25em;margin-left:1.25em;}
.set_info span{ display:inline-block;}
.set_info .hidden{ display:none;}
.set_info h1, .set_info h2{ display:inline; font-size:1.25em; font-family:simHei;}
.set_info h3{ float:left; font:1.25em/1.5 simHei;}
.set_title{ padding:3px 0 2px; line-height:1.6em;}
.set_title span{ line-height:1.3em;}
.photo_view{ position:relative; overflow:hidden; width:100%; text-align:center;}
.photo_view img{ vertical-align:middle; max-width:96%; max-height:100%; -ms-interpolation-mode: bicubic;}
.photo_prev{ position:absolute; left:0; top:0; width:50%; height:100%;}
.photo_next{ position:absolute; right:0; top:0; width:50%; height:100%;}
.btn_pphoto{ display:block; width:100%; height:100%; outline:none; cursor:url("/source/2qiniu/img/bg11.cur"), auto;}
.btn_nphoto{ display:block; width:100%; height:100%; outline:none; cursor:url("/source/2qiniu/img/bg12.cur"), auto;}
.c_lh{color:#E53333;font-size: 2em;text-shadow:1px 1px 2px #FFFFFF;}
#zongz{text-shadow:1px 1px 2px #FFFFFF;}
.ads{ position:absolute;width:100%; height:100%;background:#F4F5F6;z-index:2;display: none;opacity:0}
#qinmsdiv_zhyz {text-align:left;}
#zhyz_sqan {padding-left:10%;font-size:1.25em;color:red}
.imgmid{display:inline-block;*display:inline;*zoom:1;height:100%;width:1px;margin-left:-1px;vertical-align:middle}

#qinmsdiv_photoView{width: 99%;height:100%;text-align: left;display :inline-block;left:0px;position: relative;font-size:0;}
#qinmsdiv_photoView img{vertical-align:middle;}
.PhotoUnit {text-align: center;display :inline-block; background:url(/source/2qiniu/img/loading.gif) no-repeat inherit center;}
.PhotoUnit img{box-shadow: 2px 1px 2px #888888;}

 .container{float: left;background-color: silver;width:23%;position:relative;display: inline-block;margin:1%;}
 .dummy{margin-top: 80%;}
 .content{position:absolute;left:0;right:0;top:0;bottom: 0;}
 .content img {width:100%;}
 .content a{text-overflow :ellipsis}
 #qinmsdiv_dec_hiden{right :0px;position:absolute; bottom :0px;z-index:1;}
 #qinmsdiv_Deschidden{float: right;width: 60px; padding-right: 5px;margin-right: 10px;}
 .tums{position:absolute; bottom :0px;font-size:16px;background-color:rgba(200,200,200,0.5);border-radius:0.3em;}
#qinmsdiv_tuads img{width:150px}
#qinmsdiv_tuads{margin-top :10px}
@media (min-width: 1700px) {
    #qinmsdiv_tu {width :1200px;margin: 0 auto;}
    .tums h2{ padding-top:0.5em; min-height:1.625em; _height:1.625em; font:1.125em/1.4 simHei;}
   }
@media (min-width: 980px) and (max-width: 1699px) {
    #qinmsdiv_tu {width :980px;margin: 0 auto;}
    .tums h2{ padding-top:0.5em; min-height:1.625em; _height:1.625em; font:1.125em/1.4 simHei;}
   }
@media (min-width: 638px) and (max-width: 979px) {
    #qinmsdiv_tu {width :95%;margin: 0 auto;}
    .tums h2{ padding-top:0.2em; min-height:1em; _height:1em; font:1em simHei;}
    .content {font-size :0.9em}
    }
@media (max-width: 637px) {
   .tums h2{ padding-top:0.1em; min-height:1em; _height:1em; font:0.8em simHei;}
    #qinmsdiv_tu {width :100%;margin: 0 auto;}
    .content {font-size :0.6em}
   }

/*图文总列表的框架格式*/
        #qinmsdiv_tusmian{width:90%;margin :auto ;text-align:center;}
        #qinmsdiv_tusmian h3:hover{color:black }
        .more {text-align :center; }
        #qinmsdiv_tus_c1{width:100%;margin-left:0.5%;margin-right:0.5%;margin-top:10px;position:relative;}
        .tus_c2{width:99%;margin-left:0.5%;margin-right:0.5%;margin-top:5px;}
        .tus_c2 div{float:left;position:relative}        
        #qinmsdiv_new_2_1 div, #qinmsdiv_new_2_2 div {width :100%;margin:5px}
        .tus_info{position:absolute;left:5%;bottom:0px;width:99%;overflow:hidden;color:white;white-space: nowrap;text-overflow: ellipsis;text-align:left; }
        #qinmsdiv_tus_c5{width:100%;height :50px;float:left;background-color:#E2E3E4;position:relative}
        #qinmsdiv_tus_c5_1{margin-top :2em}
        #qinmsdiv_tusmian img{width:96%;height:96%;margin:auto;border-radius: 1em 1em 0.1em 0.1em;box-shadow: 2px 2px 2px #888888;opacity:1;transition:all 0.5s;}
        #qinmsdiv_tusmian img:hover{opacity:0.9}
        .tus_classdong{transform:translateY(50px);}
        ol.ph-list li {height: 2em;line-height: 2em;font-size: 1.2em;text-align: center;border-top: 1px solid #d9d9d9;}
        @media (min-width: 651px) {
        #qinmsdiv_new_2_1{width :40%;}
        #qinmsdiv_new_2_2 {width :60%;}}
        @media screen and (max-width: 650px) {
        #qinmsdiv_new_2_1,#qinmsdiv_new_2_2{width :100%;}         
        #qinmsdiv_tusmian{width:99%;margin :auto ;text-align:center;}
}
        /*单位换算的格式结构*/

        .hsuan li {margin-bottom :0.625em;list-style-type:none;}
        .inputs{margin-right :5px;width: 30%;height:1.25em;text-align :center;float: left;vertical-align :middle;}
        .anniu{margin-right :5px;width: 10%;height:2em;text-align :center;float: left;vertical-align :middle;}
        .mcheng{margin-right :5px;height:1.25em;vertical-align :middle;text-align :left;text-overflow:clip}
        #Buttonclear{height:1.5em;width:50%;margin-left :20%;font-size :1.25em}
         @media (min-width: 1200px) {
             .hsuan li {margin-left :10%;}
             .anniu{width:10%;font-size :9px}
   }
         @media (min-width: 800px) and (max-width: 1199px) {
             .hsuan li {margin-left :5%;}
             .anniu{width: 3em;font-size :12px}
             .mcheng{ font-size :12px}
   }
         @media (min-width: 600px) and (max-width: 799px) {
             .hsuan li {margin-left :3%;}
             .anniu{width: 4em}
             }
         @media (max-width: 599px) {
            .anniu{width: 3em;font-size :8px}
            .mcheng{font-size :8px;}
   }

.print-settings-container {
    background: white;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
    padding: 20px 40px 20px 40px;
    margin-bottom: 10px;
}

.section-title {
    font-size: 1.2rem;
    color: #3498db;
    margin: 20px 0 15px;
    padding-bottom: 8px;
    border-bottom: 1px solid #eaeaea;
    font-weight: 600;
}

.setting-group {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 20px;
    align-items: center;
}

.setting-item {
    display: flex;
    align-items: center;
    margin-right: 15px;
    flex: 1 1 300px;
}

#qinmsdiv_expoarean label {
    margin-right: 8px;
    white-space: nowrap;
    font-size: 1rem;
    color: #555;
}

#qinmsdiv_expoarean select, #qinmsdiv_expoarean input[type="text"] {
    padding: 10px 12px;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 1rem;
    flex-grow: 1;
    min-width: 120px;
    background-color: #f9f9f9;
    transition: border 0.3s;
}

    #qinmsdiv_expoarean select:focus, #qinmsdiv_expoarean input[type="text"]:focus {
        border-color: #3498db;
        outline: none;
        background-color: #fff;
    }

.dimension-inputs {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}

    .dimension-inputs input {
        width: 70px;
        text-align: center;
    }

    .dimension-inputs span {
        margin: 0 5px;
    }

.button-group {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 25px;
    justify-content: center;
}

#qinmsdiv_expoarean .btn {
    padding: 12px 20px;
    border: none;
    border-radius: 5px;
    font-size: 1rem;
    cursor: pointer;
    transition: all 0.3s;
    flex: 1 1 100px;
    text-align: center;
    font-weight: 500;
}

#qinmsdiv_expoarean .btn-primary {
    background-color: var(--accent7);
    color: white;
}

    #qinmsdiv_expoarean .btn-primary:hover {
        background-color: #2980b9;
    }

#qinmsdiv_expoarean .btn-secondary {
    background-color: #2ecc71;
    color: white;
}

    #qinmsdiv_expoarean .btn-secondary:hover {
        background-color: #27ae60;
    }

#qinmsdiv_expoarean .btn-tertiary {
    background-color: #9b59b6;
    color: white;
}

    #qinmsdiv_expoarean .btn-tertiary:hover {
        background-color: #8e44ad;
    }

.hint {
    font-size: 0.85rem;
    color: #7f8c8d;
    margin-top: 5px;
    font-style: italic;
}

.custom-paper {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 10px;
}

.custom-paper input {
        width: 80px;
    }

@media (max-width: 768px) {
    .setting-item {
        flex: 1 1 100%;
    }

    .button-group {
        flex-direction: column;
    }

    .btn {
        flex: 1 1 auto;
    }

    .dimension-inputs {
        flex-wrap: wrap;
    }
}

@media (max-width: 480px) {

    .print-settings-container {
        padding: 15px;
    }

    .section-title {
        font-size: 1.1rem;
    }

    .setting-group {
        flex-direction: column;
        align-items: flex-start;
    }

    .setting-item {
        margin-right: 0;
        margin-bottom: 15px;
        width: 100%;
    }

 #qinmsdiv_expoarean select, #qinmsdiv_expoarean input[type="text"] {
        width: 100%;
    }
}