@charset "utf-8";

/* CSS Document */

.roadmap {
    float: left;
    display: block;
    width: 100%;
    height: auto;
    display: none !important;
}

.roadmap .roadmap-top {
    float: left;
    display: block;
    width: 100%;
    height: 52px;
    border-bottom: 5px solid #ff5f00;
    background: #ff9f00;
}

.roadmap .roadmap-top ul {
    float: left;
    display: block;
    width: 100%;
    height: auto;
}

.roadmap .roadmap-top ul li {
    float: left;
    padding: 0px 7px;
    display: block;
    height: 52px;
}

.roadmap .roadmap-top ul li span.roadmap-select {
    display: block;
    height: 52px;
    font: 19px/52px 'thaisanslite', Arial, sans-serif;
    border-bottom: 7px solid #FFEB3B;
    color: #fff;
    font-weight: bold;
}

.roadmap .roadmap-top ul li span.roadmap-normal {
    float: left;
    display: block;
    height: 52px;
    color: #343437;
}

.roadmap .roadmap-top ul li span.roadmap-normal a {
    font: 18px/52px 'thaisanslite', Arial, sans-serif;
    color: #fff;
}

.roadmap .roadmap-top ul li span.roadmap-normal a:hover {
    font: 18px/52px 'thaisanslite', Arial, sans-serif;
    color: #fddf3b;
}

.roadmap .roadmap-mid {
    float: left;
    display: block;
    width: 100%;
    height: auto;
}

.roadmap-row-1 {
    float: left;
    display: block;
    width: 100%;
    height: auto;
}

.roadmap-row-2 {
    float: left;
    display: block;
    width: 100%;
    height: auto;
}

.button-zoom {
    margin: 0 auto;
    width: 150px;
    padding: 0px 15px;
    height: 45px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
    background: rgb(255, 255, 255);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(229, 229, 229, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5', GradientType=0);
    /* IE6-9 */
    font: 25px/45px 'thaisanslite', Arial, sans-serif;
    border: 1px solid #dadbdc;
    color: #fddf3b;
    text-align: center;
}

.button-zoom a {
    width: 100%;
    display: block;
    font: 25px/45px 'thaisanslite', Arial, sans-serif;
}

.button-zoom a:hover {
    width: 100%;
    display: block;
    pointer: cursor;
    color: #003b94;
    font: 25px/45px 'thaisanslite', Arial, sans-serif;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    border: #fff 1px solid;
    border-top: 0;
    background-color: #fff;
    padding: 0px;
}

td {
    padding: 0px 0px;
    border-right: 1px dashed #dddddd;
}

tr,
td {
    border-bottom: 0px;
    border-top: 0px;
}

table tr:nth-child(2n+1) {
    background: #f5f5f5;
}

.bg-table {
    padding: 10px 0px;
    color: #fff;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6db3f2+0,54a3ee+50,3690f0+51,1e69de+100;Blue+Gloss+%233 */
    background: rgb(109, 179, 242);
    /* Old browsers */
    background: -moz-linear-gradient(top, rgba(109, 179, 242, 1) 0%, rgba(84, 163, 238, 1) 50%, rgba(54, 144, 240, 1) 51%, rgba(30, 105, 222, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(109, 179, 242, 1) 0%, rgba(84, 163, 238, 1) 50%, rgba(54, 144, 240, 1) 51%, rgba(30, 105, 222, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(109, 179, 242, 1) 0%, rgba(84, 163, 238, 1) 50%, rgba(54, 144, 240, 1) 51%, rgba(30, 105, 222, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de', GradientType=0);
    /* IE6-9 */
}