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

/****
 * reset.css
*/

html {color:#555; font-family:'Open Sans',arial,sans-serif; font-size:12px;}
html, body, div, h1, h2, h3, h4, h5, h6, a, ul, li {margin:0; padding:0; font-weight:normal;}
a {text-decoration:none; color:#666; transition:all 0.2s linear 0s;} a:hover {color:#f00;}
img {border:none;}
p {display:block;}
label {cursor:pointer;}
input, textarea {border-color:#b7b7b7 #e8e8e8 #e8e8e8 #b7b7b7; border-style:solid; border-width:1px; color:#333; font-size:12px; margin:0;}
input {padding-top:0; padding-bottom:0;}
textarea {overflow:auto; padding:4px; height:72px; line-height:24px;}
input.text {padding-left:4px; padding-right:4px; height:26px; line-height:26px;}
input.date {background:url(datepicker.gif) no-repeat right; padding-right:15px; height:26px; line-height:26px;}
input.button {background:#398DFD; border:1px solid #398DFD; line-height:28px; height:28px; padding:0 10px; color:#fff; font-size:14px; font-weight:bold; cursor:pointer;}
input.button:hover {border:1px solid #E6791C; border-bottom:1px solid #D86f15; background:#f48423;}
input.checkbox {border:none; vertical-align:middle; height:auto; line-height:normal;}
select {padding:3px; height:26px;}

.clearfix:before, .clearfix:after{content:" "; display:block; width:0; height:0; clear:both; overflow:hidden; visibility:hidden;}

/***
 * main.css
*/
body {background:url(main_bgr.png) repeat;}
#wrapper {width:990px; margin:20px auto; background:#fff; text-align:left; border-radius:5px; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.1);}

.container {width:960px; margin:0 auto;}
.container:after {content:" "; display:block; height:0px; clear:both; visibility:hidden;}

.header {padding:10px 0; height:100px;}
.header .L, .header .R {width:480px; float:left;}
.header .L a {display:block; padding:30px 0 30px 20px; height:40px;}
.header .R {padding-top:40px;}
/*.header .R button {float:right; position:relative; z-index:100; top:0px; right:5px; padding:0; background:url(search.png) center center no-repeat; width:22px; height:31px; cursor:pointer; border:none; box-shadow:none;}
.header .R input {float:right; position:relative; top:0px; right:-22px; width:150px; margin-bottom:0; border:1px solid #eeeeee; padding:7px 30px 7px 8px; font-size:13px; color:#ccc; border-radius:4px; box-shadow:inset 0 0 6px rgba(0, 0, 0, .05); transition:all 0.2s ease-out;}
.header .R input.T0 {background:#fbfbfb url(search_bgr.gif) no-repeat left center;}
.header .R input.T1 {background:#fbfbfb;}
.header .R input:hover {width:200px;}*/
.header .R .mail {float:right; background:url(mail.png) no-repeat left center; padding-left:20px; font-family:'Open Sans',arial,sans-serif; font-size:14px;}
.header .R .en {float:right; background:url(en.png) no-repeat left center; padding-left:40px; margin-left:10px; line-height:16px;}
.header .R .cn {float:right; background:url(cn.png) no-repeat left center; padding-left:20px; margin-left:10px; line-height:16px;}

.navi {background:#f8f8f8 url(navi_bgr.png) repeat-x left top; height:40px; border-radius:4px; padding:0 0 0 5px;}
.navi ul {list-style:none;}
.navi li.item {float:left; background:url(navi_sep.png) no-repeat right top; padding:0 2px 0 0; position:relative;}
.navi a.L1 {font-family:'Open Sans',arial,sans-serif; font-weight:400; line-height:40px; font-size:15px;color: #222; text-shadow:0px 1px 0px #fff; text-decoration:none; display:block; padding:0px 26px; background:#f8f8f8 url(navi_bgr.png) repeat-x left top;}
.navi a.L1:hover {background-color:#fff;}
.navi a.L1 span {background:url(navi_sub.png) no-repeat right center; padding:0 0 0 12px;}
.navi .home a.L1 {padding:0 16px;}
.navi .home a.L1 span {width:16px; height:40px; padding:0; display:block; background:url(home.png) no-repeat center center;}
.navi .L2 {position:absolute; z-index:999; width:380px; margin-left:-2px; background:#eee; border:1px solid #ddd; border-top:none; border-radius:0 0 5px 5px; display:none;}
.navi .L2 ul {/*border-top:3px solid #ddd;*/}
.navi .L2 li {display:block; /*background:url(navi_sep_v.png) bottom left repeat-x;*/ margin:16px; padding:0 12px; background:#fff; border:1px solid #fff; border-radius:5px; }
.navi .L2 a {display:block; color:#444; /*text-shadow:0px 1px 0px #fff;*/ white-space:nowrap; font-size:14px; line-height:40px; background:url(navi_sub_l.png) no-repeat -20px center; transition:all 0.3s ease-out;}
.navi .L2 a:hover {background-position:right center; padding-left:6px;}

.focus {margin-top:20px; position:relative; height:400px; overflow:hidden;}
.focus ul {list-style:none;}
.focus #slider {position:absolute; left:0; top:0; width:960px; height:100%; z-index:30;}
.focus #slides {position:relative; width:100%; height:100%;}
.focus #slides li {width:100%; height:100%;}
.focus #slides li img {border-radius:5px;}
.focus .tools {position:absolute; z-index:9; left:400px; bottom:0; display:none;}
.focus .tools li {float:left; cursor:pointer; padding:0 4px; display:block; width:11px; height:11px; background:url(off.png) no-repeat center;}
.focus .tools li:hover {background:url(on.png) no-repeat center;}
.focus .tools .C {background:url(on.png) no-repeat center;}
.focus a.L, .focus a.R {position:absolute; top:50%; margin-top:-21px; z-index:999; display:block; width:42px; height:42px; border-radius:21px; background:#556167; opacity:0.5; filter:alpha(opacity=0.5); transition: all 0.3s; display:none;}
.focus a.L {left:5px;}
.focus a.R {right:5px;}
.focus a.L:hover, .focus a.R:hover {background:#0ad1e5;}
.focus a.L span, .focus a.R span {display:block; width:21px; height:21px; margin:10px 0 0 10px;}
.focus a.L span {background:url(slider_arrows.png) no-repeat     0 0;}
.focus a.R span {background:url(slider_arrows.png) no-repeat -21px 0;}

.feature {margin-top:40px; overflow:hidden;}
.feature .holder {width:1200px;}
.feature ul {list-style:none;}
.feature li {float:left; display:block; width:300px; margin-right:30px;}
.feature li span {display:block; width:37px; height:37px; float:left;}
.feature li span.F0 {background:url(feature0.png) no-repeat;}
.feature li span.F1 {background:url(feature1.png) no-repeat;}
.feature li span.F2 {background:url(feature2.png) no-repeat;}
.feature li h3 {color:#555; font-size:20px; font-weight:600; line-height:26px; margin-left:54px;}
.feature li p {color:#777; font-size:13px; line-height:21px; margin-left:54px;}
.feature li p a {color:#777;}
.feature li p a:hover {color:#f00;}

.items {margin-top:30px; height:220px; overflow:hidden;}
.items .holder {padding:22px 0 0 0;}
.items ul {list-style:none; display:block;}
.items li {display:block; float:left; margin-right:24px; width:222px;}
.items h2 {background:url(line_sep.png) repeat left top;}
.items h2 span {background:#fff; font-family:'Open Sans',arial,sans-serif; font-size:20px; font-weight:400; line-height:18px; padding-right:10px;}
.items a {display:block; position:relative; background:#f5f5f5; border-radius:3px; overflow:hidden;}
.items a span {display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:#ccc; border-radius:3px; opacity:0.1; filter:alpha(opacity=0.1); transition:all 0.3s ease-in-out 0s;}
.items a:hover span, .items a.C span {background:#000;}
.items h4 {font-size:13px; line-height:16px; text-align:center; padding:8px; color:#333; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); background:#fcfcfc url(navi_bgr.png) repeat-x left top;}

.detail {margin-top:20px;}
.detail .title {background:url(title_bgr.png) repeat-x left top; height:28px;}
.detail .title h1, .detail .title h2 {display:inline; font-family:'Open Sans',arial,sans-serif; font-weight:300; font-size:28px; line-height:28px; background:#fff; margin:0; padding-right:10px;}
.detail .title h2 {font-size:20px;}
.detail .content {padding-top:20px; font-size:13px; line-height:1.8em;}
.detail .content .summary {padding:10px; margin-bottom:20px; border:1px dashed #ddd; background:#eee; color:#f00;}

.detail dl, .detail dt, .detail dd {display:block; margin:0; padding:0;}
.detail dl {margin-top:30px;}
.detail dt {font-family:'Open Sans',arial,sans-serif; font-weight:300; font-size:20px; line-height:20px; border-bottom:1px dashed #ccc; padding:13px 0; margin-bottom:13px;}
.detail dt span {float:right; font-size:14px;}
/*.detail dd a {display:block; width:720px; position:relative; background:#eee; border-radius:5px; overflow:hidden; padding:8px;}*/
.detail dd a {display:block; width:520px; position:relative; padding:0 5px; border:8px solid #eee; border-radius:5px; overflow:hidden;}
.detail dd a span {display:block; width:100%; height:100%; position:absolute; left:0; top:0; background:#ccc; /*border-radius:3px;*/ opacity:0.1; filter:alpha(opacity=0.1); transition:all 0.3s ease-in-out 0s;}
.detail dd a:hover span {background:#333;}

.fcattached{background:url(fcattached.gif) no-repeat left center; padding-left:20px; font-size:14px; text-decoration:none; border-bottom:1px dotted #ccc; padding-bottom:3px;}

.verify {width:908px; margin:30px auto 0 auto; padding:26px; background:#eee; border-radius:5px; position:relative; font-size:14px;}
.verify table {background:#fff;}
.verify th {text-align:right; font-weight:bold; color:#34599e;}
.verify .download {position:absolute; z-index:999; left:430px; top:60px; width:300px; height:290px; overflow:hidden; border-left:1px solid #eee; padding-left:40px;}
.verify .download div {margin:100px 0 0 100px; font-size:14px;}
.verify .download div h1 {font-size:16px; font-weight:bold; margin:0; padding:0;}
.verify .download div a {display:block; width:147px; height:37px; background:url(download.png) no-repeat; margin-top:16px;}
.verify .download div a span {display:none;}
.verify .cert {border:1px solid #f00; margin-top:26px; padding:10px; background:#fff;}
.verify .cert h1 {font-size:16px; font-weight:bold; margin:0; padding:0;}
.verify .cert p {margin:0; padding:0; display:inline; font-size:14px; line-height:1.6em;}
.verify .cert span {font-size:12px; font-weight:bold; display:block; width:300px; border-top:1px solid #ccc; margin-top:6px; padding-top:6px;}
.verify .sn {display:block; padding:20px 30px; background:#fff; text-align:center;}
.verify .sn .text {width:300px; height:32px; font-size:16px; font-weight:bold;}
.verify .sn .submit {border:none; width:117px; height:37px; padding:0; margin:0; background:url(check.png) no-repeat; cursor:pointer;}
.verify .sn .help {margin-top:20px; padding-top:20px; border-top:1px dashed #ccc;}

.footer {background:#ccc; border-radius:0 0 5px 5px; padding:12px 0; margin-top:30px;}