/* clock.php */
#cdown_div{margin:auto;width:50%;font-size:30px;text-align:center;}
#countdown{font-size:45px;color:red;}

#clock_box{
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}

#digital_clock{
font-size:4.5rem;
color:#06c;
padding:20px;
border-radius:10px;
background-color:#f9f9f9;
box-shadow:0 4px 8px #0000001a;
min-width:400px;
margin-bottom:10px;
text-align:center;
justify-content:center;
}

#exitfullscreenBtn{
position:absolute;
left:50%;
transform:translate(-50%,0);
cursor: pointer;
transition: background-color .3s;
padding: 10px 20px;
background-color: #ff4500;
color: #fff;
border: none;
border-radius: 4px;
font-size: 1rem;
margin-top: 20px;
display:none;
}

#fullscreenBtn{
position:absolute;
left:50%;
transform:translate(-50%,0);
cursor: pointer;
transition: background-color .3s;
padding: 10px 20px;
background-color: #06c;
color: #fff;
border: none;
border-radius: 4px;
font-size: 1rem;
margin-top: 20px;
}

/* selection.php*/
#ex_selection{margin:auto;width:50%;border:.2vmin solid red;margin-bottom:.5vmin;}
#selection{margin:auto;width:50%;border:.2vmin solid black;display:flex;}
#selection_1{width:33.3%;}
#selection_2{width:33.3%;}
#selection_3{width:33.3%;}
.select_file:hover {color:red;}
.select_file {cursor:pointer;}
.select_div:hover {color:blue;}
.select_div {cursor:pointer;margin-bottom:.5vmin;}
.author_div:hover {color:blue;}
.author_div {cursor:pointer;margin-bottom:.5vmin;}

/* poems.php */
#poem{margin:auto;width:50%;border:.2vmin solid black;}
#poems{margin:auto;width:50%;border:.2vmin solid black;display:flex;}
#poems_1{width:33.3%;}
#poems_2{width:33.3%;}
#poems_3{width:33.3%;}
#pTitle{text-align:center;font-size:22px;}
#pAuthor{text-align:center;font-size:18px;color:blue;}
.poem{font-size:22px;}
.poem_c{text-align:center;font-size:22px;}

/* index.php */
#title{margin:auto;width:50%;border:.5vmin double blue;margin-bottom:5vh;text-align:center;font-size:3vw;color:red;}
#doc  {margin:auto;width:50%;}
#factoration{margin:auto;width:50%;clear:left;margin-top:2px;}
#beian{margin:3vh auto 0 auto;font-size:1.2vw;color:blue;text-align:center;}
#beianpng{width:16px}

/* topbar */
.cateline, .textline, .optline, .detailine, .buttonline {width:50%;height:2vw;margin:auto;font-size:1.2vw;}
.catediv {cursor:pointer;margin-right:1%;border:.2vmin solid white;float:left;}
.catediv:hover {background-color:gray;}
#DETline {margin-bottom:20px;}
#subpoint, #probtext, #plnumber, #ssource {width:20vw;}
#searchB, #clearcateB {font-size:1vw;}
#searchB  {margin-left:36%;margin-right:5%;}
#datum {margin:auto;width:50%;height:2vw;}
.datumdiv {cursor:pointer;margin-right:1%;border:.2vmin solid white;float:left;}
.datumdiv:hover {background-color:gray;}

/* leftbar */
.autofill {cursor:pointer;}

/* sidebar*/
#leftbar {width:9%;height:30vh;position:fixed;left:15vw;top:8vh;font-size:1.3vw;}
#leftbar p {margin:0;margin-top:.22vh;margin-left:.5vw;}
#leftbar p:hover {color:red;}
#sidebar {width:12%;height:75vh;position:fixed;right:0;top:0;font-size:1vw;}
#sidebar p {margin:0;}
/* 搜索总数展示 */
#demonum {border:.2vmin solid black;}

/* 选择总数计数框 */
#totalprob {border:.2vmin solid blue;margin-bottom:.5vh;}
.composeB  {width:50%;}

/* 导入框 */
#addplnums {border:.2vmin solid red;margin-bottom:.5vh;}
#plnumstxt {width:98%;height:30vh;}
#addButton {width:50%;margin-left:25%;}

/* 版式选择 */
#composediv{border:.2vmin solid green;margin-bottom:.5vh;}
.setTitle  {width:92%;}
.laydiv    {cursor:pointer;display:flex;width:50%;height:5vh;float:left;font-size:1vw;justify-content:center;align-items:center;} 
.laydiv:hover {background-color:gray;}
#getpdfB   {width:50%;margin-left:25%;}

/* 导航按钮 */
#direct  {width:100%;}
#backtopB, #toindexB{width:50%;float:left;}

/* compose.php 页面的分隔框 */
#rmbar {width:80%;background-color:#FF0066;text-align:center;border:.2vmin solid red;}
#exbar {width:100%;background-color:#0099CC;text-align:center;border:.2vmin solid white;}

/* getpdf.php 输出框 */
#output  {width:40%;height:40vh;margin:10vh auto 0 auto;}
#demodiv {width:50%;height:100%;float:left;}
#demoplnums {width:100%;height:80%;}
#getpdf  {width:50%;float:left;}
.output  {width:100%;margin:3vh;text-align:center;}

/* 题目框 */
.probdiv  {width:80%;margin:25px 0 25px 0;border:.2vmin solid white;}
.infodiv  {margin-top:.5vh;}
.infospan {font-size:1.2vw;margin-right:3%;}
.soldiv   {}
.detdiv   {}
.solButton, .detButton{font-size:1.1vw;margin:auto;}
.probimg, .solimg {width:100%;}