@charset "utf-8";
@import url('default.css');
/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/

/* 
font-family:'Hind', sans-serif;
font-family:'PT Sans', sans-serif;
font-family:'Nanum Gothic', sans-serif; 
*/
body { padding:49px 0 0 0; background:url(/HarimFoodWeb/Common/Images/bg_body.gif) repeat-y left top;}
#header { position:fixed; left:0; top:0; z-index:10; width:100%; height:49px; background:url(../images/bg_top.png) repeat-x left;min-width:1024px;}
#header .btn_total_view { float:left;}
#header h1 { float:left; padding:5px 0 0 30px;}
#header ul { float:right; padding:0 10px 0 0;}
#header ul li { padding:0 4px; float:left; height:49px; line-height:49px;}
#header ul li.info { padding:0 10px 0 0;}
#header ul li.info a { color:#f79118;}
#header ul li.info img { padding:0 5px 0 0; border-radius:20px;}
#header ul li.alram { position:relative; padding:0 15px;}
#header ul li.alram span { position:absolute; right:4px; top:7px; width:20px; height:20px; border-radius:30px; background:#ff503f; text-align:center; color:#fff; line-height:20px;}
#container { position:relative; padding:0 0 0 228px;min-width:1024px; box-sizing:border-box;}
#container #snb { position:fixed; left:0; top:0; z-index:9; box-sizing:border-box; padding:0 0 80px 0; width:228px; overflow:auto; margin-top:110px;}
#container #snb > p { padding:15px 0 0 0; text-align:center;}
#container #snb > p img { position:relative; width:75px; height:75px;}
#container #snb > p:after { content:""; display:block; position:absolute; left:60px; top:9px; width:83px; height:83px; background:url(../images/bg_profile.png) no-repeat;}
#container #snb h2 { position:fixed; left:0; top:49px; z-index:10; background:#fff; width:228px; height:56px; line-height:57px; font-size:22px; color:#000; text-align:center; border-bottom:1px solid #b1b1b1; border-top:4px solid #f79118;}
#container #snb nav { border-top:1px solid #e0e0e0;}
#container #snb nav h3{position:relative;}
#container #snb nav h3 a {position:relative; display:block; line-height:1.4; color:#000; font-size:13px; padding:12px 34px 12px 28px; border-bottom:1px solid #e0e0e0;}/*170907 수정*/
#container #snb nav h3 a:before{content:""; display:block; position:absolute; right:15px; top:0px; width:9px; height:100%; background:url(../images/ico_down.gif) no-repeat 0 50%;}/*170907 추가*/
/*
#container #snb nav h3 .ui-icon { position:absolute; left:0; top:0; width:45px; height:45px;}
#container #snb nav h3.s1 .ui-icon { background:url(/HarimFoodWeb/Common/Images/ico_snb1.png) no-repeat center;}
#container #snb nav h3.s2 .ui-icon { background:url(/HarimFoodWeb/Common/Images/ico_snb2.png) no-repeat center;}
#container #snb nav h3.s3 .ui-icon { background:url(/HarimFoodWeb/Common/Images/ico_snb3.png) no-repeat center;}
#container #snb nav h3.s4 .ui-icon { background:url(/HarimFoodWeb/Common/Images/ico_snb4.png) no-repeat center;}
#container #snb nav h3.s5 .ui-icon { background:url(/HarimFoodWeb/Common/Images/ico_snb5.png) no-repeat center;}
#container #snb nav h3.s6 .ui-icon { background:url(/HarimFoodWeb/Common/Images/ico_snb6.png) no-repeat center;}
#container #snb nav h3.s7 .ui-icon { background:url(/HarimFoodWeb/Common/Images/ico_snb7.png) no-repeat center;}
#container #snb nav h3.s8 .ui-icon { background:url(/HarimFoodWeb/Common/Images/ico_snb8.png) no-repeat center;}
#container #snb nav h3.s9 .ui-icon { background:url(/HarimFoodWeb/Common/Images/ico_snb9.png) no-repeat center;}
#container #snb nav h3.s10 .ui-icon { background:url(/HarimFoodWeb/Common/Images/ico_snb10.png) no-repeat center;}
*/
#container #snb nav h3.ui-state-active a:before{ background-image:url(../images/ico_up.gif);}/*170907 수정*/
#container #snb nav h3.ui-state-active .ui-icon { position:absolute; left:0; top:0; display:block; width:10px; height:100%; background:#f79118;}
#container #snb nav h3 + div {background-color:#f5f5f5; border-bottom:1px solid #e0e0e0;}
/*#container #snb nav h3 + div > ul > li > h4 a { display:block; height:30px; line-height:30px; text-indent:43px; color:#000; position:relative; background:url(/HarimFoodWeb/Common/Images/ico_dot.png) no-repeat 32px 13px; font-size:13px;}*/
#container #snb nav h3 + div > ul > li > h4 a { display:block; color:#000; position:relative; background:url(/HarimFoodWeb/Common/Images/ico_dot.png) no-repeat 30px 15px; font-size:13px; padding:8px 34px 8px 40px;}
#container #snb nav h3 + div > ul > li > h4 a:before { content:""; display:block; position:absolute; right:15px; top:12px; background:url(/HarimFoodWeb/Common/Images/ico_down.gif) no-repeat; width:9px; height:6px;}
#container #snb nav h3 + div > ul > li > h4 .none:before { content:""; display:none; }
#container #snb nav h3 + div > ul > li > h4 .on { color:#ef3f30; }
#container #snb nav h3 + div > ul > li > h4.ui-state-active a:before { background:url(/HarimFoodWeb/Common/Images/ico_up.gif) no-repeat;}
#container #snb nav h3 + div > ul > li > h4 + div { padding:5px 0 5px 43px; display:none;}
/*#container #snb nav h3 + div > ul > li > h4 + div li a { display:block; height:33px; line-height:33px; font-size:13px;}*/
#container #snb nav h3 + div > ul > li > h4 + div li a { display:block; font-size:13px; padding:8px 10px 8px 0px;}
#container #snb nav h3 + div > ul > li > h4 + div li a:hover { color:#ef3f30;}
#container #snb nav h3 + div > ul > li > h4 + div li .on { color:#ef3f30;}
/*#container #contents { position:relative; padding:85px 30px 25px; border-top:4px solid #ef3f30; background:#ffffff;}*/
#container #contents { position:relative; padding:65px 20px 25px; border-top:4px solid #ef3f30; background:#ffffff;}
#container #contents .header { position:absolute; left:0; top:0; width:100%; border-bottom:1px solid #c2c2c2; background:#fff;}
#container #contents .header:after { content:""; display:block; clear:both;}
#container #contents .header li { float:left; text-align:center;}
#container #contents .header li a { display:block; padding:0 25px 0 20px; position:relative; height:57px; line-height:57px; color:#000; font-size:14px;}
#container #contents .header li a:before { content:""; display:inline-block; background:url(/HarimFoodWeb/Common/Images/bg_contop.png) no-repeat; width:35px; height:25px; vertical-align:middle;}
#container #contents .header li a:after { content:""; display:block; position:absolute; right:0; top:0; width:20px; height:100%; background:#fff;}
#container #contents .header li.on a:after {background:#ef3f30;}
#container #contents .header li.on a { background-color:#ef3f30; color:#fff;}
#container #contents .header li:hover a:after {background:#ef3f30;}
#container #contents .header li:hover a { background-color:#ef3f30; color:#fff;}
#container #contents .header li.a1 a:before { background-position:0 -2px;}
#container #contents .header li.a2 a:before { background-position:-134px -2px;}
#container #contents .header li.a3 a:before { background-position:-269px -2px;}
#container #contents .header li.a4 a:before { background-position:-398px 1px;}
#container #contents .header li.a5 a:before { background-position:-537px -2px;}
#container #contents .header li.a6 a:before { background-position:-664px 0px;}
#container #contents .header li.a1:hover a:before,
#container #contents .header li.on.a1 a:before { background-position:0 -79px;}
#container #contents .header li.a2:hover a:before,
#container #contents .header li.on.a2 a:before { background-position:-134px -79px;}
#container #contents .header li.a3:hover a:before,
#container #contents .header li.on.a3 a:before { background-position:-269px -79px;}
#container #contents .header li.a4:hover a:before,
#container #contents .header li.on.a4 a:before { background-position:-398px -76px;}
#container #contents .header li.a5:hover a:before,
#container #contents .header li.on.a5 a:before { background-position:-537px -79px;}
#container #contents .header li.a6:hover a:before,
#container #contents .header li.on.a6 a:before { background-position:-664px -77px;}

.alram_pop { display:none; position:absolute; left:-260px; z-index:10; width:356px; border:1px solid #cacaca; background:#fff;}
.alram_pop:after { content:""; display:block; position:absolute; left:273px; top:-20px; border-style:solid; border-width:10px; border-color:transparent transparent #fff transparent;}
.alram_pop > h2 { float:left; padding:0 0 0 5px; font-size:13px; color:#000; height:32px; line-height:32px;}
.alram_pop > p { float:right; height:32px; line-height:32px;}
.alram_pop > p a {font-size:13px; color:#000; }
.alram_pop ul { clear:both; float:none !important; padding:0 !important;}
.alram_pop ul li {position:relative; border-top:1px solid #d8d8d8; padding:10px 80px 10px 60px !important; float:none !important; height:auto !important; line-height:normal !important;}
.alram_pop ul li > img { position:absolute; left:10px; top:10px;}
.alram_pop ul li > div { position:absolute; right:10px; bottom:10px;}
.alram_pop ul li strong { font-size:13px;}
.alram_pop ul li > p{ font-size:11px;}
.set_pop {position:absolute; right:0; z-index:10; border:1px solid #cacaca; background:#fff; width:131px;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition: -webkit-transform .2s ease-in;
	-moz-transition: -moz-transform .2s ease-in;
	-ms-transition: -ms-transform .2s ease-in;
	-o-transition: -o-transform .2s ease-in;
	transition: transform .2s ease-in;
	-webkit-transform-origin: 70px 0;
	-moz-transform-origin: 70px 0;
	-ms-transform-origin: 70px 0;
	-o-transform-origin: 70px 0;
	transform-origin: 70px 0;
}
.set_pop.on {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.set_pop:after { content:""; display:block; position:absolute; left:110px; top:-19px; border-style:solid; border-width:10px; border-color:transparent transparent #fff transparent;}
.apply_box { position:relative; padding:0 360px 0 0;}
.apply_box .right { position:absolute; right:0; top:0; width:325px;}
.apply_box .right select { height:auto;}
.apply_box .left .navs > ul li { float:left; width:25%; margin-left:-1px;}
.apply_box .left .navs > ul li:first-child {margin-left:0;}
.apply_box .left .navs > ul li:last-child {margin-left:-1px;}
.apply_box .left .bg1, .apply_box .left .bg2 {height:125px;}
.apply_box .left .bg1 li,
.apply_box .left .bg2 li { border-left:1px solid #fff; height:125px;}
.apply_box .left .bg1 li a,
.apply_box .left .bg2 li a { display:block; text-align:center; font-size:14px; color:#fff; line-height:125px;}
.apply_box .left .bg1 li:first-child,
.apply_box .left .bg2 li:first-child { border-left:none;}
.apply_box .left .bg1 li { background:#54b5df;}
.apply_box .left .bg2 li { background:#679fcb;}
.apply_box .left .bg1 li a,
.apply_box .left .bg2 li a {
	-webkit-transition: background-color .6s;
	-moz-transition: background-color .6s;
	-ms-transition: background-color .6s;
	-o-transition: background-color .6s;
	transition: background-color .6s;
}
.apply_box .left .bg1 li.on a,
.apply_box .left .bg2 li.on a { height:40px; padding-top:85px; line-height:normal;}
.apply_box .left .bg1 li.t1.on a { background:url(/HarimFoodWeb/Common/Images/ico_tab1.png) no-repeat center 30px #364359;}
.apply_box .left .bg1 li.t2.on a { background:url(/HarimFoodWeb/Common/Images/ico_tab2.png) no-repeat center 30px #364359;}
.apply_box .left .bg1 li.t3.on a { background:url(/HarimFoodWeb/Common/Images/ico_tab3.png) no-repeat center 30px #364359;}
.apply_box .left .bg1 li.t4.on a { background:url(/HarimFoodWeb/Common/Images/ico_tab4.png) no-repeat center 30px #364359;}
.apply_box .left .bg2 li.t5.on a { background:url(/HarimFoodWeb/Common/Images/ico_tab5.png) no-repeat center 30px #364359;}
.apply_box .left .bg2 li.t6.on a { background:url(/HarimFoodWeb/Common/Images/ico_tab6.png) no-repeat center 30px #364359;}
.apply_box .left .bg2 li.t7.on a { background:url(/HarimFoodWeb/Common/Images/ico_tab7.png) no-repeat center 30px #364359;}
.apply_box .left .bg2 li.t8.on a { background:url(/HarimFoodWeb/Common/Images/ico_tab8.png) no-repeat center 30px #364359;}
.apply_box .left .con { border-top:0 solid #364359;perspective:1000px;-webkit-perspective:1000px;height:0;overflow:hidden;position:relative;
	-webkit-transition: height .5s, border-top .5s;
	-moz-transition: height .5s, border-top .5s;
	-ms-transition: height .5s, border-top .5s;
	-o-transition: height .5s, border-top .5s;
	transition: height .5s, border-top .5s;}
.apply_box .left .con.on {border-top:7px solid #364359;
}
.apply_box .left .con > div { padding:20px 40px;}
.apply_box .left .con .con_sub {position:absolute;background:#fff; border:1px solid #cacaca;width:100%;box-sizing: border-box;-webkit-box-sizing: border-box;opacity:0;
	-webkit-transform: rotateX(-90deg);
	-moz-transform: rotateX(-90deg);
	-ms-transform: rotateX(-90deg);
	-o-transform: rotateX(-90deg);
	transform: rotateX(-90deg);
	-webkit-transform-origin:50% 0;
	-moz-transform-origin:50% 0;
	-ms-transform-origin:50% 0;
	-o-transform-origin:50% 0;
	transform-origin:50% 0;
	-webkit-transition: -webkit-transform .6s, opacity .6s;
	-moz-transition: -moz-transform .6s, opacity .6s;
	-ms-transition: -ms-transform .6s, opacity .6s;
	-o-transition: -o-transform .6s, opacity .6s;
	transition: transform .6s, opacity .6s;
}
.apply_box .left .con .con_sub.on {z-index:10;opacity:1;
	-webkit-transform: rotateX(0deg);
	-moz-transform: rotateX(0deg);
	-ms-transform: rotateX(0deg);
	-o-transform: rotateX(0deg);
	transform: rotateX(0deg);
}
.apply_box .left .con .con_sub.on.out {z-index:9;
	-webkit-transform-origin:50% 100%;
	-moz-transform-origin:50% 100%;
	-ms-transform-origin:50% 100%;
	-o-transform-origin:50% 100%;
	transform-origin:50% 100%;
	-webkit-transform: rotateX(90deg);
	-moz-transform: rotateX(90deg);
	-ms-transform: rotateX(90deg);
	-o-transform: rotateX(90deg);
	transform: rotateX(90deg);
}
.apply_box .left .con > div .txt1 { text-align:right; font-size:13px; color:#000;}
.apply_box .left .con > div td { padding:5px 0;}
.apply_box .right > div { margin-top:-2px; padding:35px 15px; border:1px solid #d5d5d5;}
.apply_box .right > div > ul li { padding:0 0 15px 0;}
.apply_box .right > h3 { display:inline-block; position:relative; z-index:2; padding:5px 15px 3px; border-left:1px solid #d5d5d5; border-top:6px solid #da2037; font-size:18px; color:#fa514a; background:#fff;}
.apply_box .right > h3:after { content:""; display:block; position:absolute; right:-26px; top:-6px; width:26px; height:30px; background:url(/HarimFoodWeb/Common/Images/tab_right.png) no-repeat;}
.apply_list h4 { position:relative; margin-bottom:10px;border:1px solid #d4d4d4; border-left:3px solid #da2037;}
.apply_list h4 strong { display:inline-block; width:125px; height:42px; line-height:42px; font-size:11px; color:#000; background:#e6e6e6; text-indent:10px;}
.apply_list h4 > span { padding:0 8px;}
.apply_list h4 .ui-icon { display:block; position:absolute; right:12px; top:17px; padding:0; width:17px; height:9px; background:url(/HarimFoodWeb/Common/Images/ico_arrow_d.png) no-repeat;}
.apply_list h4.ui-state-active .ui-icon { background:url(/HarimFoodWeb/Common/Images/ico_arrow_u.png) no-repeat;}
.apply_list h4 img { padding:0 2px;}
.apply_list h4 + div { margin:-11px 0 10px; padding:10px; border:1px solid #d4d4d4;}
.apply_list .head { position:relative; margin-bottom:10px;border:1px solid #d4d4d4; border-left:3px solid #da2037;}
.apply_list .head strong { display:inline-block; width:125px; height:42px; line-height:42px; font-size:11px; color:#000; background:#e6e6e6; text-indent:10px;}
.apply_list .head > span { padding:0 8px;}
.apply_list .head .ui-icon { display:block; position:absolute; right:12px; top:17px; padding:0; width:17px; height:9px; background:url(/HarimFoodWeb/Common/Images/ico_arrow_d.png) no-repeat;}
.apply_list .head.ui-state-active .ui-icon { background:url(/HarimFoodWeb/Common/Images/ico_arrow_u.png) no-repeat;}
.apply_list .head img { padding:0 2px;}
.apply_list .head + div { margin:-11px 0 10px; padding:10px; border:1px solid #d4d4d4;}
.apply_list .head .date > div { display:inline-block; position:relative;}
.apply_list.type2 h4 strong { font-size:13px;}
.apply_list.type2 h4 > span { font-size:14px;}
.apply_list.type2 h4 .date { position:absolute; right:70px; top:4px; font-weight:normal;}
.apply_list.type3 { margin-top:30px;}
.apply_list.type3 .head strong { font-size:17px; background:none;}
.apply_list.type3 .head.ui-state-active .date > * { display:inline-block;}
.apply_list.type3 .head .date > * { display:none;}
.apply_list.type3 .head .date > div { display:inline-block;}
.apply_list.type3 .head .date { position:absolute; right:60px; top:9px; font-weight:normal;}
.apply_list.type3 .head .date a.btn.type2 { height:24px; line-height:24px; vertical-align:middle;}
.apply_list h4 .info { position:absolute; right:60px; top:4px; font-weight:normal;}
.apply_list h4 .info .p { padding:0 17px;}
.pop_setting { display:none; position:absolute; right:-20px; top:30px; z-index:10;  width:285px; border:1px solid #cacaca; padding:15px; background:#fff;}
.pop_setting:after { content:""; display:block; background:url(/HarimFoodWeb/Common/Images/bu_arrow_u2.png) no-repeat; width:16px; height:15px; position:absolute; right:20px; top:-15px;}
.pop_setting th { padding:7px 10px 0 0; vertical-align:top; color:#000; font-size:14px; text-align:right;}
.pop_setting td { padding:0 0 10px 0;}
.pop_setting td li { float:left; margin:0 3px 3px 0;}
.pop_setting td li a { display:block; min-width:52px; padding:0 8px; height:29px; line-height:29px; background:#e2e6e9; border-radius:3px; color:#8a8a8a; text-align:center;}
.pop_setting td li a.on { background:#41cac0; color:#000;}
.pop_setting td .pr { position:relative; padding:0 60px 0 0;}
.pop_setting td .pr a { display:block; position:absolute; right:0; top:0; padding:0 8px; height:26px; line-height:26px; background:#717171; border-radius:3px; color:#fff; text-align:center;}
.top_box:after { content:""; display:block; clear:both;}
.top_box > div { float:right; width:48%; border:1px solid #d4d4d4;}
.top_box > div:first-child { float:left;}
.top_box.bnone > div { border:none;}
.top_box2 { position:relative; padding-left:235px;}
.pl {position:relative;}
.pl > *:first-child { position:absolute; left:0; top:0;} 
.pho1 img { width:105px; height:143px; border:1px solid #ddd;}
.box1 { height:215px; background:url(/HarimFoodWeb/Common/Images/ico_viusal.png) no-repeat #dcdcdc 15px 115px;}
.box1 > div { position:relative; margin:-22px 0 0 110px; width:0; height:208px; background:url(/HarimFoodWeb/Common/Images/arrow.png) no-repeat;overflow:hidden;
	-webkit-transition: width 1s;
	-moz-transition: width 1s;
	-ms-transition: width 1s;
	-o-transition: width 1s;
	transition: width 1s;
}
.box1.init > div {width:341px;}
.box1 div .c1 { position:absolute; left:70px; top:125px; width:70px; height:70px; border:5px solid #263a55; border-radius:100px; background:#fff; font-size:12px; color:#000; text-align:center;
	-webkit-transition: -webkit-transform .4s .2s;
	-moz-transition: -moz-transform .4s .2s;
	-ms-transition: -ms-transform .4s .2s;
	-o-transition: -o-transform .4s .2s;
	transition: transform .4s .2s;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}
.box1.init div .c1 {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.box1 div .c1 strong { display:block; padding:15px 0 0 0; color:#263a55;}
.box1 div .c2 { position:absolute; left:160px; top:5px; width:78px; height:78px; border:8px solid #2aacce; border-radius:100px; background:#fff; font-size:12px; color:#000; text-align:center;
	-webkit-transition: -webkit-transform .4s .4s;
	-moz-transition: -moz-transform .4s .4s;
	-ms-transition: -ms-transform .4s .4s;
	-o-transition: -o-transform .4s .4s;
	transition: transform .4s .4s;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
}
.box1.init div .c2 {
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.box1 div .c2 strong { display:block; padding:20px 0 0 0; color:#2aacce;}
.box2 { height:215px; background:url(/HarimFoodWeb/Common/Images/ico_sub10.png) no-repeat #dcdcdc 15px 150px;}

.box2 { height:215px; background:#dcdcdc;}
.box2 .chart2 { margin:-10px 0 0 0; padding:0 10px 0 80px; width:100%; height:190px; background:url(/HarimFoodWeb/Common/Images/ico_sub10.png) no-repeat #dcdcdc 15px 150px; box-sizing:border-box;}
.box3 { position:absolute; left:0; top:0; width:215px; height:215px; background:#1ab7ea; color:#fff; text-align:center; letter-spacing:-1px;}
.box3 p { padding:20px 0 10px 0; font-size:23px; line-height:normal;} 
.box3 img { padding:0 0 20px;}
.box3 li { padding:0 0 5px 20px; font-size:14px; text-align:left;}
.box3 li.last { font-size:19px; font-weight:bold;}
.box4 { height:215px; background:#dcdcdc; border:1px solid #d4d4d4;}
.box4 .chart2 { margin-top:0; padding:0 50px; height:175px;}
.box5 { position:absolute; left:0; top:0; padding:15px; width:215px; height:215px; background:#1ab7ea; color:#fff; letter-spacing:-1px; box-sizing:border-box; line-height:normal;}
.box5 p { font-size:23px;}
.box5 div { font-size:14px;}
.box5 strong { font-size:18px;}
.box5 .date { font-size:11px;}
.box5 ul { padding:5px 0;}
.box5 ul:after { content:""; display:block; clear:both;}
.box5 li { float:left; margin:-1px 0 0 -1px; border:1px solid #1ab7ea;}
.box5 li a { display:block; width:60px; height:45px; text-align:center; background:#fff; color:#1ab7ea; font-size:10px;}
.box5 li a img { display:block; margin:0 auto;}
.box6 { position:absolute; left:0; top:0; padding:15px; width:215px; height:215px; background:#1ab7ea; color:#fff; letter-spacing:-1px; box-sizing:border-box; line-height:normal;}
.box6 > p { font-size:22px; color:#000; text-align:center; font-weight:bold;}
.box6 .swiper-container { height:140px; overflow:hidden;}
.box6 .profile { width:150px; margin:0 auto;}
.box6 .profile .left { float:left;}
.box6 .profile .left img { width:80px; height:80px; border-radius:100px;}
.box6 .profile .left p { width:80px; height:20px; line-height:20px; color:#fff; text-align:center; font-size:11px; background:#000; border-radius:20px;}
.box6 .profile .right { float:right; padding:25px 0 0 0; width:65px; font-size:16px;}
.box6 .profile .right p { padding:8px 0 0 0; font-size:11px; text-align:right;}
.box6 .swiper-button-next { position:absolute; left:0; top:50%; margin-top:-25px; width:12px; height:23px; z-index:10; cursor:pointer; background:url(/HarimFoodWeb/Common/Images/bu_arrow_l.gif) no-repeat;}
.box6 .swiper-button-prev { position:absolute; right:0; top:50%; margin-top:-25px; width:12px; height:23px; z-index:10; cursor:pointer; background:url(/HarimFoodWeb/Common/Images/bu_arrow_r.gif) no-repeat;}
.box6 .btn { position:absolute; right:0; bottom:7px; width:67px; height:29px; background:#515151; text-align:center; line-height:29px; font-size:13px;}
.box6 .btn a { color:#fff;}
.tb_header { padding:0 0 15px 0;}
.tb_header > * { margin-right:10px;}
.tb_header > a { margin-right:2px;}
.tb_header strong { font-size:17px; color:#000; vertical-align:middle;}
.progress_box + .tb_header { margin-top:30px;}
.progress_box li { float:left; padding:0 0 0 15px; width:20%; box-sizing:border-box;}
.progress_box li:first-child { padding:0;}
.progress_box li > div { position:relative; padding:0 0 0 80px; height:100px; border:1px solid #dbdbdb; line-height:100px; font-size:34px; text-align:center;}
.progress_box li > div div { position:absolute; left:0; top:0; width:80px; height:100px; color:#fff; text-align:center; font-size:14px; line-height:normal;}
.progress_box li > div div img { display:block; margin:0 auto; padding:20px 0 10px;}
.progress_box li.c1 > div div { background:#ffcf05;}
.progress_box li.c2 > div div { background:#1ab7ea;}
.progress_box li.c3 > div div { background:#1fb5ac;}
.progress_box li.c4 > div div { background:#007bcf;}
.progress_box li.c5 > div div { background:#a3a3a3;}
.progress_box li.c1 > div { color:#bb9700;}
.progress_box li.c2 > div { color:#1ab7ea;}
.progress_box li.c3 > div { color:#1fb5ac;}
.progress_box li.c4 > div { color:#007bcf;}
.progress_box li.c5 > div { color:#979797;}
.progress_box li.c5 > div div img { padding-bottom:25px;}
.progress_box.no2 li { float:right; width:48.5%;}
.progress_box.no2 li:first-child { float:left;}
.progress_box.no2 li > div { padding:0 0 0 175px;}
.progress_box.no2 li > div div {width:175px;}
.txt2 { text-align:right;}
.txt3 { padding:0 0 10px 0;}
.txt4 { margin:30px 0 0 0; border:1px solid #d8d8d8; background:#fff; padding:20px;}

.slide_box .swiper-container { width:100%; height:245px; overflow:hidden;}
.slide_box .swiper-container { border:1px solid #d4d4d4; background:#dcdcdc;}
.slide_box { position:relative;}
.slide_box h3 { position:absolute; left:0; top:10px; z-index:10;}
.slide_box h2 { position:absolute; left:0; top:10px; z-index:10;}
.slide_box .swiper-button-next { position:absolute; left:0; top:50%; margin-top:-25px; width:35px; height:49px; z-index:10; cursor:pointer; background:url(/HarimFoodWeb/Common/Images/btn_prev.png) no-repeat;}
.slide_box .swiper-button-prev { position:absolute; right:0; top:50%; margin-top:-25px; width:35px; height:49px; z-index:10; cursor:pointer; background:url(/HarimFoodWeb/Common/Images/btn_next.png) no-repeat;}
.slide_box .swiper-slide { text-align:left;}
.slide_box .swiper-slide img { position:absolute; left:0; padding:30px 0 0 0;}
.slide_box .fix { position:absolute; left:0; top:20px; width:100%; text-align:center; font-size:15px; color:#000; z-index:20;}
.sel_team_pop ul { height:200px; overflow:auto;}
.sel_team_pop li { border-bottom:1px solid #dbdbdb;}
.sel_team_pop li a { display:block; padding:0 0 0 15px; height:47px; line-height:47px; font-size:12px; color:#2f2f2f;}
.sel_team_pop li a img { width:37px; height:37px; border-radius:50px;}
.myinfo_box { height:215px; border:1px solid #d4d4d4; background:#dcdcdc; text-align:center;}
.myinfo_box .sys { position:relative; z-index:20; width:150px; height:150px; border:3px solid #fff; border-radius:200px;}
.myinfo_box > div { position:relative; padding:20px 0 0 0; width:710px; margin:0 auto;}
.myinfo_box > div .info1,
.myinfo_box > div .info2,
.myinfo_box > div .info3 { position:absolute; text-align:left; opacity:0;}
.myinfo_box > div .info1 strong,
.myinfo_box > div .info2 strong,
.myinfo_box > div .info3 strong { display:block; padding:0 0 15px 0; font-size:18px; color:#000;}
.myinfo_box > div .name { padding:15px 0 0 0; text-align:center; font-size:19px; color:#013091;}
.myinfo_box > div .name strong { padding:0 5px 0 0; font-size:19px; color:#000;}
.myinfo_box > div .info1 { width:195px; height:62px; padding:0 0 0 50px; left:40px; top:23px; background:url(/HarimFoodWeb/Common/Images/img_info2.png) no-repeat;}
.myinfo_box > div .info2 {left:420px; top:23px; padding:0 0 0 30px; background:url(/HarimFoodWeb/Common/Images/img_info3.png) no-repeat; width:222px; height:58px;}
.myinfo_box > div .info2 strong { text-align:right; padding-right:40px;}
.myinfo_box > div .info2 span { padding:0 10px; font-weight:bold;}
.myinfo_box > div .info3 {left:-45px; top:120px; background:url(/HarimFoodWeb/Common/Images/img_info4.png) no-repeat; width:289px; height:40px; padding:8px 0 0 50px;}
.myinfo_box > div .c1 { color:#007bcf;}
.myinfo_box > div .c2 { color:#000;}
.pop_type1 { padding:15px 35px; background:#f5f5f5;}
.pops .tb_over { overflow:auto; padding:10px; height:270px; border:1px solid #d8d8d8; background:#fff;}
.pop_type2 { padding:35px; background:#f5f5f5;}
.pop_type2 > div { padding:10px; border:1px solid #d8d8d8; background:#fff; font-size:12px;}
.pop_type2 > div h2 { padding:0 0 18px; font-size:12px;}
.pop_type2 > div table { margin-bottom:20px;}
.pop_type2 > div li { padding-bottom:15px;}
.pop_type2 > div .sign { text-align:right; line-height:30px;}
.pop_type3 > div { padding:15px 30px;}
.pop_type3 > div .btns { padding:0 0 10px 0;}
.pop_type4 > div { padding:15px 30px;}
.pop_type4 > div table { text-align:center;}
.pop_type4 > div .btns { padding:10px 0;}
.pop_type5 > div { padding:15px 30px;}
.pop_type5 > div .pass { margin:15px 0 0 0; padding:10px; border:1px solid #d8d8d8; background:#fff;}
.pop_type5 > div .pass input { width:115px;}
.pop_type6 > div { padding:15px 30px;}
.pop_type6 > div .type3 { margin-bottom:20px;}
.bbs_view h3 { padding:0 10px; border:1px solid #d8d8d8; background:#e1e7eb; height:30px; line-height:30px; color:#5c6c76; font-size:12px;}
.bbs_view .info { margin-top:-1px;}
.bbs_view .info td { padding:0 15px; height:30px; line-height:30px; border:1px solid #d8d8d8;}
.bbs_view .con { padding:10px; margin-top:-1px; border:1px solid #d8d8d8;}
.comment { margin-top:35px;}
.comment h3 { padding:0 10px; border:1px solid #d8d8d8; background:#e1e7eb; height:30px; line-height:30px; color:#5c6c76; font-size:12px;}
.comment div { position:relative; margin-top:-1px; padding:7px 82px 7px 7px; border:1px solid #d8d8d8; }
.comment div textarea { width:100%; height:53px;}
.comment div a { display:block; position:absolute; right:7px; top:7px; width:65px; height:65px; text-align:center; line-height:65px; background:#5f7385; color:#fff; font-size:13px;}
.set_box { margin-top:5px; padding:7px; border:1px solid #d8d8d8;}
.set_box:after { content:""; display:block; clear:both;}
.set_box h3,
.set_box h3 + p { display:inline-block;}
.set_box .tb_over { margin-top:10px; height:180px; overflow:auto; background:#fff; padding:5px; border:1px solid #d8d8d8;}
.set_box .left { float:left; width:45%;}
.set_box .middle { float:left; width:10%; padding:45px 0 0 0; line-height:190px; text-align:center;}
.set_box .right { float:left; width:45%;}
table + .tb_over { margin-top:30px;}
.btns.both + * { margin-top:5px;}
.tb_over { overflow:auto;}
.tb_over.line { padding:5px; border:1px solid #d8d8d8;}
.menu_box h3,
.menu_box h3 + p { display:inline-block;}
.menu_box .tb_over { overflow:auto; padding:10px; height:270px; border:1px solid #d8d8d8; background:#fff;}
.history_box { position:relative; width:100%; height:190px; background:url(/HarimFoodWeb/Common/Images/bu_arrow_sys5.png) repeat-x center;}
.history_box .up { position:absolute; top:35px; z-index:20; padding:70px 0 20px; background:url(/HarimFoodWeb/Common/Images/bu_arrow_sys2.png) no-repeat 13px 40px;}
.history_box .up > strong { position:absolute; left:0; bottom:0; width:100%; font-size:14px; color:#072235;}
.history_box .up .info { position:absolute; left:25px; top:-25px; padding:10px; background:#b2b2b2; border-radius:5px;}
.history_box .up .info:after { content:""; display:block; position:absolute; left:0; bottom:-9px; width:21px; height:12px; background:url(/HarimFoodWeb/Common/Images/bu_arrow_sys4.png) no-repeat;}
.history_box .up .info strong { font-size:17px; color:#fff;}
.history_box .up .info p { padding:5px 0 0 0; font-size:13px; color:#000;}
.history_box .up.on .info { background:#1fb5ac}
.history_box .up.on .info:after { background:url(/HarimFoodWeb/Common/Images/bu_arrow_d2.png) no-repeat;}
.history_box .down { position:absolute; top:42px; z-index:20; padding:20px 0 70px; background:url(/HarimFoodWeb/Common/Images/bu_arrow_sys1.png) no-repeat 13px 40px;}
.history_box .down > strong { position:absolute; left:0; top:24px; width:100%; font-size:14px; color:#072235;}
.history_box .down .info { position:absolute; left:25px; bottom:-55px; padding:10px; background:#b2b2b2; border-radius:5px;}
.history_box .down .info:after { content:""; display:block; position:absolute; left:0; top:-9px; width:21px; height:12px; background:url(/HarimFoodWeb/Common/Images/bu_arrow_sys3.png) no-repeat;}
.history_box .down .info strong { font-size:17px; color:#fff;}
.history_box .down .info p { padding:5px 0 0 0; font-size:13px; color:#000;}
.history_box .down.on .info { background:#1fb5ac}
.history_box .down.on .info:after { background:url(/HarimFoodWeb/Common/Images/bu_arrow_d3.png) no-repeat;}
.history_box .now { position:absolute; top:67px; z-index:20; padding:10px 0 0 0; width:55px; height:45px; background:#263a55; border-radius:100px; color:#fff; text-align:center; font-size:13px;}
.history_box .bar_on { position:absolute; top:92px; z-index:15; height:7px; background:url(/HarimFoodWeb/Common/Images/bu_arrow_sys6.png) repeat-x;}
.total_menu { position:absolute; left:0; top:50px; width:100%;  background:#fff; z-index:100;}
.total_menu > div { padding:35px 115px;}
.total_menu > div .tab_con { padding:35px 0;}
.total_menu > div td { position:relative; border-left:1px solid #ccc; vertical-align:top;}
.total_menu > div td:after { content:""; display:block; position:absolute; left:50%; margin-left:-40%; bottom:0; width:80%; border-top:1px dotted #ccc;}
.total_menu > div td:first-child { border-left:none;}
.total_menu > div td h2,
.total_menu > div td > div { padding:0 20px 15px;}
.total_menu > div td h2 { font-size:15px; color:#000; padding:20px;}
.total_menu > div td li a { display:block; padding:5px 0; font-size:13px; color:#a3a3a3;}
.total_menu > div td .more > a { background:url(/HarimFoodWeb/Common/Images/btn_arrow_d.gif) no-repeat right;}
.total_menu > div td .more > a.on { background:url(/HarimFoodWeb/Common/Images/btn_arrow_u.gif) no-repeat right;}

.right.type2 { position:relative;}
.right.type2 > div.con { margin-top:-2px; padding:35px 15px; border:1px solid #d5d5d5;}
.right.type2 > h3 { display:inline-block; position:relative; z-index:2; padding:5px 15px 3px; border-left:1px solid #d5d5d5; border-top:6px solid #da2037; font-size:18px; color:#fa514a; background:#fff;}
.right.type2 > h3:after { content:""; display:block; position:absolute; right:-26px; top:-6px; width:26px; height:30px; background:url(/HarimFoodWeb/Common/Images/tab_right.png) no-repeat;}
.right.type2 .mores { position:absolute; right:0; top:0;}
.right.type2 .mores .open { position:relative; z-index:20; background: url(/HarimFoodWeb/Common/Images/ico_zoom.gif) no-repeat 4px center #fff; text-indent:20px; border-radius:10px;}
.right.type2 .mores .open + ul { display:none; position:absolute; right:0; top:10px; padding:15px 0 0 0; z-index:10; width:150px; border:1px solid #e3e3e3; background:#fff;}
.right.type2 .mores .open + ul a { display:block; position:relative; padding:5px 5px 5px 50px; height:35px; border-bottom:1px solid #c5c5c5; }
.right.type2 .mores .open + ul a img { position:absolute; left:10px; top:5px; border-radius:100px;}
.right.type2 .con { position:relative;}
.person_pop { position:absolute; background:#32323a; border-radius:50px; padding:25px 30px 25px 20px;}
.person_pop > div { position:relative; padding-left:140px; width:190px;}
.person_pop > div .pic { position:absolute; left:0; top:0; text-align:center; color:#fff;}
.person_pop > div .pic img { display:block; margin:0 auto; width:88px; height:88px; border-radius:100px; border:15px solid #fff;}
.person_pop > div .pic strong { font-size:18px;}
.person_pop > div .pic p { font-size:13px;}
.person_pop > div .data li { position:relative; padding:0 0 10px 47px;}
.person_pop > div .data li strong { position:absolute; left:0; top:0; color:#12e0cf;}
.person_pop > div .close { position:absolute; right:0; top:0;}
.h3_cross + .h3_cross { padding-top:0;}
.h3_cross { position:relative; padding:30px;}
.h3_cross > div.con { margin-top:-2px; padding:35px 15px; border:1px solid #d5d5d5;}
.h3_cross > div.con:after { content:""; display:block; clear:both;}
.h3_cross > h3 { display:inline-block; position:relative; z-index:2; padding:5px 15px 3px; border-left:1px solid #d5d5d5; border-top:6px solid #da2037; font-size:18px; color:#fa514a; background:#fff;}
.h3_cross > h3:after { content:""; display:block; position:absolute; right:-26px; top:-6px; width:26px; height:30px; background:url(/HarimFoodWeb/Common/Images/tab_right.png) no-repeat;}
.h3_cross .swiper-slide { flex-shrink:1;-webkit-flex-shrink:1;}
.h3_cross .swiper-button-next,
.h3_cross .swiper-button-prev { position:absolute; width:22px; height:41px; top:50%; margin-top:-20px;}
.h3_cross .swiper-button-next { right:0; background:url(/HarimFoodWeb/Common/Images/btn_arrow_r2.gif) no-repeat;}
.h3_cross .swiper-button-prev { left:0; background:url(/HarimFoodWeb/Common/Images/btn_arrow_l2.gif) no-repeat;}
.h3_cross .btn_plus { float:left; width:107px;}
.h3_cross .btn_plus a { display:block; width:90px; height:100px; background:url(/HarimFoodWeb/Common/Images/ico_pop2.png) no-repeat #ffcf05 center 47px; border-radius:10px; text-align:center; line-height:70px; color:#000; font-size:15px;}
.h3_cross .slide2 { float:left; width:570px;}


.list_type1 { padding:0 50px;}
.list_type1:after { content:""; display:block; clear:both;}
.list_type1 li{ float:left; margin:0 10px 10px 0;}
.list_type1 li a { display:block; width:90px; height:100px; text-align:center; line-height:75px; background:url(/HarimFoodWeb/Common/Images/ico_pop.png) no-repeat; border:1px solid #cacaca; border-radius:7px; box-sizing:border-box; font-size:14px; color:#000;}
.list_type1 li.on a { background-color:#1bb7ea; border:1px solid #1bb7ea;}
.list_type1 li.ico1 a { background-position:27px 45px;}
.list_type1 li.ico2 a { background-position:-72px 45px;}
.list_type1 li.ico3 a { background-position:-173px 45px;}
.list_type1 li.ico4 a { background-position:-279px 45px;}
.list_type1 li.ico5 a { background-position:-382px 45px;}
.list_type1 li.ico6 a { background-position:-483px 45px;}
.list_type1 li.ico7 a { background-position:27px -73px;}
.list_type1 li.ico8 a { background-position:-72px -73px;}
.list_type1 li.ico9 a { background-position:-173px -73px;}
.list_type1 li.ico10 a { background-position:-279px -73px;}
.list_type1 li.ico11 a { background-position:-382px -73px;}
.list_type1 li.ico12 a { background-position:-483px -73px;}
.list_type2 { padding:0 40px; width:100%; box-sizing:border-box;}
.list_type2:after { content:""; display:block; clear:both;}
.list_type2 li { float:left; padding:0 10px; width:20%; position:relative; font-size:13px; text-align:center; color:#000; box-sizing:border-box;}
.list_type2 li a { position:absolute; right:0; top:0;}
.list_type2 li .img { padding:0 0 5px 0;}
.list_type2 li .img img { width:70px; height:70px; border-radius:100px;}
.list_type2 li p { text-align:center; height:17px; line-height:17px; color:#fff; font-size:11px; background:#7f7f7f; border-radius:20px;}
.list_type3 { font-size:15px; text-align:center;}
.list_type3 p { padding:0 0 10px 0;}
.list_type3 p strong { color:#da2037;}
.list_type3 table { width:460px; margin:0 auto;}

.ui-spinner { position:relative;}
.ui-spinner input { width:100%;}
.ui-spinner .ui-spinner-up { position:absolute; right:3px; top:5px; line-height:0;}
.ui-spinner .ui-spinner-down { position:absolute; right:3px; bottom:1px; line-height:0;}
.cal_box { display:inline-block;}
input.cal { width:85px;}
input.cal + img { padding:0 5px;}
.ui-datepicker { display:none; border:1px solid #dbdbdb; padding:5px; z-index:990 !important; background:#fff;}
.ui-datepicker-header { position:relative; margin:0 auto; padding:5px 25px 10px; width:180px; box-sizing:border-box; text-align:center; background:#fff; color:#246c9e;}
.ui-datepicker-header .ui-datepicker-next { display:block; overflow:hidden; position:absolute; right:5px; top:3px; width:19px; height:19px; text-align:center; line-height:19px; text-indent:-100px;}
.ui-datepicker-header .ui-datepicker-next:after { position:absolute; content:"▶"; left:0; text-indent:0; color:#246c9e;}
.ui-datepicker-header .ui-datepicker-prev { display:block; overflow:hidden; position:absolute; left:5px; top:3px; width:19px; height:19px; text-align:center; line-height:19px; text-indent:-100px;}
.ui-datepicker-header .ui-datepicker-prev:after { position:absolute; content:"◀"; right:0; text-indent:0; color:#246c9e;}

.ui-datepicker-calendar thead th { padding:2px; background:#246c9e; color:#ade5fc; text-align:center; font-size:12px; font-weight:normal;}
.ui-datepicker-calendar thead th:first-child { background:#246c9e; border:none;}
.ui-datepicker-calendar tbody td { padding:2px; border:1px solid #ddd; text-align:center; font-size:12px; background:#fff;}
.ui-datepicker-calendar tbody td a { display:block;}
.ui-datepicker-calendar tbody td:first-child a { color:#7b7b7b;}
.ui-datepicker-calendar tbody td:last-child a { color:#7b7b7b;}
.ui-datepicker-calendar tbody td a.ui-state-active { background:#5397c6; color:#fff;}
.ui-dialog { background:#fff; z-index:101; outline:0;}
.ui-widget-overlay { position:fixed; left:0; top:0; z-index:100; width:100%; height:100%; background:url(/HarimFoodWeb/Common/Images/bg_dim.png);}
.ui-dialog-titlebar { position:relative; padding:0 0 0 15px; height:55px; line-height:55px; background:#f5f5f5; border-bottom:1px solid #ddd; font-size:15px; color:#0d92d7;}
.ui-dialog-titlebar .ui-dialog-titlebar-close { position:absolute; right:20px; top:15px; background:none; cursor:pointer;}
.ui-dialog-titlebar .ui-dialog-titlebar-close .ui-button-text { display:none;}
.ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon-closethick { display:block; width:27px; height:27px; background:url(/HarimFoodWeb/Common/Images/btn_close3.png) no-repeat;}
.ui-dialog.type2 .ui-dialog-titlebar .ui-dialog-titlebar-close .ui-icon-closethick { background:url(/HarimFoodWeb/Common/Images/btn_close2.gif) no-repeat;}
.ui-dialog.type1 { background:#fff url(/HarimFoodWeb/Common/Images/bg_pop_header2.gif) repeat-x left top; z-index:101; outline:0;}
.ui-dialog.type1 .ui-dialog-titlebar { position:relative; padding:0 0 0 33px; height:57px; line-height:57px; background:url(/HarimFoodWeb/Common/Images/bg_pop_header.gif) no-repeat left; font-size:24px; color:#fff;}

.h2 + .btns { padding:0;}
table + .both,
.tb_over + .both { margin-top:30px}
.tb_over + .btns,
table + .btns.both,
.tb_over + .btns.both  { margin-top:10px;}
table + .btns { margin-top:10px;}
table + .btns.right { margin:0;}
.both + .btns.both { margin-top:-5px;}
.both .h3_3 { position:relative; top:10px;}
.tb_over table.type1 th { height:18px; padding:9px; background:#c9dddf; border:1px solid #c2cfcd; color:#526870;}
.tb_over table.type1 td { height:18px; padding:9px; border:1px solid #d8d8d8;}
* > .btns:first-child { padding-top:0;}
.h2 { margin:0 0 15px 0; padding:0 0 20px 0; border-bottom:1px solid #387cb6; font-size:24px; color:#000;}
.h3 { position:relative; z-index:20; padding:0 0 0 15px; background:url(/HarimFoodWeb/Common/Images/bg_h2.gif) no-repeat left 5px; font-size:20px; color:#000; line-height:normal;}
.h3_2 { padding:0 0 5px 0;}
.h3_3 { padding:0 0 10px 15px; background:url(/HarimFoodWeb/Common/Images/bu_tit.png) no-repeat 0 2px;}
.holder > * { position:relative;}
.holder > * label { position:absolute; left:10px; top:5px; font-size:13px; color:#828282;}
.btns + .both,
.btns + .tb_over,
.btns + table { margin-top:5px;}
.btns:after { content:""; display:block; clear:both;}
.btns.center { text-align:center;}
.btns.left a { margin:0 4px 0 0;}
.btns.center a { margin:0 2px;}
.btns.both li { float:right;}
.btns.both li:first-child { float:left;}
.btns.both li:first-child a { margin:0 5px 0 0;}
.btns.both li a { margin:0 0 0 5px;}
.btns.right li { float:right;}
.btns.right li a { margin:0 0 0 5px;}
.btns.right.top { margin:-50px 0 30px;}
.both { padding:0 0 15px 0;}
.both:after { content:""; display:block; clear:both;}
.both > * { float:right;}
.both > *:first-child { float:left;}
.both > * > .btns:first-child { padding-top:0;}
.btns { padding:20px 0 0 0;}
.btns a { box-sizing:border-box;} 
.btn { display:inline-block; text-align:center; vertical-align:middle;}
.btn.type1 { padding:0 20px; height:26px; line-height:26px; background:#19b6e9; color:#fff;}
.btn.type2 { padding:0 20px; height:26px; line-height:26px; background:#5f7385; color:#fff;}
.btn.type3 { padding:0 20px; height:26px; line-height:26px; background:#1fb5ac; color:#fff;}
.ico_type1 { display:inline-block; width:50px; height:25px; background:#0090d9; border-radius:3px; text-align:center; color:#fff; font-size:11px; line-height:25px;}
.ico_type2 { display:inline-block; width:50px; height:25px; background:#0aa699; border-radius:3px; text-align:center; color:#fff; font-size:11px; line-height:25px;}
.ico_type3 { display:inline-block; width:50px; height:25px; background:#735f87; border-radius:3px; text-align:center; color:#fff; font-size:11px; line-height:25px;}
table + h3 { margin-top:30px;}
table.type1 th,
table.type1 td { height:18px; padding:9px; border:1px solid #d8d8d8;}
table.type1 td { background:#fff;}
table.type1 th { background:#e1e7eb;}
table.type1 .center th,
table.type1 .center td { text-align:center;}
table.type2 { border:1px solid #dae1e4;}
table.type2 thead th { height:40px; background:#e1e7eb;}
table.type2 tbody td { padding:5px 10px; border:1px solid #dae1e4; text-align:center; height:26px;}
table.type3 { border:1px solid #dae1e4;}
table.type3 th { height:30px; background:#e1e7eb;}
table.type3 tbody td { padding:10px; border:1px solid #dae1e4; text-align:center;}
table.type4 th,
table.type4 td { padding:5px 10px; height:25px; border:1px solid #d8d8d8;}
table.type4 th { background:#e1e7eb; text-align:left;}
table.type4 td { background:#fff;}

table .left { text-align:left !important;}
table .right { text-align:right !important;}
table .list1 li { padding:2px 0;}
.tab_type1 { margin:30px 0 30px 1px; height:47px; border:1px solid #dad8d7;}
.tab_type1:after { content:""; display:block; clear:both;}
.tab_type1 li { float:left; margin:-1px 0 0 -1px;}
.tab_type1 li a { display:block; height:47px; padding:0 20px; line-height:47px; border:1px solid #dad8d7; color:#909090; font-size:14px}
.tab_type1 li.ui-state-active a { height:45px; border-top:3px solid #da2037; color:#000; line-height:43px; background:#fff;}
.tab_type2 { height:47px; border-bottom:1px solid #00a7eb;}
.tab_type2:after { content:""; display:block; clear:both;}
.tab_type2 li { float:left; margin:-1px 0 0 -1px; width:20%;}
.tab_type2 li a { display:block; height:47px; padding:0 20px; line-height:47px; border:1px solid #dad8d7; color:#909090; font-size:17px; border-bottom:none; color:#00a7eb; text-align:center;}
.tab_type2 li.ui-state-active a { position:relative; z-index:2; border:1px solid #00a7eb; border-bottom:1px solid #fff;}
.paging { padding:10px 0 0 0; text-align:center; font-size:0;}
.paging a.bt { vertical-align:middle;}
.paging a.bt img { position:relative; top:-2px;}
.paging a.bt:hover {}
.paging a { display:inline-block; margin:0 2px; width:24px; height:24px; text-align:center; line-height:24px; color:#6e6e6e; font-size:12px; border:1px solid #d8d8d8; vertical-align:middle;}
.paging a:hover,
.paging a.on { border:1px solid #5f7385; background:#5f7385; color:#fff;}
.paging + .btns { margin-top:-45px;}
table + table { margin:20px 0 0 0;}
table + .top_box { padding:35px 0 0 0;}



.swiper-container { width:100%; height:100%; position:relative; z-index:1; overflow:hidden;}
.swiper-slide { text-align:center; font-size:18px;
display:-webkit-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-webkit-box-pack:center;
-ms-flex-pack:center;
-webkit-justify-content:center;
justify-content:center;
-webkit-box-align:center;
-ms-flex-align:center;
-webkit-align-items:center;
align-items:center;
}
.swiper-slide {width:100%; height:100%; position:relative;
-webkit-flex-shrink:0;
-ms-flex:0 0 auto;
flex-shrink:0;
}


.swiper-container-android .swiper-slide,
.swiper-wrapper {
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
-o-transform:translate(0,0);
-ms-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
}
.swiper-wrapper { position:relative; width:100%; height:100%; z-index:1;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:flex;
-webkit-transition-property:-webkit-transform;
-moz-transition-property:-moz-transform;
-o-transition-property:-o-transform;
-ms-transition-property:-ms-transform;
transition-property:transform;
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
}
.swiper-container { margin:0 auto; position:relative; overflow:hidden; z-index:1;}



#category {font-size:12px; position:relative;margin:0;padding:0}
#category #sdk > li > button { left:12px;}
#category #sdk > li,
#category #sdk { padding-left:0;}
#category .root { position:relative; }
#category ul { display:block; position:relative; padding:3px 0 0 21px; }
#category ul li{ position:relative;padding:3px 0 2px 8px;white-space:nowrap;list-style:none}
#category ul li a,
#category ul li span.tree_label{ color:#000;text-decoration:none; padding:0 0 0 10px; display:block; height:28px; line-height:28px; position:relative;top:0;left:0; border:1px solid #b8c1c8; border-radius:3px; font-size:13px;}
#category ul li button{display:inline-block;position:absolute; left:20px; top:10px; width:15px; height:15px;border:none;text-indent:-10000px;cursor:pointer;}
#category ul li button + a { padding:0 0 0 35px;}
#category ul li button.minus { background:url(/HarimFoodWeb/Common/Images/bg_cate1.png) no-repeat;}
#category ul li button.plus { background:url(/HarimFoodWeb/Common/Images/bg_cate2.png) no-repeat;}
#category ul li.tree_last{}
#category .selected { border-color:#da2037;}
#category .moveSpace { border: 1px dotted #CC0000; height:2px;width:200px; }

#category .gExplorerCtrl:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
}

#category .gExplorerCtrl {
    background: none repeat scroll 0 0 #F5F3F4;
    border-color: #DADADC #DADADC -moz-use-text-color;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    margin: 10px 0 0;
    overflow: hidden;
    padding: 7px;
}

#category .directory {
    border-color: #EBEBEB #DADADC;
    border-left: 1px solid #DADADC;
    border-right: 1px solid #DADADC;
    border-style: solid;
    border-width: 1px;
    max-height: 750px;
    min-height: 500px;
    overflow: auto;
    padding: 6px 7px;
}


.placeholder{background:#bbb}
.draggable,
.draggable .moveTo{background-color:#ddd}

/* 2016.05.13  */
.tab_slide { position:relative; padding:0 34px 0 0; margin:30px 0;}
.tab_slide > div:first-child { height:47px; border:1px solid #dad8d7;}
.tab_slide > div { position:relative;}
.tab_slide:after { content:""; display:block; clear:both;}
.tab_slide .tab_type1 { margin:-1px 0 0 0;}
.tab_slide .swiper-slide { padding:0 19px; text-align:left;
-webkit-box-pack:inherit;
-ms-flex-pack:inherit;
-webkit-justify-content:inherit;
justify-content:inherit;
-webkit-box-align:inherit;
-ms-flex-align:inherit;
-webkit-align-items:inherit;
align-items:inherit;
}
.tab_slide .swiper-button-next,
.tab_slide .swiper-button-prev { position:absolute; right:-1px; top:-1px; z-index:50; width:19px; height:49px; background:#bfbfbf; text-align:center; line-height:49px; color:#4e4e4e; cursor:pointer;}
.tab_slide .swiper-button-next{ left:-1px;}
.tab_slide .more_tab { position:absolute; right:0; top:12px;}
.tab_slide .more_tab > a { display:block; width:26px; height:26px; background:#5f7385; line-height:26px; text-align:center; color:#fff;}
.tab_slide .more_tab > a + div { position:absolute; right:0; top:40px; z-index:60; background:#fff; border:1px solid #cacaca; box-shadow:2px 2px 3px rgba(47, 47, 47,0.35)}
.tab_slide .more_tab > a + div > div { overflow:auto; width:170px; height:197px;}
.tab_slide .more_tab > a + div:after {content:""; display:block; position:absolute; right:4px; top:-15px; z-index:80; width:16px; height:15px; background:url(/HarimFoodWeb/Common/Images/bu_arrow_u2.png) no-repeat;}
.tab_slide .more_tab > a + div li { border-top:1px solid #cacaca;}
.tab_slide .more_tab > a + div li:first-child { border-top:none;}
.tab_slide .more_tab > a + div li a { display:block; height:27px; text-indent:15px; color:#6b7982; line-height:27px;}
.tab_slide .more_tab > a + div li a:hover { background:#dae5f2; color:#000;}

.more_data { padding:8px 0 0 0;}
.more_data > div { padding:4px; background:#e1e7eb; font-size:13px; color:#687680; border:1px solid #d8d8d8;}
.more_data > div input { width:53px;}
.more_data ul { position:relative; padding:7px 79px 7px 7px; border:1px solid #d8d8d8; margin-top:-1px;}
.more_data ul:after { content:""; display:block; clear:both;}
.more_data li { float:left; width:50%;}
.more_data li div { padding:0 7px 0 0;}
.more_data li textarea { height:53px;}
.more_data li.btn {  position:absolute; right:7px; top:7px; width:auto;}
.more_data li.btn a { display:block; width:65px; height:65px; padding:0; text-align:center; line-height:65px;}
.btn.type4 { padding:0 20px; height:26px; line-height:26px; background:#fff; color:#fff; border:1px solid #ccc; color:#5c6c76;}
.btn.type5 { padding:0 20px; height:26px; line-height:26px; background:#f2f2f2; color:#fff; border:1px solid #ccc; color:#5c6c76;}
.hr { display:block; border:none; border-top:1px solid #d8d8d8; margin:10px 0;}
.tb_pop { position:relative; display:inline-block;}
.tb_pop textarea { width:300px; height:50px;}
.tb_pop a { position:absolute; right:-40px; top:0;}
.tb_over + table { margin-top:20px;}
#navs { padding-right:1px;}
.nav_tab li { float:left; width:50%;}
.nav_tab:after { content:""; display:block; clear:both;}
.nav_tab li a { display:block; height:43px; line-height:43px; background:#47474e; text-align:center; color:#7d7d7d; border-bottom:1px solid #75757a;}
.nav_tab li.ui-state-active a { color:#fff; border:1px solid #65656b; border-bottom:1px solid #32323a; background:#32323a;}
.nav_tab li + li.ui-state-active a { background:#fff; color:#32323a; border:1px solid #fff;}

#container #snb.on,
#container #contents.on { border-top:4px solid #00c7e5;}
#container #snb.on2,
#container #contents.on2 { border-top:4px solid #405cbe;}



.system { margin-top:15px; padding:10px; height:320px; border:1px solid #dadada; overflow:auto;}
#nav2 .tb_over { margin-top:15px;}
#nav2 .tb_over thead th { background:#a3bede; color:#000;}
#nav2 .tb_over tbody tr:hover td { background:#e3ebf5;}

.system #nav_system > li > button { left:12px;}
.system #nav_system > li,
.system #nav_system { padding-left:0;}
.system .root { position:relative; }
.system ul { display:block; position:relative; padding:3px 0 0 21px; }
.system ul li{ position:relative;padding:3px 0 2px 8px;white-space:nowrap;list-style:none}
.system ul li a,
.system ul li span.tree_label{ color:#000;text-decoration:none; padding:0 0 0 10px; display:block; height:28px; line-height:28px; position:relative;top:0;left:0; border:1px solid #b8c1c8; border-radius:3px; font-size:13px;}
.system ul li button{display:inline-block;position:absolute; left:20px; top:10px; width:15px; height:15px;border:none;text-indent:-10000px;cursor:pointer;}
.system ul li button + a { padding:0 0 0 35px;}
.system ul li button.minus { background:url(/HarimFoodWeb/Common/Images/bg_cate12.png) no-repeat;}
.system ul li button.plus { background:url(/HarimFoodWeb/Common/Images/bg_cate22.png) no-repeat;}
.system ul li.tree_last{}

#nav_system .selected { border-color:#405cbe;}
#nav_system .moveSpace { border: 1px dotted #CC0000; height:2px;width:200px; }

#nav_system .gExplorerCtrl:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
}

#nav_system .gExplorerCtrl {
    background: none repeat scroll 0 0 #F5F3F4;
    border-color: #DADADC #DADADC -moz-use-text-color;
    border-style: solid solid none;
    border-width: 1px 1px 0;
    margin: 10px 0 0;
    overflow: hidden;
    padding: 7px;
}

#nav_system .directory {
    border-color: #EBEBEB #DADADC;
    border-left: 1px solid #DADADC;
    border-right: 1px solid #DADADC;
    border-style: solid;
    border-width: 1px;
    max-height: 750px;
    min-height: 500px;
    overflow: auto;
    padding: 6px 7px;
}
#nav2 > div { background:#fff; padding:15px;}
body.on { background:url(/HarimFoodWeb/Common/Images/bg_body2.gif) no-repeat fixed left top #fff;}
.show_btn { padding-bottom:10px;}

/* 2016.05.17 */
.apply_list.type2 h4 .date .num { display:inline-block; position:relative; top:2px; width:30px; height:30px; border-radius:3px; text-align:center; line-height:30px; font-size:12px; color:#fff;}
.apply_list.type2 h4 .date .num + .num { margin-left:50px;}
.apply_list.type2 h4 .date .num.color1 { background:#1ab7ea;}
.apply_list.type2 h4 .date .num.color2 { background:#e45353;}
.apply_list.type2 h4 .date .num.color3 { background:#3bc9ba;}
.apply_list.type2 h4 .date .num.color4 { color:#5c6c76;}
.both.p0 { padding:0;}
.btn.type6 { padding:0 20px; height:26px; line-height:26px; background:#67b0e3; color:#fff;}
.box_type1 { margin:0 0 20px 0; padding:4px; border:2px solid #017bd0;}
.box_type1:after { content:""; display:block; clear:both;}
.box_type1 > *:first-child { float:left; height:26px; line-height:26px; font-size:15px; color:#017bd0;}
.box_type1 > *:last-child { float:right;}
.box_type1.bg { background:#a6d1ef; border-color:#a6d1ef;}
.box_type1.bg > *:first-child  { color:#000;}
.box7 { padding:20px 15px; background:#1ab7ea;}
.box7 p { font-size:14px; color:#000; line-height:20px;}
.box7 ul:after { content:""; display:block; clear:both;}
.box7 li { float:left; padding:0 0 10px 0; width:32%; background:#fff; border-left:1px solid #1ab7ea; text-align:center; font-size:12px; color:#000;}
.box7 li:firts-child { border-left:none;}
.box7 li strong { display:block; padding:4px 0; background:#2096be; text-align:center; font-weight:normal; color:#fff;}
.box7 li img { margin:10px 0; width:50px; height:50px; border-radius:100px;}
.box_flex + h3 { margin-top:35px;}
.box_flex + .box_flex { margin-top:30px;}
.box_flex:after { content:""; display:block; clear:both;}
.box_flex > div { float:left; padding-left:32px; box-sizing:border-box;}
.box_flex > div:first-child { padding:0;}
.box_flex > div > div { position:relative; padding:20px 15px 20px 88px; height:170px; border:1px solid #d4d4d4; text-align:center;}
.box_flex > div > div:after { content:""; display:block; position:absolute; left:0; top:0; width:73px; height:100%;}
.box_flex > div > div.color1:after { background: url(/HarimFoodWeb/Common/Images/ico_sub22.png) no-repeat center #6ac8ca;}
.box_flex > div > div.color2:after { background: url(/HarimFoodWeb/Common/Images/ico_sub23.png) no-repeat center #617cc1;}
.box_flex > div > div.color3:after { background: url(/HarimFoodWeb/Common/Images/ico_sub24.png) no-repeat center #936db6;}
.box_flex > div > div h4 { padding:0 0 7px 0; color:#fa514a; font-size:20px; text-align:left;}
.box_flex > div > div p { padding:0 0 15px 0; font-size:12px; color:#000; text-align:left;}
.box_flex > div > div > a { display:inline-block; padding:0 10px; min-width:51px; height:29px; margin:15px auto 0; background:#5f7385; line-height:29px; color:#fff; text-align:center; font-size:13px; box-sizing:border-box;}
.box_flex > div > div > div { padding:15px 0; height:40px; background:#e1e1e1; border:1px solid #d1d1d1; text-align:center; color:#000; font-size:13px; line-height:40px; font-weight:bold;}
.box_flex > div > div > div.no { color:#aaa; line-height:normal; font-weight:normal;}
.box_flex > div > div > div.no span { display:block; padding:0 0 4px 0; font-size:15px;}
.box_flex > div > div > div.txt > div { float:left; width:50%; text-align:center; line-height:normal;}
.box_flex > div > div > div.txt.no3 > div { width:33.33%;}
.box_flex > div > div > div.txt > div input { width:40px; height:25px; background:#fff; border:none; font-size:22px; color:#5f7385; text-align:center; line-height:15px; padding:0; vertical-align:bottom;}
.box_flex > div > div > div.txt > div strong { display:block; padding:5px 0 0 0; text-align:center; font-size:12px; color:#000;}
.box_flex > div > div > div.txt:after { content:""; display:block; clear:both;}
.box_flex > div > div.color4 { border:none; padding:0;}
.box_flex > div > div.color4:after { content:""; display:block; clear:both;}
.box_flex > div > div.color4 li { float:left; width:50%; background: url(/HarimFoodWeb/Common/Images/ico_sub25.png) no-repeat center 40px #1d414d;}
.box_flex > div > div.color4 li + li { background: url(/HarimFoodWeb/Common/Images/ico_sub26.png) no-repeat center 40px #254753;}
.box_flex > div > div.color4 li a { display:block; padding:150px 0 0 0; height:65px; text-align:center; font-size:18px; color:#fff;}
.box_flex > div > div.color4 li.bg1 { background-image:url(/HarimFoodWeb/Common/Images/ico_sub27.png);}
.box_flex > div > div.color4 li.bg2 { background-image:url(/HarimFoodWeb/Common/Images/ico_sub28.png);}
.box_flex > div > div.graph { padding:23px; height:250px; }
.box_flex > div > div.graph .graph { padding:0; padding:30px 0 0 0; height:220px; background:none; border:none;}
.box_flex.no3 > div { width:33.333%;}
.box_flex.no2 > div { width:50%;}
.box8 { min-width:185px; background:#a8dadc; padding:20px 15px;}
.box8 > p { padding:0 0 15px 0; font-size:14px; color:#000; line-height:23px;}
.box8 li { padding:0 0 5px 0;}
.box8 li strong { display:block; background:#08a3c3; text-align:center; color:#fff; height:32px; line-height:32px;}
.box8 li div { padding:4px 8px; height:50px; background:#fff;}
.box8 li div:after { content:""; display:block; clear:both;}
.box8 li div img { float:left; display:block; margin:0 10px 0 0; width:50px; height:50px; border-radius:60px;}
.box8 li div span { float:left; padding:10px 0 0 0;}
table .bln { border-left:none !important;}
table .brn { border-right:none !important;}
a.blue { color:#0082f0; text-decoration:underline;}
.list_type4 { padding:5px 15px 5px 20px;}
.list_type4 li { position:relative;}
.list_type4 li .bx { position:relative; padding:0 0 10px 55px;}
.list_type4 li .bx > img { position:absolute; left:0; top:0; width:38px; height:38px; border-radius:60px;}
.list_type4 li .bx .txt { position:relative; padding:6px 10px; height:25px; line-height:25px; border:1px solid #b4bcbc; border-radius:6px;}
.list_type4 li .bx .txt:after { content:""; display:block; position:absolute; left:-17px; top:8px; background:url(/HarimFoodWeb/Common/Images/bg_arrow_left.png) no-repeat; width:17px; height:17px;}
.list_type4 li .bx .bt { position:absolute; right:10px; top:6px;}
.list_type4 li .write { position:relative; padding:0 70px 0 0;}
.list_type4 li .write a { position:absolute; right:0; top:0;}
.red { color:#ff0000;}
.blue { color:#0000ff;}
.pop_type7 > div  { padding:35px 30px; width:570px;}

.slider_type1 { display:inline-block; position:relative; width:165px; height:3px; margin-right:10px; border:1px solid #888; background:#888; border-radius:3px;}
.slider_type1 .ui-slider-handle { display:inline-block; position:absolute; top:-6px; margin-left:-7px; width:14px; height:14px; background:#1ab7ea; border-radius:20px;}
.slider_cont { text-align:center;}
.slider_type1.num > ul:after { content:""; display:block; clear:both;}
.slider_type1.num > ul { position:relative;}
.slider_type1.num ul li { position:absolute; padding:10px 0 0 0; margin-left:-7px;}
.slider_type1.num ul li:after { content:""; display:block; position:absolute; left:50%; top:0; height:10px; border-left:1px solid #888;}
.slider_type1.num ul li.n1 { left:0%; margin-left:-4px;}
.slider_type1.num ul li.n2 { left:10%;}
.slider_type1.num ul li.n3 { left:20%;}
.slider_type1.num ul li.n4 { left:30%;}
.slider_type1.num ul li.n5 { left:40%;}
.slider_type1.num ul li.n6 { left:50%;}
.slider_type1.num ul li.n7 { left:60%;}
.slider_type1.num ul li.n8 { left:70%;}
.slider_type1.num ul li.n9 { left:80%;}
.slider_type1.num ul li.n10 { left:90%;}
.slider_type1.num ul li.n11 { left:100%; margin-left:-15px; width:30px; text-align:center;}
.num_box { height:40px;}
.num_box .input { display:inline-block; position:relative; top:8px; left:5px;}

.slider_type1.num2 > ul:after { content:""; display:block; clear:both;}
.slider_type1.num2 > ul { position:relative;}
.slider_type1.num2 ul li { position:absolute; padding:10px 0 0 0; margin-left:-4px;}
.slider_type1.num2 ul li:after { content:""; display:block; position:absolute; left:50%; top:0; height:10px; border-left:1px solid #888;}
.slider_type1.num2 ul li.n1 { left:0%; margin-left:-4px;}
.slider_type1.num2 ul li.n2 { left:25%;}
.slider_type1.num2 ul li.n3 { left:50%;}
.slider_type1.num2 ul li.n4 { left:75%;}
.slider_type1.num2 ul li.n5 { left:100%;}


.ui-slider.ui-state-disabled .ui-slider-handle,
.ui-slider.ui-state-disabled .ui-slider-range {filter: inherit;}
.ui-slider-horizontal .ui-slider-range {top: 0;height: 100%;}
.ui-slider-horizontal .ui-slider-range-min {left: 0;}
.ui-slider-horizontal .ui-slider-range-max {right: 0;}
.ui-slider-vertical {width: .8em;height: 100px;}
.ui-slider-vertical .ui-slider-handle {left: -.3em;margin-left: 0;margin-bottom: -.6em;}
.ui-slider-vertical .ui-slider-range {left: 0;width: 100%;}
.ui-slider-vertical .ui-slider-range-min {bottom: 0;}
.ui-slider-vertical .ui-slider-range-max {top: 0;}
.ui-sortable-handle {-ms-touch-action: none;touch-action: none;}

table.type5 thead th { height:32px; text-align:center; color:#fff; background:#08a3c3; border-left:1px solid #a8dadc;}
table.type5 thead th:first-child { border-left:none;}
table.type5 tbody tr:hover td { background:#bebebe;}
table.type5 tbody td { background:#fff; text-align:center; height:35px; border-bottom:1px solid #a8dadc; border-left:1px solid #a8dadc;}
table.type5 tbody td:first-child { border-left:none;}
table.type5 tbody td span { color:#2095be;}
.btn_plus { height:42px; line-height:42px; text-align:center; border:1px solid #9d9d9d; background:#b2b2b2; font-size:15px; color:#000; font-weight:bold;}
.table_slide table * { font-size:12px; text-align:left;}
.table_slide .swiper-pagination { padding:10px 0 20px; text-align:center;}
.table_slide .swiper-pagination span { margin: 0 3px; display:inline-block; width:11px; height:11px; background:#a7a7a7; border-radius:30px;}
.table_slide .swiper-pagination span.swiper-pagination-bullet-active { background:#ffcf06;}
table.center * { text-align:center;}
.team_list { display:table; margin:40px 0 0 0; width:100%;}
.team_list:after { content:""; display:block; clear:both;}
/*.team_list > div { display:table-cell; width:20%; vertical-align:bottom; padding:0 10px; box-sizing:border-box;}*/
.team_list ul {display:table-cell; width:20%; vertical-align:top; padding:0 10px 38px; box-sizing:border-box;position:relative;}
.team_list > div:first-child { padding-left:0;}
.team_list > div:last-child { padding-right:0;}
.team_list ul.no2 li { float:left; width:49%; box-sizing:border-box;}
.team_list ul.no2:after { content:""; display:block; clear:both;}
/*.team_list > div li { position:relative; margin-bottom:4px; height:31px; line-height:31px; text-indent:10px; border-style:solid; border-width:1px; border-radius:2px; color:#000;}*/
.team_list ul li {position:relative; margin-bottom:4px; height:31px; line-height:31px; text-indent:10px; border-style:solid; border-width:1px; border-radius:2px; color:#000;}
.team_list ul li.ui-sortable-placeholder {visibility: visible !important;background:#fff !important;border:dashed 1px #666 !important;}
.team_list ul li a { display:block; position:absolute; right:3px; top:3px; width:25px; height:25px; background:url(/HarimFoodWeb/Common/Images/btn_more.gif) no-repeat;}
.team_list ul li.color0 { background:#cdcdcd; border-color:#8e8e8e;}
.team_list ul li.color1 { background:#eee58c; border-color:#d9ac0d;}
.team_list ul li.color2 { background:#eebbae; border-color:#ed6b49;}
.team_list ul li.color3 { background:#b8cbdb; border-color:#577187;}
.team_list ul li.color4 { background:#bae9dc; border-color:#72c1ab;}
.team_list ul li.color5 { background:#; border-color:#;}
.team_list ul li.color6 { background:#; border-color:#;}
.team_list ul li.color7 { background:#; border-color:#;}
.team_list ul li.color8 { background:#; border-color:#;}
.team_list ul li.bx {width:auto;position:absolute;bottom:0;left:10px;right:10px;}
.team_list .bx1 { border-radius:2px; background:#8e8e8e; height:33px; line-height:33px; text-align:center; color:#fff; font-size:16px;}
.team_list .bx2 { border-radius:2px; background:#293e50; height:33px; line-height:33px; text-align:center; color:#fff; font-size:16px;}
.team_list .bx3 { border-radius:2px; background:#22c598; height:33px; line-height:33px; text-align:center; color:#fff; font-size:16px;}
.team_list .bx4 { border-radius:2px; background:#d9ac0d; height:33px; line-height:33px; text-align:center; color:#fff; font-size:16px;}
.team_list .bx5 { border-radius:2px; background:#ed6b49; height:33px; line-height:33px; text-align:center; color:#fff; font-size:16px;}

.pop_type9 { padding:40px 30px; background:#f5f5f5;}
.result_box { width:750px; padding:22px; border:1px solid #999; background:#fff;}
.result_box:after { content:""; display:block; clear:both;}
.result_box > div { float:left;}
.result_box > div:first-child { width:380px;}
.result_box > div:first-child + div { width:370px; padding:60px 0 0 0; text-align:center; font-size:20px; color:#000;}
.result_box > div:first-child + div strong { background:#; font-size:35px; background:#d6d6d6;}
.result_box > div:first-child + div div { line-height:80px;}
.result_box > div:first-child + div p { font-size:13px;}

.h4 { height:47px; line-height:47px; color:#fff; background:#7c7c7c; text-align:center; font-size:22px;}
.box8 .tit { padding:0 0 10px 0; font-size:19px; color:#000; text-align:center;}
.box8 .bx { padding:12px; margin-bottom:20px; background:#0891c3;}
.box8 .bx > div:hover .pop_hover { display:block;}
.box8 .bx > div:hover .pop_hover2 { display:block;}
.box8 .bx h5 { padding:0 0 19px 0; color:#fff; font-size:15px;}
.box8 .bx > div { position:relative; padding:20px 0; border-bottom:1px dotted #fff;}
.box8 .bx > div.img { position:relative; padding-left:50px;}
.box8 .bx > div.img > img { position:absolute; left:0; top:20px; width:45px; height:45px; border-radius:50px;}
.box8 .bx > div:last-child { border:none;}
.box8 .bx > div > em { float:left; font-size:13px; color:#00fff6;}
.box8 .bx > div > span { float:right; font-size:13px; color:#00fff6;}
.box8 .bx .line_graph { clear:both; position:relative; top:10px;height:13px; background:#fff;}
.box8 .bx .line_graph span { position:absolute; left:0; top:0; height:13px;}
.box8 .bx .line_graph span.bg1 { background:#ed6b49;}
.box8 .bx .line_graph span.bg2 { background:#ffcf06;}
.box8 .bx .line_graph span.bg3 { background:#1ab7ea;}

.box_type2 { padding:0 30px; height:45px; line-height:45px; border:1px solid #d8d8d8; background:#e1e7eb;}
.box_type2 > * { float:left; margin-right:100px; padding-bottom:0 !important; top:0 !important; background-position:0 16px !important;}

.h5 { padding:25px 0 0 0; font-size:22px; color:#000;}
.btns .h5 { padding:0;}
.btns + .step_type1 { margin-top:35px;}
.step_type1 { padding:0 85px;}
.step_type1:after { content:""; display:block; clear:both;}
.step_type1.no2 li { float:left; width:50%;}
.step_type1.no3 li { float:left; width:33.3%;}
.step_type1 li { position:relative; padding:40px 0 0 0; height:22px; text-align:center; font-size:15px; font-weight:bold; color:#000; text-indent:130px;}
.step_type1 li:after { content:""; display:block; position:absolute; left:0; top:50%; width:100%; height:10px; background:#1fb5ac; margin-top:-5px;}
.step_type1 li:first-child { text-align:left; text-indent:70px;}
.step_type1 li:last-child { direction:rtl; text-indent:-240px;}
.step_type1 li:first-child span { left:0; margin:0;}
.step_type1 li:last-child span { left:100%; right:0; margin:0 0 0 -62px;}
.step_type1 li span { display:inline-block; position:absolute; top:0; left:50%; z-index:3; margin-left:-31px; width:50px; height:50px; text-align:center; line-height:50px; background:#8fdad6; border:6px solid #1fb5ac; border-radius:60px; font-size:25px; color:#000; text-indent:0; font-weight:normal;}

.step_type2 { padding:15px 0 20px;}
.step_type2:after { content:""; display:block; clear:both;}
.step_type2 > div { float:left; width:30%; margin-left:4.5%;}
.step_type2.no2 > div { float:left; width:45%; margin-left:5%;}
.step_type2 > div:first-child { margin:0; }
.step_type2 > div li { position:relative; margin-bottom:30px; height:45px; line-height:45px; border:1px solid #d0d4dc; font-size:14px; color:#000; text-indent:19px;}
.step_type2 > div li:after { content:""; display:block; position:absolute; left:50%; bottom:-27px; margin-left:-3.5px; border-style:solid; border-width:7px; border-color:#000 transparent transparent transparent;}
.step_type2 > div li:last-child:after { display:none;}
.step_type2 > div input { position:absolute; right:15px; top:17px;}
.step_type2 > div li.on { background:#e1e7eb; border:3px solid #000;}
.step_type2 li div { position:absolute; right:4px; top:4px; width:93px; height:37px; background:url(/HarimFoodWeb/Common/Images/ico_man.png) no-repeat 10px center #1fb5ac; color:#fff; line-height:37px; font-size:25px; text-indent:60px; border-radius:2px;}
.box8 + #tabs { margin-top:-15px;}
.box8 + * .tab_type3 { border-top:1px solid #e3f3f3;}
.tab_type3 { border-bottom:1px solid #e3f3f3;}
.tab_type3 li { float:left; width:50%;}
.tab_type3 li a { display:block; height:38px; line-height:38px; text-align:center; font-size:17px; color:#000; background:#58a3b2;}
.tab_type3 li.ui-state-active a { background:#a9d8db;}
.tab_type3:after { content:""; display:block; clear:both;}

.txt_align.type1 p { padding:5px 0 0 0;}
.txt_align.type2 { position:relative; padding:20px 0 0 0;}
.txt_align.type2 p { position:absolute; left:0; top:0;}
.txt_align.type3 { position:relative; padding-left:180px;}
.txt_align.type3 p { position:absolute; left:0; top:0; line-height:82px;}
.txt_align.type4 { position:relative; padding-right:180px;}
.txt_align.type4 p { position:absolute; right:0; top:0; line-height:82px;}

.p30 { padding:0 30px 30px 30px;}
.p302 { padding:30px;}
.pop_hover { display:none; position:absolute; left:100%; top:-30px; margin-right:10px; z-index:10; border:1px solid #cacaca; background:#fff; box-shadow:3px 3px 5px rgba(0,0,0,0.5);}
.pop_hover:after { content:""; display:block; position:absolute; left:-12px; top:50px; border-width:6px; border-style:solid; border-color:transparent #fff transparent transparent;}
.pop_hover h6 { height:41px; color:#000; font-size:14px; color:#000; text-indent:25px; background:#e1e7eb; line-height:41px;}
.pop_hover .con { height:350px; overflow:auto;}

.pop_hover2 { display:none; position:absolute; left:100%; top:-30px; margin-right:10px; z-index:10; border:1px solid #cacaca; background:#fff; box-shadow:3px 3px 5px rgba(0,0,0,0.5);}
.pop_hover2:after { content:""; display:block; position:absolute; left:-12px; top:50px; border-width:6px; border-style:solid; border-color:transparent #fff transparent transparent;}
.pop_hover2 h6 { height:41px; color:#000; font-size:14px; color:#000; text-indent:25px; background:#e1e7eb; line-height:41px;}
.pop_hover2 .con {}
.pop_hover2 .con > div { padding:20px; border-bottom:1px dotted #000;}
.pop_hover2 .con > div:last-child { border:none;}
.pop_hover2 .con > div li { float:none; padding:0 0 20px; border:none;}
.pop_hover2 .con > div li:after { content:""; display:block; clear:both;}
.pop_hover2 .con > div li em { float:left; font-size:13px; color:#000;}
.pop_hover2 .con > div li span { float:right; padding:0; font-size:13px; color:#000;}
.pop_hover2 .con > div strong { display:block; height:33px; font-size:14px; color:#0891c3;}


.list_type5 li { float:left; padding:10px 18px; border-bottom:1px dotted #000;}
.list_type5 li > img { width:43px; height:43px; border-radius:50px; float:left;}
.list_type5 li > span { float:left; padding:10px 0 0 5px; text-align:right;}
.list_type5 li .line_graph { clear:both; margin:4px 0 0 0; top:5px !important; padding:0; background:#c5c5c5 !important;}
.list_type5 li .line_graph span { padding:0;}

/* login */
.bodybg {height: 93%; background:url(/HarimFoodWeb/Common/Images/login_big_bg_new.jpg) no-repeat 50% 50%;}
.login_box {width:502px; height:485px; background:url(/HarimFoodWeb/Common/Images/login_bg.png); position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.idpw_boxnone {width:502px; height:253px;}
.idpw_box {width:315px; height:179px;font-size:13px; margin-left:93px; color:#000;}
.idpw_input {background-color: #FFF; BORDER: #7f7f7f 1px solid; width:160px; height:28px;}
.idpw_input2 {background-color: #FFF; BORDER: #7f7f7f 1px solid; width:314px; height:45px;}