/*pc_css*/
@media screen and (min-width:769px){


	
	#schedule .mainbox{
		height:500px;
		background:url("https://recruit.bigtreetc.com/newgrads/common/images/schedule/mainbg.jpg") no-repeat;
		background-size:cover;
		background-position: 50% 50%;
		margin:0 0 0 0;
	}
	
	#schedule .mainbox .tlbox{
		font-size:2.5em;
		line-height: 1.7em;
		padding:0 0 0 0;
		margin:0 0 80px 0;
		position: relative;
		text-align: center;
		color:#fff;
		position: relative;
  		top: 50%;
  		-webkit-transform: translateY(-50%);
  		-ms-transform: translateY(-50%);
  		transform: translateY(-50%);
	}
	
	#schedule .mainbox .tlbox span{
		font-size:0.8rem;
		font-weight: 600;
		font-style: italic;
		letter-spacing: 0.2em;
		position: relative;
		top:-25px;
		color:#fff;
	}

	#schedule .bgbox{
		padding:0 0 100px 0;
		background:#f4f4f4;
	}
	
	#schedule .bgbox.box2{
		padding:100px 0 100px 0;
		background:#f4f4f4;
	}
	
	#schedule .bgbox .innerbox{
		width:1200px;
		margin:0 auto 80px;
		background:#fff;
		padding:115px 0 10px 0;
	}
	
	#schedule .bgbox .innerbox.box2{
		width:1200px;
		margin:0 auto 80px;
		background:#fff;
		padding:115px 0 80px 0;
	}
	
	#schedule .bgbox .innerbox.box3{
		width:1200px;
		margin:0 auto ;
		background:#fff;
		padding:0 0 0 0;
	}
	
	#schedule .scheduletl{
		padding:70px 0;
		font-size:1.2em;
		font-weight: 600;
		line-height: 1.8em;
		text-align: center;
	}
	
	#schedule .fixedbox1{
		height:500px;
		background:url("https://recruit.bigtreetc.com/newgrads/common/images/schedule/fixbg.jpg") no-repeat;
		background-size:cover;
		background-position: 50% 50%;
		margin:0 0 0 0;
		background-attachment: fixed;
	}
	
	#schedule .phcontbox{
		width:1200px;
		margin:-240px auto 0;
	}
	
	#schedule .phcontbox .phbox{
		width:50%;
		float: left;
		height:480px;
		line-height: 0;
	}
	
	#schedule .phcontbox .rightbox{
		width:50%;
		float: left;
		height:480px;
		background:#fff;
	}
	
	#schedule .phcontbox .rightbox .inbox{
		position: relative;
  		top: 50%;
  		-webkit-transform: translateY(-50%);
  		-ms-transform: translateY(-50%);
  		transform: translateY(-50%);
		padding:0 60px 0;
	}
	
	#schedule .phcontbox .rightbox .inbox .year{
		font-size:1em;
	}
	
	#schedule .phcontbox .rightbox .inbox .year{
		font-size:1em;
		text-align: left;
		margin:0 0 20px 0;
	}
	
	#schedule .phcontbox .rightbox .inbox .position{
		font-size:1.1em;
		text-align: left;
		color:#007e56;
		margin:0 0 30px 0;
	}
	
	#schedule .phcontbox .rightbox .inbox .position2{
		font-size:1.5em;
		text-align: left;
		color:#007e56;
		margin:0 0 5px 0;
	}
	
	#schedule .phcontbox .rightbox .inbox .year span{
		color:#fff;
		font-size:0.9em;
		background:#000;
		padding:2px;
		margin:0 10px 0 0;
	}
	
	#schedule .phcontbox .rightbox .inbox .name{
		font-size:2.3em;
		padding:15px 0;
	}
	
	#schedule .phcontbox .rightbox .inbox .tx{
		line-height: 2em;
	}
	
	#schedule .scrollbox{
		width:100%;
		background:#fff;
	}
	
	#schedule .scrollbox .innerbox{
		width:1200px;
		margin:0 auto;
	}
	
	#schedule .scrollbox .innerbox .phbox{
		width:50%;
		height: 900px;
		float: left;
		position: relative;
		left:-100px;
	}
	
	#schedule .scrollbox .innerbox .scrollshedule{
		width:50%;
		float: left;
		height: 900px;
		overflow-y:auto;
	}
	
	#schedule .scrollbox .innerbox.rb .phbox{
		width:50%;
		height: 900px;
		float: right;
		position: relative;
		right:-100px;
		left:auto;
	}
	
	#schedule .scrollbox .innerbox.rb .scrollshedule{
		width:50%;
		float: left;
	}
	
	#schedule .scrollbox .innerbox .scrollshedule .inbox{
		padding:100px 0;
	}
	
	#schedule .scrollbox .innerbox .scrollshedule .inbox .tlbox{
		font-size:2em;
		margin:0 0 60px 0;
	}
	
	#schedule .scrollbox .innerbox .scrollshedule .inbox .timebox{
		padding:0 0 30px 0;
		margin:0 0 30px 0;
		border-bottom:1px solid #cdd6dd;
	}
	
	#schedule .scrollbox .innerbox .scrollshedule .inbox .timebox .time{
		margin:0 0 30px 0;
	}
	
	#schedule .scrollbox .innerbox .scrollshedule .inbox .timebox .time span{
		font-size:1.3em;
		border-bottom:2px solid #016c64;
		color:#016c64;
	}
	
	#schedule .scrollbox .innerbox .scrollshedule .inbox .timebox .timetl{
		font-size:1.3em;
		line-height: 1.5em;
		margin:0 0 5px 0;
	}
	
	#schedule .scrollbox .innerbox .scrollshedule .inbox .timebox .timetx{
		line-height: 1.8em;
	}
	
	/*linkbtn*/
	#schedule .linkbtn{
		width:600px;
		text-align: center;
		background:#000;
		padding:28px 0;
		color:#fff;
		font-size:0.9em;
		font-weight: 600;
		display: inline-block;
		letter-spacing: 0.2em;
		transition: all 0.5s;
		position: relative;
	}
	
	#schedule .linkbtn.box2{
		width:235px;
	}
	
	#schedule .linkbtn .bg{
		width:100%;
		height:100%;
		background:#fff;
		box-sizing: border-box;
		border:1px solid #000;
		position: absolute;
		top:0;
		left:0;
		opacity: 0;
		z-index:1;
		transition: opacity 0.5s;
	}
	
	#schedule .linkbtn:hover .bg{
		opacity: 1;
	}
	
	#schedule .linkbtn span{
		display: inline-block;
		position: relative;
		z-index:2;
		transition: color 0.5s;
	}
	
	#schedule .linkbtn:hover span{
		color:#000;
	}
	
	#cont1,#cont2{
		padding-top:400px;
		margin-top:-400px;
	}
}

@media screen and (max-width:768px){
	.header.box2{
		z-index:11;
		position: fixed;
		left:0;
		top:0;
		width:100%;
		min-width: 100%;
		transition: top 0.5s;
	}
	
	.menu{
		display: none;
	}
	
	
	
	
	
	#schedule .mainbox{
		height:130px;
		background:url("https://recruit.bigtreetc.com/newgrads/common/images/schedule/mainbg.jpg") no-repeat;
		background-size:cover;
		background-position: 50% 50%;
		margin:0 0 0 0;
	}
	
	#schedule .mainbox .tlbox{
		font-size:2em;
		line-height: 1.7em;
		padding:20px 0 0 0;
		margin:0 0 0 0;
		position: relative;
		text-align: center;
		color:#fff;
		position: relative;
  		top: 50%;
  		-webkit-transform: translateY(-50%);
  		-ms-transform: translateY(-50%);
  		transform: translateY(-50%);
	}
	
	#schedule .mainbox .tlbox span{
		font-size:0.8rem;
		font-weight: 600;
		font-style: italic;
		letter-spacing: 0.2em;
		position: relative;
		top:-20px;
		color:#fff;
	}

	#schedule .bgbox{
		padding:0 0 50px 0;
		background:#fff;
	}
	
	#schedule .bgbox.box2{
		padding:50px 0 50px 0;
		background:#f4f4f4;
	}
	
	#schedule .bgbox .innerbox{
		width:1200px;
		margin:0 auto 80px;
		background:#fff;
		padding:115px 0 10px 0;
	}
	
	#schedule .bgbox .innerbox.box2{
		width:1200px;
		margin:0 auto 80px;
		background:#fff;
		padding:115px 0 80px 0;
	}
	
	#schedule .bgbox .innerbox.box3{
		width:1200px;
		margin:0 auto ;
		background:#fff;
		padding:0 0 0 0;
	}
	
	#schedule .scheduletl{
		padding:40px 0;
		font-size:1.2em;
		font-weight: 600;
		line-height: 1.8em;
		text-align: center;
		background:#fff;
	}
	
	#schedule .fixedbox1{
		height:500px;
		background:url("https://recruit.bigtreetc.com/newgrads/common/images/schedule/fixbg.jpg") no-repeat;
		background-size:cover;
		background-position: 50% 50%;
		margin:0 0 0 0;
		background-attachment: fixed;
		display: none;
	}
	
	#schedule .phcontbox{
		width:80%;
		margin:0 auto 0;
	}
	
	#schedule .phcontbox .phbox{
		width:80%;
		float: none;
		height:200px;
		line-height: 0;
		position: relative;
		right:-32%;
		z-index:1;
	}
	
	#schedule .phcontbox .rightbox{
		width:100%;
		float: none;
		height:auto;
		background:none;
		margin:-150px 0 0 0;
		position: relative;
		z-index:2;
	}
	
	#schedule .phcontbox .rightbox .inbox{
	}
	
	#schedule .phcontbox .rightbox .inbox .year{
		font-size:1em;
	}
	
	#schedule .phcontbox .rightbox .inbox .year{
		font-size:1em;
		text-align: left;
		margin:0 0 20px 0;
	}
	
	#schedule .phcontbox .rightbox .inbox .position{
		font-size:1.1em;
		text-align: left;
		color:#007e56;
		margin:0 0 10px 0;
	}
	
	#schedule .phcontbox .rightbox .inbox .position2{
		font-size:1.5em;
		text-align: left;
		color:#007e56;
		margin:0 0 5px 0;
	}
	
	#schedule .phcontbox .rightbox .inbox .year span{
		color:#fff;
		font-size:0.9em;
		background:#000;
		padding:2px;
		margin:0 10px 0 0;
	}
	
	#schedule .phcontbox .rightbox .inbox .name{
		font-size:2.3em;
		padding:15px 0;
	}
	
	#schedule .phcontbox .rightbox .inbox .tx{
		line-height: 2em;
		padding:50px 0 0 0;
		
	}
	
	#schedule .scrollbox{
		width:100%;
		background:#fff;
	}
	
	#schedule .scrollbox .innerbox{
		width:100%;
		margin:0 auto;
	}
	
	#schedule .scrollbox .innerbox .phbox{
		width:100%;
		height: 250px;
		float: none;
		position: relative;
		left:0;
	}
	
	#schedule .scrollbox .innerbox .scrollshedule{
		width:100%;
		float: none;
	}
	
	#schedule .scrollbox .innerbox .scrollshedule .inbox{
		padding:40px 5%;
		background:#fff;
	}
	
	#schedule .scrollbox .innerbox .scrollshedule .inbox .tlbox{
		font-size:2em;
		margin:0 0 60px 0;
	}
	
	#schedule .scrollbox .innerbox .scrollshedule .inbox .timebox{
		padding:0 0 30px 0;
		margin:0 0 30px 0;
		border-bottom:1px solid #cdd6dd;
	}
	
	#schedule .scrollbox .innerbox .scrollshedule .inbox .timebox .time{
		margin:0 0 30px 0;
	}
	
	#schedule .scrollbox .innerbox .scrollshedule .inbox .timebox .time span{
		font-size:1.3em;
		border-bottom:2px solid #016c64;
		color:#016c64;
	}
	
	#schedule .scrollbox .innerbox .scrollshedule .inbox .timebox .timetl{
		font-size:1.3em;
		line-height: 1.5em;
		margin:0 0 5px 0;
	}
	
	#schedule .scrollbox .innerbox .scrollshedule .inbox .timebox .timetx{
		line-height: 1.8em;
	}
	
	/*linkbtn*/
	#schedule .linkbtn{
		width:90%;
		text-align: center;
		background:#000;
		padding:25px 0;
		color:#fff;
		font-size:0.9em;
		font-weight: 600;
		display: inline-block;
		letter-spacing: 0.2em;
		transition: all 0.5s;
		position: relative;
	}
	
	#schedule .linkbtn.box2{
		width:235px;
	}
	
	#schedule .linkbtn .bg{
		width:100%;
		height:100%;
		background:#fff;
		box-sizing: border-box;
		border:1px solid #000;
		position: absolute;
		top:0;
		left:0;
		opacity: 0;
		z-index:1;
		transition: opacity 0.5s;
	}
	
	#schedule .linkbtn:hover .bg{
		opacity: 1;
	}
	
	#schedule .linkbtn span{
		display: inline-block;
		position: relative;
		z-index:2;
		transition: color 0.5s;
	}
	
	#schedule .linkbtn:hover span{
		color:#000;
	}
	
	#cont1,#cont2{
		padding-top:60px;
		margin-top:-60px;
	}
}