@import url('static.css');
@import url('font2/font.css');

body { font-family: 'SUINormal', sans-serif; background-color: #252525; min-width: 980px; }
header { background-color: #004f95; }
.wrapper { width: 980px; margin: auto; position: relative; }
:focus { outline: none; }
::-moz-focus-inner { border: 0; }

html, body { height: 100%; -webkit-font-smoothing: antialiased; }
.push { height: 95px; /* .push must be the same height as .footer */ }
.generalBg { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -95px; /* the bottom margin is the negative value of the footer's height */ }

.htmlInput { line-height: 150% !important; font-family: 'SUINormal', sans-serif !important; color: white!important; font-size: 14px; }
    .htmlInput iframe { }
    .htmlInput * { line-height: 150% !important; font-family: 'SUILight', sans-serif !important; font-size: 14px; margin-left: 0px !important; margin-top: 0px!important; color: white!important; background-color: transparent !important; }
    .htmlInput strong { font-family: SUIBold !important; font-weight: normal !important; }
    .htmlInput b { font-family: SUIBold !important; font-weight: normal !important; }
    .htmlInput table p { margin-bottom: 0px!important; margin: 0px!important; }
    .htmlInput li { list-style-type: disc !important; margin-left: 40px!important; }

/*&&&-------------------- header -------------------- &&&*/

header { background-image: url(../images/headerBg.jpg); background-repeat: repeat-x; height: 80px; }
    header .wrapper { position: relative; height: 80px; }
    header .logo { width: 140px; height: 50px; float: left; margin-top: 15px; }
    header nav { float: left; margin-top: 30px; margin-left: 27px; }
        header nav > ul { float: left; }
            header nav > ul > li { float: left; text-align: center; position: relative; }
                header nav > ul > li.last { text-align: right; }
                header nav > ul > li > a { font-size: 12px; color: #ffffff; position: relative; z-index: 9999; margin-right: 20px; margin-left: 20px; }
                header nav > ul > li:hover > a { }
                header nav > ul > li .level2 { position: absolute; width: 100%; top: -10px; opacity: 0; z-index: 99; transition: All 0.2s linear; -webkit-transition: All 0.2s linear; -moz-transition: All 0.2s linear; -o-transition: All 0.2s linear; height: 0px; visibility: hidden; }
                header nav > ul > li:hover .level2 { opacity: 1; visibility: visible; }
                header nav > ul > li .level2 .block { background-color: #073d6c; height: 58px; width: 100%; float: left; }
                header nav > ul > li .level2 .menuContainer { width: 560px; background-color: #073d6c; float: left; background-position: bottom right; }
                header nav > ul > li .level2 ul { text-align: left; margin: 20px 0px 0px 25px; width: 510px; }
                    header nav > ul > li .level2 ul li { width: 137px; text-align: left; padding-right: 30px; display: inline-block; padding-bottom: 20px; height: auto; float: none; font-size: 12px; }
                        header nav > ul > li .level2 ul li a { color: #f6fbff; display: block; padding-bottom: 10px; border-bottom: solid 1px #074b87; line-height: 150%; }
                            header nav > ul > li .level2 ul li a:hover { color: #99d5ff; }

.langChange { position: absolute; right: 0px; top: 30px; }
    .langChange a { font-size: 12px; color: white; padding: 10px; }
        .langChange a.active { padding: 9px; border: 1px solid #3d79ae; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.menuContainerParent { position: absolute; left: 0px; top: 58px; }

.leftMenu .menuContainer { }
    .leftMenu .menuContainer ul { float: right; }
        .leftMenu .menuContainer ul li { float: right; }
.leftMenu .menuContainerParent { right: 0px; left: auto; }
.middleBig .menuContainerParent { left: -253px; }
.middleBig .menuContainer { width: 980px; padding-bottom: 20px; }
header nav > ul > li .level2.middleBig .menuContainer { width: 980px; }
header nav > ul > li .level2.middleBig ul { width: 956px; }
    header nav > ul > li .level2.middleBig ul li { width: 270px; padding-bottom: 20px; height: auto; float: none; display: inline-block; }
header nav > ul > li .level2.singleWidth .menuContainer { width: auto; }
header nav > ul > li .level2.singleWidth ul { width: auto; }
    header nav > ul > li .level2.singleWidth ul li { display: block; float: none; height: auto; }

/*&&&-------------------- &&& ---------------------- &&&*/


/*&&&-------------------- slider -------------------- &&&*/

.indexSlider .sliderContainer { height: 748px; }
.indexSlider .slides-navigation { display: none; }
.indexSlider .slides-pagination { display: none; right: 30px; top: -238px; text-align: right; }

.indexSlider .slides-navigation a { width: 74px; height: 74px; background-image: url(../images/sliderIconSet.png); background-repeat: no-repeat; }
    .indexSlider .slides-navigation a.next { background-position: right top; }
        .indexSlider .slides-navigation a.next:hover { background-position: right bottom; }
    .indexSlider .slides-navigation a.prev { background-position: left top; }
        .indexSlider .slides-navigation a.prev:hover { background-position: left bottom; }

.slides-pagination a { width: 18px; height: 18px; background-image: url(../images/sliderButton.png); background-repeat: no-repeat; display: inline-block; margin-right: 2px; background-position: left top; }
    .slides-pagination a.current { background-position: right top; }

.indexSlider .sliderWrapperNav { position: relative; top: -243px; width: 150px; float: right; }

.sliderTextWrapper { position: absolute; bottom: 110px; width: 800px; }
    .sliderTextWrapper .text { color: white; }
        .sliderTextWrapper .text a { color: white; }
    .sliderTextWrapper .text1 { font-family: SUILight; font-size: 50px; }
    .sliderTextWrapper .text2 { font-size: 24px; font-family: SUILight; }
    .sliderTextWrapper .text3 { font-weight: normal; font-size: 19px; }
#closeSlider { position: relative; overflow: hidden; height: 530px; }

#sliderParentContainer { height: 530px; }


/*&&&-------------------- &&& ---------------------- &&&*/

/*&&&-------------------- whiteBar -------------------- &&&*/

.whiteBar { height: 60px; background-color: #ebebeb; }
    .whiteBar ul { float: left; margin-left: 10px; margin-right: 10px; }
        .whiteBar ul > li { float: left; margin-top: 16px; height: 44px; }
            .whiteBar ul > li a { float: left; font-size: 22px; color: #30303c; font-family: 'SUILight'; }
                .whiteBar ul > li a .block { display: block; background-color: #cccccc; height: 4px; display: none; }
                .whiteBar ul > li a span { margin-bottom: 6px; display: block; }
                .whiteBar ul > li a:hover { color: #cccccc; }
                    .whiteBar ul > li a:hover .block { display: block; }

/*&&&-------------------- &&& ---------------------- &&&*/

/*&&&-------------------- article -------------------- &&&*/

.articleContainer { position: relative;   margin-bottom: 30px; }
    .articleContainer > article { width: 50%; height: 100%; float: left; position: relative; }

.tableLeft { position: relative; background-color: #004ea0; vertical-align: top; margin: 0px; padding: 0px; }
.tableRight { position: relative; background-color: #ebebeb; vertical-align: top; margin: 0px; padding: 0px; }

/*&&&-------------------- &&& ---------------------- &&&*/

/*&&&-------------------- articleLeft -------------------- &&&*/

article.left { background-color: #004ea0; }

    article.left .block { width: 8px; position: absolute; height: 100%; right: 0px; background-color: #252525; z-index: 9; }

    article.left img { min-height: 200px; display: block; height: auto; float: left; width: 100%; }
    article.left .imageContainer { width: 50%; float: left; max-width: 50%; }
    article.left .textContainer { font-size: 12px; font-weight: normal; text-align: justify; color: white; width: 50%; margin-left: 50%; table-layout: fixed; }

        article.left .textContainer ul li { width: 100%; }
        article.left .textContainer h2 { font-size: 35px; padding-top: 25px; padding-bottom: 10px; padding-right: 20px; padding-left: 15px; }
        article.left .textContainer p { padding-right: 20px; padding-left: 15px; font-size: 12px; }
    article.left .imageContainer .item { position: relative; cursor: pointer; }
    article.left .imageContainer .hoverImage { transition: All 0.6s ease; -webkit-transition: All 0.6s ease; -moz-transition: All 0.6s ease; -o-transition: All 1s ease; position: absolute; height: 100%; width: 0px; left: 0px; background-image: url( ../images/imageHoverBg.png); background-repeat: repeat; }
    article.left .imageContainer .item:hover .hoverImage { width: 100%; }
    article.left .playIcon { width: 26px; height: 26px; position: absolute; z-index: 9; background-image: url(../images/trendsLeftPlay.png); right: 25px; bottom: 10px; }
#trendsPager { position: absolute; left: 50%; bottom: 15px; margin-left: 15px; }
    #trendsPager span { background-image: url(../images/asideLeftButton.png); height: 16px; width: 16px; margin-right: 2px; float: left; background-position: left top; cursor: pointer; }
    #trendsPager .cycle-pager-active { background-position: left bottom; }
#trendsCycleText { z-index: 2; }


/*&&&-------------------- &&& ---------------------- &&&*/

/*&&&-------------------- articleRight -------------------- &&&*/

article.right { background-color: #ebebeb; }
    article.right img { width: 100%; min-height: 200px; display: block; }
    article.right .imageContainer { width: 50%; float: right; }
    article.right .textContainer { background-image: url(../images/boxTopShadow.png); background-repeat: repeat-x; background-position: left top; width: 50%; text-align: left; margin-bottom: 30px; }
        article.right .textContainer ul { width: 100%; }
            article.right .textContainer ul li { width: 100%; }
        article.right .textContainer hgroup { padding-top: 20px; padding-bottom: 10px; padding-left: 15px; padding-right: 10px; }
        article.right .textContainer p { padding-left: 15px; padding-right: 15px; font-size: 12px; margin: 0px; }
        article.right .textContainer h2 { color: #115abe; font-size: 35px; margin-bottom: 10px; font-family: SUILight; text-align: left; }
        article.right .textContainer h3 { font-size: 13px; color: #7c7c7c; text-align: left; }
    article.right .textContainer { font-size: 13px; text-align: justify; color: #6d6d6d; font-weight: normal; text-align: left; }
    article.right .imageContainer .item { position: relative; cursor: pointer; }
    article.right .imageContainer .hoverImage { transition: All 0.6s ease; -webkit-transition: All 0.6s ease; -moz-transition: All 0.6s ease; -o-transition: All 1s ease; position: absolute; height: 100%; width: 0px; right: 0px; background-image: url( ../images/imageHoverBg.png); background-repeat: repeat; }
    article.right .imageContainer .item:hover .hoverImage { width: 100%; }
#newsPager { position: absolute; left: 15px; bottom: 15px; }
    #newsPager span { background-image: url(../images/asideRightButton.png); height: 16px; width: 16px; margin-right: 2px; float: left; background-position: left top; cursor: pointer; }
    #newsPager .cycle-pager-active { background-position: left bottom; }

/*&&&-------------------- &&& ---------------------- &&&*/

/*&&&-------------------- blackBar -------------------- &&&*/

.blackBar { background-color: #0d0d0d; height: 50px; }
    .blackBar a { height: 29px; float: right; background-image: url(../images/scrollTopIcon.png); background-position: right top; padding-right: 35px; margin-top: 10px; }
        .blackBar a span { line-height: 29px; color: white; font-size: 12px; float: left; font-family: 'SUISemi'; }


/*&&&-------------------- &&& ---------------------- &&&*/

/*&&&-------------------- footer -------------------- &&&*/

.footerLogo { float: left; margin-top: 15px; display: none; margin-right: 20px; }
.footerMenu { float: left; padding-top: 20px; padding-bottom: 20px; }
    .footerMenu .level1 { float: left; margin-right: 20px; }
        .footerMenu .level1 > .link { color: #d7d7d7; font-size: 11px; font-family: 'SUISemi'; margin-bottom: 20px; display: block; }
        .footerMenu .level1 .level2 div { color: #b3b3b3; font-size: 10px; font-family: 'SUISemi'; line-height: 15px; }
        .footerMenu .level1 .level2 a { color: #b3b3b3; font-size: 10px; font-family: 'SUISemi'; line-height: 15px; }
        .footerMenu .level1 .level2 { }

/*&&&-------------------- &&& ---------------------- &&&*/

/*&&&-------------------- social -------------------- &&&*/

.social { position: absolute; right: 0px; bottom: 10px; width: 350px; }
    .social a { margin-left: 10px; float: right; background-image: url(../images/social_links.png); width: 24px; height: 24px; }

        .social a.face { background-position: 0px 0px; }
        .social a.twitter { background-position: -29px 0px; }
        .social a.linked { background-position: -58px 0px; }
        .social a.instagram { background-position: -87px 0px; }
        .social a.youTube { background-position: -116px 0px; }

        .social a.face:hover { background-position: 0px -25px; }
        .social a.twitter:hover { background-position: -29px -25px; }
        .social a.linked:hover { background-position: -58px -25px; }
        .social a.instagram:hover { background-position: -87px -25px; }
        .social a.youTube:hover { background-position: -116px -25px; }

        .social a.info { background-image: none; display: block; line-height: 30px; width: 129px; color: #d7d7d7; font-size: 11px; font-family: 'SUISemi'; }

/*&&&-------------------- &&& ---------------------- &&&*/


/*&&&-------------------- topBlackBar -------------------- &&&*/

.topBlackBar { height: 60px; background-color: #2b2b35; position: relative; z-index: 4; }
    .topBlackBar ul { float: left; }
        .topBlackBar ul > li { float: left; font-size: 22px; color: white; }
            .topBlackBar ul > li > a { float: left; padding-top: 13px; font-family: 'SUILight'; }
                .topBlackBar ul > li > a .block { display: block; background-color: white; height: 4px; margin-top: 10px; display: none; }
            .topBlackBar ul > li:hover a .block { display: block; }
            .topBlackBar ul > li:hover a { }
            .topBlackBar ul > li.active a .block { display: block; }

/*&&&-------------------- &&& ---------------------- &&&*/


/*&&&-------------------- graySubBlock -------------------- &&&*/

.graySubBlock { width: 100%; position: absolute; height: 43px; top: 60px; z-index: 3; display: block; }
    .graySubBlock.seperatePage { top: 140px; }
    .graySubBlock.format0 ul { text-align: left; }
    .graySubBlock.format2 ul { text-align: center; }
    .graySubBlock.format1 ul { text-align: right; margin-right: 140px; }

    .graySubBlock .item { width: 100%; position: absolute; height: 43px; background-color: #ebebeb; }
        .graySubBlock .item.noShow { display: none; }
        .graySubBlock .item.back { z-index: 2; top: 0px; }
        .graySubBlock .item.close { top: -43px; }
        .graySubBlock .item.open { top: 0px; }
        .graySubBlock .item.ready { z-index: 3; top: 0px; }
        .graySubBlock .item.front { z-index: 4; }

    .graySubBlock ul { }
        .graySubBlock ul li { display: inline-block; margin-right: 70px; }
        .graySubBlock ul span { line-height: 43px; color: #9c9c9c; font-size: 14px; }
        .graySubBlock ul a:hover span { color: #004f95; }
        .graySubBlock ul li.active span { color: #004f95; }
        .graySubBlock ul li:last-child { margin-right: 0px; }

/*&&&-------------------- &&& ---------------------- &&&*/


/*&&&-------------------- showImg -------------------- &&&*/

.showImg { position: relative; height: 100%; }
    .showImg .wrapper { position: relative; height: 100%; }
    .showImg .textGroup { position: absolute; bottom: 50px; color: white; width: 100%; }
        .showImg .textGroup h1 { font-size: 50px; margin-bottom: 15px; font-family: 'SUILight'; }
        .showImg .textGroup h2 { font-size: 26px; font-weight: 300; margin-bottom: 10px; font-family: 'SUILight'; }
        .showImg .textGroup p { font-weight: normal; font-size: 14px; width: 70%; }

/*&&&-------------------- &&& ---------------------- &&&*/

/*&&&-------------------- trends -------------------- &&&*/

.trends { position: relative; height: 445px; margin-top: 80px; }
    .trends .blockLeft { background-color: #004f95; position: absolute; z-index: 6; height: 115px; width: 50%; bottom: 1px; margin-left: -230px; }
    .trends .wrapper { position: relative; z-index: 9; }

.showImg .mainImage { height: 595px; background-position: center top; }

.trends .imageContainer { position: relative; }


    .trends .imageContainer .formatAbsolute img { display: block; }

    .trends .imageContainer .formatAbsolute .hoverImage { transition: All 0.6s ease; -webkit-transition: All 0.6s ease; -moz-transition: All 0.6s ease; -o-transition: All 1s ease; position: absolute; height: 100%; width: 0px; left: 0px; background-image: url(../images/imageHoverBg.png); background-repeat: repeat; overflow: hidden; }

        .trends .imageContainer .formatAbsolute .hoverImage span { font-size: 30px; position: absolute; right: 100px; color: white; transition: All 0.6s ease; -webkit-transition: All 0.6s ease; -moz-transition: All 0.6s ease; -o-transition: All 1s ease; top: 50%; margin-top: -25px; font-family: 'SUILight'; min-width: 240px; width: 100%; text-align: center; }


.footerSliderItem .hoverImage { transition: All 0.6s ease; -webkit-transition: All 0.6s ease; -moz-transition: All 0.6s ease; -o-transition: All 1s ease; position: absolute; height: 100%; width: 0px; left: 0px; background-image: url(../images/imageHoverBg.png); background-repeat: repeat; overflow: hidden; }

    .footerSliderItem .hoverImage span { font-size: 30px; position: absolute; right: 100px; color: white; transition: All 0.6s ease; -webkit-transition: All 0.6s ease; -moz-transition: All 0.6s ease; -o-transition: All 1s ease; top: 50%; margin-top: -25px; font-family: 'SUILight'; min-width: 240px; width: 100%; text-align: center; }


.footerSliderItem:hover .hoverImage { width: 100%; }
    .footerSliderItem:hover .hoverImage span { right: 0px; }

.trends .imageContainer .formatAbsolute .item:hover .hoverImage { width: 100%; }
    .trends .imageContainer .formatAbsolute .item:hover .hoverImage span { right: 0px; }

.trends .imageContainer .navigationBox { width: 260px; height: 184px; background-color: #004f95; position: absolute; top: 260px; left: 0px; }
    .trends .imageContainer .navigationBox .navElement { float: left; border-bottom: 1px solid #252525; height: 68px; width: 100%; }
        .trends .imageContainer .navigationBox .navElement a { float: left; height: 68px; width: 50%; }
            .trends .imageContainer .navigationBox .navElement a.prev { background-color: #003e72; }
            .trends .imageContainer .navigationBox .navElement a .icon { width: 24px; height: 40px; float: left; background-image: url(../images/trendsNavIcon.png); background-repeat: no-repeat; margin-top: 15px; }
            .trends .imageContainer .navigationBox .navElement a.prev .icon { background-position: left top; margin-left: 47px; }
            .trends .imageContainer .navigationBox .navElement a.next .icon { background-position: right top; margin-left: 50px; }

    .trends .imageContainer .navigationBox .navText { color: white; margin-top: 25px; display: none; }
        .trends .imageContainer .navigationBox .navText h2 { font-size: 30px; margin-bottom: 10px; font-family: 'SUILight'; }
        .trends .imageContainer .navigationBox .navText p { font-size: 18px; font-weight: normal; }

/*&&&-------------------- &&& ---------------------- &&&*/

/*&&&-------------------- footerAction -------------------- &&&*/

.footerContainer { height: 45px; overflow: hidden; position: relative; }
.footerMenu .level1 .level2Container { position: relative; }
.width0 { width: 0px !important; }
.height245 { height: 340px; }


/*&&&-------------------- &&& ---------------------- &&&*/


/*&&&-------------------- fairs -------------------- &&&*/

.fairs { margin-top: 30px; position: relative; min-height: 115px; margin-bottom: 30px; }
    .fairs .block { position: absolute; background-color: #004f95; height: 115px; width: 50%; right: 0px; }
    .fairs .leftContent { float: left; width: 600px; background-color: #252525; }
        .fairs .leftContent .item { width: 580px; }
            .fairs .leftContent .item img { float: left; margin-right: 20px; }
            .fairs .leftContent .item .textContainer { padding-top: 0px; }
                .fairs .leftContent .item .textContainer h2 { font-size: 18px; color: #dff0ff; margin-left: 170px; line-height: 25px; width: 393px; -ms-word-break: break-all; word-break: break-all; word-break: break-word; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; -o-user-select: text; -moz-user-select: text; -webkit-user-select: text; user-select: text; }
                .fairs .leftContent .item .textContainer p { margin-top: 10px; font-size: 13px; color: white; }
    .fairs .navBox { float: right; width: 380px; background-color: #004f95; }
        .fairs .navBox .left { float: left; background-color: #003e72; width: 120px; position: relative; height: 115px; overflow: hidden; transition: All 0.6s ease; -webkit-transition: All 0.6s ease; -moz-transition: All 0.6s ease; -o-transition: All 0.6s ease; }
            .fairs .navBox .left .navBlock { width: 20px; position: absolute; height: 100%; left: 100px; background-color: #272731; }
            .fairs .navBox .left hgroup { position: relative; float: left; width: 100px; height: 115px; cursor: pointer; }
                .fairs .navBox .left hgroup h4 { color: white; font-size: 24px; font-family: 'SUIBold'; text-align: center; margin-bottom: 5px; cursor: default; line-height: 30px; padding-left: 2px; padding-right: 2px; }
                .fairs .navBox .left hgroup h5 { font-size: 17px; font-family: 'SUILight'; color: white; text-align: center; cursor: default; line-height: 22px; }

            .fairs .navBox .left .navBlock span { width: 16px; height: 16px; display: block; background-position: left top; background-image: url(../images/fairButton.png); background-repeat: repeat; margin-bottom: 5px; cursor: pointer; margin-left: 2px; }
                .fairs .navBox .left .navBlock span.cycle-pager-active { background-position: left bottom; text-align: center; }

        .fairs .navBox .right { float: left; }
            .fairs .navBox .right .item { margin-left: 40px; float: left; width: 200px; height: 115px; }
                .fairs .navBox .right .item h4 { font-family: 'SUILight'; font-size: 28px; color: white; margin-bottom: 5px; }
                .fairs .navBox .right .item h5 { font-size: 16px; color: white; font-family: 'SUILight'; line-height: 23px; }

/*&&&-------------------- &&& ---------------------- &&&*/


/*&&&-------------------- trends paging -------------------- &&&*/

.trendSlider .slides-navigation { display: none; }
.trendSlider .slides-pagination { display: none; right: 30px; top: -238px; text-align: right; }
.trendSlider .sliderWrapperNav { position: relative; top: -243px; width: 150px; float: right; }
.trendSlider .slides-navigation a { width: 26px; height: 26px; background-image: url(../images/sliderNav.png); background-repeat: no-repeat; }
    .trendSlider .slides-navigation a.next { background-position: right top; }
        .trendSlider .slides-navigation a.next:hover { background-position: right bottom; }
    .trendSlider .slides-navigation a.prev { background-position: left top; }
        .trendSlider .slides-navigation a.prev:hover { background-position: left bottom; }
#trendSliderParent { height: 550px; }


/*&&&-------------------- &&& ---------------------- &&&*/

/*&&&-------------------- action Product -------------------- &&&*/

.tansitions1 { transition: All 2s ease; -webkit-transition: All 2s ease; -moz-transition: All 2s ease; -o-transition: All 2s ease; }
.openPage { display: none; height: 0px; position: relative; }

/*&&&-------------------- &&& ---------------------- &&&*/


/*&&&-------------------- pageDetail ---------------------- &&&*/

.pageContent { padding-top: 30px; padding-bottom: 40px; }
    .pageContent .leftMenu { width: 230px; float: left; margin-right: 10px; background-color: #004f95; }
        .pageContent .leftMenu ul { margin-top: 10px; margin-bottom: 10px; }
            .pageContent .leftMenu ul li { background-color: #1365ae; }
                .pageContent .leftMenu ul li a { padding-left: 20px; font-size: 14px; color: #b3b3b3; font-family: SUISemi; line-height: 100%; padding-top: 7px; padding-bottom: 7px; display: block; background-color: #004f95; line-height: 20px; }
                    .pageContent .leftMenu ul li a:hover { padding-left: 12px; margin-left: 8px; color: white; }
                .pageContent .leftMenu ul li.active a { padding-left: 12px; margin-left: 8px; font-size: 17px; color: white; }

    .pageContent .rightContent { padding: 30px; background-color: white; background-image: none; }
        .pageContent .rightContent h1 { line-height: 40px; font-size: 30px; color: white; margin-bottom: 20px; font-family: SUISemi; }
        .pageContent .rightContent > img { margin-bottom: 30px; display: block; }

    /*&&&-------------------- &&& ---------------------- &&&*/


    /* &&&-------------------- skinPageDetail ---------------------- &&&*/

    .pageContent .skinPageContent .parentHeader { float: left; width: 418px; margin-bottom: 25px; }
        .pageContent .skinPageContent .parentHeader h1 { float: left; margin-bottom: 0px; }
        .pageContent .skinPageContent .parentHeader h2 { float: left; margin-bottom: 0px; font-size: 18px; line-height: 100%; font-family: 'SUILight'; color: #005984; margin-top: 5px; }
    .pageContent .skinPageContent .rightSkinImgBox { border: solid 1px #f0f0f0; padding: 5px; float: right; margin-right: -76px; background-color: white; margin-left: 30px; margin-bottom: 25px; }
        .pageContent .skinPageContent .rightSkinImgBox img { }
.imgStaticPageContainer { margin-bottom: 30px; position: relative; }
    .imgStaticPageContainer .text { position: absolute; font-size: 30px; color: white; font-family: SUISemi; top: 50%; left: 30px; margin-top: -22px; }

/*&&&-------------------- &&& ---------------------- &&&*/


/*&&&-------------------- history -------------------- &&&*/

.historyContainer { margin-top: 40px; height: 440px; }
    .historyContainer .title { font-size: 28px; font-family: 'SUILight'; color: white; margin-bottom: 10px; position: relative; z-index: 3; }
    .historyContainer .imgLeft { float: left; position: relative; z-index: 3; }
    .historyContainer .currentDate { font-size: 100px; font-family: 'SUILight'; float: right; color: white; position: relative; z-index: 3; }
    .historyContainer .itemBox { position: relative; float: left; width: 100%; }
    .historyContainer .detailTitle { color: white; font-size: 19px; font-family: 'SUIBold'; }
    .historyContainer .detail { color: white; font-size: 16px; line-height: 30px; }
    .historyContainer .textBox { position: absolute; top: 200px; margin-left: 252px; z-index: 3; }
    .historyContainer .backgroundDate { top: 10px; right: 0px; position: absolute; z-index: 2; font-family: 'SUILight'; font-size: 200px; color: rgba(255,255,255,0.1); }

.historyNav { background: url(../images/historyNav-bg.png) repeat-x 0px 11px; height: 70px; width: 100%; margin: 0px 0px 15px 0px; position: relative; overflow: hidden; }
.carousel { width: 980px; margin: 0px; padding: 11px 0px 0px 0px !important; overflow: hidden; }

    .carousel li { float: left; list-style: none; text-align: center; width: 90px; font-size: 19px; font-family: 'SUILight'; position: relative; width: 90px; }
        .carousel li span { z-index: 2222; height: 11px; display: none; background: url(../images/arrow.png) no-repeat top center; position: absolute; top: 0px; width: 90px; }
        .carousel li a { display: block; color: #fff; height: 33px; padding-top: 26px; }
        .carousel li:hover span { display: block; }
    .carousel .detail { display: none; }

/*&&&-------------------- &&& ---------------------- &&&*/

/*&&&-------------------- question -------------------- &&&*/

.questionList { }
    .questionList li { background-image: url(../images/questionSplit_01.png); background-position: left bottom; background-repeat: repeat-x; margin-bottom: 20px; padding-bottom: 20px; }
        .questionList li .itemHead { display: block; }
            .questionList li .itemHead h6 { font-size: 20px; font-family: 'SUISemi'; cursor: pointer; }
            .questionList li .itemHead .questionIcon { float: right; width: 20px; height: 20px; background-image: url(../images/questionIcon.png); background-position: left top; }
        .questionList li .questionDetail { font-family: 'SUINormal'; display: none; margin-top: 30px; }
        .questionList li.active .questionDetail { display: block; }
        .questionList li.active .questionIcon { background-position: left bottom; }
        .questionList li.active .itemHead h6 { color: #004f95; }


/*&&&-------------------- &&& ---------------------- &&&*/


/*&&&-------------------- newsList -------------------- &&&*/

.newsListContent { }
    .newsListContent .newsHeader { background-color: #0b3c68; padding-left: 30px; height: 50px; }
        .newsListContent .newsHeader h1 { line-height: 50px; font-size: 22px; font-family: 'SUISemi'; color: white; }
    .newsListContent .newsList { padding-top: 20px; }
        .newsListContent .newsList li { padding-right: 30px; padding-bottom: 40px; position: relative; }
            .newsListContent .newsList li .dateBox { background-color: #004f95; color: white; font-size: 14px; float: right; padding: 0px 7px 0px 7px; display: none; }
            .newsListContent .newsList li img { float: left; margin-right: 20px; }
            .newsListContent .newsList li h3 { font-size: 20px; color: white; margin-right: 80px; padding-top: 10px; margin-bottom: 10px; line-height: 26px; font-family: SUIBold; }
            .newsListContent .newsList li p { font-size: 14px !important; }
            .newsListContent .newsList li .goOn { width: 40px; height: 30px; background-image: url(../images/arrowRight.png); background-position: center center; position: absolute; bottom: 40px; right: 30px; background-color: #206eb3; display: none; }

.backContainer { width: 40px; height: 30px; background-image: url(../images/arrowLeft.png); background-position: center center; background-color: #206eb3; margin-top: 20px; }
    .backContainer a { display: block; margin-left: 50px; line-height: 30px; }
    .backContainer span { margin-left: 50px; color: white; }

/*&&&-------------------- &&& ---------------------- &&& */


/*&&&-------------------- trend -------------------- &&&*/

.descriptionBand { background-color: #2b2b35; margin-top: 45px; padding-bottom: 20px; background-color: #004f95; }
    .descriptionBand h1 { font-family: 'SUILight'; font-size: 40px; padding-top: 20px; color: white; }
    .descriptionBand p { margin-top: 20px; color: white; font-size: 14px; }

/*&&&-------------------- &&& ---------------------- &&& */


/*&&&-------------------- trendSlider -------------------- &&&*/

.formatAbsolute { position: absolute; display: none; }
.footerSliderItem { display: none; position: absolute; }
    .footerSliderItem img { display: block; }
.trendFooterContainer { height: 220px; margin-top: 20px; }

/*&&&-------------------- &&& ---------------------- &&& */

/*&&&-------------------- collectionList -------------------- &&&*/

.trendListContainer { padding-top: 80px; }
    .trendListContainer .trendHeader { height: 60px; float: left; }
        .trendListContainer .trendHeader li { float: left; background-color: #444444; margin-right: 1px; }
            .trendListContainer .trendHeader li.active { background-color: white; }
            .trendListContainer .trendHeader li a { padding: 25px; float: left; font-family: SUIBold; font-size: 14px; color: #7f7f7f; }
            .trendListContainer .trendHeader li.active a { color: #004f95; }

.trendDetail { padding: 30px; background-color: white; display: block; clear: both; float: left; width: 920px; margin-bottom: 30px; }
    .trendDetail li { width: 445px; float: left; margin-right: 30px; margin-bottom: 30px; }

        .trendDetail li img { width: 445px; float: left; margin-right: 30px; margin-bottom: 30px; }
        .trendDetail li h4 { margin-top: 20px; font-size: 22px; color: #353535; font-family: 'SUIBold'; line-height: 100%; text-align: center; margin-bottom: 10px; }
        .trendDetail li p { font-size: 15px; color: #737373; text-align: justify; }
        .trendDetail li img { border: 1px solid #252525; }

/*&&&-------------------- &&& ---------------------- &&& */


/*&&&-------------------- collectionDetail -------------------- &&&*/

.upperBg { height: 370px; }
    .upperBg .bgTop { height: 100%; background-position: center center; }
        .upperBg .bgTop .blueBlock { position: absolute; top: 130px; left: 0px; background-color: #004f95; color: white; }
            .upperBg .bgTop .blueBlock h2 { padding: 20px 20px; line-height: 100%; font-size: 23px; }
        .upperBg .bgTop .detail { position: absolute; top: 220px; left: 0px; width: 600px; font-size: 20px; color: #ffffff; font-family: SUILight; line-height: 30px; }

.collectionDetail { margin-top: 80px; }
    .collectionDetail article { margin-bottom: 40px; }
        .collectionDetail article h1 { font-size: 28px; color: white; line-height: 100%; font-family: SUILight; margin-bottom: 20px; }
        .collectionDetail article .videoContainer { }
        .collectionDetail article .htmlInput { color: white !important; font-size: 14px !important; margin-top: 20px; font-family: SUILight !important; }
            .collectionDetail article .htmlInput * { color: white!important; font-size: 14px!important; font-family: SUILight!important; }



    .collectionDetail aside { float: left; margin-bottom:40px; }
        .collectionDetail aside .photoDetailTitle { font-size: 28px; color: white; line-height: 100%; font-family: SUILight; margin-bottom: 20px; }
        .collectionDetail aside .photoList { float: left; }
            .collectionDetail aside .photoList .item { }
                .collectionDetail aside .photoList .item img { }

        .collectionDetail aside .detailNav { float: left; margin-left: 20px; }
            .collectionDetail aside .detailNav a { width: 80px; height: 80px; float: left; }
                .collectionDetail aside .detailNav a i { width: 24px; height: 40px; background-image: url(../images/trendsNavIcon.png); float: left; margin-left: 20px; margin-top: 20px; }
                .collectionDetail aside .detailNav a.next { background-color: #004f95; }
                    .collectionDetail aside .detailNav a.next i { background-position: right top; margin-left: 30px; }
                .collectionDetail aside .detailNav a.prev { background-color: #00437e; }
                    .collectionDetail aside .detailNav a.prev i { margin-left: 25px; }


/*&&&-------------------- &&& ---------------------- &&& */


/*&&&-------------------- certificate -------------------- &&&*/

.certificateList { margin-top: 80px; margin-bottom: 40px; }
    .certificateList ul.detailList { display: none; padding: 5px 10px 10px 20px; }
.certificateParentStaticPage .certificateList ul.detailList { padding: 0px; }
.certificateList ul.detailList.active { display: block; background-color: white; }
.certificateList ul.detailList > li { min-height: 30px; color: #353535; font-size: 20px; border-bottom: solid 1px #393939; padding-top: 10px; padding-bottom: 10px; position: relative; }

    .certificateList ul.detailList > li > span { margin-right: 100px; }

    .certificateList ul.detailList > li .iconBlock { float: right; width: 60px; height: 30px; margin-left: 10px; font-size: 12px; font-family: SUIBold; color: #004f95; border: solid 1px #a5bed4; margin-right: 10px; }
        .certificateList ul.detailList > li .iconBlock span { float: left; line-height: 30px; margin-left: 10px; }
        .certificateList ul.detailList > li .iconBlock i { float: left; width: 12px; height: 12px; background-repeat: no-repeat; margin-left: 10px; margin-top: 9px; }
            .certificateList ul.detailList > li .iconBlock i.jpg { background-image: url(../images/jpgIcon.png); }
            .certificateList ul.detailList > li .iconBlock i.pdf { background-image: url(../images/pdfIcon.png); }

.certificateList ul.detailList > li { }
    .certificateList ul.detailList > li .certificateDetail { margin-top: 20px; display: none; font-size: 14px; padding-right: 40px; }



.certificateList ul.detailList li .IconContainer { margin-top: 5px; margin-left: 10px; position: absolute; right: 90px; }
    .certificateList ul.detailList li .IconContainer .open { float: right; width: 20px; height: 20px; background-image: url(../images/questionIconV2.png); background-position: left top; }
    .certificateList ul.detailList li .IconContainer .close { float: right; width: 20px; height: 20px; background-image: url(../images/questionIconV2.png); background-position: left bottom; display: none; }

.certificateList ul.detailList li.active .IconContainer .close { display: block; }
.certificateList ul.detailList li.active .IconContainer .open { display: none; }


.certificateList ul.detailList li .certificateName { cursor: default; float: left; }
.certificateList ul.detailList li .hasLink { cursor: pointer; }


.certificateHeader { float: left; }
    .certificateHeader li { float: left; margin-right: 1px; background-color: #444444; }
        .certificateHeader li.active { background-color: white; }
        .certificateHeader li a { float: left; padding: 20px 30px; font-size: 14px; font-family: SUIBold; color: #7f7f7f; }
        .certificateHeader li.active a { background-color: white; color: #004f95; }
.certificateList .whiteBlock { display: block; clear: both; height: 5px; background-color: white; }


.certificateParentStaticPage { }
    .certificateParentStaticPage .certificateList { margin-top: 0px; float: left; width: 980px; }
        .certificateParentStaticPage .certificateList ul.detailList li { padding-left: 30px; }

            .certificateParentStaticPage .certificateList ul.detailList li .certificateName { cursor: default; }

            .certificateParentStaticPage .certificateList ul.detailList li .hasLink { cursor: pointer; }

/*&&&-------------------- &&& ---------------------- &&& */

/*&&&-------------------- trendStatic Page -------------------- &&&*/

.trendStaticPage { margin-top: 60px; padding: 30px; background-color: #ffffff; margin-bottom: 40px; }
    .trendStaticPage h1 { line-height: 100%; font-size: 30px; color: #005984; margin-bottom: 30px; font-family: SUISemi; }
    .trendStaticPage .htmlInput { color: #737373 !important; }
        .trendStaticPage .htmlInput * { color: #737373 !important; }

.certificateList ul.detailList li .htmlInput { color: #737373 !important; }
    .certificateList ul.detailList li .htmlInput * { color: #737373 !important; }

/*&&&-------------------- &&& ---------------------- &&& */


/*&&&-------------------- Contact Address List -------------------- &&&*/

.addressList { }
    .addressList ul { }
        .addressList ul li { padding-bottom: 20px; border-bottom: dotted 1px #737373; margin-bottom: 20px; }
            .addressList ul li h6 { font-size: 22px; color: #353535; font-family: SUISemi; font-weight: normal; margin-bottom: 10px; }
            .addressList ul li .addressDetail { font-size: 16px!important; color: #737373 !important; font-family: SUINormal; margin-bottom: 20px; margin-right: 40px; margin-right: 170px; }
                .addressList ul li .addressDetail * { font-size: 16px!important; color: #737373 !important; font-family: SUINormal; }
                .addressList ul li .addressDetail strong, .addressList ul li .addressDetail bold { font-size: 16px!important; color: #737373 !important; font-family: SUIBold; }

            .addressList ul li .showMap { border: solid 1px #a5bed4; padding: 7px 8px; font-size: 12px; color: #004f95; float: right; margin-top: 40px; }
            .addressList ul li .close { background-image: url(../images/closeIcon.png); float: right; width: 30px; height: 26px; margin-left: 5px; margin-top: 40px; display: none; }
            .addressList ul li .map { display: none; height: 358px; width: 679px; }

/*&&&-------------------- &&& ---------------------- &&& */


/*&&&-------------------- foreingContactHeader -------------------- &&&*/



.foreingContactHeader { float: left; }
    .foreingContactHeader li { float: left; margin-right: 1px; background-color: #444444; }
        .foreingContactHeader li.active { background-color: white; }
        .foreingContactHeader li a { float: left; padding: 20px 30px; font-size: 14px; font-family: SUIBold; color: #7f7f7f; }
        .foreingContactHeader li.active a { background-color: transparent; color: #004f95; }
.certificateList .whiteBlock { display: block; clear: both; height: 5px; background-color: white; }

.foreingContactDetail { float: left; width: 920px; padding-left: 30px; padding-right: 30px; padding-top: 30px; display: none; background-color: white; }
    .foreingContactDetail.active { display: block; }

    .foreingContactDetail li .showMap { border: solid 1px #a5bed4; padding: 7px 8px; font-size: 12px; color: #004f95; float: right; margin-top: 40px; }
    .foreingContactDetail li .close { background-image: url(../images/closeIcon.png); float: right; width: 30px; height: 26px; margin-left: 5px; margin-top: 40px; display: none; }
    .foreingContactDetail li { padding-bottom: 20px; border-bottom: dotted 1px #737373; margin-bottom: 20px; }
        .foreingContactDetail li h5 { display: block; font-size: 22px; color: #353535; font-family: SUISemi; font-weight: normal; margin-bottom: 20px; }
        .foreingContactDetail li h6 { font-size: 18px; color: #737373; font-family: SUISemi; font-weight: normal; margin-bottom: 20px; }

.pageContent .foreingContactWrapper { padding-left: 0px; padding-top: 0px; background-color: transparent; }
.foreingContactDetail .addres { font-size: 16px!important; color: #737373 !important; font-family: SUINormal; margin-bottom: 20px; margin-right: 40px; margin-right: 170px; }

    .foreingContactDetail .addres.noMap { margin-right: 0px; }
    .foreingContactDetail .addres * { font-size: 16px!important; color: #737373 !important; font-family: SUINormal; }
    .foreingContactDetail .addres strong, .foreingContactDetail .addres b { font-size: 16px!important; color: #737373 !important; font-family: SUIBold; min-width: 110px; display: block; }
    .foreingContactDetail .addres div b { width: 100px; }
.foreingContactDetail td { vertical-align: top; }

.addresBox { position: relative; }
.mapButtonBox { position: absolute; right: 0px; bottom: 0px; }
.foreingContactParent { float: left; }


/*&&&-------------------- &&& ---------------------- &&& */

/*&&&-------------------- contact -------------------- &&&*/


.contactBox { color: #737373; font-size: 16px; font-family: SUISemi; margin-top: 40px; }
    .contactBox .item { float: left; width: 460px; margin-bottom: 15px; }
        .contactBox .item label { color: #737373; font-size: 16px; font-family: SUISemi; display: block; }
        .contactBox .item input { width: 390px; margin-top: 10px; height: 20px; background-color: #e9e9e9; border: none; font-size: 16px; color: #414141; padding: 10px 15px; font-family: SUILight; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; border: 1px solid transparent; }
        .contactBox .item textarea { width: 850px; margin-top: 10px; height: 130px; background-color: #e9e9e9; border: none; font-size: 16px; color: #414141; padding: 10px 15px; font-family: SUILight; font-size: 16px; -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; border: 1px solid transparent; }
        .contactBox .item input:focus { border: 1px solid #2275bf; background-color: transparent; }
        .contactBox .item textarea:focus { border: 1px solid #2275bf; background-color: transparent; }
        .contactBox .item input:hover { border: 1px solid #2275bf; background-color: transparent; }
        .contactBox .item textarea:hover { border: 1px solid #2275bf; background-color: transparent; }

    .contactBox .dropBox { margin-top: 10px; }

.sbHolder { width: 420px; background-color: #e9e9e9; border: none; height: 40px; border: 1px solid transparent; }
.sbToggle { background: url(../images/selectBoxIcon.png) 0 0 no-repeat; width: 40px; height: 39px; }

.sendButton { float: right; padding: 10px 15px; background-color: #07233d; font-size: 16px; color: white; margin-right: 35px; margin-top: 10px; }
.contactBox .item .errorText { color: #f13112; font-family: SUILight; font-size: 12px; margin-top: 2px; }
.contactBox .loader { float: right; display: none; margin-right: 20px; margin-top: 10px; }
.contactBox .success { height: 40px; font-family: SUINormal; font-size: 12px; background-color: #d0f9d5; margin-bottom: 20px; margin-right: 10px; }

    .contactBox .success .successIcon { float: left; width: 21px; height: 16px; background-image: url(../images/successIcon.png); margin-left: 20px; margin-top: 10px; margin-right: 20px; }
    .contactBox .success .successClose { width: 16px; height: 16px; background-image: url(../images/successCloseIcon.png); float: right; margin-top: 10px; margin-right: 10px; }
    .contactBox .success span { float: left; margin-top: 10px; color: #737373; }


.contactBox .errorBlock { height: 40px; font-family: SUINormal; font-size: 12px; background-color: #f9d0d9; margin-bottom: 20px; margin-right: 10px; }
    .contactBox .errorBlock .errorIcon { float: left; width: 16px; height: 16px; background-image: url(../images/contactError.png); margin-left: 20px; margin-top: 10px; margin-right: 20px; }
    .contactBox .errorBlock .errorClose { width: 16px; height: 16px; background-image: url(../images/errorClose.png); float: right; margin-top: 10px; margin-right: 10px; }
    .contactBox .errorBlock span { float: left; margin-top: 10px; color: #737373; }


/*&&&-------------------- &&& ---------------------- &&& */


.slides-navigation a.prev { left: 100px; }
.slides-navigation a.next { right: 100px; }


.pageBgContent { background-position: center center; }
    .pageBgContent .rightContent { background-repeat: repeat; background-color: transparent; background-image: url(../images/blueOpacityNew.png); background-repeat: repeat; height: 200px; overflow: hidden; }

.ultraBold { font-size: 19px!important; line-height: 40px!important; }
    .ultraBold * { font-size: 19px!important; line-height: 40px!important; }

.leftImage { position: absolute; height: 100%; width: 200px; left: 0px; top: 0; }
.rightImage { position: absolute; height: 100%; right: 0px; top: 0px; width: 200px; }

.pageContent .rightContent .contactContainer h1 { color: #004f95; }
.pageBgContent { background-position: center center; height: 100%; position: relative; width: 100%; min-height: 100%; }

footer { background-color: #252525; }

/*&&&-------------------- cvList ---------------------- &&& */

.cvList { }
    .cvList li { position: relative; margin-bottom: 20px; }
        .cvList li h5 { font-family: SUIBold; font-size: 16px; color: white; margin-bottom: 10px; }
        .cvList li h6 { font-family: SUIBold; font-size: 16px; color: white; }
        .cvList li p { color: white; margin-top: 10px; }
        .cvList li img { float: left; margin-right: 10px; margin-bottom: 40px; }
        .cvList li p buttonBox { position: absolute; top: 0px; right: 0px; }
        .cvList li p open { }

/*&&&-------------------- &&& ---------------------- &&& */



/*&&&-------------------- foreingMapList ---------------------- &&& */

.foreingMapList { margin-top: 30px; margin-bottom: 30px; }
.foreingMap { display: none; }
    .foreingMap.active { display: block; position: relative; }

    .foreingMap .dotParent .item { position: absolute; width: 12px; height: 12px; background-image: url(../images/mapItem.png); background-repeat: no-repeat; cursor: pointer; z-index: 2; }
        .foreingMap .dotParent .item .block { position: relative; width: 12px; min-height: 13px; color: white; display: none; }
        .foreingMap .dotParent .item:hover { width: auto; height: auto; cursor: pointer; z-index: 9; }
            .foreingMap .dotParent .item:hover .block { display: block; cursor: pointer; }
        .foreingMap .dotParent .item.right .block .inner { position: absolute; background-repeat: no-repeat; background-color: #004f95; left: 30px; padding: 20px; width: 410px; } 
        .foreingMap .dotParent .item.right.multiple .block .inner .subItem { width: 230px; display: inline-block; } 
        .foreingMap .dotParent .item.right.multiple .block .inner { width: 510px; } 
        .foreingMap .dotParent .item.left .block .inner { position: absolute; background-repeat: no-repeat; background-color: #004f95; right: 30px; padding: 20px; width: 430px; top: -10px; } 
        .foreingMap .dotParent .item.bottom .block .inner { position: absolute; background-repeat: no-repeat; background-color: #004f95; right: -235px; padding: 20px; width: 430px; top: 40px; }
        .foreingMap .dotParent .item.bottom.multiple .block .inner { width: 610px; right: -327px; }
            .foreingMap .dotParent .item.bottom.multiple .block .inner .subItem { width: 280px; display: inline-block; }

        .foreingMap .dotParent .item.left.multiple .block .inner { width: 610px; right: 30px; }
            .foreingMap .dotParent .item.left.multiple .block .inner .subItem { width: 280px; display: inline-block; }

        .foreingMap .dotParent .item.right .block .icon { width: 8px; height: 18px; background-image: url(../images/arrowBlock_03.png); position: absolute; left: -8px; top: 3px; }
        .foreingMap .dotParent .item.left .block .icon { width: 8px; height: 18px; background-image: url(../images/arrowBlock_04.png); position: absolute; right: -8px; top: 5px; }
        .foreingMap .dotParent .item.bottom .block .icon { width: 18px; height: 8px; background-image: url(../images/arrowBlock_05.png); position: absolute; right: 50%; top: -8px; }

        .foreingMap .dotParent .item .block h5 { font-size: 16px; font-family: SUIBold; }
        .foreingMap .dotParent .item .block table { font-size: 12px; font-family: SUINormal; margin-top: 20px; }
            .foreingMap .dotParent .item .block table b { white-space: nowrap; margin-right: 10px; }
            .foreingMap .dotParent .item .block table td { vertical-align: top; }
            .foreingMap .dotParent .item .block table .break { width: 10px; }

/*&&&-------------------- &&& ---------------------- &&& */


/*&&&-------------------- VideoList ---------------------- &&& */

.videoList { height: 400px; }
    .videoList .targetLeft { width: 700px; height: 400px; float: left; position: relative; }
    .videoList .subVideoList { margin-left: 700px; display: block; height: 400px; }

        .videoList .subVideoList ul { padding-left: 20px; }
            .videoList .subVideoList ul li { margin-bottom: 20px; width: 230px; }
                .videoList .subVideoList ul li p { color: white; padding: 10px; font-size: 14px; position: absolute; left: 0px; top: 0px; }
                .videoList .subVideoList ul li a { display: block; position: relative; }
                    .videoList .subVideoList ul li a .hoverItem { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background-repeat: repeat; background-image: url(../images/blueOpacityNew.png); }
                .videoList .subVideoList ul li.active a .hoverItem { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background-image: url(../images/videoListHover.png); background-repeat: repeat; }
                .videoList .subVideoList ul li a .playIcon { position: absolute; width: 100%; height: 100%; top: 0px; left: 0px; background-image: url(../images/videoListPlayIcon.png); background-repeat: no-repeat; background-position: 167px 60px; }

                .videoList .subVideoList ul li a img { display: block; }

.targetLeft .info { position: absolute; bottom: 0px; left: -60px; z-index: 9; }
    .targetLeft .info .leftBlock { height: 77px; width: 60px; background-image: url(../images/videoInfoIcon.png); background-repeat: no-repeat; background-position: center center; float: left; background-color: white; }
    .targetLeft .info .rightBlock { background-color: #004f95; color: white; line-height: 77px; padding-left: 10px; padding-right: 10px; float: right; }
.videoList .videoPreview a { display: block; }
.videoList .targetIcon { position: absolute; width: 100%; height: 100%; top: 0px; }

.no-video .targetLeft .info { display: none; }

/*&&&-------------------- &&& ---------------------- &&& */

/*&&&-------------------- Custom Tab ---------------------- &&& */

.customTabContainer { }
    .customTabContainer .tabHeader { list-style: none; }
        .customTabContainer .tabHeader li { float: left; margin-right: 1px; background-color: #444444 !important; }
            .customTabContainer .tabHeader li a { float: left; padding: 20px 30px; font-size: 14px; font-family: SUIBold; color: #7f7f7f; }
            .customTabContainer .tabHeader li.active { background-color: white !important; }
                .customTabContainer .tabHeader li.active a { background-color: #1f448b!important; color: white!important; }
    .customTabContainer .detailContent { padding: 20px 20px 20px 20px; margin-left: 0px !important; display: none; list-style-type: none !important; }
        .customTabContainer .detailContent.active { display: block; background-color: white; border: 1px solid #1f448b; }
    .customTabContainer .detailContentList { background-color: white; }
    .customTabContainer .tabHeader > li { margin-left: 0px !important; list-style-type: none !important; }



/*&&&-------------------- &&& ---------------------- &&& */

/*&&&-------------------- RefNav---------------------- &&& */


.navHelpContainer { float: right; margin-bottom: 40px; }
    .navHelpContainer .topText { position: relative; z-index: 3; }
        .navHelpContainer .topText .questionIcon { float: left; margin-right: 10px; }
        .navHelpContainer .topText .text { display: block; text-align: right; white-space: nowrap; margin-right: 40px; }

        .navHelpContainer .topText .topIcon { background-image: url(../images/carousel_03.jpg); width: 15px; height: 8px; position: absolute; display: none; left: 5px; top: 40px; z-index: 9; }

        .navHelpContainer .topText .bluePanel { position: absolute; display: none; left: -180px; }
            .navHelpContainer .topText .bluePanel > div { width: 280px; background-color: #f5f8fb!important; border: solid 1px #ccdcea; height: 135px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-top: 20px !important; }

                .navHelpContainer .topText .bluePanel > div table { height: 130px; margin: auto!important; width: 260px; text-align: center; }
                    .navHelpContainer .topText .bluePanel > div table td { width: 50%; }
                    .navHelpContainer .topText .bluePanel > div table span { display: block; margin-top: 10px; }

    .navHelpContainer:hover .bluePanel { display: block; }
    .navHelpContainer:hover .topIcon { display: block; }

.circle_slider_thumb { cursor: move; }
.circle_slider_nav_left { background-image: url(../images/refCarousel.png); background-repeat: no-repeat; width: 45px !important; height: 45px !important; left: 50px !important; z-index: 9; background-position: left -49px; top: 100px !important; display: none!important; }
    .circle_slider_nav_left:hover { background-position: left top; }
    .circle_slider_nav_left img { display: none !important; background-position: left bottom; }
.circle_slider_nav_right { background-image: url(../images/refCarousel.png); background-repeat: no-repeat; width: 45px !important; height: 45px !important; left: 840px !important; z-index: 9; background-position: right -49px; top: 100px !important; display: none!important; }

.detailContent .circle_slider_nav_right { left: 810px !important; }

.circle_slider_nav_right:hover { background-position: right top; }
.circle_slider_nav_right img { display: none !important; }

.content_slider_wrapper:hover .circle_slider_nav_left { display: block !important; }
.content_slider_wrapper:hover .circle_slider_nav_right { display: block !important; }
.content_slider_wrapper .brandText { font-size: 22px!important; color: #40494c !important; font-family: 'SUILight' !important; }


/*&&&-------------------- &&& ---------------------- &&& */

/*&&&-------------------- Finance Drop Down---------------------- &&& */

.financeSelect { margin-top: 20px!important; min-height: 300px; }
    .financeSelect .dropBox { margin-top: 10px!important; }

    .financeSelect .sbSelector { line-height: 40px !important; }
    .financeSelect .sbHolder { border: 1px solid #fff; background-color: transparent; width: 200px; }
    .financeSelect .sbOptions { height: 200px !important; width: 200px; }
        .financeSelect .sbOptions li { margin-left: 0px !important; list-style: none !important; }
    .financeSelect .fileListItem { padding-left: 5px; display: none; }
        .financeSelect .fileListItem.active { display: block; }


        .financeSelect .fileListItem .firstCell { width: 610px; }

    .financeSelect .sbOptions { background-color: white !important; }
        .financeSelect .sbOptions a { background-color: #004f95 !important; }


.popUpContainer{
    background-color: white; 
    width: 600px;
    margin: auto;
    position: relative;
    padding:30px;
     font-family: SUILight !important;
 }
.popUpContainer *{
    
     font-family: SUILight !important;
 }

/*&&&-------------------- &&& ---------------------- &&& */


.sliderRef3 { width: 870px !important; }

@media (max-width: 1300px) {
    article.right .textContainer h2 { font-size: 22px; }
    article.left .textContainer h2 { font-size: 22px; }
    article.right .textContainer h3 { font-size: 11px; }
    article.left .textContainer p { font-size: 10px; }
    article.right .textContainer p { font-size: 10px; }
}

@media (max-width: 1100px) {
    article.right .textContainer h2 { font-size: 20px; }
    article.left .textContainer h2 { font-size: 20px; }
    article.right .textContainer h3 { font-size: 11px; }
    article.left .textContainer p { font-size: 10px; }
    article.right .textContainer p { font-size: 10px; }
}