@Media Screen
{
	 /* General style -start */
    *
    {
        padding:0;
        margin:0;
    }
    
    body
    {
        background:#f0feca;
    }
    
    ul, li
    {
        list-style:none;
    }
    
    
    a
    {
        text-decoration:none;
        color:#66cc66;
    }
    
    .wrapper
    {
        width:1006px;
        margin:0 auto;
        text-align:left;
    }
    
    .clear
    {
        clear:both;
    }
    
    .clearLeft
    {
        clear:left;
    }
    
    .MustInputStar
    {
        font-size:16px;
        font-weight:bold;
        color:Red;
        padding:0 2px;
    }
    
    .Required:hover
    {
        background-color:#ffffcc;
    }    
        
    .linkHand
    {
		cursor:pointer ;	
    }  
    
    .WaitForReply
    {
        margin-left:3px;
        background:transparent url('images/icon.gif') no-repeat 0 -458px;
        padding:1px 0 0 27px;
        font-size:13px;
        color:#0000cc;        
    }
    .WaitForReply span
    {
        color:Red;
    }
    .TextAlignCenter
    {
        text-align:center;
    }
    /* General style -end */
    
    /* General Text Style - Start */
    .navigatorlink
    {
    	text-decoration :underline !important; 
    }
        
    h1.NavigatorLink
    {
        font-size:16px;
        font-weight:bold;
        color:#009900;        
    }
    
    .ContentTitle
    {
        font-size:16px;
        font-weight:bold;
        color:#009900; 
    }
    .InnerText
    {
        font-size:13px;
        color:#009900;
    }
    .InnerTextRemark
    {
    	font-size:13px;
        color:red;
        font-weight:normal;
    }
    .specialblue
     {
     	color:#0000cc;
     }
    
    .ContentDescription
    {
    	color:#333333;
		font-size :15px;
    }
    /* General Text Style - End */
    
    /* Round Box Style - Start */
    .RoundBox
    {
        width:80px;
        background-color:#7bcf7b;
        float :left;
    }
    .RoundBox div a
    {
    	color:White;
        font-weight :bold ;
        font-size :15px;
    }
    .RBContent
    {
    	text-align:center;
    }
    .rbtop
    {
        background:transparent url('images/corn_4.gif') no-repeat top left;
    }
       
    .rbtop div
    {
        background:transparent url('images/corn_5.gif') no-repeat top right;
    }
      
    .rbbot
    {
        background:transparent url('images/corn_7.gif') no-repeat top left;
    }    
   
    .rbbot div
    {
        background:transparent url('images/corn_6.gif') no-repeat top right;
    }
    
    .rbtop, .rbtop div, .rbbot, .rbbot div
    {
        height:5px;
    }
    /* Round Box Style - End */
    
    
     
     /* Head Style-start */
    
            
      .Logo
      {
        display:block;
      	width:250px;
        height:100px;
        float:left;
        background:url('images/logo.gif') no-repeat 40px 15px;
	  }
      
      .HotTitle1
      {
      	font-size:12px;
      	color: red;
      	font-weight: bold ;
      	font-family:Arial Black;
      }
      .HotTitle2
      {
      	font-size:15px;
      }
      .HotLink
      {
        text-align :right;
        font-size:15px;
      	color: #0000cc;
      	padding-bottom: 10px;
      	padding-top:10px;
      }
      
      .HotLink li
      {
      	display:inline;    
        padding:0 5px;    
      }
      
      .HotLink li a
      {
      	_color:#0000cc;
      }
      
      
      .FunctionTag
      {
      	height:32px;
        font-size:16px;
        font-weight: bold;
        color: #66cc66;
        position:relative;
      	_left:-3px;
      }
      .FunctionTag a
      {
      	width:98px;
      	height:22px;
      	background: transparent url('images/tab_2.gif') no-repeat -1px 0px;
      	display:block; 
      	float:left;
      	text-align :center;
      	padding-top: 10px;
      }
      
      
      .FunctionTag a:hover
      {
      	background: transparent url('images/tab_1.gif') no-repeat;
      	color:White;
      }    
      
      .HotNews
      {
      	width :756px;
      	height:34px;
        font-size:15px;
      	color: white;
        background-color:#7bcf7b;
        float:left;
      }
      
      .HotNewsImg1
      {
      	width :40px;
      	height:34px;
      	background: #7bcf7b url('images/icon.gif') no-repeat 17px 0px;
      	float:left;
      }
      .HotNewsImg2
      {
      	width :45px;
      	height:34px;
      	background: transparent url('images/news.gif') no-repeat 0px 12px;
      	float:left;
      }
      .HotNewsContent
      {
      	width :654px;
      	height:24px;
      	padding-top:10px;
      	float:left;
      }
      
      .HotNewsContent a
      {
        color:White;
      }
      
      .HotNewsCorner
      {
      	width :17px;
      	height:34px;
      	background: black url('images/corn_1.gif') no-repeat;
      	float:right;
      }
      
      .DefaultSelectedTag
      {
      	background: transparent url('images/tab_1.gif') no-repeat !important;
      	color:White;
      }
      
      .PhotoHolder
      {
        width:250px;
        height:188px;        
        text-align:center;
        background-color:#d8f5d8;
      }
            
      .PhotoHolder a
      {
        line-height:188px;
      }
            
      .PhotoHolder a img
      {
        border:none;
        vertical-align:middle;
      }
     /* Head Style-end */
     
     
     /* ContentHolder Style-start */
    .Content
    {
    	width :1000px;
    	height:100%;
    	background-color:white;
        border:3px solid #7bcf7b;
        border-bottom:none;
    }
    .ContentTop
    {
    	width :100%;
        background: transparent url('images/corn_2.gif') no-repeat;
        height: 25px; 
        position :relative ;
        top:-3px; 
        left:-3px;
    }
     .ContentHolder
      {
      	width :1000px;
      	height:100%;
      }
      
      .ContentLeft
      {
      	width :170px;
      	height:100%;
      	float:left;
      }
      
      .ContentRight
      {
      	width:825px;
      	height:100%;
      	float:left;
      }
    
    .MemberDetails
    {
    	position:relative ;
    	top:-8px;
    	left:8px;
    	float:left;
    	width:153px;
    	height:553px;
    	background: transparent url('images/bg_2.gif') repeat;
    }
    .Member
    {
    	position:relative ;
    	top:-8px;
    	left:8px;
    	float:left;
    	width:153px;
    	height:180px;
    	background-color:#d8f5d8;
    }
    .Member div a, .MemberDetails div a
    {
    	text-decoration:underline;
    	color:#098a09;
    }
    
    .Member h1, .MemberDetails h1
    {
    	font-size:16px;
        font-weight: bold;
        color: #009900;
    	background: transparent url('images/icon.gif') no-repeat 5px -34px ;
        position :relative ;
        top:-9px;
        left:20px;
        padding-left:30px;
        
        
    }
    .MemberCount
    {
    	width :140px;
      	height:25px;
      	text-align :center ;
      	position:relative ;
      	top:-4px;
        left:5px;
    }
    
     .MemberWelcome
    {
    	width :134px;
      	height:25px;
      	text-align :center ;
      	position:relative ;
      	left:5px;
      	float:left;
      	padding-left:7px;
    }
    
    a.MemberLogin, .MemberRegister, a.MemberLogout
    {
		width :60px;
      	height:25px;
      	text-align :center ;
      	position:relative ;
      	left:10px;
      	float:left;
      	padding-left:10px;
      	margin-bottom:3px;
    
    }
    a.MemberLogin
    {
    	background: transparent url('images/icon.gif') no-repeat -5px -67px ;
      	/*logout的圖: background: transparent url('images/icon.gif') no-repeat -5px -97px ;*/
    }
    a.MemberLogout
    {
    	background: transparent url('images/icon.gif') no-repeat -5px -97px ;
    }
    
    .MemberRegister
    {
    	background: transparent url('images/icon.gif') no-repeat -5px -124px ;
    }
    
    .MemberService, .MemberHelp
    {
    	width :60px;
      	height:25px;
      	text-align :center ;
      	position:relative ;
      	left:10px;
      	float:left;
      	padding-left:10px;
      	margin-bottom:3px;
    }
    
    .MemberService
    {
      	background: transparent url('images/icon.gif') no-repeat -5px -156px ;
    }
    
    .MemberHelp
    {
      	background: transparent url('images/icon.gif') no-repeat -5px -185px ;
    }
    
    
    .MemberEdit, .MemberChangePW, .MemberBasicInfo, .MemberCompanyInfo, .MemberProductInfo
    {
    	width :120px;
      	height:25px;
      	text-align :left ;
      	position:relative ;
      	left:10px;
      	float:left;
      	padding-left:25px;
      	margin-bottom:3px;
    }
    .MemberBasicInfo, .MemberCompanyInfo, .MemberProductInfo
    {
    	background: transparent url('images/arrow_3.gif') no-repeat 8px 3px;
    }
    .MemberEdit
    {
      	background: transparent url('images/icon.gif') no-repeat -5px -215px ;
    }
   
   
   .MemberChangePW
   {
   		background: transparent url('images/icon.gif') no-repeat -5px -365px ;
   }
    
    .login a, .register a, .service a, .help a, .edit a
    {
    	text-decoration:underline;
    	font-size:16px;
        font-weight: bold;
    }
    
    .CLAdvertismentList
    {
    	width:150px;
    	height:300px;
		padding-left:25px;
    }
  
    .CLAdvertismentList li
    {
    	width:120px;
    	height:60px;
    	float:left;
    	margin-top:10px;    	
    }
    
    .CLAdvertismentList img
    {
        border:none;
    }
    
     .PigPicture
    {
    	margin-left: 10px;
    	width:250px;
    	height:188px;    	
    	float:left;
    }
    
     .KnowledgeQA
    {
    	margin-top: 10px;
    	width:543px;
    	height:100px;    	
    	float:left;
    }
        
        
    .Knowledge{}
    .Activity{}
    .Farm{}
    .Company{}
    .Product{}
    .Survey{}
    
        /* ContentHolder Style-end */
    /* Tail Style-start */

     .tail
    {
        text-align:center;
        background-color:white;
		border:3px solid #7bcf7b;
        border-top:none;
        position :relative ;
        left:-3px;
        width:1000px;
        _float:left;
        _margin-right:-10px;
        _border-right:none;
    }
    
    .tail li
    {
        display:inline;    
        padding:0 10px;    
    }
    
    .tail li a
    {
        border-right:solid 1px;
        padding-right:10px;
    }
    
    .tailBottom
    {
        background: transparent url('images/corn_3.gif') no-repeat;
        height: 19px; 
        position :relative ;
        top: 3px;
        left:-3px;
    }
    
    
    /*.aboutUS li a, .aboutUS li
    {
    	font : 15px, #098a09
    }*/
    .aboutUS li
    {
    	line-height:25px;
    }
    
     .aboutUS 
    {
    	color: #098a09;
    }
    .aboutUS ul.AULine1 li a , .aboutUS ul.AULine1 li
    {
    	font-size : 15px;
    	color: #098a09;
    }
    .aboutUS ul.AULine2 li, .aboutUS ul.AULine2 li a
    {
    	font-size : 13px;
    	color: #098a09;
    }
    
    .FCC a
    {
    	font-size : 13px;
    	color: #098a09;
    	margin-top:5px;
    }
    
    .FCC a:hover
    {
        text-decoration:underline;
    }
      
    /* Tail Style-end */
 
    /* ErrorPage Style - Start */   
    .ErrorHolder
    {
        margin:0 auto;
        text-align:center;
        width:80%;
        height:400px;
    }
    .ErrorHolder p
    {
        padding:20px;
    }
    /* ErrorPage Style - End */   
    
    /* SiteNavigator Style - Start */
    .SiteNavigator
    {
        padding-bottom:5px;
    }
    
    .SiteNavigator a
    {        
        color:#009900;
        font-weight :bold ;
        font-size:16px;
        padding-right:10px;
    }

    .SiteNavigator a:hover
    {
        text-decoration:underline;
    }
    
    /* SiteNavigator Style - End */
    
    /* SearchInfo Style - Start */
        
    .SearchInfoHolder
    {        
        height:21px;
        background:#d8f5d8;
        padding:5px 5px 0 5px;        
        font-size:15px;
        color:#333333;
    }
    
    .ResultCount
    {        
        color:Red;
        font-weight:bolder;               
    }
    
    .SearchInfoHolder p
    {
        width:200px;        
    }
    
    .SearchInfoHolder .SearchType
    {
        float:left;
    }
    
    .SearchInfoHolder .SetToRight
    {
        text-align:right;
    }
    
    .SearchInfoHolder a
    {
        font-size:15px;
        color:#0000cc;            
        text-decoration:underline;
    }
    /* SearchInfo Style - End */    
    
    /* SearchBar Style - Start */
    .SearchBar
    {    	
    	/*width:330px;*/
    	width:95%;
    	height:25px;
		background: transparent url('images/icon.gif') no-repeat -2px -333px ;
		padding-left:30px;
		float:right;				
		margin:10px 0 2px 0;
		
    }
    .SearchBarText
    {
    	width:210px;
    	float :left;
    	padding:3px 0;
    }
        
    .SearchBarText input
    {
        width:200px;
    }

    /* SearchBar Style - End */   
    
}