@charset "UTF-8";
/* CSS Document */

/* ---------------------------------------------------✁ global */

* {
    margin: 0;
    padding: 0;
    font-style: normal;
    list-style: none;
}

body {
    font-size: 13px;
    line-height: 1.7em;
    color: #000;
    text-align: center;
    -webkit-text-size-adjust: 100%;
    font-family: 'Montserrat','游ゴシック','YuGothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
    min-width: 1240px;
    -webkit-text-size-adjust: 100%;
}

h1, h2, h3, h4, h5, strong {
    font-weight: bold;
    font-size: 13px;
    font-family: 'Montserrat','游ゴシック','YuGothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
}

a {
    color: #128FC4;
    text-decoration: none;
    -moz-transition: color .1s;
    -o-transition: color .1s;
    -webkit-transition: color .1s;
    transition: color .1s;
}

    a:hover {
        text-decoration: underline;
    }

img {
    border: none;
    vertical-align: bottom;
    max-width: 100%;
}

header, nav, section, hgroup, article, figure, figcaption, footer {
    display: block;
}

/* ---------------------------------------------------✁ parts */

.adwords1 {
    margin-bottom: 15px !important;
    display: block;
    text-align: center;
}

.sp {
    display: none;
}

.content {
    width: 1280px;
    margin: auto;
}

#main {
    overflow: hidden;
}

.clear {
    clear: both;
}

.card {
    background: #FFF;
    border: 1px solid #CACACA;
    box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.1);
    margin-bottom: 15px;
    overflow: hidden;
}

    .card .header {
        background: #269AC6;
        line-height: 40px;
        font-size: 14px;
        font-weight: bold;
        color: #FFF;
        padding-left: 15px;
    }

        .card .header h3 {
            font-size: 14px;
            text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
        }

            .card .header h3 img {
                width: 25px;
                vertical-align: -7px;
                margin-right: 3px;
            }

#side-menu .card {
    margin-bottom: 15px;
}

#side-menu .add {
    text-align: center;
    margin-bottom: 15px;
}

#side-menu .panel {
}

.nav-button {
    display: none;
}

/* ---------------------------------------------------✁ header */
body {
    /*background: #E7E7E7;*/
}

#wrapper {
    text-align: left;
    margin-top: 50px;
    position: relative;
}

#header {
    background: #000;
    color: #FFF;
    overflow: hidden;
    line-height: 32px;
    box-shadow: 0px 1px 1px rgba(0,0,0,0.3);
    margin: 0 0 10px;
    position: fixed;
    margin-top: -50px;
    width: 100%;
    z-index: 100;
}

    #header a {
        color: #FFF;
    }

    #header h2 {
        font-size: 12px;
        float: left;
    }

        #header h2 a {
            text-decoration: underline !important;
        }

    #header .hello {
        display: block;
        float: right;
        padding: 0 10px;
        font-size: 12px;
        color: #d4d4d4;
        font-weight: bold;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 300px;
    }

    #header .nav {
        float: right;
        position: relative;
    }

        #header .nav ul {
            float: right;
            border-right: 1px solid #666666;
            overflow: hidden;
            background: #000;
            position: relative;
            z-index: 100;
        }

        #header .nav li {
            float: left;
        }

            #header .nav li span {
                display: none;
            }

            #header .nav li a {
                display: block;
                padding: 0 10px;
                border-left: 1px solid #666666;
                font-size: 12px;
                font-weight: bold;
            }

                #header .nav li a:hover {
                    text-decoration: none;
                    background: #3C3C3C;
                }

                #header .nav li a img {
                    height: 16px;
                    line-height: 32px;
                    padding: 8px 0;
                }

            #header .nav li p {
                padding: 0 10px;
                font-size: 12px;
            }


/* ---------------------------------------------------✁ side-menu */

#side-menu {
    float: left;
    width: 270px;
}

    #side-menu #logo {
        margin: 15px auto;
        text-align: center;
    }

        #side-menu #logo em {
            display: block;
            padding-top: 5px;
            font-size: 12px;
            color: #4d4d4d;
        }

        #side-menu #logo span {
            display: block;
        }

    #side-menu .nav {
        width: 270px;
    }

        #side-menu .nav ul {
            padding: 5px 0;
        }

        #side-menu .nav li a {
            line-height: 30px;
            color: #000;
            font-weight: bold;
            font-size: 13px;
            padding: 0 15px;
            display: block;
            font-family: 'Montserrat','游ゴシック','YuGothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
            background: #FFF;
        }

            #side-menu .nav li a:hover {
                text-decoration: none;
                background: #ECECEC;
            }

    #side-menu .nav-button {
        background: #269AC6;
        line-height: 40px;
        font-size: 14px;
        font-weight: bold;
        color: #FFF;
        padding-left: 20px;
    }

        #side-menu .nav-button a {
            display: none;
        }

    #side-menu .panel {
        margin-bottom: -2px;
    }

    #side-menu .nav .login {
        padding-bottom: 10px;
    }

        #side-menu .nav .login li {
            text-align: center;
        }

            #side-menu .nav .login li a {
                font-size: 12px;
                border: none;
                padding: 5px 0;
                line-height: 1em;
            }

                #side-menu .nav .login li a:hover {
                    background: none;
                }

    #side-menu .nav ul table {
        background: #F2F2F2;
        overflow: hidden;
        width: 100%;
    }


        #side-menu .nav ul table td {
            width: 33.3%;
            padding: 5px 0;
            float: left;
        }

            #side-menu .nav ul table td a {
                display: block;
                padding: 3px 3px 4px;
                text-align: center;
                font-size: 10px;
                line-height: 1.5em;
                color: #1797cc;
                background: none;
            }

            #side-menu .nav ul table td img {
                display: block;
                margin: 0px auto 5px;
            }

    #side-menu .nav .message .notice a {
        color: red;
    }

/* ---------------------------------------------------✁ main */

#main-content {
    overflow: hidden;
    margin-left: 290px;
}

#main-content-header {
    text-align: center;
}
    #main-content-header h1 {
        font-size: 25px;
    }

#MyOwnersMenu {
    margin-bottom: 10px;
}

    #MyOwnersMenu ul {
        list-style-type: none;
        padding-left: 0;
        text-align: center;
    }

    #MyOwnersMenu ul li {
        display: inline;
    }

    #Div_Profile {
        margin: 0 !important;
        text-align: inherit !important;
    }

#Div_Profile .TblProf {
    width: 100% !important;
}

.TblProf td {
    padding: 3px;
}

.TblProf_News {
    margin-top: 20px !important;
    width: 100%;
}

.TblProf_News td {
    padding: 10px;
}

.TblProf_News_Th {
    background: #FFA73B;
    color: #FFF;
    padding: 5px 0;
    border-bottom: 1px solid #CCC;
    text-align: left !important;
    font-size: 16px;
    text-shadow: none;
    padding-left: 10px;
    line-height: 40px;
    font-weight: bold;
}

#ContentPlaceHolder1_Table_GroupButton {
    margin-bottom: 20px !important;
}

.pager table td {
    padding: 2px;
}
.pager table td a {

}

#Menu1, #Menu1 ul, #Menu_MyMenu_MemberMenu, #Menu_MyMenu_MemberMenu ul {
    width: 100% !important;
}

#main {
    /*float: left;
    width: 630px;
    margin-right: 15px;*/
}

    #main.top_main {
        float: left;
        width: 670px;
        margin-right: 10px;
    }

.top_aside {
    float: left;
    width: 300px;
    display: inline;
}

#main-content #main .add img {
    display: block;
    margin: 0 auto 15px;
}

#main .card .header {
    background: #FFA73B;
    color: #FFF;
    padding: 5px 0;
    border-bottom: 1px solid #CCC;
}

    #main .card .header h3 {
        font-size: 16px;
        text-shadow: none;
        padding-left: 10px;
    }

#main .card h4 {
    font-size: 14px;
    padding: 10px 20px 0;
    color: #515151;
}

#main .card ul {
    padding: 10px 0;
}

    #main .card ul li {
        padding: 3px 20px;
        line-height: 1.5em;
    }

        #main .card ul li a {
            font-weight: bold;
        }

#DataListResult {
    width: 100% !important;
}
    #DataListResult br {
        display: none;
    }

    #DataListResult ul li {
        float: left;
        list-style-position: inside;
        width: 16.66666667%;
        margin-bottom: 10px;
        height: 135px;
        max-height: 135px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

@media screen and (max-width: 1200px) {
    #DataListResult ul li {
        width: 25%;
    }
}
@media screen and (max-width: 800px) {
    #DataListResult ul li {
        width: 33.33333333%;
    }
}

#ContentPlaceHolder1_DataListResult ul li {
    float: left;
    width: 33.333%;
    margin-bottom: 40px;
    height: 180px;
    line-height: 180px;
}

    #ContentPlaceHolder1_DataListResult ul li a,
    #DataListResult ul li a {
        display: block;
        text-align: center;
    }

        #ContentPlaceHolder1_DataListResult ul li a img,
        #DataListResult ul li a img {
            display: block;
            margin: 0 auto;
            max-width: 100%;
            max-height: 100%;
        }
        #ContentPlaceHolder1_DataListResult ul li a .username,
        #DataListResult ul li a .username {
            display: block;
        }

        #ContentPlaceHolder1_DataListResult ul li a .phototitle,
        #DataListResult ul li a .phototitle {
            display: block;
        }

#main .card table {
    margin: 10px 0;
}

#main .card .button {
    margin: 5px 20px 20px;
    display: inline-block;
    background: #0782B6;
    color: #FFF;
    font-weight: bold;
    line-height: 35px;
    padding: 0 20px;
    border-radius: 4px;
}

    #main .card .button:hover {
        background: #0F93CA;
        text-decoration: none;
    }

#main .garage .user {
    background: #F2F2F2;
    border-bottom: 1px solid #CCC;
}

    #main .garage .user a {
        color: #006999;
    }

#main .comment_c,
#main .friend {
    border-bottom: 1px solid #CCC;
}

/* ---------------------------------------------------✁ aside */

#aside {
    width: 200px;
    float: right;
}

    #aside .sub-content {
        display: none;
    }

    #aside .card.add {
        background: none;
        box-shadow: none;
        border: none;
        text-align: center;
    }

    #aside .card ul {
    }

    #aside .card li {
        padding: 7px 15px;
        border-bottom: 1px solid #CCC;
        line-height: 1.5em;
    }

        #aside .card li a {
            font-weight: bold;
        }

        #aside .card li.top {
            padding: 15px;
            border-bottom: 1px solid #CCC;
        }

            #aside .card li.top img {
                float: left;
                width: 50px;
            }

            #aside .card li.top p {
                margin-left: 60px;
                line-height: 50px;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
            }

    #aside .card .footer {
        padding: 5px 10px;
        background: #f2f2f2;
        text-align: right;
        font-weight: bold;
    }

    #aside .add {
        margin-bottom: 10px;
        text-align: center;
    }

    #aside .tags .header {
        background: #f15a24;
    }

    #aside .tags ul {
        padding: 10px;
    }

    #aside .tags li {
        border: none;
        display: inline-block;
        padding: 7px 5px;
        line-height: 1em;
        font-size: 12px;
    }

        #aside .tags li .large {
            font-size: 18px;
        }

        #aside .tags li .medium {
            font-size: 16px;
        }

/* ---------------------------------------------------✁ footer */

#footer {
    clear: both;
    background: #050505;
    color: #FFF;
    padding: 40px 0;
}

    #footer .content {
        width: 1020px;
        overflow: hidden;
    }

    #footer .about {
        float: left;
    }

    #footer .nav {
        overflow: hidden;
    }

        #footer .nav li {
            float: left;
            margin-right: 15px;
            line-height: 25px;
            font-size: 12px;
        }

            #footer .nav li a {
                color: #FFF;
                font-weight: bold;
            }

    #footer .header {
        overflow: hidden;
        clear: both;
        margin-bottom: 20px;
        margin-top: 80px;
    }

        #footer .header .logo {
            display: block;
            float: left;
        }

        #footer .header ul {
            float: left;
            margin-top: 22px;
        }

            #footer .header ul li {
                float: left;
            }

                #footer .header ul li a {
                    background: #343434;
                    display: block;
                    width: 30px;
                    text-align: center;
                    height: 25px;
                    padding: 2.5px 0;
                }

                    #footer .header ul li a img {
                        width: 25px;
                    }

    #footer h4 {
        clear: both;
        color: #CCCCCC;
        font-size: 14px;
        line-height: 2em;
        margin-bottom: 15px;
        display: block;
    }

        #footer h4 p {
            display: inline-block;
        }

    #footer .copyright {
        font-family: 'Oswald','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック',sans-serif;
        color: #969696;
        font-size: 12px;
    }

    #footer .facebook iframe {
        background: #FFF;
    }


    #footer .about {
        width: 37%;
        float: left;
    }

    #footer .facebook,
    #footer .twitter {
        width: 31%;
        float: left;
        text-align: center;
    }

#ifram_wrapper {
    width: 100%;
}

/*---------------------------------------------------
smaller than 1200
---------------------------------------------------*/
@media screen and (max-width: 1200px) {


    body {
        min-width: 100%;
    }

    /* ---------------------------------------------------✁ header */
    #header .content {
        width: 100%;
    }


    #header h2 {
        text-align: center;
        border-bottom: 1px solid #666;
        padding-left: 15px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
        max-width: 300px;
    }

    #header .nav {
        float: none;
    }

    #header .hello {
        text-align: left;
        float: none;
        position: absolute;
        max-width: 300px;
        top: 0;
        left: 0;
    }


    /* ---------------------------------------------------✁ main */

    .content {
        width: 95%;
    }

    #main-content {
        width: auto;
        float: none;
        position: relative;
    }

    #main {
        width: auto;
        margin: 0;
    }

        #main .add img {
            border: none;
        }

    .timeline .page-nav li {
        float: none;
        margin-top: 5px;
    }

    .cm iframe {
        float: none;
        width: 100%;
    }

    .cm .list {
        float: none;
        width: auto;
        padding: 15px;
    }

        .cm .list em {
            position: relative;
            bottom: 0;
            width: auto;
        }

    .add-list li {
        width: 25%;
        padding: 0;
    }

        .add-list li a {
            padding: 5px;
            display: block;
        }


    /* ---------------------------------------------------✁ aside */
    #aside {
        width: 28%;
    }

        #aside .card {
        }

    /* ---------------------------------------------------✁ footer */
    #footer .content {
        width: 95%;
    }

    #footer .about {
        width: 30%;
    }

    #footer .header {
        margin-top: 10px;
    }

    #footer .facebook,
    #footer .twitter {
        width: 35%;
        float: left;
    }
}


/*---------------------------------------------------
smaller than 1060
---------------------------------------------------*/
@media screen and (max-width: 1060px) {


    /* ---------------------------------------------------✁ main */
    #main {
    }

        #main .card .button {
            display: block;
            padding: 0;
            text-align: center;
        }


    /* ---------------------------------------------------✁ aside */
    #aside {
        width: 38%;
    }
}


/*---------------------------------------------------
smaller than 960
---------------------------------------------------*/
@media screen and (max-width: 960px) {

    #header h2 {
        border: none;
        line-height: 40px;
    }

    #header .sp {
        display: block;
    }

    #header .nav-button {
        float: right;
        width: 30px;
        padding: 5px;
        border-left: 1px solid #666;
    }

    #header .hello {
        line-height: 40px;
    }

    #header .nav ul {
        display: none;
    }

    #header .nav ul {
        float: none;
        clear: both;
        border: none;
        border-top: 1px solid #666;
    }

    #header .nav li {
        width: 50%;
        border-bottom: 1px solid #3A3A3A;
    }

        #header .nav li a {
            border-left: none;
        }

        #header .nav li:nth-child(even) a {
            border-right: 1px solid #3A3A3A;
        }

        #header .nav li span {
            display: inline;
            padding-left: 10px;
        }

        #header .nav li.pc {
            display: none;
        }

    /* ---------------------------------------------------✁ footer */

    #footer .about {
        width: 100%;
        float: none;
        margin-bottom: 20px;
    }

    #footer .header {
        margin-top: 10px;
    }

    #footer .facebook,
    #footer .twitter {
        width: 50%;
    }
}

/*---------------------------------------------------
smaller than 800
---------------------------------------------------*/
@media screen and (max-width: 800px) {

    .sp {
        display: block;
    }

    /* ---------------------------------------------------✁ main */
    #main, #main.top_main {
        width: 100%;
        margin-bottom: 20px;
    }

        #main .card ul li {
            padding: 6px 20px;
        }

    #side-menu .nav-button {
        display: none;
    }

    #side-menu #logo em {
        display: none;
    }

    /* ---------------------------------------------------✁ aside */

    #aside, .top_aside {
        width: 100%;
    }

    /* ---------------------------------------------------✁ footer */

    #footer .about {
        float: none;
        width: 100%;
    }

    #footer .nav {
        border: 1px solid #4D4D4D;
    }

        #footer .nav .nav-button {
            overflow: hidden;
            display: block;
            padding-left: 0;
        }

            #footer .nav .nav-button p {
                float: left;
                padding: 0 10px;
                line-height: 40px;
                font-family: 'Montserrat','游ゴシック','YuGothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
                font-size: 15px;
                font-weight: bold;
                text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
            }

            #footer .nav .nav-button a {
                display: block;
                width: 30px;
                padding: 5px;
                border-left: 1px solid #4D4D4D;
                float: right;
            }

        #footer .nav ul {
            display: none;
            border-top: 1px solid #4D4D4D;
            background: #333;
            overflow: hidden;
            border: 1px solid #000;
        }

        #footer .nav li {
            float: left;
            margin: 0;
            width: 50%;
        }

            #footer .nav li a {
                display: block;
                border-bottom: 1px solid #000;
                padding: 0 10px;
                line-height: 35px;
                border-left: none;
            }

            #footer .nav li:nth-child(odd) a {
                border-right: 1px solid #000;
            }

            #footer .nav li:last-child a {
                border-bottom: none;
            }

            #footer .nav li a:hover {
                text-decoration: none;
            }

    #footer .header {
        margin-top: 20px;
    }

        #footer .header ul {
            float: left;
            margin-left: 10px;
        }

    #footer .copyright {
        text-align: center;
        display: block;
    }

    #footer .facebook {
        margin-bottom: 20px;
    }

    #footer .facebook,
    #footer .twitter {
        width: 100%;
        float: none;
    }
}


/*---------------------------------------------------
smaller than 600
---------------------------------------------------*/
@media screen and (max-width: 600px) {


    #wrapper {
        margin-top: 50px;
    }

    /* ---------------------------------------------------✁ header */
    #header {
        margin-top: -50px;
    }

        #header h2 {
            float: left;
            padding-left: 10px;
            font-size: 11px;
            border: none;
            line-height: 40px;
        }

        #header .hello {
            display: none;
        }

    /* ---------------------------------------------------✁ side-menu */

    #side-menu .nav {
        display: none;
        width: 100%;
    }

        #side-menu .nav .card {
            margin-bottom: 0;
            border: none;
            box-shadow: none;
        }

        #side-menu .nav .header {
            border-top: 1px solid #91BECC;
        }

        #side-menu .nav ul {
            overflow: hidden;
            display: none;
        }

    #side-menu .card.panel {
        display: block;
    }

    #side-menu {
        width: 100%;
        float: none;
    }

        #side-menu #logo {
            padding-bottom: 10px;
            margin-bottom: 0;
            margin-top: 10px;
            border-bottom: 1px solid #CCC;
            width: 100%;
            text-align: center;
        }

            #side-menu #logo em {
                display: block;
            }

            #side-menu #logo img {
                width: 130px;
            }

        #side-menu .nav-button {
            overflow: hidden;
            display: block;
            padding-left: 0;
        }

            #side-menu .nav-button p {
                float: left;
                padding: 0 10px;
                line-height: 40px;
                font-family: 'Montserrat','游ゴシック','YuGothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo',sans-serif;
                font-size: 15px;
                font-weight: bold;
                text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
            }

            #side-menu .nav-button a {
                display: block;
                width: 30px;
                padding: 5px;
                border-left: 1px solid #91BECC;
                float: right;
            }

        #side-menu .sub-content {
            display: none;
        }



        #side-menu .nav .login li {
            float: none;
            width: 100%;
        }

            #side-menu .nav .login li a {
                border: none;
            }

    /* ---------------------------------------------------✁ main */

    #main-content {
        margin-left: 0;
        margin: 10px 0;
    }

    /* ---------------------------------------------------✁ footer */

    #aside .add {
        text-align: center;
        margin-bottom: 15px;
    }

    #aside .card li {
        border: none;
    }

    /* ---------------------------------------------------✁ footer */

    #footer {
        padding: 15px 0;
        margin-top: 15px;
    }

        #footer h4 {
            font-size: 12px;
        }

        #footer .header .logo {
            width: 200px;
        }

        #footer .header ul {
            float: left;
            margin-top: 12px;
            margin-right: 0;
            margin-left: 10px;
        }
}


/*---------------------------------------------------
smaller than 960
---------------------------------------------------*/
@media screen and (min-width: 960px) {


    #header .nav ul {
        display: block !important;
    }
}

/*---------------------------------------------------
smaller than 600
---------------------------------------------------*/
@media screen and (min-width: 600px) {

    #side-menu .nav {
        display: block;
    }

    #side-menu .sponsor div {
        width: auto;
        float: none;
    }

    #side-menu .nav {
        display: block !important;
    }
}

/* ---------------------------------------------------✁ search */

input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
    background-color: #008EEC !important;
}

input[type="submit"],
input[type="button"] {
    border-radius: 0;
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    appearance: button;
    border: none;
    box-sizing: border-box;
    cursor: pointer;
}

    input[type="submit"]::-webkit-search-decoration,
    input[type="button"]::-webkit-search-decoration {
        display: none;
    }

    input[type="submit"]::focus,
    input[type="button"]::focus {
        outline-offset: -2px;
    }

.btn {
    display: inline-block;
    padding: 6px 12px;
    margin: 5px;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

    .btn:focus,
    .btn:active:focus,
    .btn.active:focus {
        outline: thin dotted;
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px;
    }

    .btn:hover,
    .btn:focus {
        color: #333;
        text-decoration: none;
    }

    .btn:active,
    .btn.active {
        background-image: none;
        outline: 0;
        -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
        box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    }

    .btn.disabled,
    .btn[disabled],
    fieldset[disabled] .btn {
        pointer-events: none;
        cursor: not-allowed;
        filter: alpha(opacity=65);
        -webkit-box-shadow: none;
        box-shadow: none;
        opacity: .65;
    }

.btn-default {
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

    .btn-default:hover,
    .btn-default:focus,
    .btn-default:active,
    .btn-default.active,
    .open .dropdown-toggle.btn-default {
        color: #333;
        background-color: #ebebeb;
        border-color: #adadad;
    }

    .btn-default:active,
    .btn-default.active,
    .open .dropdown-toggle.btn-default {
        background-image: none;
    }

    .btn-default.disabled,
    .btn-default[disabled],
    fieldset[disabled] .btn-default,
    .btn-default.disabled:hover,
    .btn-default[disabled]:hover,
    fieldset[disabled] .btn-default:hover,
    .btn-default.disabled:focus,
    .btn-default[disabled]:focus,
    fieldset[disabled] .btn-default:focus,
    .btn-default.disabled:active,
    .btn-default[disabled]:active,
    fieldset[disabled] .btn-default:active,
    .btn-default.disabled.active,
    .btn-default[disabled].active,
    fieldset[disabled] .btn-default.active {
        background-color: #fff;
        border-color: #ccc;
    }

    .btn-default .badge {
        color: #fff;
        background-color: #333;
    }

.btn-primary {
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
}

    .btn-primary:hover,
    .btn-primary:focus,
    .btn-primary:active,
    .btn-primary.active,
    .open .dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #3276b1;
        border-color: #285e8e;
    }

    .btn-primary:active,
    .btn-primary.active,
    .open .dropdown-toggle.btn-primary {
        background-image: none;
    }

    .btn-primary.disabled,
    .btn-primary[disabled],
    fieldset[disabled] .btn-primary,
    .btn-primary.disabled:hover,
    .btn-primary[disabled]:hover,
    fieldset[disabled] .btn-primary:hover,
    .btn-primary.disabled:focus,
    .btn-primary[disabled]:focus,
    fieldset[disabled] .btn-primary:focus,
    .btn-primary.disabled:active,
    .btn-primary[disabled]:active,
    fieldset[disabled] .btn-primary:active,
    .btn-primary.disabled.active,
    .btn-primary[disabled].active,
    fieldset[disabled] .btn-primary.active {
        background-color: #428bca;
        border-color: #357ebd;
    }

    .btn-primary .badge {
        color: #428bca;
        background-color: #fff;
    }

.btn-success {
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
}

    .btn-success:hover,
    .btn-success:focus,
    .btn-success:active,
    .btn-success.active,
    .open .dropdown-toggle.btn-success {
        color: #fff;
        background-color: #47a447;
        border-color: #398439;
    }

    .btn-success:active,
    .btn-success.active,
    .open .dropdown-toggle.btn-success {
        background-image: none;
    }

    .btn-success.disabled,
    .btn-success[disabled],
    fieldset[disabled] .btn-success,
    .btn-success.disabled:hover,
    .btn-success[disabled]:hover,
    fieldset[disabled] .btn-success:hover,
    .btn-success.disabled:focus,
    .btn-success[disabled]:focus,
    fieldset[disabled] .btn-success:focus,
    .btn-success.disabled:active,
    .btn-success[disabled]:active,
    fieldset[disabled] .btn-success:active,
    .btn-success.disabled.active,
    .btn-success[disabled].active,
    fieldset[disabled] .btn-success.active {
        background-color: #5cb85c;
        border-color: #4cae4c;
    }

    .btn-success .badge {
        color: #5cb85c;
        background-color: #fff;
    }

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border-color: #46b8da;
}

    .btn-info:hover,
    .btn-info:focus,
    .btn-info:active,
    .btn-info.active,
    .open .dropdown-toggle.btn-info {
        color: #fff;
        background-color: #39b3d7;
        border-color: #269abc;
    }

    .btn-info:active,
    .btn-info.active,
    .open .dropdown-toggle.btn-info {
        background-image: none;
    }

    .btn-info.disabled,
    .btn-info[disabled],
    fieldset[disabled] .btn-info,
    .btn-info.disabled:hover,
    .btn-info[disabled]:hover,
    fieldset[disabled] .btn-info:hover,
    .btn-info.disabled:focus,
    .btn-info[disabled]:focus,
    fieldset[disabled] .btn-info:focus,
    .btn-info.disabled:active,
    .btn-info[disabled]:active,
    fieldset[disabled] .btn-info:active,
    .btn-info.disabled.active,
    .btn-info[disabled].active,
    fieldset[disabled] .btn-info.active {
        background-color: #5bc0de;
        border-color: #46b8da;
    }

    .btn-info .badge {
        color: #5bc0de;
        background-color: #fff;
    }

.btn-warning {
    color: #fff;
    background-color: #f0ad4e;
    border-color: #eea236;
}

    .btn-warning:hover,
    .btn-warning:focus,
    .btn-warning:active,
    .btn-warning.active,
    .open .dropdown-toggle.btn-warning {
        color: #fff;
        background-color: #ed9c28;
        border-color: #d58512;
    }

    .btn-warning:active,
    .btn-warning.active,
    .open .dropdown-toggle.btn-warning {
        background-image: none;
    }

    .btn-warning.disabled,
    .btn-warning[disabled],
    fieldset[disabled] .btn-warning,
    .btn-warning.disabled:hover,
    .btn-warning[disabled]:hover,
    fieldset[disabled] .btn-warning:hover,
    .btn-warning.disabled:focus,
    .btn-warning[disabled]:focus,
    fieldset[disabled] .btn-warning:focus,
    .btn-warning.disabled:active,
    .btn-warning[disabled]:active,
    fieldset[disabled] .btn-warning:active,
    .btn-warning.disabled.active,
    .btn-warning[disabled].active,
    fieldset[disabled] .btn-warning.active {
        background-color: #f0ad4e;
        border-color: #eea236;
    }

    .btn-warning .badge {
        color: #f0ad4e;
        background-color: #fff;
    }

.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}

    .btn-danger:hover,
    .btn-danger:focus,
    .btn-danger:active,
    .btn-danger.active,
    .open .dropdown-toggle.btn-danger {
        color: #fff;
        background-color: #d2322d;
        border-color: #ac2925;
    }

    .btn-danger:active,
    .btn-danger.active,
    .open .dropdown-toggle.btn-danger {
        background-image: none;
    }

    .btn-danger.disabled,
    .btn-danger[disabled],
    fieldset[disabled] .btn-danger,
    .btn-danger.disabled:hover,
    .btn-danger[disabled]:hover,
    fieldset[disabled] .btn-danger:hover,
    .btn-danger.disabled:focus,
    .btn-danger[disabled]:focus,
    fieldset[disabled] .btn-danger:focus,
    .btn-danger.disabled:active,
    .btn-danger[disabled]:active,
    fieldset[disabled] .btn-danger:active,
    .btn-danger.disabled.active,
    .btn-danger[disabled].active,
    fieldset[disabled] .btn-danger.active {
        background-color: #d9534f;
        border-color: #d43f3a;
    }

    .btn-danger .badge {
        color: #d9534f;
        background-color: #fff;
    }

.btn-link {
    font-weight: normal;
    color: #428bca;
    cursor: pointer;
    border-radius: 0;
}

    .btn-link,
    .btn-link:active,
    .btn-link[disabled],
    fieldset[disabled] .btn-link {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .btn-link,
        .btn-link:hover,
        .btn-link:focus,
        .btn-link:active {
            border-color: transparent;
        }

            .btn-link:hover,
            .btn-link:focus {
                color: #2a6496;
                text-decoration: underline;
                background-color: transparent;
            }

            .btn-link[disabled]:hover,
            fieldset[disabled] .btn-link:hover,
            .btn-link[disabled]:focus,
            fieldset[disabled] .btn-link:focus {
                color: #999;
                text-decoration: none;
            }

.btn-lg,
.btn-group-lg > .btn {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.33;
    border-radius: 6px;
}

.btn-sm,
.btn-group-sm > .btn {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-xs,
.btn-group-xs > .btn {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-block {
    display: block;
    width: 100%;
    padding-right: 0;
    padding-left: 0;
}

    .btn-block + .btn-block {
        margin-top: 5px;
    }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
    width: 100%;
}

.text-justify {
    text-align: justify !important;
}

.text-nowrap {
    white-space: nowrap !important;
}

.text-truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-center {
    text-align: center !important;
}

@media (min-width: 576px) {
    .text-sm-left {
        text-align: left !important;
    }

    .text-sm-right {
        text-align: right !important;
    }

    .text-sm-center {
        text-align: center !important;
    }
}

@media (min-width: 768px) {
    .text-md-left {
        text-align: left !important;
    }

    .text-md-right {
        text-align: right !important;
    }

    .text-md-center {
        text-align: center !important;
    }
}

@media (min-width: 992px) {
    .text-lg-left {
        text-align: left !important;
    }

    .text-lg-right {
        text-align: right !important;
    }

    .text-lg-center {
        text-align: center !important;
    }
}

@media (min-width: 1200px) {
    .text-xl-left {
        text-align: left !important;
    }

    .text-xl-right {
        text-align: right !important;
    }

    .text-xl-center {
        text-align: center !important;
    }
}

.text-lowercase {
    text-transform: lowercase !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.text-capitalize {
    text-transform: capitalize !important;
}

.font-weight-light {
    font-weight: 300 !important;
}

.font-weight-normal {
    font-weight: 400 !important;
}

.font-weight-bold {
    font-weight: 700 !important;
}

.font-italic {
    font-style: italic !important;
}

.text-white {
    color: #fff !important;
}

.text-primary {
    color: #007bff !important;
}

a.text-primary:hover, a.text-primary:focus {
    color: #0062cc !important;
}

.text-secondary {
    color: #6c757d !important;
}

a.text-secondary:hover, a.text-secondary:focus {
    color: #545b62 !important;
}

.text-success {
    color: #28a745 !important;
}

a.text-success:hover, a.text-success:focus {
    color: #1e7e34 !important;
}

.text-info {
    color: #17a2b8 !important;
}

a.text-info:hover, a.text-info:focus {
    color: #117a8b !important;
}

.text-warning {
    color: #ffc107 !important;
}

a.text-warning:hover, a.text-warning:focus {
    color: #d39e00 !important;
}

.text-danger {
    color: #dc3545 !important;
}

a.text-danger:hover, a.text-danger:focus {
    color: #bd2130 !important;
}

.text-light {
    color: #f8f9fa !important;
}

a.text-light:hover, a.text-light:focus {
    color: #dae0e5 !important;
}

.text-dark {
    color: #343a40 !important;
}

a.text-dark:hover, a.text-dark:focus {
    color: #1d2124 !important;
}

.text-body {
    color: #212529 !important;
}

.text-muted {
    color: #6c757d !important;
}

.text-black-50 {
    color: rgba(0, 0, 0, 0.5) !important;
}

.text-white-50 {
    color: rgba(255, 255, 255, 0.5) !important;
}

.text-hide {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0;
}

.group_top_image img {
    height: auto !important;
}