/*鞎豢狡閰衣��*/
#spreadsheet #SubTitle{font-size: 35px;color: #FFFFFF;background-color: rgba(0,0,0,0.6);padding: 20px 0;position: fixed;left: 0px;top: 0px;width: 100%;text-align: center;z-index: 5;}
#spreadsheet #SubTitle .inputbn{position: absolute;top: calc((100% - 37px) / 2);right: 10px;margin: 0px;height:37px;}
#spreadsheet #SubTitle .inputbn a{color: #FFF;background-color: #006699;padding:7px 10px;border-radius: 5px;font-size: 20px;line-height: 20px;vertical-align: top;display: block;transition: all 0.5s ease-out;}
#spreadsheet #SubTitle .inputbn a:hover{background-color: #0086C6;}
#spreadsheet #SubTitle .inputbn a i{margin-right:5px}
#spreadsheet .wrapper{width: 100%;position: relative;}
#spreadsheet .container.wrapper{margin:100px auto 50px auto;}
#spreadsheet .content{width: calc(100% - 20px);border-radius: 8px;padding: 10px;margin: 0 auto;box-shadow:0px 0px 5px 3px rgba(0,0,0,0.2);background-color: #FFF;}
#spreadsheet .content dl dt,#spreadsheet .content dl dd ul{border-radius: 8px;padding:10px;}
#spreadsheet .content dl dt{border: 3px solid #FFC773;}
#spreadsheet .content dl dt .TableBox.style05 {border-bottom: none;}
#spreadsheet .content dl dt .TableBox.style05 .t-th,#spreadsheet .content dl dt .TableBox.style05 .t-td{background-color: transparent;border-right: none;font-size: 20px;line-height: 40px;font-weight: normal;}
#spreadsheet .content dl dt .TableBox.style05 .t-tr:first-of-type .t-th,#spreadsheet .content dl dt .TableBox.style05 .t-tr:first-of-type .t-td{border-top: none;}
#spreadsheet .content dl dt .TableBox.style05 .t-tr:first-of-type .t-td input[type="text"]{background-color: #FFFFCC;border-color: #F00;color: #F00;}
#spreadsheet .content dl dt .TableBox.style05 input[type="text"]{font-size: 25px;line-height: 40px;height: 40px;font-family: Arial, Helvetica, sans-serif;}
#spreadsheet .content dl dt  input.submit{font-size: 20px;background-color: #FF3300;line-height: 33px;height: auto;transition: all 0.5s ease-out;color: #FFF;}
#spreadsheet .content dl dt  input.submit:hover{background-color: #C82800;}
#spreadsheet .content dl dt .inputbn {margin-bottom: 0px;}
#spreadsheet .content dl dt .inputbn input.submit{font-size: 28px;line-height: 50px;color: #FFF;background-color: #FF9901;width: 100%;height: auto;margin: 0px;transition: all 0.5s ease-out;}
#spreadsheet .content dl dt .inputbn input.submit:hover{background-color: #EF5B03;font-size: 30px;}
#spreadsheet .content dl dd ul{display: flex;flex-wrap: wrap;align-content: center;border: 3px solid #006699;background-color: #E6F7FF;}
#spreadsheet .content dl dd ul li{width:calc(100% / 3);text-align: center;position: relative;}
#spreadsheet .content dl dd ul li:nth-child(3):after,#spreadsheet .content dl dd ul li:last-of-type:after{display: none;}
#spreadsheet .content dl dd ul li:after{content: "";background-color: #006699;height: 30px;width: 1px;position: absolute;right: 0px;top: calc((100% - 30px) / 2);}
#spreadsheet .content dl dd ul li .title{font-size: 25px;font-weight: bold;color: #006699;height: 65px;display: flex;justify-content: center;align-items: center;flex-direction:column;}
#spreadsheet .content dl dd ul li .title span{font-size: 16px;color: #000000;font-weight: bold;display: block;}
#spreadsheet .content dl dd ul li .text{font-size: 20px;color: #000;display: flex;justify-content: center;align-items: center;}
#spreadsheet .content dl dd ul li .text .close_bnt2{cursor:pointer;background: #00669933;color: #006699;border: 1px solid #006699;font-size: 16px;padding: 5px 20px;border-radius: 5px;margin-left: 10px;transition:all 0.8s ease-in-out;}
#spreadsheet .content dl dd ul li .text .close_bnt2:hover{border: 1px solid #CCC;color: #666;background: #FFFFFF80;}
#spreadsheet .content dl dd ul li .text span{font-size: 28px;font-weight: bold;color: #F00;font-family: Arial, Helvetica, sans-serif,"敺株��迤暺煾��";}
#spreadsheet .content dl dd ul li:last-of-type{width:100%;margin-top:20px}
#spreadsheet .content dl dd ul li:last-of-type .title{border-radius: 8px;height: auto;padding:10px;background-color: #D2E8F2;position: relative;margin-bottom: 10px;}
#spreadsheet .content dl dd ul li:last-of-type .title:after{content: "";border-style: solid;border-width: 8px 8px 0 8px;border-color: #D2E8F2 transparent transparent transparent;position: absolute;left: calc((100% - 8px) / 2);bottom: -8px;}
#spreadsheet .content dl dd ul li:last-of-type .text span{font-size: 40px;font-weight: bold;line-height: 1.25em;}
#spreadsheet .pickbox {text-align: center;padding:10px 0;}
#spreadsheet .pickbox h3{font-size: 25px;font-weight: bold;color: #797979;position: relative;margin: 20px -10px;}
#spreadsheet .pickbox h3:before,#spreadsheet .pickbox h3:after{content: "";background-color: #E5E5E5;height:3px;width:calc((100% - 395px) / 2);position: absolute;top: calc(100% / 2);}
#spreadsheet .pickbox h3:before{left: 0px;}
#spreadsheet .pickbox h3:after{right: 0px;}
#spreadsheet .pickbox h3 span{color: #CCCCCC;padding: 5px;font-weight: bold;line-height: 1.5em;cursor:pointer;}
#spreadsheet .pickbox h3 a{color: #F00;margin-right: 5px;margin-left: 5px;}
#spreadsheet .pickbox .tips{padding:10px;border: 1px solid #CCC;text-align: left;background-color: #f6f6f6;border-radius: 8px;display: none;margin-bottom: 10px;}
#spreadsheet .pickbox .bnt a{color: #FFF;background-color: #CCCCCC;font-size: 30px;line-height: 45px;font-weight: bold;border-radius: 5px;margin: 5px;white-space:nowrap;height: auto;padding: 8px 20px;width: calc((100% - 20px) / 2 );border-style: none;cursor: pointer;display: inline-block;transition: all 0.5s ease-bnt;}
#spreadsheet .pickbox .bnt a:hover{color: #016799;}
#spreadsheet .pickbox .bnt a.select{color: #FFF;background-color: #016799;position: relative;}
#spreadsheet .pickbox .bnt a.select:before{
	content: "";
	border-style: solid;
	border-width: 8px 8px 0 8px;
	border-color: #016799 transparent transparent transparent;
	position: absolute;
	left: calc((100% - 8px) / 2);
	bottom: -8px;
}
@media screen and (min-width: 900px) {
#spreadsheet .wrapper{width: 900px;margin:0 auto ;}
#spreadsheet .content{width: 860px;}
#spreadsheet .content dl dt .TableBox.style05 .t-th{width:60%}
#spreadsheet .content dl dt .TableBox.style05 .t-td{width:40%}
}
@media screen and (max-width: 768px){
#spreadsheet #SubTitle .inputbn{display: none;}
.TableBox.style05 .t-th {display: block;height: auto; line-height: 30px;}
.TableBox.style05 .t-td .title {display: none;}
#spreadsheet .content dl dd ul li{width:100%;padding-bottom:20px;}
#spreadsheet .content dl dd ul li:after{height: 1px;width: 50%;position: absolute;right: calc((100% - 50%) / 2);top: auto;bottom: 0px;}
#spreadsheet .content dl dd ul li .text span{word-break: break-all;}
#spreadsheet .content dl dd ul li .text{flex-direction:column;}
#spreadsheet .content dl dd ul li .text .close_bnt2{margin-top: 10px;}
}
.details_box{display: none;}
.details_box header{padding:20px 5px 10px 5px;font-size: 25px;color: #CCCCCC;font-weight: bold;line-height: 1.5em;font-weight: bold;display: flex;justify-content: center;align-items: center;position: relative;}
.details_box header:before,.details_box header:after{content: "";background-color: #E5E5E5;height:3px;width:calc((100% - 395px) / 2);position: absolute;top: calc(100% / 2);}
.details_box header:before{left: 0px;}
.details_box header:after{right: 0px;}
#spreadsheet .TableBox.style08 .t-th{padding: 5px;line-height: 1.2em;vertical-align: middle;}
#spreadsheet .TableBox.style08 .t-th {background-color: #F5F5F5;border-top: 1px Solid #CCC;border-bottom: 2px Solid #FFF;}
#spreadsheet .TableBox.style08 .t-th:last-child,.TableBox.style08 .t-td:last-child  {border-right: 1px Solid #CCC;}
#spreadsheet .TableBox.style08 .t-th p {border-bottom: 1px Solid #CCC;}
#spreadsheet .TableBox.style08 .t-td {border-top: 1px Solid #CCC;border-left: 1px Solid #CCC;}