@charset "utf-8";
@media only screen and (max-width: 767px){
/*最新消息下拉產品分類*/
.btns {
    color: #333;
    display: inline-block;
    padding: 10px 10px 10px 10px;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    background-color: rgb(255,215,1);/*標準黃*/
     max-width: 100%;
    width: 100%;
}
/*下拉區域*/
.dropdowns-menu {
    position: absolute;
    top: 100%;  
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 10px 10px 10px 10px;
    margin: 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    max-width: 100%;
    width: 100%;
}
.dropdowns-text {
    color: #333;
    font-size: 18px;
    font-weight: 400;
    line-height: 40px;
	display:block;
}
.open>.dropdowns-menu {
    display: block;
	 max-width: 100%;
    width: 100%;
}
/*常見問題下拉產品分類*/
.btnv {
    color: #333;
    display: inline-block;
    padding: 10px 10px 10px 10px;
    margin: 0px 0px 0px 0px;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    background-color: rgb(255,215,1);
    width: 100%;
}
.open>.dropdownv-menu {
    display: block;
}
.dropdownv-menu {
    position: absolute;
    top: 100%;  
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 10px 10px 10px 10px;
    margin: 10px 10px 10px 10px;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    width: 95%;
}
.dropdownv-text {
    color: #00bcd4;
    font-size: 18px;
    font-weight: 600;
    line-height: 40px;
}

/*課程資訊下拉產品分類*/
.btnc {
    color: #333;
    display: inline-block;
    padding: 10px 10px 10px 10px;
    margin: 0px 0px 0px 0px;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    background-color: rgb(255,215,1);
    max-width: 100%;
    width: 100%;
}
.open>.dropdownc-menu {
    display: block;
	width: 100%;

}
.dropdownc-menu {
    position: absolute;
    top: 100%;  
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 10px 10px 10px 10px;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    width: 100%;

}
.dropdownc-text {
    color: #00bcd4;
    font-size: 18px;
    font-weight: 600;
    line-height: 40px;
}
/*產品分類下拉*/
.btnp {
    color: #333;
    display: inline-block;
    padding: 10px 10px 10px 10px;
    margin: 0px 0px 0px 0px;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
    background-color: rgb(255,215,1);
    max-width: 100%
    width: 100%
}
.open>.dropdownp-menu {
    display: block;
    max-width: 100%
    width: 100%
}
.dropdownp-menu {
    position: absolute;
    top: 100%;  
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 10px 10px 10px 10px;
    margin: 10px 0px 10px 0px;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0,0,0,.175);
    box-shadow: 0 6px 12px rgba(0,0,0,.175);
    max-width: 100%;
    width: 100%
}
.dropdownp-text {
    color: #333;
    font-size: 18px;
    font-weight: 600;
    line-height: 40px;
}
.btn-info-p {
    color: #fff;
    background-color: rgb(179,23,0);
    border-color: rgb(179,23,0);
}
.btn-info-p:hover {
    color: #333;
    background-color: rgb(255,215,1);
    border-color: rgb(255,215,1);
}

.btn-info-p.active.focus, .btn-info-p.active:focus, .btn-info-p.active:hover, .btn-info-p:active.focus, .btn-info-p:active:focus, .btn-primaryc:active:hover, .open>.dropdownc-toggle.btn-primaryc.focus, .open>.dropdown-toggle.btn-primaryc:focus, .open>.dropdownc-toggle.btn-primaryc:hover {
    color: #333;
    background-color: rgb(255,215,1);
    border-color: rgb(255,215,1);
}
.btn-info-p.active, .btn-info-p:active, .open>.dropdownp-toggle.btn-info-p {
    color: #333;
    background-color: rgb(255,215,1);
    border-color: rgb(255,215,1);/*標準黃*/
}
.product-sort-text-b {
    position: relative;
    display: block;
    padding: 10px 10px;
    top: 0px;
    margin-bottom: 0px;
    background-color: #fff;
    border-top-width: 0px;
    border-bottom-width: 0px;
    border-top-style: dotted;
    border-bottom-style: dotted;
    border-top-color: transparent;
    border-bottom: 2px dotted rgb(179,23,0);
    color: #333;
    font-size: 18px;
    font-weight: 400;
}
/*共用*/
.btn-primary:hover {
    color: #fff;
    background-color: rgb(179,23,0);
    border-color: rgb(179,23,0);
}

.btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
    color: #fff;
    background-color: rgb(179,23,0);
    border-color: rgb(179,23,0);
}
.btn-primary.active, .btn-primary:active, .open>.dropdown-toggle.btn-primary {
    color: #fff;
    background-color: rgb(179,23,0);
    border-color: rgb(179,23,0);/*標準紅*/
}
.btn-primaryc:hover {
    color: #fff;
    background-color: rgb(179,23,0);
    border-color: rgb(179,23,0);
}

.btn-primaryc.active.focus, .btn-primaryc.active:focus, .btn-primaryc.active:hover, .btn-primaryc:active.focus, .btn-primaryc:active:focus, .btn-primaryc:active:hover, .open>.dropdownc-toggle.btn-primaryc.focus, .open>.dropdown-toggle.btn-primaryc:focus, .open>.dropdownc-toggle.btn-primaryc:hover {
    color: #fff;
    background-color: rgb(179,23,0);
    border-color: rgb(179,23,0);
}
.btn-primaryc.active, .btn-primaryc:active, .open>.dropdownc-toggle.btn-primaryc {
    color: #fff;
    background-color: rgb(179,23,0);
    border-color: rgb(179,23,0);/*標準紅*/
}
}