@charset "utf-8";

#support{
  background-color: #1ea0fa;
  color:#fff;
  position: relative;
  z-index:9;
  overflow: hidden;
  white-space: nowrap;
  text-overflow:ellipsis;
}

#container{
  margin: 20px auto 0; 
  width: 100%;
  position:relative;
}
.contents-l{
  width: 100%;
}
.contents-r{
  padding: 2em 0 0;  
  list-style: none;
  margin-top: 0px;
}

.mtree{width: 96%; margin: 0 auto;}
.columntitle{
  width: 96%;
  margin: 0 2%;
}
.columntitle img{
  height: 27px;
  width: auto;
}
.columntitle span{
  text-align: left; 
  color: #313335; 
  font-size: 2em;
  font-weight: bold;
}
.colunmcontents{
  margin:13px 0 20px;
}

.box{
  font-size: 1.4em;
  line-height: 2.4em; 
  padding: 14px 3%; 
}
.boxhighlight{
  background:#f0f8ff;
}
.quest{
  color:#1ea0fa;
}

.dokodemodoor{margin:auto 5px -6px 5px;*vertical-align:-6px;}
/*
<a class="vplink" href="#"><img class="dokodemodoor" src="img/dokodemodoor.png" alt=""/></a>
*/
.hr{margin-bottom:30px;}

.listdec{
  background-color:#1ea0fa; width: 100%; height:4px;
    border: 1px solid #1ea0fa;
    margin: 0 -1px;
}
.expand{width:100%; /*height:63px;*/color:#313335; background:url(../img/list_close.png) 21px 21px no-repeat; background-color:#fff;}
.turn{width:100%; /*height:63px;*/ color:#1ea0fa; background:url(../img/list_open.png) 21px 21px no-repeat; background-color:#f0f8ff;}
.sidebar-menu {padding:22px 20px;list-style:none;padding:0;margin:0;display:block;cursor: pointer;}
.sidebar-menu a {font-size:20px;padding:15px 15% 18px;display:inline-block;text-decoration:none; width: 70%; border: 1px solid #dbdddf; border-top-style:none;color:#313335; margin: 0 -1px; }
.sub-menu {margin:0;padding:0;list-style:none;display: none;}
.sub-menu, .sub-menu ul{margin:0;padding:0;}
.sub-menu ul {list-style:url(../img/list_dot.png); width:90%; padding:0 3% 0 7%; border: 1px solid #dbdddf; border-top-style:none; background-color:#fff; margin: 0 -1px; }
.sub-menu ul a {font-size:14px; color:#313335; line-height:24px;padding:7px 0px 7px 10px;background:#fff;display:block;text-decoration:none; margin-left:-10px; *margin-left:5px;/*width:255px; *width:240px; */border-style:none; }
.sub-menu ul a:hover {color:#1ea0fa;background:#fff;cursor: pointer;}

/*树形列表滚动
.contents-l{height:95%; height: -moz-calc(100% - 20px); height: -webkit-calc(100% - 20px); height: calc(100% - 20px);}
.sidenav{width:327px; height:100%; overflow-y:scroll; overflow-x:hidden; -webkit-overflow-scrolling: touch;   display: block;}
.is-fixed {position: fixed; top: 0px;}
.sidenav::-webkit-scrollbar {width: 5px;height: 10%;}
.sidenav::-webkit-scrollbar-button:start:decrement,
.sidenav::-webkit-scrollbar-button:end:increment  {display: none;}
.sidenav::-webkit-scrollbar-track-piece  {background: #eee;}
.sidenav::-webkit-scrollbar-thumb:vertical {background: #ccc; }
*/