/* =========================================================================================== */

.martop { margin-top:40px; }
.EmptyPage { display: block; margin:auto; border-radius:25px; }

/* =========================================================================================== */

.contt { padding:50px 0; overflow:hidden; background:#eee; }
.contt .content { position:relative; width:960px; margin:auto; border:0px solid #f00; }

.contt .content .sidebar { position:absolute; width:200px; overflow:auto; border:0px solid #f00; }
.contt .content .sidebar hr { display:block; margin:15px 20px 15px 0; border:none; border-top:1px dashed #ccc; }
.contt .content .sidebar li a { position:relative; display:block; padding-left:14px; font:19px/40px "微软雅黑" !important; color:#777; transition:all 0.3s ease; }
.contt .content .sidebar li a i { position:absolute; left:0; top:11px; display:block; width:4px; height:19px; background:#ddd; transition:all 0.3s ease; }
.contt .content .sidebar li a:hover { background:#e5e5e5; color:#333; }
.contt .content .sidebar li a:hover i { background:#f66; height:100%; top:0; }
.contt .content .sidebar li a.active i { background:#f66; }
.contt .content .sidebar li a span { font:12px/18px "微软雅黑"; color:#aaa; margin-left:11px; }

.contt .content .detail { width:730px; min-height:500px; padding:1px 0 0px 20px; margin-left:200px; border-left:1px solid #ddd; }
.contt .content .detail h2 { display:inline-block; padding:0 12px; margin-bottom:10px; font:18px/35px "微软雅黑"; color:#19763E; background:#53BF6B; border-left:4px solid #19763E; border-radius:5px; text-shadow:0 1px 1px rgba(255,255,255,0.4); }
.contt .content .detail h3 { font:17px/35px "微软雅黑"; color:#619be4; margin-top:15px; }
.contt .content .detail h4 { font:16px/1em "微软雅黑"; color:#619be4; margin:35px 0 15px; padding-left:7px; border-left:4px solid #619be4; opacity: 0.6; }
.contt .content .detail p { font:16px/1.5em "微软雅黑"; color:#555; margin:0.5em 0; }
.contt .content .detail p a { font:16px/1.5em "微软雅黑"; color:#387DB8; margin:0 5px; }
.contt .content .detail p a:hover { border-bottom:1px solid #387DB8; }
.contt .content .detail img { max-width:100%; }
.contt .content .detail hr { border:none; border-top:1px dashed #aaa; margin:40px 0; }

.ParamDetail { display:block; margin-left:40px; padding:5px 0; border:0px solid #f00; }
.ParamDetail li { position:relative; padding-left:50px; min-height:22px; list-style:circle; color:#777; }
.ParamDetail li.long { padding-left:65px; }
.ParamDetail li i { position:absolute; left:0; top:2px; display:block; margin:0; font:14px/20px "微软雅黑"; }
.ParamDetail li p { margin:3px 0 !important; font:14px/20px "微软雅黑" !important; color:#555 !important; }
.ParamDetail li p b { font-weight:normal; color:#f60; }

.Ref { margin:25px 0; padding:15px 20px; background:#fff; border-radius:4px; }
.Ref p { font:14px/20px "微软雅黑" !important; }
.Ref a { font:14px/20px "微软雅黑" !important; }
.Ref .hhNumlist1 { margin:0; }
.Ref .hhNumlist1 li { font:14px/20px "微软雅黑" !important; margin:7px 0 !important; }
.Ref .hhNumlist1 a { font:14px/20px "微软雅黑" !important; margin:0 5px !important; }

.RelyPlugins { display:block; margin-left:20px; padding:5px 0; border:0px solid #f00; }
.RelyPlugins li { position:relative; min-height:22px; list-style:circle; color:#777; }
.RelyPlugins li p { margin:3px 0 !important; font:14px/20px "微软雅黑" !important; color:#555 !important; }
.RelyPlugins li span { margin-left:5px; font-size:12px; color:#aaa; }

.DemoCode { margin: 1em 0; background: #fff; border: 1px solid #ebebeb; border-radius: 3px; }
.DemoCode > .view { padding: 20px; }
.DemoCode > .view .group { margin-bottom: 15px; }
.DemoCode > .code { display: none; padding: 20px; background: #f5f5f5; border-top: 1px solid #ebebeb; }
.DemoCode > .code .syntaxhighlighter { margin: 0 !important; }
.DemoCode > .more { display: block; height: 44px; font:14px/44px "微软雅黑"; color: #bbb; text-align: center; border-top: solid 1px #eaeefb; }
.DemoCode > .more:hover { color: #609be3; }

.contt .content .detail .latest { position:relative; background:#fff; }
.contt .content .detail .latest .intro { position:relative; height:300px; background:#53bf6b; border:0px solid #f00; }
.contt .content .detail .latest .intro > img { position:absolute; left:3%;  top:45px; width:35%; }
.contt .content .detail .latest .intro > div { position:absolute; right:3%; top:40px; width:55%; border:0px solid #f00; }
.contt .content .detail .latest .intro > div .title { display:block; width:140px; }
.contt .content .detail .latest .intro > div p  { font:15px/1.4em "微软雅黑"; color:#3c6946; margin:1em 0; }
.contt .content .detail .latest .intro > div p a { font:14px/1.4em "微软雅黑"; color:#3c6946; }
.contt .content .detail .latest .intro > div p a:hover { color:#26472d; border-bottom:1px solid #26472d; }
.contt .content .detail .latest .intro > div .btn { position:absolute; right:0; bottom:8px; font:13px/30px "微软雅黑"; color:#3c6946; text-align:center; display:block; width:100px; background:url(../image/bg-white20.png); border-radius:8px; transition:all 0.3s ease; }
.contt .content .detail .latest .intro > div .btn:hover { background:#fff; color:#2DB245; }

.contt .content .detail .latest .functions { padding:20px; border:0px solid #ddd; }

.contt .content .detail .versions { position:relative; margin:50px 0; border:0px solid #f00; }

.contt .content .detail .logs { border:0px solid #f00; }
.contt .content .detail .logs h3 { font:600 16px/1.5em "微软雅黑"; color:#555; margin:1em 0; }
.contt .content .detail .logs h4 { font:normal 16px/1.5em "微软雅黑"; color:#555; margin:1.4em 0 0.3em; }
.contt .content .detail .logs p { font:15px/1.5em "微软雅黑"; color:#555; margin:1em 0; }
.contt .content .detail .logs ul li { font:15px/1.5em "微软雅黑"; color:#555; list-style:inside square; }


.doc_api .summary { padding:0 0 40px; overflow:hidden; zoom:1; border:0px solid #f00; }
.doc_api .summary li { float:left; width:25%; }
.doc_api .summary li a { font:16px/25px "微软雅黑"; color:#609be3; }
.doc_api .summary li a:hover { color:#2a6496; text-decoration:underline; }


/* ================================================================================================================ */

@media (min-width:1200px)
{
	#header .wrap { width:1200px; }
	
	.contt .content{ width:1200px; }
	.contt .content .sidebar { width:250px; }
	.contt .content .sidebar li a { padding-left:20px; }
	.contt .content .sidebar li a i { width:6px }
	
	.contt .content .detail { width:900px; padding-left:50px; margin-left:250px; }
	.contt .content .detail .latest .intro > img { left:5%;  width:35%; }
	.contt .content .detail .latest .intro > div { right:5%; width:50%; }
	.contt .content .detail .latest .intro > div .title { width:170px; }
	
	.martop { margin-top:60px; }
}

/* ================================================================================================================ */

.BorderDemo .martop { margin-top:50px; }
.BorderDemo .Gallery { margin:20px 0; }

.ShadowDemo .martop { margin-top:50px; }
.ShadowDemo .Gallery { margin:20px 0; }

.CtrlDemo .martop { margin-top:50px; }
.CtrlDemo .Gallery { margin:20px 0; }

.NavDemo .martop { margin-top:50px; }
.NavDemo .Gallery { margin:20px 0; }

.EffectDemo .martop { margin-top:50px; }
.EffectDemo .Gallery { margin:20px 0; }

.SmartDetect .martop { margin-top:50px; }
.SmartDetect .Gallery { margin:20px 0; }

.Demos .martop { margin-top:50px; }
.Demos .Gallery { margin:20px 0; }
.Demos .Gallery .wordpanel p { position:absolute; left:0; bottom:0; width:100%; margin:0; padding:10px 0; text-indent:10px; color:#fff; background:rgba(0,0,0,0.3); }


.about .banner { margin-bottom:30px; }
.team .txt_center { text-align:center; padding-bottom:100px; border:0px solid #f00; }





.doc_idx .content { padding:30px 0; }
.doc_idx .menu { overflow:hidden; zoom:1; }
.doc_idx .menu li { display:block; width:33%; float:left; }
.doc_idx .menu li div { margin:10px; padding:100px 20px; background:#fff; text-align:center; border:1px solid #fff; border-radius:10px; transition:all 0.3s ease; -webkie-transition:all 0.3s ease; }
.doc_idx .menu li div:hover { border:1px solid #96CC2E; }
.doc_idx .menu li img { width:120px; margin:0 0 10px; }
.doc_idx .menu li h3 { font:20px/35px "微软雅黑"; color:#333; }
.doc_idx .menu li p { font:15px/22px "微软雅黑"; color:#999; min-height: 44px; }
.doc_idx .menu li .btn { width:120px; margin:15px auto 0; line-height:35px; }