/* common */
#main { overflow-y:auto; }
#logo { font-size:28px; }
.placeholder { color:#aaa; }
.btn120 { width:120px; padding:5px; border-style:none; border-radius:3px; font-size:16px; text-align:center; cursor:pointer; }
a.add { font-size:12px; color:#069; font-weight:normal; }
a.add:hover { color:#f30; }

/* tbList */
.tbList caption a { font-size:12px; }
.tbList tr.info:hover td { background-color: inherit; }
.tbList input[type=text] { height:24px; line-height:24px; }
.tbList select { height:28px; *height:32px; line-height:28px; }
.wordBreak {word-break:break-all;}

/* fms */
.fms input[type=text] { padding-left:4px; height:24px; line-height:24px; }
.fms select { height:28px; *height:32px; line-height:28px; }
.fms textarea { padding:4px; }
.fms a { color:#069; }
.fms a:hover { color:#f30; }
.fms .stat { color:red; }
.inHd a { line-height:42px; }
.inHd a:not(.right) { font-size:12px; color:#069; font-weight:normal; }
.inHd a.right { float:right;}
.inHd a:hover { color:#f30; }
.inHd span { display:inline-block; float: left; }
.inHd span a { line-height:inherit; }
.inHd span.tipsBg, .inHd span.toggle-wrap, .inHd span.toggle-label { border-bottom:none; border-left:none; padding: 0 10px 0 0; }
.inHd span.toggle-wrap, .inHd span.toggle-label { display:none; }

/* alteration business table*/
.modl h3 a { float:inherit; width:inherit; }
.modl h3 a.right { float:right; }
.modl h3 span.toggle-wrap, .modl h3 span.toggle-label { border-bottom:none; border-left:none; display:none; }

/* popup */
.popup .content { padding:0 15px; }
.attachList { overflow-x:hidden; overflow-y:auto; height:140px; }

/* agreement */
#agreements { margin:10px; }
#agreements .agrm { min-height:440px; margin-bottom:10px; text-align:center; }
#agreements input { vertical-align:text-top; }
#agreements a { text-decoration:underline; color:#f00; }
#agreements .btnbox { line-height:30px; }

/* btn */
.intb { margin-left:180px; text-align:left; margin-top:25px; }
.btnSub { width:70px; height:32px; padding:5px; border-style:none; border-radius:3px; font-size:16px; text-align:center; cursor:pointer; }
    
/* trdtool */
.ui-autocomplete { max-height:400px; overflow:auto; }
#trdTool { padding:50px 50px 0 50px; }
#trdTool input { width:602px; border:1px solid #a9a9a9; border-radius:5px; height:38px; line-height:38px; padding-left:10px; }
#trdTool p { margin-top:20px; margin-bottom:10px; line-height:40px; font-size:16px; text-indent:10px; }
#trdTool div { width:702px; border:1px solid #e1e1e1; border-radius:5px; height:280px; overflow:auto; }
#trdTool .desc li { float:left; margin-left:10px; padding-right:5px; line-height:20px; margin-bottom:5px; }
#trdTool .desc label { display:inline-block; height:16px; width:16px; vertical-align:text-bottom; margin-right:5px; }
#trdTool .desc label.normal { background-color:#4EEE94; }
#trdTool .desc label.before { background-color:#FF4040; }
#trdTool .desc label.after { background-color:#FFFF00; }
#trdTool .desc label.custom { background-color:#87CEFF; }
#trdItems { list-style-type:none; margin:10px; padding:0; }
#trdItems li { cursor:move; margin:3px 3px 3px 0; float:left; padding:5px 10px; height:20px; font-size:1em; text-align:center; border-radius:5px; }
#trdItems li.normal { color:#369; background-color:#4EEE94; }
#trdItems li.before { color:#fff; background-color:#FF4040; }
#trdItems li.after { color:#369; background-color:#FFFF00; }
#trdItems li.custom { color:#fff; background-color:#87CEFF; }
#trdItems li label { cursor:move; }
#trdItems li a { color:#aaa; font-weight:bold; text-decoration:none; padding:3px 0 3px 10px; }
#trdPreview { padding:20px; font-size:14px; max-height:300px; }
#trdCustom { padding:20px; font-size:14px; max-height:300px; }
#trdCustom input { width:372px; border:1px solid #a9a9a9; border-radius:5px; height:38px; line-height:38px; padding-left:10px; }
#trdCustom p { margin-top:12px; margin-bottom:10px; line-height:24px; }
#trdCustomAdd { font-size:14px; color:#069; font-weight:normal; margin-left:20px; }
#trdCustomAdd:hover { color:#f30; }
.ui-tooltip { max-width: 680px;}
#trdTips { padding:10px; position:absolute; top:-100px; right:10px; z-index:99999; width:400px; max-height:500px; _height:500px; overflow-y:auto; background-color:white; border:1px solid #a6c9e2; border-radius:5px; }
#trdTips .trd-tips-nav { height:30px; line-height:30px; margin-bottom:5px; }
#trdTips .trd-tips-nav span { font-size:14px; font-weight:bold; color:red; letter-spacing:2px; margin-left:5px; }
#trdTips .trd-tips-nav a { font-size:12px; font-weight:normal; color:#888; float:right; }
#trdTips .trd-tips-content { padding:5px; }
.trd-intro .trd-intro-dd li { padding-left:35px; }

.emp { font-weight:bold;}

/* upload */
.a4Img { letter-spacing:5px; font-size:18px; background-color:#d1dee6; color:#ccc; font-weight:bold; width:33mm; height:42.1mm; line-height:42.1mm; position:relative; text-align:center; border:1px dashed #ccc; margin:5px; float:left; display:block; text-decoration:none; }
.a4Img img { width:33mm; height:42.1mm; line-height:42.1mm; position:absolute; top:0; left:0; }
.a4File { width:33mm; height:42.1mm; line-height:42.1mm; position:absolute; top:0; left:0; opacity:0; filter:alpha(opacity=0); z-index:1;}
.a4ImgDel {width: 10px !important;height: 10px !important;left: 115px !important;z-index: 3;}
.a4FileLandscape { width:42.1mm; height:33mm; line-height:42.1mm; position:absolute; top:0; left:0; opacity:0; filter:alpha(opacity=0); z-index:1;}
.a4ImgLandscape { letter-spacing:5px; font-size:18px; background-color:#d1dee6; color:#ccc; font-weight:bold; width:42.1mm; height:33mm; line-height:33mm; position:relative; text-align:center; border:1px dashed #ccc; margin:5px; float:left; display:block; text-decoration:none; }
.a4ImgLandscapeDel {width: 10px !important;height: 10px !important;left: 150px !important;z-index: 3;}
.a4ImgLandscape img { width:42.1mm; height:33mm; line-height:33mm; position:absolute; top:0; left:0; }
.a4Img:hover,.a4ImgLandscape:hover { background-color:#c1ced6; color:#bbb; text-decoration:none; }
.identifyImg { letter-spacing:5px; font-size:18px; background-color:#d1dee6; color:#ccc; font-weight:bold; width:64.2mm; height:40.5mm; line-height:40.5mm; position:relative; text-align:center; border:1px dashed #ccc; margin:5px; float:left; display:block; text-decoration:none; }
.identifyImg:hover { background-color:#c1ced6; color:#bbb; text-decoration:none; }
.identifyImg img { width:64.2mm; height:40.5mm; line-height:40.5mm; position:absolute; top:0; left:0; }
.imgFiled { display:block;width:64.5mm; height:40.5mm; line-height:40.5mm; position:absolute; top:0; left:0; opacity:0; filter:alpha(opacity=0);z-index:1;font-size:130px\9;/*所有ie*/}
.upload-attach-input { margin-left: -60px; width: 60px; height: 14px; opacity:0; filter:alpha(opacity=0); z-index:1; }
.app {    
	position: absolute;
    bottom: -40px;
    left: 5px;
    width: 33mm;
    border: 1px solid #ccc;
}
.app a {margin-left:70px; }
.rotation {
    position: absolute;
    bottom: -22px;
    left: 5px;
    width: 33mm;
    border: 1px solid #ccc;
}
.rotationLandscape {
    position: absolute;
    bottom: -22px;
    left: 5px;
    width: 42mm;
    border: 1px solid #ccc;
}
.turn {
    line-height: 26px;
    display: inline-block;
    cursor: pointer;
}
.rotateLeft {
    margin-left: 4px;
    padding-left: 20px;
    background: url(../images/rotateL.png) no-repeat left center;
}

.rotateMid {
    padding-left: 20px;
    margin-left: 55px;
    background: url(../images/cut.png) no-repeat left center;
}
.rotateRight {
    padding-right: 20px;
    margin-right: 4px;
    background: url(../images/rotateR.png) no-repeat right center;
    float: right;
}
.identifyBothSides {
	position: relative;
    display: inline-block;
    vertical-align: top;
}
.identifyBothSides .rotation {
    width: 64.2mm;
}

.identifyBothSides .app {
    width: 64.2mm;
}

.confirm { font-size: 18px; color: red; font-weight:bold; }

.sel_btn{ height: 21px; line-height: 21px; padding: 0 11px; background: #02bafa; border: 1px #26bbdb solid; border-radius: 3px; display: inline-block; text-decoration: none; font-size: 12px; outline: none; }
.ch_cls{ background: #e4e4e4; }


.btn_wrap{width:100%;text-align: center;margin:20px 0;}
.btn_wrap a:hover{text-decoration: none;}
.btn_inline{display:inline-block;}
.con_box { width: 1190px; margin: 0 auto; }
.list_sel { width: 500px; margin: 40px auto 20px auto; }
.list_sel label { margin: 20px 0; font-size: 16px; color: #555; display: block; text-align: left; cursor: pointer; }
.list_sel label input[type="radio"] { width: 18px; height: 18px; margin-right: 10px; }

/* agreement */
#notify .agrm { 
	min-height:440px; 
	margin-bottom:10px;
	font: 14px/22px sm;
	border-bottom: 1px dashed #ccc;
}
#notify .btnbox a { 
	display: inline-block;
	padding: 10px 14px;
	border-radius: 4px;
	border: 1px solid #ccc;
	background: #b62929;
	font: 14px/22px sm;
	color: #fff;
}
#notify .btnbox { 
	line-height:30px; 
	text-align: center;
	margin: 22px 0;
}
.agrm div div{
	margin: 13px 0;
	padding: 0 18px;
	color: #333;
}
.agrm div.welcome{
	text-align: center;
	font: 22px/28px yh;
	color: #b62929;
	padding: 18px 0;
	margin-bottom: 18px;
	border-bottom: 1px solid #ccc;
}

.agrm p{
	text-indent: 2em;
    line-height: 40px;
    font-size: 22px;
}