@charset "utf-8";
/* ************藍龍煙火************************ */
/*
關於CSS設定說明
CSS屬性是會繼承的，而且還是由上往下繼承。
同樣元素設定16px 後 12px 再 15px 最後會以最後設定的15px為準
但是有兩種情況除外:
1.絕對路徑命名. 如: .xx .yy .zz p {設定值;}
2.important.  如: .xx p {設定值 !important;}

CSS3選取器語法 :nth-child(n) 

*/


/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */


/*上方選單解除滑動固定
.header_area.sticky { position:relative;}
*/


/*上方選單右邊設定 臉書/LINE/電話/信箱
.tp_links a:before {寬高大小設定}
.tp_links a.me_tp_fb {}
.tp_links a.me_tp_fb:before {背景換圖/建議.SVG}
.tp_links a.me_tp_line {}
.tp_links a.me_tp_line:before {背景換圖/建議.SVG}
.tp_links a.me_tp_call {}
.tp_links a.me_tp_call:before {背景換圖/建議.SVG}
.tp_links a.me_tp_mail {}
.tp_links a.me_tp_mail:before {背景換圖/建議.SVG}
*/
/*內頁背景色*/
#content {   background-color: #242424;}
.prod_related {  background: #242424;}
/*編輯頁白線*/
.pageIndex .main_part {  border-top: none;}
.pageIndex .show_content {  margin: -4px auto;}
/*.other_select_page .promotion_title h2 {  border-bottom: 2px solid #2761ad;}*/
.other_select_page .promotion_title {  display: none;}
.other_select_page .promotion_title h2 { display: none;}
.other_select_page .other_promotion li { display: none;}
/*最新消息*/
.share_page .promotion_title {  border-bottom: 1px solid #124384;} 
.share_page .promotion_title h2 {font-size: 24px; color: #fff; font-weight: 300; font-size: 25px; letter-spacing: 1px;  padding-bottom: 11px; margin-bottom: 1px; margin-top: 2px;border-bottom:1px solid #4f78ae;}
.share_page .time {  display: none;}
.promotion_title span{color: #fff;}
.other_promotion .pmtTitle h3 {  color: #fff;}
.other_promotion .pmtTime {  color: #fff;}
.pmtTitle {  color: #fff;}
/*麵包屑移除*/
.path {	display:none;}
/*聯絡我們*/
.contact_page .animated-arrow { background: #2761ac; border-radius: 7px;transition: .5s;}
.contact_page .list_before.info li:nth-last-child(1){ padding-left:0px;}
/*header*/
.nav-header { margin: 10px 0px;width: 100%;text-align: center;}
.nav-menu { margin: 110px 0 8px 0; padding: 0 0px 0 0px;text-align: center;width: 100%;}
.me_tp_features a i.fa { color: #fff;font-weight: 200;   }
.me_tp_features {  z-index: 9999999;}
.fa fa-shopping-cart span{ color: #fff;font-weight: 200;}
.me_tp_features a.tp_btn_notice { color: #fff;font-weight: 200;}
.navigation * {color: #fff;}
.contact_page .blank_letter {  color: #4c79b4;}
.contact_page .list_before.info li {  color: #fff;  font-weight: 100;}
.contact_page .contact_form li .form__label {color: #fff;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {  color: #fff;}
.contact_page .contact_content {  padding: 0px 0;}
.contact_page .box {  border: none;}

/*選單*/
.pageIndex .header_area {  position: fixed; width: 100%; }
.main_header_area {   background-color: rgb(0 0 0 / 90%); box-shadow: rgb(0 0 0 / 20%) 0px 0px 8px;}
.nav-menu > li > a {   font-weight: 600; text-transform: uppercase; color:#fff;padding: 0px 20px 0px 20px; font-size:15px; }
.nav-menu > li > a:hover {    color:#5491e0; font-weight:bolder; }
.tp_links a.me_tp_call:before{ display: none;}
.tp_links a.me_tp_mail:before{ display: none;}
.main_header_area .container { max-width: 1500px;}
.nav-brand {  width: 215px;}
.nav-brand img {  max-width: 45%;  margin-top: -4px;}
.nav-dropdown > li > a {color: #3E3939;    background: #fff;}
.nav-dropdown > li > a:hover {color: #fff; background-color:#111; transition:.3s;}
.nav-menu > li > a:not(.tp_links a) { letter-spacing: 2px; font-weight: 200; border-top: solid 1px hwb(0deg 34% 66% / 85%); padding: 12px 25px 0px 25px;   margin-bottom: 6px;}
.nav-menu>li>.nav-dropdown {border: solid 1px #2761ad;}
.nav-dropdown > li > a { border-bottom: none;}
/*下拉選單 很難點到的*/
.nav-menu>li:hover>a, .nav-menu>li.active>a, .nav-menu>li.focus>a { color: #5491e0; font-weight:bolder; transition:.3s;}

/*footer*/
.footer_logo {  width: 100%;  text-align: center;}
.footer_info ul { width: 100%;  margin-top: 20px;transform: translateX(-10px);}
.footer_info {  padding: 0px;}
.footer_logo img {   width: 18%;margin: 0px 10px;    transform: translateX(-25px);}
.footer_menu a {   padding:7px;   color: #fff;       background: #2761ad;   border: solid 1px #5e88c0; border-radius: 5px;  text-align: center;   width: 13%;   margin: 10px 2px;  transform: translateX(50px);}
.footer_menu a:hover { background-color:#fff; color: #333; transition:.3s;}
.footer {padding: 20px 0 0; background-color:#2761ad;}
.footer_info li p {   font-size: 14px;   letter-spacing: 2px;  color: #fff;   text-align: center;}
.copy {   background-color: #101010;border-top: none;margin-top: 15px;color: #c2c2c2;}
.footer_info li:nth-child(1) {  width: 100%;   padding-bottom: 15px;   margin-top: -6px;}
.footer_info li:nth-child(2) {  width: 100%;}
.copy a { color: #c2c2c2;}
.other_select_page .footer {  margin-top: -40px;}
/*footer logo*/
.footer_logo img{ width: 0; height:85px;}
.footer_logo {
    display: inline-block;
    width: 295px;
    vertical-align: top;
	margin-bottom: 0px;
	background: url(https://pic03.eapple.com.tw/bluedragon/logo-02.png) no-repeat center;
    width: 100%;
	transform: translateX(-20px);}

/*內頁購物車*/
.product_page .products-list a:hover .more { background: #2761ad;  border-color: #2761ad;  color: #fff;}
.product_page .products-list .more { border: 1px solid #fff; color: #fff;}
.product_info_page .inquiry_a1 { background: #cfa8a8;}
.product_info_page .inquiry_a2 { background: #969696;}
.product_info_page .nextaction {  background-color: #65a0b2;}
.product_info_page .lastaction {  color: #767676;  background-color: #d5d5d5;}
.product_page .products-list .name {  color: #fff;}
.product_page .product-layer-two li a {  border: 1px solid #2761ad;  background: #242424;  text-align: center;  color: #ffffff;}
.product_info_page .product-layer-two li a {  border: 1px solid #2761ad;  background: #242424;  text-align: center;  color: #ffffff;}
.product_info_page .prod-thumb { color:#fff;}
.product_info_page .prod-item { color:#fff;}
#number_area{ color:#fff;}
.product_info_page .sidebarBtn {  border: 5px #707070 solid;  background: #242424;}
.product_info_page .sidebarBtn h2 { color: #fff;}
.product_info_page .prod_related h6 span:before { color: #ecf4ff;}
.product_info_page .lastPage {  margin: 40px auto 0px auto;background: #4673b0;}
/*購物車商品Q&A隱藏*/
.prod-item:nth-child(2) h3 { display: none;}
.qaform {  display: none;}

/*匯款通知*/
.bank0_1 > span {font-size: 14px;}
.bank0_1 dl dt p {font-size: 16px;  line-height: 1.6;}
.formbox_form li .form__label {color: #fff;}

/*會員專區*/
.shopping-cart .cell.product_name a {color: #fff;}
.shopping-cart .cell {color: #cbcbcb;}
.list_before {color: #888;}
.other_page .member_title h2 { color: #fff; font-weight: 400;}
.member_title p { border-top: 2px #2761ad solid;}
.member_login tr td:nth-child(1) {  color: #fff;}
.login_mem_submit { background: #2761ad;}
.login_mem_other_link a { color: #ababab;}
.member_login_regist a {  background: #2761ad;}


/*電腦LOGO
.nav-brand {}
*/

/*手機LOGO
.nav-brand-m {}
*/


/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */


/*預設解除背景輪播*/
#content_main { margin:0;}
.bannerindex { position:static; height:auto;}
.swiper-banner { position:static; margin:0; height:auto;} 
.swiper-slide img { height:auto;}
@media screen and (max-width: 768px) {
.bannerindex { padding:0; margin:0;}
}


/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */


/*內頁BANNER 設定*/
.banner {}
.banner h5 {}
.banner.banA {}
.banner.banB {}
.banner.banC {}
.banner.banD {}
.banner.banE {}
.banner.banblog {}

.banner h5 {
    color: #2f606f;
    font-weight: 400;
    letter-spacing: 2px;
    padding-top: 10px;}
.banner {  display: none;}	
/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */


/*文章設定*/
/*一排呈現
.subbox_item { width:100%;}
*/


/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */


/*相本分類全版面 ( 限制最寬2000px
.work_page .main_part { max-width:2000px;}
.work_page .show_content { padding:0; width:100%;}
.work_page .show-list .item { width:33%; display:inline-block; float:none; margin:0; padding:0;}
@media screen and (max-width: 768px) {
.work_page .show-list .item { width:49%;}
}
@media screen and (max-width: 570px) {
.work_page .show-list .item { width:100%;}
}
.work_page .show-list .item a { max-width:100%;}
.work_page .show-list .show_pic { height:auto; line-height:0;}
.work_page .show-list .show_pic img { max-width:100%; max-height:100%;}
.work_page .show-list .show_name { position:absolute; top:50%; right:10%; width:80%; height:auto; line-height:160%; font-size: 20px; color: #FFFFFF !important; border: solid 1px #fff; text-align: center; margin: -20px 0 0 -120px; padding:5px 20px; transition:all ease-in .3s; opacity:0;}
.work_page .show-list .item:hover .show_name {opacity:1;}
*/


/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */


/*相本列表
.work_info_page .main_part { max-width:2000px;}
.work_info_page .show_content { padding:0; width:100%;}
.work_info_page .subalbum-menu { text-align:center;}
.work_info_page .subalbum-menu h2 { float:none;}
.work_info_page .pic-list .item { margin:0; padding:10px; width:49%; float:none; display:inline-block;}
@media screen and (max-width: 768px) {
.work_info_page .pic-list .item { width:100%;}
}
.work_info_page .pic-list .show_pic { height:auto; line-height:0;}
.work_info_page .pic-list .show_pic img { max-width:100%; max-height:100%;}
.work_info_page .pic-list .item a { max-width:100%; pointer-events: none; cursor: default; } 取消連結被點擊效果
*/


/* = = = 分隔線 = = = = = = = = = == = = = = = = = = = = = = = = == = = */
@media screen and (max-width: 1300px) {
.footer_menu a {  width: 22%;  margin: 4px 2px;  transform: translateX(51px);}
.nav-menu {  margin: 81px 0 7px 0;}
.nav-brand img {      max-width: 42%;margin-top: -9px;}
.nav-menu > li > a:not(.tp_links a) {   border-top: none;}

}

@media screen and (max-width: 1024px) {
.pageIndex .header_area {  position: relative;}
.main_header_area { background-color: rgb(0 0 0);}
}


@media screen and (max-width: 768px) {
/* 開啟手機板下方按鈕所需設定 */
#bottom_menu {display: block; }
.footer.with_shopping_mode { padding:30px 0 70px; }
#to_top { bottom:60px;}
.navigation-portrait .nav-dropdown>li>a { width:100%;}
.nav-header {  margin-bottom: -10px;}
.navigation * {  color: #fff;}
.nav-toggle:before {  background-color: #65a0b2;box-shadow: 0 0.5em 0 0 #65a0b2, 0 1em 0 0 #65a0b2;}
.footer_menu a { width: 28%;}
.footer_logo img { height: 56px;}
.navigation-portrait .nav-menus-wrapper {  background-color: rgb(0 0 0 / 85%);}
.nav-menu > li > a:not(.tp_links a) {  margin: 8px;}
.navigation-portrait .nav-menu>li {   border-top: solid 1px #373737;}
}

@media screen and (max-width: 600px) { 
}