/* 全域定義 */
@charset "utf-8";
* {font-family: arial,細明體, STHeiti, pmingliu, sans-serif;}

body{margin:0;padding:0;font-size:13px;color:#000000;}
img{border: 0px}
a{color: #0000FF;text-decoration: none}
a:hover{color: #800000;text-decoration: underline}

#webbox{text-align:left}
.line{background-color: #0066FF}
/*---------- head 專用css ----------*/
#head{background:#005080;}
#head_right{height:100px;width:700px;}
/*---------- menu 專用css ----------*/
#menu{color:#000000}
#menu a{color:#000000}
.menu{height:30px;background-image: url(../images/menu_bg.gif);}
.menubg{background-color: #0066FF}
.menutd{background-color: #EEF7FF;padding: 8px 6px;}
/*---------- tail 專用css ----------*/

/*---------- index 專用css ----------*/
#index{float: left;width:604px}
#index01{float: right;width:188px;margin-left:5px}
#index02{float: right;width:188px;margin-left:5px}
/*---------- 自訂 專用css ----------*/
.b,.b a{font-weight: bold;}
.br{height: 5px}
.red,.red a{color:red}
.size1,size1 a{font-size:8pt}
.size2,size2 a{font-size:10pt}
.size3,size3 a{font-size:12pt}
.size4,size4 a{font-size:14pt}
.size5,size5 a{font-size:18pt}
.size6,size6 a{font-size:24pt}
.size7,size7 a{font-size:36pt}
.al {text-align:left}
.ac {text-align:center}
.ar {text-align:right}
.icon01{font-size:14pt;position: relative;top:2px}
.ol{position: relative;left:0px;width:99%}
.li{position: relative;left:14px;width:98%}
.li01{position: relative;left:14px;width:98%}
.li02{position: relative;left:14px;width:98%}
.li03{position: relative;left:14px;width:98%}
.li04{position: relative;left:14px;width:98%}
.li05{position: relative;left:14px;width:98%}
.p1{padding: 5px}

#showsel{padding:10px 5px 5px 5px;margin-bottom:5px;border: 1px solid #800000;}
.profile_list_title{padding:10px 0px 0px 0px;font-size:12pt;font-weight:bold;}
.msgbox{padding: 2px 0px 0px 5px;background-color: #FFE1E1;border: 1px solid #CC0000;width:auto;height:16px;display:none}

#ccitems_area{padding: 5px;margin: 5px 0px 5px 15px;border: 1px solid #800000;}
#ccsafeitems_area{margin: 0px;padding: 5px;margin: 5px 0px 5px 15px;border: 1px solid #9900CC;}
#ccdetail_area{margin: 0px;padding: 5px;margin: 5px 0px -15px 15px;border: 1px solid #FF0000;line-height:20px;}
#ccitems_show{padding: 5px;margin: 5px 0px 5px 15px;border: 1px solid #800000;line-height:20px;}
#ccsafeitems_show{margin: 0px;padding: 5px;margin: 5px 0px 0px 15px;border: 1px solid #9900CC;line-height:20px;}
#ccdetail_show{margin: 0px;padding: 5px;margin: 5px 0px 0px 15px;border: 1px solid #FF0000;line-height:20px;}

.cht_err {padding: 30px 0px;border: 1px solid #FF0000;color:red;text-align:center;font-size:12pt}
.cht_err p{margin: 0px;padding: 0px;line-height:30px;}
.cht_err01 {padding: 64px 0px;color:red;text-align:center}
.cht_err01 p{margin: 0px;padding: 0px;line-height:30px;}
/*---------- 表單 專用css ----------*/

.input_text{font-family: 細明體;font-size:10pt;border: 1px solid #000000;}
.input_pwd{font-family: 細明體;font-size:10pt;border: 1px solid #000000;}

.form_title {background-color: #CAF1FD}
.form [type="radio"]{position: relative;top:3px;}
.form [type="checkbox"]{position: relative;top:3px;}

/*-----錯誤-----*/
.error{display:block}
.error *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#FCDDDD}
.error1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #fdf0f0;
  border-right:1px solid #fdf0f0;
  background:#fce5e5}
.error2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fefbfb;
  border-right:1px solid #fefbfb;
  background:#fce3e3}
.error3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #fce3e3;
  border-right:1px solid #fce3e3;}
.error4{
  border-left:1px solid #fdf0f0;
  border-right:1px solid #fdf0f0}
.error5{
  border-left:1px solid #fce5e5;
  border-right:1px solid #fce5e5}
.errorfg{
  background:#FCDDDD}
.errormsg{color:#CC0000}
.err_line{background:#CC0000}
.err_bg{background:#FCDDDD;color:#CC0000}
.allow_line{background:#008000}
.allow_bg{background:#EEFFEE;color:#008000}
/*---------- tail 專用css ----------*/
.tail{display:block}
.tail *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#88C4FF}
.tail1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #cbe5ff;
  border-right:1px solid #cbe5ff;
  background:#a5d2ff}
.tail2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #f3f9ff;
  border-right:1px solid #f3f9ff;
  background:#9ecfff}
.tail3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #9ecfff;
  border-right:1px solid #9ecfff;}
.tail4{
  border-left:1px solid #cbe5ff;
  border-right:1px solid #cbe5ff}
.tail5{
  border-left:1px solid #a5d2ff;
  border-right:1px solid #a5d2ff}
.tailfg{
  background:#88C4FF}
.urlbotton{
  border: thin outset #808080;
  text-align: center;
  background-color: #808080;
  color: #FFFFFF;
  font-weight: bold;
  cursor: pointer;
}
.status_01{
  padding: 2px;
  border: thin outset #808080;
  text-align: center;
  background-color: #FFFFCC;
  color: #000000;
}
.clear {clear:both}
/*---------- ShowList 專用css ----------*/
#list {padding:0px}
.listbg {background-color: #0066FF}
.listtitle {background-color: #CAF1FD;height: 30px}
.listbody {background-color: #FFFFFF}
.listbody1 {background-color: #F4FFFE}
.listbody2 {background-color: #FFFFFF}
.listbody1 > a , .listbody2 > a {color: #0000FF !important;}
.list_text_head {color: #FFFFFF}
#list_show {padding:0px}
#list_show_con {float: left;padding-left:5px}
#list_show_btn {float: right}