/* CSS Document */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {

  border: 0;
  box-sizing:border-box;  }
html {
  scroll-behavior: smooth;
}  
body {
    padding: 0px;
    margin: 0px;
    background: #3d4345;
    font-family: sans-serif;
    font-size: 14px;
    line-height: 21px;
	font-weight:normal;
	color:#333;
	transition: All 1s;
}

img {    
	display: inline-block;
    border: 0px;
}

p {
    padding: 5px 0px;
    margin: 0px;
}

.oc_logo {
    max-width: 157px;

}

.oc_page_top {
    background: #eee;
}

.oc_page_top_inner {}



.oc_top {
    max-width: 1040px;
    margin-left: auto;
    margin-right: auto;
	padding: 15px 7px;
}


.oc_topcontent {
    display: table;
}

.oc_toprow {
    display: table-row;
}

.oc_topcell {
    display: table-cell;
}

img {
    display: inline-block;
}

.oc_pagecontent_wrapper {
    max-width: 1040px;
    margin-left: auto;
    margin-right: auto;
    /* min-height: 200px; */
    /* background: #fff; */
    padding: 0px 0px;
}

.oc_pagecontent {
   
}

.oc_pagecontent_inner_wrapper {
    padding: 25px 30px;
	padding-bottom : 30px;
    min-height: 200px;
}

.oc_pagecontent_inner {
    background: #fff;
	position: relative; 
}

.oc_posttitle h1 {
    font-size: 1.5em;
    padding: 15px 0px;
    margin: 0px;
    font-weight: bold;
    margin-bottom: 0px;
    display: inline-block;
    color: #eee;
    margin-left: 4px;
}

.oc_posttitle {
    border-top: 1px solid #ccc;
    background: #304850;
}


.oc_posttitle_wrapper {
    max-width: 1040px;
    margin-left: auto;
    margin-right: auto;
}

.oc_bread {
    background: #3d4345;
}

.oc_bread_wrapper {
    margin-left: auto;
    margin-right: auto;
    max-width: 1040px;
	padding:8px 0px;
}

ul.oc_breadcrumb {
    display: block;
    padding: 0px;
    margin: 0px;
    list-style: none;
}

ul.oc_breadcrumb li {
    display: inline-block;
    list-style: none;
	color:#fff; 
	font-size: smaller;  
}

ul.oc_breadcrumb li a {	color:#66e6e6; text-decoration:none; }
ul.oc_breadcrumb li a:hover { text-decoration:underline }

h2 {
    font-size: 1.5em;
    background: #e4f9bc;
    padding: 5px;
}

h3 {
    font-size: 1.2em;
    border-bottom: 1px dotted #333;
}

.oc_sidebar {
    width: 25%;
    min-height: 500px;
    display: block;
	
}

.oc_sidebar.left {
    float: left;
	padding-right: 30px;
}

.oc_sidebar.right {
    float: right;
	padding-left: 30px;
}

.oc_post_content.sided {
    width: 75%;
    float: left;
    padding: 30px;
    border: 1px solid #ccc;
}

.oc_sidebar_wrapper {
    border: 1px solid #304850;
    min-height: 300px;
	background:#ebebeb;
	color:#304850;
}



.oc_clear { clear:both;}

ul.oc_book_index,ul.oc_book_index ul {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

ul.oc_book_index a {
    text-decoration: none;
    color: #304850;
}

ul.oc_book_index a:hover {
    text-decoration: underline;
}

a.oc_index_item {
	padding: 3px 3px 3px 20px;
}

a.oc_index_item.book {
    background: url(/wp-content/themes/OneSystemSupport/IMAGES/book.png);
    background-repeat: no-repeat;
    background-size: 14px;
	background-position: 3px 50%;

}

a.oc_index_item.current {
	background-color:#ccc;	
	}

a.oc_index_item.book.current {
    background-image: url(/wp-content/themes/OneSystemSupport/IMAGES/book_open.png);
	

}

a.oc_index_item.chapter {
    background: url(/wp-content/themes/OneSystemSupport/IMAGES/chapter_closed.png);
    background-repeat: no-repeat;
    background-size: 14px;
	background-position: 3px 50%;
}

a.oc_index_item.article {
    background: url(/wp-content/themes/OneSystemSupport/IMAGES/article.png);
    background-repeat: no-repeat;
    background-size: 14px;
	background-position: 3px 50%;

}
a.oc_index_item.subarticle {
    background: url(/wp-content/themes/OneSystemSupport/IMAGES/subitem.png);
    background-repeat: no-repeat;
    background-size: 14px;
 }

.oc_chapter_index li,.oc_article_index li { margin-left:10px; }
a.oc_index_item.chapter.current {
    background-image: url(/wp-content/themes/OneSystemSupport/IMAGES/chapter.png); overflow:hidden;}
	
.oc_index_container {
    margin: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 18px;
    font-size: smaller;
}	


h2.secondary {
    margin-top: 0px;
    background: #e3dbc7;
}

h2.loop {
    margin: 0px;
    background: url(/wp-content/themes/OneSystemSupport/IMAGES/item.png) no-repeat;
	background-color:#e4f9bc;
	background-size:24px;
	background-position: 0.5% 50%;
    margin-bottom: 2px;
    padding: 6px 26px;
	
}

.oc_table {
    background: #ccc;
	font-size: 1em;
	    width: 100%;
}

.oc_table td {
    display: table-cell;
    vertical-align:top;
    background: #f6ffe6;
    padding: 2px 4px;
}

.oc_table td.oc_label {
    font-weight: bold;
    color: #096;
	width:100px;
	white-space: nowrap;
    /* background: #e4f9bc; */
}

img.oc_post_thumbnail {
    width: 100%;
}

.oc_item.oc_chapter {
    width: 32%;
    float: left;
    background: #ebebeb;
    margin-right: 1.33%;
	margin-bottom:8px;
    /* text-align: center; */
    /* line-height: 4em; */
}

.oc_item.oc_chapter a {
    text-align: center;
    line-height: 4em;
    display: block;
    background: #ebebeb;
	text-decoration:none;
	color:#333;
}

.oc_item.oc_chapter a:hover {
    background: #aad273;
}

span.oc_small_notice {
    color: #333;
    font-weight: normal;
    font-size: smaller;
}

.oc_backto_top_container {
    margin-bottom: -28px;
    margin-right: 5px;
}

.oc_backto_top {
    float: right;
    font-size:smaller;
	color:#09F;
	text-decoration:none;
	
}

a.oc_index_item.subarticle {
    white-space: nowrap;
}

.indent h3.loop {
   
    font-size: small;
    padding: 3px;
    background-size: 16px;
    border-bottom: 1px dotted #ccc;
}

.indent2 { margin: 3px 0px 0px 30px; }

.indent2 h3.loop { margin: 0px; padding:5px 3px; font-style:italic }

@media screen and (max-width: 900px) { 

ul.oc_breadcrumb {
    padding: 0px 15px;
}

.oc_posttitle h1 {
    /* text-align: center; */
    display: block;
    padding: 8px 15px;
}

ul.oc_breadcrumb li:last-child {
    display: none;
}

.oc_pagecontent_inner_wrapper {
    padding: 8px 12px;
}
	
}