.black {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	line-height: 18px;
	color: #000000;
	word-spacing: 1px;
	letter-spacing: 1px;
}

.pink {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	line-height: 18px;
	color: #ff6666;
	word-spacing: 1px;
	letter-spacing: 1px;
}

.sitemap_black {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	line-height: 18px;
	color: #000000;
	word-spacing: 1px;
	letter-spacing: 1px;
}

.beauty_headline_black {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-weight:bold;
	font-size: 12px;
	line-height: 18px;
	color: #000000;
	word-spacing: 1px;
	letter-spacing: 1px;
}

.white {
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 12px;
	line-height: 18px;
	color: #ffffff;
	word-spacing: 1px;
	letter-spacing: 1px;
}
	
A.white:visited  	{ color: ffffff; text-decoration: none}
A.white:active  	{ color: ffffff; text-decoration: none}
A.white:hover	    { color: 000000; text-decoration: none}
A.white:link		{ color: ffffff; text-decoration: none}


.red {
	font-size: 12px;
	line-height: 18px;
	color: #A50D0F;
	letter-spacing: 1px;
	word-spacing: 1px;
}

A.red:visited  	{ color: A50D0F; text-decoration: none}
A.red:active  	{ color: A50D0F; font-weight: none; text-decoration: none}
A.red:hover  	{ color: A50D0F; text-decoration:  underline!important}
A.red:link		{ color: A50D0F; text-decoration: none}

.red_2 {
	font-size: 12px;
	line-height: 18px;
	color: #D64158;
	letter-spacing: 1px;
	word-spacing: 1px;
}

.red_2_bold {
	font-size: 12px;
    font-weight:bold;
	line-height: 18px;
	color: #D64158;
	letter-spacing: 1px;
	word-spacing: 1px;
}

.red_bold {
	font-size: 12px;
	font-weight:bold;
	line-height: 18px;
	color: #A50D0F;
	letter-spacing: 1px;
	word-spacing: 1px;
}

A.red_bold:visited	{ color: A50D0F; text-decoration: none}
A.red_bold:active	{ color: A50D0F; font-weight: none; text-decoration: none}
A.red_bold:hover	{ color: A50D0F; text-decoration: underline!important}
A.red_bold:link		{ color: A50D0F; text-decoration: none}

.frame {
	border: 1px solid #E2E2E2;
}
.frame_01 {
	border: 1px solid #CBCBCB;
}
.blue {
	font-size: 12px;
	line-height: 18px;
	color: #396E95;
	letter-spacing: 1px;
	word-spacing: 1px;
}
.frame_blue {
	font-size: 12px;
	color: #000000;
}
.frame_search {
	font-size: 12px;
	color: #000000;
	background-color: #D9D7D8;
	border: 1px none;
}
.black11 {
	font-size: 11px;
	color: #000000;
	letter-spacing: 1px;
	word-spacing: 1px;
}
.black10 {
	font-size: 9px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
}
.frame_back {
	background-image: url(image/back.jpg);
	background-repeat: repeat-x;
	border: 1px solid #E2E2E2;
}
.mail {
	font-size: 12px;
	line-height: 20px;
	color: #6D25D9;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 1px;
	word-spacing: 1px;
}
body {
	margin: 0px;
	background-image: url("../images/bg.gif");
}

.index_bg {
	background-image: url("../images/bg_index.gif");
	background-repeat: repeat-x;
}

.index_bg_left {

	background-image: url("../images/bg_left.gif");
	background-repeat: repeat-y;
}

.index_bg_right {

	background-image: url("../images/bg_right.gif");
	background-repeat: repeat-y;
}



p {
	font-family: "Arial", "Helvetica", "sans-serif";
	line-height: 15px;									/*行距15px*/
	font-size: 11px;									/*字級11px*/
	color: #515050;										/*文字顏色是灰色*/
}


.blue {
	font-family:"新細明體","mingliu","Arial", "Helvetica", "sans-serif";
	font-size: 11px;
	line-height: 17px;
	color: #49626C;										/文字顏色改藍色*/
}


.copyright {											/*定義版權列的中文字樣式*/
	font-family:"新細明體", "mingliu";
	font-size: 11px;
	line-height: 18px;
}

.copyright_en {											/*定義版權列的英文字樣式*/
	font-family: "Arial", "Helvetica", "sans-serif";
	font-size: 10px;
	line-height: 18px;
	color: #787879;
}


.black_product {												
	font-family: "Arial", "Helvetica", "sans-serif";
	line-height: 150%;									
	font-size: 9pt;									
	color: #000000;									
}

.gray11 {												/*把p的樣式套用到表單中*/
	font-family: "Arial", "Helvetica", "sans-serif";
	line-height: 180%;									/*行距15px*/
	font-size: 10px;									/*字級11px*/
	color: #333333;

}

.gray11_2 {												
	font-family: "Arial", "Helvetica", "sans-serif";
	line-height: 180%;									
	font-size: 9pt;									
	color: #000000;									
}

.gray11_3 {												
	font-family: "Arial", "Helvetica", "sans-serif";
	line-height: 180%;									
	font-size: 10pt;									
	color: #000000;									
}

.red_title {												
	font-family: "Arial", "Helvetica", "sans-serif";
	line-height: 180%;									
	font-size: 9pt;									
	color: #A50D0F;									
}

A:visited  	{ color: 000000; text-decoration: none}
A:active  	{ color: 000000; text-decoration: none}
A:hover 	{ color: E89E9D; text-decoration: none}
A:link 	 	{ color: 000000; text-decoration: none}

A.link_page:visited  	{ color: A50D0F; text-decoration: none}
A.link_page:active  	{ color: 000000; text-decoration: none}
A.link_page:hover 	    { color: E89E9D; text-decoration: underline!important}
A.link_page:link 	 	{ color: 000000; text-decoration: none}

.norepeat {
	
	background-repeat: no-repeat;
}

.index_hot_norepeat {
	background-image: url("../images/index_hot_bg.jpg");
	background-repeat: no-repeat;
}

.w01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	color: #666666;
}

.f001 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #FFFFFF;
	border-right-color: #CFCFCF;
	border-bottom-color: #CFCFCF;
	border-left-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #666666;
}
.f002 {
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #CFCFCF;
	border-left-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
	color: #666666;
}
.titleshadow {
	filter: DropShadow(Color=#454545, OffX=1, OffY=1);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}
.sitemapshadow {
	filter: DropShadow(Color=#777777, OffX=1, OffY=1);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
    letter-spacing:1pt;	
}
.wordshadow {
	filter: DropShadow(Color=#E1E1E1, OffX=1, OffY=1);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
}
.p01 {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	color: #4C6092;
}
.dotline {
	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #DFDFDF;
}
.dotlineT {

	border-bottom-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #CCCCCC;
}
A.link_service {
	color: #A50D0F;
	text-decoration: none;
	font-size: 12px;
	line-height: 18px;
}
A.link_service:visited {
	color: #A50D0F;
	text-decoration: none;
	font-size: 12px;
	line-height: 18px;
}
A.link_service:hover {
	color: #E89E9D;
	text-decoration: none;
	font-size: 12px;
	line-height: 18px;
}
A.link_service:active {
	color: #A50D0F;
	text-decoration: none;
	font-size: 12px;
	line-height: 18px;
}


.link_list a:link, .link_list a:visited {
	text-decoration: underline;
}



/*------------------------------------------------------------

* Filename: base.css
* Version: 1.0.0 (2009-12-23) 
* Website: http://
* Author: Medialand digi-tech. Inc. 米蘭數位科技 
* Contact: service@mail.medialand.com.tw
* Description: basic elements

-------------------------------------------------------------*/


/* =CSS RESET ========================*/

html, body, div, span, applet, object, iframe, table, caption, tbody, tfoot, thead, tr, th, td,     
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var,     
h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,     
dl, dt, dd, ol, ul, li, fieldset, form, label, legend {    
vertical-align: baselinebaseline;    
font-family: inherit;    
font-weight: inherit;    
font-style: inherit;    
font-size: 100%;    
outline: 0;    
padding: 0;    
margin: 0;    
border: 0;    
}    
/* remember to define focus styles! */   
:focus {    
outline: 0;    
}    
body {    
background: white;    
line-height: 1;    
color: black;    
}    
ol, ul {    
list-style: none;    
}    
/* tables still need cellspacing="0" in the markup */   
table {    
border-collapse: separate;    
border-spacing: 0;    
}    
caption, th, td {    
font-weight: normal;    
text-align: left;    
}    
/* remove possible quote marks (") from <q> & <blockquote> */   
blockquote:before, blockquote:after, q:before, q:after {    
content: "";   
}   
blockquote, q {   
quotes: "" "";    
}    

/* =CSS RESET ========================*/


a:link {
	color: #b50000;
	text-decoration: none;	
}
a:visited {
	color: #b50000;
	text-decoration: none;	
}
a:hover {
	color: #5B5B5B;
	text-decoration: underline;
}
a:active {
	color: #b50000;	
}
body {
	font: normal 11px/20px "Arial";
	color: #656565;
	text-align:center;
}
address {
	color:#b2b2b2;
	font-style:normal;
	font-size: 10px;
	clear:both;
	text-align:left;
}
.clear {
	clear:both;
	height:0px;
	width:0px;
	line-height:0;
}

/* CONTAINER */
#wrapper {
	margin: 0 auto;
	text-align: left;
	width: 793px;
	position:relative;
	z-index:100;
}
#hd {
	position: relative;
	z-index:100;
}
#content {
	margin:	-15px 0 0 5px;
	position: relative;
	z-index:50;
	width:781px;
	border:1px solid #e3e3e3;
	min-height:498px;
	height:auto;
	_height:498px;
}
body.index #content {
	border: none;
	width:783px;
}
body.prd-page #content {
/*	background:url(/images_2009/bg/bg_prdnav.jpg) no-repeat left top;*/
	border:none;
	
}
body.prd-page #sidebar {
	border:1px solid #e3e3e3;
	background:url(/images_2009/bg/bg_prdnav.jpg) no-repeat left top;
}
#ft {
	line-height:14px;
	border-bottom:2px solid #a50d0f;
	width:780px;
	margin:0 0 0 4px;
	padding:4px 0 4px 3px;
	*padding:5px 0 0 3px;
}
.ft-link {
	float:left;
	width:400px;
	margin:3px 0 0 ;
}
.ft-link ul li {
	float: left;
	padding:0 10px 0 0;	
	color:#c5c5c5;
}
.ft-link ul li a {
	margin:0 10px 0 0;
	color:#6f6e6e;
}
.ft-link ul li a:hover {
	color:#000;
}
.search {
	float: right;
}
.search input {
	width:90px;
}

#sidebar {
	width: 217px;	
	float:left;
	position: relative;
	z-index:100;
	height:auto;
	min-height:389px;
	*min-height:389px;	
	_height:379px;
}
#article {
	float: right;
	position: relative;
	z-index:50;	
	height:auto;
	min-height:389px;
	_height:389px;
}

.prdnav {
	position: absolute;
	top:50px;
	left:0;
}
.prdvisual {
	position: absolute;
	top:0;
	right:0;
}