﻿@charset "utf-8";
/* Dickson Furniture Co.,Ltd. ▅ CSS Document */

@font-face {
	font-family:'Century Gothic';
	src:url('/public/font/Century%20Gothic.eot');
	src:url('/public/font/Century%20Gothic.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

::-moz-selection{    /*Firefox*/
    background:#1E2731;
    color:#97CAE6;
	
}

::selection {
    background:#1E2731;
    color:#97CAE6;
}

html {border:none; }
body {margin:0px; padding:0px; font:normal 14px/1.7 Arial, '微软雅黑', Verdana, Tahoma, '宋体';  -webkit-text-size-adjust:100%; color:#555555; cursor:default;}


div {}
nav, header, section, article, footer {display:block;}


a       {color:#0066CC; text-decoration:none; display:inline-block; outline:none;}
a:hover {color:#f00; text-decoration:underline;}
a img {border:none;}
img {display:inline-block;}
.ul    {margin:0px; padding:0px;}
.ul li {margin:0px; padding:0px; list-style:none;}

.nor  {width:100%; height:auto; margin:0px auto;float:left; overflow:hidden; background-color:#fff;}
.nor2 {width:auto; height:30px; overflow:hidden;}
.p    {margin:7px auto; padding:0px; text-indent:2em; text-align:justify; text-justify:inter-ideograph;}
.first-letter {font-size:500%; font-weight:bold; line-height:1; display:block; float:left; padding-left:3px; padding-right:3px;}

.txs {text-align:justify; text-justify:inter-ideograph;}
.txm {text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.txn {word-break:break-all; word-wrap:break-word;}
.txf:first-letter {font-size:300%; line-height:1; font-weight:bold; padding-left:3px; padding-right:3px; float:left;}
.oh  {overflow:hidden;}
.ime {ime-mode:disabled;}
.radius_3 { -moz-border-radius:3px; border-radius:3px;}
.radius_5 { -moz-border-radius:5px; border-radius:5px;}
.radius_05 { -moz-border-radius:0px 0px 5px 5px; border-radius:0px 0px 5px 5px;}
.shadow_1 {box-shadow:1px 1px 5px #666666; -webkit-box-shadow:1px 1px 5px #666666;}
.shadow_2 {box-shadow:2px 2px 5px #000000; -webkit-box-shadow:2px 2px 5px #000000;}



.header {
	width:100%;
	float:left;
	height:95px; background:#322A29; position:relative;
 border-bottom-style:solid;
 border-bottom-color:#FF0;
 border-bottom-width:3px;
 margin:0;
 padding:0;
}
#NAV {width:1230px;   margin:0px auto; margin-top:15px;/* position:relative;*/}
#NAV #logo {width:auto; height:50px; display:inline-block; _display:inline;/* margin-left:10px;*/ margin:1px 0px 0px 0px; padding:0px; float:left;}
#NAV .linkC {display:inline-block; _display:inline; float:left; width:136px; height:35px; margin-left:5px; margin-top:20px; padding-top:7px; text-align:center;}
#NAV .linkC .linkA {font-size:14px; font-weight:bold; line-height:25px; color:#EEE;  text-shadow:1px 1px 3px rgba(0,0,0,.7); letter-spacing:1px; text-align:center;font:normal 15px/1.7 Arial, '微软雅黑', Verdana, Tahoma, '宋体';font-weight:bold;}
#NAV .linkC .linkA .font {font-size:14px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; display:block; letter-spacing:0px; line-height:1;/* color:#FFCC33,c47b19;*/ color:#b28850;}
#NAV .linkC .linkA:hover {font-size:15px;/*color:#FF9900;*/color:#FF0000; text-decoration:none; /*border-color:#CC8800;*/}
#NAV .linkC .linkA:hover .font {color:#FFCC33;}
#NAV .linkC .linkB {/*color:#000000;*/color:#FFFFFF; /*border:none;*/ border:none;}
#NAV .linkC .linkB:hover {/*color:#FFCC00;*/color:#FFFFFF;}

#NAV .linkR {display:inline-block; _display:inline; float:right; margin-top:17px; margin-right:10px;}
#NAV .linkR .linkA {font-size:12px; line-height:30px; color:#AAA; border-bottom:solid 1px rgba(128,128,128,.2); text-shadow:1px 1px 3px rgba(0,0,0,.7); padding-left:8px; padding-right:6px; letter-spacing:1px; text-align:center;}
#NAV .linkR .linkA:hover {color:#C8AA51;}

#NAV .linkF {/*background:url(../images/nav_bg.gif) no-repeat center top; background:url(../images/nav_bg_2.gif) no-repeat center top;*/ height:74px;}

#NAV .hotline {width:127px; height:32px; background:url(../images/hotline.png) no-repeat right center; cursor:pointer;}

#NAV .linkT {position:absolute; right:5px; top:15px; color:#444444;}

.nor1{
  width:1220px;
  margin:0 auto;	
}
  
.norli{
  float:left;
  list-style:none;
  padding:10px 10px;
  font-size:13px;	
}
.norli a{
	color:#888;
	text-decoration:none;
}
.norli1{
  float:left;
   list-style:none;
  padding:10px 10px;
  font-size:13px;	
}
.norli1 a{
	color:#888;
	text-decoration:none;
}
.norli1 a:hover{
	color:#888;
	text-decoration:none;
}
.norli a:hover{
	color:#f00;
	 
}
.nor3{
 width:100%;
 float:left;
 background:#322A29;	
 border-top-style:solid;
 border-top-color:#FF0;
 border-top-width:3px;
 margin:60px 0 0 0;
}
.norindex{
 width:100%;
 float:left;
 background:#322A29;	
 border-top-style:solid;
 border-top-color:#FF0;
 border-top-width:3px;
 margin:0;
 padding:0;
}
/*
#pro_selection {width:1100px; overflow:hidden; position:absolute; z-index:2000; left:50%; margin-left:-550px; box-shadow-:0px 3px 3px rgba(0,0,0,0.3); border-radius:0px 0px 5px 5px; background:url(../images/pro_sbg_2.png) no-repeat center top;}
.pro_selectionb {width:1100px; height:600px; overflow:hidden; box-shadow:0px 3px 3px rgba(0,0,0,0.3); border-radius:0px 0px 5px 5px; background:url(../images/pro_sbg_2.png) no-repeat center top #FFFFFF;}
.pro_selection {width:1080px; margin:33px auto 0px auto; position:relative; display:none;}
.pro_selection .selectiona {width:145px; text-align:center; padding-top:70px; margin:4px 2px 14px 6px; outline:none; font-size:11px; line-height:1; color:#666666; height:20px; display:inline-block; float:left;}
.pro_selection .selectiona:hover {color:#0099FF;}
.pro_selection .selectionb {color:#FF6600;}
.pro_selection_norm {height:0px; opacity:0;}
.pro_selection_show {height:280px; opacity:1; -moz-animation:prosels 0.3s ease-out; -webkit-animation:prosels 0.3s ease-out;}
.pro_selection_hide {height:0px; opacity:0; -moz-animation:proselh 0.5s ease-out; -webkit-animation:proselh 0.5s ease-out;}
*/
#pro_selection {width:1100px; overflow:hidden; position:absolute; z-index:2000; left:50%; margin-left:-550px; box-shadow-:0px 3px 3px rgba(0,0,0,0.3); border-radius:0px 0px 5px 5px; backgrounds:url(../images/pro_sbg_2.png) no-repeat center top;}
.pro_selectionb {width:1100px; height:600px; overflow:hidden; box-shadow:0px 3px 3px rgba(0,0,0,0.3); border-radius:0px 0px 5px 5px; backgrounds:url(../images/pro_sbg_2.png) no-repeat center top #FFFFFF;}
.pro_selection {width:1100px; position:relative;}
.pro_selection .selectiona {width:156px; height:66px; text-align:center; margin:0px 0px 1px 1px; outline:none; border:none; display:inline-block; *display:inline; float:left; background-color:rgba(0,0,0,.75); *background:url(../images/emc.gif) repeat; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#bf000000,endColorstr=#bf000000); zoom:1; text-align:center; color:#DDDDDD; font:normal 18px/66px "方正正准黑简体","方正正黑简体","微软雅黑","黑体"; text-decoration:none;}
.pro_selection .selectiona:hover {border:none; text-decoration:none; color:#FFFFFF; text-shadow:1px 1px 5px #000000;}
.pro_selection .selectionb {color:#e2b700;}
.pro_selection .selectionc {width:156px; height:66px; margin:0px 0px 1px 1px; display:inline-block; float:left; background-color:rgba(0,0,0,.35); *background-color:#222222;}
.pro_selection_norm {height:0px; opacity:0;}
.pro_selection_show {height:132px; opacity:1; -moz-animation:prosels 0.3s ease-out; -webkit-animation:prosels 0.3s ease-out;}
.pro_selection_hide {height:0px; opacity:0; -moz-animation:proselh 0.5s ease-out; -webkit-animation:proselh 0.5s ease-out;}


/*
.ssControl {position:absolute; z-index:30; width:33px; height:140px; top:210px; display:none; background:url(../images/item_lr.gif) no-repeat; background-color:rgba(0, 0, 0, .6); *background-color:#000000; *filter:alpha(opacity=60); cursor:pointer;}
.ssControl:hover {}
.ssc_pre {left:0px; background-position:-36px 20px;}
.ssc_nxt {right:0px; background-position:-33px -80px;}
.ssc_pre:hover {background-position:-136px 20px;}
.ssc_nxt:hover {background-position:-133px -80px;}
*/
.ssControl {position:absolute; z-index:320; width:30%; height:100%; top:0px; *background-color:#000000; *filter:alpha(opacity=0);}
.ssc_pre {left:0px; cursor:url(/public/cur/cur_l.cur), pointer;}
.ssc_nxt {right:0px; cursor:url(/public/cur/cur_r.cur), pointer;}





/*  PRO-NAV.css  */

#pro_nav {width:1100px; padding-top:15px; text-align:center; height:45px; font-size:13px; line-height:30px; overflow:hidden; background-color:#222222;}
#pro_nav a {padding-left:5px; padding-right:5px; margin-left:5px; margin-right:5px;/* */color:#BBBBBB; text-decoration:none !important;}
#pro_nav .cn_n {padding-right:15px; color:#777777; margin-right:3px; background:url(../images/arr_9.gif) no-repeat right center;}
#pro_nav .a {/*color:#AAAAAA;*/color:#EEEEEE; border-bottom:solid 1px #555555; }











.footer_top {height:10px;}
.footer {width:1100px;margin:0 auto; font-size:12px; line-height:12px; background:none; margin-top:-25px;}
.footer .fl {display:inline-block; float:left; margin-left:5px; width:700px;}
.footer .fl a{
	text-decoration:none;
}
.footer .fr {display:inline-block; float:right; margin-right:5px;}
.footer .fra {color:#9c9387; padding-left:3px; padding-right:3px; margin-left:7px; margin-right:7px;}
.footer .fra:hover {color:#FF6F28; text-decoration:none; }





















/*

#onlinePause {position:absolute; top:110px; right:20%; font-weight:bold; background-color:#FFFFDD; padding:20px 30px 20px 30px; border-radius:5px; color:#333333; box-shadow:2px 2px 5px rgba(0,0,0,.2); cursor:pointer; z-index:110;}
.onlinePause_d {display:block; opacity:1; -moz-animation:onlinePause_d 0.3s ease-out; -webkit-animation:onlinePause_d 0.3s ease-out;}
.onlinePause_h {display:none; opacity:0;}
.onlinePause_b {display:none; opacity:0;}


@-moz-keyframes onlinePause_d{ 0%{opacity:0;} 100%{height:0px; opacity:1;} }
@-moz-keyframes onlinePause_d{ 0%{opacity:0;} 100%{height:132px; opacity:1;} }

*/







@-moz-keyframes proselh{ 0%{height:132px; opacity:1;} 100%{height:0px; opacity:0;} }
@-moz-keyframes prosels{ 0%{height:0px; opacity:0;} 100%{height:132px; opacity:1;} }
@-webkit-keyframes proselh{ 0%{height:132px; opacity:1;} 100%{height:0px; opacity:0;} }
@-webkit-keyframes prosels{ 0%{height:0px; opacity:0;} 100%{height:132px; opacity:1;} }



