.bg-gray{background-color:#f7f7f7;}
.bg-column{background:url(../../../File/Image/infotech_diversity_bg.png) no-repeat top left,linear-gradient(to right,#EDE9E9 10%,#F7F7F7 30%,#F7F7F7 80%,#E7E7E7);}
.navigator_index{padding:0 0 1rem;}
.navigator_index a::after{content:'\f054';font-family:"Font Awesome 6 Free";font-weight:bold;display:inline-block;padding:0 0.125rem;}
h1{color:#37567c;}
.navigator_index .search{padding:1.5rem 0.5rem 0 0;}
.navigator_index .search input[type="image"]{top:auto;bottom:0.25rem;}
.main_title{padding:3rem 1rem 0;line-height:4rem;font-size:3.75rem;color:#305a4d;text-shadow:0 0 10px #fdf9ed,0 0 10px #fdf9ed,0 0 10px #fdf9ed,0 0 10px #fdf9ed,0 0 10px #fdf9ed;letter-spacing:6px;}
.subtitle{font-size:2.25rem;line-height:2.5rem;}
.exam_point dl{background:linear-gradient(to bottom,#ffffff 32%,#ebebeb 95%);padding:1rem 4rem;border-radius:0rem;margin:1rem 0 3rem;border-top:solid 8px var(--violet-purple);box-shadow:rgba(50,50,93,0.25) 0px 13px 27px -5px,rgba(0,0,0,0.3) 0px 8px 16px -8px;}
.exam_point dl dt{font-size:2rem;font-weight:bold;position:relative;border-bottom:dotted 2px;margin-bottom:0.8rem;color:var(--violet-purple);}
.exam_point dl dd{font-size:1.25rem;padding:0 0 0 1rem;color:var(--gray-blue);}
.youtube_cont{float:left;width:250px;margin:1rem 3rem 1rem 0;}
.youtube_cont .author{padding:0;}
.youtube_cont .author a{background-color:#3563dc;color:white;text-decoration:none;width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;}
.youtube_cont .author span{background-color:white;border-bottom:0;margin:auto .5rem;width:3px;height:3px;}

/*journal*/
.unitmain .journal_title{padding-top:0;}
.pages{text-align:center;padding:1rem 0.25rem;}
.pages font{color:var(--periwinkle);}
.journal_content{font-size:1.125rem;}
.journal_catalog{display:flex;flex-direction:column;}
.journal_catalog li{border-bottom:1px solid rgb(125 224 235 / 78%);padding:1rem;font-size:1.2rem;}
.journal_catalog li a{text-decoration:none;color:#1743b9;}
.journal_intro{padding:1rem 0 0 1rem;}
.journal_intro dl{padding:0 0 0 2rem;}
.journal_intro dl dt{border-bottom:solid 4px #dfdfdf;padding:0.25rem;margin:auto auto 0.5rem;font-size:1.25rem;color:#3563dc;font-weight:bold;}
.journal_intro dl dd{border-bottom:1px dotted #979797;padding:0.25rem 0.25rem;}
.journal_intro dl dd:nth-last-of-type(2){border-bottom:0;}
.journal_intro dl dd:last-of-type{border-bottom:0;padding:0.25rem 0rem;}
.journal_intro dl dd:last-of-type a{font-size:inherit;}
.journal_intro dl ul li::before{content:'•';}
.blog-summary{margin:2rem 0 0;}
.journal_intro .select_list{padding:1rem 0 0;}
.journal_intro .select_list li a{padding:.25rem .75rem;font-size:1rem;margin:auto .125rem;}

/*detail*/
.columnsDetail_table{font-size:1.125rem;}
.title_inner{font-size:1.75rem;background:linear-gradient(to right,#233b78 0%,#60ade6 100%);color:white;width:fit-content;border-radius:2rem;padding:0 1.5rem 0.4rem;}
.title_inner a{text-decoration:none;border-bottom:1px solid;}
.title_topic{font-size:3.2rem;line-height:5rem;color:var(--navy-blue);padding:0.25rem;}
.author_inner{border-right:1px solid var(--gray);padding:0rem 1.25rem 0rem 0rem;line-height:1.25rem;color:#3563dc;}
.release{padding:0 0 0 1rem;color:var(--gray-blue);}
.blog_content{padding:2rem;}
.blog_content p{padding:0.8rem 0;}
.blog_content .secondary{color:#732f81;font-size:1.25rem;}
.blog_content ul{padding:0.5rem 0 0.5rem 1.25rem;}
.blog_content ul.circle li{list-style-type:circle;}
.blog_content ul.none li{list-style-type:none;}
.blog_content ol.lower-alpha li{list-style-type:lower-alpha;}
.blog_content ul li{padding:0.25rem 0;list-style-type:disc;}
.blog_content ol{padding:0.5rem 0 0.5rem 1.25rem;}
.blog_content ol>li{list-style-type:decimal;margin:auto auto auto 1rem;}
.blog_content .brackets{padding:0 0 0 0.5rem;}
.blog_content .brackets li{list-style-type:none;text-indent:-1.5em;}
.blog_content .brackets li:before{padding:0 0.25rem 0 0;}
.brackets li:nth-of-type(1):before{content:'(1)';}
.brackets li:nth-of-type(2):before{content:'(2)';}
.brackets li:nth-of-type(3):before{content:'(3)';}
.brackets li:nth-of-type(4):before{content:'(4)';}
.brackets li:nth-of-type(5):before{content:'(5)';}
.brackets li:nth-of-type(6):before{content:'(6)';}
.brackets li:nth-of-type(7):before{content:'(7)';}
.brackets li:nth-of-type(8):before{content:'(8)';}
.blog_content u strong{font-size:1.125rem;color:initial;}
.blog_content .youtube{padding:0 0 1rem;}
.exam_item dl{background:linear-gradient(to bottom,#ffffff 32%,#ebebeb 95%);padding:1rem 4rem;border-radius:0rem;margin:1rem 0;border-top:solid 8px var(--violet-purple);box-shadow:rgba(50,50,93,0.25) 0px 13px 27px -5px,rgba(0,0,0,0.3) 0px 8px 16px -8px;}
.exam_item dl dt{font-size:2rem;font-weight:bold;position:relative;border-bottom:dotted 2px;margin-bottom:0.8rem;color:var(--violet-purple);}
.exam_item dl dd{font-size:1.125rem;padding:0 0 0.5rem;}
.exam_item dl dd ol{padding:0;}
.stem{color:var(--violet-purple);}
.exam_item dd ol li{padding:0.5rem 0;}
.exam_item dd .brackets li{padding:0.25rem 0;}
.subheading{font-size:1.5rem;padding:0.5rem 1.5rem;margin:2rem auto 1rem;background:linear-gradient(to right,#d4f3e2 0%,#51abd0 100%);    color:#213976;}
.key_words{background:linear-gradient(to bottom,#ffffff 32%,#ebebeb 95%);border-top:solid 8px var(--violet-purple);padding:1rem 4rem;margin:0.5rem auto;}
.updown{background-color:#f7f7f7;width:calc(100%/2 - 1.0rem);padding:0.5rem 1.5rem;margin:0.5rem;border-left:solid 3px #dadada;color:#747474;font-size:1.0rem;}
.news{color:#d3f2e2;text-align:center;font-style:italic;}
.news a{color:#eff4ff;font-style:initial;margin:auto 0.5rem;}
.follow{padding:0 0 0 2rem;}
.follow a:first-of-type{margin:auto 0.25rem auto 0.5rem;}
.follow a:last-of-type{margin:auto 0.25rem;}
.follow i{border:1px solid white;width:1.35rem;height:1.35rem;border-radius:.25rem;font-size:.9rem;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;position:relative;bottom:2px;}
.popular a{border-radius:2.0rem;width:max-content;color:#ffffff;background-color:var(--bright-teal-blue);text-decoration:none;padding:0.8rem 1.0rem;}
.refer{color:#1743b9;background-color:#ececec;border-radius:1rem;padding:0 .5rem;margin:auto .25rem;font-size:1rem;}
/*解答*/
.ans-toggle{background-color:var(--bg-purple);color:white;padding:.25rem .75rem;border-radius:.25rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;margin:.5rem 0;font-size:1rem}
.ans-toggle:hover{background-color:var(--violet-purple)}
.ans-cont{display:none;margin:.25rem auto;padding:0.75rem 1.5rem;border:dotted 2px #dfdfdf;border-radius:.25rem;background-color:white;}
.ans-cont.show{display:block}
.arrow{transition:transform .3s}
.arrow.down{transform:rotate(90deg)}

/*search_list*/
.fontBlack{border-bottom:solid 4px #dfdfdf;text-align:left;}
.search_list tr:not(:last-of-type) td{border-bottom:1px solid rgb(125 224 235 / 78%);padding:1rem 0.25rem;}
.pages select[name="show_count"]{background:linear-gradient(to bottom,#ffffff 32%,#ebebeb 95%);border:solid 1px #dfdfdf;border-radius:0.5rem;}

/*Footer*/
.detail_foot .footer_inline ul{padding:1rem 1rem 6rem;}

@media screen and (max-width:1280px){   
    .blog_content{padding:0 2rem;}   
    .blog_content .youtube{padding:1rem 0;}
}
@media screen and (min-width:1181px){   
    .journal_intro dl{width:50%;}
}
@media screen and (max-width:1180px){   
    .journal_intro dl{max-width:90%;padding:0;} 
    .blog-pic-man{margin:0 2rem 1rem 0;}
}
@media screen and (max-width:1023px){
    .author_inner{padding:0rem 1.25rem 0rem 2rem;}   
    .title_topic{font-size:3rem;line-height:4rem;}
    .title_inner{font-size:1.5rem;}
    .journal_catalog{padding:0 1rem;}
    .news button{display:none;}
}
@media screen and (min-width:768px){   
    .news a{font-size:1.2rem;}
}
@media screen and (max-width:767px){  
    .navigator_index .search input[type="image"]{width:20px;}
    section .navigator_index .search input[name="SearchKey"]{height:1.5rem;width:10rem;}
    .columnsDetail_table{font-size:1rem;}
    .unitcont .sectitle{font-size:1.5rem;border-left:solid 6px;}
	.unitcont .subtitle{font-size:1.5rem;}
    .exam_point dl{padding:0.5rem 1rem;}
    .exam_point dl dt{font-size:1.5rem;margin-bottom:0.4rem;}
    .exam_point dl dd{font-size:1.125rem;padding:0 0 0 0.5rem;}
    .exam_item dl{padding:0.5rem 1rem;}
    .exam_item dl dt{width:100%;font-size:1.5rem;}
    .exam_item dl dd{font-size:1rem;}   
    .blog-pic-man{margin:auto;} 
    .blog_content{padding:0 1rem;}
    .blog_content p strong,.blog_content ul li strong{font-size:1.125rem;}
    .blog_content u strong{font-size:1rem;}
    .author_inner{padding:0rem 0.5rem 0rem 1rem;}
    .release{font-size:1rem;padding:0 0 0 0.5rem;}
    .title_inner{font-size:1.125rem;padding:0 1rem 0.3rem;}
    .title_topic{font-size:1.75rem;line-height:2.25rem;}
    .subheading{font-size:1.25rem;margin:1rem auto 0.5rem;}
    .journal_intro{width:100%;justify-content:center;padding:0;}
    .journal_intro dl{padding:0;}
    .navigator_index .search{padding:0.5rem 0.5rem 1rem 0;}
    .key_words{padding:0.5rem 1rem;}   
    .updown{width:100%;}
    .youtube_cont{float:initial;margin:auto;}
    .blog-summary{padding:0 1rem;}
    .ans-cont{padding:0.5rem 0.75rem;font-size:1rem;}
}
@media screen and (max-width:767px) and (orientation:portrait){  
    .follow{display:block;padding:0;}
    .follow i{font-size:.8rem;width:1.25rem;height:1.25rem;}  
    .journal_intro .select_list{padding: 1rem 0 0 2rem;}  
}