
.header{ background:url(../../images/ots/header_bottom_bg.gif) 0 bottom repeat-x;}
.header-top{ background: transparent url(../../images/ots/header_top_bg.gif) 0 0 repeat-x;}
.header-top-logo{ width:549px; background-image:url(../../images/ots/logo.gif);}
.header-navi-left,
.header-navi-right,
.header-navi-center{ background-image:url(../../images/ots/sprite.gif);}
.header-navi-menu li a:hover{ background:#73A4C9;}
.header-navi-link-follow a{ background:url(../../images/ots/navi_link_follow.gif) center center no-repeat;}

.home-section-above{ clear:both; height:228px; background:url(../../images/ots/home_side_bg.png) right top no-repeat; _background-image:url(../../images/ots/home_side_bg.gif)}
.home-section-above img{ display:block; float:left;}
.home-section-above-side{ overflow:hidden; float:right; width:265px; height:178px; padding:20px 27px 30px 27px;}
.home-section-above-side-stat{ padding:10px 10px; line-height:200%;}
h2.home-section-above-side-start{ font-size:14px; font-family:"Microsoft YaHei",SimSun,"Lucida Grande", Helvetica, Arial, Verdana, sans-serif; font-weight:bold; padding:20px 50px 5px 0; background:url(../../images/ots/word_start.gif) right top no-repeat;}
h2.home-section-above-side-normal{ font-size:15px; font-family:"Microsoft YaHei",SimSun,"Lucida Grande", Helvetica, Arial, Verdana, sans-serif; font-weight:bold; padding:20px 0 5px 0;}


.btn-getstarted{ display:block; margin-top:10px; width:264px; height:52px; background:url(../../images/ots/btn_get_started.gif) left top no-repeat;}
.btn-getstarted:hover{ background-position:left -52px;}

.home-section-above-side-separator{ display:block; clear:both; padding:10px 0; height:3px; width:264px; margin:0 auto; font-size:0; overflow:hidden; background:url(../../images/ots/home_side_separator.gif) center center no-repeat;}

.home-section-underneath{ clear:both; margin-top:20px;}
.home-section-underneath-right{ width:310px; float:right; _margin-left:-3px;}
.home-section-underneath-main{ float:none; margin-right:320px; _margin-right:317px;}
.home-section-underneath-main-inner{ overflow:hidden; _height:0; _overflow:visible;}

.home-features{ padding:10px 12px; overflow:hidden; *zoom:1;}
.home-features li{ float:left; width:100%; padding:12px 0;}
.home-features li img{ width:64px; height:64px; margin-right:10px; float:left;}
.home-features-desc{ float:left; width:470px; padding-top:5px;}

.home-side-tree-item{ padding:3px 0 3px 30px; clear:both; font-size:14px; font-family:"Microsoft YaHei",SimSun,"Lucida Grande", Helvetica, Arial, Verdana, sans-serif; font-weight:bold;}

.home-side-tree-item-item{ padding:3px 0 3px 30px; clear:both; font-size:12px; font-family:"Microsoft YaHei",SimSun,"Lucida Grande", Helvetica, Arial, Verdana, sans-serif; font-weight:bold; background:url(../../images/ots/home_side_tree_icon_subitem.gif) 0 center no-repeat;}

.home-side-tree-item a,.home-side-tree-item-item a{ font-weight:normal; font-size:12px; font-family:"Lucida Grande", Helvetica, Arial, Verdana, sans-serif,SimSun;}

.home-side-tree-icon-api{ background:url(../../images/ots/home_side_tree_icon_api.gif) 0 center no-repeat;}
.home-side-tree-icon-sdk{ background:url(../../images/ots/home_side_tree_icon_sdk.gif) 0 center no-repeat;}
.home-side-tree-icon-directions{ background:url(../../images/ots/home_side_tree_icon_directions.gif) 0 center no-repeat;}

.page-create{}
.page-create-body{ padding:30px 50px; text-align:center;}

.page-create-step-1-guide{ width:444px; height:128px; padding:20px; margin:0 auto; background:url(../../images/ots/create_step_1.gif) center center no-repeat;}
.page-create-step-2-guide{ width:444px; height:128px; padding:20px; margin:0 auto; background:url(../../images/ots/create_step_2.gif) center center no-repeat;}
.page-create-step-3-guide{ width:444px; height:128px; padding:20px; margin:0 auto; background:url(../../images/ots/create_step_3.gif) center center no-repeat;}

.page-create-tab{ margin:0 auto; padding-top:20px; width:540px; overflow:hidden; *zoom:1;}
.page-create-tab a{ display:block; margin:0 5px; float:left; padding:17px 0 18px 110px; width:142px; height:30px; font:18px/100% "Microsoft YaHei",SimSun,"Lucida Grande", Helvetica, Arial, Verdana, sans-serif; background:url(../../images/ots/create_tab_bg.gif) 0 0 no-repeat; text-align:left; color:#656565; outline:none;}
.page-create-tab a.on{ background-position:-252px 0px; cursor:default;}
.page-create-tab a:hover{ text-decoration:none; color:#333333;}

.page-create-form{ padding:30px 200px; background:#F4F4F4; border-radius:10px;}
.page-create-form .form-1-row-caption{ padding-top:5px;}
.page-create-form .input-1{ width:200px;}

.page-create-body .button-10{ width:100px;}
.page-create-buttonbar{ padding:20px 0; text-align:center;}
.page-create-contract{ padding:30px 0 5px 0;}
.page-create-contract input{ vertical-align:middle; margin-right:5px;}

.page-create-confirm{ padding:30px 200px; background:#F4F4F4; border-radius:10px; text-align:left; font:14px/200% "Microsoft YaHei",SimSun,"Lucida Grande", Helvetica, Arial, Verdana, sans-serif;}

.page-create-tip{ padding:30px 0 30px 200px; border-radius:10px; text-align:left; font:12px/200% "Lucida Grande", Helvetica, Arial, Verdana, SimSun; border:1px solid; border-color:#F4F4F4 #F4F4F4 #CDCDCD #F4F4F4;}
.page-create-tip-promotion{ background:#FFF url(../../images/ots/create_word_promotion.gif) 70px center no-repeat;}

.page-apply-body{ padding:30px 50px; text-align:left;}
.page-apply-form{ padding:30px 150px;}
.page-apply-form .form-1-row-caption{ padding-top:5px;}
.page-apply-form .input-1{ width:300px;}
.page-apply-form .textarea-1{ width:300px;}

.page-guide-body{ padding:20px 20px; text-align:left;}
.page-guide-searchbar{ padding:10px 0;}
.page-guide-searchbar .input-1{ width:90px;}

.page-guide-layout{ clear:both; margin-top:5px; overflow:hidden; *zoom:1;}
.page-guide-layout-left{ width:170px; float:left; _margin-right:-3px;}
.page-guide-layout-main{ float:none; margin-left:200px; _margin-left:197px;}
.page-guide-layout-main-inner{ overflow:hidden; _height:0; _overflow:visible;}



.mb1{ margin-bottom:1px;}
.mr2{ margin-right:2px;}

.docs-left-panel{ margin-bottom:1px;}
.docs-left-panel-header{ clear:both; height:14px; padding:8px 15px; border-radius:10px; background:#CCC; font:14px/100% "Microsoft YaHei",SimSun,"Lucida Grande", Helvetica, Arial, Verdana; font-weight:bold; margin-bottom:1px;}
.docs-left-panel-body{ clear:both; padding:10px 15px; border-radius:10px; background:#F5F5F5;}
.docs-left-panel-body a{ display:block; clear:both; padding:3px 0;}
.docs-left-panel-sub-item{ padding-left:20px!important;}



/* wiki */
.br10{ border:1px solid #e6e7e8; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.wiki-content{ clear:both; word-break:break-all;}
.wiki-content h2,
.wiki-content h3,
.wiki-content h4{ margin: 0 0 1em; font-weight: bold;}
.wiki-content h2{ color: #8DC000; font-size: 18px;}
.wiki-content h3{ font-size: 14px;}
.wiki-content p,
.wiki-content pre{ margin: 0 0 1em;	word-break:break-all;}
.wiki-content pre{ padding: 10px; background: #F9FCF2; border: 1px solid #EEE; color: #759F00; white-space: pre;}
.wiki-box{ min-height:160px; _height:160px; overflow:hidden; _overflow:inherit; background: url(../../images/ots/wiki-content-bg.gif) no-repeat center bottom;}
.wiki-item{	float: left; padding: 20px 20px 20px 40px; width: 280px; word-wrap: break;}
.wiki-content .wiki-item p{	color:#9F9F9F;}
.wiki-item em{ position: absolute; margin: 0 0 0 -25px;	font-style: normal;	font-weight: bold; font-size: 18px;	color: #999;}
.wiki-item .more{white-space:nowrap;}