@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-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; }
@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; }
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: 344px; 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: 434px; }
/**
 * The little white marker lines on the slider at 180 and 240 
 */

section.iMOA .marker { top: 34px; 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: 234px; 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: 347px; }
.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*/

.delay0 { -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; animation-delay: 0.5s; }
.delay1 { -webkit-animation-delay: 1s; -moz-animation-delay: 1s; animation-delay: 1s; }
.delay2 { -webkit-animation-delay: 1.5s; -moz-animation-delay: 1.5s; animation-delay: 1.5s; }
.delay3 { -webkit-animation-delay: 2s; -moz-animation-delay: 2s; animation-delay: 2s; }
.delay4 { -webkit-animation-delay: 2.5s; -moz-animation-delay: 2.5s; animation-delay: 2.5s; }
.delay5 { -webkit-animation-delay: 3s; -moz-animation-delay: 3s; animation-delay: 3s; }
.delay6 { -webkit-animation-delay: 3.5s; -moz-animation-delay: 3.5s; animation-delay: 3.5s; }
.delay7 { -webkit-animation-delay: 4s; -moz-animation-delay: 4s; animation-delay: 4s; }
.delay8 { -webkit-animation-delay: 4.5s; -moz-animation-delay: 4.5s; animation-delay: 4.5s; }
.delay9 { -webkit-animation-delay: 5s; -moz-animation-delay: 5s; animation-delay: 5s; }
.delay10 { -webkit-animation-delay: 5.5s; -moz-animation-delay: 5.5s; animation-delay: 5.5s; }
.delay11 { -webkit-animation-delay: 6s; -moz-animation-delay: 6s; animation-delay: 6s; }
.delay12 { -webkit-animation-delay: 6.5s; -moz-animation-delay: 6.5s; animation-delay: 6.5s; }
.delay13 { -webkit-animation-delay: 7s; -moz-animation-delay: 7s; animation-delay: 7s; }
.delay14 { -webkit-animation-delay: 7.5s; -moz-animation-delay: 7.5s; animation-delay: 7.5s; }
.delay15 { -webkit-animation-delay: 8s; -moz-animation-delay: 8s; animation-delay: 8s; }
.delay16 { -webkit-animation-delay: 8.5s; -moz-animation-delay: 8.5s; animation-delay: 8.5s; }
.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; }
.delay01 { -webkit-animation-delay: 7s; -moz-animation-delay: 7s; animation-delay: 7s; }
 @-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; }
}
.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; 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; }

/*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  */
.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_title { color: #f30617; font-size: 21.33px; font-family: 'HelveticaNeueLTStd-Md'; position: absolute; top: 123px; left: 12px; }
.src01_list_title { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Md'; position: absolute; top: 180px; left: 47px; }
.src01_list1 { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 220px; left: 71px; }
.src01_arrow1 { width: 10px; height: 13px; background: url(../images/html_data/src01_arrow.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 4px; left: -25px; }
.src01_list2 { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 253px; left: 71px; }
.src01_arrow2 { width: 10px; height: 13px; background: url(../images/html_data/src01_arrow.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 4px; left: -25px; }
.src01_list3 { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 284px; left: 71px; }
.src01_arrow3 { width: 10px; height: 13px; background: url(../images/html_data/src01_arrow.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 4px; left: -25px; }
.src01_footer { color: #424242;
    font-family: 'HelveticaNeueLTStd-Cn';
    font-size: 12px;
    position: absolute;
    bottom: 135px;
    left: 12px;}
/*slider2  */


.src02_wrapper { width: 1024px; height: 672px; overflow: hidden; position: relative; background: url("../images/html_data/src02_bg1.jpg") no-repeat scroll left top transparent; top: 0px; left: 0px; }
.src02_title { position: absolute; top: 123px; left: 12px; color: #f30617; font-size: 21px; letter-spacing: 0.5px; font-family: 'HelveticaNeueLTStd-Md';}
.src02_heading { color: #31858d; font-size: 40px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 155px; left: 32px; font-weight: lighter; }
.src02_list { list-style: none; }
.src02_list li { color: #424242; font-size: 18px; font-family: 'HelveticaNeueLTStd-Cn'; padding-top: 15px; }
.src02_list1 { position: absolute; top: 210px; left: 38px; }
.src02_list2 { position: absolute; top: 295px; left: 38px; }
.src02_list3 { position: absolute; top: 380px; left: 38px; }
.src02_list4 { position: absolute; top: 440px; left: 38px; }
.src02_footer { color: #424242; font-size: 12px; position: absolute; bottom: 140px; left: 39px; }
.src02Img1, .src02Img2, .src02Img3, .src02Img4 { position: absolute; left: 0px; top: 0px; width: 1024px; height: 672px; }
.src19Img1, .src019Img2, .src19Img3 { position: absolute; left: 0px; top: 0px; width: 1024px; height: 672px; }
.src19_label { position: absolute; top: 180px; right: 128px; width: 329px; height: 296px; background: url(../images/html_data/scr19_label.png) no-repeat; }
/*slider3  */
.src03_wrapper { width: 1024px; height: 672px; overflow: hidden; position: relative; background: url("../images/html_data/src03_bg1.jpg") no-repeat scroll left top transparent; top: 0px; left: 0px; }
.src03_title { position: absolute; top: 122px; left: 11px; color: #f30617; font-size: 22px; font-family: 'HelveticaNeueLTStd-Md'; }
.src03_graph_title { position: absolute; top: 185px; left: 270px; color: #77787b; font-size: 16px; font-family: 'HelveticaNeueLTStd-Cn'; font-weight: bold; }
.src03_graph { width: 551px; height: 264px; background: url(../images/html_data/scr03_graph.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 235px; left: 111px; }
.src03_graph_line1 { width: 371px; height: 69px; background: url(../images/html_data/src03_graph_line1.png) no-repeat top left; background-size: 371px 69px; position: absolute; top: 310px; left: 197px; }
.src03_graph_line2 { width: 390px; height: 51px; background: url(../images/html_data/src03_graph_line2.png) no-repeat top left; background-size: 390px 51px; position: absolute; top: 326px; left: 217px; }
 @-webkit-keyframes w1 { from {
 width: 0;
}
to { width: 410px; }
}
 @keyframes w1 { from {
 width: 0;
}
to { width: 410px; }
}
.w1 { -webkit-animation-name: w1; animation-name: w1; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-fill-mode: both; }
.src03_graph_value1 { width: 58px; height: 11px; background: url(../images/html_data/src03_graph_values1.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 338px; left: 543px; }
.src03_graph_value2 { width: 118px; height: 54px; background: url(../images/html_data/src03_graph_values2.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 282px; left: 543px; }
.src03_txt { width: 277px; height: 76px; background: url(../images/html_data/scr03_text.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 210px; left: 696px; }
.src03_footer { color: #424242; font-size: 12px; position: absolute; bottom: 140px; left: 12px; }
/*slider4  */

.src04_wrapper { width: 1024px; height: 672px; overflow: hidden; position: relative; background: url("../images/html_data/src04_bg1.jpg") no-repeat scroll left top transparent; top: 0px; left: 0px; }
.src04_wrapper_mask { width: 1024px; height: 100%; overflow: hidden; position: relative; background: transparent; top: 0px; left: 0px; z-index: 9999999999; }
.src04_title { position: absolute; top: 122px; left: 13px; color: #f30617; font-size: 22px; font-family: 'HelveticaNeueLTStd-Md'; }
.src04_para { position: absolute; top: 153px; left: 14px; color: #424242; font-size: 18px; font-family: 'HelveticaNeueLTStd-Cn'; font-weight: bold; }
.src04_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; }
.src04_correct span { width: 25px; height: 25px; background: url(../images/html_data/src04_correct.png) no-repeat top left; position: absolute; top: 250px; left: 118px; }
.src04_incorrect { position: absolute; right: -600px; width: 100%; text-align: center; }
.src04_incorrect p { color: #3c96a0; font-size: 15px; font-weight: bold; position: absolute; left: 144px; font-family: 'HelveticaNeueLTStd-Cn'; line-height: 18px; top: 243px; text-align: left; }
.src04_incorrect span { width: 23px; height: 23px; background: url(../images/html_data/src04_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; }
.src04_box { width: 175px; height: 42px; background: url(../images/html_data/src05_box.png) no-repeat top left; }
.src04_box1 { position: absolute; top: 286px; left: 112px; }
.src04_box2 { position: absolute; top: 336px; left: 112px; }
.src04_box3 { position: absolute; top: 386px; left: 112px; }
.src04_box4 { position: absolute; top: 436px; left: 112px; }
.src04_box5 { position: absolute; top: 285px; right: 161px; }
.src04_box6 { position: absolute; top: 334px; right: 161px; }
.src04_box7 { position: absolute; top: 385px; right: 161px; }
.src04_box8 { position: absolute; top: 435px; right: 161px; }
/*drop*/

.src04_1box { width: 175px; height: 42px; position: absolute; top: 286px; left: 112px; }
.src04_2box { width: 175px; height: 42px; position: absolute; top: 336px; left: 112px; }
.src04_3box { width: 175px; height: 42px; position: absolute; top: 386px; left: 112px; }
.src04_4box { width: 175px; height: 42px; position: absolute; top: 436px; left: 112px; }
.src04_5box { width: 175px; height: 42px; position: absolute; top: 285px; right: 161px; }
.src04_6box { width: 175px; height: 42px; position: absolute; top: 334px; right: 161px; }
.src04_7box { width: 175px; height: 42px; position: absolute; top: 385px; right: 161px; }
.src04_8box { width: 175px; height: 42px; position: absolute; top: 435px; right: 161px; }
/*drag_txt*/

.src04_1boxtxt { width: 175px; height: 42px; background: #f0e5bf; position: absolute; top: 286px; left: 310px; border-radius: 8px; }
.src04_2boxtxt { width: 175px; height: 42px; background: #f0e5bf; position: absolute; top: 336px; left: 310px; border-radius: 8px; }
.src04_3boxtxt { width: 175px; height: 42px; background: #f0e5bf; position: absolute; top: 386px; left: 310px; border-radius: 8px; }
.src04_4boxtxt { width: 175px; height: 42px; background: #f0e5bf; position: absolute; top: 436px; left: 310px; border-radius: 8px; }
.src04_5boxtxt { width: 175px; height: 42px; background: #f0e5bf; position: absolute; top: 286px; left: 490px; border-radius: 8px; }
.src04_6boxtxt { width: 175px; height: 42px; background: #f0e5bf; position: absolute; top: 336px; left: 490px; border-radius: 8px; }
.src04_7boxtxt { width: 175px; height: 42px; background: #f0e5bf; position: absolute; top: 386px; left: 490px; border-radius: 8px; }
.src04_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: flex; align-items: center; justify-content: center; min-height: 100%; text-align: center; }
.submit_screens { width: 127px; height: 37px; background: url(../images/html_data/src04_submit.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/Reset_Btn.png) no-repeat; background-size: 100% 100%; position: absolute; top: 500px; right: 12px; border: 0px; cursor: pointer; }
.reset_screens:focus { outline: none; }
.src04_Correct { position: absolute; width: 1024px; height: 550px; top: 0; left: 0; display: none; background: rgba(0, 0, 0, 0.3); }
.src04_correct_close { width: 46px; height: 46px; position: absolute; top: 218px; left: 724px; cursor: pointer }
.src04_Incorrect { width: 1024px; height: 434px; position: absolute; top: 114px; left: 0; z-index: 1; display: none; background: rgba(0, 0, 0, 0.8) }
.src04_IncorrectBox { 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%); }
.src04_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; }
.src04_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; }
.src04_Correct { width: 1024px; height: 434px; position: absolute; top: 114px; left: 0; z-index: 1; display: none; background: rgba(0, 0, 0, 0.8) }
.src04_CorrectBox { 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%); }
.src04_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; }
.src04_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 }
.src04_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; }
/*slider5  */

.src05_wrapper { width: 1024px; height: 672px; overflow: hidden; position: relative; background: url("../images/html_data/src05_bg1.jpg") no-repeat scroll left top transparent; top: 0px; left: 0px; }
.src05_title { position: absolute; top: 124px; left: 12px; color: #f30617; font-size: 21.33px; font-family: 'HelveticaNeueLTStd-Md'; color: #f30617; }
.src05_list1 { position: absolute; top: 180px; left: 73px; color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; }
.src05_arrow1 { width: 10px; height: 13px; background: url(../images/html_data/src01_arrow.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 4px; left: -25px; }
.src05_list2 { position: absolute; top: 265px; left: 73px; color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; }
.src05_arrow2 { width: 10px; height: 13px; background: url(../images/html_data/src01_arrow.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 4px; left: -25px; }
/*popup*/

.src05_popup { width: 1024px; height: 435px; background: rgba(0, 0, 0, 0.8); display: block; margin: 0 auto; position: absolute; top: 0px; left: 0px; }
.src05_popup_box { width: 500px; height: auto; background-color: #fff; border-radius: 12px; display: block; margin: 0 auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.src05_popup h2 { background-color: #f30617; 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; }
.src05_close { width: 30px; height: 30px; background: url(../images/html_data/close_icon.png) no-repeat; background-size: 100% 100%; position: absolute; top: 3px; right: 8px; border: 0px; cursor: pointer }
.src05_popup ol { margin-left: 30px; margin-top: 20px; margin-bottom: 20px; }
.src05_popup ol li { font-family: 'HelveticaNeueLTStd-Cn'; color: #000; line-height: 28px; font-size: 15px; letter-spacing: 0.5px; font-style: italic; }
/*slider6  */

.src06_wrapper { width: 1024px; height: 672px; overflow: hidden; position: relative; background: url("../images/html_data/src06_bg1.jpg") no-repeat scroll left top transparent; top: 0px; left: 0px; }
.src06_title { position: absolute; top: 123px; left: 12px; color: #f30617; font-size: 21.33px; font-family: 'HelveticaNeueLTStd-Md'; }
.src06_list1 { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 160px; left: 54px; font-weight: 600; }
.src06_list2 { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 184px; left: 53px; font-weight: 600; }
.src06_arrow1 { width: 10px; height: 13px; background: url(../images/html_data/src01_arrow.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 4px; left: -20px; }
.src06_arrow2 { width: 10px; height: 13px; background: url(../images/html_data/src01_arrow.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 4px; left: -20px; }
.src06_lft_sublist { position: absolute; top: 215px; left: 72px; list-style-type: none; }
.src06_lft_sublist li { line-height: 26px; font-size: 17.33px; color: #424242; }
.src06_dot { width: 5px; height: 5px; background: url(../images/html_data/src06_dot.png) no-repeat top left; background-size: 100% 100%; }
.src06_rth_sublist { position: absolute; top: 230px; left: 72px; list-style-type: none; }
.src06_rth_sublist li { line-height: 26px; font-size: 17.33px; color: #424242; }
.src06_dot1 { position: absolute; top: 7px; left: -12px; }
.src06_dot2 { position: absolute; top: 7px; left: -12px; }
.src06_dot3 { position: absolute; top: 7px; left: -12px; }
.src06_dot4 { position: absolute; top: 7px; left: -12px; }
.src06_dot5 { position: absolute; top: 7px; left: -12px; }
.src06_dot6 { position: absolute; top: 7px; left: -12px; }
.src06_dot7 { position: absolute; top: 7px; left: -12px; }
.src06_dot8 { position: absolute; top: 7px; left: -12px; }
.src06_dot9 { position: absolute; top: 7px; left: -12px; }
.src06_dot10 { position: absolute; top: 7px; left: -12px; }
.src06_rth_sublist { position: absolute; top: 216px; left: 414px; }
.src06_footer { color: #424242; font-size: 12px; position: absolute; bottom: 140px; left: 11px; }
.src06_lft_sublist1 { font-family: 'HelveticaNeueLTStd-Cn'; line-height: normal; font-size: 17.33px; color: #424242; position: absolute; top: 220px; left: 55px; }
.src06_lft_sublist2 { font-family: 'HelveticaNeueLTStd-Cn'; line-height: normal; font-size: 17.33px; color: #424242; position: absolute; top: 250px; left: 55px; }
.src06_lft_sublist3 { font-family: 'HelveticaNeueLTStd-Cn'; line-height: normal; font-size: 17.33px; color: #424242; position: absolute; top: 280px; left: 55px; }
.src06_lft_sublist4 { font-family: 'HelveticaNeueLTStd-Cn'; line-height: normal; font-size: 17.33px; color: #424242; position: absolute; top: 390px; left: 55px; }
.src06_lft_sublist5 { font-family: 'HelveticaNeueLTStd-Cn'; line-height: normal; font-size: 17.33px; color: #424242; position: absolute; top: 420px; left: 55px; }
.src06_lft_sublist6 { font-family: 'HelveticaNeueLTStd-Cn'; line-height: normal; font-size: 17.33px; color: #424242; position: absolute; top: 448px; left: 55px; }
.src06_rth_sublist1 { font-family: 'HelveticaNeueLTStd-Cn'; line-height: normal; font-size: 17.33px; color: #424242; position: absolute; top: 220px; left: 395px; }
.src06_rth_sublist2 { font-family: 'HelveticaNeueLTStd-Cn'; line-height: normal; font-size: 17.33px; color: #424242; position: absolute; top: 250px; left: 395px; }
.src06_rth_sublist3 { font-family: 'HelveticaNeueLTStd-Cn'; line-height: normal; font-size: 17.33px; color: #424242; position: absolute; top: 320px; left: 395px; }
.src06_rth_sublist4 { font-family: 'HelveticaNeueLTStd-Cn'; line-height: normal; font-size: 17.33px; color: #424242; position: absolute; top: 390px; left: 395px; }
/*popup*/

.src06_popup { width: 1024px; height: 435px; background: rgba(0, 0, 0, 0.8); display: block; margin: 0 auto; position: absolute; top: 0px; left: 0px; }
.src06_popup_box { width: 500px; height: auto; background-color: #fff; border-radius: 12px; display: block; margin: 0 auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.src06_popup h2 { background-color: #f30617; 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; }
.src06_close { width: 30px; height: 30px; background: url(../images/html_data/close_icon.png) no-repeat; background-size: 100% 100%; position: absolute; top: 3px; right: 8px; border: 0px; cursor: pointer }
.src06_popup ol { margin-left: 30px; margin-top: 20px; margin-bottom: 20px; }
.src06_popup ol li { font-family: 'HelveticaNeueLTStd-Cn'; color: #000; line-height: 28px; font-size: 15px; letter-spacing: 0.5px; font-style: italic; }
/*slider7  */

.src07_wrapper { width: 1024px; height: 672px; overflow: hidden; position: relative; background: url("../images/html_data/src07_bg1.jpg") no-repeat scroll left top transparent; top: 0px; left: 0px; }
.src07_title { position: absolute; top: 123px; left: 12px; color: #f30617; font-size: 21.33px; font-family: 'HelveticaNeueLTStd-Md'; }
.src07_list1 { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 190px; left: 52px; }
.src07_arrow1 { width: 10px; height: 13px; background: url(../images/html_data/src01_arrow.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 4px; left: -20px; }
.src07_sublist1 { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 219px; left: 73px; font-weight: 600; }
.src07_sublist2 { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 247px; left: 73px; font-weight: 600; }
.src07_sublist3 { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 277px; left: 73px; font-weight: 600; }
.src07_dot { width: 5px; height: 5px; background: url(../images/html_data/src06_dot.png) no-repeat top left; background-size: 100% 100%; }
.src07_dot1 { position: absolute; top: 8px; left: -18px; }
.src07_dot2 { position: absolute; top: 8px; left: -18px; }
.src07_dot3 { position: absolute; top: 6px; left: -18px; }
.src07_list2 { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 309px; left: 52px; }
.src07_arrow2 { width: 10px; height: 13px; background: url(../images/html_data/src01_arrow.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 4px; left: -20px; }
.src07_sublist4 { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 340px; left: 73px; }
.src07_sublist5 { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 370px; left: 73px; }
.src07_dot4 { position: absolute; top: 8px; left: -18px; }
.src07_dot5 { position: absolute; top: 6px; left: -18px; }
.src07_list3 { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 190px; left: 373px; }
.src07_arrow3 { width: 10px; height: 13px; background: url(../images/html_data/src01_arrow.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 4px; left: -20px; }
.src07_sublist6 { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 223px; left: 393px; }
.src07_sublist7 { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 252px; left: 393px; }
.src07_sublist8 { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 280px; left: 393px; }
.src07_sublist9 { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 309px; left: 393px; }
.src07_sublist10 { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 336px; left: 393px; }
.src07_sublist11 { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 365px; left: 393px; }
.src07_dot6 { position: absolute; top: 8px; left: -18px; }
.src07_dot7 { position: absolute; top: 6px; left: -18px; }
.src07_dot8 { position: absolute; top: 6px; left: -18px; }
.src07_dot9 { position: absolute; top: 6px; left: -18px; }
.src07_dot10 { position: absolute; top: 6px; left: -18px; }
.src07_dot11 { position: absolute; top: 6px; left: -18px; }
.src07_line { width: 194px; height: 252px; background: url(../images/html_data/src07_line.png) no-repeat top left; background-size: 194px 252px; position: absolute; top: 261px; left: 734px; }
.src07_txt { width: 285px; height: 262px; background: url(../images/html_data/src07_text.png) no-repeat top left; background-size: cover; position: absolute; top: 256px; left: 705px; }
.src04Img1, .src04Img2, .src04Img3, .src04Img4 { position: absolute; left: 0px; top: 0px; width: 1024px; height: 672px; }
/*slider08  */

.src09_wrapper { width: 1024px; height: 672px; overflow: hidden; position: relative; background: url("../images/html_data/src09_bg1.jpg") no-repeat scroll left top transparent; top: 0px; left: 0px; }
.src09_title { position: absolute; top: 123px; left: 12px; color: #f30617; font-size: 21.33px; font-family: 'HelveticaNeueLTStd-Md'; }
.src09_navbtn1 { width: 160px; height: 49px; background: #0e8c81; position: absolute; top: 179px; left: 15px; border-radius: 8px; color: #fff; font-size: 14px; font-family: 'HelveticaNeueLTStd-Cn'; letter-spacing: 1px; cursor: pointer; }
.src09_navbtn1 p { padding-left: 14px; padding-top: 6px; }
.src09_navbtn1 p sup, .src09_navbtn2 p sup { font-size: 8px; }
.src09_navbtn2 { width: 160px; height: 49px; background: #98c3c8; position: absolute; top: 240px; left: 15px; border-radius: 8px; color: #fff; font-size: 14px; font-family: 'HelveticaNeueLTStd-Cn'; opacity: 0.5; letter-spacing: 1px; cursor: pointer; }
.flash_tab { border-radius: 8px; }
.src09_navbtn2 p { padding-left: 14px; padding-top: 6px; }
.src09_turnbull { color: #77787b; position: absolute; top: 170px; left: 304px; text-align: center; font-size: 16px; font-family: 'HelveticaNeueLTStd-Cn'; letter-spacing: 0.5px; font-weight: bold; }
.src09_footer { color: #424242; font-size: 12px; position: absolute; bottom: 140px; left: 10px; }
.src09_graph { width: 540px; height: 245px; background: url(../images/html_data/src09_graph.png) no-repeat top left; background-size: 540px 245px; position: absolute; top: 202px; left: 252px; }
.src09_graph_line { width: 392px; height: 49px; background: url(../images/html_data/src09_graph_line.png) no-repeat top left; background-size: 392px 49px; position: absolute; top: 216px; left: 309px; }
.src09_conduit { width: 168px; height: 151px; background: url(../images/html_data/src09_conduit.png) no-repeat top left; background-size: 168px 151px; position: absolute; top: 233px; left: 821px; }
.src09_graph_angiographic { width: 558px; height: 53px; background: url(../images/html_data/src09_graph_angiographic.png) no-repeat top left; background-size: 558px 53px; position: absolute; top: 457px; left: 243px; border-radius: 8px; }
.src09_box2 .side_box { background: #f1e5bf; width: 277px; height: 329px; position: absolute; top: 210px; right: 53px; border-radius: 8px; }
.src09_box2 .src09_kaplan { color: #77787b; position: absolute; top: 169px; left: 325px; text-align: center; font-size: 16px; font-family: 'HelveticaNeueLTStd-Cn'; letter-spacing: 0.5px; font-weight: bold; }
.src09_arrow1 { width: 10px; height: 13px; background: url(../images/html_data/src01_arrow.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 19px; left: 17px; }
.src09_arrow2 { width: 10px; height: 13px; background: url(../images/html_data/src01_arrow.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 133px; left: 17px; }
.src09_arrow3 { width: 10px; height: 13px; background: url(../images/html_data/src01_arrow.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 232px; left: 17px; }
.src09_box2_graph_line1 { width: 377px; height: 48px; background: url(../images/html_data/src09_box2_graph_line1.png) no-repeat top left; background-size: 377px 48px; position: absolute; top: 201px; left: 270px; }
.src09_box2_graph_line2 { z-index: 1; width: 374px; height: 67px; background: url(../images/html_data/src09_box2_graph_line2.png) no-repeat top left; background-size: 374px 67px; position: absolute; top: 201px; left: 270px; }
.src09_box2_graph_line3 { width: 374px; height: 133px; background: url(../images/html_data/src09_box2_graph_line3.png) no-repeat top left; background-size: 374px 133px; position: absolute; top: 199px; left: 267px; }
.src09_box2_graph { width: 438px; height: 252px; background: url(../images/html_data/src09_box2_graph.png) no-repeat top left; background-size: 438px 252px; position: absolute; top: 195px; left: 230px; }
.src09_box2_graph_no { width: 438px; height: 71px; background: url(../images/html_data/src09_box2_graph_no.png) no-repeat top left; background-size: 438px 71px; position: absolute; top: 435px; left: 215px; }
.src09_box2_graph_line1_txt p { padding-left: 37px; padding-top: 15px; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; }
.src09_box2_graph_line2_txt p { padding-left: 37px; padding-top: 8px; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; }
.src09_box2_graph_line3_txt p { padding-left: 37px; padding-top: 15px; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; }
.src09_box2 { display: none; }
.src09_box2_graph_line11 { position: absolute; top: 218px; left: 608px; font-size: 16.13px; font-weight: bold; font-family: 'HelveticaNeueLTStd-Cn'; letter-spacing: 0.7px; color: #77787b; }
.src09_box2_graph_line22 { position: absolute; top: 269px; left: 608px; font-size: 16.13px; font-weight: bold; font-family: 'HelveticaNeueLTStd-Cn'; letter-spacing: 0.7px; color: #77787b; }
.src09_box2_graph_line33 { position: absolute; top: 331px; left: 608px; font-size: 16.13px; font-weight: bold; font-family: 'HelveticaNeueLTStd-Cn'; letter-spacing: 0.7px; color: #77787b; }
/*src009_wrapper  start*/

.src009_wrapper { width: 1024px; height: 672px; overflow: hidden; position: relative; background: url("../images/html_data/src09_bg1.jpg") no-repeat scroll left top transparent; top: 0px; left: 0px; }
.src009_title { position: absolute; top: 123px; left: 12px; color: #f30617; font-size: 21.33px; font-family: 'HelveticaNeueLTStd-Md'; letter-spacing: 0.3px; }
.src009_footer { color: #424242; font-size: 12px; position: absolute; bottom: 137px; left: 10px; }
.scr009_table { position: absolute; top: 164px; left: 10px; width: 885px; height: 331px; overflow: scroll; overflow-x: hidden; padding-left: 6px; }
.scr009_table_container { background: url(../images/html_data/scr009_table.png) no-repeat top left; background-size: 864px 546px; position: absolute; top: 0px; left: 0px; width: 864px; height: 546px; padding-right: 7px; }
.scr009_table_line { background: url(../images/html_data/scr009_table_line.png) no-repeat top left; background-size: 864px 329px; position: absolute; top: 0px; left: 0px; width: 864px; height: 329px; padding-right: 7px; }
/*src009_wrapper end*/

/*slider10_wrapper start  */

.src10_wrapper { width: 1024px; height: 672px; overflow: hidden; position: relative; background: url("../images/html_data/src10_bg1.jpg") no-repeat scroll left top transparent; top: 0px; left: 0px; }
.src10_title { position: absolute; top: 130px; left: 15px; color: #f30617; font-size: 22px; font-family: 'HelveticaNeueLTStd-Md'; }
.src10_para { position: absolute; top: 165px; left: 15px; color: #424242; font-size: 18px; font-family: 'HelveticaNeueLTStd-Cn'; font-weight: bold; }
.src10_left_box { width: 187px; height: 240px; background: rgba(231, 241, 242, 0.6); border-radius: 10px; position: absolute; top: 224px; left: 110px; }
.src10_left_title p { color: #3c96a0; font-size: 16px; font-weight: bold; font-family: 'HelveticaNeueLTStd-Cn'; text-align: center; line-height: 40px; }
.src10_dragbox { position: absolute; left: 0px; top: 0px; width: 500px; height: 245px; }
.src10_lft_box { width: 171px; height: 38px; border: 2px solid #98c3c8; border-radius: 8px; display: flex; align-items: center; justify-content: center; }
.src10_lft_box p { color: #424242; font-size: 14.67px; font-weight: bold; font-family: 'HelveticaNeueLTStd-Cn'; }
#src10_draggables { position: absolute; left: 0px; top: 0px; width: 500px; height: 245px; z-index: 1; }
#src10_draggables p { color: #424242; font-size: 14.67px; font-weight: bold; font-family: 'HelveticaNeueLTStd-Cn'; display: flex; align-items: center; justify-content: center; height: 100%; }
.src10_lft_box1 { position: absolute; top: 42px; left: 6px; }
.src10_lft_box2 { position: absolute; top: 91px; left: 6px; }
.src10_lft_box3 { position: absolute; top: 140px; left: 6px; }
.src10_lft_box4 { position: absolute; top: 189px; left: 6px; }
.src10_1boxtxt { width: 175px; height: 42px; background: #f0e5bf; position: absolute; top: 267px; left: 750px; border-radius: 8px; }
.src10_2boxtxt { width: 175px; height: 42px; background: #f0e5bf; position: absolute; top: 315px; left: 750px; border-radius: 8px; }
.src10_3boxtxt { width: 175px; height: 42px; background: #f0e5bf; position: absolute; top: 363px; left: 750px; border-radius: 8px; }
.src10_4boxtxt { width: 175px; height: 42px; background: #f0e5bf; position: absolute; top: 412px; left: 750px; border-radius: 8px; }
.src10_drag_correct_box { width: 187px; height: 240px; background: rgba(231, 241, 242, 0.6); border-radius: 10px; position: absolute; top: 0px; right: 0px; }
.src10_rth_box1 { position: absolute; top: 42px; right: 6px; background: url(../images/html_data/src05_box.png) no-repeat top left; }
.src10_1box { width: 175px; height: 42px; position: absolute; top: 265px; left: 443px; background: url(../images/html_data/src05_box.png) no-repeat top left; }
.src10_rth_box2 { position: absolute; top: 91px; left: 6px; }
.src10_2box { width: 175px; height: 42px; position: absolute; top: 315px; left: 443px; background: url(../images/html_data/src05_box.png) no-repeat top left; }
.src10_rth_box3 { position: absolute; top: 140px; left: 6px; }
.src10_3box { width: 175px; height: 42px; position: absolute; top: 363px; left: 443px; background: url(../images/html_data/src05_box.png) no-repeat top left; }
.src10_rth_box4 { position: absolute; top: 189px; left: 6px; }
.src10_4box { width: 175px; height: 42px; position: absolute; top: 412px; left: 443px; background: url(../images/html_data/src05_box.png) no-repeat top left; }
.src10_box { width: 175px; height: 42px; }
.src10_right_title p { color: #3c96a0; font-size: 16px; font-weight: bold; font-family: 'HelveticaNeueLTStd-Cn'; text-align: center; line-height: 40px; }
.src10_footer { color: #424242; font-size: 12px; position: absolute; bottom: 140px; left: 12px; }
#submit10{top: 502px;display: none;}
#reset10{display: none;top: 460px;}
.src10_Correct { position: absolute; width: 1024px; height: 550px; top: 0; left: 0; display: none; background: rgba(0, 0, 0, 0.3); }
.src10_correct_close { width: 46px; height: 46px; position: absolute; top: 218px; left: 724px; cursor: pointer }
.src10_Incorrect { width: 1024px; height: 434px; position: absolute; top: 114px; left: 0; z-index: 1; display: none; background: rgba(0, 0, 0, 0.8) }
.src10_IncorrectBox { 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%); }
.src10_IncorrectBox h2 { background-color: #f30617; 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; }
.src10_IncorrectBox p { text-align: center; margin: 70px 0px; letter-spacing: 1.5px; font-size: 18px; font-family: 'HelveticaNeueLTStd-Cn'; font-weight: bold; }
.src10_Correct { width: 1024px; height: 434px; position: absolute; top: 114px; left: 0; z-index: 1; display: none; background: rgba(0, 0, 0, 0.8) }
.src10_CorrectBox { 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%); }
.src10_CorrectBox h2 { background-color: #f30617; 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; }
.src10_CorrectBox p { text-align: center; margin: 70px 0px; letter-spacing: 1.5px; font-size: 18px; font-family: 'HelveticaNeueLTStd-Cn'; font-weight: bold; }
.src10_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; }
.src10_right_title { width: 175px; height: 42px; position: absolute; top: 225px; left: 443px; }
.src10_right_box { width: 187px; height: 240px; background: rgba(231, 241, 242, 0.6); border-radius: 10px; position: absolute; top: 224px; right: 400px; }
/*src010_wrapper end*/


.src0009_wrapper { width: 1024px; height: 672px; overflow: hidden; position: relative; background: url("../images/html_data/src09_bg1.jpg") no-repeat scroll left top transparent; top: 0px; left: 0px; }
.src0009_title { position: absolute; top: 123px; left: 12px; color: #f30617; font-size: 21.33px; font-family: 'HelveticaNeueLTStd-Md'; letter-spacing: 0.3px; }
.scr0009_logo { background: url(../images/html_data/scr0009_logo.png) no-repeat top left; background-size: 168px 68px; position: absolute; top: 128px; right: 115px; width: 168px; height: 68px; }
.src0009_txt1 { position: absolute; top: 148px; left: 33px; font-size: 40px; font-family: 'HelveticaNeueLTStd-Cn'; color: #31858d; }
.src0009_txt1 sup { font-size: 24px; position: absolute; top: 2px; }
.src0009_footer { color: #424242; font-size: 12px; position: absolute; bottom: 137px; left: 10px; }
.scr0009_table { position: absolute; top: 207px; left: 28px; width: 903px; height: 295px; overflow-y: scroll; overflow-x: hidden; padding-left: 6px; -webkit-overflow-scrolling: touch; }
.scr0009_table_container { background: url(../images/html_data/scr0009_table.png) no-repeat top left; background-size: 884px 546px; position: absolute; top: 0px; left: 0px; width: 884px; height: 546px; }
/*src11_wrapper start*/

.src11_wrapper { width: 1024px; height: 672px; overflow: hidden; position: relative; background: url("../images/html_data/src09_bg1.jpg") no-repeat scroll left top transparent; top: 0px; left: 0px; }
.src11_title { position: absolute; top: 123px; left: 12px; color: #f30617; font-size: 21.33px; font-family: 'HelveticaNeueLTStd-Md'; letter-spacing: 0.3px; }
.scr11_info { background: url(../images/html_data/scr11_info.png) no-repeat top left; background-size: 59px 59px; position: absolute; top: 0; right: 0; width: 59px; height: 59px; cursor: pointer; }
.scr11_table { position: absolute; top: 160px; left: -1px; width: 919px; height: 358px; overflow-y: scroll; overflow-x: hidden; padding-left: 6px; -webkit-overflow-scrolling: touch; -webkit-overflow-scrolling: touch; }
.scr11_table_container { background: url(../images/html_data/scr11_table.png) no-repeat top left; background-size: 884px 516px; position: absolute; top: 0px; left: 17px; width: 884px; height: 516px; }
.scr11_popup_close { width: 52px; height: 44px; position: absolute; top: 121px; left: 758px; cursor: pointer; opacity: 0; }
.scr11_popup_txt1, .scr11_popup_txt1 { font-family: 'HelveticaNeueLTStd-Cn'; ; font-size: 16px; color: #424242; }
.src11_poup_container { background: url(../images/html_data/src11_poup_container.png) no-repeat top left; background-size: 659px 312px; position: absolute; top: 10px; left: 197px; width: 659px; height: 312px; margin-left: -21px; }
.src11_notes { font-family: 'HelveticaNeueLTStd-Cn'; ; font-size: 18.67px; font-weight: bold; color: #31858d; position: absolute; top: 57px; left: 38px; }
.scr11_popup_txt1 { top: 104px; position: absolute; left: 38px; font-family: 'HelveticaNeueLTStd-Cn'; ; font-size: 16px; color: #424242; }
.scr11_popup_txt2 { font-family: 'HelveticaNeueLTStd-Cn'; ; font-size: 16px; color: #424242; position: absolute; top: 161px; left: 38px; }
.src11_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; }
.src11_popup_box { width: 660px; height: 273px; background-color: #fff; border-radius: 12px; display: block; margin: 0 auto; position: absolute; top: 42%; left: 49%; transform: translate(-50%, -50%); border: 2px solid #0e8c81; }
.src11_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; }
.src11_close { width: 50px; height: 55px; background: url(../images/html_data/close_icon_11.png) no-repeat; background-size: 100% 100%; position: absolute; top: 11px; right: 214px; border: 0px; cursor: pointer; }
.src11_popup ol { margin-left: 16px; margin-top: 6px; margin-bottom: 20px; list-style: none; }
.src11_popup ol li { line-height: 25px; font-size: 16px; font-family: 'HelveticaNeueLTStd-Cn'; ; color: #424242; padding-bottom: 9px; }
/*slider6  */
.scr_info_wrp { position: absolute; top: 415px; right: 13px; width: 59px; height: 59px; cursor: pointer; }
@-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 flash34 { from, 50%, to {
 opacity: 0.8;
}
 25%, 75% {
 opacity: 1;
}
}
 @keyframes flash34 { from, 50%, to {
 opacity: 0.8;
}
 25%, 75% {
 opacity: 1;
}
}
.flash34 { -webkit-animation-name: flash34; animation-name: flash34; -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; }
/*src12_wrapper start*/

.src12_wrapper { width: 1024px; height: 672px; overflow: hidden; position: relative; background: url("../images/html_data/src09_bg1.jpg") no-repeat scroll left top transparent; top: 0px; left: 0px; }
.src12_title { position: absolute; top: 123px; left: 12px; color: #f30617; font-size: 21.33px; font-family: 'HelveticaNeueLTStd-Md'; letter-spacing: 0.3px; }
.scr12_table { position: absolute; top: 168px; left: 18px; width: 903px; height: 321px; overflow-y: scroll; overflow-x: hidden; padding-left: 6px; -webkit-overflow-scrolling: touch; }
.scr12_table_container { background: url(../images/html_data/scr12_table_11.png) no-repeat top left; background-size: 926px 468px; position: absolute; top: -19px; left: 1px; width: 926px; height: 468px; margin-left: -21px; }
/*src12_wrapper end*/


/*src13_wrapper end*/

.src13_wrapper { width: 1024px; height: 672px; overflow: hidden; position: relative; background: url("../images/html_data/src09_bg1.jpg") no-repeat scroll left top transparent; top: 0px; left: 0px; }
.src13_title { position: absolute; top: 123px; left: 12px; color: #f30617; font-size: 21.33px; font-family: 'HelveticaNeueLTStd-Md'; letter-spacing: 0.3px; }
.src13_footer { color: #424242; font-size: 12px; position: absolute; bottom: 137px; left: 10px; }
.scr13_table { position: absolute; top: 183px; left: 21px; width: 909px; height: 324px; overflow-y: scroll; overflow-x: hidden; padding-left: 6px; -webkit-overflow-scrolling: touch; }
.scr13_table_container { background: url(../images/html_data/scr13_table.jpg) no-repeat top left; background-size: 884px 394px; position: absolute; top: 0px; left: 26px; width: 884px; height: 394px; margin-left: -21px; }
/*src13_wrapper end*/




/*src014_wrapper  start*/
.src14_wrapper { width: 1024px; height: 672px; overflow: hidden; position: relative; background: url(../images/html_data/src03_bg1.jpg) no-repeat scroll left top transparent; top: 0px; left: 0px; }
.src14_title { position: absolute; top: 122px; left: 15px; color: #f30617; font-size: 22px; font-family: 'HelveticaNeueLTStd-Md'; }
.src14_para { position: absolute; top: 155px; left: 15px; color: #424242; font-size: 18px; font-family: 'HelveticaNeueLTStd-Cn'; font-weight: bold; }
.src14_question_1 { position: absolute; top: 215px; left: 35px; width: 100%; }
.src14_question_2 { position: absolute; top: 280px; left: 35px; width: 100%; }
.src14_question_3 { position: absolute; top: 344px; left: 35px; width: 100%; }
.src14_question_4 { position: absolute; top: 409px; left: 35px; width: 100%; }
.src14_ques_text { position: relative; width: 700px; left: 0; top: 0; padding: 17px; background-color: #ebf3f5; border-radius: 5px; font-family: 'HelveticaNeueLTStd-Cn'; font-size: 18px; }
.src14_wrapper input[type="radio"] { display: none; }
.ansTrue { position: absolute; top: 0; left: 775px; }
.ansTrue label { position: absolute; left: 0; top: 0; font-size: 18px; font-family: 'HelveticaNeueLTStd-Cn'; background-color: #7ab38e; padding: 17px 28px; color: #ffffff; border-radius: 7px; }
.ansTrue input[type="radio"]:checked + label { background-color: #227d42; }
.ansFalse { position: absolute; top: 0; left: 870px; }
.ansFalse label { position: absolute; left: 0; top: 0; font-size: 18px; font-family: 'HelveticaNeueLTStd-Cn'; background-color: #e47c6e; padding: 17px 28px; color: #ffffff; border-radius: 7px; }
.ansFalse input[type="radio"]:checked + label { background-color: #bb3200; }
#scr14sSubmit { top: 478px; }
/*src014_wrapper  end*/

/*src15_wrapper end*/

.src15_wrapper { width: 1024px; height: 672px; overflow: hidden; position: relative; background: url("../images/html_data/src15_bg1.jpg") no-repeat scroll left top transparent; top: 0px; left: 0px; }
.src15_info { background: url(../images/html_data/scr11_info.png) no-repeat top left; background-size: 59px 59px; position: absolute; top: 0; right: 0; width: 59px; height: 59px; cursor: pointer; }
.src15_title { position: absolute; top: 123px; left: 12px; color: #f30617; font-size: 21.33px; font-family: 'HelveticaNeueLTStd-Md'; word-spacing: 0.4px; letter-spacing: 0.2px; }
.src15_list1 { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 180px; left: 67px; padding-left: 5px; letter-spacing: 0.3px; }
.src15_arrow1 { width: 10px; height: 13px; background: url(../images/html_data/src01_arrow.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 4px; left: -20px; }
.src15_list2 { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 217px; left: 67px; padding-left: 5px; line-height: 17px; }
.src15_arrow2 { width: 10px; height: 13px; background: url(../images/html_data/src01_arrow.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 4px; left: -20px; }
.src15_arrow3 { width: 10px; height: 13px; background: url(../images/html_data/src01_arrow.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 4px; left: -20px; }
.src15_list3 { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 270px; left: 67px; padding-left: 5px; letter-spacing: .3px; line-height: 21px; }
.src15_arrow4 { width: 10px; height: 13px; background: url(../images/html_data/src01_arrow.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 4px; left: -20px; }
.src15_list4 { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 323px; letter-spacing: 0.2px; line-height: 21px; left: 67px; padding-left: 5px; }
.src15_wrapper sup { font-size: 10px; }
.src15_footer { color: #424242; font-size: 12px; position: absolute; bottom: 140px; left: 11px; }
.src15_left_arrow { width: 57px; height: 57px; overflow: hidden; position: relative; background: url(../images/html_data/src15_left_arrow.png) no-repeat scroll left top transparent; top: 156px; left: 22px; cursor: pointer; }
.src15_popup1_close { position: absolute; top: 6px; left: 759px; width: 54px; height: 44px; cursor: pointer; }
.src15_right_arrow { width: 57px; height: 57px; overflow: hidden; position: absolute; background: url(../images/html_data/src15_right_arrow.png) no-repeat scroll left top transparent; top: 156px; right: 22px; cursor: pointer; }
.src15_popup1 { width: 1024px; height: 435px; overflow: hidden; position: relative; background: url("../images/html_data/src15_popup11.png") no-repeat scroll left top transparent; top: 113px; left: 0px; z-index: 10; }
.src15_popup2 { width: 1024px; height: 435px; overflow: hidden; position: relative; background: url("../images/html_data/src15_popup22.png") no-repeat scroll left top transparent; top: 113px; left: 0px; z-index: 10; }
.src15_popup1 h2, .src15_popup2 h2 { font-family: 'HelveticaNeueLTStd-Cn'; ; font-size: 18.67px; font-weight: bold; color: #31858d; position: absolute; top: 70px; left: 214px; }
.src15_popup1 .src15_popup1_txt1 { font-family: 'HelveticaNeueLTStd-Cn'; ; font-size: 16px; color: #424242; position: absolute; top: 115px; left: 214px; }
.src15_popup1 .src15_popup1_txt2 { font-family: 'HelveticaNeueLTStd-Cn'; ; font-size: 12px; color: #424242; position: absolute; top: 294px; left: 211px; }
.src15_popup2 ul { font-family: 'HelveticaNeueLTStd-Cn'; ; font-size: 16px; color: #424242; position: absolute; top: 113px; left: 236px; letter-spacing: -1.5px; list-style: none; }
.src15_popup2 ul { font-family: 'HelveticaNeueLTStd-Cn'; ; font-size: 16px; color: #424242; position: absolute; top: 113px; left: 215px; letter-spacing: -0.7px; list-style: none; }
.src15_popup2 ul li { padding-bottom: 8px; }
.src15_arrow11 { width: 10px; height: 13px; background: url(../images/html_data/src01_arrow.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 4px; left: -20px; }
.src15_arrow12 { width: 10px; height: 13px; background: url(../images/html_data/src01_arrow.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 30px; left: -20px; }
.src15_arrow13 { width: 10px; height: 13px; background: url(../images/html_data/src01_arrow.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 57px; left: -20px; }
.src15_arrow14 { width: 10px; height: 13px; background: url(../images/html_data/src01_arrow.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 85px; left: -20px; }
.src15_popup2_txt { font-family: 'HelveticaNeueLTStd-Cn'; ; font-size: 12px; color: #424242; position: absolute; top: 324px; left: 212px; }
.scr15_img { position: absolute; left: 430px; top: 390px; }
/*src015_wrapper  end*/



/*src016_wrapper  start*/
.src16_wrapper { width: 1024px; height: 672px; overflow: hidden; position: relative; background: url("../images/html_data/src16_bg1.jpg") no-repeat scroll left top transparent; top: 0px; left: 0px; }
.src16_title { position: absolute; top: 122px; left: 11px; color: #f30617; font-size: 22px; font-family: 'HelveticaNeueLTStd-Md'; }
.src16_subHead { position: absolute; top: 155px; left: 35px; color: #31858d; font-size: 40px; font-family: 'HelveticaNeueLTStd-Cn'; }
.src16_subHead sup { font-size: 60%; }
.scr16_ul { color: #424242; font-size: 17px; font-family: 'HelveticaNeueLTStd-Cn'; list-style: none; }
.scr16_ul1 { position: absolute; top: 222px; left: 35px; }
.scr16_ul2 { position: absolute; top: 256px; left: 35px; }
.scr16_ul3 { position: absolute; top: 309px; left: 35px; }
.scr16_ul4 { position: absolute; top: 340px; left: 35px; }
.scr16_ul5 { position: absolute; top: 394px; left: 35px; }
.scr16_ul6 { position: absolute; top: 430px; left: 35px; }
.scr16_ul li { margin-bottom: 15px; }
.src16_footer { color: #424242; font-size: 12px; position: absolute; bottom: 140px; left: 11px; }
.space { padding-left: 16px; }
/*src016_wrapper  end*/


/*slider17  */

.src17_wrapper { width: 1024px; height: 672px; overflow: hidden; position: relative; background: url("../images/html_data/src17_bg1.jpg") no-repeat scroll left top transparent; top: 0px; left: 0px; }
.src17_list1 { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 220px; left: 71px; }
.src17_arrow1 { width: 10px; height: 13px; background: url(../images/html_data/src01_arrow.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 4px; left: -25px; }
.src17_arrow2 { width: 10px; height: 13px; background: url(../images/html_data/src01_arrow.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 4px; left: -25px; }
.src17_arrow3 { width: 10px; height: 13px; background: url(../images/html_data/src01_arrow.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 4px; left: -25px; }
.src17_title { color: #f30617; font-size: 21.33px; font-family: 'HelveticaNeueLTStd-Md'; position: absolute; top: 123px; left: 12px; letter-spacing: 0.4px; }
.src17_list1 { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 181px; left: 71px; }
.src17_list2 { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 236px; left: 71px; letter-spacing: 0.4px; }
.src17_list3 { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 312px; left: 71px; }
.src17Img1, .src017Img2, .src17Img3 { position: absolute; left: 0px; top: 0px; width: 1024px; height: 672px; }
.src17_label { position: absolute; top: 130px; right: 18px; width: 416px; height: 399px; background: url(../images/html_data/src17_label.png) no-repeat; }
.src17_footer { color: #424242; font-size: 12px; position: absolute; bottom: 139px; left: 11px; }
/*slider17  */



/*slider18  */

.src18_wrapper { width: 1024px; height: 672px; overflow: hidden; position: relative; background: url("../images/html_data/src18_bg1.jpg") no-repeat scroll left top transparent; top: 0px; left: 0px; }
.src18_title { position: absolute; top: 123px; left: 12px; color: #f30617; font-size: 21.33px; letter-spacing: 0.3px; font-family: 'HelveticaNeueLTStd-Md'; }
.src18_box1 { width: 236px; height: 317px; background: url(../images/html_data/src18_box1.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 177px; left: 15px; }
.src18_box2 { width: 466px; height: 317px; background: url(../images/html_data/src18_box2.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 177px; left: 246px; }
.src18_box3 { width: 236px; height: 317px; background: url(../images/html_data/src18_box3.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 177px; left: 708px; }
.src18_footer { color: #424242; font-size: 12px; position: absolute; bottom: 139px; left: 11px; }
/*slider18  */




/*slider20  */

.src20_wrapper { width: 1024px; height: 672px; overflow: hidden; position: relative; background: url("../images/html_data/src20_bg1.jpg") no-repeat scroll left top transparent; top: 0px; left: 0px; }
.src20_title { position: absolute; top: 123px; left: 12px; color: #f30617; font-size: 21.33px; letter-spacing: 0.3px; font-family: 'HelveticaNeueLTStd-Md'; }
.src20_heading { color: #31858d; font-size: 40px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 314px; left: 32px; font-weight: lighter; }
.src20_list { position: absolute; top: 153px; left: 36px; list-style: none; }
.src_20_step7 { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 376px; left: 36px; letter-spacing: 0.3px; }
.src20_footer { color: #424242; font-size: 12px; position: absolute; bottom: 140px; left: 34px; }
.src20Imgs { position: absolute; top: 0; right: 0; }
.src20_list1 { position: absolute; top: 175px; left: 36px; color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; }
.src20_list2 { position: absolute; top: 235px; left: 36px; color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; }
/*slider20  */


/*slider21  */

.src21_wrapper { width: 1024px; height: 672px; overflow: hidden; position: relative; background: url("../images/html_data/src21_bg1.jpg") no-repeat scroll left top transparent; top: 0px; left: 0px; }
.src21_title { position: absolute; top: 123px; left: 12px; color: #f30617; font-size: 21.33px; letter-spacing: 0.3px; font-family: 'HelveticaNeueLTStd-Md'; }
.src21_heading { color: #31858d; font-size: 40px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 154px; left: 30px; font-weight: lighter; }
.src21_list { position: absolute; top: 200px; left: 36px; list-style: none; }
.src21_footer { color: #424242; font-size: 12px; position: absolute; bottom: 140px; left: 34px; }
.src21Imgs { position: absolute; top: 0; right: 0; }
.src21_list1 { position: absolute; top: 220px; left: 30px; color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; }
.src21_list2 { position: absolute; top: 310px; left: 30px; color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; }
/*slider21  */


/*slider22  */

.src22_wrapper { width: 1024px; height: 672px; overflow: hidden; position: relative; background: url("../images/html_data/src22_bg1.jpg") no-repeat scroll left top transparent; top: 0px; left: 0px; }
.src22_title { position: absolute; top: 123px; left: 12px; color: #f30617; font-size: 21.33px; letter-spacing: 0.3px; font-family: 'HelveticaNeueLTStd-Md'; }
.src22_heading { color: #31858d; font-size: 40px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 154px; left: 30px; font-weight: lighter; }
.src22_list { position: absolute; top: 200px; left: 36px; list-style: none; }
.src22_footer { color: #424242; font-size: 12px; position: absolute; bottom: 140px; left: 34px; }
.src22Imgs { position: absolute; top: 0; right: 0; }
.src22_list1 { position: absolute; top: 220px; left: 30px; color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; }
.src22_list2 { position: absolute; top: 285px; left: 30px; color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; }
.src22_list3 { position: absolute; top: 326px; left: 30px; color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; }
/*slider22  */


/*src23_wrapper end*/

.src23_wrapper { width: 1024px; height: 672px; overflow: hidden; position: relative; background: url("../images/html_data/src23_bg1.jpg") no-repeat scroll left top transparent; top: 0px; left: 0px; }
.src23_title { position: absolute; top: 123px; left: 12px; color: #f30617; font-size: 21.33px; font-family: 'HelveticaNeueLTStd-Md'; letter-spacing: 0.3px; }
.src23_footer { color: #424242; font-size: 12px; position: absolute; bottom: 137px; left: 10px; }
.scr23_table { background: url(../images/html_data/scr23_table.png) no-repeat top left; background-size: 864px 237px; position: absolute; top: 223px; left: 76px; width: 864px; height: 237px; }
/*src23_wrapper end*/


/*slider24_wrapper start*/

.src24_wrapper { width: 1024px; height: 672px; overflow: hidden; position: relative; background: url("../images/html_data/src24_bg1.jpg") no-repeat scroll left top transparent; top: 0px; left: 0px; }
.src24_title { position: absolute; top: 130px; left: 15px; color: #f30617; font-size: 22px; font-family: 'HelveticaNeueLTStd-Md'; }
.src24_para { position: absolute; top: 165px; left: 15px; color: #424242; font-size: 18px; font-family: 'HelveticaNeueLTStd-Cn'; font-weight: bold; }
.src24_footer { color: #424242; font-size: 12px; position: absolute; bottom: 140px; left: 12px; }
.src24_box { width: 850px; height: 280px; position: relative; top: 210px; left: 15px; }
.src24_box1 { width: 431px; height: 293px; background: url(../images/html_data/src24_box1.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 0px; left: 0px; }
.src24_box2 { width: 219px; height: 293px; background: url(../images/html_data/src24_box2.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 0px; left: 426px; }
.src24_box3 { width: 219px; height: 293px; background: url(../images/html_data/src24_box3.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 0px; left: 640px; }
.src24_box_sec { width: 140px; height: 29px; background: url(../images/html_data/src24_box_bg.png) no-repeat top left; }
.src24_box_sec1 { position: absolute; top: 220px; left: 160px; }
.src24_box_sec2 { position: absolute; top: 220px; left: 475px; }
.src24_box_sec3 { position: absolute; top: 220px; left: 690px; }
#src24_draggables { position: absolute; top: 0px; left: 0px; }
.src24_1boxtxt { width: 140px; height: 29px; background: url(../images/html_data/src24_drag1.png) no-repeat top left; background-size: 100%; position: absolute; top: 365px; left: 875px; }
.src24_2boxtxt { width: 140px; height: 29px; background: url(../images/html_data/src24_drag2.png) no-repeat top left; background-size: 100%; position: absolute; top: 310px; left: 875px; }
.src24_3boxtxt { width: 140px; height: 29px; background: url(../images/html_data/src24_drag3.png) no-repeat top left; background-size: 100%; position: absolute; top: 	255px; left: 875px; }
#submit24 { top: 455px;display: none; }
#reset24 { top: 410px;display: none; }
/*slider24_wrapper end*/


/*src25_wrapper end*/

.src25_wrapper { width: 1024px; height: 672px; overflow: hidden; position: relative; background: url("../images/html_data/src25_bg1.jpg") no-repeat scroll left top transparent; top: 0px; left: 0px; }
.src25_title { position: absolute; top: 123px; left: 12px; color: #f30617; font-size: 21.33px; font-family: 'HelveticaNeueLTStd-Md'; }
.src25_list1 { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 160px; left: 54px; }
.src25_arrow1 { width: 10px; height: 13px; background: url(../images/html_data/src01_arrow.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 4px; left: -20px; }
.src25_dot1 { position: absolute; top: 10px; left: -18px; }
.src25_dot2 { position: absolute; top: 35px; left: -18px; }
.src25_dot3 { position: absolute; top: 61px; left: -18px; }
.src25_dot4 { position: absolute; top: 89px; left: -18px; }
.src25_list2 { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 301px; left: 53px; line-height: 23px; letter-spacing: 0.3px; }
.src25_arrow2 { width: 10px; height: 13px; background: url(../images/html_data/src01_arrow.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 4px; left: -20px; }
.src25_list3 { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 382px; left: 53px; letter-spacing: 0.2px; line-height: 24px; }
.src25_arrow3 { width: 10px; height: 13px; background: url(../images/html_data/src01_arrow.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 4px; left: -20px; }
.src25_footer { color: #424242; font-size: 12px; position: absolute; bottom: 140px; left: 11px; }
.src25_wrapper sup { font-size: 10px; }
.src25_rth_sublist { position: absolute; top: 230px; left: 72px; list-style-type: none; }
.src25_rth_sublist li { line-height: 26px; font-size: 17.33px; color: #424242; }
.src25_lft_sublist li { line-height: 26px; font-size: 17.33px; color: #424242; }
.src25_lft_sublist { position: absolute; top: 186px; left: 67px; list-style-type: none; letter-spacing: 0.5px; }
.src25_popup { width: 1024px; height: 434px; background: rgba(0, 0, 0, 0.8); display: block; margin: 0 auto; position: absolute; top: 114px; left: 0px; display: none; z-index: 10; }
.src25_popup_txt1, .src25_popup_txt2 { font-family: 'HelveticaNeueLTStd-Cn'; ; font-size: 16px; color: #424242; }
.src25_poup_container { background: url(../images/html_data/src25_poup_container.png) no-repeat top left; background-size: 659px 312px; position: absolute; top: 10px; left: 197px; width: 659px; height: 312px; margin-left: -21px; }
.src25_notes { font-family: 'HelveticaNeueLTStd-Cn'; ; font-size: 18.67px; font-weight: bold; color: #31858d; position: absolute; top: 57px; left: 20px; }
.src25_popup_txt1 { top: 104px; position: absolute; left: 38px; font-family: 'HelveticaNeueLTStd-Cn'; ; font-size: 16px; color: #424242; }
.src25_popup_txt2 { font-family: 'HelveticaNeueLTStd-Cn'; ; font-size: 16px; color: #424242; position: absolute; top: 133px; left: 38px; }
.scr25_popup_close { width: 52px; height: 44px; background: white; position: absolute; top: -3px; right: 21px; opacity: 0; cursor: pointer; border: 1px solid white; }
.src25_info { background: url(../images/html_data/scr11_info.png) no-repeat top left; background-size: 59px 59px; position: absolute; top: 0; right: 0; width: 59px; height: 59px; cursor: pointer; }
.src25_popup_txt3 { font-family: 'HelveticaNeueLTStd-Cn'; ; font-size: 12px; color: #424242; position: absolute; top: 279px; left: 18px; }
.src25_popup_close { width: 52px; height: 44px; background: white; position: absolute; top: -3px; right: 21px; opacity: 0; cursor: pointer; border: 1px solid white; }
.src25Img1, .src025Img2, .src25Img3, .src25Img4 { position: absolute; left: 0px; top: 0px; width: 1024px; height: 672px; }
/*src25_wrapper end*/


/*slider26  */

.src26_wrapper { width: 1024px; height: 672px; overflow: hidden; position: relative; background: url("../images/html_data/src26_bg1.jpg") no-repeat scroll left top transparent; top: 0px; left: 0px; }
.src26_title { color: #f30617; font-size: 21.33px; font-family: 'HelveticaNeueLTStd-Md'; position: absolute; top: 123px; left: 12px; }
.src26_list1 { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 162px; left: 37px; }
.src26_list2 { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 245px; left: 36px; }
.src26_list3 { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 327px; left: 36px; }
.src26_list4 { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 430px; left: 37px; }
.src26_footer { color: #424242; font-size: 12px; position: absolute; bottom: 139px; left: 11px; }
.src26Img1, .src026Img2, .src26Img3 { position: absolute; left: 0px; top: 0px; width: 1024px; height: 672px; }
/*slider26  */

/*slider27  */

.src27_wrapper { width: 1024px; height: 672px; overflow: hidden; position: relative; background: url("../images/html_data/src27_bg1.jpg") no-repeat scroll left top transparent; top: 0px; left: 0px; }
.src27_title { color: #f30617; font-size: 21.33px; font-family: 'HelveticaNeueLTStd-Md'; position: absolute; top: 123px; left: 12px; }
.src27_list1 { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 162px; left: 37px; }
.src27_list2 { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 224px; left: 36px; }
.src27_list3 { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 286px; left: 36px; }
.src27_list4 { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 325px; left: 37px; }
.src27_list5 { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 430px; left: 37px; }
.src27Img1, .src027Img2 { position: absolute; left: 0px; top: 0px; width: 1024px; height: 672px; }
.src27_footer { color: #424242; font-size: 12px; position: absolute; bottom: 139px; left: 35px; }
/*slider27  */

/*slider28  */

.src28_wrapper { width: 1024px; height: 672px; overflow: hidden; position: relative; background: url("../images/html_data/src28_bg1.jpg") no-repeat scroll left top transparent; top: 0px; left: 0px; }
.src28_title { color: #f30617; font-size: 21.33px; font-family: 'HelveticaNeueLTStd-Md'; position: absolute; top: 123px; left: 12px; letter-spacing: 0.3px; }
.src28_list1 { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 162px; left: 37px; }
.src28_list2 { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 203px; left: 37px; }
.src28_list3 { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 286px; left: 36px; }
.src28_list4 { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 347px; left: 37px; }
.src28_list5 { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 445px; left: 573px; }
.src28Img1, .src28Img2, .src28Img3, .src28Img4 { position: absolute; left: 0px; top: 0px; width: 1024px; height: 672px; }
.src28_footer { color: #424242; font-size: 12px; position: absolute; bottom: 139px; left: 35px; }
/*slider28  */

/*src29_wrapper  start*/
.src29_wrapper { width: 1024px; height: 672px; overflow: hidden; position: relative; background: url("../images/html_data/src29_bg1.jpg") no-repeat scroll left top transparent; top: 0px; left: 0px; }
.src29_title { color: #f30617; font-size: 21.33px; font-family: 'HelveticaNeueLTStd-Md'; position: absolute; top: 123px; left: 12px; letter-spacing: 0.3px; }
.src29_subHead { position: absolute; top: 155px; left: 35px; color: #31858d; font-size: 40px; font-family: 'HelveticaNeueLTStd-Cn'; }
.src29_subHead sup { font-size: 60%; }
.src29_footer { color: #424242; font-size: 12px; position: absolute; bottom: 140px; left: 34px; }
.scr29_ul_1 { margin-bottom: 15px; list-style: none; padding: 2px 0; letter-spacing: 0.1px; position: absolute; top: 165px; left: 37px; color: #424242; font-size: 17px; font-family: 'HelveticaNeueLTStd-Cn'; }
.scr29_ul_2 { margin-bottom: 15px; list-style: none; padding: 2px 0; letter-spacing: 0.1px; position: absolute; top: 225px; left: 37px; color: #424242; font-size: 17px; font-family: 'HelveticaNeueLTStd-Cn'; }
.scr29_ul_3 { margin-bottom: 15px; list-style: none; padding: 2px 0; letter-spacing: 0.1px; position: absolute; top: 290px; left: 37px; color: #424242; font-size: 17px; font-family: 'HelveticaNeueLTStd-Cn'; }
.scr29_ul_4 { margin-bottom: 15px; list-style: none; padding: 2px 0; letter-spacing: 0.1px; position: absolute; top: 350px; left: 37px; color: #424242; font-size: 17px; font-family: 'HelveticaNeueLTStd-Cn'; }
.scr29_ul_5 { margin-bottom: 15px; list-style: none; padding: 2px 0; letter-spacing: 0.1px; position: absolute; top: 430px; left: 37px; color: #424242; font-size: 17px; font-family: 'HelveticaNeueLTStd-Cn'; }
/*src29_wrapper  end*/


/*slider30  */

.src30_wrapper { width: 1024px; height: 672px; overflow: hidden; position: relative; background: url("../images/html_data/src30_bg1.jpg") no-repeat scroll left top transparent; top: 0px; left: 0px; }
.src30_title { position: absolute; top: 123px; left: 12px; color: #f30617; font-size: 21px; letter-spacing: 0.5px; font-family: 'HelveticaNeueLTStd-Md'; }
.src30_heading { color: #31858d; font-size: 40px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 155px; left: 32px; font-weight: lighter; }
.src30_list { position: absolute; top: 140px; left: 38px; list-style: none; }
.src30_list li { color: #424242; font-size: 18px; font-family: 'HelveticaNeueLTStd-Cn'; padding-top: 18px; }
.src30_footer { color: #424242; font-size: 12px; position: absolute; bottom: 140px; left: 39px; }
.src30_list1 { color: #424242; font-size: 18px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 165px; left: 38px; list-style: none; }
.src30_list2 { color: #424242; font-size: 18px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 210px; left: 38px; list-style: none; }
.src30_list3 { color: #424242; font-size: 18px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 265px; left: 38px; list-style: none; }
.src30_list4 { color: #424242; font-size: 18px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 390px; left: 38px; list-style: none; }
.src30_list5 { color: #424242; font-size: 18px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 455px; left: 38px; list-style: none; }
/*slider30  */

/*src31_wrapper  start*/
.src31_wrapper { width: 1024px; height: 672px; overflow: hidden; position: relative; background: url("../images/html_data/src04_bg1.jpg") no-repeat scroll left top transparent; top: 0px; left: 0px; }
.src31_title { color: #f30617; font-size: 21.33px; font-family: 'HelveticaNeueLTStd-Md'; position: absolute; top: 123px; left: 12px; letter-spacing: 0.3px; }
.src31_para { position: absolute; top: 165px; left: 15px; color: #424242; font-size: 18px; font-family: 'HelveticaNeueLTStd-Cn'; font-weight: bold; }
.src31_subHead { position: absolute; top: 155px; left: 35px; color: #31858d; font-size: 40px; font-family: 'HelveticaNeueLTStd-Cn'; }
.queswrap { position: absolute; width: 100%; top: 200px; }
.quesHead { position: absolute; top: 0; left: 55px; width: 750px; color: #424242; font-size: 18px; font-family: 'HelveticaNeueLTStd-Cn'; padding: 20px 10px 20px 40px; background-color: #f0f6f7; border-radius: 5px; }
.quesHead span { position: absolute; left: -20px; width: 40px; height: 40px; display: 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; }
.checkboxWrap { position: absolute; top: 80px; left: 100px; }
.checkboxes { display: flex; align-items: center; margin-bottom: 22px; }
.checkboxText { font-size: 16px; font-family: 'HelveticaNeueLTStd-Cn'; color: #424242; padding-left: 45px; }
.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 }
.checkboxes .checkboxBtn2 { position: absolute; width: 35px; height: 35px; background: url("../images/html_data/check.png") no-repeat }
.checkboxes .checkboxBtn2.checkBtnX { position: absolute; width: 35px; height: 35px; background: url("../images/html_data/checkWrng.png") no-repeat }
.checkboxes input[type="checkbox"]:checked + .checkboxBtn2 { position: absolute; width: 35px; height: 35px; background: url("../images/html_data/checkCorrect.png") no-repeat }
.quesContent{display: none;}
.checkboxes .checkboxBtn3 { position: absolute; width: 35px; height: 35px; background: url("../images/html_data/check.png") no-repeat }
.checkboxes .checkboxBtn3.checkBtnX { position: absolute; width: 35px; height: 35px; background: url("../images/html_data/checkWrng.png") no-repeat }
.checkboxes input[type="checkbox"]:checked + .checkboxBtn3 { position: absolute; width: 35px; height: 35px; background: url("../images/html_data/checkCorrect.png") no-repeat }
.quesContent{display: none;}
/*#pagination{display: none;}*/
.pagination { position: absolute; left: 445px; top: 265px; width: 135px; height: 35px; display: 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%;opacity: 0.5;}
.right_nav_mask{z-index: 999;width: 35px; height: 35px;position: absolute;
right: 0px;opacity: 0.1;background: url("../images/html_data/pageBtnRight_disable.png") no-repeat; border: 0; outline: none; background-size: 100% 100%;}
.left_nav[disabled], .right_nav[disabled] { opacity: 0.5 }
#submit31_1, #submit31_2, #submit31_3 { top: 465px; }
#submit31_1, #submit31_2, #submit31_3 {display: none;}
.src31_CorrectBox { 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%); }
.src31_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; }
.src31_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; }
.src31_Correct { width: 1024px; height: 434px; position: absolute; top: 114px; left: 0; z-index: 1; display: none; background: rgba(0, 0, 0, 0.9) }
.src31_correct_close { width: 46px; height: 46px; position: absolute; top: 218px; left: 724px; cursor: pointer }
.src31_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; }
.src31_correct span { width: 25px; height: 25px; background: url(../images/html_data/src04_correct.png) no-repeat top left; position: absolute; top: 250px; left: 118px; }
.src31_Incorrect { width: 1024px; height: 434px; position: absolute; top: 114px;left: 0; z-index: 1; display: none; background: rgba(0, 0, 0, 0.8);
}
.src31_IncorrectBox {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%);}
.src31_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;}
.src31_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;
}
.src31_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;
}
.src31_footer { color: #424242; font-size: 12px; position: absolute; bottom: 140px; left: 11px; }
/*src31_wrapper  end*/

/*slider32*/

.src32_wrapper { width: 1024px; height: 672px; overflow: hidden; position: relative; background: url("../images/html_data/src32_bg1.jpg") no-repeat scroll left top transparent; top: 0px; left: 0px; }
.src32_title { position: absolute; top: 123px; left: 12px; color: #f30617; font-size: 21px; letter-spacing: 0.5px; font-family: 'HelveticaNeueLTStd-Md'; }
.src32_info { background: url(../images/html_data/scr11_info.png) no-repeat top left; background-size: 59px 59px; position: absolute; top: 0; right: 0; width: 59px; height: 59px; cursor: pointer; }
.src32_list1 { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 158px; left: 52px; letter-spacing: 0.4px; }
.src32_list3 { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 323px; left: 403px; }
.src32_list4 { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 376px; left: 403px; }
.src32_list5 { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 434px; left: 403px; letter-spacing: 0.4px; }
.src32_arrow3 { width: 10px; height: 13px; background: url(../images/html_data/src01_arrow.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 4px; left: -20px; }
.src32_arrow4 { width: 10px; height: 13px; background: url(../images/html_data/src01_arrow.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 4px; left: -20px; }
.src32_arrow5 { width: 10px; height: 13px; background: url(../images/html_data/src01_arrow.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 4px; left: -20px; }
.src32_list2 { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 184px; left: 52px; letter-spacing: 0.4px; }
.src32_arrow1 { width: 10px; height: 13px; background: url(../images/html_data/src01_arrow.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 4px; left: -20px; }
.src32_arrow2 { width: 10px; height: 13px; background: url(../images/html_data/src01_arrow.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 4px; left: -20px; }
.src32_lft_sublist li { line-height: 23px; font-size: 17.33px; color: #424242; padding-bottom: 6px; }
.src32_lft_sublist { position: absolute; top: 215px; left: 65px; list-style: none; letter-spacing: 0.1px; }
.src32_dot { width: 5px; height: 5px; background: url(../images/html_data/src06_dot.png) no-repeat top left; background-size: 100% 100%; }
.src32_rth_sublist li { line-height: 24px; font-size: 17.33px; color: #424242; }
.src32_dot1 { position: absolute; top: 10px; left: -11px; }
.src32_dot2 { position: absolute; top: 85px; left: -11px; }
.src32_dot3 { position: absolute; top: 138px; left: -11px; }
.src32_dot4 { position: absolute; top: 188px; left: -11px; }
.src32_dot5 { position: absolute; top: 218px; left: -11px; }
.src32_dot6 { position: absolute; top: 247px; left: -11px; }
.src32_dot7 { position: absolute; top: 10px; left: -11px; }
.src32_dot8 { position: absolute; top: 57px; left: -11px; }
.src32_dot9 { position: absolute; top: 83px; left: -11px; }
.src32_dot10 { position: absolute; top: 192px; left: -20px; }
.src32_rth_sublist { position: absolute; top: 216px; left: 414px; list-style: none; }
.src32_footer { color: #424242; font-size: 12px; position: absolute; bottom: 140px; left: 11px; }
.src32_wrapper sup { font-size: 10px; }
.src32_ref { position: absolute; bottom: 53px; left: 12px; width: 60px; height: 59px; }
.src32_ref_popup1_close { position: absolute; top: 124px; left: 760px; width: 52px; height: 40px; cursor: pointer; }
.src32_ref_left_arrow { width: 57px; height: 57px; overflow: hidden; position: relative; background: url("../images/html_data/src15_left_arrow.png") no-repeat scroll left top transparent; top: 267px; left: 22px; }
.src32_ref_right_arrow { width: 57px; height: 57px; overflow: hidden; position: absolute; background: url("../images/html_data/src15_right_arrow.png") no-repeat scroll left top transparent; top: 267px; right: 22px; }
.src32_ref_popup1 { width: 1024px; height: 672px; overflow: hidden; position: relative; background: url("../images/html_data/src32_ref_popup1.png") no-repeat scroll left top transparent; top: 0px; left: 0px; }
.src32_ref_popup2 { width: 1024px; height: 672px; overflow: hidden; position: relative; background: url("../images/html_data/src32_ref_popup2.png") no-repeat scroll left top transparent; top: 0px; left: 0px; }
.src32_popup_txt1 { top: 104px; position: absolute; left: 38px; font-family: 'HelveticaNeueLTStd-Cn'; ; font-size: 16px; color: #424242; }
.src32_popup_txt2 { font-family: 'HelveticaNeueLTStd-Cn'; ; font-size: 16px; color: #424242; position: absolute; top: 153px; left: 38px; }
/*slider32*/


/*slider33  */

.src33_wrapper { width: 1024px; height: 672px; overflow: hidden; position: relative; background: url("../images/html_data/src33_bg1.jpg") no-repeat scroll left top transparent; top: 0px; left: 0px; }
.src33_illustration{position: absolute;top: 138px;right: 38px;}
.src33_title { position: absolute; top: 123px; left: 16px; color: #f30617; font-size: 21px; letter-spacing: 0.5px; font-family: 'HelveticaNeueLTStd-Md'; }
.src33_list1 { color: #31858d; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 160px; left: 54px; }
.src33_arrow1 { width: 10px; height: 13px; background: url(../images/html_data/src01_arrow.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 4px; left: -20px; }
.src33_list2 { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 190px; left: 54px; letter-spacing: 0.1px; line-height: 25px; }
.src33_list2 strong, .src33_list3 strong, .src33_list5 strong, .src33_list6 strong { color: #31858d; }
.src33_arrow2 { width: 10px; height: 13px; background: url(../images/html_data/src01_arrow.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 5px; left: -20px; }
.src33_list3 { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 299px; left: 54px; letter-spacing: 0.1px; line-height: 25px; }
.src33_arrow3 { width: 10px; height: 13px; background: url(../images/html_data/src01_arrow.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 5px; left: -20px; }
.src33_list4 { color: #31858d; font-style: italic; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 160px; right: 116px; letter-spacing: 0.1px; line-height: 25px; }
.src33_arrow4 { width: 10px; height: 13px; background: url(../images/html_data/src01_arrow.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 7px; left: -20px; }
.src33_list5 { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 224px; right: 100px; letter-spacing: 0.1px; line-height: 25px; }
.src33_list6 { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 452px; right: 100px; letter-spacing: 0.1px; line-height: 25px; }
.src33_arrow5 { width: 10px; height: 13px; background: url(../images/html_data/src01_arrow.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 7px; left: -20px; }
.src33_footer { color: #424242; font-size: 12px; position: absolute; bottom: 132px; left: 10px; }
/*slider33  */

/*slider34 start*/
.src34_list1 { color: #31858d; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 160px; left: 54px;}
.src34_list2 { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 165px; left: 54px; letter-spacing: 0.1px; line-height: 25px; }
.src34_list2 strong, .src34_list3 strong { color: #31858d; }
.src34_arrow2 { width: 10px; height: 13px; background: url(../images/html_data/src01_arrow.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 5px; left: -20px; }
.src34_list3 { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 375px; left: 54px; letter-spacing: 0.1px; line-height: 25px; }
.src34_arrow3 { width: 10px; height: 13px; background: url(../images/html_data/src01_arrow.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 5px; left: -20px; }
.src34_footer { color: #424242; font-size: 12px; position: absolute; bottom: 140px; left: 10px; }
/*slider 34 end*/


/*slider35  */
.src35_wrapper { width: 1024px; height: 672px; overflow: hidden; position: relative; background: url(../images/html_data/src04_bg1.jpg) no-repeat scroll left top transparent; top: 0px; left: 0px; }
.src35_title { position: absolute; top: 125px; left: 15px; color: #f30617; font-size: 22px; font-family: 'HelveticaNeueLTStd-Md'; }
.src35_para { position: absolute; top: 155px; left: 15px; color: #424242; font-size: 18px; font-family: 'HelveticaNeueLTStd-Cn'; font-weight: bold; }
.src35_footer { color: #424242; font-size: 12px; position: absolute; bottom: 140px; left: 11px; }
.sortable_wrap { position: absolute; top: 215px; left: 255px; }
.sortable { display: flex; flex-direction: row; flex-wrap: wrap; width: 600px; height: 300px; }
span.sortHandle { position: absolute; right: 15px; }
.sortHandle img { width: 20px;height: 20px; }
.sortable_wrap li { position: relative; width: 560px; color: #fff; font-size: 14px; font-family: 'HelveticaNeueLTStd-Cn'; list-style-type: none; height: 74px; background: url(../images/html_data/scr35_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; }
#submit15{top: 480px;}
.sortable_wrap li.item1{background: url(../images/html_data/scr35_gradient1.png) no-repeat center;background-size: 100% 100%;color: #fff;}
.sortable_wrap li.item2{background: url(../images/html_data/scr35_gradient2.png) no-repeat center;background-size: 100% 100%;color: #fff;}
.sortable_wrap li.item3{background: url(../images/html_data/scr35_gradient3.png) no-repeat center;background-size: 100% 100%;color: #fff;}
.sortable_wrap li.item4{background: url(../images/html_data/scr35_gradient4.png) no-repeat center;background-size: 100% 100%;color: #fff;}
#submit35{top: 480px;}
.changeItem1{background: url(../images/html_data/scr35_gradient2.png) no-repeat center !important;background-size: 100% 100% !important;}
.changeItem2{background: url(../images/html_data/scr35_gradient4.png) no-repeat center !important;background-size: 100% 100% !important;}
.changeItem3{background: url(../images/html_data/scr35_gradient3.png) no-repeat center !important;background-size: 100% 100% !important;}
.changeItem4{background: url(../images/html_data/scr35_gradient1.png) no-repeat center !important;background-size: 100% 100% !important;}
.sortOrder { width: 65px; height: 70px; display: flex; align-items: center; justify-content: center; border-radius: 5px; background-color: #0e8c81; color: #ffffff; font-family: 'HelveticaNeueLTStd-Cn'; font-size: 18px; }
.sortOrder1 { position: absolute; top: 215px; left: 180px; }
.sortOrder2 { position: absolute; top: 290px; left: 180px; }
.sortOrder3 { position: absolute; top: 365px; left: 180px; }
.sortOrder4 { position: absolute; top: 440px; left: 180px; }
#scr35Submit { top: 470px; }
.dummySort .sortable li { cursor: not-allowed; }
/*slider35  */


/*slider36  */

.src36_wrapper { width: 1024px; height: 672px; overflow: hidden; position: relative; background: url("../images/html_data/src36_bg.jpg") no-repeat scroll left top transparent; top: 0px; left: 0px; }
.src36_title { color: #f30617; font-size: 21.33px; font-family: 'HelveticaNeueLTStd-Md';position: absolute; top: 123px; left: 15px; }
.src36_list1 { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 175px; left: 71px; }
.src36_arrow1 { width: 10px; height: 13px; background: url(../images/html_data/src01_arrow.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 4px; left: -25px; }
.src36_list2 { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 215px; left: 71px; }
.src36_arrow2 { width: 10px; height: 13px; background: url(../images/html_data/src01_arrow.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 4px; left: -25px; }
.src36_list3 { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 255px; left: 71px; }
.src36_arrow3 { width: 10px; height: 13px; background: url(../images/html_data/src01_arrow.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 4px; left: -25px; }
.src36_list4 { color: #424242; font-size: 17.33px; font-family: 'HelveticaNeueLTStd-Cn'; position: absolute; top: 294px; left: 71px; }
.src36_arrow4 { width: 10px; height: 13px; background: url(../images/html_data/src01_arrow.png) no-repeat top left; background-size: 100% 100%; position: absolute; top: 4px; left: -25px; }
.src36_footer { color: #424242; font-size: 12px; position: absolute; bottom: 140px; left: 16px; font-family: 'HelveticaNeueLTStd-Cn'; }
/*slider36  */

/*slider37*/
.scr37_wrapper {width: 1024px;height: 672px;overflow: hidden;position: relative;background: url(../images/html_data/scr37_bg.jpg) no-repeat scroll left top transparent;top: 0px;left: 0px;}
.src37_banner { background: #31868d; width: 553px; height: 265px; position: absolute; top: 198px; left: 234px; border-radius: 19px; }
.src37_banner_heading { background: white; position: absolute; top: 254px; left: 311px; width: 403px; height: 65px; border-radius: 8px; color: #31868d; }
.src37_banner_heading span { position: absolute; left: 38px; font-family: 'HelveticaNeueLTStd-Cn'; top: 10px; letter-spacing: 1.5px; font-size: 40px; font-weight: bold; }
.src37_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; }
/*slider37*/

.navMsgBox { width: 275px; position: absolute; bottom: 136px; right: 0px; text-align: center; background-color: #ccc; color: #000; padding: 5px 0; border-top-left-radius: 7px; border-bottom-left-radius: 7px; z-index: 10; }
.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; }
@-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); }
}
 @-webkit-keyframes slideInRight { from {
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0);
 visibility: visible;
}
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
 @keyframes slideInRight { from {
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0);
 visibility: visible;
}
to { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; }
 @-webkit-keyframes w2 { from {
 width: 0;
}
to { width: 194px; }
}
 @keyframes w2 { from {
 width: 0;
}
to { width: 194px; }
}
.w2 { -webkit-animation-name: w2; animation-name: w2; -webkit-animation-duration: 0.8s; animation-duration: 0.8s; -webkit-animation-fill-mode: both; }
.src07_footer { color: #424242; font-size: 12px; position: absolute; bottom: 133px; left: 12px; font-family: 'HelveticaNeueLTStd-Cn'; }
.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; }
.clientLogo { display: none; }