@charset "utf-8";
/* CSS Document */
.divContent{ margin-top:11px; height:609px;position:relative;}


.divTabBorder{ border: 2px solid #7fb1ba; width:30px; border-right:none; height:609px; float:left; margin-left:147px;}
.divAboutTabl{  position:absolute; padding-top:5px; padding-bottom:3px; line-height:15px; cursor:pointer;left:3px;padding-left:45px;}
 #divTabStandard{top:54px;}
 #divTabEffect{top:83px;}
 #divTabMethod{top:113px;}
 #divTabCookbook{top:143px;}
 
.divTabNotChoose{ border:1px solid #e5e5e5; color:#006373; width:89px;  }
.divTabChoose{ background-color:#006373;color:#ffffff; width:100px;   }
.divTabAboutUsContent{ width:700px; height:590px; float:left; margin-top:12px; overflow:hidden; line-height:200%;  }
.divTabAboutUsContent .Title{ font-size:16px;}

.divStandard{width:413px; margin:0px auto;background:url(../img/bg_standard_Title.gif) no-repeat top;   margin-top:10px;}
.tabInstruction{ width:100%; line-height:240%}
.tabInstruction th{  height:36px; text-align:center; color:#106a73; width:33%}
.tabInstruction td{  text-align:center; color:#FFFFFF; background-color:#006373;}

.tabInstruction  tfoot td{ border-top:1px solid #80b1b8;}

.divComparison{ width:577px; height:21px; margin:0px auto; background:url(../img/bg_comparison_Title.gif) no-repeat top; margin-top:30px; padding-left:10px; font-weight:bold; color:#474642}
.divComparisonImg img{ margin-top:25px; width:260px; height:140px; margin-left:60px;}

p{ margin-left:40px; padding:0px 7px; margin:0px;}

.blue{ color: #016273;font-weight:bold}
.gray{ background-color:#c4bdad}
.divMethodVideo{ height:274px; width:383px; margin:0px auto; margin-bottom:30px;}
.divMethod{height:251px; width:588px;  margin-left:70px;}
.divMethod img{ width:591px; height:220px;}

.divCookBookCover{ float:left; width:117px; margin-left:20px;}
.ulCookBookCover{ width:116px;}
.divCookBookCover .jcarousel-container-vertical{ width:116px; height:550px; }
.divCookBookCover .jcarousel-clip-vertical{ width:116px; height:550px; }


.ulCookBookCover,.ulCookBookCover li{ margin:0xp; padding:0px; list-style:none; cursor:pointer;}

.ulCookBookCover img{ width:100px; height:100px;}
.ulCookBookCover .jcarousel-item{ padding:7px; width:100px; height:100px} 
.choose{ border:1px solid #8aa7ae}

.divCookBook{float:left; width:522px; margin-left:30px; line-height:150%}
.divCookBookPic{ text-align:center;}
.divCookBookPic img{  height:249px; margin:0px auto;}
.divCookBookName{ padding-top:5px; padding-bottom:5px; text-align:center; font-size:16px; color:#006373; font-weight:bold; }
.divCookBookMaterial{ padding:12px; background-color:#c4bdad; width:284px; margin:0px auto; text-align:left;}

.ulStep,.ulStep li{ padding:0px; margin:0px; list-style:none}
.ulStep{ border:1px solid #f9f8f7; border-left:none; border-right:none; }
.ulStep li{ text-align:left; width:174px; height:170px; background-color:#e8e5df; float:left;}
.divNum{ background:url(../img/bg_num.png) no-repeat left; font-weight:bold; width:31px; height:31px; padding-top:12px; font-size:20px; text-align:center; margin-left:5px; margin-top:2px;}
.divStepContent{ padding:0px 30px; line-height:200%}

.tabEffect{ margin-top:15px;}
.tabEffect .Title{ width:70px; font-size:14px;  padding-left:6px; color:#106a73; }
.tabEffect  td{ padding-right:6px;}