﻿/*英文版*/

body
{
	/* background: url('../../Default/Images/bg_line.jpg') repeat-y center top;     background: url('../../Default/Images/bg_line.jpg') repeat-y;*/
	background: url(../../Default/Images/bg_line.jpg) #ffffff repeat-y top center; /*首頁背景顏色*/
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 980px;
}


ul, li
{
	margin: 0px;
	padding: 0px;
}



.Content
{
	background: #f5f7f0 url( '../../Default/Images/bg.jpg' ) repeat-x;
	width: 980px;
	height: 800px;
	margin: 0 auto;
	position: relative;
}

.Header /*企業消息最上面區塊*/
{
	margin: 0 auto;
	width: 980px;
	height: 400px;
	position: relative;
	
}

.Main
{
	margin: 0 auto;
	width: 980px;
	height: 343px;
	position: relative;
	z-index: 3;
}

/*  Flash Banner
.DefaultBanner   
{
	
	top: 53px;
	position: absolute;
}

*/

/*  綠色外框   */
.Banner
{
	position: relative;
	top:0px;
	left:0px;	
	margin-top: 75px;
	border-top:3px #ffffff solid;
	
	width:980px;
	height:310px;
	position: absolute;
	z-index: 1;
	
}

.DefaultBanner
{
	position:absolute;
	width:650px;

}
	


.DefaultMilk
{
	position:absolute;
	left:650px;
	
	

	
	
	
	}




/*  小牛仔乳花   */

.MilkImg
{
	right: 0px;
	top: 110px; /*原本小牛位置在190px,為了浩子移動*/
	z-index: 2;
	position: absolute;
}

/*.MilkImg
{
    right: 40px;
    top: 210px;
    z-index: 2;
    position: absolute;
       

}*/




/* 首頁H之外所有文字link-------(A:link //宣告連結) (A:hover //當滑鼠移到連結時) (A:visited //訪問過連結) (A:active //執行中連結) End */
.KClogo
{
	margin-left: 15px;
	margin-top: 15px;
}



.Language
{
	top: 0px;
	right: 0px;
	position: absolute;
}

.Language ul
{
	width: 105px;
	height: 10px;
	margin: 0px;
	position: relative;
}

.Language ul li
{
	list-style-type: none;
	float: left;
	display: inline;
}




.MenuBT
{
	top: 30px;
	right: 0px;
	position: absolute;
}

.MenuBT ul
{
	height: 25px;
	margin: 0px;
	position: relative;
}


.MenuBT ul li
{
	list-style-type: none;
	float: left;
	margin: 0px;
	width: 80px;
	height: 20px;
}

.MenuBT ul li img
{
	position: absolute;
	
	border: 0px;
}

.MenuBT ul li div /*MenuBT中的div：js中用，寬高與MenuBT中的img一樣*/
{
	position: absolute;
	width: 80px;
	height: 20px;
	display: none;
}

.MenuBT ul li div img /*MenuBT中的div：js中用，寬高與MenuBT中的img一樣*/
{
	position: absolute;
	top: 0px;
}











/*   新品上市     */

.NewProduct
{
	top: 180px;
	left: 240px;
	position: absolute;
	width: 725px;
	height: 156px;
	background: url(../../Default/Images/NewProduct.png) no-repeat;
}



.NewProductMore
{
	top: 118px;
	left: 11px;
	position: absolute;
}


/*  新品上市字型設定 (A:link //宣告連結) (A:hover //當滑鼠移到連結時) (A:visited //訪問過連結) (A:active //執行中連結) Start       */


/* h2(新品上市)文字link------- Start */

.Product
{
	top: 22px;
	left: 50px;
	position: absolute;
	width: 680px;
}

.Product ul
{
	width: 675px;
	height: 100px;
}


.Product ul li
{
	list-style-type: none;
	margin: 0px;
	display: inline;
	float: left;
	width: 225px;
	position: relative;
}


.Product ul li img
{
	top: 40px;
	left: 0px;
	position: absolute;
	margin: -15px 10px 10px 35px; /*上右下左 */
}


.Product h2
{
	width: 180px;
	height: 20px;
	position: absolute;
	margin: -25px 10px 10px 30px; /*上右下左 */
	top: 7px;
	left: 5px;
}

.Product h2 A
{
	font-size: 15px;
	font-family: 微軟正黑體, 新細明體, 細明體, Arial;
	color: #c48d44;
	letter-spacing: 1px;
	line-height: 16px;
	text-decoration: none;
	font-weight: bold;
}
.Product h2 A:hover
{
	font-size: 15px;
	font-family: 微軟正黑體, 新細明體, 細明體, Arial;
	color: #7d4903;
	letter-spacing: 1px;
	line-height: 16px;
	text-decoration: none;
	font-weight: bold;
}


.Product p
{
	width: 100px;
	height: 100px;
	position: relative;
	top: 18px;
	margin: -10px 10px 10px 120px; /*上右下左 */
}



.Product p A:visited, A:link, A:active
{
	font-size: 14px;
	font-family: 微軟正黑體, 新細明體, 細明體, Arial;
	color: #866868;
	letter-spacing: 1px;
	line-height: 18px;
	text-decoration: none;
	font-weight: normal;
}


.Product p A:hover
{
	font-size: 14px;
	font-family: 微軟正黑體, 新細明體, 細明體, Arial;
	color: #7d4903;
	letter-spacing: 1px;
	line-height: 18px;
	text-decoration: none;
	font-weight: normal;
}





/* 新品上市------- End */


/*企業訊息 Start*/
.News
{
	position: absolute;
	top: 0px;
	left: 630px;
	width: 310px;
	height: 175px;
	background: url(../../Default/Images/News.png) no-repeat;
}


.NewsMore
{
	top: 2px;
	left: 267px;
	position: absolute;
}

.NewsBox
{
	top: 30px;
	left: 7px;
	width: 220px;
	height: 130px;
	position: absolute;
}



.NewsBox ul li
{
	position: absolute;
	left: 0;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	display: none;
}

.NewsBox img
{
	border-bottom: #ccc 1px solid;
	border-left: #ccc 1px solid;
	padding-bottom: 2px;
	padding-left: 2px;
	width: 160px;
	padding-right: 2px;
	height: 115px;
	border-top: #ccc 1px solid;
	border-right: #ccc 1px solid;
	padding-top: 2px;
}

.NewsBox div
{
	position: absolute;
	top: 0px;
	left: 173px;
	height: 120px;
	overflow: hidden;
}

.NewsBox h3
{
	/*企業訊息標題*/
	position: relative;
	margin: 0;
	width: 155px;
}


/* h3(企業訊息)文字link-------(A:link //宣告連結) (A:hover //當滑鼠移到連結時) (A:visited //訪問過連結) (A:active //執行中連結) Start */

.NewsBox h3 A:link, A:visited, A:active
{
	font-size: 15px;
	font-family: 微軟正黑體, 新細明體, 細明體, Arial;
	color: #f66b0e;
	letter-spacing: 1px;
	line-height: 16px;
	text-decoration: none;
	font-weight: bold;
}
.NewsBox h3 A:hover
{
	font-size: 15px;
	font-family: 微軟正黑體, 新細明體, 細明體, Arial;
	color: #a34303;
	letter-spacing: 1px;
	line-height: 16px;
	text-decoration: none;
	font-weight: bold;
}

/* h3文字link-------(A:link //宣告連結) (A:hover //當滑鼠移到連結時) (A:visited //訪問過連結) (A:active //執行中連結) End */

.NewsBox span
{
	/*企業訊息內容*/
	position: relative;
	width: 155px;
}


.NewsBox span A:visited, A:link
{
	font-size: 14px;
	font-family: 微軟正黑體, 新細明體, 細明體, Arial;
	color: #866868;
	letter-spacing: 1px;
	line-height: 18px;
	text-decoration: none;
	font-weight: normal;
}
.NewsBox span A:hover, A:active
{
	font-size: 14px;
	font-family: 微軟正黑體, 新細明體, 細明體, Arial;
	color: #7d4903;
	letter-spacing: 1px;
	line-height: 18px;
	text-decoration: none;
	font-weight: normal;
}


/*企業訊息 End*/

.TVCF
{
	position: absolute;
	top: 180px;
	left: 40px;
}

.TVCF iframe
{
	width: 164px;
	height: 147px;
}




/*活動訊息 start*/

/* h1(活動訊息)文字link-------(A:link //宣告連結) (A:hover //當滑鼠移到連結時) (A:visited //訪問過連結) (A:active //執行中連結) Start */

h1 A:link, h1 A:visited, h1 A:active
{
	font-size: 14px;
	font-family: 微軟正黑體, 新細明體, 細明體, Arial;
	color: #716f70;
	letter-spacing: 1px;
	line-height: 16px;
	text-decoration: none;
	font-weight: normal;
}
h1 A:hover
{
	font-size: 14px;
	font-family: 微軟正黑體, 新細明體, 細明體, Arial;
	color: #7d4903;
	letter-spacing: 1px;
	line-height: 16px;
	text-decoration: none;
	font-weight: normal;
}

/* h1(活動訊息)文字link-------(A:link //宣告連結) (A:hover //當滑鼠移到連結時) (A:visited //訪問過連結) (A:active //執行中連結) End */



.Active
{
    background: url(../../Default/Images/Active.png) no-repeat;
    position: absolute;
    top: 0px;
    left: 10px;
    width: 600px;
    height: 150px;
}


.ActiveMore
{
	top: -2px;
	left: 130px;
	position: absolute;
}




/* login */



/*FB*/

.fb-page
{
    margin-top: 30px;
}



.responsive
{
    padding: 10px 0px 10px 10px;
}

.DefaultBrand{
	background:url(../../Default/Images/Product.png) no-repeat left:100px;
	color: #6c0340; font-size: 14px; font-family: 微軟正黑體, 新細明體, 細明體, Arial; letter-spacing: 1px; line-height: 25px;
	}

	
