#CMain { padding: 0px 25px 0px; }
.CMContent { margin: 0px auto; width: 100%; }

form.ListSearch select { width: 160px; }
form.ListSearch input[type="text"] { margin-left: 8px; width: calc( 100% - 160px - 8px - 100px - 8px - 100px - 8px ); }


.CMContent div.table { display: table; width: 100%; border-collapse: collapse; }
.CMContent div.table div.thead { display: table-header-group; border-top: solid 1px #4577aa; border-bottom: solid 2px #0b1222; }
.CMContent div.table div.thead div.tr { display: table-row; }
.CMContent div.table div.thead div.tr div.th { display: table-cell; padding: 12px 5px; font-size: 16px; color: #fff9b2; font-weight: normal; }
.CMContent div.table div.thead div.tr div.th .Eng { display: block; font-size: 12px; color: #9a9a9a; }
.CMContent div.table div.thead div.tr div.th[f="RecruitType"] { width: 80px; }
.CMContent div.table div.thead div.tr div.th[f="VenuesName"] {  }
.CMContent div.table div.thead div.tr div.th[f="RecruitName"] {  }
.CMContent div.table div.thead div.tr div.th[f="RecruitContent"] {  }
.CMContent div.table div.thead div.tr div.th[f="License"] {  }
.CMContent div.table div.thead div.tr div.th[f="RecruitNum"] { width: 75px; }
.CMContent div.table div.tbody { display: table-row-group; }
.CMContent div.table div.tbody a.tr { display: table-row; border-bottom: solid 1px #052c45; color: #FFFFFF; }
.CMContent div.table div.tbody a.tr:hover { cursor: pointer; background-color: rgb(12 47 78 / 0.5); color: #ff9c15; }
.CMContent div.table div.tbody a.tr div.td { display: table-cell; padding: 12px 5px; vertical-align: top;  text-align: center; }

.CMContent .STitle { padding: 15px 0px 25px; font-size: 35px; color: #fff9b2; }
.CMContent .STitle .SType { float: right; }
.CMContent .STitle .SType a { padding: 5px 8px; border-radius: 5px; font-size: 18px; background-color: #007e99; }
.CMContent .STitle .SType a:hover { background-color: #19a0bd; }
.CMContent .SMTitle { padding-bottom: 5px; font-size: 27px; color: #FFFFFF; }
.CMContent .SSMTitle { padding-bottom: 10px; font-size: 20px; color: #84d6e8; }
.CMContent .SContent { line-height: 30px; font-size: 19px; color: #FFFFFF; }
.CMContent .SContent .SItem { padding: 6px 0px; font-size: 17px; }
.CMContent .SContent .SItem:after { float: none; clear: both; content: '.'; display: block; height: 0; overflow: hidden; }
.CMContent .SContent .SItem div.T { float: left; width: 200px; padding-right: 15px; }
.CMContent .SContent .SItem div.C { float: left; width: calc( 100% - 200px ); }
.CMContent .SContent .SItem div.T .Eng { width: auto; padding: 0px 0px 0px 5px; font-size: 13px; color: #DDD; }
.CMContent .SContent .SItem div.C .Eng { width: auto; padding: 0px 0px 0px 5px; font-size: 13px; color: #DDD; }
.CMContent .SContent .SITitle { padding: 25px 0px 10px; font-size: 23px; }
.CMContent .SContent .SITitle .Eng { padding-left: 5px; font-size: 18px; }

.CMContent .BottomFun { padding: 25px 0px 0px; text-align: right; }
.CMContent .BottomFun a { padding: 12px; background-color: #2aa670; font-size: 16px; border-radius: 5px; }
.CMContent .BottomFun a:hover { background-color: #10794b; }
.CMContent .BottomFun a .Eng { padding-left: 5px; font-size: 14px; }



@media screen and ( max-width: 773px ) {
#CMain { padding: 0px 10px 0px; }
}

@media screen and ( max-width: 414px ) {
#CMain { padding: 0px 5px 0px; }

.CMContent table tbody tr td { padding: 12px 3px; }
.CMContent table tbody tr td[f="Image"] { width: 120px; }
.CMContent table tbody tr td[f="Image"] .Image { width: 100px; height: 100px; }
.CMContent table tbody tr td div[f="Name"] { line-height: 25px; }
.CMContent table tbody tr td div[f="Name"] a { font-size: 19px; }
.CMContent table tbody tr td div[f="Content"] { font-size: 13px; line-height: 20px; }
}