/* CSS Document */

.language_bar
{
    margin:0 auto;
	padding: 5px;
	height:50px;
    /*background-color:#0066CC;*/
    background-image: url("../images/w_bg_lan.png");
    background-position: center center;
    background-repeat: repeat-y;
    padding-left: 10px;
    padding-right: 10px;
    width: 950px;	
} 

body
{
	margin: 0;
	padding: 0;
    font-family: "微軟正黑體","Microsoft JhengHei","新細明體","PMingLiU","細明體","MingLiU","標楷體","DFKai-sb",serif;
	background-image: url('../images/BodyBack001.gif');	
} 

a img {
	text-decoration: none;
	border: 0 none;
	}

.product
{
	padding:5px 0;
}
	
.product table
{
	font-size:18px;	
	color:#333333;
	padding:5px 0 20px 0;
}

.product td
{
	text-align:top;
	border-bottom:thin;
	border-bottom-style:dashed;
	border-bottom-color:#aaaaaa;
}

.Page{
    margin:0 auto;
	/*margin-top:41px;*/
    background-image: url("../images/w_bg.png");
    background-position: center center;
    background-repeat: repeat-y;
    padding-left: 10px;
    padding-right: 10px;
    width: 950px;
}

.Header{
		width:950px;
		height:150px;
		background-image: url("../images/HeaderBack.png");
}

.language{
	display:absolute;
	width:480px;
	margin-left:460px;
	z-index:9999;
	color:#FFFFFF;
	text-decoration: none;
	text-align:right;
}

.language a{
	color:#FFFFFF;
	text-decoration: none;
	text-shadow: 1px 1px 2px #777;
}

.language a:hover{
	color:#ff0000;
}

.languageTop{
	display:absolute;
	width:100%;
	z-index:9999;
	color:#FFFFFF;
	text-decoration: none;
	text-align:center;
}

.languageTop a{
	font-family: Arial, sans-serif;
	color:#FFFFFF;
	line-height:25px;
	text-decoration: none;
	text-shadow: 1px 1px 2px #777;
	width:150px;
}

.languageTop a:hover{
	color:#ffff33;
}

.NavMenu{
		background-color:#81AFE0;
		padding:10px 30px;
		margin-bottom:20px;
		margin-left:0px;
		margin-top:10px;
}

.NavMenu a{
		padding-right:30px;
		text-decoration:none;
		font-weight:bold;
		color:#FFFFFF;
		font-size:20px;
}

.NavMenu a:hover{
		color:red;
}

.Footer{
		width:950px;
		height:150px;
		background-image: url("../images/FooterBack.png");
		text-align:center;
		max-height:160px;
}

.Footer P{
		padding:20px 20px 0px 20px;
		color:#333333;
		text-shadow: 2px 2px 3px #FFFFFF;
}

.Footer a{
		color:#333333;
		text-decoration:none;
}

.SiteLogo{
	margin-top:-40px;
	margin-left:168px;		
}

.SiteCLogo{
	margin-top:-30px;
	margin-left:620px;		
}
.WebURL{
	margin-top:-47px;
	margin-left:240px;		
}

.LeftMenu{
	width:150px;
	margin-left:20px;
	/*background-color:red;*/
	float:left;
}

.MainContent{
	width:720px;
	margin-right:20px;
	/*background-color:blue;*/
	float:right;
	min-height:600px;
}

.Title{
	/*background-color:#93C7FF;*/
	background-image:url(../images/TitleBack.png); 
	padding:5px 0 5px 5px;	
}

.Title a{
	color:#ff0000;
	font-size:20px;
}

.TitleR{
	/*background-color:#93C7FF;*/
	background-image:url(../images/TitleBack.png); 
	padding:5px 0 5px 5px;	
}

.TitleR a{
	color:#333333;
	font-size:20px;
}

.TitleR1{
	margin-right:3px;
	margin-top:5px;
	width:172px;
	background-color:#EFEFEF;
	padding:5px 0 5px 5px;	
	text-align:center;	
}

.TitleR1 a{
	color:#333333;
	font-size:20px;
}

.TitleR1e{
	margin-right:3px;
	margin-top:5px;
	width:172px;
	height:80px;
	background-color:#EFEFEF;
	padding:5px 0 5px 5px;	
	text-align:left;	
	line-height:16px;
}

.TitleR1e a{
	  top:50%;
	  display:block;
	  height:40px;
	color:#333333;
	font-size:16px;
	font-family: "Arial",serif;	
}

.Cont1{
	float:left;	
}

.recipe{
	margin-right:3px;
	width:170px;
	height:170px;
	padding: 5px 0 0 5px;
	background-color:#ffffff;
	border:thin;
	border-style:solid;
	border-top-color:#aaaaaa;
	border-left-color:#aaaaaa;
	border-right-color:#666666;
	border-bottom-color::#666666;	
}

.recipe img{
	width:160px;
	height:160px;	
}


.frame360
{
	width:200px;
	height:200px;
	background-color:#ffffff;
	border:thin;
	border-style:solid;
	border-top-color:#aaaaaa;
	border-left-color:#aaaaaa;
	border-right-color:#666666;
	border-bottom-color::#666666;
	padding-top:12px;
	padding-left:12px	
}

.frame360 img
{
	padding:0;
	margin:0;
	width:180px;
	height:180px;
	/*background-color:#ffffff;
	border:thin;
	border-style:solid;
	border-color:#aaaaaa;*/
}	

.Clear
{
	clear:both;	
}

.newMenue
{
    width: 150px;
    height: 35px;
    text-decoration: none;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-left: 5px;
    margin-bottom: 2px;
    border-style: solid;
    border-width: 1px 1px 1px 5px;
    border-color: #CCCCCC #CCCCCC #CCCCCC #55A8FF;
	padding:8px 2px 8px 10px;
    *padding-top:8px;
    
    /*background: #65a9d7;
    background: -webkit-gradient(linear, left top, left bottom, from(#F8F8F8), to(#65a9d7));
    background: -webkit-linear-gradient(top, #F8F8F8, #65a9d7);
    background: -moz-linear-gradient(top, #F8F8F8, #CDE5FF);
    background: -ms-linear-gradient(top, #F8F8F8, #65a9d7);
    background: -o-linear-gradient(top, #F8F8F8, #65a9d7);  
    */
    background: #f2f9fe; /* Old browsers */
    background: -moz-linear-gradient(top,  #f2f9fe 61%, #d6f0fd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(61%,#f2f9fe), color-stop(100%,#d6f0fd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f2f9fe 61%,#d6f0fd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f2f9fe 61%,#d6f0fd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f2f9fe 61%,#d6f0fd 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f2f9fe 61%,#d6f0fd 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f9fe', endColorstr='#d6f0fd',GradientType=0 ); /* IE6-9 */    

   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   /*text-shadow: rgba(0,0,0,.4) 0 1px 0;*/
   	font-size:13px;
	font-family: "Arial",serif;	
	font-weight:bold;
}

.newMenu
{
    width: 150px;
    height: 30px;
    text-decoration: none;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-left: 5px;
    margin-bottom: 2px;
    border-style: solid;
    border-width: 1px 1px 1px 5px;
    border-color: #CCCCCC #CCCCCC #CCCCCC #55A8FF;
	padding-top:8px;
    *padding-top:8px;
    
    /*background: #65a9d7;
    background: -webkit-gradient(linear, left top, left bottom, from(#F8F8F8), to(#65a9d7));
    background: -webkit-linear-gradient(top, #F8F8F8, #65a9d7);
    background: -moz-linear-gradient(top, #F8F8F8, #CDE5FF);
    background: -ms-linear-gradient(top, #F8F8F8, #65a9d7);
    background: -o-linear-gradient(top, #F8F8F8, #65a9d7);  
    */
    background: #f2f9fe; /* Old browsers */
    background: -moz-linear-gradient(top,  #f2f9fe 61%, #d6f0fd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(61%,#f2f9fe), color-stop(100%,#d6f0fd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f2f9fe 61%,#d6f0fd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f2f9fe 61%,#d6f0fd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f2f9fe 61%,#d6f0fd 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f2f9fe 61%,#d6f0fd 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f9fe', endColorstr='#d6f0fd',GradientType=0 ); /* IE6-9 */    

   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   /*text-shadow: rgba(0,0,0,.4) 0 1px 0;*/
   padding-left:10px;
}

.newMenu:hover, .newMenu:focus, .newMenuA:focus div
{
    width: 150px;
    height: 30px;
    text-decoration: none;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-left: 5px;
    margin-bottom: 2px;
    border-style: solid;
    border-width: 1px 1px 1px 5px;
    border-color: #CCCCCC #CCCCCC #CCCCCC #FF0000;
    /*background: #65a9d7;
    background: -webkit-gradient(linear, left top, left bottom, from(#F8F8F8), to(#FFEBF5));
    background: -webkit-linear-gradient(top, #F8F8F8, #FFEBF5);
    background: -moz-linear-gradient(top, #F8F8F8, #FFEBF5);
    background: -ms-linear-gradient(top, #F8F8F8, #FFEBF5);
    background: -o-linear-gradient(top, #F8F8F8, #FFEBF5);   
    cursor: hand;   
    */
    
    background: #f2f9fe; /* Old browsers */
    background: -moz-linear-gradient(top,  #f2f9fe 61%, #d6f0fd 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(61%,#f2f9fe), color-stop(100%,#d6f0fd)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f2f9fe 61%,#d6f0fd 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f2f9fe 61%,#d6f0fd 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f2f9fe 61%,#d6f0fd 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f2f9fe 61%,#d6f0fd 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f9fe', endColorstr='#d6f0fd',GradientType=0 ); /* IE6-9 */
    cursor: hand;   
    
}

.newMenuA
{
    color:#555555;
    font-size:19px;
    width:165px;
    height:30px;  
    text-decoration: none; 
    margin:1px 0;
}

.newMenuA a, .newMenuA a:link, .newMenuA a:visited 
{
    
}

.newMenuA a:hover
{
    color: #FF9933;
    cursor: hand;
}

.newMenuA:hover, .newMenuA:focus
{
    color:#FF0000;
    cursor: hand;   
}

.newMenuJ 
{
    height:30px;  
}

.newMenuJe
{
    height:35px;  
}

.newMenuJ, .newMenuJe
{
    color:#555555;
    font-size:19px;
    width:165px;
    text-decoration: none; 
    margin:1px 0;
	font-size:10px;
}

.newMenuJ a, .newMenuJ a:link, .newMenuJ a:visited 
{
    
}

.newMenuJ a:hover, .newMenuJe a:hover
{
    color: #FF9933;
    cursor: hand;
}

.newMenuJ:hover, .newMenuJ:focus, .newMenuJe:hover, .newMenuJe:focus
{
    color:#FF0000;
    cursor: hand;   
}

.hr1{
	width:100%;
	height:5px;
	background-color:#ffffff;
	border-top:thin;
	border-top-style:solid;
	border-top-color:#aaaaaa;	
}

.youtube-container {
    overflow: hidden;
    width: 100%;
	height:100%;
    /* Keep it the right aspect-ratio */
    aspect-ratio: 4/3;
    /* No clicking/hover effects */
    pointer-events: none;
} 

.youtube-container iframe {
    /* Extend it beyond the viewport... */
    width: 200%;
    height: 500%;
    /* ...and bring it back again */
    margin-left: -100%;
}