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 {
margin: 0;
padding: 0;
border: none;
font-size: 100%;
font-style: normal;

background: transparent
}
/* -------H--------------------------------------- */
.home.page h2,.single h1 {position: relative;/* border-color: #a7a7a7; *//* border-style: double; */border: 2px solid red;/* border-width: 1px; */background: #9E9E9E;padding: 5px 15px;/* text-shadow: 1px 1px 1px rgba(182, 82, 82, 0.3); *//* box-shadow: 5px 5px 0 #694d90; */margin-bottom: 10px;/* background-color: red; */color: #000;background: #ffffff;}
.home.page h3,.single h2 {
 font-size: 22px;
 margin-top: 20px;
}
.page span {
font-weight: bold;
/* font-size: 13px; */
line-height: 1.8;
}
.home.page h3,.home.page h4,.home.page h5,.home.page h6,.single h2,.page .sitemap_content h2,.single h3,.single h4,.single h5,.single h7 {
    position: relative;
    color: #000;
    position: relative;
    font-weight: 800;
    border: solid 2px #b048bb;
    padding: 10px;
    font-size: 1.6em;
    font-weight: 800;
    margin-top: 1.5em;
    z-index: 1;
    background: #DAD299;
    background: #BA5370;
    background: -webkit-linear-gradient(to right,#F4E2D8,#BA5370);
    background: #fff;
};
.home.page h4,.single h3 {border: 4px solid #288954;background: #eee;font-size: 18px;background: rgba(255,255,255,1);background: -moz-linear-gradient(-45deg,rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);background: -webkit-gradient(left top,right bottom,color-stop(0%,rgba(255,255,255,1)),color-stop(47%,rgba(246,246,246,1)),color-stop(100%,rgba(237,237,237,1)));background: -webkit-linear-gradient(-45deg,#6aa3cd 0%,#112839 47%,rgba(237,237,237,1) 100%);background: -o-linear-gradient(-45deg,rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);background: -ms-linear-gradient(-45deg,rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);/* background: linear-gradient(135deg,rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%); */filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#ededed',GradientType=1 );box-shadow: 5px -5px 0 rgb(131, 29, 29);}
.home.page h5,.single h4 {border-bottom: 3px double #31668d;background: #ffffff;padding: 10px;font-size:15px;font-weight: 800;box-shadow: 1px -3px 4px rgba(0,0,0,.3);}
.home.page h6,.single h5 {border-bottom: 3px dashed #9E9E9E;font-size: 13px;box-shadow: 1px -2px 6px #57b8fe;}
h1, h2, h3, h4, h5, h6 {

 font-weight: 700;
 line-height: 1.3;
 color: #262626;
 margin: 0;
}
h1{
font-size: 28px;
}
h2{
font-size: 24px;
}
h3{
font-size: 20px;
}
h4{
    font-size: 18px;
}
h5{
    font-size: 15px;
}
h6{
font-size: 13px;
}
.text-alpha {
 font-size: 29px;
 margin-bottom: 22.5px;
 margin-top: 20px;
 
 font-weight: 700;
 line-height: 1.3;
/* color: #262626;
 */
/* margin: 0;
 */
}
@media (max-width: 768px) {
 h1 {
     font-size: 24px;
}

h2 {
 font-size: 20px;
 margin-bottom: 10px;
}
h3 {
 font-size: 18px;
 margin-bottom: 17.5px;
}
h4 {
 font-size: 15px;
 margin-bottom: 15px;
}
h5 {
 font-size: 13px;
 margin-bottom: 12px;
}
h6 {
 font-size: 12.5px;
 margin-bottom: 10px;
}
}
/* =---------------ul li ol */
ul, ol, details {
margin: 0;
padding: 0;
list-style: none;
}
ul.toc_list,ul.toc_list ul {
padding: 0;
list-style: none;
margin: 0
}

ul.toc_list {
        /* border: 2px solid #fa6a08; */
        margin-bottom: 10px;
        background-color: #c7842e;
        /* background-image: url("../images/batthern.png"); */
        padding: 1px;
        position: relative;
        z-index: 1;
        overflow: hidden;
        /* border-radius: 10px; */
}
ul.toc_list:after{
    content: "";
    position: absolute;
    z-index: -1;
    left: -2px;
    right: -2px;
    bottom: -2px;
    top: -2px;
    background: rgba(0,0,0,0.77);
}

#eulgcb {
margin-bottom: 10px;
background: #fff;
padding: 1px
}

ul.toc_list ul ul {
border-left: 1px dotted #d0d0d0
}

ul.toc_list a {
display: block;
    font-size: 15px;
    margin-bottom: 5px;
   
    line-height: 1.4;
    padding: 5px;
    padding-left: 30px;
    position: relative;
    color: #fff;
    background: rgba(255,255,255,0);
    background: -moz-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);
    background: -webkit-gradient(left top,right top,color-stop(0%,rgba(255,255,255,0)),color-stop(100%,rgba(255,255,255,.3)));
    background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);
    background: -o-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);
    background: -ms-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);
    background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.3) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#ffffff',GradientType=1 );
}

ul.toc_list a::before {
content: "\f0a1";
font: normal normal normal 19px/1 FontAwesome;
margin-right: 10px
}

ul.toc_list>li>ul>li ul {
padding-left: 15px
}

ul.toc_list ul:hover > li:hover>a {
background: rgba(255,255,255,0.3);
color: #fff
}
.attlwy p {line-height: 1.8;}
/* cac the */
.attlwy details > p, .attlwy details > div {
padding: 10px;
}
p,a {line-height: 1.8;}
.attlwy a {
    padding-top: 2px;
    padding-bottom: 2px;
    border-top: 1px dashed transparent;
    border-bottom: 1px dashed;
}
.attlwy a:hover {
    /* border-top: 1px dotted; */
    border-bottom: 1px dotted transparent;
}
.attlwy strong {
   background-color: #e3daff;
   color: #262626;
   border-bottom: 2px solid #d1d1d1;
}
details.supplement {
    margin-bottom: 20px;
}
details > p, details > div {
padding: 10px;
}
details {
border-radius: 3px;
background: #EEE;
margin: 1em 0;
border: 1px solid #eee;
background: rgba(226,226,226,1);
background-color: #ffffff;
transition: 0.3s ease;
}
details[open] summary {
color: #000;
background: linear-gradient(#fefefe 50%,#F6F6F6 50%);
}
details summary {background: #f03e51;color: #FFF;border-radius: 0;padding: 10px 10px;outline: none;font-weight: bold;cursor: pointer;transition: 0.3s ease;}
ul, ol, details {
margin: 0;
padding: 0;
list-style: none;
}
.attlwy ul:not(.toc_list),.attlwy ol,.attlwy dl {
    margin: 25px auto;
    background: none;
    border: 4px double #fa6a08;
}
.attlwy ol{padding-left: 10px;}
.attlwy ul:not(.toc_list) {
    /* background: rgb(35, 40, 45); */
    /* background-color: #005955; */
    /* background-image: url(http://www.transparenttextures.com/patterns/double-lined.png); */
}

.attlwy ul:not(.toc_list) li,.attlwy ol li {
    list-style-type: none;
    font-size: 16px;
    line-height: 2.1;
    font-weight: 600;
    /* color: #fff; */
    padding-left: 30px;
    position: relative;
}

.attlwy ul:not(.toc_list) li {
    padding-left: 10px
}

.attlwy ul:not(.toc_list) li::before {
    content: '\f005';
    font-family:FontAwesome;
    font-size: 25px;
    margin-right: 5px;
    color: #fa6a08;
}

.attlwy ol li {
    list-style-type: decimal;
    margin-left: 30px;
    padding-left: 0px
}

.attlwy dl {
    border: none
}

.attlwy dl dt {
    padding: 10px 0 10px 15px;
    font-weight: 600;
    color: #202020;
    margin: 0 auto;
    letter-spacing: 1.5px;
    font-size: 120%;
    font-weight: bold;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
    background: -webkit-gradient(left top,left bottom,color-stop(0%,rgba(255,255,255,1)),color-stop(47%,rgba(246,246,246,1)),color-stop(100%,rgba(237,237,237,1)));
    background: -webkit-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
    background: -o-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
    background: -ms-linear-gradient(top,rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
    background: linear-gradient(to bottom,rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#ededed',GradientType=0 )
}

.attlwy dl dd {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.8;
    color: #222;
    border: 1px solid #cacaca;
    margin-bottom: 20px;
    padding: 10px;
    background: rgba(255,255,255,1);
    background-color: #ffffff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 90 90'%3E%3Ccircle fill='%23eeeeee' cx='45' cy='45' r='10'/%3E%3Cg fill='%23efefef' fill-opacity='1'%3E%3Ccircle cx='0' cy='90' r='10'/%3E%3Ccircle cx='90' cy='90' r='10'/%3E%3Ccircle cx='90' cy='0' r='10'/%3E%3Ccircle cx='0' cy='0' r='10'/%3E%3C/g%3E%3C/svg%3E")
}

.attlwy dl dd strong {
    color: #7e0bbf
}

.attlwy ol {

/* background-color: #0e0e0e; */

background-image: url("../images/blu-stripes.png");
/* This is mostly intended for prototyping; please download the pattern and re-host for production environments. Thank you! */
}

p {
     color: #4a4a4a;
     margin: 0 0 1em;
}
 a {
     -webkit-transition: all 175ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
     transition: all 175ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
     color: #fa6a08;
     display: inline-block;
     cursor: pointer;
     text-decoration: none;
}
 a:hover, a:active, a:focus {
     text-decoration: none;
     color: #0550ff;
}
@media (min-width: 992px){
.container .content-page {
    margin-left: auto;
    margin-right: auto;
    display: block;
    float: none;
    order: 2;
}
.container #main-content,#main-content_left {
    right: auto;
    left: 0;
    /* position: absolute; */
    top: 0;
    height: 100%;
    order: 1;
}
.container #main-content_left {
    /* position: absolute; */
    left: auto;
    top: 0;
    right: 0;
    height: 100%;
    order: 2;
    position: sticky;
}
 #main-content{
    position: sticky;
    top: 0;
}
 #sidebar{
    /* padding: 10px;
     */
    will-change: min-height;
    position: sticky;
    top: 0;
}
aside#sidebar_left {
    position: sticky;
    top: 0;
}

.row-content{
     position: relative;
     display: flex;
}
.main-content{
    min-height: 50vh;
}
}
.pagination {
    margin: 0 auto;
    margin-top: 50px;
    text-align: center
}

.pagination a.page-numbers,.pagination span.page-numbers,.pagination .current {
    display: inline-block;
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
    border-radius: 100%;
    text-align: center;
    background: transparent;
    margin-right: 5px;
    color: #000;
    border: 1px solid #005955;
    background: rgba(226,226,226,1);
    background: -moz-linear-gradient(top,rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
    background: -webkit-gradient(left top,left bottom,color-stop(0%,rgba(226,226,226,1)),color-stop(50%,rgba(219,219,219,1)),color-stop(51%,rgba(209,209,209,1)),color-stop(100%,rgba(254,254,254,1)));
    background: -webkit-linear-gradient(top,rgb(56, 131, 134) 0%,rgb(253, 253, 253) 50%,rgb(252, 252, 252) 51%,rgb(56, 131, 134) 100%);
    background: -o-linear-gradient(top,rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
    background: -ms-linear-gradient(top,rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
}

.pagination a.page-numbers {
    color: #000;
    border: 1px solid #999;
    box-shadow: 1px 2px 3px #999;
    background: rgba(226,226,226,1);
    background: -moz-linear-gradient(top,rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
    background: -webkit-gradient(left top,left bottom,color-stop(0%,rgba(226,226,226,1)),color-stop(50%,rgba(219,219,219,1)),color-stop(51%,rgba(209,209,209,1)),color-stop(100%,rgba(254,254,254,1)));
    background: -webkit-linear-gradient(top,rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
    background: -o-linear-gradient(top,rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
    background: -ms-linear-gradient(top,rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%)
}

.pagination a.page-numbers:hover {
    background: #fff;
    color: #555;
    box-shadow: 0 0 0 #fff
}
/* ////////////////////////////////////////////////////////////// */
p.fontL,time.fontL,li.fontL,summary.fontL,ol.fontL,dt.fontL,dd.fontL {
    font-size: 145% !important;
}
a.fontL{
    font-size: 120%;
}
p.fontM,time.fontM,li.fontM ,summary.fontM,ol.fontM,dt.fontM,dd.fontM{
    font-size: 125% !important;
}
a.fontM{
    font-size: 110%;
}
p.fontS,time.fontS,li.fontS,summary.fontS,ol.fontS,dt.fontS,dd.fontS {
    font-size: 110% !important;
}
a.fontS{
    font-size: 110%;
}
h6.fontL {
    font-size: 115% !important;
}
h5.fontL {
    font-size: 135% !important;
}

h4.fontL {
    font-size: 145% !important;
}

h3.fontL {
    font-size: 170% !important;
}

h2.fontL {
    font-size: 190% !important;
}

h6.fontM {
    font-size: 115% !important;
}
h5.fontM {
    font-size: 125% !important;
}

h4.fontM {
    font-size: 135% !important;
}

h3.fontM {
    font-size: 160% !important;
}

h2.fontM {
    font-size: 175% !important;
}
h6.fontS {
    font-size: 110% !important;
}

h5.fontS {
    font-size: 115% !important;
}

h4.fontS {
    font-size: 125% !important;
}

h3.fontS {
    font-size: 135% !important;
}
h3.fontS {
    font-size: 145% !important;
}

/* slider */
.jssora106
{
width:55px;height:55px;top:290px;left:30px;
}
.viewBoxsvg{
position:absolute;top:0;left:0;width:100%;height:100%;
}
#slider1_container{
position:relative;margin:0 auto;top:0px;left:0px;width:1180px;height:auto;overflow:hidden;visibility:hidden;
}
.slidesdata{
cursor:default;position:relative;top:0px;left:0px;width:1180px;height:auto;overflow:hidden;
}
/* jssor slider loading skin spin css */
    .jssorl-009-spin img {
        animation-name: jssorl-009-spin;
        animation-duration: 1.6s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
    }

    @keyframes jssorl-009-spin {
        from {
            transform: rotate(0deg);
        }

        to {
            transform: rotate(360deg);
        }
    }


.jssora106 {display:block;position:absolute;cursor:pointer;}
.jssora106 .c {fill:#fff;opacity:.3;}
.jssora106 .a {fill:none;stroke:#000;stroke-width:350;stroke-miterlimit:10;}
.jssora106:hover .c {opacity:.5;}
.jssora106:hover .a {opacity:.8;}
.jssora106.jssora106dn .c {opacity:.2;}
.jssora106.jssora106dn .a {opacity:1;}
.jssora106.jssora106ds {opacity:.3;pointer-events:none;}

.jssort101 .p {position: absolute;top:0;left:0;box-sizing:border-box;background:#000;}
.jssort101 .p .cv {position:relative;top:0;left:0;width:100%;height:100%;border:2px solid #000;box-sizing:border-box;z-index:1;}
.jssort101 .a {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;visibility:hidden;}
.jssort101 .p:hover .cv, .jssort101 .p.pdn .cv {border:none;border-color:transparent;}
.jssort101 .p:hover{padding:2px;}
.jssort101 .p:hover .cv {background-color:rgba(0,0,0,6);opacity:.35;}
.jssort101 .p:hover.pdn{padding:0;}
.jssort101 .p:hover.pdn .cv {border:2px solid #fff;background:none;opacity:.35;}
.jssort101 .pav .cv {border-color:#fff;opacity:.35;}
.jssort101 .pav .a, .jssort101 .p:hover .a {visibility:visible;}
.jssort101 .t {position:absolute;top:0;left:0;width:100%;height:100%;border:none;opacity:.6;}
.jssort101 .pav .t, .jssort101 .p:hover .t{opacity:1;}
div#toc_container {/* margin-top: 20px; *//* display: none !important; */}