@charset "utf-8";
/* CSS Document */

/*****Reset*****/
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    font-family:Verdana, Geneva, sans-serif;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1.3;
    font-size:12px;
    background:center 0 repeat-x #fff;
  /*  color:#555; */
    color:#000000;
}
body.layout_0{	
	background:rgba(255,255,255,1);	
	}
body.layout_1{
	background:rgba(0,0,0,0.1);	
	}
body.layout_2{
	background:rgba(0,0,0,0.2);	
	}
	body.layout_3{
	background:rgba(0,0,0,0.3);	
	}	
	
	
	/*********************************/
	/*********************************/
	/*********************************/
	/*********************************/
	/*********************************/
	.modalBackground
{
    background-color:rgba(0,0,0,.4);
}
	.pnlBackGround
{ 	color:#000;
	text-shadow: rgba(153,153,153,.3) 1px 1px;
	font-size:110%;
 	position:fixed;
    width:400px;
    height:250px;
    text-align:center;
 	border:2px solid rgba(0,0,0,.5);

    /*background-image:url(../img/confirm_form.jpg);
    
	background-repeat:no-repeat;
	background-position:-4px -4px;*/
	 background-color: White;
	 
	border-radius:5px;
	
	}
	
	
.pnlBackGround .ture_btn{
	height:26px;
	color:#FFF;
	text-shadow: rgba(0,0,0,.4) 1px 1px 0;
	box-shadow:1px 1px rgba(153,153,153,.3);
	font-size:12px;
	padding:0 22px 2px;
	border:1px solid black;
	position:relative;
	top:120px;
	background: #7f0303; /* Old browsers */
				background: -moz-linear-gradient(top, #7f0303 0%, #5b0202 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7f0303), color-stop(100%, #5b0202)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top, #7f0303 0%, #5b0202 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top, #7f0303 0%, #5b0202 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top, #7f0303 0%, #5b0202 100%); /* IE10+ */
				background: linear-gradient(to bottom, #7f0303 0%, #5b0202 100%); /* W3C */ 
	border-radius:3px;}


.pnlBackGround .ture_btn:hover{
	background:#900;}
	


.pnlBackGround .ture_btn02{
	color:#FFF;
	text-shadow: rgba(0,0,0,.4) 1px 1px 0;
	box-shadow:1px 1px rgba(153,153,153,.3);
	padding:10px 30px;
	border:1px solid black;
	position:relative;
	top:120px;
	background: #7f0303; /* Old browsers */
				background: -moz-linear-gradient(top, #7f0303 0%, #5b0202 100%); /* FF3.6+ */
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7f0303), color-stop(100%, #5b0202)); /* Chrome,Safari4+ */
				background: -webkit-linear-gradient(top, #7f0303 0%, #5b0202 100%); /* Chrome10+,Safari5.1+ */
				background: -o-linear-gradient(top, #7f0303 0%, #5b0202 100%); /* Opera 11.10+ */
				background: -ms-linear-gradient(top, #7f0303 0%, #5b0202 100%); /* IE10+ */
				background: linear-gradient(to bottom, #7f0303 0%, #5b0202 100%); /* W3C */ 
	border-radius:3px;}

.pnlBackGround .ture_btn02:hover{
	background:#900;}
	






/*********************************/

.pnlBackGround .content{
	margin:0 auto;
	top:80px;
	position:relative;
}	
/*********************************/
/*********************************/
/*********************************/
/*********************************/
/*********************************/		
/*
body.greenTone{background-image:url(../images_vs_tool/headerBG_g2.png);}
body.blueTone{background-image:url(../images_vs_tool/headerBG_b.png);}
body.pinkTone{background-image:url(../images_vs_tool/headerBG_p.png);}
*/
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

/*****Basic Elements*****/
h1, h2, h3, h4, h5, h6{color:#333;}
h1{font-size:27px; font-weight:bold;}
h2{font-size:21px; font-weight:bold;}
h3{font-size:17px; font-weight:bold;}
h4{font-size:15px; font-weight:bold;}
h5{font-size:13px; font-weight:bold;}
h6{font-size:12px; font-weight:bold;}

strong{font-weight:bold;}

ul, ol{
    line-height:2;
    margin:10px 10px 20px 5px;
}
ul{
}
ul>li{
    list-style:disc;
    list-style-position:outside;
    line-height:1.6;
    margin-left:20px;
    margin-left:25px \9;
}
ul li{
    _list-style:disc;
    _list-style-position:outside;
    _line-height:1.6;
    _margin-left:20px;
    _margin-left:25px \9;
}
ol>li{
    line-height:1.6;
    list-style:decimal;
    margin-left:20px;
}
ol li{
    _line-height:1.6;
    _list-style:decimal;
    _margin-left:0;
}
ul.noList, ol.noList{
    margin:5px 5px 15px;
}
ul.noList li, ol.noList li{
    list-style:none;
    margin:5px 0;
}
ul li.noList, ol li.noList{
    list-style:none;
    margin:0;
}
a{
    color:#333;
    text-decoration:none;
}
a:hover{
    text-decoration:underline;
}
p{
  margin:10px 10px 20px 0;
}
input, label, label *{
  vertical-align:middle;
  margin:1px;
}
label{
    margin-right:5px;
}
input[type="text"],input[type="password"], input.text, input.password, select{
    border:1px solid #dcdcdc;  
    padding:1px 3px;
    padding:3px 3px 1px \9;
  font-size:12px;
  font-family:Verdana, Geneva, sans-serif;
    height:18px;
  margin:1px 3px;
 
}
input[type="checkbox"], input.checkbox{
    margin-right:0px;
}
input[type="radio"], input.radiobox{
  margin:0 0px 0 0;
  margin:0 0 0 -3px \9;
  margin:0 0px 0 0 \0;
}
input[type="button"]{
}
input.year, input.post{width:50px;}
input.month, input.day{width:20px;}
input.time{text-align:center;width:40px;}
input.second{text-align:center;width:40px;}
input.port{width:50px;}
input.normal_mode{border:none !Important; }
.checkbox_indent, .radio_indent{text-indent:-20px !Important; padding-left:20px !Important;; line-height:2;}

.noMarginLeft{margin-left:0 !important;}
.noMarginRight{margin-right:0 !important;}

select{
  border:1px solid #c6c5c5;
  padding:1px 1px 1px 1px;
  font-size:12px;
  font-family:Verdana, Geneva, sans-serif;
  height:22px \9;
  height:22px;
  margin:0 3px;
  
  vertical-align:middle;
}
select.date{margin-right:15px;}
select.hr{margin:0 15px;}

textarea{
   border:1px solid #c6c5c5;
  font-family:Verdana, Geneva, sans-serif;
    font-size:12px;

    min-height:60px;
  /*  height:auto !important; */
    height:60px;
}

/*****Generic Classes*****/
.displayOn{display:block !important;}
.displayOff{display:none !important;}
.posRel{position:relative !important;}
.posAbs{position:absolute !important;}

.fontBigger_level1{font-size:250%;}
.fontBigger_level2{font-size:200%;}
.fontBigger_level3{font-size:150%;}
.fontSmaller_level1{font-size:80%;}
.fontSmaller_level2{font-size:60%;}
.fontSmaller_level3{font-size:40%;}

.fontWeight_none{font-weight:normal;}
.fontWeight_bold{font-weight:bold;}

.clear{clear:both;}

.floatl{float:left;}
.floatr{float:right;}
.floatnone{float:none;}

.color_black{color:black;}
.color_white{color:white;}
.color_graydeep{color:#444;}
.color_gray{color:#555;}
.color_graylight{color:#888;}
.color_reddark{color:#900;}
.color_red{color:#c00;}
.color_redlight{color:#fdd;}
.color_green{color:#693;}
.color_greendark{color:#3d6c0f;}
.color_greenlight{color:#8dc63f;}
.color_bluedark{color:#039;}
.color_blue{color:#06c;}
.color_bluelight{color:#69f;}
.color_orange{color:#f7941d;}
.color_orangedark{color:#c66d02;}
.color_orangelight{color:#fdc689;}
.color_purple{color:#8560a8;}
.color_purpledark{color:#59208d;}
.color_purplelight{color:#aa74d3;}
.color_pink{color:#ec008c;}
.color_pinkdark{color:#f7941d;}
.color_pinklight{color:#ca077b;}

.img_frame{background:#fff; border:1px solid #ccc; padding:3px;}

.txtStyle_bold{font-weight:bold;}
.txtStyle_underline{text-decoration:underline}

.alignr{text-align:right !important;}
.alignc{text-align:center !important;}
.alignl{text-align:left !important;}

.alignt{vertical-align:top;}
.alignm{vertical-align:middle;}
.alignb{vertical-align:bottom;}
.aligntb{vertical-align:text-bottom; margin:0 3px;}
.aligntp{vertical-align:text-top; margin:0 3px;}

.alignt2{vertical-align:top !important;}

.btnBar{padding:5px 0 10px;}

.margin_left0{margin-left:0 !important;}
.margin_left10{margin-left:10px !important;}
.margin_left20{margin-left:20px !important;}
.margin_left30{margin-left:30px !important;}
.margin_left40{margin-left:40px !important;}
.margin_right0{margin-right:0 !important;}
.margin_right10{margin-right:10px !important;}
.margin_right20{margin-right:20px !important;}
.margin_right30{margin-right:30px !important;}
.margin_right40{margin-right:40px !important;}


.test_outlineR{outline:#f00 1px solid;}
.test_outlineG{outline:#0f0 1px solid;}
.test_outlineB{outline:#00f 1px solid;}

.width_100percent{width:100% !important;}
.width_50percent{width:50% !important;}

.width_900{width:900px;}
.width_600{width:600px;}
.width_500{width:500px;}
.width_455{width:455px;}
.width_400{width:400px;}
.width_350{width:350px;}
.width_300{width:300px;}
.width_240{width:240px;}
.width_220{width:220px;}
.width_200{width:200px;}
.width_180{width:180px;}
.width_170{width:170px;}
.width_160{width:160px;}
.width_150{width:150px;}
.width_140{width:140px;}
.width_130{width:130px;}
.width_120{width:120px;}
.width_110{width:110px;}
.width_100{width:100px;}
.width_90{width:90px;}
.width_80{width:80px;}
.width_70{width:70px;}
.width_60{width:60px;}
.width_50{width:50px;}
.width_40{width:40px;}
.width_30{width:30px;}
.width_20{width:20px;}
.width_10{width:10px;}

.vspace_10, .vspace_30, .vspace_50, .vspace_80{
    clear:both;
    display:block;
    height:10px;
}
.vspace_30{height:30px;}
.vspace_50{height:50px;}
.vspace_80{height:80px;}

.separater{
    margin:0 8px;
    display:inline-block;
}
.separatSpace{
    display:inline-block;
    width:20px;
}
.txt_overflow{	
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.border_color_blue{
	border:1px solid rgba(0,153,255,0.5);
	padding:1px; }
.area_blue{
	background:rgba(0,153,255,0.07);}	
	
/*****Btn styles*****/
.btn_01{		
	display:block;
	margin:5px;
	/*width:56px;*/
	height:25px;
	padding:0 5px;
	border-radius:3px;
	background-color: #4d90fe;
    border: 1px solid #3079ed;
    color: #fff !important;
    background-image: linear-gradient(top,#4d90fe,#4787ed);
}
.btn_01:hover{
	background-color: #357ae8;
background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#357ae8));
background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8);
background-image: -moz-linear-gradient(top,#4d90fe,#357ae8);
background-image: -ms-linear-gradient(top,#4d90fe,#357ae8);
background-image: -o-linear-gradient(top,#4d90fe,#357ae8);
background-image: linear-gradient(top,#4d90fe,#357ae8);
	
	}
.btn_01 a{
	display:block;
	border:1px dolid #fff;
	color:#fff;
	text-align:center;
	line-height:25px;	
	
	}	
.btn_01 a:hover{
	text-shadow:0px 1px 1px #000066;	
	text-decoration:none;}	
.btn_02{
	border-radius:2px;
	border:1px solid rgba(0, 0, 0, 0.1);
	width:auto;
	display:inline-block;
	padding:2px 3px;
	margin:4px;    
	background:#f5f5f5;
	vertical-align:middle;	
	}
.btn_02 a{color:#666;}
.btn_02:hover{
	border:1px solid rgba(255, 0, 0, 1);
	background:#eee;
	box-shadow:1px 1px 2px rgba(0,0,0,0.1);}	
.btn_02:hover a{
	text-decoration:none;
	color:#f00;
		}
.btn_03:hover{
	background-color: #357ae8;
background-image: -webkit-gradient(linear,left top,left bottom,from(#4d90fe),to(#357ae8));
background-image: -webkit-linear-gradient(top,#4d90fe,#357ae8);
background-image: -moz-linear-gradient(top,#4d90fe,#357ae8);
background-image: -ms-linear-gradient(top,#4d90fe,#357ae8);
background-image: -o-linear-gradient(top,#4d90fe,#357ae8);
background-image: linear-gradient(top,#4d90fe,#357ae8);	
	}
.btn_03{
	border-radius:2px;
	
	width:auto;
	display:inline-block;
	padding:2px 4px;
	margin:4px;
	vertical-align:middle;	
	
	border:1px solid #df0909; 
	font-size:9pt;	
	text-shadow: -1px -1px 0 rgba(0,0,0,0.3);	
	
    background-color: #f62b2b; 
    background-image: linear-gradient(to bottom, #f62b2b, #d20202);
	}
.btn_03:hover{
	border:1px solid #b30808;
 background-color: #e40a0a; background-image: linear-gradient(to bottom, #e40a0a, #9f0202);
 }	
.btn_03 a{
	border:1px dolid #fff;
	color:#fff;
	text-align:center;
	line-height:18px;		
	}	
.btn_03 a:hover{
	text-shadow:0px 1px 1px #000066;	
	text-decoration:none;}	
		
.big_btn{
	display:block;
	text-align:center;
	vertical-align:middle;
	font-size:15pt;
	font-weight:bold;
/*	width:100px; */
	padding:5px;
	margin:10px;	
	float:right;
	position:relative;		
	}				
/****/
a.btnStyle1_main, a.btnStyle1_minor, a.btnStyle1_main span, a.btnStyle1_minor span, a.btnStyle2_main, a.btnStyle2_minor, a.btnStyle2_main span, a.btnStyle2_minor span{
	color:#fff !important;
	cursor:pointer;
	display:inline-block;
	font-weight:bold;
	text-decoration:none;
	text-align:center;

	border:1px solid #888;

	min-width:60px;
	width:auto !important; 
	width:60px;

	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;

	background: #0048a3;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#00bbe7) to(#0048a3)); /*old webkit*/
	background: -webkit-linear-gradient(#00bbe7, #0048a3); /*new webkit*/
	background: -moz-linear-gradient(#00bbe7, #0048a3); /*gecko*/
	background: -ms-linear-gradient(#00bbe7, #0048a3); /*IE10*/
	background: -o-linear-gradient(#00bbe7, #0048a3); /*opera 11.10+*/
	background: linear-gradient(#00bbe7, #0048a3); /*future CSS3 browsers*/
	-pie-background: linear-gradient(#00bbe7, #0048a3); /*PIE*/
}
a.btnStyle2_main, a.btnStyle2_main span{
	background:#900;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#f00) to(#900)); /*old webkit*/
	background: -webkit-linear-gradient(#f00, #900); /*new webkit*/
	background: -moz-linear-gradient(#f00, #900); /*gecko*/
	background: -ms-linear-gradient(#f00, #900); /*IE10*/
	background: -o-linear-gradient(#f00, #900); /*opera 11.10+*/
	background: linear-gradient(#f00, #900); /*future CSS3 browsers*/
	-pie-background: linear-gradient(#f00, #900); /*PIE*/
}
a.btnStyle1_minor span{
	color:#888;
	background:#e1e1e1;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#f7f7f7) to(#e1e1e1)); /*old webkit*/
	background: -webkit-linear-gradient(#f7f7f7, #e1e1e1); /*new webkit*/
	background: -moz-linear-gradient(#f7f7f7, #e1e1e1); /*gecko*/
	background: -ms-linear-gradient(#f7f7f7, #e1e1e1); /*IE10*/
	background: -o-linear-gradient(#f7f7f7, #e1e1e1); /*opera 11.10+*/
	background: linear-gradient(#f7f7f7, #e1e1e1); /*future CSS3 browsers*/
	-pie-background: linear-gradient(#f7f7f7, #e1e1e1); /*PIE*/
}
a.btnStyle1_main:hover span{
	background: #0168ab;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#aaddff) to(#0168ab)); /*old webkit*/
	background: -webkit-linear-gradient(#aaddff, #0168ab); /*new webkit*/
	background: -moz-linear-gradient(#aaddff, #0168ab); /*gecko*/
	background: -ms-linear-gradient(#aaddff, #0168ab); /*IE10*/
	background: -o-linear-gradient(#aaddff, #0168ab); /*opera 11.10+*/
	background: linear-gradient(#aaddff, #0168ab); /*future CSS3 browsers*/
	-pie-background: linear-gradient(#aaddff, #0168ab); /*PIE*/
}
a.btnStyle2_main:hover span{
	background:#CA1C20;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#f44) to(#CA1C20)); /*old webkit*/
	background: -webkit-linear-gradient(#f44, #CA1C20); /*new webkit*/
	background: -moz-linear-gradient(#f44, #CA1C20); /*gecko*/
	background: -ms-linear-gradient(#f44, #CA1C20); /*IE10*/
	background: -o-linear-gradient(#f44, #CA1C20); /*opera 11.10+*/
	background: linear-gradient(#f44, #CA1C20); /*future CSS3 browsers*/
	-pie-background: linear-gradient(#f44, #CA1C20); /*PIE*/
}
a.btnStyle1_main, a.btnStyle1_minor, a.btnStyle2_main, a.btnStyle2_minor{
	background:none;
}
a.btnStyle1_main span, a.btnStyle1_minor span, a.btnStyle2_main span, a.btnStyle2_minor span{
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;

	border:1px solid #fff;
	display:block;
	padding:5px 20px;
	padding:6px 20px 4px \9;
}
a.btnStyle3_main, a.btnStyle3_minor{
	color:#fff !important;
	cursor:pointer;
	display:inline-block;
	font-weight:bold;
	padding:3px 10px;
	padding:4px 10px 2px \9;
	position:relative;
	text-decoration:none;
	text-align:center;

	min-width:30px;
	width:auto !important;
	width:30px;

	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;

	-moz-box-shadow: 0 0 3px #ccc;
	-webkit-box-shadow: 0 0 3px #ccc;
	box-shadow: 0 0 3px #ccc;

	background: #0048a3;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#00bbe7) to(#0048a3)); /*old webkit*/
	background: -webkit-linear-gradient(#00bbe7, #0048a3); /*new webkit*/
	background: -moz-linear-gradient(#00bbe7, #0048a3); /*gecko*/
	background: -ms-linear-gradient(#00bbe7, #0048a3); /*IE10*/
	background: -o-linear-gradient(#00bbe7, #0048a3); /*opera 11.10+*/
	background: linear-gradient(#00bbe7, #0048a3); /*future CSS3 browsers*/
	-pie-background: linear-gradient(#00bbe7, #0048a3); /*PIE*/
}
a.btnStyle3_main:hover{
	background: #0168ab;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#aaddff) to(#0168ab)); /*old webkit*/
	background: -webkit-linear-gradient(#aaddff, #0168ab); /*new webkit*/
	background: -moz-linear-gradient(#aaddff, #0168ab); /*gecko*/
	background: -ms-linear-gradient(#aaddff, #0168ab); /*IE10*/
	background: -o-linear-gradient(#aaddff, #0168ab); /*opera 11.10+*/
	background: linear-gradient(#aaddff, #0168ab); /*future CSS3 browsers*/
	-pie-background: linear-gradient(#aaddff, #0168ab); /*PIE*/
}
a.btnStyle3_minor{
	color:#888;
	background:#e1e1e1;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#f7f7f7) to(#e1e1e1)); /*old webkit*/
	background: -webkit-linear-gradient(#f7f7f7, #e1e1e1); /*new webkit*/
	background: -moz-linear-gradient(#f7f7f7, #e1e1e1); /*gecko*/
	background: -ms-linear-gradient(#f7f7f7, #e1e1e1); /*IE10*/
	background: -o-linear-gradient(#f7f7f7, #e1e1e1); /*opera 11.10+*/
	background: linear-gradient(#f7f7f7, #e1e1e1); /*future CSS3 browsers*/
	-pie-background: linear-gradient(#f7f7f7, #e1e1e1); /*PIE*/
}


/*****Basic Layout*****/
.header, .main, .footer>div{
  margin:0 auto;
    width:980px;
}
.header{
	height: 140px;
	position: relative;	
	}
.main{
    min-height:400px;
}
    .main.blue a{color:#36f;}
    .main.green a{color:#007236;}
    .main.pink a{color:#ed145b;}

.footer{
    background:0 0 repeat-x;
    margin:20px auto 0;

    -moz-box-shadow: 0 0 3px #ccc;
    -webkit-box-shadow: 0 0 3px #ccc;
    box-shadow: 0 0 3px #ccc;
}
.footer>div{
    min-height:185px;
    position:relative;
}
.footer.greenTone{background-image:url(../images_vs_tool/footerBG_g.png);}
.footer.blueTone{background-image:url(../images_vs_tool/footerBG_b.png);}
.footer.pinkTone{background-image:url(../images_vs_tool/footerBG_p.png);}

.bkToolArea{
	bottom:40px;
	left:0;
	position:fixed;
	right:0;
	z-index:999;
}

.block{
    border:1px solid #cdcdcd;
    margin-bottom:5px;
    padding:2px;

    /*
	-webkit-box-shadow: 0px 0px 3px 0px #ccc;
    box-shadow: 0px 0px 3px 0px #ccc;
	*/
}
.block.greenTone{
	border-color:#dae9c4;
}
.block.blueTone{
	border-color:#d5effb;
}
.block.pinkTone{
	border-color:#ffe7ee;
}
.editMark{
    position:relative;
}
  .editMark .bkedit{
        background:0 0 no-repeat;
        cursor:pointer;
        height:28px;
        position:absolute;
        width:28px;
  }
  .editMark .bkedit:hover{
    background-position:0 bottom;
  }
  .editMark .bkedit{
    top:-10px;
  }
  .editMark .r_1{
    right:0;
    top:0;
  }
  .editMark .r_2{
    right:28px;
    top:0;
  }
  .editMark .l_1{left:-10px;}
  .editMark .l_2{left:18px;}
  .editMark .l_3{left:46px;}
  .editMark .l_4{left:74px;}
  .editMark .l_5{left:102px;}
  .editMark .add{background-image:url(../images_2/icon_add.png);}
  .editMark .remove{background-image:url(../images_2/icon_remove.png);}
  .editMark .edit{background-image:url(../images_2/icon_edit.png);}
  .editMark .left{background-image:url(../images_2/arrow_l.png);}
  .editMark .up{background-image:url(../images_2/arrow_t.png);}
  .editMark .down{background-image:url(../images_2/arrow_b.png);}
  .editMark .right{background-image:url(../images_2/arrow_r.png);}
  .editMark .available{
      background:#000;
      border:2px solid #fff;
      color:#fff;
      font-weight:bold;
      height:18px;
      margin:3px 0 0;
      padding:0 0 0 5px;
      width:56px;

      -webkit-border-radius: 15px;
      border-radius: 15px;

      -webkit-box-shadow: 0px 0px 0px 1px #999;
      box-shadow: 0px 0px 0px 1px #999;

      text-shadow: 0px 0px 2px #fff;
      filter: dropshadow(color=#fff, offx=0, offy=0);
  }
  .editMark .available *{
      vertical-align:middle;
  }
/******/
.header_frame .header,.nav .nav_block ,.foot_frame .ejet_logo, .main_frame{
	width:910px;}
/*****Header*****/
.header_frame{
	
	background:url(../image/header_bg.jpg) no-repeat; 
	height:94px;
	}
	
.header_frame .header{	
	height:67px;
	margin:0 auto;}
.header_shadow{	
	background:url(../image/header_shadow.png) repeat-x;
	height:8px;}		
.header_logo{
	display:block;
	width:420px;	
	background:rgba(255,255,255,0.6);
	padding:5px;
	border-radius:0 0 5px 5px;
	box-shadow:0px 0px 3px rgba(0,0,0,0.3);}
.header_logo .erpsys{
	position:relative;
	top:-25px;		
	margin:0 0 0 10px;}	
.sysmsg{
	
	background:rgba(255,255,255,0.6);
	width:350px;
	height:27px;
	margin:0 5px;
	border-radius:0 0 5px 5px;
	display:block;
	position:relative;
	top:-61px;	
	left:430px;
	}
.sysmsg .tap{
	position:relative;
	left:3px;}
.sysmsg .txt_msg{
	display:block;
	width:260px;	
	position:relative;
	top:-25px;
	left:85px;
	}			
.top_url{
	display:inline-block;
	background:rgba(255,255,255,0.6);		
	padding: 3px 10px 4px 10px;
	border-radius:0 0 5px 5px;
	font-size: 11px;
	height: 20px;
	line-height: 20px;
	position: absolute;
	right: 0px;
	top: 0px;
	white-space: nowrap;	
	
	}
.tap_url ul{
	}	
.top_url li{
	direction:inline-block;	
	border-right:1px solid #ccc;}
.nav {
	background:url(../image/nav_bg.png) repeat-x;
	height:27px;
	position:relative;
	}
.nav_block{
	margin:0 auto;
	}	
.nav_block ul{	
	display:block;
	position:relative;
	text-align:right;
		
		}
.nav_block ul li{
	display:inline-block;
	line-height:27px;
	margin:0;
	vertical-align:middle;	}
.nav_block ul li a{	
	margin:0 10px;
	padding:0 ;}	
.nav_block ul li:hover{
	background:url(../image/nav_on_bg.png)}	
.nav_block ul li:hover a{

	text-decoration:none;}
.nav_block ul li:hover .select_on{color:#fff;}				
/*****index_box****/
body.bg{
	background:url(../image/header_bg.jpg) repeat-y;}
.index_box{
	display:block;
	margin:0 auto;
	height:500px;		
	}	
.index_logo{
	display:block;
	position:relative;
	top:150px;
	background:rgba(255,255,255,0.8);
	border-radius:5px;
	box-shadow:0px 0px 3px rgba(127,63,15,0.3);	
	border:1px solid rgba(0,0,0,0.2);
	width:310px;
	padding:3px;
	margin:2px;		
	}			
.index_logo .pic{
	margin:5px 0 10px 0;
	padding-bottom:15px;
	border-bottom:1px solid #7f3f0f;}
.index_logo input{margin:5px 2px;}
.index_logo .login{
	display:block;	
	margin:15px 0 0 0;}
.index_logo .redme,	.index_logo .fogt{
	margin:10px 5px 10px 60px;}	
	
	.no_ver{
		display:inline-block;
		position:relative;
		margin:3px;		
		float:right;
		color:#CCC;
		}
		
/*****main****/						
.main_frame{
	border:1px solid #cacaca;
	background:#f6f6f6;
	border-top:none;	
	margin:0 auto 40px auto;
	
	position:relative;
	min-height:100px;
	top:-13px;
	box-shadow: 0 0 5px rgba(0,0,0,0.15);
	/*z-index:-100;*/
	}
.main_frame .title{
	margin:5px;	
	border-bottom:1px solid #e1e0e0;
	padding:5px 0 2px 0;	
	}	
.main_frame .title h4{
	font-family:微軟正黑體;
	font-size:14pt;
	color:#373737;
	border-left:3px solid #F00;
	padding-left:3px;		
	height:15pt;
	}
.main_frame .pad h5{
	font-family:微軟正黑體;	    
	color:#373737;
	border-left:3px solid #F00;
	border-bottom:1px solid #e1e0e0;
	padding-left:3px;
	margin-bottom:3px;		
	height:12pt;
	}	
.main_frame .search,.main_frame .panel{
	border:1px solid #dcdcdc;
	background:#FFF;
	margin:4px;
	padding:4px;}
.single_table th{
	padding-left:20px;
	padding-right:5px;	
	text-align:right;
	vertical-align:middle;
	background:rgba(0,0,0,0.055);
	}	
.single_table th,.pad .single_table td{
	padding:2px 5px 2px 2px;	
	border:2px solid rgba(255,255,255,1); }

.single_table .title h4,.report .title h4,.list_title h4{
	color:#f00;
	font-family:微軟正黑體;
	font-size:12pt;
	line-height:15px;
	margin:5px 0 3px 0;
	height:15px;}
.single_table .title,.report .title{border-bottom:none;margin:0px;}	
.list_table th{
	border:1px solid #95C3FD;
	background:#D5EEFF;
	line-height:25px;
	padding:1px 2px;
	}
	.list_table_line th{
	border:1px solid #95C3FD;
	background:#D5EEFF;
	line-height:25px;
	padding:1px 2px;
	}
.align_l th{
	text-align:left;}	
.list_table td{
	/*background:#FFF;*/
	}	
	.list_table_line td{
	/*background:#FFF;*/
	}	
.list_table .pic{
	margin:3px;}
	.list_table_line .pic{
	margin:3px;}
.report .list_table td{
	border-right:none;	
	}
	.report .list_table_line td{
	border-right:none;	
	}
.report .list_table td:last-child{
	border-right:1px solid #e1e1e1;}		
	.report .list_table_line td:last-child{
	border-right:1px solid #e1e1e1;}		
.color_table_green_01 th{
	border:1px solid #72d9aa;
	background:#cdf6e6;
	}	
.color_table_green_02 th{
	border:1px solid #52c649;
	background:#9ced96;
	}	
.color_table_gold_01 th, table th.color_table_gold_02, table td.color_table_gold_02{
	border:1px solid #dbbc3e;
	background:#f6f5cd;
	}	
.color_table_pink_01 th{
	border:1px solid #d05b74;
	background:#fbe4ea;
	}	
.color_table_purple_01 th{
	border:1px solid #b35bd0;
	background:#f6e4fb;
	}	
table tr.two_tr{
	background:#F5F5F5;}
.pad table tr.on{
	border:2px solid #F00;}	
.pad table tr.on td {
	background:rgba(255,0,0,0.2);}		
.list_table tr:hover{
	background:#eee;
	}		
	.list_table_line tr:hover{
	background:#eee;
	}		
.list_table td{border:1px solid #e1e1e1;
text-align:center;
vertical-align:middle;
line-height:25px;}	

.list_table_line td{border:1px solid #e1e1e1;
text-align:center;
vertical-align:middle;
line-height:20px;}

.list_table td a{color:#06F;}

.list_table_line td a{color:#06F;}
.page_table td table{margin-left:5px;}
.page_table td table tr td{border:none;padding:6px 3px 6px;letter-spacing:4px;}
.page_table td table tr td a{color:black;}
.page_table td table tr td span{color:#F00;}
.posPageNum	
{
    text-align:right;
    padding-right:5px;
    position:relative;
    bottom:24px;
    width: 300px;
    float: right;
    }
.pad .line{
	border-top:1px solid #ebebeb;
	margin:10px 0;}		
.search .search_btn {
	float:right;
	}
.search_btn table{
	float:right;}		
.table_view{
	margin:0;}
.table_view ul{
	position:relative;
	display:block; 	
	margin:0 0 0 5px;
	bottom:-6px;
	left:0px;
	}
.table_view ul li{
	display:inline-block;
	margin:0;
	margin-right:-4px;
	background:url(../image/btn_bg.jpg) repeat-x;
	border:1px solid #dcdcdc;
	border-bottom:1px solid #F00;
	border-radius:3px 3px 0 0 ;
	padding:2px 5px;	
	}
.table_view ul li:hover{
	}	
.table_view .select_on{
	border:1px solid #f00;
	border-bottom:1px solid #fff;
	background:#FFF;	
	}
.table_view .select_on a:hover{
	font-weight:normal;}			
.table_view ul li a{	
	text-decoration:none;}
.table_view ul li a:hover{font-weight:bold;}
.tabbed{
	margin:5px;
	padding:5px;
	border:1px solid #dcdcdc;
	border-top:1px solid #f00;
	background:#fff;}
.tabbed .remark{
	position:relative;

	width:740px;
    max-width:740px;}
.list_table table th td{
	border:1px solid #dcdcdc;
	background:#ededed;}	
	.list_table_line table th td{
	border:1px solid #dcdcdc;
	background:#ededed;}	
/***報表***/	
.panel .report{
	width:100%;
	text-align:center;
	line-height:20px;
	margin:3px;	 
	}
table.report_table {
	width:100%;
	border:1px solid #dcdcdc;
	margin:3px;
	}	
table.report_table th,table.report_table td
{
	padding:5px;
	margin:3px;
	}	
.panel input{
	margin:2px;
	padding:1px;
	}	
.panel .report .{
	background:#c3e8ff;}
.panel table.report,.panel table.report th,.panel table.report td,table.report_table th,.panel table.report_1 tr,.panel table.report_1 th,.panel table.report_2 tr,.td_border{
	border:1px solid #dcdcdc;
	}

.panel table.report .item{
	width:100%;}			
.panel table.report	th, table.report_table th,.panel table.report_2 tr th{
	background:#f6f6f6;	
	}
.panel table.report	th,.panel table.report	td{
	padding:0 3px ;
	}	
.panel table.report_1 tr,.panel table.report_1 th{
	line-height:20px;
	}	
.panel table.report_1 tr td,.panel table.report_2 tr td{
	padding:0;
	margin:0;}	
.panel table.report_1 th{	
	background:rgba(0,153,255,0.1);}	
.panel table.report_2{
	width:99.7%;
	margin:2px;}
.panel table.report_2 tr td{	
	border:none;}	
.small_total{
	font-weight:bold;
	font-size:12pt;
	line-height:30px;}	
.total{
	font-weight:bold;
	font-size:13pt;
	border:1px solid #dcdcdc;
	line-height:30px;
	width:100%;}	
.report_co{
	width:350px;
	float:left;
	}
.report_co .logo{
/*	float:right; */
    width:120px;}
.report_co ul{
	
	float:right;
	display:block;
	}	
.report_co li{
	line-height:13px;
	text-align:left;		
	}
.report_co1{
	width:400px;
	float:left;
	}
.report_co1 .logo{
/*	float:right; */
    width:120px;}
.report_co1 ul{
	
	float:right;
	display:block;
	}	
.report_co1 li{
	line-height:13px;
	text-align:left;		
	}
.panel  .note{
	width:600px;
    float:left;
	clear:both;}					
.panel .sign{
	display:block;
	border:2px solid #666;
	float:right;
	width:170px;
	height:100px;
	margin:10px;
	position:absolute;	
	bottom:10px;
	right:10px;
	vertical-align:bottom;
	line-height:18px;
	padding:3px;
	}
.panel .cont{
	background:rgba(160,230,0,0.35);
	display:block;
	float:right;
	width:174px;
	position:absolute;
	bottom:135px;
	right:20px;
	padding:3px;	}	
.sign .sign_name{
	font-size:12pt;
	font-weight:bold;	
	line-height:20px;
	}
.control .tomonth{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14pt;
	color:#4e4e4e;
	letter-spacing:1pt;	}	
.control td{
	font-weight:bold;
	padding:15px 5px;}	
.control_l{	
	width:20px;
	height:26px;	
	background:url(../image/control.png) 0 0 no-repeat;
	}
.control_l:hover{		
	background:url(../image/control.png) 0 -26px no-repeat;
	}	
.control_r{	
	width:20px;
	height:26px;	
	background:url(../image/control.png) -19px 0 no-repeat;
	}
.control_r:hover{
	background:url(../image/control.png) -19px -26px no-repeat;
	}			
.calendar_table {
	width:910px;
	border:1px solid #999;
	padding:0;
	margin:0;}	
.calendar_table table th,.calendar_table table td,.calendar_table_list table th{
	border:1px solid #dfdfdf;
	padding:3px;}
.calendar_table table th,.calendar_table_list table th{
	background:#f6f6f6;
	height:20px;
	vertical-align:middle;}		
.calendar_table  td{
	height:80px;
	width:14%;
	}	
.calendar_table td span{
	display:inline-block;	
	background:rgba(0,185,253,0.1);
	border:1px solid #bdebfd;
	width:115px;
	overflow:hidden;
	margin:2px 0;	
	padding:2px;
	line-height:17px;	
	color:#666;
	}	
.calendar_table td span.color_gold{
	background:rgb(255, 238, 179);
	border:1px solid rgb(255,204,0);}	
.calendar_table td span.color_red{
	background:rgb(255, 189, 182);
	border:1px solid rgb(255, 136, 124);}	
.calendar_table td span.color_green{
	background:rgb(210, 241, 180);
	border:1px solid rgb(81, 183, 73);}	
.calendar_table td span.color_gray{
	background:rgb(226, 226, 226);
	border:1px solid rgb(126, 126, 126);
	}	
.calendar_table td .creat{
	display:block;
	background:none;
	border:none;
	text-decoration:none;
	line-height:20px;
	width:120px;
	padding:2px;	
	}	
.calendar_table td .creat:hover{
	background:rgba(239,0,39,0.1);
	text-decoration:none;}	
.calendar_table .creat img{	
/*	visibility:hidden; */
display:none;    
	}	
.calendar_table td .creat:hover img{
	visibility:visible;
	display:inline-block;
	text-decoration:none;				
	 }
.calendar_table .overday,.calendar_table .overday a{
	color:#aaa;}	
.calendar_table .overday .v_mark{
	background:rgba(255,0,0,0.35);	}	
.calendar_table_list{
	border:1px solid #4e4e4e;
	width:920px;
	}
.calendar_table_list table{
	width:920px;}		
.calendar_table_list td.{		
	margin:2px 3px;	
	padding:5px 3px 5px 3px;
	border:none;	
	}
.calendar_table_list td. h4{
	color:#666;}		
.calendar_table_list table td{
	border:none;
	padding:3px;}
	.calendar_table_list table tr{
		border-bottom:1px dotted #ededed;}
.calendar_table_list table tr:last-child{
	border-bottom:1px solid #dfdfdf;}			
.goto{	
	display:block;
	position:relative;
	float:right;
	margin-bottom:-50px;
	right:-10px;
	/*top:19px;*/
	}
.goto_2{	
	display:block;
	position:relative;
	float:right;
	margin-bottom:-50px;
	right:-10px;
	top:5px;
	}		
.calender_sel {
	display:block;	
	position:relative;
	width:170px;
	float:left;
	margin:0 0 -50px -12px;
	}		
	.calender_sel .title h4{
	font-family:微軟正黑體;
	font-size:14pt;
	color:#373737;
	border-left:3px solid #F00;
	padding-left:3px;		
	height:15pt;
	float: left;
	}
		.calender_sel2 {
	display:block;	
	position:relative;
	float:left;
	margin:0 0 -50px -12px;
	}

		.calender_sel2 .title h4{
	font-family:微軟正黑體;
	font-size:14pt;
	color:#373737;
	border-left:3px solid #F00;
	padding-left:3px;		
	height:15pt;
	float: left;
	}

		
.calender_sel select{
	width:130px;}	 
.v_mark{
	background:rgba(255,0,0,1);
	color:#fff;
	padding:0 5px;
	border-radius:5px ;
	text-decoration:none;
}		

.calendar_table table{
	width:100%;
	}	
.calendar_table_small table{
	width:210px;
	}	
.calendar_table_small th{
	background:rgba(153,153,153,0.2);
	text-align:center;
	}
.calendar_table_small td{
	text-align:right;	
	}	
.calendar_table_small table th,.calendar_table_small table td{
	border:1px solid #ddd; 
	padding:5px;
	line-height:15px;	
	}	
	
.calendar_table_small center{
	line-height:25px;}		
.up_pic{
	margin:5px;
	border:1px solid #eee;
	max-width:100px;
	max-height:150px;}	
.title_num {	
	background:#40b2ff;
	color:#FFF;
	font-weight:bold;
	padding:4px 10px;
	margin:2px 3px 0 0;}
.icon_a{
	margin:3px 1px;
	}
.icon_abs{
	display:block;
	position:relative;	
	float:left;
	}	
.numfix{	
	text-align:center;
	display:block;
	position:relative;
	left:-10px;
	}						
/******foot ******/	
.foot_frame{	
	background:url(../image/foot_bg.png) repeat-x;  
    background: -moz-linear-gradient(top,  #727272 0%, #ffffff 1%, #ffffff 35%, #f2f2f2 100%); /* FF3.6+ */
    background: -o-linear-gradient(top,  #727272 0%,#ffffff 1%,#ffffff 35%,#f2f2f2 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #727272 0%,#ffffff 1%,#ffffff 35%,#f2f2f2 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#727272', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
	height:40px;
	position:fixed;
	bottom:0px;
	width:100%;
	margin-top:10px;}
.foot_frame .ejet_logo{
	display:block;	
	height:27px;
	vertical-align:middle;
	margin:0 auto;
	}
.foot_frame .ejet_logo img{
	float:left;
	position:relative;
	top:18px;
	}
.tool_bar{
	position:relative;
	top:3px;
	float:right;
	display:inline-block;	
	
	}
	.tool_barl{
	position:relative;
	top:3px;
	float:left;
	display:inline-block;	
	
	}
	
	
	.list .title1{font-size:20px;font-weight:bold;color:#999;text-align:center;width:100px;vertical-align:top;}
 
.list .title2{font-size:20px;font-weight:bold;color:#999;text-align:center;position:relative;bottom:35px;width:100px;}


.list .title3{font-size:20px;font-weight:bold;color:#999;text-align:center;width:100px;vertical-align:top;}

.list .title4{font-size:16px;font-weight:bold;color:#999;text-align:center;position:relative;bottom:35px;width:100px;}

.area1 > div,.area2 > div,.area3 > div{display:inline-block;}

.area1{padding:20px 0;background-color:rgba(255,204,0,.1);text-align:left;width:875px;}

.area1 .content{
 border-radius:8px;
 margin:5px;
 background:rgba(255, 255, 255, 0.6);
 border:1px solid rgba(255,204,0,1);
 text-align:left;
 width:200px;
 display:inline-block;}

.area1 .content p,.area2 .content p,.childList .detail p,.area3 .content p{margin:10px 0px 20px 10px;} 
 
.area1 .length,.area1 .length2,.area3 .length,.area3 .length2{width:200px;/*margin-right:65px;*/}

.area1 .length2,.area3 .length2{margin-left:50px;vertical-align:top;}

.area1 .content p:nth-child(3n){
 padding-bottom:15px;
 border-bottom:1px solid rgba(255,204,0,1);width:88%;}

.area1 .content p:nth-last-child(1){
 padding-bottom:0px;
 border-bottom:none;}


.area3 .length3{vertical-align:top;width:200px;margin-left:50px;}

.area2{padding:20px 0;background-color:rgba(102,204,0,.1);text-align:left;width:875px;}

.area2 .content,.childList .detail{
 border-radius:8px;
 margin:5px;
 border:1px solid rgba(102,204,0,1);
 background:rgba(255, 255, 255, 0.6);
 text-align:left;
 width:200px;
 display:inline-block;}
 
.area2 .icon{font-size:20px;font-weight:bold;color:#999;text-align:center;position:relative;bottom:34px;width:50px}

.area2 .childList {display:inline-table;}

.childList .left div{display:inline-block;}
 
.area3{padding:20px 0;background-color:rgba(0,102,153,.1);text-align:left;width:875px;}

.area3 .content{
 border-radius:8px;
 margin:5px;
 background:rgba(255, 255, 255, 0.6);
 border:1px solid rgba(0,102,153,1);
 text-align:left;
 width:200px;
 display:inline-block;}
 
.area3 .content p:nth-child(3n){
 padding-bottom:15px;
 border-bottom:1px solid rgba(0,102,153,1);
 width:88%;}

.area3 .content p:nth-last-child(1){
 padding-bottom:0px;
 border-bottom:none;}