/* 

1. Add your custom Css styles below
2. Place the this code in your template: 

 <link href="css/custom.css" rel="stylesheet">

*/

/* logo ----------------------------------*/
#topbar #logo_pc, #topbar #logo_pc a > img {height: 80px !important;} 
 
#footer #logo_m img {
	width:35px; /* 原100px */
}
	
@media (max-width: 1024px) {
	#topbar #logo_pc {
    position: absolute !important;
    width: 100%;
    text-align: center;
    margin: 0 !important;
    float: none;
    height: 80px;
    left: 0;
    right: 0;
    padding: 0 !important;
  }
  #topbar #logo_pc > a img {
    max-height: 80px;
    padding-bottom: 6px;
  }
}



/* header ----------------------------------*/		
#header .header-inner, #header #header-wrap {height: auto;}


	
/* social icons ----------------------------------*/
.social-icons.social-icons-colored .social-logout a,
.social-icons.social-icons-colored-hover .social-logout a:hover {
  background-color: #FC0004 !important; 
}


.social-icons.social-icons-colored .social-member a,
.social-icons.social-icons-colored-hover .social-member a:hover {
  background-color: #0A7596 !important; 
}
.social-icons.social-icons-colored .social-epaper a,
.social-icons.social-icons-colored-hover .social-epaper a:hover {
  background-color: #58B159;
}
.social-icons.social-icons-colored .social-privacy a,
.social-icons.social-icons-colored-hover .social-privacy a:hover {
  background-color: #865959;
}

.social-icons.social-icons-colored .social-line a,
.social-icons.social-icons-colored-hover .social-line a:hover {
  background-color: #00c300;
}
.social-icons.social-icons-colored .social-qq a,
.social-icons.social-icons-colored-hover .social-qq a:hover {
  background-color: #10AEFF;
}
.social-icons.social-icons-colored .social-baidu a,
.social-icons.social-icons-colored-hover .social-baidu a:hover {
  background-color: #2529d8;
}

.social-icons.social-icons-colored .social-weibo a,
.social-icons.social-icons-colored-hover .social-weibo a:hover {
  background-color: #df2029;
}

.social-icons.social-icons-colored .social-plurk a,
.social-icons.social-icons-colored-hover .social-plurk a:hover,
.social-icons.social-icons-colored .social-plurk2 a,
.social-icons.social-icons-colored-hover .social-plurk2 a:hover {
  background-color: #FF574D;
}

.social-icons.social-icons-colored .social-telegram a,
.social-icons.social-icons-colored-hover .social-telegram a:hover {
  background-color: #0088CC;
}

/* sharing icon ----------------------------------*/
button.btn.btn-messenger, .btn:not(.close):not(.mfp-close).btn-messenger, a.btn:not([href]):not([tabindex]).btn-messenger {
    background-color: #006AFF !important;
	border-color: #006AFF !important;
}

button.btn.btn-wechat, .btn:not(.close):not(.mfp-close).btn-wechat, a.btn:not([href]):not([tabindex]).btn-wechat {
    background-color: #7bb32e !important;
	border-color: #7bb32e !important;
}

button.btn.btn-weibo, .btn:not(.close):not(.mfp-close).btn-weibo, a.btn:not([href]):not([tabindex]).btn-weibo {
    background-color: #df2029 !important;
	border-color: #df2029 !important;
}

button.btn.btn-line, .btn:not(.close):not(.mfp-close).btn-line, a.btn:not([href]):not([tabindex]).btn-line {
    background-color: #00c300 !important;
	border-color: #00c300 !important;
}	

button.btn.btn-telegram, .btn:not(.close):not(.mfp-close).btn-telegram, a.btn:not([href]):not([tabindex]).btn-telegram {
    background-color: #0088CC !important;
	border-color:#0088CC !important;
}

button.btn.btn-mail, .btn:not(.close):not(.mfp-close).btn-mail, a.btn:not([href]):not([tabindex]).btn-mail {
    background-color: #42BF8E !important;
	border-color: #42BF8E !important;
}

button.btn.btn-link, .btn:not(.close):not(.mfp-close).btn-link, a.btn:not([href]):not([tabindex]).btn-link {
    background-color: #8E8405 !important;
	border-color: #8E8405 !important;
}
	
/*  main menu -------------------------------------- */
#mainMenu nav > ul > li > a { padding:10px 9px; text-transform: none;}
#mainMenu nav > ul > li .dropdown-menu > li > a, #mainMenu nav > ul > li .dropdown-menu > li > span, #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a {
    font-size: 13px;}
	
	
/*  main menu icons-------------------------------------- */
#btn-search .icon-search, .p-dropdown .icon-globe, #shopping-cart .icon-shopping-cart {font-size: 16px !important;}
#language span {font-size: 10px !important; top: -10px !important;}
#shopping-cart .shopping-cart-items{
    background: #2250fc;
    border-radius: 50%;
    color: #ffffff;
    font-size: 8px !important;
    height: 19px !important;
    line-height: 11px !important;
    padding: 4px 4px !important;
    right: -12px !important;
    top: -12px !important;
    width: 19px !important;
}
	

/*  footer -------------------------------------- */
#footer #counter {color:#7E7E7E;}
#footer #footer_h_line {border-top: 1px solid rgba(124,124,124,0.50);}
#footer .footer-v-line {width:18px; height:60px; border-right: 1px solid rgba(124,124,124,0.50); }
.copyright-text {color:#7e7e7e;}

/*  product preview -------------------------------------- */

.product .product-new {width:52px;}

.product-overlay a.item-quick-view {
    border-right: 0;
}

.product-overlay a {
    display: block;
    float: left;
    width: 50%;
    font-size: 13px;
    color: #333;
    background-color: #F5F5F5;
    text-align: center;
    border-right: 1px solid rgba(0,0,0,0.1);
}

.product-overlay.event a {
    width: 100%;
}

.product .product-price {
    width: auto !important;
}

#item_pop {height:45px;}
#item_pop .product-sale, #item_pop .product-new, #item_pop .product-hot, #item_pop .product-out-stock {right: 30px;}
#item_pop .product-wishlist a {left: 32px; opacity: 1;}


/*  index_parallax -------------------------------------- */
#index_parallax.parallax {
    background-color: transparent;
    background-attachment: fixed;
    background-position: 50% 0;
    background-repeat: no-repeat;
    overflow: hidden;
}

#index_parallax.noborder {
    border: none !important;
}

#index_parallax.nomargin {
    margin: 0 !important;
}


/*  button -------------------------------------- */
button.btn.btn-outline, .btn:not(.close):not(.mfp-close).btn-outline, a.btn:not([href]):not([tabindex]).btn-outline {
    background-color: transparent;
    border-width: 2px;
    border-style: solid;
    border-color: #2250fc;
    color: #2250fc;
}

.post-item .post-image .post-meta-category, .post-item .post-slider .post-meta-category, .post-item .post-video .post-meta-category, .post-item .post-audio .post-meta-category, .post-item .post-quote-img .post-meta-category {
    background-color: rgba(255,0,0,0.6);
    color: #ffffff;
    font-size: 13px;
    padding: 2px 16px;
    border-radius: 10px;
    position: absolute;
    right: 10px;
    top: 11px;
    z-index: 3;
    margin-right: 0;
}

button.btn, .btn:not(.close):not(.mfp-close), a.btn:not([href]):not([tabindex]) {text-transform: none;}


/*  shop tag -------------------------------------- */
.product-sale, .product-new, .product-hot, .product-out-stock {
	border-radius:10px !important;
    height:auto !important;
    line-height:normal !important;
	padding:7px !important;
	}
	
	
/*  page -------------------------------------- */	
#page-title {
    padding: 40px 0;
    background-color: #f8f9fa;
}


/*  page nav -------------------------------------- */
#post_menu nav a {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.6px;
}

.post-navigation .post-up span {
    display: block;
    color: #484848;
    font-size: 11px;
    text-transform: uppercase;
    opacity: 0.7;
    margin-bottom: -6px;
    margin-top: 3px;
}


/*  product menu -------------------------------------- */
#product_menu > ul > li .dropdown-arrow, #product_menu > ul > li > ul > li .dropdown-arrow {
    display: inline !important;}
	
	
/*  contact -------------------------------------- */	
.star {color:red;}


/*  newsletter -------------------------------------- */
#newsletter { background-color:rgba(0, 0, 0, 0.03);}


/*  linkup -------------------------------------- */
#linkup .linkup-image {float:left;}
#linkup .linkup-image img {width: 50px;
    height: 50px;
    float: left;
    overflow: hidden;}

#linkup .linkup-meta {
	float: left;
    padding: 10px 20px;
	}
	
#linkup .linkup-meta a {font-weight: 500;
    display: block; color:gray;}
	
#linkup .linkup-meta a:hover {color:#007bff;}
	
#linkup .list-group-flush:last-child .list-group-item:last-child {
    border-bottom-width: thin;
}
#linkup .list-group-item { border:none !important;}



/*  shopping cart -------------------------------------- */
.danger_notice i, .info_notice i {
    font-size: 23px !important;
}

.cart-product-quantity .qty {max-width: 60px;}

/*  shopping process -------------------------------------- */
#shopping-process.card {
	border: none;
    border-radius: 0px;
    margin-bottom: 0px;
    box-shadow: none;
}

#shopping-process.card .card-body {padding: 0px;}
#shopping-process.card .card-body .wizard {padding: 0px;}

.weight {font-size:13px;}



/*  search results -------------------------------------- */
.post-thumbnail-entry img {
	width: 50px;
    height: 50px;
    float: left;
	margin:0 10px 10px 0;
    overflow: hidden;}
	
	
/*  gallery -------------------------------------- */	
	.image-hover-zoom {
    position: relative;
    overflow: hidden;
}



/*  film -------------------------------------- */
#film .group {margin:0 0 30px 0;}


/*  login -------------------------------------- */
.accordion.accordion-simple .ac-item {border-bottom: none;}
.accordion.accordion-simple .seperator { color:#333; margin: 0px auto;}

/* 編輯器圖片等比 */
.ckeditor-content img {
    max-width:100% !important;
    height:auto !important;
}

/* 編輯器清單對齊 */
.ckeditor-content ol {margin:0px 10px 0 15px;}
.ckeditor-content ul {margin:0px 10px 0 18px;}

.ckeditor-content p {margin-bottom: 0px !important;}
.ckeditor-content ol {margin:0px 10px 0 15px;}
.ckeditor-content ul {margin:0px 10px 0 18px;}
.ckeditor-content table {
    border-collapse: separate;
}

/* background img-------------------------------------- */
.gallery_pro, .index_activity_pro, .index_item_pro, .index_article_pro{
    background-size:100% auto; 
    background-repeat:no-repeat; 
    background-position:center center; 
    width:100%; 
    height:100%; 
}
.gallery_pro{
    border:rgba(212,212,212,0.3) solid 0.05em;
}

.gallery_pro {
    max-width:800px; max-height:800px;
}

/* cookieNotify -------------------------------------- */

#cookieNotify .container { padding:0 10px;}
#cookieNotify h6 {color:#ffffff; line-height:20px;}

#header.dark {
    background-color: #181818;
}

#header.dark .header-inner #logo a > img, #header.dark .header-inner #logo a [class*=logo-] { display:block !important;}

/* container -------------------------------------- */
.min_h {min-height:550px;}

/*  search -------------------------------------- */
.dark .form-control, .dark input, .dark select, .dark textarea {color:#495057;}

/* common element */
s {
    text-decoration: line-through;
}
blockquote {
    border-left: 5px solid #888888;
    font-size: 20px;
    padding: 10px 20px;
    margin: 0 0 20px;
}

.shopping-step span {
    z-index: 1;
    background: #f8f9fa;
    border-radius: 50%;
    color: #00AFD7;
    font-size: 30px;
    font-weight: 600;
    height: 50px !important;
    line-height: 40px;
    padding: 4px 16px !important;
    left: 0 !important;
    top: 5px !important;
    width: 50px !important; 
 border: 1px solid #dee2e6;
}
.shopping-step h3 {color:#727272;}
.shopping-step.active span {color: #ffffff !important; background: #00AFD7 !important; border:none;}
.shopping-step.active h3 { color:#1f1f1f;}


























/*  以下為針對個別客戶微調 麒麟峰 -------------------------------------- */

#footer #logo_m img {
	margin-left:42px;
	}
@media (max-width: 991px) {
	#footer #logo_m img {
	margin-left:0 !important;
	}
}
#topbar {
	border-bottom:1px solid #ffffff !important;
	}
	

.dark:not(.submenu-light) #mainMenu.menu-lines nav > ul > li:hover > a {color:#f2a900;}

.dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li > a:focus, .dark:not(.submenu-light) #mainMenu nav > ul > li .dropdown-menu > li > a:hover {color:#f2a900;}

a.list-group-item.active {
    background-color: #f2a900;
    border: #f2a900;
}

#mainMenu nav > ul > li:hover > a {color:#f2a900;}


#mainMenu.menu-lines nav > ul > li.current > a, #mainMenu.menu-lines nav > ul > li:hover > a, #mainMenu.menu-lines nav > ul > li:focus > a {
    color: #f2a900;}
	
#mainMenu nav > ul > li .dropdown-menu > li > a:hover {color: #f2a900;}

#mainMenu nav > ul > li.hover-active > a {color:#f2a900;}

#mainMenu.menu-lines nav > ul > li:hover > a:after {background-color:#00afd7;}


a:not(.btn):not(.badge):hover, a:not(.btn):not(.badge):focus, a:not(.btn):not(.badge):active {
    color: #f2a900;
}

.header-extras #shopping-cart > a .shopping-cart-items {background: #f2a900; color: #484848;}

button.btn, .btn:not(.close):not(.mfp-close), a.btn:not([href]):not([tabindex]) {
    background-color: #484848;
    border-color: #484848;
    color: #ffffff;}
	
.btn:not(.close):not(.mfp-close):hover, .btn:not(.close):not(.mfp-close):not(:disabled):not(.disabled):active {
    background-color: #00afd7;
    border-color: #00afd7;
    color: #ffffff;
    text-decoration: none;}
	
.btn:not(.close):not(.mfp-close).btn-outline {
    border-color: #00AFD7;
    color: #00AFD7;}
	
.btn:not(.close):not(.mfp-close).btn-outline:hover {
    background-color: #00AFD7;
    border-color: #00AFD7;
    color: #ffffff;}
	
.page-menu nav > ul > li:hover > a, .page-menu nav > ul > li.active > a {color: #f2a900;}

.tabs .nav-tabs .nav-link.active { color:#00afd7;}

#scrollTop:after {background-color:#00afd7;}