/* reset style */
* { margin:0; padding:0; }
body { color:#282828; font:12px Arial,sans-serif; background:#e5e5e5;}
html,body {height:100%; }
h1, h2, h3, h4, h5, h6 { font-size:12px; }
a { color:#333; text-decoration:none; }
	a:hover { text-decoration:none; }
img {border:none;}
	
/* header style */
#header {width:100%;}
#header-content {width:980px; height:195px; background:#88c1ff url("../images/header/header-bg.jpg") no-repeat;
	margin:0px auto; }
#course-header {width:980px; height:60px; background:#88c1ff url("../images/header/course-header-bg.jpg") no-repeat;
	margin:0px auto;}
#logo {float:left; width:430px; height:130px; cursor:pointer; margin-left:5px; }
#logo strong {display:none; }
#site-title {float:right;margin-top:40px;margin-right:20px;text-align:right;}
#title {font-family:Impact; font-size:48px; color:#000; line-height:60px; }
#slogan {font-family:Arial; font-size:14px; color:#fff;margin-right:5px;}
#nav-tabs {clear:both;text-align:right;width:962px;margin:0px auto;}
#nav-tabs ul {margin:0px 10px;}
.tab {float:right; width:86px; height:29px;line-height:29px;background-repeat:no-repeat; text-align:center; 
	margin:1px 6px 0px 0px; list-style:none;}
.tab a, .tab a:hover {font-size:14px; text-decoration:none; color:#ffffff; }
#nav-sub {clear:both;background:#404040;height:35px;color:#fff;}
#nav-sub a{color:#fff;}
#nav-sub ul {text-align:center;}
#nav-sub li {list-style:none; background:url("../images/column/blue-dot.gif") no-repeat 0 50%;
	line-height:35px;padding-left:20px;display:inline;margin-right:50px;}

#tab1-focus {background-image:url("../images/header/tab4-focus.jpg"); }
#tab1-focus a {color:#fff; }
#tab2-focus {background-image:url("../images/header/tab4-focus.jpg"); }
#tab2-focus a {color:#fff; }
#tab3-focus {background-image:url("../images/header/tab4-focus.jpg"); }
#tab3-focus a {color:#fff; }
#tab4-focus {background-image:url("../images/header/tab4-focus.jpg"); }
#tab4-focus a {color:#fff; }

#tab1 {background-image:url("../images/header/tab4.jpg"); }
#tab2 {background-image:url("../images/header/tab4.jpg"); }
#tab3 {background-image:url("../images/header/tab4.jpg"); }
#tab4 {background-image:url("../images/header/tab4.jpg"); }
#header-bottom {background:url("../images/header/header-bottom.jpg") no-repeat;width:980px;height:21px;
	margin:0px auto;clear:both;}
/* footer style */
#footer {	clear:both;background:#fff url("../images/column/column-bg.jpg") repeat-y;width:980px;
	margin:10px auto;text-align:center;line-height:20px;}
#footer a {color:#ffffff;}
#footer-content{width:962px;margin:0px auto;background:#404040;padding:10px 0px;overflow:hidden;}
.copyright, .copyright a { color:#a9a9a9;margin-bottom:10px;}
.good_link { width:500px; overflow:hidden; margin:10px auto 5px auto; color:#ffffff; text-align:center; }
.good_link a { margin:0 3px; color:#295B72; }

/* content style */
.column { width:980px; margin:0px auto; background:#fff url("../images/column/column-bg.jpg") repeat-y;
	overflow:hidden;}
.column h1 { font-size:18px;color:#0077ff;padding:5px;border-bottom:1px solid #dadada;}
.column .entry {margin:20px 0px;border:1px dashed #a5a5a5;padding:0px 5px;}
.column .entry h2 { height:32px; line-height:32px; margin-bottom:5px; padding-top:3px; padding-left:40px;
	background:url("../images/column/title-bg-red.gif") no-repeat 0px 0px;}
.column .entry h2 a:hover {color:#9d0000;}
.column .entry .entry-info {text-align:right;background:#333;margin-bottom:5px;padding:5px;color:#fff;}
.column .entry .entry-info a {color:#fff;text-decoration:underline;}
.entry-date {float:right;font-weight:normal;color:#666;}

.wide-col-left {float:left;margin:10px 0px 10px 20px;_margin:10px 0px 10px 10px;width:720px;overflow:hidden;}
.wide-col-right {float:right;width:210px; overflow:hidden; margin-top:10px; margin-right:20px;_margin-right:10px;}
.wide-col-left-left {float:left;width:240px;overflow:hidden;}
.wide-col-left-right {float:right;width:470px;overflow:hidden;}

.col-left {float:left;margin:10px 0px 10px 20px;_margin:10px 0px 10px 10px;width:680px;overflow:hidden;}
.col-right {float:right;width:250px; overflow:hidden; margin-top:10px; margin-right:20px;_margin-right:10px;}

.right-module { overflow:hidden;margin:0px auto 10px auto;background-color:#ffffff;border:1px solid #88a4c3;}
.right-module .content {text-align:left;overflow:hidden;margin:5px 0px;}
.right-module h2 { height:31px;line-height:31px;font-size:13px;text-align:left;padding-left:10px;
	background:url("../images/column/title-bg.gif") repeat-x;color:#0077ff;}
.right-module .content {margin:10px;}
.right-module .content h3 {margin-bottom:10px;border-bottom:1px solid #dadada;padding:3px;font-size:16px;}
.more {float:right;}
.more a {font-size:12px;color:#0077ff;font-weight:normal;margin-right:5px;}

.dot-list li {list-style:none; border-bottom:1px dashed #dadada;
	text-align:left; background:url("../images/column/blue-dot.gif") no-repeat 0px 4px;
	padding:0px 0px 3px 13px;margin-bottom:10px;}
.dot-list li ul li {background:none;border-bottom:none;list-style:disc outside;margin-left:15px;
	padding-left:0px;}
.green-dot-list li {list-style:none; border-bottom:1px dashed #dadada;line-height:24px;font-size:14px;
	text-align:left; background:url("../images/column/green-dot.gif") no-repeat 0px 4px;
	padding:0px 0px 3px 25px;margin-bottom:10px;}
.contact-list li{list-style:none;line-height:24px;border-bottom:1px dashed #dadada;padding:5px 0;}
.contact-list li img {vertical-align:top;margin-right:5px;}

.gray {color:#888;}

/* home style*/
#theme-1 {background:#005cc5 url("../images/home/theme-bg.gif") repeat-x;
	height:362px;margin:10px 20px 0px;border:1px solid #fff;color:#fff;}
#theme-title {background:url("../images/home/theme-title.png") no-repeat;line-height:40px;
	padding-left:50px;color:#fff;font-size:30px;margin:20px;font-weight:normal;}
#theme-product {float:left;margin:5px 40px;_margin:5px 20px;width:670px;line-height:25px;}
#theme-product p {margin-top:20px;font-size:14px;}
#theme-product img {float:left;margin-right:10px;}
#theme-btn {float:right;width:170px;}
#theme-btn span {display:block;background:url("../images/home/theme-btn.png") no-repeat;
	width:152px;height:36px;line-height:36px;font-size:14px;padding-left:25px;
	margin-bottom:10px;cursor:pointer;}
#theme-btn a {color:#fff;}
#theme-slogan{clear:both;text-align:center;font-style:italic;font-size:24px;}

#theme-2 {background:#005cc5 url("../images/home/theme-school.jpg") no-repeat center;
	height:362px;margin:10px 20px 0px;border:1px solid #fff;color:#0061cf;display:none;}
#theme-2 #theme-title {color:#0061cf;}
#theme-2 #theme-btn {height:225px;}
#theme-2 #theme-slogan{font-weight:bold;}

.topic {text-align:center;background:#000;}
.topic img {vertical-align:middle;}

#page-content {margin:10px;}
#page-content p {line-height:20px;text-indent:26px;margin:10px 0px;}

.table-list {padding:5px;}
.table-list li {overflow:hidden;white-space:nowrap;	margin:15px 0px;list-style:none;
	text-align:left; background:url("../images/column/red-dot.jpg") no-repeat 0px -2px; 
	padding-left:19px; padding-bottom:5px; border-bottom:1px dashed #dadada;}
.dateline {float:right;}

.float-list {padding:5px;}
.float-list li {float:left;width:200px;margin:15px 20px 15px 0px;list-style:none;
	text-align:left; background:url("../images/column/red-dot.jpg") no-repeat 0px 2px; 
	padding-left:19px; padding-bottom:5px;line-height:20px;}
.float-ul li {float:left;text-align:center;list-style:none;line-height:28px;
	margin:10px 40px 10px 50px;border-bottom:1px solid #dadada;padding-bottom:10px;}
.float-ul li a {color:#0077ff;}

/* article style */
#article-page {margin:0px 10px;}
#article-page h1 {background:url("../images/column/title-bg-red.gif") no-repeat 0px 0px;margin-bottom:10px;
	font-size:20px;font-family:Helvetica;height:30px;line-height:30px;padding:0px 0px 5px 40px;}
#article-page .meta {color:#666;text-align:right;margin-bottom:20px;}
#article-page .content h2 {font-size:14px;font-weight:normal;margin:10px 0px;}
#article-page .content p {margin:10px 0px;line-height:22px;}
#article-page .content a {color:#0077ff;}
#article-page .content td {padding:5px;}
#article-page hr {clear:both;margin:10px 0px;}
#article-page img {margin:0px 10px 10px 0px;}
#article-page ul li{margin-left:20px;}

.tip-div {clear:both;margin-bottom:20px;border-bottom:1px dashed #a5a5a5;padding-bottom:10px;}
.tip-div h4 {background:url("../images/tip-icon.gif") no-repeat;font-size:14px;margin-bottom:10px;
	line-height:20px;padding-left:27px;font-weight:normal;}
.tip-div h4 span{float:right;font-size:12px;font-weight:normal;}
.tip-div .cover{float:left;width:190px;height:120px;}
.tip-div .tip-info {float:right;width:250px;line-height:20px;}
.tip-div .tip-meta {margin-top:10px;}
.tip-div .tip-meta a {color:#0077ff;}

.date {float:right;font-size:12px;font-weight:normal;}

.table-list {width:95%;margin:10px;}
.table-list th {text-align:left;background:#0077ff;padding:0 10px;}
.table-list th, .table-list th a{color:#fff;font-weight:normal}
.table-list td {padding:0px 10px;border-bottom:1px dashed #a5a5a5; }

.table-detail {width:95%;margin:10px;}
.table-detail th {text-align:right;background:#cee5ff;padding:3px 10px;}
.table-detail th, .table-detail th a{color:#000;font-weight:normal}
.table-detail td {padding:3px 5px;border-bottom:1px solid #cee5ff; }
.table-detail .caption {text-align:left;background:#3191ff;color:#fff;font-size:16px;padding:5px;}
.table-detail img {vertical-align:top;}

.table-price th {background:#cee5ff;padding:3px;text-align:left;}
.table-price .dark {background:#eeffff;}

.blue-btn {display:block;background:url("../images/home/theme-btn.png") no-repeat;
	width:152px;height:36px;line-height:36px;font-size:14px;padding-left:25px;
	margin-bottom:10px;color:#fff;cursor:pointer;}
	
.btn {background:url("../images/column/btn-bg.gif") repeat-x;border:none;height:24px;line-height:24px;
	color:#fff;padding:0px 10px;border-right:1px solid #77b6ff;border-bottom:1px solid #0066ff;
	cursor:pointer;margin-right:10px;text-align:center;}
	
.price {color:#339933;font-size:16px;}
#orderlist .price {float:right;color:#339933;font-size:16px;}
#orderlist .product {font-weight:bold;color:#ff5500;}
#orderlist .version {color:#0077ff;}
#orderlist .delete {float:right;color:#ff0000;font-size:14px;margin-left:10px;cursor:pointer}

#product option {display:none;}