@charset "utf-8";
/* Speakers Popup Setting
***********************/
.speakersPopup
{ position:fixed; width:100%; height:100%; z-index:1500; visibility:hidden; overflow:auto;}
.speakersPopup .offArea
{ position:absolute; width:100%; height:100%; z-index:0;}
.speakersPopup .popupOuter
{ padding:5% 0px;}
.speakersPopup .popupContent
{ position:relative; width:94%; max-width:1000px; margin:0px auto; background:#fff;}
.speakersPopup .popupContent .btnClose
{ position:absolute; right:20px; top:20px; width:24px; height:24px; z-index:500;}
.speakersPopup .popupContent .btnClose a
{ display:block; width:100%; height:100%;}
.speakersPopup .popupContent .btnClose img
{ width:24px; height:24px;}

.speakersPopup .popupContent 
{}
.speakersPopup .popupContent .lCol
{ width:300px; text-align:right; vertical-align:top;}
.speakersPopup .popupContent .lCol .table-wrap
{ margin-left:auto; width:200px;}
.speakersPopup .popupContent .lCol .tmbCol
{ display:block; }
.speakersPopup .popupContent .lCol .tmbCol img
{ display:block; width:100%; height:auto;}
.speakersPopup .popupContent .lCol .mCol
{ display:block; height:10px;}
.speakersPopup .popupContent .lCol .txtCol
{ display:block;}
.speakersPopup .popupContent .lCol .txtCol b
{ display:block; text-align:left; font-size:32px; font-size:2.667rem; line-height:1; color:#444; margin-bottom:10px; font-weight:normal; /*visibility:hidden;*/margin-top:10px;}
.speakersPopup .popupContent .lCol .txtCol span
{ display:block; margin:0px; margin-bottom:10px; width:20px; height:2px; background:#d01822;}
.speakersPopup .popupContent .lCol .txtCol p
{ text-align:left; font-size:18px; font-size:1.5rem; line-height:1.3; color:#444; padding:10px 0px 20px 0px; margin-bottom:0px;}
.speakersPopup .popupContent .lCol .txtCol p span
{ display:inline; margin:0px; width:100%; height:auto; background:none;}
.speakersPopup .popupContent .lCol .txtCol p .position
{ display:inline-block; line-height:1.1; padding-bottom:6px;}
.speakersPopup .popupContent .lCol .txtCol p .company
{ display:inline-block; line-height:1.2; padding-bottom:14px;}


.speakersPopup .popupContent .sepCol
{ width:26px;}
.speakersPopup .popupContent .rCol
{ vertical-align:top;}
.speakersPopup .popupContent .rCol .detailsContentWrap
{ padding:20px 0px; width:90%;}
.speakersPopup .popupContent .rCol p
{ text-align:left; font-size:18px; font-size:1.5rem; line-height:1.3; color:#444; padding:100px 20px 20px 0px; margin-bottom:0px;}
.speakersPopup .popupContent .rCol h4
{ display:block; text-align:left; font-size:32px; font-size:2.667rem; line-height:1.3; color:#444; margin-bottom:5px; padding:0px 20px 0px 0px; font-weight:normal; /*visibility:hidden;*/ display:none;}
.speakersPopup .popupContent .rCol .detailsContent
{ background:#f8f8f8; display:none;}
.speakersPopup .popupContent .rCol .detailsContent .detailsInner
{ padding:20px; text-align:left;}
.speakersPopup .popupContent .rCol .detailsContent .detailsInner h5
{ display:block; font-size:20px; font-size:1.667rem; line-height:1.3; color:#444; margin-bottom:10px; font-weight:normal; /*visibility:hidden;*/}
.speakersPopup .popupContent .rCol .detailsContent .detailsInner b
{ display:block; font-size:18px; font-size:1.5rem; line-height:1.3; color:#444; margin-bottom:5px; font-weight:bold; /*visibility:hidden;*/}
.speakersPopup .popupContent .rCol .detailsContent .detailsInner p
{ display:block; font-size:18px; font-size:1.5rem; line-height:1.3; color:#444; margin-bottom:10px; padding:0px; font-weight:normal; /*visibility:hidden;*/}
.speakersPopup .popupContent .rCol .detailsContent .detailsInner a.btnLearn
{ display:inline-block; font-size:20px; font-size:1.667rem; line-height:1.3; color:#cf181d; font-weight:bold; /*visibility:hidden;*/}

.speakersPopup .navWrap
{ width:94%; margin:0px auto; padding:20px 0px 50px 0px;}
.speakersPopup .navWrap .prevCol
{ text-align:left;}
.speakersPopup .navWrap .nextCol
{ text-align:right;}
.speakersPopup .navWrap .prevCol a,
.speakersPopup .navWrap .nextCol a
{ position:relative; display:inline-block; width:120px; padding:5px 0px; color:#cf181d; font-size:20px; font-size:1.667rem; line-height:1.3; border-bottom:2px solid #cf181d;}
.speakersPopup .navWrap .prevCol a
{ text-align:right;}
.speakersPopup .navWrap .nextCol a
{ text-align:left;}
.speakersPopup .navWrap .prevCol a img,
.speakersPopup .navWrap .nextCol a img
{ width:auto; height:1.667rem; }
.speakersPopup .navWrap .prevCol .arrowCol
{ width:50%; text-align:left;}
.speakersPopup .navWrap .prevCol .txtCol
{ width:50%; text-align:right; text-transform:uppercase;}
.speakersPopup .navWrap .nextCol .arrowCol
{ width:50%; text-align:right;}
.speakersPopup .navWrap .nextCol .txtCol
{ width:50%; text-align:left; text-transform:uppercase;}

/* Speakers Setting
***********************/
.speakersBannerSection
{ width:100%; height:386px; background:#000;}
.speakersBannerSection .speakersBannerBg
{ width:100%; height:386px; background:url(../images/speaker/img-banner.jpg) no-repeat top center; background-size:cover;}
.speakersBannerSection .speakersBannerInner
{ width:94%; height:90%; margin:0px auto;}
.speakersBannerSection .speakersBannerInner .table-cell
{ vertical-align:bottom;}
.speakersBannerSection h1
{ text-align:left; color:#fff; font-size:60px; font-size:5rem; line-height:1.3; font-weight:500; text-transform:uppercase; letter-spacing:1.5px;}

.speakersContentSection
{ width:100%; background:#fff;}
.speakersContentSection .speakersContentInner
{ width:94%; max-width:1280px; padding:50px 0px; margin:0px auto;}
.speakersContentSection .speakersContentInner p.title
{ text-align:left; font-size:32px; font-size:2.667rem; line-height:1.3; color:#444; margin-bottom:30px;}

.speakersContentSection .speakersContentInner p.notes
{ text-align:left; font-size:20px; font-size:1.667rem; line-height:1.5; color:#444; margin-bottom:25px; /*visibility:hidden;*/}
.speakersContentSection .speakersContentInner p.notes a
{color:#cf181d;}
	
.speakersContentSection .speakersContentInner .item
{ float:left; width:20%; margin-bottom:30px;}
.speakersContentSection .speakersContentInner .itemInner
{ position:relative; width:96%; overflow:hidden; margin:0px auto; background:#fff; transition-property: box-shadow; transition-duration: .15s; transition-timing-function: linear; -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25); box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);}
.speakersContentSection .speakersContentInner .itemInner:hover
{ -webkit-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.25); -moz-box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.25); box-shadow: 0px 0px 10px 5px rgba(0,0,0,0.25);}

.speakersContentSection .speakersContentInner .itemInner .photoCol
{ display:block; width:100.2%;}
.speakersContentSection .speakersContentInner .itemInner .sepCol
{ display:none;}
.speakersContentSection .speakersContentInner .itemInner .descCol
{ display:block;}

.speakersContentSection .speakersContentInner .itemInner .btmBr
{ position:absolute; left:0px; bottom:0px; width:0%; height:2px; background:#d01822; content:'';}
.speakersContentSection .speakersContentInner .item .tmbArea
{ margin-bottom:20px; overflow:hidden; }
.speakersContentSection .speakersContentInner .item .tmbArea img
{ width:100%; height:auto; }
.speakersContentSection .speakersContentInner .item b
{ display:block; text-align:center; font-size:24px; font-size:2rem; line-height:1.3; color:#444; margin-bottom:5px; font-weight:normal; /*visibility:hidden;*/}
.speakersContentSection .speakersContentInner .item span
{ display:block; margin:0px auto; width:20px; height:2px; background:#d01822;}
.speakersContentSection .speakersContentInner .item p
{ display:block; text-align:center; font-size:16px; font-size:1.333rem; line-height:1; color:#444; padding:10px 20px 20px 20px; margin-bottom:0px;}
.speakersContentSection .speakersContentInner .item p span
{ display:inline; margin:0px; width:100%; height:auto; background:none;}
.speakersContentSection .speakersContentInner .item p br 
{ content: ''; display: block; margin: 5px 0; } 
.speakersContentSection .speakersContentInner .item p .position
{ display:inline; line-height:1.1; }
.speakersContentSection .speakersContentInner .item p .company
{ display:inline; line-height:1.1;}

@media screen and (max-width:1440px){
/* Speakers Popup Setting
***********************/
.speakersPopup .popupContent .lCol .txtCol b
{ font-size:22px; font-size:1.833rem;}
.speakersPopup .popupContent .lCol .txtCol p
{ font-size:16px; font-size:1.333rem;}

.speakersPopup .popupContent .rCol p
{ font-size:16px; font-size:1.333rem;}
.speakersPopup .popupContent .rCol h4
{ font-size:26px; font-size:2.167rem;}

.speakersPopup .popupContent .rCol .detailsContent .detailsInner h5
{ font-size:20px; font-size:1.677rem;}
.speakersPopup .popupContent .rCol .detailsContent .detailsInner b
{ font-size:18px; font-size:1.5rem;}
.speakersPopup .popupContent .rCol .detailsContent .detailsInner p
{ font-size:14px; font-size:1.167rem;}
.speakersPopup .popupContent .rCol .detailsContent .detailsInner a.btnLearn
{ font-size:18px; font-size:1.5rem;}

.speakersPopup .navWrap .prevCol a,
.speakersPopup .navWrap .nextCol a
{ font-size:18px; font-size:1.5rem;}
.speakersPopup .navWrap .prevCol a img,
.speakersPopup .navWrap .nextCol a img
{ width:auto; height:1.5rem; }

/* Speakers Setting
***********************/
.speakersBannerSection h1
{ font-size:48px; font-size:4rem;}

.speakersContentSection .speakersContentInner p.notes
{ font-size:16px; font-size:1.333rem;}

.speakersContentSection .speakersContentInner p.title
{font-size:22px; font-size:1.833rem;}

.speakersContentSection .speakersContentInner .item
{ width:20%; }
.speakersContentSection .speakersContentInner .item b
{ font-size:18px; font-size:1.5rem;}
.speakersContentSection .speakersContentInner .item p
{ font-size:14px; font-size:1.167rem;}
}

@media screen and (max-width:1024px){

/* Speakers Setting
***********************/
.speakersContentSection .speakersContentInner .item
{ width:25%; }
}
@media screen and (max-width:768px){
/* Speakers Popup Setting
***********************/
.speakersPopup .popupContent .lCol
{ width:250px}
.speakersPopup .popupContent .lCol .txtCol b
{ font-size:22px; font-size:1.833rem;}
.speakersPopup .popupContent .lCol .txtCol p
{ font-size:14px; font-size:1.167rem;}

/* Speakers Setting
***********************/
.speakersBannerSection
{ width:100%; height:320px; background:#000;}
.speakersBannerSection .speakersBannerBg
{ width:100%; height:320px; background:url(../images/speaker/img-banner-s.jpg) no-repeat top center; background-size:cover;}
.speakersBannerSection h1
{ font-size:48px; font-size:4rem;}

.speakersContentSection .speakersContentInner p.notes
{ font-size:16px; font-size:1.333rem;}
.speakersContentSection .speakersContentInner .item
{ width:33.3333%; }
.speakersContentSection .speakersContentInner .item b
{ font-size:18px; font-size:1.5rem;}
.speakersContentSection .speakersContentInner .item p
{ font-size:14px; font-size:1.167rem;}
}

@media screen and (max-width:600px){
.speakersPopup .popupContent 
{}
.speakersPopup .popupContent .btnClose
{ top:20px; right:20px;}
.speakersPopup .popupContent .lCol
{ display:block; width:100%; text-align:left; padding-top:20px;}
.speakersPopup .popupContent .lCol .table-wrap
{ margin-left:0; width:94%; margin:0px auto;}
.speakersPopup .popupContent .lCol .tmbCol
{ display:table-cell; width:30%;}
.speakersPopup .popupContent .lCol .mCol
{ display:table-cell; width:20px; height:auto;}
.speakersPopup .popupContent .lCol .txtCol
{ display:table-cell;}
.speakersPopup .popupContent .lCol .txtCol p
{ padding:0px;}
.speakersPopup .popupContent .rCol .detailsContentWrap
{ width:94%; margin:0px auto;}
.speakersPopup .popupContent .rCol p
{ padding:0px; padding-bottom:20px;}


.speakersPopup .popupContent .sepCol
{ display:none; width:100%; height:20px;}
.speakersPopup .popupContent .rCol
{ display:block; width:100%;}


/* Speakers Popup Setting
***********************/
.speakersContentSection .speakersContentInner .item
{ width:100%; margin-bottom:20px;}
.speakersContentSection .speakersContentInner .item .itemInner
{ width:100%; }
.speakersContentSection .speakersContentInner .itemInner .photoCol
{ display:table-cell; width:34%;}
.speakersContentSection .speakersContentInner .item .tmbArea
{ margin:0px;}
.speakersContentSection .speakersContentInner .itemInner .sepCol
{ display:table-cell; width:20px;}
.speakersContentSection .speakersContentInner .itemInner .descCol
{ display:table-cell;}
.speakersContentSection .speakersContentInner .item p
{ padding-bottom:0px;}
}

@media screen and (max-width:425px){
/* Speakers Popup Setting
***********************/
.speakersPopup .popupContent .lCol .txtCol b
{ font-size:20px; font-size:5vw;}
.speakersPopup .popupContent .lCol .txtCol p
{ font-size:14px; font-size:3.5vw;}

.speakersPopup .popupContent .rCol p
{ font-size:14px; font-size:3.5vw;}
.speakersPopup .popupContent .rCol h4
{ font-size:24px; font-size:6vw;}

.speakersPopup .popupContent .rCol .detailsContent .detailsInner h5
{ font-size:20px; font-size:5vw;}
.speakersPopup .popupContent .rCol .detailsContent .detailsInner b
{ font-size:16px; font-size:4vw;}
.speakersPopup .popupContent .rCol .detailsContent .detailsInner p
{ font-size:14px; font-size:3.5vw;}
.speakersPopup .popupContent .rCol .detailsContent .detailsInner a.btnLearn
{ font-size:16px; font-size:4vw;}

.speakersPopup .navWrap
{ padding:20px 0px 50px 0px; padding:2vw 0px 7.5vw 0px;}
.speakersPopup .navWrap .prevCol a,
.speakersPopup .navWrap .nextCol a
{ font-size:16px; font-size:4vw;}
.speakersPopup .navWrap .prevCol a img,
.speakersPopup .navWrap .nextCol a img
{ width:auto; height:4vw; }

/* Speakers Setting
***********************/
.speakersBannerSection
{ width:100%; height:320px; height:60vw;}
.speakersContentSection .speakersContentInner
{ padding:30px 0px; padding:7.5vw 0px;}
.speakersBannerSection .speakersBannerBg
{ width:100%; height:320px; height:60vw;}
.speakersBannerSection h1
{ font-size:32px; font-size:8vw;}

.speakersContentSection .speakersContentInner p.notes
{ font-size:16px; font-size:4vw;}
.speakersContentSection .speakersContentInner p.title
{font-size:20px; font-size:5vw;}
.speakersContentSection .speakersContentInner .item
{ margin-bottom:20px; margin-bottom:5vw;}
.speakersContentSection .speakersContentInner .item b
{ font-size:20px; font-size:5vw;}
.speakersContentSection .speakersContentInner .item p
{ font-size: 14px; font-size: 3.5vw; padding-left:0px;}
.speakersContentSection .speakersContentInner .item p .company
{ padding-bottom:0px;}
}