/*Desktops (≥1200px)*/
@media(min-width:1200px) {
	.container {
		max-width: 1280px; /* 或 1320px */
	}
}


/*Desktops (≥992px)*/
@media(min-width:992px)  {
	/* hover dropdown trigger*/
	#headarea .dropdown>.dropdown-menu {
	  transition: 0.3s all ease-in-out;
	}
	#headarea .dropdown:hover>.dropdown-menu {
	  display: block;
	  top: 100%;
	}

	#headarea .dropdown>.dropdown-toggle:active {
	  /*Without this, clicking will make it sticky*/
	    pointer-events: none;
	}
}


/* Tablets (≥768px)*/
@media(min-width:768px) {
	
}


/* Tablets (≥576px)*/
@media(min-width:576px) {
	#hotprice {
		height: 240px;
	}
}

/* Tablets and Phones (<768px)*/
@media(max-width:768px) {	
	body {
        padding-bottom: 0;
        min-height: 100vh;
	}
    
    footer {
        position: static;
        margin-top: 20px;
        padding-bottom: 50px; /* 為底部固定按鈕預留空間 */
    }
}

/* Phones (<576px)*/
@media(max-width:576px) {
	iframe.videoiframe,
	iframe.note-video-clip {
	    width: 100% !important;
    	height: 184px !important;
	}

	#headarea {
	    padding: 10px 0;
    	border-top: 3px solid #c2a44e;
    	background-color: #f5f4f1;
	}
	#headareaBox {
	    height: auto;
	}
	#headareaBox .logo {
		font-size: 20px;
	    padding-left: 15px;
	}

	nav ul.container {
        padding: 0 1%;
    }
	nav ul li a {
	    padding: 8px 10px;
	}
	nav ul li a span {
	    font-size: 15px;
	}
	nav ul li:first-child a {
        padding-left: 10px;
    }

    .tabmenu{
    	white-space: nowrap;
    	overflow: scroll;
    }

    .boxstyle,
    #sidebar .list-group-item {
    	border-left: 0;
	    border-right: 0;
    }

    /* ad */
    #ad-global-top,
    #ad-global-bottom,
    .clssize {
		height: 200px;
    	overflow: hidden;
	}

	/* index */
	#hotprice .boxstyle {
		border: 2px;
		border-top: 0;
	    border-radius: 3px;
	    box-shadow: 0 1px 0px rgba(0,0,0,0.05), 0 1px 2px rgba(0,0,0,0.1);
	}
	#hotprice h1 {
		font-weight: normal;
	}
	#hotprice h3 {
    	margin: 0;
	}
	#hotprice .text-muted {
    	color: #999 !important;
	}
	.hotprice_title {
	    border: 0;
	}
	#hotprice .chg_rise, #hotprice .chg_fall {
    	position: relative;
		top: 6px;
	}
	.clickable:active {
		background: #fcf8e3;
    	box-shadow: none !important;
	}

	/* tw price */
	/* 移除此處的 display: none 規則，改由 JavaScript 控制 */

	/* loan */
	#loan-cards {
	    column-count: 1;
    	padding-bottom: 20px;
	}
	#loan-cards-ex {
	    column-count: 1;
	}
	#loan-cards .card, #loan-cards-ex .card {
	    font-size: 14px;
	    margin-left: 3%;
    	margin-right: 3%;
    	width: 94%;
	}
	#loan-cards .card card-title, #loan-cards-ex .card card-title {
	    font-size: 1.1rem;
	}
	#loan-cards ul.list-group, #loan-cards-ex ul.list-group {
    	flex-direction: initial;
    	background-color: #f3f3f3;
    	border-radius: .25rem;
    }
    #loan-cards li.list-group-item, #loan-cards-ex li.list-group-item {
	    display: inline-block;
    	width: 50%;
    	border: 0;
    }

	/* forum */
	.floor-head {
	    margin: auto -15px;
	}

	a.link-block {
	    margin: -12px;
	    padding: 15px;
	}

    /* 修復頁腳在小屏幕上的顯示問題 */
    footer {
        padding: 15px 0 100px;
    }
    
    footer .container .row {
        margin: 0;
    }
    
    footer .col, footer .col-12 {
        padding: 5px 10px;
    }
    
    footer h5 {
        margin-top: 10px;
        margin-bottom: 8px;
    }
    
    /* 確保Line按鈕不會被覆蓋 */
    #floatgold, #totop, #tobtm {
        z-index: 1030;
    }
	
	/* forum */
	#threadlist .thread-thumbnail {
		order: 2;
		margin-left: 12px;
		margin-right: 0;
	}

	#threadlist .flex-grow-1 {
		order: 1;
	}
}


/* Phones (<360px)*/
@media(max-width:360px) {

}


/* Phones (<320px)*/
@media(max-width:320px) {

}