@charset "utf-8";
/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575px) {
	.deskTop {display: none !important}
	.Tablets {display: none !important}
	.deskTopTablets {display: none !important}
	
	.bg-faded {display: none}
	.js-toggle-right-slidebar {display: block; z-index: 9999}
	footer>h4 {font-size: .9339999rem}
	footer>p {font-size: .85rem}
	section.container {margin: 0 .5rem}
}
/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767px) {
	.deskTop {display: none !important}
	.Tablets {display: none !important}
	.deskTopTablets {display: none !important}
	
	.bg-faded {display: none}
	.js-toggle-right-slidebar {display: block; z-index: 9999}
	footer>h4 {font-size: .9339999rem}
	footer>p {font-size: .85rem}
	section.container {margin: 0 .5rem}
}

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991px) {
	.deskTop {display: none !important}
	.Mobile {display: none !important}
    .deskTopTablets {display: none !important}
	
	.bg-faded {display: none}
	.js-toggle-right-slidebar {display: block; z-index: 9999}
}

/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199px) {
	.Mobile {display: none !important}
	.Tablets {display: none !important}
	.TabletsMobile {display: none !important}
}

/*Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
	.Mobile {display: none !important}
	.Tablets {display: none !important}
	.TabletsMobile {display: none !important}
}

/*ios use*/
/*iPhone 4 only Portrait or Landscape 基本上不用太理這支*/
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) and (orientation:portrait) {
	footer>h4 {font-size: .8119999rem}
	footer>p {font-size: .8119999rem}
}

@media only screen and (min-device-width: 320px)  and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) and (device-aspect-ratio: 2/3) and (orientation:landscape) {}

/*iPhone 5 Portrait or Landscape*/
@media only (device-width: 320px) and (-webkit-min-device-pixel-ratio: 2) and (orientation : portrait) {
	div.editor {word-break: break-all}
	div.editor img {
		width: 100%;
		max-width: 100%;
		height: auto!important;
		border: none
	}
	footer>h4 {font-size: .8119999rem}
	footer>p {font-size: .8119999rem}
}

@media only (device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation : landscape) {}

/*iPhone 6 Portrait or Landscape*/
@media only screen and (min-device-width : 375px) and (orientation : portrait) {
	div.editor {word-break: break-all}
	div.editor img {
		width: 100%;
		max-width: 100%;
		height: auto!important;
		border: none
	}
	footer>h4 {font-size: .9339999rem}
	footer>p {font-size: .85rem}
}

@media only screen and (max-device-width : 667px) and (orientation : landscape) {
}

/*iPhone 6 plus Portrait or Landscape*/
@media only screen and (min-device-width : 414px) and (orientation : portrait) {
	div.editor {word-break: break-all}
	div.editor img {
		width: 100%;
		max-width: 100%;
		height: auto!important;
		border: none
	}
	footer>h4 {font-size: 1.05rem}
	footer>p {font-size: 1rem}
}

@media only screen and (max-device-width : 736px) and (orientation : landscape) {}

/*ipad*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {}