/* BASIC css start */
#footer {padding:20px 0 0;}

#footer .ban_order_time img {width:100%;}
#footer .ban_cus img {width:100%;}

#footer .section {padding:0 3.5%; background:#e93946;}
#footer .section li {float:left; padding:11px 0; color:#f39da3; font-size:11px;}
#footer .section li:nth-child(2) a, 
#footer .section li:nth-child(3) a, 
#footer .section li:nth-child(4) a {margin:0 0 0 7px; padding:0 0 0 7px; border-left:1px solid #f39da3;}
#footer .section li:nth-child(5) {float:right;}
#footer .section li a {display:block; color:#f39da3; font-size:11px; font-weight:700; line-height:8px;}
#footer .section li:nth-child(2) a {color:#fff;}
#footer .section li img {width:27px;}

#footer .shop_info {padding:10px 3.5%; background:#3d3d3d; color:#9e9e9e; font-size:11px; line-height:16px;}
#footer .shop_info a {color:#9e9e9e;}

/* quicks */
#quicks {position:fixed; z-index:40; top:0; right:0; width:50px; height:100%; padding:101px 0 0 0; border-left:1px solid #dedede; background:#fafafa; text-align:center;}
#quicks .btn_control {position:absolute; top:176px; left:-20px; cursor:pointer;}
#quicks .btn_control img {height:33px;}
#quicks a {color:#a0a0a0; font-size:11px; font-weight:700; vertical-align:top;}
#quicks .btn_tel {height:33px; padding:40px 0 0 0; border-top:1px solid #dedede; background:url('/design/sample03-162/mobile/icon_tel.png') no-repeat 50% 12px / 17px auto;}
#quicks h2 {height:33px; margin:0; padding:0; border:1px solid #dedede; border-right:0; border-left:0; background:#f43d4a; color:#fff; font-size:11px; font-weight:700; line-height:16px;}
#quicks li {border-bottom:1px solid #dedede; line-height:16px;padding:5px 0;}

/* ÇÏ´Ü °íÁ¤ ¹öÆ° */
.section_fixedFooter .btn_toggle_area {width: 100%; height: 44px; position: relative;}
.section_fixedFooter .btn_toggle_area .btn_up {width:33px; height:33px; line-height:33px; display: block; border:2px solid rgba(88, 86, 86, 0.59); background-color:rgba(104, 108, 111, 0.8); text-align:center; border-radius:30px; color:#fff; position: absolute; top:0; right:10px;}
.section_fixedFooter .btn_toggle_area .btn_fixedFooter {width:33px; height:33px; line-height:33px; display: block; border:2px solid rgba(88, 86, 86, 0.59); background-color:rgba(104, 108, 111, 0.8); text-align:center; border-radius:30px; color:#fff; position: absolute; top:0; left:10px;}
/* //ÇÏ´Ü °íÁ¤ ¹öÆ° */
/* ÇÏ´Ü °íÁ¤ ¸Þ´º */
.section_fixedFooter {width:100%; position:fixed; bottom:0px; right:0px; left:0;}
.section_fixedFooter .section_fixedFooter_dn {display:none; box-shadow: 0 0 10px 1px #404040; border-top: 1px solid #C1C1C1;}
.section_fixedFooter .footerInfo {background-color:#fff;}
.section_fixedFooter .footerInfo .footerInfoTop {border-bottom:1px solid #b3b3b3; padding:20px;}
.section_fixedFooter .footerInfo .footerInfoTop .footerInfoTopLeft {float:left;}
.section_fixedFooter .footerInfo .footerInfoTop .footerInfoTopLeft dt {font-size: 1.3em; margin-bottom:6px;}
.section_fixedFooter .footerInfo .footerInfoTop .footerInfoTopLeft .tel {color:#f1494d; font-size:1.500em; margin-bottom:6px;}
.section_fixedFooter .footerInfo .footerInfoTop .footerInfoTopRight {width:70px; height:70px; border-radius:35px; background-color:#3c3c3c; display: table; text-align:center; float:right;}
.section_fixedFooter .footerInfo .footerInfoTop .footerInfoTopRight a { color:#fff; display: table-cell; vertical-align: middle;}
.section_fixedFooter .footerInfo .footerInfoBottom {border-bottom:1px solid #b3b3b3; padding:20px;}
.section_fixedFooter .footerInfo .footerInfoBottom .footerInfoBottomLeft {float:left;}
.section_fixedFooter .footerInfo .footerInfoBottom .footerInfoBottomLeft dt {font-size: 1.3em; margin-bottom:6px;}
.section_fixedFooter .footerInfo .footerInfoBottom .footerInfoBottomRight {width:70px; height:70px; border-radius:35px; background-color:#3c3c3c; display: table; text-align:center; float:right;}
.section_fixedFooter .footerInfo .footerInfoBottom .footerInfoBottomRight a { color:#fff; display: table-cell; vertical-align: middle;}
.section_fixedFooter .footerMiddle {background-color:#3e4347; text-align:center; padding:12px 0; clear: both;}
.section_fixedFooter .footerMiddle a {width:25%; display:inline-block; border-left:1px solid #A2A2A2; color:#fff; margin-left: -1px;}
/* //ÇÏ´Ü °íÁ¤ ¸Þ´º */
@media screen and (min-width:420px) and (max-width:767px) {
    #footer .footerInfo {position:relative; overflow:hidden; zoom:1; border-bottom:1px solid #b3b3b3;}
    #footer .footerInfo .footerInfoTop {width:46%; float:left; border-bottom:0; border-right:1px solid #b3b3b3; margin-left:-1px; padding:20px 2%;}
    #footer .footerInfo .footerInfoTop .footerInfoTopLeft {float:left;}
    #footer .footerInfo .footerInfoBottom {width:46%; float:left; border-bottom:0; padding:20px 2%;}
    #footer .footerInfo .footerInfoBottom .footerInfoBottomLeft {float:left;}
}
@media screen and (min-width:768px) {
    #footer .footerInfo {position:relative; overflow:hidden; zoom:1; border-bottom:1px solid #b3b3b3;}
    #footer .footerInfo .footerInfoTop {width:46%; float:left; border-bottom:0; border-right:1px solid #b3b3b3; margin-left:-1px; padding:20px 2%;}
    #footer .footerInfo .footerInfoTop .footerInfoTopLeft {float:left;}
    #footer .footerInfo .footerInfoBottom {width:46%; float:left; border-bottom:0; padding:20px 2%;}
    #footer .footerInfo .footerInfoBottom .footerInfoBottomLeft {float:left;}
}
/* BASIC css end */

