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

/*
@font-face {
	font-family:'HYQiHei-35';
	src:url('/pub/font/HYQiHei-35S.otf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
*/
@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');}

/* selection style */
::-moz-selection{ background:#ffda1d; color:#432;}
::selection { background:#ffda1d; color:#432;}

/* webkit core scrollbar style */
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:0 0}
::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:3px}
::-webkit-scrollbar-thumb:hover{background-color:#666}
::-webkit-scrollbar-corner{background-color:#535353}
::-webkit-scrollbar-resizer{background-color:#FF6E00}
body ::-webkit-scrollbar{width:6px}
body ::-webkit-scrollbar-thumb{background-color:rgba(120,120,120,0.5);}

html {border:none; background:#f3f3f3;}
body {margin:0px; padding:0px; background:#f3f3f3; font:normal 12pt/1.7 'Open Sans', 'HYQiHei-25', Verdana, Tahoma, '寰蒋闆呴粦', '瀹嬩綋'; -webkit-text-size-adjust:100%; font-size-adjust:100%; -webkit-font-smoothing:antialiased; color:#111; cursor:default; -webkit-tap-highlight-color:transparent;}


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


a       {color:#0066CC; text-decoration:none; display:inline-block; outline:none;}
a:hover {color:#0066FF; text-decoration:none;}
a img {border:none;}
img {display:inline-block;}
.ul    {margin:0pt; padding:0pt;}
.ul li {margin:0pt; padding:0pt; list-style:none;}
.imga  {width:100%; }
.round {border-radius:1000pt;}
.unselectable {user-select:none; -moz-user-select:none;}
.flex  {display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; align-items:flex-top;}

.nor  {width:100%; max-width:720pt; height:auto; margin:0pt auto; clear:both; overflow:hidden;}
.con  {padding:4%;}
.spc  {width:auto; height:auto; clear:both; overflow:hidden;}
.spc_min  {height:20pt;}
.ovv  {overflow:visible;}
.clear    {clear:both; width:auto; height:1px;}

h1    {font-size:48px; line-height:1.2; font-weight:normal; margin:10px 0px;}
h2    {font-size:30px; line-height:1.2; font-weight:normal; margin:10px 0px;}
h3    {font-size:20px; line-height:1.5; font-weight:bold; margin:10px 0px;}
h4    {font-size:15px; color:#000; font-weight:bold; margin:10px 0px;}

.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;}
.txc {text-align:center;}
.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_0  {box-shadow:none !important; -webkit-box-shadow:none !important;}
.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;}
.shadow_ls:hover {box-shadow:2px 2px 10px rgba(0,0,0,0.1);}
.col_7     {color:#777;}
.col_i     {color:#69584a; font-size:12px;}
.transition_01 {transition:all ease-in-out 0.1s; -webkit-transition:all ease-in-out 0.1s; -moz-transition:all ease-in-out 0.1s;}
.transition_03 {transition:all ease-in-out 0.3s; -webkit-transition:all ease-in-out 0.3s; -moz-transition:all ease-in-out 0.3s;}
.transition_05 {transition:all ease-in-out 0.5s; -webkit-transition:all ease-in-out 0.5s; -moz-transition:all ease-in-out 0.5s;}
.transition_10 {transition:all ease-in-out 1.0s; -webkit-transition:all ease-in-out 1.0s; -moz-transition:all ease-in-out 1.0s;}

.emc {display:none;}

.fullscreensub {position:fixed; z-index:9201; width:100%; height:100%; left:0pt; top:0pt; background-color:#222;}
.fullscreencon {width:100%; height:100%;}
.fullscreenexit {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;}
.fullscreenexit:hover {color:#FF6; border-radius:10px;}
.fullscreenvideo {position:absolute; width:80%; height:80%; left:10%; top:10vh; *top:5%; background-color:#111;}

/* #ffda1d */


.linkasbutton  {background-color:#ffda1d; display:inline-block; width:10em; margin:3pt; cursor:pointer; color:#111111 !important; padding:5pt; border:solid 1px #ffda1d; font-size:0.9em; text-align:center; line-height:2;}
.linkasbutton_2{background-color:transparent; border-color:#FFF; color:#FFF !important;}
.linkasbutton_3{background-color:transparent; border-color:#432; color:#432 !important;}
.linkasbutton_play {background:url(./../icon/play_b.png) no-repeat center center; background-size:100%; display:inline-block; width:1em; height:1em; vertical-align:middle;}


.menu       {background-color:#FFF; height:4.6em; position:fixed;left: 0;right: 0; z-index:9999;top:0px}
.menu .con  {padding-bottom:0pt; padding-left:3%; padding-right:0pt; padding-top:0pt;}
.menu_logo  {width:10em; display:inline-block; float:left; margin-top:1.2em;}
.menu_logo_a{width:10em; padding-top:21%; display:inline-block; background:url(/pub/icon/LOGO.svg) no-repeat center center; background-size:contain;}
.menu_act   {width:4.6em; height:4.6em; display:inline-block; float:right; cursor:pointer; position:relative;}
.menu_act_l {width:1.2em; height:0.2em; position:absolute; left:1.7em; top:2em; background-color:#222; border-radius:5pt;}
.menu_act_1 {top:1.6em;}
.menu_act_2 {top:2.2em;}
.menu_act_3 {top:2.8em;}
/*.menu_act:hover .menu_act_l {background-color:#666;}*/

.menu_s    {background-color:#FFF !important;}
.menu_s .menu_logo_a{background-image:url(/pub/icon/LOGO.svg) !important;}

/* transparent
.menu {background-color:transparent;}
.menu_logo_a {background-image:url(/pub/icon/LOGO_w.svg);}
.menu_act_l {background-color:#FFF;}

*/

/*
.menu_act:hover .menu_act_l {background-color:#666; height:0.1em;}
.menu_act:hover .menu_act_1 {transform:translate(0pt, 0.6em) rotate(225deg);}
.menu_act:hover .menu_act_2 {transform:scale(0.1,0.1); opacity:0;}
.menu_act:hover .menu_act_3 {transform:translate(0pt, -0.6em) rotate(-225deg);}
*/
/*.menu_act_s action for more menu*/
.menu_act_s .menu_act_l {background-color:#666 !important;}
.menu_act_s .menu_act_1 {transform:translate(-0.4em, 0.6em) rotate(-45deg); -webkit-transform:translate(-0.4em, 0.6em) rotate(-45deg);}
.menu_act_s .menu_act_2 {transform:translate(0.4em, 0pt) rotate(45deg); -webkittransform:translate(0.4em, 0pt) rotate(45deg);}
.menu_act_s .menu_act_3 {transform:translate(0pt, -0.6em) scale(0.1,0.1); -webkittransform:translate(0pt, -0.6em) scale(0.1,0.1); opacity:0;}

.menu_list {position:relative; height:0px; overflow:visible; z-index:99;}
.menu_ll   {width:100%; padding:6em 0pt 1.6em 0pt; background-color:#f9f9f9; position:fixed; left:0pt;right: 0; top:-100vh; opacity:0; box-shadow:0pt 0pt 10pt rgba(0,0,0,0.1);}
.menu_ll_s {top:0vh; opacity:1;}
.menu_ll_c {margin:0pt; list-style:none; padding:0pt; text-transform:capitalize;}
.menu_ll_c li {display:block; line-height:2.6em; padding-top:0.5em; padding-bottom:0.5em; padding-left:10%; padding-right:2em; border-bottom:solid 1px #eee;}
.menu_ll_c li:hover {background-color:#f6f6f6;}
.menu_ll_a {color:#888; display:inline-block; padding-right:0.6em;}
.menu_ll_a:hover {color:#505050;}
.menu_ll_a2{height:0em; overflow:hidden; padding-left:1em;min-width: 300px;}
.menu_ll_a3{height:3em; line-height:3em;}
.menu_ll_e {color:#CCC; display:inline-block; float:right;}
.menu_ll_l {background-color:#f6f6f6;}


.foot_svc    {background-color:#f3f3f3; text-align:center;}
.foot_svc .h2{font-size:1.5em; margin:0pt;}
.foot_svc .p {color:#999; text-align:inherit; margin:1% auto 3% auto;}


.foot_mark   {background-color:#222;}
.foot_logo   {width:12em; margin-bottom:0.2em;}
/*.foot_tel    {width:1.6em; vertical-align:middle; display:inline-block; margin-right:0.6em; margin-left:0.2em;}*/
.foot_tel    {width:1.3em; vertical-align:middle; display:inline-block;  margin-left:0.2em;}
.foot_teln   {color:#999 !important; vertical-align:middle; display:inline-block; /*letter-spacing:0.03em;*/}


.foot        {background-color:#222; color:#999; padding-bottom:1px;}
.foot_ul     {list-style:none; margin:0px; padding:0px;}
.foot_ul li  {display:block;}
.foot_ul .c  {padding:4% 4%; background-color:#282828; margin-top:1px;}
.foot_ul .c:hover {background-color:#2c2c2c;}
.foot_ul .a  {color:#DDD; padding-right:5%;}
.foot_ul .a:hover {color:#EEE;}
.foot_ul .e  {background-color:#222; position:relative; height:0px; overflow:hidden;}
.foot_ul .ec {padding:3% 8%; position:absolute; width:92%; left:0px; bottom:0px;}
.foot_ul .ea {color:#AAA; padding-right:5%; line-height:3;}
.foot_ul .ea:hover {color:#CCC;}
.foot_ul .i  {display:inline-block; width:1em; text-align:center; float:right; color:#464646;}

.foot_copy   {background-color:#222; color:#515151; font-size:0.9em;}




@media screen and (max-width:360pt){
	body  {font-size:11pt;}
}

@media screen and (min-width:360pt, max-width:540pt){
	body  {font-size:13pt;}
}

@media screen and (min-width:540pt){
	body  {font-size:15pt;}
}