@charset "utf-8"; /* CSS Document */ .wapper_02 { width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px); width: calc(100% - 40px); height: -moz-calc(100% - 40px); height: -webkit-calc(100% - 40px); height: calc(100% - 40px); margin-left:20px; margin-top:20px; overflow:hidden; position:absolute; z-index:9; opacity:0; top:-5000px; } .projectPic_bg { position:absolute; width: -moz-calc(100% - 0px); width: -webkit-calc(100% - 0px); width: calc(100% - 0px); height: -moz-calc(100% - 0px); height: -webkit-calc(100% - 0px); height: calc(100% - 0px); margin-left: 0px; margin-top:0px; z-index:10; overflow:hidden; opacity:1; background:url(../images/bg.png) repeat top left; } .projectPic_bg .close { position:absolute; width:20px; height:26px; top:15px; right:15px; z-index:3; } .projectPic_bg .pic_center { position:absolute; width: -moz-calc(100% - 0px); width: -webkit-calc(100% - 0px); width: calc(100% - 0px); height: -moz-calc(100% - 0px); height: -webkit-calc(100% - 0px); height: calc(100% - 0px); margin-left: -moz-calc((-100%- 0px)/2); margin-left: -webkit-calc((-100%- 0px)/2); margin-left: calc((-100%- 0px)/2); margin-top:-moz-calc((-643px + 0px)/2); margin-top:-webkit-calc((-623px + 20px)/2); margin-top:calc((-623px + 0px)/2); top:-5000px; left:50%; overflow:hidden; opacity:0; } .pic_01 {opacity:0;} .pic_02 {opacity:0;} .pic_03 {opacity:0;} .pic_04 {opacity:0;} .pic_05 {opacity:0;} .pic_06 {opacity:0;} .pic_07 {opacity:0;} .pic_08 {opacity:0;} .pic_09 {opacity:0;} .pic_010 {opacity:0;} .pic_011 {opacity:0;} .pic_012 {opacity:0;} .pic_013 {opacity:0;} .pic_014 {opacity:0;} .pic_015 {opacity:0;} .pic_016 {opacity:0;} .pic_017 {opacity:0;} .pic_018 {opacity:0;} .pic_019 {opacity:0;} .pic_020 {opacity:0;} .pic_021 {opacity:0;} .pic_022 {opacity:0;} .pic_023 {opacity:0;} .pic_024 {opacity:0;} .pic_025 {opacity:0;} .pic_026 {opacity:0;} .pic_027 {opacity:0;} .pic_028 {opacity:0;} .pic_029 {opacity:0;} .pic_030 {opacity:0;} .pic_031 {opacity:0;} .pic_032 {opacity:0;} .pic_033 {opacity:0;} .pic_034 {opacity:0;} .pic_035 {opacity:0;} .pic_036 {opacity:0;} .pic_037 {opacity:0;} .pic_038 {opacity:0;} .pic_039 {opacity:0;} .pic_030 {opacity:0;} .flexslider { width: -moz-calc(100% - 0px); width: -webkit-calc(100% - 0px); width: calc(100% - 0px); height: -moz-calc(100% - 0px); height: -webkit-calc(100% - 0px); height: calc(100% - 0px); opacity: 1; position:absolute; } .flexslider .slides img { height: 500px; display: block; } .flex-control-nav { width: 100%; position: absolute; text-align: center; margin-top:10px; } .flex-direction-nav .flex-prev { left: -50px; width:25px; height:25px; background:url(../images/bg_direction_nav.png); background-size:25px 54px; text-indent:-9999px; font-size:0px; } .flex-direction-nav .flex-next { right: -50px; text-align: right; width:25px; height:25px; background:url(../images/bg_direction_nav.png); background-position: 0 25px; background-size:25px 54px; text-indent:-9999px; font-size:0px; }