@charset "utf-8";
body {font:normal 18px/140% Arial, Helvetica, "微軟正黑體";color:#636363;background-color:#fff;margin:0;padding:0;}
a {text-decoration:none;}
:hover {transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;}
a:hover{ color:#e4bc67;}
/*img:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8; -khtml-opacity: 0.8;}*/
div, p, span, ul, ol, li, h1, h2, h3, h4, h5, h6, input, table, td, th, img {margin: 0;padding: 0;border: none;}
img {border: none;}
ul, li {list-style: none;}
table.tbType ul, table.tbType ol{margin: 0 0 0 20px;}
table.tbType ul, table.tbType li {list-style: inherit; list-style-position:outside; word-break: break-all; }

.fL {float:left;}
.fR {float:right;}
.tL {text-align:left;}
.tR {text-align:right;}
.tC {text-align:center;}
.clr {clear:both;}
h4, h5 {font-weight:normal;}
h2 {font-size:30px;line-height:30px;}
h3 {font-size:24px;line-height:30px;}
h4 {font-size:21px;line-height:24px;}
h5 {font-size:18px;line-height:18px;}
h4 .small{ font-size:14px;}
/*form元素設定*/
input[type="text"], input[type="password"], textarea, select {font: 16px/100% Arial, "微軟正黑體";color: #636363; width:100%;  line-height:30px; height:30px;border-radius:4px; border:1px solid #ccc; overflow:hidden; padding:0 5px; background-color:#fff; overflow:hidden;position:relative; box-sizing:border-box;}
select{  height:30px;padding:0;border-radius:4px; border:1px solid #ccc; overflow:hidden; height:30px; line-height:30px; background-color:#fff; overflow:hidden;position:relative;}
input[type="button"]{ background-color: #34495e; color: #fff;  text-align: center; padding: 0 10px; margin: 0 0 0 5px; display: inline-block; width: auto;vertical-align: middle;font: 16px/30px Arial, "微軟正黑體";height: 30px;border-radius:4px; cursor: pointer;}
input[type="button"]:hover{ /*background-color:#e4bc67;*/ filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8; -khtml-opacity: 0.8;}
input[type="text"].short1, select.short1{ width: 50%;}
input[type="text"].short2, select.short2{ width: 30%;}

.inputbox, .selectbox{ border-radius:4px; border:1px solid #ccc; overflow:hidden;  background-color:#fff; overflow:hidden;}
.inputbox.cal{ padding: 0 30px 0 0; position: relative; box-sizing: border-box; display: inline-block; vertical-align: middle;width: 30%;}
.inputbox.cal a.date{ background:url(../images/icon_input_cal.png) center center no-repeat; width: 30px; height: 30px; display: block; position: absolute; right: 0; top: 0; background-size: 24px auto;}
.inputbox input[type="text"]{ border:none;}
.selectbox{padding:0; background:#fff url(../images/icon_select_arrow.png) right center no-repeat; background-size:contain;}

label{display:inline-block; margin:0 10px 0 0;}
.radio, .checkbox{display:none}/*txt_input*/
.radioInput{background:#fff url(../images/icon_radio_un.png) center center no-repeat;border:1px solid #d0d0d0;border-radius:100%;display:inline-block;margin-right:5px; vertical-align:sub;width:16px; height:16px; line-height:1;}
.radio:checked + .radioInput:after{background:#fff url(../images/icon_radio_ok.png) center center no-repeat;border:1px solid #57acdd;border-radius:100%;content:"";display:block;margin:-1px;width:16px; height:16px;}

.checkboxInput{background:#fff url(../images/icon_checkbox_un.png) center center no-repeat;border:1px solid #d0d0d0; border-radius:4px;display:inline-block;height:16px;width:16px;margin-right:5px; vertical-align:sub; line-height:1; }
.checkbox:checked + .checkboxInput:after{background:#fff url(../images/icon_checkbox_ok.png) center center no-repeat;border:1px solid #f78908;border-radius:4px;content:"";display:inline-block;height:16px;width:16px; margin:-1px;}
.checkbox.radioInput, .radio:checked + .checkbox.checkboxInput:after{border-radius:0;}
textarea{ border-radius:4px; border:1px solid #ccc;  height:100px; line-height:21px;  background-color:#fff;padding:5px; box-sizing:border-box;}
.checkboxItem{ color: #444; font-weight: bold; margin-right: 20px;}
/*wrapper*/
.wrapper{ border-top:2px solid #e60012;}
.block{ margin:0 auto; width:1000px; padding:20px 0 0;}
/*header*/
.header{ height:80px; margin:0 auto; padding:20px; box-sizing:border-box; position:relative; background-color:#fff;}
.header .logo{float:left;}
.header .logo a{ background:url(../images/logo.png) 0 0 no-repeat; background-size: auto 40px; padding:5px 0 0 200px; color:#8e8e8e; font-size:20px; line-height:40px; font-weight:bold; display:block;}
.logo a .sub2{font-size:16px; color:#fff; font-weight: normal;padding:0 5px; line-height: 30px; margin: 0 0 0 5px; background-color: #e91b0e; display: inline-block; vertical-align: middle;}
.topnav{ position:absolute; right:10px; top:30px;}
.topnav li{  line-height:30px; color:#575757; font-size:16px; display:inline-block; vertical-align:top;}
.topnav li a{ border-left:1px solid #909090; color:#909090;padding:0 10px; font-size:14px;}
.topnav li a:hover{ color:#e7a008;}
.topnav li:first-child a{ border:none;}
.topnav li a.home{ background:#dc0000 url(../images/icon_home.png) 0 0 no-repeat; width:30px; height:30px; display:inline-block; vertical-align:top; padding:0; border-radius:20px; margin:0 10px 0 0;}
.topnav li a.home:hover{ background-color:#ff0000;}

/*container*/
.content{ position:relative; background: url(../images/bg_side.jpg)0 0 repeat-y;}
/*footer*/
.footer{ padding:10px 0; text-align:center; color:#393939; background-color:#fff;  font-size:14px; border-top:1px solid #ddd; clear: both;}

/*首頁-navblock*/
.navblock{ background:#0054a8 url(../images/navblock_titbg.jpg) 0 bottom no-repeat; padding:0 0 0 290px; position:relative; min-height:240px; overflow:hidden; margin:0 auto 20px auto; width:1000px;  box-sizing:border-box; }
.navblock h2{ position:absolute; top:20px; left:20px; color:#ffffff;}
.navblock .navbox{background-color:#fff;position: absolute; top: 0; right: 0 ;bottom: 0; left: 280px;}
.navblock ul{margin: -10px -10px 0 0;}
.navblock li{ width:230px; height:230px; display:block; float:left; position:relative; margin: 10px 10px 0 0;}
.navblock li.width2{width:470px;}
.navblock li.width3{width:100%; margin: 10px 0 0;}
.navblock li.width4{width:350px;}

.navblock li a{ position:absolute; top:0; bottom:0; right:0; left:0;}
.navblock li a:hover{ border:10px solid rgba(255,255,255,0.4);}
.navblock h3{ color:#fff; position:absolute; bottom:0px;left:0px; right:0;padding:10px; line-height:24px; box-sizing:border-box;}
.navblock h3.type2{ padding:15px 10px 10px 10px;}
.navblock h3 span{ display:block; font-size:18px;}
.navblock .nb{ background:#b9b9b9 url(../images/blank_logo.png) center center no-repeat;}
.navblock .nb1{ background:#f6365b url(../images/nav_icon_1.png) center 40px no-repeat; background-size: 100px auto;}
.navblock .nb2{ background:#8069a1 url(../images/nav_icon_2.png) center 40px no-repeat; background-size: 100px auto;}
.navblock .nb3{ background:#d4426e url(../images/nav_icon_3.png) center 40px no-repeat; background-size: 100px auto;}
.navblock .nb4{ background:#1e8bc3 url(../images/nav_icon_4.png) center 40px no-repeat; background-size: 100px auto;}
.navblock .nb5{ background:#67577e url(../images/nav_icon_5.png) center 40px no-repeat; background-size: 100px auto;}
.navblock .nb6{ background:#35bc7a url(../images/nav_icon_6.png) center 40px no-repeat; background-size: 100px auto;}
.navblock .nb7{ background:#e13721 url(../images/nav_icon_7.png) center 40px no-repeat; background-size: 100px auto;}




.breadcrumbs{ height:24px; overflow:hidden; margin:0 0 10px;}
.breadcrumbs li a{ font-size:14px; color:#919090; background:url(../images/icon_bc_arrow.png) right center no-repeat; padding:0 20px 0 0;float:left;}
.breadcrumbs li a:hover{ color:#e7a008;}


/*側邊選單*/
.sideMenu{width: 200px;overflow: hidden; float:left;background-color:#f2f2f2; border-top:1px solid #ddd;}
.sideMenu ul{ width:200px;}
.sideMenu li{ margin:0; display:block;border-bottom:1px solid #fff;}
.sideMenu li a{display:block;  box-sizing:border-box; color:#333333; padding:10px 20px 10px 10px; line-height:18px; font-size:18px;}
.sideMenu li a:hover{ color:#fff;}

/*側邊選單-次選單subMenu*/
.subMenuBlock{position:relative; cursor:pointer;}
.subMenuBlock .subMenu{ display:none;}
.sideMenu li.on .subMenuBlock .subMenu{ display:block;}
.sideMenu .subMenu li{ margin:0;}
.sideMenu .subMenu li > a{ border:none; font-size:16px; background:#f2f2f2 url(../images/icon_submenu_arrow.png) 10px 10px no-repeat;padding:10px 20px 10px 30px;}
.sideMenu .subMenu li a:hover{background:#999 url(../images/icon_submenu_arrow_on.png) 10px 10px no-repeat;}
.content .sideMenu .subMenu li a{ border:none; background-color:#f2f2f2; color:#333;}
.content .sideMenu .subMenu li a:hover{ }
.ddicon{ display:block; width:40px; height:40px; position:absolute; right:0; top:-40px;background:url(../images/icon_submenu_arr_tit.png) right center no-repeat; }
.content li:hover .ddicon, .content li.on .ddicon{background:url(../images/icon_submenu_arr_tit_on.png) right center no-repeat; }


/*側邊選單-各項目改色*/
.content .sideMenu li a{ border-left:4px solid #e60013;}
.content .sideMenu li a:hover, .content .sideMenu li a.on, .content .sideMenu li.on2{ background-color:#af0000;color: #fff;}
.content .sideMenu li.on > a{ background-color:#af0000; color:#fff;}
.content .subMenu li.on2 > a{ background:#af0000 url(../images/icon_submenu_arrow_on.png) 10px 10px no-repeat; color:#fff;}

/*主要區域*/
.mainBlock{overflow: hidden;position: relative;padding: 0 20px; min-height: 1000px;}
.mainBlock h3.tit{ color:#222; position:relative; margin:0 0 10px;}
.tit .Rmenu{ position:absolute; right:0; top:-2px;}
.Rmenu li{display:inline-block;}
.Rmenu li a{ color:#fff; background-color:#999; border-radius:4px; font-size:16px; font-weight:normal; padding:0 10px; line-height:30px;display:block;}
.Rmenu li a.add{ background-color:#ff9500;}
.Rmenu li a:hover{ background-color:#ffa200;}

/*主要表格*/
.tbType{border-bottom:1px solid #eee; border-top:2px solid #999;font-size:16px;background-color:#fff; margin:0 0 20px;border-left: 1px solid #ddd;}
.tbType th{ padding:10px 5px; line-height:18px; background-color:#eee; box-sizing:border-box;border-top: 1px solid #ddd;border-right: 1px solid #ddd;}
.tbType td{ padding:5px;box-sizing:border-box; border-top: 1px solid #ddd;border-right: 1px solid #ddd;}
tr.bg{ background-color:#f2f2f2;}
.tbType a{ color:#e45854;}
.tbType a:hover{ color:#e4bc67;}
.tbType td .tdBox{ line-height:1.4em;line-height: initial;}

.tbType2{ margin:0 0 20px;border-bottom:1px solid #eee;}
.tbType2 th{ padding:20px 5px; line-height:18px; background-color:#efefef; min-width:6em; box-sizing:border-box;}
.tbType2 td{ padding:10px; line-height:18px;box-sizing:border-box;}
.tbType2 tr.bg th{ background-color:#e9e9e9;}

.tbType3{ margin:0 0 20px; border-top:1px solid #f98522;}
.tbType3 th{ padding:20px 5px; line-height:18px; background-color:#fff7eb; width:260px; box-sizing:border-box;border-bottom:1px solid #eee; position:relative;}
.tbType3 td{ padding:10px; line-height:18px;box-sizing:border-box;border-bottom:1px solid #eee;}
.tbType3.type2 th{ text-align:left; padding: 10px 70px 10px 10px; }

th .tbRbtn{ position:absolute; right:10px; top:15px;}
th .tbRbtn a{ color:#fff; background-color:#959595; text-align:center; border-radius:4px; padding:2px 10px 0 10px; font-size:16px; line-height:24px; display:block;}
th .tbRbtn a:hover{ background-color:#0f5ba3;}
/*表格-各項目改色*/
.content .tbType{ border-top:2px solid #ff9500;}
.content .tbType th{ background-color:#fffcef;}
.content .tbType tr.bg th{ background-color:#fffcef;}




/*表格內按鈕*/
.tbBtn{ text-align:center; margin:0 auto;}
.tbBtn a{ border-radius:4px; padding:0 5px 0 24px; display:block; text-align:center; color:#fff; line-height:30px;  min-width:40px;margin: 5px 0; font-size:16px;}
/*.tbBtn a:first-child{ margin:0;}*/
.tbBtn a:hover{filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8; -khtml-opacity: 0.8;}
.tbBtn a.view{ background:#34495e url(../images/icon_tbBtn_view.png) 0 0 no-repeat;}/*查看*/
.tbBtn a.edit{ background:#34495e url(../images/icon_tbBtn_edit.png) 0 0 no-repeat;}/*編輯*/
.tbBtn a.start{ background:#34495e url(../images/icon_tbBtn_start.png) 0 0 no-repeat;}/*啟用*/
.tbBtn a.del{ background:#b3b3b3 url(../images/icon_tbBtn_del.png) 0 0 no-repeat;}/*刪除*/
.tbBtn a.stop{ background:#6f6f6f url(../images/icon_tbBtn_stop.png) 0 0 no-repeat;}/*停用*/
.tbBtn a.dw{ background:#34495e url(../images/icon_tbBtn_dw.png) 0 0 no-repeat;}/*下載*/
.tbBtn a.add{ background:#34495e url(../images/icon_tbBtn_add.png) 0 0 no-repeat;}/*新增*/
.tbBtn a.toDown{ background:#34495e url(../images/icon_tbBtn_toDown.png) 0 0 no-repeat;}/*下移*/
.tbBtn a.toUp{ background:#34495e url(../images/icon_tbBtn_toUp.png) 0 0 no-repeat;}/*上移*/
.tbBtn a:hover{ color:#fff;}
/*表格內 表單列表*/
.tdLabel li{ line-height:30px;}
.tdLabel ul{ padding:0 0 0 20px;}
/*表格內 表單列表2*/
.rowSet li{ display:inline-block; width:100%; vertical-align:middle;}
.rowSet li.row2{ width:49.6%; display:inline-block;}
.rowSet li:last-child{ margin:10px 0 0;}
.rowSet li.rowInline label, .rowSet li.rowInline .selectbox, .rowSet li.rowInline .inputbox{display:inline-block; vertical-align:middle;}
.rowSet li.rowInline .selectbox{ min-width:200px;}
.rowSet li.short{ width:20%;}
.rowSet li.long{ width:59%;}
.rowSet li.short{ width:20%;}
.rowSet li.long{ width:59%;}

.rowSet.row3 li.short{ width:10%;}
.rowSet.row3 li.short2{ width:36%;}
.rowSet.row3 li.long{ width:50%;}
.rowSet.row3 li.long2{ width:89%;}

p.tips{ color:#36649c; font-size:14px; }
.rowSet  p.tips{ padding:0;}
/*聯絡人 表格*/
.tbcontact{ margin:0 0 20px; position:relative;}
h3.titline{ background-color:#f78300; color:#fff; padding:10px;box-sizing:border-box; line-height:30px;}
h3 span.number{ background:#f78300 url(../images/icon_tb_number.png) 0 center no-repeat; padding:0 0 0 30px; color:#fff;}
h3 span.msg{ background:#f78300 url(../images/icon_tb_msg.png) 0 center no-repeat; padding:0 0 0 30px; color:#fff;}

.titline2{padding:10px;box-sizing:border-box; line-height:30px;  color:#333; background-color:#f4f4f4; border-bottom:1px solid #cccccc;}
.titline2 a{ float:right; display:inline-block; padding:0 10px; line-height:30px; text-align:center; background-color:#f78300; color:#fff; border-radius:4px; font-size:18px; }
.titline2 a:hover{ background-color:#e4bc67;}

.Rbtn{ position:absolute; right:10px; top:10px; height:30px; min-width:60px;}/*側邊按鈕*/
.Rbtn li{ float:left;display:block; margin:0 0 0 5px;}
.Rbtn li a{ background-color:#fff; border-radius:4px; color:#f78300;font-size:16px; text-align:center; padding:0 5px 0 20px; display:block;}
.Rbtn li a:hover{filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9; -khtml-opacity: 0.9;}
.Rbtn a.setting{ background:#fff url(../images/icon_rbtn_setting.png) 0 center no-repeat; }

/*按鈕*/
.btnSet{ text-align:center; margin:0 0 20px;}
.btnSet a{ display:inline-block; border-radius:4px; line-height:40px; min-width:20%; padding:0 10px; color:#fff; background-color:#34495e; font-size:18px; font-weight:bold;}
.btnSet a:hover{ background-color:#1e4e7e;}
.btnSet a.del{ background-color:#b3b3b3;}
.btnSet a.del:hover{ background-color:#666;}
.btnSet a.preview{ background-color:#ff9500;}
.btnSet a.preview:hover{ background-color:#ffa200;}


.btnaddNew{ padding:20px 0 0;}
.btnaddNew a{background-color:#f4f4f4; color:#8d8d8d; line-height:80px; display:block; text-align:center; font-size:24px;}
.btnaddNew a:hover{ background-color:#0f5ba3; color:#fff;}
.btnaddNew .new{ background:url(../images/btn_icon_new.png) 0 center no-repeat; display:inline-block; width:60px; height:60px; vertical-align:middle;}
.btnaddNew a:hover .new{background:url(../images/btn_icon_new_on.png) 0 center no-repeat;}
/*pop*/
.mask {position: fixed; top:0; right:0; bottom:0; left:0;background-color:#000;filter: alpha(opacity=50);-moz-opacity:0.5;opacity:0.5; z-index:99}
.popupBox{position:absolute;z-index:999;left: 50%;top: 50px; width: 1000px; min-height:300px; margin-left: -500px;background-color:#fff;-webkit-border-radius: 10px;-moz-border-radius:10px;border-radius: 10px; padding:0 0 80px; box-sizing:border-box;color:#55493d;}
.popupBox h3{border-top-left-radius: 10px;}
.popupBox.type2{ width:800px; margin-left:-400px;}

.scrollBlock{ overflow-y:scroll; height:300px; padding:10px 20px;}
.selectMem{ text-align:center;}
.selectMem li{ display:inline-block;background-color:#f4f4f4; border-radius:10px; padding:15px 10px 10px 50px; width:48%; min-height:40px; border:1px solid #cccccc; position:relative; margin:0 3px 10px; text-align:left; box-sizing:border-box;}
.selectMem li:hover, .selectMem li.on{ background-color:#fff; border-color:#f78300;}
.selectMem li a{ display:block; position:absolute; top:0; left:0; bottom:0; right:0;}
.selectMem li .icon{ width:30px; height:30px; background:url(../images/icon_selectMem_check_un.png) 0 0 no-repeat; background-size:30px auto; display:block;position:absolute; top:10px; left:10px;}
.selectMem li:hover .icon, .selectMem .on .icon{background:url(../images/icon_selectMem_check_ok.png) 0 0 no-repeat; background-size:30px auto;}
.selectMem h4{ font-weight:bold; color:#555555;}
.selectMem p{  color:#969696;}

.wBox{ padding:20px;}
.wBox p{ margin:0 0 10px;font-size:18px; line-height:24px;}
.popupBox .btnSet{ position:absolute; bottom:20px; left:0; right:0;border-top: 1px solid #eee; padding:20px 0 0;}
.popupBox .close{ position:absolute; top:-20px; right:-20px;}
.popupBox .close a{ width:44px; height:44px; background:url(../images/btn_pop_close.png) 0 0 no-repeat; display:block;}
.popBlock.off{ display:none;}


/*登入前 - 首頁登入欄位*/
.loginBlock{ background:url(../images/img_banner.jpg) 0 center no-repeat; background-size:cover; height:700px;}
.loginBlock .loginBox{background:rgba(0,0,0,0.6);background: transparent\9; width:500px; height:700px; position:absolute; top:0; left:0; bottom:0; box-sizing:border-box; padding:0}
.loginBox .logo{ background:url(../images/log_logo.png) center center no-repeat; height:250px;}
.logForm{ padding:0 50px;}
.logForm li{ margin:0 0 20px; position:relative;}
.logForm .inputbox{ background-color:#ebe9e7; padding:2px 5px; border-radius:10px;}

/*驗證碼*/
.codeRow{ height:40px;}
.codeRow .inputbox{ width:50%;display:inline-block;}
.codeRow .codeSet{display:inline-block;}
.codeRow .codeSet .code{height:40px;display:inline-block;}
.code img{ width:100%; height:auto; display:block;}
.codeRow a.refresh{ background:url(../images/icon_refresh.png) 0 center no-repeat; min-width:30px; height:40px; display:inline-block; padding:0 0 0 30px; color:#fe87c1; line-height:40px; vertical-align:top;}

a.subbtn{ position:absolute; right:10px; top:10px; bottom:10px; min-width:60px; color:#a8b1b8; border-left:1px solid #a8b1b8; padding:0 0 0 10px; line-height:21px;}
a.subbtn:hover{ color:#0f5ba3;border-left:1px solid #0f5ba3;}
h3.loghead{ color:#fff; font-weight:normal; background:url(../images/icon_log_user.png) 0 center no-repeat; padding:0 0 0 40px;margin:0 0 20px;}
.logBtn a{ display:block; border-radius:4px; line-height:50px; min-width:20%; padding:0 10px; color:#fff; background-color:#f98522; font-size:18px; font-weight:bold;text-align:center;}
.logBtn a:hover{ background-color:#0f5ba3;}

/*mainTit*/
.mainTit{ background-color:#f9f7f8; padding:60px 0 40px 0;}
.mainTit p{ margin:0 0 20px;}
h2.lineTit{ font-size:30px; color:#e4bc67; border-top:1px solid #e4bc67; font-weight:normal; text-align:center; height:20px; margin:0 0 20px;}
h2.lineTit span{ margin:-15px auto 0 auto;background-color:#f9f7f8; padding:0 10px; display:block; width:460px;}

h2.lineTit2{ font-size:30px; color:#e4bc67; font-weight:normal; text-align:center; margin:0 0 40px;}
h2.lineTit2 span{ border-bottom:1px solid #e4bc67; padding:0 10px 10px; display:inline-block;}

/*mainBox*/
.mainBox{ margin:0 0 20px; padding:20px 0 0;}
h4.dotTit{ color:#f98522; line-height:30px; margin:0 0 10px; font-weight:bold;}
h4.dotTit .Rtit{ float:right; color:#e4bc67; font-size:16px;} 
h4.dotTit .dot{ width:16px; height:16px; border-radius:10px; background-color:#f98522; display:inline-block; margin:0 5px 0 0;}
.required{ background:url(../images/icon_required.png) center center no-repeat; width:20px; height:20px; display:inline-block; vertical-align:middle;}

/*loginArea 登入頁*/
.loginArea{ background:url(../images/bg_log.jpg) center bottom repeat; background-size:cover; text-align:center; color:#fff; padding:180px 0 220px 0; position:relative}
.loginArea .loginbox{ width:500px;/*background:url(../images/bg_logbox.png) 0 0 repeat;*/ background-color: rgba(14, 44, 80, 0.8); padding:40px; margin:0 auto;}
.loginArea .inputbox .inputTit{ position:absolute; left:0; top:15px; width:80px; color:#666; border-right:1px solid #6f81a0; text-align:center; line-height:24px;}

.loginArea .inputbox{border-radius:4px; border:1px solid #ccc; overflow:hidden;margin:0 0 20px; border-color:#fff;padding: 0 0 0 90px; line-height:50px; height:50px;  background-color:#fff; overflow:hidden;position:relative;}
.loginArea  input[type="text"], .loginArea  input[type="password"]{ border:none;}

.loginArea .logbtn{margin:0 auto; width:80%;overflow:hidden;}
.loginArea .logbtn a{ display:block; border: 1px solid #fff;color:#fff;border-radius:4px;  font-weight:normal; padding:5px 0 0; line-height:40px;}
.loginArea .logbtn a:hover{ background: #af0000; border-color: #af0000;}
.loginArea .footer{ position:absolute; bottom:0; right:0; left:0; background:rgba(255,255,255,0.5);background: transparent\9;}

/*page*/
.page{ text-align:center; margin:0 0 20px;font-size:16px;}
.page li{ display:inline-block;}
.page li a{ display:block; padding:0 10px; line-height:30px; text-align:center; color:#b3b3b3; }
.page li a:hover, .page li.current a{border-radius:4px; background-color:#b3b3b3; color:#fff;}

/*for投信*/
.tbBtn a.ver{ background:#b3b3b3 url(../images/icon_tbBtn_version.png) 0 0 no-repeat;}/*刪除*/
.tag_a, .tag_b{ padding:2px 5px; border-radius:3px; display:inline-block; margin:5px 5px 5px 0; font-size:15px;}
.tag_a{ background:#56aee0; color:#fff;}
.tag_b{ background:#f2456a; color:#fff;}
.nece{ color:#e60012; margin-right:5px;}
.fond_row li:last-child, table.tbType ul.fond_row{ margin:0;}
.fund_input{ margin:0 5px;}
.fundType td{ border:none;}
.unit_cell span{ width:120px; text-align:center; box-sizing:border-box;}
.btn_eye_o{ display:inline-block; background:url(../images/btn_eye_o.png) no-repeat center; width:30px; height:30px; vertical-align:middle;}
.btn_eye_o:hover{ display:inline-block; background:url(../images/btn_eye_c.png) no-repeat center; width:30px; height:30px; vertical-align:middle;}
.btn_eye_c{ display:inline-block; background:url(../images/btn_eye_c.png) no-repeat center; width:30px; height:30px; vertical-align:middle;}
.btn_eye_c:hover{ display:inline-block; background:url(../images/btn_eye_o.png) no-repeat center; width:30px; height:30px; vertical-align:middle;}
.btn_close{ display:inline-block; background:url(../images/btn_close.png) no-repeat center; width:30px; height:30px; vertical-align:middle;}
.btn_label{ margin-bottom:15px;}
.btn_label a{ display:inline-block; padding:5px; border-radius:5px; border:1px solid #af0000; font-size:16px; color:#af0000; margin-bottom:5px;}
.btn_label a:hover, .btn_label .on{ background:#af0000; color:#fff;}
.btn_label2{ margin-bottom:15px;}
.btn_label2 a{ display:inline-block; padding:5px; border-radius:5px; border:1px solid #56abdc; font-size:16px; color:#56abdc; margin-bottom:5px;}
.btn_label2 a:hover, .btn_label2 .on{ background:#56abdc; color:#fff;}
.inputbox.fund_w{ width:100%;}
.fund_info{ width:80%; float:left;}
.tbType td.fi_edit{ padding:0;}
.fi_tit{background-color:#fffcef; padding:10px 5px;text-align:center;  border-bottom: 1px solid #eee;}
.fi_con, .fs_con{ padding:10px 5px;}
.fund_side{width:19%; float:left; margin-left:1%;}
.fs_box{border-top: 2px solid #ff9500; border-bottom: 1px solid #eee; border-left: 1px solid #eee; border-right: 1px solid #eee; margin-bottom:15px;}
.fs_con ul li{ margin-bottom:10px;}
.fs_con ul li:last-child{ margin-bottom:0;}
.lightbox_bg{position:fixed; left:0;	top:0;	width:100%;	height:100%; background:#000; filter:alpha(opacity=70);	opacity:0.7; zoom:1; z-index:1;}
.lightbox_content {	position:absolute;	left: 0; right: 0;	top:50px; width:700px; background: #fff; margin: auto;	border-radius:5px; padding:30px; z-index:2; }
.lightbox_content h3.tit{ color:#222;}
.sec_tit{ font-size:16px; color:#448aca;}
table.tbType ul.lightbox_li{margin-left:0;}
.lightbox_li li{ list-style:none; display:inline-block; width:19%; margin-bottom:5px; }