/*
*{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none; 
}
*/

body,h1,h2,h3{color:#333333; margin:0px; padding:0px; font-weight:300;text-shadow: 0px 1px 2px rgba(0,0,0,0);}
body,div,td{font-family:"SF Pro SC","SF Pro Display","SF Pro Icons","PingFang SC","Helvetica Neue","Helvetica","Arial",sans-serif; font-size:12px; line-height:18px;}
img{outline: none; border:0px;} 

h3{font-size: 14px; font-weight: 500;}

a:link{color:#4388d3; text-decoration:none; }
a:hover{color:#4388d3; text-decoration:underline;}
a:visited{color:#4388d3}
a {blr:expression(this.onFocus=this.blur());}
a:focus {outline: none;}
.clr{clear:both;}

body{background:#fff; overflow: scroll; font-size: 12px;}

#Head{width:100%; background: #fff; border-bottom: 0px solid #333;}
#Logo{float: left; margin:15px 15px 15px 0px; width:192px; height:40px; background:url(images/logo_v6.png) no-repeat; background-size: contain; z-index:500;}
#Logo.cn{float: left; margin:15px 0px 15px; width:192px; height:40px; background:url(images/logo_cn.png) no-repeat; background-size: contain; z-index:500;}

#Head .version{float: right; z-index: 500; text-decoration: none; margin:27px 0px 10px; color: #333; padding-left: 20px; font-size:12px; height:16px; line-height:16px; background-size: contain; background-repeat: no-repeat;}
#Head .version:hover{color: #000; text-decoration: underline;}

#Menu .nav_link{color: #333; font-size: 14px; padding: 15px 20px; line-height: 40px; font-weight: 500; display: block; float: right;}
#Menu .nav_link:hover{color: #000; text-decoration: underline;}

#search-ac{font-weight: 300; font-size: 14px; background: url("images/icon/search.png") 10px center no-repeat #fff; background-size: 20px 20px; display: inline-block; vertical-align: middle; padding: 6px 12px 6px 40px; line-height: 1.42857143; color: #555; width: 146px; float: right; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); border: 1px solid #ccc; border-radius: 4px; margin-top: 18px;}

.ui-autocomplete{}
.ui-autocomplete li{border-bottom: 1px solid #f0f0f0;}
.ui-autocomplete li h4{font-size: 15px; line-height: 20px; font-weight: 500; margin: 3px 0 0;}
.ui-autocomplete li span{display: block; font-weight: 400; font-size: 11px; line-height: 18px; margin: 0 0 3px;}
.ui-widget.ui-widget-content{z-index: 1050;}
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #2C79B3;background:#3DA3EF;color:#fff;}

/*
#Head .version_en{background-image:url(images/lang_en.png);}
#Head .version_cn{background-image:url(images/lang_cn.png);}
*/

.wrapper{margin:0px auto; padding:0px; width:960px; position: relative; height: 100%;}

.downloads{margin-top: 50px;}
.downloads .block{margin-left: 0; margin-bottom: 50px;}

#FeatureApp .btn{background:url(images/download_btns_v2.png) no-repeat; background-size: 1050px 115px; display:block; margin-bottom: 20px;}

#Downloads{position: absolute; left: 50px; top:380px;}
#Downloads h3{margin-bottom: 5px;}

#iOSDownload {position: absolute; top:0px;}
#iOSDownload .btn{height:54px; width:170px;}
#iOSDownload .btn_ios{background-position:0px 0px;}
#iOSDownload .btn_ios:hover{background-position:-0px -59px;}
#iOSDownload .btn_ios_en{background-position:-175px 0px;}
#iOSDownload .btn_ios_en:hover{background-position:-175px -59px;}

#AndroidDownload {position: absolute; top:110px; left: 0px;}
#AndroidDownload h3{text-align: left;}
#AndroidDownload .block{width:600px;}
#AndroidDownload .btn{margin-right: 20px; float: left; height:54px; width:170px;}

#AndroidDownload .btn_googleplay{background-position:-350px 0px;}
#AndroidDownload .btn_googleplay:hover{background-position:-350px -59px;}

#AndroidDownload .btn_local{background-position:-700px 0px;}
#AndroidDownload .btn_local:hover{background-position:-700px -59px;}

#AndroidDownload .btn_googleplay_en{background-position:-525px 0px;}
#AndroidDownload .btn_googleplay_en:hover{background-position:-525px -59px;}

#AndroidDownload .btn_local_en{background-position:-875px 0px;}
#AndroidDownload .btn_local_en:hover{background-position:-875px -59px;}

#AndroidDownload .note{color: #444; font-size: 12px; margin-bottom: -10px;}

#AndroidAPKQRCode{height: 80px; width: 80px; float: left; background:url(images/qrcode_local.png) no-repeat;  background-size: 80px 80px;}

#WXCode {position: absolute; top:280px; left: 0px; width: 300px;}
#WXCode .btn{background:url(images/wxcode.jpg) no-repeat; background-size: 98px 98px;  height:98px; width:98px;}

.feature{font-size:16px; padding:0px; position:relative; border-top:0px solid #f0f0f0;}
.feature .wrapper{overflow: hidden;}

.feature .descr{z-index: 10;}
.feature h2{color:#000; font-size:30px; font-weight: 500; line-height:48px; margin-bottom:30px; }
.feature p{color:#333; font-size:15px; font-weight: 300; line-height:22px; letter-spacing: 1px; margin-bottom: 10px;}


#FeatureGlobalMap{border-top:0px; min-height: 720px; background:-webkit-gradient(linear, 0 0, 0 bottom, from(#285A78), to(#224F71));}
#FeatureGlobalMap h2{margin:80px 0 0px; font-weight: 400; font-size: 28px; color: #fff; width:100%; text-align:center; letter-spacing: 1px;}
#FeatureGlobalMap .pic{position:relative; margin: 0px auto; background:url(images/feature_cities.jpg) no-repeat; background-size: 700px 600px; width:700px; height:600px;}
#FeatureGlobalMap .pic_en{position:relative; top:50px; right:40px; background:url(images/feature_1_en.png) no-repeat; width:480px; height:566px;}
#FeatureGlobalMap #mapChart{width: 960px; height:540px; margin: 0 auto;}

#FeatureApp{height: 780px; background: #fff;}
#FeatureApp .descr{text-align:center; width:700px; margin: 60px auto 0; z-index: 999;}
#FeatureApp .descr_en{text-align:center; width:960px; position:absolute; top:60px; left:0px;}
#FeatureApp .pic{position:absolute; top:220px; right:40px; background:url(images/app_iPhone_watch.jpg) no-repeat; background-size: 416px 500px; width:416px; height:500px; z-index: 0;}
#FeatureApp #iPhoneBoxSwipe{overflow: hidden; width:210px; height: 374px; position: absolute; top: 283px; right: 202px; z-index: 999;}
#FeatureApp #watchImage{overflow: hidden; width:90px; height: 112px; background-size: 90px 112px; position: absolute; top: 534px; right: 90px; z-index: 999;}
#FeatureApp #watchImage.en{background-image: url(images/app_watch_1_en.png)}
#FeatureApp .swipe-wrap div { float:left; width:100%; position: relative;}
#FeatureApp .iphone{width:210px; height:374px; background-size: 210px 374px;}
#FeatureApp .iphone_1_en{background-image: url(images/app_iphone_1_en.PNG)}
#FeatureApp .iphone_2_en{background-image: url(images/app_iphone_2_en.PNG)}
#FeatureApp .iphone_3_en{background-image: url(images/app_iphone_3_en.PNG)}
#FeatureApp .iphone_4_en{background-image: url(images/app_iphone_4_en.PNG)}
#FeatureApp .slideBtn{background-size: 40px 80px; cursor: pointer; opacity: 0.5; z-index: 1000; width: 40px; height: 80px; position: absolute; top: 450px;}
#FeatureApp .leftBtn{background-image: url(images/arrow_left_2x.jpg); right: 450px; }
#FeatureApp .rightBtn{background-image: url(images/arrow_right_2x.jpg); right: 0px;}

#Downloads h3{margin-bottom: 5px;}

#FeatureDevice{background: #fafafa;}
#FeatureDevice .descr{position:relative; width:100%; margin-top: 60px; margin-bottom: 40px;}
#FeatureDevice .descr h2{width:100%; text-align:center;}
#FeatureDevice .descr p{width: 83%; margin:0px auto; text-align:center;}
#FeatureDevice .pic{ position:absolute; top:200px; right:40px; background:url(images/device_iPhone_en.jpg); background-size: contain; width:376px; height 720px;}
#FeatureDevice .pic_en{ position:absolute; top:220px; right:40px; background:url(images/device_iPhone_en.png); background-size: contain; width:376px; height:720px;}

#FeatureDevice #Devices{width: 500px; margin-top: 180px; position: relative;}
#FeatureDevice #Devices .device{margin-bottom: 40px; position: relative;}
#FeatureDevice #Devices #philips_purifier{}
#FeatureDevice #Devices #philips_purifier .img{position:absolute; top:-20px; left:0px; background:url(images/device_philips.png); background-size: contain; width:120px; height: 180px;}
#FeatureDevice #Devices #laseregg{height: 120px;}
#FeatureDevice #Devices #laseregg .img{position:absolute; top:-10px; left:0px; background:url(images/device_laseregg.png); background-size: contain; width:120px; height: 120px;}
#FeatureDevice #Devices h3{margin: 0px 0px 10px 160px; font-weight: 500;}
#FeatureDevice #Devices p{margin: 0px 0px 0px 160px; font-weight:300; font-size: 14px; line-height: 1.75em; }

#FeatureTrusted{background: #fff;}
#FeatureTrusted .descr{position:relative; width:100%; margin-top: 50px; margin-bottom: 50px;}
#FeatureTrusted .descr h2{width:100%; text-align:center; margin-bottom: 80px;}
#FeatureTrusted .pic{margin: 0 auto 90px; background:url(images/trusted_by_v2.png); background-size: contain; width:960px; height: 200px;}
#FeatureTrusted .appInfos{margin-top: 60px; margin-bottom: 60px;}
#FeatureTrusted .appInfos .appInfo{width: 280px; float: left; margin-right: 60px;}
#FeatureTrusted .appInfos .rl{margin-right: 0px;}
#FeatureTrusted .appInfos .appInfo h3{font-size: 16px;}
#FeatureTrusted .appInfos .appInfo p{font-size: 14px; font-weight: 300; line-height: 24px;}

#FeatureAbout{height: 350px; background: #fafafa;}
#FeatureAbout .wrapper{margin:0px auto; width:800px;}
#FeatureAbout .descr{text-align:center; width:100%; margin-top: 60px;}
#FeatureAbout .descr p{margin: 0 25px;}
#FeatureAbout .members{margin-top: 60px;}
#FeatureAbout .members .member{float: left; margin: 0 40px 0 40px;}
#FeatureAbout .members .member .portrait{width: 120px; height: 120px; border-radius: 60px; margin-bottom: 10px; background: #ccc;}
#FeatureAbout .members .member .bin{background:url(images/portrait_bin.jpg); background-size: contain;}
#FeatureAbout .members .member .jun{background:url(images/portrait_jun.jpg); background-size: contain;}
#FeatureAbout .members .member .tao{background:url(images/portrait_tao.jpg); background-size: contain;}
#FeatureAbout .members .member .mengfei{background:url(images/portrait_mengfei.jpg); background-size: contain;}
#FeatureAbout .members .member .name{color: #333; font-size: 12px; font-weight: 300; text-align: center;}
#FeatureAbout .members .member .role{color: #777; font-size: 12px; font-weight: 300; text-align: center;}
#FeatureAbout .contacts{margin-top: 60px; font-size: 12px; font-weight: 300;}
#FeatureAbout .contacts .contact{float: left; font-size: 14px; margin-left:50px; color: #555;}
#FeatureAbout .contacts .contact_cn{float: left; font-size: 14px; margin-left:120px; color: #555;}

#showcases_philips_intro{background:url(images/showcases_philips_intro.jpg); background-size: cover; min-height: 600px; }
#showcases_philips_intro .wrapper{position: relative;}
#showcases_philips_intro .philips_logo{width: 100px; height: 100px; background:url(images/showcases/logos/philips_white.png); margin-left: -23px; margin-top: 50px; background-size: cover; }
#showcases_philips_intro h2{margin-top: 0px; color: #fff; font-weight: 600;}
#showcases_philips_intro p{margin-top: 150px; margin-bottom: 20px; color: rgba(255, 255, 255, 0.9); max-width: 300px; line-height: 19px; font-size: 14px; font-weight: 400; text-shadow: 0px 1px rgba(0, 0, 0, 0.0);}
#showcases_philips_intro_bg{width: 100%; height: auto;}

#showcases_philips_supported_apps{background: #F2F3F4; padding-top: 40px;}
#showcases_philips_supported_apps .descr{position:relative; width:100%; margin-top: 50px; margin-bottom: 50px;}
#showcases_philips_supported_apps .descr h2{width:100%; text-align:center; font-size: 24px;}
#showcases_philips_supported_apps .apps_wrapper{margin-bottom: 60px;}
#showcases_philips_supported_apps .apps_wrapper .app_block{width: 470px; height: 100%; border-radius: 20px; background: #fff;}
#showcases_philips_supported_apps .apps_wrapper #air_matters_app{float: left;}
#showcases_philips_supported_apps .apps_wrapper #clean_home_app{float: right;}

#air_matters_app .icon{background:url(images/air_matters_appicon.png);}
#clean_home_app .icon{background:url(images/clean_home_appicon.png);}
#showcases_philips_supported_apps h3{font-size: 20px; font-weight: 700; margin: 20px auto 0px; text-align: center;}
#showcases_philips_supported_apps .icon{background-size: contain; height: 70px; width: 70px; margin: 30px auto 0px; }
#showcases_philips_supported_apps .download_app{font-size: 14px; display: block; font-weight: 300; margin: 10px auto 0px; text-align: center; color: #0066CC;}
#showcases_philips_supported_apps .app_descr{margin: 20px 30px 0px; font-size: 15px;}


#showcases_philips_supported_devices{padding-top: 50px; padding-bottom: 50px;}
#showcases_philips_supported_devices .descr{position:relative; width:100%; }
#showcases_philips_supported_devices .descr h2{width:100%; text-align:center; font-size: 24px;}
#showcases_philips_supported_devices .device_item{width: 64px; margin: 10px 21px; float: left;}
#showcases_philips_supported_devices .device_item img{width: 100%;}
#showcases_philips_supported_devices .device_item h3{width: 100%; text-align: center; font-size: 14px; height: 28px; line-height: 28px;}

#showcases_philips_supported_regions{background: #F2F3F4; padding-top: 50px; padding-bottom: 50px;}
#showcases_philips_supported_regions .descr{position:relative; width:100%; }
#showcases_philips_supported_regions .descr h2{width:100%; text-align:center; font-size: 24px;}
#showcases_philips_supported_regions .descr .content{width:100%; text-align:center; font-size: 14px; line-height: 1.5em;}

#showcases_philips_supported_languages{padding-top: 50px; padding-bottom: 50px;}
#showcases_philips_supported_languages .descr{position:relative; width:100%;}
#showcases_philips_supported_languages .descr h2{width:100%; text-align:center; font-size: 24px;}
#showcases_philips_supported_languages .descr .content{width:100%; text-align:center; font-size: 14px; line-height: 1.5em;}

.app_gallery{margin: 20px 0px 20px; width: auto;}
.app_gallery a{border: 1px solid #e5e5e5;}

#air_matters_gallery{}

#showcases_nav{background: #181C1F;}
#showcases_nav .nav_item{display: table-cell; width: 1%; height: 60px; line-height: 60px; text-align: center; color: #fff; font-size: 14px; font-weight: 500;}
#showcases_nav .nav_item:hover, #showcases_nav .active{cursor: pointer; text-decoration: none; background: #303B46;}


#showcases_car_purifier_intro{background:url(images/showcases_car_purifier_intro.jpg); background-size: cover; min-height: 470px; }
#showcases_car_purifier_intro .wrapper{position: relative;}
#showcases_car_purifier_intro .philips_logo{width: 100px; height: 100px; background:url(images/showcases/logos/philips_white.png); margin-left: -23px; margin-top: 120px; background-size: cover; }
#showcases_car_purifier_intro h2{margin-top: 0px; color: #fff; font-weight: 600;}
#showcases_car_purifier_intro p{margin-top: 100px; margin-bottom: 20px; color: rgba(255, 255, 255, 0.9); max-width: 500px; line-height: 19px; font-size: 14px; font-weight: 400; text-shadow: 0px 1px rgba(0, 0, 0, 0.0);}

#showcases_car_purifier_supported_devices{padding-top: 50px; padding-bottom: 50px;}
#showcases_car_purifier_supported_devices .descr{position:relative; width:100%; }
#showcases_car_purifier_supported_devices .descr h2{width:100%; text-align:center; font-size: 24px;}
#showcases_car_purifier_supported_devices .device_item{width: 78px; margin: 10px 21px; float: left;}
#showcases_car_purifier_supported_devices .device_item img{width: 100%;}
#showcases_car_purifier_supported_devices .device_item h3{width: 100%; text-align: center; font-size: 14px; margin-top: 10px; line-height: 18px;}


#Foot{min-width:980px; padding: 30px 0px; background: #fbfbfb; font-weight: 300; font-size:12px; border-top:1px solid #e9e9e9;}
#Foot .wrapper{margin:0px auto; width:720px; position: relative;}
#Foot .logo{position: absolute; top: 0px; left: 0px; width:50px; height:50px; background:url(images/logo.png) no-repeat; background-size: contain; z-index:500;}
#Foot .logo_intro{float: left; margin: 5px 0 0 70px; color: #777; font-size: 13px; line-height: 20px;}
#Foot .copyright{float: left; text-align: center; margin-top: 30px; color: #999; font-size: 13px;}

#Foot{min-width:980px; padding: 30px 0px; background: #2d3239; font-weight: 300; font-size:12px;}
#Foot .wrapper{margin:0px auto; width:720px; position: relative;}
#Foot .logo{position: absolute; top: 0px; left: 0px; width:50px; height:50px; background:url(images/appicon_r.png) no-repeat; background-size: contain; z-index:500;}
#Foot .logo_intro{float: left; margin: 5px 0 0 70px;  color: #ddd; font-weight: 400; font-size: 13px; line-height: 20px;}
#Foot .logo_intro_cn{float: left; margin: 13px 0 0 70px;  color: #ccc;font-size: 13px; line-height: 20px;}
#Foot .copyright{float: none; text-align: center; margin-top: 30px; font-weight: 400; color: #999; font-size: 13px;}
#Foot .copyright a{ color: #999;}