/*CSS Reset*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {padding: 0; margin: 0;}   
fieldset, img, a img {border: 0;}   
table {border-collapse: collapse;border-spacing: 0;}   
ol, ul {list-style: none;}   
address, caption, cite, code, dfn, em, strong, th, var {font-weight: normal;font-style: normal;} 
strong{font-weight: bold;}  
caption, th {text-align: left;}   
h1, h2, h3, h4, h5, h6 {font-weight: normal;font-size: 100%;}   
q:before, q:after {content: '';}   
abbr, acronym {border: 0;}
/*CSS Reset End*/

body{font:11px/16px Verdana, Arial, Helvetica, sans-serif; background-color: white; color: #676767; padding:0;}

.clear-block:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear-block {display: inline-block;}
/* Hides from IE-mac \*/
* html .clear-block {height: 1%;}
.clear-block {display: block;}
/* End hide from IE-mac */

br.clear,div.clear{display: block; clear: both; font:1px/1px Arial;}

.left{float: left;} .right{float: right;}

iframe{border: 0px;}

input,code{font-family: Verdana;}

a{text-decoration: none; color: #5a9833;}
a:hover{text-decoration: underline;}

a.more_link{background: url(../images/link_ico.gif) 0.2em 0.5em no-repeat; padding-left: 15px;}
a.download_link{padding-left: 20px; background: url(../images/download_link_ico.gif) left no-repeat;}

ul.link_list li{background: url(../images/link_ico.gif) 0.2em 0.5em no-repeat; padding-left: 15px;}

.color_black{color: black;}
.color_gray{color: #999;}

.font_12{font-size: 12px; line-height: 18px;}
.font_13{font-size: 13px; line-height: 20px;}

h1{font-size: 22px; line-height: 26px; padding: 7px 0px 7px 50px; clear: both; border-bottom: 1px solid #d8d8d8; color:#000; font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-weight: bold;}
h1.ico_getting{background: url(../images/h1_getting_bg.gif) 0.3em 50% no-repeat;}
h1.ico_samplecode{background: url(../images/h1_samplecode_bg.gif) 0.3em 50% no-repeat; padding-left: 60px;}
h1.ico_faq{background: url(../images/h1_faq_bg.gif) 0.3em 50% no-repeat;}
h1.ico_howtos{background: url(../images/h1_faq_bg.gif) 0.3em 50% no-repeat;}
h1.ico_form{background: url(../images/h1_form_bg.gif) 0.3em 50% no-repeat;}
h1.ico_thankyou{background: url(../images/h1_thankyou_bg.gif) 0.3em 50% no-repeat;}
h1.ico_api{background: url(../images/h1_api_bg.gif) 0.3em 50% no-repeat;}
h1.banner_h1{padding-left: 0px; border: 0px; font: bold 22px/30px  Arial, Helvetica, sans-serif; height: 30px;}
h2{font-size: 14px; color: #000; line-height: 34px; height: 34px; font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-weight: bold;}
h2.withbg{height: 26px; line-height: 26px; background: url(../images/h3_bg.gif) top left repeat-x; text-indent: 0.8em; margin-bottom: 10px;}
h2.banner_h2{margin-bottom: 10px; font-size:13px;}
h3{font-size: 11px; font-weight: bold; color:#000; clear: both; line-height: 100％; margin-bottom: 4px;}
h4{font-size: 11px; font-weight: bold; color:#000; clear: both; line-height: 100％; margin-bottom: 4px;}

form{width:280px; margin: 0px auto;}
form p{margin: 0px 0px 10px 110px;}
fieldset{margin-bottom: 10px;}
label,input,select{float: left; margin-right: 10px;}
input.text_input,select{width: 150px;}
label{text-align: right; font-size: 12px; display: block; width: 100px;}
input.submit_button{background: url(../images/button_small_bg.gif) top left repeat-x; float: left; padding: 4px 17px; border: 0px; color:#fff; cursor: pointer;}

ul.link_list{margin: 5px 0px;}
ol.contant_list_num{list-style: decimal outside; margin-left: 20px; background: none; padding-left: 0px;}
ul.contant_list li{padding-left:20px; background: url(../images/contant_list_ico.gif) 0.5em 0.5em no-repeat;}
ul.contant_list_inline{margin: 0px 0px 15px 0px;}
ul.contant_list_inline li{padding-left:20px; background: url(../images/contant_inline_ico.gif) 0.6em 0.6em no-repeat;}
ol.contant_ol_inline{margin: 0px 0px 15px 0px;}
ol.contant_ol_inline li{list-style: decimal outside; margin-left: 20px; background: none; padding-left: 0px;}
ul.contant_list_inline3 li{padding-left:20px; background: url(../images/contant_inline_3_ico.gif) 0.6em 0.6em no-repeat; list-style: none; margin-left: 0px;}
ol.contant_list_num ul,ol.contant_list_num ol{margin: 15px 0px 15px;}
ol.contant_ol_inline ol, ol.contant_ol_inline ul{margin: 0px;}
ul.contant_list_inline ol{margin: 0px;}
ul.m18 li{margin-bottom: 10px;}


#top{width: 100%; margin-top: 0px; height: 47px; background: url(../images/top_bg.gif) top left repeat-x;}
#top_nav,#main,#foot{width: 935px; clear: both; margin: 0px auto;}
#logo{width:286px; height: 47px; line-height: 47px; display: block; background: url(../images/logo.gif) top left no-repeat; float: left; padding: 0px; border:0px;}

#top_menu{float: right; width:649px;}
#top_menu li{float: right; display: block; height: 47px; line-height: 47px;}
#top_menu li a{color: #fefffd; font-weight: bold; font-size: 12px; display: block;}
#top_menu li a span{padding: 0px 17px 0px 17px; display: block;} 
#top_menu li a span{*padding: 14px 17px 16px 17px; *display: inline;} 
#top_menu li.pulldown{position: relative;}
#top_menu li.pulldown a span{display: block; padding: 0px 32px 0px 17px; background: url(../images/topmenu_right_bg.gif) right bottom no-repeat;}
#top_menu li.pulldown a span{*display: inline; *padding: 14px 32px 16px 17px;}
#top_menu li.pulldown a:hover,#top_menu li.open a{background: url(../images/topmenu_left_h_bg.gif) bottom left no-repeat;}
#top_menu li.pulldown a:hover span,#top_menu li.open a span{padding: 0px 32px 0px 17px; background: url(../images/topmenu_right_h_bg.gif) right bottom no-repeat;}
#top_menu li.pulldown a:hover span,#top_menu li.open a span{*padding: 14px 32px 16px 17px;}
#top_menu li.pulldown ul{position: absolute; top:37px; display: none; z-index: 100; border:1px solid #666666; width: 210px; padding: 8px; background-color: #fff;}
#top_menu li.pulldown ul.pulldown_list li{text-align: left; height: 18px; line-height: 18px; width: 194px; padding: 0px 0px 0px 15px; margin: 0px;background: url(../images/link_ico.gif) 0.2em 0.6em no-repeat;}
#top_menu li.pulldown ul.pulldown_list li a{font-size: 11px; color: #5a9833; font-weight: normal; display: block; background: none;}
#top_menu li.pulldown ul.pulldown_list li a:hover{background: none; display: block; padding: 0px; margin: 0px;}
#top_menu li.first a span{padding: 0px 0px 0px 17px;}
#top_menu li a:hover{text-decoration: none;}

#main{padding:13px 0px 16px 0px;} 
#main.api_main{margin: 0px;; width: auto;}
#main #content{width:100%; float: left;}
#main #content #main_content{margin-right: 190px;}
#main #right_sidebar{width: 173px; float: right; margin-left: -173px; padding-top:50px;}
#main .banner_content_block{ background: url(../images/banner_img.gif) left bottom no-repeat; padding-left: 290px;}
#main .contant_area{margin-bottom: 30px;}
#main .colum_4{float: left; margin-left: 10px; width:173px;}
#main .colum_4_first{margin-left:0px;}

#foot{margin-bottom: 30px; padding: 10px; border-top:1px solid #d8d8d8; text-align:center;}
ul.footer li{display: inline; padding-right:17px;}
.footer_message{color: #b2b2b2; font-size: 10px; margin: 5px 0px;}

#content .content_block{padding: 20px 0px;}
.withline{border-bottom: 1px solid #d8d8d8;}

.block{padding: 8px; margin-bottom: 10px;}

#main_content h3.withbg{font-size: 11px; font-weight: bold; height: 26px; line-height: 26px; background: url(../images/h3_bg.gif) top left repeat-x; text-indent: 1.2em;}
#main_content h4.table_title{padding-left: 4px; border-left: 3px solid #5e9631;}
#main_content .contant{padding: 8px; margin-bottom: 22px;}
#main_content .contant p{margin-bottom: 16px;}
#main_content .contant .code{border: 1px solid #a5c288;  background-color: #f7f7f7; padding:18px 16px; margin-bottom: 36px;}

table{font-size: 10px; margin-bottom: 16px;}
table th,table td{text-indent: 1em; padding: 5px 0px;}
table th{color:#fff; font-weight: bold; background-color: #96b977;}
table td{border-bottom: 1px solid #d7e5cc;}
table td.last_td{border: 0px;}

.colum_2_1,.colum_2_2{float: left;}
.colum_2_1{width: 679px;}
.colum_2_2{margin-left:17px; width:239px;}

.colum_A,.colum_B,.colum_AA{float: left;}
.colum_A{width:745px;}
.colum_B{width:173px;}
.colum_AA{width:705px;}

.colum_half_1_a{width: 370px; float: left; padding:0 22px 0 0;}
.colum_half_1_aa{width: 363px; float: left; padding:0 12px 0 0;}
.colum_half_1_b{width: 370px; float: left; padding:0;}

.colum_half_2_1{width: 400px; float: left; border-right: 1px solid #d8d8d8;}
.colum_half_2_2{width: 340px; float: left;}
.colum_half_2_1 p,.colum_half_2_2 p{margin-top: 10px;}

.colum_half_22_1{width: 469px; float: left; border-right: 1px solid #d8d8d8;}
.colum_half_22_2{width: 369px; float: left;}
.colum_half_22_1 p,.colum_half_22_2 p{margin-top: 10px;}

.textarea_pd{float: left; width:552px; padding-right: 17px;}
.logo_pd{float: left; width: 160px; text-align: center;}

.img_ico{width: 60px; float: left; text-align: center;}
.text_area{width: 343px; float: left; padding: 0px 10px;}
.text_area p{margin-bottom: 10px;}
.text_area h2{line-height: 26px; height: 26px;}
.text_area ul.contant_list,.text_area ol.contant_list_num{margin-bottom: 18px;}
.colum_half_2_1 .text_area,.colum_half_2_2 .text_area{width: auto; float: left; padding: 0px 10px;}

.img_ico2{width: 50px; float: left; text-align: center;}
.text_area2{width: 290px; float: left; padding: 0 10px 0 10px;}
.text_area2 p{margin-bottom: 10px;}
.text_area2 h2{line-height: 26px; height: 26px;}
.text_area2 ul.contant_list,.text_area2 ol.contant_list_num{margin-bottom: 18px;}
.colum_half_2_1 .text_area2,.colum_half_2_2 .text_area2{width: auto; float: left; padding: 0px 10px;}


.banner_block{width:189px; background: #f1f1f3 url(../images/block_banner_bottom.gif) bottom left no-repeat;}
.banner_block_area{background: url(../images/block_banner_top.gif) top left no-repeat; padding: 10px;}
.banner_block_area p{margin-bottom: 10px;}

.banner_content_block .text_cont{ padding-bottom:40px;}
.banner_content_block div.left{ width:430px; }
.banner_content_block p.right{ width:490px; margin-top:10px;}
.banner_content_block p.short{ width:270px; margin-top:0px; font-size:14px; line-height:18px; font-weight:bold;}
.banner_content_block p.short span.people,.banner_content_block p.short span.position{ font-size:11px; line-height:16px; font-weight:normal;}
.banner_content_block .block{padding: 0px; display:inline; width:394px; margin-top:10px;}
.banner_content_block .block_area{background: url(../images/zdn_azure_banner.jpg) top left no-repeat; height: 159px; width:394px; float:left;}
.banner_content_block .block_area .contant a.banner_link{width: 394px; height: 159px; display: block;}
.banner_content_block .block_area .contant p{ padding:5px 0 0 26px; text-align:center;}
.banner_content_block .block_area .contant p.color_black{ font:11px/16px Verdana, Arial, Helvetica, sans-serif; color:#01559e;text-align:left;}
.banner_content_block .block_area .contant a.button_big{ height:34px; line-height:34px; width:140px;margin:0 auto;}

h3.accordion_heard{font-size: 13px; font-weight: normal; height: 26px; line-height: 26px; margin: 0px; background: url(../images/accordion_close_bg.gif) top left repeat-x; cursor: pointer;}
h3.accordion_heard_open,h3.hover_act{background: url(../images/accordion_open_bg.gif) top left repeat-x;}
h3.accordion_heard span{padding-left: 23px; background: url(../images/accordion_close_ico.gif) 0.7em 0.5em no-repeat;}
h3.accordion_heard_open span{padding-left: 23px; background: url(../images/accordion_open_ico.gif) 0.6em 0.6em no-repeat;}
.accordion .block{border-bottom: 1px solid #d8d8d8; padding:0px 0px 1px; margin-bottom: 1px;}
.accordion .block .accordion_content{padding:8px 18px;}



#right_sidebar .block,.colum_B .block,.colum_4 .block{background:#f1f1f3 url(../images/right_block_bottom.gif) bottom left no-repeat; padding: 0px;}
#right_sidebar .banner_link_style,.colum_B .banner_link_style,.colum_4 .banner_link_style{background:none; padding: 0px;}

#right_sidebar .block_area,.colum_B .block_area,.colum_4 .block_area{background: url(../images/right_block_top.gif) top left no-repeat; padding:0px 10px 10px 10px;}
#right_sidebar h2,.colum_B h2,.colum_4 h2{padding-top: 10px; line-height: 16px;}
#right_sidebar .contant p,.colum_B .contant p,.colum_4 .contant p{padding-top:5px;}
#right_sidebar .contant p.color_black,.colum_B .contant p.color_black,.colum_4 .contant p.color_black{font:11px/18px Arial, Helvetica, sans-serif;}
#main_content .colum_4 .contant{padding: 0px; margin: 0px; height: 140px;}
.colum_4 .number_title{font-size: 32px; color: #5b9831; margin: 5px 10px 0px 0px; font-family: "lucida grande",tahoma,verdana,arial,sans-serif; line-height: 36px;}

.colum_4{position: relative;}
.colum_now .block{background: #5d9731;}
.colum_now .block_area{background: #5d9731; color: #fff;}
.colum_now .number_title{color: #fff;}
.colum_now a{color: #fff;}
.colum_finish{width: 29px; height: 21px; position: absolute; z-index: 800; right: 10px; bottom: 10px;}

a.button_big{border-width: 0px 1px; border-color: #5f9732; border-style: solid; background: url(../images/button_big_bg.gif) top left repeat-x; height: 36px; line-height: 36px; width: 151px; display: block; text-align: center; color: #fffffd; font-weight: bold; font-size: 13px;}
a.button_small{border-width: 0px 1px; border-color: #5f9732; border-style: solid; background: url(../images/button_small_bg.gif) top left repeat-x; display: block; color: #fffffd; font-size: 13px; float: left;}
a.button_small span{display: block; padding:4px 7px;}

span.release_button{width:36px; height: 39px; line-height: 39px; display: block; text-align: center; font-weight: bold; color: #fff; background: url(../images/release_bg.gif) top left no-repeat;margin: 0px 12px;}

img.left{margin: 30px 10px 10px 0px;}
img.right{margin: 30px 0px 10px 10px;}

.quotation {
	font-size: 18px;
	font-weight: bold;
	color:#5a9833;
}

.people {
	color:#000000;
	padding-left:15px;
}

.position {
	color:#000000;
	padding-left:30px;
}

#zstore2 {
width:509px;
height:322px;
float:left;
background-image:url(../images/zStore_sample1.gif);
margin-left:15px;
margin-bottom:20px;
padding:32px 0 0 27px;
}

.zblock{border:1px solid #5c9b33; padding: 10px 6px; overflow: hidden; background: #fff; width:461px; height: 254px; margin-bottom: 20px;}
.zblock h4{font-size: 12px; text-align: center; line-height: 14px; height: 14px;}
.zblock p{margin: 10px 2px; width:auto; font-size: 11px; color: #808080; font-weight:normal; padding: 0px 2px;}
.zblock p.link{padding:0px 30px;}
.zblock p.zblock_title_1{font-size: 14px; height: 26px; line-height: 26px; color: #808080; margin: 0px 12px;}

.zcolum_3{clear: both;}
.zcolum_3 .zcolum_3_1,.zcolum_3 .zcolum_3_2,.zcolum_3 .zcolum_3_3{float: left; display: inline; width:148px; margin-right: 6px;}
.zcolum_3 .zcolum_3_3{margin-right: 0px;}


/*Add Font Size 03-11*/
.font_small{font:10px/14px Verdana,Arial}
.font_small a{font:bold 10px/14px Verdana,Arial}

/*Add API Home Style 03-11*/
#main #content #main_content.api_home{margin:20px auto;width:480px;text-align:center;}
#main_content.api_home h1{border:0;}
#main_content.api_home .top_block{border-bottom: 1px solid #d8d8d8;padding-bottom:20px;margin-bottom:16px;}
#main_content.api_home .top_block a{font:bold 14px/20px verdana,arial,sans-serif;}
#main_content.api_home h2{font:bold 14px/20px verdana,arial,sans-serif;}
#main_content.api_home a{font:bold 12px/18px verdana,arial,sans-serif;}