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

/*Handy*/

.boxbox { width:95%;
	height: auto;
	margin-left:1.5%;
	border-bottom: solid #666 1px;}
#boxfirst {border-bottom: none;}	
.boxfirst { width:5%;
	height: auto;
	padding:1%;
	border-right: solid #666 1px;
	float:left;}
	
.boxsecond { width:90%;
	height: auto;
	padding:1%;
	border-right: solid  #666 1px;
	float:none;}

.boxthird { width:90%;
	height: auto;
	padding:1%;
	border-right: solid  #666 1px;
	float:left;}

.boxlast { width:5%;
	height: auto;
	float:left;}
	
#box2a { border-right: solid  #666 1px;}

#box2b { height: 34rem;
	background-image:url(pic/head_start2.jpg);
	background-size: 100%;
	background-repeat:no-repeat;
	color:#fff}
#box3b h1{ color:#F90;}
#box3c { background-color:#F90;}
#box4b h1{ color:#07d;}
#box4c { background-color:#07d;}
#box5b h1{ color: #999;}
#box5c { background-color:#CCC;}

/*Tablet*/

@media screen and (min-width:620px){
	
.boxbox { width:95%;
	height: auto;
	margin-left:1.5%;
	border-bottom: solid #666 1px;}
#boxfirst {border-bottom: none;}	
.boxfirst { width:5%;
	height: auto;
	padding:1%;
	border-right: solid #666 1px;
	float:left;}
	
.boxsecond { width:35%;
	height: auto;
	padding:1%;
	border-right: solid  #666 1px;
	float:left;}

.boxthird { width:45%;
	height: auto;
	padding:1%;
	border-right: solid  #666 1px;
	float:left;}

.boxlast { width:5%;
	height: auto;
	float:left;}
	
#box2a { border-right: solid  #666 1px;}

#box2b { height: 34rem;
	background-image:url(pic/head_start2.jpg);
	background-size: 100%;
	background-repeat:no-repeat;
	color:#fff}
#box3b h1{ color:#F90;}
#box3c { background-color:#F90;}
#box4b h1{ color:#07d;}
#box4c { background-color:#07d;}
#box5b h1{ color: #999;}
#box5c { background-color:#CCC;}

}

/*Desktop*/

@media screen and (min-width:1000px){

.boxbox { width:95%;
	height: auto;
	margin-left:1.5%;
	border-bottom: solid #666 1px;}
#boxfirst {border-bottom: none;}	
.boxfirst { width:5%;
	height: auto;
	padding:1%;
	border-right: solid #666 1px;
	float:left;}
	
.boxsecond { width:35%;
	height: auto;
	padding:1%;
	border-right: solid  #666 1px;
	float:left;}

.boxthird { width:45%;
	height: auto;
	padding:1%;
	border-right: solid  #666 1px;
	float:left;}

.boxlast { width:5%;
	height: auto;
	float:left;}
	
#box2a { border-right: solid  #666 1px;}

#box2b { height: 34rem;
	background-image:url(pic/head_start2.jpg);
	background-size: 100%;
	background-repeat:no-repeat;
	color:#fff}
#box3b h1{ color:#F90;}
#box3c { background-color:#F90;}
#box4b h1{ color:#07d;}
#box4c { background-color:#07d;}
#box5b h1{ color: #999;}
#box5c { background-color:#CCC;}

}