@charset "utf-8";
/*

Modify Date: 2016.4.22

Aothur: Tom

*/



/*
----------------------------
Module
----------------------------
*/
a,a:hover,a:active,a:focus{ text-decoration: none; }

ul{
	list-style: none;
	margin: 0;
	padding: 0;
}
.clearfix:before,
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  overflow: hidden;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    zoom: 1; /* IE < 8 */
}
.pr{position: relative;}
.pa{position: absolute;}
/*margin*/
.mt5{margin-top: 5px;}
.mb5{margin-bottom: 5px;}
.mt30{margin-top: 30px;}
.mb30{margin-bottom: 30px;}
.mt50{margin-top: 50px;}
.mb50{margin-bottom: 50px;}
.mt80{margin-top: 80px;}
.mt100{margin-top: 100px;}
.mb100{margin-bottom: 100px;}
.mt150{margin-top: 150px;}
/*padding*/
.pt30{padding-top: 30px;}
.pb30{padding-bottom: 30px;}
.pt50{padding-top: 50px;}
.pb50{padding-bottom: 50px;}
.pl30{padding-left: 30px;}
.pr30{padding-right: 30px;}
/*block seprate*/
.blk_sp15{
    padding: 15px;
    box-sizing: border-box;
}
/*text-align*/
.tac{text-align: center;}
.tal{text-align: left;}
.tar{text-align: right;}
/*div center*/
.dc{
	margin: 0 auto;
}
/*width*/
.d950{max-width: 950px;}
.d850{max-width: 850px;}
.d750{max-width: 750px;}
/*centerWrap*/
.centerWrap{
	max-width: 1200px;
	margin: 0 auto;
}




/*
----------------------------
Main Style
----------------------------
*/
#banner
{
	background: url(../../images/application/mobile_app/banner_bg.jpg);
	background-repeat:no-repeat;
	/*background-size:cover;*/
	
}
.bannerContent
{
	margin-top:7%;
	line-height: 1.8em;
	
}
.banner-title{
	color: #337ab7;
	font-weight: 700;
	text-align: left;
}
.banner-sub-title{
	color: #000;
	font-size: 1.3em;
	line-height: 1.5em;
	padding-left: 3px;
}
.appIntroRow{
	margin-top: 30px;
}
.appIntroCont{
	margin-top: 30px;
	line-height: 1.8em;
	padding-left: 25px;
}
.introHeader{
	min-height: 180px;
}

.appIntroCont:not(:last-child){
	padding-right: 25px;
	border-right: 1px solid #DDD;
}




@media only screen and (max-width: 1200px) {
	.bannerContent{
		line-height: 1.8em;
		margin-top: 15%;
	}
/*	.bannerContent h1{
		padding-right: 15px;
	}*/
	.introHeader{
		min-height: 170px;
	}

}


/*

ipad


*/
@media only screen and (max-width: 1024px) {
	
	.bannerContent{
		line-height: 1.8em;
		margin-top: 15%;
	}
/*	.bannerContent h1{
		padding-right: 15px;
	}*/
	.appIntroRow{
		margin-top: 0;
	}
	.introHeader{
		min-height: 150px;
	}
}

/*

mobile phone


*/

/*Ladscape*/
@media only screen and (max-width: 768px) {
	
	.bannerContent{
		 margin-top: 18%;
	}
/*	.bannerContent h1{
	    font-size: 3.8rem;
	    text-align: left
	}*/
	.introHeader{
		min-height: 150px;
	}
	.appIntroCont{
		border-right: 0;
		border-bottom: 1px solid #CCC;
		padding: 50px 30px;
	}
	.appIntroCont:not(:last-child) {
	    border-right: 0;
	}
}

/* Portrait*/
@media only screen and (max-width: 500px) {

	.bannerContent .col-xs-4{
		width: 0;
	}
	.bannerContent .col-xs-8{
		width: 100%;
	}
	
	.appIntroCont{
		border-right: 0;
		border-bottom: 1px solid #CCC;
		padding: 50px 30px;
		margin-top: 0;
	}
}