@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100..900&family=Orbitron:wght@400..900&display=swap');

@charset "utf-8";
body {
    background-color: #eeebdd;
    letter-spacing: .04em;
    font-family: "Arial","Noto Sans TC","微軟正黑體", "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "Microsoft JhengHei", sans-serif;
}
:root {
   --init-about-editor-slick-ratio:1296 /546;
}
.header .navbar {
    padding: 0 5%;
    z-index: 999;
}

body.home .home_about .slickfixedInitPosition {
    aspect-ratio: var(--init-about-editor-slick-ratio);
}
.slickfixedInitPosition .slider{
    display:none;
}
.slickfixedInitPosition .slider.slick-initialized {
    display: block;
}

.cpd_sd21 {
    padding: 0 4%;
}

.home-pagelist-area > .container-fluid {
    padding: 0;
}

/* 購物清單 */

.header .navbar .nav-pos-top .cart-detail .item a.btn:hover {
    background-color: unset;
    opacity: 0.7;
    color: #000;
}

.nav-cart-info .nav-cart-list .cart-detail .item a {
    font-size: 15px;
}

.nav-cart-info .nav-cart-list .cart-detail .item .item-detail .info {
    align-items: center;
}

.nav-cart-info .nav-cart-list .cart-checkout .btn-group {
    padding-right: 19px;
}

.nav-cart-info .nav-cart-list .cart-checkout .sum {
    margin: 10px 12px 15px;
}

.nav-cart-info .nav-cart-list .h6 {
    font-size: 16px;
    padding: 10px 10px 5px;
    margin-bottom: 9px;
}

.cr_no {
    padding-left: 10px;
}

.nav-cart-info .nav-cart-list .cart-detail .item .info-detail a {
    font-size: 15px;
}

.header .navbar .cart-detail ul .cart-detail ul li i {
    width: auto;
    height: auto;
}

.header .navbar .cart-detail ul li i:before {
    display: block !important;
}

/* navbar */

.header .navbar-nav .nav-item:hover > .nav-link {
    color: #f36c21;
}
.header .navbar-nav .nav-link {
    font-size: 18px;
    padding: 25px 25px 25px;
}

.navbar .navbar-brand {
    width: 255px;
    height: 42px;
    display: block;
}


.header .navbar-nav li:last-child .nav-link {
    padding-right: 0;
}
.is_scroll .header .navbar {
    box-shadow: 0px 0px 22px #40404054;
    background: #fcfbf5;
}
.nav-item.dropdown.dropdown-left .navbar-nav .nav-item:hover .nav-link.trigger:before {
    border-left: solid 5px #ffffff;
}

.nav-item.dropdown.dropdown-left .navbar-nav .nav-item .nav-link.trigger:before {
    border-color: transparent transparent transparent #ffffff;
}

.nav-item.dropdown > .navbar-nav .navbar-nav .nav-item:hover > .nav-link {
    background-color: #4b2d1f;
}

.nav-item.dropdown > .navbar-nav .navbar-nav {
    background:#f36c21;
}

.nav-item.dropdown > .navbar-nav {
    background: #f36c21;
}

    .nav-item.dropdown > .navbar-nav li a {
        color: #fff;
    }

    .nav-item.dropdown > .navbar-nav .nav-item:hover > .nav-link {
        color: #fff;
        background-color: #4b2d1f;
    }


 /* banner */
.banner .slick .slick-dots .slick-active button {
    background: #f36c21;
}
.banner .slick .slick-dots button {
    background: #ffffff;
}
.banner  .slick-dots {
    bottom: 30px;
}
.banner{
    padding-top:78px;
}
/* 購物彈跳 */
.qty-box .btn:hover {
    background-color: #2a2a2a;
}

.btn.cart:hover {
    background-color: #2a2a2a;
    color: #fff;
}

.btn.cart {
    background: #81a626;
}

.gallery-list .item .item-detail {
    padding: 0 5px;
}

.modal-dialog-scrollable .modal-content {
    overflow: unset;
}

.modal-header .close {
    border-radius: 50%;
    position: absolute;
    background-color: #adadad;
    color: #fff;
    padding: 0;
    display: table;
    font-size: 20px;
    right: -16px;
    top: -14px;
    margin: 0;
    width: 40px;
    height: 40px;
    padding-top: 0;
    opacity: 1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: unset;
    font-weight: 400;
    border: none;
}

.qty-box .btn:hover {
    background: #2f4498;
}

.modal-header {
    padding-bottom: 6px;
}

.modal-title:before {
    content: " ";
    display: block;
    position: absolute;
    background-color: #000000;
    width: 4px;
    height: 22px;
    left: 0;
    top: 6px;
}

.modal-title {
    position: relative;
    font-size: 24px;
    text-align: left;
    padding-left: 12px;
    color: #000;
}

.main-title .h6 {
    font-size: 18px;
    padding-left: 0;
    border: none;
    color: #000;
}



/* 分享  */
body .container .ezshare-box {
    margin: 5px 0 20px 0;
}

.ezshare-box .list-inline-item:not(:last-child) {
    margin-right: 2px;
}

.ezshare-box a:hover:before {
    display: none;
}

.ezshare-box a:hover {
    color: #a99356 !important;
}

.ezshare-box ul:before {
    content: " SHARE : ";
    display: inline-block;
}

.ezshare-box ul {
    position: relative;
    align-items: center;
    display: flex;
}

.ezshare-box a {
    background-color: unset !important;
    font-size: 14px;
    width: 25px;
    height: 25px;
    padding-top: 3px;
    color: #000 !important;
}


/* 留言紀錄 order show*/
.order .talk-form-det .btn-area {
    margin: 30px 0 10px !important;
}

.order .talk-form-det {
    padding: 25px;
}
.talk-item .talk-top {
    border-bottom: 1px solid #aaaaaa;
    padding-bottom: 6px;
}

.talk-box .talk-time {
    color: #b01f23;
}

.talk-box .talk-item .first-level {
    padding: 3%;
    border: solid 1px #d4d4d4;
    background-color: #fff;
}

/*產品*/
.product .slider-nav .thumbnail:focus, .product .slider-nav .thumbnail.slick-current.slick-active {
    border: 1px solid transparent;
    border-color: #bbbbbb;
}

.slider-nav .thumbnail {
    border: none;
}

/*共用*/
.breadcrumb a{
    color:#4b2d1f;
}
.breadcrumb .txt_en,
.breadcrumb .txt-en {
    display: none;
}
.breadcrumb {
    padding: 10px 0;
    background-color: unset;
    justify-content: center;
}
.h2 .txt-en {
    color: #f36c21;
    font-size: 60px;
    font-weight: bold;
    display: block;
    font-family: "Orbitron", sans-serif;
    padding-bottom: 10px;
}
.h2 {
    color: #4b2b1f;
    font-size: 32px;
    font-weight: bold;
    text-align: center;
    border-bottom: none;
    display: table;
    margin: 50px auto 0;
    position: relative;
    padding: 30px 60px;
}
    .h2:after {
        content: " ";
        display: block;
        position: absolute;
        background: url(../images/all/h2_bottom.svg) no-repeat;
        width: 232px;
        height: 15px;
        right: 0;
        bottom: 0;
        background-size: cover;
    }
    .h2:before {
        content: " ";
        display: block;
        position: absolute;
        background: url(../images/all/h2_top.svg) no-repeat;
        width: 232px;
        height: 15px;
        left: 0;
        top: 0;
        background-size: cover;
    }
.sort-area .btn-info {
    color: #fff;
    background-color: #4b2d1f;
    border-color: #4b2d1f;
    font-size: 14px;
    padding: 5px 10px;
    border-radius: 3px;
}

.page-item.active .page-link {
    background: #f36c21;
    border-color: #f36c21;
}
.page-link:hover {
    background: #f36c21;
    color: #fff;
}
.page-link {
    color: #000;
}
    /*side*/
.sideNavBtn  .txt-en {
    display: none;
}
.side1 .h3 {
    display: none;
}
.side .filter-content > ul li a:hover {
    color: #f36c21;
}
body .side .filter-title .collapsed-btn:hover {
    background: #f36c21;
    color: #fff;
}
.side .filter-title .collapsed-btn, .side .filter-sidebar.multiple-collapse .collapsed-btn {
    color: #000;
}
.side .filter-title .collapsed-btn,
.side .filter-sidebar.multiple-collapse .collapsed-btn {
    background: #ffffff;
}

/*最新消息*/
.news.show .small-title {
    color: #4b2d1f;
}
.news.show .kind-tag-area a {
    margin-bottom: 0;
    background-color: #393939;
    color: #fff;
}
.news.show .ezshare-box {
    display: none;
    /*   display:table;
    margin: 0 auto 20px;*/
}
.news.show .nw_sw_box {
    background-color: #fcfaf4cf;
    padding: 40px;
    width: 70%;
    margin: 0 auto;
}
.course .more_x,
.news.show .more_x {
    font-size: 18px;
    padding: 19px 80px;
}
.news.show .subject-sec  .h1{
    text-align:center;
}
.news .item .desc {
    font-size: 16px;
    color: #020202;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
     -webkit-box-orient: vertical;
}
.news .item:hover a {
    box-shadow: 0px 0px 22px #40404054;
}
.news .item:hover .info {
    color: #f36c21;
}
.news .item .info {
    font-size: 24px;
    color: #4b2d1f;
    font-weight: bold;
    margin-bottom: 5px;
}
.news .item .date {
    background-size: 3%;
    padding-left: 29px;
}
.news .article-list a {
    display: block;
    background-color: #fcfaf4cf;
    padding: 40px;
    transition: all 0.5s;
    height: 100%;
}
/* .news .article-list{
    display:flex;
    flex-wrap:wrap;
} */
.news .article-list .item {
    width:50%;
}
.article-list .item + .item {
    border-top: none;
    margin-top: 0;
    padding-top: 0;
}

/*關於 about*/
.about  .ezshare-box{
    display:none;
}
.about_box p {
}
.about_box .pic {
    width: 50%;
}
.about_box .tit{
    width:50%;
}
.about_box h3 span:before {
    content: " ";
    display: block;
    position: absolute;
    background-color: #f36c21;
    width: 100%;
    height: 5px;
    bottom: 0;
    left: 0;
}
.about_box h3 span {
    display: table;
    position: relative;
    color:#f36c21;
}
.about_box h3 {
    color: #4b2d1f;
    font-weight: bold;
    font-size: 42px;
    margin-bottom: 30px;
    line-height: 60px;
}
h2.ah_h2:before {
    content: " ";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 22px 16px 0 0;
    border-color: transparent #545454 transparent transparent;
    left: -16px;
    top: 0;
}

h2.ah_h2 {
    background-color: #4b2d1f;
    color: #fff;
    padding: 10px 15px;
    position: absolute;
    top: -103px;
    left: 0;
    display: table;
    font-size: 28px;
}
.about_box_2 h2.ah_h2 {
    top: -123px;
}
.about_box_1  h2.ah_h2 {
    top: -133px;
 
}
.about_box_1 {
    position: relative;
    padding: 60px 10%;
    align-items: center;
}
  
    .about_box_2,
    .about_box_3 {
        position: relative;
        padding: 80px 10%;
        align-items: center;
    }
    .about_box_3 ul li:before {
        content: " ";
        display: block;
        position: absolute;
        background-color: #f36c21;
        width: 7px;
        height: 7px;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
    }
    .about_box_3 ul li {
        padding-left: 15px;
        position:relative;
    }
    .about_box_3 {
        background-color: #e6dcd3;
    }
.about_box_2 {
    background-color: #dfccb9;
  
}
.about_box_1 {
    border: 1px solid #bba28a;
}

.about_box .ab_bg04 {
    z-index: 10;
    position: absolute;
    right: 0;
    top: -10%;
    mix-blend-mode: multiply;
}
.about_box .ab_bg05 {
    z-index: 10;
    position: absolute;
    left: -7%;
    top: -10%;
    mix-blend-mode: multiply;
    opacity: 0.7;
}
.about_box .ab_bg06 {
    z-index: 10;
    position: absolute;
    right: 0;
    top: -30%;
    mix-blend-mode: multiply;
    opacity: 0.7;
}
.about_box{
    position:relative;
}
.about.kind_3 .editor.mb-5 {
    margin-bottom: -30px !important;
}
.about.kind_3 .cpd_sd21 {
    padding: 0;
}
.about.kind_3 .page_wrapper {
    position: relative;
    background: url(../images/about/ab_bg.jpg) no-repeat center top;
   
}
/*首頁*/
.co-fx .more_x.more_x_2 {
    margin-right: 25px;
}
.co-fx{
	display:flex;
	    width: 100%;
	}
.tu_right:before {
    content: " ";
    display: block;
    position: absolute;
    background-color: #eeebdd;
    width: 100%;
 height: 4px;
    top: 0px;
    left: 0;
    z-index: 50;
}
.tu_right:after{
   /* content: " ";
    display: block;
    position: absolute;
      background-color: #dfccb9;
    width: 100%;
     height: 84px;
    bottom: -1px;
    left: 0;
    z-index: 50;*/
}



.tu_right .ratio {
    overflow: hidden;
    position: relative;
    width: 100%;
  /*  padding-bottom: 78%;
    height: 0;
    margin-top: -85px;*/
	 
	
	}	
.tu_right iframe {
	   pointer-events: none;
	   position: absolute;
	    top: 0; 
		left: 0; 
    width: 152%;
    height: 130%;
	    margin-top: -8%;

}




.home_search:before {
    content: " ";
    display: block;
    position: absolute;
    background-color: #dfccb9;
    height: 300px;
    width: calc(100% - 10%);
    right: 0;
  bottom: -130px;
    z-index: -1;
}
.it_sho_fx .it_sho h3 {
     text-align: center;
    font-size: 24px;
    font-weight: bold;
    display: table;
    background-color: #1e1e1e;
    color: #fff;
    padding: 9px 5px;
    margin: 0 auto 10px;
    border-radius: 50px;
    display: table;
    width: 158px;
}
.it_sho_fx .it_sho + .it_sho {
  /*  border-left: 2px solid #949390;*/
}
.it_sho_fx .it_sho .t_sho_1 {
    display: flex;
    justify-content:center;
    font-size: 40px;
    align-items: baseline;
    font-weight: bold;
}
    .it_sho_fx .it_sho .t_sho_1 .counter {
        color: #f36c21;
        font-size: 84px;
        background-color: unset;
        padding: 30px 0 40px;
        display: block;
       /* font-style: italic;*/
        margin-right: 8px;
        font-family: "Arial"!important;
    }
.it_sho_fx .it_sho{
    width:30%;
}
.it_sho_fx h6.h3{
    text-align:center;
}
.it_sho_fx {
    display: flex;
       justify-content: space-between;
    flex-wrap: wrap;
  padding: 28px 0;
}
.home_search .ab_ic_4 {
    width: 30%;
    position: absolute;
    left: -6%;
}
.home_search .more_x {
    margin: 20px 0 30px;
	flex: 1;
}
.home_search .h3 {
    text-align: left;
}
.home_search .tu_fx .tu_right {
    width: 50%;
}
.home_search .tu_fx .tu_left h5 {
    width: 90%;
    line-height: 38px;
    margin-bottom: 20px;
    font-weight: 300;
}
.home_search .tu_fx .tu_left {
    width: 50%;
	    padding-right: 5%;
}
.home_search {
    position: relative;
    padding: 120px 5% 40px;
    margin-bottom: 180px;
    z-index: 10;
}
body.home .page_wrapper {
    overflow: clip;
}

.home_course_right .pic:nth-child(2n) {
    margin-top: 5%;
}

.home_course_right .pic {
    width: 50%;
    padding: 20px;
}
.home_course_right .d-flex {
    flex-wrap: wrap;
}

.home_course .home_course_right {
    width: 60%;
}

.home_course .home_course_left  .cous_search {
    padding: 20px;
    margin-bottom: 0;
}
.home_course .home_course_left .cous_search .fo_ser {
    width: 100%;
    padding: 0 5px;
    margin-top:10px;
}
.home_course .home_course_left .cous_search .col-md-2 {
    width: 33.3%;
    padding: 0 5px;
}
.home_course .home_course_left {
    width: 40%;
    position: sticky;
    height: 600px;
    top: 120px;
}
    .home_course .home_course_left ul {
        flex-wrap: wrap;
        margin-top: 50px;
        margin-bottom: 30px;
        position: relative;
        z-index: 100;
    }
        .home_course .home_course_left ul li {
            padding: 10px;
        
        }
    .home_course .home_course_left ul li a:hover{
        background-color:#4b2d1f;
        color:#fff;
    }
        .home_course .home_course_left ul li a:hover span {
            background: url(../images/all/search.svg) no-repeat center 0;
            padding-top: 25px;
        }
    .home_course .home_course_left ul li a span {
        transition: all 0.5s;
        background: url(../images/all/search.svg) no-repeat center 30px ;
        padding-top: 0;

    }
    .home_course .home_course_left ul li a {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #fff;
        width: 173px;
        height: 173px;
        font-size: 30px;
        color: #4b2d1f;
    }
.home_course h6.h3 {
    text-align: left;
}
.home_course:before {
    content: " ";
    display: block;
    position: absolute;
    background-color: #dfccb9;
    height:430px;
    width:calc(100% - 10%);
    right:0;
    bottom:0;
    z-index:-1;
}
.home_course {
    position: relative;
    padding: 90px 5% 40px;
}
.more_x:before {
    content: " ";
    display: block;
    position: absolute;
    background: url(../images/all/more.svg) no-repeat;
    width: 15px;
    height: 22px;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 20;
}
.more_x:after {
    content: " ";
    display: block;
    position: absolute;
    width: 17px;
    height: 17px;
    left: 0;
    top: 0;
    background-color: #f36c21;
    transition: all 0.5s;
}
.more_x:hover:after {
    content: " ";
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
}
.more_x span{
    position:relative;
    z-index:20;
}
.more_x:hover  span {
    color:#fff;
}
.more_x:hover {
    box-shadow: 0px 0px 22px #40404054;
}

.more_x {
    position: relative;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    background-color: #4b2d1f;
    display: table;
    margin: 0 auto;
    padding: 29px 110px;
    color: #fff;
}
.ab_ic_5 {
    position: absolute;
    right: -5%;
    bottom: -12%;
    mix-blend-mode: multiply;
}
.ab_ic_4 {
    mix-blend-mode: multiply;
    position: relative;
    left: -40%;
}
.ab_ic_3 {
    position: absolute;
    right: -5%;
    top: 0;
    mix-blend-mode: multiply;
}
.ab_ic_2 {
    position: absolute;
    left: 6%;
    bottom: -12%;
    mix-blend-mode: multiply;
}
.ab_ic_1 {
    position: absolute;
    left: -4%;
    top: 0;
    mix-blend-mode: multiply;
}
.orange {
    color: #f36c21;
}
.home_about_h2 span {
    padding-top: 25px;
    display: block;
}
.home_about_h2:after {
    content: " ";
    display: block;
    position: absolute;
    background: url(../images/all/h2_bottom.svg) no-repeat;
    width: 362px;
    height: 23px;
    right: 0;
    bottom: 0;
    background-size:cover;
}
.home_about_h2:before {
    content: " ";
    display: block;
    position: absolute;
    background: url(../images/all/h2_top.svg) no-repeat;
    width: 362px;
    height: 23px;
    left: 0;
    top: 0;
    background-size: cover;
}
.home_about_h2 {
    position: relative;
    color: #4b2d1f;
    font-weight: bold;
    font-size: 50px;
    display: table;
    margin: 0 auto;
    padding: 40px 0;
}

.home_about .tit h4 {
    margin: 40px auto 100px;
    text-align: center;
    line-height: 52px;
}
.home_about .tit {
    padding: 8% 0;
}
.home_about {
    position: relative;
    padding: 50px 0 ;
    background: url(../images/all/ab_bg.jpg) no-repeat;
}
.home_cot h3 {
    font-size: 42px;
    font-weight: bold;
    color:#fff;
}
.home_cot h2 {
    font-size: 70px;
    font-weight: bold;
    font-family: "Orbitron", sans-serif;
    color: #f36c21;
    margin-bottom: 20px;
}
.h3 .txt_en {
    color: #f36c21;
    font-size: 70px;
    font-weight: bold;
    display: block;
    font-family: "Orbitron", sans-serif;
    padding-bottom: 10px;
}
.h3 {
    color: #4b2b1f;
    font-size: 32px;
    font-weight: bold;
}
.home_news .more_x{
    margin-top:30px;
}
.home_news .article-horizontal-grid {
    padding: 0 10%;
    position: relative;
    z-index: 100;
}
.home_news .item:hover > .pos-relative {
    box-shadow: 0px 0px 22px #40404054;
}
.home_news .item > .pos-relative {
    background-color: #fcfaf4cf;
    padding: 40px;
    margin: 0 2%;
    transition: all 0.5s;
    height:200px;
}

.article-horizontal-grid .item .info .desc a,
.article-horizontal-grid .item .info .desc {
    font-size: 16px;
    color: #020202;

}
.article-horizontal-grid .item .info {
    padding-bottom: 0;
}
    .article-horizontal-grid .item:hover .info .title a{
        color:#f36c21;
    }
    .article-horizontal-grid .item .info .title,
    .article-horizontal-grid .item .info .title a {
        font-size: 24px;
        color: #4b2d1f;
        font-weight: bold;
    }
.item .date {
    font-size: 16px !important;
    color: #f36c21 !important;
    padding-left: 23px;
    font-weight: bold;
    background: url(../images/all/date.svg) no-repeat left center;
    background-size: 17%;
}
.home_news {
    background: url(../images/all/new_bg.jpg) no-repeat;
    padding: 30px 0 120px;
    position: relative;
    overflow: hidden;
}
.home_cot {
    background: url(../images/all/b_bg.jpg) no-repeat;
    padding: 50px 0;
    text-align: center;
    padding: 150px 0;
}
/*場館 SHOW*/
.course .slick-prev:before,
.course .slick-next:before {
    display: none;
}
.course.show .cous_fx {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 40px;
}
.course.show .co_cfvdf {
    background-color: #eaeaea;
    padding: 2%;
    margin-bottom: 20px;
}
.course.show .h4 {
    color:#4b2d1f;
    text-align: left;
    margin-bottom:10px;
}


.course.show .anv_right {
    width: 60%;
}
.course.show .big-pic img{
    width:100%;
}


.course.show .anv_right {
    width: 60%;
}

.course.show .prod_pic {
    display: flex;
    flex-wrap: wrap;
}
.course.show .big-pic {
    width: 85%;
  
}
.course.show .small-pic .item{
    padding:5px 0;
}
.course.show .small-pic {
    width: 15%;
    padding: 20px;
}
.course.show   .an_gray{
    width:60%;
    padding-right:3%;
}

.course.show .co_right .tit  p {
    border-bottom: 1px solid #bbbbbb;
    padding-bottom: 4px;
}
.course.show .co_right .tit ul li,
.course.show .co_right .tit ul li a{
    color:#000;
}
.course.show .co_right .tit ul li {
    padding: 3px 0;
}
.course.show .co_right .tit  ul {
    display: block;
}
.course.show .co_right .tit h4 {
    color: #4b2d1f;
    font-weight: bold;
}
.course.show .co_right .cont {
    position: absolute;
    top: -10px;
    left: -10px;
    background-color: #f36c21;
    padding: 6px 18px;
    color: #fff;
    z-index: 10;
    font-size: 20px;
}
.course.show .co_right .tit {
    border-bottom: 1px solid #bbbbbb;
    padding-bottom: 30px;
    margin-bottom: 30px;
}
.course.show .co_right {
    position: relative;
    width: 40%;
    background-color: #fff;
    padding: 3%;
}


/*場館*/
.course.show .side1,
.course.p02 .side1 {
    display: none;
}
.main .text-center ul li {
    margin: 0 3px;
}

.main a.ma_bat:hover {
    background-color:#f36c21;
}

.main a.ma_bat {
    position: relative;
    background-color: #4b2d1f;
    display: table;
    margin: 20px 0 0 ;
    padding: 11px 40px;
    font-size: 16px;
    border-radius: 0;
    color: #fff;
}



.modal-header .btn-close {
    border-radius: 50%;
    position: absolute;
    background-color: #4b2d1f;
    color: #fff;
    padding: 0;
    display: table;
    font-size: 20px;
    right: -16px;
    top: -14px;
    margin: 0;
    width: 40px;
    height: 40px;
    padding-top: 0;
    font-weight: bold;
    opacity: 1;
    background-image: url(../images/course/close.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: unset;
}

.modal-header {
    padding: 0 0 10px;
    margin-bottom: 10px
}

    .modal-header h4 {
        font-weight: bold;
        text-align: center;
        width: 100%;
        font-family: 'Noto Sans TC',sans-serif;
    }



.modal-content {
    padding: 50px;
}

.course .page_wrapper {
    position: relative;
    background: url(../images/all/new_bg.jpg) no-repeat;
    background-attachment: fixed;
}

.it_cou .tit p {
    border-bottom: 1px solid #bbbbbb;
    padding-bottom: 4px;
}
.it_cou .tit ul li a span {
    width: 83%;
}
.it_cou .tit ul li a label{
    width:17%;
}
.it_cou .tit ul li a {
    display: flex;
}
.it_cou .tit ul li,
.it_cou .tit ul li a {
    color: #1d1d1d;
    font-weight: bold;
}
.it_cou .tit ul li a:hover {
    color: #f36c21;
}
.it_cou .tit ul li label {
    padding-right: 5px;
}
.it_cou .tit ul li{
    padding:3px 0;
}
    .it_cou .tit ul {
        display: block;
    }
.it_cou:hover .tit h4 a{
    color:#f36c21;
}
.it_cou .tit h4 a {
    color: #4b2d1f;
    font-weight: bold;
}
.it_cou .tit h4 {
    color: #4b2d1f;
    padding-left: 30px;
    background: url(../images/course/add.svg) no-repeat left center;
}
.it_cou .tit {
    width: 50%;
    padding-left: 3%;
}
.it_cou .pic a:hover img{
    opacity:0.8;
    
}
.it_cou:hover  {
    box-shadow: 0px 0px 22px #40404054;
}
.it_cou .pic {
    width: 50%;
}
.it_cou {
    flex: 1 48%;
    margin: 0 10px 40px;
    background-color: #fff;
    padding: 3%;
    display: flex;
    position: relative;
    transition: all 0.5s;
}
.cous_fx .cont:before {
    content: " ";
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 12px 12px 0;
    border-color: transparent #a83b00 transparent transparent;
    left: 0;
    bottom: -11px;
}
.cous_fx .cont {
    position: absolute;
    top: -10px;
    left: -10px;
    background-color: #f36c21;
    padding: 6px 18px;
    color: #fff;
    z-index: 10;
    font-size: 20px;
  
}
.cous_fx {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    margin-left: -10px;
    margin-right: -10px;
}
.cous_search {
    width: 100%;
    margin: 0 auto;
    border-top:1px solid #4b2d1f;
    background-color: #fff;
    padding: 1%;
    margin-bottom: 40px;
}
.cous_search input,
.cous_search select {
    height: 48px;
    border-radius: 0;
}

.cous_search .fo_ser input{
    width:80%;
}
.cous_search .fo_ser a:hover{
    background-color:#f36c21;
}
    .cous_search .fo_ser a {
        background-color: #4b2d1f;
        padding: 5px 20px;
        align-items: center;
        display: flex;
        color: #fff;
        width: 20%;
        text-align: center;
        justify-content: center;
    }
.cous_search .fo_ser {
    display: flex;
    position: relative;
}

.course .content.col-lg-9,
.course .side1.col-lg-3 {
    width: 100%;
}
.course .content.col-lg-9,
.course .side1.col-lg-3 {
    width: 100%;
}
.course .side .bsnav .navbar {
    border-color: unset;
    background: unset;
}
.course .side .bsnav {
    background: unset;
}
.side-collapse .side-parent-ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.side-collapse .side-parent-ul > li {
    margin: 0 10px 15px;
}

    .side-collapse .side-parent-ul > li > a.collapsed {
        background: #fff;
        color: #1d1d1d;
    }
        .side-collapse .side-parent-ul > li > a.collapsed:hover {
            background-color: #f36c21;
            color: #fff;
        }
    .side-collapse .side-parent-ul > li > a {
        background-color: #f36c21;
        color: #fff;
        padding: 11px 50px;
        font-size: 18px;
        border-radius: 0;
        width: 100%;
        overflow: hidden;
        text-align: center;
        transition: all .3s ease;
        box-shadow: 0 0 1px rgba(0, 0, 0, .1);
        display: block;
        font-weight: bold;
        font-family: "Arial";
    }
    .side-collapse .side-parent-ul .sub-collapse.show {
        opacity: 1;
        pointer-events: fill;
    }
    .side-collapse .side-parent-ul .sub-collapse {
        position: absolute;
        max-width: 100%;
        display: block;
        opacity: 0;
        pointer-events: none;
        transition: all .3s ease;
        transform: translateY(10px);
        border-radius: 5px;
        padding: 10px 2.6%;
        background-color: #fff;
        z-index: 100;
        border: 1px solid #f36c21;
    }
        .side-collapse .side-parent-ul .sub-collapse li a:hover{
            color:#f36c21;
        }
        .side-collapse .side-parent-ul .sub-collapse li a {
            color: #000;
            padding: 5px 0;
            display: block;
        }

        /* 聯絡我們  */
        .contact .breadcrumb {
            margin-bottom: 1rem !important;
        }
.contact .covk_sv {
    position: relative;
    z-index: 10;
}
.form-hasbg .form-control {
    background: #ffffff;
}
.contact .needs-validation {
    background-color: #fcfaf4cf;
    padding: 40px;
}
.contact .main {
    position: relative;
    background: url(../images/all/new_bg.jpg) no-repeat;
  
}
.contact .ab_ic_7 img {
    margin: 0 0 0 auto;
}

.contact .ab_ic_7 {
    position: absolute;
    right: 0;
    bottom: 0;
    mix-blend-mode: multiply;

}
.contact .ab_ic_6 {
    position: absolute;
    left: 0;
    top: 0;
    mix-blend-mode: multiply;

}
.contact .btn {
    padding: 15px 10px;
}
    .contact .btn.btn-primary:hover,
    .contact .btn.btn-secondary:hover{
        background-color:#f36c21;
    }
    .contact .btn.btn-secondary {
        background-color: #313131;
    }
.contact .btn.btn-primary {
    background: #4b2d1f;
    border-color: #4b2d1f;
}
.form-control-static{
    font-size:24px;
    color:#000;
    margin-top:20px;
}
.contact .form-group .radio-inline {
    padding-right: 20px;
}

.contact .form-group .radio-inline input {
    margin-right: 6px;
}

/* footer  */
.footer .footer_content.fc_seperate_bottom .sitemap {
    margin: 20px 0;
}
.footer .footer_content.fc_seperate_bottom .footer-bottom .copyrights-info {
    color: #5d5d5d;
    padding: 0;
    text-align: center;
    margin-top: 5px;
}
    .footer ul.tat_x li a {
    color: #020202;
}
.footer ul.tat_x li {
    padding: 0 15px;
}
.footer ul.tat_x {
    justify-content: center;
}
.footer .footer_content .sitemap > ul > li {
    margin: 0;
}
    .footer .footer_content .sitemap > ul > li:last-child > a {
        padding-right: 0;
    }
    .footer .footer_content .sitemap > ul > li:first-child > a{
        padding-left:0;
   
    }
    .footer .footer_content .sitemap > ul > li > a {
        color: #4b2d1f;
        font-size: 20px;
        padding: 0 20px;
    }
.footer .sitemap ul {
    border-bottom: 1px solid #4b2d1f;
    border-top: 1px solid #4b2d1f;
    display: table;
    margin: 0 auto;
    padding:5px 0;
}
.footer .sitemap {
    margin: 0;
}
.footer .footer-logo a {
    display: table;
    margin: 0 auto;
}
.footer .footer_content.fc_seperate_bottom {
    padding:50px 0;
}
.footer .footer_content.fc_seperate_bottom .footer-bottom {
    background: unset;
}
.footer .footer_content {
    background: #eeebdd;
   
}