@charset "utf-8";
/* CSS Document */
body { margin:0; padding:0; font:12px/160% verdana, Arial, Tahoma, Helvetica, sans-serif; color:#333; background:#1f2b33; height:100%; width:100%; }
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, img { margin:0; padding:0; }
ul, ol, li, dl, dt, dd { list-style:none; }
input, select, option { font-family:verdana, Arial, Tahoma, Helvetica, sans-serif; font-size:11px; margin:0;}
img { border:0px; }
a, a:link { color:#005b2f; text-decoration:underline; }
a:hover { text-decoration:none; color:#000; }

/*==== Share ====*/
.clear { clear:both; }
.clearFix {clear:both;font-size:0; height:0; line-height:0; }
.crumb { background:url(images/ico_crumb.gif) no-repeat left 14px; padding:10px 0 0 20px; margin:0 20px 0 20px; color:#7e7e7e; }
.fl { float:left; }
.fr { float:right; }
.rightLine {background:url(images/rightLine.gif) repeat-y right top;}
.lefttLine {background:url(images/rightLine.gif) repeat-y left top;}


/*==butStyle==*/
a.butStyle { background:url(images/img.png) no-repeat right -105px; display:block; width:94px; height:28px; line-height:28px; font-size:14px; text-align:center; color:#fff; text-decoration:none;}
a.butStyle:hover { background:url(images/img.png) no-repeat right -134px;}

.bot_01 { background:url(images/feedback_bot.jpg) no-repeat; height: 32px; width: 75px; border:0; }

/*==== Frame ====*/
#header { color:#5e95a8; width:1002px; margin:0 auto; height:111px; background:url(images/logo_onlineConverter.png) no-repeat left bottom; }
.mainWrap { background:url(images/mainBg.gif) repeat-x left top #3e4c54; border-bottom:solid 1px #48677c; }
#main { width:970px; margin:0 auto; padding:20px 0; }
#footer { width:970px; margin:0 auto; color:#6e9eaf; padding:10px 0; }
#logo { float:left; width:330px; padding:25px 0 0 20px; }
#logo a { display:block; font-size:18px; font-weight:bold; line-height:22px; text-indent:-999px; overflow:hidden; }
#logo .logoName { height:55px; }
.headerRight { float:right; width:620px; padding:30px 11px 0 0; }
.webTab { float:left; font-size:11px; font-weight:normal; padding-top:22px; }
.topnav { float:right; background:url(images/topNavLine.gif) no-repeat center center #273b49; border-top:solid 1px #141f26; border-left:solid 1px #141f26; }
.topnav a { padding:0 15px; line-height:30px; color:#79adbf; font-size:11px; text-decoration:none;}
.topnav a:hover { color:#adeaff; }
#nav { margin-top:47px; *margin-top:78px !important; height:35px;  margin-bottom:-2px; display:block; }
#nav li { float:right; height:35px; padding:0 1px; }
#nav li a { display:block; line-height:35px; padding:0 20px; text-align:center; color:#fff; text-decoration:none;}
#nav li a:hover { background:url(images/menu_on.gif) repeat-x left bottom; text-decoration:none; }
#home #nav .home, #faq #nav .faq, #feedback #nav .feedback, #pro #nav .pro { background:url(images/menu_on.gif) repeat-x left bottom; text-decoration:none; }
.flowWrap { background:url(images/flowBg.png) no-repeat; height:121px; padding:100px 5px 0 5px; display:block; }
.flowWrap li { display:block; float:left; }
.flowWrap .one { width:213px; padding:0 16px 0 15px; }
.flowWrap .one p { font-size:18px; padding:5px 0 25px 0; }
.flowWrap .one p span { color:#f36303; }
.flowWrap .one p a {text-decoration:underline; color:#000;}
.flowWrap .one p a:hover { color:#f36303; }
.flowWrap .one .addUrl { float:left; height:17px; line-height:16px; color:#d2d2d2; font-size:12px; padding-left:5px; width:155px; }
.flowWrap .one .addBut { float:left; }
.flowWrap .one .addFile { width:195px; font-size:12px; height:22px; line-height:18px; }
.flowWrap .two { width:213px; padding:0 22px 0 10px; font-size:12px; font-weight:bold; }
.flowWrap .two p { padding:0 0 10px 0; }
.flowWrap .two select option { padding:2px 0; }
.flowWrap .two .hardware { width:73px; float:left; margin-right:1px; }
.flowWrap .two .format { width:130px; float:left; }
.flowWrap .two div { padding:10px 20px; }
.flowWrap .two a { font-weight:normal; font-size:11px; text-decoration:underline; }
.flowWrap .three {width:213px; padding:0 16px 0 15px; }
.flowWrap .three p {font-weight:bold; padding:0 0 8px 0; }
.flowWrap .three input { height:19px; line-height:18px; font-size:12px; padding-left:2px; width:185px; }
.flowWrap .four { width:193px; padding:0 0 0 25px; }
.flowWrap .four p {font-weight:bold; padding:0 0 15px 10px;}
.flowWrap .convertBut { background:url(images/flowBut24.png) no-repeat; width:175px; height:45px; border:0; }
.flowWrap .convertButOver { background:url(images/flowBut24.png) no-repeat left -45px; width:175px; height:45px; border:0; }
.fileList { color:#fff; padding:5px 0 15px 0; }
.fileList li { border-bottom:dashed 1px #508a9f; width:550px; height:24px; line-height:24px; font-size:11px; }
.fileList li a { float:right; display:block; width:20px; height:22px; background:url(images/img.png) no-repeat 5px 8px; }


.settingsMain2 {height:330px; padding:10px; background:url(images/converterEnd.png) no-repeat right bottom; }

.settingsMain {height:280px; border-bottom:solid 1px #8db1bf; padding:10px; overflow:hidden; }
.settingsMain .row { padding:5px; height:28px; }
.settingsMain .row dt { float:left; padding-right:6px; padding-top:5px; line-height:18px; display:block; font-weight:bold; }
.settingsMain .row dd { float:left; }
.settingsMain .hardware { width:80px; float:left; margin-right:2px; }
.settingsMain .format { width:135px; float:left; }
.settingsMain .row2 {background:url(images/rowBoxBg.png) no-repeat left top; font-size:11px; margin:15px 0; }
.settingsMain .row2 .name { padding:2px 15px 5px 15px; font-weight:bold; font-size:12px; }
.settingsMain .row2 td { padding:5px 0; }
.settingsMain .row2 .settMenu { width:130px; }
.settingsMain .row2 .bottom {background:url(images/bottomLine.gif) no-repeat left bottom; height:10px; line-height:0; font-size:0; margin-bottom:-1px; }
.settingsBottom { height:39px; border-top:solid 1px #fff; padding:10px 15px 0 18px; _padding:10px 10px 0 10px; }
.settingsBottom a { background:url(images/img.png) no-repeat right -105px; display:block; width:94px; height:28px; line-height:28px; font-size:14px; text-align:center; float:left; color:#fff; margin:0 5px; text-decoration:none;}
.settingsBottom a:hover { background:url(images/img.png) no-repeat right -134px; text-decoration:none; }
.footerNav { float:left; width:40%; }
#footer a { color:#6e9eaf; text-decoration:none;}
#footer a:hover { color:#fff; }
.footerNav a { padding:0 10px;}
.copy { float:right; padding-right:10px; }

/*====Style=====*/
.mainTop { background:url(images/bgTop.jpg) no-repeat; width:930px; padding:30px 20px 0 20px;}
.mainBox { background:url(images/mainBg.png) repeat-y;}
.columnName {font-size:24px; font-weight:bold; color: #3e4c54; padding:20px 0;}
.columnName span { font-size:14px;}
.mainBottom { background:url(images/bgBottom.jpg) no-repeat; height:44px;}

.mainPadding1 {padding:20px 50px;}

.mainLeft { float:left; width:450px; padding-right:50px;}
.mainRight { float:left; width: 300px;  padding-left: 50px;}

.fromUl {margin-top:20px; padding-bottom:20px;}
.fromUl li {padding:2px 0;}

.columnName2,.columnName2 p {background:url(images/img.png) no-repeat; height:50px;}
.columnName2 {font-size:24px; font-weight:normal; color:#e6f3f8; background-position:left -510px; *background-position:left -509px !important; margin:20px 20px 0 20px;}
.columnName2 p { background-position:right -561px; line-height:50px; margin-left:20px;}

#floatBoxBg{display:none;width:100%;height:100%;background:#000;position:absolute;top:0;left:0;}
.floatBox{background:url(images/img.png) no-repeat left -105px; width:450px; height:390px; padding:5px; position:absolute; top:250px; left:40%;}
.floatBox .title{background:url(images/img.png) no-repeat left -60px; height:40px;}
.floatBox .title p {float:left; padding:0 10px;  line-height:40px; font-size:24px; color:#fff;}
.floatBox .title span{float:right; cursor:pointer; background:url(images/img.png) no-repeat -18px 10px; width:30px; height:30px;}
.floatBox .content{}