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

/*
.banner {width:auto; min-width:1200px; height:700px; position:relative; overflow:hidden; text-align:center; background-color:#333; border-bottom:solid 1px #FFFFFF; box-shadow:0px 0px 8px rgba(0,0,0,.3);}
#banner {width:100%; height:100%; position:absolute; left:0px; top:0px; z-index:0; background-repeat:no-repeat; background-position:center top;}
#banner img {width:100%;}
*/
#banner {width:100%; height:100%;}

.sc2 {display:inline-block; transition:all ease-in 0.1s; -webkit-transition:all ease-in 0.1s;}
.sc2:hover {transform:scale(2);}
.bgf {background-color:rgba(255,255,255,.75);}

.banner {height:700px;}

.thsnav {text-align:center; margin-top:20px; padding-top:10px; padding-bottom:10px;}
.thsnav a {color:#333; padding-left:20px; padding-right:20px; line-height:1.5; border-left:solid 1px #DDD;}
.thsnav a:hover {color:#F90; text-decoration:none; text-shadow:1px 1px 3px rgba(0,0,0,.2);}
.thsnav .f {color:#06F;}



.ftt {font-weight:normal; letter-spacing:1px; padding-bottom:10px;}/*{font-family:'鏂规姝ｄ腑榛戠畝浣?, '鏂规姝ｉ粦', '寰蒋闆呴粦'; font-weight:normal;}*/

/*.thstit {width:430px; height:70px; margin:0px auto; background:url(idd_st.png) no-repeat center center;}*/

.space {background:#F1F1F1; clear:both; width:1100px; margin:0px auto; height:0px; overflow:hidden;}

.nork {width:1040px; margin:0px auto; overflow:visible; clear:both; color:#222222;}
h1 {margin:20px 0px 0px 0px; font-size:36px; line-height:1.6; color:#222222; text-shadow:1px 1px 3px rgba(0,0,0,0.2);}
h2 {margin:16px 0px 0px 0px; font-size:30px; line-height:1.6; color:#222222; text-shadow:0px 0px 2px rgba(0,0,0,0.2);}
h3 {margin:16px 0px 0px 0px; font-size:24px; line-height:1.6; color:#222222; text-shadow:0px 0px 1px rgba(0,0,0,0.1);}
.nork p  {margin:0px; padding:0px;}



.title {display:none; margin:0px; padding:0px;}


.part_h {background:url(idd_p_b_1.png) no-repeat center top #FFFFFF; _background-image:none;}
.part_hc {width:690px; height:40px; margin-bottom:20px; text-align:center; background: url(idd-spsd.gif) no-repeat center  bottom;}/*2013-5-18make*/
.part_hc .tsa {margin:0px 20px 0px 20px; font-size:14px; text-decoration:none !important;  cursor:pointer;font-weight:bold;color:#0066DD;}
.part_hc .tsa:hover{color:#222;}
.part_hc .thssxs {margin-top:10px;}


.thssec {width:1000px; margin:0px auto; overflow:visible; position:relative; font-size:13px; line-height:1.8; -moz-user-select:none; }
.lead_head{ background:url(lead_head.gif) top center no-repeat;/*padding-top:66px*/padding-top:80px}/*2013-5-20*/
.thssec p#tips{width:376px;margin:0 auto;}/*2013-5-18make*/
.thssec p#about{width:635px;margin:0 auto;padding-top:20px;}/*2013-5-18make*/

#thssx {/*padding-top:10px;*/ padding-bottom:10px; overflow:hidden; /*height:620px;*/height:630px;}
/*
#thssx .tsl {color:#111111; font-size:16px; line-height:2; letter-spacing:1px; text-shadow:1px 1px 3px #999999; margin-right:30px;}
#thssxl{padding-left:110px;width:56%;height:50px;margin:0 auto 40px;background: url(design-spsd.gif) no-repeat center  bottom;}
#thssxl a{height:40px; line-height:40px; color:#555;}
#thssxl a:hover{color:#000;}
#thssx .tsa {margin-right:0px 20px 0px 20px; font-size:14px; text-decoration:none !important;  cursor:pointer;font-weight:bold;color:#0066DD;}
#thssx .tsa:hover{color:#222;}
#thssx .thssxs {margin-top:10px;}
*/

#thsss {height:565px; overflow:hidden; position:relative; margin:0px auto; box-shadow:0px 0px 7px #CCCCCC;}
#thssx {position:relative;}
#thssx .cppSwitch {width:30px; height:50px; padding:0px; position:absolute; left:auto; top:110px; z-index:10; background:url(design_pl_cv.gif) no-repeat; cursor:pointer;}
#thssx #cppSwitchL {background-position:center -50px; left:30px;}
#thssx #cppSwitchL:hover {background-position:center 0px;}
#thssx #cppSwitchR {background-position:center -150px; left:1040px;}
#thssx #cppSwitchR:hover {background-position:center -100px;}

.proView_1 {position:absolute; z-index:100; width:260px; left:0px; top:0px; height:600px; background:url(#) no-repeat left center; cursor:url(/pub/cur/cur_l.cur), default; outline:none !important; -webkit-tap-highlight-color:#CCCCCC;}
.proView_3 {position:absolute; z-index:100; width:260px; right:0px; top:0px; height:600px; background:url(#) no-repeat right center; cursor:url(/pub/cur/cur_r.cur), default; outline:none !important; -webkit-tap-highlight-color:#CCCCCC;}

.imgLoading {width:32px; height:32px; overflow:hidden; position:absolute; z-index:20; left:50%; top:50%; display:none;}

.thshow { background-color:#FFFFFF; margin:0px auto;}
.thshow .thscaseview {-moz-animation:cprcm 0.5s ease-out; -webkit-animation:cprcm 0.5s ease-out; visibility:visible !important; opacity:1; background-color:#FFFFFF;}

#thsspp {padding-top:20px; padding-bottom:0px; position:relative;}
#thsspp p{/*width:635px;*/margin:0 auto;width:804px;}
.conP_plan  {height:auto;}
.conP_plan .cz {height:160px; color:#666666;}
.conP_plan .ca {width:26%; display:inline; float:left;}
.conP_plan .cb {width:28%; display:inline; float:left; margin-left:80px;}
.conP_plan .cc {width:28%; display:inline; float:right;}
.conP_plan .cppTit {color:#ac6a00; font-size:13px; line-height:1.2; display:block; height:25px; text-shadow:1px 1px 3px #c0bdb7;}
.part_p .pcs {width:950px; margin:0px auto; height:430px; position:relative; overflow:hidden; padding-bottom:15px; /*background:#fff;*/ /*border-top:solid 1px #cfa972; border-bottom:solid 1px #cfa972;*/}
.part_p ul{height:430px;margin:0;padding:0;}
.part_p .pcsc {/*width:100%;width:950px; height:480px;*/ width:850px;/*position:absolute; left:0px; top:0px;*/float:left;padding:0 50px  0 50px;}
/*#thsspp .pc {width:130px; height:auto; display:inline; float:left; padding:0px; margin:20px 20px 0px 10px; font-size:12px; color:#666666; text-align:center;}
#thsspp .pc img {display:block; margin:0px auto; margin-bottom:3px; width:108px; height:68px; border:solid 1px #EEEEEE; background-color:#EEEEEE;}*/

.psc {width:90%; height:1px; overflow:hidden; min-width:1200px; max-width:1680px; margin:0px auto; transition:all ease-in 0.2s; -webkit-transition:all ease-in 0.2s;}
.psc_item {
width: 0px;
height: 20px;
position: absolute;
bottom: 12px;
left: auto;
background: url(nav_item.png) repeat-x left center;
_background-image: url(nav_item.gif);
}/*2013-5.21*/
.psc_item .thsis {
width: 16px;
height: 16px;
overflow: hidden;
display: inline-block;
float: left;
margin: 2px;
cursor: pointer;
}


.idd_cnst_i {width:220px; display:inline-block; margin:30px; text-align:center; color:#666;}
.idd_cnst_i img {width:220px; height:220px; border-radius:200px; margin-bottom:10px; display:block;}



.psc .pc {/*width:950px; height:480px;*/ display:block; width:18%;  padding:0px 0px 10px 0px; margin:1%; font-size:12px; color:#666666; text-align:center;float:left;}
.psc .pc img {/*margin:0px auto;*/ margin-bottom:3px; width:100%;/* width:950px; height:480px; border:solid 1px #EEEEEE;*/ background-color:#EEEEEE; max-width:500px;}
.psc .pc:hover {color:#06F; text-decoration:none; box-shadow:1px 1px 3px rgba(0,0,0,0.25);}
.psc .cppSwitch {/*width:30px; height:50px; */width:42px; height:120px;padding:0px; position:absolute; left:auto; top:162px; z-index:10; /*background:url(design_pl_cv.gif) no-repeat*/background:url(scroll_l.gif ) no-repeat; cursor:pointer;}
.psc .cppSwitchL {background-position:center -240px; /*left:30px;*/left:0;}
.psc .cppSwitchL:hover {background-position:center -360px;}
.psc .cppSwitchR {background-position:center 0px; /*left:1040px;*/right:0;}
.psc .cppSwitchR:hover {background-position:center -120px;}

.psc .pcscli{left:0px; top:0px; display:block !important; -moz-animation:conPPli 1.5s ease-out; -webkit-animation:conPPli 1.5s ease-out;}
.psc .pcscri{left:0px; top:0px; display:block !important; -moz-animation:conPPri 1.5s ease-out; -webkit-animation:conPPri 1.5s ease-out;}
.psc .pcsclo{left:-950px; top:0px; display:block !important; -moz-animation:conPPlo 1.5s ease-out; -webkit-animation:conPPlo 1.5s ease-out;}
.psc .pcscro{left:950px; top:0px; display:block !important; -moz-animation:conPPro 1.5s ease-out; -webkit-animation:conPPro 1.5s ease-out;}




.part_p {background:url(idd_p_b_2.png) no-repeat center -1px #FFFFFF; *background:url(idd_p_b_2.png) no-repeat center -1px #FFFFFF;}

.part_pb {width:1050px; margin-left:50px; height:40px; background-color:#e4f2f1;}
.part_pb .t {margin-left:25px; display:inline-block; float:left; font-size:18px; line-height:40px; color:#111111;}
.part_pb .m {display:inline-block; float:right; margin-right:50px; margin-top:10px; font-size:12px; line-height:20px; color:#333333; background-color:#bed5d3; padding-left:10px; padding-right:10px; border-radius:10px;}
.part_pb .m:hover {background-color:#abc2c0; text-decoration:none; color:#000000;}

.part_pc {width:1050px; margin-left:50px; margin-top:30px; margin-bottom:20px; overflow:hidden; height:230px;}
.part_pc .pcs {width:2000px;}
.part_pc .pc  {display:inline-block; width:290px; margin-right:30px; height:230px; float:left; text-align:center; font-size:12px; line-height:30px; color:#333333;}
.part_pc .pc:hover {background-color:#e4f2f1;}

.part_ps {width:800px; height:2px; overflow:hidden; background-color:#f5e2ca; -moz-user-select:none; -webkit-user-select:none;}
.part_psi {width:0px; height:2px; overflow:hidden; background-color:#de8000; cursor:pointer;}

#part_px {background-color:#e1e0db; position:absolute; z-index:100; width:1100px; height:500px; left:0px; top:380px; cursor:pointer;}

.part_px_d {top:0px; -moz-animation:0.5s ease-out thsmd_2; -webkit-animation:0.5s ease-out thsmd_2;}
.part_px_h {top:380px; -moz-animation:0.5s ease-out thsmh_2; -webkit-animation:0.5s ease-out thsmh_2;}
.part_px_b {top:380px;}
.part_pxp_d {height:930px; -moz-animation:0.5s ease-out thsmd_1; -webkit-animation:0.5s ease-out thsmd_1;}
.part_pxp_h {height:380px; -moz-animation:0.5s ease-out thsmh_1; -webkit-animation:0.5s ease-out thsmh_1;}
.part_pxp_b {height:380px;}

.part_pxl {position:absolute; background:url(#) no-repeat center center; background-image:url(/pub/idd/img/location_mark.png); cursor:pointer;}
.part_pxl:hover {background-color:rgba(249, 191, 0, .3);}




.part_s {background:url(/pub/idd/i-i/i-2.png) no-repeat left top, url(/pub/idd/i-i/i-3.png) no-repeat left 1000px; background-color:#f6f1ed; _background-image:none;}
.part_si {width:660px; margin:0px auto;}
.part_sn {text-align:center; margin-top:30px; margin-bottom:20px; border-bottom:solid 1px #d9d2cc; padding-bottom:12px;}
.part_sn .sn {display:inline; padding-left:10px; padding-right:10px;}
.part_sp {width:1200px; padding-top:20px;}


.part_show_1 {width:300px; height:720px; float:left;}
.part_show_1c {width:280px; height:220px; float:left; margin:10px;}
.part_show_2 {width:430px; height:700px; float:left; margin:10px;}
.part_show_3 {width:280px; height:220px; float:left; margin:10px;}
.part_show_i {border-radius:16px; background-position:center center; background-repeat:no-repeat; background-size:cover;}
.part_show_t {border-radius:16px; display:table;}
.part_show_t span {vertical-align:middle; text-align:center; padding:0% 10% 0% 10%; display:table-cell;}

.part_r {background-color:#FFFFFF;}
.part_ri {width:660px; margin:0px auto; padding-bottom:30px;}
.part_rp {}



.part_m {backgrounds:url(/pub/idd/i-i/i-4.png) no-repeat left top #FFF; _background-image:none;}
.part_mi {width:660px; margin:0px auto;}



.part_c {background:url(/pub/idd/i-i/i-5.png) no-repeat left top #FFFFFF; _background-image:none;}
.part_ci {width:660px; margin:0px auto;}
.part_cc {width:100%; clear:both; margin-left:50px; padding-top:40px;}
.part_cc .pc  {display:inline-block; width:200px; margin-right:27px; height:180px; float:left; text-align:center; font-size:12px; line-height:30px; color:#333333;}
.part_cc .pc:hover {background-color:#EEEEEE;}



.part_l {background-color:#f6f1ed;}
.part_li {width:260px; display:inline-block; float:left; margin-left:170px;}
.part_lp {width:360px; display:inline-block; float:left; text-align:center; padding-left:40px; padding-top:30px;}



.part_d_nc {width:auto; height:280px; padding:40px 50px 0px 100px; background:url(idd_2015_designer_bg.jpg) no-repeat right top #f6f1ed; font-size:11pt;}

.part_d {background:url(/pub/idd/i-i/i-6.png) no-repeat left top #f6f1ed; _background-image:none;}
.part_dp {width:100%; overflow:hidden; background-color:rgba(255,255,255,.1); border-radius:6px;/* padding:5px 15px 15px 15px;*/ padding-bottom:20px;}
.part_dp .dpa {color:#333333; padding-top:0px;}
.part_dp .dpa:hover {color:#333333; text-decoration:none;}
.part_dp .dpt {font-size:16px; text-shadow:1px 1px 2px #99bbcc; color:#333333; font-weight:bold; display:block; line-height:2.2;}
.part_d .dpi {font-size:12px; margin-top:10px; display:block; line-height:1.6;}

.part_ds {width:21px; height:50px; display:inline-block; float:left; border-tops:solid 4px #f4f4f4;}



.part_t {background:#FFFFFF; _background-image:none;}



#knowMore {background:#F1F1F1; background:-moz-linear-gradient(top,#EEE,#FFF); background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#EEE), to(#FFF)); overflow:hidden; height:auto; border-radius:10px;}
.knowMore_d {height:760px; -moz-animation:0.5s ease-in thskmd; -webkit-animation:0.5s ease-in thskmd;}
.knowMore_h {height:0px; -moz-animation:0.5s ease-out thskmh; -webkit-animation:0.5s ease-out thskmh;}
.knowMore_b {height:0px;}


.thsQnA        {font-size:10pt;}
.thsQnA .intQ  {display:block; letter-spacing:1px; color:#555555; margin-top:15px; padding-left:2em; text-indent:-2em;}
.thsQnA .intQs:hover  {text-decoration:none; background-color:#000000;}
.thsQnA .intQf {color:#111111; font-weight:bold;}
.thsQnA .intA  {display:block; color:#555555; overflow:hidden; height:auto; padding-left:2em; text-indent:-2em;}
.thsQnA .intAf {height:60px; -moz-animation:conPiaf 0.5s ease-out; -webkit-animation:conPiaf 0.5s ease-out; background-color:#FFFFFF;}
.thsQnA .intAo {height:0px; -moz-animation:conPiao 0.5s ease-out; -webkit-animation:conPiao 0.5s ease-out;}




.navnext {padding:5px 30px 5px 30px; background-color:#06C; font-size:120%; border-radius:5px; color:#FFF;}
.navnext:hover {color:#DEF; text-decoration:none;}

.navMore {padding:5px 30px 5px 30px; background-color:#DDD; line-height:1.2; border-radius:5px; color:#333; cursor:pointer;}
.navMore:hover {color:#06F; text-decoration:none; background-color:#E1E7EE;}



.planning_feature {width: 140px; height: 140px; border-radius: 140px;}

.planning_table {background-color: #FFF; text-align: center; color: #444; border-bottom: solid 1px #b4bfcd;}
.planning_table thead td {background-color: #28374a; color: #FFF; font-size: 11pt; padding-top: 9px; padding-bottom: 9px;}
.planning_table .r0 td {background-color: #FFFFFF; font-size: 10pt; padding-top: 12px; padding-bottom: 12px;}
.planning_table .r1 td {background-color: #f7f7f7; font-size: 10pt; padding-top: 12px; padding-bottom: 12px;}
.planning_table .f1 {font-weight: bold; font-size: 11pt; color: #222;}

.planning_more {background: url(idd_planning_ic2.png) no-repeat 30px center #28374a; padding: 7px 60px 7px 60px; border-radius: 30px; color: #FFF; font-size: 16px; letter-spacing: 1px;}
.planning_more:hover {color: #FFF; text-decoration: none;}



@-webkit-keyframes cprcm { 0%{opacity:0;} 100%{opacity:1;} }
@-moz-keyframes cprcm { 0%{opacity:0;} 100%{opacity:1;} }
@-webkit-keyframes thsmd_1 { 0%{height:380px;} 100%{height:880px;} }
@-moz-keyframes thsmd_1 { 0%{height:380px;} 100%{height:880px;} }
@-webkit-keyframes thsmh_1 { 0%{height:880px;} 100%{height:380px;} }
@-moz-keyframes thsmh_1 { 0%{height:880px;} 100%{height:380px;} }
@-webkit-keyframes thsmd_2 { 0%{opacity:0; top:380px;} 100%{opacity:1; top:0px;} }
@-moz-keyframes thsmd_2 { 0%{opacity:0; top:380px;} 100%{opacity:1; top:0px;} }
@-webkit-keyframes thsmh_2 { 0%{opacity:1; top:0px;} 100%{opacity:0; top:380px;} }
@-moz-keyframes thsmh_2 { 0%{opacity:1; top:0px;} 100%{opacity:0; top:380px;} }

@-webkit-keyframes thskmd { 0%{height:0px;} 100%{height:760px;} }
@-moz-keyframes thskmd { 0%{height:0px;} 100%{height:760px;} }
@-webkit-keyframes thskmh { 0%{height:760px;} 100%{height:0px;} }
@-moz-keyframes thskmh { 0%{height:760px;} 100%{height:0px;} }