@charset "utf-8";
/* CSS Document */

body {
	/* background:#ff9a8d; */
	background: #ffffff;
}
.actions-wrapper .action:active,
.actions-wrapper .action:active span,
#miniContentsWrapper .chapter {
	color: #db7600;
}
.cbutton--click:hover {
    color: #35acff;
}
.ourBrand {border-bottom:1px solid #af355d;}
.ourBrand span { background:#af355d;}
.brand { background:#35acff;}
@media screen and (min-width: 1025px) {
    .focused.cbutton,.cbutton:hover {
        color: #35acff;
    }
}
#modal {
	background:rgba(255,255,255, 1) /*url(../../common/images/08xyz/bg.png) top center no-repeat fixed*/;
}

.start-page{
    float: left;
    width: 100%;
    height: 100%;
    background-size: auto 100% !important;
    position: fixed;
    z-index: 10000;
    top: 0px;
    left: 0px;
}
.second-page{
    float: left;
    width: 100%;
    height: 100%;
    background-size: auto 100% !important;
    position: fixed;
    z-index: 10000;
    top: 0px;
    left: 0px;
    display: none;
    background-color: #9ec7dd;
}
.start-app, .start-second{
    position: fixed;
    float: left;
    width: 100%;
    height: 100%;
    outline: none;
    border: 0px;
    text-decoration: none;
    cursor: pointer;
}
.start-app:hover, .start-app:hover, .start-app:hover, .start-app:active{

}

@media all and (orientation: landscape) {
    .start-page {
        background:url('start-01_a.png') center center no-repeat;
    }
    .second-page {
        background: url('start-01_b.png') center center no-repeat;
    }
}
@media all and (orientation: portrait) {
    .start-page {
        background: url('start-02_a.png') center center no-repeat;
    }
    .second-page {
        background: url('start-02_b.png') center center no-repeat;
    }
}

hr {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid #ff9a8d;
}