@import url(bootstrap.min.css);
@import url(../fonts/font-awesome.min.css);
@import url(icomoon/style.css);
@import url(../fonts/kyicolym/style.css);
@import url(owl.carousel.min.css);
@import url(jquery.fancybox.css);
@import url(animate.css);
@import url(plugins.css);
@import url(kyart-ui.css);

body{
    overflow-x: hidden;
}
.carousel-inner>.item>a>img, 
.carousel-inner>.item>img, 
.img-responsive, 
.thumbnail a>img, 
.thumbnail>img {
    display: block;
    max-width: 100%;
    height: auto;
}

/*--------------------------------------------*/
/**safari copyright link*/
.copyright a{
	color:#fff;
}
/*  */
label.error{
	color:red;
}
.bg_gray1{
	background:#f0efec;
}
.toLeft{float:left;}

/* owl-carousel */
.owl-carousel .owl-item{transition:all linear 0.2s;}
.owl-carousel .owl-item.center{z-index:2;}
.owl-carousel.center .owl-stage-outer{padding-top:50px;padding-bottom:20px;}
.owl-carousel.center .owl-item{transform:scale(0.9);}
.owl-carousel.center .owl-item .pic{opacity:0.3;}
.owl-carousel.center .owl-item .pic:has(a.video_select:focus){opacity:1;}
.owl-carousel.center .owl-item.center{opacity:1;transform:scale(1.2);}
.owl-carousel.center .owl-item.center .pic{opacity:1;}

.owl-theme .owl-nav [class*=owl-]{line-height:110px;border:none;background-color:rgba(60,96,113,0.6);border-radius:0;font-size:1.8em;height:120px;vertical-align:middle;width:30px;margin-top:-80px;transition:all linear 0.2s;}
.owl-theme .owl-nav [class*=owl-]:hover{background-color:rgba(60,96,113,1);}
.owl-theme .owl-nav .owl-prev{left:-20px;}
.owl-theme .owl-nav .owl-next{right:-20px;}
.owl-theme .owl-nav .disabled{opacity:0.3;}

/* banner */
.indexbanner{
	position:relative;
}
.indexbanner .animated{
	animation-duration:2500ms;
	animation-fill-mode:both;
}
.indexbanner .item{
	position:relative;
}
.indexbanner .item .banner-bg{
	background-size:cover;
	background-position:center;
	position:relative; 
	aspect-ratio: 2 / 1;
	overflow: hidden;
	width: 100%;
	display: block;
	max-height:100vh;
}
.indexbanner .item .banner-bg img{
	width: 100%;
	height: 100%; 
	object-fit: cover;    
	position: absolute;    
	top: 0;    
	left: 0;
}
.indexbanner .item .banner-bg:before{
	content:"";
	display:block;
	position:absolute;
	width:100%;
	height:100%;
	left:0px;
	top:0px;
	background-color:rgba(0,0,0,0.15);
}
.indexbanner .slider-control{
	position:absolute;
	left:40px;
	top:33%;
	z-index:10;
	transform:rotate(45deg);
}
.indexbanner .slider-control .play-bigslider{
	display:block;
	border:1px solid #fff;
	width:40px;
	height:40px;
	position:relative;
}
.indexbanner .slider-control .play-bigslider:hover{
	cursor:pointer;
}
.indexbanner .slider-control .play-bigslider.pause:before{
	content:"| |";
	transform:rotate(-45deg);
	color:#fff;
	display:inline-block;
	margin-left:12px;
	margin-top:8px;
}
.indexbanner .slider-control .play-bigslider.play:before{
	content:"";
	transform:rotate(-45deg);
	color:#fff;
	display:inline-block;
	margin-left:16px;
	margin-top:10px;
	width:7px;
	height:14px;
	border-left:7px solid #fff;
	border-top:7px solid transparent;
	border-bottom:7px solid transparent;
}
.indexbanner .scrolldown-btn{
	position:absolute;
	right:0px;
	bottom:0px;
	z-index:10;
}
/* banner icon list */
.index-banner-qlink{
	display:block;
	position:absolute;
	bottom:85px;
	left:0;
	z-index:1;
	width:100%;
}
.index-banner-qlink.org-opencms-ade-containerpage-client-ui-css-I_CmsLayoutBundle-I_CmsContainerpageCss-dragElement{
	position:absolute;
}
.index-banner-qlink ul{
	list-style:none;
	text-align:center;
	display: flex;
	justify-content: center;
	padding: 0 5%;
	flex-wrap: wrap;
}
.index-banner-qlink ul li{
	padding: 10px;
}
.index-banner-qlink ul li a{
	display:flex;
	width:120px;
	height:120px;    
	flex-flow: column;
    align-items: center;
    justify-content: center;
	background-color:rgba(255,255,255,0.8);
	border-radius:60px;
	color:#000;
	font-size:1.3em;
	box-shadow:0 0 5px #555;
	transition:all linear 0.2s;
}
.index-banner-qlink ul li a .ibq-icon-block{
	display:block;
	margin:0px auto;
	width:50px;
	height:50px;
	background-position:-50px 0px;
	background-repeat:no-repeat;
	background-size:100px 50px;
	transition:all linear 0.2s;
}
.index-banner-qlink ul li a .ibq-icon-block.bq-01{background-image:url('../img/index_banner_qlink_icon01.png');}
.index-banner-qlink ul li a .ibq-icon-block.bq-02{background-image:url('../img/index_banner_qlink_icon02.png');}
.index-banner-qlink ul li a .ibq-icon-block.bq-03{background-image:url('../img/index_banner_qlink_icon03.png');}
.index-banner-qlink ul li a .ibq-icon-block.bq-04{background-image:url('../img/index_banner_qlink_icon04.png');}
.index-banner-qlink ul li a .ibq-icon-block.bq-05{background-image:url('../img/index_banner_qlink_icon05.png');}
.index-banner-qlink ul li a:hover,
.index-banner-qlink ul li a:focus{background-color:rgba(60,96,113,0.92);color:#fff;position:relative;/*top:-10px;*/}
.index-banner-qlink ul li a:hover .ibq-icon-block,
.index-banner-qlink ul li a:focus .ibq-icon-block{background-position:0px 0px;}
@media(max-width:991px){

	/* .index-banner-qlink{
		bottom:20px;
	} */
	.index-banner-qlink ul li a{
		width:80px;
		height:80px;
		font-size:1em;
	}
	.index-banner-qlink ul li a .ibq-icon-block{
		width:25px;
		height:25px;
		background-size:50px 25px;
		background-position:-25px 0;
	}
}
@media(max-width:768px){
	.indexbanner .item .banner-bg{
	    aspect-ratio: 4 / 3;
	}
	.indexbanner .owl-carousel{margin-bottom:20px;margin-top:55px;}
	.index-banner-qlink ul li a{
		width:60px;
		height:60px;
	}
	.index-banner-qlink ul li{
		padding: 5px;
	}
}
@media(max-width:576px){
	
	.index-banner-qlink{
		position: relative;
		bottom:0;
	}
}
.index-04{position:relative;padding:20px 0;}
.index-04:before{content:"";position:absolute;width:100%;height:100%;background-color:var(--bule-heavy);top:0;left:0;transform:skewY(-5deg);}
.index-05{position:relative;padding:20px 0 20px 0;}
.index-05:before{content:"";position:absolute;width:100%;height:100%;background-color:#e8f3f2;top:0;left:0;transform:skewY(-5deg);z-index:-1;}
.index-05:after{content:"";position:absolute;width:100%;height:300px;background-color:#e8f3f2;bottom:-100px;left:0;z-index:-1;}
.index-05 > .container{z-index:1;position:relative;}
.index-06{position:relative;}
.index-06:before{content:"";display:block;position:absolute;width:100%;height:300px;background-image:url('../img/index/index_s06_bg-01.jpg');background-size:cover;background-position:center;background-repeat:no-repeat;margin-top:-150px;top:50%;}
.index-07{margin-top:50px;}
.index-08{padding:30px 0;}
.index-08 ul{list-style:none;padding:0;margin:0;}
.index-08 ul li{display:inline-block;margin:0 20px;margin-bottom:15px;}
@media(max-width:991px){
	.index-06:before{height:100%;top:0;margin-top:0;}
}

/* messageslider */
.messageslider,.media-groupslider.messageslider{margin-top:-150px;padding-bottom:10px;margin-bottom:0;}
.messageslider .item{display:block;box-sizing:border-box;padding:0px;width:100%;}
.messageslider .item a{
	border-right:1px solid #fff;
	display:block;
	background-color:#f8f7f6;
	padding:0px 0px;
	background-position:100% 100%;
	position:relative;
	transition:all linear 0.2s;
	overflow:hidden;
	width: 100%;
    aspect-ratio: 3 / 4;
}
.messageslider .item a >img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:top;transition:all linear 0.3s;}
.messageslider .item a h4{padding-bottom:10px;position:relative;font-size:1.78rem;margin-bottom:0;color:#fff;}
.messageslider .item a p{
	font-size: 1rem;
    font-weight: 400;
    line-height: 1.5em;
    /* height: 75px; */
    margin-bottom: 0;
    color: #BFBFBF;
    z-index: 1;
    position: relative;
}
.messageslider .item a:hover:after,.messageslider .exhibition-album li:hover a:before{content:"";display:block;border:6px solid rgba(255,179,0,0.9);position:absolute;top:0;right:0;bottom:0;left:0;}
.messageslider .exhibition-album li a:focus{content:"";display:block;border:6px solid rgba(255,179,0,0.9);position:absolute;top:0;right:0;bottom:0;left:0;}
.messageslider .item a:hover >img{transform:scale(1.1);}
.messageslider .exhibition-album li:hover a{border-width:1px;border-color:#fff;}
.messageslider .item a .text{
	position:absolute;
	right:0px;
	bottom:0px;
	left:0; 
	/* background-color: rgba(10, 26, 62, 0.8); */
	padding:50px 30px 30px 30px;
}
.messageslider .item .text div.index-exh-H2 {
    margin: 0;
    padding-bottom: 10px;
    position: relative;
    font-size: 1.5rem;
    color: #fff;
    font-weight: 700;
    line-height: 1.2;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.messageslider .item a .text:before{content:"";display:block;position:absolute;bottom:-35px;left:0;right:-1px;height:calc(100% + 25px);background-color:rgba(10,26,62,0.8);z-index:0;transform:skewY(-10deg);}
.messageslider .item a .text .more{color:#7abddc;padding-bottom:5px;border-bottom:3px solid #7abddc;display:inline-block;margin-top:20px;font-size:0.8em;transition:all linear 0.2s;z-index:1;position:relative;}
.messageslider .item a:hover .text .more{color:#ffb300;border-color:#ffb300;}
.messageslider .item a .text h6{color:#74B9DA;font-size:0.8em;float:right;z-index:1;position:relative;margin-bottom:0;margin-top:-10px;}
.messageslider.owl-carousel .owl-stage-outer{padding:120px 0;}
.messageslider .item a p span{display:block;}
.messageslider .owl-dots,.messageslider.owl-theme .owl-nav.disabled+.owl-dots{margin-top:40px;}
.messageslider.owl-carousel .owl-dots.disabled,.messageslider.owl-carousel .owl-nav.disabled{display:block;}
.messageslider .pre .item a .text,.messageslider .following .item a .text{display:none;}
.messageslider .pre .item a,.messageslider .following .item a{opacity:0.3;}
.messageslider .pre .item{-webkit-transform:perspective(60em) rotateY(18deg);-moz-transform:perspective(60em) rotateY(18deg);-ms-transform:perspective(60em) rotateY(18deg);-o-transform:perspective(60em) rotateY(18deg);transform:perspective(60em) rotateY(18deg);}
.messageslider .following .item{-webkit-transform:perspective(60em) rotateY(-18deg);-moz-transform:perspective(60em) rotateY(-18deg);-ms-transform:perspective(60em) rotateY(-18deg);-o-transform:perspective(60em) rotateY(-18deg);transform:perspective(60em) rotateY(-18deg);}
.messageslider.owl-theme .owl-nav [class*=owl-]{border:none;transition:all linear 0.2s;}
.messageslider.owl-theme .owl-nav [class*=owl-]:hover{background-color:transparent;transform:scale(1.2);}
.messageslider.owl-theme .owl-nav .owl-next{top:10px;}
.messageslider.owl-theme .owl-nav .owl-prev{left:20px;top:auto;bottom:10px;}
.messageslider.owl-theme .owl-nav .owl-prev .slidernav{transform:rotate(180deg);}
.messageslider .slidernav{display:block;width:180px;height:350px;background-image:url(../img/slide_arrow-01.png);background-repeat:no-repeat;background-size:70%;}
.messageslider .exhibition-album.ex-carousel{border-color:#fff;padding:6px;border:1px solid #fff;}
.messageslider .owl-carousel .owl-stage-outer{padding:0;}
.messageslider .exhibition-album.ex-carousel.owl-theme .owl-nav .owl-prev{left:-20px;}
.messageslider .exhibition-album.ex-carousel.owl-theme .owl-nav .owl-next{right:-20px;}
@media (min-width:768px){
	.messageslider .center{transform:scale(1.3);/*margin-left: -100px;*/z-index:10;transition:all linear 0.3s;}
	.messageslider .center .text{transform:scale(0.7);}
	.messageslider .center .item a .text{background-color:#050d27;padding:25px 25px;right:-60px;bottom:-50px;}
	.messageslider .center .item a .text:before{content:"";display:block;position:absolute;width:345px;height:50px;box-sizing:border-box;border-left:342px solid #050d27;border-top:50px solid transparent;left:0;top:-49px;z-index:1;}
}
@media(max-width:991px){
	.messageslider,
	.media-groupslider.messageslider{margin-top:-50px;}
}
@media(max-width:768px){
	.messageslider,.media-groupslider.messageslider{margin-top:0px;}
}
@media(max-width:425px){
	.messageslider .center{transform:scale(1);/*margin-left: -100px;*/z-index:10;transition:all linear 0.3s;}
	.messageslider .center .text{transform:scale(1);}
	.messageslider .center .item a .text{position:relative;right:auto;bottom:auto;top:-75px;}
	.messageslider .item a{background-color:#050d27;paddind:0px;}
	.messageslider .center .item a .text:before{border-left:314px solid #050d27;}
	.messageslider.owl-theme .owl-nav .owl-prev .slidernav{height:60px;width:120px;background-image:url(../img/slide_arrow-01_w.png);}
	.messageslider .slidernav{height:70px;width:120px;background-image:url(../img/slide_arrow-01_w.png);}
	.messageslider.owl-theme .owl-nav .owl-prev{bottom:70px;left:0px;}
	.messageslider.owl-theme .owl-nav .owl-next{top:auto;bottom:49px;right:0px;}
	.messageslider.owl-carousel .owl-stage-outer{padding:30px 0;}
	.messageslider .pre .item a .text,.messageslider .following .item a .text{display:block;opacity:1;}
}

/* news */
.news{
	display:inline-block;
	width:100%;
	background-image:url(../img/v1_26.png);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center bottom;
	padding-top:400px;
	margin-top:-300px;
	position:relative;
	padding-bottom:50px;
	z-index:0;
}
.news-list{
	list-style:none;
	padding:0;
	margin:0;
	display:block;
	width:100%;
}
.news-list li{
	list-style:none;
	padding:0;
	display:block;
	width:100%;
	margin-bottom:15px;
}
.news-list li a{
	display: flex;
    width: 100%;
    justify-content: flex-start;
    align-items: flex-start;
}
.news-list li a:hover{transform:scale(1.03);}
.news-list li:before{content:none;}
.news-list li .newspic-frame{
	max-width:130px;
	overflow:hidden;
	aspect-ratio: 4 / 3;
}
.news-list li .newspic-frame img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.news-list li .news-text{
	width:calc(100% - 130px);
	padding:0 0 0 20px;
}
.news-list li .news-text h4.index-newInfo-H4{
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
	margin: 0 0 .5rem;
}
.news-list li .news-text h5{font-weight:700;color:#444;margin-bottom:5px;margin-top:5px;font-size:0.9em;}
.news-list li .news-text p{
	line-height:1.25;
	font-size:.95rem;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
	margin: 0;
}
.news-tag{display:inline-block;margin:0 5px 0 0;font-size:0.875rem;padding:3px 7px;line-height:1rem;color:#FFF;}
.news-list li .news-tag,.news-list li .news-date{vertical-align:text-top;}
.news-tag.color01{background-color:#8a730f;}
.news-tag.color02{background-color:#4a8227}
.news-tag.color03{background-color:#2a7ac0}
.news-list .col-xs-3{white-space:nowrap;}
.news-list .news-tag{}
.news-list .news-date{font-size:0.8em;display:inline-block;text-align:center;color:#060D2A;}

.fix-message{position:fixed;bottom:20px;left:100px;z-index:11;background-color:rgba(0,0,0,0.7);padding:10px;display:table;opacity:1;transition:all linear 0.3s;}
.fix-message.bottom{opacity:0;}
.fix-message h5{display:table-cell;padding-right:15px;color:#395C6C;}
.fix-message p{display:table-cell;color:#fff;}
.fix-qlink{position:fixed;right:0px;top:170px;z-index:12;}

.footer-top{background-color:#aeded9;padding:0;    position: relative;}
.footer-top .btn{border:1px solid #000;background-color:transparent;position:relative;transition:all linear 0.2s;font-size:1em;}
/*.footer-top .btn:before{content:"關閉";}
.footer-top .btn.collapsed:before{content:"展開";}*/
.footer-top .btn:active,.footer-top .btn:focus,.footer-top .btn:hover{box-shadow:none;outline:none;color:#fff;background-color:var(--bule-heavy);}
.footer-top .collapse,.footer-top .collapsing{text-align:center;width:100%;}

.footer-sticker{margin-left:7px;}


.slider_02{padding-top:50px;margin-bottom:40px;}
.slider_02 .header-t01{margin-bottom:50px;}

.p-exhibits .item{position:relative;transition:all linear 0.2s;}
.p-exhibits .item:hover:before{content:"";display:block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,0.6);}
.p-exhibits .item .hover-info{text-align:center;position:absolute;display:block;left:0px;top:0px;width:100%;height:100%;opacity:0;color:#fff;border:10px solid rgba(0,0,0,0.6);transition:all linear 0.2s;}
.p-exhibits .item .hover-info:hover{opacity:1;}
.p-exhibits .item .hover-info h4{font-size:1.5rem;text-align:center;margin-top:100px;}
.p-exhibits .item .hover-info p{text-align:center;margin-top:15px;font-size:0.875rem;display:block;width:70%;margin:20px auto;line-height:1.625rem;}
.p-exhibits .item .hover-info a{font-size:0.875rem;text-align:center;display:inline-block;color:#fff;padding:5px 0;border-bottom:3px solid #fff;}
.p-exhibits .item .hover-info a:hover{color:#74b9da;border-color:#74b9da;}

.scrolltop-btn{position:absolute;right:-2px;bottom:100%;z-index:2;}

.recruit-content{display:table;width:100%;table-layout:fixed;border-top:1px solid #fff;border-bottom:1px solid #fff;}
.recruit-content > div{overflow:hidden;display:table-cell;position:relative;padding-bottom:150px;text-align:center;background-color:rgba(60,96,113,0.8);border-right:1px solid #fff;padding-top:100px;}
.recruit-content > div .r-bgimg{transition:all linear 0.2s;position:absolute;width:100%;height:100%;left:0;top:0;object-fit:cover;z-index:-1;}
.recruit-content > div:hover .r-bgimg{-webkit-filter:blur(10px);-moz-filter:blur(10px);-o-filter:blur(10px);-ms-filter:blur(10px);filter:blur(10px);filter:progid:DXImageTransform.Microsoft.Blur(PixelRadius=10,MakeShadow=false);}
.recruit-content > div .btn{position:absolute;bottom:70px;left:50%;margin-left:-49px;}
.recruit-content > div h4{color:#fff;position:relative;display:inline-block;}
.recruit-content > div h4:before,.recruit-content > div h4:after{content:"";display:block;width:50px;height:0;position:absolute;top:50%;border-top:1px solid #fff}
.recruit-content > div h4:before{left:-60px;}
.recruit-content > div h4:after{right:-60px;}
.recruit-content > div ul{list-style:none;padding:0;margin:0;}
.recruit-content > div ul li{margin-bottom:10px;}
.recruit-content > div ul li a{color:#fff;}
.recruit-content > div ul li a:hover{color:#FFCB52;}

/* edu */
.edu-title{padding-top:185px;}
.edu-carousel{	padding:0;	margin:0;}
.index-edu-frame.acc{padding:0;margin:0;}
.btn-index-edu{margin-top: 10px;   width: 85%;}
.edu-slider{counter-reset:educounter;list-style:none;padding:0;margin:0;}
.edu-slider li{box-shadow:0 0 10px #bcbcbc;}
.edu-slider li .item-frame{position:relative;overflow:hidden;}
.edu-slider li .pic{position:relative;height:200px;width:100%;left:0;top:0;}
.edu-slider li .pic img{position:absolute;width:100%;height:100%;object-fit:cover;}
.edu-slider li .edu-text{padding:20px 30px;position:relative;background-color:#fff;}
.edu-slider li .edu-text:before{counter-increment:educounter;content:counters(educounter,".") " ";position:absolute;display:block;width:50px;height:50px;background-color:#496A00;border-radius:25px;top:-48px;left:50%;margin-left:-25px;font-family:Bodoni MT;font-size:3em;line-height:50px;text-align:center;font-style:italic;color:#fff;z-index:1;}
.edu-slider li .edu-text:after{content:"";display:block;position:absolute;left:0;top:-24px;width:100%;height:100px;background-color:#fff;transform:skewY(-10deg);z-index:0;}
.edu-slider li .edu-text h5{font-weight:700;text-align:center;font-size:1.5em;position:relative;z-index:1;margin-top:0;height:54px;overflow:hidden;}
.edu-slider li .edu-text span{display:block;text-align:center;color:#2AA9DE;letter-spacing:3px;position:relative;z-index:1;}
.edu-slider li .edu-text p{
	font-size: 0.95rem;
    line-height: 1.35;
    position: relative;
    z-index: 1;
    height: 82px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}
.edu-slider .owl-carousel .owl-stage-outer{padding:0px;}
.edu-slider .owl-carousel .owl-item{padding:10px;}
.edu-slider .owl-theme .owl-nav .owl-prev{left:-60px;width:50px;border-top-left-radius:100px;border-bottom-left-radius:100px;background-color:#496A01;height:100px;line-height:90px;}
.edu-slider .owl-theme .owl-nav .owl-next{right:-60px;width:50px;border-top-right-radius:100px;border-bottom-right-radius:100px;background-color:#496A01;height:100px;line-height:90px;}
@media(max-width:991px){
	.edu-title{
		padding-top:0; 
		width: 100%;
	}
	.edu-slider{
		width: 100%;
	}
	.edu-slider .owl-theme .owl-nav .owl-prev{left:-10px;width:30px;border-radius:0;}
	.edu-slider .owl-theme .owl-nav .owl-next{right:-10px;width:30px;border-radius:0;}
}
@media(max-width:1200px){
	.edu-slider .owl-theme .owl-nav .owl-prev{left:-5px;}
	.edu-slider .owl-theme .owl-nav .owl-next{right:-5px;}
}

.visitor-content{background-image:url('../img/index/visitor_pic02.jpg');background-position:center;background-repeat:no-repeat;background-size:cover;padding-top:100px;margin-top:50px;padding-bottom:80px;}
.visitor-content .container{display: flex;flex-wrap: wrap;}
.visitor-content .container .col-xs-12{width: 100%;flex: 0 0 auto;}
.visitor-content .info-list{list-style:none;padding:0;margin:0;}
.visitor-content .info-list li{
	font-size:1em;
	margin-bottom:20px;
	padding:0;
	overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}
.visitor-content .info-list li a{font-size:1em}
.visitor-content .info-list li .vi-title{padding-right:0;}
.vi-720deg{
	margin-top: -220px;
    display: flex;
    overflow: hidden;
    justify-content: flex-end;
    align-items: flex-start;
}
.vi-720deg:hover{
	transform:scale(1.02);
}
.vi-qlink{
	list-style:none;
	padding:0;
	margin:0;
	display:flex;
	width:100%;
	margin-top:50px;
	flex-wrap: wrap;
}
.vi-qlink >li{
	width:25%;
}
.vi-qlink >li a{display:block;width:100%;}
.vi-qlink >li a .pic{
	display:block;
	width:100%;
	height:180px;
	overflow:hidden;
	position: relative;
}
.vi-qlink >li a img{
	width:100%;
	height:100%;
	object-fit:cover;
	transition:all linear 0.2s;
}
.vi-qlink >li a .pic:before{content:"";display:block;width:100%;height:100%;background-color:rgba(255,255,255,0);position:absolute;z-index:0;transition:all linear 0.2s;}
.vi-qlink >li a:hover .pic:before{background-color:rgba(255,255,255,0.5);z-index:1;}
.vi-qlink >li a:hover .pic img{transform:scale(1.05);}
.vi-qlink >li a p{font-size:0.8em;}
@media(max-width:1024px){
	.visitor-content .info-list li{
		width: 100%;
	}
	.vi-720deg{
		justify-content: center;
	}
}
@media(max-width:768px){

	.visitor-content{padding-top:50px;}
	.visitor-content .container>div{
		width: 100%;
	}
	.vi-720deg{margin-top:20px;position:relative;overflow:hidden;height:210px;}
	.vi-720deg img{width:100%;position:relative;top:-260px;}
	.vi-qlink{margin-top:20px;}
	.vi-qlink >li{width:50%;}
}


/*content*/
.content{padding:15px 0px;position:relative;}
.content.no-padding{padding:0px;}
.function-panel{margin-bottom:15px;display:inline-block;width:100%;}

/* pagination */
.pagination {
	margin: 20px 0;
	justify-content: center;
	flex-wrap: wrap;
}
.pagination>li>a,.pagination>li>span,.pagination>li>button{
	padding:8px 15px;
	color:#000;
	font-size:0.8rem;
	color:#337ab7;
	background-color:#fff;
	border:1px solid #ddd;
	position:relative;
	float:left;
	margin-left:-1px;
	line-height:1.42857143;
}
.pagination>li>button{
	transition:all linear 0.2s;
}
.pagination>li{
    padding: 0 3px 10px;
}
.pagination>li:before{
	content:none;
}
.pagination>li>a:focus,.pagination>li>a:hover,
.pagination>li>span:focus,.pagination>li>span:hover,
.pagination>li>button:focus,.pagination>li>button:hover,
.pagination>li.active>button{
	background-color:var(--bule-heavy);
	color:#fff;
}
.pagination>li:last-child>a,.pagination>li:first-child>a,
.pagination>li:last-child>span,.pagination>li:first-child>span,
.pagination>li:last-child>button,.pagination>li:first-child>button{
	border-radius:0px;
}

/* table */
.table-type-01 .table>tbody>tr>td,
.table-type-01 .table>tbody>tr>th,
.table-type-01 .table>tfoot>tr>td,
.table-type-01 .table>tfoot>tr>th,
.table-type-01 .table>thead>tr>td,
.table-type-01 .table>thead>tr>th,
.table-type-01 table>tbody>tr>td,
.table-type-01 table>tbody>tr>th,
.table-type-01 table>tfoot>tr>td,
.table-type-01 table>tfoot>tr>th,
.table-type-01 table>thead>tr>td,
.table-type-01 table>thead>tr>th{
	padding:12px 12px;
	position:relative;
	border-bottom:1px solid #ccc;
	font-size:1.2em;
}
.table-type-01 .table>tbody>tr>td:before,
.table-type-01 .table>tbody>tr>th:before,
.table-type-01 .table>tfoot>tr>td:before,
.table-type-01 .table>tfoot>tr>th:before,
.table-type-01 .table>thead>tr>td:before,
.table-type-01 .table>thead>tr>th:before{
	content:"";
	display:block;
	position:absolute;
	width:0px;
	height:15px;
	border-left:1px solid #ccc;
	bottom:0;
	right:0;
}
.table-type-01 .table>caption+thead>tr:first-child>td,
.table-type-01 .table>caption+thead>tr:first-child>th,
.table-type-01 .table>colgroup+thead>tr:first-child>td,
.table-type-01 .table>colgroup+thead>tr:first-child>th,
.table-type-01 .table>thead:first-child>tr:first-child>td,
.table-type-01 .table>thead:first-child>tr:first-child>th,
.table-type-01 table>caption+thead>tr:first-child>td,
.table-type-01 table>caption+thead>tr:first-child>th,
.table-type-01 table>colgroup+thead>tr:first-child>td,
.table-type-01 table>colgroup+thead>tr:first-child>th,
.table-type-01 table>thead:first-child>tr:first-child>td,
.table-type-01 table>thead:first-child>tr:first-child>th{
	padding:12px 12px;
	border-top:2px solid var(--bule-heavy);
	color:#555;
	font-size:1.2rem;
	font-weight:400;
	border-bottom:1px solid #ccc;
}
.table-type-01 .table>tbody>tr>td:last-child:before,
.table-type-01 .table>tbody>tr>th:last-child:before,
.table-type-01 .table>thead>tr>td:last-child:before,
.table-type-01 .table>thead>tr>th:last-child:before{
	content:none;
}
.table-type-02 .table{
	border-left:3px solid #3f6273;border-right:1px solid #ccc;
}
.table-type-02 .table>tbody>tr>td,
.table-type-02 .table>tbody>tr>th,
.table-type-02 .table>tfoot>tr>td,
.table-type-02 .table>tfoot>tr>th,
.table-type-02 .table>thead>tr>td,
.table-type-02 .table>thead>tr>th{
	padding:12px 12px;
	position:relative;
	border-bottom:1px solid #ccc;
	font-size:1.2em;
	line-height:2em;
}
.table-type-02 .table>caption+thead>tr:first-child>td,
.table-type-02 .table>caption+thead>tr:first-child>th,
.table-type-02 .table>colgroup+thead>tr:first-child>td,
.table-type-02 .table>colgroup+thead>tr:first-child>th,
.table-type-02 .table>thead:first-child>tr:first-child>td,
.table-type-02 .table>thead:first-child>tr:first-child>th{
	padding:12px 12px;
	border-top:2px solid var(--bule-heavy);
	color:#555;
	font-size:1.2rem;
	font-weight:400;
	border-bottom:1px solid #ccc;
}
.table-type-02 .table>tbody>tr>td:last-child:before,
.table-type-02 .table>tbody>tr>th:last-child:before,
.table-type-02 .table>thead>tr>td:last-child:before,
.table-type-02 .table>thead>tr>th:last-child:before{
	content:none;
}
.table-type-02 .table>tbody>tr>th,
.table-type-02 .table>thead>tr>th{
	background-color:#f9f9f9;
}
@media (min-width:768px){
	.table-type-02 .table>tbody>tr>th,
	.table-type-02 .table>thead>tr>th,
	.table-type-02 .table>tbody>tr>td,
	.table-type-02 .table>thead>tr>td{
		display:block;
		width:100%;
		border-bottom:none;
	}
	.table-type-02 .table>tbody>tr:last-child>td{
		border-bottom:1px solid #ddd;
	}
}

/*news*/
.newslist{display:inline-block;width:100%;}
.newslist ul{list-style:none;padding:0px;margin:0px;display:inline-block;width:100%;}
.newslist ul li[class^="col-"]:nth-child(even){padding-left:2.5px;padding-right:0px;}
.newslist ul li[class^="col-"]:nth-child(odd){padding-left:0px;padding-right:2.5px;}
.newslist ul li a{background-color:#fff;display:inline-block;padding:8px;width:100%;position:relative;}
.newslist ul li a .news-img{display:inline-block;width:31%;float:left;height:125px;}
.newslist ul li a .news-img img{width:100%;}
.newslist ul li a .news-txt{display:inline-block;width:69%;float:left;padding:5px 10px;position:relative;}
.newslist ul li a .news-txt h5{color:#999;font-size:0.75rem;margin-bottom:20px;}
.newslist ul li a .news-txt p{font-size:1.125rem;}
.newslist ul li a:before{content:"";display:block;width:100%;height:100%;position:absolute;left:0px;top:0px;border:0px solid #ccc;transition:all linear 0.2s;}
.newslist ul li:hover a:before{content:"";display:block;width:100%;height:100%;position:absolute;left:0px;top:0px;border:3px solid #D72830;}
.categorytag{display:inline-block;position:absolute;right:10px;top:10px;padding:2px 5px;background-color:#333;color:#fff;}
.categorytag.orange{background-color:#DD510F;}
.categorytag.green{background-color:#A5C41B;}
.categorytag.yellow{background-color:#F2E625;color:#777;}
.categorytag.lorange{background-color:#E79524;}
.news-content{background-color:#fff;padding:15px 25px;position:relative;display:inline-block;width:100%;}
h4.news-title{font-size:1.875rem;color:#000;font-weight:700;border-bottom:1px solid #ccc;padding-bottom:15px;margin-bottom:20px;}
h4.news-title span{display:block;color:#999;font-size:0.875rem;margin-bottom:15px;}
.social-area{display:inline-block;}
.social-area a{font-size:0.75rem;}
.social-area a:hover{font-size:0.875rem;}
.social-area a.email{color:#6690F3;}
.social-area a.tweet{color:#00ACED;}
.social-area a.fb{color:#3B5998;}
.social-area a.gplus{color:#DD4B39;}
.social-area a.pinterest{color:#CB2027;}
.new-txt{margin-bottom:20px;display:inline-block;width:100%;}
.new-txt [class^="col-"] img{width:100%;}
.new-txt p{padding:0 15px;font-size:0.875rem;line-height:1.6em;}

/*maintenance*/
.content-banner.maintenance{background-image:url(../img/theme/maintenance_banner_bg01.jpg);}
.ms-search{display:table;width:100%;position:relative;}
.ms-search>[class^="col-"]{display:table-cell;float:none;}
.ms-search>div:nth-child(1){z-index:0;background-image:url(../img/theme/maintenance_01.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;}
.ms-search>div:nth-child(2){z-index:2;padding:40px 60px;padding-bottom:280px;}
.ms-search h2{font-weight:700;margin-bottom:30px;}
.arcoa-bg-img{z-index:1;position:absolute;display:block;width:100%;height:275px;left:0px;bottom:0px;background-image:url(../img/theme/arcoa_bg_01.png);background-repeat:no-repeat;background-position:center 100%;background-size:contain;}

/* dropdown */
.dropdown .caret{
	margin-left:5px;
}
.dropdown-menu{
	border:none;
}
.dropdown-menu li{
	padding-left:0px;
}
.dropdown-menu li:before{
	content:none;
}
.dropdown-menu>li>a{
	padding:10px 20px
}
.dropdown-menu>li>a:hover{
	background:#eee;
}

/*content 共用樣式*/
.content{
	padding:0px 0px;
}
.content-main{
	margin-bottom:100px;
	clear:both;
	min-height: calc(100vh - 540px);
}
.content-a a{
	color:#34669B;
	font-size:1em;
}
.content-a a:after{
	content:"\f08e";
	display:inline-block;
	font-family:FontAwesome;
	font-size:.9rem;
	line-height: 1;
	text-rendering:auto;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	font-weight:700;
	margin-left:10px;
}
.content-a a:hover{
	color: var(--red-primary);
}

.content-p{
	padding-left:20px;
	display:inline-block;
}
.content p img{
	max-width:100%;
}
.content-p p{
	text-align:justify;
	text-justify:inter-ideograph;
}
.content-p p:after{
	content:'';
	display:inline;
	width:100%;
}
.content-table{
	padding-left:0px;
}
.content-table p{
	font-size:1.2em;
	line-height:1.2em;
}
@media(max-width:768px){
	.content p span[class*="col-"]{display:block;}
	.content-table th,.content-table td{min-width:120px;}
}
/* iframe */
.youtube-frame iframe{width:768px;max-width:100%;height:500px;}

/* .download-type */
a.download-type{display:inline-block;position:relative;font-weight:700;color:#fff;padding:3px 15px;vertical-align:middle;border-radius:4px;background:linear-gradient(-135deg,transparent 6px,#b3b3b3 0);margin-left:10px;width:70px;text-align:center;}
a.download-type:after{content:"";display:block;width:0;height:0;border-top:7px solid rgba(0,0,0,0.41);border-left:7px solid transparent;border-right:7px solid transparent;position:absolute;right:0px;top:4px;z-index:1;transform:rotate(45deg);}
a.download-type:hover{color:#000;}
a.download-type.pdf{background:linear-gradient(-135deg,transparent 6px,#e2574c 0);}
a.download-type.doc{background:linear-gradient(-135deg,transparent 6px,#42a5f5 0);}
a.download-type.odt{background:linear-gradient(-135deg,transparent 6px,#0d5894 0);}
a.download-type.zip{background:linear-gradient(-135deg,transparent 6px,#767676 0);}
a.download-type.ppt{background:linear-gradient(-135deg,transparent 6px,#F6712E 0);}
a.download-type.xls{background:linear-gradient(-135deg,transparent 6px,#00BB4C 0);}

/*customer service page*/
.customer-service-banner{display:inline-block;width:100%;padding:40px 0px;background-image:url('../img/theme/content_bannerbg_02.jpg');background-repeat:no-repeat;background-size:cover;}

/*Accordion menu plugin*/
.content .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.ui-bubble{display:inline-block;width:30px;height:30px;overflow:hidden;background:url(../img/sicons.png) 0px 0px no-repeat;}
.ui-ask{display:inline-block;width:30px;height:30px;overflow:hidden;background:url(../img/sicons.png) -34px 0px no-repeat;}
.accordion-questions{width:100%;margin:20px auto;padding-top:14px;}
.accordion-questions li h4 .ui-ask,.accordion-questions li h4 .ui-bubble{position:absolute;left:0px;top:9px;}
.accordion-questions .panel-body{border-bottom:5px solid #f0efec;font-size:1rem;vertical-align:bottom;list-style:none;}
.accordion-questions .panel-body h4{height:40px;position:relative;color:#666;font-size:0.875rem;cursor:pointer;line-height:2.5rem;height:40px;overflow:hidden;padding:0 0 0 40px;}
.accordion-questions .panel-default{border:none;border-radius:0px;padding-left:0px;}
.accordion-questions .panel-title i{margin-right:10px;}
.accordion-questions .panel-body i{margin-right:10px;float:left;}
.accordion-questions .panel-heading{padding:15px 15px;}
.accordion-questions .panel-body p{display:inline;}
.accordion-questions .panel-default>.panel-heading{background-color:#fff;border-color:none;color:var(--red-primary);}
.panorama-360{display:table;width:100%;margin-top:-70px;}
.sidebar-360{display:inline-block;width:40%;float:left;position:relative;/*transition: all linear 0.3s;*/}
.sidebar-360 img{right:0px;top:0;margin-left:0px;/* transition: all linear 0.3s; */width:100%;}
.area-360{/*transition: all linear 0.3s;*/display:inline-block;width:60%;float:left;/* background-image: url(../img/v1_06.png); */background-size:cover;background-position:center;}
.sidebar-360 .sidebar360-btn{position:absolute;right:0;top:0;opacity:0;z-index:2;height:100%;}
.sidebar-360 .sidebar360-btn img{width:100%;height:100%;}
.panorama-360.close{float:none;opacity:1;overflow:hidden;}
.panorama-360.close .sidebar-360{width:50px;}
.panorama-360.close .sidebar-360 >img{width:50px;}
.panorama-360.close .sidebar-360 .sidebar360-btn{opacity:1;}
.panorama-360.close .area-360{width:calc(100% - 50px)}

/* check box */
.check-box [class*=cate-]:hover{
	transition:all linear 0.2s;
	cursor:pointer;
}

/* icon篩選bar */
.class-cate{
	border-right:1px solid #ddd;
	display:flex;
	justify-content: center;
	align-items: stretch;
	padding: 0 10px;
}
.cate-title h5{
	margin-top:0;
	margin-bottom:10px;
	font-size:1.5rem;
	font-weight:700;
	-webkit-writing-mode:vertical-rl;
	writing-mode:vertical-rl;
	writing-mode:tb-lr;
	height:99px;
}
.cate-title .page-course-H3-horizontal{
	margin: 0 15px;
}
.class-cate>div{
	display:flex;
	justify-content: center;
	align-items: stretch;
}
.class-cate.norbr{
	border-right:none;
}
.group-cate,
.group-cate .col-md-12 form{
	display:flex;
	justify-content: center;
	align-items: stretch;
	padding: 0 10px;
}
.group-cate>div{
	display:flex;
	justify-content: center;
	align-items: stretch;
}
.check-box[class*=catecheck]{
	position: relative; 
	display: flex; 
	height: 100%; 
	vertical-align: middle; 
	margin: 0; 
	padding: 5px;
}
.check-box[class*=catecheck] input[type=checkbox]{
	position: absolute;
}
.check-box[class*=catecheck] input[type=checkbox] + label,
form.ts .group-part .check-box.catecheck09 a>label {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    flex-flow: column;
	padding: 10px 6px;
    color: #757575;
    border: 1px solid #ddd;
    border-radius: 4px;
    min-width: 120px;
    background: #FFF;
	white-space: nowrap;
	margin: 0;
}
.check-box[class*=catecheck] input[type=checkbox] + label:before,
form.ts .group-part .check-box.catecheck09 a> label:before{
	border: none;
    display: flex;
    width: 100%;
    height: 55px;
    margin: 0 auto;
	justify-content: center;
	align-items: center;
	position: inherit;
}

.check-box[class*=catecheck] input[type=checkbox]:checked+label:before{
	background-color:transparent;
}
.check-box[class*=catecheck] input[type=checkbox]:checked+label:after{
	content:none;
}


/* .check-box.catecheck01{	position:relative;	display:flex;	height:100%;	vertical-align:middle;	padding: 5px;}
.check-box.catecheck01 input[type=checkbox]{	width:0px;	height:0px;	margin:0;	padding:0;	opacity:0;	display:none;}
.check-box.catecheck01 input[type=checkbox]+label{	display:inline-block;	height:auto;	margin-left:0px;	padding:6px 10px 6px 10px;	line-height:26px;	color:#cccccc;	margin-bottom:0;	border:1px solid #ddd;	border-radius:4px;	text-align:center;	width:140px;	background:#fff;}
.check-box.catecheck01 input[type=checkbox]+label:before{	border:none;	display:block;	width:54px;	height:54px;	border-radius:0px;	position:relative;	left:auto;	top:6px;	margin:0 auto;} */
.check-box.catecheck01 input[type=checkbox]+label.cate-01:before{font:210% / 1 'icomoon'!important;content:"\e91f";}
.check-box.catecheck01 input[type=checkbox]+label.cate-02:before{font:210% / 1 'icomoon'!important;content:"\e922";}
.check-box.catecheck01 input[type=checkbox]+label.cate-03:before{content:url('../img/icon_003_b.png');}
.check-box.catecheck01 input[type=checkbox]:checked+label.cate-a,.check-box.catecheck01 .cate-a:hover{background-color:#8a730f;color:#fff;}
.check-box.catecheck01 input[type=checkbox]:checked+label.cate-b,.check-box.catecheck01 .cate-b:hover{background-color:#62a4dc;color:#fff;}
/* .check-box.catecheck01 input[type=checkbox]:checked+label:before{background-color:transparent;}
.check-box.catecheck01 input[type=checkbox]:checked+label:after{content:none;} */

/* .check-box.catecheck02{	position:relative;	display:inline-block;	height:auto;	vertical-align:middle;	margin:0px 8px 5px 8px;}
.check-box.catecheck02 input[type=checkbox]{	width:0px;	height:0px;	margin:0;	padding:0;	opacity:0;}
.check-box.catecheck02 input[type=checkbox]+label{	display:inline-block;	height:100px;	margin-left:0px;	padding:6px 10px 6px 10px;	line-height:26px;	color:#757575;	margin-bottom:0;	border:1px solid #ddd;	border-radius:50px;	text-align:center;	width:100px;	background:#FFF;}
.check-box.catecheck02 input[type=checkbox]+label:before{	transform:scale(0.9);	border:none;	display:block;	width:54px;	height:54px;	border-radius:0px;	position:relative;	left:auto;	top:auto;	margin:0 auto;} */
.check-box.catecheck02 input[type=checkbox]+label.cate-04:before{font:210% / 1 'icomoon'!important;content:"\e927";}
.check-box.catecheck02 input[type=checkbox]+label.cate-05:before{font:260% / 1 'icomoon'!important;content:"\e921";}
.check-box.catecheck02 input[type=checkbox]+label.cate-06:before{font:320% / 1 'icomoon'!important;content:"\e925";}
.check-box.catecheck02 input[type=checkbox]:checked+label.cate-04,.check-box.catecheck02 .cate-04:hover{background-color:#807733;color:#fff;}
.check-box.catecheck02 input[type=checkbox]:checked+label.cate-05,.check-box.catecheck02 .cate-05:hover{background-color:#8F613D;color:#fff;}
.check-box.catecheck02 input[type=checkbox]:checked+label.cate-06,.check-box.catecheck02 .cate-06:hover{background-color:#bc5924;color:#fff;}
/* .check-box.catecheck02 input[type=checkbox]:checked+label:before{background-color:transparent;}
.check-box.catecheck02 input[type=checkbox]:checked+label:after{content:none;} */


/* .check-box.catecheck03{position:relative;display:inline-block;height:auto;vertical-align:middle;margin:0px 0px 5px 8px;}
.check-box.catecheck03 input[type=checkbox]{width:0px;height:0px;margin:-0.125em;padding:0;opacity:0;}
.check-box.catecheck03 input[type=checkbox] + label{display:inline-block;height:auto;margin-left:0px;padding:6px 10px 6px 10px;line-height:26px;color:#757575;margin-bottom:0;border:1px solid #ddd;border-radius:4px;text-align:center;min-width:120px;background:#FFF;}
.check-box.catecheck03 input[type=checkbox] + label:before{border:none;display:block;width:54px;height:54px;border-radius:0px;position:relative;left:auto;top:5px;margin:0 auto;} */
.check-box.catecheck03 input[type=checkbox] + label.cate-01:before{font:210% / 1 'icomoon'!important;content:"\e91a";}
.check-box.catecheck03 input[type=checkbox] + label.cate-02:before{font:210% / 1 'icomoon'!important;content:"\e900";}
.check-box.catecheck03 input[type=checkbox] + label.cate-03:before{font:210% / 1 'icomoon'!important;content:"\e901";}
.check-box.catecheck03 input[type=checkbox]:checked + label.cate-a,.check-box.catecheck03 .cate-a:hover{background-color:#8a730f;color:#fff;}
.check-box.catecheck03 input[type=checkbox]:checked + label.cate-d,.check-box.catecheck03 .cate-d:hover{background-color:#4a8227;color:#fff;}
.check-box.catecheck03 input[type=checkbox]:checked + label.cate-b,.check-box.catecheck03 .cate-b:hover{background-color:#2a7ac0;color:#fff;}
/* .check-box.catecheck03 input[type=checkbox]:checked + label:before{background-color:transparent;}
.check-box.catecheck03 input[type=checkbox]:checked + label:after{content:none;} */

/* .check-box.catecheck04{position:relative;display:inline-block;height:auto;vertical-align:middle;margin:0px 8px 5px 8px;}
.check-box.catecheck04 input[type=checkbox]{width:0px;height:0px;margin:-0.125em;padding:0;opacity:0;}
.check-box.catecheck04 input[type=checkbox] + label{display:inline-block;height:100px;margin-left:0px;padding:6px 10px 6px 10px;line-height:26px;color:#757575;margin-bottom:0;border:1px solid #ddd;border-radius:50px;text-align:center;width:100px;background:#FFF;}
.check-box.catecheck04 input[type=checkbox] + label:before{transform:scale(0.9);border:none;display:block;width:50px;height:50px;border-radius:0px;position:relative;left:auto;top:6px;margin:0 auto;} */
.check-box.catecheck04 input[type=checkbox] + label.cate-04:before{font:210% / 1 'icomoon'!important;content:"\e91d";}
.check-box.catecheck04 input[type=checkbox] + label.cate-05:before{font:210% / 1 'icomoon'!important;content:"\e926";}
.check-box.catecheck04 input[type=checkbox] + label.cate-06:before{font:210% / 1 'icomoon'!important;content:"\e923";}
.check-box.catecheck04 input[type=checkbox]:checked + label.cate-04,.check-box.catecheck04 .cate-04:hover{background-color:var(--bule-heavy);color:#fff;}
.check-box.catecheck04 input[type=checkbox]:checked + label.cate-04:before{background-position:0px 0;}
.check-box.catecheck04 input[type=checkbox]:checked + label.cate-05,.check-box.catecheck04 .cate-05:hover{background-color:var(--bule-heavy);color:#fff;}
.check-box.catecheck04 input[type=checkbox]:checked + label.cate-05:before{background-position:0px 0;}
.check-box.catecheck04 input[type=checkbox]:checked + label.cate-06,.check-box.catecheck04 .cate-06:hover{background-color:var(--bule-heavy);color:#fff;}
.check-box.catecheck04 input[type=checkbox]:checked + label.cate-06:before{background-position:0px 0;}
/* .check-box.catecheck04 input[type=checkbox]:checked + label:before{background-color:transparent;}
.check-box.catecheck04 input[type=checkbox]:checked + label:after{content:none;} */

/* .check-box.catecheck05{position:relative;display:inline-block;height:auto;vertical-align:middle;margin:0px 0px 5px 8px;}
.check-box.catecheck05 input[type=checkbox]{width:0px;height:0px;margin:0;padding:0;opacity:0;}
.check-box.catecheck05 input[type=checkbox] + label{display:inline-block;height:auto;margin-left:0px;padding:6px 10px 6px 10px;line-height:26px;color:#757575;margin-bottom:0;border:1px solid #ddd;border-radius:4px;text-align:center;min-width:120px;background:#fff;}
.check-box.catecheck05 input[type=checkbox] + label:before{border:none;display:block;width:54px;height:54px;border-radius:0px;position:relative;left:auto;top:5px;margin:0 auto;} */
.check-box.catecheck05 input[type=checkbox] + label.cate-01:before{font:210% / 1 'icomoon'!important;content:"\e924";}
.check-box.catecheck05 input[type=checkbox] + label.cate-02:before{font:210% / 1 'icomoon'!important;content:"\e920";}
.check-box.catecheck05 input[type=checkbox] + label.cate-03:before{font:210% / 1 'icomoon'!important;content:"\e91c";}
.check-box.catecheck05 input[type=checkbox] + label.cate-04:before{font:210% / 1 'icomoon'!important;content:"\e91e";}
/*.check-box.catecheck05 input[type=checkbox]:checked + label.cate-e,.check-box.catecheck05 .cate-e:hover{background-color:#FF999A;color:#fff;}
.check-box.catecheck05 input[type=checkbox]:checked + label.cate-f,.check-box.catecheck05 .cate-f:hover{background-color:#00AA8F;color:#fff;}
.check-box.catecheck05 input[type=checkbox]:checked + label.cate-g,.check-box.catecheck05 .cate-g:hover{background-color:#D42F01;color:#fff;}
.check-box.catecheck05 input[type=checkbox]:checked + label.cate-h,.check-box.catecheck05 .cate-h:hover{background-color:#7FCEF5;color:#fff;}*/
.check-box.catecheck05 input[type=checkbox]:checked + label.cate-e,.check-box.catecheck05 .cate-e:hover{background-color: #82a032;color: #26310e;border: 1px #26310e solid;}
.check-box.catecheck05 input[type=checkbox]:checked + label.cate-f,.check-box.catecheck05 .cate-f:hover{background-color: #f5be0a;color: #654f04;border: 1px #654f04 solid;}
.check-box.catecheck05 input[type=checkbox]:checked + label.cate-g,.check-box.catecheck05 .cate-g:hover{background-color: #dcbe82;color: #5a4d37;border: 1px #5a4d37 solid;}
.check-box.catecheck05 input[type=checkbox]:checked + label.cate-h,.check-box.catecheck05 .cate-h:hover{background-color: #f0ebe6;color: #6c6a65;border: 1px #6c6a65 solid;}

/*.check-box.catecheck05 input[type=checkbox] + label.cate-d{color:#74C542;border:1px #74C542 solid;}
.check-box.catecheck05 input[type=checkbox] + label.cate-e{color: #82a032;border:1px #82a032 solid;}
.check-box.catecheck05 input[type=checkbox] + label.cate-f{color: #f5be0a;border:1px #f5be0a solid;}
.check-box.catecheck05 input[type=checkbox] + label.cate-g{color: #dcbe82;border:1px #dcbe82 solid;}
.check-box.catecheck05 input[type=checkbox] + label.cate-h{color: #f0ebe6;border:1px #f0ebe6 solid;}
*/
/* .check-box.catecheck05 input[type=checkbox]:checked + label:before{background-color:transparent;}
.check-box.catecheck05 input[type=checkbox]:checked + label:after{content:none;} */

/* .check-box.catecheck06{position:relative;display:inline-block;height:auto;vertical-align:middle;margin:0px 8px 5px 8px;}
.check-box.catecheck06 input[type=checkbox]{width:0px;height:0px;margin:0;padding:0;opacity:0;}
.check-box.catecheck06 input[type=checkbox] + label{display:inline-block;height:100px;margin-left:0px;padding:6px 10px 6px 10px;line-height:26px;color:#757575;margin-bottom:0;border:1px solid #ddd;border-radius:50px;text-align:center;width:100px;background:#fff;}
.check-box.catecheck06 input[type=checkbox] + label:before{transform:scale(0.9);border:none;display:block;width:50px;height:50px;border-radius:0px;position:relative;left:auto;top:5px;margin:0 auto;} */
.check-box.catecheck06 input[type=checkbox] + label.cate-04:before{font:210% / 1 'icomoon'!important;content:"\e916";}
.check-box.catecheck06 input[type=checkbox] + label.cate-05:before{font:210% / 1 'icomoon'!important;content:"\e90b";}
.check-box.catecheck06 input[type=checkbox]:checked + label.cate-04,.check-box.catecheck06 .cate-04:hover{background-color:var(--bule-heavy);color:#fff;}
.check-box.catecheck06 input[type=checkbox]:checked + label.cate-05,.check-box.catecheck06 .cate-05:hover{background-color:var(--bule-heavy);color:#fff;}
.check-box.catecheck06 input[type=checkbox]:checked + label.cate-06,.check-box.catecheck06 .cate-06:hover{background-color:var(--bule-heavy);color:#fff;}
/* .check-box.catecheck06 input[type=checkbox]:checked + label:before{background-color:transparent;}
.check-box.catecheck06 input[type=checkbox]:checked + label:after{content:none;} */

/* .check-box.catecheck07{position:relative;display:inline-block;height:auto;vertical-align:middle;margin:0px 0px 5px 8px;}
.check-box.catecheck07 input[type=checkbox]{width:0px;height:0px;margin:0;padding:0;opacity:0;}
.check-box.catecheck07 input[type=checkbox] + label{display:inline-block;height:auto;margin-left:0px;padding:6px 10px 6px 10px;line-height:26px;color:#757575;margin-bottom:0;border:1px solid #ddd;border-radius:4px;text-align:center;min-width:120px;background:#FFF;}
.check-box.catecheck07 input[type=checkbox] + label:before{border:none;display:block;width:54px;height:54px;border-radius:0px;position:relative;left:auto;top:5px;margin:0 auto;} */
.check-box.catecheck07 input[type=checkbox] + label.cate-01:before{font:210% / 1 'icomoon'!important;content:"\e909";}
.check-box.catecheck07 input[type=checkbox] + label.cate-02:before{font:210% / 1 'icomoon'!important;content:"\e90e";}
.check-box.catecheck07 input[type=checkbox] + label.cate-03:before{font:210% / 1 'icomoon'!important;content:"\e918";}
.check-box.catecheck07 input[type=checkbox]:checked + label.cate-j,.check-box.catecheck07 .cate-j:hover{background-color:#c75300;color:#fff;}
.check-box.catecheck07 input[type=checkbox]:checked + label.cate-m,.check-box.catecheck07 .cate-m:hover{background-color:#1C5951;color:#fff;}
.check-box.catecheck07 input[type=checkbox]:checked + label.cate-o,.check-box.catecheck07 .cate-o:hover{background-color:#B81C2A;color:#fff;}
/* .check-box.catecheck07 input[type=checkbox]:checked + label:before{background-color:transparent;}
.check-box.catecheck07 input[type=checkbox]:checked + label:after{content:none;} */

/* .check-box.catecheck08{position:relative;display:inline-block;height:auto;vertical-align:middle;margin:0px 0px 5px 8px;}
.check-box.catecheck08 input[type=checkbox]{width:0px;height:0px;margin:-0.125em;padding:0;opacity:0;}
.check-box.catecheck08 input[type=checkbox] + label{display:inline-block;height:auto;margin-left:0px;padding:6px 0px 6px 0px;line-height:26px;color:#757575;margin-bottom:0;border:1px solid #ddd;border-radius:4px;text-align:center;min-width:120px;background:none;}
.check-box.catecheck08 input[type=checkbox] + label:before{border:none;display:block;width:54px;height:54px;border-radius:0px;position:relative;left:auto;top:5px;margin:0 auto;} */
.check-box.catecheck08 input[type=checkbox] + label.cate-01:before{font:250% / 1 'icomoon'!important;content:"\e90f";}
.check-box.catecheck08 input[type=checkbox] + label.cate-02:before{font:175% / 1 'icomoon'!important;content:"\e908";}
.check-box.catecheck08 input[type=checkbox] + label.cate-03:before{font:230% / 1 'icomoon'!important;content:"\e928";}
.check-box.catecheck08 input[type=checkbox] + label.cate-04:before{font:350% / 1 'icomoon'!important;content:"\e917";}
.check-box.catecheck08 input[type=checkbox] + label.cate-05:before{font:230% / 1 'icomoon'!important;content:"\e914";}
.check-box.catecheck08 input[type=checkbox] + label.cate-06:before{font:230% / 1 'icomoon'!important;content:"\e92b";}
.check-box.catecheck08 input[type=checkbox]:checked + label.cate-n,.check-box.catecheck08 .cate-n:hover{background-color:#687F2F;color:#fff;}
.check-box.catecheck08 input[type=checkbox]:checked + label.cate-j,.check-box.catecheck08 .cate-j:hover{background-color:#9e6c00;color:#fff;}
.check-box.catecheck08 input[type=checkbox]:checked + label.cate-k,.check-box.catecheck08 .cate-k:hover{background-color:#3E5F94;color:#fff;}
.check-box.catecheck08 input[type=checkbox]:checked + label.cate-p,.check-box.catecheck08 .cate-p:hover{background-color:#8E3531;color:#fff;}
.check-box.catecheck08 input[type=checkbox]:checked + label.cate-q,.check-box.catecheck08 .cate-q:hover{background-color:#5D497A;color:#fff;}
.check-box.catecheck08 input[type=checkbox]:checked + label.cate-m,.check-box.catecheck08 .cate-m:hover{background-color:#1C5951;color:#fff;}
/* .check-box.catecheck08 input[type=checkbox]:checked + label:before{background-color:transparent;}
.check-box.catecheck08 input[type=checkbox]:checked + label:after{content:none;} */

/* .check-box.catecheck09{position:relative;display:inline-block;height:auto;vertical-align:middle;margin:0px 0px 5px 0px;}
.check-box.catecheck09 input[type=checkbox]{width:0px;height:0px;margin:-0.125em;padding:0;opacity:0;}
.check-box.catecheck09 input[type=checkbox] + label{display:inline-block;height:auto;margin-left:0px;padding:6px 10px 6px 10px;line-height:26px;color:#757575;margin-bottom:0;border:1px solid #ddd;border-radius:4px;text-align:center;min-width:120px;background:#FFF;}
.check-box.catecheck09 input[type=checkbox] + label:before{border:none;display:block;width:54px;height:54px;border-radius:0px;position:relative;left:auto;top:5px;margin:0 auto;} */
.check-box.catecheck09 input[type=checkbox] + label.cate-01:before{font:210% / 1 'FontAwesome'!important;content:"\f02d";}
.check-box.catecheck09 input[type=checkbox] + label.cate-02:before{font:210% / 1 'FontAwesome'!important;content:"\f1d8";}
.check-box.catecheck09 input[type=checkbox] + label.cate-90:before {font: 260% / 1  'icomoon'!important;content: "\e91f"!important;}
.check-box.catecheck09 input[type=checkbox] + label.cate-06:before {font: 380% / 1  'icomoon'!important;content: "\e925"!important;}
.check-box.catecheck09 input[type=checkbox] + label.cate-99:before {font: 320% / 1  'icomoon'!important;content: "\e913"!important;}
.class-cate .check-box.catecheck09 input[type=checkbox] + label.cate-96:before {font: 210% / 1 'FontAwesome'!important;	content: "\f277";}
.class-cate .check-box.catecheck09 input[type=checkbox] + label.cate-97:before {font: 210% / 1 'FontAwesome'!important;	content: "\f002";}
.class-cate .check-box.catecheck09 input[type=checkbox] + label.cate-98:before {font: 210% / 1 'FontAwesome'!important;	content: "\f152";}
.check-box.catecheck09 input[type=checkbox]:checked + label.cate-m,.check-box.catecheck09 .cate-m:hover{background-color:#1C5951;color:#fff;}
.check-box.catecheck09 input[type=checkbox]:checked + label.cate-o,.check-box.catecheck09 .cate-o:hover{background-color:#B81C2A;color:#fff;}
form.ts .group-part .check-box.catecheck09 a>label.cate-90:before {	font: 210% / 1 'icomoon'!important;	content: "\e91f"}
form.ts .group-part .check-box.catecheck09 a>label.cate-02:before {	font: 210% / 1 'FontAwesome'!important;	content: "\f1d8";}
form.ts .group-part .check-box.catecheck09 a>label.cate-06:before {	font: 275% / 1  'icomoon'!important; content: "\e925";}
form.ts .group-part .check-box.catecheck09 a>label.cate-99:before {	font: 275% / 1  'icomoon'!important; content: "\e913";}
form.ts .group-part .check-box>a:hover >label {	background-color: #1C5951;	color: #fff;}
/* .check-box.catecheck09 input[type=checkbox]:checked + label:before{background-color:transparent;}
.check-box.catecheck09 input[type=checkbox]:checked + label:after{content:none;} */

/* .check-box.catecheck10{position:relative;display: flex;height: 100%;vertical-align:middle;margin: 0;padding: 5px;}
.check-box.catecheck10 input[type=checkbox]{width:0px;height:0px;margin:-0.125em;padding:0;opacity:0;position: absolute;}
.check-box.catecheck10 input[type=checkbox] + label{display: flex;height: 100%;justify-content: center;align-items: center;flex-flow: column;margin-left:0px;padding:6px 6px 6px 6px;line-height:26px;color:#757575;margin-bottom:0;border:1px solid #ddd;border-radius:4px;text-align:center;min-width:120px;background:#FFF;}
.check-box.catecheck10 input[type=checkbox] + label:before{border:none;display:block;width:54px;height:54px;border-radius:0px;position:relative;left:auto;top:5px;margin:0 auto;} */
.check-box.catecheck10 input[type=checkbox] + label.cate-01:before{font:210% / 1 'icomoon'!important;content:"\e90a";}
.check-box.catecheck10 input[type=checkbox] + label.cate-02:before{font:210% / 1 'icomoon'!important;content:"\e915";}
.check-box.catecheck10 input[type=checkbox] + label.cate-03:before{font:210% / 1 'icomoon'!important;content:"\e910";}
.check-box.catecheck10 input[type=checkbox]:checked + label.cate-l,.check-box.catecheck10 .cate-l:hover{background-color:#623201;color:#fff;}
.check-box.catecheck10 input[type=checkbox]:checked + label.cate-k,.check-box.catecheck10 .cate-k:hover{background-color:#3E5F94;color:#fff;}
.check-box.catecheck10 input[type=checkbox]:checked + label.cate-j,.check-box.catecheck10 .cate-j:hover{background-color:#9e6c00;color:#fff;}
/* .check-box.catecheck10 input[type=checkbox]:checked + label:before{background-color:transparent;}
.check-box.catecheck10 input[type=checkbox]:checked + label:after{content:none;} */

/* .check-box.catecheck11{position:relative;display:inline-block;height:auto;vertical-align:middle;margin:0px 0px 5px 8px;}
.check-box.catecheck11 input[type=checkbox]{width:0px;height:0px;margin:-0.125em;padding:0;opacity:0;position: absolute;}
.check-box.catecheck11 input[type=checkbox] + label{display:inline-block;height:auto;margin-left:0px;padding:6px 10px 6px 10px;line-height:26px;color:#757575;margin-bottom:0;border:1px solid #ddd;border-radius:4px;text-align:center;min-width:100px;background:#FFF;}
.check-box.catecheck11 input[type=checkbox] + label:before{border:none;display:block;width:54px;height:54px;border-radius:0px;position:relative;left:auto;top:5px;margin:0 auto;} */
.check-box.catecheck11 input[type=checkbox] + label.cate-01:before{font:210% / 1 'icomoon'!important;content:"\e92c";}
.check-box.catecheck11 input[type=checkbox] + label.cate-02:before{font:210% / 1 'icomoon'!important;content:"\e92d";}
.check-box.catecheck11 input[type=checkbox] + label.cate-03:before{font:210% / 1 'icomoon'!important;content:"\e912";}
.check-box.catecheck11 input[type=checkbox]:checked + label.cate-m,.check-box.catecheck11 .cate-m:hover{background-color:#1C5951;color:#fff;}
.check-box.catecheck11 input[type=checkbox]:checked + label.cate-n,.check-box.catecheck11 .cate-n:hover{background-color:#687f2f;color:#fff;}
.check-box.catecheck11 input[type=checkbox]:checked + label.cate-r,.check-box.catecheck11 .cate-r:hover{background-color:#6B4C52;color:#fff;}
/* .check-box.catecheck11 input[type=checkbox]:checked + label:before{background-color:transparent;}
.check-box.catecheck11 input[type=checkbox]:checked + label:after{content:none;} */

@media(max-width:1200px){
	.class-cate{
		border-right:none;
	}
}
@media(max-width:1024px){
	.check-box.catecheck02{margin:0;}
	.check-box.catecheck01 input[type=checkbox] + label{width:100px;}
	.check-box.catecheck02 input[type=checkbox] + label{display:inline-block;height:85px;margin-left:0px;padding:6px 10px 6px 10px;line-height:1rem;color:#cccccc;margin-bottom:0;border:1px solid #ddd;border-radius:50px;text-align:center;width:85px;}
	.check-box.catecheck02 input[type=checkbox] + label:before{transform:scale(0.5);margin-bottom:-18px;top:-10px;}
}
@media(max-width:991px){
	.cate-title h5{-webkit-writing-mode:horizontal-tb;writing-mode:horizontal-tb;writing-mode:horizontal-tb;height:auto;}
	.list-filter>form:has(.check-box.catecheck03){
		flex-wrap: nowrap;
	}
}
@media(max-width:768px){
	.list-filter .class-part{
		display:block;
		width: 100%;
	}
	.class-cate,.group-cate{
		border-right:none;
		padding:10px 0;
		flex-flow: column;
		width: 100%;
	}
	.class-cate{
		border-right:none;
	}
	.class-cate>div{
		flex-wrap: wrap;
	}	
	.cate-title .page-course-H3-horizontal {
		margin: 0 0 10px;
	}
	.group-cate, 
	.class-cate{
		padding: 5px 0;
	}
	.check-box[class*=catecheck] input[type=checkbox] + label,
	form.ts .group-part .check-box.catecheck09 a>label{
		font-size: .95rem;
        white-space: normal;
        line-height: 1.25;
		padding: 5px 5px;
		min-width: 100px;
	}
	.check-box[class*=catecheck] input[type=checkbox] + label:before, 
	form.ts .group-part .check-box.catecheck09 a> label:before{
		height: 45px;
	}
	.check-box.catecheck08{
		 min-width: 100px;
	}
	.check-box.catecheck08 input[type=checkbox] + label{
		width: 100%;
		min-width:inherit;
	}
	.check-box.catecheck08 input[type=checkbox]:checked + label[class*=cate-],
	.check-box.catecheck08 input[type=checkbox]+ label[class*=cate-]:hover{
		height:98px;
		display:block;
	}
	/* .check-box.catecheck03 input[type=checkbox]:checked + label[class*=cate-],
	.check-box.catecheck03 input[type=checkbox] + label[class*=cate-]:hover,
	.check-box.catecheck10 input[type=checkbox]:checked + label[class*=cate-],
	.check-box.catecheck10 input[type=checkbox]+ label[class*=cate-]:hover{
		height:120px;
		display:block;
	}
	.check-box.catecheck03,
	.check-box.catecheck10{
		display:block;
		width:calc(33% - 4px);
		margin:0 0;
		text-align:center;
		height:120px;
		border-radius:4px;
	} */
	.list-filter>form:has(.check-box.catecheck03){
		flex-wrap: wrap;
	}
	/* .check-box.catecheck03 input[type=checkbox] + label,
	.check-box.catecheck05 input[type=checkbox] + label,
	.check-box.catecheck07 input[type=checkbox] + label{
		width:auto;
		min-width:0;
	} */
	.check-box.catecheck04{
		display:block;
	}
	/* .check-box.catecheck03 input[type=checkbox] + label:before,
	.check-box.catecheck05 input[type=checkbox] + label:before,
	.check-box.catecheck07 input[type=checkbox] + label:before,
	.check-box.catecheck08 input[type=checkbox] + label:before,
	.check-box.catecheck10 input[type=checkbox] + label:before{
		width:auto;
		height:50px;
	} */
	/* .check-box.catecheck02 input[type=checkbox] + label{
		width:100px;
		height:100px;
	} */
	.check-box.catecheck02 input[type=checkbox] + label:before{
		transform:scale(1);
	}
	/* .check-box.catecheck02 input[type=checkbox] + label,
	.check-box.catecheck04 input[type=checkbox] + label,
	.check-box.catecheck06 input[type=checkbox] + label{
		width:100px;
		height:100px;
		font-size:0.938rem;
	} */
	/* .check-box.catecheck11 input[type=checkbox] + label{
		margin-bottom:15px;
	} */
	.group-cate .check-box{margin:2px;}
}
@media(max-width:576px){
	.check-box[class*=catecheck] input[type=checkbox] + label,
	form.ts .group-part .check-box.catecheck09 a>label{
		/* min-width: inherit; */
	}
	.list-filter {
		padding: 15px 10px;
	}
}
@media(max-width:360px){
	.check-box.catecheck10 input[type=checkbox] + label{padding:4px;}
}

/* sna-list */
.sna-list{
	width:100%;
	display:flex;
	flex-wrap:wrap;
}
.sna-list .sna-item{
	line-height:0;
	width:100%;	
	border:1px solid #ddd;
}
.sna-list .sna-item>a,
.sna-list .sna-item .item-frame{
	display:block;
	padding:15px 0px;
	position:relative;
	font-size:1em;
}
.sna-list .sna-item>a:hover:before,
.sna-list .sna-item>.item-frame:hover:before,
.special-list .sna-item.book:hover:before{
	content:"";
	display:block;
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	border:4px solid var(--bule-heavy);
	z-index: 10;	
    pointer-events: none;
}
.sna-item h3{
	font-size: 1.5em;
    line-height: 1.2;
    font-weight: 700;
    color: #000;
    margin: 10px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.sna-item h3.perm-title{
	padding:6px 0px!important;
}
.sna-item p{
	color:#767676;
	font-size:1.2em;
	margin:0px!important;
	padding:0px!important;
	overflow:hidden;
	line-height:1.5em;
	height:calc(5 * 1.5em);
}
.sna-item.perm-item p{
	height:auto;
	overflow:visible;
}
@media (max-width:768px) {
   	.sna-item p{
		height: auto;
		max-height:calc(5 * 1.2em);
	}
}
.sna-item li{
	line-height:1.4em!important;
	font-size:1.2em!important;
	margin:0px!important;
	padding:0px!important;
	margin-left:1.2em!important;
	color:#767676;
}
.image-block{
	max-height:220px;
	overflow:hidden;
	margin:0px!important;
	padding:0px!important;
}
.sna-item .image-block{
	max-height: inherit;
}
.sna-item .image-block img{
	display: block;
    width: 100%;
    height: auto;
    object-fit: cover;
}
@media(min-width: 768px){
	.perm-list .sna-item .image-block{
		aspect-ratio: 2 / 1;
	}
	.special-list .sna-item .image-block{
		aspect-ratio: 2 / 3;
	}
	.special-list .sna-item .image-block img{
		height: 100%;
	}
}

.itemcate-img{
	display:inline-block;
	margin-left:0;
}
.item-catetag.cate-i,.snacatetag.cate-i{
	background-color:#FFFF00;
	color:#000!important;
}
.item-text{
	display:inline-block;
	color:#000;
	vertical-align:middle;
	padding-left:5px;
}
.date-01{
	display:flex;
	padding-top: 12px;
	width:100%;
	line-height:1.5em;
	flex-wrap: wrap;
}
.date-title{
	flex:0 0 auto;
	color:#666;
	width:100px;
}
.date-text{
	color:#444;
}

/* tip-frame */
.sna-item .tip-frame{
	margin-top:10px;
	padding:0px;
	line-height:1.1em;
}
.sna-item .tip-frame .tip-title .item-catetag,
.item-catetag{
	display:inline-block;
	padding:8px 10px;
	color:#fff;
}
.sna-item .tip-frame .tip-title .item-catetag.cate-i{
	padding:5px;
}
.sna-item .tip-frame .tip-title .itemcate-img{
	display:inline-block;
	margin-left:15px;
}

/* perm-list & special-list */
.perm-list .sna-item .item-frame>.col-sm-12,
.perm-list .sna-item>a>.col-sm-12,
.special-list .sna-item>a>.col-sm-12{
	display: flex;
	flex-wrap: wrap;
	padding-left: 15px;
	padding-right: 15px;
	height: 100%;
}
.perm-list .sna-item .item-frame>.col-sm-12>[class*=col-],
.perm-list .sna-item>a>.col-sm-12>[class*=col-],
.special-list .sna-item>a>.col-sm-12>[class*=col-],
.special-list .sna-item.book>a>.col-sm-12,
.special-list .sna-item.book>a>.col-sm-12:not(.buy)>[class*=col-]{
	padding-left: 15px;
	padding-right: 15px;
}
.perm-list .sna-item p,
.special-list .sna-item p{
	height: auto;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    font-size: 1em;
}
.perm-list .tag,
.special-list .tag{
	top:0px;
	position:absolute;
	z-index:4;
	right:0px;
	line-height:1em;
}
.perm-list .date-text,
.special-list .date-text{
	font-size:1em!important;
	text-align:left;
	line-height:1.2em!important;
	padding-top: 5px;
}
.perm-list .date-01 .date-text{
	line-height:1.5em!important;
}
@media(min-width: 768px){
	.sna-item:has(.tag) .date-text{
		padding-top: 20px;
	}
}
.perm-list .sna-textframe,
.special-list .sna-textframe{
	border-right:none!important;
}
/* perm-list */
.perm-list .sna-item{
	margin-bottom: -1px;
}
@media screen and (min-width: 768px) and (max-width: 991px){ 
  	.perm-list .sna-item:has(.col-sm-5){
		width: 50%;
		margin-left: -1px;
	}
	.perm-list .sna-item:has(.col-sm-5)>a>.col-sm-12 {
        flex-flow: column;
    }
	.perm-list .sna-item:has(.col-sm-5)>a>.col-sm-12>[class*=col-]{
		width: 100%;
		padding: 0;
	}
}
.perm-list .sna-item{
	margin-bottom: -1px;
}
.perm-list .sna-item .col-sm-8.image-block{
	aspect-ratio: 5 / 1;
}
.perm-list .sna-item .perm-description p{
   display: block;
}
.perm-list .link-icon-div{
	width: 100%;
	display: flex;
	justify-content: flex-end;
	padding: 0 0 10px;
}
.perm-list .link-item{
	margin-right:10px;
	display: flex;
	align-items: center;
}
.perm-list .link-item.toLeft{
	float:none;
}
.link-item img[src="/system/modules/com.thesys.project.lym/resources/assets/img/icon_009.png"]{
	height: 30px;
	width: auto;
}
.perm-list .date-text label{
	padding-left:0px;
}
/* special-list */
.special-list .sna-item{
	margin-bottom: -1px;
	margin-left: -1px;
}
.special-list .sna-item>a{
	display: flex;
	height: 100%;
	flex-flow: column;
	justify-content: space-between;
}
.special-list .sna-item>a:has(.col-sm-12.buy) .col-sm-12{
	height:auto;
}
.special-list .sna-item>a>.col-sm-12.buy{
	justify-content: space-between;
	padding-top: 20px;
}
.special-list .sna-item>a>.col-sm-12.buy .date-01{
	width: auto;
	display: block;
}
.special-list .sna-item.book>a>.col-sm-12:not(.buy){
	display: flex;
	flex-wrap: wrap;
}
.sna-list .sna-item.book>a:hover:before,
.sna-list .sna-item.book>.item-frame:hover:before{
	display:none;
	border:none;
}
.special-list .sna-item.book .image-block>div{ 
	width:100%!important;
	height:100%!important;
	overflow:hidden;
}
.special-list .sna-item.book .image-block img{  
	display:inline-block;
	max-width:100%;
}
.sna-textframe{
	border-right:1px solid #ddd;
}
@media(max-width:991px){
	.special-list .sna-item>a>.col-sm-12{
		flex-flow: column;
		height: 100%;
		justify-content: space-between;
	}
	.special-list .sna-item>a>.col-sm-12:not(.buy){
		justify-content: flex-start;
	}
	.special-list .sna-item>a>.col-sm-12>[class*=col-], 
	.special-list .sna-item.book>a>.col-sm-12:not(.buy)>[class*=col-]{
		width: 100%;
		padding: 15px 0 0 ;
	}
}
@media (min-width:768px){
	
	.special-list .sna-item{width:50%!important;overflow:hidden;}

	.special-list .sna-item.book{
		position:relative;
		max-height:none;
	}
	.special-list .sna-item.book .col-sm-6{position:static;}
	.special-list .sna-item.book .col-sm-12{float:none;}
	.special-list .sna-item.book .col-sm-12:after{content:"";display:none;height:0;clear:both;visibility:hidden;}
	.special-list .sna-item.book .col-sm-8{position:relative;}
	.special-list .sna-item.book .date-01,
	.special-list .sna-item.book .tip-title{display:inline-block;width:auto;margin:0 0;margin-left:36.33333333%;}
	.special-list .sna-item.book .date-01 .date-text,
	.special-list .sna-item.book .item-catetag{display:inline-block;margin:15px 0 12px 0;line-height:1.5em;white-space:nowrap;float:left;}
	.special-list .sna-item.book .item-catetag{margin-top:10px;}
}

@media(min-width: 576px){
	.special-list .sna-item.book .image-block{ 
			aspect-ratio: 3 / 4;
	}
}
@media(max-width:768px){
	
	.perm-list .sna-item .item-frame>.col-sm-12,
	.perm-list .sna-item>a>.col-sm-12{
		flex-flow: column;
		height: 100%;
		justify-content: space-between;
	}
	.perm-list .sna-item .item-frame>.col-sm-12>[class*=col-],
	.perm-list .sna-item>a>.col-sm-12>[class*=col-],
	.special-list .sna-item>a>.col-sm-12>[class*=col-]{
		width: 100%;
		padding: 15px 0 0 ;
	}
	.perm-list .sna-item h3{
		margin: 0 0 10px;
	}
	.special-list .sna-item.book .date-01{
		padding: 10px 0;
		margin: 0;
	}
	.special-list .sna-item.book .tip-title{
		display:inline-block;
		width:auto;
		padding:11px 0 0 0;
		margin:14px 15px 0 0;
		line-height:1.5;
	}
	.special-list .sna-item.book .date-text{width:auto;margin-top:5px;}
	.special-list .sna-item.book .item-catetag{display:inline-block;}
	.special-list .sna-item.book .cart{display:inline-block;}
	.special-list .sna-item>a>.col-sm-12>.col-sm-8{
		padding:15px 0 0 0;
		width: 100%;
	}
	.special-list .image-block{
		background:none!important;
	}
	.special-list .image-block img{
		display:block!important;
	}
	.perm-list .link-icon-div{
		width:100%;
	}
	.perm-list .link-item{
		margin-right:4px;
	}
	.perm-list .sna-item>a>.col-sm-12{
		flex-flow: column;
	}
	.perm-list .sna-item>a>.col-sm-12>*{
		width: 100%;
		padding: 0 0 15px;
	}
	.sna-textframe{border-right:none;}
	.sna-item .tip-frame{
		margin-top:0;
	}
}

.snacatetag{display:inline-block;padding:8px 10px;color:#fff;line-height:2rem;font-size:1.2rem;border-radius:4px;margin-bottom:4px;}
.snacatetag:before{content:"";display:inline-block;width:40px;height:30px;vertical-align:middle;background-size:contain;background-repeat:no-repeat;background-position:center;}
.snacatetag.cate-a:before{background-image:url('../img/icon_001.png')}
.snacatetag.cate-b:before{background-image:url('../img/icon_002.png')}
.snacatetag.cate-c:before{background-image:url('../img/icon_003.png')}
.snacatetag.cate-04:before{font:30px 'icomoon'!important;content:"\e927";height:auto;}
.snacatetag.cate-05:before{font:30px 'icomoon'!important;content:"\e921";height:auto;margin:-5px 0 0 0;}
.snacatetag.cate-06:before{font:34px 'icomoon'!important;content:"\e925";height:auto;margin:-5px 0 0 0;}

.sna-detail-content{display:flex;width:100%;margin-top:15px;flex-wrap: wrap;}
.sna-detail-content>div:first-child{padding-right: 30px;}
@media (max-width:768px) {
   	.sna-detail-content{flex-flow: column;}
	.sna-detail-content>div:first-child,
	.sna-detail-content>div{width:100%; padding: 15px;}
}
.snad-left-title{
	margin-bottom:0px;
}
.snad-left-title h3{
	border-bottom:1px solid #000;
	margin-top:10px;
	padding-bottom:20px;
	font-size:2.3rem;
	font-weight:700;
	margin-bottom:0;
	line-height:1.3em;
}
.snad-left-info{padding-top:10px;border-top:1px solid #000;}
.snad-text{padding:15px;margin-top:20px;}

.back2list-btn{font-size:0.95em;display:flex;line-height:2.5em;vertical-align:middle;padding:10px 0;align-items: center;}
.back2list-btn i{font-size:1.125em;color:#333;vertical-align:middle;margin-right:5px;}

.link-item{border:none;font-size:1em;display:block;padding:5px 0;}
.link-item img{vertical-align:middle;margin-right:5px;}

.address-link{color:var(--bule-heavy);}
.address-link:after{content:"\f041";display:inline-block;font:normal normal normal 1.2em/1 FontAwesome;font-size:1.5em;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:baseline;margin-left:8px;}

/* exhibition-album */
.exhibition-album{display:flex;width:100%;list-style:none;padding:0;flex-wrap: wrap;margin-bottom:10px;}
.exhibition-album li{display:block;width:33.333333%;box-sizing:border-box;padding:2px;}
.exhibition-album li .pic-frame{display:block;padding:3px;border:1px solid #ddd;}
.exhibition-album .pic-frame a{display: block;}
.exhibition-album li .pic-frame p{font-size:1em;margin-bottom:0;line-height: 1.25;padding: 10px 5px 5px;}
.exhibition-album li:nth-child(3n+4){clear:left;}
.exhibition-album li:hover a{border-color:#3F6373;border-width:2px;}

@media (min-width:768px){
	.exhibition-album li{width:50%;}
	.exhibition-album li:nth-child(3n+4){clear:none;}
	.exhibition-album li:nth-child(2n+3){clear:left;}
}
@media(max-width:768px){
	.exhibition-album li{width:100%;}
	.exhibition-album li:nth-child(n){clear:none;}
	.exhibition-album li .pic-frame .pic img{width:100%;}
}

/* flexslider */
.flexslider{margin-bottom:0;border:none;}
.flex-direction-nav .flex-prev{left:0;opacity:1;text-shadow:none;text-align:center;}
.flex-direction-nav .flex-next{right:0;opacity:1;text-shadow:none;text-align:center;}
.flexslider:hover .flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-direction-nav .flex-next{right:0;}
.flex-direction-nav a:before{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:2rem;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"\f104";text-shadow:none;color:#fff;margin-top:5px;}
.flex-direction-nav a.flex-next:before{content:"\f105";text-shadow:none;}
.thumbnail-nav{padding:0 40px;background-color:transparent;border-radius:0;margin-top:-10px;}
.thumbnail-nav:before{content:"";position:absolute;top:10px;right:0;bottom:5px;left:0;background-color:var(--bule-heavy);}
.thumbnail-nav .flex-viewport{padding:5px;padding-top:15px;padding-bottom:10px;}
.thumbnail-nav .flex-active-slide:before{content:"";display:block;position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border:5px solid #fff;box-shadow:0 2px 5px rgba(0,0,0,0.4);z-index:1;}
.thumbnail-nav .flex-active-slide:after{content:"";display:block;position:absolute;width:0;height:0;top:-15px;left:50%;margin-left:-10px;z-index:2;border-bottom:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent;}
.flex-viewport{max-height:2000px;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease;}
.flexslider.thumbnail-nav .slides > li{position:relative;height:60px;}
.flexslider.thumbnail-nav .slides > li img{position:absolute;width:100%;height:100%;left:0;top:0;object-fit:cover;}

/* detail-inf */
.detail-info{padding:0px;margin:0px;}
.detail-info>div{display:inline-block;width:100%;}
.detail-info p{float:left;display:inline-block;font-size:1.2em;line-height:1.4em!important;width:calc(100% - 160px);margin:5px;}
.detail-info a{padding:0px;white-space:normal;word-break:break-all;text-decoration:underline;}
.detail-info a.btn{text-decoration:none;margin:5px;font-size:1.2em;float:right;}
.detail-info label {
	padding: 0px 10px 0 0px !important;
	margin: 5px 10px 5px 5px;
    font-weight: 700;
	color: var(--bule-heavy);
	font-size: 1.2em;
	line-height: 1.4em !important;
	float: left;
	width: 130px;
	letter-spacing: 8px;
	position: relative;
}
.detail-info label:after {
	content: '';
	display: inline-block;
	width: 100%;
}
.detail-info label:before{
	position: absolute;
	width: 3px;
	height: 28px;
	content: "";
	display: block;
	background: var(--bule-heavy);
	right: 0;
	top: 0;
}
.detail-info .download-list{
	display:inline-block;
	width:69%;
}

/* store */
.vs-info-top{margin-top:100px;margin-bottom: 30px;}
.vs-info-bottom{margin:20px 0;padding:0 15px;}
.top-frame{
	padding:15px;
	display:flex;
	flex-wrap: wrap;
	width:100%;
	background-image:url('../img/bg_pic_01.jpg');
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}
.pslider-frame{
	margin-top:-80px;
}
.top-frame .picslider{
	position:relative;
}
.top-frame .picslider{ 
	padding-left: 15px;
	padding-right: 15px;
}
.top-frame .detail-info{
	padding: 15px 15px 0;
}
.top-frame .detail-info>div {
	display: flex;
	margin: 0 0 15px;
}
.top-frame .detail-info label {
    float: none;
	flex: 0 0 auto;
}
.top-frame .detail-info label:after {   
	content: '';    
	display: inherit;    
	width: auto;
}
.top-frame .picslider .back2list-btn{
	position:absolute;
	right:-80px;
	top:-80px;
}
@media (max-width:768px) {
   	.top-frame>.picslider,
	.top-frame>.detail-info{
		width: 100%;
	}
}
@media(max-width:991px){
	.pslider-frame{margin-top:0;}
	.top-frame .picslider .back2list-btn{right:0;}
}


/* floor */
.floor-map{margin-top:20px;}
.floor-name{display:block;width:100%;height: auto;color:#fff;font-size:3rem;background-image:url(../img/floor_titledeco.png);background-repeat:no-repeat;background-position:0 -15px;background-size:100%;text-align:center;padding-top:10px;    aspect-ratio: 1 / 1;
    max-width: 180px;}
.floor-list{padding:0;margin:0;list-style:none;display:inline-block;width:100%;margin:30px 0;}
.floor-list>li{border-bottom:1px solid #ddd;padding-top:30px;display: flex;flex-wrap: wrap;}
.floor-list>li>.col-sm-3,.floor-list>li>.col-sm-9{padding:0 15px;}
.floor-list>li:before,.floor-list>li:after{content:"";display:table;clear:both;}
.floor-list>li p{font-size:1em;}
.floor-list>li:last-child{border-bottom:none;}
.floor-list .content-ul label{  padding-left: 0;color: var(--bule-heavy);font-weight: 600;}

/* QA */
.acc-area{display:block;box-shadow:0 0 3px #ccc;padding:20px 30px;font-size:0.9em;}
.acc-manual-list{list-style:none;padding:0;margin:0;}
.acc-manual-list li{margin-bottom:10px;font-size:1.2em;}

/* sitemap */
.sitemappage-label{
	background-color:#ffcc27;
	color:#000;
	padding:0 3px;
	margin-right:10px;
}
.sitemap-list{
	margin:10px 0;
	position:relative
}
.sitemap-list ul{
	list-style:none;
}
.sitemap-list>ul{
	display:flex!important;
	flex-wrap:wrap;
	padding:0;margin:0;
}
.sitemap-list>ul>li{
	border: 1px solid #DDD;
	width:25%;
	margin-bottom: -1px;
	margin-left: -1px;
}
.sitemap-list >ul>li>span,
.sitemap-list >ul>li>a{
	display:block;
	background-color:#eeeeee;
	font-size:1.4em;
	font-weight:700;
	padding:10px 25px;
}
.sitemap-list .sitemap-group>ul{
	padding:20px 15px 20px 40px;
}
.sitemap-list .sitemap-group ul.lv2map{
	padding-top:10px;
}
.sitemap-list .sitemap-group ul li{
	margin-bottom:10px;
}
@media(max-width:991px){
	.sitemap-list >ul>li{
		width:50%;
	}
}
@media(max-width:768px){
	.sitemap-list >ul>li{
		width:100%;
	}
}

/* media page */
.media-carousel{list-style:none;padding:0;}
.media-carousel.index p{color:#fff;}
.media-groupslider{margin-bottom:60px;}

.media-carousel.media-carousel.exhibition-album{
	padding:18px;
	border:1px solid #ddd;
	margin-top:15px;
}
.media-carousel.exhibition-album li{width:100%;padding:0;}
.media-carousel.exhibition-album li .pic-frame{
	border:none;padding:0;
}
.exhibition-album.media-carousel li .pic-frame a{ 
	margin-bottom: 10px;
	display: block;
}
.exhibition-album.media-carousel li .pic-frame p{ 
	padding: 0;
	text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.media-list .pic img{width:100%;}
.media-list .exhibition-album li{width:25%;margin-bottom:20px;}
.media-list .exhibition-album li .pic-frame{border:none;}
@media(max-width:768px){
	.media-list .exhibition-album li{width:50%;}
}
@media(max-width:425px){
	.media-list .exhibition-album li{width:100%;}
}
/* calendar schedule */
.calendar{position:relative;z-index:2;}
.calendar-table{width:100%;}
.calendar-table tr td{border-bottom:1px solid #EEEEEE;border-right:1px solid #EEEEEE;padding:8px 0;}
.calendar-table tr th{text-align:center;font-size:0.8em;line-height: 0.8em;padding:5px 6px;}
.calendar-table th.selectDate{text-align:left;}
.calendar-table .second th{border-bottom:1px solid #eeeeee;color:#666;}
.calendar-table a{font-size:1rem;}
.index-calendar{margin-bottom:0px;margin-top: 30px; width: 100%;overflow-x: auto;}
.daycate{display:inline-block;width:100%;text-align:center;padding:0;margin:30px 0px;}
.daycate li{color:#000;display:inline-block;font-size:1.0em;vertical-align:middle;margin-right:2px;float:left;margin-left:0px}
.daycate li:before{content:"";display:inline-block;width:20px;height:20px;margin-right:5px;vertical-align:middle;}
.daycate .daycate-01:before{background-color: #405E68;opacity: 1;background-size: 16px 18px;background-image: repeating-linear-gradient(90deg, #fff 0, #fff 0.7px, #405E68 0, #405E68 63%);}
.daycate .daycate-02:before{background-color: #BA8D00;opacity: 1;background-image: radial-gradient(#ffffff 1px, #BA8D00 1px);background-size: 5px 5px;}
.daycate .daycate-03:before{background-color: #608C01;opacity: 1;background-image: linear-gradient(#fff 1px, transparent 1px), linear-gradient(to right, #fff 1px, #608C01 1px);background-size: 9px 5px;}
.daycate .daycate-04:before{background-color: #5A4D79;opacity: 1;background-image: linear-gradient(135deg, #9e89d0 25%, transparent 25%), linear-gradient(225deg, #9e89d0 25%, transparent 25%), linear-gradient(45deg, #9e89d0 25%, transparent 25%), linear-gradient(315deg, #9e89d0 25%, #5A4D79 25%);background-position:  3px 0, 3px 0, 0 0, 0 0;background-size: 6px 6px;background-repeat: repeat;}
.daycate .daycate-05:before{background-color: #BA6F8D;opacity: 1;background-size: 7px 6px;background-image: repeating-linear-gradient(180deg, #fff 0, #fff 0.7px, #BA6F8D 0, #BA6F8D 63%);}
.daycate .daycate-06:before{background-color:#E3E5E2;}
.schedule-action{margin:15px 0;height:0;overflow:hidden;padding:0;border:none;}
.schedule-action.active{height:auto;padding:5px;border:1px solid #ddd;overflow: visible;}
.holiday,.calendar-table .second th.holiday{color:#973415;}
div.daycate-01{background-color: #405E68;width: 100%;height: 10px;opacity: 1;background-size: 16px 18px;background-image: repeating-linear-gradient(90deg, #fff 0, #fff 0.7px, #405E68 0, #405E68 63%);}
div.daycate-02{background-color: #BA8D00;width: 100%;height: 10px;opacity: 1;background-image: radial-gradient(#ffffff 1px, #BA8D00 1px);background-size: 5px 5px;}
div.daycate-03{background-color: #608C01;width: 100%;height: 10px;opacity: 1;background-image: linear-gradient(#fff 1px, transparent 1px), linear-gradient(to right, #fff 1px, #608C01 1px);background-size: 9px 5px;}
div.daycate-04{background-color: #5A4D79;width: 100%;height: 10px;opacity: 1;background-image: linear-gradient(135deg, #9e89d0 25%, transparent 25%), linear-gradient(225deg, #9e89d0 25%, transparent 25%), linear-gradient(45deg, #9e89d0 25%, transparent 25%), linear-gradient(315deg, #9e89d0 25%, #5A4D79 25%);background-position:  3px 0, 3px 0, 0 0, 0 0;background-size: 6px 6px;background-repeat: repeat;}
div.daycate-05{background-color: #BA6F8D;width: 100%;height: 10px;opacity: 1;background-size: 7px 6px;background-image: repeating-linear-gradient(180deg, #fff 0, #fff 0.7px, #BA6F8D 0, #BA6F8D 63%);}
.off{background-color:#E3E5E2;}
td.off,td.off div{background-color:#E3E5E2;}
th.off{color:black;}
.daycate.index{text-align:left;margin-top: 10px;    margin-bottoM: 65px;  }
.daycate.index li{font-size:1em; margin-right: 10px;}
.daycate.index li:before{    width: 20px;   height: 20px;   margin-bottom: 4px;}

/* datepicker */
.datepicker > div{display: block;}
.datepicker table tr td span{border-radius: 0;font-size: 1rem;}
.datepicker table tr td, .datepicker table tr th{font-size: 1rem;    border-radius: 0;}
.datepicker table tr td.active.active{background-color: var(--bule-heavy);border-radius: 0;}
.datepicker table tr td span.active:active:hover, .datepicker table tr td span.active:hover:active:hover{background-color: var(--bule-heavy);}
.datepicker table tr td span.active.active{background-color: var(--bule-heavy);}

/*  curator */
.curator-content{position:relative;display:flex; flex-wrap: wrap;width:100%;margin-top:30px;}
.curator-content:before{content:"";display:block;width:20px;height:20px;border:2px solid #ddd;border-radius:10px;position:absolute;top:-20px;left:50%;margin-left:-10px;}
.curator-content:after{content:"";display:block;width:20px;height:20px;border:2px solid #ddd;border-radius:10px;position:absolute;bottom:-20px;left:50%;margin-left:-10px;}
.mainc-content{position:relative;}
.mainc-content:before{content:"";position:absolute;height:100%;width:0;border-left:2px solid #ddd;right:-1px;top:0;}
.mainc-content .curator-header{display:flex;border-bottom:2px solid #3C5F72;text-align:left;position:relative;padding:15px 15px 15px 5px ;margin:0px;flex-wrap: nowrap;justify-content: space-between;}
.mainc-content .curator-header:before{content:"";display:block;position:absolute;right:-6px;bottom:-6px;width:12px;height:12px;background-color:#3C5F72;transform:rotate(45deg);z-index:1;}
.mainc-content .curator-header .date{width: auto;font-size:1.1em;padding:0;}
.mainc-content .curator-header .c-name{width: auto;font-size:1.1em;padding:0;}
.mainc-content .curator-header .c-name span{color:#666;margin-right:10px;}
.mainc-content .c-intro{margin-top:15px; align-items: flex-start;}
.curator-text{background-color:#EEEEEE;padding:40px;margin-left:-15px;margin-right:10px;margin-top:20px;position:relative;}
.curator-text h3,.curator-text h5,.curator-text p{z-index:1;position:relative;}

@media (max-width: 991px) {
    .curator-content .col-md-6 {
        width: 100%;
    }
	.curator-content:before,.curator-content:after{left:100%;}
	.curator-text{margin-left:0;}
}

.deco-bg{display:block;width:120px;height:90px;position:absolute;background-size:contain;background-repeat:no-repeat;background-position:center;z-index:0;}
.deco-bg.b-01{background-image:url('../img/deco_02.png');top:20px;left:10px;}
.deco-bg.b-02{background-image:url('../img/deco_02.png');bottom:10px;right:10px;transform:rotate(180deg);}


/* historylist */
.historylist{position:relative;padding-top:100px;}
.historylist:before{content:"";position:absolute;height:100%;width:0;border-left:2px solid #ddd;left:-1px;top:0;}
.historylist .history-item{display:flex;border-bottom:2px solid #3C5F72;text-align:right;position:relative;padding:15px 5px 15px 15px;margin:0 0 20px;flex-wrap: nowrap;    justify-content: space-between;}
.historylist .history-item:before{content:"";display:block;position:absolute;left:-6px;bottom:-6px;width:12px;height:12px;background-color:#3C5F72;transform:rotate(45deg);}
.historylist .history-item .date{width: auto;font-size:1.1em;margin-top:10px;padding:0;}
.historylist .history-item .c-name{width: auto;font-size:1.6em;padding:0;}
.historylist .history-item .c-name span{color:#666;margin-right:10px;font-size:0.7em;}
@media(max-width:991px){
	.historylist:before{left:auto;right:-1px;}
	.historylist .history-item:before{left:auto;right:-6px;}
}
/* history */
.history-year-filter{display:inline-block;width:100%;text-align:center;}
.history-year-filter ul{list-style:none;padding:0;}
.history-year-filter .yearNavLv1 > li{display:inline-block;}
.history-year-filter .yearNavLv1 > li >a{}
.history-year-filter{display:inline-block;text-align:center;margin-top:30px;background-color:#fff;position:relative;width:100%;padding:25px 10px;}
.history-year-filter:before{content:"";position:absolute;width:100%;height:calc(100% + 50px);top:-24px;left:0px;z-index:-1;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#9b9b9b+0,ffffff+78&1+0,0+65 */background:-moz-radial-gradient(center,ellipse cover,rgba(155,155,155,1) 0%,rgba(238,238,238,0) 65%,rgba(255,255,255,0) 78%); /* FF3.6-15 */background:-webkit-radial-gradient(center,ellipse cover,rgba(155,155,155,1) 0%,rgba(238,238,238,0) 65%,rgba(255,255,255,0) 78%); /* Chrome10-25,Safari5.1-6 */background:radial-gradient(ellipse at center,rgba(155,155,155,1) 0%,rgba(238,238,238,0) 65%,rgba(255,255,255,0) 78%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9b9b9b',endColorstr='#00ffffff',GradientType=1); /* IE6-9 fallback on horizontal gradient */}
.history-year-filter:after{content:"";position:absolute;width:calc(100% - 60px);height:1px;bottom:0;left:30px;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3e5f6e+0,ffffff+78&1+0,0+65 */background:-moz-radial-gradient(center,ellipse cover,rgba(62,95,110,1) 0%,rgba(223,228,231,0) 65%,rgba(255,255,255,0) 78%); /* FF3.6-15 */background:-webkit-radial-gradient(center,ellipse cover,rgba(62,95,110,1) 0%,rgba(223,228,231,0) 65%,rgba(255,255,255,0) 78%); /* Chrome10-25,Safari5.1-6 */background:radial-gradient(ellipse at center,rgba(62,95,110,1) 0%,rgba(223,228,231,0) 65%,rgba(255,255,255,0) 78%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3e5f6e',endColorstr='#00ffffff',GradientType=1); /* IE6-9 fallback on horizontal gradient */}
.history-list{display:inline-block;width:100%;}
.history-list .history-header{display:inline-block;width:100%;}
.history-list .history-header h2{font-size:1.5em;font-weight:400;}
.history-list .history-header h2 .sort-toggle{float:right;font-size:0.7em;}
.history-list .history-header h2 .sort-toggle a{font-size:1em;color:var(--bule-heavy);margin-right:8px;padding:2px 3px;}
.history-list .history-header h2 .sort-toggle a.active{background-color:#757575;color:#fff;border-radius:4px;}
.timeline-frame{position:relative;display:inline-block;width:100%;margin-top:30px;margin-bottom:20px;}
.timeline-frame:before{content:"";display:block;width:20px;height:20px;border:2px solid #ddd;border-radius:10px;position:absolute;top:-20px;left:21px;background-color:#fff;margin-left:-10px;z-index:0;}
.timeline-frame:after{content:"";position:absolute;top:-12px;left:0;border-top:3px solid #ddd;width:100%;z-index:-1;}
.timeline{height:auto;float:left;width:calc(100% - 20px);padding-left:100px;position:relative;box-sizing:border-box;margin:0px 0% 0px 20px;border-left:3px solid #ddd;list-style:none;}
.timeline:first-child{padding-top:15px;}
.timeline:first-child:before{margin-top:2px;}
.timeline:before{content:"";display:block;position:absolute;left:-7px;top:50%;margin-top:-5px;width:12px;height:12px;background-color:#5F7B8B;transform:rotate(45deg);}
.timeline:last-child{padding-bottom:15px;}
.timeline:last-child:before{margin-top:-12px;}
.timeline:last-child:after{content:"";display:block;width:20px;height:20px;border:2px solid #ddd;border-radius:10px;position:absolute;bottom:-20px;left:-2px;margin-left:-10px;}
.timeline li{list-style-type:none;float:left;padding:7px;position:relative;width:auto;}
.timeline li:before{content:"";width:110px;height:3px;background-color:#5F7B8B;position:absolute;top:50%;left:-101px;}
.timeline-description .time{position:absolute;left:-103px;text-align:center;display:block;width:100px;height:auto;}
.timeline-description .year{
	top:50%;
	margin-top:-20px;
	margin-left:8px;
	color:#000;
	font-size: 1rem;
	line-height: 1.1rem;
}
.timeline-description .date{bottom:50%;margin-bottom:-25px;color:#000;letter-spacing:0.0625em;word-break:break-all;height:20px;line-height:16px;}
.timeline-description .content{padding-top:0;padding-bottom:0;border-left:2px solid #5F7B8B;overflow:hidden;}
.timeline-description .text-frame{
	border:2px solid #5F7B8B;
	position:relative;
	left:-66px;
	transform:skewX(-45deg);	
	padding: 5px 10px 5px 75px;
	vertical-align:middle;
	background-color:#fff;
}
.timeline-description .text-frame p{
	transform:skewX(45deg);
	padding-right:10px;
	font-size:1em;
	line-height: 1.4em;
	margin-bottom:0;
}
.timeline-frame .timeline:nth-child(odd) .timeline-description .text-frame{background:rgba(60,95,114,.83);}
.timeline-frame .timeline:nth-child(odd) .timeline-description .text-frame span{color:#fff;}
.timeline-frame .timeline:nth-child(odd) .timeline-description .text-frame p{color:#fff;}
.timeline-description .content a{position:absolute;right:12px;bottom:0;font-size:0.95em;color:#fff;padding-right:5px;}
.timeline-description .content a:after{content:"";position:absolute;width:0;height:0;border-bottom:90px solid #c3c3c3;border-left:90px solid transparent;right:0;bottom:0;z-index:-1;transition:all linear 0.2s;}
.timeline-description .content a:hover:after{border-bottom-color:#9eafb7;}

@media (min-width:768px){
	.timeline-frame .timeline .timeline-description .text-frame span{transform:skewX(45deg);display:block;position:absolute;bottom:0px;right:10px;}
	.timeline-description .text-frame p{overflow:hidden;max-height:68px;}
}
@media(max-width:768px){
	.timeline-description .text-frame{
		padding-left:0;
		left:0;
		transform:none;
	}
	.timeline-description .text-frame p{
		transform:none;
		padding-left:10px;
		padding-right:0;
	}
	.timeline-description .text-frame span{
		padding:5px 10px;
		display:inline-block;
	}
	.timeline-description .content{
		border-left:0;
		overflow:visible;
	}
	.timeline-description .content a{
		right:-6px;
		bottom:-6px;
		z-index:1;
	}
	.timeline-description .content a:after{
		border-bottom:60px solid #c3c3c3;
		border-left:60px solid transparent;
	}
}

/* epaper */
.epaper-filter{font-size:1.2em;}
.epaper-filter label{width:220px;padding:0 10px;}

/* lost property */
.lost-property-action{display:table;width:100%;}
.lost-property-action .col{display:table-cell;}
.lost-property-action .month-filter{display:table;width:100%;table-layout:fixed;margin-bottom:0;padding:0 0px;}
.lost-property-action .month-filter >li{display:table-cell;text-align:center;}
.lost-property-action .month-filter >li a{font-size:1em;color:#000;transition:all linear 0.2s;display:block;padding:5px 5px;border-right:1px #3C5F72 solid;}
.lost-property-action .month-filter >li.active a,.lost-property-action .month-filter >li a:hover{background-color:#3C5F72;color:#fff;}
.lost-property-action .year-select{width:220px;}

/* .form-horizontal */
.form-horizontal .form-thead .form-th{padding:10px 15px;font-size:1.1em;border-bottom:2px solid #666;border-top:1px solid #ddd;font-weight:400;position:relative;color:#777;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbfbfb+0,e7e7e7+100 */background:#fbfbfb; /* Old browsers */background:-moz-linear-gradient(top,#fbfbfb 0%,#e7e7e7 100%); /* FF3.6-15 */background:-webkit-linear-gradient(top,#fbfbfb 0%,#e7e7e7 100%); /* Chrome10-25,Safari5.1-6 */background:linear-gradient(to bottom,#fbfbfb 0%,#e7e7e7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb',endColorstr='#e7e7e7',GradientType=0); /* IE6-9 */}
.form-horizontal .form-tbody .form-td{padding:15px 20px;}
.form-horizontal .form-tbody .form-td >label{display:none;}
@media (min-width: 769px) {
	.form-horizontal .form-thead,
	.form-horizontal .form-tbody{display:flex;}
}
.form-horizontal.type-01 .form-group:nth-child(odd){background-color:transparent;}
.form-horizontal.type-01 .form-group label{padding-left:0;font-weight:400;color:var(--bule-heavy);}
.form-horizontal.type-01 .form-td{color:#000;}
@media(max-width:768px){

	.form-horizontal .form-thead{display:none;}
	.form-horizontal .form-tbody{padding:10px 0;}
	.form-horizontal .form-tbody .form-td{padding:6px 10px;}
	.form-horizontal .form-tbody .form-td >label{display:block;padding-left:0;color:#555;}
	
	.form-horizontal .form-group.form-tbody.lost-item>div{width:100%;display: flex;}	
	.form-horizontal .form-group.form-tbody.lost-item label{width:120px;float:none;margin:0px;text-align: left;padding-left: 0 ;}
	.form-horizontal .form-group.form-tbody.lost-item .lab_indent { padding-left: 0 ;width: calc(100% - 130px);text-align: left;}
}

/* paragraph */
.paragraph{
	width:100%;
	overflow:auto;
	overflow-x: hidden;
	overflow-y: hidden;
	margin-bottom: 10px;
}
.paragraph .pic-temp{float:left;margin:0px!important;text-align:center;padding:0px 15px;}
.paragraph .content-p{float:left;}
.paragraph .content-p li{font-size:1.2em;line-height:1.8em;color:#555;width:100%}

@media (min-width:768px){
	.paragraph.column-3 .content-p{width:50%;}
	.paragraph.column-2 .content-p{width:75%;}
	.paragraph .pic-temp{width:25%;}
}
@media(max-width:768px){
	.paragraph .pic-temp{width:100%;padding:15px 0;}
	.paragraph .content-p{padding-left:0;}
}

/* .download-item */
.form-col.form-horizontal:has(.download-item){
	display:flex;
	flex-wrap: wrap;
}
.download-item{
	display:flex;
	width:100%;
	background-color: #fbfbfb;
	padding:8px ;
	flex-wrap: wrap;
	justify-content: space-between;
}
.download-item label{border:none!important;color:#555!important;font-size:1em;font-weight:normal!important;}
.download-item a{margin:5px 5px;}
.download-item a:hover{opacity: 0.8;}

@media (min-width:768px){
	.edm-review .download-item{
		width:24%;
		background-color: #eeeeee;
		margin: 5px .5%;
	}
}

/* link-list */
.link-list{margin-left:20px;}
.link-list a{word-wrap:break-word;}

.exhibition-detail .snad-text{padding:0px;}
.exhibition-detail .snad-pic img{width:100%;}

.music-festival .exhibition-album.media-carousel li .pic-frame{padding:5px;}
.music-festival .exhibition-album.media-carousel li{min-height:320px;}

.exhibition-album.tab-album li{width:50%;overflow:hidden;}
.exhibition-album.tab-album li:nth-child(3n+4){clear:none;}
.exhibition-album.tab-album .pic{ width: 100%;height: auto;aspect-ratio: 45 / 22;overflow: hidden;}
@media(max-width:768px){

	.exhibition-album.tab-album li{width:100%;}
	.exhibition-album.tab-album .pic{height:auto;overflow:hidden;}
}


.dice-menu{padding:15px;display:block;position:fixed;top:350px;right:0px;width:160px;border:1px solid #eee;margin:0px;list-style:none;z-index:9;background:rgba(255,255,255,.7);}
.dice-menu li{position:relative;line-height:1.6em;font-size:1em;}
.dice-menu li:last-child a{border-bottom:none;}
.dice-menu li a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px 0 5px 20px;border-bottom:1px dotted rgba(0,0,0,.2);display:block;}
.dice-menu li:before{content:"";display:block;width:0px;height:0px;left:5px;top:10px;position:absolute;border-left:6px solid #333;border-top:6px solid transparent;border-bottom:6px solid transparent;transform:rotate(-45deg);}
@media(min-width:1600px){
	.dice-menu{right:40px;width:200px}
}
@media(max-width:1200px){
	.dice-menu{display:none;}
}

.tab-content .content-p,.tab-content .form-group.download-item{width:96%;}

.slickLink{padding:0 30px;max-width:1200px;margin:0px auto;}
.slick-next.slick-arrow,.slick-prev.slick-arrow{
	position: absolute;
    top: 50%;
    z-index: 1;
    width: 25px;
    background-color: rgba(60, 96, 113, 0.6);
    height: 50px;
    margin: -25px 0 0 0;
    color: #fff;
    display: flex;
	align-items: center;
	justify-content: center;
	/* cursor: pointer; */
    /* line-height: 50px;
    text-align: center; */
    font-size: 1.8em;
}
.slick-next.slick-arrow:hover,.slick-prev.slick-arrow:hover{background-color:rgba(60,96,113,1)}
.slick-next.slick-arrow{right:0;}
.slick-prev.slick-arrow{left:0;}
.slickLink img{width:100%;height:40px;margin:0 auto;max-width:120px;}
.slickLink.slick-initialized .slick-slide{text-align:center;}
.slickLink a:focus{outline:auto;}
.slick-slide a{height:40px;margin:2px 0;}
.slick-slide a:hover{opacity:0.8;}
.slick-disabled {cursor:context-menu !important;opacity:0.3;}

.font-small,.font-medium,.font-large{    width: 30px;  height: 30px;  /* vertical-align: bottom; */ padding: 0px !important;}
.font-small{font-size: 0.6rem !important;}
.font-medium{font-size: 1rem !important;}
.font-large{font-size: 1.4rem !important;}
.search-result ul li{float:none !important;;}


.cate-a{background-color:#8a730f;}
.cate-b{background-color:#2a7ac0;}
.cate-04{background-color:#807733;}
.cate-05{background-color:#8F613D;}
.cate-06{background-color:#bc5924;}

/* .cate-c{background-color:#dc7b62;}
.cate-d{background-color:#74C542;}
.cate-e{background-color:#FF999A;}
.cate-f{background-color:#00AA8F;}
.cate-g{background-color:#D42F01;}
.cate-h{background-color:#7FCEF5;}*/

.cate-d{background-color:#4a8227;}
.cate-e{background-color: #82a032;color: #26310e;}
.cate-f{background-color: #f5be0a;color: #654f04;}
.cate-g{background-color: #dcbe82;color: #5a4d37;}
.cate-h{background-color: #f0ebe6;color: #6c6a65;}

/* .cate-i{background-color:;} */
.cate-j{background-color:#9e6c00;}
.cate-k{background-color:#3E5F94;}
.cate-l{background-color:#623201;}
.cate-m{background-color:#1C5951;}
.cate-n{background-color:#687F2F;}
.cate-o{background-color:#B81C2A;}
.cate-p{background-color:#8E3531;}
.cate-q{background-color:#5D497A;}
.cate-r{background-color:#6B4C52;}

@media(min-width:992px){
	.historykw-label:before{content:"/"}
}

@media (min-width:768px){
	.wrapper{overflow:hidden;}
	.p-exhibits .item .hover-info h4{margin-top:100px;}
	.p-exhibits.owl-carousel .owl-stage{margin-left:-130px;}

	/* floor */
	.floor-name{font-size:1.5rem;}
	.footer-top .btn{margin-left:0px;}
	
}
@media(max-width:768px){
	
	.table-frame{width:100%;overflow:auto;border:1px solid #ddd;}
	.table-frame:before{content:"向右滑看更多 ➨";display:block;margin-bottom:10px;padding:5px 5px;color:rgb(60,96,112);}

	
	.owl-carousel.center .owl-item.center{transform:none;}

	.recruit-content > div{display:block;border-bottom:1px solid #fff;}	
	
	.lost-item label{width:48%;float:left;margin:0px;}
	.month-filter li{float:left;}

	.header-type-01{width:100%;}	

	.detail-info p{width:100%;}
	.download-item label{margin-left:0px;width:100%;}
}
@media(max-width:425px){
	.scrolltop-btn{right:0px;}
	.fix-message{width:calc(100% - 30px);left:15px;}
	.menu-414{position:fixed;top:0px;left:0px;z-index:30;display:none;}
	.menu-414.open{display:block;}
	#open-menu414{position:relative;z-index:50;}
	.header-t01  .more-btn{width:60px;right:60px;top:50px}
	footer{text-align:center;}
	.wrapper{padding-bottom:0;}
	.footer-sticker{float:none;margin-top:10px;text-align:center;}
	.p-exhibits.owl-carousel .owl-stage{margin-left:-70px;}
	.p-exhibits .item .hover-info p{display:none;}
	.p-exhibits .item .hover-info h4{margin-top:80px;}
	.news-list .news-date{color:#060D2A;margin-bottom:5px;}
	.news-list li{margin-bottom:15px;}
	
	nav.menuFixed #open-menu414{text-align:right;margin-top:-19px;}
	
	.youtube-frame iframe{height:315px;}
	
}
@media(max-width:576px){
	.lost-property-action .col{
		display:block;
	}
	.container.news-detail{
		padding:0 15px;
	}
}
@media print{
	header,.page-share,.print,footer,.acc,.content-header{display:none!important;}
}

.form-col .download-item .fileImage{display: flex;flex-wrap: wrap;}