﻿body{
    margin:0px;
    font-family:'Segoe UI', Arial, Verdana, sans-serif;
    min-width:320px;
}
#eventPage {
    font-family: 'Segoe UI', Arial, Verdana, sans-seri;
    font-size: 15px;
    color: #000;
}
#eventPage .e-section{
    max-width:980px;
    margin-left:auto;
    margin-right:auto;
}
#eventPage .e-logo{
    height:50px;
}
#eventPage .e-logo a{display:inline-block;padding:13px 20px 14px 12px;}
#eventPage .e-logo img{
    width:108px;
}
#eventPage .e-header{
    height:50px;
    background-color: #2F2F2F;
    color: #fff;
}
#eventPage .e-header >div{line-height:50px;}
#eventPage .e-header .eh-left{float:left;font-size:24px;}
#eventPage .e-header .eh-right{float:right;font-size:18px;}
#eventPage .e-content{margin-top:8px;}
#eventPage .e-content{ margin-left:auto; margin-right:auto;display:block}
#eventPage .e-content .ec-image{text-align:center;}
#eventPage .e-content img{width:663px}
#eventPage .e-calendar{margin-top:24px;max-width:628px; margin-left:auto; margin-right:auto;}
#eventPage .e-calendar .ecal-title{font-size:32px;}
#eventPage .e-calendar .ecal-subtitle{font-size:24px; }
#eventPage .e-calendar .ecal-icon{width:82px;margin-left:auto; margin-right:auto; display:block;margin-top:30px; margin-bottom:10px;}
#eventPage .e-calendar .ecal-link{width:180px; height:38px; background-color:#006DC3;font-size:18px;margin-left:auto; margin-right:auto;position:relative;}
#eventPage .e-calendar .ecal-link> .addtocalendar{display:inline-block; line-height:38px; color:#fff; width:180px; text-align:center; text-decoration:none !important; cursor:pointer;}
#eventPage .e-bottom{height:52px; background-color:#C8C8C8; margin-top:20px;}
#eventPage ul.e-list{margin:0px;padding:0px;}
#eventPage .e-bottom ul.e-list li{list-style:none; display:inline-block; vertical-align:middle;}
#eventPage .e-bottom .eh-text{font-size:18px; line-height:52px; margin-right:12px;}
#eventPage .e-bottom a{display:inline-block;}
#eventPage .e-bottom img{width:32px;height:32px; margin-right:12px;}
#eventPage footer{background-color:#f2f2f2; height:50px; padding-top:20px;}
#eventPage footer ul.e-list{float:right;font-size:11px; line-height:16px;}
#eventPage footer ul.e-list li{list-style:none;padding:0 24px 4px 0; display:inline-block;color:#000;}
#eventPage footer ul.e-list li a{color:#000;}
#eventPage a:active, #eventPage a:focus, #eventPage a:hover, #eventPage a:link, #eventPage a:visited{text-decoration:none;}
#eventPage .e-calendar .eh-calendar-links{display:none;margin:0px; padding:0px; border:1px #ccc solid; border-top-width:0px;background-color:#fff; width:178px;position:absolute;left:0px; top:38px;}
#eventPage .e-calendar .eh-calendar-links li{list-style:none;padding:5px;}
#eventPage .e-calendar .eh-calendar-links li a{color:black; display:block;}
#eventPage .e-calendar .eh-calendar-links li:hover{background-color:#f2f2f2;}
#eventPage .e-calendar .ecal-link.onhover .eh-calendar-links{display:block;}

@media only screen and (max-width:979px){
    #eventPage .e-section{margin-left:10px; margin-right:10px;}
}
@media only screen and (max-width:693px){
    #eventPage .e-content, #eventPage .e-content img{width:auto;}
    #eventPage .e-content img{max-width:100%;margin-left:-20px;}
}

/*Player page*/
#eventPage.player .e-contentsection{max-width:864px;margin-left:auto;margin-right:auto;}
#eventPage.player .e-player {text-align:center;}
#eventPage.player .ec-title{font-size:36px;margin-top:24px;}
#eventPage.player .ec-subtitle{font-size:24px;margin-top:10px;}
#eventPage.player .ec-image img{width:628px;}
/*Responsive iframe*/
#eventPage.player .e-player{position: relative;	padding-bottom: 56.25%; /* 16:9 */	height: 0}
#eventPage.player .playeriframe {position: absolute;top: 0;	left: 0;width: 100%;height: 100%;max-width:100%;}
#eventPage footer ul.e-list li:nth-child(5){padding-right:0px;}

/*vod page*/

#eventPage.player.vod .e-ctacontent{max-width:960px;padding-left:10px; padding-right:10px;margin-left:auto;margin-right:auto; clear:both; margin-top:40px;margin-bottom:40px;overflow:hidden;}
#eventPage.player.vod .e-ctacontent .ecta-container{width:312px;margin-right:10px; float:left;text-align:left;}
#eventPage.player.vod .e-ctacontent .ecta-container:nth-child(3){margin-right:0px;}
#eventPage.player.vod .e-ctacontent .ecta-link{display:block;color:#000;height:316px;}
#eventPage.player.vod .e-ctacontent .ecta-container image{width:312px;}
#eventPage.player.vod .e-ctacontent .ecta-container .ecta-title1{font-size:24px;}
#eventPage.player.vod  .ecta-container .ecta-title2{font-size:18px;}
#eventPage.player.vod .e-ctacontent .ecta-morelink{display:inline-block;margin-top:20px;font-size:15px;}
#eventPage.player.vod .e-bottom{clear:both}
#eventPage.player.vod .e-ctacontent{text-align:center;}

@media only screen and (max-width:995px){  
    #eventPage.player.vod .e-ctacontent .ecta-container{
        margin-left:auto;
        margin-right:auto !important;
        display:block;
        float:none;
        margin-bottom:30px;
        text-align:center;
    }
    #eventPage.player.vod .e-ctacontent .ecta-container a{
        height:auto;
    }
    .player#eventPage .ec-title{text-align:center;}
    .player#eventPage .ec-subtitle{text-align:center;}

}