* {
	margin: 0;
	outline: none;
	padding: 0;
}

.container-headers {
    height: 60px;
    margin: 0 auto;
    width: 100%;
    background: #2d2d2d;
    padding: 4px 0;
    margin-top: 50px;
}

.headers {
    max-width: 1140px;
    width: 100%;
    margin: 0 auto;
    display: flex;
}

h3.big-t {
    font-size: 56px!important;
    background: #2d2d2d;
    padding: 48px 16px!important;
    margin-bottom: 16px!important;
    font-weight: 900;
	width: fit-content;
}

table.t1 tr td {
    display: block;
    width: 310px;
    float: left;
    background: #2d2d2d;
    text-align: center;
    padding: 14px 10px;
}

table.t1 tr td:nth-child(2) {
    margin: 0 40px;
}

table.t1 a {
    background: url("../images/pat3.jpg");
    color: #131313;
    background-position: center;
    text-decoration: none;
    padding: 7px 25px;
    font-size: 14px!important;
    border-radius: 7px;
    float: right;
    margin-right: 14px;
}

table.t2 tr td {
    display: block;
    width: 310px;
    float: left;
    background: #2d2d2d;
    text-align: center;
    padding: 14px 10px;
}

table.t2 tr td:nth-child(2) {
    margin: 0 40px;
}

table.t2 a {
    background: url("../images/pat3.jpg");
    color: #131313;
    background-position: center;
    text-decoration: none;
    padding: 7px 25px;
    font-size: 14px!important;
    border-radius: 7px;
    float: right;
    margin-right: 14px;
}

li.sm0icon a {background: none!Important;box-shadow: none!important;width: auto!important;padding: 6px!important;}



* html .Block {
	height: 1%;
}

a {
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

abbr, acronym {
	font-size: 80%;
	letter-spacing: .1em;
	text-transform: uppercase;
}

abbr[title], acronym[title], dfn[title] {
	cursor: help;
}

.Block {
	display: inline-block;
}

.Block:after {
	clear: both;
	content: ".";
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

.Blue p, .Search p {
	margin: 0;
	padding: 10px 12px;
}

body {
	font-size: 1.1em;
	line-height: 1.8em;
	text-align: center;
}

.BodyContent ol li {
	line-height: 1.6em;
	list-style-type: decimal;
	margin: 4px 0 4px 0;
}

.BodyContent ul li {
	line-height: 1.6em;
	list-style-type: square;
	margin: 4px 0 4px 0;
}

.BodyContent ul, .BodyContent ol {
	margin: 10px 0 15px 25px;
}

body.searchTips {
	padding: 30px;
	text-align: left;
}

.Breadcrumb {
	font-size: .95em;
	margin: 0 0 20px 0;
	padding: 5px 15px 5px 15px;
}

.Breadcrumb li {
	display: inline;
	list-style: none;
	margin: 0 15px 0 0;
	padding: 0;
}

.Breadcrumb li a {
	padding: 0 15px 0 0;
}

.Breadcrumb li a:hover {
	text-decoration: none;
}

.Breadcrumb ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.Button {
	font-weight: bold;
	margin: 5px 0 5px 0;
	padding: 2px 10px 2px 10px;
}

.Button, .SearchGoButton {
	cursor: pointer;
	font-size: .9em;
	font-weight: 400;
	height: 20px;
	line-height: 80%;
	margin: 0;
	padding: 0;
	width: 65px;
}

.CategoryFeedList, .OtherFeedList,.CategoryFeedList li, .OtherFeedList li {
	list-style-type: none;
}

.CategoryPagination {
	font-size: 1em;
	padding: 0 5px;
	text-align: center;
}

.CategoryPagination .PagingList {
	list-style: none;
	margin: 0;
	padding: 0;
}

.CategoryPagination .PagingList li {
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0 2px;
}

cite, em, dfn {
	font-style: italic;
}

.clearfix {
	display: inline-block;
}

.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

.CommentItem {
	border-bottom: 1px solid #D9D9D4 !important;
	margin: 20px 0px;
}

.CommentSettingsLink {
	padding: 5px 0;
}

#Container {
	text-align: left;
}

.Content {
	/* float: left; */
	min-height: 800px;
	padding: 7px 0;
	width: 528px;
}

#content {
	border-top: none;
	clear: both;
	margin: 20px auto;
	max-width: 1140px;
	/* background: #2d2d2d; */
	padding: 22px 33px;
	box-sizing: border-box;
	margin-top: 0px;
	width: 100%;
}

.Content .BodyContent {
	padding: 0;
}

.Content .ContentPostDetails li {
	background-position: 0% 4px;
	background-repeat: no-repeat;
	padding: 0 15px 10px 20px;
}

.Content h2 {
	font-family: 'microsoft jhenghei', arial, sans-serif;
	font-size: 1.3em;
	line-height: 100%;
	padding: 10px 0 0;
}

.Content h3 {
	font-family: 'trebuchet ms', arial, sans-serif;
	font-size: 1.1em;
}

.Content h3, .PostDetails, .Content h4, .Content h5, .Content h6 {
	padding: 5px 0;
}

.Content .listSummary fieldset {
	margin: 10px 0;
}

.Content .listSummary li {
	line-height: 120%;
	padding: 2px 15px;
}

.Content .listSummary p,form p, .Content .tplContent p {
	margin: 10px 0;
	padding: 0;
}

.Content .listSummary .tplContent, .Content .listSummary h4, .Content .listSummary h3, .Content .listSummary h5, .Content .listSummary h2,.Content .tplContent h4, .Content .tplContent h3, .Content .tplContent h5, .Content .tplContent h2 {
	padding: 10px 0;
}

.Content p {
	margin: 5px 0;
	padding: 0;
}

.Content .PostDetails li {
	background-position: 0% 0px;
	background-repeat: no-repeat;
	display: inline;
	padding: 2px 15px 2px 20px;
}

.Content .tplContent, .Content .tplContentList {
	padding: 5px 15px;
}

.ContentModulesContainer, .listRow, .BodyContent {
	clear: both;
}

.ContentPostDetails {
	margin: 10px 0;
}

.ContentPostDetails li {
	display: inline;
	float: left;
}

del {
	text-decoration: line-through;
}

.FeedLink a {
	font-size: 0.9em;
	font-weight: bold;
	padding: 0 0 3px 20px;
	text-decoration: none;
}

fieldset {
	margin: 5px 0;
	padding: 20px;
}

.first {
	text-align: left;
}

#Footer {
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 1em;
	height: 85px;
	line-height: 130%;
	margin: 0 auto;
	padding: 15px 0 0 0;
	text-align: left;
	width: 100%;
	max-width: 1140px;
}

#Footer a, #Footer a:link, #Footer a:active, #Footer a:visited {
	margin: 0;
	text-decoration: underline;
}

#FooterList.Block1 {
	float: left;
	padding-left: 20px;
}

#FooterList.Block2 {
	float: right;
}

#FooterText {
	/* width: 400px; */
}

#FooterText.Block1 {
	float: left;
}

#FooterText.Block2 {
	float: right;
}

form {
	margin: 0 0 20px 0;
	padding: 0;
}

h1 {
	font-size: 1.6em;
}

h2 {
	font-size: 1.28em;
}

h2 em {
	font-size: 1.15em;
}

h2.tplvar-author-name {
	font-size: 1.8em;
	font-weight: 700;
}

h3 {
	font-size: 1em;
}

h3.tpllang-ContentByAuthor {
	font-size: 1.3em;
	font-weight: 700;
}

h4 {
	font-size: 1em;
}

h5 {
	font-size: 1em;
}

h6 {
	font-size: 1em;
}

#Header {
	/* height: 60px; */
	/* margin: 0 auto; */
	/* width: 100%; */
	/* background: #2d2d2d; */
	/* padding: 4px 0; */
	/* margin-top: 50px; */
	width: fit-content;
	margin-right: 15px;
}

#Header h1 {
	padding: 118px 0 0 21px;
	position: absolute;
}

#Header h1 a {
	font-family: 'trebuchet ms', arial, sans-serif;
	font-size: 2.4em;
	letter-spacing: -2px;
	line-height: 100%;
	text-decoration: none;
}

.headerBgImage {
	background-position: 50% 0%;
	background-repeat: no-repeat;
}

.HighlightedLink a {
	font-size: 0.9em;
	font-weight: bold;
	padding: 0 0 3px 8px;
	text-decoration: none;
}

.HorizontalFormContainer dd {
	margin-bottom: 5px;
	margin-left: 130px;
}

.HorizontalFormContainer dt {
	clear: left;
	float: left;
	margin: 0 0 5px 0;
	width: 130px;
}

.HorizontalFormContainer p.Submit {
	margin: 0 0 0 130px;
}

hr {
	border-top: 1px solid #eeeeeb;
	height: 1px;
}

html {
	font-family: microsoft jhenghei, arial, georgia, tahoma, sans-serif;
	font-size: 62.5%;
}

html[xmlns] .Block {
	display: block;
}

html[xmlns] .clearfix {
	display: block;
}

.HtmlBlock {
	margin: 0 0 1px 0;
}

.HtmlBlock p {
	padding: 10px 12px 0;
}

input, textarea, select {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	margin: 5px 0 5px 0;
	padding: 3px;
}

.Left {
	float: left;
	padding: 18px 20px 10px 0;
	width: 208px;
}

.Left h2, .Right h2 {
	font-family: 'trebuchet ms', arial, sans-serif;
	font-size: 1.6em;
	font-weight: 400;
	margin: 0;
	padding: 8px 10px 6px 10px;
}

.Left li a, .Right li a {
	display: block;
	padding-left: 10px;
	text-decoration: none;
}

.Left li a:hover, .Right li a:hover {
	text-decoration: underline;
}

.Left li, .Right li {
	margin: 0;
	padding: 0;
}

.Left .SideBox, .Right .SideBox {
	margin-bottom: 5px;
}

.Left .tplImage, .Right .tplImage {
	margin: 10px 12px;
}

.Left ul li a, .Right ul li a {
	background-position: 8px 11px;
	padding: 5px 0 4px 17px;
}

.Left ul li li a, .Right ul li li a {
	background-position: 18px 11px;
	padding-left: 27px;
}

.Left ul li li li a, .Right ul li li li a {
	background-position: 28px 11px;
	padding-left: 37px;
}

.Left ul, .Right ul {
	border-top: none;
}

legend {
	font-family: 'trebuchet ms', arial, sans-serif;
	font-size: 1.65em;
	font-weight: 700;
	margin: 5px 0 0 0;
	padding: 0 5px 0 5px;
}

li.ContentAuthors {
	font-size: .9em;
	text-decoration: none;
}

li.ContentAuthors a {
	text-decoration: underline;
}

li.ContentAuthors a:hover {
	text-decoration: none;
}

li.ContentCategories {
	font-size: .9em;
	text-decoration: none;
}

li.ContentCategories a {
	text-decoration: underline;
}

li.ContentCategories a:hover {
	text-decoration: none;
}

li.ContentPublishDate {
	font-size: .9em;
}

li.ContentType {
	font-size: .9em;
}

.listRow {
	padding: 0 15px;
}

.listSummary {
	clear: both;
	margin-top: 5px;
}

.listSummary li {
	padding-left: 10px;
}

#Logo {
	/* float: left; */
	/* height: 36px; */
	/* margin: 6px 0 0 0px; */
	/* position: absolute; */
	/* width: 211px; */
	/* max-width: 1140px; */
	/* margin: 0 auto; */
	/* position: absolute; */
	/* left: 9vw; */
	/* width: fit-content; */
	/* max-width: 1140px; */
}

#Menu {
	/* margin: 0 auto; */
	/* width:670px; */
	/* max-width: 1140px; */
	/* position: absolute; */
	/* top: 55px; */
	/* left: 35%; */
}

#Menu > div > ul > li {
	padding-right: 10px;
}

#Menu li {
	float: left;
	list-style: none;
	margin: 0;
	padding: 5;
	position: relative;
}

#Menu li a {
	display: block;
	font-family: arial, sans-serif;
	font-size: 1.2em;
	/* font-weight: 700; */
	/* height: 50px; */
	margin: 0;
	padding: 17px 0 17px 0;
	text-decoration: none;
	/* margin: 85px 0 0 0; */
	background: url("../images/pat2.jpg");
	border-radius: 13px;
	box-shadow: 1px 2px 4px #000;
	background-size: contain;
	width: 124px;
	text-align: center;
}

#Menu li ul {
	float: left;
	left: 0;
	position: absolute;
	text-align: left;
	top: 55px;
	width: unset;
	z-index: 1;
}

#Menu li ul li {
	clear: both;
	text-align: left;
	width: 180px;
}

#Menu li ul li a {
	font-size: 1em;
	font-weight: normal;
	height: auto;
	padding: 5px 0px 5px;
	text-transform: none;
	background: none;
	box-shadow: none;
}

#Menu li ul li a, #Menu li.over li a {
	text-decoration: none !important;
}

#Menu li:hover ul, #Menu li.over ul {
	display: block;
}

#Menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#Menu ul > li > ul > li > ul {
	left: 180px;
	position: absolute;
	text-align: left;
	top: 0;
}

#Menu ul a {
	display: block;
	position: relative;
}

#Menu ul li {
	float: left;
	position: relative;
}

#Menu ul li li li:hover ul, #Menu ul li li li.sfHover ul {
	left: 10em;
	top: 0;
}

#Menu ul li li:hover li ul, #Menu ul li li.sfHover li ul {
	top: -999em;
}

#Menu ul li li:hover ul, #Menu ul li li.sfHover ul {
	left: 15em !important;
	top: -1px !important;
}

#Menu ul li:hover {
	visibility: inherit;
	z-index: 300000;
}

#Menu ul li:hover li ul, #Menu ul li.sfHover li ul {
	top: -999em;
}

#Menu ul li:hover ul, #Menu ul li.sfHover ul {
	left: 0;
	top: 50px;
	z-index: 99;
}

#Menu ul ul {
	position: absolute;
	top: -999em;
	border-radius: 13px;
}

#Menu ul ul li {
	width: 100%;
}

#Menu ul, #Menu ul * {
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
}

#menuwrapper {
	clear: both;
	height: 44px;
	margin: 3px 2px 0;
	/* padding-top: 52px; */
	/* position: absolute; */
	/* top: 0; */
	/* width: 976px; */
	/* right: 0; */
}

p {
	margin: 0 0 5px 0;
}

.PostDetails {
	display: inline;
}

q {
	quotes: "" "";
}

.Right {
	float: right;
	padding: 18px 0 10px 20px;
	width: 208px;
}

.RSSBlock h2 {
	margin: 0px !important;
}

.RSSBlock h2 a {
	background-position: 5px 5px;
	background-repeat: no-repeat;
	display: block;
	font-size: 0.9em;
	height: 32px;
	padding-left: 45px;
	padding-top: 10px;
}

.RSSBlock h2, .RSSBlock {
	padding: 0 !important;
}

.Search {
	margin: 0 0 1px 0;
	padding: 0;
	padding-bottom: 10px;
}

.Search form {
	padding: 0 12px;
}

.Search p {
	font-size: 1em;
	margin-top: -57px;
}

.SearchGoButton {
	margin-left: 105px;
}

.SearchToggleLinkShow, .SearchToggleLinkHide {
	font-size: .8em;
}

select option {
	padding: 0 10px;
}

#Slogan {
	font-size: 1.3em;
	left: 25px;
	position: relative;
	top: 180px;
}

.Small {
	font-size: .8em;
}

small, sup, sub {
	font-size: 85%;
}

#smallSearch_Query {
	padding-left: 20px;
	width: 146px;
}

strong, th, thead td, h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}

sub {
	vertical-align: sub;
}

sub, sup {
	vertical-align: baseline;
}

.Summary h2 {
	border-bottom: 0;
}

.Summary li {
	margin: 0;
	padding: 10px 12px !important;
}

.Summary li a {
	padding: 0 !important;
	text-decoration: underline;
}

.Summary li a:hover {
	text-decoration: none;
}

.Summary small {
	display: block;
	font-size: 1em;
	font-weight: 700;
	min-width: 10px;
	padding: 0 6px 0 0;
	text-align: right;
}

sup {
	vertical-align: super;
}

table {
	border-collapse: 1px;
	margin: 0 0 20px 0;
	padding: 0;
	width: 100%;
}

td {
	padding: 4px 10px 4px 10px;
	vertical-align: top;
}

.Testimonial {
	margin: 10px 0;
	padding: 5px 20px;
}

.Testimonial_content {
	text-align: center;
}

th {
	padding: 6px 10px 6px 10px;
	text-align: center;
	vertical-align: top;
}

th a img {
	margin: 0 0 10px 0;
	text-decoration: none;
}

th p {
	margin: 5px 0 5px 0;
}

.tplAdvancedSearchURL {
	text-decoration: underline;
}

.tplAuthorImage {
	margin: 5px 15px 15px 15px;
}

.tplPreviousLink, .tplNextLink {
	text-decoration: none;
}

.tplWidthColumns1 {
	width: 100%;
	max-width: 1140px;
}

.tplWidthColumns2 {
	width: 756px;
}

.tplWidthColumns3 {
	width: 528px;
}

ul, ol, dir, menu {
	list-style: none;
}

.VerticalFormContainer dd {
	margin-bottom: 6px;
	margin-left: 0;
}

.ViewAuthorContainer h3 {
	clear: both;
}

.White {
	margin: 0 0 1px 0;
	padding-bottom: 10px;
}

.White h2 {
	font-size: 1.65em;
}

.White p {
	padding: 0 15px 0 15px;
}



/* At the top level of your code */
body{
	min-width: 1176px;
}

body.layout-master #content {
    background: #2d2d2d;
    margin: 70px auto;
	color: #fff;
	box-shadow: 1px 1px 9px #000;
}

body.layout-master {
    background-attachment: fixed;
	background: #2d2d2d url(../images/bg2.png) no-repeat 0% 0%;
	color: #000;
}

.show-menu {
    display: none;
}

@media screen and (max-width: 700px) {
  
	.show-menu {
		display: block;
		float: right;
		padding: 9px;
	}
	
	body{
		min-width: inherit;
	}
	
	table.t1 tr td {
		width: 100%;
		margin: 15px 0!Important;
	}

	.container-headers {
		padding: 0px 25px;
	}

	div#Menu {
		position: absolute;
		top: 110px;
		left: 0;
		background: #2d2d2d;
		width: 100%;
		height: auto;
		box-shadow: 1px 5px 8px #000;
		display: none;
	}

	#Menu ul li {
		float: inherit;
		width: 100%;
	}

	#Menu ul, #Menu ul * {
		float: inherit;
		/* width: 100%; */
		/* background: #2d2d2d; */
	}

	#Menu li a {
		width: 100%;
		border-radius: 0;
	}

	div#menuwrapper {
		margin: 0;
	}

	li.sm0icon a {
 		padding: 12px!important;
	}

	li.sm0icon {
		/* width: 33%; */
		width: 10%!Important;
		float: left!Important;
		text-align: center!important;
	}
	
	table.t1 tr td {
		width: 100%;
		margin: 15px 0!Important;
		box-sizing: border-box;
	}
	
	table.t2 tr td {
		width: 100%;
		margin: 15px 0!Important;
		box-sizing: border-box;
	}
	
	.container-headers {
		padding: 0px 25px;
		box-sizing: border-box;
	}
	
	#Menu ul ul {
    /* position: initial; */
    /* top: 0; */
    width: 100%;
}
	
#Menu > div > ul > li {
	padding-right: 0px;
}
	div#Logo {
    width: fit-content;
    float: left;
}

.show-menu img {
    width: 40px;
}

div#Header {
    width: 100%;
}
	
	h3.big-t {
    font-size: 26px!important;
}
	
	div#content img{
    max-width: 100%;
    height: auto;
}
 
}
 

/* Nested within another conditional at-rule */
@media screen and (max-width: 400px) {
  div#Logo img {
    max-width: 190px;
}

div#Logo {
    padding: 8px 0;
}

.container-headers {
    padding: 0;
}
	
	table.t1 tr td img {
    max-width: 100%;
    height: auto;
}
	
	table.t2 tr td img {
    max-width: 100%;
    height: auto;
}
	
	div#content {
    padding: 22px 4px!important;
}
	
	div#content img{
    max-width: 100%;
    height: auto;
}
	
}