/*!
 * Yamm!3 - Yet another megamenu for Bootstrap 3
 * http://geedmo.github.com/yamm3
 * 
 * @geedmo - Licensed under the MIT license
 */
.yamm .nav,
.yamm .collapse,
.yamm .dropup,
.yamm .dropdown {
  position: static;
}
.yamm .header-top{display: table;width: 100%;}
.yamm .dropdown-menu {
    left: 0;
    border-radius: 0;
    top: calc(100% + 1px);
    border: none;
    border-top: 1px solid #ccc;
    background: rgba(26, 115, 170, 0.7);
    width: 100%;
    text-align: center;
    padding:20px 0;
}
.yamm .open>.dropdown-menu:before,
.yamm .open>.dropdown-menu:after{
	content: '';
	position: absolute;
    border-top: 1px solid #ccc;
    background: rgba(26, 115, 170, 0.7);
    width: 100%;
    height: calc(100% + 1px);
    top: -1px;
    z-index: 0;
}
.yamm .open>.dropdown-menu:before{left: -100%;}
.yamm .open>.dropdown-menu:after{right: -100%;}

.yamm .dropdown-menu li{position: relative;}
.yamm .dropdown-menu li:hover:before{
	content: '';
    width: 7px;
    height: 7px;
    background: #db2673;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
}
.yamm .dropdown-menu a {color: #FFF;}
.yamm .open>.dropdown-menu{
	animation: dropdown .5s;

}
@keyframes dropdown{
	0%{opacity: 0;transform: translateY(-5px);}
	100%{opacity: 1;transform: translateY(0);}
}
.yamm .yamm-content {
  padding: 20px 30px;
}
.yamm .yamm-content a{margin-bottom: 20px;}
.yamm .navbar-shop{
    position: absolute;
    top: -15px;
    right: 0;
}
.yamm .navbar-shop ul{
	list-style: none;
    padding: 0;
    margin: 0;
}
.yamm .navbar-shop ul li{
	display: inline-block;
	position: relative;
}
.yamm .navbar-shop ul li a{
    padding: 2px 10px;
    font-size: 20px;
    white-space: nowrap;
}


/*style*/
.yamm{
    background: rgba(255, 255, 255, 0.75);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
    border-top: 28px solid #1a73aa;
}
.yamm .navbar-brand > img{max-width: 250px;}
.navbar-toggle{
	display: none;
	float: left;
	background: transparent;
	border:none;
	transform: translateY(-5px);
	-webkit-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #888;
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px;
}
.yamm .navbar-header{display: table-cell;width: 250px;}
.yamm .collapse{
    display: table-cell;
    vertical-align: middle;
}

.yamm .nav li{
	display: inline-block;
}
.yamm .nav li.dropdown .link-effect-3 > span{
    font-size: 1em;
}

.yamm .nav li .dropdown-menu >.p-box{width: 100%;}
.yamm .nav li a{
    padding: 2px 12px;
    display: block;
    font-size: 16px;
    font-weight: bold;
}
.yamm .nav li.dropdown > a{padding: 2px 25px;position: relative;}
.yamm .nav li.dropdown > a:hover:before{
	content: '';
    width: 125px;
    height: 33px;
    background: url(../images/menu-arpl.png) center no-repeat;
    background-size: contain;
    position: absolute;
    left: -17px;
    top: 10px;
}

.yamm .nav li a img{width: 100%;}
.yamm .nav li a span .menu-text-en {margin-bottom: 0px}
.yamm .dropdown-toggle::after{display: none;}
.yamm .caret{
	font-size: 20px;
    transition: .2s;
    -webkit-transition: .2s;
    -ms-transition: .2s;
    position: absolute;
    right: -20px;
    bottom: -3px;

}
.yamm .open .caret{
    transform: translateY(2px) translateX(0px) rotate(180deg) ;
    transform: translateY(2px) translateX(0px) rotate(180deg) ;
    transform: translateY(2px) translateX(0px) rotate(180deg) ;
}
.yamm .thumbnail{padding:0!important;}
.yamm .allBtn{
	margin-top: 20px;
}
.yamm .nav .allBtn a{
	font-size:15px;
}
/*=====================下拉選單========================*/

.yamm.nk-navbar li > .nk-badge{
    position: absolute;
    bottom: 15px;
    right: -1px;
}
.yamm .link-effect-2 > span, .yamm .link-effect-3 > span{
	overflow:initial;
}

/*=====================RWD========================*/
@media (max-width: 1366px){
	.yamm .navbar-brand > img {max-width: 180px;}
	.yamm .navbar-header {width: 180px;}
}
@media (max-width: 1199px){

	.yamm .nav li.dropdown > a {padding: 2px 10px;}
	.yamm .nav li.dropdown > a:hover:before{display: none;}
	.yamm .navbar-shop{top: -20px;}
}
@media (max-width: 991px){
	.yamm {
	    border-top: 15px solid #1a73aa;
	    background:#FFF;
	}
	.yamm, .yamm .container{
	    padding:0;
	    margin: 0;
	    max-width: 100%;
	}
	.yamm .navbar-header {
	    display: table;
	    width: 100%;
	    padding: 10px;
	}
	.yamm .navbar-brand > img{max-width: 150px;    margin: 0 auto;}
	.navbar-toggle{display: table-cell;float: none;height: 40px;}
	.yamm .collapse{display: none;position: relative;}
	.yamm .collapse.in{display: block;}
	.yamm .navbar-collapse:before{
	    content: '';
	    width: 100%;
	    height: 1px;
	    background: #bfbfbf;
	    position: absolute;
	    top: 0;
	    left: 0;
	}
	.yamm .nav li{
		display: block;
		border-bottom: 1px solid #bfbfbf;
	}
	.yamm .nav li a{
		padding: 10px 15px;
		text-align: center;
	}
	.yamm .open>.dropdown-menu{
	    position: relative;
	    padding: 0;
	    margin: 0;
	    box-shadow: none;
	    overflow-y: auto;
	    background: rgba(26, 115, 170, 1);
	}
	.yamm .open>.dropdown-menu li{
		border-color: #ccc;
	}
	.yamm .nav li.dropdown > a {padding: 10px 15px;}
	.yamm .navbar-shop {
	    float: none;
	    display: block;
	    position: absolute;
	    top: 15px;
	    right: 15px;
	}
}

@media (max-width: 767px){
	.yamm .navbar-shop {right: 5px;}


}