@charset "utf-8";
body {font:normal 16px/140% Arial, Helvetica, "微軟正黑體";color:#636363;background-color:#fafafa;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:#33abdd;}
/*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;}
.fL {float:left;}
.fR {float:right;}
.tL {text-align:left;}
.tR {text-align:right;}
.tC {text-align:center;}
.mb{ margin: 0 0 20px;}
.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;}
p.blue{ color: #6f97ca;}
/*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;}
input[type="checkbox"], input[type="radio"]{ margin: 0 5px 0 0;}
input[type="button"]{ background-color: #f85953;text-align: center; height: 30px; border-radius: 4px; padding: 0 5px; color: #fff; font-size: 16px; cursor: pointer;font:normal 16px/140% Arial, Helvetica, "微軟正黑體";}
input[type="button"]:hover{filter: alpha(opacity=80);
-moz-opacity: 0.8;
opacity: 0.8;
-khtml-opacity: 0.8; }
.mainBlock input[type="button"]{ display: inline-block;}

select{ border:none; background:none; width: 100%; height:30px;padding:0 40px 0 5px; box-sizing: border-box; background-image:none \9; width:130% \9;border:none;-webkit-appearance: none; /*Chrome ios*/-moz-appearance: none; /*FF*/appearance: none;/*CSS3 ios*/}
_:-ms-input-placeholder, :root select, _:-ms-fullscreen, :root select {width:130%}
/*IE10 and IE11*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	select{width:170%}
}
.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: 48%;}
.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; line-height:18px; 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:24px; height:24px; line-height:1;}
.radio:checked + .radioInput:after{background:#fff url(../images/icon_radio_ok.png) center center no-repeat;border:1px solid #f78908;border-radius:100%;content:"";display:block;margin:-1px;width:24px; height:24px;}

.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; overflow-y: auto}
/*wrapper*/
.wrapper{ border-top:2px solid #33abdd;}
.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;
	box-shadow: 0 0px 30px rgba(50,50,50,0.3);; z-index: 9;}
.header .logo{float:left;}
.header .logo a{ background:url(../images/logo.png) 0 0 no-repeat; background-size:contain; padding:5px 0 0 55px; color:#333; /*color:#33abdd;*/ font-size:24px; line-height:40px; font-weight:bold; display:block;}
.logo a .sub{/* font-size:18px; color:#888888; padding:0 0 0 5px;*/}
.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:#33abdd;}
.topnav li:first-child a{ border:none;}
/*
.topnav li a.home{ background:#ffa109 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:#33abdd;}*/

.topnav li a.home{ background:#ffa109 url(../images/icon_tb_search.png) 0 0 no-repeat; background-size: contain; 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:#33abdd;}



/*footer*/
.footer{ padding:10px 0; text-align:center; color:#393939; font-size:14px; background-color: #fff;}

/*首頁-navblock*/
.navblock{ background:#d80022 url(../images/navblock_titbg.jpg) 0 bottom no-repeat; padding:0 0 0 280px; 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:#33abdd;}
.navblock li{ width:240px; height:240px; display:block; float:left; position:relative;}
.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:25px 10px 10px 10px;background:rgba(0,0,0,0.6);background: transparent\9; line-height:24px; height:70px; 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:url(../images/navblock_1.jpg) right top no-repeat;}
.navblock .nb2{ background:url(../images/navblock_2.jpg) right top no-repeat;}
.navblock .nb3{ background:url(../images/navblock_3.jpg) right top no-repeat;}
.navblock .nb4{ background:url(../images/navblock_4.jpg) right top no-repeat;}
.navblock .nb5{ background:url(../images/navblock_5.jpg) right top no-repeat;}
.navblock .nb6{ background:url(../images/navblock_6.jpg) right top no-repeat;}
.navblock .nb7{ background:url(../images/navblock_7.jpg) right top no-repeat;}
.navblock .nb8{ background:url(../images/navblock_8.jpg) right top no-repeat;}
.navblock .nb9{ background:url(../images/navblock_9.jpg) right top no-repeat;}


.breadcrumbs{ line-height:24px; overflow:hidden; margin:0 0 5px;}
.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:#33abdd;}
/*container*/
.content{ position:relative;background: url(../images/bg_side.jpg)0 0 repeat-y;}

/*側邊選單*/
.sideMenu{width: 200px;overflow: hidden; float:left;background-color:#f2f2f2;}
.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;}
.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.on .ddicon{background:url(../images/icon_submenu_arr_tit_on.png) right center no-repeat; }


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


.content.type2 .sideMenu li a{ border-left:4px solid #998ff2;}
.content.type2 .sideMenu li a:hover{ background-color:#998ff2;}
.content.type2 .sideMenu li.on > a{ background-color:#998ff2; color:#fff;}
.content.type3 .sideMenu li a{ border-left:4px solid #3598db;}
.content.type3 .sideMenu li a:hover{ background-color:#3598db;}
.content.type3 .sideMenu li.on > a{ background-color:#3598db; color:#fff;}
.content.type4 .sideMenu li a{ border-left:4px solid #5cb577;}
.content.type4 .sideMenu li a:hover{ background-color:#5cb577}
.content.type4 .sideMenu li.on > a{ background-color:#5cb577; color:#fff;}
.content.type5 .sideMenu li a{ border-left:4px solid #ffa109;}
.content.type5 .sideMenu li a:hover{ background-color:#5cb577;}
.content.type5 .sideMenu li.on > a{ background-color:#5cb577; color:#fff;}



/*主要區域*/
.mainBlock{overflow: hidden;position: relative;padding:10px 20px 0 20px; min-height: 800px;}
.mainBlock.type2{ padding: 0;}
.mainBlock h3.tit{ color:#575757; position:relative; margin:0 0 10px; line-height: 100%;}
.mainBlock h4.tit{ color:#33abdd; position:relative; margin:0 0 10px; border-bottom: 1px solid #d0d0d0; line-height: 40px;}
h4.tit.result{ background: url(../images/icon_result.png) 0 center no-repeat; padding: 0 0 0 30px;}
.tit .Rmenu{ position:absolute; right:0; top:0;}
.Rmenu li{display:inline-block;}
.Rmenu li a{ color:#f85953;font-size:16px; line-height: 40px; padding:0 10px;display:block;}
.Rmenu li a.add{ background: url(../images/icon_add.png) 0 center no-repeat; padding: 0 0 0 30px;}
.Rmenu li a:hover{ color: #df121f;}

/*主要表格*/
.tbType{border-bottom:1px solid #eee; border-top:2px solid #999;background-color:#fff; margin:0 0 20px;}
.tbType th{ padding:5px;  background-color:#eee; box-sizing:border-box;}
.tbType td{ padding:5px;box-sizing:border-box;   }
tr.bg{ background-color:#f1f1f1;}
.tbType a{ color:#e45854;}
.tbType a:hover{ color:#33abdd;}
.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; box-sizing:border-box;}
.tbType2 td{ padding:10px; line-height:18px;box-sizing:border-box;}
.tbType2 tr.bg th{ background-color:#e9e9e9;}
.tbType2 td.addbtn{ padding-right:120px; position: relative;}
.tbType2 td.addbtn .tbBtn{ width:100px; position: absolute; right: 10px;top:10px;}
.tbType2 td.addbtn .tbBtn a{ background-color: #f85953; text-align: center; padding: 0;}
.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:#8e0d3d;}

.tb_list li{ margin: 0 0 5px; position: relative; padding: 0 0 0 90px; box-sizing: border-box;}
.tb_list .tb_tit{ width: 90px; position: absolute; top: 0; left: 0; line-height: 30px; text-align: center;}
.tb_list li:last-child{margin: 0;}
.tb_list li.full{ padding: 0;}
.tb_list li.full .tb_tit{ position: static;display: inline-block; margin: 0 -4px 0 0;}
.tb_list.f_double li{ width: 49.6%; display: inline-block;}
.tb_list li.full2, .tb_list.f_double li.full2{ width: 100%; display: block;}
/*表格-各項目改色*/
.content.type1 .tbType{ border-top:2px solid #33abdd;}
.content.type1 .tbType th{ background-color:#33abdd; color: #fff;}
.content.type1 .tbType tr.bg th{ background-color:#6bb9da}
.content.type2 .tbType{ border-top:2px solid #998ff2;}
.content.type2 .tbType th{ background-color:#efefef;}
.content.type2 .tbType tr.bg th{ background-color:#ddd;}
.content.type3 .tbType{ border-top:2px solid #3598db;}
.content.type3 .tbType th{ background-color:#dbf2fb;}
.content.type3 .tbType tr.bg th{ background-color:#e9f4f8;}
.content.type4 .tbType{ border-top:2px solid #5cb577;}
.content.type4 .tbType th{ background-color:#f4f6d5;}
.content.type4 .tbType tr.bg th{ background-color:#f5f7e5;}
.content.type5 .tbType{ border-top:2px solid #ffa109;}
.content.type5 .tbType th{ background-color:#ffecce;}
.content.type5 .tbType tr.bg th{ background-color:#faf2e3;}



/*表格內按鈕*/
.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 0; font-size:16px;}
.tbBtn a:first-child{margin: 0;}
/*.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:#33abdd url(../images/icon_tbBtn_view.png) 0 0 no-repeat;}/*查看*/
.tbBtn a.edit{ background:#33abdd url(../images/icon_tbBtn_edit.png) 0 0 no-repeat;}/*編輯*/
.tbBtn a.start{ background:#33abdd 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:#33abdd url(../images/icon_tbBtn_dw.png) 0 0 no-repeat;}/*下載*/
.tbBtn a.type_w{background-color:#6f6f6f; padding: 0 5px;}
.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:5px 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:#327984; font-size:14px; padding:10px 0 0;}
.rowSet  p.tips{ padding:0;}
/*聯絡人 表格*/
.tbcontact{ margin:0 0 20px; position:relative;}
h3.titline{ background-color:#717171; color:#fff; padding:5px 10px;box-sizing:border-box; line-height:30px; font-size: 18px;}
h3 span.number{ background: url(../images/icon_tb_number.png) 0 center no-repeat; padding:0 0 0 30px;}
h3 span.msg{ background: url(../images/icon_tb_msg.png) 0 center no-repeat; padding:0 0 0 30px;}
h3 span.setting{ background: url(../images/icon_tb_setting.png) 0 center no-repeat; padding:0 0 0 40px;}
h3 span.edit{ background: url(../images/icon_tb_edit.png) 0 center no-repeat; padding:0 0 0 40px;}
h3 span.search{ background: url(../images/icon_tb_search.png) 0 center no-repeat; padding:0 0 0 40px;}


.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:#33abdd;}

.Rbtn{ position:absolute; right:5px; top:5px; 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:14px;  text-align:center; padding:0 5px 0 24px; 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) 2px center no-repeat; }

/*按鈕*/
.btnSet{ text-align:center; margin:0 0 20px;}
.btnSet a{ display:inline-block; border-radius:10px; line-height:40px; min-width:20%; padding:0 10px; color:#fff; background-color:#33abdd; font-size:18px; font-weight:bold; margin: 0 5px;}
.btnSet a:hover{ background-color:#33abdd; color: #fff;}
.btnSet a.del, .btnSet a.other{ background-color:#b3b3b3;}
.btnSet a.del:hover, .btnSet a.other:hover{ background-color:#666;color: #fff;}
.btnSet.line{ border-top:1px solid #ddd; padding-top: 20px;}

.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:#8e0d3d; 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: 150px; width: 600px;  margin-left: -300px;background-color:#fff;-webkit-border-radius: 10px;-moz-border-radius:10px;border-radius: 10px; padding: 0 0 20px; 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{ margin: 0 0 20px; padding: 20px 20px 0; overflow-y: auto;}
.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;}

ul.inline { margin: 0 0 10px;}
ul.inline li{ min-width: 24%; display: inline-block; margin: 0 0 10px;}

/*登入前 - 首頁登入欄位*/
.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/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:#8e0d3d;border-left:1px solid #8e0d3d;}
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:#8e0d3d;}

/*mainTit*/
.mainTit{ background-color:#f9f7f8; padding:60px 0 40px 0;}
.mainTit p{ margin:0 0 20px;}
h2.lineTit{ font-size:30px; color:#33abdd; border-top:1px solid #33abdd; 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:#33abdd; font-weight:normal; text-align:center; margin:0 0 40px;}
h2.lineTit2 span{ border-bottom:1px solid #33abdd; 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:#33abdd; 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;padding:40px; margin:0 auto;}
.loginArea .inputbox .inputTit{ position:absolute; left:0; top:15px; width:80px; color:#666; border-right:1px solid #33abdd; 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: 10px 10px 10px 90px; background-color:#fff;position:relative;}
.loginArea  input[type="text"], .loginArea  input[type="password"]{ border:none;}

.loginArea .logbtn{margin:0 auto; width:80%;border-bottom:5px solid #33abdd; border-radius:4px; overflow:hidden;}
.loginArea .logbtn a{ display:block; background-color:#fff; color:#33abdd; font-weight:normal; padding:5px 0 0; line-height:40px;}
.loginArea .logbtn a:hover{ background-color:#33abdd;  color:#fff;}
.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; color: #343434;}
.page li a{ display:block; padding: 0 10px; box-sizing: border-box;min-width: 30px; line-height:30px; text-align:center; color:#343434; }
.page li a:hover, .page li.current a{border-radius:20px; background-color:#33abdd; color:#fff;}

/*報告版面列表*/
.sort_reports{ margin:0 0 0 -5px;}
.sort_reports li{ width: 140px; display: inline-block; vertical-align: top; margin: 0 0 10px 5px;}
.sort_reports li h4{ color: #3c3c3c;}
.sort_reports li.on h4{ color: #33abdd;}
.sort_reports .p_report, .sort_reports h4{ margin: 0 0 10px;}
.sort_reports li.num1 .p_report{ background:url(../images/report_1.png)0 0 no-repeat; height: 140px; background-size: contain;}
.sort_reports li.num1.on .p_report{ background:url(../images/report_1_on.png)0 0 no-repeat; background-size: contain;}
.sort_reports li.num2 .p_report{ background:url(../images/report_2.png)0 0 no-repeat; height: 140px; background-size: contain;}
.sort_reports li.num2.on .p_report{ background:url(../images/report_2_on.png)0 0 no-repeat; background-size: contain;}
.sort_reports li.num3 .p_report{ background:url(../images/report_3.png)0 0 no-repeat; height: 140px; background-size: contain;}
.sort_reports li.num3.on .p_report{ background:url(../images/report_3_on.png)0 0 no-repeat; background-size: contain;}
.sort_reports li.num4 .p_report{ background:url(../images/report_4.png)0 0 no-repeat; height: 140px; background-size: contain;}
.sort_reports li.num4.on .p_report{ background:url(../images/report_4_on.png)0 0 no-repeat; background-size: contain;}
.sort_reports li.num5 .p_report{ background:url(../images/report_5.png)0 0 no-repeat; height: 140px; background-size: contain;}
.sort_reports li.num5.on .p_report{ background:url(../images/report_5_on.png)0 0 no-repeat; background-size: contain;}
.sort_reports li.num6 .p_report{ background:url(../images/report_6.png)0 0 no-repeat; height: 140px; background-size: contain;}
.sort_reports li.num6.on .p_report{ background:url(../images/report_6_on.png)0 0 no-repeat; background-size: contain;}
.sort_reports li.num7 .p_report{ background:url(../images/report_7.png)0 0 no-repeat; height: 140px; background-size: contain;}
.sort_reports li.num7.on .p_report{ background:url(../images/report_7_on.png)0 0 no-repeat; background-size: contain;}
.sort_reports li.num8 .p_report{ background:url(../images/report_8.png)0 0 no-repeat; height: 140px; background-size: contain;}
.sort_reports li.num8.on .p_report{ background:url(../images/report_8_on.png)0 0 no-repeat; background-size: contain;}
.sort_reports li.num9 .p_report{ background:url(../images/report_9.png)0 0 no-repeat; height: 140px; background-size: contain;}
.sort_reports li.num9.on .p_report{ background:url(../images/report_9_on.png)0 0 no-repeat; background-size: contain;}
.sort_reports li.num10 .p_report{ background:url(../images/report_10.png)0 0 no-repeat; height: 140px; background-size: contain;}
.sort_reports li.num10.on .p_report{ background:url(../images/report_10_on.png)0 0 no-repeat; background-size: contain;}

/*查詢結果列表*/
.sort_result{ margin:0 0 0 -10px; color: #474747;}
.sort_result li{ width: 24%; height: 420px; padding: 0 0 100px; box-sizing: border-box; position: relative;float: left; margin: 0 0 10px 10px; border:1px solid #d7d7d7;}
.sort_result .inBoxW{ padding:10px 10px 0; box-sizing: border-box;}
.sort_result .inBoxW .btnSet{ position: absolute; bottom: 10px; left: 0; right: 0; width: 100%; margin: 0 auto; text-align: center;}
.sort_result p.date{ font-size:14px; color:#9b9b9b; margin: 0;}
.sort_result p{ font-size:16px;}
.sort_result h4{ border-bottom:1px solid #d7d7d7; padding: 0 0 10px;}
.sort_result p, .sort_result h4{margin:0 0 10px;}
.sort_result .btnSet{}
.sort_result .btnSet a{ margin: 0 3px 5px; font-size: 16px; border-radius: 4px; padding: 0 2px; line-height: 36px; width: 40%;}

.sort_result .pic{ display: none;}

/*頁籤區塊*/
.sort_icon{ margin:0; padding:10px 0; overflow: hidden;}
.sort_icon li{width: 10%; height: 60px; display:block; margin:0; float: left;}
.sort_icon li img{ margin:0 auto; display: block; max-width:60px; }
.tab_inBoxW{ padding:20px; position: relative;}
.tab_inBoxW .select_icon, .tab_inBoxW .select_chat{ position: absolute;}
.tab_inBoxW .select_chat{ background-position:center center; background-repeat: no-repeat; width: 110px; height: 110px; box-sizing: border-box;}
.tab_inBoxW .select_chat p{ color:#fff; text-align: center;}


/*模擬畫面*/
.simulation_screen{ width:400px; height: 820px; margin: 0 auto; background: url(../images/bg_phone.png) center 20px no-repeat; background-size: 100% auto; position: relative;}
.simulation_screen .inner_screen{ width: 336px; height: 483px; overflow-y: auto; position: absolute; top: 175px; left: 50%; margin-left: -168px; box-sizing: border-box; padding: 20px 10px; box-sizing: border-box;}
.inner_screen ul{ }
.inner_screen li{ display: block; margin: 0 0 10px; padding: 0 0 0 60px; position: relative;}
.inner_screen .head_box{ width: 46px; height: 46px; border-radius: 50px; overflow: hidden; background: url(../images/icon_line_logo.png) center center no-repeat; background-size: contain; position: absolute; top: 0; left: 0;}
.inner_screen .chat_box{ background: #fff; padding: 10px; border-radius: 20px; color: #222; position: relative; word-break: break-all; }
.inner_screen .bg_arrow{ width: 20px; height: 20px;  background:url(../images/bg_phone_chat_arrow.png) 0 0 no-repeat; background-size:contain; display: block; position: absolute; top:0px; left: -10px;}
.chat_box img{ width: 100%; height: auto;}

/*----------------------列印頁----------------------*/
.wrapper.print{ font-size:16px; color: #000; background-color: #fff; overflow: hidden;}
.wrapper.print .outline_box{border: 1px solid #b5b5b5; margin: 0 0 10px; }
.wrapper.print h2{ font-size:30px;}
.wrapper.print h3 {/*font-size:21px;*/font-size:18px;line-height: 24px; font-weight: normal;}
.wrapper.print h4 {font-size:18px; padding: 5px 10px; background-color: #ff4349; color: #fff;}
.wrapper.print h5 {font-size:16px;font-weight:normal;}
.wrapper.print h4 .small{ font-size:14px;}
.wrapper.print{ border-top:none; width: 680px; margin: 0 auto;}
.wrapper.print h2.title{ color: #3b3b3b; line-height: 60px;}
.outline_box h3.tit{/* border-top:1px solid #b5b5b5; border-bottom: 1px solid #b5b5b5;*/ padding: 5px 10px; margin: 0 0 10px; /*background-color: #f7f7f7;*/ background-color: #ff4349; color: #fff;}
.outline_box h4.tit{ border-left:8px solid #ff4349; padding: 0 0 0 5px; margin: 0 0 10px; line-height: 120%;}
.outline_box h4.tit .sub{ font-size:16px;}
.outline_box .list_type, .outline_box .article_box{ padding: 0 10px;box-sizing: border-box; word-break: break-all;}

.full_block{ clear: both;}

/*header*/
.wrapper.print .header {position:relative; padding: 0; height: auto;}
.wrapper.print .header_pic { display: block;}
.header .h_box{ position:absolute; top:0; right: 20px; color: #fff; text-align: right; height: 60px; width: 400px;}
.header .h_box .sub{ font-size: 14px; padding: 10px 0 0;}
.header .h_box p{ margin-bottom:5px;}
.header .h_box .inW{ vertical-align: middle; display: inline-block;}
.header .h_box .r_name{ display: inline-block; vertical-align: middle;margin: 10px 0 0 10px; width: 60px; height: 60px; border-radius: 60px; background-color: #eb0000; font-size: 21px; line-height: 60px; text-align:center;}
.contant.two .side_block{ width: 210px; float: left; margin: 0 20px 0 0;}
.contant.two .main_block{ width: 450px;float: left;}
/*側邊表格*/
.td_type{ border:1px solid #b5b5b5; border-top: none; margin: 0 0 10px;word-break: break-all; }
.td_type th, .td_type td{ border-left:1px solid #b5b5b5;border-top:1px solid #b5b5b5; padding: 5px;box-sizing: border-box;text-align: left;}
.td_type th{ background-color: #f7f7f7; width: 50%;}
.td_type th:first-child, .td_type td:first-child{ border-left:none;}
.td_type.type2 th, .td_type.type2 td{ width: 10%; padding: 5px 2px; font-size: 14px;}
.td_type.type2 { border-top:1px solid #ff4349;}
.td_type.tC th, .td_type.tC td{ text-align: center;}
.td_type2 th, .td_type2 td{ line-height: 120%; text-align: left; font-weight: normal;padding:2px 0; box-sizing:border-box;word-break:break-all; vertical-align: top; }
/*內容條列內文*/
.list_type li{ padding: 0 0 0 14px; position: relative; line-height: 120%; text-align: justify; margin: 0 0 10px;}
.list_type .li_arrow{ display:inline-block;border-color: transparent transparent transparent #ff4349;
    border-style: solid solid solid solid;
    border-width:7px;
    height: 0px;
    width: 0px; position: absolute; top: 1px; left: 0;}

/*三格表格內容*/
.form_block{ margin: 0 0 0 -10px; overflow: hidden; height: 180px;}
.form_block .box{ float: left;width: 220px; margin: 0 0 0 10px;}
.form_block p{ font-size: 14px; line-height: 134%;text-align:justify;　 }
.article_box{ margin:0 0 10px; line-height: 160%;}
.article_box ul.li_list{ margin:0 0 10px 20px;}
.article_box ul.li_list li{ list-style-type: decimal;}
.form_block .outline_box{ padding: 10px;}

/*搜尋頁*/
.search_inbox{overflow: hidden; position: relative; z-index: 1; box-sizing: border-box;
background: -moz-linear-gradient(top,  rgba(155,41,31,1) 0%, rgba(182,55,51,1) 26%, rgba(209,78,63,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(155,41,31,1) 0%,rgba(182,55,51,1) 26%,rgba(209,78,63,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(155,41,31,1) 0%,rgba(182,55,51,1) 26%,rgba(209,78,63,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9b291f', endColorstr='#d14e3f',GradientType=0 ); /* IE6-9 */
}
.search_inbox .inputbox input[type="text"]{ line-height: 36px; height: 36px;}
.search_inbox .role_box{ background: url(../images/icon_role_1.png) 5px -10px no-repeat; background-size: 80px auto; padding:12px 10px 12px 80px; box-sizing: border-box; position: relative;}
.search_inbox .inputbox{ position: relative; padding: 0 80px 0 0; box-sizing: border-box; border: none;}
.search_inbox .inputbox a.del{ position: absolute; right: 65px; top:8px; width: 20px; height: 20px; display: block; background: url(../images/icon_del.png) 0 0 no-repeat;}
.search_inbox .inputbox a.del:hover{ background-position: 0 bottom;}
.search_inbox .inputbox a.go{ position: absolute; width: 60px; top: 0; right: 0; bottom: 0; display: block; 
background: linear-gradient(to bottom,  rgba(52,123,215,1) 23%,rgba(52,123,215,1) 23%,rgba(27,82,158,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#347bd7', endColorstr='#1b529e',GradientType=0 ); /* IE6-9 */
}
.search_inbox .inputbox a.go:hover{
background: linear-gradient(to bottom,  rgba(27,82,158,1) 14%,rgba(52,123,215,1) 71%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1b529e', endColorstr='#347bd7',GradientType=0 ); /* IE6-9 */
}
.search_inbox .inputbox a.go span{ background:  url(../images/icon_tb_search.png) center center no-repeat; position: absolute; top:0; right: 0; bottom: 0; left: 0; }
.search_block{ padding: 10px;}
.search_info{ background:#fff2f1 url(../images/icon_role_2.png) right center no-repeat; border-radius: 4px; padding: 10px 150px 10px 10px; margin: 0 0 20px;}
.search_result li{ margin: 0 0 20px;}
.search_result h4{ color: #2969bd; font-weight: bold; font-size: 18px; margin: 0 0 5px;}
.search_result .keyW{ color: #ca453b; }


/*列印頁-小網*/
/*頁面768以內時*/
@media screen and (max-width: 767px){
	.wrapper.print{ width: 100%;}
	.wrapper.print h4{ padding: 0 10px;}
	.wrapper.print .outline_box{border: none; margin: 0;}
	.wrapper.print .header{ height: 50px; overflow: hidden; background:#820000 url(../images/logo_p.jpg) 0 0 no-repeat; background-size: auto 50px;}
	.wrapper.print .header img.header_pic{ display: none;}
	.header .h_box{ right: 10px; left: 10px; top:8px; width:auto; height:50px; line-height:100%;}
	.header .h_box .sub{ padding: 0; font-size: 12px;}
	.header .h_box p{margin: 0; line-height: 120%; }
	.header .h_box .r_name{ width: 36px; height: 36px;line-height: 36px; font-size:14px; margin: 0;}

	.wrapper.print h2.title{ padding: 5px 10px 0; line-height: 40px; font-size: 24px;}
	.contant{ padding: 0;}
	.contant.two .side_block, .contant.two .main_block{ float: inherit; width: 100%;}
	.td_type2{ margin: 0 10px 10px;}
	.full_block{ padding: 0;}
	
	.form_block .box{ float:inherit; width: 100%; margin: 0;}
	.form_block{ height: auto; overflow:inherit; margin: 0;}
	
}


/*----------------------列印頁end----------------------*/