/* --- all css setting --- */ ::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; } ::selection { background: #fe57a1; color: #fff; text-shadow: none; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } a { color: #00e; cursor:pointer; } a:visited { color: #551a8b; } a:hover { color: #06e; } a:focus { outline: thin dotted; } a:hover, a:active { outline: 0; } .chromeframe { margin: 0.2em 0; background: #fff; color: black; padding: 0.2em 0; } /*Loader*/ #qLbar{ display: none;} #qLoverlay{ background-color: #FFF !important;background: url('../images/00_loading_bg01.gif') repeat 0 0 transparent;} #qLpercentage{ font: bold 40px Arial, Helvetica, sans-serif !important; color: #000f34 !important; margin-top: -100px !important; margin-left: -190px !important; width: 289px !important; height: 122px !important; padding-left: 40px; padding-top: 66px; background: url('../images/00_loading_bg02.gif') no-repeat center center transparent;} /* --- ascensor --- */ #ascensorBuilding{overflow:hidden;} section{overflow: hidden;} section article{margin-top: 0px;margin-bottom: 0px; padding: 0px;} #ascensor_iframe{border: 0; position: absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; z-index:999;} #ascensor_signpost { width:960px; margin: 0 auto;} #instruction_left { position:relative; float:left; top:165px; overflow: hidden; z-index:2000;} #instruction_right { position: relative; float:right; top:165px; overflow: hidden; z-index:2000;} #ascensorFloor1{ float:left;} #ascensorFloor2{ position:relative;} #ascensorFloor3{ background: #B3CE4A;} #ascensorFloor4{ background: #EB5D45;} /* --- scrollpath --- */ .wrapper div { position: absolute;} .sp-canvas { display: none;} /* --- Scroll bar styles --- */ .sp-scroll-bar {position: fixed;z-index: 999;right: 0;top: 2%;width: 13px;height: 96%;border-radius: 13px;} .sp-scroll-bar:hover {background: #333;background: rgba(0,0,0, 0.2);} .sp-scroll-bar .sp-scroll-handle {position: absolute;width: 100%;height: 80px;border-radius: inherit;background: #FFF ;background: rgba(255,255,255,0.7);} .sp-scroll-bar .sp-scroll-handle:hover {background: rgba(255,255,255,1);} /* -- road --*/ .road_01 { width: 1000px; top: 1810px;left: 850px;transform: rotate(90deg); } .road_02 { width: 1000px; top: 5300px;left: 1770px;transform: rotate(180deg); } .road_03 { width: 1000px; top: 4530px;left: 700px;} .road_04 { width: 1000px; top: 4700px;left: -1260px;transform: rotate(90deg); } #road_bg01a { width:924px; height:866px; top: 0px; background:url("../images/road_01a.gif") center top no-repeat;opacity: 0; } #road_bg01b { width:1464px; height:781px; top: -330px; left: 460px; background:url("../images/road_01b.gif") center top no-repeat; opacity: 0;} #road_bg02 { width:947px; height:1965px; top: 0px; background:url("../images/road_02.gif") center top no-repeat; } #road_bg03 { width:1311px; height:804px; top: 0px; background:url("../images/road_03.gif") center top no-repeat; opacity: 0;} #road_bg04 { width:695px; height:1511px; top: 0px; background:url("../images/road_04.gif") center top no-repeat; } #road_01_ob01 {width:175px; height:125px; top: 520px; left:30px; background:url("../images/road_01ob01.png") center top no-repeat; opacity: 0; } #road_01_ob02 {width:366px; height:668px; top: -370px; left:420px; background:url("../images/road_01ob02.png") center top no-repeat; opacity: 0; } #road_02_ob01 {width:474px; height:371px; top: 1180px; left:-10px; background:url("../images/road_02ob01.png") center top no-repeat; opacity: 0;} #road_02_ob02 {width:638px; height:598px; top: 300px; left:200px; background:url("../images/road_02ob02.gif") center top no-repeat; } #road_02_ob03 {width:264px; height:277px; top: 340px; left:350px; background:url("../images/road_02ob03.png") center top no-repeat;opacity: 0; } #road_03_ob01 {width:443px; height:519px; top: 170px; left:740px; background:url("../images/road_03ob01.png") center top no-repeat;opacity: 0; } #road_04_ob01 {width:309px; height:376px; top: 505px; left:-160px; background:url("../images/road_04ob01.png") center top no-repeat; opacity: 0; } #road_04_ob02 {width:158px; height:163px; top: 530px; left:380px; background:url("../images/road_04ob02.png") center top no-repeat; opacity: 0; } #road_04_ob03 {width:365px; height:568px; top: 1050px; left:80px; background:url("../images/road_04ob03.png") center top no-repeat; opacity: 0; } /* -- mydream --*/ .demo { width: 1000px;text-align: center;font-weight: bold;} .mydream_01 { width: 1000px; top: 420px;left: -475px; } .mydream_02 { width: 1000px; top: 2190px;left: 2120px; transform: rotate(90deg);} .mydream_03 { width: 1000px; top: 6360px;left: 2310px; transform: rotate(180deg);} .mydream_04 { width: 1000px; top: 3980px;left: -900px;} .enddream { width: 1000px; top: 4280px; left: -3380px;transform: rotate(90deg);} #demo_bg { width:1207px; height:1043px; top: -503px; background:url("../images/01_01bg01.gif") center top no-repeat; } #mydream_01_bg01 { width:2076px; height:1159px; top: 0px; background:url("../images/01_01bg02.gif") center top no-repeat; z-index:500; } #mydream_02_bg01 { width:2292px; height:1027px; top: 0px; background:url("../images/01_02bg01.gif") center top no-repeat; z-index:500; } #mydream_03_bg01 { width:2027px; height:1171px; top: 0px; background:url("../images/01_03bg01.gif") center top no-repeat; z-index:500; } #mydream_04_bg01 { width:1729px; height:908px; top: 0px; background:url("../images/01_04bg01.gif") center top no-repeat; z-index:500; } #enddream_bg01 { width:2079px; height:1159px; top: 0px; left:-480px; background:url("../images/01_05bg01.gif") center top no-repeat; z-index:500; } /*--Object--*/ #moon {width:285px; height:283px; top: -400px; left:1150px; background:url("../images/moon.gif") center top no-repeat; z-index:300;} #demo_tilte {width:644px; height:537px; top: 320px; left:245px; background:url("../images/01_01title01.png") center top no-repeat;} #mydream_01_ob01 {width:531px; height:424px; top: 395px; left:750px; background:url("../images/01_01object01.png") center top no-repeat; z-index:700;} #mydream_01_ob02 {width:73px; height:137px; top: 240px; left:1100px; background:url("../images/01_01object02.gif") center top no-repeat; z-index:730;} #mydream_02_ob01 {width:1440px; height:1013px; top: 30px; left:442px; background:url("../images/01_02object01.gif") center top no-repeat; z-index:700;opacity: 0;} #mydream_02_ob02 {width:1440px; height:1013px; top: 30px; left:442px; background:url("../images/01_02object02.gif") center top no-repeat; z-index:720;opacity: 0;} #mydream_02_ob03 {width:607px; height:404px; top: 393px; left:796px; background:url("../images/01_02object03.png") center top no-repeat; z-index:710;opacity: 0;} #mydream_02_ob04 {width:402px; height:333px; top: 200px; left:1500px; background:url("../images/01_02object04.png") center top no-repeat; z-index:730;opacity: 0;} #mydream_03_ob01 {width:424px; height:545px; top: 710px; left:800px; background:url("../images/01_03object01.png") center top no-repeat; z-index:710;opacity: 0;} #mydream_04_ob01 {width:1674px; height:1183px; top: -250px; left:-20px; background:url("../images/01_04object01.gif") center top no-repeat; z-index:710;opacity: 1;} #mydream_04_ob02 {width:1586px; height:812px; top: 230px; left:780px; background:url("../images/01_04object02.gif") center top no-repeat; z-index:690;opacity: 0;} #mydream_04_ob03 {width:217px; height:450px; top: 25px; left:-195px; background:url("../images/01_04object03.png") center top no-repeat; z-index:700;} #enddream_ob01 {width:481px; height:536px; top: 390px; left:350px; background:url("../images/01_05object01.png") center top no-repeat; z-index:710;} #enddream_ob02 {width:531px; height:411px; top: -100px; left:323px; background:url("../images/01_05object02.gif") center top no-repeat; z-index:720;} #enddream_btn01 { top: 335px; left:95px;} .scrollpathbig {display: block;font-size: 20px;font-weight: bold;line-height: 1.3em;margin-bottom: 10px;} #show { width:300px; left:700px; z-index: 9999;} /* --- jzoopraxiscope.css --- */ #animation-container { height: 431px; width: 879px; top:105px;left:435px; } #animation-controls { top: 230px; left: 350px; margin: auto; width: 67px;z-index:1000;} #animation-controls img {cursor: pointer; margin: 0 0 25px 0;} /* --- movebg.css --- */ #movebg {background:url("../images/01_00bg02.gif") center top repeat; position:relative; width:100%; height:1200px; z-index:900;} #patternbg {background:url("../images/01_00bg01.jpg") center top repeat;position:relative; width:100%; height:1200px;z-index:900;} #profile_movebg {background:url("../images/02_bg02.png") center top repeat; width:100%; height:1200px; z-index:1010;} #profile_patternbg {background:url("../images/02_bg01.png") center top repeat; width:100%; height:1200px;z-index:1000;} #profile_patternbg2 {background:url("../images/02_bg03.png") center top repeat; width:100%; height:1200px;z-index:1020;} #photo_movebg {background:url("../images/03_bg02.png") center top repeat; width:100%; height:1200px; z-index:1010;} #photo_patternbg {background:url("../images/03_bg01.png") center top repeat; width:100%; height:1200px;z-index:1000;} #photo_patternbg2 {background:url("../images/03_bg03.png") center top repeat; width:100%; height:1200px;z-index:1020;} #design_movebg {background:url("../images/04_bg02.png") center top repeat; width:100%; height:1200px; z-index:1010;} #design_patternbg {background:url("../images/04_bg01.png") center top repeat; width:100%; height:1200px;z-index:1000;} #design_patternbg2 {background:url("../images/04_bg03.png") center top repeat; width:100%; height:1200px;z-index:1020;} /* --- ascensor other --- */ @media only screen and (min-width: 35em) { .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; } .ir br { display: none; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } } @media print { * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } }