body {
      width: 100%;
      height: 100%;
      margin: 0;
      padding: 0;
      background-color:#f2f2f2;
      font-family: Open Sans, Calibri Light, Microsoft JhengHei, Sans-Serif, Verdana, Arial;
      font-size: 14px;
      color:#000;
}

* {
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box;
}

.page-view {
    min-width:1000px;
}

/*--------Header Style--------*/

.header-wrapper {
    width:100%;
    height:50px;
}

.header-block {
    width:100%;
    height:60px;    
    position:fixed;
    top:0;
    z-index:1000;
}
    .header-block .header-block-content {
        width:100%;
        height:50px;
        background-color:#404040;
    }

    .header-block .header-block-shadow {
        width:100%;
        height:10px;
        background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
        background: linear-gradient(to bottom,  rgba(0,0,0,0.5) 0%,rgba(0,0,0,0) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
    }

    .header-block .header-content {
        min-width: 1000px;        
    }

    .header-block .header-content a {
        display: block;
        text-decoration:none;        
    }

    .header-block .header-content a:hover {
        color:#EE5404;
        text-decoration:none;
    }
   
    .header-block .header-content .nav-list {
        float:left;
        position: relative;
        z-index: 1;
        /*min-width: 600px;*/
        height: 50px;
        cursor: default;
        padding : 0 0 0 30px;
    }
        .header-block .header-content .nav-list > li {
            float:left;
        }
        .header-block .header-content .nav-list > li > a {
            color:#fff;
            padding-top: 15px;
            padding-bottom: 15px;
            padding-left: 20px;
            padding-right: 20px;
            cursor: default;
        }

        .header-block .header-content .nav-list > .selected > a {
            padding-bottom: 10px;
            border-bottom:5px solid #EE5404;
        }
            .header-block .header-content .nav-list > li > a > .badge-orange {
                /*vertical-align: text-top;*/
                margin-right: -10px;
            }
        .header-block .header-content .nav-list .logo-content {
            margin-right:50px;
        }
        .header-block .header-content .nav-list .main-logo {
              height: 50px;
              width: 110px;
              display: block;
              padding:0;
              cursor: pointer;
        }
        
    .header-block .header-content .logout-tools {
        float:right;
        position: relative;
        z-index: 1;
        height: 50px;
        cursor: default;
        padding : 0 30px;
    }
        .header-block .header-content .logout-tools > li {
            float:left;
        }
            .header-block .header-content .logout-tools > li:last-child {
                margin-left:25px;
            }
        .header-block .header-content .logout-tools > li > a {
            color:#fff;
            padding: 10px;
            cursor: default;
        }
        .header-block .header-content .logout-tools > .selected > a {
            padding-bottom: 5px;
            border-bottom:5px solid #EE5404;
        }

        .header-block .header-content .logout-tools .user-photo {
            margin-right: 10px;
            border-radius: 50%;
        }
        .header-block .header-content .logout-tools .login-info {
            border: 1px solid #6b6b6b;
            border-radius: 5px;
            padding: 4px 9px;
            margin-top: 11px;
            cursor: pointer;
        }
        
        .header-block .header-content .nav-list > .open,
        .header-block .header-content .logout-tools > .open {
            background-color:#404040;
        }

    .menu-black{
	    background-color:#404040;
	    border: 1px solid rgba(64,64,64,1);
	    padding-top:0px;
	    padding-bottom:16px;
	    box-shadow: 0 6px 12px rgba(0,0,0,0);
	    -webkit-box-shadow:0 6px 12px rgba(0,0,0,0);
	    -moz-box-shadow: 0 6px 12px rgba(0,0,0,0);
	    -ms-box-shadow: 0 6px 12px rgba(0,0,0,0);
	    -o-box-shadow: 0 6px 12px rgba(0,0,0,0);
        border-radius: 0px;
        margin:0;
    }
        .menu-black > li > a {padding: 10px 40px 10px 23px; color: #fff;font-weight:300;}
        .menu-black > li > a:hover,
        .menu-black > li > a:focus{color:#EA5404;text-decoration:none;background-color:#1f1f1f !important;background-image:none !important;}
        .menu-black .menu-shadow {
            width:100%;
            height:14px;
            background: -moz-linear-gradient(top,  rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.1)), color-stop(100%,rgba(0,0,0,0))); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%); /* IE10+ */
            background: linear-gradient(to bottom,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
        }

    .header-block .dropdown-more{
        position: relative;
    }
/*--------Footer Style--------*/

.footer-wrapper {
    background-color:#f2f2f2;
}

    .footer-wrapper .footer-content {
        min-width: 1000px;
        font-family: Calibri Light, Microsoft JhengHei, Sans-Serif, Verdana, Arial;
    }

    .footer-wrapper .footer-content .footer-row {
        padding-left:30px;
        padding-right:30px;
        padding-top:20px;
        padding-bottom:20px;        
    }

    .footer-wrapper .footer-content .footer-row:nth-of-type(1) {
        padding-top:30px;
        border-bottom:1px solid #e0e0e0;
    }

    .footer-wrapper .footer-content .footer-row:last-child {
        padding-bottom:30px;
        border-bottom:0;
    }

    .footer-wrapper .footer-content .categories {
          width: 100%;
          display: inline-block;
    }

    .footer-content .categories .fc-cell {
        display: inline-block;
        float:left;
        padding-right:75px;
        white-space: nowrap;
    }

        .footer-content .categories .fc-cell:last-child {
            float:right;
            width:auto;
            padding-right:0;
        }

        .footer-content .categories .fc-cell > ul > li  {
            margin:0;
            font-size: 12px;
            font-weight:bold;
            line-height:20px;
            color:#595959;
        }
        .footer-content .categories .fc-cell > ul > li:nth-child(1) {
            padding-bottom:5px;
        }
        .footer-content .categories .fc-cell > ul > li > a {
            font-size: 11px;
            font-weight: normal;
            display: block;
            text-decoration: none;
            color:#7f7f7f;
        }

    .footer-wrapper .footer-content .declare {
        width: 100%;      
        font-family: Calibri Light, Microsoft JhengHei, Sans-Serif, Verdana, Arial;
        font-size: 12px;
        color:#7f7f7f;
    }

.declare .version {
    display: inline-block;
    width: 100%;
}

    .declare .version .version-links {
        float:right;
        color:#7f7f7f;
        margin:0;
        list-style:none;
        line-height: 17px;
    }

    .declare .version .version-links > li {
        float:left;
        margin-right:8px;
    }

        .declare .version .version-links > li > a {
            display: block;
            color:#7f7f7f;
            text-decoration:none;
            border-right:1px solid #dbdbdb;
            padding-right:8px;
        }

        .version .version-links > li:last-child {
            margin-right:0;
        }

        .version .version-links > li:last-child > a { 
            border-right:0;
            padding-right:0;
        }

        .version .version-links > li > a:hover,
        .version .version-links > li > a:active {
            text-decoration:none;         
            color:#000!important;
        }

        .version .version-links > li > a:visited{
            text-decoration:none;                
            color:#7f7f7f;
        }

.copyright {
    display: inline-block;
    width: 100%;
}

.copyright .piped-links {
    float:left;
    color:#7f7f7f;
    list-style:none;
    padding-top: 10px;
}

    .copyright .piped-links > li {
        float:left;
        margin-right:8px;
        line-height: 20px;
    }

    .copyright .piped-links > li:first-child {
        margin-right:20px;
    }

        .copyright .piped-links > li > a {
            display: block;
            color:#7f7f7f;
            text-decoration:none;
            border-right:1px solid #dbdbdb;
            padding-right:8px;
        }

        .copyright .piped-links > li:last-child > a { border-right:0; }

        .copyright .piped-links > li > a:hover,
        .copyright .piped-links > li > a:active {
            text-decoration:none;                
            color:#000!important;
        }

        .copyright .piped-links > li > a:visited{
            text-decoration:none;                
            color:#7f7f7f;
        }

.link-favorite{
    margin: 11px 6px 0px;
    position: absolute;
}
.icon-favorite{
    font-size:12px;
    color:white;
    text-align: center;
    display: inline-block;
    background-color: #9F9F9F;
    height: 21px;
    width: 21px;
    border-radius:21px;
}

.icon-favorite >.fa-star{
    text-align: center;
    vertical-align: middle;
}

.bookmark{
    background-color: #EE5404;
}