@charset "UTF-8";

.members h1 {
  margin-bottom: 90px;
}

/*************/
/* user info */
/*************/
.members .username {
  margin-bottom: 15px;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}

.members .reserve {
  display: block;
  margin-bottom: 100px;
  text-align: center;
}

.members .reserve a {
  font-size: 14px;
  text-align: center;
}

.members .userHdcp {
  width: 600px;
  margin: 0 auto 120px;
}
.members .userHdcp caption {
  padding: 0 0 36px;
  background: none;
  font-size: 16px;
  color: #000;
}
.members .userHdcp th {
  padding: 4px 0;
  background: #e5e5e5;
  font-size: 14px;
}
.members .userHdcp th:last-child {
  border-right: 0;
}
.members .userHdcp td {
  padding: 4px 0;
  font-size: 14px;
}

/*****************/
/* HDCP PDF Link */
/*****************/
.members .hdcpPdfLinkWrap {
  float: right;
  overflow: hidden;
  width: 150px;
  margin-right: 10px;
  margin-bottom: 120px;
  padding-bottom: 6px;
  font-size: 12px;
  box-sizing: border-box;
  border: 1px solid #c8c8c8;
  border-radius: 4px;
}
.members .hdcpPdfLinkWrap .heading {
  text-align: center;
  margin-bottom: 6px;
  border-bottom: 1px solid #c8c8c8;
  background: #e5e5e5;
  padding: 6px 0;
}
.members .hdcpPdfLink {
  padding: 6px 25px;
}
.members .hdcpPdfLink + .hdcpPdfLink {
  border-top: 1px dotted #c8c8c8;
}
.members .hdcpPdfLink ul li {
  margin-left: 1em;
  margin-bottom: 8px;
}
.members .hdcpPdfLink ul li {
  list-style-type: disc;
}

/********/
/* news */
/********/
.members .newsWrap {
  float: left;
  margin-bottom: 120px;
  margin-left: 100px;
}
.members .newsWrap > p {
  margin-bottom: 30px;
  text-align: center;
  font-size: 16px;
}
.members .news .listDates {
  position: relative;
  margin-bottom: 30px;
}
.members .news .listDates:after {
  display: block;
  content: "";
  position: absolute;
  left: 78px;
  width: 1px;
  height: 100%;
  border-right: 1px solid #e5e5e5;
  top: 0;
}
.members .news .listDates dt {
  font-size: 12px;
}
.members .news .listDates dd {
	width: 580px;
  font-size: 12px;
}
.members .news .newsMore {
  width: 120px;
  margin: 0 auto;
  padding: 10px 0;
  border: 1px solid #000;
  text-align: center;
  cursor: pointer;
}
.members .news .newsMore:hover {
  -webkit-opacity: .8;
  opacity: .8;
}

/********************/
/* officialSchedule */
/********************/
.members .officialSchedule {
  margin-bottom: 120px;
}
.members .scheduleListTable {
  width: 940px;
  margin: 0 auto 18px;
}
.members .scheduleListTable caption {
  padding: 0 0 36px;
  background: none;
  font-size: 16px;
  color: #000;
}
.members .scheduleListTable th {
  padding: 6px 4px;
  font-weight: bold;
  background-color: #e5e5e5;
}
.members .scheduleListTable th:nth-child(1) {
  width: 100px;
}
.members .scheduleListTable th:nth-child(2) {
  width: 160px;
}
.members .scheduleListTable th:nth-child(5) {
  width: 100px;
}
.members .scheduleListTable th {
  padding: 10px 4px;
  font-weight: bold;
}
.members .scheduleListTable td {
  height: 40px;
  padding: 2px 4px;
}
.members .scheduleListTable td a {
  display: block;
}
.members .officialScheduleNotesWrap {
  position: relative;
  width: 940px;
  margin: 0 auto 12px;
  padding-right: 210px;
  box-sizing: border-box;
}
.members .officialScheduleClassNotes {
  float: left;
  width: 400px;
  margin-bottom: 18px;
  font-size: 11px;
}
.members .officialScheduleClassNotes li {
  margin-bottom: 4px;
}
.members .officialScheduleClassNotes li span {
  padding: 3px 5px;
}
.members .officialScheduleClassNotes li span:first-child {
  display: inline-block;
  min-width: 100px;
  margin-right: 3px;
  background: #eee;
  border-radius: 4px;
}
.members .officialScheduleTeeNotes {
  float: left;
  width: 260px;
  margin-bottom: 18px;
  font-size: 11px;
}
.members .officialScheduleTeeNotes li {
  position: relative;
  margin-bottom: 4px;
  padding: 2px 5px;
}
.members .officialScheduleTeeNotes li + li {
  margin-left: 1em;
  padding-left: 8px;
}
.members .officialScheduleTeeNotes li + li:before {
  position: absolute;
  display: block;
  content: "";
  width: 3px;
  height: 100%;
  top: 0;
  left: 0;
  background: #ccc;
  box-sizing: border-box;
}
.members .officialScheduleNotes {
  clear: both;
  margin-bottom: 8px;
  font-size: 11px;
}
.members .officialScheduleNotes > li {
  position: relative;
  padding-left: 15px;
}
.members .officialScheduleNotes > li + li {
  margin-top: 4px;
}
.members .officialScheduleNotes > li:before {
  display: block;
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 10px;
  height: 10px;
  background: #222;
  border-radius: 10px;
}
.members .officialScheduleNotes > li.txtNotes:before {
  display: none;
}
.members .officialScheduleNotes > li > ul {
  margin-left: 2em;
  list-style-type: disc;
}

.members .officialScheduleNotes > li > ul.txtNone {
  margin-left: 0;
  list-style-type: none;
}

.members .officialScheduleBylaws {
  position: absolute;
  top: 0;
  right: 0;
}
.members .officialScheduleBylaws a {
  display: block;
  width: 220px;
  height: 60px;
  line-height: 60px;
  margin: 0;
  padding: 0;
  border: 1px solid #0f1e3c;
  font-size: 13px;
  text-align: center;
  text-decoration: none;
  box-sizing: border-box;
}

/****************/
/* hdcpInfoLink */
/****************/
.members .hdcpInfoLink {
  width: 470px;
  margin: 0 auto 100px;
}
.members .hdcpInfoLink > p,
.members .meetingInfoLink > p {
  margin-bottom: 30px;
  font-size: 16px;
  text-align: center;
}
.members .hdcpInfoLink dl {
  position: relative;
  font-size: 12px;
}
.members .hdcpInfoLink dl:after {
  display: block;
  content: "";
  position: absolute;
  left: 156px;
  width: 1px;
  height: 100%;
  border-right: 1px solid #142850;
  top: 0;
}
.members .hdcpInfoLink dt {
  clear: both;
  width: 160px;
  margin-bottom: 8px;
  float: left;
  box-sizing: border-box;
}
.members .hdcpInfoLink dd {
  height: 1.66em;
  margin-bottom: 8px;
  margin-left: 160px;
  padding-left: 10px;
}

.members .meetingInfoLink {
  float: left;
  width: 470px;
}
.members .meetingInfoLink ul {
  width: 300px;
  margin: 0 auto;
  padding: 0 10px;
  border-left: 1px solid #142850;
}
.members .meetingInfoLink li {
  height: 1.66em;
  margin-bottom: 8px;
  font-size: 12px;
}

/*******************/
/* committeeMember */
/*******************/
.committeeMember {
}
.committeeMember > p {
  margin-bottom: 30px;
  text-align: center;
  font-size: 16px;
}
.committeeMemberTable {
  width: 460px;
  margin: 0 auto 30px;
}
.committeeMemberTable caption {
  padding: 0 0 14px;
  background: none;
  font-size: 16px;
  color: #000;
}
.committeeMemberTable th {
  padding: 4px 0;
  background: #e5e5e5;
  font-size: 14px;
}
.committeeMemberTable td {
  padding: 4px 0;
  font-size: 14px;
}


/***************/
/* membersHdcp */
/***************/
.membersHdcp h1 {
  margin-bottom: 60px;
  font-size: 20px;
}
.membersHdcp .hdcpListWrap {
  width: 680px;
  margin: 0 auto 60px;
}
.membersHdcp .hdcpList caption {
  padding: 0 0 12px;
  background: none;
  color: #000;
  font-size: 14px;
  font-weight: bold;
}
.membersHdcp .hdcpListWrap th {
  background: #e5e5e5;
}
.membersHdcp .hdcpListWrap th:nth-child(3) {
  width: 80px;
}
.membersHdcp .hdcpListWrap th:nth-child(4) {
  width: 120px;
}
.membersHdcp .hdcpListWrap th:nth-child(5) {
  width: 120px;
}
.membersHdcp .hdcpList tr.is-active td {
  background: #d4f7f2;
}

/***************/
/* competition */
/***************/
.competitionText {
  width: 820px;
  margin: 0 auto 120px;
  font-size: 12px;
}

/****************/
/* members news */
/****************/
.newsDetail .newsDetailPagerWrap {
  width: 760px;
  height: 40px;
  margin: 0 auto 40px;
}
.tablet .newsDetail .newsDetailPagerWrap {
  width: 860px;
}
.newsDetail .newsDetailPager {
  display: table;
  width: 100%;
}
.newsDetail .newsDetailPager > li {
  display: table-cell;
  width: 33.3%;
}
.newsDetail .newsDetailPager > li a {
  text-decoration: none;
}
.newsDetail .newsDetailPagerPrev {
  text-align: left;
}
.newsDetail .newsDetailPagerNext {
  text-align: right;
}
.newsDetail .newsDetailPagerList {
  text-align: center;
}
.newsDetail .newsDetailContent {
  width: 760px;
  min-width: 760px;
  margin: 0 auto 40px;
}
.tablet .newsDetail .newsDetailContent {
  width: 860px;
  min-width: 860px;
}
.newsDetail .newsDetailDate {
  margin: 10px 0;
  text-align: right;
  font-size: 12px;
}
/* news html content */
.newsDetail .newsDetailText {
  margin: 0 auto 60px;
}
.newsDetail .newsDetailText p {
  margin-bottom: 1em;
}

.newsDetail .newsError {
  width: 760px;
  margin: 0 auto;
  padding: 40px 0;
  text-align: center;
}
.newsDetail .newsError p {
  margin: 0 0 20px;
}

/******************/
/* meeting Detail */
/******************/
.meeting .mInner {
  width: 680px;
  margin: 0 auto;
  font-size: 14px;
  box-sizing: border-box;
}
.meeting .mInner .mTitleSection h1 {
  margin: 100px 0 40px;
  font-size: 24px;
  text-align: center;
}
.meeting .mInner p {
  margin-bottom: 12px;
}
.meeting .mInner .mTextIndent {
  text-indent: 1em;
}
.meeting .mInner .ml5  { margin-left: 5px; }
.meeting .mInner .ml10 { margin-left: 10px; }
.meeting .mInner .ml15 { margin-left: 15px; }
.meeting .mInner .ml20 { margin-left: 20px; }
.meeting .mInner .mlO1em {
  margin-left: 1em;
  text-indent: -1em;
}

/* dl style */
.meeting .mInner .mDlStyle01 {
  overflow: hidden;
}
.meeting .mInner .mDlStyle01 dt {
  position: relative;
  clear: both;
  float: left;
  width: 140px;
  text-align: center;
}
.meeting .mInner .mDlStyle01 dt:before {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  content: "【";
}
.meeting .mInner .mDlStyle01 dt:after {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  content: "】";
}
.meeting .mInner .mDlStyle01 dt span {
  letter-spacing: 1em;
  margin-right: -1em;
}
.meeting .mInner .mDlStyle01 dt span.spaceStyle00 {
  letter-spacing: 0;
  margin-right: 0;
}
.meeting .mInner .mDlStyle01 dt span.spaceStyle01 {
  letter-spacing: 3em;
  margin-right: -3em;
}
.meeting .mInner .mDlStyle01 dt span.spaceStyle02 {
  letter-spacing: 0.5em;
  margin-right: -0.5em;
}
.meeting .mInner .mDlStyle01 dd {
  margin-left: 150px;
}


/* ul ol style */
.meeting .mInner .mListInside {
  list-style-position: inside;
}
.meeting .mInner .mUlDisc {
  list-style-type: disc;
}
.meeting .mInner .mOlDecimal {
  list-style-type: decimal
}
.meeting .mInner .mNotes {
  position: relative;
  padding-left: 1em;
}
.meeting .mInner .mNotes li {
  margin-left: -1em;
  padding-left: 1.1em;
  font-size: 12px;
}
.meeting .mInner .mNotes li:before {
  content: "※";
  position: absolute;
  top: -2px;
  left: 0;
}

.meeting .mInner .mSection {
  margin-bottom: 30px;
}

/* float box style */
.meeting .mInner .mClear {
  overflow: hidden;
}
.meeting .mInner .mCol2Left {
  float: left;
  width: 50%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
.meeting .mInner .mCol2Right {
  float: right;
  width: 50%;
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* custom style */
.meeting .mInner .mSection.mBgStyle01 {
  margin-bottom: 40px;
  padding: 24px;
  background: #ffeefe;
  border-radius: 4px;
}
.meeting .mInner .mBoxMarginCenter {
  margin: 0 auto;
}
.meeting .mInner .mBoxWidth400 {
  width: 400px;
}
.meeting .mInner .mBoxWidth500 {
  width: 500px;
}
.meeting .mInner .mBoxIndent {
  margin-left: 40px;
}
.meeting .mInner .mWidth2em {
  display: inline-block;
  width: 2em;
  text-align: right;
}

/* footer */
.meeting .mInner .mFooter {
  margin-top: 60px;
}


/******************/
/*  */
/******************/

.returnMembersTop {
  position: absolute;
  top: 70px;
  left: 0;
  width: 100%;
}
.returnMembersTopInner {
  width: 980px;
  margin: 0 auto;
}
.returnMembersTop a {
  padding: 8px 18px;
  border: solid 1px #000000;
  letter-spacing: 0.2em;
  box-sizing: border-box;
  font-size: 14px;
  text-align: center;
  text-decoration: none;
  transition: inherit;
}

/* logout btn */
.logoutBtnWrap {
  position: absolute;
  top: 60px;
  right: 6px;
}
.logoutBtnWrap a {
  padding: 4px 8px;
  border: 1px solid #ccc;
  border-radius: 4px;
  font-size: 12px;
  text-decoration: none;
  transition: none;
}
.logoutBtnWrap a:hover {
  background: #eee;
  transition: none;
}