/* Reserved Keywords: stir, part, area, zone */

/* / Reset / ---------- ---------- */

html, body, div,
header, nav, article, footer, section, aside, figcaption, figure, hgroup, menu,
table, tr, td, dl, dt, dd, ol, ul, li,
h1, h2, h3, h4, h5, h6, p, span, b, strong,
fieldset, form, input, label, select, option, textarea,
img, a { margin: 0; padding: 0;}

fieldset, img { border: 0;}

table { border-collapse: collapse; border-spacing: 0;}

caption, th { text-align: left;}

nav, menu, ol, ul, li { list-style: none;}

figcaption, time, h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal;}

a { text-decoration: none;}
a:hover { text-decoration: underline;}

/* / Layout / ---------- ---------- */

.zone:after { display: block; clear: both; content: ""; visibility: hidden; height: 0;}
.zone { width: 999px; margin-left: auto; margin-right: auto; zoom: 1;}
.part1 { width: 108px;}
.part2 { width: 231px;}
.part3 { width: 354px;}
.part4 { width: 477px;}
.part5 { width: 600px;}
.part6 { width: 723px;}
.part7 { width: 846px;}
.part8 { width: 969px;}
[class*="part"] { float: left; margin-left: 15px;}
/*[class*="part"] [class*="part"]:first-child { margin-left: 0;}*/
.stir1 { margin-left: 138px;}
.stir2 { margin-left: 261px;}
.stir3 { margin-left: 384px;}
.stir4 { margin-left: 507px;}
.stir5 { margin-left: 630px;}
.stir6 { margin-left: 753px;}
.stir7 { margin-left: 876px;}
.stir8 { margin-left: 999px;}
[class*="part"].stir { margin-left: 0; padding-left: 15px;}
[class*="part"].stir0 { margin-left: 0; padding-left: 0;}
.area1 { width: 123px;}
.area2 { width: 246px;}
.area3 { width: 369px;}
.area4 { width: 492px;}
.area5 { width: 615px;}
.area6 { width: 738px;}
.area7 { width: 861px;}
.area8 { width: 984px;}
[class*="area"] { float: left;}
[class*="area"].stir1 { margin-left: 123px;}
[class*="area"].stir2 { margin-left: 246px;}
[class*="area"].stir3 { margin-left: 369px;}
[class*="area"].stir4 { margin-left: 492px;}
[class*="area"].stir5 { margin-left: 615px;}
[class*="area"].stir6 { margin-left: 738px;}
[class*="area"].stir7 { margin-left: 861px;}
[class*="area"].stir8 { margin-left: 984px;}

/* / Font / ---------- ---------- */

::selection { background: #000; color: #FFF;}

body { font: 12px/1.5 '微软雅黑'; color: #666;}

h1 > a, h1 { font-family: '华文中宋'; font-size: 36px; font-weight: bolder; color: #666;}
h2 > a, h2 { font-family: '微软雅黑'; font-size: 36px; font-weight: normal; color: #000;}
h3 > a, h3 { font-family: '宋体'; font-size: 28px; font-weight: bold; color: #131313;}
h4 > a, h4 { font-family: '宋体'; font-size: 18px; font-weight: bold; color: #383838;}
h5 > a, h5 { font-size: 15px; font-weight: bold; color: #000;}
h6 > a, h6 { font-size: 14px;}

a { color: #666;}
a:hover { color: #BB0000;}

a.acol { color: #BB0000;}
a.acol:hover { color: #AA0000;}

span.fon31 { font-size: 31px;}

.bold { font-weight: bold;}
.col-b00{ color: #BB0000;}

/* / Function / ---------- ---------- */
a, li, dt, dd {
	transition:color 0.1s; -webkit-transition:color 0.1s; -moz-transition:color 0.1s; -o-transition:color 0.1s;
}
.noscript { padding: 10px 0; font-size: 14px; color: #CC0000; background: #FCFCFC; text-align: center;}
.noscript > strong { padding-right: 10px; color: #AA0000;}

.show { display: block;}.hide { display: none;}.ohide { overflow: hidden;}.vhide { visibility: hidden;}

.clearn:after { display: block; clear: both; content: ""; visibility: hidden; height: 0;}
.clearn { zoom: 1;}

.tit li {
	text-shadow: 0px 0px 3px #DDD; -webkit-text-shadow: 0px 0px 3px #DDD; -moz-text-shadow: 0px 0px 3px #DDD;
}
.tit li.hover {
	text-shadow: 0px 0px 3px #ECC; -webkit-text-shadow: 0px 0px 3px #ECC; -moz-text-shadow: 0px 0px 3px #ECC;
}

.li_list > li:nth-of-type(odd), .li_list > dl:nth-of-type(odd) { padding-top: 4px; padding-bottom: 3px; background: url(/img/uli_bg.png) 0 -25px no-repeat;}
.li_list > li:nth-of-type(even), .li_list > dl:nth-of-type(even) { padding-top: 4px; padding-bottom: 3px; background: url(/img/uli_bg.png) no-repeat;}

.vertical { display: table; position: static; overflow: hidden;}
.vertical-out { margin: 0 auto; display: table-cell; position: static; vertical-align: middle;}
.vertical { *display: block; *position: relative;}
.vertical-out { *display: block; *position: absolute; *top: 50%;}
.vertical-int { *display: block; *position: relative; *top: -50%;}

.fpage { padding-left: 15px; padding-bottom: 20px; background: url(/img/black_min_bg.jpg) -37px 29px no-repeat;
	/*transform:rotate(180deg); -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);*/
}
.fpage a { width: 25px; height: 50px; padding-top: 24px; margin-left: 8px; float: left; display: block; line-height: 26px; text-align: center; color: #B1B1B1; background: url(/img/slideshow_ol.png) 0 24px no-repeat;}
.fpage a:hover { font-weight: bold; color: #EEE; text-decoration: none; text-shadow: 0px 0px 5px #CCC;}
.fpage a.current { margin-top: 0; color: #EEE;  text-shadow: 0px 0px 5px #CCC; background-position: 0 -44px; cursor: default;}
.fpage span, .fpage a.uppage, .fpage a.downpage { display: none;}
.fpage:after { display: block; clear: both; content: ""; visibility: hidden; height: 0;}
.fpage { zoom: 1;}

#content-page .wallpaper-sort li { position: relative;}
#content-page .wallpaper-sort li > div { height:120px; padding-top: 10px; position: absolute; top: 0px; left: 0px; background: url(/img/wallpaper_curtain.png) -15px -10px no-repeat;}
#content-page .wallpaper-sort li > div > a { width: 80px; margin: 0 0 5px 0px; display: block; float: left; font-weight: bold; line-height: 1.2; color: #FFF; text-align: center;}

/* / Block - Box / ---------- ---------- */

.box:after, .block:after { display: block; clear: both; content: ""; visibility: hidden; height: 0;}
.box, .block { zoom: 1;}

.block:before { width: 231px; height: 4px; display: block; position: relative; top: -11px; left: -11px; line-height: 0px; overflow: hidden; content: url(/img/line2.jpg);}
.block { margin-top: 4px; margin-bottom: 19px; padding: 7px 10px 8px; border-left: 1px #D4D4D4 solid; border-right: 1px #D4D4D4 solid; border-bottom: 1px #D4D4D4 solid;
	border-bottom-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-bottom-left-radius: 3px;
	box-shadow: #DDD 0px 2px 3px;
	-webkit-box-shadow: #DDD 0px 2px 3px;
	-moz-box-shadow: #DDD 0px 2px 3px;
	
}
.block h4 { margin-bottom: 5px;}

table.rhythm { width: 100%; margin: 20px 0; border: 1px solid #E7E6E6;}
table.rhythm th { padding: 15px 10px 10px; border: 1px solid #E7E6E6; font-size: 15px; font-weight: bold; color:#FFF; text-align: center; background:#878686;}
table.rhythm td { padding: 15px 10px 10px; border: 1px solid #E7E6E6; font-size: 14px; text-align: center;}
table.rhythm td a { text-decoration: underline;}

/* / Module - Package / ---------- ---------- */

#page-top { z-index:10000;}

#page-bottom { height: 0px; z-index: 12345;}
.curtain { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 54321; opacity: 0.75; background-color: #000;}
.video-focus { width: 940px; height: 480px; margin-top: -300px; margin-left: -490px; padding: 20px 60px; position: fixed; top: 50%; left: 50%; z-index: 55555; background: url(/img/video_bg.png) no-repeat;}
.video-focus-main { width: 860px; height: 480px; float: left; z-index: 55555;}
.video-focus-close { width: 30px; height: 30px; float: left; cursor: pointer; z-index: 55555;}

/* / Myself Custom / ---------- */

#header { min-width: 999px; height: 265px; background: url(/img/header.jpg) center top no-repeat;}

.nav-top { height: 30px; margin-left: -100px; margin-bottom: 10px; padding-left: 121px; background: url(/img/nav_top.png) no-repeat;}
.nav-top > li { float: left;}
.nav-top > li > a { display: block; padding: 5px 0 4px; font-size: 14px; color: #FFC8AD; text-align: center;}
.nav-top > li:nth-of-type(1) > a { width: 82px; background: url(/img/nav_top.png) -121px -30px no-repeat;}
.nav-top > li:nth-of-type(2) > a { width: 82px; background: url(/img/nav_top.png) -219px -30px no-repeat;}
.nav-top > li:nth-of-type(3) > a { width: 81px; background: url(/img/nav_top.png) -317px -30px no-repeat;}
.nav-top > li > a:hover { color: #FFF; text-decoration: none; background-image: none;}

#logo > a { display: block; overflow: hidden;}
#logo > a > img { width: 305px; height: 210px;}

#nav { padding-top: 5px; height: /*160*/140px; z-index: 100;}
#nav > ul > li { width: 108px; height: 31px; margin-left: 15px; position: relative; float: left; text-align: right; z-index: 100;}
#nav > ul > li:first-child { margin-left: 0px;}
#nav > ul > li > a { position: absolute; top: 0; right: 0; font-size: 21px; color: #FFF; z-index: 110;}
#nav > ul > li > a:hover { font-size: 21px; color: #FDD787; text-decoration: none;}
#nav > ul > li > a.hover { z-index: 100; color: #FDD787; text-decoration: none;}
#nav > ul > li > a.hover:hover { text-decoration: none;}
.sub-nav { width: 226px; min-height: 50px; margin-left: 20px; padding: 75px 0px 20px; position: absolute; top: -30px; left: -30px; background: url(/img/nav_bg.png) -20px -10px no-repeat; z-index: 100;}
.sub-nav:after { width: 100%; height: 40px; position: absolute; bottom: -40px; left: -20px; content: url(/img/nav_bottom.png); z-index: 100;}
.sub-nav > li { padding: 0 35px; text-align: left; z-index: 100;}
.sub-nav > li:hover { background-color: rgba(163, 155, 155, 0.1); z-index: 100;}
.sub-nav > li > a { padding-top: 8px; padding-bottom: 2px; border-bottom: 1px #D6D6D6 solid; display: block; font-size: 16px; color: #787878; z-index: 100;}
.sub-nav > li > a:hover { color: #000; text-decoration: none;}

.roll-news { height: 60px; margin-top: 20px; position: relative; z-index: 90;}
.roll-news > div { height: 60px; position: absolute; top: 0; right: 0; overflow: hidden;}
.roll-news > div > a { width: 231px; height: 60px; display: block;}
.roll-news > div > a:first-child { background: url(/img/roll_news.png) -231px 0 no-repeat;}
.roll-news > div > a:first-child:hover { background: url(/img/roll_news.png) 0 0 no-repeat;}
.roll-news > div > a:nth-of-type(2) { background: url(/img/roll_news.png) -231px -60px no-repeat;}
.roll-news > div > a:nth-of-type(2):hover { background: url(/img/roll_news.png) 0 -60px no-repeat;}
.roll-news > div > a:nth-of-type(3) { background: url(/img/roll_news.png) -231px -120px no-repeat;}
.roll-news > div > a:nth-of-type(3):hover { background: url(/img/roll_news.png) 0 -120px no-repeat;}
.roll-news > div > a:last-child { height: 25px; cursor: default; background: url(/img/roll_news.png) 0 -180px no-repeat;}
.roll-news > a { width: 26px; height: 26px; display: block; position: absolute; top: 30px; right: 5px;  cursor: pointer; background: url(/img/roll_more.png) 0 0 no-repeat;}




/* / Home / ---------- ---------- ---------- ---------- */

#mainly { min-width: 999px; background: url(/img/mainly_middle_bg.jpg) center top repeat-y;}

.mainly-bg { min-width: 999px; background: url(/img/mainly_bottom_bg.jpg) center bottom no-repeat;}
.mainly-img { min-width: 999px; background: url(/img/mainly_top_bg.jpg) center top no-repeat;}
#home-page .main-top { background: url(/img/black_bg.jpg) 0 240px no-repeat;}

/* Slideshow */
.slideshow { height: 290px; position: relative; overflow: hidden;}
.slideshow ul { width: 723px; height: 239px; overflow: hidden;}
.slideshow ul li { width: 723px; height: 239px; overflow: hidden;}
.slideshow ol { position: absolute; top: 205px; left: 30px;}
.slideshow ol li { width: 25px; height: 50px; float: left; margin-left: 8px; text-align: center;  background: url(/img/slideshow_ol.png) 0 24px no-repeat;}
.slideshow ol li a { margin-top: 24px; display: block; font-weight: bold; line-height: 26px;color: #B1B1B1;}
.slideshow ol li a:hover, .slideshow ol li a.hover { color: #EEE; text-decoration: none; text-shadow: 0px 0px 5px #CCC;}
.slideshow ol li.hover { background-position: 0 -44px;}

/* Join */
.join > a { width: 231px; height: 239px; display: block;}
.join > a:hover { opacity: 0.9; background: #000;}
.join > a > img { width: 231px; height: 239px;}
.join > a:hover > img { width: 231px; height: 239px; -webkit-box-shadow: 0px -1px 3px #CFCFCF;}

/* Video Flash Swf */
.video-flaswf { height: 284px; margin-bottom: 15px; background: url(/img/video_flaswf.jpg) 0 18px no-repeat;}
.video-flaswf > a { width: 231px; height: 154px; display: block;}
.video-flaswf > a > img { width: 231px; height: 154px;}
.video-flaswf > h3 { padding-top: 5px; padding-left: 10px; text-indent: -6666em; background: url(/img/font_img.png) 0 -307px no-repeat;}
.video-flaswf > p { padding-top: 2px; padding-left: 13px;}
.video-flaswf > p > a { font-size: 14px;}

/* Integrate */
.integrate { margin-bottom: 15px;}
.integrate > .tit { padding-bottom: 10px; background: url(/img/line.jpg) 0 32px no-repeat;}
.integrate > .tit > li { float: left; margin-right: 20px; padding: 0 10px; font-size: 18px; color: #000; cursor: pointer; text-decoration: none;}
.integrate > .tit > li:hover { text-decoration: underline;}
.integrate > .tit > li.hover { color: #BB0000; text-decoration: none; cursor: default;}
.integrate > .tit > li.hover:hover { text-decoration: none;}
.integrate > .tit > li:last-child { margin-right: 5px; padding: 0 25px 0 10px; float: right; background: url(/img/more_min.png) -6px -2px no-repeat;}
.integrate > .tit > li:last-child a { font-size: 12px; line-height: 27px; color: #BA0000;}
.integrate > .txt h3,.integrate > .txt h3 > a { font-family: '微软雅黑'; margin: 5px 0 5px 10px; font-size: 18px; font-weight: normal; color: #BB0000;}
.integrate > .txt ul { padding-top: 0px;}
.integrate > .txt li { padding: 3px 0 3px 10px;}
.integrate > .txt li:nth-of-type(even) { background-position: 0px -50px;}
.integrate > .txt li:nth-of-type(odd) { background-position: 0px -75px;}
.integrate > .txt li a { max-width: 380px; float: left; display: block; font-size: 13px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;}
.integrate > .txt li a:hover { text-decoration: none;}
.integrate > .txt li span { width: 80px; float: right; padding-top: 2px; font-size: 12px; color: #999; text-align: right;}
.integrate > .txt li span img { width: 35px; height: 14px;}

/* Poster Pic */
.poster-pic { margin-bottom: 15px; background: url(/img/poster_pic.jpg) 15px 98px no-repeat;}
.poster-pic img { margin-bottom: 23px;}
#content-page .poster-pic img { margin: 10px 0;}
.poster-pic span { display: block; padding-left: 35px; font-size: 13px; color: #131313;}
.poster-pic h6 { height: 52px; padding-left: 35px;}

/* Guide */
.guide { margin-bottom: 15px; }
.guide > dl:nth-of-type(odd) { padding: 0; background-position: 15px -100px;}
.guide > dl:nth-of-type(even) { padding: 0; background-position: 15px -151px;}
.guide dt { margin-bottom: 1px; padding: 14px 0 14px; font-size: 15px; color: #131313; text-align: center;}
.guide dd { height: 50px; margin-bottom: 1px; font-size: 12px;}
.guide dd .vertical { width: 350px; height: 50px;}
.guide dd .vertical p { width: 350px;}
.guide dd a { width: 48px; margin: 1px 16px 0 2px; display: inline-block;}

/* Leaflet */
.leaflet { margin-bottom: 15px;}
.leaflet > a { margin-top: 2px; display: block; line-height: 0;}
.leaflet > a:first-child { margin-top: 0px;}

/* Illustrations */
.illustrations { margin-bottom: 18px; padding-top:10px; background: url(/img/illustrations.jpg) 15px 0 no-repeat;}
.illustrations > div { height: 170px;}
.illustrations > div > h4 { margin-top: 30px; margin-left: 220px; text-indent: -6666em;}
.illustrations > div:nth-of-type(1) h4 {  background: url(/img/font_img.png) no-repeat 0 -145px;}
.illustrations > div:nth-of-type(2) h4 {  background: url(/img/font_img.png) no-repeat 0 -172px;}
.illustrations > div:nth-of-type(3) h4 {  background: url(/img/font_img.png) no-repeat 0 -199px;}
.illustrations > div:nth-of-type(4) h4 {  background: url(/img/font_img.png) no-repeat 0 -226px;}
.illustrations > div:nth-of-type(5) h4 {  background: url(/img/font_img.png) no-repeat 0 -253px;}
.illustrations > div:nth-of-type(6) h4 {  background: url(/img/font_img.png) no-repeat 0 -280px;}
.illustrations > div > h4 > a { display:block;}
.illustrations > div > p { padding-top: 8px; padding-left: 220px;}

/* Other About */
.other-about { margin-bottom: 18px; background: url(/img/other_about.jpg) 15px 0 no-repeat;}
.other-about .tit li { float: left; margin-right: 20px; padding: 18px 10px; font-size: 15px; color: #000; text-decoration: none; cursor: pointer;}
.other-about .tit li img { margin-top: -9px; display: block;}
.other-about .tit li:hover { text-decoration: underline;}
.other-about .tit li.hover { color: #BB0000; text-decoration: none !important; cursor: default;}
.other-about .tit li.hover:hover { text-decoration: none;}
.other .txt li { width: 340px; padding-left: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;}
.other .txt li a:hover { text-decoration: none;}
.other .txt li:nth-of-type(even) { background-position: 0px -50px;}
.other .txt li:nth-of-type(odd) { background-position: 0px -75px;}
.about .tit li:first-child { padding-left: 20px;}
.about .tit li:last-child { margin-right: 0px; padding-right: 22px; padding-left: 12px; float: right; background: url(/img/more_min.png) -3px 13px no-repeat;}
.about .tit li:last-child a { margin-right: 5px; font-size: 12px; color: #BA0000;}
.about .txt > div { padding-top: 15px; padding-left: 25px; overflow: hidden;}
.about .txt > div li { float: left; margin: 5px;}
.about .txt > div li a { display: block; line-height: 0;}
.about .txt > div:nth-of-type(2) li { width: 249px; height: 165px; position: relative;}
.about .txt > div:nth-of-type(2) li > div { width: 249px; height: 150px; padding-top: 15px; position: absolute; top: 10px; left: 20px; background: url(/img/wallpaper_curtain.png) no-repeat;}
.about .txt > div:nth-of-type(2) li > div > a { width: 110px; margin: 8px 0 0 10px; display: block; float: left; font-weight: bold; line-height: 1.2; color: #FFF; text-align: center;}

/* Media Partners */
.media-partners { margin-bottom: 18px;}
.media-partners > h4 { padding-bottom: 5px; color: #BB0000; text-indent: -6666em; background: url(/img/font_img.png) 0 0 no-repeat;}
.media-partners ul { padding-top: 2px; background: url(/img/line.jpg) 0 0 no-repeat;}
.media-partners li { float: left; margin-top: 13px; padding: 0 10px; border-right: 1px #999 solid; line-height: 1;}
.media-partners li.fir { padding-left: 0px;}
.media-partners li.lst { padding-right: 0px; border-right: none;}
.media-partners li a { font-size: 12px; color: #666;}
.media-partners li a:hover { color: #AA0000;}

/* Remind */
.remind { text-align: center;}
.remind h6 { font-size: 14px; color: #BB0000; line-height: 30px;}

/* Route */
.route { height: 154px; margin-bottom: 15px;}
.route> a { width: 115px; height: 76px; float: left; display: block; text-indent: -6666px; background: url(/img/20140109_route.jpg) no-repeat;}
.route > a:first-child { background-position: 0 0;}
.route > a:nth-child(2) { margin-left: 1px; background-position: -116px 0;}
.route > a:nth-child(3) { margin-top: 1px; background-position: 0 -77px;}
.route > a:last-child { margin-top: 1px; margin-left: 1px; background-position: -116px -77px;}

/* Frequency */
.frequency { background: url(/img/frequency.jpg) no-repeat;}
.frequency > a { height: auto;}
.frequency > h5 { margin-top: -7px; margin-bottom: 7px; padding-left: 15px; font-family: 'Constantia'; font-size: 48px; line-height: 36px; font-weight: normal; color: #FFF;}
.frequency > a:nth-of-type(1)  { width: 90px; margin-top: 30px; display: inline-block; font-size: 16px; line-height: 1.3; color: #000;}
.frequency > a:nth-of-type(1) span { font-size: 12px; color: #666;}
.frequency > a:nth-of-type(2)  { margin-top: 7px; display: inline-block; font-size: 14px; color: #AA0000;}


/* Passage */
.passage h4 { text-indent: -6666em; background: url(/img/font_img.png) 0 -37px no-repeat;}
.passage li { float: left; padding: 4px 4px;}
.passage li.ge { font-size: 14px; padding: 4px 0;}
.passage li a { font-size: 14px;}
.passage li.tig-li { background: url(/img/tiga.jpg) no-repeat;}
.passage li.tig-li a { color: #FFF;}
.passage li.tig-li a:hover { color: #FFC8AD; text-decoration: underline;}

/* Mutual */
.mutual h4 { text-indent: -6666em; background: url(/img/font_img.png) 0 -64px no-repeat;}
.mutual li { width: 200px; padding-left: 10px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;}
.mutual li:nth-of-type(even) { background-position: 0px -50px;}
.mutual li:nth-of-type(odd) { background-position: 0px -75px;}
.mutual li a:hover { text-decoration: none;}

/* Shared */
.shared { margin-bottom: 19px;}
.shared > a { float: left; display: block; text-indent: -666em;}
.shared > a:first-child { width: 76px;  height: 80px; background: url(/img/shared.png) no-repeat;}
.shared > a:nth-of-type(2) { width: 77px;  height: 80px; background: url(/img/shared.png) -76px 0 no-repeat;}
.shared > a:last-child { width: 75px;  height: 80px; background: url(/img/shared.png) -153px 0 no-repeat;}

/* Survey */
.survey { background: url(/img/20131128_survey.jpg) 0 0 no-repeat;}
.survey h4 { text-indent: -6666em; background: url(/img/font_img.png) 0 -91px no-repeat;}
.survey-more { width: 110px; height: 30px; margin: 10px 0 5px; padding: 5px 0 4px; display: block; font-size: 14px; text-align: center; color: #FFF; background: url(/img/but_png.png) 0 0 no-repeat;}
.survey-more:hover { color: #EEE;}
.survey h5 { margin-bottom: 5px; color: #BB0000;}
.survey-form li { padding-left: 10px;}
.survey-form li:nth-of-type(even), .survey-form li:nth-of-type(even) { padding-top: 2px; padding-bottom: 3px;}
.survey-form li input { margin-left: 5px; vertical-align: middle;}
.survey-form-pages { margin: 15px 0 0; font-size: 14px; color: #BB0000; text-align: right;}

/* Fit Game */
.fit-game { background: url(/img/fit_game.jpg) no-repeat;}
.fit-game h4 { text-indent: -6666em; background: url(/img/font_img.png) 0 -118px no-repeat;}
.fit-game > p { font-size: 14px; text-align: center;}
.fit-game > a { display: block; margin-left: -10px; color: #FFF; text-align: center;}
.fit-game > a:hover { color: #E1E1E1;}
.fit-game > a:nth-of-type(1), .fit-game a:nth-of-type(2), .fit-game a:nth-of-type(3) { padding: 3px 0; font-size: 14px; margin-left: -8px; margin-top: 14px;}
.fit-game > a:nth-of-type(1) { margin-top: 14px; background: url(/img/fit_game_buta.jpg) 18px 0 no-repeat;}
.fit-game > a:nth-of-type(2) { background: url(/img/fit_game_buta.jpg) 18px -30px no-repeat;}
.fit-game > a:nth-of-type(3) { background: url(/img/fit_game_buta.jpg) 18px -60px no-repeat;}
.fit-game > a:nth-of-type(4), .fit-game a:nth-of-type(5) { font-size: 20px;}
.fit-game > a:nth-of-type(4) { margin-top: 12px; background: url(/img/fit_game_buta.jpg) 18px -90px no-repeat;}
.fit-game > a:nth-of-type(5) { margin-top: 10px; margin-bottom: 10px; background: url(/img/fit_game_buta.jpg) 18px -125px no-repeat;}

/* / List Page / ---------- ---------- ---------- ---------- */

#list-page .main > .txt > div { margin-bottom: 10px;}
#list-page .main .li_list { padding-top: 10px;}
#list-page .main .li_list li { margin-top: 5px; padding: 2px 15px 2px 10px;}
#list-page .main .li_list li:nth-of-type(even) { background-position: 0px -50px;}
#list-page .main .li_list li:nth-of-type(odd) { background-position: 0px -75px;}
#list-page .main .li_list li a { max-width: 600px; display: block; font-size: 14px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -o-text-overflow: ellipsis;}
#list-page .main .li_list li a:hover { text-decoration: none;}
#list-page .main .li_list li span { width: 90px; float: right; padding-top: 2px; font-size: 12px; color: #999; text-align: right;}
#list-page .main .li_list li span img { width: 35px; height: 14px;}


/* / Content Page / ---------- ---------- ---------- ---------- */

#list-page .main-top, #content-page .main-top, #pages .main-top { background: url(/img/black_min_bg.jpg) 0 240px no-repeat;}
#list-page .main, #content-page .game_features, #content-page .game_race, #pages .main { background: url(/img/game_features_main_bg.jpg) right 53px no-repeat;}

#list-page .main .tit, #content-page .main .tit, #pages .main .tit { margin-left: 15px; background: url(/img/line.jpg) 0 52px no-repeat;}
#list-page .main .tit > li, #content-page .main .tit > li, #pages .main .tit > li { margin: 13px 40px 13px 5px; float: left;}
#list-page .main .txt, #content-page .main .txt, #pages .main .txt { margin-left: 15px;}

#list-page .main .tit > li > a, #content-page .main .tit > li > a, #pages .main .tit > li > a { font-size: 18px;}
#list-page .main .tit a:hover, #content-page .main .tit a:hover, #pages .main .tit a:hover { text-decoration: underline;}
#list-page .main .tit a.hover:hover, #content-page .main .tit a.hover:hover, #pages .main .tit a.hover:hover { text-decoration: none;}
#list-page .main .tit a.hover, #content-page .main .tit a.hover, #pages .main .tit a.hover { color: #BB0000; text-decoration: none; cursor: default;}


/* Breadcrumbs */
.breadcrumbs { height: 30px; padding-top: 10px; background: url(/img/breadcrumbs_bg.jpg) -27px 0 no-repeat;}
.breadcrumbs > span > img { margin: 0 5px -4px;}
.breadcrumbs > a { font-size: 12px; color: #707070;}
.breadcrumbs > a:hover { color: #AA0000; text-decoration: underline;}

/* Summary */
.summary { height: 230px;}
.summary > a { width: 300px; height: 180px; margin: 18px 0 0 10px; float: right;}
.summary > h1 { padding: 18px 0 8px;}
.summary > h1 > small { padding-left: 10px; font-family: 'Gautami', Arial; font-size: 24px; font-weight: normal; color: #666;}
.summary > p { height: 118px; font-size: 14px; color: #979797; text-indent: 2em;}
#content-page .summary > p { width: 410px;}
#list-page .summary, #pages .summary { background: url(/img/consolidated_list_ssummary_bg.jpg) 318px -13px no-repeat;}
#list-page .summary > p { width: 454px;}
#pages .summary > p { width: 454px;}

.further_reading h4 { padding-bottom: 25px; font-family: '微软雅黑'; font-size: 16px; font-weight: normal; color: #BA0000; background: url(/img/line.jpg) 0 30px no-repeat;}
.further_reading ul { padding-bottom: 30px;}
.further_reading ul li { float: left;}
.further_reading img { width: 231px; height: 81px;}

.nav-bottom { padding-bottom: 10px;}
.nav-bottom a:hover { color: #AA0000;}
.nav-bottom > ul >li { width: 90px; margin-right: 90px; float: left; background: url(/img/line.jpg) 0 32px no-repeat;}
.nav-bottom > ul >li > a { margin: 0 0 10px; display: block; font-size: 18px; font-weight: bold; color: #333;}
.nav-bottom > ul >li > a:hover { text-decoration: none;}
.sub-nav-bottom > li { padding: 4px 0;}
.sub-nav-bottom > li > a { font-size: 13px; font-weight: bold;}

/* Game Features */

.game_features p { font-size: 14px; font-weight: normal; color: #8B8C8D;}

/*.game_features > .tit { background: url(/img/line.jpg) 0 52px no-repeat;}
.game_features > .tit > li { margin: 13px 40px 13px 5px; float: left; font-size: 18px;}
.game_features > .tit > li:hover { text-decoration: underline; cursor: pointer;}
.game_features > .tit > li.hover { color: #BB0000; text-decoration: none !important; cursor: default;}
.game_features > .tit > li.hover:hover { text-decoration: none;}*/

.game_features > .txt .dynamic .title { background: url(/img/intro_dynamic_title.jpg) right bottom no-repeat;}
.game_features > .txt .combat .title { background: url(/img/intro_combat_title.jpg) 320px bottom no-repeat;}
.game_features > .txt .dungeon .title { background: url(/img/intro_dungeon_title.jpg) 220px bottom no-repeat;}
.game_features > .txt .pvp .title { background: url(/img/intro_pvp_title.jpg) 240px bottom no-repeat;}
.game_features > .txt .story .title { background: url(/img/intro_story_title.jpg) 250px bottom no-repeat;}


.game_features > .txt .title { height: 320px; padding-left: 50px; position: relative;}
.game_features > .txt .title:after { width: 723px; height: 10px; display: block; position: absolute; bottom: -6px; *bottom: -9px; left: 0px; line-height: 0; overflow: hidden; content: url(/img/line.jpg);}
.game_features > .txt .title h2 { padding: 80px 0 10px 0;}
.game_features > .txt .title p { width: 290px; text-indent: 2em;}
.game_features > .txt .pvp .title p { width: 270px; text-indent: 2em;}
.game_features > .txt .video_introduction { height: 200px; padding-left: 110px; background: url(/img/video_ico.jpg) 35px 78px no-repeat;}
.game_features > .txt .video_introduction > a { width: 300px; height: 180px; margin: 30px 0 0 10px; float: right;}
.game_features > .txt .video_introduction h3 > a { font-family: '微软雅黑'; font-size: 30px; font-weight: normal; color: #1B1B1B;}
.game_features > .txt .video_introduction h3 { font-family: '微软雅黑'; padding-top: 80px; font-size: 30px; font-weight: normal; color: #1B1B1B;}
.game_features > .txt .video_introduction p { font-size: 22px; color: #979797;}
.game_features > .txt .article { padding: 10px 15px 120px;}
.game_features > .txt .article p { margin-top: 20px; line-height: 2; text-indent: 2em;}


.game_features .pvp > h3 { font-family: '微软雅黑'; font-size: 30px; color: #111; padding-top: 40px;}

/* Game Introduction */

.game_introduction .tyria_world p:nth-of-type(1) { padding-right: 222px; background: url(/img/img_story04.jpg) right bottom no-repeat;}
.game_introduction .tyria_world p:nth-of-type(2) { padding-left: 222px; background: url(/img/img_story05.jpg) left bottom  no-repeat;}
.game_introduction .tyria_world p:nth-of-type(3) { padding-right: 232px; background: url(/img/img_story06.jpg) right bottom  no-repeat;}
.game_introduction .tyria_world p:nth-of-type(4) { padding-left: 222px; background: url(/img/img_story07.jpg) left bottom  no-repeat;}
.game_introduction .continent_history { background: url(/img/img_story01.jpg) no-repeat;}
.game_introduction .ancient_dragon { background: url(/img/img_story03.jpg) no-repeat;}
.game_introduction .six_god { background: url(/img/img_story02.jpg) no-repeat;}

.game_introduction .txt > div { height: 600px; padding-left: 430px; margin-bottom: 50px; margin-top: 10px;}
.game_introduction .txt > div a:hover { color: #BB0000; text-decoration: none;}
.game_introduction .txt > div ol, .game_introduction .txt div ul { background: url(/img/game_introduction_li_bg.jpg) no-repeat;}
.game_introduction .txt > div ol li { padding: 24px 0 24px 90px;}
.game_introduction .txt > div ol li a { font-size: 18px; color: #000;}
.game_introduction .txt > div ul li { padding: 15px 0 15px 90px;}
.game_introduction .txt > div ul a { font-size: 16px; color: #000;}
.game_introduction .txt > div ul span { font-size: 14px; color: #606060;}

.game_introduction .txt > div.tyria_world { height: auto; padding: 0; background: none;}

.tyria_world p { font-size: 14px; line-height: 2; padding: 15px 0; text-indent: 2em;}

/* Game Profession *//* Game Race */

.game_profession p { font-size: 14px; font-weight: normal; color: #8B8C8D;}

#content-page .game_profession .tit li { margin-right: 35px;}
.skills_overview { padding-left: 10px;}
.skills_overview > div:first-child { width: 510px; float: left;}
.skills_overview > div:last-child { width: 180px; float: right;}
.skills_overview h2 { padding: 30px 0 10px 0;}
.skills_overview h2 + p { margin-bottom: 35px;}
.skills_overview dl { min-height: 170px; padding-top: 20px; padding-left: 180px; position: relative;}
.skills_overview dl:after { width: 510px; height: 10px; display: block; position: absolute; bottom: -6px; *bottom: -9px; left: 0px; line-height: 0; overflow: hidden; content: url(/img/line.jpg);}
.skills_overview dd { padding: 10px 0 20px;}
.warrior .skills_overview > div:nth-of-type(1) { background: url(/img/Warrior/role_min.jpg) top right no-repeat;}
.warrior .skills_overview > div:nth-of-type(1) > p:nth-of-type(1) { padding-right: 235px;}
.warrior .skills_overview div dl { background: url(/img/Warrior/skill.jpg) bottom right no-repeat;}
.thief .skills_overview div dl { background: url(/img/Thief/skill.jpg) bottom right no-repeat;}
.ranger .skills_overview div dl { background: url(/img/Ranger/skill.jpg) bottom right no-repeat;}
.engineer .skills_overview div dl { background: url(/img/Engineer/skill.jpg) bottom right no-repeat;}
.elementalist .skills_overview div dl { background: url(/img/Elementalist/skill.jpg) bottom right no-repeat;}
.guardian .skills_overview div dl { background: url(/img/Guardian/skill.jpg) bottom right no-repeat;}
.mesmer .skills_overview div dl { background: url(/img/Mesmer/skill.jpg) bottom right no-repeat;}
.necromancer .skills_overview div dl { background: url(/img/Necromancer/skill.jpg) bottom right no-repeat;}
.skills_overview div dl:nth-of-type(1) { background-position: 20px -190px;}
.skills_overview div dl:nth-of-type(2) { background-position: 20px -380px;}
.skills_overview div dl:nth-of-type(3) { background-position: 20px -570px;}
.skills_overview div dl:nth-of-type(4) { background-position: 20px -760px;}
.skills_overview div dl:nth-of-type(5) { background-position: 20px -950px;}
.skills_overview div dl:nth-of-type(6) { background-position: 20px -1140px;}

.warrior .role_snapshot { background: url(/img/Warrior/skill.jpg) bottom right no-repeat;}
.thief .role_snapshot { background: url(/img/Thief/skill.jpg) bottom right no-repeat;}
.ranger .role_snapshot { background: url(/img/Ranger/skill.jpg) bottom right no-repeat;}
.engineer .role_snapshot { background: url(/img/Engineer/skill.jpg) bottom right no-repeat;}
.elementalist .role_snapshot { background: url(/img/Elementalist/skill.jpg) bottom right no-repeat;}
.guardian .role_snapshot { background: url(/img/Guardian/skill.jpg) bottom right no-repeat;}
.mesmer .role_snapshot { background: url(/img/Mesmer/skill.jpg) bottom right no-repeat;}
.necromancer .role_snapshot { background: url(/img/Necromancer/skill.jpg) bottom right no-repeat;}

.asura .role_snapshot { background: url(/img/Asura/role.jpg) no-repeat;}
.human .role_snapshot { background: url(/img/Human/role.jpg) no-repeat;}
.charr .role_snapshot { background: url(/img/Charr/role.jpg) no-repeat;}
.norn .role_snapshot { background: url(/img/Norn/role.jpg) no-repeat;}
.sylvari .role_snapshot { background: url(/img/Sylvari/role.jpg) no-repeat;}
.role_snapshot { width: 180px; height: 440px; margin-bottom: 10px;}

.role_video, .role_screenshot, .role_wallpaper { padding: 15px 0 15px 0; position: relative;}
.role_video h4, .role_screenshot h4, .role_wallpaper h4 { margin-bottom: 10px;}
.role_screenshot:before { width: 180px; height: 2px; display: block; position: relative; top: -13px; left: 0px; line-height: 0px; overflow: hidden; content: url(/img/line3.jpg);}
.role_wallpaper:before { width: 180px; height: 1px; display: block; position: relative; top: -13px; left: 0px; line-height: 0px; overflow: hidden; content: url(/img/line3.jpg);}

.warrior .role_video li { padding: 10px 0 10px 50px; background: url(/img/Warrior/skill.jpg) no-repeat;}
.thief .role_video li { padding: 10px 0 10px 50px; background: url(/img/Thief/skill.jpg) no-repeat;}
.ranger .role_video li { padding: 10px 0 10px 50px; background: url(/img/Ranger/skill.jpg) no-repeat;}
.engineer .role_video li { padding: 10px 0 10px 50px; background: url(/img/Engineer/skill.jpg) no-repeat;}
.elementalist .role_video li { padding: 10px 0 10px 50px; background: url(/img/Elementalist/skill.jpg) no-repeat;}
.guardian .role_video li { padding: 10px 0 10px 50px; background: url(/img/Guardian/skill.jpg) no-repeat;}
.mesmer .role_video li { padding: 10px 0 10px 50px; background: url(/img/Mesmer/skill.jpg) no-repeat;}
.necromancer .role_video li { padding: 10px 0 10px 50px; background: url(/img/Necromancer/skill.jpg) no-repeat;}
.role_video li:nth-of-type(1) { background-position: 0 0;}
.role_video li:nth-of-type(2) { background-position: 0 -38px;}
.role_video li:nth-of-type(3) { background-position: 0 -76px;}
.role_video li:nth-of-type(4) { background-position: 0 -114px;}
.role_video li:nth-of-type(5) { background-position: 0 -152px;}

.role_screenshot li { width: 85px; height: 48px; margin-bottom: 10px}
.role_screenshot li:nth-of-type(even) { float: right;}
.role_screenshot li:nth-of-type(odd) { float: left;}
.role_screenshot a { width: 85px; height: 48px; display: block;}
.role_screenshot img { width: 85px; height: 48px;}

.role_wallpaper li { width: 180px; height: 132px; margin-bottom: 10px;}
.role_wallpaper li img { width: 180px; height: 132px;}

.game_profession .txt > div { margin-bottom: 50px;}
.game_profession h2 small { padding-left: 5px; font-size: 16px; color: #000;}
.game_profession > .txt .title { height: 415px; padding-left: 25px; position: relative;}
.game_profession > .txt .title:after { width: 723px; height: 10px; display: block; position: absolute; bottom: -6px; *bottom: -9px; left: 0px; line-height: 0; overflow: hidden; content: url(/img/line.jpg); }
.game_profession > .txt .title h2 { padding: 80px 0 10px 0;}
.game_profession > .txt .title p { width: 290px; line-height: 2; text-indent: 2em;}

.game_profession .warrior .title { background: url(/img/Warrior/role.jpg) bottom right no-repeat;}
.game_profession .thief .title { background: url(/img/Thief/role.jpg) bottom right no-repeat;}
.game_profession .ranger .title { background: url(/img/Ranger/role.jpg) bottom right no-repeat;}
.game_profession .engineer .title { background: url(/img/Engineer/role.jpg) bottom right no-repeat;}
.game_profession .elementalist .title { background: url(/img/Elementalist/role.jpg) bottom right no-repeat;}
.game_profession .guardian .title { background: url(/img/Guardian/role.jpg) bottom right no-repeat;}
.game_profession .mesmer .title { background: url(/img/Mesmer/role.jpg) bottom right no-repeat;}
.game_profession .necromancer .title { background: url(/img/Necromancer/role.jpg) bottom right no-repeat;}

.game_race > .txt .video_introduction { height: 200px; padding-left: 95px; background: url(/img/video_ico.jpg) 10px 30px no-repeat;}
.game_race > .txt .video_introduction > a { width: 185px; height: 111px; margin: 20px 0 0 10px; float: right;}
.game_race > .txt .video_introduction a img { width: 185px; height: 111px;}
.game_race > .txt .video_introduction h3 { font-family: '微软雅黑'; padding-top: 15px; font-size: 30px; font-weight: normal; color: #1B1B1B;}
.game_race > .txt .video_introduction p { font-size: 20px; color: #979797;}
.game_race > .txt .article { padding: 10px 15px 120px;}
.game_race > .txt .article h3 { margin-top: 20px;}
.game_race > .txt .article p { margin-top: 20px; line-height: 2; text-indent: 2em;}

.game_race p { font-size: 14px; font-weight: normal; color: #8B8C8D;}
.character_overview { padding-left: 10px;}
.character_overview > div:first-child { width: 510px; float: left;}
.character_overview > div:last-child { width: 180px; float: right;}
.character_overview h2 { padding: 30px 0 10px 0;}
.character_overview h2 + p { margin-bottom: 35px;}
.character_overview dl { height: 175px; padding-top: 15px; padding-left: 210px; position: relative;}
.character_overview dl:after { width: 510px; height: 10px; display: block; position: absolute; bottom: -6px; *bottom: -9px; left: 0px; line-height: 0; overflow: hidden; content: url(/img/line.jpg);}
.character_overview dd { padding-top: 15px;}


/* Game Video */

.artgallery { margin-bottom: 80px;}

.video-dibbling-tit { padding: 30px 0 20px; font-family: '微软雅黑'; font-size: 30px; font-weight: normal;}
.video-dibbling-txt { padding: 0 15px 30px 0; font-family: '微软雅黑'; font-size: 14px; line-height: 1.8; color: #979797; text-indent: 2em;}
.video-dibbling-div { padding: 10px 10px 10px 0; text-align: center;}

.video-dibbling-div + ul { padding-top: 30px;}
.video-dibbling-li { width: 165px; margin: 0 15px 10px 0; float: left;}
.video-dibbling-li img { width: 165px; height: 100px; border: 1px solid #979797;}
.video-dibbling-li p { padding: 3px 0 15px; font-size: 13px; color: #131313;}

.game_wallpaper ul { padding-top: 30px;}
.game_wallpaper li { width: 225px; height: 150px; margin: 0 15px 25px 0; float: left;}
.game_wallpaper li img { width: 225px; height: 150px;}
.game_wallpaper li { position: relative;}
.game_wallpaper li > div { padding-top: 15px; position: absolute; top: 10px; left: 5px; background: url(/img/wallpaper_curtain.png) no-repeat;}
.game_wallpaper li > div > a { width: 85px; margin: 0 0 5px 15px; display: block; float: left; font-weight: bold; line-height: 1.2; color: #FFF; text-align: center;}

.game_enactment ul { padding-top: 30px;}
.game_enactment li { width: 165px; height: 100px; margin: 0 15px 25px 0; float: left;}
.game_enactment li a { width: 165px; height: 100px; display: block;}
.game_enactment li img { width: 165px; height: 100px;}

.game_screenshot ul { padding-top: 30px;}
.game_screenshot li { width: 165px; height: 100px; margin: 0 15px 25px 0; float: left;}
.game_screenshot li a { width: 165px; height: 100px; display: block;}
.game_screenshot li img { width: 165px; height: 100px;}

/* / Download / ---------- ---------- ---------- ---------- */

.down-load { min-height: 700px; padding: 10px; font-size: 14px;}
.down-load h3 { font-family: '微软雅黑'; padding: 40px 0 20px; font-size: 30px; font-weight: normal;}
.down-load p { padding: 10px 0;}
.down-load p.p-red { color: #BB0000;}
.down-load .table-one { font-family: '微软雅黑'; margin: 10px 0 20px; font-size: 14px;padding: 10px;display: block;background: #F5F5F5;}
.table-one th { padding: 5px 5px;}
.table-one td { padding: 5px 5px;}

/* / error / ---------- ---------- ---------- ---------- */

#error .roll-news {display: none;}
.wrap-error{padding:70px 0 0 10px;height:560px;font:normal 14px/1.5 FAE\8F6F\96C5\9ED1,Tahoma, Geneva, sans-serif;color:#979797; background:url(../style/v3/img/bg_404.jpg) no-repeat 380px 20px}
.wrap-error.wrap-error-500{background:url(../style/v3/img/bg_500.jpg) no-repeat 380px 20px;}
.wrap-error  p{margin-bottom:20px;}
.wrap-error .txt-error{font-size:36px;font-family:Arial, sans-serif;color:#666;}
.wrap-error .txt-tips{font-size:30px;color:#000;margin-bottom:20px;}
.wrap-error dd ul{padding-top:10px;overflow:hidden;*zoom:1;pading-top:10px;}
.wrap-error dd li{float:left;margin-right:25px;}
.wrap-error dd li a:link,
.wrap-error dd li a:visited{color:#b00;}


/* / Pages / ---------- ---------- ---------- ---------- */

.article-wrapper { font-size: 14px; color: #111;}
.article-wrapper > h2 { font-size: 24px; margin: 20px 0 10px; font-weight: bold; text-align: center;}
.article-wrapper > .article-info { text-align: center;}
.article-wrapper > .article-info > span { padding: 5px 10px;}
.article-wrapper > .article { padding: 50px 10px 50px 13px;}
.article-wrapper > .article > p { padding: 10px 0 5px; font-size: 14px; line-height: 2; text-indent: 2em; color: #000;}
.article-wrapper > .article > p > img { max-width: 660px; height: auto;}
.article-wrapper > .article > p > embed { max-width: 660px;}

/* / Footer / ---------- ---------- ---------- ---------- */

.layout-footer{overflow:hidden;height:135px;background:#888a89;}
.layout-footer .layer{position:relative;overflow:hidden;zoom:1;margin:0 auto;padding:20px 20px 10px;width:960px;}
.layout-footer .list-company{float:left;padding-top:18px;}
.layout-footer .list-company li{float:left;margin-right:20px;}
.layout-footer .list-company a:link,
.layout-footer .list-company a:visited{overflow:hidden;display:block;width:121px;height:49px;text-indent:-6666px; background:url(/img/img_company.jpg) no-repeat 0 0;}
.layout-footer .list-company .item-ncsoft a:link,
.layout-footer .list-company .item-ncsoft a:visited{background-position:0 -49px;}
.layout-footer .list-company .item-arena a:link,
.layout-footer .list-company .item-arena a:visited{background-position:0 -98px;}
.layout-footer .block-info{float:left;width:528px;}
.layout-footer .block-info p{line-height:18px;color:#fff;font-size:12px;font-family:"微软雅黑";}
.layout-footer .block-info a:link,
.layout-footer .block-info a:visited{color:#fff;}


/* / Front Page / ---------- ---------- ---------- ---------- */

#front #page { min-width: 999px; background: url(/img/20140128_front_bg.jpg) center top no-repeat;}
#front #header { height: 566px; background: none;}
#front #logo { padding-top: 30px;}
#front #logo > a { display: inline-block;}
#front #logo > a > img { width: 200px; height: 138px;}
#front #mainly { padding-top: 15px; background: none;}
.front-slidershow { height: 398px; overflow: hidden;}
.front-slidershow-more { width: 140px; margin-top: 266px; margin-left: 135px;}
.front-slidershow-more a { height: 59px; display: block; text-indent: -6666em; background: url(/img/front_slideshow_more_img.png) 0 0 no-repeat;}
.front-left { width: 224px; float: left; margin-left: 40px; margin-top: 8px;}
.front-left a { height: 55px; margin-bottom: 11px; display: block; text-indent: -6666em; background: url(/img/20140109_front_mainly_a.jpg) no-repeat;}
.front-left a:nth-of-type(1) { background-position: 0px 0px;}
.front-left a:nth-of-type(1):hover { background-position: -224px 0px;}
.front-left a:nth-of-type(2) { background-position: 0px -55px;}
.front-left a:nth-of-type(2):hover { background-position: -224px -55px;}
.front-left a:nth-of-type(3) { background-position: 0px -110px;}
.front-left a:nth-of-type(3):hover { background-position: -224px -110px;}
.front-left a:nth-of-type(4) { background-position: 0px -165px;}
.front-left a:nth-of-type(4):hover { background-position: -224px -165px;}
.front-middle { width: 478px; height: 329px; float: left; overflow: hidden; background: url(/img/front_video_bg.png) no-repeat;}
.front-middle div { width: 455px; height: 255px; margin: 9px auto 0;}
.front-middle p { padding-top: 5px; text-align: center;}
.front-right { width: 214px; margin-top: 8px; border: 1px #BCBCBC solid; float: left;}
.front-right a { width: 214px; height: 255px; display: block; text-indent: -6666em; background: url(/img/front_mainly_a.jpg) 0 -220px no-repeat;}
.front-right a:hover { width: 214px; height: 255px; display: block; background: url(/img/front_mainly_a.jpg) -224px -220px no-repeat;}
.front-remind { height: 31px; text-align: center; background: url(/img/front_remind.jpg) repeat-x;}
.front-remind p { padding-top: 8px; color: #FFF;}