/*
*
* universal style
*
 */

/*#callforpaper*/
body:lang(cht) content {
    font-family: 'Noto Sans TC';
    line-height: 2;
}


#callforpaper strong {
    font-weight: 500;
}


strong.em {
    color: #c00;
}


a {}

a::before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
}

a[href^="mail"]::before {
    content: "\f199  ";
}

a[href^="tel"]::before {
    content: "\f098  ";
}

a[download] {
    margin-left: 5px;
}
a[download]::before {
    content: "\f56d";
    padding-right: 5px;
}

a[target="_blank"]::before {
    content: "\f360  ";
}

#callforpaper h1,
#callforpaper h2,
#callforpaper h3 {
    text-align: center;
    font-weight: 400;
}

#callforpaper h4,#tourisminfo h4,#accommodations h4 {
    text-align: center;
    padding: 1em 0;
    background: #73bfc4;
    color: #fff;
}

#callforpaper h3 {
    margin: 0;
    padding: 0;
    padding-bottom: 2em;
}

#callforpaper h1,
#callforpaper h2,
#callforpaper h3,
#callforpaper h4,
#callforpaper h5 {
    display: block;
    width: 100%;
}

#callforpaper content {

}

#callforpaper p {
    line-height: 2
}

i + strong {
    display: none;
}

a.attach {
    font-weight: 400;
}


    li:before {
        font-weight: 500;
    }

ol.cjk {
    counter-reset: cjknumber;
    padding-left: 2em;
    list-style-type: none;
}

ol.cjk li {
    list-style: none;
    list-style-position: inside;
    counter-increment: cjknumber;
    margin: 0;
    padding: 0;
}

li p {
    padding-left: 0;
    margin-left: -2em;
}

ol.cjk li::before {
    content: counter(cjknumber, cjk-ideographic) "、 ";
    margin-left: -2em;
    margin-right: -0.25em;
}

ol.decimal-sub {counter-reset: decimal-sub;}
ol.decimal-sub li {counter-increment: decimal-sub;}
ol.decimal-sub li::before {content: counter(decimal-sub, decimal) "、　";margin-left:-2.25em;padding-left:-1.5em;}

ol.none-cjk li {margin-left:2em;padding-left:2em;list-style: none;}

ol.cjk-sub {
    counter-reset: cjk-sub;
    margin: 0;
    padding: 0;
    margin-left: 1em;
}

ol.cjk-sub li {
    list-style: none;
    list-style-position: inside;
    counter-increment: cjk-sub;
}

ol.cjk-sub li::before {
    content: "（"counter(cjk-sub, cjk-ideographic) "） ";
    margin-left: -3em;
    margin-right: -0.25em;
}

ol.cjk-section {
    counter-reset: cjk-section;

}

ol.cjk-section li {
    list-style: none;
    list-style-position: outside;
    counter-increment: cjk-section;
}

ol.cjk-section li::before {
    content: "第"counter(cjk-section, cjk-ideographic) "條 ";
    padding-right: 1em;
    margin-left: -3.75em;
    margin-right: -0.5em;
}


ol.cjk-section li ol.cjk {
    counter-reset: cjk;
}

ol.cjk-section li ol.cjk li {
    list-style: none;
    list-style-position: inside;
    counter-increment: cjk;
    margin: 0;
    padding: 0;
}

ol.cjk-section li ol.cjk li::before {
    content: counter(cjk, cjk-ideographic) "、 ";
    padding-right: 0;
    margin-left: -2em;
    margin-right: -0.25em;
}

ol.decimal {

    margin-left: -1.5em;
}

ol.decimal li {
    list-style: decimal;
}

ol.decimal li::before {
    content: none;
}


ol.list_parentheses {
    /*
  margin-left:-2em;
  margin-right: 2em;
  */
}

ol.list_parentheses li {
    list-style-type: none;
    list-style-position: inside;
    counter-increment: num;
}

ol.list_parentheses li::before {
    content: "("counter(num) ") ";
}

footer .small-text {
    font-size: 0.75em;
}

.hidden {
    display: none;
}

section.alt {
    /*
  background:#efefef;
   */
    color: #fff;
    background-blend-mode: overlay;
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center bottom;
    background-size: cover;
}
/*[lang|=cht]*/
body:lang(cht) #callforpaper content {
    text-align: justify;
    text-justify: inter-ideograph;
    -ms-text-justify: inter-ideograph;/*IE9*/
    -moz-text-align-last: justify;/*Firefox*/
    -webkit-text-align-last: justify;/*Chrome*/
}
/*[lang|=en]*/body:lang(en) content {
    font-weight: 300;
}
/*[lang|=cht]*/body:lang(en) content {
    font-weight: 300;
}

@media (max-width: 1000px) {
    ol.decimal {
        margin-left: -4.25em;
    }

    ol.list_parentheses {
        margin-left: -1em;
    }

    #callforpaper .container {}

    h4 {
        font-size: 1.25em !important;
        line-height: 1.5;
    }

    h2.section-heading.text-uppercase {
        font-size: 2em;
    }
}

.sticky-top {
    position: sticky;
    position: -webkit-sticky;
    top: 0;
}

.sticky-offset {
    top: 54px;
}

.heading {
    background: #fff;
    padding-bottom: 2em;
    padding-top: 2em;
    margin-bottom: 3em;
}

@media screen (max-width: 920px)  and (orientation:portrait){

    header.masthead,
    .masthead,
    section.alt {
        /*background-image: url("../img/poster-portrait.png"), linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));*/
        background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("../img/poster-portrait.png") ;
    }    
}

@media screen and (orientation:portrait) {

    header.masthead,
    .masthead,
    section.alt {
        /*background-image: url("../img/poster-portrait.png"), linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));*/
        background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("../img/poster-portrait.png") ;
    }
    #callforpaper content {}
}

@media screen and (orientation:landscape) {

    header.masthead,
    section.alt {
        background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url("../img/poster-landscape.png") ;
    }


    br.alt {
        content: "";
        display: none;
    }
}

body {
    background: transparent;
    background-image: url("../img/bg.png"), linear-gradient(rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9));
    background-blend-mode: overlay;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: bottom right;
    background-size: cover;

}

/*
.wf-hannari { font-family: "Hannari"; }
*/
content li+li {
    padding-top: 1.5em !important;
}
#accommodations li+li,
list-unstyled li+li {padding:0 !important;}

section h4 {width:100%;}



/*
design assets
*/
.assets .caption {
    /*background:rgba(255,255,255,0.9)*/;
    background:#fff;
    padding-top:2em;
}
.assets .mockup {height:100vh;}
.assets section {
margin:0 !important;padding:0 !important;
  background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: none;
    background-attachment: fixed;
    padding-top:2em;
    padding-bottom:5em;

}
.assets #visual {background-image: url('')}
.assets #poster {background-image: url('../img/assets/mockup-poster.png')}
.assets #manual {background-image: url('../img/assets/mockup-conference-manual.png')}
.assets #proceedings {background-image: url('../img/assets/mockup-proceedings.png')}
.assets #lampbanner {background-image: url('../img/assets/mockup-lamp-banner.jpg')}
.assets #posterguideline {background-image: url('../img/assets/mockup-poster-guideline.png')}

.mockup+div.row {
padding-bottom:5em;
  /*background:rgba(255, 255, 255, 0.5);*/
}
.mr-auto {
right: auto !important;
left: 0px;}

#myCarousel {height:100vh;width:100vw;margin-left:-15px;background: transparent}
.carousel-item,.carousel-inner{height:100%;} 

.carousel-control-prev,
.carousel-control-next {width:10%;height:30%;top:35%;}