body {
  background-position: left top;
  background-attachment: scroll;
}
body .block-item {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .widget-item {
  background-attachment: scroll;
  border-style: none;
  background-position: left top;
}
body .header {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .left {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .right {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
body .footer {
  background-position: left top;
  background-attachment: scroll;
  border-style: none;
}
/** modify style code here. :) */
/*上下標*/
body .header{position: fixed; width: 100%; z-index: 9;}
.header .module .header-part{background:none !important;padding: 0 30px;}
.header.gizle .module .header-part{/*background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 51%, rgba(255,255,255,0.9) 100%) !important; background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 51%,rgba(255,255,255,0.9) 100%) !important; background: linear-gradient(90deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 51%,rgba(255,255,255,0.9) 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '#00ffffff', endColorstr='#ffffff',GradientType=1 );*/backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);}
.header.gizle.sabit .module .header-part{/*background: -moz-linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.4) 51%, rgba(255,255,255,0.9) 100%) !important; background: -webkit-linear-gradient(90deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 51%,rgba(255,255,255,0.9) 100%) !important; background: linear-gradient(90deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0.4) 51%,rgba(255,255,255,0.9) 100%) !important; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr= '#00ffffff', endColorstr='#ffffff',GradientType=1 );*/backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);}
.header .header-part .navbar-nav .nav-link{font-size: 19px; padding: 1rem;}
.header .header-part .navbar-nav li a.nav-link:hover{background:#333 !important;}
.header .header-part .navbar-nav li:nth-last-child(1) a.nav-link:hover, .header .header-part .navbar-nav li:nth-last-child(2) a.nav-link:hover, .header .header-part .navbar-nav li:nth-last-child(3) a.nav-link:hover, .header .header-part .navbar-nav li:nth-last-child(4) a.nav-link:hover{background:none !important;}
/*.header .header-part .navbar-nav li:nth-last-child(1) a.nav-link, .header .header-part .navbar-nav li:nth-last-child(1) a.nav-link:hover{color:#ff0000 !important;}
.header .header-part .navbar-nav li:nth-last-child(2) a.nav-link, .header .header-part .navbar-nav li:nth-last-child(2) a.nav-link:hover{color:#c13584 !important;}
.header .header-part .navbar-nav li:nth-last-child(3) a.nav-link, .header .header-part .navbar-nav li:nth-last-child(3) a.nav-link:hover{color:#3b5998 !important;}
.header .header-part .navbar-nav li:nth-last-child(4) a.nav-link, .header .header-part .navbar-nav li:nth-last-child(4) a.nav-link:hover{color:#54b8b4 !important;}*/
.header .module .header-part .navbar-collapse .navbar-nav .dropdown.show{background: #333;}
.header .module .header-part .dropdown-menu.show{background: rgba(255, 255, 255, 0.8) !important;}
.header .module .header-part .navbar-collapse .navbar-nav .dropdown.show .dropdown-menu.show a{font-size: 16px;padding: .25rem 1.25rem;border-bottom: 1px solid #fff;}

/*首頁*/
.top_wrapper{position: relative;}
.top_banner{position: absolute;bottom: 0;}
.top_conpanyInfo .module-container .main .bgfixed > a{display: flex; flex-wrap: wrap; align-items: center; justify-content: center; background: rgba(0, 0, 0, 0.3);}
.top_conpanyInfo{padding: 2em 0 1em;}
.top_conpanyInfo .module-container .main{margin:0 !important;}
.top_conpanyInfo .module-container .main > div:nth-last-child(1){display: flex; flex-wrap: wrap; justify-content: center;}
.top_conpanyInfo .module-container .main .abc1{width: 18%;text-align: center; position: relative;}
.top_conpanyInfo .module-container .main .abc1 h4{margin-bottom: 3.5rem;}
.top_conpanyInfo .module-container .main .abc1 h1{margin: 0px;}
.top_conpanyInfo .module-container .main .abc1 .plus{line-height: 15px;}
.top_conpanyInfo .module-container .main .abc1::after{content: '';width: 180px;height: 180px;display: block;border-radius: 150px;border: 1px dashed #fff; position: absolute; bottom: -2.8rem; left: calc(50% - 90px);}
.top_txt{position: absolute; right: 8.33333%; top: 13rem;}
.top_search{position: absolute; right: 7.5%; bottom: 22rem;}
.top_search .search-area .search-box .select-keywords{background: none;height:auto; position: relative; padding: 0; display: inline-block;width: 100%;}
.top_search .search-area .search-box .select-keywords .title{display: table; position: absolute; bottom: 0; left: 10px;}
.top_search .search-area .search-box .select-keywords .title h6{display:none;}
.top_search .search-area .search-box .select-keywords .select input{display: inline-block; width: calc(100%); line-height: 30px; height: 40px;padding: 5px 5px 5px 35px;border: 1px solid #ffffff; background: rgba(255, 255, 255, 0.7); outline: none;box-shadow: none;}
.top_search .search-area .search-box .search-btn{height: 41px;line-height: 41px; background: #863066; box-shadow: none; outline: none;}
.top_search .search-area .search-box .search-btn h5{display:none;}
.top_search .search-area .search-box .search-btn::before{content: 'GO';letter-spacing: 1px;}
.top_search .search-area .search-box .select-keywords .title i{color:#863066;}
.idx_title .module-container .main > div:nth-child(2){display: table; margin: 0 auto; position: relative;z-index: 0;}
.idx_title .module-container .main > div:nth-child(2) p::after{content: ''; border-style: solid; border-width: 20px 60px 45px 0px; border-color: transparent #295d61 transparent transparent; position: absolute; right: -1rem; top: 2rem; z-index: -1;}
.idx_story .mix-wrapper{position: relative;z-index: 0;}
.idx_story .mix-wrapper .editor-content{display: flex;flex-wrap: wrap;align-content: center;}
.idx_story .mix-wrapper::after {content: '';width: 100%;height: 70%;display: block;border: 20px solid #ecbe52;position: absolute;left: 7%;top: 15%;z-index: -1;}
.idx_sliderbox .swiper-container{padding-left:15px;}
.idx_sliderbox a.swiper-slide-style{background: none;box-shadow: none; border-radius: 0px;transition: .5s;opacity:0.7;transform: scale(0.95);}
.idx_sliderbox a.swiper-slide-style:hover{opacity:1;}
.idx_sliderbox a.swiper-slide-active{transform: scale(1.05); transition: .5s;opacity:1;}
.idx_sliderbox a.swiper-slide .swiper-title{background: #222;font-size: 1.2rem;text-align: justify;color: #fff;padding: 15px 25px;}
.idx_sliderbox a.swiper-slide .swiper-img img{border-radius:0;}
:root {--swiper-navigation-size: 28px;
  /*--swiper-navigation-color: var(--swiper-theme-color);*/}
.idx_sliderbox .swiper-button-prev, .idx_sliderbox .swiper-button-next{ text-align: center;line-height: 38px;width: calc(var(--swiper-navigation-size) / 0 * 0);}
.idx_sliderbox .swiper-button-next:after, .idx_sliderbox .swiper-container-rtl .swiper-button-prev:after, .idx_sliderbox .swiper-button-prev:after, .idx_sliderbox .swiper-container-rtl .swiper-button-next:after{width: 45px;height: 45px; border-radius: 50px;}
.idx_slidertit{background: #111;position: relative;z-index: 0; align-items: center;display: flex !important;flex-wrap: wrap;}
.idx_slidertit::before{content: '';display: block;width: 100px;height: 70%;position: absolute; border: 20px solid #ecbe52; border-right: none;top: 15%;left: -100px;}
.idx_slidertit .module-container .main h1{position: relative; z-index: 0; display: table;}
.idx_slidertit .module-container .main h1::after{content: ''; border-style: solid;border-width: 20px 60px 45px 0px; border-color: transparent #295d61 transparent transparent; position: absolute; right: -1rem; top: 2rem; z-index: -1;}
.idx_photobox .module-container .main .wall-wrapper{background: none; padding: 30px 0 0;}
.idx_photobox .module-container .main .wall-wrapper .wall-row > div{padding: 0 15px !important;}
.idx_photobox .module-container .main .wall-wrapper .wall-row > div:nth-child(odd){position: relative;bottom: 30px;}

@media (max-width:1265px){
  .top_conpanyInfo .module-container .main .abc1 h1 span{font-size: 48px !important;}
  .top_conpanyInfo .module-container .main .abc1 div.plus span{font-size: 32px !important;}
}
@media (max-width:991px){
  .top_conpanyInfo .module-container .main .abc1 { width: 21%;}
}
@media (max-width:767px){
  .top_conpanyInfo .module-container .main .abc1 { width: 25%; padding: 0 10px;}
}
@media (max-width:767px){
  .top_conpanyInfo{padding-top: 1rem;margin-bottom: 1rem !important;}
  .top_conpanyInfo .module-container .main .abc1{padding: 10px;}
  .top_conpanyInfo .module-container .main .abc1 h4 span{font-size:1.05rem;}
  .top_conpanyInfo .module-container .main .abc1 h1{margin-right: 5px; line-height: 20px;}
  .top_conpanyInfo .module-container .main .abc1 h1 span{font-size: 25px !important;}
  .top_conpanyInfo .module-container .main .abc1 div.plus span { font-size: 20px !important;}
  .idx_title .module-container .main > div:nth-child(2) p::after{right:0;}
  .idx_title .module-container .main > div:nth-child(2) span{font-size:48px !important;}
}
@media (max-width:398px){
  .top_conpanyInfo{padding:0.5rem 0;}
  .top_conpanyInfo .module-container .main .abc1{width: 50%;padding: 5px 1rem 5px 2rem;}
}

@media (max-width:1344px){
.header .header-part .navbar-brand{margin:0;}
.header .module .header-part{padding: 0 10px;}
.header .header-part .navbar-nav .nav-link{padding: 1rem .5rem;}
}
@media (max-width:1173px){
.header .module .header-part{padding: 0px;}
.header .header-part .navbar-nav .nav-link{font-size: 17px;}
.top_conpanyInfo .module-container .main .abc1::after{width: 140px; height: 140px;bottom: -2rem;left: calc(50% - 70px);}
}
@media (max-width:991px){
.header .header-part .navbar-toggler{background-color: rgb(17, 17, 17, 0%);margin-right: 15px;border-color: rgba(255, 255, 255, 1);}
.header .header-part .navbar-collapse{background: rgba(255, 255, 255, 0.8);padding: 15px 15px 70px;height: calc(100vh - 70px);overflow: auto;}
.header .header-part .navbar-collapse ul.navbar-nav{display:inline-block;width:100%;}
.header .header-part .navbar-nav .nav-link{color: #111 !important;padding: .5rem;}
.header .header-part .navbar-nav li a.nav-link:hover{color: #fff !important;}
.header .header-part .navbar-nav li:nth-last-child(1) a.nav-link:hover, .header .header-part .navbar-nav li:nth-last-child(2) a.nav-link:hover, .header .header-part .navbar-nav li:nth-last-child(3) a.nav-link:hover {color: #111 !important;}
.header .header-part .navbar-nav li:nth-last-child(1), .header .header-part .navbar-nav li:nth-last-child(2), .header .header-part .navbar-nav li:nth-last-child(3){width: auto; float: left; margin-right: 10px;} 
.top_txt{right: 0;left: 0;padding: 0 30px;top: 11rem;}
.top_txt .module-container .main p{text-align:center !important;}
.top_search{right: 0;left: 0;}
.idx_story .mix-wrapper::after{width: 70%;height: 100%;left: 15%;top: 10%;}
.idx_slidertit > .module-container{margin: 0 auto;}
.idx_photobox .module-container .main .wall-wrapper .wall-row > div{margin: 15px 0;}
.idx_photobox .module-container .main .wall-wrapper .wall-row > div:nth-child(odd){bottom:0;}
.top_search .search-area .search-box > div:nth-last-child(1){max-width: 100px; flex: 0 0 100px;}
.top_search .search-area .search-box > div:nth-last-child(2){max-width: calc(100% - 100px); flex: 0 0 calc(100% - 100px);}
}
@media (max-width:767px){
  .top_search{bottom: unset; top: 7rem;}
  .top_conpanyInfo .module-container .main .abc1::after{width: 100px; height: 100px; bottom: -1.5rem; left: calc(50% - 45px);}
  .top_conpanyInfo .module-container .main .abc1 h4 { margin-bottom: 2.5rem;}
}

/*theme1*/
.theme-bg::after { content: ''; display: block; width: 100%; height: 100px; background: linear-gradient(180deg, rgba(17,17,17,0) 0%,rgba(17,17,17,0.5) 45%,rgba(17,17,17,1) 85%) !important; position: absolute;bottom: 0;left: 0;right: 0;}
.theme_card{margin-top:5rem;}
.theme_card .module-container .main .hover-wall .icon_info{background: rgba(0, 0, 0, 0.7);box-shadow: none;overflow: unset;padding-top: 1rem;height: 100%;backdrop-filter: blur(3px);-webkit-backdrop-filter: blur(3px);}
.theme_card .module-container .main .hover-wall .icon_info:hover{padding-top: 120px;}
.theme_card .module-container .main .hover-wall .icon_info figure{transition: .5s; border-radius: 100px; top: -100px; left: calc(50% - 100px); position: absolute; width: 200px; height: 200px; transform: scale(0);}
.theme_card .module-container .main .hover-wall .icon_info:hover figure { transition: .5s; transform: scale(1);}
.theme_card .module-container .main .hover-wall .icon_info figure img{height:100%;}
.theme_card .module-container .main .hover-wall figure .overlay{display: none;}
.theme_card .module-container .main .hover-wall .icon_info h3{margin: 0rem 0px 1.5rem; padding: 0px 20px;font-size:1.35rem;}
.theme_card .module-container .main .hover-wall .icon_info p{font-size:1rem; padding: 0px 20px;}
.theme_fourbox .module-container .main .wall-wrapper{background:none;}
.theme_fourbox .module-container .main .wall-wrapper .wall-row > div{padding: 30px !important;}
.theme_fourbox .module-container .main .wall-wrapper .thicon_info span{left: 50%; transform: translate(-50%, -50%); bottom: 0%; font-size: 15px;}
.theme_fourbox .module-container .main .wall-wrapper .thicon_info h3{left: 50%;transform: translate(-50%, 50%); padding: 5px 25px; border: 1px solid #fff; bottom: 50%; border-top: none;border-bottom: none;}
.theme_fourbox .module-container .main .wall-wrapper .thicon_info figure .b_img{transform: scale(1.2);}
.theme_fourbox .module-container .main .wall-wrapper .thicon_info:hover figure .b_img{transform: scale(1);;}
.theme_fourbox .module-container .main .wall-wrapper .thicon_info .theme_info{top:0;}
.theme_fourbox .module-container .main .wall-wrapper .thicon_info:hover .theme_info{opacity:0;}
.theme_videoinfo{display: flex !important; flex-wrap: wrap; align-items: center; background: #111; position: relative; z-index: 0;}
.theme_videoinfo::after{content: '';display: block; width: 110px; height: 80%; border-right: 20px solid #ecbe52; border-bottom: 20px solid #ecbe52; border-top: 20px solid #ecbe52; position: absolute; right: -20px; bottom: 10%; z-index: -1;}
.theme_video{display: flex !important; flex-wrap: wrap; align-items: center;}
.theme_video > .module-container{width:100%;}
@media (max-width:991px){
  .theme_card .module-container .main .hover-wall .icon_info figure{display:none;}
  .theme_card .module-container .main .hover-wall .icon_info:hover{padding-top: 1rem;}
  .theme_videoinfo::after{width: 80%;height: 50px;border-right: 20px solid #ecbe52; border-left: 20px solid #ecbe52; border-bottom: 20px solid #ecbe52; border-top: none;right: 10%; bottom: -50px;}
  .theme_video .module-container .main > .row{margin:0;}
}

/*theme2*/
.theme2-wrap{height: 100vh; overflow: auto;}
.theme2-infoBox > .module-container > .main.row{justify-content: center;}
.theme2-infoBox > .module-container > .main.row > .widget-item > .module-container > .main{border-right: 1px solid #fff;}
.theme2-infoBox > .module-container > .main.row > .widget-item:nth-child(3) > .module-container > .main{border-left: 1px solid #fff;}
.theme_localbox .hover-wall .icon_info{background: #222;box-shadow: none; border-radius: 0px;}
.theme_localbox .hover-wall figure .overlay{display:none;}
.theme_localbox .hover-wall .icon_info:hover figure .b_img{opacity:.5;}
.theme_localwall .module-container .main .wall-wrapper{background:none;}
.theme_localwall .module-container .main .wall-wrapper .wall-row > div{padding: 15px !important;}
@media (max-width:767px){
  .theme2_slidebox section.banner-area .swiper-area .banner-swiper .swiper-slide .slide-txt{transform: translate(-50%, 25%);}
}

/*theme3*/
.theme3_boximg .module-container .main .bgfixed > a{background: rgba(0, 0, 0, 0.3);}
.theme3-infoBox .module-container .main .mix-wrapper > .row{padding-bottom: 2em; padding-left: 15px; padding-right: 15px; padding-top: 15px;}
.theme3-infoBox .module-container .main .mix-wrapper > .row .pic-content{margin-top: -7em;}
.theme3-mvBox{position: relative; overflow: hidden; height: 60vh;}
.theme3-mv{position: fixed; margin-top: -30px; z-index: -1; bottom: 0; overflow: hidden;}
.theme3_probox .hover-wall .icon_info{background: none;box-shadow: none;border: 1px solid rgba(255, 255, 255, 0.3); border-radius: 0px;}
@media (max-width:767px){
  .theme3-mvBox{display:none !important;}
}

/*aboutUs*/
.abt02 .module-container .main .btn-container .function-row ul{justify-content: center;}
@media (min-width:992px){
  .y_lest.idx_story .mix-wrapper::after{right: 7%;left:unset;}
}
.theme_abtslider .swiper-container .swiper-wrapper .swiper-slide-style{background: none; box-shadow: none; border-radius: 0;transition: .5s; transform: scale(0.8);opacity:0.5;}
.theme_abtslider .swiper-container .swiper-wrapper .swiper-slide-style.swiper-slide-active{transition: .5s; transform: scale(1);opacity:1;}
.theme_abtslider .swiper-container .swiper-wrapper .swiper-slide .swiper-img img{border-radius:0;}
.theme_abtslider .swiper-container .swiper-wrapper .swiper-slide .swiper-title{font-weight: bold; color: #ef7c39; font-size: 2.8rem; margin: 20px 0;}
.theme_abtslider .swiper-container .swiper-wrapper .swiper-slide .swiper-content{color: #ffffff;font-size: 1.3rem;-webkit-line-clamp: unset;overflow: unset;}
.theme_abtslider .swiper-container .swiper-wrapper .swiper-slide .swiper-img{position:relative;}
.theme_abtslider .swiper-container .swiper-wrapper .swiper-slide-style.swiper-slide-active .swiper-img::before{content: ''; display: block; width: 100px; height: 100px; border-top: 15px solid #ecbe52; border-left: 15px solid #ecbe52; position: absolute;left: -15px;top: -15px;}
.theme_abtslider .swiper-container .swiper-wrapper .swiper-slide-style.swiper-slide-active .swiper-img::after{content: ''; display: block; width: 100px; height: 100px; border-bottom: 15px solid #ecbe52;border-right: 15px solid #ecbe52; position: absolute; bottom: -15px; right: -15px;}
@media (max-width:767px){
  .abt02 .function-row .flex-row{flex-wrap:wrap !important;}
.abt02 .function-row .flex-row li{flex: 0 0 50% !important;}
  .abt_story{margin-top:0 !important;}
}

/*siteMap*/
.sitemap_wrap .module-container > .main.row{justify-content: center;}
.sitemap_box.titlemap div.link-list ul{display:flex;}
.sitemap_box div.link-list ul li{border-bottom:1px solid #e2e2e2;}
.sitemap_box section.text-link h2{font-weight:bold;}
.sitemap_box.titlemap div.link-list ul li a{font-weight:bold;}
.sitemap_box.titlemap div.link-list ul li{width: calc(33% - 4rem); margin: 0 2rem;background: #222;}
@media (max-width:991px){
  .sitemap_box.titlemap div.link-list ul{flex-wrap:wrap;}
  .sitemap_box.titlemap div.link-list ul li { width: calc(100% - 2rem); margin: 0px 1rem; background: #222; margin-top: 1rem;}
  
}