﻿/***美国商标****/
.ny_banner1{ width:100%; height:260px; float:left;}
.mg_shangbiao{ width:840px; font-size:14px; line-height:24px; color:#606060; height:160px; margin:50px auto; background:url(../image/mg_sb_bj.png) center center no-repeat; background-size:cover; text-align:center; padding:25px 20px; box-sizing:border-box;}
.mg_shangbiao strong{ width:100%; height:auto; font-size:22px; line-height:32px; color:#333;}

.mg_shangbiao_fl{ width:100%; height:auto; float:left; margin:25px 0 50px 0;}
.mg_shangbiao_left{ width:355px; float:left; height:auto; margin-right:25px;}
.mg_shangbiao_left dl.d1{ width:100%; height:auto; float:left;}
.mg_shangbiao_left dl.d1 dt{ width:100%; height:45px; line-height:45px; float:left; background:#76bd21; text-align:center; color:#fff; border-radius:5px 5px 0 0; font-size:18px; font-weight:550;}
.mg_shangbiao_left dl.d1 dd{ border:1px solid #f2f2f2; width:100%; height:auto; float:left; padding:10px 0; box-sizing:border-box; }
.mg_shangbiao_left dl.d1 dd a{ width:10%; height:auto; line-height:28px; float:left; text-align:center; font-size:16px; color:#444; font-weight:550;}
.mg_shangbiao_left dl.d1 dd a:hover,.mg_shangbiao_left dl.d1 dd a.cur{ color:#76bd21; }
.mg_shangbiao_left ul{ width:100%; height:auto; float:left;}
.mg_shangbiao_left ul li{ width:100%; padding:12px; box-sizing:border-box; float:left; background:#fafafa; font-size:14px; color:#696969; line-height:24px;}
.mg_shangbiao_left ul li strong{ font-weight:550; font-size:16px; color:#76bd21;}
.mg_shangbiao_left ul li.l1{ background:#fff;}

.mg_shangbiao_right{ width:810px; height:auto; float:left;}
.mg_shangbiao_tt strong.s{ width:300px; height:auto; font-size:24px; line-height:45px; color:#333; text-indent:15px; float:left;}
.mg_shangbiao_tt p{ width:510px; height:auto;  float:left; background:url(../image/mg_sb_tb_1.png) left 3px no-repeat; padding-left:20px; box-sizing:border-box; font-size:14px; color:#727272; inline-box-align:22px;}
.mg_soso{ width:100%; height:auto; float:left; margin:10px 0;}
.mg_soso .input{ width:600px; height:40px; line-height:40px; float:left; background:#fafafa; outline:none; text-indent:20px; font-size:14px; margin-right:10px; border:none;}
.mg_soso .button{ width:100px; height:40px; line-height:40px; float:left; background:#76bd21; outline:none; cursor:pointer; border:none; text-align:center; color:#fff; font-size:16px; opacity:0.9; margin-right:10px;}
.mg_soso .button1{ width:90px; height:40px; line-height:40px; float:left; background:#dddddd; outline:none; cursor:pointer; border:none; text-align:center; color:#333; font-size:16px; opacity:0.9; }
.mg_soso .button:hover,.mg_soso .button1:hover{ opacity:1;}

.mg_shangbiao_c{ width:100%; height:auto; float:left; margin-top:10px;}
.mg_shangbiao_c ul{ width:100%; height:auto; float:left;}
.mg_shangbiao_c ul li.l1{ width:130px; height:auto; float:left; text-indent:8px;}
.mg_shangbiao_c ul li.l2{ width:400px; height:auto; float:left;}
.mg_shangbiao_c ul li.l3{ width:280px; height:auto; float:left;}
.mg_shangbiao_c ul.u1 { font-size:16px; color:#76bd21; font-weight:bold; padding-bottom:10px;}
.mg_shangbiao_c ul.u1 li.l1{ text-indent:15px;}
.mg_shangbiao_c ul.u2 { background:#fafafa; padding:12px 0; font-size:14px; color:#727272;}
.mg_shangbiao_c ul li.l1 .che{ width:15px; height:15px; float:left; margin:4px 0 0 15px;}
.mg_shangbiao_c ul.u3 { padding:12px 0;font-size:14px; color:#727272;}

.fenye1{ margin:20px 0;}
.fenye1 ul{  text-align:center; white-space:nowrap;}
.fenye1 ul li{display:inline;  margin:0; padding:0;  }
.fenye1 ul li a{ display:table-cell; border:1px solid #f2f2f2; display:inline-block; padding:0 10px; font-size:16px; margin-right:2px; height:30px; line-height:30px;text-align:center; color:#828487;  border-radius:2px; }
.fenye1 ul li a.cur,.fenye1 ul li a:hover{ background:#6eb01f; color:#fff; }

.annui_div{ width:230px; height:50px; margin:0 auto;}
.annui_div a{ width:100%; height:50px; line-height:50px; border-radius:5px; float:left; text-align:center; margin:15px 0; background:#6cad1e; color:#fff; font-size:16px; font-weight:bold; opacity:0.8;}
.annui_div a:hover{ opacity:1;}

/******美国结果页******/
.banner_soso{ width:680px; height:100px; margin:50px auto;}
.banner_soso strong{ width:100%; line-height:50px;float:left; text-align:center; margin-bottom:15px; font-size:30px; float:left; color:#76bd21; font-weight:bold;}
.banner_soso .input{ width:520px; height:40px; float:left; line-height:40px; margin-right:5px; outline:none; border:none; float:left; background:#fff; text-indent:15px; font-size:14px;}
.banner_soso .button{ width:150px; float:left; height:40px; line-height:40px; background:#76bd21; color:#fff; font-size:16px; opacity:0.8; text-align:center; border:none; outline:none; cursor:pointer;}
.banner_soso .button:hover{ opacity:1;}

.mg_shangbiao1{ width:100%; height:auto; float:left; margin:25px 0 50px 0;}
.mg_shangbiao1_c{ width:100%; height:auto; float:left; box-shadow:#ccc 2px 2px 5px;}
.mg_shangbiao1 dl.tt{ width:100%; height:50px; font-size:18px; font-weight:bold; text-align:center; color:#fff; line-height:50px; float:left; background:#6cad1e;}
.mg_shangbiao1 dl.tt dt{ width:270px; float:left;}
.mg_shangbiao1 dl.tt dd{ width:930px; float:left;}

.mg_shangbiao1_c dl.d1{ width:100%; height:auto; float:left;border-top:1px solid #f2f2f2;}
.mg_shangbiao1_c dl.d1 dt.dt{width:100%; text-indent:35px; font-size:16px; height:45px; line-height:45px; float:left;  color:#76bd21; font-weight:bold; background:url(../image/mg_sbjg_tp_1.png) 96.4% center no-repeat; background-size:15px auto; cursor:pointer;}
.mg_shangbiao1_c dl.d1 dt.dt1{ display:none; width:270px; float:left; height:auto; text-align:center; font-size:16px; height:45px; line-height:45px;color:#76bd21; font-weight:bold; }
.mg_shangbiao1_c dl.d1 dd{display:none; width:930px; float:left; padding:10px 15px; border-left:1px dashed #f2f2f2; box-sizing:border-box;}
.mg_shangbiao1_c dl.d1 dd ul{ width:100%; height:auto; float:left;}
.mg_shangbiao1_c dl.d1 dd ul li.l1{ width:130px; height:auto; float:left; text-indent:15px;}
.mg_shangbiao1_c dl.d1 dd ul li.l2{ width:400px; height:auto; float:left;}
.mg_shangbiao1_c dl.d1 dd ul li.l3{ width:320px; height:auto; float:left;}
.mg_shangbiao1_c dl.d1 dd ul li.l4{ width:30px; height:auto; float:left;}
.mg_shangbiao1_c dl.d1 dd ul.u1 li.l4{ height:20px; background:url(../image/mg_sbjg_tp_3.png) center center no-repeat; background-size:15px auto;}
.mg_shangbiao1_c dl.d1 dd ul li.l4 a{ width:30px; height:21px;  float:left; background:url(../image/mg_sbjg_tp_2.png) center center no-repeat; display:block; background-size:15px 15px;}
.mg_shangbiao1_c dl.d1 dd ul.u1 { font-size:14px; color:#76bd21; font-weight:bold; padding-bottom:10px;}
.mg_shangbiao1_c dl.d1 dd ul.u1 li.l1{ text-indent:15px;}
.mg_shangbiao1_c dl.d1 dd ul.u2 { background:#fafafa; padding:12px 0; font-size:14px; color:#727272;}
.mg_shangbiao1_c dl.d1 dd ul.u3 { padding:12px 0;font-size:14px; color:#727272;}
.mg_shangbiao1_c dl.d1.cur dt.dt{ display:none;}
.mg_shangbiao1_c dl.d1.cur dt.dt1{ display:block;}
.mg_shangbiao1_c dl.d1.cur dd{ display:block;}

/****美国商标自注册*****/
.mg_zzc{ width:100%; height:auto; float:left; padding:25px 0 50px 0; background:#f8f8f8;}
.mg_zzc_c{ width:100%; height:auto; float:left; background:#fff; min-height:350px; padding:20px; box-sizing:border-box;}
.mg_zzc_c strong.s{ width:100%; height:auto; float:left; font-size:24px; color:#76bd21; line-height:50px;}
.mg_zzc_c_tt{ width:100%; height:45px; float:left; line-height:45px; background:url(../image/mg_zzc_tb_t1.png) left center no-repeat; background-size:100% 45px; }
.mg_zzc_c_tt span{ width:33.333%; float:left; text-align:center; font-size:16px; font-weight:bold;}
.mg_zzc_c_tt span.cur{ color:#fff;}

.mg_zc_c1{ width:100%; height:auto; float:left; padding:20px; box-sizing:border-box;}
.mg_zc_c1 strong.s1{ width:100%; height:auto; line-height:20px; float:left; margin:25px 0 5px 0; font-size:16px; color:#212121;}
.mg_zc_c1 p.bz{ width:100%; height:auto; line-height:20px; float:left;font-size:12px; margin-bottom:5px; color:#aaaaaa;}
.dianxian{ width:100%; height:auto; float:left; padding:3px 0;}
.dianxian .dx{ width:12px; height:12px; float:left; margin:6px 5px 0 0;}
.dianxian .span{ width:auto; height:auto; float:left; font-size:14px; color:#535252;}
.zzcxt{ width:100%; height:1px; float:left; background:#f2f2f2; margin:10px 0;}

.mg_zzc_c1_left{ width:145px; height:auto; float:left;}
.mg_zzc_c1_right{ width:900px; height:auto; float:left;}
.mg_zzc_c1_right_qh{ width:100%; height:auto; float:left; padding-bottom:10px; display:none;}
.mg_zzc_c1_right_qh .input{ width:100%; height:36px; line-height:36px; outline:none; border:1px solid #f2f2f2; box-sizing:border-box; text-indent:15px; float:left;}
.mg_zzc_c1_right_qh dl.d1{ width:100%; height:auto; float:left;}
.mg_zzc_c1_right_qh dl.d1 dt a{ width:300px; height:190px; float:left; background:url(../image/mg_zzc_tb_x1.png) center center no-repeat; background-size:300px 190px;}
.mg_zzc_c1_right_qh dl.d1 dt img{width:300px; height:190px; float:left; border:1px dashed #f2f2f2; box-sizing:border-box;}
.mg_zzc_c1_right_qh dl.d1 dd.dd{ width:300px; height:190px; text-align:center; padding-top:100px; box-sizing:border-box;  float:left; background:url(../image/mg_zzc_tb_x3.png) center 50px no-repeat; color:#ccc;}
.mg_zzc_c1_right_qh .text{ width:100%; height:120px; line-height:24px; font-family:"Microsoft YaHei"; float:left; padding:10px 15px; border:1px solid #f2f2f2; box-sizing:border-box; margin:10px 0 0 0; outline:none;}
.jiage_div{ width:100%; height:auto; float:left; margin:20px 0; padding-left:150px; box-sizing:border-box;}
.jiage_div p{ width:auto; height:auto; float:left; line-height:36px; font-size:14px; margin-right:15px; }
.jiage_div p strong{ width:auto; height:auto; color:#ff4422; font-size:16px; }
.jiage_div a.xia{ width:150px; height:36px; line-height:36px; float:right; opacity:0.8; text-align:center; color:#fff; background:#45c539; display:block;}
.jiage_div a.xia:hover{ opacity:1;}
.mginput{ width:100%; height:36px; line-height:36px; outline:none; border:1px solid #f2f2f2; box-sizing:border-box; text-indent:15px; float:left;}


dl.d1.shangchang{ width:100%; height:auto; float:left;}
dl.d1.shangchang dt a{ width:300px; height:190px; float:left; background:url(../image/mg_zzc_tb_x1.png) center center no-repeat; background-size:300px 190px;}
dl.d1.shangchang dt img{width:300px; height:190px; float:left;}
dl.d1.shangchang dd.dd{ width:300px; height:190px; text-align:center; padding-top:100px; box-sizing:border-box;  float:left; background:url(../image/mg_zzc_tb_x3.png) center 50px no-repeat; color:#ccc;}


dl.d1.shangchang1{ width:100%; height:auto; float:left; margin-bottom:10px;}
dl.d1.shangchang1 dt a{ width:150px; height:80px; float:left; background:url(../image/mg_zzc_tb_x1.png) center center no-repeat; background-size:150px 80px;}
dl.d1.shangchang1 dt .file_aa { background-size:130px 80px; width:130px; height:80px;}
dl.d1.shangchang1 dt img{width:150px; height:80px; float:left;}
dl.d1.shangchang1 dd.dd{ width:80px; height:80px; text-align:center; padding-top:10px; box-sizing:border-box;  float:left; background:url(../image/mg_zzc_tb_x3.png) center 50px no-repeat; color:#ccc;}


/*****第二步*********/
.mg_zzc_c_tt1{background:url(../image/mg_zzc_tb_t2.png) left center no-repeat;}
.mg_zc_c1_left1{ width:280px; height:500px; float:left; border:1px solid #f2f2f2; }
.mg_zc_c1_left1_soso{ width:100%; height:40px; float:left;box-sizing:border-box; padding:10px; margin-bottom:15px;}
.show_yw { width:50px; height:34px; line-height:34px; float:left; margin-right:10px; background:#f2f2f2; text-align:center; font-size:12px;}
.show_yw.cur { background:#76bd21; color:#fff;}

.mg_zc_c1_left1_soso .input{ width:150px; height:34px; line-height:34px; outline:none; float:left; text-indent:10px; border:1px solid #f2f2f2; box-sizing:border-box;}
.mg_zc_c1_left1_soso .button{ width:46px; height:34px; float:left; border:1px solid #f2f2f2; box-sizing:border-box; background:url(../image/mg_zzc_xz_tb_5.png) center center no-repeat; box-sizing:border-box; cursor:pointer; outline:none;}
.mg_zc_c1_left1_c{ width:100%; height:430px; float:left; overflow-y:auto; padding:20px 0 10px 10px; box-sizing:border-box;}
.mg_zc_c1_left1_c dl{ width:100%; height:auto; float:left; margin-bottom:5px;}
.mg_zc_c1_left1_c dl dt{ width:100%; height:auto; float:left; font-size:14px; line-height:24px; cursor:pointer; background:url(../image/mg_zzc_xz_tb_1.png) 5px 7px no-repeat; padding-left:18px; background-size:8px auto; box-sizing:border-box;}
.mg_zc_c1_left1_c dl dd{ width:100%; height:auto; float:left; display:none;}
.mg_zc_c1_left1_c dl dd a{ width:100%; height:auto; line-height:22px; font-size:12px; color:#666; float:left;padding-left:35px;  box-sizing:border-box; background:url(../image/index_zx_tb1.png) 22px 9px no-repeat; background-size:6px 6px;}
.mg_zc_c1_left1_c dl dd a.cur{ background:url(../image/mg_zzc_xz_tb_3.png) 18px 5px no-repeat; background-size:12px 12px;}

 .mg_zc_c1_left1_c dl dd a span.sp2 { display:none;    }

.mg_zc_c1_left1_c dl.cur dt{background:url(../image/mg_zzc_xz_tb_2.png) 5px 7px no-repeat; background-size:10px auto;  }
.mg_zc_c1_left1_c dl.cur dd{ display:block;}

.mg_zc_c1_right1{ width:838px; float:left; height:502px; float:left;border:1px solid #f2f2f2; border-left:none; box-sizing:border-box;}
.mg_zc_c1_right1_tt{ width:100%; height:44px; line-height:44px; float:left; background:#f2f2f2; padding:0 15px; box-sizing:border-box; font-size:16px; font-weight:bold;}
.mg_zc_c1_right1_tt a{ font-size:14px; width:auto; float:right; font-weight:normal;}
.mg_zc_c1_right1_c{width:100%; height:430px; float:left; overflow-y:auto; padding:20px 35px; box-sizing:border-box;}
.mg_zc_c1_right1_c dl{ width:100%; height:auto; float:left; margin-bottom:15px;}
.mg_zc_c1_right1_c dl dt{ width:100%; height:auto; font-size:16px;}
.mg_zc_c1_right1_c dl dt span{ width:auto; font-size:14px; float:right;}
.mg_zc_c1_right1_c dl dt span s{ color:#ff9900; text-decoration:none; padding:0 5px;}
.mg_zc_c1_right1_c dl dt span strong{ font-size:16px; color:#ff4422; padding:0 15px;}
.mg_zc_c1_right1_c dl dt span a{ width:30px; height:20px; float:right; background:url(../image/mg_zzc_xz_tb_4.png) center center no-repeat; display:block;}
.mg_zc_c1_right1_c dl dd{ width:100%; height:auto; float:left; padding:10px 20px; box-sizing:border-box;}
.mg_zc_c1_right1_c dl dd a{ position:relative; width:auto; height:auto; font-size:12px; float:left; padding:3px 15px; border:1px dashed #f2f2f2; margin:5px; display:block;}
.mg_zc_c1_right1_c dl dd a s{ display:none;}
.mg_zc_c1_right1_c dl dd a:hover{ border:1px solid #ff9900; color:#ff9900;}
.mg_zc_c1_right1_c dl dd a:hover s{ display:block; position:absolute; right:-7px; top:-7px; width:15px; height:15px; background:url(../image/mg_zzc_xz_tb_6.png) center  center no-repeat; background-size:15px 15px; }

dl.syzj{ width:100%; height:auto; float:left;}
dl.syzj dt{ width:150px; height:auto; float:left;}
dl.syzj dd.dd1{ width:550px; height:auto; float:left;}
dl.syzj dd.dd1 p{ width:100%; height:auto; float:left; line-height:32px; color:#999; margin-bottom:10px;}
dl.syzj dd.dd1 p .input{ width:350px; height:32px; line-height:32px; float:left; border:1px solid #f2f2f2; text-indent:15px; outline:none; margin-right:15px;}
dl.syzj dd.dd1 p a{ width:100px; height:34px; float:left; line-height:34px; color:#fff; text-align:center; background:#76bd21;}
dl.syzj dd.dd1 p .sel{ width:80px; height:32px; line-height:32px; float:left; border:1px solid #f2f2f2; text-indent:15px; outline:none; margin-right:10px;}
dl.syzj dd.dd2{ width:300px; height:auto; float:left; background:#f8f8f8; padding:10px 20px;}
dl.syzj dd.dd2 strong{ width:100%; height:auto; float:left; text-align:center; font-size:18px; color:#76bd21; line-height:40px;}
dl.syzj dd.dd2 a{ width:300px; height:auto; line-height:20px; text-align:center; float:left; font-size:12px; color:#76bd21; background:url(../image/mg_zzc_tp_pdf.png) center 10px no-repeat; padding-top:40px; padding-bottom:5px;}

.duotu_shangchuang { width:100%; height:auto; float:left; padding:10px 0 30px 0;}
.duotu_shangchuang  a.dtannu{ width:140px; height:32px; line-height:32px; text-align:center; background:#76bd21; color:#fff; opacity:0.9; float:left; border-radius:5px; margin-bottom:10px; }
.duotu_shangchuang  a.dtannu:hover { opacity:1;}
.duotu_shangchuang ul.dt_sc_list{ width:80%; height:auto; float:left;}
.duotu_shangchuang ul.dt_sc_list li{ width:auto; height:32px; line-height:32px; font-size:14px; text-align:center; float:left; border-bottom:1px solid #f2f2f2;}
.duotu_shangchuang ul.dt_sc_list li.l1{ width:15%; }
.duotu_shangchuang ul.dt_sc_list li.l2{ width:60%; }
.duotu_shangchuang ul.dt_sc_list li.l3{ width:25%; }
.duotu_shangchuang ul.dt_sc_list.ulbj { background:#f2f2f2;    }

.duotu_shangchuang  .files { width:150px; height:36px; background:url(../image/duotushangchang_an.png) center 0 no-repeat ; margin-bottom:10px;  }
.duotu_shangchuang  .file_aa { width:150px; height:36px;    }

.sqr_xx_qh{ display:none;}
.sqr_xz{ width:100%; height:auto; float:left; padding-left:190px; box-sizing:border-box; margin-bottom:15px;}
.sqr_xz p{ width:160px; float:left;}
.sqr_left{ width:550px; float:left;}
.sqr_left p{ width:100%; height:auto; float:left; margin-bottom:10px;}
.sqr_left p span{ width:180px; height:32px; line-height:32px; float:left; text-align:right; font-size:14px; margin-right:10px;}
.sqr_left p .input{ width:350px; text-indent:15px; height:32px; line-height:32px; float:left; border:1px solid #f2f2f2; outline:none; box-sizing:border-box;}
.sqr_right{ width:500px; height:auto; float:left; position:relative;}
.sqr_right p.p1{width:100px; height:160px; text-align:center; padding-top:80px; box-sizing:border-box;  float:left; background:url(../image/mg_zzc_tb_x3.png) center 50px no-repeat; color:#ccc;}
/*.sqr_right a.files{ width:300px; height:160px; float:left; background:url(../images/mg_zzc_sqr_1.png) center center no-repeat; background-size:300px 160px;}
.sqr_right a.files.files2 { width:300px; height:160px; float:left; background:url(../images/mg_zzc_sqr_2.png) center center no-repeat; background-size:300px 160px;}*/


/*****第三步*********/
.mg_zzc_c_tt2{background:url(../image/mg_zzc_tb_t3.png) left center no-repeat;}
.mg_zc_c1 dl.lxr{ width:100%; height:auto; float:left; margin-bottom:10px;}
.mg_zc_c1 dl.lxr dt{ width:260px; height:auto; float:left; text-align:right; line-height:32px; margin-right:10px;}
.mg_zc_c1 dl.lxr dd{ width:460px; height:auto; float:left;}
.mg_zc_c1 dl.lxr dd .input{ width:458px; height:32px; line-height:32px; float:left; text-indent:15px;border:1px solid #f2f2f2; box-sizing:border-box; outline:none;}
.mg_zc_c1 dl.lxr dd .input1{ width:140px; }
.mg_zc_c1 dl.lxr dd  span{ width:auto; height:32px; line-height:32px; margin-right:6px; margin-left:15px; float:left;}
.mg_zc_c1 dl.lxr dd .sel{ width:80px; outline:none; height:32px; float:left; line-height:32px;border:1px solid #f2f2f2; box-sizing:border-box; }

.kaipiao_qh{ display:none;}
.kp_xz{ width:100%; height:auto; float:left; padding-left:190px; box-sizing:border-box; margin-bottom:15px;}
.kp_xz p{ width:160px; float:left;}

.kp_xz1{ width:200px; height:34px; margin:0 auto;}
.kp_xz1 a{ width:90px; height:34px; line-height:30px; margin:0 5px; float:left; border:1px solid #f2f2f2; text-align:center; font-size:16px; box-sizing:border-box;}
.kp_xz1 a.cur{ background:#76bd21; color:#fff; border:1px solid #76bd21;}
.kp_xz_div{ width:100%; height:auto; float:left; margin:25px 0; display:none;}

.hkxx_div { width:60%; height:auto; float:left; margin:20px 0; background:#f8f8f8; padding:20px; box-sizing:border-box; font-size:16px;  line-height:30px;}

.fktp{ width:300px; height:200px; float:left; margin-left:270px;}
.files{ width:300px; height:180px; float:left; background:url(../image/mg_zzc_fktp.png) center center no-repeat; background-size:300px 180px; display:block; position:relative;}
.file_aa{opacity: 0;position: absolute; width: 280px;height: 190px;left: 0;top: 0;z-index: 0;cursor: pointer;}

.fxgzs_div { width:100%; height:auto; float:left; padding:30px 20px 10px 20px  ; box-sizing:border-box; font-size:16px; line-height:26px;}
.fxgzs_xz { width:16px; height:16px; float:left; margin-right:5px; margin-top:5px;}
.fxgzs_div a { color:#76bd21}

#alertcon { background:#2e9007;opacity:0; width:280px; top:0; position:fixed; line-height:24px; padding:10px 10px; left:calc(50% - 150px); color:#fff; text-align:center; font-size:14px; border-radius:10px;animation: myshowdivalert 4s;}
#alertwebred { background:#d71b02;opacity:0; width:280px; top:0; position:fixed; line-height:24px; padding:10px 10px; left:calc(50% - 150px); color:#fff; text-align:center; font-size:14px; border-radius:10px;animation: myshowdivalert 4s;}
@keyframes myshowdivalert
{
0%{ opacity:0.05;} 
15%{ opacity:1;}
85% {opacity:1;}
100% {opacity:0;}
} 
