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

/************************************************************************************
contact info
*************************************************************************************/
#contact_address{
	width:100%;
	padding:0 0 0 30px;
	background:#fff url(images/contactInfo/contactInfo_bg.gif) repeat-x center top;	
	position:relative; top:0px;text-align:left; margin-top:0px;
}

#contact_address .container{width:900px; margin:0 auto; position:relative;  top:0; left:0;  padding:5px 0px 5px 0px;float:left;}
#contact_address .container h1{font-weight:300;color: #000;font-size: 18px;line-height: 24px;}
#contact_address .container h2{font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;color: #32b9d9;font-size: 14px;font-weight: 700; padding-top:10px;}
#contact_address .container p{ font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;color: #32b9d9;font-size: 13px;font-weight: 400;line-height: 16px; padding-bottom:10px;}

#contact_address .container a{color:#32b9d9;text-decoration:underline;}
#contact_address .container a:hover{color:#32b9d9;}
#contact_address .container li {padding-left:25px; margin-bottom:5px;}

.locate{
	background:url(images/contactInfo/address_icon.gif)no-repeat left center;
}
.tel{
	background:url(images/contactInfo/tel_icon.gif)no-repeat left center;
}

.email{
	background:url(images/contactInfo/email_icon.gif)no-repeat left center;
}
.fax{
	background:url(images/contactInfo/fax_icon.png)no-repeat left center;
}
#contactInfo .content .centre{
	float:left;
	margin:0 42px;	
}

#contactInfo .form{
	width:220px;
	float:right;
	background:#fff url(images/contactInfo/contactForm_bg.gif) repeat-x center top;
}
#contactInfo .form h3{
	margin:18px 0 20px 20px;
}
#contactInfo .form .btn{
	margin:0 0 0 24px;	
}
#contactInfo.style2 .content {padding:18px 30px 0 30px}
#contactInfo.style2 .content .list {width:280px; height:150px; margin:0}
#contactInfo.style2 .content .centre {margin:0 30px}


/************************************************************************************
home
*************************************************************************************/
.home_banner_txt1{
	top:247px;
}
.home_banner_txt2{
	top:302px;
}

#home_slogan{
	border-bottom:1px dashed #b2b2b2;
	padding:0 0 17px 0;
	margin:0 0 20px 0;	
}

/* client */
#home_client{
	width:100%;
}

#home_client_intro{
	float:left;
	width:200px;
}
#home_client_intro h2{
	margin:0 0 10px 0;	
}
#home_client_intro p{
	text-align:left;
	text-justify:auto;
}

#home_client_list{
	float:right;
	width:680px;	
}
#home_client_list ul{
	margin:0 0 0 -25px;	
}
#home_client_list ul li{
	position:relative;
	float:left;
	width:198px;
	height:198px;
	background:#0fb9ca;
	border:6px solid #0fb9ca;
	margin:0 0 20px 25px;
	overflow:hidden;
	cursor:pointer;
}
#home_client_list ul li a{
	position:absolute;
	top:0%;
	left:0%;
	display:none;
}
#home_client_list ul li span{
	display: table-cell;
	width:198px;
	height:198px;
	vertical-align:middle;
	text-align:center;
	/*background:url(images/home/overlay_bg.png) repeat;*/
	
	*display: block;
	*font-size : 178px;  /* 198px * 0.9 = 178px */ 
	*font-family : Arial; 	
}
#home_client_list ul li span img{
	vertical-align:middle;	
}


/************************************************************************************
about us
*************************************************************************************/
.aboutUs_banner_txt1{
	top:313px;
}
.aboutUs_banner_txt2{
	top:360px;
}

#aboutUs{
	margin:40px 0 0 0;	
}
#aboutUs ul li{
	display:block;
	margin:0 0 35px 0;
}
#aboutUs ul li .logo{
	float:left;
	width:140px;	
}
#aboutUs ul li .intro{
	padding:0 0 0 140px;
}
#aboutUs ul li .intro h2{
	margin:0 0 5px 0;	
}
#aboutUs ul li .intro p{
	margin:0px;	
}


/************************************************************************************
why scent
*************************************************************************************/
/* marketing */
.whyScent_banner1_txt1{
	top:285px;
}
.whyScent_banner1_txt2{
	top:333px;
}

.marketing_photo{
	height:312px;
	background:url(images/whyScent/marketing_photo.png) no-repeat center bottom;
}
.marketing_txt1{
	margin:0 0 5px 0;	
}

/* advantages */
.whyScent_banner2_txt1{
	top:245px;
}
.whyScent_banner2_txt2{
	top:334px;
}

.whyScent_content{
	margin:0 0 40px 0;	
}

#advantages_photo{
	margin:0 0 20px 0;
	text-align:center;	
}
.line{
	height:1px;
	border:none;
	margin:0px;
	background:url(images/whyScent/line.png) no-repeat center center;	
}

.whyScent_slider{
	width:100%;
	height:120px;
	overflow:hidden;	
}
.whyScent_slider ul li{
	height:120px;
}
.whyScent_slider ul li.active{
	display:block;	
}
.whyScent_slider p{
	display:none;
	position:absolute;
	width:100%;
	text-align:center;
}
.whyScent_slider span.bullet{
	padding:0 0 0 14px;
	background:url(images/whyScent/bullet.png) no-repeat left center;	
}
.whyScent_slider span.twoLine{
	display:block;
	text-align:left;	
	padding:0 0 0 14px;
	background:url(images/whyScent/bullet.png) no-repeat left 6px;	
}

.whyScent_slider_txt1{
	top:19px;
}
.whyScent_slider_txt2{
	top:96px;
}
.whyScent_slider_txt3{
	top:66px;
}
.whyScent_slider_txt4{
	top:90px;
}
.whyScent_slider_txt5{
	top:80px;
}

#whyScent_case ul li{
	padding:0 0 0 20px;
	background:url(images/whyScent/bullet.png) no-repeat 7px 6px;	
}
#whyScent_case ul li span{
	display:inline-block;
	font-size:12px;
	color:#fff;
	line-height:30px;
	padding:0 20px;
	margin:5px 0;
	background:#9ea7b0;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}


/************************************************************************************
why PuriScent
*************************************************************************************/
.whyPuriScent_banner1_txt1{
	top:240px;
}
.whyPuriScent_banner1_txt2{
	top:332px;
}

/* Worldwide deployments */
#worldwide_deployments{
	margin:0 0 40px 0;
}
#deployments_intro{
	float:left;
	width:340px;
	margin:0 25px 0 0;
}
#deployments_intro strong{
	color:#0892b3;
}

.flip-counter{
	margin:8px 0;	
}

/**/
.whyPuriScent_banner2_txt1{
	top:243px;
}
.whyPuriScent_banner2_txt2{
	top:332px;
}

#whyPuriScent2_content{
	float:left;
	width:340px;	
}
#whyPuriScent2_product{
	float:right;
	padding:119px 0 0 0;	
}


/************************************************************************************
our product
*************************************************************************************/
.ourProduct_banner1_txt1{
	top:245px;
}
.ourProduct_banner1_txt2{
	top:332px;
}

.product_list{
	width:700px;
	margin:0 0 25px 0;	
}
.product_info{
	float:left;
	width:430px;	
}
.product_info ul{
	padding:20px 22px;
	background:url(images/ourProduct/bg.png) repeat;	
}
.product_info ul li{
	padding:0 0 0 14px;
	background:url(images/ourProduct/bullet.png) no-repeat left 8px;	
}

.product_photo{
	float:right;
	width:233px;
}

/* PuriScent Fragrance Families */
.ourProduct_banner2_txt1{
	top:285px;
}
.ourProduct_banner2_txt2{
	top:333px;
}

.fragrance_list{
	display:block;
	margin:0 0 20px 0;
}
.fragrance_photo{
	float:left;
	width:160px;
	margin:0 20px 0 0;	
}
.fragrance_list h3{
	margin:0 0 5px 0;	
}
.fragrance_list .info{
	padding:0 0 0 180px;	
}
.fragrance_list .info ul{
	margin:0 0 15px 0;	
}
.fragrance_list .info ul li{
	padding:0 0 0 20px;
	background:url(images/ourProduct/bullet.png) no-repeat 8px 8px;	
}


/************************************************************************************
client
*************************************************************************************/
.client_banner_txt1{
	top:240px;
}
.client_banner_txt2{
	top:332px;
}

#client{
	margin:40px 0 0 0;
}
#client h1{
	margin:0 0 15px 0;	
}
#client ul{
	margin:0 0 0 -35px;	
}
#client ul li{
	position:relative;
	float:left;
	width:140px;
	height:140px;
	background:#0fb9ca;
	border:6px solid #0fb9ca;
	margin:0 0 40px 35px;
	overflow:hidden;
	cursor:pointer;
}
#client ul li img {
	width:100%;
}
#client ul li a{
	position:absolute;
	top:0%;
	left:0%;
	display:none;
}
#client ul li span{
	display: table-cell;
	width:140px;
	height:140px;
	vertical-align:middle;
	text-align:center;
	/*background:url(images/home/overlay_bg.png) repeat;*/
	
	*display: block;
	*font-size : 126px;  /* 140px * 0.9 = 126px */ 
	*font-family : Arial; 	
}
#client ul li span img{
	vertical-align:middle;	
}


/************************************************************************************
contact us
*************************************************************************************/
#map{
	position:relative;
	height:440px;
	margin:0 0 20px 0;
}

#contactUs{
	margin:40px 0 0 0;
}
#contactUs h1{
	margin:0 0 15px 0;	
}

#contactUs_title{
	width:100%;
	margin:0 0 5px 0;	
}
#download_btn{
	float:right;
	margin:-10px 0 0 0;	
}

#contact_form{
	line-height:200%;	
}

.required{
	color:#32b9d9;	
}

.form_field1{
	width:438px;
	height:28px;
	border:1px solid #e5e5e5;
}
.form_field2{
	width:208px;
	height:28px;
	border:1px solid #e5e5e5;
}
.form_field3{
	width:438px;
	height:97px;
	border:1px solid #e5e5e5;
}


/************************************************************************************
our service
*************************************************************************************/
.ourService_banner_txt1{
	top:313px;
}
.ourService_banner_txt2{
	top:360px;
}

#ourService h2{
	margin:0 0 10px 0;	
}
#service_model{
	margin:40px 0 0 0;	
}
#service_support{
	margin:40px 0 0 0;	
}
#ourService_map{
	width:100%;
	min-height:200px;
	background:url(images/ourService/map.png) no-repeat right 6px;	
}