From c41d362fa2e9bedcdd0a68c2e9ef12ed616512bc Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@63.com>
Date: 星期五, 14 一月 2022 09:11:08 +0800
Subject: [PATCH] #

---
 src/main/webapp/static/css/console.css | 1001 +++++++++++++++++++++++++++++-----------------------------
 1 files changed, 503 insertions(+), 498 deletions(-)

diff --git a/src/main/webapp/static/css/console.css b/src/main/webapp/static/css/console.css
index 7b1a5f0..06cb7ce 100644
--- a/src/main/webapp/static/css/console.css
+++ b/src/main/webapp/static/css/console.css
@@ -1,507 +1,512 @@
-html {
-    height: 100%;
-}
+		* {
+			margin: 0;
+			overflow: hidden;
+		}
+		html,body {
+			height: 100%;
+		}
+		#root {
+			width: 100%;
+			height: 100%;
+			background-color: rgb(108,167,168);
+		}
+		.head {
+			height: 10%;
+			width: 20%;
+			padding-top: 1%;
+			padding-left: 1%;
+			color: #FFFFFF;
+		}
+		.head h1 {
+			font-weight: 400;
+			letter-spacing:3px;
+		}
+		.head h6 {
+			font-weight: 400;
+		}
+		#body {
+			width: 100%;
+			height: 23%	;
+			position: absolute;
+			bottom: 1%;
+		}
+		/* 鎺у埗寮�鍏� */
+		.system-state {
+			display: inline-block;
+			width: 15%;
+			height: 100%;
+			background-color: rgba(0, 0, 0, 0.3);
+			border-radius: 15px;
+			margin-left: 1%;
+		}
+		/* 鍫嗗灈鏈虹姸鎬� */
+		.machine-status {
+			display: inline-block;
+			width: 15%;
+			height: 100%;
+			background-color: rgba(0, 0, 0, 0.3);
+			border-radius: 15px;
+			margin-left: 1%;
+		}
+		.state-ss {
+			margin-left: 60px;
 
-body {
-    height: 100%;
-    background-color: #f1f1f1;
-    border-radius: 5px;
-    box-shadow: 0 0 3px rgba(0,0,0,.3);
-    padding: 10px;
-}
-
-/* ------------------------------------ 澶撮儴 ------------------------------------*/
-header {
-    border-radius: 5px;
-    box-shadow: 0 0 3px rgba(0,0,0,.3);
-    background-color: #fff;
-    height: 17%;
-    opacity: 0.8;
-    position: relative;
-}
-/* 鍒嗗壊绾� */
-.header-hr {
-    border-radius: 5px;
-    border: 1px solid #777;
-    width: 80%;
-    position: absolute;
-    bottom: 0;
-}
-/* 绯荤粺杩愯鐘舵�� */
-.system-state {
-    float: left;
-    width: 10%;
-    height: 100%;
-    padding: 20px;
-    text-align: center;
-    color: #2d6aff;
-}
-#system-icon {
-    display: inline-block;
-    width: 70%;
-    height: 70%;
-    background-repeat: no-repeat;
-    background-size:100% 100%;
-    background-position: top center;
-    cursor: pointer;
-}
-.system-icon-open {
-    background-image: url("../image/stop48.png");
-}
-.system-icon-close {
-    background-image: url("../image/start48.png");
-}
-
-#system-run-desc {
-    font-size: large;
-    display: inline-block;
-    padding-top: 10px;
-    font-weight: bold;
-    overflow: hidden;
-    text-overflow:ellipsis;
-    white-space: nowrap;
-}
-
-/* 鐘舵�佹樉绀� */
-.data-window {
-    padding-top: 20px;
-    float: left;
-    width: 70%;
-    text-align: center;
-}
-.data-window h1 {
-    font-size: 3em;
-    margin: 0;
-    letter-spacing: 1px;
-    font-weight: inherit;
-}
-
-/* 棰滆壊鎻愮ず */
-.tips {
-    position: absolute;
-    bottom: 7%;
-    left: 10%;
-}
-.tips-item {
-    margin-bottom: 0;
-    font-size: 0;
-    text-align: left;
-}
-.tips-item label {
-    display: inline-block;
-    width: 130px;
-    text-align: right;
-    font-size: xx-small;
-}
-.item-group {
-    display: inline-block;
-}
-.item-group span {
-    font-size: xx-small;
-    padding: 0 10px;
-}
-
-/* ------------------------------------ 涓讳綋 ------------------------------------*/
-main {
-    margin-top: 8px;
-    border-radius: 5px;
-    box-shadow: 0 0 3px rgba(0,0,0,.3);
-    background-color: #fff;
-    height: 82%;
-    position: relative;
-}
-
-/* ------------------ 杈撻�佺嚎鎬绘垚 ------------------ */
-.site-row {
-    position: absolute;
-    top: 122px;
-}
-/* 杈撻�佺嚎绗�0鍒� */
-.site-row-0 {
-    top: 162px;
-    left: 140px;
-}
-.site-row-0 .site {
-    width: 80px;
-}
-
-/* 杈撻�佺嚎绗竴鍒� */
-.site-row-1 {
-    top: 188px;
-    left: 120px;
-}
-.site-row-1 .site {
-    width: 70px;
-}
-
-/* 杈撻�佺嚎绗簩鍒� */
-.site-row-2 {
-    top: 188px;
-    left: 190px;
-}
-.site-row-2 .site {
-    width: 70px;
-}
-
-/* 杈撻�佺嚎绗笁鍒� */
-.site-row-3 {
-    top: 229px;
-    left: 260px;
-}
-.site-row-3 .site {
-    width: 70px;
-}
-
-/* 杈撻�佺嚎绗�4鍒� */
-.site-row-4 {
-    top: 188px;
-    left: 260px;
-}
-.site-row-4 .site {
-    /*width: 80px;*/
-}
-
-/* 杈撻�佺嚎绗�5鍒� */
-.site-row-5 {
-    top: 55px;
-    left: 400px;
-}
-.site-row-5 .site {
-    width: 70px;
-}
-
-.site-row-6 {
-    top: 55px;
-    left: 470px;
-}
-.site-row-6 .site {
-    width: 70px;
-}
-
-/* 绔欑偣 */
-.site {
-    color: #333;
-    height: 20px;
-    border: 1px solid #fff;
-    cursor: pointer;
-    width: 50px;
-    text-align: center;
-    background-color: #21ff3a;
-    font-size: 13px;
-}
-/*绌虹珯鐐�*/
-.site-1{
-    color: #333;
-    height: 20px;
-    border: 1px solid #fff;
-    cursor: pointer;
-    width: 50px;
-    text-align: center;
-    background-color: #ffffff;
-    font-size: 13px;
-}
-/* 鏃犳晥绔欑偣锛堝繀椤诲湪site涓嬮潰锛� */
-
-.site-none {
-    border: none;
-    background-color: transparent;
-    cursor: default;
-}
-/* 鑷姩 */
-.site-auto {
-    background-color: rgb(42,253,47);
-}
-/* 闈炶嚜鍔�/鏀跺埌 */
-.site-unauto {
-    background-color: #aaaaaa;
-}
-/* 鑷姩+鏈夌墿+ID */
-.site-auto-run-id {
-    background-color: red;
-}
-/* 鑷姩+鏈夌墿 */
-.site-auto-run {
-    background-color: #fc29f8;
-}
-/* 鑷姩+鏈夌墿+ID */
-.site-auto-id {
-    background-color: yellow;
-}
-
-/* ------------------ 鍙拌溅 ------------------ */
-/* 杞ㄩ亾 */
-.car-track {
-    position: absolute;
-    /*background: url(../image/bg.jpg);*/
-}
-#car-track-1 {
-    text-align: center;
-    top: 122px;
-    left: 100px;
-    width: 100px;
-    height: 180px;
-}
-#car-track-1 div {
-    height: 100%;
-    display: inline-block;
-    width: 75%;
-    border-left: 5px solid #313131;
-    border-right: 5px solid #313131;
-}
-
-/* 杞� */
-.car {
-    position: absolute;
-}
-#site-8 {
-    top: 122px;
-    left: 100px;
-    width: 100px;
-    height: 20px;
-    line-height: 20px;
-    position: absolute;
-}
-
-/* ------------------ 璐ф灦鎬绘垚 ------------------ */
-.main-part {
-    position: absolute;
-    top: 10px;
-    left: 540px;
-}
-.main-part .lane {
-    /*margin-bottom: 30px;*/
-}
-/* 鎺掑彿 */
-.row-no {
-    font-size: 14px;
-    font-weight: bold;
-    margin-left: 10px;
-}
-
-/* 搴撲綅缁� */
-.stock-group .item {
-    float: left;
-    border-top: 1px solid #333!important;
-    border-bottom: 1px solid #333!important;
-    border-left: 1px solid #333!important;
-    border-right: 1px solid #333!important;
-    border-right: none;
-    cursor: inherit;
-}
-.stock-group .item:last-child {
-    /*border-right: 1px solid #333!important;*/
-}
-.stock-group::after, .stock-group::before {
-    content: "";
-    display: table;
-    clear: both;
-}
-.stock-group .site {
-    width: 80px;
-    float: left;
-}
-button.item {
-    font-size: 13px;
-    padding: 1px 1px 1px 1px;
-    width: 30px;
-    height: 20px;
-    outline: none;
-    cursor: pointer;
-    color: #333;
-    background-color: transparent;
-    transition: 0.4s;
-}
-button.item:hover {
-    background-color: #333;
-    color: #fff;
-}
-
-/* 鍫嗗灈鏈� */
-.machine {
-    margin-left: 30px;
-    position: relative;
-    background-color: #fff;
-    height: 20px;
-    width: 80px;
-    background-image: url("../image/Crane_auto.png");
-    background-repeat: no-repeat;
-    background-size:100% 100%;
-    background-position: top center;
-    cursor: pointer;
-}
-
-/* 鍏ュ簱 */
-.machine-pakin {
-    background-image: url("../image/Crane_store.png");
-}
-/* 鍑哄簱 */
-.machine-pakout {
-    background-image: url("../image/Crane_retrieve.png");
-}
-/* 搴撳埌搴� */
-.machine-stock-move {
-    background-image: url("../image/Crane_loctoloc.png");
-}
-/* 绔欏埌绔� */
-.machine-site-move {
-    background-image: url("../image/Crane_stntostn.png");
-}
-/* p to p */
-.machine-p-move {
-    background-image: url("../image/Crane_hptoohp.png");
-}
-/* 寮傚父 */
-.machine-error {
-    background-image: url("../image/Crane_error.png");
-}
-/* 鑷姩 */
-.machine-auto {
-    background-image: url("../image/Crane_auto.png");
-}
-/* 闈炶嚜鍔�/鏀跺埌 */
-.machine-un-auto {
-    background-image: url("../image/Crane_manual.png");
-}
+		}
 
 
 
-/* 鍏ュ簱 */
-.machine-put-flag {
-    background-color: #90d0f3;
-}
-/* 鍑哄簱 */
-.machine-take-flag {
-    background-color: yellow;
-}
-/* 搴撳埌搴� */
-.machine-stock-move-flag {
-    background-color: #0c24fb;
-    color: #fff;
-}
-/* 绔欏埌绔� */
-.machine-site-move-flag {
-    background-color: #faa328;
-}
-/* PToP */
-.machine-p-move-flag {
-    background-color: #128014;
-    color: #fff;
-}
-/* 寮傚父 */
-.machine-error-flag {
-    background-color: red;
-}
-/* 鑷姩 */
-.machine-auto-flag {
-    background-color: rgb(42,253,47);
-}
-/* 闈炶嚜鍔�/鏀跺埌 */
-.machine-unauto-flag {
-    background-color: #aaaaaa;
-}
 
-/* 鍫嗗灈鏈鸿建閬� */
-.pathway {
-    margin-left: 30px;
-    border: 1px solid #333;
-    position: absolute;
-    background-color:#333!important;
-    color: #333 !important;
-    width: 100%;
-    margin-top: 10px;
-}
 
-/* 杈撻�佺嚎鐩稿叧 */
-.site:hover {
-    opacity: 0.7;
-}
+		/* 杈撻�佺嚎鐘舵�� */
+		.line-status {
+			display: inline-block;
+			width: 15%;
+			height: 100%;
+			background-color: rgba(0, 0, 0, 0.3);
+			border-radius: 15px;
+			margin-left: 1%;
+		}
+		.line-ss {
+			display: inline-block;
+			float: right;
+			height: 15px;
+			width: 40px;
+			margin-top: 10px;
+			margin-right: 15px;
+			line-height: 15px;
+			text-align: center;
+			background-color: rgba(5, 5, 5, 0.3);
+			color: #ffdd00;
+		}
+		/* 鏉$爜鎵弿鍣� */
+		.bar-code {
+			display: inline-block;
+			width: 49%;
+			height: 100%;
+			background-color: rgba(0, 0, 0, 0.3);
+			border-radius: 15px;
+			margin-left: 1%;
+		}
+		/*鎵爜琛ㄥ崟*/
+		.tablebox {
+			display: inline-block;
+			width: 290px;
+			height: 162px;
+			margin-left: 1.5%;
+			color: white;
+			font-size: 14px;
+			list-style: none;
+			line-height: 27px;
+			text-indent: 10px;
+		}
+		.table-head {
+			width: 100%;
+			height: 27px;
+			background:linear-gradient(to right, rgb(94, 193, 184),rgb(12,71,63));
+		}
+		.right {
+			float: right;
+			text-indent: 10px;
+			padding-right: 10px;
+		}
+		.table-body li {
+			background-color: #5D7677;
+		}
+		.table-body li:nth-child(even) {
+			background-color: #4A6565;
+		}
 
-/* 鍏ュ簱鍙� */
-/*.cargo-put-0 {*/
-/*    transform: rotateY(180deg);*/
-/*    top: 338px;*/
-/*    left: 1710px;*/
-/*    position: absolute;*/
-/*    width: 50px;*/
-/*    height: 40px;*/
-/*    background-image: url("../image/fork_r.png");*/
-/*    background-repeat: no-repeat;*/
-/*    background-size:100% 100%;*/
-/*    background-position: top center;*/
-/*}*/
-/*.cargo-put-1 {*/
-/*    top: 108px;*/
-/*    left: 152px;*/
-/*    position: absolute;*/
-/*    width: 50px;*/
-/*    height: 40px;*/
-/*    background-image: url("../image/fork_r.png");*/
-/*    background-repeat: no-repeat;*/
-/*    background-size:100% 100%;*/
-/*    background-position: top center;*/
-/*}*/
-/* 鎵爜鍣� */
-/*.code-decoder {*/
-/*    position: absolute;*/
-/*    width: 30px;*/
-/*    height: 30px;*/
-/*    background-image: url("../image/bscanner.png");*/
-/*    background-repeat: no-repeat;*/
-/*    background-size:100% 60%;*/
-/*    background-position: top center;*/
-/*}*/
-/* 鎵爜鍣ㄦ枃瀛� */
-.code-decoder-data {
-    font-size: small;
-    display: inline-block;
-    /*transform: scale(0.90);*/
-}
-/* 鎵爜鍣�1 */
-#code-decoder-1 {
-    top: 267px;
-    left: 1780px;
-}
-/* 鎵爜鍣ㄦ暟鎹�1 */
-#code-decoder-data-1 {
-    font-size: xx-small;
-    margin-left: 35px;
-}
-/* 纾呯Г */
-.scale {
-    position: absolute;
-    width: 50px;
-    height: 20px;
-    /*background-image: url("../image/bscanner.png");*/
-    background-repeat: no-repeat;
-    background-size:100% 60%;
-    background-position: top center;
-}
-/* 纾呯Г1 */
-#scale-1 {
-    top: 290px;
-    left: 240px;
-}
 
-/* 寮圭獥 */
-form .form-item {
-    display: inline-block;
-    padding-top: 10px;
-    padding-left: 5px;
-}
-form .form-item-label {
-    float: left;
-    text-align: right;
-    padding: 1px 6px;
-    display: inline-block;
-    vertical-align: middle;
-}
-form .form-item-input {
-    display: inline-block;
-    float: left;
-    vertical-align: middle;
-}
-form .form-item-input input {
-    height: 1.5rem;
-    padding-left: 0.5rem;
-}
 
+		/* 鎺у埗琛ㄥご */
+		.body-head {
+			height: 35px;
+			width: 100%;
+			background-image: url(../images/status_bar_1.png);
+			background-repeat: no-repeat;
+			margin-left: 5%;
+			margin-top: 20px;
+			text-indent: 25px;
+			color: white;
+		}
+		
+		
+		.system-icon-open {
+			width: 153px;
+			height: 153px;
+			background-image: url(../images/start48.png);
+			display: inline-block;
+		}
+		.system-icon-close {
+			width: 153px;
+			height: 153px;
+			background-image: url(../images/stop48.png);
+			display: inline-block;
+		}
+		.switch_r {
+			color: #FFFFFF;
+			font-size: 14px;
+			width: 130px;
+			height: 153px;
+			float: right;
+			padding-top: 30px;
+		}
+		#system-run-desc {
+			font-size: 20px;
+			margin-top: 15px;
+		}
+		.state {
+			height: 34px;
+			width: 200px;
+			background-color: rgba(255,255,255,0.1);
+			background-image: url(../images/stacker.png);
+			background-repeat: no-repeat;
+			border-radius: 17px 0 0 17px;
+			padding-left: 50px;
+			line-height: 34px;
+			margin-bottom: 10px;
+			margin-left: 5%;
+			color: #FFFFFF;
+			font-size: 10px;
+		}
+		.states {
+			background-image: url(../images/line.png);
+			margin-bottom:54px;
+		}
+		.button {
+			margin-left: 5%;
+			font-size: 14px;
+			color: #FFFFFF;
+		}
+		/* 鍏ュ簱 */
+		.machine-put-flag {
+			padding: 0 10px;
+			background-color: rgb(163,214,242);
+		}
+		/* 鍑哄簱 */
+		.machine-take-flag {
+			padding: 0 10px;
+			background-color: rgb(151,180,0);
+		}
+		/* 搴撳埌搴� */
+		.machine-stock-move-flag {
+			padding: 0 10px;
+			background-color: rgb(58,77,249);
+		}
+		/* 绔欏埌绔� */
+		.machine-site-move-flag {
+			padding: 0 10px;
+			background-color: rgb(240,140,10);
+		}
+		/* PToP */
+		.machine-p-move-flag {
+			padding: 0 10px;
+			background-color: rgb(29,152,23);
+		}
+		/* 寮傚父 */
+		.machine-error-flag {
+			padding: 0 10px;
+			background-color: rgb(252,48,48);
+		}
+		/* 鑷姩 */
+		.machine-auto-flag {
+			padding: 0 10px;
+			background-color: rgb(132,255,115);
+		}
+		/* 闈炶嚜鍔�/鎵嬪姩 */
+		.machine-unauto-flag {
+			padding: 0 10px;
+			background-color: rgb(184,184,184);
+		}
+		/* 鑷姩+鏈夌墿+ID */
+		.site-auto-run-id {
+			padding: 0 25px;
+			background-color: rgb(252,48,48);
+		}
+		/* 鑷姩+鏈夌墿 */
+		.site-auto-run {
+			padding: 0 25px;
+			background-color: rgb(250,81,246);
+		}
+		/* 鑷姩+ID */
+		.site-auto-id {
+			padding: 0 10px;
+			background-color: rgb(196,196,0);
+		}
+		.site-auto {
+			padding: 0 10px;
+			background-color: rgb(120,255,129);
+		}
+		/* 闈炶嚜鍔�/鎵嬪姩 */
+		.site-unauto {
+			padding: 0 10px;
+			background-color: rgb(184,184,184);
+		}
+		#code {
+			background-image: url(../images/status_bar_2.png);
+			background-repeat: no-repeat;
+			margin-left: 2%;
+		}
+		/* 绔欑偣 */
+		.site {
+		    color: #333;
+		    height: 18px;
+		    border: 1px solid rgb(108,167,168);
+		    cursor: pointer;
+		    width: 50px;
+		    text-align: center;
+		    background-color: rgb(120,255,129);
+		    font-size: 13px;
+		}
+		/*绌虹珯鐐�*/
+		/* ------------------ 杈撻�佺嚎鎬绘垚 ------------------ */
+		.site-row {
+		    position: absolute;
+		    top: 122px;
+		}
+		/* 杈撻�佺嚎绗竴鍒� */
+		.site-row-1 {
+		    top: 205px;
+		    left: 172px;
+		}
+		.site-row-1 .site {
+		    width: 70px;
+		}
+		
+		/* 杈撻�佺嚎绗簩鍒� */
+		.site-row-2 {
+		    top: 205px;
+		    left: 243px;
+		}
+		.site-row-2 .site {
+		    width: 70px;
+		}	
+		.site-row-3 {
+		    top: 246px;
+		    left: 314px;
+		}
+		.site-row-3 .site {
+		    width: 70px;
+		}
+		.site-row-4 {
+		    top: 205px;
+		    left: 314px;
+		}
+		
+		.site-row-5 {
+		    top: 71px;
+		    left: 456px;
+		}
+		.site-row-5 .site {
+		    width: 70px;
+		}
+		.site-row-6 {
+		    top: 71px;
+		    left: 528px;
+		}
+		.site-row-6 .site {
+		    width: 70px;
+		}
+		
+		
+		/* ------------------ 璐ф灦鎬绘垚 ------------------ */
+		.main-part {
+		    position: absolute;
+			top: 20px;
+			left: 600px;
+		}
+		.main-part .lane {
+		    margin-top: 30px;
+		}
+		/* 搴撲綅缁� */
+		.stock-group .item {
+		    float: left;
+		    border-top: 1px solid rgb(194,76,65);
+		    border-bottom: 1px solid rgb(194,76,65);
+		    border-left: 1px solid rgb(194,76,65);
+		    border-right: 1px solid rgb(194,76,65);
+		    border-right: none;
+		    cursor: inherit;
+			color: rgb(194,76,65);
+		}
+		.stock-group .site {
+		    width: 80px;
+		    float: left;
+		}
+		.stock-group::after, .stock-group::before {
+		    content: "";
+		    display: table;
+		    clear: both;
+		}
+		/* 鍫嗗灈鏈鸿建閬� */
+		.pathway {
+		    margin-left: 30px;
+		    border: 1px solid #333;
+		    position: absolute;
+		    background-color:#333!important;
+		    color: #333 !important;
+		    width: 100%;
+		    margin-top: 10px;
+		}
+		/* 鍫嗗灈鏈� */
+		.machine {
+		    margin-left: 30px;
+		    position: relative;
+		    background-color: rgb(108,167,168);
+		    height: 20px;
+		    width: 80px;
+		    background-image: url("../images/Crane_auto.png");
+		    background-repeat: no-repeat;
+		    background-size:100% 100%;
+		    background-position: top center;
+		    cursor: pointer;
+		}
+		/* 鍏ュ簱 */
+		.machine-pakin {
+			background-image: url("../images/Crane_store.png");
+		}
+		/* 鍑哄簱 */
+		.machine-pakout {
+			background-image: url("../images/Crane_retrieve.png");
+		}
+		/* 搴撳埌搴� */
+		.machine-stock-move {
+			background-image: url("../images/Crane_loctoloc.png");
+		}
+		/* 绔欏埌绔� */
+		.machine-site-move {
+			background-image: url("../images/Crane_stntostn.png");
+		}
+		/* p to p */
+		.machine-p-move {
+			background-image: url("../images/Crane_hptoohp.png");
+		}
+		/* 寮傚父 */
+		.machine-error {
+			background-image: url("../images/Crane_error.png");
+		}
+		/* 鑷姩 */
+		.machine-auto {
+			background-image: url("../images/Crane_auto.png");
+		}
+		/* 闈炶嚜鍔�/鏀跺埌 */
+		.machine-un-auto {
+			background-image: url("../images/Crane_manual.png");
+		}
+
+
+		/* 鍫嗗灈鏈哄脊绐� */
+		#crnWindow {
+			width: 291px;
+			height: 365px;
+			background-image: url(../images/Popup-yellow.png);
+		
+			position: fixed;
+			color:white;
+			left: 50%;
+			top: 50%;
+			transform: translate(-50%,-50%);
+		}
+		/* 杈撻�佽澶囧脊绐� */
+		#siteWindow {
+			width: 291px;
+			height: 336px;
+			background-image: url(../images/Popup-green.png);
+			position: fixed;
+			color:white;
+			left: 50%;
+			top: 50%;
+			transform: translate(-50%,-50%);
+		}
+		#siteWindow-head {
+			width: 291px;
+			height: 55px;
+			line-height: 55px;
+			margin-left: 25px;
+			color: #000000;
+			font-weight: 700;
+			letter-spacing: 2px;
+		}
+		#siteWindow-head .detailed {
+			display: inline-block;
+		}
+		#siteWindow-head button {
+			width: 25px;
+			height: 25px;
+			padding: 0px;
+			border: none;
+			border-radius: 25px;
+			background-image: url(../images/siteclose.png);
+			display: inline-block;
+			float: right;
+			margin-top: 15px;
+			margin-right: 50px;
+		}
+		#crnWindow-head {
+			width: 291px;
+			height: 55px;
+			line-height: 55px;
+			margin-left: 55px;
+			color: #000000;
+			font-weight: 700;
+			letter-spacing: 2px;
+			
+		}
+		#crnWindow-head .detailed {
+			display: inline-block;
+		}
+		#crnWindow-head button {
+			width: 25px;
+			height: 25px;
+			padding: 0px;
+			border: none;
+			border-radius: 25px;
+			background-image: url(../images/siteclose.png);
+			display: inline-block;
+			float: right;
+			margin-top: 15px;
+			margin-right: 80px;
+		}
+		
+		
+		
+		/* 寮圭獥 */
+		form .form-item {
+			display: inline-block;
+			padding-left: 10px;
+		}
+		form .form-item-label {
+			display: inline-block;
+			width: 90px;
+			font-size: 10px;
+		}
+		form .form-item-input {
+			display: inline-block;
+			width: 180px;
+			
+		}
+		form .form-item-input input {
+			background-color: rgba(255,255,255,.3);
+			color: #FFFFFF;
+			padding: 0;
+			border: none;
+			border-radius: 2px;
+			height: 18px;
+			padding-left: 10px;
+		}
+		/* checkbox */
+		form .form-item-checkbox {
+			display: inline-block;
+			padding-left: 10px;
+			width: 20%;
+		}
+		form .form-item-label-checkbox {
+			display: inline-block;
+			width: auto;
+			font-size: 14px;
+		}
+		form .form-item-input-checkbox {
+			display: inline-block;
+			width: auto;
+
+		}
\ No newline at end of file

--
Gitblit v1.9.1