/*!
* module: Centcount Analytics Professional CA Document CSS Code *
* version: 1.00 Pro *
* author: WM Jonssen *
* date: 09/13/2018 *
* copyright 2015-2018 WM Jonssen <wm.jonssen@gmail.com> - All rights reserved.*
* license: Dual licensed under the Free License and Commercial License. *
* https://www.centcount.com *
*/
 
@charset "utf-8";

*{word-wrap:break-word;}
body,html{height:100%; color:#555; font-family:"Microsoft Yahei",Arial,Verdana; padding:0px; margin:auto; border:0;}
img{border:0px; width:auto; max-width:100%; height:auto;}
h1,h2,h3,h4,h5,h6{font-family:"Microsoft Yahei",Tahoma,Arial,Verdana; color:#333; font-weight:500; margin:0px; margin-top:20px; margin-bottom:10px; text-align:center; line-height:1.2em;}
h1{margin-top:45px; margin-bottom:15px;}
h2,h3,h4,h5,h6{text-align:left;}
h4{font-size:14px; font-weight:bold; margin:0px; text-align:left;}
a{color:#39F; text-decoration:none; padding-left:5px; padding-right:5px;}
a:hover{text-decoration:underline;}
table, textarea, text, input, select, option{width:100%; max-width:794px; padding:0px; outline-style:none; outline-width:0px; float:left;}
textarea, text, input{border:#ccc 1px solid;}
button{width:90px; height:28px; margin-top:10px;}
select, option{height:24px; border:#ccc 1px solid;}
tr, td{font-size:13px;}
code{border:#ccc 1px solid; padding-left:3px; padding-right:3px; margin-left:5px; margin-right:5px; font-family:Tahoma,Arial,Verdana;}
strong{margin-left:5px; margin-right:5px; font-family:Tahoma,Arial,Verdana;}
pre{overflow:auto; padding:10px; padding-left:15px; padding-right:15px; background-color:#000; color:#fff; border-radius:4px;}
blockquote{padding:10px; margin:0px; margin-top:20px; margin-bottom:20px; background-color:#eee; color:#111; border-radius:4px; border:#ddd 1px solid; font-style:italic;}
p{margin-top:10px; margin-bottom:10px;}


.body_left_side{width:100%; max-width:300px; height:100%; min-height:100%; line-height:22px; background-color:#fff; border-right:#777 1px solid; -webkit-box-shadow:0px 0px 5px 0px #333; box-shadow:0px 0px 5px 0px #333; -webkit-transition:all 0.2s ease-in; transition:all 0.2s ease-in; position:fixed; top:0px; left:0px; margin:auto; text-align:left; overflow:visible; float:left; z-index:999999;}
.body_right_side{width:100%; height:auto; line-height:22px; text-align:left; float:right; -webkit-transition:all 0.2s ease-in; transition:all 0.2s ease-in;}

.div_guide_menu{width:100%; min-width:330px; height:60px; font-size:14px; text-align:center; float:left; margin:auto; }
.div_side_menu_bar{width:100%; height:100%; line-height:22px; background-color:#fff; overflow:hidden;}
.div_side_menu{width:100%; max-width:285px; height:100%; float:left; padding:15px; padding-left:0px; overflow-y:auto; overflow-x:hidden;}
/*.div_side_menu_hide_btn{width:20px; height:70px; margin-top:-35px; float:right; background:url(../images/hide_btn.png) 0px 0px no-repeat; position:absolute; left:300px; top:50%; cursor:pointer;}*/
.div_side_menu_hide_btn, .div_side_menu_show_btn{width:15px; height:60px; margin-top:-30px; float:right; background:#000 url(../images/switch_btn.png) 0px 0px no-repeat; border:#111 1px solid; border-top:0px; position:absolute; left:300px; top:50%; cursor:pointer;}
.div_side_menu_show_btn{background:#000 url(../images/switch_btn.png) -15px 0px no-repeat;}
.div_logo{width:100%; height:60px; float:left; overflow:hidden; border-bottom:#ccc 1px solid; margin:0px; padding:0px;}
.img_logo{width:40px; height:40px;}
.a_logo{width:40px; height:40px; float:left; padding:0px; margin:10px;}

.div_search{width:100%; height:40px; float:left; overflow:hidden; border-bottom:#ccc 1px solid; margin:0px; padding:0px;}
.search{width:220px; min-width:220px; height:30px; line-height:30px; float:left; margin:15px; margin-left:0px; margin-right:20px; border:0px; padding:0px; font-size:14px; outline-style:none; outline-width:0px; float:right;} 
.edit{width:100%; min-width:220px; height:22px; line-height:22px; float:none; margin:0px; padding:0px;  font-size:13px;}


.menubar{width:auto; height:60px; float:right; overflow:hidden;}
.menubtn{width:auto; height:60px; float:left; padding-left:15px; padding-right:15px; line-height:58px; font-size:15px; font-family:Verdana,'Microsoft Yahei',Arial; display:block; color:#555; text-align:center;}
.menubtn:hover{color:#000; border-bottom:#999 4px solid; height:56px; text-decoration:none;}
.menubtnactived{color:#000; border-bottom:#39F 4px solid; height:56px; background-color:#eee;}
.menubtnactived:hover{border-bottom:#39F 4px solid; height:56px; text-decoration:none;}

#side_menu ul{width:auto; height:auto; float:none; list-style:none; margin:0px; padding:0px; padding-left:15px; display:none; overflow:hidden;}
#side_menu li{width:auto; height:auto; line-height:30px; font-size:14px; color:#333; float:none; text-overflow:ellipsis; white-space:nowrap; position:relative; overflow:hidden;}
#side_menu li a{width:auto; height:30px; line-height:30px; font-size:14px; color:#333; float:none; text-overflow:ellipsis; white-space:nowrap; position:relative; overflow:hidden; display:block;}
#side_menu li a:click ul{display:block;}
#side_menu .menu_hidden{background:url(../images/menu1.png) right top no-repeat; padding-right:10px; cursor:pointer;}
#side_menu .menu_shown{background:url(../images/menu1.png) right bottom no-repeat; padding-right:10px; cursor:pointer;}

.div_bodyframe{width:100%; min-width:360px; float:left; padding:0px; border-bottom:#ccc 1px solid; font-size:14px; text-align:center;}
.div_section, .div_editframe{width:auto; max-width:800px; min-width:330px; height:auto; line-height:22px; margin:auto; padding-left:15px; padding-right:15px; text-align:left;}
.div_editframe{padding:15px;}
.div_title{width:100%; max-width:800px; min-width:330px; height:auto; font-size:14px; text-align:center; float:left; margin:auto; margin-top: 45px; margin-bottom: 15px;}
.div_article_info{width:100%; max-width:800px; min-width:330px; height:auto; margin:0px; margin-bottom: 40px; float:left; text-align:center;}
.div_video{width:100%; max-width:800px; min-width:330px; height:auto; line-height:22px; margin:auto; text-align:justify;}

.p_table{line-height:1.5em; margin:0; padding:0;}
.p_cmd{padding:10px; background-color:#000; color:#fff; border-radius:4px;}
.p_code{padding:10px; background-color:#ddd; color:#777; border-radius:4px;}
.p_title_center{text-align:center; font-family:Arial; font-size:16px; font-weight: bold;}
.p_title_left{text-align:left; font-family:Arial; font-size:16px; font-weight: bold;}
.p_label_center{text-align:center; font-family:Arial; font-weight: bold;}
.p_label_left{text-align:left; font-family:Arial; font-weight: bold;}
.img_fit_width{width:100%; height:auto;}
.img_fit_height{width:auto; height:100%;}

.popup{width:auto; height:auto; max-height:480px; text-align:left; line-height:32px; display:block; position:absolute; padding-top:0px; padding-bottom:0px; overflow-x:hidden; overflow-y:auto; border:#ddd 1px solid; border-bottom:#ccc 1px solid; border-right:#ccc 1px solid; -webkit-box-shadow:1px 1px 3px 0px #ddd; box-shadow:1px 1px 3px 0px #ddd; background-color:#fff; visibility:hidden;}
/*-webkit-transition:all 0.2s ease-in; transition:all 0.2s ease-in; */
.popup a{width:auto; height:auto; text-align:left; height:32px; font-size:12px; line-height:32px; display:block; color:#333; background-color:#fff; padding-left:20px; padding-right:20px; white-space:nowrap; text-overflow:ellipsis; cursor:pointer;}
.popup a.active{background-color:#f6f6f6;}
.popup a:hover{text-decoration:none; background-color:#eee;}

.popup span{width:auto; height:auto; text-align:left; height:36px; font-size:12px; line-height:36px; display:block; color:#333; background-color:#fff; padding-left:20px; padding-right:20px; white-space:nowrap; text-overflow:ellipsis; cursor:default; border-bottom:#ccc 1px solid;}

.div_section code{font-family:"Courier New",Consolas,monosp;font-size:12px;line-height:12px;border:none;white-space:pre;background-color:transparent}
.div_section  pre > code{white-space:pre-wrap}
.div_section pre{padding:10px;font:12px / 18px Consolas,monospace,serif;-moz-tab-size:4;tab-size:4;overflow:auto;border:1px solid #dddddd;border-radius:3px}

#footer{font-size:12px; font-family:Arial,"Microsoft Yahei",Verdana; color:#777; text-align:center; float:left; width:100%; min-width:360px; padding-top:30px; padding-bottom:30px;}