* { margin:0; padding:0}
em,q,cite,address { font-weight:normal; font-style:normal}
address { display:inline}
big,small { font-size:12px}
body { font-size:12px; line-height:20px; font-family:Tahoma, Arial, sans-serif, Simsun; color:#333; background:#EEE}
img { border:0}
li { list-style:none}
q { quotes:none}
q:before,q:after {content:""}
strong { font-weight:bold}
del { font-family:Simsun}
dfn { padding-right:2px; text-decoration:none; font-family:Arial; font-style:normal}
th { text-align:left; font-weight:normal}

/* link */
a { color:#333; text-decoration:none; outline-style:none}
a:hover { color:#f13a09; text-decoration:underline}
/* link in text */
a.t { text-decoration:underline}
a.t:hover { color:#f13a09; text-decoration:underline}

/* clear float */
.cf { zoom:1} /* for IE */
.cf:after { content:"."; display: block; clear:both; font-size:0; height:0; visibility:hidden; overflow:hidden} /* for other */
/* end of clear float */

/* float */
.left { float:left}
.right { float:right}
.fnone { float:none}
.middle{ float:left}

/* text-align */
.tleft { text-align:left}
.tright { text-align:right}
.tcenter { text-align:center}

/* display */
.dis { display:block}
.undis { display:none}

/* form */
label { cursor:pointer}
input,select { vertical-align:middle; font-size:12px; color:#666}
input[type="text"],input[type="password"] { padding:2px 3px 0; height:15px; line-height:15px; border:1px solid; border-color:#666 #BBB #BBB #666; background:#FFF}
input[type="file"] { height:21px}
* html input.txtinput { padding:2px 3px 0; height:15px; line-height:15px; border:1px solid; border-color:#666 #BBB #BBB #666; background:#FFF} /* for IE6 */
* html input.fileinput { height:20px} /* for IE6 */
input[type="checkbox"],input[type="radio"] { margin-right:4px}
*+html input.checkinput { margin-right:0} /* for IE7 */
*+html input.radioinput { margin-right:0} /* for IE7 */
select { height:20px; color:#333}
textarea { padding:3px 0 3px 3px; font-size:12px; font-family:Tahoma; color:#333; border:1px solid; border-color:#666 #BBB #BBB #666; background:#FFF}
input.btninput01, input.btninput02, input.btninput03, input.btninput04, input.btninput05, input.btninput06 { cursor:pointer; vertical-align:middle; font-size:12px; color:#333; border:0; background:url(images/GlobalButton_01.png) 0 0 no-repeat}
input.btninput01 { width:72px; height:20px; padding-top:2px; padding-left:10px; background-position:0 0}
input.btninput02 { width:100px; height:24px; padding-top:2px; color:#FFF; background-position:0 -120px}
input.btninput03 { width:60px; height:24px; padding-top:2px; background-position:0 -210px}
input.btninput04 { width:40px; height:20px; padding-top:2px; border:1px solid #b4b4b4; background-position:0 -30px}
input.btninput05 { width:120px; height:24px; padding-top:2px; color:#FFF; background-position:0 -150px}
input.btninput06 { width:80px; height:24px; padding-top:2px; color:#FFF; background-position:0 -180px}
a.btninput02, a.btninput04, a.btninput05, a.btninput06, a.btninput07, a.btninput08, a.btninput09, a.btninput10, a.btninput11, a.btninput12, a.btninput13, a.btninput14, a.btninput15, a.btninput16, a.btninput17 { display:block; text-align:center; text-decoration:none; font-size:12px; color:#FFF; border:0; background:url(images/GlobalButton_01.png) 0 0 no-repeat}
a.btninput02:hover, a.btninput04:hover, a.btninput05:hover, a.btninput06:hover, a.btninput07:hover, a.btninput08:hover, a.btninput09:hover, a.btninput10:hover, a.btninput11:hover, a.btninput12:hover, a.btninput13:hover, a.btninput14:hover { text-decoration:none; color:#FFF}
a.btninput02 { width:100px; height:24px; line-height:24px; background-position:0 -120px}
a.btninput04 { width:100px; height:18px; line-height:18px; color:#333; border:1px solid #b4b4b4; background-position:0 -30px; background-repeat:repeat-x}
a.btninput04:hover { color:#333}
a.btninput05 { width:120px; height:24px; line-height:24px; background-position:0 -150px}
a.btninput06 { width:80px; height:24px; line-height:24px; background-position:0 -180px}
a.btninput07 { width:120px; height:30px; background-position:0 -240px}
a.btninput08 { width:100px; height:24px; background-position:0 -280px}
a.btninput09 { width:120px; height:30px; background-position:0 -310px}
a.btninput10 { width:100px; height:24px; background-position:0 -350px}
a.btninput11 { cursor:default; width:120px; height:30px; background-position:0 -380px}
a.btninput12 { width:60px; height:20px; background-position:0 -460px}
a.btninput13 { width:120px; height:24px; background-position:0 -490px}
a.btninput14 { cursor:default; width:120px; height:30px; background-position:0 -420px}
a.btninput15 { cursor:default; width:120px; height:24px; background-position:0 -520px}
a.btninput16 { width:164px; height:30px; background-position:0 -550px}
a.btninput17 { width:150px; height:30px; background-position:0 -590px}

/* required */
.rq { font-size:11px; font-family:verdana; font-weight:normal; color:#F30; padding-right:5px}

/* rating */
big.ratingStar_0, big.ratingStar_0d5, big.ratingStar_1, big.ratingStar_1d5, big.ratingStar_2, big.ratingStar_2d5, big.ratingStar_3, big.ratingStar_3d5, big.ratingStar_4, big.ratingStar_4d5, big.ratingStar_5 { padding-left:56px; font:12px tahoma; background:url(images/GlobalRate_01.png) 0 0 no-repeat}
big.ratingStar_0 { background-position:0 -200px}
big.ratingStar_0d5 { background-position:0 -180px}
big.ratingStar_1 { background-position:0 -160px}
big.ratingStar_1d5 { background-position:0 -140px}
big.ratingStar_2 { background-position:0 -120px}
big.ratingStar_2d5 { background-position:0 -100px}
big.ratingStar_3 { background-position:0 -80px}
big.ratingStar_3d5 { background-position:0 -60px}
big.ratingStar_4 { background-position:0 -40px}
big.ratingStar_4d5 { background-position:0 -20px}
big.ratingStar_5 { background-position:0 0}

ul.ratingLine { width:190px}
ul.ratingLine li { float:left; width:190px; height:18px; line-height:18px; color:#666}
ul.ratingLine em { float:left; width:48px; padding-right:6px; text-align:right}
ul.ratingLine big { float:left; width:100px; height:10px; margin-top:4px; background:url(images/GlobalRate_02.png) no-repeat}
ul.ratingLine big img { height:10px; background:#f96808}
ul.ratingLine small { float:left; width:30px; padding-left:6px; font-size:11px}

ul.ratingLine01 { width:200px}
ul.ratingLine01 li { float:left; width:200px; height:18px; line-height:18px; color:#666}
ul.ratingLine01 em { float:left; width:48px; padding-right:6px; text-align:right}
ul.ratingLine01 big { float:left; width:101px; height:10px; margin-top:4px; background:url(images/GlobalRate_03.png) 0 0 no-repeat}
ul.ratingLine01 big.ratingLine01_0 { background-position:0 -200px}
ul.ratingLine01 big.ratingLine01_0d5 { background-position:0 -180px}
ul.ratingLine01 big.ratingLine01_1 { background-position:0 -160px}
ul.ratingLine01 big.ratingLine01_1d5 { background-position:0 -140px}
ul.ratingLine01 big.ratingLine01_2 { background-position:0 -120px}
ul.ratingLine01 big.ratingLine01_2d5 { background-position:0 -100px}
ul.ratingLine01 big.ratingLine01_3 { background-position:0 -80px}
ul.ratingLine01 big.ratingLine01_3d5 { background-position:0 -60px}
ul.ratingLine01 big.ratingLine01_4 { background-position:0 -40px}
ul.ratingLine01 big.ratingLine01_4d5 { background-position:0 -20px}
ul.ratingLine01 big.ratingLine01_5 { background-position:0 0}
ul.ratingLine01 big a { display:block; width:100%; height:10px; line-height:10px; font-size:0}
ul.ratingLine01 small { float:left; width:36px; padding-left:6px}

/* pages */
.pages { padding:10px}
.pages .num { overflow:hidden; float:right; height:18px; font:12px/18px tahoma; color:#666}
.pages .num strong { float:left; margin-left:5px; padding:0 4px; font-weight:normal; color:#FFF; border:1px solid #da3a13; background:#da3a13}
.pages .num strong.nolink { font-weight:normal; border:1px solid #CCC; color:#AAA; background:none}
.pages .num span { float:left; height:16px; line-height:16px; overflow:hidden}
.pages .num .ellipsis { margin-left:5px}
.pages .num a { float:left; cursor:pointer; margin-left:5px; padding:0 4px; color:#c03919; text-decoration:none; border:1px solid #bb614b; background:#FFF}
.pages .num a:hover { color:#820202; text-decoration:none; border:1px solid #a72e11}
.pages .num a.nolink, .pages .num a.nolink:hover { cursor:default; border:1px solid #CCC; color:#AAA; background:none}
.pages .num a.pageselect, .pages .num a.pageselect:hover { cursor:default; color:#FFF; border:1px solid #da3a13; background:#da3a13}

.paginator { margin:0; padding:10px 10px 10px 0; font:12px Tahoma}
.paginator div { float:right}
.paginator a { cursor:pointer; text-decoration:none; color:#c03919; border:1px solid #bb614b}
.paginator a:hover { text-decoration:none; color:#820202; border:1px solid #a72e11}
.paginator .cpb { font-weight:bold; color:#fff; border:1px solid #da3a13; background:#da3a13}
.paginator a, .paginator .cpb, .paginator a:hover, .paginator .flb { float:left; min-width:10px; _width:10px; height:16px; padding:0 3px; margin-left:5px; text-align:center; white-space:nowrap; line-height:16px; font-size:12px}
.paginator span.flb { border:1px solid #ccc; color:#aaa; background:none}

/* status */
.status { padding:10px 0; text-align:center}

/* alarm */
.alarm { margin-bottom:10px; padding:2px 16px; color:#F00; border:1px solid #DD3C10; background:#FFE6E6}
.alarm span { padding-right:16px; background:url(images/GlobalIcon_01.gif) 0 -200px no-repeat}
/* notice */
.notice { margin-bottom:10px; padding:2px 16px; border:1px solid #ffd4a5; background:#fff9e5}
.notice span { padding-right:16px; background:url(images/GlobalIcon_01.gif) 0 -280px no-repeat}
.notice em { color:#FF5000}
/* valid */
.valid { margin-bottom:10px; padding:2px 16px; color:#063; border:1px solid #82b753; background:#f0ffe2}
.valid span { padding-right:16px; background:url(images/GlobalIcon_01.gif) 0 -240px no-repeat}

/* favorite */
a.favorite { float:left; height:20px; margin-left:5px; padding:0 15px 0 30px; text-align:center; color:#333; background:url(images/GlobalButton_01.png) 0 -60px no-repeat}
a.favorite:hover { text-decoration:none; background-position:0 -90px}

/* courseList */
.courseList dt, .courseList dd { float:left; overflow:hidden; height:20px}
.courseList strong, .courseList big, .courseList small, .courseList address, .courseList q, .courseList del, .courseList em, .courseList span { float:left; overflow:hidden}
.courseList big, .courseList small, .courseList address, .courseList q { text-align:center}
.courseList small, .courseList big, .courseList address, .courseList q, .courseList del { padding-left:5px}
.courseList em { color:#e32f04}
.courseList dt { font-weight:bold; border-bottom:1px solid #CCC}
.courseList dt address,  .courseList dt q, .courseList dt em { font-weight:bold}
.courseList dt del { text-decoration:none}
.courseList dt em { font-weight:bold; color:#333}
.courseList dd { background:url(images/GlobalLine_02.gif) left bottom repeat-x}
.courseList dd del { color:#4d4d4d}
.courseList dt del { font-family:tahoma}
.courseList span a { color:#810404}

/* others */
.space { overflow:hidden; clear:both; height:10px; font:0px/0px Arial, Helvetica, sans-serif}
.clear { clear:both; height:1px; font:0px/0px Arial, Helvetica, sans-serif}
.line { float:left; clear:both; width:100%; height:1px; margin:10px 0; font:0px/0px Arial, Helvetica, sans-serif; background:#d7d7d7}
.page, .menu, #header, #path { width:980px; margin:0 auto}
h2 { font-size:14px}

/*box*/
.box, .boxgls{ background:#fff;padding:4px 8px;}
.box li{background:url(images/dot.gif) no-repeat left center; padding-left:8px;}
.box h3{ font-size:1.2em; } 
.box p{color:#666; padding:4px 0;}
.boxpic li{ float:left;}
.boxpic img{ border:1px solid #999;}
.boxgls li{ clear:both; padding:5px 0; line-height:18px;}
.boxgls img{ float:left;border:1px solid #999; margin-right:5px; }
.boxgls h3{ float:left; font-size:1em;}