.wr{--navR:4px;--indent:24px;--rW:250px;}

.banner-carousel{margin:calc(var(--headerH) + 16px) auto 0px auto !important;}

.wr{max-width:100%;max-width:var(--wrW);margin:16px auto 40px auto;display:flex;}
.wr>*{border:1px solid var(--semiFG_LL);}
html[data-theme="light"] .wr>*{border:1px solid #0000;}

._pnl{background:var(--bg);padding:16px;box-shadow:var(--boxShadow);border-radius:2px;}
*[data-theme="dark"] ._pnl{box-shadow:none;}

.wr_L{width:calc(var(--wrW) - var(--rW));margin-right:16px;}
.wr_L>*:not(:last-child){margin-bottom:16px;}
.wr_L>.tut_ttl{text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px;}
.wr_L>.tut_ttl a{display:flex;justify-content:center;align-items:center;gap:2px;}
.wr_L>.tut_ttl>img{max-width:40px;max-height:40px;border-radius:15%;}
.wr_L>.tut_ttl>.name{font-size:calc(var(--fontSize) * 1.2);font-weight:bold;}
.wr_L>.tut_ttl>.slogan{color:var(--semiFG_H);}
.wr_L>.tut_ttl>:is(.dls, .tuts){display:flex;justify-content:center;gap:8px;}
.wr_L>.tut_ttl>:is(.dls, .tuts)>*{background:var(--semiFG_H);color:var(--bg);font-size: calc(var(--fontSize) * 0.86);padding: 2px 8px;border-radius: 2px;}
.wr_L>.tut_ttl>:is(.dls, .tuts)>*:hover{background:var(--blue1);}
.wr_L>.tut_ttl>:is(.dls, .tuts)>*::before{content:'\e650';font-family:mosfont;}
.wr_L>.tut_ttl>.tuts>*::before{content:'📖';}
.wr_L>.tut_ttl>.tuts>.video::before{content:'▶️';}
.wr_L>.tut_ttl>:is(.dls, .tuts)>*:not(:first-child){margin-left:2px;}

.wr_L>.tut_ttl>.grpauth{display:flex;flex-direction:column;}

#payTypes>input:not(:first-child){margin-left:8px;}
#btnAuth{background:var(--green);color:var(--white1);padding:2px 8px;width:fit-content;margin:4px auto 0px auto;border-radius:2px;}
#btnAuth::before{content:'\e911';font-family:mosfont;}


.wr_L>.tut_srch{display:flex;align-items:center;}
.wr_L>.tut_srch>*:not(:last-child){margin-right:4px;}
.wr_L>.tut_srch>input{flex:1;}

.wr_R{width:var(--rW);}
.wr_R>*>.ttl{text-align:center;font-size:18px;font-weight:bold;}
.wr_R .alink{width:100%;color:#ccc;text-decoration: none;display: block;}
.wr_R .alink:not(:last-child){margin-bottom:16px;}
.wr_R .alink>.imgc{width: 100%;}
.wr_R .alink>.imgc>img{width: 100%;border-radius:4px;}
.wr_R .alink>.ttl{width: 100%;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.wr_R>.sub_qr{margin-top:16px;}



#morelogs{text-align:center;padding:4px;cursor:pointer;background:var(--blue);}
#morelogs>.txt{font-size:var(--fontSize);font-weight:normal;}
#morelogs::before, #morelogs::after{content:'';}
#morelogs:hover{background-color:var(--actHovFG);}

#btnFold{position:fixed;right:10px;bottom:10px;width:50px;height:50px;border-radius:99px;border:2px solid var(--semiBG);cursor:pointer;background:var(--blue);display:flex;align-items:center;justify-content:center;user-select:none;font-size:calc(var(--fontSize)*0.86);}

.objs_body .ctnt:empty{display:none;}
.objs_body .ctnt{border: 1px dashed var(--semiFG_L);border-width: 0px 0px 1px 0px;}
.objs_body .seg{margin:8px 0px 0px 0px;}













/*compare table*/
.cpr{width:100%;border-collapse:collapse;}
.cpr .fsttd{white-space:nowrap;font-weight:bold;}
.cpr img{width:60px;border-radius:10%;}
.cpr td{padding:10px;text-align:left;}
.cpr a{text-decoration:none;color:#ccc;}


:is(h1, h2, h3, h4, h5, h6){background:var(--semiFG_LL);font-weight:bold;user-select:none;padding:4px;}  
/* :is(h1, h2, h3, h4, h5, h6)>.txt{font-size:calc(var(--fontSize)*1.2);} */
h1>.txt{font-size:calc(var(--fontSize)*1.2);}
h2>.txt{font-size:calc(var(--fontSize)*1.02);}
:is(h1, h2, h3, h4, h5, h6)::before{content:'\e90f';font-family:mosfont;animation:ttlIcon 1s infinite;margin-right:4px;}  
:is(h1, h2, h3, h4, h5, h6)::after{content:'折叠▼';margin-left:16px;color:var(--semiFG_L);}  
.fold>:is(h1, h2, h3, h4, h5, h6)::after{content:'展开▶';}


.tut-high{color:var(--actFG);}
.tut-high:hover{color:var(--actHovFG);}
.tut-bg{background:var(--semiFG_LL);padding:0px 4px;border-radius:2px;}
.tut-bold{font-weight:bold;}
.tut-red{color:var(--red);}
.tut-red:hover{color:var(--red1);}
.tut-green{color:var(--green);}
.tut-green:hover{color:var(--green1);}
.tut-blue{color:var(--blue);}
.tut-blue:hover{color:var(--blue1);}
.tut-yellow{color:var(--yellow);}
.tut-yellow:hover{color:var(--yellow1);}
.tut-yellow{color:var(--yellow);}
.tut-yellow:hover{color:var(--yellow1);}
.tut-grey{color:var(--grey);}
.tut-grey:hover{color:var(--grey1);}
.tut-semi{color:var(--semiFG);}

:is(.bg-red, .bg-green, .bg-blue, .bg-yellow, .bg-brown, .bg-grey, .bg-semi){padding:1px 4px;margin:0px 2px;border-radius:2px;}
.bg-red{background:var(--red);color:#fff;}
.bg-red:hover{background:var(--red1);}
.bg-green{background:var(--green);color:#fff;}
.bg-green:hover{background:var(--green1);}
.bg-blue{background:var(--blue);color:#fff;}
.bg-blue:hover{background:var(--blue1);}
.bg-yellow{background:var(--yellow);color:#000;}
.bg-yellow:hover{background:var(--yellow1);}
.bg-brown{background:var(--brown);color:#000;}
.bg-brown:hover{background:var(--brown);}
.bg-grey{background:var(--grey);color:#000;}
.bg-grey:hover{background:var(--grey1);}
.bg-semi{background:var(--semiFG);}


.segCtnt{display:block;}
.fold>.segCtnt{display:none;}

@font-face{font-family:'mosfont';src:url('../mosphp/font/mosico.woff')format('woff');}
.mIcon{font-family:mosfont;}
.keykey{color:#ffa500;}
.bkbold{font-weight:bold;margin-right:6px;color:var(--FG) !important;}

.imgintro{margin:0px 3px 0px 0px;height:auto;max-height:60px;cursor:zoom-in;max-width:100%;border:1px solid #777;box-sizing:border-box;}

@keyframes ttlIcon{0%{color:#884106;}50%{color:#ffa500;}100%{color:#884106;}}
.abtn{font-family:mosfont;display:inline-block;width:auto;height:auto;line-height:22px;text-align:center;border-radius:2px;color:#000;
    background:#ccc;text-decoration:none;margin:3px;padding:0px 5px;font-size:13px;cursor:pointer;}
.topbtn{width:93%;margin:auto;font-size:15px;line-height:30px;border-radius:1px;background:#000;color:#ccc;}
.topbtn:hover{background:#ccc;color:#000;}
.foldtxt{font-size:13px;font-weight:normal;color:#666;cursor:pointer;margin:0px 0px 0px 10px;}
.btnAct{background:#03cf34;margin-top:5px;padding:0px 8px;font-weight:bold;height:30px;line-height:30px;color:#111;}
.btnAct:hover{background:#02f13a;}

.bx-in-tag{position:absolute;top:8px;right:5px;user-select:none;}
.bx-in-tag a{padding:2px 4px;background:#008f30;color:#fff;font-size:13px;border-radius:4px;}   
.bx-in-price{position:absolute;bottom:10px;left:5px;user-select:none;}  
.bx-in-price a{padding:2px 4px;background:#ffa500;color:#111;font-size:13px;border-radius:4px;}    

.rbtns{background:none;margin:auto;}
.rbtns input{width:20px;height:15px;vertical-align:middle;margin:0px;}
.segCtnt{border:1px dashed var(--semiFG_L);border-width:0px 0px 0px 1px;}

.tutbtn1{font-family:mosfont;display:inline-block;height:26px;line-height:26px;text-align:center;border-radius:2px;color:#000;background:#ccc;text-decoration:none;margin:3px;padding:0px 5px;font-size:13px;cursor:pointer;}
.tutbtn1:hover{background:#eee ;}

.icon-left{font-family:mosfont;margin:0px 2px 0px 0px;}

.tutbtn1>.icon-left{color:#000;font-weight:bold;}

#ttlsrch-ctnr{padding:2px;margin:10px 0px 0px 0px;}
#ttlsrch-ctnr .tblcell:first-child{width:1%;white-space:nowrap}
#ttlsrch{width:100%;height:26px;padding:2px;border:1px solid #111;outline:none;border-radius:2px;}

.high-ttl{animation-name:high-ttl;animation-duration:1s;animation-iteration-count:infinite;border:2px dashed #ffa500;box-sizing:border-box;}

.star{position:relative;}
.star>.icon-left{color:#0045ff;font-weight:bold;}

#logs{scroll-margin-top:calc(var(--headerH)*2);}

@keyframes high-ttl{
    0%{border-color:#ccc;}
    50%{border-color:#777;}
    100%{border-color:#ccc;}
}

@media screen and (max-width:1150px){
    :root{
        --wrW:100%;
        --rW:0px;
    }
    .wr{width:100%;text-align:center;flex-direction:column;gap:var(--pd);}
    .wr_L{margin:0px;width:100%;}
    .wr_R{width:100%;}
    /* .wr_R{display:none;} */
    .seg{text-align:left;width:100%;box-sizing:border-box;height:auto;overflow:hidden;}    
    .ctnt{padding:5px;}
    .mline{display:block;}
    #folder{right:20px;bottom:20px;width:39px;height:39px;line-height:37px;font-size:13px;}
    .myIf{height:200px;}
    
    .left{width:100%;}
    .realctnt{padding:10px 0px;}
    .right{width:100%;float:left;padding:10px 10px;margin:10px 0px;}
    #pcAd{display:none;}
    .imgintro{height:auto;}
    .segCtnt{margin-left:10px;}
    .alink{width:48%;margin:0px 0px 10px 0px;}
}
@media screen and (min-width:1150px){
    .seg{text-align:left;width:100%;height:auto;overflow:hidden;}    
    .ctnt{font-size:14px;color:var(--FG);padding:8px;margin:3px 0px 0px 0px;}
    .mline{display:none;}
    #folder{right:10%;bottom:30px;width:50px;height:50px;line-height:48px;}
    .myIf{height:400px;}
    .ctntLR{display:table;}
    #mobAd{display:none;}
    .segCtnt{margin-left:20px;}
}