body {height:100%; margin:0px; text-align:center;}
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;}

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

.mhead {text-align:left;}
.mhead .item1 {float:left; width:62px; height:234px;}
.mhead .logo {float:left; width:171px; height:234px;}
.mhead .item2 {float:left; width:37px; height:234px; background:url(images/item2.jpg) left top no-repeat;}
.mhead .button {float:left; width:730px; height:234px;}
.mhead .button .bt {float:left;}
.mhead .button .item3 {background:url(images/item3.jpg) left top no-repeat; width:39px; height:54px;}
.mhead .button .item4 {background:url(images/item4.jpg) left top no-repeat; width:376px; height:180px;}
.mhead .button .item5 {background:url(images/item5.jpg) left top no-repeat; width:354px; height:180px;}

.mbody {text-align:left;}
.mbody .lbar {float:left; width:62px; height:245px; background:url(images/item7.jpg) left top no-repeat;}
.mbody .cblock {float:left; width:171px;}
.mbody .rmain {float:left; width:767px;}

.mfoot {width:899px; margin:0 auto; text-align:left;}
.mfoot .sphone {float:left; width:190px; line-height:16px;}
.mfoot .sphone .phone {padding-left:64px; background:url(images/icon_phone.jpg) no-repeat; background-position:4px 0; color:#5F5F5F;}
.mfoot .sphone .phone span {color:#9ECC46; font-weight:bold; font-size:11px; font-family:Verdana, pmingliu, simsun, 新細明體, sans-serif;}
.mfoot .sphone .txt {color:#9E9E9E; line-height:14px;}
.mfoot .bar {float:left; width:11px; height:48px; background:url(images/foot_bar.jpg) left top no-repeat;}
.mfoot .smsn {float:left; width:228px;}
.mfoot .smsn .msn {padding-left:58px; background:url(images/icon_msn.jpg) no-repeat; background-position:8px 0; color:#5F5F5F;}
.mfoot .smsn .msn span {color:#02979B;}
.mfoot .smsn .msn a {color:#02979B;}
.mfoot .smsn .msn a:hover {color:#CC3300;}
.mfoot .url {float:left; width:440px; margin:12px 0 0 10px; color:#6A6A6A;}
.mfoot .url a {color:#6A6A6A;}
.mfoot .url a:hover {color:#CC3300;}

/*** BLOCK ****/
.bk_school {}
.bk_school .head {width:171px; height:50px; background:url(images/school_head.jpg) left top no-repeat;}
.bk_school .middle {width:171px; min-height:100px; _height:100px; background:#006599;}
.bk_school .middle .padd {padding:0px 13px 0px 13px;}
.bk_school .bottom {width:171px; height:13px; background:url(images/school_bottom.jpg) left top no-repeat;}
.bk_school .cls {padding:0 5px 0 15px; background:url(images/icon_arr.gif) no-repeat; background-position:0px 7px; *background-position:0px 6px; line-height:20px; color:#FDFDFB;} 
.bk_school .cls a {color:#FDFDFB;}
.bk_school .cls a:hover {color:#FFD2E7;}
.bk_school .school {padding:3px 5px 3px 15px; background:url(images/icon_sbgar.jpg) #3398CC no-repeat; background-position:0px 11px; *background-position:0px 10px; line-height:20px; color:#FDFDFB;} 
.bk_school .school a {color:#FDFDFB;}
.bk_school .school a:hover {color:#FFD2E7;}
.bk_school .none {line-height:27px; color:#CCC; text-align:center;} 


.bk_epaper {}
.bk_epaper .head {width:171px; height:17px;}
.bk_epaper .middle {width:171px; height:20px; background:url(images/epaper_b.jpg) left top repeat-y; text-align:center;}
.bk_epaper .middle input.text {width:145px; border:0px; font-size:12px; margin-top:2px;}

.bk_epaper .bottom {width:171px; height:7px; background:url(images/epaper_f.jpg) left top no-repeat; overflow:hidden;}

.bk_contact {min-height:271px; _height:271px; background:url(images/contackbk.jpg) left top no-repeat;}
.bk_contact .content {padding:10px; color:#656565;}
.bk_contact .content .more {text-align:right;}

.item8 {width:767px; height:27px; background:url(images/item8.jpg) left top no-repeat;}

.marquee {height:22px; background:url(images/mqbg.jpg) left top no-repeat; line-height:22px;}
.marquee .mtxt {width:709px; margin-left:19px; color:#0797D3;}
.marquee .mtxt a {color:#0797D3;}
.marquee .mtxt a:hover {color:#CC3300;}

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

.mod_body {width:709px; margin-left:19px; text-align:center;}

/*** Main ***/
.msg {line-height:22px; color:#323232; text-align:left;}

.t_news {width:410px; text-align:left;}
.t_news .title {background:url(images/news_t.jpg) left top no-repeat;}
.t_news ul {padding:0px; margin:0px;}
.t_news ul li.post {float:left; width:88px; line-height:22px; list-style-type:none; text-align:center; color:#9E9E9E;}
.t_news ul li.url {float:left; width:320px; line-height:22px; list-style-type:none; color:#4F4F4F;}
.t_news ul li.url a {color:#4F4F4F;}
.t_news ul li.url a:hover {color:#CC3300;}


.t_school {width:273px; margin-left:24px; text-align:left;}
.t_school .title {background:url(images/pschool_t.jpg) left top no-repeat;}
.t_school .school {width:252px; margin:0 auto;}
.t_school .school .border {border:1px solid #CCCCCC; width:252px; height:174px;}
.t_school .school .border .img {padding:2px; width:248px; height:166px; display:table-cell; text-align:center; vertical-align:middle;}
.t_school .school .border .img * {vertical-align:middle;}
html .t_school .school .border .img span.hg {*height:100%; display:inline-block;}
.t_school .school .sch_txt {line-height:20px; color:#5B5B5B; text-align:center;}
.t_school .school .sch_txt .cpre {float:left; width:9px; height:9px; overflow:hidden; margin:5px 3px 5px 3px;}
.t_school .school .sch_txt .cnext {float:right; width:9px; height:9px; overflow:hidden; margin:5px 3px 5px 3px;}

.tblock {float:left;}
.tblock .title {height:22px;}
.tblock .more {float:right; margin:12px 2px 0 0;}
.tblock .desc {min-height:212px; _height:212px;}

.quick {text-align:left;}
.quick .qurl {float:right; margin:4px 12px 0 0; color:#9C9C9C;}
.quick .qurl a {color:#9C9C9C;}
.quick .qurl a:hover {color:#CC3300;}
.quick .qimage {}

.actbnr {text-align:center;}

.t_active {float:left; width:433px;}
.t_active .act {float:left; margin-left:15px; margin-top:15px;}

.t_bnr {float:left; width:273px;}
.t_bnr .ad {text-align:center; margin:8px 0 0 0;}

/*** MODULE ***/
.html {width:95%; margin:0 auto; text-align:left;}
.html span.url {color:#999;}
.html span.url a {color:#3366CC;}
.html span.url a:hover {color:#CC3300;}
.html span.intro {color:#666;}

.contact {padding:5px 20px 5px 20px; text-align:left;}

.news {width:95%; margin:0 auto; text-align:left;}
.news ul {padding:0px; margin:0px;}
.news ul li.post {float:left; width:85px; line-height:22px; list-style-type:none; color:#9C9C9C;}
.news ul li.url {float:left; width:550px; line-height:22px; list-style-type:none; color:#4F4F4F;}
.news ul li.url a {color:#4F4F4F;}
.news ul li.url a:hover {color:#CC3300;}
.news .desc { padding:5px; color:#4E4E4E;}

.backURL {text-align:center; color:#4D4D4D; line-height:22px;}
.backURL a {color:#4D4D4D;}
.backURL a:hover {color:#CC3300;}

.school {width:95%; margin:0 auto; text-align:left;}
.school .border {border:1px solid #CCCCCC; *height:1%;}
.school .border .padd {margin:17px;}
.school .border .padd .left {float:left; width:208px; margin-right:12px;}
.school .pic {width:206px; height:145px; border:1px solid #B9B9B9;}
.school .pic .img {width:206px; height:145px; display:table-cell; text-align:center; vertical-align:middle;}
.school .pic .img * {vertical-align:middle;}
html .school .pic .img span {*height:100%; display:inline-block;}
.school .border .padd .left .name {width:208px;}
.school .border .padd .right {float:left; width:416px;}
.school .border .padd .right .info {height:156px; line-height:18px; color:#343434;}
.school .border .padd .right .more {text-align:right; margin-top:5px;}

.school .name {color:#343434;}
.school .name span {color:#006598; font-weight:bold;}
.school .name a {color:#343434;}
.school .name a:hover {color:#CC3300;}

.school .desc {min-height:355px; _height:355px; color:#343434; line-height:16px;}
.school .album {min-height:355px; _height:355px;}
.school .album .item {float:left; width:220px; margin:0 auto; text-align:center;}
.school .album .item .pic {margin:0 auto; text-align:left;}
.school .album .item .pname {width:186px; margin:0 auto; text-align:left;}
.school .album .item .pdesc {width:186px; margin:0 auto; text-align:left; color:#999;}

.school .picture {text-align:center;}
.school .pdesc {color:#999; text-align:center;}
.school .pcount {text-align:center;}
.school .pcount span {color:#363636; font-weight:bold; letter-spacing: 3px;}
.school .pcount span a {color:#999; font-weight:normal;}


.stype {float:left; margin-left:4px; line-height:26px; text-align:center;}
.stype .c1 {background:url(images/cls_ng.jpg) #006599 left top no-repeat; border:1px solid #006599; min-width:112px; _width:134px; white-space: nowrap; padding:0 11px 0 11px; color:#F9FFFF; font-weight:bold; }
.stype .c1 a {color:#F9FFFF;}
.stype .c2 {background:url(images/cls_rg.jpg) #FFFFFF left top no-repeat; border:1px solid #A09E9F; min-width:112px; _width:134px; white-space: nowrap; padding:0 11px 0 11px; color:#656565; font-weight:bold; }
.stype .c2 a {color:#656565;}


/*** PAGE UP DOWN ***/
.page {color: #999999;}
.page a {color:#999999;}
.page a:hover {color:#CC3300;}
.page b {color:#666; 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:#999999; height:1px; overflow:hidden;}
.lineType2 {background:url(images/icon_dot.gif) left top repeat-x; height:3px; overflow:hidden;}


/*** 表單 ***/
.welcome {margin:5px 20px 5px 20px; text-align:left;}
.welcome .warn {line-height:20px; color:#6B6B6B;}

.cform {}
.cform input.text {border:1px solid #C2C2C2; font-size:12px; }
.cform select {border:1px solid #C2C2C2; font-size:12px;}
.cform textarea {border:1px solid #C2C2C2; padding:2px; font-size:12px;}
.cform .field {margin:5px 0 5px 0;}
.cform .field .title {float:left; width:107px; line-height:21px; color:#6B6B6B; text-align:right; margin:0 7px 0 0;}
.cform .field .title div {padding-right:8px;}
.cform .field .title span {color:#EE2024;}
.cform .field .ftxt {float:left; width:440px; line-height:21px;}
.cform .field .ftxt span {color:#EE2024;}

input.button04 {background:url(images/button04.jpg) left top no-repeat; width:56px; height:18px; border:0px; color:#666666; line-height:18px;}

input.buttbg01 {background:url(images/buttbg.jpg) left top repeat-x; height:19px; border:1px solid #A9A9A9; color:#666666; line-height:17px;}