@CHARSET "UTF-8";
/* all */
body{ padding:0; margin:0; background:#fff; font:14px/1.5 'Microsoft YaHei',arial,tahoma,\5b8b\4f53,sans-serif;}
*{margin:0;padding:0;}
#ckepop{font-family:'Microsoft YaHei',arial,tahoma,sans-serif;}
img{ margin:0; padding:0; border:0}
div,table,td,p{font-size:14px;color:#000;word-break:break-all;}
ul{ list-style:none;cursor:default;}
.clear{ clear:both; overflow:hidden; height:0;}
.mb10{ margin-bottom:20px;}
.fll{ float:left}
.flr{ float:right;}
.w500{ width:580px;}
.input01{ border:1px solid #ccc; padding:3px; font-size:12px; font-family:Arial;}
.input02{ background:#CCC; color:#fff; font-family:Arial; height:18px; font-size:11px; border:none; width:30px;}
.input03{ border:1px solid #ccc; padding:3px; font-size:14px; font-family:Arial; background:url(./images/bg04.gif) repeat-x; padding:5px 15px 4px;}
.tcen{ text-align:center;font-size:12px;}
.tr{ text-align:right;}
.img01{ padding-right:10px;}
.img02{ line-height:100px; border:1px solid #ccc; margin-bottom:8px;}

/* font&link */
.f12{ font-size:12px;}
.f14{ font-size:14px;}
.f16{ font-size:22px; font-family:'Microsoft YaHei'; font-weight:bold; line-height:30px; color:#333}
.f30{ font-size:30px; font-family:'Microsoft YaHei'; font-weight:bold; line-height:30px; color:#fff}
.orange{ color:#ff9900;}
.green{ color:#b4e558}
.grey{ color:#333}
.grey2{ color:#666}
.white{ color:#fff;}

a:link,a:visited,a:active{ color:#000099; text-decoration:none;}
a:hover{ color:#F90; text-decoration:underline;}
a.mlink01:link,a.mlink01:visited,a.mlink01:active{ font-size:14px; padding:10px 16px; text-decoration:none; color:#333; font-weight:bold; border-right:1px solid #ddd}
a.mlink01:hover{ background:#c4e24c; padding:10px 16px; color:#fff; font-size:14px; font-weight:bold;}
a.grey12:link,a.grey12:visited,a.grey12:active{ font-size:12px; color:#666; text-decoration:none;}
a.grey12:hover{ font-size:12px; color:#666; text-decoration:none;}
a.grey14:link,a.grey14:visited,a.grey14:active{ font-size:14px; color:#666; text-decoration:none;}
a.grey14:hover{ font-size:14px; color:#666; text-decoration:none;}
a.green16:link,a.green16:visited,a.green16:active{ font-size:16px;line-height:30px; font-family:'Microsoft YaHei'; color:#5b9000}
a.green16:hover{ font-size:16px; color:#F90; text-decoration:none;}
a.green14:link,a.green14:visited,a.green14:active{ font-size:14px;line-height:30px; font-family:'Microsoft YaHei'; color:#5b9000}
a.green14:hover{ font-size:14px; color:#F90; text-decoration:none;}
a.black12:link,a.black12:visited,a.black12:active{ font-size:12px; color:#000; text-decoration:none;}
a.black12:hover{ font-size:12px; color:#666; text-decoration:none;}
a.black14:link,a.black14:visited,a.black14:active{ font-size:14px; color:#000; text-decoration:none;}
a.black14:hover{ font-size:14px; color:#666; text-decoration:none;}
a.tagselect,a.tagselect:link,a.tagselect:visited,a.tagselect:hover{ font-size:14px; padding:0 15px; text-decoration:none; font-weight:bold; color:#999; font-family:'Microsoft YaHei'; float:left; background: url(./images/icon.gif) 0 0 no-repeat; width:60px; text-align:center; height:31px; line-height:31px; margin-right:10px;}
a.tagselect:hover{ color:#c4e24c;}
a.tagunselect,a.tagunselect:link,a.tagunselect:visited{ font-size:14px; padding:0 15px; text-decoration:none; font-weight:bold; color:#c4e24c; font-family:'Microsoft YaHei'; float:left; background: url(./images/icon.gif) -99px 0 no-repeat; width:60px; text-align:center; height:31px; line-height:31px; margin-right:10px;}
a.tagunselect:hover{ color:#999;}

/* header */
.topbg{background:url(./images/top01.gif) repeat-x; height:47px; line-height:47px; margin-bottom:30px;}
.top{ width:972px; margin:0 auto; }
.logo{float:left;padding-top:12px;text-align:center}
.menu{ width:800px; float:right; font-size:16px; color:#CCC}
*html .menuright{ margin-top:12px;}
.searchinput{ border:1px solid #ccc; line-height:17px; height:17px; padding-left:18px; width:120px; background: url(./images/icon.gif) 2px -69px no-repeat #fff;}

/* nav */
#nav {line-height: 24px; list-style-type: none;}
#nav a {display: block;  text-align:center;}
#nav a:link  {color:#666; text-decoration:none;}
#nav a:visited  {color:#666;text-decoration:none;}
#nav a:hover  {color:#FFF;text-decoration:none;font-weight:bold;}
#nav li {float: left;}
#nav li a:hover{background:#c4e24c; color:#fff; font-size:14px; font-weight:bold;}
#nav li ul {
	line-height: 35px;list-style-type: none;text-align:left;
	width: 180px; position: absolute; 
	border:1px solid #dedede; font-size:12px;
	z-index: 9999;
	/*left: -999em; */
}
#nav li ul li{float: left;width:180px; background:#fff;font-size:14px;}
#nav li ul a{display:block;width:156px;text-align:left;padding-left:24px;font-weight:normal;}
#nav li ul a:link{color:#666; text-decoration:none;}
#nav li ul a:visited{color:#666;text-decoration:none;}
#nav li ul a:hover{color:#fff;text-decoration:none;font-weight:bold;background:#acacac;}
#nav li:hover ul{left:auto;}
#nav li.sfhover ul{left:auto;}
#content{clear:left;}

#nav .active {background:#c4e24c;font-size:14px;font-weight:bold;}
#nav .active span a{color:#fff;}
#nav .active span a:visited {color:#fff;}

/* index */
.container{ width:980px; margin:0 auto;}
.indexbox{ width:972px; margin:0px auto 20px;}
.indexboxin{ margin-left:1px; background:url(./images/indexbox03.gif) repeat-y; padding:15px 50px;}
.boxleft{ float:left; width:50%;}
.boxright{ float:right; width:45%; line-height:20px; color:#333;}
.listtitle{ height:35px; line-height:35px; margin-bottom:10px;}
.indexlist{ width:95%; margin:0 auto 20px;}
.indexlist ul{width:23%;float:left;}
.indexlist ul.w25{width:27%; float:left;}
.indexlist li{ line-height:21px; height:21px; margin-bottom:10px; color:#737373}
.listbutton{ margin:10px auto; line-height:70px; text-align:center;}
.indexlist2{ margin:0 auto 10px;}
.indexlist2 ul{ width:100%; float:left;}
.indexlist2 li{ height:21px; line-height:21px; margin-bottom:10px;}

/* tool */
.tooltop{ background:url(./images/toolbg.gif) repeat-x; height:92px; padding:10px 0 0 30px;}
.tooltop2{ background:url(./images/toolbg.gif) repeat-x; height:60px; padding:10px 0 0 30px;}
.toolbox{ background:url(./images/bg02.gif) repeat-y; padding:20px 30px 0 30px;}
.toolboxleft{ width:680px; float:left; line-height:25px; color:#666;}
.toolboxright{ width:186px; float:right;}
.rightbox{ width:186px; margin-bottom:10px;}
.rightboxin{ border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; padding:5px 15px; font-size:14px; line-height:30px;}
.rightboxin span{line-height:15px;}
.rightboxtop{background:url(./images/icon.gif) no-repeat 0 -47px;}
.rightboxbottom{background:url(./images/icon.gif) no-repeat 0 -56px;}
*html .rightboxbottom{background:url(./images/icon.gif) no-repeat 1px -59px;}
.tag{ margin-top:31px;}
.tag2{ margin-top:6px;}
.titletext{color:#b4e558; margin-top:5px;}

.sharecodebox{ background:url(./images/bgline770.gif) repeat-y; padding:20px 30px 0 30px;line-height:25px;}

a.getcodebutton, input.getcodebutton {
	background:url("./images/button01.gif") no-repeat scroll 0 0 transparent;
	border:medium none;
	display:block;
	height:56px;
	line-height:54px;
	width:215px;
	overflow:hidden;
	text-indent:-9000px;
	margin-left:25px;
	cursor:pointer;
}

/* cms */
.codebg{ background:#f7f7f7; border:1px solid #ddd; padding:13px; margin:10px 0;}
.cmstitle{ font-size:20px;line-height:50px; border-bottom:1px solid #666; font-family:'Microsoft YaHei'; width:100%}
.cmstitle2{ font-size:16px;line-height:30px; font-family:'Microsoft YaHei'; color:#5b9000}
.cmscon{ font-size:14px; line-height:20px; color:#666; border-top:1px dashed #ccc; padding:8px 5px 0 8px; clear:both; overflow:hidden; margin-bottom:15px;}
.cmsshow ul{ float:left; width:112px; margin-right:35px;}
.cmsright01{ background:url(./images/bg05.gif) no-repeat; width:176px; height:39px; line-height:39px; padding-left:10px; font-weight:bold; margin-bottom:5px;}

.cmsright01{
	background:url(./images/bg05.gif) no-repeat; width:176px; height:39px; 
	line-height:39px; padding-left:10px; font-weight:bold; margin-bottom:5px;
}

.cms_nav{
	-moz-border-radius:4px 4px 4px 4px;
	background:url("./images/nav-plus.gif") no-repeat scroll right center #EBEBEB;
	color:#000000;
	cursor:pointer;
	margin-top:5px;
	height:30px; line-height:30px; padding-left:10px; font-weight:bold; margin-bottom:5px;
}
.cms_nav_active{
	-moz-border-radius:4px 4px 4px 4px;
	background:url("./images/nav-active.gif") no-repeat scroll right center #3C3F45;
	color:#FFFFFF;
	cursor:pointer;
	margin-top:5px;
	height:30px; line-height:30px; padding-left:10px; font-weight:bold; margin-bottom:5px;
}
.cms_nav h4,.cms_nav_active h4{
	font-size:14px;
}

.cmsicon{ padding:14px 15px 0 0; float:right;}
.cmslist li{ border-bottom:1px solid #e3e3e3; line-height:35px; padding-left:10px; font-size:12px;}
.cmslist ul .active{font-weight:bold;}
.cmslist ul .active a{font-weight:bold;color:#000000;}

.cmslist2{}
.cmslist2 ul.ul1{ float:left; width:20%;}
.cmslist2 ul.ul2{ float:left; width:30%;}
.cmslist2 ul.ul3{ float:left; width:50%;}
.cmslist2 li{ border-bottom:1px solid #eee; line-height:28px; height:28px;}
.cmsyellow{ background:#feffdb; border:1px solid #ffddb3; padding:10px 15px;}
.cmsbox1{ border:1px solid #ccc; padding:10px 15px;}

/* help */
.codebg{ background:#f7f7f7; border:1px solid #ddd; padding:13px; margin:10px 0;}
.helptitle{ font-size:20px;line-height:50px; border-bottom:1px solid #666; font-family:'Microsoft YaHei'; width:100%}
.helptitle2{ font-size:16px;line-height:30px; font-family:'Microsoft YaHei'; color:#5b9000}
.helpcon{ font-size:14px; line-height:20px; color:#666; border-top:1px dashed #ccc; padding:8px 5px 0 8px; clear:both; overflow:hidden; margin-bottom:15px;}
.helpshow ul{ float:left; width:112px; margin-right:35px;}
.helpright01{ background:url(./images/bg05.gif) no-repeat; width:176px; height:39px; line-height:39px; padding-left:10px; font-weight:bold; margin-bottom:5px;}

.helpright01{
	background:url(./images/bg05.gif) no-repeat; width:176px; height:39px; 
	line-height:39px; padding-left:10px; font-weight:bold; margin-bottom:5px;
}

.help_nav{
	-moz-border-radius:4px 4px 4px 4px;
	background:url("./images/nav-plus.gif") no-repeat scroll right center #EBEBEB;
	color:#000000;
	cursor:pointer;
	margin-top:5px;
	height:30px; line-height:30px; padding-left:10px; font-weight:bold; margin-bottom:5px;
}
.help_nav_active{
	-moz-border-radius:4px 4px 4px 4px;
	background:url("./images/nav-active.gif") no-repeat scroll right center #3C3F45;
	color:#FFFFFF;
	cursor:pointer;
	margin-top:5px;
	height:30px; line-height:30px; padding-left:10px; font-weight:bold; margin-bottom:5px;
}
.help_nav h4,.help_nav_active h4{
	font-size:14px;
}

.helpicon{ padding:14px 15px 0 0; float:right;}
.helplist li{ border-bottom:1px solid #e3e3e3; line-height:35px; padding-left:10px; font-size:12px;}
.helplist ul .active{font-weight:bold;}
.helplist ul .active a{font-weight:bold;color:#000000;}

.helplist2{}
.helplist2 ul.ul1{ float:left; width:20%;}
.helplist2 ul.ul2{ float:left; width:30%;}
.helplist2 ul.ul3{ float:left; width:50%;}
.helplist2 li{ border-bottom:1px solid #eee; line-height:28px; height:28px;}
.helpyellow{ background:#feffdb; border:1px solid #ffddb3; padding:10px 15px;}
.helpbox1{ border:1px solid #ccc; padding:10px 15px;}

/* gallery */
.gallerybox{ padding:20px 20px 0 35px; background:url(./images/bg02.gif) repeat-y;}
.galleryboxin{ float:left; width:220px; margin-right:10px; line-height:22px; margin-bottom:10px;}

.galleryboxins {
	LINE-HEIGHT: 30px; WIDTH: 200px; MARGIN-BOTTOM: 10px; FLOAT: left; MARGIN-RIGHT: 25px
}

/* group */
.group{ width:470px; z-index:1; border:1px solid #ccc; margin:0 auto;}
.grouptop{ background:#eeeeee; border-bottom:1px solid #ccc; padding:10px 20px;}
.grouptop li{ padding-bottom:15px;}
.groupinput{ background:url(./images/input01.gif) no-repeat; width:436px; height:21px; border:none; padding-left:30px; line-height:21px;}
.grouplist{ padding:20px 0 0 30px; margin-bottom:10px;}
.grouplist li{ width:140px; float:left; margin-bottom:12px;}
.groupbottom{ border-top:1px solid #ccc; background:#eeeeee; height:25px; line-height:25px; padding-left:20px;}
*html .groupbottom{ width:486px;}

/* login */
.loginbox{background:url(./images/bg03.gif) repeat-y; padding:20px 0 0 0;}
.logintopleft{background:url(./images/toolbg.gif) repeat-x; height:60px; padding:10px 0 0 30px; width:621px; float:left;}
.logintopright{background:url(./images/toolbg.gif) repeat-x; height:60px; padding:10px 0 0 30px; width:260px; float:right;}
.loginleft{ width:500px; float:left}
/*.loginleft li{ padding-bottom:20px;font-size:12px;}*/
.loginright{ width:260px; float:right;}
.loginright li{ padding-bottom:20px;font-size:12px;}

/* footer */
.bottom{ background:url(./images/bg01.gif) repeat-x; text-align:center; font-size:14px; padding:45px 0 45px 0;}
.bottomlist{ width:960px; margin:0 auto; padding-left:60px;}
.bottomlist ul{ width:160px; float:left;}
.bottomlist li{ line-height:22px; text-align:left;}

/* add on 2010.09.26 by plhwin */
.clearr{ clear:both;}
.indexlist02{ width:95%; margin:10px auto 20px;}
.indexlist02 .indexlist_links{ width:530px; float:left;}
.indexlist02 .indexlist_linkstit{font-size:14px; font-weight:bold; height:30px; line-height:30px;background:url(./images/linkstit_bj.gif) repeat-x}
.indexlist02 .linkimg{margin-top:10px;}
.indexlist02 .linkimg ul{}
.indexlist02 .linkimg ul li{float:left;padding:0; border:1px #dddddd solid; margin-right:20px; margin-bottom:10px; width:88px; height:31px}
.indexlist02 .linkimg2{margin-top:10px;}
.indexlist02 .linkimg2 ul li{float:left;margin-left:20px;margin-bottom:5px;}
a.link12:link,a.link12:visited,a.link12:active{ font-size:12px; color:#aaa; text-decoration:none;}
a.link12:hover{ font-size:12px; color:#000; text-decoration:none;}
.indexlist02 .indexlist_news{ width:350px; float:right;}
.indexlist02 .indexlist_newstit{font-size:14px; font-weight:bold; width:350px; height:30px; line-height:30px;background:url(./images/linkstit_bj.gif) repeat-x;position:relative; }
.indexlist02 .indexlist_newstit p{font:12px/30px; float:right;background:url(./images/icon5.gif) 0 10px no-repeat; color:#aaaaaa; padding-left:10px;position:absolute;bottom:2px;/*ff*/*bottom:0px;/*7*/_bottom:0px;/*6*/right:0px;}
.indexlist02 .indexlist_news ul{width:350px;margin:3px 7px 0 0;}
.indexlist02 .indexlist_news li{width:350px;padding:10px 0 0 0;	clear:left;	line-height:18px;}
.newsdate{width:66px;float:left;font-size:11px; color:#555658}
.indexlist02 .indexlist_news li p{margin:0 0 0 5.3em;}
.indexlist02 .indexlist_news li p a{display:block;	padding:0 0 0 10px;	background:url(./images/icon1.gif) 0 5px no-repeat;letter-spacing: 1px;font-size:12px;}
/**end**/
.getcode td span {color:#000099;font-size:12px; cursor:pointer;}
.code_area {
background-color:#FFFFFF;
border:1px dashed #00A0C6;
font-size:12px;
margin-bottom:15px;
overflow:hidden;
padding:3px;
}
.imgsrctag{
background-color:transparent;
border-bottom:1px dotted red;
color:red;
font-weight:bold;
text-decoration:underline;
}
/*add on 2011.1.13*/
.pl .quote {
    background: url("./images/icon_quote_s.gif") no-repeat scroll 20px 6px #F9F9F9;
    padding-bottom: 5px;
}

.pl .quote, .pl .blockcode {
    margin: 10px 0;
    padding: 10px 10px 10px 65px;
}

.quote {
    background: url("./images/qa.gif") no-repeat scroll 0 0 transparent;
    color: #666;
    margin: 10px 0;
    overflow: hidden;
    padding-left: 16px;
}

.pl .quote blockquote {
    background: url("./images/icon_quote_e.gif") no-repeat scroll 100% 100% transparent;
    line-height: 1.6;
    margin: 0;
    padding: 0 65px 5px 0;
}

.quote blockquote {
    background: url("./images/qz.gif") no-repeat scroll 100% 100% transparent;
    display: inline;
    margin: 0;
    padding-right: 16px;
}
.title22 {
    font-size: 22px;
	font-weight:bold;
	line-height:50px;
	border-bottom:1px solid #666;
}

.ml15 {margin-left:15px;}
.ml15 a:link,a:visited,a:active{text-decoration:none;}
.ml15 a:hover{text-decoration:none;}
.tips {
	background-color: #FDFDDD;
    border: 1px solid #FFCC00;
    line-height: 20px;
    padding: 2px 5px;
    font-size:12px;
    z-index:9999;
    color:#666;
}
/*event for ipad2*/
.tooltop-event{ background:url(../images/ipad2/toolbgs.gif); height:92px; padding:10px 0 0 30px;}
.event{
	width:178px;
	float:right;
	height:100px;
	padding-top:2px;
	text-align:left;
	background:url(../images/ipad2/toolbg.gif) repeat-x
}
.event-title{ font-size:18px; font-weight:bold; line-height:46px; color:#fff}

.xicon_16x16 {
    border: 1px dashed #999;
    height: 13px;
    width: 13px;
	cursor:pointer;
}
.xicon_16x16:hover{opacity:0.8;filter:alpha(opacity=80);}
.xicon_32x32 {
    border: 1px dashed #999;
    height: 28px;
    width: 28px;
	cursor:pointer;
}
.xicon_32x32:hover{opacity:0.8;filter:alpha(opacity=80);}

.backToTop {
    /*width: 18px;
	background-color: #000;
	opacity: 0.6;
    filter: Alpha(opacity=60);
	*/
	display: none;
    line-height: 1.2;
    padding: 5px 0;
    color: #fff;
    font-size: 12px;
    text-align: center;
    position: fixed;
    _position: absolute;
    right: 100px;
    bottom: 150px;
    _bottom: "auto";
    cursor: pointer;
}

.copyright,.copyright a {
    color: #666;
}

.itemBox		{font-size:12px;margin:20px 5px 0px 0px; padding:10px;border:#EAEAEA 1px solid;background-color:#FAFAFA;}
.itemBoxSelect	{font-size:12px;margin:20px 5px 0px 0px; padding:10px;border:#EAEAEA 1px solid;background-color:#FAFAFA;/*border:#FFE222 1px solid;background-color:#FFF8CC;*/}
.itemBoxOver	{font-size:12px;margin:20px 5px 0px 0px;border:#EAEAEA 1px solid;padding:10px;background-color:#FAFAFA;}
.itemBoxTitle   {font-size:14px;font-weight:bold;padding:0;}
.itemBoxContent {margin-left:15px;padding:2px; line-height:20px;font-size:14px;border-top:#e1e6e9 1px solid}


.jt_header{
	background:#3d3d3d;
	border-bottom: 1px solid #C1F1F9;
	height: 28px; 
	width: 100%;
	position:fixed;
	_position:absolute;
	left:0;
	top:0;
	z-index:100000000;
}
.jt_header_top{color:#fff; line-height:28px; font-size:12px;margin: 0 auto; width: 980px;}
.jt_header_top a{color: #FFFFFF; text-decoration: none;}
.jt_header_left{ float:left;margin-left: -10px;}
.jt_header_left a{ padding:0 10px; margin: 0 5px; border-top: 2px solid #3d3d3d; height:26px; line-height:24px; display:block; float:left;}
.jt_header_left a.on{ padding:0 10px; background:#4c4c4c; font-weight:bold; border-top: 2px solid #DD4B39;}
.jt_header_right{ float:right;font-size: 12px;color: #FFFFFF;}