/* 本檔案為網頁設計師撰寫,非人請勿修改,以免未來維護困難,如果需修改可請找網頁設計師討論,感謝~ */
@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');
@import url('font-awesome.min.css');

:root{
	--modal_img_top:0px;
	--artist_skill_box_year_max_width:0px;
}

::selection {
	background:#ff8e09;
	color:#fff;
}
::-moz-selection{
	background:#ff8e09;
	color:#fff;
}
*{
	box-sizing:border-box;
	margin:0;
	padding:0;
}
body{
	font-family:'Roboto', 'Noto Sans SC', sans-serif;
	font-size:15px;
	overflow-y:scroll;
	margin:0;
	padding:0;
	color:#555;
}
img{
	border:0;
}
a{
	text-decoration:none;
}
a:hover{
	text-decoration:none;
}

/* 表單 */
label{
	margin:0 10px 0 0;
}
input[type='text'],
textarea{
	margin:0;
	padding:4px 10px;
	border:1px solid #ccc;
	border-radius:4px;
	font-size:17px;
	font-weight:400;
	width:100%;
	max-width:340px;
}
textarea{
	height:200px;
}
input[type='radio']{
	display:inline-block;
	margin:0 4px 0 0;
}

/* z-index */
.layout_a section:nth-child(2) h2,
.layout_e section:nth-child(2) h2{
	z-index:1;
}
.view_more{
	z-index:2;
}
top section{
	z-index:3;
}
.modal{
	z-index:4;
}

/* 主選單-外部 */
nav.menu{
	background:#fff;
	position:static;
}
@media(max-width:768px){
nav.menu{
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	overflow:auto;
	transition:all 0.3s;
	width:0;
}
nav.menu.open{
	width:100%;
}
}

/* 主選單-內部 */
nav.menu > ul{
	/*調整*/
	padding:0px 0;
}
nav.menu > ul > li{
	list-style-type:none;
	display:inline-block;
	position:relative;
}
nav.menu > ul > li > ul{
	opacity:0;
	height:1px;
	overflow:hidden;
	position:absolute;
	/*z-index:2;*/
	/*調整*/
	background:#d5ba81;
	text-align:left;
	padding:10px 10px;
}
nav.menu > ul > li:hover > ul,
nav.menu > ul > li a:focus + ul,
nav.menu > ul > li > ul:focus-within{
	opacity:1;
	height:auto;
	overflow:visible;
}
nav.menu > ul > li > ul > li{
	list-style-type:none;
	white-space:nowrap;
}
nav.menu > ul p,
nav.menu > ul a{
	display:block;
	/*調整*/
	line-height:34px;
	font-size:15px;
	padding-left:20px;
	padding-right:0px;
}
nav.menu > ul a{
	/*調整*/
	text-decoration:none;
	color:inherit;
}
nav.menu > ul a:hover,
nav.menu > ul a:focus{
	/*調整*/
	color:#c8a355;
}
nav.menu > ul ul p,
nav.menu > ul ul a{
	color:#fff;
	font-weight:300;
	padding-left:10px;
	padding-right:10px;
}
nav.menu > ul ul a:hover,
nav.menu > ul ul a:focus{
	/*調整*/
	color:#fff0e1;
}
@media(max-width:768px){
nav.menu > ul{
	text-align:left;
	padding:20px 10px 60px 10px;
}
nav.menu > ul > li{
	display:list-item;
}
nav.menu > ul > li > ul{
	opacity:1;
	height:auto;
	overflow:visible;
	position:static;
	/**/
	background:#fff;
	padding:0;
}
nav.menu > ul ul p,
nav.menu > ul ul a{
	color:inherit;
	font-weight:400;
	padding-left:40px;
}
nav.menu > ul ul a:hover,
nav.menu > ul ul a:focus{
	/*調整*/
	color:#c8a355;
}
}

/* 主選單-開關按鈕 */
.nav_menu_toggle{
	position:absolute;
	top:25px;
	right:30px;
	background:#fff;
	width:30px;
	height:30px;
	line-height:30px;
	/*border:1px solid #d5ba81;*/
	border:none;
	cursor:pointer;
	display:none;
}
.nav_menu_toggle span{
	font:0/0 a;
}
.nav_menu_toggle{
	font: 22px/1 FontAwesome;
	color:#666;
}
.nav_menu_toggle:before{
    content: "\f015";
}
/*
.nav_menu_toggle span,
.nav_menu_toggle:before,
.nav_menu_toggle:after{
	content:"";
	width:calc(40px - 2px - 12px);
	height:2px;
	background:#d5ba81;
	position:absolute;
	left:6px;
}
.nav_menu_toggle span{
	font:0/0 a;
	top:50%;
	transform:translateY(-50%);
}
.nav_menu_toggle:before{
	top:10px;
}
.nav_menu_toggle:after{
	bottom:10px;
}
nav.menu.open + .nav_menu_toggle:before,
nav.menu.open + .nav_menu_toggle:after{
	opacity:0;
}
*/
@media(max-width:768px){
.nav_menu_toggle{
	display:block;
}
}


/* 大版面 */
top,
header,
wrapper,
footer,
copyright{
	/**/
}

top .inner,
header .inner,
footer .inner,
copyright .inner,
.banner .inner,
.point .inner,
.layout_a .inner,
.layout_b .inner,
.layout_c .inner,
.layout_d .inner,
.layout_e .inner,
.layout_f .inner,
.layout_g .inner,
.layout_h .inner,
.layout_i .inner,
.layout_j .inner,
.layout_k .inner,
.layout_l .inner,
.layout_m .inner,
.layout_n .inner{
	max-width:1130px;
	margin:0 auto;
	padding:0 20px;
}

/* 頁頂 */
top .inner{
	display:flex;
}
top section{
	margin:20px 0 10px 0;
}
top section:nth-child(1) .logo img{
	height:70px;
}
top section:nth-child(2){
	flex:1;
	text-align:right;
}
top section:nth-child(2) > div:nth-child(1){
	margin:0 0 10px 0;
}
top section:nth-child(2) > div:nth-child(2) .logo{
	display:none;
	margin:20px 20px 0 20px;
}
top section:nth-child(2) > div:nth-child(2) .logo img{
	height:70px;
}
top section:nth-child(2) > div:nth-child(1) .quick_search_box{
	display:inline-block;
	width:240px;
	margin:0 20px 0 0;
}
top section:nth-child(2) > div:nth-child(2) .quick_search_box{
	display:none;
	margin:20px 10px;
}
top section:nth-child(2) > div:nth-child(1) .quick_search_box,
top section:nth-child(2) > div:nth-child(2) .quick_search_box{
	padding:0 16px;
	border:1px solid #aaa;
	border-radius:99px;
	background:#fff;
	position:relative;
}
top section:nth-child(2) > div:nth-child(1) .quick_search_box input,
top section:nth-child(2) > div:nth-child(2) .quick_search_box input{
	background-color:transparent;
	border:none;
	width:100%;
	height:30px;
	font-size:15px;
	padding:0 30px 0 0;
}
top section:nth-child(2) > div:nth-child(1) .quick_search_box input:focus,
top section:nth-child(2) > div:nth-child(2) .quick_search_box input:focus{
	outline:none;
}
top section:nth-child(2) > div:nth-child(1) .quick_search_box button,
top section:nth-child(2) > div:nth-child(2) .quick_search_box button{
	background-color:transparent;
	border:none;
	cursor:pointer;
	position:absolute;
	top:0px;
	right:10px;
	color:#666;
	width:30px;
	height:30px;
}
top section:nth-child(2) > div:nth-child(1) .lang_box{
	display:inline-block;
}
top section:nth-child(2) > div:nth-child(2) .lang_box{
	display:none;
	position:relative;
	top:-10px;
}
top section:nth-child(2) > div:nth-child(1) .lang_box a,
top section:nth-child(2) > div:nth-child(2) .lang_box a{
	display:inline-block;
	width:24px;
	height:24px;
	line-height:22px;
	text-align:center;
	font-size:14px;
	margin:0 0 0 6px;
	color:#555;
	border:1px solid #999;
}
top section:nth-child(2) > div:nth-child(1) .lang_box a:hover,
top section:nth-child(2) > div:nth-child(2) .lang_box a:hover{
	color:#c8a355;
	border:1px solid #c8a355;
}

@media(max-width:768px){
top section:nth-child(1) .logo img{
	height:50px;
}
top section:nth-child(2){
	text-align:left;
}
top section:nth-child(2) > div:nth-child(2) .logo{
	display:inline-block;
}
top section:nth-child(2) > div:nth-child(1) .quick_search_box{
	display:none;
}
top section:nth-child(2) > div:nth-child(2) .quick_search_box{
	display:block;
}
top section:nth-child(2) > div:nth-child(1) .lang_box{
	display:none;
}
top section:nth-child(2) > div:nth-child(2) .lang_box{
	display:inline-block;
}
}

/* 頁頭 */
header{
	background-size:cover;
	background-position:50% 0;
	background-image:url(images/banner_bg.jpg);
	margin:0 0 30px 0;
	padding:20px 0;
	text-align:center;
}
header p{
	font-size:20px;
	letter-spacing:2px;
}
header ul{
	margin:0;
}
header ul li{
	display:inline-block;
	margin:6px 10px 0 10px;
}
header ul li a{
	font-size:16px;
	color:inherit;
}
header ul li a:hover,
header ul li a.active{
	color:#c8a355;
}

/* 頁尾 */
footer{
	background:#f6f6f6;
	padding:30px 0;
}
footer section:nth-child(1){
	grid-area:a;
}
footer section:nth-child(2){
	grid-area:b;
}
footer section:nth-child(3){
	grid-area:c;
}
footer .inner{
	display:grid;
	grid-gap:0px 40px;
	grid:'a b c';
	grid-template-columns:1fr 1fr 1fr;
}
footer section:nth-child(1) div{
	font-size:14px;
	margin:0 0 10px 0;
}

footer section:nth-child(1) div{
	
}
footer section:nth-child(1) div.site_name{
	font-size:19px;
	color:#e60012;
	margin:0 0 14px 0;
}
footer section:nth-child(1) div.tel{
	float:left;
	margin-right:20px;
}
footer section:nth-child(1) div .fa{
	color:#888;
	width:20px;
}
footer section:nth-child(2) .edm_box{
	border-bottom:1px solid #888;
	margin:0 0 20px 0;
	padding:0 0 5px 0;
	position:relative;
}
footer section:nth-child(2) .edm_box input{
	border:none;
	height:30px;
	font-size:15px;
	width:100%;
	padding:0 110px 0 10px;
	background-color:transparent;
}
footer section:nth-child(2) .edm_box input:focus{
	outline:none;
}
footer section:nth-child(2) .edm_box button{
	border:none;
	height:26px;
	font-size:13px;
	position:absolute;
	top:0;
	right:10px;
	background:#aaa;
	color:#fff;
	border-radius:4px;
	padding:0 10px;
	cursor:pointer;
}
footer section:nth-child(2) .friend_box{
	margin:0 0 20px 0;
}
footer section:nth-child(2) .friend_box ul{
	text-align:center;
}
footer section:nth-child(2) .friend_box ul li{
	list-style:none;
	display:inline-block;
	padding:0 5px;
}
footer section:nth-child(2) .friend_box ul li img{
	width:30px;
}
footer section:nth-child(2) .contact_box a{
	display:block;
	line-height:30px;
	text-align:center;
	letter-spacing:2px;
	color:inherit;
	border:1px solid #333;
}
footer section:nth-child(2) .contact_box a:hover{
	border:1px solid #c8a355;
	color:#c8a355;
}

@media(max-width:1000px){
footer .inner{
	grid-gap:40px 40px;
	grid:
	'b b'
	'a c';
	grid-template-columns:1fr 1fr;
}
}
@media(max-width:600px){
footer .inner{
	grid-gap:40px 40px;
	grid:
	'a'
	'b'
	'c';
}
}
footer section:nth-child(3) .map_box{
	/**/
}
footer section:nth-child(3) .map_box img{
	width:100%;
}


/* 版權聲明 */
copyright{
	display:block;
	text-align:center;
	padding:10px 0;
}
copyright p{
	font-size:13px;
	font-weight:300;
}

/* Banner */
.banner{
	background-size:cover;
	background-position:center;
	background-image:url(images/banner_bg.jpg);
	margin:0 0 70px 0;
	padding:20px 0 20px 0;
}
.banner .owl-carousel .item{
	position:relative;
}
.banner .owl-carousel .item .txt{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	background:rgba(0,0,0,0.5);
	color:#fff;
	padding:20px;
}
.banner .owl-carousel .item .txt .title{
	font-size:24px;
	font-weight:500;
}
.banner .owl-carousel .item .txt p{
	line-height:1.5em;
	font-size:16px;
	font-weight:400;
}
.banner .owl-theme .owl-dots .owl-dot span{
	width:4px;
	height:4px;
}
.banner .owl-theme .owl-nav.disabled+.owl-dots {
	/*margin-top:0px;*/
	text-align:right;
}
.banner .owl-theme .owl-dots .owl-dot span,
.banner .owl-theme .owl-dots .owl-dot span{
	background:#aaa;
}
.banner .owl-theme .owl-dots .owl-dot.active span,
.banner .owl-theme .owl-dots .owl-dot:hover span{
	background:#d5ba81;
}
@media(max-width:768px){
.banner .owl-carousel .item .txt{
	padding:10px 20px;
}
.banner .owl-carousel .item .txt .title{
	font-size:16px;
}
.banner .owl-carousel .item .txt p{
	font-size:14px;
}
}


/* 首頁展示 */
.point ul{
	margin:0 0 70px 0;
	display:grid;
	grid-gap:30px 20px;
	grid-template-columns:1fr 1fr 1fr;
}
.point ul li{
	list-style:none;
}
.point ul li a{
	display:block;
	color:inherit;
}
.point ul li a img{
	width:100%;
	border:1px solid #dcdcdc;
}
.point ul li a .point_tag{
	font-size:14px;
	font-weight:300;
	transition:all .2s;
}
.point ul li a:hover .point_tag{
	color:#c8a355;
}
.point ul li a p{
	font-size:17px;
	transition:all .2s;
}
.point ul li a:hover p{
	color:#c8a355;
}
.point ul.img_bg li a img + div{
	background-size:cover;
	background-position:50% 50%;
	background-repeat:no-repeat;
	margin:0 0 10px 0;
	border:1px solid #dcdcdc;
	width:100%;
	height:170px;
	transition:all .2s;
}
.point ul.img_bg li:hover a img + div{
	opacity:0.8;
}
.point ul.img_bg li a img{
	display:none;
}


@media(max-width:768px){
.point ul{
	grid-gap:30px 20px;
	grid-template-columns:1fr 1fr;
}
.point ul li .point_tag{
	font-size:12px;
}
.point ul li p{
	font-size:15px;
}
}
@media(max-width:600px){
.point ul{
	grid-gap:40px 20px;
	grid-template-columns:1fr;
}
}


/* 關於創辨人 */
.layout_a{
	margin-bottom:80px;
}
.layout_a .inner{
	display:flex;
}
.layout_a section:nth-child(1){
	flex:0 0 340px;
	padding:0 40px 0 0;
}
.layout_a section:nth-child(1) .box{
	margin:0 0 40px 0;
	position:sticky;
	top:10px;
}
.layout_a section:nth-child(1) .box .place_birth{
	font-size:14px;
	color:#aaa;
}
.layout_a section:nth-child(1) .box img{
	width:100%;
	margin-bottom:30px;
}
.layout_a section:nth-child(1) .box .title{
	font-size:18px;
	font-weight:500;
	margin-bottom:30px;
}
.layout_a section:nth-child(1) .box ul li{
	display:block;
	font-size:14px;
	line-height:1.5em;
	padding:0 0 10px 0;
}
.layout_a section:nth-child(2){
	flex:1 1 auto;
}
.layout_a section:nth-child(2) h2{
	margin:0 0 20px 0;
	padding:10px 0 10px 16px;
	background:#fff;
	color:#c8a355;
	font-size:17px;
	font-weight:400;
	letter-spacing:2px;
	text-align:left;
	border-bottom:2px solid #dddddd;
	box-shadow: 0 2px 4px 0 rgba(255,255,255,1);
	position:sticky;
	top:0px;
}
.layout_a section:nth-child(2) ul{
	margin-bottom:20px;
}
.layout_a section:nth-child(2) ul li{
	display:block;
	line-height:1.5em;
	position:relative;
	padding:0 0 16px 0;
}
.layout_a section:nth-child(2) ul li .year{
	position:absolute;
	color:#aaa;
	left:0;
}
@media(max-width:768px){
.layout_a section:nth-child(1){
	flex:1 0 250px;
}
}
@media(max-width:600px){
.layout_a .inner{
	display:block;
}
.layout_a section:nth-child(1){
	padding:0 0 0 0;
}
}



/* 當期展覽、展覽詳細頁 */
.layout_b{
	margin-bottom:80px;
}
.layout_b .inner{
	/*display:flex;*/
}
.layout_b section:nth-child(1){
	float:left;
	width:340px;
	/*flex:0 0 340px;*/
	padding:0 40px 0 0;
	font-size:14px;
	position:sticky;
	top:10px;
}
.layout_b section:nth-child(1) img{
	width:100%;
	margin-bottom:30px;
}
.layout_b section:nth-child(1) .title{
	font-size:18px;
	font-weight:500;
	margin-bottom:30px;
}
.layout_b section:nth-child(1) .sub_title{
	margin:0 0 10px 0;
}
.layout_b section:nth-child(1) .sub_title span{
	display:inline-block;
	font-size:13px;
	color:#666;
	margin:0;
	padding:2px 10px;
	border:1px solid #ccc;
	text-align:center;
}
html[lang="tw"] .layout_b section:nth-child(1) .sub_title span,
html[lang="cn"] .layout_b section:nth-child(1) .sub_title span{
	min-width:80px;
}
html[lang="en"] .layout_b section:nth-child(1) .sub_title span{
	min-width:110px;
}
.layout_b section:nth-child(1) .sub_content{
	padding:0 0 20px 0;
}

.layout_b section:nth-child(1) .sub_content span:after{
	content:"、";
}
.layout_b section:nth-child(1) .sub_content span:last-child:after{
	content:" ";
}
.layout_b section:nth-child(1) .sub_content span a{
	color:#bb7722;
}
.layout_b section:nth-child(1) .sub_content span a:hover{
	color:#ff9955;
}
.layout_b section:nth-child(1) .sub_content a{
	color:#bb7722;
}
.layout_b section:nth-child(1) .sub_content a:hover{
	color:#ff9955;
}

.layout_b section:nth-child(1) ul{
	padding:0 0 10px 0;
}
.layout_b section:nth-child(1) ul li{
	margin:0 0 10px 30px;
}
.layout_b section:nth-child(1) ul li:only-child{
	list-style:none;
	margin:0 0 10px 0;
}
.layout_b section:nth-child(1) .info_box{
	background:#f7f3e8;
	border-radius:6px;
	margin:0 0 20px 0;
	padding:20px;
}
.layout_b section:nth-child(1) .info_box .title{
	font-size:18px;
	font-weight:500;
	margin-bottom:20px;
	text-align:center;
}
.layout_b section:nth-child(1) .info_box .sub_html{
	font-size:15px;
}
.layout_b section:nth-child(2){
	margin-left:340px;
	/*flex:1 1 auto;*/
}
.layout_b section:nth-child(2) .pic_box{
	margin:0 0 20px 0;
}
.layout_b section:nth-child(2) .pic_box ul{
	display:grid;
	grid-gap:20px 20px;
	grid-template-columns:1fr 1fr 1fr;
}
.layout_b section:nth-child(2) .pic_box ul li{
	list-style:none;
	padding:10px;
	max-height:160px;
	border:1px solid #dcdcdc;
}
.layout_b section:nth-child(2) .pic_box ul li:hover{
	background:#f7f3e8;
}
.layout_b section:nth-child(2) .pic_box ul li img{
	max-width:100%;
	max-height:100%;
	position:relative;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.layout_b section:nth-child(2) .pic_box.img_bg ul li{
	background-size:cover;
	background-position:50% 50%;
	background-repeat:no-repeat;
	max-height:none;
	height:160px;
	transition:all .2s;
}
.layout_b section:nth-child(2) .pic_box.img_bg ul li:hover{
	opacity:0.8;
}
.layout_b section:nth-child(2) .pic_box.img_bg ul li img{
	display:none;
}
@media(max-width:1000px){
.layout_b section:nth-child(2) .pic_box ul{
	grid-gap:20px 20px;
	grid-template-columns:1fr 1fr;
}
}
@media(max-width:600px){
.layout_b .inner{
	/*display:block;*/
}
.layout_b section:nth-child(1){
	padding:0 0 0 0;
	float:none;
	width:100%;
	position:static;
}
.layout_b section:nth-child(2){
	margin-left:0;
}
.layout_b section:nth-child(2) .pic_box ul{
	grid-gap:10px 10px;
	grid-template-columns:1fr 1fr;
}
}



/* 本館專區、外展專區、藝博會專區 */
.layout_c{
	margin-bottom:80px;
}
.layout_c .inner{
	/**/
}
.layout_c section .main{
	margin:0 0 40px 0;
}
.layout_c section .main ul{
	display:grid;
	grid-gap:40px 20px;
	grid-template-columns:1fr 1fr 1fr;
}
.layout_c section .main ul li{
	list-style:none;
}
.layout_c section .main ul li a{
	display:block;
	color:inherit;
}
.layout_c section .main ul li a img{
	width:100%;
	margin:0 0 10px 0;
	border:1px solid #dcdcdc;
}
.layout_c section .main ul li a div{
	font-size:18px;
	font-weight:500;
	line-height:1.5em;
	margin:0 0 20px 0;
}
.layout_c section .main ul li a p{
	font-size:15px;
	font-weight:400;
	line-height:1.5em;
}
.layout_c section .main ul li a p span{
	display:block;
}
.layout_c section .main ul li a:hover{
	color:#c8a355;
}
.layout_c section .main ul.img_bg li a img + div{
	background-size:cover;
	background-position:50% 50%;
	background-repeat:no-repeat;
	margin:0 0 10px 0;
	border:1px solid #dcdcdc;
	width:100%;
	height:210px;
	transition:all .2s;
}
.layout_c section .main ul.img_bg li:hover a img + div{
	opacity:0.8;
}
.layout_c section .main ul.img_bg li a img{
	display:none;
}
@media(max-width:768px){
.layout_c section .main ul{
	grid-template-columns:1fr 1fr;
}
}
@media(max-width:600px){
.layout_c section .main ul{
	grid-template-columns:1fr;
}
}

/* 藝術家 */
.layout_d{
	margin-bottom:80px;
}
.layout_d .inner{
	/**/
}
.layout_d section .main{
	/**/
}
.layout_d section .main ul{
	display:grid;
	grid-gap:20px 20px;
	grid-template-columns:1fr 1fr 1fr 1fr;
}
.layout_d section .main ul li{
	list-style:none;
}
.layout_d section .main ul li a{
	display:block;
	padding:20px;
	border-radius:10px;
	text-align:center;
	color:inherit;
	background:#fff;
}
.layout_d section .main ul li a img{
	width:100%;
	margin:0 0 10px 0;
	border-radius:100%;
	width:120px;
	height:120px;
	border:2px solid #fff;
}
.layout_d section .main ul li a div{
	font-size:18px;
	font-weight:400;
	line-height:1.5em;
	margin:0 0 20px 0;
}
.layout_d section .main ul li a div span{
	display:block;
}
.layout_d section .main ul li a p{
	font-size:15px;
	font-weight:400;
	line-height:1.5em;
}
.layout_d section .main ul li a:hover{
	background:#f7f3e8;
}
@media(max-width:1000px){
.layout_d section .main ul{
	grid-template-columns:1fr 1fr 1fr;
}
}
@media(max-width:600px){
.layout_d section .main ul{
	grid-template-columns:1fr 1fr;
}
}

/* 藝術家詳細頁、出版品詳細頁 上面 */
.layout_e{
	margin-bottom:80px;
}
.layout_e .inner{
	display:flex;
}
.layout_e section:nth-child(1){
	flex:0 0 300px;
	padding:0 40px 0 0;
}
.layout_e section:nth-child(1) .box{
	margin:0 0 40px 0;
	/*
	position:sticky;
	top:10px;
	*/
}
.layout_e section:nth-child(1) .box .info_box{
	display:block;
	margin:0 0 30px 0;
	padding:20px;
	border-radius:10px;
	text-align:center;
	color:inherit;
	background:#f7f3e8;
}
.layout_e section:nth-child(1) .box .info_box img{
	width:100%;
	margin:0 0 10px 0;
	border-radius:100%;
	width:130px;
	height:130px;
	border:2px solid #fff;
}
.layout_e section:nth-child(1) .box .info_box div{
	font-size:18px;
	font-weight:400;
	line-height:1.5em;
	margin:0 0 10px 0;
}
.layout_e section:nth-child(1) .box .info_box div span{
	display:block;
}


.layout_e section:nth-child(1) .box .info_box p{
	font-size:15px;
	font-weight:400;
	line-height:1.5em;
}
.layout_e section:nth-child(1) .box .pic{
	margin:0 0 20px 0;
}
.layout_e section:nth-child(1) .box .pic img{
	width:100%;
	border:1px solid #dcdcdc;
}
.layout_e section:nth-child(1) .box a,
.layout_e section:nth-child(1) .box button{
	display:block;
	cursor:pointer;
	text-align:center;
	font-family:inherit;
	font-size:16px;
	font-weight:300;
	line-height:34px;
	letter-spacing:2px;
	border-radius:4px;
	margin:0 0 10px 0;
	background:#ececec;
	color:#333;
	border:none;
	width:100%;
}
.layout_e section:nth-child(1) .box a:hover,
.layout_e section:nth-child(1) .box button:hover,
.layout_e section:nth-child(1) .box a.active,
.layout_e section:nth-child(1) .box button.active{
	background:#d5ba81;
	color:#fff;
}
.layout_e section:nth-child(1) .box a.contactus{
	border:2px solid #c8a355;
	color:#c8a355;
	margin:40px 0 10px 0;
	background:#fff;
}
.layout_e section:nth-child(1) .box a.contactus:hover{
	background:#f7f3e8;
}
.layout_e section:nth-child(1) .box a.contactus + .money_box{
	margin:0;
	padding:10px;
	border:2px solid #ececec;
	font-style:15px;
	visibility:hidden;
}
.layout_e section:nth-child(1) .box a.contactus:hover + .money_box{
	visibility:visible;
}
.layout_e section:nth-child(2){
	flex:1 1 auto;
	position:relative;
}
.layout_e section:nth-child(2) .artist_summary_box{
	margin:0 0 20px 0;
}
.layout_e section:nth-child(2) .artist_skill_box{
	margin:0 0 20px 0;
}
.layout_e section:nth-child(2) .artist_skill_box h2{
	margin:0 0 20px 0;
	padding:10px 0;
	background:#fff;
	color:#c8a355;
	font-size:17px;
	font-weight:400;
	letter-spacing:2px;
	text-align:left;
	border-bottom:2px solid #dddddd;
	box-shadow: 0 2px 4px 0 rgba(255,255,255,1);
	position:sticky;
	top:-1px;
}
.layout_e section:nth-child(2) .artist_skill_box ul{
	margin-bottom:20px;
}
.layout_e section:nth-child(2) .artist_skill_box ul li{
	display:block;
	line-height:1.5em;
	position:relative;
	padding:0 0 16px calc(var(--artist_skill_box_year_max_width) + 10px);
}
.layout_e section:nth-child(2) .artist_skill_box ul li .year{
	position:absolute;
	color:#aaa;
	left:0;
}

.layout_e section:nth-child(2) .artist_article_box{
	margin:0 0 20px 0;
}
.layout_e section:nth-child(2) .artist_clipping_box{
	margin:0 0 20px 0;
}
.layout_e section:nth-child(2) .product_header{
	margin:0 0 20px 0;
	border-bottom:1px dashed #ccc;
}
.layout_e section:nth-child(2) .product_header .title{
	margin:0 0 20px 0;
	padding:0;
	font-size:20px;
	font-weight:500;
}
.layout_e section:nth-child(2) .product_header .main_box{
	margin:0 0 20px 0;
}
.layout_e section:nth-child(2) .product_header .main_box table th,
.layout_e section:nth-child(2) .product_header .main_box table td{
	margin:0;
	padding:4px 10px 4px 0;
	font-size:15px;
	font-weight:400;
	vertical-align:top;
}
.layout_e section:nth-child(2) .product_header .main_box table th div,
.layout_e section:nth-child(2) .product_header .main_box table td div{
	padding:2px 0;
	line-height:1.5em;
}
.layout_e section:nth-child(2) .product_header .main_box table th div{
	border:1px solid #ccc;
}
html[lang="tw"] .layout_e section:nth-child(2) .product_header .main_box table th div,
html[lang="cn"] .layout_e section:nth-child(2) .product_header .main_box table th div{
	min-width:80px;
}
html[lang="en"] .layout_e section:nth-child(2) .product_header .main_box table th div{
	min-width:150px;
}
.layout_e section:nth-child(2) .product_header .main_box table td div{
	border:1px solid #fff;
}
.layout_e section:nth-child(2) .product_header .main_box table td div a{
	color:#bb7722;
}
.layout_e section:nth-child(2) .product_header .main_box table td div a:hover{
	color:#ff9955;
}

.layout_e section:nth-child(2) .product_header .main_box table td ul{
	margin:0;
	padding:0;
}
.layout_e section:nth-child(2) .product_header .main_box table td ul li{
	list-style:none;
	display:inline-block;
	margin:0 10px 10px 0;
	padding:0 10px 0 0;
	border-right:1px solid #ccc;
}
.layout_e section:nth-child(2) .product_header .main_box table td ul li:last-child{
	border-right:none;
}
.layout_e section:nth-child(2) .product_summary_box{
	margin:0 0 20px 0;
}
.layout_e section:nth-child(2) .product_index_box{
	margin:0 0 20px 0;
}
.layout_e section:nth-child(2) .product_other_box{
	margin:0 0 20px 0;
}
.layout_e section:nth-child(2) .product_pics_box{
	margin:0 0 20px 0;
}
.layout_e section:nth-child(2) .product_pics_box ul{
	display:grid;
	grid-gap:20px 20px;
	grid-template-columns:1fr 1fr 1fr;
}
.layout_e section:nth-child(2) .product_pics_box ul li{
	list-style:none;
	padding:10px;
	height:260px;
	background:#f3f3f3;
}
.layout_e section:nth-child(2) .product_pics_box ul li:hover{
	background:#f7f3e8;
}
.layout_e section:nth-child(2) .product_pics_box ul li img{
	max-width:100%;
	max-height:100%;
	position:relative;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
@media(max-width:1000px){
.layout_e section:nth-child(2) .product_pics_box ul{
	grid-gap:20px 20px;
	grid-template-columns:1fr 1fr;
}
}
@media(max-width:600px){
.layout_e section:nth-child(2) .product_pics_box ul{
	grid-gap:10px 10px;
	grid-template-columns:1fr 1fr;
}
}






@media(max-width:600px){
.layout_e .inner{
	display:block;
}
.layout_e section:nth-child(1){
	padding:0 0 0 0;
}
}
/* 藝術家詳細頁、出版品詳細頁 下面 */
.layout_f{
	margin-bottom:80px;
}
.layout_f .inner{
	/**/
}
.layout_f section:nth-child(1){
	margin:0 0 40px 0;
}
.layout_f section:nth-child(1) .work_box,
.layout_f section:nth-child(1) .exhib_box,
.layout_f section:nth-child(1) .product_box{
	margin:0 0 20px 0;
	
}
.layout_f section:nth-child(1) .title{
	font-size:18px;
	letter-spacing:2px;
	margin:0 0 10px 0;
	padding:10px;
	border-bottom:2px solid #ccc;
}
.layout_f section:nth-child(1) ul li{
	display:block;
	margin:0;
	padding:0;
	list-style:none;
}
.layout_f section:nth-child(1) ul li a{
	display:block;
	border-radius:4px;
	background:#fff;
	padding:20px;/*v_04*/
	width:160px;/*v_04*/
	height:160px;/*v_04*/
}
.layout_f section:nth-child(1) ul li a:hover{
	background:#f7f3e8;
}
.layout_f section:nth-child(1) ul li a img{
	width:auto;
	max-width: 100%;
	max-height: 100%;
	position:relative;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	border:1px solid #dcdcdc;
}
.layout_f section:nth-child(1) ul li a span{
	display:block;
	width:calc(160px - 20px - 20px);/*v_04*/
	height:calc(160px - 20px - 20px);/*v_04*/
	background-size:cover;
	background-position:50% 50%;
	background-repeat:no-repeat;
	border:1px solid #dcdcdc;
}

.layout_f section:nth-child(1) .owl-theme .owl-nav{
	position:absolute;
	top:-60px;
	right:0;
}
.layout_f section:nth-child(1) .owl-theme .owl-nav button{
	border:1px solid #869791;
	padding:0 10px !important;
}
.layout_f section:nth-child(1) .owl-theme .owl-nav button span{
	font-size:20px;
	font-family:monospace;
}
.layout_f section:nth-child(2) div{
	text-align:center;
}
.layout_f section:nth-child(2) div a{
	display:inline-block;
	cursor:pointer;
	text-align:center;
	font-size:15px;
	letter-spacing:2px;
	border-radius:4px;
	margin:0;
	padding:10px 20px;
	background:#ececec;
	color:#333;
}
.layout_f section:nth-child(2) div a:hover{
	background:#d5ba81;
	color:#fff;
}
/*
@media(max-width:500px){
.layout_f section:nth-child(1) ul li a{
	width:100%;
}
.layout_f section:nth-child(1) ul li a img{
	max-width:calc(100% - 40px);
}
}
*/

/* 大象空間藝術館簡介 */
.layout_g{
	margin-bottom:80px;
}
.layout_g .inner{
	/**/
}
.layout_g section .main{
	/**/
}
.layout_g section .pic_box{
	margin:0 0 20px 0;
}
.layout_g section .pic_box ul{
	display:grid;
	grid-gap:20px 20px;
	grid-template-columns:1fr 1fr 1fr 1fr;
}
.layout_g section .pic_box ul li{
	list-style:none;
	padding:10px;
	height:160px;
}
.layout_g section .pic_box ul li img{
	max-width:100%;
	max-height:100%;
	position:relative;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.layout_g section .pic_box.img_bg ul li{
	background-size:cover;
	background-position:50% 50%;
	background-repeat:no-repeat;
	transition:all .2s;
}
.layout_g section .pic_box.img_bg ul li:hover{
	opacity:0.8;
}
.layout_g section .pic_box.img_bg ul li img{
	display:none;
}
@media(max-width:1000px){
.layout_g section .pic_box ul{
	grid-gap:20px 20px;
	grid-template-columns:1fr 1fr 1fr;
}
}
@media(max-width:600px){
.layout_g section .pic_box ul{
	grid-gap:10px 10px;
	grid-template-columns:1fr 1fr;
}
}


/* 最新消息列表、活動列表 */
.layout_h{
	margin-bottom:80px;
}
.layout_h .inner{
	/**/
}
.layout_h section .main{
	margin:0 0 40px 0;
}
.layout_h section .main .item{
	margin:0;
	padding:20px 20px 10px 20px;
	background:#f7f3e8;
	border-bottom:1px solid #ccc;
}
.layout_h section .main .item:nth-child(even){
	background:#fff;
}
.layout_h section .main .item .item_title{
	font-size:16px;
}
.layout_h section .main .item .item_title a{
	color:inherit;
}
.layout_h section .main .item .item_title a:hover{
	color:#ff9955;
}
.layout_h section .main .item .item_content{
	margin:10px 0 0 0;
}


/* 媒體報導列表 */
.layout_i{
	margin-bottom:80px;
}
.layout_i .inner{
	/**/
}
.layout_i section .main{
	margin:0 0 40px 0;
}
.layout_i section .main ul{
	display:grid;
	grid-gap:0px 0px;
	grid-template-columns:1fr 1fr 1fr;
}
.layout_i section .main ul li{
	padding:40px;
	list-style:none;
}
/*
.layout_i section .main ul li:nth-child(1){
	background:#f7f3e8;
}
.layout_i section .main ul li:nth-child(2){
	background:#fff;
}
.layout_i section .main ul li:nth-child(3){
	background:#f7f3e8;
}
.layout_i section .main ul li:nth-child(4){
	background:#fff;
}
.layout_i section .main ul li:nth-child(5){
	background:#f7f3e8;
}
.layout_i section .main ul li:nth-child(6){
	background:#fff;
}
.layout_i section .main ul li:nth-child(7){
	background:#f7f3e8;
}
.layout_i section .main ul li:nth-child(8){
	background:#fff;
}
.layout_i section .main ul li:nth-child(9){
	background:#f7f3e8;
}
.layout_i section .main ul li:nth-child(10){
	background:#fff;
}
.layout_i section .main ul li:nth-child(11){
	background:#f7f3e8;
}
.layout_i section .main ul li:nth-child(12){
	background:#fff;
}
*/
.layout_i section .main ul li a{
	display:block;
	color:inherit;
}
.layout_i section .main ul li a .pic{
	overflow:hidden;
	float:left;
	width:145px;/*v_02*/
	height:145px;/*v_02*/
	border:1px solid #dcdcdc;
}
.layout_i section .main ul li a .pic span{
	display:block;
	width:145px;/*v_02*/
	height:145px;/*v_02*/
	background-size:cover;
	background-position:50% 50%;
	background-repeat:no-repeat;
	transform:scale(1);
}
.layout_i section .main ul li a .title,
.layout_i section .main ul li a .com,
.layout_i section .main ul li a .date{
	margin:0 0 0 calc(145px + 10px);/*v_02*/
}
.layout_i section .main ul li a .title{
	font-size:18px;
	font-weight:500;
	line-height:1.5em;
	padding:0 0 10px 0;
}
.layout_i section .main ul li a .com,
.layout_i section .main ul li a .date{
	font-size:15px;
	font-weight:400;
	line-height:1.5em;
}
.layout_i section .main ul li a:hover{
	color:#c8a355;
}
.layout_i section .main ul li a:hover .pic span{
	transition:all 0.6s;
	transform:scale(1.1);
}
@media(max-width:1000px){
.layout_i section .main ul{
	grid-template-columns:1fr 1fr;
}
.layout_i section .main ul li:nth-child(1){
	background:#fff;
}
.layout_i section .main ul li:nth-child(2){
	background:#f7f3e8;
}
.layout_i section .main ul li:nth-child(3){
	background:#f7f3e8;
}
.layout_i section .main ul li:nth-child(4){
	background:#fff;
}
.layout_i section .main ul li:nth-child(5){
	background:#fff;
}
.layout_i section .main ul li:nth-child(6){
	background:#f7f3e8;
}
.layout_i section .main ul li:nth-child(7){
	background:#f7f3e8;
}
.layout_i section .main ul li:nth-child(8){
	background:#fff;
}
.layout_i section .main ul li:nth-child(9){
	background:#fff;
}
.layout_i section .main ul li:nth-child(10){
	background:#f7f3e8;
}
.layout_i section .main ul li:nth-child(11){
	background:#f7f3e8;
}
.layout_i section .main ul li:nth-child(12){
	background:#fff;
}
}
@media(max-width:800px){
.layout_i section .main ul{
	grid-template-columns:1fr;
}
.layout_i section .main ul li:nth-child(1){
	background:#f7f3e8;
}
.layout_i section .main ul li:nth-child(2){
	background:#fff;
}
.layout_i section .main ul li:nth-child(3){
	background:#f7f3e8;
}
.layout_i section .main ul li:nth-child(4){
	background:#fff;
}
.layout_i section .main ul li:nth-child(5){
	background:#f7f3e8;
}
.layout_i section .main ul li:nth-child(6){
	background:#fff;
}
.layout_i section .main ul li:nth-child(7){
	background:#f7f3e8;
}
.layout_i section .main ul li:nth-child(8){
	background:#fff;
}
.layout_i section .main ul li:nth-child(9){
	background:#f7f3e8;
}
.layout_i section .main ul li:nth-child(10){
	background:#fff;
}
.layout_i section .main ul li:nth-child(11){
	background:#f7f3e8;
}
.layout_i section .main ul li:nth-child(12){
	background:#fff;
}
}

/* 出版品列表 */
.layout_j{
	margin-bottom:80px;
}
.layout_j .inner{
	display:flex;
}
.layout_j section:nth-child(1){
	flex:1 0 200px;
	padding:0 40px 0 0;
	font-size:14px;
}
/*
.layout_j section:nth-child(1) .tag_result_box{
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:1px dashed #ccc;
}
.layout_j section:nth-child(1) .tag_result_box p{
	font-size:16px;
}
.layout_j section:nth-child(1) .tag_result_box p span{
	font-size:14px;
	display:inline-block;
	border:1px solid #ccc;
	margin:0 10px 0 0;
	padding:2px 10px;
	line-height:1.5em;
}
*/
.layout_j section:nth-child(1) .title{
	font-size:18px;
	font-weight:400;
	margin-bottom:10px;
	color:#ccc;
}
.layout_j section:nth-child(1) ul{
	margin:0 0 20px 0;
	padding:0 0 10px 0;
}
.layout_j section:nth-child(1) ul li{
	margin:0 0 10px 0;
	list-style:none;
}
.layout_j section:nth-child(1) ul li a{
	display:block;
	font-size:16px;
	color:inherit;
}
.layout_j section:nth-child(1) ul li a:hover{
	color:#c8a355;
}
.layout_j section:nth-child(1) ul li a span{
	display:inline-block;
	margin:0 0 0 5px;
	font-size:13px;
}
.layout_j section:nth-child(2){
	flex:1 1 auto;
}
.layout_j section:nth-child(2) .main{
	margin:0 0 40px 0;
}
.layout_j section:nth-child(2) .main ul{
	display:grid;
	grid-gap:60px 60px;
	grid-template-columns:1fr 1fr 1fr;
}
.layout_j section:nth-child(2) .main ul li{
	list-style:none;
}
.layout_j section:nth-child(2) .main ul li a{
	display:block;
	color:inherit;
}
.layout_j section:nth-child(2) .main ul li a:hover{
	color:#c8a355;
}
.layout_j section:nth-child(2) .main ul li a .pic{
	margin:0 0 10px 0;
	padding:0px;
	height:260px;
}
.layout_j section:nth-child(2) .main ul li a:hover .pic{
	opacity:0.8;
}
.layout_j section:nth-child(2) .main ul li a .pic img{
	max-width:100%;
	max-height:100%;
	position:relative;
	top:100%;
	left:50%;
	transform:translate(-50%,-100%);
	border:1px solid #dcdcdc;
}
@media(max-width:1000px){
.layout_j section:nth-child(2) .main ul{
	grid-gap:20px 20px;
	grid-template-columns:1fr 1fr;
}
}
@media(max-width:600px){
.layout_j .inner{
	display:block;
}
.layout_j section:nth-child(1){
	padding:0 0 0 0;
}
.layout_j section:nth-child(2) .main ul{
	grid-gap:10px 10px;
	grid-template-columns:1fr 1fr;
}
}


/* 媒體詳細頁 */
.layout_k{
	margin-bottom:80px;
}
.layout_k section .main{
	margin:0 0 40px 0;
}
.layout_k section .main .title{
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	font-size:20px;
	font-weight:500;
	border-bottom:2px solid #ccc;
}


/* 活動詳細頁 */
.layout_l{
	margin-bottom:80px;
}
.layout_l section .main{
	margin:0 0 40px 0;
}
.layout_l section .main .main_title{
	margin:0 0 20px 0;
	padding:0 0 10px 0;
	font-size:22px;
	font-weight:500;
	border-bottom:2px solid #ccc;
}
.layout_l section .main .main_content{
	/**/
}

.layout_l section .main .main_sub_content{
	/**/
}
.layout_l section .main .main_sub_content .message_box{
	margin:10px 0;
	padding:10px 20px;
	background:#f9f9f9;
}


/* 查詢結果 */
.layout_m{
	margin-bottom:80px;
}
.layout_m .inner{
	display:flex;
}
.layout_m section:nth-child(1){
	flex:0 0 200px;
	padding:0 40px 0 0;
	font-size:14px;
}
.layout_m section:nth-child(1) .keyword{
	font-size:18px;
	font-weight:400;
	margin-bottom:10px;
	color:#555;
}
.layout_m section:nth-child(1) .keyword span:after{
	content:":";
}
.layout_m section:nth-child(1) .title{
	font-size:18px;
	font-weight:400;
	margin-bottom:10px;
	color:#ccc;
}
.layout_m section:nth-child(1) ul{
	margin:0 0 20px 0;
	padding:0 0 10px 0;
}
.layout_m section:nth-child(1) ul li{
	margin:0 0 10px 0;
	list-style:none;
}
.layout_m section:nth-child(1) ul li a{
	display:block;
	font-size:16px;
	color:inherit;
}
.layout_m section:nth-child(1) ul li a:hover,
.layout_m section:nth-child(1) ul li a.active{
	color:#c8a355;
}
.layout_m section:nth-child(1) ul li a span{
	display:inline-block;
	margin:0 0 0 5px;
	font-size:13px;
}
.layout_m section:nth-child(2){
	flex:1 1 auto;
}
.layout_m section:nth-child(2) .main{
	margin:0 0 40px 0;
}
.layout_m section:nth-child(2) .main .item{
	margin:0;
	padding:10px 20px;
	background:#f7f3e8;
	border-bottom:1px solid #ccc;
}
.layout_m section:nth-child(2) .main .item:nth-child(even){
	background:#fff;
}
.layout_m section:nth-child(2) .main .item .item_title{
	font-size:16px;
}
.layout_m section:nth-child(2) .main .item .item_title a{
	color:inherit;
}
.layout_m section:nth-child(2) .main .item .item_title a span{
	display:inline-block;
	margin:0 10px 0 0;
	padding:0 10px 0 0;
	border-right:1px dashed #555;
}
.layout_m section:nth-child(2) .main .item .item_title a span:last-child{
	border-right:none;
}
.layout_m section:nth-child(2) .main .item .item_title a:hover{
	color:#ff9955;
}
.layout_m section:nth-child(2) .main .item .item_title a:hover span{
	border-right:1px dashed #ff9955;
}
.layout_m section:nth-child(2) .main .item .item_title a:hover span:last-child{
	border-right:none;
}
@media(max-width:768px){
.layout_m .inner{
	display:block;
}
}


/* 標籤列表 */
.layout_n{
	margin-bottom:80px;
}
.layout_n .inner{
	/*display:flex;*/
}
.layout_n section:nth-child(1){
	flex:1 0 200px;
	padding:0;
}
.layout_n section:nth-child(1) .title{
	font-size:20px;
	font-weight:400;
	border-radius:10px;
	margin:0 0 20px 0;
	padding:10px 20px;
	background:#f7f3e8;
	letter-spacing:1px;
}
.layout_n section:nth-child(1) .title span{
	font-size:16px;
	display:inline-block;
	color:#c8a355;
	border:1px solid #c8a355;
	padding:0 10px;
	margin:0 10px 0 0;
	letter-spacing:2px;
}
.layout_n section:nth-child(1) ul{
	margin:0 0 20px 0;
	padding:0 0 10px 0;
}
.layout_n section:nth-child(1) ul li{
	list-style:none;
	display:inline-block;
	margin:0 0 10px 0;
	padding:0 10px 0 0;
	border-right:1px solid #ccc;
}
.layout_n section:nth-child(1) ul li a{
	display:inline;
	font-size:16px;
	padding:4px 0;
	color:inherit;
}
.layout_n section:nth-child(1) ul li a:hover,
.layout_n section:nth-child(1) ul li .active{
	color:#ff9955;
}
.layout_n section:nth-child(2){
	flex:1 1 auto;
}
.layout_n section:nth-child(2) .main{
	margin:0 0 40px 0;
}
.layout_n section:nth-child(2) .main ul{
	display:grid;
	grid-gap:40px 20px;
	grid-template-columns:1fr 1fr 1fr;
}
.layout_n section:nth-child(2) .main ul li{
	list-style:none;
}
.layout_n section:nth-child(2) .main ul li a{
	display:block;
	color:inherit;
}
.layout_n section:nth-child(2) .main ul li a:hover{
	color:#c8a355;
}
.layout_n section:nth-child(2) .main ul li a .pic{
	margin:0 0 10px 0;
	padding:10px;
	height:260px;
	background:#f3f3f3;
}
.layout_n section:nth-child(2) .main ul li a .pic:hover{
	background:#f7f3e8;
}
.layout_n section:nth-child(2) .main ul li a .pic img{
	max-width:100%;
	max-height:100%;
	position:relative;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
@media(max-width:1000px){
.layout_n section:nth-child(2) .main ul{
	grid-gap:20px 20px;
	grid-template-columns:1fr 1fr;
}
}
@media(max-width:600px){
.layout_n section:nth-child(2) .main ul{
	grid-gap:10px 10px;
	grid-template-columns:1fr 1fr;
}
}


/* 廣告稿 */
.slogan{
	background: linear-gradient(to bottom,  #fafafa 0%,#f4f4f4 100%);
	margin:0 0 30px 0;
}
.slogan ul{
	/*
	display:grid;
	grid-gap:10px 10px;
	grid-template-columns:1fr 1fr;
	*/
	display:flex;
	justify-content:center;
	align-items:center;
}
.slogan ul li{
	list-style-type:none;
	flex:1;
	padding:10px 0 10px 10px;
}
.slogan ul li:last-child{
	padding-right:10px;
}
.slogan ul li img{
	width:100%;
}
@media(max-width:768px){
.slogan ul{
	/*
	grid-template-columns:1fr;
	*/
	display:block;
}
.slogan ul li{
	padding:10px 10px 0 10px;
}
.slogan ul li:last-child{
	padding-bottom:10px;	
}
}


/* 子HTML  */
.sub_html{
	margin:0 0 20px 0;
	font-size:15px;
}
.sub_html h1,
.sub_html h2,
.sub_html h3,
.sub_html h4,
.sub_html h5,
.sub_html h6{
	font-weight:500;
}
.sub_html img{
	max-width:100%;
	/*如果後台插入的圖寬度高度有被設定就需加此行*/
	height: auto !important;
}
.sub_html a{
	color:#bb7722;
}
.sub_html a:hover{
	color:#ff9955;
}
.sub_html p{
	text-align:justify;
	line-height:2em;
	margin:0 0 10px 0;
	word-break:break-all;
}
.sub_html strong{
	font-weight:500;
}
.sub_html table{
	border-collapse:collapse;
}
.sub_html table th,
.sub_html table td{
	border:1px solid #555;
	padding:6px;
}
/*
.sub_html table.table_skill th,
.sub_html table.table_skill td{
	border:none;
}
.sub_html table.table_skill th{
	font-weight:normal;
	color:#aaa;
	width:130px;
	text-align:right;
}
*/


/* 附檔 */
.download_box{
	background:#f7f3e8;
	border-radius:6px;
	margin:40px 0 0 0;
	padding:20px 20px 30px 20px;
}
.download_box div{
	border-bottom:2px solid #dfd8c4;
	margin:0;
	padding:0 10px 10px 10px;
	font-size:16px;
	letter-spacing:1px;
}
.download_box a{
	display:block;
	margin:0;
	padding:10px;
	color:inherit;
	text-decoration:none;
	border-bottom:1px solid #dfd8c4;
}
.download_box a:hover{
	color:#ff9955;
}

/* 分頁 */
.page_box{
	text-align:center;
}
.page_box ul li{
	list-style:none;
	display:inline-block;
}
.page_box ul li a{
	display:inline-block;
	width:30px;
	height:30px;
	line-height:30px;
	margin:0 5px;
	background:#ececec;
	border:1px solid #ececec;
	color:#333;
}
.page_box ul li a:hover{
	background:#fff;
	border:1px solid #c8a355;
	color:#c8a355;
}
.page_box ul li a.active{
	background:#c8a355;
	border:1px solid #c8a355;
	color:#fff;
}

/* 檢視更多內容 */
.show_view_more{
	overflow:hidden;
	max-height:600px;/* 同 art.js 變數sub_html_height */
}
.show_view_more ~ .view_more{
	display:block;
}
.view_more{
	background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 60%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%);
	background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 60%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=0 );
	text-align:center;
	margin:0;
	padding:0;
	height:100px;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	display:none;
}
.view_more button{
	border:1px solid #c8a355;
	background:#fff;
	color:#c8a355;
	margin:0;
	padding:5px 0;
	min-width:180px;
	font-size:14px;
	cursor:pointer;
	position:relative;
	top:65px;
}




/* 表單區塊a */
.form_a_box{
	margin:0 auto;
	max-width:900px;
}
.form_b_box{
	margin:0 auto;
	max-width:700px;
}
.form_a_box table,
.form_b_box table{
	border-collapse:collapse;
	width:100%;
	border-top:1px solid #dcdcdc;
}
.form_a_box table th,
.form_a_box table td,
.form_b_box table th,
.form_b_box table td{
	font-size:15px;
	font-weight:400;
	padding:10px 20px;
	vertical-align:top;
	line-height:30px;
	border-bottom:1px solid #dcdcdc;
}
.form_a_box table th,
.form_b_box table th{
	text-align:left;
	background:#f9f9f9;
	max-width:140px;
}
.form_a_box table td .form_error,
.form_b_box table td .form_error{
	color:#ff0088;
	font-weight:300;
}
.form_a_box table td input[type='text'],
.form_a_box table td textarea,
.form_b_box table td input[type='text'],
.form_b_box table td textarea{
	max-width:none;
	border:1px solid #dedede;
	border-radius:0;
}
@media(max-width:800px){
.form_a_box table th,
.form_a_box table td{
	display:block;
}
.form_a_box table th,
.form_b_box table th{
	text-align:left;
}
.form_a_box table td input[type='text']{
	max-width:none;
}
}


/* 驗證碼 */
.checkcode_box{
	margin:10px 0;
	text-align:center;
}
.checkcode_box .v_code{
	max-width:100px !important;
}
.checkcode_box img{
	vertical-align:middle;
}
.checkcode_box a{
	color:inherit;
}

/* 訊息區塊 */
.message_box{
	margin:0;
	padding:0;
}
.message_box p{
	margin:0 0 10px 0;
}
.message_box p a{
	color:#ff9955;
}
.message_box p a:hover{
	color:#555;
}


/* 按鈕區塊 */
.btn_box{
	margin:10px 0 10px 0;
	text-align:center;
}
.btn_box a,
.btn_box button{
	font-family:inherit;
	font-weight:300;
	display:inline-block;
	text-align:center;
	font-size:15px;
	letter-spacing:2px;
	border-radius:4px;
	margin:6px 0;
	padding:4px 30px;
	cursor:pointer;
	border:1px solid #d5ba81;
	color:#fff;
	background:#d5ba81;
}
.btn_box a.contactus{
	border:1px solid #c8a355;
	color:#c8a355;
	background:transparent;
}
.btn_box a:hover,
.btn_box a.contactus:hover,
.btn_box button:hover{
	border:1px solid #ff9955;
	color:#ff9955;
	background:transparent;
}

/* 活動表格 */
.event_table{
	margin:0 0 50px 0;
}
.event_table th{
	padding:4px 0;
	text-align:left;
	vertical-align:top;
	min-width:70px;
	font-weight:normal;
}
.event_table td{
	padding:4px 0 4px 10px;
}
.event_table td a{
	display:inline-block;
	border-right:1px solid #333;
	margin:0 10px 0 0;
	padding:0 10px 0 0;
	color:inherit;
}
.event_table td a:hover{
	color:#ff9955;
}
.event_table a:last-child{
	border-right:none;
}

/* 放大圖 */
.zoom{
	cursor:pointer;
}
.modal{
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;	
}
.modal .overlay{
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:0;
	animation-name:overlay_ani;
	animation-duration:.3s;
	background:rgba(0,0,0,0.8);
}
@keyframes overlay_ani{
from{
	background:rgba(0,0,0,0);
}
to{
	background:rgba(0,0,0,0.8);
}
}
/*
.modal .overlay button{
	border:none;
	background-color:transparent;
	color:#fff;
	font-size:32px;
	cursor:pointer;
	float:right;
}
*/
.modal .overlay .main{
	width:fit-content;
	position:relative;
	left:50%;
	transform:translateX(-50%);
	display:grid;
	grid-gap:0;
	grid-template-columns:auto  auto;
	
}
.modal .overlay .main section:nth-child(1){
	padding:30px 10px 30px 10px;
	height:100vh;
}
.modal .overlay .main section:nth-child(1) img{
	max-width:100%;
	max-height:100%;
	position:relative;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
}
.modal .overlay .main section:nth-child(2){
	padding:0 10px 0 10px;
	height:fit-content;
	position:relative;
	top:var(--modal_img_top);
	/*
	top:50%;
	transform:translateY(-50%);
	*/
}
.modal .overlay .main section:nth-child(2) .work_name,
.modal .overlay .main section:nth-child(2) .work_size_info{
	color:#fff;
	font-size:15px;
}
/*英文*/
html[lang="en"] .layout_e section:nth-child(1) .box a,
html[lang="en"] .layout_e section:nth-child(1) .box button{
	font-size:15px;
	letter-spacing:1px;
}