/* =CSS RESET */
img{
	border: 0;
}
select, option {
	font-size:0.9em;
	vertical-align:text-bottom;
}
td,tr,th{
	padding:0;
}
	
/* clear-float */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
	/* Hides from IE-mac \*/
	* html .clearfix {
		height: 1%;
	}
	.clearfix {
		display: block;
	}
.clear{
	clear:both;
}

/* =fix */
.style1{
	color: #000000
}
.top-link a{
	color: #9a9a9a;
	text-decoration:none;
}
.top-link a:hover{
	text-decoration:underline;
}
.txt-link a{
	color: #FF6633;
	text-decoration:none;
}
.txt-link a:hover{
	text-decoration:underline;
}
.sub-nav a{
	color: #000000;
	text-decoration:none;
}
.sub-nav a:hover{
	font-weight:bold;
}
.pagebar-news select{
	vertical-align:baseline;
	margin-top:3px;}

/* style */
p.dec01{
	height:1px;
	line-height:1px;
	overflow:hidden;
	background:url(../images/dec/dec_dotline_03.gif) repeat-x left top;
}
p.dec02{
	width:280px;
	height:1px;
	line-height:1px;
	overflow:hidden;
	background:url(../images/dec/dec_dotline_04.gif) repeat-x left top;
}
p.dec03{
	height:160px;
	width:1px;
	margin:0 10px;
	border-left:1px solid #cdd1d1;
}



/* =fix wrapper */
#bg-wrapper{
	margin:0;
	background: #b1f5f6 url(../images/bg/bg_mainwrapper.jpg) no-repeat center top;
}
#main-wrapper{
	width:990px;
	margin:0 auto;
}

/* =product_index */
ul.pro-nav{
	padding:0;
	margin:0;
}
	ul.pro-nav li{
		list-style:none;
		padding:0;
		margin:0;
	}
	ul.pro-nav li a{
		display:block;
		width:215px;
		height:55px;
		text-indent:-9999px;
		overflow:hidden;
	}
	li#pro-nav01 a{
		background:url(../images/btn/btn_pro_nav01.gif) no-repeat left top;
	}
	li#pro-nav02 a{
		background:url(../images/btn/btn_pro_nav02.gif) no-repeat left top;
	}
	li#pro-nav03 a{
		background:url(../images/btn/btn_pro_nav03.gif) no-repeat left top;
	}
	li#pro-nav04 a{
		background:url(../images/btn/btn_pro_nav04.gif) no-repeat left top;
	}
	li#pro-nav01 a:hover,li#pro-nav02 a:hover,li#pro-nav03 a:hover,li#pro-nav04 a:hover{
		background-position:left -55px;
	}
	li#pro-nav01.select a,li#pro-nav02.select a,li#pro-nav03.select a,li#pro-nav04.select a{
		background-position:left -110px;
	}
h3.pro01{
	margin:2px 0 0 0;
}
	h3.pro01 img{
		vertical-align:top;
	}
	
/* =product_list */
table.pro-sidebar ul.pro-nav{
	margin-bottom:20px;
}
ul.pro-list{
	padding:30px 0 0 0;
	margin:0 0 0 12px;
}
	ul.pro-list li{
		list-style:none;
		padding:0;
		margin:0 28px 0 0;
		float:left;
		height:215px;

	}
	ul.pro-list li img{
		border:1px solid #eaeaea;
		vertical-align:top;
	}
	p.pro-list-name{
		display:block;
		/*height:75px;*/
		width:140px;
		margin:5px 0 0 0;
		line-height:20px;
		color:#21b3ef;
		text-align:center;
	}
.pagebar-prolist{
	color:#2fb3ea;
	font-weight:bold;
}
.pagebar-prolist2{
	color:#000;
}
.pagebar-prolist2 a{
	margin: 0 5px;
	color:#545351;
}
.pagebar-prolist2 a:hover{
	color:#04BBDB;
}
	.pagebar-prolist a{
		margin: 0 5px;
		color:#2fb3ea;
		font-weight:normal;
	}
	.pagebar-prolist a.pageup,.pagebar-prolist a.pagedown{
		color:#000;
	}
	.pagebar-prolist a.pageup:hover,.pagebar-prolist a.pagedown:hover{
		color:#2fb3ea;
		text-decoration:none;
	}
	.pagebar-prolist a:hover{
		font-weight:normal;
		text-decoration:underline;
	}
div.big-propic{
	width:250px;
	height:296px;
	border:1px solid #d2d2d2;
	background:#fff;
}
div.big-propic p.pro-list-name{
	width:250px;
	color:#707070;
}

/* product_detail01 */
.frameT{
	width:695px;
	padding-top:10px;
	margin-bottom:25px;
	background:url(../images/bg/bg_frameT.gif) no-repeat left top;
}
.frameB{
	width:100%;
	padding-bottom:10px;
	background:url(../images/bg/bg_frameB.gif) no-repeat left bottom;
}
.frameC{
	width:675px;/*693px*/
	border-right:1px solid #d2d2d2;
	border-left:1px solid #d2d2d2;
	padding:10px 0 0 18px;
}
.detail-bigpic img{
	vertical-align:top;
	border:1px solid #eaeaea;
}
div.frameC h3{
	color:#21b3ef;
	font-weight:normal;
	font-family:Arial;
	font-size:24px;
	line-height:24px;
	margin:0;
}
	div.frameC h3 span{
		font-size:18px;
		line-height:24px;
	}
div.frameC em{
	color:#717171;
	font-weight:bold;
	font-size:16px;
	font-style:normal;
	font-family:Arial;
}
div.frameC p.dec02{
	margin:12px 0 12px 0;
	_margin:12px 0 0 0;
}	
.pro-descript{
	width:270px;
}
ul.detail-smallpic{
	margin:20px 0 0 0;
	padding:0;
}
ul.detail-smallpic li{
	float:left;
	list-style:none;
	margin:0 10px 10px 0;
}
	ul.detail-smallpic li img{
		border:1px solid #eaeaea;
		vertical-align:top;
	}
div.product-intro h4{
	background:#eee;
	height:23px;
	margin:0;
}	
div.product-intro h4 img{
	margin:4px 0 0 10px;
}
div.product-intro ul{
	margin:10px 0 0 34px;
	padding:0;
	list-style:none;
	color:#898989;
}
.club-title{
	height:27px;
}
	.club-title h3{
		margin:0;
	}
	.club-title ul{
		margin:0;
		padding:0;
		float:right;
	}
	.club-title li{
		float:left;
		list-style:none;
	}
.search-bar {
	height:25px;
	background: #ECEBE6;
	position: relative;
}
	.search-bar span {
		position: absolute;
		right: 10px;
		top: 3px ;
		text-indent: 0;
	}
	.search-bar span input {
		font-size: 0.9em !important ;
		*font-size: 0.8em !important ;
		padding: 2px 5px 0 5px !important ;	
		*padding: 0px 5px 2px 5px!important ;
		height: 12px !important ;
		*height: 12px !important ;
		line-height: 16px;	
		color: #999;
	}
	.search-bar span select {
		font-size: 0.9em !important ;
		*font-size: 0.8em !important ;
		width: 120px;
		height: 16px !important ;
		*height: 18px !important ;
		line-height: 18px;	
		color: #999;
	}
.search-result h4{
	margin:10px 0;
	}
	.search-result p{
		margin:10px 0;
	}
	.search-result p.search-amount{
		padding-left:17px;
		color:#000;
	}
	.search-result p.search-amount span{
		color:#e60012;
	}
ul.search-list{
	margin:0;
	padding:0 10px 0 0;
}
	.search-list li{
		list-style:none;
		margin:0;
		padding:20px 0;
		background:url(../images/dec/dec_dotline_03.gif) repeat-x left bottom;
	}
	.search-list p.dec01{
		margin:3px 0 5px 0;
	}
	.search-list .more-btn ,.search-list .more-btn a{
		color:#eb6100;
		font-family:Arial;
		text-decoration:none;
	}
	.search-list .more-btn a:hover{
		text-decoration:underline;
	}
	.search-list-pic img{
		border:1px solid #d9d9d9;
		padding:2px;
	}
	.search-list-title{
		color:#000;
		font-size:16px;
		font-weight:bold;
	}
	.post-person{
		color:#7ecef4;
	}
	.search-list-con{
		line-height:2;
		letter-spacing:1px;}

/* club_01 */
.recipe{
	width:620px;
	height:384px;/*414px*/
	padding:15px 0;
	margin-bottom:115px;
	font-size:13px;
	background:url(../images/bg/bg_club01.jpg) no-repeat left top;
}
.recipe th{
	text-align:right;
	font-weight:normal;
	line-height:33px;
}
.recipe .notice{
	color:#05b0db;
	padding:10px 0 10px 32px;
}
.recipe span input {
	font-size: 0.9em !important ;
	padding:2px 3px 2px 3px;
	padding:4px 3px 0 3px \9;
	*padding:4px 3px 0 3px;
	font-size:12px;
	line-height:12px;
	color: #868686;
	width:335px;	
	border:1px solid #c9c9c9;
}
.recipe textarea{
	color: #868686;
	font-size: 0.9em !important ;
	border:1px solid #c9c9c9;
	width:335px;
	height:100px;
	line-height:1.5;	
	padding:3px;
}

/* club_02 */
.vedio h4{
	margin:0;
	color:#434343;
	font-weight:bold;
	font-size:15px;
	padding-left:15px;
	background:url(../images/icon/icon_blue_01.jpg) no-repeat left 7px;
}
.vedio .vedio-intro{
	margin:8px 0 20px 0;
	_margin:8px 0 15px 0;
}
.vedio .vedio-big-con{
	padding-bottom:20px;
	text-align:center;
}
.vedio-small-con{
	height:113px;
	width:680px;
	padding-top:3px;
	background:url(../images/bg/bg_club02.gif) no-repeat left top;
}
.vedio-list-wrapper{
	width:615px;
	overflow:hidden;
}
.vedio-small-con ul{
	list-style:none;
	margin:0;
	padding:13px 0 0 0;
	height:88px;
	width:1000px;
}
.vedio-small-con li{
	float:left;
	margin:0 5px;
}
	.vedio-small-con li img{
		border:1px solid #646464;
	}
	.vedio-small-con li.vedio-btn{
		height:84px;
		padding-top:25px;
		vertical-align:middle;
	}
	.vedio-small-con li.vedio-btn img{
		border:none;
	}
.vedio .frameC{
	width:679px;/*693px*/
	padding:10px 7px 0 7px;
}
.youtube-logo{
	text-align:right;
	margin-bottom:50px;
}

/* pop */
#dialog1{
	width:285px;
	text-align:center;
	color:#434343;
}

/* site */
.site-list{
	margin-bottom:70px;
}
.site-list th,.site-list td{
	text-align:left;
	height:25px;
	line-height:25px;
}
.site-list th{
	background:#ecebe6 url(../images/dec/dec_dotline_03.gif) repeat-x left bottom;
}
.site-list td{
	background:url(../images/dec/dec_dotline_03.gif) repeat-x left bottom;
}
.site-list th img,td.site-map img{
	vertical-align:middle;
}
th.site-store,td.site-store{
	padding-left:68px;
}
td.site-map{
	padding-left:5px;
}