@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
a{ text-decoration:none;}
a:focus{ -moz-outline:none;}
:focus {outline: none; }
ul li{ list-style:none outside none;}
img{ border:none;}
h2{ color:#ffffff; font-size:40px; font-family:Century Gothic, Verdana; font-weight:normal;}
h3{font-size:24px; line-height:1.3em; color:#ffffff; font-family:Century Gothic, Verdana; font-weight:normal; }
.clear{ clear:both;}
.textShadow{ -moz-text-shadow:0 -1px 0 #031322; -webkit-text-shadow:0 -1px 0 #031322; text-shadow:0 -1px 0 #031322;}
body{ background:#edecee; font-family:Roboto,Tahoma,Arial,sans-serif; font-size:16px; font-weight:normal; color:#666666;}
body.index{background-color:#080B2C;}
.kheader{ height:70px; width:90%; background-color:#161528; padding:10px 5%; opacity:0.9; -moz-opacity:0.9; filter:alpha(opacity:90); position:fixed; top:0; left:0; z-index:300; min-width:960px;}
.kheader a.klogo{ display:block; float:left; width:260px; height:60px; padding:5px 0; opacity:1;}
.kheader ul.kmenu{ display:block; float:right;}
.kheader ul.kmenu li{ display:block; float:left; height:50px; line-height:50px; padding:15px 0;}
.kheader ul.kmenu li a{ color:#ffffff; font-size:18px; height:30px; line-height:30px; margin:10px 40px 10px 10px;}
.kheader ul.kmenu li a.active, .kheader ul.kmenu li a:hover{ color:#b697ff;}
.kheader ul.kmenu li ul{display:block; padding:5px 15px; width:150px; background:#130b25; opacity:0.95; -moz-opacity:0.95; filter:alpha(opacity:95); border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; overflow:hidden; z-index:100; position:absolute; top:75px;}
.kheader ul.kmenu li ul li{ display:block; height:20px; padding:10px 0; float:left; border-bottom:1px solid #473373;}
.kheader ul.kmenu li ul li a{ display:block; float:left; color:#ffffff; font-size:14px; width:150px; height:20px; line-height:20px; margin:0;}
.kheader ul.kmenu li ul li a.active{ color:#b697ff;}
a.positionAnchor{ position:absolute; top:0;}

/**--PAGE:index**/
body.index .colCon{ float:left; height:600px; width:90%; padding:0 5%; background:url(../images/indextopadv01.jpg) no-repeat #261240 top center; position:relative;}
body.index .col01{ background:url(../images/indextopadv01.jpg) no-repeat #261240 top center; height:650px;  min-width:960px;}
body.index .col01 h2, body.index .col01 ul, body.index .col01 a.dlBt, body.index .col01 a.readMore{ display:block; margin:0 50% 20px 0; float:left; width:50%;}
body.index .col01 h2{ margin-top:170px;}
body.index .col01 ul li{ font-size:20px; line-height:22px; color:#ffffff; margin-bottom:12px; opacity:0.7; -moz-opacity:0.7; filter:alpha(opacity:70);}
body.index .col01 a.dlBt, body.index .col01 a.readMore{  padding:12px 10px; margin-bottom:20px;  border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background:#ffffff; opacity:0.75; -moz-opacity:0.75; filter:alpha(opacity:75); width:230px; color:#000000;}
body.index .col01 a.dlBt span, body.index .col01 a.readMore span{ float:left; font-family:Century Gothic, Verdana; font-weight:normal; font-size:20px; height:20px; line-height:20px; opacity:0.85; -moz-opacity:0.85; filter:alpha(opacity:85);}
body.index .col01 a.dlBt span.rightIcon, body.index .col01 a.readMore span.rightIcon{ display:block; float:right; width:16px; height:16px; background:url(../images/touchpalelement.png) no-repeat; background-position:0 0; margin:2px 0;}
body.index .col01 a.readMore{ width:226px; padding:11px 10px; background:none; border:2px solid #ffffff; color:#ffffff; }
body.index .col01 a.readMore span.rightIcon{background-position:-20px 0;}
body.index .col01 a.dlBt:hover, body.index .col01 a.readMore:hover{ opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity:50);}
body.index .col001{ background:url(../images/indextopadv02.jpg) no-repeat #261240 top center; height:650px;  min-width:960px;}
body.index .col001 h2, body.index .col001 ul, body.index .col001 a.dlBt, body.index .col001 a.readMore{ display:block; margin:0 0 20px 50%; float:right; width:50%;}
body.index .col001 h2{ margin-top:200px; color:#161528;}
body.index .col001 ul li{ font-size:20px; line-height:22px; color:#161528; margin-bottom:12px; opacity:0.7; -moz-opacity:0.7; filter:alpha(opacity:70);}
body.index .col001 a.dlBt, body.index .col001 a.readMore{  padding:12px 10px; margin-bottom:20px; margin-right:28%; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background:#161528; opacity:0.75; -moz-opacity:0.75; filter:alpha(opacity:75); width:20%; color:#ffffff;}
body.index .col001 a.dlBt span, body.index .col001 a.readMore span{ float:left; font-family:Century Gothic, Verdana; font-weight:normal; font-size:20px; height:20px; line-height:20px; opacity:0.85; -moz-opacity:0.85; filter:alpha(opacity:85); margin-left:5px;}
body.index .col001 a.dlBt span.rightIcon, body.index .col001 a.readMore span.rightIcon{ display:block; float:right; width:16px; height:16px; background:url(../images/touchpalelement.png) no-repeat; background-position:-12px 0; margin:2px 5px 2px 0;}
body.index .col001 a.dlBt:hover, body.index .col001 a.readMore:hover{ opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity:50);}
body.index .col02{ width:100%; padding:0; background:url(../images/indexcol01advbgimg01curve.jpg) no-repeat #050c26 top center;}
body.index .col02_01{ background:url(../images/indexcol01advbgfun.jpg) no-repeat #080b2c top center;}
body.index .col03{ background:#edecee; height:auto; padding-bottom:60px;}
body.index .col02 .conBox{ float:right; width:42%;}
body.index .col02 #firstindex, body.index .col02 .descText{ display:block; margin:0 0 20px 0; width:100%; float: left; }
body.index .col02 ul.fchange{ display:block; width:210px; position:absolute; bottom:80px; right:18%; z-index:100;}
body.index .col02 ul.fchange li{ display:block; float:left; width:15px; height:15px; margin-right:20px; overflow:hidden; background:url(../images/touchpalelement.png) no-repeat; background-position:-40px 0; opacity:0.8; -moz-opacity:0.8; filter:alpha(opacity:80); text-indent:-99999px; overflow:hidden;}
body.index .col02 ul.fchange li:hover, body.index .col02 ul.fchange li.factive{background-position:-70px 0;}
body.index .col02 h2{ margin-top:120px;}
body.index .col02 .descText h3{ margin-bottom:20px;}
body.index .col02 .descText ul{ display:block; float:left; width:100%; margin-bottom:15px;}
body.index .col02 .descText ul li{display:block; list-style:none; color:#ffffff; font-size:20px; height:20px; line-height:20px; float:left; margin-right:20px; }
body.index .col02 .descText ul li.descTag{ display:block; width:14px; height:14px; background:url(../images/touchpalelement.png) no-repeat; background-position:-160px 0; margin:3px 5px 3px 0; padding:0;}
body.index .col02 .descText ul li.descLight{ font-size:17px; color:#bdc1fe; display:block;}
body.index .col02 .descText ul li > ul li{ font-size:17px; color:#bdc1fe; display:block; width:100%; margin-top:5px; padding-left:20px;}
body.index .col03 h2, body.index .col03 .descText{ color:#5b4fb9; display:block; margin:0 5% 20px 0; float:left; width:45%;}
body.index .col03 h2{margin:100px 55% 20px 0;}
body.index .col03 h2 a{ display:block; float:right;  margin:18px 0 0; vertical-align:middle; height:18px; background:#a59be0; padding:4px 8px; color:#ffffff; font-size:18px; line-height:18px; width:70px; }
body.index .col03 h2 a span{ display:block; float:right; width:14px; height:10px; margin:5px 0; background:url(../images/touchpalelement.png) no-repeat; background-position:-100px 0;}
body.index .col03 h2 a:hover{ background:#9187cc;}
body.index .col03 .descText span.newsDate{display:block; width:100%; float:left; margin-bottom:2px; color:#999999; line-height:24px;}
body.index .col03 .descText a{ display:block; width:96%; float:left; padding:12px 2%; font-size:18px; color:#666666; line-height:24px; background:#fbfbfc; margin-bottom:16px;}
body.index .col03 .descText a:hover{ background:#a59be0; color:#ffffff;}
body.index .col03 .colNews{ display:block; width:45%; margin:0 0 0 0; float:right;}
body.index .col03 .colNews img{ max-width:540px; width:100%;}
body.index .col03 .colNews .newsTitle{color:#5B4FB9; margin:5px 0;}
body.index .col03 .colNews .newsDate{ color:#999999; font-size:16px; margin-bottom:5px;}
body.index .col03 .colNews .newsCon{ font-size:18px; line-height:24px; color:#666666;}
body.index .col03 .colNews .newsCon a.more{display:inline-block;height:10px; background:#a59be0; padding:5px; margin:0 5px -2px; width:14px; }
body.index .col03 .colNews .newsCon a.more span{display:block; text-align:center; width:14px; height:10px; background:url(../images/touchpalelement.png) no-repeat; background-position:-100px 0;}
body.index .col03 .colNews .newsCon a.more:hover{ background:#9187cc;}

.bottomNav{ width:100%; background:none; text-align:center; z-index:300; position:fixed; clear:both; bottom:0;}
.bottomNav a.backtop{display:block; position:relative; width:180px; height:20px; line-height:20px; margin:0 auto; background:#161528;  border-top-left-radius:4px; -moz-border-top-left-radius:4px; -webkit-top-left-radius:4px; border-top-right-radius:4px; -moz-border-top-right-radius:4px; -webkit-top-right-radius:4px; padding:10px 15px; z-index:200; color:#dad8e1; font-size:18px; font:normal;}
.bottomNav a.backtop:hover{ color:#a59be0;}
.bottomNav a.backtop span.topArro{ display:block; float:right; width:16px; height:16px; margin:2px 0; background:url(../images/touchpalelement.png) no-repeat; background-position:-130px 0;}

.footer{float:left; width:90%; background:#161528; padding:30px 5% 40px; color:#dad8e1; position:relative;} 
.footer ul.sitemap{display:block; width:60%; margin:10px 5% 10px 0; float:left;}
.footer ul.sitemap li{ display:block; float:left; width:25%;}
.footer ul.sitemap li a, .footer ul.sitemap li ul, .footer ul.sitemap li ul li{ display:block; width:100%; float:left; margin-bottom:15px;}
.footer ul.sitemap li a.navTitle{ font-size:16px; font-weight:bold; color:#dad8e1;}
.footer ul.sitemap li ul li a{ width:auto; font-size:16px; color:#747379; margin-bottom:0px; height:20px; line-height:20px;}
.footer ul.sitemap li a:hover{ color:#a59be0;}
.footer .social .socialBox, .footer .social p.copyright, .footer p.semail{ width:100%; margin:0 0 10px 0; float:left; color:#747379;}
.footer p.semail a{ color:#747379;}
.footer p.semail a:hover{color:#a59be0;}
.footer .social{width:35%; float:right;}
.footer .social .socialBox a{ display:block; width:44px; height:44px; float:left; margin-right:30px; background:url(../images/touchpalelement.png) no-repeat; background-position:0 -30px; text-indent:-9999px; overflow:hidden;}
.footer .social .socialBox a.stwitter{ background-position:-50px -30px;}
.footer .social .socialBox a.syoutube{ background-position:-100px -30px;}
.footer .social .socialBox a.sgplus{background-position:-150px -30px;}
.footer .social .socialBox a:hover{ opacity:0.7; -moz-opacity:0.7; filter:alpha(opacity:70);}
**/