@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0;}
img{ border:0;}
ul{ list-style:none outside none;}
h2{ font:20px Arial, Helvetica, sans-serif; color:#333; font-weight:bold;}
h3{ font:16px Arial, Helvetica, sans-serif; color:#333; font-weight:bold;}
.clear{ clear:both;}

body{
font:12px Arial, Helvetica, sans-serif;
color:#333;
background-color:#f1f1f1;
}

/*-------------------------------------header:顶部logo及导航部分-------------------------------------*/
#top{ background:#fff; height:80px;}
#header{
width:950px;
height:80px;
margin:0 auto;
}
.logo{
position:relative;
padding:10px 0 0 50px;
float:left;
}
.nav{
position:relative;
width:530px;
height:32px;
padding:25px 50px 0 0;
display:block;
float:right;
}
.nav li{ display:inline;}
.nav li a{
background:url(img/cootekcom_nav.png) no-repeat scroll 0 0 transparent;
_background:url(http://www.touchpal.com/img/cootekcom_nav_ie6.gif) no-repeat scroll 0 0 transparent;
float:left;
width:106px;
height:32px;
text-indent:-9999px;
overflow:hidden;
}

.nav li.home a{
background-position:0 0;
}
.nav li.input a{
background-position:-106px 0;
}
.nav li.dialer a{
background-position:-212px 0;
}
.nav li.download a{
background-position:-318px 0;
}
.nav li.company a{
background-position:-424px 0;
}
.nav li.home a:hover{
background-position:0 -42px;
}
.nav li.input a:hover{
background-position:-106px -42px;
}
.nav li.dialer a:hover{
background-position:-212px -42px;
}
.nav li.download a:hover{
background-position:-318px -42px;
}
.nav li.company a:hover{
background-position:-424px -42px;
}


/* home页面导航*/
.nav li.home_active a{
background-position:0 -84px;
width:107px;
}
.nav li.input_cut a{
background-position:-107px 0;
width:105px;
}
.nav li.input_cut a:hover{
background-position:-107px -42px;
width:105px;
}

/* input页面导航*/
.nav li.input_active a{
background-position:-106px -84px;
width:107px;
}
.nav li.dialer_cut a{
background-position:-213px 0;
width:105px;
}
.nav li.dialer_cut a:hover{
background-position:-213px -42px;
width:105px;
}

/* dialer页面导航*/
.nav li.dialer_active a{
background-position:-212px -84px;
width:107px;
}
.nav li.download_cut a{
background-position:-319px 0;
width:105px;
}
.nav li.download_cut a:hover{
background-position:-319px -42px;
width:105px;
}

/* download页面导航*/
.nav li.download_active a{
background-position:-318px -84px;	
width:107px;
}
.nav li.company_cut a{
background-position:-425px 0;
width:105px;
}
.nav li.company_cut a:hover{
background-position:-425px -42px;
width:105px;
}
/* company页面导航*/
.nav li.company_active a{
background-position:-424px -84px;	
}




/*-------------------------------------主体内容部分-------------------------------------*/
.main_pan{
background:url(img/cootekcom_index_12.jpg) repeat-x #f1f1f1;
}
.js_adv{
width:950px;
margin:0 auto;
}
#flash { width:950px; height:440px; overflow:hidden; margin:0 auto; clear:both; position:relative;/*--*/ padding:0px 10px;}
#flash a {width:950; height:440px; display:none;}
#flash img {width:950px; height:440px;/* display:none;*/}
.flash_bar { width:520px; padding-left:470px; z-index:69; height:30px; overflow:hidden; position:absolute; padding-top:13px; bottom:0px; left:0px; background:url(http://www.touchpal.com/tg_flashbar.png) no-repeat 10px 0px; text-align:center;}
.flash_bar .dq { display:block; float:left; width:8px; height:8px; margin:5px 5px; cursor:pointer;
background:url(img/tg_flash_p.png) no-repeat 0px 0px; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/tg_flash_p.png" ,sizingMethod="crop"); }
.flash_bar .no { display:block; float:left; width:8px; height:8px; margin:5px 5px; cursor:pointer;
background:url(img/tg_flash_p2.png) no-repeat 0px 0px; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/tg_flash_p2.png" ,sizingMethod="crop"); }


/*-------------------------主体部分第一行第一列内容------------------------------*/
.main_content{
width:890px;
margin:0 auto;
padding:30px;
-padding:30px 30px 0;
*padding:30px 30px 0;
}
.col_left{
float:left;
width:510px;
margin:0 0 30px 0;
}
/*第一列上（AWARD）内容*/
.coll_01{
width:510px;
height:431px;
float:left;
margin-right:30px;
}
.col_left h2{
background:url(http://www.touchpal.com/img/cootekcom_index_21.gif) no-repeat;
padding:0 0 0 40px;
height:50px;
vertical-align:middle;
line-height:50px;
}
.col_left_content{
background:#fff;
border:1px solid #ccc;
border-top:none;
padding:20px;
width:468px;
height:340px;
-height:341px;
position:relative;
}
.col_left_content h3{
	}

.latest_news{
	}
.latest_news a{
	text-decoration:none;
	color:#ff0000;
	font-style:italic;
	}
.latest_news .col_left_content_span{
	display:block;
	border-bottom:1px dashed #aaa;
	margin:5px 0;}

.coll_01_des{
	font-size:14px;}
.col_left_content_down{
background:#fff;
border:1px solid #ccc;
border-top:none;
padding:17px 20px;
width:468px;
height:130px;
-height:130px;
position:relative;
}
.vedio{
	width:420px;
	margin:0 auto;
	padding:5px 15px 0;}
.col_left_content img.con_img{ float:left; }
.col_left_content span.text_descr{
font:18px Arial, Helvetica, sans-serif;
color:#333;
width:285px;
float:right;
}
.col_left_content img.left_conner{
float:left;
position:absolute;
left:-1px;
bottom:-1px;
-bottom:-2px;
}
.col_left_content img.right_conner{
float:right;
position:absolute;
right:-1px;
bottom:-1px;
-bottom:-2px;
}

.coll_02{
width:510px;
height:216px;
margin-top:30px;
float:left;
overflow:hidden;
}


/* ---------第二列内容（What Are People Saying & social plugin）--------------------------*/
.col_right{
width:350px;
float:left;
margin:0 0 30px 30px;
-margin:0 0 30px 3px;
}
.col_right h2{
background:url(http://www.touchpal.com/img/cootekcom_index_23.gif) no-repeat;
padding:0 0 0 40px;
height:50px;
vertical-align:middle;
line-height:50px;
}
.col_right_content{
background:#fff;
border-bottom:1px solid #ccc;
width:350px;
height:auto;
position:relative;
}
.col_right_content .col_right_top{
overflow:hidden;
height: 124px;
width:308px;
border-style:solid;
border-color:#ccc;
border-width:0px 1px;
padding:30px 20px;
}
.col_right_content .roll_area{
width:308px;
height:114px;
overflow:hidden;
}
.col_right_content #col_right_say{
overflow:hidden;
margin-top:-114px;
}
.col_right_content .saying{
height:114px;
}

#col_right_say .say_con{
font:16px Arial, Helvetica, sans-serif;
color:#333;
float:left;
}
#col_right_say .sayer{
font:16px Arial, Helvetica, sans-serif;
color:#333;
float:right;
font-weight:bold;
}
/*--------第一行第二列facebook/twitter  ---------*/
.social_content{ width:350px; background:#fff;}
ul.sbox_title{ width:348px; height:40px; border-style:solid; border-width:1px 1px 0 1px; border-color:#ccc; border-bottom:3px #315C99 solid;}
ul.sbox_title li{ display:block; float:left; color:#000; width:104px; height:30px;  text-align:center; margin:0 0 0 9px; -margin:0 0 0 6px; padding:12px 0 0; -padding:16px 0 0;}
ul.sbox_title li a{display:block; color:#fff; font-weight:bold; width:100px; height:24px; -height:26px; font-size:12px; line-height:24px; font-size:16px; text-decoration:none; padding:4px 0 0 0; -moz-border-radius:5px; -khtml-border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0;}
ul.sbox_title li a:hover{background:#315C99;}
ul.sbox_title li a.active{background:#315C99;}
ul.sbox_title li a.normal{background:#09F;}
ul.sbox_content{background:#fff;
width:350px;
position:relative; 
height:auto;
}
ul.sbox_content li{ display:block;}

ul.sbox_content li .fan_box .page_stream_short{height:348px;}

/*------------------------------------往下是主体内容第二行部分：links部分------------------------------------*/

.row02{
width:890px;
height:80px;
float:left;
}
.row02 img.row02_left{
float:left;
}
.row02 img.row02_right{
float:left;
}
.row02_content{
background-color:#fff;
float:left;
width:850px;
height:80px;

}
.links{
float:left;
border-style:solid none solid none;
border-width:1px;
border-color:#ccc;
width:830px;
height:68px;
padding:10px 0 0 20px;
}
.links ul{
width:810px;
padding:15px 0 0;
display:inline;
float:left;
}
.links ul li{
height:30px;
float:left;
padding:0 90px 0 0;
}
.links ul li a{
text-decoration:none;
color:#333;
}
.links ul li a:hover, .links ul li a:active{
text-decoration:underline;
color:#366;
}


/*---------------------------底部footer--------------------------*/
#footer{
background:#849298;
height:60px;
margin:30px 0 0 0;
-margin:30px 0 0
*margin:30px 0 0;
}
.footer_content{
width:950px;
margin:0 auto;
}
.footer_content img{
float:left;
padding:15px 0 0 60px;
}
.footer_content span{
float:right;
padding:30px 60px 0 0;
color:#fff;
}





/*---------------------------------------子页样式表由此开始-------------------------------------------------------------*/
.top_banner{
background-color:#033d55;
height:160px;
margin:0 auto;
}
.top_banner img{
	display:block;
	width:1240px;
	margin:0 auto;}

.sub_content{
width:890px;
padding:0 30px;
margin:0 auto;

}

.sc_row{
width:890px;
margin:30px auto 0;
float:left;
background:#fff;
}

.sc_row h2{
background:url(img/cootekcom_input_13.gif) no-repeat;
padding:0 0 0 25px;
width:890px;
_width:865px;
height:50px;
vertical-align:middle;
line-height:50px;
float:left;
}
.sc_row .sc_row_con{
float:left;
width:828px;
padding:30px 30px 20px;	
-padding:30px 30px 0;	
font:14px/20px Arial, Helvetica, sans-serif;
color:#333;
border-style:none solid none solid;
border-width:1px;
border-color:#ccc;
}

.sc_row .sc_row_con span img{
	vertical-align:middle;
	height:22px;}

.sc_row img.sc_row_bt{
float:left;
width:890px;
height:10px;
}
.sc_row img.sc_con_pic{
float:left;
width:240px;
height:160px;
}
.sc_row span{
float:left;
padding-left:20px;
font:14px/20px Arial, Helvetica, sans-serif;
color:#333;
width:568px;
}

/*----download页面样式----*/
.sc_row_con img.download_pic{
float:left;
width:310px;
height:210px;
}
.sc_row_con ul.download_con01{
float:left;
width:488px;
margin-left:30px;
}
body.tp_download .sc_row_con ul li{
	display:block;
	height:70px;
	float:left;
	padding:0 0 20px;
	}
.sc_row_con ul li a{
	 background:url(img/touchpal_download_bt.jpg) no-repeat;
	 display:block;
	 width:220px;
	 height:70px;
	 text-indent:-9999px;
	 overflow:hidden;}
.sc_row_con ul li a.dl_android{
	background-position:0 0;}
.sc_row_con ul li a.dl_android:hover{
	background-position:0 -100px;}
.sc_row_con ul li a.dl_iphone{
	background-position:-260px  0;}
.sc_row_con ul li a.dl_iphone:hover{
	background-position:-260px -100px;}
.sc_row_con ul.download_con02{
	float:left;
	display:block;
	width:220px;
	margin-left:30px;}


/*Input样式修改*/
.sc_row_con h3{

font-size:14px;
font-weight:normal;
}
.sc_row_con ul.inputul{	
list-style:outside disc #333;
padding:10px 0 0 40px;
}
.sc_row_con ul.inputul li{
	list-style:outside disc;}
.demo_vedio{
	width:560px;
	margin:0 auto;
	}



/********************
**Editer:Teresa
**Date:212-02-25
**Content:Contacts
******************************/
body.contacts .sc_row .sc_row_con{
	padding:10px 30px 5px;}
.sc_row .contacts_col{
float:left;
width:828px;
font:14px/20px Arial, Helvetica, sans-serif;
color:#333;
border-bottom:1px dashed #CCC;
padding-bottom:15px;
padding-top:10px;
}
.sc_row .contacts_col span img{
	vertical-align:middle;
	height:22px;}
.sc_row .contacts_col h3{
	font-size:15px;
	font-weight:bold;
	padding-bottom:10px;}
.sc_row img.sc_con_pic{
float:left;
width:240px;
height:160px;
}