div.main-page-container {
    width: 100%;
    background: white;
    margin: auto;
}

div.main-page-body {
    width: 100%;
    background: #ffffff;
}

div.main-page-footer {
    width: 100%;
    height: 200px;
    margin-bottom: 30px;
}

div.main-page-header {
    background: #ffe100;
    width: 100%;
    min-width: 1021px;
    height: 200px;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(./../img/main_page_header_background_1.png);
}


div.main-page-header-container {
    width: 1002px;
    height: 200px;
    margin: auto;
    /* background-size: contain; */
    /* background-repeat: no-repeat; */
    /* background: url(./../img/main_page_header_background_1.png); */
}


img.main-page-logo {
    border-bottom-left-radius: 100px 50px;
    border-bottom-right-radius: 100px 50px;
    float: left;
    width: 196px;
    margin-left: -9px;
    margin-top: 87px;
    cursor: pointer;
}


ul {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}
ul.main-page-tab1-ul {
    float: left;
    list-style-type: none;
    margin-top: 100px;
    margin-left: 44px;
    padding-inline-start: 0px;
}

li.main-page-tab1-li {
    padding-left: 5px;
    padding-right: 7px;
    display: inline-block;
    margin-left: 15px;
    margin-right: 15px;
    height: 40px;
}

div.main-page-tab1-li-text {
    font-size: 20px;
    margin-top: 6px;
    /* font-weight: 100; */
    font-family: shskr-medium;
}

div.main-page-tab2-ul-container {
    border-radius: 15px 15px 15px 15px;
    background: #FFFFFF;
    width: 250px;
    height: 30px;
    float: right;
    margin-top: 105px;
    margin-left: 10px;
    display: inline;
    text-align: center;
}

ul.main-page-tab2-ul {
    margin-top: auto;
    padding-inline-start: 0px;
    display: inline;
}

li.main-page-tab2-li.left {
    border-radius: 15px 15px 15px 15px;
    padding-left: 8px;
    padding-right: 8px;
}

li.main-page-tab2-li {
    cursor: pointer;
    display: table-cell;
    height: 30px;
}


.normal-gray {
    color: #8c8b8b;
}
.weight-600 {
    font-weight: 600;
}

li.main-page-tab2-li.left {
    border-radius: 15px 15px 15px 15px;
    padding-left: 8px;
    padding-right: 8px;
}
li.main-page-tab2-li {
    cursor: pointer;
    display: table-cell;
    height: 30px;
    /* background: #FFFFFF; */
    padding-left: 7px;
    padding-right: 7px;
}
ul {
    list-style-type: disc;
}
.deep-green {
    color: #327309;
}

div.main-page-tab2-ul-container {
    border-radius: 15px 15px 15px 15px;
    background: #FFFFFF;
    width: 250px;
    height: 30px;
    float: right;
    margin-top: 105px;
    margin-left: 10px;
    display: inline;
}


.normal-gray {
    color: #8c8b8b;
}

.weight-600 {
    font-weight: 600;
}

li.main-page-tab2-li.right {
    border-radius: 15px 15px 15px 15px;
    padding-left: 8px;
    padding-right: 8px;
}

li.main-page-tab2-li {
    cursor: pointer;
    display: table-cell;
    height: 30px;
    /* background: #FFFFFF; */
    padding-left: 7px;
    padding-right: 7px;
}


.normal-gray {
    color: #8c8b8b;
}
.weight-600 {
    font-weight: 600;
}


div.main-page-body-container {
    margin: auto;
    width: 1021px;
    /* height: 600px; */
}

ul.main-page-items-ul {
    float: left;
    list-style-type: none;
    margin-top: 60px;
    margin-bottom: 150px;
    margin-left: 5px;
    padding-inline-start: 0px;
}

li.main-page-items-li.left {
    background: #ec6c00;
    border: #ec6c00 solid 15px;
    border-radius: 20px;
    margin-right: 5px;
}

li.main-page-items-li {
    float: left;
    width: 300px;
    height: 350px;
    cursor: pointer;
}


li.main-page-items-li.mid {
    background: #b979b0;
    border: #b979b0 solid 15px;
    border-radius: 20px;
    margin-left: 5px;
    margin-right: 5px;
}

li.main-page-items-li {
    float: left;
    width: 300px;
    height: 350px;
    cursor: pointer;
}

li.main-page-items-li.right {
    background: #17a08a;
    border: #17a08a solid 15px;
    border-radius: 20px;
    margin-left: 5px;
}

li.main-page-items-li {
    float: left;
    width: 300px;
    height: 350px;
    cursor: pointer;
}

li.main-page-tab1-li:hover {
    cursor: pointer;
    padding-left: 5px;
    padding-right: 7px;
    border-radius: 20px;
    background: rgba(0, 0, 0, 0.06);
    display: inline-block;
    margin-left: 15px;
    margin-right: 15px;
    height: 40px;
}

li {
    display: list-item;
    text-align: -webkit-match-parent;
}

img.main-page-items-li-img {
    width: 387px;
    margin-top: -9px;
    margin-left: -72px;
}


img.main-page-items-li-img-center {
    width: 411px;
    margin-top: -17px;
    margin-left: -68px;
}


img.main-page-items-li-img-right {
    width: 387px;
    margin-top: -14px;
    margin-left: -59px;
}

img {
    overflow-clip-margin: content-box;
    overflow: clip;
}

div.main-page-body-left-menu {
    width: 200px;
    float: left;
    margin-top: 50px;
}

div.main-page-body-left-menu-text-title {
    font-size: 22px;
}

.normal-green {
    color: #ea5404;
}

.weight-bold {
    font-weight: bold;
}

.malgun {
    font-family: malgun;
}

ul.main-page-body-left-menu-ul {
    list-style-type: none;
    padding-inline-start: 0px;
}

li.main-page-body-left-menu-li {
    height: 32px;
    padding-top: 13px;
    border-bottom: #e6e6e6 solid 1px;
    margin-left: -2px;
}
li.main-page-body-left-menu-li:hover {
    cursor: pointer;
    height: 32px;
    padding-top: 13px;
    border-bottom: #e6e6e6 solid 1px;
    border-radius: 31px;
    background: rgba(0, 0, 0, 0.06);
    margin-left: -2px;
}

div.main-page-body-left-menu-text.adjust1 {
    margin-left: 13px;
}

div.main-page-body-left-menu-text {
    font-size: 18px;
}
.deep-gray {
    color: #727171;
}
.weight-600 {
    font-weight: 600;
}

div.main-page-body-right-content {
    width: 800px;
    margin-bottom: 100px;
    text-align: center;
    float: left;
}

img.main-page-body-right-content-img {
    float: left;
    /* margin: auto; */
    margin-left: 35px;
    margin-top: 60px;
    width: 720px;
}

div.main-page-footer {
    width: 100%;
    height: 200px;
    margin-bottom: 30px;
}

div.main-page-footer-container {
    margin: auto;
    width: 1000px;
}

div.main-page-footer-line1 {
    float: left;
    width: 100%;
    height: 1px;
    background: #cccccc;
}

ul.main-page-footer-items1-ul {
    float: left;
    list-style-type: none;
    padding-inline-start: 0px;
}

div.main-page-footer-line2 {
    float: left;
    width: 100%;
    height: 2px;
    background: #efefef;
}

ul.main-page-footer-items2-ul {
    list-style-type: none;
    padding-inline-start: 0px;
    margin-left: 25px;
    display: inline-grid;
    float: left;
}

li.main-page-footer-items1-li {
    float: left;
    cursor: pointer;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 4px;
    margin-left: 15px;
    margin-right: 15px;
}

li.main-page-footer-items1-li {
    float: left;
    cursor: pointer;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 4px;
    margin-left: 15px;
    margin-right: 15px;
}

div.main-page-footer-items1-li-text {
    float: left;
    cursor: pointer;
    font-family: shskr-medium;
}

.light-gray {
    color: #aaa9a9;
}

div.main-page-footer-line2 {
    float: left;
    width: 100%;
    height: 2px;
    background: #efefef;
}

ul.main-page-footer-items2-ul {
    list-style-type: none;
    padding-inline-start: 0px;
    margin-left: 25px;
    display: inline-grid;
    float: left;
}

li.main-page-footer-items2-li {
    float: left;
}

div.main-page-tab2-li-text {
    font-size: 16px;
    margin-top: 3px;
    /* font-weight: 100; */
    font-family: shskr-medium;
}


div.main-page-body-login-title {
    display: flex;
    margin-top: 70px;
}

img.main-page-body-login-title-img {
    height: 35px;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: 490px;
}

div.main-page-body-login-form {
    margin-top: 70px;
}

div.main-page-body-login-form-input-container {
    width: 580px;
    height: 45px;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: 26px;
    margin-left: auto;
    display: flex;
}

div.main-page-body-login-input-label-container {
    width: 130px;
    height: 40px;
}

img.main-page-body-login-input-label {
    height: 18px;
    margin-top: 14px;
}

input.main-page-body-login-input {
    width: 450px;
    height: 40px;
    border: 2px solid gainsboro;
    padding-left: 10px;
    font-size: 20px;
}

div.main-page-body-login-button {
    width: 450px;
    height: 55px;
    margin-top: 40px;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: 350px;
    cursor: pointer;
}

div.main-page-body-login-auth-options {
    margin-bottom: 100px;
}

ul.main-page-body-login-auth-options-ul {
    list-style-type: none;
    padding-inline-start: 0px;
    display: inline-flex;
    margin-left: 527px;
}

li.main-page-body-login-auth-options-li {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 4px;
    cursor: pointer;
}

img.main-page-body-login-auth-options-li-img {
    height: 15px;
}


div.main-page-body-sign-up-title {
    display: flex;
    margin-top: 70px;
}

div.main-page-body-sign-up-form {
    margin-top: 70px;
}

div.main-page-body-sign-up-check-box-container {
    margin-left: 200px;
}

div.main-page-body-sign-up-button {
    width: 450px;
    height: 55px;
    margin-top: 40px;
    margin-right: auto;
    margin-bottom: 100px;
    margin-left: 360px;
    cursor: pointer;
}

img.main-page-body-sign-up-title-img {
    height: 35px;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: auto;
    margin-left: 450px;
}

div.main-page-body-sign-up-tip-container {
    width: 590px;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: 10px;
    margin-left: auto;
    text-align: right;
    /* display: table; */
}

div.main-page-body-sign-up-form-input-container {
    width: 590px;
    height: 45px;
    margin-top: auto;
    margin-right: auto;
    margin-bottom: 26px;
    margin-left: auto;
    display: flex;
}

img.main-page-body-sign-up-tip {
    height: 14px;
    /* float: right; */
}
div.main-page-body-sign-up-input-label-container {
    width: 150px;
    height: 40px;
}

input.main-page-body-sign-up-input {
    width: 450px;
    height: 40px;
    border: 2px solid gainsboro;
    padding-left: 10px;
    font-size: 20px;
}

img.main-page-body-sign-up-input-label {
    height: 18px;
    margin-top: 14px;
}

div.main-page-body-sign-up-check-box-container {
    margin-left: 200px;
}

label.main-page-body-sign-up-check-box-label1 {
    display: inline-block;
    padding-right: 8px;
    padding-top: 10px;
    padding-bottom: 7px;
    cursor: pointer;
}

input.main-page-body-sign-up-check-box-style1 {
    width: 0px;
    opacity: 0;
}

img.main-page-body-sign-up-check-box-img {
    height: 18px;
}

img.main-page-body-sign-up-check-box-text-img {
    height: 15px;
    margin-left: 10px;
}

div.main-page-body-sign-up-check-box-div1-div1 {
    margin-left: 18px;
}

img.main-page-body-sign-up-check-box-text-img-url {
    height: 12px;
    cursor: pointer;
}


input::-webkit-input-placeholder { /* WebKit browsers 适配谷歌 */
    color: gainsboro;
    font-weight: 700;
    font-size: 20px;
}

input:-moz-placeholder { /* Mozilla Firefox 4 to 18 适配火狐 */
    color: gainsboro;
    font-weight: 700;
    font-size: 20px;
}

input::-moz-placeholder { /* Mozilla Firefox 19+ 适配火狐 */
    color: gainsboro;
    font-weight: 700;
    font-size: 20px;
}

input:-ms-input-placeholder { /* Internet Explorer 10+  适配ie*/
    color: gainsboro;
    font-weight: 700;
    font-size: 20px;
}