/* reset & default */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input,textarea, select,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0; padding: 0; border: 0; outline: 0; background: transparent; font-size: 100%; vertical-align: baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {background: url(../images/bgd-body.jpg) #fff repeat ; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 11px; line-height: 1;}
textarea {font-family: inherit; overflow: auto; vertical-align: top; resize: none}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
abbr[title], dfn[title] {border-bottom: 1px dotted; cursor: help;}
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0;}
table {border-spacing: 0;}
sup {vertical-align: text-top;}
sub {vertical-align: text-bottom;}
h1 {font-size: 20px;}
h2 {padding-bottom: 15px; line-height: 1.3em; font-size: 20px; text-transform: uppercase; color: #194477}
h3 {padding-bottom: 15px; font-size: 18px; color: #194477}
h4 {font-size: 16px;}
h5 {font-size: 14px; color: #0a76e5}
a {color: #000; text-decoration: none;}
a:hover {color: #ddd;}
a:visited {color: #000;}
:focus {outline: 0;}
/* common */
.width-1 {}
.list-1 {}
.color-1 {}
.float-l {float: left;}
.float-r {float: right;}
.hidden {display: none;}
.invisible {visibility: hidden;}
.loading {}
.fck {overflow: hidden; line-height: 16px;}
.fck ul, .fck ol {margin: 0 0 10px 0;}
.fck ul li {margin: 0; padding: 0 0 10px 0; list-style: inside; list-style-type: disc;}
.fck ol li {margin: 0; padding: 0 0 10px 0; list-style: inside; list-style-type: decimal !important;}
.fck-1 {}
.fck-2 {}
/* alert */
.alert-layer {display: block; position: absolute; top: -1500px; left: -15000px; overflow: hidden; padding: 7px 10px; background: #0758b4; color: #fff;}
.alert-layer .message {margin: 0; padding: 0 0 0 5px;}
/* sprite */
.wi-icon {background: url(../images/wi-icon.png) 0 0 no-repeat; display: block;}
.wi-icon-1 {background-position: 0 0;}
.wi-icon-2 {background-position: 0 -41px;}
.wi-icon-4 {background-position: 0 -120px;}
.wi-icon-7 {background-position: 0 -160px; width: 14px; height: 15px;}
.wi-icon-7:hover, .active .wi-icon-7 {background-position: 0 -200px;}
.wi-icon-11 {background-position: 0 -400px; width: 26px; height: 40px;}
.wi-icon-12 {background-position: 0 -480px; width: 38px; height: 38px;}
.wi-icon-13 {background-position: 0 -560px; width: 40px; height: 40px;}
.wi-icon-14 {background-position: 0 -640px; width: 34px; height: 34px;}
.wi-icon-15{ width: 38px; height: 42px; background-position: 0 -720px;}
.wi-icon-16{ width: 48px; height: 42px; background-position: 0 -840px;}
.wi-icon-17{ width: 38px; height: 42px; background-position: 0 -920px;}
.wi-icon-18{ width: 44px; height: 42px; background-position: 0 -1000px;}
.wi-icon-19{ width: 32px; height: 30px; background-position: 0 -800px;}
.wi-icon-20 {background-position: 0 -239px; width:32px; height:32px}
.wi-icon-21 {background-position: 0 -279px; width:32px; height:32px}
.wi-icon-22 {background-position: 0 -319px; width:32px; height:32px}
.wi-icon-23 {background-position: 0 -360px; width:32px; height:32px}
.wi-icon:hover {background-image: url(../images/wi-icon-hover.png); background-repeat: no-repeat;}
/* corner */
.wi-corner{display:block; position:absolute; background:url(../images/wi-corner.png) no-repeat 0 0; width:4px; height:4px}
.wi-corner-1{background-position:0 0; top:-1px; left:-1px}
.wi-corner-2{background-position:-10px 0; top:-1px; right:-1px}
.wi-corner-3{background-position:0 -10px; bottom:-1px; left:-1px}
.wi-corner-4{background-position:-10px -10px; bottom:-1px; right:-1px}
/* wi-nav */
.wi-nav {background: url(../images/wi-nav.png) no-repeat; display: block; height: 31px}
.wi-nav-1 {background-position: 0 0; width: 97px;}
.wi-nav-1:hover, .wi-nav-1.active {background-position: 0 -60px}
.wi-nav-2 {background-position: -87px 0; width: 79px;}
.wi-nav-2:hover, .wi-nav-2:hover .active {background-position: -87px -60px}
/*select-box*/
.select-1 { padding-left: 10px; margin-bottom: 5px; background: url(../images/wi-bgd-x.png) no-repeat 0 -550px; border: medium none; float: left; position: relative;}
.select-1 > .outer { padding-right: 10px; background: url(../images/wi-bgd-x.png) no-repeat 100% -550px; float: left;}
.select-1 > .outer > .inner { width: 90px; height: 30px; padding-right: 20px; background: url(../images/wi-bgd-x.png) repeat-x 0 -584px; float: left; overflow: hidden;}
.select-1 span {height: 30px; line-height: 30px; float: left; display: block; font-size: 14px; text-transform: uppercase; color: #7799c1; font-weight: bold; text-align: center}
.select-1 a {width: 20px; height: 28px; font-size: 12px; color: #3e3e3e; position: absolute; top: 1px; right: 7px; background: url(../images/wi-icon.png) no-repeat 5px -1392px; border-left: solid 1px #d8d8d9}
.select-1 select {width: 130px; height: 29px; line-height: 29px; display: block; position: absolute; top: 0; left: 0; opacity: 0; filter: alpha(opacity = 0); cursor: pointer; text-transform: capitalize;}
.select-1 select option { padding: 2px 0 2px 5px; font-size: 14px; text-transform: uppercase; color: #7799c1;}
/*input custom*/
.input-1 { padding:0 0 0 10px; background: url(../images/wi-bgd-x.png) 0 -620px no-repeat; display: block; float: left;}
.input-1 span { padding:0 10px 0 0; background: url(../images/wi-bgd-x.png) 100% -620px no-repeat; display: block; float: left;}
.input-1 input[type="text"] { width: 230px; height: 38px; line-height: 38px; border: 0 none; padding: 0; outline: 0; background: url(../images/wi-bgd-x.png) 0 -665px repeat-x; float: left; font-size: 15px; color:#666666}
/*textarea custom*/
.area-1 { padding:0 0 0 10px; background: url(../images/wi-bgd-x.png) 0 -710px no-repeat; display: block; float: left;}
.area-1 span { padding:0 10px 0 0; background: url(../images/wi-bgd-x.png) 100% -710px no-repeat; display: block; float: left;}
.area-1 span span { width: 230px; height: 95px; border: 0 none; padding: 0; outline: 0; background: url(../images/wi-bgd-x.png) 0 -810px repeat-x; float: left;}
.area-1 span span textarea{ width: 235px; height: 80px; padding: 8px 0; font-size: 15px; color:#666666}
.ie7 .area-1 span span textarea, .ie8 .area-1 span span textarea, .ie9 .area-1 span span textarea{ height: 75px}
.ie8 .area-1 span span textarea, .ie9 .area-1 span span textarea{ margin-top: 2px}
/*button custom*/
button { background: none; border: none; float: left; display: block; cursor: pointer; padding: 0; white-space: nowrap; overflow: visible;}
.btn-search-ques {margin: 0 0 0 11px; float: left; font-size: 19px;}
.button-1 { padding: 0 0 0 10px; background: url(../images/wi-bgd-x.png) 0 -910px no-repeat; display: inline-block; cursor: pointer}
.button-1 span { padding: 0 10px 0 0; background: url(../images/wi-bgd-x.png) 100% -910px no-repeat; display: inline-block}
.button-1 span span {width: auto; padding: 0; height: 33px; line-height: 33px; background: url(../images/wi-bgd-x.png) 0 -950px repeat-x; font-size: 14px; color: #4a4a4a;}
button:hover .button-1 { background: url(../images/wi-bgd-x.png) 0 -991px no-repeat}
button:hover .button-1 span { background: url(../images/wi-bgd-x.png) 100% -991px no-repeat}
button:hover .button-1 span span { background: url(../images/wi-bgd-x.png) 0 -1030px repeat-x}
.button-2 {float: left; padding: 0 0 0 11px; background: url(../images/wi-bgd-x.png) 0 -2098px no-repeat;}
.button-2 span {float: left; padding: 0 11px 0 0; background: url(../images/wi-bgd-x.png) 100% -2155px no-repeat;}
.button-2 span span {float: left; padding: 0 69px; height: 40px; line-height: 37px; font-size: 12px; color: #fff; font-weight: bold; text-transform: uppercase; background: url(../images/wi-bgd-x.png) 0 -2211px repeat-x;}
.button-2:hover {background-position: 0 -2269px}
.button-2:hover span {background-position: 100% -2325px;}
.button-2:hover span span {background-position: 0 -2382px}
/*select-box*/
.wrap-select{ position:relative; float: left; overflow: hidden;}
.wrap-select .txt-select{border: 1px solid #D5D3D6;border-right: none;background: white; color:#4b5e6f; float:left; padding: 4px 5px; font: 8px/15px Tahoma, Geneva, sans-serif; height: 13px;width:55px;}
.wrap-select .btn-select{border: 1px solid #D5D3D6; background: #cfdcec url(../images/wi-icon.png) no-repeat 5px -22px; float:left; width: 22px; height: 21px;}
.wrap-select select{position:absolute;opacity:0; filter:alpha(opacity=0);top: 0;left: 0;height: 25px;width: 90px;border: none;margin: 0;padding: 0;}
/*radio*/
.radio-1{display:block; float:left; background:url(../images/wi-general.png) no-repeat 0 -330px; width:17px; height:18px}
.radio-1.checked{background-position:-30px -330px}
.radio-1 input{opacity:0; filter:Alpha(opacity=0)}
/* form */
/* structure */
#container {width: 100%; overflow: hidden; margin: 0 auto;}
#header {width: 100%}
#header .top-bar {width: 100%}
.top-bar .inner {width: 957px; min-height: 41px; overflow: hidden; margin: 0 auto; position: relative; text-align: right;}
/*.top-bar .inner ul {float: right; margin: 7px 0 0 0;}
.top-bar .inner ul li {float: left; margin-right: 8px;}
.top-bar .inner ul li a {font-size: 11px; font-weight: bold}*/
#header .top-bar .inner ul {overflow: hidden; float: right}
#header .top-bar .inner ul li {float: left}
#header .top-bar .inner ul li a {text-align: center; color: #fff; line-height: 31px}
#header .top-bar .inner ul li.login-block {height: 26px; margin-top: 5px; border: 1px solid #a7a9ac; background: url(../images/wi-bgd-x.png) 0 -120px repeat-x;}
#header .top-bar .inner ul li.login-block a {float: left; line-height: 26px; margin: 0 8px; color: #fff;}
#header .top-bar .inner ul li.login-block a:first-child {padding-right: 10px; margin-right: 0; background: url(../images/wi-bgd-x.png) 100% -351px no-repeat;}
#header .top-bar .inner ul li.login-block a:hover {text-decoration: underline;}
#header .top-bar .inner ul li.flag-block {margin-top: 10px;}
#header .top-bar .inner ul li.flag-block a {float: left; width: 23px; height: 15px; text-indent: -999em;}
#header .warpper-block {width: 957px; margin: 5px auto 0;}
#header .warpper-block .outer {padding-left: 19px; background: url(../images/wi-bgd-x.png) -1px -240px no-repeat;}
#header .warpper-block .inner {padding-right: 20px; background: url(../images/wi-bgd-x.png) 100% -180px no-repeat;}
#header .warpper-block .content {height: 35px; position: relative; background: url(../images/wi-bgd-x.png) 100% -300px repeat-x;}
#header .warpper-block .content span {width: 938px; display: block; height: 23px; position: absolute; bottom: -21px; left: -9px; background: url(../images/bgd-5.png) -2px 0 no-repeat #fff;}
#header .logo {height: 68px; position: relative; background: url(../images/wi-general.png) 0 -60px no-repeat;}
#header .logo a {float: left; margin: 18px 0 0 32px;}
#header .logo a img {display: block;}
#header .logo span {position: absolute; bottom: 0; right: 15px; width: 582px; height: 1px; border-bottom: 1px solid #cbced0;}
#nav {float: left; width: 773px; padding: 12px 0 0;}
#nav li {float: left; padding: 0 18px; background:url(../images/bullet.png) 96% 4px no-repeat}
.ie9 #nav li {padding: 0 27px 0 28px;}
#nav li.current {background:url(../images/bullet-o.png) 92% 4px no-repeat}
#nav li a{font-size: 12px; text-transform: uppercase; line-height: 1.4; font-family:Tahoma, Geneva, sans-serif; font-weight:bold; color:#4d4d4f;}
#nav li a:hover {color: #194477; text-decoration: none;}
#nav li.current a{color: #194477; font-weight: bold;}
.sub-nav {display: none; background: #144478; padding: 10px; overflow: hidden; position: absolute; top: 35px; left:28px;}
.sub-nav dl {float: left; padding: 0 20px; margin: 10px 0; text-transform: uppercase; background: url(../images/bgd-line-1.jpg) 0 0 repeat-y; overflow: hidden;}
.ie7 .sub-nav dl {float: left;}
.sub-nav dl:first-child {background: none;}
.sub-nav dt {display: block; overflow: hidden; font-weight: bold; font-size: 14px; color: #fff; text-transform: uppercase;}
.sub-nav dt + dd{padding-top: 10px;}
.sub-nav a{line-height: 1.4em; font-size: 12px; color: #cbe2f5; text-transform: none;}
.sub-nav a:hover {color: #f00;}
.sub-nav dt a {text-transform: uppercase; color: #fff;}
.sub-nav dt a:hover {color: red;}
#header form {float: left; width: 124px; margin: 5px 7px 0 0; padding: 4px 7px; background: url(../images/wi-general.png) -210px 0 no-repeat;}
#header form ul {overflow: hidden;}
#header form li {float: left;}
#header form input {float: left; width: 106px; margin-top: 1px; font-size: 12px; color:#4d4d4f}
#header form button {float: left; height: 22px; width: 17px; cursor: pointer; text-indent: -999em; border: none; outline: none;}
#main {overflow: hidden; width: 956px; margin: 0 auto; clear: both; padding-right: 19px; background: url(../images/bgd-4.png) 100% 0 no-repeat;}
.ie7 #main {overflow: visible;}
#main > .outer {overflow: hidden; width: 938px; background: url(../images/bgd-3.png) 0 0 no-repeat; padding-left: 19px;}
#main > .outer > .inner {overflow: hidden; width: 938px; background: #fff;}
#content {overflow: hidden; padding: 0 20px; width: 897px; background: #fff;}
.slideshow {overflow: hidden; position: relative; width: 897px; height: 355px;}
.slideshow .btn {text-indent: -900em; position: absolute; top: 122px; width: 23px; height: 133px; z-index: 100;}
.slideshow .btn-prev {background: url(../images/wi-icon.png) 0 -1240px no-repeat; left: 22px;}
.slideshow .btn-prev:hover, .slideshow .btn-prev.active {background: url(../images/wi-icon-hover.png) 0 -1240px;}
.slideshow .btn-next {background: url(../images/wi-icon.png) 0 -1080px no-repeat; right: 22px;}
.slideshow .btn-next:hover {background: url(../images/wi-icon-hover.png) 0 -1080px no-repeat;}
.slideshow .preview {overflow: hidden; width: 15000px;}
.slideshow .preview li {float: left;}
.slideshow .thumb {position: absolute; left: 50%; bottom: 18px; z-index:9999}
.slideshow .thumb li {float: left; padding-left: 6px;}
.slideshow .thumb li:first-child {padding-left: 0;}
.slideshow .thumb li a {text-indent: -900em;}
/* home page */
.highlight-1 {overflow: hidden; padding: 22px 0 0 0; width: 897px;}
.highlight-1 a:hover {color: #d2001a !important; text-decoration: none;}
.intro-block {float: left; margin-left: 11px; width: 216px; border-bottom: 1px solid #a8a8a8; height: 142px; background: url(../images/wi-bgd-x.png) 0 -400px repeat-x;}
.intro-block .inner {border-left: 1px solid #e2e2e2; border-right: 1px solid #e2e2e2; width: 174px; overflow: hidden; padding: 16px 20px 0 20px; height: 126px;}
.intro-block:first-child {margin: 0;}
.title {font-size: 15px; font-weight: bold; color: #406e93; line-height: 20px; padding: 0 10px 0 0; text-transform: uppercase;}
.intro-block h2 img {float: left; margin-right: 12px;}
.intro-block h2 span {padding-top: 2px; display: block;}
.intro-block .content {overflow: hidden; padding: 12px 0 0 43px; width: 145px;}
.intro-block .content ul {overflow: hidden; padding-top: 8px;}
.intro-block .content ul li {overflow: hidden; padding-bottom: 4px;}
.intro-block .content ul li a {color: #4e95cc; font-size: 12px; font-weight: bold; padding-left: 13px; background: url(../images/wi-bullet.png) 0 3px no-repeat;}
.intro-block .content p, .block-1 .content p {font-size: 11px; color: #636363; font-family: Verdana, Geneva, sans-serif; padding:0 0 4px;}
a.link-more {text-transform: uppercase; color: #194477; display: block; padding-top: 4px;}
.link-more:hover {color: red; text-decoration: none;}
.highlight-2 {overflow: hidden; padding: 22px 0 20px 0; width: 897px;}
.highlight-2 .block-1 {float: left; margin-left: 7px; position: relative; width: 445px; height: 142px;}
.highlight-2 .block-1:first-child {margin: 0;}
.highlight-2 .block-1 .inner {position: absolute; left: 0; top: 0; width: 242px; height: 118px; background: url(../images/bgd-2.png) 0 0 no-repeat; padding: 24px 0 0 28px;}
.highlight-2 .block-1 .content {overflow: hidden; padding: 12px 0 0 0; width: 134px;}
/*support page*/
.support-page{ width: 899px; margin: 0 auto;}
.support-page .banner{ width: 547px; height: 200px; padding: 78px 12px 0 338px; margin: 10px auto; background: url(../images/bg-support.png) 0 0 no-repeat}
.support-page .banner h2{ font-size: 26px; line-height: 32px; text-transform: uppercase; color: #fff;}
.support-page .banner form{ width: 340px; height: 35px; margin-top: 15px; position: relative}
.support-page .banner input[type="text"]{ width: 300px; height: 24px; line-height: 24px; padding: 5px 10px 5px 29px; color: #666666; font-size: 15px; border: none; background: url(../images/bg-input-1.png) 0 0 no-repeat;}
.support-page .banner input[type="submit"]{ width: 14px; height: 14px; background: url(../images/wi-icon.png) 0 -80px no-repeat; position: absolute; top: 10px; left: 12px; cursor: pointer}
.support-page .banner input[type="submit"]:hover{ background: url(../images/wi-icon-hover.png) 0 -80px no-repeat}
.support-page .menu{ border: solid 1px #7a8fa0; border-bottom: none; background: #fff url(../images/bg-1.png) 0 100% repeat-x; overflow: hidden}
.support-page .menu li{ list-style: none; display: block; float: left; font-size: 16px; line-height: 20px; font-weight: bold; text-transform: uppercase;}
.support-page .menu li a{ display: block; float: left; min-height: 100px; padding: 15px 84px 10px 84px; background: url(../images/line-1.png) 0 0 no-repeat; color: #666666}
.support-page .menu li a .wi-icon{ padding-bottom: 10px}
.support-page .menu li:first-child a{ background: none; padding-right: 84px; padding-left:84px}
.support-page .menu li.active .wi-icon{ background-image: url(../images/wi-icon-hover.png)}
.support-page .menu li a:hover .wi-icon{ background-image: url(../images/wi-icon-hover.png)}
.support-page .menu li.active a{ background-color: #fff; color: #014592}
.support-page .menu li a:hover{ color: #014592}
.support-page .support{ background: url(../images/bg-bottom.png) 0 100% no-repeat; padding-bottom: 4px;}
.support-page > .support > .inner{ background-color: #fff; border-left: solid 1px #a8a8a8; border-right: solid 1px #a8a8a8; overflow: hidden; padding: 0 24px 100px 29px}
.support-page .support .inner .support-form{ width: 465px; float: left}
.support-page .support .inner .support-form ul{ padding-left: 20px}
.support-page .support .inner .support-form li{ list-style: none; display: block; padding-bottom: 15px; overflow: hidden}
.support-page .support .inner .support-form li label{ width: 180px; float: left; font-size: 15px; color: #666666; padding-top: 5px}
.support-page .support .inner .support-form li button{ margin-left: 145px}
.support-page .support .inner .support-list{ width: 300px; float: right}
.support-page .support .inner .support-list ul{ padding: 20px 0 0 30px}
.support-page .support .inner .support-list li{ list-style: none; display: block; font-size: 18px; font-weight: bold; padding-bottom: 15px}
.support-page .support .inner .support-list li a{ color: #014592}
.support-page .support .inner .support-list li a:hover{ text-decoration: none; color: #d2001a}
.support-page .support .inner h2{ height: 30px; line-height: 30px; color: #014592; font-size: 16px; text-transform: uppercase; border-bottom: solid 6px #e7e7e7; padding:15px 0 25px 20px; vertical-align: middle}
.support-page .support .inner h3{ color: #014592; font-size: 16px; line-height: 20px; text-transform: uppercase; padding:22px 20px 20px;}
.support-page .support .inner .decription-block h3 {padding:15px 0 10px; font-size:14px;}
.support-page .support .inner .wi-icon{ float: left; padding-right: 10px}
.support-page .support .inner h2 img {float: left; padding-right: 10px}
.color-2 {color:#d2001a; font-weight:bold; padding:0 2px 0 0; text-decoration:underline;}
.social-list ul {overflow: hidden;}
.social-list li {float: left;}
.social-list li a {float:left; text-indent:-99999px; margin: 0 16px 0 0}
.social-list p {padding: 8px 0 10px 0; color: #fff}
#footer {padding: 10px; position: relative;/* background: url(../images/bgd-footer.png) 0 center repeat-y;*/ background-size: 100% 100%; background:#144478;}
#footer .inner {width: 960px; padding: 0 20px; margin:0 auto; min-height:90px}
.ie7 #footer .float-l {width: 450px;}
.ie7 #footer .float-l .nav li.last {width: 186px;}
#footer .float-l {margin: 10px 0 0 32px; border-right:1px dotted #fff; padding:0 200px 0 0}
#footer .float-l .nav {margin: 0px 0 10px 0; overflow: hidden}
#footer .float-l .nav li {color:#fff; display:inline; border-left: 1px solid #fff; padding: 0 3px;}
#footer .float-l .nav li.first {border-left:0; padding:0 3px 0 0}
#footer .float-l .nav li a {color:#fff; font-size: 12px; line-height: 1.2em;}
#footer .float-l .nav li a:hover {color: red;}
#footer .float-r {width:200px; margin: 0 0 0 0}
#footer span.top{width: 100%; display: block; position: absolute; top:-10px; left: 0; height: 10px; background: url(../images/wi-bgd-x.png) 0 -1080px repeat-x;}
#footer .float-l p {padding:0 0 10px; color:#fff; font-size:12px}
#footer .float-l .nav li.last {float:right; line-height:20px; border-left:0}
#footer .float-l .nav li.last img {float:right; margin:0 0 0 10px}
/* page */
.page-1 #header .warpper-block .content span {display: none;}
.page-1 #header .warpper-block .content {height: 48px;}
.page-1 {background: url(../images/bgd-page.png) 0 10px repeat-x;}
.page-1 #main{ padding: 0 0 20px; background: none;}
/* page 2 */
.page-2 #main > .outer > .inner {padding-top: 20px;}
.page-2 #content{float: left; width: 670px; margin: 24px 0 0; padding: 0 20px 10px 10px;}
.page-2 .banner {margin: 0 auto; width: 897px; position: relative;}
.page-2 .banner a.button-2 {position: absolute; top: 217px; right: 78px;}
#aside{float: left; width: 223px; margin: 20px 0 0 12px;}
#aside .block {overflow: hidden; padding: 12px 18px 30px; margin: 0 9px; background: #f1f2f2;}
#aside .block dt {display: block; padding-bottom: 12px; font-size: 16px; font-weight: bold; text-transform: uppercase; color: #014592;}
#aside .block dd {display: block; padding-bottom: 5px;}
#aside .block dd a {font-size: 14px; color: #014592;}
#aside .block dd a:hover {color: #666666;}
#aside .block dd a.current {font-weight: bold;}
.sub {padding:10px 0 0 15px; display:none;}
.sub li {padding:0 0 7px;}
.sub li.current a {font-weight:bold;}
.support-block {width: 223px; height: 123px; padding: 30px 0 0; background: url(../images/wi-general.png) 0 -170px no-repeat;}
.support-block span, .support-block a {display: block; margin: 0 25px 0 70px; color: #fff; text-transform: uppercase; font-size: 12px; font-weight: bold;}
.support-block span {border-bottom: 1px solid #6b9cc6; padding-bottom: 8px;}
.support-block a {padding-top: 8px; line-height: 1.3em;}
.support-block a:hover {color: #f00;}
/* call-sms-page */
.call-sms-page .tab-block h3 {padding-top: 23px;}
.tab-block h4 {padding: 8px 0 10px; font-size: 12px; font-weight: bold; color: #636363;}
.tab-block {padding-bottom: 10px;}
.tab-block .tab-nav {overflow: hidden}
.tab-block-01 .tab-nav li {margin:0 4px 0 0}
.tab-nav li {float: left; padding-left: 10px; background: url(../images/wi-bgd-x.png) 0 -1474px no-repeat;}
.tab-nav li:first-child {margin-right: 4px;}
.tab-nav li:last-child {margin-right:0; padding-left:12px}
.tab-nav li .inner {padding-right: 10px; background: url(../images/wi-bgd-x.png) 100% -1587px no-repeat;}
.tab-nav li .content {min-height: 57px; padding: 7px 0; width: 312px; background: url(../images/wi-bgd-x.png) 0 -1701px repeat-x;}
.tab-nav li .content-1 {min-height: 54px; width:144px}
.tab-nav li .content-1 a {padding:0}
.tab-nav li a {padding: 0 20px; font-size: 13px; font-weight: bold; line-height: 1.4em; color: #194477; display: block; text-align: center;}
.tab-nav li:hover, .tab-nav li.current {background-position: 0 -1134px;}
.tab-nav li:hover .inner, .tab-nav li.current .inner {background-position: 100% -1247px;}
.tab-nav li:hover .content, .tab-nav li.current .content {background-position: 0 -1361px;}
.tab-nav li:hover a, .tab-nav li.current a{color: #fff;}
.tab-content {padding: 20px 14px 20px 10px; overflow: hidden; border: 1px solid #dbdcdd; border-top: none; background: #fff url(../images/bgd-tab-content.jpg) 0 0 repeat-x;}
.tab-content table th {padding: 10px 0; border-bottom: 1px solid #797979; color: #fff; font-size: 12px; font-weight: bold; text-align: center}
.tab-content table th.color-1 {color:#194477;}
.tab-content table td {padding: 13px 10px; border: 1px solid #797979; color: #636363; font-size: 12px; text-align: center; line-height: 1.3em;}
.tab-content table td.first {border-left: none; border-top: none;}
.tab-content table td + td {border-left: none; border-right: none; border-top: none;}
.tab-content table td + td + td {border-left:1px solid #797979;}
.tab-content table td.cell-1 {width: 180px; font-weight: bold}
.tab-content table td.cell-2 {width: 413px;}
.tab-content table td.cell-3 {width: 203px;}
.tab-content td .list-1 {overflow: hidden}
.tab-content td .list-1 li{display: block; text-align: left;}
.tab-content .content-2 p.last {padding: 12px 10px; border-bottom: 1px solid #797979; color: #636363; font-size: 12px; font-weight: bold; text-align: center}
.tab-block .header-outer {background: #27a7eb url(../images/wi-bgd-x.png) 0 -1814px repeat-x; }
.tab-block .header-block {overflow: hidden; border-bottom: 1px solid #7a7a7a; background: url(../images/wi-bgd-y.png) 0 0 repeat-y;}
.tab-block .header-block li {float: left; padding: 8px 27px; width: 160px; font-size: 12px; color: #fff; text-align: center;}
.tab-block .header-block li:first-child label {line-height: 40px;}
.tab-block .header-block label {display: block; font-weight: bold; line-height: 1.3em;}
.tab-block .header-block span {display: block; line-height: 1.3em;}
.tab-block .header-block span.color-1 {color: #fff200; display: inline}
.decription-block p {padding-bottom: 2px; color: #636363; font-size: 12px;}
.decription-block p.note {font-weight: bold; text-decoration: underline;}
.decription-block p.note-2 {font-weight: bold; font-size: 14px;}
.decription-block span.note {color: #636363; font-size: 12px;}
.decription-block h4 {}
.decription-block .link {color: #194477;}
.interest-block {width: 896px; padding: 8px 0 17px; overflow: hidden; margin: 0 20px 20px; border: 1px solid #bdbdbd; background: #e6e6e6 url(../images/wi-bgd-x.png) 0 -1928px repeat-x;}
.interest-block ul {overflow: hidden; padding-top: 8px;}
.interest-block li {float: left; width: 194px; padding: 10px 15px; min-height: 70px; background: url(../images/bgd-6.png) 0 0 no-repeat;}
.interest-block li:first-child {background: none;}
.interest-block li img {float: left}
.interest-block li span {float: left; margin-top: 5px; line-height: 1.3em; color: #194477; width: 96px; font-size: 13px; text-transform: uppercase; font-weight: bold;}
.interest-block li span.type-1 {margin-left: 15px;}
.interest-block li span.type-2 {margin-left: 5px;}
.interest-block p {text-transform: uppercase; font-size: 13px; color: #194477; text-align: center; font-weight: bold;}
.interest-block a {cursor: pointer; overflow: hidden}
.interest-block a:hover span {color: #f00;}
/* Page news */
.news-page #aside .block dd a {font-size: 14px; color: #666666;}
.news-page #aside .block dd a:hover {color: #014592;}
.news-page #aside .block dd a.current {font-weight: bold; color: #014592;}
.adv-block {margin: 10px 0 0 9px;}
.adv-block p {margin:0 0 10px}
.list-news-block {}
.list-news-block a:hover {color:#cc3300}
.news-block {overflow:hidden; margin:0 0 20px;
-webkit-transition: all 0.3s ease 0s;
-moz-transition: all 0.3s ease 0s;
-ms-transition: all 0.3s ease 0s;
-o-transition: all 0.3s ease 0s;
transition: all 0.3s ease 0s;
}
.news-block dl {padding:10px 0 4px 12px;}
.news-block dt {float:left; margin:0 10px 0 0}
.news-block dd {overflow:hidden; padding:0 15px 0 0}
.news-block h4 {font-size:12px; padding:0 0 4px; line-height: 1.2;}
.news-block h4 a {color:#194477}
.news-block p {color:#666; line-height:16px}
.list-news-block .active h4 {font-size:17px}
.list-news-block .news-block.active, .list-news-block .news-block:hover {background:url(../images/bgd-news-t.png) 0 0 no-repeat; padding: 4px 0 0}
.news-block.active .inner, .news-block:hover .inner {overflow: hidden; padding: 0 0 8px; background:url(../images/bgd-news-b.png) 0 100% no-repeat;}
.list-news-block .news-block:hover h4 {font-size:17px;}
.list-news-block .active dl {overflow:hidden; background: url(../images/bgd-8.png) 0 0 repeat-y;}
.time-date {padding:0 0 4px}
.time-date li {display:inline; background:url(../images/bgd-line.png) 0 2px no-repeat; padding:0 6px 0 8px; color:#999}
.time-date li.first {background:none; padding:0 6px 0 0; color:#cc3300}
.other-news-block {margin:0 0 30px}
.other-news-block h3 {font-size:12px; color:#194477; border-bottom:1px solid #999; padding:0 0 8px 14px; width:410px; margin:0 0 12px}
.other-news-block ul {padding:0 0 10px 27px}
.other-news-block li {padding:0 0 10px;}
.other-news-block a {color:#333}
.other-news-block a:hover {color:#cc3300}
.other-news-block .view-more a {font-weight:bold; color:#194477}
.other-news-block .view-more a:hover {color: #f00;}
.view-more {padding:0 0 0 15px}
.news-page .decription-block {margin:0 0 15px}
.news-page .decription-block p {padding:0 0 5px; font-weight: normal;}
.news-page .decription-block .item-1{margin-bottom: 15px;}
.news-page .decription-block .item-1 > li {color: #636363;}
.news-page .decription-block .date, .news-page .decription-block .text {margin-bottom: 15px;}
.news-page .tab-block .header-block span, .news-page .tab-block .header-block label {font-size: 13px; font-weight: bold;}
.news-page .tab-content table td {font-weight: bold;}
.news-page .tab-content table td.cell-1 {color: #194477;}
.news-page .tab-block .content-2 .header-block {background: url(../images/bgd-7.png) 200px 0 repeat-y;}
.news-page .tab-block .content-2 .header-block li {padding-left: 333px;}
.item-1 > li {font-size: 12px; color: #7d7d7d; line-height: 1.4em; background:url(../images/line-03.png) 0 8px no-repeat; padding:0 0 5px 7px}
.item-2 > li {font-size: 12px; color: #7d7d7d; line-height: 1.4em; background:url(../images/bullet-01.png) 0 5px no-repeat; padding:0 0 5px 9px}
.item-3 > li {background:url(../images/bullet-02.png) 0 4px no-repeat; padding:0 0 5px 10px; font-size: 12px;}
.item-2 li .item-1 li {background:url(../images/line-03.png) 0 8px no-repeat}
.item-4 > li {font-size: 12px; color: #7d7d7d; line-height: 1.4em; background:url(../images/bullet-03.png) 0 3px no-repeat; padding:0 0 5px 20px}
.item-5 > li {font-size: 12px; color: #7d7d7d; line-height: 1.4em; background:url(../images/bullet-04.png) 0 6px no-repeat; padding:0 0 5px 17px}
.item-6 {padding: 0 0 10px 30px}
.item-6 > li {font-size: 12px; color: #7d7d7d; line-height: 1.4em; background:url(../images/bullet-05.png) 0 5px no-repeat; padding:0 0 5px 17px; font-weight: bold; font-style: italic}
.member-block {border:1px solid #dbdcdd; overflow:hidden; margin:0 0 20px}
.member-block h4 {background:url(../images/bgd-title.png) 0 0 repeat-x; font-size:12px; text-align:center; color:#fff; border-bottom:1px solid #171719; padding:5px 0}
.member-block ul {padding:5px 0 0}
.member-block .block-1 {width:333px; float:left}
.member-block .border-r {border-right:1px solid #171719; width:334px}
.detail-memebr {padding:3px 8px 8px}
.detail-memebr p {font-size: 12px; color: #7d7d7d; line-height: 1.4em;}
.solution-form{padding:50px 0 20px 20px; font-size:15px; line-height:18px; color:#4a4a4a; overflow:hidden}
.solution-form > p{margin:0 0 20px}
.slider-block{background:#f6f6f6; border:1px solid #acacac; padding:30px 20px; position:relative; width:360px; float:left}
.slider-block label{display:block; float:left; margin:0 10px 0 0; width:150px}
.slider-block > ul > li{height:32px; width:100%; clear:both; margin:31px 0 0}
.slider-block > ul > li:first-child{margin:10px 0 0 0;}
.slider-block .slider{width:200px; float:left; font-size:10px; line-height:11px; color:#666666; position:relative}
.slider-block .number-1{float:left; margin:3px 5px 0 0}
.slider-block .number-2 {left: 40px; position: absolute; top: -15px;}
.slider-block .number-4{position:absolute; top:-15px; left:35px}
.slider-block .number-5{position:absolute; top:-15px; left:70px}
.slider-block .number-6{position:absolute; top:-15px; left:105px}
.slider-block .number-3{float:left; margin:3px 0 0 5px; width:41px}
.slider-bar{float:left; width:137px; height:11px; position:relative; margin:3px 0 0}
.slider-bar .frame-slider{display:block; position:absolute; top:0; left:0; width:137px; height:11px; background:url(../images/frame-slider.png) no-repeat 0 0}
.bar{background:url(../images/wi-bgd-x.png) repeat-x 0 -2440px; height:11px; display:block; width:137px; overflow:hidden}
.bar > span{display:block; background:url(../images/wi-bgd-x.png) repeat-x 0 -2480px; height:11px}
.toggle{display:block; position:absolute; top:-4px; background:url(../images/toggle.png) no-repeat 0 0; width:18px; height:19px}
.solution-form .button{margin-left:5px}
.slider-block .radio-group{width:155px; float:left}
.radio-group li{float:left; margin:0 0 0 10px; width:60px}
.radio-group label{float:left; width:33px; margin:0 0 0 5px}
.slider-block .btn-group{position:absolute; bottom:-10px; left:100px}
.result-block{background:#ffffff; border:1px solid #acacac; padding:53px 20px 20px; position:relative; width:340px; float:left; text-align:center; margin:0 0 0 20px; min-height:92px}
.result-block .arrow{background:url(../images/wi-general.png) no-repeat 0 -360px; display:block; width:8px; height:17px; position:absolute; top:50%; margin-top:-8px; left:-8px}
.result-block .mar-1{margin-top:10px}
/* Page connect */
.call-sms-page .tab-block-01 h3 {padding:0 0 15px}
.list-programer {margin:0 0 20px}
.tab-block-01 .list-1 {color:#636363; font-weight:bold; padding:0 0 12px 14px}
.list-programer li {font-weight:bold; padding:0 0 3px 7px; color:#636363; background-position:0 5px}
.list-programer li ul {padding:0 0 0 20px}
.list-programer li ul li {font-weight:normal}
.list-programer li ul li:last-child {padding:0 0 0 7px}
.decription-block {margin:0 0 10px; color:#636363}
.decription-block p {padding:0 0 10px; line-height:16px}
.decription-block p.pad-t-1 {padding:15px 0 5px}
.decription-block a {color:#636363}
.decription-block h4 {font-size:12px; color:#636363; padding:0 0 15px; line-height: 17px;}
.decription-block table {width:100%; border:1px solid #171719; border-bottom:0}
.decription-block th {background: #27a7eb url(../images/wi-bgd-x.png) 0 -1814px repeat-x; color:#fff; border-right:1px solid #171719; border-bottom:1px solid #171719; padding:8px 10px}
.decription-block th.last {padding:8px 0 0}
.decription-block th.last table {border:0}
.decription-block th.last table td {border:0; padding:8px 0; border-right:1px solid #7b7b7b; font-size:11px; font-weight:bold; color:#fff}
.decription-block th.last table td + td {border-right:0}
.decription-block th:last-child {border-right:0}
.decription-block td {border-right:1px solid #7b7b7b; border-bottom:1px solid #7b7b7b; padding:13px 10px; font-size:13px; line-height:1.3em; text-align:center; color:#636363}
.decription-block td.last {border-right:0}
.decription-block td + td {border-left:0}
.decription-block td + td + td {border-left:0}
.decription-block td.border-none {padding:0; border-top:0}
.decription-block td.border-none table {border:0}
.decription-block td.border-none table td {border-bottom:0; border-left:0; border-right:0}
.decription-block td.border-none table td.first {border-top:0}
.decription-block td.border-none-1 {padding:0; border:0}
.decription-block td.border-none-1 table {border:0}
.tab-content .decription-block-1 td {text-align:left}
.margin-1 {margin:0 0 15px}
.pad-b-1 {padding:0 0 10px}
.decription-block td.border-b {border-bottom:0}
#aside .bgd-line {background:#f1f2f2 url(../images/bgd-line-02.png) 0 100% no-repeat; padding:12px 18px 8px}
/* Page backberry */
.list-product {overflow:hidden; margin:0 0 10px;}
.list-product li {float:left; margin:0 55px 0 0;}
.list-product li.last {margin:0;}
.list-product li p a img {border-bottom:3px solid #fff; display:block;}
.list-product li p a:hover img, .list-product li.active p a img {border-bottom:3px solid #1668a9;}
.list-product p {text-align:center; padding:0 0 4px; color:#136ab5; font-size:10px;}
.list-product p span {display:block;}
.list-product a {color:#136ab5;}
.list-product a:hover {color:#292626}
.tab {overflow:hidden; margin:0 0 -3px;}
.tab li {float:left;}
.tab li.style-2 {margin-left: 161px;}
.tab li.style-3 {margin-left: 344px;}
.tab li.style-4 {margin-left: 523px;}
.ie9 .tab li.style-4 {margin-left: 520px;}
.tab li a {display:inline-block; background:url(../images/btn-right-1.png) 0 0 no-repeat; padding:0 0 0 12px;}
.tab li a span {background:url(../images/btn-left-1.png) 100% 0 no-repeat; padding:0 12px 0 0; display:inline-block}
.tab li a span span {background:url(../images/btn-center-1.png) 0 0 repeat-x; padding:13px 10px 8px; color:#2d2d2d; font-weight:bold; font-size:12px;}
.tab li.active a, .tab li a:hover {background:url(../images/btn-right-1-o.png) 0 0 no-repeat;}
.tab li.active a span, .tab li a:hover span {background:url(../images/btn-left-1-o.png) 100% 0 no-repeat;}
.tab li.active a span span, .tab li a:hover span span {background:url(../images/btn-center-1-o.png) 0 0 repeat-x; color:#0357ab;}
.info-product {background:url(../images/bgd-tab.png) 0 0 no-repeat; padding:15px 30px 15px 15px; width:648px}
.scroller-content {height:600px; overflow-y:scroll; overflow-x:hidden}
.info-product h4 {color:#0253a9; font-size:18px; font-weight:normal; padding:0 0 5px;}
.detail {padding:0 0 5px 12px}
.tab-block.tab-block-02 {padding:0;}
.tab-block.tab-block-02 h4 {padding: 20px 0 20px 0;}
.tab-block-02 .tab-content {background: none; border: none; padding:20px 20px 0 20px;}
.tab-block.tab-block-02 .header-block {background: none; border-left: 1px solid #7A7A7A; border-right: 1px solid #7A7A7A;}
.tab-block-02 .header-block li:first-child {border: none; width:212px;}
.tab-block-02 .block-1 .header-block li {width: 346px;}
.tab-block-02 .tab-content .block-1 table td {width: 400px;}
.tab-block-02 .header-block li {border-left: 1px solid #052f5c; min-height: 48px; width: 213px;}
.tab-block-02 table {border-left:1px solid #797979; border-right:1px solid #797979;}
.tab-block-02 .tab-content table td {width: 247px;}
.tab-block-02 .tab-content .content-3 table td.first {padding-right: 9px;}
.tab-block-02 .tab-content table td.last {border-left: none; border-right: none; border-top: none; width: auto;}
.tab-block-02 .header-block.header-1 li {min-height: 18px;}
.tab-block-02 .header-block.header-1 li:first-child label {line-height: 18px;}
.tab-block-02 .tab-content .info-block {padding-top: 20px;}
.tab-block-02 .tab-content .content-4 .info-block {padding-top: 0;}
.tab-block-02 .header-block.header-2 li {min-height: auto;}
.tab-block-02 .header-block.header-2 li:first-child label {line-height: 15px;}
.tab-block-02 .tab-content .content-3 .table-1 td.first {padding-right: 10px;}
.tab-block-02 .tab-content table.table-1 td.cell-1 {width: 173px;}
.tab-block-02 .tab-content table.table-1 td.cell-2 {width: 120px;}
.tab-block-02 .tab-content table.table-1 td.cell-3 {width: 200px;}
.tab-block-02 .tab-content table.table-1 td.cell-4 {width: 226px;}
.ie9 .tab-block-02 .content-3 .header-block.header-2 li, .ie9 .tab-block-02 .content-4 .header-block.header-2 li {min-height: 32px;}
.tab-block-02 .content-3 .header-block.header-2 li.cell-1 {width: 139px;}
.tab-block-02 .content-3 .header-block.header-2 li.cell-2 {width: 86px;}
.tab-block-02 .content-3 .header-block.header-2 li.cell-3 {width: 166px;}
.tab-block-02 .content-3 .header-block.header-2 li.cell-4 {width: 192px;}
.tab-block-02 .content-4 .header-block.header-2 li.cell-1 {width: 86px;}
.tab-block-02 .content-4 .header-block.header-2 li.cell-2 {width: 166px;}
.tab-block-02 .content-4 .header-block.header-2 li.cell-3 {width: 166px;}
.tab-block-02 .content-4 .header-block.header-2 li.cell-4 {width: 165px;}
.tab-block-02 .tab-content table.table-2 td.cell-1 {width: 123px;}
.tab-block-02 .tab-content table.table-2 td.cell-2 {width: 209px;}
.tab-block-02 .tab-content table.table-2 td.cell-3 {width: 211px;}
.tab-block-02 .tab-content table.table-2 td.cell-4 {width: 208px;}
.tab-block-02 .tab-content .detail {padding-left:0;}
.tab-block-02 .tab-content .detail span {color: #7D7D7D; font-size: 12px; line-height: 1.4em; font-weight: bold;}
.tab-block-02 .tab-content .item-1 {list-style: disc; padding: 10px 0 0 32px;}
.tab-block-02 .tab-content .item-1 li {background: none; padding-left:0;}
.tab-block-02 .tab-content span.title-1 {color: red; font-size: 12px; line-height: 1.4em; padding-bottom: 5px; display: block;}
.tab-block-02 .content-1 span.title-1, .tab-block-02 .content-2 span.title-1 {padding-bottom: 10px;}
.tab-block-02 .tab-content .content-4 .item-1 {padding-top: 0;}
.ct-tab-guide .tab li a span span { padding: 13px 12px 8px;}
.ct-tab-guide .tab li:first-child a span span { padding: 13px 11px 8px;}
.arr {padding-left: 15px; background: url(../images/bgd-answer.png) 0 2px no-repeat; font-size: 14px; font-weight: bold; padding-right: 5px;}
.answer {padding-left: 15px; background: url("../images/bgd-answer.png") no-repeat 0 4px transparent; font-size: 12px; text-decoration: underline; font-weight: bold; font-style: italic; display: block; padding: 5px 0 10px 15px; color: #184a92;}
/* block-2 */
.block-2 { margin-bottom: 10px; border-bottom: 2px solid #6d8c9a; padding-bottom: 20px;}
.block-2 > h3 { text-align: center; padding: 10px 0px; line-height: 1.4;}
.block-2 .inner { overflow: hidden;}
.block-2 .inner > div { float: left; padding: 0px 10px 0px 20px;}
.block-2 .col-1 { width: 263px; border-right: 1px solid #6d8c9a;}
.block-2 .col-2 { width: 264px;}
.block-2 .inner > div h3 { padding-bottom: 10px;}
.block-2 ol { padding-left: 20px;}
.block-2 ol li { font-size: 13px; font-weight: bold; color: #184a92; line-height: 1.4; list-style-type: decimal; margin-bottom: 3px;}
.block-2 ol li a {color:#184a92;}
.block-2 ol li a:hover {color:#e50405;}
/* ct-tab-guide */
.ct-tab-guide h3 { text-transform: uppercase; color: #0e6cd8;}
.ct-tab-guide h3, .ct-tab-guide h4, .ct-tab-guide h5 { font-size: 14px; font-weight: bold; line-height: 1.4;}
.ct-tab-guide .scroller-content h4,
.ct-tab-guide .scroller-content h5 { padding-bottom: 3px;}
.ct-tab-guide .detail { padding: 0 0 15px 20px;}
.ct-tab-guide img { max-width: 480px;}
.ct-tab-guide p { font-size: 14px; line-height: 1.4; color: #184a92;}
.ct-tab-guide .item-1 > li,
.ct-tab-guide .item-2 > li,
.ct-tab-guide .item-3 > li { font-size: 14px; line-height: 1.3;}
.ct-tab-guide .item-3 > li { background-position: 0px 5px;}
.ct-tab-guide ul li,
.ct-tab-guide table td { color: #184a92;}
.flashAlternative { width:100%; height:100%; overflow:hidden; display:block; position:relative;}
.flashAlternative dl { width:140px; height:56px; position:absolute; top:50%; left:50%; z-index:1; margin:-40px 0 0 -65px}
.flashAlternative dt { font-size:12px; font-weight:bold; font-family:Verdana, Geneva, sans-serif; display:block; padding:0 0 5px 0; text-align:center;}
.flashAlternative dd { display:block; text-align:center;}
.wrapper-content .info-product {width: 648px;}
/* call-sms-page */
.call-sms-page .decription-block h4 {font-size:14px;}
.call-sms-page .decription-block h5 {font-size:12px; color:#636363; padding:0 0 15px; line-height: 17px;}
/*VMS*/
.login .dialog {width: 450px; min-height: 800px; margin-top: 15px; margin-left: auto; margin-right: auto; margin-bottom: 15px;}
.login .dialog .heading {height: 38px;padding-left: 7px; padding-right: 7px; border: 1px solid #DBDBDB;background: url('../image/box.png') repeat-x;-webkit-border-radius: 7px 7px 0px 0px;-moz-border-radius: 7px 7px 0px 0px;-khtml-border-radius: 7px 7px 0px 0px;border-radius: 7px 7px 0px 0px;}
.login .dialog .heading h1 {margin: 5px,0px,10px,20px; padding: 15px 0px 0px 118px; color: #003A88;font-size: 16px;float: none;font-weight: bold;}
.login .dialog .inbox {padding: 0px; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; height: 290px;line-height: 18px;}
.login .dialog .inbox input[type="text"],input[type="password"] {float:right; width:230px; height: 23px; margin-top: 2px; margin-bottom: 3px; font-size: 12px; color:#4d4d4f; background-color: #C1FFC1; border: 1px solid #CCCCCC;}
.login .dialog .inbox .fields {float: left; padding-top:20px; width: 230px; font-size: 12px;}
.login .dialog .inbox .fields .pass {padding: 20px 0px 10px 0px; }
.login .dialog .inbox .image {float: left; padding: 17px 5px 17px 5px; }
.login .dialog .inbox input[type="submit"] {
height:30px;
width:90px;
color: #FFFFFF;
margin:10px 22px 0px 0px;
background: #AA3A88;
}
.login .dialog .inbox .error-message {float: left; color: red; font-size: 9px; font-weight:bold; margin-bottom: 3px; padding: 10px 15px 5px 15px; width: 210px;}