/** {
    touch-action: pan-y;
}*/
html {
	font-family: "微軟正黑體", Arial, "新細明體", "細明體", "標楷體";
}
body {
	font-family: "微軟正黑體", Arial, "新細明體", "細明體", "標楷體";
	color:#333;
	font-size: 16px;
	line-height: 1.8em;
    text-align: justify;
	/*background: url('/assets/images/bg.jpg') repeat;*/
}
h1,h2,h3,h4,h5,h6{
	margin-top: 0px;
	font-family: "微軟正黑體", Arial, "新細明體", "細明體", "標楷體";
}
h2, .h2 {
	line-height: 40px;
}
/** justempo used **/
	#container {
		margin-top: 35px;
	}
	.justempo-static_page .right-content{
		margin-top: 20px;
	}

	.justempo-static_page{
	    min-height: 250px;
	}

	/*.fb_iframe_widget {
		margin-top: 150px;
	}*/

	.fb-page, .fb-page iframe[style], .fb-page span {
	    width: 100% !important;
	    height: 400px !important;
	}

	.fb-bottom-container {
		width: 340px;
    	margin: auto;
	}

	span.fa.mceNonEditable {
	    width: 24px;
	    /* font-size: 16px; */
	}


	/*  左側選單 */
	.page-list-title-container {display: flex;margin-bottom: 30px;}
	.page-list-title {position: relative;padding-bottom: 10px;display: inline-block;line-height: 40px;}
	.page-list-title:after {
		content: "";
	    position: absolute;
	    left: 0;
	    bottom: 0px;
	    width: 100%;
	    height: 2px;
	    border-bottom: 1px solid #BCBDBD;
	}

	ul.link-list {
		list-style: none;
    	margin: 0px;
    	padding: 0px;
	}
	ul.link-list li {
		/*border-left: 2px solid var(--main-color);
    	margin-bottom: 10px;
   		padding-left: 10px;*/
	}

	ul.link-list li a {
		font-size: 16px;
	    margin: 10px 0px;
	    color: black;
	    display: block;
	    text-decoration: none;
	    text-align: left;
	}
		ul.link-list li a:hover {
			color: var(--main-color);
		}

	ul.link-list li a.active {
	    color: var(--main-color);
	    font-weight: bold;
	}

	/* 內文區塊 */

	.mb-40 {margin-bottom: 40px;}
	.page-content-title,
	.customer-main-content h2 {
		position: relative;
	    padding-bottom: 10px;
	}
	.page-content-title:after,
	.customer-main-content h2:after {
	    content: "";
	    position: absolute;
	    left: 0;
	    bottom: 0px;
	    width: 100%;
	    height: 2px;
	    border-bottom: 1px solid #BCBDBD;
	}

	.page-content-title:before,
	.customer-main-content h2:before {
	    content: "";
	    width: 2em;
	    border-bottom: 5px solid var(--main-color);
	    position: absolute;
	    bottom: -2px;
	    left: 0;
	    height: 2px;
	    z-index: 9;
	}
	.main-content th {
		background-color: #F2F6F6;
	}

	.main-content .h2,
	.customer-main-content h2,
	.customer-main-content .h2,
	.page-content-title {
		margin-bottom: 30px;
	}
	.page-content-title + .date {
		/* 調整有日期的內頁顯示 */
	    margin-top: -20px;
	    display: block;
	}

	.main-content h3,
	.customer-main-content h3 {
		line-height: 1.3em;
	}
	.main-content h3:before,
	.customer-main-content h3:before {
	    content: "〉";
	    color: #01b2b4;
	    font-size: 20px;
	    display: inline-flex;
	    align-items: center;
	}


	/* 清單頁 */
		/* new css */
	.category-container {
	    display: flex;
	    margin-left: -10px;
	    margin-right: -10px;
	}

	.category-container .category-item {
	    flex: 1 1 auto;
	    border: 1px solid var(--main-color);
	    margin: 10px;
	    font-size: 1.3em;
	    font-weight: bold;

	}
	.category-container .category-item a {
		color: var(--main-color);
		text-decoration: none;
		padding: 10px;
		display: flex;
	    align-items: center;
	    height: 70px;
	}
	.category-container .category-item a:hover {
		color: #FFF;
		background-color: var(--main-color);
	}
	.category-logo {
		max-height: 50px;
    	margin-left: auto;
	}

	.article-item {
	    border-bottom: 1px solid #EEE;
	    font-size: 18px;
	    padding: 5px 0px 5px 0px;
	    margin-top: 20px;
	}


	.article-item a {
	    color: #000;
	    display: block;
	    text-decoration: none;
	}

	.article-item a:hover {
		color: var(--main-color);
	}

	.article-container {
	    margin-bottom: 48px;
	}

	.category-row h2 {
	    border-bottom: 1px solid #999;
	    padding: 10px 0px;
	}

	.category-row {
	    margin-top: 40px;
	}

	.category-item.active {
	    background-color: var(--main-color);
	}

	.category-item.active a {
	    color: #FFF;
	}

	.category-item.active img,
	.category-item:hover img {
		filter: brightness(0) invert(1);
	}


	p.download-link {
	    position: relative;
	}

	p.download-link a {
	    display: block;
	    padding: 16px;
	    text-decoration: none;
	    padding-right: 56px;
	    background-color: rgb(246, 246, 246);
	    transition: 0.2s all;
	    color: #333;
	}

	p.download-link:after {
	    font-size: 0.8em;
	    content: "下載";
	    position: absolute;
	    right: 0;
	    top: 0;
	    height: 100%;
	    display: flex;
	    align-items: center;
	    margin: 0px 10px;
	    color: #AAA;
	    width: 30px;
	}

	p.download-link a:hover {
	    background-color: rgb(234 234 234);
	}



/* 投資人 */
@media screen and (max-width: 991px) {
    .category-container .category-item {
        flex: 0 0 46%;
    }

    .category-container {
        flex-wrap: wrap;
    }
}
@media screen and (max-width: 510px) {
    .category-container .category-item {
        flex: 1 1 100%;
    }

}