body {height:100%; margin:0px; text-align:center; background:url(images/bodybg.jpg) #9CCBDF left top repeat-x;}
body, td, input, select, textarea{ font-size: 12px; font-family: Arial, Helvetica, sans-serif; }

a {color:#000; text-decoration: none;}
a:hover {color:#CC3300;}

form {margin:0px;}

img { border: 0px;}

.center {text-align:center;}
.absmiddle { vertical-align: middle;}
.clear {clear:both; *display:inline;}
.nodata {height:60px; text-align:center; padding-top:25px; color:#666;}

/*** 文字顏色 ***/
.fg1 {color:#999A9C;}
.fg2 {color:#9B0002;}
.fg3 {color:#F68501;}
.fg4 {color:#006699;}
.fg5 {color:#FF3200;}
.fg6 {color:#989898;}

/************************************/
body#popwin {background:url(images/pop_bg.jpg) #C8E8F3 left top repeat-y;}
.pop {width:90%; margin:15px auto; text-align:center;}

.pbody {border:0px; width:100%;}
.pbody .t1 {width:10px; height:10px; background:url(images/pop_t1.jpg) left top no-repeat;}
.pbody .t2 {height:10px; background:url(images/pop_t2.jpg) left top repeat-x;}
.pbody .t3 {width:10px; height:10px; background:url(images/pop_t3.jpg) left top no-repeat;}
.pbody .m1 {width:10px; background:url(images/pop_m1.jpg) left top repeat-y;}
.pbody .m2 {width:10px; background:url(images/pop_m2.jpg) left top repeat-y;}
.pbody .f1 {width:10px; height:10px; background:url(images/pop_f1.jpg) left top no-repeat;}
.pbody .f2 {height:10px; background:url(images/pop_f2.jpg) left top repeat-x;}
.pbody .f3 {width:10px; height:10px; background:url(images/pop_f3.jpg) left top no-repeat;}
.pbody .mct {background:#FFF;}

.pophead {background:url(images/poptit_2.jpg) left top repeat-x; height:26px;}
.pophead .h1 {float:left; width:12px; height:26px; background:url(images/poptit_1.jpg) left top no-repeat;}
.pophead .h3 {float:right; width:5px; height:26px; background:url(images/poptit_3.jpg) left top no-repeat;}
.pophead .h4 {float:right; width:10px; height:26px; background:url(images/poptit_4.jpg) left top no-repeat;}
.pophead .hclose {float:right; width:81px; height:26px;}

.pcontent {padding:10px;}

/************************************/
.doc {width:1000px; text-align:center; margin:0 auto;}

.mhead {text-align:left;}
.mhead .hleft {float:left; width:572px;}
.mhead .hleft .logo {float:left; width:572px; height:97px;}
.mhead .hleft .head2 {float:left; width:82px; height:26px; background:url(images/head2.jpg) left top no-repeat;}
.mhead .hleft .head3 {float:left; width:490px; height:26px; background:url(images/head3.jpg) left top no-repeat; color:#F03492;}
.mhead .hleft .head3 a {color:#F03492;}
.mhead .hleft .head3 a:hover {color:#CC3300;}
.mhead .hleft .head3 table {border:0px;}
.mhead .hleft .head3 table td {white-space: nowrap;color:#F03492; line-height:22px; height:26px; vertical-align:middle;}
.mhead .hleft .head3 table td a {color:#F03492;}
.mhead .hleft .head3 table td a:hover {color:#CC3300;}
.mhead .hleft .head3 table td.length {padding-left:490px;}
.mhead .hleft .head5 {float:left; width:572px; height:54px; background:url(images/head5.jpg) left top no-repeat;}

.mhead .head1 {float:left; width:427px; height:97px;}
/*
.mhead .head4 {float:left; width:428px; height:26px; background:url(images/head4.jpg) left top no-repeat;}
.mhead .head6 {float:left; width:428px; height:54px; background:url(images/head6.jpg) left top no-repeat;}

#MarqueeArea {position:relative; width:100%; height:22px; line-height:22px; overflow:hidden; margin-top:2px;}
#MarqueeArea #MarqueeWrite {position:absolute; right:-1000px; white-space: nowrap;}

*/

.mbody {width:100%; min-height:600px; background:url(images/bbg.jpg) #9CCBDF left top repeat-x; text-align:left;}
.mbody .mleft {float:left; width:211px;}
.mbody .mmiddle {float:left; width:578px; overflow-x:hidden;}
.mbody .mright {float:left; width:211px;}

.mfoot {width:100%; background:#9CCBDF;}
.mfoot .copyright {padding:35px 0 17px 0; text-align:center; color:#FF359D; line-height:18px; font-family:Verdana, pmingliu, simsun, 新細明體, sans-serif; }
.mfoot .copyright a {color:#FF359D;}
.mfoot .copyright a:hover {color:#FF359D; text-decoration: underline;}

/*** block ***/
.mbutton {width:168px; margin-left:43px;}
.mbutton .top {width:168px; height:9px; background:url(images/ltop.jpg) left top no-repeat;}
.mbutton .bt {}
.mbutton .hr {width:168px; height:11px;}
.mbutton .hr div {padding-top:6px; padding-left:5px;}
.mbutton .hr div span {display:block; width:163px; height:3px; overflow:hidden; background:url(images/icon_dash.gif) left top repeat-x;}

.mbanner {width:182px; margin-left:29px; margin-top:20px;}
.mbanner .ad {margin-top:6px; text-align:center;}

#contentTB {width:100%; height:601px; border:0px;}
#contentTB .t1 {width:9px; height:9px; background:url(images/tbt1.jpg) left top no-repeat;}
#contentTB .t2 {height:9px; background:url(images/tbt2.jpg) left top repeat-x;}
#contentTB .t3 {width:9px; height:9px; background:url(images/tbt3.jpg) left top no-repeat;}
#contentTB .m1 {width:9px; background:url(images/tbm1.jpg) left top repeat-y; vertical-align:top;}
#contentTB .m2 {width:9px; background:url(images/tbm2.jpg) left top repeat-y; vertical-align:top;}
#contentTB .f1 {width:9px; height:9px; background:url(images/tbf1.jpg) left top no-repeat;}
#contentTB .f2 {height:9px; background:url(images/tbf2.jpg) left top repeat-x;}
#contentTB .f3 {width:9px; height:9px; background:url(images/tbf3.jpg) left top no-repeat;}
#contentTB .mc {background:url(images/tbmcbg.jpg) #9CCBDF left top repeat-x; width:560px; height:582px; vertical-align:top; overflow-x:hidden;}

.mlogin {}
.mlogin .frm {margin:9px 0 0 0px; padding-left:13px;}
.mlogin .frm .title {float:left; width:49px; height:18px; line-height:18px; letter-spacing:3px;}
.mlogin .frm .input {float:left; width:110px; height:18px; line-height:18px;}
.mlogin .frm .input input.text {border:1px solid #CCCCCC;}
.mlogin .meminfo { }
.mlogin .meminfo .user {color:#333333; line-height:16px; padding:0 20px 0 20px;}
.mlogin .meminfo .user span.n1 {color:#3366FF;}
.mlogin .meminfo .user span.n2 {color:#FF6600;}
.mlogin .meminfo .user span.n3 {color:#666; border-bottom:1px solid #999;}
.mlogin .meminfo .func {float:left; width:78px; line-height:20px; color:#333333;}
.mlogin .meminfo .func .item {background:url(images/icon_arr.gif) no-repeat; background-position:18px 6px; *background-position: 18px 4px; padding-left:30px;}
.mlogin .meminfo .func a {color:#333333; }
.mlogin .meminfo .func a:hover {color:#CC3300; text-decoration: underline;}


.mgallery {width:187px;}
.mgallery .button {text-align:center;}
.mgallery .area {height:407px; overflow:hidden; text-align:center;}
.mgallery .area .item {width:158px; margin:0 auto; text-align:left;}
.mgallery .area .item .img {border:1px solid #CBCCCE; width:158px; height:100px; background:#FFF; text-align:center;}
.mgallery .area .item .img * {vertical-align:middle;}
html .mgallery .area .item .img span{height:100%; display:inline-block;}
.mgallery .area .item .intro {line-height:22px; text-align:center;}

/*** BORDER ***/
.quickURL {line-height:24px; text-align:right; padding-right:12px; color:#646464;}
.quickURL span {color:#ED5732; font-weight:bold; font-size:9px;}
.quickURL a {color:#646464;}
.quickURL a:hover {color:#CC3300;}


.mblock {width:547px; margin:0 auto; text-align:left;}
.mblock .ctitle {}
.mblock .more {float:right; margin:12px 6px 0 0; }
.mblock .bt {float:right; margin:6px 6px 0 0; }
.mblock .chr {height:5px; background:url(images/tsbar.jpg) left top no-repeat; overflow:hidden;}

.mnews {min-height:214px; _height:214px;}
.mnews .item {line-height:24px; font-family:Verdana, pmingliu, simsun, 新細明體, sans-serif;}
.mnews .item .post {float:left; width:100px; color:#073066; margin-right:6px; text-align:center;}
.mnews .item .url {float:left; width:437px; color:#343434;}

.mclass {min-height:214px; _height:214px;}
.mclass .item {line-height:24px; font-family:Verdana, pmingliu, simsun, 新細明體, sans-serif;}
.mclass .item .post {float:left; width:100px; color:#073066; margin-right:6px; text-align:center;}
.mclass .item .url {float:left; width:437px; color:#343434;}

.mshare {position:relative;}
.mshare .sbt1 {position:absolute; left:195px; top:6px;}
.mshare .sbt2 {position:absolute; left:282px; top:6px;}
.mshare .sbt3 {position:absolute; left:370px; top:6px;}
.mshare .sbt4 {position:absolute; left:457px; top:6px;}
.mshare .item {line-height:24px; font-family:Verdana, pmingliu, simsun, 新細明體, sans-serif;}
.mshare .item .post {float:left; width:100px; color:#073066; margin-right:6px; text-align:center;}
.mshare .item .url {float:left; width:437px; color:#343434;}


/*** MODULE ***/
.backURL {text-align:center; color:#067098; line-height:22px;}
.backURL a {color:#067098;}
.backURL a:hover {color:#EE6137;}

.html {padding:0 5px 0 5px; min-height:560px; height:600px; overflow:auto;}

.link {}
.link .item {line-height:24px; font-family:Verdana, pmingliu, simsun, 新細明體, sans-serif;}
.link .item .post {float:left; width:200px; color:#073066; margin-right:6px; text-align:center;}
.link .item .url {float:left; width:337px; color:#343434;}

.news {}
.news .item {line-height:24px; font-family:Verdana, pmingliu, simsun, 新細明體, sans-serif;}
.news .item .post {float:left; width:100px; color:#073066; margin-right:6px; text-align:center;}
.news .item .url {float:left; width:437px; color:#343434;}
.news .item .desc {margin-left: 12px; min-height:430px; _height:430px;}
.news .item .box {float:left; color:#333333 !important; background:url(images/dl_bg.jpg) left top repeat-x; line-height:25px !important; position:relative; padding:0 6px 0 23px; white-space: nowrap; margin:0 6px 6px 0;}
.news .item .box .left {position:absolute; left:0px; top:0px; width:23px; height:25px; background:url(images/dl_left.jpg) left top no-repeat;}
.news .item .box .right {position:absolute; right:0px; top:0px; width:6px; height:25px; background:url(images/dl_right.jpg) left top no-repeat;}

.article {}
.article .button {margin-left:6px;}
.article .button .cls {float:left; width:125px; height:25px; background:url(images/art_cls.jpg) left top no-repeat; margin-right:10px;}
.article .button .cls label {display:block; padding:8px 0 0 11px; color:#016596; cursor:pointer;}
.article .button .cls label.now {color:#EE6C00; font-weight:bold;}
.article .artbar {height:5px; background:url(images/tsbar.jpg) left top no-repeat; overflow:hidden;}
.article .item {line-height:24px; font-family:Verdana, pmingliu, simsun, 新細明體, sans-serif;}
.article .item .post {float:left; width:100px; color:#073066; margin-right:6px; text-align:center;}
.article .item .url {float:left; width:437px; color:#343434;}
.article .item .desc {min-height:410px; _height:410px;}

.gbook {}
.gbook .item {line-height:24px; font-family:Verdana, pmingliu, simsun, 新細明體, sans-serif;}
.gbook .item .post {float:left; width:100px; color:#073066; margin-right:6px; text-align:center;}
.gbook .item .post span {display:block; padding:0 6px 0 6px;}
.gbook .item .subject {float:left; width:437px; color:#343434;}
.gbook .item .subject span {display:block; padding:0 10px 0 10px;}
.gbook .item .poster {color:#686868;}
.gbook .item .ansswer {color:#00679B;}
.gbook .item .field {color:#333333 !important; background:#E6E6E6; line-height:23px !important; position:relative;}
.gbook .item .field .left {position:absolute; left:0px; top:0px; width:10px; height:23px; background:url(images/field_left.jpg) left top no-repeat;}
.gbook .item .field .right {position:absolute; right:0px; top:0px; width:10px; height:23px; background:url(images/field_right.jpg) left top no-repeat;}

.gallery {}
.gallery .album {float:left; width:160px; margin-left:17px;}
.gallery .album .img {border:1px solid #CBCCCE; width:158px; height:100px; text-align:center;}
.gallery .album .img * {vertical-align:middle;}
html .gallery .album .img span{height:100%; display:inline-block;}
.gallery .album .intro {line-height:22px; text-align:center;}
.gallery .album .desc {color:#676767; text-align:center;}
.gallery .album .gmovie {border:1px solid #CBCCCE; width:158px; height:100px; text-align:center; line-height:100px;}

.gallery .item {line-height:24px; font-family:Verdana, pmingliu, simsun, 新細明體, sans-serif;}
.gallery .item .field {float:left; width:80px; color:#073066; margin-right:6px; text-align:right;}
.gallery .item .text {float:left; width:457px; color:#343434;}

.gallery .picture {text-align:center;}
.gallery .pcount {text-align:center; color:#333; font-weight:bold; font-family:Verdana, pmingliu, simsun, 新細明體, sans-serif;}
.gallery .pcount a {text-align:center; color:#999; font-weight:normal;}

.member {}
.member .join { text-align:center; padding:3px;}
.member .join div {width:90%; height:430px; left:50%; margin: 0 auto; text-align:left; color:#818382; overflow: auto;}

.download {}
.download .area {margin:10px 0 10px 0; padding-left:10px;}
.download .area .title {float:left; width:80px; margin-right:10px; line-height:22px; background:url(images/icon_arr.gif) no-repeat; background-position: 10px 5px;}
.download .area .title div {padding-left:24px; color:#0076C8;}
.download .area .data {float:left; width:300px; height:100%; line-height:22px; color:#666666;}
.download .area .data span.n1 {color:#FF6600;}

.course {}
.course .item {line-height:24px; font-family:Verdana, pmingliu, simsun, 新細明體, sans-serif;}
.course .item .box {color:#333333 !important; background:#E6E6E6; line-height:23px !important; position:relative;}
.course .item .box .left {position:absolute; left:0px; top:0px; width:10px; height:23px; background:url(images/field_left.jpg) left top no-repeat;}
.course .item .box .right {position:absolute; right:0px; top:0px; width:10px; height:23px; background:url(images/field_right.jpg) left top no-repeat;}
.course .item .dl {float:left; color:#333333 !important; background:url(images/dl_bg.jpg) left top repeat-x; line-height:25px !important; position:relative; padding:0 6px 0 23px; white-space: nowrap; margin:0 6px 6px 0;}
.course .item .dl .left {position:absolute; left:0px; top:0px; width:23px; height:25px; background:url(images/dl_left.jpg) left top no-repeat;}
.course .item .dl .right {position:absolute; right:0px; top:0px; width:6px; height:25px; background:url(images/dl_right.jpg) left top no-repeat;}
.course .item .subject {float:left; width:260px; margin-right:6px; color:#073066;}
.course .item .subject a {color:#073066;}
.course .item .subject a:hover {color:#CC3300;}
.course .item .subject span {display:block; padding:0 6px 0 6px;}
.course .item .teacher {float:left; width:90px; margin-right:6px; text-align:center; color:#999;}
.course .item .teacher a {color:#073066;}
.course .item .teacher a:hover {color:#CC3300;}
.course .item .date {float:left; width:90px; margin-right:6px; text-align:center;}
.course .item .sign {float:left; width:80px; text-align:center; color:#3366FF;}
.course .item .sign a {color:#3366FF;}
.course .item .sign a:hover {color:#CC3300;}
.course .item .box2 {float:left; width:80px; margin-right:6px; text-align:center;}
.course .item .text {float:left; width:457px; color:#343434;}
.course .item .text2 {width:280px !important; margin-right:7px;}
.course .desc {width:92%; margin:0 auto; text-align:left;}
.course .rpic {float:right; width:165px; height:165px;}
.course .rpic .img { border:1px solid #CBCCCE; width:163px; height:163px; text-align:center;}
.course .rpic .img * {vertical-align:middle;}
html .course .rpic .img span{height:100%; display:inline-block;}

/*** PAGE UP DOWN ***/
.page {color: #989898; font-size:8pt;}
.page a {color:#989898;}
.page a:hover {color:#CC3300;}
.page b {color:#000; font-weight:bold;}

/*** LINE ***/
.mh3 {height:3px; overflow:hidden;}
.mh5 {height:5px; overflow:hidden;}
.mh8 {height:8px; overflow:hidden;}
.mh10 {height:10px; overflow:hidden;}
.mh15 {height:15px; overflow:hidden;}

.lineType1 {background:#E9E9E9; height:1px; overflow:hidden;}
.lineType2 {background:#B3DAEB; height:1px; overflow:hidden;}
.lineType3 {background:#E9E9E9; height:3px; overflow:hidden;}


/*** 表單 ***/
.welcome {margin:5px 20px 5px 20px;}
.welcome .warn {line-height:20px; color:#9B0002;}

.cform {}
.cform input.text {border:1px solid #C3C3C3; font-size:12px;}
.cform select {border:1px solid #C3C3C3; font-size:12px;}
.cform textarea {border:1px solid #C3C3C3; padding:2px; font-size:12px;}
.cform .border{border:1px solid #CCCCCC; padding:5px;}
.cform .field {background:url(images/cformbg.jpg) left top repeat-y;}
.cform .field .title {float:left; width:127px; line-height:24px; color:#353535; text-align:right; margin:3px 11px 5px 0;}
.cform .field .title div {padding-right:8px;}
.cform .field .title span {color:#CC0001;}
.cform .field .ftxt {float:left; width:375px; line-height:24px; margin:3px 0 5px 0;}
.cform .field .ftxt span {color:#CC0001;}
.cform .field .ftxt span.kyes {color:#1182FF;}
.cform .field .ftxt span.kno {color:#C61A06;}

input.button04 { background:url(images/button04.gif) left top no-repeat; width:90px; height:25px; border:0px; color:#666666; text-align:center; padding-left:20px; line-height:28px; *line-height:28px !important;}