@charset "utf-8";
@import url(./common.css);

/******************** layout ********************/
#header h1:before																{content: ''; display: block; position: absolute; top: 40px; right: 0; left: 0; height: 2px; background-color: #08879d;}
#content-container .content-path												{margin-top: -2px; background-color: #08879d;}

/* local-navigation */
.local-navigation ul															{background-color: #6dadc0;}

/* support-service */
#footer .support-service														{background-color: #99999b;}
#footer .support-service h2														{overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
#footer .support-service ul														{margin: 0; padding: 0;}
#footer .support-service ul:after												{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
#footer .support-service ul li													{list-style: none; float: left; width: 25%;}
#footer .support-service ul li a												{display: block; height: 36px; line-height: 36px; text-align: center; color: #ffffff; font-size: 12px; font-weight: bold;}
#footer .support-service ul li+li a												{border-left: 1px solid rgba(0,0,0,0.25);}

/* site-policy */
#footer .site-policy															{margin: 12px;}
#footer .site-policy h2															{overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
#footer .site-policy ul															{margin: 0; padding: 0;}
#footer .site-policy ul:after													{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
#footer .site-policy ul li														{list-style: none; float: left;}
#footer .site-policy ul li a													{display: block; height: 20px; line-height: 20px; color: #585858; font-size: 12px; font-weight: bold;}
#footer .site-policy ul li+li													{position: relative; margin-left: 8px; padding-left: 9px;}
#footer .site-policy ul li+li:after												{content: ''; display: block; position: absolute; top: 50%; left: 0; margin-top: -6px; width: 1px; height: 12px; background-color: rgba(0,0,0,0.1);}

/* site-info */
#footer .site-info																{overflow: hidden; margin: 12px;}
#footer .site-info h2															{overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
#footer .site-info ul															{margin: 0 0 0 -12px; padding: 0;}
#footer .site-info ul:after														{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
#footer .site-info ul li														{float: left; list-style: none; line-height: 20px; font-size: 12px; color: #848484;}
#footer .site-info ul li:after													{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
#footer .site-info ul li:before													{content: '/'; float: left; width: 12px; text-align: center;}
#footer .site-info ul li .head													{float: left; line-height: inherit; font-weight: bold;}
#footer .site-info ul li .head:after											{content: ':'; margin: 0 4px;}
#footer .site-info ul li .text													{float: none; overflow: hidden; vertical-align: top; line-height: inherit;}

/* copyright */
#footer .copyright																{margin: 12px; line-height: 20px; font-size: 12px; color: #848484;}
#footer .copyright .wbr															{display: inline-block; vertical-align: top; line-height: inherit;}

/******************** main ********************/
/* visual-area */
.visual-area .prev-direction													{overflow: hidden; position: absolute; z-index: 9999; top: 50%; left: 0; margin-top: -20px;}
.visual-area .prev-direction .bx-prev											{display: block; width: 25px; height: 33px; outline: 0; text-indent: -999em; background-image: url(/Web-home/user/mobile/images/temp_06/m_goods_zone_panel.png); background-repeat: no-repeat; background-size: 25px auto; background-position: 0 0;}
.visual-area .next-direction													{overflow: hidden; position: absolute; z-index: 9999; top: 50%; right: 0; margin-top: -20px;}
.visual-area .next-direction .bx-next											{display: block; width: 25px; height: 33px; outline: 0; text-indent: -999em; background-image: url(/Web-home/user/mobile/images/temp_06/m_goods_zone_panel.png); background-repeat: no-repeat; background-size: 25px auto; background-position: 100% 100%;}
.visual-area .bx-pager-item										{display:none;}
.visual-area .bx-wrapper .bx-controls .bx-controls-auto							{display: none;}

/* goodsZone */
.goodsZone																		{position: relative; background-color: #dbe4ed;}
.goodsZone h2																	{padding: 0 15px; height: 32px; line-height: 32px; font-size: 14px; font-weight: bold; color: #385d9b;}
.goodsZone .bx-wrapper															{padding: 0 15px 15px 15px;}
.goodsZone .bx-wrapper .bx-viewport .bxslider li a								{display: block; margin: 0 auto; width: 90px;}
.goodsZone .bx-controls .bx-controls-direction a								{overflow: hidden; position: absolute; z-index: 9999; top: 50%; margin-top: -20px; width: 25px; height: 33px; outline: 0; text-indent: -999em; background-image: url(/Web-home/user/mobile/images/temp_06/m_goods_zone_panel.png); background-repeat: no-repeat; background-size: 25px auto;}
.goodsZone .bx-controls .bx-controls-direction a.bx-prev						{left: 0; background-position: 0 0;}
.goodsZone .bx-controls .bx-controls-direction a.bx-next						{right: 0; background-position: 0 100%;}
.goodsZone .item-display														{margin: 0; padding: 0;}
.goodsZone .item-display:after													{content: ''; display: block; clear: both; width: 0; height: 0; visibility: hidden;}
.goodsZone .item-display .item													{float: left; list-style: none; background-color: #ffffff; border: 1px solid rgba(0,0,0,.15);}
.goodsZone .item-display .item .thumbnail										{height:150px;}
.goodsZone .item-display .item .thumbnail .images								{display: inline-block; vertical-align: top;}
.goodsZone .item-display .item .thumbnail a.images								{width: 100%; height: 100%;}
.goodsZone .item-display .item .thumbnail .images img							{vertical-align: top; width: 100%; height: 100%; border: 0 none;}
.goodsZone .item-display .item .item-body										{margin-top: 4px; padding: 10px;}
.goodsZone .item-display .item .item-body .data-head							{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center;}
.goodsZone .item-display .item .item-body .data-head .title						{line-height: 20px; font-size: 14px; color: #323232; font-weight: bold;}
.goodsZone .item-display .item .item-body .data-foot .price						{display: block;}
.goodsZone .item-display .item .item-body .data-foot .price .value				{display: inline-block; vertical-align: top; line-height: 20px; font-size: 14px; color: #323232;}
.goodsZone .item-display .item .item-body .data-foot .price .unit				{display: inline-block; vertical-align: top; line-height: 20px; font-size: 14px; color: #323232;}
.goodsZone .item-display .item .item-body .data-foot .price .price-selling			{display: block; text-align: center;}
.goodsZone .item-display .item .item-body .data-foot .price .price-selling .head	{overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
.goodsZone .item-display .item .item-body .data-foot .price .price-selling .value	{color: #6bc04b;}
.goodsZone .item-display .item .item-body .data-foot .price .price-selling .unit	{color: #323232;}

/* sopmalCl */
.sopmalCl																		{position: relative;}
.sopmalCl .rollCategory															{padding: 20px; background-color: #fff;}
.sopmalCl .rollCategory .bx-wrapper .bx-viewport .bxslider li					{text-align:center;}
.sopmalCl .rollCategory .bx-wrapper .bx-viewport .bxslider li a					{display: block; margin: 0 auto; width: 60px;}
.sopmalCl .rollCategory .bx-wrapper .bx-viewport .bxslider li a img				{display: block; border: 0 none;}
.sopmalCl .rollCategory .bx-wrapper .bx-viewport .bxslider li a span			{display: block; font-size: 14px; line-height: 22px;}
.sopmalCl .rollCategory .bx-controls .bx-controls-direction a					{overflow: hidden; position: absolute; z-index: 9999; top: 50%; margin-top: -20px; width: 20px; height: 40px; outline: 0; text-indent: -999em; background-image: url(/Web-home/user/mobile/images/temp_04/m_category_panel.png); background-repeat: no-repeat; background-size: 20px auto;}
.sopmalCl .rollCategory .bx-controls .bx-controls-direction a.bx-prev			{left: 0; background-position: 0 0;}
.sopmalCl .rollCategory .bx-controls .bx-controls-direction a.bx-next			{right: 0; background-position: 0 100%;}

/* °Ô½ÃÆÇÅÇ ÅÛÇø´ */
.tab_list																		{padding-bottom: 112px;}
.tab_list>ul																	{padding-right: 60px; border: 1px solid #e3e2e0; background-color: #f8f8f8;}
.tab_list>ul>li																	{width: 33.3%; color: #727272;}
.tab_list>ul>li>a																{display: block; text-decoration: none;}
.tab_list>ul>li>a span															{display: block; position: relative; height: 30px; line-height: 30px; font-size: 14px; font-weight: bold; color: #555555; letter-spacing: -1px; text-align: center; border-right: 1px solid #e3e2e0;}
.tab_list>ul>li>a span.over														{color: #5369bf; background-color: #ffffff;}
.tab_list>ul>li>a span.over:after												{content: ''; position: absolute; right: 0; bottom: -1px; left: 0; height: 1px; background-color: #ffffff;}
.tab_list>ul>li>ul																{top: 44px; padding: 0 10px; height: 88px; overflow: hidden;}
.tab_list>ul>li>ul li															{padding-right: 60px;}
.tab_list>ul>li>ul li a															{line-height: 22px; font-size: 14px; color: inherit;}
.tab_list>ul>li>ul li span														{line-height: 22px; font-size: 14px; color: #acacac;}
.tab_list>ul>li>ul li.more a													{top: -44px; right: 0; width: 32px; height: 32px; background-image: url(/Web-home/user/mobile/images/temp_02/m_tablist_more.png);}

/* bannerZone */
.banner h2																		{overflow: hidden; visibility: hidden; margin: 0; padding: 0; width: 0; height: 0; line-height: 0; font-size: 0;}
.banner ul																		{margin: 0; padding: 0;}
.banner ul li																	{list-style: none;}
.banner ul li:nth-child(even)													{background-color: #f7f7f7;}
.banner ul li																	{border-top: 1px solid #d9d9d9;}
.banner ul li a																	{display: block; width: 100%;}
.banner ul li a img																{display: block; margin: 0 auto; width: 100%; max-width: 640px; border: 0 none;}