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

#graphic_menu {
  background: url("../images/soyjoy_gallery/health_news/grey_round_gb.gif") no-repeat scroll 0 0 transparent;
  display: block;
  height: 530px;

   margin:5px 0 0;

  width: 701px;
}

.news_tag {
  margin: 0 0 0 3px;
  position: absolute;
}

#news_tag1 {
  margin:2px 0 0 0;
  margin: -2px 0 0 0px\9;
  *margin:  0 0 0 0px;
  
}

#news_tag2 {
  margin:-17px 0 0 165px;
  margin: -17px 0 0 165px\9;
  *margin:-17px 0 0 165px;
  /*margin:  0 0 0 0px;*/
  
}



#graphic_menu .hn_visual
{
	width:325px;
	height:238px;
	display:block;
	font-size:13px;	
	position:relative;
}

#graphic_menu .hn_visual > a.more_txt {
  bottom: 10px;
  position: absolute;
  right: 20px;
}

#graphic_menu #hn_visual1
{
	color:#fff;
	 background: url("../images/soyjoy_gallery/health_news/hn1_visual.png") no-repeat;
	 margin: 22px 0 0 20px;
	 _margin: 22px 0 0 10px;
	 float:left;
}

#graphic_menu #hn_visual2
{
	 background: url("../images/soyjoy_gallery/health_news/hn2_visual.png") no-repeat;
	 margin:22px 0 0 9px;
	 float:left;
}

#graphic_menu #hn_visual3
{
	 background: url("../images/soyjoy_gallery/health_news/hn3_visual.png") no-repeat;
	 margin:10px 0 0 20px;
	 _margin: 10px 0 0 10px;
	 float:left;
}


#graphic_menu #hn_visual4 {
  background: url("../images/soyjoy_gallery/health_news/hn4_visual.png") no-repeat scroll 0 0 transparent;
  float: left;
  margin: 10px 0 0 10px;
}

#graphic_menu li{
	line-height:19px;
	display:block;
	width:200px;
	list-style-type:none;
	height:10px;
    margin:6px 0 0 0;
	*margin:-6px 0 0 0;
	_margin:-5px 0 0 0;
	
}

#graphic_menu a{
	font-size:13px;
}


#graphic_menu #hn_visual1 a,
#graphic_menu #hn_visual3 a,
#graphic_menu #hn_visual4 a{
	color:#FFF;
	text-decoration:none;
	/*display:block;*/
	/*width:200px;*/
	padding:0 0 0 16px;
}

#graphic_menu #hn_visual2 a{
	color:#bd7a04;
	text-decoration:none;
	padding:0 0 0 16px;

}

#graphic_menu .hn_visual ul {
  display: block;
  margin: 162px 0 0 26px;
  _margin: 186px 0 0 26px;
  padding: 0;
}


#hn_h_menu a img{
	border:none;
}
#hn_h_menu ul{
	margin:0;
	padding:0;
}
#hn_h_menu ul li
{
	float:left;
	list-style-type:none;
	margin:0 0 0 2px;
}

#hn_h_menu ul li.first{
	margin:0;
}



.arrow{
	/*float:left;*/
	position:absolute;
	width:7px;
	height:10px;
	display:block;
	margin:4px 0 0 0;
	_margin:2px 0 0 0;
	/*border:1px solid #000;*/
}







	div#title h1, div#title h2{
		text-indent:-9999px;
		height: 0px;
		line-height: 0px;
		margin: 0px;
	}

div#title div#subtitle {
  margin: 2px 0 0;
}

div#main_banner {
	text-align:center;
}			
div#main_content {
	float: right;
	width: 100%;
	border: 1px;
	position:relative;
	color:#666666;
}

div#title {
	width:760px;
}

.image h1{
		text-indent:-9999px;
		height: 0px;
		line-height: 0px;
		margin: 0px;
}


.page_btn {
  display: block;
  float: left;
  height: 44px;
  width: 200px;
}


#block1 #sub_menu{
	width:610px;
}


#page1_btn{
		background:url(../images/soyjoy_gallery/research/p1.jpg) ;
		background-position:center top;
}
#page2_btn{
		background:url(../images/soyjoy_gallery/research/p2.jpg) ;
		margin:0 0 0 5px;
		background-position:center top;
}
#page3_btn{
		background:url(../images/soyjoy_gallery/research/p3.jpg) ;
		margin:0 0 0 5px;
		background-position:center top;
}


#page1_btn:hover,
#page2_btn:hover,
#page3_btn:hover
{
	background-position:center -48px;
		/*background:url(../images/soyjoy_gallery/research/page1_over.jpg) ;*/
}

#page1_btn.active,
#page2_btn.active,
#page3_btn.active
{
		background-position:center -97px;
}

div#title {
  float: left;
  margin: 0;
  width: 760px;
}
.block{
	font-size:12px;
	line-height:17px;
	float:left;
	text-align:justify;
}
.sub_block{
	float:left;
}

#block1 {
  margin: 0 0 0 72px;
  _margin: 0 0 0 36px;
}
#block2{
	float:left;
	margin:23px 0 0 0;
}
#block2 .left{
	width:511px;
	float:left;
}

#block2 .right {
  float: left;
  margin: 21px 0 0 6px;
}

#block3{
	margin:20px 0 0 0;
	float:left;
	text-align:justify;
}

#block3  .round_corner{
	float:left;
	height:16px;
	width:700px;
}

#block3  #b3_top{
	background:url(../images/soyjoy_gallery/research/grey_r_top.jpg) no-repeat;
}


#block3 #b3_bottom{
	background:url(../images/soyjoy_gallery/research/grey_r_bottom.jpg) no-repeat;
}

#block3 .center {
  background: none repeat scroll 0 0 #E1E1E1;
  float: left;
  width: 700px;
}

#block3 .center  #sub_block1 .left{
	float:left;
	width:124px;
	margin:0 0 0 18px;
	*margin:0 0 0 18px;
	_margin:0 0 0 10px;
 
	
	
}


#block3 .center  #sub_block1 .right{
	float:left;
	width: 455px;
	text-align:left;
	margin:0 0 0 17px;
}

#block3 .center #sub_block1 .right p {
  color: #666666;
  display: block;
  margin: 10px 0 0;
  text-align: justify;
  width: 505px;
}

#block3 .center  #sub_block2{
	float:left;
	width:726px;
	text-align:left;
margin:0 0 0 18px;
	*margin:0 0 0 18px;
	_margin:0 0 0 10px;
}


.bold{
	font-weight:bold;
	width:300px;
}

#block3 .center #sub_block2 .bold img {
  display: block;
  float: left;
  margin: 1px 3px 0 0;
}

#block3 .center  #sub_block2 .para{
	color:#666666;
		text-align:justify;
		display:block;
		width:647px;
}

#block3 .center  #sub_block2 p{
	margin:23px 0 0 0;
}

#sub_block3 {
  float: left;
  margin: 11px 0 0 16px;
  _margin: 11px 0 0 10px;

  
	
}

#sub_block3 .round_corner2{
	display:block;
	height:10px;
}

#sub_block3  #sb3_top{
		background:url(../images/soyjoy_gallery/research/grey2_r_top.jpg) no-repeat;
		float:left;
		width:660px;
		line-height:5px;
		height:10px;
	/*	border:1px solid #000;*/
}

#sub_block3  .center{
background:#aaaaaa;float:left;width:660px;
}

#sub_block3  .center ul{
	text-align:left;
	color:#ffffff;
	margin:0;
	padding:0;
}

#sub_block3  .center ul li{
	margin:0 0 0 30px;

}


#sub_block3  #sb3_bottom{
		background:url(../images/soyjoy_gallery/research/grey2_r_bottom.jpg) no-repeat;float:left;
		width:660px;
}




#block4{
	float:left;
	margin:25px 0 0 0;
	text-align:justify;
}

#block4 .left{
	float:left;
	width:490px;
	text-align:justify;
}
#block4 .right {
  float: left;
  margin: 0 0 0 10px;
}

#block5 {
	margin:24px 0 0 0;
}
#block5 .left{
	float:left;
	width:132px;
}

#block5 .right {
  float: left;
  margin: 15px 0 0 17px;
  width: 541px;
}

#block5 .bold img {
  display: block;
  float: left;
  margin: 1px 3px 0 0;
}

#block6{
	margin:16px 0 0 0;
}
#sub_block1_6 {
	margin:7px 0 0 0;
}
#sub_block1_6  .round_corner3{
	float:left;
	height:17px;
	width:700px;
}

#sub_block1_6  #sb1_6_top{
		background:url(../images/soyjoy_gallery/research/grey3_r_top.jpg) no-repeat;float:left;
		width:700px;
	
		
}

#sub_block1_6  .center{
		float:left;
		width:700px;
		background:#e1e1e1;
		color:#f05988;
}

#sub_block1_6  .center ul li{
	*margin:0 0 0 30px;
	
}


#sub_block1_6  #sb1_6_bottom{
		background:url(../images/soyjoy_gallery/research/grey3_r_bottom.jpg) no-repeat;float:left;
		width:700px;
}

#block7{
	margin:20px 0 0 0;
}

#block9{
	width:700px;
}
#block9 a{
	display:block;
	float:right;
	margin:60px 0 0 0;
}

#block9 a img{
border:none;
}



/***************************************page2********************************************/


#block3_g{
	margin:20px 0 0 0;
	float:left;
	text-align:justify;
}

#block3_g  .b3g_round_corner{
	float:left;
	height:12px;
	width:760px;
}

#block3_g #b3g_top{
	background:url(../images/soyjoy_gallery/research/pink_r_top.jpg) no-repeat;
}

#block3_g #b3g_bottom{
	background:url(../images/soyjoy_gallery/research/pink_r_bottom.jpg) no-repeat;
}
#block3_g .center {
  background: url("../images/soyjoy_gallery/research/pink_stroke_bg.jpg") repeat scroll 0 0 transparent;
  float: left;
  width: 760px;
}

#sub_block1g {
  margin: 20px 0 0;
  width: 746px;
}
#block3_g .center  #sub_block1g .left{
	float:left;
	width:194px;
	margin:0 0 0 20px;
	*margin:0 0 0 20px;
	_margin:0 0 0 10px;
}


#block3_g .center  #sub_block1g .right{
	float:left;
	width:515px;
	text-align:left;
	margin:0 0 0 17px;
}

#block3_g .center #sub_block1g .right p {
  color: #666666;
  display: block;
  margin: 10px 0 0;
  text-align: justify;
  width: 505px;
}


#block3_g .center  #sub_block2g{
	float:left;
	width:726px;
	text-align:left;
margin:20px 0 0 18px;
	*margin:20px 0 0 18px;
	_margin:20px 0 0 10px;
}

#block3_g .center  #sub_block2g .b2g_round_corner{
	height:9px;
	display:block;
	width:720px;
}

#block3_g .center  #sub_block2g #sb2g_top {
	width:720px;
	background:url(../images/soyjoy_gallery/research/gi_grey_r_top.jpg) no-repeat;
	line-height:18px;
	display:block;
	float:left;
	height:18px;
	margin:0;
	padding:0;
}

#block3_g .center #sub_block2g #sb2g_bottom {
  background: url("../images/soyjoy_gallery/research/gi_grey_r_bottom.jpg") no-repeat scroll 0 0 transparent;
  float: left;
  width: 720px;
}

#block3_g .center #sub_block2g .center {
  background: none repeat scroll 0 0 #E1E1E1;
  float: left;
  padding: 0 0 0 20px;
  width: 700px;
}


#block3_g .center #sub_block2g .center .gi_pt {
  line-height: 19px;
  margin: 10px 0 0;
}

#block3_g .center #sub_block2g .center .gi_pt img{
	float:left;
	display:block;
    margin: 0 10px 0 0;
}

#block6_g{
	margin:9px 0 0 0;
}
#gi_grey_content_block1{
	
	width:580px;
	margin:0 auto 0 auto;
}
#gi_grey_content_block1 .left{
	float:left;
	width:355px;
}

#gi_grey_content_block1 .left p{
	margin:15px 0 0 0;
	color:#666666;
}

#gi_grey_content_block1 .right {
  float: left;
  margin: 0 0 0 13px;
  width: 205px;
}

#gi_grey_content_block1 .right img {
  display: block;
  margin: 34px 0 0;
}

#gi_grey_content_block2
{
	float:left;
	width:760px;
	margin:12px 0 0 0;
	
}

#gi_grey_content_block2 img
{
	margin: 0 auto;
	display:block;
}

#gi_grey_content_block3 {
  color: #666666;
  display: block;
  float: left;
  margin: 12px auto 0 91px;
  width: 550px;
}

#block8_g{
	margin:20px 0 0 0;
}
#block8_g .b8g_round_corner{
		float:left;
	height:12px;
	width:760px;
}

#block8_g #b8g_top{
	background:url(../images/soyjoy_gallery/research/pink_r_top.jpg) no-repeat;
}

#block8_g .center {
  background: url("../images/soyjoy_gallery/research/pink_stroke_bg.jpg") repeat scroll 0 0 transparent;
  float: left;
  width: 760px;
}

#block8_g #b8g_bottom{
		background:url(../images/soyjoy_gallery/research/pink_r_bottom.jpg) no-repeat;
}

#block8_g .center .gi_pt img{
	float:left;
	margin: 0 10px 0 0; 
}

#block8_g .center .left{
	float:left;
}
#block8_g .center .left .subtitle {
  margin: 0 0 12px 13px;
}

#block8_g .center .right {
  float: left;
  margin: 0 0 0 95px;
  _margin:0 0 0 85px;
}

#block8_g .center .gi_pt {
  line-height: 19px;
  margin: 5px 0 0 13px;
}

/**************************************page 3*********************************/
#block3_f{
	margin:20px 0 0 0;
	float:left;
	text-align:justify;
}

#block3_f  .b3f_round_corner{
	float:left;
	height:12px;
	width:700px;
}

#block3_f #b3f_top{
	background:url(../images/soyjoy_gallery/research/pink_r_top.jpg) no-repeat;
}

#block3_f #b3f_bottom{
	background:url(../images/soyjoy_gallery/research/pink_r_bottom.jpg) no-repeat;
}
#block3_f .center {
  background: url("../images/soyjoy_gallery/research/pink_stroke_bg.jpg") repeat-y scroll 0 0 transparent;
  float: left;
  width: 700px;
}

#sub_block1f {
 margin: 15px 0 0 15px;

width: 670px;
}

#sub_block2f {
  margin: 19px 0 0 15px;

  width: 710px;
}



#sub_block2f .left {
  float: left;
  width: 498px;
}

#sub_block2f .right {
  float: left;
  margin: 0 0 0 9px;
}

#sub_block3f {
 margin: 19px 0 0 15px;

width: 680px;
}

#sub_block3f  .pink{
color:#f05988;
}


div#sub_block4f h2{
		text-indent:-9999px;
		height: 0px;
		line-height: 0px;
		margin: 0px;
}

#sub_block4f {
margin: 20px 0 0px 8px;

}

#sub_block4f #table4 {
  background: url("../images/soyjoy_gallery/research/table4.jpg") repeat scroll 0 0 transparent;
  height: 331px;
  margin: 10px 0 0;
  width: 684px;
}


#sub_block4f #table4 #table_element {
  float: right;
  margin: 0 7px 0 0;
  width: 560px;
}

#sub_block4f #table4 #table_element p{
display:block;
}

#sub_block4f #table4 #table_element .p1{
margin: 8px 0 0 25px
}
#sub_block4f #table4 #table_element .p2{
margin: 15px 0 0 25px;
}
#sub_block4f #table4 #table_element .p3 {
  margin: 13px 0 0 25px;
}
#sub_block4f #table4 #table_element .p4 {
  margin: 18px 0 0 25px;
}
#sub_block4f #table4 #table_element .p5 {
  margin: 18px 0 0 25px;
}
#sub_block4f #table4 #table_element .p6 {
  margin: 16px 0 0 25px;
}
#sub_block4f #table4 #table_element .p7 {
  margin: 15px 0 0 25px;
}
#sub_block4f #table4 #table_element .p8 {
  margin: 16px 0 0 25px;
}





/*2 column  layout*/


div#left_navi {
	width: 179px;
	
	height: auto;
	float: left;
	margin:20px 0 0 0;
}
 
	div#left_navi h1{
		text-indent:-9999px;
		background: url(../images/soyjoy_gallery/ask_expert/title.gif)  left top no-repeat;
		height: 31px;
		padding: 0 0 30px 0px;
		margin: 0px;
	}
	
	div#left_navi ul {
		list-style-type:none;
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		padding: 0;
		margin: 20px 0 0 0;
		
	}
	
		div#left_navi ul li{
			display: block;
height: 20px;
width: 209px;
float: left;
line-height: 20px;
font-family: "新細明體", "細明體", Arial;
font-size: 12px;
margin-left: 0px;
margin-bottom: 5px;
		}

			div#left_navi ul li a{
				display: block;
				width: 163px;
				height: 20px;
				padding-left: 16px;
				background: url(../images/health_knowledge/gi_with_u/left_navi.gif) top left;	
				color: #888888;
				text-decoration:none;
			}
			
			div#left_navi ul li a:hover {
				display: block;
				background: url(../images/health_knowledge/gi_with_u/left_navi.gif) bottom left;
				color: #c51230;
				text-decoration:none;
			}
			
			div#left_navi ul li a.active {
				display: block;
				background: url(../images/health_knowledge/gi_with_u/left_navi.gif) bottom left;
				color: #c51230;
				text-decoration:none;
			}
			
div#right_content {
	float: right;
	width: 548px;
	padding-left: 30px;
	position:relative;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color: #999;
	margin:20px 0 0 0;
}




/** 大豆異黃酮的抗氧化功效**/

.anti_p{
	font-size:12px;
	line-height:17px;
	color:#666666;
	display:block;
	text-align:justify;
}

#anti_p1 {
  margin: 27px 0 0;
  *padding: 27px 0 0;
  width: 345px;
}

#anti_p2{
  margin: 27px 0 0;
  width: 460px;
}
#anti_p3{
  margin: 27px 0 0;
  width: 553px;
}


#anti_p4 {
  margin: 7px 0 0;
  width: 553px;
}


.milk {
  margin: -30px 0 0 365px;
  position: absolute;
}

.disease_prevent {
	display:block;
  margin: 20px 0 0;
}

.ingredient_table{
	display:block;
	  margin: 10px 0 0;
}
.ingredient_table2{
		  margin: 10px 0 0;
}
#anti_oxidant_right_content_container{
	height:1000px;
}

/** 如何閲讀營養標籤**/

.about_label_intro{
	margin:16px 0 0 0;
}

.about_label_other{
background: url(../images/soyjoy_gallery/health_news/grey_bg_how_label.jpg) ;
width:550px;
height:154px;
display:block;
margin:10px 0 0 0;

}

.about_label_other p {
  color: #666666;
  font-size: 12px;
  line-height: 17px;
  margin: 0 auto;
  padding: 35px 0 0;
  text-align: justify;
  width: 521px;
}

#about_label_right_content_container{
	display:block;
	height:570px;
}


/** 與營養素相關的慢性疾病**/
.health_disease_intro{
	margin:16px 0 0 0;
}
#health_disease_right_content_container{
	display:block;
	height:570px;
}



/** 如何閲讀營養標籤**/
.how_label_intro{
	margin:16px 0 0 0;
}

.how_label_other{
background: url(../images/soyjoy_gallery/health_news/grey_bg_how_label.jpg) ;
width:550px;
height:154px;
display:block;
margin:10px 0 0 0;
}

.how_label_other p {
  color: #666666;
  font-size: 12px;
  line-height: 17px;
  margin: 0 auto;
  padding: 35px 0 0;
  text-align: justify;
  width: 521px;
}

#how_label_right_content_container{
	display:block;
	height:570px;
}

/** 能量及各項營養素對人體的重要性**/

.affect_container.first{
	margin:20px 0 0 0;
}

.note{
	font-size:12px;
	line-height:17px;
	color:#666666;
	margin:8px 0 0 0;
}
.red_txt{
	color:#c4122f;
}



.affect_link_bg {
  background: url("../images/soyjoy_gallery/health_news/affect_link_grey_bg.jpg") repeat scroll 0 0 transparent;
  display: block;
  height: 60px;
  margin: 15px 0 15px 0;
  width: 580px;
}

.affect_link {
  height: 35px;
  padding: 15px 0 0 10px;
  width: 464px;
}
.red_arrow{
	margin:0 0 -3px 0 ;
}
.grey_bg_link_title{
	display:block;
}
.link{
	font-size:13px;
	text-decoration:none;
	color:#c4122f;
	font:Arial, Helvetica, sans-serif;
}



.bean_health_skin_intro{
	margin:25px 0 0 0;
}


.bean_health_skin_bg{
	display:block;
	margin:30px 0 0 0;
	
}

.bean_health_skin_bg#bean_health_skin_bg1{
	background: url(../images/soyjoy_gallery/health_news/bean_health_skin_bg1.gif)  no-repeat;
	width:550px;
	height:199px;
}
.bean_health_skin_bg#bean_health_skin_bg2{
	background: url(../images/soyjoy_gallery/health_news/bean_health_skin_bg2.gif)  no-repeat;
	width:550px;
	height:182px;	
}
.bean_health_skin_bg#bean_health_skin_bg3{
	background: url(../images/soyjoy_gallery/health_news/bean_health_skin_bg3.gif)  no-repeat;
	width:550px;
	height:197px;
}
.bean_health_skin_bg#bean_health_skin_bg4{
	background: url(../images/soyjoy_gallery/health_news/bean_health_skin_bg4.gif)  no-repeat;
	width:550px;
	height:197px;
}
.bean_health_skin_bg#bean_health_skin_bg5{
	background: url(../images/soyjoy_gallery/health_news/bean_health_skin_bg5.gif)  no-repeat;
	width:550px;
	height:197px;
}

.bean_health_skin_p{
	display:block;
	width:337px;
	
	text-align:justify;
	  text-justify :inter-ideograph;

	color:#FFF;
	font-size:12px;
	line-height:17px;
	position:relative;
	
}

.bean_health_skin_p#bean_health_skin_p1{
  left: 189px;
  top: 56px;
}
.bean_health_skin_p#bean_health_skin_p2{
  left: 20px;
  top: 54px;
}
.bean_health_skin_p#bean_health_skin_p3{
  left: 196px;
  top: 46px;
}
.bean_health_skin_p#bean_health_skin_p4{
  left: 16px;
  top: 54px;

}
.bean_health_skin_p#bean_health_skin_p5{
  left: 195px;
  top: 63px;
}