@charset "utf-8"; /* CSS Document */ #intro3 .container{background-color:#eee8c5;} #intro3 .slider.intro .slider_pager{top:862px;} #intro3 .slider.intro .slider_btn {top:618px;} #intro3_1 .content_box.bottom, #intro3_2 .content_box.bottom{ background:url(../../../images/zero_carbon_design_strategy/bg_content_box_bottom_intro1.png) top center no-repeat; top:-380px; min-height:380px; z-index:-2; position:relative;} #intro3_3 .content_box.bottom, #intro3_4 .content_box.bottom, #intro3_5 .content_box.bottom, #intro3_6 .content_box.bottom, #intro3_7 .content_box.bottom, #intro3_8 .content_box.bottom{background:url(../../../images/zero_carbon_design_strategy/bg_content_box_bottom_intro2.png) -407px top no-repeat; top:-248px; min-height:248px; position:relative; z-index:-2;} #intro3 .content_box.top { height:100%;} #intro3 .content_box.top .main_content{ width:530px; top:170px; left:110px; position:relative; z-index:5;} #intro3 .main_animate{width:768px;top:200px;left:0px; position:absolute;} #intro3_3 .main_animate,#intro3_4 .main_animate,#intro3_5 .main_animate,#intro3_6 .main_animate{width:768px;top:112px;left:-195px; position:absolute;} #intro3_7 .main_animate{top:220px;} #intro3_8 .main_animate{top:230px;} #intro3 .content_box.top>.wrapper>h4{ background:url(../images/titleBg_subLevel0.png) center center no-repeat; position:relative; z-index:20;} #intro3 #intro3_3 .wrapper>.main_content, #intro3 #intro3_4 .wrapper>.main_content, #intro3 #intro3_5 .wrapper>.main_content, #intro3 #intro3_6 .wrapper>.main_content{ width:230px;} #intro3 #intro3_8 .wrapper>.main_content{ width:662px; margin:0 auto; left:0;} #txt_strategies { position:absolute; top:409px; left:138px; z-index:50; color:#005abb; font-size:18px;} #txt_passive { position:absolute; z-index:50; width:100px; text-align:right; left:275px; top:544px; font-size:18px;} #txt_active { position:absolute; z-index:50; width:100px; text-align:right; left:275px; top:499px; font-size:18px;} #txt_renewable { position:absolute; z-index:50; width:100px; text-align:right; left:275px; top:455px; font-size:18px;} #txt_eub { position:absolute; top:620px; left:415px; z-index:50; font-size:18px; transform: rotate(-90deg); -ms-transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -webkit-transform: rotate(-90deg);} #txt_zcb{position:absolute;top:723px;left:561px;z-index:50;transform:rotate(-90deg);-ms-transform: rotate(-90deg);-webkit-transform:rotate(-90deg);font-size:18px;} #intro3_4 #txt_zcb{top:723px;} #intro3_5 #txt_zcb{top:851px;color:#66952e;} #txt_passivebar{position:absolute; top:708px; left:552px; z-index:50; font-size:18px; transform:rotate(-90deg); -ms-transform:rotate(-90deg); -webkit-transform:rotate(-90deg);} #txt_activebar{position:absolute; top:712px; left:604px; z-index:50; font-size:18px; transform:rotate(-90deg); -ms-transform:rotate(-90deg); -webkit-transform:rotate(-90deg);} #txt_renewablebar{position:absolute; top:690px; left:629px; z-index:50; font-size:18px; transform:rotate(-90deg); -ms-transform:rotate(-90deg); -webkit-transform:rotate(-90deg); color:#379b15;} #txt_summary { position:absolute; top:384px; left:559px; z-index:50; color:#009a3d; font-size:18px;} #txt_50yr1{color:#626466; font-size:12px; line-height:12px; position:absolute; top:562px; left:156px; z-index:50;} #txt_50yr2{color:#626466; font-size:12px; line-height:12px; position:absolute; top:542px; left:362px; z-index:50;} #txt_50yr3{color:#626466; font-size:12px; line-height:12px; position:absolute; top:562px; left:571px; z-index:50;} #txt_50yr1 span{font-size:20px;} #txt_50yr2 span{font-size:20px;} #txt_50yr3 span{font-size:20px;} #txt_ball1{font-size:20px;line-height:20px;position:absolute;top:626px;left:99px;z-index:50;} #txt_ball2{font-size:20px;line-height:20px;position:absolute;top:595px;left:301px;z-index:50;} #txt_ball3{font-size:15px;line-height:15px;position:absolute;top:611px;left:509px;z-index:50;} #txt_ball1 span{font-size:32px;line-height:32px;} #txt_ball2 span{font-size:32px;line-height:32px;} #txt_ball3 span{font-size:32px;line-height:32px;} #txt_ball1 img{margin-top:5px;} #txt_ball2 img{margin-top:5px;} #txt_ball3 img{margin-top:10px;} #intro3_8 .intro3_8_btn{cursor:pointer; z-index:10; width:190px; height:180px; display:block; position:absolute; top:447px;} #intro3_8 .intro3_8_btn svg{position:relative; z-index:1; margin-top:-85px;} #intro3_8 .intro3_8_btn h4{padding:7px 0; width:136px; height:58px; margin:0 auto; top:100px; position:relative; z-index:0; font-size:24px; line-height:27px;} #intro3_8 .btn_passiveDesign{left:122px;} #intro3_8 .btn_passiveDesign h4{ color:#005abb; background:url(../images/intro3_8_titleBg1.png) top left no-repeat;} #intro3_8 .btn_activeSystem{left:284px;} #intro3_8 .btn_activeSystem h4{ color:#ff6418; background:url(../images/intro3_8_titleBg2.png) top left no-repeat;} #intro3_8 .btn_renewableEnergy{left:470px;} #intro3_8 .btn_renewableEnergy h4{ color:#009a3d; background:url(../images/intro3_8_titleBg3.png) top left no-repeat; width:184px;} .zero_carbon_design_strategy .content_box.top {height:100%;} .zero_carbon_design_strategy.intro .content_box.top {min-height:1015px;} .zero_carbon_design_strategy.planview .content_box.top {min-height:902px;} .zero_carbon_design_strategy.sideview .content_box.top {min-height:838px;} .zero_carbon_design_strategy .container{background:url(../../../images/zero_carbon_design_strategy/bg_content_box_top.jpg) center 174px repeat-x;} .zero_carbon_design_strategy.intro .container{background:none;} .zero_carbon_design_strategy.planview .content_box.top .main_image{top:564px;left:127px;position:absolute;z-index:-1;} .zero_carbon_design_strategy.sideview .content_box.top .main_image{top:610px;left:90px;position:absolute;z-index:-1;} .zero_carbon_design_strategy.planview .content_box.top .main_animate{position:absolute;top:462px;left:-170px;display:block;} .zero_carbon_design_strategy.sideview .content_box.top .main_animate{position:absolute;top:397px;left:-76px;display:block;} .zero_carbon_design_strategy.sideview .content_box.bottom{ background:url(../../../images/zero_carbon_design_strategy/bg_content_box_bottom_sideview.png) center top no-repeat; min-height:375px; margin-top:-58px; padding-top:55px;} .zero_carbon_design_strategy.planview .content_box.bottom{ background:url(../../../images/zero_carbon_design_strategy/bg_content_box_bottom_planview.jpg) center top no-repeat; min-height:375px; z-index:-2;} .zero_carbon_design_strategy.planview .content_box.top .btn_take_the_quiz {top:666px;} .zero_carbon_design_strategy.sideview .content_box.top .btn_take_the_quiz {top:598px;} .zero_carbon_design_strategy.intro .content_box.top .btn_take_the_quiz {top:546px;} .zero_carbon_design_strategy.passiveDesign .content_box.top>.wrapper>h4{ background:url(../images/titleBg_subLevel1.png) center center no-repeat; position:relative; z-index:1;} .zero_carbon_design_strategy.activeSystem .content_box.top>.wrapper>h4{ background:url(../images/titleBg_subLevel2.png) center center no-repeat; position:relative; z-index:1;} .zero_carbon_design_strategy.renewableEnergy .content_box.top>.wrapper>h4{ background:url(../images/titleBg_subLevel3.png) center center no-repeat; position:relative; z-index:1;} .zero_carbon_design_strategy #btn_main_content{top:390px; left:83px} .zero_carbon_design_strategy.intro #btn_main_content{top:390px; left:12px} .zero_carbon_design_strategy #popup_full_content{padding:42px;display:none;} .zero_carbon_design_strategy #popup_full_content h4{text-align:left;color:#f58426;padding-bottom:30px;} .zero_carbon_design_strategy #popup_full_content p{color:#404040;text-align:left;} .zero_carbon_design_strategy #btn_remark{position:absolute; display:block; cursor:pointer; z-index:1000;} .zero_carbon_design_strategy #remark{display:none;} .zero_carbon_design_strategy #remark{padding:42px;display:none;} .zero_carbon_design_strategy #remark h4{text-align:left;color:#f58426;padding-bottom:30px;} .zero_carbon_design_strategy #remark li{color:#404040;text-align:left;margin-left:16px;} .zero_carbon_design_strategy #remark p{color:#404040;text-align:left;padding-bottom:20px;} .zero_carbon_design_strategy #remark li:last-child p{padding:0;} .zero_carbon_design_strategy#game3113_sideview .remark{position:absolute; top:236px; left:296px; z-index:1; height:338px; width:464px; padding-left:402px;} .zero_carbon_design_strategy#game3111_sideview .remark{background:url(../../../images/zero_carbon_design_strategy/game3111_sideview_remarkLine.png) left top no-repeat;} .zero_carbon_design_strategy#game3112_sideview .remark{background:url(../../../images/zero_carbon_design_strategy/game3112_sideview_remarkLine.png) left top no-repeat; position:absolute; top:244px; left:296px; z-index:1; height:244px; width:464px; padding-left:402px;} .zero_carbon_design_strategy#game3113_sideview .remark{background:url(../../../images/zero_carbon_design_strategy/game3113_sideview_remarkLine.png) left top no-repeat;} .zero_carbon_design_strategy#game3121_sideview .remark{background:url(../../../images/zero_carbon_design_strategy/game3121_sideview_remarkLine.png) left top no-repeat; position:absolute; top:244px; left:296px; z-index:1; height:338px; width:464px; padding-left:402px;} .zero_carbon_design_strategy#game3122_sideview .remark{background:url(../../../images/zero_carbon_design_strategy/game3122_sideview_remarkLine.png) left top no-repeat; position:absolute; top:234px; left:296px; z-index:1; height:338px; width:464px; padding-left:402px;} .zero_carbon_design_strategy#game3123_sideview .remark{background:url(../../../images/zero_carbon_design_strategy/game3122_sideview_remarkLine.png) left top no-repeat; position:absolute; top:234px; left:340px; z-index:1; height:338px; width:464px; padding-left:402px;} .zero_carbon_design_strategy#game3131_sideview .remark{background:url(../../../images/zero_carbon_design_strategy/game3131_sideview_remarkLine.png) left top no-repeat; position:absolute; top:234px; left:296px; z-index:1; height:338px; width:464px; padding-left:402px;} .zero_carbon_design_strategy#game3132_sideview .remark{background:url(../../../images/zero_carbon_design_strategy/game3132_sideview_remarkLine.png) left top no-repeat; position:absolute; top:234px; left:296px; z-index:1; height:338px; width:464px; padding-left:402px;} .zero_carbon_design_strategy#game3133_sideview .remark{background:url(../../../images/zero_carbon_design_strategy/game3133_sideview_remarkLine.png) left top no-repeat; position:absolute; top:234px; left:296px; z-index:1; height:338px; width:464px; padding-left:402px;} .zero_carbon_design_strategy#game3134_sideview .remark{background:url(../../../images/zero_carbon_design_strategy/game3134_sideview_remarkLine.png) left top no-repeat; position:absolute; top:234px; left:296px; z-index:1; height:338px; width:464px; padding-left:402px;} .zero_carbon_design_strategy#game3211_sideview .remark{background:url(../../../images/zero_carbon_design_strategy/game3211_sideview_remarkLine.png) left top no-repeat; position:absolute; top:234px; left:296px; z-index:1; height:338px; width:464px; padding-left:402px;} .zero_carbon_design_strategy#game3212_sideview .remark{background:url(../../../images/zero_carbon_design_strategy/game3212_sideview_remarkLine.png) left top no-repeat; position:absolute; top:234px; left:296px; z-index:1; height:338px; width:464px; padding-left:402px;} .zero_carbon_design_strategy#game3221_sideview .remark{background:url(../../../images/zero_carbon_design_strategy/game3221_sideview_remarkLine.png) left top no-repeat; position:absolute; top:234px; left:296px; z-index:1; height:338px; width:464px; padding-left:402px;} .zero_carbon_design_strategy#game3231_sideview .remark{background:url(../../../images/zero_carbon_design_strategy/game3231_sideview_remarkLine.png) left top no-repeat; position:absolute; top:244px; left:296px; z-index:1; height:338px; width:464px; padding-left:402px;} .zero_carbon_design_strategy#game3311_sideview .remark{background:url(../../../images/zero_carbon_design_strategy/game3311_sideview_remarkLine.png) left top no-repeat; position:absolute; top:244px; left:296px; z-index:1; height:338px; width:464px; padding-left:402px;} .zero_carbon_design_strategy#game3312_sideview .remark{background:url(../../../images/zero_carbon_design_strategy/game3312_sideview_remarkLine.png) left top no-repeat; position:absolute; top:244px; left:296px; z-index:1; height:338px; width:464px; padding-left:402px;} .zero_carbon_design_strategy .subMenu{ position:absolute; top:380px; left:5px; z-index:6;} .zero_carbon_design_strategy .subMenu a{ height:87px; width:87px; display:block;} .zero_carbon_design_strategy .subMenu a h6{font-size:18px;line-height:18px;margin:-15px 0 0 48px;padding:7px 5px 19px 2px;position:absolute;text-align:center;} .zero_carbon_design_strategy .subMenu .subMenu_btn_passiveDesign{ background:url(../../../images/zero_carbon_design_strategy/subMenu_btn_passiveDesign.png) top left no-repeat;} .zero_carbon_design_strategy .subMenu .subMenu_btn_passiveDesign h6{color:#005abb;width:74px;background:url(../images/subMenu_titleBg1.png) top left no-repeat;} .zero_carbon_design_strategy .subMenu .subMenu_btn_activeSystem{ background:url(../../../images/zero_carbon_design_strategy/subMenu_btn_activeSystem.png) top left no-repeat;} .zero_carbon_design_strategy .subMenu .subMenu_btn_activeSystem h6{color:#f12938;width:80px;background:url(../images/subMenu_titleBg2.png) top left no-repeat;} .zero_carbon_design_strategy .subMenu .subMenu_btn_renewableEnergy{background:url(../../../images/zero_carbon_design_strategy/subMenu_btn_renewableEnergy.png) top left no-repeat;} .zero_carbon_design_strategy .subMenu .subMenu_btn_renewableEnergy h6{color:#009a3d;width:110px;background:url(../images/subMenu_titleBg3.png) top left no-repeat;} .zero_carbon_design_strategy.passiveDesign .subMenu .subMenu_btn_passiveDesign, .zero_carbon_design_strategy.activeSystem .subMenu .subMenu_btn_activeSystem, .zero_carbon_design_strategy.renewableEnergy .subMenu .subMenu_btn_renewableEnergy, .zero_carbon_design_strategy .subMenu a:hover { background-position:bottom left;} .zero_carbon_design_strategy .game_title{font-size:32px; margin-top:100px; padding-left:80px; position:relative; z-index:2;} .zero_carbon_design_strategy.passiveDesign .game_title{color:#005195;} .zero_carbon_design_strategy.activeSystem .game_title{color:#f12938;} .zero_carbon_design_strategy.renewableEnergy .game_title{color:#009a3d} .zero_carbon_design_strategy .btn_changeView{ width:210px; height:56px; display:block; position:absolute; top:395px; right:20px; z-index:3; cursor:pointer;} .zero_carbon_design_strategy .btn_changeView h6{ line-height:56px; text-align:right; position:relative; right:66px;} .zero_carbon_design_strategy .btn_changeView svg,.zero_carbon_design_strategy .btn_changeView object{ position:relative; right:-60px; top:-56px;} .zero_carbon_design_strategy .btn_changeView:hover svg #btnBg{fill:#5AA0BC;} .zero_carbon_design_strategy .btn_changeView:hover svg #btnArrow{fill:#fff;} .zero_carbon_design_strategy .subSubMenu{width:100%;position:absolute;top:48px;} .zero_carbon_design_strategy.sideview .subSubMenu{top:48px;} .zero_carbon_design_strategy.planview .subSubMenu{top:48px;} .zero_carbon_design_strategy .subSubMenu>div{ position:absolute;width:528px;padding:0 120px;} .zero_carbon_design_strategy .subSubMenu>div h6{ font-size:24px; line-height:42px; padding-bottom:20px;} .zero_carbon_design_strategy .subSubMenu>div a{font-weight:bold;color:#404040;float:left;height:180px;width:25%;padding:0 0%;} .zero_carbon_design_strategy .subSubMenu>div a .icon{ width:79px; height:79px; margin:0 auto -10px;} .zero_carbon_design_strategy .subSubMenu .ventilation h6{ color:#009abc; background:url(../images/subSubMenu_titleBg1.png) top center no-repeat;} .zero_carbon_design_strategy .subSubMenu .lighting h6{ color:#ffb60f; background:url(../images/subSubMenu_titleBg2.png) top center no-repeat;} .zero_carbon_design_strategy .subSubMenu .solarControl h6{ color:#ff6418; background:url(../images/subSubMenu_titleBg3.png) top center no-repeat;} .zero_carbon_design_strategy .subSubMenu .renewableEnergy h6{ color:#69913b; background:url(../images/subSubMenu_titleBg1.png) top center no-repeat;} .zero_carbon_design_strategy .subSubMenu .ventilation a .icon{background:url(../../../images/zero_carbon_design_strategy/subSubMenu_btn1.png) no-repeat;} .zero_carbon_design_strategy .subSubMenu .lighting a .icon{ background:url(../../../images/zero_carbon_design_strategy/subSubMenu_btn2.png) no-repeat;} .zero_carbon_design_strategy .subSubMenu .solarControl a .icon{background:url(../../../images/zero_carbon_design_strategy/subSubMenu_btn3.png) no-repeat;} .zero_carbon_design_strategy .subSubMenu .renewableEnergy a .icon{background:url(../../../images/zero_carbon_design_strategy/subSubMenu_btn4.png) no-repeat;} .zero_carbon_design_strategy .subSubMenu .ventilation a:hover{color:#009abc;} .zero_carbon_design_strategy .subSubMenu .lighting a:hover{color:#ffb60f;} .zero_carbon_design_strategy .subSubMenu .solarControl a:hover{color:#ff6418;} .zero_carbon_design_strategy .subSubMenu .renewableEnergy a:hover{color:#6b6f2a;} .zero_carbon_design_strategy .subSubMenu>div a .icon{ background-position:top center;} .zero_carbon_design_strategy .subSubMenu>div a:hover .icon{ background-position:bottom center;} .zero_carbon_design_strategy.passiveDesign .subSubMenu .ventilation a {padding:0 4%;} .zero_carbon_design_strategy.passiveDesign .subSubMenu .lighting a {padding:0 4.15%;} .zero_carbon_design_strategy.activeSystem .subSubMenu .ventilation a{padding:0 12%;} .zero_carbon_design_strategy.activeSystem .subSubMenu .lighting a{padding:0 40%;} .zero_carbon_design_strategy.activeSystem .subSubMenu .solarControl a{padding:0 40%;} .zero_carbon_design_strategy .subSubMenu .renewableEnergy a{padding:0 12.5%;} .zero_carbon_design_strategy.crossVentilatedLayout .subSubMenu .ventilation .subSubMenu_btn_crossVentilatedLayout, .zero_carbon_design_strategy.windCatchers .subSubMenu .ventilation .subSubMenu_btn_windCatchers, .zero_carbon_design_strategy.earthCoolingTube .subSubMenu .ventilation .subSubMenu_btn_earthCoolingTube{color:#009abc;} .zero_carbon_design_strategy.northGlazing .subSubMenu .lighting .subSubMenu_btn_northGlazing, .zero_carbon_design_strategy.lightShelves .subSubMenu .lighting .subSubMenu_btn_lightShelves, .zero_carbon_design_strategy.lightPipes .subSubMenu .lighting .subSubMenu_btn_lightPipes{color:#ffb60f;} .zero_carbon_design_strategy.heatReflecting .subSubMenu .solarControl .subSubMenu_btn_heatReflecting, .zero_carbon_design_strategy.insulatedRoof .subSubMenu .solarControl .subSubMenu_btn_insulatedRoof, .zero_carbon_design_strategy.highPerformanceGlazing .subSubMenu .solarControl .subSubMenu_btn_highPerformanceGlazing, .zero_carbon_design_strategy.externalShading .subSubMenu .solarControl .subSubMenu_btn_externalShading{color:#ff6418;} .zero_carbon_design_strategy.highVolume .subSubMenu .ventilation .subSubMenu_btn_highVolume, .zero_carbon_design_strategy.highTemperature .subSubMenu .ventilation .subSubMenu_btn_highTemperature{color:#009abc;} .zero_carbon_design_strategy.intelligentLighting .subSubMenu .lighting .subSubMenu_btn_intelligentLighting{color:#ffb60f;} .zero_carbon_design_strategy.activeSkylight .subSubMenu .solarControl .subSubMenu_btn_activeSkylight{color:#ff6418;} .zero_carbon_design_strategy.bioDiesel .subSubMenu .renewableEnergy .subSubMenu_btn_bioDiesel, .zero_carbon_design_strategy.photovoltaics .subSubMenu .renewableEnergy .subSubMenu_btn_photovoltaics{color:#6b6f2a;} .zero_carbon_design_strategy.crossVentilatedLayout .subSubMenu>div .subSubMenu_btn_crossVentilatedLayout .icon, .zero_carbon_design_strategy.windCatchers .subSubMenu>div .subSubMenu_btn_windCatchers .icon, .zero_carbon_design_strategy.earthCoolingTube .subSubMenu>div .subSubMenu_btn_earthCoolingTube .icon, .zero_carbon_design_strategy.northGlazing .subSubMenu>div .subSubMenu_btn_northGlazing .icon, .zero_carbon_design_strategy.lightShelves .subSubMenu>div .subSubMenu_btn_lightShelves .icon, .zero_carbon_design_strategy.lightPipes .subSubMenu>div .subSubMenu_btn_lightPipes .icon, .zero_carbon_design_strategy.heatReflecting .subSubMenu>div .subSubMenu_btn_heatReflecting .icon, .zero_carbon_design_strategy.insulatedRoof .subSubMenu>div .subSubMenu_btn_insulatedRoof .icon, .zero_carbon_design_strategy.highPerformanceGlazing .subSubMenu>div .subSubMenu_btn_highPerformanceGlazing .icon, .zero_carbon_design_strategy.externalShading .subSubMenu>div .subSubMenu_btn_externalShading .icon, .zero_carbon_design_strategy.highVolume .subSubMenu>div .subSubMenu_btn_highVolume .icon, .zero_carbon_design_strategy.highTemperature .subSubMenu>div .subSubMenu_btn_highTemperature .icon, .zero_carbon_design_strategy.intelligentLighting .subSubMenu>div .subSubMenu_btn_intelligentLighting .icon, .zero_carbon_design_strategy.activeSkylight .subSubMenu>div .subSubMenu_btn_activeSkylight .icon, .zero_carbon_design_strategy.bioDiesel .subSubMenu>div .subSubMenu_btn_bioDiesel .icon, .zero_carbon_design_strategy.photovoltaics .subSubMenu>div .subSubMenu_btn_photovoltaics .icon{ background-position:bottom center;} .zero_carbon_design_strategy#game3112_sideview #popup_info02 .popup_animate {height:200px; background:url(../../../images/zero_carbon_design_strategy/game3112_sideview_poupBg.jpg) top left no-repeat;} .zero_carbon_design_strategy#game3113_sideview #popup_info01 .popup_animate {height:200px; background:url(../../../images/zero_carbon_design_strategy/game3113_sideview_poupBg.jpg) top left no-repeat;} .zero_carbon_design_strategy#game3121_sideview #popup_info02 .popup_animate, .zero_carbon_design_strategy#game3122_sideview #popup_info01 .popup_animate, .zero_carbon_design_strategy#game3123_sideview #popup_info01 .popup_animate, .zero_carbon_design_strategy#game3132_sideview #popup_info02 .popup_animate, .zero_carbon_design_strategy#game3134_sideview #popup_info02 .popup_animate, .zero_carbon_design_strategy#game3211_sideview #popup_info02 .popup_animate, .zero_carbon_design_strategy#game3221_sideview #popup_info02 .popup_animate, .zero_carbon_design_strategy#game3312_sideview #popup_info01 .popup_animate {height:200px; background:url(../../../images/zero_carbon_design_strategy/game3121_sideview_poupBg.jpg) top left no-repeat;} .zero_carbon_design_strategy#game3133_sideview #popup_info02 .popup_animate {height:200px; background:url(../../../images/zero_carbon_design_strategy/game3133_sideview_poupBg.jpg) top left no-repeat;} .zero_carbon_design_strategy#game3131_sideview #popup_info02 .popup_animate, .zero_carbon_design_strategy#game3132_sideview #popup_info02 .popup_animate {height:200px; background:url(../../../images/zero_carbon_design_strategy/game3132_sideview_poupBg.jpg) top left no-repeat;} .zero_carbon_design_strategy#game3212_sideview #popup_info02 .popup_animate {height:200px; background:url(../../../images/zero_carbon_design_strategy/game3212_sideview_poupBg.jpg) top left no-repeat;} .zero_carbon_design_strategy#game3231_sideview #popup_info02 .popup_animate {height:200px; background:url(../../../images/zero_carbon_design_strategy/game3231_sideview_poupBg.jpg) top left no-repeat;} .zero_carbon_design_strategy#game3311_sideview #popup_info02 .popup_animate {height:200px; background:url(../../../images/zero_carbon_design_strategy/game3311_sideview_poupBg.jpg) top left no-repeat;} .zero_carbon_design_strategy#game3221_planview h6.txt_animate{font-size:11px;color:#f15a22;text-align:left;font-weight:bold; display:none;z-index:1;} .zero_carbon_design_strategy#game3221_planview h6.txt_animate.left_first{position:absolute;top:656px;left:251px;letter-spacing:52px;} .zero_carbon_design_strategy#game3221_planview h6.txt_animate.left_second{position:absolute;top:683px;left:249px;letter-spacing:49px;} .zero_carbon_design_strategy#game3221_planview h6.txt_animate.left_third{position:absolute;top:718px;left:249px;letter-spacing:49px;} .zero_carbon_design_strategy#game3221_planview h6.txt_animate.left_third_b{position:absolute;top:718px;left:413px;} .zero_carbon_design_strategy#game3221_planview h6.txt_animate.left_forth_a{position:absolute;top:764px;left:256px;} .zero_carbon_design_strategy#game3221_planview h6.txt_animate.left_forth_b{position:absolute;top:764px;left:309px;} .zero_carbon_design_strategy#game3221_planview h6.txt_animate.left_forth_c{position:absolute;top:764px;left:329px;} .zero_carbon_design_strategy#game3221_planview h6.txt_animate.left_forth_d{position:absolute;top:764px;left:376px;} .zero_carbon_design_strategy#game3221_planview h6.txt_animate.right_a{position:absolute;top:648px;left:460px;line-height: 31px;} .zero_carbon_design_strategy#game3221_planview #txt_animate_2 h6.txt_animate.right_a{top:675px;left:459px;} .zero_carbon_design_strategy#game3221_planview h6.txt_animate.right_b{position:absolute;top:706px;left:541px;line-height: 20px;} .zero_carbon_design_strategy#game3221_planview h6.txt_animate.right_c{position:absolute;top:765px;left:543px;} .zero_carbon_design_strategy#game3221_planview h6.txt_animate.right_d{position:absolute;top:705px;left:573px;line-height: 37px;} .zero_carbon_design_strategy#game3221_sideview h6.txt_animate{font-size:11px;color:#f15a22;text-align:left;font-weight:bold; display:none;z-index:1;} .zero_carbon_design_strategy#game3221_sideview h6.txt_animate.left_a{position:absolute;top:703px;left:305px;line-height: 71px;} .zero_carbon_design_strategy#game3221_sideview h6.txt_animate.right_a{position:absolute;top:782px;left:437px;} .zero_carbon_design_strategy#game3221_sideview h6.txt_animate.left_b{position:absolute;top:704px;left:362px;line-height: 71px;} .zero_carbon_design_strategy#game3221_sideview h6.txt_animate.right_b{position:absolute;top:802px;left:530px;} .zero_carbon_design_strategy .content_box.top .tips{position:absolute;z-index:1000;} .zero_carbon_design_strategy .content_box.top .tips p{color:#b01a48;line-height:18px;} .zero_carbon_design_strategy .content_box.top #tips1{background:url(../../../images/zero_carbon_design_strategy/arrow_down.gif) center bottom no-repeat;top:500px;padding-bottom:22px;width:100%;} #game3113_sideview .content_box.top .main_image{top:610px;left:130px;} #game3121_sideview .content_box.top .main_image{top:610px;left:232px;} #game3132_sideview .content_box.top .game_title{margin-top:115px;} #game3132_sideview .content_box.top .btn_take_the_quiz{top:583px;} #game3311_planview .content_box.top .main_animate{left:-107px;top:467px;} #game3311_planview .content_box.top .main_image{left:190px;top:569px;} #game3311_sideview .remark_2{background:url(../../../images/zero_carbon_design_strategy/game3111_sideview_remarkLine_2.png) center top no-repeat;position:absolute;top:868px;left:38px;z-index:1;height:30px;width:100px;padding-top:54px;padding-right:27px;} #game3311_sideview .remark_3{background:url(../../../images/zero_carbon_design_strategy/game3111_sideview_remarkLine_3.png) right top no-repeat;position:absolute;top:890px;left:23px;z-index:1;height:30px;width:130px;padding-top:95px;padding-right:58px;} #game3311_sideview .remark_2 p, #game3311_sideview .remark_3 p{color:#56565a;font-size:12px;line-height:15px;}