.productdetail img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: 0 auto;
}

.part00 {
    background: #d0d9df url("/Content/Products/308pen/images/0001.png") no-repeat 85% bottom;
    height: 600px;
}

    .part00 .container {
        position: relative;
        height: 600px;
        padding: 0px;
        margin: 0px auto;
    }

    .part00 .photo1 {
        position: absolute;
        left: 20px;
        top: 20px;
        z-index: 90;
    }

    .part00 .photo2 {
        position: absolute;
        top: 120px;
        left: 20px;
        z-index: 90;
    }

    .part00 .photo3 {
        position: absolute;
        bottom: 20px;
        left: 20px;
        z-index: 90;
    }

.part01A {
    width: 100%;
}

    .part01A .container {
        position: relative;
    }

    .part01A .text1 {
        padding-left:25%;
    }

        .part01A .text1 h2 {
            text-align: left;
            font-size: 70px;
            color: #bb9727;
            font-weight: 500;
            line-height: 80px;
            margin:0;
            padding:0;
        }

            .part01A .text1 h2 strong {
                display: block;
                padding-left: 100px;
                font-weight: 500;
            }

.part01 {
    width: 100%;
    background: transparent url("/Content/Products/308pen/images/01bg.jpg") no-repeat center top;
    height: 600px;
}

    .part01 .container {
        position: relative;
        height: 600px;
    }

    .part01 .text1 {
        position: absolute;
        top: 40px;
        left: 25%;
    }

        .part01 .text1 h2 {
            text-align: left;
            font-size: 60px;
            color: #bb9727;
            font-weight: 500;
            line-height: 80px;
        }

            .part01 .text1 h2 strong {
                display: block;
                padding-left: 100px;
                font-weight: 500;
            }

    .part01 .text2 {
        position: absolute;
        top: 300px;
        left: 0;
    }

        .part01 .text2 h3 {
            text-align: left;
            font-size: 50px;
            color: #bb9727;
            font-weight: 500;
            line-height: 60px;
        }

            .part01 .text2 h3 b {
                color: #333;
                font-size: 32px;
            }

            .part01 .text2 h3 strong {
                display: block;
                padding-left: 200px;
                font-weight: 500;
            }


.part02 {
    width: 100%;
    background: transparent url("/Content/Products/308pen/images/02bg.jpg") no-repeat center center;
    height: 860px;
    position: relative;
}

    .part02 .container {
        position: relative;
        height: 860px;
    }

    .part02 .text {
        position: absolute;
        top: 400px;
        right: 0;
    }

        .part02 .text h3 {
            text-align: left;
            font-size: 50px;
            color: #bb9727;
            font-weight: 500;
            line-height: 60px;
        }

            .part02 .text h3 b {
                color: #333;
                font-size: 32px;
            }

            .part02 .text h3 strong {
                display: block;
                padding-left: 200px;
                font-weight: 500;
            }

            .part02 .note{
                border:1px solid #aaaaaa;
                font-size:14px;
                border-radius:6px;
                padding:4px;
                color:#aaaaaa;
                position:absolute;
                left:80px;
                bottom:20px;
            }


.part03 {
    width: 100%;
    background: transparent url("/Content/Products/308pen/images/03bg.jpg") no-repeat center top fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    height: 860px;
}

    .part03 .container {
        position: relative;
    }

    .part03 .text {
        position: absolute;
        top: 60px;
        left: 0;
    }

        .part03 .text h2 {
            text-align: left;
            font-size: 60px;
            color: #bb9727;
            font-weight: 500;
            line-height: 60px;
        }

            .part03 .text h2 b {
                color: #333;
                font-size: 40px;
                padding-left: 200px;
                font-weight: 500;
            }

            .part03 .text h2 strong {
                display: block;
                font-weight: 500;
            }

    .part03 .photo {
        position: absolute;
        top: 300px;
        left: 0;
    }

        .part03 .photo img {
            margin: 0px auto 10px 0px
        }

.part04 {
    width: 100%;
    background: transparent url("/Content/Products/308pen/images/04bg.jpg") no-repeat center bottom;
    height: 860px;
}

    .part04 .container {
        position: relative;
    }

    .part04 .text1 {
        position: absolute;
        top: 60px;
        left: 0;
    }

        .part04 .text1 h2 {
            color: #bb9727;
            font-size: 60px;
            font-weight: 300;
            line-height: 90px;
        }

    .part04 .text {
        position: absolute;
        top: 60px;
        right: 0;
    }

        .part04 .text p {
            text-align: right;
            color: #333333;
            font-size: 30px;
            font-weight: 300;
        }


.part05 {
    width: 100%;
    background: #f5f5f5;
    height: 600px;
}

    .part05 .container {
        position: relative;
    }

    .part05 .text1 {
        position: absolute;
        top: 60px;
        left: 0;
    }

        .part05 .text1 h2 {
            color: #bb9727;
            font-size: 60px;
            font-weight: 300;
            line-height: 90px;
        }

    .part05 .text {
        position: absolute;
        top: 60px;
        right: 0;
    }

        .part05 .text p {
            text-align: left;
            color: #333333;
            font-size: 24px;
            font-weight: 300;
        }

            .part05 .text p img {
                max-width: 360px;
                margin: 0px 0px 0px 0px;
            }

            .part05 .text p span {
                text-align: right;
                display: block;
            }

.part05b {
    width: 100%;
    background: #f5f5f5;
    height: 600px;
}

    .part05b .item {
        width: 33.33%;
        text-align: center;
        margin-bottom: 40px;
        color: #333333;
        font-size: 16px;
        float:left;
    }

        .part05b .item img {
            display: block;
            margin-bottom: 10px;
        }


.part06 {
    width: 100%;
    background: transparent url("/Content/Products/308pen/images/06bg.jpg") no-repeat center top fixed;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    -ms-background-size: cover;
    height: 860px;
}

    .part06 .container {
        position: relative;
        height: 860px;
    }

    .part06 .text1 {
        position: absolute;
        top: 60px;
        left: 0;
    }

        .part06 .text1 h2 {
            color: #bb9727;
            font-size: 60px;
            font-weight: 300;
            line-height: 90px;
        }

    .part06 .text {
        position: absolute;
        top: 60px;
        right: 0;
    }

        .part06 .text p {
            text-align: left;
            color: #333333;
            font-size: 24px;
            font-weight: 300;
        }

    .part06 .text2 {
        position: absolute;
        bottom: 80px;
        left: 0;
    }

        .part06 .text2 ul {
            list-style: none;
        }

            .part06 .text2 ul li {
                font-size: 30px;
                line-height: 60px;
                color: #666666;
                font-weight: 300;
                border-top: 2px solid #bb9727;
            }

        .part06 .text2 p {
            border-top: 2px solid #bb9727;
            background: url("/Content/Products/308pen/images/0801.png") no-repeat left 10px;
            background-size: 30px;
            font-size: 30px;
            color: #666666;
            font-weight: 300;
            padding-left: 40px;
        }



.part07 {
    width: 100%;
    background: transparent url("/Content/Products/308pen/images/07bg.jpg") no-repeat center top;
    height: 1720px;
}

    .part07 .container {
        position: relative;
        height: 1720px;
    }

    .part07 .text1 {
        position: absolute;
        top: 60px;
        left: 0;
    }

        .part07 .text1 h2 {
            color: #ffffff;
            font-size: 60px;
            font-weight: 300;
            line-height: 90px;
        }

    .part07 .text {
        position: absolute;
        top: 360px;
        left: 50%;
    }

        .part07 .text p {
            text-align: left;
            color: #ffffff;
            font-size: 24px;
            font-weight: 300;
            line-height: 180%;
        }

    .part07 .text2 {
        position: absolute;
        bottom: 120px;
        left: 50%;
    }

        .part07 .text2 ul {
            list-style: none;
        }

            .part07 .text2 ul li {
                background: url("/Content/Products/308pen/images/0701.png") no-repeat left 10px;
                font-size: 30px;
                color: #ffffff;
                font-weight: 300;
                padding-left: 40px;
                margin-bottom: 30px;
            }

                .part07 .text2 ul li strong {
                    display: block;
                    font-size: 50px;
                    font-weight: 300;
                }


.part08 {
    width: 100%;
    height: 860px;
    position: relative;
}

    .part08 .container {
        position: relative;
        height: 860px;
    }

    .part08 .photo {
        position: absolute;
        top: 150px;
        left: 0px;
        border-top: 10px solid #bb9727;
        border-bottom: 10px solid #bb9727;
        background: transparent url("/Content/Products/308pen/images/08bg.jpg") no-repeat center top;
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        -ms-background-size: cover;
        height: 690px;
        width: 100%;
        z-index: 10;
    }

    .part08 h2 {
        color: #bb9727;
        font-size: 60px;
        font-weight: 300;
        text-align: center;
        z-index: 20;
        line-height:150px;
    }
    .part08 .mask {
        position: absolute;
        top: 160px;
        left: 50%;
        width:50%;
        height:670px;
        z-index: 19;
        background: #dedede;
        opacity: 0.7;
        filter: alpha(opacity=70);
    }

    .part08 .text {
        position: absolute;
        top: 170px;
        left: 50%;
        z-index:20;
        padding-left:30px;
    }
    .part08 .text .logo {
    }

        .part08 .text .logo img {
            margin: 0 auto 10px 0px;
        }

        .part08 .text p {
            padding-left: 14px;
            line-height: 54px;
            font-size: 30px;
            color: #666;
            text-align: left;
        }
            .part08 .text p.p1 {
                color: #333;
                font-size: 36px;
                font-family: Verdana;
            }
        .part08 .text p img {
            max-width:100px;
            margin:0 0 0 0;
            display:unset;
        }

.part09 {
    width: 100%;
}

    .part09 .item {
        border-top: 1px solid #b2b2b2;
        border-bottom: 1px solid #b2b2b2;
        margin-bottom: -1px;
        padding: 40px 0;
    }

        .part09 .item .text {
            width: 50%;
            float: left;
            text-align:right;
            font-size:24px;
            line-height:60px;
        }
        .part09 .item .photo {
            width: 50%;
            float: left;
        }

        .part09 .text p {
            font-size: 1.8em;
            line-height: 2em;
            color: #333;
        }

            .part09 .text p strong {
                font-size: 1.2em;
            }

    .part09 .textA {
        text-align: right;
    }

    .part09 .textB {
        text-align: left;
    }

.part10 {
    width: 100%;
    background: transparent url("/Content/Products/308pen/images/10bg.jpg") no-repeat center top fixed;
    height: 860px;
    margin-bottom: 6em;
}
    .part10 .container {
        position: relative;
        height: 860px;
    }

    .part10 .text {
        position: absolute;
        top: 40px;
        left: 0;
    }

        .part10 .text p {
            text-align: left;
            color: #333;
            font-size: 30px;
            font-weight: 300;
            line-height: 180%;
        }
            .part10 .text p b {
                padding-left: 80px;
                font-weight: 300;
            }
            .part10 .text p strong {
                display: block;
                text-align: left;
                font-size: 40px;
                font-weight: 500;
            }
        .part10 .text p.p2 {
            margin-top:40px;
            color: #ffffff;
        }

    .part10 .text2 {
        position: absolute;
        bottom: 40px;
        left: 0;
    }

        .part10 .text2 p {
            text-align: left;
            color: #ffffff;
            font-size: 60px;
            font-weight: 300;
            line-height: 140%;
        }

.part11 {
    width: 100%;
    background: #ebeff5;
    height: 860px;
    margin-bottom: 6em;
}

    .part11 .container {
        position: relative;
        height: 860px;
    }

    .part11 .text {
        position: absolute;
        top: 40px;
        left: 0;
        z-index:20;
    }
        .part11 .text h2 {
            color: #bb9727;
            font-size: 60px;
            font-weight: 300;
            margin-bottom:40px;
        }

        .part11 .text p {
            text-align: left;
            color: #333;
            font-size: 20px;
            font-weight: 300;
            line-height: 180%;
            padding-left:200px;
        }
    .part11 .photo {
        position: absolute;
        bottom: 0px;
        left: 0;
        width:100%;
        z-index:10;
    }
    .part11 .photo img {
        margin:0 auto;
    }

@media(max-width:1024px) {

    .part00 {
        background: #d0d9df url("/Content/Products/308pen/images/0001.png") no-repeat 400px bottom;
        height: 600px;
    }
        .part00 .container {
            position: relative;
            height: 600px;
            padding: 0px;
            margin: 0px auto;
        }

        .part00 .photo1 {
            position: absolute;
            left: 20px;
            top: 20px;
            z-index: 90;
        }

        .part00 .photo2 {
            position: absolute;
            top: 120px;
            left: 20px;
            z-index: 90;
        }

        .part00 .photo3 {
            position: absolute;
            bottom: 20px;
            left: 20px;
            z-index: 90;
        }
    .part01A {
        width: 100%;
    }

        .part01A .container {
            position: relative;
        }

        .part01A .text1 {
            padding-left: 20%;
        }

            .part01A .text1 h2 {
                text-align: left;
                font-size: 60px;
                color: #bb9727;
                font-weight: 500;
                line-height: 80px;
                margin: 0;
                padding: 0;
            }

                .part01A .text1 h2 strong {
                    display: block;
                    padding-left: 100px;
                    font-weight: 500;
                }

    .part01 {
        width: 100%;
        background: transparent url("/Content/Products/308pen/images/01bg.jpg") no-repeat center top;
        height: 600px;
    }

        .part01 .container {
            position: relative;
            height: 600px;
        }

        .part01 .text2 {
            position: absolute;
            top: 300px;
            left: 0;
        }

            .part01 .text2 h3 {
                text-align: left;
                font-size: 50px;
                color: #bb9727;
                font-weight: 500;
                line-height: 60px;
            }

                .part01 .text2 h3 b {
                    color: #333;
                    font-size: 32px;
                }

                .part01 .text2 h3 strong {
                    display: block;
                    padding-left: 200px;
                    font-weight: 500;
                }


    .part02 {
        width: 100%;
        background: transparent url("/Content/Products/308pen/images/02bg.jpg") no-repeat center center;
        height: 860px;
    }

        .part02 .container {
            position: relative;
            height: 860px;
        }

        .part02 .text {
            position: absolute;
            top: 400px;
            right: 0;
        }

            .part02 .text h3 {
                text-align: left;
                font-size: 50px;
                color: #bb9727;
                font-weight: 500;
                line-height: 60px;
            }

                .part02 .text h3 b {
                    color: #333;
                    font-size: 32px;
                }

                .part02 .text h3 strong {
                    display: block;
                    padding-left: 200px;
                    font-weight: 500;
                }



    .part03 {
        width: 100%;
        background: transparent url("/Content/Products/308pen/images/03bg.jpg") no-repeat -1400px top fixed;
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        -ms-background-size: cover;
        height: 860px;
    }

        .part03 .container {
            position: relative;
        }

        .part03 .text {
            position: absolute;
            top: 60px;
            left: 0;
        }

            .part03 .text h2 {
                text-align: left;
                font-size: 60px;
                color: #bb9727;
                font-weight: 500;
                line-height: 60px;
            }

                .part03 .text h2 b {
                    color: #333;
                    font-size: 40px;
                    padding-left: 200px;
                    font-weight: 500;
                }

                .part03 .text h2 strong {
                    display: block;
                    font-weight: 500;
                }

        .part03 .photo {
            position: absolute;
            top: 300px;
            left: 0;
        }

            .part03 .photo img {
                margin: 0px auto 10px 0px
            }

    .part04 {
        width: 100%;
        background: transparent url("/Content/Products/308pen/images/04bg.jpg") no-repeat center bottom;
        height: 860px;
    }

        .part04 .container {
            position: relative;
        }

        .part04 .text1 {
            position: absolute;
            top: 60px;
            left: 0;
        }

            .part04 .text1 h2 {
                color: #bb9727;
                font-size: 60px;
                font-weight: 300;
                line-height: 90px;
            }

        .part04 .text {
            position: absolute;
            top: 60px;
            right: 0;
        }

            .part04 .text p {
                text-align: right;
                color: #333333;
                font-size: 30px;
                font-weight: 300;
            }


    .part05 {
        width: 100%;
        background: #f5f5f5;
        height: 600px;
    }

        .part05 .container {
            position: relative;
        }

        .part05 .text1 {
            position: absolute;
            top: 60px;
            left: 0;
        }

            .part05 .text1 h2 {
                color: #bb9727;
                font-size: 60px;
                font-weight: 300;
                line-height: 90px;
            }

        .part05 .text {
            position: absolute;
            top: 60px;
            right: 0;
        }

            .part05 .text p {
                text-align: left;
                color: #333333;
                font-size: 24px;
                font-weight: 300;
            }

                .part05 .text p img {
                    max-width: 360px;
                    margin: 0px 0px 0px 0px;
                }

                .part05 .text p span {
                    text-align: right;
                    display: block;
                }

    .part05b {
        width: 100%;
        background: #f5f5f5;
        height: 600px;
    }

        .part05b .item {
            width: 33.33%;
            text-align: center;
            margin-bottom: 40px;
            color: #333333;
            font-size: 16px;
            float:left;
        }

            .part05b .item img {
                display: block;
                margin-bottom: 10px;
            }


    .part06 {
        width: 100%;
        background: transparent url("/Content/Products/308pen/images/06bg.jpg") no-repeat center top fixed;
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        -ms-background-size: cover;
        height: 860px;
    }

        .part06 .container {
            position: relative;
            height: 860px;
        }

        .part06 .text1 {
            position: absolute;
            top: 60px;
            left: 0;
        }

            .part06 .text1 h2 {
                color: #bb9727;
                font-size: 60px;
                font-weight: 300;
                line-height: 90px;
            }

        .part06 .text {
            position: absolute;
            top: 60px;
            right: 0;
        }

            .part06 .text p {
                text-align: left;
                color: #333333;
                font-size: 24px;
                font-weight: 300;
            }

        .part06 .text2 {
            position: absolute;
            bottom: 80px;
            left: 0;
        }

            .part06 .text2 ul {
                list-style: none;
            }

                .part06 .text2 ul li {
                    font-size: 30px;
                    line-height: 60px;
                    color: #666666;
                    font-weight: 300;
                    border-top: 2px solid #bb9727;
                }

            .part06 .text2 p {
                border-top: 2px solid #bb9727;
                background: url("/Content/Products/308pen/images/0801.png") no-repeat left 10px;
                background-size: 30px;
                font-size: 30px;
                color: #666666;
                font-weight: 300;
                padding-left: 40px;
            }



    .part07 {
        width: 100%;
        background: transparent url("/Content/Products/308pen/images/07bg.jpg") no-repeat center top;
        height: 1720px;
    }

        .part07 .container {
            position: relative;
            height: 1720px;
        }

        .part07 .text1 {
            position: absolute;
            top: 60px;
            left: 0;
        }

            .part07 .text1 h2 {
                color: #ffffff;
                font-size: 60px;
                font-weight: 300;
                line-height: 90px;
            }

        .part07 .text {
            position: absolute;
            top: 360px;
            left: 50%;
        }

            .part07 .text p {
                text-align: left;
                color: #ffffff;
                font-size: 24px;
                font-weight: 300;
                line-height: 180%;
            }

        .part07 .text2 {
            position: absolute;
            bottom: 120px;
            left: 50%;
        }

            .part07 .text2 ul {
                list-style: none;
            }

                .part07 .text2 ul li {
                    background: url("/Content/Products/308pen/images/0701.png") no-repeat left 10px;
                    font-size: 30px;
                    color: #ffffff;
                    font-weight: 300;
                    padding-left: 40px;
                    margin-bottom: 30px;
                }

                    .part07 .text2 ul li strong {
                        display: block;
                        font-size: 50px;
                        font-weight: 300;
                    }


    .part08 {
        width: 100%;
        height: 860px;
        position: relative;
    }

        .part08 .container {
            position: relative;
            height: 860px;
        }

        .part08 .photo {
            position: absolute;
            top: 150px;
            left: 0px;
            border-top: 10px solid #bb9727;
            border-bottom: 10px solid #bb9727;
            background: transparent url("/Content/Products/308pen/images/08bg.jpg") no-repeat center top;
            background-size: cover;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            -ms-background-size: cover;
            height: 690px;
            width: 100%;
            z-index: 10;
        }

        .part08 h2 {
            color: #bb9727;
            font-size: 60px;
            font-weight: 300;
            text-align: center;
            z-index: 20;
            line-height: 150px;
        }

        .part08 .mask {
            position: absolute;
            top: 160px;
            left: 50%;
            width: 50%;
            height: 670px;
            z-index: 19;
            background: #dedede;
            opacity: 0.7;
            filter: alpha(opacity=70);
        }

        .part08 .text {
            position: absolute;
            top: 170px;
            left: 50%;
            z-index: 20;
            padding-left: 30px;
        }

            .part08 .text .logo {
            }

                .part08 .text .logo img {
                    margin: 0 auto 10px 0px;
                }

            .part08 .text p {
                padding-left: 14px;
                line-height: 54px;
                font-size: 30px;
                color: #666;
                text-align: left;
            }

                .part08 .text p.p1 {
                    color: #333;
                    font-size: 36px;
                    font-family: Verdana;
                }

                .part08 .text p img {
                    max-width: 100px;
                    margin: 0 0 0 0;
                    display: unset;
                }

    .part09 {
        width: 100%;
    }

        .part09 .item {
            border-top: 1px solid #b2b2b2;
            border-bottom: 1px solid #b2b2b2;
            margin-bottom: -1px;
            padding: 40px 0;
        }

            .part09 .item .text {
                width: 50%;
                float: left;
                text-align: right;
                font-size: 24px;
                line-height: 60px;
            }

            .part09 .item .photo {
                width: 50%;
                float: left;
            }

        .part09 .text p {
            font-size: 1.8em;
            line-height: 2em;
            color: #333;
        }

            .part09 .text p strong {
                font-size: 1.2em;
            }

        .part09 .textA {
            text-align: right;
        }

        .part09 .textB {
            text-align: left;
        }

    .part10 {
        width: 100%;
        background: transparent url("/Content/Products/308pen/images/10bg.jpg") no-repeat center top fixed;
        height: 860px;
    }

        .part10 .container {
            position: relative;
            height: 860px;
        }

        .part10 .text {
            position: absolute;
            top: 40px;
            left: 0;
        }

            .part10 .text p {
                text-align: left;
                color: #333;
                font-size: 30px;
                font-weight: 300;
                line-height: 180%;
            }

                .part10 .text p b {
                    padding-left: 80px;
                    font-weight: 300;
                }

                .part10 .text p strong {
                    display: block;
                    text-align: left;
                    font-size: 40px;
                    font-weight: 500;
                }

                .part10 .text p.p2 {
                    margin-top: 40px;
                    color: #ffffff;
                }

        .part10 .text2 {
            position: absolute;
            bottom: 40px;
            left: 0;
        }

            .part10 .text2 p {
                text-align: left;
                color: #ffffff;
                font-size: 60px;
                font-weight: 300;
                line-height: 140%;
            }

    .part11 {
        width: 100%;
        background: #ebeff5;
        height: 860px;
        margin-bottom: 6em;
    }

        .part11 .container {
            position: relative;
            height: 860px;
        }

        .part11 .text {
            position: absolute;
            top: 40px;
            left: 0;
            z-index: 20;
        }

            .part11 .text h2 {
                color: #bb9727;
                font-size: 60px;
                font-weight: 300;
                margin-bottom: 40px;
            }

            .part11 .text p {
                text-align: left;
                color: #333;
                font-size: 20px;
                font-weight: 300;
                line-height: 180%;
                padding-left: 200px;
            }

        .part11 .photo {
            position: absolute;
            bottom: 0px;
            left: 0;
            width: 100%;
            z-index: 10;
        }

            .part11 .photo img {
                margin: 0 auto;
            }
}

@media (max-width: 768px) {
    .part00 {
        background: #d0d9df url("/Content/Products/308pen/images/0001.png") no-repeat 260px bottom;
        height: 600px;
    }
        .part00 .container {
            position: relative;
            height: 600px;
            padding: 0px;
            margin: 0px auto;
        }

        .part00 .photo1 {
            position: absolute;
            left: 20px;
            top: 20px;
            z-index: 90;
        }

        .part00 .photo2 {
            position: absolute;
            top: 120px;
            left: 20px;
            z-index: 90;
        }

        .part00 .photo3 {
            position: absolute;
            bottom: 20px;
            left: 20px;
            z-index: 90;
        }

    .part01A {
        width: 100%;
    }

        .part01A .container {
            position: relative;
        }

        .part01A .text1 {
            padding-left: 20%;
        }

            .part01A .text1 h2 {
                text-align: left;
                font-size: 50px;
                color: #bb9727;
                font-weight: 500;
                line-height: 80px;
                margin: 0;
                padding: 0;
            }

                .part01A .text1 h2 strong {
                    display: block;
                    padding-left: 100px;
                    font-weight: 500;
                }

    .part01 {
        width: 100%;
        background: transparent url("/Content/Products/308pen/images/01bg.jpg") no-repeat center top;
        height: 600px;
    }

        .part01 .container {
            position: relative;
            height: 600px;
        }

        .part01 .text2 {
            position: absolute;
            top: 300px;
            left: 0;
        }

            .part01 .text2 h3 {
                text-align: left;
                font-size: 50px;
                color: #bb9727;
                font-weight: 500;
                line-height: 60px;
            }

                .part01 .text2 h3 b {
                    color: #333;
                    font-size: 32px;
                }

                .part01 .text2 h3 strong {
                    display: block;
                    padding-left: 200px;
                    font-weight: 500;
                }


    .part02 {
        width: 100%;
        background: transparent url("/Content/Products/308pen/images/02bg.jpg") no-repeat -300px center;
        height: 860px;
    }

        .part02 .container {
            position: relative;
            height: 860px;
        }

        .part02 .text {
            position: absolute;
            top: 400px;
            right: 0;
        }

            .part02 .text h3 {
                text-align: left;
                font-size: 50px;
                color: #bb9727;
                font-weight: 500;
                line-height: 60px;
            }

                .part02 .text h3 b {
                    color: #333;
                    font-size: 32px;
                }

                .part02 .text h3 strong {
                    display: block;
                    padding-left: 200px;
                    font-weight: 500;
                }



    .part03 {
        width: 100%;
        background: transparent url("/Content/Products/308pen/images/03bg.jpg") no-repeat -1600px top fixed;
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        -ms-background-size: cover;
        height: 860px;
    }

        .part03 .container {
            position: relative;
        }

        .part03 .text {
            position: absolute;
            top: 60px;
            left: 0;
        }

            .part03 .text h2 {
                text-align: left;
                font-size: 60px;
                color: #bb9727;
                font-weight: 500;
                line-height: 60px;
            }

                .part03 .text h2 b {
                    color: #333;
                    font-size: 40px;
                    padding-left: 200px;
                    font-weight: 500;
                }

                .part03 .text h2 strong {
                    display: block;
                    font-weight: 500;
                }

        .part03 .photo {
            position: absolute;
            top: 300px;
            left: 0;
        }

            .part03 .photo img {
                margin: 0px auto 10px 0px
            }

    .part04 {
        width: 100%;
        background: transparent url("/Content/Products/308pen/images/04bg.jpg") no-repeat center bottom;
        height: 860px;
    }

        .part04 .container {
            position: relative;
        }

        .part04 .text1 {
            position: absolute;
            top: 60px;
            left: 0;
        }

            .part04 .text1 h2 {
                color: #bb9727;
                font-size: 60px;
                font-weight: 300;
                line-height: 90px;
            }

        .part04 .text {
            position: absolute;
            top: 60px;
            right: 0;
        }

            .part04 .text p {
                text-align: right;
                color: #333333;
                font-size: 30px;
                font-weight: 300;
            }


    .part05 {
        width: 100%;
        background: #f5f5f5;
        height: 600px;
    }

        .part05 .container {
            position: relative;
        }

        .part05 .text1 {
            position: absolute;
            top: 60px;
            left: 0;
        }

            .part05 .text1 h2 {
                color: #bb9727;
                font-size: 60px;
                font-weight: 300;
                line-height: 90px;
            }

        .part05 .text {
            position: absolute;
            top: 60px;
            right: 0;
        }

            .part05 .text p {
                text-align: left;
                color: #333333;
                font-size: 24px;
                font-weight: 300;
            }

                .part05 .text p img {
                    max-width: 360px;
                    margin: 0px 0px 0px 0px;
                }

                .part05 .text p span {
                    text-align: right;
                    display: block;
                }

    .part05b {
        width: 100%;
        background: #f5f5f5;
        height: 600px;
    }

        .part05b .item {
            width: 33.33%;
            text-align: center;
            margin-bottom: 40px;
            color: #333333;
            font-size: 16px;
            float: left;
        }

            .part05b .item img {
                display: block;
                margin-bottom: 10px;
            }


    .part06 {
        width: 100%;
        background: transparent url("/Content/Products/308pen/images/06bg.jpg") no-repeat center top fixed;
        background-size: cover;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        -ms-background-size: cover;
        height: 860px;
    }

        .part06 .container {
            position: relative;
            height: 860px;
        }

        .part06 .text1 {
            position: absolute;
            top: 60px;
            left: 0;
        }

            .part06 .text1 h2 {
                color: #bb9727;
                font-size: 60px;
                font-weight: 300;
                line-height: 90px;
            }

        .part06 .text {
            position: absolute;
            top: 60px;
            right: 0;
        }

            .part06 .text p {
                text-align: left;
                color: #333333;
                font-size: 24px;
                font-weight: 300;
            }

        .part06 .text2 {
            position: absolute;
            bottom: 80px;
            left: 0;
        }

            .part06 .text2 ul {
                list-style: none;
            }

                .part06 .text2 ul li {
                    font-size: 30px;
                    line-height: 60px;
                    color: #666666;
                    font-weight: 300;
                    border-top: 2px solid #bb9727;
                }

            .part06 .text2 p {
                border-top: 2px solid #bb9727;
                background: url("/Content/Products/308pen/images/0801.png") no-repeat left 10px;
                background-size: 30px;
                font-size: 30px;
                color: #666666;
                font-weight: 300;
                padding-left: 40px;
            }



    .part07 {
        width: 100%;
        background: transparent url("/Content/Products/308pen/images/07bg.jpg") no-repeat center top;
        height: 1720px;
    }

        .part07 .container {
            position: relative;
            height: 1720px;
        }

        .part07 .text1 {
            position: absolute;
            top: 60px;
            left: 0;
        }

            .part07 .text1 h2 {
                color: #ffffff;
                font-size: 60px;
                font-weight: 300;
                line-height: 90px;
            }

        .part07 .text {
            position: absolute;
            top: 360px;
            left: 50%;
        }

            .part07 .text p {
                text-align: left;
                color: #ffffff;
                font-size: 24px;
                font-weight: 300;
                line-height: 180%;
            }

        .part07 .text2 {
            position: absolute;
            bottom: 120px;
            left: 45%;
        }

            .part07 .text2 ul {
                list-style: none;
            }

                .part07 .text2 ul li {
                    background: url("/Content/Products/308pen/images/0701.png") no-repeat left 10px;
                    font-size: 30px;
                    color: #ffffff;
                    font-weight: 300;
                    padding-left: 40px;
                    margin-bottom: 30px;
                }

                    .part07 .text2 ul li strong {
                        display: block;
                        font-size: 50px;
                        font-weight: 300;
                    }


    .part08 {
        width: 100%;
        height: 860px;
        position: relative;
    }

        .part08 .container {
            position: relative;
            height: 860px;
        }

        .part08 .photo {
            position: absolute;
            top: 150px;
            left: 0px;
            border-top: 10px solid #bb9727;
            border-bottom: 10px solid #bb9727;
            background: transparent url("/Content/Products/308pen/images/08bg.jpg") no-repeat center top;
            background-size: cover;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            -ms-background-size: cover;
            height: 690px;
            width: 100%;
            z-index: 10;
        }

        .part08 h2 {
            color: #bb9727;
            font-size: 60px;
            font-weight: 300;
            text-align: center;
            z-index: 20;
            line-height: 150px;
        }

        .part08 .mask {
            position: absolute;
            top: 160px;
            left: 40%;
            width: 60%;
            height: 670px;
            z-index: 19;
            background: #dedede;
            opacity: 0.7;
            filter: alpha(opacity=70);
        }

        .part08 .text {
            position: absolute;
            top: 170px;
            left: 40%;
            z-index: 20;
            padding-left: 30px;
        }

            .part08 .text .logo {
            }

                .part08 .text .logo img {
                    margin: 0 auto 10px 0px;
                }

            .part08 .text p {
                padding-left: 14px;
                line-height: 54px;
                font-size: 24px;
                color: #666;
                text-align: left;
            }

                .part08 .text p.p1 {
                    color: #333;
                    font-size: 30px;
                    font-family: Verdana;
                }

                .part08 .text p img {
                    max-width: 100px;
                    margin: 0 0 0 0;
                    display: unset;
                }

    .part09 {
        width: 100%;
    }

        .part09 .item {
            border-top: 1px solid #b2b2b2;
            border-bottom: 1px solid #b2b2b2;
            margin-bottom: -1px;
            padding: 40px 0;
        }

            .part09 .item .text {
                width: 50%;
                float: left;
                text-align: right;
                font-size: 24px;
                line-height: 60px;
            }

            .part09 .item .photo {
                width: 50%;
                float: left;
            }

        .part09 .text p {
            font-size: 1.8em;
            line-height: 2em;
            color: #333;
        }

            .part09 .text p strong {
                font-size: 1.2em;
            }

        .part09 .textA {
            text-align: right;
        }

        .part09 .textB {
            text-align: left;
        }

    .part10 {
        width: 100%;
        background: transparent url("/Content/Products/308pen/images/10bg.jpg") no-repeat center top fixed;
        height: 860px;
    }

        .part10 .container {
            position: relative;
            height: 860px;
        }

        .part10 .text {
            position: absolute;
            top: 40px;
            left: 0;
        }

            .part10 .text p {
                text-align: left;
                color: #333;
                font-size: 30px;
                font-weight: 300;
                line-height: 180%;
            }

                .part10 .text p b {
                    padding-left: 80px;
                    font-weight: 300;
                }

                .part10 .text p strong {
                    display: block;
                    text-align: left;
                    font-size: 40px;
                    font-weight: 500;
                }

                .part10 .text p.p2 {
                    margin-top: 40px;
                    color: #ffffff;
                }

        .part10 .text2 {
            position: absolute;
            bottom: 40px;
            left: 0;
        }

            .part10 .text2 p {
                text-align: left;
                color: #ffffff;
                font-size: 60px;
                font-weight: 300;
                line-height: 140%;
            }

    .part11 {
        width: 100%;
        background: #ebeff5;
        height: 860px;
        margin-bottom: 6em;
    }

        .part11 .container {
            position: relative;
            height: 860px;
        }

        .part11 .text {
            position: absolute;
            top: 40px;
            left: 0;
            z-index: 20;
        }

            .part11 .text h2 {
                color: #bb9727;
                font-size: 60px;
                font-weight: 300;
                margin-bottom: 40px;
            }

            .part11 .text p {
                text-align: left;
                color: #333;
                font-size: 20px;
                font-weight: 300;
                line-height: 180%;
                padding-left: 200px;
            }

        .part11 .photo {
            position: absolute;
            bottom: 0px;
            left: 0;
            width: 100%;
            z-index: 10;
        }

            .part11 .photo img {
                margin: 0 auto;
            }
}

@media (max-width: 640px) {

    .part00 {
        background: #d0d9df url("/Content/Products/308pen/images/0001.png") no-repeat 180px bottom;
        height: 600px;
    }

        .part00 .container {
            position: relative;
            height: 600px;
            padding: 0px;
            margin: 0px auto;
        }

        .part00 .photo1 {
            position: absolute;
            left: 20px;
            top: 20px;
            z-index: 90;
            width: 300px;
        }

        .part00 .photo2 {
            position: absolute;
            top: 120px;
            left: 20px;
            z-index: 90;
            width: 270px;
        }

        .part00 .photo3 {
            position: absolute;
            bottom: 20px;
            left: 20px;
            z-index: 90;
        }

    .part01A {
        width: 100%;
    }

        .part01A .container {
            position: relative;
        }

        .part01A .text1 {
            padding-left: 10%;
        }

            .part01A .text1 h2 {
                text-align: left;
                font-size: 46px;
                color: #bb9727;
                font-weight: 500;
                line-height: 60px;
                margin: 0;
                padding: 0;
            }

                .part01A .text1 h2 strong {
                    display: block;
                    padding-left: 100px;
                    font-weight: 500;
                }

    .part01 {
        width: 100%;
        background: transparent url("/Content/Products/308pen/images/01bg.jpg") no-repeat -1000px top;
        height: 600px;
    }

        .part01 .container {
            position: relative;
            height: 600px;
        }

        .part01 .text2 {
            position: absolute;
            top: 300px;
            left: 0;
        }

            .part01 .text2 h3 {
                text-align: left;
                font-size: 40px;
                color: #bb9727;
                font-weight: 500;
                line-height: 40px;
            }

                .part01 .text2 h3 b {
                    color: #333;
                    font-size: 30px;
                }

                .part01 .text2 h3 strong {
                    display: block;
                    padding-left: 100px;
                    font-weight: 500;
                }


    .part02 {
        width: 100%;
        background: transparent url("/Content/Products/308pen/images/02bg.jpg") no-repeat -300px center;
        background-size: 1800px;
        height: 600px;
    }

        .part02 .container {
            position: relative;
            height: 600px;
        }

        .part02 .text {
            position: absolute;
            top: 260px;
            right: 0;
        }

            .part02 .text h3 {
                text-align: left;
                font-size: 40px;
                color: #bb9727;
                font-weight: 500;
                line-height: 40px;
            }

                .part02 .text h3 b {
                    color: #333;
                    font-size: 30px;
                }

                .part02 .text h3 strong {
                    display: block;
                    padding-left: 200px;
                    font-weight: 500;
                }



    .part03 {
        width: 100%;
        background: transparent url("/Content/Products/308pen/images/03bg.jpg") no-repeat -800px top fixed;
        background-size: 1800px;
        height: 600px;
    }

        .part03 .container {
            position: relative;
            height: 600px;
        }

        .part03 .text {
            position: absolute;
            top: 60px;
            left: 0;
        }

            .part03 .text h2 {
                text-align: left;
                font-size: 40px;
                color: #bb9727;
                font-weight: 500;
                line-height: 60px;
            }

                .part03 .text h2 b {
                    color: #333;
                    font-size: 30px;
                    padding-left: 100px;
                    font-weight: 500;
                }

                .part03 .text h2 strong {
                    display: block;
                    font-weight: 500;
                }

        .part03 .photo {
            position: absolute;
            top: 300px;
            left: 0;
        }

            .part03 .photo img {
                max-width: 480px;
                margin: 0px auto 10px 0px
            }

    .part04 {
        width: 100%;
        background: transparent url("/Content/Products/308pen/images/04bg.jpg") no-repeat -300px bottom;
        background-size: 1800px;
        height: 600px;
    }

        .part04 .container {
            position: relative;
        }

        .part04 .text1 {
            position: absolute;
            top: 20px;
            left: 20px;
        }

            .part04 .text1 h2 {
                color: #bb9727;
                font-size: 50px;
                font-weight: 300;
                line-height: 80px;
            }

        .part04 .text {
            position: absolute;
            top: 20px;
            right: 20px;
        }

            .part04 .text p {
                text-align: right;
                color: #333333;
                font-size: 24px;
                font-weight: 300;
            }


    .part05 {
        width: 100%;
        background: #f5f5f5;
        height: 480px;
    }

        .part05 .container {
            position: relative;
        }

        .part05 .text1 {
            position: absolute;
            top: 10px;
            left: 10px;
        }

            .part05 .text1 h2 {
                color: #bb9727;
                font-size: 50px;
                font-weight: 300;
                line-height: 90px;
            }

        .part05 .text {
            position: absolute;
            top: 20px;
            right: 20px;
        }

            .part05 .text p {
                text-align: left;
                color: #333333;
                font-size: 24px;
                font-weight: 300;
            }

                .part05 .text p img {
                    max-width: 300px;
                    margin: 0px 0px 0px 0px;
                }

                .part05 .text p span {
                    text-align: right;
                    display: block;
                }

    .part05b {
        width: 100%;
        background: #f5f5f5;
        height: 360px;
    }

        .part05b .item {
            width: 33.33%;
            text-align: center;
            margin-bottom: 40px;
            color: #333333;
            font-size: 16px;
            float: left;
        }

            .part05b .item img {
                max-width: 120px;
                display: block;
                margin-bottom: 10px;
            }


    .part06 {
        width: 100%;
        background: transparent url("/Content/Products/308pen/images/06bg.jpg") no-repeat center top fixed;
        background-size: 1800px;
        height: 600px;
    }

        .part06 .container {
            position: relative;
            height: 600px;
        }

        .part06 .text1 {
            position: absolute;
            top: 10px;
            left: 10px;
        }

            .part06 .text1 h2 {
                color: #bb9727;
                font-size: 50px;
                font-weight: 300;
                line-height: 90px;
            }

        .part06 .text {
            position: absolute;
            top: 30px;
            right: 10px;
        }

            .part06 .text p {
                text-align: left;
                color: #333333;
                font-size: 24px;
                font-weight: 300;
            }

        .part06 .text2 {
            position: absolute;
            bottom: 20px;
            left: 10px;
        }

            .part06 .text2 ul {
                list-style: none;
            }

                .part06 .text2 ul li {
                    font-size: 30px;
                    line-height: 50px;
                    color: #666666;
                    font-weight: 300;
                    border-top: 2px solid #bb9727;
                }

            .part06 .text2 p {
                border-top: 2px solid #bb9727;
                background: url("/Content/Products/308pen/images/0801.png") no-repeat left 10px;
                background-size: 30px;
                font-size: 30px;
                color: #666666;
                font-weight: 300;
                padding-left: 40px;
            }



    .part07 {
        width: 100%;
        background: transparent url("/Content/Products/308pen/images/07bg.jpg") no-repeat center top;
        background-size:1400px;
        height: 1200px;
    }

        .part07 .container {
            position: relative;
            height: 1200px;
        }

        .part07 .text1 {
            position: absolute;
            top: 30px;
            left: 20px;
        }

            .part07 .text1 h2 {
                color: #ffffff;
                font-size: 30px;
                font-weight: 300;
                line-height: 40px;
            }

        .part07 .text {
            position: absolute;
            top: 300px;
            left: 50%;
        }

            .part07 .text p {
                text-align: left;
                color: #ffffff;
                font-size: 18px;
                font-weight: 300;
                line-height: 140%;
            }

        .part07 .text2 {
            position: absolute;
            bottom: 120px;
            left: 50%;
        }

            .part07 .text2 ul {
                list-style: none;
            }

                .part07 .text2 ul li {
                    background: url("/Content/Products/308pen/images/0701.png") no-repeat left 0px;
                    font-size: 20px;
                    color: #ffffff;
                    font-weight: 300;
                    padding-left: 40px;
                    margin-bottom: 30px;
                }

                    .part07 .text2 ul li strong {
                        display: block;
                        font-size: 30px;
                        font-weight: 300;
                    }


    .part08 {
        width: 100%;
        height: 600px;
        position: relative;
    }

        .part08 .container {
            position: relative;
            height: 600px;
        }

        .part08 .photo {
            position: absolute;
            top: 100px;
            left: 0px;
            border-top: 10px solid #bb9727;
            border-bottom: 10px solid #bb9727;
            background: transparent url("/Content/Products/308pen/images/08bg.jpg") no-repeat -260px top;
            background-size: 1400px;
            height: 500px;
            width: 100%;
            z-index: 10;
        }

        .part08 h2 {
            color: #bb9727;
            font-size: 50px;
            font-weight: 300;
            text-align: center;
            z-index: 20;
            line-height: 100px;
        }

        .part08 .mask {
            position: absolute;
            top: 110px;
            left: 40%;
            width: 60%;
            height: 480px;
            z-index: 19;
            background: #dedede;
            opacity: 0.7;
            filter: alpha(opacity=70);
        }

        .part08 .text {
            position: absolute;
            top: 120px;
            left: 40%;
            z-index: 20;
            padding-left: 20px;
        }

            .part08 .text .logo {
                max-width: 120px;
            }

                .part08 .text .logo img {
                    margin: 0 auto 10px 0px;
                }

            .part08 .text p {
                padding-left: 14px;
                line-height: 40px;
                font-size: 24px;
                color: #666;
                text-align: left;
            }

                .part08 .text p.p1 {
                    color: #333;
                    font-size: 30px;
                    font-family: Verdana;
                }

                .part08 .text p img {
                    max-width: 60px;
                    margin: 0 0 0 0;
                    display: unset;
                }

    .part09 {
        width: 100%;
    }

        .part09 .item {
            border-top: 1px solid #b2b2b2;
            border-bottom: 1px solid #b2b2b2;
            margin-bottom: -1px;
            padding: 20px 0;
        }

            .part09 .item .text {
                width: 70%;
                float: left;
                text-align: right;
                font-size: 20px;
                line-height: 40px;
            }

            .part09 .item .photo {
                width: 30%;
                float: left;
            }

                .part09 .item .photo img {
                    max-width: 120px;
                }

        .part09 .text p {
            font-size: 1.8em;
            line-height: 2em;
            color: #333;
        }

            .part09 .text p strong {
                font-size: 1.2em;
            }

        .part09 .textA {
            text-align: right;
        }

        .part09 .textB {
            text-align: left;
        }

    .part10 {
        width: 100%;
        background: transparent url("/Content/Products/308pen/images/10bg.jpg") no-repeat center top fixed;
        background-size: 1800px;
        height: 600px;
    }

        .part10 .container {
            position: relative;
            height: 600px;
        }

        .part10 .text {
            position: absolute;
            top: 20px;
            left: 20px;
        }

            .part10 .text p {
                text-align: left;
                color: #333;
                font-size: 30px;
                font-weight: 300;
                line-height: 180%;
            }

                .part10 .text p b {
                    padding-left: 36px;
                    font-weight: 300;
                }

                .part10 .text p strong {
                    display: block;
                    text-align: left;
                    font-size: 40px;
                    font-weight: 500;
                }

                .part10 .text p.p2 {
                    margin-top: 40px;
                    color: #ffffff;
                }

        .part10 .text2 {
            position: absolute;
            bottom: 20px;
            left: 20px;
        }

            .part10 .text2 p {
                text-align: left;
                color: #ffffff;
                font-size: 40px;
                font-weight: 300;
                line-height: 140%;
            }

    .part11 {
        width: 100%;
        background: #ebeff5;
        height: 600px;
        margin-bottom: 6em;
    }

        .part11 .container {
            position: relative;
            height: 600px;
        }

        .part11 .text {
            position: absolute;
            top: 20px;
            left: 20px;
            z-index: 20;
        }

            .part11 .text h2 {
                color: #bb9727;
                font-size: 40px;
                font-weight: 300;
                margin-bottom: 40px;
            }

            .part11 .text p {
                text-align: left;
                color: #333;
                font-size: 24px;
                font-weight: 300;
                line-height: 140%;
                padding-left: 100px;
            }

        .part11 .photo {
            position: absolute;
            bottom: 0px;
            left: 0;
            width: 100%;
            z-index: 10;
        }

            .part11 .photo img {
                margin: 0 auto;
                max-width: 600px;
            }

}

@media (max-width: 480px) {
    .part00 {
        background: #d0d9df url("/Content/Products/308pen/images/0001.png") no-repeat 0px bottom;
        background-size:700px;
        height: 480px;
    }

        .part00 .container {
            position: relative;
            height: 480px;
            padding: 0px;
            margin: 0px auto;
        }

        .part00 .photo1 {
            position: absolute;
            left: 10px;
            top: 20px;
            z-index: 90;
            width: 280px;
        }

        .part00 .photo2 {
            position: absolute;
            top: 120px;
            left: 10px;
            z-index: 90;
            width: 260px;
        }

        .part00 .photo3 {
            position: absolute;
            bottom: 10px;
            left: 10px;
            z-index: 90;
        }

    .part01A {
        width: 100%;
    }

        .part01A .container {
            position: relative;
        }

        .part01A .text1 {
            padding-left: 20px;
        }

            .part01A .text1 h2 {
                text-align: left;
                font-size: 30px;
                color: #bb9727;
                font-weight: 500;
                line-height: 40px;
                margin: 0;
                padding: 0;
            }

                .part01A .text1 h2 strong {
                    display: block;
                    padding-left: 30px;
                    font-weight: 500;
                }

    .part01 {
        width: 100%;
        background: transparent url("/Content/Products/308pen/images/01bg.jpg") no-repeat -1200px top;
        height: 480px;
    }

        .part01 .container {
            position: relative;
            height: 480px;
        }

        .part01 .text2 {
            position: absolute;
            top: 300px;
            left: 0;
        }

            .part01 .text2 h3 {
                text-align: left;
                font-size: 30px;
                color: #bb9727;
                font-weight: 500;
                line-height: 40px;
            }

                .part01 .text2 h3 b {
                    color: #333;
                    font-size: 24px;
                }

                .part01 .text2 h3 strong {
                    display: block;
                    padding-left: 100px;
                    font-weight: 500;
                }


    .part02 {
        width: 100%;
        background: transparent url("/Content/Products/308pen/images/02bg.jpg") no-repeat -240px center;
        background-size: 1200px;
        height: 480px;
    }

        .part02 .container {
            position: relative;
            height: 480px;
        }

        .part02 .text {
            position: absolute;
            top: 200px;
            right: 0;
        }

            .part02 .text h3 {
                text-align: left;
                font-size: 30px;
                color: #bb9727;
                font-weight: 500;
                line-height: 40px;
            }

                .part02 .text h3 b {
                    color: #333;
                    font-size: 24px;
                }

                .part02 .text h3 strong {
                    display: block;
                    padding-left: 200px;
                    font-weight: 500;
                }

        .part02 .note {
            border: 1px solid #aaaaaa;
            font-size: 14px;
            border-radius: 6px;
            padding: 4px;
            color: #aaaaaa;
            position: absolute;
            left: 10px;
            bottom: 10px;
        }


    .part03 {
        width: 100%;
        background: transparent url("/Content/Products/308pen/images/03bg.jpg") no-repeat -600px top fixed;
        background-size: 1200px;
        height: 480px;
    }

        .part03 .container {
            position: relative;
            height: 480px;
        }

        .part03 .text {
            position: absolute;
            top: 60px;
            left: 0;
        }

            .part03 .text h2 {
                text-align: left;
                font-size: 30px;
                color: #bb9727;
                font-weight: 500;
                line-height: 60px;
            }

                .part03 .text h2 b {
                    color: #333;
                    font-size: 24px;
                    padding-left: 100px;
                    font-weight: 500;
                }

                .part03 .text h2 strong {
                    display: block;
                    font-weight: 500;
                }

        .part03 .photo {
            position: absolute;
            top: 300px;
            left: 0;
        }

            .part03 .photo img {
                max-width:340px;
                margin: 0px auto 10px 0px
            }

    .part04 {
        width: 100%;
        background: transparent url("/Content/Products/308pen/images/04bg.jpg") no-repeat -200px bottom;
        background-size: 1200px;
        height: 480px;
    }

        .part04 .container {
            position: relative;
        }

        .part04 .text1 {
            position: absolute;
            top: 10px;
            left: 10px;
        }

            .part04 .text1 h2 {
                color: #bb9727;
                font-size: 30px;
                font-weight: 300;
                line-height: 40px;
            }

        .part04 .text {
            position: absolute;
            top: 100px;
            left: 10px;
            right:unset;
        }

            .part04 .text p {
                text-align: left;
                color: #333333;
                font-size: 20px;
                font-weight: 300;
            }


    .part05 {
        width: 100%;
        background: #f5f5f5;
        height: 480px;
    }

        .part05 .container {
            position: relative;
        }

        .part05 .text1 {
            position: absolute;
            top: 10px;
            left: 10px;
        }

            .part05 .text1 h2 {
                color: #bb9727;
                font-size: 30px;
                font-weight: 300;
                line-height: 30px;
            }

        .part05 .text {
            position: absolute;
            top: 100px;
            right: unset;
            left:10px;
        }

            .part05 .text p {
                text-align: left;
                color: #333333;
                font-size: 18px;
                font-weight: 300;
            }

                .part05 .text p img {
                    max-width: 300px;
                    margin: 0px 0px 0px 0px;
                }

                .part05 .text p span {
                    text-align: right;
                    display: block;
                }

    .part05b {
        width: 100%;
        background: #f5f5f5;
        height: 360px;
    }

        .part05b .item {
            width: 33.33%;
            text-align: center;
            margin-bottom: 40px;
            color: #333333;
            font-size: 16px;
            float:left;
        }

            .part05b .item img {
                max-width:100px;
                display: block;
                margin-bottom: 10px;
            }


    .part06 {
        width: 100%;
        background: transparent url("/Content/Products/308pen/images/06bg.jpg") no-repeat center top fixed;
        background-size: 1200px;
        height: 480px;
    }

        .part06 .container {
            position: relative;
            height: 480px;
        }

        .part06 .text1 {
            position: absolute;
            top: 10px;
            left:10px;
        }

            .part06 .text1 h2 {
                color: #bb9727;
                font-size: 30px;
                font-weight: 300;
                line-height: 40px;
            }

        .part06 .text {
            position: absolute;
            top: 30px;
            right: 10px;
        }

            .part06 .text p {
                text-align: left;
                color: #333333;
                font-size: 18px;
                font-weight: 300;
            }

        .part06 .text2 {
            position: absolute;
            bottom: 20px;
            left: 10px;
        }

            .part06 .text2 ul {
                list-style: none;
            }

                .part06 .text2 ul li {
                    font-size: 20px;
                    line-height: 40px;
                    color: #666666;
                    font-weight: 300;
                    border-top: 2px solid #bb9727;
                }

            .part06 .text2 p {
                border-top: 2px solid #bb9727;
                background: url("/Content/Products/308pen/images/0801.png") no-repeat left 4px;
                background-size: 20px;
                font-size: 20px;
                color: #666666;
                font-weight: 300;
                padding-left: 30px;
            }



    .part07 {
        width: 100%;
        background: transparent url("/Content/Products/308pen/images/07bg.jpg") no-repeat center top;
        background-size:900px;
        height: 800px;
    }

        .part07 .container {
            position: relative;
            height: 800px;
        }

        .part07 .text1 {
            position: absolute;
            top: 20px;
            left: 10px;
        }

            .part07 .text1 h2 {
                color: #ffffff;
                font-size: 30px;
                font-weight: 300;
                line-height:40px;
            }

        .part07 .text {
            position: absolute;
            top: 200px;
            left: unset;
            right:10px;
        }

            .part07 .text p {
                text-align: left;
                color: #ffffff;
                font-size: 16px;
                font-weight: 300;
                line-height: 140%;
            }

        .part07 .text2 {
            position: absolute;
            bottom: 60px;
            left: 40%;
        }

            .part07 .text2 ul {
                list-style: none;
            }

                .part07 .text2 ul li {
                    background: url("/Content/Products/308pen/images/0701.png") no-repeat left 0px;
                    font-size: 16px;
                    color: #ffffff;
                    font-weight: 300;
                    padding-left: 40px;
                    margin-bottom: 30px;
                }

                    .part07 .text2 ul li strong {
                        display: block;
                        font-size: 20px;
                        font-weight: 300;
                    }


    .part08 {
        width: 100%;
        height: 480px;
        position: relative;
    }

        .part08 .container {
            position: relative;
            height: 480px;
        }

        .part08 .photo {
            position: absolute;
            top: 60px;
            left: 0px;
            border-top: 10px solid #bb9727;
            border-bottom: 10px solid #bb9727;
            background: transparent url("/Content/Products/308pen/images/08bg.jpg") no-repeat -260px top;
            background-size: 1000px;
            height: 380px;
            width: 100%;
            z-index: 10;
        }

        .part08 h2 {
            color: #bb9727;
            font-size: 30px;
            font-weight: 300;
            text-align: center;
            z-index: 20;
            line-height: 60px;
        }

        .part08 .mask {
            position: absolute;
            top: 70px;
            left: 40%;
            width: 60%;
            height: 360px;
            z-index: 19;
            background: #dedede;
            opacity: 0.7;
            filter: alpha(opacity=70);
        }

        .part08 .text {
            position: absolute;
            top: 70px;
            left: 40%;
            z-index: 20;
            padding-left: 10px;
        }

            .part08 .text .logo {
                max-width:120px;
            }

                .part08 .text .logo img {
                    margin: 0 auto 10px 0px;
                }

            .part08 .text p {
                padding-left: 6px;
                line-height: 24px;
                font-size: 16px;
                color: #666;
                text-align: left;
            }

                .part08 .text p.p1 {
                    color: #333;
                    font-size: 18px;
                    font-family: Verdana;
                }

                .part08 .text p img {
                    max-width: 60px;
                    margin: 0 0 0 0;
                    display: unset;
                }

    .part09 {
        width: 100%;
    }

        .part09 .item {
            border-top: 1px solid #b2b2b2;
            border-bottom: 1px solid #b2b2b2;
            margin-bottom: -1px;
            padding: 20px 0;
        }

            .part09 .item .text {
                width: 70%;
                float: left;
                text-align: right;
                font-size: 15px;
                line-height: 30px;
            }

            .part09 .item .photo {
                width: 30%;
                float: left;
            }
            .part09 .item .photo img {
                max-width:100px;
            }

        .part09 .text p {
            font-size: 1.8em;
            line-height: 2em;
            color: #333;
        }

            .part09 .text p strong {
                font-size: 1.2em;
            }

        .part09 .textA {
            text-align: right;
        }

        .part09 .textB {
            text-align: left;
        }

    .part10 {
        width: 100%;
        background: transparent url("/Content/Products/308pen/images/10bg.jpg") no-repeat center top fixed;
        background-size:1200px;
        height: 480px;
    }

        .part10 .container {
            position: relative;
            height: 480px;
        }

        .part10 .text {
            position: absolute;
            top: 20px;
            left: 20px;
        }

            .part10 .text p {
                text-align: left;
                color: #333;
                font-size: 24px;
                font-weight: 300;
                line-height: 180%;
            }

                .part10 .text p b {
                    padding-left: 36px;
                    font-weight: 300;
                }

                .part10 .text p strong {
                    display: block;
                    text-align: left;
                    font-size: 36px;
                    font-weight: 500;
                }

                .part10 .text p.p2 {
                    margin-top: 40px;
                    color: #ffffff;
                }

        .part10 .text2 {
            position: absolute;
            bottom: 20px;
            left: 20px;
        }

            .part10 .text2 p {
                text-align: left;
                color: #ffffff;
                font-size: 30px;
                font-weight: 300;
                line-height: 140%;
            }

    .part11 {
        width: 100%;
        background: #ebeff5;
        height: 480px;
        margin-bottom: 6em;
    }

        .part11 .container {
            position: relative;
            height: 480px;
        }

        .part11 .text {
            position: absolute;
            top: 20px;
            left: 20px;
            z-index: 20;
        }

            .part11 .text h2 {
                color: #bb9727;
                font-size: 30px;
                font-weight: 300;
                margin-bottom: 40px;
            }

            .part11 .text p {
                text-align: left;
                color: #333;
                font-size: 16px;
                font-weight: 300;
                line-height: 140%;
                padding-left: 20px;
            }

        .part11 .photo {
            position: absolute;
            bottom: 0px;
            left: 0;
            width: 100%;
            z-index: 10;
        }

            .part11 .photo img {
                margin: 0 auto;
                max-width:320px;
            }
}

@media (max-width: 320px) {
}