.mobile-menu-ul { display: none; float: left; height: 55px; left: 0%; position: absolute; text-align: left; width: 60px; z-index: 999; }

.mobile-menu { text-align: left; padding-left:0px; float: left; width: 40px; height:35px;cursor: pointer;
background: url(../images/icon-mob-menu.png) no-repeat center center;
-moz-background-size:20px; /*Firefox*/
-webkit-background-size:20px; /*Google Chrome、Safari*/
-o-background-size:20px; /*Opera*/
background-size:20px; 
 }
.mobile-logo { display: none; text-align: left; padding-left:0px; float: left; width: 100%; height:55px; background: url(../images/logo-mobile.png) no-repeat 38px center;
-moz-background-size:57px; /*Firefox*/
-webkit-background-size:57px; /*Google Chrome、Safari*/
-o-background-size:57px; /*Opera*/
background-size:57px; 
 }

.mobile-search_box { display: none; width: 100%; text-align: center; padding: 10px 0; background: #d8d8d8; }
.mobile-search_box input { width: 88%; border-radius: 30px; border: #bfbfbf 0px solid; color:#afafaf; font-size:0.95em; padding-top:3px; text-align: center; height: 30px; }


.menu-assort-back { width: 100%; height: auto;　min-height:235px;　background:none /*#004898*/;　left: 0;　z-index: 1999; position: absolute; display: none; }

/* Search .. */
.search_icon { height: 40px; width: 40px; cursor: pointer; background: url(../images/icon-search.png) no-repeat center center; }
.search_icon_mobile { display: none; height: 55px; width: 50px; cursor: pointer; background: url(../images/icon-mob-search.png) no-repeat center center;
-moz-background-size:40px; /*Firefox*/
-webkit-background-size:40px; /*Google Chrome、Safari*/
-o-background-size:40px; /*Opera*/
background-size:40px; 
 }
.search_box { display: none; margin-top: 0px; }
.search_box input { border: 1px solid #ccc; border-radius: 20px; height: 30px; margin-top: 5px; padding: 0 15px; width: 150px; }
.search_box input[type="search"]:focus { width: 150px; }
.searchdn > .row > ul{display: none;}


/*Mobile Menu*/
.mm-menu { background: url('../images/mobile_menu_back.png'); max-width: 210px; min-width: 210px; color: #fff; }
.mm-list a.mm-subopen:before { border-left-style: none; border-left-width: 0px; }
.mm-list.mm-panel { padding-top: 0; }
.mm-list > li:not(.mm-subtitle):not(.mm-label):not(.mm-search):not(.mm-noresults):after { border-bottom-width: 0px; }
.mm-menu .mm-list > li > a.mm-subclose { color: rgba(255, 255, 255, 0.5); }
.mm-list a.mm-subopen:after, .mm-list a.mm-subclose:before { bottom: 51%; }

/*mobile列高設定*/
.mm-list > li { /*  border-bottom: 1px solid  rgba(0, 0, 0, 0.15);*/ height: 50px; font-size:1.2em; padding-left: 0px; }
.mm-list .mobile-login { height: 55px; padding-left: 0; background: url('../images/mobile_login_bg.png'); }
.mm-list .mobile-login a { height: 55px; line-height: 2.0em; padding: 10px; font-size: 1.0em; text-align: center; vertical-align:middle; }
.mobile-login img { margin-top: -5px; margin-left: -15px; }
.mm-list .mm-subtitle { height: 60px; padding: 0; }

.mailto { float:right; margin-right:6%; display:none; }

.mobile-search_boxs {
    display: none;
    width: 100%;
    text-align: center;
    padding: 10px;
    background: #d8d8d8;
    height: 55px;
}
.mobile-s {display: none; width:40}
@media (max-width: 960px) {
.search_box { display: none; margin-top: 7px; }
.mobile-menu-ul , .mobile-logo { display: block; cursor: pointer;}
.mobile-search_box { display: none; }
#menu{ display: none;}
.logo, .login, /*.header_top_right*/ .search_box{ display: none; }
/*.header_top_right { padding-top: 0px; }*/
.mobile-menu-ul { padding-top: 10px; width:inherit; box-sizing:border-box; -moz-box-sizing:border-box;}
.header_top { padding-bottom: 0; }
/*.header_top_right { position: absolute; right: 2%; }*/
.header { border-bottom: 0; padding-top: 0px; }

.search_icon { height: 55px; width: 50px; cursor: pointer; background: url(../images/icon-mob-search.png) no-repeat center center;
-moz-background-size:40px; /*Firefox*/
-webkit-background-size:40px; /*Google Chrome、Safari*/
-o-background-size:40px; /*Opera*/
background-size:40px; 
 }
.header_mobile{background-color:#003f88;}	
#mobile-menu {z-index: 9999; /*top:55px;*/}
#mobile-menu.mm-opened{left: 0;}
#syf-header{background-color:#003f88;}
.mobile-menu{ float:none; display:block; margin:auto;}
.mobile-logo{ width:65px; background-position: inherit; margin-left: 40px;}
.header_top_left{width: calc(100% - 125px); box-sizing:border-box; -moz-box-sizing:border-box;}
.header_top_left .search-block{width:calc(100% - 270px); max-width:350px;  margin-top:10px;}
.header_top_left .w80{width:100%;}
.header_top_left li{color:#fff; float:right; margin:0 1px;}
.mobile-Line_boxs,.mobile-Cart_boxs{display: none;}
}

@media (max-width: 667px){
	.mobile-search_boxs {display: none;}
	.mobile-search_boxs .search-block {width: 100%;}
	.mobile-search_boxs input{ width:calc(100% - 45px); font-size:1.1em;}
	.header_top_left .search-block{width:calc(100% - 125px);}
	.mobile-seek_box{display: none;}
	.mobile-Contact_box{display: none;}
	.mobile-PC_box{display: none;}
	
}

@media (max-width: 499px){
	.mobile-logo{width:60px;}
	.header_top_left{width: calc(100% - 120px);}	
	/*#syf-header .mobile-Line_box, #syf-header .mobile-Cart_box{display:none;}*/
	.mobile-s {display: block;}
	.mobile-search_boxs .search-block {width:100%;}
    .mobile-PC_box{display: none;}
}


/**mobile list icon**/
.mobile-Inquiry_box { float:left; width:35px; height:55px; color:#fff; margin-top:0px; font-size:0.8em; line-height:7.0em; text-align:center; padding:0; margin:0; background:url(../images/icon-mob-inquiry.png) center center no-repeat;
-moz-background-size:35px; /*Firefox*/
-webkit-background-size:35px; /*Google Chrome、Safari*/
-o-background-size:35px; /*Opera*/
background-size:35px; 
 }
.mobile-Contact_box { float:left; width:35px; height:55px; color:#fff; margin-top:0px;font-size:0.8em; line-height:7.0em; text-align:center; padding:0; margin:0; background:url(../images/icon-mob-contact.png) center center no-repeat; 
-moz-background-size:35px; /*Firefox*/
-webkit-background-size:35px; /*Google Chrome、Safari*/
-o-background-size:35px; /*Opera*/
background-size:35px; 
 }
.mobile-Line_box { float:left; width:35px; height:55px; color:#fff; margin-top:0px; font-size:0.8em; line-height:7.0em; text-align:center; padding:0; margin:0; background:url(../images/icon-mob-line.png) center center no-repeat;
-moz-background-size:35px; /*Firefox*/
-webkit-background-size:35px; /*Google Chrome、Safari*/
-o-background-size:35px; /*Opera*/
background-size:35px; 
 }
.mobile-PC_box { float:left; width:45px; height:55px; color:#fff; margin-top:0px; font-size:0.8em; line-height:7.0em; text-align:center; padding:0; margin:0; background:url(../images/icon-mob-pc.png) center center no-repeat;
-moz-background-size:35px; /*Firefox*/
-webkit-background-size:35px; /*Google Chrome、Safari*/
-o-background-size:35px; /*Opera*/
background-size:35px; 
 }

.mobile-Mail_box { float:left; width:35px; height:55px; color:#fff; margin-top:0px; font-size:0.8em; line-height:7.0em; text-align:center; padding:0; margin:0; background:url(../images/icon-mob-seek.png) center center no-repeat;
-moz-background-size:35px; /*Firefox*/
-webkit-background-size:35px; /*Google Chrome、Safari*/
-o-background-size:35px; /*Opera*/
background-size:35px; 
 }
.mobile-seek_box { float:left; width:45px; height:55px; color:#fff; margin-top:0px; font-size:0.8em; line-height:7.0em; text-align:center; padding:0; margin:0; background:url(../images/icon-mob-seek.png) center center no-repeat;
-moz-background-size:35px; /*Firefox*/
-webkit-background-size:35px; /*Google Chrome、Safari*/
-o-background-size:35px; /*Opera*/
background-size:35px; 
 } 
.mobile-Cart_box { float:left; width:45px; height:55px; color:#fff; margin-top:0px; font-size:0.8em; line-height:7.5em; text-align:center; padding:0; margin:0; background:url(../images/icon-mob-cart.png) right center no-repeat;
-moz-background-size:40px; /*Firefox*/
-webkit-background-size:40px; /*Google Chrome、Safari*/
-o-background-size:40px; /*Opera*/
background-size:40px; 
 }
.mobile-Cart_boxs { float:left; width:12%; height:33px; color:#fff; margin-top:0px; font-size:0.8em; line-height:7.5em; text-align:center; padding:0; margin:0; background:url(../images/icon-mob-carts.png) right center no-repeat;
-moz-background-size:40px; /*Firefox*/
-webkit-background-size:40px; /*Google Chrome、Safari*/
-o-background-size:40px; /*Opera*/
background-size:40px; display: none;
 }
.mobile-Inq_box { float:left; width:45px; height:55px; color:#fff; margin-top:0px; font-size:0.8em; line-height:7.5em; text-align:center; padding:0; margin:0; background:url(../images/icon-mob-inq.png) right center no-repeat;
-moz-background-size:40px; /*Firefox*/
-webkit-background-size:40px; /*Google Chrome、Safari*/
-o-background-size:40px; /*Opera*/
background-size:40px; 
 }
.mobile-Inq_boxs { float:left; width:12%; height:33px; color:#fff; margin-top:0px; font-size:0.8em; line-height:7.5em; text-align:center; padding:0; margin:0; background:url(../images/icon-mob-inqs.png) right center no-repeat;
-moz-background-size:40px; /*Firefox*/
-webkit-background-size:40px; /*Google Chrome、Safari*/
-o-background-size:40px; /*Opera*/
background-size:40px; 
 }

.mobile-Line_boxs { float:left; width:12%; height:33px; color:#fff; margin-top:0px; font-size:0.8em; line-height:7.5em; text-align:center; padding:0; margin:0; background:url(../images/icon-mob-lines.png) right center no-repeat;
-moz-background-size:40px; /*Firefox*/
-webkit-background-size:40px; /*Google Chrome、Safari*/
-o-background-size:40px; /*Opera*/
background-size:40px; display: none;
 }

.mobile-WeChat_boxs { float:left; width:12%; height:33px; color:#fff; margin-top:0px; font-size:0.8em; line-height:7.5em; text-align:center; padding:0; margin:0; background:url(../images/icon-mob-wechats.png) right center no-repeat;
-moz-background-size:40px; /*Firefox*/
-webkit-background-size:40px; /*Google Chrome、Safari*/
-o-background-size:40px; /*Opera*/
background-size:40px; 
 }

.mobile-PC_boxs { float:left; width:15%; height:30px; color:#fff; margin-top:0px; font-size:0.8em; line-height:7.5em; text-align:center; padding:0; margin:0; background:url(../images/icon-mob-pcs.png) right center no-repeat;
-moz-background-size:40px; /*Firefox*/
-webkit-background-size:40px; /*Google Chrome、Safari*/
-o-background-size:40px; /*Opera*/
background-size:40px; 
}

.mm-opened .header_top_left{padding-left:50px;}
.mm-opened .mobile-menu-ul{left:0;}

@media (max-width: 960px){
    .searchdn > .row > ul{display: block;}
}
@media (max-width: 440px){
	.mm-opened .mobile-menu-ul{display:none;}
}