html, body { scroll-behavior:smooth; }
body {
  width: 100%;
  /*overflow-x: hidden;*/
  background-color:#000000;
  
  font-family: Arial,Helvetica Neue, SegoeLight, "Segoe UI", Segoe, Verdana, sans-serif, 微軟正黑體, "Microsoft JhengHei";
  font-size: 18px;
}

/*.container {
    width: 1140px !important;
	max-width: 1140px !important;
}*/

._fc-w{
	color:white;
}
._td-u{
    text-decoration: underline; 
}
.sampleul{
    display: block;
    margin:0;padding:0;
    list-style:none;
}

@font-face {
  font-family: 'eurofighter';
  unicode-range: U+00-024F;
  src: url("../fonts/eurofighter.eot");
  src: url("../fonts/eurofighter.eot#iefix") format("embedded-opentype"), url("../fonts/eurofighter.ttf") format("truetype"), url("../fonts/eurofighter.woff") format("woff"), url("../fonts/eurofighter.svg") format("svg");
  font-weight: normal;
  font-style: normal; }
  
  
@font-face {
  font-family: 'Copperplate-Light';
  unicode-range: U+00-024F;
  src: url("../fonts/Copperplate-Light.eot");
  src: url("../fonts/Copperplate-Light.eot#iefix") format("embedded-opentype"), url("../fonts/Copperplate-Light.ttf") format("truetype"), url("../fonts/Copperplate-Light.woff") format("woff"), url("../fonts/Copperplate-Light.svg") format("svg");
  font-weight: normal;
  font-style: normal; }

._f-Copperplate-Light{
	font-family: 'Copperplate-Light';
}
.f-eurofighter{
    font-family: 'eurofighter';
}

.fstyle01{
	font-family: 'eurofighter';
	font-size:36px;
	text-transform:lowercase;
	color:#ffffff;
	margin-top:15px;
	padding-bottom:5px;
	border-bottom:1px #ffffff solid;
}

.h_btn{
    display: inline-block;
    padding:0.2em 0.5em;
    margin:5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.h_btn._01{
    border:1px #ecbb5b solid;
    color:#ecbb5b;
}
.h_btn._01:hover{
    border-color:#af8a42;
    color:#af8a42;
}
.h_btn._02{
    border:1px #ecbb5b solid;
    background-color:#ecbb5b;
    color:#000;
}
.h_btn._02:hover{
    border-color:#af8a42;
    background-color:#af8a42;
}
.h_btn.js--classmore{
    cursor:pointer;
}

/*menu*/
#menuicon {
    outline: 0;
    top: 10px;
    left: 10px;
    width: 50px;
    height: 50px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: transparent;
    padding: 5px;
    border: 1px #ccc solid;
	border-right-color:#CCCCCC;
	transition: border-right-color 0.5s;
    z-index: 9;
}
#menuicon._open{
	border-right-color:rgba(35, 31, 32, 1);
}
#menuicon:before, #menuicon:after {
	display:block;
    content: '';
    height: 2px;
    width: calc(100% - 20px);
    background-color: #ccc;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
	position:absolute;
    left: 10px;
	top:23px;
}
#menuicon:before {
    -webkit-animation: menuami-b-o 1s forwards;
    animation: menuami-b-o 1s forwards;
}
#menuicon:after {
    -webkit-animation: menuami-a-o 1s forwards;
    animation: menuami-a-o 1s forwards;
}
#menuicon._open:before {
    -webkit-animation: menuami-b-c 1s forwards;
    animation: menuami-b-c 1s forwards;
}
#menuicon._open:after {
    -webkit-animation: menuami-a-c 1s forwards;
    animation: menuami-a-c 1s forwards;
}
@-webkit-keyframes menuami-b-c {
    0%{
        transform:translateY(-5px) rotate(0);
    }
    50%{
        transform:translateY(0) rotate(0);
    }
    100%{
        transform:translateY(0) rotate(-45deg);
    }
}
@keyframes menuami-b-c {
    0%{
        transform:translateY(-5px) rotate(0);
    }
    50%{
        transform:translateY(0) rotate(0);
    }
    100%{
        transform:translateY(0) rotate(-45deg);
    }
}


@-webkit-keyframes menuami-b-o {
    0%{
        transform:translateY(0) rotate(-45deg);
    }
    50%{
        transform:translateY(0) rotate(0);
    }
    100%{
        transform:translateY(-5px) rotate(0);
    }
}
@keyframes menuami-b-o {
    0%{
        transform:translateY(0) rotate(-45deg);
    }
    50%{
        transform:translateY(0) rotate(0);
    }
    100%{
        transform:translateY(-5px) rotate(0);
    }
}


@keyframes -webkit-menuami-a-c {
    0%{
        transform:translateY(5px) rotate(0);
    }
    50%{
        transform:translateY(0) rotate(0);
    }
    100%{
        transform:translateY(0) rotate(45deg);
    }
}
@keyframes menuami-a-c {
    0%{
        transform:translateY(5px) rotate(0);
    }
    50%{
        transform:translateY(0) rotate(0);
    }
    100%{
        transform:translateY(0) rotate(45deg);
    }
}


@keyframes -webkit-menuami-a-o {
    0%{
        transform:translateY(0) rotate(45deg);
    }
    50%{
        transform:translateY(0) rotate(0);
    }
    100%{
        transform:translateY(5px) rotate(0);
    }
}
@keyframes menuami-a-o {
    0%{
        transform:translateY(0) rotate(45deg);
    }
    50%{
        transform:translateY(0) rotate(0);
    }
    100%{
        transform:translateY(5px) rotate(0);
    }
}

#posmenu {
    top: 10px;
    left: calc(49px + 10px);
    background-color: rgba(0, 0, 0, 0.9);
    border: 1px #ccc solid;
    padding: 20px;
    z-index: 8;
	display:none;
    list-style:none;
}
#posmenu li + li {
    margin-top: 2vh;
}
#posmenu a {
	color:#cccccc;
	font-size: 1.2em;
    position: relative;
}
#posmenu a:hover{
	color:#ecbb5b;
	text-decoration:none;
}
#posmenu a.comingsoon span{
	color:#414141;
}




a, a:hover, a:visited, a:active, a:focus {
    color: #fff;
    text-decoration: none;
}
a._linkstyle{
	text-decoration:underline;
}
._color-syg,.ulstyle01 span ._color-syg,.ulstyle01,.olstyle01,a._linkstyle:hover {
    color: #ecbb5b;
}
.ulstyle01 span,.olstyle01 li{
	color: #ffffff;
}

.ulstyle01 li + li, .olstyle01 li + li {
  margin-top: 1em; }

.ulstyle01 li + li, .olstyle01 li + li {
  margin-top: 1em; }
  
  
.logoimg{
	color:#ffffff;
} 
.logoimg a{
	transition: all 500ms;
	top:0;
}
.logoimg a img {
    border: 1px #333 solid;
	transition: all 500ms;
}
.logoimg a:hover{
    position: relative;
    top: -5px;
}
.logoimg a:hover img{
	border-color:#ffffff;
}



/*def_btn*/
.def_btn{
	display:block;
	width:364px;
	height:106px;
	box-sizing: border-box;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:left top;
	margin-bottom:10px;
}
.def_btn:hover{
	background-position:right top;
}
.def_btn span{
	display:none;
}
.def_btn.callforpaper_btn{
	background-image:url("../images/callforpaper_btn.png");
	margin-bottom:25px;
}
.def_btn.earlybirdtucket_btn{
	background-image:url("../images/earlybirdtucket_btn.png");
	margin-bottom:25px;
}
.def_btn.callforsponsors_btn{
	background-image:url("../images/callforsponsors_btn.png");
}
.def_btn.callfortraining_btn{
    background-image:url("../images/callfortraining_btn.png");
}

.earlybirdtucket_reg_btn{
	display:block;
	max-width:1139px;
    width:100%;
	height:0;
    padding-bottom:11.6769%;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:left top;
	background-image:url("../images/earlybirdtucket_reg_btn.png");
}
.earlybirdtucket_reg_btn._en{
    background-image:url("../images/earlybirdtucket_reg-en_btn.png");
}
.earlybirdtucket_reg_btn span{
	display:none;
}
.earlybirdtucket_reg_btn:hover{
	background-position:left bottom;
}.earlybirdtucket_reg_btn._close,.earlybirdtucket_reg_btn.close:hover{
    opacity: 0.5;
    background-position:left top;
}
/*@media (max-width:767px){
    .earlybirdtucket_reg_btn{
        background-image:url("../images/earlybirdtucket_reg_btn-xs.png");
        padding-bottom:72.745%;
        max-width:510px;
    }
    .earlybirdtucket_reg_btn._en{
        background-image:url("../images/earlybirdtucket_reg-en_btn-xs.png");
    }
}*/



.discounttucket_reg_btn{
    display:block;
    max-width:1139px;
    width:100%;
    height:0;
    padding-bottom:15.8033%;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:left top;
    background-image:url("../images/discounttucket_reg_btn.png");
}
.discounttucket_reg_btn._en{
    background-image:url("../images/discounttucket_reg-en_btn.png");
}
.discounttucket_reg_btn span{
    display:none;
}
.discounttucket_reg_btn:hover{
    background-position:left bottom;
}
.discounttucket_reg_btn._close,.discounttucket_reg_btn.close:hover{
    opacity: 0.5;
    background-position:left top;
}
@media (max-width:767px){
    .discounttucket_reg_btn{
        background-image:url("../images/discounttucket_reg_btn-xs.png");
        padding-bottom:72.745%;
        max-width:510px;
    }
    .discounttucket_reg_btn._en{
        background-image:url("../images/discounttucket_reg-en_btn-xs.png");
    }
}


.def-arrowline {
    max-width: 364px;
    max-height: 106px;
    width: 100%;
    cursor: pointer;
}
.def-arrowline:hover polygon {
  stroke: #ecbb5b;
}
.def-arrowline polygon {
  transition: stroke 1s;
}

/*reg-point*/
.reg-point{
	font-size:15px;
	color:#ffffff;
}
.reg-point .date{
	font-family: 'Copperplate-Light';
}
.reg-point .prise{
	font-family: 'Copperplate-Light';
	font-size:30px;
}
.logoimg {
    padding-top: 15px;
    padding-bottom: 15px;
}
.speakerListItem{
    margin-top:20px;
    margin-bottom:20px;
}
.speakerListItem[data-id]{
    cursor:pointer;
    position: relative;
    top:0;
    -webkit-transition: top 0.5s;
    -o-transition: top 0.5s;
    transition: top 0.5s;
}
.speakerListItem[data-id]:hover{
    top:-5px;
}
.speakerListItem .speaker_simg{
    margin-bottom:10px;
}
.speakerListItem .name{
    font-size:22px;
    color:#ecbb5b;
}
@media(max-width:768px){
    .speakerListItem .name{
        font-size:18px;
    }
}
.speakerListItem .title{
    padding-top:5px;
    border-top:1px #fff solid;
    color:white;
}
#speakerModalLabel .speakerName{
    color:#ecbb5b;
    font-size:calc(18px + 0.6666vw);
}
#speakerModalLabel .titleStyle,
#classModalLabel .titleStyle{
    padding-bottom:5px;
    margin-bottom:5px;
    margin-top:20px;
    border-bottom:1px #ddd dotted;
    font-size:calc(18px + 0.4444vw);
}
#speakerModalLabel .modal-content{
    top:320px;
}
#speakerModalLabel .spimgBox{
    position: absolute;
    top: -320px;
}
#speakerModalLabel div.js--bpic{
    background-size:cover;
    background-position: center bottom;
    background-repeat: no-repeat;
    width:300px;
    height:300px;
    margin:0 auto;
}
#speakerModalLabel[data-lang='en'] .ch_show{
    display:none;
}
@media (max-width:400px){
    #speakerModalLabel div.js--bpic{
        width:100px;
        height:100px;
    }
    #speakerModalLabel .modal-content{
        top:120px;
    }
    #speakerModalLabel .spimgBox{
        top: -120px;
    }
}
._xsshow{
    display: none;
}
@media(max-width:769px){
    ._rwdtable,._rwdtr,._rwdtd{
        display: block;
        width: 100%;
    }
    ._rwdtable tbody,._rwdtable thead{
        width: 100%;
    }
    ._rwdtr{
        border-bottom:2px #32383e solid;
    }
    ._rwdtr:nth-child(even) td{
        background-color: #222;
    }
    ._xshide{
        display: none;
    }
    ._xsshow{
        display: block;
    }
}

.agendaTable .topic{
    font-size: 22px;
    color: #ecbb5b;
}
.agendaTable .topic+.speaker,
.agendaTable .speaker+.speaker,
.agendaTable .badge+.speaker{
    margin-top:10px;
}
.agendaTable .breakZone td,.breakZone{
    background-color: #333;
}
.agendaTable .w_topic{
    font-size: 22px;
}
.agendaTable .timebox{
    width:8em;
}
.agendaTable .box3-1{
    width: 28.8%;
}
.agendaTable .box3-2{
    width: calc(28.8% * 2);
}
@media(max-width:769px){
    .agendaTable .box3-1,
    .agendaTable .box3-2,
    .agendaTable .timebox{
        width: auto;
    }
}
.agendaTable .speaker{
    color:#ccc;
}
.agendaTable .speaker .js--speaker[data-id]{
    cursor: pointer;
    text-decoration: underline;
}
.agendaTable .speaker .js--speaker[data-id]:hover{
    color:#fff;
}
#myTab{
    border-bottom:1px #ecbb5b solid;
}
@media(max-width:768px){
    .agendaTable .topic,
    .agendaTable .w_topic{
        font-size:calc(15px + 0.666vw);
    }
    .agendaTable .speaker{
        font-size:calc(15px + 0.444vw);
    }
}

hr._hrstyle01 {
    margin-top: 25px;
    margin-bottom: 25px;
    border: 0;
    border-top: 1px solid #eee;
}
hr._hrstyle02{
    height:20px;
    border: 0;
}
hr._hrstyle03 {
    margin-top: 25px;
    margin-bottom: 25px;
    border: 0;
    border-top: 1px solid #333;
}
hr._hrstyle04{
    height:30px;
    border: 0;
}
.top_btn {
    position: fixed;
    right: 5%;
    bottom: -15%;
    -webkit-transition: bottom 0.5s;
    -o-transition: bottom 0.5s;
    transition: bottom 0.5s;
    z-index: 9;
}
.top_btn._show {
    bottom: 5%;
}
/*bootstrap hack*/
#myTab.nav-pills .nav-link.active, #myTab.nav-pills .show>.nav-link {
    background-color: #ecbb5b;
    color:#000;
}
#myTab.nav-pills .nav-link{
    border-radius: 0;
}
.modal-content, .btn {
    border-radius: 0;
}
#speakerModalLabel .close{
    background-color: #ffffff;
    border-radius: 50%;
    font-size: 0%;
    width: 30px;
    height: 30px;
    opacity: 1;
}
#speakerModalLabel .close:hover{
    background-color: #ecbb5b;
}
#speakerModalLabel .close span{
    font-size:20px;
}
.modal-backdrop.show{
    opacity: 0.85;
}
.table-dark{
    background-color: #000;
}

.training_reg_btn{
    display:block;
    max-width:943px;
    width:100%;
    height:0;
    padding-bottom:13.6797%;
    background-repeat:no-repeat;
    background-size:cover;
    background-position:left top;
    background-image:url("../images/training-regbtn.png");
}
.training_reg_btn span{
    display:none;
}
.training_reg_btn:hover{
    background-position:left bottom;
}
@media (max-width:769px){
    .training_reg_btn{
        background-image:url("../images/training-regbtn-xs.png");
        padding-bottom:59.56%;
        max-width:769px;
    }
}

.tra_bookmarkbtn a{
    font-family:'eurofighter';
    color:#818181;
    text-decoration: none; 
    position: relative;
    padding-bottom:4px;
    margin-bottom:10px;
    line-height: 1.2em;
    padding-bottom: 15px;
}
.tra_bookmarkbtn a:after{
    content:'';
    display:block;
    width:4em;
    height:0;
    border-bottom:4px #818181 solid;
    margin:0 auto;
    position: absolute;
    left:calc(50% - 2em);
    bottom:0;
}
.tra_bookmarkbtn a:hover{
    color:#fff;
}
.tra_bookmarkbtn a:hover:after{
    border-bottom-color:#fff;
}

.kindTitle{
    font-family:'eurofighter';
    color:#fff;
}
.kindlist{
    margin-bottom:30px;
}
.kinditem{
    border:1px #414141 solid;
    color:#fff;
    margin-bottom:30px;
}
.kindpadding{
    padding:15px 10px;
}
.itemTitle{
    display: block;
    font-size:calc(18px + 0.4444vw);
    color:#ecbb5b;
    border-bottom:1px #fff solid;
    padding-bottom:0.25em;
}
.tagbox span{
    padding:0.25em 0.5em;
    display: inline-block;
    background-color:#818181;
    color:#000;
    margin-right:5px;
    margin-top: 5px;
}
#classModalLabel .modal-header{
    border-bottom-color:#ecbb5b;
}
#classModalLabel .modal-title.className{
    color:#ecbb5b;
    font-size:calc(18px + 0.6666vw);
}
#classModalLabel .close{
    opacity: 1;
    color:#ffffff;
    font-size:calc(18px + 0.6666vw);
}
#classModalLabel .close:hover{
    color:#ecbb5b;
}

.cio-round-table .table-master-name,
.titleStringStyle01{
    font-size: 22px;
    font-weight: 700;
}
.date_t-indent{
    text-indent: -2.8em;
    margin-left:2.8em;
}
.bottomLine01{
    position: relative;
    padding-bottom:1em;
    margin-bottom:1em;
}
.bottomLine01:after{
    content:'';
    display: inline-block;
    width: 100%;
    position: absolute;
    bottom:0;
    left:0;
    border-bottom:2px #666 dotted;
}
.titlestyle02{
    display: inline-block;
    padding-bottom:0.2em;
    margin-bottom:1em;
    border-bottom: 4px #ecbb5b solid;
}
.hitcon-def_t-indent li{
    text-indent: -5em;
    padding-left:5em;
}
/*footer link*/
a.footlink{
	color:#ecbb5b;
	font-family:eurofighter;
	font-size:21px;
	text-decoration:none;
	text-transform:lowercase;
}
.footlink:hover{
	color:#AF8A42;
}
.footerlink.comingsoon,.footerlink.comingsoon:hover{
	color:#414141;
}