@font-face { font-family: 'KarbonMedium'; src: url('../../font/Karbon-Medium.eot'); src: url('../../font/Karbon-Medium.eot?#iefix') format('embedded-opentype'), url('../../font/Karbon-Medium.otf') format('opentype'), url('../../font/Karbon-Medium.svg#Karbon-Medium') format('svg'); font-weight: normal; font-style: normal; }
@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; }
@font-face { font-family: 'HelveticaNeueLTStd-Bd'; src: url('../../font/HelveticaNeueLTStd-Bd.otf') format('opentype'); src: url('../../font/HelveticaNeueLTStd-Bd.eot?#iefix') format('embedded-opentype'), url('../../font/HelveticaNeueLTStd-Bd.ttf') format('truetype'), url('../../font/HelveticaNeueLTStd-Bd-Cn.woff') format('woff'), url('../../font/HelveticaNeueLTStd-Bd.svg#HelveticaNeueLTStd-Bd') format('svg'), url('../../font/HelveticaNeueLTStd-Bd.eot'); font-weight: normal; font-style: normal; }
@font-face { font-family: 'HelveticaNeueLTStd-Md'; src: url('../../font/HelveticaNeueLTStd-Md.otf') format('opentype'); src: url('../../font/HelveticaNeueLTStd-Md.eot?#iefix') format('embedded-opentype'), url('../../font/HelveticaNeueLTStd-Md.ttf') format('truetype'), url('../../font/HelveticaNeueLTStd-Md.woff') format('woff'), url('../../font/HelveticaNeueLTStd-Md.svg#HelveticaNeueLTStd-Md') format('svg'), url('../../font/HelveticaNeueLTStd-Md.eot'); font-weight: normal; font-style: normal; }
small { font-size: 60%; }
body { padding: 0; margin: 0; -webkit-text-size-adjust: 100%; }
input { outline: 0; }
#loader { width: 100%; height: 100%; background: #cccccc url(../../images/controls/loader.gif) no-repeat center; position: fixed; left: 0%; top: 0%; z-index: 9999999999; background-size: 100px; }
#volume { display: none !important; }
.launchbtn_flash { -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; }
.page0_wrapper { width: 1024px; height: 469px; overflow: hidden; position: relative; background: url("../images/html_data/page_0_bg.jpg") no-repeat scroll left top transparent; top: 0px; left: 0px; }
.glossary_term { cursor: pointer; }
#demo { position: absolute; right: 57px; font-size: 19px; bottom: -4px; font-size: 20px; color: #fff; }
.toc_head { width: 460px; /*height: 270px;*/ height: 0px; position: absolute; bottom: 112px; right: 0px; z-index: 68; border-top-left-radius: 22px; border-top-right-radius: 22px; overflow: hidden; background-color: rgba(255, 255, 255, 0.95); padding-left: 23px; }
.toc_head_top { position: absolute; background: #024c99; top: 0; left: 0; width: 100%; height: 40px; color: #fff; font-size: 20px; padding-left: 30px; line-height: 43px; }
.toc_content { width: 100%; margin-top: 45px; color: #000; font-size: 16px; margin-left: 7px; }
.toc_content ul li { cursor: pointer; }
.toc_close { position: absolute; right: 40px; top: 5px; line-height: 32px; width: 30px; height: 30px; background: #fff; color: #024c99; border-radius: 22px; text-align: center; cursor: pointer; }
/*
slider imoa*/

section.iMOA { position: absolute; width: 700px; left: 153px; -webkit-font-smoothing: antialiased; font-stretch: normal; font-variant: normal; font-weight: normal; top: 21px; z-index: 5; }
#imoa-popup-bg { background-color: rgba(0, 0, 0, 0.8); width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; }
/* this is placeholder image you click on to show the popup */

.showPopup { position: relative; width: 740px; left: 269px; top: 23px; height: 458px; background-size: contain; background-repeat: no-repeat; background-image: url("../images/html_data/popup_image.jpg"); }
.closeiMOApop { width: 31px; height: 31px; display: block; background: gray; -webkit-border-radius: 50%; border-radius: 50%; position: absolute; right: -13px; top: -12px; }
.closeiMOApop:before, .closeiMOApop:after { height: 23px; width: 3px; display: block; position: relative; content: ""; }
.closeiMOApop:before { top: 4px; right: -14px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); }
.closeiMOApop:after { left: 14px; bottom: 19px; -webkit-transform: rotate(-45deg); -moz-transform: rotate(45deg); transform: rotate(-45deg); }
.closeiMOApop:before, .closeiMOApop:after { background: #fff; }
.closeiMOApop:hover, .closeiMOApop:active { background-color: #000; cursor: pointer; }
section.iMOA * { -webkit-box-sizing: border-box; box-sizing: border-box; }
/*******************************************
 * the 2 tabs at the top of the video
 */

section.iMOA nav.tabs { z-index: 10; position: absolute; display: none; top: -1px; }
section.iMOA nav.tabs button { position: absolute; border: none; background-color: transparent; width: 143px; height: 48px; }
section.iMOA nav.tabs button.diabetic { left: 373px; }
section.iMOA nav.tabs button.normal { left: 216px; }
section.iMOA nav.tabs button.selected label { color: #333333; }
section.iMOA nav.tabs button label { display: block; position: absolute; top: 5px; left: 0px; width: 100%; font-family: 'KarbonMedium'; font-size: 14px; color: white; }
section.iMOA.tab_normal nav.tabs button.normal { background-image: url("../images/html_data/btn_background.png"); }
section.iMOA.tab_diabetic nav.tabs button.diabetic { background-image: url("../images/html_data/btn_background.png"); }
/*************************************************
 * holds the static background image of the video
 */

section.iMOA article { width: 701px; height: 0px;/* background-image: url("../images/html_data/background_poster.jpg"); */ }
/*************************************************
 * Initial Start Button
 */

section.iMOA button.start { position: absolute; border: none; background: url("../images/html_data/75x75_PlayBtn.png") no-repeat; z-index: 200; top: 206px; left: 320px; width: 75px; height: 75px; -webkit-transition: opacity .5s ease-in-out; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); outline: none; opacity: 0; }
section.iMOA button.start.visible { opacity: 1; }
/**********************************************************************
 * text / arrow / marker that show up over the slider at certain points
 */

section.iMOA figcaption { z-index: 10; position: absolute; display: none; }
/*
 * This caption shows up on the sldier when either tab reaches 180+
 */

.approximateRenalThreshold { top: 52px; left: 228px; width: 188px; height: 51px; background-image: url("../images/html_data/ptr_approximate-renal-threshold.png"); }
/**
 * This caption shows up on the slider
 * only on the diabetic tab at 240+
 */

.approximateRenalThresholdForDiabetics { top: 49px; left: 154px; width: 194px; height: 53px; background-image: url("../images/html_data/ptr_approximate-renal-threshold-for-diabetics.png"); }
/**
 * The litle arrows on the slider at 180 and 240
 */

section.iMOA .arrow { width: 15px; height: 16px; top: -7px; }
section.iMOA .arrow.gray { background-image: url("../images/html_data/ptr_arrow-gray.png"); }
section.iMOA .arrow.red { background-image: url("../images/html_data/ptr_arrow-red.png"); }
section.iMOA .arrow.one-eighty { left: 315px; }
section.iMOA .arrow.two-forty { left: 415px; }
/**
 * The little white marker lines on the slider at 180 and 240 
 */

section.iMOA .marker { top: 15px; width: 1px; height: 11px; background-color: white; }
section.iMOA .marker.one-eighty { left: 322px; }
section.iMOA .marker.two-forty { left: 441px; }
/**************************************************
 * When swtiching to diabetic tab 
 * this is the invokana text next to dragdrop icon
 */

section.iMOA .invokana.label { position: absolute; left: 121px; top: 44px; font-family: 'KarbonMedium'; font-size: 26px; color: white; text-shadow: 1px -1px 1px #1F1F1F; opacity: 0; }
section.iMOA .invokana.label.visible { -webkit-animation-name: fadeIn; -webkit-animation-duration: 500ms; -webkit-animation-delay: 250ms; -webkit-animation-fill-mode: both; }
section.iMOA .invokana.pointer { left: 225px; top: 127px; width: 120px; height: 61px; background-image: url("../images/html_data/ptr_invokana.png"); }
/***********************************************************
 * Descriptions are the labels with the lines pointing to 
 * certain sections of the video
 */

section.iMOA .description { z-index: 100; position: absolute; background-color: transparent; }
section.iMOA .description div { position: absolute; text-align: center; font-family: 'HelveticaNeueLTStd-Cn'; font-size: 22px; color: #dedede; letter-spacing: .5px; text-shadow: 1px 2px black; top: -14px; }
section.iMOA .description hr { position: absolute; height: 1.5px; border: none; background-color: white; }
/*****************************************
 * the following descriptions always show  
 */

section.iMOA .description.glomerulus { top: 301px; left: 45px; }
section.iMOA .description.glomerulus div { left: 10px; }
section.iMOA .description.glomerulus hr { top: 40px; width: 70px; -webkit-transform: rotate(113deg); -moz-transform: rotate(113deg); transform: rotate(113deg); }
section.iMOA .description.glucose { top: 32px; left: 542px; }
section.iMOA .description.glucose div { left: 10px; }
section.iMOA .description.glucose hr { left: 4px; top: 20px; width: 43px; -webkit-transform: rotate(146deg); -moz-transform: rotate(146deg); transform: rotate(146deg); }
section.iMOA .description.SGLT2 { top: 100px; left: 572px; }
section.iMOA .description.SGLT2 div { left: -12px; }
section.iMOA .description.SGLT2 hr { left: -70px; top: 26px; width: 79px; -webkit-transform: rotate(-25deg); -moz-transform: rotate(-25deg); transform: rotate(-25deg); }
/*****************************************
 * Glucose and Urine only show when:
 * at 180+ for normal tab
 * at 240+ for diabetic tab
 */

section.iMOA figcaption.description.glucoseInUrine { top: 382px; left: 424px; }
section.iMOA figcaption.description.glucoseInUrine div { top: -37px; left: 94px; }
section.iMOA figcaption.description.glucoseInUrine hr.left { left: -13px; top: -58px; width: 111px; -webkit-transform: rotate(50deg); -moz-transform: rotate(50deg); transform: rotate(50deg); }
section.iMOA figcaption.description.glucoseInUrine hr.right { left: 126px; top: -83px; width: 85px; -webkit-transform: rotate(103deg); -moz-transform: rotate(103deg); transform: rotate(103deg); }
/*********************************************************************
 * Invokana description that only shows after dragging onto glomerulus
 */

section.iMOA figcaption.description.invokana { top: 17px; left: 242px; }
section.iMOA figcaption.description.invokana div { left: 9px; }
section.iMOA figcaption.description.invokana hr { left: 49px; top: 31px; width: 67px; -webkit-transform: rotate(46deg); -moz-transform: rotate(46deg); transform: rotate(46deg); }
/***************************************************************
 * tubule descriptions are always there but are a special case 
 * 
 * "regular" on Normal Tab 
 * - show for everyony slider position in normal tab
 * 
 * "special" on diabetic tab  
 * - it disapppears at 240 and above slider position to make room for a highlight
 *
 * "shweta" on Invokana DragDrop
 * - shows only when in this mode
 */

section.iMOA figcaption.description.tubule { left: 82px; width: 200px; }
section.iMOA figcaption.description.tubule.regular, section.iMOA figcaption.description.tubule.shweta { top: 88px; }
section.iMOA figcaption.description.tubule.special { top: 147px; }
section.iMOA figcaption.description.tubule.special hr { top: -1px; width: 37px; }
section.iMOA figcaption.description.tubule.shweta hr { left: 165px; top: 9px; width: 53px; -webkit-transform: rotate(12deg); -moz-transform: rotate(12deg); transform: rotate(12deg); }
section.iMOA figcaption.description.tubule div { text-align: center; left: 10px; }
section.iMOA figcaption.description.tubule hr { left: 165px; top: -6px; width: 77px; -webkit-transform: rotate(-12deg); }
/*********************************************************************
 * Invokana DragDrop icon on Diabetic tab
 */

section.iMOA figure.message { z-index: 10; position: absolute; display: none; }
/*
 * the close button when dropped
 */

section.iMOA figure.message.closeButton { top: 13px; left: 602px; width: 71px; height: 71px; background-image: url("../images/html_data/icon_close-blue.png"); }
/* this looks like it's not being used and I can't find where it was used
on the origial presentation.  Leaving it here just in case */

section.iMOA figure.message.glomerulus { top: 258px; left: 16px; width: 233px; height: 129px; background-image: url("../images/html_data/msg_glucose-released-by-glomerulus.png"); }
/*
 * The Invokana icon thingy
 */

section.iMOA figure.message.invokana { z-index: 100; top: 2px; left: 15px; width: 111px; height: 111px; background-image: url("../images/html_data/invokana_sprite.png"); background-repeat: no-repeat; background-position: left center; -webkit-animation-timing-function: linear; -webkit-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -moz-animation-iteration-count: infinite; animation-timing-function: linear; animation-iteration-count: infinite; }
section.iMOA figure.message.invokana.snappingIntoPlaceFromFarAway { -webkit-animation-duration: 2s; -webkit-animation: mymove 2s infinite; }
section.iMOA figure.message.invokana.snappingBack { -webkit-transition-property: top, left; -webkit-transition-duration: 500ms, 500ms; -webkit-transition-timing-function: ease-out; }
section.iMOA figure.message.invokana.snappingIntoPlace { -webkit-transition-property: top, left; -webkit-transition-duration: 1000ms, 1000ms; -webkit-transition-timing-function: cubic-bezier(0.05, 0.33, 0.23, 1); }
section.iMOA figure.message.invokana.dissolving { -webkit-animation: play 0.8s steps(6); }
section.iMOA .dropTargetRegion { z-index: 2; position: absolute; left: -20px; top: 296px; bottom: 0; width: 300px; text-align: center; }
/*************************************************************
 * This the text in the white squares in each tab
 *
 * on Normal Tab
 * - Glomerulus highlight shows first
 * - at 180 glucoseBeginsToExcrete shows 
 * 
 * on Diabetic Tab
 * - begins with renalGlucoseAltered
 * - at 240 changes to glucoseExceeds240mg
 * 
 * on DragDrop
 * - invokanaInhibitsSGLT2
 */

section.iMOA div.highlight { z-index: 100; position: absolute; display: none; background-color: rgba(255, 255, 255, 0.7); -webkit-border-radius: 10px; border-radius: 10px; padding-left: 11px; padding-top: 16px; color: #005b7f; font-family: 'KarbonMedium'; font-size: 20px; line-height: 20px; letter-spacing: .4px; }
section.iMOA div.highlight sup { font-size: 11px; line-height: 0; }
section.iMOA div.highlight.glomerulus { top: 150px; left: 76px; width: 215px; height: 129px; display: block; font-family: 'HelveticaNeueLTStd-Cn'; }
section.iMOA div.highlight.glucoseExceeds240mg { top: 124px; left: 31px; width: 248px; height: 187px; }
section.iMOA div.highlight.glucoseBeginsToExcrete { top: 148px; left: 31px; width: 248px; height: 129px; }
section.iMOA div.highlight.invokanaInhibitsSGLT2 { top: 132px; left: 31px; width: 220px; height: 165px; padding-right: 5px; padding-top: 11px; line-height: 15px; font-family: 'KarbonMedium'; }
section.iMOA div.highlight.renalGlucoseAltered { top: 202px; left: 31px; width: 233px; height: 81px; }
section.iMOA .page-content h1 { margin-top: 13px; }
/**************************************************
  Slider styles
*/

.uberSliderTicks { z-index: 1; position: absolute; width: 496px; height: 28px; top: 2px; left: 75px; font-family: Helvetica; font-size: 13px; color: #fff; text-shadow: 0 1px 4px rgba(0, 0, 0, .88); text-align: center; }
.uberSliderTicks .tickLabel { position: absolute; width: 40px; height: 28px; padding-top: 12px; cursor: pointer; }
.uberSliderTicks .tickLabel.first { left: 4px; }
.uberSliderTicks .tickLabel.second { left: 47px; }
.uberSliderTicks .tickLabel.third { left: 110px; }
.uberSliderTicks .tickLabel.fourth { left: 168px; }
.uberSliderTicks .tickLabel.fifth { left: 227px; }
.uberSliderTicks .tickLabel.sixth { left: 286px; }
.uberSliderTicks .tickLabel.seventh { left: 157px; }
.uberSliderTicks .tickLabel.eighth { left: 410px; }
.uberSliderTicks .tickLabel.ninth { left: 471px; }
section.iMOA .slider { z-index: 10; position: absolute; visibility: hidden; top: 498px; left: 50px; width: 600px; height: 61px; /*  background-image: url("../images/html_data/slider_background_empty.png");*/ display: none; }
section.iMOA .slider .horizontalSlider { position: absolute; left: 73px; top: 0px; height: 24px; width: 517px; padding: 0 18px 0 14px; }
section.iMOA .slider .horizontalSlider .sliderTrack { position: relative; z-index: 1; top: 36px; left: 0px; width: 100%; height: 8px; background: -webkit-linear-gradient(left, #c60b46 0, #c60b46 18px, #cacaca 18px, #cacaca 100%); }
section.iMOA .slider .horizontalSlider .sliderTicks { position: absolute; width: 496px; height: 33px; }
section.iMOA .slider .horizontalSlider .sliderTicks .tickMark { position: absolute; height: 75px; width: 1px; background-color: black; }
section.iMOA .slider .horizontalSlider .sliderThumb { position: absolute; top: 13px; left: 1px; background: url("../images/html_data/slider_thumb.png") no-repeat; background-position: center center; width: 50px; height: 54px; z-index: 2; }
.sliderThumb:hover { cursor: -webkit-grab; }
.sliderThumb:active { cursor: -webkit-grabbing; }
section.iMOA video { width: 700px; height: 478px; }
/*******************************************************************************
  The following classes are dynamically added to section.iMOA to hide/show the
  different states of the content over the video.  This way you can easily 
  change states by adding classes to one element
 */

section.iMOA.tab_normal .slider, section.iMOA.tab_diabetic .slider { visibility: visible; }
section.iMOA.tab_normal nav.tabs, section.iMOA.tab_diabetic nav.tabs { display: block; }
section.iMOA.tab_normal .regular.tubule, section.iMOA.tab_normal .glucose.description, section.iMOA.tab_normal .SGLT2.description, section.iMOA.tab_normal .glomerulus.description { display: block; opacity: 1; }
section.iMOA.normal_70-150 .glomerulus.highlight { display: block; opacity: 1; }
section.iMOA.normal_180 .red.one-eighty, section.iMOA.normal_180 .approximateRenalThreshold, section.iMOA.normal_180 .glucoseInUrine.description, section.iMOA.normal_180 .glucoseBeginsToExcrete.highlight { display: block; opacity: 1; }
section.iMOA.normal_210-300 .gray.one-eighty, section.iMOA.normal_210-300 .one-eighty.marker, section.iMOA.normal_210-300 .glucoseInUrine.description, section.iMOA.normal_210-300 .glucoseBeginsToExcrete.highlight, section.iMOA.normal_210-300 .approximateRenalThreshold { display: block; opacity: 1; }
section.iMOA.tab_diabetic .glucose.description, section.iMOA.tab_diabetic .SGLT2.description, section.iMOA.tab_diabetic .invokana.message, section.iMOA.tab_diabetic .invokana.label.visible { display: block; opacity: 1; }
section.iMOA.diabetic_70-150 .special.tubule, section.iMOA.diabetic_70-150 .renalGlucoseAltered, section.iMOA.diabetic_70-150 .glomerulus.description { display: block; opacity: 1; }
section.iMOA.diabetic_180 .red.one-eighty, section.iMOA.diabetic_180 .approximateRenalThreshold, section.iMOA.diabetic_180 .glomerulus.description, section.iMOA.diabetic_180 .renalGlucoseAltered, section.iMOA.diabetic_180 .special.tubule { display: block; opacity: 1; }
section.iMOA.diabetic_210 .gray.one-eighty, section.iMOA.diabetic_210 .one-eighty.marker, section.iMOA.diabetic_210 .glomerulus.description, section.iMOA.diabetic_210 .renalGlucoseAltered, section.iMOA.diabetic_210 .special.tubule { display: block; opacity: 1; }
section.iMOA.diabetic_240 .red.two-forty, section.iMOA.diabetic_240 .one-eighty.marker, section.iMOA.diabetic_240 .gray.one-eighty, section.iMOA.diabetic_240 .glucoseExceeds240mg, section.iMOA.diabetic_240 .glucoseInUrine, section.iMOA.diabetic_240 .approximateRenalThresholdForDiabetics { display: block; opacity: 1; }
section.iMOA.diabetic_270-300 .gray.two-forty, section.iMOA.diabetic_270-300 .gray.one-eighty, section.iMOA.diabetic_270-300 .two-forty.marker, section.iMOA.diabetic_270-300 .one-eighty.marker, section.iMOA.diabetic_270-300 .glucoseExceeds240mg, section.iMOA.diabetic_270-300 .glucoseInUrine, section.iMOA.diabetic_270-300 .approximateRenalThresholdForDiabetics { display: block; opacity: 1; }
section.iMOA.tab_invokana .shweta.tubule, section.iMOA.tab_invokana .invokana.description, section.iMOA.tab_invokana .closeButton.message, section.iMOA.tab_invokana .glucoseInUrine, section.iMOA.tab_invokana .invokanaInhibitsSGLT2, section.iMOA.tab_invokana .glomerulus.description { display: block; opacity: 1; }
.slider_g { position: absolute; top: 630px; left: 432px; z-index: 10;/* height: 30px; *//* background-color: #000; *//* display: block; */ }
.SGLT2 { display: block !important; }
.glucoseInUrine { display: block !important; }
.wrapper { position: relative; top: 0; left: 0; width: 1024px; height: 637px; overflow: hidden; font-family: Helvetica; background: url(../images/html_data/bg.jpg) no-repeat top left; background-size: 100% 100%; font-family: 'KarbonMedium'; }
#video1 { position: absolute; top: 137px; left: 72px; width: 869px; height: auto; }
.section video { width: 100%; }
.iMOA { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); transform: scale(0.9); }
/* slider css */

.sliderr_back { background: #000000; opacity: 0.4; position: absolute; top: 387px; left: 409px; width: 201px; border-radius: 16px; z-index: 8; height: 46px; display: none; }
#sc_slider { width: 130px; height: 0px; z-index: 11; position: absolute; left: 440px; border: 3px solid #ffffff; top: 407px; display: none; }
.navp { position: absolute; top: 365px; color: #ffffff; left: 415px; z-index: 8; font-family: 'HelveticaNeueLTStd-Cn'; display: none; width: 64px; }
.navpw { position: absolute; top: 365px; color: #ffffff; left: 542px; text-align: center; z-index: 8; font-family: 'HelveticaNeueLTStd-Cn'; display: none; width: 77px; }
.section.iMOA video { width: 700px; height: 478px; }
#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: 42px; top: 400px; left: 482px; }
.animated06 { cursor: pointer }
/*animations start*/


.animated { animation-duration: 4s; -webkit-animation-duration: 4s; -webkit-animation-fill-mode: both; -webkit-animation-timing-function: ease-in; animation-fill-mode: both; animation-timing-function: ease-in; }
.delay1 { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s; }
.delay2 { -webkit-animation-delay: 2s; -moz-animation-delay: 2s; animation-delay: 2s; }
.delay3 { -webkit-animation-delay: 3s; -moz-animation-delay: 3s; animation-delay: 3s; }
.delay4 { -webkit-animation-delay: 4s; -moz-animation-delay: 4s; animation-delay: 4s; }
.delay5 { -webkit-animation-delay: 5s; -moz-animation-delay: 5s; animation-delay: 5s; }
.delay6 { -webkit-animation-delay: 6s; -moz-animation-delay: 6s; animation-delay: 6s; }
.delay7 { -webkit-animation-delay: 7s; -moz-animation-delay: 7s; animation-delay: 7s; }
.delay8 { -webkit-animation-delay: 8s; -moz-animation-delay: 8s; animation-delay: 8s; }
.delay9 { -webkit-animation-delay: 9s; -moz-animation-delay: 9s; animation-delay: 9s; }
.delay10 { -webkit-animation-delay: 10s; -moz-animation-delay: 10s; animation-delay: 10s; }
.delay11 { -webkit-animation-delay: 11s; -moz-animation-delay: 11s; animation-delay: 11s; }
.delay12 { -webkit-animation-delay: 12s; -moz-animation-delay: 12s; animation-delay: 12s; }
.delay13 { -webkit-animation-delay: 13s; -moz-animation-delay: 13s; animation-delay: 13s; }
.delay14 { -webkit-animation-delay: 14s; -moz-animation-delay: 14s; animation-delay: 14s; }
.delay15 { -webkit-animation-delay: 15s; -moz-animation-delay: 15s; animation-delay: 15s; }
.delay16 { -webkit-animation-delay: 16s; -moz-animation-delay: 16s; animation-delay: 16s; }
.delay17 { -webkit-animation-delay: 17s; -moz-animation-delay: 17s; animation-delay: 17s; }
.delay18 { -webkit-animation-delay: 18s; -moz-animation-delay: 18s; animation-delay: 18s; }
.delay19 { -webkit-animation-delay: 19s; -moz-animation-delay: 19s; animation-delay: 19s; }
.delay_00 { -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; animation-delay: 0.5s; }
.delay_01 { -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; animation-delay: 1.5s; }
.delay_02 { -webkit-animation-delay: 2.5s; -moz-animation-delay: 2.5s; animation-delay: 2.5s; }
.delay_03 { -webkit-animation-delay: 3.5s; -moz-animation-delay: 3.5s; animation-delay: 3.5s; }
.delay_04 { -webkit-animation-delay: 4.5s; -moz-animation-delay: 4.5s; animation-delay: 4.5s; }
 @-webkit-keyframes fadeIn { from {
 opacity: 0;
}
to { opacity: 1; }
}
 @keyframes fadeIn { from {
 opacity: 0;
}
to { opacity: 1; }
}
.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
 @-webkit-keyframes fadeIn_2 { from {
 opacity: 0;
}
to { opacity: 1; }
}
 @keyframes fadeIn_2 { from {
 opacity: 0;
}
to { opacity: 1; }
}
.fadeIn_2 { -webkit-animation-name: fadeIn_2; animation-name: fadeIn_2; -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.fadeIn_02 { -webkit-animation-name: fadeIn_2; animation-name: fadeIn_2; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
 @-webkit-keyframes fadeIn_4 { from {
 opacity: 0;
}
to { opacity: 1; }
}
 @keyframes fadeIn_4 { from {
 opacity: 0;
}
to { opacity: 1; }
}
.fadeIn_04 { -webkit-animation-name: fadeIn_4; animation-name: fadeIn_4; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
 @-webkit-keyframes fadeIn_17 { from {
 opacity: 0;
}
to { opacity: 1; }
}
 @keyframes fadeIn_17 { from {
 opacity: 0;
}
to { opacity: 1; }
}
.fadeIn_17 { -webkit-animation-name: fadeIn_17; animation-name: fadeIn_17; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
 @-webkit-keyframes fadeIn_19 { from {
 opacity: 0;
}
to { opacity: 1; }
}
 @keyframes fadeIn_19 { from {
 opacity: 0;
}
to { opacity: 1; }
}
.fadeIn_19 { -webkit-animation-name: fadeIn_19; animation-name: fadeIn_19; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
 @-webkit-keyframes fadeInLeft { from {
 opacity: 0;
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
 @keyframes fadeInLeft { from {
 opacity: 0;
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0);
}
to { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
.fadeInLeft { -webkit-animation-name: fadeIn; animation-name: fadeIn; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
 @-webkit-keyframes h1 { from {
 height: 0;
}
to { height: 52px; }
}
 @keyframes h1 { from {
 height: 0;
}
to { height: 52px; }
}
@-moz-keyframes flash { from, 50%, to {
 opacity: 1;
}
 25%, 75% {
 opacity: 0.6;
}
}
@-webkit-keyframes flash { from, 50%, to {
 opacity: 1;
}
 25%, 75% {
 opacity: 0.6;
}
}
 @keyframes flash { from, 50%, to {
 opacity: 1;
}
 25%, 75% {
 opacity: 0.6;
}
}
@-webkit-keyframes fadeOut { from {
 opacity: 1;
}
to { opacity: 0; }
}
 @keyframes fadeOut { from {
 opacity: 1;
}
to { opacity: 0; }
}
.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; -webkit-animation-duration: 4s; animation-duration: 4s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
 @-webkit-keyframes fadeOutDown { from {
 opacity: 1;
}
to { opacity: 0; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); }
}
.flash { -webkit-animation-name: flash; animation-name: flash; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }

@-moz-keyframes flash { from, 50%, to {
 opacity: 1;
}
 25%, 75% {
 opacity: 0.5;
}
}
@-webkit-keyframes flash { from, 50%, to {
 opacity: 1;
}
 25%, 75% {
 opacity: 0.5;
}
}
 @keyframes flash { from, 50%, to {
 opacity: 1;
}
 25%, 75% {
 opacity: 0.5;
}
}
.flash { -webkit-animation-name: flash; animation-name: flash; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
@-webkit-keyframes flash15 { from, 50%, to {
 opacity: 0.8;
}
 25%, 75% {
 opacity: 1;
}
}
 @keyframes flash15 { from, 50%, to {
 opacity: 0.8;
}
 25%, 75% {
 opacity: 1;
}
}
.flash15 { -webkit-animation-name: flash15; animation-name: flash15; -webkit-animation-duration: 3s; animation-duration: 3s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
@-webkit-keyframes width1 {
	from {
	width: 0;
   }
	to {
	width:111px;
   }
   }
	@keyframes width1 {
	from {
	width: 0;
   }
	to {
	width: 111px;
   }
   }
.width1 { -webkit-animation: width1 1s linear forwards; -moz-animation: width1 1s linear forwards; 
	animation: width1 1s linear forwards; }

/*animations end*/

.h1 { -webkit-animation-name: h1; animation-name: h1; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-fill-mode: both; }
.breaker_bay { color: #5b999f }
.bold { font-weight: bold; }
.orientaionMsg { position: fixed; width: 100%; height: 100%; top: 0; left: 0; background-color: #000000; z-index: 1; display: none; }
.orientContent { width: 100%; height: 100%; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; align-items: center; justify-content: center; flex-direction: column; }
.orientContent img { width: 35%; margin-bottom: 25px; }
.orientContent p { color: #fff; font-size: 20px; font-weight: normal; }
/*Common css start*/
.src_title { color: #f30617; font-size: 21.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 123px; left: 13px; letter-spacing: 0.3px; }
.src_txt { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; }
.src_arrow { width: 10px; height: 13px; background: url(../images/html_data/arrowIcon.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 4px; left: -25px; }
.src_arrow1 { width: 10px; height: 13px; background: url(../images/html_data/arrowIcon.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 8px; left: -25px; }
.src_arrow2 { width: 10px; height: 13px; background: url(../images/html_data/arrowIcon.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 4px; left: -25px; }
.src_txt p{text-decoration: underline;display: inline;}
.src_dot{width: 5px; height: 5px; background: url(../images/html_data/scr08_dot.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 6px; left: -16px;}
.arrowIcon { width: 10px; height: 13px; background: url(../images/html_data/arrowIcon.png) no-repeat top left; background-size: 100% 100%; }
.submitBtn { width: 127px; height: 37px; background: url(../images/html_data/submitBtn.png) no-repeat; background-size: 100% 100%; position: absolute; top: 470px; right: 12px; border: 0px; cursor: pointer; }
.src03_wrapper .submitBtn{top: 425px;}
.submitBtn:focus { outline: none; }
.resetBtn { width: 127px; height: 37px; background: url(../images/html_data/ResetBtn.png) no-repeat; background-size: 100% 100%; position: absolute; top: 470px; right: 12px; border: 0px; cursor: pointer; }
.resetBtn:focus { outline: none; }
.IncorrectPop { width: 1024px; height: 434px; position: absolute; top: 114px; left: 0; z-index: 1; display: none; background: rgba(0, 0, 0, 0.8) }
.IncorrectPopBox { width: 450px; height: auto; background-color: #fff; border-radius: 12px; display: block; margin: 0 auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.IncorrectPopBox h2 { background-color: #ff0000; width: 300px; display: block; margin: 0 auto; text-align: center; color: #fff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; height: 35px; line-height: 35px; margin-top: 3px; font-family: 'HelveticaNeueLTStd-Cn'; font-weight: bold; letter-spacing: 1.5px; font-size: 18px; }
.IncorrectPopBox p { text-align: center; margin: 70px auto; width: 500px; letter-spacing: 1.5px; font-size: 18px; font-family: 'HelveticaNeueLTStd-Cn'; font-weight: bold; color: #ff0000; }
.CorrectPop { width: 1024px; height: 434px; position: absolute; top: 114px; left: 0; z-index: 1; display: none; background: rgba(0, 0, 0, 0.8) }
.CorrectPopBox { width: 450px; height: auto; background-color: #fff; border-radius: 12px; display: block; margin: 0 auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.CorrectPopBox h2 { background-color: #269900; width: 300px; display: block; margin: 0 auto; text-align: center; color: #fff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; height: 35px; line-height: 35px; margin-top: 3px; font-family: 'HelveticaNeueLTStd-Cn'; font-weight: bold; letter-spacing: 1.5px; font-size: 18px; }
.CorrectPopBox p { text-align: center; width: 510px; margin: 70px auto; display: block; letter-spacing: 1.5px; font-size: 18px; font-family: 'HelveticaNeueLTStd-Cn'; font-weight: bold; color: #269900; }
.correctclose { width: 30px; height: 30px; background: url(../images/html_data/close_icon.png) no-repeat; background-size: 100% 100%; position: absolute; top: 5px; right: 5px; border: 0px; cursor: pointer }
.IncorrectPop .tryagain { width: 127px; height: 37px; background: url(../images/html_data/Tryagain_btn.png) no-repeat; background-size: 100% 100%; position: absolute; top: 340px; left: 450px; border: 0px; cursor: pointer; }
.correctIcon { width: 55px; position: absolute; height: 55px; top: 90px; left: 150px; }
.wrongIcon { width: 55px; position: absolute; height: 55px; top: 90px; left: 140px; }
._tframe__plot_0, ._tframe__plot_1, ._tframe__plot_2, ._tframe__plot_3, ._tframe__plot_4, ._tframe__plot_5, ._tframe__plot_6, ._tframe__plot_7, ._tframe__plot_8, ._tframe__plot_9, ._tframe__plot_10, ._tframe__plot_11, ._tframe__plot_12, ._tframe__plot_13, ._tframe__plot_14, ._tframe__plot_15, ._tframe__plot_16, ._tframe__plot_17, ._tframe__plot_18, ._tframe__plot_19, ._tframe__plot_20 { display: none; }
.srcTitle { position: absolute; top: 120px; left: 15px; color: #f30617; font-size: 22px; font-family: 'HelveticaNeueLTStd-Md'; }
.srcSubTitle { position: absolute; top: 155px; left: 12px; color: #424242; font-size: 18.67px; font-family: 'HelveticaNeueLTStd-Cn'; font-weight: bold; }
.srcFooter { color: #000; font-family: 'HelveticaNeueLTStd-Md'; font-size: 12px; position: absolute; bottom: 135px; left: 12px; }
.src_popup_close { position: absolute; top: 122px; left: 762px; width: 51px; height: 41px; opacity: 0; cursor: pointer; }
.titleTxt { color: #f30617; font-size: 21.33px; font-family: 'HelveticaNeueLTStd-Md'; position: absolute; top: 123px; left: 12px; }
.listTxt { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; }
.footerTxt { color: #000; font-family: 'HelveticaNeueLTStd-Md'; font-size: 12px; position: absolute; bottom: 140px; left: 12px; }
.dotIcon { width: 5px; height: 5px; background: url(../images/html_data/dotIcon.png) no-repeat top left; background-size: 100% 100%; }
.dotIcon1 { width: 5px; height: 5px; background: url(../images/html_data/dotIcon.png) no-repeat top left; background-size: 100% 100%;position: absolute;top: 8px !important; }
.iScrollIndicator { background: rgb(25, 183, 179) !important; }
.iScrollVerticalScrollbar { top: 10px !important; }
/*Common css end*/

/*Disclaimers start*/
.scr00_Box{
	width: 654px;
	height: 243px;
	background: url(../images/html_data/scr00_boxBg.png) no-repeat center center;
	background-size: 654px 243px;
	position: absolute;
	top: 215px;
	left: 185px;
	display: flex;
    align-items: center;
    justify-content: center;
	text-align: center;
} 
.scr00_text h2{
	color: #f30617;
	font-size: 24px;
	font-family: 'HelveticaNeueLTStd-Md';
	margin-bottom: 15px;
}
.scr00_text p{
	color: #424242;
	font-size: 19px;
	font-family: 'HelveticaNeueLTStd-Cn';
}

/*Disclaimers end*/

/*slider1  start*/
.src01_wrapper { width: 1024px; height: 672px; overflow: hidden; position: relative; background: url("../images/html_data/src01_bg1.jpg") no-repeat scroll left top transparent; top: 0px; left: 0px; }
.src01_list_title { top: 180px; left: 47px; font-weight: 600; }
.src01_list1 { top: 176px; left: 46px; }
.src01_arrow1 { width: 10px; height: 13px; background: url(../images/html_data/arrowIcon.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 4px; left: -25px; }
.src01_list2 { top: 213px; left: 71px; }
.src01_arrow2 { width: 10px; height: 13px; background: url(../images/html_data/arrowIcon.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 4px; left: -25px; }
.src01_list3 { top: 245px; left: 71px; }
.src01_arrow3 { width: 10px; height: 13px; background: url(../images/html_data/arrowIcon.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 4px; left: -25px; }
.src01_list4 { top: 280px; left: 71px; }
.src01_list5 { top: 313px; left: 71px; }
/*slider1  end*/

/*slider2  start*/
.src02_txt1 { top: 180px; left: 71px; }
.src02_txt2 { top: 230px; left: 71px; }
.src02_list1 { top: 260px; left: 71px; }
.src02_list2 { top: 288px; left: 71px; line-height: 1.6; }
.src02_list3 { top: 348px; left: 71px; }
.src02_list4 { top: 398px; left: 71px; }
.src02_list5 { top: 430px; left: 71px; }
.src02Img1 { position: absolute; left: 0px; top: 0px; width: 1024px; height: 672px; }
.src02Img2 { position: absolute; left: 708px; top: 308px; width: 220px; height: 120px; }
.src02Img3 { position: absolute; left: 574px; top: 164px; width: 146px; height: 67px; }
.src02Img4 { position: absolute; left: 575px; top: 148px; width: 233px; height: 284px; }
.src02Img5 { position: absolute; left: 640px; top: 472px; width: 376px; height: 32px; }
.src19Img1, .src019Img2, .src19Img3 { position: absolute; left: 0px; top: 0px; width: 1024px; height: 672px; }
/*slider2  end*/

/*slider03 */
.scr03_wrapper { width: 1024px; height: 672px; overflow: hidden; position: relative; background: url(../images/html_data/scr03_bg.jpg) no-repeat scroll left top transparent; top: 0px; left: 0px; }
.src03Title { top: 122px; left: 11px }

.scr03_container { position: absolute; top: 163px; left: 0; width: 930px; height: 335px; overflow-y: auto; }
/*.scr03_container_wrap { height: 400px }*/

.scr03_container::-moz-scrollbar {
    width: 5px;
    background: #d5d4d4;
    border-radius: 25px;
}

.scr03_container::-moz-scrollbar-thumb {
    width: 5px;
    background: #f7f7f7;
    border-radius: 25px;
    border: 1px solid #d5d4d4;
}

.scr03_container::-webkit-scrollbar {
    width: 5px;
    background: #d5d4d4;
    border-radius: 25px;
}

.scr03_container::-webkit-scrollbar-thumb {
    width: 5px;
    background: #f7f7f7;
    border-radius: 25px;
    border: 1px solid #d5d4d4;
}

.scr03_text1 { position: absolute; top: 9px; left: 57px; }
.scr03_text2 { position: absolute; top: 83px; left: 57px; }
.scr03_text3 { position: absolute; top: 115px; left: 57px; }
.scr03_table_bg { width: 884px; height: 333px; position: absolute; background: url(../images/html_data/scr03_table_bg.png) no-repeat; top: 170px; left: 32px; }

.scr03_table_wrap .src_txt { font-size: 15px; }
.scr03_table_h1 { position: absolute; top: 184px; left: 50px; min-width: 270px; font-size: 17.33px !important; color: #31858d; }
.scr03_table_h2 { position: absolute; top: 188px; left: 520px; min-width: 270px; font-size: 17.33px !important; color: #31858d; }
.scr03_table_r1_c1 { position: absolute; top: 233px; left: 50px; min-width: 300px; }
.scr03_table_r1_c2 { position: absolute; top: 235px; left: 379px; min-width: 520px; }
.scr03_table_r2_c1 { position: absolute; top: 288px; left: 50px; min-width: 300px; }
.scr03_table_r2_c2 { position: absolute; top: 287px; left: 379px; min-width: 520px; }
.scr03_table_r3_c1 { position: absolute; top: 363px; left: 50px; min-width: 300px; }
.scr03_table_r3_c2 { position: absolute; top: 358px; left: 379px; min-width: 520px; }
.scr03_table_r4_c1 { position: absolute; top: 431px; left: 50px; min-width: 300px; }
.scr03_table_r4_c2 { position: absolute; top: 431px; left: 379px; min-width: 520px; }
.scr03_table_r5_c1 { position: absolute; top: 472px; left: 50px; min-width: 300px; }
.scr03_table_r5_c2 { position: absolute; top: 472px; left: 379px; min-width: 520px; }
/*slider03 */

/*slider4 start*/
.src04_wrapper { width: 1024px; height: 672px; overflow: hidden; position: relative; background: url(../images/html_data/scr04_bg.jpg) no-repeat scroll left top transparent; top: 0px; left: 0px; }
.queswrap { position: absolute; width: 100%; top: 190px; }
.quesHead { position: absolute; top: 5px; left: 55px; width: 696px; color: #424242; font-size: 18.67px; font-family: 'HelveticaNeueLTStd-Cn'; padding: 12px 10px 12px 40px; background-color: rgba(240, 246, 247, 0.7); border-radius: 5px; }
.quesHead span { position: absolute; left: -20px; width: 40px; height: 40px; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; align-items: center; justify-content: center; top: 0; bottom: 0; margin: auto; background-color: #98c3c8; border-radius: 50%; border: 5px solid #ffffff; color: #326b71; font-family: 'HelveticaNeueLTStd-Cn'; font-weight: bold; }
.checkboxWrap { position: absolute; top: 110px; left: 95px; }
.checkboxWrap12 { position: absolute; top: 110px; left: 100px; }
.checkboxes { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; align-items: center; margin-bottom: 22px; }
.checkboxText { font-size: 16px; font-family: 'HelveticaNeueLTStd-Cn'; color: #424242; padding-left: 45px; }
.checkboxWrap12 input[type=checkbox] { position: absolute; opacity: 0; }
.checkboxWrap input[type=checkbox] { position: absolute; opacity: 0; }
.checkboxes .checkboxBtn { position: absolute; width: 35px; height: 35px; background: url("../images/html_data/check.png") no-repeat }
.checkboxes .checkboxBtn.checkBtnX { position: absolute; width: 35px; height: 35px; background: url("../images/html_data/checkWrng.png") no-repeat }
.checkboxes input[type="checkbox"]:checked + .checkboxBtn { position: absolute; width: 35px; height: 35px; background: url("../images/html_data/checkCorrect.png") no-repeat }
.quesContent { display: none; }
.pagination { position: absolute; left: 445px; top: 285px; width: 135px; height: 35px; display: flex;  display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex;align-items: center; justify-content: space-between; background-color: #c6d5d7; color: #326b71; font-size: 18px; font-family: 'HelveticaNeueLTStd-Cn'; border-radius: 15px; }
.left_nav { width: 35px; height: 35px; background: url("../images/html_data/pageBtnLeft.png") no-repeat; border: 0; outline: none; background-size: 100% 100%; }
.right_nav { width: 35px; height: 35px; background: url("../images/html_data/pageBtnRight.png") no-repeat; border: 0; outline: none; background-size: 100% 100%; }
.left_nav[disabled], .right_nav[disabled] { opacity: 0.5 }
/*slder4 end*/

/*slider5  start*/
.src05_list1 { top: 180px; left: 72px; }
.src05_list2 { top: 285px; left: 72px; }
.src05_list3 { top: 370px; left: 72px; }
.src05_list4 { top: 338px; left: 72px; letter-spacing: 0.5px; }
.src05_title2 { top: 420px; left: 48px; letter-spacing: 0.5px; }
.src05_list5 { top: 451px; left: 72px; }
.src05_list6 { top: 483px; left: 72px; }
.src05Img1 { position: absolute; left: 441px; top: 199px; width: 195px; height: 291px; }
.src05Img2 { position: absolute; left: 639px; top: 199px; width: 194px; height: 291px; }
.src05Img3 { position: absolute; left: 836px; top: 199px; width: 198px; height: 291px; }
/*slider5  end*/
/*slider6  start*/
.src06_list1 { top: 176px; left: 72px; font-weight: bold;}
.src06_list2 { top: 230px; left: 72px;}
.src06_list3 { top: 285px; left: 72px;}
.src06_list4 { top: 340px; left: 72px;line-height: 22px; }
.src06_list5 { top: 518px; left: 12px;font-size: 12px; }
/*slider6  end*/

/*slider7 start*/
.scr07_list1 { position: absolute;top:193px; left: 72px; }
.scr07_list2 { position: absolute; top: 225px; left: 72px; line-height: 24px}
.scr07_list3 { position: absolute; top: 284px; left:72px;  line-height: 24px}
.scr07_list4 {position: absolute;top:342px; left: 72px; line-height: 24px}
.scr07_arrow1 {position: absolute;width:72px; top:268px; left: 597px;height:5px;background: url(../images/html_data/scr07_arrow1.png) no-repeat; }
.scr07_arrow2 {position: absolute;width:46px;top: 188px; left: 790px;height:5px;background: url(../images/html_data/scr07_arrow2.png) no-repeat; }
.scr07_arrow3 {position: absolute;width:98px;top: 364px; left:807px;height:145px; text-align:center;background: url(../images/html_data/scr07_arrow3.png) no-repeat;}
.scr07_arrow4 {position: absolute;width:92px;top: 344px; left: 835px;height:143px;background: url(../images/html_data/scr07_arrow4.png) no-repeat; }
.scr07_footer {position: absolute; top: 503px; left: 11px;font-size: 12px }
.scr07_arrow1 span{right: 33px;position: relative;font-size: 17.33px;bottom: 8px;}
.scr07_arrow2 span{left: 47px;position: relative;font-size: 17.33px;bottom: 7px;}
.scr07_arrow3 span{right:27px;position: relative;font-size: 17.33px;top: 143px;}
.scr07_arrow4 span{left:90px;position: relative;font-size: 17.33px;top: 128px;}
.height071 { -webkit-animation-name: height071; animation-name: height071; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.height072 { -webkit-animation-name: height072; animation-name: height072; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
 @-webkit-keyframes height071 { from {
 height: 0;
}
to { height: 121px; }
}
 @keyframes height071 { from {
 height: 0;
}
to { height: 121px; }
}
 @-webkit-keyframes height072 { from {
 height: 0;
}
to { height: 71px; }
}
 @keyframes height072 { from {
 height: 0;
}
to { height: 71px; }
}
/*slder7 end*/

/*slider8 start*/
.src08_list1 { top:176px; left: 72px;line-height:22px;}
.src08_list2 { top: 215px; left:113px; }
.src08_list3 { top: 265px; left: 113px; }
.src08_list4 { top: 295px; left: 113px;line-height: 22px; }
.src08_list5 { top: 370px; left: 113px; line-height: 22px;}
.src08_img { position: absolute;width: 45px; height: 44px; background: url(../images/html_data/src08_img.png) no-repeat; position: absolute; top:244px; left: 45px; }
.src08_footer { top: 517px; left: 12px;font-size: 12px; }
/*slder8 end*/

/*slider9 start*/
.src09_wrapper { width: 1024px; height: 672px; overflow: hidden; position: relative; background: url(../images/html_data/scr10_bg.jpg) no-repeat scroll left top transparent; top: 0px; left: 0px; }
.src09_question_1 { position: absolute; top: 216px; left: 35px; width: 100%; }
.src09_question_2 { position: absolute; top: 277px; left: 35px; width: 100%; }
.src09_question_3 { position: absolute; top: 341px; left: 35px; width: 100%; }
.src09_question_4 { position: absolute; top: 403px; left: 35px; width: 100%; }
.src09_question_5 { position: absolute; top: 435px; left: 35px; width: 100%; }
.src09_ques_text { position: relative; width: 690px; left: 0; top: 0; padding: 0px 25px; box-sizing: border-box; height: 55px; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; align-items: center; background-color: rgba(226, 243, 247, 0.6); border-radius: 5px; font-family: 'HelveticaNeueLTStd-Cn'; font-size: 18.67px; }
.src09_wrapper input[type="radio"] { display: none; }
.ansTrue { position: absolute; top: 0; left: 740px; }
.ansTrue label { position: absolute; left: 0; top: 0; font-size: 18px; font-family: 'HelveticaNeueLTStd-Cn'; background-color: rgba(122, 179, 142, 0.8); padding: 17px 28px; color: #ffffff; border-radius: 7px; }
.ansTrue input[type="radio"]:checked + label { background-color: #227d42; }
.ansFalse { position: absolute; top: 0; left: 835px; }
.ansFalse label { position: absolute; left: 0; top: 0; font-size: 18px; font-family: 'HelveticaNeueLTStd-Cn'; background-color: rgba(228, 124, 110, 0.8); padding: 17px 28px; color: #ffffff; border-radius: 7px; }
.ansFalse input[type="radio"]:checked + label { background-color: #bb3200; }
.src19SubTitle{top: 155px;left: 14px;}
.src09_footer{ top: 517px; left: 12px;font-size: 12px;}
/*slider9 end*/
/*slider10 start*/
.scr10_wrapper { width: 1024px; height: 672px; overflow: hidden; position: relative; background: url(../images/html_data/scr10_bg.jpg) no-repeat scroll left top transparent; top: 0px; left: 0px; }
.scr10_text1 { position: absolute; top: 290px; left: 107px; font-size: 15px; color: #fff; }
.scr10_text2 { position: absolute; top: 308px; left: 409px; font-size: 15px; color: #fff; }
.scr10_text3 { position: absolute; top: 301px; left: 699px; font-size: 15px; color: #fff; }
.src08_popup ol { padding-left: 40px; padding-top: 10px; list-style: none; position: relative; }
.src08_popup ol li { line-height: 20px; font-size: 16px; font-family: 'HelveticaNeueLTStd-Cn'; color: #424242; padding-bottom: 9px; position: relative; }
.src08_popup { width: 1024px; height: 435px; background: rgba(0, 0, 0, 0.8); display: block; margin: 0 auto; position: absolute; top: 113px; left: 0px; z-index: 10; }
.scr10_img1 { position:absolute; top: 243px; left: 14px; width: 403px; height: 200px; background: url(../images/html_data/scr10_img1.png) no-repeat; background-size: 100% 100%; }
.scr10_img2 { position:absolute; top: 243px; left: 316px; width: 403px; height: 200px; background: url(../images/html_data/scr10_img2.png) no-repeat; background-size: 100% 100%; }
.scr10_img3 { position:absolute; top: 243px; left: 602px; width: 403px; height: 200px; background: url(../images/html_data/scr10_img3.png) no-repeat; background-size: 100% 100%; }

.scr10_pinImg { width: 182px; height: 74px; background: url(../images/html_data/scr10_tips_n_Tricks.png) no-repeat; background-size: 161px 66px; position: absolute; top: 221px; left: 99px; }
.scr10_info { background: url(../images/html_data/infoBtn.png) no-repeat top left; background-size: 59px 59px; position: absolute; top: 0; right: 0; width: 59px; height: 59px; cursor: pointer; }
.src10_popup { width: 1024px; height: 435px; background: rgba(0, 0, 0, 0.8); display: block; margin: 0 auto; position: absolute; top: 113px; left: 0px; z-index: 10; }
.src10_close { width: 50px; height: 55px; background: url(../images/html_data/closeIcon.png) no-repeat; background-size: 100% 100%; position: absolute; top: 20px; right: 195px; border: 0px; cursor: pointer; }
.src10_popup_box { width: 635px; height: 315px; background-color: #fff; border-radius: 12px; display: block; margin: 0 auto; position: absolute; top: 10%; left: 175px; border: 2px solid #0e8c81; padding: 0px 20px; overflow: hidden; }
.src10_popup_box h2 { font-family: 'HelveticaNeueLTStd-Cn'; font-size: 18.67px; font-weight: bold; color: #31858d; width: 95%; padding: 9px 0; margin: 0 2.5%; border-bottom: 2px solid #31858d; padding-top: 14px; }
.src10_popup ol { padding-left: 40px; padding-top: 10px; list-style: none; position: relative; }
.src10_popup ol.listing { list-style: decimal; padding-bottom: 10px; }
.src10_popup ol li { line-height: 20px; font-size: 16px; font-family: 'HelveticaNeueLTStd-Cn'; color: #424242; padding-bottom: 9px; position: relative; }
.scr10_arrow1 { position: absolute; top: 4px; left: -23px; }
.scr10_arrow2 { position: absolute; top: 4px; left: -23px; }
.scr10_arrow3 { position: absolute; top: 4px; left: -23px; }
.scr10_arrow4 { position: absolute; top: 4px; left: -23px; }
.scr10_arrow5 { position: absolute; top: 4px; left: -24px; }
.scr10_arrow6 { position: absolute; top: 4px; left: -24px; }
.scr10_arrow7 { position: absolute; top: 4px; left: -24px; }
.scr10_arrow8 { position: absolute; top: 4px; left: -24px; }
.scr10_arrow9 { position: absolute; top: 4px; left: -24px; }
.scr10_arrow10 { position: absolute; top: 4px; left: -24px; }
.scr10_arrow11 { position: absolute; top: 4px; left: -24px; }
.scr10_arrow12 { position: absolute; top: 4px; left: -24px; }
.scr10_arrow13 { position: absolute; top: 4px; left: -24px; }
.scr10_pinImg.pinImg1 { position: absolute; top: 160px; left: 10px; }
.s10PopFooter {top:123px; font-size: 12px; font-family: 'HelveticaNeueLTStd-Cn'; color: #424242; padding-bottom: 10px; position: relative; left: -22px; }
.scr10_pinImg_line1 { width: 68px; height: 0; background: url(../images/html_data/scr10_pinImg_line1.png) no-repeat; background-size: 68px 28px; position: absolute; top: 209px; left: 21px; }
.height101 { -webkit-animation-name: height101; animation-name: height101; -webkit-animation-duration: 0.5s; animation-duration: 0.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
 @-webkit-keyframes height101 {
     from {
         height: 0;
     }

     to {
         height: 168px;
     }
 }

 @keyframes height101 {
     from {
         height: 0;
     }

     to {
         height: 168px;
     }
 }
.src10_popup_box { height: 352px; }
.src10_popup ol { padding-top: 5px; }
.src10_popup1 ol li, .src10_popup2 ol li { line-height: 18.5px; }
.src10_list li { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; }
.src10_list li span { display: inline-block; padding-right: 5px; }
ol.listing.src10_list { padding-left: 4px; }
.src10_close { top: 7px; }
/*slider10 end*/

/*slider11  */
.src11_wrapper { width: 1024px; height: 672px; overflow: hidden; position: relative; background: url(../images/html_data/scr11_bg.jpg) no-repeat scroll left top transparent; top: 0px; left: 0px; }

.src11Img1 { position: absolute; left: 3px; top: 145px; }
.src11Img2 { position: absolute; left: 337px; top: 177px; }
.src11Img3 { position: absolute; left: 642px; top: 166px; }

.src11Img1_bg { position: absolute; left: 25px; top: 173px; }
.src11Img2_bg { position: absolute; left: 335px; top: 173px; }
.src11Img3_bg { position: absolute; left: 644px; top: 173px; }

.src11_list1 { top: 395px; left: 38px; line-height: 1.3; font-size: 16px; color: #000000;}
.src11_list2 { top: 397px; left: 354px; line-height: 1.3; font-size: 16px; color: #000000;}
.src11_list3 { top: 395px; left: 658px; line-height: 1.3; font-size: 16px; color: #000000;}
/*slider11 end */

/*slider12 */
.scr12_pinImg { width: 161px; height: 66px; background: url(../images/html_data/tipsImg.png) no-repeat; background-size: 161px 66px; position: absolute; top: 153px; left: 12px; }
.scr12_line1 { width: 68px; height: 26px; background: url(../images/html_data/scr12_line1.png) no-repeat; background-size: 68px 26px; position: absolute; top: 211px; left: 20px; }
.scr12_line2 { width: 68px; height: 108px; background: url(../images/html_data/scr12_line2.png) no-repeat; background-size: 68px 108px; position: absolute; top: 230px; left: 20px; }
.scr12_line3 { width: 68px; height: 63px; background: url(../images/html_data/scr12_line3.png) no-repeat; background-size: 68px 63px; position: absolute; top: 334px; left: 20px; }
.scr12_line4 { width: 68px; height: 45px; background: url(../images/html_data/scr12_line4.png) no-repeat; background-size: 68px 45px; position: absolute; top: 390px; left: 20px; }

.scr12_dot1 { width: 5px; height: 5px; background: url(../images/html_data/scr12_dot1.png) no-repeat; background-size: 5px 5px; position: absolute; top: 9px; left: -25px; }
.scr12_dot2 { width: 5px; height: 5px; background: url(../images/html_data/scr12_dot2.png) no-repeat; background-size: 5px 5px; position: absolute; top: 9px; left: -25px; }

.scr12_list1 { position: absolute; top: 221px; left: 102px; }
.scr12_list2 { position: absolute; top: 253px; left: 127px; }
.scr12_list3 { position: absolute; top: 284px; left: 127px; }
.scr12_list4 { position: absolute; top: 321px; left: 102px; }
.scr12_list5 { position: absolute; top: 380px; left: 102px; }
.scr12_list6 { position: absolute; top: 418px; left: 102px; }
.scr12_list7 { position: absolute; top: 479px; left: 76px; color: #19b7b3; }
.scr12_list8 { position: absolute; top: 509px; left: 102px; }

.height26 {
    -webkit-animation-name: height26;
    animation-name: height26;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.height108 {
    -webkit-animation-name: height108;
    animation-name: height108;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.height63 {
    -webkit-animation-name: height63;
    animation-name: height63;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.height45 {
    -webkit-animation-name: height45;
    animation-name: height45;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

 @-webkit-keyframes height26 {
     from {
         height: 0;
     }

     to {
         height: 26px;
     }
 }

 @keyframes height26 {
     from {
         height: 0;
     }

     to {
         height: 26px;
     }
 }

 @-webkit-keyframes height108 {
     from {
         height: 0;
     }

     to {
         height: 108px;
     }
 }

 @keyframes height108 {
     from {
         height: 0;
     }

     to {
         height: 108px;
     }
 }

@-webkit-keyframes height63 {
     from {
         height: 0;
     }

     to {
         height: 63px;
     }
 }

@keyframes height63 {
     from {
         height: 0;
     }

     to {
         height: 63px;
     }
 }

@-webkit-keyframes height45 {
     from {
         height: 0;
     }

     to {
         height: 45px;
     }
 }

@keyframes height45 {
     from {
         height: 0;
     }

     to {
         height: 45px;
     }
 }
/*slider12 end */

/*slider13 start*/
.src13_list1 { position: absolute; top: 180px; left: 49px; }
.src13_list2 { position: absolute; top: 253px; left: 49px; }
.src13_list3 { position: absolute; top: 327px; left: 49px; }
.scr13_img1 { width: 229px; height: 323px; overflow: hidden; position: absolute; background: url(../images/html_data/scr13_img1.jpg) no-repeat scroll left top transparent; top: 178px; left: 539px; }
.scr13_img2 { width: 254px; height: 327px; overflow: hidden; position: absolute; background: url(../images/html_data/scr13_img2.jpg) no-repeat scroll left top transparent; top: 197px; left: 735px; }
/*slider13 end*/
/*slider14 start*/
.scr14_wrapper { width: 1024px; height: 672px; overflow: hidden; position: relative; background: url(../images/html_data/scr10_bg.jpg) no-repeat scroll left top transparent; top: 0px; left: 0px; }
.scr14_list1 { position: absolute; top: 182px; left:72px; }
.scr14_img1 { width: 268px; height:322px;  position: absolute; background: url(../images/html_data/scr14_img1.png) no-repeat ; top: 100px; left: 609px; }
.scr14_img2 { width: 300px; height: 240px;  position: absolute; background: url(../images/html_data/scr14_img2.png) no-repeat ; top:338px; left: 578px; }
.src14_arrowline { width: 23px; height: 95px; position: absolute; background: url(../images/html_data/src14_arrowline.png) no-repeat ; top: 131px; left: 633px; }
.src14_arrowline2 { width: 163px; height: 20px;  position: absolute; top: 245px; left:751px; }
.src14_arrowline span{position: absolute;left: -120px;width: 118px;top: 42px;color: #010101;font-size: 16px;text-align: right;font-family: 'HelveticaNeueLTStd-Cn';font-weight: 600;}
.src14_arrowline2 span{position: relative; font-size: 17px;top: -43px;left: -6px;color: #010101;font-family: 'HelveticaNeueLTStd-Cn';font-weight: 600;}
.scr14_list2 { position: absolute; top: 238px; left: 72px;line-height: 24px }
.scr14_list3 { position: absolute; top: 298px; left: 72px;line-height: 24px }
.scr14_list4 { position: absolute; top: 357px; left: 72px;font-weight: bold; }
.scr14_list5 { position: absolute; top: 389px; left: 95px; }
.scr14_list6 { position: absolute; top: 424px; left: 96px; }
.scr14_errorIcon { width: 36px; height: 34px; background: url(../images/html_data/errorIcon.png) no-repeat; background-size: 100% 100%; position: absolute; top: 260px; left: 25px; }
.scr_info_wrp { position: absolute; top: 415px; right: 13px; width: 59px; height: 59px; cursor: pointer; display: none; }
.scr14_info { background: url(../images/html_data/infoBtn.png) no-repeat top left; background-size: 59px 59px; position: absolute; top: 28px; right: 0; width: 59px; height: 59px; cursor: pointer; }
.src14_popup { width: 1024px; height: 435px; background: rgba(0, 0, 0, 0.8); display: block; margin: 0 auto; position: absolute; top: 113px; left: 0px; z-index: 10; }
.src14_close { width: 50px; height: 45px; background: url(../images/html_data/closeIcon.png) no-repeat; background-size: 100% 100%; position: absolute; top: 46px; right: 195px; border: 0px; cursor: pointer; }
.src14_popup_box { width: 635px; height: 280px; background-color: #fff; border-radius: 12px; display: block; margin: 0 auto; position: absolute; top: 52%; left: 50%; transform: translate(-50%, -50%); border: 2px solid #0e8c81; padding: 0px 20px; }
.src14_popup_box h2 { font-family: 'HelveticaNeueLTStd-Cn'; font-size: 18.67px; font-weight: bold; color: #31858d; width: 95%; padding: 9px 0; margin: 0 2.5%; border-bottom: 2px solid #31858d; padding-top: 14px; }
.src14_popup ol { padding-left: 40px; padding-top: 10px; list-style: none; position: relative; }
.src14_popup ol li { line-height: 20px; font-size: 16px; font-family: 'HelveticaNeueLTStd-Cn'; color: #424242; padding-bottom: 9px; }
.scr14_arrow1 { position: absolute; top: 4px; left: -23px; }
.scr14_arrow2 { position: absolute; top: 4px; left: -23px; }
.scr14_arrow3 { position: absolute; top: 4px; left: -23px; }
.scr14_arrow4 { position: absolute; top: 4px; left: -23px; }
.scr14_arrow5 { position: absolute; top:8px; left: -23px; }
.scr14_arrow6 { position: absolute; top:8px; left: -23px; }
.scr14_arrow7 { position: absolute; top:14px; left: 15px; }
.scr14_arrow8 { position: absolute; top:82px; left: 15px; }
.scr14_arrow9 { position: absolute; top:132px; left: 15px; }
/*slider14 end*/

/*slider15 start*/
.scr15_box1 {position:absolute;width: 291px; height: 198px;top:163px; left: 25px; background: url(../images/html_data/scr15_box1.png) no-repeat;}
.scr15_box2 { position:absolute;width: 283px; height: 198px;top:163px; left: 335px; background: url(../images/html_data/scr15_box2.png) no-repeat;}
.scr15_box3 {position:absolute;width: 283px; height:198px; top:163px; left: 643px; background: url(../images/html_data/scr15_box3.png) no-repeat;}
.src15_txt1{position: relative;top: 18px;font-weight: bold;left: 22px;color: #38c1bd;font-size: 21.33px;}
.src15_txt2{position: relative;top: 18px;font-weight: bold;left: 22px;color: #38c1bd;font-size: 21.33px;}
.src15_txt3{position: relative;top: 18px;font-weight: bold;left: 22px;color: #38c1bd;font-size: 21.33px;}
.src15_list1 { top:369px; left: 32px;line-height:18px;font-size: 14.67px}
.src15_list2 { top: 369px; left:344px;font-size: 14.67px }
.src15_list3 { top: 369px; left: 654px;font-size: 14.67px }
.src15_list4 { top: 347px; left: 133px;line-height: 22px; }
.src15_list5 { top:399px; left: 133px; line-height: 22px;}
.src15_list6 { top: 453px; left: 133px;}
.src15_img { position: absolute;width: 45px; height: 44px; background: url(../images/html_data/src08_img.png) no-repeat; position: absolute; top:244px; left: 45px; }
.src15_footer { top: 517px; left: 12px;font-size: 12px; }
/*slder15 end*/

/*slider16 start*/
.scr16_box1 {position:absolute;width: 291px; height: 198px;top:163px; left: 25px; background: url(../images/html_data/scr16_box1.png) no-repeat;}
.scr16_box2 { position:absolute;width: 283px; height: 198px;top:163px; left: 335px; background: url(../images/html_data/scr16_box2.png) no-repeat;}
.scr16_box3 {position:absolute;width: 283px; height:198px; top:163px; left: 643px; background: url(../images/html_data/scr16_box3.png) no-repeat;}
.src16_txt1{position: relative;top: 18px;font-weight: bold;left: 22px;color: #38c1bd;font-size: 21.33px;}
.src16_txt2{position: relative;top: 18px;font-weight: bold;left: 22px;color: #38c1bd;font-size: 21.33px;}
.src16_txt3{position: relative;top: 18px;font-weight: bold;left: 22px;color: #38c1bd;font-size: 21.33px;}
.src16_list1 { top:369px; left: 32px;line-height:18px;font-size: 14.67px}
.src16_list2 { top: 369px; left:344px;font-size: 14.67px }
.src16_list3 { top: 369px; left: 654px;font-size: 14.67px }
.src16_list4 { top: 347px; left: 133px;line-height: 22px; }
.src16_list5 { top:399px; left: 133px; line-height: 22px;}
.src16_list6 { top: 453px; left: 133px;}
.src16_img { position: absolute;width: 45px; height: 44px; background: url(../images/html_data/src08_img.png) no-repeat; position: absolute; top:244px; left: 45px; }
.src16_footer { top: 517px; left: 12px;font-size: 12px; }
/*slder16 end*/
/*slider17 start */
.scr17_wrapper { width: 1024px; height: 672px; overflow: hidden; position: relative; background: url("../images/html_data/scr17_bg.jpg") no-repeat scroll left top transparent; top: 0px; left: 0px; }
.src17Title { top: 123px; left: 13px }
.scr17_tips { width: 196px; height: 79px; background: url(../images/html_data/scr17_tips.png) no-repeat; background-size: 196px 79px; position: absolute; top:-9px; left: 414px; }

.scr17_container { position: absolute; top: 183px; left: 0; width: 930px; height: 335px;}

.scr17_container1,.scr17_container2{display: none;}
.scr17_arrow1{position: absolute; top: 133px; right: -68px; background: url(../images/html_data/Next_Btn.png) no-repeat; width: 39px; height: 39px;display: none; }
.scr17_arrow2{position: absolute; top: 133px; left: 14px; background: url(../images/html_data/Previous_Btn.png) no-repeat; width: 39px; height: 39px;display: none; }
.scr17_list1_bg { position: absolute; top: 25px; left: 150px; background: url(../images/html_data/scr17_list_bg.png) no-repeat; width: 723px; height: 73px; }
.scr17_list2_bg { position: absolute; top: 125px; left: 150px; background: url(../images/html_data/scr17_list_bg.png) no-repeat; width: 723px; height: 73px; }
.scr17_list3_bg { position: absolute; top: 227px; left: 150px; background: url(../images/html_data/scr17_list_bg.png) no-repeat; width: 723px; height: 73px; }
.scr17_list1_text { position: absolute; top: 50px; left: 228px; }
.scr17_list2_text { position: absolute; top: 143px; left: 241px; }
.scr17_list2_dot { position: absolute; top: 143px; left: 227px; }
.scr17_list3_text { position: absolute; top: 240px; left: 240px; }
.scr17_list3_dot { position: absolute; top: 240px; left: 227px; }
.scr17_line1 { position: absolute; top:56px; left: 507px; background: url(../images/html_data/scr17_line1.png) no-repeat; width: 12px; height: 57px; }
.scr17_line2 { position: absolute; top: 75px; left: 214px; background: url(../images/html_data/scr17_line2.png) no-repeat; width: 299px; height: 38px; }
.scr17_line3 { position: absolute; top: 75px; left: 514px; background: url(../images/html_data/scr17_line3.png) no-repeat; width: 297px; height: 38px; }
.scr17_box1 { position: absolute; top:113px; left: 92px; background: url(../images/html_data/scr17_block1_bg.png) no-repeat; width: 256px; height: 205px; margin-bottom: 25px;background-size: 100% 100%; }
.scr17_box2 { position: absolute; top: 113px; left: 385px; background: url(../images/html_data/scr17_block2_bg.png) no-repeat; width: 256px; height: 205px; margin-bottom: 25px;background-size: 100% 100%; }
.scr17_box3 { position: absolute; top: 113px; left: 676px; background: url(../images/html_data/scr17_block3_bg.png) no-repeat; width: 256px; height: 205px; margin-bottom: 25px;background-size: 100% 100%; }
.scr17_box1_title { position: absolute; top: 131px; left: 174px; color: #fff; text-align: center;font-family: 'HelveticaNeueLTStd-Md'; }
.scr17_box2_title { position: absolute; top: 131px; left: 475px; color: #fff; text-align: center;font-family: 'HelveticaNeueLTStd-Md'; }
.scr17_box3_title { position: absolute; top: 131px; left: 763px; color: #fff; text-align: center;font-family: 'HelveticaNeueLTStd-Md'; }
.scr17_box1_text { position: absolute; top: 192px; left: 106px;width: 228px;overflow-wrap: break-word;word-wrap: break-word; }
.scr17_box2_text { position: absolute; top: 192px; left: 399px;width: 210px;overflow-wrap: break-word;word-wrap: break-word; }
.scr17_box3_text { position: absolute; top: 192px; left: 688px;width: 210px;overflow-wrap: break-word;word-wrap: break-word; }
/*slider17 end */

/*slider18  */
.src18_wrapper { width: 1024px; height: 672px; overflow: hidden; position: relative; background: url(../images/html_data/scr18_bg.jpg) no-repeat scroll left top transparent; top: 0px; left: 0px; }
.sortable_wrap { position: absolute; top: 213px; left: 265px; width: 50%; }
.sortable { display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; flex-direction: row; flex-wrap: wrap; width: 100%; height: 265px; }
span.sortHandle { position: absolute; right: 15px; }
.sortHandle img { width: 20px;height: 20px; }
.sortable_wrap li { position: relative; width: 430px; color: #fff; font-size: 14px; font-family: 'HelveticaNeueLTStd-Cn'; list-style-type: none; height: 65px; background: url(../images/html_data/scr18_gradient4.png) no-repeat center;background-size: cover; padding: 0 35px 0 20px; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; align-items: center; border-radius: 5px; box-sizing: border-box; cursor: all-scroll; }
.sortable_wrap li.item1{width: 512px; height: 65px;background: url(../images/html_data/scr18_gradient1.png) no-repeat center;background-size: 100% 100%;color: #fff;}
.sortable_wrap li.item2{width: 512px; height: 65px;background: url(../images/html_data/scr18_gradient2.png) no-repeat center;background-size: 100% 100%;color: #fff;}
.sortable_wrap li.item3{width: 512px; height: 65px;background: url(../images/html_data/scr18_gradient3.png) no-repeat center;background-size: 100% 100%;color: #fff;}
.sortable_wrap li.item4{width: 512px; height: 65px;background: url(../images/html_data/scr18_gradient4.png) no-repeat center;background-size: 100% 100%;color: #fff;}
#submit18{top: 480px;}
.changeItem1{background: url(../images/html_data/scr18_gradient3.png) no-repeat center !important;background-size: 100% 100% !important;}
.changeItem2{background: url(../images/html_data/scr18_gradient1.png) no-repeat center !important;background-size: 100% 100% !important;}
.changeItem3{background: url(../images/html_data/scr18_gradient4.png) no-repeat center !important;background-size: 100% 100% !important;}
.changeItem4{background: url(../images/html_data/scr18_gradient2.png) no-repeat center !important;background-size: 100% 100% !important;}
.sortOrder { width: 58px; height: 60px; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; align-items: center; justify-content: center; border-radius: 5px; background-color: #0e8c81; color: #ffffff; font-family: 'HelveticaNeueLTStd-Cn'; font-size: 18.67px; }
.sortOrder1 { position: absolute; top: 213px; left: 197px; }
.sortOrder2 { position: absolute; top: 279px; left: 197px; }
.sortOrder3 { position: absolute; top: 346px; left: 197px; }
.sortOrder4 { position: absolute; top: 413px; left: 197px; }
.dummySort .sortable li { cursor: not-allowed; }
/*slider18  */

/*slider19 start*/

.src19_wrapper { width: 1024px; height: 672px; overflow: hidden; position: relative; background: url(../images/html_data/scr10_bg.jpg) no-repeat scroll left top transparent; top: 0px; left: 0px; }
.src19_question_1 { position: absolute; top: 216px; left: 35px; width: 100%; }
.src19_question_2 { position: absolute; top: 278px; left: 35px; width: 100%; }
.src19_question_3 { position: absolute; top: 341px; left: 35px; width: 100%; }
.src19_question_4 { position: absolute; top: 405px; left: 35px; width: 100%; }
.src19_question_5 { position: absolute; top: 435px; left: 35px; width: 100%; }
.src19_ques_text { position: relative; width: 690px; left: 0; top: 0; padding: 0px 25px; box-sizing: border-box; height: 55px; display: flex; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; align-items: center; background-color: rgba(226, 243, 247, 0.6); border-radius: 5px; font-family: 'HelveticaNeueLTStd-Cn'; font-size: 18.67px;color: #424242}
.src19_wrapper input[type="radio"] { display: none; }
.ans-True { position: absolute; top: 0; left: 740px; }
.ans-True label { position: absolute; left: 0; top: 0; font-size: 18px; font-family: 'HelveticaNeueLTStd-Cn'; background-color: rgba(122, 179, 142, 0.8); padding: 17px 28px; color: #ffffff; border-radius: 7px; }
.ans-True input[type="radio"]:checked + label { background-color: #227d42; }
.ans-False { position: absolute; top: 0; left: 835px; }
.ans-False label { position: absolute; left: 0; top: 0; font-size: 18px; font-family: 'HelveticaNeueLTStd-Cn'; background-color: rgba(228, 124, 110, 0.8); padding: 17px 28px; color: #ffffff; border-radius: 7px; }
.ans-False input[type="radio"]:checked + label { background-color: #bb3200; }
.src19SubTitle{top: 155px;left: 14px;}
.submitBtn19 { width: 127px; height: 37px; background: url(../images/html_data/submitBtn.png) no-repeat; background-size: 100% 100%; position: absolute; top: 470px; right: 12px; border: 0px; cursor: pointer; }

/*slider19 end*/

/*slider20 start*/
.src20_box1 { top:162px; left: 63px;position: absolute;width: 246px;height: 377px;background: url(../images/html_data/src20_box1.png) no-repeat; }
.src20_box2 { top:162px; left: 392px;position: absolute;width: 246px;height: 377px;background: url(../images/html_data/src20_box2.png) no-repeat; }
.src20_box3 { top:162px; left: 723px;position: absolute;width: 246px;height: 377px;background: url(../images/html_data/src20_box3.png) no-repeat; }
.white_arrow { width: 10px; height: 13px; background: url(../images/html_data/white_arrow.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 145px; left: 25px; }
.whitedot { width: 5px; height: 6px; background: url(../images/html_data/whitedot.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 203px; left: 48px; }
.scr20_txt1{top:148px;}
.scr20_txt2{top:201px;}
.scr20_txt3{top:254px;}
.scr20_txt4{top:285px;}
.scr20_txt5{top:317px;}
.scr20_txt1 span{position: relative;width: 200px;display: flex;left: 21px;top: -6px;color: #fff}
.scr20_txt2 span{position: relative;width: 200px;display: flex;left: 18px;top: -7px;color: #fff}
.scr20_txt3 span{position: relative;width: 200px;display: flex;left: 18px;top: -7px;color: #fff}
.scr20_txt4 span{position: relative;width: 200px;display: flex;left: 18px;top: -7px;color: #fff}
.scr20_txt5 span{position: relative;width: 200px;display: flex;left: 18px;top: -7px;color: #fff}
.scr20_txt6 span{position: relative;width: 200px;display: flex;left: 21px;top: -3px;color: #fff}
.scr20_txt7 span{position: relative;width: 200px;display: flex;left: 21px;top:-4px;color: #fff}
.src20_arrow { width: 111px; height: 13px; background: url(../images/html_data/src20_arrow.png) no-repeat top left; background-size: 100% 100%; position: absolute; top:336px; left: 290px; }
.src20_arrow2 { width: 111px; height: 13px; background: url(../images/html_data/src20_arrow.png) no-repeat top left; background-size: 100% 100%; position: absolute; top:336px; left: 620px; }
.white_arrow2{ width: 10px; height: 13px; background: url(../images/html_data/white_arrow.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 241px; left: 25px;}
.src20_list2 { top: 245px; left:133px; }
.src20_list3 { top: 295px; left: 133px; }
.src20_list4 { top: 347px; left: 133px;line-height: 22px; }
.src20_list5 { top:399px; left: 133px; line-height: 22px;}
.src20_list6 { top: 453px; left: 133px;}
.src20_img { position: absolute;width: 45px; height: 44px; background: url(../images/html_data/src08_img.png) no-repeat; position: absolute; top:244px; left: 45px; }
.src20_footer { top: 517px; left: 12px;font-size: 12px; }
/*slder20 end*/

/*slider21 start*/
.src21_list1 { top:180px; left: 72px;line-height:21px;}
.src21_list2 { top: 234px; left:72px; }
.src21_list3 { top: 286px; left: 72px; }
.src21_list4 { top: 338px; left: 72px;line-height: 21px; }
.src21_list5 { top:389px; left: 72px; line-height: 21px;}
.src21_img { position: absolute;width: 45px; height: 44px; background: url(../images/html_data/src08_img.png) no-repeat; position: absolute; top:244px; left: 45px; }
.src21_footer { top: 517px; left: 12px;font-size: 12px; }
.scr21_box1 {line-height:15px;position:absolute;width: 227px; height: 166px;top:158px; left: 619px; background: url(../images/html_data/scr21_box1.png) no-repeat;}
.scr21_box2 {line-height:15px; position:absolute;width:227px; height: 172px;top:350px; left: 488px; background: url(../images/html_data/scr21_box2.png) no-repeat;}
.scr21_box3 {line-height:15px;position:absolute;width: 227px; height:168px; top:357px; left: 739px; background: url(../images/html_data/scr21_box3.png) no-repeat;}
.src21_txt1{position: relative;top: 18px;left: 22px;color: #000;font-size: 13.33px;}
.src21_txt2{position: relative;top: 18px;left: 22px;color:  #000;font-size: 13.33px;}
.src21_txt3{position: relative;top: 18px;left: 22px;color:  #000;font-size: 13.33px;}

/*slder21 end*/

/*slider22 start*/
.scr22_wrapper { width: 1024px; height: 672px; overflow: hidden; position: relative; background: url(../images/html_data/scr22_img.jpg) no-repeat scroll left top transparent; top: 0px; left: 0px; }
.scr22_list1 { position: absolute; top: 181px; left:49px; }
.scr22_list2 { position: absolute; top: 211px; left: 49px;line-height: 24px }
.scr22_list3 { position: absolute; top: 263px; left: 49px;line-height: 22px }
.scr22_list4 { position: absolute; top: 338px; left: 49px; }
.scr22_list5 { position: absolute; top: 370px; left: 49px; }
.scr22_box1{width: 223px; height: 164px; background: url(../images/html_data/scr22_box1.png) no-repeat; background-size: 100% 100%; position: absolute; top: 144px; left: 594px; }
.scr22_box2{width: 298px; height: 191px; background: url(../images/html_data/scr22_box2.png) no-repeat; background-size: 100% 100%; position: absolute; top: 313px; left: 432px; }
.scr22_box3{width: 254px; height: 166px; background: url(../images/html_data/scr22_box3.png) no-repeat; background-size: 100% 100%; position: absolute; top: 333px; left: 713px; }
.scr22_errorIcon { width: 36px; height: 34px; background: url(../images/html_data/errorIcon.png) no-repeat; background-size: 100% 100%; position: absolute; top: 260px; left: 25px; }
.scr_info_wrp { position: absolute; top: 415px; right: 13px; width: 59px; height: 59px; cursor: pointer; display: none; }
.scr22_info { background: url(../images/html_data/infoBtn.png) no-repeat top left; background-size: 59px 59px; position: absolute; top: 0; right: 0; width: 59px; height: 59px; cursor: pointer; }
.src22_popup { width: 1024px; height: 435px; background: rgba(0, 0, 0, 0.8); display: block; margin: 0 auto; position: absolute; top: 113px; left: 0px; z-index: 10; }
.src22_close { width: 50px; height: 45px; background: url(../images/html_data/closeIcon.png) no-repeat; background-size: 100% 100%; position: absolute; top: 46px; right: 195px; border: 0px; cursor: pointer; }
.src22_popup_box { width: 635px; height: 280px; background-color: #fff; border-radius: 12px; display: block; margin: 0 auto; position: absolute; top: 52%; left: 50%; transform: translate(-50%, -50%); border: 2px solid #0e8c81; padding: 0px 20px; }
.src22_popup_box h2 { font-family: 'HelveticaNeueLTStd-Cn'; font-size: 18.67px; font-weight: bold; color: #31858d; width: 95%; padding: 9px 0; margin: 0 2.5%; border-bottom: 2px solid #31858d; padding-top: 14px; }
.src22_popup ol { padding-left: 18px; padding-top: 10px; list-style: none; position: relative; }
.src22_popup ol li { line-height: 20px; font-size: 16px; font-family: 'HelveticaNeueLTStd-Cn'; color: #424242; padding-bottom: 9px; }
.scr22_arrow1 { position: absolute; top: 4px; left: -23px; }
.scr22_arrow2 { position: absolute; top: 4px; left: -23px; }
.scr22_arrow3 { position: absolute; top: 4px; left: -23px; }
.scr22_arrow4 { position: absolute; top: 4px; left: -23px; }
.scr22_arrow5 { position: absolute; top:8px; left: -23px; }
.scr22_arrow6 { position: absolute; top:8px; left: -23px; }
.scr22_txt1 { position: absolute; top:14px; left: 20px; color: #38c1bd;font-size: 21.33px;}
.scr22_txt2 { position: absolute; top:38px; left: 49px;color: #38c1bd;font-size: 21.33px; }
.scr22_txt3 { position: absolute; top:18px; left: 20px;color: #38c1bd;font-size: 21.33px; }
/*slider22 end*/

/*slider24 start*/
.scr24_bg1 { position: absolute; top: 0px; left: 0px; width: 1024px; height: 672px; }
.scr24_img1 { position: absolute; top: 243px; left: 14px; background: url(../images/html_data/scr24_img1.png) no-repeat; width: 403px; height: 200px; }
.scr24_img2 { position: absolute; top: 243px; left: 316px; background: url(../images/html_data/scr24_img2.png) no-repeat; width: 403px; height: 200px; }
.scr24_img3 { position: absolute; top: 243px; left: 602px; background: url(../images/html_data/scr24_img3.png) no-repeat; width: 403px; height: 200px; }
.scr24_txt1 { position: absolute; top: 307px; left: 107px; color: #fff; font-size: 15px; line-height: 1.15; }
.scr24_txt2 { position: absolute; top: 285px; left: 409px; color: #fff; font-size: 15px; line-height: 1.15; }
.scr24_txt3 { position: absolute; top: 302px; left: 695px; color: #fff; font-size: 15px; line-height: 1.15; }
/*slider24 end*/

/*slider25 start*/
.src25_txt1 { top:181px; left: 72px;}
.src25_txt2 { top: 213px; left:72px;line-height: 20px; }
.src25_txt3 { top: 267px; left: 72px; }
.src25_txt4 { top: 299px; left: 111px; }
.src25_txt5 { top:330px; left: 138px; line-height: 20px;}
.src25_txt6 { top:383px; left: 138px; }
.src25_txt7 { top:415px; left: 138px;}
.src25_txt8 { top:447px; left: 138px; }
.src25_txt9 { top:480px; left: 71px; }
.src25_align{left: -18px;top: 8px;}
.scr25_footer {position: absolute; top: 503px; left: 11px;font-size: 12px }
/*slder25 end*/

/*slider26 */
.scr26_wrapper { width: 1024px; height: 672px; overflow: hidden; position: relative; background: url("../images/html_data/scr26_bg.jpg") no-repeat scroll left top transparent; top: 0px; left: 0px; }
.scr26_wrapper_mask { width: 1024px; height: 100%; overflow: hidden; position: relative; background: transparent; top: 0px; left: 0px; z-index: 9999999999; }
.scr26_title { position: absolute; top: 122px; left: 13px; color: #f30617; font-size: 22px; font-family: 'HelveticaNeueLTStd-Md'; }
.scr26_para { position: absolute; top: 153px; left: 14px; color: #424242; font-size: 18px; font-family: 'HelveticaNeueLTStd-Cn'; font-weight: bold; }
.scr26_correct p { color: #3c96a0; font-size: 15px; font-weight: bold; position: absolute; left: 148px; font-family: 'HelveticaNeueLTStd-Cn'; text-align: center; line-height: 18px; top: 253px; }
.scr26_correct span { width: 25px; height: 25px; background: url(../images/html_data/scr26_correct.png) no-repeat top left; position: absolute; top: 250px; left: 118px; }
.scr26_incorrect { position: absolute; right: -600px; width: 100%; text-align: center; }
.scr26_incorrect p { color: #3c96a0; font-size: 15px; font-weight: bold; position: absolute; left: 144px; font-family: 'HelveticaNeueLTStd-Cn'; line-height: 18px; top: 250px; text-align: left; }
.scr26_incorrect span { width: 23px; height: 23px; background: url(../images/html_data/scr26_wrong.png) no-repeat top left; position: absolute; top: 248px; left: 112px; }
.drag_correct_box { width: 201px; height: 246px; background: rgba(231, 241, 242, 0.6); border-radius: 10px; position: absolute; top: 238px; left: 100px; }
.drag_incorrect_box { width: 201px; height: 246px; background: rgba(231, 241, 242, 0.6); border-radius: 10px; position: absolute; top: 236px; right: 150px; }
.scr26_box { width: 175px; height: 42px; background: url(../images/html_data/scr26_box.png) no-repeat top left; }
.scr26_box1 { position: absolute; top: 286px; left: 112px; }
.scr26_box2 { position: absolute; top: 336px; left: 112px; }
.scr26_box3 { position: absolute; top: 386px; left: 112px; }
.scr26_box4 { position: absolute; top: 436px; left: 112px; }
.scr26_box5 { position: absolute; top: 285px; right: 161px; }
.scr26_box6 { position: absolute; top: 334px; right: 161px; }
.scr26_box7 { position: absolute; top: 385px; right: 161px; }
.scr26_box8 { position: absolute; top: 435px; right: 161px; }
/*drop*/

.scr26_1box { width: 175px; height: 42px; position: absolute; top: 286px; left: 112px; }
.scr26_2box { width: 175px; height: 42px; position: absolute; top: 336px; left: 112px; }
.scr26_3box { width: 175px; height: 42px; position: absolute; top: 386px; left: 112px; }
.scr26_4box { width: 175px; height: 42px; position: absolute; top: 436px; left: 112px; }
.scr26_5box { width: 175px; height: 42px; position: absolute; top: 285px; right: 161px; }
.scr26_6box { width: 175px; height: 42px; position: absolute; top: 334px; right: 161px; }
.scr26_7box { width: 175px; height: 42px; position: absolute; top: 385px; right: 161px; }
.scr26_8box { width: 175px; height: 42px; position: absolute; top: 435px; right: 161px; }
/*drag_txt*/

.scr26_1boxtxt { width: 175px; height: 42px; background: #f0e5bf; position: absolute; top: 286px; left: 310px; border-radius: 8px; }
.scr26_2boxtxt { width: 175px; height: 42px; background: #f0e5bf; position: absolute; top: 336px; left: 310px; border-radius: 8px; }
.scr26_3boxtxt { width: 175px; height: 42px; background: #f0e5bf; position: absolute; top: 386px; left: 310px; border-radius: 8px; }
.scr26_4boxtxt { width: 175px; height: 42px; background: #f0e5bf; position: absolute; top: 436px; left: 310px; border-radius: 8px; }
.scr26_5boxtxt { width: 175px; height: 42px; background: #f0e5bf; position: absolute; top: 286px; left: 490px; border-radius: 8px; }
.scr26_6boxtxt { width: 175px; height: 42px; background: #f0e5bf; position: absolute; top: 336px; left: 490px; border-radius: 8px; }
.scr26_7boxtxt { width: 175px; height: 42px; background: #f0e5bf; position: absolute; top: 386px; left: 490px; border-radius: 8px; }
.scr26_8boxtxt { width: 175px; height: 42px; background: #f0e5bf; position: absolute; top: 436px; left: 490px; border-radius: 8px; }
#draggables p { color: #424242; font-size: 15px; font-family: 'HelveticaNeueLTStd-Cn'; font-weight: bold; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; min-height: 100%; text-align: center; }
.submit_screens { width: 127px; height: 37px; background: url(../images/html_data/submitBtn.png) no-repeat; background-size: 100% 100%; position: absolute; top: 500px; right: 12px; border: 0px; cursor: pointer; }
#submit05{top: 500px;display: none;}
#reset05{top: 455px;display: none;}
.submit_screens:focus { outline: none; }
.reset_screens { width: 127px; height: 37px; background: url(../images/html_data/ResetBtn.png) no-repeat; background-size: 100% 100%; position: absolute; top: 500px; right: 12px; border: 0px; cursor: pointer; }
.reset_screens:focus { outline: none; }
.scr26_Correct { position: absolute; width: 1024px; height: 550px; top: 0; left: 0; display: none; background: rgba(0, 0, 0, 0.3); }
.scr26_correct_close { width: 46px; height: 46px; position: absolute; top: 218px; left: 724px; cursor: pointer }
.scr26_Incorrect { width: 1024px; height: 434px; position: absolute; top: 114px; left: 0; z-index: 1; display: none; background: rgba(0, 0, 0, 0.8) }
.scr26_IncorrectBox { width: 450px; height: auto; background-color: #fff; border-radius: 12px; display: block; margin: 0 auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.scr26_IncorrectBox h2 { background-color: #ff0000; width: 300px; display: block; margin: 0 auto; text-align: center; color: #fff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; height: 35px; line-height: 35px; margin-top: 3px; font-family: 'HelveticaNeueLTStd-Cn'; font-weight: bold; letter-spacing: 1.5px; font-size: 18px; }
.scr26_IncorrectBox p { text-align: center; margin: 70px auto; width: 500px; letter-spacing: 1.5px; font-size: 18px; font-family: 'HelveticaNeueLTStd-Cn'; font-weight: bold; color: #ff0000; }
.scr26_Correct { width: 1024px; height: 434px; position: absolute; top: 114px; left: 0; z-index: 1; display: none; background: rgba(0, 0, 0, 0.8) }
.scr26_CorrectBox { width: 450px; height: auto; background-color: #fff; border-radius: 12px; display: block; margin: 0 auto; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.scr26_CorrectBox h2 { background-color: #269900; width: 300px; display: block; margin: 0 auto; text-align: center; color: #fff; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; height: 35px; line-height: 35px; margin-top: 3px; font-family: 'HelveticaNeueLTStd-Cn'; font-weight: bold; letter-spacing: 1.5px; font-size: 18px; }
.scr26_CorrectBox p { text-align: center; width: 510px; margin: 70px auto; display: block; letter-spacing: 1.5px; font-size: 18px; font-family: 'HelveticaNeueLTStd-Cn'; font-weight: bold; color: #269900; }
.correctclose { width: 30px; height: 30px; background: url(../images/html_data/close_icon.png) no-repeat; background-size: 100% 100%; position: absolute; top: 5px; right: 5px; border: 0px; cursor: pointer }
.scr26_Incorrect .tryagain { width: 127px; height: 37px; background: url(../images/html_data/Tryagain_btn.png) no-repeat; background-size: 100% 100%; position: absolute; top: 340px; left: 450px; border: 0px; cursor: pointer; }
/*slider26 end */
/*slider27 start*/
.src26_txt1 { position: absolute; top: 180px; left: 71px; }
.src26_txt2 { position: absolute; top: 212px; left: 71px; }
.src26_txt3 { position: absolute; top: 244px; left: 71px; }
.src26_txt .src_arrow1{top: 4px;}
/*slider27 end*/
/*slider28 start*/
.scr28_wrapper { width: 1024px; height: 672px; overflow: hidden; position: relative; background: url(../images/html_data/scr28_bg.jpg) no-repeat scroll left top transparent; top: 0px; left: 0px; }
.scr28_banner { background: #31868d; width: 553px; height: 265px; position: absolute; top: 198px; left: 234px; border-radius: 19px; }
.scr28_banner_heading { background: white; position: absolute; top: 254px; left: 311px; width: 403px; height: 65px; border-radius: 8px; color: #31868d; }
.scr28_banner_heading span { position: absolute; left: 38px; font-family: 'HelveticaNeueLTStd-Cn'; top: 10px; letter-spacing: 1.5px; font-size: 40px; font-weight: bold; }
.scr28_banner_para { color: #ffffff; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 338px; left: 386px; text-align: center; line-height: 31px; font-size: 26.67px; letter-spacing: 0.4px; }
/*slider28 end*/

.clientLogo{display:none;}