@import url(frame.css);
button[class^='btn-'], a[class^='btn-'] { text-indent: 130%; overflow: hidden; white-space: nowrap; }

.news-wrap .title span:after, .f-nav a:before { content: ''; display: block; }

.nav li, .part, .part .title, .dot-list span, .news-wrap, .item-wrap .item .title { behavior: url(static/js/PIE.htc); position: relative; z-index: 1; }

i[class^='icon'], span[class^='icon'], button[class^='btn-'], a[class^='btn-'] { background-image: url('../images/icons.png'); background-repeat: no-repeat; }

/*------------------------- L A Y O U T
-------------------------*/
#Document { width: 100%; position: relative; }
#Document > * section { width: 1170px; margin: 0 auto; position: relative; }

header { background-image: url('../images/bg-header.jpg'); background-repeat: repeat-x; width: 100%; height: 87px; }
header section { height: 100%; }
header .logo { display: block; width: 264px; position: absolute; top: 50%; left: 20px; margin-top: -25px; }
header .logo img { display: block; }
header .msg { color: #373535; font-size: 15px; position: absolute; top: 50%; left: auto; right: 140px; margin-top: -10px; }
header .msg span { display: inline-block; padding: 0 3px; }

footer { background: #dedede url('../images/bg-footer.jpg') center top no-repeat; clear: both; color: #666; font-size: 16px; line-height: 1.7; }
footer section { display: table; width: 100%; padding: 17px 0 10px; }
footer section > * { display: table-cell; vertical-align: middle; }
footer p a { color: #24477a; display: inline-block; text-decoration: underline; padding: 0 5px; }
footer p a:first-child { padding-left: 0; }
footer .icon-wrapper { padding-left: 15px; }
footer .icon-wrapper > img { display: inline-block; vertical-align: middle; }

article section { font-size: 0; padding: 13px; }
article section div[class^='col-'] { font-size: 16px; display: inline-block; vertical-align: top; }

.col-left { width: 314px; }

.col-right { width: 810px; margin-left: 20px; overflow: hidden; }

/*------------------------- I C O N S
-------------------------*/
i[class^='icon'], span[class^='icon'] { display: inline-block; margin-right: 5px; vertical-align: middle; }

.icon01 { background-position: 0 0px; }

.icon02 { background-position: 0 -15px; }

.icon03 { background-position: 0 -30px; }

.icon04 { background-position: 0 -45px; }

.icon05 { background-position: 0 -60px; }

.icon06 { background-position: 0 -75px; }

.icon07 { background-position: 0 -90px; }

.icon08 { background-position: 0 -105px; }

.icon-title01 { background-position: -20px 0px; }

.icon-title02 { background-position: -20px -25px; }

.icon-title03 { background-position: -20px -50px; }

.icon-check { background-position: right 0; width: 11px; height: 11px; margin-top: -2px; }

.icon-arrow { cursor: pointer; width: 22px; height: 38px; position: absolute; top: 50%; margin-top: -19px; z-index: 2; }
.icon-arrow#prev { background-position: -50px 0; left: 15px; }
.icon-arrow#next { background-position: -72px 0; left: auto; right: 15px; }

.icon-news { background-position: -100px 0; width: 29px; height: 39px; }

/*------------------------- B U T T O N S
-------------------------*/
button[class^='btn-'], a[class^='btn-'] { -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: transparent; border: none; cursor: pointer; color: transparent; display: block; font-size: 0; margin: 0 auto; overflow: hidden; }

.btn-number { background-position: right -15px; width: 24px; height: 24px; display: inline-block !important; vertical-align: middle; margin-left: 5px !important; }

.btn-login { background-position: 0 -130px; width: 198px; height: 49px; }
.btn-login:hover { background-position: 0 -179px; }

.btn-download { background-position: 0 -230px; width: 198px; height: 49px; }
.btn-download:hover { background-position: 0 -279px; }

ul[class$='nav'] { font-size: 0; position: absolute; left: auto; }
ul[class$='nav'] li { display: inline-block; font-size: 13px; }
ul[class$='nav'] li a { color: #010101; display: block; }
ul[class$='nav'] li i { width: 16px; height: 15px; margin-top: -4px; }

.utility-nav { top: 10px; right: 0; }
.utility-nav li + li { border-left: 1px solid white; }
.utility-nav li a { padding: 1px 15px; }

.nav { top: 42px; right: 15px; }
.nav li { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background-color: white; margin-left: 7px; }
.nav li a { padding: 5px 14px 3px; }

.part { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background: left bottom repeat-x white; background-image: url('../images/bg-part.jpg'); border: 1px solid #f4bb0e; margin-bottom: 15px; overflow: hidden; }
.part .con { padding: 10px 22px 15px; }
.part .title { -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px; border-radius: 10px 10px 0 0; background-image: url('../images/bg-title.jpg'); color: #323232; font-size: 23px; font-weight: bold; padding-top: 5px; padding-left: 20px; }
.part .title i { width: 27px; height: 25px; margin-top: -8px; }

.banner-wrap { position: relative; }
.banner-wrap .con { font-size: 0; position: relative; z-index: 1; overflow: hidden; }
.banner-wrap .item { display: inline-block; width: 810px; vertical-align: top; }
.banner-wrap img { display: block; width: 100%; }

.dot-list { font-size: 0; width: 100%; text-align: center; position: absolute; top: auto; bottom: 25px; left: 0; }
.dot-list span { -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border: 1px solid #dc2c39; background-color: white; cursor: pointer; display: inline-block; width: 15px; height: 15px; margin: 0 6px; }
.dot-list span:hover, .dot-list span.active { background-color: #dc2c39; }

.news-wrap { -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0; border-radius: 0 0 10px 10px; background-color: white; }
.news-wrap .title-wrap { background-image: url('../images/bg-news-title.jpg'); padding: 20px 30px 10px; }
.news-wrap .title { border-bottom: 2px solid white; color: #e32d3b; font-size: 22px; font-weight: bold; padding-left: 3px; }
.news-wrap .title span { display: inline-block; position: relative; }
.news-wrap .title span:after { background-color: #e32d3b; width: 140px; height: 2px; position: absolute; top: 100%; left: -3px; }
.news-wrap .con { padding: 5px 25px 10px; height: 180px; overflow: hidden; }
.news-wrap marquee p { padding: 5px 10px 3px; }
.news-wrap marquee p:before { background-image: url('../images/icon-dot.png'); content: ''; display: inline-block; width: 8px; height: 8px; margin-top: -5px; margin-right: 10px; vertical-align: middle; }
.news-wrap marquee p.bg-yellow { background-color: #fefbe9; }
.news-wrap marquee p a { color: #333; }
.news-wrap marquee p a:hover { text-decoration: underline; }
.news-pay-home-padding { padding-left: 5px; padding-bottom: 5px; }

.item-wrap { padding-top: 30px; }
.item-wrap .item { float: left; width: 32%; margin-left: 2%; }
.item-wrap .item:first-child { margin-left: 0; }
.item-wrap .item .title { -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px; border-radius: 10px 10px 0 0; border: 2px solid #e1e1e1; border-bottom: none; background-image: url('../images/bg-item-title.jpg'); color: #323232; font-size: 21px; font-weight: bold; height: 46px; line-height: 46px; text-align: center; }
.item-wrap .item .img, .item-wrap .item img { width: 100%; }

.f-nav { background-image: url('../images/bg-fnav.jpg'); height: 104px; }
.f-nav .wrap { width: 1170px; margin: 0 auto; }
.f-nav a { background-position: left top; background-repeat: repeat-x; color: #3e3d3d; display: block; float: left; font-size: 18px; font-weight: bold; line-height: 1.1; width: 20%; height: 104px; text-align: center; padding: 35px 20px 20px; position: relative; }
.f-nav a:before { border-left: 1px dotted #757575; width: 1px; height: 70%; position: absolute; top: 15%; left: -.5px; }
.f-nav a:first-child:before { display: none; }
.f-nav a.n1 { background-image: url('../images/bg-fnav1.jpg'); }
.f-nav a.n2 { background-image: url('../images/bg-fnav2.jpg'); }
.f-nav a.n3 { background-image: url('../images/bg-fnav3.jpg'); }
.f-nav a.n4 { background-image: url('../images/bg-fnav4.jpg'); }
.f-nav a.n5 { background-image: url('../images/bg-fnav5.jpg'); }
.f-nav a > * { display: inline-block; vertical-align: middle; }
.f-nav a span { text-align: left; }
.f-nav a img { margin-right: 8px; }

.for-2gen > * { display: inline-block; vertical-align: middle; }
.for-2gen img { margin-right: 8px; }
.for-2gen span { width: 76%; }