body {
	font-family: Arial, sans-serif; 
	font-size:12px;
	background-color: #f6f6f6;
}

.footer {
	background-color: #2a2c39;
	color: white;
	text-align: center;
	padding: 12px 0 4px 0;
}

.footer p {
	font-size: 12px;
	margin-bottom:8px;
}

@media ( min-width : 1200px) {
	.container-navbar {
		max-width: 1000px;
	}
}

@media (min-width : 768px) {
	.navbar-custom {
		padding:5px 0px 5px 0px;
		margin:0px;
		height:60px;
	}
	
	.navbar-custom-logo {
		background: url('./img/index.png') no-repeat -93px -7px;
		width: 177px;
		height: 50px;
		float: left;
	}
	
	.navbar-custom-tab {
		float: right;
	}
	.navbar-custom-tab li {
		min-width: 70px;
		margin: 0px 15px 0px 15px;
		font-size:20px;
		font-weight:bold;
		display: block;
		float: left;
		text-align: center;
	}
	
	.navbar-custom-tab li a {
		color: #777777;
		line-height: 50px;
	}
	
	.slogen-header  {
		background: url('./img/index.png') no-repeat -96px -329px;
		width: 282px;
		height: 38px;
		margin-top: 50px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.slogen-text {
		color: white;
		font-size: 18px;
		line-height: 1.5em;
		margin-top: 20px;
		margin-bottom: 70px;
	}
	
	.img-phone {
		background: url(./img/phone.png) no-repeat 0px 0px;
		width: 430px;
		height: 489px;
		display: inline-block;
        text-align: right;
        margin-left: 75px;
	}

    .best2013 {
        color: #ffffff;
        font-size: 25px;
        text-align: center;
        margin-left: 275px;
    }

    .best2013 p {
        margin-bottom: 30px;
        margin-left: 0px;
    }
    #wandoujia {
        margin-top: -30px ;
        margin-left: -30px;
    }
	.btn-download {
		width: 240px;
		height: 64px;
		line-height: 48px;
		margin-bottom: 30px;
		color: white;
		
		font-size: 16px;
		font-weight: bold;
		border-radius: 0px;
	}
	
	.btn-download-iOS {
		background: url('./img/AppStore.png') no-repeat;
	}
	
	.btn-download-iOS:hover,
	.btn-download-iOS:focus,
	.btn-download-iOS:active,
	.btn-download-iOS.active
	{
		background: url('./img/AppStore.png') no-repeat;
	}
	
	.btn-download-Android {
		background: url('./img/Android.png') no-repeat;
	}
	
	.btn-download-Android:hover,
	.btn-download-Android:focus,
	.btn-download-Android:active,
	.btn-download-Android.active
	{
		background: url('./img/Android.png') no-repeat;
	}
	
	.feature {
		height: 225px;
		margin-bottom: 50px;
		padding: 0px;
		text-align: center;
	}
	
	.feature-icon-1 {
		background: url('./img/index.png') no-repeat 0px -215px;
		width: 100px;
		height: 100px;
		display: inline-block;
	}
	
	.feature-icon-2 {
		background: url('./img/index.png') no-repeat -373px -215px;	
		width: 100px;
		height: 100px;
		display: inline-block;
	}
	
	.feature-icon-3 {
		background: url('./img/index.png') no-repeat -123px -215px;
		width: 100px;
		height: 100px;
		display: inline-block;
	}
	
	.feature-icon-4 {
		background: url('./img/index.png') no-repeat -247px -215px;
		width: 100px;
		height: 100px;
		display: inline-block;
	}
	
	.feature-header {
		color: #666666;
		font-size: 24px;
		line-height: 2.0em;
	}
	
	.feature-desc {
		color: #8a8a8a;
		font-size: 16px;
		line-height: 1.5em;
	}
}

@media ( max-width : 767px) {
	.navbar-custom {
		padding:7px 0px 7px 0px;
		margin:0 auto;
		height:44px;
		text-align: center;
	}
	
	.navbar-custom-logo {
		background: url('./img/index_m.png') no-repeat -10px -10px;
		width: 108px;
		height: 30px;
		margin: 0 auto;
		display: block;
	}
	
	.slogen-header {
		background: url('./img/index_m.png') no-repeat -128px -14px;
		width: 192px;
		height: 26px;
		margin-top: 0px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.slogen-text {
		color: white;
		font-size: 14px;
		line-height: 1.5em;
		margin-top: 10px;
		margin-bottom: 35px;
	}
	
	.img-phone-column {
		padding: 0;
		margin: 0px -30px 0px -30px;
        text-align: center;
	}
	
	.img-phone {
		background: url(./img/phone_m.png) no-repeat 0px 0px;
		width: 214px;
		height: 390px;
		display: inline-block;


	}
    .best2013 {
        display: none;
    }


	.btn-download {
		width: 178px;
		height: 48px;
		line-height: 24px;
		margin-bottom: 15px;
		color: white;
		border-radius: 0px;
	}
	
	.btn-download-iOS {
		background: url('./img/index_m.png') no-repeat -10px -98px;
	}
	
	.btn-download-iOS:hover,
	.btn-download-iOS:focus,
	.btn-download-iOS:active,
	.btn-download-iOS.active
	{
		background: url('./img/index_m.png') no-repeat -10px -50px;
	}
	
	.btn-download-Android {
		background: url('./img/index_m.png') no-repeat -196px -98px;
	}
	
	.btn-download-Android:hover,
	.btn-download-Android:focus,
	.btn-download-Android:active,
	.btn-download-Android.active
	{
		background: url('./img/index_m.png') no-repeat -196px -50px;
	}
	
	.feature {
		height: 180px;
		margin-bottom: 20px;
		padding: 0px;
		text-align: center;
	}
	
	.feature-icon-1 {
		background: url('./img/index_m.png') no-repeat -196px -150px;
		width: 76px;
		height: 76px;
		display: inline-block;
	}
	
	.feature-icon-2 {
		background: url('./img/index_m.png') no-repeat -89px -150px;
		width: 76px;
		height: 76px;
		display: inline-block;
	}
	
	.feature-icon-3 {
		background: url('./img/index_m.png') no-repeat -275px -150px;
		width: 76px;
		height: 76px;
		display: inline-block;
	}
	
	.feature-icon-4 {
		background: url('./img/index_m.png') no-repeat -10px -150px;
		width: 76px;
		height: 76px;
		display: inline-block;
	}
	
	.feature-header {
		color: #666666;
		font-size: 18px;
		line-height: 1.5em;
	}
	
	.feature-desc {
		color: #8a8a8a;
		font-size: 12px;
		line-height: 1.5em;
	}
}

@media screen and (max-width : 767px) and (-webkit-min-device-pixel-ratio: 1.5) {
   .navbar-custom-logo,
   .slogen-header,
   .btn-download-iOS,
   .btn-download-Android,
   .feature-icon-1,
   .feature-icon-2,
   .feature-icon-3,
   .feature-icon-4
	{
		background-image: url('./img/index_m@2x.png');
		background-size: 383px 235px;
	}
	
	.img-phone 
	{
		background: url(./img/phone_m@2x.png) no-repeat 0px 0px;
		background-size: 314px, 390px;
	}
}

.btn-better.disabled,
.btn-better[disabled],
fieldset[disabled] .btn-better,
.btn-better.disabled:hover,
.btn-better[disabled]:hover,
fieldset[disabled] .btn-better:hover,
.btn-better.disabled:focus,
.btn-better[disabled]:focus,
fieldset[disabled] .btn-better:focus,
.btn-better.disabled:active,
.btn-better[disabled]:active,
fieldset[disabled] .btn-better:active,
.btn-better.disabled.active,
.btn-better[disabled].active,
fieldset[disabled] .btn-better.active {
  background-color: #ffffff;
  border-color: #cccccc;
}