body
{
      width: 100%;
}

a , a:hover
{
      text-decoration: none;
}

header
{
      background: #646464;
      height: unset;
      padding: 20px 0;
}

header h1
{
      padding: 0;
      margin: 0;
}

.headerLogo
{
      width: 100%;
}

.headerLogo img
{
      width: 100px;
}

.container-fluid
{
      width: 100%;
      /* padding: 0 20px; */
}

.ContainerBox
{
      width: 100%;
      min-height: calc(100vh - 250px);
      padding: 20px 20px 0 20px;
      box-sizing: border-box;
}

.ContainerInner
{
      min-height: calc(100vh - 343px);
}

.appliTable
{
      width: 100%;
      border-radius: 5px;
      border-collapse: collapse;
}

.appliTable th , .appliTable td
{
      border: 1px solid #dddddd;
}

.appliTable th
{
      background: #4D4D4D;
      color: white;
      padding: 10px;
}

.appliTable td
{
      padding: 8px 10px;
      font-size: 16px;
}

.appliTable th:first-child
{
      border-radius: 5px 0 0 0;
}

.appliTable th:last-child
{
      border-radius: 0 5px 0 0;
}

.appliTable tr:last-child td:first-child
{
      border-radius: 0 0 0 5px;
}

.appliTable tr:last-child td:last-child
{
      border-radius: 0 0 5px 0;
}

.appliTable > tbody > tr:nth-child(2n)
{
      background: #f5f5f5;
}

.appliTable > tbody > tr:hover
{
      background: rgba(0,0,0,0.1);
}

.appliBtnAny
{
      background: white;
      color: #ec8632;
      border: 1px solid #ec8632;
      display: inline-block;
      padding: 4px 8px;
      border-radius: 3px;
}

.appliBtnAny:hover
{
      background: #ec8632;
      color: white;
}

.wdwBox
{
      background: rgba(0,0,0,0.4);
	z-index:1;
	width: 100%;
	height: 100vh;
	top:0;
	left:0;
	position:fixed;
	display: none;
}

.wdwContainer
{
      box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
      background: #fefefe;
      border: 1px solid #ccc;
	z-index:10;
      position: absolute;
      width: 60%;
	top:50%;
	transform:translate(-50%,-50%);
	left: 50%;
      padding: 20px;
      max-height: 80vh;
      overflow-y: scroll;
}

.wdwContainer::-webkit-scrollbar
{
	background: transparent;
	width: 7px;
	border-radius: 999rem;
	cursor: pointer;
}

.wdwContainer::-webkit-scrollbar-thumb
{
	background: #4d4d4d;
	border-radius: 999rem;	
}

.wdwBg
{
      position: absolute;
      width: 100%;
      height: 100vh;
	top:50%;
	transform:translate(-50%,-50%);
      left: 50%;
      z-index: 5;
}

/*     搜尋     */
.FormBox
{
      width: 100%;
}

.FormBox input[type="text"] , .FormBox input[type="number"] ,
.FormBtn
{
      display: inline-block;
      vertical-align: middle;
}

.FormBox input[type="text"] , .FormBox input[type="number"]
{
      text-align: left;
      width: 200px;
      margin: 0;
}

.FormBtn
{
      background: linear-gradient(to bottom, #8e8e8e 0%,#4d4d4d 100%);
      color: white;
      box-shadow: unset;
      border-radius: 5px;
      padding: 5px 10px;
      font-size: 16px;
}

.FormBtn:hover
{
      background: linear-gradient(to bottom, #808080 0%,#4d4d4d 100%);
}

.appliScoreInfBox
{
      width: 100%;
      margin: 0 0 20px 0;
}

.appliScoreInfName
{
      width: 100%;
      font-size: 24px;
      font-weight: 600;
      margin: 0 0 10px 0;
}

.appliScoreInfList
{
      font-size: 16px;
      width: 100%;
}

.appliScoreActList > span , .appliScoreActList input
{
      display: inline-block;
      vertical-align: middle;
}

.appliScoreActList > span
{
      width: 160px;
}

.appliScoreActList input
{
      width: calc(100% - 185px);
}

/*     返回     */
.BtnBackBox
{
      width: 100%;
}

.BtnBackBox i
{
      margin: 0 5px 0 0;
      font-size: 20px;
}

.BtnBack
{
      background: #b3b3b3;
      color: white;
      border-radius: 5px;
      padding: 8px 10px;
      font-size: 16px;
      display: inline-block;
}

.BtnBack:hover
{
      background: #929292;
      color: white;
}

/******     頁碼     ******/
.pageBox
{
      width: 100%;
      padding: 30px 0;
}

.pageContainer
{
      width: 100%;
      text-align: center;
}

.pageBtnOther , .pageMainBox , .pageText ,
.pageMainBox select
{
      display: inline-block;
      vertical-align: middle;
}

.pageBtnOther
{
      color: #4d4d4d;
      font-weight: 600;
}

.pageBtnOther:hover
{
      color: #7e7e7e;
}

.pageMainBox
{
      text-align: center;
      margin: 0 15px;
}

.pageText
{
      margin: 0 5px 0 0;
}

.pageMainBox select
{
      margin: 0;
}

footer
{
      background: #f7f7f7;
      height: unset;
      padding: 30px 0;
}