/* Web Design: HKWebDesign.net */

#hkwd-main
{
	background: #EEF6EE url('images/page.jpeg') repeat-x scroll;
	background: linear-gradient(top, rgba(170, 209, 170, 0.14) 0, rgba(255, 255, 255, 0.38) 500px) no-repeat, url('images/page.jpeg') repeat-x, linear-gradient(top, #C7E1C7 0, #FFFFFF 500px) no-repeat;
	background: -webkit-linear-gradient(top, rgba(170, 209, 170, 0.14) 0, rgba(255, 255, 255, 0.38) 500px) no-repeat, url('images/page.jpeg') repeat-x, -webkit-linear-gradient(top, #C7E1C7 0, #FFFFFF 500px) no-repeat;
	background: -moz-linear-gradient(top, rgba(170, 209, 170, 0.14) 0, rgba(255, 255, 255, 0.38) 500px) no-repeat, url('images/page.jpeg') repeat-x, -moz-linear-gradient(top, #C7E1C7 0, #FFFFFF 500px) no-repeat;
	background: -o-linear-gradient(top, rgba(170, 209, 170, 0.14) 0, rgba(255, 255, 255, 0.38) 500px) no-repeat, url('images/page.jpeg') repeat-x, -o-linear-gradient(top, #C7E1C7 0, #FFFFFF 500px) no-repeat;
	background: -ms-linear-gradient(top, rgba(170, 209, 170, 0.14) 0, rgba(255, 255, 255, 0.38) 500px) no-repeat, url('images/page.jpeg') repeat-x, -ms-linear-gradient(top, #C7E1C7 0, #FFFFFF 500px) no-repeat;
	background: linear-gradient(top, rgba(170, 209, 170, 0.14) 0, rgba(255, 255, 255, 0.38) 500px) no-repeat, url('images/page.jpeg') repeat-x, linear-gradient(top, #C7E1C7 0, #FFFFFF 500px) no-repeat;
	-svg-background: linear-gradient(top, rgba(170, 209, 170, 0.14) 0, rgba(255, 255, 255, 0.38) 500px) no-repeat, url('images/page.jpeg') repeat-x, linear-gradient(top, #C7E1C7 0, #FFFFFF 500px) no-repeat;
	margin:0 auto;
	font-size: 16px;
	font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
	position: relative;
	width: 100%;
	min-height: 100%;
	left: 0;
	top: 0;
	cursor:default;
	overflow:visible;
}
table, ul.hkwd-hmenu
{
   font-size: 16px;
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

h1, h2, h3, h4, h5, h6, p, a, ul, ol, li
{
   margin: 0;
   padding: 0;
}

/* Reset buttons border. It's important for input and button tags. 
 * border-collapse should be separate for shadow in IE. 
 */
.hkwd-button
{
   border-collapse: separate;
   -webkit-background-origin: border !important;
   -moz-background-origin: border !important;
   background-origin: border-box !important;
   background: #1F7A30;
   background: linear-gradient(top, #144D1E 0, #2BA641 100%) no-repeat;
   background: -webkit-linear-gradient(top, #144D1E 0, #2BA641 100%) no-repeat;
   background: -moz-linear-gradient(top, #144D1E 0, #2BA641 100%) no-repeat;
   background: -o-linear-gradient(top, #144D1E 0, #2BA641 100%) no-repeat;
   background: -ms-linear-gradient(top, #144D1E 0, #2BA641 100%) no-repeat;
   background: linear-gradient(top, #144D1E 0, #2BA641 100%) no-repeat;
   -svg-background: linear-gradient(top, #144D1E 0, #2BA641 100%) no-repeat;
   -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.2);
   -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.2);
   box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.2);
   border:1px solid #599F23;
   padding:0 20px;
   margin:0 auto;
   height:30px;
}

.hkwd-postcontent,
.hkwd-postheadericons,
.hkwd-postfootericons,
.hkwd-blockcontent,
ul.hkwd-vmenu a 
{
   text-align: left;
}

.hkwd-postcontent,
.hkwd-postcontent li,
.hkwd-postcontent table,
.hkwd-postcontent a,
.hkwd-postcontent a:link,
.hkwd-postcontent a:visited,
.hkwd-postcontent a.visited,
.hkwd-postcontent a:hover,
.hkwd-postcontent a.hovered
{
   font-size: 16px;
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.hkwd-postcontent p
{
   margin: 12px 0;
}

.hkwd-postcontent h1, .hkwd-postcontent h1 a, .hkwd-postcontent h1 a:link, .hkwd-postcontent h1 a:visited, .hkwd-postcontent h1 a:hover,
.hkwd-postcontent h2, .hkwd-postcontent h2 a, .hkwd-postcontent h2 a:link, .hkwd-postcontent h2 a:visited, .hkwd-postcontent h2 a:hover,
.hkwd-postcontent h3, .hkwd-postcontent h3 a, .hkwd-postcontent h3 a:link, .hkwd-postcontent h3 a:visited, .hkwd-postcontent h3 a:hover,
.hkwd-postcontent h4, .hkwd-postcontent h4 a, .hkwd-postcontent h4 a:link, .hkwd-postcontent h4 a:visited, .hkwd-postcontent h4 a:hover,
.hkwd-postcontent h5, .hkwd-postcontent h5 a, .hkwd-postcontent h5 a:link, .hkwd-postcontent h5 a:visited, .hkwd-postcontent h5 a:hover,
.hkwd-postcontent h6, .hkwd-postcontent h6 a, .hkwd-postcontent h6 a:link, .hkwd-postcontent h6 a:visited, .hkwd-postcontent h6 a:hover,
.hkwd-blockheader .t, .hkwd-blockheader .t a, .hkwd-blockheader .t a:link, .hkwd-blockheader .t a:visited, .hkwd-blockheader .t a:hover,
.hkwd-vmenublockheader .t, .hkwd-vmenublockheader .t a, .hkwd-vmenublockheader .t a:link, .hkwd-vmenublockheader .t a:visited, .hkwd-vmenublockheader .t a:hover,
.hkwd-headline, .hkwd-headline a, .hkwd-headline a:link, .hkwd-headline a:visited, .hkwd-headline a:hover,
.hkwd-slogan, .hkwd-slogan a, .hkwd-slogan a:link, .hkwd-slogan a:visited, .hkwd-slogan a:hover,
.hkwd-postheader, .hkwd-postheader a, .hkwd-postheader a:link, .hkwd-postheader a:visited, .hkwd-postheader a:hover
{
   font-size: 32px;
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
}

.hkwd-postcontent a, .hkwd-postcontent a:link
{
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: bold;
   font-style: normal;
   text-decoration: none;
   color: #1B692A;
}

.hkwd-postcontent a:visited, .hkwd-postcontent a.visited
{
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   color: #70C92C;
}

.hkwd-postcontent  a:hover, .hkwd-postcontent a.hover
{
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   color: #59D46F;
}

.hkwd-postcontent h1
{
   color: #32C34D;
   margin-top: 21px;
   margin-bottom: 21px;
   font-size: 32px;
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.hkwd-blockcontent h1
{
   margin-top: 21px;
   margin-bottom: 21px;
   font-size: 32px;
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.hkwd-postcontent h1 a, .hkwd-postcontent h1 a:link, .hkwd-postcontent h1 a:hover, .hkwd-postcontent h1 a:visited, .hkwd-blockcontent h1 a, .hkwd-blockcontent h1 a:link, .hkwd-blockcontent h1 a:hover, .hkwd-blockcontent h1 a:visited 
{
   font-size: 32px;
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.hkwd-postcontent h2
{
   color: #32C34D;
   margin-top: 19px;
   margin-bottom: 19px;
   font-size: 24px;
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.hkwd-blockcontent h2
{
   margin-top: 19px;
   margin-bottom: 19px;
   font-size: 24px;
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.hkwd-postcontent h2 a, .hkwd-postcontent h2 a:link, .hkwd-postcontent h2 a:hover, .hkwd-postcontent h2 a:visited, .hkwd-blockcontent h2 a, .hkwd-blockcontent h2 a:link, .hkwd-blockcontent h2 a:hover, .hkwd-blockcontent h2 a:visited 
{
   font-size: 24px;
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.hkwd-postcontent h3
{
   color: #8ED954;
   margin-top: 19px;
   margin-bottom: 19px;
   font-size: 19px;
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.hkwd-blockcontent h3
{
   margin-top: 19px;
   margin-bottom: 19px;
   font-size: 19px;
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.hkwd-postcontent h3 a, .hkwd-postcontent h3 a:link, .hkwd-postcontent h3 a:hover, .hkwd-postcontent h3 a:visited, .hkwd-blockcontent h3 a, .hkwd-blockcontent h3 a:link, .hkwd-blockcontent h3 a:hover, .hkwd-blockcontent h3 a:visited 
{
   font-size: 19px;
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.hkwd-postcontent h4
{
   color: #103D18;
   font-size: 16px;
   font-family: 'Arial Black', Arial, Helvetica, Sans-Serif;
   text-align: center;
}

.hkwd-blockcontent h4
{
   font-size: 16px;
   font-family: 'Arial Black', Arial, Helvetica, Sans-Serif;
   text-align: center;
}

.hkwd-postcontent h4 a, .hkwd-postcontent h4 a:link, .hkwd-postcontent h4 a:hover, .hkwd-postcontent h4 a:visited, .hkwd-blockcontent h4 a, .hkwd-blockcontent h4 a:link, .hkwd-blockcontent h4 a:hover, .hkwd-blockcontent h4 a:visited 
{
   font-size: 16px;
   font-family: 'Arial Black', Arial, Helvetica, Sans-Serif;
   text-align: center;
}

.hkwd-postcontent h5
{
   color: #103D18;
   margin-top: 26px;
   margin-bottom: 26px;
   font-size: 13px;
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.hkwd-blockcontent h5
{
   margin-top: 26px;
   margin-bottom: 26px;
   font-size: 13px;
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.hkwd-postcontent h5 a, .hkwd-postcontent h5 a:link, .hkwd-postcontent h5 a:hover, .hkwd-postcontent h5 a:visited, .hkwd-blockcontent h5 a, .hkwd-blockcontent h5 a:link, .hkwd-blockcontent h5 a:hover, .hkwd-blockcontent h5 a:visited 
{
   font-size: 13px;
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.hkwd-postcontent h6
{
   color: #27963B;
   margin-top: 35px;
   margin-bottom: 35px;
   font-size: 11px;
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.hkwd-blockcontent h6
{
   margin-top: 35px;
   margin-bottom: 35px;
   font-size: 11px;
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.hkwd-postcontent h6 a, .hkwd-postcontent h6 a:link, .hkwd-postcontent h6 a:hover, .hkwd-postcontent h6 a:visited, .hkwd-blockcontent h6 a, .hkwd-blockcontent h6 a:link, .hkwd-blockcontent h6 a:hover, .hkwd-blockcontent h6 a:visited 
{
   font-size: 11px;
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

header, footer, article, nav, #hkwd-hmenu-bg, .hkwd-sheet, .hkwd-hmenu a, .hkwd-vmenu a, .hkwd-slidenavigator > a, .hkwd-checkbox:before, .hkwd-radiobutton:before
{
   -webkit-background-origin: border !important;
   -moz-background-origin: border !important;
   background-origin: border-box !important;
}

header, footer, article, nav, #hkwd-hmenu-bg, .hkwd-sheet, .hkwd-slidenavigator > a, .hkwd-checkbox:before, .hkwd-radiobutton:before
{
   display: block;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

ul
{
   list-style-type: none;
}

ol
{
   list-style-position: inside;
}

html, body
{
   height: 100%;
}

body
{
   padding: 0;
   margin:0;
   min-width: 1000px;
   color: #233F0E;
}

.hkwd-header:before, #hkwd-header-bg:before, .hkwd-layout-cell:before, .hkwd-layout-wrapper:before, .hkwd-footer:before, .hkwd-nav:before, #hkwd-hmenu-bg:before, .hkwd-sheet:before
{
   width: 100%;
   content: " ";
   display: table;
}
.hkwd-header:after, #hkwd-header-bg:after, .hkwd-layout-cell:after, .hkwd-layout-wrapper:after, .hkwd-footer:after, .hkwd-nav:after, #hkwd-hmenu-bg:after, .hkwd-sheet:after,
.cleared, .clearfix:after {
   clear: both;
   font: 0/0 serif;
   display: block;
   content: " ";
}

form
{
   padding: 0 !important;
   margin: 0 !important;
}

table.position
{
   position: relative;
   width: 100%;
   table-layout: fixed;
}

li h1, .hkwd-postcontent li h1, .hkwd-blockcontent li h1 
{
   margin:1px;
} 
li h2, .hkwd-postcontent li h2, .hkwd-blockcontent li h2 
{
   margin:1px;
} 
li h3, .hkwd-postcontent li h3, .hkwd-blockcontent li h3 
{
   margin:1px;
} 
li h4, .hkwd-postcontent li h4, .hkwd-blockcontent li h4 
{
   margin:1px;
} 
li h5, .hkwd-postcontent li h5, .hkwd-blockcontent li h5 
{
   margin:1px;
} 
li h6, .hkwd-postcontent li h6, .hkwd-blockcontent li h6 
{
   margin:1px;
} 
li p, .hkwd-postcontent li p, .hkwd-blockcontent li p 
{
   margin:1px;
}


.hkwd-shapes
{
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   overflow: hidden;
   z-index: 0;
}

.hkwd-slider-inner {
   position: relative;
   overflow: hidden;
   width: 100%;
   height: 100%;
}

.hkwd-slidenavigator > a {
   display: inline-block;
   vertical-align: middle;
   outline-style: none;
   font-size: 1px;
}

.hkwd-slidenavigator > a:last-child {
   margin-right: 0 !important;
}

.hkwd-object932258234
{
    display: block;
    left: 4.38%;
    margin-left: -15px;
    position: absolute;
    top: 51px;
    width: 214px;
    height: 127px;
    background-image: url('images/object932258234.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    z-index: 1;
}
.hkwd-headline
{
  display: inline-block;
  position: absolute;
  min-width: 50px;
  top: 60px;
  left: 60.38%;
  line-height: 100%;
  margin-left: -347px !important;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  z-index: 101;
}

.hkwd-headline, 
.hkwd-headline a, 
.hkwd-headline a:link, 
.hkwd-headline a:visited, 
.hkwd-headline a:hover
{
font-size: 61.5px;
font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
font-weight: bold;
font-style: normal;
text-decoration: none;
text-shadow: 0.7px 0.7px 0px rgba(153, 153, 153, 0.8), 1.4px 1.4px 0px rgba(140, 140, 140, 0.8), 2.1px 2.1px 1px rgba(122, 122, 122, 0.5), 2.8px 2.8px 0px rgba(107, 107, 107, 0.5), 3.5px 3.5px 0px rgba(92, 92, 92, 0.48);
  padding: 0;
  margin: 0;
  color: #B6BFC9 !important;
  white-space: nowrap;
}
.hkwd-slogan
{
  display: inline-block;
  position: absolute;
  min-width: 50px;
  top: 138px;
  left: 86.39%;
  line-height: 100%;
  margin-left: -609px !important;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
  z-index: 102;
  white-space: nowrap;
}

.hkwd-slogan, 
.hkwd-slogan a, 
.hkwd-slogan a:link, 
.hkwd-slogan a:visited, 
.hkwd-slogan a:hover
{
font-size: 36px;
font-family: 'Lucida Sans Unicode', 'Lucida Grande', Arial, Helvetica, Sans-Serif;
font-weight: bold;
font-style: normal;
text-decoration: none;
text-shadow: 1px 0px 0px rgb(23, 23, 23), 1px 0px 0px rgb(23, 23, 23), 0px -1px 0px rgb(23, 23, 23), 0px 1px 0px rgb(23, 23, 23), 0px 0px 10px rgba(0, 0, 0, 0.99);
  padding: 0;
  margin: 0;
  color: #FFFFFF !important;
}






.hkwd-header
{
   border:1px solid transparent;
   margin:0 auto;
   position:relative;
   height: 250px;
   background-image: url('images/header.jpg');
   background-position: center top;
   background-repeat: no-repeat;
}

.responsive .hkwd-header 
{
   background-image: url('images/header.jpg');
   background-position: center center;
}

.hkwd-header-inner{
   position: relative;
   width: 1000px;
   z-index: auto !important;
   margin: 0 auto;
}

.hkwd-header>.widget 
{
   position:absolute;
   z-index:101;
}

.hkwd-nav
{
   background: #85D747;
   background: transparent;
   border-bottom:1px solid #1F7A30;
   padding:12px 6px 0;
   position: absolute;
   margin: 0;
   bottom:     0;
   width: 100%;
   z-index: 100;
}

ul.hkwd-hmenu a, ul.hkwd-hmenu a:link, ul.hkwd-hmenu a:visited, ul.hkwd-hmenu a:hover 
{
   outline: none;
   position: relative;
   z-index: 11;
}

ul.hkwd-hmenu, ul.hkwd-hmenu ul
{
   display: block;
   margin: 0;
   padding: 0;
   border: 0;
   list-style-type: none;
}

ul.hkwd-hmenu li
{
   position: relative;
   z-index: 5;
   display: block;
   float: left;
   background: none;
   margin: 0;
   padding: 0;
   border: 0;
}

ul.hkwd-hmenu li:hover
{
   z-index: 10000;
   white-space: normal;
}

ul.hkwd-hmenu:after, ul.hkwd-hmenu ul:after
{
   content: ".";
   height: 0;
   display: block;
   visibility: hidden;
   overflow: hidden;
   clear: both;
}

ul.hkwd-hmenu, ul.hkwd-hmenu ul 
{
   min-height: 0;
}

ul.hkwd-hmenu 
{
   display: inline-block;
   vertical-align: bottom;
   padding-left: 11px;
   padding-right: 11px;
}

.hkwd-nav-inner:before 
{
   content:' ';
}

nav.hkwd-nav
{
   border-top-left-radius: 0;
   border-top-right-radius: 0;
}

.hkwd-nav-inner{
   text-align: left;
   margin:0 auto;
}

.desktop  .hkwd-nav-inner{
   width: 1000px;
   padding-left: 11px;
   padding-right: 11px;
}

.desktop .hkwd-nav
{
   padding-left: 0;
   padding-right: 0;
}

.hkwd-hmenu-extra1
{
   position: relative;
   display: block;
   float: left;
   width: auto;
   height: auto;
   background-position: center;
}

.hkwd-hmenu-extra2
{
   position: relative;
   display: block;
   float: right;
   width: auto;
   height: auto;
   background-position: center;
}

.hkwd-hmenu
{
   float: left;
}

.hkwd-menuitemcontainer
{
   margin:0 auto;
}
ul.hkwd-hmenu>li {
   margin-left: 6px;
}
ul.hkwd-hmenu>li:first-child {
   margin-left: 3px;
}
ul.hkwd-hmenu>li:last-child, ul.hkwd-hmenu>li.last-child {
   margin-right: 3px;
}

ul.hkwd-hmenu>li>a
{
   background: #D7EAD7;
   background: linear-gradient(top, #FCFDFC 0, #AFD4AF 100%) no-repeat;
   background: -webkit-linear-gradient(top, #FCFDFC 0, #AFD4AF 100%) no-repeat;
   background: -moz-linear-gradient(top, #FCFDFC 0, #AFD4AF 100%) no-repeat;
   background: -o-linear-gradient(top, #FCFDFC 0, #AFD4AF 100%) no-repeat;
   background: -ms-linear-gradient(top, #FCFDFC 0, #AFD4AF 100%) no-repeat;
   background: linear-gradient(top, #FCFDFC 0, #AFD4AF 100%) no-repeat;
   -svg-background: linear-gradient(top, #FCFDFC 0, #AFD4AF 100%) no-repeat;
   -webkit-border-radius:2px 2px 0 0;
   -moz-border-radius:2px 2px 0 0;
   border-radius:2px 2px 0 0;
   border:1px solid #599F23;
   border-bottom:none;
   padding:0 8px;
   margin:0 auto;
   position: relative;
   display: block;
   height: 27px;
   cursor: pointer;
   text-decoration: none;
   color: #155120;
   line-height: 27px;
   text-align: center;
}

.hkwd-hmenu>li>a, 
.hkwd-hmenu>li>a:link, 
.hkwd-hmenu>li>a:visited, 
.hkwd-hmenu>li>a.active, 
.hkwd-hmenu>li>a:hover
{
   font-size: 16px;
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   text-align: left;
}

ul.hkwd-hmenu>li>a.active
{
   background: #F3BE20;
   background: linear-gradient(top, #F6CD51 0, #F2B90D 70%, #D5A30B 100%) no-repeat;
   background: -webkit-linear-gradient(top, #F6CD51 0, #F2B90D 70%, #D5A30B 100%) no-repeat;
   background: -moz-linear-gradient(top, #F6CD51 0, #F2B90D 70%, #D5A30B 100%) no-repeat;
   background: -o-linear-gradient(top, #F6CD51 0, #F2B90D 70%, #D5A30B 100%) no-repeat;
   background: -ms-linear-gradient(top, #F6CD51 0, #F2B90D 70%, #D5A30B 100%) no-repeat;
   background: linear-gradient(top, #F6CD51 0, #F2B90D 70%, #D5A30B 100%) no-repeat;
   -svg-background: linear-gradient(top, #F6CD51 0, #F2B90D 70%, #D5A30B 100%) no-repeat;
   -webkit-border-radius:2px 2px 0 0;
   -moz-border-radius:2px 2px 0 0;
   border-radius:2px 2px 0 0;
   border:1px solid #1F7A30;
   border-bottom:none;
   padding:0 8px;
   margin:0 auto;
   color: #103D18;
   padding-bottom: 1px;
   margin-bottom: -1px;
   text-decoration: none;
}

ul.hkwd-hmenu>li>a:visited, 
ul.hkwd-hmenu>li>a:hover, 
ul.hkwd-hmenu>li:hover>a {
   text-decoration: none;
}

ul.hkwd-hmenu>li>a:hover, .desktop ul.hkwd-hmenu>li:hover>a
{
   background: #9EDF6D;
   background: linear-gradient(top, #BAE896 0, #80D53F 100%) no-repeat;
   background: -webkit-linear-gradient(top, #BAE896 0, #80D53F 100%) no-repeat;
   background: -moz-linear-gradient(top, #BAE896 0, #80D53F 100%) no-repeat;
   background: -o-linear-gradient(top, #BAE896 0, #80D53F 100%) no-repeat;
   background: -ms-linear-gradient(top, #BAE896 0, #80D53F 100%) no-repeat;
   background: linear-gradient(top, #BAE896 0, #80D53F 100%) no-repeat;
   -svg-background: linear-gradient(top, #BAE896 0, #80D53F 100%) no-repeat;
   -webkit-border-radius:2px 2px 0 0;
   -moz-border-radius:2px 2px 0 0;
   border-radius:2px 2px 0 0;
   border:1px solid #6EC52B;
   border-bottom:none;
   padding:0 8px;
   margin:0 auto;
}
ul.hkwd-hmenu>li>a:hover, 
.desktop ul.hkwd-hmenu>li:hover>a {
   color: #25430F;
   text-decoration: none;
}
ul.hkwd-hmenu>li>a.active:hover {
   padding-bottom: 0;
   margin-bottom: 0;
}

ul.hkwd-hmenu li li a
{
   background: #B7E792;
   border:1px solid #9EDF6D;
   padding:0 12px;
   margin:0 auto;
}
ul.hkwd-hmenu li li 
{
   float: none;
   width: auto;
   margin-top: 0;
   margin-bottom: 0;
}

.desktop ul.hkwd-hmenu li li ul>li:first-child 
{
   margin-top: 0;
}

ul.hkwd-hmenu li li ul>li:last-child 
{
   margin-bottom: 0;
}

.hkwd-hmenu ul a
{
   display: block;
   white-space: nowrap;
   height: 29px;
   min-width: 7em;
   border: 1px solid transparent;
   text-align: left;
   line-height: 29px;
   color: #0F3916;
   font-size: 12px;
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   margin:0;
}

.hkwd-hmenu li li a 
{
   border-top-width: 0 !important;
}
.hkwd-hmenu li li:hover>a 
{
   border-top-width: 1px !important;
}
.hkwd-hmenu ul>li:first-child>a 
{
   border-top-width: 1px !important;
}

.hkwd-hmenu ul a:link, 
.hkwd-hmenu ul a:visited, 
.hkwd-hmenu ul a.active, 
.hkwd-hmenu ul a:hover
{
   text-align: left;
   line-height: 29px;
   color: #0F3916;
   font-size: 12px;
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   margin:0;
}

ul.hkwd-hmenu ul li a:hover, .desktop ul.hkwd-hmenu ul li:hover>a
{
   background: #B3D6B3;
   border:1px solid #9CC99C;
   margin:0 auto;
}
.hkwd-hmenu ul a:hover
{
   color: #000000;
}

.hkwd-hmenu ul li a.hkwd-hmenu-before-hovered 
{
   border-bottom-width: 0 !important;
}

.desktop .hkwd-hmenu ul li:hover>a
{
   color: #000000;
}

ul.hkwd-hmenu ul:before
{
   background: #81BB81;
   margin:0 auto;
   display: block;
   position: absolute;
   content: ' ';
   z-index: 1;
}
.desktop ul.hkwd-hmenu li:hover>ul {
   visibility: visible;
   top: 100%;
}
.desktop ul.hkwd-hmenu li li:hover>ul {
   top: 0;
   left: 100%;
}

ul.hkwd-hmenu ul
{
   visibility: hidden;
   position: absolute;
   z-index: 10;
   left: 0;
   top: 0;
   background-image: url('images/spacer.gif');
}

.desktop ul.hkwd-hmenu>li>ul
{
   padding: 10px 30px 30px 30px;
   margin: -10px 0 0 -30px;
}

.desktop ul.hkwd-hmenu ul ul
{
   padding: 30px 30px 30px 10px;
   margin: -30px 0 0 -10px;
}

.desktop ul.hkwd-hmenu ul.hkwd-hmenu-left-to-right 
{
   right: auto;
   left: 0;
   margin: -10px 0 0 -30px;
}

.desktop ul.hkwd-hmenu ul.hkwd-hmenu-right-to-left 
{
   left: auto;
   right: 0;
   margin: -10px -30px 0 0;
}

.desktop ul.hkwd-hmenu li li:hover>ul.hkwd-hmenu-left-to-right {
   right: auto;
   left: 100%;
}
.desktop ul.hkwd-hmenu li li:hover>ul.hkwd-hmenu-right-to-left {
   left: auto;
   right: 100%;
}

.desktop ul.hkwd-hmenu ul ul.hkwd-hmenu-left-to-right
{
   right: auto;
   left: 0;
   padding: 30px 30px 30px 10px;
   margin: -30px 0 0 -10px;
}

.desktop ul.hkwd-hmenu ul ul.hkwd-hmenu-right-to-left
{
   left: auto;
   right: 0;
   padding: 30px 10px 30px 30px;
   margin: -30px -10px 0 0;
}

.desktop ul.hkwd-hmenu li ul>li:first-child {
   margin-top: 0;
}
.desktop ul.hkwd-hmenu li ul>li:last-child {
   margin-bottom: 0;
}

.desktop ul.hkwd-hmenu ul ul:before
{
   border-radius: 0;
   top: 30px;
   bottom: 30px;
   right: 30px;
   left: 10px;
}

.desktop ul.hkwd-hmenu>li>ul:before
{
   top: 10px;
   right: 30px;
   bottom: 30px;
   left: 30px;
}

.desktop ul.hkwd-hmenu>li>ul.hkwd-hmenu-left-to-right:before {
   right: 30px;
   left: 30px;
}
.desktop ul.hkwd-hmenu>li>ul.hkwd-hmenu-right-to-left:before {
   right: 30px;
   left: 30px;
}
.desktop ul.hkwd-hmenu ul ul.hkwd-hmenu-left-to-right:before {
   right: 30px;
   left: 10px;
}
.desktop ul.hkwd-hmenu ul ul.hkwd-hmenu-right-to-left:before {
   right: 10px;
   left: 30px;
}

.hkwd-sheet
{
   background: #FFFFFF;
   background: transparent;
   -webkit-border-radius:20px 20px 0 0;
   -moz-border-radius:20px 20px 0 0;
   border-radius:20px 20px 0 0;
   border:1px solid transparent;
   border-bottom:none;
   padding:5px;
   margin:30px auto 0;
   position:relative;
   cursor:auto;
   width: 1000px;
   z-index: auto !important;
}

.hkwd-layout-wrapper
{
   position: relative;
   margin: 0 auto 0 auto;
   z-index: auto !important;
}

.hkwd-content-layout
{
   display: table;
   width: 100%;
   table-layout: fixed;
}

.hkwd-content-layout-row 
{
   display: table-row;
}

.hkwd-layout-cell
{
   display: table-cell;
   vertical-align: top;
}

/* need only for content layout in post content */ 
.hkwd-postcontent .hkwd-content-layout
{
   border-collapse: collapse;
}

.hkwd-breadcrumbs
{
   margin:0 auto;
}

a.hkwd-button,
a.hkwd-button:link,
a:link.hkwd-button:link,
body a.hkwd-button:link,
a.hkwd-button:visited,
body a.hkwd-button:visited,
input.hkwd-button,
button.hkwd-button
{
   text-decoration: none;
   font-size: 13px;
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   position:relative;
   display: inline-block;
   vertical-align: middle;
   white-space: nowrap;
   text-align: center;
   color: #C6F0CE;
   margin: 0 5px 0 0 !important;
   overflow: visible;
   cursor: pointer;
   text-indent: 0;
   line-height: 30px;
   -webkit-box-sizing: content-box;
   -moz-box-sizing: content-box;
   box-sizing: content-box;
}

.hkwd-button img
{
   margin: 0;
   vertical-align: middle;
}

.firefox2 .hkwd-button
{
   display: block;
   float: left;
}

input, select, textarea, a.hkwd-search-button span
{
   vertical-align: middle;
   font-size: 13px;
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.hkwd-block select 
{
   width:96%;
}

input.hkwd-button
{
   float: none !important;
}

.hkwd-button.active, .hkwd-button.active:hover
{
   background: #F3BE20;
   background: linear-gradient(top, #D5A30B 0, #F2B90D 30%, #F6CD51 100%) no-repeat;
   background: -webkit-linear-gradient(top, #D5A30B 0, #F2B90D 30%, #F6CD51 100%) no-repeat;
   background: -moz-linear-gradient(top, #D5A30B 0, #F2B90D 30%, #F6CD51 100%) no-repeat;
   background: -o-linear-gradient(top, #D5A30B 0, #F2B90D 30%, #F6CD51 100%) no-repeat;
   background: -ms-linear-gradient(top, #D5A30B 0, #F2B90D 30%, #F6CD51 100%) no-repeat;
   background: linear-gradient(top, #D5A30B 0, #F2B90D 30%, #F6CD51 100%) no-repeat;
   -svg-background: linear-gradient(top, #D5A30B 0, #F2B90D 30%, #F6CD51 100%) no-repeat;
   -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.2);
   -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.2);
   box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.2);
   border:1px solid #81BB81;
   padding:0 20px;
   margin:0 auto;
}
.hkwd-button.active, .hkwd-button.active:hover {
   color: #070D03 !important;
}

.hkwd-button.hover, .hkwd-button:hover
{
   background: #599F23;
   background: linear-gradient(top, #3F7119 0, #70C92C 100%) no-repeat;
   background: -webkit-linear-gradient(top, #3F7119 0, #70C92C 100%) no-repeat;
   background: -moz-linear-gradient(top, #3F7119 0, #70C92C 100%) no-repeat;
   background: -o-linear-gradient(top, #3F7119 0, #70C92C 100%) no-repeat;
   background: -ms-linear-gradient(top, #3F7119 0, #70C92C 100%) no-repeat;
   background: linear-gradient(top, #3F7119 0, #70C92C 100%) no-repeat;
   -svg-background: linear-gradient(top, #3F7119 0, #70C92C 100%) no-repeat;
   -webkit-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.2);
   -moz-box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.2);
   box-shadow:0 0 2px 1px rgba(0, 0, 0, 0.2);
   border:1px solid #6AAF6A;
   padding:0 20px;
   margin:0 auto;
}
.hkwd-button.hover, .hkwd-button:hover {
   color: #D1E6D1 !important;
}

input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea
{
   background: #F9FAFB;
   border:1px solid rgba(158, 223, 109, 0.2);
   margin:0 auto;
}
input[type="text"], input[type="password"], input[type="email"], input[type="url"], textarea
{
   width: auto;
   padding: 8px 0;
   color: #386416 !important;
   font-size: 13px;
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   text-shadow: none;
}
input.hkwd-error, textarea.hkwd-error
{
   background: #F9FAFB;
   border:1px solid #E2341D;
   margin:0 auto;
}
input.hkwd-error, textarea.hkwd-error {
   color: #386416 !important;
   font-size: 13px;
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}
form.hkwd-search input[type="text"]
{
   background: #F9FAFB;
   border-radius: 0;
   border:1px solid #CCD6E0;
   margin:0 auto;
   width: 100%;
   padding: 0 0;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
   color: #386416 !important;
   font-size: 13px;
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}
form.hkwd-search 
{
   background-image: none;
   border: 0;
   display:block;
   position:relative;
   top:0;
   padding:0;
   margin:5px;
   left:0;
   line-height: 0;
}

form.hkwd-search input, a.hkwd-search-button
{
   top:0;
   right:0;
}

form.hkwd-search>input, a.hkwd-search-button{
   bottom:0;
   left:0;
   vertical-align: middle;
}

form.hkwd-search input[type="submit"], input.hkwd-search-button, a.hkwd-search-button
{
   background: #B3D6B3;
   -webkit-border-radius:0 -1px -1px 0;
   -moz-border-radius:0 -1px -1px 0;
   border-radius:0 -1px -1px 0;
   margin:0 auto;
}
form.hkwd-search input[type="submit"], input.hkwd-search-button, a.hkwd-search-button {
   position:absolute;
   left:auto;
   display:block;
   border: 0;
   top: 1px;
   bottom: 1px;
   right: 	1px;
   padding:0 6px;
   color: #3E743E !important;
   font-size: 13px;
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   cursor: pointer;
}

a.hkwd-search-button span.hkwd-search-button-text, a.hkwd-search-button:after {
   vertical-align:middle;
}

a.hkwd-search-button:after {
   display:inline-block;
   content:' ';
   height: 100%;
}

a.hkwd-search-button, a.hkwd-search-button span,
a.hkwd-search-button:visited, a.hkwd-search-button.visited,
a.hkwd-search-button:hover, a.hkwd-search-button.hover 
{
   text-decoration: none;
   font-size: 13px;
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
}

label.hkwd-checkbox:before
{
   background: #F9FAFB;
   -webkit-border-radius:1px;
   -moz-border-radius:1px;
   border-radius:1px;
   border-width: 0;
   margin:0 auto;
   width:16px;
   height:16px;
}
label.hkwd-checkbox
{
   cursor: pointer;
   font-size: 13px;
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   line-height: 16px;
   display: inline-block;
   color: #366015 !important;
}

.hkwd-checkbox>input[type="checkbox"]
{
   margin: 0 5px 0 0;
}

label.hkwd-checkbox.active:before
{
   background: #96E4A4;
   -webkit-border-radius:1px;
   -moz-border-radius:1px;
   border-radius:1px;
   border-width: 0;
   margin:0 auto;
   width:16px;
   height:16px;
   display: inline-block;
}

label.hkwd-checkbox.hovered:before
{
   background: #D2F3D8;
   -webkit-border-radius:1px;
   -moz-border-radius:1px;
   border-radius:1px;
   border-width: 0;
   margin:0 auto;
   width:16px;
   height:16px;
   display: inline-block;
}

label.hkwd-radiobutton:before
{
   background: #F9FAFB;
   -webkit-border-radius:3px;
   -moz-border-radius:3px;
   border-radius:3px;
   border-width: 0;
   margin:0 auto;
   width:12px;
   height:12px;
}
label.hkwd-radiobutton
{
   cursor: pointer;
   font-size: 13px;
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: normal;
   line-height: 12px;
   display: inline-block;
   color: #366015 !important;
}

.hkwd-radiobutton>input[type="radio"]
{
   vertical-align: baseline;
   margin: 0 5px 0 0;
}

label.hkwd-radiobutton.active:before
{
   background: #96E4A4;
   -webkit-border-radius:3px;
   -moz-border-radius:3px;
   border-radius:3px;
   border-width: 0;
   margin:0 auto;
   width:12px;
   height:12px;
   display: inline-block;
}

label.hkwd-radiobutton.hovered:before
{
   background: #D2F3D8;
   -webkit-border-radius:3px;
   -moz-border-radius:3px;
   border-radius:3px;
   border-width: 0;
   margin:0 auto;
   width:12px;
   height:12px;
   display: inline-block;
}

.hkwd-comments
{
   border-top:1px dotted #69D87D;
   margin:0 auto;
   margin-top: 25px;
}

.hkwd-comments h2
{
   color: #103D18;
}

.hkwd-comment-inner
{
   background: #E2E8EE;
   background: transparent;
   -webkit-border-radius:2px;
   -moz-border-radius:2px;
   border-radius:2px;
   padding:5px;
   margin:0 auto;
   margin-left: 94px;
}
.hkwd-comment-avatar 
{
   float:left;
   width:80px;
   height:80px;
   padding:1px;
   background:#fff;
   border:1px solid #E2E8EE;
}

.hkwd-comment-avatar>img
{
   margin:0 !important;
   border:none !important;
}

.hkwd-comment-content
{
   padding:10px 0;
   color: #294C29;
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.hkwd-comment
{
   margin-top: 6px;
}

.hkwd-comment:first-child
{
   margin-top: 0;
}

.hkwd-comment-header
{
   color: #103D18;
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   line-height: 100%;
}

.hkwd-comment-header a, 
.hkwd-comment-header a:link, 
.hkwd-comment-header a:visited,
.hkwd-comment-header a.visited,
.hkwd-comment-header a:hover,
.hkwd-comment-header a.hovered
{
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   line-height: 100%;
}

.hkwd-comment-header a, .hkwd-comment-header a:link
{
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #33C74E;
}

.hkwd-comment-header a:visited, .hkwd-comment-header a.visited
{
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #33C74E;
}

.hkwd-comment-header a:hover,  .hkwd-comment-header a.hovered
{
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #33C74E;
}

.hkwd-comment-content a, 
.hkwd-comment-content a:link, 
.hkwd-comment-content a:visited,
.hkwd-comment-content a.visited,
.hkwd-comment-content a:hover,
.hkwd-comment-content a.hovered
{
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.hkwd-comment-content a, .hkwd-comment-content a:link
{
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #599F23;
}

.hkwd-comment-content a:visited, .hkwd-comment-content a.visited
{
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #366336;
}

.hkwd-comment-content a:hover,  .hkwd-comment-content a.hovered
{
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #599F23;
}

.hkwd-pager
{
   background: #EFF2F5;
   background: linear-gradient(top, #FFFFFF 0, #93A8BE 100%) no-repeat;
   background: -webkit-linear-gradient(top, #FFFFFF 0, #93A8BE 100%) no-repeat;
   background: -moz-linear-gradient(top, #FFFFFF 0, #93A8BE 100%) no-repeat;
   background: -o-linear-gradient(top, #FFFFFF 0, #93A8BE 100%) no-repeat;
   background: -ms-linear-gradient(top, #FFFFFF 0, #93A8BE 100%) no-repeat;
   background: linear-gradient(top, #FFFFFF 0, #93A8BE 100%) no-repeat;
   -svg-background: linear-gradient(top, #FFFFFF 0, #93A8BE 100%) no-repeat;
   -webkit-border-radius:2px;
   -moz-border-radius:2px;
   border-radius:2px;
   border:1px solid #69D87D;
   padding:5px;
}

.hkwd-pager>*:last-child
{
   margin-right:0 !important;
}

.hkwd-pager>span {
   cursor:default;
}

.hkwd-pager>*
{
   background: #D2F3D8;
   background: linear-gradient(top, #FFFFFF 0, #79DC8B 100%) no-repeat;
   background: -webkit-linear-gradient(top, #FFFFFF 0, #79DC8B 100%) no-repeat;
   background: -moz-linear-gradient(top, #FFFFFF 0, #79DC8B 100%) no-repeat;
   background: -o-linear-gradient(top, #FFFFFF 0, #79DC8B 100%) no-repeat;
   background: -ms-linear-gradient(top, #FFFFFF 0, #79DC8B 100%) no-repeat;
   background: linear-gradient(top, #FFFFFF 0, #79DC8B 100%) no-repeat;
   -svg-background: linear-gradient(top, #FFFFFF 0, #79DC8B 100%) no-repeat;
   -webkit-border-radius:2px;
   -moz-border-radius:2px;
   border-radius:2px;
   border:1px solid #D2F3D8;
   padding:7px;
   margin:0 4px 0 auto;
   line-height: normal;
   position:relative;
   display:inline-block;
   margin-left: 0;
}

.hkwd-pager a:link,
.hkwd-pager a:visited,
.hkwd-pager .active
{
   line-height: normal;
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   color: #0E3515
;
}

.hkwd-pager .active
{
   background: #B6BFC9;
   background: linear-gradient(top, #E5E8EB 0, #8796A6 100%) no-repeat;
   background: -webkit-linear-gradient(top, #E5E8EB 0, #8796A6 100%) no-repeat;
   background: -moz-linear-gradient(top, #E5E8EB 0, #8796A6 100%) no-repeat;
   background: -o-linear-gradient(top, #E5E8EB 0, #8796A6 100%) no-repeat;
   background: -ms-linear-gradient(top, #E5E8EB 0, #8796A6 100%) no-repeat;
   background: linear-gradient(top, #E5E8EB 0, #8796A6 100%) no-repeat;
   -svg-background: linear-gradient(top, #E5E8EB 0, #8796A6 100%) no-repeat;
   border:1px solid #D2F3D8;
   padding:7px;
   margin:0 4px 0 auto;
   color: #FFFFFF
;
}

.hkwd-pager .more
{
   background: #D2F3D8;
   background: linear-gradient(top, #FFFFFF 0, #79DC8B 100%) no-repeat;
   background: -webkit-linear-gradient(top, #FFFFFF 0, #79DC8B 100%) no-repeat;
   background: -moz-linear-gradient(top, #FFFFFF 0, #79DC8B 100%) no-repeat;
   background: -o-linear-gradient(top, #FFFFFF 0, #79DC8B 100%) no-repeat;
   background: -ms-linear-gradient(top, #FFFFFF 0, #79DC8B 100%) no-repeat;
   background: linear-gradient(top, #FFFFFF 0, #79DC8B 100%) no-repeat;
   -svg-background: linear-gradient(top, #FFFFFF 0, #79DC8B 100%) no-repeat;
   border:1px solid #D2F3D8;
   margin:0 4px 0 auto;
}
.hkwd-pager a.more:link,
.hkwd-pager a.more:visited
{
   color: #1E360C
;
}
.hkwd-pager a:hover
{
   background: #96E4A4;
   background: linear-gradient(top, #D6F5DC 0, #55D36C 100%) no-repeat;
   background: -webkit-linear-gradient(top, #D6F5DC 0, #55D36C 100%) no-repeat;
   background: -moz-linear-gradient(top, #D6F5DC 0, #55D36C 100%) no-repeat;
   background: -o-linear-gradient(top, #D6F5DC 0, #55D36C 100%) no-repeat;
   background: -ms-linear-gradient(top, #D6F5DC 0, #55D36C 100%) no-repeat;
   background: linear-gradient(top, #D6F5DC 0, #55D36C 100%) no-repeat;
   -svg-background: linear-gradient(top, #D6F5DC 0, #55D36C 100%) no-repeat;
   border:1px solid #D2F3D8;
   padding:7px;
   margin:0 4px 0 auto;
}
.hkwd-pager  a:hover,
.hkwd-pager  a.more:hover
{
   color: #0F3916
;
}
.hkwd-pager>*:after
{
   margin:0 0 0 auto;
   display:inline-block;
   position:absolute;
   content: ' ';
   top:0;
   width:0;
   height:100%;
   right: 0;
   text-decoration:none;
}

.hkwd-pager>*:last-child:after{
   display:none;
}

.hkwd-commentsform
{
   background: #E2E8EE;
   background: transparent;
   padding:10px;
   margin:0 auto;
   margin-top:25px;
   color: #103D18;
}

.hkwd-commentsform h2{
   padding-bottom:10px;
   margin: 0;
   color: #103D18;
}

.hkwd-commentsform label {
   display: inline-block;
   line-height: 25px;
}

.hkwd-commentsform input:not([type=submit]), .hkwd-commentsform textarea {
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   width:100%;
   max-width:100%;
}

.hkwd-commentsform .form-submit
{
   margin-top: 10px;
}
.hkwd-vmenublock
{
   border:1px solid transparent;
}
div.hkwd-vmenublock img
{
   margin: 0;
}

.hkwd-vmenublockcontent
{
   margin:0 auto;
}

ul.hkwd-vmenu, ul.hkwd-vmenu ul
{
   list-style: none;
   display: block;
}

ul.hkwd-vmenu, ul.hkwd-vmenu li
{
   display: block;
   margin: 0;
   padding: 0;
   width: auto;
   line-height: 0;
}

ul.hkwd-vmenu
{
   margin-top: 0;
   margin-bottom: 0;
}

ul.hkwd-vmenu ul
{
   display: none;
   margin: 0;
   padding: 0;
   position: relative;
}

ul.hkwd-vmenu ul.active
{
   display: block;
}

ul.hkwd-vmenu>li>a
{
   background: #81BB81;
   background: linear-gradient(top, #A2CDA2 0, #5DA85D 100%) no-repeat;
   background: -webkit-linear-gradient(top, #A2CDA2 0, #5DA85D 100%) no-repeat;
   background: -moz-linear-gradient(top, #A2CDA2 0, #5DA85D 100%) no-repeat;
   background: -o-linear-gradient(top, #A2CDA2 0, #5DA85D 100%) no-repeat;
   background: -ms-linear-gradient(top, #A2CDA2 0, #5DA85D 100%) no-repeat;
   background: linear-gradient(top, #A2CDA2 0, #5DA85D 100%) no-repeat;
   -svg-background: linear-gradient(top, #A2CDA2 0, #5DA85D 100%) no-repeat;
   border:1px solid transparent;
   padding:0 10px 0 20px;
   margin:0 auto;
   font-size: 16px;
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   color: #2D532D;
   min-height: 30px;
   line-height: 30px;
}
ul.hkwd-vmenu a 
{
   display: block;
   cursor: pointer;
   z-index: 1;
   position:relative;
}

ul.hkwd-vmenu li{
   position:relative;
}

ul.hkwd-vmenu>li
{
   margin-top: 4px;
}
ul.hkwd-vmenu>li>ul
{
   padding: 0;
   margin-top: 4px;
   margin-bottom: 4px;
}
ul.hkwd-vmenu>li:first-child
{
   margin-top:0;
}

ul.hkwd-vmenu>li>a:hover, ul.hkwd-vmenu>li>a.active:hover
{
   background: #96E4A4;
   background: linear-gradient(top, #C2EFCA 0, #69D87D 100%) no-repeat;
   background: -webkit-linear-gradient(top, #C2EFCA 0, #69D87D 100%) no-repeat;
   background: -moz-linear-gradient(top, #C2EFCA 0, #69D87D 100%) no-repeat;
   background: -o-linear-gradient(top, #C2EFCA 0, #69D87D 100%) no-repeat;
   background: -ms-linear-gradient(top, #C2EFCA 0, #69D87D 100%) no-repeat;
   background: linear-gradient(top, #C2EFCA 0, #69D87D 100%) no-repeat;
   -svg-background: linear-gradient(top, #C2EFCA 0, #69D87D 100%) no-repeat;
   border:1px solid #69D87D;
   padding:0 10px 0 20px;
   margin:0 auto;
}

ul.hkwd-vmenu a:hover, ul.hkwd-vmenu a.active:hover 
{
   color: #467D1C;
}

ul.hkwd-vmenu>li>a.active:hover>span.border-top, ul.hkwd-vmenu>li>a.active:hover>span.border-bottom 
{
   background-color: transparent;
}

ul.hkwd-vmenu>li>a.active
{
   background: #85D747;
   background: linear-gradient(top, #A1E071 0, #75D12E 80%, #6BC02A 100%) no-repeat;
   background: -webkit-linear-gradient(top, #A1E071 0, #75D12E 80%, #6BC02A 100%) no-repeat;
   background: -moz-linear-gradient(top, #A1E071 0, #75D12E 80%, #6BC02A 100%) no-repeat;
   background: -o-linear-gradient(top, #A1E071 0, #75D12E 80%, #6BC02A 100%) no-repeat;
   background: -ms-linear-gradient(top, #A1E071 0, #75D12E 80%, #6BC02A 100%) no-repeat;
   background: linear-gradient(top, #A1E071 0, #75D12E 80%, #6BC02A 100%) no-repeat;
   -svg-background: linear-gradient(top, #A1E071 0, #75D12E 80%, #6BC02A 100%) no-repeat;
   border:1px solid #599F23;
   padding:0 10px 0 20px;
   margin:0 auto;
   color: #1F7A30;
}

ul.hkwd-vmenu>li>ul:before
{
   margin:0 auto;
   display: block;
   position: absolute;
   content: ' ';
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
}

ul.hkwd-vmenu li li a
{
   margin:0 auto;
   position: relative;
}
ul.hkwd-vmenu ul li
{
   margin: 0;
   padding: 0;
}
ul.hkwd-vmenu li li{
   position: relative;
   margin-top: 0;
}

ul.hkwd-vmenu ul a
{
   display: block;
   position: relative;
   min-height: 24px;
   overflow: visible;
   padding: 0;
   padding-left: 25px;
   padding-right: 0;
   z-index: 0;
   line-height: 24px;
   color: #569F56;
   font-size: 11px;
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   margin-left: 0;
   margin-right: 0;
}

ul.hkwd-vmenu ul a:visited, ul.hkwd-vmenu ul a.active:hover, ul.hkwd-vmenu ul a:hover, ul.hkwd-vmenu ul a.active
{
   line-height: 24px;
   color: #569F56;
   font-size: 11px;
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   margin-left: 0;
   margin-right: 0;
}

ul.hkwd-vmenu ul ul a
{
   padding-left: 50px;
}
ul.hkwd-vmenu ul ul ul a
{
   padding-left: 75px;
}
ul.hkwd-vmenu ul ul ul ul a
{
   padding-left: 100px;
}
ul.hkwd-vmenu ul ul ul ul ul a
{
   padding-left: 125px;
}

ul.hkwd-vmenu li li a:before
{
   content:url('images/vmenusubitemicon.png');
   margin-right:10px;
   bottom: 1px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
}
.opera ul.hkwd-vmenu li li a:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

ul.hkwd-vmenu ul>li>a:hover, ul.hkwd-vmenu ul>li>a.active:hover
{
   background: #9CC99C;
   margin:0 auto;
}
ul.hkwd-vmenu ul li a:hover, ul.hkwd-vmenu ul li a.active:hover
{
   color: #1A6528;
}

ul.hkwd-vmenu ul a:hover:after
{
   background-position: center ;
}
ul.hkwd-vmenu ul a.active:hover:after
{
   background-position: center ;
}
ul.hkwd-vmenu ul a.active:after
{
   background-position: bottom ;
}

ul.hkwd-vmenu li li a:hover:before
{
   content:url('images/vmenuhoveredsubitemicon.png');
   margin-right:10px;
   bottom: 1px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
}
.opera ul.hkwd-vmenu li li a:hover:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

ul.hkwd-vmenu ul>li>a.active
{
   margin:0 auto;
}
ul.hkwd-vmenu ul a.active, ul.hkwd-vmenu ul a:hover, ul.hkwd-vmenu ul a.active:hover
{
   color: #32C34D;
}

ul.hkwd-vmenu li li a.active:before
{
   content:url('images/vmenuactivesubitemicon.png');
   margin-right:10px;
   bottom: 1px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
}
.opera ul.hkwd-vmenu li li a.active:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.hkwd-block
{
   padding:7px;
   margin:5px;
}
div.hkwd-block img
{
   border: none;
   margin: 0;
}

.hkwd-blockcontent
{
   margin:0 auto;
   color: #233F0E;
   font-size: 13px;
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}
.hkwd-blockcontent table,
.hkwd-blockcontent li, 
.hkwd-blockcontent a,
.hkwd-blockcontent a:link,
.hkwd-blockcontent a:visited,
.hkwd-blockcontent a:hover
{
   color: #233F0E;
   font-size: 13px;
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.hkwd-blockcontent p
{
   margin: 6px 0;
}

.hkwd-blockcontent a, .hkwd-blockcontent a:link
{
   color: #32C34D;
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: underline;
}

.hkwd-blockcontent a:visited, .hkwd-blockcontent a.visited
{
   color: #A6E279;
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
}

.hkwd-blockcontent a:hover, .hkwd-blockcontent a.hover
{
   color: #59D46F;
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
}
.hkwd-block ul>li:before
{
   content:url('images/blockbullets.png');
   margin-right:6px;
   bottom: 2px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
   margin-left: -15px;
}
.opera .hkwd-block ul>li:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.hkwd-block li
{
   font-size: 13px;
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   line-height: 125%;
   color: #467D1C;
}

.hkwd-block ul>li, .hkwd-block ol
{
   padding: 0;
}

.hkwd-block ul>li
{
   padding-left: 15px;
}

a img
{
   border: 0;
}

.hkwd-article img, img.hkwd-article, .hkwd-block img, .hkwd-footer img
{
   margin: 0 0 0 0;
}

.hkwd-metadata-icons img
{
   border: none;
   vertical-align: middle;
   margin: 2px;
}

.hkwd-article table, table.hkwd-article
{
   border-collapse: collapse;
   margin: 1px;
}

.hkwd-post .hkwd-content-layout-br
{
   height: 0;
}

.hkwd-article th, .hkwd-article td
{
   padding: 2px;
   border: solid 1px #B3D6B3;
   vertical-align: top;
   text-align: left;
}

.hkwd-article th
{
   text-align: center;
   vertical-align: middle;
   padding: 7px;
}

pre
{
   overflow: auto;
   padding: 0.1em;
}

.preview-cms-logo
{
   border: 0;
   margin: 1em 1em 0 0;
   float: left;
}

.image-caption-wrapper
{
   padding: 0 0 0 0;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.image-caption-wrapper img
{
   margin: 0 !important;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.image-caption-wrapper div.hkwd-collage
{
   margin: 0 !important;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}

.image-caption-wrapper p
{
   font-size: 80%;
   text-align: right;
   margin: 0;
}

.hkwd-postheader
{
   color: #289A3D;
   margin: 5px 0 5px 5px;
   font-size: 24px;
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.hkwd-postheader a, 
.hkwd-postheader a:link, 
.hkwd-postheader a:visited,
.hkwd-postheader a.visited,
.hkwd-postheader a:hover,
.hkwd-postheader a.hovered
{
   font-size: 24px;
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.hkwd-postheader a, .hkwd-postheader a:link
{
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   text-align: left;
   color: #3CCD57;
}

.hkwd-postheader a:visited, .hkwd-postheader a.visited
{
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   text-align: left;
   color: #7AD336;
}

.hkwd-postheader a:hover,  .hkwd-postheader a.hovered
{
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   text-align: left;
   color: #32C34D;
}

.hkwd-postmetadataheader
{
   background: #EBF4EB;
   background: rgba(235, 244, 235, 0.2);
   margin:0 auto;
   position:relative;
   z-index:1;
   padding: 1px;
   margin-top: 5px;
}

.hkwd-postheadericons,
.hkwd-postheadericons a,
.hkwd-postheadericons a:link,
.hkwd-postheadericons a:visited,
.hkwd-postheadericons a:hover
{
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #294C29;
}

.hkwd-postheadericons
{
   padding: 1px;
}

.hkwd-postheadericons a, .hkwd-postheadericons a:link
{
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   color: #238635;
}

.hkwd-postheadericons a:visited, .hkwd-postheadericons a.visited
{
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: italic;
   text-decoration: none;
   color: #238635;
}

.hkwd-postheadericons a:hover, .hkwd-postheadericons a.hover
{
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   font-weight: normal;
   font-style: italic;
   text-decoration: underline;
   color: #0079DB;
}

.hkwd-postpdficon:before
{
   content:url('images/postpdficon.png');
   margin-right:6px;
   bottom: 2px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
}
.opera .hkwd-postpdficon:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.hkwd-postprinticon:before
{
   content:url('images/postprinticon.png');
   margin-right:6px;
   bottom: 2px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
}
.opera .hkwd-postprinticon:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.hkwd-postemailicon:before
{
   content:url('images/postemailicon.png');
   margin-right:6px;
   bottom: 2px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
}
.opera .hkwd-postemailicon:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.hkwd-postcontent ul>li:before,  .hkwd-post ul>li:before,  .hkwd-textblock ul>li:before
{
   content:url('images/postbullets.png');
   margin-right:6px;
   bottom: 2px;
   position:relative;
   display:inline-block;
   vertical-align:middle;
   font-size:0;
   line-height:0;
}
.opera .hkwd-postcontent ul>li:before, .opera   .hkwd-post ul>li:before, .opera   .hkwd-textblock ul>li:before
{
   /* Vertical-align:middle in Opera doesn't need additional offset */
    bottom: 0;
}

.hkwd-postcontent li, .hkwd-post li, .hkwd-textblock li
{
   font-size: 16px;
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #366015;
   margin: 0 0 0 26px;
}

.hkwd-postcontent ul>li, .hkwd-post ul>li, .hkwd-textblock ul>li, .hkwd-postcontent ol, .hkwd-post ol, .hkwd-textblock ol
{
   padding: 0;
}

.hkwd-postcontent ul>li, .hkwd-post ul>li, .hkwd-textblock ul>li
{
   padding-left: 11px;
}

.hkwd-postcontent ul>li:before,  .hkwd-post ul>li:before,  .hkwd-textblock ul>li:before
{
   margin-left: -11px;
}

.hkwd-postcontent ol, .hkwd-post ol, .hkwd-textblock ol, .hkwd-postcontent ul, .hkwd-post ul, .hkwd-textblock ul
{
   margin: 1em 0 1em 26px;
}

.hkwd-postcontent li ol, .hkwd-post li ol, .hkwd-textblock li ol, .hkwd-postcontent li ul, .hkwd-post li ul, .hkwd-textblock li ul
{
   margin: 0.5em 0 0.5em 26px;
}

.hkwd-postcontent li, .hkwd-post li, .hkwd-textblock li
{
   margin: 0 0 0 0;
}

.hkwd-postcontent ol>li, .hkwd-post ol>li, .hkwd-textblock ol>li
{
   /* overrides overflow for "ul li" and sets the default value */
  overflow: visible;
}

.hkwd-postcontent ul>li, .hkwd-post ul>li, .hkwd-textblock ul>li
{
   /* makes "ul li" not to align behind the image if they are in the same line */
  overflow-x: visible;
   overflow-y: hidden;
}

blockquote
{
   background: #D7EAD7 url('images/postquote.png') no-repeat scroll;
   padding:15px 15px 15px 39px;
   margin:10px 10px 10px 50px;
   color: #2F5412;
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   /* makes block not to align behind the image if they are in the same line */
  overflow: auto;
   clear:both;
}
blockquote a, .hkwd-postcontent blockquote a, .hkwd-blockcontent blockquote a, .hkwd-footer blockquote a,
blockquote a:link, .hkwd-postcontent blockquote a:link, .hkwd-blockcontent blockquote a:link, .hkwd-footer blockquote a:link,
blockquote a:visited, .hkwd-postcontent blockquote a:visited, .hkwd-blockcontent blockquote a:visited, .hkwd-footer blockquote a:visited,
blockquote a:hover, .hkwd-postcontent blockquote a:hover, .hkwd-blockcontent blockquote a:hover, .hkwd-footer blockquote a:hover
{
   color: #2F5412;
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

/* Override native 'p' margins*/
blockquote p,
.hkwd-postcontent blockquote p,
.hkwd-blockcontent blockquote p,
.hkwd-footer blockquote p
{
   margin: 0;
   margin:3px;
}

.hkwd-postfootericons,
.hkwd-postfootericons a,
.hkwd-postfootericons a:link,
.hkwd-postfootericons a:visited,
.hkwd-postfootericons a:hover
{
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   color: #294C29;
}

.hkwd-postfootericons
{
   padding: 1px;
}

.hkwd-postfootericons a, .hkwd-postfootericons a:link
{
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   color: #238635;
}

.hkwd-postfootericons a:visited, .hkwd-postfootericons a.visited
{
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   color: #238635;
}

.hkwd-postfootericons a:hover, .hkwd-postfootericons a.hover
{
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
   color: #2EB246;
}

.hkwd-footer
{
   background: #B3D6B3;
   margin:0 auto;
   position: relative;
   color: #091109;
   font-size: 12px;
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-align: center;
   padding: 0;
}

.hkwd-footer a,
.hkwd-footer a:link,
.hkwd-footer a:visited,
.hkwd-footer a:hover,
.hkwd-footer td, 
.hkwd-footer th,
.hkwd-footer caption
{
   color: #091109;
   font-size: 12px;
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.hkwd-footer p 
{
   padding:0;
   text-align: center;
}

.hkwd-footer a,
.hkwd-footer a:link
{
   color: #1F7A30;
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
}

.hkwd-footer a:visited
{
   color: #467D1C;
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: none;
}

.hkwd-footer a:hover
{
   color: #468146;
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   text-decoration: underline;
}

.hkwd-footer h1
{
   color: #3CCD57;
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.hkwd-footer h2
{
   color: #69D87D;
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.hkwd-footer h3
{
   color: #9EDF6D;
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.hkwd-footer h4
{
   color: #B3D6B3;
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.hkwd-footer h5
{
   color: #B3D6B3;
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.hkwd-footer h6
{
   color: #B3D6B3;
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
}

.hkwd-footer img
{
   border: none;
   margin: 0;
}

.hkwd-footer-inner
{
   margin: 0 auto;
   width:1000px;
   padding:10px;
   padding-right: 15px;
   padding-left: 15px;
}

.hkwd-rss-tag-icon
{
   background:  url('images/footerrssicon.png') no-repeat scroll;
   margin:0 auto;
   min-height:31px;
   min-width:24px;
   display: inline-block;
   text-indent: 27px;
   background-position: left center;
}

.hkwd-rss-tag-icon:empty
{
   vertical-align: middle;
}

.hkwd-facebook-tag-icon
{
   background:  url('images/footerfacebookicon.png') no-repeat scroll;
   margin:0 auto;
   min-height:32px;
   min-width:32px;
   display: inline-block;
   text-indent: 35px;
   background-position: left center;
}

.hkwd-facebook-tag-icon:empty
{
   vertical-align: middle;
}

.hkwd-twitter-tag-icon
{
   background:  url('images/footertwittericon.png') no-repeat scroll;
   margin:0 auto;
   min-height:32px;
   min-width:32px;
   display: inline-block;
   text-indent: 35px;
   background-position: left center;
}

.hkwd-twitter-tag-icon:empty
{
   vertical-align: middle;
}

.hkwd-footer li
{
   font-size: 13px;
   font-family: 微軟正黑體, Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
   line-height: 125%;
   color: #315813;
}

.hkwd-page-footer, 
.hkwd-page-footer a,
.hkwd-page-footer a:link,
.hkwd-page-footer a:visited,
.hkwd-page-footer a:hover
{
   font-family: Arial;
   font-size: 10px;
   letter-spacing: normal;
   word-spacing: normal;
   font-style: normal;
   font-weight: normal;
   text-decoration: underline;
   color: #3A6917;
}

.hkwd-page-footer
{
   position: relative;
   z-index: auto !important;
   padding: 1em;
   text-align: center !important;
   text-decoration: none;
   color: #2D532D;
}

.hkwd-lightbox-wrapper 
{
   background: #333;
   background: rgba(0, 0, 0, .8);
   bottom: 0;
   left: 0;
   padding: 0 100px;
   position: fixed;
   right: 0;
   text-align: center;
   top: 0;
   z-index: 1000000;
}

.hkwd-lightbox,
.hkwd-lightbox-wrapper .hkwd-lightbox-image
{
   cursor: pointer;
}

.hkwd-lightbox-wrapper .hkwd-lightbox-image
{
   border: 6px solid #fff;
   border-radius: 3px;
   display: none;
   max-width: 100%;
   vertical-align: middle;
}

.hkwd-lightbox-wrapper .hkwd-lightbox-image.active
{
   display: inline-block;
}

.hkwd-lightbox-wrapper .lightbox-error
{
   background: #fff;
   border: 1px solid #b4b4b4;
   border-radius: 10px;
   box-shadow: 0 2px 5px #333;
   height: 80px;
   opacity: .95;
   padding: 20px;
   position: fixed;
   width: 300px;
   z-index: 100;
}

.hkwd-lightbox-wrapper .loading
{
   background: #fff url('images/preloader-01.gif') center center no-repeat;
   border: 1px solid #b4b4b4;
   border-radius: 10px;
   box-shadow: 0 2px 5px #333;
   height: 32px;
   opacity: .5;
   padding: 10px;
   position: fixed;
   width: 32px;
   z-index: 10100;
}

.hkwd-lightbox-wrapper .arrow
{
   cursor: pointer;
   height: 100px;
   opacity: .5;
   filter: alpha(opacity=50);
   position: fixed;
   width: 82px;
   z-index: 10003;
}

.hkwd-lightbox-wrapper .arrow.left
{
   left: 9px;
}

.hkwd-lightbox-wrapper .arrow.right
{
   right: 9px;
}

.hkwd-lightbox-wrapper .arrow:hover
{
   opacity: 1;
   filter: alpha(opacity=100);
}

.hkwd-lightbox-wrapper .arrow.disabled 
{
   display: none;
}

.hkwd-lightbox-wrapper .arrow-t, 
.hkwd-lightbox-wrapper .arrow-b
{
   background-color: #fff;
   border-radius: 3px;
   height: 6px;
   left: 26px;
   position: relative;
   width: 30px;
}

.hkwd-lightbox-wrapper .arrow-t
{
   top: 38px;
}

.hkwd-lightbox-wrapper .arrow-b
{
   top: 50px;
}

.hkwd-lightbox-wrapper .close
{
   cursor: pointer;
   height: 22px;
   opacity: .5;
   filter: alpha(opacity=50);
   position: fixed;
   right: 39px;
   top: 30px;
   width: 22px;
   z-index: 10003;
}

.hkwd-lightbox-wrapper .close:hover 
{
   opacity: 1;
   filter: alpha(opacity=100);
}

.hkwd-lightbox-wrapper .close .cw, 
.hkwd-lightbox-wrapper .close .ccw
{
   background-color: #fff;
   border-radius: 3px;
   height: 6px;
   position: absolute;
   left: -4px;
   top: 8px;
   width: 30px;
}

.hkwd-lightbox-wrapper .cw
{
   transform: rotate(45deg);
   -ms-transform: rotate(45deg);
   /* IE 9 */
    -webkit-transform: rotate(45deg);
   /* Safari and Chrome */
    -o-transform: rotate(45deg);
   /* Opera */
    -moz-transform: rotate(45deg);
/* Firefox */}

.hkwd-lightbox-wrapper .ccw
{
   transform: rotate(-45deg);
   -ms-transform: rotate(-45deg);
   /* IE 9 */
    -webkit-transform: rotate(-45deg);
   /* Safari and Chrome */
    -o-transform: rotate(-45deg);
   /* Opera */
    -moz-transform: rotate(-45deg);
/* Firefox */}

.hkwd-lightbox-wrapper .close-alt, 
.hkwd-lightbox-wrapper .arrow-right-alt, 
.hkwd-lightbox-wrapper .arrow-left-alt 
{
   color: #fff;
   display: none;
   font-size: 2.5em;
   line-height: 100%;
}

.ie8 .hkwd-lightbox-wrapper .close-alt, 
.ie8 .hkwd-lightbox-wrapper .arrow-right-alt, 
.ie8 .hkwd-lightbox-wrapper .arrow-left-alt 
{
   display: block;
}

.ie8 .hkwd-lightbox-wrapper .cw, 
.ie8 .hkwd-lightbox-wrapper .ccw 
{
   display: none;
}

.hkwd-content-layout .hkwd-content
{
   margin:0 auto;
}

.hkwd-content-layout .hkwd-sidebar1
{
   background: #D7EAD7;
   background: transparent;
   -webkit-border-radius:0 14px 0 0;
   -moz-border-radius:0 14px 0 0;
   border-radius:0 14px 0 0;
   margin:0 auto;
   width: 225px;
}

/* Begin Additional CSS Styles */

/* End Additional CSS Styles */