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

@import url("reset.css");

body {background-color:#d6f0ff;}

#Wrapper {width:auto; height:auto; margin:0px; padding:0px; background:url(../images/page-bg.jpg) repeat-x top;}

#Container {width:981px; height:auto; margin:0px auto; padding:0px; font-family:Arial,;}

#Header {display:block; width:981px; height:70px; margin:0px ; padding:0px;background:url(../images/top-bg.jpg) no-repeat; }

#image-box{ display:block; width:981px; height:236px; margin:0px ; padding:0px; /*background:url(../images/image.jpg) no-repeat;*/ }
.image-line{ width:981px; height:4px; margin:0px ; padding:0px; line-height:4px; background:#a90501/*url(../images/line.jpg) no-repeat*/; text-indent:-9999px; }

#Content {width:981px; height:auto; margin:0px ; padding:0px; background:url(../images/content-bg.jpg) repeat-y; overflow:hidden;}

#Side-box {display:block; width:256px; height:auto;  padding:0px; float:left; margin-bottom:360px;}

#Text-box {width:705px; height:auto; margin:0px; padding-left:20px; float:left;}

#Footer { width:auto; height:auto; background:url(../images/footer-bg.jpg) repeat-x;}

#Bottom-box { width:981px; height:180px; margin:0px auto; background:url(../images/bottom-bg.jpg) no-repeat; position:relative;}

.clearbox { clear:both; }

/*---------------------------------------------------上方區塊-----------------------------------------------------*/

.top-logo{ display:block;width:256px; height:70px; margin:0px; float:left; background:url(../images/logo.jpg) no-repeat; }
.top-logo span{ visibility:hidden; /*text-indent:-9999px;*/ display:block; width:256px; height:70px;}

.top-box{ float:left;display:block;width:725px; height:70px;}
.top-Language { display:block;width:671px; height:auto;text-align:right;padding:11px 0px 8px 0px;font-size:11px;}
.top-Language li{ display:inline; padding:0px 5px;}
.top-Language li a{ color:#666; text-decoration:none}
.top-Language li a:hover{ color:#333; text-decoration:underline;}
.vline {width:0px;border-left:#999 1px solid;}

.top-menu {display:block; width:700x; height:auto; /*margin:25px 54px 0px 0px; margin-top:12px;*/ padding-right:45px;  float:right; font-size:13px;}
.top-menu li{ float:left;padding:0 12px; background:url(../images/menu/menuline.jpg) right no-repeat; line-height:20px;}
.top-menu li.btn1 a{ display:block;width:45px; height:14px; background:url(../images/menu/e_menu-a1.gif) no-repeat; text-indent:-9999px;}
.top-menu li.btn2 a{ display:block;width:53px; height:14px; background:url(../images/menu/e_menu-a2.gif) no-repeat; text-indent:-9999px;}
.top-menu li.btn3 a{ display:block;width:46px; height:14px; background:url(../images/menu/e_menu-a3.gif) no-repeat; text-indent:-9999px;}
.top-menu li.btn4 a{ display:block;width:80px; height:14px; background:url(../images/menu/e_menu-a4.gif) no-repeat; text-indent:-9999px;}
.top-menu li.btn5 a{ display:block;width:55px; height:14px; background:url(../images/menu/e_menu-a5.gif) no-repeat; text-indent:-9999px;}
.top-menu li.btn6 a{ display:block;width:70px; height:14px; background:url(../images/menu/e_menu-a6.gif) no-repeat; text-indent:-9999px;}
.top-menu li.btn7 a{ display:block;width:40px; height:14px; background:url(../images/menu/e_menu-a7.gif)  no-repeat ; text-indent:-9999px; }

.top-menu li.btn1 a:hover{ background:url(../images/menu/e_menu-b1.gif) no-repeat; }
.top-menu li.btn2 a:hover{ background:url(../images/menu/e_menu-b2.gif) no-repeat; }
.top-menu li.btn3 a:hover{ background:url(../images/menu/e_menu-b3.gif) no-repeat; }
.top-menu li.btn4 a:hover{ background:url(../images/menu/e_menu-b4.gif) no-repeat; }
.top-menu li.btn5 a:hover{ background:url(../images/menu/e_menu-b5.gif) no-repeat; }
.top-menu li.btn6 a:hover{ background:url(../images/menu/e_menu-b6.gif) no-repeat; }
.top-menu li.btn7 a:hover{ background:url(../images/menu/e_menu-b7.gif) no-repeat ; }

/*---------------------------------------------------側邊選單-----------------------------------------------------*/

.side-title {width:256px; height:87px; margin:0px; padding:0; /*background:url(../images/side-title-1.jpg) no-repeat;*/}

.side-list {width:140px; margin-left:60px; font-size:13px;}
.side-list li{display:block; width:140px; height:auto; padding:5px 0;/*margin-bottom:10px;*/border-bottom:#999 1px dashed; line-height:20px;}
.side-list li a{color:#333;}
.side-list li a:hover{color:#ab0901;}

.side-list .list-A a{color:#ab0901;  font-family:Verdana, Arial,; font-size:13px;} /*選單on的狀態*/
.side-list .list-A a:hover{color:#ab0901;}

.side-list .list-B a{font-family:Verdana, Arial,; font-size:12px; letter-spacing:1px;color:#666;background:url(../images/arrow.jpg) left no-repeat; padding-left:14px;display:block;}
.side-list .list-B a:hover{ color:#333; background-color:#C8EDFF;}


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

.text-title{ width:350px; height:27px;background:url(../images/e-title-bg.jpg) no-repeat; margin-top:38px;}
.text-title p{ font-size:15px; color:#FFF; font-weight:bold; font:Verdana; margin-left:20px; line-height:27px;}

/*---------------------------------------------------一般編輯器內容-----------------------------------------------------*/
/*4.24 jacky 為保證index.php?act=develop不出現toobar min-height:700px;height:700px; 統一調整為850*/
.Editor{ display:block; width:650px; min-height:850px; height:auto;!important; height:850px;/*_height: expression( document.body.clientheight < 1000? "1000px" : document.body.clientheight > 1000? "1000px" : "auto" );*/ padding:5px 5px 10px 5px; font-size:13px; color:#333; font:Verdana; letter-spacing:1px;line-height:24px; overflow:auto;}
.EditorB{ display:block; width:650px;min-height:800px; height:auto;!important; height:800px;/*min-height:1000px;_height: expression( document.body.clientheight < 1000? "1000px" : document.body.clientheight > 1000? "1000px" : "auto" );*/ padding:5px 5px 10px 5px;font-size:13px; color:#333; font:Verdana; letter-spacing:1px;line-height:24px;overflow:auto;}



/*文字顏色*/
.type-red{ color:#900;}

/*---------------------------------------------------Footer-----------------------------------------------------*/

#Bottom-box .copyright { position:absolute; bottom:5px; left:250px; width:420px;font-size:11px; color:#FFF; display:block; float:left; /*margin:150px 0px 0px 60px;*/font-family:Arial, Helvetica, sans-serif;}
#Bottom-box .IWARE{position:absolute; bottom:5px; left:60px;/*float:left;*/font-size:11px; color:#CCC; /*margin:150px 0px 0px 40px;*/ }
#Bottom-box .IWARE a{color:#CCC;  }
#Bottom-box .down-menu {position:absolute; display:block; bottom:10px; right:40px; width:250px; height:20px; font-size:11px;  text-align:right;/*margin:150px 40px 0px 0px;*/ font-family:Arial, Helvetica, sans-serif;}
#Bottom-box .down-menu li{display:inline;  padding:0px 5px; line-height:20px;}
#Bottom-box .down-menu li a{ color:#fff; text-decoration:none;}
#Bottom-box .down-menu li a:hover{ color:#999; text-decoration:underline;}