@font-face {
    font-family: "LigatureSymbols";
    src: url("../fonts/LigatureSymbols-2.11.eot");
    src: url("../fonts/LigatureSymbols-2.11.eot?#iefix") format("embedded-opentype"),
        url("../fonts/LigatureSymbols-2.11.woff") format("woff"),
        url("../fonts/LigatureSymbols-2.11.ttf") format("truetype"),
        url("../fonts/LigatureSymbols-2.11.svg#LigatureSymbols") format("svg");
    font-weight: normal;
    font-style: normal;
}

.icon-font {
    font-family: "LigatureSymbols";
    -webkit-text-rendering: optimizeLegibility;
    -moz-text-rendering: optimizeLegibility;
    -ms-text-rendering: optimizeLegibility;
    -o-text-rendering: optimizeLegibility;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -ms-font-smoothing: antialiased;
    -o-font-smoothing: antialiased;
    font-smoothing: antialiased;
    -webkit-font-feature-settings: "liga"1, "dlig"1;
    -moz-font-feature-settings: "liga=1, dlig=1";
    -ms-font-feature-settings: "liga"1, "dlig"1;
    -o-font-feature-settings: "liga"1, "dlig"1;
    font-feature-settings: "liga"1, "dlig"1;
}

/*------------------------------------------
// User style start
// change
----------------------------------------- */
.general-button {
    border-radius: 6px;
    background-color: #72bf43;
}

.general-button:before {
    border-radius: 6px;
    border-bottom: 0px solid rgba(93, 158, 53, 0);
    background-color: rgba(93, 158, 53, 0);
}

.button-content {
    border-radius: 0px 0px 6px 6px;
    box-shadow: 0px 0px 0px 0px rgba(93, 158, 53, 0);
    color: #ffffff;
}

.button-content a {
    padding: 9px 7.5px;
	display: block;
}

.button-text {
    padding: 0px 7.5px;
    line-height: 1.7em;
    font-size: 16px;
}

.icon-font {
    padding: 0px 7.5px;
    font-size: 27px;
}

/*----------------- at hover -----------------*/
.general-button:hover {
    top: -1px;
    transition: all 38ms;
    -moz-transition: all 38ms;
    -webkit-transition: all 38ms;
    -o-transition: all 38ms;
    background-color: #7ac24e;
}

.general-button:hover:before {
    border-bottom: 1px solid rgba(93, 158, 53, 0);
    transition: all 38ms;
    -moz-transition: all 38ms;
    -webkit-transition: all 38ms;
    -o-transition: all 38ms;
}

.general-button:hover .button-content {
    box-shadow: 0px 1px 0px 0px rgba(93, 158, 53, 1);
    transition: all 38ms;
    -moz-transition: all 38ms;
    -webkit-transition: all 38ms;
    -o-transition: all 38ms;
}

/*----------------- at active -----------------*/
.general-button:active {
    background-color: #66ad3b;
    box-shadow: 0px 1.2px 0px 0px rgba(82, 139, 47, 1) inset;
}

.general-button:active:before {
    top: -1px;
    padding-bottom: 1px;
    border-bottom: 0px solid rgba(93, 158, 53, 0);
}

.general-button:active .button-content {
    box-shadow: 0px 0px 0px 0px rgba(93, 158, 53, 0);
}

/*------------------------------------------
// User style end
----------------------------------------- */
/*------------------------------------------
// Core style start
// not change
----------------------------------------- */
.general-button {
    display: -moz-inline-box;
    display: inline-block;
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    transition: all 0ms;
    -moz-transition: all 0ms;
    -webkit-transition: all 0ms;
    -o-transition: all 0ms;
    position: relative;
    top: 0px;
    cursor: pointer;
    text-decoration: none;
    line-height: 1;
	word-break: initial;
}

.general-button:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	z-index: -1;
}

.button-content {
    display: table;
    transition: all 0ms;
    -moz-transition: all 0ms;
    -webkit-transition: all 0ms;
    -o-transition: all 0ms;
}

.button-text {
    display: table-cell;
    vertical-align: middle;
    text-decoration: none;
}

.icon-font {
    display: table-cell;
    vertical-align: middle;
}

/*----------------- at hover -----------------*/
.general-button:hover {
    transition-timing-function: ease-in-out;
}

.general-button:hover:before {
    transition-timing-function: ease-in-out;
}

.general-button:hover .button-content {
    transition-timing-function: ease-in-out;
}

/*----------------- at active -----------------*/
.general-button:active {
    top: 0px;
    transition: all 0ms;
    -moz-transition: all 0ms;
    -webkit-transition: all 0ms;
    -o-transition: all 0ms;
}

.general-button:active:before {
    transition: all 0ms;
    -moz-transition: all 0ms;
    -webkit-transition: all 0ms;
    -o-transition: all 0ms;
}

.general-button:active .button-content {
    transition: all 0ms;
    -moz-transition: all 0ms;
    -webkit-transition: all 0ms;
    -o-transition: all 0ms;
}

/*------------------------------------------
// Core style end
----------------------------------------- */
/*------------------------------------------
// Touch style start
----------------------------------------- */
/*----------------- at hover -----------------*/
.touch .general-button:hover {
    top: 0px;
    background-color: #72bf43;
}

.touch .general-button:hover:before {
    border-bottom: 0px solid rgba(93, 158, 53, 0);
}

.touch .general-button:hover .button-content {
    box-shadow: 0px 0px 0px 0px rgba(93, 158, 53, 1);
}

/*----------------- at active -----------------*/
.touch .general-button:active {
    background-color: #66ad3b;
    box-shadow: 0px 1.2px 0px 0px rgba(82, 139, 47, 1) inset;
}

.touch .general-button:active:before {
    top: -1px;
    padding-bottom: 1px;
    border-bottom: 0px solid rgba(93, 158, 53, 0);
}

.touch .general-button:active .button-content {
    box-shadow: 0px 0px 0px 0px rgba(93, 158, 53, 0);
}

/*------------------------------------------
// Touch style end
----------------------------------------- */