/* ------------------- mediaqueries ------------------- */
@media screen and (max-height: 660px) {
	/* NoteBook height */
}
@media screen and (max-width:1400px) {
    .menu{max-width:100%; padding:0 20px;}
    
}
@media screen and (max-width:1300px) {
    .mainContent .container{max-width:95%;}    
    
    /* 首頁 */
    .index .mainContent .container{width:100%; max-width:100%; padding-top:0;}
}

@media screen and (max-width:1220px) {
    .caseList dl{width:48%;}
    .caseList dl:nth-of-type(3n+2){margin:20px 0;}
    .bodybox.case .caseList{justify-content:space-between;}
}
@media screen and (max-width:1200px) {
	.menu nav a{ margin: 0 5px;}
	
    block.case .caseList a.w1 dt{line-height:20px;}
    block.case .caseList dt{font-size:20px;}
    block.case .caseList dd{margin-top:0;}
}

@media screen and (max-width:1000px) {
    .MobileMenuOn header.top a.logo{margin:0;}
    /* nav .language{max-height:40px;} */
    
    /* top menu */
    header{min-height:70px;}
    .logo.m{display: inline-block; width: 100px; height: 60px; background-image: url(../images/LOGO.svg); background-repeat: no-repeat; background-position: center; margin: 7px 0 0 15px;}
    header.top a.logo{width:70px; height:28px; margin:24px 0 0 35px; background-repeat:no-repeat;}
    a.mobilemenu{display:inline-block; margin-right:15px;}
    article.menu{display:none; text-align:center;}
    .MobileMenuOn article.menu{display:inline-block; width:100%; min-height: 1200px; height:100vh; padding:30px 0; position: absolute; z-index: 9999; background-color:rgba(0,0,0,0.9); left:0; overflow-y: auto;}
    .print article.menu{display:block;}
    .print .menu a.logo{margin-top:20px;}
    .print .footer ul{width: 100%; text-align: center;}
    .menu nav {flex-direction: column; margin-top:30px;}
    header::after {left: 0;}
    
/*    body.MobileMenuOn{overflow:hidden;}*/
    .menu nav .language{margin-top:20px;}
    .menu nav .language a{ width: auto;}
    .menu nav a{padding:10px; font-size:30px; width:80%;}

    nav .searchBox { height: 100px; width: auto; margin-top: 20px; margin: 20px 0 50px 0;}
    nav .searchBox a.UI{ position: relative; float: right;}
    nav .searchBox:hover,
    nav .searchBox{height:auto; width:80%; margin-top:20px; margin:20px 0 50px 0;}
    nav .searchBox b::before{font-size:45px; margin:2px 8px 0 0; color:#000;}
    nav .searchBox:hover a.UI{ color: #FFF;}
    nav .searchBox input{width:calc(100% - 60px)!important; font-size:20px; padding:15px; opacity: 1; position: relative; text-align: center; transform: none;}

    /* 選單第二層 */
	
    .menu nav dl{width:100%;}
    .menu nav dl:hover dd,
    .menu nav dl dd{opacity:0; position:relative; top:0px; height:0; background-color:var(--pri02); display:none; padding: 0; border-radius: 0;} 
    .menu nav dl dd.show{opacity:1; display:block; height:auto;}
    .menu nav dl dd a{font-size:25px;}
/*    .menu nav dl dd a:hover{color:#000;}*/
    .menu nav dl ul{display:block;}
    .menu nav dl li{ /*display:none; height:0;*/ border-radius: 0;}
    .menu nav dl ul li.focuse{display:block; height:auto;}
    .menu nav dl ul a{font-size:25px;}
    .menu nav dl li a{font-size:25px;}
/*    .menu nav dl dd.show{display:block;}*/
	nav dd ul:hover li{ display: none;}
    nav dd ul li{position:relative; /*display:block;*/ left:0;}
	nav ul > a b.arrowR::before {content: 'keyboard_arrow_down';}
	nav ul > a b.arrowR{ margin-top: -19px; width: auto;}
	
    header.top a,
    header.top:hover a{color:#FFF;}
/*	header.top:hover a:hover{ color: #000;}*/
/*
    .menu nav dl ul a:first-child,
    .menu nav dl dd a:first-child{font-weight:600; width:100%; text-align:center; width:100%;}
*/
/*    .menu nav dl ul a{ font-weight:300;}*/
/*    .menu nav dl li a:first-child{ font-weight:300;}*/
    .menu nav dl dt, 
    .menu nav dl dd, 
    .menu nav dl dd a{width: 100%;}
    .menu nav dl dd a{border-bottom: dashed 1px #000;}
    
    
    /* footer */
    .footer{max-width:90%;}
    .footer dd{font-size:20px; font-weight: 400; max-width:70%; line-height: 20px;}
    .footer ul{width:100px;}
    .footer li a{width:30px; height: 30px;}
    
    /* 經營理念 */
    .business .block2 ul{align-items: center; flex-direction: column;}
    .business .block2 li{width:100%; text-align:center;}
    .business .block2 b{margin-bottom:0; margin-top:20px;}
    .business .block2 b::before{display:none;}
    
    /* 產品頁 */
    .ProductBox .block1{flex-direction:column; justify-content: space-between; align-items: center; flex-wrap:nowrap;}   
    .ProductBox .path a{font-size:25px;}
    .ProductBox .block1 .picBox{width:80%;}
    .ProductBox .linkList a{font-size:25px; padding:0 0 5px 36px;}
    .ProductBox .linkList a:before{font-size:30px;}
    .ProductBox .block1 .wordBox{width:95%;}
    .ProductBox .wordBox li{margin:17px 0; line-height: 35px; font-size: 25px; font-weight: 400;}
    .ProductBox .block2 .downloadBox a {width: 33%; font-size: 25px;}
	.ProductBox .productTitle a{ display: none;}
	
    /* 首頁 */
    block.case .caseList a dl{padding:5px;}   
    block.product .list dt::before,
    block.product .list dt{height: calc(var(--indexProductH) * 0.7);}
    .product dd b{display:inline-block; width: 100%;}
    
	block.product .list a:hover dt::before,
	block.product .list a:hover dt::after{ display: none;}
    /* 聯絡我們 */
    .contact .block1,
    .contact .block2{width:90%; margin:30px auto;}
    .contact .contactBox{flex-wrap:wrap;}
    .contact .map{max-width:100%;}
}
@media screen and (max-width:900px) {
    .news .block01 ul{width:100%;}
    
    /* 首頁-產品 */
    block.product .list dt{height:calc(var(--indexProductH) * 0.6);}
    block.product .list dt::before{height:calc(var(--indexProductH) * 0.6);}
    block.product .list dt::after{background-size:cover;}
    
    /* 首頁-最新消息 */
    block.news{min-height:800px;}
    block.news .titleBox{width:100%;}
    block.news .wordBox{width:80%; min-height:400px;}
    .word{width:92%;}
    block.news .newsList{flex-direction:column; justify-content: normal;}
}
@media screen and (max-width:850px) {
    .caseList dl{width:100%;}    
    
    block.news a .word span{font-size:20px;}
    block.news a .word b{font-size:25px;}
    block.news .wordBox{width:95%;}
    
    .news.inPage .title h2 {font-weight:400;}
    .news.inPage .htmlEditor p{font-weight:400;}
    
    /* 首頁 */
    block.case .caseList dt{display:none;}
}
@media screen and (max-width: 640px) {
    :root{    
    --fontB:40px;
    --fontM1:35px;
    --fontM2:25px;
    --fontS:18px;
    --fontTitle:50px;    
}
    
	/* 選單 */
    nav ul.language li{line-height:35px;}
    nav ul.language{max-height:40px; width: 20%; display: flex;}
    nav ul.language li{line-height:35px; width: 50%;}
    /* nav .searchBox:hover, nav .searchBox{height:100px;width: auto;margin-top: 20px;margin-bottom: 50px;} */
    /* nav .searchBox:hover input, nav .searchBox input {width: 98%;opacity: 1;} */
    
    /* 標題 */
    dl.title dt{font-size:35px;}
    dl.title dd{font-size:65px; min-width:600px;}
    
    .mainContent .container{padding-top:30px;}

    /* ----- 聯絡我們 ----- */
    .bodybox.contact .kv{background-image:url(../Images/kv_contactM.jpg);}
    /* ----- 代理經銷 ----- */
    .bodybox.acting .kv{background-image:url(../Images/kv_actingM.jpg);}
    /* ----- 經營理念 ----- */
    .bodybox.business .kv{background-image:url(../Images/kv_businessM.jpg);}
    /* ----- 案例分享 ----- */
    .bodybox.case .kv{background-image:url(../Images/kv_caseM.jpg);}
    /* ----- 維修保固 ----- */
    .bodybox.warranty .kv{background-image:url(../Images/kv_warrantyM.jpg);}
    /* ----- 最新消息 ----- */
    .bodybox.news .kv{background-image:url(../Images/newsM.jpg);}
    /* ----- 產品資訊 ----- */
    .bodybox.product .kv{background-image:url(../Images/kv_productM.jpg);}
    /* ----- 檔案下載 ----- */
    .bodybox.download .kv{background-image:url(../Images/kv_downloadM.jpg);}
    
    /* 最新消息 */
    .news .year{font-size:45px;}
    .news .block01 a{font-weight:400; font-size:30px;}
    .news .block01 span{font-size:25px;}
    .news .block01 li{font-size:40px;}
    .news .block01 li:last-child{padding-top:10px;}
    
    /* 經營理念 */
    .business p{font-size:30px; font-weight: 300; line-height: 60px;}
    .business .block1 .note{font-size:25px; line-height: 30px;}
    .business .block2 b{font-size:30px; text-align: left;}
    .business .block2 b{margin-top:20px; max-width: 540px; margin: 15px auto;}
    
    /* 維修保固 */
    .warranty p{font-size:30px; line-height:60px;}
    .warranty .block2 li{font-size:30px; line-height:60px;}
    .warranty span.warning{font-size:30px;}
        
    
    /* 聯絡我們 */
    .contact .contactBox{justify-content:space-between; flex-direction: column;}
    .contact .block1, 
    .contact .block2 {width: 100%;}
    .contact .list li{font-size:30px; letter-spacing: -1px;}
    .contact .block2 {margin-top: 40px;}
    .contact .block2 li {font-size: 30px;}
    .contact .block2 li:last-child {width: calc(90% - 55px);}
    .contact .block2 input {font-size: 30px;}
    .contact .block2 textarea {font-size: 30px;}
    
    /* 產品頁 */
    .ProductBox .block1 .picBox{width:100%;}
    .product .productList{justify-content:center;}
    .product .productList a{width:90%;}
    .product dt{width:100%; max-height:500px;}
    
    /* 代理經銷 */
    .bodybox.acting .block1 {min-height: calc(100vh - 472px);}
    
    .product.inPage .productList a{width:90%;}
    .product.inPage dd b{font-size:25px;}
    .product.inPage dd span{font-size:20px; line-height: 35px; margin-top: 10px; display: block;}
    
    /* 首頁 */
    .caseList dl{margin:0;}
    block.news dl.title dd::before{margin-left:-238px;}
    
}

@media screen and (max-width: 640px) and (orientation:portrait) {
    .product.inPage .productList a{width:47%;}
	/* 行動裝置直式瀏覽
	body::after{ content:""; display:block; width:100%; height:100%; position:fixed; z-index:999999; top:0; left:0;
				 background:rgba(0,0,0,.8) url(rotate2.png) no-repeat center center; }*/ 
}
@media screen and (max-width: 800px) and (orientation:landscape) {
	/* 行動裝置橫式瀏覽 */
	body::after{ content:""; display:block; width:100%; height:100%; position:fixed; z-index:999999; top:0; left:0; background:rgba(0,0,0,.8) url(rotate.png) no-repeat center center; }
    body.lanscapealertoff::after{ display: none;}
}