@charset "utf-8";

.multi_pages {clear:both; padding:20px;}
.pg { float: right;}
	.pg, .pgb { line-height: 26px;}
		.pg a, .pg strong, .pgb a { float: left; display: inline; margin-left: 4px; padding: 0 8px; height: 26px; border: 1px solid; border-color: #D1D9DF; background-color: #fff; background-repeat: no-repeat; color: #333; overflow: hidden; text-decoration: none;}
			.pg a.nxt, .pgb a { padding: 0 10px;}
			.pg a:hover, .pgb a:hover { border-color: #08C; color: #08C;}
			.pg a.nxt { padding-right: 25px; background-image: url(../images/multi_page/arw_r.jpg); background-position: 90% 50%;}
			.pg a.prev { background-image: url(../images/multi_page/arw_l.jpg); background-position: 10% 50% ; padding-left:25px;}
			.pg strong { background-color: #E9F2F9;}
		.pgb a { padding-left: 25px; background-image: url(../images/multi_page/arw_l.jpg); background-position: 10px 50%;}

/*message*/
.position {padding:10px; font-size:12px; color:#999;}
.position a {color:#666; margin:0 5px;}
.message_box {padding:20px 60px;}
.message_box table {width:100%;}

ul.msg-link {
    list-style-type: none;}

ul.msg-link li {
    background: url(../images/arrow.jpg) no-repeat 0px 6px;
    padding-left:   18px;
    margin-left:  0;}
ul.msg-link li a {color:#333;}

.message_box {border:1px #CCC solid;}

.teacherSlist {padding:10px 0px;}
.teacherSlist ul li {float:left; _display:inline; width:184px; height:210px; text-align:center;}
.teacherSlist ul li a img {width:120px; height:160px; padding:2px; border:1px #ccc solid;}
.teacherSlist ul li a:hover img {border:1px #666 solid;}
.teacherSlist ul li p {text-align:center; color:#666; line-height:120%;}
.teacherSlist ul li p a {font-weight:bold;}


.teacher-info {margin:10px auto 30px auto; clear:both;}
.teacher-info .title {text-align: center; font-size: 21px; color:#000;}
.teacher-info .avatar {float:left; _display: inline; width: 220px; text-align: center;}
.teacher-info .avatar img {border:1px #ccc solid; width: 200px;}
.teacher-info .items {float: right; _display: inline; width: 400px;}
.teacher-info .items td {font-size: 14px; padding: 6px;}
.teacher-info .items td.first {width: 80px;}

.m-teacher-list {clear:both; border-bottom: 1px #ccc solid; margin: 20px 10px 10px 10px;}
.m-teacher-list h3 {font-weight: bold;}
.m-teacher-list ul {clear:both;}
.m-teacher-list ul li {float: left; _display: inline; margin:5px 6px;}
.m-teacher-list p {margin:12px 0;}
.m-teacher-list p a {font-size: 14px; margin: 0 5px;}
.m-teacher-list p .option_name {font-size: 14px; font-weight: bold;}

.friend-links {}
.friend-links a {margin:0 10px;}
