@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:#F7F7F7; 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-color:#FFF; 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;}


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



.con {width:86%; margin:0px auto; position:relative; color:#FFF;}
.spc {padding-top:7%;}
.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 {border:solid 2pt #FFF; padding:4pt 24pt 4pt 24pt; margin-top:12pt; display:inline-block; font-size:0.6em; letter-spacing:1pt; color:inherit; cursor:pointer;}
.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:url(career_designer_b_1.jpg) no-repeat center bottom; background-size:contain; background-color:#282828;}
.con_1 {padding-bottom:100%;}


.div_2 {background:url(career_designer_b_2.jpg) no-repeat center bottom; background-size:contain; background-color:#333;}
.con_2 {padding-bottom:100%;}



.div_3 {background:url(career_designer_b_3.png) no-repeat center bottom; background-size:contain; background-color:#f1f1f1;}
.con_3 {padding-bottom:15%; padding-top:5%; color:#333;}



.div_4 {background:url(career_designer_b_4.jpg) no-repeat center bottom; background-size:contain; background-color:#FFF;}
.con_4 {padding-bottom:110%; color:#333;}



.div_5 {background:url(career_designer_b_5.jpg) no-repeat center bottom; background-size:contain; background-color:#FFF;}
.con_5 {padding-bottom:90%; color:#333;}



.div_6 {background:url(career_designer_b_6.jpg) no-repeat center bottom; background-size:contain; background-color:#FFF;}
.con_6 {padding-bottom:90%; color:#333;}



.div_7 {background-color:#323232;}
.con_7 {padding-bottom:10%; padding-top:5%; color:#DDD;}



.div_8 {backgrounds:url(career_designer_b_8.jpg) no-repeat center center; background-size:contain; background-color:#222;}
.con_8 {padding-bottom:20%; padding-top:10%; color:#DDD;}
.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_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: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;} }