@charset "utf-8";

/* 基本樣式
---------------------------------------------*/
body {
	font-family: "新細明體",Arial, Helvetica, sans-serif;
	font-size: 85%;
	line-height: 1.4;
	color: #333333;
	margin: 0;
	padding: 0;
	background: url(../images/body_bg.jpg) left top repeat;
	}
.img{
	behavior:url(../png.htc);
}
p {
	/*\*/
	letter-spacing:0.2em;
	text-indent: 2.5em;	/**/
	color: #666;
}

.font_normal {
	color: #666;
	letter-spacing: 0.2em;
}
.member_font {
	font-size: 10pt;
	color: #666;
	letter-spacing: 0.2em;
}

.font_normal1 {
	color: #096;
	letter-spacing: 0.2em;
}

.font_small {
	color: #666;
	letter-spacing: 0.2em;
	font-size: 85%;
}


.import_font1 {
	color: #C00;
	letter-spacing: 0.2em;
}
.import_font {
	color: #006FDD;
}
.tlink {
	color: #666;
	text-decoration: none;
	font-size: 10pt;
}
.tlink:hover {
	text-decoration: underline;
	color: #09F;
	font-size: 10pt;
}
.adver {
	border: 2px solid #EAEAEA;
}

.join_button {
	color: #069;
	text-decoration: none;
	display: block;
	background-image: url(../images/button.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 27px;
	width: 105px;
	text-align: center;
	padding-top: 2px;
	padding-left: 1px;
}
.join_button:hover {
	color: #C63;
	text-decoration: underline;
	background-image: url(../images/button.png);
	background-repeat: no-repeat;
	background-position: right top;
	display: block;
	height: 27px;
	width: 105px;
	text-align: center;
	padding-top: 2px;
	padding-left: 1px;
}
.formstyle {
	border-top-width: 1px;
	border-left-width: 7px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #D1D1D1;
	border-left-color: #F00;
}
.formstyle1 {
	border-top-width: 1px;
	border-left-width: 7px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #D1D1D1;
	border-left-color: #D1D1D1;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E4E4E4;
}
.formstyle2 {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D1D1D1;
}
.formstyle3 {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #D1D1D1;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D1D1D1;
}





/* wrapper 版面置中
---------------------------------------------*/
#wrapper {
	width:950px;
	margin: 0px auto;
} 
/* 頁首
---------------------------------------------*/
#header {
	position: relative;
	width: 100%; /*為了在Windows Internet Explorer 6也能正常顯示，需加入這一行*/
	height: 75px;
	margin: 0px;
	padding: 5px;
	width: auto;
	z-index: 100;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #C33;
	background-color: #F8F8ED;
}
#logo {
	position: absolute;
	left: 40px;
	top: 7px;
	margin: 0;
}
	/* link_button
	---------------------------------------------*/
#link_button {
	position: absolute;
	top: 25px;
	left: 250px;
	width:681px;
}
#link_button ul {
	margin:0;
	padding: 0;
	list-style: none;
}
#link_button li {
	float: left;
	width: 85px;
	margin: 0;
}


#link_button li a {
	display: block;
	width: 100%;
	text-align: center;
	font-family: "新細明體",Arial, Helvetica, sans-serif;
	font_weight: bold;
	color: #666666;
	text-decoration: none;
	background: url(../images/link_button_bg.png) left top no-repeat;
	padding-top: 17px;
	padding-right: 0;
	padding-bottom:3px;
	padding-left: 0;
}
#link_button li a:hover {
	color: #Ec8602;
	background:url(../images/link_button_bg.png) right top no-repeat;
}
	/* 子選單
	---------------------------------------------*/
#link_button ul ul {
	background:#EEEEEE;
}
#link_button ul ul li {
	float: inherit;
}
#link_button ul ul li a {
	border-top: 1px solid #FFFFFF;
	font-size: 90%;
	font-weight: normal;
	padding:3px 0;
	background-color: #E4E4E4;
	background-image: none;
}

#link_button ul ul li a:hover {
	color: #FFFFFF;
	background-image:none;
	background-color:#EC8602;
}
#link_button ul li.parent ul {
	display:none;
}
#link_button ul li.parentOn ul {
	display:block;
}
/* 三欄式
---------------------------------------------*/
#contentWrapper {
	overflow:auto !important;






	overflow: /**/:hidden;
	width: 100%;
	background:#FFFFFF url(../images/secondary_bg.gif) left top repeat-y;
}
#footer {
	clear: both;
	text-align:center;
	background-color:#CCCCCC;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #C33;
	height: 60px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
}
.pixlogo {
	height: 42px;
	width: 100px;
	position: relative;
	float: left;
	left: 70px;
	top: 5px;
}

#content {
	float: left;
	width: 100%;
	margin-right: -170px;
}
#advertisement {
	float:right;
	width:170px;
	text-align:center;
	padding-top:90px;
	margin-bottom: 50px;
	margin-top: 30px;
}
#primary {
	float:right;
	width:100%;
	margin-left:-240px;
	padding-top:25px;
}
#secondary {
	float:left;
	width:240px;
}
#primary > * {
	margin: 0 180px 0 255px;
	width: 520px;
}

/* 本文
---------------------------------------------*/

#primary h2 {
	background:url(../images/h2_bg.gif) left top no-repeat;
	font-size: 110%;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 22px;
	padding-left: 32px;
}
#primary h3 {
	font-size:110%;
	padding-bottom:3px;
	border-bottom:1px dotted #CCCCCC;
	color: #F66;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}
#primary h4 {
	font-size:100%;
	padding-bottom:3px;
	color: #999;
	padding-top: 5px;
	text-indent: 1em;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #ACA891;
	margin-top: 30px;
	margin-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	width: 400px;
}
#primary h5 {
	font-size:110%;
	padding-bottom:3px;
	color: #F90;
	padding-top: 5px;
	text-indent: 1em;
	border-left-width: 10px;
	margin-top: 30px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #EEE;
	width: 400px;
}


#primary p {
	margin:10px 0;
}
#section2 {
	margin-bottom: 20px;
}

/* 最新消息
---------------------------------------------*/
#secondary {
	font-size: 95%;
}
#secondary h3 {
	margin: 0;
	font-size:100%;
	border-top:1px solid #D77900;
	border-bottom:1px solid #D77900;
	color: #FFFFFF;
	background: #EC8602 url(../images/secondary_h3_bg.gif) right top repeat-y;
	padding-top: 5px;
	text-align: center;
	padding-bottom: 5px;
}
#secondary p {
	margin:10px;
}
#secondary ul {
	margin: 0;
	padding: 0;
	list-style:none;
}
	/* link
	---------------------------------------------*/
#secondary li {
	margin: 0;
	border-bottom: 1px solid #CCCCCC;
	background: url(../images/sidenav_bg_off.gif) left center no-repeat;
}
#secondary li a {
	display: block;
	width: auto!important;
	width /**/: auto;/* Windows Internet Explorer 5用的值 */
	padding:5px 5px 5px 25px;
	font-family: "新細明體",Arial, Helvetica, sans-serif;
	color: #666666;
	text-decoration: none;
	background: url(../images/sidenav_bg_on.gif) left center no-repeat;
}
#secondary li a:hover {
	color: #EC8602;
	background:none;
}
#prodcut_content{
	left: 45px;
	position: relative;
	width: 420px;
}
#ps{
	width: 420px;
	margin-top: 5px;
	margin-bottom: 20px;
	color: #FFF;
	letter-spacing: 0.1em;
	height: 100px;
	padding-top: 20px;
	background-image: url(../images/ps.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#error_login{
	color: #F00;
	padding-top: 20px;
	padding-left: 40px;
}
#join_member {
	color: #666;
	padding-top: 10px;
	padding-left: 40px;
	width: 220px;
}
.tButton_link {
	font-size: 10pt;
	color: #069;
	text-decoration: none;
	height: auto;
	width: auto;
	padding-top: 10px;
}
.tButton_link:hover {
	font-size: 10pt;
	color: #F96;
	text-decoration: none;
	height: auto;
	width: auto;
	padding-top: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #F96;
}
#sample_list {
	width: 420px;
	margin-top: 3px;
	letter-spacing: 0.1em;
	height: auto;
}
.s_title1 {
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #D3DCBE;
	letter-spacing: 0.2em;
	font-size: 110%;
	color: #096;
}
.s_font11 {
	color: #666;
	letter-spacing: 0.1em;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #D3DCBE;
}
.s_font12 {
	color: #F30;
	letter-spacing: 0.1em;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #D3DCBE;
	font-size: 100%;
}
.s_font13 {
	color: #0080CC;
	letter-spacing: 0.1em;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #D3DCBE;
	font-size: 100%;
}
#s_head1{
	height: 30px;
	background-image: url(../images/sample_list_11.gif);
	background-repeat: no-repeat;
	padding-top: 7px;
	font-size: 120%;
	color: #677C4F;
	font-weight: bold;
	letter-spacing: 0.2em;
}
#s_content1{
	height: auto;
	background-image: url(../images/sample_list_12.gif);
	background-repeat: repeat-y;
}
#s_bottom1{
	background-image: url(../images/sample_list_13.gif);
	background-repeat: no-repeat;
	height: 15px;
	margin-bottom: 30px;
}
.s_title2 {
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #FFD9D9;
	letter-spacing: 0.2em;
	font-size: 110%;
	color: #D56293;
}
.s_font21 {
	color: #666;
	letter-spacing: 0.1em;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FFD9D9;
}
.s_font22 {
	color: #F30;
	letter-spacing: 0.1em;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FFD9D9;
	font-size: 100%;
}
.s_font23 {
	color: #0080CC;
	letter-spacing: 0.1em;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FFD9D9;
	font-size: 100%;
}
#s_head2 {
	height: 30px;
	background-image: url(../images/sample_list_21.gif);
	background-repeat: no-repeat;
	padding-top: 7px;
	font-size: 120%;
	color: #FF7575;
	font-weight: bold;
	letter-spacing: 0.2em;
}
#s_content2 {
	height: auto;
	background-image: url(../images/sample_list_22.gif);
	background-repeat: repeat-y;
}
#s_bottom2 {
	background-image: url(../images/sample_list_23.gif);
	background-repeat: no-repeat;
	height: 15px;
	margin-bottom: 30px;
}
.s_title3 {
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #9DDDFF;
	letter-spacing: 0.2em;
	font-size: 110%;
	color: #035CC9;
}
.s_font31 {
	color: #666;
	letter-spacing: 0.1em;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #9DDDFF;
}
.s_font32 {
	color: #F30;
	letter-spacing: 0.1em;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #9DDDFF;
	font-size: 100%;
}
.s_font33 {
	color: #0080CC;
	letter-spacing: 0.1em;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #9DDDFF;
	font-size: 100%;
}

#s_head3 {
	height: 30px;
	background-image: url(../images/sample_list_31.gif);
	background-repeat: no-repeat;
	padding-top: 7px;
	font-size: 120%;
	color: #0085CC;
	font-weight: bold;
	letter-spacing: 0.2em;
}
#s_content3 {
	height: auto;
	background-image: url(../images/sample_list_32.gif);
	background-repeat: repeat-y;
}
#s_bottom3 {
	background-image: url(../images/sample_list_33.gif);
	background-repeat: no-repeat;
	height: 15px;
	margin-bottom: 30px;
}
.s_title4 {
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #FEE798;
	letter-spacing: 0.2em;
	font-size: 110%;
	color: #E3AC06;
}
.s_font41 {
	color: #666;
	letter-spacing: 0.1em;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FEE798;
}
.s_font42 {
	color: #F30;
	letter-spacing: 0.1em;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FEE798;
	font-size: 100%;
}
.s_font43 {
	color: #0080CC;
	letter-spacing: 0.1em;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #FEE798;
	font-size: 100%;
}
#s_head4 {
	height: 30px;
	background-image: url(../images/sample_list_41.gif);
	background-repeat: no-repeat;
	padding-top: 7px;
	font-size: 120%;
	color: #E47938;
	font-weight: bold;
	letter-spacing: 0.2em;
}
#s_content4 {
	height: auto;
	background-image: url(../images/sample_list_42.gif);
	background-repeat: repeat-y;
}
#s_bottom4 {
	background-image: url(../images/sample_list_43.gif);
	background-repeat: no-repeat;
	height: 15px;
	margin-bottom: 30px;
}
.s_title5 {
	border-bottom-width: 4px;
	border-bottom-style: solid;
	border-bottom-color: #E1E1E1;
	letter-spacing: 0.2em;
	font-size: 110%;
	color: #919DB0;
}
.s_font51 {
	color: #666;
	letter-spacing: 0.1em;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #E1E1E1;
}
.s_font52 {
	color: #F30;
	letter-spacing: 0.1em;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #E1E1E1;
	font-size: 100%;
}
.s_font53 {
	color: #0080CC;
	letter-spacing: 0.1em;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #E1E1E1;
	font-size: 100%;
}
#s_head5 {
	height: 30px;
	background-image: url(../images/sample_list_51.gif);
	background-repeat: no-repeat;
	padding-top: 7px;
	font-size: 120%;
	color: #728896;
	font-weight: bold;
	letter-spacing: 0.2em;
}
#s_content5 {
	height: auto;
	background-image: url(../images/sample_list_52.gif);
	background-repeat: repeat-y;
}
#s_bottom5 {
	background-image: url(../images/sample_list_53.gif);
	background-repeat: no-repeat;
	height: 15px;
	margin-bottom: 30px;
}
.ps_font {
	color: #C00;
	background-image: url(../images/ps.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#showdata{
	width: 510px;
	margin-bottom: 20px;
	padding-right: 20px;
	padding-left: 5px;
	background-image: url(../images/buy_bg2.gif);
	background-repeat: no-repeat;
	margin-left: 5px;
	height: 780px;
}
#prod_infor {
	height: 90px;
	padding-top: 40px;
	padding-left: 20px;
	padding-right: 30px;
}
#pay_infor {
	padding-top: 20px;
	padding-left: 20px;
	padding-right: 30px;
	margin-bottom: 50px;
}
#member_data {
	padding:0px 30px 0px 20px;
}
#prd_done {
	width: 510px;
	padding-right: 20px;
	padding-left: 25px;
	background-image: url(../images/prd_done_bg.gif);
	background-repeat: no-repeat;
	margin-left: 5px;
	padding-top: 40px;
	height: 300px;
}

.image_border {
	border: 1px solid #999;
}
#bottomm {
	margin-bottom: 20px;
}
#ff {
	float: right;
	position: relative;
	width: 700px;
}

.fb {
	text-align: center;
	clear: both;
	font-size: 90%;
	width: 440px;
	position: relative;
	color: #666;
	float: right;
}
.f1 {
	font-size: 90%;
	padding-right: 5px;
	height: 28px;
	padding-left: 10px;
	padding-top: 8px;
	color: #666;
	width: 230px;
	background-image: url(../images/fbg.gif);
	background-repeat: no-repeat;
	background-position: center center;
	float: right;
}
.f2 {
	width: 200px;
	float: left;
	position: relative;
	height: 50px;
	margin-left: 50px;
	top: 3px;
}