/*
 *		Author: Steven Chen
 *		Date: Dec 2015
 */

/* CSS Reset */
ul,li {
	list-style:none;
}
textarea, input {
	resize:none;
	outline: none;
}
body {
	margin:0; padding:0;
}
.container {
	padding-left:0;
	padding-right:0;
}

/* FOOTER */
.footer-padding {
	height:50px;
	background:#FFF;
}
#breadcrumb-li:before {
    padding: 0 5px;
    color: #ccc;
    content: " ";
}

@media ( min-width:1170px )
{
    .lg-font-size {
        font-size: 16px;
    }
    #top_menu_dropdown_wrapper_close {
        font-size: 30px;
        top: 30px;
        right: 18%;
    }
    #top_menu_dropdown_wrapper_inner, #footer_panel {
        width: 1170px;
    }
    .top_products_li {
        margin: 30px;
    }
    .top_brands_li {
        margin: 15px;
    }
    .top_brands_li img {
        width: 200px; height: 120px;
    }
    .xl-hide
    {
        display:none;
    }
    .xl-text-right {
        text-align: right;
    }
    .header_top_panel,
    .header_second_panel,
    .footer_panel,
    .copyright_panel
    {
        width:1170px; margin:0 auto;
    }
    .header_panel_top_outer
    {
        /*padding:20px 0 35px 0 !important;*/
    }
    .header_panel_bottom_outer
    {
        /*padding:20px 0 !important;*/
    }
    /*
     * 顶部导航
     */
    .home_icon_i
    {
        color:#FFF !important;
        font-size: 20px;
        line-height:20px;
    }
    .navbar-nav > li.dropdown > a
    {
        color:#FFF !important;
        background:#337ab7;
        font-size:16px;
        line-height:20px;
    }
    .navbar-nav > li.dropdown > a:hover
    {
        background:#00a0e9 !important;
    }
    .xerp_drop_down_ul > li > a
    {
        color:#FFF !important;
        font-size:18px;
    }
}
@media ( max-width:1169px )
{
    .xl-show
    {
        display:none;
    }
    #top_menu_dropdown_wrapper_close {
        font-size: 20px;
        top: 10px;
        right: 5%;
    }
    #top_menu_dropdown_wrapper_inner, #footer_panel {
        width: 95%;
    }
    .top_products_li {
        margin: 10px;
    }
    .top_brands_li {
        margin: 5px;
    }
    .top_brands_li img {
        width: 100px; height: 60px;
    }
    .xl-show
    {
        display:none;
    }
    .header_top_panel,
    .header_second_panel,
    .footer_panel,
    .copyright_panel
    {
        width:100%; margin:0 auto;
    }
    .header_panel_top_outer,
    .header_panel_bottom_outer
    {
        /*padding:10px 0 !important;*/
    }
    /*
     * 顶部导航
     */
    .home_icon_i
    {
        color:#FFF !important;
        font-size: 20px;
        line-height:20px;
    }
    .navbar-nav > li.dropdown > a
    {
        color:#FFF !important;
        background: #337ab7;
        font-size:16px;
        line-height:20px;
    }
    .dropdown-menu > li > a,
    .xerp_drop_down_ul > li > a
    {
        color:#FFF !important;
        font-size:12px;
    }
    .fb_iframe_widget
    {
        text-align:center;
    }
}
@media ( min-width: 992px )
{
    .ml-hide
    {
        display:none;
    }
    .ml-text-right {
        text-align: right;
    }
}
@media ( max-width: 991px )
{
    .center-md {
        text-align: center;
        margin: 0 auto;
    }
    .ml-show
    {
        display:none;
    }
}
@media ( min-width:768px )
{
    .lg-hide
    {
        display:none;
    }
    .lg-right {
        text-align: right;
    }
}
@media ( max-width:767px )
{
    .lg-show
    {
        display:none;
    }
    .md-no-padding {
        padding: 0;
    }
    .md-center {
        text-align: center;
    }
    .md-max-width {
        width: 100%;
    }
}
@media ( min-width:551px )
{
    .xs-show
    {
        display:none;
    }
    .social_media_div > a
    {
        font-size:50px !important;
    }
    .copyright_panel
    {
        font-size:14px;
    }
}
@media ( max-width:550px )
{
    .xs-font-size {
        font-size: 12px;
    }
    .xs-hide
    {
        display:none;
    }
    .xs-show-inline
    {
        display:inline;
    }
    .logo_img
    {
        width:100%;
    }
    .col-md-12,
    .col-md-6,
    .col-md-2
    {
        padding:0 !important;
    }
    .social_media_div
    {
        text-align:center;
        font-size:30px;
    }
    .wishlist_shopping_cart_inner_div
    {
        padding:0 20%;
    }
    .footer_panel > ul > li > h3
    {
        font-size:14px;
        font-weight: bold;
    }
    .footer_panel,
    {
        font-size:12px;
    }
}

.social_media_div > a
{
    color:#FFF;
    text-decoration:none;
}

/*
 * 顶部导航条
 */
.navbar
{
    margin-bottom:0;
}
.navbar-default
{
    background:none;
    border:none;
}
.navbar-default .navbar-toggle .icon-bar
{
    background-color:#00a0e9;
}
.navbar-default .navbar-toggle
{
    border-color:#00a0e9;
}
/** 导航首字母大写
*/
.navbar-nav > li.dropdown > a:first-letter,
.dropdown-menu > li > a:first-letter
{
    text-transform: uppercase;
}
.navbar-nav > li > .dropdown-menu
{
    background: #286090;
}
.dropdown-menu > li > a
{
    color:#FFF;
    font-size:18px;
}
.dropdown-menu > li > a:hover
{
    color:#fff;
    background:#00a0e9;
}
.xerp_drop_down_ul > li > a:hover,
.dropdown-menu > li > a:not(.xerp_drop_down_a):hover
{
    background:#00a0e9 !important;
}
.xerp_drop_down_ul
{
    padding:0;
}
.xerp_drop_down_ul > li,
.xerp_drop_down_ul > li > a
{
    display:block;
}
.xerp_drop_down_ul > li > a
{
    text-decoration:none;
}
.navbar-nav > li.dropdown > a,
.dropdown-menu > li > a,
.dropdown-menu > li > a.xerp_drop_down_a
{
    transition: background ease 0.35s, color ease 0.3s;
}


::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    font-style: italic;
    font-size: 14px;
    color: #cacaca;
}
::-moz-placeholder { /* Firefox 19+ */
    font-style: italic;
    font-size: 14px;
    color: #cacaca;
}
:-ms-input-placeholder { /* IE 10+ */
    font-style: italic;
    font-size: 14px;
    color: #cacaca;
}
:-moz-placeholder { /* Firefox 18- */
    font-style: italic;
    font-size: 14px;
    color: #cacaca;
}

.footer_linkage,
.footer_linkage:hover,
.footer_linkage:link,
.footer_linkage:visited,
.footer_linkage:active {
    color: #fff;
}

.carousel-indicators li {
    background-color: #fff !important;
    border-color: #3d3d3d !important;
    width: 12px;
    height: 12px;
}

.carousel-indicators .active {
    background-color: #3d3d3d !important;
    border-color: #3d3d3d !important;
}