@charset "utf-8";

/*myClub- index.html*/
#myclub {}
#myclub .date-pick {display:block;width:100%;margin:34px auto;padding:15px 0;border-radius: 5px;-webkit-border-radius:5px;-moz-border-radius:5px;font-weight:500;text-align: center;}
#myclub .date-pick {background:#00C8A1 url(../../imgs/ico/ico_box_white.png) no-repeat center left 18px;background-size:11px 11px;}
#myclub .date-pick span {display:block;width:100%;text-align: center;background:url(../../imgs/ico/ico_arrow_down_white.png) no-repeat center right 25px;background-size:16px auto;}

#myclub ul {display:block;border-top:3px solid #5F517C;border-bottom:3px solid #5F517C;}
#myclub ul li {display:block;border-bottom:2px solid #E5E5E5;min-height:88px;}
#myclub ul li:last-of-type {border-bottom:none;}

#myclub ul li a {display:flex;justify-content:flex-start;align-items: center;background:url(../../imgs/ico/ico_arrow_right_green.png) no-repeat center right;background-size:18px auto;padding:17px 0;}
#myclub ul li a img {width:52px;display:block;margin-right:38px;}
#myclub ul li a div p {font-size:15px;font-weight:500;}


/*club-info.html*/
#clubInfo {}
#clubInfo .title {display:block;margin:27px auto;text-align: center;}
#clubInfo .title img {width:52px;margin-bottom:12px;}
#clubInfo .title h2 {font-size:15px;}
#clubInfo .title h2 span {font-size:16px;display:block;color:#8963B9;font-weight:700;line-height:1.2em;}
#clubInfo .title > span {display:block;margin-top:15px;}

#clubInfo ul li {display:block;margin-top:-2px;border-top:2px solid #e5e5e5;border-bottom:2px solid #e5e5e5;padding:10px 0;}
#clubInfo ul li em,
#clubInfo ul li span {display:inline-block;width:50%;float:left;}
#clubInfo ul li p::after {content:'';clear:both;display:block;}
#clubInfo ul li em {font-weight:700;text-align: right;padding-right:25px;}
#clubInfo ul li span {text-align: left;padding-left:20px;}

#clubInfo .operation {display:block;margin:30px auto;}
#clubInfo .operation h2 {text-align: center;font-size:16px;margin-bottom:6px;}
#clubInfo .operation p {text-align: center;display:block;padding-left:30px;text-indent:-43px;}
#clubInfo .operation p:last-of-type {text-align: center;display:block;padding-left:30px;text-indent:-54px;}

#clubInfo .btnWrap.long {}
#clubInfo .btnWrap.long ul {border-top:3px solid #5F517C;padding:0 13%;margin-top:-10px;}
#clubInfo .btnWrap.long ul li {display:inline-block;border:none;}
#clubInfo .btnWrap.long ul li a {display:block;position:relative;padding-top:50px;text-align: center;margin-top:4px;}
#clubInfo .btnWrap.long ul li:first-of-type a {background:url(../../imgs/ico/ico_bottom_01.png) no-repeat center top;background-size:42px auto; }
#clubInfo .btnWrap.long ul li:nth-of-type(2) a {background:url(../../imgs/ico/ico_bottom_02.png) no-repeat center top;background-size:42px auto; }
#clubInfo .btnWrap.long ul li:nth-of-type(3) a {background:url(../../imgs/ico/ico_bottom_03.png) no-repeat center top;background-size:42px auto; }



/*club-member*/
#clubMembership {}
#clubMembership .title {display:block;margin:27px auto;text-align: center;}
#clubMembership .title img {width:52px;margin-bottom:12px;}
#clubMembership .title h2 {font-size:15px;}
#clubMembership .title h2 span {font-size:16px;display:block;color:#8963B9;font-weight:700;line-height:1.2em;}
#clubMembership .title > span {display:block;margin-top:15px;}

#clubMembership ul li {display:block;margin-top:-2px;border-top:2px solid #e5e5e5;border-bottom:2px solid #e5e5e5;padding:10px 0;}
#clubMembership ul li em {display:inline-block;width:40%;float:left;}
#clubMembership ul li span {display:inline-block;width:60%;float:left;}
#clubMembership ul li p::after {content:'';clear:both;display:block;}
#clubMembership ul li em {font-weight:700;text-align: right;padding-right:25px;}
#clubMembership ul li span {text-align: left;padding-left:10px;}

#clubMembership .user_info {display:block;text-align: center;margin-bottom:20px;font-weight:700;}
#clubMembership .moreView {display:block;text-align: center;margin:20px auto;font-weight:700;}
#clubMembership .moreView span {display:inline-block;padding-right:10px;background:url(../../imgs/ico/ico_arrow_right_violet2.png) no-repeat center right;background-size:6px auto;border-bottom:1px solid #5F517C;}

#clubMembership .btnWrap a {height:32px;line-height:32px;}



/*club-check.html*/
#check {padding: 44px 10% 25px 10% !important;}
#check .title {display:block;margin:27px auto;text-align: center;}
#check .title img {width:52px;margin-bottom:12px;}
#check .title h2 {font-size:15px;}
#check .title h2 span {font-size:16px;display:block;color:#8963B9;font-weight:700;line-height:1.2em;}
#check .title > span {display:block;margin-top:15px;}
#check .total-att {display:block;text-align: center;font-size:15px;border-bottom:2px solid #5F517C;padding:25px 0;}
#check .total-att em {display:block;text-align: center;font-size:16px;font-weight:500;}

#calendar2 {}
#calendar2 table {width:100%;}
#calendar2 .ui-datepicker-header {background:#8963B9;text-align: center;padding:10px 15px;border-radius: 5px;-webkit-border-radius:5px;-moz-border-radius:5px;margin:20px auto 10px auto;}