/*トップ画像包括設定*/
.im-wrapper{
width:100%;
height:100%;
border:0px solid #ff0000;
background-color:#fff;
position: relative 
}
/*トップ画像横制御設定*/
ul.im-wrapper1{
width:960px;
height:250px;
margin:0 auto ;
padding:0px;
list-style:none;
border:0px solid #333;
display:flex;
align-items:center;
justify-content:center;
position: relative;
}
ul.im-wrapper1 li{
width:25%;
height:250px;
margin:0px;
border:0px solid #00ff00;
display:flex;
align-items:center;
justify-content:center;
}
/*トップ画像横制御設定*/
ul.im-wrapper2{

width:960px;
height:250px;
margin:-250px auto 0 auto ;
padding:0px;
list-style:none;
border:0px solid #333;
display:flex;
align-items:center;
justify-content:center;
position: relative;
}
ul.im-wrapper2 li{
width:25%;
height:250px;
margin:0px;
border:0px solid #00ff00;
display:flex;
align-items:center;
justify-content:center;
}
/*トップ画像中央ロゴ設定*/
.im-centerlogo{
position:absolute;
width:960px;
height:100%;
border:0px solid #0000ff;
display:block;
top:0;
left:0;
z-index:10;
}
/*トップ画像中央ロゴアニメ設定中心点は中央・上*/
.appear {
 transform-origin:center top;
 animation:
show 4s ease 0s both;
}
/*遅延設定*/
span.appear {display:inline-block;}
.d1 {animation-delay:0.3s;}
.d2 {animation-delay:0.6s;}
.d3 {animation-delay:0.9s;}
.d4 {animation-delay:1.2s;}
/*下から画像が出てくる・移動と透明度設定*/
@keyframes show {
0% {
transform:translate(0,2em);
opacity:0;
}
10% {
transform:translate(0,0);
opacity:1;
}
90% {
transform:translate(0,0);
opacity:1;
transform: rotateY( 0deg ) ;
}
100% {
transform:translate(0,0);
opacity:0.1;
transform: rotateY( 360deg ) ;
}
}

/*トップ画像中央ロゴアニメ設定中心点は中央・上*/
.appear1 {
 transform-origin:center top;
 animation:
show1 3s ease 0s both;
}
/*遅延設定*/
span.appear {display:inline-block;}
.d5 {animation-delay:4.2s;}
.d6 {animation-delay:4.5s;}
.d7 {animation-delay:4.8s;}
.d8 {animation-delay:5.1s;}
/*下から画像が出てくる・移動と透明度設定*/
@keyframes show1 {
0% {
transform:translate(0,2em);
opacity:0;
}
10% {
transform:translate(0,0);
opacity:1;
}
90% {
transform:translate(0,0);
opacity:1;
transform: rotateY( 0deg ) ;
}
100% {
transform:translate(0,0);
opacity:0.1;
transform: rotateY( 360deg ) ;
}
}
/*各分野見出し設定*/
p.gai-you0 {
padding: 0.25em 0.5em;/*上下 左右の余白*/
color: #494949;/*文字色*/
background: transparent;/*背景透明に*/
border-left: solid 5px #ddcee3;/*左線*/
}
p.hon-bun0{
width:550px;
margin:0 auto 10px auto;
padding:10px 20px;
background-color:rgba(128,0,128,0.1);
}
p.gai-you {
padding: 0.25em 0.5em;/*上下 左右の余白*/
color: #494949;/*文字色*/
background: transparent;/*背景透明に*/
border-left: solid 5px #e0c7c2;/*左線*/
}
p.hon-bun{
width:550px;
margin:0 auto 10px auto;
padding:10px 20px;
background-color:rgba(255,0,0,0.1);
}
p.gai-you1 {
padding: 0.25em 0.5em;/*上下 左右の余白*/
color: #494949;/*文字色*/
background: transparent;/*背景透明に*/
border-left: solid 5px #bbd3bb;/*左線*/
}
p.hon-bun1{
width:550px;
margin:0 auto 10px auto;
padding:10px 20px;
background-color:rgba(0,255,0,0.1);
}
p.gai-you2 {
padding: 0.25em 0.5em;/*上下 左右の余白*/
color: #494949;/*文字色*/
background: transparent;/*背景透明に*/
border-left: solid 5px #dadfb7;/*左線*/
}
p.hon-bun2{
width:550px;
margin:0 auto 10px auto;
padding:10px 20px;
background-color:rgba(0,185,10,0.1);
}
/*設定*/
ul.te-name{
width:500px;
margin:0 auto 10px auto;
padding:10px;
list-style:none;
border:1px solid #333;
box-shadow: 10px 10px 15px -10px;
}
ul.te-name li{
height:30px;
margin:0px 0 5px 0;
border:0px solid #00ff00;
}

ul.si-name{
list-style:none;
display:flex;
align-items:center;
justify-content:space-between;
}
ul.ke-name{
margin:0;
padding:0;
list-style:none;
height:100%;
}
ul.ke-name li{
height:20px;
}
.ke-wrapper{
width:450px;
margin:0 auto 15px auto;
padding:10px;
background-color:#f5deb3;
box-shadow: 10px 10px 15px -10px;
}
/*各専攻メニュー設定*/
.se-menu-wrapper{
width:960px;
height:50px;
font-size:28px;
border:0px solid #ff0000;
font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
ul.se-menu{
width:960px;
list-style:none;
display:flex;
align-items:center;
justify-content:center;

}
ul.se-menu li{
width:20%;
height:50px;
border:0px solid #00ff00;
text-align: center;
font-size: 24px;
}
ul.se-menu li a{
width:100%;
height:50px;
text-decoration:none;
display:block;
display:flex;
align-items:center;
justify-content:center;
}

/*introページタイトル*/
.page-title h2{
font-size: 30px;
}



/*introメニューバー設定*/
li.intro a{
background-color:#a3c5cc;

}
li.intro:hover a{
color:#fff;
background-color:#0d6a7f;
transition:all 0.3s ease 0s;
}


/*intro-dept*/
p.intro-dept{
line-height: 20px;
}
p.intro-dept h{
font-size: 15px;
font-weight: bold;
}

ol.intro-dept li{
line-height: 20px;
}

ul.intro-dept{
 list-style-type: none; /* デフォルトの点を消す */
 padding-left: 0;
}

ul.intro-dept li{
 line-height: 20px;
 margin-left: 20px;
}

ul.intro-dept li::before {
  content: '-'; /* オリジナルのマーク（文字やアイコン） */
  /*color: #ff0000;  色の指定 */
  display: inline-block;
  width: 1em; /* マーカーの幅を確保 */
  margin-left: -1em; /* マーカーをリストの外側へ配置 */
}


/*看護メニューバー設定*/
li.kango-gaku a{
background-color:#ddcee3;
}
li.kango-gaku:hover a{
color:#fff;
background-color:#ba50e4;
transition:all 0.3s ease 0s;
}
/*理学メニューバー設定*/
li.ri-gaku a{
background-color:#e0c7c2;
}
li.ri-gaku:hover a{
color:#fff;
background-color:#e2583c;
transition:all 0.3s ease 0s;
}
/*作業メニューバー設定*/
li.sagyou-gaku a{
background-color:#bbd3bb;
}
li.sagyou-gaku:hover a{
color:#fff;
background-color:#3fd83f;
transition:all 0.3s ease 0s;
}
/*保健科学メニューバー設定*/
li.hoken-gaku a{
background-color:#dadfb7;
}
li.hoken-gaku:hover a{
color:#fff;
background-color:#cee33e;
transition:all 0.3s ease 0s;
}

/*stroke線の色を指定する
stroke-width線の太さを指定する
stroke-dasharray線の間隔を指定する
stroke-dashoffset線の位置を指定する
animationアニメーションさせる要素、スピード、タイミングを指定する*/
.svg-wrapper{
width:530px;
height:90px;
border:0px solid #00ff00;
}
.svg-wrapper svg{
margin:0 auto;
}


/*ロゴパス螺旋設定*/
#c2_2_,
#c1_2_,
#c2_1_,
#c1_1_,
#c2,
#c1
{
stroke:#0B85C7;
fill:#0B85C7;
stroke-width:1px;
stroke-dasharray: 1500;
stroke-dashoffset:1000;
animation: rasen 3s ease-in 0s alternate forwards;
-webkit-animation:rasen 3s ease-in 0s forwards;
-o-animation:rasen 3s ease-in 0s forwards;
animation:rasen 3s ease-in 0s forwards;
}
@keyframes rasen{
0%{
stroke-dashoffset:1000;
fill:transparent;
}
80%{
stroke-dashoffset:0;
fill:transparent;
}
100%{
fill:#0B85C7;
stroke-width:6px;
}
}
@-webkit-keyframes rasen{
0%{
stroke-dashoffset:1000;
fill:transparent;
}
80%{
stroke-dashoffset:0;
fill:transparent;
}
100%{fill:#0B85C7;}
}
@-o-keyframes rasen{
0%{
stroke-dashoffset:1000;
fill:transparent;
}
80%{
stroke-dashoffset:0;
fill:transparent;
}
100%{fill:#0B85C7;}
}
/*土台右パス設定*/
#b1,
#a1{
stroke:#85841C;
fill:#E3E22F;
stroke-width:1px;
stroke-dasharray: 1000;
stroke-dashoffset:1000;
animation: dodai 3s ease-in 0s alternate forwards;
-webkit-animation:dodai 3s ease-in 0s forwards;
-o-animation:dodai 3s ease-in 0s forwards;
animation:dodai 3s ease-in 0s forwards;
}
@keyframes dodai{
0%{
stroke-dashoffset:1000;
fill:transparent;
}
80%{
stroke-dashoffset:0;
fill:transparent;
}
100%{
fill:#E3E22F;
}
}
@-webkit-keyframes dodai{
0%{
stroke-dashoffset:1000;
fill:transparent;
}
80%{
stroke-dashoffset:0;
fill:transparent;
}
100%{fill:#E3E22F;}
}
@-o-keyframes dodai{
0%{
stroke-dashoffset:1000;
fill:transparent;
}
80%{
stroke-dashoffset:0;
fill:transparent;
}
100%{fill:#E3E22F;}
}
/*土台中パス設定*/
#b1_1_,
#a1_1_{
stroke:#9B6213;
fill:#F89C1D;
stroke-width:1px;
stroke-dasharray: 1000;
stroke-dashoffset:1000;
animation: dodai1 3s ease-in 0s alternate forwards;
-webkit-animation:dodai1 3s ease-in 0s forwards;
-o-animation:dodai1 3s ease-in 0s forwards;
animation:dodai1 3s ease-in 0s forwards;
}
@keyframes dodai1{
0%{
stroke-dashoffset:1000;
fill:transparent;
}
80%{
stroke-dashoffset:0;
fill:transparent;
}
100%{
fill:#F89C1D;
}
}
@-webkit-keyframes dodai1{
0%{
stroke-dashoffset:1000;
fill:transparent;
}
80%{
stroke-dashoffset:0;
fill:transparent;
}
100%{fill:#F89C1D;}
}
@-o-keyframes dodai1{
0%{
stroke-dashoffset:1000;
fill:transparent;
}
80%{
stroke-dashoffset:0;
fill:transparent;
}
100%{fill:#F89C1D;}
}
/*土台左パス設定*/
#b1_2_,
#a1_2_{
stroke:#41828E;
fill:#69D0E3;
stroke-width:1px;
stroke-dasharray: 1000;
stroke-dashoffset:1000;
animation: dodai2 3s ease-in 0s alternate forwards;
-webkit-animation:dodai2 3s ease-in 0s forwards;
-o-animation:dodai2 3s ease-in 0s forwards;
animation:dodai2 3s ease-in 0s forwards;
}
@keyframes dodai2{
0%{
stroke-dashoffset:1000;
fill:transparent;
}
80%{
stroke-dashoffset:0;
fill:transparent;
}
100%{
fill:#69D0E3;
}
}
@-webkit-keyframes dodai2{
0%{
stroke-dashoffset:1000;
fill:transparent;
}
80%{
stroke-dashoffset:0;
fill:transparent;
}
100%{fill:#69D0E3;}
}
@-o-keyframes dodai2{
0%{
stroke-dashoffset:1000;
fill:transparent;
}
80%{
stroke-dashoffset:0;
fill:transparent;
}
100%{fill:#69D0E3;}
}
/*医療科学専攻パス設定*/
#mt2-pass,#mt2-pass1
{
stroke:#191970;
fill:#4169e1;
stroke-width:1px;
stroke-dasharray: 1000;
stroke-dashoffset:1000;
animation: line2 3s ease-in 0s alternate forwards;
-webkit-animation:line2 3s ease-in 0s forwards;
-o-animation:line2 3s ease-in 0s forwards;
animation:line2 3s ease-in 0s forwards;
}
@keyframes line2{
0%{
stroke-dashoffset:1000;
fill:transparent;
}
80%{
stroke-dashoffset:0;
fill:transparent;
}
100%{
fill:#4169e1;
}
}
@-webkit-keyframes line2{
0%{
stroke-dashoffset:1000;
fill:transparent;
}
80%{
stroke-dashoffset:0;
fill:transparent;
}
100%{fill:#4169e1;}
}
@-o-keyframes line2{
0%{
stroke-dashoffset:1000;
fill:transparent;
}
80%{
stroke-dashoffset:0;
fill:transparent;
}
100%{fill:#4169e1;}
}

/*長崎大学大学院パス設定*/
#mt3-pass,#mt3-pass_1_
{
stroke:#000;
fill:#000;
stroke-width:1px;
stroke-dasharray: 1000;
stroke-dashoffset:1000;
animation: line3 3s ease-in 0s alternate forwards;
-webkit-animation:line3 3s ease-in 0s forwards;
-o-animation:line3 3s ease-in 0s forwards;
animation:line3 3s ease-in 0s forwards;
}
@keyframes line3{
0%{
stroke-dashoffset:1000;
fill:transparent;
}
80%{
stroke-dashoffset:0;
fill:transparent;
}
100%{
fill:#000;
}
}
@-webkit-keyframes line3{
0%{
stroke-dashoffset:1000;
fill:transparent;
}
80%{
stroke-dashoffset:0;
fill:transparent;
}
100%{fill:#000;}
}
@-o-keyframes line3{
0%{
stroke-dashoffset:1000;
fill:transparent;
}
80%{
stroke-dashoffset:0;
fill:transparent;
}
100%{fill:#000;}
}

/*MAP地面設定*/
#ground{
animation: scale1 4s ease-in 7s alternate forwards;
-webkit-animation:scale1 4s ease-in 7s forwards;
-o-animation:scale1 4s ease-in 7s forwards;
}

/*MAP地面パス設定*/
#gr-pass{
stroke:#191970;
fill:#4682b4;
stroke-width:1px;
stroke-dasharray: 5000;
stroke-dashoffset:5000;
animation: move 7s ease-in 0s alternate forwards;
-webkit-animation:move 7s ease-in 0s forwards;
-o-animation:move 7s ease-in 0s forwards;
animation:move 7s ease-in 0s forwards;
}
@keyframes move{
0%{
stroke-dashoffset:5000;
fill:transparent;
}
80%{
stroke-dashoffset:0;
fill:transparent;
}
100%{
fill:#4682b4;
}
}
@-webkit-keyframes move{
0%{
stroke-dashoffset:5000;
fill:transparent;
}
80%{
stroke-dashoffset:0;
fill:transparent;
}
100%{fill:#4682b4;}
}
@-o-keyframes move{
0%{
stroke-dashoffset:5000;
fill:transparent;
}
80%{
stroke-dashoffset:0;
fill:transparent;
}
100%{fill:#4682b4;}
}
/*MAP道路設定*/
#road{
animation: scale1 4s ease-in 7s alternate forwards;
-webkit-animation:scale1 4s ease-in 7s forwards;
-o-animation:scale1 4s ease-in 7s forwards;
}
/*MAP道路パス設定*/
#ro-pass{
stroke:#db7093;
fill:#db7093;
stroke-dasharray: 5000;
stroke-dashoffset:5000;
animation: DASH 7s ease-in 0s alternate forwards ;
-webkit-animation:DASH 7s ease-in 0s forwards ;
-o-animation:DASH 7s ease-in 0s forwards ;
}
@keyframes DASH{
0%{
stroke-dashoffset:5000;
fill:transparent;
}
80%{
stroke-dashoffset:0;
fill:transparent;
}
100%{
fill:#db7093;
}
}
@-o-keyframes DASH{
0%{
stroke-dashoffset:5000;
fill:transparent;
}
80%{
stroke-dashoffset:0;
fill:transparent;
}
100%{fill:#db7093;}
}
@-ms-keyframes DASHf{
0%{
stroke-dashoffset:5000;
fill:transparent;
}
80%{
stroke-dashoffset:0;
fill:transparent;
}
100%{fill:#db7093;}
}


/*MAP緑設定*/
#green{
animation: scale1 4s ease-in 7s alternate forwards;
-webkit-animation:scale1 4s ease-in 7s forwards;
-o-animation:scale1 4s ease-in 7s forwards;
}

/*MAP緑パス設定*/
#gr1_10_,
#gr1_9_,
#gr1_8_,
#gr1_7_,
#gr1_6_,
#gr1_5_,
#gr1_4_,
#gr1_3_,
#gr1_2_,
#gr1_1_
{
stroke:#00ff00;
fill:#00ff00;
stroke-dasharray: 5000;
stroke-dashoffset:5000;
animation: DASH1 7s ease-in alternate forwards ;
-webkit-animation:DASH1 7s ease-in 0s forwards ;
-o-animation:DASH1 7s ease-in 0s forwards ;
}
@keyframes DASH1{
0%{
stroke-dashoffset:5000;
fill:transparent;
}
80%{
stroke-dashoffset:0;
fill:transparent;
}
100%{
fill:#00ff00;
}
}
@-o-keyframes DASH1{
0%{
stroke-dashoffset:5000;
fill:transparent;
}
80%{
stroke-dashoffset:0;
fill:transparent;
}
100%{fill:#00ff00;}
}
@-ms-keyframes DASH1f{
0%{
stroke-dashoffset:5000;
fill:transparent;
}
80%{
stroke-dashoffset:0;
fill:transparent;
}
100%{fill:#00ff00;}
}

/*MAP建築設定*/
#kentiku{
animation: scale1 4s ease-in 7s alternate forwards;
-webkit-animation:scale1 4s ease-in 7s forwards;
-o-animation:scale1 4s ease-in 7s forwards;
}
@keyframes scale1 {
0% {
opacity: 0;
}
5%, 90% {
opacity: 1;
}
100%{
opacity: 0.3;
}
}
/*MAP建築パス設定*/
#ke1_15_,
#ke1_14_,
#ke1_13_,
#ke1_12_,
#ke1_11_,
#ke1_10_,
#ke1_9_,
#ke1_8_,
#ke1_7_,
#ke1_6_,
#ke1_5_,
#ke1_4_,
#ke1_3_,
#ke1_2_,
#ke1_1_,
#ke2,
#ke1
{
stroke:#fff;
fill:#fff;
stroke-dasharray: 5000;
stroke-dashoffset:5000;
animation: DASH2 7s ease-in 0s alternate forwards ;
-webkit-animation:DASH2 7s ease-in 0s forwards ;
-o-animation:DASH2 7s ease-in 0s forwards ;
}
@keyframes DASH2{
0%{
stroke-dashoffset:5000;
fill:transparent;
}
80%{
stroke-dashoffset:0;
fill:transparent;
}
100%{
fill:#fff;
}
}
@-o-keyframes DASH2{
0%{
stroke-dashoffset:5000;
fill:transparent;
}
80%{
stroke-dashoffset:0;
fill:transparent;
}
100%{fill:#fff;}
}
@-ms-keyframes DASH2f{
0%{
stroke-dashoffset:5000;
fill:transparent;
}
80%{
stroke-dashoffset:0;
fill:transparent;
}
100%{fill:#fff;}
}

/*MAP保健学科設定*/

#ho1,
#ho1_1_,
#ho1_2_,
#ho1_3_
{
stroke:#87cefa;
fill:#00bfff;
stroke-dasharray: 5000;
stroke-dashoffset:5000;
animation: DASH3 7s ease-in 0s alternate forwards ;
-webkit-animation:DASH3 7s ease-in 0s forwards ;
-o-animation:DASH3 7s ease-in 0s forwards ;
}
@keyframes DASH3{
0%{
stroke-dashoffset:5000;
fill:transparent;
}
80%{
stroke-dashoffset:0;
fill:transparent;
}
100%{
fill:#00bfff;
}
}
@-o-keyframes DASH3{
0%{
stroke-dashoffset:5000;
fill:transparent;
}
80%{
stroke-dashoffset:0;
fill:transparent;
}
100%{fill:#00bfff;}
}
@-ms-keyframes DASH3f{
0%{
stroke-dashoffset:5000;
fill:transparent;
}
80%{
stroke-dashoffset:0;
fill:transparent;
}
100%{fill:#00bfff;}
}

/*MAP小道路設定*/
#sm-road{
animation: scale1 4s ease-in 7s alternate forwards;
-webkit-animation:scale1 4s ease-in 7s forwards;
-o-animation:scale1 4s ease-in 7s forwards;
}

/*MAP小道路パス設定*/

#sm1_31_,
#sm1_30_,
#sm1_29_,
#sm1_28_,
#sm1_27_,
#sm1_26_,
#sm1_25_,
#sm1_24_,
#sm1_23_,
#sm1_22_,
#sm1_21_,
#sm1_20_,
#sm1_19_,
#sm1_18_,
#sm1_17_,
#sm1_16_,
#sm1_15_,
#sm1_14_,
#sm1_13_,
#sm1_12_,
#sm1_11_,
#sm1_10_,
#sm1_9_,
#sm1_8_,
#sm1_7_,
#sm1_6_,
#sm1_5_,
#sm1_4_,
#sm1_3_,
#sm1_2_,
#sm1_1_,
#sm1
{
stroke:#fff;
stroke-width:1px;
stroke-dasharray: 5000;
stroke-dashoffset:1000;
animation: DASH4 7s ease-in 0s alternate forwards ;
-webkit-animation:DASH4 7s ease-in 0s forwards ;
-o-animation:DASH4 7s ease-in 0s forwards ;
}
@keyframes DASH4{
0%{
stroke-dashoffset:5000;

stroke-width:1px;
}
80%{
stroke-dashoffset:1000;
stroke-width:1px;
}
100%{
stroke:#fff;
stroke-width:1px;
}
}
@-o-keyframes DASH4{
0%{
stroke-dashoffset:5000;
}
80%{
stroke-dashoffset:1000;
}
100%{
stroke:#fff;
stroke-width:1px;
}
}
@-ms-keyframes DASH4f{
0%{
stroke-dashoffset:5000;
}
80%{
stroke-dashoffset:1000;
}
100%{
stroke:#fff;
stroke-width:1px;
}
}
/*MAP国道パス設定*/
#sm2,
#sm2_1_,
#sm2_2_,
#sm2_3_,
#sm2_4_
{
stroke-width:2px;

}
/*MAP矢印パス設定*/
#ya1{
stroke: #ff0000;
stroke-dasharray: 2000;
stroke-dashoffset: 2000;
stroke-width: 2;
-webkit-animation: heart_line 7s linear 12s infinite;
animation: heart_line 7s linear 12s infinite;
}
@keyframes heart_line {
0% { stroke-dashoffset: 2000; }
100% { stroke-dashoffset: 0; }
}
@-webkit-keyframes heart_line {
0% { stroke-dashoffset: 2000; }
100% { stroke-dashoffset: 0; }
}

/*MAP文字パス設定*/
.st13{
 fill:#fff;
 font-size:21.8205px;
 background-color:#fff;
}

/*センターロゴ設定　8秒間透明で最後に出現*/
#logo-ray{
width:960px;
height:250px;
border:0px solid #ff0000;
animation: opa1 8s ease-in 0s alternate forwards;
-webkit-animation:opa1 8s ease-in 0s forwards;
-o-animation:opa1 8s ease-in 0s forwards;
}
@keyframes opa1 {
0% {
opacity: 0;
}
90% {
opacity: 0;
}
100%{
opacity: 1;
}
}
/*センターロゴ設定　8秒遅延で10秒間のラインアニメーション*/
#na-pass1{
stroke:#159FBC;
fill:#159FBC;
stroke-width:1px;
stroke-dasharray: 5000;
stroke-dashoffset:5000;
animation: na-line 3s ease-in 8s alternate forwards;
-webkit-animation:na-line 3s ease-in 8s forwards;
-o-animation:na-line 3s ease-in 8s forwards;
animation:na-line 3s ease-in 8s forwards;
}
@keyframes na-line{
0%{
stroke-dashoffset:5000;
fill:transparent;
}
80%{
stroke-dashoffset:0;
fill:transparent;
}
100%{
fill:#159FBC;
stroke-width:1px;
}
}
@-webkit-keyframes na-line{
0%{
stroke-dashoffset:5000;
fill:transparent;
}
80%{
stroke-dashoffset:0;
fill:transparent;
}
100%{fill:#159FBC;}
}
@-o-keyframes na-line{
0%{
stroke-dashoffset:5000;
fill:transparent;
}
80%{
stroke-dashoffset:0;
fill:transparent;
}
100%{fill:#159FBC;}
}