/* basic */
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}

a, *:hover, *:active{-webkit-transition: background 300ms ease-in-out, height 300ms ease-in-out, color 300ms ease-in-out; -moz-transition: background 300ms ease-in-out, height 300ms ease-in-out, color 300ms ease-in-out; -ms-transition: background 300ms ease-in-out, height 300ms ease-in-out, color 300ms ease-in-out; -o-transition: background 300ms ease-in-out, height 300ms ease-in-out, color 300ms ease-in-out; transition: background 300ms ease-in-out, height 300ms ease-in-out, color 300ms ease-in-out; }

a,html,body,h1,h2,h3,h4,ul{
    -webkit-overflow-scrolling : touch !important;
    margin:0;
    padding: 0;
    font-family:"微軟正黑體";
    font-size: 1rem;
    list-style-type:none;
    text-decoration:none;
    
}
body{margin:0; font-family:'微軟正黑體'; font-size:0.75em; position: relative;overflow-x: hidden;}






.flex { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.a_c01{display: block;}
.clear{clear: both;}



.breadcrumb{width: 100%;height:auto;max-width: 100%;margin: auto;padding: 10px;background-image: url(../images/index/index-trivia.jpg);background-size: cover;}
.breadcrumb__content{width: 1600px;height:auto;max-width: 100%;margin: auto;}
.breadcrumb__content li{display: inline-block;  color:#121212; font-size:2em; position:relative; padding-right:30px;}
.breadcrumb__content li a{color:#121212;font-family:"微軟正黑體";position:relative;}
.breadcrumb__content li a:hover{color: #1d77ff;}
.breadcrumb__content li a::after{content: "";position: absolute;margin: 18px 0 0 18px;top: -15px;width: 1px;height: 16px;background-color: #4d4d4d;transform:rotate(24deg); -ms-transform:rotate(24deg); -webkit-transform:rotate(24deg);}
.breadcrumb__content li:last-child a::after{content: "";display: none;}
.breadcrumb--bodertop{padding-top:15px; border-top:1px #d4d4d4 solid;}


/*header-topbox*/

.header-topbox{width: 100%;max-width: 100%;height: 40px;margin: auto;text-align: right;bottom:50px;background-color: rgba(255, 255, 255, 0.9);z-index: 999;top: -48px;justify-content:space-between;}
.header-topbox__contnet{max-width: 100%;height: 40px;line-height: 40px;display: inline-flex;}
.topbox-list{font-size:1.1em;margin: 0 0 0 30px;position:relative;}
.topbox-list a{color: #000000;font-size:1.0em;}
.header-font{height: 50px;color: #000000;}
.topbox-list a:hover{color: rgb(22, 199, 116);}




/*header*/
.header{width: 100%;height: 110px;position: relative;z-index: 999;position: fixed;top: 0;}
.logo{width: 330px;height: 80px;display: block;}
.logo a{width: 330px;height: 80px;display: block;opacity: 1;font-size:0; overflow:hidden;}

/*搜尋*/
.search-box{margin: 0 35px 0 35px ;position: relative;background-color: rgba(212, 212, 212, 0);}
.search-box input{background-color: rgba(255, 255, 255, 0);color: #000000;}
.search{width: 155px;height: 25px;border: 1px solid #000000;color: #000000;padding: 10px;position: relative;}
.search-button{background-color: rgba(255, 255, 255, 0);border: 0;position: absolute;cursor: pointer;top:11px ;right:7px ;color: rgba(255, 255, 255, 0);}
.search-button::after{content:"";position: absolute;background-image: url(../images/index/search.png?1);width: 33px;height: 33px ;background-size: 33px 33px;margin: -7px 0px 0 -19px;}

.search-box input::placeholder{color: #000000;}


/*header-font*/
.header-font__title{font-size: 1.3em;line-height: 40px;margin: 0 15px 0 35px;}
.font-list{line-height: 60px;font-size:1.5em;margin: 0 20px 0 0;}
.font-list__border{width:30px ;height: 30px;padding: 7px 10px 7px; }
.topbox-list a{padding: 7px;}
.font-list a{color:#121212;border:  1px solid #000000;}
.header-font{justify-content:space-between;height: 60px;}

.topbox-list--icon{position: relative;}
.topbox-list--icon::after{content: "";position: absolute;width: 1px;height: 15px;background-color: #ffffff;right:-80px;top: 0;left: 0;bottom: 0;margin: auto;}
.header-logo{width: 441px;height: 100px;display: block;}
.header-logo img{width: 340px;height: 70px;display: block;}
.mobile-logo{display: none;}


/*header__nav*/
.header__nav{width: 100%;height:70px;background-color:hsla(0, 0%, 100%, 0.9);;clear: both;position: relative;box-shadow:0px 3px 3px rgb(0 0 0 / 20%);z-index: 999;}
.nav{width: 72%;height: 70px;line-height: 70px;text-align: center;padding: 0 0 0 70px;}
.nav-list , .nav-list a{font-size: 1.15em;color: #000000;display: inline-block;margin: 0 12px;}
.nav-list{height: 70px;}
.header__nav-box{width: 1700px;max-width: 100%;height: 70px;margin: auto;}
.menuextend img{width: 12px;height: 10px;margin: 0px 0 3px 14px;}
/*.menuextend span::after{content: "";position:absolute;width: 17px;height: 12px;background-image:url(../images/index/arrow.png);background-size: 17px 12px;background-repeat: no-repeat;display: block;right: 46px;top: 46px;}

/*menu延伸*/
.menuextend{position: relative;}
.nav-list__menu{width:90%;position: absolute;right: 12%;background-color: rgba(255, 255, 255, 0.9);line-height: 57px;transition: all 200ms ease-in;margin: -2px 0 0 0;box-shadow:1px 1px 5px rgb(0 0 0 / 50%);border-radius: 0px;z-index: 9;display: none;}
.nav-list__menu01{right: -138%;top: 10%;width: 140%;}
.nav-list__menu--width{width: 58%;right: 22%;}
.menuextend:hover > .nav-list__menu{ display: block;}
.nav-menulist{width: 100%;height: 100%;}
.nav-menulist a{width: 100%;height: 100%;color: #000000;font-size: 1.1em!important;display: block;margin: 0;}
.nav-menulist:hover{background-color: #d9f9fc;}
.molile-icon,.molile-icon01 {display: none;}
.new-detail-link-text span,.nav-menulist span{width: 5px;height: 5px;background-color: #83bb8a;display: inline-flex;margin: 0 4px 4px 0px;}
.new-detail-link-text span{margin: 0 4px 3px 0px;}



/*banner*/
.banner{width: 100%;height: auto;margin: 0  auto 0;display: block;position: relative; }
.banner::after{content: "";display: block;position: absolute;width: 100%;bottom: 0;height: 80px;z-index: 9;background: url("../images/banner-deco.png") top center no-repeat;}


.slick-dots{top:90%;left: 0%;z-index: 99;}
.banner ul li img{width: 100%;height: auto;display: block;}


/*banner-prev*/
.banner-prev, .banner-next{width: 50px;height: 50px; background-image: url(../images/svg/arrow.svg);background-size:50px 50px;background-repeat: no-repeat;cursor: pointer;position: absolute;top: 45%;right: 2%; opacity: 0.5;transition: all 100ms ease-in }
.banner-prev{left: 2%;z-index: 99;-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg); -o-transform:rotate(180deg);-ms-transform:rotate(180deg); transform:rotate(180deg);}
.autoplay:hover > .banner-prev{opacity: 1;}
.autoplay:hover > .banner-next{opacity: 1;}








/*indexabout-content*/
.indexabout-content{width: 100%;height:auto ;margin: auto;background-size: cover;background-repeat: no-repeat;padding: 0 0 20px 0;}
.slick-dotted.slick-slider{margin-bottom: 0;}
.indexabout-box{width: 1400px;max-width: 100%;height: auto;margin: auto;}
.indexabout-box__list{padding: 40px;}
.indexabout-box__list img{width: 100%;height: auto;}


.index-title{text-align: center;font-size: 2.3em;position: relative;}
.index-title::before{content: "";position: absolute;width:  100px;height:1px;background-color: #000000;top:0;right: 250px ;left: 0;bottom: 0;margin: auto;}
.index-title::after{content: "";position: absolute;width:  100px;height:1px;background-color: #000000;top:0;right: 0 ;left: 250px;bottom: 0;margin: auto;}
.indexabout-box-text{padding: 10px;font-size: 1.6em;line-height: 40px;letter-spacing: 5px;}
.indexabout-box__list--margin{padding-top: 80px;}
.index-title-style{position: relative;}
.index-title-style::before{content: "";position: absolute;width:  70px;height:1px;background-color: #000000;top:0;right: 440px ;left: 0;bottom: 0;margin: auto;}
.index-title-style::after{content: "";position: absolute;width:  70px;height:1px;background-color: #000000;top:0;right: 0 ;left: 440px;bottom: 0;margin: auto;}



.indexabout-btn{width: 200px;height: 70px;margin: 15px auto;text-align: center;background-image: linear-gradient(to bottom, #59d473, #8ec2ad);border-radius: 10px;display: block!important;;}
.indexabout-btn a{margin: auto;text-align: center;font-size: 1.5em;color: #ffffff;line-height: 70px;display: block;}

.indexabout-btn:hover{background-image: linear-gradient(to bottom, #77f592, #ade2cd);}



.indenew-content{width: 100%;height:auto ;margin:50px  auto;}
.indexnew-box{width: 1400px;max-width: 100%;height: auto;margin: auto;}

/*tab*/
#wrap {width: 1400px; max-width: 100%; margin: 0 auto;margin-top: 50px;}
.tab {height: 82px; width: 170px;line-height: 82px;text-align: center;font-size: 22px;cursor: pointer;}
.selected {background-color: #67bf70;color: white;border: none;border-radius:10px 10px 0 0; }
#container {position: relative;width: 1400px;max-width: 100%;height: 200px;overflow: hidden;clear: left;}
.box { position: absolute;width: 1400px;height: auto;font-size: 20px;padding: 0 10px;}
#first {top: 0px;left: 0px;}
#second {top: 0px;left: 1400px;}
#third {top: 0px; left: 2800px;}
#four {top: 0px;left: 4200px;}
#five {top: 0px;left: 5600px;}
#slide {transition: transform 1s ease-in-out 0s;-moz-transition: -moz-transform 1s ease-in-out 0s;-webkit-transition: -webkit-transform 1s ease-in-out 0s;}


.move-to-second {transform: translateX(-1400px);-moz-transform: translateX(-1400px);-webkit-transform: translateX(-1400px);}
.move-to-third {transform: translateX(-2800px);-moz-transform: translateX(-2800px);-webkit-transform: translateX(-2800px);}
.move-to-first {transform: translateX(0px);-moz-transform: translateX(0px);-webkit-transform: translateX(0px);}
.move-to-four {transform: translateX(-4200px);-moz-transform: translateX(-4200px);-webkit-transform: translateX(-4200px);}
.move-to-five {transform: translateX(-5600px);-moz-transform: translateX(-5600px);-webkit-transform: translateX(-5600px);}
.wrap-content{justify-content: center;position: relative;}
.wrap-content::after{content: "";position: absolute;width: 1400px;max-width: 100%;;height: 5px;background-color:#67bf70 ;top: 80px;right: 0;left: 0;bottom: 0;margin: auto;}
.indexnew-box__list{width: calc(100%/4 - 0px) ;padding:  0 15px;position: relative;}
.new-link{width: 100%;height: 100%;display: block;position: absolute;margin: 10px 0 0 -20px;font-size: 0;z-index: 999;}

.indexnew-box__list:nth-child(4){padding: 0 0 0 15px;}


.indenew-date{margin: 20px 0  0;padding:0;color: #25a533;}
.indenew-text{margin: 10px 0;padding:0 10px;position: relative;overflow: hidden; display: -webkit-box;-webkit-line-clamp:3;  -webkit-box-orient: vertical;   overflow: hidden;height:80px;letter-spacing:1px;text-align: justify;}
.indenew-text::after{content: "";width: 5px;height: 5px;background-color: #83bb8a;display: inline-flex;position: absolute;left: 0;top: 12px;}
.indenew-btn{width: 130px;height: 54px;line-height: 54px;background-color: hwb(0 100% 0% / 0);border: 1px solid #000000;background-image:none;color: #000000;}
.indenew-btn a{color: #000000;width: 130px;height: 54px;line-height: 54px;}

.indenew-btn:hover{background-color: #d9faf2!important;background-image: none;}



/*indexactivity-box*/

.indexactivity-box{width: 100%;height: auto;margin: auto;padding: 0 0 40px 0;}
.indexactivity-conent{width: 1200px;max-width: 100%;margin: 50px auto;}
.index-activity__list{width:calc(100%/3 - 40px);margin: 0 20px;position: relative;}
.index-activity__list img{width: 100%;height: auto;display: block;}
.indexactivity-date{font-size: 1.4em;color: #25a533;margin: 5px 0;}
.indexactivity-title{font-size: 1.55em;overflow: hidden; display: -webkit-box;-webkit-line-clamp:2;  -webkit-box-orient: vertical;   min-height:25px;max-height:80px;letter-spacing:2px;text-align: justify;}



.indexactivity-text{font-size: 1.5em;margin: 5px 0;color: #000000; display: -webkit-box;-webkit-line-clamp:2;  -webkit-box-orient: vertical;   overflow: hidden;min-height:45px;letter-spacing:2px;text-align: justify;}



/*indeswap-content*/
.indeswap-content{width: 100%;height: auto;margin: 30px auto 0 0;}
.indeswap-content__list-img{padding: 80px;background-image: url(../images/index/index04.jpg);background-repeat: no-repeat;background-size: cover;}
.indeswap-content__list{width: calc(100%/2 - 2px);}


.indexswap-title{text-align: center;font-size: 2.4em;position: relative;color: #ffffff;}
.indexswap-title::before{content: "";position: absolute;width:  100px;height:1px;background-color: #ffffff;top:0;right: 300px ;left: 0;bottom: 0;margin: auto;}
.indexswap-title::after{content: "";position: absolute;width:  100px;height:1px;background-color: #ffffff;top:0;right: 0 ;left: 300px;bottom: 0;margin: auto;}
.index-swap-text{color: #ffffff;font-size: 1.9em;letter-spacing: 6px;margin: 45px 0 ;text-align: justify;}

.indeswap-btn{width: 200px;height: 67px;line-height: 67px;background-image:none;border: 1px solid #ffffff;margin: 30px auto 10px;}
.indeswap-btn a{line-height: 67px;}

.indeswap-btn:hover{background-image: none;}


.consult-btn{width: 425px;height: 120px;line-height: 120px;margin:80px auto 0;background-color: #ffffff;border-radius: 10px;}
.consult-btn a{display: block;text-align: center;color: #000000;font-size: 2.5em;font-weight: 600;border-radius: 10px;}

.consult-btn:hover a:hover{background-color: #3ab898;color: #ffffff;}


.activity-link{margin: 0;}
.indeswap-content__list img{width: 1100px;max-width: 100%;height: auto;display: block;}



.index-cognition__title{text-align: center;font-size: 2.5em;position: relative;color: #000000;margin: 20px 0;}
.index-cognition__title::before{content: "";position: absolute;width:  100px;height:1px;background-color: #000000;top:0;right: 350px ;left: 0;bottom: 0;margin: auto;}
.index-cognition__title:after{content: "";position: absolute;width:  100px;height:1px;background-color: #000000;top:0;right: 0 ;left: 350px;bottom: 0;margin: auto;}



/*index-cognition-content*/
.index-cognition-content{width: 100%;height: auto;margin: auto;padding: 30px 0;background-repeat: no-repeat;background-size: cover;}
.index-cognition-box{width: 1700px;max-width: 100%;height: auto;margin: auto;align-items: flex-start;}
.cognition-lititle{font-size: 2.2em;margin: 30px 0 45px 0;}
.index-cognition__list{width: calc(100%/2 - 5px);text-align:center;}
.ndex-cognition__list iframe{width: 50%;}

/*banner-prev*/
.cognition-prev, .cognition-next{background-image: url(../images/svg/left.svg);width: 55px;height: 55px;position: absolute;z-index: 99;top: 57%;right: -48px; background-repeat: no-repeat;cursor: pointer;opacity: 0.5;transition: all .20s ease-out;}
.cognition-prev{-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);left: -50px;}
.cognition-prev:hover,.cognition-next:hover{opacity: 1}
.journal-box__list{display: flex!important;justify-content: center;position: relative;margin: 0 20px;}
.journal-box{width: 650px;max-width: 100%;margin: auto;}
.journal-box .slick-list{padding: 150px 6px 15px 15px;margin: -150px -6px -15px -12px;}
.cognition-lititle--margin{margin: 20px 0 70px 0;}




.competition-prev, .competition-next{background-image: url(../images/svg/left.svg);width: 55px;height: 55px;position: absolute;z-index: 99;top: 45%;right: -8px; background-repeat: no-repeat;cursor: pointer;opacity: 0.5;transition: all .20s ease-out;}
.competition-prev{-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);left: -8px;}




/**/

.journal-box__number{ position:absolute;width:110px;height:0;border-width:0 25px 46px; border-style:solid;border-color:transparent transparent #81de68;-moz-transform:rotate(15deg);-webkit-transform:rotate(15deg);-o-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg);top:-28px;left: -12px;}
.journal-box__number:before{position:absolute;content:"";top: 45px;left: -25px;width: 59px; height:0;background:none; border-width:46px 25px 0;border-style:solid;     border-color:#81de68 transparent transparent;}
.journal-box__text{color: #ffffff; -moz-transform:rotate(0deg);-webkit-transform:rotate(345deg);-o-transform:rotate(345deg);-ms-transform:rotate(345deg);transform:rotate(345eg);margin: 28px -8px 4px -9px;}


.project-box--style{ position:absolute;background-color: #d38714;min-width:110px;height:50px;-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);border-bottom-right-radius:99em;z-index: 99;}
.project-box--text{color: #ffffff;line-height: 50px;padding:1px 1px 0px 25px;margin: 0;font-size: 1.5em;}



.responsive .journal-box__list:nth-child(2n) > .journal-box__number{border-color:transparent transparent #e06f8f;}
.responsive .journal-box__list:nth-child(2n) > .journal-box__number:before{border-color:#e06f8f transparent transparent;}

.indexjournal-btn{margin: 40px auto;}



/*footer*/
.footer{width: 100%;height: auto;background-color: #43a06e;position: relative;z-index: 15;margin: 280px 0 0 0;}
.footer::after{content: "";width: 100%;height: 690px;background-image: url(../images/index/footer.svg);background-size: contain;position: absolute;background-repeat: no-repeat;top: 0;left:  0;bottom:320px;right: 0;margin: auto;z-index: -1;}
.footer-box{width: 1400px;max-width: 100%;margin: auto;padding: 60px 0;}
.footer-nav{margin: 0 auto 25px ;display: flex;justify-content: center;}
.footer-nav__list{display: inline-block;margin: 0px 40px 0 0;position: relative;}
.footer-nav__list a{font-size:1.3em;color: #ffffff;position: relative;}
.footer-content__list{width: calc(100%/2 - -140px);margin: auto;color: #ffffff;letter-spacing: 5px;}
.footer-content-text{font-size: 1.4em;padding: 0;margin: 5px auto;}
.footer-content__list--img{width: calc(100%/2 - 500px);display: flex;justify-content: center;align-items: center;}
.footer-content-title{color: #ffffff;font-size: 1.5em;}
.footer-content__list--margin{margin: 50px 0 0 0;}
.footer-reserved-content{width: 100%;min-height: 55px;margin: auto;background-color: #2a5b41;display: flex;justify-content: center;align-items: center}
.reserved-text{text-align: center;color: #ffffff;font-size: 1.4em;}

.footer-top{cursor: pointer;right: 5%; bottom: 10%;position: fixed;display: none;}



.footer-nav__list a:hover{color: rgb(251, 255, 30);}
.search-moblie{display: none;}

.indexswap-title--style{position: relative;}
.indexswap-title--style::before{content: "";position: absolute;width:  100px;height:1px;background-color: #000000;top:0;right: 420px ;left: 0;bottom: 0;margin: auto;}
.indexswap-title--style::after{content: "";position: absolute;width:  100px;height:1px;background-color: #000000;top:0;right: 0 ;left: 420px;bottom: 0;margin: auto;}





/*inner內頁*/
/*inner-banner*/
.inner-banner{width: 100%;padding-bottom:33%;background-image:  url(../images/pagebanner.jpg);background-size: 100% auto;background-repeat: no-repeat;position: relative;}
.inner-banner__conent{min-width: 500px;height: 235px;top: 160px;right: 45%;left: 0;bottom: 0;margin: auto;position: absolute;text-align: center;}
.inner-banner__title{font-size: 2.2em;color: #ffffff;letter-spacing: 2px;position: relative;text-align: center;}
.inner-banner__title::before{content: "";position: absolute;width:  80px;height:1px;background-color: #ffffff;top:0;right:250px ;left: 0;bottom: 0;margin: auto;}
.inner-banner__title::after{content: "";position: absolute;width:  80px;height:1px;background-color: #ffffff;top:0;right: 0 ;left:250px;bottom: 0;margin: auto;}
.inner-banner__entitle{font-size: 2.2em;color: #ffffff;letter-spacing: 2px;text-align: center;}
.inner-banner__nav{font-size: 1.8em;color: #ffffff;margin: 20px 0;}
.inner__list{display: inline-block;margin: 0 15px;position: relative;}
.inner__list::after{content: "";position: absolute;width: 5px;height: 5px;background-color: #33fffb;display: inline-flex;margin: 12px 0px 0 -14px;left: 0;}
.inner-box{width: 100%;height: auto;margin: auto;background-image: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)), url(../images/innerbg.jpg);background-repeat: no-repeat;background-size:100% auto;padding: 0 0 20px 0;}



.inner-banner__title--style{position: relative;}

.inner-banner__title--style::before{content: "";position: absolute;top:0;right:380px ;left: 0;}
.inner-banner__title--style::after{content: "";position: absolute;top:0;right: 0 ;left:380px;}





/*內頁按鈕*/
.inner-content__button{width: 1400px;height: auto;max-width: 100%;position: relative;margin: 30px auto 20px;text-align: center;padding: 0 20px;}
.inner-content__button--style{display: flex;justify-content: space-between;}


.inner-button a{font-size: 20px;color: #121212;display: block;padding: 10px 20px;}
.inner-button{display: inline-block;margin: 5px;border: 1px solid #0f7558;}

.inner-button a:hover{background-color: #37b6b8;color: #ffffff;border: 0;display: inline-flex;}
.inner-button.active{background-color: #37b6b8;color: #ffffff;border: 0;}
.inner-button.active a{color: #ffffff}
/*innernew-box*/
.innernew-box{width: 1400px;max-width: 100%;margin: auto;}


/*new-date*/
.new-date{color: #2d644d;text-align: center;width: calc(100%/2 - 550px);}
.new-date__moon{font-size: 2.5em;margin: 0;padding: 0;}
.new-date__day{font-size: 8.5em;margin: 0;padding: 0;text-align: center;}
.new-subject-box{width: calc(100%/2 - -550px);padding: 0 10px;}
.new-subject-box img{width: 100%;height: 130px;padding: 15px 0 0 0;}


.new-sign{min-width:100px ;height: 35px;text-align: center;background-color: #37a287;color: #ffffff;line-height: 35px;font-size: 1.5em;border-radius: 10px;margin: -3px 0 0 10px;display: inline-block;padding: 0 8px;}
.new-subject__tilte{font-size:1.55em;font-weight: 600; letter-spacing:2px;margin: 10px 0 10px 0;text-align: justify;}
.new-subject__text{margin: 0 5px 0 0;padding: 0;font-size: 1.4em;overflow: hidden; display: -webkit-box;-webkit-line-clamp:3;  -webkit-box-orient: vertical;   overflow: hidden;height:66px;letter-spacing:2px;color: #647e77;text-align:justify;}
.innernew-box__list{width: 100%;height: auto;border-bottom: 1px solid #d8d8d8;padding: 20px 0 20px 0 ;margin: 25px 0;position: relative;}
.innernew-box__list:hover{box-shadow: 0.0em 0.4em 1em rgb(207, 207, 207);}


.new-subject__bottom{width: 125px;height: 40px;text-align: right;font-size: 1.3125em;border: 1px solid #37a287;float: right;margin: 8px 5px 0px 0px;transition:all 0.5s linear;display: block;line-height: 40px;color: #37a287;border-radius: 5px;text-align: center;}


/*頁碼*/
/*pagination*/
.pagination{width: calc(100%/1 - 460px); width: 100%;margin: auto;text-align: center;padding: 50px 0 20px 0;}
.pagination__box { padding: 0; margin: 0;margin: auto;text-align: center;}
.pagination__box li{display:inline-flex ;}
.pagination__box li a {width: 20px;height: 20px;line-height: 30px;text-decoration: none; transition: background .3s;font-size: 1em;color: #000000;;margin: 0 8px 10px ;}
.pagination__box li a:hover{color: #1a9977;}
.pagination__box li a.active {color: #1a9977;}
.pagination__box strong{font-size: 0;}

.icon-sort-up{transform:rotate(-90deg);font-size: 1.4em;display: block;padding: 0 0px 8px 0px;}
.icon-sort-up--right{transform:rotate(90deg);margin: 0 11px 0px -4px;}
.icon-backward--right{transform:rotate(180deg);display: block;}

.return-buttom{width: 175px;height: 60px;margin: 40px;;text-align: center;color:#000000;border: 1px solid #0f7558;}
.return-buttom a{width: 100%;height: 100%;display: block ;position: relative;color:#000000;line-height: 60px;font-size: 1.6em;}
.return-buttom:hover a{background-color: #37b6b8;color: #ffffff;}
.bottm-box{margin: auto;display: flex;justify-content: center;margin: 0 0 10px 0;}
.new-date__day--dot{display: none;}

.intro-title{width: 1400px;max-width: 100%;;height: auto;margin:20px auto 20px;font-size: 2.0em;color: #0ba0a8;text-align: justify;}
/*law-title*/
.law-title{margin: 0 0 0 50px;width: 85%;}
.law-detail-text{font-size: 1.6em;margin: 0 auto 15px;color: rgb(146, 146, 146);}

/*new-content*/
.new-detail-content{width: 100%;height: auto;margin: 50px auto;text-align: center;}
.schedule-date{width: 15%;color: #2b97a7;font-size: 1.5em;line-height: 24px;text-align: center;}

.inner-content{width: 1400px;max-width: 100%;margin: auto;padding: 0 15px;}
.newsdetail-text{font-size: 1.3em;text-align: justify;}






/*preview*/

.preview-img{width: 100%;position: relative;}
.preview-img img{width: 550px;max-width: 100%;height: auto;display: block;}
.preview-img::after{content: "READ MORE";background-color:  rgba(162, 185, 192, 0.747);width: 100%;height: 100%;top: 0;left: 0;position: absolute;text-align: center;display: flex;justify-content: center;align-items:center;color: #ffffff;font-size: 1.5em;letter-spacing: 1px;opacity: 0;transition:all 0.2s linear;cursor: pointer;}
.preview-img::before{content: "";width: 120px;height:45px;border: 1px solid #ffffff;position: absolute;top: 0;right: 0;left: 0;bottom: 2px;margin: auto;z-index: 9;border-right: 0;border-left: 0;opacity: 0;transition:all 0.2s linear;cursor: pointer;}
.preview-text{width: 100%;height: auto;min-height: 77px;background-color: #f7f7f7;align-items:center;padding: 15px;}
.preview-text__title{font-size: 1.8em;font-weight: 500;overflow: hidden; display: -webkit-box;-webkit-line-clamp:2;  -webkit-box-orient: vertical;   overflow: hidden;height:59px;}
.preview-link{width: 100%;height: 100%;display: block;position: absolute;margin: 0;z-index: 9;font-size: 0;}

.preview-box__list{width: calc(100%/3 - 30px);position: relative;margin: 15px;height: 100%;}
.preview-box__list--video{position: relative;}
.preview-box__list--video::after{content: "";position: absolute;width: 50px;height: 50px;top: -60px;right: 0;left: 0;bottom: 0;margin: auto;background-image:url(../images/youtube.png);background-repeat: no-repeat;background-size:50px auto;}
.preview-box__list-text{background-color: rgba(255, 255, 255, 0);}
.preview-box__list-link:hover{background-color: rgba(235, 235, 235, 0.307);}
.preview-box__list:hover{box-shadow: 0.1em 0.1em 3em rgb(134, 134, 134);transition:all 0.2s linear;}







.preview-pic{width: 100%;position: relative;}
.preview-pic img{width: 100%;height: auto;display: block;}


/*動畫*/
.preview-box__list:hover .preview-img::after{opacity: 1;transition:all 0.2s linear;}
.preview-box__list:hover .preview-img::before{opacity: 1;transition:all 0.2s linear;}
.preview-box__list:hover{box-shadow: 0.1em 0.1em 1em rgb(173, 173, 173);}


.new-detail-content img{width:400px;max-width: 100%;height: auto;display: block;margin: auto;}





.form_box{justify-content: center;}
.form-text{font-size: 1.5em;line-height: 56px;margin: 0 10px;}
.form-menu__style{width: 150px;height: 50px;font-size: 1.5em;margin:  0 12px;background-color: rgba(0, 0, 0, 0);border: 1px solid rgb(184, 184, 184);}
.inner-search__text{width: 150px;padding: 0 5px ;}
.inner-search__button{width: 100px;height: 50px;background-color: #ffffff00;border-color: #ffffff;font-size: 1.5em;}
.inner-search{margin: -4px 0 0 0;}



/*innerabout*/

.innerabout-box{width: 1400px;max-width: 100%;margin: auto;text-align: center;padding:  0 5px;}
.about-title{width:350px;max-width: 100%;text-align: center;margin:15px auto;font-size: 2em;background-color: #15c4a7;color: #ffffff;padding: 20px;border-radius: 50px;}
.about-text{font-size: 1.4em;line-height: 30px;letter-spacing: 2px;text-align: justify;}
.innerabout-box img{margin:  15px 0;width: 60%;}




/*Committee_title"*/
.committee-box{width: 100%;height: auto;padding: 15px;margin: 5px auto;text-align: center;}
.committee_title{width: 100%;min-height: 40px;font-size: 1.8em;color: #46a06e ; display: inline;text-align: center;line-height: 50px;position: relative;margin:15px auto;border-bottom:1px solid #46a06e;}

/*.committee_title::before{content: "";position: absolute;width: 1px;height: 15px;background-color: #46a06e;margin:18px  0 0 -13px;}
.committee_title::after{content: "";position: absolute;width: 1px;height: 15px;background-color: #46a06e;margin:18px  0 0 13px;}*/



.committee_text{margin: 20px;display:block;}
.committee-box--color{background-color: #ffffff6b;}
.committee_text li{margin: 5px 0;text-align: justify;font-size: 1.05em;}
.intro-content__list{margin: 30px 0;}
.intro-content__list dt{width: calc(100%/2 - 500px);border-right: 1px solid #b9b9b9;padding:  0 10px;line-height:35px;font-size: 1.4em;}
.intro-content__list dd{width: calc(100%/2 - -470px);margin: 0 10px;line-height: 30px;font-size: 1.4em;text-align: justify;}



/*schedule-detail-illustrate*/
.intro-detail-illustrate{width: 1400px;max-width: 100%;height: auto;margin: 60px 0;}
.intro-detail-illustrate__title{font-size: 1.8em;font-weight: 500;color: #28be9e;margin: 20px 0;text-align: left;}
.intro-detail-illustrate__text{font-size: 1.6em;letter-spacing: 1px;line-height: 1.6em;}
.intro-detail-illustrate__download{width: 1400px;max-width: 100%;min-height: 100px;margin:  15px 0;background-color: #eff8ff;;display: flex;align-items: center;padding: 10px 20px ;border: 1px solid #979797;}
.intro-detail-illustrate__download a{color: #000000;position: relative;font-size: 1.5em;margin: 0 0 0 12px;font-family: Arial, Helvetica, sans-serif; }

.intro-detail-illustrate__download:hover a{color: #009fcf;}
.icon--3:before{color: #009fcf;}
.preview-box {justify-content: center;}
.committee-box__img{text-align: center;width:600px;max-width: 100%;height: auto;margin: auto;}
.committee-box__img img{width: 100%;height: auto;display: block;}

.committee_text__title{margin: auto;padding: 8px 12px;background-color: #42bbb5d0;color: #ffffff;font-size: 1.65em;}
.committee_text p{font-size: 1.36em;margin: 8px 0;padding: 0;letter-spacing: 1.5px;text-align: justify;}

.committee_text--margin{justify-content: inherit;}


.committee_text__btn{text-align: center;background-color: #18cac1;line-height: 40px;color: #ffffff;padding: 10px 30px;font-size: 1.3em;}
.committee_text__btn:hover{background-color: #2ddbd3;}


.intro-content__list dd{display: block;}
.intro-content__list--border dt{background-color: #0bc4ca;color: #ffffff;width: 150px;margin: 10px auto;border:0 ;}

/*table*/
.committee-table{width: 80%;display: inline-block;margin: 0 143px 0 0;}
.committee-table:nth-child(2n){margin: 0 0 0 0;}
.committee-table__list{width: 100%;font-size: 1.3em;padding: 10px;letter-spacing: 1.5px;line-height: 1.5;border-collapse: collapse;margin: 0 0 10px 0;}
.committee-table tr{border: 1px solid rgb(160, 160, 160);padding: 7px;}
.committee-table td{border: 1px solid rgb(160, 160, 160);padding: 7px 10px;text-align: justify;}
.committee-table td a{color: #0f0f0f; text-decoration:revert;}
.committee-table td a:hover{color: #0d9bb4}
.committee-table th{border: 1px solid #3fbdb6;padding: 7px;background-color: #3fbdb6;font-size: 1.4em;}
.committee__title{display: block;font-size: 1.125em;margin: 40px 0 30px 0;}
.committee-table__text{font-size: 1.26em;text-align: center;font-weight: bold;margin: 25px 0 15px;}
.committee-table__list--w01{width: 38%;}
.committeetable-list{color: #ffffff;}
.committee-table-title{text-align: center!important;width:6%;}

/*innernew-box__list--width*/
.innernew-box__list--width{width:calc(100%/4 - 30px);border: 0;margin: 15px;border-radius: 15px;}
.innernew-box__list--width01{width:calc(100%/4 - 30px);border: 0;background-color: rgba(255, 255, 255, 0.541);margin: 15px;border-radius: 15px;border: 1px solid rgba(171, 189, 199, 0.623);display: flex;justify-content: center;}
.innernew-box__list--width01 a{color: #000000;display: flex;padding: 15px;flex-basis:17em;align-items:center;justify-content: center;font-weight: bold;font-size: 1.55em;}
.innernew-box__list--width01:hover{background-color: #e3fcf2;}



.link-sign-margin{margin:-20px 0 0 0 ;}
.link_title{font-size: 1.5em;text-align: center;width: 10%;}


.committee_text--center{text-align: center;width: 56%;margin: auto;}
.intro-content__list--border {text-align: center;}
.intro-content__list--border dd{text-align: center;margin: auto;width: 100%;}
.committee_text--center li{text-align: left;margin: 10px auto;font-size: 1.05em;line-height: 1.8;text-align: justify;}
.committee_text--center li span{width: 12%;color: #000000;padding: 0 5px;border-right: 1px solid #afafaf;margin: 0 5px;}

.consult-center{width: 50%;margin: 30px auto 0;}
.consult-center li{text-align: center;}

/*member-container*/
.member-container{width: 1200px;max-width: 100%;height: auto;margin: auto;}
.member-container__list{width: calc(100%/3 - 20px);margin: 10px;}
.member-but-box{width: 100%;;margin: 20px 0 0;}
.member-container-bottom{width: 98%;margin: 10px 0;border: 0;border-bottom: 1px dotted #8a8a8a;min-height: 50px;height: auto;text-align: center;}
.member-container-bottom:last-child{border: 0;}
.member-container-title{height: auto;min-height:40px ;line-height: normal;display: flex;align-items: center;padding: 5px;justify-content: center;background-image: linear-gradient(to bottom right, #008b8b, #aae6a8);font-size: 2em;color: #ffffff;border-radius: 50px;}
.member-container-bottom a{justify-content:left;min-height: 50px;height: auto;font-size: 1.3em;color: #000000;}
.member-container-bottom a::before{margin: 4px 0px 0 10px;}
.member-container-bottom a:hover{color: #01b3ca;}

.indexabout-box__list-img{position: relative;;animation-name: dong;animation-duration:3s;animation-iteration-count:infinite;}


/*表格*/

.member-sheet__list{width: 100%;}
.member-sheet__list img{width: 300px;height: auto;max-width: 100%;}

.member-table{width: 100%;margin: 20px auto;justify-content: center;}
.member-table__list{width: 100%;font-size: 1.3em;padding: 10px;line-height: 1.6;letter-spacing: 1px;border-collapse: collapse;margin: 0 0 10px 0;}
.member-table tr{border: 1px solid #cacaca;padding: 7px;}
.member-table td{border: 1px solid #cacaca;padding: 7px 10px;text-align: justify;}
.member-table th{border: 1px solid #11bb90;padding: 7px;background-color: #11bb90;font-size: 1.3em;}
.member__title{display: block;font-size: 1.125em;margin: 40px 0 30px 0;}
.member-table__text{font-size: 1.26em;text-align: center;font-weight: bold;margin: 25px 0 15px;}
.member-table__list--w01{width: 38%;}
.membertable-list{color: #ffffff;}
.about-table__title{width:15%;text-align: center!important;}
.committee-table__box{width: 100%;}
.committee-table__box th{border: 0;background-color: rgba(0, 159, 207, 0);color: #46a06e;position: relative;font-weight: bolder;}


.committee-table__box td{border: 0;}
.committee-table__box tr:nth-child(1n){border: 0;background-color: hwb(0 100% 0% / 0.877);}
.committee-table__box tr:nth-child(2n){border: 0;background-color: #edf7f6;}
.committee-table-title--style{width: 5px;height: 5px;background-color: #009fcf;display: inline-flex;margin: 0 5px 3px 0px;}



.committee-table-text{width: 35%;}
.table-style{width: 73%;margin: 30px auto 0 ;background-color: #11bb90;}
.book-width{width: 55%;margin: 15px 0;}
.link_title-style{width: 100%;}
.about-box{width: 70%;margin: 15px auto;}
.committee-table__box--style{width: 100%;}

.member-table__list--style{width: 50%;margin: 0  0 0 20px;}

.index-preview-box{width: 65%;position: relative;display: inline-block;}
.index-preview-box::after{content: "";position: absolute;width: 50px;height: 50px;top: -60px;right: 0;left: 0;bottom: 0;margin: auto;background-image:url(../images/youtube.png);background-repeat: no-repeat;background-size:50px auto;}
.index-preview-box-text{background-color: rgba(255, 255, 255, 0);}
.index-preview-box-link:hover{background-color: rgba(255, 255, 255, 0.329);}
.index-preview-box:hover{box-shadow: 0.1em 0.1em 1em rgb(207, 207, 207);transition:all 0.2s linear;}



/*inner-box*/
/*側邊選單*/

.inner-sidebar{width: 8%;position:fixed;z-index: 99;left: 2%;top:35%;background-color: rgba(255, 255, 255, 0.8);border: 1px solid #c9c9c9;}
.inner-sidebar__title{font-weight: 500;margin: 0;}
.inner-sidebar__title a{color: #000000;font-size:  1.6em;}
.inner-sidebar__title a:hover{color: #ebad07;font-size:  1.6em;}
.inner-sidebar__nav{width: 100%;height: auto;}
.sidebar-list{width: 100%;height: auto;text-align: left;color: #000;border-bottom: 1px solid #c9c9c9;}
.sidebar-list a{color: #000;width: 100%;height: auto;display: block;padding: 10px;border-left: 6px solid #06ade0;}
.sidebar-list:hover{background-color: #c7ffea;}
.sidebar-list a span{width: 5px;height: 5px;background-color: #009fcf;border-radius: 15px;display: inline-block;vertical-align:middle;margin: 5px;}

.intro-detail-illustrate , .committee-box, .innerabout-box, .member-table , .innernew-box{ position:relative; }
.poster01{ position:absolute; top:-186px;}




#a3{position: absolute;top: -200px;}



/*index-competition-box*/
.index-competition-box{width: 1600px;max-width: 100%;margin: 0 auto 30px;position: relative;padding: 0 30px ;}
.index-competition__list{width:calc(100%/4 - 40px);margin: 0 20px;position: relative;}



.project-box{width: 1200px;max-width: 100%;margin: auto;}
.project-box__list{width: calc(100%/4 - 31px);height:auto ; margin: 0 15px;position: relative;}
.project-box__list img{width: 500px;max-width: 100%;;height: auto;display: block;}
.project-box-link{width: 100%;height: 100%;display: block;position: absolute;margin: 0 0 0 0;font-size: 0;z-index:9;}
.project-box-link:hover{background-color: rgba(194, 194, 194, 0.3);}
.project-box-text{font-size: 1.4em;background-color: rgba(56, 56, 56, 0.863);width: 100%;position: absolute;right: 0;left: 0;bottom: 0;margin: auto;padding: 5px;font-weight: 500;color: #ffffff;letter-spacing: 1px;}
.project-box-text span{display: block;text-align: center;padding: 5px;}
.project-prev,.project-next{background-image: url(../images/left-new.svg);width: 25px;height: 25px;position: absolute;z-index: 99;top: 47%;right: 30px; background-repeat: no-repeat;cursor: pointer;transition: all .20s ease-out;}
.project-prev{-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);left: 31px;}
.innernew-box--center{text-align: center;}

.link-height{min-height: 160px;}
.project-box--text01{padding: 0;margin: 0px 0 0 -11px;}





@keyframes dong { 
    0% {             
        transform: translate(0px, -20px);            
     }            
     50% {                
        transform: translate(0px, -0px);            
     }            
     100% {                
        transform: translate(0px, -20px);
     }
}




@keyframes dong01 { 
    0% {             
        transform: translate(0px, 0px);            
     }            
     50% {                
        transform: translate(0px, -10px);            
     }            
     100% {                
        transform: translate(0px, 0px);
     }
}



.new-detail__list{text-align: left;margin: 15px 0;}
.new-detail__list h4{font-size: 1.8em;color: #474747;margin: 30px 0;border-left: 2px solid #009fcf; padding:0 15px;text-align: justify;}
.new-detail__img{  float: left;margin-right: 20px;margin-left:15px;}
.new-detail__img--right{float: right;margin:  15px;}
.new-detail__img img{width: 400px;}
.new-detail-text{margin:15px 0;font-size: 1.3em;line-height: 2;text-align: justify;}
.new-detail__img--center{text-align: center;display: block;margin: auto;}
.new-detail__text--center{width: 100%;margin: 15px 0;}
.new-detail-pic__list{width: calc(100%/ 3 - 20px);margin:   10px;}
.new-detail-pic__list img{width: 100%;}
.new-detail-pic{margin: 30px 0;}
.new-detail-pic-text{font-size: 1.25em;margin: 5px;padding: 0;text-align: justify;}
.new-detail-video__list{width: calc(100%/ 2 - 31px);;margin:  0 15px;position: relative;}
.new-detail-video__list img{width: 100%;}
.consult-img{width: 80px;height: 80px;vertical-align: sub;flex-basis:5em}
.new-detail__img--center{float: none;}


.new-detail-link{width: 100%;min-height: 50px;margin: 15px 0;border: 1px solid #e2e2e2;line-height: 50px;border-radius: 15px;;}
.new-detail-link-text{margin: 0;padding: 0;font-size: 1.25em;margin: 0 0 0 15px;text-align: center;}
.new-detail-link-a{font-size: 1.25em;color: #0aad98;}

.copy-box{width: 100%;height: auto;margin: auto;justify-content: center;align-items:center;}
.copy-box_text{padding: 0;width: 80px;height: 40px;text-align: center;line-height: 40px;background-color: #ffffff;border: 1px solid #dadada;margin: 0 5px;font-size: 1.2em;;color: #000000;cursor: pointer;}

.copy-box_date{font-size: 1.2em;padding: 0;margin: 0 5px;}


.ig-content{width: auto;}
.ig-title{width: auto;border-bottom:2px solid #009fcf ;display: inline-block;font-size: 2.5em;}
.new-detail-text--style span{color: #000000;padding: 10px;border-radius: 15px;border-bottom: 3px solid #009fcf;border-top: 3px solid #009fcf;font-style: italic;}

.journal-box__lis-img img{width: 290px;max-width: 100%;height: auto;display: block;}

.competition-style{width: calc(100%/5 - 20px);}



/*ugcabout-title*/
.ugcabout-title{font-size: 2.3em;font-weight: 500;letter-spacing: 2px;position: relative;margin: auto;padding: 0;background-color: #ebf9fa;display: inline-block;padding: 5px;border-radius: 5px;}
.ugcabout-title::after{content: "";position: absolute;width: 50px;height: 1px;background-color: #969696;top: 0;right: 0;left: 0;bottom: -70px;margin: auto;}
.ugcabout-box{width: 50%;margin: 0 15px;}
.ugcabout-name{font-size: 1.6em;margin: 5px auto;color: #70564f;}
.ugcabout-name--style{font-weight: bolder;font-size: 1.8em;}
.ugcabout-text{font-size: 1.4em;justify-content: space-evenly;padding:10px 5px; border-radius: 30px;line-height: 2;}
.ugcabout-text dd{text-align: left;position: relative;}
.ugcabout-text dd::before{content:" ‧ " ;position: absolute;left: -17px;}
.ugcabout-text dt{text-align: left;padding: 2px 0 2px 40px;background-color: #e6e6e6;border-radius: 15px;}

.new-sign--color{background-color: #f1525a;}
.new-sign--color02{background-color: #5277f1;}
.new-sign--color03{background-color: #f39e00;}
.new-sign--color04{background-color: #9040eb;}

.service-text{margin: 0;padding: 0;font-size: 1.2em;}
.form__control--margin{margin: 15px 0 0px;}
.th-style{text-align: left;}

.membertable-list--left{text-align: left;}

#in_content{width: 100%;margin: auto;height: auto;text-align: center;}


#in_content h2 {
    width: 100%;
    position: relative;
    padding: 0;
    margin: 0;
    font-size: 20rem;
    color: #12926c;
    font-weight: bold;
    -webkit-clip-path: none;
            clip-path: none;
    
}

.bg p {
    display: block;
    font-size: 2rem;
    font-weight: bold;
    color: #535353;
    margin: 0 0 1.2%;
  }



/*列印*/


@media print { 
	body { 
		-webkit-print-color-adjust: exact; 
        ;
	} 
   
}
@media print {
    .header{display: none;}
    .footer{display: none;}
    .inner-banner__nav{display: none;}
    .bottm-box{display: none;}
    .copy-box{display: none;}
    .intro-content__list dt{width: 100%;border: 0;border-bottom: 1px solid #e2e2e2;margin: auto;}
    .committee_title{font-size: 1.5em;}
    .new-date__day{font-size: 1.5em;margin: 0;}
    .new-date__moon{font-size: 1.5em;}
    .new-date__day--dot{display: inline-block;padding: 0;margin: 0;}
    .new-date{display: flex;margin: 5px 0px 10px 10px;width: 100%;}
    .new-detail__img{width: 40%;}
    .breadcrumb{width: 90%;}
    .new-detail__list h4{font-size: 1.5em;}
    .inner-content__button{width: 90%;}
    .intro-title{width: 90%;}
    .new-detail-content img{width: 80%;}
    .slick-slide img{width: auto;height: auto;max-width: 100%}
.journal-box__lis-img{width: 290px;max-width: 100%;height: auto;}

}






@media only screen and (min-width:1101px)
{
  
   .menuextend:hover > .nav-list__menu{ display: block!important;}
 
}


@media only screen and (max-width:1800px)
{
  
    .innernew-box-width{ width: 1000px;}
 
}





@media only screen and (max-width:1700px)
{
    .nav{width: calc(100%/2 - -210px);padding: 0 0 0 50px;}
    .nav-list, .nav-list a{font-size: 1.1em;}
    .header-logo{margin: 0 5px;}
    .indeswap-content__list-img{padding:38px}
  
    .header-font{height: 40px;}
    .header-font__title{line-height: 40px;margin: 0 15px 0 15px;}
   
    .search {width: 150px;height: 25px;}
    .search-button::after{cursor: "";margin: -7px 0px 0 -19px;}

    .header{height: 110px;}
    .header-logo{width: 340px;height: 70px;}

    .footer-top{width: 50px;height: 50px;}
    .footer-top img{width: 50px;height: 50px;}
    .nav{margin: auto;}

}

@media only screen and (max-width:1500px)
{
    .journal-box__number{left: 109px;top: -39px;}
    .cognition-prev, .cognition-next{right: 67px;}
    .cognition-prev{left: 67px;}
    .index-cognition__list iframe{padding: 30px;}
    .index-swap-text{margin:20px;font-size: 1.6em;}
    .consult-btn{width: 280px;height: 80px;;margin: 30px auto 0;line-height: 80px;}
    .consult-btn a{font-size: 2.0em;}
    .indeswap-content__list-img{padding:20px;}
    .indexswap-title{margin: 50px 0 0 0;}
    .innernew-box{padding:  0 15px;}
    .new-subject-box{width:100%;}
    .new-date{width:100%;}
    .new-date__day{font-size: 1.5em;}
    .new-date__moon{font-size: 1.5em;}
    .new-date{display: flex;margin: 5px 0px 10px 30px;}
    .new-date__day--dot{display:inline-block;margin: 0;padding: 0;}
    .new-subject-box{padding: 0 15px;}
   
    .index-competition-box{width: 1400px;padding: 0 30px ;}
}


@media only screen and (max-width:1400px)
{
    .nav{width: calc(100%/2 - -200px);padding: 0 0 0 10px;}
    .nav-list, .nav-list a{font-size: 1.1em;}
    .header-font__title{margin: 0 10 0 15px;}
    .indexnew-box__list{width: calc(100%/2 - 0px);}
    .box{width: 100%;}
    #container{height: 320px;}
    .wrap-content::after{max-width: 94%;}
   
    .competition-prev, .competition-next{width:30px;height: 30px;right: 10px;}
    .competition-prev{left: 10px;}
    .project-box__list img{width: 600px;}

}
@media only screen and (max-width:1300px)
{
 
.indexactivity-conent{padding: 0 15px;}
.indexswap-title{margin: 0 0 30px 0;}
.inner-banner__conent{right:0;top: 50px;height: 120px;}
.inner-banner__title{font-size: 1.5em;}
.inner-banner__title::before{content: "";width:  50px;height:1px;right:270px ;}
.inner-banner__title::after{content: "";width:  50px;height:1px;left:  270px ;}

.inner-banner{margin: 110px 0 0 0;}
.inner-banner__entitle{font-size: 1.2em;}
.intro-title{font-size: 1.8em;}

.intro-content__list dt{width: 100%;border: 0;border-bottom: 1px solid #e2e2e2;margin: auto;}
.committee-box{padding: 0;}
.intro-content__list dd{width: 100%;}
.committee_text{margin: 10px auto;}
.inner-button a:hover{background-color: #37b6b8;color: #ffffff;border: 0;display: inline-flex;}
.member-table{width: 100%;padding: 0 10px;}

}


@media only screen and (max-width:1200px)
{
    .slick-dots{top: 91%;}
    .indexabout-box__list{width: 100%;padding: 20px;}
    .index-cognition__list{width: 100%;padding: 0 15px;}
    .cognition-lititle{margin: 20px 0 10px 0;}
    .cognition-lititle--margin{margin: 20px 0 35px 0;;}
    .footer-box{padding: 0 15px;}
    .footer-content__list--margin{padding: 20px;}
    .footer-content__list{width: 100%;}
    .footer-nav__list{margin: 0px 35px 0 0;}
    .preview-box__list{width: calc(100%/2 - 30px);}
    .member-container__list{width: calc(100%/2 - 20px);}
    .committee_text--center{width: 100%;}
    .consult-center{width: 100%;}
    .preview-img img{width: 100%;}
    .member-table__list--style{width: 100%;}
    .table-style{width: 100%;}
    .innernew-box-width{ width: 900px;}
   
}
@media only screen and (max-width:1100px)
{
    .indeswap-content__list {width: 100%;}
    .indeswap-content__list-img{padding: 40px;}
    .index-swap-text{font-size: 1.8em;}
    .footer-nav{line-height: 44px;text-align: center;}
    .footer-box{padding: 40px 15px;}
    .footer-nav__list{margin: 10px;}
    .footer::after{height: 630px;}
    .new-detail__img{display: block;width:100%;margin: auto;float: none;}
    .new-detail-text{display: block;width:100%;margin: 0;font-size: 1.3em;line-height: 2;}
    .new-detail-pic__list{width: 100%;margin: 15px;}
    .new-detail-video__list{width: 100%;margin: 15px;}
    .innernew-box__list--width01{width: calc(100%/2 - 30px);}
    .inner-content__button{padding: 0 5px;}
    .ig-content{display: block;}
    .ig-title{margin: 15px 0;}
    .competition-style{width: calc(100%/2 - 40px);}
    .new-detail__img{text-align: center;}
    .new-detail-text{margin: 15px 0;}
    .new-detail-text--style span{float: none;}
     /*手機板選單往右移*/
 #mobile{left:  -320px;}
 /*選單手機板*/
 .header__nav{width: 220px;height: 100%;position: absolute;top: 0;right: 0;position: fixed;background-color: rgba(255, 255, 255, 0.97);overflow-y:auto;overflow: auto;overflow-x:hidden;}
 .nav{width: 100%;margin: 55px auto 0px;height:auto;line-height:40px;}
 .nav-list, .nav-list a{margin: 0;height: auto;}
 .nav-list{width: 100%;}
 /*取消HOVER*/
 .molile-icon  > .nav-list__menu{ display: none;}
 .molile-icon01  > .nav-list__menu01{ display: none;}
 /*選單手機板修改樣式*/
 .nav-menulist{border-bottom: 1px solid #ffffff;}
 .nav-menulist:nth-last-child(1){border-bottom: 0 ;}
 .nav-list, .nav-list a{color: #000000;min-height: 40px;}
 .nav-list__menu{width: 100%;right: 78%;top: 5%;background-color: rgba(230, 230, 230, 0.97);z-index: 9999;position: static;transition: none;}
 .nav-list a:hover{color: #121212;}
 .hvr-underline-from-center:before{content: "";display: none;}
 /*手機板選單按鈕*/
 #header-buttons{width: 30px;height: 35px;background-image: url(../images/svg/menu-button-lines.svg);background-repeat: no-repeat;display: block;background-size: 30px 35px;position: absolute;left: 2%;top:10px;cursor: pointer;}
/*手機板關閉*/
 #trigger-close{width: 20px;height: 20px;display: block;position: absolute;top: 1%;right: 9%;background-image: url(../images/svg/close_icon.svg);background-repeat: no-repeat;cursor: pointer;background-size: 20px 20px;}
 .nav-list, .nav-list a{font-size: 1.1em;}
 .header-topbox {display: none;}
 .header{background-color: rgba(255, 255, 255, 0.7);height: 50px;}
 .mobile-logo{width: 200px;height: 40px;display:flex;margin-left: 7%;align-items:center;}
 .mobile-logo a img{width:  200px;height: auto;display: block;margin: 16px 0 0 0;}
 .logo{display: none;}  
 .nav-list--display{display: none;}
 .menuextend{position: relative;}
 .molile-icon, .molile-icon01{position: absolute;width: 100%;height:40px;background: url(../images/svg/sort-up.svg);background-size: 10px 10px;background-repeat: no-repeat;cursor: pointer;z-index: 999;background-position: center;background-position:84% 56%;top: 0;display: block;margin: 0;padding: 0;}
 .molile-icon--style{background-position: 96% 56%;}
 .header-logo{display: none;}

 /*介面調整*/
.nav-list{width: 100%;height: 40px;}
.nav-menulist{width: 100%;min-height: 40px;line-height: 40px;}
.nav-menulist a{padding: 0;width: 100%;;height: 40px;line-height: 40px;}
.nav-list__menu{margin: 0; box-shadow:0px 1px 0px rgb(0 0 0 / 10%);background-color:rgb(224, 252, 238);border-radius: 0px;height: auto;}
.menuextend:hover > .nav-list__menu{display:none;}
.menuextend img{display: none;}
.header__nav-box{height: auto;position: relative;}
.nav{padding: 0;}
.search-moblie{display: block;}
.search{border:1PX solid #000000}
.search-box input{color: #000000;}
.search{color: #000000;}
.search-button{width: 26px;height: 26px;background-color: rgb(94, 172, 245);border: 0;position: absolute;cursor: pointer;top:9px ;right:0px ;color: rgba(255, 255, 255, 0);}
.search-button::after{content:"";width: 25px;height: 25px;background-size: 25px 25px;top: 0;right: 0;bottom: 0;left: 0;margin: auto;}
.search-box input::placeholder{color: #000000;}
.banner{margin: 50px 0 0 0;}
.inner-sidebar__nav{display: none;}
.innernew-box-width{ width: 100%;}
.inner-banner__nav{font-size: 1.2em;margin: 6px 0;}
.inner__list::after{content: "";margin: 8px 0px 0 -14px;}
.committee-table-title{width:8%;}
.inner-content__button--style{display: block;}
.inner-banner{margin: 50px 0 0 0;}

}


@media only screen and (max-width:800px)
{
    .tab{width: 100px;height: 60px;line-height: 60px;}
    .wrap-content::after{content:"";top: 58px;}
    .index-activity__list{width: 100%;margin: 15px 0;}
    .indexactivity-title{font-size: 1.9em;}
    .indexactivity-text{font-size: 1.6em;}
    .new-subject__tilte{font-size: 1.3em;}
    .new-subject__text{height:45px;-webkit-line-clamp:2;font-size: 1.3em;margin: 10px 0 0 0;}
    .inner-search__button{display: block;}
    .innernew-box__list--width{width: calc(100%/2 - 45px);}
    .committee-box  iframe {width: 100%;display: block;}
    .committee_title--margin::after{content: "";bottom: -100px;}
    .new-detail-content iframe{width: 100%;height: 300px;}
    .book-width{width: 85%;}
    .index-preview-box{width: 100%;display: block;}
    .footer-content-text{font-size:1.2em ;}
    .carousel-item__title{font-size: 20px;}
    .ugcabout-box{width: 100%;}
    .about-box{width: 80%;}
}

@media only screen and (max-width:600px)
{
    .slick-dots{top: 82%;}
    .banner-prev, .banner-next{width: 25px;height: 25px;background-size: 25px 25px;}
    .index-title::before{content: "";width:  60px;height:1px;top:0;right: 190px ;left: 0;bottom: 0;}

.index-title::after{content: "";width: 60px;height:1px;top:0;right: 0 ;left: 190px;bottom: 0;}
.indexabout-box__list{padding: 10px;}
.indexabout-box-text{font-size: 1.5em;line-height: 25px;text-align: justify;}
.indexnew-box__list{width:100%;}
#container{height: 560px;}
.tab{width: 70px;height: 40px;line-height: 40px;font-size: 1.35em;}
.wrap-content::after{top: 41px;}
.box{font-size: 1.4em;}
.indeswap-content__list-img{padding: 20px 10px 30px;}
.indexswap-title{font-size: 1.8em;}
.indexswap-title::before{content: "";width:  50px;height:1px;top:0;right: 230px ;left: 0;bottom: 0;}
.indexswap-title::after{content: "";width: 50px;height:1px;top:0;right: 0 ;left: 230px;bottom: 0;}
.index-swap-text{margin: 5px;font-size: 1.4em;}
.index-cognition__list iframe{width: 100%;height: 400px;}
.journal-box__list a{width: 290px;}

.journal-box__lis-img{width: 290px;max-width: 100%;height: auto;}
.journal-box__lis-img img{width: 290px;max-width: 100%;height: auto;display: block;}
.cognition-prev, .cognition-next{right: 45px;}
.cognition-prev{left: 45px;}
.journal-box__number{left: 36px;top: -39px;}
.index-cognition__title{font-size: 2.2em;;}
.index-cognition__title::before{content: "";width:  40px;height:1px;right: 320px ;left: 0;bottom: 0;}
.index-cognition__title:after{content: "";width:  40px;height:1px;left: 320px;bottom: 0;}
.index-cognition__list{padding:  0 35px;}
.journal-box__number{left: -33px;top: -32px;}
.cognition-prev, .cognition-next{width: 30px;height: 30px;right: -13px;top: 65%;}
.cognition-prev{left: -13px;}
.footer-nav__list a{font-size: 1.2em;}
.footer-content__list--img img{width: 100%;height: auto;display: block;}
.reserved-text{font-size: 1.2em;}
.journal-box__list{margin: 0 50px;}
.footer{margin: 100px 0 0 0;}
.footer::after{content: "";top: -108px;bottom: auto;right: auto;left: auto;}
.inner-banner__conent{min-width: 100%;}
.inner-button{display: block;margin: 15px auto;width: 100%;}
.inner-button a{font-size: 15px;padding:6px 11px;width: 100%;}
.inner-button.active a{display: block;width: 100%;}
.return-buttom{margin: 15px;}
.preview-box__list{width:100%;}
.inner-search__button{margin:15px auto 0;}
.form-text{display: block;}
.form-menu{display: block;}
.inner-session {display: block;}
.form_box{display: grid;}
.innernew-box__list--width{width:100%;}
.committee_title{font-size: 1.5em;}
.committee-box  iframe {height: 300px;}
.mobile-logo{margin-left:14.5%}

.committee_text{margin: 15px auto 30px;}

.index-title-style::before{content: "";display: none;}
.index-title-style::after{content: "";display: none;}

.ugcabout-box{width: 100%;}
.ugcabout-text dd{margin: 0}
.ugcabout-title{margin: 20px auto;}
.project-box__list img{width:600px;}
#in_content h2 {

    font-size: 10rem;

    
}
}


@media only screen and (max-width:500px)
{
    .inner-banner__nav{display: none;}
    .committee-table-title{width:10%;}
}





@media only screen and (max-width:400px)
{
    .mobile-logo{margin-left:14%}
    .footer-reserved-content{padding: 0 15px;}
    .footer-box{padding: 10px 15px;}
    .committee_title{font-size: 1.4em;}
    .member-container__list{width:100%;}
    .index-cognition__title::before{content: "";width:  30px;height:1px;right: 290px ;left: 0;bottom: 0;}
.index-cognition__title:after{content: "";width:  30px;height:1px;left: 290px;bottom: 0;}
.inner-banner__conent{height: 40px;top:15px}

}