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

@font-face{font-family:'Open Sans';font-style:normal;font-weight:300;src:local('Open Sans Light'), local('OpenSans-Light'), url(/pub/font/DXI1ORHCpsQm3Vp6mXoaTRa1RVmPjeKy21_GQJaLlJI.woff) format('woff');}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:400;src:local('Open Sans'), local('OpenSans') url(/pub/font/u-WUoqrET9fUeobQW7jkRT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:600;src:local('Open Sans Semibold'), local('OpenSans-Semibold'), url(/pub/font/MTP_ySUJH_bn48VBG8sNSha1RVmPjeKy21_GQJaLlJI.woff) format('woff');}
@font-face{font-family:'Open Sans';font-style:normal;font-weight:700;src:local('Open Sans Bold'), local('OpenSans-Bold'), url(/pub/font/k3k702ZOKiLJc3WVjuplzBa1RVmPjeKy21_GQJaLlJI.woff) format('woff');}

/*
::-moz-selection{    Firefox
    background:#e7b53a;
    color:#432;
}

::selection {
    background:#e7b53a;
    color:#432;
}
*/


html {border:none;}
body {margin:0px; padding:0px; background:#FFF; font-size:10pt; line-height:1.7; font-weight:300; -webkit-text-size-adjust:100%; font-family:'微软雅黑'; font-size-adjust:100%; -webkit-font-smoothing:antialiased; color:#222; cursor:default; -webkit-tap-highlight-color:rgba(255,255,255,0);}

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


a       {color:#0066CC; text-decoration:none; display:inline-block; outline:none;}
a:hover {color:#000; text-decoration:underline;}
a img   {border:none;}
h1, h2  {font-weight:normal;}
img     {display:inline-block;}
.ul     {margin:0pt; padding:0pt;}
.ul li  {margin:0pt; padding:0pt; list-style:none;}


.nor     {width:100%; max-width:640pt; height:auto; background-color:transparent; margin:0pt auto; clear:both; overflow:hidden;}
.con     {width:94%; overflow:hidden; clear:both; margin:0pt auto;}
.spc     {width:auto; height:auto; clear:both; overflow:hidden;}
.spc_tms {height:38pt;}
.spc_min {height:20pt;}
.pros_box { width:100%;}


.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;}
.rad_3  {-moz-border-radius:3pt; border-radius:3pt;}
.rad_5  {-moz-border-radius:5pt; border-radius:5pt;}
.rad_05 {-moz-border-radius:0pt 0pt 5pt 5pt; border-radius:0pt 0pt 5pt 5pt;}
.rad_80 {-moz-border-radius:80pt; border-radius:80pt;}
.sad_1  {box-shadow:1pt 1pt 5pt #666666; -webkit-box-shadow:1pt 1pt 5pt #666666;}
.sad_2  {box-shadow:2pt 2pt 5pt #000000; -webkit-box-shadow:2pt 2pt 5pt #000000;}
.col_7  {color:#777;}
.trs_1  {transition:all ease-in-out 1s; -webkit-transition:all ease-in-out 1s;}
.trs_5  {transition:all ease-in-out 0.5s; -webkit-transition:all ease-in-out 0.5s;}
.trs_02 {transition:all ease-in-out 0.2s; -webkit-transition:all ease-in-out 0.2s;}


.emc {height:0pt; clear:both; display:block;}


.fsc_sub  {position:fixed; z-index:9201; width:100%; height:100%; left:0pt; top:0pt; background-color:#222;}
.fsc_con  {width:100%; height:100%;}
.fsc_ext  {position:absolute; left:90%; top:10vh; *top:5%; width:50px; height:50px; font-size:24px; line-height:50px; text-align:center; margin-left:5px; color:#666; background-color:#111; cursor:pointer;}
.fsc_ext:hover {color:#FF6; border-radius:10px;}
.fsc_vdo  {position:absolute; width:80%; height:80%; left:10%; top:10vh; *top:5%; background-color:#111;}



#logo       {width:82pt; max-height:20pt; margin-left:10pt; margin-bottom:2pt;}
.menu       {position:fixed; z-index:1000; width:100%; height:auto; overflow:hidden;}
.menu .mbg  {position:absolute; width:100%; height:100%; z-index:-1; background-color:#333; opacity:0;}
<!-- .menu_spc_h {height:15pt; clear:both;} -->
.menu_con   {line-height:30pt; padding-top:10pt; padding-bottom:10pt; color:#FFF; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:flex-end;}
.menu_lst   {display:inline-block; color:#FFF; margin-left:auto;}
.menu_lst a {display:inline-block; color:#FFF; text-shadow:0pt 0pt 1.5pt rgba(0,0,0,0.75); text-decoration:none; line-height:1.2em;}
.menu_hl    {border-bottom:solid 1px #666666; color:#CCC !important;}




#user       {display:none;}


.tsquare    {width:100%; height:auto; min-height:100pt; background:no-repeat center top #EEE; background-size:cover;}
.tsquare_i  {width:100%;}

.sch_ct {display:inline-block; border:solid 1px #e6e6e6; padding:2pt 6pt 2pt 10pt; margin-top:7pt; border-radius:100px; overflow:hidden;}
.sch_ip {font:inherit; border:none; width:100pt; border-width:0pt; outline:none; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
/*.sch_ip:focus {width:120pt;}*/
.sch_bt {width:1.4em; height:1.4em; vertical-align:text-top; cursor:pointer; display:inline-block; background:url(search.png) no-repeat center center; background-size:1.4em; opacity:0.5; transition:opacity 0.3s ease-out; -webkit-transition:opacity 0.3s ease-out;}
.sch_bt:hover {opacity:1;}
.sch_cc {position:absolute; right:3%; bottom:3pt; color:#6780b1; cursor:pointer; display:none;}




.item       {clear:both; width:100%; padding-top:38%; height:0pt; overflow:hidden; margin-top:2pt; display:block; position:relative; background-color:#f0f0f0; color:#111;}
.item_i     {position:absolute; width:32%; height:100%; left:0%; top:0pt; background-position:center center; background-size:cover; background-repeat:no-repeat;}
.item_c     {position:absolute; left:35%; width:63%; bottom:3%; font-size:0.8em; color:#333; line-height:1.3;}
.item_t     {font-size:1.1em; font-weight:bold; color:#111; margin-bottom:3pt; display:block; text-decoration:none !important;}
.item_u     {position:absolute; right:2%; top:3%; font-size:0.8em; color:#111; text-decoration:none;}
.item_ui    {border-radius:50pt; width:1.6em; height:1.6em; border:solid 1pt #FFF; vertical-align:middle;}
.item_t_d   {border-bottom:solid 0.1pt #333333; line-height:1.6;}

.item_v     {clear:both; width:100%; padding-top:38%; height:0pt; overflow:hidden; margin-top:2pt; display:block; position:relative; background-color:#DEDEDE; color:#111;}
.item_v_i   {position:absolute; width:65%; height:100%; left:0pt; top:0pt; background-position:center center; background-size:cover; background-repeat:no-repeat;}
.item_v_c   {position:absolute; left:67%; width:30%; bottom:3%; font-size:0.8em; color:#333; line-height:1.3;}
.item_v_t   {font-size:1.1em; font-weight:bold; color:#111; margin-bottom:3pt; display:block; text-decoration:none !important;}
.item_v_u   {display:none;}
.item_v_t_d {border-bottom:solid 0.1pt #333333; line-height:1.6;}

.item_p     {clear:both; width:100%; padding-top:30%; height:0pt; overflow:hidden; margin-top:2pt; display:block; position:relative; background-color:#ededed; color:#111;}
.item_p_i   {position:absolute; width:60%; height:100%; left:0pt; top:0pt; background-position:center center; background-size:cover; background-repeat:no-repeat;}
.item_p_c   {position:absolute; left:63%; width:30%; bottom:6%; color:#555; line-height:1.3;}
.item_p_t   {position:absolute; left:63%; width:30%; bottom:16%; line-height:1.3; color:inherit; display:block;}
.item_p_t:hover {color:#222; text-decoration:none;}


.item_2     {width:49%; height:auto; overflow:hidden; margin-bottom:2%; display:inline-block; float:left; background-color:#FFF; box-shadow:0pt 0pt 5pt rgba(0,0,0,0.3); color:#111;}
.item_2_i   {width:100%; display:block; padding-top:100%; background-position:center center; background-size:cover; background-repeat:no-repeat;}
.item_2_c   {width:90%; margin:10pt 5%; height:0em; font-size:0.8em; color:#333; line-height:1.3; overflow:hidden;}
/*
.item_2_t   {font-size:1.1em; line-height:1.3; font-weight:bold; color:#ab8a00; margin-bottom:5pt; display:block;}
.item_2_t:hover {color:#222; text-decoration:none;}
*/
.item_2_u   {width:90%; margin:5pt 5%; font-size:0.8em; color:#111; text-decoration:none;}
.item_2_ui  {border-radius:50pt; width:1.6em; height:1.6em; border:solid 1pt #FFF; vertical-align:middle;}




#lls_container      {}
.load_more_contain  {text-align:center; padding:20pt 0pt;}
.load_more  {display:inline-block; margin:0pt auto; padding:3pt 20pt; line-height:1.3; background-color:#dbd1ad; cursor:pointer; visibility:hidden;}





.option        {text-align:center; display:inline-block; border:solid 1pt #a88c2d; border-radius:10pt; overflow:hidden; margin:0pt auto;}
.option .opt   {display:inline-block; padding:3pt 20pt; background-color:#FFF; border:solid 1pt #FFF; cursor:pointer; transition:all ease-in-out 0.3s; -webkit-transition:all ease-in-out 0.3s;}
.option #opt_l {border-radius:9pt 0pt 0pt 9pt;}
.option #opt_r {border-radius:0pt 9pt 9pt 0pt;}
.option .opt_a {background-color:#dbd1ad;}


.ip  {width:40%; font-family:inherit; font-size:1em; height:30px; line-height:30px; background-color:#FFFFFF; padding-left:3px; border:solid 1px #DDDDDD; margin-top:5pt; margin-bottom:5pt; vertical-align:middle;}
.ip:hover {border-color:#BBB;}
.ipb {padding:5px 20px 5px 20px; font-family:inherit; font-size:12px;}



.switch   {transition:all 0.4s ease-out; -webkit-transition:all 0.4s ease-out;}
.switch_l {transform:translate(-105%, 0%); -webkit-transform:translate(-105%, 0%);}
.switch_c {transform:translate(   0%, 0%); -webkit-transform:translate(   0%, 0%);}
.switch_r {transform:translate( 105%, 0%); -webkit-transform:translate( 105%, 0%);}



.advice {background-color: #f2bb83; padding: 5pt 20pt; font-size: 1.2em; line-height: 1.5; color: #FFF; display: inline-block;}




.viewmore_bg  {position:absolute; bottom:0pt; height:80px; width:100%; background:url(viewmore_bg.png) repeat-x;}
.viewmore_lk  {position:absolute; bottom:3pt; height:auto; width:100%; text-align:center; font-size:0.9em;}




.mbr_cont  {background:url(line_vertical.png) repeat-y left top; font-size: 1.1em; background-size: 0.8em;}
.mbr_icon  {width: 0.8em; margin-right: 0.6em; vertical-align: middle;}
.mbr_time  {padding-bottom:3%;}
.mbr_date  {padding-bottom:2%;}
.mbr_catg  {margin-left:1em; color: #666; float: right; border:solid 1px #999; border-radius: 30pt; padding-left: 1em; padding-right: 1em; font-size: 0.8em;}
.mbr_item  {margin-bottom: 17%;}
.mbr_achr  {margin-left: 1.4em; display:block;}
.mbr_img   {width:100%; margin-bottom:2%;}
.mbr_img_1 {width:100%; margin-bottom:1%;}
.mbr_img_2 {display:inline-block; float:left; width: 49%; padding-top:49%; background-repeat:no-repeat; background-position:center center; background-size:cover; margin-right:1%; margin-bottom:1%;}
.mbr_img_5 {display:inline-block; float:left; width: 32.3%; padding-top:32.3%; background-repeat:no-repeat; background-position:center center; background-size:cover; margin-right:1%; margin-bottom:1%;}
.mbr_spc   {clear:both; height:20pt;}
.mbr_titl  {margin-left: 1.4em; clear: both; margin-top: 3%; font-weight: bold; line-height: 1.4;}
.mbr_desc  {margin-left: 1.4em; margin-bottom: 5%; font-size: 0.9em; line-height: 1.4; color: #666;}
.mbr_like  {margin-top: 5%; text-align: right;}
.mbr_subt  {margin-left: 0.8em; display: inline-block; font-weight:bold;}






.city_list        {display:inline-block; padding:1pt; min-width:32pt; width:18%; max-width:80pt; border-radius:2pt; margin-left:0.5%; margin-right:0.5%; margin-top:9pt; cursor:pointer; transition:background-color 0.1s ease-out; -webkit-transition:background-color 0.1s ease-out; color:#FFF;}
.city_list:hover  {background-color:#d4a91c; border-color:#e2b282; color:#FFF; text-decoration:none;}
/*
.city_list:hover  {background-color:#e2b282; border-color:#e2b282; color:#210;}
.city_list:active {background-color:#e2b282; border-color:#e2b282; color:#210;}
*/




#info      {text-align:right; font-size:0.8em;}
#info a    {display:inline;}
#info .ic  {width:1.6em; height:1.6em; vertical-align:middle; margin-right:0.5em;}
#info .in  {color:#666;}


.user_info {padding-top:15%; padding-bottom:5%; line-height:1.3;}
.user_img  {width:20%; max-width:50pt; float:left; display:block;}
.user_name {font-weight:bold; margin-left:10pt; display:inline-block;}
.user_titl {color:#666; margin-left:10pt; display:inline-block;}
.user_date {color:#666; margin-left:10pt; margin-top:1%; display:inline-block;}
.user_advs {background-color:#f2bb83; color:#FFF; display:block; margin-top:-5pt; padding:5pt 15pt; float:right;}
.con_lyk   {margin-top:20pt;}
.user_lyk  {margin-right:3%; display:inline-block; color: #555;}
.user_ico  {width:1.5em; height:1.5em; margin-right:0.3em; vertical-align: middle;}

.comment_list    {margin:20pt 0pt;}
.comment_list_replay {margin:10pt 0pt 10pt 30pt;}
.comment_icon    {width:25pt; height:25pt; margin-right:5pt; vertical-align:middle;}
.comment_name    {font-weight:bold; margin-right:15pt; color: inherit;}
.comment_date    {font-size:0.8em; color:#666;}
.comment_content {margin:5pt 0pt; margin-left:12pt; padding-left:17pt; border-left:solid 1pt #EEE;}

#comment_reply   {clear: both; margin-top: 8%; max-width: 480pt;}
#comment_tit     {clear: both;}
.comment_text    {width: 100%; height: 10em; resize: none; box-sizing: border-box; font-size:inherit;}
.comment_text:focus {font-size:initial; -webkit-text-size-adjust:100%;}
.comment_submit  {float:right; padding: 2pt 12pt; margin-top: 10pt; background-color: #007acc; color: #FFF; cursor: pointer;}
.comment_submit:active {background-color: #0066aa;}



.wechat_login_cnt  {position:fixed; left:10%; top:30%; z-index:10; width:80%; text-align:center; line-height:1.6;}
.wechat_login_sub  {position:fixed; width:100%; height:100%; left:0pt; top:0pt; z-index:5; background-color:rgba(20,20,20,0.6);}
.wechat_login_obj  {width:auto; display:inline-block; background-color:#f1f1f1; padding:30pt 20pt; position:relative; overflow:hidden;}
.wechat_login_hov  {width:100%; height:100%; left:100%; top:0pt; background-color:inherit; position:absolute; padding-top:15%;}
.wechat_login_ip   {margin:8pt; padding:3pt; font-size:initial; -webkit-text-size-adjust:100%;}
.wechat_login_bt   {margin:8pt; padding:2pt 10pt; font-size:inherit;}
.wechat_login_sp   {color:#333; font-size:0.8em; cursor:pointer; border-bottom:solid 0.2pt #bbb; display:inline-block;}
.wechat_login_im   {margin:0pt auto 10pt auto; width:70%;}
/*    */

.bot    {background-color:#f0f0f0; text-align:center;}
.boti   {border-bottom:solid 0.2pt #CCC; padding-top:5pt; padding-bottom:5pt;}
.boti a {margin-left:10pt; margin-right:10pt; color:inherit;}






@media screen and (min-width:400pt){
	body     {font-size:12pt;}
	#con img {border-radius:5pt;}
	.item_i     {width:65%;}
	.item_c     {left:68%; width:30%; bottom:10%;}
}

@media print{
	.menu         {display:none;}
}