@charset "UTF-8";
/* CSS Document */

* { margin:0; padding: 0;}
body { color: #333333; font-family: Arial,Helvetica,sans-serif; font-size: 16px;}
#wrapper { position: relative; background: #FFF; width: 100%; }

a {color: rgb(22,63,104); text-decoration: none;}
a:hover {color: rgb(22,63,104); text-decoration: underline;}
fieldset {border: none; outline: none;}
img {border: none;}
p {line-height: 18px;}
p.bold { font-weight: bold;}
ul li { list-style: none;}
input, textarea {font-size: 16px;}
body #hd-inside .menu-switch {line-height: 14px;}

@font-face {
    font-family: 'arial_blackregular';
    src: url('../font/arial_blackwebfont.eot');
    src: url('../font/arial_blackwebfont.eot?#iefix') format('embedded-opentype'),
         url('../font/arial_blackwebfont.woff') format('woff'),
         url('../font/arial_blackwebfont.ttf') format('truetype'),
         url('../font/arial_blackwebfont.svg#arial_blackregular') format('svg');
}
@font-face {
    font-family: 'charis_silregular';
    src: url('../font/charissilr-webfont.eot');
    src: url('../font/charissilr-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/charissilr-webfont.woff2') format('woff2'),
         url('../font/charissilr-webfont.woff') format('woff'),
         url('../font/charissilr-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

#content .intro h3,#content .suggestion h3,
#content .imgOrder h2,#content .imgOrder .detail h3,
#content .imgOrder ul li.headline label, #content .imgOrder ul li.headline p,
#content .cusProfile h3, #content .cusAddress h3,
#wrapper #content .contactUs h3,
#wrapper .contactUs.formPage h3,
#content.archive ul li h3 span,
#wrapper #content .contactUs ul li.phoneNumber p span,
#wrapper .contactUs.formPage ul li.phoneNumber p span,
#wrapper .archive-form form ul .btn-searchbtn input, 
.archiveContent table th, .step-howTo h2, .step-howTo ul li p.head span,
.request-form h2, .btn input, .top-panel h2,
form.photo-search input[type="submit"] { font-family:'arial_blackregular'; font-weight: normal;}

.top-panel h3 { font-family: charis_silregular; font-weight: normal;}

/**** navigation ****/
#navigation { width: 100%; margin: 0 auto; border-top: none; position: fixed; z-index: 152; height: 56px; background: #213c70; top: 0; left: 0;}


/**** Header ****/
#headerBanner { height: 357px; margin: -15px 0 0; overflow: hidden; width: 100%; position: relative; overflow: hidden;}
#headerBanner img { position: absolute; left:50%; top:50%; margin: -179px 0 0 -960px; width: 1920px; height: 357px; background:#fff;}


/**** content ****/
body.TH-Search #header { background: none; margin: 0;}
body.TH-Search #header #main-Search {margin: 0 0 25px 50px;}
body.TH-Search #header p.logo { left: 362px; position: absolute; top: 50px;}
#wrapper #content { width: 948px; margin: 0px auto 0; background: #FFF; overflow: hidden; padding: 10px;}
#header .smllLogo { float: left; margin: 7px 25px 0 11px;}

#content .breadcrumbs { border-bottom: 1px solid #e2e2e2; margin: 10px 0; overflow: hidden; padding-bottom: 8px; width: 948px;}
#content .breadcrumbs p { line-height: 24px; margin-bottom: 0; text-transform: uppercase;}
#content .breadcrumbs .active { color: #333; font-size: 15px; font-weight: bold;}

#main-Search { clear: both; margin: 80px 0 0 90px; overflow: hidden; padding-top: 35px; position: relative; width: 762px;}
#header #main-Search { clear: none; margin: 0;}
#header #main-Search ul { clear: both; overflow: hidden; position: absolute; top: 0; width: 790px; height: auto; padding: 0;}
#main-Search ul li { background: #f1f1f1; float: left; height: 25px; margin-right: 1px; padding: 10px 8px 0;}
#main-Search ul li a { color: #666666; font-size: 14px; font-weight: bold;}
#main-Search ul li a:hover { text-decoration: underline;}
#main-Search ul #everythingTap { padding: 10px 8px 0;}
#main-Search ul #newsTap { padding: 10px 8px 0;}
#main-Search ul #imageTap { padding: 10px 8px 0;}
#main-Search ul #vdoTap { padding: 10px 8px 0;}
#main-Search ul #archiveTap { margin: 0; padding: 10px 8px 0;}
#main-Search ul .active { background: #e6eef6; border-left: 1px solid #b0c4d8; border-right: 1px solid #b0c4d8; border-top: 1px solid #b0c4d8;}
#main-Search ul .active a { color: #333333;}
#main-Search .box-Search { background: #e6eef6; border: 1px solid #b0c4d8; height: 32px; overflow: hidden; padding: 10px; width: 740px;}
#main-Search .box-Search #searchWords { background: #ffffff; border: 1px solid #c4c4c4; float: left; font-family: Arial; font-size: 15px; height: 25px; margin: 0 5px 0 0; padding: 2px; width: 580px;}
#main-Search .box-Search .searchButton { background: url("../img/imgStock/btn-TH-Search.jpg") no-repeat; border: none; cursor: pointer; float: left; height: 32px; margin-right: 10px; width: 41px;}
#main-Search .box-Search label { float: left; margin-top: 7px; overflow: hidden; width: 95px;}
#main-Search .box-Search label a { color: #1e79bc; font-size: 12px;}
#main-Search p { font-size: 12px; font-weight: bold; margin-top: 10px; text-align: center;}
#main-Search p a { color: #1e79bc; font-weight: normal; text-decoration: none;}
#main-Search p a:hover { text-decoration: underline;}

#content .intro { overflow: hidden; margin-top: 30px; clear: both; width: 630px; float: left; margin-bottom: 15px;}
#content .intro h3 { font-size: 20px; line-height: 34px;}
#content .intro p { font-size: 14px;}
#content .suggestion { float: right; margin: 16px 0 15px; width: 272px; padding: 14px; background: #e6eef6;}
#content .suggestion h3 { font-size: 14px; margin-bottom: 5px; }
#content .suggestion p { font-size: 12px;}
#content .imgOrder { clear: both;}
#content .imgOrder h2 { font-size: 15px; margin-bottom: 8px;}
#content .imgOrder .detail { padding: 20px 20px 15px; background: #f3f3f3; overflow: hidden; margin-bottom: 15px;}
#content .imgOrder .detail .thumbnail { width: 120px; height: 120px; overflow: hidden; float: left; margin-right: 20px;}
#content .imgOrder .detail h1 { font-size: 13px; float: left;}
#content .imgOrder .detail h1 a { color: #333;}
#content .imgOrder .detail h3 { font-size: 15px; margin-bottom: 8px; line-height: 18px;}
#content .imgOrder .detail ul { float: left; overflow: hidden; margin: 0;}
#content .imgOrder .detail ul li { padding: 0; border-bottom: none; width: 700px; clear: both;}
#content .imgOrder .detail ul li p { line-height: 20px; padding: 0; width: 500px;}
#content .imgOrder .detail ul li p.bold { width: 155px;}
#content .imgOrder ul { overflow: hidden; margin-bottom: 35px;}
#content .imgOrder ul li { border-bottom: 1px solid #dcdcdc; padding: 10px 0; overflow: hidden;}
#content .imgOrder ul li.headline label, #content .imgOrder ul li.headline p { float: left; width: 240px; font-size: 15px; }
#content .imgOrder ul li label { font-weight: bold;}
#content .imgOrder ul li label, #content .imgOrder ul li input,
#content .imgOrder ul li select, #content .imgOrder ul li p { float: left; width: 240px; height: auto; padding: 3px 0; line-height: 18px; font-size: 12px; margin-right: 17px;}
#content .imgOrder ul li label.last { width: 185px; margin: 0; padding-left: 18px;}
#content .imgOrder ul li input { padding: 1px 3px;}
#content .imgOrder ul li input.brand { width: 200px;}
#content .imgOrder ul li label input { width: 20px; height: 16px; line-height: 16px; vertical-align: middle; float: left; margin-right: 2px;height: 13px\9;}
#content .imgOrder ul li label.place { width: 95px; margin-right: 0px; float: right;}
#content .imgOrder ul li label.brand { width: 213px;}
#content .imgOrder ul li.headline p, #content .imgOrder ul li p { width: 230px;}
#content .imgOrder ul li p.last { float: right; margin: 0; width: 185px;}

#content .cusProfile { background: #f3f3f3; width: 430px; padding: 15px; float: left; margin: 0 28px 0 0; height: auto;}
#content .cusProfile h3, #content .cusAddress h3 { font-size: 15px; margin-bottom: 8px;}
#content .cusProfile ul li, #content .cusAddress ul li { padding: 7px 0; overflow: hidden;}
#content .cusProfile ul li label, #content .cusAddress ul li label,
#content .cusProfile ul li p, #content .cusAddress ul li p { width: 130px; float: left; line-height: 20px; font-size: 12px; font-weight: bold;}
#content .cusAddress ul li label.error,
#content .cusProfile ul li label.error { color: rgb(204, 0, 0); float: left; padding-left: 131px; text-align: left; width: 250px; font-size: 12px; font-weight: normal;}

#content .cusProfile ul li label span, #content .cusAddress ul li label span,
#content .cusProfile ul li p span, #content .cusAddress ul li p span { color: #e80000;}
#content .cusProfile ul li input, #content .cusAddress ul li input { font-size: 13px; padding: 1px 3px; float: left; width: 240px;}
#content .cusProfile ul li p.right, #content .cusAddress ul li p.right { float: left; width: 270px; font-weight: normal;}

#content .cusAddress { background: #f3f3f3; width: 430px; padding: 15px; float: left; height: auto;}
#content .cusAddress ul { overflow: hidden; margin-top: 10px;}
#content .cusAddress ul li label.checkBox { width: 260px; padding-left: 130px; font-weight: normal; margin-top: 8px; color: #cc0000;}
#content .cusAddress label.checkBox { font-size: 12px; font-weight: bold; display: block; line-height: 17px;}
#content .cusAddress label.checkBox input { width: 16px; height: 16px; line-height: 16px; float: left; margin-right: 5px; height: 13px\9; width: 13px\9;}

#content .acceptPrivacy { clear: both; overflow: hidden; padding-top: 25px;}
#content .acceptPrivacy label { font-weight: bold; overflow: hidden; font-size: 12px; color: #333333; float: left; margin: 0 5px 10px 0;}
#content .acceptPrivacy label.error { float: none; color: #cc0000;}
#content .acceptPrivacy label input { width: 16px; height: 16px; margin-right: 8px; height: 13px\9; width: 13px\9; float: left;}
#content .acceptPrivacy div { border: 1px solid #dcdcdc; padding: 12px 15px; margin: 15px 0 20px; overflow: scroll; height: 200px; clear: both;}
#content .acceptPrivacy div p { margin-bottom: 10px; font-size: 12px;}
#content .acceptPrivacy div h2 { font-size: 16px; margin-bottom: 10px;}
#content .acceptPrivacy div h3 { font-size: 14px; margin-bottom: 10px;}
#content .acceptPrivacy div h4 { font-size: 12px; margin-bottom: 10px; font-weight: normal;}
#content .acceptPrivacy div ol li { font-size: 12px; margin-bottom: 10px;}
#content .acceptPrivacy div ol li span.listNumber { margin: 0 10px 0 0;}
#content .acceptPrivacy div ol li ol { margin: 0 0 0 20px;}
#content .acceptPrivacy div ol li ol li ol { margin: 0 0 0 20px;}


#content .actionBtn { clear: both; overflow: hidden; padding-top: 25px;}

#content .sendForm { background: url(../img/imgStock/btn-imgStock.png) no-repeat 0 0; width: 187px; height: 53px; border: none;}
#content .sendForm:hover {background: url(../img/imgStock/btn-imgStock.png) no-repeat 0 -57px;}
#content .btnPrint { background: url(../img/imgStock/btn-imgStock.png) no-repeat -192px 0; width: 187px; height: 53px; display: block; overflow: hidden; float: left; margin-right: 5px;}
#content .btnPrint:hover {background: url(../img/imgStock/btn-imgStock.png) no-repeat -192px -57px;}
#content .btnOrder { background: url(../img/imgStock/btn-imgStock.png) no-repeat -384px 0; width: 187px; height: 53px; display: block; overflow: hidden; float: left;}
#content .btnOrder:hover {background: url(../img/imgStock/btn-imgStock.png) no-repeat -384px -57px;}
#content .btnPrint span, #content .btnOrder span { display: none;}

#wrapper #content .contactUs { margin-top: 20px; overflow: hidden; padding-bottom: 30px; display: inline-block;}
#wrapper #content .contactUs h3 { font-size: 14px; text-transform :uppercase;margin-bottom: 15px;}
#wrapper #content .contactUs ul li { padding: 5px 10px 10px 0; float: left; width: 438px; border-right: 1px solid #dcdcdc; margin-right: 30px; height: 90px; overflow: hidden;}
#wrapper #content .contactUs ul li.last { margin: 0; border: none;}
#wrapper #content .contactUs ul li.last p { background: url(../img/imgStock/bg-contactUs.png) no-repeat 0 -90px; padding-left: 75px; height: 60px; text-transform: uppercase; font-size: 14px; font-family: Arial; font-weight: normal;}
#wrapper #content .contactUs ul li.last p a { padding-top: 20px; display: block;}
#wrapper #content .contactUs ul li.phoneNumber p { background: url(../img/imgStock/bg-tell.png) no-repeat; width: 365px; height: 80px; overflow: hidden; padding: 0 0 0 70px;}
#wrapper #content .contactUs ul li.phoneNumber p span { display: block; font-size: 14px; margin: 0 0 2px; color: #294782;}
#wrapper #content .contactUs ul li.phoneNumber p span:first-child { font-size: 50px; line-height: 38px; margin: 0 0 5px;}
#wrapper #content .contactUs ul li.phoneNumber p span:last-child { font-family: Arial,Helvetica,sans-serif;}

#wrapper .contactUs.formPage { margin-top: 70px; overflow: hidden; padding-bottom: 30px; width: 940px; margin: 0 auto;}
#wrapper .contactUs.formPage h3 { font-size: 14px; text-transform :uppercase;margin-bottom: 15px;}
#wrapper .contactUs.formPage ul li { padding: 5px 10px 10px 0; float: left; width: 438px; border-right: 1px solid #dcdcdc; margin-right: 30px; height: 90px; overflow: hidden;}
#wrapper .contactUs.formPage ul li.last { margin: 0; border: none;}
#wrapper .contactUs.formPage ul li.last p { background: url(../img/imgStock/bg-contactUs.png) no-repeat 0 -90px; padding-left: 75px; height: 60px; text-transform: uppercase; font-size: 14px; font-family: Arial; font-weight: normal;}
#wrapper .contactUs.formPage ul li.last p a { padding-top: 20px; display: block;}
#wrapper .contactUs.formPage ul li.phoneNumber p { background: url(../img/imgStock/bg-tell.png) no-repeat; width: 365px; height: 80px; overflow: hidden; padding: 0 0 0 70px;}
#wrapper .contactUs.formPage ul li.phoneNumber p span { display: block; font-size: 14px; margin: 0 0 2px; color: #294782;}
#wrapper .contactUs.formPage ul li.phoneNumber p span:first-child { font-size: 50px; line-height: 38px; margin: 0 0 5px;}
#wrapper .contactUs.formPage ul li.phoneNumber p span:last-child { font-family: Arial,Helvetica,sans-serif;}

#content.partner .detail { padding: 40px 0px; width: 948px; overflow: hidden;}
#content.partner h1 { font-family: charter; font-size: 40px; line-height: 46px; text-align: center; margin-bottom: 20px; font-weight: normal;}
#content.partner h1 span, #content.partner h2 span { display: block;}
#content.partner h2 { font-weight: bold; font-size: 14px; line-height: 20px; text-align: center; margin-bottom: 40px;}
#content.partner .detail p { margin-bottom: 15px; font-size: 12px;}
#content.partner .detail h3 { font-size: 15px; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #eee; padding: 20px 0 10px; margin-bottom: 10px;}
#content.partner .detail ul li { padding: 5px 0; overflow: hidden;}
#content.partner .detail ul li input, #content.partner .detail ul li label { display: block; font-size: 12px; margin: 5px 0; float: left;}
#content.partner .detail ul li input, #content.partner .detail ul li select { padding: 2px 5px; width: 250px;}
#content.partner .detail ul li label { font-weight: bold; width: 150px;}
#content.partner .detail ul li textarea { padding: 5px; margin-bottom: 10px; font-size: 12px;}
#content.partner .detail ul li img { display: block; clear: both; padding: 10px 0 0 150px;}
#content.partner input.sendForm { background: url(../img/imgStock/btn-imgStock.png) no-repeat -575px 0; border: none; cursor: pointer; float: left; height: 26px !important; margin-right: 10px; width: 100px !important; margin-left: 150px !important;}
#content.partner input.sendForm:hover { background: url(../img/imgStock/btn-imgStock.png) no-repeat -575px -30px;}

#content.archive h1 { font-family: charter; font-size: 40px; font-weight: normal; text-align: center;}
#content.archive .intro { width: 948px; margin: 15px 0 40px; text-align: center; font-size: 14px;}
#content.archive .intro span { display: block;}
#content.archive ul { clear: both;}
#content.archive ul li { float: left; width: 300px; margin-right: 20px; padding: 0 0 25px; height: 350px;}
#content.archive ul li.last { margin:0;}
#content.archive ul li .thumbnail { width: 300px; height: 150px; margin-bottom: 15px; overflow: hidden; padding: 0;}
#content.archive ul li h3 { text-align: center; font-size: 15px; margin-bottom: 20px;}
#content.archive ul li h3 span {font-weight: normal; font-size: 15px; display: block; color:rgb(22, 63, 104);}
#content.archive ul li p { height: auto; overflow: hidden; font-size: 14px; margin-bottom: 15px; padding: 0;}
#content.archive ul li p.more { padding: 0; height: 18px; font-size: 12px; margin: 0;}
#content.archive ul li p.more a { background: url(../img/imgStock/icon-more.png) no-repeat right 1px; padding-right: 18px;}

/*Archive*/
#wrapper .archive-form { padding: 0; width: 940px;}
#wrapper .archive-form h1 { border-bottom: 1px solid #dddddd; color: #24435a; font-size: 18px; padding-bottom: 10px; width: 940px;}
#wrapper .archive-form h2 { border-bottom: 1px solid #dddddd; width: 940px; overflow: hidden; font-size: 16px; font-weight: normal; clear: both;}
#wrapper .archive-form h2 img { float: left; margin: 0 5px 5px 0;}
#wrapper .archive-form h2 span { float: left; margin: 3px 0 5px; font-family: arial_blackregular;}
#wrapper .archive-form p { font-size: 12px; padding: 10px 0 30px 0;}
#wrapper .archive-form p a { color: #213c70; font-weight: bold;}
#wrapper .archive-form form ul li {  clear: none; float: left; padding: 0 20px 0 0; width: 405px; height: auto; margin: 0 0 20px;}
#wrapper .archive-form form ul li:nth-child(2n+1) { clear: both;}
#wrapper .archive-form form ul li label { float: left;  font-size: 12px; font-weight: bold; padding: 3px 0 0; width: 200px; margin: 0 0 5px;}
#wrapper .archive-form form ul li label.noDetail { padding: 16px 0 0;}
#wrapper .archive-form form ul li .group-calendar { clear: both;}
#wrapper .archive-form form ul li .group-calendar label { float: none; height: auto; vertical-align: top; margin: 12px 0 0; display: inline-block;}
#wrapper .archive-form form ul li .group-calendar label:first-child { padding: 0 5px 0 0;}
#wrapper .archive-form form ul li .group-calendar input { float: none; clear: none;}
#wrapper .archive-form form ul li .group-calendar img { padding: 6px 0 0 3px;}
#wrapper .archive-form form ul li .calendar{ width: 100px; margin: 0 3px 0 0;}
#wrapper .archive-form form ul li .text { width: 327px;}
#wrapper .archive-form form ul li select { width: 332px; clear: both; float: left;}
#wrapper .archive-form form ul li .from,
#wrapper .archive-form form ul li .to { float: none; font-weight: normal; padding: 0 5px 0 10px; width: auto;}
#wrapper .archive-form form ul li label span { display: block;}
#wrapper .archive-form form ul li label .detail { font-weight: normal;}
#wrapper .archive-form form ul .btn-searchbtn { padding: 10px 0 30px 0; width: 200px;}
#wrapper .archive-form form ul .btn-searchbtn input { background: #223d6e;border: none;height: auto; cursor: pointer;width: auto; color: #ffffff; text-transform: uppercase; font-size: 12px; padding: 8px 15px;}
#wrapper .archive-form form ul .btn-searchbtn input:hover { background: #182b4d;}

#wrapper .archive-form form ul li input { clear: both; float: left; padding: 10px 8px;}

/**** footer ****/

#footer { width: 100%; margin: 0 auto; border-top: none; height: 156px; background: #213c70;}

#wrapper #content.archiveContent { width: 940px; padding: 0 10px; height: auto;}
#wrapper #content.archiveContent .levelNavigaton { padding: 10px 0 15px;}
.archiveContent .slideshow { width: 940px; overflow: hidden; float: none; margin: 0 0 20px;}
.archiveContent .slideshow .viewport { width: 940px; overflow: hidden; height: 250px; margin: 0;}
.archiveContent .slideshow .viewport .overview li { float: left; height: 250px; overflow: hidden; width: 940px;}
.archiveContent .slideshow .next, 
.archiveContent .slideshow .prev { height: 42px; position: absolute; top: 104px; width: 42px; z-index: 1; background: url("../img/button/Subscription-arrow.png") 0 0 no-repeat;}
.archiveContent .slideshow .viewport:hover .next, 
.archiveContent .slideshow .viewport:hover .prev { display: block;}
.archiveContent .slideshow .next span, 
.archiveContent .slideshow .prev span { display: block; text-indent: -9999px;}
.archiveContent .slideshow .prev { background-position: 0 0; left: 10px;}
.archiveContent .slideshow .prev:hover { background-position: 0 -54px;}
.archiveContent .slideshow .next { background-position: -54px 0; right: 10px;}
.archiveContent .slideshow .next:hover { background-position: -54px -54px;}
.archiveContent .slideshow .viewport .disable,
.archiveContent .slideshow .viewport:hover .disable { display: none;}

.archiveContent form table { width: 100%; overflow: hidden; margin: 0 0 50px;}
.archiveContent form table th { text-transform: uppercase; font-size: 12px; background: #223d6e; padding: 20px; color: #ffffff; text-align: left; vertical-align: middle; border-bottom: 1px solid #ffffff;}
.archiveContent form table th:first-child { width: 340px; border-right: 1px solid #ffffff;}
.archiveContent form table td { vertical-align: middle; font-size: 14px; font-weight: bold; padding: 10px 20px 10px 20px; border-bottom: 1px solid #ffffff; background: #ededed;}
.archiveContent form table td span { display: block; font-weight: normal; font-size: 12px;}
.archiveContent form table td:first-child { border-right: 1px solid #ffffff;}
.archiveContent form table td:first-child input { float: left; margin: 2px 15px 0 0;}
.archiveContent form table td:first-child label { float: left;}
.archiveContent form table td:nth-child(2) { width: 90px; padding: 10px 0 10px 20px; }
.archiveContent form table td:nth-child(2) p { text-decoration: line-through;}
.archiveContent form table td:nth-child(2) span { text-decoration: none;}
.archiveContent form table td:nth-child(3),
.archiveContent form table td:nth-child(4) { padding: 10px 0; color: #cc0000; font-size: 18px; font-weight: bold; width: 90px;}
.archiveContent form table td:last-child { text-align: right; padding: 0 20px 0 0;}
.archiveContent form table td:last-child input { background: #223d6e; border: none; color: #ffffff; padding: 10px 15px; text-transform: uppercase; font-size: 12px;}

.step-howTo { width: 940px; overflow: hidden;}
.step-howTo h2 { font-size: 14px; text-transform: uppercase; margin: 0 0 20px;}
.step-howTo ul { width: 940px; overflow: hidden; padding: 30px 0 0; margin: 0 0 60px;}
.step-howTo ul li { background: #f5f5f5; position: relative; text-align: center; float: left; width: 200px; padding: 50px 10px 20px; margin: 0 20px 0 0; min-height: 120px;}
.step-howTo ul li:last-child { margin: 0;}
.step-howTo ul li p.head { background: #333333; border-radius: 30px; color: #ffffff; height: 40px; padding: 5px 10px 10px; text-align: center; vertical-align: middle; width: 35px; font-size: 12px; position: absolute; top: -30px; left: 82px;} 
.step-howTo ul li p.head span { font-size: 28px; display: block;}
.step-howTo ul li p:last-child { font-size: 14px; font-weight: bold;}
.step-howTo ul li p:last-child span { display: block;}

.request-form fieldset { width: 940px; margin: 0 auto; padding: 30px 0;}
.request-form fieldset:first-child { padding: 0 0 30px;}
.request-form fieldset.highlight { width: 100%; background: #f2f2f2;}
.request-form fieldset.highlight > div { margin: 0 auto; width: 940px;}
.request-form fieldset.upload { width: 400px; padding: 0; font-size: 12px;}
.request-form h2 { color: #333333; font-size: 14px; text-transform: uppercase; margin: 0 0 30px;}
.request-form h2 span { color: #213c70; text-transform: none; font-family: Arial; font-weight: bold;}
.request-form label { font-size: 12px; font-weight: bold; margin: 0 0 5px; display: inline-block;}
.request-form label span { color: #ff0000;}
.request-form label span.detail { display: block; color: #333333; font-weight: normal;}
.request-form .archive-requestForm > div { width: 400px; margin: 0 0 20px;}
.request-form .archive-requestForm div.group { width: 940px; display: inline-block;}
.request-form .archive-requestForm div.group > div { margin: 0; float: left; width: 400px;} 
.request-form .archive-requestForm div.group > div:first-child { margin: 0 30px 0 0;}
.request-form .archive-requestForm p img { float: left; margin: 6px 5px 0 0;}
.archive-form form.default, form.request-form.default { font-size: 12px;}
form.request-form.default textarea { width: 380px; height: 216px;}
form.request-form.default .archive-requestForm p input { float: left; clear: none; width: 348px;}
form.request-form.default input[type="text"] { font-size: 12px; padding: 11px 10px; width: 380px;}
form.request-form .plupload_droptext { line-height: 125px;}
form.request-form .plupload_container { min-height: 235px;}

form.request-form .validate img { float: left;}
form.request-form #validate_img { width: 215px; height: 80px; margin: 0 10px 10px 0;}
form.request-form #changimg { cursor: pointer;}

.btn input { border: none; font-size: 12px; color: #ffffff; padding: 8px 10px; text-transform: uppercase; background: #223d6e; min-width: 100px;}
.btn input:hover { background: #182b4d;}

#wrapper form select.ie { display: none;}

.plupload_message.ui-state-error > p > i { display: inline-block; line-height: 14px;}


.top-panel { width: 100%;  background:#000; position: relative; top: 0; height: 580px; overflow: hidden; }
.top-panel h2 {color:#fff; font-size: 20px; line-height: 22px; padding: 30px 0; text-transform: uppercase; text-align:center;}
.top-panel h2 span { display: block;}
.top-panel:before { background: #000000; opacity: 0.60; content:''; display: block; width: 560px; height: 90px; position: absolute; top: 220px; z-index: 1; left: 50%; margin: 0 0 0 -280px;}
.top-panel:after { background: url(../img/imgStock/search-gradient.png) no-repeat center top; position: absolute; width: 1340px; left: 50%; top: 0;margin:0 0 0 -670px; content:''; height: 580px;}
form.photo-search { width: 530px;margin: 0 auto; padding: 130px 15px 0; position: relative;z-index: 2;}
.top-panel .photo-search div { width: 530px; overflow: hidden;}
.top-panel .photo-search div p { clear:both; font-size:14px; color: #ffffff; font-weight: bold; padding: 10px 0 0;}
.top-panel .photo-search div p a { font-weight:normal; color: #ffffff;}
.top-panel > div.detail { width: 100%; position:absolute; top: 0; height:580px;}
.top-panel > div:before { background: #000000; opacity: 0.60; content:''; display: block; width: 100%; height: 65px;  z-index: 0; position: absolute; bottom: 0; left: 0;}
.top-panel .detail > div { width:940px; margin: 0 auto;}
.top-panel > div h3 { color: #ffffff;  padding: 230px 0 12px; position: relative; z-index:2; font-size:18px; line-height:20px; background: url(../img/imgStock/bg-photographer.png) right bottom no-repeat;}
.top-panel > div h3 span { display: block;}

form.photo-search input[type="text"] {width: 398px; margin: 0 5px 0 0; padding: 10px; font-size: 12px; color:#999; border: 1px solid #fff;line-height: 14px; height: 14px; float: left;}
form.photo-search select{font-size: 12px; color:#999; border: none;}
form.photo-search input[type="submit"] {background: #223d6e; border: none; color: #fff;font-size: 13px; padding: 0 15px; line-height: 14px;float: left; height: 36px; width:102px;-webkit-appearance: none;-webkit-border-radius:0; }
form.photo-search input[type="submit"]:hover {background: #182b4d;}
.top-panel .photo-search .category {clear: both;}

.top-panel #headerBanner { height: 580px; padding: 0; margin: 0;}
.top-panel #headerBanner img { width: 1340px; margin: -290px 0 0 -670px; height: 580px;}