@charset "utf-8";
/* CSS Document */

/*------------------------------*\
			  Right
\*------------------------------*/
aside {
    float:right;
    width:300px;
    letter-spacing:1px;
    margin:0px 0px 30px;
}
aside .suggest{
    margin-bottom:20px;
    overflow: hidden;
}
aside .wrapper{
    width:300px;
    height: auto;
    background:#fff;
    margin-bottom:20px;
}
aside .title{
    width:100%;
    background-color:#07b8ea;
    transition:all 0.15s ease;
	-webkit-transition:all 0.1s ease;
}
aside .title p{
    font-size:18px;
    font-family:'Noto Sans TC';
    font-weight:normal;
    letter-spacing:0.5px;
    color:#fff;
    padding:5px 10px 7px;
}

/* 熱門新聞 */
aside .latestNews ul{
    border:1px solid #c3c3c3;
    border-top:none;
}
aside .latestNews li{
    padding:8px 10px;
    cursor:pointer;
}
aside .latestNews li+li{
    border-top:1px dotted #c3c3c3;
}
aside .latestNews a {
    font-size:16px;
    line-height: 1.4;
}
aside .latestNews li:hover a{
    color:#1e8ec5;
}

/* 熱門索引 */
aside .brandSearch .title{
    background:#555;
}
aside .brandSearch ul{
    display: flex;
    flex-direction:column;
    flex-wrap:wrap;
    height: 180px;
    overflow: hidden;
}
aside .brandSearch ul li{
    text-align: center;
}
aside .brandSearch ul li:hover{
    opacity: 0.85;
}
aside .brandSearch ul li a{
    display: block;
    color:#fff;
}
aside .flex1{
    flex:0 0 25%;
    line-height: 2.8;
}
aside .flex2{
    flex:0 0 50%;
    line-height: 5.6;
}

/*plan A*/
aside .brandSearch ul li:nth-child(1){
    background-color:#e82a2b;
}
aside .brandSearch ul li:nth-child(2){
    background-color:#b08c58;
}
aside .brandSearch ul li:nth-child(3){
    background-color:#d52965;
}
aside .brandSearch ul li:nth-child(4){
    background-color:#ff7e00;
}
aside .brandSearch ul li:nth-child(5){
    background-color:#89c900;
}
aside .brandSearch ul li:nth-child(6){
    background-color:#0ca78b;
}
aside .brandSearch ul li:nth-child(7){
    background-color:#0195ff;
}
aside .brandSearch ul li:nth-child(8){
    background-color:#0160ba;
}
aside .brandSearch ul li:nth-child(9){
    background-color:#8325c6;
}

/* FB Fans */
.fbFans{
    margin-bottom:20px;
}

@media screen and (max-width:1139px) {
    aside{ display:none; }
}