/*layout*/
body{background:url(/images/bg_top.png) repeat-x;}
#wrap{width:100%;background:url(/images/bg_btm.png) repeat-x bottom;float:left;}
#inner{width:960px;margin:0 auto;}
.box{width:960px;float:left;}

/*header*/
#header{height:60px;}

#logo{text-indent:-3000px;width:240px;height:60px;background:url(/images/logo.png) no-repeat;float:left;}
#menu{width:700px;float:left;padding-right:10px;padding-top:32px;}
#menu ul li{float:left;line-height:22px;margin-top:6px;margin-left:2px;width:67px;text-align:center;background:url(/images/bg_menu.png) no-repeat 0px -28px;cursor:pointer;}
#menu ul li.cur{line-height:28px;margin-top:0px;background:url(/images/bg_menu.png) no-repeat top;}
#menu ul li a{font-size:12px;font-weight:bold;color:#333;}

/*container*/
#container{background:url(/images/bg_container.png) repeat-y;}
#side{width:175px;padding:10px;float:left;background:url(/images/bg_side.png) no-repeat top;}
#main{width:750px;padding:10px 6px;float:right;background:url(/images/bg_main.png) no-repeat top;}

.main,.side{margin-top:10px;}
.main{width:750px;float:left;}
.side{width:175px;float:left;}

.title h2{font-size:14px;color:#F60;font-weight:bold;line-height:25px;text-indent:20px;}
.title .more{float:right;padding-right:10px;padding-top:3px;}
.title .more a{color:#36C;font-size:12px;}

#about{margin-top:0;}
#about .title h2{background:url(/images/icon_about.gif) no-repeat 0px 3px;}
#contact .title h2{background:url(/images/icon_contact.gif) no-repeat 0px 3px;}
#contact1 .title h2{background:url(/images/icon_contact.gif) no-repeat 0px 3px;}
#contact2 .title h2{background:url(/images/icon_contact.gif) no-repeat 0px 3px;}
#links .title h2{background:url(/images/icon_links.gif) no-repeat 0px 3px;}
#statistic .title h2{background:url(/images/icon_statistic.gif) no-repeat 0px 3px;}
#info #i_subject .title{width:370px;float:left;}
#info #i_subject .title h2{float:left;}
#info #i_course .title{width:370px;float:left;}
#info #i_course .title h2{float:left;}

#side_seo{text-align:center;}
#side_seo a{display:block;border:1px solid #FFD595;padding:5px;background:#FFE;font-size:13px;font-weight:bold;color:#F30;}
#side_seo a:hover{border:1px solid #F60;background:#F60;color:#FFF;text-decoration:none;}

#add{text-align:center;}
#add a{display:block;border:1px solid #FFD595;padding:5px;background:#FFE;font-size:13px;font-weight:bold;color:#F30;}
#add a:hover{border:1px solid #F60;background:#F60;color:#FFF;text-decoration:none;}

#info{width:750px;float:left;}
#info .title h2{background:url(/images/icon_subject.gif) no-repeat 5px 3px;text-indent:25px;}
#info #i_subject{width:370px;float:left;}
#info #i_course{width:370px;float:right;}
#info ul{border:1px solid #CCC;background:#FFF;padding:5px;float:left;width:358;}
#info ul li{width:358px;float:left;line-height:22px;backgroud:#FFF;border-bottom:1px dashed #EEE;text-indent:16px;background:url(/images/dot_list.png) no-repeat 4px 7px;}
#info ul li a{color:#36C;}



.list p{font-size:12px;color:#666;line-height:20px;text-indent:2em;margin-bottom:10px;}
.list p strong{font-weight:bold;color:#36C;}
.list p em{font-weight:bold;}
.list ul li{line-height:20px;color:#333;font-size:12px;}
.list ul li em{color:#F60;font-size:12px;font-weight:bold;}
#contact .list ul li a{font-weight:bold;color:#36C;}
#contact .list ul li strong{font-weight:bold;color:#F60;}
#contact1 .list ul li a{font-weight:bold;color:#36C;}
#contact1 .list ul li strong{font-weight:bold;color:#F60;}
#contact2 .list ul li a{font-weight:bold;color:#36C;}
#contact2 .list ul li strong{font-weight:bold;color:#F60;}

#links .list ul li{line-height:20px;text-indent:16px;background:url(/images/dot_links.gif) no-repeat 2px 3px;}
#links .list ul li a{color:#36C;font-size:12px;}


/*main*/
#bread{line-height:25px;font-size:12px;padding:0 10px;width:730px;}
#bread a{color:#36C;font-weight:bold;}
#bread em{color:#F60;font-weight:bold;}
#bread strong{color:#666;font-weight:bold;}

/*sites*/
#sites{margin-top:0;width:750px;float:left;}
#sites .title{width:750px;float:left;background:none;}
#sites .title h2{background:url(/images/icon_sites.gif) no-repeat 5px 3px;text-indent:25px;float:left;}
#sites .list{width:736px;padding:6px;background:#FFF;border:1px solid #FFD595;float:left;}
#sites .list dl{width:180px;height:170px;float:left;padding:0 2px;}

#sites .list dl dt{border:1px solid #E3F5FC;background:#FFF;padding:4px;width:170px;height:120px;}
#sites .list dl.over dt{border:1px solid #FDF6D9;}

#sites .list dl dt a{color:#437EB9;}
#sites .list dl dt a img{width:170px;height:120px;}

#sites .list dl dd{background:#E3F5FC;width:170px;line-height:20px;padding:5px;}
#sites .list dl.over dd{background:#FDF6D9;}
#sites .list dl dd a{color:#437EB9;font-weight:bold;font-size:14px;}
#sites .list dl.over dd a{color:#F60;}

/*seo*/
#seo{width:736px;padding:6px;background:#FFF;border:1px solid #FFD595;}
#tips{text-align:center;border:2px solid #BDF;padding:5px 0;font-size:14px;background:#EEF7FF;color:#36C;font-weight:bold;}
#form{padding:10px 0;}
#form table{margin:0 auto;}
#form table tr td{font-size:14px;color:#F60;font-weight:bold;}
#form table tr td input{margin:0 3px;padding:4px;border:1px solid #FFD595;font-size:14px;font-weight:bold;width:300px;color:#666;}
#form table tr td button{border:1px solid #FFD595;background:#FFE;padding:4px 4px 2px 4px;font-weight:bold;color:#F60;}

#result table{border:1px solid #FFD595;width:736px;margin:0 auto;background:#FFD595;}
#result table tr th{height:28px;padding:0 5px;background:#FFE;color:#F60;font-weight:bold;font-size:13px;}
#result table tr td{height:28px;padding:0 5px;background:#FFF;font-size:13px;}
#result table tr td label{font-size:13px;float:right;font-weight:bold;color:#999;}
#result table tr td em{font-weight:bold;color:#F60;font-size:13px;}
#result table tr td b{display:none;background:url(/images/loading.gif) no-repeat 2px 2px;padding:2px;padding-left:20px;line-height:16px;font-size:12px;color:#36C;font-weight:normal;}
#result table tr td strong{font-size:14px;color:#C00;font-weight:bold;}
#result table tr td i{font-style:normal;color:#999;font-size:12px;}


/*cv*/
#cv{width:736px;padding:6px;background:#FFF;border:1px solid #FFD595;}
#cv .subject{border:1px solid #FFD595;background:#FFE;padding:6px;margin-bottom:5px;}
#cv .subject h2{font-size:14px;font-weight:bold;color:#F60;}
#cv .section{margin-bottom:5px;}
#cv .section table{border-left:1px solid #999;border-top:1px solid #999;width:736px;}
#cv .section table tr th{border-right:1px solid #999;border-bottom:1px solid #999;padding:6px;font-size:14px;color:#555;background:#EEE;font-weight:bold;}
#cv .section table tr td{border-right:1px solid #999;border-bottom:1px solid #999;padding:6px;font-size:13px;color:#555;}
#cv .section table tr td.alt{background:#F8F8F8;}
#cv .section table tr td.img{text-align:center;}
#cv .section table tr td.img img{width:100px;height:120px;border:1px solid #EEE;padding:2px;background:#FFF;}
#cv .section table tr td.all{}
#cv .section table tr td p{line-height:24px;font-size:13px;}
#cv .section table tr td strong{font-weight:bold;color:#F60;text-decoration:underline;}
#cv .section table tr td em{font-weight:bold;color:#555;text-decoration:underline;}
#cv .section table tr td a{font-weight:bold;color:#36C;text-decoration:underline;}

#cv .section ul li{line-height:24px;padding:0 10px;color:#555;font-size:13px;border-bottom:1px dashed #F1F1F1;cursor:pointer;}
#cv .section ul li a{color:#36C;font-weight:bold;}
#cv .section ul li strong{font-weight:bold;text-decoration:underline;color:#666;}
#cv .section ul li span{float:right;font-size:12px;color:#999;}
#cv .section ul li span em{font-weight:bold;}
#cv .section ul li span em.lv1{color:#F60;}
#cv .section ul li span em.lv2{color:#36C;}
#cv .section ul li span em.lv3{color:#999;}
#cv .section ul li.mov{background:#FFE;border-bottom:1px dashed #FFD595;}
#cv .section ul li.mov strong{color:#F60;}

#cv #comment{border:1px solid #999;padding:10px;}
#cv #comment p{line-height:24px;font-size:13px;color:#444;text-indent:2em;margin-bottom:10px;}

/*course*/
#course{width:736px;padding:6px;background:#FFF;border:1px solid #FFD595;}
#course blockquote{padding:4px 8px;border:1px solid #F60;background:#FFE;margin-bottom:5px;font-size:12px;line-height:18px;}
#course blockquote.p1{color:#F00;}
#course blockquote.p2{color:#00F;}
#course blockquote.p3{color:#090;}
#course dl{width:736px;background:#F1F1F1;}
#course dl dt{font-size:14px;font-weight:bold;color:#F60;padding:6px;background:#F1F1F1;}
#course dl dt span{font-size:12px;color:#666;}
#course dl dd{background:#FFF;padding:6px 4px;font-size:12px;text-indent:30px;}
#course dl dd a{color:#36C;font-size:12px;}
#course dl dd span{margin-left:10px;}
#course dl dd span.s1{color:#F00;}
#course dl dd span.s2{color:#00F;}
#course dl dd span.s3{color:#090;}

/*website*/
#website{width:736px;padding:6px;background:#FFF;border:1px solid #FFD595;}
#website table{margin:0 auto;background:#F1F1F1;}
#website table thead tr th{font-size:14px;font-weight:bold;color:#F60;padding:6px;background:#F1F1F1;}
#website table thead tr th span{font-size:12px;color:#666;}
#website table tbody tr td{width:186px;background:#FFF;padding:6px 4px;font-size:12px;}
#website table tbody tr td a{color:#36C;font-size:12px;}

/*software*/
#software{width:736px;float:left;padding:6px;background:#FFF;border:1px solid #FFD595;}
#software .title{width:736px;float:left;background:#FFF;b}
#software .title h2{background:url(/images/icon_subject.gif) no-repeat 5px 3px;text-indent:25px;float:left;height:30px;}
#software .list dl{width:734px;border:1px solid #F1F1F1;margin-bottom:3px;}
#software .list dl dt{background:#F1F1F1;padding:5px;font-size:12px;color:#F60;font-weight:bold;}
#software .list dl dt em{float:right;font-size:12px;color:#666;}
#software .list dl dt a{color:#36C;font-size:12px;margin-left:5px;}
#software .list dl dd{padding:5px;line-height:20px;color:#666;font-size:12px;}

/*word*/
#first{width:736px;padding:6px;background:#FFF;border:1px solid #FFD595;font-size:12px;font-weight:bold;color:#F60;}
#first a{color:#666;font-weight:bold;background:#EEE;padding:2px 4px;font-family:Arial, Helvetica, sans-serif;}
#first a.cur{color:#FFF;background:#36C;}

#word{width:738px;padding:6px;background:#FFF;margint-top:5px;float:left;}
#word .title{width:738px;float:left;}
#word .title h2{background:url(/images/icon_subject.gif) no-repeat 5px 3px;text-indent:25px;float:left;}
#word .list{width:738px;float:left;}
#word .list a{display:block;width:736px;border:1px solid #EEE;background:#FFF;cursor:pointer;float:left;margin-bottom:2px;}
#word .list a strong{width:70px;float:left;line-height:20px;padding:3px;font-weight:bold;font-size:12px;color:#666;background:#EEE;}
#word .list a p{width:654px;float:right;line-height:20px;padding:3px;margin:0;text-indent:0;font-size:12px;color:#666;background:#FFF;}

#word .list a:hover{border:1px solid #F60;text-decoration:none;}
#word .list a:hover strong{background:#F60;color:#FFF;text-decoration:none;}
#word .list a:hover p{background:#FFC;color:#F60;text-decoration:none;}

/*subject*/
#subject{width:736px;padding:6px;background:#FFF;border:1px solid #FFD595;}
#subject .list li{line-height:26px;border:1px solid #F8F8F8;background:#FFF;padding:0 10px;margin-bottom:2px;font-weight:bold;color:#666;font-size:12px;}
#subject .list li.over{background:#FDF6D9;border:1px solid #F93;}
#subject .list li span{float:right;font-size:12px;color:#999;font-weight:normal;}
#subject .list li span em{color:#999;font-weight:bold;}
#subject .list li a{color:#666;font-size:14px;font-weight:normal;}
#subject .list li a:hover{text-decoration:none;color:#F60;}
#subject .list li strong a{font-size:12px;color:#36C;}


/*skill*/
#skill{width:736px;padding:6px;background:#FFF;border:1px solid #FFD595;}
#skill .list li{line-height:26px;border:1px solid #F8F8F8;background:#FFF;padding:0 10px;margin-bottom:2px;font-weight:bold;color:#666;font-size:12px;text-indent:10px;background:url(/images/dot_list.png) no-repeat 8px 10px;}
#skill .list li.over{background:#FDF6D9 url(/images/dot_list.png) no-repeat 8px 10px;border:1px solid #F93;}
#skill .list li span{float:right;font-size:12px;color:#999;font-weight:normal;}
#skill .list li span a{font-size:12px;}
#skill .list li a{color:#666;font-size:14px;font-weight:normal;}
#skill .list li a:hover{text-decoration:none;color:#F60;}

/*article*/
#article{width:748px;border:1px solid #FFD595;background:#FFF;}
#article .title{width:728px;float:left;padding:15px 10px 0px 10px;background:url(/images/icon_subject.gif) no-repeat 10px 20px;font-size:14px;color:#F60;font-weight:bold;line-height:25px;text-indent:20px;}
#article h2{text-align:center;font-size:22px;font-weight:bold;color:#333;line-height:40px;padding:10px 50px;}
#article blockquote{text-align:center;font-size:12px;color:#333;padding:4px;background:#FFD595;}
#article blockquote a{color:#36C;}
#article .content{padding:14px 24px;font-size:14px;}
#article .content h3{font-weight:bold;line-height:30px;margin-bottom:10px;color:#333;}
#article .content p{line-height:24px;margin-bottom:15px;color:#555;text-indent:2em;}
#article .content strong{font-weight:bold;}
#article .content a{color:#36C;font-weight:bold;}
#article .content ul{border:1px solid #CCF;background:#EEF;padding:10px;}
#article .content ul li{line-height:22px;font-size:12px;}

#article table{margin:7px;margin-bottom:0;}
#article table td{padding:3px;font-size:12px;color:#666;}
#article table td img{border:5px solid #FDF6D9;padding:1px;background:#F90;}


#ckepop{width:580px;padding:10px 14px 0px 154px;}

#techword{width:728px;padding:0 10px;}
#techword dl{width:728px;float:left;}
#techword dl dt{width:728px;float:left;line-height:40px;font-size:12px;color:#999;}
#techword dl dt em{font-weight:bold;color:#F60;}
#techword dl dt strong{font-weight:bold;color:#F60;font-size:18px;padding:0 10px;}
#techword dl dt a{color:#36C;}
#techword dl dd{width:707px;float:left;background:#FFE;border:1px solid #F60;border-left:8px solid #F60;padding:6px;font-size:12px;color:#666;}
#techword dl dd strong{font-weight:bold;}
#techword dl dd a{color:#36C;font-weight:bold;}

#foot{width:750px;text-align:right;font-size:12px;color:#666;line-height:25px;}
#foot a{color:#36C;}



/*comment*/
#comment{margin-top:5px;}
#comment .title h2{background:url(/images/icon_subject.gif) no-repeat 5px 3px;text-indent:25px;}
.box_cmt{border:1px solid #FFD595;background:#FFF;margin-top:5px;padding:8px 18px;font-size:12px;color:#999;}
.box_cmt h3{color:#666;font-size:12px;font-weight:bold;line-height:30px;border-bottom:1px dashed #DDD;font-weight:normal;}
.box_cmt h3 strong{font-weight:bold;color:#36C;margin-right:5px;}
.box_cmt .content{font-size:14px;padding:10px;line-height:20px;color:#666;}
.box_cmt .content_admin{padding:10px;border:1px solid #DDD;background:#F8F8F8;}
.box_cmt .content_admin p{color:#999;font-size:12px;line-height:20px;}
.box_cmt .content_admin p strong{font-weight:bold;color:#36C;}

#mycmt{margin-top:5px;}
#mycmt .title h2{background:url(/images/icon_subject.gif) no-repeat 5px 3px;text-indent:25px;}
#mycmt table{border:1px solid #FFD595;background:#FFF;width:750px;}
#mycmt table tr td{font-size:13px;padding:5px;}
#mycmt table tr td label{font-weight:bold;color:#666;float:right;}
#mycmt table tr td input,#mycmt table tr td textarea{padding:2px;color:#666;font-weight:bold;}



/*links*/
#links{}
#links .list{font-size:12px;color:#333;line-height:20px;padding:5px;}
#links .list a{font-size:12px;color:#333;}

/*footer*/
#footer{height:25px;padding:0 10px;width:940px;}
	#footer p{text-align:right;line-height:25px;color:#FFF;font-size:12px;}
	#footer p a{color:#FFF5CF;font-weight:bold;}