html, body, td, input, select,pre,input,textarea,button,option,span{ 
font-family: UKIJ Tuz Tom,UKIJ Tuz Tor,UKIJ Kufi 3D,UKIJ Kufi Uz,UKIJ Chiwer Kesme,UKIJ Esliye,Arial,ukij tuz tom;  }
@font-face {
    font-family: ukij tuz tom;
    font-style:  normal;
    font-weight: normal;
    src: url(/001.eot);
  }

#MainBody {
	FONT-SIZE: 12px; WIDTH: 960px
}
#TitleBlock {
	PADDING-BOTTOM: 8px; MARGIN: 0px auto; PADDING-TOP: 5px; POSITION: relative
}
.CourseTitle {
	FONT-WEIGHT: bold; FONT-SIZE: 20px; COLOR: navy
}
.AuthorName {
	FONT-SIZE: 12px; MARGIN-LEFT: 6px; COLOR: #666
}
.AuthorName A {
	COLOR: blue; TEXT-DECORATION: underline
}
.AuthorName A:hover {
	COLOR: red; TEXT-DECORATION: none
}
.CuserTools2 {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; RIGHT: 3px; COLOR: #666; POSITION: absolute; TOP: 12px
}
.CuserTools2 A {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; FONT-SIZE: 13px; PADDING-BOTTOM: 4px; COLOR: #0000cd; PADDING-TOP: 4px; TEXT-DECORATION: underline
}
#DetailMes {
	WIDTH: 100%
}
#CourseInfoWrapper {
	FLOAT: left; WIDTH: 100%
}
#CourseInfoMid {
	MARGIN: 0px 215px 0px 145px
}
#CoursePic {
	FLOAT: left; MARGIN-LEFT: -100%; WIDTH: 140px
}
#CourseInfoMidRight {
	FLOAT: left; MARGIN-LEFT: -210px; WIDTH: 210px
}
.Picture {
	WIDTH: 140px
}
#Introblock {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-SIZE: 13px; PADDING-BOTTOM: 8px; PADDING-TOP: 0px; TEXT-ALIGN: left
}
#introtitle {
	PADDING-LEFT: 33px; FONT-WEIGHT: bold; FONT-SIZE: 14px; BACKGROUND: url(../../image/Details/introico.gif) no-repeat left center; PADDING-TOP: 5px; TEXT-ALIGN: left
}
#intromes {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; COLOR: #666; LINE-HEIGHT: 17px; PADDING-TOP: 5px
}
.tbtext {
	MARGIN: 3px 0px 6px; COLOR: green
}
.pub {
	MARGIN-LEFT: 30px
}
.CourseTips {
	PADDING-RIGHT: 28px; PADDING-LEFT: 28px; FONT-SIZE: 12px; PADDING-BOTTOM: 6px; MARGIN: 3px auto 5px; WIDTH: 300px; COLOR: red; PADDING-TOP: 8px; LETTER-SPACING: 1px; BACKGROUND-COLOR: #fffacd; TEXT-ALIGN: center
}
.CDTags {
	PADDING-RIGHT: 6px; MARGIN-TOP: 5px; PADDING-LEFT: 8px; FONT-SIZE: 12px; PADDING-BOTTOM: 3px; LINE-HEIGHT: 18px; PADDING-TOP: 0px
}
.CDTags A {
	PADDING-RIGHT: 6px
}
.CourseInfoshadow {
	PADDING-RIGHT: 3px; BACKGROUND-POSITION: left top; BACKGROUND-IMAGE: url(../../image/UserNav/SEZSpeBG.gif); PADDING-BOTTOM: 3px; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #dfdfdf
}
.CourseROutline {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 12px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 12px; BACKGROUND-IMAGE: url(../../image/Catalogs/CourseDetailRight_BG.gif); PADDING-BOTTOM: 10px; BORDER-LEFT: #ccc 1px solid; PADDING-TOP: 10px; BORDER-BOTTOM: #ccc 1px solid; BACKGROUND-REPEAT: repeat-x; BACKGROUND-COLOR: #fff; TEXT-ALIGN: left
}
.CourseDetailItem {
	MARGIN-BOTTOM: 6px; VERTICAL-ALIGN: middle; FONT-FAMILY: ukij tuz tom
}
.CourseDetailItem1 {
	COLOR: #960
}
.CourseDetailItem1 A {
	COLOR: #960
}
.CourseDetailItem1 A:hover {
	COLOR: #960; TEXT-DECORATION: none
}
.CUserTools1 {
	BACKGROUND: #f5fbff; PADDING-BOTTOM: 8px; MARGIN: 8px 2% 0px; PADDING-TOP: 11px; TEXT-ALIGN: center
}
.EachBtn1 {
	BORDER-RIGHT: #bebebe 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #bebebe 1px solid; PADDING-LEFT: 5px; BACKGROUND-IMAGE: url(../../image/Default/BtnBG.jpg); PADDING-BOTTOM: 3px; MARGIN: 0px 2px; BORDER-LEFT: #bebebe 1px solid; PADDING-TOP: 4px; BORDER-BOTTOM: #bebebe 1px solid
}
.EachBtn1 IMG {
	PADDING-RIGHT: 3px; VERTICAL-ALIGN: middle
}
.CUserTools1 A {
	FONT-SIZE: 13px; COLOR: #0000cd; WHITE-SPACE: nowrap; TEXT-DECORATION: none
}
.CUserTools {
	BORDER-TOP: #ccc 1px solid; MARGIN-TOP: 8px; PADDING-TOP: 6px; TEXT-ALIGN: left
}
.CUserTools A {
	FONT-SIZE: 13px; COLOR: blue; TEXT-DECORATION: none
}
.EachBtn {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: middle; PADDING-TOP: 0px
}
.EachBtn IMG {
	MARGIN-RIGHT: 3px
}
#CourseItemList {
	WIDTH: 100%; HEIGHT: 27px
}
#CourseItemList {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#CourseItemList UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#CourseItemList LI.ItemOFF {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(../../image/Details/CourseDetailTab_OffR.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px 2px 0px 0px; PADDING-TOP: 0px
}
#CourseItemList .ItemOFF A {
	PADDING-RIGHT: 14px; DISPLAY: block; PADDING-LEFT: 14px; BACKGROUND: url(../../image/Details/CourseDetailTab_OffL.gif) no-repeat left top; PADDING-BOTTOM: 3px; PADDING-TOP: 10px; TEXT-DECORATION: none
}
#CourseItemList LI.ItemON {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(../../image/Details/CourseDetailTab_OR.gif) no-repeat right top; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px 2px 0px 0px; PADDING-TOP: 0px
}
#CourseItemList .ItemON A {
	PADDING-RIGHT: 16px; DISPLAY: block; PADDING-LEFT: 16px; FONT-WEIGHT: bold; FONT-SIZE: 13px; BACKGROUND: url(../../image/Details/CourseDetailTab_OL.gif) no-repeat left top; PADDING-BOTTOM: 4px; COLOR: #fff; PADDING-TOP: 8px; TEXT-DECORATION: none
}
#CourseItemPart {
	MARGIN-TOP: 18px; WIDTH: 100%; TEXT-ALIGN: left
}
#CourseItContent {
	BORDER-RIGHT: #72ad59 1px solid; BORDER-TOP: #72ad59 1px solid; MARGIN-BOTTOM: 20px; BORDER-LEFT: #72ad59 1px solid; BORDER-BOTTOM: #72ad59 1px solid
}
.EachItemBlock {
	PADDING-RIGHT: 15px; PADDING-LEFT: 20px; PADDING-BOTTOM: 15px; PADDING-TOP: 5px; TEXT-ALIGN: center
}
.TeaCreTotal {
	PADDING-LEFT: 8px; FONT-SIZE: 14px; MARGIN-BOTTOM: 8px; PADDING-BOTTOM: 8px; COLOR: #666; PADDING-TOP: 6px; BORDER-BOTTOM: #ccc 1px dashed; FONT-FAMILY: ukij tuz tom; TEXT-ALIGN: left
}
#TeaCreList {
	PADDING-LEFT: 8px; FONT-SIZE: 14px; TEXT-ALIGN: left
}
#TeaCreList P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 5px 0px; PADDING-TOP: 0px
}
#TeaCreList P A {
	TEXT-DECORATION: none
}
#TeaCreList UL {
	MARGIN-LEFT: 35px; LIST-STYLE-TYPE: square
}
#TeaCreList LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 10px 0px; PADDING-TOP: 0px
}
#TeaCreList LI A {
	COLOR: blue
}
#TeaCreList LI A:hover {
	COLOR: red
}
#RelatedList {
	FONT-SIZE: 14px; COLOR: #666; LINE-HEIGHT: 22px; TEXT-ALIGN: left
}
#RelatedList A {
	PADDING-RIGHT: 13px; COLOR: blue
}
#RelatedList A:hover {
	COLOR: red
}
.CourseRefList {
	WIDTH: 88%; PADDING-TOP: 2px
}
.CourseRefList A {
	COLOR: blue; TEXT-DECORATION: underline
}
.CourseRefList TABLE {
	
}
.CourseRefList TH {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; FONT-SIZE: 13px; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; BORDER-BOTTOM: #ccc 1px solid; LETTER-SPACING: 1px
}
.CourseRefList TD {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; PADDING-BOTTOM: 6px; PADDING-TOP: 6px
}
.SubBlock {
	MARGIN-TOP: 7px; MARGIN-BOTTOM: 7px; WIDTH: 940px
}
.SubBlock2 {
	MARGIN-TOP: 7px; MARGIN-BOTTOM: 7px; WIDTH: 660px
}
.SubTitle {
	CLEAR: both; HEIGHT: 25px; TEXT-ALIGN: left
}
.SubTitle .thistitle {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; BACKGROUND: url(../image/TitleTab.gif) no-repeat; WIDTH: 100px; COLOR: white; MARGIN-RIGHT: 3px; PADDING-TOP: 7px; LETTER-SPACING: 1px; HEIGHT: 18px; TEXT-ALIGN: center
}
.SubContent {
	BORDER-RIGHT: #91add7 1px solid; BORDER-TOP: #91add7 1px solid; MIN-HEIGHT: 25px; BACKGROUND: #fff; PADDING-BOTTOM: 8px; BORDER-LEFT: #91add7 1px solid; BORDER-BOTTOM: #91add7 1px solid
}
.seltools {
	MARGIN-TOP: 15px; MARGIN-BOTTOM: 15px; WIDTH: 94%; COLOR: #309; TEXT-ALIGN: left
}
.seltools A {
	MARGIN-LEFT: 2px; COLOR: #309; TEXT-DECORATION: none
}
.selbox {
	MARGIN-RIGHT: 115px
}
.selbutton {
	FLOAT: right
}
.ComP {
	PADDING-RIGHT: 18px; PADDING-LEFT: 18px; PADDING-BOTTOM: 5px; MARGIN: 6px 10px; PADDING-TOP: 5px; BORDER-BOTTOM: #bbb 1px dashed
}
.Comor {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; COLOR: #666; PADDING-TOP: 5px; TEXT-ALIGN: left
}
.Comor .poster {
	PADDING-RIGHT: 5px; FONT-WEIGHT: bold; COLOR: #00c
}
.ComC {
	DISPLAY: block; COLOR: #333; TEXT-INDENT: 24px; LINE-HEIGHT: 15px; TEXT-ALIGN: left
}
.ComR {
	PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0px; PADDING-BOTTOM: 6px; COLOR: teal; PADDING-TOP: 6px; TEXT-ALIGN: left
}
.ComPager {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; PADDING-TOP: 10px; TEXT-ALIGN: center
}
.ComPager A {
	PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 0px; COLOR: #333; PADDING-TOP: 0px; TEXT-DECORATION: none
}
.ComPager A:hover {
	COLOR: red; TEXT-DECORATION: underline
}
#MyComBlock {
	MARGIN: 0px auto; WIDTH: 88%
}
#MyComBlock H5 {
	FONT-SIZE: 14px; PADDING-BOTTOM: 5px; MARGIN: 0px; COLOR: navy; PADDING-TOP: 7px
}
#MyLevel {
	PADDING-BOTTOM: 8px; TEXT-ALIGN: left
}
#MyLevel IMG {
	MARGIN-RIGHT: 12px
}
#MyComBlock .mycomT {
	VERTICAL-ALIGN: top
}
#MyComBlock #MyCom {
	TEXT-ALIGN: left
}
#MyComBlock #Action {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px; TEXT-ALIGN: center
}
.statper {
	MARGIN-LEFT: 15px; COLOR: #666
}
.QWrapper {
	MARGIN: 10px 15px
}
.EachQuestion {
	PADDING-LEFT: 40px; BACKGROUND: url(../../image/Help_ico.jpg) no-repeat left top; MARGIN-BOTTOM: 10px; PADDING-BOTTOM: 14px; PADDING-TOP: 5px; BORDER-BOTTOM: #cde6c0 1px solid; TEXT-ALIGN: left
}
.QBody {
	FONT-SIZE: 14px; MARGIN-BOTTOM: 6px
}
.QBody A {
	COLOR: #006500
}
.Qer {
	COLOR: #666; TEXT-ALIGN: left
}
.Qer A {
	COLOR: #666
}
.QerItem {
	MARGIN-LEFT: 15px
}
#ParentTitle {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; FONT-SIZE: 14px; BACKGROUND: #effbd6; PADDING-BOTTOM: 0px; MARGIN: 3px 0px 5px; WIDTH: 960px; LINE-HEIGHT: 29px; PADDING-TOP: 0px; HEIGHT: 29px
}
#ParentTitle SPAN {
	FLOAT: left; COLOR: #666; LETTER-SPACING: 1px
}
#ParentTitle SPAN A {
	FONT-WEIGHT: bold; COLOR: green; LETTER-SPACING: 0px
}
.ReturnCourse {
	DISPLAY: block; PADDING-LEFT: 22px; BACKGROUND: url(../image/ReturnCourseIco.gif) no-repeat left 5px; FLOAT: right; OVERFLOW: hidden; COLOR: green; HEIGHT: 22px
}
A.ReturnCourse:hover {
	BACKGROUND-POSITION: left -17px; COLOR: #9acd32; TEXT-DECORATION: underline
}
#MainContent {
	FLOAT: left; WIDTH: 655px
}
#NavPart {
	PADDING-RIGHT: 9px; MARGIN-TOP: 0px; PADDING-LEFT: 10px; BACKGROUND: #f3f7e9; FLOAT: right; PADDING-BOTTOM: 10px; WIDTH: 245px; PADDING-TOP: 10px
}
#MainContent H2 {
	FONT-SIZE: 18px; MARGIN: 10px 0px 8px; COLOR: navy
}
#LessonPicture {
	FLOAT: left; OVERFLOW: hidden; WIDTH: 130px; HEIGHT: 130px
}
#LessonPicture IMG {
	WIDTH: 130px
}
#LessonDetailInfo {
	DISPLAY: inline; FONT-SIZE: 14px; FLOAT: left; MARGIN-LEFT: 20px; TEXT-ALIGN: left
}
UL#ApplyPart {
	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 6px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; TEXT-ALIGN: right
}
UL#ApplyPart LI {
	DISPLAY: inline; FONT-SIZE: 12px; COLOR: blue; FONT-FAMILY: ukij tuz tom
}
#ApplyPart A {
	COLOR: blue; LETTER-SPACING: 1px
}
#ApplyPart A:hover {
	COLOR: red
}
.Pinpai {
	MARGIN: 0px 0px 3px; COLOR: #333
}
#LessonDetailInfo TABLE {
	CLEAR: both; WIDTH: 505px; COLOR: #333
}
#LessonDetailInfo TABLE SPAN {
	COLOR: #000
}
#LessonDetailInfo A {
	
}
#LessonDetailInfo A:hover {
	COLOR: red
}
#LessonDetailInfo TD {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 3px; WIDTH: 50%; PADDING-TOP: 3px
}
#BuyAndPlayPart {
	CLEAR: both; FONT-SIZE: 14px; MARGIN-BOTTOM: 15px; PADDING-TOP: 10px; TEXT-ALIGN: center
}
#BuyAndPlayPart DIV {
	DISPLAY: inline
}
.LessonPrice {
	COLOR: #333
}
.PriceNum {
	PADDING-RIGHT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 20px; COLOR: red; FONT-FAMILY: ukij tuz tom
}
#SetTip {
	CLEAR: both; BORDER-RIGHT: #cac58c 1px solid; PADDING-RIGHT: 15px; BORDER-TOP: #cac58c 1px solid; PADDING-LEFT: 15px; FONT-SIZE: 12px; BACKGROUND: #ffffce; PADDING-BOTTOM: 4px; MARGIN: 5px 0px 0px; BORDER-LEFT: #cac58c 1px solid; PADDING-TOP: 8px; BORDER-BOTTOM: #cac58c 1px solid; TEXT-ALIGN: left
}
#SetTip H4 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 2px; PADDING-TOP: 0px
}
#SetTip OL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 49px; PADDING-TOP: 0px
}
#SetTip LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 2px; PADDING-TOP: 0px; LETTER-SPACING: 1px
}
#SetTip LI STRONG {
	FONT-WEIGHT: normal; COLOR: red
}
.LessongTips {
	DISPLAY: inline
}
#LIntroblock {
	PADDING-RIGHT: 15px; MARGIN-TOP: 7px; PADDING-LEFT: 15px; PADDING-BOTTOM: 2px; PADDING-TOP: 2px; TEXT-ALIGN: left
}
#LIntroblock .CDTags {
	PADDING-RIGHT: 0px; BORDER-TOP: #dadada 1px dashed; MARGIN-TOP: 5px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-TOP: 8px
}
#Lintromes {
	CLEAR: both; PADDING-BOTTOM: 5px; COLOR: #333; LINE-HEIGHT: 19px; PADDING-TOP: 2px
}
.FatherInfo {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 8px; PADDING-LEFT: 8px; BACKGROUND: #fff; PADDING-BOTTOM: 6px; PADDING-TOP: 6px; BORDER-BOTTOM: #dfdfdf 1px solid; TEXT-ALIGN: left
}
.FatherInfo H4 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 14px; PADDING-BOTTOM: 4px; MARGIN: 0px; COLOR: #666; PADDING-TOP: 3px; TEXT-ALIGN: left
}
.FatherInfo A {
	COLOR: blue; TEXT-DECORATION: none
}
.FatherInfo A:hover {
	COLOR: red; TEXT-DECORATION: none
}
.FatherInfo TD {
	PADDING-BOTTOM: 4px; PADDING-TOP: 4px
}
.FatherInfo P {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 7px 8px; PADDING-TOP: 0px
}
.FatherInfo P A {
	COLOR: #065572; TEXT-DECORATION: underline
}
#SelPayWay {
	FONT-SIZE: 14px; MARGIN-BOTTOM: 5px; LINE-HEIGHT: 25px
}
#SelPayWay STRONG {
	MARGIN: 0px 5px; COLOR: #333
}
#SelPayWay .TipMessage {
	FONT-SIZE: 12px; MARGIN-LEFT: 8px; COLOR: #666
}
#SelPayWay H2 {
	FONT-SIZE: 12px; MARGIN: 0px 0px -4px; COLOR: #cc0000
}
#Bulletin {
	CLEAR: both; BORDER-RIGHT: #ccc 1px dashed; PADDING-RIGHT: 8px; BORDER-TOP: #ccc 1px dashed; MARGIN-TOP: 7px; PADDING-LEFT: 8px; FONT-SIZE: 12px; PADDING-BOTTOM: 6px; BORDER-LEFT: #ccc 1px dashed; WIDTH: 637px; COLOR: #333; LINE-HEIGHT: 18px; PADDING-TOP: 9px; BORDER-BOTTOM: #ccc 1px dashed; FONT-FAMILY: SimSun; BACKGROUND-COLOR: #ff9; TEXT-ALIGN: left
}
#Bulletin A {
	MARGIN: 0px 1px
}
#Bulletin STRONG {
	MARGIN-RIGHT: 3px
}
#Bulletin .CloseIco {
	RIGHT: -6px; POSITION: absolute; TOP: -5px
}