#intro{background-image:url('https://aigo.org.tw/ai-plus/assets/img/LH-home-bg-modify.jpg'); background-size:cover; margin-top:-90px;}
    #intro .container{padding-bottom:6%;}
    #intro .intro-content{padding:20% 0 0; letter-spacing:0em;}
    .intro-content h1{color:#012746; margin-bottom:0px; font-weight: 600;font-size: 2.5em; background: rgba(255,255,255,0.9); width: 365px; padding: 3px 10px; border: 2px solid #012746;}
    .intro-content a{font-size:1.25em;}
    .intro-content .subintro{font-size:1.25em; color:#fff;}
    /* Tool Category */
    .tool_category_nav {
        background: #09adbf;
        text-align: center;
    }
    .tool_category_item {
        display: inline-block;
        width: 100px;
        height: 70px;
        color: #fff;
        font-size: 0.875em;
        padding-top: 15px;
        vertical-align: middle;
        cursor: pointer;
        list-style: none;
    }
    .tool_category_item:hover {
        background: #087d8a;
    }
    .tool_category_item i {
        font-size: 1.125em;
        display: block;
        margin-bottom: 5px;
        min-height: 18px;
    }
    .tool_category_item.active {
        background: #087d8a;
    }
    .tool_list_content {
        /*background: #f9f6f6;*/
    }
    .media-list {
        margin-top: 30px;
        /*margin-bottom: 50px;*/
    }
    .media {
        background: #FFD;
        margin-bottom: 20px;
        padding: 28px;
        /*width: 40em;*/
    }
    .media-left {
        /*padding-right: 30px;*/
    }
    .media-body p {
        margin-bottom: 20px;
    }
    .media-bottom {
        padding: 4px 0px 0px 0px ;
        border-top: 1px solid rgba(0, 0, 0, 0.125);
    }
    .media-bottom span {
        margin-right: 10px;
		margin-top: 8px;
    }
    li.tool_category_item a {
        color: #fff;
        text-decoration: none;
    }
    @media screen and (max-width: 768px) {
        #intro { margin-top: 20px; }
        .intro-content h1 { width: 322px; }
        li.tool_category_item { width: 80px; }
        li.tool_category_item a { font-size: 0.875em; }
    }
    .language-tag{
        /*-webkit-box-align: center;*/
        /*-ms-flex-align: center;*/
        /*align-items: center;*/
        background-color: #f1f4f6;
        border-radius: 2px;
        color: #757575;
        /*display: -webkit-inline-box;*/
        /*display: -ms-inline-flexbox;*/
        display: inline-flex;
        font-size: 0.75em;
        line-height: 12px;
        padding: 6px 10px;
    }
    .architecture-tag{
        /*-webkit-box-align: center;*/
        /*-ms-flex-align: center;*/
        /*align-items: center;*/
        background-color: #f1f4f6;
        border-radius: 2px;
        color: #757575;
        /*display: -webkit-inline-box;*/
        /*display: -ms-inline-flexbox;*/
        display: inline-flex;
        font-size: 0.75em;
        line-height: 12px;
        padding: 6px 10px;
    }
    ul.categories li {
        margin-right:-45px;
        width:195px;
    }
    #title-spacer{
        background-image: url("/storage/img/LH-home-bg-modify.jpg");
        height: 15em;
        padding-top: 5.625em;
    }
    @media screen and (max-width: 85.375em){
        #title-spacer {
            background-image:url("/storage/img/header_title_1366.jpg") !important;
        }
    }
    @media screen and (max-width: 48em){
        #title-spacer {
            background-image:url("/storage/img/header_title_768.jpg") !important;
        }
    }
    @media screen and (max-width: 30em){
        #title-spacer {
            background-image:url("/storage/img/header_title_480.jpg") !important;
        }
    }
    .bgcolor{
        background:#2d2d87 !important;
    }
	#view{
		background: #fff !important;
	}
	.media-topic {
        height: 100%;
        display: table;
        margin-bottom: 1.3em;
    }
	.media-topic:after {
		content: "";
		display: table;
		clear: both;
	}
	.media-topic-img {
		width: 20%;
		/*float: left;*/
        display: table-cell;
        float: none;
        vertical-align: middle;
	}
	.media-topic-img img {
		width: 100%;
	}
	.media-topic-title {
		width: 80%;
		/*float: right;
		min-height: 5em;
		line-height: 5em;*/
		font-size: 1.5em;
        font-weight: bold;
		padding-left:0.5em;
        display: table-cell;
        float: none;
        vertical-align: middle;
	}
	.media-topic-title p {
		line-height: 1.5;
		/*display: inline-block;*/
		vertical-align: middle;
        margin-bottom: 0px;
	}
	#category_id_9 a {
		font-weight: bold;
		color:green;
	}
    .media-content {
        text-align: justify;
    }
    /*table no border*/
    #topic_table.table th, .table td {
        border-top: none !important;
        border-left: none !important;
    }
    #topic_table.table th {
        border-bottom: none !important;
    }
    #topic_table.table:last-child{
        border:none !important;
    } 
    #topic_table .fixed-table-container, #topic_table.table td {
        padding: 0rem;
        border: 0px;
    }
    #topic_table.table-hover tbody tr:hover td, #topic_table.table-hover tbody tr td {
        background-color: #FFF;
    }
    .lib-info li {
        font-size: 0.9em;
        font-weight: bold;
        color: #9a815c;
        margin-bottom: 0.3em;
    }
    .lib-info li a {
        color: #09f;
        text-decoration: underline;
        font-weight: normal;
    }
    .lib-info li button {
        border: 1px solid #CCC;
        border-radius: 5px;
        font-size: 0.9em;
    }
    .lib-info li span {
        width: 80px;
        height: 24px;
        display: inline-block;
        text-align: justify;
        overflow: hidden;
        vertical-align: top; 
    }
    .lib-info li span i {
        display:inline-block;width:100%;height:0;
    }
    .display-none {
        display: none;
    }
    #lib-menu li {
        cursor: pointer;
    }
    .dataTables_filter {
        display: none;
    }
    .table thead {
        display: none;
    }
	@media screen and (max-width: 30em){
		.media-topic-img {
			width: 100%;
		}
		.media-topic-title {
			width: 100%;
			min-height: 0em;
			line-height: 0em;
			font-size: 1.4em;
			padding-left:0em;
			padding-top:1em;
		}
		.media-topic-title p:nth-child(1) {
			line-height: 2em;
		}
		.media-topic-title p:nth-child(2) {
			line-height: 1.2em;
            font-size: 0.95em;
		}
        .media-topic, .media-topic-img, .media-topic-title {
            display: block;
        }
	}

    .table_width {
        width:100%;
    }