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

.material_ir {width:30px; height:30px; margin:0px 5px 5px 3px; display:inline-block; background-repeat:no-repeat; background-position:center center; background-color:#F7F7F7; border:1px solid #CCC;}
.material_ir:hover {border-color:#FC0; box-shadow:0px 0px 3px rgba(0,0,0,.3);}
.material_ic {padding-bottom:12px; display:inline-block; float:left; width:auto; min-width:48%;}
.material_in {font-size:9pt; color:#999;}
.material_ih {border-color:#FC0; box-shadow:0px 0px 3px rgba(255,200,0,.8);}
.colorRec {width:100%; height:auto; display:inline-block; margin-bottom:5px; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
.colorImg {width:100%; padding-top:50%; background-repeat:no-repeat; background-position:center center; background-size:cover;}
.colorName {width:97%; padding-right:3%; height:auto; display:inline-block; text-align:right; background-color:#e5e8ec; font-size:11px; line-height:1.8; color:#555555;}


.partners_desc_i      {width:120px; display:inline-block; float:left; text-align:center; color:#999; line-height:1.2em;}
.partners_desc_i .img {width:70px; height:70px; border-radius:70px; background-color:#CCC; margin-bottom:12px;}
.partners_desc_w      {width:870px; position:relative; display:inline-block; padding:30px; background-color:#f6f6f6; float:right; border-radius:5px; font-size:16px; color:#545454;}
.partners_desc_w:before {position:absolute; content:'◀'; color:#f6f6f6; left:-10px; font-size:20px; top:18px;}

#materials {position:relative;}
.promat_o  {width:300px; height:170px; position:absolute; display:none; box-shadow:0px 3px 10px #444; -webkit-box-shadow:0px 3px 10px #444;}
.promat_o_c{position:absolute; left:10px; top:-9px; width:20px; height:10px; overflow:hidden;}
.promat_o_c:before {position:absolute; z-index:2; content:''; left:2px; top:3px; width:14px; height:14px; border:solid 1px #e0e0e0; border-width:1px 1px 0px 0px; transform:rotate(-45deg); -webkit-transform:rotate(-45deg); background-color:#FFF;}
.promat_o_t{border:solid 1px #e0e0e0; border-bottom:none; height:29px; line-height:29px; padding-left:10px; color:#999; background-color:#FFF;}
.promat_o_i{width:100%; height:140px; background-color:#fff; background-repeat:no-repeat; background-position:center center; background-size:cover; overflow:hidden;}


.product_top     {background-color:#fff; overflow:hidden; position:relative; height:100px;}
.product_top .sd {height:30px; width:100%; position:absolute; left:0px; top:-30px; box-shadow:0px 0px 50px rgba(0,0,0,.25);}

.product_nav     {color:#999; padding-bottom:30px;}
.product_nav a   {color:inherit;}


.product_con_l   {width:760px; float:left;}
.product_con_r   {width:420px; float:right;}

.product_con_v   {width:760px; height:380px; background:url(loading.png) no-repeat center center #f9f9f9;}
.product_con_vlb {width:760px; height:93px; overflow:hidden; position:relative;}
.product_con_vlc {width:760px; height:73px; padding-top:10px; padding-bottom:10px; overflow:hidden;}
.product_con_vlo {width:1000px; height:100%;}
.product_con_vbp {position:absolute; z-index:1; width:23px; height:100%; left:0px; top:0px; background:url(pre_nxt.png) no-repeat left center; cursor:pointer;}
.product_con_vbn {right:0px; left:auto; background-position:right center;}
.product_con_vbd {cursor:default; opacity:0.3;}
.product_con_vl  {width:146px; margin-right:7.5px; height:73px; display:inline-block; cursor:pointer; vertical-align:top;}
.product_con_vl:hover {box-shadow:0px 0px 10px rgba(0,0,0,0.1);}

.product_con_lc  {clear:both; margin-left:60px; margin-right:60px; padding-bottom:50px;}
.product_con_lcl {width:75px; clear:both; float:left;}
.product_con_lcr {width:565px; float:right; color:#999999;}
.product_con_lcr p {margin:0px auto 20px auto;}

.product_con_rc  {clear:both; padding-bottom:50px;}
.product_con_rt  {font-size:26px;}
.product_con_rcl {width:65px; clear:both; float:left; color:#333;}
.product_con_rcr {width:355px; float:right; color:#999999;}

.product_con_d   {width:1080px; padding-bottom:35px;}
.product_con_d .imga {margin-bottom:25px;}
.product_con_dh  {font-size:18px; padding-bottom:50px;}
.product_con_dt  {width:280px; display:inline-block; float:left; padding-left:40px; padding-right:40px; padding-bottom:40px; text-align:center; color:#999;}
.product_con_dti {width:236px; height:236px; border-radius:200px; margin:0px auto 16px auto; overflow:hidden; background-repeat:no-repeat; background-position:center center; background-size:cover;}

.product_con_dm  {width:200px; display:inline-block; float:left; padding:10px; font-size:16px; margin-right:65px; text-align:center; color:#999; cursor:pointer;}
.product_con_dmi {width:200px; display:block; height:140px; margin-bottom:30px; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:cover;}