@charset "utf-8";
/* CSS Document */

* {
    margin: 0;
    padding: 0;
	color: #666;
    font: 12px/18px Tahoma,Verdana,Arial,sans-serif,"新細明體";
}
ul, ol, li { list-style: none outside none;}
a { cursor: pointer; text-decoration: none;}
a:hover { color: #e33333;}
.stay { cursor: default;}
li a:hover { color: #e33333;}
a img{ border: 0;}
.fl { float: left;}
.fr { float: right;}
body { background: none repeat scroll 0 0 #fff;}

#Head { 
    width: 100%; 
    height: 72px; 
    background: url(images/bg.png) repeat-x top; 
    position: absolute; 
    z-index: 500;
}
.cont { width: 960px; height: 100%; margin: 0 auto;}
#language { 
    text-align: center;
    color: #fff;
	-webkit-text-size-adjust:none;  
	font-size: 11px!important; 
	font-size: 10px; 
	padding-left: 0px;
    width: 189px; 
	height: 19px; 
	background-color: #008999; 
	position: absolute; 
	margin-left: 771px; 
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
#language a{ 
    color: #fff;
	-webkit-text-size-adjust:none;  
	font-size: 11px!important; 
	font-size: 10px; 
	width: 54px; 
	height: 11px; 
	padding: 0 4px; 
	margin: 0 -5px;
}
#language a:hover { color: #6cdcdc;} 
#language .stay { background-color: #fff; color: #008999;} 
#menu { width: auto; height: auto; float: right; margin-top: 20px; border-left: dotted 1px #000;}
#menu li { 
	float: left; 
	width: 110px;
	height: auto;
	border-right: dotted 1px #000; 
}
#menu li a, #menu li h1{
    background: url(images/menu.png) no-repeat;
    display: block;
	width: 100%;
	height: 0 !important;
	height: /**/:42px;
	overflow: hidden;
	padding-top: 42px;
}
#menu .m1 a, #menu .m1 .stay:hover { background-position: left 0;}
#menu .m2 a, #menu .m2 .stay:hover { background-position: left -50px;}
#menu .m3 a, #menu .m3 .stay:hover { background-position: left -100px;}
#menu .m4 a, #menu .m4 .stay:hover { background-position: left -150px;}
#menu .m5 a, #menu .m5 .stay:hover { background-position: left -200px;}
#menu .m6 a, #menu .m6 .stay:hover { background-position: left -250px;}
#menu .m7 a, #menu .m7 .stay:hover { background-position: left -300px;}
#menu .m8 a, #menu .m8 .stay:hover { background-position: left -350px;}
#menu .m1 a:hover { background-position: right 0;}
#menu .m2 a:hover { background-position: right -50px;}
#menu .m3 a:hover { background-position: right -100px;}
#menu .m4 a:hover { background-position: right -150px;}
#menu .m5 a:hover { background-position: right -200px;}
#menu .m6 a:hover { background-position: right -250px;}
#menu .m7 a:hover { background-position: right -300px;}
#menu .m8 a:hover { background-position: right -350px;}

#Wrapper { 
	padding: 0 10px; 
	width: 960px; 
	margin: 0 auto; 
	top: 70px; 
	position: relative; 
	background: url(images/bg_ver.gif) repeat-y;
}
#Main { width: 100%; height: 268px; margin-bottom: 22px;}
#Main #ML { width: 43px; height: 100%; background: #3cc; border-bottom-right-radius: 4px;}
#Main #MR { width: 913px; height: 100%; background: url(images/bg_main.gif) top right no-repeat;}
#Main #MR img { margin-top: 199px;}

.Content { width: 100%; height: auto; margin: 0 20px;}
.TabCont { width: 100%; height: auto;}
.PartL { width: 200px; float: left; border-top: solid 1px #bbb; border-bottom: dotted 1px #c1c1c1; overflow: hidden; margin-bottom: 20px;}
.PartR { width: 718px; float: right;}
#nav { margin-top: -1px;}
#nav li { height: 35px; border-top: dotted 1px #c1c1c1;}
#nav li a, #nav li h4{ 
    display: block; 
	height: 25px; 
	color: #000; 
	padding: 10px 0 0 36px; 
	background: url(images/item.png) #f3f3f3 no-repeat 18px 12px;
}
#subnav { }
#subnav li{ height: 30px; border-top: none;}
#subnav li a, #subnav li h4{ 
    display: block; 
	height: 24px; 
	color: #aaa; 
	padding: 6px 0 0 49px; 
	background: #fff url(images/icon.png) no-repeat 35px -48px;
}
#nav li a:hover{ color: #e33333; background-color: #fff;}
#nav .stay h4{ background-color: #d5eeee;}
#nav .part h4{ background-color: #dadada;}
#subnav .stay h4{ background: #d5eeee url(images/icon.png) no-repeat 35px -68px; color: #008999; }
#copyright { 
	width: 100%; 
	height: 20px; 
	padding-top: 2px; 
	margin-top: 13px; 
	color: #fff;
	background: #3cc; 
	text-align: center; 
	clear: both;
}
.top { 
	display: block; 
	width: 61px; 
	height: 16px; 
	position: absolute; 
	background: #d5eeee url(images/btn.png) center -25px no-repeat; 
	right: 24px; 
	bottom: 27px;
}

.Column { margin-right: 30px; float: left;}
h3, h5{ 
    background: url(images/ttl.png) no-repeat; 
    width: 240px; 
    height: 0 !important;
	height: /**/:14px;
	overflow: hidden;
	padding-top: 14px;
}

.play { width: 38px; height: 39px; background: url(images/btn.png) center center; position: absolute; margin: 27px 0 0 102px;}
.more { background: url(images/btn.png) center top no-repeat; width: 37px; height: 12px; float: right; margin-top: -9px;}
.more:hover { background-position: center bottom;}
.slashline { margin-top: 5px; height: auto; background: #e5e5e5;}
.slash { width: 58px; height: 3px; background: #008999 url(images/line_gs.gif) right top no-repeat;}
.box { 
	width: 100%; 
	height: 150px; 
	background: url(images/bg.png) center bottom repeat-x; 
	border-top: 1px #ccc solid; 
	margin-top: 5px;
}
.box img{ position: absolute;}
.Subline { margin-right: 20px; float: left; border: solid 3px #ebebeb;}


/* 內頁框架 */
.Page { height: auto; margin: 0 10px; padding-top: 20px;}
#nameplate { width: 100%; height: 128px; margin-bottom: 20px;}
#nameplate #ML { width: 200px; height: 100%; background: #018b97;}
#nameplate #ML div{ 
    width: 94px; 
	height: auto; 
	background: url(images/bricks.png) no-repeat right top;
	margin: 86px 0 0 18px;
}
#nameplate #ML div h1{ 
    width: 100%;
	height: 0 !important;
	height: /**/:25px;
	overflow: hidden;
	padding-top: 25px;
	background: url(images/unit_title.png) no-repeat;
}
#nameplate #ML #unit1 h1{ background-position: left 0;}
#nameplate #ML #unit2 h1{ background-position: left -30px;}
#nameplate #ML #unit3 h1{ background-position: left -60px;}
#nameplate #ML #unit4 h1{ background-position: left -90px;}
#nameplate #ML #unit5 h1{ background-position: left -120px;}
#nameplate #ML #unit6 h1{ background-position: left -150px;}
#nameplate #ML #unit7 h1{ background-position: left -180px;}
#nameplate #ML #unit8 h1{ background-position: left -210px;}
#nameplate .MR { width: 735px; height: 118px; border: solid 5px #f3f3f3; border-left: none; float: right;}
#nameplate #up1 { background: url(images/up1_bg.jpg) no-repeat top right;}
#nameplate #up2 { background: url(images/up2_bg.jpg) no-repeat top right;}
#nameplate #up3 { background: url(images/up3_bg.jpg) no-repeat top right;}
#nameplate #up4 { background: url(images/up4_bg.jpg) no-repeat top right;}
#nameplate #up5 { background: url(images/up5_bg.jpg) no-repeat top right;}
#nameplate #up6 { background: url(images/up6_bg.jpg) no-repeat top right;}
#nameplate #up7 { background: url(images/up7_bg.jpg) no-repeat top right;}
#nameplate #up8 { background: url(images/up8_bg.jpg) no-repeat top right;}
#nameplate .MR h1 { 
	margin: 50px 25px; 
	width: 240px; 
	height: 0 !important;
	height: /**/:23px;
	overflow: hidden;
	padding-top: 23px;
	background: url(images/unit_title.png) no-repeat;
}
#nameplate #up1 h1{ background-position: -150px 0;}
#nameplate #up2 h1{ background-position: -150px -30px;}
#nameplate #up3 h1{ background-position: -150px -60px;}
#nameplate #up4 h1{ background-position: -150px -90px;}
#nameplate #up5 h1{ background-position: -150px -120px;}
#nameplate #up6 h1{ background-position: -150px -150px;}
#nameplate #up7 h1{ background-position: -150px -180px;}
#nameplate #up8 h1{ background-position: -150px -210px;}

#breadcrumb *{ color: #aaa; margin-bottom: 6px;}
#breadcrumb { height: 11px; margin-bottom: 12px;}
#breadcrumb li a:hover{ color: #3cc;}
#breadcrumb li{ float: left; padding-right: 8px; padding-left: 10px; background: url(images/icon.png) left -55px no-repeat;}
#Area { width: 97%; min-height: 350px; margin-left: 17px; margin-bottom: 40px;}
#Area p { font-size: 13px; color: #333;}
#Area span{ font-size: 13px; color: #333; font-weight: bold;}
/*#Area img { max-width: 687px;}*/
.title{ 
	border: 1px solid #bbb; 
	width: 712px;
	height: 37px;
	border-radius: 2px;
	margin-bottom: 27px;
}
.title img{
    position: absolute;
	right: 50px;
}
.title .slashline{ 
	margin-top: 10px; 
	margin-left: 10px; 
	border-left: 7px solid #fff; 
	border-right: 9px solid #fff; 
	margin-right: 10px; 
	background: #d5eeee;
}
h5 { margin-top: 11px; margin-left: 20px;}

.lgmy
{
    background: #f3f3f3;
    text-align:center;
    line-height:18px;  
    color: #000;
    vertical-align:top;      
}