﻿@import url("../../../icon_new/css/all.min.css");

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tfoot,thead{margin:0;padding:0;border:0;outline:0;font-size:100%;line-height:1.5em}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
:focus{outline:0}
ins{text-decoration:none}
del{text-decoration:line-through}
body{font-family:"微軟正黑體",Arial;}
a{text-decoration:underline;}
a:hover{text-decoration:none;}
ul,li{margin:0;padding:0;}
.bg_padding{padding:1%;}
.bgcolor0{
    background: url(../images/1008006_07.png) no-repeat center center / 100% auto;
}
.bgcolor1{
    background: rgb(122,145,204);
    background: -moz-linear-gradient(0deg, rgba(122,145,204,1) 11%, rgba(74,104,183,1) 40%);
    background: -webkit-linear-gradient(0deg, rgba(122,145,204,1) 11%, rgba(74,104,183,1) 40%);
    background: linear-gradient(0deg, rgba(122,145,204,1) 11%, rgba(74,104,183,1) 40%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#7a91cc",endColorstr="#4a68b7",GradientType=1);
}
.bgcolor2{
    background: rgb(255,255,255);
    background: -moz-radial-gradient(circle, rgba(255,255,255,1) 11%, rgba(254,245,214,1) 43%, rgba(231,199,138,1) 78%, rgba(235,184,80,1) 95%);
    background: -webkit-radial-gradient(circle, rgba(255,255,255,1) 11%, rgba(254,245,214,1) 43%, rgba(231,199,138,1) 78%, rgba(235,184,80,1) 95%);
    background: radial-gradient(circle, rgba(255,255,255,1) 11%, rgba(254,245,214,1) 43%, rgba(231,199,138,1) 78%, rgba(235,184,80,1) 95%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff",endColorstr="#ebb850",GradientType=1);
}
.bgcolor3{
    background: rgb(246,246,246);
    background: -moz-radial-gradient(circle, rgba(246,246,246,1) 14%, rgba(233,233,233,1) 79%);
    background: -webkit-radial-gradient(circle, rgba(246,246,246,1) 14%, rgba(233,233,233,1) 79%);
    background: radial-gradient(circle, rgba(246,246,246,1) 14%, rgba(233,233,233,1) 79%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f6f6f6",endColorstr="#e9e9e9",GradientType=1);
}
.bgcolor4{background-color: #FCFCFC;}
.bgcolor5{background-color: #DFDFDF;}
.bgcolor6{background-color: #FCFCFC;}
.bgcolor7{background-color: #DFDFDF;}
.flex{display: flex;}
.flex-wrap{flex-wrap: wrap;}
.justify-auound{justify-content: space-around;}
.txt-center{text-align: center !important;}
.block {display: block;}
/*所有元素漸變0.5秒*/
*{transition: all .5s;}
/*標題大小*/
h1,h2,h3{font-family: "CHei3HK";text-align: center;}
h1{font-size: 2.3em;color: var(--blue1);}
h1 span{display: inline-block;width: 2.5em;text-align: center;padding: 1% 0;background-color: var(--yellow1);color: var(--red1); font-size: .75em;
    line-height: 1.1;vertical-align: middle;margin-right: 1%;margin-top: -2%;text-shadow: none;}
[class*="bgcolor1","bgcolor2"] h1{text-shadow: 0 0 3px #2c488f;}
.bgcolor0 h1 span{background-color: var(--yellow1);color: var(--blue1);}
.bgcolor2 h1 span{background-color: var(--red1);color: var(--yellow1);}
.bgcolor1 h1{color: var(--yellow1);}
.bgcolor2 h1{color: var(--red1);text-shadow: 0 0 3px #fffaeb;}
h2{font-size: 2.0em;color: var(--green1);vertical-align: text-top;}
h3{font-size: 1.8em;}
:root{
    --green1:#319794;
    --blue1:#4A68B7;
    --blue2:#282851;
    --red1:#D34965;
    --orange1:#ffc86c;
    --yellow1:#F6D84B;
}
/* 主圖 */
.banner{justify-content: center;align-items: center;padding: 2% 0 0;}

/* 社工師溫暖經驗談 */
.experience-item{align-items: flex-start;margin: 1rem auto;}
.experience-item img{border-radius: 50%;width: 145px;height: 145px;object-fit: cover;}
.experience-cont{width: 75%;margin-left: 5%;background: var(--yellow1);color: var(--blue2);position: relative;border-radius: 1rem;padding: 1rem;box-sizing: border-box;}
.experience-cont::before{position: absolute;content: '';width: 0;height: 0;border-style: solid;border-width: 10px 20px 10px 0;border-color: transparent var(--yellow1) transparent transparent;left: -3%;top:25%}
.experience-cont dl{font-size: 1.25rem;margin: .5rem auto;}
.experience-cont dl dt{color: var(--blue1);font-weight: bold;}
.experience-cont dl dd:nth-of-type(1){color: var(--red1);font-weight: bold;}
.experience-cont dl dd font{background: var(--red1);color: #FFFFFF;margin: auto .25rem;padding: .125rem .25rem;font-size: 1rem;}
.experience-cont p{text-align: left;}
.experience-cont p strong{color: var(--red1)}
.experience-cont p a{color: var(--blue2);}
.guide-btn{text-align: center;}
.guide-btn a{display: inline-block;margin: .5rem;background: var(--red1);color: white;text-decoration: none;border-radius: .5rem;padding: .4rem 1.2rem;}
.guide-btn a:hover{padding: .6rem 1.5rem;font-size: 1.1em;}
.guide-btn a:hover:before{content: "▸ ";}
.icon-btn a:hover:before {content: none;}

/* 常勝師資軍團帶領 */
.teacher-intro{margin: 2% auto 0;}
.teacher-intro div{width: calc(100%/5);box-sizing: border-box;text-decoration: none;cursor: pointer;color: var(--blue2);}
.teacher-intro div img{opacity: .95;}
.teacher-intro div:hover img{transform: scale(1.03);margin: 1% auto 1%;opacity: 1;}
.teacher-intro div:hover figcaption{background: rgba(255,255,255,1)}
.teacher-intro div:nth-of-type(1), .teacher-intro div:nth-of-type(4){padding-top: 1.5rem;}
.teacher-intro figcaption{display: inline-block;padding: 1%;border-radius: 8px;background: rgba(255,255,255,0.5);font-size: .85rem;}
.teacher-intro figure{margin: auto;}
.teacher-name{display: block;text-decoration: underline;color: var(--blue1);font-weight: bold;font-size: 1.15em;}
.teacher-cont{text-align: center;}
.teacher-cont dl dt{font-size: 1.25rem;font-weight: bold;color: var(--blue1);}
.teacher-cont dl dt font{margin-left: .5rem;}

/* 定制系列課程 */
.integrate-item{width: calc(100%/3 - .8rem);box-sizing: border-box;margin: 1% 0;}
.integrate-title{text-align: center;font-size: 1.25rem;color: #000;margin: 2%;}
.integrate-title figcaption{padding:0 9%;color: white;display: inline-block;position: relative;margin-top: 2%;line-height: 1.5em;}
.integrate-title figcaption:after{content: "";position: absolute;width: 0;height: 0;top: 0;right: -10px;border-style: solid;border-width: 15px 0 15px 10px;}
.integrate-item:nth-of-type(1) .integrate-title figcaption{background-color: #7656A4;}
.integrate-item:nth-of-type(2) .integrate-title figcaption{background-color: #A04092;}
.integrate-item:nth-of-type(3) .integrate-title figcaption{background-color: #4973B6;}
.integrate-item:nth-of-type(4) .integrate-title figcaption{background-color: #1E8ACC;}
.integrate-item:nth-of-type(5) .integrate-title figcaption{background-color: #25A3CA;}
.integrate-item:nth-of-type(6) .integrate-title figcaption{background-color: #038393;}
.integrate-item:nth-of-type(1) .integrate-title figcaption:after{border-color: transparent transparent transparent #7656A4;}
.integrate-item:nth-of-type(2) .integrate-title figcaption:after{border-color: transparent transparent transparent #A04092}
.integrate-item:nth-of-type(3) .integrate-title figcaption:after{border-color: transparent transparent transparent #4973B6;}
.integrate-item:nth-of-type(4) .integrate-title figcaption:after{border-color: transparent transparent transparent #1E8ACC;}
.integrate-item:nth-of-type(5) .integrate-title figcaption:after{border-color: transparent transparent transparent #25A3CA;}
.integrate-item:nth-of-type(6) .integrate-title figcaption:after{border-color: transparent transparent transparent #038393;}
.integrate-title:nth-of-type(1) figcaption:after{position: absolute;content: "";}
.integrate-title img{display: block;margin: auto;}
.integrate-title a{color: white;}
.integrate-item dl{border-left: dotted 1px var(--blue1);padding-left: 2%;margin-top: 2%;}
.integrate-item dl{text-align: center;}
.integrate-item dl dd{position: relative;padding-left: 1.25rem;text-align: left;font-size: .9em;color: var(--blue1);}
.integrate-item dl dd::before{position: absolute;content: '\f058';font-family: "Font Awesome 5 Free";font-weight: bold;left: 0;}

/* 一覽產品內容 */
.textbook{align-items: flex-start;}
.textbook-img{width: 33%;margin:1%;border-radius: 1rem;text-align: center;}
.textbook-img img{max-width: 100%;border-radius: 15px;}
.textbook-cont{width: 63%;background: var(--orange1);margin: 1%;border-radius: 1rem;padding: 1rem .9rem;box-sizing: border-box;}
.table-title{width: 30%;border: 1px solid var(--blue1);background: var(--yellow1);display: flex;flex-wrap: wrap;align-items: center;justify-content: center;border-right: none;border-bottom:none;}
.table-cont{width: 69%;border: 1px solid var(--blue1);border-bottom:none;text-align: left;}
.border-bottom{border-bottom: 1px solid var(--blue1);}
.table-cont ul{margin-left: 1.5rem;}
.table-cont small{font-size: .85rem;}
.table-cont a{color: #000;}

/* 操作介面易上手 */
.ibrain-course{margin-top: 2%;}
.ibrain-course dl{width: calc(100%/2 - 2rem);}
.ibrain-course dt{font-size:1.4rem;font-weight:700;color:#003c79;border-bottom:1px dashed #003c79}
.ibrain-course dt figure{position: relative;overflow: hidden;width: 100%;height: 150px;border-radius: 8px;margin: 0 0 10px;border: solid 2px #fff;background-color: white;}
.ibrain-course dt figure img{width: 100%;height: auto;}
.ibrain-course dd{font-size: 1rem;line-height: 27px;margin: 3px auto;text-align: justify;}
.ibrain-course small{font-size: .9rem;}

/* 暖心應援價 */
/* .course-item:first-of-type {width: calc(100% - 1rem);margin: 1rem auto;} */
.course-item{width: calc(100%/2 - 1rem);/*width: calc(100%/5 - 0.5rem);*/color: white;margin-bottom: 1%;background:linear-gradient(to bottom,rgba(255,255,255,.2) 0%,rgba(255,255,255,0) 100%);text-align: center;}
.course-title{background: var(--orange1);display: block;color: var(--blue2);text-align: center;}
.course-title a{color: var(--blue2);}
.course-item ul li{list-style-type: none;}
.course-item ul li a{color: white;}
.course-item small{display: block;font-size: .85rem;}
.course-item .price{color: var(--yellow1);}
.to-pay{width: calc(100%/2 - 1rem);}
.to-pay a{color: white;}
.to-pay .course-title{background: var(--red1);}
.business-card {color: var(--yellow1);width: 100%;}
.business-card a{color: var(--yellow1);}
/* 連續成功認證 */
.exam-schedule{background-color: var(--green1)}
.exam-schedule td a{color: #000;}
.exam-schedule ul{margin-left: 2rem;text-align: left;}

/* 社群 */
.community{line-height: 2;text-align: center;}
.comout{width: calc(100%/2);padding: .5rem 0;box-sizing: border-box;}
.cmy_title, .cmy_intro {color: #ffed00;}
.cmy_title{font-size: 1.125rem;}
.qrcode img {width: 100px;height: auto;}
.bgLine {background-color: #2fbd2f;}
.bgFB {background-color: #395692;}
.cmy_title:before, .cmy_title:after {content: '★';}
.community a {color: white;display: block;}

.report-guide {width: 97.2%;display: block !important}

/* 側選單 */
/*#side_bar{position: fixed;left: 15%;bottom: 40%;}
@media (min-width: 1501px) and (max-width: 1700px) {
    #side_bar{position: fixed;left: 10%;bottom: 40%;}
}
@media (min-width: 1px) and (max-width: 1500px) {
    #side_bar{position: fixed;left: 5%;bottom: 40%;}
}
#side_bar ul li:hover{background: var(--red1);margin:0 -3% 0 3%;}
#side_bar ul li:hover a{color: var(--yellow1);}*/
#event {position: relative;}
#side_bar ul li{list-style-type: none;background: var(--yellow1);border-bottom: 1px solid var(--red1);padding: .25rem 1rem;}
#side_bar ul li:nth-last-of-type(1){border-bottom: none;}
#side_bar ul li a{color: var(--red1);text-decoration: none;}
#side_bar{position: fixed;left: auto;right: auto;bottom: 0;width: 750px;background: var(--red1);text-align: center;padding: 1% 0;justify-content: center;}
#side_bar ul li:hover{margin: auto;}
#side_bar ul li{display: inline-block;padding: .25rem .5rem;}
.target-fix {position: relative;top: -4rem;display: block;visibility: hidden;}

@media (min-width: 1201px){
    /*主要內容欄*/
    #BodyContentMain {width:750px;float:left;padding-left: 2.8em;padding-bottom: 2em;}
    /*導覽列*/
    #BodyMenu nav+table td {text-align: left;}
    #BodyMenu nav+table td img {width: 955px;border-right: 21px solid #B4D1EA;}
    #BodyContentMainNavigator {width:100%;float:left;text-align:left;font-size:14px;color:#000000;line-height: 20px;margin-top: 10px;margin-bottom: 10px;}
    #BodyContentMainNavigator a, #BodyContentMainNavigator a:visited {color:#8E8E8E;text-decoration:none;}
    /* 詳細資訊 */
    #BodyContentEvent {width: 750px;float: left;}
    /* Event_header */
    /*PC*/
    #BodyHeader_event #header-share { line-height: 1.2em;font-size: 13px;color: #333;}	
    #BodyHeader_event #header-share a {font-size: 13px;color: #333333;text-decoration: underline;}
    /*手機*/
    #BodyHeader_event_rwd{display:none;}
    /*滿百100%區域*/
    .row100{width:100%;}
    /*資料集中1200px寬外框*/
    #Master_title,#event_master,#event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth,#event_seventh{margin: auto;display:block;width:730px;padding:10px;text-align: center;}
    .block{display: block;}
    .md\:border-bottom{border-bottom: 1px solid #000;}
    .ibrain-course dl:nth-of-type(n+1):nth-of-type(-n+2) dt figure{height: 190px;}
    .teacher-intro div:nth-of-type(5){padding-top: 2.5rem;}
    /* ask */
    #askarea_out {background-color: #217BBA;width: 59%;margin-left: 14.2%;float: left;padding-top: 2%;}
    #askarea {background-color: #f0f0f0;width: 100%;float: left;padding-top: 2%;text-align: left;font-family: "Microsoft JhengHei";border-radius: 20px;margin: 3% 0 0;}
    #askarea .asktitle {font-size: 1.2em;color: #333;text-align: center;padding: 1% 0;}
    #askarea #formlist{width: 90%;float: left;margin-right: auto;margin-left: 8.5%;margin-top: 3%;font-size: 1em;color: #333;padding-bottom: 2%;}
    #askarea SELECT{border-radius: 7px;width: 18%;background-color: #FFF;border: #FFF;padding: 0.5%;margin-right: 1%;margin-bottom: 1%;}
    #askarea input{border-radius: 7px;background-color: #FFF;border: #FFF;padding: 0.5%;margin-bottom: 1%;margin-left: 1%;color: #333;}
    #askarea input[type="submit"]{color: #FFF;background-color: #e51686;font-size: 1em;padding:0.5em;}
    #askarea input[name="sContent"]{width:50%;}
    #askarea input[type="reset"]{color: #FFF;background-color: #9a9a9a;font-size: 1em;padding: 0.5em;}
    #askarea input[type="text"]{width:35%;}
    /* Footer */
    #BodyFooter_rwd{float: left;width: 1000px;background-color:#FFF;margin-left: auto;border-top-width: 18px;border-top-style: solid;border-top-color: #b4d1ea;}
    #BodyFooter_rwd #footer_line {width: 90%;margin-bottom: 2%;margin-top: 2%;margin-left: 5%;margin-right: 5%;display: block;float: left;height: auto;text-align: center;border-top-width: thin;border-top-style: solid;border-top-color: #666;}
    #BodyFooter_rwd #footer_inline a {color: #333;}
    #BodyFooter_rwd #footer_inline ul{float: left;width: 100%;margin-bottom: 0%;margin-top: 3%;}
    #BodyFooter_rwd #footer_inline ul li{display: inline;line-height: 2em;font-size: 1em;clear: both;width: 100%;margin-right: 1%;margin-bottom: 0%;}
    #BodyFooter_rwd #footer_inline ul li img{width: 20%;height: auto;vertical-align: middle;}
    #BodyFooter_rwd #footer_address{margin-top: 0%;float: left;width: 100%;margin-right: auto;text-align: center;margin-left: auto;}
    #BodyFooter_rwd #footer_address a {color: #333;}
    #BodyFooter_rwd #footer_address ul{float: left;text-align: center;margin-bottom: 1%;width: 100%;clear: both;}
    #BodyFooter_rwd #footer_address ul li{float: left;display: block;width: 100%;line-height: 2em;text-align: center;font-size: 0.8em;}
    /* 舊版IE */
    #noie{background-color: #FFFFFF;width: 100%;text-align: center;}
    /* 舊版IE end */
    #topbutton{display:none;}
}

@media (max-width: 1200px){
    /* 隱藏 */
    #BodyHeader {display:none;}
    #BodyMenu{display:none;}
    #BodyContentAd{display:none;}
    #BodyContentMainNavigator{display:none;}
    #BodyHeader_event {display:none;} 
    /* Header */
    #BodyHeader_event_rwd {	text-align: center;width:100%;height: auto;	margin:0 auto;background-color:#FFF;position:fixed;top:0;float:left;z-index:9;}
    @media screen and (orientation:portrait) {
        #BodyHeader_event_rwd img {max-width: 50%;margin:2.5% auto;}
    }
    @media screen and (orientation:landscape) {
        #BodyHeader_event_rwd img {max-width: 25%;margin:2.5% auto 1% auto;}
    }
    /*body*/
    #Master_title{display:inline-block;width:100%;padding:0%;}/*主圖位置ID*/
    #Master_title img{height: auto;max-width: 100%;}
    @media screen and (orientation: portrait){
        #Master_title{margin-top: 18%;}
    }
    @media screen and (orientation:landscape) {
        #Master_title{margin-top: 8%;}
    }
    /*滿百100%區域*/
    .row100{width:100%;}
    /*資料集中寬外框*/
    #BodyContent,#BodyContentMain{width: 100%;float: left;}
    #event_master,#event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth,#event_seventh{margin: auto;display:inline-block;width:98%;padding:1%;}
    /*標題大小*/
    #event_sixth nav a{ font-size: 1.2em; }
    #event{width: 100%;float: left;margin: 0;padding: 0;}    
    #side_bar {width: 100%;}
    /*ask*/
    #askarea {background-color: #217BBA;width: 90%;float: left;padding-top: 2%;text-align: left;font-family: "Microsoft JhengHei";padding: 6% 5%;}
    #askarea .asktitle {font-size: 1.2em;color: white;text-align: center;padding: 1% 0;}
    #askarea #formlist{width: 99%;float: left;margin-right: auto;margin-left: 0%;margin-top: 0.8%;padding-right: 1%;font-size: 1em;color: white;text-align: left;}
    #askarea p{margin-bottom: 0%;margin-top: 0%;}
    #askarea SELECT{border-radius: 7px;width: 99%;background-color: #FFF;border: #FFF;padding: 0.5%;margin-right: 1%;margin-bottom: 5%;height: 2.0em;font-size: 1.0em;}
    #askarea input{border-radius: 7px;background-color: #FFF;border: #FFF;padding: 0.5%;margin-right: 1%;margin-bottom: 5%;height: 2.0em;font-size: 1.0em;}
    #askarea input[type="submit"]{color: #FFF;background-color: #e51686;font-size: 1em;margin-top: 5%;padding: 0 3%;}
    #askarea input[name="sContent"]{width:100%;}
    #askarea input[type="reset"] {color: #FFF;background-color: #9a9a9a;font-size: 1em;margin-top: 5%;padding: 0 3%;}
    #askarea input[type="text"]{width:99%;}
    /* Footer */
    #BodyFooter_rwd{float: left;width: 100%;background-color:#FFF;margin-right: auto;margin-left: auto;padding: 0;margin-top: 5%;margin-bottom: 0;}
    #BodyFooter_rwd #footer_line {width: 100%;margin-bottom: 2%;margin-top: 2%;display: block;float: left;height: auto;text-align: center;border-top-width: thin;border-top-style: solid;border-top-color: #333;}
    #BodyFooter_rwd #footer_inline a {color: #333;}
    #BodyFooter_rwd #footer_inline ul{float: left;padding: 0%;width: 100%;margin-bottom: 1%;text-align:center;}
    #BodyFooter_rwd #footer_inline ul li{float: left;display: inline-block;line-height: 2em;font-size: 1.1em;clear: both;width: 100%;margin-right: auto;margin-bottom: 0%;}
    #BodyFooter_rwd #footer_inline ul li img{width: 45%;height: auto;vertical-align: middle;margin-bottom: 2%;}
    #BodyFooter_rwd #footer_address{margin-top: 0%;float: left;width: 100%;text-align: center;margin-right: auto;margin-left: auto;padding-bottom: 4rem;}
    #BodyFooter_rwd #footer_address a {color: #333;}
    #BodyFooter_rwd #footer_address ul{float: left;padding: 0%;text-align: center;margin-bottom: 1%;width: 100%;clear: both;}
    #BodyFooter_rwd #footer_address ul li{float: left;display: block;width: 100%;line-height: 2em;text-align: center;font-size: 0.8em;}
    /* Footer end */
    #topbutton{width: 50px;height: 50px;color: #FFFFFF;border-radius: 9999em;background-color: #000;opacity: 0.4;right: 1%;bottom: 8%;position:fixed;line-height: 50px;font-size: 15px;text-align: center;}
    #topbutton a{color: #FFFFFF;font-size: 15px;}	
}

@media (min-width: 768px) and (max-width: 991px) {
    .ibrain-course dl:nth-of-type(n+1):nth-of-type(-n+2) dt figure{height: 195px;}
}

@media (min-width: 992px) and (max-width: 1199px) {
    .ibrain-course dl:nth-of-type(n+1):nth-of-type(-n+2) dt figure{height: 260px;}
}

@media (max-width:767px){
    h1{font-size: 1.8em; }
    h2{font-size: 1.5em; }
    h3{font-size: 1.3em; }
    .experience-item img{width: 70px;height: 70px;}
    .integrate-item{width: calc(100%/2 - .5rem);}
    .teacher-intro figure img{width: 100%;height: auto;}
    .teacher-cont, .guide-btn{text-align: center;}
    .teacher-intro div{width: calc(100%/2);margin: .5rem auto;}
    .teacher-intro div:nth-of-type(1), .teacher-intro div:nth-of-type(4){padding-top: 0;}
    .experience-cont::before{top: 5%;}
    .textbook-img, .textbook-cont, .table-title, .table-cont, .comout{width: 100%;}
    .table-title{border-right: 1px solid var(--blue1);}
    .ibrain-course dt figure{height: 75px;}
    .course-item {width: calc(100%/2 - 1rem);}
    .teacher-intro div:nth-of-type(4){padding-top: 1.5rem;}
}

@media (max-width:320px){
    #side_bar ul li {padding: .25rem .25rem;}
    .integrate-item:nth-of-type(1) .integrate-title figcaption {font-size: 1.2rem;line-height: 1.6em;}
}
    
/*各大相容檢視*/
@media screen and (-webkit-min-device-pixel-ratio:0) { /*Webkit*/
}
@-moz-document url-prefix(){/*Firefox*/
}
@media \0screen\,screen\9 {/*IE 6 7 8*/
}
@media screen\0 {/*IE 8 9 10 11*/
}
@media print {
}