@charset "utf-8";
/* CSS Document */
/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> 初始化 <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead{ margin:0; padding:0; border:0; outline:0; font-size:100%; }
html { height:100%;  background:#ebedef;}
body { margin-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; -webkit-text-size-adjust:none; font-size:20px; -moz-user-select:none; font-size:12px; font-family:"MS Serif", "New York", serif; height:100%;  }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
ins { text-decoration:none; }
del { text-decoration:line-through; }
a{	text-decoration: none;}
a:visited{ color:inherit;}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> 主體 <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#L_header{ height:73px; width:175px; background:#303c54; color:#FFF; line-height:68px; font-size:23px; text-align:center;  position: fixed; z-index:1;}
#left{ width:190px; height:100%; float:left; background:#3c4b64;  position: fixed;  overflow-y:scroll; }
#right{ margin-left:160px; padding-top:150px; padding-left:35px;}
#foot{ clear:both;}
#error{ color:#e55353; font-size:24px;}
#success{ color:#aaa; font-size:24px;}
.tip{ display:none; color:#e55353;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> 視窗小於600選單隱藏 <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
/*
@media screen and (max-width: 1500px){
    #left{ display:none; }
	#right{ margin-left:0px;}
}
*/
/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> 左邊選單 <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#left ul{list-style-type: none;}
#main_menu{ margin-top: 80px; padding: 0px;}
.headline{ position: relative; padding-left:18px; color: #DDD; font-size: 24px; display: inline-block; margin: 3px 0; cursor:pointer; }
.headline:before{  position: absolute; left: 5px; top:10px; content: ''; border-color: #aaa transparent transparent transparent; border-style:solid solid solid solid; border-width:5px}

.menu{ margin: 0px; padding: 0px; display:none; }
.menu>li{ padding: 10px 20px; margin:0; color:#fff;  font-size: 20px; cursor:pointer;}
.menu>li:hover{ background:#321fdb;}

.menu_ch{ margin: 0px; padding: 0px; }
.menu_ch>li{ padding: 10px 20px; margin:0; color:#fff;  font-size: 20px; cursor:pointer;}
.menu_ch>li:hover{ background:#321fdb;}
.item{ background:#f9b115;}


/* ----------------------------------------------------------------------------------------------------------------*/
/* ------------------------------>>> 右邊內容 <<<----------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#R_header{ background:#FFF; height:73px; width:100%; position:fixed; top:0; left:196px; font-size:30px; border-bottom:1px #d8dbe0 solid; line-height:68px; color:#3c4b64; padding-left:74px;  z-index:2; overflow-x:hidden;}
#subheader{background:#FFF; height:50px; width:100%; top:74px; left:196px; border-bottom:1px #d8dbe0 solid; font-size:15px;  color:#3c4b64; line-height:50px;  padding-left:25px;  position: fixed;  z-index:2;}
#card1{ width:97%; background:#FFF; border-radius:5px; position: relative;}
#card2{ width:820px; background:#FFF; border-radius:5px; position: relative;}
#card3{ width:805px; height:775px; background:#FFF; border-radius:5px; position:fixed; float:right; top: 150px; left:1030px;  overflow-y:auto;}
.card4{ display:inline-block; width:522px; min-height:810px; float:left; background:#FFF; position:relative; margin-right:25px; margin-bottom: 25px;}
.card5{ display:inline-block; width:995px; min-height:600px; float:left; background:#FFF; position:relative; margin-right:25px; margin-bottom: 25px;}



#search{ height:45px; line-height:70px; padding-left:15px;}
.in_sear{ margin-left:5px;}

.title{ border-bottom:1px #d8dbe0 solid; height: 50px; line-height: 50px; padding: 3px 0 3px 43px; font-size: 17px;}
#cente{ padding:25px 0px 65px 20px;}
span{ font-size:18px; color:#aaa; display:inline-block; margin-left:8px;}
input,select{ border:2px #ccc solid; border-radius:5px; height:30px; margin-top:4px; font-size:18px; color:#666; }
textarea{ border:2px #ccc solid; border-radius:5px; height:80px; margin-top:4px; font-size:18px; color:#666;}
.row>td{ padding-bottom:16px;}
.w50{ width:50px;}
.w100{ width:100px;}
.w150{ width:150px;}
.w200{ width:200px;}
.w250{ width:250px;}
.w300{ width:300px;}
.w400{ width:400px;}
.w500{ width:500px;}
.w600{ width:600px;}
#foot_btn{ width:100%; border-top:1px #d8dbe0 solid; bottom:20px; position:absolute; }
#sear{  width:65px; height:30px; margin-top:20px; display:inline; color:#fff; background:#321fdb; border-color:#321fdb; margin-left:20px; cursor:pointer;}
#table2{ border:1px #d8dbe0 solid;border-collapse:collapse; }
#table2 th{ font-size:20px; background:#d8dbe0; height:50px; padding-left:5px;}
#table2 td{ font-size:17px;  height:55px; padding-left:5px; border-bottom:1px #d8dbe0 solid;}
#table2 tr:hover{ background:#d8dbe0;}

.radio,.radio2{ display:inline; width:40px;}
#order_list{ width:98%;}
#order_list th{ font-size:17px;  height:50px; padding-left:5px; color:#aaa;}
#order_list td{ font-size:17px;  height:55px; padding-left:5px; }
#order_product{ width:96%; margin-left:10px;}
#order_product th{ font-size:12px;  height:20px; padding-left:5px; border-bottom:1px #d8dbe0 dotted;}
#order_product td{ font-size:16px;  height:20px; padding-left:5px; }
.row2>td{ padding: 5px 0;}
.row2>td a{ color:#321fdb;}
.row2:hover{background:#d8dbe0;}
#order_totle{ width:98%; font-size:20px; color:#aaa; border-top:1px #d8dbe0 dashed; padding-top:10px;}
#hiddle{display:none;}
#search font{ color:#aaa; font-size:20px; margin-left:50px;}

.table3{ margin:10px 20px; width:485px; border:1px #d8dbe0 solid;border-collapse:collapse;  }
.table3 th{ background:#d8dbe0; font-size:16px; height:55px;}
.table3 tr:hover{ background:#d8dbe0;}
.table3 td{  font-size:15px; height:55px; border-bottom:1px #d8dbe0 solid;}
.table4{ margin:15px 20px;}
.table4 td{ font-size:16px; color:#aaa;}
.table5{ margin:10px 20px; width:950px; border:1px #d8dbe0 solid;border-collapse:collapse;  }
.table5 th{ background:#d8dbe0; font-size:16px; height:55px;}
.table5 tr:hover{ background:#d8dbe0;}
.table5 td{  font-size:15px; height:55px; border-bottom:1px #d8dbe0 solid;}

.even{ background:#ebedef;}


/*----------------按鈕CSS-----------------*/
#add{ width:100px; height:30px; display:inline-block; margin-left:30px; border:1px #2eb85c solid; line-height: 30px; text-align: center;color: #2eb85c; border-radius:5px;}
#add:hover{ background:#2eb85c; color:#FFF;}
#print{ width:100px; height:30px; display:inline-block; margin-left:30px; border:1px #3399FF solid; line-height: 30px; text-align: center;color: #3399FF; border-radius:5px;}
#print:hover{ background:#3399FF; color:#FFF;}
#print2{ width:100px; height:30px; display:inline-block; margin-left:30px; border:1px #44c4a1 solid; line-height: 30px; text-align: center;color: #44c4a1; border-radius:5px;}
#print2:hover{ background:#44c4a1; color:#FFF;}
#back{ width:100px; height:30px; display:inline-block; margin-left:30px; border:1px #e55353 solid; line-height: 30px; text-align: center;color: #e55353; border-radius:5px;}
#back:hover{ background:#e55353; color:#FFF;}
#edit{ width:100px; height:30px; display:inline-block; margin-left:30px; border:1px #f9b115 solid; line-height: 30px; text-align: center;color: #f9b115; border-radius:5px;}
#edit:hover{ background:#f9b115; color:#FFF;}
.btn_ok{ width:65px; height:30px; margin-top:20px; display:inline; color:#fff; background:#321fdb; border-color:#321fdb; margin-left:20px; cursor:pointer; }
.btn_cp{ width:65px; height:30px; margin-top:20px; display:inline; color:#fff; background:#f9b115; border-color:#f9b115; margin-left:20px; cursor:pointer; }
.btn_no{ width:90px; height:30px; margin-top:20px; display:inline; color:#fff; background:#e55353; border-color:#e55353; margin-left:20px; cursor:pointer; }
.checkbox{ height:30px; width:30px;}
.checkbox+label{ color:#aaa; font-size:18px;}