/* CSS Document */
@import url(http://fonts.googleapis.com/css?family=Pontano+Sans);


a{color:#000; text-decoration:none;}

.clear{
	clear:both;
}

.border_bottom_dot{
	border-bottom:1px dotted #000;
	margin:10px 0 10px 0;
}

.cssbutton {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	padding: .5em 10px .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.cssbutton:hover {
	text-decoration: none;
}
.cssbutton:active {
	position: relative;
	top: 1px;
}

/****************************** header ******************************/
.head_line{
	background:url(../images/header_bg.png) repeat-x;
	height:168px;
	text-align:center;
	width:100%;
}
.head_line .container{
	width:840px;
	margin:0 auto;
}
.head_line .container ul{
	text-align:center;
	display:block;
}
.head_line .container ul li{
	float:left;
	width:33%;
	display:block;
}

.head_line2{
	background:url(../images/main_navigator_bar.png) repeat-x;
	width:100%;
	height:54px;
	margin-bottom:15px;
}

.head_line2 .head_line2_wrapper{
	margin:auto;
	width:840px;
}
	
.main_nav{
	display:block;
	float:left;
}

.head_line2 .head_line2_wrapper .main_nav li{
	display:block;
	float:left;
	width:140px;
	text-align:center;
}

.head_line2 .head_line2_wrapper .main_nav a.menu{
	display:block;
	height:54px;
	text-indent:-9999px;
}

.head_line2 .head_line2_wrapper .main_nav a.menu:hover{
	background-position:center bottom;
}

	.head_line2 .head_line2_wrapper .main_nav a.menu_1{background:url(../images/main_nav_1.png) no-repeat scroll center top; width:63px;}
	.head_line2 .head_line2_wrapper .main_nav a.menu_2{background:url(../images/main_nav_2.png) no-repeat scroll center top; width:83px;}
	.head_line2 .head_line2_wrapper .main_nav a.menu_3{background:url(../images/main_nav_3.png) no-repeat scroll center top; width:83px;}
	.head_line2 .head_line2_wrapper .main_nav a.menu_4{background:url(../images/main_nav_4.png) no-repeat scroll center top; width:70px;}
	.head_line2 .head_line2_wrapper .main_nav a.menu_5{background:url(../images/main_nav_5.png) no-repeat scroll center top; width:48px;}
	.head_line2 .head_line2_wrapper .main_nav a.menu_6{background:url(../images/main_nav_6.png) no-repeat scroll center top; width:98px;}
	
	.head_line2 .head_line2_wrapper .main_nav a.menu_1active{background:url(../images/main_nav_1.png) no-repeat scroll center bottom; width:63px;}
	.head_line2 .head_line2_wrapper .main_nav a.menu_2active{background:url(../images/main_nav_2.png) no-repeat scroll center bottom; width:83px;}
	.head_line2 .head_line2_wrapper .main_nav a.menu_3active{background:url(../images/main_nav_3.png) no-repeat scroll center bottom; width:83px;}
	.head_line2 .head_line2_wrapper .main_nav a.menu_4active{background:url(../images/main_nav_4.png) no-repeat scroll center bottom; width:70px;}
	.head_line2 .head_line2_wrapper .main_nav a.menu_5active{background:url(../images/main_nav_5.png) no-repeat scroll center bottom; width:48px;}
	.head_line2 .head_line2_wrapper .main_nav a.menu_6active{background:url(../images/main_nav_6.png) no-repeat scroll center bottom; width:98px;}
	
	
.head_line2 .head_line2_wrapper .main_nav_chi li{
	display:block;
	float:left;
	width:140px;
	text-align:center;
}

.head_line2 .head_line2_wrapper .main_nav_chi a.menu{
	display:block;
	height:54px;
	text-indent:-9999px;
}

.head_line2 .head_line2_wrapper .main_nav_chi a.menu:hover{
	background-position:center bottom;
}

	.head_line2 .head_line2_wrapper .main_nav_chi a.menu_1{background:url(../images/main_nav_chi_1.png) no-repeat scroll center top; width:64px;}
	.head_line2 .head_line2_wrapper .main_nav_chi a.menu_2{background:url(../images/main_nav_chi_2.png) no-repeat scroll center top; width:87px;}
	.head_line2 .head_line2_wrapper .main_nav_chi a.menu_3{background:url(../images/main_nav_chi_3.png) no-repeat scroll center top; width:64px;}
	.head_line2 .head_line2_wrapper .main_nav_chi a.menu_4{background:url(../images/main_nav_chi_4.png) no-repeat scroll center top; width:64px;}
	.head_line2 .head_line2_wrapper .main_nav_chi a.menu_5{background:url(../images/main_nav_chi_5.png) no-repeat scroll center top; width:87px;}
	.head_line2 .head_line2_wrapper .main_nav_chi a.menu_6{background:url(../images/main_nav_chi_6.png) no-repeat scroll center top; width:83px;}
	
	.head_line2 .head_line2_wrapper .main_nav_chi a.menu_1active{background:url(../images/main_nav_chi_1.png) no-repeat scroll center bottom; width:64px;}
	.head_line2 .head_line2_wrapper .main_nav_chi a.menu_2active{background:url(../images/main_nav_chi_2.png) no-repeat scroll center bottom; width:87px;}
	.head_line2 .head_line2_wrapper .main_nav_chi a.menu_3active{background:url(../images/main_nav_chi_3.png) no-repeat scroll center bottom; width:64px;}
	.head_line2 .head_line2_wrapper .main_nav_chi a.menu_4active{background:url(../images/main_nav_chi_4.png) no-repeat scroll center bottom; width:64px;}
	.head_line2 .head_line2_wrapper .main_nav_chi a.menu_5active{background:url(../images/main_nav_chi_5.png) no-repeat scroll center bottom; width:87px;}
	.head_line2 .head_line2_wrapper .main_nav_chi a.menu_6active{background:url(../images/main_nav_chi_6.png) no-repeat scroll center bottom; width:83px;}
	
	
/****************************** Index ******************************/
.index_article{
	margin-top:19px;
}

.index_article .product_name{
	background:url(../images/index_img_1.png) no-repeat;
	width:225px;
	height:33px;
}

.index_article .product_content{
	background:url(../images/index_img_2.png) no-repeat;
	width:225px;
	height:220px;
	font-size:14px;
}
.index_article .product_content p{padding:5px 7px 5px 7px; font-size:13px; line-height:16px; }
.index_article .product_content li{text-decoration:underline;}
.index_article a{color:#000000; text-decoration:none;}

	
/****************************** Content ******************************/
.content{
	margin:auto;
	width:973px;
}

.content .left_content{
	float:left;
}
.content .left_content .article{
	width:566px;
	min-height:470px;
	background: #fff;
	padding:50px;
	border-radius:10px;
	-moz-border-radius:10px;
}

.article_header{
	font-weight:bold;
}

.qa_question{
	width:540px;
	font-weight:bold;
	margin:5px 0 10px 0;
}

.word_content{
	font-size:12px;
	text-align:justify;
}

/****************************** Recipe ******************************/

.content .left_content .recipe_article{
	width:700px;
	min-height:520px;
}

.recipe_product{
	background-color: #fff;
    border-radius: 10px 10px 10px 10px;
    display: table-cell;
    float: left;
    height: 205px;
    margin: 0 10px 20px 0;
	padding:10px 0;
    vertical-align: middle;
	width:223px;
	text-align:center;
}
.recipe_product p{margin-top:10px;}

/******************************Recipe Detail******************************/
.recipe_detail_article{
	width:635px;
	min-height:520px;
	background: #fff;
	padding:20px 20px 0px 20px;
	border-radius:10px;
	-moz-border-radius:10px;
}
.recipe_detail_article .article_header{font-size:18px; margin-bottom:10px;}

.left_sub_content{
	float:left;	
	max-width:318px;
}

.right_sub_content
{
	float:right;	
	width:400px;
	font-size:12px;
}
.right_sub_content .upper_content{min-height:100px; margin-bottom:20px;}
.right_sub_content .middle_content{min-height:100px; margin-bottom:20px; text-align:center;}
.right_sub_content .lower_content{min-height:100px; margin-bottom:20px;}

/******************************Product******************************/

.product{
	background-color: #fff;
    border-radius: 10px 10px 10px 10px;
    display: table-cell;
    float: left;
    min-height: 265px;
    margin: 0 10px 20px 0;
	padding: 10px;
    vertical-align: middle;
	width:203px;
	display:table-cell;
}

/******************************Product Detail******************************/

.product_detail{padding: 5px 30px 10px 20px;}
.product_detail .lower_content{margin-top:20px;}
.product_detail .lower_content ul{display:inline;}
.product_detail .lower_content li{float:left; width:150px;}



/************************************************************/

/* this for about_us, contact_us, q&a */
.right_article{
	width:220px;
	min-height:520px;
	background: #fff;
	border:1px solid #dfdeae;
	padding:50px 0 0 16px;
	border-radius:10px;
	-moz-border-radius:10px;
}/***/

/* this for recipe, recipe_detail, product */
.right_article2{
	width:220px;
	min-height:520px;
	background: #fff;
	padding:20px 0 0 16px;
	border:1px solid #dfdeae;
	border-radius:10px;
	-moz-border-radius:10px;
}/***/

.content .right_content{
	float:right;
	width:270px;
}
.right_content .upper_image{
	width:207px;
	padding:10px;
	border-radius:10px;
	-moz-border-radius:10px;
	background: #fff;
	border:1px solid #dccfa6;
	display:inline-block;
}
.right_content .lower_info{
	margin-top:40px;
}

.right_word_content{
	font-size:14px;
	width:200px;
	text-align:justify;
}

.right_cat_content{
	font-size:14px;
	width:180px;
}
.right_cat_content li{text-decoration:underline; height:20px;}
.right_cat_content a{color:#000000;}

.contact_us_table{
	margin:auto;
	width:426px;
}

.contact_us_info_table{
	line-height:1.8;
}

/****************************** Admin ******************************/

.content .admin_article{
	min-height:520px;
	background: #fff;
	padding:30px;
	border-radius:10px;
	-moz-border-radius:10px;
}


.admin_table_insert_data{
	width:100%;
}
.admin_table_insert_data tr{height:50px;}

.small_input th{width:150px;}
.large_input th{width:200px;}

.admin_table_show_data{
	width:100%;
	text-align:center;
}
.admin_table_show_data tr{height:20px;}
.admin_table_show_data input{text-align:center;}


.admin_table_check_list{
	width:100%;
}
.admin_table_check_list tr{height:50px;}
.admin_table_check_list td{}



/****************************** Footer ******************************/
.footer{
	background: url(../images/footer_img_1.png) no-repeat scroll;
	height:13px;
	width:220px;
	margin:auto;
	margin-top:40px;
}