body { color: #555555; margin: 0px; padding: 0px; font-size: 14px; font-family: "Microsoft YaHei"; text-align: left; background:url(18yd_zjyd_bg.jpg) no-repeat center top; background-size:100% 100%; overflow-x:hidden}
#container, .sections, .section { /*必须，兼容，在浏览器不支持transform属性时，通过改变top/left完成滑动动画*/ position: relative; /*必须，关系到单个page能否全屏显示*/ height: 100%; }
a { text-decoration: none; }
a:link, a:visited { color: #555555; }
a:hover { color: #0167cc; text-decoration: underline; }
* { margin: 0px; padding: 0px; font-family: "Microsoft YaHei"; outline: none; transition:width .5s linear; }
ul, li { list-style-type: none; margin: 0px; padding: 0px; }
img { border: 0px; vertical-align: middle; }
.clear { clear: both; }
input, select { vertical-align: middle; }
.no { display: none; }
.ms-controller { visibility:hidden}
/*外部链接样式*/
.otherlink-bg {
    background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0;
    bottom: 0;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: all 0.3s ease 0s;
    z-index: 99;
}
.otherlink-bg.in {
    opacity: 1;
}
.otherlink-pop {
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 6px;
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    height: 180px;
    left: 50%;
    margin: -250px 0 0 -280px;
    overflow: hidden;
    position: fixed;
    top: -25%;
    transition: all 0.4s ease 0s;
    width: 470px;
    z-index: 100;
}
.otherlink-pop.in {
    top: 50%;
}
.otherlink-pop a.offBtn {
    color: #ccc;
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    padding: 5px 10px;
    position: absolute;
    right: 8px;
    top: 5px;
}
.otherlink-pop h2 {
    font-size: 16px;
    padding: 45px 40px;
	font-weight:normal;
	text-align:left;
	font-size:14px;
	line-height:2em;
	
}
.otherlink-pop p.btns {
    background: #f5f5f5 none repeat scroll 0 0;
    border-top: 1px solid #ddd;
    bottom: 0;
    height: 50px;
    left: 0;
    position: absolute;
    text-align: right;
    width: 100%;
}
.otherlink-pop p.btns a {
    border: 1px solid #bbbbbb;
    border-radius: 5px;
    color: #333;
    display: inline-block;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
    margin: 9px 15px 0 0;
    padding: 0 15px;
}
.otherlink-pop p.btns a:hover {
    background: #e6e6e6 none repeat scroll 0 0;
}
.otherlink-pop p.btns a.toOtherLink {
    background: #337ab7 none repeat scroll 0 0;
    border: 1px solid #337ab7;
    color: #fff;
}
.otherlink-pop p.btns a.toOtherLink:hover {
    background: #286090 none repeat scroll 0 0;
}

.contain{ width:1200px; margin:0 auto; position:relative;}
.head1{ height:100px; margin:0 auto; padding-top:40px;}
.head { position: absolute; width: 1200px; margin-left: -580px; left: 50%; top:41px; height:63px; z-index:99 }
.logo { float: left; padding-left:20px;}
.tit { float: right; padding-right: 48px; padding-top:17px;}
.head1 .tit{ padding-right:0}
.head1 .logo img{ margin-right:15px;}
.menu{ position:fixed; top:0; width:158px; height:100%; background:url(18yd_zjyd_bar_bg.png) repeat; z-index:99; left:50%; margin-left:-779px; opacity:0}
.menu ul{ position:absolute; top:15%; width:100%; left:0;}
.menu li{ border-bottom:1px dashed #b5bbbd;}
.menu li a{ display:block; padding-left:25px; color:#dbe1e5; line-height:66px; height:66px; font-size:18px; font-weight:bold; overflow:hidden}
.menu li a span{ float:left; display:block; width:35px; height:100%;}
.menu li.active a,.menu li a:hover{ background:url(18yd_zjyd_menu_bar.png) no-repeat right center; width:187px; color:#fff; text-decoration:none}
.logo1{ position:absolute; top:5%; left:0; width:100%; text-align:center; height:44px;}
.bot_line_l{ background-color:#cc0000; width:50%; position:absolute; left:-20px; top:0px; height:1px; overflow:hidden; z-index:9999}
.bot_line_r{ background-color:#cc0000; width:50%; position:absolute; right:-20px; top:0px; height:1px; overflow:hidden; z-index:9999}
.bot_icon{ width:40px; height:18px; position:absolute; left:50%; margin-left:-20px; background:url(18yd_zjyd_bot_icon.png) no-repeat center; top:-9px; z-index:9999}
.bot_bg{ background:url(18yd_zjyd_bar_bg.png) repeat; position:fixed; left:0; bottom:0; width:100%; z-index:999; height:130px;}
.bot_bg1{ background:url(18yd_zjyd_bar_bg.png) repeat; width:100%; z-index:999; height:130px; margin:30px auto 0; position:relative}
.bot{ padding:22px 20px; width:1160px; margin:0 auto}
.bot_l { float: left; width:75px;}
.bot_c{ float:left; line-height:30px; width:600px; font-size:12px;}
.bot_r { float: right;}
.bot_l img{ float:left; padding-right:20px; padding-top:15px;}
.bot_r img{ float:left; padding-right:15px; padding-top:15px;}

.arr,.arr1{ width:48px; height:27px; background:url(18yd_zjyd_icon_t.png) no-repeat -48px 0; z-index:999; cursor:pointer; display:block; position:absolute; top:-27px; left:50%; margin-left:-24px;}
.arr.active,.arr1.active{ background-position:0 0;}
.page { width:1200px; position:absolute; left:0; right:0; top:15%; margin:0 auto;}
.page_bg{ background-color:#ffffff; padding:36px 20px 0 20px;}
.con_bg{ background:url(18yd_zjyd_tu3.jpg) no-repeat center bottom #f4f4f4;}
.tit1{ background:url(18yd_zjyd_tit.png) no-repeat center 10px; text-align:center; height:63px; line-height:63px; position:relative}
.tit1 span{ display:inline-block; font-size:24px; background:url(18yd_zjyd_tit_bar.png) no-repeat center top; text-align:center; color:#999999; width:219px; font-weight:bold;}
.tit1 a{ position:absolute; right:22px; top:33px; width:80px; height:30px; line-height:30px; text-align:center; background-color:#cccccc;}
.tit1_r{ line-height:30px; position:absolute; right:0px; top:15px;/* width:50%*/}
.tit1 .tit1_r a{ position:static; right:inherit; top:inherit; width:auto; text-align:right; background-color:transparent; display:inline; cursor:pointer}
.con,.con1{ margin:28px 17px 0 18px; font-size:16px; line-height:36px; position:relative; overflow:hidden}
.con img{ float:right; margin-left:30px; height:100%;}
#section5 .con{ height:108px; overflow:hidden}
.con1 img{ float:left; margin-right:30px; max-height:100%}
.tu_list{ margin:30px auto 0}
.tu_list li{ float:left; width:20%; text-align:center}
.list{ margin:30px auto 0; }
.list li{ width:344px; height:298px; position:relative; margin-right:19px; margin-left:19px; margin-bottom:19px; float:left; display:inline; background-color:#f5f5f5; line-height:24px;}
.list li .tu{ position:relative; z-index:2}
.list li img{ width:100%; max-height:165px;}
.list li .icon_bg{ position:absolute; left:50%; margin-left:-37px; bottom:-37px; font-style:normal; width:73px; height:73px; text-align:center; line-height:73px; color:#ffffff; background:url(18yd_zjyd_icon_bg.png) no-repeat; font-size:18px; font-weight:bold; z-index:999}
.list li p{ padding:38px 25px 0 25px;}
.list li .box{ position:absolute; left:0; top:0; background:url(18yd_zjyd_box.png) no-repeat; background-size:100% 100%; width:100%; height:100%; /*z-index:99*/}
.list1,.con3{ margin:40px auto 0;}
.con2{ float:left; width:344px; margin:0 19px;}
.con2 img{ max-width:100%}
.list1 ul{ padding:12px 0 0px 5px;}
.list1 li{ line-height:30px; background:url(18yd_zjyd_icon.png) no-repeat left center; padding-left:15px;}
.con3_l{ float:left; width:500px; height:349px; position:relative; padding-left:35px;}
.con3_r{ float:left; width:606px;}
.con3_r li{ float:left; width:289px; margin-left:14px; margin-bottom:13px; display:inline; text-align:center; position:relative}
.con3_r li .bar_bg{ position:absolute; left:0; bottom:0; height:33px; line-height:33px; background:url(18yd_zjyd_bar_bg.png) repeat; width:100%; text-align:center; font-size:12px; display:block}
.con3_r li img{ width:100%; max-height:168px;}
.pic_con1{ height:100%; position:relative; z-index:1; overflow:hidden;}
.pic_con1 .pic{ height:100%; overflow:hidden}
.pic_con1 .pic li{ width:100%; height:100%;}
.pic_con1 .pic img { width:100%; height:100%; display: block;}
.pic_con1 .txt-bg{ position: absolute; bottom: 0; z-index: 4; height:45px; width: 100%; background:url(18yd_zjyd_bar_bg.png) repeat;}
.pic_con1 .txt{ position: absolute; bottom: 0; z-index: 5; height:45px; width: 100%; overflow: hidden; }
.pic_con1 .txt li{ height:45px; line-height:45px; position: absolute; bottom: -45px; left:0px; }
.pic_con1 .txt li a{ display: block; color: white; padding: 0 0 0 10px; font-size: 18px;}
.pic_con1 .num{ position: absolute; z-index: 6; bottom:18px; right:10px;}
.pic_con1 .num li{ float: left; position: relative; width:10px; height:10px; line-height:30px; background-color:#ffffff; overflow: hidden; text-align: center; margin-left:8px; cursor: pointer; border-radius:50%;}
.pic_con1 .num li.on, .pic_con1 .num li:hover{ background-color:#cc0000}
.tit2{ height:42px; margin:15px auto 0; line-height:42px; padding-right:15px;}
.tit2 span{ float:right; background:url(18yd_zjyd_renew.png) no-repeat left center; padding-left:25px; font-size:18px; font-weight:bold;}
.con4_l{ float:left; width:530px; padding-left:35px;}
.con4_r{ float:right; width:530px; padding-right:35px;}
.tit3{ height:36px; background-color:#f4f4f4; line-height:36px;}
.tit3_l{ float:left; padding:0 14px; background-color:#d81e06; color:#fff; font-size:16px;}
.tit3_r{ float:right; padding-right:10px;}
.tu_list1,.list2{ margin:26px auto 0;}
.tu_list1 li{ float:left; width:234px; height:160px; position:relative; margin:0 12px 25px 13px; display:inline;}
.tu_list1 li .bar_bg{ background:url(18yd_zjyd_bar_bg.png) repeat; height:39px; line-height:39px; text-align:center; position:absolute; left:0; bottom:0; width:100%; display:block}
.tu_list1 li img{ max-width:100%; max-height:160px;}
.list2 li{ margin-bottom:15px;}
.list2 li img{ float:left; width:151px; height:104px; margin-right:20px; margin-left:20px;}
.list2 li h3{ line-height:25px; margin-bottom:8px; font-size:16px; font-weight:normal}
.list2 li p{ color:#999; line-height:24px; height:72px; overflow:hidden}
.con5,.con6{ margin:30px auto 0; padding:0 22px 0 35px;}
.con5_l{ line-height:36px; font-size:16px; float:left; width:812px;}
.con5_r{ float:right; line-height:40px; margin-top:10px; width:268px;}
.tit4{ background:url(18yd_zjyd_icon1.jpg) no-repeat 15px center #ffffff; padding-left:45px; font-size:16px; color:#000000}
.tit5{ background:url(18yd_zjyd_tit1.jpg) repeat-x left center; height:26px; line-height:26px; margin:15px auto 0; text-align:center}
.tit5 span{ display:inline-block; padding:0 13px; background-color:#ffffff; font-size:18px; font-weight:bold; color:#cc0000}
.con6_l{ float:left; width:735px;}
.con6_r{ float:right; margin-top:10px; width:359px;}
.con6_l li,.con7_l li,.con7_r li{ font-size:16px; line-height:36px; background:url(18yd_zjyd_icon.png) no-repeat left center; padding-left:15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.con7_l{ float:left; width:570px;}
.con7_l img,.con7_r img{ float:left; margin-right:30px;}
.con7_l ul,.con7_r ul{ float:left; width:365px;}
.con7_r{ float:right; width:570px;}
.tu_list2{ margin:40px auto 0;}
.tu_list2 li{ float:left; width:195px; height:316px; margin:0 18px;}
.tu_list2 li img{ width:195px; height:273px;}
.tu_list2 li .tit6{ border:1px solid #cccccc; border-top:0; height:42px; line-height:42px; text-align:center; font-size:16px; color:#000}


/*===============分页==============*/
.fy_list { margin:30px auto 0px; clear:both; text-align:center; padding-bottom:20px;}
.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:#CCC;}
.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}

.ydms_l{ float:left; width:418px;}
.ydms_l img{ width:100%}
.ydms_r{ float:right; width:735px; background:url(18yd_zjyd_tit1.jpg) repeat-y 48.5% top;}
.ydms_r li{ background:url(18yd_zjyd_ydms_icon.jpg) no-repeat 17px center; font-size:16px; line-height:36px; padding-left:40px; float:left; width:41%; margin-right:3%}
.ydms_r li span{ float:right; padding-right:10px; color:#999999}
.tu_list3{ margin:30px auto 0; padding-left:10px;}
.tu_list3 li{ float:left; width:258px; margin:0 13px 26px 13px; display:inline; text-align:center; position:relative; height:161px;}
.tu_list3 li .bar_bg{ position:absolute; left:0; bottom:0; height:42px; line-height:42px; background:url(18yd_zjyd_bar_bg.png) repeat; width:100%; text-align:center; font-size:16px; display:block}
.tu_list3 li img{ width:100%; max-height:168px;}
/*===============分页==============*/

/*细览*/
.xl_con{ padding:5px 20px 20px 20px; background-color:#ffffff; margin:20px auto 0;}
.xl_tit{ height:59px; line-height:59px; border-bottom:1px solid #d1d1d1;}
.xl_con1{ background-color:#f8f8f8; margin:20px auto 0; /*padding:15px;*/}
.xl_tit1{ line-height:50px; text-align:center; font-size:30px; font-weight:bold; color:#cc0000}
.xl_tit2{ line-height:32px; margin:5px auto 0; padding-left:112px;}
.xl_tit2_l{ margin-right:33px; display:inline; float:left; font-size:16px; color:#999999;}
.xl_tit2_l img{ margin-right:8px;}
.xl_bar{ text-align:center; height:36px; line-height:36px; margin-bottom:30px;}
.xl_bar span{ padding:5px 20px; background-color:#cc0000; color:#fff; display:inline-block; font-size:16px;}
.xl_con2{ line-height:36px; padding-bottom:20px; margin:0px auto 0; padding:3% 4%; font-size:18px;}
.xl_con2 img{ padding:20px;}
.xl_con2 p{ text-indent:2em;}
.xl_tit3{ line-height:37px; text-align:right; border-bottom:1px solid #e8e8e8; padding-bottom:20px; padding-right:30px; margin-top:20px;}
.xl_tit3 span{ float:right; width:137px; height:37px; line-height:37px; text-align:center; margin-left:12px; color:#fff; font-size:16px; border-radius:5px;}
.xl_tit3 span.sp1{ background-color:#35b36a;}
.xl_tit3 span.sp2{ background-color:#faa72d;}
.xl_tit3 span.sp3{ background-color:#00aeff;}
.xl_tit4{ background-color:#fbfbfb; margin:20px auto 0; height:36px; line-height:36px;}
.xl_tit4 span{ float:left; display:block; padding:0 15px;  background-color:#1b50a0; color:#ffffff; font-size:16px;}
.xl_list{ margin:15px;}
.xl_list li{ line-height:36px; height:36px; font-size:16px; background:url(18yd_dot1.jpg) no-repeat left center; padding-left:12px;}
.xl_list li span{ float:right; color:#999}
.xl_tit5_l{ padding:14px 15px; float:left;}
.xl_tit5_l img{ margin-right:15px;}
.xl_tit5_r{ float:right; padding:8px 5px;}
.xl_tit5_r span{ float:right; width:60px; height:33px; line-height:33px; text-align:center; font-size:16px; background-color:#efefee; border:1px solid #cccccc; border-radius:5px; margin-left:15px; cursor:pointer;}
.xl_con3{ text-align:center; line-height:46px; margin:10px auto 0; font-size:16px;}
.xl_con3 img{ padding:10px;}
.xl_tit2_l a{height: 16px; width: 16px; display: inline-block; margin: 0 5px;}
.xl_tit2_l a.bg1{background-color: #cefeff;}
.xl_tit2_l a.bg2{background-color: #f8f8c3;}
.xl_tit2_l a.bg3{background-color: #ffc7ff;}
.xl_tit2_l a.bg4{background-color: #9bccfa;}

.block{ display:block}

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

.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: #eb2f30; }
.tred1 a:link, .tred1 a:visited { color: #eb2f30; }
.tred1 a:hover { color: #eb2f30; text-decoration: underline; }
.tgreen1 { color: #27ae60; }
.tgreen1 a:link, .tgreen1 a:visited { color: #27ae60; }
.tgreen1 a:hover { color: #27ae60; text-decoration: underline; }
.tblue1 { color: #0073dd; }
.tblue1 a:link, .tblue1 a:visited { color: #0073dd; }
.tblue1 a:hover { color: #0073dd; text-decoration: underline; }
.tgray1 { color: #999999; }
.tgray1 a:link, .tgray1 a:visited { color: #999999; }
.tgray1 a:hover { color: #999999; text-decoration: underline; }

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

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

/*frame*/
.bor1 { border: 1px solid #e4e4e4; }
.bor_t1 { border-top: 1px solid #e4e3e3; }
.bor_r1 { border-right: 1px solid #e4e2e2; }
.bor_l1 { border-left: 1px solid #fff; }
.bor_b1 { border-bottom: 1px solid #dddddd; }
.bor_b2 { border-bottom: 1px dotted #cccccc; }
.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; }
.t22 { font-size: 22px; }
.t24 { font-size: 24px; }
.t50 { font-size: 50px; }
.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*/
.h18 { line-height: 18px; }
.h20 { line-height: 20px; }
.h22 { line-height: 22px; }
.h24 { line-height: 24px; }
.h25 { line-height: 25px; }
.h26 { line-height: 26px; }
.h28 { line-height: 28px; }
.h29 { line-height: 29px; }
.h30 { line-height: 30px; }
.h32 { line-height: 32px; }
.h33 { line-height: 33px; }
.h34 { line-height: 34px; }
.h35 { line-height: 35px; }
.h36 { line-height: 36px; }
.h40 { line-height: 40px; }
.h44 { line-height: 44px; }
.h50 { line-height: 50px; }
/*---------------------------------------segmentation------------------------------------------*/

/*margin*/
.mar1 { margin: 1px; }
.mar15 { margin: 15px; }
.mar_to { margin-top: 0px; }
.mar_t1 { margin-top: 1px; }
.mar_t3 { margin-top: 3px; }
.mar_t5 { margin-top: 5px; }
.mar_t7 { margin-top: 7px; }
.mar_t10 { margin-top: 10px; }
.mar_t12 { margin-top: 12px; }
.mar_t13 { margin-top: 13px; }
.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_l4 { margin-left: 4px; }
.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*/
.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_t7 { padding-top: 7px; }
.pad_t8 { padding-top: 8px; }
.pad_t10 { padding-top: 10px; }
.pad_t12 { padding-top: 12px; }
.pad_t15 { padding-top: 15px; }
.pad_t17 { padding-top: 17px; }
.pad_t20 { padding-top: 20px; }
.pad_t25 { padding-top: 25px; }
.pad_t30 { padding-top: 30px; }
.pad_t32 { padding-top: 32px; }
.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_b8 { padding-bottom: 8px; }
.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_b155 { padding-bottom: 155px; }
.pad_l1 { padding-left: 1px; }
.pad_l5 { padding-left: 5px; }
.pad_l12 { padding-left: 12px; }
.pad_l10 { padding-left: 10px; }
.pad_l15 { padding-left: 15px; }
.pad_l20 { padding-left: 20px; }
.pad_l23 { padding-left: 23px; }
.pad_l25 { padding-left: 25px; }
.pad_l30 { padding-left: 30px; }
.pad_l45 { padding-left: 45px; }
.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_r28 { padding-right: 28px; }
.pad_r30 { padding-right: 30px; }