/*--- general ---*/
a, a:hover { color:#0177c9}

.nBtn { display:inline-block; vertical-align:middle; text-align:center; background:url(images/GlobalButton_02.png) 0 0 no-repeat}
.nBtn a, .nBtn input { padding:0 12px; text-decoration:none; color:#fff; border:0; background:url(images/GlobalButton_02.png) right -80px no-repeat}
.nBtn a { display:block}
.nBtn a:hover { text-decoration:none; color:#fff}
.nBtn input { cursor:pointer; height:20px; padding-top:2px}
.nBtn01 { background-position:0 0}
.nBtn05 { background-position:0 -60px}
.nBtn05 a, .nBtn05 input { background-position:right -120px}
.nBtn07 { background-position:0 -170px}
.nBtn07 a, .nBtn07 input { color:#333; background-position:right -190px}

#GlobalSimplifyNavbar { height:32px; background-position:0 0; background-repeat:repeat-x}
#GlobalSimplifyNavbar div { width:980px; height:28px; margin:0 auto; padding-top:4px}
#GlobalSimplifyNavbar ul { float:right; line-height:18px}
#GlobalSimplifyNavbar li { float:left; padding:4px 4px 6px}
#GlobalSimplifyNavbar li q { cursor:pointer; padding-right:10px; color:#0177c9; background-position:right -45px; background-repeat:no-repeat}
#GlobalSimplifyNavbar li p { display:none; position:absolute; z-index:1; left:-90px; top:27px; width:113px; padding:4px 8px; border:1px solid #d1d1d1; border-top:0; border-right-color:#999; border-bottom-color:#999; background:#fff}
#GlobalSimplifyNavbar li p a { display:block; width:100%; line-height:22px}
#GlobalSimplifyNavbar li p span { display:block; overflow:hidden; height:1px; margin:4px 0; background:#e0e0e0}
#GlobalSimplifyNavbar li.hover { position:relative; padding:3px 3px 6px; border:1px solid #d1d1d1; border-bottom:0; border-right-color:#999; background-color:#fff}
#GlobalSimplifyNavbar li.hover q { background-position:right -75px}
#GlobalSimplifyNavbar li.hover a.s1 { background-position:-619px -66px}
#GlobalSimplifyNavbar li.hover p { display:block}
#GlobalSimplifyNavbar em { display:inline-block; padding-top:2px}
*+html #GlobalSimplifyNavbar li q { display:inline-block; height:18px}
#GlobalSimplifyNavbar a#outbt { color:#777}

#institutionHead { width:980px; margin:0 auto; background:#fff}
#institutionHead .institutionHead-mast { overflow:hidden; height:75px; padding:8px 16px}
#institutionHead .institutionHead-mast h2 { float:left; width:410px}
#institutionHead .institutionHead-mast h2 a { float:left; color:#333}
#institutionHead .institutionHead-mast h2 img { float:left; width:150px; height:75px; margin-right:10px}
#institutionHead .institutionHead-mast h2 strong { float:left; cursor:pointer; padding-top:30px; font:normal 20px/20px Simhei}
#institutionHead .institutionHead-mast h2 a:hover { color:#333; text-decoration:none}
#institutionHead .institutionHead-mast h2 a:hover strong { border-bottom:2px solid #333}
#institutionHead .institutionHead-mast p { float:left; width:230px; padding:20px 14px 0 0; }
#institutionHead .institutionHead-mast p img { width:230px; height:45px; background-position:0 -40px; background-repeat:no-repeat}
#institutionHead .institutionHead-mast p img.s1 { background:url(images/bg_institution_v1_grl.png) -150px 0 no-repeat}
#institutionHead .institutionHead-mast div.search { float:left; width:260px; height:20px; margin-top:23px; padding:5px 4px; background-position:-240px -50px; background-repeat:no-repeat}
#institutionHead .institutionHead-mast div.search .txti { float:left; overflow:hidden; width:200px}
#institutionHead .institutionHead-mast div.search .txti input { width:170px; padding:3px 4px 2px 30px; height:15px; font:12px/15px Tahoma; color:#333; border:0; background:none}
#institutionHead .institutionHead-mast div.search .btni { float:left; overflow:hidden; width:60px; height:20px}
#institutionHead .institutionHead-mast div.search .btni input { cursor:pointer; width:60px; height:20px; padding:0; font-family:Simsun; color:#fff; border:0; background:none}
#institutionHead .institutionHead-Nav { overflow:hidden; height:36px; padding:4px 0 6px 40px; background-position:0 -100px; background-repeat:no-repeat}
#institutionHead .institutionHead-Nav ul { overflow:hidden}
#institutionHead .institutionHead-Nav li { float:left; margin-left:-2px; padding:7px 17px 9px 19px; background-position:0 -156px; background-repeat:no-repeat}
#institutionHead .institutionHead-Nav li a { float:left; height:20px; font-size:14px; color:#fff}
#institutionHead .institutionHead-Nav li.selected { position:relative; margin:0; padding:0 0 0 3px; background-position:-780px -160px; background-repeat:no-repeat}
#institutionHead .institutionHead-Nav li.selected a { padding:7px 17px 9px 14px; font-weight:bold; color:#333; background-position:right -160px; background-repeat:no-repeat}

#institutionAnnouncement { overflow:hidden; width:980px; height:20px; margin:0 auto; padding:4px 0 6px; border-bottom:1px solid #e0e0e0; background:#fff}
#institutionAnnouncement strong { float:left; padding-left:16px; color:#777}
#institutionAnnouncement ul { float:left}
#institutionAnnouncement span { float:right}

#GlobalFootInstitution { clear:both; width:980px; margin:0 auto 8px; font:12px/20px Tahoma, Arial, Simsun; color:#333; background:#fff}
#GlobalFootInstitution .friendlyLink { width:948px; padding:0 16px 8px; color:#777; background:#f5f5f5}
#GlobalFootInstitution .friendlyLink span { padding-right:4px; white-space:nowrap}
#GlobalFootInstitution .friendlyLink strong { font-weight:normal}
#GlobalFootInstitution .friendlyLink a { padding-right:7px; color:#777}
#GlobalFootInstitution .footnav { padding-top:8px; text-align:center; color:#ccc; border-top:1px solid #e7e7e7}
#GlobalFootInstitution .footnav a { color:#333}
#GlobalFootInstitution p { margin:0; padding:0; padding:4px 0; text-align:center; color:#777}
#GlobalFootInstitution p img { margin:0 6px; border:0; vertical-align:middle; background-repeat:no-repeat}
#GlobalFootInstitution p img.s1 { width:105px; height:25px; background-position:0 -230px}
#GlobalFootInstitution p img.s2 { width:82px; height:29px; background-position:-130px -230px}
#GlobalFootInstitution p img.s3 { width:71px; height:27px; background-position:-230px -230px}
#GlobalFootInstitution p img.s4 { width:118px; height:22px; background-position:-320px -230px}
#GlobalFootInstitution p img.s5 { width:84px; height:27px; background-position:-470px -230px}
#GlobalFootInstitution p img.s6 { width:106px; height:25px; background-position:-580px -230px}
#GlobalFootInstitution p img.s7 { width:117px; height:25px; background-position:-720px -230px}
#GlobalFootInstitution q { display:block; overflow:hidden; height:10px; background-position:0 -200px; background-repeat:no-repeat}
#GlobalFootInstitution q.s1 { background-position:0 -210px}


#alertBox { display:none}
.alertBox { font-size:14px}
.alertBox dl { padding:20px 25px 0}
.alertBox dt { float:left; width:30px; height:30px; background:url(images/GlobalIcon_alert.png) no-repeat}
.alertBox dt.s1 { background-position:0 0}
.alertBox dt.s2 { background-position:0 -40px}
.alertBox dt.s3 { background-position:0 -80px}
.alertBox dd { float:left; width:230px; padding-left:10px}
.alertBox dd p.s1 { font-size:12px}
.alertBox dd .func { padding-top:12px; font-size:12px}
.alertBox dd .func span.nBtn { margin-right:8px}

#TBB_coursesToBeReferred { display:none}
.TBB_coursesToBeReferred ul { padding-top:8px}
.TBB_coursesToBeReferred li { float:left; overflow:hidden; width:280px; height:20px; padding:2px 20px 2px 0}
.TBB_coursesToBeReferred .func { padding:12px 0 20px; font-size:12px}
.TBB_coursesToBeReferred .func span.nBtn { margin-right:8px}
.TBB_coursesToBeReferred .func em { color:#e61313}


/*--- layout ---*/
#wrap_institution { width:980px; margin:0 auto 8px; background:#fff}
#wrap_institution-btm { display:block; clear:both; overflow:hidden; height:10px; border-top:22px solid #fff; background-position:0 -210px; background-repeat:no-repeat}
#main { width:100%; border-top:16px solid #fff; background:url(images/bg_institution_v1_vhr.png) 707px 0 repeat-y}
.area01 { float:left; width:675px; padding:0 16px 12px}
.area02 { float:left; width:240px; padding:0 16px 12px 17px}


/*--- parent ---*/
.parent02 { margin-bottom:20px}
.parent03 { float:left; width:330px; margin-right:15px}
.parent04 { float:left; width:330px}

/*--- block ---*/
.blk01 .ttl { overflow:hidden; height:20px; padding:4px 0; border-bottom:3px solid #e0e0e0}
.blk01 .ttl h2 { float:left; font-size:14px}
.blk01 .ttl h2 a { color:#333}
.blk01 .ttl span { float:right}
.blk01 .ttl span a { padding-right:8px; color:#999; background-position:right -475px; background-repeat:no-repeat}
*+html .blk01 .ttl span a { background-position:right -477px}

.blk02 .ttl { overflow:hidden; height:20px; padding:4px 0; border-bottom:3px solid #2f95e0}
.blk02 .ttl h1 { font-size:16px}
.blk02 .ttl h2 { font-size:14px}
.blk02 .ttl h1 a, .blk02 .ttl h2 a { color:#333}

.blk03 { border:1px solid #e0e0e0; border-top:0}
.blk03 .ttl { height:20px; padding-top:8px; border-top:3px solid #2f95e0}
.blk03 .ttl img { display:none; width:100%; height:10px; background-position:0 -360px; background-repeat:no-repeat}
.blk03 .ttl h2 { padding-left:16px; font-size:14px}

/*--- special ---*/
.ad01 { width:100%; height:68px}
.ad01 img { width:100%; height:100%; vertical-align:top}

.breadcrumb { padding:5px 10px; background:#fff}
.breadcrumb p, .breadcrumb p a { color:#777}
.breadcrumb p em { color:#333}
.breadcrumb span { float:right}

.classSuggest .filter { padding-top:8px}
.classSuggest .filter dl { padding:3px 0; border-bottom:1px solid #e0e0e0}
.classSuggest .filter dt { float:left; overflow:hidden; height:20px; padding-left:8px; border-top:2px solid #fff; background-position:-780px -340px; background-repeat:no-repeat}
.classSuggest .filter dt strong { float:left; padding-right:16px; font-weight:normal; color:#fff; background-position:right -340px; background-repeat:no-repeat}
.classSuggest .filter dd { float:left; padding-left:8px}
.classSuggest .filter dd span { float:left; padding:2px 24px 2px 8px; white-space:nowrap}
.classSuggest .filter dd span.selected a { font-weight:bold; color:#f60}
.classSuggest .sortby { padding:10px 8px}
.classSuggest .sortby strong { color:#f60}
.classSuggest .sortby p { float:right}
.classSuggest .sortby p select { margin-left:4px; vertical-align:text-bottom}
.classSuggest .loading { padding:20px 0; text-align:center; border-top:1px solid #e0e0e0}
.classSuggest .courseList dt { width:100%; font-weight:normal; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; background:#f3f3f3}
.classSuggest .courseList dd { overflow:hidden; width:100%; height:29px; padding-bottom:1px; background:url(images/GlobalLine_03.gif) left bottom repeat-x #fff}
.classSuggest .courseList dd:hover { background-color:#f3f3f3}
.classSuggest .courseList dd strong, .classSuggest .courseList dd small, .classSuggest .courseList dd big, .classSuggest .courseList dd address, .classSuggest .courseList dd em, .classSuggest .courseList dd del, .classSuggest .courseList dd b { overflow:hidden; height:29px; line-height:29px}
.classSuggest .courseList strong { width:190px; padding-left:8px; font-weight:normal}
.classSuggest .courseList small { width:60px}
.classSuggest .courseList big { width:120px; font-weight:normal}
.classSuggest .courseList address { width:100px; font-weight:normal}
.classSuggest .courseList del { width:60px}
.classSuggest .courseList em { width:60px; font-weight:normal}
.classSuggest .courseList dd em { color:#e61313}
.classSuggest .courseList dd em.s1 { width:120px; padding-right:5px; text-align:center}
.classSuggest .courseList b { float:left; width:46px; font-weight:normal}
.classSuggest .courseList b a { color:#0177c9}
.classSuggest .courseList b a:hover, .classSuggest .courseList b a:hover span { cursor:pointer; text-decoration:underline}
.classSuggest .pages { padding-bottom:0}

.institutionBranch div { padding:12px 0 8px; text-indent:2em}
.institutionBranch p { padding-bottom:6px; text-indent:2em}
.institutionBranch li { float:left; overflow:hidden; width:330px; height:30px; line-height:30px; border-right:15px solid #fff; background:url(images/GlobalLine_03.gif) left bottom repeat-x}
.institutionBranch li.s1 { border-right:0}
.institutionBranch li small { float:right; width:112px}
.institutionBranch li strong { float:left; overflow:hidden; width:200px; height:30px; padding-left:17px; font-weight:normal; background-position:-946px -508px; background-repeat:no-repeat}
.institutionBranch li strong a, .institutionBranch li strong a:hover { color:#333}
.institutionBranch li small a { margin:0 4px; color:#0177c9}

.institutionCourseRecommend .list { padding:16px 0; border-bottom:1px solid #e0e0e0}
.institutionCourseRecommend .pic { float:left; width:120px; padding-right:12px}
.institutionCourseRecommend .pic img { width:120px; height:160px; vertical-align:top}
.institutionCourseRecommend .txt { float:left; width:543px}
.institutionCourseRecommend .txt h3 { overflow:hidden; height:24px; padding-top:4px; font:normal 16px/20px Simhei}
.institutionCourseRecommend .txt h3 strong { padding-right:4px; font-weight:normal}
.institutionCourseRecommend .txt h3 strong a { padding:2px; color:#fff; background:#0177c9}
.institutionCourseRecommend .txt p { overflow:hidden; height:66px; padding:2px 0 6px; line-height:22px; color:#777}
.institutionCourseRecommend .txt h6 { overflow:hidden; height:20px; padding-bottom:2px; font-size:12px}
.institutionCourseRecommend .txt ul { overflow:hidden; height:20px; padding:8px 12px; background-position:0 -280px; background-repeat:no-repeat}
.institutionCourseRecommend .txt li { float:left; padding:0 20px 20px 0; white-space:nowrap}
.institutionCourseRecommend .txt li a { color:#333}

.institutionEnvironment { padding:8px 0 12px}
.institutionEnvironment .hd { padding-bottom:40px}
.institutionEnvironment .hd li { float:left; margin-right:1px; font-size:14px; background:#eaeaea}
.institutionEnvironment .hd li.s1 { position:relative; padding:2px 28px; color:#fff; background:#2f95e0}
.institutionEnvironment .hd li.s1 small { position:absolute; z-index:2; left:50%; top:24px; display:block; overflow:hidden; width:5px; height:3px; margin-left:-2px; background-position:0 -540px; background-repeat:no-repeat}
.institutionEnvironment .hd li a { display:block; padding:2px 28px; color:#333}
.institutionEnvironment .screen { overflow:hidden; width:600px; height:450px; margin:0 auto; text-align:center}
.institutionEnvironment .screen td { overflow:hidden; width:600px; height:450px}
.institutionEnvironment .name { width:600px; margin:0 auto; padding:12px 0}
.institutionEnvironment .name em { font-size:14px}
.institutionEnvironment .name p { float:right}
.institutionEnvironment .list { position:relative; width:639px; padding:0 17px 0 19px}
.institutionEnvironment .list a.pre { position:absolute; left:0; top:15px; display:block; width:11px; height:22px; background-position:0 -400px; background-repeat:no-repeat}
.institutionEnvironment .list a.next { position:absolute; right:0; top:15px; display:block; width:11px; height:22px; background-position:-24px -400px; background-repeat:no-repeat}
.institutionEnvironment .list div { overflow:hidden; width:100%}
.institutionEnvironment .list ul { overflow:hidden; width:9000px}
.institutionEnvironment .list li { float:left; cursor:pointer; width:68px; height:52px; padding-right:3px}
.institutionEnvironment .list li img { width:64px; height:48px; border:2px solid #2e3438}
.institutionEnvironment .list li.select img { border-color:#ffa200}
.institutionEnvironment div.video .screen { width:480px; height:400px}
.institutionEnvironment div.video .name { width:480px}
.institutionEnvironment div.video .list li { position:relative}
.institutionEnvironment div.video .list li span { position:absolute; left:21px; top:16px; z-index:1; width:26px; height:19px; background:url(http://css.114study.com/images/GlobalVideo_01.png) no-repeat}
* html .institutionEnvironment div.video .list li span { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://css.114study.com/images/GlobalVideo_01.png", sizingMethod="crop")}

.institutionInfo .album { float:left; width:240px; height:208px; padding:6px; padding-bottom:4px; border:1px solid #e0e0e0}
.institutionInfo .album .pic { overflow:hidden; width:100%; height:180px}
.institutionInfo .album .pic img { vertical-align:top}
.institutionInfo .album .name { padding-top:6px}
.institutionInfo .album .name em { float:left; overflow:hidden; width:190px; height:18px; line-height:18px}
.institutionInfo .album .name span { float:left; width:50px; text-align:right}
.institutionInfo .album .name span a img { width:18px; height:18px; background-repeat:no-repeat}
.institutionInfo .album .name span a.pre img { background-position:0 -360px}
.institutionInfo .album .name span a.pre:hover img { background-position:-20px -360px}
.institutionInfo .album .name span a.next { margin-left:-1px}
.institutionInfo .album .name span a.next img { background-position:-40px -360px}
.institutionInfo .album .name span a.next:hover img { background-position:-60px -360px}
.institutionInfo .disc { float:left; width:421px}
.institutionInfo .disc h2 { float:left; margin-bottom:-8px; padding:0 0 10px 12px; font-size:14px; color:#fff; background-position:-780px -280px; background-repeat:no-repeat}
.institutionInfo .disc h2 a { float:left; padding:10px 20px 10px 0; color:#fff; background-position:right -280px; background-repeat:no-repeat}
.institutionInfo .disc p { clear:both; padding-left:12px; line-height:24px}
.institutionInfoHasAD .album { width:420px}
.institutionInfoHasAD .disc { width:241px}

.institutionIntro { overflow:hidden; width:655px; padding:8px 10px 20px; font-size:14px; line-height:24px}
.institutionIntro h2 { padding:6px 0; font-size:14px; border-bottom:1px solid #e0e0e0}
.institutionIntro div.txt { padding:8px 0 12px; line-height:24px; font-size:14px}
.institutionIntro div.txt p { padding-bottom:10px}
.institutionIntro ul.s1 { padding:8px 0 12px; line-height:24px; font-size:14px}
.institutionIntro ul.s2 { overflow:hidden; width:100%}
.institutionIntro ul.s2 li { margin-top:-1px; padding:8px 0; background:url(images/GlobalLine_03.gif) left top repeat-x}
.institutionIntro ul.s2 li h5 { padding-bottom:2px; font-size:14px; font-weight:normal}
.institutionIntro ul.s2 li h5 span { float:right; padding-left:30px; font-size:12px; color:#418b2d}
.institutionIntro ul.s2 li p { color:#777}

.institutionLocation { padding:8px 0 12px}
.institutionLocation ul { overflow:hidden; width:100%}
.institutionLocation li { margin-top:-1px; padding:9px 10px 8px; background:url(images/GlobalLine_03.gif) left top repeat-x}
.institutionLocation li div { padding-bottom:4px}
.institutionLocation li div h3 { display:inline; font-size:14px; color:#e61313}
.institutionLocation li div span { padding-left:20px}
.institutionLocation li p { padding-bottom:4px}
.institutionLocation li p strong { display:block}
.institutionLocation li p span { padding-left:20px}

.institutionNewsDetail { padding:0 10px}
.institutionNewsDetail h2 { padding:16px 0 10px; text-align:center; font:normal 25px/32px microsoft Yahei, Simhei, Simsun}
.institutionNewsDetail .info { padding-top:4px; text-align:center; color:#777; border-top:1px solid #e0e0e0}
.institutionNewsDetail .info a { color:#777}
.institutionNewsDetail .textbox { overflow:hidden; width:635px; padding:12px 10px; line-height:24px; font-size:14px; color:#333}
.institutionNewsDetail .textbox .content p { padding:5px 0px}
.institutionNewsDetail .textbox .content a { color:#0071b8; text-decoration:underline}
.institutionNewsDetail .textbox .content em a { text-decoration:underline}
.institutionNewsDetail .textbox .content strong em { font-weight:bold}
.institutionNewsDetail .textbox .content q { font-family:KaiTi_GB2312}
.institutionNewsDetail .textbox .content hr { height:0; margin:0; padding:0; border:0; border-top:1px dotted #999}
.institutionNewsDetail .textbox .content table { border-collapse:collapse; border:1px solid #ccc}
.institutionNewsDetail .textbox .content table td { padding:5px 3px; line-height:18px; border:1px solid #ccc}
.institutionNewsDetail .textbox .pagesBox  { padding:20px 0 10px}
.institutionNewsDetail .textbox .pages { position:relative; left:50%; float:left; height:auto; padding:10px 0}
.institutionNewsDetail .textbox .pages .num { position:relative; left:-50%; float:left; height:auto}

.institutionNewsList { padding:8px 0 12px}
.institutionNewsList li { float:left; width:655px; padding:8px 10px; font-size:14px; background:url(images/GlobalLine_03.gif) left bottom repeat-x}
.institutionNewsList li small { float:right; padding-left:24px; font-size:11px; color:#777}
.institutionNewsList li:hover { background-color:#f3f3f3}
.institutionNewsList li img { width:10px; height:10px; margin-right:4px; background-position:0 -580px; background-repeat:no-repeat}

.institutionPublishRefer { padding:10px 12px 20px}
.institutionPublishRefer dl { padding:4px 0}
.institutionPublishRefer dl.s1 { padding-bottom:0}
.institutionPublishRefer dt { float:left; width:100px; text-align:right}
.institutionPublishRefer dd { float:left; width:529px}
.institutionPublishRefer dd input.txtinput { width:100px}
.institutionPublishRefer dd input.s1 { background:#eee}
.institutionPublishRefer dd textarea { width:90%; height:80px}
.institutionPublishRefer dd small { padding-left:12px; color:#777}
.institutionPublishRefer dd small a { text-decoration:underline}
.institutionPublishRefer dd em { color:#e61313}
.institutionPublishRefer dd a.slct-course { float:left; width:90px; padding-left:18px; color:#333; text-decoration:none; background-position:-240px -500px; background-repeat:no-repeat}
.institutionPublishRefer .func { padding:5px 100px}
.institutionPublishRefer a { color:#0177c9}

.institutionQuickSearch { border:1px solid #e0e0e0; background:#f3f3f3}
.institutionQuickSearch .inner { overflow:hidden; height:70px; border:1px solid #fff}
.institutionQuickSearch img { float:left; width:64px; height:64px; margin-top:6px; background-position:-240px -400px; background-repeat:no-repeat}
.institutionQuickSearch p { float:left; width:490px; padding:10px 0 0 8px}
.institutionQuickSearch p select { width:110px; margin:0 4px 10px 0}
.institutionQuickSearch p select.w1 { width:148px}
.institutionQuickSearch span { float:left; padding-top:18px}
.institutionQuickSearch span input { cursor:pointer; width:72px; height:32px; font-weight:bold; color:#333; border:0; background-position:-240px -330px; background-repeat:no-repeat}
.institutionQuickSearch span input.s1 { color:#fff; background-position:-320px -330px}

.institutionReferList { padding-bottom:20px}
.institutionReferList .referListSum { padding:8px 8px 4px; border-bottom:1px solid #e0e0e0}
.institutionReferList .referListSum em { padding:0 4px; color:#e61313}
.institutionReferList .list { padding:8px; background:url(images/GlobalLine_03.gif) left bottom repeat-x}
.institutionReferList .list.b1 { background-color:#f3f3f3}
.institutionReferList .list p { float:left; width:100%; padding-bottom:4px}
.institutionReferList .list p span { color:#777}
.institutionReferList .list dl { float:left; width:100%}
.institutionReferList .list dt { float:left; width:56px; text-align:right; background-position:0 -457px; background-repeat:no-repeat}
.institutionReferList .list dd { float:left; width:483px; font-weight:bold}
.institutionReferList .list dd.time { width:120px; text-align:right; font-size:11px; font-weight:normal; color:#999}
.institutionReferList .list dl.s1 { padding-top:3px; color:#333}
.institutionReferList .list dl.s1 dt { background-position:0 -497px}
.institutionReferList .list dl.s1 dd { font-weight:normal}
.institutionReferList .list dd a { color:#333}
.institutionReferList .status { padding:20px 0; background:url(images/GlobalLine_03.gif) left bottom repeat-x}

.institutionReviewList .reviewSum { padding:8px 8px 4px; border-bottom:1px solid #e0e0e0}
.institutionReviewList .reviewSum em { padding:0 4px; color:#e61313}
.institutionReviewList .list { padding:8px; background:url(images/GlobalLine_03.gif) left bottom repeat-x}
.institutionReviewList .list .pic { float:left; width:40px; padding-top:5px}
.institutionReviewList .list .pic img { width:40px; height:40px}
.institutionReviewList .list .txt { float:left; width:605px; padding-left:14px}
.institutionReviewList .list .txt p { color:#777}
.institutionReviewList .list .txt p strong, .institutionReviewList .list .txt p strong a { color:#333}
.institutionReviewList .list .txt p small { padding-left:8px; font-size:11px; color:#999}
.institutionReviewList .list .txt p span { padding-right:4px}
.institutionReviewList .list .txt p q { padding-left:4px; color:#999}
.institutionReviewList .list .txt div { padding-top:5px}
.institutionReviewList .list .txt .UGCFunc { padding-top:5px}
.institutionReviewList .list .txt .UGCFunc a { color:#999}
.institutionReviewList .status { padding:20px 0; background:url(images/GlobalLine_03.gif) left bottom repeat-x}

.institutionTeacher { padding:8px 0 12px}
.institutionTeacher ul { overflow:hidden; width:100%}
.institutionTeacher li { float:left; width:655px; margin-top:-1px; padding:11px 10px 10px; background:url(images/GlobalLine_03.gif) left top repeat-x}
.institutionTeacher li img { float:left; width:120px; height:120px; border:1px solid #ccc}
.institutionTeacher li div { float:left; width:523px; padding-left:10px}
.institutionTeacher li h3 { padding-bottom:4px; font-size:14px; color:#e61313}
.institutionTeacher li p { padding-bottom:8px}

.productOppointment h1 { margin-bottom:8px; padding:0 0 2px 12px; font-size:16px; border-bottom:3px solid #2f95e0}
.productOppointment h1 span { display:inline-block; width:29px; height:26px; margin-right:8px; vertical-align:middle; background:url(images/bg_institution_v1_grl.png) -80px 0 no-repeat}
.productOppointment .info { margin-bottom:8px; padding:8px 16px; border:1px solid #e0e0e0; background:#f5f5f5}
.productOppointment .info p { padding-bottom:6px; font-weight:bold; background:url(images/GlobalLine_03.gif) left bottom repeat-x}
.productOppointment .info ul { padding-top:4px}
.productOppointment .info li { float:left; overflow:hidden; width:32%; height:20px; padding:2px 0}
.productOppointment .info li.s1 { width:100%}
.productOppointment .sheet { padding:8px 0 20px}
.productOppointment .sheet dl { padding:4px 0}
.productOppointment .sheet dt { float:left; width:120px; padding-right:16px; text-align:right}
.productOppointment .sheet dd { float:left; width:520px}
.productOppointment .sheet dd input.txtinput { width:300px; height:20px; line-height:20px; color:#777}
.productOppointment .sheet dd input.w1 { width:477px}
.productOppointment .sheet dd textarea { width:480px; height:90px; color:#777}
.productOppointment .sheet .func { padding:4px 0 20px 136px}
.productOppointment .sheet .func input { vertical-align:top}
.productOppointment .sheet .func small { padding-left:20px; line-height:24px}
.productOppointment .sheet .func small a { text-decoration:underline; color:#999}
.productOppointment .step img { width:675px; height:56px; background:url(images/bg_institution_v1_grl.png) 0 -60px no-repeat}
.productOppointment .success { padding:20px 20px 40px 100px}
.productOppointment .success img { float:left; width:55px; height:58px; background:url(images/bg_institution_v1_grl.png) 0 0 no-repeat}
.productOppointment .success img.phone { width:46px; height:47px; margin:4px 9px 0 0; background-position:-80px -210px}
.productOppointment .success div.ctn { float:left; width:480px; padding-left:12px}
.productOppointment .success div.ctn h3 { padding:8px 0 12px; font:normal 20px Simhei; color:#f60}
.productOppointment .success div.ctn ul { padding-bottom:12px}
.productOppointment .success div.ctn li { padding:0 0 4px 12px; background:url(images/GlobalIcon_02.gif) 2px 8px no-repeat}
.productOppointment .success div.ctn li em { color:#f60}
.productOppointment .success div.ctn p.after span { padding-left:20px}
.productOppointment .notice { padding-top:8px; padding-bottom:8px}
.productOppointment .notice span { float:left; width:8px; margin-top:4px}
.productOppointment .notice p { float:left; width:612px}
.productOppointment .notice strong { font:bold 18px microsoft Yahei, Simhei, Simsun}
.productOppointment .notice strong .tel { font-size:24px; color:#d50404}

/*--- mod ---*/
.mod01 li { padding:8px 0; background:url(images/GlobalLine_03.gif) left bottom repeat-x}
.mod01 li h4 { padding-bottom:2px; font-size:12px}
.mod01 li h4 a, .mod01 li h4 a:hover { color:#333}
.mod01 li p { padding-bottom:2px}
.mod01 li div { overflow:hidden; width:240px; word-break:break-all}

.mod02 li { padding:8px 0; background:url(images/GlobalLine_03.gif) left bottom repeat-x}
.mod02 li h4 { padding-bottom:2px; font-size:12px}
.mod02 li h4 a, .mod02 li h4 a:hover { color:#333}
.mod02 li dt { float:left; width:20px; height:20px; background-position:0 -456px; background-repeat:no-repeat}
.mod02 li dl.s1 dt { background-position:0 -496px}
.mod02 li dd { float:left; overflow:hidden; width:220px; word-break:break-all}

.mod03 ul { padding-top:4px}
.mod03 li { overflow:hidden; height:30px; line-height:30px; background:url(images/GlobalLine_03.gif) left bottom repeat-x}
.mod03 li a { padding-left:13px; color:#333; background-position:-950px -516px; background-repeat:no-repeat}
.mod03 li a:hover { color:#333}

.mod04 ul { padding-top:4px}
.mod04 li { overflow:hidden; height:30px; line-height:30px; background:url(images/GlobalLine_03.gif) left bottom repeat-x}
.mod04 li a, .mod04 li a:hover { color:#333}
.mod04 li small { float:right; padding-left:12px; font-size:11px; color:#777}

.mod05 ul { padding-top:4px}
.mod05 li { padding-bottom:1px; background:url(images/GlobalLine_03.gif) left bottom repeat-x}
.mod05 li a { display:block; overflow:hidden; cursor:pointer; width:100%; height:64px; padding:8px 0}
.mod05 li img { float:left; width:60px; height:60px; border:2px solid #eee}
.mod05 li strong, .mod05 li span { float:left; width:172px; padding-left:4px; color:#333}
.mod05 li span { color:#777}
.mod05 li a:hover { text-decoration:none; background-color:#f3f3f3}
.mod05 li a:hover strong { text-decoration:underline}
.mod05 li a:hover img { border-color:#999}

.mod06 { padding-top:4px}
.mod06 li { overflow:hidden; height:30px; line-height:30px; background:url(images/GlobalLine_03.gif) left bottom repeat-x}
.mod06 li big { padding-right:4px}
.mod06 li a, .mod06 li a:hover { color:#333}

.mod07 ul { padding-top:12px}
.mod07 li { float:left; overflow:hidden; width:64px; height:48px; padding:0 12px 12px 0}
.mod07 li img { width:100%; height:100%; vertical-align:top}

.mod08{ padding:16px 0 8px; margin-bottom:10px; border-bottom:1px dotted #CCC}
.mod08 dl{ float:left; padding:6px 0}
.mod08 dl dt { float:left;text-align:right; padding-right:8px; width:70px}
.mod08 dl dt small{ vertical-align:middle; color:#F00}
.mod08 dl dd { float:left}
.mod08 dl dd input { width:150px; height:16px; padding-top:4px}
.mod08 dl dd select { width:158px; height:24px; border:1px solid; border-color:#666 #BBB #BBB #666}
.mod08 dl dd textarea { float:left; width:154px; height:40px}
.mod08 .func { padding-left:78px}
.mod08 .func input { padding-top:0; cursor:pointer; width:160px; height:40px; font:bold 16px/40px Microsoft YaHei, Simhei; color:#F00; border:0; background:url(images/bg_institution_v1_grl.png) -370px 0 no-repeat}
.mod08 .func input:hover { color:#333}
.mod08 .func small { display:block; padding:8px 0}
.mod08 .func small a { text-decoration:underline; color:#999}
.mod08 .tips { width:236px; padding-top:10px; border-top:1px dotted #ccc}
.mod08 .tips strong{ float:left; width:100px; height:60px}
.mod08 .tips span em{float:left; padding-left:20px; width:100px; background:url(images/bg_institution_v1_grl.png) -660px 4px no-repeat}