/* -------------------------------- 

Primary style

-------------------------------- */
*,
*::after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

html {
    font-size: 62.5%;
}

body {
    font-size: 1.6rem;
    font-family: "Open Sans", sans-serif;
    color: #2b3e51;
    background-color: #ffffff;
    padding: 0;
    margin: 0;
}
.kv {
    width: 100%;
    height: auto;
    max-width: 600px;
    display: block;
    margin: 0 auto;
}
.default-form {
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 1.5rem;
}

    .default-form,
    .default-form .input-item input,
    .default-form .phone-code-item input,
    .default-form .textarea-item textarea,
    .default-form label,
    .default-form select,
    .default-form button {
        font-family: "Open Sans", sans-serif;
        font-size: 1.6rem;
        color: #2b3e51;
    }

        .default-form .input-item input,
        .default-form .phone-code-item input,
        .default-form select,
        .default-form .textarea-item textarea,
        .default-form button {
            padding: 10px 12px;
            border: 1px solid #cfd9db;
            background-color: #ffffff;
            border-radius: 4px;
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.08);
            width: 100%;
            box-sizing: border-box;
        }

        .default-form .input-item input {
            padding-right: 2.5rem;
        }

        .default-form .textarea-item textarea {
            resize: none;
            padding-right: 2.5rem;
            display: block;
        }

        .default-form input:focus,
        .default-form textarea:focus,
        .default-form select:focus {
            outline: none;
            border-color: #2c97de;
            box-shadow: 0 0 5px rgba(44, 151, 222, 0.2);
        }

        .default-form input::placeholder,
        .default-form textarea::placeholder {
            color: #94aab0;
        }

        .default-form > div > i {
            display: none;
        }

        .default-form .required i {
            display: block;
            width: 20px;
            height: 100%;
            overflow: hidden;
            background: url(../Images/cd-required.png) no-repeat center right;
            background-size: 100% auto;
            position: absolute;
            right: 0;
            top: 0;
        }

        .default-form .input-item,
        .default-form .phone-code-item,
        .default-form .textarea-item,
        .default-form .select-item,  
		.default-form .checkbox-item,
        .default-form .radio-item {
			display:flex;
            width: 100%;
            padding: 4px 0;
            position: relative;
        }

            .default-form .input-item label, .default-form .phone-code-item label {
                display: none;
            }

            .default-form .input-item h4,
			.default-form .phone-code-item h4,
            .default-form .textarea-item h4,
            .default-form .radio-item h4,
            .default-form .select-item h4,
            .default-form .checkbox-item h4 {
                width: 30%;
                overflow: hidden;
                font-size: 1.5rem;
                padding: 0 0 5px 0;
                margin: 0;
                font-weight: bold;
                margin-block-start: 0.5em;
                margin-block-end: 0.5em;
            }

            .default-form .textarea-item textarea {
                width: 100%;
                height: 10rem;
            }

            .default-form .textarea-item.required i {
                background: url(../Images/cd-required.png) no-repeat top right;
                background-size: 100% auto;
                position: absolute;
                right: 0;
                top: 2rem;
            }

            .default-form .select-item select {
                box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
                cursor: pointer;
            }

        .default-form .item-list {
            width: 100%;
            overflow: hidden;
            margin: 0;
            padding: 5px 0 0 0px;
        }

            .default-form .item-list li {
                display: inline-block;
                position: relative;
                -webkit-user-select: none;
                -moz-user-select: none;
                -ms-user-select: none;
                user-select: none;
                margin: 3px 20px 3px 0;
            }

        .default-form .btn-item {
            width: 100%;
            padding: 10px 0;
            margin-top: 10px;
        }

            .default-form .btn-item button {
                border: 0;
                background: #2c97de;
                color: #fff;
                box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
                cursor: pointer;
                padding: 12px 0;
            }

        .default-form .phone-code-item {
            display: flex;
        }

            .default-form .phone-code-item input {
                width: 40%;
                margin-right: 3%;
            }

            .default-form .phone-code-item button {
                width: 55%;
                border: 0;
                background: #56ace5;
                color: #fff;
                box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
                cursor: pointer;
            }
.title {
    text-align: center;
    padding: 5px 5px;
    font-size: 18px;
    font-weight: bolder;
    color:#888
}
.report-sum{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    font-size:24px;
    font-weight:bolder;
    align-content:space-around;
    align-items:center;
    width:100%;
    margin:15px 5px;
}

#signupDiv {
    flex: 1;
    background-color: #4800ff;
    color: #fff;
    text-align: center;
    margin-right: 5px;
    border-radius:15px;
}
#signinDiv {
    flex: 1;
    background-color: #b200ff;
    color: #fff;
    text-align: center;
    margin-right: 5px;
    border-radius: 15px;
}
#rateDiv {
    flex: 1;
    background-color: #ffd800;
    color: #fff;
    text-align: center;
    border-radius: 15px;
}