@import url("/_file/mall/twone.css");
:root{
--maxWidth:100%;	
--minWidth:800px;
--boxbgcolor:#f9f9f9;	
--boxbgborder:1px solid #f1f1f1;
}

*{padding:0; list-style:none; margin:0; text-decoration:none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

body{background:#fff; font-family:Inter,ui-sans-serif,system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial}
body#bodybg{background:#f6f8fb; overflow-x:hidden}
.bgfff{background:#fbfbfb; padding:0 20px 10px 20px;box-shadow:0 6px 18px rgba(12,18,31,0.06); border-radius:8px; line-height:1.5; margin:10px 0; font-size:14px}
.VIP_alan{width:100%; max-width:var(--maxWidth); margin:10px auto; letter-spacing:1px}
.VIP_alan h1{font: bold 18px/1.5 arial; text-align:center; display: table; margin:0 auto 15px auto; }
.VIP_alan h1 span{float:left; margin:0 5px}
#search-icon{ height:26px; width:26px;border-radius:50%; background:#a9a9a9; line-height:26px; display:block}
#search-icon img{ display:block; vertical-align:bottom; cursor:pointer}

.search_alan{width:100%; padding:10px; border:1px solid #cbc1b7; background:#f5f5f5; margin:15px auto 10px auto; display:inline-block}
.search_alan dl{font:13px/30px arial; display:table; letter-spacing:1px; margin:0 auto}
.search_alan dt{clear:both; text-align:center; height:5px}
.search_alan dt span{position:relative; padding:3px 10px; background:#fff; top:-28px}
.search_alan dd{float: left; margin:0 8px; height:30px;}
.search_alan dd a{font-size:13px; color:#fff; background:#FF3437; border-radius:5px; padding:3px 8px}
.submit_dd{}
.submit_dd span{background:#00a0ea; padding:5px 30px; cursor:pointer; color:#fff;}
.search_alan input[type=checkbox]{position:relative; top:2px; margin-right:3px}

#VIP_1_intro_main .VIP_alan{max-width:96%; margin:10px}


.alink_1{color:#006CDD; cursor:pointer}
.alink_2{color:#006CDD; border:1px solid #006CDD; padding:1px 5px; cursor:pointer; display:inline-block; border-radius:5px}
.alink_3{color:#fff; border:1px solid #006CDD; background:#006CDD; padding:1px 5px; cursor:pointer; display:inline-block; border-radius:5px}

button.seeda_btn{padding:2px 8px; margin:0 0 0 3px; background:#b0ff9f; font-size:13px; letter-spacing:1px; cursor:pointer; border:1px solid #828282; border-radius:5px}
button.seeda_btn:hover{opacity:.7}

#sidebarbg dd i{color:#E30003; font-size:16px; font-weight:700; padding:0 5px 0 0; font-family:cursive}
/*================================*/
#headstyleW{background:#ff5722;}
#headstyleM{background:#2D38B8;}
.bologheadbg{width:100%; height:60px; position:sticky; top:0; z-index:2001}
.bologheadbg2{height:60px; width:100%; padding:0 40px 0 25px;  background:var(--headerbg);overflow:hidden}
.bologheadbg3{color:var(--headerfont); width:100%;height:60px; margin:0 auto; line-height:60px; max-width:var(--maxWidth)}

.bologheadname{float: left; color:var(--headerfont); position:relative; line-height:1.5; display:flex; flex-direction:column; height:60px; justify-content:center}
.bologheadname strong{font-size:36px; font-weight:700}

.bologheadname2{font-size:17px; float: right; height:60px; position:relative; display:flex; align-items:center; gap:8px; line-height:1.3}
.s66{width:30px; height:30px; border-radius:50%; background:#fff; overflow:hidden}
.s66 img{max-width:100%; height:auto}
.bologheadname2_box{display:flex; gap:8px; align-items: center}
.toweBname{background:var(--headerfont); padding:3px; color:var(--headerbg); border-radius:4px; font-size:14px;transition: all 0.3s ease}
.toweBname:hover{box-shadow:0 6px 18px rgba(12,18,31,0.4)}

#bologheadname3_{float: left; height:60px;max-width:300px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; cursor:pointer; color:var(--headerfont); line-height:15px; padding:13px 0 0 3px; letter-spacing:1px}
#bologheadname3_ s{display:block; color:var(--headerfont); letter-spacing:0; padding:5px 1px 0 1px}

.headmember{ float:left; font-size:13px; position:relative}
.headmember span{display:inline-block; margin:0 3px; border-radius:2px;padding:4px 4px; font-size:12px; background:#f7f7f7; color:#444; line-height:1.2; position:relative; opacity:.3}
.headmember a{display:inline-block; margin:0 3px;padding:4px 4px; font-size:14px; color:#fff; line-height:1.2; text-decoration:underline !important}
.headmember span.thistype{color:#fff; background:#3f51b5; opacity:1}

.headmember a.headAips::after{position:absolute; content:'點看說明頁'; right:-84px; top:12px; border-radius:4px;padding:4px 8px; font-size:12px;box-shadow: 0 0.2rem 0.4rem #ffffffb3; background:#fff; color:#7f7f7f; border:1px solid #ccc; line-height:1; z-index:1; display:none}

.headmember .headAips::before{ display:none; content:'';width:0px;height:0px;border-width:7px;border-style:solid;border-color:transparent #fff transparent  transparent ;position:absolute; z-index:10;top:16px; right:-7px}

.headmember .headAips:hover::before,.headmember a.headAips:hover::after{display:block}



#bolog_min{width:var(--maxWidth); padding:0px 0; margin:0 auto; display: flex; min-height:88vh;}
#sidebarbg{flex:0 0 165px}
#sidebarbg dl{height:calc(100vh - 50px); overflow:auto; background:#fff;box-shadow: 0 6px 18px rgba(12, 18, 31, 0.06); position:sticky; top:50px}
#sidebarbg dl dt{padding:12px 10px; font-size:15px; color:#505050; text-align:center; border-bottom:1px solid #e5e5e5; font-weight:700}
#sidebarbg dd{padding:12px 8px; font-size:15px; letter-spacing:1px;color:#555555; display:block; position:relative}
#sidebarbg dd a{color:#555;}
#sidebarbg dd.notbig{font-size:16px; font-weight:700}
#sidebarbg dd:hover a::after{content:''; position:absolute; inset:0}

#sidebarbg dl.eg4 dd{padding:12px 10px 12px 10px; font-size:15px; letter-spacing:1px;color:#555555; display:block}
.okSee{}
#sidebar4 dd.oksee a::before{color:#f00; content:'\2714'}
#sidebar4 dd.notsee a::before{background-image:url(/web66/image/vip/see.png); height:8px; width:15px; display:inline-block;content:''; opacity:.5; margin-right:2px}

#sidebarbg dd.sec_v{font-weight:700; border-bottom:1px solid #555}
#sidebarbg dd.add2{ padding:10px 0 10px 24px}
#sidebarbg dd.sec_v s{font-size:12px; color:#f00; letter-spacing:0}
#sidebarbg dd:before{display: none}
#sidebarbg div.ASKbot{ margin:25px 0 12px 0; padding:10px 15px; border-top:1px solid #E0E0E0}
#sidebarbg div img{display:block; vertical-align:bottom; width:100%}

#vipeage li dd:hover a,dd.sideover a{color:var(--sidefonthover)!important}
#vipeage li dd:not(.sec_v):hover,dd.sideover{background:#ffffff63}


#psheadtitle{margin:10px auto; width:100%; background:#fbfbfb; letter-spacing:1px; line-height:1.5; color:#555; border-radius:5px; padding:8px 15px;box-shadow: 0 2px 5px 0 rgb(0 0 0 / 15%); border:1px solid #b5b5b5; font-size:15px; font-family:Merriweather, Georgia, serif; }
#psheadtitleh1{ font-size:24px; letter-spacing:2px;font-family:emoji; color:#444; padding-top:20px}
#psheadtitle p{padding:1px 0}
#psheadtitleh1 s,#psheadtitle p s{font-size:14px; color:#DF0003}
.psheadtitlehr{ border-bottom-color: #c5c5c5; border-bottom-width:2px; border-bottom-style:outset;box-shadow: 0 2px 5px 0 rgb(0 0 0 / 15%); margin:20px 0}


.div_checkhead{flex:1; padding:0 30px}
#vipeage{flex:0 0 240px; background:var(--sidebg); display:flex; flex-direction:column; justify-content:space-between; font-size:16px; letter-spacing:1px; height:calc(100vh - 60px); overflow:auto; text-align:center; position:sticky; padding:15px 15px 0 15px; top:60px}
#vipeage ul{width:100%;}
#vipeage li{padding:3px 0; color:var(--sidefont); text-align:center; line-height:1.6; position:relative; letter-spacing:1px}
#vipeage li a{color:var(--sidefont); display:block}
#vipeage li dl{ border-bottom:1px solid #EDEEED; border-top:1px #d5d5d56b outset;max-height: 0;opacity: 0; overflow: hidden;  transition: all 0.9s ease;}

#vipeage li dd{padding:3px 40px; text-align:left; font-size:15px; position:relative; font-weight:500}
#vipeage li dd.sec_v{padding:3px 40px 3px 10px; color:#B90096; border-bottom:1px solid #B90096; font-size:15px; font-weight:700}

#vipeage img.icon{width:15px; position:absolute; left:7px; top:11px}
#vipeage li:hover{color:var(--sidefonthover) !important;background:var(--sidebghover)}
#vipeage li:hover .isbtnbar{color:var(--sidefonthover) !important;}
#vipeage li .isbtnbar{padding:5px 40px; text-align:left; font-weight: bold}
.zoom-in{cursor:zoom-in}
.zoom-out{cursor:zoom-in/*zoom-out*/}

#vipeage li .isbtnbar::before{font-family:bootstrap-icons;position:absolute; left:15px; top:5px; font-size:18px}
#vipeage li div.isbtnbar::after{font-family:FontAwesome;position:absolute; right:15px; top:5px; content:'\f105'}
#vipeage ul li:hover div.isbtnbar::after{content:'\f107';}
#vipeage li:hover dl{max-height: 400px;opacity: 1}
#vipeage li.eg18 .isbtnbar::before{ content:'\f257'}
#vipeage li.eg1 .isbtnbar::before{ content:'\f475'}
#vipeage li.eg2 .isbtnbar::before{ background-image:url(/web66/image/vip/2.png);}
#vipeage li.eg3 .isbtnbar::before{ content:'\f3ee'}
#vipeage li.eg4 .isbtnbar::before{content:"\f6c4"}
#vipeage li.eg7 .isbtnbar::before{ content:'\f3ff'}
#vipeage li.eg11 .isbtnbar::before{ background-image:url(/web66/image/vip/11.png);}
#vipeage li.eg12 .isbtnbar::before,#vipeage li.eg99 .isbtnbar::before{ content:'\f673'}
#vipeage li.eg22 .isbtnbar::before{ content:'\f224'}
#vipeage li.eg23 .isbtnbar::before{ content:'\f4ca'}
#vipeage li.eg13 .isbtnbar::before{ background-image:url(/web66/image/vip/13.png);}
#vipeage li.eg14 .isbtnbar::before{ background-image:url(/web66/image/vip/14.png);}
#vipeage li.eg19 .isbtnbar::before{content:"\f6b3";}
#vipeage li.eg21 .isbtnbar::before{content:"\f423"}
#vipeage li.eg91 .isbtnbar::before{content:"\f18f"}
#vipeage li.eg90 .isbtnbar::before{content:"\f636"}
#vipeage li.eg93 .isbtnbar::before{content:"\f3ff"}
#vipeage li.eg92 .isbtnbar::before{content:"\f6b9"}
#vipeage li.eg88 .isbtnbar::before{content:"\f226"}
#vipeage li.eg89 .isbtnbar::before{content:"\F23a"}
#vipeage li.eg98 .isbtnbar::before{content:"\f7fc"}
#vipeage li.eg92{border-bottom:1px solid var(--sidefont); margin-bottom:10px}
#vipeage li.eg100 .isbtnbar::before{ content:'\f7ee'}
#vipeage li.po30j .isbtnbar::before{content:"\f8f7"}

#vipeage::-webkit-scrollbar-track,#sidebarbg dl::-webkit-scrollbar-track {  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);  background-color: #84A9FF;}

#vipeage::-webkit-scrollbar,#sidebarbg dl::-webkit-scrollbar {  width: 3px;  background-color:#c62828;}

#vipeage::-webkit-scrollbar-thumb,#sidebarbg dl::-webkit-scrollbar-thumb {  background-color: rgb(153 153 153);}

.filebot{display:flex; padding:10px; background:#6b77e3c9; margin:25px 0}
.filebot a{flex:1; font-size:12px; letter-spacing:1px; line-height:1.5; color:#fff; text-align:center; height:90px}
.filebot img{max-width:60px; display:block; margin:0 auto}
.filebot a:hover{font-size:14px; font-weight:700}
.isekvip{padding:0 10px; text-align:center; color:#f00; line-height:1.6; font-size:14px}
.typeimg{padding:0 10px; text-align:center; color:#AF0002; line-height:1.6; font-size:13px}
.typeimg img{border:1px solid #B8B8B8}
.MDbot{padding:10px4 15px; margin-top:15px; border-top:1px solid #8c8c8c; font-size:15px; letter-spacing:1px; color:#222; font-weight:700}
.MDbot div{font-size:12px}
.MDbot div p{padding:0 0 0 13px; color:#ff5722}



#vipmapbg::-webkit-scrollbar-track {  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);  background-color: #fff;}

#vipmapbg::-webkit-scrollbar {  width: 5px;  background-color:#c62828;}

#vipmapbg::-webkit-scrollbar-thumb {  background-color: rgb(153 153 153);}

#mapopen{color:#f00 !important; cursor:pointer}
.offvipmap{text-align:right; top:0; right:0; color:var(--sidefont); background:var(--sidebg); z-index:10; padding:15px; width:253px; opacity:.94}
.offvipmap span{padding:2px 10px;background:var(--headerbg);   border:1px solid #fff; border-radius:3px; cursor:pointer;}
.offvipmap span:hover{opacity:.7}
#vipmapbg{position:fixed; top:0; right:-400px; padding:20px 35px 20px 25px; background:var(--sidebg); overflow:auto; height:100vh; z-index:3000;box-shadow: 0 0.2rem 0.4rem rgba(0,0,0,.7); width:253px}
#mapul{font-size:14px; letter-spacing:1px; color:var(--sidefont);  padding:0px 5px 5px 18px; position:relative; margin-top:40px}
#mapul::before{position:absolute; left:0px; top:18px; content:''; border-left:1px dotted #fff; z-index:1; height:calc(100% - 40px)}
#mapul li.sideli{position:relative; margin:10px 0}
#mapul li.sideli span::before{content:'-'}
#mapul li.sideli span.ov::before{content:'+'}
#mapul li.sideli span{position:absolute; left:-25px; top:5px;background:var(--headerbg); width:14px; height:14px; line-height:12px; text-align:center; border:1px solid #fff; z-index:1; cursor:pointer}
#mapul li.sideli::after{content:''; position:absolute; left:-15px; top:10px; border-bottom:1px dotted #fff; width:14px; z-index:0}
#mapul li .olside,#mapul li .olside2{padding:2px 0 2px 30px}
#mapul li .olside::before,#mapul li .olside2::before{position:absolute; left:7px; top:20px; content:''; border-left:1px dotted #fff; line-height:0; z-index:1; height:calc(100% - 30px)}
#mapul li .sideolli,#mapul li .sideolli2{position:relative}
#mapul li .sideolli2::after,#mapul li .sideolli::after{content:''; position:absolute; left:-22px; top:10px; border-bottom:1px dotted #fff; width:14px; z-index:0}

/*================================================================*/


#FooTbg{display:flex; gap:8px; justify-content:center; align-items:center; flex-wrap:wrap; line-height:1.3; margin:15px auto}
#FooTbg s{display:inline-block; padding:0 3px}
#FooTbg .toralP{font-weight:700; color:#555}
#FooTbg .thispage{padding:2px 4px; font-size:14px;color:#fff; background:#222} 
#FooTbg a{border:1px solid #D9D9D9; color:#333;padding:2px 4px; font-size:14px; display:block;ransform: scale(1,1);transition: all 1s ease-out;}
#FooTbg a:hover{color:#fff; background:#000;transform: scale(1.3,1.3);}
#FooTbg .UpPaage::before{ content:'\00BB';transform: rotate(180deg); display:block}
#FooTbg .downTenPageP::before{ content:'\00BB'}


#scroll_div{position:relative; height:25px; overflow:hidden; display:flex; align-items:center; float:left; top:12px; line-height:25px; margin-left:50px;box-shadow:2px 1px 5px 5px rgb(149 149 149 / 45%);}
#scroll_begin{height:25px; position: relative; overflow:hidden;background:#fff; }
.pageTop{transition: transform 0.5s ease;}
.pageTop li{display:flex; align-items:center; font-size:14px;position:relative;height:25px; line-height:25px; padding:0 8px; background:linear-gradient(to right, #4778c9, #272139); justify-content:space-between; gap:12px}
.pageTop li::after{ content:'\f135';font-family:bootstrap-icons; font-weight:700; font-size:17px}
.pageTop a{color:#fff}
.pageTop li:hover::after{ content:'\f234'; font-weight:400}
.pageTop li:hover a::after{position:absolute; inset:0; content:''}
.pageTopbox{font-weight:900; font-size:20px; color:#fff; background:#273551; width:40px; position:relative; height:25px; overflow:hidden}
.pageTopbox_main{position:absolute;inset:0; top:-4px;animation: leftIn 3.5s linear 0s infinite; padding-left:12px}
.pageTopbox_main span::before{content:'\009B';}
@keyframes leftIn {
    from {
        transform: translate3d(-50%, 0, 0);
    }

    to {
        transform:translate3d(70%, 0, 0);
    }
}
@media (max-width: 760px){
.div_checkhead{ padding:5px}
.bgfff{padding:0}
.bologheadbg2{padding:0 10px}
#scroll_div,.VIP_alan .search_alan{display:none}
.bologheadname,.headmember span,.headmember s,#bologheadname5_{display:none}
.headmember span.thistype{display:inline-block; margin:12px 0 0 10px}
.div_checkhead,#div_checkhead21,#div_checkhead99{flex:0 0 100%}
.div_checkhead{margin:0}
#bolog_min{flex-wrap:wrap}
#sidebarbg,#vipeage{display:none;z-index:200}

.boogfoot{padding:10px 0}
.side_BTN::before{content:''; position: fixed; left:0; right:0; top:0; bottom:0; background:#00000094; z-index:199}


.side_BTN #sidebarbg{ display:revert; background:none; padding:0}
.side_BTN #vipeage{display: flex; background:#f6f8fb}

.menu-btn{cursor: pointer; margin:15px 0 0 10px; display:flex; flex-direction:column; justify-content:center; height:32px; float: left}
.navbox ul{ display: flex !important}
.htopR ul{display:none}
.line-1,.line-2,.line-3 {border-top: 2px solid #fff;display: block;transition: margin 0.5s, transform 0.5s;width: 25px;}

.line-2 {margin: 5px 0;}

.navbox .line-1 {transform: rotate(45deg);margin: 0;}

.navbox .line-3 {transform: rotate(-45deg);margin: 0;}

.navbox .line-2 {margin: -2px 0;opacity: 0;}

#org1008 textarea,#org1008 .input1,#org1008 .input2{width:100% !important}

}

span.awsflie{border:1px inset #B1B1B1; padding:3px 5px; color:#000; background:#e9e9e9; cursor:pointer; letter-spacing:1px; border-radius:3px; margin:0 5px 0 0}
span.awsflie:hover{background:#D9E9F8}
#awsbg{position: fixed;top: 0; left: 0;width: 100%;height: 100%;background: #000;opacity: 0.6;}
#Seedabg{position: fixed;top: 0; left: 0;width: 100%;height: 100%;}


#awsbgtext{position: fixed;top:45%; left: 0;width: 100%; font:21px arial; letter-spacing:2px; text-align:center; color:#f00}
input#file-select{display:none}
#HomeBg{position: fixed;top: 0; left: 0;width: 100%;height: 100%;background: #000;opacity: 0.6; z-index:2002}