/* JL:jl.css		Updated:2015.2.26 */ 
body {background:#222 url(../img/bg_00.jpg) repeat-y center top; background-attachment:fixed; color:#EEF; margin:0;}

.hide,.modehide {display:none;}
.left {float:left;}
.right {float:right;}
.border {border:1px #F88 solid;}

a {	outline:none; text-decoration:none;}
b.h2 {color:#016DC7;font-size:12pt;xline-height:15px;}
b.h3 {color:#DE047A;font-size:12pt;xline-height:15px;}
b.blue {color:#036;}
b.green {color:#2F0;}
b.orange {color:#D25400;}
b.purple {color:#606;}
b.red {color:#600;}
b.white {color:white;}

div.clear {clear: both;}
.center {margin:auto;}

h1 {color:#2F0; font-size:12pt; margin:0px;z-index:9;}
h1.center {text-align:center;}

img {border:0;}
img.btn,input.btn {vertical-align:middle;} 
img.w600 {max-width:600px;}

input.button {line-height:25px;}
input.text,select,textarea {border:1px #AAA solid;font-size:8pt;}
input.fieldalert,select.fieldalert,textarea.fieldalert {border:1px #F20 solid;font-size:8pt;}
input.readonly {background-color:#CCF; border:1px #888 solid;font-size:8pt;}
input.number {border:1px #AAA solid;font-size:8pt;text-align:right;}
select.nav {font-size:12pt;vertical-align:bottom;}
textarea.readonly {background-color:#CCF; }

table {border-collapse:collapse;}
table.border, table.border td, table.border th {border:1px #888 solid;}
table.t100p {width:100%;}
table.white {color:#222;}
td.disable {color:#888;}
tr.hover0:hover,tr.hover1:hover,tr.hover2:hover,tr.hover3:hover {background-color:#EEDDAA;}
tr.hover0 {background-color:#888;} /* disable */
tr.hover1 {background-color:#AAA;}
tr.hover2 {background-color:#EEE;}
tr.guide {height:1px;}
tr.r0 {background-color:#B65F40;height:25px;}
tr.r1 {background-color:#D2E1FF;height:25px;}
tr.r2 {background-color:#E9E0CB;height:25px;}
tr.end {background-color:#888;height:10px;}

ul.blue {list-style-image:url(../img/dot_blue.png); margin:0 0 0 -20px; }
ul.red {list-style-image:url(../img/dot_red.png); margin:0 0 0 -20px; text-align:justify;}
ul.pdf {list-style-image:url(../img/dot_pdf.png); margin:0 0 0 -20px; }

#headerw0 {background:url(../img/bg_headerw0.png) repeat-x; xcolor:#88A; xfont-size:10pt; }
#headerw1 { margin:0 auto; width:960px; z-index:9;}
#headerw2 { height:120px; overflow:hidden; position:relative; } 
#headerw2 div#toplogo {float:left; height:80px; left:0; top:15px; width:400px; z-index:1;}
#headerw2 div#topnav1 {height:auto; line-height:30px; right:10px; position:absolute; top:15px; width:auto;}

#headerw1 ul#topnav {list-style:none; margin:0;overflow:hidden; padding-left:100px; width:800px;} /* padding=0 */
#headerw1 ul#topnav li {float:left; height:50px;line-height:40px;width:150px;} /* w=200/137 */
#headerw1 ul#topnav li a {background:url(../img/bg_partsw.png) no-repeat -1px 0; color:#555; display:block; font-size:12pt;text-align:center;text-shadow:1px 1px 0 #EFF;}
#headerw1 ul#topnav li a:hover, #headerw ul li.current a {color:#FFF;text-shadow:1px 1px 0 #822;}
#headerw1 ul#topnav li.current a {background:url(../img/bg_partsw.png) no-repeat -1px -45px;color:#555;text-shadow:1px 1px 0 #FFF;  }
#headerw1 div#topbanner {background:#F66; height:190px; padding:10px; xwidth:800px;} /* w=940 */

#headerw1 div#topnav2 {background:#888; display:none; height:150px;} /* h=auto */
#headerw1 div#topnav2 div.login {xbackground:#3A3; border-right:1px #AAA solid; color:#FFF; float:left; height:110px; left:20px; line-height:2; margin:10px 0 10px 10px; padding:10px 10px 10px 20px; width:260px;}
#headerw1 div#topnav2 div.login tr {height:30px;}
#headerw1 div#topnav2 div.login td.label {width:80px;}

#pagew {color:#F33; height:auto;width:100%; font-size:11pt; line-height: 1.5; letter-spacing: 0.1em; text-align:justify;}
#pagew div#img960 {xbackground:#DDD;xcolor:#222; height:auto; margin:0 auto; xpadding:20px; width:960px; z-index:9;} /* 920+20*2=960 */
#pagew div#w960 {xbackground:#DDD;color:#FFF; height:auto; margin:0 auto; padding:20px; width:920px; z-index:10;} /* 920+20*2=960 */
#pagew div.white {background:#EEE;color:#222; }
#pagew div#h1 {background:url(../img/bg_partsw.png) no-repeat 0 -260px; xcolor:#600; xfont-size:12pt; height:30px; xmargin:0px; padding:0 0 10px 50px; width:450px;} /* w=600 -20*/
#pagew div#rightside {float:right; padding:10px 5px 5px 5px; width:250px;}

#footerw {background:#333 url(../img/bg_bar40.png) repeat-x; height:40px; width:100%; font-size:10pt; margin-bottom:20px;}
#footerw div#mid {margin:0 auto;padding-top:10px;overflow:hidden;width:960px;}
#footerw div#mid a {border-left:1px solid #600; color:#600; padding:0 10px;}
#footerw div#mid a.first {border:0;}
#footerw div#mid a:hover {color:#333;}
span#copyright {float:right; position:absolute;}

div.pageindexitem {background:url(../img/bg_partsw.png) no-repeat 0 -500px; color:#333; height:145px; margin:10px 0 30px; padding:0px 20px 10px 30px; position:relative; width:600px;}
div.pageindexitem p {padding-top:50px; font-size:10pt; text-align:justify; }

div#gogo {background:url(../img/bg_gogo.png);bottom:20px;display:none;height:130px;opacity:0.5;position:fixed;right:2px;width:70px;z-index:99;}
div#gogotop {background:url(../img/bg_gogo.png) no-repeat -70px 0;cursor:pointer;height:50px;xopacity:0.8;margin:10px;width:50px;z-index:99;}
div#gogohome {background:url(../img/bg_gogo.png) no-repeat -120px -0;cursor:pointer;height:50px;xopacity:0.8;margin:10px;width:50px;z-index:99;}

div#messagew {color:#400; font-size:10pt;}
div#msgedit {padding:10px;}
div#msgedit img {float:left; }
div#msgedit div#ul {float:left; margin-left:20px;}

button.w28 {cursor:pointer; height:32px; width:32px;} /* for zcombo:filelist */
button.adownload {background: url(../img/bg_btn30studiozero.png) no-repeat 0 -210px;}


span.btnd4b,
span.btnd4b a,
span.btnd4b b,
span.btnd4b i,
span.btnd4b button,
span.btnd4b input {border:0; color:#fff; display:-moz-inline-stack; display:inline-block; font-size:12px; font-family:Tahoma, Sans-serif; overflow:visible; position:relative; margin:0; text-decoration:none !important;white-space:nowrap; }
span.btnd4b {background-position:left -350px; height:23px; padding:0; margin-right:2px;vertical-align:middle; }
	
span.btnd4b a,
span.btnd4b b,
span.btnd4b i,
span.btnd4b button,
span.btnd4b input{ background-position:right -350px; cursor:pointer; left:2px; height:23px; line-height:23px; padding:0 10px 0 8px;vertical-align:top;}  /* round coner */

span.btnd4b.b1,
span.btnd4b.b1 a,
span.btnd4b.b1 b,
span.btnd4b.b1 i,
span.btnd4b.b1 button,
span.btnd4b.b1 input { background-image:url(../img/bg_partsw.png); color:#fff;}
span.btnd4b.b1 *:hover,
span.btnd4b.b1 *:active,
span.btnd4b.b1 *:focus{ color:#f0f;}

span.btnd4b.b2,
span.btnd4b.b2 a,
span.btnd4b.b2 b,
span.btnd4b.b2 i,
span.btnd4b.b2 button,
span.btnd4b.b2 input { background-image:url(../img/bg_partsw.png); color:#ddf;}
span.btnd4b.b2 { height:29px; background-position:left -380px; } /* height:29px; */
span.btnd4b.b2 a,
span.btnd4b.b2 b,
span.btnd4b.b2 i,
span.btnd4b.b2 button,
span.btnd4b.b2 input { background-image:url(../img/bg_partsw.png); background-position:right -380px; color:#fff; font-size:16px; height:29px; line-height:29px;padding:0 10px 0 8px;  } /* bg-yoff=-30 */
span.btnd4b.b2 *:hover,
span.btnd4b.b2 *:active,
span.btnd4b.b2 *:focus{ color:#f0f;}

/* fb/ white */
span.btnd4b.b2w,
span.btnd4b.b2w a,
span.btnd4b.b2w b,
span.btnd4b.b2w i,
span.btnd4b.b2w button,
span.btnd4b.b2w input { background-image:url(../img/bg_partsw.png); xcolor:#036;}
span.btnd4b.b2w { height:29px; background-position:left -420px; } /* height:29px; */
span.btnd4b.b2w a,
span.btnd4b.b2w b,
span.btnd4b.b2w i,
span.btnd4b.b2w button,
span.btnd4b.b2w input { background-image:url(../img/bg_partsw.png); background-position:right -420px; color:#05A; font-size:16px; height:29px; line-height:29px;padding:0 10px 0 8px;  } /* bg-yoff=-30 */
span.btnd4b.b2w *:hover,
span.btnd4b.b2w *:active,
span.btnd4b.b2w *:focus{ color:#036;}

span.btnd4b.h1m {width:100%;}
span.btnd4b.h1m,
span.btnd4b.h1m a,
span.btnd4b.h1m b,
span.btnd4b.h1m i { background-image:url(../img/bgm_partsw.png);}
span.btnd4b.h1m { height:29px; background-position:left -10px; }
span.btnd4b.h1m a,
span.btnd4b.h1m b,
span.btnd4b.h1m i { background-position:right -10px; color:#090; font-size:16px; height:29px; line-height:29px;padding:0 10px 0 8px; width:100%}

span.btnd4b.h2m {width:100%;}
span.btnd4b.h2m,
span.btnd4b.h2m a,
span.btnd4b.h2m b,
span.btnd4b.h2m i { background-image:url(../img/bgm_partsw.png);}
span.btnd4b.h2m { height:29px; background-position:left -50px; }
span.btnd4b.h2m a,
span.btnd4b.h2m b,
span.btnd4b.h2m i { background-position:right -50px; color:#08D; font-size:16px; height:29px; line-height:29px;padding:0 10px 0 8px; width:100%}

span.btnd4b.h3m {width:100%;}
span.btnd4b.h3m,
span.btnd4b.h3m a,
span.btnd4b.h3m b,
span.btnd4b.h3m i { background-image:url(../img/bgm_partsw.png);}
span.btnd4b.h3m { height:29px; background-position:left -90px; }
span.btnd4b.h3m a,
span.btnd4b.h3m b,
span.btnd4b.h3m i { background-position:right -90px; color:#B80; font-size:16px; height:29px; line-height:29px;padding:0 10px 0 8px; width:100%}

span.btnd4b.h4m {width:100%;}
span.btnd4b.h4m,
span.btnd4b.h4m a,
span.btnd4b.h4m b,
span.btnd4b.h4m i { background-image:url(../img/bgm_partsw.png);}
span.btnd4b.h4m { height:29px; background-position:left -130px; }
span.btnd4b.h4m a,
span.btnd4b.h4m b,
span.btnd4b.h4m i { background-position:right -130px; color:#fff; font-size:16px; height:29px; line-height:29px;padding:0 10px 0 8px; width:100%}

}

/* end of css */