@font-face {
	font-family:'A-OTF';
	src:url(../font/A-OTF-ShinGoPro-Light.otf) format('opentype');
}
@font-face {
	font-family:'LOGOG_BP';
	src:url(../font/LOGOG_BP.TTF) format('truetype');
}

body {
    width: 100%;
    overflow-x: hidden !important;
}
#clip{
    background-color: #00a5be;
    font-family: 'A-OTF', "Helvetica Neue", Helvetica, Arial, sans-serif;
	}
#clip .box1{
	background:url(../images/box1.jpg) right top fixed no-repeat;
	padding:3% 15px;
	color:#FFFFFF;
	}
#clip .box2{
	background:url(../images/box2-bg.jpg) left fixed no-repeat;
	background-color:#FFFFFF;
	padding:3% 15px;
	color:#00a5be;
	}
#clip .box3{
	background:url(../images/box3-bg.jpg) center no-repeat;
	padding:3% 15px;
	color:#FFFFFF;
	}
#clip p{
	font-size:1.5em;
	line-height:1.8em;
	}
#clip .title{
	border-bottom:#FFFFFF solid 5px;
	margin-bottom:25px;
	}
#clip a{
	color:#FFFFFF;
	padding:5px;
	}
#clip a:hover{
	color:#00a5be;
	background:#fff;
	}
#clip h2{
	background:#00a5be;
	display:block;
	color:#FFFFFF;
	font-size:2em;
	padding:15px;
	}
#clip .box2 li{
	list-style:none;
	font-size:1.5em;
	}
.box3 h4{
	background:#FFFFFF;
	color:#00a5be;
	padding: 1% 0px;
	margin-top:0px;
	font-size:2em;
	}
.box3 .modal-box{
	background:rgba(255,255,255,0.5);
	padding-bottom:2%;
	padding-left:15px;
	padding-right:15px;
	margin-top:5%;
	} 	
	
#clip .modal-box p{
	color: #fff;
    border-radius: 3px;
    padding: 5px 0px;
    border: 1px solid #fff;
    margin: 0 20%;
	text-align:center;
	}	
#clip .modal-box .pd {
    padding: 5px;
}