@charset "utf-8";
/* CSS Document */
html
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFF;
	margin: 0 auto; padding: 0;	
}
body
{ margin: 0 auto; padding: 0;	}
#wr
{	margin: 0 auto; padding: 0; width: 840px; background-color: #000; }
#con
{	float: left; width: 100%; }
#header
{	float: left; width: 100%; height: 130px; background: url('../i/bg_header.jpg') no-repeat 0 0; }
#header #logo
{	float: left; width: 130px; margin-left: 20px; display: inline; height: 130px; background: url('../i/logo.png') no-repeat 0 0; overflow: hidden; }
#mainmenu
{	float: left; width: 100%; height: 20px; background: url('../i/bg_menu.jpg') no-repeat 0 0; }
#mainmenu #mmenu
{	float: left; list-style:none; line-height: 20px; margin: 0px; padding: 0px; display: inline; margin-left: 125px; font-weight: bold; }
#mainmenu #mmenu li
{	float: left; list-style:none; line-height: 20px; padding: 0 8px;}
#mainmenu #mmenu .now
{line-height: 20px;  background: url('../i/bg_mmac.jpg') repeat-x 0 0; color: #FFF;}
#mainmenu #mmenu li:hover
{	float: left; list-style:none; line-height: 20px; padding: 0 8px; background: url('../i/bg_mmac.jpg') repeat-x 0 0; }
#mainmenu a
{	color: #4595aa; text-decoration: none; }
#mainmenu a:hover 
{	color: #FFF; text-decoration: none;  }
#submenu
{	float: left; width: 100%; height: 33px; padding: 5px 0 0 0; background: #21859e url('../i/bg_gr.png') repeat-x 0 5px; }
#contents
{	float: left; width: 100%; padding: 10px 0 0 0; background-color: #FFF;  }
#contents .lvl
{	float: left; width: 100%; display: inline; overflow: hidden; margin: 0 0; }
#contents .lvl .left
{	float: left; width: 320px; display: inline; margin-right: 25px; }
#contents .lvl .right
{	float: left; width: 495px;  }
#contents #youtube
{	float: left; width: 320px; height: 265px; display: inline; margin-right: 25px; }
#contents #hquote
{	float: left; width: 495px; height: 265px; }
#contents #hquote #rtt, #rbt
{	float: left; width: 495px; height: 132px; }
#contents #hquote #rtop
{	background-color: #21859e; }
#contents #hquote #rbottom
{	background-color: #FFF; }

#latestproduct
{	float: left; width: 100%; height: 160px; }
#latestnews
{	float: left; width: 100%; height: 290px; color: #21859e;   }
#latestnews .stitle, .pnewslist .stitle
{	font-weight: bold; }
#latestnews .stime, .pnewslist .stime
{	font-size: 11px; }
#latestnews .sbody a, .pnewslist a
{	color: #21859e; font-size: 11px;  text-decoration: none; }
#latestnews .sbody a:hover, .pnewslist a:hover
{	color: #000; }

.ptitle
{	float: left; width: 100%; border-bottom: solid 1px #fff; }
.ptitle span
{	float: left; width: 170px; padding-left: 20px; background: url('../i/bg_t.jpg') repeat-x 0 0; line-height: 20px; text-transform:uppercase; color: #21859e; font-weight: bold; }
.pbody
{	float: left; width: 100%; padding: 4px 0; display: inline; margin-top: 5px; background-color: #FFF; }

#slideshow
{ float: left; width: 100%;  }

#latestnewslist
{	float: left; width: 100%; padding: 0px; margin: 0px; list-style: none; }
#latestnewslist li
{	float: left; width: 96%; padding: 5px 2%; }
#latestnewslist .odd
{	background-color: #FFF }
#latestnewslist .even
{	background-color: #dfdfdf; }

.newslist
{	float: left; width: 100%; padding: 0px; margin: 0px; list-style: none; }
.newslist li
{	float: left; width: 96%; padding: 5px 2%; }
.newslist .odd
{	background-color: #FFF }
.newslist .even
{	background-color: #dfdfdf; }
.newslist .now
{	background-color: #21859e; }


#footer
{	float: left; width: 94%; padding: 30px 3% 130px 3%; background: #FFF url("../i/bg_gr.png") repeat-x 0 0; }
#footer #mmenu, #footer #omenu
{	float: left; width: 100%;   }
#footer #cp
{	float: left; width: 100%; display: inline; }
#footer #mmenu
{	float: left; list-style:none; margin: 0 0 10px 0; padding: 0px; display: inline; }
#footer #mmenu a
{	text-decoration: none; color: #21859e;  }
#footer #mmenu a:hover
{	text-decoration: none; color: #000;  }
#footer #mmenu li a
{	float: left;   list-style:none; padding: 2px 5px;}
#footer #mmenu .now
{	float: left; color: #000;padding: 2px 5px; }

#ssmenu
{	float: left; padding: 0px; margin: 0px; list-style:none; text-transform: uppercase; color: #FFF; line-height: 32px; font-size: 11px;  }
#ssmenu li
{	float: left; padding: 0px 10px; margin: 0px; }
#ssmenu .now
{	text-decoration: none; color: #000; font-weight: bold; }
#ssmenu a
{	text-decoration: none; color: #FFF; font-weight: bold; }
#ssmenu a:hover
{	text-decoration: none; color: #000; font-weight: bold; }

.pcontents
{ float: left; width: 100%; overflow: hidden; }
.pcontents .pbody
{	float: left; width: 96%; padding: 10px 2%; display: inline; background-color: #FFF; text-align: justify; }
.pcontents .pbody .sptitle
{	float: left; width: 100%; border-bottom: 3px solid #21859e;   }
.pcontents .pbody .sptitle span
{	float: left; width: auto; line-height: 20px; padding: 4px 30px 0 10px;  background-color: #21859e; font-weight: bold; color: #FFF; overflow: hidden;  }
.pcontents .pbody .pleft
{	float: left; width: 46%; display:inline; margin-right: 4%;  }
.pcontents .pbody .pright
{	float: left; width: 46%; display:inline;  }
.pcontents .pbody .spcontent
{	float: left; width: 100%; }
.pcontents .pbody .npcontent
{	float: left; width: 100%; padding: 10px 0;}
.pcontents .pstory
{	float: left; width: 100%;  }
.pcontents .pbody .npcontent .npic
{	float: left; width: 425px; margin-right: 25px; text-align: center; }
.pcontents .pbody .npcontent .ndesc
{	float: left; width: 355px;   text-align: justify; color: #21859e; }


.pheader
{	float: left; width: 100%; overflow: hidden; display: inline; margin-bottom: 10px; }
.pfooter
{	float: left; width: 100%; overflow: hidden; }

.pnewslist
{	float: left; width: 280px; height: auto;  }
.pnewspaper
{	float: left; width: 500px; diplay:inline; padding: 30px 0; margin-left: 25px; height: auto;  }
.pnewspaper .nstitle
{	float: left; width: 96%; diplay:inline; padding: 0 10px;   font-size: 24px; color: #21859e; font-weight: bold; height: auto; }
.pnewspaper .paper
{	float: left; width: 96%; diplay:inline; padding: 0 10px;   height: auto; }
.pnewspaper .source
{	float: left; width: 96%; diplay:inline; padding: 2px 10px 5px 10px; height: auto; font-size: 11px; font-style: italic; }

.products
{	float: left; width: 96%; padding: 0 2%; }
.productshow
{	width: 302px;  position: absolute; background-color: #FFF; top: 0px; left: 0px; display: none; cursor: pointer; border: solid 1px #999;  padding: 10px; }
.productshow .image
{	width: 300px; height: 450px; float: left;border: solid 1px #21859e; display: inline; margin-bottom: 10px; }
.productshow .title
{ float: left; width: 170px; padding: 5px 0; text-align: justify; display: inline;  color: #21859e; font-weight: bold; }
.productshow .row
{ float: left; width: 170px; padding: 5px 0; text-align: justify; display: inline;   }
.product
{ float: left; width: 182px; height: 350px; display: inline; margin: 5px 5px; cursor: pointer;   }
.product .image
{ float: left; width: 180px; height: 270px; display: inline; border: solid 1px #ccc;  }
.product .title
{ float: left; width: 170px; padding: 5px; text-align: center; display: inline;  color: #21859e; font-weight: bold; }
.product .row
{ float: left; width: 170px; padding: 10px 0; text-align: justify; display: inline;   }

.closebox
{ float: left; display: inline; margin-left: 250px; width: auto; line-height: 30px; font-weight: bold; }
.closebox:hover
{ cursor: pointer; color: #F00; }

.productsthumb
{	float: left; }
.productsthumb .product
{	float: left; width: 60px; height: 90px; display: inline; margin-right: 5px; border: solid 1px #CCC; }

.workshoplist
{	float: left; width: 96%; padding: 10px 2%; display: inline; background-color: #FFF; text-align: justify; }
.workshoplist p
{	padding: 0px; margin: 0px; 	}
.workshoplist h3
{	padding: 0px; margin: 0px; 	}
.wsinst
{	float: left; width: 100%; display: inline; margin-bottom: 10px;	}

.wsthumb
{	float: left; width: 150px; border: solid 1px #21859e; }
.wsdet
{	float: left; width: 550px; display: inline; margin-left: 20px; height: 100px; }
.wsbox
{	position: absolute; left: 0px; top: 0px; width: 375px; display: none; padding: 5px; border: solid 1px #21859e; background-color: #FFF; }
.wsbox .image
{	float: left; 100%;  }
.wsbox .title
{	float: left; width: 500px; }


.project
{	float: left; width: 96%; padding: 10px 2%; display: inline; background-color: #FFF; text-align: justify; }
.project p
{	padding: 0px; margin: 0px; 	}
.project h3
{	padding: 0px; margin: 0px; 	}
.prinst
{	float: left; width: 100%; display: inline; margin-bottom: 10px;	}

.prthumb
{	float: left; width: 100px; border: solid 1px #21859e; }
.prdet
{	float: left; width: 550px; display: inline; margin-left: 20px; height: 100px; }
.prbox
{	position: absolute; left: 0px; top: 0px; width: 375px; display: none; padding: 5px; border: solid 1px #21859e; background-color: #FFF; }
.prbox .image
{	float: left; 100%;  }
.prbox .title
{	float: left; width: 500px; }

#formguest
{	float: left; width: 100%; }
#formguest .label
{	float: left; width: 30%;  }
#formguest .formw
{	float: left; width: 65%; padding-left: 3%; }
#formguest .formarea
{	float: left; width: 65%; padding-left: 3%; }
#formguest .row
{	float: left; width: 100%;  }

#ymspace
{	float: left; width: 100%;   }

#guestformcon
{ 	float: left; width: 100%; padding: 20px 0; }
#formguest
{ 	float: left; width: 100%;  }
#formguest .frow
{	float: left; width: 100%; }
#formguest .flabel
{	float: left; width: 20%; padding-right: 2%; }
#formguest .fcompbox
{	float: left; width: 78%;  }
#formguest .err
{ cursor: pointer; color: #F00; font-weight: bold; }

.gsay
{float: left; width: 96%; padding: 10px 2%; border-bottom: 1px solid #CCC; }
.grow
{float: left; width: 96%; padding: 2px 2%;  }
.gname
{font-weight: bold; font-size: 11px; }
.gdate
{font-weight: bold; font-size: 10px; }

#gallery
{	float: left; width: 100%; padding: 0 0 100px 0; overflow: hidden; }
#gallery ul
{	float: left; width: 100%; list-style: none; padding: 0px; margin: 0px; }
#gallery ul li
{	float: left;  display: inline; margin: 0 12px 12px 0; list-style: none; padding: 0px;  width: 100px; padding: 10px;  border: 1px solid silver; }
#gallery .galimage
{	float: left; width: 100%;  }
#gallery .galrow
{	float: left; width: 100%; text-align: center; font-size: 11px; font-weight: bold; padding: 5px 0; }