@charset "utf-8";
/* Dickson Furniture Co.,Ltd. ▅ CSS Document */

::-moz-selection {background:#456; color:#FFF;}
::selection {background:#456; color:#FFF;}


html {border:none;}
body {margin:0px; padding:0px; background:#FFF; font:normal 16px/1.6 Tahoma, '微软雅黑'; -webkit-text-size-adjust:100%; font-size-adjust:100%; -webkit-font-smoothing:antialiased; *font:normal 16px/1.6 '微软雅黑', Verdana, Tahoma; color:#222; cursor:default;}


div {}
nav, header, section, article, footer {display:block;}


a       {color:#222; text-decoration:none; display:inline-block; outline:none;}
a:hover {color:#222; text-decoration:none;}
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; background-color:#FFF; margin:0px auto; clear:both; overflow:hidden;}
.spc  {width:auto; height:60px; clear:both; overflow:hidden;}
.spc_min {height:20pt;}

.nor2 {width:auto; height:30px; clear:both; 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;}
.col_7     {color:#777;}

.emc {display:none;}
.ts {transition:all ease-in-out 500ms;}






.topic {width:100%; padding-top:40%; background:url(topic.jpg) no-repeat center top #555; background-size:cover; position:relative;}
.subject {width:100%; height:auto; position:relative; background-color:#f9f9f9; line-height:2;}
/*  */
.sub_int {width:58%; height:auto; display:inline-block; float:left;}
.sub_int_t {text-align:center; padding-top:10%; padding-bottom:20px;}
.sub_int_t img {width:90%; max-width:320px;}
.sub_int_c {width:80%; max-width:850px; margin:0px auto; text-align:left;}
.sub_inf_1 {display:none; width:100%; text-align:center; font-style:italic; color:#666; line-height:3; margin-top:10px;}
/*  */
.sub_itm {width:42%; height:auto; display:inline-block; float:left;}
.sub_itm_c {width:33.33%; max-width:220px; height:auto; float:left; display:inline-block; text-align:center; background-color:#f3f3f3; cursor:pointer;}
.sub_itm_c img {width:100%;}


.rights {width:1200px; margin:0px auto;}
.rights_l {width:46%; min-height:200px; display:inline-block; float:left; margin-left:1%;}
.rights_r {width:46%; min-height:200px; display:inline-block; float:left; margin-left:6%;}
.rights_h {display:block; background-color:#FFF; text-align:center;}
.rights_sets {width:100%; background-color:#f7f7f7;}
.rights_set  {width:100%;}
.rights_set img {width:100%;}
.rights_set_i {padding:2% 7%; font-size:14px; color:#666; height:110px;}


.contact {background-color:#fbfbfb; font-size:11pt; text-align:center; padding-bottom:10px;}
.contact_t {padding-top:1%;}
.contact_t_i {max-width:258px; width:90%;}
.contact_s {text-align:center; width:100%; max-width:1200px; margin:0px auto; padding-top:1%;}
.contact_c {display:inline-block; float:left; width:33.3%;}
.contact_c img {margin-bottom:10px; width:40%; max-width:82px;}
.contact_i {margin-left:10%; margin-right:10%; clear:both; padding-top:2%; padding-bottom:1%;}


.footer {width:100%; background-color:#666; color:#FFF; line-height:3; text-align:center; letter-spacing:1pt;}
.footer:hover {color:#FFF; background-color:#555;}


@media screen and (min-width:501px) and (max-width:880px){
body {font-size:11pt;}
.spc {height:40px;}
.topic {padding-top:60%;}

.sub_int {width:100%; float:none;}
.sub_int_t {padding-top:30px;}
.sub_int_c {width:70%;}
.sub_itm {width:100%; float:none;}
.sub_itm_c {width:33.333%; margin:0px; max-width:none;}

.sub_inf_1 {display:block;}

.rights {width:100%;}
.rights_l, .rights_r {width:90%; margin-left:5%; margin-bottom:5%;}
.rights_set_i {font-size:11pt; height:auto;}

.contact_i {padding-bottom:4%;}


}


@media screen and (max-width:500px){
body {font-size:11pt;}
.spc {height:30px;}
.topic {padding-top:70%;}

.sub_int {width:100%; float:none;}
.sub_int_t {padding-top:30px;}
.sub_int_c {width:80%;}
.sub_itm {width:100%; float:none;}
.sub_itm_c {width:33.333%; margin:0px; max-width:none;}

.sub_inf_1 {display:block;}

.rights {width:100%;}
.rights_l, .rights_r {width:90%; margin-left:5%; margin-bottom:5%; font-size:10pt;}
.rights_set_i {font-size:10pt; height:auto;}

.contact {font-size:10pt;}
.contact_i {padding-top:4%; padding-bottom:3%;}

.footer {padding-bottom:10pt; font-size:10pt;}



}