@charset "utf-8";


@import url(bootstrap-theme.min.css);
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);


* {margin:0; padding:0; font-family:'Noto Sans Japanese', "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif; line-height:1; font-weight:normal;}
h1,h2,h3,h4,h5,p{margin: 0;}
a {text-decoration:none;}
button {background:none; border:none; cursor:pointer;}
img {border:none;}
ul, ol {list-style:none;}
em {font-style:normal;}
table {width:100%; border-collapse:collapse;}
.haze {position:absolute; left:-9999px; top:-9999px; visibility:hidden;}

body{background:#1d1d1d; }
body.apply {background:#197dce url(../images/bg_apply.png) no-repeat right top; background-size:80% auto;}

.personImg {display:block; width:65px; height:65px; overflow:hidden;  background:#ebebeb url(../images/bg_person_default.png) no-repeat center bottom; background-size:60% auto;  border-radius:50%; }
.personImg img {width:100%; }
.circleGr {width:65px; height:65px;}
.circleGr_SluggingAverage {width:65px; height:65px;}
.circleGr_OPS {width:65px; height:65px;}
.circle { display:block; width:65px; height:65px; font-size:14px;  line-height:65px; text-align:center; color:#fff;border-radius:99px;}
.circle.blue {background:#208adf;}
.circle.orange {background:#f57300;}

.circleGrEx {width:65px; height:65px;}
.circleEx { display:block; width:65px; height:65px; font-size:14px;  line-height:65px; text-align:center; color:#fff;border-radius:99px;}
.circleEx.blue {background:#208adf;}
.circleEx.orange {background:#f57300;}

.more {position:relative; display:inline-block; padding:0 17px 0 10px; line-height:22px; font-size:12px; color:#fff;  border-radius:99px; background:linear-gradient(#b9b9b9, #929292)}
.more:after {position:absolute; right:6px; top:-1px; display:block; width:5px; height:100%; content:""; background:url(../images/bu_arrow_gt_white.png) no-repeat left center; background-size:auto 5px;}
.bet {display:block; width:30px; height:30px;  line-height:27px; text-align:center; font-size:19px; color:#fff; }
.bet.win {background:url(../images/bg_bet_win.png) no-repeat center center;  background-size:100% 100%;}
.bet.loss {background:url(../images/bg_bet_loss.png) no-repeat center center;  background-size:100% 100%;}
.bet.tie {background:url(../images/bg_bet_tie.png) no-repeat center center;  background-size:100% 100%;}

.tit1 {padding:0 0 7px 0; font-size:18px; color:#9a9a9a;}

.table1 {border-bottom:1px solid #dbdbdb;}
.table1 thead th {font-size:12px; line-height:33px; color:#fff; background:#1d2088;}
.table1 tbody th {font-size:12px; line-height:33px; text-align:center; color:#4f4f51; border-top:1px solid #dbdbdb;  border-right:1px solid #dbdbdb;}
.table1 td {font-size:12px; line-height:33px; text-align:center; color:#4f4f51; border-top:1px solid #dbdbdb;}
.table1 td.em {}
.table1 td.de {color:#bababa;}
.table1 td.lt {padding-left:5px; text-align:left;}
.table1 tfoot {position:relative; }
.table1 tfoot td { color:#000; border-top:1px solid #197dce; background:#ebebeb; }
.table1 td a.view img {width:22px; vertical-align:middle;}
.table1 .score_total{background-color: #31536b}
.table1 a{color: #FFFFFF; text-decoration: none;}

.table2 {}
.table2 thead th, .table2 tbody th {font-size:12px; line-height:30px; color:#4f4f51; background:#c3c3c3;text-align:center;border-bottom:1px solid #afafaf; font-weight: bold;}
.table2 tbody td {font-size:12px; line-height:33px; text-align:center; color:#4f4f51; background:#fff; border-bottom:1px solid #dbdbdb;  }
.table2 tbody th.rank_top1_icon {height: 45px; background: url(../images/bg_bet_win.png) center no-repeat #ffffff; background-size: 70%; color: #ffffff; font-weight: bold;}
.table2 tbody td.rank_top1{font-size: 14px; color: #891e0d; font-weight: bold;}

.tab {overflow:hidden;}
.tab li {float:left;}


header {position:fixed;  z-index:2;  width:100%; overflow:hidden;}
header .sp_nav h1 {height:46px; padding:8px 0 15px 50px;  line-height:20px; box-sizing:border-box;}
header .sp_nav h1 a {display:inline-block; height:20px; line-height:20px;}
header .sp_nav h1 a img {height:100%;}
header .sp_nav a.goGame {position:absolute; right:0; top:0; display:block; height:46px; width:105px; padding:0 0 0 31px; box-sizing:border-box; font-size:14px;  line-height:46px; letter-spacing:-1px; color:#fff; background:url(../images/bg_gogamesmall.png) no-repeat left top; background-size:100% auto;}
header .sp_nav a.goNavi {position:absolute; left:0; top:0; display:block; width:50px; height:46px; text-align:center; line-height:46px;}
header .sp_nav a.goNavi > img {height:18px; width:auto;}
header .sp_nav nav {display:none; position:fixed; left:0; top:0; z-index:9999; width:100%; height:100%; background:url(../images/bg_modal.png) repeat left top;}
header .sp_nav nav > div.mNavi {position:absolute; left:-240px;width:240px; height:100%; background:#ebebeb;}
header .sp_nav nav > div.mNavi button.close {display:none; position:absolute; left:240px; top:0; width:28px; height:28px; text-indent:-999px; background:#0064b4 url(../images/ico_x.png) no-repeat center center; background-size:50% 50%}
header .sp_nav nav .profile {height:145px; padding:20px 20px 0 20px; text-align:center; background:#197dce url(../images/bg_profile.png) no-repeat right	 top; background-size:100% 100%;}
header .sp_nav nav .profile .personImg {margin:0 auto; }
header .sp_nav nav .profile .name {display:block;  font-size:14px; line-height:30px; color:#fff;}
header .sp_nav nav .profile > a {position:relative; display:inline-block; height:25px; padding:0 25px 0 30px; line-height:22px; font-size:14px; color:#fff; background:#00a25b url(../images/bg_person_default_small_green.png) no-repeat 5px 2px; background-size:20px 20px; border-top:1px solid #4dbe8d; border-radius:99px;}
header .sp_nav nav .profile > a::after {position:absolute; right:10px; top:0; display:block; width:5px;height:25px; content:""; background:url(../images/bu_arrow_gt.png) no-repeat left center; background-size:100% auto;}
header .sp_nav nav ul {background:#ffffff;}
header .sp_nav nav ul li {border-bottom:1px solid #dbdbdb;}
header .sp_nav nav ul li a {display:block; padding:0 0 0 50px; line-height:40px; font-size:15px; color:#959595; background:url(../images/ico_home.png) no-repeat 15px center; background-size:20px auto;}
header .sp_nav nav ul li.on {background:#ebebeb url(../images/bu_arrow_gt_blue.png) no-repeat 217px center ; background-size:5px auto;}
header .sp_nav nav ul li.on a {color:#197dce;}
header .sp_nav nav ul li a.home {background-image:url(../images/ico_home.png);}
header .sp_nav nav ul li.on a.home {background-image:url(../images/ico_home_blue.png);}
header .sp_nav nav ul li a.baseball {background-image:url(../images/ico_baseball.png);}
header .sp_nav nav ul li.on a.baseball {background-image:url(../images/ico_baseball_blue.png);}
header .sp_nav nav ul li a.trophy {background-image:url(../images/ico_trophy.png);}
header .sp_nav nav ul li.on a.trophy {background-image:url(../images/ico_trophy_blue.png);}
header .sp_nav nav ul li a.week {background-image:url(../images/ico_week_rank.png);}
header .sp_nav nav ul li.on a.week {background-image:url(../images/ico_week_rank_blue.png);}
header .sp_nav nav ul li a.record {background-image:url(../images/ico_record.png);}
header .sp_nav nav ul li.on a.record {background-image:url(../images/ico_record_blue.png);}
header .sp_nav nav ul li a.loca {background-image:url(../images/ico_location.png);}
header .sp_nav nav ul li.on a.loca {background-image:url(../images/ico_location_blue.png);}
header .sp_nav nav ul li a.noti {background-image:url(../images/ico_speaker.png);}
header .sp_nav nav ul li.on a.noti {background-image:url(../images/ico_speaker_blue.png);}
header .sp_nav nav ul li a.team_ranking {background-image:url(../images/ico_team_ranking.png);}
header .sp_nav nav ul li.on a.team_ranking {background-image:url(../images/ico_team_ranking_blue.png);}
header .sp_nav nav .copy {position:absolute; bottom:10px; width:100%; font-size:11px; text-align:center; color:#a0a0a0;}
.sp_nav{background-color: #000000; display: block}
.wide_nav{background-color: rgba(0,0,0,0.80); display: none;}

.wrap{
	position: relative;
	 z-index:1;
	height:100%;
	padding:46px 0 15px 0;
	box-sizing:border-box;
	color: #ffffff;
}
.bnarea{
	position: relative;
	display: none;
}

.btn_area{
	text-align: center;
	margin-top: 20px;
}



.P_record {
	padding: 20px;
	margin: 0 auto;
	box-sizing:border-box;
	background: url(../images/sp_top_bg.png) top right no-repeat #000000;
}

.P_record_profile{
	position: relative;
	width: 300px;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 5px;
}
.P_record_profile_photo{
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
	width: 80px;
	height: 80px;
	border: 1px solid #95989A;
	border-radius: 40px;
	overflow: hidden;
	float: left;
	margin-right: 15px;
}
.P_record_profile_detail{position: relative;overflow: hidden;}
.P_record_profile_detail dl{padding-top: 5px;}
.P_record_profile_detail dt{font-size: 20px; font-weight: bold; line-height: 24px; margin-bottom: 14px;}
.P_record_profile_detail dd{font-size: 12px; line-height: 16px;}
.P_record_profile_detail dd span{display: inline-block; color: #95989A; width: 65px;}

.P_record_score{
	position: relative;
	width: 280px;
	margin: 0 auto;
	overflow: hidden;
}
.cell4{
	width: 223px;
}

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

.P_record_score_circle h5{
	text-align: center;
	color: #95989A;
	font-size: 14px;
	margin-top: 10px;
}
.score_circle{
	width: 52px;
	height: 52px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	border-radius: 30px;
	overflow: hidden;
	background-color:#0099FF;
	font-size: 14px;
}

/*modal score*/
.modal_record_box{position: relative; width: 97%; max-width: 450px; height: auto; background-color: #1b3b60; box-sizing:border-box; padding: 20px 5px; border: 5px solid #235691; border-radius: 8px; color: #ffffff; margin: 0 auto; margin-top: 5px;}
.modal_record_box h2{color: #ffffff; margin-bottom: 12px;}
.modal_record_box input{color: #0099ff;}
.modal_record_box a{display: block; padding-top: 10px; margin-top: 7px; text-decoration: none; color: #ffffff;}
.modal_record_box .btn_pop_close{position: absolute; top:-6px; right: 3px; width: 27px; height: 27px;}
.modal_record_box .btn_pop_close a{display: block; line-height: 27px; text-indent: -9999px; background: url(../images/btn_close_x.png) center no-repeat;}

.modal_record_profile{
	position: relative;
	width: 280px;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 5px;
}
.modal_record_profile_photo{
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
	width: 80px;
	height: 80px;
	border: 1px solid #95989A;
	border-radius: 40px;
	overflow: hidden;
	float: left;
	margin-right: 15px;
}
.modal_record_profile_detail{position: relative;overflow: hidden;}
.modal_record_profile_detail dl{padding-top: 5px;}
.modal_record_profile_detail dt{font-size: 20px; font-weight: bold; line-height: 24px; margin-bottom: 14px;}
.modal_record_profile_detail dd{font-size: 12px; line-height: 16px;}
.modal_record_profile_detail dd span{display: inline-block; color: #95989A; width: 65px;}

.modal_record_score{
	position: relative;
	width: 280px;
	margin: 0 auto;
	overflow: hidden;
}
.modal_cell4{
	width: 223px;
}

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

.modal_record_score_circle h5{
	text-align: center;
	color: #95989A;
	font-size: 14px;
	margin-top: 10px;
}
.modal_score_circle{
	width: 52px;
	height: 52px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	border-radius: 30px;
	overflow: hidden;
	background-color:#0099FF;
	font-size: 14px;
}

.modal_record_box .record {width:100%; padding:10px; overflow:hidden; box-sizing:border-box; }
.modal_record_box .record li {float:left; position:relative; width:25%; padding:75px 0 0 0; box-sizing:border-box; text-align:center; line-height:16px; font-size:12px; color:#4f4f51; }
.modal_record_box .record li em {}
.modal_record_box .record li:first-child {border:none;}
.modal_record_box .record li > span {position:absolute; top:0; left:50%; margin-left:-33px;}
.modal_record_box.total .circle {background:#197DCE;}
.modal_record_box.rookie .circle {background:#47BB02;}
.modal_record_box.ama .circle {background:#F57300;}
.modal_record_box.pro .circle {background:#F50000;}
.modal_record_box.major .circle {background:#8500F5;}
.modal_record_box .record li div.circleGr2 {position:absolute; top:0; left:50%; margin-left:-34px;}
.modal_record_box .record li div.circleGr3_Total {position:absolute; top:0; left:50%; margin-left:-34px;}
.modal_record_box .record li div.circleGr3_Rookie {position:absolute; top:0; left:50%; margin-left:-34px;}
.modal_record_box .record li div.circleGr3_Ama {position:absolute; top:0; left:50%; margin-left:-34px;}
.modal_record_box .record li div.circleGr3_Pro {position:absolute; top:0; left:50%; margin-left:-34px;}
.modal_record_box .record li div.circleGr3_Major {position:absolute; top:0; left:50%; margin-left:-34px;}

.modal_record_box .record li div.circleGr3_SluggingAverage_Total {position:absolute; top:0; left:50%; margin-left:-34px;}
.modal_record_box .record li div.circleGr3_OPS_Total {position:absolute; top:0; left:50%; margin-left:-34px;}

.modal_record_box .record li div.circleGr3_SluggingAverage_Rookie {position:absolute; top:0; left:50%; margin-left:-34px;}
.modal_record_box .record li div.circleGr3_OPS_Rookie {position:absolute; top:0; left:50%; margin-left:-34px;}

.modal_record_box .record li div.circleGr3_SluggingAverage_Ama {position:absolute; top:0; left:50%; margin-left:-34px;}
.modal_record_box .record li div.circleGr3_OPS_Ama {position:absolute; top:0; left:50%; margin-left:-34px;}

.modal_record_box .record li div.circleGr3_SluggingAverage_Pro {position:absolute; top:0; left:50%; margin-left:-34px;}
.modal_record_box .record li div.circleGr3_OPS_Pro {position:absolute; top:0; left:50%; margin-left:-34px;}

.modal_record_box .record li div.circleGr3_SluggingAverage_Major {position:absolute; top:0; left:50%; margin-left:-34px;}
.modal_record_box .record li div.circleGr3_OPS_Major {position:absolute; top:0; left:50%; margin-left:-34px;}

.perc{display: block; width: 60px; height: 60px; line-height: 60px; vertical-align: middle; font-size: 14px; font-weight: bold; color: rgb(0, 0, 0); text-align: center;}

.modal_record_box .inner{background-color: #ffffff; padding-top: 10px;}
.modal_record_box .inner img {width: 100%; height: auto}


.modal_record_box .dataSearch{margin-top:25px; }


/* modal membership card */
.modal_memeberchipcard_box{position: relative; width: 97%; max-width: 450px; height: auto; background-color: #1b1b1b; box-sizing:border-box; padding: 20px; border: 3px solid #a2a2a2; border-radius: 8px; color: #ffffff; margin: 0 auto; margin-top: 5px; text-align: center;}
.modal_memeberchipcard_box h2{color: #c0883b; font-size: 32px; line-height: 32px; font-weight: bold; letter-spacing: -0.05em; margin-bottom: 7px;}


.modal_memeberchipcard_box h3{color: #d39541; font-size: 12px; font-weight: normal; margin-bottom: 5px;}
.modal_memeberchipcard_box a{display: block; padding-top: 10px; margin-top: 7px; text-decoration: none; color: #ffffff;}
.modal_memeberchipcard_box .inner{padding-top: 10px;}
.modal_memeberchipcard_box .inner img {width: 100%; max-width: 200px; height: auto; margin-bottom: 18px; border-radius: 8px;}
.modal_memeberchipcard_box .inner p {font-size: 24px; color:#e6e6e6; margin-bottom: 18px;}
.modal_memeberchipcard_box .btn_pop_close{position: absolute; top:-6px; right: 3px; width: 27px; height: 27px;}
.modal_memeberchipcard_box .btn_pop_close a{display: block; line-height: 27px; text-indent: -9999px; background: url(../images/btn_close_x.png) center no-repeat;}

/*modal score*/

.L_record{
	position: relative;
	overflow: hidden;
	background-color: #3e3e3e;
	box-sizing:border-box;
}
.L_record .L_record_box{
	position: relative;
	padding: 20px;
	box-sizing:border-box;
	max-width: 980px;
	margin: 0 auto;
}
.L_record h2{
	color: #ffffff;
}
.L_record h3{
	font-size:14px;
	line-height: 16px;
	text-align: center;
	color: #ffffff;
}
.L_record .h3_title{
	margin-top: 20px;
	margin-bottom: 15px;
}
.L_record h4{
	font-size:14px;
	line-height: 16px;
	color: #95989A;
	text-align: center;
}
.L_record .ss_title{
	text-align: left;
	margin: 15px 0 7px 0;
}

.L_record .L_record_box .L_score_result{
	position: relative;
	width: 280px;
	margin: 0 auto;
	box-sizing:border-box;
	overflow: hidden;
	padding: 15px 0;
}
.L_record .L_record_box .L_score_result .P_record_profile_photo{
	width: 60px;
	height: 60px;
	border-radius: 30px;
	margin-right: 0;
}
.L_record .L_record_box .L_score_result .score_num{
	width: 55px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 40px;
	font-weight: bold;
	color: #ffffff;
	float: left;
}
.L_record .L_record_box .L_score_result .win_lose_result{
	float: left;
	background:url(../images/bg_bet_win.png) no-repeat center;
	background-size: 100%;
	width: 50px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 26px;
	font-weight: bold;
	color: #ffffff;
}
.p_reasult_box{
	padding-top: 25px;
}
.btn_search a{
	color: #95989a;
}
.btn_search a:hover{
	color: #ffffff;
}


.table1 {border-bottom:1px solid #95989A;}
.table1 thead th {font-size:12px; line-height:28px; color:#fff; background:rgba(0,153,255,0.80); text-align: center;  border-right:none;}
.table1 tbody th {font-size:12px; line-height:28px; text-align:center; color:#fff; border-top:1px solid #95989A;  border-right:1px solid #95989A;}
.table1 td {font-size:12px; line-height:28px; text-align:center; color:#fff; border-top:1px solid #95989A;}
.table1 td.em {}
.table1 td.de {color:#fff;}
.table1 td.lt {padding-left:5px; text-align:left;}
.table1 tfoot {position:relative; }
.table1 tfoot td { color:#000; border-top:1px solid #197dce; background:#ebebeb; }
.table1 td a.view img {width:22px; vertical-align:middle;}


.season_record{
	position: relative;	
	overflow: hidden;
	box-sizing:border-box;
	padding: 20px;
}
.season_record h3{
	font-size:14px;
	line-height: 16px;
	text-align: center;
	margin-bottom: 15px;
}

.new_notice{
	position: relative;	
	overflow: hidden;
	box-sizing:border-box;
	padding-bottom: 20px;
	background-color: #3E3E3E;
}
.new_notice h3{
	font-size: 14px;
	line-height: 45px;
	height: 45px;
	background-color:rgba(0,0,0,0.20);
	text-align: center;
}
.new_notice ul{
	padding: 20px 20px 0 20px;
	max-width: 980px;
	margin: 0 auto;
}
.new_notice li{
	margin-bottom: 20px;
}
.new_notice li a{
	display: block;
	font-size: 18px;
	color: #C5C5C5;
	margin-top: 5px;
}
.new_notice li a:hover{
	color: #ffffff;
}
.new_notice .notice_catg{
	font-size:11px;
	color:#EDB529;
	font-weight: bold;
}
.new_notice .notice_date{
	font-size:11px;
	color:#95989A;
}
.sns_area{
	position: relative;
	box-sizing:border-box;
	padding: 20px;
}

.appstorelink_area{
	position: relative;
	display: block;
	box-sizing:border-box;
	padding: 20px 0;
	text-align: center;
	background-color:rgba(0,0,0,0.40);
}
.appstorelink_area a{
	display: inline-block;
	/*width: 189px;*/
	/*height: 58px;*/
	text-indent: -9999px;
	/*margin: 5px 0;*/
}
.appstorelink_area .appstore{
	background: url(../images/btn_download.png) 0 0 no-repeat;
}
.appstorelink_area .googleplay{
	background: url(../images/btn_download.png) -200px 0 no-repeat;
}


.footer{
	position: relative;
	padding: 20px 0 30px 0;
	text-align: center;
}
.footer .quick_link{
	color: #95989A;
	font-size: 7px;
	line-height: 14px;
}
.footer .quick_link a{
	display: inline-block;
	color: #95989A;
	font-size: 13px;
	margin-left: 5px;
	margin-right: 5px;
}
.footer p{
	font-size: 11px;
	margin-top: 7px;
}
.contentsWrap  {position:relative; z-index:1; height:100%; max-width: 980px; margin: 0 auto; padding:46px 0 15px 0; box-sizing:border-box; }


.login_box{position: relative; width: 97%; max-width: 450px; height: auto; background-color: #1b3b60; box-sizing:border-box; padding: 20px 20px; border: 5px solid #235691; border-radius: 8px; color: #ffffff; margin: 0 auto; margin-top: 5px;}
.login_box h2{color: #ffffff; margin-bottom: 12px;}
.login_box input{color: #0099ff;}
.login_box a{display: block; padding-top: 10px; margin-top: 7px; text-decoration: none; color: #ffffff;}
.login_box .btn_pop_close{position: absolute; top:0; right: 10px; width: 27px; height: 27px;}
.login_box .btn_pop_close a{display: block; line-height: 27px; text-indent: -9999px; background: url(../images/btn_close_x.png) center no-repeat;}



.personalRecord {padding:13px 10px; box-sizing:border-box; background:#0064b4 url(../images/bg_personalRecord.png) no-repeat right top; background-size:190px auto; }
.personalRecord > div {position:relative; height:75px; padding:0 0 0 95px;}
.personalRecord > div .personImg {position:absolute; left:10px; top:0;}
.personalRecord > div li {font-size:14px; line-height:23px; color:#fff;}
.personalRecord > div li.case {color:#f59000;}
.personalRecord > div li  span {color:#6cbee4;}
.personalRecord > div li > span > span {display:inline-block; width:60px;}
.personalRecord .record {width:100%; padding:19px 0 0 0; overflow:hidden; border-top:1px solid #3782be; }
.personalRecord .record li {float:left; position:relative; width:20%; padding:70px 0 0 0; box-sizing:border-box; text-align:center; font-size:12px; color:#6cbee4; border-left:1px solid #3782be;}
.personalRecord .record li:first-child {border:none;}
.personalRecord .record li > span {position:absolute; top:0; left:50%; margin-left:-33px;}
.personalRecord .record li div.circleGr {position:absolute; top:0; left:50%; margin-left:-33px;}
.personalRecord .record li div.circleGr_SluggingAverage {position:absolute; top:0; left:50%; margin-left:-33px;}
.personalRecord .record li div.circleGr_OPS {position:absolute; top:0; left:50%; margin-left:-33px;}

.personalRecord .recordEx {width:100%; padding:19px 0 0 0; overflow:hidden; border-top:1px solid #3782be; }
.personalRecord .recordEx li {float:left; position:relative; width:20%; padding:70px 0 0 0; box-sizing:border-box; text-align:center; font-size:12px; color:#6cbee4; border-left:1px solid #3782be;}
.personalRecord .recordEx li:first-child {border:none;}
.personalRecord .recordEx li > span {position:absolute; top:0; left:50%; margin-left:-33px;}
.personalRecord .recordEx li div.circleGrEx {position:absolute; top:0; left:50%; margin-left:-33px;}

.lastestRecord {position:relative; padding:20px 10px 0 10px;}
.lastestRecord dl dt {float:left; width:25px; line-height:33px; text-indent:-9999px; background:url(../images/ico_clock.png) no-repeat 7px center; background-size:15px auto;}
.lastestRecord dl dt.loca {background-image:url(../images/ico_location2.png)}
.lastestRecord dl dd {float:left; font-size:13px;  line-height:33px;  color:#4f4f51; letter-spacing:-1px;}
.lastestRecord dl dd.result {position:relative; clear:both; width:100%; height:80px; padding:15px 32px; box-sizing:border-box; border-top:1px solid #ebebeb;}
.lastestRecord dl dd.result .lt {float:left; }
.lastestRecord dl dd.result .rt {float:right; text-align:right;}
.lastestRecord dl dd.result > div {position:relative; width:50%; box-sizing:border-box; }
.lastestRecord dl dd.result > div span {position:absolute; font-size:36px; line-height:50px; color:#4f4f51;}
.lastestRecord dl dd.result .lt span {right:33px; }
.lastestRecord dl dd.result .rt span {left:33px; }
.lastestRecord dl dd.result > div img {height:50px; vertical-align:middle;}
.lastestRecord dl dd.result  .bet {position:absolute; left:50%; top:25px; margin-left:-15px; }
.lastestRecord .more {position:absolute; top:15px; right:10px;}

.sectionBox {background:#fff; border:1px solid #d0d0d0;}
.sectionBox .inner {padding:10px;}

.seasonSum {position:relative; padding:20px 10px 0 10px; }
.seasonSum .table2 {}
.seasonSum .table2 thead th, .seasonSum .table2 tbody td {border-left:1px solid #dbdbdb;}
.seasonSum .table2 thead tr th:first-child, .seasonSum .table2 tbody tr td:first-child {border-left:none;}
.seasonSum .table2 tbody td {padding-top:10px; color:#9a9a9a;}
.seasonSum .table2 tbody td em {font-size:12px; color:#4f4f51;}
.seasonSum .table2 tbody td > span, .seasonSum .table2 tbody td > div {margin:0 auto;}
.seasonSum .more {position:absolute; top:15px; right:10px;}

.lastestGame {height:80px; padding:13px 10px; background:#0064b4 url(../images/bg_personalRecord.png) no-repeat right top; background-size:190px auto;}
.lastestGame > div {overflow:hidden; overflow-x:scroll; }
.lastestGame ul { width: 520px; height:80px; }
.lastestGame ul li {display:inline-block; width: 100px !important; }
.lastestGame ul li a {width: 100px !important; position:relative; display:block; width:80px; height:55px; padding:6px 0 0 0 ; font-size:22px; text-align:center; color:#fff; background:linear-gradient(#c9c9c9, #aaaaaa); border-radius:3px; border-bottom:1px solid #74716e;}
.lastestGame ul li a em {display:block; margin-top:6px; font-size:12px; color:#fff;}
.lastestGame ul li span.bet {position:absolute; left:50%; top:4px; margin-left:-15px; font-size:14px;}
.lastestGame ul li span.bet.win, .lastestGame ul li span.bet.tie {background-image:url(../images/bg_bet_loss.png)}
.lastestGame ul li span.vs {display:inline-block; width:38px; text-indent:-9999px;}
.lastestGame ul li.on a {background:linear-gradient(#218fe0, #1a75d9); border-bottom:1px solid #1a75d9;}
.lastestGame ul li.on a em {color:#73c1ff;}
.lastestGame ul li.on span.bet.win {background-image:url(../images/bg_bet_win.png)}
.lastestGame ul li.on span.bet.tie  {background-image:url(../images/bg_bet_tie.png)}

.vsData {padding:15px 0 0 0;overflow:hidden; box-sizing:border-box;}
.vsData li {width:100%; height:20px; padding:0 0 5px 0;}
.vsData li > div {float:left; position:relative; width:40%; height:20px;}
.vsData li > div > span {position:absolute; top:1px; display:block; height:15px; padding:0 5px;  box-sizing:border-box;  color:#fff;  font-size:11px; line-height:15px;  background:#00a2ea; border-radius:99px;}
.vsData li > div.lt > span {right:0; text-align:right;}
.vsData li > div.rt > span {left:0; background:#00a55e;}
.vsData li > .item {float:left; width:20%; text-align:center;  font-size:13px;  line-height:15px; color:#eeeeee;}

.myRecord {padding:20px 10px 0 10px;}
.myRecord ul {overflow:hidden; padding:10px 0 15px 0;}
.myRecord ul li {position:relative; float:left; width:25%; padding:70px 0 0 0; font-size:13px; text-align:center; color:#4f4f51;}
.myRecord ul li > div.circleGr {position:absolute; top:0; left:50%; margin-left:-33px;}
.myRecord ul li > div.circleGr_SluggingAverage {position:absolute; top:0; left:50%; margin-left:-33px;}
.myRecord ul li > div.circleGr_OPS {position:absolute; top:0; left:50%; margin-left:-33px;}

.inningRecord {padding:20px 10px 0 10px;}
.inningRecord .tab li {position:static; width:11%; height:23px; box-sizing:border-box; background:#c3c3c3; border-left:1px solid #fff; }
.inningRecord .tab li:first-child {width:12%; border:none;}
.inningRecord .tab li a {display:block; text-align:center; line-height:23px; color:#fff;}
.inningRecord .tab li.on {position:relative; background:#fff;}
.inningRecord .tab li.on a {color:#005599;}
.inningRecord  h2 {line-height:33px; text-align:center; font-size:13px; background:#ebebeb; }
.inningRecord  h2 em {}
.inningRecord  h2 em.team {color:#197dce;}
.inningRecord  h2.case em.team {color:#00914a;}

.playerRecord {padding:20px 10px 0 10px;}
.playerRecord .tab li {position:static; width:50%; height:70px; box-sizing:border-box; background:#d0d0d0;}
.playerRecord .tab li a {display:block; width:100%; height:60px; padding:10px 0 0 0;text-align:center;}
.playerRecord .tab li a img {height:50px; }
.playerRecord .tab li.on {position:relative; background:#fff; border-bottom:1px solid #d0d0d0;}

#layerMdodal {display:none; position:fixed; left:0; top:0; z-index:9999; width:100%; height:100%; text-align:center; background:url(../images/bg_modal.png) repeat left top;}
.layerPlayerDeatail {position:relative; width:95%; margin:0 auto; background:#fff; border:1px solid #4f4f4f; border-radius:2px;}
.layerPlayerDeatail  h1 {padding:0 0 0 20px; font-size:14px; line-height:40px; text-align:left; color:#fff; background:#197dce;}
.layerPlayerDeatail  h1 em {}
.layerPlayerDeatail table {width:95%; margin:7px auto;}
.layerPlayerDeatail table tr td, .layerPlayerDeatail table tr th {line-height:28px; text-align:left; font-size:12px; border-top:1px solid #dbdbdb;}
.layerPlayerDeatail table tr:first-child td, .layerPlayerDeatail table tr:first-child th {border:none;}
.layerPlayerDeatail table .ct {text-align:center;}
.layerPlayerDeatail table .score {text-align:center; color:#e52700;}
.layerPlayerDeatail table tr th span {display:block; width:22px; line-height:22px; font-size:11px; text-align:center;color:#fff; background:#009856; border-radius:99px;}
.layerPlayerDeatail button.close {position:absolute; top:10px; right:10px; width:20px; height:20px; text-indent:-9999px; background:url(../images/ico_x.png) no-repeat center center; background-size:12px auto;}

.dataSearch input[type="radio"] {display:none;}
/*.dataSearch input[checked="checked"] + label {border:1px solid red;} */
.dataSearch .rankChk, .dataSearch .groupChk {overflow:hidden;}
.dataSearch .rankChk label {float:left; width:50%; text-align:center; line-height:45px; text-align:center; font-size:19px;  color:#fff; background:#a1a1a1; margin-bottom: 0;}
.dataSearch .rankChk input[type="radio"]:checked+label {background:#0064b4;}

.dataSearch .groupChk {height:45px;box-sizing:border-box; /* border-bottom:1px solid #dbdbdb; */}
.dataSearch .groupChk label {float:left; width:20%; height:44px; box-sizing:border-box;  text-align:center; line-height:45px;  text-align:center; font-size:13px; color:#4f4f51; background:#fff;}
.dataSearch .groupChk input[type="radio"].total:checked+label {color:#197dce; border-bottom:3px solid #197dce; background:#fff url(../images/bg_tri_blue.png) no-repeat center bottom; background-size:8px auto;}
.dataSearch .groupChk input[type="radio"].rookie:checked+label {color:#47bb02; border-bottom:3px solid #47bb02; background:#fff url(../images/bg_tri_green.png) no-repeat center bottom; background-size:8px auto;}
.dataSearch .groupChk input[type="radio"].ama:checked+label {color:#F57300; border-bottom:3px solid #F57300; background:#fff url(../images/bg_tri_orange.png) no-repeat center bottom; background-size:8px auto;}
.dataSearch .groupChk input[type="radio"].pro:checked+label {color:#F50000; border-bottom:3px solid #F50000; background:#fff url(../images/bg_tri_red.png) no-repeat center bottom; background-size:8px auto;}
.dataSearch .groupChk input[type="radio"].major:checked+label {color:#8500F5; border-bottom:3px solid #8500F5; background:#fff url(../images/bg_tri_purple.png) no-repeat center bottom; background-size:8px auto;}


.datepicker_box{margin: 0 auto; position: relative; width: 100%; max-width:682px; }
.datepicker_box .datepicker_sbox1, .datepicker_box .datepicker_sbox2{display: inline-block;}
.datepicker_box .datepicker_sbox1{width:100%; padding-bottom: 10px; font-size: 28px; line-height: 34px; color: #ffffff;}
.datepicker_box .datepicker_sbox2{width:100%;}

.rankList {position:relative; padding-top:42px;}
.rankList h1 {width:222px; height:42px; padding:4px; margin:0 auto 8px auto; line-height:42px; font-size:18px;  color:#343434; background:#cccccb; border-radius:5px;}
.rankList h1 span.week {position:relative; display:inline-block; width:105px; margin-right:12px;  line-height:42px;  text-align:center;  vertical-align:top; font-size:18px;  color:#fff; background:linear-gradient(#232324, #666666, #232324);  border-radius:5px;}
.rankList h1 span.week:after {position:absolute; left:0; top:50%; width:100%; height:1px; content:""; background:#7c7c7c; opacity: 0.3;}
.rankList h1 em { font-size:18px;  color:#e72d00;}
.rankList .caution {position:absolute; top:15px; width:100%; text-align:center;}
.rankList .caution span {display:inline-block; padding-left:13px; font-size:11px; color:#7d7d7d; background:url(../images/ico_caution.png) no-repeat left center; background-size:11px auto;}
.rankList .period {padding-bottom:13px;text-align:center;}
.rankList .period span {display:inline-block; padding-left:30px;  font-size:13px; color:#4f4f51; background:url(../images/ico_calendar.png) no-repeat left center; background-size:20px auto;}


.rankBox {padding:10px 10px 0 10px; margin:0 10px; background:#fff; border:1px solid #d0d0d0;}
.rankBox > section {position:relative; height:130px; padding:0 0 10px 130px;}
.rankBox > section h2 {position:absolute; left:0; top:0; width:110px; height:130px; padding:16px 0 0 0; box-sizing:border-box;  text-align:center; font-size:15px; color:#fff; text-shadow: 1px 1px 4px #666; background:url(../images/bg.png) no-repeat left top; background-size:100%; }
.rankBox > section h2 em { font-size:15px;  color:#ffd200;}
.rankBox > section h2.hitPoint {background-image:url(../images/bg.png);}
.rankBox > section h2.homerun {background-image:url(../images/bg.png);}
.rankBox > section h2.hitSafe {background-image:url(../images/bg.png);}
.rankBox ol {padding:3px 0 0 0;}
.rankBox ol li {position:relative; font-size:11px; line-height:23px; color:#4f4f51; border-top:1px solid #dbdbdb;}
.rankBox ol li span {display:inline-block; min-width:45px; text-align:center;}
.rankBox ol li span.point {display:inline; position:absolute; right:11px; top:6px;}
.rankBox ol li.gold {line-height:32px;  color:#a01500; border-top:none;}
.rankBox ol li.gold span:first-child {height:30px; line-height:30px; color:#fff; background:url(../images/bg_bet_win.png) no-repeat center center;  background-size:30px auto;}
.rankBox ol li.gold span.point {top:9px; color:#a01500;}

.recordBox {padding:0 10px;}
.recordBox > section {position:relative; margin-top:10px; background:#fff;}
.recordBox > section h1 {height:40px; padding-left:27px; font-size:12px;  line-height:40px; color:#fff; background:#f57300 url(../images/ico_record_white.png) no-repeat 10px center; background-size:auto 13px;}
.recordBox > section > .inner {overflow:hidden; padding:10px; /* border:1px solid #d0d0d0; */ }
.recordBox.total section h1 {background-color:#197DCE;}
.recordBox.rookie section h1 {background-color:#47BB02;}
.recordBox.ama section h1 {background-color:#F57300;}
.recordBox.pro section h1 {background-color:#F50000;}
.recordBox.major section h1 {background-color:#8500F5;}

/* 週間TOP5 */
.recordBox.total section .top5_list_box {background-color:#197DCE;}
.recordBox.rookie section .top5_list_box {background-color:#47BB02;}
.recordBox.ama section .top5_list_box {background-color:#F57300;}
.recordBox.pro section .top5_list_box {background-color:#F50000;}
.recordBox.major section .top5_list_box {background-color:#8500F5;}

.top5_list_box {position: relative;overflow: hidden;}
.top5_list_box .top5_category{float: left; width: 40%;}
.top5_list_box .top5_category h3{text-align: center; padding-top: 20px; font-size: 18px; color: #ffffff;}
.top5_list_box .top5_category .default_profile_photo{text-align: center;padding: 10px;}
.top5_list_box .top5_category .default_profile_photo img{width: 100%; height: auto; max-width: 100px;}
.top5_list_box .top5_category .default_profile_photo .regist_profile_photo{width: 100%; height: auto; max-width: 100px; overflow: hidden; border-radius: 10%; margin: 0 auto;}
.top5_list_box .top5_category .default_profile_photo .regist_profile_photo img{width: 100%; height: auto;}
.top5_list_box .top5_category_stat{float: left; width: 60%;}

.top5_list_box .center_title{font-size: 24px; font-weight: bold; color: #ffffff; text-align: center; padding: 15px 0 5px;}
.top5_list_box .rank_big_txt{font-size: 55px; font-weight: bold; color: #ffde00; text-align: center; padding:0 0 15px;}
.top5_list_box .rank_big_txt span{font-size: 30px;}
.top5_list_box .rank_nor_txt{text-align: center; padding:0 20px 15px;}
.top5_list_box .alert_txt{color:rgba(255,255,255,0.70);}
.top5_list_box .row{margin-right: 0; margin-left: 0;}
.top5_list_box .col-xs-4, .top5_list_box .col-xs-8{padding-right: 0; padding-left: 0;}
.h_scroll_layout_right{margin-left:0px; overflow: hidden; overflow-x: auto;}
.h_scroll_layout_right .table2{min-width: 640px;}


.date_select {text-align: center;}
.date_select .text-warning{padding: 0 20px 16px; }
.date_select .text-muted{padding-top: 16px; font-size: 18px;}
.date_select .selected_date_box{position: relative; width: 236px; margin: 0 auto;}
.date_select .selected_date_box .selected_date_drop{overflow: hidden;}
.date_select .selected_date_box .selected_date_drop .date_view{float: left;}
.date_select .selected_date_box .selected_date_drop .date_top5title{float: left; margin-left: 12px; font-size: 34px; font-weight: bold; color: #ffffff; height: 46px; line-height: 46px;}

.date_left_btn{position: absolute; top: 0; left: -35px; width: 35px; height: 46px; text-indent: -9999px;}
.date_left_btn a{display: block; line-height: 46px; background:url(../images/ico_arrow.png) 7px -42px no-repeat;}
.date_left_btn a:hover {background-position: 7px -92px;}

.date_right_btn{position: absolute; top: 0; right: -35px; width: 35px; height: 46px; text-indent: -9999px;}
.date_right_btn a{display: block; line-height: 46px; background:url(../images/ico_arrow.png) -70px -42px no-repeat;}
.date_right_btn a:hover {background-position: -70px -92px;}

.date_select_link {position: absolute; top: 148px; left: 50%; margin-left: -125px; background-color: #ffffff; width: 250px; height: 160px; border-radius: 8px; overflow: hidden; border: 1px solid #cccccc; overflow-y: scroll; padding-right: 0;}
.date_select_link a{display: block;line-height: 36px; border-top: 1px solid #eeeeee; margin-top:-1px; margin-right: 0; text-align: center; text-decoration: none;}
.date_select_link a:hover{background-color: #eeeeee;}

/* total ranking menu */
.date_select .groupRcategory {height:35px;text-align: center; margin-bottom: 8px;}
.date_select .groupRcategory input[type="radio"] {display:none;}
.date_select .groupRcategory label {width:20%; max-width: 55px; height:35px; box-sizing:border-box;  text-align:center; line-height:29px;  text-align:center; font-size:14px; color:#4f4f51; background:#fff; margin: 0 1px; border:3px solid #cccccc; border-radius: 17px;}
.date_select .groupRcategory input[type="radio"].bat:checked+label {color:#197dce; border:3px solid #197dce; border-radius: 21px;}
.date_select .groupRcategory input[type="radio"].rbi:checked+label {color:#47bb02; border:3px solid #47bb02; border-radius: 21px;}
.date_select .groupRcategory input[type="radio"].homerun:checked+label {color:#F57300; border:3px solid #F57300; border-radius: 21px;}
.date_select .groupRcategory input[type="radio"].win:checked+label {color:#F50000; border:3px solid #F50000; border-radius: 21px;}
.date_select .groupRcategory input[type="radio"].rate:checked+label {color:#8500F5; border:3px solid #8500F5; border-radius: 21px;}



.recordBox > section.prizeList h1 {background-color:#1d2088;}
.recordBox .record {width:100%; padding:10px; overflow:hidden; box-sizing:border-box; }
.recordBox .record li {float:left; position:relative; width:25%; padding:75px 0 0 0; box-sizing:border-box; text-align:center; line-height:16px; font-size:12px; color:#4f4f51; }
.recordBox .record li em {}
.recordBox .record li:first-child {border:none;}
.recordBox .record li > span {position:absolute; top:0; left:50%; margin-left:-33px;}
.recordBox.total .circle {background:#197DCE;}
.recordBox.rookie .circle {background:#47BB02;}
.recordBox.ama .circle {background:#F57300;}
.recordBox.pro .circle {background:#F50000;}
.recordBox.major .circle {background:#8500F5;}
.recordBox .record li div.circleGr2 {position:absolute; top:0; left:50%; margin-left:-34px;}
.recordBox .record li div.circleGr3_Total {position:absolute; top:0; left:50%; margin-left:-34px;}
.recordBox .record li div.circleGr3_Rookie {position:absolute; top:0; left:50%; margin-left:-34px;}
.recordBox .record li div.circleGr3_Ama {position:absolute; top:0; left:50%; margin-left:-34px;}
.recordBox .record li div.circleGr3_Pro {position:absolute; top:0; left:50%; margin-left:-34px;}
.recordBox .record li div.circleGr3_Major {position:absolute; top:0; left:50%; margin-left:-34px;}

.recordBox .record li div.circleGr3_SluggingAverage_Total {position:absolute; top:0; left:50%; margin-left:-34px;}
.recordBox .record li div.circleGr3_OPS_Total {position:absolute; top:0; left:50%; margin-left:-34px;}

.recordBox .record li div.circleGr3_SluggingAverage_Rookie {position:absolute; top:0; left:50%; margin-left:-34px;}
.recordBox .record li div.circleGr3_OPS_Rookie {position:absolute; top:0; left:50%; margin-left:-34px;}

.recordBox .record li div.circleGr3_SluggingAverage_Ama {position:absolute; top:0; left:50%; margin-left:-34px;}
.recordBox .record li div.circleGr3_OPS_Ama {position:absolute; top:0; left:50%; margin-left:-34px;}

.recordBox .record li div.circleGr3_SluggingAverage_Pro {position:absolute; top:0; left:50%; margin-left:-34px;}
.recordBox .record li div.circleGr3_OPS_Pro {position:absolute; top:0; left:50%; margin-left:-34px;}

.recordBox .record li div.circleGr3_SluggingAverage_Major {position:absolute; top:0; left:50%; margin-left:-34px;}
.recordBox .record li div.circleGr3_OPS_Major {position:absolute; top:0; left:50%; margin-left:-34px;}

.perc{display: block; width: 60px; height: 60px; line-height: 60px; vertical-align: middle; font-size: 14px; font-weight: bold; color: rgb(0, 0, 0); text-align: center;}



.recordBox  .homeAnalysis .record {padding:20px 20px 10px 20px;}
.recordBox  .homeAnalysis .record  li {width:33.33%;}
.recordBox select {position:absolute; right:10px; top:6px; height:27px; padding:0 5px 0 7px; border-radius:99px; border:none;}

.recordBoxEx {padding:0 10px;}
.recordBoxEx > section {position:relative; margin-top:10px; background:#fff;}
.recordBoxEx > section h1 {height:40px; padding-left:27px; font-size:12px;  line-height:40px; color:#fff; background:#f57300 url(../images/ico_record_white.png) no-repeat 10px center; background-size:auto 13px;}
.recordBoxEx > section > .inner {overflow:hidden; padding:10px; border:1px solid #d0d0d0; }
.recordBoxEx.totalEx section h1 {background-color:#197DCE;}
.recordBoxEx.rookieEx section h1 {background-color:#47BB02;}
.recordBoxEx.amaEx section h1 {background-color:#F57300;}
.recordBoxEx.proEx section h1 {background-color:#F50000;}
.recordBoxEx.majorEx section h1 {background-color:#8500F5;}
.recordBoxEx > section.prizeList h1 {background-color:#1d2088;}
.recordBoxEx .recordEx {width:100%; padding:10px; overflow:hidden; box-sizing:border-box; }
.recordBoxEx .recordEx li {float:left; position:relative; width:25%; padding:70px 0 0 0; box-sizing:border-box; text-align:center; line-height:16px; font-size:12px; color:#4f4f51; }
.recordBoxEx .recordEx li em {}
.recordBoxEx .recordEx li:first-child {border:none;}
.recordBoxEx .recordEx li > span {position:absolute; top:0; left:50%; margin-left:-33px;}
.recordBoxEx.totalEx .circleEx {background:#197DCE;}
.recordBoxEx.rookieEx .circleEx {background:#47BB02;}
.recordBoxEx.amaEx .circleEx {background:#F57300;}
.recordBoxEx.proEx .circleEx {background:#F50000;}
.recordBoxEx.majorEx .circleEx {background:#8500F5;}
.recordBoxEx .recordEx li div.circleGr2 {position:absolute; top:0; left:50%; margin-left:-33px;}
.recordBoxEx .recordEx li div.circleGr3_Total {position:absolute; top:0; left:50%; margin-left:-33px;}
.recordBoxEx .recordEx li div.circleGr3_Rookie {position:absolute; top:0; left:50%; margin-left:-33px;}
.recordBoxEx .recordEx li div.circleGr3_Ama {position:absolute; top:0; left:50%; margin-left:-33px;}
.recordBoxEx .recordEx li div.circleGr3_Pro {position:absolute; top:0; left:50%; margin-left:-33px;}
.recordBoxEx .recordEx li div.circleGr3_Major {position:absolute; top:0; left:50%; margin-left:-33px;}

.recordBoxEx .recordEx li div.circleGr3_SluggingAverage_Total {position:absolute; top:0; left:50%; margin-left:-33px;}
.recordBoxEx .recordEx li div.circleGr3_OPS_Total {position:absolute; top:0; left:50%; margin-left:-33px;}

.recordBoxEx .recordEx li div.circleGr3_SluggingAverage_Rookie {position:absolute; top:0; left:50%; margin-left:-33px;}
.recordBoxEx .recordEx li div.circleGr3_OPS_Rookie {position:absolute; top:0; left:50%; margin-left:-33px;}

.recordBoxEx .recordEx li div.circleGr3_SluggingAverage_Ama {position:absolute; top:0; left:50%; margin-left:-33px;}
.recordBoxEx .recordEx li div.circleGr3_OPS_Ama {position:absolute; top:0; left:50%; margin-left:-33px;}

.recordBoxEx .recordEx li div.circleGr3_SluggingAverage_Pro {position:absolute; top:0; left:50%; margin-left:-33px;}
.recordBoxEx .recordEx li div.circleGr3_OPS_Pro {position:absolute; top:0; left:50%; margin-left:-33px;}

.recordBoxEx .recordEx li div.circleGr3_SluggingAverage_Major {position:absolute; top:0; left:50%; margin-left:-33px;}
.recordBoxEx .recordEx li div.circleGr3_OPS_Major {position:absolute; top:0; left:50%; margin-left:-33px;}

.recordBoxEx  .homeAnalysis .recordEx {padding:20px 20px 10px 20px;}
.recordBoxEx  .homeAnalysis .recordEx  li {width:33.33%;}
.recordBoxEx select {position:absolute; right:10px; top:6px; height:27px; padding:0 5px 0 7px; border-radius:99px; border:none;}



.hitAnalysis .analysishHit {float:left; width:50%; box-sizing:border-box; padding: 0 2px;} 
.hitAnalysis .analysishHit > div {width:100%; height:180px; padding:15px 0 0 0; box-sizing:border-box; background:#efefef; border:1px solid #dbdbdb;}
.hitAnalysis .analysishHit > div > div {position:relative; width:125px; height:125px; margin:0 auto; background:url(../images/bg_analysishHit.png) no-repeat left top; background-size:125px auto;}
.hitAnalysis .analysishHit > div > div span {position:absolute; color:#fff; font-size:10px;}
.hitAnalysis .analysishHit > div > div span.gray {color:#b2b2b2;}
.hitAnalysis .analysishHit > div  p {padding:10px 0 0 0; font-size:9px; color:#9a9a9a; text-align:center;}
.hitAnalysis .analysishHit > div  p img {width:7px; height:8px; margin:0 3px; }

.hitAnalysis ul {padding:5px 0 0 0;}
.hitAnalysis ul li {position:relative; padding:0 0 0 20px;  line-height:23px; font-size:12px;  color:#7d7d7d; border-bottom:1px solid #dbdbdb; background:url(../images/ico_baseball.png) no-repeat 5px center; background-size:10px auto;}
.hitAnalysis ul li span {position:absolute; top:6px; right:0;font-size:12px; color:#4f4f51;}

.homeAnalysis div.field {width:100%; height:150px; padding:12px 0 0 0; box-sizing:border-box; background:#efefef; border:1px solid #dbdbdb;}
.homeAnalysis div.field div {position:relative; height:125px; width:220px; margin:0 auto; background:url(../images/bg_field.png) no-repeat center center; background-size:100% auto;}
.homeAnalysis div.field div span{position:absolute;}
.homeAnalysis div.field div span img {width:8px; height:8px; border-radius:99px;}

.prizeList ul {}
.prizeList ul li {height:75px; padding:18px 0 0 75px; box-sizing:border-box; line-height:20px; font-size:12px;  color:#4f4f51; border-top:1px solid #dbdbdb; background:url(../images/ico_prize_king.png) no-repeat 15px center; background-size:55px auto;}
.prizeList ul li:first-child {border:none;}
.prizeList ul li.king {}
.prizeList ul li.hit {background-image:url(../images/ico_prize_hit.png);}
.prizeList ul li.win {background-image:url(../images/ico_prize_win.png);}
.prizeList ul li span {font-size:14px; color:#4f4f51;}
.prizeList ul li em {display:inline-block;  padding-right:20px; font-size:14px; color:#197dce; background:url(../images/ico_trophy.png) no-repeat right center; background-size:16px auto;}

.graphBox {width:370px; margin:0 auto;}
.graphBox .date {overflow:hidden; padding:0 0 7px 0;}
.graphBox .date span {float:left; width:33.33%; box-sizing:border-box; font-size:12px; color:#4f4f51; text-align:center; border-left:1px solid #dbdbdb;}
.graphBox .date span:first-child {border:none;}
.graphBox .line {position:relative; width:100%; height:100px;  box-sizing:border-box; background:#efefef; border:1px solid #dbdbdb;}
.graphBox .line canvas {width:100%; height:100%;}
.graphBox .line  p {position:absolute; left:10px; top:3px; padding:5px 0 5px 0; font-size:9px; color:#9a9a9a; text-align:left; line-height:15px;}
.graphBox .line p img {width:7px; height:8px; margin:0 3px; }
.graphBox .bar { border:1px solid #dbdbdb; border-top:none;}
.graphBox .bar ul {height:100px; box-sizing:border-box;  background:#efefef; }
.graphBox .bar ul li {float:left; position:relative; width:33.33%; height:100px; box-sizing:border-box; border-left:1px solid #dbdbdb; }
.graphBox .bar ul li:first-child {border:none;}
.graphBox .bar ul li  span {display:block; position:absolute; bottom:0; width:14px;}
.graphBox .bar ul li  span.green {left:20%;background:#00a25b}
.graphBox .bar ul li  span.orange{left:45%;background:#f57300;}
.graphBox .bar ul li  span.blue{left:70%;background:#00a1e9;}
.graphBox .bar  p {padding:5px 0 5px 0; font-size:9px; color:#9a9a9a; text-align:center;}
.graphBox .bar p img {width:7px; height:8px; margin:0 3px; }



.contentsWrap div.none-data button { margin-top: 50px; border: 0; background: #007bc1; width: 150px; height: 40px; font-size: 17px; color: #fff; font-weight: bold; }


.tab-area { text-align: left; margin-bottom: 15px; vertical-align: middle; }
.tab-area ul { border: 1px solid #000; margin: 0 !important; display: inline-block; }
.tab-area ul li { float: left; margin: 0 !important; border-left: 1px solid #000; width: 100px; height: 34px; vertical-align: middle; }
.tab-area ul li:first-child { border-left: 0; }
.tab-area ul li a { display: table-cell; color: #000 !important; font-weight: 300; font-size: 14px; vertical-align: middle; text-decoration: none !important; text-align: center; width: 100px; height: 34px; }
.tab-area ul li.select a { background: #000; color: #fff !important; border: none; }

.contentsWrap section { margin-bottom: 30px; }
.contentsWrap section div.inner { /*border: 1px solid #d0d0d0; border-radius: 2px;*/ padding: 20px; margin-top: 15px; overflow: auto;}
.contentsWrap section div.inner .record { text-align: center; }
.contentsWrap section div.inner .record li { margin: 0; display: inline-block; width: 25%; }
.contentsWrap section div.inner .record li > div { margin-bottom: 10px; }
.contentsWrap section div.inner .record li > div > div { margin: 0 auto; }
.contentsWrap section div.inner table { width: 100%; border: 1px solid #dedede; }
.contentsWrap section div.inner table td, .contentsWrap section div.inner table th { border: 0; border-left: 1px solid #dedede; border-right: 1px solid #dedede; }
.contentsWrap section div.inner table th { background: #ebebeb; }
.contentsWrap section div.inner table td { font-weight: bold; }

.recordBox section div.inner {padding: 0;}


.contentsWrap section.hitAnalysis .analysisBall {float:left; width:50%; box-sizing:border-box; padding: 0 2px;}
.contentsWrap section.hitAnalysis .analysisBall > div {width:100%; height:180px;padding:12px 0 0 0; box-sizing:border-box; background:#efefef; border:1px solid #dbdbdb;}
.contentsWrap section.hitAnalysis .analysisBall > div > div {width:135px; margin:0 auto; font-size:0;}
.contentsWrap section.hitAnalysis .analysisBall > div > div span {display:inline-block; width:40px; height:40px; line-height:40px; text-align:center; font-size:11px; color:#fff;  border:1px solid #efefef; margin: 1px;}
.contentsWrap section.hitAnalysis .analysisBall > div > div span.orange {background:#f57300;}
.contentsWrap section.hitAnalysis .analysisBall > div > div span.blue {background:#00a1e9;}
.contentsWrap section.hitAnalysis .analysisBall > div > div span.power {position:relative; z-index:2; border:2px solid #000;}
.contentsWrap section.hitAnalysis .analysisBall > div  p {padding:6px 0 0 10px; font-size:9px; color:#9a9a9a; text-align:center;}
.contentsWrap section.hitAnalysis .analysisBall > div  p img {width:7px; height:8px; margin:0 3px; }
.contentsWrap section.hitAnalysis .analysisBall > div  p > .zone { display: inline-block; width:7px; height:8px; margin:0 3px; }
.contentsWrap section.hitAnalysis .analysisBall > div  p > .zone.cold-zone { background:#00a1e9; }
.contentsWrap section.hitAnalysis .analysisBall > div  p > .zone.hot-zone { background:#f57300; }


.contentsWrap section.winAnalysis { margin-bottom: 0; }
.contentsWrap section.winAnalysis .chart-wrap { display: inline-block; max-width: 320px; margin: 30px; vertical-align: middle; }
.contentsWrap section.winAnalysis .legend-wrap { display: inline-block; max-width: 400px; text-align: left; vertical-align: middle; }
.contentsWrap section.winAnalysis .legend-wrap span { font-size: 30px; font-weight: bold; }
.contentsWrap section.winAnalysis .legend-wrap table { width: 400px; border: 1px solid #e1e1e1; }
.contentsWrap section.winAnalysis .legend-wrap table thead tr th, .contentsWrap section.winAnalysis .legend-wrap table tbody tr td { padding: 5px; text-align: center; border: 0; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; font-size: 20px; font-weight: bold; }
.contentsWrap section.winAnalysis .legend-wrap table thead tr th { color: #fff; }
.contentsWrap section.winAnalysis .legend-wrap table thead tr th:nth-child(1) { background: #007bc1; }
.contentsWrap section.winAnalysis .legend-wrap table thead tr th:nth-child(2) { background: #c2c2c2; }
.contentsWrap section.winAnalysis .legend-wrap table thead tr th:nth-child(3) { background: #4dbafb; }

.contentsWrap section.winAnalysis .winrate{text-align: center;}
.contentsWrap section.winAnalysis .winrate h4{font-size: 35px; margin-bottom: 12px; margin-top: 15px;}

.contentsWrap h4.con-title {
	background: url(/custom-image/new/icon_title.png) no-repeat left center;
	margin: 0 !important;
	padding: 0 0 0 30px;
	font-size: 20px !important;
	text-align: left;
	color: #363636;
	line-height: 150%;
}


@media (min-width:320px) and (max-width:375px) {
	.graphBox {width:330px;}
}

@media (max-width:320px) {
	.graphBox, .graphBox canvas {width:270px;}
}

.applyGame {padding:60px 0 0 0;text-align:center;}
.applyGame .img {width:50%; margin-bottom:30px;}
.applyGame .btnBox {position:fixed; bottom:20px; width:100%; text-align:center;}
.applyGame .btnBox p.txt {padding:0 0 20px 0; line-height:15px;font-size:13px; color:#b1e7ff;}
.applyGame .btnBox p.btn {}

.applyGame .btnBox p.btn a {display:inline-block; height:50px; margin:5px; font-size:18px; line-height:50px;  color:#fff; text-shadow:1px 1px 1px #999; border-radius:1px;}
.applyGame .btnBox p.btn a.red {border-bottom:1px solid #9d0000; background:linear-gradient(#d92e00, #c31800)}
.applyGame .btnBox p.btn a.blue {border-bottom:1px solid #000048; background:linear-gradient(#006cba, #003a94)}
.applyGame .btnBox p.btn.two a {width:40%;}
.applyGame .btnBox p.btn.one a {width:85%;}
.applyGame .ing, .applyGame .ing > div {padding:40px 0 0 0; background:url(../images/img_line_ing.png) no-repeat center top;  background-size:auto 10%;}
.applyGame .ing > div {background-position:center bottom; padding:0 0 40px 0;  background-size:auto 13%;}
.applyGame .ing p {line-height:20px; font-size:16px; color:#6cbee4;}
.applyGame .ing p.txt {padding:20px 0 0 0;font-size: 26px; color:#fff; text-shadow:1px 1px 5px #666;}
.applyGame .complete p {line-height:20px; font-size:16px; color:#6cbee4;}
.applyGame .complete p.txt {padding:20px 0 40px 0;font-size: 26px;  line-height:30px; color:#fff; text-shadow:1px 1px 5px #666;}
.applyGame .complete p.txt em {font-size: 20px;  line-height:30px; text-shadow:1px 1px 5px #666;}

@media (max-width:320px) {
	.applyGame .ing {background-size:auto 7%;}
	.applyGame .ing > div { background-size:auto 10%;}
}

.userimage {padding:20px 10px 0 10px;}

.userimage label {display: inline-block;font-size:12px;text-align:center;padding: 1px 8px;color: #4f4f51;line-height: 26px;vertical-align: middle;background-color: #ebebeb;cursor: pointer;border: 1px solid #bdbdbd;border-bottom-color: #8e8b8b;border-radius: 0.5em;width: 75px;}
.userimage input[type="file"] {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0;}

.userinfo {padding:20px 10px 0 10px;}
/*.userinfo ol {padding: 3px 0 0 0;}
.userinfo ol li {position: static; font-family: "osB", "notoB"; font-size: 11px; line-height: 23px; color: #4f4f51; border-bottom: 1px solid #dbdbdb; border-top-width: 1px; border-top-style: solid; border-top-color: rgb(219, 219, 219);}*/

.table3 {}
.table3 tbody td {font-size:12px; padding: 0px; line-height:33px; text-align:center; color:#4f4f51; background:#fff; border-bottom:1px solid #dbdbdb;}
.table3 input[type="text"] { line-height: 18px; margin-right: 10px; padding: 5px; clip:rect(0,0,0,0); border: 0; width:100%; vertical-align: middle; border-radius: 2px;border: 1px}
.table3 tbody td label {display: inline-block;font-size:12px;text-align:center;padding: 1px 8px;color: #4f4f51;line-height: 26px;vertical-align: middle;background-color: #ebebeb;cursor: pointer;border: 1px solid #bdbdbd;border-bottom-color: #8e8b8b;border-radius: 0.5em;width: 70px;}
.table3 tbody td #init_nfc_id, .table3 tbody td #user_log_out
{ position: absolute; overflow: hidden; line-height: 28px; clip:rect(0,0,0,0); border: 0;}

.imageBox {width: 266px; height: 266px; padding: 4px; margin: 8px auto 8px auto; background: #cccccb; border-radius: 3px;}
.sectionBox form {line-height:33px; width:100%; margin: 8px auto 8px auto; text-align:center;}

.recordBox .over {display:block; position:relative; overflow:auto; padding:10px;}
.table4 {border-collapse: initial; border-spacing: 0;table-layout: fixed; width: 100%; margin-left: 120px; *margin-left: -120px;/*ie7*/}
.table4 th { width: 38px;}
.table4 tbody .fixed-th {position: absolute; left: 40px; width: 90px; border-right: 1px dotted #c3c3c3; }
.table4 tbody .fixed-th:first-child {width: 30px; left: 10px; }
.table4 td, th[scope="col"] {vertical-align: middle; font-size:12px; line-height:30px; color:#fff; background:#c3c3c3;}
.table4 tbody td { font-size:12px; line-height:33px; text-align:center; color:#4f4f51; background:#fff;}

.subtab, .subtab1 {
	overflow: hidden;
}

.subtab #sub_tab, .subtab1 #sub_tab1 {
	float: left;
	width: 20%;
	height: 44px;
	box-sizing: border-box;
	text-align: center;
	line-height: 45px;
	text-align: center;
	font-size: 13px;
	color: #4f4f51;
	background: #fff;
	cursor: pointer;
}

.subtab li a, .subtab1 li a {font-weight: 900; color: black;}

.subtab li.active1, .subtab1 li.active1 {color:#197dce !important; border-bottom:3px solid #197dce; 
	background:#fff url(../images/bg_tri_blue.png) no-repeat center bottom !important; background-size:8px auto !important;}
.subtab li.active1 a, .subtab1 li.active1 a {color:#197dce !important;}
	
.subtab li.active2, .subtab1 li.active2 {color:#47bb02 !important; border-bottom:3px solid #47bb02; 
	background:#fff url(../images/bg_tri_green.png) no-repeat center bottom !important; background-size:8px auto !important;}
.subtab li.active2 a, .subtab1 li.active2 a {color:#47bb02 !important;}

.subtab li.active3, .subtab1 li.active3 {color:#F57300 !important; border-bottom:3px solid #F57300; 
	background:#fff url(../images/bg_tri_orange.png) no-repeat center bottom !important; background-size:8px auto !important;}
.subtab li.active3 a, .subtab1 li.active3 a {color:#F57300 !important;}

.subtab li.active4, .subtab1 li.active4 {color:#F50000 !important; border-bottom:3px solid #F50000; 
	background:#fff url(../images/bg_tri_red.png) no-repeat center bottom !important; background-size:8px auto !important;}
.subtab li.active4 a, .subtab1 li.active4 a {color:#F50000 !important;}

.subtab li.active5, .subtab1 li.active5 {color:#8500F5 !important; border-bottom:3px solid #8500F5; 
	background:#fff url(../images/bg_tri_purple.png) no-repeat center bottom !important; background-size:8px auto !important;}
.subtab li.active5 a, .subtab1 li.active5 a {color:#8500F5 !important;}

.subtab #sub_tab_ex {
	float: left;
	width: 18%;
	height: 35px;
	box-sizing: border-box;
	text-align: center;
	line-height: 36px;
	text-align: center;
	font-size: 13px;
	color: #4f4f51;
	background: #fff;
	cursor: pointer;
	margin: 0px 1% 0px 1%;
	-moz-border-radius: 15px;
	-khtml-border-radius: 15px;
	-webkit-border-radius: 15px;
}

#userDetail { cursor:pointer; }

/* 이벤트 포인트 영역 */
.eventPoint {
	box-sizing: border-box;
	border-top: 1px solid #3782be;
	padding: 13px 10px;
	background-color: #00a25b;
	background-size: 190px auto;
}

.eventPoint > div {
	min-height: 40px;
	text-align: center;
}

.eventPoint > div > * {
	color: #cbe6cd;
	font-size: 15px;
	font-weight: bold;
}

.eventPoint > div > div {
	display: inline-block;
	height: 40px;
	vertical-align: middle;
}

.eventPoint > div > div > img {
	height: 40px;
	width: auto;
}

.eventPoint > div > a {
	cursor: pointer;
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	text-decoration: underline;
}

.team_celect{width: 100%; max-width: 980px; margin: 0 auto; position: relative; overflow: hidden; padding: 0;}
.team_celect li{float: left; width: 50%; box-sizing: border-box; text-align: center;}
.team_celect li a{background-color:#31536b; display: block; padding: 5px 5px; line-height: 50px;}
.team_celect li a img{width: 85px; border-radius: 50%;}
.team_celect li a:hover{background-color: #0680D2; }
.team_celect li .active{background-color: #0680D2; }


@media (min-width:992px) {
	.dataSearch{padding: 0 10px;}
	.sp_nav{display: none}
	.wide_nav{background-color: rgba(0,0,0,0.80); display: block;}
	.wide_nav .wide_nav_wrap{
		position: relative;
		max-width: 1080px;
		margin: 0 auto;
	}
	.wide_nav .wide_nav_wrap h1{
		position: relative;
		width: 308px;
		height: 85px;
		line-height: 85px;
	}
	.wide_nav .wide_nav_wrap h1 a{
		display: block;
		line-height: 85px;
		background: url(../images/gnb_logo.png) center no-repeat;
		text-indent: -9999px;
	}
	.wide_nav_wrap ul.gnb{
		position: absolute;
		top:27px;
		right:0;
	}
	.wide_nav_wrap ul.gnb li{
		float: left;
	}
	.wide_nav_wrap ul.gnb li a{
		display: block;
		font-size: 20px;
		line-height: 26px;
		color: #95989A;
		padding: 3px 5px;
		text-decoration: none;
		font-weight: bold;
	}
	.wide_nav_wrap ul.gnb li a:hover{
		color: #ffffff;
	}
	.wide_nav_wrap ul.login_bar{
		position: absolute;
		top:0;
		right:0;
	}
	.wide_nav_wrap ul.login_bar li{
		float: left;
	}
	.wide_nav_wrap ul.login_bar li a{
		display: block;
		font-size: 12px;
		line-height: 14px;
		padding: 2px 4px;
		color: #6D6D6D;
		text-decoration: none;
	}
	.wide_nav_wrap ul.login_bar li a:hover{
		color: #95989A;
	}
	
	.wrap{
		padding:0px 0 15px 0;
	}
	.bnarea{
		display: block;
	}
	.bnarea .carousel-caption{
		bottom: 70px;
	}
	.bnarea .carousel-caption h2{
		font-size:46px;
		line-height: 50px;
		color: #FFFFFF;
		font-weight: bold;
		margin-bottom: 15px;
	}
	.bnarea .carousel-caption p{
		font-size: 18px;
		line-height: 20px;
		color: #BCBCBC;
	}
	
	

	.P_record {
		background-image:none;
		overflow: hidden;
		padding-top: 70px;
		padding-bottom: 70px;
	}
	.P_record_box {
		width: 940px;
		margin: 0 auto;

	}
	.P_record_profile{
		width: 440px;
		margin-bottom: 0;
		float: left;
	}
	.P_record_profile_photo{
		width: 120px;
		height: 120px;
		border-radius: 60px;
		float: left;
		margin-right: 20px;
	}
	.P_record_profile_detail{position: relative;overflow: hidden;}
	.P_record_profile_detail dl{padding-top: 15px;}
	.P_record_profile_detail dt{font-size: 26px; font-weight: bold; line-height: 26px; margin-bottom: 20px;}
	.P_record_profile_detail dd{font-size: 18px; line-height: 18px; margin-bottom: 10px}
	.P_record_profile_detail dd span{display: inline-block; color: #95989A; width: 100px;}

	.P_record_score{
		position: relative;
		width: 490px;
		margin: 0 auto;
		overflow: hidden;
	}
	.cell4{
		width: 389px;
	}
	.P_record_score_circle {
		float: left;
		margin-right: 15px;
	}

	.P_record_score_circle h5{
		text-align: center;
		color: #95989A;
		font-size: 18px;
		margin-top: 10px;
	}
	.score_circle{
		width: 86px;
		height: 86px;
		border-radius: 43px;
		font-size: 18px;
	}

	.L_record{
		padding: 50px 0;
		background: url(../images/top_bottom_bg.jpg) top center no-repeat;
		background-size: cover;
	}
	.L_record .L_record_box{
		position: relative;
		padding: 20px;
		box-sizing:border-box;
		max-width: 980px;
		margin: 0 auto;
	}
	.L_record h3{
		font-size:24px;
		line-height: 28px;
	}
	.L_record .h3_title{
		margin-bottom: 35px;
	}
	.L_record h4{
		font-size:24px;
		line-height: 28px;
	}
	.L_record .ss_title{
		text-align: left;
		font-size: 20px;
		line-height: 20px;
		margin: 0 0 12px 0;
	}

	.L_record .L_record_box .L_score_result{
		width: 520px;
		padding: 35px 0;
	}
	.L_record .L_record_box .L_score_result .P_record_profile_photo{
		width: 120px;
		height: 120px;
		border-radius: 60px;
	}
	.L_record .L_record_box .L_score_result .score_num{
		width: 100px;
		height: 120px;
		line-height: 120px;
		font-size: 48px;
	}
	.L_record .L_record_box .L_score_result .win_lose_result{
		float: left;
		width: 80px;
		height: 120px;
		line-height: 120px;
		font-size: 42px;
	}
	.p_reasult_box{
		box-sizing:border-box;
		padding: 25px 5px;
		max-width: 980px;
		margin: 0 auto;
	}


	.table1 {border-bottom:1px solid #95989A;}
	.table1 thead th {font-size:14px; line-height:32px; color:#fff; background:rgba(0,153,255,0.80); text-align: center;  border-right:none;}
	.table1 tbody th {font-size:14px; line-height:32px; text-align:center; color:#fff; border-top:1px solid #95989A;  border-right:1px solid #95989A;}
	.table1 td {font-size:12px; line-height:28px; text-align:center; color:#fff; border-top:1px solid #95989A;}


	.season_record{
		position: relative;	
		overflow: hidden;
		box-sizing:border-box;
		padding: 70px;
	}
	.season_record h3{
		font-size:24px;
		line-height: 24px;
		text-align: center;
		margin-bottom: 35px;
	}

	.new_notice{
		padding-bottom: 70px;
	}
	.new_notice h3{
		font-size: 24px;
		line-height: 65px;
		height: 65px;
		background-color:rgba(0,0,0,0.20);
		text-align: center;
	}
	.new_notice ul{
		padding: 40px 20px 0 20px;
		max-width: 980px;
		margin: 0 auto;
	}
	.new_notice li{
		padding-bottom: 30px;
		margin-bottom: 30px;
		border-bottom: 1px solid #95989A;
	}
	.new_notice li a{
		display: block;
		font-size: 24px;
		color: #C5C5C5;
		margin-top: 5px;
	}
	.new_notice li a:hover{
		color: #ffffff;
	}
	.new_notice .notice_catg{
		font-size:16px;
		color:#EDB529;
		font-weight: bold;
	}
	.new_notice .notice_date{
		font-size:16px;
		color:#95989A;
	}
	
	.sns_area{
		position: relative;
		box-sizing:border-box;
		padding: 70px 0;
	}
	.sns_area .row{
		max-width: 980px;
		margin: 0 auto;
	}
	
	.appstorelink_area{
		position: relative;
		display: block;
		box-sizing:border-box;
		padding: 50px 0;
		text-align: center;
		background-color:rgba(0,0,0,0.50);
	}
	.appstorelink_area a{
		display: inline-block;
		/*width: 189px;*/
		/*height: 58px;*/
		text-indent: -9999px;
		/*margin: 0 15px;*/
	}
	.appstorelink_area .qr{
		width: 70px;
	}
	.appstorelink_area .appstore{
		background: url(../images/btn_download.png) 0 0 no-repeat;
	}
	.appstorelink_area .googleplay{
		background: url(../images/btn_download.png) -200px 0 no-repeat;
	}
	

	.footer{
		position: relative;
		padding: 70px 0 50px 0;
		text-align: center;
		line-height: 16px;
	}
	.footer .quick_link a{
		font-size: 16px;
		margin-left: 15px;
		margin-right: 15px;
	}
	.footer p{
		font-size: 12px;
		margin-top: 27px;
		color: #ffffff;
	}
	.contentsWrap  {position:relative; z-index:1; height:100%; max-width: 980px; margin: 0 auto; padding:85px 0 15px 0; box-sizing:border-box; }
	.subpadding {padding:85px 0 15px 0;}
	.login_box{margin-top: 125px; padding: 35px 35px; border: 10px solid #235691; }
	
	.vsData li > div {width:45%;}
	.vsData li > .item {float:left; width:10%;}
	
	.lastestGame > div {overflow:hidden; overflow-x:hidden; }
	.lastestGame ul { width: 520px; height:80px; margin: 0 auto;}
	
	.date_select_link {top: 180px;}
	
	.team_celect{padding: 0 20px;}
	.contentsWrap section.winAnalysis .winrate h4{font-size: 45px; margin-bottom: 12px; margin-top: 150px;}
	.recordBox section div.inner {padding: 20px;}
	.modal_record_box .dataSearch {padding: 0 0;}
	
	.datepicker_box .datepicker_sbox1, .datepicker_box .datepicker_sbox2{float: left; margin:0 4px;}
	.datepicker_box .datepicker_sbox1{width:125px; padding-bottom: 0; font-size: 28px; text-align: left;}
	.datepicker_box .datepicker_sbox2{width:200px;}
}