﻿/* ========== ADJUSTMENTS OF QNAP HEADER AND FOOTER ========== */
#Main_Menu_wrap_false {
	display: none !important;
}
@media (min-width: 1000px) {
.mainHeader {
	position: absolute !important;
}
.ftrBlock {
	padding-top: 50px;
}
}
.addthis_sharing_toolbox {
	width: 338px;
	margin: 0px auto 60px;
	filter:alpha(Opacity=60);-moz-opacity:0.6;opacity: 0.6; 
	 z-index:99;
}
.addthis_sharing_toolbox a .at-icon-wrapper {
	border-radius:4px;
	}
@media screen and (min-width: 1000px) {
	.addthis_sharing_toolbox {
	filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8; 
	position: absolute;
	top: 115px;
	left: 50%;
	margin-left: 160px;
	}
}

/* =========================================================== */

.sqfk-article .sqfk-keyvision {
  background-size: cover; 
  background-position: center top;
  background-image: url('../images/header-bkd-s.jpg');		
  padding: 110px 0px 200px;
  font-weight: 300;
  color: #393939;
  position:relative;
}
@media (min-width: 1000px) {
	.sqfk-article .sqfk-keyvision {
	padding: 180px 0px 300px;
	background-size: cover;
	background-position: center top;
	background-image: url('../images/header-bkd-m.jpg');
	background-attachment:fixed;  
	}	
}
@media (min-width: 1366px) and  (min-height: 540px) {
	.sqfk-article .sqfk-keyvision {
	background-size: cover;
	background-position: center top;
	background-image: url('../images/header-bkd.jpg');
	background-attachment:fixed;    
	}	 
}
.sqfk-article .sqfk-keyvision .sqfk-kv-image {
  position:static;
  left:auto;
  margin-left:0;
  margin-top:-70px;
}

@media (min-width:1000px){
.sqfk-article .sqfk-keyvision .sqfk-kv-image {
  position:absolute;
  left:50%;
  margin-left:-300px;
  margin-top:30px;
}
}

#sqss .sqss-regular .sqss-slide-block {
	width: 260px;
	height: 155px;
	margin-left: -130px;
}
@media (min-width: 360px) {
	#sqss .sqss-regular .sqss-slide-block {
		width: 300px;
		height: 150px;
		margin-left: -150px;
	}
}
@media (min-width: 720px) {
	#sqss .sqss-regular .sqss-slide-block {
		width: 640px;
		height: 320px;
		margin-left: -320px;
	}
}
@media (min-width: 1000px) {
	#sqss .sqss-regular .sqss-slide-block {
		width: 720px;
		height: 360px;
		margin-left: -360px;
	}
}
@media (min-width: 1000px) {
#sqss .sqss-regular .sqss-slide-caption {
	height: 72px;
}
}

/*#levelsync ul li:nth-child(1) {
	padding-top: 20px;
	background-color: #A51200;
}
#levelsync ul li:nth-child(1) h4 .label, #levelsync ul li:nth-child(1) p {
	color: #FFFFFF;
}*/


/* GO TOP */
#back-top{position:fixed;bottom:30px;right:20px}
#back-top a{width:50px;display:block;text-align:center;font:11px/100% Arial,Helvetica,sans-serif;text-transform:uppercase;text-decoration:none;color:#bbb;-webkit-transition:1s;-moz-transition:1s;transition:1s}
#back-top a:hover{color:#000}
#back-top span{width:50px;height:50px;display:block;margin-bottom:7px;background:url('../images/back_top.png') rgba(100,100,100,0.3) no-repeat center center;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-webkit-transition:1s;-moz-transition:1s;transition:1s}
#back-top a:hover span{background-color:rgba(100,100,100,0.5)}

/*  table  */
#f07 table { width:100%;margin-top:40px}
#f07 table td a{color:#008ED3;text-decoration:none}
#f07 table thead{height:30px;background-color:#333333;color:#FFFFFF}
#f07 table th{padding:12px 10px;text-align:center;font-size:14px}
#f07 table td{box-sizing:border-box;padding:5px;border:1px solid #CCCCCC;text-align:center;line-height:30px;font-size:14px}
#f07 table td.point.head {  background:#eb6100; color:#fff; font-weight:bold; font-size:15px; }
#f07 table td.point { background:#ffd895;  }
#f07 table td ul{padding-left:20px;text-align:left;font-size:13px}
#f07 table td ul li{list-style:disc inside}
#f07 table tr td.head{background-color:#aaa; color:#fff }
@media (max-width:1000px){
	#f07 { padding:40px 20px; }
	#f07 table { width:100%;margin-top:20px; }
}
@media (max-width:768px){
	#f07 .product-overview-table{overflow:auto;-webkit-overflow-scrolling:touch}
	#f07 .product-overview-table table{width:700px}
}

/*  table-2 */
#anno table{width:100%;margin-top:10px}
#anno table td a{color:#008ED3;text-decoration:none}
#anno table thead{height:20px;background-color:#333333;color:#FFFFFF}
#anno table th{padding:5px;text-align:center;font-size:13px}
#anno table td{box-sizing:border-box;padding:3px;border:1px solid #CCCCCC;text-align:center;line-height:1.6em;font-size:13px}
#anno table td ul{padding-left:20px;text-align:left;font-size:13px}
#anno table td ul li{list-style:disc inside}
#anno table tr td.head{background-color:#dedede; }
@media (max-width:1000px){
	#anno{padding:20px}
}
@media (max-width:768px){
	#anno .product-overview-table{overflow:auto;-webkit-overflow-scrolling:touch}
	#anno .product-overview-table table{width:700px}
}

/*  customized  */




/* 5 point */
#f01 { padding-top:80px;  }
@media (min-width:1000px){
	#f01 { padding-top:250px;  }
}
#f01.sqfk-level-sync ul { text-align:center; }
#f01.sqfk-level-sync ul li.sqfk-ls-li { display:inline-block; float:none; margin:0;  }


/* img 解寬 */

@media (min-width:1000px){
#f02.sqfk-section .sqfk-sec-figure { padding:0; }
#f02.sqfk-section .sqfk-sec-figure img { max-width:100%; width:auto; margin-left:-80px; }
#f03.sqfk-section .sqfk-sec-figure, #f04.sqfk-section .sqfk-sec-figure, #f05.sqfk-section .sqfk-sec-figure { padding:0; }
#f03.sqfk-section .sqfk-sec-figure img, #f04.sqfk-section .sqfk-sec-figure img, #f05.sqfk-section .sqfk-sec-figure img { max-width:100%; width:auto;  }
}

#f04.sqfk-section {
	background-image: url('../images/f04_bg.png');
	background-repeat:repeat-x;
	background-position:bottom; 
}

#f08.sqfk-section {	background-color:#fff8de; padding-bottom:0;  }
@media (min-width:1000px){

}
#f08 .sqfk-section-h4 h4 { font-size:16px; line-height:1.5em; width:96%; display:inline-block; vertical-align:middle; margin-top:30px; margin-left:3.8%; position:relative; padding-left:70px; box-sizing:border-box; }
.sqfk-article #f08.sqfk-section .sqfk-section-h4 .sqfk-sec-figure { width:100%; display:inline-block; vertical-align:middle; box-sizing:border-box; margin-top:0; }
@media (min-width:900px){
	#f08 .sqfk-section-h4 h4 { font-size:20px; line-height:1.5em; width:40%; display:inline-block; vertical-align:middle; margin-top:0; margin-left:20px; position:relative; padding-left:70px; }
	.sqfk-article #f08.sqfk-section .sqfk-section-h4 .sqfk-sec-figure { width:40%; display:inline-block; vertical-align:middle; margin-top:20px; }
}
#f08 .triangle { display:block; width:60px; height:30px; margin:auto; }
#f08 .triangle.t1 { background:url('../images/f07-3_bgt1.png') no-repeat top center; }
#f08 .triangle.t2 { background:url('../images/f07-3_bgt2.png') no-repeat top center; }

#f08 .sqfk-section-h4 h4:before {
  position: absolute;top: 0px;left: 0px;bottom: 0px;
  background:#ed6c00; width:50px; height:50px; border-radius:25px; -webkit-border-radius:25px; line-height:50px; font-size:36px; font-weight:bold; color:#ffffff; text-align:center; margin-top:-10px;
}
#f08 .sqfk-section-h4:nth-of-type(1) h4:before { content: "1"; }
#f08 .sqfk-section-h4:nth-of-type(2) h4:before { content: "2"; }
#f08 .sqfk-section-h4:nth-of-type(3) h4:before { content: "3"; }

#f08 .sqfk-section-h4 { padding:0px; padding-bottom:20px; }
#f08 .sqfk-section-h4:nth-child(2n) { background-color:#ffd895; }


#qwa.sqfk-section {
    background-color: #0e60d8;
	background-image: url('../images/qwa_bg.png');
	background-attachment: fixed;
    background-position: left bottom;
	background-repeat: no-repeat;
}
@media (min-width:1000px){
#qwa.sqfk-section .sqfk-container {width: 90%;display: inline-flex;    flex-direction: row-reverse;align-items: center;    margin-left: 100px;}
#qwa.sqfk-section .sqfk-container .txt-all {width: 50%;}
#qwa.sqfk-section .sqfk-container .txt-all h3 {width: 100%;box-sizing: border-box;}
#qwa.sqfk-section .sqfk-container .sqfk-sec-figure {width: 50%;padding: 0px;margin-top: 0;}
#qwa.sqfk-section .sqfk-container .sqfk-sec-figure img {max-width: 100%;margin-left: 0;}
}
@media (min-width:900px) {
#qwa.sqfk-section .sqfk-container .txt-all {margin-left: 25px;}
}
@media (min-width:400px) {
#qwa.sqfk-section .sqfk-container .txt-allr {width: 50%;margin-left: 50px;margin-top: -250px;}
}

#qwa.sqfk-section h3{color: #fff;}
#qwa.sqfk-section p{color: #fff;}
#qwa.sqfk-section a{color: #29e6ff;text-decoration:none}
#qwa.sqfk-section a:hover{color: #25cbe0;}
#qwa.sqfk-section h4{
	font-size:18px; 
	line-height:1.5em;
	margin: 0px auto 10px auto;
	text-align: center;
	color: rgb(251, 255, 0);
}


