/* goodacg.com 2025 CSS */


/*!  Esta é uma técnica utilizada para conter os floats e evitar que elementos entrem em colapso.  */
.clearfix:before,.clearfix:after {   content: " ";   display: table;}
.clearfix:after {   clear: both;}
.clearfix { zoom:1;}

/*!  garantir que todas as imagens, videos e conteúdos embedados fiquem com a largura máxima de 100% do tamanho original.  */
img,picture,video,embed { max-width: 100%;}


/*!  todos os elementos agora levarão em conta apenas a largura e altura determinada, sem somar a este valor a borda e o padding.  */
*, *:before, *:after {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

/* remove o fundo branco do input autocomplete */
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    -webkit-transition: "color 9999s ease-out, background-color 9999s ease-out";
    -webkit-transition-delay: 9999s;
}


html, body{margin: 0;} 
html {
    font-family: sans-serif;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    min-height: 100%;
}

body {
    background-color: #1F2023;
    color: #EED9B7;
    font-size: 12px;
    letter-spacing:.3px;
    display: block;
}

/* LOZAD */
.fade { animation-name: showLazyImg; animation-duration: 0.5s; animation-fill-mode: both; visibility: visible; } 
@keyframes showLazyImg { from {opacity: 0.01;	transform: scale(1.05); } to {opacity: 1;	transform: scale(1); } }


#cabecalho {display: none;} /* Macete */
#container {display: none;} /* Macete */

main {
    max-width: 1150px;
    margin: 0 auto;
    margin-top: 10px;
    max-height:100%;
}

#container-total {
    max-width: 100%;
    margin: 0 auto;
    margin-top: 10px;
}

a {    text-decoration: none;    color: #EFDAB9;}
a:hover {    text-decoration: underline;    color: #EFDAB9;}

.inpAdm{ /* Input Admin */
    background-color: #222222;
    color:#EFDAB9;
    border: 1px solid #111111;
    padding:8px;
    width: 100%;
}


.header {
    max-width: 1150px;
    margin: auto;
    height: 153px;
}

.header_min {
    max-width: 1150px;
    margin: auto;
    height: 60px;
}

.logotipo {
    float: left;
    width: 60%;
}

.cfg_Logo{float: left;}
.cfg_LogoMinizado{float: left;}

.box_top_right {
    display: grid;
    grid-template-rows: 1fr;
    margin-right: 25px;
    text-align: right;
}
.header_min .box_top_right {
    display: grid;
    grid-template-columns:1fr 1fr;
    margin-top:0px;
    margin-right: 25px;
}

.pesquisa-topo {
    margin-top:10px;
}
.header_min .pesquisa-topo {
    margin-top: 0px;
    float: right;
}

.select_countries {
    margin-top: 18px;
}
.header_min .select_countries {
    float: right;
    margin-top: 18px; 
    margin-right: 8px;
}

.flag_en {width:25px; vertical-align: middle; margin-left: 5px;}
.flag_pt {width:25px; vertical-align: middle; margin-left: 5px;}



.boxPesquisa {
    position: relative;
    padding:2px; 
    border:1px solid #111111; 
    background-color: #222222; 
    float:right; 
    margin-top: 8px; 
    width: 100%; 
    max-width: 200px;
}
.boxPesquisa .pesquisa, .boxPesquisa .pesquisa:focus {
    background-color: #222222;
    border: 2px solid #212121;
    min-width: 60px;
    padding: 10px 40px 10px 5px;
    width: 100%;
    color: #EED9B7;
    box-shadow: 0 0 0 0;
    outline: 0;
}
.boxPesquisa .search-button, .boxPesquisa .search-button:focus {
    background: transparent url(/goodacg/uploads/img/lupa.png) 0 0 no-repeat;
    height: 21px;
    padding: 12px;
    position: absolute;
    right: 10px;
    top: 10px;
    border: none;
    cursor:pointer;
}




.footer {
   width: 100%;
   margin-top: 2.4em;
   margin-bottom: 2.4em;
   float: left;
   clear: both;
}

.linha_separador{
	border: 0;
	border-top: 1px solid #121212;
    border-bottom: 1px solid #555555;
    margin: 0px;
    padding: 0px;
    width: 100%;    
}

.separadorAmarelo {width: 98%; border-bottom:1px solid #FFBC27; color: #FFBC27; display: block; margin: auto; font-size: 160%; padding-top: 50px;}

.menu_row {
	border: 0;
	border-top: 1px solid #121212;
    border-bottom: 1px solid #555555;
    margin: 0px;
    padding: 0px;
    width: 100%;
}


.tags_top {
    text-align: center;
    max-width: 1150px;
    padding: 10px 0px;
    margin: auto;
}
.tags_top a ,.tags_top_min a{
    text-decoration: none;
    color: #EFDAB9;
    margin-right: 25px;
}
.tags_top_min {
    text-align: center;
    max-width: 1150px;
    padding: 5px 0px;
    margin: auto;
}



#bar_tags {
    margin:7px 0 2px 0;
    text-align: center;
    padding: 10px 0px;
}
#bar_tags a {
    padding: 3px 10px;
    background-color: #F2D465;
    text-decoration: none;
    color: #111111;
    margin-right: 10px;
    border-radius: 10px;
    font-weight: bold;
}

#bar_tags .bar-black {
    background-color: #27272A;
    color: #2692FF;
    border:1px solid #39393F;
}

.link-admin {
    display: inline-block;
    border: 1px solid #333561;
    color: #6366F1;
    background-color: #16171F;
    border-radius: 5px;
    text-decoration: none;
    /* line-height: 25px; */
    vertical-align: middle;
    padding: 3px;
    transition: color .3s;
}
.link-admin:hover {text-decoration: none; color: #2692FF; }

#menu_lateral_adm { width:10%; float:left; border-right: 2px solid #4E4B4D;    margin-top: 10px;}
#menu_lateral_adm ul{ list-style-type: none; padding-left: 10px;    }
#menu_lateral_adm li{ border-bottom: 1px solid #4E4B4D; }
#menu_lateral_adm a{ padding: 10px;    display: block; width: 100%; text-decoration: none; }
#menu_lateral_adm a:hover{ border-left: 2px solid white; }
#menu_lateral_adm .primeiroLi {vertical-align: middle; text-align: center; font-size:18px; font-weight: bold;}

/* Estilo da exibição das tags nos posts */
.tags_box {
    font-size: 13px;
    margin-top: 8px;
    margin-bottom: 8px;
}
.tags_box a{margin-left:5px; text-decoration: none;}
.tags_box a:hover{text-decoration: underline;}
.tags_label {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 15px;
}
.tags_categoria{ color:#FFBC27; }
.tags_tag{ color:#007FFF; }
.tags_artista{ color:#007FFF; }
.tags_tradutor{ color:#007FFF; }
.tags_serie{ color:#007FFF; }
.tags_parodia{ color:#007FFF; }
.tags_personagem{ color:#007FFF; }
.tags_grupos{ color:#007FFF; }

.XremoverTag{ cursor: pointer;}



.divSubmit{margin-top:20px; width:100%; height: 50px; background-color: gray;}
.botaoPublicarPost {padding:10px 2px; margin: auto; height: 50px; margin: 10px 2px 10px 0px; background-color:#9BFF9B; width:50%;}
.botaoAtualizarPost {padding:10px 2px; margin: auto; height: 50px; margin: 10px 0px 10px 2px; background-color:#FF9B9B; width:50%;}

.msg_obs {color:#666666; font-size: 80%;}
.msg_verde {background-color: #19361C; padding:5px; text-align: center; border: 1px solid #191A1C; margin: 10px;}
.msg_amarela {background-color: #3A3323; padding:10px; text-align: center; border: 1px solid #191A1C; margin: 10px; color:#FFD571;}
.msg_vermelha {background-color: #710000; padding:10px; text-align: center; border: 1px solid #191A1C; margin: 10px;}

.textoRodape {
    max-width: 600px;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 50px;
    max-height:100%;
    text-align: center;
    font-size: 12px;
}
.textoRodape .space_link {margin-left: 10px; margin-right: 10px;}

.conviteTelegramImg {  border-radius: 50%;  width: 40px;  height: 40px;  overflow: hidden; vertical-align:middle; margin-right:20px;}


/* CSS tags.php */
html{overflow-y:scroll}
.gist,.tt-menu{text-align:left}
.typeahead {color:#EFDAB9; width:100%;}
.tt-hint,.tt-query,.typeahead{height:30px;padding:8px 12px;font-size:20px;line-height:30px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;outline:0}
.typeahead{background-color:#222222}
.typeahead:focus{border:1px solid #555555}
.tt-query{-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);box-shadow:inset 0 1px 1px rgba(0,0,0,.075)}.tt-hint{color:#999}
.tt-menu{width:100%;margin:12px 0;padding:8px 0;background-color:#222222;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2)}
.tt-suggestion{padding:3px 20px;font-size:18px;line-height:24px}
.tt-suggestion:hover{cursor:pointer;color:#fff;background-color:#0097cf}
.tt-suggestion.tt-cursor{color:#fff;background-color:#0097cf}
.tt-suggestion p{margin:0}.gist{font-size:14px}


.container-total-adm {
    width:90%; float:left;
}


.gridPosts { display: inline-block;position:relative;padding:5px;border: 1px solid #000000;background-color: #262932;width:21%; margin: 1%;  vertical-align:top;}
.gridPosts:hover .img_cage {opacity: 0.5;}
.img_cage {      
    overflow: hidden;    
    position: relative;    
    padding-top: 110%;  
}
.img_cage img {
    border:1px solid #000000;
    max-width: 100%; /* Define a largura máxima como 100% da tela */
    height: auto; /* Ajusta a altura automaticamente para manter a proporção */
    object-fit: cover; /* Recorta a imagem para caber no espaço disponível, mantendo a proporção */
    position: absolute; /* Posiciona a imagem absolutamente */
    top: 0; /* Posiciona a imagem no topo */
    left: 0; /* Posiciona a imagem na esquerda */
    width: 100%; /* Define a largura da imagem como 100% */
    height: 100%; /* Define a altura da imagem como 100% */
    background-image: url('./loading.gif'); /* 默认背景图 */
    background-size: cover;
    background-position: center;
}

.gridPosts h3 {margin: 5px 0px 0px 0px; font-size: 13px; color:#EBEBFA;}  
.gridPosts .tags a {font-size: 11px; color:#007FFF; margin-right:3px;}
.gridPosts .tags a:hover {text-decoration: underline;}
.contagemPag {top:5px; right: 5px; position: absolute; z-index: 1; color:#FFFF26; background-color:#000000; padding:3px; opacity: 0.6;}
.postUpdate {top:5px; left: 5px; position: absolute; z-index: 1; color:white; background-color:#D90000; padding:3px; opacity: 0.6;}
.postNew {top:5px; left: 5px; position: absolute; z-index: 1; color:white; background-color:#257400; padding:3px; opacity: 0.6;}
.postAd {top:5px; left: 5px; position: absolute; z-index: 1; color:white; background-color:#FF00FF; padding:3px; opacity: 0.6; font-weight: bold;}
.postViews {bottom:5px; right: 5px; position: absolute; z-index: 1; color:#FFFF26; background-color:#000000; padding:3px; opacity: 0.6; }
.postViews .ico-views {font-size: 12px; vertical-align:middle;}
.post_alerts {bottom:5px; left: 5px; position: absolute; z-index: 1; color:#FFFF26; background-color:#000000; padding:3px; opacity: 0.7; font-weight: bold;}
.post_alerts .ico-alert {font-size: 12px; vertical-align:text-top;}
.gridPosts .dataPost {float:left; color: white; margin:5px 0 0px 0;}
.gridPosts .tags {display: inline-block; overflow: hidden;}
.gridPosts .thumb_category {color:#FFBC27; float:right; margin:5px 0 0px 0;} 
.gridPosts .thumb_category a {color:#FFBC27;}

.descrTaxonomy {font-size: 130%;}

.paginacao {font-size: 15px; width: 100%; text-align: center;}
.paginacao li{  display: inline-block; border: 1px solid #916500;}
.paginacao li a{padding:5px 15px 5px 15px; color:#BB8300;   display: block;}
.paginacao li span{padding:5px 15px 5px 15px; color:#BB8300;  display: block;}
.paginacao .pagAtual {font-size: 18px;}

.artigo {width: 100%; margin-top:15px;}
.artigo .postInfo {margin-left:20px; display: grid; grid-template-columns: auto 1fr; gap: 5px; align-content: start; row-gap: 12px; }
.artigo .postInfo h3 {margin: 0 0 10px 0;}
.artigo .tituloPost {border-radius: 10px 10px 0px 0px; background-color: #EFDAB9; width: 100%; color:#262626; text-align: center; font-weight: bold; }
.artigo .tituloPost span {display: inline-block;  padding:10px; font-size:16px;}
.artigo #cabPost {  background-size: cover;    background-position: center;    transition: background 2s ease-in-out; }
.artigo #postBg { padding: 10px; background:linear-gradient( rgba(0, 0, 0, 0.90), rgba(0, 0, 0, 0.90) ); display: grid; grid-template-columns: auto 1fr;}
.artigo .imgDestacada img {border:10px solid white; border-radius: 5px; height: auto; display: block;}
.artigo .info_first {font-weight: bold; text-align: right;}
.artigo .info_second {align-self: center;}
.artigo td {padding:5px; }
.artigo .tags {margin-right: 7px; font-weight: bold;}
.artigo .tdCategoria a {color: #FFBC27; display: inline-block;}
.artigo .tdTags a {color: #007FFF; display: inline-block;}
.artigo .tdTags .tags {margin-right:10px; line-height:1.3;}
.artigo .tdArtista a {color: #BFFFEF; display: inline-block;}
.artigo .boxSeries {background-color: #262932; font-size: 20px; border-left: 1px solid black; border-right: 1px solid black; padding:20px 10px 20px 10px;}
.artigo .descricao {background-color: #262932; font-size: 20px; border-left: 1px solid black; border-right: 1px solid black; padding:20px 10px 20px 10px;}
.artigo .post_imgs {background-color: #262932; border-left: 1px solid black; border-right: 1px solid black; }
.post_imgs_center {text-align: center;}
.postagens_relacionadas {background-color: #262932; border-left: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black;}
.artigo .post_imgs .miniaturas {display: inline-block; width: 23%; margin:1%; }
.artigo .post_imgs .miniaturas img {display: inline-block;border-radius: 10px; border: 1px solid black; max-width: 100%; height: auto;}

.vertical_read { border-radius: 10px; padding: 5px 5px; font-size: 15px; font-weight: bold; color: #18181A; background-color: #EBD8B8; border: none; cursor: pointer;}
.vertical_read:hover { background-color: #F0D264; color: #111111; text-decoration: none; }

.select {   position: relative;  display: inline-block;   margin-bottom: 15px;   min-width: 300px; max-width: 500px;    }    
.select  select{font-family: 'Arial';display: inline-block;position: relative;width: 100%;cursor: pointer;padding: 14px 14px;outline: 0;border: none; margin-right: 30px;
    border-radius: 5px;background: #1F2023;color: #EED9B8;appearance: none;-webkit-appearance: none;-moz-appearance: none;    font-size:100%;             }
.select select::-ms-expand { display: none;     }
.select select:hover, .select select:focus {color: #000000;background: #cccccc;}
.select select:disabled {opacity: 0.5;pointer-events: none;}
.select_arrow {position: absolute;top: 14px;right: 18px;width: 15px;height: 15px;border: solid #7b7b7b;border-width: 0 4px 4px 0;display: inline-block;
    padding: 3px;transform: rotate(45deg);-webkit-transform: rotate(45deg);}
.select select:hover ~ .select_arrow,.select select:focus ~ .select_arrow {border-color: #000000;}
.select select:disabled ~ .select_arrow {border-top-color: #cccccc;}


#content {display: grid;  grid-template-columns: 1fr 1fr; grid-template-rows: auto auto auto auto auto auto; justify-items: center; 
    width: 100%; background-color: #262932; border: 1px solid black; text-align: center; margin: auto; padding-bottom: 10px ;}
#content .galeriaPagination {display: inline-block;padding:10px; width: 100%; grid-column: span 2; }
#content .galeriaPagination img {display: block; border-radius: 10px; border: 1px solid black; max-width: 100%; height: auto; margin: auto;}
.sumario {padding:10px; }
.sumario span {color:#525258; }
.titulo_post_pagination {grid-column: span 2;}
.controles1 {grid-column: span 2; }
.controles2 {padding-top: 15px; grid-column: span 2; }
.pagGaleria {padding:5px; border: 1px solid; margin: 10px 0px 10px 0px; display: inline-block; font-size: 150%;}
#content a {text-decoration: none;}
#content .botaoMiniaturas {padding:5px; border: 1px solid; display: inline-block; margin: 10px 0px 10px 0px; font-size: 150%;}
.moveDown {
    order: 1;  
    justify-self: center !important;
    grid-column: span 2; 
    height:0px; 
    overflow: hidden;
    animation-name: surgindo;
    animation-duration: 0.5s;
    animation-fill-mode: forwards; /* faz parar no final */
}
@keyframes surgindo {
    from {height: 0px;}
    to {height: 250px;}
}

    
    
.boxParcerias {max-width: 1150px; background-color: #262932; border: 1px solid black; padding:10px 10px 10px 10px; margin: auto; margin-top: 20px; margin-bottom: 10px; text-align: center;}
#friend_links {margin-top:15px;}
#friend_links a {margin:0px 5px 0px 5px; display: inline-block;}

.icon_jerkmate {width:30px; height:20px; vertical-align: middle; margin-top:-3px;}
.icon_sexemulator {width:20px; vertical-align: middle; margin-top:-3px;}
.icon_link {vertical-align: middle;}
.icon_bongacams {width:27px; height:20px; vertical-align: middle; margin-top:-3px;}
.icon_trynectarai {width:23px; height:20px; vertical-align: middle; margin-top:-3px;}
.icon_candyai {width:20px; height:20px; vertical-align: middle; margin-top:-3px;}

i[class*="ico-"] { /* Define o tamanho padrão dos icones Fontes */
    font-size: 150%;
    vertical-align:sub;
}

video {
    display: block; 
    width:80%; 
    height: auto; 
    margin: auto; 
    border: solid;
    -webkit-background-size:cover; 
    -moz-background-size:cover; 
    -o-background-size:cover;
    background-size: cover;
    background-position: center;
}

.statusInfo {
    width: 12px;
    height: 12px;
    display: inline-block;
    border-radius: 50%;
    color: #3bd671;
    background: #3bd671;
    position: relative;
    -ms-transform: none;
    transform: none;
  }
  
  .statusInfo:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: currentColor;
    animation: pulse 2s infinite;
    opacity: 1;
    border-radius: 50%;
    top: 0;
    left: 0;
  }
  
  @keyframes pulseBig {
    0% {opacity: 0.5;}
    70% {opacity: 0;transform: scale(1.6);}
    100% {opacity: 0;}
  }
  
  @keyframes pulse {
    0% {opacity: 0.5;}
    70% {opacity: 0;transform: scale(2.5);}
    100% {opacity: 0;}
  }



 /* ********************************************************************************* *\
/* PARA MOBILE                                                                        */
/* ********************************************************************************* */
@media screen and (max-width: 641px) {
    body {
        width:640px;
        font-size: 83%;
    }
    
    #content {
        margin:0px 5px 0px 5px;
        width:630px;
    }
    
    .header {
        height: 100px;
    }
    
    .header_min {
        height: 40px;
    }

    .cfg_Logo{height: 100px; width: 300px;}


    main {margin:0px;}
    
    
    
    .hiddenCelular {     display: none;  }
    #menu_lateral_adm { width:15%;}
    #menu_lateral_adm .primeiroLi {font-size:10px; padding:5px;}
    #menu_lateral_adm ul {font-size:8px;}
    .container-total-adm {width:85%; float:left;}

    
    .gridPosts { padding:12px; width:43%; margin: 1%;  font-size:20px;}
    .gridPosts h3 {font-size:83%; margin: 10px 0 5px 0;}
    .gridPosts .tags a{font-size: 83%;}
    .gridPosts .tags:nth-child(1n+2) {margin-left: 10px;}
    .gridPosts .dataPost {font-size: 83%;}
    
    .postGridTags {overflow: hidden; text-overflow:ellipsis; white-space: nowrap; color:#007FFF; margin: 5px 0 0px 0;}

    .gridPosts .estrelas .tags {display:inline-block;}
    .artigo .post_imgs .miniaturas {width: 31.33%; margin:1%; }
    
    .pesquisa-topo .pesquisa, .pesquisa-topo .pesquisa:focus{ font-size: 120%; padding:1px; }
    .pesquisa-topo { margin-right: 20px; }
    .boxPesquisa .search-button {top:2px;}
    .select_countries {  float: right; margin-right: 20px; margin-top: 10px;}
    
    .logotipo {padding-left: 10px}
    
    .tags_top a, .tags_top_min a{ margin:0 0 0 10px; font-size: 12px;}
    .first_icon {margin-left: 0px !important;}
    
    .contagemPag {font-size: 100%; right: 13px; position: absolute; z-index: 1; color:#FFFF26; background-color:#000000; padding:10px; margin: 5px; opacity: 0.5;}
    .postUpdate {font-size: 100%; left: 13px; position: absolute; z-index: 1; color:white; background-color:#D90000; padding:10px; margin: 5px; opacity: 0.80;}
    .postNew {font-size: 100%; left: 13px; position: absolute; z-index: 1; color:white; background-color:#257400; padding:10px; margin: 5px; opacity: 0.80;}
    .postAd {font-size: 100%; left: 13px; position: absolute; z-index: 1;}
    .postViews, .ico-views {font-size: 15px; vertical-align:middle;}
    .post_alerts {font-size: 15px; vertical-align:text-top;} .post_alerts .ico-alert {font-size: 18px; vertical-align:text-top;}

    .artigo .descricao {font-size: 160%;}
    .artigo .tituloPost span {font-size: 150%;}
    .artigo .postInfo {font-size: 110%; margin-left:20px;}
    .artigo .imgDestacada img {max-width: 190px; height: auto;}
    .artigo td {padding:2px; }
    .textoRodape {font-size: 120%; max-width: 100%;}
    .artigo .boxSeries {font-size: 130%;}
    
    #content .galeriaPagination img {width: 100%;}
    
    .paginacao {font-size: 150%;}
    .paginacao .pagAtual {font-size: 150%;}
    
    .boxParcerias a {margin:8px; display: inline-block;}
    .boxParcerias img {width: 120px; height: 60px;}
       
    video { width:95%; margin: auto;}
}








/* ÍCONES https://css.gg */
.gg-controller{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:8px;height:8px;border:2px solid;border-radius:100px}
.gg-controller::before{content:"";display:block;box-sizing:border-box;position:absolute;width:14px;height:14px;box-shadow:-6px -6px 0 -4px,6px 6px 0 -4px,6px -6px 0 -4px,-6px 6px 0 -4px;left:-5px;top:-5px;transform:rotate(45deg)}

.gg-trash{box-sizing:border-box;position:relative;display:block;transform:scale(var(--ggs,1));width:10px;height:12px;border:2px solid transparent;box-shadow:0 0 0 2px,inset -2px 0 0,inset 2px 0 0;border-bottom-left-radius:1px;border-bottom-right-radius:1px;margin-top:4px}
.gg-trash::after,.gg-trash::before{content:"";display:block;box-sizing:border-box;position:absolute}
.gg-trash::after{background:currentColor;border-radius:3px;width:16px;height:2px;top:-4px;left:-5px}
.gg-trash::before{width:10px;height:4px;border:2px solid;border-bottom:transparent;border-top-left-radius:2px;border-top-right-radius:2px;top:-7px;left:-2px}