@charset "utf-8";
/* =============================================================================
   BASIC
   ========================================================================== */
html, body { margin:0; padding:0; height:100%; }
html { background:#CCC url(../images/bg000.jpg) repeat-y top left; }
body, th, td, input, select { font-family:"Hiragino Kaku Gothic Pro","微軟正黑體","Microsoft Jhenghei",Helvetica,Arial,sans-serif; font-size:14px; }
::selection { background-color:rgba(161,144,197,0.8); color:#fff; }
a { text-decoration: none; }
b { font-weight:normal; }
p { line-height:2em; }
h1,h2,h3,h4,h5,h6 { font-weight:400; }
h1 { font-size:40px; font-family:"Hiragino Kaku Gothic Pro","微軟正黑體","Microsoft Jhenghei",Helvetica,Arial,sans-serif; }
h2 { font-size:26px; font-family:"Hiragino Kaku Gothic Pro","微軟正黑體","Microsoft Jhenghei",Helvetica,Arial,sans-serif; }
h3 { font-size:18px; font-family:"Hiragino Kaku Gothic Pro","微軟正黑體","Microsoft Jhenghei",Helvetica,Arial,sans-serif; }
h4 { font-size:16px; font-family:"Hiragino Kaku Gothic Pro","微軟正黑體","Microsoft Jhenghei",Helvetica,Arial,sans-serif; }
h5 { font-size:14px; font-family:"Hiragino Kaku Gothic Pro","微軟正黑體","Microsoft Jhenghei",Helvetica,Arial,sans-serif; }
h6 { font-size:12px; font-family:"Hiragino Kaku Gothic Pro","微軟正黑體","Microsoft Jhenghei",Helvetica,Arial,sans-serif; }
a:link, a:visited { text-decoration:none; cursor:pointer; }
table,th,td { margin:0; padding:0; border:none; outline:none; border-collapse:collapse; border-spacing:0; }
.clear { clear:both; }
.bg { background:url(../images/wrapper_bg4.png) repeat-y top left; }

.fitimg{ position:relative; overflow:hidden; background:#f2f2f2; }
.fitimg img{ opacity:0;
-webkit-transition: 0.4s ease-in-out;
   -moz-transition: 0.4s ease-in-out;
    -ms-transition: 0.4s ease-in-out;
     -o-transition: 0.4s ease-in-out;
        transition: 0.4s ease-in-out; }

.ie{ position:fixed; width:60%; height:80%; padding:10% 20%; text-align:center; left:0; top:0; background: #CCC; z-index:9999; }
.ie h2, .ie h4{color:#333 !important;}
.ie p{ text-align:center; color:#333 !important; font-size:13px;}
.ie a{ color:#F36;}
.loading{ position:fixed; width:100%; height:100%; left:0; top:0; background:url(../images/loading.gif) no-repeat center center #FFF; z-index:2000; }

.font_s { font-size:100%; }
.font_m { font-size:120%; }
.font_l { font-size:150%; }

.img_r { float:right; display:block; padding:0 0 20px 20px; }
.img_l { float:left; display:block; padding:0 20px 20px 0; }
.img_c { float:none; display:block; text-align:center; padding:20px; }



/*網頁範圍*/
#wrapper { position:relative; width:100%; margin:0 auto; }

/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*FULL滿版區塊*/
#full_block { width:100%; }

/*---------登入頁---------*/
#login_box { width:600px; margin:80px auto; padding:50px 0; background:#fff; font-size:14px; line-height:1.6em;
-webkit-box-shadow:rgba(0,0,0,0.4) 0px 0 5px;
-moz-box-shadow:rgba(0,0,0,0.4) 0px 0 5px;
-ms-box-shadow:rgba(0,0,0,0.4) 0px 0 5px;
-o-box-shadow:rgba(0,0,0,0.4) 0px 0 5px;
box-shadow:rgba(0,0,0,0.4) 0px 0 5px; }

#login_box b { display:block; width:200px; height:80px; margin:0 auto 5px auto; background:url(../images/logo1.png) no-repeat center; text-indent:-9999px; }

#login_box p { margin:0; padding:0; font-size:12px; line-height:1.4em; text-align:center; color:#999; }
#login_box h4 { margin:0px; padding:0px; text-align:center; color:#999; }

#login_box .box_info { background:#555; margin:30px 0; padding:40px; color:#fff;
-webkit-box-shadow:rgba(0,0,0,0.4) 0px 0 5px;
-moz-box-shadow:rgba(0,0,0,0.4) 0px 0 5px;
-ms-box-shadow:rgba(0,0,0,0.4) 0px 0 5px;
-o-box-shadow:rgba(0,0,0,0.4) 0px 0 5px;
box-shadow:rgba(0,0,0,0.4) 0px 0 5px; }
#login_box table { width:300px; margin:0 auto; }
#login_box th { padding:3px; font-weight:normal; }
#login_box td { padding:3px; }
#login_box .red { color:#ff9933; line-height:1.4em; }

#login_box input { border:solid 1px #ccc; background:#eaeaea;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px; }
#login_box .t1 { width:195px; }
#login_box .t2 { float:left; width:105px; margin:0 10px 0 0; }
#login_box .scode {}

#login_box .btn { float:left; display:block; margin:0 5px 0 0; padding:3px 20px; background:#333; border:none; line-height:20px; color:#fff;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px; }
#login_box .btn:hover { background:#121212; }

#login_box .btn2 { float:left; display:block; margin:0 5px 0 0; padding:3px 20px; background:#333; border:none; line-height:20px; color:#fff;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px; }
#login_box .btn2:hover { background:#121212; }

/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*LEFT左邊區塊*/
#left_block { position:absolute; top:0; left:0; z-index:999; width:230px; background:#444;
-webkit-box-shadow:rgba(0,0,0,0.2) 0px 0 3px;
-moz-box-shadow:rgba(0,0,0,0.2) 0px 0 3px;
-ms-box-shadow:rgba(0,0,0,0.2) 0px 0 3px;
-o-box-shadow:rgba(0,0,0,0.2) 0px 0 3px;
box-shadow:rgba(0,0,0,0.2) 0px 0 3px; }

/*LOGO*/
#logo { width:230px; height:120px; border-bottom:solid 1px #444; display:table; }
#logo a { display:table-cell; vertical-align:middle; text-align:center; width:230px; height:120px; }

/*MENU網站管理*/
#web_menu { }
#web_menu h3 { margin:0px; padding:10px 20px; border-bottom:solid 1px #444; background:url(../images/bg_k60.png) repeat; color:#999; }
#web_menu ul { margin:0px; padding:0px; }
#web_menu ul li { position:relative; margin:0px; padding:0px; list-style:none; }
#web_menu ul li a { display:block; padding:10px 20px 10px 38px; background:url(../images/bg_k20.png) repeat; color:#CCC; border-bottom:solid 1px #444; }
#web_menu ul li a:hover { background:url(../images/bg_k40.png) repeat; color:#fff; }
#web_menu ul li a.cur { background:url(../images/bg_k50.png) repeat; color:#fff;  }
#web_menu ul li a:before { display:none; content:""; position:absolute; top:15px; left:22px; width:10px; height:10px; background:url(../images/arrows.png) no-repeat; }
#web_menu ul li a:hover:before { display:block; }
#web_menu ul li a.cur:before { display:block; }

#web_menu>ul>li:hover>ul { display:block; }
#web_menu>ul>li>ul { display:none; position:absolute; top:0px; left:230px; z-index:998; width:200px; margin:0px; padding:0px; background:url(../images/bg_g590.png) repeat;
-webkit-box-shadow:rgba(0,0,0,0.2) 0px 0 3px;
-moz-box-shadow:rgba(0,0,0,0.2) 0px 0 3px;
-ms-box-shadow:rgba(0,0,0,0.2) 0px 0 3px;
-o-box-shadow:rgba(0,0,0,0.2) 0px 0 3px;
box-shadow:rgba(0,0,0,0.2) 0px 0 3px; }
#web_menu>ul>li>ul>li>a { border-bottom:solid 1px #666; }

#web_menu>ul>li>ul>li:hover>ul { display:block; }
#web_menu>ul>li>ul>li>ul { display:none; position:absolute; top:6px; left:200px; z-index:997; width:200px; margin:0px; padding:0px; background:url(../images/bg_g690.png) repeat;
-webkit-box-shadow:rgba(0,0,0,0.2) 0px 0 3px;
-moz-box-shadow:rgba(0,0,0,0.2) 0px 0 3px;
-ms-box-shadow:rgba(0,0,0,0.2) 0px 0 3px;
-o-box-shadow:rgba(0,0,0,0.2) 0px 0 3px;
box-shadow:rgba(0,0,0,0.2) 0px 0 3px; }
#web_menu>ul>li>ul>li>ul>li>a { border-bottom:solid 1px #777; }


/*MENU系統管理*/
#system_menu { }
#system_menu h3 { margin:0px; padding:10px 20px; border-bottom:solid 1px #444; background:url(../images/bg_k60.png) repeat; color:#999; }
#system_menu ul { margin:0px; padding:0px; }
#system_menu ul li { position:relative; margin:0px; padding:0px; list-style:none; }
#system_menu ul li a { display:block; padding:10px 20px 10px 38px; background:url(../images/bg_k20.png) repeat; color:#CCC; border-bottom:solid 1px #444; }
#system_menu ul li a:hover { background:url(../images/bg_k40.png) repeat; color:#fff; }
#system_menu ul li a.cur { background:url(../images/bg_k50.png) repeat; color:#fff;  }
#system_menu ul li a:before { display:none; content:""; position:absolute; top:15px; left:22px; width:10px; height:10px; background:url(../images/arrows.png) no-repeat; }
#system_menu ul li a:hover:before { display:block; }
#system_menu ul li a.cur:before { display:block; }

#system_menu>ul>li:hover>ul { display:block; }
#system_menu>ul>li>ul { display:none; position:absolute; top:0px; left:250px; width:200px; margin:0px; padding:0px; background:url(../images/bg_g590.png) repeat;
-webkit-box-shadow:rgba(0,0,0,0.2) 0px 0 3px;
-moz-box-shadow:rgba(0,0,0,0.2) 0px 0 3px;
-ms-box-shadow:rgba(0,0,0,0.2) 0px 0 3px;
-o-box-shadow:rgba(0,0,0,0.2) 0px 0 3px;
box-shadow:rgba(0,0,0,0.2) 0px 0 3px; }
#system_menu>ul>li>ul>li>a { border-bottom:solid 1px #666; }

#system_menu>ul>li>ul>li:hover>ul { display:block; }
#system_menu>ul>li>ul>li>ul { display:none; position:absolute; top:6px; left:200px; width:200px; margin:0px; padding:0px; background:url(../images/bg_g690.png) repeat;
-webkit-box-shadow:rgba(0,0,0,0.2) 0px 0 3px;
-moz-box-shadow:rgba(0,0,0,0.2) 0px 0 3px;
-ms-box-shadow:rgba(0,0,0,0.2) 0px 0 3px;
-o-box-shadow:rgba(0,0,0,0.2) 0px 0 3px;
box-shadow:rgba(0,0,0,0.2) 0px 0 3px; }
#system_menu>ul>li>ul>li>ul>li>a { border-bottom:solid 1px #777; }


/*FOOTER*/
#footer { padding:20px; font-size:13px; color:#aaa; }
#footer a { color:#ccc; }
#footer a:hover { color:#fff; }

/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*MAIN主要區塊*/
#main_block_all { float:right; width:100%; }
#main_block { margin-left:230px; min-width:750px; }

/*最上方區塊*/
#top { padding:10px 10px 7px 10px; line-height:23px; background:url(../images/bg_w90.png) repeat; overflow:auto;
position:relative; z-index:4;
-webkit-box-shadow:rgba(0,0,0,0.2) 0px 0 3px;
-moz-box-shadow:rgba(0,0,0,0.2) 0px 0 3px;
-ms-box-shadow:rgba(0,0,0,0.2) 0px 0 3px;
-o-box-shadow:rgba(0,0,0,0.2) 0px 0 3px;
box-shadow:rgba(0,0,0,0.2) 0px 0 3px; }

/*WELCOMEUSER歡迎使用者*/
#welcomeuser { float:left; }

/*TIMENOW現在時間*/
#timenow { float:left; padding:0 10px; }

/*lan語系選擇*/
#lan { float:right; overflow:auto; }
#lan h5 { float:left; margin:0 5px; padding:0; }
#lan ul { margin:0px; padding:0px; overflow:auto; }
#lan ul li { float:left; margin:0 3px; padding:0px; list-style:none; }
#lan ul li a { display:block; padding:0 10px; background:#999; color:#fff;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px; }
#lan ul li a:hover { background:#666; }
#lan ul li a.cur { background:#333; }
#lan select { float:left; border:solid 1px #ccc; background:#f5f5f5;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px; }

/*----------------------------------------------------------*/

/*單元標題*/
#tit { padding:30px 0; font-size:24px; line-height:20px; text-align:center; background:url(../images/bg_w90.png) repeat; overflow:auto;
position:relative; z-index:3;
-webkit-box-shadow:rgba(0,0,0,0.2) 0px 0 3px;
-moz-box-shadow:rgba(0,0,0,0.2) 0px 0 3px;
-ms-box-shadow:rgba(0,0,0,0.2) 0px 0 3px;
-o-box-shadow:rgba(0,0,0,0.2) 0px 0 3px;
box-shadow:rgba(0,0,0,0.2) 0px 0 3px; }

/*----------------------------------------------------------*/

/*工具列*/
#tool { padding:10px; line-height:25px; background:url(../images/bg_w70.png) repeat; overflow:auto;
position:relative; z-index:2;
-webkit-box-shadow:rgba(0,0,0,0.2) 0px 0 3px;
-moz-box-shadow:rgba(0,0,0,0.2) 0px 0 3px;
-ms-box-shadow:rgba(0,0,0,0.2) 0px 0 3px;
-o-box-shadow:rgba(0,0,0,0.2) 0px 0 3px;
box-shadow:rgba(0,0,0,0.2) 0px 0 3px; }

/*SEARCH關鍵字搜尋*/
#search { float:left; overflow:auto; margin:0 0 -6px 0; }
#search h5 { float:left; margin:0 5px 0 0; padding:0; }
#search .text { float:left; margin:0; padding:2px 5px; width:200px; height:19px; line-height:19px; color:#666; border:solid 1px #ccc;
-webkit-border-radius:3px 0 0 3px;
-moz-border-radius:3px 0 0 3px;
-ms-border-radius:3px 0 0 3px;
-o-border-radius:3px 0 0 3px;
border-radius:3px 0 0 3px; }
#search .btn { width:25px; height:25px; border:none; background:#999 url(../images/icon_search.png) center no-repeat;
-webkit-border-radius:0 3px 3px 0;
-moz-border-radius:0 3px 3px 0;
-ms-border-radius:0 3px 3px 0;
-o-border-radius:0 3px 3px 0;
border-radius:0 3px 3px 0; }
#search .btn:hover { background:#666 url(../images/icon_search.png) center no-repeat; }

/*PATH麵包屑*/
#path { float:right; color:#999; }
#path a { color:#666; }
#path a:hover,#path a.cur { color:#333; }

/*----------------------------------------------------------*/

/*控制區塊*/
#control { padding:10px; line-height:23px; background:url(../images/bg_w70.png) repeat; overflow:auto;
position:relative; z-index:1;
-webkit-box-shadow:rgba(0,0,0,0.2) 0px 0 3px;
-moz-box-shadow:rgba(0,0,0,0.2) 0px 0 3px;
-ms-box-shadow:rgba(0,0,0,0.2) 0px 0 3px;
-o-box-shadow:rgba(0,0,0,0.2) 0px 0 3px;
box-shadow:rgba(0,0,0,0.2) 0px 0 3px; }

/*下拉選項*/
#control .selectopen { float:left; overflow:auto; margin:0 10px 0 0; }
#control .selectopen h5 { float:left; margin:0 5px 0 0; padding:0; }
#control .selectopen select { float:left; border:solid 1px #ccc;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px; }

/*按鈕*/
#control .btn { float:right; margin:0 0 0 10px; }
#control .btn a { display:block; padding:0 10px; background:#999; color:#fff;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px; }
#control .btn a:hover { background:#666; }
#control .btn input { margin:0; padding:2px 10px; background:#999; border:none; line-height:20px; color:#fff;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px; }
#control .btn input:hover { background:#666; }

/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/

/*CONTENT內容區塊*/
#content { margin:30px; padding:10px; background:#fff;
-webkit-box-shadow:rgba(0,0,0,0.2) 0px 0 3px;
-moz-box-shadow:rgba(0,0,0,0.2) 0px 0 3px;
-ms-box-shadow:rgba(0,0,0,0.2) 0px 0 3px;
-o-box-shadow:rgba(0,0,0,0.2) 0px 0 3px;
box-shadow:rgba(0,0,0,0.2) 0px 0 3px; }
#content table { border-top:solid 1px #ccc; border-left:solid 1px #ccc; }
#content th { border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; padding:8px; color:#333; background:#eaeaea; }
#content td { border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; padding:8px; color:#333; background:#fafafa; }
#content .mid { width:100%; margin:0 auto 10px auto; }
#content .tit { font-size:110%; }
#content a { display:block; color:#7860ab; }
#content a:hover { color:#a190c5; }

.tablecl { border:none !important; padding:0 !important; }
.tablecl table { border:none !important; padding:0 !important; }
.tablecl th { border:none !important; padding:0 !important; }
.tablecl td { border:none !important; padding:0 !important; }

.tableop table { border-top:solid 1px #ccc !important; border-left:solid 1px #ccc !important; }
.tableop th { border-bottom:solid 1px #ccc !important; border-right:solid 1px #ccc !important; padding:8px !important; color:#333; background:#eaeaea; }
.tableop td { border-bottom:solid 1px #ddd !important; border-right:solid 1px #ddd !important; padding:8px !important; color:#333; background:#fafafa; }


/*PAGE頁碼*/
#page { clear:both; padding:20px 15px; }
#page ul { display:block; margin:0; padding:0; text-align:center;/*用文字方向可控制按鈕位置*/ }
#page ul li { display:inline-block; margin:0 2px; padding:0; list-style:none; font-size:13px; line-height:24px; text-align:center; }
#page ul li a { display:block; padding:0px 10px; background:#eaeaea; border:solid 1px #ccc; color:#666;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px; }
#page ul li a:hover { background:#999; border:solid 1px #ccc; color:#FFF; }
#page ul li a.cur { background:#666; border:solid 1px #999; color:#FFF; }

/*確認送出區塊按鈕 CONFIRM*/
#confirm { padding:20px; line-height:23px; overflow:auto; }
#confirm .btn { float:right; margin:0 0 0 10px; }
#confirm .btn input { margin:0; padding:5px 20px; background:#999; border:none; line-height:20px; color:#fff;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
-o-border-radius:3px;
border-radius:3px; }
#confirm .btn input:hover { background:#666; }

/*------------------------------------------------------------------------------------------------------------------------------------------------------------*/




/*小螢幕-電腦版設計是寬螢幕瀏覽時視情況使用*/
@media only screen and (max-width:1200px) {}
/*平板*/
@media only screen and (max-width:800px) {}
/*手機板*/
@media only screen and (max-width:570px) {}