/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap');
/* font-family: 'Noto Sans TC', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Teko:wght@300;400;500;600;700&display=swap');
/* font-family: 'Teko', sans-serif; */
@import url('../js/fontawesome/css/all.min.css');

/*==【基本設定】==*/
body {
	font: 18px/1.331 Arial, 'Noto Sans TC', '微軟正黑體', sans-serif;
	overflow-x: hidden;
	letter-spacing: 0.15em;
	font-weight: 400;
	line-height: 1.5;
	color: #606060;
}

* {
	box-sizing: border-box;
}

button,
input,
textarea {
	outline: none;
	border: 0;
	font-family: 'Noto Sans TC', sans-serif;
	letter-spacing: 3px;
}

.title {
	margin: 0;
	padding: 0;
	font-size: 15px;
	line-height: 1.4;
	letter-spacing: 5px;
}

ul.ulli,
.ulli>ul,
.ulli>ul>li {
	margin: 0;
	padding: 0;
	list-style: none;
}

.xxx {
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
}

.mnav>ul>li>a:after,
.mnav>ul>li>a:hover::after,
.masonrybox li *,
.masonrybox li.hv *,
.list-wrapper em::after,
.list-wrapper ul li a:hover em::after,
.btn02 {
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	-o-transition: all .35s ease-in-out;
	-ms-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
}


.inbox {
	width: 1350px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}

#header {
	z-index: 30;
	position: fixed;
	left: 0;
	top: 15px;
	width: 100%;
	text-align: center;
	padding-right: 225px;
}

#header h2.title,
.mnav,
.mbctrl {
	background: #fff;
	height: 60px;
	border-radius: 50px;
	padding: 6px 30px 0;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.mnav {
	padding: 5px 30px 0;
}

/* Logo */
#header h2.title {
	display: inline;
	float: left;
	border-radius: 0 50px 50px 0;
	padding-left: 30px;
}

.logo {
	display: block;
	width: 150px;
	height: 45px;
	background: url('../images/header/logo.svg') no-repeat left;
	background-size: contain;
	margin-top: 1px;
}

.logo img {
	width: 100%;
}

/* 主選單 */
.mnav {
	text-align: center;
	display: inline-block;
}

.mnav>ul>li {
	display: inline;
	float: left;
	font-size: 19px;
	position: relative
}

.mnav>ul>li>a {
	display: block;
	padding: 12px 15px 15px;
	color: #2F375B;
	position: relative;
}

.mnav>ul>li>a:after {
	content: '';
	opacity: 0;
	position: absolute;
	left: 0;
	bottom: 5px;
	width: 100%;
	height: 4px;
	background: #efefef;
}

.mnav>ul>li a:hover::after,
.mnav>ul>li.on a::after {
	width: 100%;
	opacity: 1;
	bottom: 0;
}

.mnav>ul>li:nth-of-type(even) a:hover,
.mnav>ul>li:nth-of-type(even).on>a {
	color: #F6C555;
}

.mnav>ul>li:nth-of-type(even) a:hover::after,
.mnav>ul>li:nth-of-type(even).on a::after {
	background: #F6C555;
}

.mnav>ul>li:nth-of-type(odd) a:hover,
.mnav>ul>li:nth-of-type(odd).on>a {
	color: #479DB6;
}

.mnav>ul>li:nth-of-type(odd) a:hover::after,
.mnav>ul>li:nth-of-type(odd).on a::after {
	background: #479DB6;
}

.subnav {
	visibility: hidden;
	z-index: -1;
	opacity: 0;
	position: absolute;
	top: 100%;
	left: 50%;
	padding: 10px 0 0;
	width: 200px;
	margin-left: -100px;
	font-size: 16px;
}

.subnav:before {
	content: '';
	position: absolute;
	left: 50%;
	top: -5px;
	width: 10px;
	height: 10px;
	margin-left: -5px;
	background: #fff;
	border-radius: 50%;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.subnav ul {
	background: #fff;
	padding: 10px;
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}

.subnav li a {
	display: block;
	padding: 8px 0;
	color: #666;
}

.subnav li em {
	display: block;
}

.subnav,
.hv .subnav {
	-webkit-transition: all .35s ease-in-out;
	-moz-transition: all .35s ease-in-out;
	transition: all .35s ease-in-out;
}

.subnav:before,
.hv .subnav:before {
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
}

.hv .subnav {
	visibility: visible;
	z-index: 2;
	opacity: 1;
	padding: 20px 0 0;
}

.hv .subnav:before {
	top: 5px;
}

/* 會員*/
.mbctrl {
	position: absolute;
	top: 0;
	right: 0;
	border-radius: 50px 0 0 50px;
	padding-right: 30px;
}

.mb-login,
.mbnav,
.mbbtn {
	display: inline;
	float: left;
}

.mb-login a {
	color: #2F375B;
	display: block;
	padding: 12px 5px 15px;
}

.mb-icon {
	display: none;
}

.mbnav {
	padding: 0 0 10px;
}

.mbnav li.logout a {
	color: #999;
}

.mbnav li a:hover {
	color: #F6C555;
}

.mbimg {
	display: block;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	overflow: hidden;
	border: 2px solid #F6C555;
}

.mbbtn {
	margin: 6px 0 0 15px;
}

.mbbtn .sbtn {
	display: block;
	padding: 10px 15px;
	background: #479DB6;
	color: #fff;
	line-height: 1;
	border-radius: 10px;
}

.mbnav .subnav {
	left: 24%;
}

.on01 a {
	color: #479DB6 !important;
}

.on02 a {
	color: #F6C555 !important;
}

#content {
	z-index: 10;
}

#content .inbox {
	padding: 30px 0;
}

.l {
	display: inline;
	float: left;
}

.r {
	display: inline;
	float: right;
}

/* Btn */
.btn {
	font-size: 20px;
	padding: 12px 20px;
	border-radius: 50px;
	min-width: 255px;
	display: inline-block;
	letter-spacing: 4px;
	text-align: center;
	margin: 0 10px;
}

.btn01 {
	background: #F6C555;
	color: #fff;
	border: 2px #F6C555 solid;
}

.btn:hover {
	animation: popBtn 0.45s ease-in-out;
}

.btn-wrapper {
	margin-top: 40px;
	text-align: center;
}

.btn02 {
	border-radius: 50px;
	background: #99C5D0;
	border: 0;
	padding: 8px 30px;
	letter-spacing: 4px;
}

.btn02:hover {
	background: #2F375B;
}

.btn-wrapper.single {
	text-align: center;
}

.btn-wrapper.confirm {
	margin: 20px;
	padding-top: 30px;
	border-top: 1px #e4e4e4 solid;
}

.btn03 {
	border: 2px #999 solid;
	color: #999;
	background: #fff;
}

.btn-add {
	width: 230px;
	display: block;
	padding: 10px 25px;
	background: #99C5D0;
	border-radius: 40px;
	margin: 0 auto;
	color: #fff !important;
}

/* Banner */
.bnrbox {
	margin: 0 50px;
	position: relative;
	border-radius: 0 0 100px 100px;
	overflow: hidden;
	height: 91vh;
}

.bnrbox img {
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -910px;
}

.bnrtxt {
	position: absolute;
	left: 0;
	right: 0;
	top: 32%;
	text-align: center;
	padding: 80px;
	opacity: 0;
}

.bnrtxt p {
	font-size: 65px;
	color: #fff;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	padding: 0 0 80px;
}

/* BOX01 */
.box01 {
	padding: 80px 0 20px;
}

.box01 .box_hd {
	margin: 0 60px 50px;
	position: relative;
	background: #479DB6;
	text-align: center;
	border-radius: 50px;
	padding: 12px;
}

.box01 .box_hd:before {
	content: '';
	position: absolute;
	left: 50%;
	top: -25px;
	margin-left: -22px;
	background: url(../images/content/icon_hd.svg);
	width: 45px;
	height: 45px;
}

.box01 .box_hd h2.title {
	display: inline-block;
	position: relative;
	font-size: 25px;
	color: #fff;
	padding: 10px 50px 0;
	letter-spacing: 5px;
	min-width: 420px;
	font-weight: 500;
}

.box01 .box_hd h2.title:before,
.box01 .box_hd h2.title:after {
	content: '';
	position: absolute;
	top: 50%;
	margin-top: -4px;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #fff;
}

.box01 .box_hd h2.title:before {
	left: 0;
}

.box01 .box_hd h2.title:after {
	right: 0;
}

.box01 .box_bd {
	min-height: 200px;
}

/* 活動 */
.flip {
	position: relative;
}

.flip .front,
.flip .back {
	border-radius: 20px;
	overflow: hidden;
	display: block;
	transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);
	transition-duration: 1s;
	transition-property: transform, opacity;
}

.flip .front {
	transform: rotateY(0deg);
	border: 7px solid #99C5D0;
	cursor: pointer;
	z-index: 2;
	position: relative;
	height: 375px;
}

.flip .front img {
	/* height: 100%; */
	width: 100%;
}

.flip .front p,
.link-box p {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 15px 10px;
	background: #fff;
	text-align: center;
	font-size: 20px;
	color: #479DB6;
}

.flip .back {
	position: absolute;
	opacity: 0;
	top: 0px;
	left: 0px;
	background: #479DB6;
	color: #fff;
	width: 100%;
	height: 100%;
	padding: 25px 20px 70px;
	transform: rotateY(-180deg);
	border: 7px solid #F6C555;
	z-index: 1;
}

.flip .back p {
	padding: 5px 0;
}

.flip .back p b {
	display: block;
}

.flip .back .btn {
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: 15px;
	background: #fff;
	color: #479DB6;
	border: 2px #fff solid;
}

.flip.on .front {
	transform: rotateY(180deg);
	z-index: 1;
}

.flip.on .back {
	opacity: 1;
	transform: rotateY(0deg);
	z-index: 2;
}

/* 頁籤 */
.tablist {
	text-align: center;
	padding: 0 0 25px;
}

.tablist li {
	display: inline-block;
	margin: 5px;
}

.tablist li a {
	display: block;
	padding: 5px 30px;
	letter-spacing: 4px;
	text-align: center;
	color: #2F375B;
	font-size: 19px;
	border: 3px solid #fff;
	border-radius: 50px;
	font-weight: 500;
	position: relative;
}

.tablist li a:after {
	display: none;
	content: '';
	position: absolute;
	left: 50%;
	top: 100%;
	width: 10px;
	height: 10px;
	background: #F6C555;
	margin: 15px 0 0 -5px;
	border-radius: 50%;
}

.tablist li.on a {
	border-color: #F6C555;
	color: #479DB6;
}

.tablist li.on a:after {
	display: block;
}

.tab_bd {
	border: 3px solid #F6C555;
	padding: 25px;
	border-radius: 10px;
}

.tabcont {
	display: none;
}

/* 最新消息 */
.list01 {
	font-size: 18px;
}

.list01 li a {
	position: relative;
	padding: 8px 20px 8px 170px;
	display: block;
	color: #666;
	border-bottom: 1px solid #ddd;
	margin: 10px 0;
}

.list01 li a em {
	position: absolute;
	left: 10px;
	top: 8px;
}

.list01 li a:after {
	content: '';
	position: absolute;
	right: 10px;
	top: 10px;
	background: url(../images/content/icon_arr.png) no-repeat scroll -20px center;
	width: 20px;
	height: 20px;
}

.list01 li a:hover {
	color: #479DB6;
	border-color: #479DB6;
}

.list01 li a:hover::after {
	background-position: 0 center;
}

/* 創創中心 */
.masonrybox li {
	position: relative;
	margin: 0 0 20px;
	height: 265px;
}

.masonrybox li {
	border: 7px solid #99C5D0;
	border-radius: 10px;
	overflow: hidden;
}

.masonrybox li .igbox {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: no-repeat scroll center;
}

.masonrybox li .igtxt {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	padding: 15px;
	color: #fff;
	text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.masonrybox li .igtxt h3.title {
	font-size: 26px;
	padding: 0 70px 10px 0;
	position: relative;
	text-shadow: 5px 5px 5px rgba(0, 0, 0, 0.2);
}

.masonrybox li .igtxt h3.title:after {
	content: '';
	position: absolute;
	right: 0;
	top: 5px;
	background: url(../images/content/icon_arr_title.svg) no-repeat scroll center;
	width: 50px;
	height: 30px;
}

.masonrybox li .igtxt p {
	opacity: 0;
}

.masonrybox li.hv .igtxt {
	bottom: 0 !important;
}

.masonrybox li.hv .igtxt p {
	opacity: 1;
}

.masonrylist {
	counter-reset: item-counter;
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
}

.masonrylist li {
	box-sizing: border-box;
	-webkit-column-break-inside: avoid;
	-moz-column-break-inside: avoid;
	break-inside: avoid;
	padding: 10px;
	counter-increment: item-counter;
}

.masonrylist li:nth-of-type(1),
.masonrylist li:nth-of-type(4),
.masonrylist li:nth-of-type(5) {
	height: 390px;
}

.masonrylist li:nth-of-type(2),
.masonrylist li:nth-of-type(3),
.masonrylist li:nth-of-type(6) {
	height: 265px;
	border-color: #F6C555;
}

.masonrylist li:last-child {
	width: 100%;
	break-inside: auto;
	counter-increment: none;
}

/*-- Outbox --*/
.outbox {
	position: relative;
	margin: 50px 0 0;
}

.outbox:after {
	content: '';
	position: absolute;
	width: 100%;
	height: 88%;
	left: 0;
	top: 0;
	z-index: -1;
	background: #99C5D0;
	transform: skewY(-2deg);
}

.bg_point:before,
.bg_point:after {
	content: '';
	position: absolute;
	background: url(../images/content/bg_point.svg) repeat scroll left top;
	width: 190px;
	height: 290px;
}

.bg_point:before {
	left: 10px;
	bottom: 9%;
}

.bg_point:after {
	right: 0;
	top: 0;
}

.white.outbox::after {
	background: #fff;
}

.white.outbox .bg_point:before,
.white.outbox .bg_point:after {
	background: url(../images/content/bg_point_b.svg) repeat scroll left top;
}


.white.outbox .bg_point:before {
	top: 3%;
	bottom: 0;
}

.white.outbox .bg_point:after {
	top: 60%;
}

/*-- box02 --*/
.box02 {
	background: #FEF9ED;
	padding: 50px;
	border: 4px dashed #F6C555;
	border-radius: 30px;
	position: relative;
}

.box02:after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 10px;
	left: 10px;
	border: 4px solid #2F375B;
	border-radius: 30px;
	z-index: -1;
}

.box02 .box_hd {
	text-align: center;
}

.box02 .box_hd h2.title {
	color: #479DB6;
	font-size: 27px;
	font-weight: 500;
	line-height: 1.5;
}

.box02 .box_hd h2.title img {
	margin: 0 0 20px;
}

.box02 .box_hd h2.title p i {
	display: inline-block;
	width: 1px;
	height: 20px;
	margin: 0 20px;
	border-left: 1px solid #479DB6;
}

.box02 .box_hd h2.title em {
	font-size: 34px;
	font-family: 'Teko', sans-serif;
	letter-spacing: 2.5px;
}

.box02 blockquote {
	text-align: center;
	color: #2F375B;
	font-size: 24px;
	line-height: 1.2;
}

.box02 blockquote p {
	display: inline-block;
	position: relative;
	margin: 3px auto;
	padding: 0 10px;
}

.box02 blockquote p b {
	position: relative;
	z-index: 1;
}

.box02 blockquote p:after {
	content: '';
	position: absolute;
	left: 0;
	top: 13px;
	bottom: 0;
	width: 100%;
	background: #F6C555;
}

.box02 .Txt {
	width: 80%;
	margin: 0 auto 20px;
}

.btntxt {
	display: block;
	width: 350px;
	margin: 0 auto;
	position: relative;
	text-align: center;
	padding: 20px 0 0;
}

.btntxt p {
	display: inline-block;
	position: relative;
	padding: 0 35px 5px;
	color: #285962;
}

.btntxt p:before,
.btntxt p:after {
	content: '';
	position: absolute;
	top: 0;
	width: 2px;
	height: 25px;
	background: #285962;
}

.btntxt p:before {
	left: 10px;
	-moz-transform: rotate(-40deg);
	-webkit-transform: rotate(-40deg);
	transform: rotate(-40deg);
}

.btntxt p:after {
	right: 10px;
	-moz-transform: rotate(40deg);
	-webkit-transform: rotate(40deg);
	transform: rotate(40deg);
}

.btntxt .btn {
	width: 100%;
}

/* 數據 */
.listdata {
	text-align: center;
}

.listdata li {
	display: inline-block;
	width: 350px;
	height: 350px;
	border-radius: 50%;
	background: #ECF5F8;
	border: 5px solid #479DB6;
	text-align: center;
	padding: 30px 20px;
	font-size: 22px;
	line-height: 1;
}

.listdata li .dataimg {
	width: 100%;
	padding-top: 10%;
}

.listdata li em {
	display: block;
	font-size: 60px;
	padding: 30px 0;
	color: #479DB6;
	font-family: 'Teko', sans-serif;
}

.listdata li:nth-of-type(even) {
	background: #FEF9ED;
	border-color: #F6C555;
	margin: 0 8%;
}

.listdata li:nth-of-type(even) em {
	color: #F6C555;
}

/* 新創團隊 */
.list02 .igtxtbox {
	background: #fff;
	border: 5px solid #99C5D0;
	border-radius: 10px;
	padding: 5px;
	margin: 10px 0;
	height: 290px;
}

.list02 .igbox {
	text-align: center;
	height: 150px;
}

.list02 .igbox img {
	max-width: 100%;
}

.list02 .igtxt {
	padding: 15px;
	text-align: justify;
	margin-top: 10px;
}

.list02 .igtxt p {
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	color: #606060;
}

.list02 .owl-dots {
	display: none;
}

/* 特色導師 */
.list03 .igtxtbox {
	text-align: center;
}

.list03 .igbox {
	width: 200px;
	height: 200px;
	border-radius: 50%;
	overflow: hidden;
	margin: 0 auto;
	border: 5px solid #F6C555;
}

.list03 .igbox img {
	width: 100%;
}

.list03 .igtxt {
	padding: 20px 0 0;
	font-size: 16px;
}

.list03 .igtxt b {
	display: inline-block;
	background: #479DB6;
	color: #fff;
	font-size: 17px;
	min-width: 225px;
	padding: 10px 20px;
	border-radius: 50px;
	margin: 0 0 10px;
	letter-spacing: 3px;
	font-weight: 400;
}

.list03 a {
	color: #333;
}

/* Plugin Owl */
.owl-carousel .owl-item img {
	/* width: auto !important;
	max-width: 100%; */
	display: inline-block !important;
}

.owl-dots {
	text-align: center;
	-webkit-tap-highlight-color: transparent;
	padding: 20px 0 0;
}

.owl-dots .owl-dot {
	display: inline-block;
}

.owl-dots .owl-dot span {
	width: 15px;
	height: 15px;
	margin: 3px 5px;
	background: #99C5D0;
	display: block;
	-webkit-backface-visibility: visible;
	border-radius: 4px;
	opacity: 0.3;
}

.owl-dots .owl-dot.active span {
	opacity: 1;
}


/*-- Owl03 --*/
.owl-carousel.owl03 .owl-stage-outer {
	border-radius: 15px;
}

/* 內頁 */
/* Top Banner */
.inbnrbox {
	height: 330px;
}

.breadcrumbs {
	position: absolute;
	z-index: 2;
	left: 0;
	bottom: 10px;
	width: 100%;
	text-align: center;
}

.breadcrumbs a {
	color: #fff;
	text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2);
}

.breadcrumbs i {
	display: inline-block;
	width: 1px;
	height: 12px;
	background: #fff;
	margin: 0 10px;
}

/*-- Box03 --*/
.box03 .box_hd {
	text-align: center;
	width: 75%;
	border-bottom: 2px #479DB6 solid;
	margin: 0 auto 60px;
	position: relative;
}

.box03 .box_hd::before {
	content: '';
	display: block;
	width: 40px;
	height: 55px;
	background: url('../images/content/icon_page_tit.svg') no-repeat;
	background-size: contain;
	position: absolute;
	bottom: 0;
	left: 30px;
}

.box03 .box_hd h2.title {
	font-size: 28px;
	color: #2F375B;
	padding: 0 85px 5px 85px;
}

.box03 .box_hd,
.box03 .box_bd {
	opacity: 0;
}

.box03 .lbox {
	display: inline;
	float: left;
	width: 18%;
}

.box03 .rbox {
	display: inline;
	float: right;
	width: 82%;
	border-left: 2px #F6C555 solid;
	padding-left: 25px;
}

/*-- News List --*/
.page-sort {
	padding: 15px 0;
	text-align: center;
}

.page-sort ul li {
	display: block;
	margin: 10px 0;
}

.page-sort ul li a {
	width: 85%;
	display: block;
	padding: 5px 15px;
	text-align: center;
	color: #2F375B;
	font-size: 19px;
	border: 3px solid #fff;
	border-radius: 50px;
	font-weight: 500;
	position: relative;
}

.page-sort ul li a::after {
	display: none;
	content: '';
	position: absolute;
	top: 50%;
	left: 103%;
	margin: -5px 0 0 0;
	width: 10px;
	height: 10px;
	background: #F6C555;
	border-radius: 50%;
}

.page-sort.news li a::after {
	top: 50%;
	left: 108%;
	margin: -5px 0 0 0;
}

.page-sort li.on a {
	background: #F6C555;
}

.page-sort ul li.on a::after {
	display: block;
}

.list-wrapper {
	margin-bottom: 40px;
}

.list-wrapper ul li a {
	position: relative;
	padding: 9px 0;
	border-radius: 50px;
	border: 3px #99C5D0 solid;
	margin-bottom: 15px;
	display: flex;
	display: -webkit-flex;
	justify-content: center;
	align-items: center;
}

.list-wrapper ul li a,
.list-wrapper ul li:nth-child(1) em {
	color: #7f7f7f;
}

.list-wrapper em,
.list-wrapper .sort,
.list-wrapper .news-tit {
	display: inline;
	float: left;
	text-align: center;
	width: 15%;
}

.list-wrapper em {
	color: #fff;
}

.list-wrapper .sort {
	position: relative;
}

.list-wrapper em::after,
.list-wrapper .sort::after {
	content: '';
	display: block;
	position: absolute;
}

.list-wrapper em::after {
	width: 15%;
	bottom: 0;
	top: 0;
	left: 0;
	background: #99C5D0;
	border-radius: 35px 0 0 35px;
	z-index: -1;
}

.list-wrapper .sort::after {
	width: 1px;
	height: 16px;
	background: #7f7f7f;
	right: 0;
	top: 50%;
	margin-top: -8px;
}

.list-wrapper .news-tit {
	width: 70%;
	text-align: left;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	max-height: 55px;
	padding: 0 20px;
}

.list-wrapper ul li:nth-child(1) {
	border: none;
	padding: 0;
	margin-bottom: 10px;
	font-size: 16px;
}

.list-wrapper ul li:nth-child(1) em::after,
.list-wrapper ul li:nth-child(1) .sort::after {
	content: none;
}

.list-wrapper ul li:nth-child(1) .news-tit {
	text-align: center;
}

.list-wrapper ul li a:hover {
	border: 3px #2F375B solid;
}

.list-wrapper ul li a:hover em::after {
	background: #2F375B;
}

/*-- Page List -*/
.pagerlist {
	padding-top: 10px;
	text-align: center;
}

.page-item.first,
.page-item.last {
	display: none;
}

.page-item {
	display: inline-block;
}

.page-link {
	position: relative;
	float: left;
	color: #999;
	padding: 0 10px;
	display: inline-block;
	text-decoration: none;
}

.page-item.next,
.page-item.prev {
	position: relative;
	width: 50px;
	margin: 0 5px;
}

.page-item.next .page-link,
.page-item.prev .page-link {
	color: #479DB6;
	text-indent: -9999px;
	width: 100%;
	padding: 0;
	font-size: 17px;
	transform: translateX(0px);
	-webkit-transform: translateX(0px);
	transition: all 0.15s ease-in-out;
	position: relative;
}


.page-item.next .page-link::after,
.page-item.prev .page-link::after {
	content: '';
	display: block;
	width: 36px;
	height: 10px;
	background: url('../images/content/icon_arr_b.svg') no-repeat;
	background-size: contain;
	transition: all 0.15s ease-in-out;
	position: absolute;
	top: 50%;
	margin-top: -7px;
}

.page-item.prev:hover .page-link {
	transform: translateX(-5px);
	-webkit-transform: translateX(-5px);
	transition: all 0.15s ease-in-out;
}

.page-item.next:hover .page-link {
	transform: translateX(5px);
	-webkit-transform: translateX(5px);
	transition: all 0.15s ease-in-out;
}

.page-item.prev .page-link::after {
	right: 0;
	transform: rotate(180deg);
}


.page-item.next .page-link::after {
	left: 0;
}

.page-item.active .page-link,
.page-item.active .page-link:focus,
.page-item.active .page-link:hover {
	color: #479DB6;
	font-size: 20px;
}

/*-- Editor --*/
.editor,
.login {
	background: #fff;
	padding: 40px;
	border: 4px dashed #479DB6;
	border-radius: 30px;
	position: relative;
	margin-bottom: 50px;
}

.editor::after,
.login::after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 15px;
	left: 15px;
	background: #2F375B;
	border-radius: 30px;
	z-index: -1;
}

.edit-hd {
	margin-bottom: 20px;
	padding: 0 15px 5px;
	border-bottom: 1px #e4e4e4 solid;
}

.edit-hd h3.title {
	margin: 0;
	font-size: 25px;
	color: #479DB6;
}

.edit-hd em {
	font-size: 16px;
	color: #999;
	display: block;
	margin-bottom: 5px;
}

.edit-hd i {
	margin-right: 10px;
}

.info-box {
	margin: 10px auto;
	padding: 10px 10px;
	background: #f8f8f8;
	border-left: 5px #F6C555 solid;
	font-size: 17px;
}

.info-box p {
	padding: 3px 0;
}

.info-box.red {
	border-left: 5px #D35F61 solid;
}

.editor .Txt {
	line-height: 1.7;
}

.editor .Txt h1 {
	color: #2F375B;
	font-size: 24px;
	border-bottom: 2px #2F375B solid;
	padding: 0 15px;
	margin: 30px 0 10px;
}

.editor .Txt h2 {
	font-size: 22px;
}

.editor .Txt a {
	color: #479DB6 !important;
}

.editor .Txt table {
	margin: 20px 0;
}

.editor .Txt table,
.editor .Txt table th,
.editor .Txt table td {
	border: 1px #999 solid;
}

.editor .Txt table th,
.editor .Txt table td {
	padding: 5px 10px;
}

.editor .Txt table th {
	background-color: #ececec;
	border: 1px #999 solid;
	text-align: center;
	vertical-align: top;
	color: #2F375B;
}

.edit-bd {
	padding: 0 25px 40px;
	text-align: justify;
	text-justify: auto;
}

.edit-bd .wrapper {
	padding: 50px 0;
}

/*-- 多分類多篇文章 --*/
.box03.page .rbox {
	border: 0;
	padding: 0;
}

.hashtag {
	padding: 0 15px 15px 45px;
	position: relative;
}

.hashtag i {
	position: absolute;
	top: 3px;
	left: 15px;
	color: #999;
}

.hashtag a {
	color: #999;
	text-decoration: underline;
	padding: 5px;
}

/*-- Hashtag Page --*/
.box03 .box_hd01 {
	text-align: left;
	position: relative;
}

.hashtag-nb {
	position: absolute;
	bottom: 0;
	right: 15px;
	font-size: 16px;
}

/*-- Block List Page --*/
.link {
	margin-bottom: 30px;
}

.link ul li {
	display: inline;
	float: left;
	width: 33.333%;
	padding: 15px 1%;
}

.link-box {
	display: block;
	height: 470px;
	border-radius: 20px;
	border: 5px solid #99C5D0;
	overflow: hidden;
	position: relative;
}

.link-box img {
	width: 100%;
}

.link-box p {
	padding: 10px;
}

/*-- Circle Block List --*/
.link-box.circle {
	border: 0;
	border-radius: 0;
	padding: 20px 1%;
}

.circle .circle-img {
	max-width: 325px;
	max-height: 325px;
	border-radius: 50%;
	border: 6px solid #F6C555;
	margin: 0 auto;
	overflow: hidden;
}

.circle .circle-img img {
	width: 100%;
}

.circle p {
	color: #fff;
	background: #479DB6;
	padding: 8px 10px;
	border-radius: 50px;
	width: 90%;
	margin: 15px auto 0;
	position: static;
}

/*-- Form --*/
.form-box {
	padding: 0 3% 15px;
	font-size: 17px;
}

.fbar {
	position: relative;
	padding: 5px 0 5px 270px;
}

.fbar b {
	width: 230px;
	position: absolute;
	top: 10px;
	left: 0;
	font-weight: 400;
	padding: 5px 0;
}

.ratype,
.cktype {
	display: inline-block;
	margin: 3px 0;
	padding: 5px 10px;
}

.ratype span,
.cktype span {
	position: relative;
	display: inline-block;
	width: 22px;
	height: 22px;
	background: rgba(250, 250, 250, .25);
	border: 1px solid #c1c1c1;
	vertical-align: top;
	margin: 0 3px 0 0;
}

.ratype input,
.ratype input:disabled,
.cktype input,
.cktype input:disabled {
	position: absolute;
	opacity: 0;
}

.ratype span:after,
.cktype span:after {
	content: "";
	position: absolute;
	top: 3px;
	right: 3px;
	bottom: 3px;
	left: 3px;
	background-color: #fff;
	opacity: 0;
	-webkit-transition: all .15s ease-out;
	transition: all .15s ease-out;
	-webkit-transform: scale(.5);
	transform: scale(.5);
}

.ratype span,
.ratype span:after {
	border-radius: 50%;
}

.ratype input:checked+span:after,
.cktype input:checked+span:after {
	background: #99C5D0;
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.ratype i,
.cktype i {
	font-style: normal;
}

.download {
	border: 2px #999 solid;
	display: inline-block;
	padding: 5px 15px;
	border-radius: 20px;
	margin: 3px 0;
	text-align: center;
	font-size: 16px;
}

.download {
	width: 130px;
}

.download {
	display: inline-block;
	background: transparent;
	color: #606060;
}

.tl,
.sel,
.tarea {
	width: 530px;
	padding: 5px 10px;
	border: 2px #e4e4e4 solid;
	border-radius: 5px;
	color: #606060;
	margin: 3px 0;
	letter-spacing: 1px;
	display: inline-block;
}

.cktype.other,
.ratype.other {
	padding-right: 0;
}

.tl.other {
	width: 250px;
}

.fbar.opt-agree {
	padding: 20px 0 5px;
	text-align: center;
}

.fancy {
	color: #479DB6;
}

.f-wrapper {
	display: block;
	margin: 3px 0;
}

.fbar p {
	margin: 3px 0;
	padding: 5px 0;
}

.mbox {
	padding: 60px 0 20px;
}

.upload {
	color: #666;
}

.fbar01 {
	padding: 10px 0 10px 270px;
}

/*-- Table Style --*/
.form-box h3.title,
.edit-bd h3.title {
	font-size: 20px;
	text-align: center;
	margin: 5px 0 15px;
	font-weight:500;
}

.tb {
	width: 100%;
	margin: 20px 0 30px;
	text-align: center;
}

.tb .tl {
	width: 110px;
	margin: 3px 5px;
}

.tb td {
	border-top: 1px #cecece solid;
	border-bottom: 1px #cecece solid;
	padding: 8px;
}

.tb th {
	color: #606060;
	border-bottom: 2px #999 solid;
	text-align: center;
	font-weight:500;
}

.tb tr:nth-child(odd) td {
	background: #f6f6f6;
}

.tb tr:nth-last-child(1) td {
	border-bottom: 2px #999 solid;
}

.tb01 tr:nth-last-child(1) td {
	background: #fff;
	border-bottom: 2px #999 solid;
	border-bottom: 0;
}

.tb-del {
	background: transparent;
	color: #999;
	font-size: 20px;
}

/*-- Fancybox-Agree --*/
.agree,
.addbox {
	width: 60%;
	padding: 20px 2%;
	line-height: 1.5;
	letter-spacing: 2px;
	background: #fff;
	border-radius: 30px;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);
	display: none;
}

.agree-hd {
	color: #479DB6;
	font-size: 22px;
	padding: 0 10px 10px;
	border-bottom: 1px #cecece solid;
	position: relative;
}

.agree-hd .tit {
	margin: 0;
}

.cont-scorll {
	width: 100%;
	height: 50vh;
	overflow: auto;
}

.agree .Txt {
	padding: 10px;
}

.cont-scorll .Txt h3 {
	color: #707070;
	border-bottom: 1px #707070 solid;
	padding-bottom: 0;
}

.agree .fancybox-close-small,
.addbox .fancybox-close-small {
	right: 45px !important;
	top: 35px !important;
	width: 50px;
	height: 50px;
	color: #479DB6 !important;
	padding: 5px !important;
	opacity: 1;
}

.dnt {
	width: 247px;
	position: relative;
}

.addbox {
	width: 700px;
}

.addbox .form-box {
	padding: 35px 0 0 0;
}

.addbox .fbar {
	width: 90%;
	margin: 0 auto;
	padding: 5px 0 5px 150px;
}

.addbox .fbar b {
	width: 150px;
}

.addbox .tl {
	width: 100%;
}

/*-- DataTable --*/
table.dtTable tbody tr.even {
	background-color: #fff !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
	background: #99C5D0 !important;
	border-radius: 30px;
}

table.dtTable thead th {
	font-size: 17px;
}

table.dtTable .sign {
	opacity: 0.5;
}

table.dtTable .dt-link {
	display: inline-block;
	padding: 3px 20px;
	border-radius: 20px;
	text-decoration: none;
}

table.dtTable .dt-link:hover {
	color: #606060;
	opacity: 0.65;
}

table.dtTable .dt-link01 {
	border: 2px #999 solid;
	color: #606060;
}

table.dtTable .dt-link02 {
	color: #fff;
	background: #479DB6;
	border: 2px #479DB6 solid;
}

table.dtTable .dt-link02:hover {
	color: #fff;
}

.tb-wrapper input {
	outline-color: #479DB6 !important;
}

.tb-wrapper {
	padding-bottom: 90px;
	position: relative;
}

.tag {
	font-size: 13px;
	display: block;
}

.tag01 {
	color: #e05348;
}

.tag02 {
	color: #86bf34;
}

table.dtTable a {
	text-decoration: underline;
	color: #2F375B;
}

.btn-export {
	border-radius: 20px;
	color: #fff;
	background: #479DB6;
	border: 2px #479DB6 solid;
	padding: 4px 25px 2px;
	position: absolute;
	top: 12px;
	right: 5px;
	font-size: 17px;
	z-index: 50;
}

.btn-export:hover {
	opacity: 0.65;
}

.host .dataTables_filter {
	margin-right: 120px;
}

/*-- 確認彈跳 --*/
.pop-confirm,
.pop-confirm .fancybox-close-small {
	display: none;
}

.pop-confirm{
	border-radius: 10px;
}

.pop-confirm p {
	text-align: center;
	margin-bottom: 25px;
}

.pop-confirm .btn {
	font-size: 17px;
	padding: 5px 10px 7px;
	min-width: 130px;
}

.pop-confirm .btn:hover {
	animation: none;
}

/*-- 活動紀錄 --*/
.tit-wrapper {
	padding: 25px 0 15px;
}

.tit-wrapper .titbox {
	width: 100%;
}

.edit-bd .wrapper .tb {
	margin: 0;
}

.edit-bd h3.title {
	color: #2F375B;
	margin-bottom: 20px;
}

/*-- Time-picker --*/
.ui-datepicker .ui-state-active,
.ui-datepicker .ui-state-active:hover {
	background: #F6C555;
}

.ui-datepicker {
	width: 280px !important;
}

.ui-datepicker table {
	font-size: 15px !important;
}

.ui-datepicker td span,
.ui-datepicker td a {
	padding: 7px 5px !important;
}

.ui-timepicker-div.ui-timepicker-oneLine dl {
	margin: 5px 0;
}

.ui-timepicker-div.ui-timepicker-oneLine .ui_tpicker_time_label {
	display: none !important;
}

.ui-datepicker .ui-datepicker-buttonpane button,
.ui-datepicker .ui-datepicker-buttonpane button:hover {
	padding: 5px !important;
	font-size: 16px !important;
}

/*-- Team List Page --*/
.masonrylist01 li {
	width: 23%;
	display: inline;
	float: left;
	margin: 15px 1%;
	border: 5px #99C5D0 solid;
}

.masonrylist01 li a {
	display: block;
	width: 100%;
}

.masonrylist01 li .igbox {
	height: 80%;
}

.masonrylist01 li .igtxt {
	background: #fff;
	text-shadow: none;
	color: #2F375B;
	font-size: 16px;
}


.masonrylist01 li .igtxt h3.title,
.masonrylist01 li .igtxt p {
	overflow: hidden;
	text-overflow: ellipsis;
}

.masonrylist01 li .igtxt h3.title {
	color: #479DB6;
	text-shadow: none;
	font-size: 20px;
	padding: 0 0 10px 0;
	white-space: nowrap;
	font-weight: 500;
}

.masonrylist01 li .igtxt h3.title:after {
	content: none;
}

.masonrylist01 li .igtxt p {
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}

/*-- SweetAlert --*/
.swal2-popup .swal2-styled.swal2-confirm {
	background: #479DB6 !important;
}

/*-- Footer --*/
#footer {
	background: #479DB6;
	color: #fff;
	padding: 20px;
	text-align: center;
}

.iconlinks {
	padding: 10px 0 0;
}

.iconlinks a {
	color: #fff;
	font-size: 35px;
	display: inline-block;
	margin: 5px 10px;
}

.iconlinks a:hover {
	opacity: 0.7;
}

.ft-logo {
	display: block;
	width: 180px;
	margin: 0 auto;
}

.ft-logo img {
	width: 100%;
}

.ftinfo {
	font-size: 16px;
	padding: 10px 0 0;
}

.ftinfo p span {
	margin: 0 10px;
}

.ftcopy {
	font-size: 14px;
	padding: 10px 0 0;
}

/*-- Log in --*/
.box04 {
	position: absolute;
	top: 20%;
	left: 50%;
	width: 800px;
	margin: 0 0 0 -400px;
}

.login {
	width: 100%;
	text-align: center;
	padding-bottom: 60px;
}

.login-hd .logo {
	width: 250px;
	height: auto;
	margin: 0 auto 25px;
	background: none;
}

.login-hd .logo img {
	width: 100%;
}

.login-hd h3.title {
	font-size: 24px;
	text-align: center;
	font-weight: 400;
}

.login-bd {
	width: 80%;
	margin: 0 auto;
}

.idtab-box {
	border-bottom: 1px #cecece solid;
	padding: 30px 15px 5px;
	margin-bottom: 40px;
	position: relative;
}

.idtab-box::after {
	content: '';
	width: 1px;
	height: 25px;
	background: #cecece;
	position: absolute;
	bottom: 7px;
	left: 50%;
}

.idtab {
	display: inline-block;
	width: 49%;
	color: #606060;
}

.idtab.on {
	color: #479DB6;
}

.btn04 {
	background: #CF4334;
	color: #fff;
	width: 90%;
	height: 62px;
	margin: 15px auto;
	padding: 12px 20px;
	border-radius: 30px;
	display: flex;
	display: -webkit-flex;
	align-items: center;
	justify-content: center;
}

.btn04 i {
	margin-right: 15px;
}

.btn04.fb {
	background: #155696;
}

.btn04.line {
	background: #45b233;
}

.btn04.fb i {
	font-size: 22px;
}

.btn04.line i {
	font-size: 30px;
}

/*-- Mode --*/
.mode {
	padding: 60px 0 50px;
}

.mode i {
	font-size: 60px;
	color: #86bf34;
}

.mode h3.title {
	font-size: 26px;
	margin: 20px 0 40px;
	color: #2F375B;
}

.mode .btn03 {
	font-size: 18px;
	padding: 10px 20px;
}

.mode01 i {
	color: #e05348;
}

/* RWD iframe */
.rwdbox {
	position: relative;
	padding-bottom: 40.25%;
	padding-top: 25px;
	height: 0;
	width: 100%;
}

.rwdbox iframe,
.rwdbox object,
.rwdbox embed,
.rwdbox video,
.rwdbox audio {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.rwdbox .map {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

/* 動畫進場 */
.come-in {
	transform: translateY(50px);
	transform: translateY(0px)\9;
	animation: come-in 2s ease forwards;
}

.come-in:nth-child(odd) {
	animation-duration: 1.5s;
}

.already-visible {
	transform: translateY(0);
	animation: none;
}

@keyframes come-in {
	to {
		transform: translateY(0);
		opacity: 1;
	}
}

@keyframes popBtn {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(1.05);
	}

	100% {
		transform: scale(1);
	}
}

@media(max-width:1550px) /*  and (min-width:1024px) */{
	.inbox {
		width: 85%;
	}

	.mnav>ul>li>a {
		font-size: 18px;
		padding: 12px 10px 16px;
	}

	.mbbtn .sbtn {
		font-size: 17px;
	}

	.box01 .box_hd h2.title {
		font-size: 22px;
	}

	.box01 .box_hd h2.title:before,
	.box01 .box_hd h2.title:after {
		margin-top: -3px;
	}

	.listdata li {
		width: 330px;
		height: 330px;
	}

	.listdata li:nth-of-type(even) {
		margin: 0 5%;
	}

	.masonrybox li .igtxt h3.title {
		font-size: 24px;
	}

	/*-- Page --*/
	.flip .back .btn {
		font-size: 17px;
		padding: 8px 20px;
	}

	.flip .front p,
	.link-box p {
		font-size: 18px;
	}

	/*-- Team List Page --*/
	.masonrybox li .igtxt h3.title {
		font-size: 20px;
	}
}

@media(max-width:1400px)/* and (min-width:1024px) */{ 
	.mnav {
		padding: 5px 20px 0;
	}

	.mnav>ul>li>a,
	.mbbtn .sbtn,
	.mb-login a {
		font-size: 16px;
	}

	.mb-login a {
		padding: 15px 5px;
	}

	.mnav>ul>li>a {
		padding: 15px 10px 16px;
		letter-spacing: 2px;
	}

	.mbctrl,
	#header h2.title {
		padding: 6px 20px 0;
	}

	.mbbtn {
		margin-left: 10px;
	}

	.listdata li {
		width: 315px;
		height: 315px;
	}

	.listdata li .dataimg {
		padding-top: 8%;
	}

	.listdata li em {
		padding: 18px 0;
	}

	.flip .front img {
		margin-bottom: 30px;
	}

	/*-- Page --*/
	.inbox {
		width: 90%;
	}

	.list-wrapper em {
		font-size: 14px;
		letter-spacing: 1px;
	}

	.list-wrapper li:nth-child(1) em {
		font-size: 16px;
		letter-spacing: 3px;
	}

}

@media(max-width:1300px)/*  and (min-width:1024px) */{
	body {
		font-size: 17px;
		line-height: 1.4;
	}

	.mnav>ul>li {
		padding: 0 5px;
	}

	.mnav>ul>li>a {
		padding: 16px 10px 17px;
	}

	p .sbtn {
		font-size: 15px;
	}

	.flip .front {
		border: 5px solid #99C5D0;
	}

	.flip .back {
		border: 5px solid #F6C555;
	}

	/*-- Page --*/
	.agree,
	.addbox {
		width: 85%;
	}

	/**/
	#header {
		padding-right: 75px;
	}

	.mb-icon {
		background: #fff;
		color: #479DB6;
		font-size: 28px;
		height: 60px;
		width: 75px;
		position: absolute;
		top: 0;
		right: 0;
		border-radius: 50px 0 0 50px;
		cursor: pointer;
		display: block;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	}

	.mb-icon i {
		display: block;
		padding: 16px 20px 15px;
	}

	.mbctrl {
		top: 80px;
		right: -100%;
	}

	.mbctrl.on {
		right: 0;
	}

	.mbctrl,
	.mbctrl.on {
		-webkit-transition: all .5s ease-in-out;
		-moz-transition: all .5s ease-in-out;
		-o-transition: all .5s ease-in-out;
		-ms-transition: all .5s ease-in-out;
		transition: all .5s ease-in-out;
	}

	.mbnav,
	.mbbtn {
		display: inline;
		float: left;
	}

	.mbbtn {
		margin: 7px 0 0 10px;
	}

}

@media(max-width:1225px) /*  and (min-width:1024px) */{
	#header {
		padding-right: 185px;
	}

	.mnav>ul>li {
		padding: 0;
	}

	.mnav>ul>li>a {
		padding: 16px 4px 17px;
	}

	.mb-icon {
		width: 65px;
	}

	.mb-icon i {
		padding: 16px 0px 15px;
		margin-left: 5px;
	}

	.listdata li {
		width: 280px;
		height: 280px;
		font-size: 20px;
	}

	.listdata li .dataimg {
		padding-top: 6%;
	}

	.listdata li em {
		font-size: 50px;
	}

	/*-- Page --*/
	.link01 ul li {
		width: 33.333%;
	}
}

@media(max-width:1100px) /*  and (min-width:1024px) */ {
	.flip .back {
		padding: 15px 20px 70px;
	}

	.flip .back .btn {
		font-size: 16px;
		padding: 6px 20px;
		bottom: 10px;
		left: 0;
		right: 0;
		min-width: 240px;
		margin: 0 auto;
		width:90%;
	}

	/*-- Team List Page --*/
	.masonrylist01 li {
		width: 31%;
	}

	#header {
		padding-right: 74px;
	}
}


@media(min-width:1000px) and (max-height:750px) {
	.bnrtxt p {
		font-size: 60px;
	}

	.box01 .box_hd:before {
		width: 40px;
		height: 40px;
		background-size: contain;
		margin-left: -20px;
		top: -22px;
	}

	.tablist li a,
	.list01 li a {
		font-size: 17px;
	}

	.box02 .box_hd h2.title img {
		width: 80px;
	}

	.box02 .box_hd h2.title {
		font-size: 25px;
	}

	.box02 .box_hd h2.title em {
		font-size: 30px;
	}

	.box02 blockquote {
		font-size: 22px;
	}

	.listdata li em {
		font-size: 55px;
	}

	/*-- Btn --*/
	.btn {
		font-size: 18px;
		padding: 9px 20px;
	}

	/*-- Page --*/
	.inbnrbox {
		height: 250px;
	}

	.outbox {
		margin: 30px 0 0;
	}

	#content .inbox {
		padding: 20px 0;
	}

	.box03 .box_hd {
		margin: 0 auto 40px;
	}

	.box03 .box_hd h2.title {
		font-size: 26px;
	}


	/*-- Editoer --*/
	.editor {
		background: #fff;
		padding: 30px 40px;
	}

	.edit-hd h3.title {
		font-size: 23px;
	}

	.Txt {
		font-size: 17px;
	}

	.editor .Txt h1 {
		margin: 20px 0 10px;
		font-size: 23px;
	}

	/*-- Login --*/
	.login {
		top: 8%;
	}
}

.masonryflex{display:flex;flex-direction:row;flex-wrap:wrap;}
.masonryflex li{height:auto;}
.masonryflex li .igbox{height:auto;padding:70% 0 50px;position:static;}
.masonryflex li .igtxt{position:static;}
.masonryflex li .igtxt p{overflow:visible;opacity:1;display:block;}
.masonryflex li .igtxt h3.title{white-space:normal;}
.linkflex ul{display:flex;flex-direction:row;flex-wrap:wrap;}
.linkflex .link-box{height:auto;padding:0;}
.tinfo{width:85%;margin:10px auto 20px;border-bottom:1px solid #ddd;padding:0 0 5px;letter-spacing:.1em;}
.tinfo b{display:block;padding:5px 0 0;margin:5px 0 0;font-weight:400;border-top:1px solid #ddd;color:#479DB6;font-size:16px;}
.tinfo b:first-child{border:0;}
.tinfo p{font-size:15px;padding:0 2px;}
.owl02 .tinfo{border-bottom:0;margin:0 auto;}
@media(max-width:1024px){
	/* #wrap{width:1350px;}.bnrbox{width:94%;height:auto;margin:0 3%;}.bnrbox img{width:100%;position:static;margin:auto;}.mb-icon{display:block;}#header{padding-right:75px;} */
	.mb-icon {
		background: #fff;
		color: #479DB6;
		font-size: 28px;
		height: 60px;
		width: 75px;
		position: absolute;
		top: 0;
		right: 0;
		border-radius: 50px 0 0 50px;
		cursor: pointer;
		display: block;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	}
	.mb-icon i {
		display: block;
		padding: 16px 20px 15px;
	}
	.mbctrl {
		top: 80px;
		right: -100%;
	}
}

/*-- 1202 --*/
	.editor02{display: flex;justify-content:flex-start;align-items: flex-start;}
	.editor02 .link-box.circle{padding: 0 1% 0;}
	.editor02 .circle .circle-img{width: 200px; height: 200px;position: relative;}
	.editor02 .circle .circle-img img{position: absolute;right: 50%;top:50%;transform: translate(50%,-50%);width: 100%;}
	.editor02 .tinfo{width: unset;margin: 0;flex: 5;}
	.editor02 .link-box{height: initial;}
	.tinfo02{padding:10px 0px 0px 40px; border-bottom: 0;}
	.tinfo02 b{margin:0; font-size: 20px;padding: 0 10px 0 0;display: block;flex: 2;}
	.tinfo02 p{line-height: 1.4;font-size: 20px;flex: 26;}
	.tinfo02 .t_txt{display: flex;justify-content: flex-start;align-content: center;padding: 15px 0; border-bottom: 1px solid #ddd;}

/*-- 1215 --*/
	.bnrtxt small{display:block;font-size:27px;}

@media(max-width:1085px){
	.tinfo02 b{flex:3;}
	.flip .back .btn{min-width: inherit;}
	.ftinfo p{ display: flex;flex-direction: column;align-items: center;justify-content: flex-start;}
}

@media(max-width:1024px){
	.tinfo02 b{flex:2;}
}


/*-- 20220406 Ting --*/
/*-- 20220406 iven --*/
.fbar.fbar3{display:flex;justify-content:flex-start;align-items:stretch;padding-left:0;}
.fbar small{display:block;color:#a31414;}
.fbar3 b{position:static;width:270px;padding-right:10px;}
.fbar3 .tarea{min-height:65px;}
.fbar3 .ck-ra3{display: flex;flex-direction: column;}
.tb .tarea{width:100%;display:block;}
.subinfo-box{margin-top:30px;}
.subinfo-box h4.title{margin:5px 0;font-size:20px;color:#479DB6;letter-spacing:0.1em;}
.box03_2 .box_hd{margin:30px auto;}
.box03_2 .box_hd::before{display:none;}
.btntxt .btn{margin:0 auto;}
.phone_nav,.phone_nav.open{-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;-o-transition:all .35s ease-in-out;-ms-transition:all .35s ease-in-out;transition:all .35s ease-in-out;}
.ratype, .cktype{padding:5px 10px 5px 0;}
.ck-ra3 .cktype,.ck-ra .ratype{display:inline-flex;}
.ck-ra3 .cktype i,.ck-ra .ratype i{flex:1;}
.ck-ra3 .ratype{display:flex;}
.ratype span{margin: 0 7px 0 0;}
.cktype span{margin: 0 3px 0 0;}
.btn-add{text-align:center;}
.bnrbox{display:flex;}
.bnrtxt{display:flex;flex-direction:column;justify-content:center;align-items:center;flex:1;position:revert;}
.editor img{max-width: 100% !important;height: auto !important;display: inline-block; margin: 10px auto 10px auto;}
.editor02 .circle .circle-img img{margin: 0 auto;}


/* Phone Menu */
.phone_menu{float:right;z-index:1;display:none;}
.i_menu{
	width:105px;height:60px;background:#333;position:relative;display:block;color: #479DB6;box-shadow: 0 0 10px rgb(0 0 0 / 20%);border-radius: 50px 0 0 50px;background:#fff;
	-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);cursor:pointer;
	-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;
}
.i_menu span{
	display:block;position:absolute;height:3px;width:30px;background: #479db6;-webkit-border-radius:9px;-moz-border-radius:9px;border-radius:9px;opacity:1;left:30px;
	-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);
	-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;
}
.i_menu span:nth-child(1){top:18px;}
.i_menu span:nth-child(2),.i_menu span:nth-child(3){top:50%;}
.i_menu span:nth-child(4){top:42px;}
.i_menu.open{position: absolute;right: 0;top:0;z-index:6;}
.i_menu.open span:nth-child(1){top:18px;width:0%;left:50%;}
.i_menu.open span:nth-child(2){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);width:40px;left:25px;top:50%;background:#479db6;}
.i_menu.open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);width:40px;left:25px;top:50%;background:#479db6;}
.i_menu.open span:nth-child(4){top:18px;width:0%;left:50%;}
.mbphoto{display:none;}
.phone_nav{transform: translateX(930px);margin: -15px 0 0 0;display:block;}
.phone_nav::after{content:""; left:0;position: fixed;background:rgb(0,0,0,0.5);right:0;top:0;bottom:0;opacity:0;transition:opacity .15s ease-in-out;display:none;}
.phone_nav.open{transform:translateX(0px);padding: 0 0 0 70px;display: flex;align-items: stretch;margin: -15px 0 0 0;}
.phone_nav.open::after{opacity:1;transition:opacity .2s .15s ease-in-out;left:-530px;margin: -15px 0 0 0;}
.phone_nav .mnav{display:none;overflow-x:hidden;overflow-y:auto;width:100%;height:100vh;border-radius:50px 0 0 50px;z-index:2;background:#fff;align-content:stretch;box-shadow: -9px 0px 0px 0px rgba(0, 0, 0, 0.2);text-align: left;padding: 106px 0 0;}
.phone_nav.open .mnav{padding:106px 0 0;}
.phone_nav .mnav ul li{width:100%;}
.phone_nav .mnav > ul > li > a{display:block;width:100%;padding:14px 35px 14px 60px;position:relative;color:#333;font-size:var(--font-size25);border-bottom: 1px solid #eee;}
.phone_nav .mnav ul li a span{position:absolute;display:block;width:0;height:0;border-style:solid;border-width:10px 8px 0 8px;border-color:#d5d0d0  transparent transparent transparent;right:20px;top:50%;transform:translate(0, -50%);}
.phone_nav .mnav>ul>li.on>a span,.phone_nav .mnav li.on>a span{width:0;height:0;border-style:solid;border-width:0px 8px 10px 8px;border-color:transparent transparent #d5d0d0 transparent;}
.phone_nav .mnav .subnav ul{padding:0;box-shadow:none;}
.phone_nav > .mnav > ul {flex-direction:column;display:flex;align-items:flex-start;justify-content:flex-start;padding:0 0px 20px;box-shadow:none;width:100%;overflow: auto;border-radius:0;}
.phone_nav .mnav .subnav{ position:inherit;padding:0;top:0;left:0;transform:inherit;width:100%;}
.phone_nav .mnav  .subnav  ul  ul{position:static;background:#333;width:100%;}
.phone_nav .mnav .subnav ul ul li a{padding:10px 10px 10px 40px;font-size: var(--font-size23);}
.phone_nav .mnav .subnav ul li a{color:#fff;border-bottom: 1px solid #f2f2f261;}
.phone_nav .hassub.hv{background: #f6c555;}
.phone_nav .hassub.hv > a{color:#333;}
.phone_nav .subnav,.phone_nav .hv .subnav {-webkit-transition: none;-moz-transition: none;transition: none;}
.phone_nav .mnav > ul > li > a:hover::after{color:#333;background-color:transparent;}
.phone_nav .mnav  > ul > li > a:hover{color:#333;}
.phone_nav .mnav .subnav ul li a:hover{color:#fff;background-color:transparent;}
.phone_nav .mnav .subnav ul ul li a:hover{width:100%;}
.phone_nav .hassub.hv .subnav ul ul{display:none;}


@media(max-width:1440px){
	.fbar{padding:5px 0 5px 230px;}
	.tl, .sel, .tarea{width:100%;}
	.fbar3 i .tl{width:auto;}
	.fbar3 b{width:293px;}
}

@media(max-width:1175px) {
	.logo{width:60px;background-size:unset;}
	.listdata ul{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
	.listdata li:nth-of-type(even) {margin: 0 2%;}
	.tablist ul{display: flex;align-items: center;justify-content: center;}
	.tablist li{flex:1;}
	.tablist li a{padding:5px 10px;}
	.igbox{display: flex;align-items: center;justify-content: center;}
	.flip{display:flex;align-items: stretch; flex-grow:1;}
	.flip .front{height: auto;position:relative;padding:120px 0 59%;flex:1;}
	.flip .front img{margin-bottom:0;position:absolute;left:0;top:0;width:100%;}
	.flip .front p{position:absolute;}
	.owl-carousel.owl01 .owl-stage{display: flex;align-items: stretch;justify-content: center;}
	.owl-carousel.owl01 .owl-item{display: flex;align-items: stretch;justify-content: center;}
	.owl-carousel.owl01 .item{display: flex;align-content: stretch;justify-content: stretch;flex:1;}
	.list02 .igbox{height: auto;}
	.list02 .igtxtbox{height: auto;}
	.bnrbox{width:90%;margin:0 auto;}
	.btn{margin:10px 1%;}
	.btn-wrapper.confirm{display: flex;align-items: center;justify-content:space-between;}
	.btn-wrapper.confirm .btn{min-width: initial;width:100%;}
	.editor{overflow: hidden;}
	.tb{overflow: auto;white-space: nowrap;}
	.mbox2 .tb_btn{text-align:center;}
	.box04{top: 20%;left: 50%;width: 80%;margin: 0 0 0 -40%;}
	.tb-wrapper{padding-bottom:25px;}
	.edit-bd .wrapper{padding:20px 0;overflow:auto;}
	.form-box{padding: 0 1% 15px}
	.btn-wrapper.confirm{margin:auto;}
	.fbar3 b {width: 313px;}
	.tbwrap{overflow: auto;}
}

@media(max-width:1024px){
	.editor .Txt h1{margin: 10px 0 10px;}
	.mbox{padding: 20px 0 20px;}
}

@media(max-width:990px){
	.mnav{padding:5px 15px 0;}
	.mbctrl, #header h2.title{padding:6px 10px 0;}
	.mnav>ul>li>a, .mbbtn .sbtn, .mb-login a{font-size:15px;}
	.flip .front p{bottom:0;}
	.outbox{margin:0;}
	.listdata {margin: -55px 0 0 0;}
	.box02 .Txt{width:100%;}
	.list01 li a{padding: 8px 20px 8px 145px;}
	.dataTables_wrapper .dataTables_scroll{overflow: auto;}
	.dataTables_scrollHead,.dataTables_scrollBody{width:990px !important;}
	.dataTables_scrollHeadInner, .dataTables_scrollHeadInner>table{width: 100% !important;}
	table.dtTable thead th, table.dataTable thead td{font-size:17px;}
	.dataTables_filter input{line-height: 1.1;}
	.editor .Txt{text-align: left;}
	.edit-hd{padding:0 0 5px;}
	.edit-bd{padding:0 0 40px;}
	.editor02{align-items: center;flex-direction: column;}
	.editor02 .tinfo02{width: 100%;padding: 0;}
	.editor02 .tinfo02 .t_txt b{flex:1;}
	.editor02 .tinfo02 .t_txt p{flex:7;}
}

@media(max-width:900px){
	.box03 .box_hd{width:100%;}
	.box02{padding:25px;}
	#header{padding-right:0;}
	.mbctrl-box,.mnav{display: none;}
	.tb_btn{text-align: left;}
	.btn01,.btn02{width:100%;}
	.btn-add{display: inline-block;margin: 10px 0 0 0;text-align: center;width:100%;}
	.opt-agree .cktype{padding: 0 0 0 30px;position: relative;}
	.opt-agree .cktype span{position: absolute;left: 0;top: 0;}
	.fbar.opt-agree{text-align:left;}
	.masonrylist01{display: flex;flex-wrap: wrap;justify-content: center;align-items: stretch;}
	.masonrylist01 li{width:48%;}
	.masonrylist01 li .igbox,.masonryflex li .igbox{background-size: cover;}
	.btn02.l,.btn02.r{float:unset;width:48%;}
	body{letter-spacing:0.02em; line-height:1.5;}
	button, input, textarea,.title{letter-spacing:1px;}
	.inbox>hr{margin: 48px auto !important;}
	.btn-wrapper{display: flex;justify-content: space-between;align-items: center;width: 100%;}
	.fbar3 b{width:343px;}
	/* .phone_nav .mnav>ul>li:nth-of-type(even) a:active, .mnav>ul>li:nth-of-type(even).on>a,.phone_nav .mnav>ul>li:nth-of-type(odd) a:active, .mnav>ul>li:nth-of-type(odd).on>a{color:#fff;} */
	/* 手機選單 */
	.phone_menu{display: block;position: absolute;right: 0;}
	.phone_nav::after{display:block;}
	.phone_nav{transform: translateX(930px);margin: -15px 0 0 0;position: absolute;right:0;top:0;width:60%;}
	.phone_nav .hassub .subnav{background:#d7092f;}
	.phone_nav .mnav{display:flex;overflow-x:hidden;overflow-y:auto;width:100%;height:100vh;border-radius:50px 0 0 50px;z-index:2;background:#fff;padding:40px 0 0; align-content:stretch;box-shadow: -9px 0px 0px 0px rgba(0, 0, 0, 0.2);text-align: left;}
	.phone_nav .hv .subnav:before{display:none;}
	.phone_nav .mnav .subnav:before{display:none;}
	.phone_nav .mnav .subnav{overflow:hidden;margin-left: 0; visibility: revert; opacity: revert;display:none;}
	/* .phone_nav .mnav li.hv .subnav{display:block;} */
	.mnav>ul>li.on>a{color:#fff;}
	.phone_nav .mnav .subnav ul{border-radius:0;background:transparent;height:auto;overflow:hidden;transition:none;background: #469db6;}
	.phone_nav .mnav .subnav ul ul{display:none;}
	.phone_nav .mnav>ul>li>a:after{z-index: -1;height: 55px;}
	.mnav > ul > li.on:after,.mnav .subnav ul:after{display:none;}
	.mnav > ul > li.on{width:100%;}
	.mnav .subnav a{color:#fff;padding:8px 15px 8px 23px;}
	.mnav .subnav a:hover{color:#ffffff;background:#3f8ba1;width:100%;}
	.mnav > ul > li.on:after{display:none;}
	.mnav .subnav a:hover::after{display:none;}
	.mnav .subnav>ul{padding:8px 0;}
	.tab_hd a{width:100%;text-align:center;margin:0 22px 0 0;}
	.tabcont em{top:24px;transform:none;font-size:var(--font-size18);}
	.tabcont span{padding:2px 5px;left:120px;top:34px;min-width:95px;text-align:center;}
	.tab_hd{padding:0 0 10px;}
	.tab_hd ul{flex-grow:1;}
	.tabcont li a{padding:55px 52px 25px 0;}
	.tab_hd a{display:block;margin:0;padding:9px 20px;}
	.tabbox .tab_hd ul li{margin:0 1% 0 0;flex:1;}
	.tab_hd{padding:0 0 15px;}
	.linkbox2 .inbox{flex-direction:column;padding:65px 0px 40px;align-items:inherit;}
	/* 選單照片 */
	.mbphoto{display: block;}
	.phone_nav .mbphoto{position: absolute;z-index: 5;height: 105px;background-color: #479db6;width: 100%;overflow: hidden;border-radius: 50px 0 0 0;border-bottom: 4px solid #f5c555;}
	.phone_nav .mbphoto::after{content: '';position: absolute;background: url(../images/content/bg_point.svg) repeat scroll center center;
	height:100%;top:0px;left:0px;right:200px;z-index:-1;background-size:23px auto;opacity: .5;}
	.phone_nav .mbphoto .mbimg{ margin: 20px 0 20px 35px;position:relative;border: 3px solid #F6C555;width:60px;height:60px;}
	.phone_nav .mbphoto .mbimg img{width:100%;}
	.mode .btn01{width:initial;}
	.pagerlist .pagination{margin:0;position:relative;padding:0 40px;}
	.page-item.next, .page-item.prev{width: 35px;position: absolute;}
	.page-item.prev{left:0;top:50%;transform:translate(0,-50%);}
	.page-item.next{right:0;top:50%;transform:translate(0,-50%);}
	
@media(max-width:850px){
	.breadcrumbs{font-size:14px;left: 50%;bottom: 20px;transform:translate(-50%, 0);width: 85%;}
	.masonrylist{display: flex;align-items: stretch;justify-content:space-between;flex-wrap: wrap;width: 100%;}
	.masonrylist li:nth-of-type(2), .masonrylist li:nth-of-type(3), .masonrylist li:nth-of-type(6),.masonrylist li:nth-of-type(1), .masonrylist li:nth-of-type(4), .masonrylist li:nth-of-type(5){height:390px;}
	.masonrylist li:last-child,.masonrylist li{width:49%;height:390px;}
	.box03 .box_bd{display:flex;flex-direction:column;}
	.box03 .box_hd{margin: 0 auto 20px;}
	.box03 .lbox{width:100%;}
	.box03 .rbox{width:100%;border-top: 2px #F6C555 solid;padding: 25px 0;border-left: none;}
	.page-sort ul{display: flex;align-items: center;justify-content: center;}
	.page-sort ul li{flex:1;}
	.page-sort ul li a::after,.page-sort.news li a::after{top: 138%;left: 50%;transform: translateX(-50%);}
	.list01 li a{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;padding: 8px 20px 8px 0;}
	.list01 li a:after{top: 50%;transform: translate(0, -50%);}
	.list01 li a em{position:static;color:#479db6;padding: 0 0 3px 0;}
	.tab_bd{padding:5px 25px;}
	.form-box .tb{display: block; overflow: auto;}
	.form-box .tb01{display:revert;}
	.tb thead{width:850px !important;}
	.tb tbody{width:850px !important;}
	.mbox .tbwrap{overflow: auto;}
	.mbox .btn-add{text-align: center;}
	.mbox2 .tb01 tr:nth-last-child(1) .tb_btn{text-align:center;padding: 8px 8px 8px 0;}
	.mbox .tb01 tr:nth-last-child(1) .btn-add{text-align:center;}
	.f-wrapper .tl{width:65% !important;}
	.fbar3 b{width: 363px;}
	.btn-wrapper.clearfix::after{content:none;}
	.phone_nav .mnav ul li a{padding: 14px 35px 14px 35px;}
}

@media(max-width:780px){
	.flip{margin:0 5px;}
	.link ul li{width:49%;}
	.box04 .login{padding:25px;padding-bottom:40px;}
	.idtab-box{padding: 30px 0px 5px;}
	.idtab{width:46%;}
	.login-bd{width:95%;}
	.btn04{width:100%;}
	.fbar3 b{width:376px;}
}

@media(max-width:650px){
	.phone_nav{width:80%;}
	.box01{padding:40px 0 20px;}
	.box01 .box_hd h2.title{min-width: inherit;padding:10px 33px 0;}
	.listdata ul{flex-direction:column;}
	.listdata {margin:0;}
	.listdata li:nth-of-type(even),.listdata li{margin: 0 0 50px;}
	.box01 .box_hd{width: 100%;margin: 0 0 25px;}
	.list-wrapper ul li:nth-child(1){display:none;}
	.list-wrapper ul li a{flex-wrap: wrap;padding: 10px 15px;justify-content: flex-start;align-items: flex-start;overflow: hidden;border-radius: 20px;}
	.list-wrapper em{color:#fff;width: 100%;text-align: left;display: block;padding:0 0 15px 0;}
	.list-wrapper em::after{width: 100%;height: 35px;border-radius:0;}
	.list-wrapper .sort{text-align: left;width:100%;color:#99c5cf;}
	.list-wrapper .sort::after{right:0px;top:50%;background:#99C5D0;}
	.list-wrapper .news-tit{width:100%;text-align:left;padding:0;}
	.editor .Txt table{font-size:17px;text-align:left;}
	.fbar {padding: 5px 0 5px 0;}
	.fbar b{position:static;display: block;width:100%;color:#479db6;}
	.fbar.fbar3{flex-direction:column;}
	.editor{ padding: 20px;}
	.editor .fbar img{margin: 0 10px 0 0;}
	.editor .fbar input[type="file" i]{display: inline;}
	.mbox{padding: 20px 0 20px;}
	.tb{margin:20px 0 0;}
	.tl.other{width: 100%;}
	.box03 .dataTables_wrapper .dataTables_filter{display:inline-block;margin-right: auto;text-align: left;}
	.addbox .fbar{padding: 5px 0 5px 0;}
	.dataTables_wrapper .dataTables_filter input{line-height:1.1;}
	.tb-wrapper.host{padding-top: 52px;}
}

@media(max-width:550px){
	.Txt p{font-size:17px;}
	.bnrtxt p{font-size:48px;padding:0 0 50px;}
	.bnrbox{border-radius: 0 0 50px 50px;}
	.edit-hd h3.title,.box01 .box_hd h2.title{font-size:20px;}
	.bnrtxt{top: 25%;}
	.info-box,.tablist li a{font-size:16px;}
	.info-box p{line-height:1.6;}
	.list01 li a{padding: 8px 30px 8px 20px;font-size:16px;}
	.tab_bd{padding:9px;}
	.box03 .box_hd h2.title{font-size:22px;padding: 0 15px 5px 30px;text-align:center;}
	.box03 .box_hd::before{width: 40px;height: 40px;left:0;}
	.box03_2 .box_hd h2.title{padding:0 15px 5px 15px;}
	.editor{padding:23px;}
	.editor .Txt h1{margin:10px 0 10px;}
	.list-wrapper .sort::after{width: 10%;height: 2px;left: 45px;top: 73%;display:none;}
	.list-wrapper .sort{width: 100%;}
	.list-wrapper .news-tit{padding:0;}
	.link ul li{width:100%;}
	.tb_btn .btn-add{text-align:center;padding: 10px 25px;}
	.btn-wrapper{margin-top:15px;}
	.btn-wrapper.single{display: flex;align-items: center;justify-content: center;}
	.info-box{margin-bottom:15px !important;}
}

@media(max-width:500px){
	.btn{font-size:17px;}
	.single .btn{min-width: 100%;}
	.flip .front{height:inherit;}
	.bnrtxt{padding:58px;}
	.bnrtxt .btn{min-width:initial;width:100%;}
	.masonrylist li:nth-of-type(2), .masonrylist li:nth-of-type(3), .masonrylist li:nth-of-type(6),.masonrylist li:nth-of-type(1), .masonrylist li:nth-of-type(4), .masonrylist li:nth-of-type(5){height:265px;}
	.masonrylist li:last-child,.masonrylist li{width:100%;height:265px;}
	.masonrylist{width:100%;}
	.masonrybox li .igbox{background-color: #cdcdcd;}
	.box03 .editor{overflow: hidden;}
	.editor .Txt table{min-width: 600px;display: block;overflow-x: auto;white-space: nowrap;}
	.masonrylist01 li{width:100%;margin: 0 1% 15px;}
	.btntxt{width:100%;}
	.btn-add{width:100%;padding:10px 25px;}
	.btn-wrapper.confirm{flex-direction:column-reverse;margin:10px 0; padding-top:20px;}
	.btn-wrapper.confirm .btn{width:100%;}
	.mbox{padding:20px 0;}
	.tb td.tb_btn{padding:20px 0 0;}
	.fancy{display:inline-block;text-align:center;}
	.box04 .login{padding:25px 13px 25px;}
	.btn04{padding:12px 15px; font-size:16px;}
	.masonryflex li .igbox{background-size:cover;}
	.editor .tfbar{font-size:16px;}
	.ratype, .cktype{padding:5px 2px;}
	.phone_nav .mnav ul li a{padding: 14px 35px 14px 30px;}
}

@media(max-width:455px){
	.page-sort ul li a{width:100%;padding: 5px 10px;}
	.box02{padding:30px;}
	.dataTables_wrapper{font-size:15px;}
	.box03 .editor{padding:20px 15px;}
	.editor, .login{border-radius: 20px;}
	.f-wrapper .tl{width: 60% !important;}
	.phone_nav.open{padding:0;}
	.fbar3 i .tl{width:220px;}
	.phone_menu{right:-20px;}
	.phone_nav .mnav ul li a{padding: 14px 35px 14px 35px;}
	.phone_nav .mbphoto::after{right:110px;}
	.box03 .dataTables_wrapper .dataTables_filter input{width:95px;}
	.editor02 .tinfo02 .t_txt b{flex:2;}
	.editor02 .tinfo02 .t_txt p{flex:10;}
	
}

@media(max-width:385px){
	.tablist li a{padding:5px 5px;}
	.box03 .box_hd h2.title{font-size:23px;}
	.editor .Txt h1{font-size:21px;}
	.box03 .box_hd{margin:0 auto 40px;}
	.f-wrapper .tl{width:60% !important;}
}

@media screen and (min-width:768px) and (max-height:1200px){ 
	.bnrbox{height:70vh;}
	.inbnrbox{height:330px;}
}