@charset "utf-8"; 
/**********************************************************************
* Descript : 서브페이지 스타일 정의
-----------------------------------------------------------------------
* 최초작성일 : 2018.04.04
* 최초작성자 : 더웹 유대경
***********************************************************************/
.mobile-snb{display:none;}
.ready{text-align:center;}

.txt-content-box {line-height:1.6em;}
.txt-content-box P {padding:10px 0;}
.txt-content-box h6 {font-size:1.1em; line-height:1.8em; font-weight:700; color:#222; margin:20px 20px 10px 20px;}
.txt-content-box h6:before {content:""; display:inline-block; position:relative; width:.7em; height:.7em; border-radius:100%; border:3px solid #fa6d0f; box-sizing:border-box; margin-right:10px;}

.txt-content-box h6 + .group-h6 {margin-top:0;}
.txt-content-box .group-h6 {margin:20px 45px 20px;}
.txt-content-box ul {position:relative; padding:0 !important;}
.txt-content-box ul li {display:block; position:relative; padding-left:1em !important; text-indent:-1em;}
.txt-content-box ul li:before {content:"-"; position:relative; margin-right:10px;}

.txt-content-box .h7 {font-weight:700;}
.txt-content-box .h7 + .group-h7 {margin-top:0;}
.txt-content-box .group-h7 {margin:20px 0px;}

#contents{position:relative; width:100%; background:url(../img/common/contents_bg.png) no-repeat left top;}
#contents .inner{height:100%;}
#contents .pnb{position:absolute; left:0; top:0; width:220px; height:100%; z-index:1;}
#contents .pnb::before{position:absolute; display:inline-block; content:''; width:1px; height:100%; background:#fff; left:0; top:0;}
#contents .pnb h3.tit{font-size:30px; line-height:36px; font-weight:700; width:200px; margin:50px auto;}
#contents .pnb li{}
#contents .pnb li > a{display:block; width:100%: height:50px; line-height:50px; color:#222; font-weight:700; padding:0 25px;}
#contents .pnb li:hover > a{color:#fa6d0f;}
#contents .pnb li.active > a{background:#fa6d0f url(../img/common/pnb_bg.png) no-repeat 85% center; color:#fff;}

#contents .contents{padding:40px 0 100px 380px; text-align:left; min-height:500px;}
#contents .member-contents{max-width:640px; margin:0 auto; padding:75px 0 100px 0; text-align:left;}

.sub-contents{width:100%; padding:25px 0; margin:0 auto;}
.sub-contents .section{margin-bottom:50px;}
.sub-contents .section textarea{max-width:100%; min-width:100%; height:300px; margin-bottom:10px; background:#fafafa; border:1px solid #eee; padding:15px 5px; box-sizing:border-box;}
.sub-contents .scroll .section{overflow-x:auto;}
.sub-contents h4.tit{font-size:2em; font-weight:700; margin-bottom:50px;}

/* 콘텐츠 가이드 시작 */
.sub-contents .section h5{font-size:1.4em; line-height:1em; font-weight:700; color:#222; background:url(../img/contents/h5_bg.png) no-repeat left center; padding-left:25px; margin-bottom:10px;}
.sub-contents .section h6{font-size:1.4em; line-height:1em; font-weight:700; color:#222; background:url(../img/contents/h6_bg.png) no-repeat left center; padding-left:25px; margin-bottom:10px;}
.sub-contents .section ul{padding-left:15px;}
.sub-contents .section ul li{padding-left:10px;}
.sub-contents .section ul li p{position:relative; font-size:1em; line-height:1.8em;}
.sub-contents .section ul li p::before{position:absolute; display:inline-block; content:''; width:4px; height:4px; border-radius:4px; background:#9d9d9d; left:-10px; top:0.7em;}
.sub-contents .section ul li div.bg{background:#fbfbfb; padding:10px; border:1px solid #e0e0e0; margin:10px 0;}
.sub-contents .section ul li div.bg ul{padding-left:0;}
.sub-contents .section ul li div.bg ul li{padding-left:15px;}
.sub-contents .section ul li div.bg ul li p{position:relative; font-size:0.85em; line-height:1.8em;}
.sub-contents .section ul li div.bg ul li p::before{position:absolute; display:inline-block; content:''; width:5px; height:1px; border-radius:4px; background:#3b99c6; left:-12px; top:10px;}
.sub-contents .section ul li div.bg ul li b{font-weight:700;}
.sub-contents .section ul li div.bg ul li p.ect{padding-left:20px;}
.sub-contents .section ul li div.bg ul li p.ect::before{left:8px;}
.sub-contents .section ul li div.bg ul li span{display:inline-block; font-size:0.85em; font-weight:700; padding:10px 0;}
.sub-contents .section ul li div.bg ul li i.imp{display:inline-block; padding:15px 0 15px 20px; font-size:0.8em;}

.sub-contents .section ul li div.volleyball{height:300px; overflow-y:auto;}
.sub-contents .section ul li div.volleyball li{margin-bottom:25px;}
/* 콘텐츠 가이드 끝 */


@media (max-width:1400px){
	#contents{background:none;}
	#contents .contents{width:100%; padding:25px 50px; box-sizing:border-box; margin:0 auto; }
	#contents .pnb{display:none;}
}

@media (max-width:1200px){
	#contents .contents{width:100%; padding:25px 30px; box-sizing:border-box; margin:0 auto; }
	#contents .pnb{display:none;}
}


#member-container .pnb{display:none;}
#member-container .contents{width:100%; max-width:600px; margin:0 auto; padding:40px 0 100px 0; text-align:left; min-height:500px;}

@media (max-width:800px){
#contents .contents{width:100%; padding:25px 0px; box-sizing:border-box; margin:auto;}
.mobile-snb{display:block; width:100%;  height:50px;}
.mobile-snb > div{position:relative; float:left; width:50%; height:50px; line-height:50px;}
.mobile-snb > div button{display:block; width:100%; height:100%; text-align:center; font-weight:700; cursor:pointer; font-size:0.9em;}
.mobile-snb > div button.active{background:#fa6d0f; color:#fff;}

.mobile-snb ul{display:none; position:absolute; width:100%; top:50px; background:#f9f9f9; box-sizing:border-box; background:#fff; z-index:3;}
.mobile-snb ul li{}
.mobile-snb ul li > a{display:block; padding:0 15px; height:50px; line-height:50px; font-size:0.9em; color:#222; cursor:pointer;  border-bottom:1px solid rgba(0,0,0,0.05);}
.mobile-snb ul li:last-child > a{border-bottom:0;}

.mobile-snb ul.lnb{background:#fa6d0f;}
.mobile-snb ul.lnb a{color:#fff; border-bottom:1px solid rgba(255,255,255,0.2);}
}



/**********************************************************************
* Descript : 부산광역시장배 슈퍼컵 안내 -> 인사말씀
***********************************************************************/
.greeting{font-size:1.1em; line-height:2em; color:#222;}
.greeting img{display:block; margin:0 auto;}
.greeting b{position:relative;}
.greeting b::before{position:absolute; display:inline-block; content:''; width:40px; height:7px; background:#fa6d0f; left:0; top:-15px;}

.greeting .greeting-visual{width:100%; box-sizing:border-box; padding:50px 10px; background:url(/assets/img/contents/greeting.jpg) no-repeat center center; background-size:cover; text-align:center; margin-bottom:2.5em;}
.greeting .greeting-visual strong{font-size:1.5em; line-height:1em; color:#fff; font-weight:700; display:block; margin:25px 0 15px 0;}
.greeting .greeting-visual span{font-size:1.2em; color:#fff; display:block;}
.greeting .greeting-visual span u{text-decoration:underline; color:#fa6d0f; font-weight:700;}
/**********************************************************************/



 


/**********************************************************************
* Descript : 부산광역시장배 슈퍼컵 안내 -> 대회설명
***********************************************************************/
.pcode49601{background:url(../img/contents/496_bg_01.jpg) no-repeat left top; background-size:cover; padding:40px 50px 40px 50px;}

.pcode49601 > b{font-size:2em; font-weight:700; color:#fff; display:block; margin-bottom:25px;}
.pcode49601 img{display:block; opacity:0.2; margin:0 0 30px 30px;}
.pcode49601 p{width:50%; font-size:1.2em; line-height:1.4em; color:#fff;}
.pcode49601 p b:nth-child(1){color:#90ead8;}
.pcode49601 p b:nth-child(2){color:#75cdff;}

.pcode49602{display:inline-block; width:100%; margin-top:50px;}

.pcode49602 li{float:left; width:50%;}
.pcode49602 li:last-child{border-bottom:0;}
.pcode49602 li div{border:1px solid #eee; font-size:1.3em; line-height:1.6em; font-weight:700; text-align:center; padding:150px 0 50px 0;}

.pcode49602 .bg01{background:url(../img/contents/496_bg_0201.png) no-repeat center 25px; margin:0 15px 15px 0;}
.pcode49602 .bg02{background:url(../img/contents/496_bg_0202.png) no-repeat center 25px; margin:0 0 15px 15px;}
.pcode49602 .bg03{background:url(../img/contents/496_bg_0203.png) no-repeat center 25px; margin:15px 15px 0 0;}
.pcode49602 .bg04{background:url(../img/contents/496_bg_0204.png) no-repeat center 25px; margin:15px 0 0 15px;}

.pcode49602 .bg01 b{color:#fd7116;}
.pcode49602 .bg02 b{color:#c84eaf;}
.pcode49602 .bg03 b{color:#2e7cf5;}
.pcode49602 .bg04 b{color:#30d19a;}

@media (max-width:980px){
	.pcode49601 p{width:80%;}
}

@media (max-width:640px){
	.pcode49601{background:url(../img/contents/496_bg_01.jpg) no-repeat 40% center; padding:40px 25px 40px 25px;}
	.pcode49601 > b{font-size:1.6em;}
	.pcode49601 p{width:100%; font-size:1em;}

	.pcode49602 li div{font-size:1em;}
	.pcode49602 .bg01{margin:0 5px 5px 0;}
	.pcode49602 .bg02{margin:0 0 5px 5px;}
	.pcode49602 .bg03{margin:5px 5px 0 0;}
	.pcode49602 .bg04{margin:5px 0 0 5px;}
}
/**********************************************************************/





.find-account-tab{position:absolute; width:50%; left:50%; bottom:0; transform:translate(-50%, 0);}
.find-account-tab a{display:inline-block; width:50%; height:70px; line-height:70px; float:left; text-align:center; font-size:1.2em; font-weight:700; color:#999; background:#f8f8f8;}
.find-account-tab a.active{color:#fff; background:#1085f2;}

.member-tab{position:absolute; width:50%; left:50%; bottom:0; transform:translate(-50%, 0);}
.member-tab a{display:inline-block; width:50%; height:70px; line-height:70px; float:left; text-align:center; font-size:1.2em; font-weight:700; color:#999; background:#f8f8f8;}
.member-tab.col-3 a {width:33.33%;}
.member-tab a:hover{text-decoration:none;}
.member-tab a.active{color:#fff; background:#fa6d0f;}
.member-tab a i{display:inline-block; width:19px; height:27px; vertical-align:-8px; margin-right:10px;}
.member-tab a i.member-icon01{background:url(../img/common/member_icon01.png) no-repeat center center;}
.member-tab a i.member-icon02{background:url(../img/common/member_icon02.png) no-repeat center center;}
.member-tab a.active i.member-icon01{background:url(../img/common/member_icon01_on.png) no-repeat center center;}
.member-tab a.active[data-mnu="회원가입"] {background-color:#1085f2;}
.member-tab a.active i.member-icon02{background:url(../img/common/member_icon02_on.png) no-repeat center center ;}
@media (max-width:800px){
	.find-account-tab, .member-tab{width:100%;}
	.find-account-tab a, .member-tab a{height:50px; line-height:50px;}
}

/**********************************************************************
* Descript : 서브페이지 테이블 스타일
***********************************************************************/

/* 일정 및 장소안내 */
.tbl{width:100%; border-top:2px solid #222; border-left:1px solid #ddd; margin-bottom:15px; line-height:1.6em;}
.tbl th{text-align:center; vertical-align:middle; font-size:1em; font-weight:700; color:#222; padding:15px 0; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background:#f3f3f3}
.tbl td{vertical-align:middle; font-size:0.9em; padding:15px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#fff;}

.tbl-tac th{vertical-align:middle;}
.tbl-tac td{text-align:center;}


/* 참가요강 -> 대회기간 */
.schedule{width:100%; border-top:2px solid #222; border-left:1px solid #ddd; margin-bottom:15px; line-height:1.6em;}
.schedule th{text-align:center; font-size:1em; font-weight:700; color:#222; padding:15px 0; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background:#f3f3f3}
.schedule td{text-align:center; font-size:0.9em; padding:15px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#fff;}

/* 참가요강 -> 경기일정 */
.timetable{width:100%; border-top:1px solid #ddd; line-height:1.6em;}
.timetable thead th{text-align:center; font-size:1em; font-weight:700; color:#222; padding:15px 0; border-bottom:1px solid #ddd; border-right:1px solid #ddd; border-left:1px solid #ddd; background:#f6f7fc;}
.timetable tbody th{width:11.1111111111%; text-align:center; font-size:1em; font-weight:700; color:#222; padding:15px 0; border-bottom:1px solid #ddd; border-right:1px solid #fff; background:#f3f3f3;}
.timetable tbody th:first-child{border-left:1px solid #ddd;}
.timetable tbody th:last-child{border-right:1px solid #ddd;}
.timetable tbody td{text-align:center; font-size:1em; font-weight:700; color:#222; padding:15px 0;}
.timetable tbody td.bg01{color:#fff; background:#545869}
.timetable tbody td.bg02{color:#fff; background:#ad43bc;}
.timetable tbody td.bg03{background:url(../img/contents/td_bg.jpg) repeat;}

/* 참가요강 -> 참가요강 */
.qualification{width:100%; border-top:2px solid #222; border-left:1px solid #ddd; margin-bottom:15px; line-height:1.6em;}
.qualification th{text-align:center; font-size:1em; font-weight:700; color:#222; padding:15px 0; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background:#f3f3f3}
.qualification td{text-align:left; font-size:0.9em; padding:15px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#fff;}
.qualification td.bg01{background:#f6f6f6; text-align:center;}
.qualification td b{font-weight:700;}
.qualification td i{color:#fa6d0f;}

/* 참가요강 -> 대회기간 */
.league-schedule{width:100%; border-top:2px solid #222; border-left:1px solid #ddd; margin-bottom:15px; line-height:1.6em;}
.league-schedule th{width:20%; text-align:center; font-size:1em; font-weight:700; color:#222; padding:15px 0; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background:#f3f3f3}
.league-schedule td{text-align:left; font-size:0.9em; padding:15px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#fff;}
.league-schedule td b{color:#fa6d0f;}


.league-timetable-wrap{overflow-x:auto; overflow-y:hidden;}
.league-timetalbe{width:100%; min-width:800px; border-top:2px solid #222; border-left:1px solid #ddd; line-height:1.6em;}
.league-timetalbe th{text-align:center; font-size:1em; font-weight:700; color:#222; padding:15px 0; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background:#f3f3f3}
.league-timetalbe td{text-align:center; font-size:0.9em; padding:10px 25px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#fff;}
.league-timetalbe td.vs{text-align:left; padding-left:15px;}
.league-timetalbe td b{color:#222; font-weight:700;}
.league-timetalbe td i{display:inline-block; padding:0 15px; color:#fa6d0f; font-weight:700;}
.league-timetalbe td img{}
@media (max-width:800px){
	.league-timetalbe tbody tr:last-child td{border-bottom:0;}
}


/* 대회결과 */
.final-timetable{width:100%; border-top:2px solid #222; border-left:1px solid #ddd; line-height:1.6em;}
.final-timetable th{text-align:center; font-size:1em; font-weight:700; color:#222; padding:15px 0; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background:#f3f3f3}
.final-timetable td{text-align:center; font-size:0.9em; padding:10px 25px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#fff;}
.final-timetable td.vs{text-align:left; padding-left:15px;}
.final-timetable td b{color:#222; font-weight:700;}
.final-timetable td i{display:inline-block; padding:0 15px; color:#fa6d0f; font-weight:700;}
.final-timetable td img{max-width:100%; margin:50px 0;}
@media (max-width:800px){
	.final-timetable tbody tr:last-child td{border-bottom:0;}
}


/* 참가접수 -> 참가접수 */
.apply-form{width:100%; border-top:2px solid #014099; border-left:1px solid #ddd; margin-bottom:15px; line-height:1.6em;}
.apply-form th{width:25%; text-align:left; font-size:1em; font-weight:700; color:#222; padding:15px; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background:#f3f3f3}
.apply-form th i.square{display:inline-block; width:3px; height:3px; background:#014099; vertical-align:5px; margin-right:7px;}
.apply-form td{text-align:left; font-size:0.9em; padding:15px; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#fff;}
.apply-form td button[element-name="아이디 중복확인"]{padding:0 10px; box-sizing:bordr-box; text-align:center; background:#014099; color:#fff; height:40px; line-height:40px; font-size:12px;}
.apply-form td img{max-height:25px;}
.apply-form td.result{background:#ddd; color:#222; text-align:center; border:1px solid #ddd;}

.apply-form td select[element-name="종목명"],
.apply-form td select[element-name="자치구"],
.apply-form td select[element-name="지역명"],
.apply-form td select[element-name="개소"],
.apply-form td select[element-name="소속클럽"]{height:40px; line-height:40px; width:100%; background:#f8f8f8 url(../img/common/arrow.png) no-repeat 98% center; border:1px solid #ddd; color:#222; padding:0 5px;}

.apply-form td .form-file input[type="text"],
.apply-form td input[element-name="이름"],
.apply-form td input[element-name="핸드폰번호"],
.apply-form td input[element-name="생년월일"],
.apply-form td input[element-name="성명"],
.apply-form td input[element-name="TEAM 이름"],
.apply-form td input[element-name="TEAM 로고"],
.apply-form td input[element-name="연락처"],
.apply-form td input[element-name="TEAM 연락처1"],
.apply-form td input[element-name="TEAM 연락처2"],
.apply-form td input[element-name="TEAM 연락처3"]{height:40px; line-height:40px; width:100%; border:1px solid #ddd; color:#222; padding:0 5px;}

.apply-form td input[element-name="TEAM 이름"]{float:left; width:150px; border-right:0;}


.apply-form td select[element-name="년도"],
.apply-form td select[element-name="월"],
.apply-form td select[element-name="일"],
.apply-form td select[element-name="성별"],
.apply-form td select[element-name="연락처1"]{height:40px; line-height:40px; width:100%; max-width:100px; background:#f8f8f8 url(../img/common/arrow.png) no-repeat 98% center; border:1px solid #ddd; color:#222; padding:0 5px;}
.apply-form td input[element-name="연락처2"]{height:40px; line-height:40px; width:100%; max-width:100px; border:1px solid #ddd; color:#222; padding:0 5px;}
.apply-form td input[element-name="연락처3"]{height:40px; line-height:40px; width:100%; max-width:100px; border:1px solid #ddd; color:#222; padding:0 5px;}

.apply-form td select[element-name="월"],
.apply-form td select[element-name="일"]{width:50px;}

@media (max-width:640px){
	.apply-form th{width:30%; vertical-align:middle;}

	.apply-form td select[element-name="종목명"],
	.apply-form td select[element-name="지역명"],
	.apply-form td select[element-name="소속클럽"],
	.apply-form td input[element-name="성명"]{max-width:100%;}

	
	.apply-form td select[element-name="연락처1"],
	.apply-form td input[element-name="연락처2"],
	.apply-form td input[element-name="연락처3"]{float:left; width:30%; max-width:100%;}
	.apply-form td i.var{float:left; display:inline-block; width:5%; text-align:center; height:40px; line-height:40px;}

	.team-information th{display:none;}

}

.league-timetable{width:100%; min-width:800px; border-top:2px solid #222; border-left:1px solid #ddd; line-height:1.6em;}
.league-timetable th{text-align:center; font-size:1em; font-weight:700; color:#222; padding:15px 0; border-bottom:1px solid #ddd; border-right:1px solid #ddd; background:#f3f3f3}
.league-timetable td{text-align:center; font-size:0.9em; padding:10px 0; border-right:1px solid #ddd; border-bottom:1px solid #ddd; background:#fff;}
.league-timetable td img{max-height:25px;}
.mobile-scroll{display:none; margin:15px 0 0 0;}
@media (max-width:896px){
	.mobile-scroll{display:block;}
}
/**********************************************************************/


.info-tab{width:100%; height:70px; margin-bottom:5px;}
.info-tab li{float:left; width:33.333333333333%;}
.info-tab li button{display:block; width:100%; height:50px; line-height:50px; text-align:center; background:#eee; color:#222; font-size:1em; font-weight:700;}
.info-tab li.active button{background:#fa6d0f; color:#fff;}
.info-tab li:nth-child(1) button{border-radius:70px 0 0 70px;}
.info-tab li:nth-child(2) button{border-left:1px solid #fff; border-right:1px solid #fff;}
.info-tab li:nth-child(3) button{border-radius:0 70px 70px 0;} 

.infonew-tab{width:100%; height:70px; margin-bottom:5px;}
.infonew-tab li{float:left; width:33.333333333333%;}
.infonew-tab li a:hover{text-decoration:none;}
.infonew-tab li.active a{background:#fa6d0f; color:#fff;}
.infonew-tab li button{display:block; width:100%; height:50px; line-height:50px; text-align:center; background:#eee; color:#222; font-size:1em; font-weight:700;}
.infonew-tab li.active button{background:#fa6d0f; color:#fff;}
.infonew-tab li:nth-child(1) button{border-radius:70px 0 0 70px;}
.infonew-tab li:nth-child(2) button{border-left:1px solid #fff; border-right:1px solid #fff;}
.infonew-tab li:nth-child(3) button{border-radius:0 70px 70px 0;} 


.league-tab{width:100%; height:70px; margin-bottom:5px;}
.league-tab li{float:left; width:13.5%;}
.league-tab li button{display:block; width:100%; height:50px; line-height:50px; text-align:center; background:#eee; color:#222; font-size:1em; font-weight:700;}
.league-tab li.active button{background:#fa6d0f; color:#fff;}
.league-tab li:nth-child(1) button{border-radius:70px 0 0 70px;}
.league-tab li:nth-child(2) button{border-left:1px solid #fff; border-right:1px solid #fff;}
.league-tab li:nth-child(3) button{border-left:1px solid #fff; border-right:1px solid #fff;}
.league-tab li:nth-child(4) button{border-left:1px solid #fff; border-right:1px solid #fff;}
.league-tab li:nth-child(5) button{border-left:1px solid #fff; border-right:1px solid #fff;}
.league-tab li:nth-child(6) button{border-left:1px solid #fff; border-right:1px solid #fff;}
.league-tab li:nth-child(7) button{border-radius:0 70px 70px 0;}



.final-tab{width:100%; height:70px; margin-bottom:5px;}
.final-tab li{float:left; width:50%;}
.final-tab li button{display:block; width:100%; height:50px; line-height:50px; text-align:center; background:#eee; color:#222; font-size:1em; font-weight:700;}
.final-tab li.active button{background:#fa6d0f; color:#fff;}
.final-tab li:nth-child(1) button{border-radius:70px 0 0 70px;}
.final-tab li:nth-child(2) button{border-radius:0 70px 70px 0;}


.team-tab{width:100%; height:70px; margin-bottom:5px;}
.team-tab li{float:left; width:25%;}
.team-tab li a{display:block; width:100%; height:50px; line-height:50px; text-align:center; background:#eee; color:#222; font-size:1em; font-weight:700;}
.team-tab li a:hover{text-decoration:none;}
.team-tab li.active a{background:#fa6d0f; color:#fff;}
.team-tab li:nth-child(1) a{border-radius:70px 0 0 70px;}
.team-tab li:nth-child(2) a{border-left:1px solid #fff;}
.team-tab li:nth-child(3) a{border-left:1px solid #fff;}
.team-tab li:nth-child(4) a{border-left:1px solid #fff; border-radius:0 70px 70px 0;}


.gallery-list{margin:25px 0;}
.gallery-list ul{display:inline-block; width:100%;}
.gallery-list ul li.item{float:left; width:calc(100% / 3 - 10px); margin:0 15px 50px 0;}
.gallery-list ul li.item:nth-child(3n + 3){margin:0 0 50px 0;}
.gallery-list ul li.item a{display:block; width:100%; height:100%; position:relative;}
.gallery-list ul li.item a i.thumb{position:relative; display:block; width:100%; height:165px; overflow:hidden;}
.gallery-list ul li.item a i.thumb img{position:absolute; min-width:100%; min-height:100%; transform:scale(1); -webkit-transition: all 2s ease-in-out; -moz-transition: all 2s ease-in-out; -ms-transition: all 2s ease-in-out; -o-transition: all 2s ease-in-out; transition: all 2s ease-in-out;}
.gallery-list ul li.item:hover a i.thumb img{transform:scale(1.2);}
.gallery-list ul li.item:hover a{text-decoration:none;}
.gallery-list ul li.item a span.info{display:block; padding:15px 10px; font-size:1em; line-height:1em; color:#aaa; font-size:0.9em; border-bottom:1px solid #eee;}
.gallery-list ul li.item a span.info b{display:block; width:100%; margin-bottom:10px; font-weight:700; color:#222; font-size:1em; line-height:1em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.gallery-list ul li.item a i.more{position:absolute; right:0; top:135px; z-index:2;}
.gallery-list ul li.no-data{text-align:center; color:#aaa; font-size:15px; padding:50px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
@media (max-width:640px){
	.gallery-list ul li.item{float:none; width:100%; margin:0 0 50px 0;}
	.gallery-list ul li.item:nth-child(3n + 3){margin:0 0 50px 0;}
}



.total-player{font-size:1.2em; line-height:1.8em; text-align:center; padding:15px 0;}
.total-player em{font-weight:700;}

.player-agree{text-align:center; font-size:13px; line-height:23px; border-top:1px solid #014099; border-bottom:1px solid #eee; padding:25px; background:#fcfcfc;}
.player-alert{font-size:1.4em; line-height:2em; font-weight:700; text-align:center; padding:50px 0; border-top:2px solid #014099; border-bottom:1px solid #eee;}

em.winner{display:inline-block; width:20px; height:20px; line-height:22px; text-align:center; border-radius:20px; background:#fa6d0f; color:#fff; font-weight:700; margin:0 5px; font-size:13px;}
em.looser{display:inline-block; width:20px; height:20px; line-height:22px; text-align:center; border-radius:20px; background:#eee; color:#777; font-weight:700; margin:0 5px; font-size:13px;}
em.score{font-size:20px; font-weight:700;}









.team-detail{display:none; position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.5); left:0; top:0; z-index:10;}
.team-detail h6{text-align:center; font-size:1.4em; font-weight:700;}
.team-detail h6 em{color:#014099;}
.team-detail p{font-size:1em; line-height:1.6em; color:#222; margin:25px 0; padding:25px; background:#f3f3f3; text-align:center;}
.team-detail ul{}
.team-detail ul li{text-align:center; float:left; width:25%; color:#888; font-size:12px; margin-bottom:35px;}
.team-detail ul li em{display:block; margin-bottom:10px; font-size:1.1em; font-weight:700; color:#222;}

.team-detail .team-intro{position:absolute; width:90%; max-width:600px; max-height:400px; overflow-y:auto; background:#fff; left:50%; top:50%; transform:translate(-50%, -50%); box-sizing:border-box; padding:25px 25px 0 25px;}
.team-detail .team-intro button{position:absolute; width:50px; height:50px; text-align:center; line-height:50px; background:#fff; color:#222; right:0; top:0; font-size:20px;}

@media(max-width:640px){
	.team-detail ul li{width:50%;}
}



.page-greeting {line-height:1.8em; overflow:hidden; font-size:1.15em;width:700px}
.page-greeting strong {font-weight:bold;}
.page-greeting .vis-img {position:absolute;margin-left:430px;margin-top:0px}
.page-greeting .title {font-size:1.7em; padding:20px 0; line-height:1.3em;}
.page-greeting .title em {color:#2e8be2; font-weight:bold;}
.page-greeting .title i {font-style:italic;}
.page-greeting .sub-title {padding:10px 0 40px; font-size:1.2em; line-height:1.4em;}

@media all and (max-width:750px) {
.page-greeting {line-height:1.8em; overflow:hidden; font-size:1.15em;margin-top:350px;width:100%}
	.page-greeting .vis-img {clear:both; float:none; padding:10px; text-align:center;margin-left:60px;margin-top:-320px}
}