@charset "utf-8";
#big-image {width:100%;list-style-type:none;margin:0px; padding:0px; clear:both; text-align:center;}
#big-image li {float:left; width:160px; height:190px; margin-right:10px; margin-bottom:10px; padding:3px;}
#big-image li.photo img.imgclass{ width:100%; margin-bottom:3px;}
#big-image li.photo input{ border-radius:0px; margin-bottom:3px;}
#big-image li a.del{display:block; text-align:center; padding:8px 0; background:#ebebeb; color:#666;}
#big-image div.photo_list{height:auto;text-align:center;}

.placeHolder div {border:dashed 1px #999!important; height:180px!important; background:#fff!important;}
.clearfix:after {content:'';clear:both;display:table;}
.clearfix {zoom:1;}

.full-button a {width:100%; background:#ebebeb;cursor:pointer;display:block;color:#000;font-size:12px;border-radius:20px;text-align:center; height:38px; line-height:38px; }
.x-button a {width:100px; background:#0060df;cursor:pointer;display:block;color:#fff;font-size:12px;border-radius:20px;text-align:center; height:32px; line-height:32px; border:1px solid #0060df; font-weight:700;}
/*.t-button a {width:100px; background:#0060df;cursor:pointer;display:block;color:#fff;font-size:12px;border-radius:20px;text-align:center; height:32px; line-height:32px; border:1px solid #0060df; font-weight:700;}
*/
.t-button a {display:inline-block;height:30px;line-height:30px;padding:0 10px;border:1px solid transparent;background-color:#999;color:#fff;white-space:nowrap;text-align:center;font-size:12px;border-radius:3px;cursor:pointer}
.m-button a {width:100%!important;}

#upload-image-view {margin-bottom:10px; }
#upload-view {min-height:200px;_height:200px;background:#fff;border:1px solid green;}
.upload-input {position:absolute;overflow:hidden;}
.upload-html4 {position:absolute;left:-10000px;top:-10000px;}
.u-loaded {color:green;}
.u-total {color:#FC5900;}
.u-item {float:left; width:18%; position:relative; margin:10px 1% 10px 0;}
.u-first {margin:0;}
.u-img,.u-img img {width:100%; overflow:hidden;}
.u-name {text-align:center;height:24px;line-height:24px; font-size:12px;}
.u-progress-bar,.u-detail {width:100%;}
.u-progress-bar {background-color:#000;opacity:0.8; height:1px}
.u-progress {width:0;height:1px; background-color:#fff; }
.u-detail {line-height:23px;text-align:center; font-weight:500; font-size:12px; margin-top:5px;}

#log {margin:0px;white-space:nowrap;clear:both;}
.scroll-view {overflow:auto;height:300px;}
.h100 {height:100px;}
.h1000 {height:1000px;}
.tabTitle {overflow:hidden;zoom:1;}
.tabTitle li {float:left;margin-right:4px;z-index:10;position:relative;}
.tabTitle li a {float:left;padding:0 18px;border:1px solid #cdcdcd;border-bottom:none;line-height:44px;font-size:14px;color:#333;text-decoration:none;font-weight:bold;background:url(bg-tab.png) repeat-x left bottom;}
.tabTitle li a:hover,.tabTitle li.on a {border-top:2px solid #336699;line-height:44px;background:#fff;}
.tabCont {margin-top:-1px;padding:10px;border:1px solid #cdcdcd;background:#fff;}
.turn-box {min-height:200px;_height:200px;}
.turn-box .x-button {margin:10px;}
#drop-area {width:400px;height:200px;line-height:200px;text-align:center;font-size:18px;color:#777;border:1px solid red;margin:10px 0;}

@media screen and (min-width:1200px) {.hd .con {width:1280px;}.hd .side_r {width:1039px;}}