﻿div#guideOverview {
    margin-bottom: 40px;
}

div#guideOverview a {
    padding: 8px 16px;
    margin-right: 10px;
    line-height: 50px;
    color: #222222;
    font-weight: bold;
    white-space: nowrap;
    transition: all ease-in-out 0.5s;
    box-shadow: 2px 2px 5px 0px #222222;
}

div#guideOverview a:hover {
    margin: 0px 8px 0px 2px;
    box-shadow: 10px 10px 15px 0px #004286;
}

div.ankerGuide {
    position: relative;
    top: -132px;
}

div#guideChoose {
    position: relative;
    top: 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

div#guideChoose > a > div {
    height: 260px;
    width: 400px;
    text-align: center;
    box-shadow: 2px 2px 5px 0px #222222;
    transition: all ease-in-out 0.5s;
    display: flex;
    flex-direction: column;
}

div#guideChoose > a#guideFirst > div {
    background-image: url('/image/kkfarming_img100523_03.png');
}

div#guideChoose > a#guideSecond > div {
    background-color: #222222;
    background-image: url('/image/kkfarming_img100523_01.png');
}

div#guideChoose > a > div:hover {
    margin: 2px -2px -2px 2px;
    box-shadow: 10px 10px 15px 0px #004286;
}

div#guideChoose > a > div {
    display: flex;
}

div#guideChoose > a > div > div {
    margin: auto auto 0px auto;
}

div#guideChoose > a > div > div > h1 {
    margin-top: 6px;
    font-size: 1.6em;
}

div#guideChoose > a > div > div > p {
    margin-top: -16px;
}

div#guideChoose > a#guideSecond > div > div > h1 {
    margin-top: 6px;
    font-size: 1.6em;
    color: #FFFFFF;
}

div#guideChoose > a#guideSecond > div > div > p {
    margin-top: -16px;
    color: #FFFFFF;
}

div.infoBox {
    background-color: #E8E8E8;
    padding: 10px 20px 10px 20px;
    box-shadow: inset 2px 2px 6px #222222;
    margin-bottom: 10px;
}

div.infoBox p {
    margin: auto;
}