/* CSS Document */
html, body {height:100%;margin:0;padding:0;overflow:hidden;}
body {font-size:12px;font-family:Arial;margin:0;padding:0;background:url(../img/bgImg.gif) repeat;}

img, a {border:none;outline:none;outline-style:none;}
a {color:#7a7a7a;text-decoration:none;}
a:hover {color:#7a7a7a;text-decoration:underline;}
a:active {color:#333;text-decoration:none;}

form { display:inline;}
input, select	{ vertical-align:middle;}
input {outline: none;}
textarea {outline: none;}

ul, li, dl, dt, dd {list-style:none;margin:0;padding:0;}
p, h1, h2, h3, h4, h5, h6 {margin:0;padding:0;font-weight:normal;}
.reset {clear:both; height:0; font-size:1px;}
.left {float:left;}
.right {float:right;}
.marginT60{margin-top:60px;}
.marginT20 {margin-top:20px;}

.container {min-width:768px;max-width:882px;_width:768px;margin:0 auto;}
.positionCenter {position:absolute;top:48%;left:50%;margin:-200px 0 0 -390px;}

/*HEADER*/
.header {width:100%;height:97px;border-bottom:1px solid #e2e2e2;background:#fff;}
.header .container h2 {float:left;margin:27px 0 0 0;}
.header .container h2 span {float:left;}
.headLogo {width:185px;height:55px;background:url(../img/icons.png) left -300px no-repeat;}
.brandTxt {font-size:16px;font-weight:bold;border-left:1px solid #bbb;color:#bbb;margin:35px 0 0 10px;padding:1px 0 2px 10px;}

.header .container h4 {float:right;margin:64px 0 0 0;font-size:12px;}
.header .container h4 p {float:left;margin:0 0 0 12px;color:#7a7a7a;}
.header .container h4 p span {width:12px;height:12px;float:left;display:block;background:url(../img/icons.gif);margin:1px 4px 0 6px;}
.header .container h4 p span.center {background-position:0 0;}
.header .container h4 p span.service {background-position:-36px 0;}


/*CONTENT*/
.listBox {max-width:440px;_width:400px;height:284px;float:left;padding:20px 0 0 0;}
.listBox .item {float:left;margin:10px 0 36px 0;}
.listBox .item h3 {width:35px;height:41px;background:url(../img/icons.png);float:left;margin-right:10px;}

.listBox .item h3.java {background-position:left -22px;}
.listBox .item h3.mobile {background-position:-56px -22px;}
.listBox .item h3.setting {background-position:-108px -22px;}
.listBox .item h3.infomation {background-position:-147px -22px;}

.listBox .item h4 {float:left; max-width:320px;}
.listBox .item h4 p.title {font-size:15px;color:#333;font-weight:bold;margin-bottom:7px;}
.listBox .item h4 p.intro {color:#888;font-size:12px;}
.listBox .item h4 p.intro span {color:#dd565b;}

/*login*/
.loginBox {width:346px;float:right;background:#ebebeb;padding:5px;position:relative;z-index:300;}
.login {width:344px;border:1px solid #cdcdcd;background:#fff;}

ul.tabs {height:42px;}
ul.tabs li {float:left;text-indent:0;list-style-image:none !important;}

ul.tabs a {width: 172px;height: 42px;line-height:42px;font-size:14px;font-weight:bold;display:block;text-align:center;text-decoration:none;color:#fff;background:url(../images/icons.png) left -72px;position:relative;text-decoration:none;}
ul.tabs a:hover {background:url(../img/icons.png) left -251px;color:#fff;text-decoration:none;}
ul.tabs a:active {outline:none;}
ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {background:#fff;cursor:default !important;color:#5b5b5b !important;}
.panes {padding:22px 15px 15px 15px;}

.loginInput {/*width:96%;*/width:300px;height:31px;line-height:31px;font-size:14px;border:1px solid #d0d0d0;color:#777;background:url(../img/icons.png) left -203px repeat-x;padding:3px 6px;margin:2px 0 10px 0;}
.redBtn {width:100%;height:35px;color:#fff;font-size:15px;font-weight:bold;border:none;background:#d95457;border:1px solid #a10e15;margin:8px 0;cursor:pointer !important;}
.loginInput:hover {border:1px solid #9d9d9d;}
.redBtn:hover {background:#e66063;border:1px solid #a10e15;}
.redBtn:active {background:#d43d40;border:1px solid #a10e15;}
.greBtn {width:100%;height:35px;color:#fff;font-size:15px;font-weight:bold;border:none;background:#00a188;border:1px solid #00806c;margin:8px 0;cursor:pointer !important;}
.greBtn:hover {background:#00bfa3;border:1px solid #00806c;}
.greBtn:active {background:#009982;border:1px solid #00806c;}
.popNotice {position:absolute;background:#3b3b3b;padding:6px 10px;color:#fff;margin-top:-10px;z-index:200;display:none;}
.popSecurityNotice {position:absolute;background:#3b3b3b;padding:6px 10px;color:#fff;margin-top:-10px;z-index:200;display:none;}
.securityInput {display:none;}
.safeTxt {color:#6c6c6c;}

.clear {text-align:right;margin-top:6px;}
.clear a {color:#555;text-decoration:underline;}
.clear a:hover {color:#000;text-decoration:none;}

.clear .left a{color:#d22229;text-decoration:none;}

.manager {height:22px;margin:-5px 0 6px 0;}
.manager span {margin-right:25px;color:#505050;display:block;float:left;height:22px;}
.manager span input, .manager span label{float:left;}
.manager span label {margin:1px 0 0 2px;}


/*FOOTER */
.footer {width:100%;height:100px;border-top:1px solid #e2e2e2;background:#fff;position:absolute;bottom:0;left:0;}
.footer .container h2 {float:left;margin:20px 0 0 0;font-size:12px;}
.footer .container h2 span {float:left;height:40px;display:block;line-height:40px;margin-right:12px;color:#666;}

.footer .container h4 {float:right;margin:30px 0 0 0;font-size:12px;}
.footer .container h4 a {background:url(../img/icons.png) left -119px;padding-left:13px;color:#444;margin-left:12px;}
.footer .container h4 a:hover {color:#222;text-decoration:none;}

.languageBox {position: absolute;z-index:1000;border:1px solid #e2e2e2;padding:6px 0 6px 0;background:#f9f9f9;display:none; width:95px;}
.languageBox ul li {padding:5px 2px 5px 8px;}
.languageBox ul li:hover {background:#d8d8d8;}
.languageBox ul li a {background:url(../img/icons.png) no-repeat;color:#222;}
.languageBox ul li a:hover {color:#222;text-decoration:none;}

.languageBox ul li a.CN {background-position:left -137px;padding-left:20px;}
.languageBox ul li a.TCN {background-position:-91px -137px;padding-left:20px;}
.languageBox ul li a.EN {background-position:left -160px;padding-left:20px;}
.languageBox ul li a.JP {background-position:-91px -160px;padding-left:20px;}
.languageBox ul li a.KR {background-position:left -181px;padding-left:20px;}

.footer .container h2 span a.footerLogo {width:94px;height:40px;display:block;background:url(../img/icons.png) left -370px no-repeat;}


/*language*/
.item.marginTKR {margin-top:-3px;}