﻿/**
 * @author bangyoo@163.com
 * @date 2014.07.28
 */
@font-face {
    font-family: 'HelveticaBold';
    src: url('../images/v3/fonts/helveticabold.eot');
    src: url('../images/v3/fonts/msyh.ttf') format('truetype'),
	     url('../images/v3/fonts/zaoziyuehei.otf') format('OpenType'),
		 url('../images/v3/fonts/zzgfyh.otf') format('OpenType'),
         url('../images/v3/fonts/helveticabold.eot') format('embedded-opentype'),
         url('../images/v3/fonts/helveticabold.woff') format('woff'),
         url('../images/v3/fonts/helveticabold.svg#HelveticaBold') format('svg');
}


/* reset css */
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, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
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;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* to preserve line-height and selector appearance */
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input,
button,
textarea,
select {
	font-family:'HelveticaRegular', Helvetica, "Microsoft YaHei", Arial, Verdana, serif;
	font-size:inherit;
	font-weight:inherit;
	*font-size:100%; /*to enable resizing for IE*/
	width:auto;
	overflow:visible;
}
/*because legend doesn't inherit in IE */
legend {
	color:#000;
}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
h1 { font-size: 48px; line-height: 48px;}
h2 { font-size: 32px; line-height: 32px;}
h3 { font-size: 24px; line-height: 24px;}
h4 { font-size: 16px; line-height: 16px;}
/* end reset css */
a,
a:visited,
a:active {
	color: #333;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
/*float clear*/
.clear {
	zoom: 1;
}
.clear:after {
	content: "\200c";
	display :block;
	height: 0;
	font-size: 0;
	clear: both;
}
.none { display:none;}
.Center { text-align: center;}
.White { color: #FFF;}

body { color:#333; font-family: '微软雅黑', "黑体", Arial, Verdana, serif;font-size:0.8em;line-height:1;background: #fff url('../images/bottom-bg.png') repeat-x center bottom;}
body.Front { background:#efefef;}
#wrap {position:relative;min-height:100%;_height:100%;text-align: center;}

.bg {position:absolute;top:0;left:0;right:0;bottom:0;min-width:460px;}

.bg3 { background-color: #fff !important;}
.bg1 { background: url('../images/v3/bg.jpg') repeat-x center 40px #fff !important;}
.bg2 { background: url('../images/v3/banner_aaa.png') repeat-x center 95px #fff !important;}
.bg0 { background: url('../images/v3/bg2.jpg') repeat-x center 95px #fff !important;}
.section{ width:100%;}
.content{ margin:0 auto;position:relative;}
#header { width:100%;}
#header-fixed { height: 145px;}
#header-wrap { width:100%;height: auto;background: #fff url('../images/v3/header-bg.png') repeat-x 0 2px;z-index: 999;position:absolute;display: block;zoom: 1;}

#header { height:100px;padding:0 0 1px;z-index: 999;}
#logo { text-indent:-999em;width:82px;height:78px;float:left;position:relative;top:50%;margin:-35px 0 0 0;}
#logo a { display:block;width:100%;height:100%;background:url('../images/logo.png') no-repeat;background-size:cover;-webkit-tap-highlight-color:rgba(0,0,0,0);}

.address { position:absolute; font-size:14px; top: 30px;left:126px; padding: 0 5px 0 30px; color:#ccc; text-align: left; height: 25px; line-height: 25px; background: url('../images/icon1.png') no-repeat left center;} 

.fixed #logo { width:142px;height:36px;margin-top:-17px;}
.fixed #logo a{ background-image:url('../images/v3/logo.png');}
.fixed .address { left: 168px; top: 15px;}

/* 一级导航 */
#Navigation { height: 41px; position: relative; width: 480px; float: right; clear: both; z-index: 999; padding: 0 0 0 20px; margin: 0 auto; font-size: 14px; text-align: center;}
#Navigation ul {list-style-type: none; margin-top: 0;}
#Navigation ul li { float: right;line-height: 16px;text-align: center; margin-left: 30px; display: inline; background: url('../images/sjx.png') no-repeat right center; }
#Navigation ul li.r { background: url('../images/nav-line2.gif') no-repeat left center;}
#Navigation ul li a {display: block;width: 130px; padding:0; margin: 0; line-height: 39px; height: 39px; text-decoration: none;}
#Navigation ul li a:link, #Navigation ul li a:visited, #Navigation ul li a:active{ color: #666;}
#Navigation ul li a#frist {background-image: url('../images/navjump.png'); background-repeat: repeat; color: #333;}
#Navigation ul li a.cur, #Navigation ul li a.cur:link, #Navigation ul li a.cur, #Navigation ul li a.cur:visited, #Navigation ul li a.cur:active, #Navigation ul li a.cur:hover, #Navigation ul li a:hover { background-image: url('../images/navjump-hover.png'); background-repeat: repeat;  color: #000; text-decoration: none;}

/* 二级导航 */
#Navigation ul li ul, #Navigation ul li:hover ul, #Navigation ul li a:hover ul {display: none;width: 158px; z-index: 999; margin: 0; margin-left:-30px; padding: 0; position:absolute; -moz-box-shadow:2px 1px 3px rgba(0,0,0,0.1); -webkit-box-shadow:2px 1px 3px  rgba(0,0,0,0.1); box-shadow:2px 1px 3px  rgba(0,0,0,0.1); overflow:hidden; }
#Navigation ul li:hover ul, #Navigation ul li a:hover ul {display: block; z-index: 999; position:absolute; margin-top: 0; padding-top: 1px;}
#Navigation ul li ul li {display:block;font-size: 12px;line-height: 12px;text-align: center;  padding-top:1px; margin-left: 0; background-image: none;}
#Navigation ul li ul li.first { padding-top:0; background:none;}
#Navigation ul li ul li a, #Navigation ul li ul li a:link, #Navigation ul li ul li a:visited, #Navigation ul li ul li a:active, #Navigation ul li ul li a.cur, #Navigation ul li ul li a.cur:link, #Navigation ul li ul li a.cur:visited, #Navigation ul li ul li a.cur:active { display: block; width: 158px; margin-left: 0; padding: 10px 0; line-height: 16px; height: 16px; text-align: center; text-decoration: none;  background-image: url('../images/navjump.png');  background-repeat: repeat; color: #333;}
#Navigation ul li ul li a.cur:hover, #Navigation ul li ul li a:hover {text-decoration: none; margin-left: 0; background-image: url('../images/navjump-hover.png'); background-repeat: repeat; color: #000;}
#Navigation ul li a .EnglishFont{ font-size: 11px;}


#menus{
	float:right;
	text-transform:uppercase;
	height:100%;
	font-size:16px;
    position:relative;
	z-index: 999;
}
#menus a{
	color:#ddd;
	color:rgba(255,255,255,.6);
	*color:#ddd;
	float:left;
	zoom:1;
	padding:0 16px;
	height:100%;
	position:relative;
	letter-spacing:1px;
}

#menus a:hover{
	background:url('../images/v3/a.png'); /* for not support RBGA */
	background:rgba(0,0,0,0.1);
	_background:none;
	color:#fff;
}
#menus a.active { color:#fff;}
#menus a span{
	height:20px;
	cursor:pointer;
	zoom:1;
	float:left;
	position:relative;
	top:50%;
    top:50px \9;
	margin-top:-10px;
	line-height:20px;
	overflow:hidden;
	white-space:nowrap;
}

#Login { float: right; width: 200px; font-size: 16px; margin: 30px 0;}
#Login a.zc, #Login a.zc:link, #Login a.zc:active, #Login a.zc:visited, #Login a.dl { display: block; padding: 0; float: left; width: 88px; height: 32px; line-height: 32px; text-align: center; background: url('../images/zc-bt.png') no-repeat center center; text-indent: 0; color:#333; margin: 5px;}
#Login a.dl, #Login a.dl:link, #Login a.dl:active, #Login a.dl:visited { background: url('../images/dl-bt.png') no-repeat center center;}
#Login a.zc:hover, #Login a.dl:hover { color: #000;}

#menus a .more {background-position:-534px -25px;height:23px;line-height:23px;margin-top:-52px;}
#menus a:hover .more,
#menus a.active .more { background-position:-534px -53px;}
#more span {display:block;height:23px;background:url('../images/v3/icon.png') no-repeat -130px -1px;margin-top:36px;padding-left:35px;	}
#menuMore{
	position:fixed;
	_position:absolute;
	top:100px;
	width:100%;
	height:100%;
	z-index:11;
	display:none;
	background:#000;
	background:rgba(0,0,0,0.85);
	overflow:hidden;
}
#menuMore .content{
	position:absolute;
	width:960px;
	top:50%;
	left:50%;
	margin:-150px 0 0 -490px;
	_top:5%;
	_margin-top:0;
}
#menuMore li{
	float:left;
	color:#fff;
	width:30%;
	margin:20px 0 10px 3.3%;
	line-height:35px;
	font-size:18px;
	white-space:nowrap;
	overflow:hidden;
	display:inline;
}
#menuMore li.primary { display:none;}
#menuMore li h2 { font-size:36px;padding:0 0 10px 24px;}
#menuMore li a { color:#aaa;}
#menuMore li a.hover,
#menuMore li a:hover { color:#fff;}
#menuMore li a span { float:left;height:12px;width:12px;overflow:hidden;background:#eb6100;border-radius:10px;margin:11px 10px 0 0;visibility:hidden;}
#menuMore li a.hover span, #menuMore li a:hover span { visibility:visible;}
.fixed #header-wrap { position:fixed; background:url('../images/v3/header-bg.png') repeat-x 0 -44px;}
.fixed #header { height:50px;}

.fixed #menus a span { top:25px \9;}
.fixed #Login { float: right; width: 200px; font-size: 16px; margin: 7px 0 0;}

.fixed #menuMore { top:50px;}
.fixed #Navigation{ padding-top: 6px;}
.fixed #Navigation ul {list-style-type: none; margin-top: 0;}

#Crumb {
	padding:120px 0 35px;
	height: 50px;
	width:100%;
	position:relative;
	z-index:8;}

#container-wrap{
	padding:0;
	margin: 0 auto;
	width:100%;
	position:relative;
	z-index:8;
}
.page{
	background:#fff;
	padding:0 0 30px;
	font-size:18px;
	line-height:1.4;
}
.page a { color:#efefef;}
.page a:hover { text-decoration:underline;}
.breadcrump { background:#eee;line-height:40px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;padding:0 10px;}
.breadcrump strong { font-family:HelveticaBold;}
.post { padding:18px 50px 22px;}
.post .title { font-family:HelveticaBold;font-size:22px;font-weight:bold;padding-bottom:5px;}
.post h2.title { font-size:36px;}
.entry { line-height:1.6;font-size:.9em;}
.entry p { margin:0 0 20px;}
.entry b, .entry strong { font-family:HelveticaBold;font-weight:bold;}
.entry img { max-width: 100%;height:auto;}
.loop { padding:30px 0;}
.loop .post { background:url('../images/v3/dot.png') repeat-x 0 100%;}
.single { padding:30px 0;}
.single .post {max-width:880px;margin:0 auto;}
.single .title {margin-bottom:15px;}
/* footer */
#footer-wrap {position: relative;width:100%;left:0;bottom: 0;z-index:10;}
.Front #footer { color:#fff;background:none;}
.Front #footer a { color:#fff;}

.foot-copy em { font-style:normal; opacity:.5;}

/* slider */
#sliderBox, #sliderBox1, #sliderBox2, #sliderBox3, #sliderBox4, #sliderBox5, #sliderBox6 { width:100%; position:relative; z-index:10; display:none; _display:block; text-align: center; margin: 0;padding: 0;}
#sliderBox .prev, #sliderBox .next { position: absolute;_position:absolute;top:46%;background:url('../images/v3/icon2.png') no-repeat;display:block;text-indent:-999em;width:53px;height:53px;line-height: 53px;z-index:99;}
#sliderBox .prev { background-position:-4px -90px; left:10px;}
#sliderBox .next { background-position:-61px -90px; right:10px;}
	
#sliderBox .prev:hover { background-position:-4px -148px;}
#sliderBox .next:hover { background-position:-61px -148px;}
#slider, #slider2, #slider3 { overflow:hidden;width:100%;height: 840px;}
#slider ul, #slider2 ul, #slider3 ul { width:100%;height: 840px;left:0;overflow: hidden;}
#slider li, #slider2 li, #slider3 li { float:left;width:100%;height: 840px;position:absolute;top:0;left:0;overflow: hidden;}
#slider li img, #slider2 li img, #slider3 li img { max-width:80%;}
#slider li .layout, #slider2 li .layout, #slider3 li .layout, #sliderBox .layout, #sliderBox1 .layout, #sliderBox2 .layout, #sliderBox3 .layout, #sliderBox4 .layout, #sliderBox5 .layout, #sliderBox6 .layout  { width:990px;height:840px; margin:0 auto; position:relative;}
.layout a { -webkit-tap-highlight-color:rgba(0,0,0,0);}
.layout img { position:absolute;-webkit-touch-callout:none;}

#slider li .line{ width:100%; height:80px; background:url('../images/v3/c.png'); position:absolute; top:480px; left:0;}
#navi { text-align:center; margin-top: 30px; margin-bottom: 50px;}
#navi a{ display:inline-block;zoom:1;width:13px;height:13px;overflow:hidden;background:url('../images/banner-icon-li.png') no-repeat 0 0;margin:0 7px;}
#navi a.active { background:url('../images/banner-icon-li.png') no-repeat 0 -18px;}
#navi {-webkit-transform:scale(0.7);-moz-transform:scale(0.7);transform:scale(0.7);}

.Lfloat { float: left;}
.Rfloat { float: right;}

/* 播放广告 */
#banner1, #banner2, #banner3, #banner4 { height: 840px; clear: both; overflow: hidden; zoom: 1;}

#ProductContent, #LinkNew, #About { clear: both; padding: 50px 0; width:100%; height: auto; min-height: 5%; text-align: center; position: relative; overflow: hidden; z-index: 11;}
#About { overflow: auto;}
#ProductContent { margin: 30px auto 0; padding: 35px 0; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef; color: #666; overflow: hidden; zoom: 1;}
#ProductContent table { width: 100%; line-height: 18px;}
#ProductContent table tr th { font-size: 18px; font-weight: bold; vertical-align: top; padding: 8px; border-bottom: 1px dashed #eee;}
#ProductContent table tr td { font-size: 12px; vertical-align: top; text-align: left; padding: 8px;}
#ProductContent table tr td img { float: right;}

#LinkNew, #About, #pbl, #qdhz, #banner, #banner_img, #bzzx, #hzhb { margin: 0 auto; padding: 30px 0 65px;}
#LinkNew { padding-bottom: 0px;}
#LinkNew .Link { float: left; width: 64%; min-width:200px; margin-left: 15px; text-align: left;}
#LinkNew .Link h2, #LinkNew .New h2 { display: block; font-size: 16px; height: 44px; line-height: 44px; padding: 20px 0; text-align: left; font-weight: bold;}
#LinkNew .Link img { height: 20px; padding:0; margin: 20px 30px 20px 0; border: 0;}
#LinkNew .New, #About .Contact { float: right; width: 20%; min-width: 180px;}
#LinkNew .New { width: 30%; min-width: 300px; height: 100px; float: right;}
#LinkNew .New iframe {width: 300px; border: 0; float: left;}
#About .Link h2, #About .Contact h2, #About .Contact h3  { font-size: 16px; height: 22px; line-height: 22px; padding: 5px 0 15px 0; font-weight: bold; text-align: left;}
#About .Contact h2 { float: left; padding-right: 15px;}
#About .Contact h3 { font-size: 12px; color: #999;}
#About .Contact p.BigText { font-size: 24px; color: #111; font-weight: bold; margin: 5px 0 25px;}
#LinkNew .New ul, #About .Link ul { list-style: none;}
#LinkNew .New ul li, #About .Link ul li { display: inline; font-size: 14px; line-height: 24px; height: 24px;}
#LinkNew .New ul li a, #LinkNew .New ul li a:link, #LinkNew .New ul li a:active, #LinkNew .New ul li a:visited, #About .Link ul li a, #About .Link ul li a:link, #About .Link ul li a:active, #About .Link ul li a:visited { float: left; display: block; width: 58%; min-width: 140px; padding: 2px 0 2px; text-align: left; color: #666; /* border-bottom: 1px dashed #ccc; background: url('../images/li-bg.gif') no-repeat 0 center; */}
#LinkNew .New ul li a:hover, #About .Link ul li a:hover {/* background: url('../images/li-bg.gif') no-repeat 0 -72px; border-bottom: 1px dashed #666; */ color: #000;}

#About { padding: 25px 0; z-index: 999; height: auto; padding-top: 100px; margin-top: 0;}
#About .Link { float: left; width: 20%; padding: 10px;}
#About .Link ul { list-style: none;}
#About .Contact { float: right; width: 20%; min-width: 180px;}
#About .Contact h1 { font-size: 24px; color: #F00; font-weight:bold; padding-bottom: 5%;}
#About .Contact p { text-align: left;}

#Footer {clear: both; position: relative; overflow: hidden; zoom:1; z-index: 11; bottom: 0; width: 100%; margin: 0; padding: 10px 0; font-size: 12px;height: 35px !important; line-height: 35px !important; text-align: center; background-color: #424242; color: #898989 !important;}
#Footer .Text { width: 1200px; margin: 0 auto; clear: both;}
#Footer span.foot-copy { width: 65%; float: left; text-align: left; background: url('../images/logo-s.png') no-repeat 0 center; padding-left: 45px; margin-left: 10px;}
#Footer span { float: right; width: 20%; text-align: left;}
#Footer a { color: #898989 !important;}
#Footer a:hover { color: #fff !important;}

.rollBox{ width: 100%;overflow:hidden;margin:0 auto;}
.rollBox .Cont{ width: 90%; min-width: 200px; overflow:hidden; margin:0 auto; float: left;}
.rollBox .ScrCont{width:10000000px;}
.rollBox .Cont img {float:left; padding:4px; padding-right:30px; background:#fff; border:1px solid #ccc; display:block; margin:0 auto;}
.rollBox #List1,.rollBox #List2{float:left;}
.rollBox #List2{float: right; width: 3%; min-width: 26px;}
.rollBox #List2 img { height: 32px; padding: 4px; margin: 0;}

.black_overlay { display: none; position: absolute; top: 0; left: 0; padding: 0; margin: 0; width: 100%; height: 100%; /** background-color: #000; **/ z-index:9998; -moz-opacity: 0.8; opacity:.80; filter: alpha(opacity=88);}
.white_content { display: none; position: absolute; top: 10px; left: 62%; width: 230px; height: 210px; padding: 10px 5px 5px 5px; border: 10px solid #84c225; background-color: #fff; z-index:9999; overflow: auto;}
.white_content img { width: 200px; height: 200px;}



@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min-device-pixel-ratio: 1.5) {
	#logo a{
		background-image:url('../images/v3/x2/logo.png');
	}
    .fixed #logo a{
        background-image:url('../images/v3/x2/logo_small.png');
    }

	#banner .download a.gp,#banner .download a.gp:hover{
		background:url('../images/v3/x2/gp.png') no-repeat 0 0;
		background-size:auto 60px;
	}
	#banner .download a.as, #banner .download a.as:hover{
		background:url('../images/v3/x2/as.png') no-repeat 0 0;
		background-size:180px 60px;
	}
	#banner .app{
		background:url('../images/v3/x2/cm.png') no-repeat 0 0;
		background-size:contain;
	}
	#cm_feature .remove-junk-files .icon{
		background:url('../images/v3/x2/f1.png');
		background-size:cover;
	}
	#cm_feature .protect-privacy .icon{
		background:url('../images/v3/x2/f2.png');
		background-size:cover;
	}
	#cm_feature .memory-boost .icon{
		background:url('../images/v3/x2/f4.png');
		background-size:cover;
	}
	#cm_feature .app-manager .icon{
		background:url('../images/v3/x2/f3.png');
		background-size:cover;
	}
	#play,#play:hover{
		background:url('../images/v3/x2/play.png') no-repeat;
		background-size:154px 148px;
	}
	#pg_banner .download a{
		-webkit-transition:none;
	}
	#pg_banner .download span{
		background-image:url('../images/v3/x2/pg_store.png');
		background-size:cover;
	}
	#pg_banner .download a.hover span,
	#pg_banner .download a:hover span{
		background-image:url('../images/v3/x2/pg_store_h.png');
		background-size:cover;
	}
}


/* animate */
@-webkit-keyframes fadeIn{
	0%{opacity:0}
	100%{opacity:1}
}
@-moz-keyframes fadeIn{
	0%{opacity:0}
	100%{opacity:1}
}
@keyframes fadeIn{
	0%{opacity:0}
	100%{opacity:1}
}
@-webkit-keyframes scaleIn{
	0%{-webkit-transform:scale(0);}
	100%{-webkit-transform:scale(1);}
}
@-moz-keyframes scaleIn{
	0%{-moz-transform:scale(0);}
	100%{-moz-transform:scale(1);}
}
@keyframes scaleIn{
	0%{transform:scale(0);}
	100%{transform:scale(1);}
}
@-webkit-keyframes scaleOut{
	0%{-webkit-transform:scale(2);}
	100%{-webkit-transform:scale(1);}
}
@-moz-keyframes scaleOut{
	0%{-moz-transform:scale(2);}
	100%{-moz-transform:scale(1);}
}
@keyframes scaleOut{
	0%{transform:scale(2);}
	100%{transform:scale(1);}
}
@-webkit-keyframes scaleIn2{
	50%{-webkit-transform:scale(.9);}
	100%{-webkit-transform:scale(1);}
}
@-webkit-keyframes flyLeft{
	0%{-webkit-transform:translateX(-350px);}
	100%{-webkit-transform:translateX(0);}
}
@-moz-keyframes flyLeft{
	0%{-moz-transform:translateX(-350px);}
	100%{-moz-transform:translateX(0);}
}
@keyframes flyLeft{
	0%{transform:translateX(-350px);}
	100%{transform:translateX(0);}
}
@-webkit-keyframes flyRight{
	0%{-webkit-transform:translateX(350px);}
	100%{-webkit-transform:translateX(0);}
}
@-moz-keyframes flyRight{
	0%{-moz-transform:translateX(350px);}
	100%{-moz-transform:translateX(0);}
}
@keyframes flyRight{
	0%{transform:translateX(350px);}
	100%{transform:translateX(0);}
}
@-webkit-keyframes flyTop{
	0%{-webkit-transform:translateY(-350px);}
	100%{-webkit-transform:translateY(0);}
}
@-moz-keyframes flyTop{
	0%{-moz-transform:translateY(-350px);}
	100%{-moz-transform:translateY(0);}
}
@keyframes flyTop{
	0%{transform:translateY(-350px);}
	100%{transform:translateY(0);}
}
@-webkit-keyframes flyBottom{
	0%{-webkit-transform:translateY(350px);}
	100%{-webkit-transform:translateY(0);}
}
@-moz-keyframes flyBottom{
	0%{-moz-transform:translateY(350px);}
	100%{-moz-transform:translateY(0);}
}
@keyframes flyBottom{
	0%{transform:translateY(350px);}
	100%{transform:translateY(0);}
}

@-webkit-keyframes sunShine{
	50%{-webkit-transform:translate(350px,-350px);opacity:0.7;}
	100%{-webkit-transform:translate(0,0);opacity:1;}
}
@-moz-keyframes sunShine{
	50%{-moz-transform:translate(350px,-350px);opacity:0.7;}
	100%{-moz-transform:translate(0,0);opacity:1;}
}
@keyframes sunShine{
	50%{transform:translate(350px,-350px);opacity:0.7;}
	100%{transform:translate(0,0);opacity:1;}
}

@-webkit-keyframes popIn{
	0%{-webkit-transform:scale(0,0);opacity:0.5;}
	100%{-webkit-transform:scale(1,1);opacity:1;}
}
@-moz-keyframes popIn{
	0%{-moz-transform:scale(0,0);opacity:0.5;}
	100%{-moz-transform:scale(1,1);opacity:1;}
}
@keyframes popIn{
	0%{transform:scale(0,0);opacity:0.5;}
	100%{transform:scale(1,1);opacity:1;}
}

@-webkit-keyframes cheetah{
	0%{-webkit-transform:translate(100%,0);opacity:.5;}
	100%{-webkit-transform:translate(0,0);opacity:1;}
}
@-moz-keyframes cheetah{
	0%{-moz-transform:translate(100%,0);opacity:.5;}
	100%{-moz-transform:translate(0,0);opacity:1;}
}
@keyframes cheetah{
	0%{transform:translate(100%,0);opacity:.5;}
	100%{transform:translate(0,0);opacity:1;}
}

@-webkit-keyframes flipinX{
    0%{-webkit-transform:perspective(400px) rotateX(90deg);opacity:.8;}
    40%{-webkit-transform:perspective(400px) rotateX(-10deg);}
    70%{-webkit-transform:perspective(400px) rotateX(10deg);}
    100%{-webkit-transform:perspective(400px) rotateX(0);opacity:1;}
}
@-moz-keyframes flipinX{
    0%{-moz-transform:perspective(400px) rotateX(90deg);opacity:.8;}
    40%{-moz-transform:perspective(400px) rotateX(-10deg);}
    70%{-moz-transform:perspective(400px) rotateX(10deg);}
    100%{-moz-transform:perspective(400px) rotateX(0);opacity:1;}
}
@-ms-keyframes flipinX{
    0%{-ms-transform:perspective(400px) rotateX(90deg);opacity:.8;}
    40%{-ms-transform:perspective(400px) rotateX(-10deg);}
    70%{-ms-transform:perspective(400px) rotateX(10deg);}
    100%{-ms-transform:perspective(400px) rotateX(0);opacity:1;}
}
@keyframes flipinX{
    0%{transform:perspective(400px) rotateX(90deg);opacity:.8;}
    40%{transform:perspective(400px) rotateX(-10deg);}
    70%{transform:perspective(400px) rotateX(10deg);}
    100%{transform:perspective(400px) rotateX(0);opacity:1;}
}

.fadeIn{
	-webkit-animation:fadeIn 1s ease;
	-moz-animation:fadeIn 1s ease;
	animation:fadeIn 1s ease;
}
.scaleIn{
	-webkit-animation:scaleIn 1s ease;
	-moz-animation:scaleIn 1s ease;
	animation:scaleIn 1s ease;
}
.scaleOut{
	-webkit-animation:scaleOut 1s ease;
	-moz-animation:scaleOut 1s ease;
	animation:scaleOut 1s ease;
}
.flyLeft{
	-webkit-animation:flyLeft 1s ease;
	-moz-animation:flyLeft 1s ease;
	animation:flyLeft 1s ease;
}
.flyRight{
	-webkit-animation:flyRight 1s ease;
	-moz-animation:flyRight 1s ease;
	animation:flyRight 1s ease;
}
.flyTop{
	-webkit-animation:flyTop 1s ease;
	-moz-animation:flyTop 1s ease;
	animation:flyTop 1s ease;
}
.flyBottom{
	-webkit-animation:flyBottom 1s ease;
	-moz-animation:flyBottom 1s ease;
	animation:flyBottom 1s ease;
}
.popIn{
	-webkit-animation:popIn 1s ease;
	-moz-animation:popIn 1s ease;
	animation:popIn 1s ease;
    -webkit-transform-origin:right;
    -moz-transform-origin:right;
    transform-origin:right;
}
.cheetah{
    -webkit-animation:cheetah .6s ease;
	-moz-animation:cheetah .6s ease;
	animation:cheetah .6s ease;
}

.delay1{
	-webkit-animation-duration:1.4s;
	-moz-animation-duration:1.4s;
	animation-duration:1.4s;
}
.delay2{
	-webkit-animation-duration:1.2s;
	-moz-animation-duration:1.2s;
	animation-duration:1.2s;
}


#cm_state .icon{
	_width:500px;
}
#cm_thanks{
	_padding-right:150px;
}


/*language*/
#cm_feature li { height:144px; padding-bottom:0;}
.foot-lang { display:inline-block; vertical-align:middle; margin:0 0 0 5px; cursor:pointer; position:relative; z-index:2;}
.foot-lang img { display:block;}
.lang-list { display:none; font-style:normal; position:absolute; width:80px;opacity:.9; border-radius:5px; border:1px solid rgba(0,0,0,.1); background:rgba(255,255,255,.85); left:16px; bottom:35px; padding:8px 0; text-align:left;}
.lang-list a { display:block; color:#000!important; line-height:27px; padding-left:15px;}
.lang-list a:hover,.lang-list a:active { background:#666; color:#fff!important; text-decoration:none!important;}
.lang-list:after { content:''; position:absolute; width:100%; height:5px;background:url(../images/v3/lang_icons.png?v=4) center -17px no-repeat; bottom: -6px;left: 0;opacity: .4;}
.lang-current { background:url(../images/v3/lang_icons.png?v=4) 0 -58px no-repeat; display:inline-block; padding-left:18px;}
.Front .lang-current { background-position: 0 -30px;}
.Front .lang-list { border:0;}
.Front .lang-list:after { background-position: center 0; opacity:.85; bottom:-5px;}
.Front .lang-list a:hover,.Front .lang-list a:active {background:#fff; color:#000!important;}


.body-ko-kr * {font-family:'NanumBarunGothic','Nanum Gothic',Dotum,Helvetica,Sans-serif!important;}
.body-ko-kr #cmbssmall .title p,.body-ko-kr #cmbssecure .title p { color:#555;}
.body-ko-kr #cm_state strong { font-weight:bold; font-size:18px;}
.body-ko-kr #func_effect .effects strong,.body-ko-kr #cm_thanks p strong { font-size:18px;}
.body-ko-kr #cm_feature li h4 { font-weight:bold;}
.body-ko-kr #cm_state li,.body-ko-kr #cm_thanks p,.body-ko-kr #info h4 { font-size:18px; line-height:1.4; color:#555;}
.body-ko-kr #cm_feature li p { font-size:16px;}
.body-ko-kr #cm_thanks p strong { font-weight:bold;}

.body-ru-ru #func_effect .effects .cn,.body-fr-fr #func_effect .effects .cn { font-size:15px;}
.body-ru-ru #func_effect .effects strong,.body-fr-fr #func_effect .effects strong { font-size:18px;}
.body-ru-ru #func_effect .box-none,.body-fr-fr #func_effect .box-none { font-size:16px;}

.body-pt-pt .effects .cn,.body-pt-pt #func_effect .effects strong,.body-pt-pt #func_effect .box-none  { font-size:16px;}

.body-ru-ru #info { font-size:20px;}
.body-ru-ru #cm_state li,.body-ru-ru #cm_thanks { font-size:20px;}
.body-ru-ru #cm_thanks strong { font-size:24px; font-weight:bold;}
.body-ru-ru #cm_feature { font-size:16px;}
.body-ru-ru #cm_feature li p { color:#777;}
.body-ru-ru #cm_state .desc strong { font-size:18px; font-weight:bold;}
.body-ru-ru #cm_state strong,.body-ru-ru #cm_feature li h4 { font-family: 'HelveticaRegular', Helvetica, "Microsoft YaHei", Arial, Verdana, serif; font-weight:bold;}
.body-ru-ru #cmbssmall .desc,.body-ru-ru #cmbsfast .title p { font-size:18px;}

.body-es-es #func_effect .effects strong { font-size:15px;}



.body-zh-cn #info h4,.body-zh-cn #cm_state li,.body-zh-cn #cm_thanks,.body-zh-tw #info h4,.body-zh-tw #cm_state li,.body-zh-tw #cm_thanks { font-size:17px;}
.body-zh-cn #cm_feature li p,.body-zh-tw #cm_feature li p { font-size:15px;}
.body-zh-cn #cm_state .desc strong,.body-zh-tw #cm_state .desc strong {font-family: 'HelveticaRegular', Helvetica, "Microsoft YaHei", Arial, Verdana, serif;}
.body-zh-tw .effects .cn,.body-zh-cn .effects .cn { font-size:16px;}
.body-zh-tw #func_effect .effects strong,.body-zh-tw #func_effect .box-none,.body-zh-cn #func_effect .effects strong,.body-zh-cn #func_effect .box-none  { font-size:18px;}


/*有的chrome安装了一些插件可能在页面底部插入一个div并嵌入一个object标签*/
#ClCache { display:none;}
