@charset "utf-8";
@font-face{font-family:Calsans;src:url(https://piecemotooccasion.eu/static/fonts/calsans.woff2) format("woff2");font-weight:600;font-style:normal;font-display:optional;}

.dark .hea2{fill: #fff;}


.light main {
  background: linear-gradient(
    to right,
    #ffffff 0%,
    #ffffff 80%,
    #FF6600 80%,
    #FF6600 82%,
    #ffffff 82%,
    #ffffff 100%
  );
}

.dark body{background-color:#1d1d1d ;}
.dark main{
  background: linear-gradient(
    to right,
    #1d1d1d 0%,
    #1d1d1d 80%,
    #FF6600 80%,
    #FF6600 82%,
    #1d1d1d 82%,
    #1d1d1d 100%
  );
}



*,::before,::after{box-sizing:border-box}
html{scroll-behavior:smooth;max-width:100%;font-feature-settings:normal;font-variation-settings:normal}
body{margin:0;min-height:100vh;position:relative;font-family:sans-serif;letter-spacing:.03rem;word-spacing:.09rem;overflow-x:hidden;overflow-y:auto;direction:ltr;unicode-bidi:isolate;}
img{max-width:100%;height:auto}
figure,p{margin:0}
main{min-height:600px; padding: 20px 0;}
button,.cp,a,.pr1{cursor:pointer; word-spacing:.11rem; font-family: inherit;}
a,.pr1{text-decoration:none}
*:focus{outline:none}
::placeholder{font-size:13px}
:root {--font-size: 14px;}
details{margin-bottom: 20px;}
summary{padding: 5px 0 10px;cursor: pointer;font-weight: bold;}
.row{display:inline-flex;flex-wrap:wrap ; }
ul,ol{list-style:none;margin:0;padding:0;display:block;line-height:1.6em}
li{list-style:none;margin:0;padding:2px 0;display:block}
sup{margin-left: 2px;font-size: 0.78rem;}
input[type="radio"]{ accent-color: #FF6600;}
b, strong {font-weight: bolder;}
p, dl {display: block;margin-block-start: 0;margin-block-end: 0;}
dl{margin: 0;padding: 0;}
dt,dd{display: block;margin-inline-start: 0;}
dt{float:left ;font-weight:700;margin-top:5px;width:50%}
dd{float: right;margin:4px 0 10px;width:50%;text-align:right}
table{font-size: 0.92rem;}th {display: table-cell;vertical-align: top;font-weight: bold;padding: 1px;text-align: left;height: 50px;}
td {display: table-cell;vertical-align: top;text-align: unset;padding: 1px;text-align: right;height: 30px;}

.vdo1{border-radius: 10px;max-width: 280px;object-fit: cover;height: auto;aspect-ratio: 9/16;background: #000;}
.deg1{background-clip: text !important;background-image: linear-gradient(to right, #FF6600, #FF6600);color: transparent !important;}
.bkg1, .bkg2, .bkg3{border-radius: 8px;}
.bkg1{margin: 10px 0 20px;display: inline-flex;}
.bkg2{margin: 20px 0 10px;}
.bkg3{border:1px solid #FF6600; margin: 20px 0 10px;}

h1,h2,h3,.h1,.h2,.h3{font-family:Calsans,sans-serif;display:block;font-weight:700;letter-spacing:1.8px}
header{width:100%;position:sticky;top:0;z-index:999;box-sizing:border-box;padding:5px 0;align-items:center;justify-content:space-between;display:inline-flex;flex-wrap:wrap ;}
footer{width:100%;bottom:0;text-align:center;border-top:1px solid #d8d8d8}
.footer{border-radius:8px 8px 0 0;z-index:999;padding:1rem;font-size:13px;color:#878787}
.hea4 button{font-weight: bold;border: none;background: none;}
.hea4{font-weight: bold;grid-template-columns: repeat(4,1fr);display: inline-grid;align-items: center;}
.foot1{text-align: center;font-size: 12px;display: inline-flex;align-items: center;}
.c1f1{stroke: #FF6600}
.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-bottom:10px}
.card{border:1px solid #d8d8d8;border-radius:12px;padding:16px;margin-block:0 5px;font-style:normal}
.light card{background-color: #fff;}
.dark card{background-color: #3a3a3a}
.meta{font-size:14px}
.badges{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0 40px}
.badge{border:1px solid #cfcfcf;border-radius:999px;padding:6px 10px;font-size:12px}

.ird4{display:grid;gap:1rem;text-align: center;}
.ird4 label{height: 45px;align-content: center;align-self: center;font-size: 0.84rem;border-radius: 5px;padding: 5px;}

.lcci0,.lcc1,.lcc2,.lcc3,.lcc4,.lcc5,.lcc6,.lcc7 {display:grid;gap:0.7rem; text-transform: uppercase;}
.lcci0 li{font-weight:bold;margin:1%;border-radius:.35rem;position:relative; padding: 0;}
.lcci0 li span{position:absolute;padding:.8rem;z-index:1;color:#FF6600}
.lcci0 li img{border-radius:.35rem}

.lcc2 li,.lcc3 li,.lcc4 li,.lcc5 li,.lcc6 li,.lcc7 li{font-weight:700;margin:1% 0;border-radius:.35rem; }
.lcc2 a,.lcc3 a,.lcc4 a,.lcc5 a,.lcc6 a,.lcc7 a{justify-content: space-between;display: flex;}
.lcc2 a::after,.lcc3 a::after,.lcc4 a::after,.lcc5 a::after,.lcc6 a::after,.lcc7 a::after{content: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 16 16"><path d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708"/></svg>');}
.lcc1{padding:.8rem;font-weight:700;margin:1% 0;border-radius:.35rem; display:block;grid-template-columns:repeat(1,1fr)}

.brdt{border-top:1px solid #d8d8d8}
.brdb{border-bottom:1px solid #d8d8d8;padding-bottom:20px}
.brdt2{border-top:1px solid #FF6600}
.brdb2{border-bottom:1px solid #FF6600;padding-bottom:20px}

.lpr1{display:grid;gap:1rem}
.lpc1 li{border-radius:.35rem;padding:.7rem; font-weight: bold;}
.lpr2{border-radius:.35rem;padding:.7rem}
.lpr4{border-radius:5px; min-width: 100%;}
.lpr4p{border-radius:5px; min-width: 10%;}
.lpr6{font-size:.99rem;color:#FF6600;font-weight:700}
.lpr6 sup{font-size: .52rem;}
.lpr7{font-size: .88rem;line-height: 1;}
.light .lpr7{color: #969696;}
.dark .lpr7{color: #c7c7c7;}
.lpr8{display:block;margin-top:15px}
.lpr8:before{content: "";position: absolute;z-index: 998;}

.ppr1{margin-top:20px}
.ppr3{font-size:.88rem}
.ppr4{font-weight:bold;font-size:1.58rem;margin-top:20px}
.ppr5{margin-top: 25px;font-weight:bold;font-size:.74rem; text-transform: uppercase;}
.ppr6{font-size: 0.88rem;margin-top: 10px;}
.ppr6:before{margin-right: 15px; content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 1920 1920"><path fill-rule="evenodd" d="M1827.701 303.065 698.835 1431.801 92.299 825.266 0 917.564 698.835 1616.4 1919.869 395.234z"/></svg>');}
.ppr7{background: #f1f3f4;border-radius: 5px;padding: 3px 9px;font-size: .82rem;display: inline-block;margin-top: 7px;}
.ppr8{display: flex;gap: 0.7rem;}


.pprop1{padding:20px 0;margin-top:10px;background:#e5e5e5;color:#8a8a8a;border:1px;border-radius:5px;text-align:center}
.pprgr1{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:10px}

.imgg{margin:auto;position:relative;align-content:center;display:flex}
.img1ii{width:100%;border-radius:8px;object-fit:cover;object-position:center}
.img2{border-radius:8px}
.img23225{max-width:23%;width:23%;max-height:225px;border-radius:8px}
.img23{max-width:23.5%;width:23.5%;border-radius:8px}
.img31{max-width:31.5%;width:31.5%;border-radius:8px}
.img48{max-width:48%;width:48%;border-radius:8px}
.img100{width:100px;border-radius:8px}
.img200{width:200px;border-radius:8px}
.img300{width:300px;border-radius:8px}
.img400{width:400px;border-radius:8px}
.img500{width:500px;border-radius:8px}
.img600{width:600px;border-radius:8px}

.svg{fill-rule:evenodd;clip-rule:evenodd;stroke-miterlimit:10}
.svgr10{margin-right:10px}

.brea1{width: 100%;padding-bottom: 20px;}
.brea2{font-size:.76rem;color:#7f7f7f!important}
a .brea2:hover {text-decoration:underline;}
.brea1 li{margin-right:15px}
.brea1 li:before{content:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" viewBox="0 0 16 16"><path d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708"/></svg>');}

.success, .info{padding: 10px;margin: 30px 0;border-radius: 5px;background: #03bc0017; text-align: center;color: #FF6600!important;}
.error, .warning{padding: 10px;margin: 30px 0;border-radius: 5px;background: #c600001f;text-align: center;color: #c60000!important;}

.w100{width:100%}
.wi98{max-width:98%}
.cap{text-transform:capitalize}
.bxs1{box-shadow:rgba(0,0,0,.18) 0 1px 6px}
.fd{font-family:Calsans,sans-serif}
.fs10{font-size:10px}
.fs12{font-size:12px}
.fs13{font-size:13px}
.fs14{font-size:14px}
.fs16{font-size:16px}
.fs18{font-size:16px}
.fs20{font-size:20px}
.fs24{font-size:24px}
.fs28{font-size:28px}
.fs32{font-size:32px}


.m0{margin:0}
.mb0{margin-bottom:0}
.mb5{margin-bottom:5px}
.mb10{margin-bottom:10px}
.mb20{margin-bottom:20px}
.mb30{margin-bottom:30px}
.mb40{margin-bottom:40px}
.mb50{margin-bottom:50px}
.mb60{margin-bottom:60px}

.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt50{margin-top:50px}
.mt60{margin-top:60px}

.ml1{margin-left:1rem}
.ml2{margin-left:2rem}
.mr02{margin-right:.2rem}
.mr05{margin-right:.5rem}
.mr1{margin-right:1rem}
.mr2{margin-right:2rem}
.mr3{margin-right:3rem}
.mr4{margin-right:4rem}

.m-auto{margin:auto}
.txc,.tac{text-align:center}
.txr,.tar{text-align:right}
.txl,.tal{text-align:left}
.txj{text-align:justify}

.dspn{display:none}
.dspf{display:flex}
.dspb{display:block}

.ftr{font-weight:400}
.ftbb{font-weight:700}

.p0{padding:.25rem}
.p1{padding:.5rem}
.p2{padding:1rem}
.p3{padding:1.5rem}
.p4{padding:2rem}
.p5{padding:2.5rem}
.p6{padding:3rem}
.pdrl10{padding-right:10px;padding-left:10px;}
.pdrl20{padding-right:20px;padding-left:20px;}
.pdrl30{padding-right:30px;padding-left:30px;}
.pdrl40{padding-right:40px;padding-left:40px;}
.pdrl50{padding-right:50px;padding-left:50px;}
.pdt20{padding-top:20px;}
.pdb20{padding-bottom:20px;}

.txtc{text-transform:capitalize}
.txtl{text-transform:lowercase}

.light ::placeholder{color:#9e9e9e}
.dark ::placeholder{color:#6c6c6c}

.light .c1,.light .lbn3aa, .lin1 li a, .info, .c2{color:#FF6600}
.dark .c1,.dark .lbn3aa{color:#FF6600}
.c3, .light .pr1, .light h1,.light h2,.light h3{color:#1d1d1d}
.c4, .dark .pr1, .dark h1,.dark h2,.dark h3,.dark input::placeholder{color:#fff}
.c5{color: #878787}
.c6{color:#000}
.c7{color: #dcdcdc !important;}

.light header,.light footer, .bc4, .light .lbn3a,.light .img1ii{background:#fff}
.dark header,.dark footer, .bc6, .dark .lbn3a,.dark .img1ii{background:#1d1d1d}
.dark .bc1, .dark .btn1{background:#FF6600}
.bc2, .light.bc1, .light .btn1{background:#FF6600}

 .dark .btn2{background:#1d1d1d}
 .light .btn2{background:#fff; border-radius: 4px;box-shadow: inset 0 0 0 1px rgba(0,0,0,.4);color: #000!important;}

.boxsh1{box-shadow:rgba(0,0,0,.18) 0 1px 6px;border-radius:.35rem}

.brd1{border-radius:5px;padding:10px;display:inline-flex}
.light .brd1{border:1px solid #FF6600;color:#FF6600;background:#fff}
.dark .brd1{border:1px solid #FF6600;color:#FF6600;background:#000}

.btn-ddk{border-radius:.30rem;cursor:pointer;border:none}
.light .btn-ddk{background:#fff;fill:#FF6600}
.dark .btn-ddk{border:.1rem solid #484848;background:#2d2c2c;fill:#FF6600}
.dark .ddk1{fill:#FF6600}
.light .ddk1{fill:#FF6600}
.dark .btn0{border:.1rem solid #484848;background:#2d2c2c}

.svg1{margin:0 5px}
.light .svg1{fill:#000}
.dark .svg1{fill:#fff}
.stro1{font-family:Calsans,sans-serif;font-weight:700}
input,select{max-height:45px}
textarea{resize:none;outline:none;width:100%}
label{display:block}
input[type=file]{display:block}
input[type=file]:focus{outline:2px dashed #fff;outline-offset:2px}
input[type=file]::file-selector-button{margin-right:8px;border:none;padding:8px 12px;cursor:pointer}
input[type=search]{-webkit-appearance:none;-moz-appearance:none;appearance:none}

select{width:100%;display:block;min-height:45px;appearance:none;border:none;border-radius:.25rem;padding:.85rem 2rem;margin-bottom:20px}
textarea,input[type=text],input[type=number],input[type=email],input[type=password]{display: block;width: 100%;}
textarea,input[type=text],input[type=number],input[type=search],input[type=email],input[type=password]{ min-height:45px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:.25rem;padding:.85rem 2rem;margin-bottom:20px;}.dark input[type=text],.dark input[type=search],.dark textarea,.dark input[type=url],.dark input[type=number],.dark input[type=email],.dark input[type=password],.dark .ird4 label,.dark .lpt10 label{border:.1rem solid #484848;background:#3a3a3a}

.light select,.light option,.light textarea,.light input[type=text],.light input[type=number],.light input[type=search],.light input[type=email],.light input[type=password],.light .ird4 label,.light .lpr10 label{background:#fff;color:#1d1d1d}
.light .bkg1, .light .bkg2{background-color: #f7f7f7;}
.light li,.light p,.light a,.light div,.light input[value],.light,.light textarea{color:#1d1d1d}
.dark select,.dark option, .dark .devf1, .dark .bkg1, .dark .bkg2, .dark .lpr10 label{background:#3a3a3a;color:#fff}
.dark li,.dark p,.dark a,.dark div,.dark input,.dark,.dark textarea,.dark .hea4 button{color:#fff}
.vid1{width: 100%; height: 170px; object-fit: cover; display: block;border-radius:8px; margin: 20px 0;}

.btn0{padding:.85rem;border-radius:.35rem;font-weight:400;border:none;display:block;width:100%;color:#FF6600;background:#fff}
.btn1, .btn2{padding:.85rem;border-radius:.35rem;width:100%;font-size:14px;margin-bottom:10px;font-weight:500;color:#fff!important;border:none}
.frm1{margin:20px auto;min-height:calc(100vh - 134px);padding:1rem;text-align:center;border-radius:.35rem}
.men1{border-radius:.35rem}
.men2{padding:1.5rem;border-radius:.35rem}
.men2aa{max-width:90px;min-width:90px;display:inline-block;font-weight:700}

.ban{border-radius:.35rem;padding:.8rem}
.ban2{margin:1%}
.ban2sp1{position:absolute;padding:.8rem;z-index:1}
.ban2img1{border-radius:.35rem}
.ban100{width:100%}

.devf1{text-align:center;width:100%;padding:20px; border-radius: 8px;}
.devf2{font-size:1.4rem;font-weight:700}
.devf3{margin:10px auto}
.wi100{width: 100%;}
.wi100p{width: 100px;}
.wi200p{width: 200px;}
.wi300p{width: 300px;}

.ss0a{align-self:center}
.ss2{margin-bottom:0!important;min-height:35px!important;max-height:35px;width:95%;box-shadow:rgba(0,0,0,.18) 0 0 3px!important}
.ss3{margin-left:-70px;background:transparent;border:none;width:60px;height:30px}
.ss4{fill:#464646;padding-top:4px}
.ss5{display:flex;align-items:center}


.ss6{margin:60px auto 0 !important;width:65%; padding: 20px 20px 10px; border-radius: 8px;}
.ss7{width:23%;margin-right:1%; min-height:45px!important;max-height:45px;box-shadow:rgba(0,0,0,.18) 0 0 3px!important}
.ss8{width:63%; box-shadow:rgba(0,0,0,.18) 0 0 3px!important}
.ss9{margin-left:-70px;background:transparent;border:none;width:13%;height:45px}

.pdb20{padding-bottom: 20px;}
.pdt20{padding-top: 20px;}

.lin2{margin:0 auto;max-width:300px}
.lin1 li{padding:10px;border:#FF6600 2px solid;border-radius:5px;margin:10px 0}


.light .lcci0 li,.light .lcc1,.light .lcc2 li,.light .lcc3 li,.light .lcc4 li,.light .lcc5 li,.light .lcc6 li,.light .lcc7 li{
  background-color: #fff;
}



.dark .frm1,.dark .btn0,.dark .ban,.dark .ban2img1,.dark .men1,.dark .men2,.dark header,.dark .footer,
.dark .lcci0 li,.dark .lcc1,.dark .lcc2 li,.dark .lcc3 li,.dark .lcc4 li,.dark .lcc5 li,.dark .lcc6 li,.dark .lcc7 li,
.dark .lpr2,.dark .btn-ddk,.dark .lbn3a, .lpc1 li{
  box-shadow:rgba(255,255,255,.18) 0 1px 6px; background-color: #3a3a3a;
}
.light .frm1,.light .btn0,.light .ban,.light .ban2img1,.light .men1,.light .men2,.light header,.light .footer,
.light .lcci0 li,.light .lcc1, .light .lcc2 li,.light .lcc3 li,.light .lcc4 li,.light .lcc5 li,.light .lcc6 li,.light .lcc7 li,
.light .lpr2,.light .btn-ddk,.light .devf1,.light textarea,.light input[type=text],.light input[type=number],
.light input[type=email],.light input[type=password],.light select, .light .lbn3a, .light .ird4 label, .light .lpr10 label,.lpc1 li{box-shadow:rgba(0,0,0,.22) 0 1px 6px}

.modal{display:none;position:fixed;z-index:1;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background:rgba(0,0,0,.4)}
.modal-content{background:#fefefe;margin:auto;padding:20px;border:1px solid #888;width:80%;border-radius:8px}
.close{color:#aaa;float:right;font-size:28px;font-weight:700}
.close:hover,.close:focus{color:#000;text-decoration:none;cursor:pointer}
.asi1{display: inline-flex;align-items: center;}

.lbn3{display:grid;gap:1rem; margin-bottom: 30px;}
.lbn3a{border-radius:5px; padding:.8rem}
.lbn3aa{margin:0;font-size: 0.98rem;}
.lbn3ab{margin-top:.8rem;display:block; text-align: justify; font-size: 0.84rem;}
.lbn3ac{margin:auto}

address, article, aside, blockquote, body, caption, center, col, colgroup, dd, dir, div, dl, dt, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, legend, li, listing, main, marquee, menu, nav, noframes, ol, p, plaintext, pre, search, section, summary, table, tbody, td, tfoot, th, thead, tr, ul, xmp {unicode-bidi: isolate;}

.conn1{box-shadow:rgba(15, 11, 11, 0.18) 0 1px 6px; padding: 1.5rem;border-radius: 8px;}
.h1ia,.h1ii{position:absolute;color:#1d1d1d!important}

.Blanc1a,.blanc1a{ background-color: #faf7f0;color: #000; }
.Noir1a,.noir1a{ background-color: #141414; }
.Marron1a,.marron1a{ background-color: #6b4423; }
.Rouge1a,.rouge1a{ background-color: #a01c1c; }
.Bleu1a,.bleu1a{ background-color: #1e3a6b; }
.Vert1a,.vert1a{ background-color: #2c5e2e; }
.Orange1a,.orange1a{ background-color: #c66a1a; }
.Jaune1a,.jaune1a{ background-color: #dab129; }
.Violet1a,.violet1a{ background-color: #512d5e; }
.Gris1a,.gris1a{ background-color: #7a7874; }
.Marine1a,.marine1a{ background-color: #171b46; }
.Rose1a,.rose1a{ background-color: #c039a0; }

.color-swatch {
    width: 26px; height: 26px; border-radius: 5px;
    border: 0.5px solid rgba(0,0,0,0.15);
    cursor: pointer;
  }
.color-swatch:hover { transform: scale(1.08); }

.ppr8-size, .ppr8-pst {
  list-style: none; padding: 0; margin: 0;
  display: flex; gap: 8px; flex-wrap: wrap;
}

.size-btn, .pst-btn {
  display: grid; place-items: center;
  min-width: 44px; height: 40px;
  padding: 0 12px;
  background: #fff;
  color: #141414;
  font-size: 13px; font-weight: 500;
  letter-spacing: .03em;
  border-radius: 4px;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.12);
  cursor: pointer;
}

.size-btn:hover, .pst-btn:hover {
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.4);
}

input[type="radio"]:checked + .size-btn, input[type="radio"]:checked + .pst-btn{
  background: #2b2b2b;
  color: #fff;
  box-shadow: inset 0 0 0 1px #141414;
}

.sr-only { position: absolute; opacity: 0; pointer-events: none; }
input[type="radio"]:checked + .color-swatch { box-shadow: 0 0 0 2px #fff, 0 0 0 3.5px #1a1a1a; }


.lpr9{border-top:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;margin:20px 0;padding-bottom:20px;font-size:.88rem; width: 100%;}
.lpr10{display:grid;gap:1rem;text-align: center;}
.lpr10 label{height: 45px;align-content: center;align-self: center;font-size: 0.84rem;border-radius: 5px;padding: 5px;}
.lpr11{display: flex;}
.lpr12{width: 15%;margin: 1%;}
.lpr13{border-radius: 5px;cursor: pointer;}
.lpr14{text-align:center}
.lpr15{border-radius:5px; cursor: pointer;}


dialog {
  position: absolute;
  display: block;
  inset-inline-start: 0;
  inset-inline-end: 0;
  margin: auto;
  border-width: initial;
  border-style: solid;
  border-color: initial;
  border-image: initial;
  padding: 0;
    background-color:rgb(0,0,0);
    background-color:rgba(0,0,0,0.8);
  color: CanvasText;
}


.mdlc {
    z-index:1;
    display:none;
    padding-top:10px;
    position:fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    overflow:auto;
    background-color: rgba(0, 0, 0, 0.8);
    }
    
.mdlc1{
    margin: 10% auto auto auto;
    display: block;
    max-width: 100%;
    text-align: center;}


.mdlc3{border-radius: 5px;}
    
.close {
    text-decoration:none;float:right;font-size:24px;font-weight:bold;color:white
    }

.mdlc1, #caption {    
        -webkit-animation-name: zoom;
        -webkit-animation-duration: 0.4s;
        animation-name: zoom;
        animation-duration: 0.4s;
    }
    

@media (max-width:912px){
  body{font-size:.845rem;line-height:1.25rem}
  header,body,footer{min-width:100%; max-width:100%}
  header{padding:10px 5px 5px;min-height:60px;}
  .hea2{width:200px;height:auto;max-width:200px}
  .hea4{font-size:0.72rem; padding: 0;width: 100%;gap:0.5rem}
  .hea4 button{font-size:0.72rem;}
  .men1{padding:1.5rem .75rem;margin:1rem .45rem}
  main{margin:1rem .45rem}
  h1,.h1{font-size:1.6em;margin-block:0 .27em;line-height:1em}
  .h1ia{font-size:0.8em;font-weight: 700;padding:40px 0 0 5%;margin-block:0 .27em;}
  .h1ii{font-size:1em;padding:65px 0 0 5%;margin-block:0 .27em;line-height:1em;width: 90%;}
  h2{font-size:1.3em;margin-block:.83em .53em;line-height:1em}
  h3{font-size:1.1em;margin-block:.83em .53em;line-height:1em}
  .ban,.ban2sp1{font-size:.83em}
  .ban2sp1{max-inline-size:150px}
  .ban25{width:23%}
  li{font-size:.9rem;line-height:1.4rem}
  .lpr8{font-size:.86rem;line-height:1.05rem;}
  .lpr8:before {width: 170px;height: 300px;margin-top: -250px;}
  .wi31100{width:100%;margin:10px 0}
  .wi50100,.wi75100,.wi25100,.wi38100,.wi62100,.wi18100{width:100%}
  .img1ii{height:150px;}
  .conn1{width: 100%;}
  .dspmd{display:block}
  .asi2{display:flex;font-size:.675rem}
  .lpr1{grid-template-columns:repeat(2,1fr)}
  .asi1{margin:2% 1%}
  .ppr3{padding:20px 0}
  .lcc3{grid-template-columns:repeat(3,1fr)}
  .lbn3{grid-template-columns:repeat(1,1fr)}
  .lcci0,.lcc2,.lcc5,.lcc4,.lcc6,.lcc7,.ird4,.lpr10{grid-template-columns:repeat(2,1fr)}
  .lcci0 li{font-size:12px;}
  .ss5{justify-content:right;margin-top:5px}
  .btn-ddk{padding:.2rem .6rem}
  .ss0a{width:30%}
  .ss1{width:80%}
  .ss5{width:100%}
  .bkg1,.bkg2,.bkg3{padding:10px;font-size: 0.80rem;line-height: 1.3;}
  .lcc2 a,.lcc3 a,.lcc4 a,.lcc5 a, .lcc6 a,.lcc7 a{margin: .6rem;font-size: 0.68rem;line-height: 1.4em;}
  .foot1{width: 100%;padding:10px;}
  .summary{font-size:0.78rem}
  .lcc1{font-size: 0.88rem;}
  .mrin1{margin-left: 136px;}
     .lpr8:before {width: 170px;height: 250px;margin-top: -200px;}
        .lpr1{grid-template-columns:repeat(2,1fr)}
        .mdlc1{margin: 30% auto auto auto;}
        .ip1{font-size: 16px; text-align: center; margin: 20px 0cqw;}
}

@media (min-width:912px){
  body{max-width:1280px;line-height:1.5;margin:0 auto;font-size:.92rem}
  header{border-radius:0 0 10px 10px;padding:10px;min-height:60px}
  .hea2{width:250px;height:auto}
  .hea4{font-size:14px;width: 44%;gap:1rem}
  .men1{padding:1.5rem 1rem;margin:1rem .75rem}
  main{margin:0 .75rem}
  h1{font-size:1.8em;margin-block:0 .27em}
  .h1ia{font-size:0.8em;font-weight: 700;padding:60px 0 0 5%;margin-block:0 .27em;}
  .h1ii{font-size:1.8rem;padding:75px 0 0 5%;margin-block:0 .27em;max-width:55%;}
  h2{font-size:1.5em;margin-block:1.5em .27em}
  h3{font-size:1.1em;margin-block:1.3em .27em}
  .ppr3{padding:20px 2rem}
  .ban25{width:25%}
  .brea1{display:flex}
  .wipdr10{padding-right:10px;}
  .wipdr20{padding-right:20px ;}
  .wipdl10{padding-left:10px ;}
  .wipdl20{padding-left:20px ;}
  .wi50100{width:50%}
  .wi75100{width:75%}
  .wi62100{width:62%}
  .wi38100{width:38%}
  .wi31100{width:31%;margin:0 1%}
  .wi25100{width:25%}
  .wi18100{width:18%}
  .img1ii{height:250px;}
  .conn1{width: 42%;margin: 100px ;}
  .dspmd{display:flex}
  .asi2{display:flex}
  .lpr8{font-size:.92rem;line-height:1.1rem;}
  .lpr8:before {width: 210px;height: 300px;margin-top: -280px;}
  .lpr1{grid-template-columns:repeat(5,1fr)}
  .asi1{margin:10px 0 20px;font-size:14px}
  .p1tb{padding:.5rem 0}
  .p2tb{padding:1rem 0}
  .p1lr{padding:0 .5rem}
  .p2lr{padding:0 1rem}
  .p1ll{padding:0 0 0 1.5rem}
  .p1rr{padding:0 1.5rem 0 0}
  .lcci0 li{font-size:0.86rem;}
  .lcc2, .lpr10, .lcc3, .lbn3{grid-template-columns:repeat(3,1fr)}
  .lcc4, .ird4{grid-template-columns:repeat(4,1fr)}
  .lcc5, .lcci0{grid-template-columns:repeat(5,1fr)}
  .lcc6{grid-template-columns:repeat(6,1fr)}
  .lcc7{grid-template-columns:repeat(7,1fr)}
  .btn-ddk{padding:.4rem .6rem}
  .lg-dspf{display:flex}
  .lg-dspb{display:block}
  .ss0a{width:21%}
  .ss1{width:35%}
  .ss5{width:40%}
  .mm0100{margin: 100px;}
  .bkg1,.bkg2,.bkg3{padding: 15px 20px;line-height: 1.3;font-size: 0.88rem;}
  .lcc2 a,.lcc3 a,.lcc4 a,.lcc5 a,.lcc6 a,.lcc7 a{margin: .6rem;font-size: 0.73rem;line-height: 1.4rem;}
  .foot1{width: 32.9%;margin: 10px 0 20px;}
  .lcc1{font-size: 0.82rem;}
  .mrin1{margin-left: 186px;}
       .lpr8:before {width: 210px;height: 280px;margin-top: -230px;}
        .lpr1{grid-template-columns:repeat(5,1fr)}
        .mdlc1{margin: 10% auto auto auto;}
        .mdlc3{width: 600px;}
        .ip1{font-size: 20px; text-align: center; margin: 30px 150px;}
}



    
    @-webkit-keyframes zoom {
        from {-webkit-transform:scale(0)} 
        to {-webkit-transform:scale(1)}
    }
    
    @keyframes zoom {
        from {transform:scale(0)} 
        to {transform:scale(1)}
    }



    .fieldset .legend{
      font-weight: 700;
  padding: 0 .5rem;
  color: #111827;
    }
    
    .fieldset{
      border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 1.25rem 1.5rem;
  background-color: #fff;
  display: block;

    }
    
    .fieldset,
    .fieldset .legend:after{
      box-sizing: border-box;
    }

    .fieldset .legend.left {
      text-align: left;
    }