/* 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{
    -webkit-overflow-scrolling : touch !important;
    margin:0;
    padding: 0;
    font-family:"微軟正黑體";
    font-size: 1rem;
    
}
body{margin:0; font-family:'Open Sans', sans-serif,"微軟正黑體"; font-size:0.75em; position: relative;}

.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: 15px;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: 5px 0 0 18px;width: 1px;height: 28px;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-font*/
.header-font__title{font-size: 1.25em;line-height: 50px;margin: 0 15px 0 35px;}
.font-list{line-height: 50px;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;}






/*header-topbox*/

.header-topbox{width: 100%;max-width: 100%;height: 50px;margin: auto;text-align: right;top: 0;background-color: #ffffff;z-index: 999;top: -48px;justify-content:space-between;}
.header-topbox__contnet{max-width: 100%;line-height: 50px;display: inline-flex;}
.topbox-list{font-size:1.1em;margin: 0 0 0 30px;position:relative;}
.topbox-list::before{content:"";position: absolute;background-image: url(../images/index/header01.png);width: 12px;height: 12px ;background-size: 12px 12px;margin: 20px 0px 0 -10px ;}
.topbox-list a{color: #000000;font-size:1.1em;}
.header-font{height: 50px;}

/*搜尋*/
.search-box{margin: 2px 35px 0 35px ;position: relative;}
.search{width: 155px;height: 30px;border: 1px solid #000000;font-size:1em;color: #666666;padding: 10px;position: relative;}
.search-button{background-color: rgb(255, 255, 255);border: 1px solid #ffffff;position: absolute;cursor: pointer;top:11px ;right:7px ;}
.search-button::after{content:"";position: absolute;background-image: url(../images/index/search.png);width: 33px;height: 33px ;background-size: 33px 33px;margin:  -3px 0px 0 -23px;}

/*hover換色*/
.topbox-list a:hover{color: #0166bc;}
.font-list a:hover{background-color: #ceffd9;}
/*.font-list a.active{background-color: #82ffee;}*/

/*header*/
.header{width: 100%;height: 130px;position: relative;z-index: 999;position: fixed;top: 0;}
.logo{width: 330px;height: 80px;box-shadow:none;background:url(../images/index/logo.jpg) left 50% no-repeat;display: block;margin: auto;position: absolute;left: 0;right: 0;}
.logo a{width: 330px;height: 80px;display: block;opacity: 1;font-size:0; overflow:hidden;}


/*header__nav*/
.header__nav{width: 100%;height:80px;background-color:hsla(196, 53%, 31%, 0.7);;clear: both;position: relative;}
.nav{width: 1600px;max-width: 100%;height: 80px;margin: auto;text-align: center;line-height: 80px;}
.nav-list , .nav-list a{font-size: 1.5em;color: #ffffff;display: inline-block;width: 100%;}
.nav-list{width: calc(100%/12 - -23px);height: 80px;}




/*menu延伸*/
.menuextend{position: relative;}
.nav-list__menu{width: 140%;position: absolute;right: -20%;background-color: rgb(255, 255, 255);transition: all 200ms ease-in;display:none;margin: -15px 0 0 0;box-shadow:1px 1px 10px rgb(0 0 0 / 10%);border-radius: 5px;z-index: 9;}
.menuextend:hover > .nav-list__menu{ display: block;}
.nav-menulist{width: 100%;height: auto;line-height: 1;}
.nav-menulist a{width: 100%;height: auto;color: #000000;font-size: 1.1em!important;display: block;padding: 10px;}
.nav-menulist:hover{background-color: #b6ebff;}



/*banner*/
.bannerbox{width: 100%;height: 0;padding-bottom: 50%;background-image: url(../images/index/index01.png);background-repeat: no-repeat;background-position: center;background-size:cover;position: relative;z-index: 99;}
.index-banner{width: 45%;height: auto;position:absolute;left: -5%;top:5%;}
.index-banner li img{border-radius:100%;margin: 110px 0 30px 0;width: 97%;height:auto;box-shadow:15px 13px 19px rgb(0 0 0 / 50%);}

.slick-dots{top:93%;left: -2%;z-index: 99;}



/*index-round*/
.index-round{position:  relative;right: 0;height: 0;padding-bottom: 54%;}
.index-round__list{width: 455px;height: 455px;right: 7%;position:absolute;bottom: 2%;}
.index-round__list img{border-radius:100%;width: 100%;height:96%;bottom: -11%;box-shadow:1px 2px 15px rgb(0 0 0 / 50%)}
.index-round__list--width{right: 1%;position:absolute;bottom: 44%;width:250px;height: 250px;}


/*index-round__ani*/
.index-flower{position:absolute;right: 0;top: 67%;z-index: 9;width: 75%;height: auto;}
.index-flower img{width: 100%;height: auto;display: block;}



/*落下*/
.flowerbox{ width: 100%; height: 100%;position: absolute;top: 0;}
#flowerbox{ position: absolute;width: 100%;height: 100%; overflow: hidden;}
#flowerbox{ position: absolute; width: 100%; height: 100%;overflow: hidden;}
#flowerbox>div{ position: absolute;width: 30px; height:30px;animation-iteration-count: infinite, infinite;animation-direction: normal, normal; animation-timing-function: linear,ease-in;animation:  10s infinite ease-in;}
#flowerbox>div>img{position: absolute;width: 30px;height: 30px; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-in-out; transform-origin:-5% -100%;}


/*圖片*/

.index-img{width: 100%;height: auto;margin: auto;display: block;z-index: 0;margin-top: -15%;}
.index-img img{width: 100%;height: auto;display: block;}
.video-img, .schedule-img{width: 100%;height: auto;margin: auto;display: block;z-index: 0;}
.video-img img,.schedule-img img{width: 100%;height: auto;display: block;}


/*new*/
.new{width: 100%;max-width: 100%;height: 940px;margin: auto; background-image: url(../images/index/indexback.jpg);background-repeat: no-repeat;background-position: center;background-size:cover;position: relative;z-index: 0;margin-top: -15%;padding-top: 16%;}
.index-trivia_title, .introduce__title ,.new__title{width: 100%;height: auto;text-align: center;font-size:  2.8em;font-weight: 600;margin: 60px 0;letter-spacing:2px;position: relative;}
.index-trivia_title::before,.introduce__title::before ,.new__title::before{content:"";position: absolute;background-image: url(../images/index/title_dots.png);width: 190px;height: 15px ;background-size: 190px 15px;top:0;right: 0;margin:auto;bottom: 0;left: 0;}
.index-trivia_title::after,.introduce__title::after ,.new__title::after{content:"";position: absolute;background-image: url(../images/index/horizontal.png);width: 166px;height: 11px ;background-size: 166px 11px;margin:  0 0 0 -155px;bottom: -12px;}
.new_list{width: 370px;height: 220px;border-radius: 20px;background-color: rgba(255, 255, 255, 0.315);position: relative;padding: 13px;margin: 0 35px 0 0px;}
.new_list:last-child{margin: 0;}


.new-sign{min-width: 116px;height: 41px;font-size: 2.1em;font-weight: 500;background-color: #00a100;text-align: center;line-height:41px;color: #ffffff;letter-spacing:1px;position: absolute;top:-22px;margin: 0 0 0 -13px;}
.new-box{width: 1600px;max-width: 100%;height: auto;margin: auto;}
.new-box__date{font-size: 1.6em;margin: 10px 0 5px 0;color:#128e93;}

.new-box__title{font-size: 1.8em;width: 344px;overflow: hidden; display: -webkit-box;-webkit-line-clamp:2;  -webkit-box-orient: vertical;   overflow: hidden;height:75px;color: #0a0a0a;padding:5px 0 8px 0;margin: 0 0 8px 0;border-bottom: 1px solid #000000;border-top: 1px solid #000000;font-weight: 500;letter-spacing:2px;}
.new-box__content{font-size: 1.5em;overflow: hidden; display: -webkit-box;-webkit-line-clamp:1;  -webkit-box-orient: vertical;   overflow: hidden;height:25px;letter-spacing:1px;}

.new-box .new_list:nth-child(2n) > .new-sign{background-color: #0166bc;}

.new-box__bottom{width: 90px;height: 32px;text-align: right;font-size: 1.3125em;border: 1px solid #000000;float: right;margin: 8px 8px 0px 0px;transition:all 0.5s linear;}
.new-box__bottom a{width: 100%;height: 100%;text-align: left;display: block;line-height: 28px;color: #000000;padding: 0 0 0 6px;position: relative;}
.new-box__bottom a::after{content:"";position: absolute;background-image: url(../images/index/triangle.png);width: 9px;height: 11px ;background-size: 9px 11px;margin:  9px 0px 0 2px;}
.new-link{width: 100%;height: 100%;display: block;position: absolute;margin: -16px 0 0 -13px;font-size: 0;}

.new-buttom{width: 175px;height: 60px;margin: 60px  auto;text-align: center;background-color: #2b7bff;color:#ffffff;line-height: 60px;}
.new-buttom a{width: 100%;height: 100%;font-size: 2.1em;;display: block;padding: 0 23px 0 0px ;position: relative;color:#ffffff;}
.new-buttom a::after{content:"";position: absolute;background-image: url(../images/index/arrow.png);width: 18px;height: 14px ;background-size: 18px 14px;margin: 24px 0px 0 8px;}


/*滑入*/

.new-buttom:hover{background-color: #00b8be;}
.new_list:hover .new-box div{background: #aefdf9;transition:all 0.5s linear;}


/*index-introduce*/
.index-introduce{width: 100%;max-width: 100%;height: 395px;margin: auto;background-image: url(../images/index/introduce.jpg);background-repeat: no-repeat;background-position: center;background-size:100% 390px;margin: 80px 0;}
.index-introduce__box{width: 1600px;max-width: 100%;height: auto;margin: auto;}
.index-introduce-list{width: calc(100%/2 - 5px);}
.index-introduce-list img{width: 326px;height: 324px;border-radius: 50%;margin: 35px 0 0 0;display: inline-block;}
.index-introduce-content{width: 58%;height: auto;display: inline-block;vertical-align: top;padding: 10px 40px;}
.introduce__title{margin: 30px 0 40px 0;}
.introduce__Area,.introduce__book,.introduce__name{font-size:1.5em ;letter-spacing:2px;}
.introduce__name--color{color: #1057cd;}
.index-introduce__link{margin: 50px 0 0 0;}
.in-int-list{width: 165px;height: 40px;border: 1px solid #000000;text-align: center;line-height: 38px;}
.in-int-list a{font-size: 1.625em;color: #000;display: block;padding: 0 0px 0 28px;position: relative;letter-spacing:2px;}
.in-int-list a::after{content:"";position: absolute;background-image: url(../images/index/in-int-list.png);width: 26px;height: 25px ;background-size: 26px 25px;margin: 7px 0px 0 23px;left:0;}
.in-int-lis--margin{margin: 0 0 0 20px ;}

.in-int-lis--margin a::after{content:"";position: absolute;background-image: url(../images/index/fb.png);width: 26px;height: 25px ;background-size: 26px 25px;margin: 7px 0px 0 13px;left:0;}
/*輪播*/
.parliament-banner .fade .banner-prev {left:  3%;opacity: 1;margin: 40px 0 0 0;}
.parliament-banner .fade .banner-next {right:  3%;opacity: 1;margin: 40px 0 0 0;}
.parliament-banner{width: 800px;max-width: 100%;height: auto;position: relative;margin: -135px 0 0px 0px;}
.fade li img{width: 100%;height: auto;display: block;}

.in-int-list:hover{background-color: #b9dfff;}



/*banner-prev*/
.banner-prev, .banner-next{width: 37px;height: 37px;background-image: url(../images/svg/arrow.svg);background-size: 37px 37px;background-repeat: no-repeat;cursor: pointer;position: absolute;top: 40%;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;}



/*index-square*/
.index-square{width: 1600px;max-width: 100%;height: auto;margin: 150px auto 50px;}
.index-square__list{width: calc(100%/3 - 50px);height: auto;position: relative;margin: auto;overflow:hidden;}
.index-square__list::after{content:"";position: absolute;border: 1px solid #ffffff;width: 90%;height: 85%;display: block;left: 0;top:0;right: 0;bottom: 0;margin: auto;}
.index-square-title{width: 45%;height: 76px;position: absolute;font-size: 3.25em;font-weight: 500;text-align: center;top: 78px;left: 0;right: 0;bottom: 0;margin: auto;color: #ffffff;border-top: 1px solid #ffffff;border-bottom: 1px solid #ffffff;padding: 10px 0;transform:translate(0,0);transition:all 0.5s linear;}
.index-square-title::after{content:"\e953";position: absolute;display: block;right: 0;bottom: 0;left: 0;top: -65px;margin: auto;font-size: 1.2em;}
.index-square-title--01{width: 28%;}
.index-square-title--01::after{content:"\e921";position: absolute;}
.index-square-title--02::after{content:"\e913";position: absolute;}
.index-square__list img{width: 100%;height: 100%;transform:scale(1,1);transition: all 1s ease-out;display: block;}
.square-link{width: 100%;height: 100%;display: block;position: absolute;margin: 0;z-index: 9;font-size: 0;}


/*動畫*/
.index-square__list:hover .index-square-contnet img{transform:scale(1.2,1.2);}
.index-square__list:hover .index-square-contnet h4{transform:translate(0,-20px);transition:all 0.5s linear;}


/*index-trivia*/

.index-trivia{width: 100%;max-width: 100%;min-height: 910px;height: auto;margin: auto;background-image: url(../images/index/index-trivia.jpg);background-repeat: no-repeat;background-position: center;background-size:100% 906px;padding: 5px 0;}
.trivia-box{width: 1400px;max-width: 100%;height:auto;margin: auto;}
.trivia-box__list{width: calc(100%/3 - 67px);margin: 0px 99px 0 0;position: relative;}
.trivia-box__list:last-child{margin: 0;}
.trivia-box__list img{width: 100%;height: auto;border-radius: 50%;}
.trivia-box-date{color: #0c88f0;font-size: 1.4em;margin: 5px 0;}
.trivia-box-title{font-size: 2em;font-weight: 500;margin: 10px 0;border-bottom:1px solid #000000 ;padding: 0 0 6px 0;overflow: hidden; display: -webkit-box;-webkit-line-clamp:2;  -webkit-box-orient: vertical;   min-height:50px;max-height:80px;;letter-spacing:2px;}
.trivia-box-text{font-size: 1.5em;margin: 5px 0;color: #974242; display: -webkit-box;-webkit-line-clamp:2;  -webkit-box-orient: vertical;   overflow: hidden;min-height:45px;letter-spacing:2px;}
.trivia-box__bottom--marign{margin: 15px 8px 0px 0px;}
.trivia-link{width: 100%;height: 100%;display: block;position: absolute;margin: 0;font-size: 0;}

/*index-sharelink*/
.index-sharelink{width: 1400px;max-width: 100%;height:auto;margin: 10px auto;}
.index-sharelink__list{width: calc(100%/5 - 50px);margin: 50px 25px ;}
.index-sharelink__list a{width: 100%;height: auto;display: block;}
.index-sharelink__list a img{width: 100%;height: auto;display: block;}


.footer{width: 100%;max-width: 100%;height: 335px;margin: auto;background-color: #26637a;}
.footer-box{width: 1400px;max-width: 100%;margin: auto;padding: 60px 0;}
.footer-nav{margin: 0 auto 25px ;}
.footer-nav__list{display: inline-block;margin: 0px 50px 0 0;position: relative;}
.footer-nav__list a{font-size:1.8em;color: #ffffff;position: relative;}
.footer-nav__list a::after{content:"";position: absolute;width: 1px;height: 18px;background-color: #ffffff;margin: 7px 0px 0px 25px;}
.footer-nav__list--size{background-color: #54c149;padding: 5px 8px;border-radius: 10px;}
.footer-nav__list--size a{width: 100%;height: auto;display: block;font-size:1.5em;}
.footer-nav__list--size a::after{width: 0;height: auto;display: block;font-size:1.5em;}
.footer-content{display: inline-block;}
.footer-content__text{font-size: 1.4em;color: #ffffff;margin: 8px 0;letter-spacing:2px;}
.footer-content__text--display{display: inline-block;font-weight: 500;}
.footer-beside{float: right;text-align: right;margin: -70px 0 0 0px;}
.footer-beside-logo{margin: 0 0 30px 0;}
.footer-beside-logo a{width: 100%;height: auto;display: block;}

/*footer-top*/
.footer-top{width:48px;height: 43px;cursor: pointer;right: 5%; bottom: 10%;z-index: 999;position: fixed;background-color: #21d4d6;display: none;}
.footer-top_font{font-size:  1.375em;color: #ffffff;text-align: center;position: relative;margin: 18px 0 0 0;}
.footer-top_font::after{content:"";position: absolute;border-color:  transparent transparent #ffffff transparent;border-style: solid solid solid solid; border-width: 15px 11px ;margin: -28px 0 0 -29px;}

/*動畫*/
.footer-nav__list a:hover{color: #f1ffa0;}


/*mobile*/
.mobile-logo{display: none;}




/*header-side*/

.header-side{width: 100px;height: 465px;background-color: rgba(228, 228, 228, 0.863);position:fixed;right: 15px;top: 20%;border-radius: 40px;}
.header-side__list{width: 64px;height: 64px;border-radius: 58px;background-color: #0d82ef;text-align: center;margin:21px auto 46px;position: relative;}
.header-side__list::before{content: "\e914";position: absolute;margin: 13px auto;right: 0;left: 0;top: 0;bottom: 0;}
.header-side__list--01::before{content: "\e9b8";position: absolute;margin: 13px auto;right: 0;left: 0;top: 0;bottom: 0;}
.header-side__list--02::before{content: "\e922";position: absolute;margin: 13px auto;right: 0;left: 0;top: 0;bottom: 0;}
.header-side__list--03::before{content: "\e9cb";position: absolute;margin: 13px auto;right: 0;left: 0;top: 0;bottom: 0;}
.side-text{width: 100%;height: 100%;position: absolute;top: -10px;bottom: 0;right: 0;left:0 ;margin: auto;font-size: 1em;line-height: 158px;color: #000000;}
.side-text::after{content: "";position: absolute;width: 95px;height: 1px;background-color: #ffffff;left: -15px;bottom: -32px;}
.header-side__list:nth-child(4) a::after{content: "";width: 0;}
.header-side__list:hover{background-color: #0dcdef;}





/*內頁*/
/*inner-banner*/

.inner-banner{width: 100%;height: 0;padding-bottom:35% ;background-image:url(../images/inner_01.jpg);background-repeat: no-repeat;background-size:cover;position: relative;}
.inner-banner__tiitle{width:100%;height: 50px;position: absolute;text-align: center;bottom: 0;right: 0;left: 0;font-size: 2.0em;font-weight: 500;color: #ffffff;text-shadow: 0.1em 0.1em 0.5em black;margin: 0 0 70px 0;}
.inner-banner__tiitle::after{content: "";position: absolute;width: 10%;height: auto;border-bottom: 1px solid #ffffff;left:  0;right: 0;bottom: 0;margin: auto;top: 89px;box-shadow: 0.1em 0.1em 0.6em black;}

/*inner-box*/
/*側邊選單*/
.inner-box{width: 100%;height: auto;margin: auto;background-image:url(../images/inner_02.png);background-repeat: no-repeat;background-size:100% auto;background-attachment: fixed;padding: 0 0 20px 0;}
.inner-box__content{width: 1600px;max-width: 100%;height: auto;margin: auto;padding: 60px 0;}
.inner-sidebar{width: 24%;}
.inner-sidebar__title{height: 115px;border: 1px solid #ffffff;font-size:  3.25em;color: #ffffff;font-weight: 500;text-align: center;line-height: 115px;background-image:url(../images/inner_03.jpg);background-repeat: no-repeat;background-size:cover;margin: 0;border: 1px solid #a0a0a0;border-bottom: 0;}
.inner-sidebar__nav{width: 100%;height: auto;margin: -2px 0;}
.sidebar-list{width: 100%;min-height: 80px;height: auto;text-align: left;color: #000;border: 1px solid #a0a0a0;border-top: 0;background-color: #ffffff;}
.sidebar-list a{color: #000;display: flex;padding: 0 25px;width: 100%;min-height: 80px;height: auto;align-items:center;font-size: 2.125em;}
.sidebar-list:hover{background-color: #ffd9ba;}



/*inner-content*/

.inner-content{width: 76%;padding: 0  20px 0 110px;}
.inner-form{width: 100%;height: auto;text-align: center;}
.form_box{justify-content: center;}
.form-text{font-size: 2.3em;line-height: 56px;margin: 0 10px;}
.form-menu__style{width: 167px;height: 56px;font-size: 1.8em;margin:  0 12px;}
.inner-search__text{width: 295px;padding: 0 5px ;}
.inner-search__button{width: 125px;height: 53px;border-radius: 20px;background-color: #ffffff;border-color: #a8a8a8;font-size: 2.0em;}


/*schedule-content*/
.schedule-content{width: 100%;height: auto;margin: 50px auto;}
.schedule-content__list{width: 100%;height: auto;background-color: #f2fff4;border-radius: 10px;margin: 0 0 30px 0;padding: 12px 20px ;display: flex; justify-content: flex-start;align-items: center;position: relative;border: 1px solid rgb(184, 184, 184);}
.schedule-content__list:nth-child(even){background-color: #f0f8ff;}
.schedule-date{width: 15%;color: #2b97a7;font-size: 1.5em;line-height: 24px;text-align: center;}

.schedule-title{width: 75%;font-size: 2.3em;font-weight: 500;}
.schedule-title::before{content:"";position: absolute;background-image: url(../images/index/header01.png);width: 12px;height: 12px ;background-size: 12px 12px;margin: 16px 0px 0 -20px ;}
.schedule-bottom{margin: 20px 9px 0px 0px;}
.schedule-link{width: 100%;height: 100%;display: block;position: absolute;margin: -2px 0 0 -20px;font-size: 0;}

/*頁碼*/
/*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;display: inline-block;}
.pagination__box li{display: inline-block;vertical-align: top;}
.pagination__box li a {width: 32px;height: 32px;;background-color: #0d82ef;display: inline-block;line-height: 32px;text-decoration: none; transition: background .3s;color: #ffffff;font-size: 1em;margin: 0 8px 10px ;border-radius: 5px;vertical-align:bottom;}
.pagination__box li a:hover{background-color: #49ceaa;}
.pagination__box li a.active { background-color: #6cb8ff;}
.pagination__box strong{font-size: 0;}



.icon-sort-up{transform:rotate(-90deg);font-size: 1.4em;margin: 7px 0px 0px 5px;display: block;}
.icon-sort-up--right{transform:rotate(90deg);margin: 7px 0px 0px -7px;}
.icon-backward--right{transform:rotate(180deg);display: block;margin: 9px 02px 0px 0px;}


/*動畫*/
/*.schedule-content__list:hover{transition:all 0.2s linear;box-shadow: 0.1em 0.1em 2em rgb(209, 209, 209);}*/
.schedule-content__list:hover .schedule-bottom{background: #d8fffa;transition:all 0.5s linear;}
.schedule-content__list:hover .schedule-title{color: #0066ff;transition:all 0.5s linear;}


/*inner-content__title*/

.inner-content__title{width: 100%;height: auto;font-size: 3.7em;text-align: center;margin:  0 auto 15px;}
.history-box{width: 100%;height: auto;display: block;padding: 0 60px 0 0;}
.history-box img{width: 100%;height: auto;display: block;margin: 20px 0;}
.history-box{font-size: 1.5em;letter-spacing: 1px;}


/*organization*/
.return-buttom{width: 175px;height: 60px;margin: 40px;;text-align: center;background-color: #0091ca;color:#ffffff;}
.return-buttom a{width: 100%;height: 100%;display: block ;position: relative;color:#ffffff;line-height: 60px;font-size: 1.6em;}
.return-buttom:hover{background-color: #559bec;}
.bottm-box{margin: auto;display: flex;justify-content: center;}
.organization-content__button{width: 1200px;height: auto;;max-width: 100%;position: relative;margin: 30px auto;padding: 0 20px;justify-content: center;}
.organization-button{margin:0;background-color: #0d82ef;margin: 10px 33px;}
.organization-button a{width: 100%;height: auto;font-size: 2.5em;font-weight: 500;color: #ffffff;display: block;padding: 10px 50px;}
.organization-button:hover{background: linear-gradient(#3096d1,#79eec9);}

.inner-content__img{width: 100%;height: auto;margin: auto;text-align: center;}
.inner-content__img img{width: 60%;height: auto;margin: auto;}

.organization-content-ttitle{width: 100%;height: auto;text-align: center;font-size: 2.8em;color: #0d82ef;margin: 80px 0 50px;}
.organization-content-text{font-size: 2.0em;}
.organization-content-text p{margin-bottom: 20px;}

.intro-title{width: 100%;height: auto;margin:20px auto 20px;text-align: center;font-size: 3.5em;color: #0ba0a8;}

.intro-content__img{width: 334px;height: 410px;}
.intro-content__img img{width: 100%;height: auto;display: block;}

.intro-content{width: 100%;height: auto;}
.intro-content__text{width: 68%;height: auto;padding: 30px;background-image:url(../images/organization_intro_02.jpg);background-repeat: no-repeat;background-size:cover;position: relative;margin: 0 0 0 10px;}
.intro-content-status{font-size: 2.0em;font-weight: 500;position: relative;}
.intro-content-status::after{content:"";position: absolute;width: 140px;height: 5px;background-color: #1688ec;left: 0;bottom: -5px;}
.intro-content__text ul{margin: 25px 0;}
.intro-content__text ul li{font-size:2.2em ;}
.intro-content__list{margin: 35px 0;position: relative;}
.intro-content__list::after{content:"";position: absolute;width: 100%;height: 1px ;background-color: #bebebe;bottom: -16px;left: 0;}
.intro-content__list:last-child::after{content:"";position: absolute;display: none;}


.intro-content__list dt{width:25% ;height: auto;}
.intro-content__list dd{width:72% ;height: auto;}

.intro-experience{width: 100%;height: auto;margin: 60px 0 0;}
.intro-experience__title{width: 100%;height: 60px;background-color: #3d97eb;text-align: center;font-size: 2.2em;line-height: 60px;color: #ffffff;}
.experience--style{width: 100%;margin: 0;padding: 20px 35px;}

/*preview*/
.preview-box__list{width: calc(100%/3 - 30px);position: relative;margin: 15px;}
.preview-img{width: 100%;position: relative;}
.preview-img img{width: 100%;height: auto;display: block;}
.preview-img::after{content: "READ MORE";background-color:  rgba(45, 110, 189, 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;display: flex;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: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(209, 209, 209);}

.intro-title-introduce{width: 100%;height: auto;margin:8px auto 20px;text-align: center;font-weight: 500;;color: #707070;font-size: 1.8em;}


/*member*/
.member-table{width: calc(100%/2 - 74px);display: inline-block;margin: 0 143px 0 0;}
.member-table:nth-child(2n){margin: 0 0 0 0;}
.member-table__list{width: 100%;font-size: 1.2em;padding: 10px;border-collapse: collapse;margin: 0 0 10px 0;}
.member-table tr{border: 1px solid #666666;padding: 7px;}
.member-table td{border: 1px solid #666666;padding: 7px 10px;}
.member-table th{border: 1px solid #666666;padding: 7px;background-color: #1688ec;}
.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;}

.member-sheet__list{width: calc(100%/2 - 10px);}
.member-sheet__list img{width: 100%;height: auto;}


/*member-container*/
.member-container{width: 100%;height: auto;margin: auto;}
.member-container__list{width: 100%;height: auto;}
.member-container-title{width: 100%;height: 80px;background-color: #ffe2cb;font-size: 2.0em;line-height: 80px;font-weight: 500;padding: 0 15px;}
.member-container__list:nth-child(even) h4{background-color: #cbebff;}
.member-container-bottom{width: calc(100%/5 - 30px);height: 65px;border: 1px solid #000000;margin:15px;}
.member-container-bottom a{width: 100%;height: 100%;font-size: 1.8em;color: #000000;display: flex;justify-content: center;align-items:center;position: relative;}
.member-but-box{width: 95%;;margin: 20px;}
.member-container-bottom a::before{content:"";position: absolute;background-image: url(../images/index/header01.png);width: 12px;height: 12px ;background-size: 12px 12px;margin: 4px 0px 0 32px ;left:0 ;}
.member-container-bottom:hover{background-color: #d9fff4;}



/*history-member-content*/
.history-member-content{width: 100%;height: auto;margin: auto;}
.history-member-content__list{width: calc(100%/2 - 51px);min-height: 440px;height: auto;margin: 40px 25px;background-color: #f0f0f0;padding: 15px;position: relative;}
.history-member-rate{position: absolute;width: 80px;height: 80px;background-color:#1688ec ;border-radius:80px;left: -30px;top: -60px;text-align: center;font-size: 1.4em;color: #ffffff;font-weight: 600;line-height: 80px;}
.history-member-title{width: 100%;height: auto;text-align: center;margin: 15px 0;font-size: 2em;font-weight: 500;color: #1688ec;font-weight: 600;}
.history-member-text{font-size: 1.6em;line-height: 1.7em;letter-spacing: 1px;min-height: 186px;height: auto;margin: 0  0 110px 0;}
.history-member-btn{width: 150px;height: 60px;float: none;margin: 35px auto;bottom: 0;right: 0;left: 0;position: absolute;}
.history-member-btn a{width: 100%;height: auto;text-align: center;line-height: 60px;padding:  0 16px 0 0px;font-size: 1.2em;}
.history-member-btn  a::after{content: "";margin: 24px 0px 0 8px;}
.history-member-btn:hover{background-color: #aafcff;}



/*history-member-detail*/
.history-member-detail-img{width: 100%;height: auto;display: block;}
.history-member-detail-img img{width: 100%;height: 100%;}
.history-member-detail-title{font-size: 2.2em;margin: 20px 0;margin: 10px 0;}
.history-member-detail__subtitle{font-size: 1.5em;color:#9e9e9e ;}
.history-mem-de__list{width: calc(100%/3 - 30px);position: relative;margin: 15px;}
.history-mem-de-img{position: relative;}
.history-mem-de-img img{width: 100%;height: auto;display: block;}
.history-mem-de-text{width: 100%;height: auto;min-height: 50px;background-color: #f7f7f7;display: flex;align-items:center;padding: 15px;justify-content: space-between;}
.history-mem-de__title{font-size: 1.8em;font-weight: 500;}
.preview-link{width: 100%;height: 100%;display: block;position: absolute;margin: 0;z-index: 99;}
.preview-text__character{font-size: 1.3em;background-color: #13a1eb;color: #ffffff;padding: 5px;border-radius: 5px;}


/*schedule-detail*/
.schedule-detail-container{width: 100%;height: auto;}
.schedule-det-list{width: calc(100%/4 - -70px);height:100px;background-color: #3d97eb;text-align: center;font-size: 2.2em;color: #ffffff;position: relative;display: flex;justify-content: center;align-items:center;}
.schedule-det-list::after{content: "";position: absolute;width: 5px;height: 100%;background-color: #ffffff;right: 0;}
.schedule-det-list:last-child::after{width: 0;}
.schedule-det-list--width{width:calc(100%/4 - 70px);}
.schedule-det-detail{width: calc(100%/4 - -68px);min-height:100px;height: auto;font-size: 1.5em;position: relative;background-color: #ededed;display: flex;align-items:center;padding: 0 15px;}
.schedule-det-detail--width{width: calc(100%/4 - 70px);justify-content: center;}
.schedule-detail-container__box:nth-child(2n-1) .schedule-det-detail{background-color: #ffffff;}

/*schedule-detail-illustrate*/
.schedule-detail-illustrate{width: 100%;height: auto;margin: 60px 0;}
.schedule-detail-illustrate__title{font-size: 1.8em;font-weight: 500;color: #0d82ef;margin: 20px 0;}
.schedule-detail-illustrate__text{font-size: 1.6em;letter-spacing: 1px;line-height: 1.6em;}
.schedule-detail-illustrate__download{width: 100%;min-height: 100px;background-color: #eff8ff;display: flex;align-items: center;padding: 10px 20px ;border: 1px solid #979797;}
.schedule-detail-illustrate__download a{color: #000000;position: relative;font-size: 1.5em;margin: 0 0 0 12px;}



.schedule-detail-illustrate__download:hover a{color: #009fcf;}
.schedule-detail-illustrate__download:hover .icon--3:before{color: #009fcf;;}





/*.schedule-detail-illustrate__download a::after{content: "";position: absolute;background-image: url(../images/download.png);width: 20px;height: 21px ;background-size: 20px 20px;margin: 3px 0 0 0;left:12px ;}
*/
/*record-btn*/
.record-btn{width: 105px;height: 42px;background-color: #fb9151;text-align: center;}
.record-btn a{width: 100%;height: 100%;color: #ffffff;font-size: 1.5em;padding: 0 0 0 0px;display: block;line-height: 42px;}
.record-btn:hover{background-color: #ffba8f;}


.intro-experience__title--color{background-color: #0ca807;}
.intro-content__list--width dt{width: 18%;}

/*gov-time*/
.gov-time{width: 100%;height: auto;font-size: 1.4em;display: flex;justify-content: flex-end;margin: 0;}

/*question-table*/
.question-table{width: 100%;}
.question-table th{background-color: #0ca807;padding: 15px;font-size: 1.5em;}
.question-table td{padding: 15px;font-size: 1.3em;}
.question-table td a{color: #000000;text-decoration:underline;}
.question-table td a:hover{color: #0066ff;}
.question-table td ul li{display: inline-block;margin: 0 5px;}
.membertable--width{width: 20%;}


/*pro-date*/
.pro-date{width: 200px;height: 56px;font-size: 1.8em;}
.form-text--margin{line-height: revert;}
.pro-search{margin: 15px 0;}

/*ask-memo*/
.ask-memo{margin: 6px 37px 0px 23px;width: 120px;color: #000000;border: 1px solid #000000;padding: 5px;}

/*video-detail-box*/
.video-detail-box{margin: auto;text-align: center;}
.video-detail-box iframe{width: 700px;height: 500px;}


/*law-title*/
.law-title{margin: 0 0 0 50px;width: 85%;}
.law-detail-text{font-size: 1.6em;text-align: center;margin: 0 auto 15px;color: rgb(146, 146, 146);}


/*law-detail*/
.law-detail-list{width: calc(100%/2 - -280px);}
.law-detail-title{font-size: 1.8em;}
.law-detail-btn{font-size: 0.8em;margin: auto;}
.law-det-list--width{width: calc(100%/2 - 280px);}




/*sitemap-content*/
.sitemap-content{width: 100%;height: auto;}
.sitemap-text{font-size: 1.5em;margin: 5px 0;}
.sitemap-hotkey{width: 100%;height: auto;background-color: #f0f8ff;border: 1px solid #949494;padding: 15px;margin: 15px 0 20px;}
.sitemap-hotkey__list{font-size: 1.5em;margin: 5px 0;}


.bilingual-title{font-size: 1.6em;justify-content: center;}
.privacy-text{font-size: 1.2em;margin: 20px 0;position: relative;padding: 0 0 0 15px;line-height: 1.55em;letter-spacing: 1px;}
.privacy-text::before{content: "";position: absolute;width: 7px;height: 7px;background-color: #000000;border-radius: 7px;left: 0;margin: 10px 0 0 0;}
/*privacy-title*/
.privacy-title{font-size: 1.4em;color: #0a6dc9;margin:20px 0;}
.map-text{font-size: 1.1em;margin: 15px 0 5px;}
.map-text--style{font-weight: 600;}
.map-link{margin: 10px 0;}
.map-link a{color: #bb6a00;font-size: 1.0em;}
.map-link a:hover{color: #9faa00;}

.map-box iframe{width: 70%;min-height: 350px;height: auto;margin: auto;text-align: center;}
.map-frame{margin: auto;text-align: center;}

.service-text a{text-decoration: underline;color: #0061bb;}
.service-text a:hover{color: #3cade2;}
.newsdet-text{font-size: 1.6em;margin: 20px 0;}
.nav-list--display{font-size: 0;}

.prv-det--size{font-size: 0;position: absolute;}
.legend-size{font-size: 0;}

/*內頁地圖*/

.member-map{text-align: center;font-size: 1.2em;color: #0061bb;margin: 5px 0 15px;}

/*歡迎頁*/
.welcome{position:relative; z-index:99999;width:100%; height:auto;position: fixed; top: 15%;}
.welcome img{width: 50%;height: auto;display: block;margin: auto;position:relative;}
.welcome-img::after{content:"";width: 30px;height: 30px;display: block;position: absolute;top: 3%;right: 26%;background-image: url(../images/svg/close_icon01.svg);background-repeat: no-repeat;cursor: pointer;background-size: 30px 30px;}



@keyframes fade {
    0% {
        opacity: 1;
    }

    95% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

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

    100% {
        transform: translate(0px, 1000px);
    }
}

@keyframes clockwiseSpin {
    0% {
        transform: rotate(-50deg);
    }

    100% {
        transform: rotate(80deg);
    }
}

@keyframes counterclockwiseSpinAndFlip {
    0% {
        transform: scale(-1, 1) rotate(50deg);
    }

    100% {
        transform: scale(-1, 1) rotate(-100deg);
    }
}


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



@media only screen and (max-width:1800px)
{
  
    .parliament-banner{width: 700px;max-width: 100%;height: auto;position: relative;margin: -103px 0 0px 0px;}
  
 
}



@media only screen and (max-width:1650px)
{
   
    .nav-list, .nav-list a{font-size: 1.3em;}
    .nav-list{width:calc(100%/12 - -9px);}
    .logo{width: 250px;height: 84px;background-size:250px 84px;}
    .logo a{width: 250px;height: 84px;}
    .font-list,.topbox-list{font-size: 1.2em;}
    .index-round__list{width: 350px;height: 350px;}
    .index-round__list--width{width: 200px;height: 200px;}
    .slick-dots{top: 89%;}
    .index-flower{top: 72%;}
    .intro-content__text{width: 72%;}
    .intro-content__img{width: 25%;}
    .experience--style{width: 100%;}
    .inner-content{padding: 0  20px 0 80px;}
    .header-side{width: 85px;height: 400px;right: 15px;top: 20%;border-radius: 40px;}
    .header-side__list{width: 60px;height: 60px;border-radius: 40px;background-color: #0d82ef;text-align: center;margin:20px auto 33px;position: relative;}
    .side-text{top: -14px;line-height: 153px;}
    .icon-link:before,.icon-file-text:before,.icon-clipboard:before,.icon-video-camera:before{font-size: 2.5em;}
    .side-text::after{content: "";width: 82px;left: -12px;}
}

@media only screen and (max-width:1600px)

{
    .new{padding-bottom:2%;height: auto;}
    .new-box{width: 100%;height: auto;justify-content:center;}
    .new_list{width: calc(100%/2 - 50px);height: auto;margin: 0 35px 20px 0px;}
    .new_list:nth-child(2){margin: 0 0 20px 0px;}
    .new-box__title{width: 100%;}
    .parliament-banner{width:590px;margin:-31px 0 0px 0px;}
    .index-introduce__box {justify-content: center;}
    .index-introduce-content{width:40%;padding:10px 19px;}
    .in-int-lis--margin{margin: 10px 0 0 0;}
    .index-introduce__link{margin: 22px 0 0 0;}
    .in-int-list{margin: 10px 0 0 10px;}
    .index-square-title{font-size: 2.5em;height: 55px;padding: 5px 0 0 0;}
    .trivia-box{padding: 0 25px;}
    .footer{height: auto;padding: 0 20px;}
    .breadcrumb__content{width: 100%;}
    .inner-box__content{width: 100%;padding: 40px 20px;}
    .history-box{padding: 0 20px 0 0;}
    .organization-content__button{justify-content:left;}
    .organization-button a{font-size: 1.8em;}
    .intro-content__text ul li{font-size: 1.6em;}
    .sidebar-list a{font-size:1.6em ;}
    .breadcrumb__content li{font-size: 1.6em;}
    .schedule-title{font-size: 1.8em;}
    .schedule-date{font-size: 1.6em;}
    .schedule-title::before{content: "";margin: 14px 0px 0 -20px;}
    .schedule-bottom{font-size: 1.2em;}
    .breadcrumb__content li a::after{content: "";margin: 7px 0 0 17px;height: 18px;}
    .history-box{font-size: 1.3em;}
    .form-menu__style{font-size: 1.5em;height: 40px;}
    .form-text{font-size: 1.6em;}
    .inner-search__button{font-size: 1.6em;}
    .inner-search__button,.inner-search__text {height: 40px;}
    .inner-sidebar{width: 22%;}
    .inner-box__content{padding: 40px 20px 0 30px;}
    .inner-sidebar__title{height: 90px;line-height: 90px;}
    .intro-title{font-size: 2.5em;}
    .intro-title-introduce{font-size: 1.5em;}
    .member-container-bottom a::before{content: "";margin: 4px 0px 0 21px;}
    .nav-menulist a{font-size: 1.0em;display: block;padding: 10px;}
    .schedule-det-list{font-size: 2.0em;}
    .ask-text{line-height: 43px;}
    .organization-content-text{font-size: 1.5em;}
    .privacy-title{font-size: 1.4em;}
    .index-introduce-list{width: calc(100%/2 - 103px);}
}



@media only screen and (max-width:1350px)
{
    .index-round__list{width: 250px;height: 250px;}
    .index-round__list--width{width: 180px;height: 180px;}
    .index-banner{width: 42%;}
    .index-introduce__box{width: 100%;padding: 0 0 40px 0;}
    .index-introduce{height: auto;margin: 20px 0 ;background-size: 100% 100%;}
    .index-introduce-list{width: 100%;text-align: center;}
    .index-introduce-list img{width: 40%;height: auto;}
    .index-introduce-content{text-align: left;}
    .introduce__name{font-size:2.2em;}
    .introduce__Area{font-size:1.8em;}
    .introduce__book{font-size:1.8em;}
    .parliament-banner{width: 85%;margin: 45px 0 0 0 ;}
    .index-square{width: 100%;margin: 70px auto 50px;}
    .index-square-title{width: 50%;}
    .index-square-title--01{width: 28%;}
    .footer-box{width: 100%;padding: 60px 0 20px 0;}
    .footer-beside{float:none;text-align: left;margin: 10px 0;}
    .inner-content{padding: 0  0 0 20px;}
    .intro-content__text{padding:15px;}
    .intro-content__list dt{width: 26%;}
}


@media only screen and (max-width:1125px)
{
    .nav-list, .nav-list a{font-size: 1.2em;}
    .logo{width: 210px;height:84px;background-size:210px 84px;}
    .logo a{width: 210px;height: 84px;}
    .slick-dots{top: 89%;}
    .index-square-title{width: 53%;}
    .index-square-title--01{width: 28%;}
    .inner-content{padding: 5px;}
    .organization-content__button{width: 100%;}
    .organization-button{margin: 10px 21px;}
    .intro-content {margin: 0 0 0 10px;}
    .member-container-bottom a::before{content: "";margin: 4px 0px 0 11px;}
    .schedule-det-list{font-size: 2em;}
    .schedule-det-detail{font-size: 1.4em;}
    .schedule-detail-container{margin: 0 10px;}
}

@media only screen and (max-width:1024px)
{
    /*手機板選單往右移*/
    #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;}
    /*取消HOVER*/
    .molile-icon  > .nav-list__menu{ 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: 18%;cursor: pointer;}
   /*手機板關閉*/
    #trigger-close{width: 20px;height: 20px;display: block;position: absolute;top: 3%;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: #ffffff;height: 70px;}
    .mobile-logo{width: 200px;height: auto;display: block;margin-left: 9%;}
    .mobile-logo a img{width:  200px;height: auto;display: block;}
    .logo{display: none;}  
    /* 手機板三角形*/
    .molile-icon1, .molile-icon{position: relative;cursor: pointer;}
   /* .molile-icon1::after, .molile-icon::afte
   r{content: "";position: absolute;width: 30px;height: 30px;background-image: url(../images/svg/sort-up.svg);background-size: 10px 10px;background-repeat: no-repeat;cursor: pointer;z-index: 999;background-position: center;right: 27%;bottom: 0;margin: 0 0 4px 0;}*/
    .nav-list--display{display: none;}
    .menuextend{position: relative;}
    .molile-icon{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:71% 56%;top: 0;}

    /*介面調整*/
    .nav-list{width: 100%;height: 40px;}
    .nav-menulist{width: 100%;min-height: 40px;line-height: 40px;}
    .nav-menulist a{padding: 0;width: 100%;;min-height: 40px;line-height: 40px;}
    .nav-list__menu{margin: 0; box-shadow:0px 1px 0px rgb(0 0 0 / 10%);background-color:rgb(197, 220, 255);border-radius: 0px;}
    .menuextend:hover > .nav-list__menu{display:none;}


    .index-round{display: none;}
    .index-banner{display: none;}

    .bannerbox{padding-bottom:70%;background: url(../images/index/index03.png);background-size:100% 100%;}
    .index-flower{width: 92%;}
    .index-square__list{width: 80%;margin:  0 auto 50px  ;}
    .index-square-title{width: 41%;;font-size: 4.5em;height: 100px;padding: 15px 0 0 0;}
    .index-square-title::after{top: -89px;}
    .index-trivia{height: auto;background-size:100% 100%;}
    .trivia-box{width: 90%;padding: 0 25px ;}
    .trivia-box__list{width: 100%;margin:  0 auto 15px;}
    .trivia-box-date{font-size: 1.8em;}
    .trivia-box-text{font-size: 1.8em;height: 59px;}
    .index-sharelink{width: 100%;}
    .index-sharelink__list{width: calc(100%/2 - 20px);margin: 10px;}


    /*內頁*/
    .inner-banner{padding-bottom:43%;background-size: 100% 100%;}
    .inner-banner__tiitle{font-size: 2em;margin: 0 0 10px 0;}
    .inner-banner__tiitle::after{content: "";display: none;}
    .inner-sidebar{display: none;}
    .inner-box__content{padding: 20px;}
    .inner-content{width: 100%;padding: 0;}
    .history-box{padding: 0 10px 0;}

    .organization-button{margin: 10px;width: calc(100%/3 - 20px);}
    .organization-button a{display: flex;justify-content: center;}
    .inner-content__img{width: 100%;}
    .inner-content__img img{width: 100%;}

    .intro-content__list dt{width: 100%;}
    .intro-content__list dd{width: 100%;}
    .preview-text__title{font-size: 1.2em;}
    .member-container-bottom{width: calc(100%/4 - 30px);}
    .member-container-bottom a::before{content: "";margin: 4px 0px 0 20px;}
    .member-container-title{font-size: 1.8em;}
    .member-container-bottom a{font-size: 1.5em;}
    .return-buttom{width: 130px;height: auto;}
    .return-buttom a{font-size: 1.2em;}
    .footer-nav__list a{font-size: 1.5em;}
    .footer-content__text{font-size: 1.3em;}
    .history-mem-de__list{width: calc(100%/2 - 30px);}
    .schedule-detail-container{margin: 0;}
    .record-btn{margin: auto;}
    .intro-experience__title{font-size: 1.8em;}
    .schedule-date{font-size: 1.3em;}
    .schedule-title{font-size: 1.5em;}
    .law-detail-list{width: calc(100%/2 - -100px);}
    .law-det-list--width{width: calc(100%/2 - 102px);}

     /*.header-side */
     .header-side{display: none;}


     .welcome{display: none;}
}

@media only screen and (max-width:830px)
{
    .new_list{width: 100%;margin: 0 0 30px 0;}
    .new_list:nth-child(2){margin: 0 0 20px 0px;}
    .new-box{padding: 0 15px;}
    .index-introduce-list img{width: 80%;}
    .index-introduce-content{width: 100%;padding: 0 50px;}
    .in-int-list{width: 100%;height: 80px;line-height: 80px}
    .in-int-list a{font-size: 2.2em;}
    .in-int-list a::after{right: 0;left: 0;bottom: 0;top: 0;margin: auto;padding: 0 0 0 145px;background-repeat: no-repeat;}
    .index-square__list{width: 85%;}

    .index-square-title{width: 41%;;font-size: 4.0em;padding:13px 0 0 0;}
    .inner-search__text{width: 243px;}
    .form_box{display: block;}
    .inner-session{width: 100%;justify-content:center;margin: 10px 0 ;}
    .inner-search{display: block;}
    .inner-search__button{display: block;margin: 10px auto ;}
    .schedule-title{width: 100%;margin:  0 10px;}
    .schedule-bottomm{width: 200px;;font-size: 1em;}
    .schedule-bottom a{padding: 0 0 0 10px;}
    .schedule-content__list{display:inline-block;}
    .schedule-date{display: flex;}
    .schedule-year{margin:0 7px;}
    .organization-button{width: calc(100%/2 - 20px);}
    .preview-box__list{width: calc(100%/2 - 30px);}
    .preview-text{min-height: 50px;}
    .member-sheet__list{width: 100%;}
    .member-container-bottom{width: calc(100%/3 - 30px);}
    .member-container-bottom a::before{content: "";margin: 4px 0px 0 22px;}
    .history-member-content__list{width: 100%;min-height: auto;}
    .history-member-btn{width: 120px;height:50px;margin: 50px auto 20px;}
    .history-member-btn a{line-height: 50px;}
    .history-member-text{font-size: 1.3em;margin:0 0 75px;min-height: auto;}
    .history-member-rate{width: 80px;height: 80px;line-height: 80px;font-size: 1.3em;}
    .history-member-btn a::after{margin:18px 0px 0 8px ;}
    .membertable--width{width: 25%;}
    .question-table td{font-size: 1.0em;padding: 5px;}
    .ask-memo{display: block;}
    .ask-title{margin: 15px;}
    .bilingal-set01::before{content: "中文：";}
    .bilingal-set02::before{content: "英文：";}
    .map-box iframe{min-height: 300px;width: 100%;}
}

@media only screen and (max-width:685px)
{
    .index-square-title{width: 42%;;font-size: 3.0em;padding: 20px 0 0 0;height:80px;}
    .parliament-banner .fade .banner-next{margin: 25px 0 0 0;}
    .member-but-box{width: 100%;margin: 0;}
    .member-container-bottom a::before{content: "";margin: 4px 0px 0 15px;}
    .member-container-title{height: auto;min-height: auto;line-height: normal;padding: 20px;}
    .history-mem-de-text{display: block;text-align: center;}
    .preview-text__character, .history-mem-de__title{font-size: 1.2em;}
    .schedule-detail-container__box--none{display: none;}
    .schedule-det-detail{width: 100%;min-height: auto;display: block;padding: 15px;font-size: 1.2em;}
    .sch-det01::before{content: "日期：";}
    .sch-det02::before{content: "會次：";}
    .sch-det03::before{content: "上午(10:00～12:00)";display: block;text-align: center;background-color: #b9d5ff;margin: 0 0 15px 0;}
    .sch-det04::before{content: "下午(15:00～17:00)";display: block;text-align: center;background-color: #b9d5ff;margin: 0 0 15px 0;}
   .law-set01::before{content: "檔案說明：";}
   .law-set02::before{content: "下載：";}
   .law-detail-btn{margin: 10px;}
   .inner-banner{padding-bottom:70%;background-size:cover;background-position:center;}
}



@media only screen and (max-width:520px)
{
    .introduce__name{font-size:2.0em;}
    .introduce__Area{font-size:1.8em;}
    .introduce__book{font-size:1.8em;}
    .index-square-title{width: 55%;;font-size: 3.0em;padding: 16px 0 0 0;height:80px;}
    .footer-nav__list--size{margin: 10px 0 0 0;}
    .inner-box__content{padding: 10px;}
    .organization-button a{padding: 10px 10px;font-size: 2.0em;}
    .organization-content__button{padding: 0 15px;}
    .intro-content__text{width: 70%;}
    .experience--style{width: 100%;}
    .member-container-bottom{width: calc(100%/2 - 30px);}
    .member-container-bottom a::before{content: "";margin: 4px 0px 0 25px;}
    .member-container-title{height: auto;line-height:normal;padding: 15px;}
    .return-buttom{margin: 15px ;}
   
 
}


@media only screen and (max-width:400px)
{
    .introduce__name{font-size:2.0em;}
    .introduce__Area{font-size:1.8em;}
    .introduce__book{font-size:1.8em;}
    .index-square-title{width: 60%;;font-size: 2.5em;padding: 8px 0 0 0;height:60px;}
    .index-square-title::after{top: -145px;}
    .footer-beside-logo a img{width: 100%;height:auto;}
    .intro-content__text{padding: 10px;}
    .intro-content__text ul li{font-size: 1.2em;}
    .intro-content-status{font-size: 1.8em;}
    .preview-box__list{margin:6px;width: calc(100%/2 - 13px);}
    .member-container-bottom a::before{content: "";margin: 4px 0px 0 15px;}
    .history-mem-de__list{margin: 10px;width: calc(100%/2 - 20px);}
    .header{height:50px;}
    .mobile-logo a img{width: 145px;}
    .mobile-logo{margin-left:11%}
   
}