

#top_banner img { width: 100%; display: none;}


.flexslider li > a > img:last-child {  display: block !important;}
.index_enevt_block .col_one_fourth > a > p {text-align: justify;}
.ok_fb .facebook-click, .else_exhi .else-click { word-break: keep-all;}

.common_intro_title{opacity: 1;	transform: matrix(1, 0, 0, 1, 0, 0);	margin-bottom: 15px;}
.common_intro_title nav {height: 90%; width: 2px; background-color: #33ADA5; position: absolute; top: 7%;}
.address_tool{display:flex;}




/* menu color */
#header_wrap {  background-color: #00101d;  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.6);}
#header_wrap{ display: flex;  flex-direction: column-reverse;}
.home #stick_header { margin-top: 0;}
.home #header_wrap { max-width: 100%; }
.home.stick #menu_block { background: #000;}
.home.stick #menu_ul a { color: #fff; }
.home.stick #menu_ul > li > ul > li > a { background-color: #000;}
.home.stick .show-in-992{ display: none; }

.show-in-992{ display: block; }
#menu_block {   background: white; transition: .5s;margin: 0; width: 100%;transition: .5s;}
#menu_ul a { color: #000;}
#menu_ul a:hover { color: #ff9114;}

#menu_ul>li>ul { width: 210px;  left: -9px;  border: 1px solid #f4f4f4; }



@media (max-width: 992px){
#header_wrap { background-color: #00101d; background-image: url(); }
.side_logo{ background-color:#00101d; }
.b p { margin-top: 40px;  color: #00c3b3; }
.b i{ width: 40px; height: 5px; background:#00c3b3; left:11px; }
	#header_wrap {display: block;  }

	#side_menu_bg_layout.active #side_menu{	transform: translateX(0%);	}
	.side_logo{
		text-align: center;
		border-bottom: 1px solid #ffffff;
		padding: 18px 0;
		background-color:#00101d;	}

	.side_menu_ul a {
		width: calc(100% - 20px);
		padding: 16px 0px 16px 20px;
		font-size: 21px;
		border-bottom: 1px solid #ffffff;
		transition: 0.2s;
		display: block;
		color: #ffffff;
		background-color: #696969;	}
}


/*首頁-手機版-選單*/
@media (max-width:992px){
#logo img { margin-left: 20px;}
.side_menu_ul li { background-color: #ffffff;}
.side_menu_ul a { font-size: 21px; border-bottom: 1px solid #dddddd; color: #4e4e4e; background-color: #ffffff;}
.side_menu_ul li.back a { color: #2196F3; }
.side_menu_ul li.more a { background-color: #f1eedb; }
.side_menu_ul li.more a:hover { background-color: #96d1ff; color: #4e4e4e; }
}


footer {background-color:#444;}
footer .center_block { width: 95%;}

/*右方免費索票-打開&關閉*/
#ticket_svg_here{ display:none;	top:0; }
#ticket_svg_here .ch_text::before { content: "參觀登記";}
#ticket_svg_here .whole_ticket_color {  fill: #6ca1af;}
#ticket_svg_here .code_color { fill-rule: evenodd; clip-rule: evenodd; fill: black;}
#ticket_svg_here .st1 { fill: black;}



/* 標題 */
.topic_title h2 {
	color: black;
	border-bottom: 2px solid black;
font-size: 1.5rem;
}
/* 修改標題svg顏色 */
.topic_title svg{
	fill: black;
}

/* 大會活動 區塊顏色 */
.index_enevt_block .photofix h5{
	background-color: #381800e3;
	color: #fff;
}
.index_enevt_block .col_one_fourth > a > p{
	background-color: rgb(255, 170, 170);
	color: #282828;
}
/* .index_enevt_block a:hover .photofix h3 {
background-color: rgba(255, 207, 44, 0.9);
color: #fff;
} */
.index_exhibit_intro_block a:hover .photofix .layout p:last-child {
	background-color: #d7542a;
}





/* 歷史回顧 */
.index_history .layout{
	background-color: rgba(0,0,0, 0.9);
	color: #fff;
}



/*------------------------
index_presenting
--------------------------*/
.index_presenting{
	padding-bottom: 100px;
}
.presenting{
	width: 100%;
}
.presenting .g{
	position: relative;
	height: 180px;
}
.presenting .intro{
	width: 25%;
	border-bottom: 2px solid #764c24;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}
.presenting .intro h3{
	color: #764c24;
}

.presenting .b2 .intro{
	order: 2;
}
.presenting .b2{
	display: flex;
	justify-content: flex-end;
}
.presenting .b1{
	display: flex;
}
@media (max-width: 992px) {
	.index_presenting{
		padding-bottom: 0px;
	}
	.presenting .g{
		position: relative;
		height: auto;
		margin-bottom: 15px;
	}
	.presenting .intro {
		width: 70%;
	}
	.presenting .b1 {
		display: flex;
		flex-direction: column-reverse;
		align-items: center;
	}
	.presenting .b2 {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.presenting .intro {
		width: 70%;
	}
}


	/*-----------------
	col_slider
	------------------*/
	.col_slider {
		max-height: 450px;
	}
	.col_slider > div {
		float: left;
		margin: 10px;
		position: relative;
	}
	.col_slider .index_slider_block {
		width: calc(70% - 26px);
		border: 3px solid #ffffff;
		box-shadow: 2px 1px 13px rgba(0, 0, 0, 0.2);
		overflow: hidden;
	}
	.col_slider .index_slider_link_block{
		width: calc(30% - 26px);
	}
	.index_slider_link_block img {
		display: block;
	}
	.index_slider_link_block a > div {
		position: relative;
		border: 3px solid #ffffff;
		box-shadow: 2px 1px 13px rgba(0, 0, 0, 0.2);
		overflow: hidden;
	}
	.index_slider_link_block a:last-child > div {
		margin-top: 20px;
	}
	.index_slider_link_block ul{
		transition: 0.3s;
		position: absolute;
		top: 0px;
		right: 0px;
		background-color: rgba(0, 0, 0, 0.7);
		padding: 47px 13px;
		color: #fff;
	}
	.index_slider_link_block a:hover ul{
		padding-right:33px;
		padding-left: 33px;
		background-color: rgba(0, 0, 0, 0.9);
	}
	@media (max-width:1300px) {
		.index_slider_link_block ul {
			padding: 35px 13px;
		}
	}
	@media (max-width:1170px) {
		.index_slider_link_block ul {
			padding: 23px 23px;
		}
	}
	@media (max-width:992px) {
		.col_slider .index_slider_link_block {
			display: none;
		}
		.col_slider .index_slider_block {
			width: calc(100% - 26px);
		}
	}
	/*--------------
	flexslider custom
	-----------------*/
	.flexslider {
		border: 0!important;
	}
	.flexslider .slides li{
		position: relative;
		margin-bottom: -2px;
	}

	.flexslider li > a > img:first-child {
		display: block;
	}
	.flexslider li > a > img:last-child {
		display: none;
	}
	@media (max-width:768px) {
		.flexslider li > a > img:first-child {
			display: none;
		}
		.flexslider li > a > img:last-child {
			display: block;
		}
	}

	/*-------------
	商品區
	--------------*/
	.layout_index_store{
		position: absolute;
		padding: 50px 10px 80px 0px;
		width: calc(100% - 10px);
		width: 90%;
		top: 0px;
		right: 0;
		text-align: right;
		background: -webkit-linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,0.78) 53%, rgba(255,255,255,0.78) 54%, rgba(255,255,255,0) 100%);
		background: -o-linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,0.78) 53%, rgba(255,255,255,0.78) 54%, rgba(255,255,255,0) 100%);
		background: linear-gradient(rgba(255,255,255,1) 0%, rgba(255,255,255,0.78) 53%, rgba(255,255,255,0.78) 54%, rgba(255,255,255,0) 100%);
	}
	.layout_index_store h4{
		margin: 0;
		font-size: 1.8rem;
		color: #0a3f7b;
	}
	.layout_index_store p{
		margin: 0;
		font-size: 2.6rem;
		line-height: 1.1;
		color: #ff5353;
		font-family: 'Century Gothic';
		font-weight: 500;
	}
	.index_store_firm>.col_one_fourth{
		position: relative;
	}

	/*-------------
	精彩實錄
	--------------*/
	.index_history .col_one_fourth:nth-child(1) a:first-child .photofix{
		height: 200px;
	}
	.index_history .col_one_fourth:nth-child(1) a:last-child .photofix{
		height: 270px;
	}
	.index_history .col_one_fourth:nth-child(2) a:first-child .photofix{
		height: 150px;
	}
	.index_history .col_one_fourth:nth-child(2) a:last-child .photofix{
		height: 320px;
	}
	.index_history .col_one_fourth:nth-child(3) a:first-child .photofix{
		height: 320px;
	}
	.index_history .col_one_fourth:nth-child(3) a:last-child .photofix{
		height: 150px;
	}
	.index_history .col_one_fourth:nth-child(4) a:first-child .photofix{
		height: 235px;
	}
	.index_history .col_one_fourth:nth-child(4) a:last-child .photofix{
		height: 235px;
	}



	/*--------------------------
	手機版首頁壓字修正
	---------------------------*/
	@media (max-width:768px) {
		.index_slider{ margin-top:40px;}
		.show-in-768 {display:block;}
	}




/*--------------------------
	近期展覽改色
---------------------------*/

.recentList .bg{background-color:#6ba1ad}
.recentList .name{background-color:#00101d}



