.splitter{
    height:15px;
    background-color:#615374;
    margin:10px 0;
}

.box--menu{
    border:1px solid green;
    margin:0px;
    padding:10px 20px;
    text-align:center;
}

.help--title{
    font-weight:bold;
    margin-bottom:10px;
    font-size:1.2em;
}

.help--title:before{
    content:'';
    display: inline-block;
    background:url('../../Images/icon-down-black.png') no-repeat 0 0;
    width:15px;
    height:15px;
    background-size: 15px 15px;
}

.collapsed:before{
    content:'';
    display: inline-block;
    background:url('../../Images/icon-right-black.png') no-repeat 0 0;
    width:15px;
    height:15px;
    background-size: 15px 15px;
}

.detail--img{
    border:0px solid #000;
    max-width:800px;
    max-height:250px;
    width:100%;
}

.code--img {
    border: 0px solid #000;
    max-width: 800px;
    width: 100%;
}

.help--content{
    padding-left:1%;
    margin-bottom:50px;
}

.help--content div{
    margin-bottom:5px;
}

.panel{
    border:0;
    box-shadow:none;
}

.contain{
    font-size:0.9em;
    padding:0px;
    margin:0px;
    width:100%;
}

div[class*=col-]{
    border:0px solid green;
}

.text--indent{
    margin-left:1em;
}

.vertical--top{
    vertical-align:top;
    padding-right:5px;
}


@media screen and (max-width: 500px) {
    #box--cover__text{
        width:80% !important;
    }

    .text--indent{
        margin-left:0.8em;
    }
}

@media screen and (max-width: 700px) {
    #menu-list{
        display: block !important;
        text-align:center;
    }
    #menu-list li {
        display:inline-block !important;
        width:80%;
    }
}

/*-------------------------------------------------------*/
#box--cover{
    background-image:url('../../Images/Support/../../Images/Support/PODHelpguide-02.jpg');
    border:0px solid red;
    height:451px;
    max-height:451px;
    position:relative;
}

#box--cover__text{
    border:2px solid #c54b67;
    display:inline-block;
    position:absolute;
    top:50%;
    left:50%;

    -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
       -o-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);

    padding:2% 0px;
    vertical-align:middle;
    text-align:center;
    width:350px;
    background:#fff;
}
#cover--title{
    font-size:1.5em;
    letter-spacing:2px;
}

#box--cover__text span{
    font-size:0.8em;
    font-weight:bolder;
}


#menu--box{
    margin:20px 0;
}

#menu-list{
    display: table;
    width:100%;
    padding:0;
    border-collapse:separate;
    border-spacing:10px 0;
}

#menu-list li{
    margin:5px;
    border:2px solid #999999;
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    padding:15px;
    cursor:pointer;
    font-weight:bold;
    color:#999999;
}

#menu-list li.active{
   color:#00B5FF;
   border:2px solid #00B5FF;
}