@charset "UTF-8";

/*-----------------------------------------------
_ Default Style Clear
-----------------------------------------------*/
all {  
border:0; 
line-height:1.4; 
margin:0;  
padding:0;
outline:0;   
vertical-align:baseline;
word-spacing: 1px;
font-size: 14px;
font-family: Arial, sans-serif;
}  


div.main_contents {
	min-height: 500px;
	margin: 0 auto;
	padding: 0
}

:focus {
outline:0;
}  


.pointback_campaign img {
border:none;
text-decoration:none;
}  

.pointback_campaign ul, .pointback_campaign li {
list-style-type:none;
}  


/* Font
--------------------------------------------- */
@font-face {
	font-family: HuiFontP109;
	src: url('../font/HuiFontP109.ttf') format('truetype');
}

/*-----------------------------------------------
_ Default Style Clear
-----------------------------------------------*/

body {
	margin: 0;
	font-family: Arial, sans-sans-serif;
}

img {
	border-style:none;
}

ruby{
	color: red;
}

/*-----------------------------------------------
_ all
-----------------------------------------------*/

.all{
	width: 1000px;
	float: left;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	color: #666666;
	text-decoration: none;
	background-color: #fff;
	padding: 20px 20px 20px 30px;
	margin-top: 10px;
}

a:link {
	color: #ff6666;
}
a:visited {
	color: #ff6666;
}
a:hover {
	color: #66cc99;
	text-decoration: none;
}
a:active {
	color: #66cc99;
	text-decoration: none;
}

/* Font
--------------------------------------------- */

	.socialicon{
		width: 960px;
		height: 22px;
		text-align: right;
	}
	div.fb-like{
    top: -5px;
}	
	
/*-----------------------------------------------
_ top
-----------------------------------------------*/

.top{
	width: 980px;
	height: 410px;
	float: left;
	background-repeat: no-repeat;
	margin:5px 0 0 -20px;
}

.top h2{
}

.top h1{
	background:url(../images/head.png) no-repeat;
	width:980px;
	height:400px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;

}


/*-----------------------------------------------
_ top_left
-----------------------------------------------*/

.top_left{
	width: 640px;
	height: 468px;
	float: left;
	margin-top: 10px;
	padding: 10px;
}

	.top_left p{
		padding-left: 10px;
		font-size: 17px;
	}

.top_right{
	width: 238px;
	height: 446px;
	float: left;
	margin-top: 10px;
	margin-left: 20px;
	padding: 20px;
	border: 1px solid #ccc;
}

/*-----------------------------------------------
_ main_top
-----------------------------------------------*/
.main_top{
	float: left;
	width: 960px;
	font-size: 14px;
	margin-bottom: 20px;
	margin-top: 20px;
}

	.main_top .title_h3{
		float: left;
		width: 960px;
		height: 30px;
		background:url(../images/bg_h3.png) no-repeat;
	}
	
		.main_top .title_h3 h3{
			font-size: 20px;
			font-weight: 100;
			padding-left: 40px;
		}
		
	.main_top p{
		font-size: 14px;
		padding: 0px 0px 0px 30px;
	}
	
	
.business_lessons{
	float: left;
	width: 920px;
	font-size: 14px;
	margin: 0px 20px 0px 20px;
}
	
	.business_lessons .tutor_box2{
		float: left;
		width: 910px;
		font-size: 14px;
		padding: 30px 20px 40px 20px;
	}
	
		.business_lessons .tutor_box2 h4{
			font-weight: 100;
			font-size: 24px;
			width: 910px;
			height: 50px;
			float: left;			
		}
		
		.business_lessons .tutor_box2 .tutor_profile{
			width: 910px;
			height: 100px;
			float: left;
			padding-bottom: 10px;
		}
		
		.business_lessons .tutor_box2 .tutor_profile .tutor_pic{
				width: 95px;
				height: 95px;
				float: left;
				padding: 2px;
				border: 1px solid #ccc;
				background-color: #fff;
			}
				
				.business_lessons .tutor_box2 .tutor_profile .tutor_pic img:hover {
					opacity:0.7;
					filter: alpha(opacity=70);
					-ms-filter: "alpha( opacity=70 )";
					background: #fff;
				}
			
			.business_lessons .tutor_box2 .tutor_profile .tutor_detail{
				width: 760px;
				height: 95px;
				float: left;
				margin-left: 19px;
				padding-top: 5px;
			}
			
			
			.business_lessons .tutor_box2 .tutor_lessons{
				width: 392px;
				height: 172px;
				float: left;
				margin-top: 10px;
				padding: 8px;
				-moz-border-radius: 7px;
				-webkit-border-radius: 7px;
				border-radius: 7px;
				border: 1px solid #ccc;
			}
		
			.business_lessons .tutor_box2 .tutor_lessons:hover{
				opacity:0.7;
				filter: alpha(opacity=70);
				-ms-filter: "alpha( opacity=70 )";
			}
		
			.business_lessons .tutor_box2 .tutor_lessons .lesson_pic{
				width: 60px;
				height: 60px;
				float: left;
				padding: 2px;
				border: 1px solid #ccc;
				background-color: #fff;
			}
			
				.business_lessons .tutor_box2 .tutor_lessons .lesson_pic img:hover {
					opacity:0.7;
					filter: alpha(opacity=70);
					-ms-filter: "alpha( opacity=70 )";
					background: #fff;
				}
			
			.business_lessons .tutor_box2 .tutor_lessons .lesson_detail{
				width: 303px;
				height: 30px;
				float: left;
				margin-left: 19px;
				padding-top: 5px;
			}
			
				.business_lessons .tutor_box2 .tutor_lessons .lesson_detail h5{
					font-size: 16px;
					font-weight: 100;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
					-webkit-text-overflow: ellipsis;
					-o-text-overflow: ellipsis;
				}
				
				.business_lessons .tutor_box2 .tutor_lessons .lesson_detail .lesson_img{
					width: 30px;
					height: 22px;
					float: left;
					margin-right: 5px;
				}
				
				.business_lessons .tutor_box2 .tutor_lessons .lesson_detail .lesson_time{
					background-color: #c5bcb1;
					line-height: 1.8;
					height: 22px;
					width: 160px;
					float: left;
					text-align: center;
					-moz-border-radius: 10px;
					-webkit-border-radius: 10px;
					border-radius: 10px;
					color: #5B4A36;
				}
			
			.business_lessons .tutor_box2 .tutor_lessons .lesson_comment{
				width: 390px;
				float: left;
				margin-top: 10px;
			}
			
				.business_lessons .tutor_box2 .tutor_lessons .lesson_comment p{
					font-size: 14px;
					color: #663300;
					padding-left: 3px;
				}
			
	
	.business_lessons .tutor_box{
		float: left;
		width: 410px;
		font-size: 14px;
		padding: 20px;
	}
		.business_lessons .tutor_box h4{
			font-weight: 100;
			font-size: 24px;
			width: 410px;
			height: 50px;
			float: left;
		}
		
		.business_lessons .tutor_box .tutor_profile{
			width: 410px;
			height: 100px;
			float: left;
			padding-bottom: 10px;
			border-bottom: dotted 2px #ccc;
		}
		
			.business_lessons .tutor_box .tutor_profile .tutor_pic{
				width: 95px;
				height: 95px;
				float: left;
				padding: 2px;
				border: 1px solid #ccc;
				background-color: #fff;
			}
				
				.business_lessons .tutor_box .tutor_profile .tutor_pic img:hover {
					opacity:0.7;
					filter: alpha(opacity=70);
					-ms-filter: "alpha( opacity=70 )";
					background: #fff;
				}
			
			.business_lessons .tutor_box .tutor_profile .tutor_detail{
				width: 290px;
				height: 95px;
				float: left;
				margin-left: 19px;
				padding-top: 5px;
			}
			
		.business_lessons .tutor_box .tutor_lessons{
			width: 392px;
			height: 172px;
			float: left;
			margin-top: 10px;
			padding: 8px;
			-moz-border-radius: 7px;
			-webkit-border-radius: 7px;
			border-radius: 7px;
			border: 1px solid #ccc;
		}
		
			.business_lessons .tutor_box .tutor_lessons:hover{
				opacity:0.7;
				filter: alpha(opacity=70);
				-ms-filter: "alpha( opacity=70 )";
			}
		
			.business_lessons .tutor_box .tutor_lessons .lesson_pic{
				width: 60px;
				height: 60px;
				float: left;
				padding: 2px;
				border: 1px solid #ccc;
				background-color: #fff;
			}
			
				.business_lessons .tutor_box .tutor_lessons .lesson_pic img:hover {
					opacity:0.7;
					filter: alpha(opacity=70);
					-ms-filter: "alpha( opacity=70 )";
					background: #fff;
				}
			
			.business_lessons .tutor_box .tutor_lessons .lesson_detail{
				width: 303px;
				height: 30px;
				float: left;
				margin-left: 19px;
				padding-top: 5px;
			}
			
				.business_lessons .tutor_box .tutor_lessons .lesson_detail h5{
					font-size: 16px;
					font-weight: 100;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
					-webkit-text-overflow: ellipsis;
					-o-text-overflow: ellipsis;
				}
				
				.business_lessons .tutor_box .tutor_lessons .lesson_detail .lesson_img{
					width: 30px;
					height: 22px;
					float: left;
					margin-right: 5px;
				}
				
				.business_lessons .tutor_box .tutor_lessons .lesson_detail .lesson_time{
					background-color: #c5bcb1;
					line-height: 1.8;
					height: 22px;
					width: 160px;
					float: left;
					text-align: center;
					-moz-border-radius: 10px;
					-webkit-border-radius: 10px;
					border-radius: 10px;
					color: #5B4A36;
				}
			
			.business_lessons .tutor_box .tutor_lessons .lesson_comment{
				width: 390px;
				float: left;
				margin-top: 10px;
			}
			
				.business_lessons .tutor_box .tutor_lessons .lesson_comment p{
					font-size: 14px;
					color: #663300;
					padding-left: 3px;
				}

		
/*-----------------------------------------------
_fuki_under
-----------------------------------------------*/
	.chat-bubble1 {
		background-color:#fff; /*背景色*/
		border:2px solid #a6bbd1;/*ボーダーの設定*/
		padding:10px;/*ボックス内の幅*/
		position:relative;/*位置の指定はrelativeで*/
		height: 90px;
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		-o-border-radius: 7px;
		-khtml-border-radius: 7px;
		border-radius: 7px;
	}
	
	.chat-bubble-arrow-border1 {
		border-color: transparent transparent #a6bbd1 transparent; /*三角の向き　下向き 左向き 上向き 右向き*/
		border-style: solid;
		border-width: 10px;　/*三角の横幅*/
		height:0;/*セルの内側を消す*/
		width:0;/*セルの内側を消す*/
		position:absolute;/*位置の指定はabsoluteで*/
		bottom:110px;/*上下の位置調整*/
		left:10px;/*左右の位置調整*/
	}
	
	.chat-bubble-arrow1 {
		border-color: transparent transparent #fff transparent;/*三角の向き　下向き 左向き 上向き 右向き*/
		border-style: solid;
		border-width: 10px;
		height:0;
		width:0;
		position:absolute;
		bottom:107px;/*上下の位置調整*/
		left:10px;/*左右の位置調整*/
	}
		
			
		.business_lessons .tutor_lessons{
			width: 390px;
			height: 70px;
			float: left;
			margin-top: 10px;
			padding: 8px;
			-moz-border-radius: 7px;
			-webkit-border-radius: 7px;
			border-radius: 7px;
			background-color: #fff;
			border: 2px solid #a6bbd1;
		}
		
			.business_lessons .tutor_lessons:hover{
				opacity:0.7;
				filter: alpha(opacity=70);
				-ms-filter: "alpha( opacity=70 )";
			}
		
			.business_lessons .tutor_lessons .lesson_pic{
				width: 60px;
				height: 60px;
				float: left;
				padding: 2px;
				border: 1px solid #ccc;
				background-color: #fff;
			}
			
				.business_lessons .tutor_lessons .lesson_pic img:hover {
					opacity:0.7;
					filter: alpha(opacity=70);
					-ms-filter: "alpha( opacity=70 )";
					background: #fff;
				}
			
			.business_lessons .tutor_lessons .lesson_detail{
				width: 303px;
				height: 30px;
				float: left;
				margin-left: 19px;
				padding-top: 5px;
			}
			
				.business_lessons .tutor_lessons .lesson_detail h5{
					font-size: 16px;
					font-weight: 100;
					white-space: nowrap;
					overflow: hidden;
					text-overflow: ellipsis;
					-webkit-text-overflow: ellipsis;
					-o-text-overflow: ellipsis;
				}
				
				.business_lessons .tutor_lessons .lesson_detail .lesson_img{
					width: 30px;
					height: 22px;
					float: left;
					margin-right: 5px;
				}
				
				.business_lessons .tutor_lessons .lesson_detail .lesson_time{
					background-color: #c5bcb1;
					line-height: 1.8;
					height: 22px;
					width: 160px;
					float: left;
					text-align: center;
					-moz-border-radius: 10px;
					-webkit-border-radius: 10px;
					border-radius: 10px;
					color: #5B4A36;
				}


/*-----------------------------------------------
_ practice
-----------------------------------------------*/
.lesson_practice{
	float: left;
	width: 960px;
	height: 320px;
	font-size: 14px;
	margin-bottom: 20px;
}

	.lesson_practice .practice_office{
		float: left;
		width: 360px;
		height: 153px;
		padding-top: 25px;
		margin:20px;
	}
	
	.lesson_practice .practice_office_r{
		float: left;
		width: 547px;
		height: 90px;
	}
	
		.lesson_practice .practice_office_r .number{
			float: left;
			width: 33px;
			height: 42px;
			margin-right: 17px;
		}
		
		.lesson_practice .practice_office_r .number_title{
			float: left;
			width: 470px;
			height: 30px;
			padding-top: 6px;
		}
		
			.lesson_practice .practice_office_r .number_title p{
				font-size: 18px;
			}
			
		.lesson_practice .practice_office_r .number_text{
			float: left;
			width: 400px;
			height: 30px;
			margin: 0px 20px 0px 0px; 
		}
		
	.lesson_practice .number_p{
		float: left;
		width: 960px;
		padding-top: 20px;
		text-align: center;
		font-size: 18px;
	}

	
/*-----------------------------------------------
_ buy_text
-----------------------------------------------*/
.buy_text{
	float: left;
	width: 960px;
	height: 120px;
	font-size: 14px;
	margin-bottom: 20px;
}

	.buy_text .text_detail{
		float: left;
		width: 310px;
		height: 120px;
	}
	
		.buy_text .text_detail:hover {
			opacity:0.7;
			filter: alpha(opacity=70);
			-ms-filter: "alpha( opacity=70 )";
			background: #fff;
		}
	
		.buy_text .text_detail .text_pic{
			float: left;
			width: 85px;
			height: 120px;
			margin-right: 10px;
		}
		
		
		
		.buy_text .text_detail .text_text{
			float: left;
			width: 215px;
			height: 120px;
		}



/*-----------------------------------------------
footer
-----------------------------------------------*/
.contents footer {
    overflow: auto;
	font-family: "lucida grande",Calibri,"Helvetica Neue",Helvetica,Geneva,tahoma,verdana,arial, Meiryo,'MS PGothic','NanumGothic','AppleGothic','Malgun Gothic','Dotum Regular','Hiragino Kaku Gothic Pro', sans-serif;
    clear: both;
    margin: 35px 10px 15px -5px!important;
    width: 950px;
}
 
.neo88{
	float:left;
	width:15px;
	height:11px;
	background:#de7c63;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-ms-border-radius:4px
	}

.neo88::after{
	content:'';
	position:relative;
	top:10px;
	left:6px;
	width:0;
	height:0;
	float:left;
	border:2px solid transparent;
	border-top-color:#de7c63;
	border-right-color:#de7c63;
	}


/*-----------------------------------------------
_ fukidashi
-----------------------------------------------*/

	.chat-bubble {
		background-color:#fff; /*背景色*/
		border:2px solid #cccc00;/*ボーダーの設定*/
		padding:5px;/*ボックス内の幅*/
		position:relative;/*位置の指定はrelativeで*/
		width:800px;
		height:42px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-o-border-radius: 10px;
		-khtml-border-radius: 10px;
		border-radius: 10px;
		margin: 45px 0px 0px 120px;
	}
	
	.chat-bubble-arrow-border {
		border-color: transparent #cccc00 transparent transparent; /*三角の向き　下向き 左向き 上向き 右向き*/
		border-style: solid;
		border-width: 10px;　/*三角の横幅*/
		height:0;/*セルの内側を消す*/
		width:0;/*セルの内側を消す*/
		position:absolute;/*位置の指定はabsoluteで*/
		bottom:20px;/*上下の位置調整*/
		left:-20px;/*左右の位置調整*/
	}
	
	.chat-bubble-arrow {
		border-color: transparent #fff transparent transparent;/*三角の向き　下向き 左向き 上向き 右向き*/
		border-style: solid;
		border-width: 10px;
		height:0;
		width:0;
		position:absolute;
		bottom:20px;/*上下の位置調整*/
		left:-17px;/*左右の位置調整*/
	}

iframe:hover {
				opacity:0.7;
				filter: alpha(opacity=70);
				-ms-filter: "alpha( opacity=70 )";
				background: #fff;
			}
			

#headline {
	height: 310px;
	position: relative;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url(/student/interview/resources/images/interview_bg.jpg);
	/*background-image: url(resources/images/interview_bg.jpg)\9; IE8*/
	box-shadow: 0px 1px 0px rgba(0, 0, 0, .3);
	position: relative;
}
	#headline .headline_wrap {
		width: 980px;
		margin: 0px auto;
	}
		#headline .headline_wrap h1 {
			font-size: 32px;
			padding: 35px 0px 10px;
		}
		#headline .headline_wrap h1,  x:-moz-any-link  {
			padding: 50px 0px 15px; /* Firefox HACK */
		}

		#headline .headline_wrap p {
			font-size: 16px;
			font-weight: bold;
			letter-spacing: 1px;
			line-height: 180%;
			max-width: 630px;
		}
	#headline .headline_wrap a.check_button {
		display: inline-block;
		width: 210px;
		text-align: center;
		font-size: 18px;
		letter-spacing: 1px;
		padding: 15px 0px;
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		border-radius: 7px;
		margin-right: 15px;
		box-shadow: 0px 0px 3px rgba(0, 0, 0, .6);
	}
	#headline .headline_wrap .blue {
		background-color: #3aabf3;
		-webkit-transition: background-color 0.1s ease-out;
		-moz-transition: background-color 0.1s ease-out;
		color: #FFF;
	}
		#headline .headline_wrap .blue:hover {
			background-color: #FFF;
			color: #3aabf3;
		}
		#headline .headline_wrap .blue:active {
			background-color: #333;
			color: #3aabf3;
		}
	#headline .headline_wrap .red {
		background-color: #f38a66;
		-webkit-transition: background-color 0.1s ease-out;
		-moz-transition: background-color 0.1s ease-out;
		color: #FFF;
	}
		#headline .headline_wrap .red:hover {
			background-color: #FFF;
			color: #f38a66;
		}
		#headline .headline_wrap .red:active {
			background-color: #333;
			color: #f38a66;
		}

#tutor_interview {
	background: #FFF;
	border-bottom: 1px solid #E4E4E4;
}
#tutor_interview .contents {
	width: 980px;
	margin: 0 0 0 -10px;
	padding-bottom: 30px;
}
	#tutor_interview .contents h2 {
		font-size: 24px;
		padding-top: 30px;
		position: relative;
		margin-bottom: 40px;
		height: auto;
	}
	#tutor_interview .contents h2:after {
		content: '';
		width: 200px;
		height: 2px;
		background-color: #333;
		position: absolute;
		bottom: -10px;
		left: 0px;
	}
		#tutor_interview .contents p {
		padding: 0px 20px 0px 20px;
		line-height: 150%;
		
	}
	
	#tutor_interview .contents section {
		margin:50px 0 0 -8px;
	}
	#tutor_interview .contents section h3 {
		font-size: 18px;
		margin-bottom: 15px;
	}
		#tutor_interview .contents section#video .tutor_story {
			width: 310px;
			height: 240px;
			background-color: #f5f5f5;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			border: 1px solid #CCC;
			box-shadow: 0px 5px 5px -4px rgba(0, 0, 0, .3);
			display: inline-block;
			vertical-align: top;
		}
			#tutor_interview .contents section#video .tutor_story:hover {
				border: 1px solid #888;				
				-webkit-transition: all 0.5s ease-in-out;
				-moz-transition: all 0.5s ease-in-out;
			}
			#tutor_interview .contents section#video .tutor_story .tutor_image {
				width: 310px;
				height: 170px;
				background-size: cover;
				text-align: center;
				-webkit-border-radius: 4px 4px 0px 0px;
				-moz-border-radius: 4px 4px 0px 0px;
				border-radius: 4px 4px 0px 0px;
				background-color: rgba(0, 0, 0, .3);
			}
			#tutor_interview .contents section#video .tutor_story .tutor_image:hover {
				opacity: 0.8;
			}
/* tutor interview video images */
			
			
			#tutor_interview .contents section#video .tutor_story .tutor_1 {
				cursor: pointer;
				background: url(/campaign/video/spanish/resources/images/1.png) no-repeat;
				background-image: url(/campaign/video/spanish/resources/images/1_s.png)\9; /*IE8*/
			}
			
			#tutor_interview .contents section#video .tutor_story .tutor_2 {
				cursor: pointer;
				background: url(/campaign/video/spanish/resources/images/2.png) no-repeat;
				background-image: url(/campaign/video/spanish/resources/images/2_s.png)\9; /*IE8*/
			}
			
			#tutor_interview .contents section#video .tutor_story .tutor_3 {
				cursor: pointer;
				background: url(/campaign/video/spanish/resources/images/3.png) no-repeat;
				background-image: url(/campaign/video/spanish/resources/images/3_s.png)\9; /*IE8*/
			}
			
			#tutor_interview .contents section#video .tutor_story .tutor_4 {
				cursor: pointer;
				background: url(/campaign/video/spanish/resources/images/4.png) no-repeat;
				background-image: url(/campaign/video/spanish/resources/images/4_s.png)\9; /*IE8*/
			}
			
			#tutor_interview .contents section#video .tutor_story .tutor_5 {
				cursor: pointer;
				background: url(/campaign/video/spanish/resources/images/5.png) no-repeat;
				background-image: url(/campaign/video/spanish/resources/images/5_s.png)\9; /*IE8*/
			}
			
			#tutor_interview .contents section#video .tutor_story .tutor_6 {
				cursor: pointer;
				background: url(/campaign/video/spanish/resources/images/6.png) no-repeat;
				background-image: url(/campaign/video/spanish/resources/images/6_s.png)\9; /*IE8*/
			}
			
			#tutor_interview .contents section#video .tutor_story .tutor_7 {
				cursor: pointer;
				background: url(/campaign/video/spanish/resources/images/7.png) no-repeat;
				background-image: url(/campaign/video/spanish/resources/images/7_s.png)\9; /*IE8*/
			}
			
			#tutor_interview .contents section#video .tutor_story .tutor_8 {
				cursor: pointer;
				background: url(/campaign/video/spanish/resources/images/8.png) no-repeat;
				background-image: url(/campaign/video/spanish/resources/images/8_s.png)\9; /*IE8*/
			}
			
/* tutor interview video images */	
			#tutor_interview .contents section#video .tutor_story .about_tutor {
				padding: 5px;
			}
				#tutor_interview .contents section .about_tutor .avatar {
					float: left;
					margin-right: 10px;
				}
				
#tutor_interview .contents section .about_tutor .avatar img {
	width: 30px;
	height: 30px;
	padding: 2px;
	background-color: #FFF;
	border: 1px solid #CCC;
	box-shadow: 0px 3px 3px -2px rgba(0, 0, 0, .3);
}
#tutor_interview .contents section .about_tutor .byline {
	float: left;
	width: 245px;
}
	#tutor_interview .contents section .about_tutor .byline dl {
		margin: 0px;
		padding: 0px;
	}
	#tutor_interview .contents section .about_tutor .byline dt a {
		color: #3485ff;
		font-size: 18px;
	}
	#tutor_interview .contents section .about_tutor .byline dt a:hover {
		text-decoration: underline;
	}
	#tutor_interview .contents section .about_tutor .byline dd {
		margin: 0px;
		font-size: 12px;
		color: #888;
	}
#tutor_interview .contents section .about_tutor p img {
	vertical-align: top;
}

		#tutor_interview .contents section#feature .tutor_interview {
			width: 310px;
			background-color: #f5f5f5;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			border: 1px solid #CCC;
			box-shadow: 0px 5px 5px -4px rgba(0, 0, 0, .3);
			display: inline-block;
			vertical-align: top;
			position: relative;
			line-height: normal;
			float: left;
		}
			#tutor_interview .contents section#feature .tutor_interview:hover {
				border: 1px solid #888;				
				-webkit-transition: all 0.5s ease-in-out;
				-moz-transition: all 0.5s ease-in-out;
			}
			#tutor_interview .contents section#feature .tutor_interview .discription {
				margin-top: 250px;
				height: 250px;
				background-color: #f5f5f5;
				-webkit-border-radius: 0px 0px 4px 4px;
				-moz-border-radius: 0px 0px 4px 4px;
				border-radius: 0px 0px 4px 4px;
				padding: 10px 5px 30px 5px;
				font-family: MS PGothic\9; /* IE8 HACK */
				line-height: 130%\9; /* IE8 HACK */
				font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana;
			}
			#tutor_interview .contents section#feature .tutor_interview .discription p.tutor_name {
				color: #3485ff;
				font-size: 18px;
				font-weight: bold\9; /* IE8 HACK */
			}
			#tutor_interview .contents section#feature .tutor_interview .discription p.question {
				width: 310px;
				background-color: #E1EBF5;
				padding: 5px;
				border: 1px solid #CCC;
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
				border-radius: 4px;
				box-shadow: 0px 1px 1px rgba(0, 0, 0, .3);
				position: absolute;
				top: 315px;
				left: -6px;
			}
			#tutor_interview .contents section#feature .tutor_interview .discription p.question span {
				font-size: 18px;
				color: #E09090;
			}
			#tutor_interview .contents section#feature .tutor_interview .discription p.answer {
				
			}
			#tutor_interview .contents section#feature .tutor_interview .discription p.answer span {
				font-size: 18px;
				color: #5784BF;
			}
			#tutor_interview .contents section#feature .tutor_interview .discription p.answer a.read_more {
				color: #3F94FF;
				text-decoration: underline;
			}			

		#tutor_interview .contents section#feature a.more {
			float: right;
			margin: 20px 5px 0px 0px;
			padding: 5px 10px;
			background-color: #333;
			color: #FFF;
			-webkit-border-radius: 7px;
			-moz-border-radius: 7px;
			border-radius: 7px;
			box-shadow: 0px 0px 3px rgba(0, 0, 0, .6);
		}
		#tutor_interview .contents section#feature a.more:hover {
			background-color: #666;
			-webkit-transition: all 0.4s ease-out;
			-moz-transition: all 0.4s ease-out;
		}
		#tutor_interview .contents section#feature a.more:active {
			background-color: #333;
		}
		
#student_interview {
	background: #F5F5F5;
	padding-bottom: 60px;
}
#student_interview .contents {
	width: 980px;
	margin: 0 auto;
	padding-bottom: 30px;
}
	#student_interview .contents h2 {
			font-size: 24px;
			padding-top: 30px;
			position: relative;
		}
		#student_interview .contents h2:after {
			content: '';
			width: 140px;
			height: 2px;
			background-color: #333;
			position: absolute;
			bottom: -10px;
			left: 0px;
		}
		#student_interview .contents p {
			max-width: 490px;
			line-height: 150%;
		}
		#student_interview .contents section {
			margin-top: 50px;
		}
			#student_interview .contents section h3 {
				font-size: 18px;
				margin-bottom: 15px;
			}
			#student_interview .contents section .student_story {
				width: 290px;
				background-color: rgba(0, 0, 0, .3);
				-webkit-border-radius: 4px;
				-moz-border-radius: 4px;
				border-radius: 4px;
				border: 1px solid #CCC;
				box-shadow: 0px 5px 5px -4px rgba(0, 0, 0, .3);
				display: inline-block;
				vertical-align: top;
				position: relative;
				line-height: normal;
				float: left;
			}
			#student_interview .contents section .student_story:hover {
				border: 1px solid #888;				
				-webkit-transition: all 0.5s ease-in-out;
				-moz-transition: all 0.5s ease-in-out;
			}
				#student_interview .contents section .student_story .discription {
					margin-top: 230px;
					background-color: #FFF;
					-webkit-border-radius: 0px 0px 4px 4px;
					-moz-border-radius: 0px 0px 4px 4px;
					border-radius: 0px 0px 4px 4px;
					padding: 10px 5px 30px 5px;
					font-family: MS PGothic\9; /* IE8 HACK */
					line-height: 130%\9; /* IE8 HACK */
					font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana;
					text-align: left;
				}
				#student_interview .contents section .student_story .discription p.student_name {
					color: #3485ff;
					font-size: 18px;
					font-weight: bold\9; /* IE8 HACK */
					text-align: center;
				}
				#student_interview .contents section .student_story .discription p.student_info span {
					color: #888;
					font-size: 12px;
				}
				#student_interview .contents section .student_story .discription p.question {
					width: 290px;
					background-color: #E1EBF5;
					padding: 5px;
					border: 1px solid #CCC;
					box-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
					position: absolute;
					top: 300px;
					left: -6px;
					text-align: left;
				}
				#student_interview .contents section .student_story .discription p.question span {
					font-size: 18px;
					color: #E09090;
				}
				#student_interview .contents section .student_story .discription p.answer {
				}
				#student_interview .contents section .student_story .discription p.answer span {
					font-size: 18px;
					color: #5784BF;
				}
				#student_interview .contents section .student_story .discription a {
					color: #3F94FF;
					float: right;
					text-decoration: underline;
				}
				#student_interview .contents section a.more {
					float: right;
					margin-right: 40px;
					padding: 5px 10px;
					background-color: #333;
					color: #FFF;
					-webkit-border-radius: 7px;
					-moz-border-radius: 7px;
					border-radius: 7px;
				}
				#student_interview .contents section a.more:hover {
					background-color: #432;
				}
				#student_interview .contents section a.more:active {
					background-color: #724E2D;
				}
				
		#student_interview .contents a.more {
			float: right;
			margin: 20px 5px 0px 0px;
			padding: 5px 10px;
			background-color: #333;
			color: #FFF;
			-webkit-border-radius: 7px;
			-moz-border-radius: 7px;
			border-radius: 7px;
			box-shadow: 0px 0px 3px rgba(0, 0, 0, .6);
		}
		#student_interview .contents a.more:hover {
			background-color: #666;
			-webkit-transition: all 0.4s ease-out;
			-moz-transition: all 0.4s ease-out;
		}
		#student_interview .contents a.more:active {
			background-color: #333;
		}
	
/* video window */		
div#video_container_tutor {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	background-color: rgba(0, 0, 0, 0.7);
	background-color: #333333\9; /* IE8 HACK */
	display: none;
}
	div#video_container_tutor .video_wrap {
		width: 820px;
		height: 468px;
		padding-top: 10px;
		margin: 110px auto 0;
		margin: 60px auto 0\9; /* IE8 HACK */
		background-color: rgba(0, 0, 0, 0.3);
		background-color: #333333\9; /* IE8 HACK */
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		border-radius: 7px;
		position: relative;
		
		}
		div#video_container_tutor .video_wrap .social_toolbar {
			width: 800px;
			height: 448px;
			margin: 0 auto;
			background-color: #fff;
			padding-top: 10px;
		}
		div#video_container_tutor a.close {
			display: block;
			position: absolute;
			top: -10px;
			right: -10px;
			width: 1.5em;
			line-height: 1.5;
			height: 1.5em;
			border: .2em solid white;
			font-size: 20px;
			color: white;
			background: rgba(20, 20, 20, .7);
			background: #333333\9; /* IE8 HACK */
			text-align: center;
			text-shadow: 1px 1px 3px black;
			-moz-border-radius: 1em;
			-webkit-border-radius: 1em;
			border-radius: 1em;
			-moz-box-shadow: 1px 1px 5px rgba(0,0,0,.5);
			-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.5);
			box-shadow: 1px 1px 5px rgba(0,0,0,.5);
			text-decoration: none;
			}			


.tutor_info{
	width: 960px;
	float: left;
	height: 50px;
}

	.tutor_info .tutor_name{
		width: 300px;
		float: left;
		height: 50px;
	}
	
	.tutor_info .tutor_country{
		width: 660px;
		float: left;
		height: 52px;
		padding-top: 8px;
	}

.tutor_discription{
	width: 880px;
	float: left;
	margin: 0px 30px 0px 50px;
	height: 60px;
}