@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Maven+Pro:wght@800&display=swap');
/*font-family: 'Noto Sans TC', sans-serif;*/



/*========================================================
                  index_top-menu
=========================================================*/
@media (min-width: 576px) {
    div.top-menu {
        position: relative;
    }
    div.top-menu div {
        position: absolute;
        right: 0;
        background: -webkit-linear-gradient(90deg, rgb(58,63,131), rgb(12,15,82));
        background: linear-gradient(90deg, rgb(58,63,131), rgb(12,15,82));
        -webkit-border-bottom-right-radius: 10px;
        -webkit-border-bottom-left-radius: 10px;
        -moz-border-radius-bottomright: 10px;
        -moz-border-radius-bottomleft: 10px;
        border-bottom-right-radius: 10px;
        border-bottom-left-radius: 10px;
        padding: 10px 5px 9px 25px;
    }
    div.top-menu div ul {
        display: flex;
        font-size: 13px;
        margin: 0;
    }
    div.top-menu div ul li {
        padding-right: 10px;
        border-right:  2px solid #fff;
        margin-right: 7px;
    }
    div.top-menu div ul li:last-child { border-right: none; margin-right: 0;}
    div.top-menu div a { color: #fff;}
    div.top-menu div a i { display: inline-block; width: 25px;}
}
@media (min-width: 768px) {
    div.top-menu div ul { font-size: 14px;}
}
@media (min-width: 992px) {
    div.top-menu div ul { font-size: 16px;}
}
@media (max-width: 575px) {
    div.top-menu { display: none;}
}

a.Ifb:link     { text-decoration: none; color: #225ABF;}
a.Ifb:visited  { text-decoration: none; color: #225ABF;}
a.Ifb:active   { text-decoration: none; color: #225ABF;}
a.Ifb:hover    { text-decoration: none; color: #7BD387;}


/*========================================================
                  index_popup
=========================================================*/

@media (max-width: 767px) {
    div.popupbox{
        top: 50px;
        height: 500px;
        left: 50%;
        margin-left: -180px;
        position: fixed;
        width: 360px;
        z-index: 2147483647;
    }
}

@media (min-width: 768px){
    div.popupbox{
        top: 250px;
        height: 500px;
        left: 50%;
        margin-left: 80px;
        position: fixed;
        width: 360px;
        z-index: 2147483647;
    }
}


/*
div.popupbox{
    top: 150px;
    height: 500px;
    left: 50%;
    margin-left: 80px;
    position: fixed;
    width: 360px;
    z-index: 2147483647;
    
}
*/

div.popupbox .popbg{
    padding:8px 8px;
    border:2px #000 solid;
    background-color: #4ab3e0!important;
    border-radius: 10px;
}


div.popupbox .popbg a{ color: #fff;}

.pop_cont{ 
    background-color:#c2e9ef;
    padding:0;
    border:2px #fff solid;
    line-height: 180%;
    font-weight: 700;
}


/*========================================================
                  index_Carousel
=========================================================*/
/*
.index_Carousel_bg {
    padding: 10px 0;
    background: url(../images/bg_index_Carousel.jpg);
}
*/

.carousel-inner img{ width: 100%;}

@media (min-width: 768px) {
    .carousel-inner img{ width: 100%;}
}
    

@media (min-width: 992px) {
    .carousel-inner img{ width: 100%;}
}

@media (max-width: 767px) {
/*    .carousel-inner img{ width: 100%;}*/
    .carousel-inner { display: none;}
    .carousel-indicators { display: none;}
    .carousel-control-prev { display: none;}
    .carousel-control-next { display: none;}
}






/*========================================================
                  index_Circle
=========================================================*/
.index_Circle_bg {
    padding: 26px 0 24px 0;
    background-color: #eaeaea;
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23c1c1c0' fill-opacity='0.18' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");
}










/*========================================================
                    index_News
=========================================================*/
div.index_News { margin-bottom: 30px;}

@media (min-width: 576px) {
    div.index_News { margin-top: 36px;}
}


div.index_News h3 {
    background-color: #286c98;
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%231b378b' fill-opacity='1' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
    height: 50px;
    padding-top:10px;
    text-align: center;
    justify-content: space-between;
    color: #ffffff;
    font-family: 'Noto Sans TC', sans-serif;
    font-size: 25px;
    font-weight: bold;
    border-radius: 10px;
}

div.index_link_r h3{
    background-color: #d6104f;
    background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ab061e' fill-opacity='0.4' fill-rule='evenodd'%3E%3Cpath d='M0 40L40 0H20L0 20M40 40V20L20 40'/%3E%3C/g%3E%3C/svg%3E");
}


div.contA { margin-top: 23px;}
div.contA a:link, div.contb a:link       { text-decoration: none; color: #3a3a3a;}
div.contA a:visited, div.contB a:visited { text-decoration: none; color: #3a3a3a;}
div.contA a:active, div.contB a:active   { text-decoration: none; color: #3a3a3a;}
div.contA a:hover, div.contB a:hover     { text-decoration: none; color: #7BD387;}

div.contA ul { margin-bottom: 1.1rem;}

div.contA ul li{ padding:0!important;}

div.contA ul li:nth-child(1) div {
    border-radius: 10px;
    background: #c2e9ef;
    font-weight: bold;
    padding: 8px 8px;
    text-align: center;
    font-size: 16px;
}
@media (max-width: 991px) {
    div.contA { margin-bottom: 35px;}
    div.contA ul li:nth-child(1) {
        display: inline-block;
        margin-bottom: 7px;
    }
    div.contA ul li:nth-child(2) { line-height: 140%;}
}
@media (min-width: 992px) {
    div.contA ul { display: flex;}
    div.contA ul li:nth-child(2) {
        margin-left: 15px;
        padding: 3px 0 0 0;
        line-height: 165%;
    }
}

div.contB { margin-top: 29px;}
div.contB ul li:nth-child(1) div {
    color: #d05700;
    font-weight: bold;
    margin-bottom: 8px;
}
div.contB ul li:nth-child(2) { padding-bottom: 13px;;}
div.contB ul { border-bottom: 1px #999999 dashed;}
div.contB ul:last-child { border-bottom: none;}
@media (min-width: 1200px) {
    div.contB ul li:nth-child(1) div {
        padding-left: 30px;
        padding-right: 30px;
    }
    div.contB ul li:nth-child(2) { padding: 0 30px 13px 30px;}
}




/*========================================================
                    index_Organizers
=========================================================*/
div.index_Circle_bg .og_logo img{ 
    text-align: center;
}



@media (max-width: 767px) {
    div.index_Circle_bg .og_logo img{
        margin-top:20px;
    }
}


/*========================================================
                       download
=========================================================*/
.dlBg{
    background: linear-gradient(to bottom,  rgba(212,238,252,1) 0%,rgba(255,255,255,0) 100%);
}

.dlBg h3{
    border-bottom: 3px #b0e4fc solid;
    padding-bottom: 10px;
}

.download-list{
    margin: 15px 0;
    padding: 15px 0;
}
@media (min-width: 768px) {
    .download-list{
        margin:0 0 30px 0;
        padding: 15px 0;
    }
}

.download-list ul{
    margin-bottom:-5px;
    border-bottom:1px #999 dashed;
    padding: 0 15px;
    margin: 0 10px;
}


.download-list ul li{
    display: inline-block;
    padding: 15px 0;
    vertical-align: top;
    letter-spacing: 0;
    line-height: 160%;
    
}

.download-list ul li:nth-child(odd){
    width: 100%;
    font-weight: bold;
    padding: 12px 10px 0 25px;
    background-image: url(../images/icon_arrow_01.png);
    background-repeat: no-repeat; 
    background-position:0 17px;/* 靠左,靠上的位置 */
}
@media (min-width: 768px) {
    .download-list ul li:nth-child(odd){
        width: 80%;
        font-weight: bold;
        padding: 12px 10px 0 25px;
        background-image: url(../images/icon_arrow_01.png);
        background-repeat: no-repeat; 
        background-position:0 17px;/* 靠左,靠上的位置 */
    }
}

.download-list ul li:nth-child(even){
    width: 100%　;
    font-weight: bold;
    padding: 10px 0 10px 25px;
}
@media (min-width: 768px) {
    .download-list ul li:nth-child(even){
        width: 19%;
        font-weight: bold;
        padding: 10px 0 10px 0;
        text-align: right;
    }
}


/*========================================================
                    video
=========================================================*/
.video th:nth-child(2){ width:15%}
.video td:nth-child(2){ width:15%}

.video th:nth-child(4){ width:20%}
.video td:nth-child(4){ width:20%}


    



/*========================================================
                    index_sponsor
=========================================================*/
.index_Banner {
    padding-top: 60px;
    padding-bottom: 20px;
/*    background-color: #999999;*/
}


.index_logo img{ border:1px #d3d3d3 solid; box-shadow: 5px 5px 5px #d3d3d3;}












/*========================================================
                         Main
=========================================================*/
.main {}



.main_title {
	background: url(../images/bg_main_title.jpg) center no-repeat;
    margin-top: 5px;
    display: flex;
    align-items: center;
}
.main_title .title h1 {
    color: #6d4031;
    font-family: 'Noto Sans TC', sans-serif;
    font-weight: 700;
    letter-spacing: 5px;
}
@media (max-width: 575px) {
	.main_title {
		height: 130px;
	}
	.main_title .title h1 { font-size: 38px; text-align: center;}
}
@media (min-width: 576px) {
	.main_title {
		height: 120px;
        background-size: cover;
	}
	.main_title .title h1 { font-size: 32px; padding-left: 80px;}
}
@media (min-width: 768px) {
    .main_title { height: 150px;}
	.main_title .title h1 { font-size: 35px; padding-left: 130px;}
}
@media (min-width: 992px) {
    .main_title { height: 200px;}
	.main_title .title h1 { font-size: 43px; padding-left: 30px;}
}
@media (min-width: 1200px) {
	.main_title .title h1 { padding-left: 120px;}
}


/*========================================================
               Member  login
=========================================================*/
div.login {
	margin: 0 auto;
/*	padding: 30px 6% 0 6%;*/
	background: rgb(247, 247, 247);
	border: 1px solid rgba(220, 220, 220,0.8);
	-webkit-box-shadow: 0pt 2px 5px rgba(237, 228, 211,  0.2),	0px 0px 8px 5px rgba(249, 242, 227, 0.4) inset;
	   -moz-box-shadow: 0pt 2px 5px rgba(237, 228, 211,  0.2),	0px 0px 8px 5px rgba(249, 242, 227, 0.4) inset;
	        box-shadow: 0pt 2px 5px rgba(237, 228, 211,  0.2),	0px 0px 8px 5px rgba(249, 242, 227, 0.4) inset;
	-webkit-box-shadow: 5px;
	-moz-border-radius: 5px;
		 border-radius: 5px;
}
div.login form { padding: 30px 6% 20px 6%;}

div.login h3 {
    text-align: center;
    margin: 0; padding: 0;
    letter-spacing: 4px;
    position: relative;
	font-family: 'Monoton', 'Noto Sans TC', sans-serif;
	font-size: 38px;
}
div.login h3:after, div.login h3:before {
    background-color: #777;
    content: "";
    height: 1px;
    position: absolute;
    top: 25px;
}

div.login h3:after { 
    background-image: -webkit-gradient(linear, left top, right top, from(#777), to(#fff));
    background-image: -webkit-linear-gradient(left, #777, #fff);
    background-image: -moz-linear-gradient(left, #777, #fff);
    background-image: -ms-linear-gradient(left, #777, #fff);
    background-image: -o-linear-gradient(left, #777, #fff);
    background-image: linear-gradient(left, #777, #fff);      
    right: 0;
}

div.login h3:before {
    background-image: -webkit-gradient(linear, right top, left top, from(#777), to(#fff));
    background-image: -webkit-linear-gradient(right, #777, #fff);
    background-image: -moz-linear-gradient(right, #777, #fff);
    background-image: -ms-linear-gradient(right, #777, #fff);
    background-image: -o-linear-gradient(right, #777, #fff);
    background-image: linear-gradient(right, #777, #fff);
    left: 0;
}
@media (max-width: 390px) {
	div.login h3:after, div.login h3:before { width: 18%;}
	div.login h3 { letter-spacing: 0;}
	div.login h3.pass:after, div.login h3.pass:before { width: 0%; letter-spacing: -1px;}
}
@media only screen and (min-width: 391px) and (max-width: 500px) {
	div.login h3:after, div.login h3:before { width: 24%;}
	div.login h3.pass:after, div.login h3.pass:before { width: 5%;}
}
@media only screen and (min-width: 501px) and (max-width: 767px) {
	div.login h3:after, div.login h3:before { width: 28%;}
	div.login h3.pass:after, div.login h3.pass:before { width: 13%;}
}
@media (min-width: 768px) {
	div.login { width: 75%;}
	div.login h3 { font-size: 45px;}
	div.login h3:after, div.login h3:before { width: 25%; top: 28px;}
	div.login h3.pass:after, div.login h3.pass:before { width: 11%;}
}
@media (min-width: 992px) {
	div.login h3 { font-size: 50px;}
	div.login h3:after, div.login h3:before { width: 30%; top: 32px;}
	div.login h3.pass:after, div.login h3.pass:before { width: 18%;}
}
@media (min-width: 1200px) {
	div.login h3 { font-size: 55px;}
	div.login h3:after, div.login h3:before { top: 35px;}
}
div.change_link {
	color: rgb(127, 124, 124);
/*
	left: 0px;
	height: 20px;
	padding: 17px 30px 20px 30px; margin-bottom: 0;
*/
	text-align: right;
	border-top: 1px solid rgb(173, 216, 230);
	-webkit-border-radius: 0 0  5px 5px;
	   -moz-border-radius: 0 0  5px 5px;
	        border-radius: 0 0  5px 5px;
	background: rgb(225, 234, 235);
	background: -moz-repeating-linear-gradient(-45deg, 
	rgb(247, 247, 247) , 
	rgb(247, 247, 247) 15px, 
	rgb(175, 238, 238,  0.2) 15px, 
	rgb(175, 238, 238,  0.2) 30px, 
	rgb(247, 247, 247) 30px
	);
	background: -webkit-repeating-linear-gradient(-45deg, 
	rgb(247, 247, 247) , 
	rgb(247, 247, 247) 15px, 
	rgb(175, 238, 238,  0.2) 15px, 
	rgb(175, 238, 238,  0.2) 30px, 
	rgb(247, 247, 247) 30px
	);
	background: -o-repeating-linear-gradient(-45deg, 
	rgb(247, 247, 247) , 
	rgb(247, 247, 247) 15px, 
	rgb(175, 238, 238,  0.2) 15px, 
	rgb(175, 238, 238,  0.2) 30px, 
	rgb(247, 247, 247) 30px
	);
	background: repeating-linear-gradient(-45deg, 
	rgb(247, 247, 247) , 
	rgb(247, 247, 247) 15px, 
	rgb(175, 238, 238,  0.2) 15px, 
	rgb(175, 238, 238,  0.2) 30px, 
	rgb(247, 247, 247) 30px
	);
}
div.change_link p { margin: 0; padding: 15px 6%;}


/*========================================================
                     Abstracts
=========================================================*/
.subm_info li:nth-child(even){ background-color: #f2f2f2;}

@media (min-width: 768px) {
    .subm_info li:nth-child(even){ 
        background-color: #fff;
    }
    .subm_info li{border-bottom: 1px #d6d4d4 solid;}
    .subm_info li:hover{ background-color: #f2f2f2;}
}


/*========================================================
                        program
=========================================================*/
.R102 { background: #C7C4C4;}
.roomA { background: #FFF2CC;}
.R101CD { background: #EDEDED;}
.R201ABC { background: #FBE5D6;}
.Cpurple { background: #EBD6FF;}
.CpurpleB { background: #CD96CD;}
.Rlun { background: #FFFF00;}
.typ_sess { background: #E57FCC;}
.Cbule { background: #BDD7EE;}
.CbuleB { background: #BBFFFF;}
.CbuleC { background: #00C5CD;}
.video_sess { background: #FFD966;}
.greenA { background: #a6eaa6;}




.txtFFF { color: #fff;}
.titleA { background: #4472C4;}
.titleB { background: #FFD966;}
.titleC { background: #C1FFC1;}



div.program_info>table.table>tbody>tr>td, div.program_info>table.table>tbody>tr>th, div.program_info>table.table>tfoot>tr>td, div.program_info>table.table>tfoot>tr>th, div.program_info>table.table>thead>tr>td, div.program_info>table.table>thead>tr>th { vertical-align: middle;}

.table-pinfo>tbody>tr>td, .table-pinfo>tbody>tr>th, .table-pinfo>tfoot>tr>td, .table-pinfo>tfoot>tr>th, .table-pinfo>thead>tr>td, .table-pinfo>thead>tr>th { border: #7F7F7F solid 1px; align-content: center;}

.program_info { font-weight: 600;}
@media (min-width: 768px) {
    .program_info { font-size: 14px;}
}
@media (min-width: 992px) {
    .program_info { font-size: 14px;}
}
@media (min-width: 1200px) {
    .program_info { font-size: 15px;}
}

.oCA:hover { background: #FFF2CC;}
.oCA:hover a span{ color:#000!important;}





/*========================================================
                     My Account
=========================================================*/
.abs_table{ font-size:16px;}
.abs_sml{word-break: break-all;}

.table_th{
    background-color: #0970aa;
    font-weight: bold;
    color: #ffffff;
    border-radius: 10px;
}

.table_th ul.row{ margin:0!important;}
.table_td ul.row{ margin:0!important;}
.table_td ul:nth-child(even){background-color: #f2f2f2;}
.table_td ul{border-bottom: 1px solid #dee2e6;}
.table_td span{ color: #1E90FF; display: none;}

@media (max-width: 767px) {
    .abs_table .th{ display: none;}
    .abs_table .td{ width:100%; text-align: left!important;}
    .abs_table span{ display: inline-block;}
}

@media (min-width: 768px) {
    .abs_table{ font-size: 13px;}
    .abs_table .th{ padding:8px 5px;}
    .abs_table .th:nth-child(1){ width:12%;}
    .abs_table .th:nth-child(2){ width:12%;}
    .abs_table .th:nth-child(3){ width:16%;}
    .abs_table .th:nth-child(4){ width:12%;}
    .abs_table .th:nth-child(5){ width:27%;}
    .abs_table .th:nth-child(6){ width:5%;}
    .abs_table .th:nth-child(7){ width:14%;}

    .abs_table .td{ padding:8px 5px;}
    .abs_table .td:nth-child(1){ width:12%;}
    .abs_table .td:nth-child(2){ width:12%;}
    .abs_table .td:nth-child(3){ width:16%;}
    .abs_table .td:nth-child(4){ width:12%;}
    .abs_table .td:nth-child(5){ width:27%;}
    .abs_table .td:nth-child(6){ width:5%;}
    .abs_table .td:nth-child(7){ width:14%;}
}

@media (min-width: 992px) {
    .abs_table{ font-size:16px;}
    .abs_table .th{ padding:8px 5px;}
    .abs_table .th:nth-child(1){ width:12%;}
    .abs_table .th:nth-child(2){ width:12%;}
    .abs_table .th:nth-child(3){ width:16%;}
    .abs_table .th:nth-child(4){ width:12%;}
    .abs_table .th:nth-child(5){ width:27%;}
    .abs_table .th:nth-child(6){ width:5%;}
    .abs_table .th:nth-child(7){ width:14%;}

    .abs_table .td{ padding:8px 5px;}
    .abs_table .td:nth-child(1){ width:12%;}
    .abs_table .td:nth-child(2){ width:12%;}
    .abs_table .td:nth-child(3){ width:16%;}
    .abs_table .td:nth-child(4){ width:12%;}
    .abs_table .td:nth-child(5){ width:27%;}
    .abs_table .td:nth-child(6){ width:5%;}
    .abs_table .td:nth-child(7){ width:14%;}
}


.absBK_table{ font-size:16px;}
.absBK_sml{word-break: break-all;}


@media (max-width: 767px) {
    .absBK_table .th{ display: none;}
    .absBK_table .td{ width:100%; text-align: left!important;}
    .absBK_table span{ display: inline-block;}
}

@media (min-width: 768px) {
    .absBK_table{ font-size: 13px;}
    .absBK_table .th{ padding:8px 5px;}
    .absBK_table .th:nth-child(1){ width:15%;}
    .absBK_table .th:nth-child(2){ width:20%;}
    .absBK_table .th:nth-child(3){ width:25%;}
    .absBK_table .th:nth-child(4){ width:15%;}
    .absBK_table .th:nth-child(5){ width:15%;}
    .absBK_table .th:nth-child(6){ width:10%;}


    .absBK_table .td{ padding:8px 5px;}
    .absBK_table .td:nth-child(1){ width:15%;}
    .absBK_table .td:nth-child(2){ width:20%;}
    .absBK_table .td:nth-child(3){ width:25%;}
    .absBK_table .td:nth-child(4){ width:15%;}
    .absBK_table .td:nth-child(5){ width:15%;}
    .absBK_table .td:nth-child(6){ width:10%;}
}

@media (min-width: 992px) {
    .absBK_table{ font-size:16px;}
    .absBK_table .th{ padding:8px 5px;}
    .absBK_table .th:nth-child(1){ width:15%;}
    .absBK_table .th:nth-child(2){ width:20%;}
    .absBK_table .th:nth-child(3){ width:25%;}
    .absBK_table .th:nth-child(4){ width:15%;}
    .absBK_table .th:nth-child(5){ width:15%;}
    .absBK_table .th:nth-child(6){ width:10%;}

    .absBK_table .td{ padding:8px 5px;}
    .absBK_table .td:nth-child(1){ width:15%;}
    .absBK_table .td:nth-child(2){ width:20%;}
    .absBK_table .td:nth-child(3){ width:25%;}
    .absBK_table .td:nth-child(4){ width:15%;}
    .absBK_table .td:nth-child(5){ width:15%;}
    .absBK_table .td:nth-child(6){ width:10%;}
}



/*
.abs_th th{
    vertical-align: middle!important;
    text-align: center!important;
}
*/







/*========================================================
                     breadcrumb
=========================================================*/
.breadcrumbBg {
    background: url(../images/bg_breadcrumb.jpg) left top;
    height: 41px;
}
.breadcrumb {
    background: Transparent;
    float: right;
    font-size: 16px;
}
.breadcrumb a { color: #5b5a5a;}
@media (min-width: 992px) {
    .breadcrumb { font-size: 17px;}
}











/*========================================================
                        mainIn
=========================================================*/
.mainIn { padding-bottom: 1.5em; margin-top: 15px;}
.mainIn div.mainInCont {}
@media (min-width: 576px) {
    .mainIn { margin-top: 35px;}
    .mainIn div.mainInCont { margin-left: 10px; margin-right: 10px;}
}

.mainIn div.mainInCont h2.title {
    background: url(../images/bg_mainIn_title.jpg) top left;
	font-family: 'Noto Sans TC', sans-serif; font-weight: 700;
    font-size: 25px;
	color: #8b6355;
	border: 1px #e6e2d7 solid;
    margin: 0; padding: 10px 0 12px 10px;
}
@media (min-width: 576px) {
    .mainIn div.mainInCont h2.title { padding: 10px 0 12px 30px; margin-top:50px;}
}

.mainIn div.mainInCont div.content {
	line-height: 180%;
    margin-top: 20px;
	padding-bottom: 35px;
	word-break: normal;
}
@media (min-width: 576px) {
    .mainIn div.mainInCont div.content {
        margin-top: 30px;
        padding-left: 31px;
        padding-right: 31px;
    }
}




div.content span.title {
    color: #d34414;
    font-weight: bold;
    font-size: 22px;
}





















/*========================================================
                   搜尋列
=========================================================*/
div.Srange { border-bottom: 1px dashed #676767; padding-bottom: 10px; margin-bottom: 20px;}
div.Srange .searchname span { color: #ff6600;}
div.Srange input[name=btnS] { margin-bottom: -12px;}
div.Srange .search { display: inline-block;}
@media (max-width: 767px) {
	div.Srange .search { display: block; width: 100%;}
    div.Srange input[name=keyword] {width: 85%; float: left;}
    div.Srange input[name=btnS] { padding-bottom: 0; margin-bottom: 0; margin-left: 10px;}
}
@media (min-width: 576px) {
	.form-inline .form-control { margin-right: 5px;}
}















/*========================================================
                      Registration
=========================================================*/
.regPs { line-height: 140%;}
.regPsA {
    line-height: 140%;
    padding-left: 20px;
}





















/*========================================================
                  Daily Program
=========================================================*/
.VTableA { margin-bottom: 20px; padding: 0;}

/*======================================================*/
/*==================   Table  th  ======================*/
.VTableA div.thA {
	clip-path: polygon(0 0, 89% 0, 100% 100%, 0% 100%);
	background: #D5DFF5;
	border-top: 1px #8DA7E0 solid;
	padding: 8px;
    font-weight: bold;
    color: #2E617B;
}


.VTableA ul.thB { width: 100%; margin: 0; padding: 0;}
.VTableA ul.thB li { list-style: none; padding: 8px;}
.VTableA ul.thB li { font-size: 26px; font-weight: bold;}
.VTableA ul.thB li.video { font-size: 15px;}

@media (min-width: 768px) {
	.VTableA div.thA { width: 95%;}

    .VTableA ul.thB li { padding: 8px;}
	.VTableA ul.thB { display: flex; flex-direction: row;}

	.VTableA ul.thB li.title { width: 65%;}
	.VTableA ul.thB li.video { width: 35%; font-size: 14px; text-align: right;}
	
}
@media (min-width: 1200px) {
    .VTableA div.thA { width: 65%;}
	.VTableA ul.thB li.title { width: 70%;}
	.VTableA ul.thB li.video { width: 30%;}
	
}

.VTableA div.thC {
	border-bottom: 1px #8DA7E0 solid;
	padding: 8px;
	font-size: 26px;
	font-weight: bold;
    color: #C80000;
	background: #F2F6FC;
}


.orange {
	background: #D5DFF5;
	border-top: 1px #8DA7E0 solid;
	border-bottom: 1px #8DA7E0 solid;
}




/*======================================================*/
/*==================   Table  td  ======================*/
.VTableA ul.td { width: 100%; margin: 0; padding: 0; border-bottom: 1px #C6CACF solid; margin-bottom: 7px;}
.VTableA ul.td li { list-style: none;}


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


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


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


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




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



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

	.VTableA ul.tdA { font-weight: bold; background: #4B75D9; color: #fff;}

	.VTableA ul.tdA3 li:nth-child(1) { width: 20%; text-align: center;}
	.VTableA ul.tdA3 li:nth-child(2) { width: 55%; text-align: center;}
	.VTableA ul.tdA3 .pSP { width: 25%; text-align: center;}

	.VTableA ul.tdA4 li:nth-child(1) { width: 20%; text-align: center;}
	.VTableA ul.tdA4 li:nth-child(2) { width: 40%; text-align: center;}
	.VTableA ul.tdA4 .pSP { width: 20%; text-align: center;}
	.VTableA ul.tdA4 .pMO { width: 20%; text-align: center;}
/*    .VTableA ul.tdA4 .pVE { width: 6%; text-align: center;}*/



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



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


}



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

	.VTableA ul.tdA4 li:nth-child(1) { width: 17%;}
	.VTableA ul.tdA4 li:nth-child(2) { width: 43%;}
	.VTableA ul.tdA4 .pSP { width: 20%;}
	.VTableA ul.tdA4 .pMO { width: 20%;}
/*    .VTableA ul.tdA4 .pVE { width: 6%;}*/


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



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


}







/*========================================================
                    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: #AAAEC7; font-size: 24px;}
div.LunchBoxInA ul li:nth-child(2) { background: #BCBFD4; font-size: 24px;}
div.LunchBoxInA ul li:nth-child(3) { background: #C4C7DA;}
div.LunchBoxInA ul li:nth-child(4) { background: #D5D7E5;}

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

div.LunchInfoA { background: #DDDFE9;}
div.LunchInfoB { background: #E4E6ED;}
div.LunchInfoC { background: #EFF0F4;}