@charset "utf-8";

/*歐盟週浮動選單*/
.article-content { position:relative !important;}
.euweek-menu { /*position: absolute;*/ left: 0px; top: 100%; width: 100%; min-height: 50px; z-index: 1040;}
.euweek-menu-fixed { position: sticky; top: 55px; left: 0px; right: 0px; z-index: 1040; border-bottom: 1px solid #fff;}
.euweek-menu-bg { background-color: rgb(0, 160, 233); /*box-shadow: rgba(0, 0, 0, 0.3) 0px 3px 12px;*/}
.euweek-menu-con { position:relative; padding: 0; margin: auto; /*min-height: 70px;*/}
.euweek-menu-logo { float: left; width: 160px; height: 75px; margin: 0px; position: absolute; left: 0px; bottom: 0px;}
.euweek-menu-left { position: relative; z-index: 5; padding-left: 15px; list-style: none; float: left;
    /*display: flex; flex-wrap: wrap;*/ margin-bottom: 0px; background-color: rgb(0, 160, 233);
    transform: translateX(+160px); transition: 0.2s linear;}
@media (max-width: 767px) {
	.euweek-menu-logo { display:none;}
	.euweek-menu-left { transform: translateX(0px);}
}
.euweek-menu-fixed .euweek-menu-bg { background-color: rgb(165, 165, 165);}
.euweek-menu-fixed .euweek-menu-left { background-color: rgb(165, 165, 165); transform: translateX(0px);}
.euweek-menu-item { float: left; position: relative;}
.euweek-menu-item-link { display: block; height: 75px; color: rgb(255, 255, 255); font-weight: bold; line-height: 75px; padding: 0px 12px;}
.euweek-menu-item-link.active { color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.2);}
a.euweek-menu-item-link:hover, a.euweek-menu-item-link:focus { color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.2);}

/*------ 內容 ------*/
.euweek { line-height: 1.725;}
.part-title { font-size: 1.875rem; color: #028fcc; font-weight:bold; margin-bottom: 20px;}
.color-yellow { color: #fc0;}
thead, tbody, tfoot, tr, td, th { border-color: inherit; border-style: solid; border-width: 0;}

/* part_01 活動簡介 */
#part_01 { padding: 60px 0 0 0; /*background-image: url(../../images/euweek/2025/part_01_bg.jpg);*/}
#part_01 h3 { font-size: 1.875rem; font-weight:bold; margin-bottom:0; /*text-shadow: rgb(0 0 0) 3px 3px 8px, rgb(0 0 0) 3px 3px 8px;*/}
#part_01 .service-block { color:#666; line-height:1.6em; background-color: rgba(255, 255, 255, 0.9); border: 5px solid #3498DB; padding: 30px 20px; margin:0 auto;}/*區塊框色*/
#part_01 h4 { line-height:1.6em; font-size: 1.25rem;/* padding-top: 5px;*/ margin-top: 0; color: #177BB1; font-weight: 600;}
#part_01 ul { list-style: none; margin: 0; padding: 0;}
#part_01 li { color: #333; margin-left: 20px; margin-bottom: 10px;}
#part_01 ul li:before { content: "\f005"; font-family: "FontAwesome"; color: #fc0; margin-right: -10px; position: relative; top: -1px; left: -20px;}
#part_01 ul li ul li:before { content: "\f0a9"; font-family: "FontAwesome"; color: #FCB322; margin-right: -10px; position: relative; top: -1px; left: -20px;}

/* part_02 電影解析 */
#part_02 { padding: 60px 0 0 0; /*color: #fff; background-color: #00A0E9;*/}
#part_02 .part-title { background-color: #0272A3; padding: 30px; margin-bottom:0;}
#part_02 h3 { font-size: 1.875rem; font-weight:bold; color: #fff; margin-bottom:0; /*padding: 30px 0; margin-top: -30px; margin-bottom: -30px;*/}

#part_02 .service-block { color:#fff; background-color: #00A0E9; padding: 30px 20px;}
#part_02 h4 { line-height:1.6em; font-size: 1.25rem;/* padding-top: 5px;*/ margin-top: 0; color: #036192; font-weight: 600;}
#part_02 ul.nostyle { color: #fff; list-style: none; padding: 0; margin-bottom: 20px;}
#part_02 ul.nostyle i { color: #fc0;}
#part_02 a { color:#fc0; text-decoration: underline;}
#part_02 table.cellpadding-10px td { padding: 4px 8px;}
#part_02 table { background-color: transparent;}
#part_02 table th, #part_02 table td { border-width: 1px;}

/* part_03 大師講座 */
#part_03 { padding: 60px 0 0 0;}
#part_03 h3 { font-size: 1.875rem; font-weight: bold; margin-bottom:0;}

#part_03 .special-block { position:relative; color: #666; background-color: #fff; border: 5px solid #e6e7e8; padding: 0 20px 20px; margin: 0 auto;/* margin-top:75px;*/}
#part_03 h4 { font-size: 1.5rem; font-weight: bold; color: #028fcc; margin: 10px 0 10px;}
.img-circle { border-radius: 50%;}
.profile-picture-2 { position: absolute; left: 20px; bottom: -100px; width: 200px; height: 200px; z-index: 2;}
#part_03 .speaker-top { position:relative; color: #888; font-size: 14px; min-height:90px; border-bottom: 1px solid #eaeaea; background: #F2F2F2; padding: 10px 20px 20px 250px; margin: auto -20px 0px;}
#part_03 .speaker-con { padding-top: 100px;}
#part_03 .speaker-con h4 { font-size: 1.25rem; font-weight:bold; line-height: 1; border-left: 10px solid #028fcc; padding-left:10px; float: left; margin: 0; margin-bottom: 1rem;}
#part_03 .speaker-footer { color: #444; border-top: 1px solid #eaeaea; background: #F2F2F2; padding: 10px 20px; margin: auto -20px -20px;}
ul.info-list { margin: 0;/* margin-top: 10px;*/ padding: 0; list-style: none;}
ul.info-list li { width: 100%; display: inline-block; color: #666; font-size: 14px; /*margin-bottom: 5px;*/ font-weight: 600;}
ul.info-list li em { font-weight:400;}
ul.info-list li i { color: #28ABE3; margin-right: 5px;}
.info-group-box { display: flex; flex-wrap: nowrap;}
.address { white-space: nowrap;}
@media (max-width: 767px) {
	.profile-picture-2 { position: absolute; left: 20px; top: 15px; width: 150px; height: 150px; z-index: 2;}
	#part_03 .speaker-con { padding-top: 0;}
}

/* part_04 獎助說明 */
#part_04 { padding: 60px 0 0 0;}
#part_04 h3 { font-size: 1.875rem; font-weight: bold; margin-bottom:0;}
#part_04 .black-block { background: #0272A3; padding: 40px 20px 20px 20px;}
#part_04 .con-outobox { /*background-color: #00A0E9;*/ /*border: 2px solid #fff;*/ color: #fff; /*padding: 10px;*/}
#part_04 .con-inbox { color: #39454b; background-color: #fff; padding: 20px; box-shadow: 5px 5px 3px rgba(0, 0, 0, .3);}
#part_04 .speaker-header { border-bottom: 3px solid #FCB322; padding: 10px 20px; margin: 0 -20px;}
#part_04 .con-inbox h4 { font-size: 1.25rem; font-weight: bold; color: #009ee3;}
#part_04 a { color: #009EE3; text-decoration: underline;}

#part_04 table.cellpadding-10px th, #part_04 table.cellpadding-10px td { padding: 4px 8px;}
#part_04 table { background-color: transparent;}
#part_04 table th, #part_04 table td { border-width: 1px;}

/* part_05 獎助說明 */
#part_05 { padding: 60px 0 0 0;}
#part_05 h3 { font-size: 1.875rem; font-weight:bold; margin-bottom:0;}
#part_05 .service-block { background: #fff; border: 1px solid #3498DB; /*padding: 30px 20px;*/}
#part_05 .service-header { position: relative; width: 100%; background: #028fcc; border-top: 3px solid #FCB322; padding: 10px 15px;}
#part_05 .service-header h4 { position: relative; padding: 20px 20px 0 195px; min-height: 100px;
    /*margin: -10px 10px 5px -15px;*/ font-size: 1.5rem; font-weight: bold; color: #fff; line-height: 150%;}
#part_05 .service-header h4 .speaker { font-size: 1rem; color: #fff; font-weight: 500; line-height: 1.5;}
#part_05 .service-header::before { content: ""; position: absolute; bottom: 3px; right: 3px; width: 100px; height: 98px;
    background-size: cover; background-image: url(../../images/euweek/2025/LV-Logo-bu.png); background-position: left top; background-repeat: no-repeat;}
#part_05 .speaker-con { padding: 15px 20px 15px 210px;}
#part_05 a { color: #009EE3; text-decoration: underline;}
#part_05 .speaker-footer { color: #444; border-top: 1px solid #eaeaea; background: #F2F2F2; padding: 15px 20px;}
.zoom-poster { width: 160px; padding: 0px; position: absolute; z-index: 99; top: 35px; left: 20px; box-shadow: 4px 4px 8px 0px rgb(0 0 0 / 50%);}
.zoom-poster .post-img { max-width: 100%; background-repeat: no-repeat; background-position: center; background-size: cover; background-color: #ededed; border: 1px solid #fff; /* display: block; */}
.post-img img { width: 100%;}
@media (max-width: 767px) {
	#part_05 .service-header h4 { position: absolute; top: 20px;}
	.zoom-poster { position: relative; left: 10px; z-index: auto; top:auto; margin-top: 10px; margin-bottom: 10px;}
	#part_05 .speaker-con { padding: 15px 20px 15px 20px;}
}
ul.nostyle { list-style: none; padding: 0; margin-bottom: 20px;}
ul.nostyle i { color: #028fcc;}

/*其他設定*/
.p-t-20 { padding-top: 20px;}
.p-t-100 { padding-top: 100px;}
.p-b-20 { padding-bottom: 20px;}
.p-tb-20 { padding-top: 20px; padding-bottom: 20px;}