@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;700;900&family=Noto+Serif+TC:wght@700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=RocknRoll+One&display=swap');
body {
	position: relative;
	z-index: 0;
	margin: 0;
	padding: 0;
}
a,
a:hover {
	text-decoration: none;
}

h1,
h2 {
	margin: 0px !important;
	padding: 0px !important;
}

* {
	font-family: 'Noto Sans TC', 'Microsoft JhengHei';
	font-weight: 400;
}

img{width:100%;}

/*公版版頭版尾*/
.buarlad_head{
    position: absolute;
    z-index: auto;
    background: #fff;

    width:100%;
    filter:drop-shadow(0px 3px 3px rgba(0,0,0,0.23));
}
.buarlad_head img{
	display:block;
		padding: 1;
	width:70%;
}
.buarlad_head_space{position: relative;			height:49px;
	}

/*回到上方*/
#gotop {
    display: none;
    position: fixed;
	background:url(https://www.cek.com.tw/eDM/head_end/images/top.png) no-repeat;
	width:49px;
	height:49px;
    right: 0px;
    bottom: 70px;    
    font-size: 15px;
    cursor: pointer;
	z-index:9999999;
}
/*選單*/
.overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 900;
	display: none;
}

.overlay.active {
	display: block;
}

.floatmenuu {
	position: fixed;
	z-index: 2000;
	overflow-y: auto;
	overflow-x: hidden;
	top: 40px;
	right: 0px;
	width: 80%;
	height: 100%;
	transition: right 0.3s;
	padding: 20px 5px 40px 5px;
	font-size: 1rem;
	box-shadow: 0 20px 30px rgba(0, 0, 0, 0.7);
    background: #ffdb78 url(../images/web0209-bg-m.png) repeat-y;
	background-size:100%;
/*
	background-image:
        linear-gradient(#1f8145 1px, transparent 0),
        linear-gradient(90deg, #1f8145 1px, transparent 0),
        linear-gradient(#1f8145 1px, transparent 0),
        linear-gradient(90deg, #1f8145 1px, transparent 0)!important;
	background-size: 20px 20px;
*/
}

.floatmenuu.in {
	box-shadow: 0 20px 30px rgba(0, 0, 0, 0);
	right: -100%;
	transition: right 0.3s;
}
.floatmenuu .row{
	padding:50px 20px 0px 10px;
}
.floatmenuu a {
	position: relative;
	z-index: 2;
	display: block;
	padding:15px 5px;
	font-size:0.8rem;
	text-align: center;
	margin:3px 3px 5px 3px;
	border:1px solid #E95513;
	border-radius: 10px;
	background: #006934;
	color:#ff0;
	transition: all 0.3s;
}
.floatmenuu a.yell{
	background:#E95513;
	color:#fff;
}
.floatmenuu a:hover {
	position: relative;
	border-radius: 5px;
	background: #fff300;
	color:#0c18b9;
	text-decoration: none;
	border-radius: 10px;
	border:1px solid #ff0;
	transform: scale(1.05);
	transition: 0.3s;
}
.floatmenuu a b{color:#fff;font-weight: 700;font-size:0.9rem;}
.floatmenuu a:hover b{color:#E95513;}
.floatmenuu .pic {
	position: absolute;
	z-index: 10;
	bottom: 11%;
	left: calc((100%/2) - 35px);
	width: 70px;
	animation: title-ps 0.5s infinite ease-in-out;
}
.floatmenuu .end{
	position: absolute;
	z-index: -1;
	bottom:0px;
	left:0%;
	width:70%;
}
.lazybag-menu-m {
	position: fixed;
	z-index: 2100;
	top: 50px;
	right: 15px;
}

.lazybag-menu-m a:hover {
	text-decoration: none;
	background: #E95513;
}

.lazybag-menu-m a.active {
	background: #E95513;
}

.lazybag-menu-m a {
	display: block;
	width: 40px;
	height: 40px;
	background:#006934;
	border-radius: 50px;
	box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.3);
	text-align: center;
	text-decoration: none;
	padding: 10px 5px 3px 5px;
}


.lazybag-menu-m:hover .x,
.lazybag-menu-m:hover .y,
.lazybag-menu-m:hover .z {
	border-top: 3px solid #fff000;
}

.lazybag-menu-m .x,
.lazybag-menu-m .y,
.lazybag-menu-m .z {
	position: absolute;
	left: 7px;
	display: block;
	width: 26px;
	border-top: 3px solid #fff000;
	padding: 0px 0px 5px 0px;
	transform-origin: top left;
	transition: all 0.3s;
}

.lazybag-menu-m .x {
	top: 8px;
}

.lazybag-menu-m .y {
	top: 18px;
}

.lazybag-menu-m .z {
	top: 27px;
}

.lazybag-menu-m .x.active {
	top: 8px;
	left: 10px;
	width: 30px;
	transform-origin: top left;
	transform: rotate(45deg);
	transition: all 0.3s;
}

.lazybag-menu-m .y.active {
	opacity: 0;
	transition: all 0.3s;
}

.lazybag-menu-m .z.active {
	top: 29px;
	left: 7px;
	width: 30px;
	transform-origin: top left;
	transform: rotate(-45deg);
	transition: all 0.3s;
}

/*側邊-預約咨詢浮動鈕*/
.float-btn a {
	display: block;
	position: fixed;
	z-index: 999;
	top: calc((100%/2) - 100px);
	right: 0px;
	width: 30px;
	text-align: center;
	padding: 10px 5px;
	line-height: 1.5;
	background: #0045b4;
	font-size: 1rem;
	color: #fff;
	border-radius: 8px 0px 0px 9px;
	box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.3);
	transition: all 0.3s;
}

.float-btn a:hover {
	background: #6997e0;
	color: #ff0;
	transition: all 0.3s;
}

/*背景*/
.wrap {
	position: relative;
	z-index: 0;
}

section {
	position: relative;
	/*	z-index: 5;*/
	padding:30px 0px 60px 0px;
	overflow: hidden;
}

.container,
.container-fluid {
	position: relative;
	z-index: 20 !important;
}
/*主陰影*/
.inshow{filter:drop-shadow(0px 3px 5px rgba(0,0,0,0.3));}
/*背景固定配色*/
.mainbg-ps {
	display: block;
	position: absolute;
	z-index: 3 !important;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
.bgcolor-1 {
	background:url(../images/web1108-best-bg.jpg) no-repeat center top;
    background-size:cover;
}

.bgcolor-2 {
    background-image: linear-gradient(to bottom , #fff 0% , #f5f5ba 70%);
	background-size:cover;
}

.bgcolor-3 {
    
}

.bgcolor-4 {
	background-image: linear-gradient(to bottom , #fff 0% , #d18319 70%);
	background-size:cover;
}
.bgcolor-5{background:transparent;}
.bgcolor-2::before,
.bgcolor-4::before{
	content: '';
	position: absolute;
	z-index: 3;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background: url(../images/web0209-bg-up-left.png) no-repeat top left,
				url(../images/web0209-bg-up-right.png) no-repeat top right;
	background-size:50%;
}
.bgcolor-3::before{
	content: '';
	position: absolute;
	z-index: 3;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
.bgcolor-top::after,
.bgcolor-2::after,
.bgcolor-4::after{
	content: '';
	position: absolute;
	z-index: 1;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background: url(../images/web0209-bg-m.png) repeat-y center top;
    background-size:100%;
    opacity: 0.5;
}
.bgcolor-3::after{
	content: '';
	position: absolute;
	z-index: 1;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-image: linear-gradient(to top , #969a00 40% , #DADF00 80%);
    background-size:100%;
    opacity: 0.5;
}
.back-img{
	position: absolute;
    z-index: 3;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    background: url(../images/web0209-bg-start-left.png) repeat-y top left,
				url(../images/web0209-bg-start-right.png) repeat-y top right;
    background-size:50%;
}
.back-img-3{
	position: absolute;
	z-index: 3;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background: url(../images/web0209-bg-star-left-white.png) repeat-y top left,
				url(../images/web0209-bg-star-right-white.png) repeat-y top right;
	background-size:50%;
}

.backendfixed::after{
	content: '';
	display: block;
	position: absolute;
	z-index: 3;
	bottom:0px;
	width:100%;
	height:50%;
	background: url(../images/web0209-title-back-2.png) repeat-x bottom center;
	background-size:80%;
	filter:drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.2));
}
/*固定活動框*/
.border-og-1{
	position: relative;
	z-index: 19;
	background-image: linear-gradient(to bottom , #fff 0% , #fffadd 70% , #fff09f 100%);
	border:5px solid #006934;
	border-radius: 20px;
	padding:70px 20px 20px 20px;
	margin-top:-100px;
	margin-bottom:50px;
	filter:drop-shadow(0px 8px 8px rgba(0,0,0,0.2));
}

.border-og-2{
    position: relative;
	z-index: 19;
	background-image: linear-gradient(to bottom , #fff 0% , #fffadd 70% , #fff09f 100%);
	border:5px solid #f29600;
	border-radius: 20px;
	padding:70px 20px 20px 20px;
	margin-top:-100px;
	margin-bottom:50px;
	filter:drop-shadow(0px 8px 8px rgba(0,0,0,0.2));
}
.border-og-1 .wll::after{
	content: '';
	position: absolute;
	z-index: 1;
	display: block;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background: url(../images/web0209-wll.webp) no-repeat center top;
	background-size:200%;
	border-radius: 20px;
}
.border-og-1 .moneybgfn::after{
	content: '';
	position: absolute;
	z-index: 1;
	display: block;
	bottom:0px;
	left:0px;
	width:100%;
	height:100%;
	background: url(../images/bg-money-01.webp) no-repeat center bottom;
	background-size:250%;
	border-radius: 20px;
	opacity: 0.3;
}
/*
.border-og-2::before{
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    top:0px;
    left:-30px;
    width:60px;
    height:100%;
    background: url(../images/web1108-item-bg-point.png) repeat-y top center;
    background-size:100%;
}
*/
/*搖搖特效*/
.examplan112 {
	animation: 8s obbmove infinite ease-in-out;
}

@keyframes obbmove {
	0% {transform: rotate(3deg);}
	0.5% {transform: rotate(-3deg);}
	1% {transform: rotate(3deg);}
	1.5% {transform: rotate(-3deg);}
	2% {transform: rotate(3deg);}
	2.5% {transform: rotate(-3deg);}
	3% {transform: rotate(3deg);}
	3.5% {transform: rotate(-3deg);}
	4% {transform: rotate(3deg);}
	4.5% {transform: rotate(0deg);}
	100% {transform: rotate(0deg);}
}

/*all標題*/
.chts2{
	position: relative;
	z-index: 99;
	padding:50px 0px 70px 0px;
}
.chts2 .title{
	display: block;
	position: relative;
	z-index: 10;
	margin:0px auto;
	text-align: center;
	padding:5px;
/*
	font-weight:400;
	font-family:'RocknRoll One' , 'Noto Sans TC' , 'Microsoft JhengHei' , sans-serif;
	font-size: 1.7rem;
	color:#000;
	white-space: nowrap;
	letter-spacing: 0px;
	text-decoration: none;
*/
	filter:drop-shadow(0px 3px 5px rgba(0,0,0,0.3));
/*	text-shadow: 0px 5px 5px rgba(255, 255, 255, 0.5);*/
}
.chts2 .title::after{
	content: '';
	display: block;
	position: absolute;
	z-index: -1;
	bottom:0px;
	left:0%;
	background:url(../images/web0209-title-back.png) no-repeat bottom center;
	background-size:100% 50%;
	width:100%;
	height:250px;
}
.chts2 .title .chts2-txt{
	display: inline-block;
	position: relative;
	z-index: 10;
	font-weight:400;
	font-family: 'RocknRoll One' , 'Noto Sans TC' , 'Microsoft JhengHei' , sans-serif;
	font-size: 1.7rem;
	white-space: nowrap;
	text-decoration: none;
	background:#000;
	-webkit-background-clip: text;
/*	-webkit-text-fill-color: transparent;*/
	margin-bottom:2px;
	letter-spacing: 0px;
}
.chts2 .title .chts2-txt::after{
	content: attr(data-stroke);
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: -3;
	font-size: 1.7rem;
	white-space: nowrap;
	-webkit-text-stroke: 5px #fff;
	filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.3));
	letter-spacing: 0px;
}
.chts2 .title span {
    color: #E95513;
    font-weight: 400;
    font-family:'RocknRoll One' , 'Noto Sans TC', 'Microsoft JhengHei', sans-serif;
}
.chts2 .title b {
    color: #E95513;
    font-weight: 400;
    font-family:'RocknRoll One' , 'Noto Sans TC', 'Microsoft JhengHei', sans-serif;
}
.chts2 .title.ww50-75{width:75%;}
.chts2 .title.ww75-100{width:80%;}
.chts2 .title .left{
	position: absolute;
	z-index: 11;
	width:120px;
	top:10px;
	left:-50px;
	transform: rotate(-5deg);
	filter:drop-shadow(0px 0px 5px rgba(255, 255, 255, 0.4));
}
.chts2 .title .right{
	position: absolute;
	z-index: 11;
	width:90px;
	top:10px;
	right:-20px;
	transform: rotate(10deg);
	filter:drop-shadow(0px 5px 5px rgba(0,0,0,0.3));
}

.chts2.h100{
	margin-top:30px;
}

/*all統一按鈕*/
.wrap .but {
	text-align: center;
	padding: 20px 0px 0px 0px;
}

.wrap .but a {
	position: relative;
	width: 100%;
	display: inline-block;
	background: #E95513;
	font-family: 'Noto Sans TC', 'Microsoft JhengHei';
	font-weight: 700;
	font-size: 1.3rem;
	border-radius: 50px;
	padding: 5px 20px;
	box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.2);
	color: #fff;
}

.wrap .but a:hover {
	background:#006934;
	color: #ff0;
	transition: all 0.3s;
}

.wrap .but a::after {
	content: '';
	display: inline-block;
	position: relative;
	top: 1px;
	left: 3px;
	background: url(../images/icon-swiper-right.svg) no-repeat;
	background-size: 16px;
	width: 16px;
	height: 16px;
}

.wrap .but a:hover::after {
	background: url(../images/icon-swiper-right-yellow.svg) no-repeat;
}

/*版頭主標*/
.wrap .topbanner {
	position:relative;
	z-index: 0;
	width:100%;
}

.wrap .topbanner .ffshow{
	filter:drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.2));
}
.wrap .topbanner .topbanner-box{
	position: relative;
	z-index: 5;
}
.wrap .topbanner .topbanner-box .fn-box{
	padding:5px;
}
.wrap .topbanner .topbanner-box .fn-box img{
	display: block;
	background-image: linear-gradient(to top , #fff 0% , #F6ECD4 100%);
	border-radius: 15px;
	border:1px solid #d4a69a;
	transition: all 0.3s;
	transform-origin: center;
}
.wrap .topbanner .topbanner-box .fn-box:hover img{
	transform: scale(1.05);
	transition: all 0.3s;
}
.wrap .topbanner .move-item-left{
	position: absolute;
	pointer-events: none;
	z-index: 10;
	top:auto;
	bottom:-30px;
	left:8%;
	width:140px;
	height:auto;
}
.wrap .topbanner .move-item-right{
	position: absolute;
	pointer-events: none;
	z-index: 10;
	top:19%;
	right:0%;
	width:120px;
	height:auto;
}
/*活動-game*/
.gamee .info-date{
	text-align: center;
	font-size:1.5rem;
	font-weight: 900;
	color:#E95513;
	padding-bottom:20px;
}
.gamee .info-txt{
	text-align: center;
	font-size:1.1rem;
	font-weight: 400;
	color:#333;
	padding-bottom:20px;
}
.gamee .info-txt b{
	color:#E95513;
	font-weight: 700;
	font-size:1.2rem;
}
.gamee ol {
	font-size: 1rem;
	line-height: 1.8;
	list-style: none;
}

.gamee ol li b {
	color: #E95513;
}
/*活動*/
.actionbox .actbox {
	position: relative;
	z-index: 0;
	background:#fff;
	border-radius:15px;
	padding:10px;
	margin-bottom:30px;
	text-align: center;
	border:0px solid #ffe0d3;
}
.actionbox .actbox ol{
	margin:0px 0px 0px 25px;
	padding:0px;
	text-align: left;
}
.actionbox .actbox ol li{
	font-size:0.9rem;
}
.actionbox .actbox .title{
	text-align: center;
	/*	-webkit-text-fill-color: transparent;*/
}
.actionbox .actbox .title span{
	display: inline-block;
	position: relative;
	font-weight:400;
	font-family: 'RocknRoll One' , 'Microsoft JhengHei' , sans-serif;
	font-size: 1.8rem;
    font-style: italic;
	white-space: nowrap;
	text-decoration: none;
	background-image:linear-gradient(to bottom, #fff 40% , #ffd800 60% );
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	margin-bottom:30px;
	letter-spacing: 1px;
}
.actionbox .actbox .title span::after{
	content: attr(data-stroke);
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: -4;
	font-size: 1.8rem;
	white-space: nowrap;
	-webkit-text-stroke: 5px #1D2087;
	filter:drop-shadow(0px 3px 4px rgba(0, 0, 0, 0.2));
}
/*
.actionbox .actbox .title span::before{
    content: '';
    position: absolute;
    z-index: -5;
    bottom:-3px;
    left:-10%;
    background: rgba(255, 127, 116, 0.81);
    height:20px;
    width:120%;
    transform: rotate(-3deg);
}
*/
.actionbox .actbox p{
	font-size:0.9rem;
}
.actionbox .actbox u{
	display: inline-block;
	text-decoration: none;
	background: #E95513;
	border-radius: 100px;
	padding:0px 5px;
	font-size:0.85rem;
	font-weight: 700;
	color:#ff0;
	margin:0px 2px;
}
.actionbox .actbox span{
	color:#555;
	font-weight: 700;
	font-size:1rem;
}
.actionbox .actbox b{
	color:#E95513;
	font-weight: 700;
	font-size:1rem;
}
.actionbox .actbox big{
	color:#E95513;
	font-weight: 800;
	font-size:1.3rem;
}
.actionbox .actbox ol.gamefn li{
    margin-bottom:10px;
}
.actionbox .actbox ol.gamefn li::marker{color:#E83828;}
.actionbox .actbox ol.st-list{list-style-type: disc;}
.actionbox .actbox ol.st-list li::marker{color:#8DC21F;font-size:1.5rem;}

.action-top-txt .btn{display: inline-block;}
.action-top-txt .btn a{
	display: block;
	font-size:1.1rem;
	background: #0045b4;
	color:#fff;
	padding:5px 15px;
	border-radius: 100px;
	font-weight: 700;
	margin-top:-10px;
}
.action-top-txt .btn a:hover{
	background:#6997e0;
	color:#ff0;
	transition: all 0.3s;
}
.action-top-txt .geen{
    background: #fff;
    border-radius: 10px;
    margin:20px 0px;
    font-size:1rem;
    padding:5px 0px;
}
.action-top-txt .geen u{
    position: relative;
    top:-20px;
    display:inline-block;
    text-decoration: none;
    background: #186e39;
    color:#ff0;
    border-radius: 100px;
    padding:10px 20px;
    font-size:1.1rem;
    font-weight: 700;
}
.action-top-txt .geen strong{
    position: relative;
    top:-10px;
     font-size:1rem;
    font-weight:400;
}
/*奪冠加碼禮-背景*/
.capbgg{
	position: absolute;
	z-index: -5;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background: url(../images/web1206-actbox-bg-1.png) no-repeat top left,
		 url(../images/web1206-actbox-bg-2.png) no-repeat top right,
		 url(../images/web1206-actbox-bg-3.png) no-repeat bottom left,
		 url(../images/web1206-actbox-bg-4.png) no-repeat bottom right;
	background-size:50%;
}
/*好禮轉轉樂-旋轉效果*/
.web1206turn{
	transform-origin: center center;
	animation: web1206turnmove 6s linear infinite;
}
@keyframes web1206turnmove {
	0%{transform: rotate(0deg);}
	100%{transform: rotate(360deg);}
}
/*考試推薦*/
.examtime .examtimebox {
	position: relative;
	background: #fff;
	background-image:
		linear-gradient(#e5e5e5 1px, transparent 0),
		linear-gradient(90deg, #e5e5e5 1px, transparent 0);
	background-size: 20px 20px;
	border-radius: 20px;
	filter: drop-shadow(0px 5px 5px rgba(0, 0, 0, 0.3));
	transition: all 0.3s;
}

.examtime .examtimebox::after {
	content: '';
	display: block;
	position: absolute;
	top: calc((100%/2) - 25px);
	right: -12px;
	background: url(../images/web0805-aoor.png) no-repeat;
	background-size: 100%;
	width: 50px;
	height: 50px;
}

.examtime .examtimebox:hover {
	transform: translateY(-10px);
	transition: all 0.3s;
}

.examtime .examtimebox .month {
	position: relative;
	top: -30px;
	width: 60px;
	height: 60px;
	border-radius: 30px;
	background-image: linear-gradient(135deg, #ff0 0%, #ed7600 100%);
	color: #555;
	font-size: 1.2rem;
	font-weight: 700;
	margin: 0px auto -30px auto;
	text-align: center;
	padding: 15px 0px 0px 0px;
	filter: drop-shadow(3px 3px 3px rgba(0, 0, 0, 0.2));
}

.examtime .examtimebox .txt {
	font-size: 0.85rem;
	padding: 10px;
}

.examtime .examtimebox .txt b {
	font-size: 1.1rem;
	font-weight: 900;
	color: #ff8000;
}

.examtime .examtimebox .txt ol {
	margin-left: -15px;
}

.examtime .examtimebox .txt ol li {
	list-style-type: disc;
	margin: 8px 0px;
}

.examtime .examtimebox .txt ol li::marker {
	color: #ff8000;
}

.examtime .examtimebox .but a {
	width: 80%;
	font-size: 0.9rem;
	margin: 0 auto;
	padding: 5px 0px !important;
}

.examtime .examtimebox .but a::after {
	top: 3px;
}

.examtime .examtimebox .flpic {
	position: absolute;
	bottom: -20px;
	right: -5%;
	width: 80px;
	background: #ffe59e;
	border-radius: 100px;
	filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.3));
}
.examtime-swiper-fn {
	position: relative;
	margin: 30px 10px 0px 10px;
}
.examtime-swiper-fn .swiper-container {
	width: 100%;
	margin: 60px 0px 30px 0px;
	padding: 60px 0px 50px 0px;
}
.examtime-swiper-fn .swiper-slide {
	position: relative;
	width: 65% !important;
	margin:0 auto;
	height: auto;
	transform: 0.5s;
	opacity: 0.5 !important;
}

.examtime-swiper-fn .swiper-slide-active {
	z-index: 2 !important;
	opacity: 1 !important;
	transform-origin: center center;
	transform: scale(1.1) !important;
	margin: 0 auto;
}

.examtime-swiper-fn .swiper-slide-prev {
	z-index: 1 !important;
	opacity: 0.5;
	transform: 0.5s;
}
.examtime-swiper-fn .swiper-slide-next {
	z-index: 1 !important;
	opacity: 0.5;
	transform: 0.5s;
}

.examtime-swiper-fn .swiper-pagination {
	position: relative;
	z-index: 10;
	top: -10px;
	width: 100%;
	margin: 0 auto 0 auto;
}

.examtime-swiper-fn .swiper-pagination-bullet {
	width: auto;
	height: auto;
	border-radius: 30px;
	margin: 5px 3px;
	text-align: center;
	padding: 5px;
	font-size: 0.8rem;
	color: #555;
	opacity: 1;
	background: #fff;
	filter: drop-shadow(0px 5px 8px rgba(0, 0, 0, 0.3));
}

.examtime-swiper-fn .swiper-pagination-bullet-active {
	color: #000;
	background: #ff0;
}
/*新聞*/

.newsboxfn ol.listol  {
    list-style: none;
    margin-left:-40px;
}
.newsboxfn ol.listol li{
    background: #fff;
    margin:8px 0px;
    border-radius: 100px;
    padding:10px 20px;
    font-size:1rem;
    border:1px solid #969696;
	filter:drop-shadow(0px 3px 5px rgba(0,0,0,0.3));
}
.newsboxfn ol.listol li:nth-child(even){
	position: relative;
    background: #d1fdff;
	left:-20px;
}
.newsboxfn ol.listol li:nth-child(even)::before{
    content: '';
    display: inline-block;
    position: relative;
    background: url(../images/web0209-point-2.png) no-repeat;
    background-size:100%;
    width:20px;
    height:20px;
    margin-right:10px;
}
.newsboxfn ol.listol li::before{
    content: '';
    display: inline-block;
    position: relative;
    background: url(../images/web0209-point-1.png) no-repeat;
    background-size:100%;
    width:20px;
    height:20px;
    margin-right:10px;
}
/*皇冠*/
.examtime .examtimebox .kingtip{
	position: absolute;
	pointer-events: none;
	z-index: 10;
	top:25px;
	left:0px;
	width:60px;
	filter:drop-shadow(0px 5px 3px rgba(0,0,0,0.5));
	transform: rotate(-20deg);
}


/*輪播控制*/
.heart-swiper-fn,
.class-swiper-fn {
	position: relative;
	margin: 30px 10px 0px 10px;
}

.heart-swiper-fn .swiper-slide,
.class-swiper-fn .swiper-slide {
	margin: 0px;
	padding: 20px 8px 20px 8px;
}

.examtime-swiper-fn .swiper-button-next,
.heart-swiper-fn .swiper-button-next,
.class-swiper-fn .swiper-button-next {
	position: absolute;
	z-index: 57;
	top: calc((100%/2) - 40px);
	background: rgba(0, 0, 0, 0.5);
	right: -15px;
	width: 50px;
	height: 50px;
	border-radius: 25px;
}

.examtime-swiper-fn .swiper-button-prev,
.heart-swiper-fn .swiper-button-prev,
.class-swiper-fn .swiper-button-prev {
	position: absolute;
	z-index: 57;
	top: calc((100%/2) - 40px);
	background: rgba(0, 0, 0, 0.5);
	left: -15px;
	width: 50px;
	height: 50px;
	border-radius: 25px;
}

.examtime-swiper-fn .swiper-button-next:hover,
.examtime-swiper-fn .swiper-button-prev:hover,
.heart-swiper-fn .swiper-button-next:hover,
.heart-swiper-fn .swiper-button-prev:hover,
.class-swiper-fn .swiper-button-next:hover,
.class-swiper-fn .swiper-button-prev:hover {
	background: rgba(0, 0, 0, 0.8);
	transition: all 0.3s;
}

.examtime-swiper-fn .swiper-button-next img,
.heart-swiper-fn .swiper-button-next img,
.class-swiper-fn .swiper-button-next img {
	position: absolute;
	z-index: 57;
	left: 15px;
	top: 12px;
	width: 50%;
}

.examtime-swiper-fn .swiper-button-prev img,
.heart-swiper-fn .swiper-button-prev img,
.class-swiper-fn .swiper-button-prev img {
	position: absolute;
	z-index: 57;
	right: 15px;
	top: 12px;
	width: 50%;
}

.heart-swiper-fn .swiper-pagination,
.class-swiper-fn .swiper-pagination {
	position: relative;
	z-index: 56;
	width: 100%;
	margin: 50px auto 0px auto;
}

.heart-swiper-fn .swiper-pagination-bullet,
.class-swiper-fn .swiper-pagination-bullet {
	width: 18px;
	height: 18px;
	text-align: center;
	line-height: 20px;
	font-size: 12px;
	opacity: 1;
	background: #fff;
	border: 2px solid #E95513;
	position: relative;
	top: 0px;
	margin: 0px 2px;
}

.heart-swiper-fn .swiper-pagination-bullet-active,
.class-swiper-fn .swiper-pagination-bullet-active {
	color: #fff;
	background: #E95513;
	border: 2px solid #fff;
}

/*學員心得*/
.stpush {
	position: relative;
}
.stpush .bestpost {
	font-family: 'Noto Sans TC';
	font-size: 1.2rem;
	color: #000;
	text-align: center;
}
.stpush .bestpost b {
	font-family: 'Noto Sans TC';
	font-weight: 900;
	color: #E95513;
	font-size: 1.8rem;
}
.heartbox{
	position: relative;
	background: #fff;
	border-radius: 15px;
	padding:20px;
	margin-top:100px;
}
.heartbox .stpic{
	position: relative;
	top:-100px;
	width:70%;
	margin:0 auto -90px auto;
	background-image:linear-gradient(to bottom, #fff 0% , #fff797 100% );
	border-radius: 500px;
	border:5px solid #E95513;
}
.heartbox .title{
	text-align: center;
	font-size:1.1rem;
	font-weight: 700;
	color:#006934;
	padding:3px 0px;
}
.heartbox .tips{
	text-align: center;
	font-size:1.3rem;
	font-weight: 700;
	color:#E95513;
	padding:3px 0px;
}
.heartbox .name{
	text-align: center;
	font-size:1rem;
	font-weight: 700;
	color:#171C61;
	padding:3px 0px;
}
.heartbox p{
	position: relative;
	text-align: justify;
	line-height: 1.8;
	font-size:0.9rem;
	padding:20px 0px 3px 0px;
}
.heartbox p::before{
	content: '“';
	position:absolute;
	top:-20px;
	left:-30px;
	display:block;
	font-size:3rem;
	color:#fca57f;
}
.heartbox p::after{
	content: '”';
	position:absolute;
	bottom:-50px;
	right:-30px;
	display:block;
	font-size:3rem;
	color:#fca57f;
}
.heartbox p b{color:#E95513;}
/*榜單*/
.kptrophy-box{
	position: relative;
	z-index: 0;
}
.kptrophy-box .container{
	position: relative;
	z-index: 3;
}
.kptrophy-left{
	position: absolute;
	z-index: 2;
	bottom:2%;
	left:-170px;
	width:80%;
}
.kptrophy-right{
	position: absolute;
	z-index: 2;
	bottom:2%;
	right:-170px;
	width:80%;
}
.action-top-txt,
.best113 {
	text-align: center;
}
.action-top-txt .txt,
.best113 .txt{
	display: inline-block;
	position: relative;
	z-index: 10;
	font-weight:700;
	font-family: 'Noto Serif TC' , 'Noto Sans TC' , 'Microsoft JhengHei' , sans-serif;
	font-size: 1.6rem;
	white-space: nowrap;
	text-decoration: none;
	background:#000;
	-webkit-background-clip: text;
/*	-webkit-text-fill-color: transparent;*/
	margin-bottom:10px;
	letter-spacing: -1px;
}
.action-top-txt .txt::after,
.best113 .txt::after{
	content: attr(data-stroke);
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: -3;
	font-size: 1.6rem;
	white-space: nowrap;
	-webkit-text-stroke: 8px #fff;
	filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.3));
	letter-spacing: -1px;
}
.action-top-txt .txt span,
.best113 .txt span{
	font-family: 'Noto Serif TC' , 'Noto Sans TC' , 'Microsoft JhengHei' , sans-serif;
	font-weight: 700;
	color:#f01f27;
}
.action-top-txt .smalll{transform: scale(0.7);margin-top:-20px;}
/*升大*/
.xj {
	position: relative;
	padding: 0px 0px 50px 0px;
	margin: 0px 0px;
}

.xj .logo {
	position: relative;
	top: -20px;
	width: 250px;
	margin-top:-20px;
}

/*留單*/
.keepfn {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

.keepfn .s1 span{
	display:block;
	text-align: center;
	font-size: 1.3rem;
	font-weight: 700;
	color: #186e39;
	background: #ffe9b7;
	border-radius: 50px;
	padding: 5px 20px;
}

.keepfn .s2 span{
	display:block;
	text-align: center;
	font-size: 1.5rem;
	font-weight: 700;
	color: #fff;
	background:#186e39;
	border-radius: 50px;
	padding: 5px 20px;
}

/*推薦主打課程*/
.class-swiper-fn .swiper-slide {
	position: relative;
	width: 60%;
}
/*LINE貼圖補手*/
.wrap .op {
	display: block;
	position: fixed;
	pointer-events: none;
	z-index: 1 !important;
	background: transparent;
	background-size: cover;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.wrap .op .image {
	position: absolute;
	width: 80px;
	height: 80px;
	opacity: 0;
	/* 初始设置透明度为0 */
	z-index: 1;
	/* 设置z-index为1，确保图像浮在最前面 */
	transition: opacity 1s ease-in-out;
	/* 添加淡入淡出过渡效果 */
}

.obback-ananimation {
	transform-origin: bottom center;
	animation: 1s obbackbmove infinite ease-in-out;
}

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

	50% {
		opacity: 0.5;
	}

	100% {
		opacity: 1;
	}
}
/*1209響亮課程效率No.1*/
.lightboxfn{
	background: #eee;
	background-image:
        linear-gradient(#ddd 1px, transparent 0),
        linear-gradient(90deg, #ddd 1px, transparent 0),
        linear-gradient(#ddd 1px, transparent 0),
        linear-gradient(90deg, #ddd 1px, transparent 0)!important;
	background-size: 15px 15px;
	border:2px solid #3d895b;
	padding:10px 20px;
	border-radius: 20px;
}
.lightboxfn .title{
	text-align: center;
	font-size:1.6rem;
	font-weight: 900;
	color: #186e39;
	margin-bottom:10px;
}
.lightboxfn .title span,
.lightboxfn .title b{
	position: relative;
	top:-2px;
	display: inline-block;
	font-size:1.2rem;
	font-weight: 600;
	background: #f5c600;
	color:#333;
	border-radius: 50px;
	padding:1px 8px 2px 8px;
	transform: skew(-8deg , -5deg);
	filter:drop-shadow(3px 3px 0px rgba(0,0,0,0.2));
	margin-right:2px;
}
.lightboxfn .title b{background: #ff7f74;}
.lightboxfn .txt{
	text-align: center;
	color:#555;
	font-size:1rem;
	line-height: 1.8;
}
.lightboxfn .push{
	text-align: center;
	display:block;
	font-size:1rem;
	font-weight: 600;
	background: #73c392;
	color:#fff;
	border-radius: 10px;
	padding:2px 0px;
	margin:5px auto;
}
.lightboxfn .type{
	font-size:1.1rem;
	font-weight: 700;
	font-style:italic;
	text-align: center;
	color:#e73828;
}
	
@media screen and (max-width:767px){
	.buarlad_head img{
	display:block;
		padding: 1;
	width:40%;
}
@media only screen and (min-width: 1200px) {
	/*公版版頭版尾*/
	.buarlad_footer {
		padding: 10px 0px 10px 0px;
	}
	

	/*選單*/
	.floatmenuu {
		position: fixed;
		z-index: 2000;
		overflow-y: auto;
		overflow-x: hidden;
		top: 40px;
		right: 0px;
		width: 30%;
	}
	.floatmenuu a {
		font-size:0.9rem;
	}
	/*版頭主標*/
	.wrap .topbanner::after{
		background-size:35%;
	}
	.wrap .topbanner .ffshow{
		filter:drop-shadow(0px 0px 15px rgba(0, 0, 0, 0.3));
	}
	.wrap .topbanner .move-item-left{
		bottom:auto;
		top:18%;
		left:15%;
		width:200px;
		height: 200px;
	}
	.wrap .topbanner .move-item-right{
		top:23%;
		right:15%;
		width:200px;
		height: 200px;
	}
	/*背景固定配色*/
	.bgcolor-2::before,
	.bgcolor-4::before{
		background-size:40%;
	}
	.bgcolor-2::after,
	.bgcolor-4::after{
		background: url(../images/web0209-bg.png) repeat-y center top;
	}
	.back-img{
		background-size:250px;
	}
	.back-img-3{
		background-size:30%;
	}
	.backendfixed::after{
		background-size:50%;
	}
	/*all統一按鈕*/
	.wrap .but a {
		width: 60%;
	}
	/*固定活動框*/
	.border-og-1{
		padding:100px 20px 20px 20px;
	}
	.border-og-1 .wll::after{
		background-size:100%;
	}
	.border-og-1 .moneybgfn::after{
		background-origin: center 0px;
		bottom:0px;
		background-size:100%;
	}
	/*活動*/
    .actionbox .actbox p{
        font-size:1rem;
    }
    .actionbox .actbox u{
        font-size:0.9rem;
    }
    .actionbox .actbox span{
        font-size:1.2rem;
    }
    .actionbox .actbox b{
        font-size:1.2rem;
    }
    .actionbox .actbox big{
        font-size:1.8rem;
    }
	.actionbox .actbox{padding:20px;}
	.actionbox .actbox .title span,
	.actionbox .actbox .title span::after {
		font-size: 2rem;
	}	
	.action-top-txt .txt,
	.stpush .best113 .txt{
		font-size: 3rem;
        letter-spacing: 3px;
	}
	.action-top-txt .txt::after,
	.stpush .best113 .txt::after{
		font-size: 3rem;
        letter-spacing: 3px;
	}
    .action-top-txt .smalll{transform: scale(0.8);margin-top:-20px;}
	/*考試推薦*/
	.examtime .examtimebox {
		margin-bottom: -10px;
	}

	.examtime .examtimebox .flpic {
		position: relative;
		bottom: 10px;
		right: auto;
		width: 60%;
		margin: 0 auto;
		background: #ffe59e;
		border-radius: 100px;
		filter: drop-shadow(3px 3px 5px rgba(0, 0, 0, 0.3));
	}

	.examtime-swiper-fn {
		position: relative;
		margin: 30px 0px 0px 0px;
	}

	.examtime-swiper-fn .swiper-container {
		width: 100%;
		margin: 60px 0px 30px 0px;
		padding: 60px 0px 30px 0px;
	}

	.examtime-swiper-fn .swiper-slide {
		position: relative;
		width: 11.5% !important;
		height: auto;
		transform: 0.5s;
		opacity: 1 !important;
		margin: 0 auto;
	}

	.examtime-swiper-fn .swiper-slide-active {
		z-index: 1;
		opacity: 1 !important;
		transform-origin: center center;
		transform: scale(1) !important;
		margin: 0 auto;
	}

	.examtime-swiper-fn .swiper-slide-prev {
		z-index: 1;
		opacity: 1;
		transform: 0.5s;
	}

	.examtime-swiper-fn .swiper-slide-next {
		z-index: 1;
		opacity: 1;
		transform: 0.5s;
	}

	/*all標題*/
	.chts2 .title .chts2-txt{
		font-size: 3rem;
	}
	.chts2 .title .chts2-txt::after{
		font-size: 3rem;
	}
	.chts2 .title::after{
		left:10%;
		width:80%;
		height:300px;
	}
	.chts2 .title.ww50-75{width:50%;}
	.chts2 .title.ww75-100{width:65%;}
	.chts2 .title .left{
		position: absolute;
		z-index: 11;
		width:200px;
		top:-50px;
		left:-30px;
		filter:drop-shadow(0px 0px 5px rgba(255, 255, 255, 0.4));
	}
	.chts2 .title .right{
		position: absolute;
		z-index: 11;
		width:120px;
		top:-50px;
		right:30px;
		filter:drop-shadow(0px 5px 5px rgba(0,0,0,0.3));
	}
	.chts2.h100{
		margin-top:50px;
	}
	
	/*學員心得*/
	.heartbox .title{
		font-size:1.3rem;
	}
	.stpush .aabox .name {
		font-size: 1.15rem;
	}

	.stpush .bestpost {
		font-size: 1.8rem;
	}

	.stpush .bestpost b {
		font-size: 2.3rem;
	}
	
	/*榜單*/
	.kptrophy-left{
		bottom:0%;
		left:-200px;
		width:40%;
	}
	.kptrophy-right{
		bottom:0%;
		right:-200px;
		width:40%;
	}
	/*升大*/

}