@charset "utf-8";
/*.design-bg{ width: 1280px; height: 4621px; background: url('../design_img/requirements.jpg') 0 0 no-repeat; position: absolute; top: 0; left: 50%; -webkit-transform: translate(-50%,0); transform: translate(-50%,0); z-index: -1; opacity: .5; background-size: 1280px; }*/


@media print, screen and (min-width: 751px) {
.mainImage 				{ background: url('../img/crewrec/main-image.jpg') 50% 50% no-repeat; background-size: cover; background-position: top center;}

#crewrec 			{ max-width: 1200px; padding: 90px 0 83px; }

#crewrec table{ margin-top: 55px; border-top: 2px solid #bbb; font-size: 13px; width: 100%;}
#crewrec table th{ padding: 12px 10px; background-color: #f6f6f6; white-space: nowrap; border-bottom: 1px solid #bbb; }
#crewrec table th:nth-of-type(1){ width: 11%; }
#crewrec table th:nth-of-type(2){ width: 8%; }
#crewrec table th:nth-of-type(3){ width: 30%; }
#crewrec table th:nth-of-type(4){ width: 31%; }
#crewrec table th:nth-of-type(5){ width: 20%; }
#crewrec table td{ padding: 16px 10px; border-bottom: 1px solid #bbb; line-height: 1.4; vertical-align: middle; }
#crewrec table td:nth-of-type(1){ text-align: center; }
#crewrec table td:nth-of-type(2){ text-align: center; }
#crewrec table td:nth-of-type(3){ text-align: justify; }
#crewrec table td:nth-of-type(4){ text-align: justify; }
#crewrec table td:nth-of-type(5){ text-align: right;}
#crewrec table td:nth-of-type(5) a{ padding-right: 20px; color: #007fdd; background: url('../img/crewrec/arrow-link.svg') 100% 50% no-repeat;}

#crewrec .pageNav{ margin-top: 55px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
#crewrec .pageNav .arrowLink{ line-height: 35px;}
#crewrec span.page-numbers{color: #999;}
#crewrec a.page-numbers{color: #007fdd;}
#crewrec a.prev{text-indent: -9999px; width: 52px; height: 33px; background: url('../img/crewrec/arrow-prev.png') 0 0 no-repeat; background-size: 52px; display: inline-block;}
#crewrec a.next{text-indent: -9999px; width: 52px; height: 33px; background: url('../img/crewrec/arrow-next.png') 0 0 no-repeat; background-size: 52px; display: inline-block;}



}


@media screen and (max-width: 1100px) and (min-width: 751px) {
}


@media screen and (max-width: 1000px) and (min-width: 751px) {

}


@media screen and (max-width: 900px) and (min-width: 751px) {

}


@media screen and (max-width: 750px) {
.mainImage 				{ background: url('../img/crewrec/main-image.jpg') 5% 50% no-repeat; background-size: cover; }

#crewrec 			{ padding: 60px 0 80px; }
#crewrec table{ margin-top: 55px; border-top: 2px solid #bbb; font-size: 12px; }
#crewrec table th{ padding: 12px 10px; background-color: #f6f6f6; white-space: nowrap; border-bottom: 1px solid #bbb; }
#crewrec table th:nth-of-type(1){ width: 11%; }
#crewrec table th:nth-of-type(2){ width: 8%; }
#crewrec table th:nth-of-type(3){ width: 30%; }
#crewrec table th:nth-of-type(4){ width: 31%; }
#crewrec table th:nth-of-type(5){ width: 20%; }
#crewrec table td{ padding: 16px 10px; border-bottom: 1px solid #bbb; line-height: 1.4; vertical-align: middle; background-color: #fff; }
#crewrec table td:nth-of-type(1){ text-align: center; }
#crewrec table td:nth-of-type(2){ text-align: center; }
#crewrec table td:nth-of-type(3){ text-align: justify; }
#crewrec table td:nth-of-type(4){ text-align: justify; }
#crewrec table td:nth-of-type(5){ text-align: right;}
#crewrec table td:nth-of-type(5) a{ padding-right: 20px; color: #007fdd; background: url('../img/crewrec/arrow-link.svg') 100% 50% no-repeat; }

#crewrec .scroll{ overflow: auto; }
#crewrec .scroll table { width: 1000px; }
.scroll::-webkit-scrollbar{ height: 5px; }
.scroll::-webkit-scrollbar-track{ background: #F1F1F1; }
.scroll::-webkit-scrollbar-thumb { background: #BCBCBC; }
#crewrec table .fixed01{ position: -webkit-sticky; position: sticky; left: 0; }
#crewrec table .fixed02{ position: -webkit-sticky; position: sticky; left: 70px; }

#crewrec .pageNav{ margin-top: 55px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
#crewrec .pageNav .arrowLink{ line-height: 35px;}
#crewrec span.page-numbers{color: #999;}
#crewrec a.page-numbers{color: #007fdd;}
#crewrec a.prev{text-indent: -9999px; width: 52px; height: 33px; background: url('../img/crewrec/arrow-prev.png') 0 0 no-repeat; background-size: 52px; display: inline-block;}
#crewrec a.next{text-indent: -9999px; width: 52px; height: 33px; background: url('../img/crewrec/arrow-next.png') 0 0 no-repeat; background-size: 52px; display: inline-block;}

}