@charset "utf-8";
/* CSS Document */
body {
margin:0 auto;text-align:center;background:#f1eae7 url(images/common/bg.jpg) center 0 no-repeat ;
SCROLLBAR-3DLIGHT-COLOR:#EECDCB;
SCROLLBAR-HIGHLIGHT-COLOR: #EFE7E4;
SCROLLBAR-SHADOW-COLOR: #EFE7E4;
SCROLLBAR-ARROW-COLOR: #e5b2af;
SCROLLBAR-TRACK-COLOR: #EFE7E4;
SCROLLBAR-DARKSHADOW-COLOR:#EECDCB;
SCROLLBAR-BASE-COLOR: #EFE7E4
}
img { behavior: url("css/png.htc"); border:0px;}
.tab{width:1003px;text-align:left; left:50%; margin-left:-510px; *left:0; *margin-left:-5px;position:relative}
.main2{ z-index:-1}
.guide { z-index:-1; width:1003px;*left:0;text-align:left;position:absolute; }
.guide2{ z-index:-1; width:1003px;*left:0;text-align:left;position:absolute ;background:url(images/news/footer.jpg) bottom no-repeat; }
.li_a{text-align:left;color:#333;font-family:Verdana; font-size:11px;margin:225px 0 0 774px;*margin:224px 0 0 774px}
.li_a img{ margin:2px 0px;}
.li_a font{margin-right:8px;font-size:11px;}
.li_a a{color:#A45A48; text-decoration:none;}
.fla{ position:absolute;width:1003px;z-index:3;top:0;margin:0}

.tit_cont{width:250px;height:60px;margin:30px 0 0 90px}
.title_cont{ left:105px;width:250px;height:60px;z-index:500;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/contact/contact_name.png'); position:absolute;}
.title_conta{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);background:url(images/contact/contact_name.png) no-repeat;width:250px;height:60px;z-index: 1000;}

.tit_news{width:755px;margin:30px 0 0 0px;float:left}
.title_news{ left:40px;width:250px;height:60px;z-index:500;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/news/news_name.png'); position:absolute;float:left}
.title_newsa{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);background:url(images/news/news_name.png) no-repeat;width:250px;height:60px;z-index: 1000;float:left}
.store_name{float:left;margin:55px 0 0 170px;margin:55px 0 0 170px\9;*margin:50px 0 0 165px;_margin:48px 0 0 82px}

.page{float:right;white-space: nowrap ;margin:35px 0 0 0}
.page img,.page a{float:left;}
.page span{height:20px;line-height:20px; background:#C59AAE;float:left}
.page span span{ float:left; font-size:11px; font-weight:bold; font-family: Arial; color:#301B0B; letter-spacing:1px;padding:0px 5px}
.page span img{margin:4px 3px}
.page a{ text-decoration:none;font-size:11px; font-family: Arial;color:#301B0B; letter-spacing:1px;padding:1px;}
.page a:hover{color:#EDE0E7;}

.page2{ white-space: nowrap ;margin:35px 0 0 57px;width:704px;text-align:center;font-size:12px;padding-bottom:30px;*padding-bottom:20px;color:#FFFFFF;font-family: Arial;clear:both}
.page2 .p2bg{ 
	position:relative; left:-3px;top:-5px; 
	background:#C59AAE;
	padding:3px 0px 2px 2px;*padding:3px 1px 2px 4px;
}
.page2 span span{ position:relative; top:-1px;padding:0px 4px}
.page2 a{ text-decoration:none;font-size:11px; font-weight:bold; font-family: Arial;color:#301B0B; letter-spacing:1px;padding:0px 1px}
.page2 a:hover{color:#EDE0E7;}
.nbtn{ filter:alpha(opacity=30);opacity:0.3;-moz-opacity:0.3;}

.page3{ white-space: nowrap ;margin:35px 0 0 57px;width:704px;text-align:center;font-size:12px;padding-bottom:30px;*padding-bottom:20px;color:#FFFFFF;font-family: Arial;}
.page3 .p3bg{ 
	position:relative; left:-3px;top:-5px;*top:-6px; 
	background:#C59AAE;
	padding:3px 0px 2px 2px;*padding:3px 1px 2px 4px;
}
.page3 span span{ position:relative; top:-1px;padding:0px 4px}
.page3 a{ text-decoration:none;font-size:11px; font-family: Arial;color:#301B0B; letter-spacing:1px;}
.page3 a:hover{color:#EDE0E7;}

.news_list{clear:both;margin:70px 0 0 50px;*margin:20px 0 0 50px;}

.news_list .box{ left:40px;width:704px;z-index:500;top:50px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/news/box.png');}
.news_list .boxa{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);background:url(images/news/box.png) no-repeat;width:704px;z-index: 1000;}

.news_list .line{ left:40px;width:353px;height:26px;z-index:500;top:50px;margin:10px 0 20px 180px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/news/line2.png');}
.news_list .linea{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);background:url(images/news/line2.png) no-repeat;width:350x;height:26px;z-index: 1000;}

.boxa div{position:relative; z-index:1000px;width:703px; font-size:12px}
.news_list span{ display:block; text-align:right; width:703px}
.news_list span img{ margin-right:10px;} 
.news_list h3{margin:17px 0 0 0;float:left; width:385px; white-space:normal; word-break:break-all;overflow:hidden;}
.news_list p{ display:block;margin:0;float:left;letter-spacing:0.1em; line-height:1.5; width:385px; height:50px;padding:3px 0px; overflow:hidden; font-family:Arail}
.news_list h3 a{color:#BD6340;font-size:12px;font-weight:bold;font-family:Verdana; text-decoration:none}
.news_list h3 a:hover{color:#E27979}
.news_list p a{color:#333; text-decoration:none}
.news_img{margin:10px 22px 0 8px;float:left;width:275px; height:80px}

.news_list li{ list-style-type:none}
.news_right{float:left;margin:10px 0 0 15px;padding-left:5px}
.news_right a{padding:15px 0px;background:url(images/news/line3.jpg) repeat-x bottom; width:177px; display:block;}
.news_right a img{ margin-left:10px;}

.news2_cont{ background:url(images/news/news2_bg.gif) no-repeat 0px 10px; clear:both; margin:0px 0px 0px 50px;}
.news2_cont h2{ font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif;color:#BD6340; letter-spacing:1px;padding:20px 10px 10px 10px;*padding:20px 10px 0px 10px;white-space:normal; word-break:break-all; width:685px; }
.news2_cont .news2_body{position:relative; top:-10px; width:680px; margin:0 auto}

.news2_date {clear:both; text-align:center;background: url(images/news/bottom.gif) no-repeat center;height: 32px;color:#fff;font-weight:bold;line-height:32px;font-family:Verdana;font-size:12px;position:relative}
.news2_img{ text-align:center;}

.form{width:850px;background-image: url(images/contact/bg.gif);background-repeat: no-repeat;background-position: 420px 300px;height:600px;margin:10px 0 0 120px;font-size:12px}
.form li{background: url(images/contact/li.gif) 2px 5px no-repeat;list-style-type: none;float:left}
.form li img{margin-left:16px}
.form .input{border:1px solid #E27979;width:200px;margin:5px 0 15px 15px;height:20px;line-height:20px}
.form .seccode{border:1px solid #E27979;width:60px;margin:5px 0 15px 15px;height:20px;line-height:20px; text-align:center}
.form .box{width:215px;float:left;margin:0 12px 0 0}
.form .box2{float:left;width:300px;margin-right:20px}
.form .box2 textarea{width:280px;height:262px;border:1px solid #E27979;margin:5px 0 0 15px;*margin:10px 0 0 15px}
.form .box3 {float:left;width:220px}
.form .box3 p{font-size:11px;*font-size:12px;margin:20px 0 0 0;line-height:23px}
.form .box4 {clear: both;font-family:Verdana;font-size:11px;line-height:140%}
.form .box4 img{ clear:both; margin:47px 0 0 30px}
.form .box4 p{margin:8px 0 0 100px;float:left}


.guide .company , .guide2 .company{width:900px;left:52px;}
.company{position:relative;margin:82px 0 0 -127px;*margin:91px 0 0 -127px; clear:both}
.name{width:280px;height:175px;background-image: url(images/contact/name1.gif);float:left;margin:0 17px 0 0}
.name2{width:280px;height:175px;background-image: url(images/contact/name2.gif);float:left;margin:0 17px 0 0}
.name3{width:280px;height:175px;background-image: url(images/contact/name3.gif);float:left}
.name p ,.name2 p ,.name3 p{font-size:11px;font-family:Verdana;margin:80px 0 0 30px;color:#333;line-height:120%}

.footer{clear:both;color:#666;font-size:11px;*font-size:10px;font-family:Verdana;line-height:16px;margin:0 auto; padding:20px 0px 50px 50px}
.footer span{float:left;margin:5px 0 0 7px;}
.footer a{color:#333 ; text-decoration:none;}
.footer a:hover{color:#DB0066}

.footer2{padding:30px 0 80px 157px; clear:both;color:#666;}
.footer2_logo{ left:0px;width:122px;height:47px;z-index:500;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/news/logo.png'); position:relative;float:left}
.footer2_logoa{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);background:url(images/news/logo.png) no-repeat;width:122px;height:47px;z-index: 1000;}


.fla_pro{width:924px;margin:47px 0 0 26px}

.pro_right ul , .pro_right li{ list-style-type:none; list-style-position:outside;}
.pro_right{padding-left:5px;width:170px; position:absolute ;z-index:1000;left:730px;*left:770px;top:290px;*top:290px; clear:both}
.pro_right ul {margin :0; width:170px}
.pro_right ul img{ cursor:pointer}
.pro_right ul span{ overflow:hidden; display:block; overflow:auto; overflow-x:hidden; width:170px; padding-left:10px;padding-top:5px;}
.pro_right ul a{padding:10px 0px;background:url(images/pro/line.gif) repeat-x bottom;display:block;}
.pro_right ul span li {margin:2px 0px;padding:0;font-size:13px}
.pro_right ul span li a{background: url(images/pro/right_bg1.gif) no-repeat 0 2px;padding:2px 2px 2px 15px; color:#333;line-height:21px;height:21px;dispaly:black; text-decoration:none; overflow:hidden}
.pro_right ul span li a:hover{background: url(images/pro/right_bg.gif) 0 2px;background-repeat: no-repeat;color:#fff;}
#now_a{background: url(images/pro/right_bg.gif) 0 2px;background-repeat: no-repeat;color:#fff;}

.pro_base{width:770px;margin:0 0 0 5px;*margin:0; clear:both}
.pro_main{padding-bottom:10px;}
.pro_main span{display:none;}
#pro_name{background:url(images/pro/name_arrow.gif) no-repeat #F2EAE7 left center;padding-left:17px; position:absolute; top:0px; left:0px; z-index:20000;color:white;display:none}
#pro_name span{background:url(images/pro/pro2/over_bg.gif) no-repeat right top #FC8C8B;padding:25px 10px; display:block;}
#pro_name h4,h5{margin:0px; padding:0px;display:block; text-align:left; font-family:Arial,'新細明體'}
#pro_name h4{ font-size:16px; font-weight:bold;}
#pro_name h5{ margin:0px; padding:0px; font-size:12px; font-weight:100}
.Pro_1{ left:0;width:353px;height:60px;z-index:500;margin:35px 0 0 75px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/pro/pro2/news.png');}
.Pro_1a{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);background:url(images/pro/pro2/news.png) no-repeat;width:350x;height:60px;z-index: 1000;}

.Pro_2{ left:0;width:353px;height:60px;z-index:500;margin:35px 0 0 75px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/pro/pro2/maintenance.png');}
.Pro_2a{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);background:url(images/pro/pro2/maintenance.png) no-repeat;width:350x;height:60px;z-index: 1000;}

.Pro_3{ left:0;width:353px;height:60px;z-index:500;margin:35px 0 0 75px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/pro/pro2/make.png');}
.Pro_3a{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);background:url(images/pro/pro2/make.png) no-repeat;width:350x;height:60px;z-index: 1000;}

.Pro_4{ left:0;width:353px;height:60px;z-index:500;margin:35px 0 0 75px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/pro/pro2/cleansing.png');}
.Pro_4a{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);background:url(images/pro/pro2/cleansing.png) no-repeat;width:350x;height:60px;z-index: 1000;}

.pro_bar{width:794px;height:44px;z-index:500;margin:0 ;background:url(images/pro/pro2/line_bar.gif) no-repeat;}
.pro_menub{display:block;}
.pro_menubar{ width:590px;height:35px; overflow:hidden}
.pro_menubar span{ background:url(images/pro/pro2/line.gif) no-repeat right 6px;padding:1px 8px 0px 5px;float:left;}
.pro_menubar .p_now a{float:left;display:block;padding:0 10px;color:#D53939;font-size:13px; text-decoration:none;white-space: nowrap;line-height:33px;*line-height:38px;height:34px; background-image: url(images/pro/pro2/arrow.jpg);background-repeat: no-repeat;background-position: center top;color:#fff;background-color: #E68888;}
.pro_menubar span a{float:left;display:block;padding:0 10px ;color:#D53939;font-size:13px; text-decoration:none;white-space: nowrap;line-height:33px;*line-height:38px;height:34px; font-family:Arial,'新細明體'}
.pro_menubar span a:hover{color:#fff;background-color: #E68888;display: block;background-image: url(images/pro/pro2/arrow.jpg);background-repeat: no-repeat;background-position: center top;}
.pro_menubar{position:absolute;left:90px;}
#menu_scroll{z-index:20000;width:12px;clear:both; cursor:pointer; position:absolute; left:50%; margin-left:200px; top:381px;*top:388px;}
#menu_scroll img{padding:3px 0px;*padding:0px;}

.pro_tab{width:750px;margin:15px 0 0 34px;}
.pro_tab div{width:115px;height:115px;display:block;float:left;margin:0 5px 30px 0}
.pro_tab2{
	width:870px;background: url(images/pro/pro3/bg.jpg)  left 38px no-repeat;height: 483px;margin: 15px 0 0 0; position:relative}

.pro_infor{ left:0;width:665px;height:490px;z-index:0;margin:15px 0 0 70px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/pro/pro3/box.png');}
.pro_infora{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);background:url(images/pro/pro3/box.png) no-repeat;width:665px;height:490px;z-index: 0;}
.pro_infora .sort h5 , .pro_inforaq .sort h5{font-size:15px;color:#000;float:left;margin:0}
.pro_infora .sort ,.pro_inforaq .sort {margin:17px 0 0 17px; position:absolute; z-index:2000}
.pro_infora .title {
	position:relative;z-index:2000;float:right;margin:0 32px 0 0;
	top:28px;*top:30px;color:#D53939;font-family: Verdana, Arial, Helvetica, sans-serif;font-size:15px;font-weight:bold;text-align:right
}

.pro_inforaq .title{
	position:relative;z-index:2000;float:right;margin:0 32px 0 0;
	top:28px;*top:30px;color:#D53939;font-family: Verdana, Arial, Helvetica, sans-serif;font-size:15px;font-weight:bold;text-align:right
}


.pro_infora .title p ,.pro_inforaq .title p{margin:3px 0 0 0px; font-size:15px; font-weight:bold; font-family:Arial,'新細明體';}
.pro_infora .title .t , .pro_inforaq .title .t{letter-spacing:0.1em;font-size:15px;}
.content{width:650px;position:relative;top:50px;*top:0px}
.content .box , .content .box2 , .content .box3 {float:left}

.content .box{width:235px;text-align:center}
.content .box2{
	width:260px;height:313px; overflow:auto;
	margin:80px 10px 0 0;*margin:95px 10px 0 0;
	font-size:12px;color:#A7996F;letter-spacing:0.1em ;line-height:18px;
	text-align:justify;text-justify:inter-ideograph;
	padding-bottom:10px;
	word-wrap: break-word;
	word-break: break-all;
}
.content .box2 span{ height:230px; display:block;}
.content .box3{width:140px;margin-top:35px;*margin-top:90px; height:250px; overflow:hidden;}
.content .box3 li{
	background:url(images/pro/pro3/li.jpg) no-repeat 0px 10px;
	list-style:none;
	list-style-position:outside;
	width:130px;
	text-align:left;
	white-space:normal;word-break:break-all;
	border-bottom:1px dashed #cccccc;
	color:#D53939;
	font-family: "Verdana";
	font-size:13px;
	line-height:15px;
	padding:5px 1px 5px 10px;
}
.box3 img{margin-right:5px;}
.btn_left{*left:0;margin:200px 0 0 20px;position:absolute; cursor:pointer; z-index:20000}
.btn_right{*left:0;margin:200px 0 0 733px;position:absolute; cursor:pointer; z-index:20000}

.about{width:850px;height:600px;margin:10px 0 0 120px;font-size:12px}
.about_t{ float:left ;color:#D22D2D; font-family: Verdana;width:380px;margin:85px 0 0 39px;_margin:80px 0 0 43px }
.about_t p{letter-spacing:0.15em;line-height:20px;margin:0 0 15px 0;list-style-position: outside;}
.member{width:860px;margin:10px 0 0 120px;font-size:12px}
.mem {margin:500px 0 0 0px;width:310px}
.mem , .mem2 ,.mem3,.mem4{float:left;font-size:12px;font-family: Verdana;}
.mem ul {font-weight:bold;color:#EED4D4;font-size:12px;list-style-position: inside;margin:0 0 15px -40px;_margin:0 0 15px 0}
.mem li {
	color:#FF9900;
	list-style-image: url(images/member/b/li.gif);
	list-style-type: disc;margin:0 0 15px 22px;_margin:0}
.mem p , .mem2 p {
	color:#000;
	margin:4px 0 29px 0px;_margin:4px 0 29px 16px;
	line-height:18px;
	letter-spacing: 0.1em;
}

.mem2{margin:430px 0 0 40px;width:275px;_width:278px;}
.mem2 li{
	color:#FF9900;
	list-style-type: none;
	margin:0 0 15px 0;_margin:0 0 0 -16px
}

.mem3{margin:540px 0 30px 160px;*margin:535px 0 30px 140px;_margin:535px 0 30px 78px;width:320px;*width:330px;_width:320px;}
.mem3 li{
	color:#EED4D4;
	list-style-type: none;
	margin:0 0 15px 0;_margin:0 0 0 -16px;font-weight:bold
}
 .mem3 p {
	color:#210000;
	margin:4px 0 29px 0px;*margin:4px 0 29px 17px;_margin:4px 0 29px 16px;
	line-height:18px;
	letter-spacing: 0.1em;font-weight:normal
}
.mem4{margin:485px 0 30px 160px;*margin:480px 0 30px 140px;_margin:477px 0 30px 78px;width:320px;*width:330px;_width:320px;float:left}
.mem4 li{
	color:#EED4D4;
	list-style-type: none;
	margin:0 0 15px 0;_margin:0 0 0 -16px;font-weight:bold
}
 .mem4 p {
	color:#210000;
	margin:35px 0 0 0px;*margin:35px 0 0 17px;_margin:38px 0 0 16px;
	line-height:18px;
	letter-spacing: 0.1em;font-weight:normal
}

.member_right{float:left;width:190px;margin:15px 0 0 33px;_margin:15px 0 0 12px}
.member_right li , .member_right2 li{
	
	width:195px;
	height:25px;
	line_height:25px;display:block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CF7171;list-style-type: none;margin:0 0 10px 0
}
.member_right li img , .member_right2 li img{margin:0 0 0 3px}
.member_right2{float:left;width:190px;margin:15px 0 0 176px;*margin:15px 0 0 170px;_margin:15px 0 0 170px}

.member_right3{float:left;width:120px;margin:16px 0 0 210px;margin:16px 0 0 220px\9;*margin:13px 0 0 195px;_margin:13px 0 0 200px}
.member_right3 li {
	
	width:118px;
	height:23px;
	line_height:20px;display:block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CF7171;list-style-type: none;margin:0 0 10px 0
}
.member_right3 li img {margin:0 0 0 3px}

.tech{width:950px;margin:10px 0 0 37px;font-size:12px}

.store_name{float:left;margin:55px 0 0 170px;margin:55px 0 0 170px\9;*margin:50px 0 0 165px;_margin:48px 0 0 82px}
.store_list{margin:0 0 0 64px ;*margin:0 0 0 60px }
.store_list ul {margin:0 0 10px 90px;margin:0 0 30px 90px\9;*margin:0 0 5px 130px;_margin:0 0 5px 130px}
.store_list li{
	list-style-type: none;
	color:#D53939;
	font-family: Verdana;line-height:30px
}
.floor{
	font-size: 12px;
	line-height: 30px;
	color: #FFFFFF;
	background-image: url(images/store/bg.jpg);
	background-position: center center;
	height: 30px;
	width: 67px;
	display: block;
	background-repeat: no-repeat;float:left;text-align:center;margin:0;padding:0}
	
.pro_tab2a{
	width:870px;background: url(images/pro/pro3/bg2.jpg)  left 38px no-repeat;height: 483px;margin: 15px 0 0 0; position:relative}
.pro_inforq{ left:0;width:665px;height:490px;z-index:0;margin:15px 0 0 70px;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/pro/pro3/box2.png');}
.pro_inforaq{filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);background:url(images/pro/pro3/box2.png) no-repeat;width:665px;height:490px;z-index: 0;}
.content .boxa , .content .box2a , .content .box3a {float:left}
.content .boxa{width:350px;height:400px;text-align:center;margin:0 ;*margin:-10px 5px 5px 5px; position:absolute;*position:relative}
.content .boxa img{ position:absolute;*position:static; margin:0px 0 0 20px; *margin:0;left:0; z-index:1000}
.content .box2a{
	width:260px;height:250px; overflow:auto;
	margin:0px 10px 0 380px;*margin:0px 10px 0 10px;
	font-size:12px;color:#A7996F;letter-spacing:0.1em ;line-height:18px;
	text-align:justify;text-justify:inter-ideograph;
	padding-bottom:10px;
	word-wrap: break-word;
	word-break: break-all;
}
.content .box2a span{ height:230px; display:block;}
.content .box3a{width:260px;white-space:normal;word-break:break-all;margin:-10px 10px 0 375px;*margin:50px 10px 0 10px;}
.content .box3a li{background:url(images/pro/pro3/li.jpg) no-repeat 0px 8px;
	float:left;
	
	list-style:none;
	text-align:left;
	color:#D53939;
	font-family: "Verdana";
	font-size:13px;
	line-height:18px;
	padding-left:10px;
	margin:2px 0px 2px 0;width:100px;
}
.box3a img{margin-right:5px;}