html { display: none; }
.rlearn { display: block; -webkit-tap-highlight-color: transparent; }
* { padding: 0; margin: 0; -webkit-backface-visibility: inherit; -webkit-tap-highlight-color: transparent; }
body { font-family: 'HelveticaNeueLTStd-Cn'; font-size: 13px; color: #333; background-color: #fff; -webkit-user-select: none; /* Safari 3.1+ */ -moz-user-select: none; /* Firefox 2+ */ -ms-user-select: none; /* IE 10+ */ user-select: none; /* Standard syntax */ ; background: #bfbdbd; -webkit-text-size-adjust: 100%; }
#container { position: relative; margin: 0px auto; width: 1024px !important; height: 672px !important; text-align: left; background-color: rgb(255, 255, 255); overflow: hidden; display: none; }
#header { width: 1024px; height: 116px; background-image: url("../images/headerBg.png"); background-repeat: no-repeat; position: relative; z-index: 66; }
#header #content_title {
    position: absolute;
    bottom: 0px;
    width: 1024px;
    height: 20px;
    font-size: 14.33px;
    line-height: 15px;
    color: #fff;
    font-family: 'HelveticaNeueLTStd-Cn';
    letter-spacing: 1.5px;
    text-align: right;
    text-transform: uppercase;
    right: 15px;
}
#header #content_title span { color: #894a12; }
#header #content_title span span { color: #2b8663; margin-left: 25px; margin-right: 25px; font-size: 22px; }
#header .btn { float: right; margin: 0px 0px 0px 5px; }
#header #exit { position: absolute; top: 8px; right: 6px; cursor: pointer; }
#header #glossary { position: absolute; left: 803px; top: 15px; cursor: pointer; height: 29px; width: 96px; background-image: url("../images/controls/btn1.png"); background-repeat: no-repeat; line-height: 27px; text-align: center; color: #616161; font-size: 18px; }
#header #moduleTitle { position: relative; top: 19px; left: 12px; color: #f30617; font-family: 'HelveticaNeueLTStd-Bd'; font-size: 15px; text-transform: uppercase; }
#header #sectionNav ul { list-style-type: none; margin: 29px 0px 0px 6px; position: relative; }
#header #sectionNav ul li { float: left; padding: 1px 0px; margin: 0 1px 0px 0px; position: relative; width: 170px; height: 42px; border-bottom: 0px; overflow: hidden; text-align: center; cursor: pointer; border-radius: 8px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; color: #ffff; font-size: 15px; font-family: "HelveticaNeueLTStd-Cn"; }
#header #sectionNav ul li a { width: 170px; height: 44px; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; align-items: center; justify-content: center; color: #fff; background-color: #f30617; font-family: "HelveticaNeueLTStd-Cn"; font-size: 14.67px; letter-spacing: 0.5px; }
.menu_mask { width: 170px; height: 44px; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; align-items: center; justify-content: center; color: #d5999d; font-family: "HelveticaNeueLTStd-Cn"; font-size: 14.67px; letter-spacing: 0.5px; z-index: 10; position: absolute; top: 0; cursor: not-allowed; background: #b5323c; }
#topMenuList .lastLink { width: 190px !important; }
#header #sectionNav ul li.lastLink a { width: 190px !important; }
#topMenuList .lastLink .menu_mask { width: 190px !important; }
#topMenuList li a.active { background-color: #98c3c8 !important; color: #fff !important; }
#header #glossary2 { position: absolute; left: 881px; top: 15px; cursor: pointer; height: 29px; width: 96px; background-image: url("../images/controls/btn1.png"); background-repeat: no-repeat; line-height: 27px; text-align: center; color: #616161; font-size: 18px; }
/*#_slide_wrapper { display: none; }*/
#header #resources { position: absolute; left: 702px; top: 15px; cursor: pointer; height: 34px; width: 96px; background-image: url("../images/controls/btn1.png"); background-repeat: no-repeat; line-height: 27px; text-align: center; color: #616161; font-size: 18px; }
#header #home { position: absolute; left: 925px; top: 42px; cursor: pointer; height: 22px; width: 24px; background: url("../images/controls/homeIcon.png") no-repeat center center; margin-top: 6px; }
#header #help { position: absolute; left: 970px; top: 42px; cursor: pointer; height: 24px; width: 24px; background: url("../images/controls/helpIcon.png") no-repeat center center; margin-top: 6px; }
#media .content { width: 1024px; height: 763px; overflow: hidden; top: -116px; position: absolute; }
#media { z-index: 50; width: 1024px; height: 469px; }
#media #video { z-index: 55; position: absolute; width: 1024px; height: 546px; }
#media #timeline { z-index: 60; position: absolute; width: 1024px; height: 546px; }
#media #html { z-index: 65; position: absolute; width: 1024px; height: 546px; }
#footer { background: url(../images/footer_bg_2.png) no-repeat top left; background-size: 1024px 124px; height: 124px; width: 1024px; z-index: 100; position: relative; top: -37px; }
.controlsmar img { position: relative; float: right; margin: 0px 3.6px 0px 0px; cursor: pointer; }
#copyRight { float: left; clear: both; height: 43px; background-color: rgb(0, 0, 0); color: #929292; line-height: 43px; padding-left: 4px; width: 100%; position: absolute; bottom: 0px; text-align: center; font-size: 15px; font-family: "HelveticaNeueLTStd-Cn"; }
.copyText01 { width: 70%; float: left; text-align: left; font-size: 13px; text-indent: 10px; font-family: "HelveticaNeueLTStd-Cn"; color: #929292; }
.copyText02 { float: left; text-align: right; width: 30%; margin-top: -2px; border: 0px none; outline: 0px none; }
.copyText02 img { padding-right: 19px; }
.button { /*height : 48px; width : 48px; border : 0; position:absolute; top: 6px; cursor : pointer; top: 31px;*/ }
.divider { padding-top: 24px; }
.right { /*float : right; margin-right : 5px;*/ }
#reference { position: absolute !important; left: 14px; }
#counter { float: right; background: transparent url("../images/controls/toc-btn.png") no-repeat scroll 0% 0%; color: #181818; font-size: 15pt; position: absolute; height: 33px; width: 109px; top: 27px; right: 459px; line-height: 32px; text-align: center; }
#topnav { display: none; height: 65px; left: 0; overflow: hidden; padding-right: 12px; position: absolute; top: 0; width: 1024px; z-index: 5; }
.clientLogo { position: absolute; line-height: 60px; padding-left: 20px; font-size: 13px; color: #999; }
.refLogo { position: absolute; padding-left: 20px; font-size: 13px; color: #999; left: 280px; top: 10px; }
#referenceButton img { position: absolute; left: 277px; }
.__timelineloader { top: 300px; left: 501px; position: absolute; }
#slider12 { position: relative; top: 0px; z-index: 999; }
.slider_mask { width: 1024px; height: 12px; position: absolute; background-color: transparent; z-index: 99999; top: -3px; }
/*Glossary*/
.glossaryTable { height: 376px; left: 213px; overflow: hidden; padding: 10px; position: absolute; top: 145px; width: 655px; z-index: 67; background: url(../contents/images/glossaryBg.png) no-repeat top left; }
.glossaryClose { position: absolute; top: 15px; right: 17px; background-color: #00C; height: 24px; width: 24px; cursor: pointer; background: url(../contents/images/close.png) no-repeat top left; }
.glossaryTable .grid300 { width: 300px; float: left; margin: 50px 0 0 20px; }
.border01 { border: 1px solid #FFF; }
.scrollContainer { overflow: auto; height: 275px; }
ul.term_list { }
.term_list li { list-style: none; }
.term_list li { line-height: 22px; cursor: pointer; border-bottom: 1px dotted #FFF; padding: 2px 6px; }
.term_list li.active { color: #FFFFFF; background: #00549E; font-weight: bold; }
.left_arrow { background: url(../contents/images/arrowLeft.png) no-repeat 0 0; width: 32px; height: 34px; position: absolute; top: 0px; left: 0px; cursor: pointer; }
.right_arrow { background: url(../contents/images/arrowRight.png) no-repeat 0 0; width: 32px; height: 34px; position: absolute; top: 0px; left: 0px; cursor: pointer; }
#transcript_container { position: absolute; top: 120px; right: 0px; z-index: 67; width: 355px; height: 414px; overflow: hidden; }
#transcript_content { color: #333333; font-size: 12px; height: 414px; left: 32px; line-height: 15px; position: absolute; top: 0px; width: 323px; padding: 7px; background: url(../contents/images/transcriptBody.jpg) no-repeat; }
.transcript_text { display: block; height: 361px; overflow: auto; position: relative; top: 35px; width: 301px; left: 5px; }
.transcript_text p { margin-bottom: 10px; }
@font-face { font-family: 'futura_ltregular'; src: url('../font/futuralt-webfont.eot'); src: url('../font/futuralt-webfont.eot?#iefix') format('embedded-opentype'), url('../font/futuralt-webfont.woff') format('woff'), url('../font/futuralt-webfont.ttf') format('truetype'), url('../font/futuralt-webfont.svg#futura_ltregular') format('svg'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'HelveticaNeueLTStd-Cn'; src: url('../../font/HelveticaNeueLTStd-Cn.otf') format('opentype'); src: url('../../font/HelveticaNeueLTStd-Cn.eot?#iefix') format('embedded-opentype'), url('../../font/HelveticaNeueLTStd-Cn.ttf') format('truetype'), url('../../font/HelveticaNeueLTStd-Cn.woff') format('woff'), url('../../font/HelveticaNeueLTStd-Cn.svg#HelveticaNeueLTStd-Cn') format('svg'), url('../../font/HelveticaNeueLTStd-Cn.eot'); font-weight: normal; font-style: normal; }
@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:landscape) {
body { position: fixed; top: 0; width: 100%; height: 672px !important; }
#header #glossary { position: absolute; left: 803px; top: 15px; cursor: pointer; height: 29px; width: 96px; background-image: url("../images/controls/btn1.png"); background-repeat: no-repeat; line-height: 32px !important; text-align: center; color: #616161; font-size: 18px; }
#header #help { position: absolute; left: 903px; top: 15px; cursor: pointer; height: 29px; width: 96px; background-image: url("../images/controls/btn1.png"); background-repeat: no-repeat; line-height: 32px !important; text-align: center; color: #616161; font-size: 18px; }
#header #home { position: absolute; left: 923px; top: 45px; cursor: pointer; height: 22px; width: 24px; background: url("../images/controls/homeIcon.png") no-repeat center center; }
#header #home:hover { position: absolute; left: 923px !important; top: 45px !important; cursor: pointer; height: 22px; width: 24px; background: url("../images/controls/homeIconH.png") no-repeat center center; }
#header #help { position: absolute; left: 965px; top: 45px; cursor: pointer; height: 24px; width: 24px; background: url("../images/controls/helpIcon.png") no-repeat center center; }
#header #help:hover { position: absolute; left: 965px !important; top: 45px !important; cursor: pointer; height: 24px; width: 24px; background: url("../images/controls/helpIconH.png") no-repeat center center; }
#header #resources { position: absolute; left: 702px; top: 15px; cursor: pointer; height: 34px; width: 96px; background-image: url("../images/controls/btn1.png"); background-repeat: no-repeat; line-height: 32px !important; text-align: center; color: #616161; font-size: 18px; }
.toc_close { position: absolute; right: 40px; top: 5px; line-height: 37px !important; width: 30px; height: 30px; background: #fff; color: #024c99; border-radius: 22px; text-align: center; cursor: pointer; }
#HomeBtnCong { cursor: pointer; color: #000; font-size: 28px; /* padding: 10px; */ width: 110px; border-radius: 30px; text-align: center; background: #f59302; position: absolute; height: 42px; font-style: italic; line-height: 52px !important; top: 400px; left: 482px; }
#counter { line-height: 32px !important; }
#demo { position: absolute; right: 57px; font-size: 19px; bottom: -3px !important; font-size: 20px; color: #fff; }
}
/*#_slide_wrapper { display: none; }*/

/*home-icon*/
#header #home:hover { position: absolute; left: 925px; top: 42px; cursor: pointer; height: 22px; width: 24px; background: url("../images/controls/homeIconH.png") no-repeat center center; margin-top: 6px; }
/*help-icon*/
#header #help:hover { position: absolute; left: 970px; top: 42px; cursor: pointer; height: 24px; width: 24px; background: url("../images/controls/helpIconH.png") no-repeat center center; margin-top: 6px; }
.flashMsg { display: block; padding: 270px 400px; color: red; font-size: 23px; }
.loaderText { position: absolute; left: 425px; top: 194px; font-size: 23px; }
.refTable { display: none; height: 376px; left: 185px; overflow: hidden; padding: 10px; position: absolute; top: 113px; width: 674px; z-index: 67; background: url(../contents/images/refBg.png) no-repeat top left; }
.refClose { position: absolute; top: 15px; right: 37px; background-color: #00C; height: 24px; width: 24px; cursor: pointer; background: url(../contents/images/close.png) no-repeat top left; }
#info { display: none; width: 32px; height: 32px; float: left !important; margin-top: 12px !important; margin-left: 80px !important; cursor: pointer; }
.fg { color: #2c8562; }
.button_logo { float: left; margin-left: 34px; margin-top: 9px; padding-top: 9px; }
.clientLogo { position: absolute; right: 5px; top: 120px; }
.controlsmar { margin-right: 0px; margin-top: 0px; position: absolute; width: 1015px; bottom: 53px; left: 0px; }
.ref_bg_color { position: absolute; top: 0; left: 0px; width: 1024px; height: 672px; z-index: 999; background: rgba(0,0,0,0.8); }
.ref_bg { position: absolute; left: 50%; top: 50%; z-index: 8888; background: url(../contents/images/html_data/ref_popupBg.png) no-repeat scroll left top transparent; height: 365px; width: 658px; transform: translate(-50%, -55%); }
#reference_container { display: none; }
.ref_heading { color: #31858d; font-size: 18px; position: relative; top: 0px; left: 38px;    letter-spacing: 0.8px; }
.ref_content { position: absolute; top: 60px; left: 0px; height: 250px; width: 650px; overflow-x: hidden; }
.ref_content ol { margin-left: 0px; position: absolute; top: 40px; left: 22px; list-style: none; padding-left: 12px; }
.ref_content ol li { padding-bottom: 5px; color: #424242; font-size: 16px; font-family: 'HelveticaNeueLTStd-Cn'; font-style: italic; }
.refrenceclose { width: 50px; height: 50px; position: absolute; top: 130px; right: 207px; z-index: 999999; cursor: pointer; }
/********resource****************/
.resource_bg_color { background-color: rgba(245, 249, 245, 0.6); position: absolute; top: 98px; left: 0px; width: 1024px; height: 469px; z-index: 70; }
.resource_bg { position: absolute; left: 213px; top: 145px; z-index: 71; background: url("../images/Resources_BG.png") no-repeat scroll left top transparent; height: 376px; width: 674px; list-style: disc; }
#resource_container { display: none; }
.resource_content { position: absolute; top: 63px; left: 22px; height: 277px; width: 630px; overflow-y: scroll; overflow-x: hidden; padding-right: 7px; }
.resource_content h2 { font-size: 16px; line-height: 22px; padding-bottom: 10px; }
.resource_content li { margin-left: 20px; padding-bottom: 7px; }
.resource_content li a { text-decoration: none; color: #333; }
.resourceClose { width: 44px; height: 44px; position: absolute; top: 156px; right: 149px; z-index: 72; cursor: pointer; }
.help__help img { position: absolute; top: 18px; }
.navMsgContainer { width: 72px; position: absolute; top: 509px; right: -275px; z-index: 60; text-align: center; background-color: #ccc; color: #000; padding: 5px 0; border-top-left-radius: 7px; border-bottom-left-radius: 7px; z-index: 70; padding: 3px 2px; font-size: 12px; }
.blinking { -webkit-animation: blink 2s infinite; -moz-animation: blink 2s infinite; animation: blink 2s infinite; }
@-webkit-keyframes blink { 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
@-moz-keyframes blink { 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
@keyframes blink { 0% {
opacity: 0;
}
 100% {
opacity: 1;
}
}
.glossary_term { cursor: pointer; }
#trigger { }
/*#glossary { display: none; }*/
.sform { width: 250px; margin: 0px auto; position: absolute; top: 15px; left: 542px; }
.search { padding: 6px 15px 6px 14px; margin: 3px; }
.rounded { border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; }
.lighter input[type=text] { color: #616161; width: 183px; font-size: 14px; }
.button1 { position: relative; left: -8px; background-color: transparent; border: none; outline: none; top: 3px; }
.lighter, .light, .dark { width: 245px; height: 34px; }
.lighter { background: url('../images/controls/search_bg.png') no-repeat; display: none; }
.lighter input[type=text] { border: none; background-color: transparent; }
/*search_res*/
.search_res { width: 995px; height: 440px; position: absolute; top: 105px; left: 15px; background: #FFF none repeat scroll 0% 0%; border-radius: 10px; overflow-y: auto; z-index: 67; display: none; }
.search_res table { margin: 25px; width: 90%; border-collapse: collapse; }
.tab_header { font-size: 18px; color: #008fd1; font-family: 'HelveticaNeueLTStd-Cn'; font-weight: bold; }
.tab_content { font-size: 15px; color: #3f3939; }
.tab_content span { font-size: 15px; color: #4B4B4B; font-weight: normal; }
.search_res table tr td { padding-bottom: 10px; border-bottom: 1pt solid #bbbbbb; }
#forscroll::-webkit-scrollbar {
width: 16px;
background-color: transparent;
margin-right: 50px;
border: none;
}
#forscroll::-webkit-scrollbar-thumb {
background-color: #d7d7d7;
border-radius: 10px;
}
#forscroll::-webkit-scrollbar-thumb:hover {
background-color: #d7d7d7;
}
#forscroll::-webkit-scrollbar-thumb:active {
background-color: #d7d7d7;
border: 1px solid #333333;
}
#forscroll::-webkit-scrollbar-track {
border: 1px gray solid;
border-radius: 10px;
-webkit-box-shadow: 0 0 6px gray inset;
background: none;
}
.clse_search { position: absolute; top: 10px; right: 10px; font-size: 20px; width: 34px; height: 34px; text-align: center; line-height: 36px; cursor: pointer; background: #008fd1; border-radius: 40px; color: #fff; }
.blink_next { -webkit-animation: flash4s linear forwards; -moz-animation: flash 4s linear forwards; animation: flash 4s linear forwards; -moz-animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
@media only screen and (max-width: 767px) {
.src34_para, .src33_list1, .src33_list2, .src33_list3, .src33_list4, .src33_list5, .src33_list6 { font-weight: normal !important; }
}