/**
 *  use CSS Classes for Slopoo studio
 *  Copyright (c) 2010 Varmus Lin (http://www.slopoo.com.tw/)
 *  varmus@slopoo.com.tw
 *  Dual licensed under the MIT and GPL licenses:
 *  http://www.opensource.org/licenses/mit-license.php
 *  http://www.gnu.org/licenses/gpl.html
 */
@charset "utf-8";
body {
}

/* 連結定義 */
a:link{}
a:visited{}
a:hover, a:active{}

#wrapper{
	width:100%;
}
#page{
	width:892px;
	margin:0 auto;
}

#page li.top{
	float:left;
	display:block;
	width:100%;
	background-image:url(../images/my/page.gif);
	background-position:left top;
	background-repeat:no-repeat;
	height:30px;
}
#page li.content{
	float:left;
	display:block;
	width:838px;
	min-height:100px;
	background-image:url(../images/my/page.gif);
	background-position:left -30px;
	background-repeat:no-repeat;
	padding:0px 27px;
}
#page li.bottom{
	float:left;
	display:block;
	width:100%;
	background-image:url(../images/my/page.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	height:30px;
}

#header{
	float:left;
	overflow:hidden;
	width:100%;
	position:relative;
}
#banner{
}
#link{
	position:absolute;
	top:0px;
	right:10px;
}
#link li{
	float:right;
	padding:0px 5px 0px 0px;
}
#subnav{
	background-image:url(../images/my/subnav_bg.gif);
	background-repeat:no-repeat;
	background-position:left top;
	height:26px;
}
#subnav ul{
	width:70%;
	float:left;
}
#subnav li{
	float:left;
	width:120px;
	text-align:center;

}
#subnav li img{ padding:8px 0px 0px 0px;}
#subnav2{
	position:absolute;
	top:38px;
	right:0px;
}
#subnav2 li{
	float:left;
	padding-right:15px;
}
#logo{}
#flash{
	float:left;
	width:838px;
	height:385px;
	background:#000;
}

/* 搜尋 */
#search{
	background-image:url(../images/my/search_bg.gif);
	background-repeat:no-repeat;
	width:154px;
	height:21px;
	float:right;
	margin:5px 10px 0px 0px;
}
#search input.textinput {
	float:left;
	border:none;
	color:#7d7d7d;
	font-size:10px;
	line-height:14px;
	padding:0px 2px;
	width:11em;
	vertical-align: middle;
}
#search img{
	float:left;
	margin:1px 0px 0px 5px;
}


#pagebody{
	float:left;
	overflow:hidden;
	width:100%;
}
#center{
	overflow:hidden;
	margin:6px 0px 0px 0px;
}

/* 秀產品 */
#sections .section_box div{
	float:left;
	width:248px;
	padding-right:4px;
}
#sections .section_box li.btop{
	float:left;
	display:block;
	background-image:url(../images/my/index00.gif);
	background-position:left top;
	background-repeat:no-repeat;
	width:100%;
	height:10px;
	line-height:1px;
	padding:0px;
	margin:0px;
}
#sections .section_box li.bcontent{
	float:left;
	display:block;
	background-image:url(../images/my/index00.gif);
	background-position:left -10px;
	background-repeat:no-repeat;
	width:218px;
	min-height:85px;
	padding:0px 20px 0px 10px;
}
#sections .name{
	font-size:16px;
	font-weight:bold;
	color:#414141;
}
#sections .note{
	font-size:11px;
	color:#1c1c1c;
}

#sections .section_box li.bbottom{
	float:left;
	display:block;
	background-image:url(../images/my/index00.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	width:100%;
	height:7px;
}


/* 分隔線 */
#line_01{
	float:left;
	background-image:url(../images/my/line_01.gif);
	background-repeat:no-repeat;
	background-position: center top;
	width:100%;
	height:17px;
}

/* 右欄 */
#main{
	float:left;
	width:808px;
	padding:0px 15px;
}

/* HOT NEWS */
#box_news{
	width:390px;
	float:left;
}
#box_news .top{
	padding-bottom:7px;
}
#box_news .content{
	padding:0px 0px 0px 19px;
}
#box_news .content li{
	background-image:url(../images/my/arrow_01.gif);
	background-repeat:no-repeat;
	background-position:left 5px;
	border-bottom:#cfcfcf 1px dotted;
	color:#565454;
	font-size:10px;
	line-height:14px;
	padding:4px 0px 5px 14px;
}
#box_news .content li a{
	color:#020202;
}
#box_news .bottom{}

/* Reviews */
#box_reviews{
	width:410px;
	float:right;
}
#box_reviews .top{
	padding-bottom:7px;
}
#box_reviews .content{}
#box_reviews .content li{
	text-align:center;
	float:left;
	background:#CCC;
}
#box_reviews .content li img{
	margin:0px 0px 9px 0px;
	height:100px;
}
#box_reviews .name{
	width:100%;
	float:left;
	color:#0c0c0c;
	font-size:13px;
	text-align:center;
}
#box_reviews .note{
	width:100%;
	float:left;
	color:#565656;
	font-size:12px;
	text-align:center;
}
#box_reviews .bottom{}