@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}
*/


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

/*手機LOGO
.nav-brand-m {}
*/
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*只開詢價車*/
.me_tp_features a.tp_btn_cart {color: #ffffff; }/*購物車(隱藏)*/
.me_tp_features a.tp_btn_notice { color: #ffffff; }/*匯款通知(隱藏)*/

@media screen and (max-width: 1024px) { 
#bottom_menu li:nth-child(3) {border-right: 0px solid #ddd!important;}
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/




/*調整右上方icon變白色*/
.tp_links a:before{
	-webkit-filter:invert(1);}
	
.box_link a:before{
	-webkit-filter:invert(1);}		


/*大圖調整*/

.pageIndex .main_part{
	border-top: 0;}
	
.header_area.sticky{
	position: sticky;}	
	

#header{ position:absolute; }/*固定在上面不會跟著滾輪動*/	

/*logo調整*/

.nav-brand {
    display: inline-block;
    width: auto;}

.nav-header{
	top: 22%;
	padding: 12px 0;}


#content {
    background-image: url(https://pic03.eapple.com.tw/raiyi/bg.jpg);}



/*關掉下拉*/
.nav-dropdown > li > a:nth-child(4)  {
    display: none;}


/*選單顏色*/
.pageIndex .header_area{
	background: rgba(255,255,255,0.0);
	height:100px;
	top: 0;
	width:100%;
    position: fixed;}
	
.main_header_area {
    background: rgba(255,255,255,0.0);}		
	
.header_area {
    background: #000000;
    height: 100px;}	
	
	
/*選單按鈕文字顏色-第一層*/
.nav-menu > li > a{
	color: #ffffff;
	letter-spacing: 1px;
}
	
.submenu-indicator-chevron{
	border-color: transparent #ffffff #ffffff transparent;}	
	
/*選單按鈕文字顏色-第二層*/	
.nav-dropdown > li > a{
	color: #ffffff;
	background:#000000;
	letter-spacing: 1px;}	
	
	
/*選單字體及位置調整*/
.nav-menu>li>a{
	font-size: 16px;
    padding: 5px;
	margin:0 5px;}

.pro_drop{
	max-height: 70vh;
	overflow-y: scroll;
	background-color: #000;
}	
	
.nav-menu{
	margin: 40px 0 10px 0;}
		
	
/*選單按鈕文字滑過顏色-第一層*/
.nav-menu>li:hover>a {
	color:#9FAEDF;}
.nav-menu>li:hover>a .submenu-indicator-chevron,
.nav-menu>.active>a .submenu-indicator-chevron,
.nav-menu>.focus>a .submenu-indicator-chevron{border-color:transparent #9FAEDF #9FAEDF transparent}



/*選單按鈕文字滑過顏色-第二層*/
.nav-dropdown > li > a:hover{
	background:#9FAEDF;
	color:#ffffff;
	border-radius: 0;}		


/*按鈕換色*/
.other_album_choice li{
	background:#9FAEDF;}

.animated-arrow{
	background:#9FAEDF;}
	
.blog_back a.article_btn_back{
	background:#9FAEDF;}	
	
	
		

/*購物車調整*/

.products-list .name{
	color: #ffffff;}
	
.products-list a:hover .more {
    background: #9FAEDF;
    border-color: #9FAEDF;}	
	
.products-list .more {
    border: 1px solid #9FAEDF;
    color: #9FAEDF;}	
	
.half_box{
	color:#ffffff;}	
	
.lastaction {
    background-color: #C5CDEB;}	
	
.nextaction{
	background-color: #9FAEDF;}	

.lastPage {
    background: #9FAEDF;
    margin: 0 auto;}
	
.prod_related h6 span:before {
	color: #ffffff;}	

.prod_related{
	background: #000000;}

/*分享文章標題底線顏色*/
.promotion_title{
	border-bottom: 1px solid #9FAEDF;}

.promotion_title h2{
	border-bottom: none;}


/*文章管理調整*/

h5.blog_le_t{
	color:#ffffff;}

h4.blog_category_title{
	color:#C11F25;}
	
.blog_list_ri h5{
	color:#ffffff;}
	
	
.link a{
    color: #fff !important;	}
	
.accordion li .link:hover{
	background:#9FAEDF;}	
	


.blog_le_t,
.blog_search { display:none;}

h4.blog_category_title { text-align:center; border:none; font-weight: 100; color:#9FAEDF;}
.blog_subbox {}
.subbox_item { width:32%; display:inline-block; vertical-align:top; float:none !important;}
.subbox_item a:after { background: rgb(188,198,233,0.5);}
.blog_list_le, .blog_list_ri { display:block; width:100%;}

.subbox_item{
	padding:10px;}


/*首頁文章管理調整*/

.i_blog_le {
    display: block;
    width: 100%;}

.module_i_news li{
	width:32%;
	padding: 10px;}
	
.module_i_news {
	 background-image: url(https://pic03.eapple.com.tw/raiyi/bg.jpg);}
	 
.module_i_news .title_i_box h4 ,.i_blog_ri h5,.i_blog_ri em ,.i_blog_ri p {
    color: #ffffff;	 }	

.module_i_news li a:before{
	background: rgba(159,174,223,0.7);}	
	


/*聯絡表單調整*/	

.blank_letter ,.list_before.info li ,.contact_form li .form__label{
	color:#ffffff;}	
	
button, html input[type="button"], input[type="reset"], input[type="submit"]{
	color:#ffffff;}	
	
.contact_form li{
	border-bottom: 1px solid #222222;}		
.list_before.info li a {color:#ffffff;}


/*下拉頁面最下面選單隱藏*/

.other_select_page .other_promotion{
	display:none;}


	
	
/*相簿調整*/

.overlay{
	height: 250px;
    background: rgba(159,174,223,0.9);}
	
	
.other_subalbum li a img ,.pic-list .show_pic img{
	height:220px;
	width:330px;}	
	
.album_page .show-list .show_name {
    position: absolute;
    top: 50%;
    right: 10%;
    width: 80%;
    height: auto;
    line-height: 160%;
    font-size: 20px;
	font-weight:bold;
    color: #FFFFFF !important;
    text-align: center;
    margin: -20px 0 0 -120px;
    padding: 5px 20px;
    transition: all ease-in .3s;}		
	
.album_fixed_title embed{
	display:none;}
	
.album_fixed_title{
	font-size: 18px;
	padding-right: 10px;
	color: #ffffff;
    background: #000000;}		
	
.subalbum-menu h2{
	color: #666666;
    font-weight: 400;
	letter-spacing: 2px;
	padding: 0 10px;
	}	
	
.work_page .show-list{
	background:#666666;}	
	
.work_class_page .show_content{
	background:#666666;}	


.pic-list .show_pic img{
	max-width: 300px;
    height: 300px;}
	
	
	
	
.other_subalbum li ,.pic-list .show_pic {
	 overflow: hidden;}	
		
	
.other_subalbum li a img ,.pic-list .show_pic img{
	display: block;
    position: relative;
    opacity:1;
    transform:scale(1,1);
    transition: all 0.5s ease-out; /*時間 特效*/}	
	
.other_subalbum li a img:hover ,.pic-list .show_pic img:hover{
	opacity:1; /*透明度*/
    transform:scale(1.05, 1.05); /*XY放大倍率*/}	
	
	
	
.block{
	display:none;}		
	
	
.other_album{
	display:none;}	


/*文章調整*/

.blog_le{
	display:none;}
	
.blog_ri{
	width: calc(100% - 0px);}
	
h4.blog_category_title	{
	border-bottom: none;}


.time{
	display:none;}

.promotion_title h2{
	font-size:13px;}
	
.promotion_title span{
	display:none;}	


/*各頁banner調整*/

.banner{
	display:none;}


.banner h5 {
    display: none;}	
	
.path{
	display:none;}	
	
/*	
.other_promotion{
	display:none;}		
*/


/*首頁促銷方案隱藏*/

.news_part{
	display:none;}







/*頁尾footer顏色*/
.footer{
	background:#000000;
	border-top: none;}
	
.footer_info li p{
	color:#ffffff;}	
.footer_info li p a{
	color:#ffffff;}	
.footer_menu a{
	border: none;
	color: #ffffff;
    background: #444444;
	margin: 0 6px 10px 0;
	padding: 10px;
	font-size: 15px;}
	
.footer_menu a:hover{
	background:	#579B20;}
	
.footer_info li:nth-child(2) {
    width: 100%;
    margin-top: 3%;}	
	
/*頁尾調整-累積人氣刪除*/		
.total_view{
	display:none;}	


.pro_drop{
	max-height: auto;
	overflow-y: none;
}




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


/*預設解除背景輪播*/
#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 {}

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


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


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


/*相本分類全版面 ( 限制最寬2000px*/
.work_page .path{display: none;}
.work_page .main_part { max-width:2000px;}
.work_page .show_content { padding:0; width:100%;}
.work_page .show-list{display: flex; justify-content:center;flex-wrap: wrap;}
.work_page .show-list .item { width:25%; display:inline-block; float:none; margin:0; padding:0;margin: 25px 25px;}
.work_page .show-list .show_pic{padding-bottom: 0;}
.show_content .clearfix:before,.show_content .clearfix:after{display: none;}
.show-list .overlay{background: }
@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; 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; float:none; display:inline-block;}
.show-list .show_pic {padding-bottom: 100%;border: 1px solid #DDD;border-radius: 10px;}
@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; } */

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




/*購物車(付款)*/
.list_before {color: #ffffff;}
.shopping-cart .cart_content .row { color: #fff;}
.cell.product_name a { color: #fff;}
.form label { color: #ffffff;}
.total_amount ul { color: #ffffff;}
.formbox_form {color: #ffffff;}
.form label.Bigcheck { color: #ffffff;}
.form label { color: #ffffff;}
.fa-rotate-right:before, .fa-repeat:before { content: "\f01e";  color: #fff;}
.shopping-cart.check .cell { color: #ffffff;}
.cell.product_name a { color: #ffffff;}
.form label.Bigcheck { color: #ffffff;}
body.car_page .footer_info li p:before{ position: initial;  display: inline;}
.fa-lg { color: #9faedf;}
.form label.Bigcheck { color: #ffffff;}
.border200 { color: #000000;}
.notetext {margin: 30px 0;color: #ffd21f;letter-spacing: 2px;font-size: 18px;}
.declaration { background: #cb4343;}
/*商品訂單*/
.order_pay { background: rgb(255 255 255);}
.order_finish_page .lastPage { margin: 40px auto 50px;}
@media screen and (max-width: 570px) {
.order_pay { padding: 30px 30px;}
}


@media screen and (max-width: 768px) {
/* 開啟手機板下方按鈕所需設定 */
.main_header_area .container {  background: #000;}
.me_tp_features { position: static;   padding: 0;}
.pageIndex .header_area { position: relative;}
#bottom_menu {display: block; }
.footer.with_shopping_mode { padding:30px 0 70px; }
#to_top { bottom:60px;}
.nav-toggle:before { background-color: #ffffff;  box-shadow: 0 0.5em 0 0 #ffffff, 0 1em 0 0 #ffffff;}
.navigation-portrait .nav-menus-wrapper{background-color: #000000;}	
.module_i_news li {width: 100%;}
.i_blog_ri{	width: calc(100% - 0px);}		
.subbox_item{width: 49%;}
.navigation-portrait .nav-dropdown { width: 80%;}
.nav-menu>li>.nav-dropdown { border: solid 1px #000;}
.nav-dropdown>li { border-bottom: 1px solid rgb(255 255 255 / 40%);}
.nav-dropdown .nav-dropdown { border: solid 1px #000;  margin: 20px 0;}
.pro_drop {max-height: 100vh;}
.nav-dropdown .nav-dropdown { width: 100%;}
.total_amount{margin-top: 100px;}
}


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