:root{
    --gotrip-theme-color:#54C7E6;
    --kiss-theme-color:#EE8C98;
    --more-theme-color:#F1A7AF;
    --nm-theme-color:#052243;
    --os-theme-color:#E64491;
    --ssw-theme-color:#13433C;
    --ww-theme-color:#ED8422;
    --ed-theme-color: #203698;

    --gotrip-share-icon-bg:#EBF8FB;
    --kiss-share-icon-bg:#FCF0EA;
    --more-share-icon-bg:#FFF3F5;
    --nm-share-icon-bg:#EDF3F3;
    --os-share-icon-bg:#FFF3F5;
    --ssw-share-icon-bg:#F0F972;
    --ww-share-icon-bg:#F5F0ED;
    --ed-share-icon-bg: #edf3f3;

   /* --theme-color:var(--os-theme-color);
    --share-icon-bg:var(--os-share-icon-bg);*/
}
.share_bar{ position: fixed; top: 150px; left: 30px; display: none;}
path.icon-background {
    fill: var(--share-icon-bg);
}

path.share-icon {
    fill: var(--theme-color);
}

.bar_list { position: relative; height: 165px;width: 50px;}
       .bar_list .arrow_down{
       position: absolute;
       bottom: 0px;
       left: 10px;
       content: "";
       width: 1px;
       height: 10px;
       border-top: 10px solid var(--theme-color);
       border-left: 10px solid transparent;
       border-right: 10px solid transparent;
       cursor: pointer;
       }
       .bar_list .arrow_up{
       position: absolute;
       bottom: -24px;
       left: 10px;
       content: "";
       width: 1px;
       height: 10px;
       border-bottom: 10px solid var(--theme-color);
       border-left: 10px solid transparent;
       border-right: 10px solid transparent;
       cursor: pointer;
       }

.share_bar .bar_list li{ 
	margin-bottom: 15px;
    width: 40px !important;
    height: 40px !important;
    overflow: hidden; 
    background: none; 
    text-align: center; 
    display: block; 
    transform: translateX(0px)!important;
    -webkit-transform: translateX(0px)!important;
    -moz-transform: translateX(0px)!important;
    -o-transform: translateX(0px)!important;
    -moz-transition: all 0.5s ease!important;
    -o-transition: all 0.5s ease!important;
    -webkit-transition: all 0.5s ease!important;
    transition: all 0.5s ease!important;
}
.share_bar .bar_list .share_icon:hover{
    transform: translateX(10px)!important;
    -webkit-transform: translateX(10px)!important;
    -moz-transform: translateX(10px)!important;
    -o-transform: translateX(10px)!important;
}

.share_bar .bar_list li a, .share_bar .bar_list .share_num{ padding-left: 0px !important; color: #fff; display: block; vertical-align: middle; height: 40px; overflow: hidden; }
.share_bar .bar_list .share_icon a:hover{ padding-left: 0;}
.share_bar .bar_list .hd{ line-height: 20px;}
.share_bar .bar_list .ft{ font-size: 12px !important; line-height: 16px;}
.share_bar .bar_list .share_num{ color: #000;}
.share_bar .bar_list .share_fb{ background: #3b5999;}
.share_bar .bar_list .share_g{ background: #de4b39;}
.share_bar .bar_list .share_tt{ background: #53acee; border-radius: 50%;}
.share_bar .bar_list .share_wa{ background: none; border-radius: 50%;}
.share_bar .bar_list .share_mail{ background: none; }
.share_bar .bar_list svg,.share_bar .bar_list img{height: 40px; width: 40px;}

/*share_box*/
.share_box{ float: right;}
.onesignal-customlink-container{display:inline-block;float:left;}
.onesignal-customlink-container .button {vertical-align: top;height: 22px;padding:2px 12px!important;}
.share_box ul{ margin: 0; padding: 0; display: inline-block;}

.share_box .share_icon{ margin-left: 15px; display: inline-block; *display: inline; zoom: 1; width: 40px; height: 40px; line-height: 46px; text-align: center; border-radius: 50%; -o-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
.share_box .share_fb{ background: #3b5999;}
.share_box .share_g{ background: #de4b39;}
.share_box .share_tt{ background: #53acee;}
.share_box .share_wa{ background: #1d9e11;}
.share_box .share_tele{ background: #1d9e11;}
.share_box .share_icon a{ color: #fff;}


.share_bar2{ left: auto; right: 0;}
.share_bar2 .bar_list li{ 
    transform: translateX(20px);
    -webkit-transform: translateX(20px);
    -moz-transform: translateX(20px);
    -o-transform: translateX(20px);
}
.share_bar2 .bar_list li a, .share_bar2 .bar_list .share_num{ padding-right: 0px; padding-left: 0;}
.share_bar2 .bar_list .share_icon a:hover{ padding-right: 0;}

.share_box {
    width: 50%;
    text-align:right;
}
.share_box .share_icon {
    margin-left: 10px;
    margin-bottom: 10px;
    vertical-align:top;
    width:30px;
    height:30px;
}
.share_fb,.share_telegram,.share_messenger,.share_line,.share_url,.share_mail{
background: none !important;
}
.share_fb a{
    color:#3b5999 !important;
}
.share_telegram a{
color:#40a7e3 !important;
}

.share_messenger a{
    color:#00c0ff !important;
}
.share_line a{
color:#00b900 !important
}
.share_url a{
            color:#00bcd4 !important;
        }
.share_mail a{color: #bae6f8!important;}
.share_box{ float: right;}
        .share_box ul{ margin: 0; padding: 0;}
        .share_box .share_icon{ margin-left: 15px; display: inline-block; *display: inline; zoom: 1; width: 40px; height: 40px; line-height: 46px; text-align: center; border-radius: 50%; -o-border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
        .share_box .share_fb{ background: #3b5999;}
        .share_box .share_g{ background: #de4b39;}
        .share_box .share_tt{ background: none;}
        .share_box .share_wa{ background: none;}
        .share_box .share_tele{ background: #1d9e11;}
        .share_box .share_icon a{ color: #fff;}
        .share_box .share_oth a { color: #1cabe7 !important;}
        .share_box .share_tt a,.share_box .share_wa a{ color: #fff!important;}
        .share_box {
            width: 50%;
            margin-bottom: 10px;
            text-align:right;
        }
        .share_box.onesignal-customlink {
            width: auto;
        }
        .share_box .share_oth {position: relative;}
        .share_box .share_icon {
            margin-left: 10px;
            margin-bottom: 10px;
            vertical-align:top;
            width:30px;
            height:30px;
            line-height: normal;
        }
        .share_fb,.share_telegram,.share_messenger{
        background: none !important;
        }
        .share_fb a{
            color:#3b5999 !important;
        }
        .share_telegram a{
        color:#40a7e3 !important;
        }
        
        .share_box .share_messenger a{
            color:#00c0ff !important;
        }
        
        .share_box .share_url a{
            color:#00bcd4 !important;
        }
        
        .share_box .share_line a{
            color:#00b900 !important;
        }
        
        .share_box .share_mail a{
            color:#fff !important;
        }
        .share_bar .bar_list .share_url svg {
            /* padding:6px; */
        }
        .share_box svg {
            width: 30px;
            height: 30px;
        }
        .pop_so{
            display:none;
            position: absolute;
            background-color: var(--theme-color);
            width: auto;
            top: 36px;
            right: -6px;
            border-radius: 6px;
            padding: 15px 5px 5px 5px;
            z-index: 998;
        }

        .share_box .share_wa svg{
            /* background-color: #1d9e11;
            vertical-align: middle;
            border-radius: 100%;
            padding: 3px; */
            width: 30px;
            height: 30px;
        }
        .share_box .share_tt svg{
            background-color: #53acee;
            border-radius: 100%;
            vertical-align: middle;
            padding: 4px;
            width: 30px;
        }
        .share_bar .bar_list .share_wa svg{
            /* background-color: #1d9e11; */
            vertical-align: middle;
            border-radius: 100%;
            /* padding: 5px; */
        }
        .share_box .pop_so .share_tt svg{
            background-color: #53acee;
            border-radius: 100%;
            vertical-align: middle;
            padding: 4px;
        }
        .share_bar .bar_list .share_tt svg{
            background-color: #53acee;
            vertical-align: middle;
            border-radius: 100%;
            padding: 5px;
        }
        .pop_so:before{
            position: absolute;
            top: -5px;
            right: 20px;
            content: "";
            border-bottom: 5px solid var(--theme-color);
            border-left: 5px solid transparent;
            border-right: 5px solid transparent;
        }
      .ed_pop_so svg,.ed_pop_so img,.pop_so svg,.pop_so img{width: 30px; margin: 5px;max-width: none}
      .ed_pop_so .share_icon,.pop_so .share_icon{display: table-cell;}

        

@media (max-width: 899px) {
    .share_box.onesignal-customlink {
         width: 50%;
     }
     .container .article__author-name{
    	/* margin-bottom: 17px;*/
        width:40%;
 	}
     .onesignal-customlink-container{float:unset;}
    .m_icon{ display: inline-block; *display: inline; zoom: 1;}
    .w_icon{ display: none !important;;}
    /*footer_fixed*/
    .footer_fixed{ 
        position: fixed; 
        width: 100%; 
        left: 0; 
        bottom: 0; 
        background: #aaa;
        transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -moz-transform: translateY(200px);
        -o-transform: translateY(200px);
        -moz-transition: all 0.1s ease;
        -o-transition: all 0.1s ease;
        -webkit-transition: all 0.1s ease;
        transition: all 0.1s ease;
        z-index: 9999;
    }
    .footer_fixed ul{ display: table; margin: 0; width: 100%;}
    .footer_fixed li{ display: table-cell; vertical-align: middle; width: 33.33333%; text-align: center; color: #fff; word-break: break-word; padding: 8px 0 6px;}
    .footer_fixed li img{ width: 38%; height: auto;}
    .footer_fixed li .hd, .footer_fixed li .ft{ font-size: 12px !important;}
    .footer_fixed .share_num{ background: #fff; color: #000; line-height: 13px;}
    .footer_fixed .share_fb{ background: #3b5998;}
    .footer_fixed .share_g{ background: #dd4b39;}
    .footer_fixed .share_wa{ background: #1d9e11;}
    .footer_fixed .share_line{ background: #01c312;}
    .footer_fixed .share_tt{ background: #53acee;}
    .footer_fixed .share_mail{ background: #aaaaaa;}

    /*footer_show*/
    .footer_show{
        transform: translateY(0);
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -o-transform: translateY(0);
    }

    .navigation--is-visible .footer_show{
        transform: translateY(200px);
        -webkit-transform: translateY(200px);
        -moz-transform: translateY(200px);
        -o-transform: translateY(200px);
    }
}

@media (min-width: 900px) {
    .m_icon{ display: none !important;;}
    .w_icon{ display: inline-block; *display: inline; zoom: 1;}
}
@media (max-width: 599px) {
    /*.share_box*/
    .share_box .shop_icon{ margin-left: 12px;}
     .onesignal-customlink-container{display: none;}
}

@media (max-width: 398px) {
   .article__time, .comment__time{ font-size: 12px !important; }
}


.bar_list li a:after {
    position: absolute;
    top: 3px;
    left: 2px;
    width: 36px;
    height: 34px;
    /* background-color: white; */
    content: "";
    z-index: -1;
    border-radius: 100%;
}

.ed_pop_so {
    display: none;
    position: absolute;
    background-color: #203698;
    width: auto;
    top: 42px;
    right: 0px;
    border-radius: 10px;
    padding: 5px 5px 5px 5px;
    z-index: 998;
}
.ed_pop_so:before {
    position: absolute;
    top: -5px;
    right: 13px;
    content: "";
    border-bottom: 5px solid #203698;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

.share_box .share_comm {
    -webkit-border-radius: unset;
    width: 40px;
}

.share_box .share_comm a {
  font-family: Helvetica, "Lucida Grande", Verdana, Arial, sans-serif !important;
  font-size: 11px!important;
  /* Structure */
  position: relative;
  display: block;
  width: 40px;
  height: 28px;
  padding: 0px 2px;
  overflow: hidden;
  z-index: 1;
  /* Typography */
  color: #fff;
  line-height: 100px;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
}
.share_box .share_comm a span{font-size: 11px!important;font-weight: normal;}

.share_box .share_comm a::first-line {
  line-height:28px;
}

.share_box .share_comm a:hover {
  text-decoration: none;
 }

.share_box .share_comm a:active {
  
}

/*----------------------
  Speech Bubble Shapes
------------------------*/
.share_box .share_comm a::before,
.share_box .share_comm a::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: -1;
  transition:none;
}

.share_box .share_comm a::before {
  width: 35px;
  height: 18px;
  margin: -9px 0 0 -17px;
  background-color: var(--theme-color);
  border-radius: 3px;
  display: block;
}

.share_box .share_comm a::after {
  height: 0;
  margin: 9px 0 0 -11px;
  border-width: 2px;
  border-style: solid;
  border-color: var(--theme-color) transparent transparent var(--theme-color);
}

.share_box .share_comm a:hover::before {
  /* background-color: #f08b97; */
}

.share_box .share_comm a:hover::after {
  border-color: #f08b97 transparent transparent #f08b97;
}
.heading-standards {
    margin: 0 0 20px !important;
    border-bottom: 4px solid #f08b97;
    padding-left: 0;
}

.heading-standards .hN, .heading-standards .hN a {
    font-size: 20px !important;
    line-height: 1.27316;
    padding: 6px 0;
    bottom: auto;
    max-width: auto;
    background: transparent;
}
.fb-comments iframe{width:100%!important;}
/* 2021 share_box mobile view */
@media (max-width: 599px) {
    .article__author-name a::after, .comment__author-name a::after{
        margin:0 10px;
    }
    .article__time, .comment__time{
        vertical-align: middle;
        display: inline-block;
    }
    .article__title__meta.clearfix{
        margin-bottom:0;
    }
    .article__title__meta.clearfix + p{
        margin-bottom: 0 !important;
    }
        /*.share_box*/
        .share_box{
            width: 60%;
            margin-bottom: 20px;
            /* text-align: center;
            display: flex;
            margin-top: 10px; */
        }
        .share_box ul{
            width:100%;
            display:flex;
            justify-content: flex-end;
        }
        .share_box .share_icon{
            flex:0 0 20%;
            width:16%;
            margin-left: 0;
            text-align: right;
        }
    }


li.share_icon.share_oth>a:active>svg path.icon-background,
li.share_icon.share_oth>a:hover>svg path.icon-background,
li.share_icon.share_oth>a:focus>svg path.icon-background {
    fill: var(--theme-color);
}
li.share_icon.share_oth>a:active>svg path.share-icon,
li.share_icon.share_oth>a:hover>svg path.share-icon,
li.share_icon.share_oth>a:focus>svg path.share-icon {
    fill: var(--share-icon-bg);
}