@charset "UTF-8";
/* CSS Document */
html, body {height:100%;margin:0;padding:0;/*overflow:hidden;*/}
body {font-size:12px;font-family:Arial;margin:0;padding:0;}

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;}
.marginTB {margin-top:45px;margin-bottom:40px;}

.container {min-width:768px;max-width:882px;_width:855px;margin:0 auto;}
/*.positionCenter {position:absolute;width:100%;height:662px;left:50%;top:50%;margin-left:-50%;margin-top:-305px;margin-top:-300px\0;*margin-top:-290px;}*/
.midContent {background:url(../images/bgImg.gif) repeat;}
.shadow {background:url(../images/shadow.gif) repeat-x;}
.salesTxt {width:324px;padding:12px 10px;color:#cf4748;text-align:center;background:#fbfcfc url(../images/shadow.gif) repeat-x;border-top:1px solid #e1e2e3;}
.salesTxt a {color:#969595;text-decoration:none;}
.salesTxt a:hover {color:#7a7a7a;text-decoration:underline;}


/*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(../images/icons.gif) left -300px no-repeat;}
.brandTxt {font-size:16px;font-weight:bold;color:#bbb;margin:35px 0 0 -5px;padding:1px 0 2px 10px;}
.handWrite {width:213px;height:30px;background:url(../images/icons.gif) left -420px;}

.header .container h4 {float:right;margin:69px 0 0 0;font-size:12px;}
.header .container h4 p {float:left;margin:0 0 0 8px;_margin-left:1px;color:#7a7a7a;}
.header .container h4 p span {width:12px;height:12px;float:left;display:block;background:url(../images/icons.gif);margin:1px 5px 0 3px;_margin:1px 3px 0 4px;}
.header .container h4 p span.center {background-position:0 0;}
.header .container h4 p span.service {background-position:-36px 0;margin-top:2px;}

.header .container h3 {float:right;margin:69px 0 0 8px;_margin-left:2px;font-size:12px;color:#7a7a7a;}
.header .container h3 p span {width:17px;height:12px;float:left;display:block;background:url(../images/icons.gif);margin:2px 4px 0 4px;}
.header .container h3 p span.sales {background-position:-67px 0;}


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

.listBox .item h3.android {background-position:left -22px;}
.listBox .item h3.mobileWM {background-position:-56px -22px;}
.listBox .item h3.setting {background-position:-108px -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:#d2232a;}

.listBox .item h4 p.intro a.red {color:#d2232a;}


/*login*/
.loginBox {width:344px;float:right;position:relative;z-index:300;border:1px solid #cdcdcd;background:#fff;
box-shadow: 0px 1px 3px 0 rgba(0,0,0,0.3);
-webkit-box-shadow: 0px 1px 3px 0 rgba(0,0,0,0.3);
-moz-box-shadow: 0px 1px 3px 0 rgba(0,0,0,0.3);
}
.login {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.gif) left -72px;position:relative;text-decoration:none;}
ul.tabs a:hover {background:url(../images/icons.gif) 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:300px;height:31px;line-height:31px;font-size:14px;border:1px solid #d0d0d0;color:#4b4b4b;background:url(../images/icons.gif) 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;}

.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:#333;text-decoration:underline;}
.clear a:hover {color:#000;text-decoration:none;}
.clear .left a{color:#757575;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;}

.cNameInputBg {width:312px;height:37px;border:1px solid #d0d0d0;background:url(../images/icons.gif) left -203px repeat-x;margin:2px 0 10px 0;}
/*.cNameInputBg:hover {border:1px solid #9d9d9d;}*/

/*.cNameCon {height:50px;}*/
.cNameInput {color:#4B4B4B;width:168px;height:31px;line-height:31px;font-size:14px;background:none;border:none;padding:3px 6px 3px 8px;margin:2px 0 10px 0;*margin-top:4px;position:absolute;}

.cNameTxt {color:#4B4B4B;width:114px;height:37px;line-height:37px;background:#f7f6f6;text-align:left ;padding:0 8px;color:#353546;font-size:14px;border:none;border-left:1px solid #d0d3d7;position:absolute;left:197px;margin-top:1px;_margin-top:3px;*margin-top:3px;overflow:hidden;
box-shadow: -2px 0 2px rgba(0, 0, 0, 0.09);}


/*FOOTER */
.footer {width:100%;height:100px;border-top:1px solid #e2e2e2;background:#fff;}
.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 h2 span a {color:#333;}
.footer .container h2 p.freeUse {width:66px;height:32px;float:left;line-height:24px;padding:0 0 0 18px;background:url(../images/icons.gif) 0px -452px;margin:7px 10px 0 -7px;}
.footer .container h2 p.freeUse a {color:#fff;}

.footer .container h4 {float:right;margin:30px 0 0 0;font-size:12px;}
.footer .container h4 a {background:url(../images/icons.gif) 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(../images/icons.gif) 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(../images/icons.gif) left -370px no-repeat;}


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

.imgShow {width:400px;height:248px;overflow:hidden;float:left;}
.imgShow li {margin:0;padding:0;}
 
.num {width:400px;height:22px;float:left;}
.num li	{float:left;width:12px; height:11px;_height:11px;overflow:hidden;cursor:pointer;margin:6px 7px 0 0;padding:0;background:url(../images/circle_.gif) left top no-repeat;}
.num li.on	{float:left;width:12px; height:11px;_height:11px;overflow:hidden;cursor:pointer;margin:6px 7px 0 0;padding:0;background:url(../images/circle_.gif) left -11px no-repeat;}