@media screen and (max-width: 1400px) {
	.retracted-box {padding: 0 5%;}
}
@media screen and (max-width: 1200px) {
	.Publishing .changeBox_a1 + .bookInfo-div {
		width: calc(50% - 100px - 20px);
	}
}

@media screen and (max-width: 1024px) {

	.divEditDateBox {
		/* width:95%; */
	}
	.Podcast .w-1 { margin:0 15px 20px 0;}
	.Podcast .w-1 > div { background-color: #ffffff; }
	.footer .w-14 { width: 350px; }
	
	div#PodcastList { margin: 0;}

	.wrapper_media .breadCrumbHolder { width: 100%;}	

	.media-content .video { width: 50%; } 

}

/* 20180619 yulin */
@media screen and (max-width: 980px) {
	.Event #EvList .activity-item .text-container, .Collection#EvList .activity-item .text-container {
		padding: 0 10px;
	}
	.Event #EvList h2, .Collect #EvList .activity-item h2, .Collection .activity-item h2 {
		margin: 10px 0;
	}
	.Event #EvList .activity-item .date-small, .Collection #EvList .activity-item .date-small, .Collection .activity-item .date-small{ font-size: 1.4rem; line-height: 14px; }
	.Event #EvList .activity-item .tag , .Collection #EvList .activity-item .tag , .Collection .activity-item .tag {
		font-size: 1.2rem;
	}
	.Event #EvList .activity-item .btn-AlreadyFull, .Collection #EvList .activity-item .btn-AlreadyFull, .Collection .activity-item .btn-AlreadyFull,
	.Event #EvList .activity-item .btn-Reservation, .Collection #EvList .activity-item .btn-Reservation, .Collection .activity-item .btn-Reservation {
		top: 0;
		right: 10px;
		font-size: 1.4rem;
	}
	.Event #EvList .activity-item .btn-Reservation:after, .Collection #EvList .activity-item .btn-Reservation:after, .Collection .activity-item .btn-Reservation:after {
		top: 8px;
	}
}

@media screen and (max-width: 920px) {
	.selector-gray { width: 150px }
	.Collection .search-bg, .CollectionList .search-bg { width: calc(100% - (47px + 5px) - (150px * 3) - 48px); }
	.search-bg.P-control-b { width: calc(100% - 47px - 5px - (150px * 4) - 64px); }
	/*.search-bg.E-control { width: calc(100% - 47px - 5px - (150px * 3) - 10px - 48px) }*/
	.search-bg.E-control { margin: 0 0 20px; }

	/* 20180712 yulin Event new layout start */
	.search-filter {
		flex-direction: column;
	}
	.search-filter .filter{
		width: 100%;
	}
	.search-filter .filter .filter-item{
		width: 100% !important;
		margin-bottom: 10px;
	}
	.search-filter .filter-item input.text{
		width: 100%;
	}
	.search-filter .filter-item:last-child input.text{
		width: calc(40% - 10px);
	}
	.selector-border, #Reservation-check, .search-filter{
		margin-bottom: 20px;
	}
	/* 20180712 yulin change line-height */
	.button-border, .search-filter .button #btnSearch, .search-filter .filter-item h6, .search-filter .filter-item input.text, .selector-border, .search-filter .filter-item:last-child span,
	.selector-border div.selector, .selector-border div.selector span, .selector-border div.checker span, .selector-border div.radio span {
		height: 40px;
		line-height: 40px;
	}
	.selector-border div.selector:before{
		width: 7px;
		height: 7px;
		right: 9px;
		top: 12px;
	}
	/* 20180712 yulin Event new layout end */

	.Publishing .changeBox_a1{
		float: none;
		width: 100%;
	}

	.Publishing .changeBox_a1 + .bookInfo-div {
		float: none;
		width: 100%;
	}
}


@media screen and (max-width : 800px) {
	/*.copyright { width: 90%; }*/
	.tpe_logo {
		position: relative;
		width: 100%;
		text-align: center;
		margin-bottom: 20px;
		bottom: auto;
	}
	.leftInfo { text-align:center; }
	.rightInfo { position: relative; text-align:center; }

	.ytplayer { width: 100%; height: 100%;}


	/*讓首頁lightbox影片的分享、不會跟close壓到 20150128 Gabby*/
	.fancybox-close { top: -35px; right: 0; }

	/* 20180712 yulin Event new layout */
	.w-3.cal-partner {
		width: 100%;
	}
	.row.expanded{
		width: 100%;
	}
}

@media screen and (max-width : 640px) {

	/*.copyright { width: 100%; }
	.tpe_logo {
		float:none;
		margin: 0 0 15px 0;
		text-align:center;
		display:inline-block;
		*display:inline;
		*zoom:1;
		position: relative;
		width: 100%;
	}*/
	.header {
		height:auto;
	}
	.logo { margin-top:10px;}
	.footer	{
		height:auto;
		padding:20px 0 0px
	}
/*	.wrapper {
		width:93%;
	}*/
	.container > .wrapper { margin-top:20px; }

	.container > .wrapper_media { margin-top: 0; padding: 10px 0 0; } 
	.container > .wrapper.wrapper_media { margin-top: 0; padding-top: 10px; } 
	
	#header.fixed { display:none; }
	.breadCrumb { width:100%; display:none;}
	#MainMenu, .subMenu, .navigation { display:none; }
	.nav { display:none; }
	.abgne-news-scroll { display:none; }
	.menu { margin-top:0; }
	/*.icon-fb, .icon-twitter, .icon-google { width:28px; height:28px; background-size:28px 56px !important; margin:0 5px; }*/
	.mobile-social { margin-top:15px; text-align:center; padding-right:22px }
	.mobile-search { margin:25px 0; text-align:center; }
	
	.row { width:100%; margin:0 -20px 20px 0; }
	
	.retracted-box > .row { margin-right: 0;}
	
	.w-1, .w-2, .w-3, .w-4, .w-6, .w-7, .w-8, .w-9, .w-10, .w-12, .w-14, .w-15, .w-16, .w-19 { width:100%; }
	/*.w-5 { width:50%; }*/
	.w-12 { width:auto }
	
	input.text.w-500, textarea.w-500 { width:100% !important; max-width:200px; float:none; margin:0; }
	
	.mobile-mainMenu, .mobile-navMenu { list-style:none; color:#818181; }
	.mobile-mainMenu { font-size:1.8em; border-right:1px solid #cfcfcf; }
	.mobile-navMenu { font-size:1.2em; }
	.mobile-mainMenu li { padding-bottom:10px; }
	.mobile-navMenu li { padding-bottom:26px; }
	.mobile-navMenu .submenu li { padding-bottom:0px; }
	
	.nav-list > li > div .mobile-navMenu li .submenu:before { border-left: 1px solid #CCD7E2; bottom: 0; content: ""; display: block; left:9px; position: absolute; top: 0; z-index: 1; }
	.nav-list .mobile-navMenu > li .submenu > li > a { padding-left:17px; }
	.nav-list .mobile-navMenu > li > div .submenu > li:before { left:6px; }
	.sidebar-shortcuts-large input.text { width:70%; }
	.mobile-lang { float:left; width:100%; text-align:right; margin-top:10px; }
	
	.icon-lang { width:auto; height:auto; color:#ffffff; background:#A7A6A4; padding:5px 10px; font-size:1em; }
	a.icon-lang:link { color: #ffffff;}
	a.icon-lang:visited { color: #ffffff;}
	a.icon-lang:hover { color: #ffffff;}
	a.icon-lang:active { color: #ffffff;}
	
	.footer_map { width:auto; }
	.w-14 > .epaper { float:none; text-align:center; }
	/*input.text.epaper { width:70%; }*/
	
	.row.Exhibition_list { margin-bottom:20px; }
	.Related, #ContentPlaceHolder1_ctl03_dvShow { display:none; }
	/*.RelatedBox { display:none; }*/
	.Exhibition_list .img img { max-width:100%; }
	
	[class^="w-"] { margin-right:0; margin-bottom:20px; }
	[class^="w-"] [class^="w-"] { margin-bottom:0; }
	[class^="w-"].remove-margin { margin-right:0; margin-bottom:0; }
	
	.pagination-right { text-align:center; }
	
	.row.Theme .w-2 { margin-bottom:0; }
	.row.Theme .w-1 { margin-bottom:20px; }
	
	th.title { width:60%; }
	
	.table1 td.dateRange { width:auto; text-align:center; color:#777; }
	
	.footer .sitemap { display:none; }
	.copyright .floatLeft, .copyright .floatRight { float:none; position:relative; margin-bottom:10px; text-align:center;  }
	
	.History .table-wrap, .section .table-wrap { width:100%; height:auto; margin:0 0 10px;}
	.History .table-cell { display:table-cell; vertical-align:middle; text-align:center; }
	/*.History .table-cell img { max-width:inherit; max-height:inherit; width:100%; height:auto; margin:0 auto; }*/
	.History .table-cell img, .section .table-cell img { height: 202px; }
	
	.selector-gray div.selector { width:200px; }
	/*.selector-gray div.selector span { padding:0 24px 0 0; width:176px; }*/
	.selector-gray div.selector span { padding:0 24px 0 0; }
	.selector-gray div.selector select { min-width:208px; }
	
	.ctrlRight.floatNone { float:none; text-align:center; }
	
	.keyV_index { margin-top:20px; margin-bottom:0; }
	/* .wrapper.index, .wrapper.Podcast { width:93%; left:0; } */
	.flexslider { display:none; }
	.flexslider.mobile { display:block; }
	.flexslider.spe { display:block; }
	.keyV_index .flexslider.mobile .slides img { max-height:inherit; }
	.flexslider.Exhibition { display:block; }
	
	.imgCaption { padding:20px; max-width:280px; }
	.keyV_page .flexslider.mobile .imgCaption { margin-left:0; }
	
	.index .table-wrap, .index .w-2 .table-wrap, .Edu .table-wrap, .Research .table-wrap, .Collection .table-wrap, .Collection .w-2 .table-wrap { width:100%; height:auto; }
	/*.index .table-cell img, .index .w-2 .table-cell img, .Edu .table-cell img, .Research .table-cell img, .Collection .table-cell img, .Collection .w-2 .table-cell img { max-width:inherit; max-height:inherit; width:100% !important; height:auto !important; }*/
	.index .table-cell img, .index .w-2 .table-cell img, .Research .table-cell img { max-width:inherit; max-height:inherit; width:100% !important; height:auto !important; }
	.index .overlayer .overlay > div, .Edu .overlayer .overlay > div { max-height:inherit; }
	
	/* 2017-12-26 處理置中問題*/
	.index .table-cell, .Edu .table-cell, .Research .table-cell, .Collection .table-cell {
		display: inline-block;
	}
	.Collection#EvList .table-cell{
		display: block;
	}

	.visit_list_index { height:auto; }
	.row.ParallaxScrolling { display:none; }
	.media_mobile.overlayer { display:block; }
	.media_normal { display:none; }
	
	#search-bar { margin-bottom:0; }
	.w-13 { width:100%; }
	.Event .w-1 { width:100%; margin-bottom:20px; }
	.w-1.cal { display:none; }
	.Switching { display:none; }
	
	.keyV_page { margin:20px 0; }
	
	.w-15 .w-6 { margin-bottom:20px; padding-right: 0; }
	
	.ReservationBox-left, .ReservationBox-right { border:none; width:100%; }
	.Reservation .inlineTitle { display:block; }
	.Reservation .textRight { text-align:center; }
	.Companion { width:100%; }
	.ReservationTop, .ActList { display:none; }
	.topBar { position:relative; top:0; text-align:right; }
	.ActBox { float:none; display:block; margin-top:10px; }
	.monthNumber { font-size:38px; }
	.ActDate { width:40px; display:inline-block; padding:0 14px 0 0;  }
	.ActBox .w-1 { margin:0 0 10px; width:calc( 100% - 10px ); padding:5px; background:#f7f7f7; }
	
	#EvList { width: 100%; }
	#EvList .table-wrap, #CollectionList .table-wrap, #PublishingList .table-wrap { margin-right:20px; }
	
	/* .ul_change_a1 { display:none; } */
	.ul_change_a1 { position: relative; left: auto; top: auto; height: auto; width: 100%; flex-direction: row; }
	
	.Publishing .changeBox_a1 { width:100%; height:auto; }
	.Publishing .changeBox_a1 .table-wrap { width:100%; height:auto; margin-bottom:20px; }
	.Publishing .changeBox_a1 .table-cell img { max-width:100%; max-height:inherit !important; }
	.Publishing .changeBox_a1 .a_bigImg { position:inherit; }
	.Publishing .changeBox_a1 .a_next { left: auto; right: 0; }
	.Publishing .ul_change_a1 { max-width: 100%; }

	/* 20180619 yulin */
	/* .Publishing .table-wrap { width: 180px; height: 180px; } */
	.Publishing .table-wrap { width: 180px; }
	.Publishing .w-12 { width:calc(100% - 180px - 17px); }
	/*20190103 yulin 訂閱學報*/
	#PageContent .subscribe > * { margin-bottom: 8px; }
	#PageContent .subscribe .button-border { margin-right: 0px }
	
	.Collection .zoom-section .table-wrap { width:100%; height:auto; line-height:inherit; }
	.Collection .zoom-section .table-cell { line-height:inherit; }
	.Collection .zoom-section .table-cell img { max-width:100%; max-height:inherit; }
	.zoom-desc { width:100%; margin:0 auto; }
	.zoom-desc img { width:49%; height:auto; }
	/*.bookInfo-div { position:inherit; top:20px; right:0; margin-bottom:0; }*/
	.bookInfo-div { position:inherit; margin-bottom:0; }
	#cloud-zoom-big, .mousetrap { display:none !important; }
	.cloud-zoom { cursor:default !important; }
	
	.Collection .works .table-wrap { width:100%; height:auto; line-height:inherit; }
	.Collection .works .table-cell { line-height:inherit; }
	.Collection .works .table-cell img { max-width:100%; max-height:inherit; }

	.Collection .app-img img { display: none; }
	
	.visit .web { display:none; }
	
	.media-kind { margin:0 0 20px 0; width:100%; }
	.media-content #MediaList{ margin: 0; }
	.media-content, .media-content .video { width:100%; padding: 0; }
	.video .table-wrap { width:100%; height:auto; }
	.video .table-cell img { max-width:100%; max-height:inherit !important; }
	.video .text { max-width:100%; }
	.wrapper_media .white, .VideoTitle { width:100% }
	.wrapper_media embed { width:100%; height:inherit; }
	
	/*Podcast*/
	.Podcast .w-2 { height:auto; overflow:visible; }
	.Podcast .w-2 > .w-1 + .w-1 { margin-top:15px; }
	.Podcast .table-wrap { width:100%; height: 100%; float: none;}
	.Podcast .table-cell img { max-width:100%; max-height:auto; margin:0 auto; }

	.wrapper.Language { width:93%; left:0; }
	.Language .table-wrap { width:100%; height:auto; }
	.Language .table-cell img { max-width:inherit; max-height:inherit; width:100%; height:auto; }
	.Language .overlayer .overlay > div { max-height:inherit; }
	.Language .Map { margin:0 0 20px; }
	.Language .footerInfo { width:100%; }
	.mapIframe { width:100%; }
	.Language .row { margin-bottom:0; }
	.Language .title { height:auto; }
	
	.index .w-2 { display:none !important; }
	
	.Podcast .w-1 { width:230px; margin-right:20px; }
	.Podcast .w-1.detail { width:calc(100% - 250px); margin-right:0; }
	.slideIntro { margin-left:auto; right:0; }
	
	.copyright > .tsmc_logo { display:block; float:none; margin:20px 0; text-align:center; }
	
	.selector-gray { width:100%; margin: 1px 0px; }
	/*.selector-gray div.selector { width:97.3%; }*/
	.selector-gray div.selector { width: 100%; }
	/*.selector-gray div.selector span { width:91.5%; }*/
	/*.selector-gray div.selector select { width:99%; }*/
	.selector-gray div.selector select { width: 100%; }
	/*.search-bg.E-control { padding:0; width:100%; text-align:left !important; margin: 1px 0; } event new layout 20180726 yulin */
	#search-content ul.forms li { width:100%; float:left; }
	#search-content ul.forms li #KeyWord { margin-bottom:10px; width:97%; }
	#search-content ul.forms li .DateTitle { margin-left:0 !important; }
	#search-bar h6 { width:100%; }
	#search-content ul.forms li #DateB, #search-content ul.forms li #DateE { width:43.5%; }
	#search-content ul.forms li #btnSearch { margin-left:0 !important; margin-top:15px; }
	
	/*.CollectionList .selector-gray.small div.selector { width:97.3%; }*/
	.CollectionList .selector-gray.small div.selector,
	.Publishing .selector-gray.small div.selector { width: 100%%; }
	/*.CollectionList .selector-gray.small div.selector span { width:91.5%; }*/
	.CollectionList .selector-gray.small div.selector span,
	.Publishing .selector-gray.small div.selector span { width: 100%; }
	/*.CollectionList .selector-gray.small div.selector select { width:99%; }*/
	.CollectionList .selector-gray.small div.selector select,
	.Publishing .selector-gray.small div.selector select { width: 100%; }
	.Author, .Filename { width:100%; margin-bottom:0; }
	#txtAuthor, #txtKW { margin-bottom:10px; width:97%; }
	/*.CollectionList #search-content ul.forms li #btnSearch { position:absolute; bottom:20px; }*/
	/* 20180620 yulin btn-search */
	.CollectionList #search-content ul.forms li #btnSearch,
	.Publishing #search-content ul.forms li #btnSearch { position:absolute; bottom:20px; left: 17px; }
	/*.CollectionList .search-content-inset { padding-bottom:50px; }*/
	.CollectionList .search-content-inset,
	.Publishing .search-content-inset { padding-bottom:50px; }
	/*.Collection .search-bg, .CollectionList .search-bg { width:100%; }*/
	.Collection .search-bg, .CollectionList .search-bg,
	.Publishing .search-bg, .Publishing .search-bg { width:100%; }
	
	/* 20180620 yulin: 往上合併 */
	/*.Publishing .selector-gray.small div.selector { width:97.3%; }
	.Publishing .selector-gray.small div.selector span { width:91.5%; }
	.Publishing .selector-gray.small div.selector select { width:99%; }
	.Publishing #search-content ul.forms li #btnSearch { position:absolute; bottom:20px; }
	.Publishing .search-content-inset { padding-bottom:50px; }
	.Publishing .search-bg, .Publishing .search-bg { width:100%; }*/
	
	/*.Eh.selector-gray div.selector { width:97.3%; }*/
	.Eh.selector-gray div.selector { width: 100%; }
	/*.Eh.selector-gray div.selector span { width:91.5%; }*/
	.Eh.selector-gray div.selector span { width:100%; }
	/*.Eh.selector-gray div.selector select { width:99%; }*/
	.Eh.selector-gray div.selector select { width: 100%; }
	.ctrlRight.floatNone.Eh.selector-gray { text-align:right; }
	
	.totalPage { position:relative; float:left; padding:0; }
	
	.Reservation ul.forms { width:100%; }
	.Reservation ul.forms label { letter-spacing:0; font-size: 1.3rem; margin-right:0; }
	.Reservation ul.forms h6 { margin-right:0; width:100%; }
	.Reservation ul.forms input.text, .Reservation ul.forms input.text.w-500, .Reservation ul.forms textarea.w-500 { width:97% !important; max-width:inherit !important; }
	.Reservation ul.forms div.selector { width:97.3%; }
	.Reservation ul.forms div.selector span { width:91.5%; }
	.Reservation ul.forms div.selector select { width:99%; }
	.Reservation ul.forms .secondline { letter-spacing:0; }
	.Reservation ul.forms div.uploader { width:97.3%; }
	.Reservation ul.forms div.uploader input { width:100%; }
	.Reservation ul.forms div.uploader span.filename { width:74%; }
	.custom-header nav { position:absolute; right:0; bottom:6px; width: auto; }
	
	.fancybox-lock .fancybox-overlay { display:none !important; }
	.fancybox-overlay.fancybox-overlay-fixed { display:none !important; }
	.fancybox-wrap.fancybox-desktop.fancybox-type-image.fancybox-opened { display:none !important; }
	.fancybox-skin { display:none !important; }
	
	#SignData > .w-4 .Companion textarea.uniform { width:inherit !important; max-width:100% !important; width:100% !important; padding:0; }
	.Companion { margin-right:0; width:100%; }
	.Companion .forms { padding:0; }
	.Companion ul.forms li { padding:0 10px 8px; }
	
	#SignData > .w-4 .w-16 .ctrlRight { width:100%; height:28px; margin:0; }
	#SignData > .w-4 .w-16 .ctrlRight .icon-close-gray { margin-top:5px; }
	
	.section .w-10 .w-12 { width:49%; }
	
	.eImg, .eKind, .ePlace { display:none !important; } 
	.eName { text-align:left !important; }

	/* 20180620 yulin quote RWD setting */
	.intro .quotation-up { left:5px; top:10px; z-index: 10; }
	.intro .quotation-down { right: 10px; bottom: 10px; z-index: 10; }
	.intro .content { padding:20px 40px; }
	.intro .content_unstyled { padding: 10px 5px; }

}

@media only screen and (max-width:480px){
	#EvList .table-wrap, #CollectionList .table-wrap, #PublishingList .table-wrap { margin-right:0; width:100%; height:auto; }
	#PublishingList .table-wrap, #PublishingList .table-cell { line-height:inherit !important; }	
	#EvList .table-cell a > img, #CollectionList .table-cell a > img, #PublishingList .table-wrap .table-cell a > img { max-width:inherit; max-height:inherit; width:100% !important; height:auto !important; }
	.Publishing .w-12 {
		padding: 15px 15px 15px 0;
	}
	.Publishing .w-12 > h1 {
		margin: 5px 0 10px;
	}
	.Publishing .table-cell img{
		width: 380px;
	}
	.Related-Info img { width: 100%; }   /* 20180802 yulin */
}

@media screen and (max-width : 420px) {
	/* 20180620 yulin */
	.Publishing .w-2 { flex-direction: column; }
	.Publishing .table-wrap { width: 100%; height: auto; margin: 0 auto 15px; float: none; }
	.Publishing .w-12 { width: 100%; padding: 0 15px 15px 15px; }
	
	.show-desktop {display: none;}
	.show-mobile {display: block;}

	.retracted-box {padding: 0;}

	.change-mobile-width-50 {width: 50% !important;}
	.change-mobile-width-100 {width: 100% !important;}
	.change-mobile-width-25 {width: 25% !important;}
	.change-mobile-width-30 {width: 30% !important;}
	.change-mobile-width-35 {width: 35% !important;}


	

}

@media screen and (min-width: 641px) {
	.fixed-menu { display:none; }
	.media_normal { display:block; }
	.ActList_mobile { display:none; }
	.visit .mobile { display:none; }
        
    .media-kind-list { display:block; }
    .media-kind-select { display:none; }
}

@media screen and (min-width: 641px) and (max-width: 800px) {
	.header {
		height:auto;
	}
	.footer	{
		height:auto;
		padding:40px 0 10px;
	}
	/*.wrapper {
		width:93%;
	}*/
	.wrapper.wrapper_media {
		width:100%;
	}
	#MainMenu {
		padding:20px 115px 0 60px;
		width: calc(100% - 175px);
	}
	.menu_animate {
		max-width:80%;
	}
	#header.fixed .nav { top:-5px; right:150px;}
	#MainMenu li > ul { width:100%; left:0px; }
	#MainMenu li { margin:0 10px; padding:0 0 6px; }
	#MainMenu li.last-child { margin:0 23px 0 10px; width:auto; }
	#MainMenu li > ul.navmenu > li { font-size: 1.3rem; margin-right:20px; }
	#MainMenu li > ul.navmenu li > ul { left:0; }
	#MainMenu li ul li a { padding-bottom:10px; }
	
	#mobile { display:none; }
	
	#NavMenu li > ul { margin-top:67px; width:100%; }
	#NavMenu li ul li { margin-top:10px; }
	#NavMenu li ul li a { padding-bottom:7px; }
	
	.row { width:100%; margin:0 -20px 20px 0; }
	
	[class^="w-"] { margin-right:0; margin-bottom:20px; }
	[class^="w-"] [class^="w-"] { margin-bottom:0; }
	[class^="w-"].remove-margin { margin-right:0; margin-bottom:0; }
	
	.footer .sitemap .w-6, .footer .sitemap .w-14 { width:100%; text-align:center; } 
	/*input.text.epaper{ float:none; top:3px; }*/
	.footer .icon-arrowR-epaper { float:none; margin-left:-6px; top:2px; }
	
	.w-14 > .epaper { float:none; margin-top:20px; width:100%; }	
	.footer_map { float:none; display:inline-block; text-align:left; vertical-align:top; }
	.copyright .floatLeft, .copyright .floatRight { float:none; position:relative; margin-bottom:10px; text-align:center;  }
	
	.w-1, .w-2, .w-3, .w-4 { width:100%; }
	.w-10 { width:50%; }
	/* 20180628 yulin half-item */
	.w-10.activity-item:nth-child(odd) { width: calc(50% - 10px); margin-right: 10px; margin-bottom: 20px; }
	.w-10.activity-item:nth-child(even) { width: calc(50% - 10px); margin-left: 10px; margin-bottom: 20px; }
	/* 20180628 yulin half-item */
	.w-8 { width:100%; }
	.w-9 { width:100%; }

	#EvList { width: 100%; }

	/* 20180620 yulin half cell: collection; */
	.w-1.half-cell { width: 50%; }
	.Collection .w-1.half-cell { margin-right: 0;}
	.w-1.half-cell:nth-child(odd) { padding-right: 10px; }
	.w-1.half-cell:nth-child(even) { padding-left: 10px; }
	/* 20180620 yulin:; collection add gray bg-color */
	.Collection .collection-cell .table-wrap, .Research .publish-cell .table-wrap, .Edu .edu-cell .table-wrap { background: #e9e9e9; }
	.w-11 { width: calc(25% - 5px); margin-right: 5px; }

	/* 20180705 yulin 改寬度 */
	.JournalList .w-1:nth-child(odd) { width: calc(50% - 10px); margin-right: 10px; margin-bottom: 20px; }
	.JournalList .w-1:nth-child(even) { width: calc(50% - 10px); margin-left: 10px; margin-bottom: 20px; }
	
	.breadCrumb { width:100%; }
	
	.row.Exhibition_list { margin-bottom:20px; }
	.Exhibition_list .img img { max-width:100%; max-height:100%; }
	.Related { position:inherit; width:100%; margin-top:20px;}
	.Exhibition_list li.con { width:100%; }
	.History .table-wrap { margin-right:8px;}
	
	.Crew .w-1, .Theme .w-1 { width:50%; }
	.Theme #EvList .w-1:nth-child(odd), .Theme #ExList .w-1:nth-child(odd) { padding-right: 10px; }
	.Theme #EvList .w-1:nth-child(even), .Theme #ExList .w-1:nth-child(even) { padding-left: 10px; }
	.Crew .w-1.remove-margin, .Theme .w-1.remove-margin { margin-right:0; }
	/* 20180619 yulin */
	.Crew .w-1.remove-margin:nth-child(odd) { padding-right: 10px; }
	.Theme .w-1.remove-margin:nth-child(odd) { padding-right: 10px; }
	.Crew .w-1.remove-margin:nth-child(even) { padding-left: 10px; }
	.Theme .w-1.remove-margin:nth-child(even) { padding-left: 10px; }
	.Crew .table-wrap, .Theme .table-wrap { margin-right:2px;}
	
	.keyV_index { margin-bottom:15px; }
	/*.wrapper.index, .wrapper.Podcast { width:100%; left:3.5%; overflow:hidden; }*/
	.wrapper.Podcast { overflow:hidden; }
	.index .w-1 { width:22%; height:14.4em; margin-right:1.7%; margin-bottom:13px; overflow:hidden; }
	.index .w-2 { width:45.7%; height:14.4em; margin-right:1.7%; margin-bottom:15px; }	
	.index .w-1.remove-margin { margin-right:0; } 	
	.index .table-wrap, .index .w-2 .table-wrap { width:100%; height:auto; display:inline-block; }
	.index .table-cell { width:100%; height:auto; display:inline-block; }
	.index .table-cell img, .index .w-2 .table-cell img { max-width:inherit; max-height:inherit;  width:100%; height:auto; }
	.news_list_index, .visit_list_index, .icon_list_index { height:14.4em; overflow:hidden; line-height:1.2; font-size: 1.3rem; padding:0 5px; }
	.news_list_index .kind { display:none; }
	.news_list_index .info { font-size: 1.1rem; }
	.news_list_index li { padding:5% 0; }
	.news_list_index p { padding:4px 0; width:100%; }
	.news_list_index li.last { padding:0; }
	.visit_list_index li { display:none; padding:0; }
	.visit_list_index li.img, .visit_list_index li.infoBox { display:block; }
	.visit_list_index li.infoBox { padding-top:10px; }
	.visit_list_index span.info { margin-right:0; }
	.visit_list_index span.info a { font-size: 1.2rem; }
	.ParallaxScrolling { display:none; }
	.icon_list_index [class^="icon-"] { margin:0; }
	.icon_list_index li { padding:1px 0; }


	
	#search-bar { margin-bottom:0; }
	.w-13 { width:100%; }
	.Event .w-1 { width:30%; margin-right:3.33%; margin-bottom:20px; }
	.w-1.cal { display:none; }
	.Switching { display:none; }
	
	.ReservationTop, .ActList { display:none; }
	.topBar { position:relative; top:0; text-align:right; }
	.ActBox { float:none; display:block; margin-top:10px; }
	.monthNumber { font-size:38px; }
	.ActDate { width:40px; display:inline-block; padding:0 14px 0 0;  }
	.ActBox .w-1 { margin:0 0 10px; width:calc( 100% - 10px ); padding:5px; background:#f7f7f7; }
	
	.wrapper_media .video-main { margin-left: 0; }
	/* .video .text { width:calc( 100% - 350px ); } */
	.media-kind { margin-bottom: 20px; width: 100%; margin-right: 0; }
	.media-content { width: 100%; }
	/* .media-content .video { width: 100%; } */
	.wrapper_media .white, .VideoTitle { width:100% }
	.wrapper_media embed { width:100%; height:inherit; }
	
	.wrapper.Language { width:93%; left:0; }
	.Language .table-wrap { width:100%; height:auto; }
	.Language .table-cell img { max-width:inherit; max-height:inherit; width:100%; height:auto; }
	.Language .overlayer .overlay > div { max-height:inherit; }
	.Language .Map { margin:0 0 20px; }
	.Language .footerInfo { width:100%; }
	.mapIframe { width:100%; }
	.Language .row { margin-bottom:0; }
	.Language .title { height:auto; }
	
	.searchInput.text { width:80%; }
	
	.Reservation .table-wrap, .Event .table-wrap, #EduReList .table-wrap { width:100%; height:152px; }
	.Reservation .table-cell img, #EduReList .table-cell img  { max-width:inherit; max-height:inherit; width:100%; height:auto; }
	/*.Event .table-cell img { max-width:100%; max-height:153px; width:auto; height:auto; }*/
	.Event .table-cell img { max-width:100%; width:auto; height:auto; }
	
	#CollectionList.row > .w-1 { width:50%; }
	/*.Collection .table-wrap { width:100%; height:auto; display:inline-block; }*/
	/*.Collection .table-cell { width:100%; height:auto; display:inline-block; }*/
	/*.Collection .table-cell img { max-width:inherit; max-height:inherit;  width:100%; height:auto; }*/
	.Collection .app-img img { display: none; }
	
	/*#PublishingList.row > .w-1 { width:50%; }*/
	/* 20180706 yulin 改寬度 */
	.PublishingList .w-1:nth-child(odd) { width: calc(50% - 10px); margin-right: 10px; margin-bottom: 20px; }
	.PublishingList .w-1:nth-child(even) { width: calc(50% - 10px); margin-left: 10px; margin-bottom: 20px; }
	
	/* .wrapper_media .breadCrumbHolder { width: 93%; } */

	.Podcast .w-1 { width:230px; margin-right:20px; }
	.Podcast .w-1.detail { width:calc(100% - 250px); margin-right:0; }
	.slideIntro { margin-left:auto; right:0; }
	
	.tsmc_logo { float:none; }
	
	.Reservation ul.forms { width:100%; }
	#SignData > .w-4, #SignData > .w-4 .w-16 { width:100%; margin-right:0 !important; }
	#SignData > .w-4 .inlineTitle { margin-right:0; width:100%; }
	#SignData > .w-4 input { width:80% !important; }
	#SignData > .w-4 textarea.uniform { width:inherit !important; max-width:80% !important; width:80% !important; }
	.Companion { margin-right:0; width:100%; }
	#SignData > .w-4 .w-16 .ctrlRight { width:100%; height:28px; margin:0; }
	#SignData > .w-4 .w-16 .ctrlRight .icon-close-gray { margin-right:0; margin-top:5px; }
	
	.custom-header nav { position:absolute; right:0; bottom:6px; width: auto; }
	
	#search-content ul.forms li { width:100%; }

	/* 20180620 yulin: Collection search-content-inset*/
	.search-content-inset input.text { width: 150px; }

}

/*@media screen and (min-width: 801px) and (max-width: 1023px) {
	.header {
		height:auto;
		background:#600;
	}
	.footer	{
		height:auto;
		background:#66F;
	}
	.wrapper {
		width:100%;
		background:#600;
	}
	#MainMenu {
		max-width:88%;
	}
	#mobile { display:none; }
}

@media screen and (min-width: 1024px) {
	#mobile { display:none; }
}*/

/*fixed-menu*/
@media only screen and (max-width:640px){
	.fixed-menu { display:block; position:absolute; min-width:80%; top:0; right:0; z-index:1000; }
	.main-container{ display:block; width:100%; }
	.sidebar:before{display:none}
	.sidebar{display:none;position:absolute;z-index:1030;right:0;bottom:auto;top:auto!important;margin-top:0;border:none; padding:0 10px 10px;}
	.sidebar.display{display:block}
	.menu-toggler{background:url(../images/icon/menu_bg.png) no-repeat center center; display:inline-block;position:absolute;right:0;z-index:2000;width:28px;height:28px;/*margin-right:2px;*/line-height:normal;padding:10px;font-size: 1.3rem;font-weight:bold;text-transform:uppercase;background-color:#EAEAEA;color:#f3f3f3}
	.menu-toggler:hover{text-decoration:none}
	/*.menu-toggler:before{border-top:1px solid #666666;border-bottom:1px solid #666666;height:2px;width:28px;content:"";position:absolute;z-index:11;top:19px;-moz-transition:all .1s ease;-webkit-transition:all .1s ease;-ms-transition:all .1s ease;transition:all .1s ease;-o-transition:none}
	.menu-toggler:after{border-top:1px solid #666666; border-bottom:1px solid #666666; content:"";height:2px;width:28px;position:absolute;top:25px;-moz-transition:all .1s ease;-webkit-transition:all .1s ease;-ms-transition:all .1s ease;transition:all .1s ease;-o-transition:none}*/
	/*.menu-toggler.display:before{height:4px;top:14px;border-width:2px}
	.menu-toggler.display:after{height:4px;top:26px;border-width:2px}*/
	.menu-toggler>.menu-text{ display:block;position:absolute;bottom:-18px;left:0;/*border:1px solid transparent;border-width:9px 42px;border-top-color:#444;*/}
	.nav-list>li.active:after{display:none}
	.nav-list li.active>a:after{display:none}
	.nav-list li.active.open> div .submenu>li.active>a:after{display:none}	
	.sidebar-shortcuts > input.text { width:80%; }
	.nav-list>li .w-1 { width:40%; }
	.nav-list>li .w-3 { width:60%; }

	.Podcast .w-1 { width:100%; margin-right:0; height: 100%; }
	.Podcast .w-1.detail { width:100%; margin-right:0; }
	.slideIntro { margin-left:auto; right:0; width:85.5%; }

	.wrapper_media .video-main { margin-left: 0; }
    .media-kind-list { display:none; }
    .media-kind-select { display:block; }

    .w-10.activity-item { margin-bottom: 20px; }

}

/*Exhibition*/
@media only screen and (max-width:640px){
	/* .artist { display:none; } */
	.artist .flexslider{ display: block; padding: 20px 40px 0; }
	.flexslider.Exhibition .slides img { width:auto; max-width:100%; max-height:auto; display: block; text-align:center; margin:0 auto;}
	.Crew .table-wrap, .Theme .table-wrap { width:100%; height:auto; }
	/* 20180619 yulin */
	.Crew .w-1.remove-margin:nth-child(odd) { padding-right: 0; }
	.Theme .w-1.remove-margin:nth-child(odd) { padding-right: 0; }
	.Crew .w-1.remove-margin:nth-child(even) { padding-left: 0; }
	.Theme .w-1.remove-margin:nth-child(even) { padding-left: 0; }
	.Crew .table-cell a > img, .Theme .table-cell a > img { max-width:inherit; max-height:inherit; width:100% !important; height:auto !important; }	
	#EventInfo.column, .RelatedBox>.column{
		padding-left: 0;
	}
}

@media only screen and (max-width:1023px){
	.News img { max-width:100%; }
	.nav { width:100%; left:auto; right:0; }
}

@media only screen and (max-width:979px){	
	/*.row.visit { width:100%; }*/
	.menu_animate { text-align:right; float:right;}
	/*.section .stickyMenu { width:95%; }*/
}

@media only screen and (max-width:640px){
	/*.section .stickyMenu { width:calc(100% - 40px);}*/
	.section .stickyMenu .w-12 { width:calc(100% - 152px);}
	.publish-swiper-container .swiper-button-prev, .publish-swiper-container .swiper-button-next{
		margin-top: -55px;
	}
}


@media only screen 
and (min-device-width : 1280px) 
and (max-device-width : 1280px)  {
	.footer .sitemap .w-6 { width:75%; }
	.footer .sitemap .w-14 { width:25%; }
	input.text.epaper { width:67%; }
}

@media only screen and (min-device-width : 790px) and (max-device-width : 810px) and (orientation:portrait)  {
	#MainMenu { width:570px; float:left; text-align:right; }
	
	.Collection .search-bg, .CollectionList .search-bg { width:200px; }
	#search-content .vertical { width:92%; }
	.row.Publishing > .search-bg.P-control-b { width:94%; }
	.row.eBox .search-bg.E-control.textRight { width:93.5%; }
	
	.Author { width:40%; }
	.Filename { width:60%; }
	
	.calendar_date + .secondline { display:block; }
	
	.search-bg.E-control.textRight { float:right; margin-right:43px; width:auto; }
	
	.zoom-desc { width:33%; }
}

@media only screen and (min-device-width : 760px) and (max-device-width : 770px) and (orientation:portrait) {
	#MainMenu { width:540px; float:left; text-align:right; }
	
	.Collection .search-bg, .CollectionList .search-bg { width:170px; }
	#search-content .vertical { width:92%; }
	.row.Publishing > .search-bg.P-control-b { width:98%; }
	.row.eBox .search-bg.E-control.textRight { width:97.5%; }
	
	.Author { width:40%; }
	.Filename { width:60%; }
	
	.calendar_date + .secondline { display:block; }
	
	.search-bg.E-control.textRight { float:right; margin-right:14px; width:auto; }
	
	.zoom-desc { width:30%; }
}