/* 4fa5ee */
.twitter-share-button { width:1px!important;min-width:83px; }
.twitter-count-vertical { min-width:60px!important; }
.twitter-count-vertical  * { font-size:10px!important; }

.whislist-ok { color:#ff0000 }
html , body {
	width:100%;
	padding:0px;
	margin:0px;
	height:100%;
	font-family:'Kanit',tahoma,verdana,arial,sans-serif,"lucida grande"!important;
}
body {
	color:#333333;
	/*background-color:#519600;*/
	font-size:11px;
	background-color:#ffffff;

}

body , input , textarea , select {
	font-size:14px;
	font-family:'Kanit',tahoma,verdana,arial,sans-serif,"lucida grande";

}

img { border-width:0px; }

h1,h2,h3,h4,h5 {	padding:0px;margin:0px; 	}


a { text-decoration:none; color:#666; }
a:hover { text-decoration:none; }

.o-a { overflow:auto; }
.f-l { float:left; }
.f-r { float:right; }




.coverArea { margin:0px 0px 40px 0px; position:relative; }
.swiper-container-cover { width:100%;overflow:hidden }
.swiper-container-cover  > .swiper-wrapper { width:100% }
.swiper-container-cover  > .swiper-wrapper > .swiper-slide { width:100% }
.swiper-container-cover  .img-banner { width:100%; }

.pagination-cover {
  position: absolute;
  right:0px!important;bottom:20px!important;left:auto!important;
  text-align: center;
  width: 100%;
  z-index:1;
	font-size:0px;
}
.pagination-cover .swiper-pagination-bullet {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background: #ffffff;
  box-shadow: 0px 0px 0px #ffffff inset;
  margin:0px 2px!important;
  cursor: pointer;
  opacity:.6;
}
.pagination-cover .swiper-pagination-bullet-active {
  background: #ffffff;
  opacity:1
}



.my-web { background-color:#ffffff; }
.my-web .web-h { background-color:#ffffff;position:relative; }
.my-web .web-h > .wrapper { padding:10px 0px 15px 20px;overflow:auto;max-width:1260px;margin:0px auto;  }
.my-web .web-h .logo img { height:90px;float:left; }
.my-web .web-h .menu { margin-left:200px;padding-top:12px; text-align:left; }
.my-web .web-h .menu .block { position:relative;height:50px;float:right;font-size:14px;color:#555555; margin-top:15px; padding:0px 30px 0px 20px; display: inline-block; line-height:1.6; border-left:1px #cccccc solid;  }
.my-web .web-h .menu .block:last-of-type { border:none; }
.my-web .web-h .menu .block i { float:left;margin:5px 5px 0px 0px; }
.my-web .web-h .menu .block .social-icon { height:45px; }
.my-web .web-h .menu .block::before { content:'';height:100%;display:inline-block;vertical-align:middle; }
.my-web .web-h .menu .block > div { display:inline-block;vertical-align:middle;text-align:right; }
.my-web .web-h .menu .block .badge { position:absolute;top:0px;left:55px;background-color:red }
.my-web .web-h .user-menu { float:left;text-align:center;color:#96ac09;font-size:18px;margin:20px;position:relative;}
.my-web .web-h .user-menu > i { margin:2px 0px; }
.my-web .web-h .user-menu .badge { position:absolute;top:0px;right:10px;background-color:red }
.my-web .web-h .search { background-color:#ffffff;float:left;height:60px;overflow:hidden;border:1px #cccccc solid;margin-top:8px;margin-right:30px;padding:7px;  }
.my-web .web-h .search input { float:left;height:100%;width:240px;padding:10px 15px;color:#888888;border:none;outline:none;font-size:16px; }
.my-web .web-h .search button { float:left;background-color:#ffffff;padding:3px 8px;height:100%;color:#666666;border:none;font-size:20px; }
.my-web .quick { background-color:#f2f2f2;margin-bottom:0px; }
.my-web .quick > .wrapper { }

.my-web .top-menu { overflow:auto;max-width:1250px;margin:0px auto;  }
.my-web .top-menu ul { float:right;margin:12px 0px;left:0px;padding:0px;list-style-type:none; }
.my-web .top-menu ul li { color:#666666;font-size:13px;border-left:1px #cccccc solid;padding:0px 15px;float:left; }
.my-web .top-menu ul li a { color:#666666;text-decoration:none; }
.my-web .top-menu ul li.lang { padding-left:15px; }
.my-web .top-menu ul li.lang img { height:15px; }

.my-web .top-menu ul.left { float:left }
.my-web .top-menu ul.left li { border:none;padding:0px 10px; }
.my-web .top-menu .badge { background-color:red }

.unstyled-button {
  border: none;
  padding: 0;
  background: none;
}

#btn_feedback {
	padding:10px 6px;
	background-image:url(../images/web/button/feedback_txt.png);
	background-position:center;
	background-repeat:no-repeat;
	height:90px; width:22px;
	background-color:#515151;
	cursor:pointer;
	position:fixed;top:40%;right:0px;
}
#btn_feedback:hover {  background-color:#111111; }

.top-header{  height:0px; }



.fb-login {
	background-color:#3B5998;
	border:1px #cccccc solid;
	padding:4px;
	margin:10px;
	font-size:11px;
}

.web-fixed-menu {
	position:fixed; display:none;
	left:0px;top:0px;right:0px;
	z-index:5;
	background-color:#ffffff;

}
.web-fixed-menu > .wrapper { padding:5px 0px;margin:0px 20px;text-align:center;;overflow:auto;position:relative;border-bottom:1px #cccccc solid; }
.web-fixed-menu .logo  img { height:75px;}
.web-fixed-menu .menu-right { position:absolute;top:5px;right:0px;  }
.web-fixed-menu .menu-left { position:absolute;top:5px;left:0px;  }
.web-fixed-menu .menu { color:#111111;font-size:32px;padding:15px 6px;margin-top:10px;  }
.web-fixed-menu .badge { background-color:red }

.web-main-menu {
	background-color:#ffffff;
	text-align:center;
	margin-bottom:20px; 
	margin-left:-20px;margin-right:-20px;
	border:1px #ddd solid; 
	border-width:1px 0px;
	padding:10px 0px; 
}
.web-main-menu > .inner { position:relative;display:inline-block  }
.web-main-menu > .inner > .fb_like_site {
	position:absolute;bottom:20px;left:8px;
	background-color:#d1d1d1;
	margin:6px;
	border:1px solid #000000; -webkit-border-radius: 8px; -moz-border-radius: 8px;border-radius: 8px;
}
.web-main-menu > .inner > .search { margin:20px 0px; }
.web-main-menu > .inner > .search * { color:#515151 }
.web-main-menu > .inner > .search input {
	width:100%;font-size:14px;padding:12px;padding-left:32px; margin:0px;
	background-image:url(../images/web/bahtor_nav/search.png);
	background-repeat:no-repeat;
	background-position:10px center;
	background-color:#ffffff;
	border:1px solid #cccccc; display:block;
	
}
.web-main-menu > .inner {	padding:0px; color:#e2e2e2;  }
.web-main-menu > .inner > .logo {	margin:5px 5px 20px 5px;text-align: center;display:none; }
.web-main-menu > .inner >  .logo  img { height:65px }
.web-main-menu > .inner  .user-mini-info { text-align:left;margin-bottom:10px;color:#222;font-size:16px; overflow:auto;  }
.web-main-menu > .inner  .user-mini-info a { color:#222;text-decoration:none;  }
.web-main-menu > .inner  .user-mini-info .user-pic-area { overflow:hidden;margin:0px 10px 0px 0px;float:left;width:50px; height:50px; border-radius:25px; background-color:#cccccc; }
.web-main-menu > .inner  .user-mini-info .user-pic-area a { display:block;height:100%; }
.web-main-menu > .inner  .user-mini-info .user-pic { margin:0px auto; width:100%; }
.web-main-menu > .inner  .user-mini-info .member { font-size:14px;color:#666666;margin-top:5px; }
.web-main-menu > .inner  ul.menu { list-style-type:none;padding:0px;margin:0px;margin-top:16px; }
.web-main-menu > .inner  ul.menu li {	position:relative; }
.web-main-menu > .inner  ul.menu li.line { border-top:1px #cccccc solid; margin:10px; }
.web-main-menu > .inner  ul.menu li > a {
	 padding:4px 5px; display:block;
	 text-align: left; color:#777777; text-decoration:none;
	 font-size:14px;
}
.web-main-menu > .inner  ul.menu li > a:hover{
	background-color:#96ac09;color:#ffffff
}
.web-main-menu > .inner  ul.menu li > a > span { margin-right:5px;width:25px;text-align:center; }
.web-main-menu > .inner  ul.menu li > a > img{ position:absolute; left:10px;top:8px; }
.web-main-menu > .inner  ul.menu li > .MsgCnt {  position:absolute; right:8px;top:6px;background-color:#FF0000;padding:3px 5px;font-size:10px;display:none;  }

.web-main-menu .panel .title { color:#777777;font-size:16px;margin-bottom:10px;padding-bottom:10px;border-bottom:1px #cccccc solid; }

.cate-grp-area { padding:0px;float:left;position:relative  }
.cate-grp-area .heading { padding:8px 30px;color:#111111;font-size:18px;cursor:pointer;transition:all .3s  }
.cate-grp-area .heading a { color:#111;text-decoration:none;  }
.cate-grp-area .body { display:none;position:absolute;top:100%;left:0px;background-color:#ffffff;text-align:left;min-width:100%   }
.cate-grp-area .cat-list { font-size:15px;color:#666666;padding-left:5px;box-shadow:0px 0px 10px 0px rgba(0,0,0,.3)  }
.cate-grp-area .cat-list a { color:#666666;display:block;padding:6px 25px 6px 20px;text-decoration:none;white-space:nowrap  }
.cate-grp-area .cat-list a:before { }
.cate-grp-area .cat-list a:hover { color:#666666;background-color:#f7f7f7  }
.cate-grp-area .cat-list > div { border-bottom:1px #ececec solid;padding:6px 0px;display:block; }
.cate-grp-area .cat-list > div { padding:2px 0px;  }
.cate-grp-area .cat-list > div.active a { color:#333333;font-weight: bold;}
.cate-grp-area .cat-list > div.active a:before { }

.cate-grp-area.arrow .heading { padding-left:20px;padding-right:40px;}
.cate-grp-area.arrow .arrow-icon { position:absolute;right:10px;top:11px;color:#111;font-size:20px; }

.cate-grp-area:hover .arrow-icon { color:#fff }
.cate-grp-area:hover .body { display:block;z-index:5 }
.cate-grp-area:hover .heading { background-color:#333;color:#fff }
.cate-grp-area:hover .heading a { color:#fff }

#web-main-container {
	width:auto;
	background-color:#ffffff;
	overflow:auto;
	position:relative;
	max-width:1260px;margin:0px auto;
	padding:0px 20px;
}
#web-main-container.full .web-main-menu { display:none; }
#web-main-container.full > .web-header-container ,
#web-main-container.full > .web-body-container  { margin-left:0px!important; }

#web-header-container {
}

#web-body-container{
	position:relative;
}

#web-footer-container{
	min-width:995px;
	overflow:auto;
	float:left;
	border-top:1px #cccccc solid;
	padding:10px;
	position:relative;
}


#web-header {
	background-color:#ffffff;

	padding:0px 0px 4px 0px;
	position:relative;;
	width:auto;
	z-index:1;
}

#web-header-shadow {
	height:10px;width:100%;
	background-position:top center;
	background-repeat:repeat-y;display:none;
}

#web-header > .logo {
	position:absolute;right:4px;top:6px;
	height:20px;width:84px;
	background-image:url(../images/bahtor-logo.png);
	background-repeat:no-repeat;
}



#web-header h1.title {
	position:relative;width:auto;color:#515151;font-weight:bold;font-size:24px;
	padding:4px;margin:40px 0px; overflow:visible; font-weight:normal; text-align:center; 
}
#web-header h1.title::after { content:'';border-top:1px #ccc solid; position:absolute; left:0px;right:0px;top:18px;  }
#web-header h1.title .txt { padding:0px 30px;margin-right:10px;background-color:#ffffff;display:inline-block;position:relative;z-index:1   }
#web-header h1.title .txt > span { font-size:22px;}
#web-header h1.title .txt > img {   }
#web-header h1.title .pull-right { position:relative;z-index:1;background-color:#fff;padding:0px 10px; }
#web-header .controller {	position:absolute;right:1px;top:4px; }
#web-header .controller input , #web-header .controller select { margin-top:2px; }
#web-header .sub-title {
	border-top:1px #cccccc solid;
	padding:2px 4px;
	line-height:1.6;
	font-size:13px;
	color:#777777;
	text-align:center;
}
#web-header .sub-title > div {  margin:5px 0px; }
#web-header .sub-title a { color:#777777; }


#web-header .option_header {
	font-size:11px;
	float:right;
	margin-right:0px;
	margin-top:1px;
	min-width:200px;
	max-width:640px;
	border-left:1px #cccccc solid;
	border-top:0px #cccccc solid;
	border-bottom:3px #c5c5c5 solid;
	border-right:1px #c0c0c0 solid;
	padding:6px;
	background-color:#fafafa;
}

#web-body { }

#web-body .guide_area {
}
#web-body .guide_area > .box {
	background-color:#f4f4f4;
	padding:10px; margin:0px 8px;
	line-height:1.4; color:#777777;
	-webkit-box-shadow: inset 0 0 6px #cccccc;
	-moz-box-shadow: inset 0 0 6px #cccccc;
	box-shadow: inset 0 0 6px #cccccc;
	-webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;
}

#web-body > div.workarea {
	width:auto;
	overflow:hidden;
  margin-right:340px;
	min-height:580px;
}

#web-body > div.workarea-full {
	width:100%;
	border-right:0px #555555 solid;
}

#web-body > div.gimmickarea {
	width:340px;
	padding:0px;
	position:absolute;top:0px;right:0px;
	overflow:hidden;
	padding:20px;
}

#web-body > div.gimmickarea .box:first-child { margin-top:0px; }
#web-body > div.gimmickarea .box {
	margin:0px;
	margin-top:14px;
	border:1px #cccccc solid;
	border-radius:8px;
}
#web-body > div.gimmickarea .box > .title {
	padding:9px!important;
	margin:0px;
	background-color:#f2f2f2;
	color:#333333;font-size:14px;
	border-top:1px #ffffff solid;
	border-bottom:1px #e2e2e2 solid;
	border-radius:8px 8px 0px 0px;
}
#web-body > div.gimmickarea .box > .title a {  color:#333333;font-size:14px; }
#web-body > div.gimmickarea .box > .title b { font-size:14px; }

#web-body > div.gimmickarea .box > .area {
	position:relative;
	padding:5px;
	border-radius:0px 0px 8px 8px;
	background-color:#ffffff;
	overflow:hidden
}

#web-body > div.gimmickarea .box > .area .shadow-top{}

#web-body > div.gimmickarea .box > .area .shadow-bottom{}


#web-footer {	color:#999999;	}
#web-footer a {  color:#999999; 	}

.web-footer { background-color:#f2f2f2;padding:10px; }
.web-footer > .inner { padding:0px 20px;max-width:1250px;margin:0px auto;position:relative;overflow:auto; }
.web-footer .logo { float:left; }
.web-footer .logo a { display:block;margin:12px 0px;}
.web-footer .txtArea { float:left;margin-top:10px;margin-left:20px; }
.web-footer .txtArea > .txt1 { color:#666666;font-size:12px;margin-top:5px; }
.web-footer .txtArea > .txt2 { color:#666666;font-size:16px;margin-top:-8px; }

.web-footer .box-right { float:right;overflow:hidden; }
.web-footer .call { float:left;text-align:right;margin-top:12px; }
.web-footer .call > span { color:#666666;font-size:12px;display:inline;line-height:1.2 }
.web-footer .call > span a { color:#666 }
.web-footer .call > span.big { font-size:20px; }
.web-footer .btnSiteMap { display:inline-block;float:right;color:#666666;font-size:22px;padding:15px 30px;padding-right:50px;;background:url(../img/footer/arrow-up.png) right no-repeat;background-position: right 20px center;background-color:#344956}

.web-footer .social { float:left;display:inline-block;margin-top:10px;margin-left:20px; }
.web-footer .social .social-icon { font-size:26px;color:#333333;margin-left:10px; }


ul.h-list { list-style-type:none;padding:0px;margin:0px; }
ul.h-list li { float:left; overflow:auto; margin:0px 2px; }







.ctn_df {
	border:0px #e2e2e2 solid;
	min-height:600px !important;
}


.ctn_df h1.title div.controller {
	position:absolute;
	top:-4px;
	right:0px;
}


.ctn_filter {
	background-color:#e2e2e2;
	border-top:1px #cccccc solid;
	border-left:1px #cccccc solid;
	border-right:1px #dddddd solid;
	border-bottom:1px #dddddd solid;
	padding:6px;
}




ul.msg { list-style-type:none;padding:0px;margin:0px; }
ul.msg > li { margin-bottom:4px; padding:10px;border-width:1px;border-color:#e2e2e2;border-style:solid; }
ul.msg > li.success { background-color:#E4FFD8;border-color:#00DB19; }
ul.msg > li.fail	{ background-color:#FFF4F4;border-color:#FF7C7C; }
ul.msg > li.invalid { background-color:#FFF4F4;border-color:#FF7C7C; }
ul.msg > li.warning { background-color:#FFF6CC;border-color:#FFD738; }



.no-border { border-width:0px!important; }
.no-bg {  background-color:trasparent!important; background-image:none!important; }

.hidden  { display:none; }
.visible { display:block; }

.h_min_200 { min-height:200px; }
.h_min_300 { min-height:300px; }
.h_min_500 { min-height:500px; }

.w20  { width:20px;  }
.w30  { width:30px;  }
.w80  { width:80px;	 }
.w100 { width:100px; }
.w120 { width:120px; }
.w160 { width:160px; }
.w200 { width:200px; }
.w220 { width:220px; }
.w260 { width:260px; }
.w280 { width:280px; }
.w300 { width:300px; }
.w360 { width:360px; }
.w400 { width:400px; }
.w460 { width:460px; }
.w500 { width:500px; }
.w600 { width:600px; }
.w620 { width:620px; }
.w800 { width:800px; }

.h100 { height:100px; }

.pad-0 { padding:0px!important; }
.pad-left-0 { padding-left:0px!important; }
.pad-right-0 { padding-right:0px!important; }
.pad-top-0 { padding-top:0px!important; }
.pad-bottom-0 { padding-bottom:0px!important; }

.pad-3 { padding:3px!important; }

.pad-top-6 { padding-top:6px!important; }
.pad-left-6 { padding-left:6px!important; }

.mar-top-4 { margin-top:4px!important }
.mar-bottom-4 { margin-bottom:4px!important }
.mar-right-4 { margin-right:4px!important }

.mar-top-10 { margin-top:10px!important }
.mar-bottom-10 { margin-bottom:10px!important }

.float-left {	float:left!important; overflow:auto }
.float-right { float:right!important; overflow:auto }

.align-left { text-align:left!important; }
.align-right { text-align:right!important; }


.clear { clear:both; }
.clear-left {	clear:left; }
.clear-right {	clear:right; }


.middle:before { display:inline-block;;content:'';font-size:0px;height:100%;vertical-align:middle; }
.middle > * { vertical-align:middle;  }

@media only screen and (max-width: 1200px) {
	.cate-grp-area .heading { padding:8px 25px; }
}
@media only screen and (max-width: 1100px) {
	.my-web { display:none; }


	#web-main-container.full .web-main-menu { display:block; }
	.web-main-menu { margin:0px;top:85px;left:-100%;right:-100%;bottom:0px;z-index:2;position:fixed;opacity:0;overflow:auto;box-shadow:0px 0px 20px 0px rgba(0,0,0,.1)  }
	.web-main-menu .inner { padding:0px 20px;display:block;  }
	.web-main-menu > .inner > .logo  { display:none; }
	.cate-grp-area { float:none;text-align:left;margin-bottom:10px;  }
	.cate-grp-area .heading { padding:8px 14px; }
	.cate-grp-area .heading a { display:block; }
	.cate-grp-area.arrow .heading { padding-left:10px; }
	.cate-grp-area .body { position:relative;top:auto;left:auto;display:block;  }
	.cate-grp-area .cat-list { box-shadow:none;padding:10px 0px; }
	.cate-grp-area .cat-list a { font-size:14px;padding:5px 35px 5px 40px; }
	.cate-grp-area .cat-list a:hover { color:#111; }
	.cate-grp-area .cat-list > div { border:none; }
	.cate-grp-area:hover  .cat-list{ background-color:#f2f2f2 }

	body { padding-top:85px; }
	body.show-menu { overflow:hidden;background-color:#000000; }
	body.show-menu  #web-header-container , body.show-menu #web-body-container ,  body.show-menu .coverArea { opacity:.3!important;  }
	body.show-menu .web-main-menu { opacity:1;left:0px;right:auto;transition: all .5s; }
	body.show-menu .web-main-menu > .inner {  }
	body.show-menu .web-main-menu .panel-category { display:block }
	body.show-menu .web-main-menu .panel-user { width:100%!important }

	body.show-menu-user { overflow:hidden;background-color:#000000; }
	body.show-menu-user  #web-header-container , body.show-menu-user #web-body-container  { opacity:.3!important; }
	body.show-menu-user .web-main-menu { opacity:1; right:0px;left:auto; transition: all .5s; }
	body.show-menu-user .web-main-menu .panel-category { display:none }
	body.show-menu-user .web-main-menu .panel-user { display:block }

	#web-main-container { padding:20px;transition: all .5s; }
	#web-header-container { left:20px }
	#web-header-container , #web-body-container { margin-left: 0px; }


	.web-fixed-menu { display:block }


}
@media only screen and (max-width: 768px) {
	.web-main-menu { width:350px;  }
	.cate-grp-area { border:none; }
	.cate-grp-area .heading { padding:8px;font-size:20px; }
	.cate-grp-area .cat-list a { font-size:18px; }
	.cate-grp-area .cat-list a:before { display:none; }

	.web-footer .call > span.big { font-size:18px;margin-top:10px;display:block }
}
@media only screen and (max-width: 600px) {

	#web-body > div.workarea { min-height:350px; }
	
	#web-main-container { padding:15px; }
	.web-fixed-menu > .wrapper { margin:0px 15px;overflow:visible; }
	.web-fixed-menu .menu-right { margin-right:-10px }

	.cate-grp-area { margin:0px; border-bottom:1px #e2e2e2 solid;overflow:hidden; }
	.cate-grp-area .heading { padding:15px;font-size:22px;  }
	.cate-grp-area.arrow .heading { padding:15px; }
	.cate-grp-area.arrow .arrow-icon { top:22px; }
	.cate-grp-area .heading a {  }
	.cate-grp-area .cat-list { max-height:0px;overflow:hidden;padding:0px;  }
	.cate-grp-area .cat-list a { font-size:19px;padding-left:50px; }
	.cate-grp-area.open .cat-list { background-color:#f2f2f2; max-height:500px; transition:max-height 1s, padding 0s ease .1s;padding-top:5px; padding-bottom:15px;  }
	.cate-grp-area.open .arrow-icon { color:#fff }
	.cate-grp-area.open .body { display:block;z-index:5 }
	.cate-grp-area.open .heading { background-color:#333;color:#fff }
	.cate-grp-area.open .heading a { color:#fff }


	.web-main-menu { width:100%;overflow:auto; }
	.web-main-menu .inner { padding-bottom:100px;overflow:auto; }
	.web-main-menu > .inner  .user-mini-info { font-size:22px; }
	.web-main-menu > .inner  .user-mini-info .member { font-size:16px; }
	.web-main-menu > .inner  ul.menu li > a { font-size:18px;padding-top:5px;padding-bottom:5px; }

	#web-header h1.title { margin:20px 0px; }
	#web-header h1.title i { display:none; }

	.web-footer { text-align:center;  }
	.web-footer > .inner { overflow:hidden;padding:10px 0px; }
	.web-footer * { float:none!important; }
	.web-footer .txtArea { margin:10px 0px; }
	.web-footer .call { text-align:center }
	.web-footer .call > span.big { font-size:16px;margin-top:10px;display:block }
	.web-footer .social { margin:20px 0px 0px 0px; }
}

@media only screen and (max-width: 400px) {

	body { padding-top:65px; }
	.web-main-menu { top:65px; }
	.web-fixed-menu > .wrapper { margin:0px 10px }
	.web-fixed-menu .logo  img { height:55px;}
	.web-fixed-menu .menu  { margin-top:0px; }
	.web-main-menu { top:65px; }

	.cate-grp-area .heading ,.cate-grp-area .heading a { font-size:18px  }
	.cate-grp-area .cat-list a { font-size:16px;padding-left:40px }
	.cate-grp-area.arrow .arrow-icon { top:18px }
}

@media only screen and (max-width: 380px) {
	.cate-grp-area .heading ,.cate-grp-area .heading a { font-size:16px  }
	.cate-grp-area .cat-list a { font-size:14px; }
}