/*********** common *************/

/* General Markup Styles
---------------------------------------- */

* {margin:0; padding:0; }

html { font-size:100%; height:101%; }

body { margin:0; padding:0; font-size:13px; background:#7b7a75; color:#333333; font-family:Arial, Verdana, Tahoma, "Lucida Grande", "Times New Roman", Helvetica, Verdana, sans-serif; }

a { direction:ltr; unicode-bidi:embed; }
a:link { color:#2148bc; text-decoration:none; }
a:visited { color:#2148bc; text-decoration:none; }
a:active { color:#2148bc; text-decoration:none; }
a:hover { color:#FF0066; text-decoration:underline; }

p { line-height:1.3em; font-size:13px; margin-bottom:1.5em; }

img { border-width:0; }

hr { border:0 none #FFFFFF; border-top:1px solid #CCCCCC; height:1px; margin:5px 0; display:block; clear:both; }

.p13 { font-size:13px }
.p14 { font-size:14px }
.p15 { font-size:15px }
.p16 { font-size:16px }

/* Main blocks
---------------------------------------- */
#wrap { padding:15px; margin:0 auto; background-color:#ffffff; border:1px solid #cccccc; }

#page-body { margin:4px 0; clear:both; }

#page-footer { clear:both; }

a#logo:hover { text-decoration:none; }


.copyright { font-size:13px !important; padding:5px; text-align:center; color:#555555; letter-spacing:1px; line-height:180%; }
/* Input field styles
---------------------------------------- */
.inputbox { background-color:#FFFFFF; border:1px solid #c0c0c0; color:#333333; padding:2px; cursor:text; }

.inputbox:hover { border:1px solid #eaeaea; }

.inputbox:focus { border:1px solid #eaeaea; color:#4b4b4b; }

input.inputbox { width:75%; }

/* Input field styles
---------------------------------------- */
.inputbox { padding:2px; border:1px solid #bab298; color:#484331; }

.inputbox:hover { border-color:#726744; }

.inputbox:focus { border-color:#726744; color:#726744; }
/*******************************************************************************************/
form { margin:0px; display:inline }
img { vertical-align:middle; }
br { height:1px; padding:4px; }
.br1 { line-height:5px; }
.ball { clear:both; background:url('../images/small_ball.gif') center center repeat-x }
.left { float:left }
.right { float:right }
.clear { height:0; clear:both }
.topiclist ul { list-style-type:none }
.topiclist ul li { list-style-type:none }
.topiclist ul li.left { background-color: #ffffff }
.topiclist ul li.right { background-color: #F4F7FF }
.block_body { padding:3px; text-align:left; line-height:50%; word-wrap:break-word; word-break:break-all }
.more { height:22px; }
.more a { display:inline-block; width:43px; height:22px; margin-right:10px; background:url('../images/more.gif') 0 2px no-repeat; }
.fouum_topic { display:inline-block; width:10px; height:12px; background:url('../images/icon_pages.gif') center center no-repeat}

/* 合併區塊 開始 */
.TaP { margin:0px; padding:0px; float:left; clear:none; width:100%; }
.TaP ul { margin:0; padding:0; } /*連結點位置*/
.TaPT { position:relative; top:7px; float:left; color:#003399; height:24px; line-height:24px; letter-spacing:2px; padding:0 10px; margin:0px 1px 0px 0px; background:#dddddd url("../images/title_bg1.gif") repeat; list-style:none; border-radius:5px 5px 0 0; -moz-user-select:none; -khtml-user-select:none; cursor:pointer }  /* 連結點 */
.TaPTS { position:relative; top:1px; height:28px; line-height:28px; background:#ffffff url("../images/title_bg2.gif") repeat-x; color:#cc0000; border-bottom:solid 1px #ffffff; } /* 滑鼠移過的區塊 */
.TaPCG { clear:both; } /* 說明內容框 */
.TaPC { padding:4px; color:#444444; font-size:13px} /* 說明內容 */
/* 合併區塊 結束 */


/*************** 首頁風格 ******************/
.cleaner { clear:both; width:100%; height:0px; font-size:0px; }

.margin_bottom_10 { clear:both; width:100%; height:10px; font-size:1px; }
.margin_bottom_15 { clear:both; width:100%; height:15px; font-size:1px; }
.margin_bottom_20 { clear:both; width:100%; height:20px; font-size:1px; }
.margin_bottom_30 { clear:both; width:100%; height:30px; font-size:1px; }
.margin_bottom_40 { clear:both; width:100%; height:40px; font-size:1px; }
.margin_bottom_50 { clear:both; width:100%; height:50px; font-size:1px; }
.margin_bottom_60 { clear:both; width:100%; height:60px; font-size:1px; }

.margin_right_20 { margin-right:5px; }
.margin_right_70 { margin-right:10px; }

.fl { float:left; }
.fr { float:right }

.header_01 { clear:both; padding-bottom:10px; margin-bottom:10px; font-size:16px; color:#000000; border-bottom:1px solid #000000; text-align:left; }

.header_02 { clear:both; padding-bottom:5px; margin-bottom:10px; font-size:16px; color:#000000; border-bottom:1px solid #000000; text-align:left; }

.header_03 { clear:both; padding-bottom:5px; margin-bottom:10px; font-size:16px; color:#000000; border-bottom:1px solid #000000; text-align:left; }

#container { width:1050px; margin:0 auto; border-left:1px solid #5a5829; border-right:1px solid #5a5829; }

#header { width:990px; height:90px; padding:0 30px; background:#7e7c43 url("../images/header_bg.jpg") no-repeat; }

#header #site_title { float:left; width:500px; height:90px; margin-left:45px; }

#header #lang_box { float:right; width:320px; height:95px; padding-top:15px; color:#DAD7B8; text-align:right; }

/* end of header */

/* banner */

#banner { width:990px; height:210px; padding:0 30px; background:url("../images/banner.jpg") no-repeat; }

#banner_content { width:990px; text-align:right }

#banner_content #banner_title { color:#5c5a1e; line-height:30px; font-size:24px; font-weight:bold; margin-bottom:15px; }

#banner_content p { font-size:16px; color:#5c5a1e; margin-bottom:15px; }

#banner_content a{ font-size:14px; color:#5c5a1e; font-weight:bold; text-decoration:none; }

/* end of banner */

/* menu */

#menu_top { clear:both; width:1030px; height:21px; margin-left:-25px; padding:0 35px; background:url("../images/menu_top_bg.jpg") repeat-x; color:#ffff00; text-align:right; line-height:23px; }

#menu { clear:both; width:990px; height:59px; margin-left:-25px; padding:0 55px; background:url("../images/menu_bg.jpg") repeat-x; }

#menu ul { float:left; margin:1px 0 0 0; padding:0px; list-style:none; }

#menu ul li{ padding:0px; margin:0px; display:inline; }

#menu ul li a{ float:left; display:block; width:120px; height:40px; padding:10px 0 0 0; background:url("../images/menu.jpg") no-repeat; font-size:16px; color:#E6E190; font-weight:bold; text-align:center; text-decoration:none; outline:none; }

#menu li a:hover, #menu li .current{ color:#ffffff; }

/* end of menu */

#content { clear:both; width:1010px; padding:20px; background:#e1e0cb; }

.bor1_1 { padding:1px; background:#b4aa89; }
.bor1_2 { border:1px solid #e9e7d8; padding:10px; background:#dad9bd; }

.w800 { display:inline-block; width:800px; }
.w750 { display:inline-block; width:750px; }
.w700 { display:inline-block; width:700px; }
.w650 { display:inline-block; width:650px; }
.w600 { display:inline-block; width:600px; }
.w550 { display:inline-block; width:550px; }
.w500 { display:inline-block; width:500px; }
.w450 { display:inline-block; width:450px; }
.w400 { display:inline-block; width:400px; }
.w350 { display:inline-block; width:350px; }
.w300 { display:inline-block; width:300px; }
.w250 { display:inline-block; width:250px; }
.w200 { display:inline-block; width:200px; }


.w610_outter { float:left; width:670px; padding:1px; background:#c8c69f; }

.w610_inner { border:1px solid #e9e7d8; padding:20px; background:#dad9bd; }

.w280_outter { float:right; width:310px; padding:1px; background:#c8c69f; }

.w280_inner { border:1px solid #e9e7d8; padding:20px; background:#dad9bd; }

.w610_inner .em_text { color:#000; }

.w610_inner p { margin-bottom:15px; }

.content_list_01 li { margin:0px; padding:0 0 10px 10px; list-style-image:url("../images/list_icon.jpg"); }

/* end of content */

/* footer */
#footer { width:990px; margin:0 auto; padding:15px 30px; text-align:center; color:#f4f4ea; background:url("../images/footer.jpg") repeat-y; font-size:16px; line-height:180%; letter-spacing:1px; }

#footer a { color:#ffffff; text-decoration:none; }

/* end of footer */