body {
    text-align: left;
    margin: 0 auto;
    padding: 0;
    display: block;
    background-color: #E4E4E4;
}

.BodyWrapper {
    margin: 0 auto;
    width: 974px;
    text-align: left;
}

.TopBanner {
    width: 974px;
    height: 120px;
    float: left;
}

.TopBanner_Div {
    width: 728px;
    height: 90px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 20px;
}

.TitleBar_ETTV {
    width: 136px;
    height: 73px;
    margin-left: 33px;
    float: left;
}

.TitleBar {
    width: 974px;
    height: 145px;
    float: left;    
    background-image: url('/Images/Election2016/Header/Title.png');
}

.NavBar {
    width: 974px;
    height: 54px;
    float: left;
    background-image: url('/Images/Election2016/Header/NavBar.jpg');
}

.NavBar_Divider {
    width: 2px;
    height: 100%;
    float: left;
    background-image: url('/Images/Election2016/Header/Divider.png');
}

.NavBar_Default {
    width: 128px;
    height: 100%;
    float: left;
}

.NavBar_Candidate {
    width: 112px;
    height: 100%;
    float: left;
}

.NavBar_Vote {
    width: 120px;
    height: 100%;
    float: left;
}

.NavBar_Discussion {
    width: 114px;
    height: 100%;
    float: left;
}

.NavBar_ElectionResult {
    width: 117px;
    height: 100%;
    float: left;
}

.ContentBackground {
    width: 974px;
    float: left;
    background-image: url('/Images/Election2016/Header/ContentBackground.jpg');
    background-repeat: repeat-y;
}

.Content_Left {
    width: 621px;
    float: left;
}

.Content_Right {
    width: 353px;
    float: left;
}

@keyframes Story0 {
0% { left: 0%; }
10% { left: 0%; }
20% { left: -100%; }
30% { left: -100%; }
40% { left: -200%; }
50% { left: -200%; }
60% { left: -300%; }
70% { left: -300%; }
80% { left: -400%; }
90% { left: -400%; }
100% { left: 0%; }
}

@keyframes Story1 {
0% { left: 0%; }
10% { left: 0%; }
20% { left: -100%; }
30% { left: -100%; }
40% { left: -200%; }
50% { left: -200%; }
60% { left: -300%; }
70% { left: -300%; }
80% { left: -400%; }
90% { left: -400%; }
100% { left: 0%; }
}

@keyframes Story2 {
0% { left: -100%; }
10% { left: -100%; }
20% { left: -200%; }
30% { left: -200%; }
40% { left: -300%; }
50% { left: -300%; }
60% { left: -400%; }
70% { left: -400%; }
80% { left: 0%; }
90% { left: 0%; }
100% { left: -100%; }
}

@keyframes Story3 {
0% { left: -200%; }
10% { left: -200%; }
20% { left: -300%; }
30% { left: -300%; }
40% { left: -400%; }
50% { left: -400%; }
60% { left: 0%; }
70% { left: 0%; }
80% { left: -100%; }
90% { left: -100%; }
100% { left: -200%; }
}

@keyframes Story4 {
0% { left: -300%; }
10% { left: -300%; }
20% { left: -400%; }
30% { left: -400%; }
40% { left: 0%; }
50% { left: 0%; }
60% { left: -100%; }
70% { left: -100%; }
80% { left: -200%; }
90% { left: -200%; }
100% { left: -300%; }
}

@keyframes Story5 {
0% { left: -400%; }
10% { left: -400%; }
20% { left: 0%; }
30% { left: 0%; }
40% { left: -100%; }
50% { left: -100%; }
60% { left: -200%; }
70% { left: -200%; }
80% { left: -300%; }
90% { left: -300%; }
100% { left: -400%; }
}

figure { 
  margin: 0; 
  background: #101010;
  font-family: Istok Web, sans-serif;
  font-weight: 100;
}
div#captioned-gallery { 
    width: 598px; 
    height: 455px;
    margin-top: 11px;
    margin-left: 23px;
    float: left;
    overflow: hidden;
}

#Story { 
  position: relative; 
  width: 500%;
  font-size: 0; 
  animation: 20s Story0 infinite;
}

figure.slider figure { 
  width: 20%; 
  height: auto;
  display: inline-block;  
  position: inherit; 
}
figure.slider img { 
    /*width: 100%; 
    height: auto;*/
}
figure.slider figure figcaption { 
  position: absolute; 
  top: 0px;
  background: rgba(0,0,0,0.4);
  color: #fff; 
  width: 100%;
  font-size: 2rem; 
  padding: .6rem; 
}


.StoryDiv {
    width: 276px;
    height: 39px;
    position: absolute;
    bottom: 0px;
    right: 0px;
}

.StoryDivImg {
    width: 50px; 
    height: 39px;
    float: left;
}

.StoryDivImgDivider {
    width: 5px;
    height: 39px;
    float: left;
}

.Default_Top10 {
    width: 598px; 
    margin-left: 23px;
    float: left;
}

.Top10News {
    width: 598px;
    float: left;
}

.Top10News_BigTitle {
    width: 598px;
    height: 75px;
    float: left;
}

.Top10News_SmallTitle {
    width: 598px;
    height: 70px;
    float: left;
}

.Top10News_Divider {
    width: 598px;
    height: 28px;
    float: left;
}

.Top2Div {
    width: 598px;
    height: 85px;
    float: left;
}

.Top2Div_Image {
    width: 124px;
    height: 100%;
    float: left;
}

.Top2Div_Space {
    width: 15px;
    height: 100%;
    float: left;
}

.Top2Div_Divider {
    width: 20px;
    height: 100%;
    float: left;
}

.Top2Div_Title {
    width: 150px;
    height: 100%;
    float: left;
}

.Top10News_Div {
    width: 598px;
    height: 35px;
    float: left;
}

.Top10News_Icon {
    width: 100px;
    height: 35px;
    float: left;
    text-align: center;
}

.Top10News_Title {
    width: 498px;
    height: 35px;
    line-height: 35px;
    float: left;
}

.Top10News_RightNextDiv {
    width: 598px;
    height: 17px;
    margin-top: 15px;
    float: left;
}

.Top10News_RightNextDiv_Button {
    width: 21px;
    height: 100%;
    float: right;
}

.ArticleContent { 
    width: 598px; 
    margin-top: 11px;
    margin-left: 23px;
    float: left;
}

.ArticleTitleBackground {
    width: 598px; 
    height: 127px;
    float: left;
    background-image: url('/Images/Election2016/ArticlePage/ArticleTitle.png');
}

.ArticleTitle {
    width: 475px;
    height: 64px;
    margin-top: 35px;
    margin-left: 52px;
    margin-right: 55px;
    float: left;
}

.ArticleContentBackground {
    width: 598px; 
    float: left;
    background-image: url('/Images/Election2016/ArticlePage/ArticleBackground2.png');
    background-repeat: repeat-y;
}

.ArticleContent_Content {
    width: 475px;
    margin-left: 52px;
    margin-right: 55px;
    float: left;
}

.ArticleContent_DateSource {
    width: 598px; 
    height: 38px;
    float: left;
    background-image: url('/Images/Election2016/ArticlePage/ArticleDateSource.png');
}

.ArticleContent_DateSourceContent {
    width: 475px;
    height: 100%;
    margin-left: 52px;
    margin-right: 55px;
    float: left;
}

.ArticleContent_Youtube {
    width: 100%;
    height: 380px;
    float: left;
}

.RightColumnDiv {
    width: 343px;
    float: left;
}

.SponsorLogoDiv {
    width: 343px;
    float: left;
}

.SponsorLogoDiv_Row1 {
    width: 343px;
    height: 73px;
    float: left;
}

.SponsorLogoDiv_Row2 {
    width: 343px;
    height: 53px;
    float: left;
}

.SponsorLogoDiv_SponsorText {
    width: 343px;
    height: 21px;
    float: left;
}

.SponsorLogoDiv_Row2Space {
    width: 44px;
    height: 53px;
    float: left;
}

.SponsorLogoDiv_SponsorLogo1 {
    width: 151px;
    height: 73px;
    float: left;
}

.SponsorLogoDiv_SponsorLogo2 {
    width: 68px;
    height: 73px;
    float: left;
}

.SponsorLogoDiv_SponsorLogo3 {
    width: 124px;
    height: 73px;
    float: left;
}

.RightVoteDiv {
    width: 323px;
    margin-left: 20px;
    float: left;
}

.RightVoteDiv_Title {
    width: 100%;
    height: 185px;
    float: left;
}

.RightVoteDiv_Flag {
    width: 100%;
    height: 118px;
    float: left;
}

.RightVoteDiv_Select {
    width: 100%;
    height: 31px;
    float: left;
    background-image: url('/Images/Election2016/RightVote/RightSelect.png');
}

.RightVoteDiv_SelectKMT {
    width: 101px; 
    height: 31px; 
    float: left; 
    text-align: center; 
    line-height: 31px; 
}

.RightVoteDiv_SelectPFP {
    width: 107px; 
    height: 31px; 
    float: left; 
    text-align: center; 
    line-height: 31px; 
}

.RightVoteDiv_SelectDPP {
    width: 115px; 
    height: 31px; 
    float: left; 
    text-align: center; 
    line-height: 31px; 
}

.RightVoteDiv_Submit {
    width: 100%;
    height: 51px;
    float: left;
    background-image: url('/Images/Election2016/RightVote/RightSubmit.png');
}

.RightVoteDiv_Submit_Button {
    width: 100%;
    height: 51px;
    float: left;
    text-align: center;
}

.RightVoteDiv_Result {
    width: 100%;
    height: 24px;
    float: left;
    background-image: url('/Images/Election2016/RightVote/RightResult.png');
}

.RightVoteDiv_Result_Button {
    width: 100%;
    height: 24px;
    float: left;
    text-align: center;
}

.RightVoteDiv_End {
    width: 100%;
    height: 52px;
    float: left;
}

.MessageDiv {
    width: 598px;
    float: left;
}

.MessageDiv_LeftField {
    width: 120px;
    text-align: right;
    float: left;
}

.MessageDiv_RightField {
    width: 320px;
    float: left;
}

.MessageDiv_SubmitButton {
    width: 120px;
    text-align: center;
    float: right;
}

.MessageDiv_Message {
    width: 584px;
    margin-left: 5px;
    margin-right: 9px;
    float: left;
}

.MessageDiv_NameDate {
    width: 584px;
    height: 33px;
    background-color: #921635;
    float: left;
}

.MessageDiv_Name {
    width: 350px;
    height: 100%;
    margin-left: 20px;
    float: left;
}

.MessageDiv_Date {
    width: 200px;
    height: 100%;
    float: left;
}

.MessageDiv_ContentDiv {
    width: 584px;
    float: left;
    background-image: url('/Images/Election2016/Message/MessageBackground.png');
    background-repeat: repeat-y;
}

.MessageDiv_ContentDiv_Content {
    width: 560px;
    margin-left: 10px;
    float: left;
}

.MessageDiv_Footer {
    width: 584px;
    height: 3px;
    float: left;
    background-image: url('/Images/Election2016/Message/MessageFooter.png');
}

.MessageDiv_RightNextDiv {
    width: 580px;
    float: left;
}

.MessageDiv_RightNextDiv_Button {
    width: 21px;
    height: 100%;
    float: right;
}

.VoteContent { 
    width: 606px; 
    margin-top: 15px;
    margin-left: 15px;
    float: left;
}

.VoteContent_Div { 
    width: 605px; 
    float: left;
}

.VoteContent_TitleLeft { 
    width: 307px; 
    height: 124px;
    float: left;
}

.VoteContent_TitleLeft_Top { 
    width: 307px; 
    height: 98px;
    float: left;
}

.VoteContent_TitleLeft_Bottom { 
    width: 307px; 
    height: 26px;
    float: left;
}

.VoteContent_TitleRight { 
    width: 298px; 
    height: 124px;
    float: left;
}

.VoteContent_Question {
    width: 605px;
    float: left;
    background-image: url('/Images/Election2016/Vote/Vote_QuestionBackground.jpg');
    background-repeat: repeat-y;
}

.VoteContent_Question_Title {
    width: 596px;
    margin-left: 9px;
    margin-top: 15px;
    float: left;
}

.VoteContent_Question_Choice {
    width: 596px;
    margin-left: 12px;
    margin-top: 5px;
    float: left;
}

.VoteContent_Question_Button {
    width: 596px;
    margin-left: 12px;
    margin-top: 5px;
    float: left;
    text-align: right;
}

#Vote_ResultDiv {
    width: 605px;
    height: 387px;
    position: relative;
    overflow: hidden;
    background-image: url('/Images/Election2016/Vote/Vote_ResultBackground.png');
}

.Vote_Animation 
{
    position: absolute;
    animation: TestDrift1 linear 1;
}

.Vote_Answer1 
{
    bottom: 87px;
    left: 138px;
    animation-duration: 5s;
}

.Vote_Answer2 
{
    bottom: 87px;
    left: 236px;
    animation-duration: 5s;
}

.Vote_Answer3 
{
    bottom: 87px;
    left: 333px;
    animation-duration: 5s;
}

.Vote_Answer4 
{
    bottom: 87px;
    left: 429px;
    animation-duration: 5s;
}

#Vote_ResultDiv3 {
    width: 605px;
    height: 387px;
    position: relative;
    overflow: hidden;
    background-image: url('/Images/Election2016/Vote/Vote_ResultBackground3.png');
}

.Vote_Answer3_1 
{
    bottom: 87px;
    left: 138px;
    animation-duration: 5s;
}

.Vote_Answer3_2 
{
    bottom: 87px;
    left: 290px;
    animation-duration: 5s;
}

.Vote_Answer3_3 
{
    bottom: 87px;
    left: 438px;
    animation-duration: 5s;
}
@keyframes TestDrift1 {
0% { width: 47px; height: 0px;  }
10% { width: 47px; height: 50px; }
20% { width: 47px; height: 100px; }
30% { width: 47px; height: 150px; }
40% { width: 47px; height: 200px; }
50% { width: 47px; height: 250px; }
60% { width: 47px; height: 300px; }
}

.Vote_PercentageDiv {
    width: 100%;
    height: 115px;
    float: left;
}

.Vote_PercentageDiv_Answer1 {
    width: 98px;
    height: 114px;
    margin-left: 100px;
    float: left;
    background-image: url('/Images/Election2016/Vote/Vote_Percentage.png');
}

.Vote_PercentageDiv_Answer2 {
    width: 98px;
    height: 114px;
    margin-left: 10px;
    float: left;
    background-image: url('/Images/Election2016/Vote/Vote_Percentage.png');
}

.Vote_PercentageDiv_Answer3 {
    width: 98px;
    height: 114px;
    margin-left: 10px;
    float: left;
    background-image: url('/Images/Election2016/Vote/Vote_Percentage.png');
}

.Vote_PercentageDiv_Answer4 {
    width: 98px;
    height: 114px;
    margin-left: 10px;
    float: left;
    background-image: url('/Images/Election2016/Vote/Vote_Percentage.png');
}

.Vote_PercentageDiv_Result {
    width: 75px;
    height: 90px;
    margin-left: 12px;
    margin-top: 15px;
    float: left;
    color: #fff;
}

.Vote_PercentageDiv_Answer3_1 {
    width: 98px;
    height: 114px;
    margin-left: 110px;
    float: left;
    background-image: url('/Images/Election2016/Vote/Vote_Percentage.png');
}

.Vote_PercentageDiv_Answer3_2 {
    width: 98px;
    height: 114px;
    margin-left: 60px;
    float: left;
    background-image: url('/Images/Election2016/Vote/Vote_Percentage.png');
}

.Vote_PercentageDiv_Answer3_3 {
    width: 98px;
    height: 114px;
    margin-left: 50px;
    float: left;
    background-image: url('/Images/Election2016/Vote/Vote_Percentage.png');
}
#test {
    position: relative;
}

button {
    display: block;
}

.RightColumnDiv_Sponsor {
    width: 300px;
    height: 280px;
    margin-left: 20px;
    text-align: center;
    float: left;
}

.CandidateContent { 
    width: 608px; 
    margin-top: 15px;
    margin-left: 11px;
    float: left;
}

.CandidateContent_ContentDiv {
    width: 608px;
    float: left;
}

.CandidateContent_TextCounter1 {
    width: 338px;
    height: 48px;
    float: left;
}

.CandidateContent_TextCounter2 {
    width: 45px;
    height: 48px;
    float: left;
}

.CandidateContent_Counter {
    width: 34px;
    height: 48px;
    float: left;
}

.CandidateContentInfo { 
    width: 589px; 
    margin-top: 15px;
    margin-left: 30px;
    float: left;
}

.CandidateContentInfo_ContentDiv {
    width: 589px;
    float: left;
}

.FooterDiv {
    width: 974px;
    height: 55px;
    background-image: url('/Images/Election2016/Header/ContentBackground.jpg');
    background-repeat: repeat-y;
    float: left;
}

.Footer {
    width: 974px;
    height: 25px;
    margin-top: 40px;
    margin-bottom: 30px;
    float: left;    
}

.ArticleList_Div {
    width: 100%;
    height: 100px;
    float: left;
}

.ArticleList_Div_Left {
    width: 200px;
    height: 100%;
    float: left;
}

.ArticleList_Div_Right {
    width: 398px;
    height: 100%;
    float: left;
}

.RightLiveDiv {
    width: 323px;
    margin-left: 10px;
    float: left;
}


.LiveContent { 
    width: 611px; 
    margin-top: 11px;
    margin-left: 10px;
    float: left;
}

.LiveTitle {
    width: 611px;
    height: 48px;
    float: left;
}

.LiveContent_Div {
    width: 551px;
    height: 400px;
    margin-left: 30px;
    margin-right: 30px;
    float: left;
}

.LiveResult {
    width: 611px;
    float: left;
}

.LiveResult_CitySelect {
    width: 611px;
    height: 42px;
    float: left;
}

.LiveResult_Tab1 {
    width: 107px;
    height: 100%;
    float: left;
}

.LiveResult_Tab2 {
    width: 95px;
    height: 100%;
    float: left;
}

.LiveResult_Tab3 {
    width: 101px;
    height: 100%;
    float: left;
}

.LiveResult_Tab4 {
    width: 100px;
    height: 100%;
    float: left;
}

.LiveResult_Tab5 {
    width: 98px;
    height: 100%;
    float: left;
}

.LiveResult_Tab6 {
    width: 110px;
    height: 100%;
    float: left;
}

.LiveResult_CityMap {
    width: 611px;
    float: left;
}

.LiveResult_CityResult {
    width: 611px;
    float: left;
}