body { background:#fff !important;}
.clear { clear:both;}
/****************header*********************/
#headerTitle {
float:left;
width:100%;
font-size:18px;
background:#FFF;
box-shadow:  -5px 5px 5px #c2c2c2;
}
#headerTitle.desktop { width:1014px !important; padding:0px 5px 0px 5px !important;}
#content.desktop { width:1014px !important; padding:0px 0px 0px 10px !important;}
#slidepreview.desktop { width:1014px !important; padding:5px !important;}
#logo { float:left; width:63%; padding-left:0%; padding-top:5px;}
#agenda {float:left; width:98%; padding-right:2%; margin-bottom: 10px; }
#agenda ul{ display:none;}
/****************end header*********************/
/****************loading*********************/
#vdoLoading {
	position:absolute;
	z-index:99;
	padding-top:10px;
}
#circleG{
width:37.333333333333336px;
}
.circleG{
background-color:#FFFFFF;
float:left;
height:8px;
margin-left:4px;
width:8px;
-moz-animation-name:bounce_circleG;
-moz-animation-duration:1.9500000000000002s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-moz-border-radius:5px;
-webkit-animation-name:bounce_circleG;
-webkit-animation-duration:1.9500000000000002s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-webkit-border-radius:5px;
-ms-animation-name:bounce_circleG;
-ms-animation-duration:1.9500000000000002s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-ms-border-radius:5px;
-o-animation-name:bounce_circleG;
-o-animation-duration:1.9500000000000002s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
-o-border-radius:5px;
animation-name:bounce_circleG;
animation-duration:1.9500000000000002s;
animation-iteration-count:infinite;
animation-direction:linear;
border-radius:5px;
}
#circleG_1{
-moz-animation-delay:0.39s;
-webkit-animation-delay:0.39s;
-ms-animation-delay:0.39s;
-o-animation-delay:0.39s;
animation-delay:0.39s;
}
#circleG_2{
-moz-animation-delay:0.9099999999999999s;
-webkit-animation-delay:0.9099999999999999s;
-ms-animation-delay:0.9099999999999999s;
-o-animation-delay:0.9099999999999999s;
animation-delay:0.9099999999999999s;
}
#circleG_3{
-moz-animation-delay:1.1700000000000002s;
-webkit-animation-delay:1.1700000000000002s;
-ms-animation-delay:1.1700000000000002s;
-o-animation-delay:1.1700000000000002s;
animation-delay:1.1700000000000002s;
}
@-moz-keyframes bounce_circleG{
0%{
}
50%{
background-color:#3D3D3D}
100%{
}
}
@-webkit-keyframes bounce_circleG{
0%{
}
50%{
background-color:#3D3D3D}
100%{
}
}
@-ms-keyframes bounce_circleG{
0%{
}
50%{
background-color:#3D3D3D}
100%{
}
}
@-o-keyframes bounce_circleG{
0%{
}
50%{
background-color:#3D3D3D}
100%{
}
}
@keyframes bounce_circleG{
0%{
}
50%{
background-color:#3D3D3D}
100%{
}
}
/****************end loading*********************/
/*detect vdo size for mobile device*/



/* Smartphones (landscape) ----------- */


@media screen and (orientation: portrait){
	#col_left.mobile{width:99% !important;position: relative;padding-bottom: 2%;}	
	#col_left.mobile #agenda{position: absolute;top: 45%;right: 5px;	width:35% !important;}
	.ir_link{position: absolute;top: 62%;right: 5px;width:37% !important;}
	#sectionvideo.mobile {float:left;width:60% !important;padding-top:1%;}
	#sectionslides.mobile {float:left;width:98% !important;background:#FFF;}
	#detail.mobile { float:right; width:35% !important; padding-bottom:2%; padding-top: 10px; margin-top: 1%;}
	#detail.mobile .title {width:96%; color:#fff; font-size:18px; padding:1% !important;}
	#detail.mobile .date {color:#fff; font-size:12px; padding:1% !important;}
	#detail.mobile .venue {color:#fff; font-size:12px; padding:1% !important;}
}



@media all and (max-width: 1024px) {
	#video {position:relative;height:220px !important;}
}

@media all and (max-width: 768px) {
	#video {position:relative;height:170px !important;}
}

@media all and (max-width: 720px) {
	#video {position:relative;height:120px !important;}
}

@media all and (max-width: 480px) {
	#video {position:relative;height:90px !important;}
	#col_left.mobile #agenda{position: static;width:98% !important;}
	#sectionvideo.mobile {float:left;width:100% !important;padding-top:1%;}
	#detail.mobile { float:left; width:95% !important; padding-bottom:2%; padding-top: 10px; margin-top: 1%;}
	.ir_link{ position: static;width:100% !important;}
}

@media all and (max-width: 320px) {
	#video {position:relative;height:90px !important;}
	#col_left.mobile #agenda{position: static;width:98% !important;}
	#sectionvideo.mobile {float:left;width:100% !important;padding-top:1%;}
	#detail.mobile { float:left; width:95% !important; padding-bottom:2%; padding-top: 10px; margin-top: 1%;}
	.ir_link{ position: static;width:100% !important;}
}

@media all and (max-width: 240px) {
	#video {position:relative;height:90px !important;}
	#col_left.mobile #agenda{position: static;width:98% !important;}
	#sectionvideo.mobile {float:left;width:100% !important;padding-top:1%;}
	#detail.mobile { float:left; width:95% !important; padding-bottom:2%; padding-top: 10px; margin-top: 1%;}
	.ir_link{ position: static;width:100% !important;}
}


@media screen and (orientation: landscape)and (max-width: 480px){
  #col_left.mobile{width:99% !important;position: relative;padding-bottom: 2%;}	
	#col_left.mobile #agenda{position: absolute;top: 45%;right: 5px;	width:35% !important;}
	.ir_link{position: absolute;top: 62%;right: 5px;width:37% !important;}
	#sectionvideo.mobile {float:left;width:60% !important;padding-top:1%;}
	#sectionslides.mobile {float:left;width:98% !important;background:#FFF;}
	#detail.mobile { float:right; width:35% !important; padding-bottom:2%; padding-top: 10px; margin-top: 1%;}
	#detail.mobile .title {width:96%; color:#fff; font-size:18px; padding:1% !important;}
	#detail.mobile .date {color:#fff; font-size:12px; padding:1% !important;}
	#detail.mobile .venue {color:#fff; font-size:12px; padding:1% !important;}
	#video {position:relative;height:90px !important;}
	#col_left.mobile #agenda{position: static;width:98% !important;}
	#sectionvideo.mobile {float:left;width:100% !important;padding-top:1%;}
	#detail.mobile { float:left; width:95% !important; padding-bottom:2%; padding-top: 10px; margin-top: 1%;}
	.ir_link{ position: static;width:100% !important;}
}

@media screen and (orientation: landscape)and (max-width: 720px){
	#video {position:relative;height:120px !important;}
  #col_left.mobile{width:99% !important;position: relative;padding-bottom: 2%;}	
	#col_left.mobile #agenda{position: absolute;top: 45%;right: 5px;	width:35% !important;}
	.ir_link{position: absolute;top: 62%;right: 5px;width:37% !important;}
	#sectionvideo.mobile {float:left;width:60% !important;padding-top:1%;}
	#sectionslides.mobile {float:left;width:98% !important;background:#FFF;}
	#detail.mobile { float:right; width:35% !important; padding-bottom:2%; padding-top: 10px; margin-top: 1%;}
	#detail.mobile .title {width:96%; color:#fff; font-size:18px; padding:1% !important;}
	#detail.mobile .date {color:#fff; font-size:12px; padding:1% !important;}
	#detail.mobile .venue {color:#fff; font-size:12px; padding:1% !important;}
	#video {position:relative;height:90px !important;}
	#col_left.mobile #agenda{position: static;width:98% !important;}
	#sectionvideo.mobile {float:left;width:100% !important;padding-top:1%;}
	#detail.mobile { float:left; width:95% !important; padding-bottom:2%; padding-top: 10px; margin-top: 1%;}
	.ir_link{ position: static;width:100% !important;}
}
/****************sectionvideo*********************/
#col_left {
	float:left;
	width:30%;
	padding-top:1%;
}


#autofullscreen{ font-size:9px; color:#F00; width:98%;}
#video.desktop {
	height:220px !important;
}
#sectionvideo {
	float:left;
	width:100%;
	padding-top:1%;
}
#video {
	width:98% !important;
	background:#000;
}
#player { display:block; width:98%; height:220px; background:#000;}
#time {
	font-size:14px;
	text-align:right;
	padding-top:5px;
	width:98%;
	color:#3e3e3e;
	}
#vdocontrol {
width:100%;	margin-top:10px; float:left;
	}
a.play{ float:left; display:block; width:32px; height:33px; background:url(../images/vdoontrol.png) 0px 0px;}
a.volume{ float:left; margin-left:2%; display:block; width:32px; height:33px; background:url(../images/vdoontrol.png) -111px 33px;}
a.fullscreen{ float:right; margin-right:5%; display:block; width:32px; height:33px; background:url(../images/vdoontrol.png) -74px 0px;}
a.play.activeStart { background-position:0px 33px;}
a.play.active { background-position:-37px 0px;}
a.play.active.playhover { background-position:0px 33px;}
a.play.pausehover { background-position:-37px 33px;}
a.volume.unactive{ background-position:-111px 0px;}
#detail { float:left; width:95%;color: white;padding: 0 0 3% 3%;}
#detailLink {float:left; width:100%;}
.title {width:80%; color:#fff; font-size:18px; padding:4% 2% 2% 2%; }
.date {color:#fff; font-size:12px; padding-left:2%; padding-top:2%;}
.venue {color:#fff; font-size:12px; padding:2% 0 2% 2%;}
.ir_link {color:#3e3e3e; font-size:12px; padding:2% 0 2% 2%;}
.ir_link a{font-size: 12px;color:#3e3e3e !important;}
#seekcontrol {width:100%; margin-top:3px; float:left;}
/****************end sectionvideo*********************/

/****************sectionslides*********************/
#sectionslides {
	float:left;
	width:70%;
	background:#FFF;
}
#slideCurrent {
	float:left;
	width:100%;
	background: url(../images/loading.gif) no-repeat center center;
}
#slideCurrent.mobile{
	height:auto !important;
}
#slidecontrols {
	float:left;
	width:100%;
	text-align:center;
	font-size:14px;
	padding-bottom:5px;
}
.article{
float:left;
position:absolute;
display:none;
width:100%;
}
.article img{
width:100%;
}
.article.current{
position:relative;
left:0;
display:inline;
}
/****************end sectionslides*********************/
/****************slidepreview*********************/
/*slidepreview for mobile device*/
#slidepreview {
	position:absolute;
	width:98%;
	padding:0.5% 1%;
	text-align:center;
	font-size:12px;
	border-top:1px #d3d3d3 solid;
	background-image: -ms-linear-gradient(#ffffff , #d3d3d3); /* IE10 */
	background-image: linear-gradient(#ffffff , #d3d3d3); /* Opera 11.10+ */
	background-image: -o-linear-gradient(#ffffff , #d3d3d3);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to (#d3d3d3) );  /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#ffffff , #d3d3d3); /* Chrome 10+, Saf5.1+  */
	background-image: -moz-linear-gradient(#ffffff , #d3d3d3); /* FF3.6 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#d3d3d3')"; /* IE8 */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#d3d3d3'); /* IE6,IE7 */
}
#show {
	width:100%;
	padding:5px 0px;
	background:#787878;
	position:absolute;
	z-index:-1;
	left:0;
	bottom:0;
	opacity:0.0;
	filter: alpha(opacity=0);
	-webkit-user-select: none;
	-moz-user-select: none;
}			
#wrapper {
	width:96%;
	margin:0 auto;
	background:#787878;
	overflow:auto;
}
.wrapper-animateposition {
	opacity:0.8 !important;
	filter: alpha(opacity=80) !important;
	z-index:1 !important;
}
#scroller {
	height:100%;
	float:left;
	padding:0;	
}
#scroller ul {
	list-style:none;
	display:block;
	float:left;
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	text-align:left;
}
#scroller li {
	display:block;
	vertical-align:middle;
	float:left;
	background:#1e1e1e;
	text-align:center;
	width:100px;
	margin-left:5px;
	text-align:center;
}
#scroller li a { 
	color:#fff; text-decoration:none; font-weight:normal; font-size:11px; text-shadow:none; 
}
#scroller li img{
	width:100%;
}
#scroller li span{ 
	margin:0px; padding:0px; text-align:center;
}
#copyright {
	float:right;
	width:175px;
	color:#454545;
	text-align:right;
	padding-top:10px;
}
#copyright span.black{
	color:#010101;
	font-weight:bold;
}
#copyright span.red{
	color:#e30e0e;
	font-weight:bold;
}

#slidebuttom {
	float:left;
	width:130px;
}
#slidebuttom a{
	float:left;
	display:block;
	width:126px;
	height:32px;
	border:1px #bbbbbb solid;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius:4px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to (#dfdfdf) );  /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#fefefe , #dfdfdf); /* Chrome 10+, Saf5.1+  */
	background-image: -moz-linear-gradient( #fefefe, #dfdfdf); /* FF3.6 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fefefe', EndColorStr='#dfdfdf')"; /* IE8 */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#fefefe', EndColorStr='#dfdfdf'); /* IE6,IE7 */
	color:#3d3d3d;
	text-decoration:none;
	}
#slidebuttom a.active{
	background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to (#c6c6c6) );  /* Saf4+, Chrome */
	background-image: -webkit-linear-gradient(#dddddd , #c6c6c6); /* Chrome 10+, Saf5.1+  */
	background-image: -moz-linear-gradient( #dddddd, #c6c6c6); /* FF3.6 */
	 -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#dddddd', EndColorStr='#c6c6c6')"; /* IE8 */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#dddddd', EndColorStr='#c6c6c6'); /* IE6,IE7 */
	}
#slidebuttom a span.icon{
	position:relative;
	top:5px;
	}
#slidebuttom a span.font{
	position:relative;
	left:5px;
	}
/*slidepreview for desktop*/
#viewport2 {
	position: relative;
	width: 96%;
	margin:0 auto;
	overflow: hidden;
	
}
#mouseSwipeScroll {
	-webkit-user-select: none;
	-moz-user-select: none;
	position: relative;
	margin: 0px;
	cursor:pointer;
	width: 100%;
}

.panel {
	margin: 0px;
	padding: 0px;
	width: 105px;
    overflow: hidden;
	text-align:center;
}
.panel a img{
	width: 100px;
	margin: 0px;
	padding: 0px;
}
.panel a span{
	width: 100px;
	display:inline-block;
	font-size:11px;
	color:#FFF;
	background:#000;
	font-weight:normal;
	text-shadow:none;
	text-decoration:none;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}


#agenda .ui-select .ui-shadow{box-shadow: inset 2px 1px 1px /*{global-box-shadow-size}*/ rgba(0,0,0,.5) /*{global-box-shadow-color}*/;}
#agenda .ui-select .ui-btn-corner-all{-moz-border-radius: 10px /*{global-radii-buttons}*/;-webkit-border-radius: 10px /*{global-radii-buttons}*/; border-radius: 10px /*{global-radii-buttons}*/;}
#agenda .ui-select .ui-icon{
height: 48px; width: 48px;
background: url(../images/select_bg.jpg) no-repeat top left;
-moz-border-radius: 0px 10px 10px 0px;
-webkit-border-radius: 0px 10px 10px 0px !important;
border-radius: 10px;
display: none;
}
#agenda .ui-select .ui-btn-icon-right > .ui-btn-inner > .ui-icon{ top: 0%; margin-right: -18px; margin-top: -2px;}
#agenda .ui-select .ui-btn-inner{background: url(../images/select_bg.jpg) no-repeat 100% -2px;}


#slidecontrols #previous {background: url(../images/previous_btn.jpg) no-repeat top left;height: 31px; width: 72px;}
#slidecontrols #previous.ui-btn-corner-all{-moz-border-radius: 10px /*{global-radii-buttons}*/; -webkit-border-radius: 10px /*{global-radii-buttons}*/; border-radius: 10px /*{global-radii-buttons}*/;}
#slidecontrols #previous .ui-btn-inner{display: none;}

#slidecontrols #next {background: url(../images/next_btn.jpg) no-repeat top left;height: 31px; width: 72px;}
#slidecontrols #next.ui-btn-corner-all{-moz-border-radius: 10px /*{global-radii-buttons}*/; -webkit-border-radius: 10px /*{global-radii-buttons}*/; border-radius: 10px /*{global-radii-buttons}*/;}
#slidecontrols #next .ui-btn-inner{display: none;}