@charset "utf-8";

/* ======================================
	Media Queries
====================================================================================================================================== */


@media screen and (min-width: 641px) and (max-width: 992px) {
}


@media only screen and (max-width:1100px) {

	/* ======================================
		02. 其他基本設定
	=================================================================================================================== */
	.five-cols-list > li{ width:calc( 100% / 4 ); }
	.six-cols-list > li{ width:calc( 100% / 4 ); }
	.seven-cols-list > li{ width:calc( 100% / 4 ); }
	.eight-cols-list > li{ width:calc( 100% / 4 ); }

}


@media only screen and (max-width: 992px) {


	/* ======================================
		02. 其他基本設定
	=================================================================================================================== */
	/*.four-cols-list > li{ width:calc( 100% / 3 ); }
	.five-cols-list > li{ width:calc( 100% / 3 ); }
	.six-cols-list > li{ width:calc( 100% / 3 ); }*/



	/* ======================================
		06. 頁首header設定
	=================================================================================================================== */
	.mobile-fixed-bar{
		display:block;
	}

	.wrapper-bg:after{
		width:1000px;
		background-size:100% auto;
		opacity:0.8;
	}

	.header-top-bar{ padding:10px 0; background:#fff; }


	.header-top-flex .flex-col-lang{ order:3; width:50%; }
	.header-top-flex .flex-col-social{ order:4; width:50%; display:block; }
	.header-top-flex .flex-col-logo{ order:1; width:70%; margin-bottom:15px; }
	.header-top-flex .flex-col-trigger{ order:2; display:block; width:30%; margin-bottom:15px; }
	.header-top-flex .flex-col-subnav{ display:none; }



	.logo{ max-width:300px; margin-left:0; }


	.header-social-list{ justify-content:flex-end; }
	.header-social-list li.mobile-show{ display:block; }





	.nav-bar{ display:none; }


	.mobile-quickly-bar{ display:block; }




	/*跑馬燈*/
	.marquee-box{ margin:10px 0; /*border-radius:0;*/ }


	/* ======================================
		07. 小螢幕時選單設定
	=================================================================================================================== */
	.menu-trigger{ position:relative; z-index:12; display:block; }

	.menu-toggle-area{ display:block; }

	.page-overlay{
		display:none;
		position:fixed;
		z-index:999;
		top:0;
		left:0;
		width:100%;
		height:100vh;
		background:rgba(0,0,0,0.6);
		overflow:hidden;
	}
	.page-overlay.opened{ display:block; }

	body.overflow-hidden { overflow: hidden; }








	/* ======================================
		08. 頁尾設定
	=================================================================================================================== */
	.footer{ padding-bottom:70px; }
	.footer-flex-left{ width:100%; margin-bottom:30px; }
	.footer-flex-right{ width:100%; }

	.footer-info-list.right-side{ text-align:left;/* margin-bottom:13px;*/ }
	.footer-info-list.right-side  li span{ margin-right:6px; margin-left:0; }

	.copyright{ text-align:left; }
	.social-list{ text-align:left; }
	.social-list li{ margin-left:0; margin-right:14px; }



	/* ======================================
		09. 輪播banner設定
	=================================================================================================================== */
	.banner-wrap .container{ width:100%; }

	/*.slider-banner{ border-radius:0; }*/

	.spec-area{ display:none; }





	/* ======================================
		11. 左側內容
	=================================================================================================================== */
	/*.aside-area{ max-width:300px; margin:0 auto; }*/
	.aside-area.aside-search{ display:none; }
	.sec-search{ display:block; }

	.aside-item.aside-category{ display:none; }



	/* ======================================
		12. 全頁面共同設定
	=================================================================================================================== */
	.page-flex{ display:flex; flex-wrap:wrap; }
	.page-flex-left{ order:2; width:100%; margin-left:0; }
	.page-flex-right{ order:1; width:100%; }

	.sec-box{ padding-top:15px; padding-left:15px; padding-right:15px; }
	.sec-box .heading{ margin-left:-15px; margin-right:-15px; }
	/*.sec-box .heading:after{ left:-15px; }*/


	/*導覽路徑*/
	.breadcrumbs{
		margin-top:0;
		margin-bottom:15px;
	}



	/* ======================================
		11. 首頁
	=================================================================================================================== */

	/*首頁-公告*/
	.idx-post-item{ padding-left:0; }
	.idx-post-item .time-box{ position:relative; top:auto; left:auto; margin-bottom:5px; }
	.idx-post-item .name a{
		overflow: visible;
		white-space: normal;
	}



	/* ======================================
		13. 名家名舍
	=================================================================================================================== */
	.introduction-flex{ max-width:400px; margin-right:auto; margin-left:auto; }
	.introduction-flex .flex-left{ width:100%; margin-right:0; margin-bottom:15px; }
	.introduction-flex .flex-right{ width:100%; }


	.tab-flex{ display: flex; flex-wrap:wrap; margin:10px 0; }
	.tab-left{ width:40px; }
	.tab-right{width:calc(100% - 40px); }

	.tabs-list{ border-bottom-width:0px; background:transparent; }
	.tabs-list li{ width:100%; margin:10px 0; }
	.tabs-list li a{
		width:30px;
		padding:10px 10px 10px 8px;
		letter-spacing:0;
		line-height:1.3;
		background:rgba(36,111,183,0.1);
		text-align:center;
	}
	.tabs-list li a:before{ display:none; }
	.tabs-list li.active a{ background:#246FB7; color:#fff; font-size:14px; }

	.view-right-content{ position:relative; }
	.view-right-content:before{
		position:absolute;
		top:0;
		left:0;
		width:3px;
		height:100%;
		content:"";
		border-radius:2px;

		background:linear-gradient(top,#246FB7 , transparent );
		background:-moz-linear-gradient(top,#246FB7 , transparent );
		background:-webkit-linear-gradient(top,#246FB7 , transparent );
		background:-o-linear-gradient(top,#246FB7 , transparent );
		background:-ms-linear-gradient(top,#246FB7 , transparent );
	}

	.tabs-content{ padding-top:0; padding-bottom:0; min-height:300px; }




	/* ======================================
		18. 紀錄鴿交流
	=================================================================================================================== */
	.article-flex .flex-left{ width:100%; margin-bottom:15px; }
	.article-flex .flex-right{ width:100%; margin-left:0; }
	.article-item .name{ text-align:center; }
	.article-item .date{ text-align:center; }


	/* ======================================
		19. 拍賣中心
	=================================================================================================================== */
	.auction-photo{ margin-bottom:15px; }

}


@media only screen and (max-width: 768px) {


	/* ======================================
		02. 其他基本設定
	=================================================================================================================== */
	.two-cols-list > li{ width:calc( 100% / 3 ); }
	.three-cols-list > li{ width:calc( 100% / 3 ); }
	.four-cols-list > li{ width:calc( 100% / 3 ); }
	.five-cols-list > li{ width:calc( 100% / 3 ); }
	.six-cols-list > li{ width:calc( 100% / 3 ); }
	.seven-cols-list > li{ width:calc( 100% / 3 ); }
	.eight-cols-list > li{ width:calc( 100% / 3 ); }


	/* ======================================
		06. 頁首header設定
	=================================================================================================================== */
	/*.header-top-flex .flex-col01{ width:140px; }
	.header-top-flex .flex-col04{ width:calc( 100% - 155px); }

	.language-list li{ margin-right:4px; margin-left:0; }
	.header-social-list li{ margin-right:0; margin-left:4px; }

	.tiny-item .title{ font-size:16px; }

	.language-list li .tiny-item a{
		padding:0;
		width:30px;
		height:30px;
	}
	.language-list li .tiny-item a .title{ line-height:30px; }


	.header-social-list li .tiny-item a{
		padding:0;
		width:40px;
		height:40px;
		line-height:40px;
	}
	.header-social-list .tiny-item .icon{ width:40px; padding:5px; }
	.header-social-list li .tiny-item a .title{ display:block; padding-top:4px; font-size:15px; }*/




	/* ======================================
		10. 全頁面共同設定
	=================================================================================================================== */

	.sec-box .heading:before{
		background:linear-gradient(left,transparent , #b8180f 15% , #b8180f 85% , transparent );
		background:-moz-linear-gradient(left,transparent , #b8180f 15% , #b8180f 85% , transparent );
		background:-webkit-linear-gradient(left,transparent , #b8180f 15% , #b8180f 85% , transparent );
		background:-o-linear-gradient(left,transparent , #b8180f 15% , #b8180f 85% , transparent );
		background:-ms-linear-gradient(left,transparent , #b8180f 15% , #b8180f 85% , transparent );
	}




	/* ======================================
		13. 名家名舍
	=================================================================================================================== */
	.contact-info-list li{
		width:100%;
	}




	/* ======================================
		20. 地方鴿訊
	=================================================================================================================== */
	.post-flex .flex-left{ width:100%; margin-bottom:15px; }
	.post-flex .flex-right{ width:100%; margin-left:0; }

	.post-item .photo-scale-frame{ max-width:300px; margin:0 auto; }

	.post-item .name{ padding-right:0; margin-bottom:20px; text-align:center; }
	.post-item .name .title{ margin-bottom:10px; }
	.post-item .name .date{ display:block; text-align:center; position:relative; bottom:auto; right:auto; }






}

@media only screen and (max-width: 640px) {

	/* ======================================
		02. 其他基本設定
	=================================================================================================================== */
	.two-cols-list > li{ width:calc( 100% / 2 ); }
	.three-cols-list > li{ width:calc( 100% / 2 ); }
	.four-cols-list > li{ width:calc( 100% / 2 ); }
	.five-cols-list > li{ width:calc( 100% / 2 ); }
	.six-cols-list > li{ width:calc( 100% / 2 ); }
	.seven-cols-list > li{ width:calc( 100% / 2 ); }
	.eight-cols-list > li{ width:calc( 100% / 2 ); }


	/* ======================================
		06. 頁首header設定
	=================================================================================================================== */
	.header-top-bar:before{ display:none; }







	/* ======================================
		17. 賽鴿柑仔店
	=================================================================================================================== */
	.product-item .info-box{ padding:0 10px 5px 10px; }
	.product-item .info-item{ padding-left:0; min-height:auto; padding:0 5px; margin:10px 0; text-align:center; border:1px solid #eee; }

	.product-item .info-item span.title{
		position:relative;
		top:auto;
		left:auto;
		color:#666;
		background:#fff;
		width:100%;
		border-bottom:1px solid #eee;
	}
	.product-item .info-item span.content{ display:block; padding:5px 0; font-size:16px; /*padding-left:20px;*/ }

	.product-item.pro-view .info-item{ padding-left:0; font-size:16px; }
	.product-item.pro-view .info-item span.title{ width:100%; }


	/*.header-top-flex .flex-col-lang{ width:150px; margin-right:0; }
	.header-top-flex .flex-col-social{ width:calc( 100% - 150px); }*/

	/*語系*/
	.language-list li{ margin-right:4px; }
	.language-list .tiny-item{
		width:90px;
		height:38px;
	}
	.language-list .tiny-item.item-lang{ width:50px; }
	.language-list .tiny-item a .title{ line-height:37px; font-size:18px; }


	/*社群*/
	.header-social-list li{ margin-left:4px; }
	.header-social-list .tiny-item{
		width:40px;
		height:40px;
	}
	.header-social-list .tiny-item .icon{ width:40px; }

}


@media only screen and (max-width: 480px) {


	/* ======================================
		02. 其他基本設定
	=================================================================================================================== */
	.thumbnail-list.four-cols-list > li{ width:50%; }


	.link-list.four-cols-list > li{ width:100%; }
	.link-list.three-cols-list > li{ width:100%; }
	.store-list.four-cols-list > li{ width:100%; }
	.store-list.three-cols-list > li{ width:100%; }

	.product-list.three-cols-list > li{ width:100%; }
	.product-list.four-cols-list > li{ width:100%; }

	.article-list.three-cols-list > li{ width:100%; }
	.article-list.four-cols-list > li{ width:100%; }



	/* ======================================
		06. 頁首header設定
	=================================================================================================================== */
	/*.mobile-fixed-item .title , .fixed-menu-trigger .toggle-trigger-txt{
		font-size:18px;
	}
	.fixed-menu-list li a{ font-size:17px; }*/

	.header-top-flex .flex-col-lang{ width:150px; margin-right:0; }
	.header-top-flex .flex-col-social{ width:calc( 100% - 150px); }

	/*語系*/
	.language-list li{ margin-right:4px; }
	.language-list .tiny-item{
		width:90px;
		height:38px;
	}
	.language-list .tiny-item.item-lang{ width:50px; }
	.language-list .tiny-item a .title{ line-height:37px; font-size:18px; }


	/*社群*/
	.header-social-list li{ margin-left:4px; }
	.header-social-list .tiny-item{
		width:40px;
		height:40px;
	}
	.header-social-list .tiny-item .icon{ width:40px; }



	/* ======================================
		08. 頁尾設定
	=================================================================================================================== */
	.footer-info-item{ display:block; }

}

@media only screen and (max-width: 380px) {
	/*社群*/
	.header-social-list li{ margin-left:4px; }
	.header-social-list .tiny-item{
		width:35px;
		height:40px;
	}
	.header-social-list .tiny-item .icon{ width:35px; }
}


@media only screen and (max-width: 350px) {
	.mobile-fixed-item .title , .fixed-menu-trigger .toggle-trigger-txt{
		font-size:16px; letter-spacing:0;
	}
}
/* ======================================
	以上為主頁原始內容
=================================================================================================================== */















/* ======================================
	以下為正式內容
=================================================================================================================== */



/*
@media (min-width:768px)  { .container { width:750px; } }
@media (min-width:992px)  { .container { width:970px; } }
@media (min-width:1200px) { .container { width:1170px; } }

.container { padding-right:15px; padding-left:15px; margin-right:auto; margin-left:auto; }
*/
/*
.row   { margin-left:-15px; margin-right:-15px; }
.row:before, .row:after { display:table; content:" "; }
.row:after { clear:both; }

.col-xs-1,  .col-sm-1,  .col-md-1,  .col-lg-1,
.col-xs-2,  .col-sm-2,  .col-md-2,  .col-lg-2,
.col-xs-3,  .col-sm-3,  .col-md-3,  .col-lg-3,
.col-xs-4,  .col-sm-4,  .col-md-4,  .col-lg-4,
.col-xs-5,  .col-sm-5,  .col-md-5,  .col-lg-5,
.col-xs-6,  .col-sm-6,  .col-md-6,  .col-lg-6,
.col-xs-7,  .col-sm-7,  .col-md-7,  .col-lg-7,
.col-xs-8,  .col-sm-8,  .col-md-8,  .col-lg-8,
.col-xs-9,  .col-sm-9,  .col-md-9,  .col-lg-9,
.col-xs-10, .col-sm-10, .col-md-10, .col-lg-10,
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11,
.col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 { position:relative; min-height:1px; padding-left:15px; padding-right:15px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 { float:left; }
.col-xs-12        { width:100%; }
.col-xs-11        { width:91.66666667%; }
.col-xs-10        { width:83.33333333%; }
.col-xs-9         { width:75%; }
.col-xs-8         { width:66.66666667%; }
.col-xs-7         { width:58.33333333%; }
.col-xs-6         { width:50%; }
.col-xs-5         { width:41.66666667%; }
.col-xs-4         { width:33.33333333%; }
.col-xs-3         { width:25%; }
.col-xs-2         { width:16.66666667%; }
.col-xs-1         { width:8.33333333%; }

.col-xs-pull-12   { right:100%; }
.col-xs-pull-11   { right:91.66666667%; }
.col-xs-pull-10   { right:83.33333333%; }
.col-xs-pull-9    { right:75%; }
.col-xs-pull-8    { right:66.66666667%; }
.col-xs-pull-7    { right:58.33333333%; }
.col-xs-pull-6    { right:50%; }
.col-xs-pull-5    { right:41.66666667%; }
.col-xs-pull-4    { right:33.33333333%; }
.col-xs-pull-3    { right:25%; }
.col-xs-pull-2    { right:16.66666667%; }
.col-xs-pull-1    { right:8.33333333%; }
.col-xs-pull-0    { right:auto; }

.col-xs-push-12   { left:100%; }
.col-xs-push-11   { left:91.66666667%; }
.col-xs-push-10   { left:83.33333333%; }
.col-xs-push-9    { left:75%; }
.col-xs-push-8    { left:66.66666667%; }
.col-xs-push-7    { left:58.33333333%; }
.col-xs-push-6    { left:50%; }
.col-xs-push-5    { left:41.66666667%; }
.col-xs-push-4    { left:33.33333333%; }
.col-xs-push-3    { left:25%; }
.col-xs-push-2    { left:16.66666667%; }
.col-xs-push-1    { left:8.33333333%; }
.col-xs-push-0    { left:auto; }

.col-xs-offset-12 { margin-left:100%; }
.col-xs-offset-11 { margin-left:91.66666667%; }
.col-xs-offset-10 { margin-left:83.33333333%; }
.col-xs-offset-9  { margin-left:75%; }
.col-xs-offset-8  { margin-left:66.66666667%; }
.col-xs-offset-7  { margin-left:58.33333333%; }
.col-xs-offset-6  { margin-left:50%; }
.col-xs-offset-5  { margin-left:41.66666667%; }
.col-xs-offset-4  { margin-left:33.33333333%; }
.col-xs-offset-3  { margin-left:25%; }
.col-xs-offset-2  { margin-left:16.66666667%; }
.col-xs-offset-1  { margin-left:8.33333333%; }
.col-xs-offset-0  { margin-left:0; }

@media (min-width:768px) {
 .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 { float:left; }
 .col-sm-12        { width:100%; }
 .col-sm-11        { width:91.66666667%; }
 .col-sm-10        { width:83.33333333%; }
 .col-sm-9         { width:75%; }
 .col-sm-8         { width:66.66666667%; }
 .col-sm-7         { width:58.33333333%; }
 .col-sm-6         { width:50%; }
 .col-sm-5         { width:41.66666667%; }
 .col-sm-4         { width:33.33333333%; }
 .col-sm-3         { width:25%; }
 .col-sm-2         { width:16.66666667%; }
 .col-sm-1         { width:8.33333333%; }

 .col-sm-pull-12   { right:100%; }
 .col-sm-pull-11   { right:91.66666667%; }
 .col-sm-pull-10   { right:83.33333333%; }
 .col-sm-pull-9    { right:75%; }
 .col-sm-pull-8    { right:66.66666667%; }
 .col-sm-pull-7    { right:58.33333333%; }
 .col-sm-pull-6    { right:50%; }
 .col-sm-pull-5    { right:41.66666667%; }
 .col-sm-pull-4    { right:33.33333333%; }
 .col-sm-pull-3    { right:25%; }
 .col-sm-pull-2    { right:16.66666667%; }
 .col-sm-pull-1    { right:8.33333333%; }
 .col-sm-pull-0    { right:auto; }

 .col-sm-push-12   { left:100%; }
 .col-sm-push-11   { left:91.66666667%; }
 .col-sm-push-10   { left:83.33333333%; }
 .col-sm-push-9    { left:75%; }
 .col-sm-push-8    { left:66.66666667%; }
 .col-sm-push-7    { left:58.33333333%; }
 .col-sm-push-6    { left:50%; }
 .col-sm-push-5    { left:41.66666667%; }
 .col-sm-push-4    { left:33.33333333%; }
 .col-sm-push-3    { left:25%; }
 .col-sm-push-2    { left:16.66666667%; }
 .col-sm-push-1    { left:8.33333333%; }
 .col-sm-push-0    { left:auto; }

 .col-sm-offset-12 { margin-left:100%; }
 .col-sm-offset-11 { margin-left:91.66666667%; }
 .col-sm-offset-10 { margin-left:83.33333333%; } .col-sm-offset-9 { margin-left:75%; }
 .col-sm-offset-8  { margin-left:66.66666667%; }
 .col-sm-offset-7  { margin-left:58.33333333%; }
 .col-sm-offset-6  { margin-left:50%; }
 .col-sm-offset-5  { margin-left:41.66666667%; }
 .col-sm-offset-4  { margin-left:33.33333333%; }
 .col-sm-offset-3  { margin-left:25%; }
 .col-sm-offset-2  { margin-left:16.66666667%; }
 .col-sm-offset-1  { margin-left:8.33333333%; }
 .col-sm-offset-0  { margin-left:0; }
}

@media (min-width:992px) {
 .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 { float:left; }
 .col-md-12        { width:100%; }
 .col-md-11        { width:91.66666667%; }
 .col-md-10        { width:83.33333333%; }
 .col-md-9         { width:75%; }
 .col-md-8         { width:66.66666667%; }
 .col-md-7         { width:58.33333333%; }
 .col-md-6         { width:50%; }
 .col-md-5         { width:41.66666667%; }
 .col-md-4         { width:33.33333333%; }
 .col-md-3         { width:25%; }
 .col-md-2         { width:16.66666667%; }
 .col-md-1         { width:8.33333333%; }

 .col-md-pull-12   { right:100%; }
 .col-md-pull-11   { right:91.66666667%; }
 .col-md-pull-10   { right:83.33333333%; }
 .col-md-pull-9    { right:75%; }
 .col-md-pull-8    { right:66.66666667%; }
 .col-md-pull-7    { right:58.33333333%; }
 .col-md-pull-6    { right:50%; }
 .col-md-pull-5    { right:41.66666667%; }
 .col-md-pull-4    { right:33.33333333%; }
 .col-md-pull-3    { right:25%; }
 .col-md-pull-2    { right:16.66666667%; }
 .col-md-pull-1    { right:8.33333333%; }
 .col-md-pull-0    { right:auto; }

 .col-md-push-12   { left:100%; }
 .col-md-push-11   { left:91.66666667%; }
 .col-md-push-10   { left:83.33333333%; }
 .col-md-push-9    { left:75%; }
 .col-md-push-8    { left:66.66666667%; }
 .col-md-push-7    { left:58.33333333%; }
 .col-md-push-6    { left:50%; }
 .col-md-push-5    { left:41.66666667%; }
 .col-md-push-4    { left:33.33333333%; }
 .col-md-push-3    { left:25%; }
 .col-md-push-2    { left:16.66666667%; }
 .col-md-push-1    { left:8.33333333%; }
 .col-md-push-0    { left:auto; }

 .col-md-offset-12 { margin-left:100%; }
 .col-md-offset-11 { margin-left:91.66666667%; }
 .col-md-offset-10 { margin-left:83.33333333%; }
 .col-md-offset-9  { margin-left:75%; }
 .col-md-offset-8  { margin-left:66.66666667%; }
 .col-md-offset-7  { margin-left:58.33333333%; }
 .col-md-offset-6  { margin-left:50%; }
 .col-md-offset-5  { margin-left:41.66666667%; }
 .col-md-offset-4  { margin-left:33.33333333%; }
 .col-md-offset-3  { margin-left:25%; }
 .col-md-offset-2  { margin-left:16.66666667%; }
 .col-md-offset-1  { margin-left:8.33333333%; }
 .col-md-offset-0  { margin-left:0; }
}

@media (min-width:1200px) {
 .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 { float:left; }
 .col-lg-12        { width:100%; }
 .col-lg-11        { width:91.66666667%; }
 .col-lg-10        { width:83.33333333%; }
 .col-lg-9         { width:75%; }
 .col-lg-8         { width:66.66666667%; }
 .col-lg-7         { width:58.33333333%; }
 .col-lg-6         { width:50%; }
 .col-lg-5         { width:41.66666667%; }
 .col-lg-4         { width:33.33333333%; }
 .col-lg-3         { width:25%; }
 .col-lg-2         { width:16.66666667%; }
 .col-lg-1         { width:8.33333333%; }

 .col-lg-pull-12   { right:100%; }
 .col-lg-pull-11   { right:91.66666667%; }
 .col-lg-pull-10   { right:83.33333333%; }
 .col-lg-pull-9    { right:75%; }
 .col-lg-pull-8    { right:66.66666667%; }
 .col-lg-pull-7    { right:58.33333333%; }
 .col-lg-pull-6    { right:50%; }
 .col-lg-pull-5    { right:41.66666667%; }
 .col-lg-pull-4    { right:33.33333333%; }
 .col-lg-pull-3    { right:25%; }
 .col-lg-pull-2    { right:16.66666667%; }
 .col-lg-pull-1    { right:8.33333333%; }
 .col-lg-pull-0    { right:auto; }

 .col-lg-push-12   { left:100%; }
 .col-lg-push-11   { left:91.66666667%; }
 .col-lg-push-10   { left:83.33333333%; }
 .col-lg-push-9    { left:75%; }
 .col-lg-push-8    { left:66.66666667%; }
 .col-lg-push-7    { left:58.33333333%; }
 .col-lg-push-6    { left:50%; }
 .col-lg-push-5    { left:41.66666667%; }
 .col-lg-push-4    { left:33.33333333%; }
 .col-lg-push-3    { left:25%; }
 .col-lg-push-2    { left:16.66666667%; }
 .col-lg-push-1    { left:8.33333333%; }
 .col-lg-push-0    { left:auto; }

 .col-lg-offset-12 { margin-left:100%; }
 .col-lg-offset-11 { margin-left:91.66666667%; }
 .col-lg-offset-10 { margin-left:83.33333333%; }
 .col-lg-offset-9  { margin-left:75%; }
 .col-lg-offset-8  { margin-left:66.66666667%; }
 .col-lg-offset-7  { margin-left:58.33333333%; }
 .col-lg-offset-6  { margin-left:50%; }
 .col-lg-offset-5  { margin-left:41.66666667%; }
 .col-lg-offset-4  { margin-left:33.33333333%; }
 .col-lg-offset-3  { margin-left:25%; }
 .col-lg-offset-2  { margin-left:16.66666667%; }
 .col-lg-offset-1  { margin-left:8.33333333%; }
 .col-lg-offset-0  { margin-left:0; }
}
*/

@media (min-width:768px) {
 .message-box p.topic_text { -webkit-line-clamp:2; } /** 文章字限制行數 **/
 p.index_topic_text { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; white-space:normal; } /** 文章字限制行數 **/
 .navbar-nav.navbar-left.menu-1 { float:left; width:100%; }
 .navbar-nav.navbar-right.menu-2 { float:left; }
}

@media (min-width:992px) {
 .message-box p.topic_text { -webkit-line-clamp:3; } /** 文章字限制行數 **/
 p.index_topic_text { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; white-space:normal; } /** 文章字限制行數 **/
 .navbar { position:relative; min-height:60px; margin-bottom:20px; border:1px solid transparent; }
 .navbar-nav.navbar-left.menu-1 { float:left; width:100%; }
 .navbar-nav.navbar-right.menu-2 { float:left; }
}

@media (min-width:1200px) {
 .message-box p.topic_text { -webkit-line-clamp:4; } /** 文章字限制行數 **/
 p.index_topic_text { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:10; -webkit-box-orient:vertical; white-space:normal; } /** 文章字限制行數 **/
 .navbar-nav.navbar-left.menu-1 { float:left; width:100%; }
 .navbar-nav.navbar-right.menu-2 { float:left; }
}

@media (max-width:600px) {
 /** { font-size:0.98em; }*/
 .message-box .time { font-size:13px; }
 a.navbar-brand .logo-pic { max-width:160px; }
 .fixed-menu a.navbar-brand .logo-pic { max-width:130px; }
 .none-block { display:none !important; }
 .contact_form { padding:10px; }
 .contact_form input.form-control { font-size:16px; }
 .message-box h2 { line-height:0.95; }
 .message-box h2 a.topictitle { font-size:17px; letter-spacing:0; margin-bottom:0; }
 .message-box p.topic_text { -webkit-line-clamp:2; }
 #content hr { margin-top:10px; margin-bottom:10px; }
 .service-widget .post-media { margin-bottom:0px; }
 .windy { max-width:95%; }

 .postbody h3 { font-size:15px; }
 .header_style_01 .navbar-default .navbar-nav > li.active a { color:#fff; border-bottom:0; background:#fd6802; }
 .block_body { line-height:1.3em !important; }
 .block_body h3 { font-size:1em !important; }
 .block_body p a { font-size:1.3em !important; }
 .block_body a.forum_title { font-size:1.15em !important; -webkit-line-clamp:2; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:-webkit-box; -webkit-box-orient:vertical; white-space:normal; line-height:1.25em }
 .block_body .sub_title { font-size:1.1em !important; line-height:1.25em }
 .block_body p { font-size:0.9em !important; margin-bottom:2px; }
 .block_body h3.sub_title, .block_body p.sub_title { font-size:1.1em !important; }
 p.index_topic_text { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; white-space:normal; } /** 文章字限制行數 **/
 .dmtop { width:30px; height:30px; line-height:30px; font-size:9px; right:15px; }
 .block_body iframe, .offer-text iframe, .postbody iframe { width:100% !important; height:100% !important; }
 .offer-img { margin-bottom:5px; }
 .contact_form .form-control { margin-bottom:1px; }
 .footer .qucode img { margin:5px 0 !important; }
 .grades_search a { font-size:14px; line-height:120%; }
}


@media only screen and (max-width:480px) {
	.container { width:100%; }

	.sec-box{ padding-left:5px; padding-right:5px; }
}