/*clearfix
#base div:after,#base ul:after{display:block; content:""; clear:both; visibility:hidden; height:0;}*/

#event-3 #arena-mode .play-img::after,
.arena-title div.battle::after,
.arena-title div.date::after{display:block; content:""; clear:both; visibility:hidden; height:0;}

ul.circle > li,ul.dash > li{position:relative; padding-left:20px;}
ul.circle > li::before,ul.dash > li::before{display:block; position:absolute; top:0; left:0;}
ul.circle > li::before{content:"●";}
ul.dash > li::before{content:"―";}

ul.circle.indent{font-size:15px; font-weight:bold;}
ul.circle.indent > li + li{margin-top:10px;}

ul.dash{color:#000; margin-top:5px; font-size:12px; font-weight:normal}

@media screen and (max-width:640px){
ul.circle.indent{font-size:13px;}
ul.dash{font-size:11px;}}

dl.item-txt{display:flex; flex-wrap:wrap; border:1px solid #903a00; border-top:none; background:#ffe9da;}
dl.item-txt > *{padding:5px; border-top:1px solid #903a00;}
dl.item-txt dt{width:160px; color:#351500; background:#ff9f5f; font-weight:bold; border-right:1px solid #903a00;}
dl.item-txt dd{width:calc(100% - 160px);}
dl.item-txt dd img{display:inline-block; width:40%; max-width:162px; margin:10px 0; border:1px solid #333;}
@media screen and (max-width:600px){
dl.item-txt dt{border-right:none;}
dl.item-txt > *{width:100% !important;}
dl.item-txt dd img{display:block; margin:10px auto;}}

/*
================================================================================================================
追加
================================================================================================================
*/
#chat-link{
display:block;
color:#fff;
background:#ff8a00;
text-shadow:1px 1px 1px rgba(0,0,0,.5) , 2px 2px 5px rgba(0,0,0,.3);
font-family:'Noto Sans JP', sans-serif;
font-weight:700;
text-align:center;
padding:8px 0;
margin:20px auto 0;}
#chat-link br{display:none;}

@media screen and (max-width:640px){#chat-link{font-size:15px;}}
@media screen and (max-width:480px){
#chat-link{font-size:13px; padding:5px 0;}
#chat-link br{display:block;}}

/*
================================================================================================================
ARENA MODE
================================================================================================================
*/
#event-3{color:#fff; background-color:#333; font-family:'Noto Sans JP', sans-serif; padding:0 0 20px 0;}

#event-3 #top-img{
width:100%;
background-image:url(../../images/event/arena_mode/top.jpg);
background-repeat:no-repeat;
background-position:top center;
background-size:100% auto;
text-align:center;
margin:0 auto;}
#event-3 #top-img img{width:100%; max-width:980px;}
#event-3 #top-img strong{font-weight:bold;}
#event-3 #top-img strong br.br-sp{display:none;}

/*スクリーンショット*/
#event-3 .flex{display:flex; text-align:center; justify-content:space-between; flex-wrap:wrap; margin:10px auto;}
#event-3 .flex p{width:calc(50% - 5px); margin:5px 0;}
#event-3 .flex p:nth-child(even){margin-left:5px;}
#event-3 .flex p img{width:100%;}
#event-3 .flex.top{width:96%;}
#event-3 .flex.top p{border:1px solid #666;}
@media screen and (max-width:480px){
#event-3 .flex:not(.top) p{width:100%; margin:5px 0;}
#event-3 .flex:not(.top) p:nth-child(even){margin-left:0;}}

/*トグルボタン*/
#event-3 #arena-point-title,
#event-3 #arena-new-title{
width:96%;
color:#fff;
font-size:18px;
font-weight:bold;
text-align:center;
text-shadow:0px 0px 6px #000000;
margin:30px auto 0;
padding:7px;
border-radius:10px;}
#event-3 #arena-point-title:hover{cursor:pointer;}
.dani span:before{content: "▼"; padding-right:10px;}
.dani span:after{content: "▼"; padding-left:10px;}
.dani-open span:before{content: "▲"; padding-right:10px;}
.dani-open span:after{content: "▲"; padding-left:10px;}

/*詳細共通*/
#event-3 #arena-rule,
#event-3 #arena-point,
#event-3 #arena-new{
width:96%;
text-align:center;
border-radius:10px;
padding:20px;}

#event-3 .point{width:100%; text-align:left; border-radius:10px;}

#event-3 .title-txt{
display:block;
width:100%;
color:#fff;
font-size:16px;
font-weight:bold;
border-radius:10px;
text-shadow:0px 0px 6px #000000;
padding:5px 20px;
margin-bottom:10px;}
#arena-new .title-txt{margin:20px auto 0 !important;}
#arena-new .title-txt:nth-child(1){margin:0 auto !important;}
#arena-new .item-img{margin:15px auto;}

/*基本ルール*/
#event-3 #arena-rule{background-color:#ffeaef; border:3px solid #ff7f9a; margin:0 auto;}
#event-3 #arena-rule .point{
color:#e2003d;
font-size:15px;
font-weight:bold;
margin:0 auto;}
#event-3 #arena-rule .point .title-txt{background:linear-gradient(to bottom, #ff8181 0%,#ff7e7e 50%,#ff2125 51%,#ff90c1 100%);}
#event-3 #arena-rule .point p{color:#000; font-size:13px; font-weight:normal!important; padding:0 0 0 30px !important;}

/*ポイント*/
#event-3 #arena-point{display:none; background-color:#ead9ff; border:3px solid #995ce2; margin:10px auto 0;}
#event-3 #arena-point .point{
display:flex;
color:#350071;
background-color:#dcbfff;
font-size:14px;
flex-wrap:wrap;
padding:20px;
margin:0 auto 20px;}
#event-3 #arena-point .point:last-child{margin:0 auto;}
#event-3 #arena-point-title,
#event-3 #arena-point .point .title-txt{background:linear-gradient(to bottom, #985ee2 0%,#985be2 50%,#7d3fcb 51%,#8e4bdb 100%);}
#event-3 #arena-point .point .title-txt{width:100%;}
#event-3 #arena-point .point .title-txt br.br-sp{display:none;}

#event-3 #arena-point .point .item-img{width:220px; text-align:center;}
#event-3 #arena-point .point .item-txt{width:clac(100% - 220px);}

#event-3 #arena-point .wide .item-img,
#event-3 #arena-point .wide .item-txt{width:100% !important;}
#event-3 #arena-point .wide .item-img{text-align:center; margin-bottom:20px;}
#event-3 #arena-point .wide .item-img img{width:100%; max-width:480px;}

/*新要素*/
#event-3 #arena-new{background-color:#ffe6cf; border:3px solid #ff9e3e; margin:10px auto 0;}
#event-3 #arena-new .point{
width:100%;
color:#d65600;
background-color:#ffd8b4;
font-size:14px;
padding:20px;
margin:0 auto 20px;}
#event-3 #arena-new .point:last-child{margin:0 auto;}
#event-3 #arena-new-title,
#event-3 #arena-new .point .title-txt{background:linear-gradient(to bottom, #ff7f00 0%,#ff9125 50%,#ff7122 51%,#ff867d 100%);}
#event-3 #arena-new .point .item-img{width:100%; text-align:center; margin:20px auto;}
#event-3 #arena-new .point .item-img + .item-img{margin-top:0;}
#event-3 #arena-new .point .item-img img{width:100%; max-width:800px;}

#event-3 #ver{
display:block;
width:100%;
text-align:center;
font-size:12px;
margin:30px 0 0 0;}

@media screen and (max-width:980px){
#event-3 #arena-point .point{font-size:13px !important;}
#event-3 #arena-point .point .item-img{width:100% !important;}
#event-3 #arena-point .point .item-txt{width:100% !important; text-align:center !important; margin-top:20px;}
#event-3 #arena-point .wide .item-img{margin-bottom:0;}}
@media screen and (max-width:640px){
#event-3 #top-img strong br.br-sp{display:block;}
#event-3 #arena-rule,#event-3 #arena-point,#event-3 #arena-new{padding:15px;}
#event-3 #arena-rule .point{font-size:13px; padding:10px;}
#event-3 #arena-rule .point p{font-size:13px; padding:0 !important;}
#event-3 #arena-point .point,#event-3 #arena-new .point{font-size:13px; padding:10px; margin:0 auto 10px;}
#event-3 #arena-point .point .title-txt{margin-bottom:10px;}
#event-3 #arena-point .point .item-txt{width:90% !important; text-align:left !important; margin:20px auto 0;}
#event-3 #ver{text-align:left; padding:0 20px;}}
@media screen and (max-width:480px){
#event-3 #arena-rule,#event-3 #arena-point,#event-3 #arena-new,
#event-3 #arena-point .point, #event-3 #arena-new .point{padding:5px;}
#event-3 #top-img strong{font-size:12px;}
#event-3 #arena-point .point .title-txt br.br-sp{display:block;}
#event-3 #arena-point .point .item-txt{width:96% !important; margin:20px auto 10px;}
#event-3 .title-txt{font-size:14px !important; padding:5px !important;}
#event-3 .item-txt,#event-3 #arena-point .point, #event-3 #arena-new .point{font-size:12px !important;}}
@media screen and (max-width:360px){
#event-3 .title-txt{font-size:12px !important;}}

#event-3 .title-txt.toggle{position:relative; cursor:pointer; margin-bottom:0 !important;}
#event-3 .title-txt.toggle::before{display:block; content:"▼"; position:absolute; top:6px; right:10px;}
#event-3 .title-txt.toggle.open::before{content:"▲";}
#event-3 .toggle-inner{display:none; padding-top:20px;}

/*
================================================================================================================
DJデータ
================================================================================================================
*/
#djdata-arena{}
#djdata-arena #play-menu ul{margin:0 auto 10px !important;}

/*タイトル*/
.arena-sub{
display:block;
width:100%;
color:#ff00c6;
font-size:20px;
font-family:'M PLUS 1', sans-serif;
text-align:center;
padding-bottom:10px;
margin:50px auto 0;}
.arena-sub::after{
display:block;
content:"";
width:100%;
height:4px;
border-radius:2px;
background:#ff00c6;
margin-top:7px;}

.sp-tab .arena-sub{color:#00c2c5;}
.dp-tab .arena-sub{color:#a87300;}
.sp-tab .arena-sub::after{background:#00c2c5;}
.dp-tab .arena-sub::after{background:#a87300;}

.play-tab{border-radius:10px; padding:20px 10px; margin:20px auto 0;}
.play-tab.sp-tab{background-color:rgba(90,244,254,0.1); border:2px solid #00c2c5;}
.play-tab.dp-tab{background-color:rgba(255,228,81,0.1); border:2px solid #a87300;}
.play-tab > .arena-sub:first-child{margin:0 auto;}

.arena-title{
display:block;
width:100%;
color:#222;
padding:3px 10px;
margin:10px auto 0;}
.arena-title:after{visibility:hidden; display:block; content: " "; clear:both; height:0;}
.arena-title div.battle{float:left; font-size:14px; font-family:'M PLUS 1', sans-serif;}
.arena-title div.date{float:right; font-size:12px; padding-top:2px;}
.local{background-color:#b7f37d;}
.online{background-color:#f2ad4a; margin-top:30px;}

/*
=========================
ステータス
=========================
.arena-status{margin:20px auto 30px;}
.arena-status table{font-size:13px; text-align:center;}
.arena-status table td{color:#000; background-color:#fff; text-align:center; border:1px solid #111; padding:5px;}
.arena-status table td.head{color:#fff; background-color:#555; font-weight:bold; font-size:14px;}
.arena-status table td.rank{color:#fff; background-color:#777; font-weight:bold; font-size:14px;}
.arena-status table td br{display:none;}
.arena-status table td a{color:#0066cc; font-weight:bold;}
.arena-status table td a:hover{text-decoration:underline;}
*/
.arena-status{border:1px solid; margin:10px auto 0;}
.arena-status ul{display:flex; width:100%; background:#fff;}
.arena-status ul li{display:flex; align-items:center; justify-content:center;}
.arena-status ul li + li{border-left:1px solid;}
.arena-status ul li p{padding:5px;}

.arena-status ul li.head{background:#555; color:#fff; font-weight:bold; font-size:13px;}
.arena-status ul li.head span{font-size:11px; font-weight:normal;}

.arena-status > ul > li:nth-child(1){width:180px;}
.arena-status > ul > li:nth-child(2){width:calc(100% - 180px);}
.arena-status > ul + ul{border-top:1px solid;}

.arena-status > ul > li > ul li{width:25%; flex-direction:column;}
.arena-status > ul > li > ul li p{width:100%;}
.arena-status > ul > li > ul li p:nth-child(1){background:#eee; border-bottom:1px solid;}

@media screen and (max-width:600px){
.arena-status > ul{flex-direction:column;}
.arena-status > ul > li{width:100% !important;}
.arena-status > ul > li + li{border-left:none; border-top:1px solid;}
.arena-status ul li.head br{display:none;}
.arena-status ul li.head span{display:inline-block; margin-left:5px;}}

/*
=========================
対戦履歴
=========================
*/
.arena-battle{margin:10px auto 30px;}
.arena-battle table{font-size:13px; text-align:center;}
.arena-battle table tr{border:1px solid #111;}
.arena-battle table th{color:#fff; background-color:#555; font-weight:bold; border:1px solid #111; padding:5px; font-size:11px; text-align:center;}
.arena-battle table td{color:#000; text-align:center; border:1px solid #111; padding:5px;}
.arena-battle table td:first-child,
.arena-battle table td:nth-child(2){border:none !important;}
.arena-battle table td a{color:#0066cc; font-weight:bold;}
.arena-battle table td a:hover{text-decoration:underline;}

.arena-battle table tr:nth-child(even){background-color:#fff;}
.arena-battle table tr:nth-child(odd){background-color:#ddd;}

.arena-battle table td:nth-child(2) img{width:80px; padding:0;}

.arena-battle table span{display:inline;}
.arena-battle table br{display:none;}

/*
=========================
アリーナキューブ
=========================
*/
.arena-cube{margin:10px auto;}
.arena-cube table{font-size:13px; text-align:center;}
.arena-cube table th{color:#fff; background-color:#555; font-weight:bold; border:1px solid #111; padding:5px 0; font-size:13px; text-align:center;}
.arena-cube table th:nth-child(1){width:calc(100% - 320px);}
.arena-cube table th:nth-child(2),
.arena-cube table th:nth-child(3){width:160px;}

.cube{display:flex; width:100%; border:1px solid;}
.cube li{padding:10px 0;}
.cube li p span{font-size:11px;}
@media screen and (min-width:641px){
.cube{align-ites:center; justify-content:space-between; border-top:none;}
.cube li{display:flex; align-items:center; justify-content:center;}
.cube li + li{border-left:1px solid;}
.cube li:nth-child(1){width:calc(100% - 320px);}
.cube li:nth-child(2),
.cube li:nth-child(3){width:160px;}}
@media screen and (max-width:640px){
.arena-cube table{display:none;}
.cube{flex-direction:column; padding:5px; border-radius:5px;}
.cube li{position:relative; width:100% !important; text-align:right; padding:10px;}
.cube li:nth-child(1){border-bottom:1px solid; text-align:center;}
.cube li:nth-child(2){border-bottom:1px dotted #666;}
.cube li:nth-child(2)::before,
.cube li:nth-child(3)::before{display:block; position:absolute; top:10px; left:10px; font-size:12px; font-size:11px;}
.cube li:nth-child(2)::before{content:"獲得キューブ数";}
.cube li:nth-child(3)::before{content:"ストックボーナス数";}
.cube + .cube{margin-top:10px}}
@media screen and (max-width:480px){.cube li{padding:5px;}}

/*
.arena-cube table td{color:#000; background-color:#fff; text-align:center; border:1px solid #111; padding:5px;}
.arena-cube table td a{color:#0066cc; font-weight:bold;}
.arena-cube table td a:hover{text-decoration:underline;}
*/

p.notice{font-size:12px; margin-top:10px; text-align:center;}

@media screen and (max-width:980px){
.arena-battle table span{display:none;}
.arena-battle table br{display:block;}
.arena-battle table th:nth-child(2){min-width:30px;}}

@media screen and (max-width:799px){
.arena-status table td.head{font-size:12px;}
.arena-status table td.rank{font-size:12px;}
.arena-battle table th{font-size:11px;} 

.arena-sub{font-size:14px; padding-bottom:5px; margin:30px auto 0 auto;}
.arena-battle table span{display:none;}
.arena-battle table br{display:block;}
.arena-battle table td:nth-child(2) img{width:60px;}
.arena-status table td br{display:block;}}

@media screen and (max-width:680px){
.arena-battle{overflow-x:scroll; overflow-y:hidden;}
.arena-battle table th,
.arena-battle table td{white-space:nowrap;}}

@media screen and (max-width:480px){
.arena-status table{font-size:12px;}}

/*
=========================
グラフ
=========================
*/
.graph{
width:100%;
max-width:480px;
background-color:#000;
padding:20px 10px 10px;
margin:20px auto 0;}

.graph > .inner{display:flex;}
.graph > .inner p{width:calc(100% / 6); text-align:center;}

.graph > .inner:first-child{
width:100%;
height:212px;
background-image:url(../../images/event/arena_mode/bg.png);
background-repeat:repeat-x;
background-position:bottom;
justify-content:space-evenly;
align-items:baseline;
border-bottom:2px solid #9a9a9a;}
.graph > .inner:first-child > p{max-width:24px; height:0; margin:0 auto;}

.graph > .inner:nth-child(2) p,
.graph > .disp-sp p{
color:#fff;
word-break:normal;
font-size:11px;
font-weight:400;
font-family:'Teko', sans-serif;
transform:scaleY(0.7);}

.graph > .disp-sp{display:none;}

/*NODATA*/
.graph > .inner.nodata{align-items:center !important; justify-content:center !important;}
.graph > .inner.nodata > strong{
color:#f00;
font-size:26px;
text-shadow:1px 1px 0 #000 , -1px -1px 0 #000 , -1px 1px 0 #000 ,1px -1px 0 #000;}

/*高さ用class*/
.height05{height:35px !important;}
.height04{height:70px !important;}
.height03{height:105px !important;}
.height02{height:140px !important;}
.height01{height:175px !important;}
.height00{height:210px !important;}

@media screen and (max-width:420px){
.graph > .inner:nth-child(2){height:10px; margin-bottom:5px;}
.graph > .inner:nth-child(2) > p{margin-right:calc(100% / 6);}
.graph > .inner:nth-child(2) > p:nth-child(even){display:none;}
.graph > .inner:nth-child(2) > p.scratch{min-width:55px !important;}

.graph > .disp-sp{display:flex; width:100%; height:10px;}
.graph > .disp-sp > p{width:calc(100% / 6); margin-left:calc(100% / 6);}
.graph > .disp-sp > p.charge{min-width:48px !important;}
.graph > .disp-sp > p.soflan{min-width:55px !important;}}

@media screen and (max-width:350px){
.graph > .inner:nth-child(2) > p.peak,
.graph > .inner:nth-child(2) > p.scratch{margin-right:calc((100% / 6) - 10px);}
.graph > .disp-sp > p.soflan{margin-left:calc((100% / 6) - 20px);}}

/*
=========================
WINLOSE
=========================
*/
/*タブ切替*/
.music-menu ul{display:flex; width:100%; margin:10px auto;}
.music-menu ul li{
width:48%;
color:#fff;
background:linear-gradient(to bottom, rgba(51,51,51,0.7) 0%,rgba(0,0,0,0.8) 100%);
font-size:16px;
font-weight:bold;
text-align:center;
text-shadow:1px 1px 2px rgba(0,0,0,0.5);
border-radius:5px;
border:1px solid #000;
padding:5px 0;}
.music-menu li:first-child{margin-right:2%;}
.music-menu li:last-child{margin-left:2%;}
.music-menu li:hover{cursor:pointer;}

/*blue*/
.sp-tab .music-menu ul li:hover,
.sp-tab .music-menu ul li.tab-select{
background:linear-gradient(to bottom, #0cc0ff 0%,#65fcfe 100%);
border:1px solid #006ba2;}

/*yellow*/
.dp-tab .music-menu ul li:hover,
.dp-tab .music-menu ul li.tab-select{
background:linear-gradient(to bottom, #ffb502 0%,#ffe858 100%);
border:1px solid #a87300;}

@media screen and (max-width:640px){
.music-menu ul{margin:20px auto 10px;}
.music-menu ul li{font-size:14px;}}

@media screen and (max-width:480px){
.music-menu ul li{padding:10px 0;}}

/*テーブル装飾*/
.win-lose table th:first-child{width:50px;}
.win-lose table th:nth-child(2){width:calc(100% - 150px);}
.win-lose table th:last-child{width:100px;}
.win-lose table th{color:#fff; background-color:#555; font-weight:bold; border:1px solid #111; padding:5px; font-size:11px; text-align:center;}
.win-lose table td{font-size:12px; color:#000; background-color:#fff; border:1px solid #111; text-align:center; padding:5px;}
.win-lose table a{display:block; color:#0066cc; padding:10px 5px;}
.win-lose table a:hover{text-decoration:underline; background-color:#e6ecef;}

@media screen and (max-width:799px){
.win-lose table td:nth-child(2){text-align:left;}}

/*
=========================
チャットコメント
=========================
*/
#chat-link{border-radius:10px; padding:10px; border:1px solid #000;}
#chat-link a{display:block; color:#fff;}

#chat-edit{
width:100%;
margin:10px auto 0;
/*background-color:#fff;
border:1px solid #000;
margin:20px auto 0;
padding:20px 0;*/
text-align:center;}
#chat-edit strong{
display:block;
font-size:15px;
font-weight:bold;
text-align:center;
margin:0 auto 20px;}
#chat-edit p{
display:block;
font-size:13px;
text-align:left;
padding:20px 20px 0;}
#chat-edit form{
width:100%;
max-width:480px;
border:1px solid #000;
background-color:#fff;
border-radius:10px;
margin:0 auto;
text-align:center;}
#chat-edit form + form{margin-top:10px;}
#chat-edit form .text-title{
width:90%;
background-color:#ff8a00;
color:#fff;
font-size:15px;
font-family:'M PLUS 1', sans-serif;
border-radius:5px;
margin:10px auto;
padding:5px 0;}
#chat-edit form input[type="text"],
#chat-edit form select{width:90%; margin:0 auto;}
#chat-edit form .submit_btn{width:160px !important; padding:5px !important; margin:10px auto;}

#chat-edit .bar{width:100%; height:2px; border-radius:2px; background:#ff00c6; margin:20px auto;}
#chat-edit ul.ast{max-width:480px; text-align:left; margin:20px auto 0;}

@media screen and (max-width:600px){
#chat-edit p{font-size:12px;}
#chat-edit form{width:96%;}}
@media screen and (max-width:480px){
#chat-edit strong{font-size:14px; text-align:left; padding:0 20px;}
#chat-edit form .text-title{font-size:13px;}}

#chat-edit .inner{display:flex; width:100%; color:#000; padding:0 20px; margin:20px auto; justify-content:space-between;}
#chat-edit .inner > *{
display:block;
float:none;
width:calc(50% - 10px);
background:#ccc;
border-radius:10px;
padding:10px 10px 10px 40px;
margin:0;}

.input-radio label:before{top:calc(50% - 9px); left:10px;}
.input-radio label:after{top:calc(50% - 5px); left:14px;}

/*
================================================================================================================
ノーツ色
================================================================================================================
*/
.graph > .inner:first-child > p.notes{background-color:#ff40eb;}
.graph > .inner:first-child > p.chord{background-color:#85e100;}
.graph > .inner:first-child > p.peak{background-color:#ff6c00;}
.graph > .inner:first-child > p.charge{background-color:#8957dd;}
.graph > .inner:first-child > p.scratch{background-color:#dd0000;}
.graph > .inner:first-child > p.soflan{background-color:#0086e5;}

.graph p.notes{text-shadow:1px 1px 0 #ff40eb , -1px -1px 0 #ff40eb , -1px 1px 0 #ff40eb ,1px -1px 0 #ff40eb;}
.graph p.chord{text-shadow:1px 1px 0 #62a600 , -1px -1px 0 #62a600 , -1px 1px 0 #62a600 ,1px -1px 0 #62a600;}
.graph p.peak{text-shadow:1px 1px 0 #ff6c00 , -1px -1px 0 #ff6c00 , -1px 1px 0 #ff6c00 ,1px -1px 0 #ff6c00;}
.graph p.charge{text-shadow:1px 1px 0 #8957dd , -1px -1px 0 #8957dd , -1px 1px 0 #8957dd ,1px -1px 0 #8957dd;}
.graph p.scratch{text-shadow:1px 1px 0 #dd0000 , -1px -1px 0 #dd0000 , -1px 1px 0 #dd0000 ,1px -1px 0 #dd0000;}
.graph p.soflan{text-shadow:1px 1px 0 #0086e5 , -1px -1px 0 #0086e5 , -1px 1px 0 #0086e5 ,1px -1px 0 #0086e5;}