@charset "gb2312";
/* CSS Document */
body{
	background:url(17hl_js_head.jpg) no-repeat center -50px #ffffff;
	color:#666666;
	margin:0px;
	padding:0px;
	font-size:13px;
	font-family:"SimSun";
	text-align:left;
}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

*{ margin:0px; padding:0px;}
ul,li{ list-style-type:none; margin:0px; padding:0px;}
img{ border:0px; vertical-align:middle; cursor:pointer; _cursor:hand;}
input{ vertical-align:middle; outline:none}
.clear{ clear:both; height:0;}
table{ margin:0px auto;}
.no{ display:none;}
/*a style*/
a{ text-decoration:none;}
a:link, a:visited{ color:#666666;}
a:hover{ color:#ff0000; text-decoration:underline;}


/*---------------------------------------segmentation------------------------------------------*/


.head{ width:1240px; height:100px; margin:0px auto;}
.head_l{ float:left;}
.head_r{ float:right; width:525px; padding-top:24px;}
.ss input{ float:left}
.tit{ clear:both; line-height:28px; font-size:12px; line-height:32px;}
.tit a{ margin-right:10px; display:block; height:30px; line-height:30px; float:left;}
.tit a:link,.tit a:visited{ color:#ffffff;}
.tit span{ float:left; color:#ffffff}
a.gjjs{ font-size:14px; text-decoration:underline; color:#ffffff; margin:0 10px; line-height:40px;}
.inp{ background:url(17hl_js_inp.png) no-repeat left top; height:40px; line-height:40px; border:0; width:341px; padding-left:50px; font-size:14px; font-family:"Microsoft YaHei"; position:relative;}
.yy_icon{ position:relative; width:19px; height:25px; background:url(17sh_js_yy.png) no-repeat; display:block; margin-left:-30px; float:left; margin-top:7px;}
.ss_btn{ font-size:14px; font-family:"Microsoft YaHei"; color:#ee0000; text-decoration:underline; margin-left:12px;}
.menu_bg{ height:50px; background-color:#0084e9;}
.menu{ width:1240px; margin:0px auto;}
.menu li{ float:left; padding:0 23px; height:50px; line-height:50px; font-size:16px; font-family:"Microsoft YaHei"; text-align:center;}
.menu li a{ padding:0 30px; display:block; line-height:50px; height:50px;}
.menu li.on,.menu li:hover{ background:none}
.menu li.on a,.menu li a:hover{ background:url(17sh_js_menu_bar.png) no-repeat center bottom #ff9933; text-decoration:none}
.menu li.last{ background:none}
.bot{ width:1200px; margin:20px auto; line-height:24px;}
.bot_l{ float:left; margin-right:14px; margin-top:8px;}
.bot_c{ float:left;}
.bot_r{ float:right; line-height:72px; padding-right:12px; font-weight:bold}
.con{ background:url(17sh_js_con.jpg) repeat-y left; width:1240px; margin:0px auto; border-bottom:1px solid #dcdcdc;}
.con_l{ float:left; width:150px; padding:30px 10px;}
.con_c{ float:left; width:792px; padding:10px 15px;}
.con_r{ float:right; width:201px; padding:30px 20px;}
.con label{ margin-right:10px;}
.con label input[type="radio"]{ margin-right:5px;}
.tit1{ line-height:36px; font-size:15px; font-weight:bold; height:36px; color:#333333}
.tit1 img{ margin-right:8px;}
.list{ margin:5px;}
.list li{ line-height:26px;}
.list li a{ background:url(17sh_js_dot.jpg) no-repeat 15px center; padding-left:32px; display:block;}
.list li.on a{ background:url(17sh_js_dot1.jpg) no-repeat 15px center #e9eff3;}
.list li.on a:link,.list li.on a:visited{ color:#157dde}
.list li a:hover{ background:url(16szf_ss_dot_1.jpg) no-repeat 15px center #e9eff3; color:#157dde; text-decoration:none}
.list1,.list2,.list4{ margin:5px 10px;}
.list1 li,.list2 li,.list4 li{ line-height:26px;}
.list4 li span{ float:right; color:#999999; background:url(16szf_ss_down.jpg) no-repeat left center; padding-left:17px;}
.list2 li span{ display:block; float:left; width:14px; height:14px; text-align:center; line-height:14px; overflow:hidden; margin-right:8px; margin-top:6px; background-color:#d3d3d3;}
.list2 li span.top{ color:#ffffff; background-color:#ff9c00}
.text1{ width:95%; height:50px; line-height:22px; border:1px solid #dcdcdc;}
.more{ text-align:right; text-decoration:underline; margin:8px auto;}
.tit3{ margin:10px auto; height:34px; line-height:34px; background:url(16szf_ss_tit.jpg) repeat-x bottom;}
.tit3_l{ float:left; background:url(16szf_ss_tit_bar.jpg) repeat-x bottom; font-size:15px; font-family:"Microsoft YaHei"; color:#333333; font-weight:bold}
.tit3 span{ float:left; color:#999999}
.tu_list{ margin:12px auto 0; margin-right:-10px;}
.tu_list li{ position:relative; float:left; margin-right:9px; width:191px; display:inline;}
.tu_list li .bar_bg{ display:none}
.tu_list li:hover .bar_bg{ display:block; position:absolute; width:100%; left:0px; bottom:0px; height:32px; line-height:32px; background:url(17sh_js_bar_bg.png) repeat; text-align:center; color:#ffffff;}
.tu_list li img{ width:191px; height:120px;}
.tu_list li.last{ margin-right:0;}
.con1{ border-bottom:1px dotted #dcdcdc; margin:10px auto 0px; padding-bottom:18px;}
.con1 h3{ line-height:30px; font-size:14px; color:#157dde; font-weight:normal;}
.con1 h3 span{ color:#ff0000;}
.con1 h3 a:link,.con1 h3 a:visited{ color:#157dde;}
.con2{ line-height:24px; color:#333333;}
.con2 img{ float:left; margin-top:5px; margin-right:24px; max-width:145px;}
.fy_list{ text-align:center; margin:20px auto 0; clear:both; font-size:14px;}
.tit4{ height:29px; margin:15px auto 0;}
.tit4 span{ float:left; display:inline-block; font-size:14px; background-color:#eeeeee; border:1px solid #dcdcdc; height:27px; line-height:27px; font-weight:bold; padding:0px 15px; color:#000000}
.inp1{ width:93%; height:28px; line-height:28px; padding-left:10px; border:1px solid #dcdcdc; background-color:#ffffff;}
.btn1{ background-color:#157ddd; padding:0px 15px; height:32px; line-height:32px; border:0; font-size:14px; font-family:"Microsoft YaHei"; color:#ffffff; margin:5px 5px 0 0; display:inline-block;}
.list3{ margin:10px auto 20px; width:95%;}
.list3 a{ margin-right:10px; line-height:30px; text-decoration:underline}
.list3 a:link,.list3 a:visited{ color:#157dde;}
.con3{ width:95%; margin:10px auto; line-height:26px;}
.con3 span{ color:#157dde; text-decoration:underline; font-weight:bold;}
.con3 span a:link,.con3 span a:visited{ color:#157dde; text-decoration:underline;}
.jgfl{ background:url(17sh_js_icon4.jpg) no-repeat left center #fbfbfb; min-height:74px; padding:14px 0 0px 115px; margin:10px auto }
.jgfl a{ display:inline-block; float:left; font-size:14px; line-height:27px; height:27px; padding:0 10px; margin-right:8px; margin-bottom:9px; white-space:nowrap;}
.jgfl a.on,.jgfl a:hover{ background-color:#f5f5f5; color:#0084e9; text-decoration:none}
.tit2{ line-height:34px; font-size:14px;}
.pf_home{ position:fixed; bottom:111px; right:10px; width:78px; z-index:999}
.pf_home li{ height:79px; margin-bottom:1px;}
.pf_con{ width:77px; height:100%; position:fixed; background-color:#212121; z-index:99; top:0; right:0;}
.pf_con1{ padding-top:130px; width:77px;}
.pf_con1 li{ width:77px; height:85px; position:relative; font-family:"Microsoft YaHei"}
.pf_con1 li a{ padding:8px 0; display:block; height:69px; text-align:center; color:#ffffff; line-height:32px;}
.pf_con1 li a:hover,.pf_con1 li.on a{ background-color:#c72b27; text-decoration:none}
.pf_con1 li a span{ height:40px; line-height:40px; text-align:center; display:block; clear:both; width:100%;}
.pf_con2{ position:absolute; right:-263px; background-color:#ffffff; padding:14px; height:57px; width:235px; z-index:999; top:0;}
.text2{ width:165px; height:56px; line-height:18px; border:0;}
.pf_con2 input[type="image"]{ float:right;}
.pf_con3{ width:120px; height:120px; top:-23px; text-align:center;}
.pf_con3 img{ width:120px; height:120px;}
.pf_icon{ position:fixed; right:20px; bottom:30px; width:36px; height:36px; z-index:9999; background:url(17sh_js_sq.png) no-repeat center #212121; border-radius:50%;}


/*办事指南*/
.con2 img.img1{ float:none; margin:0; margin-right:5px;}
.tit5{ margin:5px auto 0;}
.tit5 li{ float:left; margin-right:25px; display:inline;}
.tit5 li a{ text-decoration:underline; color:#999999;}
.tit6,.tit7{ margin:17px 10px 0 10px;}
.tit6 span{ display:inline-block; width:23px; height:23px; line-height:23px; text-align:center; background-color:#ff9c00; margin-right:1px; color:#ffffff; font-size:12px; font-weight:bold;}
.tit7 span{ display:inline-block; width:23px; height:23px; line-height:23px; text-align:center; background-color:#1e9e49; margin-right:1px; color:#ffffff; font-size:12px; font-weight:bold;}
.list5{ margin:10px auto 0;}
.list5 li{ float:left; width:50%; background:url(16szf_ss_icon8.jpg) no-repeat 7px center; height:30px; line-height:30px; border-bottom:1px solid #dcdcdc;}
.list5 li a{ padding-left:17px;}
.con4{ background:url(16szf_ss_line.jpg) repeat-y 6px top;}
.con5{ margin:15px auto 0px;}
.con5 h3{ line-height:26px; font-size:14px; color:#157dde; font-weight:normal; background:url(16szf_ss_icon4_1.jpg) no-repeat left top; padding-left:21px;}
.con5 h3 span{ color:#ff0000;}
.con5 h3 a:link,.con5 h3 a:visited{ color:#157dde;}
.con6{ padding:10px 15px; margin:5px auto; line-height:24px; background-color:#f8f8f8; margin-left:21px; color:#333333}
.con7{ width:1240px; margin:0px auto; padding:20px 0; border-bottom:1px solid #cccccc;}
.tu_list1{ margin:12px auto;}
.tu_list1 li{ position:relative; float:left; margin-left:8px; margin-right:8px; display:inline; margin-bottom:16px; overflow:hidden;}
.tu_list1 li .bar_bg{ display:none}
.tu_list1 li img{ width:230px;}
.tu_list1 li:hover .bar_bg{ display:block; position:absolute; width:100%; left:0px; bottom:0px; height:36px; line-height:36px; font-size:14px; background:url(17sh_js_bar_bg.png) repeat; color:#ffffff;}
.tu_list1 li:hover .bar_bg span{ padding-left:15px;}

.con1_1{ margin:15px auto 0; border-bottom:1px dotted #dcdcdc; padding-bottom:15px;}
.tit8{ line-height:30px; font-size:14px; color:#157dde; font-weight:normal;}
.tit8_l{ float:left;}
.tit8_l span{ color:#ff0000;}
.tit8_l a:link,.tit8_l a:visited{ color:#157dde;}
.tit8_r{ float:right; font-size:12px;}
.tit8_r img{ margin-right:5px;}
.tit8_r a{ color:#999999}
.tab{ margin:5px auto 0;}
.tab td{ line-height:18px; padding:6px 0 6px 0px; vertical-align:top}
.tab td.td1{ padding-left:0; text-align:right}

/*相关文件*/
.con8{ width:1150px; margin:15px auto 0; border:1px solid #dbdbdb; padding:28px 44px;}
.list6,.list7{ margin:15px auto 0;}
.list6 li{ line-height:45px; border-bottom:1px dotted #dcdcdc; font-size:14px;}
.list6 li i{ font-style:normal; width:30px; display:inline-block; height:45px; float:left}
.list6 li i.word{ background:url(16szf_ss_w.jpg) no-repeat center;}
.list6 li i.excel{ background:url(16szf_ss_x.jpg) no-repeat center;}
.list6 li span{ color:#ff0000}

.list7 li{ line-height:45px; border-bottom:1px dotted #dcdcdc; font-size:14px; color:#157dde; float:left; width:30%; margin-right:2%; padding-right:1.3%;}
.list7 li i{ font-style:normal; width:13px; display:inline-block; height:13px; line-height:13px; float:left; text-align:center; color:#666666; margin-top:16px; margin-right:13px; margin-left:5px; background-color:#d3d3d3}
.list7 li span{ float:right; color:#666666}
.list7 li:first-child i,.list7 li:nth-child(2) i,.list7 li:nth-child(3) i{ background-color:#ff9c00; color:#fff;}
.list7 li:first-child,.list7 li:nth-child(2),.list7 li:nth-child(3){ font-weight:bold;}


/*应用中心*/
.yyzx_con{ margin:10px auto 30px; clear:both}
.yyzx_con ul li{width:33.3%; float:left; display:inline; margin-top:20px; height:64px;}
.yyzx_con ul li h3{ font-size:14px; font-family:"Microsoft YaHei"; font-weight:normal;}
.yyzx_con ul li p{ line-height:24px; color:#a0a0a0}
.yyzx_icon{ -moz-border-radius:3px; border-radius:3px; width:64px; height:64px; line-height:60px; text-align:center; float:left; margin-right:10px; margin-left:10px;}
.yyzx_tit1{ line-height:30px; float:left; height:64px;}
.yyzx_bg1{ background-color:#32b16c;}
.yyzx_bg2{ background-color:#ff72b4;}
.yyzx_bg3{ background-color:#00b8ee;}
.yyzx_bg4{ background-color:#f9b552;}
.yyzx_bg5{ background-color:#23cec1;}
.yyzx_bg6{ background-color:#ed4545;}
.yyzx_bg7{ background-color:#cf51ef;}
.yyzx_bg8{ background-color:#90c966;}


/*应用分类*/
.tit9{ height:32px; margin:15px auto; background-color:#f1f1f1;}
.tit9 li{ float:left; line-height:32px; font-size:14px; font-family:"Microsoft YaHei"}
.tit9 li a{ display:block; padding:0px 13px;}
.tit9 li.on{ background-color:#157ddd; color:#fff}
.tit9 li.on a:link,.tit9 li.on a:visited{ color:#ffffff}
.tit9 li a:hover{ background-color:#157ddd; color:#fff; text-decoration:none}


/*7.5*/
.bg1{ background:url(trt_new_bg2.jpg) no-repeat center top; background-size:cover}
.ind_con{ position:fixed; width:760px; min-height:50%; top:40%; margin-top:-80px; left:50%; margin-left:-380px;}
.ind_logo{ text-align:center; height:70px;}
.ind_bot{ position:fixed; left:0; right:0; margin-left:auto; margin-right:auto; bottom:0px; font-size:14px; line-height:30px; width:100%; background:rgba(0,0,0,.5);}
.inp2{ margin-left:50px; background-color:#ffffff; height:38px; line-height:38px; border:1px solid #dcdcdc; width:550px; padding-left:10px; font-size:14px; font-family:"Microsoft YaHei"}
.ind_tit{ margin:30px auto 0;}
.ind_tit ul{ padding:0 10px 0 40px;}
.ind_tit li{ font-size:16px; font-family:"Microsoft YaHei"; float:left; display:inline; margin-right:30px; line-height:36px; background:url(16szf_ss_icon.png) no-repeat center top; padding-top:20px;}
.ind_tit li:hover{ background:url(16szf_ss_icon_1.png) no-repeat center top;}

/**办事指南**/
.bszn_con1{ margin:15px auto 0; width:100%;}
.bszn_list li{ position:relative; clear:both}
.bszn_list li h3{ line-height:50px; height:50px; font-size:15px; font-weight:normal; background:url(17ct_bszn_icon.jpg) no-repeat 10px center; padding-left:22px; border-bottom:1px solid #e4e4e4}
.bszn_list li h3 span{ font-size:13px; margin-left:40px; display:none}
.bszn_list li h3 span i{ font-style:normal; color:#999; font-size:12px;}
.bszn_list li.no_ej:hover h3 span{ display:inline}
.bszn_list li .bszn_con3 span{ padding-left:63px; padding-right:55px; line-height:30px; height:30px; display:block; float:left; font-size:14px;}
.bszn_list li .bszn_con3 span.bszn_icon1{ background:url(17ct_bszn_ico1.jpg) no-repeat 40px center;}
.bszn_list li .bszn_con3 span.bszn_icon2{ background:url(17ct_bszn_ico2.jpg) no-repeat 40px center;}
.bszn_list li .bszn_con3 span.bszn_icon3{ background:url(17ct_bszn_ico3.jpg) no-repeat 40px center;}
.bszn_list li .bszn_con3 span.bszn_icon4{ background:url(17ct_bszn_ico4.jpg) no-repeat 40px center;}
.bszn_list li .bszn_con2,.bszn_list li .bszn_con3{ display:none; line-height:30px; margin:0 auto; clear:both}
.bszn_list li .bszn_con2{ border-bottom:1px dotted #b6b6b6; padding:10px 20px;}
.bszn_list li .bszn_con3{ height:30px; line-height:30px; position:relative}
/*.bszn_list li.on .bszn_con2,.bszn_list li:hover .bszn_con2,.bszn_list li .bszn_con2:hover .bszn_con3{ display:block;}*/
.bszn_list li.on .bszn_con2 {display:block;}
.bszn_list li .bszn_con2:hover{ background-color:#f5f5f5;}
.bszn_list li .bszn_con2:hover .bszn_con3{ display:block;}
.bszn_tit1{ clear:both; line-height:30px; background:url(17ct_dot.jpg) no-repeat 4px center; padding-left:15px; font-size:14px;}
.bszn_tit1 span{ float:right; color:#888888}
.bszn_tit1 i{ font-style:normal; color:#999; font-size:12px;}
.bszn_list li.no_ej .bszn_tit1,.bszn_list li.no_ej .bszn_con2{ display:none}
.bszn_list li.no_ej:hover{ background-color:#f5f5f5;}
.bszn_list li.no_ej:hover h3{ border-bottom:0;}
.bszn_list li.no_ej:hover .bszn_con2{ display:block; border-bottom:0; padding:0px 20px;}
.bszn_list li.no_ej:hover .bszn_con3{ display:block; padding-bottom:10px;}




/*8.1*/
.bslc_con{ border:1px solid #d1edfe; background-color:#FFF; padding:9px;}
.bslc_con1{ background-color:#f5fafd; padding:15px; position:relative;}
.bslc_con2{ border-bottom:1px dashed #dedede; padding:12px; width:450px;}
.bslc_img{ position:absolute; right:20px; bottom:50px; width:135px;}
.bslc_con2_l{ float:left; width:65px; padding-top:5px;}
.bslc_con2_r{ float:left; width:385px;}
.bslc_con3{ line-height:22px;}
.bslc_con3 h3{ line-height:30px; font-size:14px;}


/*8.12*/
.bmxx{ margin:15px auto 0; clear:both; border:1px dashed #dedede; padding:16px;}
.bmxx_l{ float:left; width:172px; }
.bmxx_r{ float:right; width:566px; line-height:26px; text-align:justify}
.bmxx h3{ margin-bottom:10px; color:#333333}
.bmxx h3 a:link,.bmxx h3 a:visiter,.bmxx h3 a:hover{ color:#333333}
.a_link a{ margin-right:20px; float:left; display:inline-block; font-weight:bold; color:#1e9e49; text-decoration:underline}
.a_link a:link,.a_link a:visited,.a_link a:hover{ color:#1e9e49}


.bianmin_div{border: #dedede 1px dashed; margin-top: 10px; width:790px; height:88px;}
.bianmin_div .div_left{width: 80px; margin-left:12px; margin-top:10px; float: left;}
.bianmin_div .div_right{width: 685px;  margin-top:10px; float:left; line-height:18px; }
.bianmin_div .div_right span{ font-size:14px; line-height:24px; font-weight:bold;}
/*---------------------------------------segmentation------------------------------------------*/


/*colour*/
.tred1{ color:#ff0000;}
.tred1 a:link, .tred1 a:visited{ color:#ff0000;}
.tred1 a:hover{ color:#ff0000; text-decoration:underline;}

.twhite1{ color:#fff;}
.twhite1 a:link, .twhite1 a:visited{ color:#fff;}
.twhite1 a:hover{ color:#fff; text-decoration:underline;}

.tgray1{ color:#a4a4a4;}
.tgray1 a:link, .tgray1 a:visited{ color:#a4a4a4;}
.tgray1 a:hover{ color:#a4a4a4; text-decoration:underline;}

.tgray2{ color:#999999;}
.tgray2 a:link, .tgray2 a:visited{ color:#999999;}
.tgray2 a:hover{ color:#999999; text-decoration:underline;}

.tgray3{ color:#333333;}
.tgray3 a:link, .tgray3 a:visited{ color:#333333;}
.tgray3 a:hover{ color:#333333; text-decoration:underline;}

.tgreen1{ color:#1e9e49;}
.tgreen1 a:link, .tgreen1 a:visited{ color:#1e9e49;}
.tgreen1 a:hover{ color:#1e9e49; text-decoration:underline;}

.tblue1{ color:#0058a6; text-decoration:underline}
.tblue1 a:link, .tblue1 a:visited{ color:#0058a6;}
.tblue1 a:hover{ color:#0058a6; text-decoration:underline;}

/*---------------------------------------segmentation------------------------------------------*/

/*frame*/
.bor1{ border:1px solid #666666;}

.bor_t1{ border-top:1px dashed #d8d8d8;}

.bor_r1{ border-right:1px solid #d5d5d5;}

.bor_l1{ border-left:1px solid #d5d5d5;}

.bor_b1{ border-bottom:1px dotted #fa660c;}
.bor_b2{ border-bottom:1px dotted #c3c3c3;}

.bor_to{ border-top:none;}
.bor_bo{ border-bottom:none;}
.bor_ro{ border-right:none;}
.bor_lo{ border-left:none;}

/*---------------------------------------segmentation------------------------------------------*/

/*font*/
.tb { font-weight:bold; }
.t12{ font-size:12px;}
.t13{ font-size:13px;}
.t14{ font-size:14px;}
.t15{ font-size:15px;}
.t16{ font-size:16px;}
.t17{ font-size:16px;}
.t18{ font-size:18px;}
.t20{ font-size:20px;}
.t24{ font-size:24px;}
.t33{ font-size:33px;}
.f_heiti{ font-family:"SimHei";}
.f_yahei{ font-family:"Microsoft YaHei";}
.f_c{ text-align:center;}
.f_i{ text-indent:2em;}
/*---------------------------------------segmentation------------------------------------------*/

/*line-height*/
.h10{ line-height:10px;}
.h18{ line-height:18px;}
.h20{ line-height:20px;}
.h21{ line-height:21px;}
.h22{ line-height:22px;}
.h24{ line-height:24px;}
.h25{ line-height:25px;}
.h26{ line-height:26px;}
.h27{ line-height:27px;}
.h28{ line-height:28px;}
.h30{ line-height:30px;}
.h31{ line-height:31px;}
.h32{ line-height:32px;}
.h35{ line-height:35px;}
.h38{ line-height:38px;}


/*---------------------------------------segmentation------------------------------------------*/

/*margin*/
.mar1{ margin:1px;}

.mar_to{ margin-top:0px;}
.mar_t1{ margin-top:1px;}
.mar_t3{ margin-top:3px;}
.mar_t5{ margin-top:5px;}
.mar_t8{ margin-top:8px;}
.mar_t10{ margin-top:10px;}
.mar_t11{ margin-top:11px;}
.mar_t12{ margin-top:12px;}
.mar_t15{ margin-top:15px;}
.mar_t18{ margin-top:18px;}
.mar_t20{ margin-top:20px;}
.mar_t25{ margin-top:25px;}
.mar_t30{ margin-top:30px;}
.mar_t35{ margin-top:35px;}
.mar_t40{ margin-top:40px;}
.mar_t45{ margin-top:45px;}
.mar_t50{ margin-top:50px;}
.mar_t55{ margin-top:55px;}

.mar_b1{margin-bottom:1px;}
.mar_b5{margin-bottom:5px;}
.mar_b10{margin-bottom:10px;}
.mar_b15{margin-bottom:15px;}
.mar_b20{margin-bottom:20px;}
.mar_b25{margin-bottom:25px;}
.mar_b30{margin-bottom:30px;}
.mar_b35{margin-bottom:35px;}
.mar_b40{margin-bottom:40px;}
.mar_b45{margin-bottom:45px;}
.mar_b50{margin-bottom:50px;}
.mar_b55{margin-bottom:55px;}

.mar_l1{margin-left:1px;}
.mar_l5{margin-left:5px;}
.mar_l10{margin-left:10px;}
.mar_l15{margin-left:15px;}
.mar_l20{margin-left:20px;}
.mar_l25{margin-left:25px;}
.mar_l30{margin-left:30px;}

.mar_r1{margin-right:1px;}
.mar_r5{margin-right:5px;}
.mar_r10{margin-right:10px;}
.mar_r15{margin-right:15px;}
.mar_r20{margin-right:20px;}
.mar_r25{margin-right:25px;}
.mar_r30{margin-right:30px;}

/*---------------------------------------segmentation------------------------------------------*/

/*padding*/
.pad0{ padding:0px;}
.pad1{ padding:1px;}
.pad2{ padding:2px;}
.pad3{ padding:3px;}
.pad4{ padding:4px;}
.pad5{ padding:5px;}

.pad_t1{ padding-top:1px;}
.pad_t2{ padding-top:2px;}
.pad_t3{ padding-top:3px;}
.pad_t4{ padding-top:4px;}
.pad_t5{ padding-top:5px;}
.pad_t10{ padding-top:10px;}
.pad_t15{ padding-top:15px;}
.pad_t20{ padding-top:20px;}
.pad_t25{ padding-top:25px;}
.pad_t30{ padding-top:30px;}
.pad_t35{ padding-top:35px;}
.pad_t40{ padding-top:40px;}
.pad_t45{ padding-top:45px;}
.pad_t50{ padding-top:50px;}
.pad_t55{ padding-top:55px;}

.pad_b0{ padding-bottom:0px;}
.pad_b1{ padding-bottom:1px;}
.pad_b2{ padding-bottom:2px;}
.pad_b3{ padding-bottom:3px;}
.pad_b4{ padding-bottom:4px;}
.pad_b5{ padding-bottom:5px;}
.pad_b10{ padding-bottom:10px;}
.pad_b15{ padding-bottom:15px;}
.pad_b20{ padding-bottom:20px;}
.pad_b25{ padding-bottom:25px;}
.pad_b30{ padding-bottom:30px;}
.pad_b35{ padding-bottom:35px;}
.pad_b40{ padding-bottom:40px;}
.pad_b45{ padding-bottom:45px;}
.pad_b50{ padding-bottom:50px;}
.pad_b55{ padding-bottom:55px;}

.pad_l1{ padding-left:1px;}
.pad_l5{ padding-left:5px;}
.pad_l10{ padding-left:10px;}
.pad_l15{ padding-left:15px;}
.pad_l20{ padding-left:20px;}
.pad_l25{ padding-left:25px;}
.pad_l30{ padding-left:30px;}
.pad_l35{ padding-left:35px;}

.pad_r1{ padding-right:1px;}
.pad_r5{ padding-right:5px;}
.pad_r10{ padding-right:10px;}
.pad_r15{ padding-right:15px;}
.pad_r20{ padding-right:20px;}
.pad_r25{ padding-right:25px;}
.pad_r30{ padding-right:30px;}