/* ========= HTML ========= */
body { font-family: Arial, MS Sans Serif; font-size: 12px; font-weight: normal; width: 100%; height: 100%; color: #333; background: #fff; }
h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 20px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; }
h6 { font-size: 10px; }

select, input[type=button], input[type=text], input[type=password], textarea, a { font-family: Arial, MS Sans Serif; font-size: 12px; color:#333; }
textarea, input[type=text], input[type=password] { height:18px; line-height: 18px; border: 1px solid #ccc; padding: 4px 5px; background-color: #fff; }
select { border: 1px solid #ccc; padding: 3px; height:28px; }
a { text-decoration: none; }
a:hover { text-decoration: underline; }

hr { border-top:1px solid #ccc; border-left:0px; border-right:0px; border-bottom:0px; height:0px; overflow:hidden; margin:5px 0px; padding:0px; }

/*Component*/
.m-wrapper { }
.wrapper { width: 980px; position: relative; margin: 0px auto; }

/* ========= Header ========= */
#header { position: relative; z-index: 2; }
.pre-header { background-color:#092563; color:#adbde2; height:30px; }
.pre-header * { line-height: 30px; }
.pre-header li { float: left; }
.pre-header a { color:#adbde2; display:inline-block; }
.pre-header a:hover { text-decoration:none; }
.pre-header .fl a.selected, .pre-header a:hover { color:#fff; }
.pre-header .fl a.selected, .pre-header .fl a:hover { background:url(images/global/arrow.png) no-repeat center bottom; }
.pre-header .fl li { margin-right: 15px; }
.pre-header .fr li { margin-left: 5px; }

.wp-header { padding:5px 0px 5px 190px; height:113px; position:relative; z-index:1; }
.wp-header .ico-logo { position:absolute; left:0px; top:5px; }

/* Support */
.support { overflow: hidden; }
.support ul { float:right; }
.support li { float: left; height:21px; line-height: 21px; margin-left: 10px; font-weight:bold; }
.support a { line-height: 21px; font-weight:bold; }
.support .ico { float: left; margin-right: 5px; }

/* NAV top */
.nav-top {  }
.nav-top ul { float:right; }
.nav-top ul ul { float: none; overflow:hidden; background-color:#fff; border:1px solid #ddd; padding:5px 3px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; box-shadow:2px 2px 3px #ccc; min-width:160px; }
.nav-top li { float: left; margin-left: 30px; position:relative; padding:10px 0px; }
.nav-top li:first-child { margin-left: 0px; }
.nav-top li li { float: none; margin:4px 0px; padding:0px; }
.nav-top li ul { position:absolute; top:-2000px; left:0px; z-index:998; }
.nav-top li.a-right ul { right:0px; left:auto; }
.nav-top .arrows { width: 18px; height: 8px; position: absolute; left: 50%; bottom: 2000px; z-index: 999; }
.nav-top .ico-arrows { position:relative; left:-50%; }
.nav-top li:hover ul { top:100%; }
.nav-top li:hover .arrows { bottom:-1px; }
.nav-top a { font-weight: bold; font-size: 21px; color:#333; }
.nav-top a.selected { color: #c72b1c; }
.nav-top li li a { font-size:16px; background-color:#fff; padding:5px 15px 5px; display:block; color:#092563; }
.nav-top li li:hover a { background-color: #092563; color:#fff; }

/* lander */
.lander { overflow: hidden; position:relative; z-index:0; }
.lander > .col-1 { float: left; width:660px; }
.lander > .col-2 { float: right; width:290px; }

/* Adv */
.adv-home { background: url(images/global/bg_shadow_01.png) no-repeat center bottom; padding-bottom: 30px; }

/* ========= Container ========= */
#container { z-index: 0; }
.service { overflow: hidden; }
.service li { float: left; width:221px; margin-left:32px; }
.service li:first-child { margin-left: 0px; }
.service li li { float: none; width:auto; margin-left:0px; background: url(images/global/list.png) no-repeat left center; padding:3px 0px 3px 20px; }
.service hr { position:relative; border-top-width:3px; top:-5px; margin:0px 0px 0px 10px; }
.service a { color: #092563; line-height:18px; font-weight:bold; }
.service ul ul { margin-left: 10px; }

.bank { float:left; width:198px; }
.bank a, .supply a { display: inline-block; border: 1px solid #ccc; }
.bank li, .supply li { float:left; }
.bank li { margin:8px 7px 7px 8px; }
.supply li { margin-top: 8px; margin-bottom:7px; margin-right:17px; }
.supply { float: right; width: 678px; }
.supply ul { width: 696px; }

/* NAV left */
.nav-left li { padding-right:7px; height:30px; }
.nav-left a { margin:3px 0px; line-height:30px; color:#092563; font-weight:bold; display:block; padding-left:20px; }
.nav-left li:hover, .nav-left li.selected { background:url(images/global/lib.png) no-repeat right -31px; }
.nav-left li:hover a, .nav-left li.selected a { background-color:#092563; color:#fff; text-decoration:none; }

/* Breadcrumb */
.breadcrumb { overflow:hidden; }
.breadcrumb * { line-height: 18px; }
.breadcrumb li { float:left; margin-right:10px; }
.breadcrumb a { font-weight:bold; }
.breadcrumb a:hover, .breadcrumb a.selected { color:#c72b1c; }

/* news */
.news-list * { line-height:18px; }
.news-list .item-1 { border-top: 1px solid #ccc; }

.news-detail { overflow:hidden; }
.news-detail * { line-height:18px; }
.PTitle { font-size: 15px; line-height: 20px; color:#092563; }
.PBody { font-weight: normal !important; }
.PSource { font-style: italic; }
.PBody, .PHeader { font-size: 12px; text-shadow: none; }
.PBody p { margin:5px 0px; }
.PSource, .PAuthor, .InnerTitle { font-size: 14px; text-align:right; }
.PTitle, .PHeader, .PAuthor, .PSource, .InnerTitle { font-weight: bold; }
.PInfo { overflow: hidden; }
.PInfo, .PInfo li, .PInfo a { font-size:11px; color:#666; }
.PInfo li { float: left; margin-left: 10px; }
.PInfo .ico { float: left; margin-right: 5px; }

.news-con * { line-height:18px; }
.news-con .title { color:#c61d23; }
.news-con li { background:url(images/global/list.png) no-repeat left 6px; padding-left:15px; margin:3px 0px; }
.news-con a { font-size:11px; color:#092563; }
.news-con .time { color:#666; font-style: italic; font-size:10px; }

/* ========= Footer ========= */
#footer { z-index: 1; overflow:hidden; background:#f0f0f0 url(images/global/bg_shadow_02.png) no-repeat center -14px; padding:20px 0px 30px; height:80px; }
#footer * { line-height: 18px; }
#footer .wrapper { overflow: hidden; }
#footer .ico-logo-2 { position: absolute; left: 0px; top: 0px; }
.nav-bot { overflow: hidden; }
.nav-bot li { float: left; margin-left:25px; }
.nav-bot li:first-child { margin-left: 0px; }
.nav-bot a { font-weight:bold; }
.nav-bot a:hover { color: #092563; text-decoration: none; }
.copyright { font-size:11px; position: absolute; left: 20px; bottom: -4px; }

/* =========================== Library =========================== */
/* Button */
.btn-more { display: inline-block; font-size:11px; background-color: #092563; padding:0px 10px; color:#adbde2; height:20px; line-height:20px !important; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.btn-more:hover { text-decoration: none; color: #fff; }

/* Icon */
.ico { display: inline-block; overflow: hidden; background-repeat: no-repeat; background-image: url(images/global/lib.png); }
.ico-logo { width: 182px; height: 113px; background-position: 0px 0px; }
.ico-logo-2 { width: 128px; height: 80px; background-position: -192px 0px; }
.ico-support-1 { width: 21px; height: 21px; background-position: -329px -10px; } /* Yahoo */
.ico-support-2 { width: 21px; height: 21px; background-position: -359px -10px; } /* Skype */
.ico-support-3 { width: 16px; height: 21px; background-position: -389px -9px; } /* Email */
.ico-support-4 { width: 13px; height: 21px; background-position: -414px -10px; } /* Hotline */
.ico-arrows { width: 18px; height: 8px; background-position: -438px -16px; }
.ico-xpay-mobi { width: 117px; height: 40px; background-position: -310px -123px; } /* XPay Mobi */
.ico-xpay-pc { width: 85px; height: 40px; background-position: -108px -123px; } /* XPay PC */
.ico-xpay-web { width: 97px; height: 40px; background-position: -203px -123px; } /* XPay Web */
.ico-xpay-wap { width: 98px; height: 40px; background-position: 0px -123px; } /* XPay Wap */
.ico-email { width: 11px; height: 18px; background-position: -330px -36px; }
.ico-print { width: 11px; height: 18px; background-position: -352px -35px; }
.ico-time { width: 9px; height: 18px; background-position: -373px -35px; }
.ico-back { width: 11px; height: 18px; background-position: -415px -36px; }
.ico-gotop { width: 11px; height: 18px; background-position: -392px -35px; }

/* Box */
.box-1 .header { padding-top: 5px; }
.box-1 .header span { font-size:22px; color:#c72b1c; }
.box-1 hr { border-top-width:3px; margin:10px 0px; }
.box-1 * { line-height: 18px; }
.box-1 .title { color:#092563; font-weight:bold; }

.box-2 { border: 1px solid #ccc; padding: 15px 20px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
.box-2 .header span { font-size: 22px; color: #c72b1c; }
.box-2 hr { margin-bottom: 10px; }

.box-3 { border: 1px solid #ccc; overflow:hidden; background:url(images/global/bg_left.gif) repeat-y left top; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; min-height:750px; }
* html .box-3 { height: 750px; } /* For IE6 */
.box-3 > .col-1 { width:230px; float:left; padding:10px 0px 30px 10px; }
.box-3 > .col-2 { width:678px; float:right; padding:10px 30px 30px; }
.box-3 hr { margin:10px 0px; }

/* Paging */
.paging-1 { overflow: hidden; }
.paging-1 li { float:left; margin-left:5px; font-size:11px; line-height:21px; height:21px; }
.paging-1 a { background-color:#f5f5f5; color:#555; padding:0px 3px; display:inline-block; height:21px; line-height:21px; min-width:15px; text-align:center; font-size:12px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; }
* html .paging-1 a { width:15px; } /* IE 6 */
.paging-1 a.selected, .paging-1 a:hover { text-decoration:none; background-color:#092563; color:#fff; }
.paging-1 .next, .paging-1 .prev { background-image:url(images/global/lib.png); background-repeat:no-repeat; }
.paging-1 .prev { background-position: -430px -34px; }
.paging-1 .prev:hover { background-position: -430px -52px; }
.paging-1 .next { background-position: -448px -34px; }
.paging-1 .next:hover { background-position: -448px -52px; }
.paging-1 input { font-size:11px; color:#555; border-color:#ccc; height: 19px; line-height: 19px; padding: 0 3px; width: 15px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; text-align:center; }

/* Item */
.item-1 { overflow:hidden; padding:10px 0px; }
.item-1 .title { font-weight: bold; color: #092563; }
.item-1 .description { margin-top: 5px; }