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

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

@font-face {
	font-family:'FontAwesome';
	src:url("fontawesome.eot");
	src:url("fontawesome.eot") format("embedded-opentype"),url("fontawesome.woff2") format("woff2"),url("fontawesome.woff") format("woff"),url("fontawesome.ttf") format("truetype"),url("fontawesome.svg") format("svg");
	font-weight:normal;
	font-style:normal
}

html {border:none; height:100%;}
body {margin:0px; padding:0px; background:#111; font:normal 16pt/1.6 Tahoma, '微软雅黑'; -webkit-text-size-adjust:100%; font-size-adjust:100%; -webkit-font-smoothing:antialiased; *font:normal 16pt/1.6 '微软雅黑', Verdana, Tahoma; color:#ccc; 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;}


.nor  {width:100%; max-width:720px; height:auto; background:#111; background-size:contain; margin:0px auto; clear:both; overflow:hidden;}

.nor2 {width:auto; height:30px; clear:both; overflow:hidden;}

.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;}


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

.input {width:62%; border:none; border-width:0pt; background-color:#FFF; border-radius:100pt; text-align:center; margin:3% auto 0pt auto; opacity:0.8; font-size:10pt; padding:5pt 0pt 5pt 0pt; transition:all ease 200ms; -webkit-transition:all ease 200ms; -webkit-appearance:none;}
.input:hover {opacity:0.95;}
.submit {margin-top:5%; background-color:#444; color:#FFF; cursor:pointer;}
.submit:hover {background-color:#333;}







.con {width:86%; margin:0px auto; position:relative;}
.spc {padding-top:7%; clear:both;}
.con h1 {margin:0px; font-size:1.3em; font-weight:normal; line-height:1.1; color:inherit; text-shadow:1px 1px 2px rgba(0,0,0,.3);}
.con .p {font-size:0.6em; line-height:1.9; color:inherit; margin:12pt 0pt 0pt 0pt; letter-spacing:0pt;}
.con .j {float:left; border:solid 2pt #AAA; padding:4pt 24pt 4pt 24pt; margin-top:12pt; display:inline-block; font-size:0.6em; letter-spacing:1pt; color:inherit; cursor:pointer;}
.con .jt {float:left; margin-top:12pt; margin-left:30pt;}
.con .j2{border-color:#333; color:#333;}
.con .s {display:inline-block; font-size:0.6em; margin-left:16pt;}
.ul    {margin:0px auto; width:90%; padding:0px; font-size:0.6em; color:inherit; margin-top:20pt;}
.ul li {margin:0px; margin-top:8pt; padding-left:10pt; text-indent:-10pt; list-style:none;}
.ul .symbol {font-family:FontAwesome; display:inline-block; width:10pt; font-style:normal; font-size:1.2em; vertical-align:top;}
.ul .s1::before {content:"\f19c";}
.ul .s2::before {content:"\f0b1";}
.ul .s3::before {content:"\f1fc";}
.ul .s4::before {content:"\f087";}
.ul .s5::before {content:"\f201";}
.ul .s6::before {content:"\f1b3";}
.ul .s7::before {content:"\f1e8";}
.ul .s8::before {content:"\f1e7";}
.ul .s0::before {content:"\f046"; color:#a79f00;}
.ul .st {}



.div_1 {background-image:url(career_construction_m0.jpg?2); background-size:contain; background-repeat:no-repeat; background-position:center top; background-color:#111;}
.con_1 {padding-bottom:5%; padding-top:100%;}

.div_2 {}
.div_2 img {width:100%;}
.con_2 {margin-bottom:50pt;}
.div_2_1 {background-image:url(career_construction_m1.jpg); background-repeat:no-repeat; background-size:contain; background-position:center bottom; background-color:#0e0e0e;}
.div_2_2 {background-image:url(career_construction_m2.jpg); background-repeat:no-repeat; background-size:contain; background-position:center bottom; background-color:#0e0e0e;}
.div_2_3 {background-image:url(career_construction_m3.jpg); background-repeat:no-repeat; background-size:contain; background-position:center bottom; background-color:#0e0e0e;}
.div_2 h1 {font-size:1.4em; font-weight:bold; text-align:center; margin-top:20%;}
.div_2 h2 {font-size:0.8em; font-weight:normal; line-height:1.3; text-align:center;}
.div_2 p {font-size:0.6em;}
.con_2_1 {padding-bottom:110%;}
.con_2_2 {padding-bottom:120%;}
.con_2_3 {padding-bottom:120%;}




/*.div_4 {background:url(career_production_wwy_bg.jpg) no-repeat center top #FFF; background-size:contain;}*/
.div_4 {}
.div_4 .h2 {font-weight:bold; font-size:0.8em; margin:0pt;}
.div_4 .p {margin-top:10pt; padding-bottom:2%;}
.con_4 {padding-top:12%; width:84%; margin-top:20%; padding-bottom:8%; margin-bottom:3%; border:solid 3pt #C90; background:none; text-align:center; position:static;}
.con_4 h1 {font-weight:bold; font-size:1.4em; line-height:1.2;}
.con_4 h2 {font-weight:normal; font-size:0.9em; letter-spacing:1pt; margin-top:30pt;}
.con_4 p {font-weight:normal; font-size:1em; margin-top:12%;}
.con_4 .s2 {background:#C90; color:#FFF; padding:5pt 20pt 5pt 20pt;}

.con_5 {padding-top:10%; padding-bottom:3%;}



/*
.con_6 {padding-bottom:90%; color:#333;}

.con_7 {padding-bottom:10%; padding-top:5%; color:#DDD;}
*/


.div_8 {backgrounds:url(career_production_b_8_2.jpg) no-repeat center bottom; background-size:contain; background-color:#100f0f;}
.con_8 {padding-bottom:20%; padding-top:0%; color:#DDD; text-align:center;}
.div_8 .p {color:#CCC; line-height:2;}


.sub {width:100%; margin:0pt auto 20pt auto; background:url(/partner/files/partner_sub_bg_2.jpg) no-repeat left top; background-size:contain; position:relative; text-align:center;}
.sub img {width:100%; margin-top:2%;}
.sub .p {margin:0pt; padding-top:5%; padding-bottom:3%; font-size:0.8em; line-height:1.3; font-weight:100; color:#FFF; text-shadow:0px 0px 3px #715a48;}
.sub .h2 {margin:0pt; margin-bottom:3%; color:#a58f58; font-weight:100; font-weight:normal;}
.sub .video {position:absolute; width:100%; height:100%; left:0pt; top:0pt; background-color:#000; cursor:pointer; z-index:10;}
.sub .video_play {position:absolute; width:100%; height:100%; left:0pt; top:0pt; z-index:20; background:url(/pub/img/play.png) no-repeat center center; cursor:pointer;}







.div_e {background-color:#000; max-width:720px; margin:0px auto; padding-top:50pt; padding-bottom:30pt; margin-top:40pt;}
.dive  {font-size:0.4em; color:#666; margin:0% 7% 0% 7%;}







.HSFA_bgm {display:none; width:0pt; height:0pt; opacity:0;}
.HSFA_bgmc {position:fixed; right:5pt; top:10pt; width:25pt; height:25pt; background:url(normalmusic_2.svg) no-repeat center center; background-size:contain; cursor:pointer; opacity:0.3; z-index:800;}
.HSFA_bgmcp {animation:rotating 2s linear infinite; -webkit-animation:rotating 2s linear infinite; opacity:1;}



@media screen and (min-width:720px){
body {font-size:18pt; line-height:2;}
.con_3 {width:60%;}
}

/*
@keyframes    rotating{ 0%{transform:rotate(0deg);} 100%{transform:rotate(360deg);} }
@-webkit-keyframes rotating{ 0%{-webkit-transform:rotate(0deg);} 100%{-webkit-transform:rotate(360deg);} }
*/

@keyframes    rotating{ 0%{transform:scale(0.8,0.8); -webkit-transform:scale(0.8,0.8); opacity:0.4;} 50%{transform:scale(1,1); -webkit-transform:scale(1,1); opacity:1;} 100%{transform:scale(0.8,0.8); -webkit-transform:scale(0.8,0.8); opacity:0.4;} }
@-webkit-keyframes rotating{ 0%{transform:scale(0.8,0.8); -webkit-transform:scale(0.8,0.8); opacity:0.4;} 50%{transform:scale(1,1); -webkit-transform:scale(1,1); opacity:1;} 100%{transform:scale(0.8,0.8); -webkit-transform:scale(0.8,0.8); opacity:0.4;} }