﻿@import url("../../../../CK/Res/Style/Styles.css");
@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Text&family=Work+Sans:wght@400;600&display=swap');

.ck_user_mypageslogin .page-col50 {
    float: none;
}

    .ck_user_mypageslogin .page-col50 .noren-login-label {
        margin-left: 10px;
    }

@media (min-width: 900px) {
    .ck_user_mypageslogin #ctl00_ctl01_DefaultSiteContentPlaceHolder1_divCol25 {
        float: none;
        left: 10px;
        position: relative;
        width: 60%;
    }
}

#ctl00_ctl01_DefaultSiteContentPlaceHolder1_Col1_holderService {
    display: none;
}

#ctl00_ctl01_imgSiteTitle{
    width:160px;
}

.btn {

}

input, input[type=submit], input[type=button] {
    font-size: 14px;
    text-transform: uppercase;
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
    background-color: #03143a;
    color: #fff;
    background-image: none;
    border-radius: 2px;
    line-height: 1.5;
    padding: 8px;
    height: auto;
}

    input[type=submit]:hover, input[type=button]:hover {
        color: #FFF;
    }

div.global-unauthorized-login a, div.global-unauthorized-register a, div.global-authorized-mypages a, div.global-authorized-logout a, div.global-language a, div.global-rss a, .navigationBtn {
    /*background: rgba(0, 0, 0, 0) none repeat scroll 0 0;*/
    background: #829AA7 none repeat scroll 0 0;
    color: #000 !important;
    border-radius: 2px;
    padding: 8px;
    /*color: rgba(0,0,0,0.87);*/
    text-transform: uppercase;
    -moz-transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1) 0s, background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, color 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    -o-transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1) 0s, background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, color 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    -webkit-transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1) 0s, background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, color 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 1, 1) 0s, background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s, color 0.2s cubic-bezier(0.4, 0, 0.2, 1) 0s;
}

    div.global-unauthorized-login a:hover, div.global-unauthorized-register a:hover, div.global-authorized-mypages a:hover, div.global-authorized-logout a:hover, div.global-language a:hover, div.global-rss a:hover {
        background: #829AA7;
        color: #000 !important;
    }


div.siteHeader-container {
    background: #fff;
    border-bottom: 1px solid rgba(0,0,0,0.12);
    max-width: 100%;
    height: 100px;
}

body {
    background-color: #f6f5f0;
    font-family:'Work Sans', sans-serif;
}

h1 {
    font-family: 'DM Serif Text', serif;
    color: #303030;
}

input[type=text], input[type=password], input.search_field {
    color:#303030;
}

div.card-holder > .card .card-header {
    background-color: #829AA7;
}

div.card-holder {
    background-color: #f6f5f0 !important;
    
}

    div.card-holder > .card .card-header H3 {
        width: 100%;
        text-align: center;
    }

    div.card-holder > .card .card-content {
        text-align: center;
    }