@import url("fontawesome-all.min.css");
@charset "UTF-8";
html {
	box-sizing: border-box;
}

*, *:before, *:after {
	box-sizing: inherit;
}
/* background-color */
.white{
	background-color: #ffffff;
}
.gradient{
	background-image: linear-gradient(to top, #85bebf 0%, #fbfaf2 100%);
/* background-color: #d6bdd4; */
}

.green{
  /* background-image: linear-gradient(to top, #37ecba 0%, #72afd3 100%); */
	background-color: #418c8e;
}

/* 共用區塊section */

section h2{
	text-align: center;
	margin-bottom: 0;
	padding-top: 1.5em;
	font-weight: 900;
	font-size: 3rem;
}
section p{
	text-align: center;
	font-weight: 900;
	font-size: 1.5rem;
    letter-spacing: 0.2rem;
    margin-top: 0.3em;
    color: #ffffff;
}
section .title p {
	text-align: center;
	font-weight: 900;
	font-size: 1.5rem;
	letter-spacing: 0.2rem;
	margin-top: 0.3em;
	color: #545454;
}
.card_text {
	color: #6a6a6a;
}
/* TOP nav */
#topnav{
	background-color: #1b8385;
	text-align: right;
	padding: 6px;
}
#topnav .fa-bell{
	padding-right: 5px;
}
#topnav a{
	color: #fff !important;
	padding: 3px 20px;
    margin: 2px 10px;
    border: 1px solid;
    font-size: 1rem;
    border-radius: 5px;
}
#topnav a:hover{
	background-color: #e06429;
	color: #fff !important;
	text-decoration: none;
	border-bottom-color: #fff !important;
	border: 2px solid;
	font-weight: 600;
}

/* 最新消息 */
.container{
	max-width: 80%;
}
.card_body{
	display: flex;
	flex-direction: column;
	background-color: #fff;
    padding: 50px;
	border-radius: 10px;
	height: 450px;
}
.card_body a{
	font-size: 1rem;
}
.card_title{
	text-align: center;
	font-weight: 800;
	color: #737373;
    font-size: 2rem;
	
}
.card_text{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	font-size: 1rem;
	margin-top: 20px;
	text-align: left;
}
.card_name{
	border-bottom: solid 1px #9090907a;
	padding-bottom: 20px;
	color: #1b8385;
	font-weight: 600;
	padding-top: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}
.card_name span{
	font-size: 1rem;
	color: #967373;
}
.container .more a{
	color: #1b8385;
	font-weight: 600;
	margin-top: 35px;
}
.more{
	padding-top: 15px;
	text-align: center;
}
/* 貝爾學苑 */
#accordionExample{
	width: 90%;
	margin: 30px auto;
}
/* 貝爾學苑 共用區塊*/
.box_school{
	display: flex;
	margin: 50px 100px;
}
.school_content{
	margin-top: 15px;
	margin-bottom: 25px;
}
.topic{
	background-color: #1b8385;
	color: #fff;
	font-weight: 800;
	font-size: 1.5rem;
    padding: 8px 20px;
    border-radius: 10px;
	text-shadow: 2px 3px 3px #00000082;
}
.conrow{
	width: 100%;
	display: flex;
	border-bottom: solid 0.5px #418c8e4d;
}
.conrow_content{
	width: 74%;
	display: inline;
	margin: 10px;
	padding-left: 20px;
	border-left: solid 2px #dfdfdf;
}
.conrow_content:hover{
	border-left: solid 6px #1b8385;
	transition: 0.2s cubic-bezier(0.4, 0, 1, 1);
}
.conrow_content{
	color: #1b8385;
	font-weight: 600;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.indexSchool_Class{
	display:inline;
	color: #1b8385;
	font-weight: 600;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.indexSchool_Class .fa-caret-right{
    padding-right: 10px;
}
.info li{
	padding: 0;
	list-style-type: none;
	font-size: 1rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
	color: #959595;;
}
.school_btn{
	width: 20%;
	background-color: #1b8385;
	color: #fff;
	font-weight: 600;
	text-align: center;
	width: 20%;
    height: 55px;
    margin: auto 1px;
	line-height: 55px;
	border-radius: 10px;
}
.school_btn:hover{
	background-color: darkgrey;
	color: #156061;
	border: 1px solid #b1b1b1;
	transition: 0.1s cubic-bezier(0.4, 0, 1, 1);
}
.info{
	margin: 0;
}
/* 貝爾學苑 近期課程 */
.location{
	color: brown;
}
.school_menu{
	display: flex;
	justify-content: center;
}
.school_menu .school_bottom_btn{
	background-color: #dfdfdf;
	margin: 0 15px;
	box-shadow: 1.5px 1.5px 2px #4c4c4c82;
}
.school_menu .school_bottom a:hover {
	background-color: #e06429;
	color: #fff;
}
.school_menu .school_bottom a{
	color: #1b8385;
	white-space: nowrap;
} 
.school_bottom{
  text-align: center;
}
.school_bottom_btn{
	background-color: #b1b1b1;
	color: #fff;
	padding: 6px 40px;
    border-radius: 7px;
    margin: 0 5px;
	font-weight: 800;
}
.school_bottom_btn:hover{
	background-color: #1b8385;
	color: #fff;
	transition: 0.1s cubic-bezier(0.4, 0, 1, 1);
}
#courselist .coursrsign a{
    background-color: #e3e3e3;
    padding: 5px;
    border-radius: 5px;
    white-space: nowrap;
}
.traindetail_return_btn .yellow a{
	background-color: #e7a730;
}
/* 驗證服務 */
.fa-chevron-right:hover{
	color: #4b8485 !important;
}
#vertify_content li .fa-chevron-right:hover{
	color: #4b8485 !important;
}
#vertify_text{
	width: 40%;
	margin-top: 3%;
}
#vertify_pt{
	width: 35%;
	overflow: hidden!important;
	height: 48vh;
	margin-top: 40px;
}

#vertify_title{
	width: 75%;
	margin: 0 auto;
}
#vertify_title h2{
	margin: 0;
	padding: 0;
	font-size: 2rem;
	color: #1d3b40;
}
#vertify_title p{
	font-size: 1.4rem;
	color: #152d2d;
}
#vertify_box{
	display: flex;
	justify-content: center;
	margin: 0 auto;
}
#vertify_content{
	background-color: #397879;
}
#vertify_content li{
	position: relative;
	list-style-type: none;
	display: inline-block;
	padding: 15px;
	font-size: 1rem;
}
#vertify_content li::after {
	content: "";
	position: absolute;
	height: 1px;
	background: #dcdcdc73;
	top: 90%;
	width: calc(100% - 30px);
	left: 50%;
	transform: translateX(-50%);
}
#vertify_content li::after:nth-last-child(-n+2){
	border-bottom: none;
}

#vertify_content li a{
	color: #fff;
}
#vertify_content li a:hover{
	color: coral;
	transition: 0.3s linear;
	font-weight: 700;
}
.container .fa-chevron-right:before{
	margin-left: 20px;
	font-size: 1rem;
	color: rgba(255, 255, 255, 0.719);
	position: absolute;
	top: 15px;
	right: 15px;
	line-height: 1.65em;
}
#vertify_content li i::before{
	text-align: right;
}
#vertify_content li a:hover i::before {
	margin-left: 50px;
	transition: 0.3s linear;
	color: coral;
}
.vertify_img{
	position: relative;
	width: 80%;
}
.vertify_img img{
  width: 100%;
  object-fit: cover;
  padding: 10px 0 67px 0;
}
.vertify_intro{
	position: absolute;
    top: 0;
    left: 0;
    margin: 5%;
    margin-top: 20%;
    background-color: #00000099;
    padding: 2%;
}
.vertify_intro h3 {
	font-size: 1.5em;
	line-height: 1.5em;
	color: #fff;
	font-weight: 800;
}
.vertify_intro p {
    text-align: left;
    font-size: 1em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
/* 換圖輪播 */
#section-1 {
    width: 100%;
    height: calc(100vh - 200px);
    color: #fff;
    background-color: #222;
}
#section-1 .content-slider {
    position: relative;
    width: 100%;
    height: 100%;
}
#section-1 .content-slider input {
    display: none;
}
#section-1 .content-slider .slider {
    position: relative;
    width: inherit;
    height: inherit;
    overflow: hidden;
}
#section-1 .content-slider .slider .banner {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 0;
    width: inherit;
    height: inherit;
    text-align: center;
    background-repeat: no-repeat;
    background-position: 50% 50%;
    transition: all 0.5s ease;
}
#section-1 .content-slider .slider .banner .banner-inner-wrapper {
    height: 100%;
    padding-top: 7em;
    background-image: linear-gradient(rgb(0 0 0 / 13%), #21252973,rgb(0 0 0 / 22%));
    box-sizing: border-box;
}
#section-1 .content-slider .slider .banner .banner-inner-wrapper h2 {
    padding-bottom: 0.6em;
    font-weight:900;
    font-size: 1.5em;
    text-transform: none;
	color: #e6e6e6;
	text-shadow: 3px 2px 4px #000000a8;
}
#section-1 .content-slider .slider .banner .banner-inner-wrapper h1 {
    font-size: 3em;
	font-weight:700;
    margin: 0 2rem;
    line-height: 120%;
	color: #ffffff;
    margin-bottom: 0rem;
	text-shadow: 3px 2px 4px #000000a8;
}
  #section-1 .content-slider .slider .banner .banner-inner-wrapper .line {
    display: block;
    width: 4em;
    height: 0.1875em;
    margin: 2.5em auto;
    background: #fff;
    text-shadow: 3px 2px 4px #000000a8;
}
#section-1 .content-slider .slider .banner .banner-inner-wrapper .learn-more-button {
    padding-bottom: 5em;
    z-index: 15 !important;
    text-shadow: 3px 2px 4px #000000a8;
}
#section-1 .content-slider .slider .banner .banner-inner-wrapper .learn-more-button a {
    padding: 0.5em 2em;
    text-align: center;
    /* font-family: Montserrat, sans-serif; */
    font-size: 0.875em;
    color: #fff;
    text-transform: uppercase;
    border: 0.1875em solid #fff;
    text-shadow: 3px 2px 4px #000000a8;
}
#section-1 .content-slider .slider .banner .banner-inner-wrapper .learn-more-button a:hover {
    color:#418c8e;
    border-color:#418c8e;
    transition: 0.3s;
    border-bottom-color: #418c8e !important;
  }
#section-1 .content-slider .slider #top-banner-1 {
    background: url('../images/banner_1.jpg') no-repeat center center;
    background-size: cover;
}
#section-1 .content-slider .slider #top-banner-2 {
    background: url('../images/banner_2.jpg') no-repeat center center;
    background-size: cover;
}
#section-1 .content-slider .slider #top-banner-3 {
    background: url('../images/banner_3.jpg') no-repeat center center;
    background-size: cover;
}
#section-1 .content-slider .slider #top-banner-4 {
    background: url('../images/banner_4.jpg') no-repeat center center;
    background-size: cover;
}
#section-1 .content-slider nav {
    position: absolute;
    bottom: 0.5em;
    width: 100%;
    z-index: 10;
    text-align: center;
}
#section-1 .content-slider nav .controls {
    display: block;
    width: 70%;
    margin: 0 auto;
    color: #fff;
}
#section-1 .content-slider nav .controls label {
    position: relative;
    display: inline-block;
    overflow: hidden;
    margin: 0 1em;
    padding-top: 1em;
    text-align: left;
    text-transform: uppercase;
    font-size: 1em;
    color: #bbbbbb;
    font-weight: 400;
    cursor: pointer;
    transition: all 0.3s;
}
#section-1 .content-slider nav .controls label .progressbar {
    position: absolute;
    top: 0;
    left: 0;
    height: 3px;
    width: 100%;
    background: #bbbbbb;
    z-index: 100;
}
#section-1 .content-slider nav .controls label .progressbar .progressbar-fill {
    position: inherit;
    width: inherit;
    height: inherit;
    margin-left: -100%;
    background:#418c8e;
}
#section-1 .content-slider nav .controls label span {
    font-size: 1.4em;
    font-weight: 700;
}
#section-1 .content-slider nav .controls label:hover {
    color:#418c8e;
}
#section-1 .content-slider #banner1:checked ~ .slider #top-banner-1,
#section-1 .content-slider #banner2:checked ~ .slider #top-banner-2,
#section-1 .content-slider #banner3:checked ~ .slider #top-banner-3,
#section-1 .content-slider #banner4:checked ~ .slider #top-banner-4 {
    opacity: 1;
    z-index: 1;
}
#section-1 .content-slider #banner1:checked ~ nav label:nth-of-type(1),
#section-1 .content-slider #banner2:checked ~ nav label:nth-of-type(2),
#section-1 .content-slider #banner3:checked ~ nav label:nth-of-type(3),
#section-1 .content-slider #banner4:checked ~ nav label:nth-of-type(4) {
    cursor: default;
    color: #fff;
    transition: all 0.5s;
}
#section-1 .content-slider #banner1:checked ~ nav label:nth-of-type(1) .progressbar,
#section-1 .content-slider #banner2:checked ~ nav label:nth-of-type(2) .progressbar,
#section-1 .content-slider #banner3:checked ~ nav label:nth-of-type(3) .progressbar,
#section-1 .content-slider #banner4:checked ~ nav label:nth-of-type(4) .progressbar {
    background: #fff;
}
#section-1 .content-slider #banner1:checked ~ nav label:nth-of-type(1) .progressbar-fill,
#section-1 .content-slider #banner2:checked ~ nav label:nth-of-type(2) .progressbar-fill,
#section-1 .content-slider #banner3:checked ~ nav label:nth-of-type(3) .progressbar-fill,
#section-1 .content-slider #banner4:checked ~ nav label:nth-of-type(4) .progressbar-fill {
	animation: progressBarFill 5s linear;
}
  /* Animations */
@keyframes progressBarFill {
    from{
      margin-left: -100%;
    }
    to{
      margin-left: 0;
    }
}
  /* 聯絡我們 */
.contact_box{
	width: 100%;
    overflow: hidden;
}
#contact_img{
    position: relative;
}
#contact_img img{
	opacity: 0.3;
}
#contact_img .title{
	top: 18%;
    left: 50%;
    transform: translate(-50%, -50%);
}
#contact_img .title, .contact_content{
    position: absolute;
}
.contact_content{
    top: 0;
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: left;
    width: 100%;
    height: 100%;
    justify-content: center;
    margin-top: 50px;
}
.contact_text{
	width: 42%;
	margin: 10px 8%;
}
.contact_text h3{
	font-size: 2.5rem;
	font-weight: 600;
}
.contact_text p{
	font-size: 1.6rem;
	font-weight: 600;
	color: #565656;
	text-align: left;
}
.contact_button{
	display: flex;
	flex-direction: column;
	margin: 17%;
	font-size: 1.5rem;
}
.contact_button .button{
	margin: 10px;
	background-color: #418c8e;
	border-radius: 30px;
}
.contact_button .button:hover{
	background-color: #fff;
}
.contact_button a{
	font-weight: 600;
	color: #fff !important;
}
.contact_button a:hover{
	color: #418c8e !important;
}
/* footer 資安政策 */
#security_fade {
	display:none;
	position:fixed;
	top:0%;
	left:0%;
	width:100%;
	height:100%;
	background-color:rgba(0, 0, 0, 0.800);
	z-index:1001;
	filter:alpha(opacity=80);
}
#security_light{
	display:none;
	position:absolute;
	top:16%;
	left:25%;
	width:50%;
	height:68%;
	padding:36px;
	border:5px solid #418c8e;
	background-color:#ffffff;
	z-index:1002;
	overflow:auto;
	opacity:1;
}
#security_light p{
    font-size: initial;
}
#footer_list #security_closebt{
	color: rgb(255, 255, 255);
	background-color:#418c8e ;
	font-weight: 800;
	z-index:1003;
	padding: 5px 20px;
	border-radius: 15px;
  }
#footer_list #security_closebt:hover{
	background-color:#376466;
}
/* footer隱私政策 */
#privacy_fade {
	display:none;
	position:fixed;
	top:0%;
	left:0%;
	width:100%;
	height:100%;
	background-color:rgba(0, 0, 0, 0.800);
	z-index:1001;
	filter:alpha(opacity=80);
}
#privacy_light{
    display:none;
    position:absolute;
    top:16%;
    left:25%;
    width:50%;
    height:68%;
    padding:36px;
    border:5px solid #418c8e;
    background-color:#ffffff;
    z-index:1002;
    overflow:auto;
    opacity:1;
}
#privacy_light p{
    font-size: initial;
}
#footer_list #privacy_closebt{
	color: rgb(255, 255, 255);
	background-color:#418c8e ;
	font-weight: 800;
	z-index:1003;
	padding: 5px 20px;
	border-radius: 15px;
}
#footer_list #privacy_closebt:hover{
	background-color:#376466;
}
  /* footer服務條款 */
#service_fade {
	display:none;
	position:fixed;
	top:0%;
	left:0%;
	width:100%;
	height:100%;
	background-color:rgba(0, 0, 0, 0.800);
	z-index:1001;
	filter:alpha(opacity=80);
}
#service_light{
    display:none;
    position:absolute;
    top:16%;
    left:25%;
    width:50%;
    height:68%;
    padding:36px;
    border:5px solid #418c8e;
    background-color:#ffffff;
    z-index:1002;
    overflow:auto;
    opacity:1;
}
#service_light p{
    font-size: initial;
}
#footer_list #service_closebt{
	color: rgb(255, 255, 255);
	background-color:#418c8e ;
	font-weight: 800;
	z-index:1003;
	padding: 5px 20px;
	border-radius: 15px;
}
#footer_list #service_closebt:hover{
	background-color:#376466;
}
  /* GOTOP */
#gotop{
    position:fixed;
    z-index:90;
    right:30px;
    bottom:31px;
    display:none;
    width:50px;
    height:50px;
    color:#fff;
    background:#57a6a8;
    line-height:50px;
    border-radius:50%;
    transition:all 0.1s;
    text-align: center;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}
#gotop:hover{
	width:55px;
    height:55px;
}
/* facebook */
.fab{
	font-size: xx-large;
}
a #fa-facebook {
	padding: 7px;
}
#fa-facebook{
	position:fixed;
	z-index:90;
	right: 30px;
	bottom: 90px;
	width:50px;
	height:50px;
	color:#fff;
	background:#4650ac;
	line-height:50px;
	border-radius:50%;
	transition:all 0.1s;
	text-align: center;
	box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12);
}
#fa-facebook:hover{
	width:55px;
	height:55px;
}

/* 關於貝爾-貝爾簡介 */
.pagetitle{
	text-align: center;
	background-color: #1b8385b8;
    padding: 2em 0;
    color: #fff;
    letter-spacing: 0.3rem;
}
.pagetitle h1{
	margin-bottom: 0.5rem;
	font-weight: 700;
	font-size: 2.5em !important;
	color: #fff;
	text-shadow: 2px 2px 3px #00000082;
}
.pagetitle h2{
	font-weight: 400;
	font-size: 1.5em !important;
	color: #fff;
	text-shadow: 2px 2px 3px #00000082;
}
.intro_content{
	width: 70%;
	margin: 2rem auto;
}
.intro_text h3{
	border-left: 5px solid #009688;
	margin: 2em 0 0.5em 0;
	padding-left: 0.5em;
	font-weight: 700;
}
.intro_text h3:hover{
	border-left: 8px solid #009688;
	transition: 0.3s linear;
	color: #009688;
}
.intro_text p{
	font-weight: 400;
	font-size: 1rem;
}
.afnorTitle{
	position: relative;
	margin: 3rem 0;
}
.intro_content h6{
	font-size: 1.2rem;
	margin: 6rem 0 2rem;
    padding-left: 15rem;
}
.afnorTitle::before{
    content: '';
    border: solid 1px #666;
    position: absolute;
    width: 15%;
    top: 50%;
}
.intro_content h2{
	color: #1b8385;
	font-size: 5rem;
	margin-bottom: 0.6rem;
}
.intro_content span{
	color: #1b8385;
	font-weight: 600;
}
.intro_text{
	margin: 20px;
}

/* 關於貝爾-成長願景 TimeLine */
.timeline_bg{
	box-sizing: border-box;
	background-color: #1b8385b8;
	padding-bottom: 4em;
}
.pagetitle p{
	margin: 2em 5em;
}
.content h2{
	margin-bottom: 1rem;
    font-weight: 600;
    color: #1b8385;
}
.content li{
	font-size: 1rem;
	font-weight: 600;
	list-style-type: disclosure-closed;
}
.timelinecontainer.left:hover {
	font-size: larger;
	font-weight: 800;
	color: #1b8385;
	transition: 0.3s linear;
}
.timelinecontainer.right:hover {
	font-size: larger;
	font-weight: 800;
	color: #1b8385;
	transition: 0.3s linear;
}
/* The actual timeline (the vertical ruler) */
.timeline {
	position: relative;
	max-width: 100%;
	margin: 0 auto;
}
/* The actual timeline (the vertical ruler) */
.timeline::after {
	content: '';
	position: absolute;
	width: 6px;
	background-color: white;
	top: 0;
	bottom: 0;
	left: 50%;
	margin-left: -3px;
}

/* Container around content */
.timelinecontainer {
	padding: 10px 40px !important;
	position: relative;
	background-color: inherit;
	width: 50%;
	margin: 0;
}
/* The circles on the timeline */
.timelinecontainer::after {
	content: '';
	position: absolute;
	width: 25px;
	height: 25px;
	right: -13px;
	background-color: white;
	border: 4px solid #FF9F55;
	top: 15px;
	border-radius: 50%;
	z-index: 1;
}
/* Place the container to the left */
.left {
	left: 0;
}
/* Place the container to the right */
.right {
	left: 50.25%;
}
/* Add arrows to the left container (pointing right) */
.left::before {
	content: " ";
	height: 0;
	position: absolute;
	top: 22px;
	width: 0;
	z-index: 1;
	right: 30px;
	border: medium solid white;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent white;
}

/* Add arrows to the right container (pointing left) */
.right::before {
	content: " ";
	height: 0;
	position: absolute;
	top: 22px;
	width: 0;
	z-index: 1;
	left: 30px;
	border: medium solid white;
	border-width: 10px 10px 10px 0;
	border-color: transparent white transparent transparent;
}
/* Fix the circle for containers on the right side */
.right::after {
	left: -16px;
}
/* The actual content */
.content {
	padding: 20px 30px !important;
	background-color: white;
	position: relative;
	border-radius: 6px;
}
/* Media queries - Responsive timeline on screens less than 600px wide */
@media screen and (max-width: 820px) {
  /* Place the timelime to the left */
.timeline::after {
	left: 31px;
}
  /* Full-width containers */
.timelinecontainer {
	width: 100%;
	padding-left: 70px !important;
	padding-right: 25px !important;
}
  /* Make sure that all arrows are pointing leftwards */
.timelinecontainer::before {
	left: 60px;
	border: medium solid white;
	border-width: 10px 10px 10px 0;
	border-color: transparent white transparent transparent;
}
  /* Make sure all circles are at the same spot */
.left::after, .right::after {
	left: 18px;
}
  
  /* Make all right containers behave like the left ones */
.right {
	left: 0%;
}
}
/* 法尊誠信 */
.legalcontent{
	margin: 2rem auto;
	width: 70%;
}
.legalcontent h5{
	font-size: 1.6rem;
    font-weight: 700;
    color: #1b8385;
    background-color: #e9e9e9;
    border-radius: 15px;
    text-align: center;
    padding: 10px 25px;
}
.legalcontent p{
	font-weight: 500;
}
.legalcontent .norms{
	list-style-type: disclosure-closed;
	font-size: 1.3rem;
    font-weight: 700;
	margin: 2rem 0;
}
.norms span{
	font-weight: 500;
    font-size: 1rem;
}
.legalcontent ul{
	font-size: 1.8rem;
	font-weight: 800;
	line-height: 2rem;
	margin-bottom: 2rem;
}
.legalcontent li{
	list-style-type: decimal-leading-zero;
	font-size: 1rem;
    font-weight: 700;
	margin: 1rem 0;
}
.five{
	list-style-type: square !important;
	font-size: 1rem !important;
	font-weight: 400;
	margin-left: 20px;
	color: rgb(122, 122, 122);
}
/* 台灣據點 */
.map_content{
	box-sizing: border-box;
	width: 100%;
	display: flex;
	flex-direction: row;
	background-color: #5aa6a7;
	justify-content: center;
	padding-bottom: 50px;
}
.map_content iframe{
	box-sizing: border-box;
	margin: 0;
	width: 100%;
}
.map_container{
	width: 30%;
	margin: 25px 50px;
}
.map_text{
	color: #fff;
	text-align: center;
	border-top: 1px solid rgba(255, 255, 255, 0.418);
	padding-top: 15px;
}
.map_text p{
	margin: 5px 0 0 0;
	font-weight: 500;
	color: #1b8385;
	background-color: #fff;
	padding: 6px 0;
	border-radius: 20px;
}
.map_text p:hover {
	font-weight: 800;
	font-size: large;
	background-color: #ceeae8;
}
.map_text h3{
	margin: 5px 0 0 0;
	font-size: 1.5rem;
	color: #fff;
	font-weight: 700;
}
.map_text h3 span{
	font-size: 1rem;
}
.map_text h5{
	color: #fff;
}
.map_text a{
	padding-left: 10px;
	color: #1b8385;
}
.map_text h5 i{
	padding-right: 10px;
}

/* school.html 貝爾學苑 */

/* BANNER */
.carousel-inner {
	width: 90% !important;
	margin: 0 auto;
	height: 30vh !important;
}
.carousel-control-prev,.carousel-control-next{
	border: none;
	box-shadow: none;
	margin: auto;
}
.carousel-caption{
	top: 85px;
	left: 7%;
	padding: 0 !important;
}
.carousel-caption h2{
	font-size: 2.5rem;
	color: #fff;
	font-weight: 700;
	text-shadow: 1px 1px 1px #00000082;
}
.carousel-caption p{
	font-size: 1.5rem;
	color: rgb(255, 255, 255);
	font-weight: 600;
	text-shadow: 1px 1px 1px #00000082;
}
.carousel-indicators {
	bottom: calc(100% - 65%);
}

/* 年度課程 CONTENT */
#courselist{
	width: 90%;
	margin: 30px auto;
}
.courselist{
	width: 90%;
	margin: 0 auto;
}

#courselist h2{
	text-align: center;
	margin-bottom: 20px;
	font-size: 1.5rem;
	background-color: #e8e8e8;
	font-weight: 700;
	padding: 7px;
}
#courselist h3{
	text-align: center;
	font-size: 1.5rem;
	margin-bottom: 20px;
}
.idtads{
	width: 100%;
	display: flex;
	justify-content: center;
	padding: 0;
}
.selected li{
	list-style-type: none;
	padding: 3px 30px;
	background-color: #1b8385;
	color: #fff;
	margin: 0px 6px;
	border-radius: 5px;
	font-weight: 700;
}
.selected li:hover {
	background-color: #e06429;
	transition: 0.3s linear;
}
.head{
	height: 3em;
	padding: 0.75em;
	font-size: 1em;
	font-weight: 700;
}
table th {
	padding: 0.75em !important;
}

table tbody tr:nth-child(2n + 1) {
	background-color: rgb(144 144 144 / 20%);
}
table tbody tr:nth-child(2n + 1) {
	background-color: rgb(27 131 133 / 6%);
}

.body{
	font-size: 0.9rem;
}
.body:hover{
	font-weight: 600;
}
.coursename a{
	color: #1b8385;
	font-weight: 400;
}
.coursename a:hover{
	color: #e06429;
	font-weight: 600;
}
.body .coursrsign a{
	color: #1b8385;
	font-weight: 600;
}
.body .coursrsign a:hover{
	color: #e06429;
}

#tab_1, #tab_2, #tab_3, #tab_4{
	display: none;
}
/* 月刊專欄 */
.carousel-caption #news_btn a{
	color: #fff !important;
	background-color: #1b8385;
	border: 1px solid #fff;
	padding: 10px 20px;
	border-radius: 5px;
}
.carousel-caption #news_btn a:hover{
	background-color: #e06429;
	color: #fff !important;
	text-decoration: none;
	border-bottom-color: #fff !important;
}
#news_btn{
	margin-top: 2em;
}
#news_btn .fa-bell{
	padding: 0 10px 0 0;
}
/* Academy */
#academy_banner{
	background-image: url(../images/academy_01.jpg);
	height: 400px;
	background-size: cover;
}
#bn_text{
	text-align: center;
	padding-top: 120px;
}
#bn_text h2{
	font-size: 2.3rem;
	font-weight: 700;
}
#bn_text p{
	font-size: 1.8rem;
	font-weight: 600;
}
.academy_content{
	margin: 15px auto;
	text-align: center;
	width: 90%;
}
.academy_content h2{
	text-align: center;
	background-color: #1b8385;
    color: #fff;
    font-size: 1.8rem;
    font-weight: 600;
    padding: 6px 0;
    border-radius: 10px;
    margin-bottom: 45px;
    margin: 0 auto;
    margin-top: 2em;
}
.train_box{
	margin: 0 auto;
	background-color: #e6e6e6;    
	padding: 50px 20px;
	width: 98%;
}
.train_content{
	padding: 0 15px;
	margin-bottom: 50px;
}
.train_content img{
  width: 100%;
  box-shadow: 1.5px 1.5px 7px #4c4c4c63;
}
.train_text{
  position: relative;
  background-color: #fff;
  height: 350px;
  padding: 28px 15px 15px;
  box-shadow: 1.5px 1.5px 7px #4c4c4c63;
}
.train_text h3{    
  color: #1b8385;
  font-weight: 600;
}
.train_text p{
  overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 0;
}
.train_text a{
  position: absolute;
    left: calc((100% - 154.33px) / 2);
    bottom: 30px;
    background-color: #e6e6e6;
    padding: 3px 40px;
    color: #1b8385;
    font-weight: 700;
}
.train_text a:hover{
  background-color: #e06429;
  color: #fff;
  transition: 0.3s linear;
}
@media screen and (max-width: 750px){
  .train_text h3 {
    font-size: 2.0em;
}
}
/* 焦點主題課程 */
.topic_box{
	width: 98%;
	padding: 50px 0;
	margin: 0 auto;
	background-color: #e6e6e6;
}
.topic_box .row{
	justify-content: center;
}
.topic_content{
	margin: 20px 0px;
	display: flex;
	flex-direction: column;
}
.topic_content img{
	width: 100%;
	box-shadow: 1.5px 1.5px 7px #4c4c4c63;
}
.topic_text {
	background-color: #fff;
	padding: 50px 20px;
	box-shadow: 1.5px 1.5px 7px #4c4c4c63;
	flex-grow: 1
}
.topic_text h3{
	color: #1b8385;
	font-size: 2rem;
	font-weight: 700;
	margin: 0;
}
.topic_text p{
	color: #bbbbbb;
	font-weight: 600;
	font-size: 1.2rem;
}

.topic_text li{
	position: relative;
	list-style-type: none;
	font-size: 1rem;
	padding-right: 50px;
	margin: 10px 0;
	border-bottom: 1px solid #8484843b;
	color: #666666;
	font-weight: 500;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.topic_text li:hover{
	color: #1b8385;
	font-weight: 700;
}
.topic_text li .fa-angle-right{
	position: absolute;
	top: 6px;
	right: 10px;
}
.topic_text li:hover > .fa-angle-right{
	right: 0;
	transition: 0.3s linear;
}
.topic_list{
	padding: 0;
	text-align: left;
	top: 6px;
	right: 0;
}
.topic_list a:hover{
	text-decoration: none;
}
.mixtrain_title h3{
	font-size: 3em;
    padding-top: 30px;
    font-weight: 800;
    color: #6B6B6B;
    margin: 0;
}
.mixtrain_title h4{
	font-size: 1.2em;
	color: #6b6b6b;
	font-weight: 700;
}
.mixtrain_title p{
    margin-top: 40px;
    font-size: 2rem;
    font-weight: 800;
    color: #1b8385;
    line-height: 45px;
}
.mixtrain_title h5{
	font-size: 1.5em;
	font-weight: 800;
	line-height: 1.5em;
	background-color: #8E8E8E;
	width: 40vh;
	color: #fff;
	border-radius: 35px;
	margin: 60px auto;
}
.mixtrain_box img{
	width: 80%;
}
.mixtrain_box ul{
	text-align: left;
	margin: 40px;
	background-color: #1b8385c7;
	color: #fff;
	padding: 30px 60px;
}
.mixtrain_box li{
	margin: 25px 0;
	font-size: 1.5rem;
	font-weight: 600;
}
/* 最新消息 */
#newspage{
	/* display: flex; */
	flex-direction: row;
	margin: 0 auto;
}
.news_content{
	padding: 50px;
}
#news_menu_title h2{
	margin: 0;
	color: #1b8385;
	font-weight: 700;
}
#news_menu_title h5{
	margin: 0;
	color: #1b8385;
	font-weight: 700;
}
.bellnews_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#news_list ul{
	padding: 0;
}
#news_list ul a li{
	position: relative;
	list-style-type: none;
	padding: 0;
	margin: 30px 0;
	color: #828282;
	font-size: 1.3rem;
	font-weight: 600;
	border-bottom: 5px solid #e4e4e4;
	padding-bottom: 5px;
}
#news_list li .fa-angle-right{
	position: absolute;
	top: 6px;
	right: 10px;
}
#news_list li:hover > .fa-angle-right{
	right: 0;
	transition: 0.3s linear;
}
#news_list ul a{
	text-decoration: none;
}
#news_list li:hover{
	color: #e06429;
}
.news_title{
	text-align: center;
	font-size: 1.5rem;
	background-color: #1b8385ba;
	padding: 25px;
	color: #fff;
	font-weight: 700;
	margin-top: 20px;
	line-height: 2.5rem;
}
.news_title_bottom{
	margin: 0 auto;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 20px 20px 0px 20px;
	border-color: #1b8385ba transparent transparent transparent;
}
#bellnews{
	background-color: #ececec;
	padding-bottom: 70px;
}
.bellnews_content{
	margin: 25px 30px;
	background-color: #ffffff;
	padding: 40px 25px;
	box-shadow: 3px 1px 3px #7d7d7d78;
}
.bellnews_text h3{
	font-size: 1.5rem;
	font-weight: 700;
	color: #1b8385;
}
.bellnews_text h6{
	padding-top: 15px;
	font-size: 1rem;
	font-weight: 700;
	color: #b1b1b1;
}
.bellnews_content_text{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.bellnews_content_row{
	margin: 25px 0;
}
.bellnews_text a{
	background-color: #54a0a1;
	color: #fff;
	padding: 5px 20px;
	font-weight: 600;
	font-size: 1.2rem;
}
.bellnews_text a:hover{
	text-decoration: none;
	color: #fff;
	background-color: #e06429;
	transition: 0.1s linear;
}
.industrynews_content{
	padding-left: 25px;
}
.industrynews_content ul{
	padding-left: 2em;
	width: 90%;
	margin: 30px 0;
}
.industrynews_content ul li{
	list-style-type: disclosure-closed;
	border-bottom: 3px solid #c1c1c159;
	margin-top: 15px;
}
.industrynews_content ul li a{
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	color: #6b6b6b;
	font-weight: 700;
}
.industrynews_content ul li a:hover{
	color: #1b8385;
  /* text-decoration: none; */
}
.industrynews_content ul li p{
	margin: 0 0 1rem 0;
	font-size: 0.8rem;
}
#industrynews{
	background-color: #ececec;
	padding-bottom: 70px;
}
.news_btn{
	text-align: center;
}
.news_btn a{
	background-color: #828282;
	padding: 10px 45px;
	color: #fff;
	font-weight: 600;
}
.news_btn a:hover{
	background-color: #e06429;
	color: #fff;
	text-decoration: none;
	transition: 0.3s linear;
}
#messagenews{
	background-color: #ececec;
	padding-bottom: 70px;
}
.messagenews_text h6{
	padding-top: 0px;
	margin-bottom: 0.2rem;
	color: #54a0a1b0;
}
.messagenews_text h3{
	color: #737373;
	font-size: 1.3rem;
}
/* 右側聯絡資訊按鈕 */

#contact_bar_r{
	position: fixed;
	bottom: 5%;
	right: 15px;
	font-size: 1.3em;
	z-index: 99999;
}
#contact_bar_r .btn-fixed-r{
	width: 45px;
    height: 45px;
    line-height: 40px;
    text-align: center;
    background: rgba(79,83,89,0.65);
}
#contact_bar_r .btn-fixed-r a{
	color: #FFF;
    display: block;
}
.fa-facebook-f{
	font-size: 1rem;
}
#FB-click:hover{
	background: rgb(34, 83, 156);
}
#location-click:hover{
	background: rgb(156, 34, 34);
}
#contact-click:hover{
	background: rgb(34, 156, 140);
}
#line-click:hover{
	background: rgb(78, 205, 0);
}
#contact_bar_r #gotop-click:hover{
	background: rgb(219 104 6);
}

#contact_bar_r #gotop-click {
    background: rgb(231, 167, 48);
}


.fa-map-marker-alt{
	font-size: 1rem;
}
.fa-envelope{
	font-size: 1rem;
}
.fa-angle-up{
	font-size: 1rem;
}
/* 聯絡資訊BOX */
#location_info{
	display: none;
	padding: 15px;
	position: fixed;
	right: 8%;
	bottom: 0px;
	background: #1b8385;
	color: #FFF;
	z-index: 9999;
	box-shadow: rgb(0 0 0 / 50%) 0 0 20px 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.local_content span{
	font-size: 1rem;
	font-weight: 400;
}
#location_info .local-btn-close{
	float: right;
	margin-bottom: -15px;
	font-size: 20px;
	cursor: pointer;
}
#location_info .local_box .local_content h4{
	color: #fff;
	font-size: 1.2rem;
	margin: 5px 0 10px;
    border-radius: 3px;
    font-weight: 800;
}
.local_box{
	margin: 10px;
	border-bottom: 2px solid #ffffff38;
	padding-bottom: 10px;
}
.local_box ul{
	margin: 0;
	padding: 0;
}
.local_info{
	font-size: 1rem;
}
.local_info li{
	list-style-type: none;
	padding: 0;
	line-height: 1.5em;
}
.local_info li a{
	color: #fff;
}
.local_info li i{
	color: #fff;
}
.local_info .icon{
	width: 20px;
	height: 20px;
	line-height: 20px;
	font-size: 10px;
	border-radius: 3px;
	text-align: center;
	background: #757575;
	margin: 0 10px 0 0;
	float: left;
}
/* 訊息快遞 */
/*設定div樣式的整體佈局*/
.page-icon{
	margin:20px 0 20px 0;/*設定距離頂部20畫素*/
	font-size:2px;/*修復行內元素之間空隙間隔*/
	text-align:center;/*設定內容居中顯示*/
	font-weight: 400;
}
/*設定共有的的樣式佈局，主要是進行程式碼優化，提高執行效率*/
.page-icon a,.page-disabled,.page-next{
	border:1px solid #1b83856e;
	border-radius:35px;
	padding:4px 10px 5px;
	font-size:14PX;/*修復行內元素之間空隙間隔*/
	margin-right:10px;
}
/*對 a 標籤進行樣式佈局 */
.page-icon a{
	text-decoration:none;/*取消連結的下劃線*/
	color:#1b8385;
	font-size: 1rem;
	white-space: nowrap;
}
.page-icon a:hover{
	border-bottom-color: #1b83856e !important;
	background-color: #1b8385;
	color: #fff;
	font-weight: 600;
}
.page-current{
	color:#ff6600;
	font-size:14PX;/*修復行內元素之間空隙間隔*/
	font-weight: 600;
}
.page-current a{
	background: #1b8385;
    color: #fff;
}
.page-disabled{
	color:#ccc;
}
.page-next i,.page-disabled i{
	cursor:pointer;/*設定滑鼠經過時的顯示狀態，這裡設定的是顯示狀態為小手狀態*/
	display:inline-block;/*設定顯示的方式為行內塊元素*/
	width:5px;
	height:9px;
	background-image:url(http://img.mukewang.com/547fdbc60001bab900880700.gif);/*獲取圖示的背景連結*/
}
.page-disabled i{
	background-position:-80px -608px;
	margin-right:3px;
}
.page-next i{
	background-position:-62px -608px;
	margin-left:3px;
	margin-right: 11px;
}

i.fab.fa-line.fa-1g {
    padding-top: 5px;
}
/* 月刊專欄 */
#period{
	width: 90%;
	margin: 0 auto;
}
#monthly_btn{
	display: none;
}
.gray{
	background-color: #f3f1f1bf;
}
.period_choice_box{
	text-align: center;
}
#period_choice_box_right{
	text-align: right;
	background-color: #e5e5e5;
}
.monthly_btn{
	display: inline-block;
	color: #fff;
	background-color: #1b8385;
	padding: 5px 25px;
	margin: 15px;
	border-radius: 5px;
	font-weight: 500;
	border: 1px solid transparent;
}
.monthly_btn:hover{
	background-color: #1a5c5e;
	border: 1px solid #0d3335;
	transition: 0.2s linear;
}
.period_monthly ul{
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 15px;
	margin: 0;
}
.period_monthly li{
	display: none;
	list-style-type:none;
	background-color: #a5a5a5;
	color: #fff;
	margin: 3px 5px;
	padding: 2px 15px;
	font-size: 0.9rem;
	border-radius: 5px;
	font-weight: 700;
	width: 160px;
	display: flex;
	flex-wrap: nowrap;
}
.period_monthly span{
	color: #2c2c2c;
	font-size: 0.8rem;
	padding-left: 5px;
	padding-top: 1.5px;
}
.period_monthly a:hover{
	border-bottom: none;
	text-decoration: none;
}
.period_monthly li:hover{
	background-color: #797979;
}
.period_monthly a:hover{
	color: #fff;
}
#monthly_title_box{
	background-image: url(../images/monthly_01.jpg);
	padding: 40px 0;
	background-position-y: center;
	background-size: 100%;
	background-repeat: no-repeat;
	margin-top: 15px;
}
#monthly_title_box .text{
	background-color: rgba(255, 255, 255, 0.322);
	padding: 7% 5%;
	display: flex;
}
#monthly_title_box .text h2{
	padding: 10px;
	color: #fff;
	font-weight: 700;
	font-size: 3em;
	margin: 0;
	text-shadow: 2px 2px 4px #00000059;
	white-space:nowrap
}
#monthly_title_box .monthly_btn{
	font-size: 1rem;
	padding: 2px 24px;
	margin: 35px 18px 18px;
	white-space:nowrap;
	box-shadow: 2px 2px 4px #00000059;
}    
#monthly_title_box .monthly_btn .fa-check{
	padding-right: 10px;
}
#period_box{
	width: 85%;
	margin: 15px auto;
}
.period_title{
	background-color: #1b8385;
	color: #fff;
	padding: 5px;
}
.period_title p{
	margin: 0;
	margin-left: 23px;
	padding-right: 10px;
	font-weight: 600;
}
.period_title span{
	font-size: 1rem;
	padding-left: 15px;
}
.article_box li{
	list-style-type: disclosure-closed;
	padding: 0;
	margin-left: 30px;
	padding: 10px 0;
	font-weight: 600;
	width: 90%;
	border-bottom: 2px solid #9b9b9b50;
}
.article_box li:last-child{
	border-bottom:none;
}
.article_box a{
	color: #4d4d4d;
}
.article_box a:hover{
	color: #1b8385;
}
.article_box p{
	color: #e06429;
	margin: 0;
	font-weight: 600;
	font-size: 1rem;
}
.article_box span{
	color: #1b8385;
	font-size: 1rem;
	font-weight: 400;
}
/* 月刊專欄-文章區 */
.period_choice_box{
	position: relative;
}
.period_choice_box h3{
	position: absolute;
	left: 65px;
	top: 11px;
	color: #1b8385;
	font-weight: 700;
	font-size: 2rem;
}
.Article_Top{
	display: flex;
	flex-wrap: nowrap;
	color: rgb(92, 92, 92);
	font-weight: 600;
	font-size: 1rem;
	margin: 10px 0;
	border-radius: 5px;
	justify-content: center;
}
.Article_Title{
	background-color: #1b8385;
	color: #fff;
	font-weight: 700;
	text-align: center;
	padding: 10px 20px;
	font-size: 1.2rem;
}
.Period{
	padding-left: 0px;
}
.Date{
	padding-left: 15px;
}
.View{
	padding-left: 15px;
}
.Article_Content p{
    width: 90%;
	margin: 0 auto;
}
.Article_text{
	width: 90%;
    margin: 0 auto;
    font-size: 1rem;
    padding: 2em 0;
}
.Article_Content img{
	width: 100%;
	height:auto;
	display: flex;
	margin: 20px auto;
}
#period_box_r{
	margin-top: 10px;
}
#period_box_r .article_box a{
	font-size: 1rem;
}
#period_box_r .article_box ul{
	padding: 0;
}
#period_box_r .article_box li{
	list-style-type: none;
	margin: 0 auto !important;
}
#period_box_r .article_box p{
	font-size: 0.95rem;
}
.Article_Part{
	text-align: center;
	padding: 20px;
	margin: 10px 0;
	font-weight: 600;
	background-color: #e5e5e5bf;
}
.Article_Part a{
	color: #1b8385;
}
/* 貝爾新聞 文章 */
.bellnews_text p{
	font-size: 1.1rem;
	font-weight: 600;
}
#newsdetail{
	width: 90%;
	margin: 0 auto;
}
.bellnews_article{
	width:100%;
	padding: 25px;
	word-break: break-all;
}
.bellnews_article_Text{
	width:100%;
	word-break: break-all;
	text-align: center;
}
.bellnews_article_Text img {
    width: 80%;
    height: auto;
	margin-bottom: 20px;
}
/* 焦點主題課程 */
.topicdetail_content{
	width: 80%;
	margin: 10px auto;
}
.topicdetail_content .title{
	text-align: center;
	color: #1b8385;
	font-weight: 700;
	padding: 30px 0;
	font-size: 1.7rem;
}
.topicdetail_content .title::after,
.topicdetail_content .cont::after{
	display: flex;
	content: "";
	width: 20%;
	/*border: 1px solid #1b8385;*/
	margin: 30px auto;
}
.topicdetail_content .cont p{
	margin: 0;
}
.coursecontent .courselist table th{
	font-weight: 600;
}
.coursecontent .courselist table td{
	font-weight: 600;
	font-size: 0.9rem;
	color: #1b8385;
}
.coursecontent .courselist h3{
	text-align: center;
	background-color: #1b8385;
	color: #fff;
	font-weight: 700;
	padding: 10px;
	margin-bottom: 5px;
}
.topicdetail_content .coursecontent .courselist table td a{
	background-color: #1b8385;
	color: #fff;
	padding: 5px 8px;
	border-radius: 5px;
	white-space: nowrap;
}
.topicdetail_content .coursecontent .courselist table td a:hover{
	background-color: #e06429;
	text-decoration: none;
	color: #fff;
}
.return_btn{
	text-align: center;
	background-color: #1b8385;
	width: 20%;
	margin: 0 auto;
	color: #fff;
	font-weight: 700;
}
a .return_btn:hover{
	background-color: #195b5c;
	text-decoration: none !important;
	color: #fff;
}
.return_btn_OG{
	text-align: center;
	background-color: #e06429;
	width: 20%;
	margin: 0 auto;
	color: #fff;
	font-weight: 700;
}
a .return_btn_OG:hover{
	background-color: #f9f9f9;
	text-decoration: none !important;
	color: #e06429;
}
.noclass{
	background-color: #dfdfdf;
	text-align: center;
	padding: 20px 0;
	margin-bottom: 40px;
}
.noclass h4{
	font-weight: 700;
}
/* 首頁 企業驗證 */
#pt_01{
	display: block;
}
#pt_02,#pt_03,#pt_04,#pt_05,#pt_06{
	display: none;
}
/* traindetail */
.traindetail{
	width: 80%;
	margin: 50px auto;
}
.traindetail_return_btn{
	text-align: center;
	background-color: #1b8385;
	width: 15%;
	margin: 20px auto;
	color: #fff;
	font-weight: 700;
}
.traindetail_return_btn:hover{
	background-color: #195b5c;
	text-decoration: none !important;
	color: #fff;
}
/* 會計諮詢 */
.accountantcontent{
	width: 70%;
	margin: 2rem auto;
}

.accountantcontent h2{
	text-align: center;
	color: #1b8385;
	font-weight: 900;
	font-size: 2.5rem;
}
.accountantcontent h2::after{
	content: '';
    border: solid 2px #1b8385;
    margin: 40px auto;
    width: 12%;
    display: block;
}
.accountantcontent h5{
	text-align: center;
    font-size: 1.5rem;
    font-weight: 700;
}
.accountantcontent ul{
	background-color: #e3e3e3;
    padding: 40px;
    padding-left: 5em;
    border-radius: 15px;
    width: 95%;
    margin: 15px auto 60px;
}
.accountantcontent li{
	margin-bottom: 14px;
    font-weight: 500;
    font-size: 1.2rem;
    padding: 0;
}
/* 驗證服務slidercard */
.main_slide_block{
	width: 90%;
    padding: 60px 0px;
    margin: 0 auto;
}

.slider-div{
	width: 100%;
	margin:0px auto; 
	border-radius:5px; 
	background:#b3b3b354; 
	padding:40px 0px; 
	overflow:hidden; 
	position:relative;
}

.slider-div:before{
	content:""; 
	width:20%; 
	height:100%; 
	position:absolute; 
	top:0px; 
	left:0px;  
	z-index:5;
	background:linear-gradient(to right, rgba(98, 98, 98, 0.1), rgba(255,255,255,0));
}
.slider-div:after{
	content:""; 
	width:20%; 
	height:100%; 
	position:absolute; 
	top:0px; 
	right:0px; 
	z-index:5;
	background:linear-gradient(to left, rgba(98, 98, 98, 0.1), rgba(255,255,255,0));
}

.dot-1, .dot-2, .dot-3, .dot-4, .dot-5{
	width:8px; 
	height:8px; 
	border-radius:50%; 
	background:#c5c7ca; 
	position:absolute; 
	bottom:15px; 
	cursor:pointer;
}

.dot-1{left:46%;}
.dot-2{left:48%;}
.dot-3{left:50%;}
.dot-4{left:52%;}
.dot-5{left:54%;}

.slider-box{
	width:60%; 
	height:250px; 
	border-radius:5px; 
	position:relative; 
	margin:0px auto; 
}
.slider-card-1{
	width:100%; 
	height:100%; 
	background:#fff; 
	padding: 30px 30px;; 
	border-radius:5px;
	position:absolute; 
	top:0px; left:0px; 
	border-bottom:6px solid #1b838571; 
	transition:0.5s all ease; 
	box-shadow: 0px 5px 15px 0px rgba(51, 59, 69, 0.14); 
	-webkit-font-smoothing: subpixel-antialiased;
	}
.slider-card-2{width:100%; height:100%; background:#fff; padding:30px 30px; border-radius:5px; position:absolute; top:0px; left:0px; border-bottom:6px solid #1b838571; transform:translateX(110%); transition:0.5s all ease; box-shadow: 0px 5px 15px 0px rgba(51, 59, 69, 0.14); -webkit-font-smoothing: subpixel-antialiased;}
.slider-card-3{width:100%; height:100%; background:#fff; padding:30px 30px; border-radius:5px; position:absolute; top:0px; left:0px; border-bottom:6px solid #1b838571; transform:translateX(220%); transition:0.5s all ease; box-shadow: 0px 5px 15px 0px rgba(51, 59, 69, 0.14); -webkit-font-smoothing: subpixel-antialiased;}
.slider-card-4{width:100%; height:100%; background:#fff; padding:30px 30px; border-radius:5px; position:absolute; top:0px; left:0px; border-bottom:6px solid #1b838571; transform:translateX(330%); transition:0.5s all ease; box-shadow: 0px 5px 15px 0px rgba(51, 59, 69, 0.14); -webkit-font-smoothing: subpixel-antialiased;}
.slider-card-5{width:100%; height:100%; background:#fff; padding:30px 30px; border-radius:5px; position:absolute; top:0px; left:0px; border-bottom:6px solid #b4b5b9; transform:translateX(440%); transition:0.5s all ease; box-shadow: 0px 5px 15px 0px rgba(51, 59, 69, 0.14); -webkit-font-smoothing: subpixel-antialiased;}

.slider-box h6{font-size:14px; font-family: 'Open Sans', sans-serif; font-weight:600; margin:0px 0px 20px 0px; padding:0px; text-transform:uppercase; color:#000000; }
.slider-box h6 img{margin-right:10px; margin-top:-3px;}
.card-1-disable, .card-1-nxt, .card-2-pre, .card-2-nxt, .card-3-pre, .card-3-nxt, .card-4-pre, .card-4-nxt, .card-5-pre, .card-5-disable{
	width:39px; 
	height:39px; 
	text-align:center; 
	border-radius:50%; 
	background:#1b8385;
	position:absolute; 
	top:45%; 
	z-index:99; 
	cursor:pointer;
}

.card-1-nxt, .card-2-nxt, .card-3-nxt, .card-4-nxt, .card-5-disable{
	padding:5px 14px;
}
.card-1-disable, .card-2-pre, .card-3-pre, .card-4-pre, .card-5-pre{
	padding:5px 4px
}

.card-1-disable .fa, .card-1-nxt .fa, .card-2-pre .fa, .card-2-nxt .fa, .card-3-pre .fa, .card-3-nxt .fa, .card-4-pre .fa, .card-4-nxt .fa, .card-5-pre .fa, .card-5-disable .fa{color:#fff;}
.card-2-pre, .card-3-pre, .card-4-pre, .card-5-pre{left:85px; box-shadow: 0px 12px 24px 0px rgba(83, 191, 66, 0.20);}
.card-1-nxt, .card-2-nxt, .card-3-nxt, .card-4-nxt{right:85px; box-shadow: 0px 12px 24px 0px rgba(83, 191, 66, 0.20)}
.card-1-disable{left:85px; background:#1b8385}
.card-5-disable{right:85px; background:#1b8385}
.card-2-pre, .card-2-nxt, .card-3-pre, .card-3-nxt, .card-4-pre, .card-4-nxt, .card-5-pre, .card-5-disable{display:none;}

.cuurent-act-card{background:/*#31d317*/ #54a0a1;;}
.cuurent-act-card-border{border-bottom:6px solid #1b8385;}

.main_slide_block .box{
	width: 35%;
    background-color: #1b8385;
    color: #fff;
    padding: 4px 0;
    margin: 32px auto;
    text-align: center;
    border-radius: 5px;
    font-weight: 700;
    font-size: 1rem;
}
.main_slide_block .box:hover{
	background-color: #e06429;
	text-decoration: none;
	transition: linear 0.3s;
}
#enterpriseCE{
	background-color: #ececec;
}
a:hover{
	text-decoration: none;
}
.slider-box .text h5{
	line-height: 1.8;
    font-size: 1.2rem;
    font-weight: 600;
    color: #282828;
    margin-top: 20px;
}
.slider-box .text h5:hover{
	color: #1b8385;
    background-color: #cfe8e9;
    border-radius: 5px;
    padding: 3px;
    text-decoration: underline;
}
.slider-box p{
	font-size:17px; 
	font-family: 'Open Sans', sans-serif; 
	font-weight:600; line-height:30px; 
	margin:0px 0px 0px; 
	color:#252525;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}
.slider-box span{
	font-size: 0.9rem;
	color:#1b8385;
	font-weight: 400;
}
.slider-box .text{
	text-align: center;
}
.text:hover{
	color:#1b8385;
}
.enterpriseSOP_content{
	display: flex;
    flex-direction: row;
    padding: 40px;
    justify-content: space-evenly;
}
.SOPnumber{
	cursor: pointer;
}
.SOPnumber .box{
	width: 20%;
    height: 0px;
    position: relative;
    overflow: hidden;
    text-align: center;
    padding: 4em;
	margin: 0;
	box-shadow: rgb(0 0 0 / 51%) 2px 3px 3px;
}

#enterpriseSOP{
	background-color: #ececec;
}
.enterpriseSOP_content .fas{
	font-size: 2rem;
    line-height: 5.5em;
}
.SOPnumber{
	margin: 0 15px;
	text-align: center;
}
.SOPnumber .box h2{
    line-height: 1em;
    margin: 0;
    padding: 0;
    margin-bottom: 7px;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 37px;
    left: 0
}
.SOPnumber .box h5{
    line-height: 1em;
    margin: 0;
    padding: 0;
    margin-bottom: 7px;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 86px;
    left: 0;
    font-size: 1rem;
}
.SOPnumber .box p{
	line-height: 1em;
    margin: 0;
    padding: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 112px;
    left: 0;
    font-size: 1rem;
    font-weight: 800;
}
.SOPnumber .click{
    font-size: 1rem;
    color: #1b8385;
    font-weight: 600;
    line-height: 0.1em;
    margin-top: 30px;
}
.SOPnumber .click .fas{
	font-size: 1.3rem;
    line-height: 0.5em;
}
.SOPnumber .detail ul{
	font-size: 1rem;
    font-weight: 800;
	padding: 0;
	margin: 0;
	list-style: inside;
	margin-top: 30px;
}
.SOPnumber .detail li{
	padding: 0;
}
.SOPnumber .detail .fas{
	font-size: 1.3rem;
    line-height: 0.5em;
	color: #1b8385;
}
.SOPnumber .detail{
	display: none;
}
.CEproject{
	text-align: center;
}
.CEproject .CEproject_btn {
    background-color: #1b8385;
    color: #fff;
    padding: 4px 15px;
    border-radius: 5px;
    font-weight: 600;
    width: 65%;
    margin: 20px auto;
}
.CEproject p{
	margin-bottom: 1em;
}
.CEproject .fa-angle-down .fa-angle-up{
	color: #1b8385;
}
#international_detail,
#quality_detail,
#energy_detail,
#healthy_detail,
#risk_detail,
#detect_detail{
	display: none;
}
.CEproject_btn:hover{
	background-color: #e06429;
}
#quality_btn,
#international_btn,
#energy_btn,
#healthy_btn,
#risk_btn,
#detect_btn{
	cursor: pointer;
}
#international_btn:hover{
	background-color: #1b838514;
}
#quality_btn:hover{
	background-color: #1b838514;
}
#energy_btn:hover{
	background-color: #1b838514;
}
#healthy_btn:hover{
	background-color: #1b838514;
}
#risk_btn:hover{
	background-color: #1b838514;
}
#detect_btn:hover{
	background-color: #1b838514;
}
.CEproject span{
	font-size: 1.1rem;
	font-weight: 600;
}
.news_title h3{
    font-size: 2.3rem;
    line-height: 0;
    margin: 21px 0;
    font-weight: 600;
}
.news_title span{
	font-size: 1.2rem;
    font-weight: 600;
}
.news_content .contant{
	padding: 25px;
}
.certification_btn{
	text-align: center;
    background-color: #1b8385;
    width: 20%;
    margin: 0px auto;
    border-radius: 5px;
	color: #fff;
	font-weight: 600;
}
.certification_btn:hover{
	background-color: #114142;
	transition: linear 0.3s;
}
.certificationdetail{
	padding: 35px 0;
}
/* SEARCH */
.pagetitle form{
	margin: 0;
}
.searchform{
	border: none;
	border-radius: 3px;
	font-size: 1.2rem;
	padding: 0 15px;
	width: 40%;
}
.searchbtn{
	background-color: #1b8385;
    color: #fff!important;
    height: 2.1em;
	line-height: 2.1em;
}
.searchpage{
	width: 80%;
	margin: 3em auto;
}
.searchcontant h3{
	color: #505050;
    font-size: 1.5rem;
    font-weight: 700;
}
.searchcontant span{
	color: #e06429;
    margin: 0 5px;
	font-size: 1.8rem;
}
.searchresult{
	width: 98%;
    margin: 2em auto;
    border-bottom: 3px solid #ededed;;
}
.searchresult h2{
	font-size: 1.3rem;
    font-weight: 700;
    color: #363636;
    margin-bottom: 1em;
    padding: 8px 14px;
}
.searchresult h2:hover{
	background-color: #c2e3e5;
    border-radius: 10px;
}
.searchresult p{
    font-size: 1rem;
	font-weight: 700;
    color: #e06429;
    margin: 0;
    padding: 0;
}
.searchresult span{
	background-color: #ffea2c;
}
.searchbtn:hover {
    background-color: #105b5c;
}
.searchform{
	color: #5e5e5e;
    font-family: "Source Sans Pro", Helvetica, sans-serif;
    font-weight: 700;
    line-height: 1.85em;
}
.lawcontent{
	width: 90%;
    margin: 3rem auto;
	font-weight: 500;
}
.accountantcontent_2{
	font-weight: 500;
    line-height: 2.5rem;
	/* font-size: 1.2rem; */
}