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

body {
	background:#0073a2;
}
.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/07inf/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;
    }
}