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--------------------------------------- */
.single h6{
       background: #005955;
    padding: 10px;
    color: #fff;
    font-size: 100%;
  }
.home.page h2,.single h1 {
    padding: 10px;
    font-weight: 700;
    margin-bottom: 20px;
    font-size: 20px;
    position: relative;
    color: #333;
    font-size: 1.6em;
    font-weight: 900;
    margin-top: 1.5em;
    z-index: 1;
    overflow: hidden;
    display: block;
    padding: 10px 20px;
    color: #fff;
    box-shadow: 0 0 10px #d0d0d0;
    border: 2px solid #fff;
    margin-bottom: 20px;
    text-align: left;
    position: relative;
    z-index: 1;
    background: -webkit-linear-gradient(left,#59c173 0%,#a17fe0 50%,#5d26c1 100%);
    background: -o-linear-gradient(left,#59c173 0%,#a17fe0 50%,#5d26c1 100%);
    /* background: linear-gradient(to right,#a8646a 0%,#a98689 50%,#ab045c 100%); */
}

.home.page h3,.single h2 {
 font-size: 160%;
 margin-top: 20px;
}
.page span {
    /* color: #0277BD; */
    /* text-shadow: -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff, 4px 4px 0 #ddd, 5px 5px 0 #ddd, 6px 6px 0 #ddd, 7px 7px 0 #ddd; */
   }
.page span:hover{
    /* font-size: 29px;
    margin-bottom: 22.5px;
    margin-top: 20px;
    font-weight: 700;
    line-height: 1.3;
    color: rgb(85, 28, 150);
    text-shadow: -2px -2px 0 #fff, 2px -2px 0 #fff, -2px 2px 0 #fff, 2px 2px 0 #fff, 4px 4px 0 #ddd, 5px 5px 0 rgb(126, 54, 54), 6px 6px 0 rgb(143, 47, 47), 7px 7px 0 rgb(148, 67, 67);
  */
}
.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;
    border-color: #607d8b;
    border-style: dotted;
    border-width: 4px;
    background: #9E9E9E;
    padding: 5px 15px;
    text-shadow: 1px 1px 1px rgba(0,0,0,.3);
    color: #000;
    background: #fff;
    margin-top: 20px;
    margin-bottom: 10px;

}

.home.page h4,.single h3 {
   border-bottom: 3px double #e91e63;
    background: #eee;
    padding: 10px;
    font-size: 17px;
    font-weight: 800;
    box-shadow: 1px -3px 4px rgba(0,0,0,.3);
    background: rgba(255,255,255,1);
    background-color: #fff;

}
.home.page h5,.single h4 {border-bottom: 3px double #d32;background: rgb(15, 103, 161);
    border-bottom: 3px dashed #9e9e9e;
    background: #eee;
    font-size: 14px;
    box-shadow: 1px -2px 6px rgba(0,0,0,.4);
}
.home.page h6,.single h5 {
    position: relative;
    border-color: #673ab7;
    border-style: double;
    border-width: 4px;
    background: #9e9e9e;
    padding: 5px 15px;
    text-shadow: 1px 1px 1px rgba(0,0,0,.3);
    margin-top: 20px;
    margin-bottom: 10px;
    color: #000;
    background: #fff;
}
h1, h2, h3, h4, h5, h6 {

 font-weight: 700;
 line-height: 1.3;
 color: #262626;
 margin: 0;
}
h1{
font-size: 28px;
}
h2{font-size: 155%;}
h3{font-size: 140%;}
h4{
    font-size: 135%;
}
h5{
    font-size: 125%;
}
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 {
    background-color: #333;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

#eulgcb {
margin-bottom: 10px;
background: #fff;
padding: 1px
}

ul.toc_list ul ul {
border-left: 1px dotted #333
}

ul.toc_list a {
    display: block;
    font-size: 15px;
    margin-bottom: 5px;
    font-weight: 700;
    line-height: 1.4;
    padding: 5px;
    padding-left: 30px;
    position: relative;
    color: #fff;
    background: #a8646a;
}

ul.toc_list a::before {
content: "\f044";
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-color: #249aa4;
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;
    text-decoration: none;
}
.attlwy a:hover {
    border-top: 1px dotted;
    border-bottom: 1px dotted transparent;
}
.attlwy strong {
   background: #fddddd;
    background: -moz-linear-gradient(top,rgba(255,235,59,0) 0%,rgba(255,235,59,0) 59%,#fddddd 60%,#fddddd 100%);
    background: -webkit-linear-gradient(top,rgba(255,235,59,0) 0%,rgba(255,235,59,0) 59%,#fddddd 60%,#fddddd 100%);
    background: linear-gradient(to bottom,rgba(255,235,59,0) 0%,rgba(255,235,59,0) 59%,#fddddd 60%,#fddddd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffeb3b',endColorstr='#fddddd',GradientType=0 );
}
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 {
    background: #ab045c;
    color: #fff;
    border-radius: 0;
    padding: 5px 10px;
    outline: none;
    cursor: pointer;
}
details summary {background: #ce499e;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: 2px solid #ab045c;
}
.attlwy ol{padding-left: 20px;}
.attlwy ul:not(.toc_list) {
    /* background: rgb(35, 40, 45); */
    /* background-color: #d32; */
    /* background-image: url("https://www.transparenttextures.com/patterns/inflicted.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: #000;
    padding-left: 30px;
    position: relative;
}

.attlwy ul:not(.toc_list) li {
    padding-left: 10px
}

.attlwy ul:not(.toc_list) li::before {
    content: '\f0a4';
    font-family:FontAwesome;
    font-size: 25px;
    margin-right: 5px;
    color: #ab045c;
}

.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: rgb(208, 193, 193);
}

.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;
   }

.attlwy dl dd strong {
    color: #7e0bbf
}

.attlwy ol {
    /* background: rgba(237,237,237,1); */
    /* background: rgba(226,226,226,1); */
    /* background-color: #0e0e0e; */
    border-left: 10px solid;
    /* border: 0px; */
    /* background-image: url("https://www.transparenttextures.com/patterns/inflicted.png"); */
}

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: #DD2C00;
     display: inline-block;
     cursor: pointer;
     text-decoration: none;
}
 a:hover, a:active, a:focus {
     text-decoration: none;
     color: #3d4ac9b0;}
     
@media (min-width: 992px){
.container .content-page {
    margin-left: auto;
    margin-right: auto;
    display: block;
    float: none;
}
.container #main-content {
    left: 0;
    right: auto;
    /* position: absolute; */
    top: 0;
}
.container #main-content_left {
    /* position: absolute; */
    right: 0;
    top: 0;
    left: auto;
}
.row-content{
     position: relative;
}
.main-content{
    min-height: 800px;
}
}
.pagination {
    margin: 0 auto;
    margin-top: 50px;
    text-align: center;
}
span.page-numbers.current {
    display: inline-block;
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
    text-align: center;
    color: rgba(253,253,253,1);
    background: 0 0;
    margin-right: 5px;
    background: rgb(118, 228, 158);
    border-radius: 50%;
}
a.page-numbers {
    color: #fff;
    background: rgb(118, 228, 158);
    border: 1px solid #999;
    box-shadow: 1px 2px 3px #999;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
    text-align: center;
    border-radius: 50%;
}
a.page-numbers:hover{
    background-color: #fff;
    color: #333;
}
/* ////////////////////////////////////////////////////////////// */
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: 140% !important;
}
h5.fontL {
    font-size: 160% !important;
}

h4.fontL {
    font-size: 170% !important;
}

h3.fontL {
    font-size: 190% !important;
}

h2.fontL {
    font-size: 2em !important;
}

h6.fontM {
    font-size: 130% !important;
}
h5.fontM {
    font-size: 140% !important;
}

h4.fontM {
    font-size: 160% !important;
}

h3.fontM {
    font-size: 170% !important;
}

h2.fontM {
    font-size: 190% !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;
}

@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;
 }
}
/* slider */
.jssora106
{
width:55px;height:55px;top:290px;left:30px;
}
.viewBoxsvg{
position:absolute;top:0;left:0;width:100%;height:100%;
}
#jssor_1{
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; */}
