.main-ct {
    width: 100%;
    /*height: 100%;*/
    width: 66em;
    margin: 0 auto;
}
.catalog-title {
    position: relative;
    width: 100%;
    padding: 2em 0;
    background-color: transparent;
}

.catalog-title .catalog-logo {
    display: block;
    height: 4em;
    margin: 0 auto;
}

.catalog-title.pack {
    padding: 0.3em 0;
    background-color: rgba(248,248,248,0.9);
}

.catalog-title.pack .catalog-logo {
    height: 3.2em;
}

.catalog-ct {
    width: 100%;
}

.product-item {
    width: 45%;
    height: auto;
    background-color: #ffffff;
    margin: 1em 1em 4em 1em;
    display: inline-block;
    vertical-align: top;
}

.product-item .left {
    width: 38%;
    vertical-align: top;
}

.product-item .right {
    vertical-align: top;
    padding-left: 1em;
}

.product-item img {
    width: 90%;
    cursor: pointer;
}

.product-item .ename {
    font-size: 1.0em;
    font-weight: 800;
    color: orange;
    text-align: left;
    cursor: pointer;
}

.product-item .cname {
    font-size: 1.0em;
    font-weight: 800;
    color: black;
    text-align: left;
    cursor: pointer;
	font-family: 'Microsoft Jhenghei';
}

.product-item .brief {
    /*font-size: 0.8em;*/
    color: black;
    text-align: left;
    margin-top: 2em;
	font-family: 'Microsoft Jhenghei';
	font-size:0.8em;
}

@media (max-width: 800px) and (orientation: portrait) { 
    
	.main-ct {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }
	
	.catalog-ct {
        width: 100%;
        min-width: 100%;
    }
    
    .catalog-ct .dummy {
        width: 0;
        height: 0;
    }
    
    .product-item .left {
        width: 28%;
    }
    
    .product-item {
        width: 90%;
        margin: 1em auto 4em auto;
        display: block;
        clear: both;
    }
    
    .product-item .brief {
        /*font-size: 0.8em;*/
    }
}

@media (max-width: 800px) and (orientation: landscape) { 
    
	.main-ct {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
    }
	.catalog-ct {
        width: 100%;
        min-width: 100%;
    }
    
    .catalog-ct .dummy {
        width: 0;
        height: 0;
    }
    
    .product-item .left {
        width: 25%;
    }
    
    .product-item {
        width: 90%;
        margin: 1em auto 4em auto;
        display: block;
    }
 
    .product-item .brief {
        /*font-size: 1em;*/
    }   
}