@font-face {
    font-family: MavenPro;
    src: url('fonts/MavenPro-Regular.ttf');
}


body {
    font-family: 'Lucida Sans';
    font-size: 14pt;
    color: #616161;
    margin: 0;
    background-color: #e6e6e9;
}

a {
    text-decoration: none;
}

/*for btn*/
.btn-acct-inter {
    font-size: 26pt;
    cursor: pointer;
    margin-right: 10px;
}

    .btn-acct-inter:after {
        content: 'account_balance_wallet';
    }

.btn-central-db-inter {
    font-size: 26pt;
    cursor: pointer;
    margin-right: 10px;
}

    .btn-central-db-inter:after {
        content: 'launch';
    }

.btn-web-security {
    font-size: 26pt;
    cursor: pointer;
    margin-right: 10px;
}

    .btn-web-security:after {
        content: 'security';
    }

.btn-prereg {
    font-size: 26pt;
    cursor: pointer;
    margin-right: 10px;
}

    .btn-prereg:after {
        content: 'insert_comment';
    }

.btn-mobile {
    font-size: 26pt;
    cursor: pointer;
    margin-right: 10px;
}

    .btn-mobile:after {
        content: 'phonelink_ring';
    }
	

.btn-coach {
    font-size: 26pt;
    cursor: pointer;
    margin-right: 10px;
}

    .btn-coach:after {
        content: 'accessibility';
    }	

.btn-booking {
    font-size: 26pt;
    cursor: pointer;
    margin-right: 10px;
}

    .btn-booking:after {
        content: 'local_convenience_store';
    }

.btn-central-db-admin {
    font-size: 26pt;
    cursor: pointer;
    margin-right: 10px;
}

    .btn-central-db-admin:after {
        content: 'timeline';
    }

.flx-nw {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.flx-w {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}


.banner {
    margin-top: 10px;
    margin-left: 10px;
}

.banner0 {
	background: url("http://camp5.com/assets/img/skin/world_map.png") no-repeat 50% 50% #4a4640;
	background-size: cover;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;	
	box-sizing: border-box;
}

.banner-text {
    font-family: arial;
    font-size: 28pt;
    padding: 20px;
    box-sizing: border-box;
	color:#fff;
}

#logo_link > img{
	width:70px;
	height:70px;
}


.menu-item {
    margin-top: 20px;
    margin-left: 10px;
}

.col-item {
    width: 30%;
    padding: 20px;
    box-sizing: border-box;
    background-color: #fff;
    margin-left: 10px;
    margin-bottom: 5px;
}

.r1 {
    padding: 20px;
    margin-bottom: 10px;
    box-sizing: border-box;
    background-color: #ff6a00;
    color: #fff;
    line-height: 40px;
}

@media screen and (max-width:480px) {

    .col-item {
        width: 90%;
    }

    .banner-text {
        font-size: 20pt;
    }
}