@charset "UTF-8";
body {
	background-attachment: scroll;	background-image: url(../images/newportal/c/bg.gif);	background-repeat: repeat-x;
}

a:link{ font-size: 10pt; color: #696969; text-decoration: none; font-family: Arial, Helvetica, sans-serif; }
a:visited{ font-size: 10pt; color: #696969; text-decoration: none; font-family: Arial, Helvetica, sans-serif; }
a:hover{ font-size: 10pt; color: #3172a3; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; }

a.gray10_underline:link{ font-size: 10pt; color: #696969; text-decoration: none; font-family: Arial, Helvetica, sans-serif; }
a.gray10_underline:visited{ font-size: 10pt; color: #696969; text-decoration: none; font-family: Arial, Helvetica, sans-serif; }
a.gray10_underline:hover{ font-size: 10pt; color: #696969; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; }

a.blue14b_underline:link{ font-size: 14pt; color: #0d6ab0; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
a.blue14b_underline:visited{ font-size: 14pt; color: #0d6ab0; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
a.blue14b_underline:hover{ font-size: 14pt; color: #0d6ab0; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}

a.blue11b_underline:link{ font-size: 11pt; color: #0d6ab0; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
a.blue11b_underline:visited{ font-size: 11pt; color: #0d6ab0; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}
a.blue11b_underline:hover{ font-size: 11pt; color: #0d6ab0; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}

a.blue10_underline:link{ font-size: 10pt; color: #0d6ab0; text-decoration: none; font-family: Arial, Helvetica, sans-serif; }
a.blue10_underline:visited{ font-size: 10pt; color: #0d6ab0; text-decoration: none; font-family: Arial, Helvetica, sans-serif; }
a.blue10_underline:hover{ font-size: 10pt; color: #0d6ab0; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; }


a.style_10:link{
	font-size: 10pt;
	color: #696969;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	
}
a.style_10:visited{
	font-size: 10pt;
	color: #696969;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}

a.style_10:hover{
	font-size: 10pt;
	color: #3172a3;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
}

a.style_b:link{
	font-size: 10pt;
	color: #000000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	
}
a.style_b:visited{
	font-size: 10pt;
	color: #000000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
}

a.style_b:hover{
	font-size: 10pt;
	color: #3172a3;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
}
a.style_10_pink:link{ 
	font-size: 10pt; 
	color: #696969; 
	text-decoration: none;
}
a.style_10_pink:visited{ 
	font-size: 10pt; 
	color: #696969; 
	text-decoration: none;
}
a.style_10_pink:hover{ 
	font-size: 10pt; 
	color: #ff0066;	
	text-decoration: underline;
}
a.style_10_gray:link{
	font-size: 10pt;
	color: #3f3f3f;
	text-decoration: none;
	
}
a.style_10_gray:visited{
	font-size: 10pt;
	color: #3f3f3f;
	text-decoration: none;
}

a.style_10_gray:hover{
	font-size: 10pt;
	color: #3172a3;
	text-decoration: underline;
}

a.style_10_g1:link{
	font-size: 10pt;
	color: #515251;
	text-decoration: none;
	font-weight: bold;
	
}
a.style_10_g1:visited{
	font-size: 10pt;
	color: #515251;
	text-decoration: none;
	font-weight: bold;
}

a.style_10_g1:hover{
	font-size: 10pt;
	color: #ff0066;
	text-decoration: underline;
}

a.style_10_g2:link{
	font-size: 10pt;
	color: #515251;
	text-decoration: none;
	
}
a.style_10_g2:visited{
	font-size: 10pt;
	color: #515251;
	text-decoration: none;
}

a.style_10_g2:hover{
	font-size: 10pt;
	color: #ff0066;
	text-decoration: underline;
}

a.10_redbold:link{ font-size: 10pt; color: #ff0000; font-weight: bold; text-decoration: none; font-family: Arial, Helvetica, sans-serif; }
a.10_redbold:visited{ font-size: 10pt; color: #ff0000; font-weight: bold; text-decoration: none; font-family: Arial, Helvetica, sans-serif; }
a.10_redbold:hover{ font-size: 10pt; color: #ff0000; font-weight: bold; text-decoration: underline; font-family: Arial, Helvetica, sans-serif; }

.mouseover_blue { font-size: 10pt; color: #027fdf; font-family: Arial, Helvetica, sans-serif;}   
.mouseover_gray_pink { font-size: 10pt; color: #696969; font-family: Arial, Helvetica, sans-serif; background: #f4f4f4;}   
.mouseover_blue { font-size: 10pt; color: #027fdf; font-family: Arial, Helvetica, sans-serif;}   
.mouseover_gray_white { font-size: 10pt; color: #696969; font-family: Arial, Helvetica, sans-serif; background: #ffffff;}
.mouseout_gray_white { font-size: 10pt; color: #696969; font-family: Arial, Helvetica, sans-serif; }  

.style_g {
	color: #3f3f3f;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
}

.style_10_white {font-size: 10pt;color: #FFFFFF;}
.style_14_white {font-size: 14pt; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; letter-spacing: 1px;}

.style_14_lightyellow { font-size: 14pt; color: #ffee7f; font-family: Arial, Helvetica, sans-serif; letter-spacing: 1px; font-weight: bold;}

.style_9_blue { font-size: 9pt; color: #027fdf; font-family: Arial, Helvetica, sans-serif; }
.style_10_blue { font-size: 10pt; color: #027fdf; font-family: Arial, Helvetica, sans-serif; }
.style_11_blue { font-size: 11pt; color: #027fdf; font-family: Arial, Helvetica, sans-serif; }
.style_13_blue { font-size: 13pt; color: #027fdf; font-family: Arial, Helvetica, sans-serif; }
.style_10_blueb { font-size: 10pt; color: #027fdf; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
.style_13_blueb { font-size: 13pt; color: #027fdf; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }

.style_10_bule { color: #3172a3; font-size: 10pt; text-decoration: none; font-family: Arial, Helvetica, sans-serif;}
.style_10_bulebold { color: #3172a3; font-size: 10pt; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }

.style_10_bulebold { color: #3172a3; font-size: 10pt; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
.style_11_bluebold_1 { color: #0d6ab0; font-size: 11pt; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }

.style_10_arial { font-size: 10pt; color: #696969; font-family: Arial, Helvetica, sans-serif; line-height:1.5; }

.style_10_arial,.pointable { font-size: 10pt; color: #696969; font-family: Arial, Helvetica, sans-serif; line-height:18pt; }
.style_10_arial strong {
       font-weight:normal;
	   color:#ea0000;
	   }
.style_10_arial ol {
       margin:20px;
}
.style_10_arial li {
       margin:0 12px;
}
.style_10_black { font-size: 10pt; color: #000000; font-weight: bold; font-family: Arial, Helvetica, sans-serif; text-align: left;}

.style_9_1_black { font-size: 9pt; color: #000000; font-family: Arial, Helvetica, sans-serif; }
.style_10_1_black { font-size: 10pt; color: #000000; font-family: Arial, Helvetica, sans-serif; }
.style_13_1_black { font-size: 13pt; color: #000000; font-family: Arial, Helvetica, sans-serif; }

.style_11_black { font-size: 11pt; font-weight: bold; color: #474747; }

.style_10_lightgray { font-size: 10pt; color: #8f8f8f; font-family: Arial, Helvetica, sans-serif; line-height:1.5; padding: 10px 0px 5px 0px;
}
.style_11_lightgray { font-size: 11pt; color: #8f8f8f; font-family: Arial, Helvetica, sans-serif; line-height:1.5; padding: 10px 0px 5px 0px;
}
.style_13_lightgray { font-size: 13pt; color: #8f8f8f; font-family: Arial, Helvetica, sans-serif; line-height:1.5; padding: 10px 0px 5px 0px;
}

.style_10_gray { color: #515251; font-size: 10pt; font-family: Arial, Helvetica, sans-serif; }

.style_11_gray { font-size: 11pt; color: #333333; font-family: Arial, Helvetica, sans-serif; line-height:1.5; padding: 10px 0px 5px 0px;}

.style_10_graybold { color: #515251; font-size: 10pt; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
.style_11_graybold { color: #313131; font-size: 11pt; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
.style_12_graybold { color: #515251; font-size: 12pt; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
.style_13_graybold { color: #515251; font-size: 13pt; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
.style_14_graybold { color: #515251; font-size: 14pt; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }

.style_9_red {font-size: 9pt; color: #ea0000; font-family: Arial, Helvetica, sans-serif; }
.style_10_red {font-size: 10pt; color: #ea0000; font-family: Arial, Helvetica, sans-serif; }
.style_11_red {font-size: 11pt; color: #ea0000; font-family: Arial, Helvetica, sans-serif; }
.style_13_red {font-size: 13pt; color: #ea0000; font-family: Arial, Helvetica, sans-serif; }

.style_10_redbold { color: #ea0000; font-size: 10pt; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
.style_11_redbold { color: #ea0000; font-size: 11pt; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }
.style_13_redbold { color: #ea0000; font-size: 13pt; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }

.style_10_orange {font-size: 10pt; color: #ff8400; font-family: Arial, Helvetica, sans-serif; }
.style_12_orange {font-size: 12pt; color: #ff8400; font-family: Arial, Helvetica, sans-serif; }

.style_10_pink_bold {font-size: 10pt;font-weight: bold;	color: #ff005a;}
.style_10_pink { font-size: 10pt; color: #ff005a; font-family: Arial, Helvetica, sans-serif; }
.style_12_pink_bold {font-size: 12pt;font-weight: bold;	color: #ff005a;}

.style_10_p1 {
	font-size: 10pt;
	color: #ff005a;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.style_13_green { font-size: 13pt; color: #70a317; font-family: Arial, Helvetica, sans-serif; font-weight: bold; }

.style_9_green1 { font-size: 9pt; color: #167289; font-family: Arial, Helvetica, sans-serif; }
.style_10_green1 { font-size: 10pt; color: #167289; font-family: Arial, Helvetica, sans-serif; }
.style_11_green1 { font-size: 11pt; color: #167289; font-family: Arial, Helvetica, sans-serif; }

.style_13_green1_bold { font-size: 13pt; color: #167289; font-weight: bold; font-family: Arial, Helvetica, sans-serif; }

.td_darkgray { border-left:solid; border-color:#515251; border-bottom-width:5px;}

.style_10_blue { font-size: 10pt; color: #027fdf; font-family: Arial, Helvetica, sans-serif; }
.style_11_blue { font-size: 11pt; color: #027fdf; font-family: Arial, Helvetica, sans-serif; }
.style_13_blue { font-size: 13pt; color: #027fdf; font-family: Arial, Helvetica, sans-serif; }

.vipreward_frombg { background-attachment: fixed;background-image: url(../images/newportal/c/1_4_vipreward_12.gif);background-repeat: repeat-x;background-position: bottom;}
.bonuscomplete_frombg { background-attachment: fixed; background-image: url(../images/newportal/c/6_1_2_4_complete_03.gif); background-repeat: repeat-x; background-position: bottom;}
.vipcheck_frombg { background-attachment: fixed; background-image: url(../images/newportal/c/20_1_joinvip_08_.gif); background-repeat: repeat-x; background-position: bottom;}

input.1 { border: 1px solid #c3c3c3; font-family: Arial, Helvetica, sans-serif; font: 9pt; width:300px; }
input.2 { border: 1px solid #c3c3c3; font-family: Arial, Helvetica, sans-serif; font: 9pt; width:50px; }
input.3 { border: 1px solid #c3c3c3; font-family: Arial, Helvetica, sans-serif; font: 9pt; width:200px; }
#input4 { border: 0px; font-family: Arial, Helvetica, sans-serif; font-size:1.5em; color:#ffffff; font-weight: bold; letter-spacing: 1px; width:150px; background:#0e5486;}

textarea.1 { border: 1px solid #c3c3c3; font-family: Arial, Helvetica, sans-serif; font: 9pt; width:500px; }
textarea.2 { border: 1px solid #c3c3c3; font-family: Arial, Helvetica, sans-serif; font: 9pt; width:400px; }

.20_4_bg {
	background-attachment: fixed;
	background-image: url(../images/newportal/c/20_4_reconfirm_10.gif);
	background-repeat: repeat-x;
	background-position: top;
}
.9_5_bg { background-attachment: fixed; background: url('../images/newportal/c/9_5_1a2b_13.gif'); background-repeat: no-repeat; background-position: bottom; }
.pointable { padding:10px; }

.pointable th {
    color:#515251;
    background-color:#f0c8c8;
	text-align: left;
	padding:5px 10px;
	height:30px;
	border-bottom:1px solid #f0c8c8;
}
.pointable td {
	border-bottom:1px solid #f0c8c8;
	padding:5px 10px;
	}
.pointable .td01 {
	background-color: #f4f4f4;
}
.pointable strong {
		   color:#ea0000;
}

/*試用品專區2011.04.21新增*/
.sample_list, .sample_choose table, .sample_post, .sample_note, .sample_index table {
	font-size:12px;
	line-height:22px;
	color:#3f3f3f;
	font-family:Arial, Helvetica, sans-serif;
}
.sample_list td {
border-bottom:1px dashed #d2d2d2;
padding:10px 0;
}
.sample_list ul, .sample_detail ul , .sample_index ul{
list-style:none;
margin:0;
padding:0;
}
.sample_list li, .sample_detail li , .sample_index li{
padding:0;
}
.sample_list h3 {
font-size:13px;
color:#027fdf;
margin:0px;
}
.sample_list strong, .sample_detail strong, .sample_list_button, .sample_choose strong, .sample_index strong {
	color:#ea0000;
	font-family:Arial, Helvetica, sans-serif;
}
.sample_list img, .post_photo img, .sample_index img {
border:1px solid #c8c8b9;
}
.sample_list_button {
text-align:right;
padding:10px 0;
}
.sample_list_button img {
border:0;
}
.samplefoto {
	background-image:url('../images/newportal/c/22_1_1_samplelist_09.gif');
	width:356px;
	height:282px;
	text-align:center;
	background-repeat: no-repeat;
padding:15px 0 0 0;
}
.sample_detail {
font-size:15px;
line-height:30px;
color:#3f3f3f;
}
.sample_detail h3, .sample_index h3 {
color:#027fdf;
margin:0px;
}
.sample_detail li{
border-bottom:1px dashed #d2d2d2;
}
.sample_page {
text-align:center;
margin:10px 0;
}
.sample_post_add {
padding:5px;
margin:0 10px;
font-size:13px;
line-height:24px;
color:#3f3f3f;
background-color:#f0b4c3
}
.sample_post_add a:link, .sample_post_add a:visited {
font-size:13px;
	color:#ea0000;
	text-decoration: underline;
}
.sample_post_add a:hover, .sample_post_add a:active {
	text-decoration: none;
}
.post_list th {
line-height:22px;
text-align:left;
font-weight:normal;
border-bottom:1px dashed #999999;
padding:2px 0;
}
.post_list td {
padding:10px 0 0 0;
}
.post_photo {
width:620px;
margin:10px 0 5px 30px;
}
.post_photo p {
margin:0;
}
.post_photo h2 {
font-size:13px;
color:#70a317;
margin:0;
}
.sample_choose {
margin:5px 0;
}
.sample_choose table {
border-left:1px dashed #d2d2d2;
}
.sample_choose th {
background-color:#CCCCCC;
padding:3px 0;
border-right:1px dashed #ffffff;
}
.sample_choose td {
border-bottom:1px dashed #d2d2d2;
border-right:1px dashed #d2d2d2;
padding:3px 0;
}
.sample_post, .sample_note {
width:710px;
margin:10px 0 0 10px;
}
.sample_post h3, .sample_note h3 {
font-size:13px;
font-weight:normal;
margin:0px;
color:#ea0000;
}
.sample_post textarea {
width:500px;
}
.sample_note ol {
margin:0 0 0 12px;
padding:0 0 0 24px;
}
.sample_index {
margin:10px 0 0 5px;
}
.sample_index h3 {
font-size:12px;
}

/*110609新增*/
.sample_box {
	border:8px solid #dfa8b3;
	background-color:#fadce1;
	margin:10px 0;
	padding:10px;
	color:#3f3f3f;
	font-weight:bold;
	line-height:26px;
	text-align: center;
	font-size:12px;
}