/* Global reset
   http://meyerweb.com/eric/tools/css/reset/ 
*****************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, input, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
form, label, input, table, textarea {
	outline: 0;
	border: none;
	background-color: transparent;
}

/* Extended base styles (site specific)
*****************************************************************/

html { 
	overflow-y: scroll; /* always force a scrollbar in non-IE */
	}
body {
	
	overflow-x: hidden;
	/*height: 4550px;*/
	line-height: 1.5;
	color: #121212;
	font-size: 1em;
	font-family:'Open Sans', Verdana, Geneva,'Microsoft JhengHei',"微軟正黑體", sans-serif;
}
html.index {}
header {
	width: 1280px;
	margin: 0 auto;
	position: relative;
}
a, a:link,
a:active,
a:visited {
	/*-webkit-transition: color 0.95s ease-out;
	-moz-transition: color 0.95s ease-out;
	-o-transition: color 0.95s ease-out;
	transition: color 0.95s ease-out;*/
	outline: none;
	text-decoration:none;
	color: #121212;
	}
a:hover { color: #999;
	cursor: pointer;
}
img { 
	display:block;
	}
p {
	margin:1em 0;
	}
input, select {
	font-size: 1em;
	color: #333;
		
}
/* Common shared styles
*****************************************************************/

h1 {
	font-size: 2.25em;
	}
h2 {
	font-size: 2em;
}
h3 {
	font-size: 1.5em;
}
.align_c {
	text-align:center;
	}
.text_deco::before {
	content:'';
	background: url("../../images/title_decor_be.png") no-repeat;
	background-size: 23px 9px;
	display: inline-block;
	width: 23px;
	height: 9px;
	margin-right: 15px;
	vertical-align: middle;
	}
.text_deco::after {
	content:'';
	background: url("../../images/title_decor_af.png") no-repeat;
	background-size: 23px 6px;
	display: inline-block;
	width: 23px;
	height: 6px;
	margin-left: 15px;
	vertical-align: middle;
	}


/* Page structure
*****************************************************************/

#wrapper {
	position: relative;
	/*margin-top: 320px;*/
}
#branding {
	width: 100%;
	background: #fff;
	}
	#branding h1 {
		width: 940px;
		padding: 10px 15px;
		margin: 0 auto;
		text-transform: uppercase;
		font-size: 18px;
		font-weight: bold;
		}


/* Nav
*****************************************************************/
nav {
	position: absolute;
	top: -20px;
	z-index: 50;
	width: 1280px;
	margin: auto;
	}
nav ul {
	position: relative;
	padding: 0px; 
	list-style: none; 
	display: inline-table;
	}
nav li {
	width: 90px;
	height: 100px;
	background-position: top center;
	background-repeat: no-repeat;
	display: table-cell;
	position: relative;
	vertical-align: bottom;
	text-align: center;
	}
nav ul li:hover {
	cursor: pointer;
}
nav ul li:hover > ul {
	display:block;
	}
nav + li a {
	color: #121212;
	font-size: 1.125em;
	}
nav li a:hover {
	cursor: pointer;
	color: #999;

}

nav li.menu01 {
	background-image: url("../../images/about-58x68.png");
	background-size: 58px 68px;
	}
nav li.menu01 > a, nav li.menu02 > a, nav li.menu03 > a, nav li.menu04 > a, nav li.menu05 > a, nav li.menu06 > a {
	width: 90px;
	height: 100px;
	display: block;
	padding: 77px 0 0 0;
	text-align: center;
	margin: auto;
	}

nav li.menu02 {
	background-image: url("../../images/theme-88x61.png");
	background-size: 88px 61px;
	}

nav li.menu03 {
	background-image: url("../../images/video-58x62.png");
	background-size: 58px 62px;
	
	}

nav li.menu04 {
	background-image: url("../../images/literature-68x55.png");
	background-size: 68px 55px;
	}
nav li.menu05 {
	background-image: url("../../images/event-66x59.png");
	background-size: 66px 59px;
	}
nav li.menu06 {
	background-image: url("../../images/consultation-63x62.png");
	background-size: 63px 62px;
	}

nav li.menublank {
	width: 220px
}
nav ul ul {
	display:none;
	position:absolute;
	margin-left: calc(50% - 55px);
	padding-top: 8px;
	text-align: center;
}
nav ul ul li {
	background: url("../../images/dropdownbg-110x40.png") no-repeat;
	background-size: 110px 40px;
	width: 110px;
	height:45px;
	display: block;
}

/* 手機選單
*****************************************************************/
.sb-2.right.push { display:none; }
.sb-2 nav { display:none !important; }
.fixed-header { display:none; }
.mobileMenu {  
	display:none ; 
	position:relative; 
}

/* 首頁Layout
*****************************************************************/
.main {
	width: 100%;
	margin: 0 auto;
	position: relative;
	}
.logo {
	width: 192px;
	height:66px;
	margin: 55px auto 0 auto;/*0321*/
	display: block;
	background-size: 192px 66px;
	position: relative; z-index: 99999;
	}
.logo img {
	width: 192px;
	height:66px;
}
#index-footer {
	width: 1280px;
	height: 156px;
	margin: auto;
	padding: 75px 10px 25px 10px;
	position: absolute;
	top: 4065px;
	left: calc(50% - 640px);
	text-align: center;
	color: #666;
	font-size: 0.8762em;
	background: url("../../images/footer_bg_L.png"), url("../../images/footer_bg_R.png");
	background-size: 425px 185px, 410px 140px;
	background-position: bottom left, bottom right;
	background-repeat: no-repeat;
}
#index-footer p, #page-footer p {
	margin: 0 0 5px 0;
}
#index-footer span, #page-footer span {
	margin-right: 12px;
}
#page-footer {
	width: 1280px;
	min-height: 156px;
	margin: auto;
	padding: 75px 10px 25px 10px;
	text-align: center;
	color: #666;
	font-size: 0.8762em;
	background: url("../../images/footer_bg_L.png"), url("../../images/footer_bg_R.png");
	background-size: 425px 185px, 410px 140px;
	background-position: left bottom, right bottom;
	background-repeat: no-repeat;
}

/* content */

.main-item > div {
	width: 426px;
	height: 424px;
	display: inline-block;
	text-align: center;
	position: relative;
	vertical-align: top;
	margin-bottom: 50px;
	}
.main-item > div h1 {
	margin-top: 70px;
	margin-bottom: 20px;
}
.item-description {
	width: 170px;
	margin: 15px auto;
	font-size: 0.9375em;
	color: #666666;
}
.item_theme {
	background: url("../../images/index-btn-theme.png") no-repeat;
	background-size: 426px 424px;
	float: left;
	}
.item_theme::after {
	content:'';
	background: url("../../images/index-btn-theme-cat.png") no-repeat;
	background-size: cover;
	width: 232px;
	height: 207px;
	position: absolute;
	right: -80px;
	bottom: -40px;
	pointer-events: none;
}
.item_video {
	background: url("../../images/index-btn-video.png") no-repeat;
	background-size: 426px 424px;
	float: right;
	}
.item_video::after {
	content: '';
	background: url("../../images/index-btn-video-dog.png") no-repeat;
	background-size: cover;
	width: 178px;
	height: 246px;
	position: absolute;
	right: -80px;
	bottom: 65px;
	pointer-events: none;
}
.item_literature {
	background: url("../../images/index-btn-literature.png") no-repeat;
	background-size: 426px 424px;
	float: left;
	}
.item_literature::after {
	content:'';
	background: url("../../images/index-btn-literature-dognbook.png") no-repeat;
	background-size: cover;
	width: 151px;
	height: 281px;
	position: absolute;
	right: -60px;
	bottom: 30px;
	pointer-events: none;
}
.item_consultation {
	background: url("../../images/index-btn-consultation.png") no-repeat;
	background-size: 426px 424px;
	float: right;
	}
.item_consultation::after {
	content:'';
	background: url("../../images/index-btn-consultation-catndesk.png") no-repeat;
	background-size: cover;
	width: 235px;
	height: 258px;
	position: absolute;
	right: -130px;
	bottom: 40px;
	pointer-events: none;
}
.item-btn {
	width: 200px;
	height: 56px;
	background-color: #5b5c60;
	display: block;
	border-radius: 28px;
	color: #FFF;	
	font-size: 1.3125em;
	margin-left: 120px;
}
.item-btn:hover {
	background-color: #999;
}
.item-btn a {
	color: #FFF;
	width: 200px;
	height: 56px;
	border-radius: 28px;
	display: inherit;
	padding-top: 10px;
}
.item-btn a:hover {
	color: #333;
	background-color: #999;
}
.item-btn-description {
	width: 200px;
	margin-left: 120px;
	color: #5b5c60;
	font-size: 0.9375em;
}
.clear-div {
	clear: both;
	height: 0;
}


/* 內頁Layout
*****************************************************************/

#page-subject{
	text-align: center;
	margin-top: 150px;
	width: 100%;
	height: 50px;
	position: relative;
}
#page-subject h2 {
	position: absolute;
	width: 100%;
	top: -30px;
	z-index: 50;
	pointer-events: none;
}
#page-subject .bg-L {
	background: url("../../images/subject-L-bg-660x117.jpg") no-repeat;
	background-position: right;
	width: 33%;
	height: 117px;
	position: absolute;
	left: 0;
	top: -40px;
	pointer-events: none;
}
#page-subject .bg-R {
	background-position: left;
	width: 33%;
	height: 150px;
	position: absolute;
	right: 0;
	top: -60px;
	pointer-events: none;
}
.bg-R-about {
	background: url("../../images/subject-R-bg-about-554x150.jpg") no-repeat;
}
.bg-R-theme {
	background: url("../../images/subject-R-bg-theme-554x150.jpg") no-repeat;
}
.bg-R-video {
	background: url("../../images/subject-R-bg-video-554x150.jpg") no-repeat;
}
.bg-R-literature {
	background: url("../../images/subject-R-bg-fox-554x150.jpg") no-repeat;
}
.bg-R-event {
	background: url("../../images/subject-R-bg-event-554x150.jpg") no-repeat;
}
.bg-R-consultation {
	background: url("../../images/subject-R-bg-cat-554x150.jpg") no-repeat;
}
#page-description, .page-description {
	text-align: center;
	color: #333;
	font-size: 1.125em;
	position: relative;
	margin: 10px auto;
}
#page-description::before, .page-description::before{
	content:'';
	background: url("../../images/up-deco.jpg");
	background-size: 103px 75px;
	width: 103px;
	height: 75px;
	display: block;
	margin: 10px auto;
}
#page-description::after, .page-description::after {
	content:'';
	background: url("../../images/bottom-deco.jpg");
	background-size: 20px 21px;
	width: 20px;
	height: 21px;
	display: block;
	margin: 10px auto;
}
#submenu {
	text-align: center;
	margin: 35px auto 0 auto;
	width: 100%;
	position: relative;
	font-size: 1em;
}
#submenu div {
	display:inline-block;
	padding-top: 45px;
}
#submenu div.normal {
	background:url("../../images/2w-normal-109x35.png") no-repeat;
	background-size: 109px;
	background-position: bottom;
	width: 120px;
	height: 75px;
}
#submenu div.normal:hover {
	background:url("../../images/2w-hover-109x35.png") no-repeat;
	background-size: 109px;
	background-position: bottom;
}
#submenu div.normal a, #submenu div.normal a:link {
	color: #000;
	width: 109px;
	height: 35px;
	display: inherit;
	margin-top: -5px;
}
#submenu div.normal a:hover {
	
}
#submenu div.active {
	background:url("../../images/2w-active-120x75.png") no-repeat;
	background-size: 120px;
	background-position: bottom;
	width: 120px;
	height: 75px;
	padding-right: 10px;
}
#search-type {
	position: relative;
}
#search-type > input {
	border: none;
	background: url("../../images/search-bar.png") no-repeat;
	background-size: 165px;
	background-position: left;
	padding: 2px 40px 2px 9px;
	width: 165px;
	height: 38px;
	outline: 0;
}
#Category select {
    border: 0;
    outline: none;
    height: 38px;
    line-height: 40px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    padding: 0px 10px 9px 10px;
	background: url("../../images/category-bg.png") no-repeat;
	background-size: 137px;
	background-position: 99% left;
	width: 137px;
 }
#Category select option{
	backgroundb: none;
	background-color: none;
	border: none;
}
#submit-type {
	position: absolute;
	right: 15px;
	top: 9px;
	z-index: 50;
	width: 25px;
	height: 25px;
	display: block;
}

#submit-type input {
	width: 20px;
	height: 19px;
	border: none;
	outline: none;
	background: url("../../images/search-btn.png") no-repeat;
	background-size: 20px;
	cursor: pointer;
}
#main-contain {
	width: 1280px;
	min-height: 200px;
	margin: 100px auto 30px auto;/*0321*/
}

/**頁碼**/
ul.page {
	margin-top: 20px auto;
	width: content;
	text-align: center;
	
}
ul.page li {
	display: inline-block;
	width: 41px;
	height: 50px;
	text-align: center;
	vertical-align: middle;
	padding-top: 10px;
}
ul.page li.page-prev-icon {
	background: url("../../images/page-arrow-prev.png") no-repeat;
	background-size: 32px 21px;
	background-position: center;
	padding-right: 10px;
}
ul.page li.page-prev-icon a, ul.page li.page-next-icon a {
	width: inherit;
	height: inherit;
	display: inherit;
	cursor: pointer;
}
ul.page li.page-next-icon {
	background: url("../../images/page-arrow-next.png") no-repeat;
	background-size: 32px 21px;
	background-position: center;
	padding-left: 10px;
}
ul.page li.no-page {
	opacity: 0.4;
	cursor: default;
}
ul.page li.page-active {
	background: url("../../images/page-active.png") no-repeat;
	background-position: center;
	background-size: 41px 50px;
	cursor: default;
}

/**心靈影音頁**/

.video-list {
	background: url("../../images/film-bg.png") no-repeat;
	background-size: contain;
	width: 846px;
	height: 487px;
	position: relative;
	text-align: center;
	padding: 10px;
	margin: 0 auto 110px auto;
}
.list1::before {
	content:'';
	background: url("../../images/film-bg-deco01.png") no-repeat;
	background-size: cover;
	width: 119px;
	height: 169px;
	position: absolute;
	left: -100px;
	bottom: -37px;
}
.list1::after {
	content:'';
	background: url("../../images/film-bg-deco02.png") no-repeat;
	background-size: cover;
	background-position: right top;
	width: 172px;
	height: 146px;
	position: absolute;
	right: -167px;
	bottom: -30px;
}
.list2::before {
	content:'';
	background: url("../../images/film-bg-deco03.png") no-repeat;
	background-size: cover;
	width: 72px;
	height: 116px;
	position: absolute;
	left: -70px;
	bottom: -37px;
}
.video-cont{
	position: relative;
	padding-bottom: 56.25%;
    padding-top: 0px;
	height: 0; 
	overflow: hidden;
	background-color: transparent;
}
.video-list iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	
}
.video-title {
	font-size: 1.375em;
	color: #333;
	margin: 20px auto 15px auto;
}
/**書本列表頁**/
.book-list {
	margin-bottom: 200px;
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
}
.book-detail {
	text-align: center;
	margin: 25px auto 70px auto;
}
.book-list .book-title {
	font-size: 1.75em;
	background: url("../../images/book-title-icon-48x47.png") no-repeat;
	background-size: 48px 47px;
	background-position: top left;
	padding: 6px 10px 10px 55px;
	line-height: 1.2em;
	margin-bottom: 20px;
}
.book-detail .book-title {
	background: none;
	font-size: 1.125em;
	line-height: 1em;
	margin-bottom: 30px;
}
.book-detail .book-title p {
	margin: 0.3em auto;
	line-height: 1.3em;
}
.book-list-cont > div {
	display: table-cell;
	vertical-align: top;
} 
.type1 .book-cover::after {
	content:'';
	background: url("../../images/bg01.png") no-repeat;
	background-size: 120px auto;
	width: 155px;
	height: 150px;
	display: block;
	position: absolute;
	left: -45px;
	top: 195px;
}
.type2 .book-cover::after {
	content:'';
	background: url("../../images/bg03.png") no-repeat;
	background-size: 334px 170px;
	width: 334px;
	height: 170px;
	display: block;
	position: absolute;
	left: -70px;
	bottom: -80px;
}
.book-list .book-cover {
	position: relative;
	width: 467px;
	height: 311px;
	padding-top: 60px;
}
.book-detail .book-cover {
	width: 150px;
	height: 205px;
	margin: auto;
}

.book-list .book-cover::before {
	content:'';
	position: absolute;
	background: url("../../images/cover-bg-467x311.png") no-repeat;
	background-size: 467px; 
	width: inherit;
	height: inherit;
	top: 60px;
	left: 0;
	z-index: 2;
}
.book-detail .book-cover::before {
	display: none;
}
.book-list .book-cover img {
	z-index: 1;
	width: 220px;
	height: 300px;
	margin-left: 113px;
}
.book-detail .book-cover img {
	width: 150px;
	height: 205px;
	margin: auto;
}
/*.coverbg {
	position: absolute;
	background: url("../../images/cover-bg-467x311.png") no-repeat;
	background-size: 467px; 
	width: inherit;
	height: inherit;
	top: 0;
	left: 0;
	z-index: 2;
}*/
.type1 .book-itemlist::after {
	content:'';
	background: url("../../images/bg02.png") no-repeat;
	background-size: 290px ;
	position: absolute;
	width: 335px;
	height: 306px;
	display: block;
	right: -115px;
	bottom: -165px;
}
.book-list .book-itemlist {
	padding-left: 110px;
	position: relative;
}
.book-detail .book-itemlist {
	padding-left: 10px;
	padding-right: 10px;
}
.book-detail .book-itemlist p {
	display: none;
}
.book-itemlist p {
	font-size: 1em;
	color: #333;
	background: url("../../images/list-title-bg-109x37.png") no-repeat;
	background-size: 109px;
	width: 109px;
	height: 37px;
	margin: 0 auto 15px auto;
	padding: 6px 0px 0 20px;
}
.book-itemlist ul {
	font-size: 1.125em;
	line-height: 1.4em;
	position: relative;
}
.book-itemlist ul li {
	margin-bottom: 10px;
	position: relative;
	text-indent: -0.95em;
	z-index: 10;
}
.book-itemlist ul li::before {
	content:'';
	background: url("../../images/list-style-image.png") no-repeat;
	background-size: 8px;
	display: inline-block;
	width: 8px;
	height: 8px;
	margin-right: 10px;
}
.detail-title {
	font-size: 1.875em;
	margin: 50px auto 20px auto;
}
.detail-title::before {
	content:'';
	width: 12px;
	height: 17px;
	background: url("../../images/l-bracket.png") no-repeat;
	background-size: 12px 17px;
	display: inline-block;
	margin-right: 10px;
}
.detail-title::after {
	content:'';
	width: 12px;
	height: 17px;
	background: url("../../images/r-bracket.png") no-repeat;
	background-size: 12px 17px;
	display: inline-block;
	margin-left: 10px;
}

/**文章列表**/
#lit-list::before {
	content:'';
	background: url(../../images/bg01.png) no-repeat;
	background-size: cover;
	position: absolute;
	left: -100px;
	top: 200px;
	width: 155px;
	height: 150px;
}
#lit-list::after {
	content:'';
	background: url(../../images/index-small14.png) no-repeat;
	background-size: cover;
	position: absolute;
	top: 500px;
	right: -100px;
	width: 164px;
	height: 166px;
	opacity: 0.8;
}

#lit-list {
	position: relative;
	background: url(../../images/bg00.png), url(../../images/index-small06.png);
	background-size: 29px 33px, 27px 39px;
	background-position: 30% 35%, 67% 70%;
	background-repeat: no-repeat;
}
.list-lit-title {
	font-size: 1.4375em;
	margin-bottom: 15px;
}
.list-lit-word {
	font-size: 1.125em;
	padding-bottom: 30px;
	color: #555;
}
.list-category {
	text-align: center;
	position:relative;
	display: table;
	width: 100%;
	vertical-align: top;
	margin-bottom: 15px;
}
.list-category span {
	display: table-cell;
	width: 120px;
	white-space: nowrap;
	vertical-align: middle;
}
.list-category::before {
	content:'';
	background: url("../../images/category-deco-L-120x25.png") no-repeat;
	/*background-size: 120px;*/
	background-size: 269px;
	background-position: right;
	display: table-cell;
	height: 25px;
	width: 40%;
}
.list-category::after {
	content:'';
	background: url("../../images/category-deco-R-116x23.png") no-repeat;
	/*background-size: 116px;*/
	background-size: 265px; 
	background-position: left;
	display: table-cell;
	height: 23px;
	width: 40%;
}
#search-description {
	text-align: center;
	color: #333;
	font-size: 1.5em;
	font-weight: bold;
	position: relative;
	margin: -58px auto 70px auto;
}
/**Masonry**/
.section { padding: 0 0 50px 0; }
.section:not(:last-child) { border-bottom: 1px solid #e5e5e5; }

#macy-container::before { content: ""; display: table; clear: both;}
#macy-container { 
	margin-top: 22px;
	margin-left: 2em;
	margin-right: 2em;
}
#macy-container::after { content: ""; display: table; clear: both;}

.demo {
  margin-bottom: 24px;
  border-radius: 4px;
  overflow: hidden;
  z-index: 10;
}
.search-style-01 {
	background: url(../../images/search-line01.png) no-repeat;
	background-size: 510px 7px;
	background-position: bottom center;
}
.search-style-02 {
	background: url(../../images/search-line02.png) no-repeat;
	background-size: 506px 11px;
	background-position: bottom center;
}

.feature-list {
  margin-bottom: 0;
  margin-left: 0;
  width: 100%;
  list-style: none;
}

.feature-list li {
  display: inline-block;
  width: 25%;
  text-align: center;
}

.feature-list li::before {
  color: inherit;
  content: "•";
  color: #54b9cb;
  margin-right: 7px;
}

footer {
  padding: 80px 0;
  text-align: center;
}

@media screen and (max-width: 800px) {
  .hero__title {
    width: 80%;
  }
  .feature-list li {
    width: 50%;
    line-height: 2;
  }
}

@media screen and (max-width: 600px) {
  .hero {
    padding: 60px 0 40px;
  }

  .hero__title {
    width: 100%;
  }
  .feature-list li {
    width: 100%;
    line-height: 2;
  }

  .section {
    padding: 25px 0;
  }

  .footer {
    padding: 0 0 40px;
  }
}

@media screen and (max-width: 400px) {
  /*.btn.has-icon {
    padding: 18px;
    line-height: 1.2;
  }
  .btn.has-icon::before {
    display: none;
  }*/
}

      


    



/**文獻內容頁**/
.lit-title/*文獻標題*/ { 
	text-align: center;
	background: url("../../images/title-deco-line-1828x10.png") no-repeat;
	background-size: 1828px;
	background-position: center bottom;
	padding: 10px 50px 50px 50px;
	position: relative;
}
.lit-title h3 {
	position: relative;
	z-index: 10;
	width: 80%;
	margin: auto;
}
.lit-title::before {
	content:'';
	background:url("../../images/lit-title-deco-bf.png") no-repeat;
	width: 72px;
	height: 116px;
	display:block;
	position: absolute;
	left: 0;
	bottom:-30px;
	z-index: 1;
}
.lit-title::after {
	content:'';
	background:url("../../images/lit-title-deco-at.png") no-repeat;
	width: 95px;
	height: 103px;
	display:block;
	position: absolute;
	right: 0;
	bottom: 10px;
	z-index: 1;
}
.lit-word/*文獻內容*/ { 
	text-align: left;
	background: url("../../images/title-deco-line-1828x10.png") no-repeat;
	background-size: 1828px;
	background-position: center bottom;
	padding: 10px 90px 60px 90px;
	position: relative;
}
.lit-word::before {
	content:'';
	background:url("../../images/lit-word-deco-bf.png") no-repeat;
	width: 134px;
	height: 255px;
	display:block;
	position: absolute;
	left: 0;
	bottom:-70px;
}
.lit-word::after {
	content:'';
	background:url("../../images/lit-word-deco-at.png") no-repeat;
	width: 116px;
	height: 166px;
	display:block;
	position: absolute;
	right: 0;
	bottom: -30px;
}
.key-t {
	width: 211px;
	text-align: center;
	margin: 70px auto 15px auto;
	position: relative;
	z-index: 10;
}
.key-t p {
	font-size: 1.5em;
	display: table-cell;
	vertical-align: middle;
}
.key-t img {
	width: 46px;
	height: 44px;
	margin-right: 10px;
}
.key-w {
	font-size: 1em;
	text-align: center;
	position: relative;
	z-index: 10;
	
}
.key-w li {
	display: inline-block;
	margin: 5px 10px;
}
.back-btn {
	display:block;
	background: url("../../images/back-btn-49x55.png") no-repeat;
	background-size: 49px;
	background-position: top center;
	width: 70px;
	height: 90px;
	margin: 20px auto;
	font-size: 1.125em;
	position: relative;
}
.back-btn a {
	width: 70px;
	height: 90px;
	display: inherit;
	color: #121212;
}
.back-btn a:hover {
	color: #999;
}

.back-btn span {
	position: absolute;
	bottom: 0px;
	left: 10px;
}
.btn {
	background: url("../../images/btn-frame.png") no-repeat;
	background-position: center;
	background-size: 135px 37px;
	display: block;
	width: 135px;
	height: 37px;
	margin: 20px auto;
	text-align: center;
	vertical-align: middle;
	padding-top: 5px; 
	position: relative;
}
.btn span {
	background: url(../../images/btn_arrow.png) no-repeat;
	background-size: cover;
	width: 6px;
	height: 8px;
	position: absolute;
	display: block;
	top:13px;
	right: 20px;
}

/**活動列表頁**/
#event-list {
	width: 1210px;
	margin-left: 86px;
	padding-top: 0px;/*0321*/
}
.event-item {
	display: inline-block;
	text-align: center;
	font-size: 1.3125em;
	line-height: 1.3em;
	color: #333;
	margin-right: 85px;
	margin-bottom: 120px;
	background: url("../../images/event-list-bg.jpg") no-repeat;
	background-position: top center;
	width: 314px;
	background-size: 314px;
	position: relative;
}
.item01 {
	background-position: 0 20px;
}
.item02 {
	background-position: 0 -20px;
}
.event-list-photo {
	width: 314px;
	height: 314px;
	background-size: 314px 314px;
	position: absolute;
	display: block;
}
.event-list-photo a {
	width: inherit;
	height: inherit;
	display: inherit;
	position: relative;
	z-index: 5;
}

.event-list-photo::before {
	
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 1;
}
.item02 .event-list-photo {
	top: -18px;
}
.item01 .event-list-photo::before {
	content:'';
	background: url("../../images/event-list-frame1.png") no-repeat;
	background-size: cover;
	
}
.item02 .event-list-photo::before {
	content:'';
	background: url("../../images/event-list-frame2.png") no-repeat;
	background-size: cover;
	
}
.event-item .event-year {
	display: block;
	margin-top: 320px;
	margin-bottom: 10px;
}
.event-year::before {
	content:'';
	background: url("../../images/event-year-deco-17x2.png") no-repeat;
	width: 17px;
	height: 2px;
	background-size: cover;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 5px;
}
.event-year::after {
	content:'';
	background: url("../../images/event-year-deco-17x2.png") no-repeat;
	width: 17px;
	height: 2px;
	background-size: cover;
	display: inline-block;
	margin-left: 10px;
	margin-bottom: 5px;
}

/**活動內容頁**/
#event-detail {
	text-align: center;
}
#event-detail .event-year, #event-detail .event-title { 
	display: inline-block;
	font-size: 1.875em;
}
#event-detail .event-year::before, #event-detail .event-year::after {
	margin-bottom: 10px;
}
.event-year::after {
}
.event-title-info {
	background: url("../../images/title-deco-line-1828x10.png") no-repeat;
	background-size: 1828px;
	background-position: center bottom;
	padding: 30px;
	position: relative;
}
.event-title-info::before {
	content:'';
	background:url("../../images/lit-title-deco-bf.png") no-repeat;
	width: 72px;
	height: 116px;
	display:block;
	position: absolute;
	left: 0;
	bottom:-30px;
}
.event-title-info::after {
	content:'';
	background:url("../../images/lit-title-deco-at.png") no-repeat;
	width: 95px;
	height: 103px;
	display:block;
	position: absolute;
	right: 0;
	bottom: 10px;
}

.event-cont {
	width: 80%;
	margin: auto;
	font-size: 1em;
	color: #333;
	text-align: left;
	padding: 90px 0;
}

.event-cont-film-info {
	padding: 30px 0;
	color: #333;
}
.film-subject {
	font-size: 1.3125em;
}
.film-description {
	font-size: 1.125em;
}
.event-cont-poster {
	margin-bottom: 40px;
}
.event-cont-poster img {
	width: 630px;
	height: auto;
	margin: 20px auto;
}
.event-docu {
	width: 80%;
	margin: auto;
	background: url("../../images/title-deco-line-1828x10.png"), url("../../images/title-deco-line-1828x10.png");
	background-position: top left, bottom right;
	background-size: 1828px, 1828px;
	background-repeat: no-repeat;
	text-align: left;
	padding: 20px 0;
	position: relative;
}
.event-docu::before {
	content:'';
	background:url("../../images/lit-title-deco-bf.png") no-repeat;
	width: 72px;
	height: 116px;
	display:block;
	position: absolute;
	left: 0;
	top:-80px;
}
.event-docu::after {
	content:'';
	background:url("../../images/lit-word-deco-at.png") no-repeat;
	width: 116px;
	height: 166px;
	display:block;
	position: absolute;
	right: -100px;
	bottom: -30px;
}
.event-docu li {
	position: relative;
	padding-left: 15px;
	padding-right: 250px;
}
.event-docu li::before {
	content:'';
	background: url("../../images/list-style-image.png") no-repeat;
	background-size: 8px;
	position: absolute;
	width: 8px;
	height: 8px;
	left: 0;
	top: 8px;
	
}
.event-docu li p.docu-info {
	color: #777;
	position: absolute;
	right: 120px;
	top: -16px;
	font-size: 1em;
	
}
.event-docu li p {
	font-size: 1.125em;
	color: #333;
}
.event-docu li p.download-btn {
	font-size: 1em;
}
.download-btn {
	width: 97px;
	height: 31px;
	background: url("../../images/download-btn.jpg") no-repeat;
	background-size: cover;
	padding: 3px 0 0 26px;
	position: absolute;
	right: 0;
	top: -18px;
}

.download-btn a {
	width: inherit;
	height: inherit;
	display: inherit;
}

/**活動內容slider**/
/**photo**/
.event-cont-bg {
	width: inherit;
	height: inherit;
	position: relative;
	background: url("../../images/left-up-bg.png"), url("../../images/left-bottom-bg.png"), url("../../images/right-bg.png");
	background-repeat: no-repeat;
	background-size: 136px, 150px, 135px;
}
.bg-photo {
	background-position: 1% 1%, 2% 100%, 100% 100%;
}
.bg-film {
	background-position: 8% 0.5%, 2% 100%, 94% 100%;
}
.event-cont-photo {
	width:700px;
	height: 467px;
	position: relative;
	margin: 80px auto 20px auto;
}
.event-cont-photo::after{
	content:'';
	background: url("../../images/slider-photo-bg-deco.png") no-repeat;
	width: 1200px;
	height: 504px;
	background-size: cover;
	position: absolute;
	top: -18px;
	left: -235px;
	
}
.event-cont-photo .iWidth img {
	 width: 100%;
 /*max-width: 700px;*/
}
.cPhoto .swiper-slide{ 
	background-position: center center; 
	background-size: contain; 
	background-repeat: no-repeat;
}
.event-cont-photo .responsive-iframe-container{
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; /*overflow: hidden;*/ 
}
.event-cont-photo .responsive-iframe-container iframe,
.event-cont-photo .responsive-iframe-container object,
.event-cont-photo .responsive-iframe-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 159%;
}
/**film**/
.event-cont-film {
	width:750px;
	/*height: 422px;*/
	position: relative;
	margin: 20px auto;
	background: url("../../images/bg01.png")no-repeat;
	background-size: 100px;
	background-position: 1% 100%;
	
}
.event-cont-film::after{
	content:'';
	background: url("../../images/film-bg.png") no-repeat;
	width: 846px;
	height: 487px;
	background-size: cover;
	position: absolute;
	top: -17px;
	left: -48px;
}

.event-cont-film .iWidth img {
	width: 100%;
	max-width: 600px;
}
.event-cont-film .responsive-iframe-container{
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; /*overflow: hidden;*/ 
}
.event-cont-film .responsive-iframe-container iframe,
.event-cont-film .responsive-iframe-container object,
.event-cont-film .responsive-iframe-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/**諮詢表單**/

/*********諮詢功能暫停使用start***********/
#main-contain #form1 div, #main-contain #form1 input {
	/*pointer-events: none;
	opacity: 0.7;*/
	/*-webkit-user-select: none;*/ /* Safari 3.1+ */
  	/*-moz-user-select: none;*/ /* Firefox 2+ */
  	/*-ms-user-select: none;*/ /* IE 10+ */
  	/*user-select: none; *//* Standard syntax */
}
#main-contain #form1 .btn {
	/*opacity: 0.4;*/
}
#main-contain #form1::before {
	/*content:'此功能暫未開放，敬請期待!';
	display: inline-block;
	text-align: center;
	color: #BC2427;
	font-size: 2em;
	font-weight: bold;
	width: 100%;*/
}

/*********諮詢功能暫停使用end***********/

.tips {
	text-align: center;
	vertical-align: top;
}
.tips div{
	width: 256px;
	height: 223px;
	font-size: 1.125em;
	color: #333;
	display: inline-block;
	margin: 1em;
	padding-left: 1em;
	padding-right: 1em;
	vertical-align: top;
}
.tip1 {
	background: url("../../images/tip1.jpg") no-repeat;
	background-size: 256px;
	background-position: bottom;
}
.tip1 p {
	padding-top: 130px;
}
.tip2 {
	background: url("../../images/tip2.jpg") no-repeat;
	background-size: 256px;
	background-position: top;
}
.tip2 p {
	padding-top: 90px;
}
.tip3 {
	background: url("../../images/tip3.jpg") no-repeat;
	background-size: 253px;
	background-position: bottom;
}
.tip3 p {
	padding-top: 130px;
}
.consultation-form {
	font-size: 1.125em;
	width: 900px;
	margin: 0 auto;
	position: relative;
}
.consultation-form::after {
	content:'';
	background: url(../../images/lit-word-deco-at.png) no-repeat;
	width: 116px;
	height: 166px;
	position: absolute;
	bottom: -60px;
	right: -60px;
}
.field-space {
	background: url("../../images/line.png") repeat-x;
	background-size: 820px 6px;
	width: 730px;
	padding-left:5px;
	padding-right: 5px;
}
.space-bg01 {
	background-position: left bottom;
}
.space-bg02 {
	background-position: right bottom;
}

.consultation-form div > div {
	display: inline-block;
	height: 40px;
	margin-bottom: 20px;
	vertical-align: middle;
}
.field-title {
	width: 100px;
	position: relative;
	padding-left: 20px;
	margin-right: 10px;
	color: #555;
}
.field-title::before {
	content:'*';
	position: absolute;
	top: 3px;
	left: 5px;
}
.consultation-form > div:last-child {
	margin-top: 50px;
}
.consultation-form div > div.field-space-multiple {
	background: url("../../images/textarea-bg.jpg") no-repeat;
	background-size: 731px 383px;
	background-position: center;
	width: 731px;
	height: 383px;
	padding-top:10px;
	padding-left: 10px;
	position: relative;
}
.field-space-multiple textarea {
	width: 700px;
	height: 350px;
	font-size: 1.125em;
	font-weight: 300;
}
.field-space-multiple::after {
	content:'';
	background: url(../../images/film-bg-deco03.png) no-repeat;
	background-size: 72px;
	width: 72px;
	height: 116px;
	position:absolute;
	left: -75px;
	bottom: -15px;
}
.pic-bg {
	background: url("../../images/hug-pic.jpg") no-repeat;
	background-size: 150px;
	background-position: center;
	width: 176px;
	height: 129px;
	margin: 50px auto 10px auto;
	display: block;
}
.submit-btn::after {
	content:'';
	background: url(../../images/btn_arrow.png) no-repeat;
	background-size: cover;
	width: 6px;
	height: 8px;
	position: absolute;
	display: block;
	top:13px;
	right: 20px;
}
.submit-btn:hover {
	cursor: pointer;
	color: #999;
}
.submit-btn input {
	width: inherit;
	height: 30px;
	cursor: pointer;
}
.submit-btn input:hover {
	color: #999;
}
.consultation-done {
	text-align: center;
	background: url("../../images/done-bg.jpg") no-repeat;
	background-size: cover;
	width: 731px;
	height: 453px;
	display: tblock;
	margin: 20px auto;
	padding-top: 150px;
}
.consultation-done h1 {
	font-size: 1.5625em;
}

/* 上稿
*****************************************************************/
sup {
	font-size: 0.8em;
	vertical-align: super;
}
.editor {
	width: 80%;
	margin: auto;
}
.text_bold {
	font-weight: bold;
}
.text_1125 {
	font-size: 1.125em;
}
.text_align_c {
	text-align: center;
}
.list-decimal {
	list-style: decimal;
	margin-left: 1.2em;
	margin-bottom: 12px;
}
.list-lower_alpha {
	list-style-type: lower-alpha;
	margin-left: 1.2em;
	margin-bottom: 12px;
}
.list-disc {
	list-style: disc;
	margin-left: 1.2em;
	margin-bottom: 12px;
}
.annotation {
	font-size: 0.9em;
	color: #555;
	margin-top: 50px;
	border-top: solid 1px #ccc;
	padding-top: 17px;
}
.annotation-list {
	font-size: 0.9em;
	color: #555;
}
.image-float-r {
	float: right;
	width: 279px;
	padding-left: 12px;
}
.signature {
	text-align: right;
	margin: 80px 0 50px 0;
}
.signature span {
	display: inline-block;
	margin-left: 5px;
}
.signature img {
	width: 167px;
	margin: 0 25px;
}

.team-title {
	font-size: 1.3125em;
	font-weight: bold;
	background: url("../../images/team-deco-line.png") no-repeat;
	background-position: bottom center;
	background-size: 840px;
	text-align: center;
	min-width: 100px;
	width:fit-content;
	width:-webkit-fit-content;
	width:-moz-fit-content;
	margin: 60px auto;
	padding-bottom: 4px;
	position: relative;
	display: block;
}
.title01::after {
	content:'';
	background: url("../../images/team-icon-r.png") no-repeat;
	background-size: cover;
	display: block;
	width: 82px;
	height: 84px;
	position: absolute;
	right: -90px;
	top: -35px;
}
.title02::before {
	content:'';
	background: url("../../images/team-icon-l.png") no-repeat;
	background-size: cover;
	display: block;
	width: 82px;
	height: 84px;
	position: absolute;
	left: -90px;
	top: -35px;
}
.team-content {
	margin: 15px 0 30px 0;
	position: relative;
}
.name {
	text-align: center;
	font-size: 1.125em;
	font-weight: bold;
}
.team-content-3columns div {
	width: 33%;
	display: table-cell;
	vertical-align: top;
}
.team-content-2columns {
	display: flex;
	flex-wrap: wrap;
}
.team-content-2columns div {
	width: 50%;
	vertical-align: top;
}
.team-content p {
	padding: 0 15px;
}
.team-pic-01 {
	width: 100px;
	position: absolute;
	left: -75px;
	top: -15px;
}
.team-pic-02 {
	width: 109px;
	float: right;
	margin: 10px;
}
.team-pic-03 {
	width: 204px;
	margin: 5px auto;
}
.team-pic-04 {
	width: 100px;
	position: absolute;
	top: -66px;
	right: -60px
}
.team-pic-05 {
	width: 72px;
	margin: auto;
}
.team-pic-06 {
	width: 233px;
	float: right;
}
.brochure h1 {
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
}
.brochure h2 {
	text-align: center;
	font-size: 1em;
	font-weight: normal;
}
.brochure p {
	padding: 15px 1em;
}
.brochure-pic01 img {
	width: 100%;
}
.brochure-pic02 img {
	width: 393px;
	float: right;
	margin-top: -25px;
}
.brochure-pic03 img {
	width: 523px;
	margin-left: 30px;
}
.brochure-pic04 img {
	width: 321px;
	margin-top: -30px;
	margin-right: 30px;
}
.brochure-pic05 img {
	width: 380px;
	margin-left: 80px;
	margin-right: 40px;
}
.brochure-pic06 img {
	width: 245px;
	float: right;
	margin-top: -40px;
	margin-right: 20px;
}
.brochure-pic10 img {
	width: 393px;
	margin: 20px auto;
}
.qq {
	padding: 7px 5px 5px 0;
	position: relative;
	font-weight: bold;
	text-indent: 102px;
	line-height: 31px;
}
.qq::before {
	content:'問題';
	background:url("../../images/icon-q.png");
	background-size: 101px;
	background-repeat: no-repeat;
	width: 165px;
	height: 72px;
	display: block;
	position: absolute;
	left: -10px;
	top: -12px;
	padding: 20px 0 0 57px;
	text-indent: 0;
	font-weight: normal;
	
}
.aa {
	padding: 15px 5px 5px 0;
	position: relative;
	margin-top: 18px;
	text-indent: 165px;
	line-height: 31px;
	
}
.aa::before {
	content:'心理師的回答';
	background:url("../../images/icon-a.png");
	background-size: 165px;
	background-repeat: no-repeat;
	width: 165px;
	height: 72px;
	display: block;
	position: absolute;
	left: -10px;
	top: -12px;
	padding: 30px 0 0 55px;
	text-indent: 0;
	line-height: 23px;
}
.aa ol {
	list-style-type: decimal-leading-zero;
	padding-left: 30px;
	text-indent: 0;
}
.aa-tips {
	background: url("../../images/qa-dialog.png") no-repeat;
	background-size: cover;
	width: 312px;
	height: 133px;
	display: block;
	margin: 10px auto;
	padding: 30px 0 0 25px;
	text-indent: 0;
	line-height: 23px;
}

.highlight {
	font-weight: bold;
	text-align: center;
	margin: 20px auto;
}
.qa-line {
	background:url("../../images/qa-line.png") no-repeat;
	background-size: 1579px 15px;
	background-position: center bottom;
	display: block;
	width: 100%;
	position: relative;
	margin: 15px 0 25px 0;
	min-height: 15px;
}
.part2 { 
	margin-top:230px;
	margin-bottom: 20px;
}
.part2-block div {
	vertical-align: top;
	position: relative;
}
.part2-1 {
	background: url("../../images/brochure-pic07.png") no-repeat;
	background-position: center top;
	background-size: 350px;
	display: inline-block;
	height: 450px;
	width: 33%;
	padding-top: 311px;
}
.part2-1 span {
	background:url("../../images/Dialog07.png") no-repeat;
	background-size: cover;
	width: 148px;
	height: 95px;
	display: block;
	margin: auto;
	text-align: center;
	padding: 40px 5px 5px 5px;
}
.part2-2 {
	background: url("../../images/brochure-pic08.png") no-repeat;
	background-position: center bottom;
	background-size: 372px;
	display: inline-block;
	height: 450px;
	width: 33%;
	padding-top: 10px;
	z-index: 5;
}
.part2-2 span {
	background:url("../../images/Dialog08.png") no-repeat;
	background-size: cover;
	width: 319px;
	height: 157px;
	display: block;
	margin: auto;
	text-align: center;
	padding: 40px 10px 5px 10px;
}
.part2-3 {
	background: url("../../images/brochure-pic09.png") no-repeat;
	background-position: center top;
	background-size: 350px;
	display: inline-block;
	height: 450px;
	width: 33%;
	padding-top: 305px;
	z-index: 1;
}
.part2-3 span {
	background:url("../../images/Dialog09.png") no-repeat;
	background-size: cover;
	width: 304px;
	height: 121px;
	display: block;
	margin: auto;
	text-align: center;
	padding: 50px 10px 0 10px;
}
.qa-pic-01 img {
	width: 233px;
	height: 154px;
}
.qa-pic-02 img {
	width: 181px;
	height: 197px;
	position: absolute;
	right: -15px;
	bottom: -15px;
}
.qa02-pic-01 img {
	width: 190px;
	position: absolute;
	right: -30px;
	bottom: -65px;
}
.qa03-pic-01 img {
	width: 148px;
	height: 158px;
	margin: 10px auto;
}
.qa04-pic-01 {
	width: 200px;
	display: block;
	float: right;
}
.qa04-pic-02 {
	width: 150px;
	display: block;
	float: right;
}
.qa05-pic-01 {
	width: 200px;
	float: right;
	margin-top: -50px;
}
.qa04-pic-03 {
	width: 214px;
	height: 113px;
	margin: 10px auto;
}
.qa05-pic-02 img{
	width: 120px;
	position: absolute;
	right: -40px;
	bottom: -40px;
}
.qa06-pic-01 {
	width: 170px;
	float: left;
	margin: 30px 0 0 0;
}
.plant01{
	width: 77px;
	height: 93px;
	position: absolute;
	top: -60px;
	right: -70px;
}
.plant02 {
	width: 67px;
	height: 66px;
	position: absolute;
	top: -60px;
	right: -70px;
}
.plant03 {
	width: 65px;
	position: absolute;
	top: -70px;
	left: -70px;
}
.brochure-pic04 {
	float: right;
}
.brochure-pic05 {
	float: left;
}
.test-form {
	display: table;
	width:100%;
}
.test-form div {
	vertical-align: middle;
	padding: 5px;
}
.form-row {
	display: table-row;
	background: url("../../images/qa-line.png") repeat-x;
	background-size: 1079px;
}
.row-bg01 {
	background-position: center bottom;
}
.row-bg02 {
	background-position: right bottom;
}
.form-row div {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	padding-bottom: 10px;
}
.form-row div.w60 {
	width:60px;
	text-align: center;
}
.form-row div.test-subject div.subject-number {
	width: 50px;
	text-align: center;
}
.form-row div.test-subject {
	width: auto;
}
.form-row div.test-subject div {
	text-align: left;
}
.form-row div.test-sort {
	font-weight: bold;
	text-align: left;
}
.book01-3-pic img{
	width: 530px;
	margin: auto;
}
.article21-pic img, .article22-pic img {
	width: 570px;
	margin: auto;
}
@media only screen and (max-width: 1299px) {
	.part2-1, .part2-2, .part2-3 {
		background-size: contain;
		}
}
@media only screen and (max-width: 1199px) {
	.brochure-pic01 img {
		width: 100%;
		}
}
@media only screen and (max-width: 1099px) {
	.editor {
		width: 100%;
		}
	.brochure-pic01 img {
		width: 100%;
		}
	.lit-title h3 {
		width: 100%;
	}
}
@media only screen and (max-width: 999px) {
	.part2-2 span, .part2-3 span {
		background-size: contain;
		width: 100%;
	}
	.part2-1, .part2-2, .part2-3 {
		height: 400px;
	}
	.part2-2 span {
		padding-top: 30px;
	}
	.part2-3 {
		padding-top: 285px;
	}
	.part2-3 span {
		padding-top: 50px;
	}
}
@media only screen and (max-width: 899px) {
	.part2-1, .part2-2, .part2-3 {
		width: 32%;
	}
	.part2-2 span {
		padding-top: 8px;
	}
	.part2-3 span {
		padding-top: 35px;
	}
}
@media only screen and (max-width: 799px) {
	.part2-1, .part2-2, .part2-3 {
		background-size: 330px;
		width: 100%;
	}
	.part2-2 span {
		width: 319px;
		padding-top: 30px;
	}
	.part2-3 span {
		width: 304px;
		padding-top: 50px;
	}
	.article21-pic img, .article22-pic img {
		width: 100%;
	}
}

@media only screen and (max-width: 699px) {
	.team-content-3columns div {
		width: 100%;
		display: block;
	}
	.brochure-pic05 {
		float: none;
	}
	.brochure-pic05 img {
		margin-left: auto;
		margin-right: auto;
	}
	.form-row div.w60 {
		width:20px;
		text-align: center;
		vertical-align: bottom;
		line-height: 1em;
	}
	
}
@media only screen and (max-width: 599px) {
	.team-content-2columns div {
		width: 100%;
		display: block;
	}
	.brochure-pic02 img {
		float: none;
		margin-left: auto;
		margin-right: auto;
	}
	.book01-3-pic img {
		width: 100%;
	}
}
@media only screen and (max-width: 499px) {
	.signature img {
		margin: 0 10px;
	}
	.brochure-pic04 {
		float: none;
	}
	.brochure-pic04 img {
		margin-left:auto;
		margin-right: auto;
	}
	.image-float-r {
		float: none;
		margin: auto;
	}
}

/* RWD
*****************************************************************/
@media only screen and (max-width: 1279px) {
	header { width: 100%; }
	nav { width: 100%; }
	#index-footer {
		width: 100%;
		left: 0;
		}
	#page-footer { width: 100%; }
	#main-contain { 
		width: 100%; 
		padding: 0 1.6em;
	}
	#event-list {
		width: 1119px;
		margin: 0 auto;
	}
	.event-item {
		margin: 1em;
	}
	.item02 .event-list-photo {
		top:0;
	}
	.item01 {
		background-position: 0 0;
	}
	.item02 {
		background-position: 0 0;
	}
}

@media only screen and (max-width: 1199px) {
	#event-list {
		width: 1030px;
		margin: 0 auto;
	}
	.event-item {
		margin: 1em 0.5em;
	}
}
@media only screen and (max-width: 1099px) {
	#event-list {
		width: 692px;
	}
	.event-cont {
		width: 100%;
		}

	.event-docu {
		width: 100%;
		}
}
@media only screen and (max-width: 999px) {
	
	.fixed-header-offset {
		margin-top: 90px;
		height:auto;
		}
	
	.fixed-header {
		display: block;
		width: 100%;
		height: 90px;
		position: fixed;
		top: 0px;
		z-index: 1080; /* Must be higher than canvas container of 1 */
		background-color: #FFF;	
		border-bottom: solid 1px #cccccc;/*0319*/
		}
	
	.fixed-header.shadow{
		-webkit-box-shadow: 2px 7px 4px -3px rgba(0,0,0,0.2);
		-moz-box-shadow: 2px 7px 4px -3px rgba(0,0,0,0.2);
		box-shadow: 2px 7px 4px -3px rgba(0,0,0,0.2);
		}
	
		header .logo,  header nav { display:none; }
		.menu-link { position:absolute; top: 1.2em; right:0.8em; cursor:pointer;}/*0319*/
		.menu-link img { width:45px; }	
		.mobileMenu{display: block; padding:0.3em 0 0 0; }
		.mobileMenu .logo {  
			z-index:16; 
			position: static; 
			width: 100%; 
			padding: 0.8em 0 0 1.4em;/*0319*/
			margin-top: 0;/*0319*/
	}
		.mobileMenu .logo a{display: inline-block}/*0319*/
		.mobileMenu .logo img{  
			width: auto;/*0319*/
			height: 50px;/*0319*/
			}

		nav {
			text-align: center;
			position: static;
			padding-top: 90px;/*0319*/
			}

		nav ul {
			width: 100%;
			margin:0;
			}
		nav li {
			width: 100%;
			height: auto;
			text-align: left;
			margin: 0;
			padding: 15px 10px 20px 55px;
			display: block;
			position: relative;
			border: none;
			background-position: 3% 10%;
			}
		nav li.menu01 > a, nav li.menu02 > a, nav li.menu03 > a, nav li.menu04 > a, nav li.menu05 > a, nav li.menu06 > a {
			width: auto;
			height: auto;
			display: block;
			padding: 0;
			text-align: left;
			margin: auto;
			}
		nav li.menu01 {
			background-image: url("../../images/about-58x68.png"), url("../../images/line.png");
			background-size: 30px,820px;
			background-position: 3% 10%, center bottom;
			}

		nav li.menu02 {
			background-image: url("../../images/theme-88x61.png"), url("../../images/line.png");
			background-size: 40px,820px;
			background-position: 3% 10%, right bottom;
			}

		nav li.menu03 {
			background-image: url("../../images/video-58x62.png"), url("../../images/line.png");
			background-size: 30px, 820px;
			background-position: 3% 27%, center bottom;

			}

		nav li.menu04 {
			background-image: url("../../images/literature-68x55.png"), url("../../images/line.png");
			background-size: 35px, 820px;
			background-position: 3% 10%, right bottom;
			}
		nav li.menu05 {
			background-image: url("../../images/event-66x59.png"), url("../../images/line.png");
			background-size: 35px, 820px;
			background-position: 3% 27%, center bottom;
			}
		nav li.menu06 {
			background-size: 35px;
			}

		nav li.menublank {
			width: 220px
		}
		nav ul ul {
			display: block;
			margin-left: 0;
			text-align: left;
			position: relative;
		}
		nav ul ul li {
			background: url("../../images/sub-m-icon-11x7.png") no-repeat;
			background-size: 11px;
			background-position: 1.5%;
			width: 100%;
			height: auto;
			display: block;
			padding: 10px 5px 10px 18px;
			border: none;
		}
		#page-subject {
			margin-top: 100px;
		}
		#index-footer {
			background-position: -50% 100%, 150% 100%;
		}
		.event-title-info::before {
			display: none;
		}
		div.swiper-button-next {
			right: -60px;
		}
		div.swiper-button-next2 {
			right: -30px;
		}
		div.swiper-button-prev {
			left: -60px;
		}
		div.swiper-button-prev2 {
			left: -30px;
		}
}
@media only screen and (max-width: 899px) {
	#page-subject .bg-L {
		width: 50%;
	}
	#page-subject .bg-R {
		width: 50%;
	}
	.video-list {
		width: 100%;
		height: auto;
		margin: 0 auto 60px auto;
	}
	.list1::before, .list1::after, .list2::before {
		display: none;
	} 
	.event-title-info::after {
		display: none;	
	}
	.book-list-cont > div {
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	.book-list .book-cover {
		margin-bottom: 95px;
		padding-top:0;
	}
	.book-list .book-cover::before {
		top: 0;
	}
	.book-list .book-itemlist {
		padding-left: 1em;
	}
	.consultation-form {
		width: 100%;
	}
	.consultation-form div > div {
		display: table-cell;
		height: 50px;
	}
	.field-title {
		min-width: 100px;
		white-space: nowrap;
	}
	.field-title::before {
		top: 15px;
	}
	.field-space {
		width: 90%;
	}
	.consultation-form div > div.field-space-multiple {
		display: block;
		background-size: 100% 383px;
		width: 100%;
	}
	.field-space-multiple textarea {
		width: 95%;
	}
}
@media only screen and (max-width: 799px) {
	.event-cont-bg {
		background: none;
	}
	.event-cont-photo {
		width: 90%;
		height: auto;
		margin: 20px auto;
	}
	.event-cont-photo::after {
		display: none;
	}
	.event-cont {
		padding: 30px 0;
	}
	.event-cont-film {
		width: 100%;
		height: auto;
		background: url("../../images/film-bg.png") no-repeat;
		background-size: 109%;
		padding: 1em;
		margin: 20px auto 40px auto;
	}
	.event-cont-film::after {
		display: none;
	}
	div.swiper-button-next {
		right: -30px;
		top: 50%;
		}
	div.swiper-button-next2 {
		right: 0;
		top: 200px;
		}
	div.swiper-button-prev {
		left: -30px;
		top: 50%;
		}
	div.swiper-button-prev2 {
		left: 0;
		top: 200px;
		}
	.event-cont-film-info {
		padding: 20px 0;
	}
	.consultation-done {
		width: 90%;
		background: url("../../images/done-bg-s.jpg") no-repeat;
		background-position: center;
		background-size: cover;
	}
}
@media only screen and (max-width: 768px) {/*0319*/
	.fixed-header {height: 65px;}
	 nav {padding-top: 65px;}
	.mobileMenu .logo img{ height: 40px;}
	.menu-link {top: 0.6em; right: 0.5em;}
	.mobileMenu .logo {padding: 0.45em 0 0 1.1em;}
}
@media only screen and (max-width: 730px) { 
	#event-list {
		width: 330px;
	}
}
@media only screen and (max-width: 699px) {
	#index-footer, #page-footer {
		background: url("../../images/footer_bg_L.png");
		background-size: 425px 185px;
		background-position: center bottom;
		background-repeat: no-repeat;
	}
	#index-footer span, #page-footer span {
		display: block;
		}
	.event-cont-poster img {
		width: 90%;
	}
	.event-cont-film {
		background: url("../../images/film-bg.png") no-repeat;
		background-size: 111%;
	}
	div.swiper-button-next2, div.swiper-button-prev2 {
		top: 180px;
	}
}
@media only screen and (max-width: 690px) {
	.demo {
		width: 330px;
	}
}
@media only screen and (max-width: 599px) {
	.event-cont-film {
		background: url("../../images/film-bg.png") no-repeat;
		background-size: 113%;
	}
	div.swiper-button-next2, div.swiper-button-prev2 {
		top: 160px;
	}
}
@media only screen and (max-width: 499px) {
	#page-subject {
		margin-top: 70px;
	}
	#page-subject .bg-L {
		display: none;
	}
	#page-subject .bg-R {
		width: 100%;
		display: block;
		position: inherit;
		top: 0;
	}
	#main-contain {
		margin: 65px auto 30px auto;
	}
	#page-description {
		margin: 100px auto 30px auto;
	}
	#submenu {
		margin: 110px auto 0 auto;/*0321*/
	}
	#event-list {
	   padding-top: 50px;/*0321*/
    }
	div.swiper-button-next2, div.swiper-button-prev2 {
		top: 130px;
	}
	.video-title {
		font-size: 1.3125em;
		margin: 15px auto 15px auto;
	}
	.video-list {
		margin: 0 auto 40px auto;
	}
	.lit-title { padding: 1em;} 
	.lit-word { padding: 1em;}
	.lit-title::before { display:none; }
	.lit-title::after { display:none; }
	.lit-word::before { display:none; }
	.lit-word::after  { display:none; }
	.book-list .book-cover {
		width: 100%;
	}
	.book-list .book-cover img {
		margin-left: calc(50% - 110px);
	}
	.book-list .book-cover::before {
		background-position:  45px;
		background: url("../../images/cover-bg-352x311.png") no-repeat;
		background-size: 352px;
		width: 352px;
		left: calc(50% - 165px);
	}
	#search-description {
		margin: 0 auto 50px auto;
	}
	#event-detail .event-year, #event-detail .event-title {
		font-size: 1.5em;
	}
	.event-docu li {
		padding-right: 15px;
		margin-bottom: 60px;
	}
	.event-docu li p.docu-info {
		bottom: -50px;
		right: 140px;
		top: auto;
	}
	.event-docu li p.download-btn {
		bottom: -50px;
		right: 25px;
		top: auto;
	}
	.event-cont-film {
		background: url("../../images/film-bg.png") no-repeat;
		background-size: 115%;
		margin: 0 auto;
	}
	.film-subject {
		font-size: 1.125em;
	}
	.film-description {
		font-size: 1em;
	}
	.detail-title {
		margin: 0px auto 20px auto;
	}
}