@charset "utf-8";
/*皇昌*/
/*google font*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&family=Noto+Serif+TC:wght@400;500;600;700&display=swap');

/*上方選單解除滑動固定
.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 {display:none;}
.tp_links a.me_tp_mail {}
.tp_links a.me_tp_mail:before { display:none;}




/*電腦LOGO*/
.nav-brand{ width:auto;}
.nav-header{padding: 5px 0px 0 0;}
.nav-brand img{padding: 4px 26px;}


/*手機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;}
}



/*左下角*/
#to_top{border-radius: 0;}


/*版面*/
.pageIndex .main_part,.other_select_page .main_part,.other_page .main_part,.services_page .main_part,.promotions_page .main_part{max-width: 100%;padding: 0 0;}
.blog_in_page .main_part,.blog_page .main_part{max-width: 1400px;padding: 100px 0 50px 0;}
.album_page .main_part,.album_info_page .main_part{max-width: 1400px;}
.product_page .main_part{max-width: 1600px;}
.product_info_page .main_part{max-width: 1400px;}
.contact_page .main_part{max-width: 1400px;}
.pageIndex .main_part{    border-top: none;}





/*背景顏色*/
#content_main{}
.other_select_page #content{background: #92a5b3;}
.album_page  #content,.album_info_page  #content{
	background-image:  url(https://pic03.eapple.com.tw/sqshuangchang/eq-bk1.jpg);
	background-repeat:no-repeat;
	background-color:#E2EAEE;
	background-size: 100%;
	background-position: center top;
}







/*抬頭寬度*/
.main_header_area .container{
	max-width: 1500px;
	width:100%;
	
}

.main_header_area{
	background: #ffffff;
	height:90px;
}

/*選單*/
.pageIndex .header_area{
	position: fixed;
	background: none;
	width: 100%;
	top:0;
	
}


/*選單V符號*/
.submenu-indicator-chevron{
	display:none;
}
.submenu-indicator{
	display:none;
}


/*選單icon*/
.nav-menu>li:nth-child(8) { display:none;}

.nav-menu > li {
    height: 90px;
    border-left: 1px solid #eeeeee;
    vertical-align: top;
}

.nav-menu > li:nth-child(7){
	border-right:1px solid #eeeeee;
	
}

/*選單的字*/
.nav-menu > li > a {
    color: #222222;
    font-size: 17px;
    letter-spacing: 1px;
    margin: 0 0;
    padding:34px 34px;
	font-weight: 600;
	
}



/*選單的字變色*/
.nav-menu>li:hover>a, .nav-menu>li.active>a, .nav-menu>li.focus>a{
	color:#15519f;
    background: #ebf2f9;
	height:90px;
}

/*整個選單的字*/
.nav-menu{
	width: 100%;
	padding: 0 0;
	margin: 0 auto 0 auto;
	
}
/*選單與選單距離*/
.nav-menu>li{
	padding: 0 0;
	margin:0 auto;
	text-align:center;
}


/*選單下拉*/
.nav-menu>li>.nav-dropdown {
    border: none;
    min-width: 170px;
    margin: 0 0;
}

/*選單下拉背景*/
.nav-dropdown>li>a {
    background-color:#ffffff;
    border-bottom: none;
    color: #514841;
	text-align:center;
}
/*點選選單下拉背景*/
.nav-dropdown>li>a:hover {
   background-color: #134998;
   border-bottom: none;
   color: #ffffff;
}







/*footer*/
.footer{
	background:#103162;
	
}

.footer_logo img{
	display:none;
}
.footer_logo a:before {
	content:url(https://pic03.eapple.com.tw/sqshuangchang/logo-white.png);
	background-repeat:no-repeat;
}

.footer_info{
	padding: 40px 0;
}


.footer_info li p{
	color: #ffffff;
}


.footer_menu a{
	width: 48%;
	background: transparent;
	border: 1px #576067 solid;
	color:#ffffff;
	text-align: center;
	
}
.footer_menu a:hover {
    background: #284b7f;
    color: #ffffff;
}

.footer .center{
	max-width: 1400px;
	width:100%;
	padding:0 2%;
}

.copy{
	 border-top: none;
	 background: #17396c;
	 color:#f5f5f5;
	
}
.copy a{color:#f5f5f5;}

.footer_info li:nth-child(1){
	 padding: 0 12px;
	
}



/*頁腳第一個隱藏*/
.footer_menu a:nth-child(9){ display:none;}





/*內頁BANNER 設定*/
.banner {}

.banner h5 {
    font-family: 'Noto Sans TC', sans-serif;
    color: #124293;
    font-weight: 600;
    letter-spacing: 5px;
    font-size: 36px;
    border-bottom: 5px solid #ffffff;
    line-height: 2em;
    width: 200px;
    display: flex;
    justify-content: center;
}
.services_page .banner h5{ display:none;}
.other_select_page .banner h5{ display:none;}
.other_page	 .banner h5{ display:none;}
.other_select_page .banner.banA { display:none;}
.services_page .banner.banB{display:none;} 
.other_page  .banner.banB{display:none; } 
.contact_page .banner.banC {
	background-image:  url(https://pic03.eapple.com.tw/sqshuangchang/equipment-banner.jpg);
	background-repeat: no-repeat;
    height:300px;
	background-position: center center;	
	display: flex;
    justify-content: center;
    align-items: center;
}
.banner.banD {}
.album_page .banner.banE,.album_info_page .banner.banE{
	background-image:  url(https://pic03.eapple.com.tw/sqshuangchang/equipment-banner.jpg);
	background-repeat: no-repeat;
    height:300px;
	background-position: center center;	
	display: flex;
    justify-content: center;
    align-items: center;
}
.product_page .banner.banF,.product_info_page .banner.banF{
	background-image:  url(https://pic03.eapple.com.tw/sqshuangchang/equipment-banner.jpg);
	background-repeat: no-repeat;
    height:300px;
	background-position: center center;	
	display: flex;
    justify-content: center;
    align-items: center;
}
.blog_page .banner.banblog,.blog_in_page .banner.banblog{}
.car_page .banner.banF{}
.remit_page .banner.banD{}



/*分頁隱藏*/
.other_select_page .page{display:none;}

/*下拉頁面*/
.promotion_title{ display:none;}  
.other_select_page .clearfix{width: 1400px; margin:0 auto;}
.other_select_page .other_promotion li{background: #ffffff;padding: 16px 15px; text-align:center;border-radius: 0 16px 0 16px;}
.other_promotion .pmtTitle h3{font-size: 20px;font-weight: bold; color:#222222;}
.other_promotion li:hover h3{ color:#124294;}



/*相簿*/
.other_album_choice li{background: #7d7d7d;}
.show-list .item:hover .show_name{color: #bf1123;}
.overlay{background: #38537ba3;}
.show-list .item{ text-align:center;}
.show-list .item:hover .show_name{ color: #15519f;}
.other_album_choice li{background: #1554a1;}
.other_album:before{background: #fff;}
.show-list .item a{background: #649DBB;}
.show-list .show_name{color: #fff;height: 40px;display: flex;justify-content: center;align-items: center;font-size: 19px;}
.show-list .item:hover .show_name{color: #dbe9fb;}



/*購物車*/
.products-list .more{color: #505050;background-image: linear-gradient(61deg, #f5f5f5 0%, #c1c1c1 84%, #e4e4e4 100%);border: 1px solid #b9b9b9;}
.products-list a:hover .more { background-image: linear-gradient(61deg, #e5eef8 0%, #a0bfe5 84%, #c4d7ef 100%);  border: 1px solid #b9b9b9;color: #234c7e;}
.product-layer-two li a{color: #1f1f1f;font-weight: bold;}
.product-layer-two li ul{color: #eeeeee;}
.product_pic{padding-left: 150px;}
.related_list{max-width: 1500px;}
.lastPage{background: #7d7d7d;}
.related_list li{width: 20%;}
.related_list li a img{height: 263px;}
.lastaction{background-color: #dfdfdf;}
.nextaction{background-color: #b7b7b7;}
.prod_related{background: #ffffff;}
.prod_related h6 span:before{color: #767676; letter-spacing: 3px;}
.products-list .name{text-align: center;font-size: 16px;}
.inquiry_a1{background: #74b5de;}
.inquiry_a2{background: #1d7abf;}
.product_pic #bx-pager{color: #939393;}
.block{background: #939393;}
.sidebarBtn{border: none;}
.related_list li a p{font-size: 18px;letter-spacing: 2px;}
.sidebarBtn h2{ color: #212121;font-size: 26px;}



/*聯絡我們*/
.contact_content .information_left{width: 30%;}
.contact_content .information_right{width: 69%;padding-left: 90px;}
.contact_form li{padding-left: 0;border-bottom: none;}
.contact_form li .form__label{margin-left: 0;width: 24%;text-align: left;line-height: 2.8em;}
.noborder{background: #eeeeee;}
input[type="checkbox"], input[type="radio"]{width: 3%;}
.list_before.info li:nth-child(5){padding-left: 0;}
.animated-arrow{background: #103162;}
.form__insert img{padding-left: 20px;}
.contact_form li .form__insert{display: flex;align-items: center;}



/*麵包屑*/
.path{ display:none;}






@media screen and (max-width: 1400px) {
.product-layer-two li{width: 23%;}


}

@media screen and (max-width: 1280px) {
.pageIndex .clearfix{width: 100%;}	

/*banner*/
.product_page .banner.banF, .product_info_page .banner.banF {
    background-position: 30%;
}
.contact_page .banner.banC {
    background-position: 30%;
}	

/*聯絡我們*/
.contact_page .box1 iframe{height: 330px;}

}
@media screen and (max-width: 1024px) {
/*banner*/
.product_page .banner.banF, .product_info_page .banner.banF {
    background-position: 30%;
}
.contact_page .banner.banC {
    background-position: 30%;
}	

/*聯絡我們*/

	
	
}
@media screen and (max-width: 1000px) {
/*logo*/	
.nav-brand{ display:none;}

/*頁腳*/
.footer_info li:nth-child(1){width: 100%;margin: 2% 0;}
.footer_info li:nth-child(2){width: 100%;margin: 2% 0;}
.footer_info{padding: 0 0;}
.footer_menu a{padding: 10px 7px;}

/*banner*/


}

@media screen and (max-width: 912px) {
/*banner*/

	
/*購物車*/	
.product-layer-two li{  width:48%;}
.product_pic {  padding-left: 0;}




/*優惠活動-促銷方案*/
.promotions_page .show_content{width: 100%;}
.other_promotion li{width: 49%;}
.promotions_page iframe{height:auto;}


/*頁腳*/
.footer_logo{width: 100%;}
.footer_info ul{width: 100%;}
.footer_menu a{width: 14%;}

}
@media screen and (max-width: 820px) {





}
@media screen and (max-width: 768px) {
/* 開啟手機板下方按鈕所需設定 */
#bottom_menu {display: block;}
.footer.with_shopping_mode { padding:30px 0 70px; }
#to_top { bottom:60px;}

/*抬頭*/
/*logo*/	
.nav-brand{ display: block; }
.pageIndex .header_area{position: relative;}
.nav-brand {width: 100%;}
.navigation-portrait .nav-menus-wrapper{background-color: #ffffff;}
.nav-menus-wrapper-close-button{color: #ffffff;}
.nav-toggle{top: 28px;}
.nav-menus-wrapper-close-button{color: #5d5d5d;}




/*選單*/
.nav-menu > li > a{margin: 0 auto;}
.navigation-portrait .nav-dropdown>li>a{width: 100%;}
.nav-menu>li>.nav-dropdown{min-width: 100%; left: 0;}
.nav-menu>li{padding: 0 0;height: auto;}
.nav-menu>li:hover>a, .nav-menu>li.active>a, .nav-menu>li.focus>a{height: auto;}

/*選單下拉*/
.nav-menu>li>.nav-dropdown{margin: 0 0;}

/*頁腳*/
.footer.with_shopping_mode{padding: 30px 0 0 0;}
.footer_menu a { width: 25%;}


/*收尋產品*/
.me_tp_features{ display:none;}


/*文章管理*/
h5.blog_le_t, .blog_le .accordion { display: block;}
.subbox_item{width: 49%;}


/*相簿管理*/
.album_page .show-list .show_pic img{max-height: 208px;}


/*促銷方案*/
.promotions_page .clearfix{width: 100%;}
.other_promotion li{width: 90%;}



/*聯絡我們*/
.contact_content .information_left,.contact_content .information_right{ width:100%; padding-left: 0;}
.list_before.info{width: 100%;max-width: 100%;}



}

@media screen and (max-width: 540px) { 
/*聯絡我們*/
.contact_content .information_left,.contact_content .information_right{ width:100%;}


}

@media screen and (max-width: 480px) { 

/*產品*/
.products-list .item{width: 100%;margin: 20px 0;}
.product-layer-two li{width: 100%;}
.pageIndex .clearfix{width: 90%;}


/*banner*/
.product_page .banner.banF, .product_info_page .banner.banF{background-position: 20%;}
.contact_page .banner.banC {background-position: 20%;}


/*聯絡我們*/
.contact_content .information_left{width: 100%;}
.contact_content .information_right{width: 100%;}
.list_before.info{max-width: 100%;max-width: 100%;}
 
 
 /*文章管理*/   
.blog_le{width: 100%;}
.blog_ri {  width: 100%; padding: 0 0;}
h5.blog_le_t, .blog_le .accordion {  display: none;}
.subbox_item{width: 100%;}




/* 相簿管理*/
.album_page .show-list .item{    width: 100%;}
.album_page .show-list .show_pic img {  max-height: none;}
.pic-list .item { width: 100%;}

/*footer*/
.footer_logo{width: 100%;margin-right: 0;}
.footer_logo img{width: auto;}
.footer_menu a {width: 46%;}



}
@media screen and (max-width: 280px) { 
/*footer*/
.footer_menu a{width: 47%;font-size: 12px;}
.footer_logo img{width: 100%;}


.nav-brand img {
    max-width: 79%;
}



}