@charset "utf-8";
body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-family: 'Open Sans', sans-serif;
}

.color-bar{
	background-image: url(../images/color-bar.png);
	width: 100%;
	height: 3px;
	background-repeat:repeat-x; 
	
}

.ipad-img{
	background-image:url(../images/ipad-bg.jpg);
	height: 624px;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	background-position:center;
}

.container{
	position: relative;
	width: 960px;
	margin: 0 auto;
	
	}

.toa-logo{
	width: 285px;
	height: 24px;
	padding : 40px 15px;
}

.intro_text{
	width: 450px;
	height: 300px;
	positiom: absolute;
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	color: #333;
	text-shadow: 0.02em 0.02em #e4e4e4;
	text-align: justify;
	line-height: 1.5em;
	margin-top: 10px;
	margin-left: 470px;
}

.intro-title{
	margin-top: 50px;
	margin-left: 470px;
	width: 450px;
	height: 50px;
 font-size: 36px;	
 text-shadow: 0.05em 0.05em #e4e4e4;
 font-family: 'Open Sans', sans-serif;
}

.font18{
	font-size: 18px;
	font-weight:600;
	
}

.download{
	width: 350px;
	padding-top: 10px;
	position: absolute;
}

.text12{
	position:absolute;
	width: 200px;
	height: 10px;
	padding-top: 5px;
	font-size:12px;
}

.grey-bg{
	background-image:url(../images/grey-bg.jpg);
	background-repeat:repeat;
	width: 100%;
	height: 770px;
	
}
.whitebox{
	width: 960px;
	height: 225px;	
	background-color: #FFF;

   -webkit-box-shadow: 0px 2px 4px rgba(13, 15, 15, 0.22);
-moz-box-shadow:    0px 2px 4px rgba(13, 15, 15, 0.22);
box-shadow:         0px 2px 4px rgba(13, 15, 15, 0.22);

}

.footer1{
	padding-top: 60px;
	padding-bottom: 20px;
	height: 180px;	
}

.footer-list{
	width: 175px;
	height: 180px;
	padding-right: 20px;
	float: left;
	}
.footer-list2{
	width: 175px;
	height: 180px;
	float: left;
	}

.footer-title{
	width: 160px;
	background-color:#e6e6e6;
	height:22px;
	font-size: 11px;
	color: #666;
	padding-top: 8px;
	padding-left: 15px;
	font-weight:600;
}

.footer ul{
list-style:none;	
}

.footer1 ul li{
	text-decoration:none;
	list-style:none;
	padding-bottom: 8px;
	font-size:11px;
	color: #696969;
	margin-left: -25px;	
}

.footer1 ul li a, .footer1 ul li a:visited {
	text-decoration:none;
	color: #696969;
}

.footer1 ul li a:hover{
	text-decoration:none;
	color: #ff9000;
}

.footer_address{
	position:relative;
	margin: 0 auto;
	padding-top: 30px;
	width: 960px;
	height: 110px;
}

.address1{
	padding-left: 10px;
	padding-top: 20px;
	float:left;
	background-color: #f9f9f9;
	width: 307px;
	height: 120px;
	border-right: thin;
	border-right-color: #e8e6e6;
	font-size:10px;
	color: #959494;
	margin-right: 2px;
	position:relative;
	}
	
.address2{
	padding-left: 10px;
	padding-top: 20px;
	float:left;
	background-color: #f9f9f9;
	width: 306px;
	height: 120px;
	border-right: thin;
	border-right-color: #e8e6e6;
	font-size:10px;
	color: #959494;
	position:relative;
	}
	
.add-left{
	width: 130px;
	height: 70px;
	line-height: 1.8em;
	position: absolute;
	top: 45px;
}

.add-right{
	width: 158px;
	height: 70px;
	line-height: 1.8em;
	position: absolute;
	top: 45px;
	left: 148px;
}

a,a:visited {
	text-decoration:none;
	color: #ff9000;
}

a:hover{
	text-decoration:underline;
	color: #ff9000;
}

.college-title{
	font-size:11px;
	color: #666666;
	font-weight:700;
	
	}
	
.footer{
	position: relative;
	width: 100%;
	background-color: #3d3d3d;
	height: 44px;
	bottom: 0;
}

.footer-wrapper{
	width: 960px;
	margin: 0 auto;
	height: 15px;
	padding-top: 10px;
	
}

.social_box{
	width: 320px;
	padding-right: 10px;
	float: left;
}

.link_box{
	width: 310px;
	float: left;
}

.link_box ul{
	padding:0;
	margin:0;
	margin-top: 5px;
}

.link_box ul li{
	list-style:none;
	font-size: 11px;
	color:#CCC;
	display: inline-block;
	float:left;
	margin-right: 15px;	
}

.link_box ul li a, .link_box ul li a:visited{
	text-decoration:none;
	color: #CCC;
}

.link_box ul li a:hover{
	text-decoration:none;
	color: #ff9000;
}

.copyright_box{
	margin-top: 5px;
	width: 300px;
	float: right;
	font-size: 11px;
	color:#CCC;
}

.form-style{
width:120px; font-size: 11px; color: #666; border:none; height: 22px;
}