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;
    position: relative;
    padding: 8px 15px;
    font-weight: 800;
    margin-bottom: 20px;
    color: #fff;
    font-size: 170%;
    background-color: #292929;
    /* background-image: url("https://www.transparenttextures.com/patterns/diagonal-striped-brick.png"); */
    box-shadow:5px 5px 5px 5px #909da7;
}
.home.page h3,.single h2 {
 font-size: 160%;
 margin-top: 20px;
}
.page span {

font-weight: bold;

/* font-size: 13px; */

line-height: 1.5;
}
.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: #a7a7a7;border-style: double;border-width: 1px;background: #9E9E9E;padding: 5px 15px;text-shadow: 1px 1px 1px rgb(56, 131, 134);box-shadow: 5px 5px 0 #292929;margin-bottom: 15px;margin-top:30px;color: #fff;/* background: #0e0e0e; */background: linear-gradient(to bottom,rgb(0, 173, 219) 0,rgb(0, 169, 212) 47%,#292929 100%);}
.home.page h1,.home.page h2{
    margin-bottom: 15px;margin-top:30px;
}
.home.page h4,.single h3 {/* border: 4px double #00aad6; */background: #eee;font-size: 140%;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: #000;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(132, 70, 70);}
.home.page h5,.single h4 {border-bottom: 3px double #00aad6;background: #eee;padding: 10px;font-size: 130%;font-weight: 800;box-shadow: 1px -3px 4px rgba(0,0,0,.3);background: #0e0e0e;}
.home.page h6,.single h5 {border-bottom: 3px dashed #9E9E9E;font-size: 120%;box-shadow: 1px -2px 6px rgb(14, 14, 14);background: #0e0e0e;}
.single h6{
  background: #005955;
  padding: 10px;
  color: #fff;
  font-size: 100%;
  margin-bottom: 20px;
}
@m
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 {
margin: 10px;
background: #f6f6f6;
padding: 10px
}

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

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

ul.toc_list a {
display: block;
padding: 5px;
margin-bottom: 5px;
font-weight: bold;
color: #333;
}

ul.toc_list a::before {
content: "\f0fa";
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: #00aad6;
color: #fff
}
ul.toc_list li:hover>a {
background: #00aad6;
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: #00aad6; */
    background: linear-gradient(transparent 90%,#00aad690%);
    color: #444444;
    font-weight: bold;
    border-bottom: 1px dotted #000;
}
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: #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 #00aad6;
}
.attlwy ol{padding-left: 20px;}
.attlwy ul:not(.toc_list) {
    /* background: rgb(35, 40, 45); */
    /* background-color: #00aad6; */
    /* 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: #00;
    padding-left: 30px;
    position: relative;
}

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

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

.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: 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: #62a8ba;
     display: inline-block;
     cursor: pointer;
     text-decoration: none;
}
 a:hover, a:active, a:focus {
     text-decoration: none;
     color: #ce4970;
}
@media (min-width: 992px){
.container .content-page {
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    float: none;
}
.container #main-content {
    left: 0;
    right: auto;
    position: sticky;
    top: 0;
    padding-right: 0px;
}
.container #main-content_left {
    /* position: absolute; */
    right: 0;
    top: 0;
    left: auto;
}
.row-content{
     position: relative;
}
.main-content{
    min-height: 51vh;
}
}
.pagination {
    margin: 0 auto;
    margin-top: 50px;
    text-align: center;
    float: left;
}

.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 #2f2f2f;
    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(63, 67, 67) 0%,rgb(253, 253, 253) 50%,rgb(252, 252, 252) 51%,rgb(23, 27, 28) 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: 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;
}


/* 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; */}