@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:#222; 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:#222; 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:#FFF; background-size:contain; margin:0px auto; clear:both;padding-top: 25px; }

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






.con {width:86%; margin:0px auto; position:relative; color:#222;}
.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.53; 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_production_m0.jpg?2); background-size:cover; background-position:center top; background-color:#111;}
.con_1 {padding-bottom:15%; padding-top:80%;}

.div_2 {color:#222;}
.div_2_1 {background-image:url(career_production_m1.jpg); background-repeat:no-repeat; background-size:contain; background-position:center bottom; background-color:#f3eae3;}
.div_2_2 {background-image:url(career_production_m2.jpg); background-repeat:no-repeat; background-size:contain; background-position:center bottom; background-color:#e7dece;}
.div_2_3 {background-image:url(career_production_m3.jpg); background-repeat:no-repeat; background-size:contain; background-position:center bottom; background-color:#f9f3db;}
.div_2 h1 {font-size:1.4em; font-weight:bold; text-align:center; margin-top:15%;}
.div_2 h2 {font-size:0.8em; font-weight:normal; line-height:1.3; color:#661010; text-align:center;}
.div_2 p {font-size:0.6em;}
.con_2_1 {padding-bottom:110%;}
.con_2_2 {padding-bottom:110%;}
.con_2_3 {padding-bottom:140%;}



/*.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; color:#222; padding-bottom:2%;}
.con_4 { width:60%; margin:0 auto; padding-top:10%; margin-top:10%; padding-bottom:0%; margin-bottom:1%; border:solid 3pt #421; background:none; text-align:center; color:#421; position:static;}
.con_4 h1 {font-weight:bold; font-size:1.7em;}
.con_4 h2 {font-weight:normal; font-size:0.9em; letter-spacing:1pt; margin-top:20pt;}
.con_4 p {font-weight:normal; font-size:0.75em; margin-top:12%;}
.con_4 .s2 {background:#421; color:#FFF; padding:5pt 20pt 5pt 20pt;}

.con_5 {color:#111; padding-top:12%; padding-bottom:3%;}



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

.con_7 {padding-bottom:10%; padding-top:5%; color:#DDD;}
*/
.div_07{background-image:url(07.jpg) ; background-size:contain;background-repeat: no-repeat;margin:0px auto; clear:both;}
.con_07{ padding-top:161%;position:relative; color:#222;text-align: center;width: 86%; margin: 0px auto;}
.con_07{ padding-top:161%;position:relative; color:#222;text-align: center;width: 86%; margin: 0px auto;}
.con_07 div{
	position: absolute;
	color: #FFFFFF;
	top: 2%;
	/* left: 10%; */
	text-align: left;
}
.con_07 .k_h2{
	font-size: 1.0em;
	font-weight: 500;
	line-height: 1.1em;
}
.con_07 .k_p{
	font-size: 0.6em;
	line-height: 1.2em;
	margin-bottom: 11%;
}
.con_07 .k_07{
	border: 2px #FFFFFF solid;
	padding: 0.7em 2.2em;
	font-size: 0.5em;
}

/*.k_07{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;}*/
/*.div_07 .k_h2{font-size: 1em; color:#FFF;position: absolute;top:30px;left: 60px;font-weight: normal;line-height:30px;text-align: left;}*/
/*.div_07 .k_p{font-size: 1em; color:#FFF;position: absolute;top:30px;left: 60px;font-weight: normal;line-height:30px;text-align: left;}*/
/*.div_07 .k_p{font-size: 0.6em; color:#FFF;position: absolute;top:126px;left: 60px;font-weight: normal;line-height:17px;text-align: left;overflow: auto}*/
/*.div_07 .k_p{font-size:0.6em; line-height:1.53; color:inherit; margin:12pt 0pt 0pt 0pt; letter-spacing:0pt;}*/

.div_8 { background-size:cover; background-position:center top; background-color:#111;}
.con_8 {padding-bottom:10%; padding-top:20%; color:#DDD; text-align:left;}
.div_8 .p {color:#CCC; line-height:2;}
.con_8 h1 {font-weight:bold; font-size:1.7em;}
.con_8 h2 {font-weight:normal; font-size:0.9em; letter-spacing:1pt; margin:0px;}

.div_9 {backgrounds:url(career_designer_b_8.jpg) no-repeat center center; background-size:contain; background-color:#222;}
.con_9 {padding-bottom:20%; padding-top:10%; color:#DDD;}
.con_9 h1 {font-weight:bold; font-size:1.7em;}
.con_9 h2 {font-weight:normal; font-size:0.9em; letter-spacing:1pt; margin:0px;}

#content {margin-top:16pt; border:solid 3pt #AAA; padding:5%; box-sizing:border-box; display:none;}
.conx h1 {margin:0px; font-size:1.4em; font-weight:normal; line-height:1.1; color:inherit; text-shadow:1px 1px 2px rgba(0,0,0,.3);}
.conx h2 {margin:0px; font-size:0.8em; font-weight:normal; line-height:1.1; color:inherit; text-shadow:1px 1px 2px rgba(0,0,0,.3);}
.conx .sel {width:100%; font-size:0.65em;  padding-top:5pt; padding-bottom:5pt; margin-top:5pt; color:#666;}
.conx .block_1 {display:block; font-size:0.65em; padding:5pt 0pt 5pt 0pt; box-sizing:border-box; text-align:center; background-color:#EB2; color:#826728 !important; margin-top:5pt; margin-bottom:5pt;}
.conx .block_1 a {text-decoration:none; color:#826728;}
.conx .p {font-size:0.65em; line-height:1.7; color:#555; margin:8pt 0pt 0pt 0pt; letter-spacing:0pt;}
.conx .p strong {color:#333;}





.div_e {background-color:#000; max-width:720px; margin:0px auto; padding-top:30pt; padding-bottom:30pt;}
.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;} }