/*========================================================
                         Basic
=========================================================*/
body{
    /*font-family: 微軟正黑體, "Trebuchet MS", sans-serif;
    font-family: "Open Sans:300", "Microsoft JhengHei", Arial, sans-serif;*/
    font-family: "Calibri", "Microsoft JhengHei", "Trebuchet MS", sans-serif;
    font-size: 18px;
    background: #eaeaea;
    line-height: 100%;
}
input, button, select, textarea, option {
    font-family: "Calibri", "Microsoft JhengHei", "Trebuchet MS", sans-serif;
    font-size: 18px;
    /*font-family: 微軟正黑體, "Trebuchet MS", sans-serif;
    font-family: "Open Sans:300", "Microsoft JhengHei", Arial, sans-serif;*/
}

a:hover, a:focus {
    text-decoration: none;
}



/*========================================================
                     header
=========================================================*/

.navbar-header {
    background: transparent;
}
/*首頁*/
h1.navbar-brand {
    display: none;
}
/*內頁*/
h2.navbar-brand {
    display: none;
}


@media (min-width: 768px) {
    /*首頁*/
    h1.navbar-brand {
        display: block;
        height: auto;
        width: 100%;
        padding: 0; margin: 10px 0;
        line-height: normal;
    }
    /*內頁*/
    h2.navbar-brand {
        display: block;
        height: auto;
        width: 100%;
        padding: 0; margin: 10px 0;
        line-height: normal;
    }
}
@media (min-width: 992px) {

}
@media (min-width: 1200px) {

}
h2.rd-mobilepanel_title {
    left: 60px; top: 2px; right: auto;
    width: 70%;
    line-height: normal;
    padding: 0; margin: 0;
    background: url(../images/logo.png) left no-repeat;
    background-size: contain;
    height: 60px;
}
h2.rd-mobilepanel_title img {
    width: 85%;
    display: none;
}
.search-form_toggle {
    right: 10px;
}












/*========================================================
                      Back-to-top
=========================================================*/
#back-to-top {
    display:none;
    position:fixed;
    bottom:30px;
    right:30px;
    height:40px;
    width:40px;
    cursor:pointer;
    background:#000000;
    line-height:1em;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    background-image:url(../images/triangle.png);
    background-position: 12px 16px;
    background-repeat:no-repeat;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    opacity:0.5;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}

#back-to-top:hover {

    background-color:#014d67;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    opacity:0.8;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}


















/*========================================================
                  首頁 index.asp
=========================================================*/
div.indexMid h3 {
    background: #09bbcc;
    padding: 0; margin: 0;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    font-family: 'Merriweather', serif;
    font-size: 26px;
    color: #fff;
    padding: 13px 0 8px 18px;
    text-align: center;
    margin-bottom: 25px;
}
div.indexMid h3 div.index_blink {
    animation-duration: 0.8s;
    animation-name: blink;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-timing-function: ease-in-out;
}
div.indexMid h3 div.index_blink a {
    color: #ffffff;
}
@keyframes blink {
    0% {
        opacity: 1;
    }
    80% {
        opacity: 1;
    }
    81% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}














/*========================================================
                  info  index.asp
=========================================================*/
@media (min-width: 768px) {
    div.info_index p.name { font-size: 15px; line-height: 155%; letter-spacing: -0.5px;}
}
@media (min-width: 992px) {
    div.info_index p.name { font-size: 17px;}
}








/*========================================================
                    info 標頭
=========================================================*/
div.Info_A { border-bottom: 1px dashed #000; padding-bottom: 15px; margin: 10px 0 30px 0; word-break: break-all;}
div.Info_A h1 {
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
	padding: 9px 18px;
	font-size: 28px;
    color: #fff;
background: rgba(79,129,189,1);
background: -moz-linear-gradient(left, rgba(79,129,189,1) 0%, rgba(136,182,235,1) 50%, rgba(79,129,189,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(79,129,189,1)), color-stop(50%, rgba(136,182,235,1)), color-stop(100%, rgba(79,129,189,1)));
background: -webkit-linear-gradient(left, rgba(79,129,189,1) 0%, rgba(136,182,235,1) 50%, rgba(79,129,189,1) 100%);
background: -o-linear-gradient(left, rgba(79,129,189,1) 0%, rgba(136,182,235,1) 50%, rgba(79,129,189,1) 100%);
background: -ms-linear-gradient(left, rgba(79,129,189,1) 0%, rgba(136,182,235,1) 50%, rgba(79,129,189,1) 100%);
background: linear-gradient(to right, rgba(79,129,189,1) 0%, rgba(136,182,235,1) 50%, rgba(79,129,189,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f81bd', endColorstr='#4f81bd', GradientType=1 );
}
/*講師*/
div.Info_A h2 { text-align: center;}
div.Info_A h2 span.title {
    display: inline-block;
    border-bottom: 1px #666 dashed;
    font-size: 27px;
    font-weight: bold;
    padding: 0 15px 10px 15px;
    color: #2466a2;
}


div.Info_B { border-bottom: 1px dashed #000; padding-bottom: 15px; margin: 10px 0 30px 0; word-break: break-all;}
div.Info_B h1 {
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
	padding: 9px 18px;
	font-size: 28px;
    color: #fff;
background: rgba(80,190,180,1);
background: -moz-linear-gradient(left, rgba(80,190,180,1) 0%, rgba(135,234,224,1) 50%, rgba(80,190,180,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(80,190,180,1)), color-stop(50%, rgba(135,234,224,1)), color-stop(100%, rgba(80,190,180,1)));
background: -webkit-linear-gradient(left, rgba(80,190,180,1) 0%, rgba(135,234,224,1) 50%, rgba(80,190,180,1) 100%);
background: -o-linear-gradient(left, rgba(80,190,180,1) 0%, rgba(135,234,224,1) 50%, rgba(80,190,180,1) 100%);
background: -ms-linear-gradient(left, rgba(80,190,180,1) 0%, rgba(135,234,224,1) 50%, rgba(80,190,180,1) 100%);
background: linear-gradient(to right, rgba(80,190,180,1) 0%, rgba(135,234,224,1) 50%, rgba(80,190,180,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f81bd', endColorstr='#4f81bd', GradientType=1 );
}


div.Info_C { border-bottom: 1px dashed #000; padding-bottom: 15px; margin: 10px 0 30px 0; word-break: break-all;}
div.Info_C h1 {
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
	padding: 9px 18px;
	font-size: 28px;
    color: #fff;
background: rgba(80,190,123,1);
background: -moz-linear-gradient(left, rgba(80,190,123,1) 0%, rgba(135,234,173,1) 50%, rgba(80,190,123,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(80,190,123,1)), color-stop(50%, rgba(135,234,173,1)), color-stop(100%, rgba(80,190,123,1)));
background: -webkit-linear-gradient(left, rgba(80,190,123,1) 0%, rgba(135,234,173,1) 50%, rgba(80,190,123,1) 100%);
background: -o-linear-gradient(left, rgba(80,190,123,1) 0%, rgba(135,234,173,1) 50%, rgba(80,190,123,1) 100%);
background: -ms-linear-gradient(left, rgba(80,190,123,1) 0%, rgba(135,234,173,1) 50%, rgba(80,190,123,1) 100%);
background: linear-gradient(to right, rgba(80,190,123,1) 0%, rgba(135,234,173,1) 50%, rgba(80,190,123,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f81bd', endColorstr='#4f81bd', GradientType=1 );
}


div.Info_D { border-bottom: 1px dashed #000; padding-bottom: 15px; margin: 10px 0 30px 0; word-break: break-all;}
div.Info_D h1 {
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
	padding: 9px 18px;
	font-size: 28px;
    color: #fff;
background: rgba(178,190,80,1);
background: -moz-linear-gradient(left, rgba(178,190,80,1) 0%, rgba(224,234,134,1) 50%, rgba(178,190,80,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(178,190,80,1)), color-stop(50%, rgba(224,234,134,1)), color-stop(100%, rgba(178,190,80,1)));
background: -webkit-linear-gradient(left, rgba(178,190,80,1) 0%, rgba(224,234,134,1) 50%, rgba(178,190,80,1) 100%);
background: -o-linear-gradient(left, rgba(178,190,80,1) 0%, rgba(224,234,134,1) 50%, rgba(178,190,80,1) 100%);
background: -ms-linear-gradient(left, rgba(178,190,80,1) 0%, rgba(224,234,134,1) 50%, rgba(178,190,80,1) 100%);
background: linear-gradient(to right, rgba(178,190,80,1) 0%, rgba(224,234,134,1) 50%, rgba(178,190,80,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f81bd', endColorstr='#4f81bd', GradientType=1 );
}


div.Info_E { border-bottom: 1px dashed #000; padding-bottom: 15px; margin: 10px 0 30px 0; word-break: break-all;}
div.Info_E h1 {
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
	padding: 9px 18px;
	font-size: 28px;
    color: #fff;
background: rgba(196,100,167,1);
background: -moz-linear-gradient(left, rgba(196,100,167,1) 0%, rgba(245,171,224,1) 50%, rgba(196,100,167,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(196,100,167,1)), color-stop(50%, rgba(245,171,224,1)), color-stop(100%, rgba(196,100,167,1)));
background: -webkit-linear-gradient(left, rgba(196,100,167,1) 0%, rgba(245,171,224,1) 50%, rgba(196,100,167,1) 100%);
background: -o-linear-gradient(left, rgba(196,100,167,1) 0%, rgba(245,171,224,1) 50%, rgba(196,100,167,1) 100%);
background: -ms-linear-gradient(left, rgba(196,100,167,1) 0%, rgba(245,171,224,1) 50%, rgba(196,100,167,1) 100%);
background: linear-gradient(to right, rgba(196,100,167,1) 0%, rgba(245,171,224,1) 50%, rgba(196,100,167,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4f81bd', endColorstr='#4f81bd', GradientType=1 );
}







/*========================================================
                    info 講師資料
=========================================================*/
/*==================   Tumbnail    ======================*/
.thumb {
  display: block;
  position: relative;
  overflow: hidden;
  z-index: 2;
}
@media (max-width: 991px) {
  .thumb {
    width: 100%; /*80*/
  }
}
@media (max-width: 500px) {
  .thumb {
    width: 100%;
  }
}
.thumb img {
/*
  width: 100%;
  height: auto;
*/
  -moz-transition: 0.5s all ease;
  -webkit-transition: 0.5s all ease;
  -o-transition: 0.5s all ease;
  transition: 0.5s all ease;
}
.thumb_overlay {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  -moz-transition: 0.3s all ease;
  -webkit-transition: 0.3s all ease;
  -o-transition: 0.3s all ease;
  transition: 0.3s all ease;
  color: #ffffff;
  background: transparent;
}
.thumb:hover .thumb_overlay {
  opacity: 1;
  background: rgba(33, 194, 248, 0.2);
}
.lt-ie9 .thumb:hover .thumb_overlay {
  background: none;
  -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff21c2f8', endColorstr='#ff21c2f8');
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff21c2f8', endColorstr='#ff21c2f8');
  zoom: 1;
}
.thumb:hover .thumb_overlay:before {
  opacity: 1;
}
.lt-ie9 .thumb:hover .thumb_overlay:before {
  display: block;
}
.thumb:hover img {
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.thumb_overl1:hover .thumb_overlay:before {
  display: none;
}
.thumb_overl1:hover .thumb_overlay:after {
  opacity: 1;
}





.bg3 {
/*  background: rgba(255, 255, 255, 0.8);*/
/*    background: rgba(32, 183, 173, 0.5);*/
    background: rgba(210, 255, 253, 0.6);
}
.bg3 *,
.bg3 h2,
.bg3 h3,
.bg3 h4 {
  color: #222533;
}
.bg3 a.btn-link {
  color: #21c2f8;
}
.bg3 a.btn-link:hover {
  color: #222533;
  text-decoration: none;
  background-color: transparent;
}




.thumbnail {
  position: relative;
  -moz-transition: 0.3s;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  margin-bottom: 0;
}
.thumbnail .caption {
  padding: 5px 21px 10px 22px;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 98;
}
.thumbnail .caption h3 + .wrap {
  margin-top: 5px;
}
.thumbnail .caption .wrap:before,
.thumbnail .caption .wrap:after {
  content: " ";
  display: table;
}
.thumbnail .caption .wrap:after {
  clear: both;
}
.thumbnail .caption .wrap:before,
.thumbnail .caption .wrap:after {
  content: " ";
  display: table;
}
.thumbnail .caption .wrap:after {
  clear: both;
}
.thumbnail .caption .wrap:before,
.thumbnail .caption .wrap:after {
  content: " ";
  display: table;
}
.thumbnail .caption .wrap:after {
  clear: both;
}
.thumbnail .caption .wrap:before,
.thumbnail .caption .wrap:after {
  content: " ";
  display: table;
}
.thumbnail .caption .wrap:after {
  clear: both;
}
.thumbnail .caption .wrap p {
  float: left;
  width: 90%;
}
.thumbnail .caption .wrap a {
  float: right;
  margin-top: 8px;
}
.thumbnail .caption .wrap .thumb_ins1 {
  width: 50%;
}

.thumbnail h3 {
    font-size: 20px;
}


@media (min-width: 768px) {
    .thumbnail h3 {
        text-align: center;
        font-size: 16px;
        padding: 0; margin: 0;
    }
    .thumbnail h3 span { display: block;}
    .thumbnail .caption {
        padding: 12px 10px; margin: 0;
    }
}
@media (min-width: 1200px) {
    .thumbnail h3 {
        font-size: 18px;
    }
}



@media (max-width: 1199px) {
/*
  .thumbnail .caption {
    padding-right: 17px;
    padding-left: 20px;
  }
*/
  .thumbnail .caption .wrap p,
  .thumbnail .caption .wrap .thumb_ins1 {
    font-size: 13px;
    width: 94%;
  }
  .thumbnail .btn-link:before {
    font-size: 36px;
    line-height: 40px;
  }
}
@media (max-width: 991px) {
  .thumbnail {
/*    display: inline-block;*/
    max-width: 100%;
  }
/*
  .thumbnail .caption * {
    text-align: left;
  }
*/
}
@media (max-width: 400px) {
/*
  .thumbnail .caption {
    position: static;
  }
*/
}
.capt_hover1 {
  -moz-transition: 0.2s;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.capt_hover1:hover {
  /*background: rgba(33, 194, 248, 0.8);*/
    background: rgba(32, 183, 173, 0.8);
}
.capt_hover1:hover * {
  color: #ffffff;
}
.capt_hover1:hover .btn-link {
  color: #ffffff;
}
.thumb-shadow:hover {
  box-shadow: 9px 13px 26px -8px #222533;
}
.thumbnail1 .caption {
  margin-top: 32px;
}
.thumbnail1 .caption * + p {
  margin-top: 7px;
}
.thumbnail1 .caption h4 a:hover {
  color: #222533;
}




@media (max-width: 767px) {
	.w300_M {
		width: 300px;
	}
}

@media (min-width: 768px) {
	div.LunchBoxD {
		display: flex;
		justify-content: center;
		align-items: center;
	}
}



div.LunchBoxInA {
	font-size: 20px;
}
div.LunchBoxInA ul li { padding: 5px 8px;} 
div.LunchBoxInA ul li:nth-child(1) { background: #C6B5A8; font-size: 24px;}
div.LunchBoxInA ul li:nth-child(2) { background: #D3C5BB; font-size: 24px;}
div.LunchBoxInA ul li:nth-child(3) { background: #D9CCC3;}
div.LunchBoxInA ul li:nth-child(4) { background: #E4DBD4;}

div.LunchInfoA, div.LunchInfoB, div.LunchInfoC {
	padding: 8px; margin: 0;
	border-top: 1px #fff solid;
}

div.LunchInfoA { background: #E9E1DC;}
div.LunchInfoB { background: #EDE7E3;}
div.LunchInfoC { background: #F6F7F4;}







/*========================================================
               info Floor Plan  info_03_02.asp
=========================================================*/
div.info_03 { margin: 25px auto 40px auto;}
@media (min-width: 768px) {
    div.info_03 { width: 90%;}
}

div.info_03 div.modal-dialog { width: 90%; margin: 0 auto;}
@media (min-width: 768px) {
    div.info_03 div.modal-dialog { width: 70%; margin: 10px auto 0 auto;}
}







/*========================================================
               info     info_07.asp
=========================================================*/
div.infoWe {
    border-bottom: 1px dashed #000;
    padding-bottom: 15px;
    margin: 10px 0 30px 0;
    position: relative;
}
div.infoWeIn {
    position: relative;
    width: 100%;
    margin:0 auto;
}



div.wePage {
    visibility: hidden;
    display: none;
}



@media (min-width: 768px) {
    div.wePage {
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;

        box-shadow: 6px 6px 7px #595959; 
        -webkit-box-shadow: 6px 6px 7px #595959; 
        -moz-box-shadow: 6px 6px 7px #595959;

        visibility: hidden;
        display: block;
    }
    div.wePage h1 { font-size: 24px; padding: 0; margin: 0;}
    div.wePage p { font-size: 17px; line-height: 145%; margin-top: 10px;}


    div#wePage1 {
        right: 20px; top: 30px;
        width: 70%; height: 60%;
        z-index: 99;
        position: absolute;
        background: rgba(255, 255, 255, 0.9);
        padding: 30px 20px;
    }
    div#wePage2 {
        right: 20px; top: 30px;
        width: 95%; height: 48%;
        z-index: 99;
        position: absolute;
        background: rgba(255, 255, 255, 0.9);
        padding: 15px 20px;
    }
    div#wePage3 {
        right: 20px; top: 20px;
        width: 95%; height: 48%;
        z-index: 99;
        position: absolute;
        background: rgba(255, 255, 255, 0.9);
        padding: 10px 20px;
    }
    div#wePage3 p {
        line-height: 110%;
        font-size: 16px;
    }
    div#wePage4 {
        right: 20px; top: 30px;
        width: 85%; height: 30%;
        z-index: 99;
        position: absolute;
        background: rgba(255, 255, 255, 0.9);
        padding: 20px 20px;
    }
    div#wePage4 p {
        line-height: 110%;
        font-size: 16px;
    }
    div#wePage5 {
        left: 20px; top: 150px;
        width: 70%; height: 40%;
        z-index: 99;
        position: absolute;
        background: rgba(255, 255, 255, 0.9);
        padding: 20px 20px;
    }


}
@media (min-width: 992px) {
    div.wePage h1 { font-size: 26px; padding: 0; margin: 0;}
    div.wePage p { font-size: 18px; line-height: 155%; margin-top: 10px;}

    div#wePage1 {
        right: 20px; top: 50px;
        width: 70%; height: 50%;
        z-index: 99;
        position: absolute;
        background: rgba(255, 255, 255, 0.9);
    }
    div#wePage2 {
        right: 10px; top: 50px;
        width: 85%; height: 48%;
        z-index: 99;
        position: absolute;
        background: rgba(255, 255, 255, 0.9);
        padding: 30px 20px;
    }
    div#wePage3 p {
        line-height: 130%;
        font-size: 18px;
    }
    div#wePage4 {
        right: 20px; top: 80px;
        width: 80%; height: 30%;
        z-index: 99;
        position: absolute;
        background: rgba(255, 255, 255, 0.9);
        padding: 20px 20px;
    }
    div#wePage4 p {
        line-height: 140%;
        font-size: 18px;
    }
    div#wePage5 {
        left: 20px; top: 170px;
        width: 70%; height: 35%;
        z-index: 99;
        position: absolute;
        background: rgba(255, 255, 255, 0.9);
        padding: 20px 20px;
    }
}
@media (min-width: 1200px) {
    div.wePage h1 { font-size: 32px; padding: 0; margin: 0;}
    div.wePage p { font-size: 22px; line-height: 150%; margin-top: 10px;}

    div#wePage1 {
        padding: 50px 20px;
    }
    div#wePage2 {
        padding: 50px 20px;
    }
    div#wePage3 p {
        line-height: 140%;
        font-size: 22px;
    }
    div#wePage4 p {
        line-height: 140%;
        font-size: 22px;
    }
}
















/*========================================================
                  about Important Dates
=========================================================*/

div.aboutDate {
    position: relative;
    margin: 15px auto;
}

div.aboutDate div.Ida {
    width: 100%;
    font-size: 22px;
    line-height: 120%;
    color: #4f4e4e;
}
div.aboutDate div.Ida ul { margin: 0; padding: 0;}
div.aboutDate div.Ida ul li {
    display: inline-block;
    list-style: none;
    vertical-align: top;
}
div.aboutDate div.Ida ul li:nth-child(1) { width: 100%;}
div.aboutDate div.Ida ul li sup { font-size: 13px;}
@media (min-width: 1200px) {
    div.aboutDate div.Ida {
        width: 90%;
        margin: 0 auto;
        line-height: 100%;
    }
    div.aboutDate div.Ida ul li:nth-child(1) { width: 15%;}
    
}




div.aboutDate div.group {
    border-bottom: 1px #b79679 solid;
    width: 90%;
    margin: 0 auto;
    padding: 20px 0 0 20px;
    background: #f2eee1;
}
div.aboutDate div.group ul { margin: 0 auto 15px auto; padding: 0;}
div.aboutDate div.group ul li { width: 100px; display: inline-block;}
div.aboutDate div.group ul li+li { width: 80%; font-size: 22px; padding-top: 5px; line-height: 110%;}

@media (max-width: 767px) {
    div.aboutDate div.group { width: 100%; padding-left: 10px;}
}
@media (max-width: 550px) {
    div.aboutDate div.group ul li+li { width: 63%;}
}
@media (max-width: 300px) {
    div.aboutDate div.group ul li+li { width: 50%;}
}

time.icon {
    font-size: 0.6em; /* change icon size */
    display: block;
    width: 7em;
    height: 6.3em;
    background-color: #fff;
/*    float: left;*/
    position: relative;
/*    margin: 2em auto;*/
/*    border-radius: 0.6em;*/
-webkit-border-top-left-radius: 0.6em;
-webkit-border-bottom-left-radius: 0.6em;
-moz-border-radius-topleft: 0.6em;
-moz-border-radius-bottomleft: 0.6em;
border-top-left-radius: 0.6em;
border-bottom-left-radius: 0.6em;
    box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
    overflow: hidden;
    -webkit-backface-visibility: hidden;
    -webkit-transform: rotate(0deg) skewY(0deg);
    -webkit-transform-origin: 50% 10%;
    transform-origin: 50% 10%;
}
time.icon * {
    display: block;
    width: 100%;
    font-size: 1em;
    font-weight: bold;
    font-style: normal;
    text-align: center;
}
time.icon em { /*year*/
    position: absolute;
    bottom: 0.3em;
    color: #fd9f1b;
    text-align: right;
    padding-right: 5px;
}
time.icon strong { /*month*/
    position: absolute;
    top: 0;
    padding: 0.4em 0 0.2em 0;
    font-size: 1.3em;
    color: #fff;
    background-color: #94c938;
    border-bottom: 1px dashed #567f0f;
    box-shadow: 0 2px 0 #92c932;
}
time.icon span { /*day*/
    width: 100%;
    font-size: 3em;
    padding-top: 1.1em;
    color: #2f2f2f;
}






/*========================================================
                  about about03
=========================================================*/
.about03 {
    width: 100%;
    max-width: 100%;
}

.about03 tr th:first-child {
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
}
.about03 tr th:last-child {
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    border-top-right-radius: 10px;
}
.about03 tr th {
    background: #7bd6d3;
    padding: 8px;
    line-height: 1.42857143;
    vertical-align: top;
}
.about03 tr td {
    border: 1px #c7c7c7 solid;
    padding: 8px;
    line-height: 1.42857143;
}
.about03 tr td.bg { background: #d8e7e6;}













/*========================================================
                  program
=========================================================*/
.program { width: 100%; margin: 15px auto;}

@media (min-width: 1200px) {
    .program { width: 80%;}
}

.p1btn {
    border: 1.5px #c3d69b solid;
    background: #ebf1de;    
}
.p2btn {
    border: 1.5px #fcd5b5 solid;
    background: #fdeada;    
}
.p3btn {
    border: 1.5px #95b3d7 solid;
    background: #dce6f2;    
}
.p4btn {
    border: 1.5px #d99694 solid;
    background: #e6b9b8;
}
.p4btn_light {
    border: 1px #d99694 solid;
    background: #e6b9b8;
    box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
    font-family: "Times New Roman", Times, serif;
    font-size: 24px;
    font-weight: bold;
}
.p5btn {
    border: 1.5px #8064a2 solid;
    background: #e6e0ec;
}
.p5btn_light {
    border: 1px #8064a2 solid;
    background: #e6e0ec;
    box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
    font-family: "Times New Roman", Times, serif;
    font-size: 24px;
    font-weight: bold;
}
.p6btn {
    border: 1.5px #c4bd97 solid;
    background: #ddd9c3;
}
.p6btn_light {
    border: 1px #c4bd97 solid;
    background: #ddd9c3;
    box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
    font-family: "Times New Roman", Times, serif;
    font-size: 24px;
    font-weight: bold;
}
.p7btn {
    border: 1.5px #f5f509 solid;
    background: #ffff99;
}
.p7btn_light {
    border: 1px #f5f509 solid;
    background: #ffff99;
    box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
    font-family: "Times New Roman", Times, serif;
    font-size: 24px;
    font-weight: bold;
}
.p8btn {
    border: 1.5px #d99694 solid;
    background: #e6b9b8;
}


/*========================================================
                  program_table
=========================================================*/
.program_table { word-break: normal;}
.program_table h3.topic {
    padding: 0; margin: 5px 0;
    font-size: 30px;
    font-weight: bold;
    color: #376092;
}


/*手機*/
@media (max-width: 767px) {
    div.program_tab div.btn-group { display: block;}
    div.program_tab div.btn-group a { display: block; float: none; margin-bottom: 8px; width: 100%;}
}
/*電腦*/
@media (min-width: 768px) {
    div.program_tab {
        margin-bottom: 30px;
        box-shadow: 0 1px 0 #46b8da, 0 2px 0 #fff, 0 3px 0 #52b1ba, 0 4px 0 #fff, 0 5px 0 #7be1d7, 0 0 0 0 #bdbdbd;
    }
}


/** program 表格 D1 **/
table.D1_4 th {
    background: #c3d69b;
    font-weight: bold;
    text-align: center;
}
table.D1_4 tr.Da td { background: #d7e4bd;}
table.D1_4 tr.Db td { background: #ebf1de;}
table.D1_4 tr.Dc td { background: #e0e0e0;}
table.D1_4 tr td { vertical-align: middle;}
table.D1_4 tr td.table_Topic { width: 50%;}
table.D1_4 tr td.table_Speaker { width: 17%;}
@media (min-width: 768px) {
    table.D1_4 th {
        font-size: 24px;
    }
    table.D1_4 tr td {
        font-size: 18px;
    }
}

table.D1_3 th {
    background: #c3d69b;
    font-weight: bold;
    text-align: center;
}
table.D1_3 th:last-child { display: none;}
table.D1_3 tr td:last-child { display: none;}

table.D1_3 tr.Da td { background: #d7e4bd;}
table.D1_3 tr.Db td { background: #ebf1de;}
table.D1_3 tr.Dc td { background: #e0e0e0;}
table.D1_3 tr td { vertical-align: middle;}
table.D1_3 tr td.table_Topic { width: 62%;}
table.D1_3 tr td.table_Speaker { width: 23%;}
@media (min-width: 768px) {
    table.D1_3 th {
        font-size: 24px;
    }
    table.D1_3 tr td {
        font-size: 18px;
    }
}


/** program 表格 D2 **/
table.D2_4 th {
    background: #fac090;
    font-weight: bold;
    text-align: center;
}
table.D2_4 tr.Da td { background: #fcd5b5;}
table.D2_4 tr.Db td { background: #fdeada;}
table.D2_4 tr.Dc td { background: #e0e0e0;}
table.D2_4 tr td { vertical-align: middle;}
table.D2_4 tr td.table_Topic { width: 50%;}
table.D2_4 tr td.table_Speaker { width: 17%;}
@media (min-width: 768px) {
    table.D2_4 th {
        font-size: 24px;
    }
    table.D2_4 tr td {
        font-size: 18px;
    }
}

table.D2_3 th {
    background: #fac090;
    font-weight: bold;
    text-align: center;
}
table.D2_3 th:last-child { display: none;}
table.D2_3 tr td:last-child { display: none;}

table.D2_3 tr.Da td { background: #fcd5b5;}
table.D2_3 tr.Db td { background: #fdeada;}
table.D2_3 tr.Dc td { background: #e0e0e0;}
table.D2_3 tr td { vertical-align: middle;}
table.D2_3 tr td.table_Topic { width: 62%;}
table.D2_3 tr td.table_Speaker { width: 23%;}
@media (min-width: 768px) {
    table.D2_3 th {
        font-size: 24px;
    }
    table.D2_3 tr td {
        font-size: 18px;
    }
}


/** program 表格 D3 **/
table.D3_4 th {
    background: #8eb4e3;
    font-weight: bold;
    text-align: center;
}
table.D3_4 tr.Da td { background: #b9cde5;}
table.D3_4 tr.Db td { background: #dce6f2;}
table.D3_4 tr.Dc td { background: #e0e0e0;}
table.D3_4 tr td { vertical-align: middle;}
table.D3_4 tr td.table_Topic { width: 50%;}
table.D3_4 tr td.table_Speaker { width: 17%;}
@media (min-width: 768px) {
    table.D3_4 th {
        font-size: 24px;
    }
    table.D3_4 tr td {
        font-size: 18px;
    }
}

table.D3_3 th {
    background: #8eb4e3;
    font-weight: bold;
    text-align: center;
}
table.D3_3 th:last-child { display: none;}
table.D3_3 tr td:last-child { display: none;}

table.D3_3 tr.Da td { background: #b9cde5;}
table.D3_3 tr.Db td { background: #dce6f2;}
table.D3_3 tr.Dc td { background: #e0e0e0;}
table.D3_3 tr td { vertical-align: middle;}
table.D3_3 tr td.table_Topic { width: 62%;}
table.D3_3 tr td.table_Speaker { width: 23%;}
@media (min-width: 768px) {
    table.D3_3 th {
        font-size: 24px;
    }
    table.D3_3 tr td {
        font-size: 18px;
    }
}




/*========================================================
                  program index
=========================================================*/
div.program_index { width: 100%; margin: 15px auto;}
div.probtn { margin-bottom: 20px;}
div.probtn a {
    display: block;
    font-size: 20px;
    color: #ffffff;
}
div.probtn a:hover {
    color: #b9ff01;
}

@media (min-width: 768px) {
    div.program_index { margin: 30px auto;}
}
@media (min-width: 992px) {
    div.probtn30 { margin-bottom: 30px;}
}




/*========================================================
              program  session
=========================================================*/
.program_se { width: 100%; margin: 15px auto;}








/*========================================================
              program   Lunch
=========================================================*/
div.Lunch_1 { word-break: keep-all; margin-bottom: 20px;}
div.Lunch_1 ul.title { margin: 0; padding: 0; width: 100%;}
div.Lunch_1 ul.title li {
    list-style: none;
    padding: 3px 10px;
    font-weight: bold;
}
div.Lunch_1 div.cont h2 {
    font-size: 20px;
    padding: 8px; margin: 0;
}
div.Lunch_1 div.cont ul.cont_in { padding: 0; margin: 0;}
div.Lunch_1 div.cont ul.cont_in li { list-style: none; padding: 5px 8px;}

@media (min-width: 768px) {
    div.Lunch_1 ul.title li { font-size: 15.5px;}
    div.Lunch_1 ul.title li:nth-child(1) { width: 51%; text-align: left;}
    div.Lunch_1 ul.title li:nth-child(2) { width: 21%;}
    div.Lunch_1 ul.title li:nth-child(3) { width: 28%;}

    div.Lunch_1 ul.title li {
        display: inline-block;
        padding: 8px;
        border: 1px solid #ffffff;
        text-align: center;
    }
    div.Lunch_1 div.cont {
        border: 1px solid #ffffff;
    }
}
@media (min-width: 992px) {
    div.Lunch_1 ul.title li { font-size: 18px;}
}
@media (min-width: 1200px) {
    div.Lunch_1 ul.title li { font-size: 20px;}
}


div.Lunch_org ul.title li:nth-child(1) { background: #fcd5b5;}
div.Lunch_org ul.title li:nth-child(2) { background: #f79646; color: #ffffff;}
div.Lunch_org ul.title li:nth-child(3) { background: #f79646; color: #ffffff;}
div.Lunch_org div.cont { background: #fdefe9;}
div.Lunch_org div.cont h2 { background: #fcddcf;}

div.Lunch_org div.cont ul.cont_in li:nth-child(1) { background: #ffe5d0;}
div.Lunch_org div.cont ul.cont_in li:nth-child(2) { background: #fcddcf;}
div.Lunch_org div.cont ul.cont_in li:nth-child(3) { background: #fdeada;}


div.Lunch_blue ul.title li:nth-child(1) { background: #b4cce8;}
div.Lunch_blue ul.title li:nth-child(2) { background: #4f81bd; color: #ffffff;}
div.Lunch_blue ul.title li:nth-child(3) { background: #4f81bd; color: #ffffff;}
div.Lunch_blue div.cont { background: #e9edf4;}
div.Lunch_blue div.cont h2 { background: #d0d8e8;}

div.Lunch_blue div.cont ul.cont_in li:nth-child(1) { background: #e0e9fa;}
div.Lunch_blue div.cont ul.cont_in li:nth-child(2) { background: #d0d8e8;}
div.Lunch_blue div.cont ul.cont_in li:nth-child(3) { background: #e4eaf6;}













table.Lunch_1 th:first-child {
    background: #fcd5b5;
    color: #000;
    text-align: left;
}
table.Lunch_1 th {
    background: #f79646;
    color: #fff;
    text-align: center;
    word-break: normal;
}
table.Lunch_1 tr td { word-break: normal;}
table.Lunch_1 tr:nth-child(odd) td { background: #fcddcf;}
table.Lunch_1 tr:nth-child(even) td { background: #fdefe9;}


table.Lunch_2 th:first-child {
    background: #83afe4;
    color: #000;
    text-align: left;
}
table.Lunch_2 th {
    background: #4f81bd;
    color: #fff;
    text-align: center;
    word-break: normal;
}
table.Lunch_2 tr td { word-break: normal;}
table.Lunch_2 tr:nth-child(odd) td { background: #d0d8e8;}
table.Lunch_2 tr:nth-child(even) td { background: #e9edf4;}








/*========================================================
                  Speaker_table
=========================================================*/
.Speaker_table {}

.S_table-Green>tbody>tr>td, .S_table-Green>tbody>tr>th, .S_table-Green>tfoot>tr>td, .S_table-Green>tfoot>tr>th, .S_table-Green>thead>tr>td, .S_table-Green>thead>tr>th {
    border: 1px solid #538135;
}
.S_table-Orange>tbody>tr>td, .S_table-Orange>tbody>tr>th, .S_table-Orange>tfoot>tr>td, .S_table-Orange>tfoot>tr>th, .S_table-Orange>thead>tr>td, .S_table-Orange>thead>tr>th {
    border: 1px solid #f4b083;
}
.S_table-Blue>tbody>tr>td, .S_table-Blue>tbody>tr>th, .S_table-Blue>tfoot>tr>td, .S_table-Blue>tfoot>tr>th, .S_table-Blue>thead>tr>td, .S_table-Blue>thead>tr>th {
    border: 1px solid #9cc2e5;
}
@media (min-width: 768px) {
    .Speaker_table { font-size: 20px;}
}


.S_bg-Green>tbody>tr>td, .S_bg-Green>tbody>tr>th, .S_bg-Green>tfoot>tr>td, .S_bg-Green>tfoot>tr>th, .S_bg-Green>thead>tr>td, .S_bg-Green>thead>tr>th {
    background: #E2EFD9;
}
.S_bg-Orange>tbody>tr>td, .S_bg-Orange>tbody>tr>th, .S_bg-Orange>tfoot>tr>td, .S_bg-Orange>tfoot>tr>th, .S_bg-Orange>thead>tr>td, .S_bg-Orange>thead>tr>th {
    background: #fbe4d5;
}
.S_bg-Blue>tbody>tr>td, .S_bg-Blue>tbody>tr>th, .S_bg-Blue>tfoot>tr>td, .S_bg-Blue>tfoot>tr>th, .S_bg-Blue>thead>tr>td, .S_bg-Blue>thead>tr>th {
    background: #deeaf6;
}



@media (min-width: 768px) {
    td.img-speakerOut { height: 200px; width: 217px; text-align: center;}
    td.img-speakerOut img {
        max-width: 200px;
        max-height: 200px;
    }
    td.img-speakerOut a.thumb {display: inline-table;}
}

td.img-speakerOut { text-align: center;}
td.img-speakerOut::before{
    content: '';
    width: 0;
    height: 100%;
    display: inline-block;
    position: relative;
    vertical-align: middle;
}
td.img-speakerOut img {
    margin: 0 auto;
    display: inline-block;
    vertical-align: middle;  
}

td.txt-speakerOut { height: 170px;}
td.txt-speakerOut::before{
    content: '';
    width: 0;
    height: 100%;
    display: inline-block;
    position: relative;
    vertical-align: middle;
}
td.txt-speakerOut div {
    height: auto;
    margin: 0 auto;
    display: inline-block;
    vertical-align: middle;  
}

.table>tbody>tr>td.txt-speakerNo { padding: 0; margin: 0; color: transparent; height: 45px; width: 2px; border: transparent;}


.Speaker_table .table-responsive>.table {
    margin-bottom: 20px;
}


@media (max-width: 767px) {
    .Speaker_table .table-responsive>.table {
        margin-bottom: 20px;
    }
    .Speaker_table .table-responsive>.table>tbody>tr>td.img-speakerOut {
        width: 130px;
    }
    td.img-speakerOut img {
        max-width: 130px;
    }
}















/*========================================================
              news  session
=========================================================*/
div.news  { margin: 15px auto;}

div.news_two { margin-top: 15px;}
div.news_two h3.searchname { font-size: 18px; padding: 0 0 7px 0; margin: 0 0 5px 0; border-bottom: 1px #666 dashed;}
div.news_two h3.searchname span { color: #ff6600;}
div.news_two .search { float: left;}
div.news_two .jump_page { float: right;}
div.news_two .jump_page select { display: inline-block; width: auto; font-size: 14px;}

div.news_two div.list { clear: both; padding: 15px 0;}
div.news_two div.list ul { margin: 0; padding: 5px 0; border-bottom: 1px #666 dashed;}
div.news_two div.list ul li.th { display: none;}
div.news_two div.list ul li { list-style: none;;}
div.news_two div.list ul li:nth-child(2) { font-weight: bold;}
div.news_two div.list ul li:nth-child(2) a { color: #6b5294;}
div.news_two div.list ul li span { display: inline-block;}

@media (min-width: 768px) {
    div.news_two div.list { clear: both; padding: 0;}
    div.news_two div.list ul { margin: 0; padding: 0; border-bottom: 1px #666 dashed;}
    div.news_two div.list ul:hover { background: #d8e9f6;}
    div.news_two div.list ul li.th {
        display: inline-block;
        background: #1b8690;
        font-weight: bold;
        color: #fff;
        text-align: center;
    }
    div.news_two div.list ul li {
        display: inline-block;
        vertical-align: top;
        text-align: center;
        font-size: 17px;
        padding: 8px 5px;
        width: 20%;
    }
    div.news_two div.list ul li:nth-child(2) { width: 80%; text-align: left;}

    div.news_two div.list ul li span { display: none;}
}
















/*========================================================
                    accommodation
=========================================================*/
div.main_title h3.acc { letter-spacing: -3.5px;}
@media (max-width: 767px) {
    div.main_title h3.acc { letter-spacing: -3px;}
}
















/*========================================================
                    social
=========================================================*/
.SocTitle {
    background: #00afef;
    color: #fff;
    font-size: 24px;
    padding: 10px 15px;
-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
border-top-left-radius: 10px;
border-bottom-right-radius: 10px;
}





















/*========================================================
                    reg 
=========================================================*/
div.reg {
    font-size: 15px;
    border-bottom: 1px dashed #000;
    padding-bottom: 15px;
    margin: 10px 0 30px 0;
}
div.reg table.reg_table td { background: #f2fcfb; border: solid #ccc 1px; vertical-align: middle;}
table.reg_table{
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc;         
}
table.reg_table tr.reg_tableTH th {
    background-color: #c4efea;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#ebf3fc), to(#c4efea));
    background-image: -webkit-linear-gradient(top, #ebf3fc, #c4efea);
    background-image:    -moz-linear-gradient(top, #ebf3fc, #c4efea);
    background-image:     -ms-linear-gradient(top, #ebf3fc, #c4efea);
    background-image:      -o-linear-gradient(top, #ebf3fc, #c4efea);
    background-image:         linear-gradient(top, #ebf3fc, #c4efea);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
    vertical-align: middle;
}

@media (min-width: 768px) {
    div.reg { font-size: 16px;}
}
@media (min-width: 992px) {
    div.reg { font-size: 18px;}
}
@media (min-width: 1200px) {
    div.reg { font-size: 20px;}
}




div.reg div.reg_btn_title_A {
    color: #000000;
    background: #e6adc0;
    padding: 4px 1.5em;
    text-align: center;
    text-decoration: none;
    -webkit-border-top-left-radius: 0.7em;
    -webkit-border-top-right-radius: 0.7em;
    -moz-border-radius-topleft: 0.7em;
    -moz-border-radius-topright: 0.7em;
    border-top-left-radius: 0.7em;
    border-top-right-radius: 0.7em;
    transition: all 0.2s ease-in-out;
    border-bottom: 4px solid #e086a5;
    font-size: 24px;
}

div.reg div.reg_btn_info_A {
    padding: 25px;
    background: #e8dadf;
    text-align: center;
    margin-bottom: 30px;
    -webkit-border-bottom-right-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-bottomright: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}




div.reg div.reg_btn_title_B {
    color: #000000;
    background: #a6bde3;
    padding: 4px 1.5em;
    text-align: center;
    text-decoration: none;
    -webkit-border-top-left-radius: 0.7em;
    -webkit-border-top-right-radius: 0.7em;
    -moz-border-radius-topleft: 0.7em;
    -moz-border-radius-topright: 0.7em;
    border-top-left-radius: 0.7em;
    border-top-right-radius: 0.7em;
    transition: all 0.2s ease-in-out;
    border-bottom: 4px solid #8fb0e5;
    font-size: 24px;
}

div.reg div.reg_btn_info_B {
    padding: 25px;
    background: #dadfe8;
    text-align: center;
    margin-bottom: 30px;
    -webkit-border-bottom-right-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-bottomright: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}




div.reg div.reg_btn_title_C {
    color: #000000;
    background: #92d5b8;
    padding: 4px 1.5em;
    text-align: center;
    text-decoration: none;
    -webkit-border-top-left-radius: 0.7em;
    -webkit-border-top-right-radius: 0.7em;
    -moz-border-radius-topleft: 0.7em;
    -moz-border-radius-topright: 0.7em;
    border-top-left-radius: 0.7em;
    border-top-right-radius: 0.7em;
    transition: all 0.2s ease-in-out;
    border-bottom: 4px solid #6bc9a1;
    font-size: 24px;
}

div.reg div.reg_btn_info_C {
    padding: 25px;
    background: #dbe7e2;
    text-align: center;
    margin-bottom: 30px;
    -webkit-border-bottom-right-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-bottomright: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}




div.reg div.reg_btn_title_D {
    color: #000000;
    background: #d9ce8d;
    padding: 4px 1.5em;
    text-align: center;
    text-decoration: none;
    -webkit-border-top-left-radius: 0.7em;
    -webkit-border-top-right-radius: 0.7em;
    -moz-border-radius-topleft: 0.7em;
    -moz-border-radius-topright: 0.7em;
    border-top-left-radius: 0.7em;
    border-top-right-radius: 0.7em;
    transition: all 0.2s ease-in-out;
    border-bottom: 4px solid #cdc27a;
    font-size: 24px;
}

div.reg div.reg_btn_info_D {
    padding: 25px;
    background: #e7e5da;
    text-align: center;
    margin-bottom: 30px;
    -webkit-border-bottom-right-radius: 15px;
    -webkit-border-bottom-left-radius: 15px;
    -moz-border-radius-bottomright: 15px;
    -moz-border-radius-bottomleft: 15px;
    border-bottom-right-radius: 15px;
    border-bottom-left-radius: 15px;
}

div.login {
    background: #dae4ed;
    margin-top: 5px;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 15px;
}
div.login hr {
    padding: 0; margin: 0 0 10px 0;
    border-top: 1px #8c8c8c dashed;
}
div.login .title_A {
    font-size: 20px;
    color: #ff0000;
    line-height: 100%;
    padding: 10px;
    background: rgba(255, 255, 255, 0.6);
    border-left: 6px solid #3fb6c6;
    border-right: 6px solid #3fb6c6;
    text-align: center;
    -webkit-box-shadow: 0 5px 8px -6px rgba(0,0,0,.7);
       -moz-box-shadow: 0 5px 8px -6px rgba(0,0,0,.7);
            box-shadow: 0 5px 8px -6px rgba(0,0,0,.7);
/*    background: #cfcfcf;*/
}
div.login .title_B {
    font-size: 20px;
    color: #ff0000;
    line-height: 100%;
    padding: 10px;
    background: rgba(255, 255, 255, 0.6);
    border-left: 6px solid #3fb6c6;
    border-right: 6px solid #3fb6c6;
    text-align: center;
    -webkit-box-shadow: 0 5px 8px -6px rgba(0,0,0,.7);
       -moz-box-shadow: 0 5px 8px -6px rgba(0,0,0,.7);
            box-shadow: 0 5px 8px -6px rgba(0,0,0,.7);
/*    background: #f4daa1;*/
}
div.login .title_C {
    font-size: 20px;
    color: #ff0000;
    line-height: 100%;
    padding: 10px;
    background: rgba(255, 255, 255, 0.6);
    border-left: 6px solid #ff0000;
    border-right: 6px solid #ff0000;
    text-align: center;
/*    background: #b7eaf1;*/
/*    margin-bottom: 10px;*/
    -webkit-box-shadow: 0 5px 8px -6px rgba(0,0,0,.7);
       -moz-box-shadow: 0 5px 8px -6px rgba(0,0,0,.7);
            box-shadow: 0 5px 8px -6px rgba(0,0,0,.7);
}




/*========================================================
                    reg  table
=========================================================*/
div.reg_table_out {
    background: #dae4ed;
    margin-top: 10px;
    padding: 30px 10px;
    margin-bottom: 20px;
    text-align: center;
}
@media (min-width: 768px) {
    div.reg_table_out {
        padding: 30px 20px;
    }
}

div.reg_table_out div.reg_table_in {
    width: 100%;
    margin: 0 auto;
    text-align: left;
}
@media (min-width: 768px) {
    div.reg_table_out div.reg_table_in { width: 90%;}
}
@media (min-width: 992px) {
    div.reg_table_out div.reg_table_in { width: 90%;}
}

div.reg_table_out div.reg_table_in h2 {
    padding: 0; margin: 0 0 10px 0;
    font-size: 24px;
}
div.reg_table_out div.reg_table_in h2 span { font-size: 20px;}

h1.titleps {
    font-size: 24px;
    text-align: center;
}


div.reg_table_out div.reg_table_in div.reg_tableA {
    background: #edf2f6;
    border-bottom: 1px #bdccd9 solid;
    width: 100%;
    margin: 0 auto;
}
div.reg_table_out div.reg_table_in div.reg_tableA_start {
    -webkit-border-top-left-radius: 20px;
    -moz-border-radius-topleft: 20px;
    border-top-left-radius: 20px;
}
div.reg_table_out div.reg_table_in div.reg_tableA_end {
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-bottomright: 20px;
    border-bottom-right-radius: 20px;
}
div.reg_table_out div.reg_table_in div.reg_tableA div.th {
    color: #1b8690; font-weight: bold;
    padding: 10px 10px 10px 0;
    font-size: 17px;
    text-align: center;
}
div.reg_table_out div.reg_table_in div.reg_tableA div.td {
    background: #ffffff;
    padding: 10px 10px;
    font-size: 17px;
    word-break: break-all;
}
div.reg_table_out div.reg_table_in div.reg_tableA div.th span.help-block {
    display: inline-block;
    margin: 0;
}
@media (min-width: 768px) {
    div.reg_table_out div.reg_table_in div.reg_tableA div.th {
        padding-right: 15px;
        font-size: 18px;
        text-align: right;
    }
    div.reg_table_out div.reg_table_in div.reg_tableA div.td {
        padding-left: 15px;
        font-size: 18px;
        text-align: left;
    }
    div.reg_table_out div.reg_table_in div.reg_tableA div.th span.help-block { display: block;}
}














/*========================================================
                 Abstract Submission
=========================================================*/
div.submitBtn {}
div.submitBtn a { width: 100%; display: block;}



.ablogin {}
@media (min-width: 768px) {
    .ablogin div.form-group { width: 100%;}
    .ablogin input[type=text] { width: 38%;}
    .ablogin input[type=password] { width: 38%;}
}


div.abs  { margin: 15px auto;}
div.abs_list  { margin-top: 15px;}
div.abs_list h3 { margin: 0; padding: 0;}
div.abs_list div.list { clear: both; padding: 0 0 15px 0;}
div.abs_list div.list ul { margin: 0; padding: 5px 0; border-bottom: 1px #666 dashed;}
div.abs_list div.list ul.td { padding: 10px 0;}
div.abs_list div.list ul li.th { display: none;}
div.abs_list div.list ul li { list-style: none;}
div.abs_list div.list ul li span { display: inline-block;}

@media (min-width: 768px) {
    div.abs_list div.list { clear: both; padding: 0;}
    div.abs_list div.list ul { margin: 0; padding: 0; border-bottom: 1px #666 dashed;}
    div.abs_list div.list ul.th { background: #1b8690;}
    div.abs_list div.list ul.td { padding:  0;}
    div.abs_list div.list ul.td:hover { background: #d8e9f6;}
    div.abs_list div.list ul li.th {
        display: inline-block;
        font-weight: bold;
        color: #fff;
        text-align: center;
        border-left: 1px #ffffff dashed;
    }
    div.abs_list div.list ul li {
        display: inline-block;
        vertical-align: top;
        text-align: center;
        padding: 15px 5px;
        
    }
    div.abs_list div.list ul li:first-child { border-left: none; border-right: 1px #1b8690 dashed;}
    div.abs_list div.list ul li.th:first-child { border-left: none;}
    
    div.abs_list div.list ul li:nth-child(1) { width: 35%;}
    div.abs_list div.list ul li:nth-child(2) { width: 18%; vertical-align: middle; border-right: 1px #1b8690 dashed;}
    div.abs_list div.list ul li:nth-child(3) { width: 47%;}

    div.abs_list div.list ul li span { display: none;}
}



/*========================================================
                    reg  group
=========================================================*/
div.grp  { margin: 15px auto;}
div.grp_list  { margin-top: 15px;}
div.grp_list h3 { margin: 0; padding: 0;}
div.grp_list div.list { clear: both; padding: 0 0 15px 0;}
div.grp_list div.list ul { margin: 0; padding: 5px 0; border-bottom: 1px #666 dashed;}
div.grp_list div.list ul.td { padding: 10px 0;}
div.grp_list div.list ul li.th { display: none;}
div.grp_list div.list ul li { list-style: none;}
div.grp_list div.list ul li span { display: inline-block;}

@media (min-width: 768px) {
    div.grp_list div.list { clear: both; padding: 0;}
    div.grp_list div.list ul { margin: 0; padding: 0; border-bottom: 1px #666 dashed;}
    div.grp_list div.list ul.th { background: #1b8690;}
    div.grp_list div.list ul.td { padding:  0;}
    div.grp_list div.list ul.td:hover { background: #d8e9f6;}
    div.grp_list div.list ul li.th {
        display: inline-block;
        font-weight: bold;
        color: #fff;
        text-align: center;
        border-left: 1px #ffffff dashed;
    }
    div.grp_list div.list ul li {
        display: inline-block;
        vertical-align: top;
/*        text-align: center;*/
        padding: 15px 5px;
        
    }
    div.grp_list div.list ul li:first-child { border-left: none;}
    div.grp_list div.list ul li.th:first-child { border-left: none;}
    
    div.grp_list div.list ul li:nth-child(1) { width: 100%;}

    div.grp_list div.list ul li span { display: none;}
}





div.GroupA {}
div.GroupA ul { margin: 0; padding: 0;}
div.GroupA ul li { list-style: none;}
div.GroupA ul.td:hover { background: #eef8e9;}

@media (min-width: 768px) {
	div.GroupA ul {
		display: flex;
		flex-direction: row;
	}
	div.GroupA ul.th { background: #d0e9c6; border: 1px solid #9EB196;}
	div.GroupA ul.td { background: #ffffff; border: 1px solid #9EB196; border-top: none;}
	div.GroupA ul li {
		border-left: 1px solid #9EB196;
		padding: 8px;
		text-align: center;
	}
	div.GroupA ul.th li { font-weight: bold;}
	div.GroupA ul.td li { padding: 8px;}
	div.GroupA ul.th li:first-child, div.GroupA ul.td li:first-child { border-left: none;}
	div.GroupA ul.td li span { display: none;}
}
@media (max-width: 767px) {
	div.GroupA ul.th { display: none;}
	div.GroupA ul.td {
		padding-bottom: 6px;
		margin-bottom: 5px;
		border-bottom: 1px solid #9EB196;
	}
	div.GroupA ul.td li span { font-weight: bold;}
}

div.GroupA ul li {}











/*========================================================
                 sponsors
=========================================================*/
.sponsors .logoA div img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid #cccccc;
}
.sponsors .logoA div b { display: block; margin-top: 10px; color: rgba(79,129,189,1); word-break: normal;}

@media (min-width: 768px) {
    .sponsors .logoA div b { font-size: 16px; line-height: 150%;}
}
@media (min-width: 992px) {
    .sponsors .logoA div b { font-size: 17px;}
}
@media (min-width: 1200px) {
    .sponsors .logoA div b { font-size: 20px;}
}


.Sponsorship ul { padding: 0; margin: 0 0 15px 0;}
.Sponsorship ul li { list-style: none;}







/*========================================================
                        footer
=========================================================*/
footer a { color: #fff;}
















/*======================================================*/
/*==================   Table  td  ======================*/
.VTable { padding-top: 5px;}
.VTable ul.td { width: 100%; margin: 0; padding: 0;}
.VTable ul.td li { list-style: none;}
.VTable ul.td li a { text-decoration: none;}


.VTable ul.tdA3 .pMO { display: none;}


/*	k_grid 3 不顯示Moderator，只顯示一格*/
.VTable ul.tdB3.tdC1 { background: #E0E0E1;}
.VTable ul.tdB3.tdC1 li:nth-child(1) { display: none;}
.VTable ul.tdB3.tdC1 li.pSP { display: none;}
.VTable ul.tdB3.tdC1 li.pMO { display: none;}
/*	k_grid 3 不顯示Moderator，只顯示前面兩格*/
.VTable ul.tdB3.tdC2 { background: #F5F6EC;}
.VTable ul.tdB3.tdC2 li.pSP { display: none;}
.VTable ul.tdB3.tdC2 li.pMO { display: none;}


/*	k_grid 4 不顯示Moderator，只顯示一格*/
.VTable ul.tdB4.tdC1 { background: #E0E0E1;}
.VTable ul.tdB4.tdC1 li:nth-child(1) { display: none;}
.VTable ul.tdB4.tdC1 li.pSP { display: none;}
.VTable ul.tdB4.tdC1 li.pMO { display: none;}
/*	k_grid 4 不顯示Moderator，只顯示前面兩格*/
.VTable ul.tdB4.tdC2 { background: #F5F6EC;}
.VTable ul.tdB4.tdC2 li.pSP { display: none;}
.VTable ul.tdB4.tdC2 li.pMO { display: none;}


/*不顯示Moderator*/
	.VTable ul.tdB3 li.pMO { display: none;}




@media (max-width: 767px) {
	.VTable ul.tdA3 { display: none;}
	.VTable ul.tdA4 { display: none;}
}



@media (min-width: 768px) {
    .VTable ul.td li { padding: 8px;}
	.VTable ul.td { display: flex; flex-direction: row;}
	
	.pSP span { display: none;}
	.pMO span { display: none;}

	.VTable ul.tdA { font-weight: bold; background: #C3D69B;}

	.VTable ul.tdA3 li:nth-child(1) { width: 20%; text-align: center; border: 1px #F0F5E6 solid;}
	.VTable ul.tdA3 li:nth-child(2) { width: 55%; text-align: center; border: 1px #F0F5E6 solid;}
	.VTable ul.tdA3 .pSP { width: 25%; text-align: center; border: 1px #F0F5E6 solid;}

	.VTable ul.tdA4 li:nth-child(1) { width: 20%; text-align: center; border: 1px #F0F5E6 solid;}
	.VTable ul.tdA4 li:nth-child(2) { width: 40%; text-align: center; border: 1px #F0F5E6 solid;}
	.VTable ul.tdA4 .pSP { width: 20%; text-align: center; border: 1px #F0F5E6 solid;}
	.VTable ul.tdA4 .pMO { width: 20%; text-align: center; border: 1px #F0F5E6 solid;}



/*k_grid 3 不顯示Moderator，只顯示前面兩格*/
	.VTable ul.tdB3.tdC2 li:nth-child(1) { width: 20%; text-align: center; border: 1px #F0F5E6 solid;}
	.VTable ul.tdB3.tdC2 li:nth-child(2) { width: 80%; text-align: center; border: 1px #F0F5E6 solid;}
/*k_grid 3 不顯示Moderator，不顯示Moderator*/
	.VTable ul.tdB3.tdC3 li:nth-child(1) { width: 20%; text-align: center; border: 1px #F0F5E6 solid;}
	.VTable ul.tdB3.tdC3 li:nth-child(2) { width: 55%; border: 1px #F0F5E6 solid;}
	.VTable ul.tdB3.tdC3 li.pSP { width: 25%; text-align: center; border: 1px #F0F5E6 solid;}
/*k_grid 3 不顯示Moderator，全部資料*/
	.VTable ul.tdB3.tdC4 li:nth-child(1) { width: 20%; text-align: center; border: 1px #F0F5E6 solid;}
	.VTable ul.tdB3.tdC4 li:nth-child(2) { width: 55%; border: 1px #F0F5E6 solid;}
	.VTable ul.tdB3.tdC4 li.pSP { width: 25%; text-align: center; border: 1px #F0F5E6 solid;}



/*k_grid 4 只顯示前面兩格*/
	.VTable ul.tdB4.tdC2 li:nth-child(1) { width: 20%; text-align: center; border: 1px #F0F5E6 solid;}
	.VTable ul.tdB4.tdC2 li:nth-child(2) { width: 80%; text-align: center; border: 1px #F0F5E6 solid;}
/*k_grid 4 全部顯示*/
	.VTable ul.tdB4.tdC3 li:nth-child(1) { width: 20%; text-align: center; border: 1px #F0F5E6 solid;}
	.VTable ul.tdB4.tdC3 li:nth-child(2) { width: 40%; text-align: center; border: 1px #F0F5E6 solid;}
	.VTable ul.tdB4.tdC3 li.pSP { width: 20%; text-align: center; border: 1px #F0F5E6 solid;}
	.VTable ul.tdB4.tdC3 li.pMO { width: 20%; text-align: center; border: 1px #F0F5E6 solid;}
/*k_grid 4 全部顯示*/
	.VTable ul.tdB4.tdC4 li:nth-child(1) { width: 20%; text-align: center; border: 1px #F0F5E6 solid;}
	.VTable ul.tdB4.tdC4 li:nth-child(2) { width: 40%; text-align: center; border: 1px #F0F5E6 solid;}
	.VTable ul.tdB4.tdC4 li.pSP { width: 20%; text-align: center; border: 1px #F0F5E6 solid;}
	.VTable ul.tdB4.tdC4 li.pMO { width: 20%; text-align: center; border: 1px #F0F5E6 solid;}


}



@media (min-width: 992px) {
	.VTable ul.tdA3 li:nth-child(1) { width: 12%;}
	.VTable ul.tdA3 li:nth-child(2) { width: 63%;}
	.VTable ul.tdA3 .pSP { width: 25%;}

	.VTable ul.tdA4 li:nth-child(1) { width: 12%;}
	.VTable ul.tdA4 li:nth-child(2) { width: 48%;}
	.VTable ul.tdA4 .pSP { width: 20%;}
	.VTable ul.tdA4 .pMO { width: 20%;}


/*k_grid 3 不顯示Moderator，只顯示前面兩格*/
	.VTable ul.tdB3.tdC2 li:nth-child(1) { width: 15%;}
	.VTable ul.tdB3.tdC2 li:nth-child(2) { width: 85%;}
/*k_grid 3 不顯示Moderator，不顯示Moderator*/
	.VTable ul.tdB3.tdC3 li:nth-child(1) { width: 15%;}
	.VTable ul.tdB3.tdC3 li:nth-child(2) { width: 60%;}
	.VTable ul.tdB3.tdC3 li.pSP { width: 25%;}
/*k_grid 3 不顯示Moderator，全部資料*/
	.VTable ul.tdB3.tdC4 li:nth-child(1) { width: 15%;}
	.VTable ul.tdB3.tdC4 li:nth-child(2) { width: 60%;}
	.VTable ul.tdB3.tdC4 li.pSP { width: 25%;}



/*k_grid 4 只顯示前面兩格*/
	.VTable ul.tdB4.tdC2 li:nth-child(1) { width: 15%;}
	.VTable ul.tdB4.tdC2 li:nth-child(2) { width: 88%;}
/*k_grid 4 全部顯示*/
	.VTable ul.tdB4.tdC3 li:nth-child(1) { width: 15%;}
	.VTable ul.tdB4.tdC3 li:nth-child(2) { width: 45%;}
	.VTable ul.tdB4.tdC3 li.pSP { width: 20%;}
	.VTable ul.tdB4.tdC3 li.pMO { width: 20%;}
/*k_grid 4 全部顯示*/
	.VTable ul.tdB4.tdC4 li:nth-child(1) { width: 15%;}
	.VTable ul.tdB4.tdC4 li:nth-child(2) { width: 45%;}
	.VTable ul.tdB4.tdC4 li.pSP { width: 20%;}
	.VTable ul.tdB4.tdC4 li.pMO { width: 20%;}


}