﻿/* CSS Document */
body {font:0.8em/1.5 "arial";font-size:11px ;color:#666666;letter-spacing:0px; font-weight:normal; line-height:18px}
/* TOP menu */
.top{background-image:url(images/800_top.jpg); width:215;height:120;}
.logo{background-image:url(images/800_logo.gif); width:215;height:100;}
.logo_image{background-image:url(images/800_logo_image.jpg); width:520; height:100;}
.logo_bg{background-image:url(images/800_bg_top.gif);}
.res{width:770;}
.resleft{width:215;}
.resright{width:35;}
.resmiddle{width:520;}
.Tmenu{ color:#b2aaa4; font-size:13px; vertical-align:middle;background-image:url(images/800_bg_top2.gif);}
.Tmenu a { color:#b2aaa4; text-decoration:none }
.Tmenu a:hover {color:#de7888;}
.input_sh {border: solid 1px #CDC8C3;  width:90px;}

/*footer */
.footer{color:#CCCCCC;text-align:center; line-height:16px; font-size:11px; font-family:"Arial";letter-spacing:0.1em; background-image:url(images/800_bg_footer.gif); background-position:0 10px;margin-top:0px }
.footer a { color:#de7888; text-decoration:none; }
.footer a:hover {color:#408db1;}

/*  menu old */
/*div#menu_hot{ margin: 10px 0 5 18%;background: #d7e9f3; width:228 px;font-size:10px;letter-spacing:2px; text-align:right;margin-right:0px;} */
/*div#menu_hot ul li{ margin:0 0 0.3em 2px; padding:1 1 1 12px;  list-style-position: outside; list-style-image: url("images/bg_bullet.gif");line-height:1.3em;  font-size:131% !important */
/*; background-color:#d7e9f3;background-image:url(images/bg_blue_line.gif); background-repeat:repeat-x }*/


/*  Tag cloud  */
div#menu_search{ margin:0 0 5 25; width:240px; color: #408db1;font-size:12px;letter-spacing:0px;text-align:left; margin-right:0em;line-height:auto; margin-top:0.8em; padding-left:8px}

/*hot sale*/

div#hot{
	margin:0 0 2 0;
	background-color: #FAFAFA;
	width:250px;
	font-size:10px;
	letter-spacing:0px;
	text-align:right;
	margin-right:1em;
	margin-top:8px;
	float: left;
}
div#hot ul {background-color:#FAFAFA; color:#408db1;text-align:left}
div#hot ul li{ background-color:#FAFAFA; padding:1 1 1 12px;list-style:none;line-height:1.3em; background:none; font-size:131% !important;text-align:left }
div#hot b.rbottom b{display:block;height: 1px;  overflow: hidden; background: #FAFAFA}
div#hot h1{text-align:center;background-color:#F9789F; color:#FFFFFF;}
div#hot img.hot{ vertical-align:middle;margin:0 0 3 0;width:220}
.theme { text-align:center;background:none;}
.hot {text-align:left;background-color:#F9789F; color:#FFFFFF;margin:0px;padding: 0px}
/*  login  */
div#menu_login{ background-color: #FAFAFA; font-size:10px;letter-spacing:0px;text-align:right; margin-right:1em;  margin-top:8px;width:150px }
div#menu_login ul {background-color:#FAFAFA; color:#408db1;text-align:left}
div#menu_login ul li{ background-color:#FAFAFA; padding:0px;list-style:none;line-height:1.3em; background:none; font-size:131% !important;text-align:left }
div#menu_login b.rbottom b{display:block;height: 1px;  overflow: hidden; background: #FAFAFA}


/*  Tag cloud  */
div#menu_tag{ margin:0 0 5 25;background-color: #FAFAFA; width:170px; color: #408db1;font-size:12px;letter-spacing:0px;text-align:left; margin-right:1em;line-height:auto; margin-top:0.8em;}
div#menu_tag p{padding:0.5em 1.2em; margin:0.5em }
div#menu_tag b.rtop b{display:block;height: 1px;  overflow: hidden; background: #d7e9f3}
div#menu_tag b.rbottom b{display:block;height: 1px;  overflow: hidden; background: #FAFAFA}
div#menu_tag h1 {background-color:#d7e9f3; }
.menu_title { margin:0 0 5 25; width:150px;height:26px; background-image:url(images/bg_menu.gif)}
.menu_theme { margin:0 0 5 25;background: #FAFAFA; font-size:10px;letter-spacing:0px;text-align:right; margin-right:1em; margin-top:0.9em; width:180px}



/*  menu  */
div#menu_hot{ background: #FAFAFA; font-size:10px;letter-spacing:0px;text-align:right; }
div#menu_hot ul {background-color:#FAFAFA; color:#FAFAFA;}
div#menu_hot ul li{ background-color:#FAFAFA; padding:1 1 1 12px;  list-style-position: outside; list-style-image: url("images/bg_bullet.gif");line-height:1.3em;  font-size:131% !important;}
div#menu_hot b.rbottom b{display:block;height: 1px;  overflow: hidden; background: #FAFAFA}


/* @ menu */
div#menu{ margin:0 0 5 25;background: #FAFAFA; font-size:10px;letter-spacing:0px;text-align:right; margin-right:1em; margin-top:0.9em; width:180px}

div#menu ul { background-color:#FAFAFA;color:#408db1;}
div#menu ul li{ list-style-position: outside; list-style:none none;line-height:1.3em; font-size:131% !important 
/*Non-IE6*/; background-color:#FAFAFA;overflow:visible; }
div#menu b.rbottom b{display:block;height: 1px;  overflow: hidden; background: #FAFAFA}
div#menu h1 {background-color:#d7e9f3;}


/*圓角*/  
b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;  overflow: hidden; background: #d7e9f3}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

/*圓角2  紅色*/  
b.rtop2, b.rbottom{display:block;background: #FFF}
b.rtop2 b, b.rbottom b{display:block;height: 1px;  overflow: hidden; background: #F9789F}
b.r12{margin: 0 5px}
b.r22{margin: 0 3px}
b.r32{margin: 0 2px}
b.rtop b.r42, b.rbottom b.r42{margin: 0 1px;height: 2px}

/*list*/
ul {margin:1.0em 0 1.0em 0; padding:0 8px 0 5px; list-style:none; background-color:#d7e9f3;color:#408db1;}
ul li{ margin:0 0 0.3em 2px; padding:1 0 1 0em;  list-style-position: outside; line-height:1.3em;  font-size:131% !important 
/*Non-IE6*/; background-color:#d7e9f3;background-image:url(images/bg_grey_line.gif); background-repeat:repeat-x;}

/* page up */
div#pageup { width:645 px; height:20px; text-align:center; color:#B5B5B5; line-height:20px}
div#pageup a { color:#747272; text-decoration:none;font-size:11px; font-family:Arial;  margin:0 5 8 5; }
div#pageup a:hover {color:#de7888;}
div#pageup img { vertical-align:middle;margin:0 0 3 0}


/* page down */
div#pagedown { background-image:url(images/800_bg_page.gif);background-repeat: no-repeat; height:42px; text-align:center; color:#B5B5B5; line-height:42px;}
div#pagedown a { color:#747272; text-decoration:none;font-size:11px; font-family:Arial;  margin:5px ; }
div#pagedown a:hover {color:#de7888;}
div#pagedown img { vertical-align:middle;margin:15px 0px}





hr {background-image:url(images/hr.gif); height:10px; width:520; border:none none; border-style:none}
.selected {
/*  color:#D24037;*/
  padding:1px;
  line-height:21px;
  height:21px;
  color:#ffffff;
  background: #D24037;;
}

/*universal*/
h1{color:#408db1;font-size:15px; font-weight:bold; margin:0px;text-align:right; background: d7e9f3;font-family:Arial; padding-right:22px;line-height:20px}
h2{font-size:15px; font-weight:bold ; float:left; line-height:auto}
h3{color:#408db1;font-size:15px; font-weight:bold; margin:0px;text-align:left; background: d7e9f3;font-family:Arial; padding-left:10px;line-height:auto}
td{font-size:12px;line-height:16px}
a { color:#408db1; text-decoration:none; }
a:hover {color:#de7888;}



/*標題*/

.title{ background-image:url(images/800_bg_title.gif); background-repeat: no-repeat; font-size:12px;letter-spacing:1px; }
.title_inner{ background-image:url(images/800_bg_title_inner.gif); background-repeat: no-repeat; font-size:12px;letter-spacing:1px; color:#666666}
/*.title_inner{ background-image:url(images/bg_title_inner.gif); background-repeat: no-repeat; width:635px;height:47px; text-indent:70px; font-size:12px;letter-spacing:2px; vertical-align:middle;line-height:47px}*/

.product{font-size:11px ;color:#999999;letter-spacing:1px; border-bottom-style:dashed;border-bottom-width: 1px; border-bottom-color:#dadada; margin:0em;padding:0.1em;}

.product_nb{font-size:11px ;color:#999999;letter-spacing:1px; margin:0.5em 0.2em;padding:0.1em;}


.product_b_old{font-size:15px ;color:#666666;letter-spacing:1px; border-bottom-style:dashed;border-bottom-width: 1px; border-bottom-color:#dadada;}

.product_b{font-size:15px ;color:#666666;letter-spacing:1px; }
/*
.product_spec{border:solid 5px #EEEEEE; width:610px; margin:20px;font-size:12px ;color:#666666;letter-spacing:1px; font-weight:normal; line-height:18px}*/
.product_spec{font-size:12px ;color:#666666;letter-spacing:1px; font-weight:normal; line-height:18px}
.product_spec_table{margin:50px;font-size:12px ;color:#999999;letter-spacing:1px}
div#product_spec_table2{ margin:20;background: #FAFAFA;font-size:10px;letter-spacing:1px;text-align:left; margin-right:10px; text-indent:20 ; }
div#product_spec_table2 h1{color:#408db1;font-size:15px; height:22px;font-weight:bold;text-align:left; background: d7e9f3;font-family:Arial; padding-left:16px;}
div#product_spec_table2 p{color:#666666;font-size:12px; font-weight:normal;text-align:left;font-family:Arial; padding:10 30}



.p_img{border: 1px solid #d7e9f3; width:100px; height:100px;padding:5px;margin:0.5em; text-align:center }


.p_img a img{ filter:alpha(opacity=100) ;}
/*.p_img a:hover img{ filter:alpha(opacity=50);}*/

.p_img_b{border: 1px solid #EDEDED;  margin:10px; width:320; height:320 }
.p_img_s{border: 1px solid #EDEDED;  margin:10px; width:60; height:60}
.p_img_r{border: 1px solid #EDEDED;  margin:10px; width:100; height:100;}
.p_name{font-size:15px ;color:#408db1; line-height:17px; vertical-align:bottom;width:420}
.p_name_s{font-size:11px ;color:#408db1; font-weight:normal;}
.p_name_b{font-size:15px ;color:#408db1; font-weight:bold;padding-top:30px;}




.price{ color:#D24037;font-family:Arial; font-weight:bold; margin:0px;padding:0px;line-height:auto}

.input_qt {border: solid 1px #9C9C9C; width:20px; color:#4C4C4C;font-family:Arial;font-size:11px; vertical-align:top; margin:0 2}
.input_qt_b {border: solid 1px #CDC8C3;  width:60px;}

.service {background-image:url(images/bg_service.gif); background-repeat: no-repeat; width:180px;height:220px; font-family:Arial; font-size:11px; color:#999999;}
.vline1{border-style:dashed 1px #CCCCCC;}
.p_img_line img{border: 4px solid #EDEDED;  margin:10px;}
.lline{border-left-style:dashed; border-left-width:1; border-left-color:#CCCCCC;}
.bline{border-bottom-style:dashed; border-bottom-width:1; border-bottom-color:#CCCCCC; }



/* 標籤云字及*/
.tag1{font-family: Arial;font-size:11px;color:#333333;letter-spacing:1px;}
.tag1 a:hover{font-family: Arial;font-size:11px;color:#333333;letter-spacing:1px;background: #F6F6DB;text-decoration:none;}
.tag2{font-family: Arial;font-size:12px;color:#86B34B;letter-spacing:0px;}
.tag2 a{font-family: Arial;font-size:12px;color:#86B34B;letter-spacing:0px;text-decoration:none;}
.tag2 a:hover{font-family: Arial;font-size:12px;color:#86B34B;letter-spacing:0px;background: #F6F6DB;text-decoration:none;}
.tag3{font-family: Arial;font-size:16px;color:#F15C2A;letter-spacing:0px;}
.tag3 a{font-family: Arial;font-size:16px;color:#F15C2A;letter-spacing:0px;text-decoration:none;}
.tag3 a:hover{font-family: Arial;font-size:16px;color:#F15C2A;letter-spacing:0px;background: #F6F6DB;text-decoration:none;}
.tag4{font-family: Arial;font-size:18px;color:#00A3B3;letter-spacing:0px;}
.tag4 a{font-family: Arial;font-size:18px;color:#00A3B3;letter-spacing:0px;text-decoration:none;}
.tag4 a:hover{font-family: Arial;font-size:18px;color:#00A3B3;letter-spacing:0px;text-decoration:none;background: #F6F6DB;}
.tag5{font-family: Arial;font-size:20px;color:#C4BE30;letter-spacing:0px;}.
.tag5 a{font-family: Arial;font-size:20px;color:#C4BE30;letter-spacing:0px;text-decoration:none;}
.tag5 a:hover{font-family: Arial;font-size:20px;color:#C4BE30;letter-spacing:0px;background: #F6F6DB;text-decoration:none;}
.tag6{font-family: Arial;font-size:24px;color:#837857;letter-spacing:0px;}
.tag6 a{font-family: Arial;font-size:24px;color:#837857;letter-spacing:0px;text-decoration:none;}
.tag6 a:hover{font-family: Arial;font-size:24px;color:#837857;letter-spacing:0px;text-decoration:none;background: #F6F6DB;}
