#hori-accordion li { position: relative; height: 100%; box-shadow: 0 0 12px #000; }
#hori-accordion li .mainImage { position: absolute; left: 0; top: 0; z-index: -999; height: 100%; width: auto; }
#hori-accordion li .insideShadow-right { background: url(../images/insideShadow-right.png) repeat-y left top; width: 40px; height: 100%; position: absolute; right: 0; top: 0; }
#hori-accordion li .trans-black { position: relative; background: url(../images/black_trans_bg.png) repeat left top; height: 100%; width: 100%; display: block; }
#hori-accordion li .hAccordion-upperBox { position: absolute; left: 0; top: 0; width: 100%; height: 66px; margin: 35px 0 0 0; }
#hori-accordion li .hAccordion-upperBox h2 { display: inline-block; width: 30px; height: 60px; padding-left: 30px; float: left; }
#hori-accordion li .hAccordion-upperBox h2 span { width: 60px; height: 60px; display: inline-block; background: url(../images/hAccordion_icons.png) no-repeat left top; text-indent: -9999px; }
#hori-accordion li .hAccordion-upperBox .backtoHome { display: inline-block; margin: 0 0; transition: all .5s ease-out; cursor: pointer; border-radius: 35px 0 0 35px; padding: 10px 20px 10px 25px; background: #1b5b92; float: right; }
#hori-accordion li .hAccordion-upperBox .backtoHome span { width: 45px; height: 45px; background: url(../images/hAccordion_icons.png) no-repeat -110px -62px; text-indent: -9999px; display: inline-block; }
#hori-accordion li .hAccordion-upperBox .zoomIn { display: inline-block; margin-top: 10px; margin-right: 10px; width: 51px; height: 51px; text-indent: -9999px; background: url(../images/hAccordion_icons.png) no-repeat -52px -62px; float: right; }
#hori-accordion li.select-open { background-position: 60% 50% !important; }
#hori-accordion li.select-open .mainImage { }
#hori-accordion li.select-open .insideShadow-right { right: 0; }
#hori-accordion li.select-open .hAccordion-upperBox { }
#hori-accordion li.select-open .hAccordion-upperBox h2 { }
#hori-accordion li.select-open .hAccordion-upperBox .backtoHome { float: right; display: inline-block; }
#hori-accordion li.select-open .hAccordion-upperBox .zoomIn { display: block; }
#hori-ac cordion li.select-open .hAccordion-upperBox h2 { background: #1b5b92; border-radius: 35px 0 0 35px; }
#hori-accordion li#hA-tab-01 .hAccordion-upperBox h2 span { background-position: 0 0; }
#hori-accordion li#hA-tab-02 .hAccordion-upperBox h2 span { background-position: -60px 0; }
#hori-accordion li#hA-tab-03 .hAccordion-upperBox h2 span { background-position: -120px 0; }
#hori-accordion li#hA-tab-04 .hAccordion-upperBox h2 span { background-position: -180px 0; }
#hori-accordion li#hA-tab-01 .mainImage { left: -10%; }
#hori-accordion li#hA-tab-02 .mainImage { left: -24%; }
#hori-accordion li#hA-tab-03 .mainImage { left: -4%; }
#hori-accordion li#hA-tab-04 .mainImage { left: -20%; }
@media only screen and (min-width: 781px) and (max-width: 1024px) {
#hori-accordion li#hA-tab-01 .mainImage { left: -30% }
#hori-accordion li#hA-tab-02 .mainImage { left: -58% }
#hori-accordion li#hA-tab-03 .mainImage { left: -28% }
#hori-accordion li#hA-tab-04 .mainImage { left: -25% }
}