/* Reset */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0px; padding: 0px; }
/*h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 140%; font-weight: normal; font-style: normal; }*/
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th { font-size: 140%; font-weight: normal; font-style: normal; }
ul { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
img { border:none; }
table { border-collapse: collapse; border-spacing: 0px; }
body { font:13px/1.231 Geneva, Helvetica, sans-serif; *font-size:small;*font:x-small; /*word-wrap: break-word;word-break: break-all;*/ }
select,input,button,textarea {font:99% Helvetica, sans-serif;}
table { font-size:inherit;font:100%;}
pre,code,kbd,samp,tt { font-family:monospace;*font-size:108%;line-height:100%;}

/* IE7 */
*:first-child+html body { font-family: Helvetica, sans-serif; }

/* link & css3 setting */ 
a { color:#000; text-decoration:none; }
a:hover { color:#992110; }
/*a:visited {color:#5c5c5c; text-decoration:none; }
::selection { background-color:#992110; color: #000; }
::-moz-selection { background-color:#992110; color: #000; }
code::-moz-selection { background-color:#992110; }
code::selection { background-color:#992110; }*/





@font-face {
    font-family: 'DidotLTStdRegular';
    src: url('../font/didot-webfont.eot');
    src: url('../font/didot-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/didot-webfont.woff') format('woff'),
         url('../font/didot-webfont.ttf') format('truetype'),
         url('../font/didot-webfont.svg#DidotLTStdRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Droid Sans'), local('DroidSans'), url(https://themes.googleusercontent.com/static/fonts/droidsans/v3/s-BiyweUPV0v-yRb-cjciL3hpw3pgy2gAi-Ip7WPMi0.woff) format('woff');
}
@font-face {
  font-family: 'Droid Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Droid Sans Bold'), local('DroidSans-Bold'), url(https://themes.googleusercontent.com/static/fonts/droidsans/v3/EFpQQyG9GqCrobXxL-KRMXbFhgvWbfSbdVg11QabG8w.woff) format('woff');
}

/*
a:link img {
filter:Alpha(Opacity=100, FinishOpacity=100, Style=2);
-moz-opacity:1.00;
opacity:1.00;
}

a:hover img {
filter:Alpha(Opacity=45, FinishOpacity=65, Style=2);
-moz-opacity:0.65;
opacity:0.65;
}
*/

/* Layout */
body { font-size:14px; color:#333; /*font-family:DidotLTStdRegular, "Times New Roman", Times, serif;*/ font-family:Arial, Helvetica; text-align:justify; line-height:1.6; background-color:#fff; }
.clearfix { clear:both; height:0; margin:0; padding:0; }



/* 首頁 */
#Header-Index { position:absolute; top:0; left:0; background:url(../images/bg_index_header.png) left top no-repeat; width:796px; height:387px; z-index:1; }
#Slide-Index { position:absolute; top:87px; left:170px; z-index:5; }
#Nav-Index { width:185px; padding:20px; position:absolute; top:50%; right:0; margin-top:-280px; z-index:10; background-color:#fff; }
#Nav-Index li { margin:7px 0; }
#Nav-Index li a { width:106px; height:30px; display:block; text-align:left; border-left:#fff solid 1px;  padding-left:15px; /*font-size:0; line-height:0; text-indent:-1000px; background:url(../images/bg_index_nav.png) no-repeat; border-left:#FFF solid 1px;*/ }
#Nav-Index li.Nav1 a { background-position:0 0; }
#Nav-Index li.Nav2 a { background-position:0 -30px; }
#Nav-Index li.Nav3 a { background-position:0 -60px; }
#Nav-Index li.Nav4 a { background-position:0 -90px; }
#Nav-Index li.Nav5 a { background-position:0 -120px; }
#Nav-Index li.Nav6 a { background-position:0 -150px; }
#Nav-Index li.Nav7 a { background-position:0 -180px; }
#Nav-Index li.Nav8 a { background-position:0 -210px; }
#Nav-Index li.Nav9 a { background-position:0 -240px; }
#Nav-Index li.Choose a { padding-left:20px; background:none; font-size:10px; line-height:3; text-indent:0; color:#636363; }
#Nav-Index a:hover , #Nav-Index li.Choose a:hover { color:#992110; border-left:#ccc solid 1px; }

#Nav-Index-EN { width:160px; padding:20px; position:absolute; top:50%; right:50px; margin-top:-280px; z-index:10; background-color:#fff; }
#Nav-Index-EN li { margin:7px 0; }
#Nav-Index-EN li a { width:160px; height:30px; display:block; /*font-size:0; line-height:0; text-indent:-1000px; background:url(../images/bg_index_nav_en.png) left top no-repeat;*/ border-left:#FFF solid 1px; padding-left:15px; }
#Nav-Index-EN li.Nav1 a { background-position:0 0; }
#Nav-Index-EN li.Nav2 a { background-position:0 -30px; }
#Nav-Index-EN li.Nav3 a { background-position:0 -60px; }
#Nav-Index-EN li.Nav4 a { background-position:0 -90px; }
#Nav-Index-EN li.Nav5 a { background-position:0 -120px; }
#Nav-Index-EN li.Nav6 a { background-position:0 -150px; }
#Nav-Index-EN li.Nav7 a { background-position:0 -180px; }
#Nav-Index-EN li.Nav8 a { background-position:0 -210px; }
#Nav-Index-EN li.Nav9 a { background-position:0 -240px; }
#Nav-Index-EN li.Choose a { padding-left:10px; background:none; font-size:10px; line-height:3; text-indent:0; color:#636363; }
#Nav-Index-EN a:hover , #Nav-Index-EN li.Choose a:hover { color:#992110; border-left:#ccc solid 1px; }

/*#Nav-Index li div li a { background:none; font-size:12px; line-height:30px; text-indent:0; border:none; }
#Nav-Index li div li a:hover { border:none; }*/
#Lion-Index { position:fixed; z-index:10; left:65px; bottom:74px; width:210px; height:280px; background:url(../images/bg_index_lion.png) no-repeat;
/* position fixed for IE6 */
_position: absolute;
_top:expression(documentElement.scrollTop+documentElement.clientHeight-this.clientHeight-4);
}


#Nav-Index li a , #Nav-Index li a.menuitem { display: block; position: relative; height:30px; line-height:30px; }
#Nav-Index li a.menuitem .statusicon { position: absolute; top: 0px; right: 0px; border: none; }
#Nav-Index li div.submenu ul { list-style-type: none; /*border-top:#eee solid 1px;*/ margin-bottom:10px;  }
#Nav-Index li div.submenu ul li { /*border-bottom:#eee solid 1px;*/ padding-left:20px; }
#Nav-Index li div.submenu ul li  a { background:none; border:none; height:25px; font-size:12px; line-height:2.5; text-indent:0;}
#Nav-Index li div.submenu ul li span { font-size:10px; color:#666; }

#Nav-Index-EN li a , #Nav-Index-EN li a.menuitem { display: block; position: relative; height:30px; line-height:30px; }
#Nav-Index-EN li a.menuitem .statusicon { position: absolute; top: 0px; right: 0px; border: none; margin-bottom:10px; }
#Nav-Index-EN li div.submenu ul { list-style-type: none; /*border-top:#eee solid 1px;*/ }
#Nav-Index-EN li div.submenu ul li { margin:0; padding:0; /*border-bottom:#eee solid 1px;*/}
#Nav-Index-EN li div.submenu ul li  a { background:none; border:none; border-bottom:#ccc dotted 1px; padding:6px 20px;  font-size:11px; line-height:1.6; height:auto; text-indent:0;}
#Nav-Index-EN li div.submenu ul li span { font-size:10px; color:#666; }
/*
#Nav-Index li div.submenu ul li li.end { height:27px; border-bottom:#dfdfdf solid 1px; }*/


#Footer-Index { position:fixed; width:100%; z-index:10; left:0; bottom:0; display:block; background:url(../images/bg_footer_index.png) repeat-x; color:#FFF; height:79px;
/* position fixed for IE6 */
_position: absolute;
_top:expression(documentElement.scrollTop+documentElement.clientHeight-this.clientHeight-4);
}
#Footer-Index div.Nav1 { float:left;  }
#Footer-Index div.Nav1 img { vertical-align:baseline; margin-right:20px; margin:15px 0 0 25px;}
#Footer-Index div.Nav2 { float:right; margin:27px 25px 0 0; }
#Footer-Index div.copyright { float:left; font-size:12px; line-height:1.4; margin:20px 0 0 15px; }
#Footer-Index p { clear:both; }


/* 內頁 */
.header-link , .header-link a { position:absolute; top:0; left:0; width:170px; height:160px; display:block;  }
body.Content { background:url(../images/bg_body.png) left -50px no-repeat; min-width:975px; }
/* body.Content-EN { background:url(../images/bg_body_en.png) left -50px no-repeat; min-width:975px; text-align:left; font-size:12px; font-family: 'Droid Sans'; } */
body.Content-EN { background:url(../images/bg_body_en.png) left -50px no-repeat; min-width:975px; text-align:left; font-size:14px; /*font-family: 'Droid Sans'; */}
#Slogan { position:absolute; top:60px; left:180px; line-height:1.3; }
#Header { height:83px; text-align:right; padding:65px 25px 10px; color:#6f6f6f; font-size:12px; }
#Header-EN { height:83px; text-align:right; padding:65px 25px 10px; font-size:10px; }
#Header-EN a { color:#999; }
#Header a { color:#6f6f6f; }
#Header a:hover { color:#992110; }
#Nav { font-weight:bold; background:url(../images/bg_nav.png) repeat-x; padding:25px 0 0 20px; margin:0 0 0 183px; /*width:785px;*/ }
#Nav li { border-bottom:#fff solid 1px; float:left; margin-right:5px; font-size:14px; font-weight:bold; }
#Nav li a { /*width:86px; */ padding:0 10px 0 5px; height:35px; line-height:35px; display:block; /*background:url(../images/bg_nav_li.png) left center no-repeat; border-bottom:#fff solid 1px;*/ }
#Nav li ul li { padding:0; }
#Nav li a:hover { color:#992110; /*border-bottom:#ccc solid 1px; */ }
#Nav li.Nav1 a { background-position:0 center; }
#Nav li.Nav2 a { background-position:-86px center; }
#Nav li.Nav3 a { background-position:-172px center; }
#Nav li.Nav4 a { background-position:-258px center; }
#Nav li.Nav5 a { background-position:-344px center; }
#Nav li.Nav6 a { background-position:-430px center; }
#Nav li.Nav7 a { background-position:-516px center; }
#Nav li.Nav8 a { background-position:-602px center; }
#Nav li.Nav9 a { background-position:-688px center; }/*
#Nav li.places { cursor: pointer; display: block; }
#Nav li.openplace { border-bottom:#ccc solid 1px; }
#Nav div.theplace { margin-left:1px; border-top:#eee solid 1px; }
#Nav div.theplace li { display:block; margin-right:1px; text-align:center; }
#Nav div.theplace li a { background:none; width:100px; height:35px; line-height:35px; text-align:center; }
#Nav div.theplace li span { font-size:10px; color:#666; }
#Nav div.theplace p { clear:both; }*/
#Nav p { clear:both; }


#Nav-EN { width:160px; padding:20px; position:absolute; top:250px; left:10px; z-index:999; }
#Nav-EN li { margin:7px 0; }
#Nav-EN li a { width:150px; height:30px; line-height:30px; padding-left:10px; display:block; /*font-size:0; line-height:0; text-indent:-1000px; background:url(../images/bg_index_nav_en.png) left top no-repeat;*/ border-left:#FFF solid 1px; }
#Nav-EN li.Nav1 a { background-position:0 0; }
#Nav-EN li.Nav2 a { background-position:0 -30px; }
#Nav-EN li.Nav3 a { background-position:0 -60px; }
#Nav-EN li.Nav4 a { background-position:0 -90px; }
#Nav-EN li.Nav5 a { background-position:0 -120px; }
#Nav-EN li.Nav6 a { background-position:0 -150px; }
#Nav-EN li.Nav7 a { background-position:0 -180px; }
#Nav-EN li.Nav8 a { background-position:0 -210px; }
#Nav-EN li.Nav9 a { background-position:0 -240px; }
#Nav-EN li.Choose a { padding-left:10px; background:none; font-size:10px; line-height:2.6; text-indent:0; color:#636363; }
#Nav-EN a:hover , #Nav-EN li.Choose a:hover { color:#992110; border-left:#ccc solid 1px; }
#Nav-EN li a.menuitem { display: block; position: relative; }
#Nav-EN li a.menuitem .statusicon { position: absolute; top: 0px; right: 0px; border: none; }
#Nav-EN li div.submenu ul { list-style-type: none; /*border-top:#eee solid 1px;*/ }
#Nav-EN li div.submenu ul li { margin:0; padding:0; height:auto; /*border-bottom:#eee solid 1px;*/  }
#Nav-EN li div.submenu ul li  a { margin:0; padding:0; height:auto; background:none; border:none; font-size:12px; line-height:1.6; text-indent:0; border-bottom:#ccc dotted 1px; padding:6px 20px; }
#Nav-EN li div.submenu ul li span { font-size:10px; color:#666; }
#Nav-EN li div.submenu ul li ul li a { padding-left:20px; }

#Nav-EN li div.submenuSelect ul { list-style-type: none; /*border-top:#eee solid 1px;*/ }
#Nav-EN li div.submenuSelect ul li { margin:0; padding:0; height:auto; /*border-bottom:#eee solid 1px;*/ }
#Nav-EN li div.submenuSelect ul li  a { margin:0; padding:0; height:auto; background:none; border:none; font-size:12px; line-height:1.6; text-indent:0; border-bottom:#ccc dotted 1px; padding:6px 20px; }
#Nav-EN li div.submenuSelect ul li span { font-size:10px; color:#666; }

#Nav-EN li div.submenuSelect ul li.Select a { color:#992110; }




#Nav-Choose { position:absolute; top:470px; left:0; z-index:15; width:170px; text-align:right; }
#Nav-Choose a { font-size:10px; color:#636363; }
#Nav-Choose a:hover { color:#992110; }


#Content { margin:25px 0 20px 0; padding:0 20px 25px 203px; min-height:500px; }
#Content-EN { margin:15px 0 20px 270px; padding:25px 100px 25px 20px; min-height:600px; }
#Content-Main { float:left; width:77%; margin-right:25px; }
#Content-Main img { max-width:580px; max-height:480px; }
#Content-Main img.thumb { width:160px; /*height:100px;*/ }
#Content-Main p a { clear:both; display:block; text-align:right; font-size:12px; color:#992110; }
#Content-Main p a:hover { text-decoration:underline; }
#Content-Main div.clearfix { clear:both; border-bottom:#999 dotted 1px; margin:30px 0; }
#Content-Main ol { margin:10px 0 15px 30px; }
#Content-Main ol li ul { margin:0 0 0 30px; }
#Content-Main ol.ListType1 li { margin-bottom:10px; }
#Content-Main ol.ListType2 li { margin-bottom:10px;  }
#Content-Main ol.ListType2 li ul li { list-style-type:disc; margin-top:5px; }
#Content-Side { float:right; width:19%; height:300px; font-size:12px; }
#Content-Side li a { display:block; }
#Content-Side li.Select a { color:#992110; }
#Content-Side ul { /*border-top:#fff solid 1px;*/ margin-bottom:50px; }
#Content-Side li { margin:5px 0; padding:6px 0; /*border-bottom:#ffdd00 solid 1px;*/ }
#Content-Side li span { font-size:10px; color:#666; }
h1 { font-size:12px; margin-bottom:15px; line-height:1.2; font-weight:bold; }
#Content-Main h1 { margin-bottom:30px; display:none; }
h2 { margin-bottom:10px; font-size:16px; /*font-weight:bold;*/ line-height:1.2; color:#960; }
h2.Title { font-size:24px; margin-bottom:25px;  }
h2 span { float:right; font-size:10px; color:#999; }
/*h1.EN { font-size:12px; }*/
#container { clear: both; }
.Slideshow { margin-bottom:15px; }
.Slideshow div#fadeshow img { width:675px; height:375px; margin:0; padding:0; } 

#container .clearfix:before, .clearfix:after { content: ""; display: table; }
#container .clearfix:after { clear: both; margin:0; }
#container .clearfix { zoom: 1; }
.box { margin: 10px; padding: 10px; float: left; border:#e2e2e2 solid 1px; background-color:#fff; }
.box:hover { border:#ccc solid 1px; background-color:#f7f7f7; }
.col1 img { display: block; /*width:160px; height:100px;*/ margin-bottom:6px; }
.col1 {  }
.col1 a { display:block; width:160px; height:150px; }
.col1 span { font-size:10px; }

/*.List-item li { float:left; display:inline; margin:0 15px 15px 0; background-color:#f9f9f9; padding:15px; width:250px; border:#FFF solid 1px; }
.List-item li:hover {  border:#ccc solid 1px; }*/


table.ClassType { width:100%; border-top:#CCC dotted 1px; border-left:#CCC dotted 1px; }
table.ClassType td { position:relative; width:14%; padding:28px 8px 8px 8px; border-bottom:#CCC dotted 1px; border-right:#CCC dotted 1px; vertical-align:top; }
table.ClassType td.Title { padding:0; text-align:center; height:33px; line-height:33px; background-color:#333; color:#FFF; }
table.ClassType td span { position:absolute; top:0; left:0; width:23px; height:23px; text-align:center; line-height:23px; font-size:10px;background-color:#e7e7e7; font-family:Helvetica, sans-serif; }
table.ClassType td h2 { text-align:center; font-size:14px; }
table.ClassType td b.PrevLink { text-align:left; width:50px; height:21px; line-height:1.4; display:block; margin:0 auto 18px; background:url(../images/bg_nav_prev2.png) left center no-repeat; padding-left:20px; }
table.ClassType td b.NextLink { text-align:right; width:50px; height:21px; line-height:1.4; display:block; margin:0 auto 18px; background:url(../images/bg_nav_next2.png) right center no-repeat; padding-right:20px; }
/**/table.ClassType td:hover , table.ClassType td:hover span  , table.ClassType td:hover a { background-color:#992110; color:#FFF; }
/**/table.ClassType td.Title:hover { background-color:#333; }

#PageLink { text-align:center; }
#PageLink a { margin:0 8px; }

#LinkCol span { height:31px; line-height:31px; }
#LinkCol span a { display:block; font-size:12px; }
#LinkCol span.PrevLink { float:left; background:url(../images/bg_nav_prev.png) left center no-repeat; padding-left:40px; }
#LinkCol span.NextLink { float:right; background:url(../images/bg_nav_next.png) right center no-repeat; padding-right:40px; }
#LinkCol p { clear:both; }

#Footer { width:100%; background:url(../images/bg_footer.png) repeat-x; height:79px; clear:both; }
#Footer div.Nav1 { float:left;  }
#Footer div.Nav1 img { vertical-align:baseline; margin-right:20px; margin:15px 0 0 25px;}
#Footer div.Nav2 { float:right; margin:27px 25px 0 0; }
#Footer div.copyright { float:left; font-size:12px; line-height:1.4; margin:20px 0 0 15px; }
#Footer p { clear:both; }


.gmap_bubble { }
#gmap { width:578px; height:400px; padding:0; }
.gmap { border: 1px solid #333; }

div.ThumbImg1 { width:160px; height:100px; overflow:hidden; margin-bottom:10px; }
div.ThumbImg2 { width:160px; height:100px; overflow:hidden; float:left; margin:0 15px 15px 0; }
div.ThumbImg1 img , div.ThumbImg2 img { width:160px; }


.issue-box { padding:20px; }
.issue-box h1 { font-weight:normal; font-size:18px; border-bottom:#CCC solid 3px; margin-bottom:15px; padding-bottom:15px; color:#992110; }
.issue-box h2 { font-size:14px; clear:both; }
.issue-box ul li { width:25%; float:left; margin-bottom:10px; }
.issue-box p { clear:both; border-bottom:#CCC dashed 1px; height:10px; margin-bottom:30px; }

.showimage { width:250px; border:#CCC solid 1px; font-size:12px; background-color:#FFF; display:none; }
.showimage.zh { position:fixed; z-index:9999; bottom:5px; right:5px; }
.showimage.en { position:fixed; z-index:9999; bottom:5px; right:5px; }
.showimage h1 { font-size:12px; margin-bottom:0; margin-bottom:5px; }
.showimage span { float:right; display:block; width:18px; height:18px; text-align:center; line-height:18px; font-weight:bold; background-color:#333;  border:#CCC solid 1px; border-top:none; border-right:none; color:#FFF; }
.showimage span a { color:#FFF; font-size:10px; }
.showimage p { clear:both; }
.showimage div { padding:5px; }

.remove td, .remove th { display: table-cell }
.remove h1 { font-size: 2em; margin: .67em 0; font-weight: bolder  }
.remove h2 { font-size: 1.5em; margin: .75em 0; font-weight: bolder  }
.remove h3 { font-size: 1.17em; margin: .83em 0; font-weight: bolder  }
.remove h4, .remove p, .remove blockquote, .remove ul, .remove fieldset,.remove  form, .remove ol, .remove dl, .remove dir, .remove menu { margin: 1.12em 0 }
.remove h5 { font-size: .83em; margin: 1.5em 0; font-weight: bolder  }
.remove h6 { font-size: .75em; margin: 1.67em 0; font-weight: bolder  }
.remove b, .remove strong { font-weight: bolder }
.remove blockquote  { margin-left: 40px; margin-right: 40px }
.remove i, .remove cite, .remove em, .remove var, .remove address { font-style: italic }
.remove big { font-size: 1.17em }
.remove small, .remove sub, .remove sup { font-size: .83em }
.remove sub { vertical-align: sub }
.remove sup { vertical-align: super }
.remove table { border-spacing: 2px; }
.remove td, .remove th { vertical-align: inherit }
.remove hr { border: 1px inset }
.remove ol, .remove ul, .remove dir, .remove menu, .remove dd  { margin-left: 40px }
.remove ol { list-style-type: decimal }
.remove ol ul, .remove ul ol, .remove ul ul, .remove ol ol { margin-top: 0; margin-bottom: 0 }
.remove u, .remove ins { text-decoration: underline }
.remove br:before  { content: "\A" }
.remove :before, .remove :after { white-space: pre-line }
.remove center { text-align: center }
.remove :link, .remove :visited { text-decoration: underline }
.remove :focus { outline: thin dotted invert }
.remove col { display: table-column }
.remove colgroup  { display: table-column-group }
.remove li { display: list-item }