body {height:100%; margin:0px; background:#E9E9E9; text-align:center;}
body, td{
	font-size: 12px; font-family:Arial, Verdana, PMingLiU;
	color:#636363;
}
input, select, textarea {font-size: 12px; font-family:Arial, Verdana, PMingLiU;}

a, a:link {color:#636363; text-decoration: none;}
a:hover {color:#E3680D;text-decoration:none;}
a:active {color:#E3680D;}

form {margin:0px;}

img { border: 0px;}

.center {text-align:center;}
.absmiddle { vertical-align: middle;}
.clear {clear:both;}

.nodata {height:60px; text-align:center; padding-top:25px;}

/*** 文字顏色 ***/
.fg1 {color:#444645;}
.fg2 {color:#FF7702;}
/************************************/

.doc {width:993px; left:50%; margin: 0 auto;}
.pop {width:100%; height:100%; left:50%; margin: 0 auto; text-align:left;}

/*** 抬頭頁面 ***/
.mhead {width:100%; height:210px; text-align:center;}
.mhead .head1 {width:951px; height:50px; left:50%; margin:0 auto; text-align:left; background:url(images/hbg.jpg) left top repeat-x;}
/*
.mhead .head1 .logo {float:left; width:249px; height:50px; background:url(images/logo.jpg) left top no-repeat;}
.mhead .head1 .url {float:right; width:680px; height:50px; background:url(images/hbg_2.jpg) right top no-repeat; color:#000000; text-align:right; padding:9px 14px 0 0;}
*/
.mhead .head1 .logo {float:left; width:249px; height:50px;}
.mhead .head1 .url {float:right; width:680px; color:#000000; text-align:right; margin:9px 14px 0 0; position:relative; z-index:10;}
.mhead .head2 {width:100%; height:138px;}
.mhead .head3 {width:100%; height:24px; background-color:#000000; text-align:left; color:#FFFFFF; line-height:21px;}
.mhead .head3 a {color:#FFFFFF;}

.mmarquee {font-family:新細明體, Arial; color:#FFF; vertical-align: baseline; padding:0 3px 0 3px;}
.mmarquee .mtext {}
.mmarquee .mtext a {color:#FFF;}

.quickURL {margin:15px 0 0 0; text-align:right; padding-right:7px;}

/*** 開新視窗 ***/
.pbody {width:100%; height:100%; border:0px; text-align:left;}
.pbody .lbar {width:21px; height:100%; background:url(images/lbar.jpg) left top no-repeat; vertical-align:top; }
.pbody .lbar div {width:21px; height:36px; background:#000;}
.pbody .pmain {vertical-align:top; background:#FFFFFF;}
.pbody .rbar {width:22px; height:100%; background:url(images/rbar.jpg) left top no-repeat; vertical-align:top; }
.pbody .rbar div {width:22px; height:36px; background:#000;}

.pophead {width:100%; text-align:center;}
.pophead .head {width:100%; height:36px; background:url(images/pop_title.gif) #000000 left top no-repeat; text-align:right; color:#FFFFFF;}
.pophead .head div { padding:10px 7px 0 0;}
.pcontent {padding:5px;}

/*** 中間頁面 ***/
.mbody {width:100%; border:0px; text-align:left;}
.mbody .lbar {width:21px; background:url(images/lbar.jpg) left top no-repeat; vertical-align:top; }
.mbody .bmain {width:950px; vertical-align:top; background:#FFFFFF;}
.mbody .rbar {width:22px; background:url(images/rbar.jpg) left top no-repeat; vertical-align:top; }
.mbody .pmain {vertical-align:top; background:#FFFFFF; padding:10px;}

/*** 頁尾頁面 ***/
.mfoot {width:950px; text-align:center; margin:0 auto; border-top:1px solid #DFDFDF; background:#FFF;}
.mfoot .foot {width:90%; margin:7px auto; text-align:center;}
.mfoot .foot .null {float:left; width:135px; height:16px;}
.mfoot .foot .design {float:right; width:135px; height:16px;}
.mfoot .foot .func {line-height:22px;}
/*
.mfoot {width:950px; min-height:32px; _height:32px; margin:0 auto; text-align:left; background:#FFF; border-top:1px solid #DFDFDF;}
.mfoot .foot {text-align:center; margin-top:7px;}
*/
/*** 主頁面框架 ***/
.mdata {width:100%; border:0px; text-align:left; margin-bottom:10px;}
.mdata .lblock {width:214px; vertical-align:top; padding-top:9px; text-align:center; vertical-align:top;}
.mdata .page {vertical-align:top;}
.mdata .rabar {width:17px; vertical-align:top;}
.mdata .rbbar {width:13px; background:url(images/rbbar.jpg) right top no-repeat; vertical-align:top;}
.mdata .rblock {width:204px; vertical-align:top; text-align:center;}

/*** 區塊 ***/
.blockbt {width:195px; left:50%; margin:0 auto; text-align:left;}
.blockbt .head {height:10px; background:url(images/lb_top.jpg) left top no-repeat; overflow:hidden;}
.blockbt .body {background:url(images/lb_body.jpg) left top repeat-y; padding:5px 6px 5px 6px;}
.blockbt .foot {height:14px; background:url(images/lb_foot.jpg) left top no-repeat; overflow:hidden;}

.btbutton {margin:3px 0 0 1px;}

.bmodule {margin-top:14px;}
.bmodule .btitle {border-bottom:2px solid #515151;}
.bmodule .btitle .bmore {float:right; margin:6px 10px 0 0 !important; *margin:6px 5px 0 0;}
.bmodule .bcont {}

.rlogin {}
.rlogin .frm {margin:6px 0 6px 0;}
.rlogin .frm .title {width:45px; float:left; line-height:22px; text-align:right; margin:0 4px 0 0;}
.rlogin .frm .input {float:left;}
.rlogin .frm .input input.text {border:1px solid #AAAECB;}
.rlogin .frm .link {text-align:center; color:#371921;}
.rlogin .frm a {color:#2C809C;}
.rlogin .frm a:hover {color:#FC5C00;}
.rlogin .meminfo {margin:3px 0 0 0; padding:0 5px 0 5px;}
.rlogin .meminfo .user {color:#666; line-height:18px; padding-left:5px;}
.rlogin .meminfo .user span {color:#FF6600;}
.rlogin .meminfo .txt {color:#999; line-height:18px; padding-left:5px;}
.rlogin .meminfo ul {padding:0px; margin:0px;}
.rlogin .meminfo ul li {margin:0 3px 0 6px; line-height:20px; list-style-type:none; background:url(images/icon_arr.gif) no-repeat; background-position:3px 4px; padding-left:19px; }

.bgallery {margin:10px 0 8px 0;}
.bgallery .intro {width:117px; float:left; margin:0 5px 0 8px;}
.bgallery .intro .title {font-weight:bold; line-height:18px;}
.bgallery .intro .desc {color:#666;}
.bgallery .img {float:left; width:60px; height:60px; display:table-cell; text-align:center; vertical-align:middle;}
.bgallery .img * {vertical-align:middle;}
*html .bgallery .img span{height:100%;display:inline-block;}

.adbanner {text-align:center;}
.adbanner div.ad { margin:10px 0 10px 0;}

/*** 區塊標題 ***/
.bk_link {background:url(images/bk_link.jpg) no-repeat; height:20px; }
.bk_login {background:url(images/bk_login.jpg) no-repeat; height:20px; }
.bk_star {background:url(images/bk_cfdstar.jpg) no-repeat; height:20px; }
.bk_book {background:url(images/bk_book.jpg) no-repeat; height:20px; }
.bt_gallary {background:url(images/bt_gallary.jpg) no-repeat; height:20px; }
.bt_importmsg {background:url(images/bt_importmsg.jpg) no-repeat; height:20px; }
.bt_movie {background:url(images/bt_movie.jpg) no-repeat; height:20px; }

/*** 表單區 ***/
.cform {}
.cform input.text {border:1px solid #BABABA; height:18px;}
.cform select {border:1px solid #BABABA; height:22px;}
.cform textarea {border:1px solid #BABABA; padding:2px;}
.cform .field {margin:5px 0 5px 0px;}
.cform .field .title {float:left; width:70px; line-height:24px; color:#656565; font-weight:bold;}
.cform .field .title span {color:red; padding:0 3px 0 3px;}
.cform .field .title2 {float:left; width:100px; line-height:24px; color:#656565; font-weight:bold;}
.cform .field .title2 span {color:red; padding:0 3px 0 3px;}
.cform .field .ftxt {float:left; height:100%; line-height:24px; margin-right:10px;}
.cform .field .ftxt span {color:red;}
.cform .field .ftxt span.kyes {color:#019BBF;}
.cform .field .ftxt span.kno {color:#C61A06;}
.cform .field .question {line-height:24px; color:#656565; font-weight:bold;}
.cform .field .answer {margin:5px 0 5px 0; padding:0 25px 0 25px; line-height:24px;}
.cform .field .answer div.multi {float:left; margin-right:5px;}

input.button02 { background:url(images/button02.jpg) left top no-repeat; width:68px; height:27px; border:0px; color:#2F92BC; line-height:27px; text-align:center;}
input.button04 { background:url(images/button02.jpg) left top no-repeat; width:68px; height:27px; border:0px; color:#2F92BC; text-align:center; }
input.buttbg04 { background:url(images/button04.jpg) left top no-repeat; width:88px; height:27px; border:0px; color:#2F92BC; line-height:27px; text-align:center; }

.nform {}
.nform input.text {border:1px solid #BABABA; height:18px;}
.nform select {border:1px solid #BABABA; height:22px;}
.nform textarea {border:1px solid #BABABA; padding:2px;}
.nform .frm {margin:5px 0 5px 0px;}
.nform .frm .ct {float:left; width:107px; line-height:24px; text-align:right; color:#535250; margin-right:10px;}
.nform .frm .ft {float:left; width:360px; line-height:24px;}


/*** 畫線區 ***/
.lineType1 {background:url(images/icon_dot.gif) left top repeat-x; height:3px; overflow:hidden;}
.lineType2 {background:#B8B8B8; height:4px; overflow:hidden;}
.lineType3 {background:#CCCCCC; height:1px; overflow:hidden; margin:1px 0 1px 0;}
.lineType4 {background:url(images/icon_dash.gif) left top repeat-x; height:3px; overflow:hidden;}
.lineType5 {background:#323232; height:2px; overflow:hidden;}

.mg5 {height:5px; overflow:hidden;}
.mg10 {height:10px; overflow:hidden;}
.mg15 {height:15px; overflow:hidden;}

/*** 列表區 ***/
ul.list {padding:0px; margin:0px;}
ul.list li {line-height:16px; list-style-type:none; background:url(images/icon_squre.gif) no-repeat; background-position:6px 5px; padding-left:19px; }
ul.list li.link {margin:4px 0 4px 0;} 

.listTable {width:100%; border:0px;}
.listTable th {background:url(images/tb_tbg.jpg) left top repeat-x; height:30px; font-size:12px; vertical-align:center; color:#FFF; font-weight:normal;}
.listTable th a {color:#FFF; text-decoration:underline;}
.listTable th a:hover {color:#FFF; text-decoration:none;}
.listTable th.tS {width:15px; background:url(images/tb_ts.jpg) left top no-repeat;}
.listTable th.tS div {width:15px;}
.listTable th.tE {width:15px; background:url(images/tb_te.jpg) right top no-repeat;}
.listTable th.tE div {width:15px;}
.listTable td {line-height:20px; color:#000; vertical-align:center;}
.listTable td a {color:#3E9C9C;}
.listTable td a:hover {color:#E3680D;}
.listTable td.mp {padding:0 10px 0 10px;}


/*** 模組標題 ***/
.module {}
.module .title{position:relative;}
.module .title .more {float:right; margin:10px 3px 0 0 !important; *margin:10px 2px 0 0;}
.module .title .button {position:absolute; left:626px !important; *left:622px; top:12px;}
.module .title .image {height:25px;}
.module .title .image img {display:block;}
.module .line {height:3px; background:url(images/line_t2.jpg) repeat-x; overflow:hidden;}
.module .line div {width:109px; height:3px; background:url(images/line_t1.jpg) repeat-x; overflow:hidden;}
.module .mlist {padding:12px 3px 6px 3px;}
.module .pic {float:left; width:148px; margin:10px 0 0 0; text-align:center;}
.module .pic .dmg {width:136px; height:136px; margin:0 auto; background:url(images/article_pic.jpg) left top no-repeat; }
.module .plist {float:left; width:364px;}

.mcouse_list {float:left; width:413px;}
.mcouse_list span {color:#696969;}
.mcouse_list span a {color:#3366FF;}
.mcouse_list span a:hover {color:#FF6633;}
.mcouse_date {float:left; margin:0 2px 0 5px; width:73px; text-align:center;}

.banner {margin:10px 0 10px 0; text-align:center;}

.mtxt {text-align:center;}
.mtxt .mnote {width:640px; text-align:left; margin:0 auto;}
.mtxt .mnote .warn {color:#3E979D; line-height:20px;}
.mtxt .mlist {width:670px; text-align:left; margin:0 auto;} 
.mtxt .mlist .warn {color:#3E979D; line-height:20px;}

.teacher {margin:10px 0 10px 0; padding:0 20px 0 20px;}
.teacher .tpic {float:left; width:230px;}
.teacher .tpic div.rpic { width:180px; height:180px; border:1px solid #CAC9CA; display:table-cell; text-align:center; vertical-align:middle;}
.teacher .tpic div.rpic * {vertical-align:middle;}
html .teacher .tpic div.rpic span{height:100%; display:inline-block;}
.teacher .tpic div.bpic {width:180px; margin-top:10px; text-align:center;}
.teacher .tinfo {float:left; width:440px;}
.teacher .tinfo .tname {color:#3E9AB1; font-size:12pt; font-weight:bold; padding-left:7px; line-height:24px;}
.teacher .exp { color:#676767; font-weight:bold; line-height:20px; margin-top:15px;}
.teacher .etxt { margin-top:2px; color:#9D0010; line-height:16px;}
.teacher .tinfo .desc {padding:0 7px 0 7px;}
.teacher .tsub {float:left; width:60px; font-weight:bold; line-height:18px; padding-left:5px;}
.teacher .tinfo .tdesc {float:left; width:360px !important; padding:0 7px 0 7px;}
.teacher .tdesc {float:left; width:540px; padding:0 7px 0 7px;}
.teacher .exp2 { color:#676767; font-weight:bold; line-height:20px; padding:0 7px 0 7px;}
.teacher .etxt2 { margin-top:2px; line-height:16px; padding-left:22px; background:url(images/icon_arr.gif) no-repeat; background-position: 10px 4px; }

.nsearch {text-align:right;}
.nsearch {float:right; width:430px;}
.nsearch .ntitle {float:left; padding:0 0 0 25px; color:#000; background:url(images/icon_search.jpg) left top no-repeat; line-height:23px; }
.nsearch .ntext {float:left; margin-left:5px;}
.nsearch .nbutton {float:left; margin-left:5px;}

.ncls {background:url(images/cls_bg.jpg); line-height:31px;}
.ncls .nitem {float:left;}
.ncls .nitem .nmaster {background:url(images/cls_m2.jpg) left top repeat-x; color:#000;}
.ncls .nitem .nmaster .left {background:url(images/cls_m1.jpg) left top no-repeat;}
.ncls .nitem .nmaster .right {background:url(images/cls_m3.jpg) right top no-repeat; padding:0 19px 0 16px;}
.ncls .nitem .nmaster a {color:#000;}
.ncls .nitem .nsalver {background:url(images/cls_s2.jpg) left top repeat-x; color:#FFF;}
.ncls .nitem .nsalver .left {background:url(images/cls_s1.jpg) left top no-repeat;}
.ncls .nitem .nsalver .right {background:url(images/cls_s3.jpg) right top no-repeat; padding:0 19px 0 16px;}
.ncls .nitem .nsalver a {color:#FFF;}

.ndetail {}
.ndetail .ninfo {}
.ndetail .ninfo .subject {position:relative;}
.ndetail .ninfo .mail {float:right; color:#676767; margin:8px 12px 0 0;}
.ndetail .ninfo .mail label {padding-left: 18px; background:url(images/icon_mail.jpg) left top no-repeat; cursor:pointer;}
.ndetail .ninfo .title {color:#3E9AB1; font-size:12pt; font-weight:bold; padding-left:7px; line-height:24px; width:460px;}
.ndetail .ninfo .nsign {position:absolute; left:470px; top:-3px;}
.ndetail .ninfo .ndl {position:absolute; left:560px; top:-3px;}
.ndetail .ninfo .note {float:left; color:#676767; font-weight:bold; padding-left:7px; line-height:22px;}
.ndetail .ninfo .ntext {float:left; margin:0 15px 0 10px; color:#9D0010; line-height:22px;}
.ndetail .ninfo .ntext a {color:#9D0010; text-decoration:underline; }
.ndetail .ninfo .ntext a:hover {color:#E3680D;}
.ndetail .ninfo .ndownload {float:left; margin-left:2px;}
.ndetail .ninfo .ndownload .dlpic {float:left; font-weight:bold; height:26px; line-height:26px; background:url(images/dl_middle.jpg) left top repeat-x;}
.ndetail .ninfo .ndownload .dlpic .left {background:url(images/dl_left.jpg) left top no-repeat;}
.ndetail .ninfo .ndownload .dlpic .left .right {background:url(images/dl_right.jpg) right top no-repeat; padding:0 16px 0 28px; color:#3895B7; white-space: nowrap;}
.ndetail .ninfo .ndownload .dlpic .left .right a {color:#3895B7;}



.ndetail .ninfo .desc {padding:0 7px 0 7px;}

.gbook {width:100%; border:0px;}
.gbook td.tn {background:#E0EBF1; color:#000; font-weight:bold; text-align:right; padding-right:6px;}
.gbook td.tt {background:#E0EBF1; color:#000;}
.gbook td.tt span {color:#999;}
.gbook td.content {padding:5px 20px 5px 20px; line-height:18px;}
.gbook td.reply {background:#EFEFEF; padding:5px 20px 5px 20px; line-height:18px; color:#000;}
.gbook td.reply .admin {color:red;}
.gbook td.reply .admin span {color:#999; margin-left:9px;}

.bbook {width:100%; border:0px;}
.bbook td.tn {background:#F1E3E0; color:#000; font-weight:bold; text-align:right; padding-right:6px;}
.bbook td.tt {background:#F1E3E0; color:#000;}
.bbook td.tt span {color:#999;}
.bbook td.content {padding:5px 20px 5px 20px; line-height:18px;}

.gallery_pic_border {border:1px solid #000;}
.gallery_title {font-weight:bold; line-height:20px; color:333;}
.gallery_mask {line-height:18px; color:#999;}
.gallery_thumb {margin-top:10px;}
.gallery_thumb .ghead {background:url(images/gthumbbg.jpg) left top repeat-x; height:21px; padding:0 0 0 6px; line-height:21px; color:#656567; font-weight:bold;}
.gallery_thumb .gtable {margin-top:10px;}
.gallery_thumb .gmovie {display:block; width:100px; height:100px; border:1px solid #000; line-height:100px; cursor:pointer;}
.gallery_pic {padding:0 10px 0 10px;}
.gallery_pic .picture {margin:5px; text-align:center;}
.gallery_pic .picture img {border:1px solid #000;}
.gallery_pic .pcount {text-align:center; }
.gallery_pic .pcount span {color:#CC6633; font-weight:bold; margin:0 3px 0 6px;}
.gallery_pic .pcount span a {font-weight:normal; color:#3366FF;}

.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:#5BACCA;}
.download .area .data {float:left; width:300px; height:100%; line-height:22px; color:#666666;}
.download .area .data span.n1 {color:#FF6600;}

.custom {}
.custom .item {float:left; margin:5px;}

.forum {width:100%; border:0px;}
.forum td {padding:3px; line-height:18px;}
.forum td.tn {background:#E0EBF1; color:#696969; font-weight:bold; text-align:right; padding-right:6px;}
.forum td.tt {background:#E0EBF1; color:#000;}
.forum td.tt span {color:#999;}
.forum td.content {padding:5px 20px 5px 20px; line-height:18px; background:#EFEFEF;}
.forum td.reply {background:#EFEFEF; padding:5px 20px 5px 20px; line-height:18px; color:#000;}
.forum td.reply .admin {color:red;}
.forum td.reply .admin span {color:#999; margin-left:9px;}


.sitemap {}
.sitemap .site {float:left; width:160px; min-height:160px; _height:160px; margin-right:10px; margin-top:10px;}


.pgcount {color:#999999;}
.pgcount a {color:#3FA1A2;}

.pgcount2 {color:#A40004;}
.pgcount2 a {color:#3FA1A2;}