/* CSS Document */
* {margin: 0; padding: 0;}
body { font-family: ""; font-size:12px; margin: 0px; padding:0px; background-image:url(../images/bg.gif); background-repeat:repeat-x; background-color:#E8EFF7;};
img{ border:0px;}
.clear{ clear:both}

a:link { color:#333333; text-decoration:none;}
a:hover {color:#333333; text-decoration:underline;}
a:visited {color:#333333;text-decoration:none;}
/*font style start*/
.font {font-size:14px;font-weight:bold;color:#982D2D;}
.font_1 {font-size:12px;}
.font_2 {font-size:12px; line-height:20px;}
.font_3 {padding-left:10px;}
.font_4 {color: #FF0000}
.font_5 { color:#3553A0; font-size:14px;}
.font_5 a{ color:#3553A0; text-decoration:none;}
.font_5 a:hover{ color:#3553A0; text-decoration:underline;}
.font_6 { color:#7A1002; font-size:14px;}
.font_6 a{ color:#7A1002; text-decoration:none;}
.font_6 a:hover{ color:#7A1002; text-decoration:underline;}
.font_7{font-size:14px; color:#0670CC; font-weight:bold;}

.mr5{ margin-right:5px;}
.mt5{ margin-right:5px;}

.pl4{ padding-left:4px;}

.more_icon{ width:50px; float:right; margin-top:12px;}
/*content style*/
/*topbar*/
#topbar{ width:950px; margin:auto; padding-top:6px; padding-bottom:2px; text-align:right; color:#888888;}
#topbar img{ padding-left:10px;}
#topbar a{ color:#888888; text-decoration:none;}
#topbar a:hover{ color:#888888; text-decoration:underline;}
textarea{ overflow:hidden;}
.input { height:12px; width:60px; margin-left:5px;}

/*header*/
#header{ width:950px; height:82px; margin:auto; padding-bottom:10px; }
#logo{ width:370px; float:left;}
#logo img{ margin:0 0 10px 0;}
#search{ width:320px; float:right; text-align:right; text-align:center;}
.searchinput { height:20px; width:210px;}
#searchcon{ margin-top:32px;*margin-top:22px;}
#search img{ border:0px;}
#keywords{ color:#888888; padding:5px 5px 5px 0; width:400px; float:left; text-align:left;}
#keywords a{font-size:12px; color:#888888; text-decoration:none;}
#keywords a:hover{ font-size:12px;color:#888888; text-decoration:underline;}
/*bodyboder*/
#bodyboder{ width:950px;  background-color:#ffffff; margin:auto; border:solid 1px #90B3CF;}
/*nav*/
#nav{ width:950px; height:34px; margin:auto; background:url(../images/nav_bg.jpg) no-repeat;}
#nav ul{}
#nav ul li{ float:left; font-weight:bold;list-style:none; color:#000; text-align:center; padding:0 0 10px 0;}
#nav ul li a{ text-decoration:none;  display:block; padding:11px 0 11px 0;}
#nav ul li a:hover{  background:url(../images/nav_bg2.gif) repeat-x;display:block;  color:#fff; padding:11px 0 11px 0;}
#navline{ height:7px; background-image:url(../images/nav_bottom.gif); background-repeat: repeat-x;}
/*center*/
#center{width:950px; margin:auto;}
/*left*/
#left{width:700px; margin:10px 0 0 20px!important;margin:10px 0 0 10px;  float:left; background-color:#fff;}
#video{ width:700px; height:252px; float:left; background: url(../images/video_bg.gif) no-repeat top left; border:solid 1px #D0DAE3;}
#videowindow{ width:395px; height:182px; margin:5px 0 0 5px; float:left;}
#videoinfo{ width:285px; float:right; margin:5px 0 0 0;}
#v_title{ font-size:14px; font-weight:bold; line-height:20px; text-decoration:underline; color:#16387C; padding:5px 0 5px 0;}
#v_info{ line-height:15px;}
.list01{ width:88px; height:62px; border: solid 1px #D1D8E0; background-color:#E5EAEE; float:left; margin-top:5px;}
#videolist { margin-top:3px;}
#videolist img{ border: solid 1px #ffffff; margin:5px; border:0px;}
/*news*/
#news{ width:700px; height:200px; float:left; margin-top:10px;}
/*q&a*/
#qa{ width:345px; height:185px; float:left; background-color:#EFF3FC; border:solid 1px #D8DCEA;}
#qa_title{ width:345px; float:left;height:28px; background: url(../images/r_navtitle_bg.gif) repeat-x top left;}
#qa_title_icon{ width:10px; float:left; margin:5px 0 0 5px;}
#qa_title_t{ width:180px; float:left; margin:5px 0 0 10px; font-size:14px; font-weight:bold; color:#0670CC;}
#qa_list {width:345px; float:left;}
#qa_list ul{ margin:0px; padding:0px;}
.qa_list01{  display:block;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow: ellipsis;-moz-binding: url('../xml/ellipsis.xml#ellipsis');list-style:none; background-color:#FFFFFF; padding:4px 0 3px 8px;}
.qa_list01 a{ font-size:12px; color:#3553A0; text-decoration:none;}
.qa_list01 a:hover{ color:#3553A0; text-decoration:underline;}
.qa_list02{  display:block;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow: ellipsis;-moz-binding: url('../xml/ellipsis.xml#ellipsis');font-size:14px; list-style:none; background-color:#F6F8F8; padding:6px 0 3px 8px;}
.qa_list02 a{ font-size:12px; color:#1D1E1F; text-decoration:none;}
.qa_list02 a:hover{ color:#1D1E1F; text-decoration:underline;}

/*review*/
#re{ width:345px; height:185px; float:left; background-color:#EFF3FC; border:solid 1px #D8DCEA;}
#re_title{ width:345px; float:left;height:28px; background: url(../images/r_navtitle_bg.gif) repeat-x top left;}
#re_title_icon{ width:10px; float:left; margin:5px 0 0 5px;}
#re_title_t{ width:180px; float:left; margin:5px 0 0 10px; font-size:14px; color:#0670CC; font-weight:bold;}
#re_list {width:345px; float:left; background: url(../images/re_bg.gif) no-repeat 0 0;}
#re_list ul{ margin:0px; padding:3px;}
#re_list ul li{  list-style:none; background-color:#FFFFFF; padding:5px 0 5px 8px; background: url(../images/dot.gif) no-repeat 6px 9px; padding:8px 0 8px 25px;*padding:7px 0 7px 25px;}
#re_list ul li a{ display:block;width:310px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow: ellipsis;-moz-binding: url('../xml/ellipsis.xml#ellipsis'); font-size:12px; color:#333333;text-decoration:none; }
#re_list ul li a:hover{ color:#333333; text-decoration:underline;}

#review{ width:345px; height:162px; float:right;}

/*right*/
#right{ width:210px; float:right; margin:10px 1px 0 0;}
#r_share{width:210px; background-color:#F9F9FB; border-top:solid 1px #D8DCEA; border-left:solid 1px #D8DCEA; border-bottom:solid 1px #D8DCEA; border-right:none;
}
#r_share img{ margin-top:8px; margin-bottom:8px; border:0px;}
#r_ad{ margin-top:10px; background-color:#F9F9FB; border-top:solid 1px #D8DCEA; border-left:solid 1px #D8DCEA; border-bottom:solid 1px #D8DCEA; border-right:none;}
#r_nav{ margin-top:10px; border-top:solid 1px #D8DCEA; border-left:solid 1px #D8DCEA; border-bottom:solid 1px #ffffff; border-right:none;}
#r_navtitle{ height:30px; background: url(../images/r_navtitle_bg.gif) repeat-x top left; border-bottom:solid 1px #A3AFCB; }
#r_navtitle_icon{ width:10px; float:left; margin:5px 0 0 5px;}
#r_navtitle_title{ width:180px; float:left; margin:8px 0 0 10px; font-size:14px; color:#0670CC; font-weight:bold;}
#r_nav ul{ margin:0px; padding:0px;}
#liston{ background: url(../images/r_navlist_bg_.gif) repeat-x top right; font-weight:bold; color:#1E7ED1;}

#r_nav ul li{ list-style:none;  border-bottom:solid 1px #D8DCEA; font-weight:bold; font-size:12px; width:210px; height:30px;}
#r_nav ul li a{ color:#2B56A9; text-decoration:none; background: url(../images/r_navlist_bg.gif) no-repeat; padding:7px 0 0 8px; display:block;  height:30px;}
#r_nav ul li a:hover{ color:#1e7ed1; text-decoration:underline; background: url(../images/r_navlist_bg_touch.gif) no-repeat;  height:30px;}


#r_video{ margin-top:10px; width:210px; height:245px; border-top:solid 1px #D8DCEA; border-left:solid 1px #D8DCEA; border-bottom:solid 1px #D8DCEA; border-right:none;}
#r_videotitle{ height:30px; background: url(../images/r_navtitle_bg.gif) repeat-x top left; border-bottom:solid 1px #A3AFCB; }
#r_videotitle_icon{ width:10px; float:left; margin:5px 0 0 5px;}
#r_videotitle_title{ width:180px; float:left; margin:8px 0 0 10px; font-size:14px; color:#0670CC; font-weight:bold;}
#r_videolist{ width:205px; float:left; height:204px; background-color:#F3F7FD; padding:10px 0 0 3px;}
.r_videolistlist01{ width:54px; float:left; margin:3px 0 10px 10px;}
#r_v_pic{ width:54px; height:54px;}
#r_v_des{ width:54px; padding:3px 0 3px 0; text-align:center;}

#r_feedback{ margin-top:10px; width:210px; border-top:solid 1px #D8DCEA; border-left:solid 1px #D8DCEA; border-bottom:solid 1px #D8DCEA; border-right:none;}
#r_feedbacktitle{ height:30px; background: url(../images/r_navtitle_bg.gif) repeat-x top left; border-bottom:solid 1px #A3AFCB; }
#r_feedbacktitle_icon{ width:10px; float:left; margin:5px 0 0 5px;}
#r_feedbacktitle_title{ width:180px; float:left; margin:8px 0 0 10px; font-size:14px; color:#0670CC; font-weight:bold;}
#r_feedback_main{ width:209px; padding-bottom:10px; float:left; background-color:#F3F7FD; border-top:solid 1px #D8DCEA; border-left:solid 1px #D8DCEA; border-bottom:solid 1px #D8DCEA; border-right:none; text-align:center;}

#r_thanks{ padding:20px; display:none}
#r_feedback_main textarea{ margin:10px 5px 10px 5px; height:120px; padding:5px; line-height:120%; width:180px; font-size:12px;}
#postbotton{ width:82px; height:24px; margin:auto; background:url(../images/post.gif) no-repeat; }
#postbotton a{ text-decoration:none;  display:block; padding-top:7px; color:#fff;}
#postbotton a:hover{background:url(../images/post_touch.gif) no-repeat; display:block; width:82px; height:24px;}

#r_need{ margin-top:10px; width:210px; border-top:solid 1px #D8DCEA; border-left:solid 1px #D8DCEA; border-bottom:solid 1px #D8DCEA; border-right:none;}
#r_needtitle{ height:30px; background: url(../images/r_navtitle_bg.gif) repeat-x top left; border-bottom:solid 1px #A3AFCB; }
#r_needtitle_icon{ width:10px; float:left; margin:5px 0 0 5px;}
#r_needtitle_title{ width:180px; float:left; margin:8px 0 0 10px; font-size:14px; color:#0670CC; font-weight:bold;}
#r_need ul{ margin:0px; padding:5px; background-color:#F3F7FD;}
#r_need ul li{ list-style:none; width:175px; background: url(../images/dot.gif) no-repeat 5px 5px; padding:0 0 0 22px; line-height:22px; color:#666666 }
#r_need ul li a{ color:#0B4396; text-decoration:none;}
#r_need ul li a:hover{ color:#0B4396; text-decoration:underline;}

#r_trans{ margin-top:10px; border-top:solid 1px #D8DCEA; border-left:solid 1px #D8DCEA; border-bottom:solid 1px #D8DCEA; background-color:#F3F7FD; border-right:none; text-align:center; vertical-align:middle;}



/* apps_list */
.fblue{ color:#165184}
.fblue2{ color:#0066cc}
.fblue3{ color:#1486dd}
.fblue4{ color:#0e65c2}
.fzs{ color:#556296}
.fred{ color:#9d0404}
.fhui{ color:#666}
.fb{ font-weight:bold}
.fletter{ letter-spacing:1px;}
.clear{ clear:both}
.fsmall{ font-size:10px;}

#apps_list_index{ width:700px; line-height:120%; border:solid 1px #DADCE7; float:left;}
#apps_list{ width:700px; line-height:120%;}
.apps_title_index{ width:700px; float:left;height:30px; margin-bottom:15px;  background: url(../images/r_navtitle_bg.gif) repeat-x top left;}
.apps_title_icon{ width:10px; float:left; margin:5px 0 0 5px;}
.apps_title_t{ width:180px; float:left; margin:8px 0 0 10px; font-size:12px; color:#000000; font-weight:bold;}
.apps_title{ background:url(../images/apps_list_bg.gif) repeat-x; height:23px; margin:0 8px 0 8px; color:#b0b9be; padding:7px 0 0 11px}
.list_cp{ background:url(../images/apps_line.gif) repeat-x bottom; padding:10px 0 10px 0; }
.list_left{ float:left; width:103px; text-align:center;}
.list_mid{ float:left; width:380px;}
.list_mid p{ margin:3px 0 3px 0;}
.list_right{ float:right; margin-right:7px; text-align:right}
.list_icon{ margin-bottom:5px;}
.list_right{ margin-bottom:5px;}
.list_right p{ margin-bottom:5px;}
.button_itunes{ }
.button_itunes a{ display:block;background:url(../images/button_itunes.gif) no-repeat; height:30px; width:146px;}
.button_itunes a:hover{ background:url(../images/button_itunes_a.gif) no-repeat;display:block}


/*footer*/
#footer{width:950px; margin:auto; text-align:center;}
#copyright{ width:900px; padding:15px 0 15px 0; color:#698AB2;}
#copyright a{ color:#698AB2; text-decoration:none;}
#copyright a:hover{ color:#698AB2; text-decoration:underline;}
#bottomlink{ width:900px; padding:5px 0 25px 0; color:#484848}
#bottomlink a{ color:#484848; text-decoration:none;}
#bottomlink a:hover{ color:#484848; text-decoration:underline;}


/* apps_soft */
.f14px{ font-size:14px}
.f16px{ font-size:16px}

.apps_soft{ width:100%; border:1px solid #e6e9ed; background:url(../images/apps_list_soft_bg.gif) repeat-x top; padding-top:11px; }
.apps_soft_title{padding-left:16px}
.apps_soft_title_img{ padding:0 10px 0 15px;}
.apps_soft_data{ margin:25px 0 30px 0;}
.soft_button{ margin-top:10px;}
.soft_button a{ display:block;background:url(../images/button_buy.gif) no-repeat; height:31px; width:155px;}
.soft_button a:hover{ background:url(../images/button_buy2.gif) no-repeat;display:block}

.soft_left{ float:left; width:155px; text-align:center;}
.soft_mid{ float:left; width:300px;}
.soft_mid p{ margin:3px 0 3px 0;}
.soft_right{ float:right; margin-right:11px; text-align:right}
.soft_icon{ margin-bottom:5px;}
.soft_right{ margin-bottom:5px;}
.soft_right p{ margin-bottom:5px;}
.soft_right_star{ margin:10px 0 10px 0}

.apps_soft_pic{ background:url(../images/apps_title_bg.gif) repeat-x top;padding-top:6px; margin-bottom:20px}
.apps_soft_pic img{ padding:0 10px 0 15px;}
.soft_pic_insert{ text-align:center; margin:10px 0 0 0}

.apps_soft_ind{ background:url(../images/apps_title_bg.gif) repeat-x top;  padding-top:6px;margin-bottom:20px}
.apps_soft_ind img{ padding:0 10px 0 15px;}
.ind_top{ background:url(../images/ind_top_line.gif) repeat-x bottom; margin:20px; padding-bottom:20px; line-height:200%}
.ind_bottom{margin:20px 0 20px 20px; line-height:200%}

.apps_soft_pfpl{ background:url(../images/apps_title_bg.gif) repeat-x top #f9fbfc;  margin:15px}
.apps_soft_pfpl img{ padding:0 10px 0 15px;}
.apps_soft_pfpl p{ text-align:center;}
.pfpl_insert{ text-align:center; margin:20px;}
.pfpl_data{ margin-bottom:20px;}

.apps_soft_tj{ background:url(../images/apps_title_bg.gif) repeat-x top;  padding-top:6px;margin-bottom:20px}
.apps_soft_tj img{ padding:0 10px 0 15px;}
.tj_insert{ margin-top:15px;}




/*--------apps_soft_data--------------*/
.apps_soft_data{ margin:25px 0 30px 0;}
.soft_button{ margin-top:10px;}
.soft_button a{ display:block;background:url(../images/button_buy.gif) no-repeat; height:31px; width:155px;}
.soft_button a:hover{ background:url(../images/button_buy2.gif) no-repeat;display:block}
.soft_left{ float:left; width:155px; text-align:center;}
.soft_mid{ float:left; width:250px;}
.soft_mid p{ margin:3px 0 3px 0;}
.soft_right{ float:right; margin-right:11px; text-align:right; width:280px;}
.soft_icon{ margin-bottom:5px;}
.soft_right{ margin-bottom:5px;}
.soft_right p{ margin-bottom:5px;}
.soft_right_star{ margin:10px 0 10px 0}
.icon_apps{ color:#888;}
.icon_apps_one{  float:right; text-align:center}
.icon_apps_one a{display:block;background:url(../images/icon_app.gif) no-repeat; width:50px; height:55px;}
.icon_apps_one a:hover{background:url(../images/icon_app_touch.gif) no-repeat; display:block}
.icon_apps_two{  margin-left:12px;float:right; text-align:center}
.icon_apps_two a{display:block;background:url(../images/icon_sm.gif) no-repeat; width:50px; height:57px;}
.icon_apps_two a:hover{background:url(../images/icon_sm_touch.gif) no-repeat; display:block}
.icon_apps_three{  margin-left:12px;float:right; text-align:center}
.icon_apps_three a{display:block;background:url(../images/icon_pj.gif) no-repeat; width:50px; height:55px;}
.icon_apps_three a:hover{background:url(../images/icon_pj_touch.gif) no-repeat; display:block}
.icon_apps_fouth{  margin-left:12px;float:right; text-align:center}
.icon_apps_fouth a{display:block;background:url(../images/icon_vid.gif) no-repeat; width:50px; height:55px;}
.icon_apps_fouth a:hover{background:url(../images/icon_vid_touch.gif) no-repeat; display:block}
/*--------apps_soft_data--------------*/




.link1{  background:url(../images/nav_bg2.gif) repeat-x;display:block;  color:#fff; padding:10px 0 10px 0;}



/*RSS*/
/*--------rss read--------------*/
.rssread{width:600px; margin:20px 0 0 50px}
.rssread p{ line-height:150%; margin-bottom:10px;}
.rssread img{ border:0px;}
.rssread a img{ border:0px;}
.rssread dl{ margin:0px; padding:0px; clear:both; height:20px}
.rssread dl dt a{ display:block; width:16px; height:16px; float:left}
.rssread dl dt span{display:block; width:185px; height:16px;float:left; padding-left:10px}
.rssread dl dd{ display:block; width:76px; height:16px; float:left; margin-left:5px }

.fe{font-family:Arial, Helvetica, sans-serif}
.f24px{font-size:16px;}
.fB {font-weight: bold;}
.tb01{line-height:200%;}



/*listApps
--------------------------------------------*/

/**/
/*CSS yahoo style pagination*/

DIV.pagination {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.pagination A {
	BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #fff 1px solid; COLOR: #000099; PADDING-TOP: 2px; BORDER-BOTTOM: #fff 1px solid; TEXT-DECORATION: underline
}
DIV.pagination A:hover {
	BORDER-RIGHT: #000099 1px solid; BORDER-TOP: #000099 1px solid; BORDER-LEFT: #000099 1px solid; COLOR: #000; BORDER-BOTTOM: #000099 1px solid
}
DIV.pagination A:active {
	BORDER-RIGHT: #000099 1px solid; BORDER-TOP: #000099 1px solid; BORDER-LEFT: #000099 1px solid; COLOR: #f00; BORDER-BOTTOM: #000099 1px solid
}
DIV.pagination SPAN.current {
	BORDER-RIGHT: #fff 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #fff 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #fff 1px solid; COLOR: #000; PADDING-TOP: 2px; BORDER-BOTTOM: #fff 1px solid; BACKGROUND-COLOR: #fff
}
DIV.pagination SPAN.disabled {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}
 
* html .pagination li.currentpage, * html .pagination li.disablepage{ /*IE 6 and below. Adjust 

non linked LIs slightly to account for bugs*/ 
margin-right: 5px; 
padding-right: 0; 
} 



.list_game_nav ul{ border-left:solid 1px #D8DCEA; border-bottom:solid 1px #D8DCEA; padding-bottom:5px;}
.list_game_nav ul li{ list-style:none;  border-bottom:dashed 1px #D8DCEA;  font-size:12px; }
.list_game_nav ul li span{ padding-left:5px;}
.list_game_nav ul li a{ color:#2B56A9; display:block; width:195px; height:23px;padding:7px 0 0 15px;}
.list_game_nav ul li a:hover{ color:#1e7ed1; background-color:#f3f3f3 ;display:block;}


.cWhite{ color:#1e7ed1; text-decoration:underline; background: url(../images/r_navlist_bg_touch.gif) no-repeat;  height:30px;}
.cWhite1{ color:#1e7ed1; background-color:#f3f3f3 ;display:block;}


.l-box {width: 680px;margin-top: 55px;margin-right: auto;margin-bottom: 40px;margin-left: auto;background-color:#FFFFF}
.lb-top {background-image: url(../images/login_03.gif);background-repeat: no-repeat;height: 18px;width: 641px;}
.lb-cont {background-image: url(../images/login_05.gif);background-repeat: repeat-y;padding-top: 30px;padding-left:60px;line-height: 30px;padding-right: 60px;padding-bottom: 20px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 14px;}
.lb-bottom {background-image: url(../images/login_15.gif);
	background-repeat: no-repeat;height: 18px;}
.lb-title {
	font-weight: bold;
	color: #cc0033;
	font-size: 14px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e2e2e2;
	line-height: 25px;
}

.login-cont {
    padding-top:13px;
	padding-left: 24px;
	line-height: 40px;
	font-family: "Times New Roman", Times, serif;
}
.login-input {
	width: 180px;
	height: 14px;
	border: 1px solid #999999;
	line-height: 14px;
	color: #666666;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
}
.loginexp{font-size: 12px;color: #999999;}
.loginexp a{font-size: 12px;color: #999999;text-decoration: none;}
.loginexp a:hover{font-size: 12px;color: #FF3300;text-decoration: none;}
.login-botton {height: 33px;width: 100px;background-image: url(../images/login-botton.gif);background-repeat: no-repeat;font-size: 14px;font-weight: bold;border-top-width: 0px;border-right-width: 0px;border-bottom-width: 0px;border-left-width: 0px;border-top-style: none;border-right-style: none;border-bottom-style: none;border-left-style: none;}
.login-blue {color: #375679;font-size: 12px;}


*clearFix
----------------------*/
.clearFix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearFix{
display: inline-table;
min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearFix { height: 1%; }
/* End hide from IE-mac */



/* s_video */
#s_video{ width:350px; height:390px; margin:15px 100px 25px 70px; background-image:url(../video/img/svideo_bg.gif); background-repeat:no-repeat; text-align:center; padding-top:15px;}

#sc_dot{ width:415px; margin:auto;}
#sc_dot img{ padding:10px 5px 10px 5px;}
#sc_pic{ width:415px; margin:auto;}
#sc_arr{ width:415px; margin:auto;}
#sc_arr img{ padding:10px 0 10px 0;}


.apps_soft_video{ background:url(../images/apps_title_bg.gif) repeat-x top;  padding-top:6px;margin-bottom:20px}
.apps_soft_video_img{ padding:0 10px 0 15px;}
.video_insert{ margin-top:15px; }


/* s_video */
#s_video{ width:350px; height:390px; margin:15px 100px 25px 70px; background-image:url(../images/svideo_bg.gif); background-repeat:no-repeat; text-align:center; padding-top:15px;}
#s_video_list{ width:660px; height:100px; margin:15px 0 10px 12px; padding:0px;  background-color:#F6F8FB;}
#s_video_pic ul li {
  display:block;
  float:left;
  padding-top: 7px;
  text-align:center;
  background:#E8ECF1;
  height: 70px;
  width: 90px;
  border:solid 1px #D8D8D8;
  list-style:none;
  margin-left:10px;
  margin-top:15px;
}
#s_video_pic ul a img {  border: 1px solid #fff; padding:0px; margin:0px;}
#s_video_arr01{ width:18px; height:15px; float:left; padding:0px; margin-top:45px; border:0px solid;}
#s_video_arr02{ width:18px; height:15px; float:right; padding:0px; margin-top:45px; border:0px solid; }

.chart{
border-collapse: collapse;
border: 1px #d4d4d4 solid; 
width:100%;
}
.chart th{
	background-color:#e8e8e8;
	padding:10px;
	text-align:left;
	font-weight:bold;
	border: 1px #d4d4d4 solid;
	width:30%;
	color: #000000;
}
.chart td{
	border: 1px #d4d4d4 solid;
	padding: 10px;
	line-height: 21px;
	color: #000000;
}

.login_right {
margin:20px 0 0;
}

.login_right img {
float:left;
padding-top:15px;
}

.login_right p {
border-bottom:1px dashed #AAAAAA;
padding:10px 0 10px 35px;
}

.dock {
	POSITION: relative; HEIGHT: 50px; TEXT-ALIGN: center
}
.dock-container {
	PADDING-LEFT: 20px; BACKGROUND: url(images/dock-bg2.gif); POSITION: absolute; HEIGHT: 50px
}
A.dock-item {
	DISPLAY: block; FONT: bold 12px Arial, Helvetica, sans-serif; WIDTH: 40px; COLOR: #000; POSITION: absolute; TOP: 0px; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.dock-item IMG {
	MARGIN: 5px 10px 0px; WIDTH: 100%; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
.dock-item SPAN {
	DISPLAY: none; PADDING-LEFT: 20px
}
#dock2 {
	LEFT: 0px; WIDTH: 100%; BOTTOM: 0px; POSITION: absolute
}
.dock-container2 {
	PADDING-LEFT: 20px; BACKGROUND: url(images/dock-bg.gif); POSITION: absolute; HEIGHT: 50px
}
A.dock-item2 {
	DISPLAY: block; FONT: bold 12px Arial, Helvetica, sans-serif; WIDTH: 40px; COLOR: #000; BOTTOM: 0px; POSITION: absolute; TEXT-ALIGN: center; TEXT-DECORATION: none
}
.dock-item2 SPAN {
	DISPLAY: none; PADDING-LEFT: 20px
}
.dock-item2 IMG {
	MARGIN: 5px 10px 0px; WIDTH: 100%; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}

/*date*/
#r_date{ margin-top:10px; border-top:solid 1px #D8DCEA; border-left:solid 1px #D8DCEA; border-bottom:solid 1px #D8DCEA; border-right:none; padding-bottom:5px;}
#r_datetitle{ height:30px; background: url(../images/r_navtitle_bg.gif) repeat-x top left; border-bottom:solid 1px #A3AFCB; }
#r_datetitle01{ width:10px; float:left; margin:5px 0 0 5px;}
#r_datetitle02{ width:180px; float:left; margin:8px 0 0 10px; font-size:12px; color:#0670CC; font-weight:bold;}

#calendar{ border:solid 1px #EEEEEE; width:210px; padding:5px 0}
#calendar_t{ border-bottom:solid 1px #EEEEEE; padding:5px;}
.month{ padding:5px 0 5px 0;}
.month span{ margin:0px 0px 0px 5px;}
.month a{ color:#0099FF; text-decoration:none;}
.month a:hover{ color:#0099FF; text-decoration:underline;}
.info01{ padding:6px 0 4px 0; margin: auto; text-align:center;}
.info01 a{ font-weight:bold; color:#0099FF; text-decoration:none;}
.info01 a:hover{ font-weight:bold; color:#0099FF; text-decoration:underline;}
.info02{ padding:0 0 6px 0; margin: auto; text-align:center;}
.info02 a{  color:#999999; text-decoration:none;}
.info02 a:hover{ color:#999999; text-decoration:underline;}
.weeek{ width:25px; height:25px; text-align:center; vertical-align:middle; background-color:#f7f7f7; color:#000000; }
.no_date{height:40px; font-weight:bold; background-color:#F0FCFF; text-align:center; vertical-align:middle;}
.wbg{ background-color:#FFFFFF;}

/*idate*/

.idate{ width:120px; float:left; background-color:#F5F5F5; margin:0px 15px 15px 0px;}
.idate_list{ padding:0 0 20px 20px;}
.idate_free{ padding:5px; text-align:center; background-color:#0099FF; color:#FFFFFF; font-weight:bold;}
.idate_free1{ height:24px;}
.idate_icon{ padding:10px 0px 10px 0px; text-align:center;}
.idate_name{ padding:5px; color:#0099FF; font-weight:bold; width:110px; word-wrap:break-word;}
.idate_name a{ color:#0099FF; font-weight:bold; text-decoration:none; word-wrap:break-word;}
.idate_name a:hover{ color:#0099FF; font-weight:bold; text-decoration:underline; word-wrap:break-word;}
.idate_pay{ padding:5px; color:#CC0000; font-weight:bold; text-align:center;}
.idate_pay a{ color:#FF3300; font-weight:bold; text-decoration:none;}
.idate_pay a:hover{ color:#FF3300; font-weight:bold; text-decoration:underline;}

/* showbox */
#showbox_bg{ background: url(../images/showbox_bg.gif) repeat-x; border:solid 1px #D8DBEA; background-color:#F4F9FC;padding:1px;}
#showbox{  }
#showbox_info{ width:390px;float:left; margin:25px 0px 10px 20px;}
#showbox_pic{ width:271px; float:right; margin:25px 10px 0px 0px; }
.showbox_font01{ font-family:"Arial"; font-size:14px; font-weight:bold;}
.showbox_font02{ font-family:"Arial"; color:#0085C0; }
.showbox_font03{ font-family:"Arial"; font-size:12px; font-weight:bold; color:#DA0000;}
.showbox_font04{ font-family:"Arial"; font-size:9px; color:#999999;}
#showlist{ height:105px;}

/*news*/
.apps_list_news{ width:700px; line-height:120%; margin-top:10px;border:solid 1px #DADCE7; }
.apps_list_news img{ border:0px;}
.apps_news{ margin:0 0 10px 0;}
.apps_news ul{ margin-left:5px;}
.apps_news ul li{ list-style:none; background:url(../images/arrow_right.gif) no-repeat; padding:8px 0 5px 20px; border-bottom:1px dashed #d1d1d1; }
.apps_news ul li a{ display:block;width:310px;white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow: ellipsis;-moz-binding: url('../xml/ellipsis.xml#ellipsis'); font-size:12px; color:#333333;text-decoration:none; }

/*mail*/
#mail_0_a{ background:url(/images/mail01_bg.gif) repeat-x; border:solid 1px #8FB9D0; }
#mail_0_a:hover{ background:url(/images/mail02_bg.gif) repeat-x; border:solid 1px #ADB9C2; }
