﻿/*--- general ---*/
a { color:#0177c9}
a:hover { color:#f13a09}

.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 { overflow:hidden; height:32px; background:url(images/bg_institution_v0.png) 0 0 repeat-x}
#GlobalSimplifyNavbar div { overflow:hidden; width:980px; height:22px; margin:0 auto; padding:5px 0}
#GlobalSimplifyNavbar p { float:right}
#GlobalSimplifyNavbar p span { float:left}
#GlobalSimplifyNavbar p span.s1 { height:18px; margin-right:2px; padding:1px 1px 1px 0; border:1px solid #bbb}
#GlobalSimplifyNavbar p span.s1 span { overflow:hidden; height:18px}
* html #GlobalSimplifyNavbar p span.s1 span { font-family:Arial}
#GlobalSimplifyNavbar p span.s1 select { margin:-1px}
#GlobalSimplifyNavbar p span.s2 { width:128px; height:22px; background:url(images/bg_institution_v0.png) -150px -40px no-repeat}
#GlobalSimplifyNavbar p span.s2 input { width:120px; height:15px; padding:4px 4px 3px; line-height:15px; border:0; background:none}
#GlobalSimplifyNavbar p span.s3 { padding-left:2px}
#GlobalSimplifyNavbar p span.s3 input { cursor:pointer; width:60px; height:22px; color:#fff; border:0; background:url(images/bg_institution_v0.png) -280px -40px no-repeat}
#GlobalSimplifyNavbar h2#logo { float:left; padding-right:8px}
#GlobalSimplifyNavbar h2#logo img { width:88px; height:22px; background:url(images/bg_institution_v0.png) 0 -40px no-repeat}
#GlobalSimplifyNavbar ul { float:left; padding-top:2px; font-family:Simsun}
#GlobalSimplifyNavbar li { float:left; padding:0 5px}

#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:#e62713}


/*--- layout ---*/
#wrap_institution { width:980px; margin:0 auto 4px; background:#fff}
#main { width:100%; border-top:8px solid #fff; background:url(images/bg_institution_v0_3.png) repeat-y}
.area01 { float:left; width:716px; padding:4px 14px 40px 10px}
.area02 { float:left; width:240px; padding-bottom:40px; background:url(images/bg_institution_v0_1.png) -740px 0 no-repeat}


/*--- parent ---*/
.parent01 { border-top:4px solid #eee}

/*--- block ---*/
.blk01 .ttl { overflow:hidden; height:20px; padding:8px 10px 2px}
.blk01 .ttl h2 { float:left; font-size:12px}
.blk01 .ttl h2 a { color:#333}
.blk01 .ttl h2 a:hover { color:#f13a09}
.blk01 .ttl span { float:right}
.blk01 .ttl span a { padding-right:8px; color:#999; background:url(images/bg_institution_v0.png) right -455px no-repeat}
.blk01 .ttl span a:hover { color:#f13a09; background-position:right -415px}

.blk02 .ttl { overflow:hidden; height:20px; padding:4px 10px; background:url(images/bg_institution_v0.png) 0 -320px no-repeat}
.blk02 .ttl h2 { float:left; font:bold 14px/20px Microsoft Yahei, Simsun}
.blk02 .ttl h2 a { color:#333}
.blk02 .ttl h2 a:hover { color:#f13a09}
.blk02 .ttl span { float:right}
.blk02 .ttl span a { padding-right:8px; color:#999; background:url(images/bg_institution_v0.png) right -455px no-repeat}
.blk02 .ttl span a:hover { color:#f13a09; background-position:right -415px}

.blk03 .ttl { height:30px}
.blk03 .ttl img { display:block; width:100%; height:10px; background:url(images/bg_institution_v0.png) 0 -360px no-repeat}
.blk03 .ttl h2 { padding:0 12px; font-size:12px; color:#922003}

/*--- special ---*/
.ad01 { width:100%; height:68px}
.ad01 img { width:100%; height:100%; vertical-align:top}

.breadcrumb { padding:5px 10px; background:#fff}
.breadcrumb p { color:#666}
.breadcrumb p a { color:#666}
.breadcrumb p a:hover { color:#f13a09}
.breadcrumb p em { color:#333}
.breadcrumb span { float:right}

.classSuggest { padding-bottom:12px}
.classSuggest ul.s1 { padding:4px 10px; border-bottom:1px dashed #ccc}
.classSuggest ul.s1 li { float:left; margin:2px 0; padding-right:20px; white-space:nowrap}
.classSuggest ul.s1 li.s1 { position:relative; margin-right:20px; padding:0 16px; font-weight:bold; color:#fff; background:#f55131}
.classSuggest ul.s1 li.s1 small { position:absolute; z-index:2; left:50%; top:20px; display:block; overflow:hidden; width:5px; height:3px; margin-left:-2px; background:url(images/bg_institution_v0.png) -900px -200px no-repeat}
.classSuggest ul.s2 { padding:6px 10px; border-bottom:1px dashed #ccc}
.classSuggest ul.s2 li { float:left; padding-right:16px}
.classSuggest ul.s2 li.s1 { margin-right:16px; padding:0 10px 0 16px; color:#fff; background:url(images/bg_institution_v0.png) -894px -222px no-repeat #f55131}
.classSuggest ul.s3 { padding:6px 10px 6px; background:#f1f1f1}
.classSuggest ul.s3 li { float:left; overflow:hidden; width:216px; height:20px; padding-right:16px}
.classSuggest ul.s3 li.s1 em { float:left; padding:0 10px 0 16px; color:#fff; background:url(images/bg_institution_v0.png) -894px -222px no-repeat #ff9980}
.classSuggest ul.s3 li a.s1 { color:#e62713}
.classSuggest .filter { overflow:hidden; height:20px; padding:8px 10px 4px}
.classSuggest .filter p { float:right}
.classSuggest .filter p select { vertical-align: text-bottom}
.classSuggest .courseList dt { width:696px; padding:0 10px; font-weight:normal; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; background:#f3f3f3}
.classSuggest .courseList dd { width:100%; height:23px; padding-bottom:1px; background:url(images/GlobalLine_02.gif) left bottom repeat-x #fff}
.classSuggest .courseList strong { width:190px; font-weight:normal}
.classSuggest .courseList small { width:80px}
.classSuggest .courseList big { width:140px; font-weight:normal}
.classSuggest .courseList address { width:140px; font-weight:normal}
.classSuggest .courseList del { width:60px}
.classSuggest .courseList em { width:60px; font-weight:normal}
.classSuggest .courseList a { display:block; cursor:pointer; overflow:hidden; height:20px; padding:2px 10px 1px; color:#333}
.classSuggest .courseList a:hover { text-decoration:none; color:#333; background-color:#f3f3f3}
.classSuggest .courseList a:hover strong { color:#f13a09}

.institutionClass { padding:8px 0 12px}
.institutionClass .catalog { border:1px solid #dfdfdf}
.institutionClass .catalog ul { padding:6px; border:1px solid #fff; background:url(images/bg_institution_v0_1.png) left bottom no-repeat}
.institutionClass .catalog li { float:left; overflow:hidden; width:100px; height:20px; padding:2px 0}
.institutionClass .catalog li.s1 { font-weight:bold; color:#e62713}
.institutionClass .sortbar { overflow:hidden; width:100%; height:20px; padding:8px 0}
.institutionClass .sortbar .pagesize { float:left; width:140px}
.institutionClass .sortbar .pagesize a { margin-right:2px; padding:1px 2px; font-size:11px; color:#333; border:1px solid #ccc; background:#ededed}
.institutionClass .sortbar .pagesize a:hover { color:#f13a09}
.institutionClass .sortbar .pagesize em {  margin-right:2px; padding:1px 2px; font-size:11px; color:#fff; border:1px solid #e63e14; background:#fe6d46}
.institutionClass .sortbar .sortby { float:left}
.institutionClass .sortbar .sortby span { float:left}
.institutionClass .sortbar .sortby a { float:left; height:16px; padding:3px 6px 1px 0}
.institutionClass .sortbar .sortby a img { width:16px; height:16px; vertical-align:middle; background:url(images/bg_institution_v0.png) no-repeat}
.institutionClass .sortbar .sortby a.s1 img { background-position:-400px -560px}
.institutionClass .sortbar .sortby a.s1_1 img { background-position:-420px -560px}
.institutionClass .sortbar .sortby a.s1_2 img { background-position:-440px -560px}
.institutionClass .sortbar .sortby a.s2 img { background-position:-460px -560px}
.institutionClass .sortbar .sortby a.s2_1 img { background-position:-480px -560px}
.institutionClass .sortbar .sortby a.s2_2 img { background-position:-500px -560px}
.institutionClass .sortbar .sortby select { float:left; vertical-align:middle}
.institutionClass .sortbar .fltr { float:right; padding-bottom:0px}
.institutionClass .sortbar .fltr select { margin-left:4px; vertical-align:top}
.institutionClass .courseList dt { width:696px; padding:0 10px; font-weight:normal; border-top:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; background:#f3f3f3}
.institutionClass .courseList dd { width:100%; height:27px; padding-bottom:1px; background:url(images/GlobalLine_02.gif) left bottom repeat-x #fff}
.institutionClass .courseList strong { width:190px; font-weight:normal}
.institutionClass .courseList small { width:80px}
.institutionClass .courseList big { width:140px; font-weight:normal}
.institutionClass .courseList address { width:140px; font-weight:normal}
.institutionClass .courseList del { width:60px}
.institutionClass .courseList em { width:60px; font-weight:normal}
.institutionClass .courseList a { display:block; cursor:pointer; overflow:hidden; height:20px; padding:4px 10px 3px; color:#333}
.institutionClass .courseList a:hover { text-decoration:none; color:#333; background-color:#f3f3f3}
.institutionClass .courseList a:hover strong { color:#f13a09}

.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:#f55131}
.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:url(images/bg_institution_v0.png) -900px -200px 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 39px 0 38px}
.institutionEnvironment .list a.pre { position:absolute; left:18px; top:15px; display:block; width:11px; height:22px; background:url(images/bg_institution_v0.png) -400px -420px no-repeat}
.institutionEnvironment .list a.next { position:absolute; right:22px; top:15px; display:block; width:11px; height:22px; background:url(images/bg_institution_v0.png) -424px -420px 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")}

.institutionHead { height:90px; color:#fff; background:url(images/bg_institution_v0.png) 0 -80px no-repeat}
.institutionHead h2 { float:left; width:150px; height:75px; padding:13px 12px 2px 12px}
.institutionHead .institutionNav { float:left; width:806px}
.institutionHead .institutionNav div { height:30px; padding:20px 10px 4px 0}
.institutionHead .institutionNav div span { float:right; padding-top:6px}
.institutionHead .institutionNav div h1 { font:22px/25px Microsoft Yahei, Simhei, Simsun}
.institutionHead .institutionNav li { float:left; padding:2px 10px}
.institutionHead .institutionNav li a { color:#fff}
.institutionHead .institutionNav li.this { background:#fff}
.institutionHead .institutionNav li.this a { font-weight:bold; color:#333}

.institutionInfo { padding-bottom:12px}
.institutionInfo .album { float:left; width:240px; height:238px; padding:10px 25px 0 9px; background:url(images/bg_institution_v0.png) 0 -380px no-repeat}
.institutionInfo .album .pic { overflow:hidden; width:240px; height:180px}
.institutionInfo .album .pic img { vertical-align:top}
.institutionInfo .album .name { padding-top:8px}
.institutionInfo .album .name em { float:left; overflow:hidden; width:190px; height:36px; 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:url(images/bg_institution_v0.png) no-repeat}
.institutionInfo .album .name span a.pre img { background-position:-400px -380px}
.institutionInfo .album .name span a.pre:hover img { background-position:-420px -380px}
.institutionInfo .album .name span a.next { margin-left:-1px}
.institutionInfo .album .name span a.next img { background-position:-440px -380px}
.institutionInfo .album .name span a.next:hover img { background-position:-460px -380px}
.institutionInfo .disc { float:left; width:432px; padding:8px 10px 12px 0; font-size:14px; line-height:24px}
.institutionInfo .hot { float:left; overflow:hidden; width:422px; height:100px; padding:0 10px; background:url(images/bg_institution_v0.png) 0 -200px no-repeat}
.institutionInfo .hot h2 { padding:4px 0; font-size:12px}
.institutionInfo .hot li { float:left; padding-bottom:4px}
.institutionInfo .hot li h3 { float:left; overflow:hidden; width:210px; height:20px; font-size:12px; font-weight:normal}
.institutionInfo .hot li big { float:left; width:112px; color:#666}
.institutionInfo .hot li big em { color:#e62713}
.institutionInfo .hot li small { float:left; width:100px; text-align:right; color:#418b2d}

.institutionInfo .noalbum .album { display:none}
.institutionInfo .noalbum .disc { width:696px; padding:0 10px 16px}
.institutionInfo .noalbum .hot { width:696px}
.institutionInfo .noalbum .hot li h3 { width:300px}
.institutionInfo .noalbum .hot li big { width:150px}

.institutionInfo .noalbum2 .album { display:none}
.institutionInfo .noalbum2 .disc { float:left; width:400px; padding:8px 10px 0}
.institutionInfo .noalbum2 .hot { width:276px; height:154px}
.institutionInfo .noalbum2 .hot li { padding-bottom:2px}
.institutionInfo .noalbum2 .hot li h3 { width:100%}
.institutionInfo .noalbum2 .hot li big { width:100px}

.institutionIntro { overflow:hidden; width:696px; padding:8px 10px 20px; font-size:14px; line-height:24px}
.institutionIntro h2 { padding:6px 0; font-size:14px; border-bottom:1px solid #ccc}
.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_01.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; background:url(images/bg_institution_v0.png) -886px -498px no-repeat}
.institutionIntro ul.s2 li p { color:#666}

.institutionLocation { padding:8px 0 12px}
.institutionLocation ul { overflow:hidden; width:100%}
.institutionLocation li { margin-top:-1px; padding:5px 10px 4px; background:url(images/GlobalLine_01.gif) left top repeat-x}
.institutionLocation li div { padding-bottom:4px}
.institutionLocation li div h3 { display:inline; font-size:14px; color:#e62713}
.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 h2 { padding:16px 0 10px; text-align:center; font:normal 25px/32px microsoft Yahei, Simhei, Simsun; color:#e62713}
.institutionNewsDetail .info { padding-top:4px; text-align:center; color:#666; border-top:1px solid #ccc}
.institutionNewsDetail .info a { color:#666}
.institutionNewsDetail .info a:hover { color:#f13a09}
.institutionNewsDetail .textbox { overflow:hidden; width:676px; padding:12px 20px; 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 em, .articleDetail .textbox .content em a { color:#f13a09}
.institutionNewsDetail .textbox .content a:hover, .articleDetail .textbox .content em a:hover { color:#f13a09; 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:696px; padding:8px 10px; font-size:14px; background:url(images/GlobalLine_01.gif) left bottom repeat-x}
.institutionNewsList li small { float:right; padding-left:24px; font-size:11px; color:#999}
.institutionNewsList li:hover { background-color:#f3f3f3}
.institutionNewsList li img { width:px; height:10px; margin-right:4px; background:url(images/bg_institution_v0.png) -400px -600px no-repeat}

.institutionReferList { padding-bottom:20px}
.institutionReferList .referListSum { padding:10px 10px 4px; border-bottom:1px solid #ccc}
.institutionReferList .referListSum em { padding:0 4px; color:#e62713}
.institutionReferList .list { padding:8px 10px; background:url(images/GlobalLine_01.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:#666}
.institutionReferList .list dl { float:left; width:100%; color:#e62713}
.institutionReferList .list dt { float:left; width:56px; text-align:right; background:url(images/bg_institution_v0.png) -400px -477px no-repeat}
.institutionReferList .list dd { float:left; width:520px}
.institutionReferList .list dd.time { width:120px; text-align:right; font-size:11px; color:#999}
.institutionReferList .list dl span { padding-left:3px}
.institutionReferList .list dl span, .referList .list dl span a { color:#999}
.institutionReferList .list dl span a:hover { color:#f13a09}
.institutionReferList .list dl.s1 { padding-top:3px; color:#333}
.institutionReferList .list dl.s1 dt { background-position:-400px -517px}
.institutionReferList .status { padding:20px 0; background:url(images/GlobalLine_01.gif) left bottom repeat-x}

.institutionReviewList .reviewSum { padding:10px 10px 4px; border-bottom:1px solid #ccc}
.institutionReviewList .reviewSum em { padding:0 4px; color:#e62713}
.institutionReviewList .list { padding:8px 10px; background:url(images/GlobalLine_01.gif) left bottom repeat-x}
.institutionReviewList .list .pic { float:left; width:42px; padding-top:5px}
.institutionReviewList .list .pic img { width:40px; height:40px; border:1px solid #ccc}
.institutionReviewList .list .txt { float:left; width:640px; padding-left:14px}
.institutionReviewList .list .txt p { color:#666}
.institutionReviewList .list .txt p strong { 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_01.gif) left bottom repeat-x}

.institutionTeacher { padding:8px 0 12px}
.institutionTeacher ul { overflow:hidden; width:100%}
.institutionTeacher li { float:left; width:696px; margin-top:-1px; padding:11px 10px 10px; background:url(images/GlobalLine_01.gif) left top repeat-x}
.institutionTeacher li img { float:left; width:120px; height:120px; border:1px solid #ccc}
.institutionTeacher li div { float:left; width:564px; padding-left:10px}
.institutionTeacher li h3 { padding-bottom:4px; font-size:14px; color:#e62713}
.institutionTeacher li p { padding-bottom:8px}

.institutionPublishRefer { padding:10px 12px}
.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:570px}
.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:#e62713}
.institutionPublishRefer dd a.slct-course { float:left; width:90px; padding-left:18px; color:#333; text-decoration:none; background:url(images/bg_institution_v0.png) -640px -380px no-repeat}
.institutionPublishRefer .func { padding:5px 100px}
.institutionPublishRefer a { color:#0177c9}
.institutionPublishRefer a:hover { color:#f13a09}


/*--- mod ---*/
.mod01 { width:100%; padding-bottom:8px}
.mod01 ul { overflow:hidden; padding:0 10px}
.mod01 li { margin-top:-1px; padding:5px 0 4px; background:url(images/GlobalLine_02.gif) repeat-x}
.mod01 li { float:left; width:220px}
.mod01 li h3 { float:left; width:100%; font-size:12px; font-weight:normal}
.mod01 li big { float:left; width:120px; color:#666}
.mod01 li big em { color:#e62713}
.mod01 li small { float:left; width:100px; text-align:right; color:#418b2d}

.mod02 { width:100%; padding-bottom:8px}
.mod02 ul { overflow:hidden; padding:0 10px}
.mod02 li { margin-top:-1px; padding:5px 0 4px; background:url(images/GlobalLine_02.gif) repeat-x}
.mod02 li h5 { width:100%; font-size:12px; font-weight:normal}
.mod02 li p { color:#666}

.mod03 ul { padding:0 10px 8px}
.mod03 li { padding:2px 0 2px 10px; background:url(images/GlobalIcon_02.gif) 0 10px no-repeat}

.mod04 ul { padding:0 10px 0}
.mod04 li { padding:2px 0}

.mod05 ul { padding:12px 0}
.mod05 li { float:left; width:220px; padding:0 6px 0 10px}
.mod05 li img { float:left; width:80px; height:80px; margin-right:4px; border:1px solid #ccc}
.mod05 li h3 { font-size:12px; font-weight:normal}
.mod05 li p { color:#666}

