@charset "utf-8";
/* CSS Document */
body { margin: 0 auto; background:#ececec; font-family: Verdana, Arial, Helvetica, sans-serif;}
img,ul,dl { padding: 0; margin: 0; border: none; list-style:inside}
.code{marin:0px; padding:0px; font-size:12px; line-height:12px}
#top { background:url(/images/top_bg.jpg) left top repeat-x; height:159px; margin: 0 0 10px;}
#tom_home { background:url(/images/top_bg.jpg) left top repeat-x #e9e9e9; height:130px; margin: 0 0 10px;}
#tom_home .menu ul li,#tom_home .menu ul h2 { float: left; list-style: none; font: normal 14px/30px Arial, Helvetica, sans-serif, "宋体"; margin: 0 3px 0 0; padding: 0;}

.header { padding: 16px 0 17px; width: 942px; margin: 0 auto; clear: both; font: normal 12px Verdana, Arial, Helvetica, sans-serif; color: #999;}
.header .imgright { text-align: right;}
.header .imgleft { font-size: 10px; line-height: 10px;}
/**/
.menu ul,.menu_two.menu_two ul { clear: both; padding: 17px 0 0 0 !important; *padding: 0 !important;*padding: 0; margin:0;}
.menu,.menu_two,#content { width: 942px; margin: 0 auto; clear: both;}
#content { height: 100%; overflow: hidden;}
.menu ul li { float: left; list-style: none; font: normal 14px/31px Arial, Helvetica, sans-serif, "宋体"; margin: 0 3px 0 0; padding: 0;}
.menu ul li a,.menu ul h2 a { padding: 0 20px; text-decoration: none; color: #fff; display: block;}
.menu ul li a:hover,.menu ul li a.on,.menu ul h2 a:hover,.menu ul h2 a.on {color: #000; display: block; background: url(/images/menu_hover.jpg);}
.menu_two a { font: normal 12px/28px Verdana, Arial, Helvetica, sans-serif; color: #363636; text-decoration: none; padding: 0 40px 0 0;}
.menu_two a:hover { text-decoration: underline; color: #000;}
.menu_download { text-indent: 98px;}
.menu_configuration { text-indent: 205px;}
.menu_addons { text-indent: 185px;}
.menu_order { text-indent: 145px;}
.menu_support { text-indent: 325px;}
.menu_about { text-indent: 565px;}
/**/

.main_pro { background: url(/images/webplayer_bg.jpg) left top no-repeat; height: 548px; padding:10px 30px; font: normal 11px/20px Verdana, Arial, Helvetica, sans-serif; color: #444;}
.main_pro h1 { font: bold 36px/40px Arial, Helvetica, sans-serif, "宋体"; color: #3b3b3b; margin: 0; padding: 5px 0 20px;}
.main_pro h1 span { font: 12px Verdana, Arial, Helvetica, sans-serif; color: #838383;}
.webplayer_right { float:right; width: 400px;}
.webplayer_title { color: #dc591f; font: bold 22px/30px Verdana, Arial, Helvetica, sans-serif; }
.home_box { border: 1px solid #c1d8da; line-height: 18px; background: #f7f7f7; font-size: 10px; overflow:auto; height: 50px; onmouseover="this.select()"}
.code-box{border: 1px solid #c1d8da; line-height: 18px; background: #f7f7f7; padding:2px}
.code{text-align:left !important; font-size:12px}
.code-form{float: left; width:400px; font-family:Arial, Helvetica, sans-serif; padding: 0; margin: 0;}
.player_code { float: left; margin: 0 15px 0 0;}

/**/
.box2_title { background: url(/images/content_bg.jpg) left top repeat-x; height:43px; clear:both; color: #dc591f; font: bold 20px/43px Arial, Helvetica, sans-serif;}
.box2_title h1 { padding: 0; margin: 0; font: bold 20px/43px Arial, Helvetica, sans-serif; height:43px;}
.box2_content { border:1px solid #bdbdbd; border-bottom: none; background: #fff; padding: 15px; font: normal 11px/20px Verdana, Arial, Helvetica, sans-serif; color: #444; height:100%; overflow: hidden;}
.page_content { border-left:1px solid #bdbdbd; border-right:1px solid #bdbdbd; background: #fff; padding: 15px; font: normal 11px/20px Verdana, Arial, Helvetica, sans-serif; color: #444; height:100%; overflow: hidden;}
.box2_bottom { background: url(/images/footer_bottom_bg.jpg) left top repeat-x; height: 9px; clear: both;}
/**/
#footer {font: normal 11px/22px Verdana, Arial, Helvetica, sans-serif; color: #555; width:922px; margin: 10px auto; clear: both;}
#footer a,.header a { color:#555; text-decoration: none;}
#footer a:hover,.header a:hover { color:#000; text-decoration: underline;}
#footer span { float:right;}
/*P*/
.imgleft { float: left;}
.imgright { float: right;}
.both { clear: both;}
.green { color: #569414; font-weight: bold;}
.green a, a: visited{color: #569414; text-decoration:none}
.red { color: red;}
map {overflow:hidden;}
.w450 { width: 450px;}
.auto { height: 100%; overflow: hidden;}
.bgfile { background: #f2f2f2;}
.tab{background:#AED2FB;}
.tab td{background:#fff; padding:2px 5px;}
.player-border{ border: 1px solid #000; height:300px; width:450px; margin:0 auto; background:#000}
.hplayer-border{ border: 1px solid #000; height:353px; width:460px; margin:0 auto; background:#000}
.pplayer-border{ border: 1px solid #000; height:350px; width:468px; margin:0 auto; background:#000}
.htplayer-border{border:1px solid #fff; height:353px; width:470px; margin:0 auto; background:#47ABF4}
.fra{width:inherit; height:530px; border:1px solid #ccc; clear:both}
.fra1{float:left; width:130px; border-right:1px solid #ccc; height:530px; text-align:center;}
.fra2{float:right; width:auto; height:530px; width:518px}
.old-price{ text-decoration:line-through}
.sitemap a{ padding:0 8px; text-decoration:none}
.date{ color:#777; font-size: 10px;}
.text-right{ text-align:right; padding:0 100px 0 0; font-style:italic}

/**/
.content_title { background: url(/images/content_title_bg.jpg) left top no-repeat; height:78px; font: normal 12px/22px Arial, Helvetica, sans-serif, "宋体"; color: #333; padding: 8px 50px 0; color: #333;}
.content_title .title { font: bold 18px/30px Verdana, Arial, Helvetica, sans-serif; color: #dc591f;}
.configuration dl { padding: 0 20px;}
.configuration dl dt { color: #234b9d; font: bold 16px/25px Verdana, Arial, Helvetica, sans-serif; padding: 20px 0 0; margin: 0;}
.configuration dl dd { padding: 0 0 0 18px; margin: 0 0 0 20px; color: #57698f; font: normal 11px/25px Verdana, Arial, Helvetica, sans-serif; background: url(/images/configuration-list_ico.jpg) left center no-repeat;}

 
ul.Partners { padding:0; margin:0;}
ul.Partners li { padding:0; margin:0;list-style-type:none;padding: 0 0 0 18px; *padding: 0 0 0 0;color: #57698f; font: normal 11px/25px Verdana, Arial, Helvetica, sans-serif; background: url(/images/configuration-list_ico.jpg) left 7px no-repeat;}
ul.Partners li a{ color:#234B9D; text-decoration:none;}
ul.Partners li a:hover{ color:#234B9D; text-decoration:underline;}

.configuration dl dd a:link { color: #57698f; text-decoration: none;}
.configuration dl dd a:hover { color: #0053ff; text-decoration: underline;}
.configuration dl dd a:active { color: #0053ff; text-decoration: none;}
.configuration dl dd a:visited { color: #551a8b; text-decoration: none;}
.right_menu_title { background: url(/images/right_menu_titlebg.jpg) no-repeat left top; height: 40px; font: bold 18px/40px Verdana, Arial, Helvetica, sans-serif; color: #000; text-indent: 50px;}

/**/
.page_left { width: 695px; float: left;}
.page_right { width: 232px; float: right;}

/*page_menu*/
.download_flash,.download_code { border: 1px solid #bdbdbd; background: #f8f8f8; display: block; padding: 15px; margin: 10px 0; height:100%; overflow: hidden; clear: both;}
.download_flash:hover,.download_code:hover { border: 1px solid #a5c9eb; background: #e6ebf4; display: block;}
.download_flash a,.download_code a { color: #000;}
.download_flash a:hover,.download_code a:hover { color: #0033FF;}
.download_flash div { float:left; padding: 0 15px 40px 0;}
.download_flash .title,.download_code .title { color: #139013; font: bold 16px/30px Arial, Helvetica, sans-serif;}
.download_flash .title a,.download_code .title a { color: #139013; text-decoration: none;}
.download_flash .title a:hover,.download_code a:hover { color: #000; text-decoration: none;}

/*False tabs*/
.tabs { clear:both; background: url(/images/ul_tabs_bg.gif) left bottom repeat-x #ececec; height: 100%; overflow: hidden;}
.tabs ul { padding: 0; margin: 0;}
.tabs ul li { float: left; list-style: none; padding: 0; margin: 0;}
.tabs ul li a { width: 186px; font: bold 14px/42px Arial, Helvetica, sans-serif; padding-top:2px; display: block; background: url(/images/li_tabs_bg.gif) left top no-repeat; margin: 0 1px 0 0; text-align: center; text-decoration: none; color: #000;}
.tabs ul li a.on { display: block; background: url(/images/li_tabs_bg.gif) left bottom no-repeat; color: #FF6600;}

/*api*/
.v-bar{width:100px; border:#ccc 1px solid; height:auto; float:inherit; background:#ECECEC; padding:10px; text-align:left}
.h-var{vidth:auto; background:#ECECEC; border:#ccc 1px solid; height:auto; float:inherit; font:10px/20px Arial, Helvetica, sans-serif}

/*extplaylist*/
.extplayer{width:100%; margin:0; padding:0; clear:both; height:300px}
.pylist{float:left; border: 1px solid #000; height:300px; width:380px; margin:0 auto; background:#000}
.extplaylist{float:right; height:250px; width:270px;}

/*tuortial*/
.tuortial { border: 1px solid #bdbdbd; border-bottom: none; border-top: none; background: #fff;}
.tuortial dl { margin: 0;}
.tuortial dl dt {
	background: url(/images/configuration-menu_bg.jpg) left top no-repeat;	/*background-color: #EEEEEE;*/
	height: 27px;
	color: #234b9d;
	font: normal 12px/27px Verdana, Arial, Helvetica, sans-serif;
	padding: 0 0 0 30px;
}
.tuortial dl dd { padding: 0; margin: 0 10px 0 20px; list-style: none; font: normal 11px/22px Verdana, Arial, Helvetica, sans-serif; color: #57698f; background: url(/images/accordion_ico.gif) left 9px no-repeat; text-indent: 8px;}
.tuortial a { color: #57698f; text-decoration: none;}
.tuortial a:hover { color:#0053ff; text-decoration: underline;}


.tple-box{border:1px #dadada solid; background-color:#f8f8f8; min-height:229px; height:auto !important; height:229px; line-height:30px; margin-bottom:10px; font-size:12px;}
.tple-box-hover{border:1px #77cf47 solid; background-color:#f5fcf1; min-height:229px; height:auto !important; height:229px; line-height:30px;}
.tple-box img{ margin:5px 10px 5px 5px;}
.clearfloat{ clear:both; height:0px; line-height:0px; font-size:1px;}
.vm{ vertical-align:middle;}
a.buynow{ color:#666; text-decoration:none; display:block; padding-bottom:10px;}
a.buynow:hover{ color:#06F; text-decoration:underline;}