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;}

.mmq {height:30px; background:#CADD67;}
.mmq .left {float:left; width:280px; height:30px; background:url(images/mq.jpg) left top no-repeat;}
.mmq .mtxt {float:left; width:642px; height:30px; color:#FEFFF7; text-align:left;}
.mmq .home {float:left; width:68px; height:30px; text-align:left;}
.mmq .home img {margin-top:4px;}
.mmq .mtxt .icon {padding-left:17px; background:url(images/icon_arr.jpg) no-repeat; background-position:0px 4px; *background-position:0px 3px; margin-top:6px; line-height:18px;}

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

.mhead {}
.mhead .head1 {float:left; width:280px; height:151px; background:url(images/head1.jpg) left top no-repeat;}
.mhead .head2 {float:left; width:720px; height:151px; background:url(images/head2.jpg) left top no-repeat;}
.mhead .head3 {float:left; width:280px; height:30px; background:url(images/head3.jpg) left top no-repeat;}
.mhead .bt {float:left; height:30px;}
.head4 {width:273px; height:185px; background:url(images/head4.jpg) left top no-repeat;}

.mbody {}
.mbody .mleft {float:left; width:273px; text-align:left;}
.mbody .mright {float:left; width:727px; text-align:left; overflow:hidden;}

.mfoot {background:url(images/foot.jpg) left top no-repeat; height:132px;}
.mfoot .copyright {padding:59px 0 0 280px; text-align:left; color:#9A9899; line-height:20px; font-family:Verdana, pmingliu, simsun, 新細明體, sans-serif;}
.mfoot .copyright a {color:#9A9899;}
.mfoot .copyright a:hover {color:#CC3300;}

.quick {width:692px;}
.quick .qimage {float:left; margin-left:3px;}
.quick .qurl {text-align:right;}
.quick .qurl div {padding:54px 11px 0 0; color:#999999;}
.quick .qurl div a {color:#999999;}
.quick .qurl div a:hover {color:#CC3300;}

.moduleTB {width:688px; min-height:710px; _height:710px; margin-left:3px; border:1px solid #D7D7D7; position:relative;}
.moduleTB .mt1 {position:absolute; left:-1px; top:-1px; width:6px; height:6px; background:url(images/ctb_t1.jpg) left top no-repeat; overflow:hidden;}
.moduleTB .mt2 {position:absolute; right:-1px; top:-1px; width:6px; height:6px; background:url(images/ctb_t2.jpg) left top no-repeat; overflow:hidden;}
.moduleTB .mt3 {position:absolute; left:-1px; bottom:-1px; width:6px; height:6px; background:url(images/ctb_f1.jpg) left top no-repeat; overflow:hidden;}
.moduleTB .mt4 {position:absolute; right:-1px; bottom:-1px; width:6px; height:6px; background:url(images/ctb_f2.jpg) left top no-repeat; overflow:hidden;}
.moduleTB .padd {padding:25px;}
.moduleTB .mtbt {position:absolute; left:154px; top:-1px;}
.moduleTB .mtbt .bt {float:left; margin-right:5px;}

.datacls {}
.datacls .bt {float:left; width:106px; font-size:10pt; color:#CC3300; line-height:18px;}
.datacls .bt a {color:#666666;}
.datacls .bt a:hover {color:#CC3300;}
.datacls .bt span {display:block; padding-left:23px; background:url(images/icon_ballarr.jpg) left top no-repeat;}

.datacls .bt2 {float:left; width:156px; font-size:10pt; color:#CC3300; line-height:18px;}
.datacls .bt2 a {color:#666666;}
.datacls .bt2 a:hover {color:#CC3300;}
.datacls .bt2 span {display:block; padding-left:23px; background:url(images/icon_ballarr.jpg) left top no-repeat;}

.datacls .bt3 {float:left; font-size:10pt; color:#CC3300; line-height:18px; margin-right:16px;}
.datacls .bt3 a {color:#666666;}
.datacls .bt3 a:hover {color:#CC3300;}
.datacls .bt3 span {display:block; padding-left:23px; background:url(images/icon_ballarr.jpg) left top no-repeat;}


/*** BLOCK ***/
.bepaper {width:221px; margin:38px 0 0 28px;}
.bepaper .title {padding-left:13px;}
.bepaper .epbg {background:url(images/epaperbg2.jpg) left top repeat-x; height:24px;}
.bepaper .epbg .el {float:left; width:11px; height:24px; background:url(images/epaperbg1.jpg) left top no-repeat;}
.bepaper .epbg .mail {float:left; width:137px; height:24px;}
.bepaper .epbg .mail input {border:0px; width:130px; font-size:10px; margin-top:5px; *margin-top:4px;}
.bepaper .epbg .submit {float:left; width:73px; height:24px;}

.bcontact {width:211px; margin:0 auto; text-align:left;}
.bcontact .title {width:207px; height:20px; background:url(images/t_contact.jpg) left top no-repeat; margin-left:4px;}
.bcontact .contact2 {color:#656565;}
.bcontact .contact2 a {color:#0397A1;}
.bcontact .contact2 a:hover {color:#CC3300;}
.bcontact .contact2 .padd {padding:3px 7px 3px 7px;}
.bcontact .contact2 .padd .more {color:#609A2C; text-align:center;}

.adbanner {text-align:center;}
.adbanner div.ad { margin:8px 0 8px 0;}
.adbanner div.ad img {border:1px solid #999999;}

.mnews {min-height:208px; _height:208px;}
.mnews ul {padding:0px; margin:0px;}
.mnews ul li.post {float:left; width:90px; line-height:22px; list-style-type:none; text-align:center; color:#9F9F9F;}
.mnews ul li.url {float:left; width:326px; line-height:22px; list-style-type:none; color:#505050;}
.mnews ul li.url a {color:#505050;}
.mnews ul li.url a:hover {color:#CC3300;}

.mgallery {min-height:208px; _height:208px;}
.mgallery .img {width:210px; height:166px; display:table-cell; text-align:center; vertical-align:middle; border:1px solid #999;}
.mgallery .img * {vertical-align:middle;}
html .mgallery .img span{height:100%; display:inline-block;}
.mgallery .intro {margin-top:5px; text-align:center; line-height:18px; color:#D336CD;}
.mgallery .intro a {color:#D336CD; text-decoration: underline;}
.mgallery .intro a:hover {color:#CC3300;}


.mclass {min-height:178px; _height:178px;}
.mclass ul {padding:0px; margin:0px;}
.mclass ul li.url {float:left; width:416px; line-height:22px; list-style-type:none; color:#505050;}
.mclass ul li.url a {color:#505050;}
.mclass ul li.url a:hover {color:#CC3300;}

.mvideo {min-height:178px; _height:178px;}

/*** MODULE ***/
.msg {width:680px; margin:40px 0 0 12px; line-height:22px; font-size:10pt;}
.msg .pic {float:right; margin:0 0 5px 5px;}

.itable {}
.itable .ileft {float:left; width:446px; margin-left:2px;}
.itable .iright {float:left; width:232px; margin-left:13px;}

.itable .ithead {height:37px; background:url(images/tb_t2.jpg) left top repeat-x;}
.itable .ithead .lbar {background:url(images/tb_t1.jpg) left top no-repeat;}
.itable .ithead .lbar .rbar {background:url(images/tb_t3.jpg) right top no-repeat; height:37px; overflow:hidden;}
.itable .ithead .more {float:right; margin:14px 19px 0 0;}
.itable .ithead .sub {text-align:center; height:37px;}
.itable .ithead .sub span {display:block; padding-top:11px;}
.itable .itbody {}
.itable .itbody .lbar {background:url(images/tb_m1.jpg) left top repeat-y;}
.itable .itbody .lbar .rbar {background:url(images/tb_m2.jpg) right top repeat-y; padding:8px 12px 3px 12px;}
.itable .itfoot {background:url(images/tb_f2.jpg) right top repeat-x;}
.itable .itfoot .lbar {background:url(images/tb_f1.jpg) left top no-repeat;}
.itable .itfoot .lbar .rbar {background:url(images/tb_f3.jpg) right top no-repeat; height:10px; overflow:hidden;}

.icourse {}
.icourse .item {float:left; margin-right:13px;}
.icourse .item2 {float:left; margin-right:17px;}
.icourse .item3 {float:left;}

.actbnr {width:696px; text-align:center;}
.footbnr {width:696px;}
.footbnr .ad {float:left; width:232px; text-align:center;}

.html {line-height:20px; color:#6F6F6F;}

.news {width:95%; margin:0 auto;}
.news ul {padding:0px; margin:0px;}
.news ul li.post {float:left; width:74px; line-height:22px; list-style-type:none; text-align:center; color:#9E9E9E; margin-right:18px;}
.news ul li.url {float:left; width:510px; line-height:22px; list-style-type:none; color:#4E4E4E;}
.news ul li.url a {color:#4E4E4E;}
.news ul li.url a:hover {color:#CC3300;}

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

.quotation {}
.quotation .area {width:80%; margin:0 auto;}

.qa {}
.qa .subject {padding-left:30px; background:url(images/icon_q.jpg) no-repeat; background-position:5px 3px; *background-position:5px 1px; line-height:18px; color:#666666; font-weight:bold;}
.qa .subject a {color:#666666;}
.qa .subject a:hover {color:#CC3300;}
.qa .desc {padding-left:30px; color:#4F4F4F; line-height:18px;}

.contact {width:70%; margin:0 auto;}

.course {width:95%; margin:0 auto;}
.course ul {padding:0px; margin:0px;}
.course ul li {float:left; line-height:22px; list-style-type:none;}
.course ul li div {padding:0 10px 0 10px;}
.course ul li.url {width:510px; color:#4E4E4E; margin-right:18px;}
.course ul li.url a {color:#4E4E4E;}
.course ul li.url a:hover {color:#CC3300;}
.course ul li.sign {width:74px; text-align:center;}
.course .subject {color:#CFC839; font-weight:bold; font-size:10pt; line-height:18px;}
.course .desc {color:#6B6B6B; line-height:18px;}
.course .form {width:70%; margin:0 auto;}

.gallery {width:100%;}
.gallery .album {float:left; width:212px;}
.gallery .album .img {border:1px solid #CBCCCE; width:206px; height:142px; text-align:center;}
.gallery .album .img * {vertical-align:middle;}
html .gallery .album .img span{height:100%; display:inline-block;}
.gallery .album .gmovie {border:1px solid #CBCCCE; width:206px; height:142px; text-align:center; line-height:142px;}
.gallery .intro {line-height:22px; text-align:center; color:#6E6E6E;}
.gallery .intro a {color:#6E6E6E;}
.gallery .intro a:hover {color:#CC3300;}

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

.gallery .picture {width:100%; border:1px solid #B9B9B9; padding:2px; text-align:center;}
.gallery .pcount {text-align:center; color:#073066; font-weight:bold; font-family:Verdana, pmingliu, simsun, 新細明體, sans-serif; letter-spacing: 3px;}
.gallery .pcount a {text-align:center; color:#073066; font-weight:normal; text-decoration: underline;}
.gallery .pcount a:hover {color:#CC3300;}


/*** 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:url(images/icon_dot.gif) left top repeat-x; height:3px; overflow:hidden;}


/*** 表單 ***/
.welcome {margin:5px 20px 5px 20px;}
.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:87px; line-height:21px; color:#6B6B6B; text-align:right; margin:0 7px 0 0; background:#E9E7E8;}
.cform .field .title div {padding-right:8px;}
.cform .field .title span {color:#EE2024;}
.cform .field .ftxt {float:left; width:340px; line-height:21px;}
.cform .field .ftxt span {color:#EE2024;}


.dform {}
.dform input.text {border:1px solid #C2C2C2; font-size:12px; width:365px;}
.dform input.text2 {border:1px solid #C2C2C2; font-size:12px;}
.dform select {border:1px solid #C2C2C2; font-size:12px; width:365px;}
.dform textarea {border:1px solid #C2C2C2; padding:2px; font-size:12px; width:365px;}
.dform .field {margin:5px 0 5px 0;}
.dform .field .title {float:left; width:127px; line-height:21px; color:#6B6B6B; text-align:right; margin:0 7px 0 0; background:#E9E7E8;}
.dform .field .title div {padding-right:8px;}
.dform .field .title span {color:#EE2024;}
.dform .field .ftxt {float:left; width:370px; line-height:21px;}
.dform .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;}