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

/*-----------------------------------------------------------------------------------*/
/*	0.	RESET
/*-----------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent
}
body {
	line-height:1
}
ol, ul {
	list-style:none
}
blockquote, q {
	quotes:none
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none
}
:focus {
	outline:0
}
ins {
	text-decoration:none
}
del {
	text-decoration:line-through
}
table {
	border-collapse:collapse;
	border-spacing:0
}
.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0
}
.clearfix:after {
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0
}
.clearfix {
	display:inline-block
}
* html .clearfix {
	height:1%
}
.clearfix {
	display:block
}
.starRating {text-align: left;}
.starRating font { margin-right: 5px; display: inline-block; vertical-align: middle; }
.starRating font:first-child { font-weight: bold; font-size: 18px; color: #FF9800; }
.starRating font:nth-child(2) { font-size: 16px; color: #FF9800; }
.starRating font:last-child { color: #000; }
.center { width:100%; text-align:center;}
.btline { width:100%; border-bottom:1px dotted #CCCCCC;}

/*-----------------------------------------------------------------------------------*/
/*	1.	TEMPLATE
/*-----------------------------------------------------------------------------------*/

body{
	background-color:#fff6e4;
	background-image:url(../images/tbg-000.jpg);
	background-repeat:repeat-x;
	color:#000;
	line-height:2;
	font-size: medium;
	text-align:center;
	margin:0 auto;
	}
#backtotop {
	POSITION: fixed; BOTTOM: 100px; DISPLAY: none; RIGHT: 0px;
}
#backtotop A {
	BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; WIDTH: 40px; DISPLAY: block; HEIGHT: 40px; BORDER-TOP: 0px; BORDER-RIGHT: 0px; TEXT-DECORATION: none
}
#backtotop A:hover {
	opacity: .8
}

/*global*/
#wrapper{
	width:100%;
	background-color:transparent;
	}
#head{
	width:950px;
	background-color:transparent;
	margin:0 auto;
	background-image: url(../images/tbg-up.jpg); background-repeat:no-repeat; border: 0px solid #fff; border-collapse:collapse; width: 950px; height: 390px;
	}
#head2{
	width:950px;
	background-color:transparent;
	margin:0 auto;
	background-image: url(../images/tbg-up2.jpg); background-repeat:no-repeat; border: 0px solid #fff; border-collapse:collapse; width: 1600px; height: 390px;
	}
#head .logo{
	width:380px;
	background:transparent;
	float:left;
	}
#head2 .logo{
	width:380px;
	background:transparent;
	float:left;
	}
#head .menu{
	width:580px;
	background-color:transparent;
	padding-top:25px;
	float:left;
	}
#head .ddsmoothmenu{
	width:520px;
	background-color:transparent;
	padding-top:35px;
	float:left;
	}
/* toplogo */
#toplogo { border: 0px solid #fff; clear: both; border-collapse:collapse; width: 350px; height: 116px; float:left; }
#logolink { margin-top:10px; margin-left:70px; }
#logolink li { float:left; display:block; }
#logolink li a { background-image: url(../images/toplogo-000s.png); display: block; outline: none; position: relative; height: 115px; text-decoration: none; width: auto; }
#logolink .index { background-position:0px 0px; width:250px; height:115px; }
#logolink a .hover { background: transparent  url(../images/toplogo-000s.png) no-repeat; display:block ; opacity: 0; position: relative; top: 0; left: 0; height: 100%; width: 100%; }
#logolink .index .hover {background-position: -0px -108px; }
/* toplogo */
#toppic { margin-left:120px; background-image: url(../images/toppic-000.png); background-repeat:no-repeat; border: 0px solid #fff; border-collapse:collapse; width: 255px; height: 250px; float:left; }
#toppic-sp{width: 255px; height: 250px; float:left; display: block;}


/* topcpic */
.slider { position:relative; width:255px; height:250px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; }
.slider2 { position:relative; width:255px; height:250px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; }
.items { display:none; }
.ps { float:right; margin-top:8px; margin-left:0px; margin-right:20px; margin-bottom:0px; }
.ps li { float:left; }
.ps li a { display:block; width:18px; height:16px; text-indent:-9999px; background:url(images/pags.png) right top no-repeat; cursor:pointer; }
/* topcpic */
/* topad */

.theme-default .nivoSlider img { position:absolute; top:0px; left:0px; display:none; }
.theme-default .nivoSlider a { border:0; display:block; }
.theme-default .nivo-controlNav { position:absolute; left:50%; bottom:-40px; margin-left:200px; /* Tweak this to center bullets */ }
.theme-default .nivo-controlNav a.active { background-position:0 -22px; }
.theme-default a.nivo-nextNav { background-position:-30px 0; right:15px; }
.theme-default a.nivo-prevNav { left:15px; }
.theme-default .nivo-caption { font-family: Helvetica, Arial, sans-serif; }
.theme-default .nivo-caption a { color:#fff; border-bottom:1px dotted #fff; }
.theme-default .nivo-caption a:hover { color:#fff; }
.drw001 { line-height:1.5; color: #181818; font-size:15px; text-align:left; vertical-align:top; }
.drw002 { line-height:1.5; color: #0f8be8; font-size:15px; text-align:left; vertical-align:top; }
.drw003 { line-height:1.5; color: #186ccf; font-size:15px; text-align:left; vertical-align:top; }
.drw004 { line-height:1.5; color: #585858; font-size:15px; text-align:left; vertical-align:top; }
.drw005 { line-height:1.5; color: #e80058; font-size:15px; text-align:left; vertical-align:top; }
/* The Nivo Slider styles */
.nivoSlider { position:relative; vertical-align:top; }
.nivoSlider img { position:absolute; top:0px; left:0px; }
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink { position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; }
/* The slices and boxes in the Slider */
.nivo-slice { display:block; position:absolute; z-index:5; height:100%; }
.nivo-box { display:block; position:absolute; z-index:5; }
/* Caption styles */
.nivo-caption { position:absolute; left:0px; bottom:0px; background:#000; color:#fff; opacity:0.8; /* Overridden by captionOpacity setting */ width:100%; z-index:8; }
.nivo-caption p { padding:0px; margin:0; }
.nivo-caption a { display:inline !important; }
.nivo-html-caption { display:none; }
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a { position:absolute; top:45%; z-index:9; cursor:pointer; }
.nivo-prevNav { left:0px; }
.nivo-nextNav { right:0px; }
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a { position:relative; z-index:9; cursor:pointer; }
.nivo-controlNav a.active { font-weight:bold; }
.theme-default #slider { margin:0 auto 0 auto; width:425px; /* Make sure your images are the same size */ height:220px; /* Make sure your images are the same size */ float:left; }
/* topad */
/* toprlink */
#topr { margin-top:0px; margin-left:0px; float:left;width:110px; }
#toprlink { margin-top:5px; padding-left:35px;width:110px; }
#toprlink li { float:left; display:block; }
#toprlink li a { background-image: url(../images/toprlink-000.png); display: block; outline: none; position: relative; height: 35px; text-decoration: none; width: auto; }
#toprlink .index { background-position:0px 0px; width:110px; height:35px; }
#toprlink .fav { background-position:0px -35px; width:110px; height:35px; }
#toprlink .webmap { background-position:0px -70px; width:110px; height:35px; }
#toprlink a .hover { background: transparent  url(../images/toprlink-000.png) no-repeat; display:block ; opacity: 0; position: relative; top: 0; left: 0; height: 100%; width: 100%; }
#toprlink .index .hover {background-position: -0px -105px; }
#toprlink .fav .hover {background-position: -0px -140px; }
#toprlink .webmap .hover {background-position: -0px -175px; }
/* toprlink */



/*--頭部選單----------------------------------------------------------------------*/
#head .menu ul{
	width:520px;
	background-color:transparent;
	color:#FFF;
	}
#head .menu ul li{
	width:520px;
	display:inline;
	}
.menu a, .menu a:visited {
	color: #fff;
	font-size: medium;
	text-decoration:none;
	line-height:1.2;
	text-align:left;
}
.menu a:hover {
	color: #fff;
	font-size: medium;
	text-decoration: underline;
	line-height:1.2;
	text-align:left;
}
/*--頭部選單----------------------------------------------------------------------*/
#content{
	width:950px;background-image:url(../images/mbg-line.png); background-repeat:repeat-y; height:auto;
	background-color:transparent;
	margin:0 auto;
	}
#content2{
	width:1600px;background-image:url(../images/mbg-line.png); background-repeat:repeat-y; height:auto;
	background-color:transparent;
	margin:0 auto;
	}
/*--左側選單----------------------------------------------------------------------*/
#content .list{
	width:300px;
	background-color:transparent;
	float:left;
	}
#content .list .leftmenu{
	width:292px;
	background-color:transparent;
	padding-bottom:50px;
	float:left;
	text-align:left;
	}
.leftmenu li { padding-left:20px;border-bottom:1px dotted #aaa;}
.leftmenu li a:link , .leftmenu li a:visited , .leftmenu li a:active {color: #000;}
.leftmenu li a:hover {color: #09F;text-decoration: none;}
.leftmenu .image_li { background-color:#ededed;padding-left:20px;}
.leftmenu .image_li a:link , .leftmenu .image_li a:visited , .leftmenu .image_li a:active {color: #000;background-image:url(../images/dot-01.gif); background-position:center left; background-repeat:no-repeat;}
.leftmenu .image_li a:hover {color: #09F;text-decoration: none;background-image:url(../images/dot-01.gif); background-position:center left; background-repeat:no-repeat;}
/*--左側選單----------------------------------------------------------------------*/
#mainleft { background-image:url(../images/left-top.jpg); background-repeat:no-repeat; border: 0px solid #fff; border-collapse:0px; width: 250px; height:auto; float: left; display:block; }
#maintop { border:0; border-spacing: 0px; border-collpase:collpase; background-image:url(../images/main-topbg.jpg); background-repeat:no-repeat; width: 700px; height: 200px; float: left; }
#maintop2 { border:0; border-spacing: 0px; border-collpase:collpase; width: 1350px; height: 200px; float: left; }
/* leftlink */
#left{ width:200px; margin-top:5px; float:left; background:url(../images/leftbg-000.png) 0px 0px no-repeat; display:block;text-align: center; }
#left ul { list-style: none; margin: 0; padding: 0; }
#left li{ padding:0px; margin-bottom:0px; }
#left a:link,#left a:visited,#left a:active{ width:250px; background: url(../images) -250px 0px no-repeat; height:40px; padding-top:-100px; padding-left:0px; display:block; text-decoration:none; text-align:left; font-weight:bold; color:#333; }
#left a:hover{ color:#000; background: url(../images/lefth-000.png) no-repeat; }
/* leftlink */
/* mulink */
#mu { margin-top:0px; float:left;margin-left:20px; }

#mulink { margin-top:10px; }
#mulink li { float:left; display:block; }
#mulink li a { background-image:url(../images/mainlink-000.png); display: block; outline: none; position: relative; height: 125px; text-decoration: none; width: auto; }
#mulink .s01 { background-position:0px 0px; width:88px; height:125px; }
#mulink .s02 { background-position:437px 0px; width:88px; height:125px; }
#mulink .s03 { background-position:349px 0px; width:88px; height:125px; }
#mulink .s04 { background-position:261px 0px; width:88px; height:125px; }
#mulink .s05 { background-position:173px 0px; width:88px; height:125px; }
#mulink .s06 { background-position:85px 0px; width:88px; height:125px; }

#mulink a .hover { background: transparent  url(../images/mainlink-000.png) no-repeat; display:block ; opacity: 0; position: relative; top: 0; left: 0; height: 100%; width: 100%; }
#mulink .s01 .hover {background-position: -0px -260px; }
#mulink .s02 .hover {background-position: -88px -260px; }
#mulink .s03 .hover {background-position: -176px -260px; }
#mulink .s04 .hover {background-position: -264px -260px; }
#mulink .s05 .hover {background-position: -352px -260px; }
#mulink .s06 .hover {background-position: -440px -260px; }
/* mulink */

/* mulink2 */
#mu2 { margin-top:0px; float:left;margin-left:300px; width:900px;}

#mulink2 { margin-top:10px; }
#mulink2 li { float:left; display:block; }
#mulink2 li a { background-image:url(../images/mainlink-000.png); display: block; outline: none; position: relative; height: 125px; text-decoration: none; width: auto; }
#mulink2 .s01 { background-position:0px 0px; width:88px; height:125px; }
#mulink2 .s02 { background-position:437px 0px; width:88px; height:125px; }
#mulink2 .s03 { background-position:349px 0px; width:88px; height:125px; }
#mulink2 .s04 { background-position:261px 0px; width:88px; height:125px; }
#mulink2 .s05 { background-position:173px 0px; width:88px; height:125px; }
#mulink2 .s06 { background-position:85px 0px; width:88px; height:125px; }

#mulink2 a .hover { background: transparent  url(../images/mainlink-000.png) no-repeat; display:block ; opacity: 0; position: relative; top: 0; left: 0; height: 100%; width: 100%; }
#mulink2 .s01 .hover {background-position: -0px -260px; }
#mulink2 .s02 .hover {background-position: -88px -260px; }
#mulink2 .s03 .hover {background-position: -176px -260px; }
#mulink2 .s04 .hover {background-position: -264px -260px; }
#mulink2 .s05 .hover {background-position: -352px -260px; }
#mulink2 .s06 .hover {background-position: -440px -260px; }
/* mulink */

/* mblink */
#mb { margin-top:0px; float:left;}

#mblink { margin-top:0px; margin-left:150px; }
#mblink li { float:left; display:block; }
#mblink li a { background-image:url(../images/mainlink-000.png); display: block; outline: none; position: relative; height: 125px; text-decoration: none; width: auto; }
#mblink .s07 { background-position:0px -130px; width:88px; height:125px; }
#mblink .s08 { background-position:437px -130px; width:88px; height:125px; }
#mblink .s09 { background-position:349px -130px; width:88px; height:125px; }
#mblink .s10 { background-position:261px -130px; width:88px; height:125px; }
#mblink .s11 { background-position:173px -130px; width:88px; height:125px; }
#mblink .s12 { background-position:85px -130px; width:85px; height:125px; }

#mblink a .hover { background: transparent  url(../images/mainlink-000.png) no-repeat; display:block ; opacity: 0; position: relative; top: 0; left: 0; height: 100%; width: 100%; }
#mblink .s07 .hover {background-position: -0px -390px; }
#mblink .s08 .hover {background-position: -88px -390px; }
#mblink .s09 .hover {background-position: -176px -390px; }
#mblink .s10 .hover {background-position: -264px -390px; }
#mblink .s11 .hover {background-position: -352px -390px; }
#mblink .s12 .hover {background-position: -440px -390px; }

/* mulink */
/* mblink */
#mb2 { margin-top:0px; float:left; margin-left:280px; width:900px;}

#mblink2 { margin-top:0px; margin-left:150px; }
#mblink2 li { float:left; display:block; }
#mblink2 li a { background-image:url(../images/mainlink-000.png); display: block; outline: none; position: relative; height: 125px; text-decoration: none; width: auto; }
#mblink2 .s07 { background-position:0px -130px; width:88px; height:125px; }
#mblink2 .s08 { background-position:437px -130px; width:88px; height:125px; }
#mblink2 .s09 { background-position:349px -130px; width:88px; height:125px; }
#mblink2 .s10 { background-position:261px -130px; width:88px; height:125px; }
#mblink2 .s11 { background-position:173px -130px; width:88px; height:125px; }
#mblink2 .s12 { background-position:85px -130px; width:85px; height:125px; }

#mblink2 a .hover { background: transparent  url(../images/mainlink-000.png) no-repeat; display:block ; opacity: 0; position: relative; top: 0; left: 0; height: 100%; width: 100%; }
#mblink2 .s07 .hover {background-position: -0px -390px; }
#mblink2 .s08 .hover {background-position: -88px -390px; }
#mblink2 .s09 .hover {background-position: -176px -390px; }
#mblink2 .s10 .hover {background-position: -264px -390px; }
#mblink2 .s11 .hover {background-position: -352px -390px; }
#mblink2 .s12 .hover {background-position: -440px -390px; }

/* mulink */
/*--內容-------------------------------------------------------------------------*/
#content .col{
	width:600px;
	background-color:transparent;
	float:left;
	text-align:left;
	}
#content .col .news{
	width:699px;
	padding:45px 22px 0;
	background-color:transparent;
	background-image:url(../images/news-bg-000.png);
	background-repeat:no-repeat;
	float:left;
	text-align:left;
	}
.news a, .news a:visited {
	color: #09F;
	font-size: medium;
	text-decoration:none;
	line-height:1.2;
	text-align:left;
}
.news a:hover {
	color: #0CF;
	font-size: medium;
	text-decoration: none;
	line-height:1.2;
	text-align:left;
}

#content .col .ad {
	width:700px; height:325px;display: inline-block;
	padding-top:60px; padding-left:20px;
	background-image:url(../images/newmv.png);
	background-repeat:no-repeat;
	}
#content .col .ad li {
	width:350px;
	display:inline;
	}
#content .col .fb-box {
	text-align:left;
	}
#content .col .fb-box2 {
	padding:20px;
	text-align:left;
	}
.block {
	width:310px;
	padding:20px;
	float:left;
	}
.path {
	width:660px;
	padding:20px;
	float:left;
	text-align:right;
	}
.path a:link , .path a:visited , .path a:active {color: #000;}
.path a:hover {color: #09F;text-decoration: none;}
/*--
.block2 {
	width:660px;
	padding:20px;
	float:left;
	}
.block2 li{
	padding-bottom:20px;
	}
.block3 {
	width:100px;
	padding:10px;
	float:left;
	}
.block4 {
	width:500px;
	padding:10px 20px;
	float:left;
	}
.block-img {
	width:660px;
	padding:20px;
	float:left;
	text-align:center;
	}
.col form { width:660px;padding:20px;float:left; }
.data-a { width:90px; height:30px;padding-top:10px;float:left; display:inline-block; border:2px solid #fff; text-align:center;background-color:#3CC; color:#FFF!important;}
.data-al { width:230px; height:50px;padding-top:10px;float:left; display:inline-block; border:2px solid #fff; text-align:center;background-color:#3CC; color:#FFF!important; line-height:1.3;}
.data-as { width:80px; height:50px;padding-top:10px;float:left; display:inline-block; border:2px solid #fff; text-align:center;background-color:#3CC; color:#FFF!important; line-height:1.3;}
.data-al2 { width:230px; height:50px;padding-top:10px;float:left; display:inline-block; border:2px solid #fff; text-align:center;background-color:#DDD; line-height:1.3;}
.data-as2 { width:80px; height:50px;padding-top:10px;float:left; display:inline-block; border:2px solid #fff; text-align:center;background-color:#DDD; line-height:1.3;}
.data-al3 { width:130px; height:15px;padding-top:10px;float:left; display:inline-block; border:2px solid #fff; text-align:center;background-color:#3CC; color:#FFF!important; line-height:1.3;}
.data-as3 { width:250px; height:15px;padding-top:10px;float:left; display:inline-block; border:2px solid #fff; text-align:center;background-color:#3CC; color:#FFF!important; line-height:1.3;}
.data-al4 { width:130px; height:150px;padding-top:10px;float:left; display:inline-block; border:2px solid #fff; text-align:center;background-color:#DDD; line-height:1.3;}
.data-as4 { width:243px; height:150px;padding-top:10px;float:left; display:inline-block; border:2px solid #fff; text-align:center;background-color:#DDD; line-height:1.3; font-size:14px; text-align:left; padding-left:7px;}
.data-al5 { width:70px; height:20px;padding-top:10px;float:left; display:inline-block; border:2px solid #fff; text-align:center;background-color:#DDD; line-height:1.3;}
.data-as5 { width:250px; height:20px;padding-top:10px;float:left; display:inline-block; border:2px solid #fff; text-align:center;background-color:#DDD; line-height:1.3;}
.times { width:90px; height:90px;padding-top:10px;float:left; display:inline-block; border:2px solid #fff; text-align:center;background-color:#DDD;}
.times2 { width:90px; height:90px;padding-top:10px;float:left; display:inline-block; border:2px solid #fff; text-align:center;background-color:#C7EDF1;}
.times3 { width:655px; height:30px;padding-top:10px;float:left; display:inline-block; border:2px solid #fff; text-align:center;background-color:#F36;color:#FFF!important;}
.item-a { width:120px; height:30px;padding-top:10px;float:left; display:inline-block; border:2px solid #fff; text-align:center;background-color:#3CC; color:#FFF!important;}
.item-b { width:310px; height:30px;padding-top:10px;float:left; display:inline-block; border:2px solid #fff; text-align:center;background-color:#3CC; color:#FFF!important;}
.item-c { width:210px; height:30px;padding-top:10px;float:left; display:inline-block; border:2px solid #fff; text-align:center;background-color:#3CC; color:#FFF!important;}
.item-a1 { width:100px; height:150px;padding:10px;float:left; display:inline-block; border:2px solid #fff; text-align:center;background-color:#DDD;}
.item-b1 { width:290px; height:150px;padding:10px;float:left; display:inline-block; border:2px solid #fff; text-align:left;background-color:#DDD;}
.item-c1 { width:190px; height:150px;padding:10px;float:left; display:inline-block; border:2px solid #fff; text-align:left;background-color:#DDD;}
.eyes {width:660px;padding:20px;}
.eyes li {width:200px; height:420px;padding:5px;float:left;text-align: left;border:1px solid #3CC; margin:2px;}
.eyes-c {width:660px;padding:20px;}
.eyes-c li {width:200px; height:200px;padding:5px;float:left;text-align: center;border:1px solid #3CC; margin:2px;}
.eyes-c2 {width:660px;padding:20px;}
.eyes-c2 li {width:200px; height:350px;padding:5px;float:left;text-align: center;border:1px solid #3CC; margin:2px;}
.eyes-c .eyes-b {width:632px; height:200px;padding:5px;float:left;text-align: center;border:1px solid #3CC; margin:2px;}
.eyes-c3 {width:660px;padding:20px;}
.eyes-c3 li {width:200px; height:230px;padding:5px;float:left;text-align: center;border:1px solid #3CC; margin:2px;}
.eyes-c3 li p {text-align: left;}--*/
/*--內容-------------------------------------------------------------------------*/
/*--側邊欄位----------------------------------------------------------------------*/
#content .sidebar{
	width:292px;
	padding-left:8px;
	padding-bottom:10px;
	background-color:transparent;
	float:left;
	}
#content .sidebar li {
	margin-bottom:2px;
	}
#content .sidebarin{
	width:292px;
	padding-right:8px;
	padding-bottom:10px;
	background-color:transparent;
	float:left;
	}
#content .sidebarin li {
	margin-bottom:2px;
	}
/*--側邊欄位----------------------------------------------------------------------*/
/*--全省連結----------------------------------------------------------------------*/
#glinkbox {
	width:100%;
	background-color:#eaeaea;
	background-image: url(../images/bbg-u-000.png);
	background-repeat:repeat-x;
	margin:0 auto;
	border-collapse:collapse;
	}
#glinkboxin {
	width:100%;
	background-image: url(../images/bbg-u-001.png);
	background-repeat: no-repeat;
	background-position:center top;
	margin:0 auto;
	border-collapse:collapse;
	}
.smenu {
	width:950px;height:45px;
	padding-top:40px;
	color:#555;
	text-align:center;margin:0 auto;
	}
.smenu li{
	display:inline;
	}
.smenu li a:link , .smenu li a:visited , .smenu li a:active {color: #555;}
.smenu li a:hover {color: #09F;text-decoration: none;}
/* bottom */
#bbgu { margin: 0 auto; background-image:url(../images/bbg-u-000.png); background-repeat:repeat-x; border: 0px solid #fff; border-collapse:collapse; width:100%; height: 30px;background-color:#fff6e4; }
#bbguin { margin: 0 auto; background-image:url(../images/bbg-u-001.png); background-repeat:no-repeat; border: 0px solid #fff; border-collapse:collapse; width: 950px; height: 30px; }
/* bottom */

/* bbgm */
#bbgm { margin: 0px auto; background-image:url(../images/bbg-m-000.png); background-repeat:repeat-x; border: 0px solid #fff; border-collapse:collapse; width:100%; height:70px; text-align:center; }
#fw001 { padding-top:8px; font-size:15px; font-family:"新細明體", Times, serif; color:#181818; line-height:20px; }
/* bbgm */
/* bbgf */
#bbgf { margin: 0px auto; background-image:url(../images/bbg-f-000.png); background-repeat:repeat-x; border: 0px solid #fff; border-collapse:collapse; width:100%; height:150px; text-align:center; }
/* bbgf */
/* bbgfs */
#bbgfs { margin: 0px auto; background-image:url(../images/bbg-fs-000.png); background-repeat:repeat-x; border: 0px solid #fff; border-collapse:collapse; width:100%; height:290px; text-align:center; }
#bbgfin { margin: 0px auto; background-image:url(images/); background-repeat:norepeat; border: 0px solid #fff; border-collapse:collapse; width:950px; height:290px; text-align:left; }
/* bbgfs */

/* bbglink */
#bbglbg { margin: 0 auto; background-image: url(../images/bbg-linkbg-001.png); background-repeat:repeat-x; border: 0px solid #fff; border-collapse:collapse; width: 100%; height: 65px; }

#bbglink { margin: 0 auto; width:950px; text-align:center; }

#bbglink ul { list-style: none; margin-left:13px; padding: 0; }
#bbglink li{ padding:0px; margin:0px; float:left; }
#bbglink a:link,#bbglink a:visited,#bbglink a:active{ height:50px; margin-top:8px; display:block; text-decoration:none; text-align:left; font-weight:bold; color:#333; text-indent:-300px; overflow:hidden; }

.blx{ background-image: url(images/); width:15px; height:55px; }
.bl00{ background-image: url(../images/blink-00.png); width:15px; height:55px; }

#bl01{ background-image: url(../images/blink-01.png); background-position: 0px 0px; width:75px; }
#bl01:hover{ background-image: url(../images/blink-01.png); background-position: 0px 0px; }

#bl02{ background-image: url(../images/blink-02.png); background-position: 0px 0px; width:75px; }
#bl02:hover{ background-image: url(../images/blink-02.png); background-position: 0px 0px; }

#bl03{ background-image: url(../images/blink-03.png); background-position: 0px 0px; width:75px; }
#bl03:hover{ background-image: url(../images/blink-03.png); background-position: 0px 0px; }

#bl04{ background-image: url(../images/blink-04.png); background-position: 0px 0px; width:75px; }
#bl04:hover{ background-image: url(../images/blink-04.png); background-position: 0px 0px; }

#bl05{ background-image: url(../images/blink-05.png); background-position: 0px 0px; width:75px; }
#bl05:hover{ background-image: url(../images/blink-05.png); background-position: 0px 0px; }

#bl06{ background-image: url(../images/blink-06.png); background-position: 0px 0px; width:60px; }
#bl06:hover{ background-image: url(../images/blink-06.png); background-position: 0px 0px; }

#bl07{ background-image: url(../images/blink-07.png); background-position: 0px 0px; width:95px; }
#bl07:hover{ background-image: url(../images/blink-07.png); background-position: 0px 0px; }

#bl08{ background-image: url(../images/blink-08.png); background-position: 0px 0px; width:75px; }
#bl08:hover{ background-image: url(../images/blink-08.png); background-position: 0px 0px; }

#bl09{ background-image: url(../images/blink-09.png); background-position: 0px 0px; width:75px; }
#bl09:hover{ background-image: url(../images/blink-09.png); background-position: 0px 0px; }

#bl10{ background-image: url(../images/blink-10.png); background-position: 0px 0px; width:45px; }
#bl10:hover{ background-image: url(../images/blink-10.png); background-position: 0px 0px; }
/* bbglink */
.gbox{
	width:980px;
	padding-left:20px;
	padding-top:10px;
	text-align:center;margin:0 auto;
	}
.gbox .gimg {
	width:980px;
	text-align:left;
	float:left;
	}
.gbox li{
	display: inline-block;
	width:190px; height:75px;
	background-repeat:no-repeat;
	background-position:center top;
	padding-top:30px;
	padding-left:105px;
	padding-right:25px;
	font-size:small;
	line-height:1.4;
	float:left;
	text-align:left;
	}
.gbox a, .gbox a:visited {
	font-size: small;
	text-decoration:none;
	line-height:1.4;
	text-align:left;
}
.gbox a:hover {
	font-size: small;
	text-decoration:none;
	line-height:1.4;
	text-align:left;
}
.linkbox1{background-image:url(../images/glink_01.jpg);}
.linkbox2{background-image:url(../images/glink_02.jpg);}
.linkbox3{background-image:url(../images/glink_03.jpg);}
.linkbox4{background-image:url(../images/glink_04.jpg);}
.linkbox5{background-image:url(../images/glink_05.jpg);}
.linkbox6{background-image:url(../images/glink_06.jpg);}
.gbox2{
	width:1350px;
	padding-left:20px;
	padding-top:10px;
	text-align:center;margin:0 auto;
	}
.gbox2 .gimg {
	width:1350px;
	text-align:left;
	float:left;
	}
.gbox2 li{
	display: inline-block;
	width:320px; height:75px;
	background-repeat:no-repeat;
	background-position:left top;
	padding-top:30px;
	padding-left:105px;
	padding-right:25px;
	font-size:small;
	line-height:1.4;
	float:left;
	text-align:left;
	}
.gbox2 a, .gbox a:visited {
	font-size: small;
	text-decoration:none;
	line-height:1.4;
	text-align:left;
}
.gbox2 a:hover {
	font-size: small;
	text-decoration:none;
	line-height:1.4;
	text-align:left;
}
/*--全省連結----------------------------------------------------------------------*/
#footer{
	width:100%;
	padding-top:20px;
	background-color:#eaeaea;
	background-image: url(../images/bbg-fs-000.png);background-position: 0px -270px;border-collapse:collapse;
	background-repeat: repeat-x;
	margin:0 auto;
	}
.copyright {
	width:950px;
	padding-top:15px;
	padding-bottom:15px;
	font-size:small;
	line-height:1.7;
	margin:0 auto;
	color: #8f6818;
}
.copyright a:link , .copyright a:visited , .copyright a:active {color: #8f6818;font-size:small;}
.copyright a:hover {color: #8f6818;text-decoration: none;font-size:small;}



/*--color&style----------------------------------------------------------------------*/
.white{ color: #fff;}
.red{ color: #F00;}
.red12 {color: #F00;font-size:12px;}
.red20 {color: #F00;font-size:20px;}
.blue{ color:#09F; }
.yell-w{ color:#FFCC00; }
.blue18 {color: #09F;font-size:18px;}
.blue20 {color: #09F;font-size:20px;}
.yell20 {color: #C90;font-size:20px;}
.green20 {color: #390;font-size:20px;}
.turkey{ color:#01989e;}
.data{ color: #666;}
.pink {color: #C36;}
.rednumber{ color: #F03;font-size:14px;line-height:1.2;}

a, a:visited {
	color: #000;
	font-size: medium;
	text-decoration:none;
	line-height:1.2;
	text-align:left;
}
a:hover {
	color: #09F;
	font-size: medium;
	text-decoration: none;
	line-height:1.2;
	text-align:left;
}
a:link .red {
	text-decoration: none;
	color: #C00;
}
a:visited .red {
	text-decoration: none;
	color: #C00;
}
a:hover .red {
	text-decoration: none;
	color: #F36;
}
a:active .red {
	text-decoration: none;
	color: #C00;
}
a:link .pink, a:visited .pink, a:active .pink {color: #C36;}
a:hover .pink {color: #F39;}
a:link .blue, a:visited .blue, a:active .blue {color: #06C;}
a:hover .blue {color: #09F;}
a:link .yell, a:visited .yell, a:active .yell {color: #960;}
a:hover .yell {color: #C90;}
h1 { color: #09F;font-size:26px;}
h2 { color: #09F;font-size:22px; width:660px;}
h3 { color: #09F;font-size:18px;}
h4 { color: #09F;font-size:14px;}
h5 { color: #09F;font-size:12px;}
h6 { color: #09F;font-size:10px;}

/* font */

.wlw001 a {color:#885818; text-decoration:none; }
.wlw001 a:link    {color:#885818; text-decoration:none;}
.wlw001 a:visited {color:#885818; text-decoration:none;}
.wlw001 a:active  {color:#885818; text-decoration:none;}
.wlw001 a:hover   {color:#b88338; text-decoration:underline;}

.wlw002 a {color:#383838; text-decoration:none; }
.wlw002 a:link    {color:#383838; text-decoration:none;}
.wlw002 a:visited {color:#383838; text-decoration:none;}
.wlw002 a:active  {color:#383838; text-decoration:none;}
.wlw002 a:hover   {color:#686868; text-decoration:underline;}


#glinkin { padding-top:45px; padding-left:105px; float: left; text-align:left; }
.gw000 { line-height:1.6; color: #888888; font-size:13px; } 
.gw000 a:link    {color:#888888; text-decoration:none; padding-left:5px;}
.gw000 a:visited {color:#888888; text-decoration:none;}
.gw000 a:active  {color:#888888; text-decoration:none;}
.gw000 a:hover   {color:#a8a8a8; text-decoration:underline;}

.gw001 { line-height:1.6; color: #008bd8; font-size:15px; } 
.gw001 a:link    {color:#008bd8; text-decoration:none;}
.gw001 a:visited {color:#008bd8; text-decoration:none;}
.gw001 a:active  {color:#008bd8; text-decoration:none;}
.gw001 a:hover   {color:#51a0e8; text-decoration:underline;}

.gw002 { line-height:1.6; color: #ea6398; font-size:15px; } 
.gw002 a:link    {color:#ea6398; text-decoration:none;}
.gw002 a:visited {color:#ea6398; text-decoration:none;}
.gw002 a:active  {color:#ea6398; text-decoration:none;}
.gw002 a:hover   {color:#ff83b8; text-decoration:underline;}

.gw003 { line-height:1.6; color: #888888; font-size:15px; } 
.gw003 a:link    {color:#888888; text-decoration:none; }
.gw003 a:visited {color:#888888; text-decoration:none;}
.gw003 a:active  {color:#888888; text-decoration:none;}
.gw003 a:hover   {color:#a8a8a8; text-decoration:underline;}

.w000 { line-height:1.6; color: #181818; font-size:15px; float:left; padding-left:27px; padding-right:25px; text-align:left; }

.inwt001 { line-height:2.2; color: #8a5818; font-size:15px; font-weight:bold; text-align:left; }
.inwt002 { line-height:2.2; color: #0f8be8; font-size:15px; font-weight:bold; text-align:left; }
.inwt003 { line-height:2.2; color: #0058a8; font-size:15px; font-weight:bold; text-align:left; }
.inwt004 { line-height:2.2; color: #585858; font-size:15px; font-weight:bold; text-align:left; }
.inwt005 { line-height:2.2; color: #e80058; font-size:15px; font-weight:bold; text-align:left; }

.nw000 { line-height:1.6; color: #585858; font-size:15px; text-align:left; }
.nw001 { line-height:1.6; color: #8a5818; font-size:15px; text-align:left; }
.nw002 { line-height:1.6; color: #0f8be8; font-size:15px; text-align:left; }
.nw003 { line-height:1.6; color: #0058a8; font-size:15px; text-align:left; }
.nw004 { line-height:1.6; color: #e80058; font-size:15px; text-align:left; }
.nw005 { line-height:1.6; color: #2f1d13; font-size:15px; font-weight:bold; text-align:left; }
.nw006 { line-height:1.6; color: #ff0000; font-size:17px; font-weight:bold; text-align:left; }
.nw000 a:link { text-decoration:none;}
.nw000 a:visited { text-decoration:none;}
.nw000 a:active { text-decoration:none;}
.nw000 a:hover .nw002 { color: #0f8be8;text-decoration:underline;}
.nw000 a:hover .nw006 { color: #ff0000;text-decoration:underline;}

.inwbrown { color: #b86838; font-size:15px; text-align:left;}
.inwred { color: #b80000; font-size:15px; text-align:left;}
.inwp { color: #ff0658; font-size:15px; text-align:left;}
.inwb { color: #0055b8; font-size:15px; text-align:left;}

.bwb { color: #CC0000; font-size:20px; text-align:left;}
.bw001 { line-height:1.2; color: #008bd8; font-size:13px; } 
.bw001 a:link    {color:#008bd8; text-decoration:none;}
.bw001 a:visited {color:#008bd8; text-decoration:none;}
.bw001 a:active  {color:#008bd8; text-decoration:none;}
.bw001 a:hover   {color:#51a0e8; text-decoration:underline;}

.bw002 { line-height:1.2; color: #ea6398; font-size:13px; } 
.bw002 a:link    {color:#ea6398; text-decoration:none;}
.bw002 a:visited {color:#ea6398; text-decoration:none;}
.bw002 a:active  {color:#ea6398; text-decoration:none;}
.bw002 a:hover   {color:#ff83b8; text-decoration:underline;}

.bw003 { line-height:1.2; color: #888888; font-size:13px; } 
.bw003 a:link    {color:#888888; text-decoration:none; }
.bw003 a:visited {color:#888888; text-decoration:none;}
.bw003 a:active  {color:#888888; text-decoration:none;}
.bw003 a:hover   {color:#a8a8a8; text-decoration:underline;}

.bw004 { line-height:1.2; color: #8f6818; font-size:13px; } 
.bw004 a:link    {color:#8f6818; text-decoration:none;}
.bw004 a:visited {color:#8f6818; text-decoration:none;}
.bw004 a:active  {color:#8f6818; text-decoration:none;}
.bw004 a:hover   {color:#583808; text-decoration:underline;}

/* font */
/* in */
#int-implant { border:0; border-spacing: 0px; border-collpase:collpase; background-image:url(../images/int-implant.jpg); background-repeat:no-repeat; width: 700px; height: 200px; float: left; }
#int-rehab { border:0; border-spacing: 0px; border-collpase:collpase; background-image:url(../images/int-rehab.jpg); background-repeat:no-repeat; width: 700px; height: 200px; float: left; }
#int-endodontics { border:0; border-spacing: 0px; border-collpase:collpase; background-image:url(../images/int-endodontics.jpg); background-repeat:no-repeat; width: 700px; height: 200px; float: left; }
#int-ortho { border:0; border-spacing: 0px; border-collpase:collpase; background-image:url(../images/int-ortho.jpg); background-repeat:no-repeat; width: 700px; height: 200px; float: left; }
#int-perio { border:0; border-spacing: 0px; border-collpase:collpase; background-image:url(../images/int-perio.jpg); background-repeat:no-repeat; width: 700px; height: 200px; float: left; }
#int-cerec3d { border:0; border-spacing: 0px; border-collpase:collpase; background-image:url(../images/int-cerec3d.jpg); background-repeat:no-repeat; width: 700px; height: 200px; float: left; }
#int-ct { border:0; border-spacing: 0px; border-collpase:collpase; background-image:url(../images/int-ct.jpg); background-repeat:no-repeat; width: 700px; height: 200px; float: left; }
#int-prostho { border:0; border-spacing: 0px; border-collpase:collpase; background-image:url(../images/int-prostho.jpg); background-repeat:no-repeat; width: 700px; height: 200px; float: left; }
#int-cosmetic { border:0; border-spacing: 0px; border-collpase:collpase; background-image:url(../images/int-cosmetic.jpg); background-repeat:no-repeat; width: 700px; height: 200px; float: left; }
#int-dental { border:0; border-spacing: 0px; border-collpase:collpase; background-image:url(../images/int-dental.jpg); background-repeat:no-repeat; width: 700px; height: 200px; float: left; }
#int-pedodontics { border:0; border-spacing: 0px; border-collpase:collpase; background-image:url(../images/int-pedodontics.jpg); background-repeat:no-repeat; width: 700px; height: 200px; float: left; }
#int-dentalcrown { border:0; border-spacing: 0px; border-collpase:collpase; background-image:url(../images/int-dentalcrown.jpg); background-repeat:no-repeat; width: 700px; height: 200px; float: left; }
#int-service { border:0; border-spacing: 0px; border-collpase:collpase; background-image:url(../images/int-service.jpg); background-repeat:no-repeat; width: 700px; height: 200px; float: left; }
#int-about { border:0; border-spacing: 0px; border-collpase:collpase; background-image:url(../images/int-about.jpg); background-repeat:no-repeat; width: 700px; height: 200px; float: left; }
#int-doctor { border:0; border-spacing: 0px; border-collpase:collpase; background-image:url(../images/int-doctor.jpg); background-repeat:no-repeat; width: 700px; height: 200px; float: left; }
#int-doctor2 { border:0; border-spacing: 0px; border-collpase:collpase; background-image:url(../images/int-doctor2.jpg); background-repeat:no-repeat; width: 1350px; height: 200px; float: left; }
#int-consulting { border:0; border-spacing: 0px; border-collpase:collpase; background-image:url(../images/int-consulting.jpg); background-repeat:no-repeat; width: 700px; height: 200px; float: left; }
#int-contact { border:0; border-spacing: 0px; border-collpase:collpase; background-image:url(../images/int-contact.jpg); background-repeat:no-repeat; width: 700px; height: 200px; float: left; }
#int-webmap { border:0; border-spacing: 0px; border-collpase:collpase; background-image:url(../images/int-webmap.jpg); background-repeat:no-repeat; width: 700px; height: 200px; float: left; }
#int-braces { border:0; border-spacing: 0px; border-collpase:collpase; background-image:url(../images/int-braces.jpg); background-repeat:no-repeat; width: 700px; height: 200px; float: left; }

#int-top-about { border:0; border-spacing: 0px; border-collpase:collpase; background-image:url(../images/in-top-about.png); background-repeat:no-repeat; width: 700px; height: 125px; float: left; }
#in-top-add { border:0; border-spacing: 0px; border-collpase:collpase; background-image:url(../images/in-top-add.png); background-repeat:no-repeat; width: 700px; height: 125px; float: left; }
#int-top-implant {border:0; border-spacing: 0px; border-collpase:collpase; background-image:url(../images/in-top-implant.png); background-repeat:no-repeat; width: 700px; height: 125px; float: left; }
#in-top-consulting {border:0; border-spacing: 0px; border-collpase:collpase; background-image:url(../images/in-top-consulting.png); background-repeat:no-repeat; width: 700px; height: 125px; float: left; }
#in-top-instrument {border:0; border-spacing: 0px; border-collpase:collpase; background-image:url(../images/in-top-instrument.png); background-repeat:no-repeat; width: 700px; height: 125px; float: left; }
#int-top-contact {border:0; border-spacing: 0px; border-collpase:collpase; background-image:url(../images/in-top-contact.png); background-repeat:no-repeat; width: 700px; height: 125px; float: left; }
#int-top-perio { border:0; border-spacing: 0px; border-collpase:collpase; background-image:url(../images/in-top-perio.png); background-repeat:no-repeat; width: 700px; height: 125px; float: left; }
#int-top-rehab { border:0; border-spacing: 0px; border-collpase:collpase; background-image:url(../images/in-top-rehab.png); background-repeat:no-repeat; width: 700px; height: 125px; float: left; }
#int-top-cosmetic { border:0; border-spacing: 0px; border-collpase:collpase; background-image:url(../images/in-top-cosmetic.png); background-repeat:no-repeat; width: 700px; height: 125px; float: left; }
#int-top-ortho { border:0; border-spacing: 0px; border-collpase:collpase; background-image:url(../images/in-top-ortho.png); background-repeat:no-repeat; width: 700px; height: 125px; float: left; }
#int-top-endodontics { border:0; border-spacing: 0px; border-collpase:collpase; background-image:url(../images/in-top-endodontics.png); background-repeat:no-repeat; width: 700px; height: 125px; float: left; }
#in-top-dentalcrown  { border:0; border-spacing: 0px; border-collpase:collpase; background-image:url(../images/in-top-dentalcrown.png); background-repeat:no-repeat; width: 700px; height: 125px; float: left; }
#int-top-cerec3d { border:0; border-spacing: 0px; border-collpase:collpase; background-image:url(../images/in-top-cerec3d.png); background-repeat:no-repeat; width: 700px; height: 125px; float: left; }
#int-top-service { border:0; border-spacing: 0px; border-collpase:collpase; background-image:url(../images/in-top-service.png); background-repeat:no-repeat; width: 700px; height: 125px; float: left; }
#int-top-doctor { border:0; border-spacing: 0px; border-collpase:collpase; background-image:url(../images/in-top-doctor.png); background-repeat:no-repeat; width: 700px; height: 125px; float: left; }
#int-top-doctor2 { border:0; border-spacing: 0px; border-collpase:collpase; background-image:url(../images/in-top-doctor2.png); background-repeat:no-repeat; width: 1350px; height: 125px; float: left; }
#in-top-ct { border:0; border-spacing: 0px; border-collpase:collpase; background-image:url(../images/in-top-ct.png); background-repeat:no-repeat; width: 700px; height: 125px; float: left; }
#in-top-prostho { border:0; border-spacing: 0px; border-collpase:collpase; background-image:url(../images/in-top-prostho.png); background-repeat:no-repeat; width: 700px; height: 125px; float: left; }
#in-top-braces { border:0; border-spacing: 0px; border-collpase:collpase; background-image:url(../images/in-top-braces.png); background-repeat:no-repeat; width: 700px; height: 125px; float: left; }
#in-top-dental { border:0; border-spacing: 0px; border-collpase:collpase; background-image:url(../images/in-top-dental.png); background-repeat:no-repeat; width: 700px; height: 125px; float: left; }

.int-w000{border:0; border-spacing: 0px; border-collpase:collpase; background-image:url(../images/in-mbg-001.png); background-repeat:repeat-y; width: 640px; float: left; padding:0 30px;}
.int-w00a{border:0; border-spacing: 0px; border-collpase:collpase; background-image:url(../images/in-mbg-002.png); background-repeat:repeat-y; width: 1290px; float: left;padding:0 30px;}
.int-topbt{border:0; border-spacing: 0px; border-collpase:collpase; background-image:url(../images/in-bbg-001.png); background-repeat:no-repeat; width: 700px; height:100px; float: left;}

.col #inttri { background-image: url(../images/intop-tri-001.png); background-repeat: no-repeat; float: right; height: 20px; width: 20px; text-align:right; vertical-align:bottom; }
/*--------------------------------------
.col { list-style-type: none; text-indent: 0px; display: block; height: 20px; width: 685px; background-image: url(images/); background-repeat: no-repeat; text-align:right; padding-top: 31px; float:left; padding-right: 25px; line-height:2; color: #888888; font-size:13px; }

.col a {color: #9fd8ff; text-decoration:none;font-size:13px;}
.col a:link    {color:#9fd8ff; text-decoration:none;}
.col a:visited {color:#9fd8ff; text-decoration:none;}
.col a:active  {color:#9fd8ff; text-decoration:none;}
.col a:hover   {color:#886808; text-decoration:underline;}
---------------------------------------------*/

#tlink001 { list-style-type: none; text-indent: 0px; display: block; height: 20px; background-image: url(images/); background-repeat: no-repeat; text-align:right; padding-top: 0px; float:right; padding-right: 10px; line-height:2; color: #51a0e8; font-size:13px; }

.col #tlink001 a {color: #885818; text-decoration:none;font-size:13px; }
.col #tlink001 a:link    {color:#885818; text-decoration:none;}
.col #tlink001 a:visited {color:#885818; text-decoration:none;}
.col #tlink001 a:active  {color:#885818; text-decoration:none;}
.col #tlink001 a:hover   {color:#b88338; text-decoration:underline;}

.col #tlink000 { list-style-type: none; text-indent: 0px; display: block; height: 20px; background-image: url(images/); background-repeat: no-repeat; text-align:right; padding-top: 0px; float:right; padding-right: 0px; line-height:2; color: #a8a8a8; font-size:13px; }
.col #tlink000 a {color: #a8a8a8; text-decoration:none;font-size:13px;}
.col #tlink000 a:link    {color:#a8a8a8; text-decoration:none;}
.col #tlink000 a:visited {color:#a8a8a8; text-decoration:none;}
.col #tlink000 a:active  {color:#a8a8a8; text-decoration:none;}
.col #tlink000 a:hover   {color:#686868; text-decoration:underline;}

.tlink000 {color:#989898;}


/*-----------------------------------------------------------------------------------*/
ul, li {
		margin: 0;
		padding: 0;
		list-style: none;  
	}

	a img {
		border: none;
	}

	#head #abgne-block-20110406 {
		margin: 0 auto;
		width: 950px;	/* 框架圖片的寬 */
		height: 330px;	/* 框架圖片的高 */
		position: relative;
		background: url('images/frame.gif') no-repeat;
	}

	#head #abgne-block-20110406 a.prev, #head #abgne-block-20110406 a.next {
		position: absolute;
		top: 120px;
		display: block;
		width: 56px;	/* 左右鈕圖片的寬 */
		height: 53px;	/* 左右鈕圖片的高 */
		text-indent: -9999px;
	}

	#head #abgne-block-20110406 .prev {
		background: url(../images/left.png) no-repeat;
		opacity: .5;
	}

	#head #abgne-block-20110406 .next {
		background: url(../images/right.png) no-repeat;
		opacity: .5;
		right: 0;
	}
	#head #abgne-block-20110406 .edd {
		position: fixed;
		right:1460px;
		opacity:0.5;
		background: #FFF;
		width: 950px;	/* 左右鈕圖片的寬 */
		height: 299px;	/* 左右鈕圖片的高 */
	}

	#head #abgne-block-20110406 .slides {
		overflow: hidden;
		position: relative;
		width: 950px;	/* 框架中間區塊的寬 */
		height: 299px;	/* 框架中間區塊的高 */
	}
	
	#head #abgne-block-20110406 .slides ul {
		position: absolute;
		width: 9990px;
		height: 100%;
	}

	#head #abgne-block-20110406 .slides li {
	width: 950px;	/* 框架中間區塊的寬 */
	height: 100%;
	float: left;
	}
	
	#head #abgne-block-20110406 .slides li:first {
		width: 950px;	/* 框架中間區塊的寬 */
		height: 100%;
		float: left;
	}

/*	4.	MENU
/*-----------------------------------------------------------------------------------*/

.ddsmoothmenu {
	font-family:"微軟正黑體";
	z-index: 950;
	position: relative;
}

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

/*Top level list items*/
.ddsmoothmenu ul li {
	position: relative;
	line-height:1.2;
	display: inline;
	float: left;
	clear: none;
	color: #fff;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a {
	display: block; /*background of menu items (default state)*/
	line-height:1.2;
	text-decoration: none;
	position: relative;
	padding:2px;
}

* html .ddsmoothmenu ul li a { /*IE6 hack to get sub menu links to behave correctly*/
	display: inline-block;
}

.ddsmoothmenu ul li a, .ddsmoothmenu ul li a:visited {
	line-height:1.2;
	color: #fff;
}

.ddsmoothmenu ul li a.selected { /*CSS class that's dynamically added to the currently active menu items' LI A element*/
	line-height:1.2;
	color: #F39800;
}

.ddsmoothmenu ul li a:hover {
	line-height:1.2;
	color: #F39800;
	background-color: #eee;
}

/*1st sub level menu*/
.ddsmoothmenu ul li ul {
	background: none;
	font-family:"微軟正黑體";
	position: absolute;
	padding: 20px 0 0 0;
	left: 0;
	display: block; /*collapse all sub menus to begin with*/
	visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li {
	margin-left:0;
	padding-left: 0;
	display: list-item;
	float: none;
	background-color: #F39800;
	opacity: .95;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=95)";
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul {
	top: 0;
	padding-top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a {
	font-size: 13px;
	width: 140px; /*width of sub menus*/
	padding: 7px 12px;
	margin: 0;
	line-height: 1.2;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li ul li a {
	font-size: 13px;
}

.ddsmoothmenu ul li ul li:first-child {
	padding-top: 5px;
}

.ddsmoothmenu ul li ul li:last-child {
	padding-bottom: 6px;
}

.ddsmoothmenu ul li ul li ul li:first-child {
	padding-top: 4px;
}

.ddsmoothmenu ul li ul li ul li:last-child {
	padding-bottom: 5px;
}

/* Holly Hack for IE \*/
* html .ddsmoothmenu {
	height: 1%;
} /*Holly Hack for IE7 and below*/

.slide-btn {padding:7px 15px; border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .015);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .015);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;}
.slide-btn:hover,
.slide-btn:focus,
.slide-btn.focus,
.slide-btn:active,
.slide-btn.active,
.open > .dropdown-toggle.slide-btn {
  color: #fff !important;
  background-color: #639;
  border-color: #606;
}
hr { border-top:1px solid #ccc; border-bottom:1px solid #eee;}
.table { border:1px solid #333;}
.table1 { border:1px solid #fff; border-top:1px solid #ccc; border-bottom:1px solid #fff;}
.table td { border:1px solid #333; padding:5px}

