html {background-color:#fff;color:#000;}
body {margin:0;padding:0;font-size:14px;}
a { color:#141414; text-decoration:none; }
a:hover {color:#00a4ff;text-decoration:none;}
a.primary {color:#00a4ff;text-decoration:none;}
a.primary:hover {text-decoration:underline;}
img { border:0; }
form,blockquote,p,div,ul,ol {margin:0;padding:0;}
*, :after, :before {-webkit-box-sizing:border-box;box-sizing:border-box;}

#page_headbar {z-index:1000;height:75px;background-color:#0A96E0;border-bottom:solid 2px #DEE0E5;font-size:0;color:#fff;}/*#177cb0*/
.page_headbar_fixed {position:fixed;top:0;left:0;right:0;}
#page_headbar #logo {display:inline-block;width:190px;height:75px;vertical-align:middle;}
#page_headbar #logo a{display:inline-block;width:190px;height:75px;background:url(/static/fjsoft/images/logo.png) 10px 5px no-repeat;}
#page_headbar .layui-nav {background-color:transparent;vertical-align:middle;}
#page_headbar .layui-nav .layui-nav-item {line-height:75px;}
#page_headbar .layui-nav .layui-nav-item a{color:#fff;font-size:16px;font-weight:400;}
#page_headbar .layui-nav .layui-nav-item a.compact{padding:0 10px;}
#page_headbar .layui-nav-child {z-index:1000;top:67px;background-color:#0A96E0;border:0;}
#page_headbar .layui-nav-child a:hover{color:#0A96E0;}
#page_headbar .layui-nav .layui-this:after,
#page_headbar .layui-nav-bar,
#page_headbar .layui-nav-tree .layui-nav-itemed:after{background-color:#C6000B;height:3px;}

#page_headbar #headbar_quickmenu {display:inline-block;position:absolute;top:0;right:20px;font-size:14px;}
#page_headbar #headbar_quickmenu a{color:inherit;padding:0 10px;display:inline-block;height:75px;line-height:75px;vertical-align:middle;}
#page_headbar #headbar_quickmenu a:hover{color:#99ff00;}
#page_headbar #headbar_quickmenu a.active{background-color:rgba(255,255,255,.95);color:#99ff00;}

@media (max-width:359px){
	#page_headbar #headbar_quickmenu{}
	#page_headbar #headbar_quickmenu .user_quickmenu{display:none;}
}
@media (max-width:479px){
	#page_headbar #headbar_quickmenu a{padding:0 5px;}
}

#popNavmenu{}
#popNavmenu .nav-mobile{}
#popNavmenu .nav-mobile dd{margin:5px 0;border-bottom:solid 1px #eee;}
#popNavmenu .nav-mobile dd a{display:block;font-size:16px;line-height:42px;}

#panelLogonUser{border:solid 1px #dee0e5;background-color:#fff;z-index:1000;position:absolute;top:73px;right:-300px;min-height:200px;width:300px;padding:10px;box-sizing:border-box;box-shadow:-2px 2px 10px rgba(0,0,0,.1);overflow:auto;transition:all .3s;-webkit-transition:all .3s;display:none;}
.panelLogonUserShow{transform:translate3d(-300px,0,0);-webkit-transform:translate3d(-300px,0,0);}

#page_body{min-height:500px;background-color:#F3F4F5;}
#body_container{max-width:1200px;min-height:500px;margin:0 auto;display:flex;justify-content:center;}
#content_container{width:70%;padding:20px;border-right:solid 1px #fff;}
#right_container{width:30%;padding:20px;border-left:solid 1px #ddd;border-right:solid 1px #ddd;}


#page_footbar {background-color:#0A96E0;color:#1B233C;line-height:28px;padding:10px 20px;text-align:center;}
#page_footbar a:hover{text-decoration:underline;}
#page_footbar .declare a{color:#333;}
#page_footbar .beian {display:inline-block;}

.qrcode{width:120px;text-align:center;}
.qrcode .pic{padding:5px;border:solid 1px #000;margin-bottom:5px;background-color:#fff;}
.qrcode .pic img{}
.qrcode .tips{font-size:12px;}

.icon-arrow-right{display:inline-block;vertical-align:middle;width:6px;height:6px;border-top:1px solid;border-right:1px solid;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:60%;transform-origin:60%;-webkit-transition:all .2s;transition:all .2s;position:relative;left:3px;}
a:hover .icon-arrow-right{left:6px;}

@media (max-width:767px){
	#page_headbar #headbar_quickmenu{right:5px;}
	#body_container{flex-direction:column;}
	#content_container{width:100%;}
	#right_container{width:100%;}
	#bulletin_toggle_a{display:block!important;}
	#bulletin_toggle_b{display:none;}
}
@media (min-width:768px) and (max-width:991px){
	#page_headbar #headbar_quickmenu{right:5px;}
}


.layui-side {top:49px;bottom:40px;width:420px;border-right:solid 1px #111;background-color:#eef;}
.layui-body {left:521px;top:49px;bottom:40px;}
.box-title {height:36px;line-height:36px;background-color:#fafafa;padding:0px 10px;color:#369;}
.layui-side .box-title {background-color:#ccf;}
.layui-body .box-title {background-color:#aac;color:#666;padding-right:1px;}
.layui-body .box-title .current_task{color:#900;}
.layui-body .box-title .layui-input {height:34px;}
.layui-body .box-title .layui-form-select dl {top:36px;}
.prep_table {width:100%;background-color:#fafafa;border:solid 1px #bbb;border-collapse:collapse;border-spacing:1px;}
.prep_table th{background-color:#bbb;text-align:center;padding:5px;}
.prep_table .red th{background-color:#f99;}
.prep_table .green th{background-color:#090;}
.prep_table tr:nth-child(even){background-color:#fff;}
.prep_table td.label {padding:0px 15px;border-right:solid 1px #ccc;}
.p_title {margin:10px 0px 5px 5px;font-size:14px;font-weight:600;}
.breadcrumb{margin:0 0 10px 0;color:#999;font-weight:350;}

.btn_invite{display:block;width:100%;max-width:240px;background-color:#fff;margin:0 auto;padding:5px;text-align:center;font-size:15px;line-height:36px;border:solid 2px #0099ff;border-radius:8px;}
.btn_invite:hover{background-color:#0099ff;border:solid 2px #fff;color:#fff;}

.side_section{width:100%;margin:8px 0;}
.side_section .block_title{font-size:18px;font-weight:400;line-height:42px;padding-left:10px;margin-bottom:8px;color:#0050b3;background-color:#e6f7ff;border-left:solid 5px #bae7ff;}
.side_section .block_content{background-color:#fff;border:solid 1px #ddd;padding:10px;margin-bottom:15px;}
.side_section .block_content .read_more{text-align:center;margin-top:15px;padding-top:8px;border-top:solid 1px #eee;}
.side_section .block_content .read_more a{color:#00a4ff;}
.side_section p,.side_section ul,.side_section dl{padding:0 10px 5px 10px;}
.side_section ul li{line-height:24px;}
.side_section ul li a:hover:before{content:"<< ";}
.side_section ul li a:hover:after{content:" >>";}

#troubleshooting_guide .advice,#troubleshooting_guide p{padding:0 10px 5px 24px;position:relative;line-height:22px;}
#troubleshooting_guide .layui-badge-dot{position:absolute;left:5px;top:5px;width:12px;height:12px;}
#troubleshooting_guide a{color:#0050b3;border-bottom:dotted 1px #0050b3;}
#troubleshooting_guide a:hover{color:#fff;background-color:#0050b3;}