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 h1{
    padding: 10px;
    position: relative;
    padding-left: 20px;
    color: #333;
    z-index: 1;
}

#mymucluc_xyz_2{
  background: linear-gradient(to right,#00a1ff,#a416fd);
}
  .home.page h2{
    color: #333;
    padding: 10px;
    position: relative;
    background: linear-gradient(to right,#ff357b,#16BFFD);
    padding-left: 20px;
    z-index: 1;
}


.home.page h3{
    color: #333;
    padding: 10px;
    position: relative;
    padding-left: 20px;
    z-index: 1;
    background: linear-gradient(to right,#47ff89,#fdcb16);
}


.home.page h4{
    color: #333;
    padding: 10px;
    position: relative;
    padding-left: 20px;
    z-index: 1;
    background: linear-gradient(to right,#ff4325,#16BFFD);
}


.home.page h5{
    color: #333;
    padding: 10px;
    position: relative;
    padding-left: 20px;
    z-index: 1;
    background: linear-gradient(to right,#2dff81,#2d3538);
}


.home.page h6{
   color: #333;
   padding: 10px;
   position: relative;
   padding-left: 20px;
   z-index: 1;
   background: linear-gradient(to right,#ff7aa8,#16bffd61);
}

.single h1{
    padding: 10px;
    position: relative;
    padding-left: 20px;
    color: #333;
    z-index: 1;
}



.single h1{
  background: linear-gradient(to right,#00a1ff,#a416fd);
}
  .single  h2{
    color: #333;
    padding: 10px;
    position: relative;
    background: linear-gradient(to right,#ff357b,#16BFFD);
    padding-left: 20px;
    z-index: 1;
}


.single  h3{
    color: #333;
    padding: 10px;
    position: relative;
    padding-left: 20px;
    z-index: 1;
    background: linear-gradient(to right,#47ff89,#fdcb16);
}


.single  h4{
    color: #333;
    padding: 10px;
    position: relative;
    padding-left: 20px;
    z-index: 1;
    background: linear-gradient(to right,#ff4325,#16BFFD);
}


.single  h5{
    color: #333;
    padding: 10px;
    position: relative;
    padding-left: 20px;
    z-index: 1;
    background: linear-gradient(to right,#2dff81,#2d3538);
}


.single  h6{
   color: #333;
   padding: 10px;
   position: relative;
   padding-left: 20px;
   z-index: 1;
   background: linear-gradient(to right,#ff7aa8,#16bffd61);
}


#mymucluc_xyz_2:after, .home.page h2:after, .home.page h3:after, .home.page h4:after, .home.page h5:after , .home.page h6:after, .single h1:after, .single h2:after, .single h3:after, .single h4:after, .single h5:after, .single h6:after {
    content: "";
    position: absolute;
    left: 5px;
    right: 5px;
    color: #333;
    bottom: 5px;
    top: 5px;
    background: #fff;
    z-index: -1;
}



h1, h2, h3, h4, h5, h6 {

    font-weight: 700;

    line-height: 1.3;

    color: #262626;

    margin: 0;

    margin-top: 30px !important;

    margin-bottom: 15px !important;
}
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 {
    position: relative;
    z-index: 1;
    overflow: hidden;
    background: #3065b7;
}

#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: #333;
    display: block;
    font-size: 15px;
    margin-bottom: 5px;
    font-weight: bold;
    line-height: 1.4;
    padding: 5px;
    padding-left: 43px;
    position: relative;
    color: #fff;
    border-radius: 5px;
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(45deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,0.43) 100%);
    background: -webkit-gradient(left bottom,right top,color-stop(0%,rgba(255,255,255,.1)),color-stop(100%,rgba(255,255,255,0.43)));
    background: -webkit-linear-gradient(45deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,0.43) 100%);
    background: -o-linear-gradient(45deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,0.43) 100%);
    background: -ms-linear-gradient(45deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,0.43) 100%);
    background: linear-gradient(45deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,0.43) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff',endColorstr='#ffffff',GradientType=1 );
}

ul.toc_list a::before {
    content: "\f216";
    font: normal normal normal 19px/1 FontAwesome;
    margin-right: 10px;
    font-family: "ymhhfk",FontAwesome;
    font-weight: normal;
    font-size: 20px;
    line-height: 25px;
    margin-right: 5px;
    color: #ffffff;
    position: absolute;
    left: 10px;
    bottom: 2px;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    transition: 0.3s ease;
}
ul.toc_list>li>ul>li ul {
    padding-left: 15px
}

ul.toc_list a:hover {color: #fff;background: #470171;}
.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: #d32; */
    background: linear-gradient(transparent 90%,#d32);
    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 {
    background: #470171;
    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 #470171; */
}
.attlwy ol{padding-left: 20px;}
.attlwy ul:not(.toc_list) {
     /* background: rgb(35, 40, 45); */
     /* background-color: #f2f2f2; */
     font-size: 15px;
}

.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 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: #ffffff;
    margin: 0 auto;
    letter-spacing: 1.5px;
    font-size: 120%;
    font-weight: bold;
    background: rgb(189, 110, 59);
}

.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: #470171;
   display: inline-block;
   cursor: pointer;
   text-decoration: none;
}
a:hover, a:active, a:focus {
   text-decoration: none;
   color: #3065b7;
   }
   
   @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;
    font-weight: bold;
    margin-top: 50px;
    text-align: center;
}
span.page-numbers.current {
    background: 0 0;
    display: inline-block;
    text-align: center;
    padding: 0 1.4em;
    height: 50px;
    border: 1px solid #e6e6e6;
    border-radius: 25%;
    line-height: 50px;
    background-color: #470171;
    border-color: #470171;
    color: #ffffff;
    pointer-events: none;
}
a.page-numbers {
    display: inline-block;
    text-align: center;
    font-weight: bold;
    padding: 0 1.4em;
    height: 50px;
    border: 1px solid #e6e6e6;
    border-radius: 25%;
    background: #fff;
    line-height: 50px;
    /* overflow: hidden; */
}
a.page-numbers:hover{
    background-color: #fff;
    color: #333;
    font-weight: bold;
}
/* ////////////////////////////////////////////////////////////// */
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; */}
.module {
    padding: 1rem;
    color: white;
    /* border: 1px solid #470171; */
}
#totop span {
    width: 66px;
    height: 66px;
    position: fixed;
    bottom: 82px;
    /*display: none;*/
    right: 10px;
    background: #04459c00 url(../images/to_top_off.png);
    background-size: 100%;
    /* border-radius: 50%; */
    z-index: 199999;
}
.lq{
    margin-bottom: 20px !important;
}
.single_thumbnail img{
    max-width: 500px;
}
