@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {margin:0;padding:0; -webkit-text-size-adjust:none;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,th,var {font-style:normal;font-weight:normal;}
ul {list-style:none;}
ol{ list-style:inside decimal;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
a{ color:#0072bc;}
a:hover{text-decoration:underline;}
img{ vertical-align:middle;}
input,textarea,select{ font-family:Arial,Helvetica,sans-serif; outline:none;}
input[type='checkbox']{ vertical-align:text-top;}

/*basic*/
.fl {float:left !important;}
.fr {float:right !important;}
.clear{ clear:both; height:0; overflow:hidden;  }
hr{ border:none; height:0; overflow:hidden; border-bottom:1px dashed #d7d7d7;margin:12px 0; *margin:0; height:0;}
.ml20{ margin-left:20px !important;} .mb10{ margin-bottom:10px !important}.mt10{ margin-top:10px;}
.m10m{ margin:10px auto !important;}
.db{ display:block !important;}
.oh{ overflow:hidden !important;}
.noh{ overflow:visible !important;}
.relative{ position:relative !important;}
.error{ color:#C00 !important;}
.noBor{ background:none !important; border:none !important; margin-right:0 !important;}
body{font:12px/1.5em Arial, Helvetica, sans-serif; color:#555;background:#fff; }

/*info*/
.infor {width: 980px;margin: 10px auto -14px;white-space: nowrap;}
.infor .exit {display: block;background: url(http://my.wondershare.com/static/csslibs/images/icon_exit.png) no-repeat 0 center;padding: 0 0 0 22px;line-height: 20px;color: #333;width: 50px;cursor: pointer;}
.infor .signin, .infor .signup, .infor .help {height: 20px;line-height: 18px;}
.infor .help {display: block;background: url(http://my.wondershare.com/static/csslibs/images/icon_help.png) no-repeat 0 center;padding: 0 0 0 22px;line-height: 20px;color: #333;width: 45px;}
.infor .name {float: right;padding: 0 20px 0 0;line-height: 20px;color: #333;}

/*login*/
.login{ width:600px; height:460px; margin:0 auto; background:#fff;}
.login .top{ background:#1b1b1b; height:35px; line-height:35px; padding:0 10px; position:relative; margin-bottom:20px; color:#bcbcbc}
.login .top h1{ font-size:26px;}
.login .top .dot{ position:absolute; background:url(images/top-dot.png) no-repeat; width:26px; height:11px; left:60px; bottom:-11px;}
.login .left{ float:left; height: 373px; width:268px; margin:0 0 0 25px; padding-right:15px; border-right:1px solid #e3eaf1;}
.login .left .input{ height:22px; border:1px solid #d0d0d0; margin-top:5px; width:90%; padding:0 10px; line-height:22px;}
.login .left .input input[type='text'],.login .left .input input[type='password']{ border:none; background:#fff;   line-height:22px; height:22px; color:#888; float:left}

.login .top-2{ background:#f8f8f8; height:56px; line-height:56px; border-bottom:1px solid #efefef; padding:0 25px; position:relative; margin-bottom:20px;}
.login .top-2 h1{ font-size:26px;}
.login .top-2 .dot{ position:absolute; background:url(images/top-dot.png) no-repeat; width:26px; height:11px; left:60px; bottom:-11px;}

.login .left .email-input input{ width:100%;}
.login .left .password-input{ position:relative;}
.login .left .password-input .holder{ position:absolute; left:10px; top:0;  color:#888}
.login .left .password-input input{ width:190px;}
.login .left .code-input input[type='text']{ width:166px;}
.login .left .signBtn{ display:block; margin:10px 0; background:url(images/btn_03.png) repeat-x; height:20px; line-height:20px; border:1px solid #87acdb; width:80px; text-align:center; text-decoration:none;}
.login .left .signBtn img{ display:none}
.login .left .signBtn:hover{ background:#c7ddfb}
.login .left .disBtn{ background:#ccc !important;border:1px solid #ccc; color:#fff}
.login .left .disBtn img{ display:inline}
.login .left .error{ height:1.5em; overflow:hidden;}
.login .left div.correct{background:url(http://my.wondershare.com/static/csslibs/images/icon_correct.png) no-repeat 0 4px; color:#639824 !important; padding-left:15px}
.login .left span.correct{color:#639824 !important;}
.login .left p{ margin-bottom:15px;}
.login .left .link a:hover img{filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8; }
.login .right{ width:245px; float:right; margin-right:15px;}

/*main*/
#main{ width:980px; overflow:hidden;border:1px solid #dbdbdb; background:#fafafa; box-shadow:0 2px 3px #dbdbdb; margin:20px auto;overflow:hidden;}
#main .sideNav{ float:left; width:230px; float:left; padding:20px 0;}
#main .sideNav li a{ display:block; border-bottom:1px dotted #ddd; width:130px; height:46px; background:url(images/account-nav-icon.png) no-repeat 10px 5px; margin-left:15px; padding-left:50px; line-height:46px; overflow:hidden; font-size:15px; color:#333; }
#main .sideNav li.item2 a{background-position:10px -36px;}
#main .sideNav li.item3 a{background-position:10px -85px;}
#main .sideNav li.item4 a{background-position:10px -173px;}
#main .sideNav li:hover{ background:#f1f1f1; }
#main .sideNav li:hover a{text-decoration:none;}
#main .sideNav li.curr{ background:url(images/account-curr-nav-bg.jpg) 100% 0 no-repeat #028ae1; position:relative; width:250px; z-index:1;}
#main .sideNav li.curr a{ font-weight:bold; color:#fff;border-bottom:1px dashed #028ae1;  background-image:url(images/account-nav-icon-curr.png);}

#main .content{ float:right; background:#fff; width:708px; padding:0 20px; border-left:1px solid #e6e6e6; overflow:hidden;}
#main .content h2,#main .content h3{ font-size:18px; font-weight:bold; margin:0 0 12px; color:#444;}
#main .content h3{ font-size:18x;} 
#main .myArea .topArea{ overflow:hidden; background:url(images/account-my-top-bg.jpg) no-repeat 50% 100%; padding:20px 0; margin-bottom:30px; }
#main .myArea .topArea .img{ padding:5px; border:1px solid #d9d9d9; background:#fff; box-shadow:0 0 5px #ccc;}
#main .myArea .topArea .editBtn{ display:inline-block; padding:2px 10px; overflow:hidden; border:1px solid #ccc; border-radius:5px;filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr='#ffffff',endcolorstr='#e3e3e3',gradientType=0); background: -moz-linear-gradient(top, #ffffff, #e3e3e3 100%);background: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e3e3e3)); font-size:11px; color:#333;}
#main .myArea .topArea .text{ width:563px; float:left; margin-left:20px; line-height:32px;}
#main .myArea .specialArea{ background:#f4f4f4; padding:10px 15px;  border:1px solid #e4e4e4; border-radius:10px; font-size:17px; font-weight:bold; color:#555; margin-bottom:10px;}
#main .myArea .specialArea strong{ color:#117bc0;}
#main .myArea label {color:#ff4e00; font-weight:bold; font-size:20px; line-height:20px;  }

#main .shareVideo .masonry .box{ overflow:visible; position:relative; margin:0 20px 48px 0;}
#main .shareVideo .masonry .box h3{ font-size:15px; margin-bottom:5px;}
#main .shareVideo .masonry .box h3 a{ color:#555; text-decoration: none;}
#main .shareVideo .masonry .box .btmBar{ display:none; width:210px; height:26px; line-height:26px; position:absolute; z-index:1; bottom:-27px; left:6px; background:#f2f1f1; text-align:center; box-shadow:inset 0 2px 5px #ccc;}
#main .shareVideo .masonry .box:hover .btmBar{ display:block;}
#main .shareVideo .masonry .box .btmBar a{ color:#444; padding:0 5px;}
#main .shareVideo .masonry{ padding-top:0;}
#main .content h2{ margin:20px 0 10px;}

#main .shareVideo .fav-nav{ background:url(images/fav-nav-bg.png) repeat-x; height:61px; overflow:hidden; margin:0 -20px 20px; position:relative; padding-left:15px;}
#main .shareVideo .fav-nav li{ display:inline-block; margin-top:18px;}
#main .shareVideo .fav-nav a{ display:inline-block; width:245px; height:43px; line-height:48px; text-align:center; background:url(images/fav-nav-item.png) no-repeat -247px 0; color:#fff;}
#main .shareVideo .fav-nav li,#main .shareVideo .fav-nav a{ *display:inline;}
#main .shareVideo .fav-nav a:hover{ text-decoration:none;}
#main .shareVideo .fav-nav li.curr a{ background-position:-1px 0; color:#666; font-weight:bold;}

#main .profile{ position:relative;}
.padbox .table2{ background:#fff !important;}
.tabbox h2,.tabbox h2,.padbox h2{border-bottom:1px solid #86c115;font-size:15px;padding:0 0 10px 0;color:#333}
.padbox .table2 th{color:#333;padding:10px 0;font-size:13px;text-align:right;color:#666}
.padbox .table2 td{padding:5px 10px;font-size:13px}
.padbox .email{display:block;float:left;font-size:15px;color:#333;line-height:32px}
.padbox .change{float:left;padding:0 0 0 15px}
.padbox .change a{display:block;float:left;background:url(images/btn_email.gif) no-repeat 0 center;width:77px;height:32px;line-height:32px;font-size:11px;padding:0 0 0 28px;cursor:pointer;text-decoration:none}
.padbox .ipt{display:block;float:left;background:url(images/input_sytle3.gif) no-repeat;width:249px;height:32px;padding:0px 10px}
.padbox .iptt{background:url(images/input_sytle3.gif) no-repeat;height:32px;padding:0px 5px;line-height:32px}
.padbox .iptt .msg-container,.padbox .iptt .collection{height:32px;line-height:32px;vertical-align:top;display:inline-block}
.padbox .iptt .msg-container{margin-left:20px}.padbox .collection{display:inline-block;*display:inline;*zoom:1}
.padbox .iptt .error_t,.ipt2 .error_t{float:none}
.padbox .ipttt{float:left;width:120px;height:32px;background:url(images/input_sytle4.gif) no-repeat left top;margin-right:10px}
.padbox .ipttt input{width:100px;padding:0 10px;height:32px;line-height:32px;background:none;border:none;vertical-align:middle}
.attachment_item{margin:5px auto}.msg-container{color:#C31818}.w-100-per .msg-container{vertical-align:top}
.padbox .ipt{ position:relative;}
.padbox .ipt input[type='text'],.padbox .ipt input[type='password']{background:none;border:none;height:32px;line-height:32px;color:#333;width:248px;font-size:13px;outline:none}
.padbox .ipt2{display:block;float:left;background:url(images/input_style3.png) no-repeat;width:420px;height:142px}
.padbox .ipt2 .input_style{background:none;width:410px;height:132px;line-height:26px;border:none;padding:5px;display:inline-block;overflow:hidden;outline:none}
.padbox .correct_t{display:block;float:left;background:url(images/icon_correct.png) no-repeat 10px center;color:#639824;font-size:12px;line-height:32px;padding:0 0 0 30px}
.padbox .error_t{display:block;float:left;color:#c31818;font-size:12px;line-height:32px;padding:0 0 0 15px}
.padbox .tips_t{display:block;float:left;font-size:12px;line-height:32px;padding:0 0 0 10px}.padbox .k1{display:block;float:left;padding:0 15px 0 0;line-height:32px}
.padbox .k2{display:block;float:left;padding:0 0 0 15px}
.padbox .pick{display:block;float:left;background:url(images/pic_bg2.png) no-repeat;width:205px;height:215px;line-height:215px;text-align:center;overflow:hidden;padding:12px; margin-bottom:50px;}
.padbox .txtk{display:block;float:left;padding:5px 0 0 15px;width:200px;font-size:12px}
.right_box .txtk .upload{display:block;background:url(images/btn_upload.png) no-repeat left top;width:166px;height:31px;text-indent:-9999px;cursor:pointer;overflow:hidden}
.right_box .txtk .upload:hover{background:url(images/btn_upload.png) no-repeat -167px top}
.right_box .txtk .upload:active{background:url(images/btn_upload.png) no-repeat -334px top}
.padbox .off,.padbox .on{display:block;background:url(images/btn_switch.png) no-repeat;width:71px;height:32px;text-indent:-9999px}
.padbox .on{background-position:0 -32px}
.padbox .save{display:block;background:url(images/btn_save.png) no-repeat left top !important;width:142px !important;height:36px !important;text-indent:-9999px}
.padbox .save:hover{background:url(images/btn_save.png) no-repeat -142px top !important}
.padbox .save:active{background:url(images/btn_save.png) no-repeat -284px top !important}
.padbox .submit{display:block;background:url(images/btn_submit.png) no-repeat left top;width:123px;height:36px;border:none;cursor:pointer;display:inline-block !important;vertical-align:middle}
.padbox .submit:hover{background:url(images/btn_submit.png) no-repeat -125px top}
.padbox .submit:active{background:url(images/btn_submit.png) no-repeat -247px top}
.padbox .setting{display:block;background:url(images/btn_setting.png) no-repeat left top;width:151px;height:36px;text-indent:-9999px;overflow:hidden}
.padbox .setting:hover{background:url(images/btn_setting.png) no-repeat -150px top}.padbox .setting:active{background:url(images/btn_setting.png) no-repeat -300px top}
.padbox .password{display:block;background:url(images/btn_change.png) no-repeat left top;width:183px;height:36px;text-indent:-9999px;overflow:hidden}
.padbox .password:hover{background:url(images/btn_change.png) no-repeat -184px top !important}.padbox .password:active{background:url(images/btn_change.png) no-repeat -368px top !important}
.padbox .reset{display:block;background:url(images/btn_reset.png) no-repeat left top;width:101px;height:36px;text-indent:-9999px}
.padbox .reset:hover{background:url(images/btn_reset.png) no-repeat -102px top !important}.padbox .reset:active{background:url(images/btn_reset.png) no-repeat -203px top !important}
.padbox .iptbox{width:269px;height:32px;position:relative}
.padbox .iptbox .ipt_style{background:url(images/input_sytle3.gif) no-repeat 0 -32px;width:249px;height:32px;line-height:32px;padding:0px 10px;border:none;display:inline-block;overflow:hidden;outline:none;color:#333}
.padbox .menu{display:none;position:absolute;left:0;top:28px;width:269px;height:auto;overflow:hidden;z-index:1}
.padbox .menu ul{background:#fff;border-left:1px solid #d8d8d8;border-right:1px solid #d8d8d8;border-bottom:1px solid #d8d8d8;padding:4px 0 0 0}
.padbox .menu ul li{height:32px;line-height:32px;border-bottom:1px solid #d8d8d8;padding:0 10px;cursor:pointer}.padbox .menu ul li:hover{background:#f5f5f5}
.padbox textarea{ border:1px solid #d8d8d8; padding:10px; width:249px; border-radius:5px; }
.padbox select {width: 259px;height: 32px;padding: 5px;border-radius: 5px;border: none !important;background: none;vertical-align: top;outline: none;color: #333;}
.txtk .upload {display: block;background: url(images/btn_upload.png) no-repeat left top;width: 166px;height: 31px;text-indent: -9999px;cursor: pointer;overflow: hidden;}
#uploadImageBt {position: absolute;left: 220px;top: 482px;}
.padbox .ipt .red, #ChangePassword .red {position: absolute;left: 278px;top: 7px;}
.red {color: #C31818;}
.padbox .passwordChangeBtn{ display:block; float:left; background:url(images/btn_password.jpg) no-repeat; width:125px; height:23px; margin:5px 0 0 10px;}

/*popup*/
.account-popup{ width:480px; background:#F9F9F9;}
.account-popup .title{ font-size:18px; font-weight:bold;  padding-bottom:10px; border-bottom:1px solid #d8d8d8; margin-bottom:10px;}
.account-popup .subTitle{ font-size:15px; padding-bottom:10px; }

.hidden-iframe {display: none;}

/*successPopup*/
.successPopup{ width:735px; margin:0 auto; overflow:hidden; background:#fff; font-size:15px; padding:0 20px 26px;}
.successPopup .title{ background:url(images/right-icon.png) no-repeat; padding-left:30px; font-size:25px; line-height:25px; font-weight:bold; margin:20px 0;}
.successPopup p{ margin:10px 0;}