/*system*/
//body{  font-family:"微軟正黑體",Microsoft JhengHei,Arial,Helvetica,sans-serif; font-size:14px; color:#333333; /*line-height:21px;*/}

body{  font-family: Arial,Helvetica,sans-serif,MingLiu; font-size:13px; color:#333333;}

a{color:#0d779e; text-decoration:none;}
a:hover{ color: #556807;}
.dev{border:0px solid #F00;}
.txt-hide{ text-indent:-9999px; overflow:hidden;}
.img-center{   border: 0 none;
    display: inline-block;
    font-size: 0;
    height: 100%;
    line-height: 0;
    vertical-align: middle;
    width: 0;}
	
.listimg img{ vertical-align:middle;}

.imgborder{ padding:5px; background:#FFF;box-shadow: 0 0 8px #666666;}

/*HTML edit*/
.page-article-con{
	p, dl, multicol { line-height:21px;}
	
}

/*system-end*/

/*====web-layout====*/
#creation-page{
	/*====page-top====*/
	.page-top-bg{ .dev; position:relative; z-index:10;}
	.page-top{ .dev; height:120px; width:1100px; overflow:hidden; margin:0 auto; position:relative;
		  .weblogo{margin:0; padding:0;width:85px; height:75px; display:inline-block;overflow:hidden;  padding: 8px 0 0 35px;}
		  .weblogo a{.dev; .txt-hide; display:inline-block; width:85px; height:75px;}
		  .page_menus{ .dev; display:inline-block; width:740px; overflow:hidden; padding: 35px 35px 0 0; float:right;}
		  .page_menus li{ float:left;}
		  .page_menus li .line{ display:inline-block; width:2px; height:28px; float:left; margin: 16px 0 0;}
		  .page_menus a{ .dev; .txt-hide; display:inline-block; float:left;  height:35px;}
		  
		  .page_menus .about{  width: 92px;}
		  .page_menus .news{  width: 134px;}
		  .page_menus .product{  width: 114px;}
		  .page_menus .advantage{  width: 132px;}
		  .page_menus .use{  width: 129px;}
		  .page_menus .contact{  width: 105px;}
		  
	     }
	
	.sublink{.dev;color: #fff;position: absolute;right: 45px; text-align: right; top: 19px; width: 260px;}
	.sublink a{.dev; color:#FFF;}
	
	.ot-weblink{.dev;position: absolute;right:10px;top:10px;}
	.ot-weblink a{.dev;.txt-hide; display:inline-block; float:left;width:22px; height:22px;}
	
	/*====page-top-END====*/
	
	/*====page-copyright====*/
	.page-copyright-bg{ padding: 45px 0 0;}
	.page-copyright{ width:1100px;
					  padding: 0; height:65px; margin:0 auto; font-size:12px; color:#666; line-height:21px; position:relative;
					 .pageview{ width:300px; float:right;}
					 .ct_con{  display:block;float: right;text-align: right;width: 410px; color:#000;}
					 .page-view-total{ display:inline-block; float:right;}
					 .author-info{ color:#666; text-align:right; display:block; margin:15px 0;
					                 a{ color:#666; opacity:0.8;}
							          a:hover{ color:#096;opacity:1;}
							     }
					 }
}

.page-copyright{
				.cp-tel,.cp-email{ display:block; height:80px; float:left; position:absolute; top:20px;}
				.cp-tel{ left:15px; width:200px;}
				.cp-email{ left:230px; width:230px;}
}

.certification{ display:inline-block; float:left; width:385px;}

/*page-content*/				 
#page-content{ .dev; width:1000px; margin:0 auto;

				.menus-list{  float: left; width:225px; line-height:21px;
							 h2{display: inline-block;height: 40px; width:100%; overflow: hidden;font-family:Arial Black; font-size:18px;
							    margin:0; color:#427b01;
							   }
							 ul{ margin:15px 0 0 0;}
							 ul li{ display:inline-block; width:100%; height:35px;border-bottom: 1px dashed #ababab;}
							 ul li a{ display: inline-block;font-size: 13px; height: 22px;
							            overflow: hidden;padding: 5px 0 0 25px; width: 203px; color:#333;}
							 ul li a:hover{ color: #556807;}
					        }
							
				
				.article-layout{display:inline-block;}	
				.page-article{ display:inline-block;float: left;padding: 0 0 0 33px; position: relative; width: 740px;
								
							  	.page-title{ border-bottom: 1px solid #ababab;color: #333;font-size: 16px;font-weight: bold; height: 32px; 
								             padding: 0 0 0 20px; margin:0;}
								.article-date{ display:inline-block; float:right;}
								.page-back {   height: 21px;overflow: hidden;position: absolute; right: 45px;
											   text-indent: -9999px; top: 47px;width: 69px;}
								.page-subiten { margin:15px 15px 0 15px;  position: relative; height:25px;}
								.article-title { font-size:21px; font-weight: bold; padding: 15px 15px 0 15px; margin:0; line-height:26px;}
								.page-article-con { display: inline-block; padding: 15px 10px 0 10px;
								                    position: relative; width:670px;overflow:hidden;}
							  
							  }
							  
				
				.page-adbanner{ padding:20px 0 20px 0;}
				.page-adbanner a{ margin:0 0 10px 0; display:inline-block;overflow:hidden; width:220px; height:70px;}
				
			  }

/*page-article-list*/

.page-article-list{
					.page-list-title{ height: 27px;  margin: 10px 0 0;padding: 2px 0 0;text-align: left;}
					
					.article-brief li{ line-height:21px; border-bottom: 1px solid #bcbcbc;display: inline-block;
					                   padding: 12px 0 12px 15px;}
					.article-brief .listimg {width: 130px;height: 100px;  box-shadow: 0 0 2px #6a6a6a;border: 1px solid #cccccc; 
					                           float: left;   margin: 0 15px 0 0;padding: 3px;}
					.news-date { color: #737373;font-size: 13px; margin:0 0 3px 0;}
					.listimg-brief{display: inline-block;float: left;width: 515px; margin:0; line-height:21px;}
					.listimg-brief h3{ margin:0; padding:0;}
					.listimg-brief h3 a {color: #206aaf; display: block;font-size: 15px;font-weight: bold;
										  height: 20px; margin: 0 0 5px; overflow: hidden;}
					.listimg-brief h3 a:hover{ color:#556807;}
					.media-info-minor { color: #333333;display: block; height: 65px;line-height:21px; overflow: hidden;}
					
					.list-news-title{ height:21px; overflow:hidden; margin:0 0 5px 0;}
					.list-news-title .news-date{ display:inline-block; float:left; color:#666; width:85px;}
					.list-news-title .h3{ display:inline-block; float:left; width:420px;}
					
					.page-switch{   padding: 20px 0 0 0; text-align:right; display:inline-block; width:100%;}
					.page-view{ float:left; padding:0;}
					
					.next-page{ margin:0 0 0 10px;}
					.pre-page{ margin:0 10px 0 0;}
					}
					

/*====web-layout-end====*/

/*index-banner*/
#index-banner{.dev; height:455px; position:relative; top:-30px; background:#deefbb; z-index:1; overflow:hidden;}

/*index-content*/
#index-content{height: 165px;padding: 55px 0 0;position: relative;top: -54px; z-index:10;
	.eventinfo{.dev; height:30px; padding: 8px 20px 0 80px; overflow:hidden;}
	.marqueelist{ .dev; overflow:hidden; height:21px; width:895px; padding: 0 0 0 10px; float:left;}
	.marqueelist a{  padding:0 0 0 35px; margin:0 20px 0 0; color:#333;}
	.marqueelist a:hover{ color:#4c5b10; text-decoration:none;}
	
}

.index-block #creation-page{ background:none;}

.index-block #creation-page{
	.page-copyright-bg{ position:relative;top: -30px; padding:0; background:none;}
}


/*thinkidea full webdesign*/
body {
	margin: 0;
	padding: 0;
}
.bxslider-adbanner {
	width: 1100px;
	height: 460px;
	position: absolute;
}
.tk-adbanner {
	width: 1100px;
	height: 460px;
	position: relative;
	margin:0 auto;
}
.tk-adbanner .swbabut {
	background-image: url(../images/controls2.png);
	background-repeat: no-repeat;
	width: 22px;
	height: 53px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	position:absolute;
	z-index:100;
	top: 45%;
}
.tk-adbanner #go-next{ background-position:-74px 0; right:-10px; opacity:0.2;}
.tk-adbanner #go-next:hover{opacity:0.6;}
.tk-adbanner #go-prev{ left:-10px;opacity:0.2;}
.tk-adbanner #go-prev:hover{opacity:0.6;}
.bx-wrapper .bx-controls{ display:block; width:100%; position:absolute; top:290px; z-index:100;}

.index-info-con{width:1100px; margin:0 auto;
				h3{.dev; .txt-hide; width:220px; height:20px; overflow:hidden; margin: 0 0 15px;}
				.index-more{ .txt-hide; position:absolute; right:0; top:0; width:47px; height:18px;}
				}

.index-video{ width:268px; float:left; position:relative; margin:0 25px 0 0;
			  .event-banner{ width:260px; height:142px; overflow:hidden; padding:3px; border:1px solid #bfbfbf;} 
}

.index-new-block{ width:370px; float:left; position:relative; margin:0 25px 0 0;
				   .index-new-title{ margin: 0 0 8px;}
				   .index-new-list{ font-size:13px;
						li{  border-bottom: 1px dashed #999999;display: inline-block; height: 24px; padding: 6px 0 0; width: 100%;}
						.new-title{display: inline-block; float: left; height: 20px; line-height:22px; 
						           overflow: hidden; width:260px;  padding: 0 0 0 20px;}
						.new-title a{ text-decoration:none; color:#000;}
						.new-title a:hover{color: #557a00;}
						.post-date{  color: #6b8501; display: inline-block;float: right;}

					}
				 }


.index-pr-block{ width:700px; float:left; position:relative;
					.index-pr-title{margin: 0 0 15px;}
					
					.in-pr-info h4{ margin:0 0 7px 0; font-weight:bold; font-size:15px; height:30px; border-bottom:1px solid #d5d5d5;}
					.in-pr-info h4 a{ color:#557a00; display:inline-block; overflow:hidden; height:23px; line-height:24px;}
					.listimg{ display:inline-block; width:110px; height:110px; overflow:hidden; padding:3px;  border: 1px solid #bfbfbf; float:left; text-align:center;}
					.info-minor{float:left; padding:0; height:80px; overflow:hidden; font-size:13px; line-height:20px;}
					
					.info-minor p{ margin:0; padding:0;}
					
					.listimg-brief{ display:inline-block; width:205px; padding:0 0 0 20px;}
					.listimg-brief h4 a:hover{ opacity:0.8;}
					.in-pr-info{ padding:0 10px 0 0; display:inline-block; float:left; width:345px;}
					#in-pr-info-right{ padding:0;}
}

.share-info-list{
				  li{ display:inline-block;}
	
}

.index-block #page-banner{ display:none;}

#page-banner{ position:relative; top:-10px; z-index:1;
			  .pageimg{ width:100%; height:248px; margin:0 auto; position:relative; top:-25px;}
			  h2{ .txt-hide; margin:0; padding:0;}
            }

.addthis_toolbox{ height:35px; padding:10px 0 0 0;}
.bdsharebuttonbox{ display:inline-block; float:left;}
.addtool{ display:inline-block; float:left; padding: 6px 0 0; margin: 0 3px 0 0;}


/*about-block*/

.about-block{
	#page-content{ width:100%; text-align:center;}
	.aboutimg{  width:1000px; height:770px; margin:0 auto; overflow:hidden; text-indent:-9999px;}
	#page-banner{ display:none;}


}

/*about-block-end*/

/*=advantage-block=*/

.advantage-block{
	.page-title{ background-position:0 -200px; margin: 30px 0 0 0px;}
	#page-banner{ display:none;}
	.aepage-list{ padding:0 0 80px 0;}
	.naturama-logo{width:376px; height:47px; margin:27px auto 40px auto;}
	.bx-pager{ display:none;}
	
	.ae-bxslider a{ box-shadow: 0 0 3px #666666; display:inline-block; width:215px;}
	
}

.advantage-block #creation-page{
	.bx-prev,.bx-next{ width:53px; height:53px; margin:0;top:-175px;}
	.bx-prev{background:url(../images/layout/swbut1.png) no-repeat 0 0; left:-85px;}
	.bx-next{background:url(../images/layout/swbut2.png) no-repeat 0 0; right:-80px;}

}

.sub-listiten{ padding:10px 0;
			li{ display:inline-block;}
			li a{ background: none repeat scroll 0 0 #9f9f9f;
    border-radius: 25px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    margin: 0 15px 0 0;
    padding: 5px 20px;}
	
	li a:hover{    background: none repeat scroll 0 0 #643e00;}
	
	.select a{background: none repeat scroll 0 0 #643e00;}
	
}


/*advantage-block-end*/

/*=article-con=*/

.article-con{ width:1000px; margin:0 auto; padding:20px 0 0 0; display:inline-block;
	
	.article-list{ width:190px; float:left; display:inline-block;}
	
	.article-list{ 
	           ul{ padding:0 0 0 8px;}
				ul a{ .txt-hide;display:inline-block; width:130px; height:150px; opacity:0.5;}
				ul a:hover{ opacity:1;}
				ul li .select{ opacity:1;}
				
	.ae-tag1 a{ height: 135px;}
	.ae-tag2 a{}
	.ae-tag3 a{}
	.ae-tag4 a{}
	.ae-tag5 a{height: 135px;}
	.ae-tag6 a{}
	.ae-tag7 a{}
				
	}
	
	.article-txt{ width:810px;float:left;}
	.art-title{ .txt-hide; margin: 0 0 20px;}
	.al-txt-title{ margin:0; font-size:19px; color:#643e00; padding:10px 0 0 35px; height:40px;}
	
	.article-htmltxt{  line-height:24px; padding:20px 0 0 0;}

}

/*article-con-end*/


/*=page-layout=*/
.page-title{ display:inline-block; width:300px; height:45px; text-indent:-9999px;  margin:0;}

/*page-layout-end*/

/*=user-block=*/
.user-block{
	.page-title{ background-position:0 -300px;}
	.usems-list{  padding: 25px 0 0 0;  height: 220px; width:910px; margin:0 auto;
	 			 li{ display:inline-block; float:left;padding: 0 15px 0 0;}
				 a{ .txt-hide; display:inline-block; width:200px; height:200px; float:left; opacity:0.5;}
				 a:hover{ opacity:1;}
				 .select{ opacity:1;}
				 .select:hover{ opacity:0.9;}
				}
	.usepage-con{width:870px;margin:0 auto;}
	.use-txt-title{  color: #643e00; font-size:19px; height: 55px;margin: 0;padding: 11px 0 0 30px;}
	
}
/*user-block-end*/

/*=contact-block=*/

.contact-block{
	.page-title{background-position:0 -400px;}
}

/*contact-block-end*/

/*=formBox=*/
#formBox{ padding:30px 0 50px 135px; font-size:13px; width:450px; float:left;
	label {display: block; float: left; padding: 0 5px 0 0; text-align: right; width: 65px;}
	b{ color: #f00;font-weight: bold;}
	li{  display: inline-block;float: left; padding: 0 0 10px; width: 650px;}
	.myname{ float:left;}
	.mygender{ float:left;}
	.mycall{ float:left;}
	.myphone{ float:left;}
	.gender_m,.gender_w{ margin:0 5px 0 20px;}
	.myinfobox{ float:left; width:320px; height:100px;}
	.myinfocontent{ width:450px;}
	.boxtips{ display:inline-block; width:250px; padding:10px 0 10px 70px; color:#d41919;}
	.submitbut{ display:inline-block;   padding: 0 0 20px 70px; width:300px;}
	.fromsubmit{ background: none repeat scroll 0 0 #7e7d7e; border: 0 none;color: #ffffff;float: left; padding: 2px 10px;}
	.submitbut b{ margin: 0 0 0 20px;}
}
/*formBox-end*/

/*=web-full-info=*/
.web-full-info{ display:inline-block;   padding:30px 0 0 20px;
				
				.full-info-list{ padding:10px 0 0 0; font-size:13px; line-height:24px;}
	
}
/*web-full-info-end*/

/*=news-article-list=*/
.news-article-list{ display:inline-block; width:100%; padding:0 0 30px 0;}

.news-block{
					
				.web-path{ float:right; padding: 0 25px 0 0;}
				.page-list-title{ display:inline-block; float:left; margin:0;padding: 0 0 0 15px; font-weight:normal;}
				#page-content .page-article{ width:700px;}
				.page-article-list{ display:inline-block; padding:20px 0 0 0;}
				.news-info-title{ height: 40px;padding: 10px 0 0 65px;}
				.titleiten-txt{ margin:0 60px 0 0;}
				.ad-banner{ padding:15px 0 0 0;}
				
				.page-article-title{ margin:15px 0;  display: inline-block; padding:0px 120px 0 25px;  height:40px;
				 font-size:18px; color:#694203; font-weight:bold; width:540px; line-height: 40px; overflow:hidden;}
				 
				 .addthis_toolbox{ display:inline-block; float:left;}
				 .article-sub{ display:inline-block; padding:0 10px; width:650px;}
	
	}

/*news-article-list-end*/

/*=product-block=*/
.product-block{
				.pr-article-list{    display: inline-block;padding: 0 0 30px; width: 100%;}
				.page-title{ background-position:0 -100px;}
				.web-path{ float:right; padding: 0 25px 0 0;}
				.page-list-title{ display:inline-block; float:left; margin:0;padding: 0 0 0 15px;}
				.page-article-list{ display:inline-block; padding:20px 0 0 0; width:740px;}
				.news-info-title{ height: 40px;padding: 10px 0 0 65px;}
				.titleiten-txt{ margin:0 60px 0 0;}
				.ad-banner{ padding:15px 0 0 0;}				
				.page-article-title{ margin:0;  display: inline-block; padding:0px 25px 0 25px;  height:48px;
				 font-size:18px; color:#694203; font-weight:bold; width:685px; line-height: 40px; overflow:hidden;}
				 
				 .addthis_toolbox{ display:inline-block; float:left;}
				 #creation-page .page-article .page-back{ top: 15px;}

	
	}

.ad-banner{
		    a:hover{ text-decoration:underline;}
			a:hover span{ text-decoration:underline;}
}

.product-subinfo{
			a:hover{ text-decoration:underline;}
			a:hover span{ text-decoration:underline;}
}
	
.product-block .page-article-list{
	ul li{display: inline-block;float: left; margin: 0 0 10px;text-align: center;width: 185px;}
	
			  .infolist-ac{ display:inline-block; text-align:center; width: 185px; margin: 0 0 10px; float:left;
				  .listimg{  width: 160px;height: 160px;border: 1px solid #CCCCCC;display: inline-block; float: left;  overflow: hidden;padding: 3px; text-align: center; background:#FFF;}
			 	  .listac-info{ display:inline-block; float:left; padding:0 0 0 15px; width: 170px;}
			       h3{ font-size:15px; font-weight:bold; overflow:hidden; height:1.65em; padding: 5px 0 0;}
			       span{ border: 0 none; display: inline-block;  font-size: 0; height: 100%; line-height: 0; vertical-align: middle; width: 0;}
			       img{   vertical-align: middle;}
				   .product-name{ display:inline-block; width:165px; float:left; padding:10px 0 0; height:35px; overflow:hidden; 
				                    a{ line-height:15px; font-size:13px; color:#333; line-height:19px;}
								     a:hover{   color: #556807;}
								  }
				  
			  }


}	

.pr-page-article{
	
	.mainphoto { display: inline-block; width: 100%;float: left; width: 295px;
	             
				 .listimg {width: 260px;height: 260px;  border: 1px solid #cccccc;display: inline-block;float: left;
				             overflow: hidden;padding: 3px;text-align: center;}					 
				 .img-center{border: 0 none;display: inline-block; font-size: 0;height: 100%;line-height: 0; 
				             vertical-align: middle;width: 0;}
				 img {vertical-align: middle;}
	
	           }
			   
	.product-article{ display:inline-block; padding: 32px 0 0 10px;}
			   
	.products_info{ display:inline-block; float:left; width:430px;}
	
	.prinfo_title{  margin: 0 0 10px;padding:0 0 5px 0; color:#596c0e; font-size:20px; font-weight:bold; 
	               border-bottom:1px solid #b1b0b4; overflow:hidden;}
				   
	.product-subinfo{height:185px; overflow:hidden;}
	
	.how-to-buy-but{ width:123px; height:39px; display:block; overflow:hidden; text-indent:-9999px;margin:5px 0 0;}
	.how-to-buy-but:hover{ opacity:0.8;}
	
	.product-detailed-title{ margin:0; width:100%; height:15px; overflow:hidden;text-indent:-9999px;}
	.product-article-detailed{ padding:10px 13px 10px 13px;}
	.article-sub{ display:inline-block; padding:0 0 0 10px; width:650px; height:47px;}
	.detailed-info{ padding:20px 0;}

}

/*product-block-end*/

.media-show{ width:680px; padding:0 0 20px 0; display:inline-block;
		a{ border: 2px solid #fff;display: block; float: left; box-shadow: 0 0 3px #666666; margin:5px;}
		a:hover{ opacity:0.8;border: 2px solid #9cbc76; display: block; float: left;}
}