/*!
* 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; font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,"Microsoft Yahei",Arial,Verdana; margin:0px;}
body,html{height:100%; color:#555; padding:0px; margin:auto; border:0;}
img{border:0px; width:auto; max-width:100%; height:auto;}
h1,h2,h3,h4,h5,h6{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:960px; padding:0px; outline-style:none; outline-width:0px; float:left; border-spacing:0px;}
table{border-left:#ccc solid 1px; border-top:#ccc solid 1px;}
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, th{font-size:13px; padding:5px; border-right:#ccc solid 1px; border-bottom:#ccc solid 1px;}
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:#ccc; border-radius:4px; font-size:13px; font-family:monospace;}
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;}
hr{width:100%; height:1px; background-color:#ddd; border:none; border-top:#aaa solid 1px; border-bottom:#eee solid 1px; float:left; margin-top:30px;}
span a{height:30px; line-height:30px; padding:0px;}



.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:40px; margin-top:-20px; float:right; background:#444 url(images/switch_btn.png) 0px -10px no-repeat; border:#333 1px solid; border-top:0px; position:absolute; left:301px; top:50%; cursor:pointer; border-bottom-right-radius:3px; border-top-right-radius:3px; border-left:none; box-shadow:0px 0px 5px 0px #333;}
.div_side_menu_show_btn{background:#000 url(images/switch_btn.png) -15px -10px 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:16px; font-weight:300; outline-style:none; outline-width:0px; float:right;} 
.edit{width:calc(100% - 10px); min-width:220px; height:18px; line-height:18px; padding:5px; float:none; margin: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:#222; 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:#444; 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; font-weight:bold;}
#side_menu .menu_shown{background:url(images/menu1.png) right bottom no-repeat; padding-right:10px; cursor:pointer; font-weight:bold;}



.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, .div_table, table{width:auto; max-width:960px; min-width:330px; height:auto; line-height:22px; margin:auto; padding-left:15px; padding-right:15px; text-align:left; text-align:justify; display:flex; flex-direction:column;}
.div_editframe{padding:15px;}
.div_table, table{height:auto; overflow-x:auto; padding:0px; margin:0px;}
.div_title{width:100%; max-width:960px; 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:960px; min-width:330px; height:auto; margin:0px; margin-bottom: 40px; float:left; text-align:center;}
.div_video{width:100%; max-width:960px; min-width:330px; height:auto; line-height:22px; margin:auto; text-align:justify;}


.p_table{line-height:1.5em; margin:0; margin-top:5px; 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;}


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


@media only screen and (max-width: 1280px) {
table, textarea, text, input, select, option{max-width:800px;}
.div_section, .div_editframe, .div_title, .div_article_info, .div_video, .div_table{max-width:800px;}
}