#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: 14px;
        padding-top: 15px;
        vertical-align: middle;
        cursor: pointer;
        list-style: none;
    }
    .tool_category_item:hover {
        background: #087d8a;
    }
    .tool_category_item i {
        font-size: 18px;
        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: 14px; }
    }
    .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: 12px;
        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: 12px;
        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:after {
		content: "";
		display: table;
		clear: both;
	}
	.media-topic-img {
		width: 20%;
		float: left;
	}
	.media-topic-img img {
		width: 100%;
	}
	.media-topic-title {
		width: 80%;
		float: right;
		min-height: 5em;
		line-height: 5em;
		font-size: 1.5em;
		padding-left:0.5em;
	}
	.media-topic-title p {
		line-height: 1.5;
		display: inline-block;
		vertical-align: middle;
	}
	#category_id_9 a {
		font-weight: bold;
		color:green;
	}
	@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 {
			line-height: 1.2em;
		}
	}

    .custom_li_cursor_style_01{
        cursor:pointer;
    }