body { background-image: url('../../imgs/Focus_bg.jpg') }

.mainbody { width: 100%; color: white; }

.bannerContainer { height: 615px; width: 100%; margin-top: 100px; position: relative; }
    .bannerContainer .con_carousel { position: relative; overflow: hidden; transition: none; }
        .bannerContainer .con_carousel > .carousel_img { transition: none; width: 1000%; height: 615px; background-image: url('../../imgs/Focus_Slide_Australia.jpg'); white-space: nowrap; overflow: hidden; position: relative; font-size: 0; left: 0px; }
            .bannerContainer .con_carousel > .carousel_img a { transition: none; display: inline-block; background-repeat: no-repeat; background-position: center; background-size: cover; height: 100%; text-align: center; position: relative; }
                .bannerContainer .con_carousel > .carousel_img a .contentContainer { position: absolute; top: 300px; left: 42%; text-align: left; }
                    .bannerContainer .con_carousel > .carousel_img a .contentContainer .title { font-family: 'ABCNormal-Bold'; font-size: 36px; margin-bottom: 10px; }
                    .bannerContainer .con_carousel > .carousel_img a .contentContainer .contentTitle { font-family: 'ABCNormal-Bold'; font-size: 16px; line-height: 22px; width: 720px; hyphens: auto; white-space: break-spaces; }
                    .bannerContainer .con_carousel > .carousel_img a .contentContainer .content { font-family: 'ABCNormal-Regular'; font-size: 16px; line-height: 22px; width: 720px; hyphens: auto; white-space: break-spaces; margin-bottom: 22px; }

        .bannerContainer .con_carousel > .carousel_flag { display: none; }
    .bannerContainer .carouselBtn { font-family: 'ABCNormal-Bold'; font-size: 48px; height: 400px; width: 50px; position: absolute; top: 67px; cursor: pointer; display: flex; justify-content: center; align-items: center; }
    .bannerContainer .btnLeft { left: 17%; }
        .bannerContainer .btnLeft span { transform: rotate(45deg); position: relative; left: 10px; }
    .bannerContainer .btnRight { right: 17%; }
        .bannerContainer .btnRight span { transform: rotate(-135deg); position: relative; right: 10px; }
    .bannerContainer .carouselBtn span { width: 20px; height: 20px; border: 0; border-left: solid 2px white; border-bottom: solid 2px white; display: inline-block; }

.investLogic { margin: 0 17%; margin-top: 100px; position: relative; padding-left: 27%; }
    .investLogic > .title { font-family: 'ABCNormal-Bold'; font-size: 36px; position: absolute; top: 0px; left: 0px; }
    .investLogic .block1 { }
        .investLogic .block1 .type { margin-bottom: 80px; width: 520px; position: relative; padding-left: 80px; }
            .investLogic .block1 .type:last-child { margin-bottom: 100px; }
            .investLogic .block1 .type .triangle { box-sizing: border-box; width: 20px; height: 20px; border: 0; border-bottom: 20px solid white; border-left: 10px solid transparent; border-right: 10px solid transparent; position: absolute; top: 15px; left: 0px; }
            .investLogic .block1 .type .typeName { font-family: 'ABCNormal-Bold'; font-size: 36px; }
            .investLogic .block1 .type .line { height: 3px; width: 78%; background-color: white; }
            .investLogic .block1 .type .typeDescription { font-family: 'ABCNormal-Bold'; font-size: 16px; margin-top: 6px; }
    .investLogic .block2 { }
        .investLogic .block2 .title { font-family: 'ABCNormal-Bold'; font-size: 24px; }
        .investLogic .block2 .case { box-sizing: border-box; padding-right: 72px; }
            .investLogic .block2 .case .container { display: flex; align-items: center; justify-content: space-between; margin-top: 40px; }
                .investLogic .block2 .case .container .caseName { font-family: 'ABCNormal-Bold'; font-size: 36px; }
                .investLogic .block2 .case .container .ratio { font-family: 'ABCNormal-Bold'; font-size: 48px; }
            .investLogic .block2 .case .line { height: 3px; width: 100%; background-color: white; }
            .investLogic .block2 .case .caseDescription { font-family: 'ABCNormal-Bold'; font-size: 16px; margin-top: 6px; }
    .investLogic .note { font-family: 'ABCNormal-NormalOblique'; font-size: 16px; position: absolute; left: 0px; bottom: 0px; width: 355px; }
        .investLogic .note:before { content: attr(sTitle); position: absolute; left: 0; top:-26px; display: block; }

.concepMethod { margin: 0 17%; margin-top: 100px; margin-bottom: 170px; }
    .concepMethod > .title { font-family: 'ABCNormal-Bold'; font-size: 36px; text-align: center; margin-bottom: 100px; }
    .concepMethod .block { display: flex; justify-content: space-between; align-content: start; margin-bottom: 40px; }
        .concepMethod .block .title { font-family: 'ABCNormal-Bold'; font-size: 36px; min-width: 400px; }
        .concepMethod .block .content { font-family: 'ABCNormal-Regular'; font-size: 16px; column-count: 2; line-height: 22px; hyphens: auto; text-align: justify; column-gap: 25px; }
    .concepMethod .line { height: 3px; width: 100%; background-color: white; margin-bottom: 30px; }

.score { margin: 0 26%; margin-bottom: 300px; }
    .score .title { font-family: 'ABCNormal-Bold'; font-size: 36px; text-align: center; margin-bottom: 40px; }
    .score .description { font-family: 'ABCNormal-Bold'; font-size: 24px; text-align: center; margin: 0 8%; margin-bottom: 80px; }
    .score .star { width: 30px; height: 30px; margin: 40px auto; }
        .score .star svg { fill: white; }
    .score .content { font-family: 'ABCNormal-Regular'; font-size: 18px; text-align: center; margin-top: 22px; margin-bottom: 40px; line-height: 24px;hyphens:auto; }