﻿.clear{
	clear: both;
    height: 0;
}
.inp1{ background:url(../images/17xmzgh_bsdt_inp.png) no-repeat no-repeat left; padding-left:22px; width:253px; height:33px; line-height:33px; border:0;}
.con{margin:50px auto;}
.ghfw_menu{ height:142px; position:relative; z-index:2; background:url(../images/17xmzgh_bsdt_tit.png) repeat-x left 43px; width:1197px; margin:0 auto;}
.firstGhfw_menu li {
 width: 149px !important;
 font-size: 15px !important;
}
.ghfw_menu li{ float:left; width:171px; height:142px; background:url(../images/17xmzgh_bsdt_icon_bg.png) no-repeat center top; text-align:center; font-size:18px; line-height:50px;}
.ghfw_menu li a{ display:block;}
.ghfw_menu li span{ width:77px; height:89px; margin:0 auto; clear:both; line-height:89px; display:block; overflow:hidden; text-align:center}
.ghfw_menu li a:hover span,.ghfw_menu li.on a span{ transform:scale(1.1); transition:all .3s ease-in-out;}
.ghfw_menu li a:hover span img{ width:87px; margin-top:0px; margin-left:0px;}
.ghfw_menu li a:hover,.ghfw_menu li.on a{ text-decoration:none; font-weight:bold}
.ghfw_menu.on li.ico_1{ background:url(../images/17xmzgh_bsdt_icon_bg1.png) no-repeat center top;}
.ghfw_menu.on li.ico_2{ background:url(../images/17xmzgh_bsdt_icon_bg2.png) no-repeat center top;}
.ghfw_menu.on li.ico_3{ background:url(../images/17xmzgh_bsdt_icon_bg3.png) no-repeat center top;}
.ghfw_menu.on li.ico_4{ background:url(../images/17xmzgh_bsdt_icon_bg4.png) no-repeat center top;}
.ghfw_menu.on li.ico_5{ background:url(../images/17xmzgh_bsdt_icon_bg5.png) no-repeat center top;}
.ghfw_menu.on li.ico_6{ background:url(../images/17xmzgh_bsdt_icon_bg6.png) no-repeat center top;}
.ghfw_menu.on li.ico_7{ background:url(../images/17xmzgh_bsdt_icon_bg7.png) no-repeat center top;}
.ghfw_menu.on li.ico_8{ background:url(../images/17xmzgh_bsdt_icon_bg8.png) no-repeat center top;}
.ghfw_menu.t_w1 a{ color:#000;}
.ghfw_menu.on li.ico_1 a:hover,.ghfw_menu li.ico_1.on a{ color:#63bc16}
.ghfw_menu.on li.ico_2 a:hover,.ghfw_menu li.ico_2.on a{ color:#f0cb47}
.ghfw_menu.on li.ico_3 a:hover,.ghfw_menu li.ico_3.on a{ color:#f2576f}
.ghfw_menu.on li.ico_4 a:hover,.ghfw_menu li.ico_4.on a{ color:#47dec2}
.ghfw_menu.on li.ico_5 a:hover,.ghfw_menu li.ico_5.on a{ color:#b79df8}
.ghfw_menu.on li.ico_6 a:hover,.ghfw_menu li.ico_6.on a{ color:#4face5}
.ghfw_menu.on li.ico_7 a:hover,.ghfw_menu li.ico_7.on a{ color:#fca368}
.ghfw_con_bg{ height:463px; background-color:#ffffff; position:relative; width:1197px; margin:-95px auto -43px; z-index:1}
.con1{ height:468px; padding:108px 22px 0 22px; display:none;}
.bor_1{ border-left:2px solid #63bc16; border-right:2px solid #63bc16;}
.bor_2{ border-left:2px solid #f0cb47; border-right:2px solid #f0cb47;}
.bor_3{ border-left:2px solid #f2576f; border-right:2px solid #f2576f;}
.bor_4{ border-left:2px solid #47dec2; border-right:2px solid #47dec2;}
.bor_5{ border-left:2px solid #b79df8; border-right:2px solid #b79df8;}
.bor_6{ border-left:2px solid #4face5; border-right:2px solid #4face5;}
.bor_7{ border-left:2px solid #fca368; border-right:2px solid #fca368;}
.con_l{ float:left; width:371px;}
.con_c{ float:left; width:371px; padding-left:22px;}
.con_r{ float:right; width:368px;height:300px;}
.con1_l{ float:left; width:608px; height:316px; text-align:center; padding:8px; background:url(../images/17xmzgh_bsdt_con.png) no-repeat center top; margin-top:25px;}
.con1_r{ float:right; width:553px;}
.tit1{ background:url(../images/17xmzgh_bsdt_tit.jpg) repeat-x top; height:38px; line-height:34px;}
.tit1 ul,.tit1 li{ float:left;}
.tit1 li{ display:inline; font-size:16px; color:#555555; min-width:96px; text-align:center}
.tit1 li a{ display:block; height:38px; line-height:34px; padding:0 16px;}
.tit1 li a:hover,.tit1 li.on a{ color:#ffffff; text-decoration:none;}
.bor_1 .tit1 li a:hover,.bor_1 .tit1 li.on a{ background:url(../images/17xmzgh_bsdt_tit_bar1.png) no-repeat center top;}
.bor_2 .tit1 li a:hover,.bor_2 .tit1 li.on a{ background:url(../images/17xmzgh_bsdt_tit_bar2.png) no-repeat center top;}
.bor_3 .tit1 li a:hover,.bor_3 .tit1 li.on a{ background:url(../images/17xmzgh_bsdt_tit_bar3.png) no-repeat center top;}
.bor_4 .tit1 li a:hover,.bor_4 .tit1 li.on a{ background:url(../images/17xmzgh_bsdt_tit_bar4.png) no-repeat center top;}
.bor_5 .tit1 li a:hover,.bor_5 .tit1 li.on a{ background:url(../images/17xmzgh_bsdt_tit_bar5.png) no-repeat center top;}
.bor_6 .tit1 li a:hover,.bor_6 .tit1 li.on a{ background:url(../images/17xmzgh_bsdt_tit_bar6.png) no-repeat center top;}
.bor_7 .tit1 li a:hover,.bor_7 .tit1 li.on a{ background:url(../images/17xmzgh_bsdt_tit_bar7.png) no-repeat center top;}
.list2{ margin:10px;height: 240px;overflow: hidden;}
.list2 li{ height: 30px;line-height:30px; background:url(../images/17xmzgh_bsdt_dot.jpg) no-repeat left center; padding-left:15px;}
.list2 li a{
	font-size: 16px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 280px;
    display: inline-block;
}
.con2{ background:url(../images/17xmzgh_bsdt_tu.png) no-repeat 232px 50px; height:193px;}
.tit2{ padding:0 25px 15px 25px; font-size:18px; font-weight:bold; color:#000}
.tit2 span{ float:right; font-size:12px; color:#999999; font-weight:normal}
.tit2 span.tblack1{ color:#555555;}
.con3{ line-height:30px; padding:0 25px;}
.con3 p span{
 width: 220px;
 display: inline-flex;
}
.bar_list,.bar_list3{ margin:8px auto 0;}
.bar_list li{ float:left; display:inline; margin-right:13px; margin-bottom:12px;}
.bar_list li.last{ margin-right:0}
.bar_list1{ width:333px; margin:8px auto 0;}
.bar_list1 li{ float:left; display:inline; margin-right:4px; margin-left:4px; margin-bottom:9px;}
.bar_list2{ width:343px; margin:8px auto 0;}
.bar_list2 li{ float:left; display:inline; width:107px; height:45px; line-height:45px; margin-right:20px; margin-left:35px;margin-top: 70px; margin-bottom:14px; background:url(../images/17xmzgh_bsdt_bar4.png) no-repeat; text-align:center; font-size:16px;}
.bar_list3 li{ float:left; display:inline; margin-right:8px;}
.bar_list3 li.last{ margin-right:0}
.list3{ margin:0px 25px;}
.list3 li{ line-height:30px; background:url(../images/17xmzgh_bsdt_icon.jpg) no-repeat left center; padding-left:15px;}

.tit1 span{ float:right; font-size:12px; padding-right:10px;}
.tit{ font-size:24px; line-height:60px; font-weight:bold; padding-left:13px;}
.list li{ background:url(../images/17xmzgh_bsdt_bar.png) no-repeat; width:174px; height:46px; line-height:46px; text-align:center; float:left; margin-left:10px; display:inline; margin-bottom:14px;}
.list1{ padding-left:8px; margin-top:15px;}
.list1 li{ height:101px; line-height:40px; text-align:center; float:left; margin-left:5px; display:inline; font-size:16px; font-weight:bold}
.list1 li.bg1{ width:149px; background:url(../images/17xmzgh_bsdt_bar1.png) no-repeat;}
.list1 li.bg2{ width:125px; background:url(../images/17xmzgh_bsdt_bar2.png) no-repeat;}
.list1 li.bg3{ width:256px; background:url(../images/17xmzgh_bsdt_bar3.png) no-repeat;}
.list1 li.bg4{ width:125px; background:url(../images/18xmzgh_bsdt_bar2.png) no-repeat;}
.list1 li.bg5{ width:125px; background:url(../images/18xmzgh_bsdt_bar3.png) no-repeat;}
.list1 li a{ display:block; padding-top:13px; height:88px;}
.list1 li a:hover{ text-decoration:none;}
.list1 li a:hover img{ transform:rotate(360deg); transition:all .3s ease-in-out}


.bot_bg { background: url(../images/17xmzgh_bar_bg_2.png) repeat; width:100%; padding: 15px 0; *padding-bottom:25px; position: relative; z-index: 1; line-height: 24px; margin: 43px auto 0; font-size: 12px; }
.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 }

.pf_con { width:80px; height:450px; position: fixed; background:url(../images/17xmzgh_bar_bg_2.png) repeat; z-index: 99; top: 50%; margin-top:-225px; right:-300px; }
.pf_con1 { width:80px; }
.pf_con1 li { width:80px; height:90px; position: relative; font-size:12px;}
.pf_con1 li a { padding-top:20px; display: block; height:70px; text-align: center; color: #ffffff; line-height: 32px; }
.pf_con1 li a:hover, .pf_con1 li.on a { background-color: #f4620c; text-decoration: none }
.pf_con1 li a span { height:31px; line-height:31px; text-align: center; display: block; clear: both; width: 100%; }
.pf_con3 { position: absolute; right:80px; display:none; background-color: #ffffff; padding: 10px; width:120px; z-index: 999; top:-90px; text-align:center; line-height:20px;}
.pf_con3 img{ margin-bottom:5px;}
.pf_con1 li:hover .pf_con3{ display:block}
.pf_icon { position: fixed; right:0px; top:280px; width:110px; height:110px; z-index: 9999; cursor:pointer}

/*概览*/
.menu1{ background:url(../images/17xmzgh_bsdt_menu_bg.png) repeat; height:77px; margin:-35px auto 0; position:relative;}
.menu1 li{ float:left; display:inline; text-align:center}
.menu1 li a{ display:block; height:69px; padding:8px 11px 0 11px; line-height:32px;}
.menu1 li a:hover,.menu1 li.on a{ background:url(../images/17xmzgh_bsdt_menu_bar.png) repeat; text-decoration:none}
.menu1 li.last a{ padding:8px 15px 0 16px;}
.gl_con{ background:url(../images/17xmzgh_bsdt_gl_con.jpg) repeat-y left top #ffffff; z-index:1}
.gl_l{ float:left; width:276px;}
.gl_tit{ height:82px; line-height:82px; text-align:center; font-size:30px; font-weight:bold; color:#ffffff; background-color:#63bc16;}
.gl_r{ float:right; width:924px;}
.gl_list{ margin:24px auto 0; width:222px;}
.gl_list li{ font-size:18px; line-height:54px; border-bottom:1px solid #e2e0e0;}
.gl_list li a{ display:block; padding-left:10px; background:url(../images/17xmzgh_bsdt_gl_icon1.png) no-repeat 204px center;}
.gl_list li.on a,.gl_list li a:hover{ color:#f4620c; background:url(../images/17xmzgh_bsdt_gl_icon1_1.png) no-repeat 204px center; text-decoration:none}
.gl_tit1{ padding:23px; background-color:#f5f7fa;}
.gl_tit1_l{ float:left; background:url(../images/17xmzgh_bsdt_gl_icon.png) no-repeat left center; padding:0 26px; height:37px; line-height:37px; text-align:center; font-size:16px; color:#999999}
.gl_tit1_r{ float:right;}
.gl_tit2{ background:url(../images/17xmzgh_bsdt_tit.jpg) repeat-x top; height:38px; line-height:34px; margin:22px 25px;}
.gl_tit2 ul,.tit1 li{ float:left;}
.gl_tit2 li{ display:inline; font-size:16px; color:#555555; min-width:96px; text-align:center}
.gl_tit2 li a{ display:block; height:38px; line-height:34px; padding:0 16px;}
.gl_tit2 li a:hover,.gl_tit2 li.on a{ color:#ffffff; text-decoration:none; background:url(../images/17xmzgh_bsdt_tit_bar1.png) no-repeat center top;}
.gl_tit2 span{ float:right}
.gl_list1{ margin:22px 25px;}
.gl_list1 ul{ margin-top:15px; border-bottom:1px #cccccc dotted; clear:both; padding:0 10px 15px 10px;}
.gl_list1 li{ height:30px; line-height:30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background:url(../images/17xmzgh_bsdt_dot.jpg) no-repeat left center; padding-left:12px;}
.gl_list1 li span{ color:#999999; float:right}


/*===============分页==============*/
.fy_list { margin:30px 25px 10px 25px; clear:both; padding-bottom:20px;}
.fy_list_l{ float:left; width:20%; line-height:40px;}
.fy_list_r{ float:right; width:15%; text-align:right; line-height:40px;}
.fy_list_c{ float:left; width:59%; text-align:center;}
.fy_list a { display:inline-block; padding:0 15px; border:1px solid #e4e4e4; line-height:40px; height:40px; margin:0 2px;}
.fy_list span.current,.fy_list span.disab,.fy_list span.disabled{display:inline-block; padding:0 15px; border:1px solid #e4e4e4; line-height:40px; height:40px; margin:0 2px;}
.fy_list a.bor_l1 { border-left:1px solid #e4e4e4; }
.fy_list a.on, .fy_list a:hover,.fy_list span.current { color:#fff; background-color:#ee1f00; border:1px solid #ee1f00; text-decoration:none }
.inp6{ width:40px; height:40px; line-height:42px; text-align:center; padding:0; font-size:14px; border:1px solid #e4e4e4}

.fy_list span.disab,.fy_list span.disabled{background:#f1f1f1;}
.fy_list span.go{height:42px;width:42px;padding:0;margin:0;background-color:#e2e2e2;line-height:42px;display:inline-block;}
.fy_list span.go:hover{cursor:pointer; background-color:#ee1f00; color:#fff;}



/*细览*/
.xl_con{ background:#ffffff; position:relative; z-index:1; padding-bottom:20px;}
.xl_tit{ background:url(../images/17xmzgh_bsdt_gl_icon.png) no-repeat 18px center #f5f7fa; padding-left:44px; height:50px; line-height:50px;}
.xl_tit1{ text-align:center; line-height:50px; font-size:36px; width:95%; margin:40px auto 0; color:#f4620c; font-weight:bold}
.xl_tit2{ text-align:center; line-height:34px; color:#999999; font-size:14px; width:93%; margin:15px auto 0; border-bottom:1px solid #cccccc; padding-bottom:20px;}
.xl_tit2 span{ margin:0 5px;}
.xl_tit3{ line-height:45px; height:45px; margin:15px auto 0; background:url(../images/17xmzgh_xl_tit_2.jpg) repeat-x bottom; width:93%;}
.xl_tit3 span{ background:url(../images/17xmzgh_xl_tit_bar_2.jpg) no-repeat center bottom; font-size:18px; padding:0 10px; line-height:45px; height:45px; display:block; float:left}
.xl_con1{ line-height:36px; width:91%; margin:25px auto 0; padding-bottom:10px; font-size:16px;}
.xl_con1 img{ margin:10px auto 30px;}
.xl_list{ width:93%; margin:10px auto 0;}
.xl_list li{ line-height:30px; padding-left:10px;}
.xl_tit4{ width:93%; margin:20px auto 0; border-top:1px dotted #dddddd; height:44px; line-height:44px; padding:20px 0;}
.xl_tit4 span{ float:right}
.xl_tit4 span img{ margin-left:10px;}




.block{ display:block}

.animated { -webkit-animation-duration:1.5s; animation-duration:1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both }
@-webkit-keyframes fadeInDown { 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0)
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none
}
}
 @keyframes fadeInDown { 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -100%, 0);
 transform: translate3d(0, -100%, 0)
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none
}
}
.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown }
 @-webkit-keyframes fadeInUp { 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, 100px, 0);
 transform: translate3d(0, 100px, 0)
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none
}
}
 @keyframes fadeInUp { 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, 100%, 0);
 transform: translate3d(0, 100%, 0)
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none
}
}
.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp }
 @-webkit-keyframes fadeInRight { 0% {
 opacity: 0;
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0);
 right: 0;
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none
}
}
 @keyframes fadeInRight { 0% {
 opacity: 0;
 -webkit-transform: translate3d(100%, 0, 0);
 transform: translate3d(100%, 0, 0)
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none
}
}
.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight }
@-webkit-keyframes fadeInLeft { 0% {
 opacity: 0;
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0)
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none
}
}
 @keyframes fadeInLeft { 0% {
 opacity: 0;
 -webkit-transform: translate3d(-100%, 0, 0);
 transform: translate3d(-100%, 0, 0)
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none
}
}
.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft }

/*---------------------------------------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: #999; }
.tgray1 a:link, .tgray1 a:visited { color: #999; }
.tgray1 a:hover { color: #999; text-decoration: underline; }
.torange1{ color:#f4620c;}
.torange1 a:link, .torange1 a:visited { color: #f4620c; }
.torange1 a:hover { color: #f4620c; text-decoration: underline; }
.tblack1 { color: #555555; }
.tblack1 a:link, .tblack1 a:visited { color: #555555; }
.tblack1 a:hover { color: #555555; text-decoration: underline; }
.tgreen1 { color: #1e9e49; }
.tgreen1 a:link, .tgreen1 a:visited { color: #1e9e49; }
.tgreen1 a:hover { color: #1e9e49; text-decoration: underline; }
.tblue1 { color: #0084e9;}
.tblue1 a:link, .tblue1 a:visited { color: #0084e9; }
.tblue1 a:hover { color: #0084e9; text-decoration: underline; }
/*---------------------------------------segmentation------------------------------------------*/

/*frame*/
.bor1 { border: 1px solid #e2e2e2; }
.bor_t1 { border-top: 1px dashed #d8d8d8; }
.bor_r1 { border-right: 1px solid #e2e2e2; }
.bor_l1 { border-left: 1px solid #e2e2e2; }
.bor_b1 { border-bottom: 1px dotted #e2e2e2; }
.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; }
.f_l{ float:left;}
.f_r{ float:right}

/*---------------------------------------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; }
.h34 { line-height: 34px; }
.h35 { line-height: 35px; }
.h38 { line-height: 38px; }
.h40 { line-height:40px; }
.h48 { line-height:48px; }
/*---------------------------------------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; overflow: hidden;}
.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; }
.pad10 { padding: 10px; }
.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; }
