/* CSS Document */
/**********************************
 網頁整體樣式 ( 二欄、三欄 )
**********************************/
@media only screen and ( max-width: 767px) {

.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 {
	  padding: 0;
  }


	/*** 頁面 LAYOUT ***/
	.layout-padding,
	.home .c1 .layout-padding {
		padding-left: 0.313em;	/*** 5px ***/
		padding-right: 0.313em;
	}

	.site-box .site-widget,
	.site-box .site-content {
		padding-top: 0;
		padding-bottom: 0;
		margin-bottom: 1em;
	}

	.site-content {
		margin-top: 1em;
	}
    .site-box .site-content,
	body:not(.home) .c2L .site-box .site-widget.left, 
	body:not(.home) .c2R .site-box .site-widget.right,
	body:not(.home) .c3 .site-box .site-widget.left,
	body:not(.home) .c3 .site-box .site-widget.right,

	body.home .c2L .site-box .site-widget.left,
	body.home .c2R .site-box .site-widget.right,
	body.home .c3 .site-box .site-widget.left, 
	body.home .c3 .site-box .site-widget.right {
		width: 100%;
    }

    .site-box {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;

        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;

        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }


    .site-box .site-content {
        -webkit-order: 1;
		-moz-order: 1;
		-ms-order: 1;
		-o-order: 1;
        order: 1;
    }
    
    .site-box .site-widget.left {
        -webkit-order: 2;
		-moz-order: 2;
		-ms-order: 2;
		-o-order: 2;
        order: 2;
    }
    
    .site-box .site-widget.right {
        -webkit-order: 3;
		-moz-order: 3;
		-ms-order: 3;
		-o-order: 3;
        order: 3;
    }

    #main-content, 
	#sidebar-left, 
	#sidebar-right {
        min-height: inherit;
    }

	/*** 不要壓到 slider ***/
	.site-header {
		margin-bottom: .6em;
	}

}

@media only screen and ( min-width: 768px) and (max-width: 1023px) {
	.layout-padding {
		padding-left: .5em;
		padding-right: .5em;
	}
}