﻿article .bgcolor0 {background-color: #FCFCFC;}
article .bgcolor1 {background:url(../images/1009073_basemap_point.png)repeat-y left top,url(../images/1009073_basemap_point.png)repeat-y right top,url(../images/1009073_basemap_line.png)repeat-y left top,url(../images/1009073_basemap_line.png)repeat-y right top,linear-gradient( 180deg, #9e2e7d 0%,#11bec5 50%,#522480 100%);}
article .bgcolor2 {background-color: #FCFCFC;}
article .bgcolor3 {background: url(../images/1009073_basemap_line.png)no-repeat left top,url(../images/1009073_basemap_line.png)no-repeat right bottom,linear-gradient(108deg, #b991ff 2%,#dbc6ff 11%,#f1e9ff 19%,#f1e9ff 76%,#c7a7ff 93%);padding: 2% 0 2.5%;}
article .bgcolor4 {background-color: #FCFCFC;}
article .bgcolor5 {background-color: #DFDFDF;}
article .bgcolor6 {background: url(../images/1009073_basemap_line.png)no-repeat left top,url(../images/1009073_basemap_line.png)no-repeat right bottom,#63bedc;padding: 2% 0 2.5%;}
#event_master, #event_sec, #event_third, #event_fourth, #event_fifth, #event_sixth{padding: 1rem;}
input[name="SearchKey"]{border: 1px solid #adadad;margin: auto 0.5rem;border-radius: 0.3em;outline: none;}
.columnsDetail_tabletd ul li {list-style-type: disc;}
.journal-pic {width: 20%;}
.journal-pic img {margin: auto;}
.journal-cont {width: 80%;}
#journalitemlist ul {margin: 1rem auto 1rem 5rem;}
#journalitemlist ul li {list-style-type: decimal;line-height: 2.25;}
#resultlist tr th {background-color: #30bbc5;color: white;font-size: 1.25rem;}
#resultlist tr td {background-color: white;border-bottom: 1px dotted #b3b7bb;padding: 0.25rem 0.5rem;}
.pages select {border: 1px solid;}
.result_count span {color: white;background-color: #cb4daa;border: solid 2px #9d2f7e;padding: 0.25rem 0.5rem;border-radius: 0.5rem 0.5rem 0 0;display: inline-block;}
/* 主圖 */
[class*="grid"] {display: grid;}
[class*="flex"] {display: flex;flex-wrap: wrap;}
.logo, .times {font-size: 2.25rem;}
article #Master_title h1 {font-size: 4rem;}
#event_master h1{padding: initial;}
#event_master h1::before {content: none;}
article #Master_title {height: auto;background:url(../images/1009073_mind.png)no-repeat 75% bottom,url(../images/1009073_basemap.jpg)no-repeat center top /cover; width: 100%;}
.banner_grid {grid-template-columns: repeat(10,10%);grid-template-rows: repeat(4,25%);overflow: hidden;}
.banner_item:nth-child(1) {grid-area: 1 / 2 / 6 /6;    justify-content: center;position: relative;z-index: 3;}
.banner_item:nth-child(2) {grid-area:2 / 5 / 5 /10;position: relative;z-index: 1;}
.banner_item:nth-child(2) span {font-size: 2.5rem;background: linear-gradient(to left, transparent, #bf0e0e 15% ,#c01414 77%,#500606);color: white;text-align: center;margin: 8px 0 0;display: block;}
.banner_item:nth-child(3) {grid-area:1 / 7 / 2 /10;}

/* 專欄特色 */
.feature {margin: 1.5rem;}
.feature li {list-style-type: disc;text-align: justify;line-height: 30px;font-size: 1.2rem;margin: 0 0 5px;color:white}
.feature strong {color: #37f7f5;}
.feature a {color: #000;}
#BodyContainer .caption_title {font-family: "Microsoft YaHei";font-size: 3.5rem;color: #FFF;text-align: center;font-weight: bold;}
.caption_title i {color: #cb4daa;}
.author_item {background: #23a0b3;width:calc(100%/2 - 6%);margin: 0 8px;padding: 18px 2% 0;border-radius: 10px;border: solid 2px #105867;box-shadow: 0px 6px 0px 0px #105867;}
.author_item h2 {color: white;font-size: 2.7rem;text-align: center;}
.author_item h2 i {color: #ffef00;}
.author_item p,.author_item ul li,.author_item ul li a {font-size: 1.2rem;color: white;}
.author_item ul {display: inline-block;margin: 0.8rem 1.5rem 1.5rem;}
.author_item p {margin: 2% 0 0;}
.author_flex {margin:0;justify-content: center;}
.essay_title {font-size: 2.3rem;background: #cb4daa;color: #ffffff;border-radius: 10px;padding: 4px 0;margin: 0 0 3%;border: solid 2px #9d2f7e;box-shadow: 0px 6px 0px 0px #6e1856;font-weight: bold;}
.blog-btn {margin: 2% 0 0;color: #ffffff;text-align: center;}
.blog-title {text-align: left;color: #23246c;font-size: 1.8rem;font-weight: bold;margin: 0 0 8px;line-height: 1.8rem;}

/* 專欄文章 */
.inside.banner_grid {background: url(../images/1009073_mind.png)no-repeat 68% 72% /28%,url(../images/1009073_basemap.jpg)no-repeat center top /cover;    grid-template-rows: repeat(6,16.6%);}
.inside .banner_item:nth-child(1) {grid-area: 1 / 3 / 8 /5;display: grid;align-content: end;}
.inside .banner_item:nth-child(1) span {width: 100px;height: 100px;line-height: 100px;font-size: 1.5rem;right: -9%;top: 36%;}
.inside .banner_item:nth-child(2) span {font-size: 2rem;    margin: 8px 13px 0;}
.inside .banner_item:nth-child(2) {grid-area: 2 / 5 / 5 /9;justify-content: right;}
.inside .banner_item:nth-child(3) {grid-area: 1 / 8 / 3 /9;}
.current-content p {line-height:30px;text-align: justify;}
.blog-content {text-align:justify;line-height: 1.8em;margin: 10px 0;font-size: 1.125rem;color: #ffffff;}
.blog-content a {background: #512882;color: #ffffff;padding: 0px 10px 3px;border-radius: 1rem;text-decoration: none;margin-left: 0.25rem;}
.exam {margin-top: 2rem;text-align: left;}
.exam a {color: #000;}
.exam dd {list-style-type: disc;display: list-item;margin-left: 1.5rem;line-height: 1.7em;font-size: 1.2em;color: #ffffff;width: calc(100%/2 - 2rem);}
.blog-btn a {display: inline-block;background: #d142a5;color: #ffffff;padding: 0.25rem 1rem;border-radius: 50px;text-decoration: none;margin: auto 0.25rem;font-size: 1.3rem;}

/* 贏家推薦 */
.experience-item {text-align: left;margin: 1rem auto;background: white;padding: 2%;border-radius: 10px;    box-shadow: 0px 3px 1px 0px #82c9ff;border: solid 1px #82c9ff;}
.experience-item a {color: #cb4daa;font-weight: bold;}
.experience-item .photo {width: 15%;}
.experience-item .photo figure {width: 130px;height: 130px;border-radius: 50%;position: relative;background: antiquewhite;margin: auto;overflow: hidden;}
.experience-item .photo figure img {position: absolute;left:0;right:0;margin: auto;}
.experience-item .photo_txt {width: 85%;margin: 0 0 6px;color: #3075a4;}
.experience-item dl dt,.experience-item dl dt a {font-size:1.4rem;}
.experience-item dl dd {font-size:1.3rem;color: #23246c;font-weight: bolder;}
.experience-item p {width: 100%;text-align: justify;font-size: 1.125rem;line-height: 30px;margin: 10px 0 0;}

/* 歷期 */
#Journalperiod {text-align: left;background: white;padding: 2% 1%;border-radius: 10px;color: #000;}
#Journalperiod a {color: #9D2F7D;}
.pages {text-align: center;margin: 3% 0 0;}

/* detail */
.columnsDetail_tableRow {width: 100%;display: flex;flex-wrap: wrap;justify-content: center;}
.columnsDetail_tableth {width: 10%;display: table-cell;background-color: #30bbc5;border-top: 1px dotted #0e757c;padding: 6px;font-weight: normal;white-space: nowrap;color: white;}
.columnsDetail_tabletd {width: 85%;display: table-cell;background-color: #FFFFFF;border-top: 0;color: #333;padding:9px 13px;text-align: left;font-size: 15px;line-height: 1.9em;border-top: 1px dotted #0e757c;}
.columnsDetail_tabletd p {margin: 1.5rem auto;}
.columnsDetail_tabletd a,.pages a {color: #000;}
.columnsDetail_tabletd ol li {list-style-type: decimal;margin-left: 1rem;}
.columnsDetail_tabletd ul li {margin-left: 1rem;}
.columnsDetail_tabletd table {width: 100%;border-collapse: collapse;}
.columnsDetail_tabletd table td{vertical-align: top;}
.columnsDetail_tabletd .title {font-size: 1.125rem;color: #9D2F7D;}
.extend_link {position: fixed;bottom: 0;left: 0;background-color: #8149A6;width: 100%;text-align: center;}
.extend_link a {color: white;padding: 0.5rem 1rem 0.5rem 0;display: inline-block;}
.extend_link a::before {content: "\f054";display: inline-block;font-family: "Font Awesome 5 Free";font-weight: bold;padding-right: 0.25rem;font-size: 0.9rem;}

/*ask*/
#Ask {background: #9D2F7D !important;}

@media (min-width: 1201px) {
    #event_master, #event_sec, #event_third, #event_fourth, #event_fifth, #event_sixth{width: 1200px;margin: auto;}
    .current-wrap figure {width: 10%;}
    .current-content {width: 80%;}
    .current-content p {margin: 4px 0 0;line-height: 29px;}
    #event_sixth nav a { font-size: 19px; }
    #event_sixth h1 { font-size: 33px; }
    #event_sixth h2 { font-size: 25px; }
    #event_sixth h3 {}
    
}

@media (max-width: 1200px) {  
    .columnsDetail_tableth,.columnsDetail_tabletd {width: 100%;}
  
}

@media(max-width:1600px) {
	.banner_grid {background: url(../images/1009073_mind.png)no-repeat 78% bottom /39%,url(../images/1009073_basemap.jpg)no-repeat center top /cover;margin: 12% 0 0;}
    .banner_item:nth-child(1) {grid-area: 1 / 2 / 6 /5;}
    .banner_item:nth-child(1) span {width: 80px;height: 80px;line-height: 80px;font-size: 1.2rem;right: 0%;top: 29%;}
    .inside.banner_grid {background: url(../images/1009073_mind.png)no-repeat 83% 72% /32%,url(../images/1009073_basemap.jpg)no-repeat center top /cover;padding: 6% 0 0;margin: 0% 0 0;}
    .inside .banner_item:nth-child(1) {grid-area:1 / 3 / 7 /5;}
    .inside .banner_item:nth-child(1) span {width: 85px;height: 85px;line-height: 85px;font-size: 1.3rem;right: -23%;top: 32%;}
    .inside .banner_item:nth-child(2) {grid-area: 1 / 5 / 4 /9;}
}

@media (min-width:992px) and (max-width:1199px) {
    .banner_item:nth-child(2) span {font-size: 2rem;}
    .inside .banner_item:nth-child(2) span {font-size: 1.8rem;}
    .banner_item:nth-child(3) {grid-area: 1 / 9 / 2 /11;}
}

@media (min-width:768px) and (max-width:991px) {
    .banner_grid {padding:3% 0 0;    background: url(../images/1009073_mind.png)no-repeat 96% bottom /49%,url(../images/1009073_basemap.jpg)no-repeat center top /cover;}
    .banner_item:nth-child(2) span {font-size: 1.6rem;}
    .author_item {width: calc(100%/2 - 7.2%);}
    .banner_item:nth-child(1) span {width: 80px;height: 80px;line-height: 80px;font-size: 1.2rem;right: 0%;top: 29%;}
    .banner_item:nth-child(1) {grid-area: 1 / 1 / 6 /5;}
    .author_item h2 {font-size: 2.3rem;}
    .experience-item .photo {width: 20%;}
    .experience-item .photo_txt {width: 80%;}
    .inside .banner_item:nth-child(2) span {font-size: 1.2rem;}
    .banner_item:nth-child(3) {grid-area: 1 / 9 / 2 /11;}
}

@media (max-width:767px) { 
    .CookieConsent button {font-size: .85rem !important;margin: auto auto 5px auto !important;}
	.CookieConsent {font-size: .85rem;justify-content: center !important;}
	.CookieConsent > div {margin: 5px !important;flex: auto !important;}
	.bgcolor1 {background: url(../images/1009073_basemap_point.png)repeat-y left top /16%,url(../images/1009073_basemap_point.png)repeat-y right top /16%,url(../images/1009073_basemap_line.png)repeat-y left top /16%,url(../images/1009073_basemap_line.png)repeat-y right top /16%,linear-gradient(180deg, #9e2e7d 0%,#11bec5 50%,#522480 100%);}  
    .current-wrap figure, .current-content {width: 100%;text-align: center;margin:0 20px;}
    .banner_grid,.inside.banner_grid {background: url(../images/1009073_mind.png)no-repeat center bottom / 92%,url(../images/1009073_basemap.jpg)no-repeat center top /cover;grid-template-rows: repeat(6,16.6%);margin: 3% 0 0;}
    .banner_item:nth-child(1) {grid-area: 4 / 4 / 8 /8;align-content: end;display: grid;}
    .banner_item:nth-child(2) {grid-area: 1 / 1 / 3 /11;align-content: center;justify-content: center;}
    .banner_item:nth-child(2) span {font-size: 1.5rem;margin: 8px 6px 0;}
    .inside .banner_item:nth-child(2) span {font-size: 1.2rem;    margin: 8px 0 0;}
    #BodyContainer .caption_title {font-size: 2.5rem;}
    .author_item {width: calc(100%/1);margin: 0 0 19px;padding: 18px 2.5% 22px;}
    .author_item h2 {font-size: 2.3rem;}
    .experience-item .photo,.experience-item .photo_txt {width: 100%;    padding: 8px 13px;}
    .essay_title {font-size:1.8rem;margin: 0 0 5%;}
    .blog-btn a {display: block;margin: 4px 0.25rem 4px;line-height: 45px;}
    .author_item ul {margin: 0.8rem 1.5rem 0rem;}
    .feature {width: 90%;}
    .banner_item:nth-child(1) span,.inside .banner_item:nth-child(1) span {width: 70px;height: 70px;line-height: 70px;font-size: 1.1rem;right: -22%;top: 0%;border: solid 2px #5388b8;}
    .inside.banner_grid {padding: 20px 0 0;}
    .inside .banner_item:nth-child(1) {grid-area:5 / 3 / 7 /7;}
    .inside .banner_item:nth-child(2) {grid-area: 1 / 2 / 3 /10;}
    .inside .banner_item:nth-child(1) span {right: -44%;top: -44%;}
    .banner_item:nth-child(3) {grid-area: 1 / 9 / 2 /11;}
    .inside .banner_item:nth-child(3) {grid-area: 1 / 8 / 2 /10;}
    #columns_ContentDetail .columnsDetail_tableRow, #columns_ContentDetail .columnsDetail_tableth {width: 100%;display: flex;flex-wrap: wrap;justify-content: center;}
    #columns_ContentDetail .columnsDetail_tabletd, .journal-cont, .journal-pic {width: 100%;}
    #journalitemlist ul {margin: 1rem auto 1rem 1rem;}
    .extend_link a {padding: 0.25rem 1rem 0.35rem 0;}
    .exam dd {width: 100%;}
}

@media \0screen\,screen\9 {/*IE 6 7 8*/
}
@media screen\0 {/*IE 8 9 10 11*/
}
@media print {
}
