:root{
	--max-width:75rem;
	--background-variant:#333;
	--on-background:#999;
	--on-background-highlight:#fff;
	--surface:#fff;
	--surface-variant:#f0f0f0;
	--on-surface:#000;
	--on-primary:#fff;
	--secondary:#a3000a;
	--on-secondary:#fff;
	--background:#5b2528;
	--primary:#862727;
	--primary-variant:#957964;
}
.page-index:root{
	--theme:#862727;
	--theme-background:#5b2528;
}
.page-about:root{
	--theme:#862727;
	--theme-background:#5b2528;
}
.page-acquisition:root{
	--theme:#866C51;
	--theme-background:#6E5036 ;
}
.page-collection:root{
	--theme:#703C4E;
	--theme-background:#471930;
}
.page-culture:root{
	--theme:#BE402F;
	--theme-background:#582817;
}
.page-education:root{
	--theme:#389ab3;
	--theme-background:#184451;
}
.page-exhibition:root{
	--theme:#536153;
	--theme-background:#25382E ;
}
.page-news:root{
	--theme:#862727;
	--theme-background:#5b2528;
}
.page-research:root{
	--theme:#5C8080;
	--theme-background:#194B4B;
}
.page-visit:root{
	--theme:#7F6238;
	--theme-background:#60421F;
}

html{font-size:16px;}
*{box-sizing:border-box;}
@font-face{font-family:'icons';src:url('icons.woff') format('woff'),url('icons.woff2') format('woff2'),url('icons.ttf') format('truetype'),url('icons.eot') format('embedded-opentype');font-weight:normal;font-style:normal;}
@font-face{font-family:'fz';src:url('fz.woff') format('woff'),url('fz.woff2') format('woff2'),url('fz.ttf')format('truetype'),url('fz.eot')format('embedded-opentype');font-weight:normal;font-style:normal;}
::after,::before{display:inline-block;vertical-align:middle;}
body {background:var(--theme-background);color:var(--on-surface);font-family:fz,"Helvetica Neue",Helvetica,Arial,sans-serif;/*font-size:0;*/line-height:1.25;-webkit-font-smoothing:antialiased;}
header{background:url(bg-header-01.svg) no-repeat center center/1920px;background-color:var(--theme);position:fixed;top:0;width:100%;height:4rem;z-index:1000;}
main{margin:0 auto;width:100%;max-width:100%;margin-top:4rem;}
footer {background-color:var(--background-variant);color:var(--on-background);padding-top:3.75rem;}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video {border:0;margin:0;padding:0;}
a {color:inherit;text-decoration:none;cursor:pointer;}
button{cursor:pointer;}
h1{font-size:2rem;font-weight:300;padding-bottom:1rem;}
h2{font-size:1.5rem;font-weight:600;padding-bottom:.5em;}
h3{font-size:1rem;font-weight:600;padding-bottom:.5em;}
h4{font-size:1rem;font-weight:600;padding-bottom:.5em;}
h5{font-size:.875rem;font-weight:600;padding-bottom:.5em;}
p{font-size:1rem;line-height:1.5rem;margin-bottom:1em;}
dl{font-size:1rem;line-height:1.6rem;}
p:last-child {margin-bottom:0;}
b,strong{font-weight:600;}
picture,figure{width:100%;overflow:hidden;position:relative;}
ol,ul{list-style:none;font-size:1rem;line-height:1.5rem;}
hr{margin:2rem 0;border:none;border-bottom:1px solid #ccc;}

select,form input[type="text"],textarea{background:var(--surface);outline:none;border:1px solid #ccc;width:100%;padding:.5rem;margin:.5rem 0;font-family:inherit;font-size:1rem;appearance:none;-moz-appearance:none;-webkit-appearance:none;}
select{background-position:right .5rem center;background-repeat:no-repeat;background-size:1rem;background-image:url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="utf-8"?><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 8 6" style="enable-background:new 0 0 8 6;" xml:space="preserve"><path d="M7.1,1.1l0.3,0.3L4,4.9L0.6,1.4l0.3-0.3L4,4.3L7.1,1.1z"/></svg>')}
select:focus{background-image:url('data:image/svg+xml;utf8,<?xml version="1.0" encoding="utf-8"?><svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 8 6" style="enable-background:new 0 0 8 6;" xml:space="preserve"><path d="M0.9,4.9L0.6,4.6L4,1.1l3.4,3.4L7.1,4.9L4,1.7L0.9,4.9z"/></svg>')}
textarea{height:15rem;resize:none;margin-bottom:0;}
textarea+.text-counter{font-size:1rem;padding:.5rem;text-align:right;display:block;background:#ddd;border:1px solid #ccc;border-top:none;}
input[type="submit"]{background:var(--theme);color:var(--on-primary);border:none;border-radius:1rem;outline:none;padding:.5rem 2rem;display:block;margin:1rem auto;appearance:none;-moz-appearance:none;-webkit-appearance:none;}
input[type="submit"]:hover{background:var(--primary);}
input[type="file"]{width:100%;height:100%;position:absolute;top:0;left:0;opacity:0;appearance:none;-moz-appearance:none;-webkit-appearance:none;}

picture.type{display:flex;align-items:center;justify-content:center;}
picture.type::after{content:'';width:64px;height:64px;display:block;position:absolute;}
picture.type.right-top::after{left:auto;right:1rem;top:1rem;bottom:auto;}
picture.type.vr::after{background:url(icon-360.svg);}
picture.type.video::after{background:url(icon-video.svg);}
picture.type.i24::after{width:24px;height:24px;}
picture.type.i32::after{width:32px;height:32px;}
picture.type.i48::after{width:48px;height:48px;}

dl.namelist{margin-top:2rem;}
dl.namelist dt{font-weight:600;}
dl.namelist dt>*{font-weight:300;}

.color-white{color:#fff;}
.color-primary{color:var(--primary)}
.color-primary-variant{color:var(--primary-variant)}
.color-theme{color:var(--theme)}
.float-right{float:right;}
.align-center{text-align:center;}
.image-floatleft{float:left;margin:0 2rem 2rem 0;}
.width90{width:90%;padding:2rem!important;margin:auto;}
.dot-leading::before{content:'';font-family:icons;width:.3rem;height:.3rem;background:var(--primary);margin-right:.5rem;}
.for-pc{display:none!important;}
.for-mobile{display:flex!important;}
.image-shadow{box-shadow:5px 5px 10px 0 rgba(0,0,0,.3)}
.load-more{display:block;text-align:center;color:#888;font-size:1rem;padding:1rem 0;}
.load-more::after{content:'\F006';font-family:icons;display:block;}
.load-more:hover{color:var(--primary)}

.floor-plan{display:grid;grid-template-columns:1fr;}
.floor-plan>.carousel-nav{background:#ccc;width:100%;overflow:hidden;}
.floor-plan>.carousel-main{height:100%;}
.floor-plan>.carousel-main .flickity-slider figure{display:flex;align-items:center;justify-content:center;}
.floor-plan>.carousel-main .flickity-slider figure img{display:block;width:100%;height:auto;}
.floor-plan>.carousel-main .flickity-slider figure img:hover{transform:none;filter:none;}
.floor-plan>.image-grid{display:none;background:#eee;}
.floor-plan>.image-grid figcaption{padding:1rem;}
.floor-plan>.image-grid p{color:var(--primary-variant)}
.floor-plan>.carousel-nav b{background:#ddd;font-size:1.25rem!important;color:#000;text-align:center;width:4rem;height:4rem;padding:1rem 0;margin:0 1px!important;display:inline-block;cursor:pointer!important;}
.floor-plan>.carousel-nav b:hover{background:#ddd;}
.floor-plan>.carousel-nav b.is-selected{background:var(--primary);color:var(--on-primary)}
.floor-plan>.carousel-nav b.is-selected::after{content:'';display:block;width:2rem;height:2rem;background:#fff;margin:auto;margin-top:1rem;transform:rotate(45deg)}
.floor-plan>.carousel-nav .flickity-viewport{overflow:visible!important;}

.people-list>*>*:first-child{display:grid;grid-template-rows:auto 1fr;grid-gap:.5rem;grid-template-columns:auto 1fr auto;margin-bottom:1rem;align-items:end;border-bottom:3px solid var(--primary);}
.people-list .danduimgld-wai{margin-bottom: 9rem;}
.people-list>*>*:first-child img{grid-row:1 / 3;width:90px;}
.people-list img.danduimgld{    height: 90px;
    width: auto;}
.people-list>*>*:first-child h2{color:var(--primary);grid-column:2 / 4;font-size:1rem;line-height:1rem;}
.people-list>*>*:first-child h3{grid-column:2 / 3;font-size:.75rem;line-height:.875rem;}
.people-list>*>*:first-child a{grid-column:3 / 4;margin:.5rem 0;padding:.25rem .5rem;}
.people-list>*>*:first-child a::before{content:'More';font-size:.75rem;}
.people-list>*>*:first-child a::after{content:'';margin:0;}

.text-ellipsis > input{display:none;}
.text-ellipsis > p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:9;overflow:hidden;}
.text-ellipsis > label{display:inline-block;margin-top:1rem;cursor:pointer;}
.text-ellipsis > input:checked + p{display:block;}
.text-ellipsis > input:checked + p + label{display:none;}

.button{background-color:#e4002b;border:2px solid transparent;color:var(--on-primary);display:inline-block;font-size:14px;font-weight:600;min-width:140px;padding:7px;position:relative;text-decoration:none;text-shadow:none;}
.button:hover{background-color:#b10023;}

.linkbutton{display:inline-block;font-size:1rem;text-align:center;border:1px solid var(--primary);background:var(--surface);color:var(--primary);padding:.5em 1em;white-space:nowrap;margin-right:.25em;margin-bottom:.25em;}
.linkbutton::after{content:'\F013';font-family:icons;margin-left:1em;}
.linkbutton:hover{background:var(--primary);color:var(--on-primary);}
.linkbutton.outline{background:rgba(255,255,255,.2);border:1px solid var(--on-primary);color:var(--on-primary);}
.linkbutton.outline:hover{background:var(--on-primary);color:var(--primary);}
.linkbutton.margin{margin:1rem;}
.linkbutton.w200{width:200px;}

.linktag{font-size:1rem;text-align:center;background:var(--theme);color:var(--on-primary);padding:1rem;display:flex;align-items:center;justify-content:center;}
.linktag:hover,.linktag.selected{background:var(--theme-background);}

.icon{display:inline-block;vertical-align:middle;font-weight:300!important;}
.icon::before,.icon::after{font-family:icons;font-size:1.25rem;}
.icon.chinese::before{content:'\F00D';}
.icon.search::before{content:'\F001';}
.icon.square::before{content:'\F014'}
.icon.time::before{content:'\F025';}
.icon.bus::before{content:'\F026'}
.icon.date::before{content:'\F027';}
.icon.copy::before{content:'\F028';}
.icon.user::before{content:'\F029'}
.icon.tel::before{content:'\F02A'}
.icon.gift::before{content:'\F02B';}
.icon.compass::before{content:'\F02C';}
.icon.horn::before{content:'\F02D';}
.icon.phonelocation::before{content:'\F02E';}
.icon.umbrella::before{content:'\F02F';}
.icon.knifefork::before{content:'\F030';}
.icon.inquiry::before{content:'\F031';}
.icon.wheelchair::before{content:'\F032';}
.icon.stroller::before{content:'\F033';}
.icon.lostcase::before{content:'\F034';}
.icon.alarm::before{content:'\F035';}
.icon.chat::before{content:'\F036';}
.icon.doctor::before{content:'\F037';}
.icon.message::before{content:'\F038';}
.icon.metro::before{content:'\F039'}
.icon.location::before{content:'\F03A'}
.icon.camera::before{content:'\F03B';}
.icon.money::before{content:'\F03C';}
.icon.bag::before{content:'\F03D';}
.icon.donot::before{content:'\F03E';}
.icon.english::before{content:'\F00E';}
.icon.share::before{content:'\F040';}
.icon.clipboard::before{content:'\F041';}
.icon.video::before{content:'\F042';}
.icon.cart::before{content:'\F043';}
.icon.triangle::after{content:'\F013';}

.suspend-left-wrapper{padding-left:2rem;}
.suspend-left-wrapper .icon:first-child::before{margin-left:-2rem;margin-top:-.25rem;color:var(--primary)}

.home-slide{overflow:hidden;font-size:0;width:100%;max-width:var(--max-width);margin:auto;}
.home-slide >*{height:100%}
.home-slide img{object-fit:cover;width:100%;height:100%}
.home-slide.fullscreen{max-width:100%}

.carousel .flickity-page-dots{bottom:25px;}
.carousel .flickity-page-dots .dot{opacity:1;width:.5rem;height:.5rem;background:rgba(0,0,0,0);border:1px solid #fff;}
.carousel .flickity-page-dots .dot.is-selected{background:#fff;}
.carousel .flickity-slider > *{font-size:0;}
.carousel .card{width:100%;}
.carousel.padding-top{padding-top:1rem;}
.carousel.margin .flickity-slider > *{margin-right:1rem;}
.carousel.margin-narrow .flickity-slider > *{margin-right:.5rem;}
.carousel.margin-tite .flickity-slider > *{margin-right:.25rem;}
.carousel.no-margin .flickity-slider > *{margin-right:0;}
.carousel.name-list h3{position:absolute;width:100%;background:rgba(0,0,0,.3);padding:1rem;font-size:.875rem;color:var(--on-primary);text-transform:uppercase;bottom:0;}
.carousel.name-list h3:hover{background:rgba(0,0,0,.5);}
.carousel.card-list figcaption{padding:1rem;overflow:hidden;}
.carousel.card-list h3{line-height:1em;text-transform:uppercase;white-space:nowrap;}
.carousel.card-list h3::before{content:'|';font-weight:bold;color:var(--primary);margin-right:.5rem;margin-left:-1rem;}
.carousel.card-list h5{color:var(--primary-variant);line-height:1em;text-transform:uppercase;}
.carousel.card-list p{color:var(--primary-variant);margin-bottom:.5em;max-width:200px;}
.carousel-mobile.title-list{display:flex;flex-wrap:wrap;}
.carousel-mobile.title-list a{width:125px;text-align:center;background:#eee;padding-bottom:1rem;margin:.26rem;}
.carousel-mobile.title-list h3{color:var(--primary);font-size:.875rem;line-height:1rem;padding:0;margin-top:.5rem;}
.carousel-mobile.title-list h3::before{content:'';display:block;width:1rem;height:1rem;background:#eee;position:absolute;margin-top:-.75rem;transform:rotate(45deg);margin-left:2rem;border-radius: 0 0 100% 0;}
.carousel-mobile.title-list p{color:#888;font-size:.75rem;line-height:1rem;}
.carousel-mobile.title-list img{width:100%;}
.carousel.title-list{display:block;}
.carousel.title-list a{margin:auto;}
.carousel.brief-list a{background:var(--primary-variant);}
.carousel.brief-list figcaption{padding:1rem;}
.carousel.brief-list h3{height:12rem;color:var(--on-primary);font-size:1.1rem;line-height:1.5rem;text-overflow:ellipsis;text-transform:uppercase;overflow:hidden;}
.carousel.brief-list h4{font-size:.875rem;color:#000;text-transform:uppercase;}
.carousel.brief-list.brief-list-short a{background:#ACA171;}
.carousel.brief-list.brief-list-short a figcaption{height:300px;margin:auto;} 
.carousel.brief-list.brief-list-short h3{height:12rem;}
.carousel.brief-list.brief-list-short h4{text-align:right;}
.carousel.brief-list.brief-list-short p{text-align:right;color:var(--on-primary)}
.carousel.timeline-list p{z-index:1;position:absolute;top:0;width:10rem;font-size:.875rem;line-height:1rem;font-weight:600;text-align:left;color:var(--primary-variant)}
.carousel.timeline-list a:nth-child(even) p{top:auto;bottom:0;} 
.carousel.timeline-list a::before{content:'';position:relative;display:block;width:100%;height:.5rem;}
.carousel.timeline-list a:nth-child(n)::before{background:#B2804A;top:200px;}
.carousel.timeline-list a:nth-child(2n)::before{background:#733D63;top:170px;}
.carousel.timeline-list a:nth-child(3n)::before{background:#417DB6;}
.carousel.timeline-list a:nth-child(4n)::before{background:#257780;}
.carousel.timeline-list a:nth-child(5n)::before{background:#A5343C;}
.carousel.timeline-list a:nth-child(6n)::before{background:#7F7A7B;}
.carousel .flickity-viewport{height: 440px;}
.carousel.banner-list img{object-fit:cover;width:100%;height:100%;}
.carousel.banner-list h2{z-index:1;position:absolute;width:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;height:5rem;padding:1rem 3rem;color:var(--on-primary);font-size:1rem;line-height:2rem;text-transform:uppercase;margin-top: -5rem;}
.carousel.upper-button .flickity-prev-next-button{top:20%;}
.carousel.p100 .flickity-slider > * {width:100%;}
.carousel.i160 .flickity-slider > * {width:160px;}
.carousel.i200 .flickity-slider > * {width:200px;}
.carousel.i256 .flickity-slider > * {width:256px;}
.carousel.i300 .flickity-slider > * {width:300px;}
.carousel.i400 .flickity-slider > * {width:100%;}
.carousel.p100 .flickity-slider a{height: 100%;}
.carousel .flickity-slider figure{height:100%;}
.carousel .flickity-slider img{width:100%;}
.carousel .flickity-slider figure img{transition:all 0.3s;transform-origin:center;overflow:hidden;width:100%;}
.carousel .flickity-slider figure img:hover{transform:scale(1.05);filter:brightness(85%);}
.carousel.carousel-nav img{width:auto;}
.carousel article{position:absolute;width:100%;padding:3rem 3.5rem;top:0;overflow:hidden;}
.carousel article.floatright{top:auto;right:0;bottom:0;padding:1.5rem;}
.carousel article.floatright h2{font-size:1.25rem;}
.carousel article.floatright h3{font-size:.875rem;}
.carousel article.floatright p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
.carousel article.floatright.r2{position:relative}

.image-carousel{position:relative}
.image-carousel >*:first-child{margin-bottom:.25rem;}
.image-carousel .carousel-nav{overflow:visible;}

.imgviewer{position:relative;}
.imgviewer>i{position:absolute;top:0;right:0;font-style:normal;width:2rem;height:2rem;}
.imgviewer>i::before{content:'\F001';font-family:icons;font-size:1rem;color:var(--on-primary);padding:.5rem;text-shadow:0 0 2px rgba(0,0,0,.87);cursor:pointer;}
.imgviewer.no-control .leaflet-control{display:none!important;}

.image-viewer{position:fixed;width:100%;max-width:100%!important;height:100%;left:0;top:0;z-index:9999;background:rgba(0,0,0,.87);padding:5%;display:flex;align-items:center;justify-content:center;}
.image-viewer>div{position:relative;width:100%;height:100%;overflow:hidden;}
.image-viewer>div>img{display:none;width:100%;height:100%}
.leaflet-container{background:none;}

 
.card {display:flex;flex-direction:column;margin:0;max-width:100%;font-size:0;}
.card .card-item-wrapper{position:relative;flex-basis:50%;height:100%;justify-content:center;overflow:hidden;background:var(--surface)}
.card .card-item-wrapper figure{justify-content:flex-end;}
.card .card-item-wrapper figure img{align-self:center;flex-basis:0;flex-grow:1;flex-shrink:0;width:100%;object-fit:cover;position:relative;}
.card .card-text-wrapper{background-color:var(--surface);display:flex;flex-basis:50%;}
.card .card-text-wrapper.variant,.card .card-item-wrapper.variant{background-color:var(--surface-variant);}
.card .card-text{display:flex;align-items:start;align-self:center;flex-direction:column;padding:1.5rem;width:100%;}
.card.gap > *{flex-basis:calc(50% - 1rem);}
.card.gap > *:last-child{margin-top:1rem;}
.card.newslist img{width:100%;height:100%!important;object-fit:cover;}
.card.newslist .card-item-wrapper a{width:100%;height:auto;}
.card.t73 .card-text-wrapper{flex-basis:70%}
.card.t73 .card-item-wrapper{flex-basis:30%}
.card.no-bg .card-item-wrapper,.card.no-bg .card-text-wrapper{background:none;}

.image-grid{display:grid;max-width:100%;grid-gap:0;overflow:hidden;}
.image-grid>*{display:block;overflow:hidden;}
.image-grid>a{position:relative;font-size:0;}
.image-grid img{width:100%;height:100%;transition:all 0.3s;transform-origin:center;}
.image-grid img:hover{transform:scale(1.05);filter:brightness(85%);}
.image-grid h2{position:absolute;bottom:0px;width:100%;display:flex;align-items:flex-start;padding:.5rem;color:var(--on-primary);font-size:.875rem;line-height:1.1rem;text-transform:uppercase;}
.image-grid p{line-height:1.25rem;}
.image-grid.detail{color:var(--on-primary);position:relative;}
.image-grid.detail figure+*{padding:1rem;}
.image-grid.detail >*:hover{background:var(--primary-variant)}
.image-grid.detail h3{font-size:1.25rem;height:3rem;margin-bottom:1rem;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;}
.image-grid.detail h4{font-size:1rem;margin-bottom:1rem;font-weight:300;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;text-overflow: ellipsis;height:2.5rem;overflow:hidden;}
.image-grid.detail p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;text-overflow:ellipsis;height:5rem;overflow:hidden;margin-bottom:0;}
.image-grid.detail label{display:block;text-align:right;text-transform:uppercase;font-size:.75rem;color:#000;}
.image-grid.detail.gray >*{background:#B2B2B2;}
.image-grid.detail.gray >*:hover{background:var(--theme);}
.image-grid.detail.gray  p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;text-overflow:ellipsis;height:4.8rem;overflow:hidden;}
.image-grid.title-top h2{bottom:auto;top:0;text-transform:none;padding:1rem;height:auto;}
.image-grid.l2 p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:2.5rem;margin-bottom:1rem;}
.image-grid.square figure{background:#e1e1e1;width:100%;height:0;padding-bottom:100%;}
.image-grid.square figure>div{position:absolute;width:100%;height:100%;top:0;display:flex;align-items:center;justify-content:center;}
.image-grid.square figure img{width:auto;height:auto;max-height:100%;max-width:100%;object-fit: contain;}

.layout-grid{display:grid;max-width:100%;grid-gap:0;font-size:0;}
.layout-grid.c2{grid-template-columns:1fr 1fr;}
.layout-grid.c2.c2-1{grid-template-columns:1fr;}
.layout-grid.c2.c3-7{grid-template-columns:1fr;}
.layout-grid.c2.c3-7 >*{display:flex;flex-wrap:wrap;align-items:center;}
.layout-grid.c2.c3-7 >*:first-child img{width:100%;}
.layout-grid.c2.c2-8{grid-template-columns:1fr;}
.layout-grid.c2.c2-8 >*{display:flex;flex-wrap:wrap;align-items:flex-start;}
.layout-grid.c2.c2-8 >*:first-child img{width:100%;}
.layout-grid.c3{grid-template-columns:repeat(3,33.33333%);}
.layout-grid.c3.c3-1{grid-template-columns:1fr;}
.layout-grid.c3.c3-2{grid-template-columns:1fr 1fr;}
.layout-grid.c3-23-r3-123{grid-gap:1rem;}
.layout-grid.c3-23-r3-123 > *{background:var(--surface);padding:2rem;}
.layout-grid.c3-23-r3-123 > *:nth-child(1){background:none!important;padding:0;}
.layout-grid.c12-21-4{grid-template-columns:1fr 1fr;grid-gap:3px;}
.layout-grid.c21-3{grid-template-columns:1fr 1fr;}
.layout-grid.c21-3>*:first-child{grid-column:1/3}
.layout-grid.c4{grid-template-columns:1fr 1fr;}
.layout-grid.c4.l2f{grid-template-columns:1fr;}
.layout-grid.c5{grid-template-columns:1fr 1fr 1fr 1fr 1fr;}
.layout-grid.c5.c5-2{grid-template-columns:1fr 1fr;}
.layout-grid.g0{grid-gap:0;}
.layout-grid.g1{grid-gap:1px;}
.layout-grid.g4{grid-gap:.25rem;}
.layout-grid.g8{grid-gap:.5rem;}
.layout-grid.g16{grid-gap:1rem;}
.layout-grid.g32{grid-gap:2rem;}

.left-main{align-items:flex-start!important;}
.left-main>*{padding:1.5rem;height:100%;align-items:flex-start!important;}
.left-main>*:first-child{background:#eee;}

.short-article h3{text-transform:uppercase;font-size:1rem;color:var(--theme);}
.short-article.color-text p{color:var(--primary-variant);font-size:1rem;}
.short-article .bg-pattern-meeting{background-image:url(bg-pattern-02.svg);background-repeat:no-repeat;background-position:right -20px bottom -50px; }

.banner-tag{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.banner-tag picture,.banner-tag img{position:relative;width:100%;height:100%;}
.banner-tag article{position:absolute;top:0px;width:100%;height:100%;left:0;padding:1rem;text-align:center;color:var(--on-primary);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;}
.banner-tag h1{padding:0;}
.banner-tag h2{font-size:1.5rem;font-weight:300;}
.banner-tag h3{display:inline-block;padding:.5em 1em;font-size:1rem;border:1px solid var(--on-primary);}
.banner-tag > div{position:absolute;bottom:3rem;}
.banner-tag .align-left{text-align:left;}
.banner-tag .labels{margin:1rem auto 0 auto;width:auto;display:inline-grid;}
.banner-tag .labels label{display:inline-block;height:3rem;left:0;padding:0 .5rem;background:rgba(255,255,255,.9);color:var(--on-surface);text-align:center;white-space:nowrap;font-size:.75rem;font-weight:600;line-height:3rem;cursor:pointer;}
.banner-tag .labels label::before{float:left;color:#aaa;font-size:1.5rem;display:inline-block;margin-right:.1em;font-weight:300!important;}

.banner-tag .labels label:hover,.banner-tag .labels label.selected,.banner-tag .labels:hover label.selected:hover{background:var(--primary)!important;color:var(--on-primary)!important;}
.banner-tag .labels label:hover::before,.banner-tag .labels label.selected::before,.banner-tag .labels:hover label.selected:hover::before{color:var(--on-primary)!important;}
.banner-tag .labels:hover label.selected{background:rgba(255,255,255,.9)!important;color:var(--on-surface)!important;}
.banner-tag .labels:hover label.selected::before{color:#aaa!important;}
.banner-tag.bg-color{background:var(--primary-variant)}
.banner-tag.bg-color article{position:relative!important;}
.banner-tag.title-top article{align-items:flex-start;justify-content:flex-start;}
.banner-tag.margin-bottom{margin-bottom:1rem;}

.normal-tag > div:first-child{overflow:hidden;display:grid;}
.normal-tag > div:first-child label{font-size:.875rem;padding:1rem .5rem;text-align:center;text-overflow:ellipsis;}
.normal-tag > input{display:none;}
.normal-tag > input+*{display:none;}
.normal-tag > input:checked+*{display:block;}
.normal-tag > div:first-child .icon::before{display:block;font-size:2rem;}

.normal-tag.devided > div:first-child{border-bottom:3px solid #5C7E56}
.normal-tag.devided > div:first-child label{background:#A5B8A2;color:#fff;text-transform:uppercase;}
.normal-tag.devided > div:first-child label a{display: block;}
.normal-tag.devided > div:first-child label.selected{background:#5C7E56;}
.normal-tag.lined > div:first-child{grid-gap:0;border-bottom:2px solid var(--primary-variant)}
.normal-tag.lined > div:first-child label.selected{color:var(--primary-variant);border-bottom:4px solid var(--primary-variant)}
.normal-tag.filled > div:first-child{grid-gap:1px;background:var(--primary);color:var(--on-primary);}
.normal-tag.filled > div:first-child label.selected{background:var(--secondary);}
.normal-tag.t3 > div:first-child{grid-template-columns:1fr 1fr 1fr;grid-gap:3px;}
.normal-tag.t5 > div:first-child{grid-template-columns:repeat(3,1fr);}
.normal-tag.t7 > div:first-child{grid-template-columns:repeat(7,auto);align-items:center;}
.normal-tag.t7 > div:first-child label{font-size:.75rem;padding:1rem 0;}

.tag-list{height:5.25rem;}
.tag-list a{display:inline-block;background:#fff;color:#A5B8A2;border:1px solid #A5B8A2;border-radius:3rem;padding:1rem 1.5rem;margin:1rem .25rem!important;font-size:1rem!important;line-height:1rem;white-space:nowrap;box-size:border-box;}
.tag-list a:hover{background:#5C7E56;color:#fff}

.picture-content figcaption{position:absolute;z-index:1;width:100%;padding:1.5rem;}
.picture-content figcaption h2{font-size:1rem;color:var(--theme);display:block;height:3rem;text-transform:uppercase;border-bottom:1px solid var(--primary)}
.picture-content.dark figcaption h2{color:var(--on-primary);border-bottom:1px solid var(--on-primary);}
.picture-content img{width:100%}

.picture-article{position:relative;}
.picture-article img{width:100%;}
.picture-article > article.align-center{text-align:center;}
.picture-article > article{position:absolute;top:0;width:100%;height:100%;padding:2rem;color:#fff;}
.picture-article .absolute-middle{diplay:flex;flex-wrap:wrap;align-items:center;justify-content:center;}

.picture-title figure,.picture-title img{height:100%;}
.picture-title figcaption{position:absolute;width:100%;padding:1rem;background:rgba(0,0,0,.75);height:5rem;bottom:0;}
.picture-title figcaption h2{color:#fff;font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-bottom:.1rem; }
.picture-title figcaption h3{color:#fff;text-align:right;font-weight:300;font-size: .8rem;}
.picture-title img{width:100%}

.picture-brief figcaption{position:relative;width:100%;padding:1rem;background:#A5B8A2;}
.picture-brief figcaption h2{color:#fff;font-size:1rem;height:7.5rem;margin-bottom:.5rem;overflow:hidden;text-transform:uppercase;}
.picture-brief figcaption h3{color:#000;text-align:right;font-size: .9rem;height: 2.5rem;}
.picture-brief figcaption h4{color:#fff;text-align:right;font-weight:300;height: 3rem;}
.picture-brief img{width:100%;}

.board{background-color:var(--surface-variant);padding:1.5rem;}
.board.padding-left.pattern03{background-image:url(bg-pattern-06.svg),url(bg-pattern-03.svg)}
.board.padding-left.pattern04{background-image:url(bg-pattern-06.svg),url(bg-pattern-04.svg)}
.board.padding-left.pattern05{background-image:url(bg-pattern-06.svg),url(bg-pattern-05.svg)}
.board.padding-left{background-repeat:no-repeat;background-position:left  -100% top -100%,left -50px top 100px;background-size:50px,200px;}
.board.background-translucent-white{background:rgba(255,255,255,.9);}
main > section.variant .board{background-color:var(--surface);}

.title-searchbox{display:flex;width:100%;border:1px solid #A5B8A2;height:3rem;border-radius:1.5rem;margin-top:1rem;}
.title-searchbox input{font-size:1rem;background:none;padding:1rem;border:none;width:100%;outline:none;}
.title-searchbox button{font-size:1.5rem;padding:0 1rem;border:none;background:none;outline: none;}
.title-searchbox button::before{content:'\F001';font-family:icons;color:#5C7E56;}

.news-list{margin:0;padding:0;width:100%;border-top:4px solid var(--primary)}
.news-list li{margin:0;padding:.25rem 0;border-bottom:2px solid var(--primary);}
.news-list a{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;width:100%;overflow:hidden;color:var(--on-surface);text-overflow:ellipsis;font-size:1rem;line-height:1.5rem;}
.news-list a:hover{color:var(--primary);}
.news-list label{display:block;font-size:.875rem;color:#999;text-align:right;}
.news-list.max{max-width:50rem;margin:auto;}

.info-list{list-style:none;}
.info-list li{padding-left:1em;text-indent:-1em;}
.info-list li::before{content:'';width:.25em;height:.25em;background:var(--primary-variant);margin-right:1em;}

.catalog-list>h3{margin-top:3rem;}

.search-header{max-width:50rem;margin:auto;border-bottom:2px solid var(--primary);margin-bottom:1rem;}
.search-header a{float:right;color:var(--primary-variant)}
.search-header a::after{content:'\F001';font-family:icons;margin-left:.5rem;}
.search-header a:hover{color:var(--primary)}
.research-results{max-width:50rem;list-style:none;padding:0;margin:0 auto;}
.research-results li{padding:1rem;margin-bottom:1rem;background:var(--surface-variant)}
.research-results li:last-child{margin-bottom:0}
.research-results h2 a{font-size:1.25rem;font-weight:300;}
.research-results h2 a .hit{color:#f00;}
.research-results h2 a:hover{text-decoration:underline;}
.research-results h3{font-size:.875rem;font-weight:300;color:#888;}
.research-results p{font-size:1rem;line-height:1.5em;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
.research-results p .hit{color:#f00;}
/* .research-results p::after{content:'...'} */
.research-results cite{font-size:.875rem;color:#888;font-style:none;}
.research-results strong{color:#f00;font-weight:300;}
main > section.variant .research-results li{background:var(--surface)}
main > section.variant .research-results li div{    
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    word-wrap:break-word;
}

.page{display:table;margin:2rem auto;}
.page a{height:2.25rem;padding:.5rem .8rem;margin:.25rem;font-size:1rem;border:1px solid #ccc;touch-action:manipulation;}
.page a.prev,.page a.next{border:none;}
.page a.prev,.page a.next,.page a.selected{display:inline-block;}
.page a.prev::before{content:'\F008';font-family:icons;}
.page a.next::before{content:'\F009';font-family:icons;}
.page a.disabled{color:#ccc;border-color:#ddd;}
.page a.selected{background:var(--primary);color:var(--on-primary);border-color:var(--primary);}
.page a:hover{background:#ddd;color:#000;}

.masonry >*{width:50%;padding:1px}

header{text-align:right;}
header input[type=checkbox],header input[type=radio]{display:none;}
header .head-wrap{margin:0 auto;width:100%;height:4rem;max-width:var(--max-width);display:flex;justify-content:center;align-items:center;}
header .head-wrap::before{content:'\F00C';font-family:icons;font-size:2.8rem;color:var(--on-primary);margin-top:.75rem;}

header .icon{width:1.25rem;height:1.25rem;margin:.5rem;color:var(--on-primary);}
header .icon.menu{left:.5rem;}
header .icon.menu::before{content:'\F002';}
header .icon.menu.open::before{content:'\F003';}

header .icon.menu,header .head-links{position:absolute;top:1rem;}

header .head-links{display:inline-block;right:1rem;}
header .head-links a{font-weight:600;}
header .head-links a:hover{color:var(--on-primary);}

header .head-search-box{display:none;background-color:var(--theme);position:absolute;top:4rem;width:100%;max-width:var(--max-width);padding:1rem;z-index:999;}
header .head-search-box input{width:100%;font-size:1rem;padding:.5rem;border:none;background:var(--surface);}
header .head-search-box button{font-size:1rem;width:2.4rem;margin-left:.25rem;font-weight:600;background:#b2b2b2;border:none;color:#fff;text-align:center;}
header .head-search-box button:hover{background:var(--surface);color:var(--primary)}
header .head-search-box.open{display:flex;}

header .head-menu{display:none;background-color:var(--theme);position:absolute;z-index:10;right:0;top:4rem;margin:0;padding:0;width:100%;height:calc(100vh - 60px);max-height:calc(100vh - 60px);text-align:left;overflow:hidden;overflow-y:auto;}
header .head-menu.open{display:block}
header .head-menu li{display:block;border-bottom:1px solid var(--on-primary);width:100%;height:auto;}
header .head-menu li div{display:flex;}
header .head-menu li a{width:100%;font-size:1rem;font-weight:300;color:var(--on-primary);text-decoration:none;display:block;padding:1rem;white-space:nowrap;}	
header .head-menu li label{font-size:1rem;cursor:pointer;padding:1rem;}
header .head-menu li label::after{content:'\F004';font-family:icons;color:var(--on-primary)}
header .head-menu ul{display:none;background-color:var(--theme);position:relative;clear:both;width:100%;height:auto;margin:0;padding:0;}
header .head-menu ul li{display:block;border:none;}
header .head-menu ul li:hover{background-color:rgba(0,0,6,0.2)}
header .head-menu ul li a{padding:.625rem 1.25rem;display:block;font-weight:300;}
header .head-menu ul li a::after{content:'\F009';font-family:icons;color:var(--on-primary);float:right;}
header .head-menu li.open ul{display:block}
header .head-menu li.open label::after{content:'\F005';font-family:icons;}

main > section{padding:0;margin:auto;width:100%;max-width:var(--max-width)!important;background:var(--surface);overflow:hidden;}
main > section.variant{background:var(--surface-variant)}
main > section.fullscreen{padding:0;max-width:100%!important;}
main > section.padding{padding:1.5rem;}
main > section.padding-horizon{padding-left:1.5rem;padding-right:1.5rem;}
main > section.padding-vertical{padding-top:1.5rem;padding-bottom:1.5rem;}
main > section.padding-top{padding-top:1.5rem;}
main > section >  h2{padding:1.4rem;font-size:1.1rem;white-space:nowrap;overflow:hidden;}
main > section.padding > h2{padding:0;padding-bottom:1.5rem;}
main > section.padding-horizon >  h2{padding-left:0;padding-right:0}
main > section.padding-vertical >  h2{padding-top:0;padding-left:1.5rem;padding-right:1.5rem;}
main > section.padding-top >  h2{padding-top:0;}
main > section >  h2::before{content:'\F00B';font-family:icons;font-size:.75em;font-weight:300;margin-right:.5em;color:var(--primary);}
main > section >  h2 > a{font-size:1rem;line-height:2em;color:var(--primary-variant);float:right;}
main > section >  h2 > a:hover{color:var(--primary);border-bottom:1px solid var(--primary);}
main > section >  h2 > a::after{content:'\F015';font-family:icons;}
main > section.theme{background:url(bg-pattern-01.svg) repeat center center;background-color:var(--theme);}
main > section.theme > h2{color:var(--on-primary)}
main > section.theme > h2 > a{color:rgba(255,255,255,.5)}
main > section.theme > h2 > a:hover{color:var(--on-primay);border-color:var(--on-primay);}

main > section > nav{background:var(--surface-variant);padding:1.5rem;}
main > section > nav > a{font-size:1rem;font-weight:600;color:var(--theme);}
main > section > nav > a:hover{text-decoration:underline}
main > section > nav > a::after{content:'/';margin:0 .5rem;}
main > section > nav > a:last-child::after{content:'';margin:0;}

main >.article{display:grid;}
main >.article.c4-6{grid-template-columns:1fr;grid-gap:2rem;align-items:flex-start;}
main >.article.c3-7{grid-template-columns:1fr;grid-gap:2rem;align-items:flex-start;}
main >.article.c3-7 > *:last-child{margin-top: 30px;}
main >.article section.article-title{}
main >.article section.article-title h1{margin-top: 1rem;font-family:"Times New Roman",Georgia,Serif;font-size:1.5rem;/*text-transform:uppercase;*/max-width:50rem;/* margin-bottom:2rem; */}
main >.article section.article-title h2{font-size:1.1rem;line-height:1.25rem;color:var(--primary);border-bottom:2px solid var(--primary);}
main >.article section.article-title h3{font-size:1rem;line-height:1.25rem;padding:.5rem 0;}
main >.article section.article-info{padding:1.5rem 0;font-size:1rem;}
main >.article section.article-info b{color:var(--primary);}
main >.article section.article-body{padding:1.5rem 0;width:100%;}
main >.article section.article-body figure img{margin:auto;width:100%;}
main >.article section.current_articleBody table{/* width: 100% !important; */}
main >.article aside figure{display:flex;align-items:center;justify-content:center;}
main >.article aside figure img{max-width:100%;}
main >.article.news section.article-body,main >.article.news section.article-info,main >.article.news section.article-title{max-width:50rem;margin:auto;}
main >.article.news section.article-title h1{text-align:center;margin-left:auto;margin-right:auto;}
main >.article.news section.article-title h3{text-align:center;color:var(--primary-variant)}
main >.article.news section.article-body figure{width:auto;text-align:center;margin:0 0 4rem 0;}
main >.article.news section.article-body figure figcaption{margin-top:.5rem;font-size:.75rem;text-align:left;font-style:italic;}

footer {padding:3rem;}
footer > *{width:100%;max-width:var(--max-width);margin:auto;padding:1rem 0;}
footer > div > a {float:right;color:var(--on-primary);opacity:.7}
footer > div > a::after{content:'\F007';font-family:icons;font-size:.875rem;color:var(--on-primary);display:block;width:1.5rem;height:1.5rem;padding:0;background:var(--primary-variant);display:flex;align-items:center;justify-content:center;}
footer > div > a:hover{opacity:1;text-decoration:none;}
footer .footer-logo{display:inline-block;}
footer .footer-logo::before{content:'\F00C';font-family:icons;font-size:2.8rem;line-height:1em;color:var(--primary-variant);margin-bottom:.5em;}
footer > div > ul{display:grid;grid-template-columns:repeat(1, 1fr);grid-gap:1rem;}
footer > div > ul > li{border-top:1px solid #555;padding-top:1rem;}
footer > div > ul > li > div > a{color:var(--on-primary);}
footer > div > ul > li > a{color:var(--on-primary-variant);}
footer a{font-size:1rem;line-height:1.5em;}
footer a:hover{text-decoration:underline;color:#fff;}
footer img{width:8rem}
.phone_xianshiba{display: none;}
.pc_xianshiba{display: block;}

.julileftri{padding: 0px 2rem 1rem;}
.julileftri2{padding: 0px 2rem 1rem;}

@media only screen and (max-width:750px){
.picture-brief img{width:100%;height: 18rem;}
main >.article{display: block;}
main >.article section.current_articleBody table {width: 100% !important;}
main >.article section.current_articleBody table img{width:5rem !important;}
.banner-tag .labels label.inquiry a{font-size: .6rem;}
.carousel .flickity-viewport{height: 16.6rem}
.carousel.banner-list h2{z-index:1;position:absolute;width:100%;background:rgba(0,0,0,.5);display:flex;align-items:center;height:8rem;padding:1rem 3rem;color:var(--on-primary);font-size:1rem;line-height:1.6rem;text-transform:uppercase;margin-top: 0}
.banner-tag article{padding: .8rem;}
.banner-tag .labels label{padding: 0 .3rem;}
.card.newslist img{height: 12.5rem !important;}
.carousel-mobile.title-list p {height: 2rem;}
.highlightsOthersA::after {
    content: 'Others...';
    font-family: icons;
 }
 .banner-tag h2{    
 	display: block;
    width: 100%;
    text-align: left;}

    .phone_xianshiba{display: block;}
.pc_xianshiba{display: none;}

.julileftri{padding: 0px 0.5rem 1rem 1rem;}
.julileftri2{padding: 0px 1rem 1rem 0.5rem;}
}

@media only screen and (min-width:360px){
	.people-list>*>*:first-child h2{font-size:1.25rem;}
	.layout-grid.c4.l2f{grid-template-columns:1fr 1fr;}
	.layout-grid.c4.l2f>*:nth-child(7),.layout-grid.c4.l2f>*:nth-child(8){grid-column:1/3;}
	main > section >  h2{font-size:1.25rem}
}
@media only screen and (min-width:400px){
	.carousel.i400 .flickity-slider > * {width:400px;}
}
@media only screen and (min-width:500px){
	header .head-search-box button{display:block;}
	main > section >  h2{font-size:1.5rem}
	.layout-grid.c2.c2-8{grid-template-columns:20% 80%;}
	.banner-tag .labels label{font-size:1rem;}
	.carousel article.floatright{width:28rem;bottom:0rem;padding:2rem;}
	.carousel article.floatright.r2{width:100%;}
	.image-grid.col2{grid-template-columns:repeat(2, 50%);}
	.image-grid h2{padding:1rem;}
	.picture-content figcaption{padding:2.5rem;}
	.picture-content figcaption h2{font-size:1.5rem;height:3.6rem;}
	.title-searchbox{float:right;width:50%;margin-top:0;}
	.normal-tag.t7 > div:first-child{grid-template-columns:repeat(7,1fr);}
	.normal-tag.t7 > div:first-child label{font-size:1rem;padding:1rem .5rem;}
	footer > ul{grid-auto-flow:row;grid-template-columns:repeat(2, 1fr);}
}

@media only screen and (min-width:656px){
	h1{font-size:3rem;}
	h2{font-size:1.75rem;font-weight:600;}
	h3{font-size:1.1rem;}
	footer > div > ul{grid-auto-flow:column;grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(5, 1fr);}
	main > article > section.article-body.c3-7{grid-template-columns:30% 65%;}
	.for-pc{display:flex!important;}
	.for-mobile{display:none!important;}
	.picture-brief figcaption{padding:2rem;}
	.masonry >*{width:33.33%;padding:1px}
	.card .card-text{padding:3rem;}
	.carousel article.floatright{right:10%;bottom:3rem;}
	.carousel.upper-button .flickity-prev-next-button{top:30%;}
	.carousel article.floatright.r2{position:absolute;width:28rem;}
	.layout-grid.c4{grid-template-columns:1fr 1fr 1fr 1fr;}
	.layout-grid.c4.l2f{grid-template-columns:1fr 1fr;}
	.image-grid.detail h3{height:3rem;}
	.image-grid.detail2 p{margin:2rem 0;}
	.board.padding-left{padding-left:25%;}
	.board.padding-left{background-position:left 50px top 50px,left -50px top 150px;background-size:100px,200px;}
	.layout-grid.c3.c3-2{grid-template-columns:repeat(3,33.3333%);}
	.layout-grid.c3.c3-1{grid-template-columns:repeat(3,33.3333%);}
	.layout-grid.c2.c2-1{grid-template-columns:1fr 1fr;}
	.layout-grid.c2.c3-7{grid-template-columns:30% 70%;}
	.layout-grid.c12-21-4{grid-template-columns:repeat(12,1fr);grid-gap:3px;}
	.layout-grid.c12-21-4 > *:nth-child(1){grid-column:1 / 9}
	.layout-grid.c12-21-4 > *:nth-child(2){grid-column:9 / 13}
	.layout-grid.c12-21-4 > *:nth-child(3){grid-column:1 / 4;}
	.layout-grid.c12-21-4 > *:nth-child(4){grid-column:4 / 7;}
	.layout-grid.c12-21-4 > *:nth-child(5){grid-column:7 / 10;}
	.layout-grid.c12-21-4 > *:nth-child(6){grid-column:10 / 13;}
	.people-list>*>*:first-child{grid-gap:1rem;height: 8rem;}

	.people-list .danduimgld-limian{height: auto; }
	.people-list>*>*:last-child{margin-bottom:5rem;}
	.people-list>*:last-child>*:last-child{margin-bottom:0;}
	.people-list>*>*:first-child img{width:125px;height: 100%}
	.people-list img.danduimgld{width:auto;height: auto;}
	.people-list>*>*:first-child h2{font-size:1.75rem;line-height:1.5rem;}
	.people-list>*>*:first-child h3{font-size:1rem;line-height:1.5rem;}
	.people-list>*>*:first-child a{margin:.5rem 0;padding:.5rem;}
	.people-list>*>*:first-child a::before{content:'More';font-size:1rem;}
	.people-list>*>*:first-child a::after{content:'\F013';font-family:icons;margin-left:1rem;}

}


@media screen and (min-width:900px) {
	main > section >  h2{font-size:1.75rem;}
	main > section >  h2 > a::after{content:'More...';font-family:fz;}
	main > section >  h2 > a.highlightsOthersA::after{content:'Others...';font-family:fz;}
	main >.article section.article-title h1{font-size:2rem;}
	main >.article section.article-title h2{font-size:1.25rem;}
	main >.article section.article-title h3{font-size:1rem;}
	main >.article.c4-6{grid-template-columns:40% 60%;}
	main >.article.c3-7{grid-template-columns:30% 70%;display: grid;}
	footer > div > ul{grid-auto-flow:column;grid-template-columns:repeat(5, 1fr);grid-template-rows:repeat(2, 1fr);}
	main > section > nav{background:#f9f9f9;padding:2rem 4rem;}
	.page a{display:inline-block;}
	.floor-plan{grid-template-columns:4rem 1fr 25%;border-top:1px solid #ddd;border-bottom:1px solid #ddd;}
	.floor-plan>.carousel-nav .flickity-viewport{transform:rotate(-90deg);}
	.floor-plan>.carousel-nav .flickity-slider{transform:translateX(-311%)!important;}
	.floor-plan>.carousel-nav b label{display:inline-block;transform:rotate(90deg);cursor: pointer;}
	.floor-plan>.image-grid{display:block;}
	.board{padding:3rem;}
	.masonry >*{width:25%;padding:1px}
	.text-ellipsis > p{display:block;}
	.text-ellipsis > label{display:none!important;}
	.layout-grid.c21-3{grid-template-columns:1fr 1fr 1fr;}
	.carousel.name-list h3{font-size:1rem;line-height:1.25rem;}
	.image-grid h2{font-size:1rem;line-height:1.25rem;}
	.image-grid.col3{grid-template-columns:repeat(3, 33.33333%);}
	.image-grid.detail figure+*{padding:2rem;}
	.card{flex-direction:row;}
	.card .card-item-wrapper figure img{height:420px;}
	.card.gap > *:last-child{margin-left:2rem;margin-top:0;}
	.card.newslist img{width:100%;height:360px!important;}
	.card.newslist .card-item-wrapper a{width:100%;height:360px;}
 	.carousel article.floatright{bottom:1.5rem;right:12.5%;width:35rem;}
	.carousel article.floatright.r2{width:35rem;}
	.carousel.upper-button .flickity-prev-next-button{top:50%;}
	.layout-grid.c30-70{grid-template-columns:20% 80%;}
	.layout-grid.c3-23-r3-123 {grid-template-columns:60% 20% 20%;grid-gap:1rem;}
	.layout-grid.c3-23-r3-123 > *:nth-child(1){grid-column:1/3;padding:0 0 2rem 0}
	.layout-grid.c3-23-r3-123 > *:nth-child(2){grid-row:1/2;grid-row:2/3;}
	.layout-grid.c3-23-r3-123 > *:nth-child(3){grid-column:2/3;grid-row:2/3;}
	.layout-grid.c3-23-r3-123 > *:nth-child(4){grid-column:1/2;grid-row:3/4;}
	.layout-grid.c3-23-r3-123 > *:nth-child(5){grid-column:2/3;grid-row:3/4;}
	.layout-grid.c3-23-r3-123 > *:nth-child(6){grid-column:3/4;grid-row:1/4;}
	.layout-grid.c5.c5-2{grid-template-columns:repeat(5, 1fr);}
	.layout-grid.c4.l2f{grid-template-columns:1fr 1fr 1fr 1fr;}
	.layout-grid.c4.l2f>*:nth-child(7),.layout-grid.c4.l2f>*:nth-child(8){grid-column:auto;}
	.left-main>*{padding:4rem;}
	.news-list.label-right li{display:flex;align-items:center;padding:.5rem 0;}
	.news-list.label-right label{margin-left:1rem;}
}

@media screen and (min-width:1200px) {
    header{position:relative;height:7rem;}
	header .head-wrap{display:block;height:100%;position:relative;}
	header .head-wrap::before{font-size:4rem;float:left;margin-top:1.5rem;}
	header .icon.menu{display:none;}
	header .head-logo{float:left;height:100%;display:flex;}
	header .head-logo::before{width:12rem;margin:1.5rem 0;font-size:3.75rem;}
	header .head-links{position:static;margin-top:1rem;}
	header .head-links .icon,header .head-links .icon::before{width:auto;height:auto;margin:.25rem;color:rgba(255,255,255,.5)}
	header .head-links .icon:hover::before{color:#fff;}
	header .head-links a{font-size:1.1rem;}
	header .head-search-box{top:7rem;}
	header .icon.chinese::before{content:'';}
	header .icon.chinese::after{content:'\F00A';font-family:'icons'}
	header .icon.search::before{margin-right:.5rem}
	header .icon.search::after{content:'Search';font-family:fz;}
	header .head-menu{display:flex!important;width:auto;height:auto;overflow:visible;border:none;background:none;z-index:1000;}
	header .head-menu li{display:inline-block;width:auto;height:3rem;border:none;}
	header .head-menu li a{padding:0;}
	_:-webkit-full-screen:not(:root:root), header .head-menu li a{letter-spacing:-.05em}
	header .head-menu li div{padding:.5rem .75rem;padding-right:0!important;}
	header .head-menu li div::after{content:'|';display:inline-block;font-size:.875rem;font-weight:600;margin-left:.75rem;color:#fff;}
	header .head-menu li:last-child div::after{display:none;}
	header .head-menu li a::after{content:''!important;}
	header .head-menu li label{display:none;}
	header .head-menu li.selected div a{border-bottom:2px solid var(--on-primary)}
	header .head-menu li:hover div a{opacity:.55;}
	header .head-menu li label::after,header .head-menu ul li a::before{content:''!important;}
	header .head-menu li:hover ul{display:block!important;}	
	header .head-menu ul{display:none!important;position:absolute;top:3rem;width:auto;padding-top:1em;padding-bottom:1em;box-shadow:0 0 1rem rgba(0,0,0,.3)}
	header .head-menu ul li{height:auto;}
	header .head-menu ul li a:hover{background-color:rgba(0,0,0,.2)}
	header .head-menu ul li a{letter-spacing:normal;}
	header .head-menu li:last-child ul{margin-left:-130px;}
	header .head-search-box input{font-size:1.5rem;}
	header .head-search-box button{font-size:1.5rem;width:3rem;}
	main{margin-top:0;}
	main > section.padding{padding:4rem;}
	main > section.padding-horizon{padding-left:4rem;padding-right:4rem;}
	main > section.padding-vertical{padding-top:4rem;padding-bottom:4rem;}
	main > section.padding-top{padding-top:4rem;}
	main > section >  h2{padding:4rem;font-size:1.75rem;}
	main > section.padding > h2{padding:0;padding-bottom:4rem;}
	main > section.padding-horizon >  h2{padding-left:0;padding-right:0}
	main > section.padding-vertical >  h2{padding-top:0;padding-left:4rem;padding-right:4rem;}
	main > section.padding-top >  h2{padding-top:0;}
	footer .footer-logo::before{font-size:4rem;}
	footer img{width:12rem}
	.normal-tag > div:first-child label{font-size:1.1rem;padding:1rem;}
	.normal-tag.t5 > div:first-child{padding:0 4rem;}
	.normal-tag.t7 > div:first-child{padding:0 3rem;}
	.carousel article.floatright{bottom:5rem;}
}