@charset "utf-8";

/* mouse grab icon */
.grabbing {
    /*cursor:url(grabbing.png) 8 8, move;*/ /*20140815小修註解掉*/
}

/* clearfix */
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
/* display none until init */
.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    /*-ms-touch-action: pan-y;*/ /**套件本身自定義的css*/
}

    .owl-carousel .owl-wrapper-outer {
        overflow: hidden; /*內容超出隱藏*/
        position: relative;
        width: 100%;
    }

    .owl-carousel .owl-wrapper {
        width: 4840px; /*整行產品卡寬度*/
        left: 0px;
        display: block;
        position: relative;
        padding: 10px 0px; /*整行產品卡 上下行距10px*/
        -webkit-transform: translate3d(0px, 0px, 0px);
    }

    .owl-carousel .owl-item {
        float: left;
    }

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer;
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
}

.owl-item {
    width: 242px; /*單一產品卡寬度 含與右側產品卡的間距*/
}

@charset "utf-8";
/* CSS Document */
.com {
    color: #93a1a1;
}

.lit {
    color: #195f91;
}

.pun, .opn, .clo {
    color: #93a1a1;
}

.fun {
    color: #dc322f;
}

.str, .atv {
    color: #ff8a3c;
}

.kwd, .prettyprint .tag {
    color: #195f91;
}

.typ, .atn, .dec, .var {
    color: #3fbf79;
}

.pln {
    color: #48484c;
}

.pun {
    color: #48484c;
}

pre.prettyprint {
    padding: 20px;
    background-color: #f3f3f3;
    border: 0px solid #e1e1e8;
}

/* Specify class=linenums on a pre to get line numbering */
ol.linenums {
    margin: 0 0 0 40px; /* IE indents via margin-left */
}

    ol.linenums li {
        padding-left: 12px;
        color: #bebec5;
        line-height: 20px;
        text-shadow: 0 1px 0 #fff;
    }

/* CSS Document */

/*
* 	Owl Carousel Owl Demo Theme
*	v1.3.2
*/

.owl-theme .owl-controls {
    margin-top: 10px;
    text-align: center;
}

    /* Styling Next and Prev buttons */

    .owl-theme .owl-controls .owl-buttons div {
        color: #FFF;
        display: inline-block;
        zoom: 1;
        *display: inline; /*IE7 life-saver */
        margin: 5px;
        padding: 3px 10px;
        font-size: 12px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
        border-radius: 30px;
        background: #869791;
        filter: Alpha(Opacity=50); /*IE7 fix*/
        opacity: 0.5;
    }
    /* Clickable class fix problem with hover on touch devices */
    /* Use it for non-touch hover action */
    .owl-theme .owl-controls.clickable .owl-buttons div:hover {
        filter: Alpha(Opacity=100); /*IE7 fix*/
        opacity: 1;
        text-decoration: none;
    }

    /* Styling Pagination*/

    .owl-theme .owl-controls .owl-page {
        display: inline-block;
        zoom: 1;
        *display: inline; /*IE7 life-saver */
    }

        .owl-theme .owl-controls .owl-page span {
            display: block;
            width: 12px;
            height: 12px;
            margin: 5px 7px;
            filter: Alpha(Opacity=50); /*IE7 fix*/
            opacity: 0.5;
            -webkit-border-radius: 20px;
            -moz-border-radius: 20px;
            border-radius: 20px;
            background: #666; /*150420 唐修改*/
        }

        .owl-theme .owl-controls .owl-page.active span,
        .owl-theme .owl-controls.clickable .owl-page:hover span {
            filter: Alpha(Opacity=100); /*IE7 fix*/
            opacity: 1;
        }

        /* If PaginationNumbers is true  */

        .owl-theme .owl-controls .owl-page span.owl-numbers
        {
            height: auto;
            min-width: 25px;
            color: #FFF;
            padding: 3px 0px;
            font-size: 1em;
            -webkit-border-radius: 25px;
            -moz-border-radius: 25px;
            border-radius: 25px;
            /*150420 唐修改*/
        }

/* preloading images */
.owl-item.loading {
    min-height: 150px;
    background: url(AjaxLoader.gif) no-repeat center center;
}

/* CSS Document */
/* Owl Carousel Bootstrap Custom CSS */

/* Header Navigation */
/*#top-nav {
    border-bottom: 1px solid #e1e6dd;
    background: #FFF;
    -webkit-transform: translateZ(0);
}

    #top-nav.navbar {
        margin-bottom: 0px;
    }

        #top-nav.navbar .nav {
            margin: 8px 0px;
        }

            #top-nav.navbar .nav > li > a {
                padding: 6px 12px;
                margin: 0px;
                text-transform: uppercase;
                font-weight: 400;
                -webkit-transition: background-color 200ms ease;
                -moz-transition: background-color 200ms ease;
                -o-transition: background-color 200ms ease;
                transition: background-color 200ms ease;
            }

                #top-nav.navbar .nav > li > a.download {
                    -webkit-border-radius: 3px;
                    -moz-border-radius: 3px;
                    border-radius: 3px;
                }

                #top-nav.navbar .nav > li > a.download-on {
                    background-color: #ff8a3c;
                    color: #ffffff;
                }

                    #top-nav.navbar .nav > li > a.download-on:hover {
                        color: #ffffff;
                        background-color: #ff7920;
                    }

.btn-navbar span.icon-bar {
    margin-top: 0px;
}*/

/* Header  */

#header {
    background: #f1f1f1;
    padding: 100px 0 100px;
}

    #header h1 {
        color: #7fc242;
        margin-bottom: 10px;
        margin-top: 40px;
    }

    #header h3 {
        margin-bottom: 30px;
        width: 400px;
    }

    #header .btn-success {
        padding: 15px 30px;
        margin-bottom: 5px;
    }

    #header .logo {
        display: block;
        margin-top: 60px;
        float: right;
    }

img.arrow-down {
    margin: 0 auto;
    display: block;
}

h1 {
    margin-top: 80px;
}

pre.pre-show {
    margin: 40px 0px;
}

.tab-content pre.pre-show {
    margin: 0px 0px 0px 0px;
}

.nav-tabs {
    margin-top: 20px;
    margin-bottom: 0px;
}

.tab-content {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    -webkit-border-radius: 0px 0px 4px 4px;
    -moz-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
}
/* Content */
.table th, .table td {
    padding: 8px 12px;
}

/* Footer */

#footer {
    padding: 20px 0px;
    background: #f3f3f3;
    text-align: center;
}

.twitter-share-button {
    top: 4px;
    position: relative;
}

/* Demo Slides */

#owl-example .item {
    padding: 30px 0px;
    margin: 10px;
    color: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    text-align: center;
}

    #owl-example .item img {
        width: auto;
        margin: 0 auto;
        display: block;
    }

    #owl-example .item h3 {
        font-size: 28px;
        font-weight: 300;
        margin: 25px 0 0;
    }

    #owl-example .item h4 {
        margin: 5px 0 0;
        font-size: 18px;
    }

.item h1 {
    margin: inherit;
}


/**20141013*/
/*這些css八成沒再用  但是會覆蓋到我們自己本身的css*/
/*.orange {
    background: #ff8a3c;
}

.darkCyan {
    background: #42bdc2;
}

.forestGreen {
    background: #7fc242;
}

.yellow {
    background: #ffd800;
}

.dodgerBlue {
    background: #388bd1;
}

.skyBlue {
    background: #a1def8;
}

.zombieGreen {
    background: #3fbf79;
}

.violet {
    background: #db6ac5;
}

.yellowLight {
    background: #fee664;
}

.steelGray {
    background: #cad3d0;
}*/

/* More Demo Box */

#example-info h1,
#more h1 {
    margin-top: 40px;
}

.demos-row {
    margin-top: 30px;
    margin-bottom: 30px;
}

.demo-page {
    margin-top: 0px;
    margin-bottom: 100px;
}

.demo-box {
    display: block;
    background: #f3f3f3;
    text-align: center;
    font-size: 18px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

    .demo-box h3 {
        padding-bottom: 20px;
        margin: 0px;
        color: #869690;
    }

    .demo-box:hover {
        text-decoration: none;
    }

.demo-wrapper {
    padding: 30px 0px 20px 0px;
    padding-left: 30px;
    padding-right: 30px;
}

.demo-slide {
    float: left;
}

    .demo-slide .bg {
        background: #aebab6;
        margin-right: 1px;
        height: 100%;
    }

.demo-box:hover .demo-slide .bg {
    background: #7fc242;
}
/* Images */
.demo-images .demo-slide {
    height: 40px;
    width: 33.3333333%;
}

/* Full */
.demo-full {
    padding-left: 0px;
    padding-right: 0px;
}

    .demo-full .demo-slide {
        height: 40px;
        width: 25%;
    }

/* Custom */
.demo-custom .demo-slide {
    height: 40px;
    width: 10%;
}
/* One */
.demo-one .demo-slide {
    height: 40px;
    width: 100%;
}

/* json */

.demo-Json .demo-slide {
    height: 40px;
    width: 20%;
}

.demo-Json-custom .demo-slide {
    height: 40px;
    width: 33.3333333%;
}
/* loading icon */

.demo-lazy .demo-slide {
    height: 40px;
    width: 33.3333333%;
}

    .demo-lazy .demo-slide .bg {
        background: url('../img/AjaxLoader.gif') no-repeat center center #aebab6;
    }

/* Auto Height */
.demo-height .demo-slide {
    height: 40px;
    width: 100%;
}

/* Changelog  */
#changelog {
    margin-bottom: 40px;
}

    #changelog .label {
        margin-bottom: 10px;
    }

    #changelog .log {
        margin-bottom: 30px;
        padding-bottom: 30px;
        border-bottom: 1px solid #e1e6dd;
    }
/* Faq */
#faq dt {
    line-height: 26px;
}

#faq dd {
    line-height: 22px;
    margin-bottom: 20px;
}

/* Responsive Stuff */

/*@media (max-width: 979px) {
    .navbar-fixed-top .navbar-inner, .navbar-fixed-bottom .navbar-inner {
        padding: 0px;
    }

    .navbar-fixed-top, .navbar-fixed-bottom {
        position: fixed;
    }
}*/

/*@media (max-width: 768px) {
    .navbar.navbar-fixed-top {
        position: static;
    }

    .btn.btn-navbar {
        margin: 9px 20px 9px 8px;
        padding: 10px 10px;
    }

    .nav-collapse .nav > li {
        border-top: 1px solid #e1e6dd;
        text-align: center;
    }

    #header .logo {
        margin-top: 40px;
        margin: 20px auto 0px;
        float: none;
        height: 150px;
    }

    #header {
        text-align: center;
        padding: 60px 0px 30px;
    }

        #header h1 {
            margin: 10px 0;
        }

        #header h3 {
            margin-bottom: 10px;
            width: auto;
            padding: 0px 20px;
        }

    h1 {
        font-size: 38px;
        margin: 20px 0;
    }

    h2 {
        font-size: 24px;
    }

    h3 {
        font-size: 20px;
    }

    h4 {
        font-size: 16px;
    }

    h5 {
        font-size: 13px;
    }

    h6 {
        font-size: 12px;
    }
}*/

/*@media (max-width: 480px) {
    .navbar-fixed-top, .navbar-fixed-bottom {
        position: static;
    }

    #header {
        text-align: center;
        padding: 20px 0px 20px;
    }

        #header .logo {
            margin-top: 0px;
        }
}*/

/*
NO MORE TABLES!! ;)
*/
@media (max-width: 767px) {
    .hp-table table, .hp-table thead, .hp-table .hp-table tbody, .hp-table th, .hp-table td, .hp-table tr {
        display: block;
    }

        .hp-table thead tr {
            display: none;
        }

    .hp-table tr {
        border: 0px solid #ccc;
        margin-bottom: 10px;
    }

    .hp-table td:before {
        top: 6px;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }

    .hp-table td:nth-of-type(2):before {
        content: "Default:";
        font-weight: bold;
    }

    .hp-table td:nth-of-type(3):before {
        content: "Type:";
        font-weight: bold;
    }

    .hp-table td:nth-of-type(4):before {
        content: "Description:";
        font-weight: bold;
    }
}