a {  text-decoration:none; out-line: none; color: #000000;}
@media only screen and (max-width:480px){
  #cps{
   display:none;  
  }
}

.ms-card{

//border-style:solid;

   // border-width:1px;
padding:5px;
margin-bottom:20px;


}

.danger{

border-color:red;
color:red;

}

.ms-card-s{
cursor:pointer;
border-style:solid;
   border-width:1px;
#padding:5px;
#margin-bottom:20px;
}

.ms-card-s.active{
cursor:pointer;
background-color:#000000;
color:#FFFFFF;
border-style:solid;
    border-width:1px;
#padding:5px;
#margin-bottom:20px;
}

.container{

max-width:900px;
background-color: rgba(255,255,255,0.6);

}

.ms-btn-fixed{
      

    position: fixed;
    top: auto;
    bottom: 20px;
    left: 0;
    right: 0;
    margin:auto;
    z-index: 100;
    width: 105px;
    font-size: 15px;
    font-weight: 500;
    line-height: 36px;
    color: #fff;
    text-align: center;
    background: #0084ff;
    border-radius: 18px;


    box-shadow: 0 2px 5px rgba(26,26,26,.25);


}

.outOfSearch {
    box-sizing: border-box;
    margin: 0 7px;
    padding: 5px 0 5px 9pt;
    width: 30%;
    height: 80%;
    border-radius: 3px;
    background-color: rgba(255,255,255,0.4);
    #background-color: hsla(0,0%,100%,.3);
    -webkit-transition: all .7s;
    transition: all .7s;
}


.seainput {
    display: inline-block;
    box-sizing: border-box;
    padding: 0 0 0 7px;
    width: 100%;
    height: 30px;
    outline: 0;
    border: 0;
    background: 0;
    color: #FFFFFF;
    font-size: 17px;
    resize: none;
    -webkit-transition: all .5s;
    transition: all .5s;
    -webkit-appearance: none;
    -moz-appearance: none;
}


.spinner {
  width: 60px;
  height: 60px;
  #margin: 100px auto;
  background-color: #2196F3;
 
  border-radius: 100%; 
  -webkit-animation: scaleout 1.0s infinite ease-in-out;
  animation: scaleout 1.0s infinite ease-in-out;
}
 
@-webkit-keyframes scaleout {
  0% { -webkit-transform: scale(0.0) }
  100% {
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}
 
@keyframes scaleout {
  0% {
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 100% {
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
    opacity: 0;
  }
}

.md-card{
border-style: none;
border-width:0px;
#width:100%;
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
margin-bottom:20px;

}
.ms-box-container{

height:36px;overflow:hidden;

}
.ms-box{
//display: -webkit-box;
overflow-x: auto; 
//-webkit-overflow-scrolling:touch;
white-space: nowrap;
padding-top:9px;
padding-bottom:6px;
margin-bottom:20px;
padding-left: 4px;
}

.ms-box span{
padding:4px;
margin-right:10px;
border-radius:5px;
background-color:#F6F6F6;

}

.ms-box span:active{
padding:4px;
margin-right:10px;
border-radius:5px;
background-color:#D8D8D8;

}

.ms-box span.motd{
padding:4px;
margin-right:10px;
border-radius:5px;
background-color:rgba(0,0,0,0.6);

}

.ms-box span.motd:active{
padding:4px;
margin-right:10px;
border-radius:5px;
background-color:rgba(0,0,0,0.8);

}



.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}.alert-primary hr{border-top-color:#9fcdff}.alert-primary .alert-link{color:#002752}.alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}.alert-secondary hr{border-top-color:#c8cbcf}.alert-secondary .alert-link{color:#202326}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-success hr{border-top-color:#b1dfbb}.alert-success .alert-link{color:#0b2e13}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-info hr{border-top-color:#abdde5}.alert-info .alert-link{color:#062c33}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-warning hr{border-top-color:#ffe8a1}.alert-warning .alert-link{color:#533f03}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-danger hr{border-top-color:#f1b0b7}.alert-danger .alert-link{color:#491217}.alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}.alert-light hr{border-top-color:#ececf6}.alert-light .alert-link{color:#686868}.alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}.alert-dark hr{border-top-color:#b9bbbe}.alert-dark .alert-link{color:#040505}@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}

.card{

#width:100%;
padding-left:16px;
padding-right:16px;
padding-top:10px;
padding-bottom:10px;
margin-top:16px;
background-color:#FFFFFF;
}

.card-title{

font-size:16px;
font-weight:800;
}

.card-title-b{
border-left: 4px solid #2196F3;padding-left:4px;
font-size:16px;
font-weight:600;
}


.mdui-color-green{color:rgba(255,255,255,1)!important;background-color:#527711!important}
.mdui-theme-primary-green .mdui-color-theme{color:rgba(255,255,255,1)!important;background-color:#527711!important}

.mdui-color-light-blue{color:rgba(255,255,255,1)!important;}
.mdui-theme-primary-light-blue .mdui-color-theme{color:rgba(255,255,255,1)!important;}

  





@media only screen and (max-width:1024px){
  #info-mobile{
   display:block;  
  }
  #share-pc{
   display:none;  
  }
}

@media only screen and (min-width:1025px){
  #info-mobile{
   display:none;  
  }
  #share-pc{
   display:block;  
  }
}



.mr-card{

	padding:0px;
	margin-bottom:16px;
	border: 1px solid #EBEEF5;
	border-radius: 4px;
	font-size:15px;
	-webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
	box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
	color:rgba(0,0,0,0.8);
        background-color:#FFFFFF;
        transition: all 0.7s;
}



.mr-card-header{

font-size:18px;
padding:16px;
border-bottom: 1px solid #EBEEF5;

}

.mr-card-content{

padding:16px;

//padding-top:4px;
//padding-bottom:4px;


}



  

  .mr-timeline-item{
  display:flex;
  margin-bottom:8px;
  }
  
  .mr-timeline-item .mr-timeline-item-left{
  width:140px;
  text-align:right;
  margin-right:8px;
  color:rgba(0,0,0,1);
  font-weight:700;
  }
  .mr-timeline-item .mr-timeline-item-right{
  flex:1;
  }

.mr-round-top{
	border-top-left-radius: 4px;
border-top-right-radius: 4px;
}

.mr-round-bottom{
	border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}

.mr-border-bottom{
border-bottom: 1px solid #EBEEF5;
}
.mr-border-top{
border-top: 1px solid #EBEEF5;
}
.mr-border-left{
border-left: 1px solid #EBEEF5;
}
.mr-border-right{
border-right: 1px solid #EBEEF5;
}

.mr-shadow-xs{
	-webkit-box-shadow: 0 2px 8px 0 rgba(0,0,0,.1);
	box-shadow: 0 2px 8px 0 rgba(0,0,0,.1);
}

.mr-shadow-sm{
	-webkit-box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
	box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);
}

.mr-shadow-md{
	-webkit-box-shadow: 0 2px 16px 0 rgba(0,0,0,.1);
	box-shadow: 0 2px 16px 0 rgba(0,0,0,.1);
}

.mr-shadow-lg{
	-webkit-box-shadow: 0 2px 20px 0 rgba(0,0,0,.1);
	box-shadow: 0 2px 20px 0 rgba(0,0,0,.1);
}

@media only screen and (max-width:768px){
  .mr-pc-hide{
   display:block;  
  }
  .mr-mobile-hide{
   display:none;  
  }
}

@media only screen and (min-width:769px){
  .mr-pc-hide{
   display:none;  
  }
  .mr-mobile-hide{
   display:block;  
  }
}

  
.mr-a a:hover {
    color: rgba(64,158,255,1);
}
.mr-a a {
    color: rgba(0,0,0,1);
    -webkit-transition: all 0.2s ease!important;
    transition: all 0.2s ease!important;
}

.mr-list-item{
	transition: all 0.5s ease!important;
}

.mr-list-item:hover{
	background-color: rgba(0,0,0,0.05);
}