@charset "utf-8"; 

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 {  margin: 0 auto; background: url(../images/tbg-000.jpg) #fff6e4 repeat-x; color: #000; line-height: 2; font-size: medium; text-align: center; }



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; }



* html .clearfix { height: 1%; }



.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: 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; }





#backtotop { position: fixed; display: none; bottom: 100px; right: 0; }

#backtotop A { width: 40px; height: 40px; display: block; border: 0; text-decoration: none; }

#backtotop A:hover { opacity: .8; }



/*global*/

#wrapper { width: 100%; background-color: transparent; }



#head , #head2 { margin: 0 auto; width: 950px; height: 390px; background: url(../images/tbg-up.jpg) no-repeat; border: 0; border-collapse: collapse; }

#head2 { background-image: url(../images/tbg-up2.jpg); background-repeat: no-repeat; }

#head .logo , #head2 .logo { width: 380px; background: transparent; float: left; }

#head .menu , #head .ddsmoothmenu { width: 580px; background-color: transparent; padding-top: 25px; float: left; }

#head .ddsmoothmenu { padding-top: 35px; }



/* toplogo */

#toplogo { border: 0; 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: 0 0; 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 , .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; }



/* topad */

.theme-default .nivoSlider { position: relative; background: #fff url(../images/loading.gif) no-repeat 50% 50%; }

.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; }

.theme-default .nivo-controlNav a { display: block; width: 0px; height: 0px; background: url(../images/bullets.png) no-repeat; text-indent: -9999px; border: 0; margin-right: 3px; float: left; }

.theme-default .nivo-controlNav a.active { background-position: 0 -22px; }

.theme-default .nivo-directionNav a { display: block; width: 30px; height: 30px; text-indent: -9999px; border: 0; }

.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 , .drw002 , .drw003 , .drw004 , .drw005 { line-height: 1.5; color: #181818; font-size: 15px; text-align: left; vertical-align: top; }

.drw002 { color: #0f8be8; }

.drw003 { color: #186ccf; }

.drw004 { color: #585858; }

.drw005 { color: #e80058; }



/* 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; height: 220px; float: left; }



/* 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 , #toprlink .fav , #toprlink .webmap { background-position: 0 0; width: 110px; height: 35px; }

#toprlink .fav { background-position: 0px -35px; }

#toprlink .webmap { background-position: 0px -70px; }

#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; }



/*--頭部選單----------------------------------------------------------------------*/

#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 { text-decoration: underline; }



/*--頭部選單----------------------------------------------------------------------*/

#content , #content2 { margin: 0 auto; width: 950px; height: auto; background: url(../images/mbg-line.png) repeat-y; }

#content2 { width: 1600px; background-image: url(../images/mbg-line.png); }



/*--左側選單----------------------------------------------------------------------*/

#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; }



/* mulink */

#mu , #mb , #mb2 { margin-top: 0px; float: left; }

#mulink { margin-top: 10px; }

#mulink li , #mblink li , #mblink2 li { float: left; display: block; }

#mulink li a , #mulink2 li a , #mblink li a , #mblink2 li a { background-image: url(../images/mainlink-000.png); background-position: 0 0; display: block; outline: none; position: relative; height: 125px; width: 88px; text-decoration: none; }

#mulink .s02 , #mulink2 .s02 { background-position: 437px 0; }

#mulink .s03 , #mulink2 .s03 { background-position: 349px 0; }

#mulink .s04 , #mulink2 .s04 { background-position: 261px 0; }

#mulink .s05 , #mulink2 .s05 { background-position: 173px 0; }

#mulink .s06 , #mulink2 .s06 { background-position: 85px 0; }

#mulink a .hover , #mulink2 a .hover , #mblink a .hover , #mblink2 a .hover { background-repeat: no-repeat; opacity: 0; height: 100%; width: 100%; }

#mulink .s01 .hover , #mulink .s01 .hover { background-position: -0px -260px; }

#mulink .s02 .hover , #mulink .s02 .hover { background-position: -88px -260px; }

#mulink .s03 .hover , #mulink .s03 .hover { background-position: -176px -260px; }

#mulink .s04 .hover , #mulink .s04 .hover { background-position: -264px -260px; }

#mulink .s05 .hover , #mulink .s05 .hover { background-position: -352px -260px; }

#mulink .s06 .hover , #mulink .s06 .hover { background-position: -440px -260px; }



/* mblink */

#mblink , #mblink2 { margin-top: 0px; margin-left: 150px; }

#mblink .s07 , #mblink2 .s07 { background-position: 0px -130px; }

#mblink .s08 , #mblink2 .s08 { background-position: 437px -130px; }

#mblink .s09 , #mblink2 .s09 { background-position: 349px -130px; }

#mblink .s10 , #mblink2 .s10 { background-position: 261px -130px; }

#mblink .s11 , #mblink2 .s11 { background-position: 173px -130px; }

#mblink .s12 , #mblink2 .s12 { background-position: 85px -130px; width: 85px; }

#mblink .s07 .hover , #mblink2 .s07 .hover { background-position: -0px -390px; }

#mblink .s08 .hover , #mblink2 .s08 .hover { background-position: -88px -390px; }

#mblink .s09 .hover , #mblink2 .s09 .hover { background-position: -176px -390px; }

#mblink .s10 .hover , #mblink2 .s10 .hover { background-position: -264px -390px; }

#mblink .s11 .hover , #mblink2 .s11 .hover { background-position: -352px -390px; }

#mblink .s12 .hover , #mblink2 .s12 .hover { background-position: -440px -390px; }



#mb2 { margin-left: 280px; width: 900px; }



/*--內容-------------------------------------------------------------------------*/

#content .col { width: 600px; background-color: transparent; background-repeat: repeat-y; background-position: center top; height: auto; 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; }

#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; }



/*--內容 側邊欄位-----------------------------------------------------------------*/

#content .sidebar , #content .sidebarin { width: 292px; padding-left: 8px; padding-bottom: 10px; background-color: transparent; float: left; }

#content .sidebar li , #content .sidebarin li { margin-bottom: 2px; }

#content .sidebarin { padding-right: 8px; padding-left: 0; }



/*--側邊欄位 全省連結-----------------------------------------------------------------*/

#glinkbox { width: 100%; min-width: 950px; 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; }



/* 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; }

#bbgm .fw001 { margin: auto; padding-top: 8px; width: 950px; font-family: "新細明體" , Times , serif; color: #181818; line-height: 170%; font-size: 0; display: flex; align-items: center; justify-content: flex-start; }

#bbgm .fw001 >* { font-size: 15px; }

#bbgm .fw001 a { font-weight: bold; }



/* 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; }



/* 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-repeat: norepeat; border: 0px solid #fff; border-collapse: collapse; width: 950px; height: 290px; text-align: left; }



/* 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 { 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; }

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

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

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

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

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

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

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

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

#bl10 { background-image: url(../images/blink-10.png); background-position: 0px 0px; width: 45px; }



/* bbglink */

.gbox { width: 950px; padding-left: 20px; padding-top: 10px; text-align: center; margin: 0 auto; }

.gbox .gimg { width: 950px; text-align: left; }

.gbox ul { overflow: hidden; margin: auto; width: 950px; font-size: 0; }

.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: 20px; font-size: small; line-height: 1.4; float: left; text-align: left; }

.gbox a , .gbox a:visited , .gbox2 a , .gbox a:visited { 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; }



/*--全省連結----------------------------------------------------------------------*/

#footer { width: 100%; min-width: 950px; 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; }

#footer >div { margin: auto; width: 950px; }

.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; }

.green { color: #390; }

.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; }



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

.wlw001 a:hover { color: #b88338; text-decoration: underline; }

.wlw002 a , .wlw002 a:link , .wlw002 a:visited , .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 { text-decoration: none; padding-left: 5px; }

.gw000 a:visited , .gw000 a:active { text-decoration: none; }

.gw000 a:hover { color: #a8a8a8; text-decoration: underline; }

.gw001 { line-height: 1.6; color: #008bd8; font-size: 15px; }

.gw001 a:link , .gw001 a:visited , .gw001 a:active { text-decoration: none; }

.gw001 a:hover { color: #51a0e8; text-decoration: underline; }

.gw002 { line-height: 1.6; color: #ea6398; font-size: 15px; }

.gw002 a:link , .gw002 a:visited , .gw002 a:active { text-decoration: none; }

.gw002 a:hover { color: #ff83b8; text-decoration: underline; }

.gw003 { line-height: 1.6; color: #888888; font-size: 15px; }

.gw003 a:link , .gw003 a:visited , .gw003 a:active { 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 , .bw001 a:visited , .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 , .bw002 a:visited , .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 , .bw003 a:visited , .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 , .bw004 a:visited , .bw004 a:active { color: #8f6818; text-decoration: none; }

.bw004 a:hover { color: #583808; text-decoration: underline; }



/* in */

#int-implant , #int-rehab , #int-endodontics , #int-ortho , #int-perio , #int-cerec3d , #int-ct , #int-prostho , #int-cosmetic , #int-dental , #int-pedodontics , #int-dentalcrown , #int-service , #int-about , #int-doctor , #int-doctor2 , #int-consulting , #int-contact , #int-webmap , #int-braces , #int-top-about , #in-top-add , #int-top-implant , #in-top-consulting , #in-top-instrument , #int-top-contact , #int-top-perio , #int-top-rehab , #int-top-cosmetic , #int-top-ortho , #int-top-endodontics , #in-top-dentalcrown , #int-top-cerec3d , #int-top-service , #int-top-doctor , #int-top-doctor2 , #in-top-ct , #in-top-prostho , #in-top-braces , #in-top-dental , .int-topbt { 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 { background-image: url(../images/int-rehab.jpg); }

#int-endodontics { background-image: url(../images/int-endodontics.jpg); }

#int-ortho { background-image: url(../images/int-ortho.jpg); }

#int-perio { background-image: url(../images/int-perio.jpg); }

#int-cerec3d { background-image: url(../images/int-cerec3d.jpg); }

#int-ct { background-image: url(../images/int-ct.jpg); }

#int-prostho { background-image: url(../images/int-prostho.jpg); }

#int-cosmetic { background-image: url(../images/int-cosmetic.jpg); }

#int-dental { background-image: url(../images/int-dental.jpg); }

#int-pedodontics { background-image: url(../images/int-pedodontics.jpg); }

#int-dentalcrown { background-image: url(../images/int-dentalcrown.jpg); }

#int-service { background-image: url(../images/int-service.jpg); }

#int-about { background-image: url(../images/int-about.jpg); }

#int-doctor { background-image: url(../images/int-doctor.jpg); }

#int-doctor2 { background-image: url(../images/int-doctor2.jpg); }

#int-consulting { background-image: url(../images/int-consulting.jpg); }

#int-contact { background-image: url(../images/int-contact.jpg); }

#int-webmap { background-image: url(../images/int-webmap.jpg); }

#int-braces { background-image: url(../images/int-braces.jpg); }

#int-top-about { background-image: url(../images/in-top-about.png); height: 125px; }

#in-top-add { background-image: url(../images/in-top-add.png); height: 125px; }

#int-top-implant { background-image: url(../images/in-top-implant.png); height: 125px; }

#in-top-consulting { background-image: url(../images/in-top-consulting.png); height: 125px; }

#in-top-instrument { background-image: url(../images/in-top-instrument.png); height: 125px; }

#int-top-contact { background-image: url(../images/in-top-contact.png); height: 125px; }

#int-top-perio { background-image: url(../images/in-top-perio.png); height: 125px; }

#int-top-rehab { background-image: url(../images/in-top-rehab.png); height: 125px; }

#int-top-cosmetic { background-image: url(../images/in-top-cosmetic.png); height: 125px; }

#int-top-ortho { background-image: url(../images/in-top-ortho.png); height: 125px; }

#int-top-endodontics { background-image: url(../images/in-top-endodontics.png); height: 125px; }

#in-top-dentalcrown { background-image: url(../images/in-top-dentalcrown.png); height: 125px; }

#int-top-cerec3d { background-image: url(../images/in-top-cerec3d.png); height: 125px; }

#int-top-service { background-image: url(../images/in-top-service.png); height: 125px; }

#int-top-doctor { background-image: url(../images/in-top-doctor.png); height: 125px; }

#int-top-doctor2 { background-image: url(../images/in-top-doctor2.png); width: 1350px; height: 125px; }

#in-top-ct { background-image: url(../images/in-top-ct.png); height: 125px; }

#in-top-prostho { background-image: url(../images/in-top-prostho.png); height: 125px; }

#in-top-braces { background-image: url(../images/in-top-braces.png); height: 125px; }

#in-top-dental { background-image: url(../images/in-top-dental.png); height: 125px; }

.int-w000 , .int-w00a { border:0; border-spacing: 0; border-collpase: collpase; background-image:url(../images/in-mbg-001.png); background-repeat: repeat-y; width: 640px; float: left; padding: 0 30px; }

.int-w00a { width: 1290px; }

.int-topbt {height:100px;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; }

#tlink001 { list-style-type: none; text-indent: 0px; display: block; height: 20px; 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 , .col #tlink001 a:link , .col #tlink001 a:visited , .col #tlink001 a:active { color: #885818; text-decoration: none; font-size: 13px; }

.col #tlink001 a:hover { color: #b88338; text-decoration: underline; }

.col #tlink000 { list-style-type: none; text-indent: 0px; display: block; height: 20px; 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 , .col #tlink000 a:link , .col #tlink000 a:visited , .col #tlink000 a:active { color: #a8a8a8; text-decoration: none; font-size: 13px; }

.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; }


.perioo { padding-left:30px}
.perioo li {list-style-type:decimal;list-style-position: outside; padding-bottom:12px; border-bottom:1px solid #e5e5e5;}


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

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

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

.ddsmoothmenu ul li { position: relative; line-height: 1.2; display: inline; float: left; clear: none; color: #fff; }

.ddsmoothmenu ul li a { display: block; line-height: 1.2; text-decoration: none; position: relative; padding: 2px; }

* html .ddsmoothmenu ul li a { display: inline-block; }

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

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

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

.ddsmoothmenu ul li ul { background: none; font-family: "微軟正黑體"; position: absolute; padding: 20px 0 0 0; left: 0; display: block; visibility: hidden; }

.ddsmoothmenu ul li ul li {

margin-left: 0; padding-left: 0; display: list-item; float: none; background-color: #F39800; opacity: .95; filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=95); -MS-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=95)"; }

.ddsmoothmenu ul li ul li ul { top: 0; padding-top: 0; }

.ddsmoothmenu ul li ul li a { font-size: 13px; width: 140px; padding: 7px 12px; margin: 0; line-height: 1.2; }

.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; }



* html .ddsmoothmenu { height: 1%; }



.slide-btn { margin: 5px 2px; 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); display: inline-block; -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; }



@media screen and (max-width: 768px) {

	#banner .txt { left: 18%; }

}

@media screen and (max-width: 640px) {

	#banner { height: 125vw; padding-bottom: 110px; background-position: 6% 50%; }

	#banner .txt { width: 80vw; top: 200px; left: 10vw; }

	#banner .txt h3 , #banner .txt h2 font span { font-size: 5vw; }

	#banner .txt h1 { font-size: 7vw; letter-spacing: 0.5px; }

	#banner .txt h2 font , #banner .txt h2 font span:last-child { font-size: 5vw; }

	#banner .txt h2 b { font-size: 22vw; }

	#banner .txt p { letter-spacing: 0vw; font-size: 5vw; }

	.callus { margin: 40px 5% 30px; font-size: 0; }

	.callus a { padding: 15px 0; width: 50%; }

	.callus embed { position: relative; margin: 0 auto 10px; width: 60px; display: block; }

	.callus font { text-align: center; font-size: 18px; }

	.callus font:last-child { font-size: 20px; }

	.callus p { margin-top: 15px; }

	.callus p a { padding: 5px 0; text-align: center; }

	.phoneWrap { display: block; }

	header { width: 90%; padding: 10px 5%; }

	header.headerTop { width: 90%; padding: 10px 5%; }

}

@media screen and (max-width: 480px) {

	#banner .txt { top: 150px; }

}

@media screen and (max-width: 325px) {

	#banner .txt { top: 120px; }

	.callus a { width: 100%; }

}