html {
  background-color: #ffffff;
}

body {
  font-family: "Microsoft JhengHei";
}

.tm-home-main {
  background-color: #fff;
}

.tm-home header {
  background-color: #fff;
}

.breadcrumb {
  font-size: 0.85rem;
  padding: 0.75rem 1.5rem;
}

.tm-logo img {
  height: 50px;
}

a.tm-logo > span {
  vertical-align: bottom;
}

.signIn {
  margin-top: 8px;
}

/* Disabled Input Display */
.disabled-display input:disabled {
  background-color: #fff;
}

.signIn .btn {
  font-size: 90%;
}

.tm-0 {
  background: url(../images/banner1.jpg) 0 0 no-repeat;
}

.tm-1 {
  background: url(../images/banner2.jpg) 0 0 no-repeat;
}

.tm-2 {
  background: url(../images/banner3.jpg) 0 0 no-repeat;
}

.tm-3 {
  background: url(../images/banner4.jpg) 0 0 no-repeat;
}

.tm-4 {
  background: url(../images/banner5.jpg) 0 0 no-repeat;
}

.tm-5 {
  background: url(../images/banner6.jpg) 0 0 no-repeat;
}

.tm-6 {
  background: url(../images/banner7.jpg) 0 0 no-repeat;
}

.tm-7 {
  background: url(../images/banner8.jpg) 0 0 no-repeat;
}

#TM_COMPANY_CAROUSEL h5,
p.home-carousel-text {
  text-shadow: black 0.1em 0.1em 0.2em;
}

#TM_COMPANY_CAROUSEL .media {
  width: 45%;
  position: absolute;
  right: 25%;
  margin: 20px;
}

#TM_COMPANY_CAROUSEL .tm-0 .media {
  left: 15%;
  top: 5%;
}

#TM_COMPANY_CAROUSEL .tm-1 .media {
  right: 13%;
}

#TM_COMPANY_CAROUSEL .media .btn {
  display: block;
  color: #fff;
  border: 1px solid #fff;
}

#TM_COMPANY_CAROUSEL .media .btn:hover {
  color: #000;
  background-color: #fff;
}

.btn-group-sm > .btn,
.btn-sm {
  margin-top: 15px;
}

.tm-home main,
main.container {
  padding-bottom: 0%;
}

footer {
  background-color: #ffe5cc;
  position: fixed !important;
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  z-index: 999;
}

.tm-home main .container {
  padding-top: 30px;
  padding-bottom: 40px;
}

main .container .row:first-child {
  margin-bottom: 20px;
}

.jobT1,
.jobT2,
.jobT3,
.jobT4 {
  text-align: center;
}

/*.index_link{*/
/*	width: 100px !important;*/
/*	height: 100px !important;*/
/*	border-radius: 10px  !important;*/
/*	color: #ffffff !important;*/
/*	!*background:url(../images/icon05.png) 180px center no-repeat #38b;*!*/
/*	background: #38b;*/
/*	margin-left: 25%;*/
/*}*/
.index_link {
  width: 100% !important;
  height: 40px !important;
  border-radius: 10px !important;
  color: #ffffff !important;
  /*background:url(../images/icon05.png) 180px center no-repeat #38b;*/
  background: #f71;
  margin-top: 2%;
}

.index_link_dynamic {
  width: 100% !important;
  height: 40px !important;
  border-radius: 10px !important;
  color: #ffffff !important;
  /*background:url(../images/icon05.png) 180px center no-repeat #38b;*/
  background: #ff9999;
  margin-top: 2%;
}

.index_link i {
  margin-right: 5%;
}

a.link_disabled {
  pointer-events: none;
  cursor: default;
}

.index_link:hover {
  background-color: #e60;
}

.index_link_dynamic:hover {
  background-color: #ff6666;
}

.jobT1 .btn {
  background: url(../images/icon01.png) center 20px no-repeat #38b;
}

.jobT2 .btn {
  background: url(../images/icon02.png) center 20px no-repeat #280;
}

.jobT3 .btn {
  background: url(../images/icon03.png) center 20px no-repeat #f17;
}

.jobT4 .btn {
  background: url(../images/icon04.png) center 20px no-repeat #90a;
}

.jobT5 {
  background: url(../images/icon05.png) 180px center no-repeat #38b;
}

.jobT6 {
  background: url(../images/icon06.png) 180px center no-repeat #003e91;
}

.jobT1 .btn:hover {
  background-color: #17a;
}

.jobT2 .btn:hover {
  background-color: #150;
}

.jobT3 .btn:hover {
  background-color: #c05;
}

.jobT4 .btn:hover {
  background-color: #506;
}

.jobT5:hover {
  background-color: #17a;
}

.jobT6:hover {
  background-color: #259;
}

.jobT1 .btn,
.jobT2 .btn,
.jobT3 .btn,
.jobT4 .btn,
.jobT5,
.jobT6 {
  color: #fff;
  font-weight: bold;
  border-style: none;
}

.jobT1 .btn,
.jobT2 .btn,
.jobT3 .btn,
.jobT4 .btn {
  line-height: 13em;
  background-size: 40%;
}

.tm-home .container .col-6 .btn {
  width: 100%;
  height: 140px;
  border-radius: 10px;
}

.tm-home .container .col-4 .btn,
.tm-home .container .col-3 .btn {
  width: 150px;
  height: 150px;
  border-radius: 750px;
}

.jobT5,
.jobT6 {
  line-height: 140px;
  background-size: 10%;
}

.fixed-bottom {
  z-index: 1;
}

.dashboardBox header {
  margin-bottom: 15px;
  border-bottom: 3px solid #181e40;
}

.tm-home.dashboardBox header {
  margin-bottom: 0;
  border-bottom: none;
}

.dashboardBox main.container {
  padding-bottom: 100px;
  overflow: hidden;
}

.tm-sidemenu {
  width: 165px;
}

.tm-content {
  float: right;
  width: 82%;
}

.card-header {
  padding: 0;
  border-bottom: none;
}

.card-header a {
  display: block;
  padding: 0.75rem 0 0.75rem 0.6rem;
  color: #fff;
  background-color: #1f7fbb;
}

.user2 .card-header a {
  background-color: #24457b;
}

.user3 .card-header a {
  background-color: #5b7995;
}

.user4 .card-header a:hover {
  background-color: #31394c;
}

.tm-sidemenu i {
  margin-right: 8px;
}

.tm-sidemenu li:before {
  content: "\f105";
  font-family: FontAwesome;
  font-size: 1em;
  color: #999;
  vertical-align: middle;
  position: absolute;
  transform: translateY(8%);
}

.list-group.ml-3,
.list-group.mx-3 {
  margin-left: 0 !important;
}

.list-group-item {
  padding: 0.75rem 1.25rem 0.75rem 2.2rem;
  border: none;
}

.list-group-item:hover {
  background-color: #ddd;
}

.list-group-item a {
  display: block;
  color: #555;
  padding-left: 0.7rem;
}

.list-group-item a:hover {
  color: #555;
}

.jobType1,
.jobType2,
.jobType3,
.jobType4 {
  padding: 28px 25px 25px;
  margin-bottom: 25px;
  border-radius: 7px;
}

.jobType1 {
  background-color: #f71;
}

.jobType2 {
  background-color: #280;
}

.jobType3 {
  background-color: #f17;
}

.jobType4 {
  background-color: #90a;
}

.jobTypeBox {
  color: #fff;
}

.jobType1 .btn {
  background-color: #a20;
}

.jobType2 .btn {
  background-color: #150;
}

.jobType3 .btn {
  background-color: #703;
}

.jobType4 .btn {
  background-color: #516;
}

.jobTypeBox .btn:hover {
  background-color: #000;
}

.jobTypeBox .btn {
  color: #fff;
  padding: 0.2rem 0.75rem;
  border: none;
}

.cycle {
  align-items: center;
  justify-content: center;
  display: flex;
  width: 80px;
  height: 80px;
  padding: 10px;
  margin: 0 55px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.4);
}

.jobTypeBox img {
  width: 80%;
  margin-right: 0 !important;
}

.jobTypeBox h5:nth-child(1) {
  line-height: 2em;
}

header .dropdown img {
  border-radius: 50%;
  width: 25%;
}

header .btn.focus,
header .btn:focus {
  box-shadow: none;
}

footer {
  text-align: center;
}

.navbar-toggle {
  display: none;
}

/**********************************RWD table 機構滿意度**/
.rwd-table {
  background: #fff;
  overflow: hidden;
}

.rwd-table tr:nth-of-type(2n) {
  background: #eee;
}

.rwd-table th,
.rwd-table td {
  margin: 0.5em 1em;
}

.rwd-table {
  min-width: 100%;
}

.rwd-table th {
  display: none;
}

.rwd-table td {
  display: block;
}

.rwd-table td:before {
  content: attr(data-th) " : ";
  font-weight: bold;
  width: 6.5em;
  display: inline-block;
}

.rwd-table th,
.rwd-table td {
  text-align: left;
}

.rwd-table th,
.rwd-table td:before {
  color: #d20b2a;
  font-weight: bold;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  border-color: #bcbcbc #bcbcbc #fff;
}

/** Bootstrap 改良款  **/
.sideMenu1 a::before {
  content: "\f0f2";
}

.sideMenu2 a::before {
  content: "\f19d";
}

.sideMenu3 a::before {
  content: "\f044";
}

.sideMenu4 a::before {
  content: "\f0ac";
}

.sideMenu5 a::before {
  content: "\f2b5";
}

.sideMenu6 a::before {
  content: "\f004";
}

.sideMenu7 a::before {
  content: "\f15c";
}

.sideMenu1 a::before,
.sideMenu2 a::before,
.sideMenu3 a::before,
.sideMenu4 a::before,
.sideMenu5 a::before,
.sideMenu6 a::before,
.sideMenu7 a::before,
.searchBar button::before {
  font-family: FontAwesome;
  padding-right: 8px;
}

.searchBar button::before {
  content: "\f002";
}

.btn {
  padding: 0.3rem 0.75rem;
}

.table {
  border-bottom: 1px solid #dee2e6;
}

/** Bootstrap 改良款 End  **/

.titleBar {
  margin-bottom: 20px;
  position: relative;
  border-bottom: 3px solid #ccc;
}

.titleBar p {
  font-size: 120%;
  font-weight: bold;
  margin-top: 7px;
  margin-bottom: 5px;
  display: inline-block;
}

.titleBar .btnRight {
  display: inline-block;
  position: absolute;
  padding-right: 0.75rem;
  right: 0;
}

.titleBar .form-group.row label,
.titleBar .titleSelect {
  font-size: 1.1rem;
  font-weight: bold;
}

.titleBar .titleSelect {
  color: #212529;
  padding: 0.375rem 0.5rem;
}

.titleBar form .form-group {
  margin-bottom: 0.3rem;
}

.btnRight .dropdown {
  float: left;
  margin-right: 5px;
}

.searchBar {
  margin-bottom: 30px;
  padding: 12px 15px;
  background-color: #ddd;
}

.searchBar select {
  padding: 3px;
  border: 1px solid #555;
}

.searchBar form {
  display: inline-block;
}

.searchBar input {
  color: #777;
  padding: 3px;
  border: 1px solid #777;
}

.searchBar button {
  color: #fff;
  line-height: 1.25em;
  display: inline-block;
  background-color: #289;
}

.totalList {
  font-size: 90%;
  margin-bottom: 5px;
}

.table .thead-light th {
  background-color: #cef;
  border-color: #7ad;
}

.navbar-dark .navbar-text {
  color: #000;
}

.tableBottom {
  margin-bottom: 30px;
}

.bottomM10 {
  margin-bottom: 10px;
}

.formPadding {
  padding: 1rem 2rem;
}

.formPadding div {
  margin-bottom: 1.1rem;
}

.formPadding div:last-child {
  margin-bottom: 0;
}

.weekRecord {
  padding: 10px;
  border: 1px solid #ced4da;
}

.btnOutline {
  border-color: #ccc;
}

#tabCourse > ul,
#tabCourseManage > ul,
#tabCourse2 > ul,
#tabCompany > ul,
#tabInternshipWish > ul,
#tabInternReport > ul,
#tabInternReportSt > ul,
#tabJobList > ul,
#tabCorpNewBox ul,
#tabJobNewBox > ul,
#modal-tabCorpNew > ul,
#modal-tabJobNew > ul,
#tabCompanyManage > ul {
  padding-left: 0;
  display: block;
  margin: 0;
  list-style: none;
}

#tabCourse > ul > li,
#tabCourseManage > ul > li,
#tabCourse2 > ul > li,
#tabCompany > ul > li,
#tabInternshipWish > ul > li,
#tabInternReport > ul > li,
#tabInternReportSt > ul > li,
#tabJobList > ul > li,
#tabCorpNewBox > ul > li,
#tabJobNewBox > ul > li,
#modal-tabCorpNew > ul > li,
#modal-tabJobNew > ul > li,
#tabCompanyManage > ul > li {
  display: inline-block;
  vertical-align: top;
  margin: 0 -1px -1px 0;
  border: 1px solid #bcbcbc;
  line-height: 25px;
  background: #cdcdcd;
  padding: 5px 15px;
  list-style: none;
  box-sizing: border-box;
}

#tabCourse > ul > li a,
#tabCourseManage > ul > li a,
#tabCourse2 > ul > li a,
#tabCompany > ul > li a,
#tabInternshipWish > ul > li a,
#tabInternReport > ul > li a,
#tabInternReportSt > ul > li a,
#tabJobList > ul > li a,
#tabCorpNewBox > ul > li a,
#tabJobNewBox > ul > li a,
#modal-tabCorpNew > ul > li a,
#modal-tabJobNew > ul > li a,
#tabCompanyManage > ul > li a {
  color: #000;
  text-decoration: none;
}

#tabCourse > ul > li.active,
#tabCourseManage > ul > li.active,
#tabCourse2 > ul > li.active,
#tabCompany > ul > li.active,
#tabInternshipWish > ul > li.active,
#tabInternReport > ul > li.active,
#tabInternReportSt > ul > li.active,
#tabJobList > ul > li.active,
#tabCorpNewBox > ul > li.active,
#tabJobNewBox > ul > li.active,
#modal-tabCorpNew > ul > li.active,
#modal-tabJobNew > ul > li.active,
#tabCompanyManage > ul > li.active {
  border-bottom: 1px solid #fff;
  background: #fff;
}

#tabCourse > .tab-inner,
#tabCourseManage > .tab-inner,
#tabCourse2 > .tab-inner,
#tabCompany > .tab-inner,
#tabInternshipWish > .tab-inner,
#tabInternReport > .tab-inner,
#tabInternReportSt > .tab-inner,
#tabJobList > .tab-inner,
#tabCorpNewBox > .tab-inner,
#tabJobNewBox > .tab-inner,
#modal-tabCorpNew > .tab-inner,
#modal-tabJobNew > .tab-inner,
#tabCompanyManage > .tab-inner {
  clear: both;
  color: #000;
  border: 1px #bcbcbc solid;
}

.tab-title {
  list-style: none;
}

.tab-inner {
  padding: 40px 15px 15px;
}

#tabInternshipWish dt,
.dtLine dt {
  width: 25%;
  display: inline-block;
}

#tabInternshipWish dd,
.dtLine dd {
  width: 50%;
  display: inline-block;
}

#tabCourse form {
  overflow: hidden;
  zoom: 1;
}

#tabCourse input,
#tabCourse select,
#tabInternReport input,
#tabInternReport select {
  border: 1px solid #ccc;
}

#tabCourse input,
#tabCourse select,
#tabInternReport input,
#tabInternReport select {
  padding: 0.375rem 0.75rem;
}

.addInput .form-control {
  width: 96%;
}

.phoneInput,
.faxInput {
  width: 47.7%;
}

.inputWidth70 {
  width: 70px;
}

.inputWidth80 {
  width: 80px;
}

.inputWidth100 {
  width: 100px;
}

.inputFlow {
  display: inline-block;
}

.selectPadding select {
  padding: 0.375rem 0.75rem;
}

.btnRow {
  text-align: center;
}

.alignLine {
  position: absolute;
}

.uploadResumeBox .custom-file-label {
  left: 90px;
}

.inputBox .input-group {
  margin-bottom: 10px;
}

.input-group-append .btn {
  margin-left: 10px;
}

.input-group > .input-group-append > .btn {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

#tab10 strong {
  color: #b00;
}

.visitRecordBox .input-group {
  width: 50%;
}

.tm-data td {
  max-width: 250px;
}

#tabCourse2 input {
  width: 75%;
}

.img-table {
  width: 80px;
  height: auto;
}

.tm-data td {
  max-width: 200px;
}

.colWidth110 {
  width: 110px;
}

.colWidth100 {
  width: 100px;
}

.colWidth85 {
  width: 85px;
}

.colWidth70 {
  width: 70px;
}

.colWidth50 {
  width: 50%;
}

.operateBtn {
  width: 85px;
  text-align: right;
}

.operateBtnDrop {
  width: 120px;
  text-align: right;
}

.operateBtnDrop150 {
  width: 150px;
}

.operateBtnDrop .modal {
  text-align: left;
}

.form-check-inline .form-check-input {
  margin-top: 0;
  margin-right: 0.3125rem;
  margin-left: 0;
}

.colPadding div {
  padding-left: 0;
}

.inputBottom .statusCorpBar input {
  margin-bottom: 0;
}

.listCorpData span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
}

.modal-footer {
  padding-right: 0.75rem;
}

#tabCourse .uploadImg input {
  padding: 0;
  border: 0;
}

.corpColEdit {
  padding: 0.375rem 0.75rem;
}

#tabCourse dd {
  margin-bottom: 0;
}

#tabCourse .d-none {
  margin-bottom: 0.5rem;
}

#tabCourse #uploadCorpScoreModal form input {
  padding: 0;
  border: none;
}

#tab01 .form-group,
.titleBar #internReportMModal form .form-group,
.marginBotton25 {
  margin-bottom: 2.5rem;
}

.form-row > .titleScore1[class*="col-"],
.form-row > .titleScore2[class*="col-"] {
  padding: 15px;
}

.titleScore1 {
  background-color: #cef;
}

.titleScore2 {
  border: 1px solid #17b;
}

.titleInput1 label {
  color: #fff;
  text-align: center;
  width: 100%;
  padding: 8px;
}

.titleInput1 label {
  background-color: #69a;
}

.sortNo {
  color: #fff;
  font-size: 80%;
  text-align: center;
  display: inline-block;
  padding: 0 2px;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #555;
}

.noUpload,
.okUpload {
  display: inline-block;
}

.noUpload span,
.okUpload a {
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
}

.noUpload span {
  color: #bbb;
  border: 1px solid #bbb;
}

.okUpload a {
  color: #fff;
  background-color: #17b;
}

.okUpload a:hover {
  text-decoration: none;
}

.marginBotton10 {
  margin-bottom: 1rem;
}

.marginBotton20 {
  margin-bottom: 2rem;
}

.visitRecordBox .internReportMVisitModal .input-group {
  width: 100%;
}

.uploadFileBox {
  padding: 15px;
  margin-bottom: 10px;
  text-align: center;
  height: 150px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 4px;
  border: 1px dashed #aaa;
}

.uploadFileBox i {
  color: #ccc;
  font-size: 450%;
}

.displayLine label,
.displayLine button,
.scoreBox h3,
.downloadBtn span,
.downloadBtn2 span {
  display: block;
}

.uploadContractBox,
.marginBottom10 {
  margin-bottom: 1rem;
}

.uploadContractBox legend,
.scoreBox legend,
.picRight legend,
#internReportMVisitModal legend,
.downloadContractBox legend {
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  margin-bottom: 0.5rem;
}

.downloadBtn a,
.downloadBtn2 {
  text-align: center;
  display: block;
  margin-bottom: 10px;
  padding: 10px 0;
  border-radius: 4px;
}

.downloadBtn a {
  color: #17b;
  border: 1px solid #17b;
}

.downloadBtn2 {
  color: #aaa;
  border: 1px solid #aaa;
}

.downloadBtn a:hover {
  color: #fff;
  background-color: #17b;
  text-decoration: none;
}

#internReportMVisitModal .downloadBtn,
#internReportMVisitModal .downloadBtn2 {
  width: 49%;
  margin-bottom: 1rem;
}

.surveyStudentBox table,
.surveyCoBox table {
  width: 100%;
  margin-bottom: 2.5rem;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
}

.surveyStudentBox thead,
.surveyCoBox thead {
  border-top: 1px solid #ccc;
  border-bottom: 3px solid #7ad;
}

.surveyStudentBox legend,
.surveyCoBox legend {
  font-size: 1rem;
}

.surveyStudentBox td,
.surveyCoBox td {
  padding: 15px 0 10px;
}

.surveyStudentBox thead th,
.surveyCoBox thead th {
  padding: 10px 0;
}

.surveyStudentTitle,
.surveyStudentChoose {
  text-align: right;
}

.surveyStudentTitle div,
.surveyStudentChoose div {
  width: 19%;
  text-align: center;
  display: inline-block;
}

.w40 {
  width: 40%;
}

.downloadRight {
  margin-top: 30px;
}

.picRight {
  text-align: center;
}

.picRight legend {
  width: 100%;
  text-align: left;
}

.picRight img {
  width: 40%;
}

.downloadRight a {
  width: 100%;
  font-size: 120%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.downloadContractBox .okUpload a {
  padding-top: 10px;
  padding-bottom: 10px;
}

.tipsBar {
  font-size: 95%;
  color: #555;
  text-align: right;
  margin-bottom: 5px;
}

.surveyQ {
  margin-bottom: 2rem;
}

.surveyQ label {
  display: block;
  font-size: 1.2rem;
  font-weight: bold;
}

.surveyCoBox legend {
  font-size: 1rem;
  margin-bottom: 0.5rem;
}

.surveyStudentBox h3,
.surveyCoBox h3 {
  font-size: 1.3rem;
  font-weight: bold;
}

.surveyQuestionTitle,
.surveyCoBox legend.surveyQuestionTitle {
  font-size: 110%;
  margin-bottom: 10px;
}

table.tableLast {
  margin-bottom: 0;
  border-bottom: none;
}

.surveyItem {
  margin-bottom: 2.5rem;
}

.tm-home .btn-success {
  background-color: #17b;
  border-color: #17b;
}

.tm-home .btn-success:hover {
  background-color: #04a;
  border-color: #04a;
}

#studentListModal h6,
#importClassModal h6,
#importStudentModal h6 {
  margin-top: 30px;
}

#studentListModal ul,
#importClassModal ul,
#importStudentModal ul {
  padding-left: 20px;
}

.uploadClassBar {
  overflow: hidden;
  zoom: 1;
}

.uploadClassBar select,
.uploadClassBar input {
  display: inline-block;
  width: auto;
  margin-bottom: 15px;
}

.scoreCompanyBar {
  font-weight: bold;
  font-size: 120%;
}

.totalBox {
  font-weight: bold;
  font-size: 120%;
}

.scoreNo {
  color: #b00;
}

.table-hover .scoreCompanyBar tr:hover {
  background-color: #fff;
}

#tabCompany01 .table {
  border-bottom: none;
}

.commentCompany label,
.commentCompany textarea {
  width: 100%;
}

/*******************************************table star 20200120**/
.tableBox {
  display: table;
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 20px;
}

.tableBox .thead {
  display: table-header-group;
  background-color: #cef;
  border-bottom: 2px solid #7ad;
}

.tableBox .tbody {
  display: table-row-group;
}

.tableBox .tr {
  display: table-row;
  border-bottom: 1px solid #ccc;
}

.tableBox .thead .tr div,
.tableBox .tbody .tr div {
  display: table-cell;
  padding: 0.75rem;
}

.tableBox .thead .tr div:nth-child(1) {
  width: 8%;
}

.tableBox .thead .tr div:nth-child(2) {
  width: auto;
}

.tableBox .thead .tr div:nth-child(3) {
  width: 8%;
}

.tableBox .thead .tr div:nth-child(4) {
  width: 10%;
}

.scoreTotal {
  font-weight: bold;
  font-size: 120%;
  text-align: right;
  margin-bottom: 30px;
  margin-right: 12px;
}

.scoreTotal label {
  margin-right: 5px;
}

.scoreTotal input {
  width: 20%;
}

.tableBox .tr:hover {
  background-color: #ececec;
}

.companyListExContent input {
  width: 100%;
}

.eulaHeader {
  box-sizing: border-box;
  margin: 1em 0px 0px;
  padding: 0px;
  font-size: medium;
  line-height: 1.6;
  color: rgb(0, 0, 0);
  font-family: "Microsoft JhengHei";
}

.eulaTitle {
  box-sizing: border-box;
  margin: 1em 0px 0px;
  padding: 0px;
  font-size: medium;
  line-height: 1.6;
  color: rgb(0, 0, 0);
  font-family: "Microsoft JhengHei";
}

.eulaText {
  box-sizing: border-box;
  margin: 0px;
  /*padding:0px 0px 0px 3em;*/
  padding: 0px 0px 0px 2em;
  font-size: medium;
  line-height: 1.6;
  color: rgb(0, 0, 0);
  font-family: "Microsoft JhengHei";
}

.eula_ol {
  box-sizing: border-box;
  margin: 0px 0px 0px 1.5em;
  padding: 0px 0px 0px 3em;
  color: rgb(0, 0, 0);
  font-family: "Microsoft JhengHei";
  font-size: medium;
}

.eula_li {
  margin: 0px;
  box-sizing: border-box;
  padding: 0px;
  list-style: decimal;
  vertical-align: bottom;
}

/*******************************************RWD star**/

@media (min-width: 480px) {
  .rwd-table td:before {
    display: none;
  }

  .rwd-table th,
  .rwd-table td {
    display: table-cell;
    padding: 0.25em 0.5em;
  }

  .rwd-table th:first-child,
  .rwd-table td:first-child {
    padding-left: 0;
  }

  .rwd-table th:last-child,
  .rwd-table td:last-child {
    padding-right: 0;
  }

  .rwd-table th,
  .rwd-table td {
    padding: 1em !important;
  }
}

@media (max-width: 1152px) {
  .w40 {
    width: 45%;
  }
}

@media (max-width: 1140px) {
  #TM_COMPANY_CAROUSEL .media {
    width: 60%;
  }

  #TM_COMPANY_CAROUSEL .tm-0 .media {
    left: 10%;
  }

  #TM_COMPANY_CAROUSEL .tm-1 .media,
  #TM_COMPANY_CAROUSEL .tm-2 .media {
    right: 8%;
  }

  .jobT5,
  .jobT6 {
    background-position: 120px;
  }

  .tm-content {
    width: 80%;
  }
}

@media (max-width: 1080px) {
  #TM_COMPANY_CAROUSEL .media {
    width: 65%;
  }
}

@media (max-width: 1024px) {
  #TM_COMPANY_CAROUSEL .tm-1 .media,
  #TM_COMPANY_CAROUSEL .tm-2 .media {
    right: 2%;
  }
}

@media (max-width: 960px) {
  .container {
    max-width: 960px;
  }

  #TM_COMPANY_CAROUSEL .media {
    width: 70%;
  }

  #TM_COMPANY_CAROUSEL .tm-0 .media {
    left: 5%;
  }

  #TM_COMPANY_CAROUSEL .tm-1 .media,
  #TM_COMPANY_CAROUSEL .tm-2 .media {
    right: 2%;
  }

  .tm-content {
    width: 80%;
  }
}

@media (max-width: 768px) {
  .container {
    max-width: 720px;
  }

  .dashboardBox header {
    height: 70px;
  }

  #TM_COMPANY_CAROUSEL .media {
    width: 90%;
  }

  #TM_COMPANY_CAROUSEL .tm-0 .media {
    left: 2%;
  }

  .jobT5,
  .jobT6 {
    background-position: 100px;
  }

  .jobT5,
  .jobT6 {
    background-size: 15%;
    background-position: 80px;
  }

  .tm-content {
    width: 100%;
    float: inherit;
  }

  .jobType1,
  .jobType2,
  .jobType3,
  .jobType4 {
    padding: 25px 15px 15px;
  }

  .cycle {
    margin: 0 35px 0 25px;
  }

  .offcanvas-toggle {
    background: #fff;
  }

  .navbar-brand {
    float: left;
    margin-right: 0;
  }

  .tm-logo img {
    /*width:60%;*/
    width: 44%;
  }

  .tm-sidemenu {
    width: 250px;
  }

  .card-header {
    background-size: 10%;
  }

  .list-group-item {
    padding: 0.75rem 1.25rem 0.75rem 3.4rem;
  }

  .dropdown {
    width: 100%;
    text-align: center;
    padding-top: 15px;
  }

  .dropdown.bg-light {
    border-left: 1px solid #ccc;
  }

  header .dropdown img {
    display: block;
    margin: 0 auto 10px;
    width: 80%;
  }

  header button {
    cursor: pointer;
  }

  .dropdown-toggle::after {
    display: none;
  }

  .dropdownData {
    margin-top: 15px;
  }

  .toggleUser::before {
    content: "\f007";
    font-family: FontAwesome;
    font-size: 1.3em;
  }

  .navbar-toggle.toggleUser {
    top: -8px;
  }

  .navbar-toggle.toggleUser .icon-bar {
    display: none;
  }

  .dropdownData .dropdown-item {
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: 1px solid #ccc;
  }

  .card-header a {
    padding: 0.75rem 0 0.75rem 1.5rem;
  }

  .signIn {
    float: right;
    margin-top: 0;
  }

  .navbar-brand {
    padding-top: 0;
    padding-bottom: 0;
  }

  .dashboardBox .tm-logo img {
    width: 30%;
  }

  .dashboardBox .navbar-brand {
    margin-right: 0;
    text-align: center;
    position: absolute;
    left: 50%;
    top: 10px;
    transform: translate(-50%, 0);
    width: 350px;
  }

  .dashboardBox .tm-logo img {
    height: 50px;
  }

  /**漢堡選單**/
  .dashboardBox .navbar {
    border: 1px solid transparent;
  }

  .dropup .dropdown-menu,
  .navbar-fixed-bottom .dropdown .dropdown-menu {
    top: auto;
    bottom: 100%;
    margin-bottom: 1px;
  }

  .navbar-toggle {
    display: block;
    position: relative;
    float: right;
    padding: 9px 10px;
    margin: 1px 0 0;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    top: 0;
  }

  .navbar-default .navbar-toggle {
    background-color: #000;
    border: none;
    border-radius: 0;
  }

  .navbar-toggle:focus {
    outline: 0;
  }

  .navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
  }

  .navbar-toggle .icon-bar + .icon-bar {
    margin-top: 4px;
  }

  .navbar-default .navbar-toggle {
    border-color: #ddd;
  }

  .navbar-default .navbar-toggle:hover,
  .navbar-default .navbar-toggle:focus {
    background-color: #333;
  }

  .navbar-default .navbar-toggle .icon-bar {
    background-color: #888;
  }

  .sideMemuMobileBox {
    width: 87%;
    height: 100%;
    background-color: #1f7fbb;
  }

  .navbar-offcanvas {
    position: fixed;
    height: 100%;
    width: 250px;
    max-width: 100%;
    left: -250px;
    top: 0;
    z-index: 2;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
  }

  .card {
    box-shadow: 0px 0px 20px black;
    box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.3);
    background-color: #fff;
    border-right: none;
    border-left: none;
    border-radius: 0;
  }

  .navbar-offcanvas.navbar-offcanvas-fade {
    opacity: 0;
  }

  .navbar-offcanvas.navbar-offcanvas-fade.in {
    opacity: 1;
  }

  .navbar-offcanvas.offcanvas-transform.in {
    -webkit-transform: translate3d(250px, 0px, 0px);
    -moz-transform: translate3d(250px, 0px, 0px);
    -o-transform: translate3d(250px, 0px, 0px);
    transform: translate3d(250px, 0px, 0px);
  }

  .navbar-offcanvas.offcanvas-position.in {
    left: 0;
  }

  .navbar-offcanvas.navbar-offcanvas-right {
    left: auto;
    right: -250px;
  }

  .navbar-offcanvas.navbar-offcanvas-right.offcanvas-transform.in {
    -webkit-transform: translate3d(-250px, 0px, 0px);
    -moz-transform: translate3d(-250px, 0px, 0px);
    -o-transform: translate3d(-250px, 0px, 0px);
    transform: translate3d(-250px, 0px, 0px);
  }

  .navbar-offcanvas.navbar-offcanvas-right.offcanvas-position.in {
    left: auto;
    right: 0px;
  }

  .navbar-offcanvas .dropdown.active .caret {
    border-top: 0px;
    border-bottom: 4px solid;
  }

  .dropdown-menu {
    position: relative;
    width: 100%;
    background: inherit;
    border: inherit;
    box-shadow: none;
    padding: 0;
    top: 0;
    overflow: hidden;
    -webkit-transition: all 0.15s ease-in;
    -moz-transition: all 0.15s ease-in;
    -o-transition: all 0.15s ease-in;
    transition: all 0.15s ease-in;
    height: 0;
  }

  .dropdown-menu.shown {
    height: auto;
  }

  .dropdown-menu > li > a {
    color: #777;
    padding: 5px 15px 5px 30px;
  }

  .navbar-offcanvas .dropdown-menu {
    display: table;
    border-left: 0;
  }

  .offcanvas-toggle .icon-bar {
    background: #000;
  }

  .offcanvas-toggle.offcanvas-toggle-close {
    margin-right: 0;
  }

  .offcanvas-toggle.offcanvas-toggle-close .icon-bar:nth-child(1) {
    -webkit-transform: rotate(45deg) translate(5px, 4px);
    -moz-transform: rotate(45deg) translate(5px, 4px);
    -o-transform: rotate(45deg) translate(5px, 4px);
    transform: rotate(45deg) translate(5px, 4px);
  }

  .offcanvas-toggle.offcanvas-toggle-close .icon-bar:nth-child(2) {
    opacity: 0 !important;
  }

  .offcanvas-toggle.offcanvas-toggle-close .icon-bar:nth-child(3) {
    -webkit-transform: rotate(-45deg) translate(4px, -4px);
    -moz-transform: rotate(-45deg) translate(4px, -4px);
    -o-transform: rotate(-45deg) translate(4px, -4px);
    transform: rotate(-45deg) translate(4px, -4px);
  }

  /**漢堡選單 end**/

  /**關閉**/
  .navbar-toggle.switchClose {
    font-size: 1.3em;
    color: #fff;
    line-height: 20px;
    text-align: center;
    padding: 5px 8px 8px;
    position: absolute;
    top: 0;
    right: 0;
  }

  .switchClose::before {
    content: "\2716";
  }

  /**關閉 end**/
  .tm-home header button:nth-child(2) {
    display: none;
  }

  .tm-home header button {
    -display: none;
  }
}

@media (max-width: 720px) {
  #TM_COMPANY_CAROUSEL .media .btn {
    display: inline-block;
    line-height: 1em;
    margin-top: 0;
    padding: 0.15rem 0.5rem 0.3rem;
  }
}

@media (max-width: 667px) {
  .jobT5,
  .jobT6 {
    background-position: 70px;
  }
}

@media (max-width: 640px) {
  .jobT1,
  .jobT2,
  .jobT3,
  .jobT4 {
    margin: 0 auto;
    max-width: 100%;
  }
}

@media (max-width: 568px) {
  .jobT5,
  .jobT6 {
    background-size: 15%;
    background-position: center 25px;
  }

  .tm-home .container .col-3 .btn {
    width: 100%;
    height: 150px;
    border-radius: 10px;
  }

  .tm-home .container .col-6 .btn {
    line-height: 10em;
    height: 120px;
  }

  .cycle {
    margin: 0 15px;
  }

  .index_link {
    width: 100% !important;
    border-radius: 10px !important;
    color: #ffffff !important;
    font-size: 0.3rem;
    background: #38b;
    margin-top: 5%;
    /*text-align:left;*/
  }

  .index_link a {
    padding-bottom: 3%;
  }

  .index_link i {
    margin-right: 5%;
  }
}

@media (max-width: 414px) {
  #TM_COMPANY_CAROUSEL .media {
    top: 15px;
  }

  #TM_COMPANY_CAROUSEL .media .media-body {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  #TM_COMPANY_CAROUSEL .tm-0 .media,
  #TM_COMPANY_CAROUSEL .tm-1 .media,
  #TM_COMPANY_CAROUSEL .tm-2 .media {
    left: 0;
    top: 40%;
  }

  .tm-home .container .col-3 {
    flex: 0 0 50%;
    max-width: 100%;
  }

  .tm-home .container .col-6 .btn {
    line-height: 13em;
  }

  .jobT5,
  .jobT6 {
    background-size: 30%;
  }

  main .container .row:first-child {
    margin-bottom: 0;
  }

  .cycle {
    width: 50px;
    height: 50px;
    margin: 0 10px 0 0;
    padding: 5px;
  }

  .jobTypeBox h5:nth-child(1) {
    font-size: 1.1rem;
  }

  .jobTypeBox .btn {
    font-size: 0.8rem;
    padding: 0.2rem 0.75rem 0.25rem;
  }

  .jobT1 .btn,
  .jobT2 .btn,
  .jobT3 .btn,
  .jobT4 .btn {
    line-height: 14em;
  }

  .jobT1,
  .jobT2,
  .jobT3,
  .jobT4 {
    margin: 0 auto;
    max-width: 100%;
  }

  .tm-home .container .col-6 .btn {
    text-align: center;
    height: 150px;
  }

  .navbar-light .navbar-brand {
    width: 200px;
  }

  .tm-logo img {
    /*width:100%;*/
    width: 58%;
  }

  .dashboardBox .tm-logo img {
    width: 70%;
  }

  .dashboardBox .navbar-light .navbar-brand {
    width: 280px;
  }
}

@media (max-width: 375px) {
  .tm-home .container .col-3 .btn,
  .tm-home .container .col-6 .btn {
    width: 140px;
    height: 140px;
    border-radius: 50%;
    line-height: 11em;
  }

  .jobType1,
  .jobType2,
  .jobType3,
  .jobType4 {
    padding: 15px 15px 10px;
    text-align: center;
  }

  .jobTypeBox .media {
    display: inherit;
  }

  .cycle {
    margin: 0 auto;
  }
}

@media (max-width: 360px) {
  .navbar-brand {
    margin-right: 0;
  }
}

@media (max-width: 320px) {
  .tm-home .container .col-3 .btn,
  .tm-home .container .col-6 .btn {
    width: 120px;
    height: 120px;
    line-height: 10em;
  }
}

/*
.job-left-menu-1,.job-left-menu-2,.job-left-menu-3,
.job-right-menu-1,.job-right-menu-2,.job-right-menu-3{
	display: none;
}
*/
body > footer > span > button.btn-link {
  color: black;
}

/*
 1357 ver. Notification CSS
*/
.notification {
  background-color: #fff;
  color: #555555;
  text-decoration: none;
  padding: 15px 20px;
  position: relative;
  display: inline-block;
  border-radius: 2px;
}

.notification:hover {
  background: #e9ecef;
}

.notification .badge {
  position: absolute;
  top: -3px;
  right: -3px;
  padding: 5px 8px;
  border-radius: 50%;
  background: red;
  color: white;
}

.notification .menu-title {
  color: #ff7788;
  font-size: 1.5rem;
  display: inline-block;
}

.dropNotice {
  min-width: 25rem;
}

.dropNotice > .dropdown-item-header {
  font-size: 15px;
}

.dropNotice > .dropdown-item-header .pull-center {
  text-align: center;
  font-size: 15px;
}

.dropNotice > ul {
  list-style-type: none;
  overflow: auto;
  max-height: 200px;
}

.dropNotice > ul > li {
  margin-right: -5%;
  margin-left: -5%;
  padding-left: 0px;
  padding-right: 0px;
}

.notice-msg {
  cursor: default;
}

.notice-msg h4 {
  font-size: 15px;
  color: #444444;
}

/* .notice-msg .notice-span-x {
	cursor: pointer;
	font-size: 15px;
	color: #dc3545;
} */

.notice-content > a {
  color: #444444;
}

.notice-span-x {
  cursor: pointer;
  font-size: 15px;
  color: #dc3545;
}

/* .notice-msg .notice-span-text {
	padding-left: 5%;
	font-size: 15px;
	color: #444444;
} */

.notice-title {
  color: #120feb;
}

.notice-timer {
  color: #120feb;
}

.notice-content {
  font-size: 12px;
  color: #444444;
  word-wrap: break-word; /* IE 5.5-7 */
  white-space: -moz-pre-wrap; /* Firefox 1.0-2.0 */
  white-space: pre-wrap; /* current browsers */
}

.select2 {
  width: 100% !important;
  /*width: 75% !important;*/
}

.select2-selection {
  /*height: 50px !important;*/
  height: 40px !important;
}

.select2-selection__rendered {
  /*line-height: 35px !important*/
  line-height: 40px !important;
}