-webkit-appearance: none;

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button,.no-spinner { 
  -webkit-appearance: none; 
  margin: 0; 
}
input[type=number] {
    -moz-appearance:textfield; /* Firefox */
}

thead input {
        width: 100%;
        padding:0 3px;
        line-height: 2;
        box-sizing: border-box;
        font-size:12px;

    }

.red{font-weight: 600;color:#b90e0e;}

body,html{width:100%;
	height:100%;
	background: #DDD;
	overflow-x:hidden;
	-webkit-overflow-scrolling: touch;}
/**/
/*
blue #0d2748
yellow #fccd01 , rgba(250,196,0,1)
dark orange #ed8502 , rgba(240,160,0,1)
dark gray yellowTitle #b9b5a6

?Green #17a600 , rgba(23,166,0,1)
*/
.titleText{color:#0d2748;line-height: 90px;font-family: 'Oswald', sans-serif;letter-spacing: 2px;font-size: 24px;}
.shadow{box-shadow:3px 3px 30px rgba(0,0,0,0.05);font-family: 'Oswald', sans-serif;}
form {border-radius: 5px;border: 1px solid #CCC;}
form .text{line-height: 50px;color: #fccd01;font-size: 17px;padding-left:10px;letter-spacing: 1px;border: 1px solid #CCC;}
form .button{border:0;min-width: 100px;line-height: 40px;background: rgba(250,196,0,1);color: #FFF;letter-spacing: 5px;}

.errorInput{background:rgba(255,0,0,.05);}
.line{border:1px solid #EEE;margin:10px auto;}
.clear{clear: both;}
.listBox{border-radius: 5px;}

/*?????A???*/
textarea:focus, input:focus , button:focus{
    outline: none;
}


.departmentContainer .list {
    float: left;
    margin-left: 30px;
}

.departmentContainer .list .user {
    float: left;
    margin: 10px;
    text-align: center;
    border-radius: 10px;
    border: 1px solid #BBB;
    padding: 10px;
}

.departmentContainer .list .user .name {
    color: #666;
    font-size: 16px;
    letter-spacing: 2px;
}

.departmentContainer .list .user .date {
    font-size: 10px;
    letter-spacing: 1px;
    margin-top: 2px;
    color: #AAA;
}

.departmentContainer .list .user .times {
    font-size: 26px;
    color: #b9b5a6;
}



.helpBtn{float: left;color: #BBB;}
@page {
    margin:0.5cm auto 0.5cm;    /*print邊界*/
    size: A4 landscape;     /*列印紙張大小*/
}

@media print{
	 /** {-webkit-print-color-adjust:exact;}*/
	.listItem .data .commentsTable{margin-top: -30px;}
	body,html{overflow:auto;overflow-x:auto ;overflow-y:auto;height:auto;}
	header{display:none;}
	#menu{display: none;}
	/**/
	#onePlayerContainer .toolBar{display: none;}
	.teamContainer .toolBar{display: none;}
	.toolBar{display: none;}
	/**/
	/*.raceTable{display: none;}*/
	.listItem .data .raceTable .left,.listItem .data .raceTable .right{display: none;}
	.listItem .data .raceTable{height:100px;}
	
	/**/
	.listItem .data .commentsTable .report_title{margin:0;padding:0;font-size:8px;}
	/**/
	.listItem .bar span.editButton,.listItem .bar span.quitButton,.listItem .bar span.saveButton{display: none;}
	.listItem .subBar span.editButton,.quitButton{display: none;}
	.listItem .data .commentsTable{margin:0;}
	.listItem .bar{display: block;}
	.listItem{border:0;}
	
	.listItem .hotZoneContainer{width:100%;height:300px;overflow: visible;}
	.listItem .oneHotZone{width:20%;float:left;} 
	.listItem .oneHotZone .photo{width:300px;height: 100px;background: #FFF;}
	.listItem .oneHotZone .photo .imgTable{height:100px;}
	.listItem .oneHotZone .photo .imgCell{height:100px;}
	.listItem .oneHotZone .photo .imgCell img{width:100%;}

	/**/
	.no_print{display:none;}
	
	/*.dataContainer table td,.dataContainer table th
	{
		border:1px solid #AAA;
	}*/

	.listItem .data .commentsTable .title td{font-size:10px;-webkit-transform:scale(0.5);}
	.commArea .commData{border-bottom:1px solid #DDD;margin: 5px 0 5px 5px;
    font-size: 10px;
    line-height: 0.7;
    letter-spacing: 0px;
    text-align: left;
    width: calc(100% - 20px);}

    #onePlayerContainer #dataContainer #featureContainer .feature
    {
    	width:70px;
    	height:70px;
    	float: none;
    	display: inline-block;
    }
    #onePlayerContainer #dataContainer #featureContainer h2{font-size: 12px;text-align: center;line-height: 35px;}
	#onePlayerContainer #dataContainer #featureContainer span{font-size: 20px;text-align: center;line-height: 35px;display: block;}
	#onePlayerContainer #dataContainer #featureContainer span.mix_comment_title{line-height: 40px;}
}






.advSearch {width: 96%;margin: 10px auto;}
.advSearch .ageSearch{float: left;}
.advSearch .ageSearch p{line-height: 2.3;margin-right: 10px;float:left;}
.advSearch .ageSearch input{line-height: 2;padding: 0 10px;width: 60px;}
.advSearch .clearButton{cursor: pointer;float: left;width: auto;border-radius: 5px;height: 30px;border: 1px solid #BBB;padding: 0 10px;background: #b9b5a6;color: #FFF;margin-right: 10px;line-height: 30px;margin-left: 20px;}


/**/
header{width:100%;height:60px;background: #FFF;position: absolute;top:0;z-index: 100;border-bottom:1px solid #CCC; }
header img{height:40px;float:left;display: block;margin:10px;}
header #ham{float: right;width:60px;height:100%;background: #F5F5F5;position: relative;}
header #ham i{text-align: center;line-height: 60px;display: block;color: #ed8502;}
header #ham .menu{width:200px;height:300px;background: #FFF;position: absolute;left:60px;top:61px;box-shadow: -2px 2px 10px rgba(0,0,0,.2) }
header #ham .menu ul{margin:20px 10px 0 10px;}
header #ham .menu ul li{cursor:pointer;line-height: 30px;color: #999;border-bottom: 1px solid #EEE;padding-bottom: 10px;}
header #ham .menu ul li:not(:first-child)::before{width:10px;height:10px;background:rgba(250,196,0,1);content:"";display:block;float: left;border-radius: 10px;margin:10px;}
header #ham .menu ul li:first-child{font-size:12px;}

header #ham .user{margin:10px;line-height: 40px; border-bottom: 1px solid #DDD;padding-bottom: 10px;}
header #ham .user .avator{line-height: 50px;height:40px;width:40px; border-radius: 50px;display: block;border: 2px solid rgba(250,196,0,1);float:left;}
header #ham .user span{margin-left: 15px;font-family: 'Oswald', sans-serif;color: #666;}
header #ham .version {margin-left: 15px;margin-top:20px;font-family: 'Oswald', sans-serif;color: #666; font-size: 12px; }

/**/
#container{margin-top: 0px;clear: both;position: relative;}

/*------------- LOGIN ----------------*/
form#loginContainer{display: none;width:50%;min-width: 300px;max-width: 500px;background: #FFF;margin:50px auto;height:auto;padding-bottom: 30px;}
form#loginContainer h1{text-align: center;border-bottom: 1px solid #fccd01;width: 80%;margin:0 auto 40px; }
form#loginContainer input{margin:30px auto;display: block;width: 70%;max-width:300px;}
form#loginContainer button{margin:0 auto;display: block;}


/*------------- List --------------------*/
div#scoutContainer{width:98%;background:#FFF;margin:20px auto;/*max-width: 1600px;*/position: relative;height:auto;padding-top:10px;overflow: auto;}
/* list / album ģʽ */
div#scoutContainer #typeMenu{float:left;width:101px;height:30px;border:1px solid #BBB;border-radius: 5px;text-align: center;margin-left:10px;}
div#scoutContainer #typeMenu i{float: left;width:50px;line-height:30px;font-size: 14px;color: #999;}
div#scoutContainer #typeMenu i.fa-user{border-right: 1px solid #DDD;background: rgba(250,196,0,1);color:#FFF;}
/* ????T */
div#scoutContainer #addPlayer{cursor: pointer;float:left;position: absolute;right:10px;width:auto;border-radius: 5px;height:30px;border: 1px solid #BBB;padding: 0 10px;background: rgba(23,166,0,1);color: #FFF;margin-right: 10px;}
div#scoutContainer #addPlayer h2{font-size: 14px;float: left;margin-right: 5px;font-weight: 400;line-height: 30px;letter-spacing: 1px;}
div#scoutContainer #addPlayer i{font-size: 20px;font-weight: 400;line-height: 30px;}



div#scoutContainer #searchBtn{cursor: pointer;float:left;position: absolute;right:130px;width:auto;border-radius: 5px;height:30px;border: 1px solid #BBB;padding:0 10px;background: rgba(23,166,0,1);color: #FFF;margin-right: 20px;}
div#scoutContainer #searchBtn h2{font-size: 14px;float: left;margin-right: 5px;font-weight: 400;line-height: 30px;letter-spacing: 1px;}
div#scoutContainer #searchBtn i{font-size: 20px;font-weight: 400;line-height: 30px;}


div#scoutContainer #injureBtn{cursor: pointer;float:left;position: absolute;right:130px;width:auto;border-radius: 5px;height:30px;border: 1px solid #BBB;padding:0 10px;color: #FFF;cursor: pointer;}
div#scoutContainer #injureBtn h2{font-size: 14px;float: left;margin-right: 5px;font-weight: 400;line-height: 30px;letter-spacing: 1px;}
div#scoutContainer #injureBtn i{font-size: 20px;font-weight: 400;line-height: 30px;}

div#scoutContainer .otherButton{background:#fccd01;}






/* ?̽ , ?? -*/
div#scoutContainer .tabContainer{height:30px;}
div#scoutContainer #scoutButton{cursor: pointer;float:left;position: absolute;left:10px;width:55px;border-radius: 5px;height:30px;border: 1px solid #BBB;background: rgba(225,225,225,1);color: #555;}
div#scoutContainer #scoutButton h2{font-size: 14px;text-align: center;font-weight: 400;line-height: 30px;letter-spacing: 1px;}

div#scoutContainer #healthButton{cursor: pointer;float:left;position: absolute;left:75px;width:55px;border-radius: 5px;height:30px;border: 1px solid #BBB;background: rgba(225,225,225,1);color: #555;}
div#scoutContainer #healthButton h2{font-size: 14px;text-align: center;font-weight: 400;line-height: 30px;letter-spacing: 1px;}



div#scoutContainer #playThumbContainer{width:96%;margin:0 auto;height:auto;}
div#scoutContainer #playThumbContainer .player{overflow:hidden;cursor:pointer;display: none;float:left;margin:20px;position: relative;background:#EEE url(http://ec2-52-24-164-53.us-west-2.compute.amazonaws.com/uploads/player/2mhrdixp20170328221300.png) 50% 0 no-repeat;background-size: cover;width:170px;height:230px;/*border-radius: 5px;*/border:5px solid rgba(250,196,0,1);}
div#scoutContainer #playThumbContainer .player h2{position: absolute;bottom:0px;width: 100%;height:30px;line-height: 30px;font-size:15px;text-align: center;background: rgba(250,196,0,0.9);letter-spacing: 1px;color: #444;}
div#scoutContainer #playThumbContainer .player h2 span{position:absolute;left:15px;top:4px;width: 22px;height:22px;line-height: 22px;font-size:15px;font-weight: 900;font-family: 'Oswald', sans-serif;letter-spacing: 1px;color: rgba(255,255,255,1);border-radius: 20px;}
div#scoutContainer #playThumbContainer .player i.interest{position: absolute;font-size:10px;bottom:20px;right:5px;border-radius: 30px;line-height: 30px;background: #FFF;width:30px;text-align: center;z-index: 1;border:2px solid rgba(250,196,0,1);color: rgba(240,160,0,1);}
div#scoutContainer #playThumbContainer .player i.edit{position: absolute;top:0px;right:0px;border-radius: 20px;line-height: 20px;width:20px;text-align: center;z-index: 1;color: rgba(240,160,0,1);opacity: 0.2}
div#scoutContainer #playThumbContainer .player i.del{position: absolute;top:0px;left:0px;border-radius: 20px;line-height: 20px;width:20px;text-align: center;z-index: 1;color: rgba(240,160,0,1);opacity: 0.2}

/*?ij?A??L?l?D?????????ָ???????*/
div#scoutContainer #playThumbContainer .player .bar1{position: absolute;top:195px;height:5px;width:100%;background: #88cbea;}
div#scoutContainer #playThumbContainer .player .bar2{position: absolute;top:195px;height:5px;width:50%;background: #88cbea;}
div#scoutContainer #playThumbContainer .player .bar3{position: absolute;top:195px;height:5px;width:30%;background: #88cbea;}

div#scoutContainer #playThumbContainer .player h3.position1{width:50px;height:50px;position: absolute;border-radius: 0px;bottom:-35px;left:-35px;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);border:1px solid transparent;}
div#scoutContainer #playThumbContainer .player h3.position2{width:50px;height:50px;position: absolute;border-radius: 0px;bottom:-35px;right:-35px;-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);border:1px solid transparent;}

div#scoutContainer #playThumbContainer .player h3.type1{background: #f8ea89;}
div#scoutContainer #playThumbContainer .player h3.type2{background: #888;}
div#scoutContainer #playThumbContainer .player h3.type3{background: #eca474;}
div#scoutContainer #playThumbContainer .player h3.type4{background: #9cd3ed;}
div#scoutContainer #playThumbContainer .player h3.type5{background: #f777a4;}

div#scoutContainer #playThumbContainer .player .hitContainer{position:relative;top:150px;left:0px;}
div#scoutContainer #playThumbContainer .player .hitContainer .hit{float:left;display: block;font-size:10px;font-weight: 900;color:#999;line-height: 25px;width:25px;height:25px;text-align: center;background: #FFF;display: block;}

div#scoutContainer #playThumbContainer .player .pitchContainer{position:relative;top:150px;left:0px;}
div#scoutContainer #playThumbContainer .player .pitchContainer .pitch{float:left;display: block;font-size:10px;font-weight: 900;color:#999;line-height: 25px;width:25px;height:25px;text-align: center;background: #FFF;display: block;}


/*div#scoutContainer #playThumbContainer .player .bar4{position: absolute;top:155px;height:5px;width:25%;background: #88cbea;}*/

div#dataTableContainer{width:96%;margin:0 auto;background: #FFF;padding:1px 0;display: none;}
div#dataTableContainer .dataTable{width:96%;margin:30px auto;}
div#dataTableContainer .dataTable td{text-align: center;}


.listItem .fa-print,.listItem .fa-trash,.infoBar .fa-print ,.infoBar .fa-trash{color:#FFF;margin-left: 10px;}
.listItem .fa-print:hover,.listItem .fa-trash:hover,.infoBar .fa-print:hover,.infoBar:hover{color:#17a600;margin-left: 10px;}
.fa-trash:hover{color:#17a600;}
.fa-pencil-square-o:hover{color:#17a600;}



@media screen and (min-width: 1024px) and (max-width: 2000px)  {
	div#dataTableContainer .dataTable #listTable .position{display: '';}
	div#dataTableContainer .dataTable #listTable .edit_btn{display: '';}
	div#dataTableContainer .dataTable #listTable .expect_day{display: '';}
	div#dataTableContainer .dataTable #listTable .status_des{display: '';}
	div#dataTableContainer .dataTable #listTable .arrange_description{display: '';}
	div#dataTableContainer .dataTable #listTable .status_type{display: '';}
	div#dataTableContainer .dataTable #listTable .status{display: '';}
	div#dataTableContainer .dataTable #listTable .player_name{displacy:block;width:200px;}
	div#dataTableContainer .dataTable #listTable .td_status{display: '';}
	div#dataTableContainer .dataTable #listTable .td_team{displacy:block;width:100px;}
	div#dataTableContainer .dataTable #listTable .td_level{displacy:block;width:90px;}
	div#dataTableContainer .dataTable #listTable .age{displacy:block;width:50px;}
	div#dataTableContainer .dataTable #listTable .td_weight{display: '';}
	div#dataTableContainer .dataTable #listTable .td_position{displacy:block;width:100px;}
	div#dataTableContainer .dataTable #listTable .td_pitch{display: '';}
	div#dataTableContainer .dataTable #listTable .td_pitch_property{display: '';}
	div#dataTableContainer .dataTable #listTable .td_hit{display: '';}
	div#dataTableContainer .dataTable #listTable .td_hit_property{display: '';}
	div#dataTableContainer .dataTable #listTable .td_edit_btn{display: '';}
	.listItem .data .con_pitch .com{display: ''}

	.listItem .data .raceTable .mid{width:74%;float: left;}
	.listItem .data .raceTable .left,.listItem .data .raceTable .right{display: 'in';}
	.listItem .data .raceTable .mid .score tr td.team{}
	.list .user .date{display: block;}
}

/*@media screen and (min-width: 1024px) and (max-width: 1539px) {
	div#dataTableContainer .dataTable #listTable .position{display: '';}
	div#dataTableContainer .dataTable #listTable .edit_btn{display: none;}
	div#dataTableContainer .dataTable #listTable .expect_day{display: '';}
	div#dataTableContainer .dataTable #listTable .player_name{width:100px;}
	div#dataTableContainer .dataTable #listTable .status_des{display: none;}
	div#dataTableContainer .dataTable #listTable .arrange_description}
	div#dataTableContainer .dataTable #listTable .status_type{display: '';}
	div#dataTableContainer .dataTable #listTable .status{display: none;}
	
	div#dataTableContainer .dataTable #listTable .td_status{display: none;}
	div#dataTableContainer .dataTable #listTable .td_weight{display: none;}
	div#dataTableContainer .dataTable #listTable .td_position{display: none;}
	div#dataTableContainer .dataTable #listTable .td_pitch{display: none;}
	div#dataTableContainer .dataTable #listTable .td_pitch_property{display: none;}
	div#dataTableContainer .dataTable #listTable .td_hit{display: none;}
	div#dataTableContainer .dataTable #listTable .td_hit_property{display: none;}
	div#dataTableContainer .dataTable #listTable .td_edit_btn{display: none;}
	.listItem .data .con_pitch .com{display: '';}
	.listItem .data .raceTable .mid{width:100%;}
	.listItem .data .raceTable .left,.listItem .data .raceTable .right{display: none;}
	.listItem .data .raceTable .mid .score tr td.team{font-size: 12px;}
}*/

@media screen and (min-width: 640px) and (max-width: 1023px) {
	
	div#dataTableContainer .dataTable #listTable .position{display: none;}
	div#dataTableContainer .dataTable #listTable .edit_btn{display: none;}
	div#dataTableContainer .dataTable #listTable .expect_day{display: none;}
	div#dataTableContainer .dataTable #listTable .status_des{display: none;}
	div#dataTableContainer .dataTable #listTable .arrange_description{display: none;}
	div#dataTableContainer .dataTable #listTable .status_type{display: none;}
	div#dataTableContainer .dataTable #listTable .status{display: none;}
	/**/
	div#dataTableContainer .dataTable #listTable .td_status{display: none;}
	div#dataTableContainer .dataTable #listTable .td_team{display: '';}
	div#dataTableContainer .dataTable #listTable .td_weight{display: none;}
	div#dataTableContainer .dataTable #listTable .td_position{display: none;}
	div#dataTableContainer .dataTable #listTable .td_pitch{display: none;}
	div#dataTableContainer .dataTable #listTable .td_pitch_property{display: none;}
	div#dataTableContainer .dataTable #listTable .td_hit{display: none;}
	div#dataTableContainer .dataTable #listTable .td_hit_property{display: none;}
	div#dataTableContainer .dataTable #listTable .td_edit_btn{display: none;}
	.listItem .data .con_pitch .com{display: none};

	.listItem .data .raceTable .mid{width:100%;}
	.listItem .data .raceTable .left,.listItem .data .raceTable .right{display: none;}
	.listItem .data .raceTable .mid .score tr td.team{font-size: 10px;}


	.list .user .date{display: block;}
}


@media screen and (max-width: 639px)  {

	
	div#dataTableContainer .dataTable #listTable .position{display: none;}
	div#dataTableContainer .dataTable #listTable .edit_btn{display: none;}
	div#dataTableContainer .dataTable #listTable .expect_day{display: none;}
	div#dataTableContainer .dataTable #listTable .status_des{display: none;}
	div#dataTableContainer .dataTable #listTable .arrange_description{display: none;}
	div#dataTableContainer .dataTable #listTable .status_type{display: none;}
	div#dataTableContainer .dataTable #listTable .status{display: none;}
	/**/
	div#dataTableContainer .dataTable #listTable .td_status{display: none;}
	div#dataTableContainer .dataTable #listTable .td_team{display: '';}
	div#dataTableContainer .dataTable #listTable .td_weight{display: none;}
	div#dataTableContainer .dataTable #listTable .td_position{display: none;}
	div#dataTableContainer .dataTable #listTable .td_pitch{display: none;}
	div#dataTableContainer .dataTable #listTable .td_pitch_property{display: none;}
	div#dataTableContainer .dataTable #listTable .td_hit{display: none;}
	div#dataTableContainer .dataTable #listTable .td_hit_property{display: none;}
	div#dataTableContainer .dataTable #listTable .td_edit_btn{display: none;}
	.listItem .data .con_pitch .com{display: none};

	.listItem .data .raceTable .mid{width:100%;}
	.listItem .data .raceTable .left,.listItem .data .raceTable .right{display: none;}
	.listItem .data .raceTable .mid .score tr td.team{font-size: 10px;}

	.list .user .date{display: none;}
}







div#raceContainer{padding-bottom:70px;}
div#raceContainer .raceData{width:95%;margin:10px auto;border-radius: 5px;overflow: hidden;}
div#raceContainer .raceData .infoBar{height:50px;line-height: 50px;background: rgba(250,196,0,1);color:#FFF;padding-left: 1%;cursor: pointer;} 
div#raceContainer .raceData .infoBar i.fa-table{float: right;line-height: 50px;margin:0 10px;}
div#raceContainer .raceData .infoBar i.fa-pencil-square-o{float: right;line-height: 50px;margin:0 10px;}
div#raceContainer .raceData .infoBar .editor{float: right;line-height: 50px;margin:0 10px;font-size: 12px;}
div#raceContainer .raceData .infoBar .creator{float: right;line-height: 50px;margin:0 10px;font-size: 12px;}

div#raceContainer .raceData .infoBar span.date{color: #EAEAEA;margin: 0 10px;}
div#raceContainer .raceData .dataContainer{display: none;background: #F5F5F5;border:1px solid #DDD;overflow: auto;}

div#raceContainer .raceData .dataContainer .pitchContainer{}
div#raceContainer .raceData .dataContainer .pitchContainer .detailData td{border:1px solid #CCC;line-height: 30px;text-align: center;}

div#raceContainer .raceData .dataContainer .hitContainer{margin-top: 20px;}
div#raceContainer .raceData .dataContainer .hitContainer .detailData td{border:1px solid #CCC;line-height: 30px;text-align: center;}

div#raceContainer .raceData .dataContainer .healthContainer{padding: 10px 10px;line-height: 30px;}
div#raceContainer .raceData .dataContainer .healthContainer p{color:#888;}
div#raceContainer .raceData .dataContainer .healthContainer p span{color:#333;}

div#raceContainer .raceData .dataContainer .healthContainer .detailData td{border:1px solid #CCC;line-height: 30px;text-align: center;}

div#raceContainer .raceData .dataContainer h1{background: #6b645b;padding: 0 10px;line-height: 2;font-size: 22px;letter-spacing: 3px;color: #FFF;font-weight: 400;}


/*ÿ???*/
.careContainer .careInfo{ width: 96%;margin-left: 1%;border-radius: 5px;border: 1px solid #DDD;overflow: hidden;margin-bottom: 10px;background: #FAFAFA;}
.careContainer .careInfo .bar{ line-height: 40px;background: #e4b666;padding: 0px 10px;width: 100%;color: #FFF;letter-spacing: 1px;}
.careContainer .careInfo .bar i.fa{float: right;line-height: 40px;margin-right: 20px;}
.careContainer .careInfo .bar i.fa.fa-trash,.careContainer .careInfo .bar i.fa.fa-print{float:left;margin-right:10px;}

.careContainer .careInfo .bar .name{float: right;line-height: 40px;margin-right: 20px;font-size: 12px;}
.careContainer .careInfo .detail{margin-left: 20px;line-height: 30px;display:none;}

.careContainer .addPanel{padding-right: 10px;cursor: pointer;float: right;position: relative;right: 3%;width: auto;border-radius: 5px;height: 30px;border: 1px solid #BBB;background: rgba(23,166,0,1);color: #FFF;margin-bottom: 10px;}
.careContainer .addPanel h2{font-size: 14px;float: left;margin: 0 5px 0 10px;font-weight: 400;line-height: 30px;letter-spacing: 1px;}


/*?????*/
#onePlayerContainer{position: relative;width:98%;background: #FFF;border-radius: 5px;margin:0 auto;overflow: hidden;}

#onePlayerContainer .toolBar{margin:10px;overflow: hidden;}

.dailyRecordContainer .toolBar .rightButton,#onePlayerContainer .toolBar .rightButton{cursor: pointer;float: right;width:auto;border-radius: 5px;height:30px;border: 1px solid #BBB;background: rgba(23,166,0,1);color: #FFF;margin-left: 10px;}
.dailyRecordContainer .toolBar .rightButton h2,#onePlayerContainer .toolBar .rightButton h2{font-size: 14px;float: left;margin: 0 5px 0 10px;font-weight: 400;line-height: 30px;letter-spacing: 1px;}
.dailyRecordContainer .toolBar .rightButton i,#onePlayerContainer .toolBar .rightButton i{font-size: 20px;font-weight: 400;line-height: 30px;}

.dailyRecordContainer .toolBar .playerPrint,#onePlayerContainer .toolBar .playerPrint{background:#fccd01;}



#onePlayerContainer .toolBar .giveupButton{cursor: pointer;float: right;width:auto;border-radius: 5px;height:30px;border: 1px solid #BBB;background: rgba(23,166,0,1);color: #FFF;}
#onePlayerContainer .toolBar .giveupButton h2{font-size: 14px;float: left;margin: 0 5px 0 10px;font-weight: 400;line-height: 30px;letter-spacing: 1px;}
#onePlayerContainer .toolBar .giveupButton i{font-size: 20px;font-weight: 400;line-height: 30px;}



#onePlayerContainer .toolBar #backBtn{cursor: pointer;float:left;width:110px;border-radius: 5px;height:30px;border: 1px solid #BBB;padding-left:10px;background: rgba(250,196,0,1);color: #FFF;}
#onePlayerContainer .toolBar #backBtn h2{font-size: 14px;float: left;margin-left: 10px;font-weight: 400;line-height: 30px;letter-spacing: 1px;}
#onePlayerContainer .toolBar #backBtn i{font-size: 20px;font-weight: 400;line-height: 30px;float:left;}


/*#onePlayerContainer .toolBar #addRaceBtn{cursor: pointer;position: relative;top:0px;float:right;width:105px;border-radius: 5px;height:30px;border: 1px solid #BBB;background: rgba(23,166,0,1);color: #FFF;}
#onePlayerContainer .toolBar #addRaceBtn h2{font-size: 14px;float: left;margin: 0 5px 0 10px;font-weight: 400;line-height: 30px;letter-spacing: 1px;}
#onePlayerContainer .toolBar #addRaceBtn i{font-size: 20px;font-weight: 400;line-height: 30px;}*/




#onePlayerContainer #dataContainer{position: relative;width:98%;top:0px;margin:0 auto;}
#onePlayerContainer #dataContainer #photoContainer{float: left;margin:10px 0;}
#onePlayerContainer #dataContainer #photoContainer #photo{margin-right:20px;position: relative;width:110px;height:170px; background:url("../images/scout/default_thumb.png") 50% 0px / cover no-repeat rgb(238, 238, 238);border-radius: 5px;border:5px solid rgba(250,196,0,1);}
#onePlayerContainer #dataContainer #photoContainer #photo h2{position: absolute;bottom:0px;width: 100%;height:40px;line-height: 40px;font-size:16px;text-align: center;background: rgba(250,196,0,0.9);letter-spacing: 1px;color: #444;}
#onePlayerContainer #dataContainer #photoContainer #photo span.number{position:absolute;left:15px;bottom:8px;width: 22px;height:22px;line-height: 22px;font-size:15px;font-weight: 900;font-family: 'Oswald', sans-serif;letter-spacing: 1px;color: rgba(255,255,255,1);border-radius: 20px;}
#onePlayerContainer #dataContainer #photoContainer #photo span.bar{position: absolute;left:0px;bottom:40px;width:100%;height:5px;background: #88cbea;}
#onePlayerContainer #dataContainer #photoContainer #photo i.interest{position: absolute;font-size:10px;bottom:25px;right:5px;border-radius: 30px;line-height: 30px;background: #FFF;width:30px;text-align: center;z-index: 1;border:2px solid rgba(250,196,0,1);color: rgba(240,160,0,1);}

#onePlayerContainer #dataContainer #basicDataContainer{overflow: hidden;}
#onePlayerContainer #dataContainer #basicDataContainer ul{float:left;margin-right: 100px;}

#onePlayerContainer #dataContainer #basicDataContainer h2{font-size:16px;font-weight: 400;}
#onePlayerContainer #dataContainer #basicDataContainer h2 .data{font-weight: 700;color:#ed8502} 

#onePlayerContainer #dataContainer #dataTable{clear: both;overflow: hidden;}
#onePlayerContainer #dataContainer #dataTable .dataRow{margin: 30px auto;}
#onePlayerContainer #dataContainer #dataTable .dataRow h2{line-height: 100px;float: left;text-align: center;width:10%;}
#onePlayerContainer #dataContainer #dataTable .dataRow .pitch,#onePlayerContainer #dataContainer #dataTable .dataRow .hit{width:88%;border: 1px solid #CCC;}
#onePlayerContainer #dataContainer #dataTable .dataRow table{height:100px;}
#onePlayerContainer #dataContainer #dataTable .dataRow td{border: 1px solid #CCC;padding:10px;text-align: center;}




@media screen and (min-width: 1201px) {
	#onePlayerContainer #dataContainer #featureContainer{clear:both;overflow: hidden;margin-bottom: 20px;}
	#onePlayerContainer #dataContainer #featureContainer .feature{width:70px;height:70px;background:#EEE;border: 5px solid #266782;float: left;margin-right:10px;border-radius: 5px;}
	#onePlayerContainer #dataContainer #featureContainer h2{font-size: 12px;text-align: center;line-height: 35px;}
	#onePlayerContainer #dataContainer #featureContainer span{font-size: 20px;text-align: center;line-height: 35px;display: block;}
	#onePlayerContainer #dataContainer #featureContainer span.mix_comment_title{line-height: 40px;}

}

@media screen and (min-width: 320px) and (max-width: 1200px)  {
	#onePlayerContainer #dataContainer #featureContainer{clear:both;overflow: hidden;margin-bottom: 20px;}
	#onePlayerContainer #dataContainer #featureContainer .feature{width:50px;height:50px;background:#EEE;border: 5px solid #266782;float: left;margin-right:10px;}
	#onePlayerContainer #dataContainer #featureContainer h2{font-size: 12px;text-align: center;line-height: 23px;}
	#onePlayerContainer #dataContainer #featureContainer span{font-size: 20px;text-align: center;line-height: 25px;display: block;}
	#onePlayerContainer #dataContainer #featureContainer span.mix_comment_title{line-height: 40px;}

}








/*
#onePlayerContainer .photoContainer{margin-top: 50px;}
#onePlayerContainer .photoContainer .videoPart{float:left;margin:10px; background: #FFF; border: 1px solid #FFF;padding:2%;width:27.5%;}
#onePlayerContainer .photoContainer .videoPart .des{line-height: 30px;font-size: 14px;letter-spacing: 1px;color: #666;}
#onePlayerContainer .photoContainer .videoPart .tag{line-height: 30px;font-size: 12px;letter-spacing: 1px;color: rgba(240,160,0,1)}

*/

#onePlayerContainer .videoContainer{margin-top: 20px;}
#onePlayerContainer .videoContainer .videoPart{float:left;margin:10px; background: #FFF; border: 1px solid #FFF;padding:2%;width:27.5%;height:260px;}
#onePlayerContainer .videoContainer .videoPart .file{line-height: 1.6;font-size: 14px;letter-spacing: 1px;color: #666;margin-top:10px;}

#onePlayerContainer .videoContainer .videoPart .des{line-height: 30px;font-size: 14px;letter-spacing: 1px;color: #999;}
#onePlayerContainer .videoContainer .videoPart .tag{line-height: 30px;font-size: 12px;letter-spacing: 1px;color: rgba(240,160,0,1)}



#onePlayerContainer ul.judge{margin:0 auto;width:90%;}
#onePlayerContainer ul.judge li{font-size:20px;color:rgba(240,160,0,1);}
#onePlayerContainer ul.judge li span{color: #555;font-size: 14px;display: inline-grid;margin-bottom:10px;}



#raceContainer table{width:90%;margin:10px auto;}
#judge{margin:30px auto 100px;}

div#lightBox{position: fixed;background: rgba(0,0,0,.9);width:100%;height:100%;left:0;top:0;z-index: 999;opacity: 0;display: none;-webkit-overflow-scrolling: touch;}
div#lightBox .closeBtn{position: fixed;right:10px;top:10px;}
div#lightBox .closeBtn i{color:#CCC;font-size: 30px;cursor:pointer;}
div#lightBox #scoutAdd{position: absolute;width:88%;min-width: 400px;max-width:1000px;height:800px;left:50%;top:40px;}

div#lightBox #scoutAdd .photoContainer{position: relative;left:-50%;width:90%;background: #FFF;color:#666;margin:10px 0;border-radius: 5px;border: 1px solid #CCC;padding:10px 5%;overflow: auto;}
div#lightBox #scoutAdd .photoContainer h1{text-align: center;font-size: 27px;margin-bottom: 20px;display: block;letter-spacing: 1px;font-weight: 300;color: rgba(240,160,0,1);}
div#lightBox #scoutAdd .photoContainer .photo{float: left;width:100px;height:160px;border: 1px #DDD solid;margin-right:20px;border-radius: 5px;}
div#lightBox #scoutAdd .photoContainer form{float:left;}


div#lightBox #scoutAdd .photoContainer .third{width:30%;float:left;margin:1.5%;}

div#lightBox #scoutAdd .photoContainer .photoList{clear: both;width:100%;}
div#lightBox #scoutAdd .photoContainer .photoList .intelPhoto{width:30%;float:left;margin:1.5%;padding-bottom: 30%;border:1px solid #DDD;}

div#lightBox #scoutAdd .photoContainer .desList{clear: both;width:100%;}
div#lightBox #scoutAdd .photoContainer .desList .des{width:calc(30% - 5px);float:left;margin:1.5%;padding-bottom: 10%;border:1px solid #DDD;padding-left: 5px;}





div#lightBox #scoutAdd .videoContainer{position: relative;left:-50%;width:90%;background: #FFF;color:#666;margin:10px 0;border-radius: 5px;border: 1px solid #CCC;padding:10px 5%;overflow: auto;}
div#lightBox #scoutAdd .videoContainer h1{text-align: center;font-size: 27px;margin-bottom: 20px;display: block;letter-spacing: 1px;font-weight: 300;color: rgba(240,160,0,1);}
div#lightBox #scoutAdd .videoContainer form{width:100%;}
.videoInfo{margin: 20px auto; line-height: 40px; padding-left: 20px; font-size: 14px; letter-spacing: 1px;}
.videoInfo label.des{margin:0 10px;float:right;line-height: 40px;}
.videoInfo input.fileDes{line-height: 20px;height:20px;padding-left:5px;margin:8px 10px 8px 0;color: #666;float:right;}
.videoInfo i.fa-trash-o{float: left;line-height: 30px;width: 30px;text-align: center;border-radius: 30px;margin: 5px;color: #F00;}
.videoInfo i.fa-sliders{float: right;margin:5px 10px;line-height: 30px; color:#FFF;border-radius: 30px;width:30px;height:30px;background:rgba(250,196,0,1); text-align: center;}
.videoInfo .tag label.category{display:block;margin-top: 5px;border-top:1px solid rgba(255,255,255,.8); }
.videoInfo .tag .icheckbox_square-orange{margin-left: 2px;margin-right:15px;}
.videoInfo .tag .tagChk{margin-left: 2px;margin-right:15px;}
.videoInfo .info{background: #DDD;margin-bottom: 20px;}
.videoInfo .info span{margin-left: 10px;}

div#lightBox #scoutAdd form#scoutAddForm{position: relative;left:-50%;width:100%;background: #FFF;padding:20px 0;color:#666;}
div#lightBox #scoutAdd form#scoutAddForm h1{text-align: center;font-size: 27px;margin-bottom: 20px;display: block;letter-spacing: 1px;font-weight: 300;color: rgba(240,160,0,1);}
div#lightBox #scoutAdd form#scoutAddForm ul{display: table;margin:0 auto;}
div#lightBox #scoutAdd form#scoutAddForm ul.wideArea{display: block;margin:0 auto;width:90%;}

div#lightBox #scoutAdd form#scoutAddForm ul#level li{float: left;display: block;margin-right:40px;letter-spacing: 1px;font-size: 15px;line-height: 40px;}
div#lightBox #scoutAdd form#scoutAddForm ul#level li:last-child{margin-right:0;}
div#lightBox #scoutAdd form#scoutAddForm #button{margin:10px auto;display: block;}

div#lightBox #scoutAdd form#scoutAddForm ul li{float: left;display: block;margin-right:40px;letter-spacing: 1px;font-size: 15px;line-height: 40px;}
div#lightBox #scoutAdd form#scoutAddForm ul li.p20{float: left;display: block;letter-spacing: 1px;font-size: 15px;line-height: 40px;width: 20%;}
div#lightBox #scoutAdd form#scoutAddForm ul li.p25{float: left;display: block;letter-spacing: 1px;font-size: 15px;line-height: 40px;width: 25%;}

div#lightBox #scoutAdd form#scoutAddForm ul li.rowClear{float: none;display: block;letter-spacing: 1px;font-size: 15px;line-height: 40px;width: 97%;}
div#lightBox #scoutAdd .basicData ul li.rowClear textarea{line-height: 40px;padding-left:1%;width: 100%;margin-top: 10px;color: #777;letter-spacing: 1px;}

div#lightBox #scoutAdd form#scoutAddForm ul li:last-child{margin-right:0;}

div#lightBox #scoutAdd form#scoutAddForm ul li.birthPlace{float: left;display: block;margin-right:40px;letter-spacing: 1px;font-size: 15px;line-height: 40px;width:120px;}
div#lightBox #scoutAdd form#scoutAddForm ul li.school,div#lightBox #scoutAdd form#scoutAddForm ul li.position{float: left;display: block;margin-right:40px;letter-spacing: 1px;font-size: 15px;line-height: 40px;width:200px;}
div#lightBox #scoutAdd form#scoutAddForm ul li:last-child{margin-right:0;}

div#lightBox #scoutAdd .basicData{margin-left: 2%	;}
div#lightBox #scoutAdd .basicData input{line-height: 40px;padding-left:1%;width: 100px;margin-top: 10px;color: #777;letter-spacing: 1px;}
div#lightBox #scoutAdd .basicData label.unit{font-size: 10px;color: #999;}

div#lightBox #scoutAdd .basicData textarea{line-height: 25px;padding-left:1%;width: 100px;margin-top: 10px;color: #777;letter-spacing: 1px;}


div#lightBox #scoutAdd .basicData table{width: 97%;}
div#lightBox #scoutAdd .basicData table td{width: 11%;height:30px;line-height:30px;margin:0;padding:0;text-align: center;border:1px solid #CCC;}
div#lightBox #scoutAdd .basicData table input{width:100%;border:0;text-align: center;line-height: 40px;border-right: 1px solid #CCC;color:rgba(240,160,0,1);}


div#lightBox #scoutAdd .typeRadio{margin: 0 30px 0 10px;line-height: 3;}
div#lightBox #scoutAdd .typeRadio label {mrgin-right:30px;}


/*ÿ???*/
div.healthContainer select{margin:10px 0 5px 0;}
div.healthContainer .allDisposeContainer .disposeContainer{background:#EEE;border:1px solid #CCC;border-radius: 5px; width: 95%;padding: 10px;margin-top:10px;}
div.healthContainer .addCareDispose{font-size: 30px; color:#17a600;float: right;margin-right: 30px;cursor: pointer;margin-top: 10px;}
div.healthContainer .allDisposeContainer .disposeContainer .deCareDispose{font-size: 30px; color:#F00;float: right;cursor: pointer;}

/*DataList*/
#listTable th{text-align:center;}

/* ??݋??*/
div#lightBox #scoutAdd .teamContainer{position: relative;left: -50%;width: 100%;background: #FFF;padding: 20px 0;color: #666; margin-bottom: 20px;border-radius: 3px;}
div#lightBox #scoutAdd .teamContainer h1{text-align: center;font-size: 27px;margin-bottom: 20px;display: block;letter-spacing: 1px;font-weight: 300;color: rgba(240,160,0,1)}
div#lightBox #scoutAdd .teamContainer .allTeam{margin:20px 10px 10px;}
div#lightBox #scoutAdd .teamContainer .allTeam .team{line-height: 40px; border: 1px solid #CCC; margin-top: 10px; padding:0 10px; letter-spacing: 1px; background: #fccd01; color: #FFF; border-radius: 5px;}
div#lightBox #scoutAdd .teamContainer .allTeam .team i.fa.fa-pencil {float: right;line-height: 40px;}

.teamContainer .toolBar{margin:10px 0 10px 10px;clear: both;overflow: hidden;}
.teamContainer .toolBar .rightButton{cursor: pointer;float: right;width:105px;border-radius: 5px;height:30px;border: 1px solid #BBB;background: rgba(23,166,0,1);color: #FFF;margin-left: 10px;}
.teamContainer .toolBar .rightButton h2{font-size: 14px;float: left;margin: 0 5px 0 10px;font-weight: 400;line-height: 30px;letter-spacing: 1px;}
.teamContainer .toolBar .rightButton i{font-size: 20px;font-weight: 400;line-height: 30px;}


/*Animation*/
@keyframes btnHover {
    0%   {border-radius: 5px;background: rgba(23,166,0,1);}
    100% {border-radius: 20px;background: rgba(240,160,0,1);}
}

@keyframes quitBtnHover {
    0%   {border-radius: 5px;background: rgba(23,166,0,1);}
    100% {border-radius: 20px;background: #666;}
}

@keyframes removeBtnHover {
    0%   {transform: scale(1);color:#fccd01;}
    100% {transform: scale(1.1);color:#F00;}
}

@keyframes removeSymbol {
    0%   {opacity: 1;}
    100% {opacity: .2;}
}




/*basic*/
.hidden{display: none;!important;}

.toolBar{margin:10px 0 10px 10px;;overflow: hidden;}

/*.toolBar .rightButton{cursor: pointer;float: right;border-radius: 5px;height:30px;border: 1px solid #BBB;background: rgba(23,166,0,1);color: #FFF;}
.toolBar .rightButton:hover{animation:btnHover 0.3s forwards;}
.toolBar .rightButton h2{font-size: 14px;float: left;margin: 0 5px 0 10px;font-weight: 400;line-height: 30px;letter-spacing: 1px;}
.toolBar .rightButton i{font-size: 20px;font-weight: 400;line-height: 30px;margin-right: 10px;}
*/

.rightButton{cursor: pointer;float: right;border-radius: 5px;height:30px;border: 1px solid #BBB;background: rgba(23,166,0,1);color: #FFF;}
.rightButton:hover{animation:btnHover 0.3s forwards;}
.rightButton h2{font-size: 14px;float: left;margin: 0 5px 0 10px;font-weight: 400;line-height: 30px;letter-spacing: 1px;}
.rightButton i{font-size: 20px;font-weight: 400;line-height: 30px;margin-right: 10px;}


.searchBtn{float:left;line-height: 1.5;}
.searchBtn input{line-height: 1.5;box-sizing: border-box;padding-left:5px;color:#555;}
.searchBtn label{margin-left: 10px;}

.addStep{display: block;clear: both;margin:20px 0;cursor: pointer;width:105px;border-radius: 5px;height:30px;border: 1px solid #BBB;background: rgba(23,166,0,1);color: #FFF;}
.addStep h2{font-size: 14px;float: left;margin: 0 5px 0 10px;font-weight: 400;line-height: 30px;letter-spacing: 1px;}
.addStep i{font-size: 20px;font-weight: 400;line-height: 30px;}
.addStep:hover{animation:btnHover 0.3s forwards;}

.stepTxt{line-height: 30px;float: left;margin-right: 20px;}

.removeStep{float:left;margin:0px 0;cursor: pointer;border-radius: 5px;height:30px;border: 1px solid #BBB;background: #DE0011;color: #FFF;}
.removeStep h2{font-size: 14px;float: left;margin: 0 5px 0 10px;font-weight: 400;line-height: 30px;letter-spacing: 1px;}
.removeStep i{font-size: 20px;font-weight: 400;line-height: 30px;margin-right: 10px;}
.removeStep:hover{animation:btnHover 0.3s forwards;}


/* wid */
.panel{width:96%;margin:10px auto 10px;background: #FFF;border-radius: 5px;overflow: auto;padding: 10px 1%;}
.subPanel{width:98%;margin:20px auto 20px;background: #EEE;border-radius: 5px;overflow: auto;padding: 10px 10px;clear:both;}
.logPanel{width:46%;margin:10px 1% 10px;background: #EEE;border-radius: 5px;padding: 10px 1%;float:left;}
.tableContainer{overflow-y: scroll;height:calc(100% - 40px);}








.subPanel:nth-child(2){display:none;}
.subPanel:nth-child(3){display:none;}




@media screen and (min-width: 1568px) and (max-width: 2000px)  {
	.logPanel{width:46%;margin:10px 1% 10px;background: #EEE;border-radius: 5px;padding: 10px 1%;float:left;}
}

@media screen and (min-width: 320px) and (max-width: 1567px)  {
	.logPanel{width:96%;margin:10px 1% 10px;background: #EEE;border-radius: 5px;padding: 10px 1%;float:left;}
}



.subPanel h1,.logPanel h1{color:#FFF;font-weight: 100;font-size: 16px;background-color: #fccd01;padding:10px;width:fit-content;border-radius: 0 0 5px 5px;position: relative;top:-10px;}
.subPanel h1 i.fa,.logPanel h1 i.fa{margin-right: 5px;}


.subListItem{border-radius: 5px;border:1px solid #CCC;margin-bottom: 10px;background: #FAFAFA;}
.subListItem .subData{margin:20px;}
.subListItem .subData .nice-select{margin: 10px 0;}
.subListItem .subData .comments{clear: both;margin-top: 10px;}

.subListItem li.select{clear: both;padding:5px 0 20px;}
.subListItem .allTags{clear: both;}

.subListItem .tagDes{clear: both;width: 100%;margin-top:10px;}
.subListItem .tagDes input{clear: both;width: calc(100% - 5px);}


.growBorderBottom{border-bottom: 1px solid #DDD;}




.videoWidget{z-index: 999;width:70%;min-width:300px;background-color: rgba(255,255,255,.95);position: absolute;box-shadow:0px 0px 10px 10px rgba(0,0,0,.1);right:0;top:-80px;display: none;}
.videoWidget h1{margin:10px;font-size: 20px;color:#666;}

.videoWidget .videoPart{float:left;margin:2.5%; background: #FFF; width:45%;}
.videoWidget .videoPart .fileName{line-height: 22px;font-size: 14px;letter-spacing: 1px;color: #666;margin-top: 5px;}
.videoWidget .videoPart .file{line-height: 20px;font-size: 12px;letter-spacing: 1px;color: #666;}
.videoWidget .videoPart .des{line-height: 20px;font-size: 12px;letter-spacing: 1px;color: #666;}
.videoWidget .videoPart .tag{line-height: 20px;font-size: 12px;letter-spacing: 1px;color: rgba(240,160,0,1)}


.videoWidget .hideBtn{cursor: pointer;background-color: rgba(240,160,0,1);line-height: 40px;position: absolute;left:-40px;top:0px;padding:2px 10px;color:#FFF;}
.videoWidget i.fa{font-size: 12px;position: relative;left:5px;top:-2px;margin-right: 10px;}

.videoWidget .pic{position: relative;width:100%;}
.videoWidget .pic img{width:30%;margin:1.5%;}








/*.listItem .subListItem .data span.tag input{width:100%;line-height: 20px;border: 0;text-align: center;color:#776726;}*/

.monthBar{margin: 20px 0 5px;font-size: 20px;letter-spacing: 2px;font-weight: 900;color: #ed8502;}

.listItem .bar{width: 100%;height:50px;background: #fccd01;line-height: 50px;cursor: pointer;}
.listItem .bar.top{background:#ed8502;}
.listItem .bar.editMode{width: 100%;height:50px;background: #C20911;line-height: 50px;cursor: pointer;}
.listItem .bar span.date{margin-left: 10px;color:#FFF;}
.listItem .bar span.date::after{content:" - ";margin-left: 10px;}

.listItem .bar span.date2{margin-left: 10px;color:#FFF;}
.listItem .bar span.date2::after{content:" v.s ";margin-left: 10px;}

.listItem .bar span.title{margin-left: 10px;color:#FFF;letter-spacing: 1px;}
.listItem .bar span.period{margin-left: 10px;color:#FFF;letter-spacing: 1px;}
.listItem .bar span.period:before{font-family: FontAwesome;content: "\f017";font-size: 16px;margin-right: 5px;line-height: 50px;color:rgba(255,255,255,.6);}
.listItem .bar span.creator{font-size: 12px;float:right;margin-right: 20px;line-height: 50px;color:#FFF;}
.listItem .bar span.creator:before{font-family: FontAwesome;content: "\f046";font-size: 16px;margin-right: 5px;line-height: 50px;color:rgba(255,255,255,.6);}
.listItem .bar span.editor{font-size: 12px;float:right;margin-right: 20px;line-height: 50px;color:#FFF;}
.listItem .bar span.editor:before{font-family: FontAwesome;content: "\f044";font-size: 16px;margin-right: 5px;line-height: 50px;color:rgba(255,255,255,.6);}
.listItem .bar span input{font-size: 16px;line-height: 30px;padding-left: 5px;letter-spacing: 2px;color:#666;border-radius: 4px;border:0;}


.listItem .bar span.updateTime{font-size: 12px;float:right;margin-right: 20px;line-height: 50px;color:#FFF;}
.listItem .bar span.typeIcon{font-size: 12px;float:right;margin-right: 20px;line-height: 50px;color:#FFF;}



.listItem .bar span.editButton,.listItem .bar span.quitButton,.listItem .bar span.saveButton{cursor:pointer;float: right;color:#FFF;margin-right: 10px;background-color: #DC3C2F;height:30px;line-height: 30px;margin-top: 10px;padding: 0 15px;border-radius: 5px;font-size: 14px;letter-spacing: 2px;border:1px solid rgba(255,255,255,.1);}
.listItem .bar span.editButton.editMode{cursor:pointer;float: right;color:#FFF;margin-right: 10px;background-color: #E09807;height:30px;line-height: 30px;margin-top: 10px;padding: 0 15px;border-radius: 5px;font-size: 14px;letter-spacing: 2px;border:1px solid rgba(255,255,255,.1);}
.listItem .bar span.quitButton{cursor:pointer;float: right;color:#FFF;margin-right: 10px;background-color: #DC3C2F;height:30px;line-height: 30px;margin-top: 10px;padding: 0 15px;border-radius: 5px;font-size: 14px;letter-spacing: 2px;border:1px solid rgba(255,255,255,.1);}
.listItem .bar span.quitButton.editMode{cursor:pointer;float: right;color:#FFF;margin-right: 10px;background-color: #888;height:30px;line-height: 30px;margin-top: 10px;padding: 0 15px;border-radius: 5px;font-size: 14px;letter-spacing: 2px;border:1px solid rgba(255,255,255,.1);}


.listItem .subBar{background: #E0AC7C;width: 100%;height:50px;line-height: 50px;cursor: pointer;}
.listItem .subBar.editMode{width: 100%;height:50px;background: #C20911;line-height: 50px;cursor: pointer;}
.listItem .subBar span.date{margin-left: 10px;color:#FFF;}
.listItem .subBar span.date::after{content:" - ";margin-left: 10px;}
.listItem .subBar span.title{margin-left: 10px;color:#FFF;letter-spacing: 1px;}
.listItem .subBar span.period{margin-left: 10px;color:#FFF;letter-spacing: 1px;}
.listItem .subBar span.period:before{font-family: FontAwesome;content: "\f017";font-size: 16px;margin-right: 5px;line-height: 50px;color:rgba(255,255,255,.6);}
.listItem .subBar span.creator{font-size: 12px;float:right;margin-right: 20px;line-height: 50px;color:#FFF;}
.listItem .subBar span.creator:before{font-family: FontAwesome;content: "\f046";font-size: 16px;margin-right: 5px;line-height: 50px;color:rgba(255,255,255,.6);}
.listItem .subBar span.editor{font-size: 12px;float:right;margin-right: 20px;line-height: 50px;color:#FFF;}
.listItem .subBar span.editor:before{font-family: FontAwesome;content: "\f044";font-size: 16px;margin-right: 5px;line-height: 50px;color:rgba(255,255,255,.6);}
.listItem .subBar span input{font-size: 16px;line-height: 30px;padding-left: 5px;letter-spacing: 2px;color:#666;border-radius: 4px;border:0;}
.listItem .subBar span.editButton,.quitButton{cursor:pointer;float: right;color:#FFF;margin-right: 10px;background-color: #DC3C2F;height:30px;line-height: 30px;margin-top: 10px;padding: 0 15px;border-radius: 5px;font-size: 14px;letter-spacing: 2px;border:1px solid rgba(255,255,255,.1);}
.listItem .subBar span.editButton.editMode{cursor:pointer;float: right;color:#FFF;margin-right: 10px;background-color: #E09807;height:30px;line-height: 30px;margin-top: 10px;padding: 0 15px;border-radius: 5px;font-size: 14px;letter-spacing: 2px;border:1px solid rgba(255,255,255,.1);}
.listItem .subBar span.quitButton{cursor:pointer;float: right;color:#FFF;margin-right: 10px;background-color: #DC3C2F;height:30px;line-height: 30px;margin-top: 10px;padding: 0 15px;border-radius: 5px;font-size: 14px;letter-spacing: 2px;border:1px solid rgba(255,255,255,.1);}
.listItem .subBar span.quitButton.editMode{cursor:pointer;float: right;color:#FFF;margin-right: 10px;background-color: #888;height:30px;line-height: 30px;margin-top: 10px;padding: 0 15px;border-radius: 5px;font-size: 14px;letter-spacing: 2px;border:1px solid rgba(255,255,255,.1);}



.listItem{border-radius: 5px;border:1px solid #CCC;margin-bottom: 10px;background: #FAFAFA;}
.listItem .bar{width: 100%;height:50px;background: #fccd01;line-height: 50px;cursor: pointer;}
.listItem .bar.editMode{width: 100%;height:50px;background: #C20911;line-height: 50px;cursor: pointer;}
.listItem .bar span.date{margin-left: 10px;color:#FFF;}
.listItem .bar span.date::after{content:" - ";margin-left: 10px;}
.listItem .bar span.title{margin-left: 10px;color:#FFF;letter-spacing: 1px;}
.listItem .bar span.period{margin-left: 10px;color:#FFF;letter-spacing: 1px;}
.listItem .bar span.period:before{font-family: FontAwesome;content: "\f017";font-size: 16px;margin-right: 5px;line-height: 50px;color:rgba(255,255,255,.6);}
.listItem .bar span.creator{font-size: 12px;float:right;margin-right: 20px;line-height: 50px;color:#FFF;}
.listItem .bar span.creator:before{font-family: FontAwesome;content: "\f046";font-size: 16px;margin-right: 5px;line-height: 50px;color:rgba(255,255,255,.6);}
.listItem .bar span.editor{font-size: 12px;float:right;margin-right: 20px;line-height: 50px;color:#FFF;}
.listItem .bar span.editor:before{font-family: FontAwesome;content: "\f044";font-size: 16px;margin-right: 5px;line-height: 50px;color:rgba(255,255,255,.6);}
.listItem .bar span input{font-size: 16px;line-height: 30px;padding-left: 5px;letter-spacing: 2px;color:#666;border-radius: 4px;border:0;}
.listItem .bar span.editButton,.quitButton{cursor:pointer;float: right;color:#FFF;margin-right: 10px;background-color: #DC3C2F;height:30px;line-height: 30px;margin-top: 10px;padding: 0 15px;border-radius: 5px;font-size: 14px;letter-spacing: 2px;border:1px solid rgba(255,255,255,.1);}
.listItem .bar span.editButton.editMode{cursor:pointer;float: right;color:#FFF;margin-right: 10px;background-color: #E09807;height:30px;line-height: 30px;margin-top: 10px;padding: 0 15px;border-radius: 5px;font-size: 14px;letter-spacing: 2px;border:1px solid rgba(255,255,255,.1);}
.listItem .bar span.quitButton{cursor:pointer;float: right;color:#FFF;margin-right: 10px;background-color: #DC3C2F;height:30px;line-height: 30px;margin-top: 10px;padding: 0 15px;border-radius: 5px;font-size: 14px;letter-spacing: 2px;border:1px solid rgba(255,255,255,.1);}
.listItem .bar span.quitButton.editMode{cursor:pointer;float: right;color:#FFF;margin-right: 10px;background-color: #888;height:30px;line-height: 30px;margin-top: 10px;padding: 0 15px;border-radius: 5px;font-size: 14px;letter-spacing: 2px;border:1px solid rgba(255,255,255,.1);}

.listItem span.editButton:hover{animation:btnHover 0.3s forwards;}
.listItem span.quitButton:hover{animation:quitBtnHover 0.3s forwards;}
.listItem span.saveButton:hover{animation:btnHover 0.3s forwards;}


.listItem .data span.editButton,.listItem .data span.quitButton,.listItem .data span.saveButton{cursor:pointer;float: right;color:#FFF;margin-right: 10px;background-color: #DC3C2F;height:30px;line-height: 30px;margin-top: 10px;padding: 0 15px;border-radius: 5px;font-size: 14px;letter-spacing: 2px;border:1px solid rgba(255,255,255,.1);}

.listItem .data span.editButton.editMode{cursor:pointer;float: right;color:#FFF;margin-right: 10px;background-color: #E09807;height:30px;line-height: 30px;margin-top: 10px;padding: 0 15px;border-radius: 5px;font-size: 14px;letter-spacing: 2px;border:1px solid rgba(255,255,255,.1);}
.listItem .data span.quitButton{cursor:pointer;float: right;color:#FFF;margin-right: 10px;background-color: #DC3C2F;height:30px;line-height: 30px;margin-top: 10px;padding: 0 15px;border-radius: 5px;font-size: 14px;letter-spacing: 2px;border:1px solid rgba(255,255,255,.1);}
.listItem .data span.quitButton.editMode{cursor:pointer;float: right;color:#FFF;margin-right: 10px;background-color: #888;height:30px;line-height: 30px;margin-top: 10px;padding: 0 15px;border-radius: 5px;font-size: 14px;letter-spacing: 2px;border:1px solid rgba(255,255,255,.1);}

.listItem span.editButton:hover{animation:btnHover 0.3s forwards;}
.listItem span.quitButton:hover{animation:quitBtnHover 0.3s forwards;}
.listItem span.saveButton:hover{animation:btnHover 0.3s forwards;}






.listItem .data .con_pitch input,
.listItem .data .con_hit input{width:50px;}
.listItem .data .con_pitch input.com,
.listItem .data .con_hit input.com{width:100%}
.listItem .data .con_pitch select.twenty,
.listItem .data .con_hit select.twenty{width:50px;color:#999;}
.listItem .data .con_pitch input.des_com,
.listItem .data .con_hit input.des_com{margin:10px 0;width:100%;}



.listItem .data{margin:20px;}
.listItem .data p{line-height: 30px;color:#999;}
.listItem .data span input{font-size: 16px;line-height: 30px;padding-left: 5px;letter-spacing: 2px;color:#666;border-radius: 4px;border:1px solid #BBB;}


.listItem .data h2.title{margin:50px 0 20px;color:#666;font-size: 16px;}
.listItem .data h3.subTitle{margin:10px 0 10px;color:#666;font-size: 16px;}

.listItem .data .des{color:#666;font-size: 14px;}


.listItem .data table.growTable{color:#777;width:100%;}
.listItem .data table.growTable th{color: #ed8502;font-size: 14px;}
.listItem .data table.growTable tr:nth-child(odd){background-color: #FAFAFA}
.listItem .data table.growTable tr:nth-child(even){background-color: #FFF}

.listItem .data table.growTable tr td:nth-child(1){color:#333;font-size: 14px;}
.listItem .data table.growTable tr td:nth-child(2){}
.listItem .data table.growTable tr td:nth-child(3){}
.listItem .data table.growTable tr td:nth-child(4){}
.listItem .data table.growTable td,.listItem .data table.growTable th{border:1px solid #DDD;padding:10px;}

.listItem .data table.scoreTable tr th:nth-child(1){width:150px;}
.listItem .data table.scoreTable tr th:nth-child(2){width:20px;text-align: center;}
.listItem .data table.scoreTable tr th:nth-child(3){width:20px;text-align: center;}
.listItem .data table.scoreTable tr th:nth-child(4){width:calc(100% - 190px);}

.listItem .data table.ballTable{text-align: center;}
.listItem .data table.ballTable th{text-align: center;}

.listItem .data p.evaluation .des{width: 100%};

.listItem .data span{display: inline-block;line-height: 30px;}
.listItem .data span.dt{color:#333;font-weight: 900;letter-spacing: 1px;}

.listItem .data span.dt_des{width:100%;display: block;font-size: 12px;letter-spacing: 1px;color:#AAA;margin-top: 10px;}


.listItem .data ul{
	margin:10px 0;
	border-top: 1px dashed rgba(0,0,0,.1);
}
.listItem .data ul li {margin: 10px 0;/*border-bottom: 1px solid rgba(0,0,0,.05);*//*padding-bottom: 10px;*/}
.listItem .data ul li span.dt{text-align: left;color:#FD8245;}

.listItem .data ul li span.dt.editMode{display: block;}
.listItem .data ul li span.tag.editMode{display: inline-grid;text-align: center;font-size: 14px;}

.listItem .data span.tag{cursor: pointer;color:#FFF;background:#AAA;padding:4px 10px;border-radius: 5px;font-size:12px;letter-spacing: 2px;margin:5px 0 5px 5px;}

.listItem .data span.tag.tagged{background: #ed8502;}

.listItem .data span.num{color:#333;font-weight: 600;color:#FFF;font-size:16px;}
.listItem .data span.num:before{font-family: FontAwesome;content:"\f00d";margin:0 3px;font-size:12px;color:#CCC;}
.listItem .data span.unit{color:#333;font-size:12px;margin-left: 1px;color:#FFDD4A;}

.listItem .data span.tag input{width:100px;line-height: 20px;border: 0;text-align: center;color:#776726;}






.listItem .data .raceTable{background:#333;padding:10px;/*overflow: auto;*/border-radius: 5px;height:220px;margin-bottom: 20px;}
.listItem .data .raceTable .mid .score{background:#000;color:#FFF;width: 100%;line-height: 2;letter-spacing: 1px;color:#999;margin: 10px 0;border-radius: 5px;}
.listItem .data .raceTable .mid .score tr:nth-child(1){color:#fccd01;}
.listItem .data .raceTable .mid .score tr td.team{text-align:right;width:11%;line-height: 3;color:#CCC;}
.listItem .data .raceTable .mid .score tr td{width:6%;text-align:center;}

.listItem .data .raceTable .mid .score tr td.score_r{color:#3098E1;}
.listItem .data .raceTable .mid .score tr td.score_h{color:#FFF;}
.listItem .data .raceTable .mid .score tr td.score_e{color:#DF1726;}

.listItem .data .raceTable .left,.listItem .data .raceTable .right{float: left;width:13%;}
.listItem .data .raceTable .left img,.listItem .data .raceTable .right img{width:80%;margin:20px 10% 0;}




/*.listItem .data .commentsTable{margin-top:10px;}*/
.listItem .data .commentsTable .new{overflow:hidden;}
.listItem .data .commentsTable .report_title{margin:10px 0;background:#FFF;width:fit-content;padding:10px 20px;letter-spacing: 1px;color:#666;float:left;color: #999;} 
.listItem .data .commentsTable .report_title .name{color:#ed8502;}
.listItem .data .commentsTable .report_title .name2{color:#ed8502;}
.listItem .data .commentsTable .des{clear: both;padding:0px 20px 10px;color:#333;letter-spacing: 1px;border-bottom: 1px dashed #CCC;}
.listItem .data .commentsTable .headTitle{font-size: 14px;line-height: 40px;border-top-left-radius: 5px;border-top-right-radius: 5px;background:#0d2748;color:#FFF;margin-bottom: -10px;padding-left:30px;margin-top: 10px;}
.listItem .data .commentsTable .playerComments{width:calc(100% - 50px);border: 1px solid #DDD;margin: 15px;height:50px;}
.listItem .data .commentsTable .playerRowTable{width:100%;border-top:3px solid #fccd01;}
.listItem .data .commentsTable .playerRowTable td.nar.playerNumber {color: #ed8502;font-size: 20px;font-weight: 900;font-family: 'Oswald', sans-serif;letter-spacing: 1px;}
.listItem .data .commentsTable .playerRowTable .commentsDesTitle{color:#AAA;font-size: 12px;letter-spacing: 3px;}




.listItem .data .top{width: 100%;text-align:center;font-size: 14px;color: #FFF;letter-spacing: 1px;}
.listItem .data .top .s{margin-right: 30px;}

.listItem .data .man{width: 100%;text-align:center;font-size: 14px;color: #FFF;letter-spacing: 1px;}
.listItem .data .man span{margin:0 10px;}

.listItem .data .commentsTable .title td {font-size: 12px;letter-spacing: 1px;color: rgb(136, 153, 160);}
.listItem .data .commentsTable .data span.score {font-size: 18px;color: #0d2748;font-family: 'Oswald', sans-serif;font-weight: 900;letter-spacing: 1px;}
.listItem .data .commentsTable .data td.playerName {font-size: 16px;font-weight: 900;letter-spacing: 1px;}
.listItem .data .commentsTable .data td.playerName .player{font-size: 13px;font-weight: 300;letter-spacing: 2px;}


@media screen and (min-width: 1500px) and (max-width: 2000px)  {
	.listItem .data .commentsTable .title td {font-size: 12px;letter-spacing: 1px;color: rgb(136, 153, 160);white-space: nowrap;}
}

@media screen and (min-width: 320px) and (max-width: 1499px)  {
	.listItem .data .commentsTable .title td {font-size: 12px;letter-spacing: 1px;color: rgb(136, 153, 160);}
}






.listItem .bar .title .title_score{width:40px;margin:0 10px;text-align:center;}
.listItem .data .raceTable .score td input{width:30px;text-align: center;}

.listItem .data .raceTable .man span.w{width:200px;display: inline-block;}
.listItem .data .raceTable .man span.l{width:200px;display: inline-block;}

.listItem .data .commentsTable .des{overflow:auto;}
.listItem .data .commentsTable .ori_des_area{margin-bottom:10px;color:#999;}
.listItem .data .commentsTable .des_area{border:1px solid #CCC;width:calc(100% - 20px);height:150px;padding:10px;color:#666;}


.listItem .data .commentsTable .des span.ori_des{}
.listItem .data .commentsTable .des span.trans_des{display:block;margin-top: 3px;}


/* NAV */
#menu{position: relative;top:70px;overflow: auto;margin-bottom: 40px;}
.mainMenu{margin-bottom: 40px;}
.mainMenu ul li{cursor: pointer;float:left;line-height: 1.6;padding:3px 6px;border:1px solid #CCC;margin: 3px 6px;letter-spacing: 1px;border-radius: 5px;background: #AAA;color:#FFF;}
.mainMenu ul li.active{background:#17a600;color:#FFF;}

.mainMenu ul li:hover{background: #ed8502;}

.mainMenu ul.main{overflow: auto;}
.mainMenu ul.sub{clear: both;overflow: auto;margin-top:10px}


.dashBoard{}
.weather{height:550px;}
.weatherTable{width:100%;}
.weatherTable tr td{border:1px solid #AAA;text-align: center;line-height: 2;color:#666;}
.wi{font-size: 30px;color:#008bf7;}

.placeContainer{height:100px;}
.placeContainer .place{border-radius: 3px; line-height: 2;padding:0 15px;float: left;margin-right: 20px;background:#888;color:#FFF;text-align: center;font-weight: 600;cursor: pointer;margin-bottom:10px;}
.placeContainer .place.select{background:#ed8502;}



.log{height:400px;}
.log span{}
.log tr{line-height: 1.5;font-size:10px;}
.log tr:nth-child(odd){background:rgba(0,0,0,.05);line-height: 1.3;}
.log .time{padding-right: 10px;color:#666;}
.log .name{padding-right:10px;color:#888;}
.log .limit{padding-right:10px;color:#AAA;}

.log .color1{color:#AAA;}
.log .color3{color:#ed8502;}
.log .color2{color:#17a600;}
.log .color4{color:F00;}

.log .function{padding-right:10px;color:#888;}
.log .detail{padding-right:10px;color:#AAA;}

/*權限*/




.permission,.member{width:80%;border-radius: 5px;margin:0 auto 50px;background: #FFF;margin-top: 30px;max-width: 700px;padding-bottom: 20px;}

.permission table{color:#666;width:80%;margin:2px auto 0px;font-size:13px;}
.permission table tr{border-bottom: 1px solid rgba(0,0,0,.1);line-height: 2.1;}
.permission table tr td{text-align:center;}
.permission table tr td.type{color:#ed8502;font-weight: 600;width:120px;text-align: right;}



.permission .title{line-height: 40px;background:#fccd01;padding:0 10px;color:#555;font-weight: 500;letter-spacing: 1px;font-size:15px;}
.member .title{line-height: 40px;background:#ed8502;padding:10px;color:#FFF;font-weight: 700;letter-spacing: 1px;}


.permission .title .number{font-size:14px;float:right;background: rgba(255,255,255,.3);width:30px;height:30px;line-height: 30px;margin-top:5px;text-align: center;border-radius: 40px;color:#FFF;font-size:12px;}


.permission .btn,.member .btn{margin:30px auto 50px;width:120px;line-height: 40px;text-align: center;background: #fccd01;color:#FFF;font-size: 14px;letter-spacing: 2px;font-weight: 400;cursor:pointer;}


.permission .submit{margin:30px auto 50px;width:120px;line-height: 40px;text-align: center;background: #fccd01;color:#FFF;font-size: 14px;letter-spacing: 2px;font-weight: 400;cursor:pointer;}

.permission .user .title{background: #ed8502;color:#FFF;}

.permission .user .data{padding:10px 5%;}


.newUser .data,.editUser .data{width: 80%;margin: 10px auto;}
.newUser input,.editUser input{width:calc(100% - 10px);line-height: 2;display: block;margin-bottom: 20px;padding-left: 10px;font-size:14px;}


.videoGroup{overflow: hidden;display: block;width:98%;margin:0 auto;max-width:1300px;clear: both;}
.videoGroup .search{line-height: 2;padding: 0 10px;letter-spacing: 1px;font-size: 16px;font-weight: 400;}



/*情蒐*/
.selectPlayer{width: 80%;margin: 0 auto;}


.listItem .hotZoneContainer{width:100%;overflow: hidden;position: relative;margin-bottom: 20px;}
.listItem .oneHotZone{position:relative;width:30%;margin:20px 1.66%;float:left;}
.listItem .oneHotZone .photo{width:100%;border:1px solid #CCC;height: 280px;overflow: hidden;margin-bottom: 10px;background: #333;}

.listItem .oneHotZone .imgTable{width:100%;height:100%;display: table;}
.listItem .oneHotZone .imgCell{display: table-cell;vertical-align: middle;}


.listItem .videoContainer{width:100%;overflow: hidden;}
.listItem .videoContainer .oneVideo{position:relative;width:30%;margin:20px 1.66%;float:left;}
.listItem .videoContainer .oneVideo.remove,.listItem .hotZoneContainer.remove{animation:removeSymbol 0.3s forwards;}



.listItem .videoContainer .oneVideo i.close{position: absolute;left: -15px;top: -14px;z-index: 100;width: 42px;height: 40px;line-height: 44px;font-size: 50px;color: #fccd01;background: #FFF;border-radius: 40px;text-align: center;cursor: pointer;}
.listItem .hotZoneContainer i.close{position: absolute;left: 10px;top: 10px;z-index: 100;width: 42px;height: 40px;line-height: 44px;font-size: 50px;color: #fccd01;background: #FFF;border-radius: 40px;text-align: center;cursor: pointer;}

.listItem .hotZoneContainer.group{background:#DDD;border-radius: 15px;}

i.close:hover{animation:removeBtnHover 0.5s forwards;}

.listItem .uploadArea,.listItem .uploadVideoArea{overflow: hidden;clear: both;}
.listItem .uploadArea .dropzone{width:30%;margin:0 1.6%;float:left;}



.pitchLevel2{margin-bottom: 30px;}

.pitchLevel2,.hitLevel2{width: 100%;
    border-radius: 10px;
    background: #FFF;
    border: 1px solid #AAA;
    line-height: 1.4;
    margin-top: 10px;
    color: #666;text-align: center;}

.pitchLevel2 tr,.hitLevel2 tr{border-bottom: 1px solid #CCC;}

.pitchLevel2 td,.hitLevel2 td{height: 35px;}



.pitchLevel2 tr.playerTrRowSample,.hitLevel2 tr.playerTrRowSample{display:none;width:100%;}
.pitchLevel2 tr.playerTrRow,.hitLevel2 tr.playerTrRow{width:100%;}



.pitchLevel2 td.nar,.hitLevel2 td.nar{width:30px;padding:5px 10px;}

.pitchLevel2 td.tool,.hitLevel2 td.tool{width:120px;padding:5px 10px;}
.pitchLevel2 td.wid,.hitLevel2 td.wid{width:330px;}

.pitchLevel2 td:nth-child(even),.hitLevel2 td:nth-child(even){background:#F3F3F3;}

.pitchLevel2 input,.hitLevel2 input{width:90%;}



.pitchLevel2 .playerName,.hitLevel2 .playerName{width:150px;}

.pitchLevel2 td.add i.fa,.hitLevel2 td.add i.fa{cursor: pointer;color:#17a600;font-size:20px;}

.pitchLevel2 td.add i.fa-minus-circle,.hitLevel2 td.add i.fa-minus-circle{cursor: pointer;color:#DC3C2F;font-size:20px;margin:0 5px;}

textarea.playerComments{height:100px;resize: none;padding:10px;}

.commentDes{width:90%;}
.commArea .commBar{width:100%;background: #BBB;overflow: hidden;height:38px;}
.commArea .commBar span.creator{font-size: 12px;float:left;margin-left: 20px;line-height: 38px;color:#FFF;}
.commArea .commBar span.creator:before{font-family: FontAwesome;content: "\f046" ;font-size: 12px;margin:0 5px;line-height: 30px;color:rgba(255,255,255,.6);}
.commArea .commBar span.editor{font-size: 12px;float:left;margin-left: 20px;line-height: 38px;color:#FFF;}
.commArea .commBar span.editor:before{font-family: FontAwesome;content: "\f044";font-size: 12px;margin:0 5px;line-height: 30px;color:rgba(255,255,255,.6);}

.commArea .commBar span.trans_creator{font-size: 12px;float:left;margin-left: 20px;line-height: 38px;color:#FFF;}
.commArea .commBar span.trans_creator:before{font-family: FontAwesome;content: "\f044";font-size: 12px;margin:0 5px;line-height: 30px;color:rgba(255,255,255,.6);}

.commArea .commBar span.trans_editor{font-size: 12px;float:left;margin-left: 20px;line-height: 38px;color:#FFF;}
.commArea .commBar span.trans_editor:before{font-family: FontAwesome;content: "\f044";font-size: 12px;margin:0 5px;line-height: 30px;color:rgba(255,255,255,.6);}



.commArea .commData{margin:10px 0 10px 10px;float:left;font-size:14px;line-height: 1.7;letter-spacing: 1px;text-align: left;    width: calc(100% - 20px);}

.listItem  .commArea .commBar span.editButton, .listItem  .commArea .commBar span.quitButton, .listItem  .commArea .commBar span.saveButton {
    cursor: pointer;
    float: right;
    color: #FFF;
    margin-right: 10px;
    background-color: #DC3C2F;
    height: 22px;
    line-height: 22px;
    margin-top: 7px;
    padding: 0 10px;
    border-radius: 5px;
    font-size: 12px;
    letter-spacing: 2px;
    border: 1px solid rgba(255,255,255,.1);
}

.commArea .commData textarea{width:100%;height:150px;}








.league2Table .league2Data .league2Race .date{font-size: 15px;color:#ed8502;margin-top:20px;}
.league2Table .league2Data .league2Race .league2Com{font-size: 13px;margin:10px 10px 0 10px;border:1px solid rgba(0,0,0,.1);border-radius: 5px;padding:10px;}
.league2Table .league2Data .league2Race .league2Com .title{color:#666;}
.league2Table .league2Data .league2Race .league2Com .des{color:#999;}



.league2Table .league2Title {
    /* margin: 5px 10px; */
    border: 1px solid #000;
    width: fit-content;
    border-radius: 5px;
    padding: 5px 10px;
    color: #FFF;
    background: #0d2748;
    cursor:pointer;
}

.league2Table .league2Title i.fa{margin-left:10px;}


.filterMenu{
    float: right;
    margin-right: 20px;
}


.levelFilterBtn {
    float: left;
    border-radius: 3px;
    line-height: 30px;
    border: 1px solid #BBB;
    padding: 0 10px;
    margin-left: 10px;
    cursor:pointer;
}