@import "https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700";
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}
html{line-height:1}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
caption,th,td{text-align:left;font-weight:400;vertical-align:middle}
q,blockquote{quotes:none}
q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}
a img{border:none}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}
.so-5f-sprite-icon-1{background-image:url(../images/so-5f-img-01.svg);background-repeat:no-repeat;background-position:0 0}
.so-5f-sprite-icon-2{background-image:url(../images/so-5f-img-01.svg);background-repeat:no-repeat;background-position:0 -80px}
.so-5f-sprite-icon-3{background-image:url(../images/so-5f-img-01.svg);background-repeat:no-repeat;background-position:0 -160px}
.so-5f-sprite-icon-4{background-image:url(../images/so-5f-img-01.svg);background-repeat:no-repeat;background-position:0 -240px}
.clear,.sqfk-nav nav ul:after{content:'';display:block;clear:both}
.d-br{display:none}
@media (min-width:1000px) {
.d-br{display:inline}
}
.t-br{display:none}
@media (min-width:720px) {
.t-br{display:inline}
}
.always_not_there{display:none}
.show_mobile_inline{display:inline}
@media (min-width:1000px) {
.show_mobile_inline{display:none}
}
body{font-family:"Open Sans",Helvetica,Verdana,Tahoma,"PingFang TC","Lantinghei TC","微軟正黑體","Microsoft JhengHei",sans-serif}
html,body,td,li,div,p,input,select,h1,h2,h3,h4,h5,h6{font-family:"Open Sans",Helvetica,Verdana,Tahoma,"PingFang TC","Lantinghei TC","微軟正黑體","Microsoft JhengHei",sans-serif!important}
@font-face{font-family:'Open Sans';src:url(../fonts/open-sans/opensans-regular-webfont.eot);src:url(../fonts/open-sans/opensans-regular-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/open-sans/opensans-regular-webfont.woff2) format("woff2"),url(../fonts/open-sans/opensans-regular-webfont.woff) format("woff"),url(../fonts/open-sans/opensans-regular-webfont.ttf) format("truetype"),url(../fonts/open-sans/opensans-regular-webfont.svg#open_sansregular) format("svg");font-weight:400;font-style:normal}
@font-face{font-family:'Open Sans';src:url(../fonts/open-sans/opensans-light-webfont.eot);src:url(../fonts/open-sans/opensans-light-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/open-sans/opensans-light-webfont.woff2) format("woff2"),url(../fonts/open-sans/opensans-light-webfont.woff) format("woff"),url(../fonts/open-sans/opensans-light-webfont.ttf) format("truetype"),url(../fonts/open-sans/opensans-light-webfont.svg#open_sansregular) format("svg");font-weight:300;font-style:normal}
@font-face{font-family:'Open Sans';src:url(../fonts/open-sans/opensans-semibold-webfont.eot);src:url(../fonts/open-sans/opensans-semibold-webfont.eot?#iefix) format("embedded-opentype"),url(../fonts/open-sans/opensans-semibold-webfont.woff2) format("woff2"),url(../fonts/open-sans/opensans-semibold-webfont.woff) format("woff"),url(../fonts/open-sans/opensans-semibold-webfont.ttf) format("truetype"),url(../fonts/open-sans/opensans-semibold-webfont.svg#open_sansregular) format("svg");font-weight:700;font-style:normal}
article.sqfk-article h2{display:none}
article.sqfk-article a{-moz-transition-property:color;-o-transition-property:color;-webkit-transition-property:color;transition-property:color;-moz-transition-duration:.3s;-o-transition-duration:.3s;-webkit-transition-duration:.3s;transition-duration:.3s;text-decoration:none}
article.sqfk-article a:link,article.sqfk-article a:visited{color:#0088bc}
article.sqfk-article a:hover,article.sqfk-article a:active{color:#56d0ff}
article.sqfk-article section.sect-type-a,article.sqfk-article section.sect-type-a-sqss{padding:40px 20px 50px;background-repeat:no-repeat;background-position:center center;background-size:cover}
@media (min-width:600px) {
article.sqfk-article section.sect-type-a,article.sqfk-article section.sect-type-a-sqss{padding:60px 20px 70px}
}
article.sqfk-article section.sect-type-a .block,article.sqfk-article section.sect-type-a-sqss .block{max-width:100%;margin-left:auto;margin-right:auto;width:980px}
article.sqfk-article section.sect-type-a .block:after,article.sqfk-article section.sect-type-a-sqss .block:after{content:" ";display:block;clear:both}
article.sqfk-article section.sect-type-a .block h3,article.sqfk-article section.sect-type-a-sqss .block h3,article.sqfk-article section.sect-type-a .block h3.h3-full,article.sqfk-article section.sect-type-a-sqss .block h3.h3-full,article.sqfk-article section.sect-type-a .block h3.h3-narrow,article.sqfk-article section.sect-type-a-sqss .block h3.h3-narrow,article.sqfk-article section.sect-type-a .block h3.h3-l,article.sqfk-article section.sect-type-a-sqss .block h3.h3-l{line-height:36px;font-size:24px;font-weight:300;margin-bottom:10px;text-align:center;color:#232323}
@media (min-width:360px) {
article.sqfk-article section.sect-type-a .block h3,article.sqfk-article section.sect-type-a-sqss .block h3,article.sqfk-article section.sect-type-a .block h3.h3-full,article.sqfk-article section.sect-type-a-sqss .block h3.h3-full,article.sqfk-article section.sect-type-a .block h3.h3-narrow,article.sqfk-article section.sect-type-a-sqss .block h3.h3-narrow,article.sqfk-article section.sect-type-a .block h3.h3-l,article.sqfk-article section.sect-type-a-sqss .block h3.h3-l{line-height:40px;font-size:26px}
}
@media (min-width:720px) {
article.sqfk-article section.sect-type-a .block h3,article.sqfk-article section.sect-type-a-sqss .block h3,article.sqfk-article section.sect-type-a .block h3.h3-full,article.sqfk-article section.sect-type-a-sqss .block h3.h3-full,article.sqfk-article section.sect-type-a .block h3.h3-narrow,article.sqfk-article section.sect-type-a-sqss .block h3.h3-narrow,article.sqfk-article section.sect-type-a .block h3.h3-l,article.sqfk-article section.sect-type-a-sqss .block h3.h3-l{line-height:50px;font-size:32px}
}
@media (min-width:1000px) {
article.sqfk-article section.sect-type-a .block h3,article.sqfk-article section.sect-type-a-sqss .block h3,article.sqfk-article section.sect-type-a .block h3.h3-full,article.sqfk-article section.sect-type-a-sqss .block h3.h3-full,article.sqfk-article section.sect-type-a .block h3.h3-narrow,article.sqfk-article section.sect-type-a-sqss .block h3.h3-narrow,article.sqfk-article section.sect-type-a .block h3.h3-l,article.sqfk-article section.sect-type-a-sqss .block h3.h3-l{margin-bottom:30px;line-height:60px;font-size:36px}
}
@media (min-width:720px) {
article.sqfk-article section.sect-type-a .block h3,article.sqfk-article section.sect-type-a-sqss .block h3,article.sqfk-article section.sect-type-a .block h3.h3-full,article.sqfk-article section.sect-type-a-sqss .block h3.h3-full,article.sqfk-article section.sect-type-a .block h3.h3-narrow,article.sqfk-article section.sect-type-a-sqss .block h3.h3-narrow,article.sqfk-article section.sect-type-a .block h3.h3-l,article.sqfk-article section.sect-type-a-sqss .block h3.h3-l{width:83.22581%;margin-left:8.3871%}
}
@media (min-width:720px) {
article.sqfk-article section.sect-type-a .block h3.h3-narrow,article.sqfk-article section.sect-type-a-sqss .block h3.h3-narrow{width:66.45161%;margin-left:16.77419%}
}
article.sqfk-article section.sect-type-a .block h3.h3-l,article.sqfk-article section.sect-type-a-sqss .block h3.h3-l{text-align:left}
@media (min-width:720px) {
article.sqfk-article section.sect-type-a .block h3.h3-l,article.sqfk-article section.sect-type-a-sqss .block h3.h3-l{width:66.45161%;margin-left:0}
}
article.sqfk-article section.sect-type-a .block h3.h3-t-icon:before,article.sqfk-article section.sect-type-a-sqss .block h3.h3-t-icon:before{content:'';display:block;width:60px;height:60px;margin:auto;margin-bottom:20px}
article.sqfk-article section.sect-type-a .block p,article.sqfk-article section.sect-type-a-sqss .block p,article.sqfk-article section.sect-type-a .block p.p-full,article.sqfk-article section.sect-type-a-sqss .block p.p-full,article.sqfk-article section.sect-type-a .block p.p-span-10,article.sqfk-article section.sect-type-a-sqss .block p.p-span-10,article.sqfk-article section.sect-type-a .block div.anno p.p-anno,article.sqfk-article section.sect-type-a-sqss .block div.anno p.p-anno,article.sqfk-article section.sect-type-a .block div.anno-span-10 p.p-anno,article.sqfk-article section.sect-type-a-sqss .block div.anno-span-10 p.p-anno,article.sqfk-article section.sect-type-a .block div.anno-span-8 p.p-anno,article.sqfk-article section.sect-type-a-sqss .block div.anno-span-8 p.p-anno,article.sqfk-article section.sect-type-a .block div.anno ul.ul-anno,article.sqfk-article section.sect-type-a-sqss .block div.anno ul.ul-anno,article.sqfk-article section.sect-type-a .block div.anno-span-10 ul.ul-anno,article.sqfk-article section.sect-type-a-sqss .block div.anno-span-10 ul.ul-anno,article.sqfk-article section.sect-type-a .block div.anno-span-8 ul.ul-anno,article.sqfk-article section.sect-type-a-sqss .block div.anno-span-8 ul.ul-anno{line-height:24px;font-size:14px;font-weight:300;color:#545454;display:block;margin:auto;text-align:left}
@media (min-width:360px) {
article.sqfk-article section.sect-type-a .block p,article.sqfk-article section.sect-type-a-sqss .block p,article.sqfk-article section.sect-type-a .block p.p-full,article.sqfk-article section.sect-type-a-sqss .block p.p-full,article.sqfk-article section.sect-type-a .block p.p-span-10,article.sqfk-article section.sect-type-a-sqss .block p.p-span-10,article.sqfk-article section.sect-type-a .block div.anno p.p-anno,article.sqfk-article section.sect-type-a-sqss .block div.anno p.p-anno,article.sqfk-article section.sect-type-a .block div.anno-span-10 p.p-anno,article.sqfk-article section.sect-type-a-sqss .block div.anno-span-10 p.p-anno,article.sqfk-article section.sect-type-a .block div.anno-span-8 p.p-anno,article.sqfk-article section.sect-type-a-sqss .block div.anno-span-8 p.p-anno,article.sqfk-article section.sect-type-a .block div.anno ul.ul-anno,article.sqfk-article section.sect-type-a-sqss .block div.anno ul.ul-anno,article.sqfk-article section.sect-type-a .block div.anno-span-10 ul.ul-anno,article.sqfk-article section.sect-type-a-sqss .block div.anno-span-10 ul.ul-anno,article.sqfk-article section.sect-type-a .block div.anno-span-8 ul.ul-anno,article.sqfk-article section.sect-type-a-sqss .block div.anno-span-8 ul.ul-anno{line-height:26px;font-size:16px}
}
@media (min-width:1000px) {
article.sqfk-article section.sect-type-a .block p,article.sqfk-article section.sect-type-a-sqss .block p,article.sqfk-article section.sect-type-a .block p.p-full,article.sqfk-article section.sect-type-a-sqss .block p.p-full,article.sqfk-article section.sect-type-a .block p.p-span-10,article.sqfk-article section.sect-type-a-sqss .block p.p-span-10,article.sqfk-article section.sect-type-a .block div.anno p.p-anno,article.sqfk-article section.sect-type-a-sqss .block div.anno p.p-anno,article.sqfk-article section.sect-type-a .block div.anno-span-10 p.p-anno,article.sqfk-article section.sect-type-a-sqss .block div.anno-span-10 p.p-anno,article.sqfk-article section.sect-type-a .block div.anno-span-8 p.p-anno,article.sqfk-article section.sect-type-a-sqss .block div.anno-span-8 p.p-anno,article.sqfk-article section.sect-type-a .block div.anno ul.ul-anno,article.sqfk-article section.sect-type-a-sqss .block div.anno ul.ul-anno,article.sqfk-article section.sect-type-a .block div.anno-span-10 ul.ul-anno,article.sqfk-article section.sect-type-a-sqss .block div.anno-span-10 ul.ul-anno,article.sqfk-article section.sect-type-a .block div.anno-span-8 ul.ul-anno,article.sqfk-article section.sect-type-a-sqss .block div.anno-span-8 ul.ul-anno{line-height:1.6em;font-size:18px}
}
@media (min-width:720px) {
article.sqfk-article section.sect-type-a .block p.p-span-10,article.sqfk-article section.sect-type-a-sqss .block p.p-span-10{width:83.22581%;margin-left:8.3871%;text-align:left}
}
article.sqfk-article section.sect-type-a .block p.p-span-10+p.p-span-10,article.sqfk-article section.sect-type-a-sqss .block p.p-span-10+p.p-span-10{margin-top:20px}
article.sqfk-article section.sect-type-a .block div.anno,article.sqfk-article section.sect-type-a-sqss .block div.anno,article.sqfk-article section.sect-type-a .block div.anno-span-10,article.sqfk-article section.sect-type-a-sqss .block div.anno-span-10,article.sqfk-article section.sect-type-a .block div.anno-span-8,article.sqfk-article section.sect-type-a-sqss .block div.anno-span-8{margin-top:20px}
article.sqfk-article section.sect-type-a .block div.anno p.p-anno,article.sqfk-article section.sect-type-a-sqss .block div.anno p.p-anno,article.sqfk-article section.sect-type-a .block div.anno-span-10 p.p-anno,article.sqfk-article section.sect-type-a-sqss .block div.anno-span-10 p.p-anno,article.sqfk-article section.sect-type-a .block div.anno-span-8 p.p-anno,article.sqfk-article section.sect-type-a-sqss .block div.anno-span-8 p.p-anno,article.sqfk-article section.sect-type-a .block div.anno ul.ul-anno,article.sqfk-article section.sect-type-a-sqss .block div.anno ul.ul-anno,article.sqfk-article section.sect-type-a .block div.anno-span-10 ul.ul-anno,article.sqfk-article section.sect-type-a-sqss .block div.anno-span-10 ul.ul-anno,article.sqfk-article section.sect-type-a .block div.anno-span-8 ul.ul-anno,article.sqfk-article section.sect-type-a-sqss .block div.anno-span-8 ul.ul-anno{line-height:20px;font-size:12px;color:#999}
@media (min-width:720px) {
article.sqfk-article section.sect-type-a .block div.anno p.p-anno,article.sqfk-article section.sect-type-a-sqss .block div.anno p.p-anno,article.sqfk-article section.sect-type-a .block div.anno-span-10 p.p-anno,article.sqfk-article section.sect-type-a-sqss .block div.anno-span-10 p.p-anno,article.sqfk-article section.sect-type-a .block div.anno-span-8 p.p-anno,article.sqfk-article section.sect-type-a-sqss .block div.anno-span-8 p.p-anno,article.sqfk-article section.sect-type-a .block div.anno ul.ul-anno,article.sqfk-article section.sect-type-a-sqss .block div.anno ul.ul-anno,article.sqfk-article section.sect-type-a .block div.anno-span-10 ul.ul-anno,article.sqfk-article section.sect-type-a-sqss .block div.anno-span-10 ul.ul-anno,article.sqfk-article section.sect-type-a .block div.anno-span-8 ul.ul-anno,article.sqfk-article section.sect-type-a-sqss .block div.anno-span-8 ul.ul-anno{line-height:24px;font-size:14px}
}
@media (min-width:720px) {
article.sqfk-article section.sect-type-a .block div.anno-span-10,article.sqfk-article section.sect-type-a-sqss .block div.anno-span-10{width:83.22581%;margin-left:8.3871%}
}
@media (min-width:720px) {
article.sqfk-article section.sect-type-a .block div.anno-span-8,article.sqfk-article section.sect-type-a-sqss .block div.anno-span-8{width:66.45161%;margin-left:16.77419%}
}
article.sqfk-article section.sect-type-a .block div.learn-more,article.sqfk-article section.sect-type-a-sqss .block div.learn-more{margin:30px 0;text-align:center}
@media (min-width:720px) {
article.sqfk-article section.sect-type-a .block div.learn-more,article.sqfk-article section.sect-type-a-sqss .block div.learn-more{margin:40px 0}
}
article.sqfk-article section.sect-type-a .block div.learn-more a,article.sqfk-article section.sect-type-a-sqss .block div.learn-more a{-moz-transition-property:border,background;-o-transition-property:border,background;-webkit-transition-property:border,background;transition-property:border,background;-moz-transition-duration:1s;-o-transition-duration:1s;-webkit-transition-duration:1s;transition-duration:1s;padding:10px 20px;border:1px solid rgba(255,255,255,0.5);border-radius:3px;text-decoration:none;font-size:12px;color:#FFF;display:inline-block;text-align:center}
@media (min-width:600px) {
article.sqfk-article section.sect-type-a .block div.learn-more a,article.sqfk-article section.sect-type-a-sqss .block div.learn-more a{padding:10px 25px;font-size:14px}
}
@media (min-width:1000px) {
article.sqfk-article section.sect-type-a .block div.learn-more a,article.sqfk-article section.sect-type-a-sqss .block div.learn-more a{border-radius:5px;padding:12px 40px;font-size:16px}
}
article.sqfk-article section.sect-type-a .block div.learn-more a:link,article.sqfk-article section.sect-type-a-sqss .block div.learn-more a:link,article.sqfk-article section.sect-type-a .block div.learn-more a:visited,article.sqfk-article section.sect-type-a-sqss .block div.learn-more a:visited{background-color:transparent}
article.sqfk-article section.sect-type-a .block div.learn-more a:hover,article.sqfk-article section.sect-type-a-sqss .block div.learn-more a:hover,article.sqfk-article section.sect-type-a .block div.learn-more a:active,article.sqfk-article section.sect-type-a-sqss .block div.learn-more a:active{border:1px solid #fff;background-color:rgba(0,0,0,0.2)}
article.sqfk-article section.sect-type-a .block div.learn-more a:link,article.sqfk-article section.sect-type-a-sqss .block div.learn-more a:link,article.sqfk-article section.sect-type-a .block div.learn-more a:visited,article.sqfk-article section.sect-type-a-sqss .block div.learn-more a:visited{background-color:rgba(255,255,255,0.15)}
article.sqfk-article section.sect-type-a .block div.learn-more a:hover,article.sqfk-article section.sect-type-a-sqss .block div.learn-more a:hover,article.sqfk-article section.sect-type-a .block div.learn-more a:active,article.sqfk-article section.sect-type-a-sqss .block div.learn-more a:active{border:1px solid #fff;background-color:rgba(255,255,255,0.3)}
article.sqfk-article section.sect-type-a .block figure,article.sqfk-article section.sect-type-a-sqss .block figure{margin-top:20px}
@media (min-width:720px) {
article.sqfk-article section.sect-type-a .block figure,article.sqfk-article section.sect-type-a-sqss .block figure{margin-top:40px}
}
article.sqfk-article section.sect-type-a .block figure img,article.sqfk-article section.sect-type-a-sqss .block figure img{max-width:100%;display:block;margin:auto}
@media (min-width:720px) {
article.sqfk-article section.sect-type-a .block figure img,article.sqfk-article section.sect-type-a-sqss .block figure img{max-width:83.22581%}
}
@media (min-width:720px) {
article.sqfk-article section.sect-type-a .block figure img.img-full,article.sqfk-article section.sect-type-a-sqss .block figure img.img-full{max-width:100%}
}
@media (min-width:720px) {
article.sqfk-article section.sect-type-a .block figure img.img-narrow,article.sqfk-article section.sect-type-a-sqss .block figure img.img-narrow{max-width:66.45161%}
}
article.sqfk-article section.sect-type-a-sqss{padding-bottom:40px}
@media (min-width:600px) {
article.sqfk-article section.sect-type-a-sqss{padding-bottom:60px}
}
article.sqfk-article section:nth-child(2n+1){background-color:#F5F5F5}
header.mainHeader{position:absolute!important}
@media (min-width:1000px) {
header.mainHeader .qp-container nav.mainNav ul li .subItems{position:absolute!important}
}
.sqfk-nav{-moz-transition-property:all;-o-transition-property:all;-webkit-transition-property:all;transition-property:all;-moz-transition-duration:.5s;-o-transition-duration:.5s;-webkit-transition-duration:.5s;transition-duration:.5s;padding:0 0 20px;position:absolute;left:0;right:0;z-index:999}
@media (min-width:1000px) {
.sqfk-nav{position:relative;left:none;right:none;padding:0}
}
.sqfk-nav .toggleBtn{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative;cursor:pointer}
@media (min-width:1000px) {
.sqfk-nav .toggleBtn{display:none}
}
.sqfk-nav .toggleBtn .label{padding:0 20px;font-size:13px;text-align:left;background-color:rgba(0,0,0,0.35);font-weight:400;color:#FFF}
.sqfk-nav .toggleBtn .arrow{width:40px;position:absolute;right:7px;top:0;text-align:center;font-size:20px;color:#CFCFCF}
.sqfk-nav .toggleBtn .label{line-height:50px}
@media (min-width:480px) {
.sqfk-nav .toggleBtn .label{line-height:60px}
}
.sqfk-nav .toggleBtn .arrow{height:50px;line-height:50px}
@media (min-width:480px) {
.sqfk-nav .toggleBtn .arrow{height:60px;line-height:60px}
}
.sqfk-nav nav{max-width:100%;margin-left:auto;margin-right:auto;-moz-transition-property:height,max-height,padding,bottom,background;-o-transition-property:height,max-height,padding,bottom,background;-webkit-transition-property:height,max-height,padding,bottom,background;transition-property:height,max-height,padding,bottom,background;-moz-transition-duration:.5s;-o-transition-duration:.5s;-webkit-transition-duration:.5s;transition-duration:.5s;max-height:0;overflow:hidden;padding:0 20px;margin-top:0}
.sqfk-nav nav:after{content:" ";display:block;clear:both}
@media (min-width:1000px) {
.sqfk-nav nav{width:980px;height:auto;max-height:none;padding:0;margin-top:0;display:block!important;border-bottom:1px solid #999}
}
.sqfk-nav nav h3{-moz-transition-property:opacity;-o-transition-property:opacity;-webkit-transition-property:opacity;transition-property:opacity;-moz-transition-duration:.3s;-o-transition-duration:.3s;-webkit-transition-duration:.3s;transition-duration:.3s;height:0;opacity:0}
@media (min-width:1000px) {
.sqfk-nav nav h3{-moz-transition-duration:0;-o-transition-duration:0;-webkit-transition-duration:0;transition-duration:0;height:50px;float:left;opacity:1;line-height:50px;font-weight:300;font-size:23px;color:#FFF}
}
.sqfk-nav nav h3 a:link,.sqfk-nav nav h3 a:visited,.sqfk-nav nav h3 a:hover,.sqfk-nav nav h3 a:active{text-decoration:none;color:#FFF}
.sqfk-nav nav ul{-moz-transition-property:all;-o-transition-property:all;-webkit-transition-property:all;transition-property:all;-moz-transition-duration:.5s;-o-transition-duration:.5s;-webkit-transition-duration:.5s;transition-duration:.5s}
@media (min-width:1000px) {
.sqfk-nav nav ul{float:right;margin:auto;height:50px;overflow:hidden}
}
.sqfk-nav nav ul li{width:100%;height:60px;display:block;float:left}
@media (min-width:480px) {
.sqfk-nav nav ul li{height:70px}
}
@media (min-width:1000px) {
.sqfk-nav nav ul li{width:auto;float:left;height:50px}
.sqfk-nav nav ul li:nth-child(2n){width:auto;float:left}
.sqfk-nav nav ul li:last-child a{margin-right:0;padding-right:0}
}
.sqfk-nav nav ul li a{-moz-transition-property:background-color,color;-o-transition-property:background-color,color;-webkit-transition-property:background-color,color;transition-property:background-color,color;-moz-transition-duration:.3s;-o-transition-duration:.3s;-webkit-transition-duration:.3s;transition-duration:.3s;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;display:block;height:50px;line-height:50px;font-size:16px;margin:5px 0;text-align:center;text-decoration:none;font-weight:400;font-size:15px;background:rgba(34,88,123,0.7)}
.sqfk-nav nav ul li a:link,.sqfk-nav nav ul li a:visited{color:#fff}
.sqfk-nav nav ul li a:hover,.sqfk-nav nav ul li a:active{background:rgba(45,117,163,0.9);color:#000}
@media (min-width:480px) {
.sqfk-nav nav ul li a{height:60px;line-height:60px;font-size:14px}
}
@media (min-width:600px) {
.sqfk-nav nav ul li a{font-size:16px}
}
@media (min-width:1000px) {
.sqfk-nav nav ul li a{width:auto;display:block;height:40px;border-bottom:none;float:left;padding-left:15px;padding-right:15px;line-height:40px;font-size:14px;background:none}
.sqfk-nav nav ul li a:link,.sqfk-nav nav ul li a:visited{color:#FFF}
.sqfk-nav nav ul li a:hover,.sqfk-nav nav ul li a:active{color:#2d75a3;background:none}
}
.sqfk-nav nav ul li .here{cursor:default;position:relative}
.sqfk-nav nav ul li .here:link,.sqfk-nav nav ul li .here:visited,.sqfk-nav nav ul li .here:hover,.sqfk-nav nav ul li .here:active{color:#3F3F3F;background:#f2f2f2}
@media (min-width:1000px) {
.sqfk-nav nav ul li .here:link,.sqfk-nav nav ul li .here:visited,.sqfk-nav nav ul li .here:hover,.sqfk-nav nav ul li .here:active{color:#a5a5a5;background:none}
}
.sqfk-nav nav ul li:first-child{height:55px}
.sqfk-nav nav ul li:first-child a{margin-top:0}
@media (min-width:480px) {
.sqfk-nav nav ul li:first-child{height:65px}
}
@media (min-width:1000px) {
.sqfk-nav nav ul li:first-child{height:50px}
.sqfk-nav nav ul li:first-child a{margin-top:5px}
}
@media (min-width:480px) {
.sqfk-nav nav ul li:last-child{height:65px}
}
.sqfk-nav-fixed{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);position:fixed;top:0;right:0;left:0;padding:0 20px;background-color:rgba(0,0,0,0.85)}
@media (min-width:1000px) {
.sqfk-nav-fixed{height:auto;padding:0;top:0}
}
.sqfk-nav-fixed .toggleBtn{padding:0;margin-top:30px}
.sqfk-nav-fixed .toggleBtn .label{background:none;padding:0;border:none;font-weight:400;font-size:12px}
.sqfk-nav-fixed .toggleBtn .arrow{margin-right:-20px}
.sqfk-nav-fixed nav{max-width:100%;margin-left:auto;margin-right:auto;padding:0;border-bottom:0}
.sqfk-nav-fixed nav:after{content:" ";display:block;clear:both}
.sqfk-nav-fixed nav h3{display:block;height:30px;line-height:30px;position:absolute;top:0;left:0;right:0;padding:0 20px;font-weight:400;background-color:rgba(23,59,83,0.8);color:#3383b7;opacity:1;font-size:14px}
.sqfk-nav-fixed nav ul{height:0}
@media (min-width:1000px) {
.sqfk-nav-fixed nav{margin-top:0}
.sqfk-nav-fixed nav .show_mobile_inline{display:inline;color:#FFF}
.sqfk-nav-fixed nav h3{width:24.51613%;float:left;margin-right:.64516%;height:40px;position:static;float:left;margin-right:0;padding:0;line-height:40px;font-weight:400;font-size:14px;background:none;color:#2d75a3}
.sqfk-nav-fixed nav ul{float:right;height:40px;border:none}
.sqfk-nav-fixed nav ul li{height:40px}
.sqfk-nav-fixed nav ul li a{height:40px;margin-bottom:0;line-height:40px;font-size:12px}
.sqfk-nav-fixed nav ul li,.sqfk-nav-fixed nav ul li:first-child,.sqfk-nav-fixed nav ul li:nth-child(2){height:40px}
.sqfk-nav-fixed nav ul li a,.sqfk-nav-fixed nav ul li:first-child a,.sqfk-nav-fixed nav ul li:nth-child(2) a{height:40px;margin-top:0;margin-bottom:0}
.sqfk-nav-fixed nav ul li:last-child a{padding-right:0;margin-right:0}
}
.sqfk-nav-opened nav{max-height:500px;padding-top:20px;padding-bottom:20px;background-color:rgba(0,0,0,0.85)}
@media (min-width:480px) {
.sqfk-nav-opened nav{max-height:500px}
}
.sqfk-nav-opened nav ul li:last-child{height:55px}
.sqfk-nav-opened nav ul li:last-child a{margin-bottom:0}
@media (min-width:480px) {
.sqfk-nav-opened nav ul li:last-child{height:65px}
}
.sqfk-nav-opened-srt{height:100%;z-index:999}
.sqfk-nav-opened-srt:before{position:relative}
.sqfk-nav-opened-srt nav{max-height:100%;position:absolute;top:80px;right:20px;left:20px;bottom:20px;padding:0;padding-top:10px}
@media (min-width:480px) {
.sqfk-nav-opened-srt nav{top:90px}
}
@media (min-width:1000px) {
.sqfk-nav-opened-srt nav{top:52px}
}
.sqfk-nav-opened-srt nav h3{position:fixed}
.sqfk-nav-opened-srt nav ul{height:100%;max-height:none;overflow:auto;-webkit-overflow-scrolling:touch}
.sqfk-nav-opened-srt nav ul li:last-child{height:55px}
.sqfk-nav-opened-srt nav ul li:last-child a{margin-bottom:0}
.sqfk-nav-close-trans{-moz-transition-property:opacity;-o-transition-property:opacity;-webkit-transition-property:opacity;transition-property:opacity;-moz-transition-duration:.3s;-o-transition-duration:.3s;-webkit-transition-duration:.3s;transition-duration:.3s}
@media (min-width:1000px) {
.sqfk-nav-close-nav-ul-trans nav ul{-moz-transition-duration:0;-o-transition-duration:0;-webkit-transition-duration:0;transition-duration:0}
}
.sqfk-header-nav-fixed{z-index:999}
.sqfk-header-nav-fixed .image,.sqfk-header-nav-fixed .page-title,.sqfk-header-nav-fixed .title{padding-top:0}
@media (min-width:480px) {
.sqfk-header-nav-fixed .image,.sqfk-header-nav-fixed .page-title,.sqfk-header-nav-fixed .title{padding-top:0}
}
@media (min-width:1000px) {
.sqfk-header-nav-fixed .image,.sqfk-header-nav-fixed .page-title,.sqfk-header-nav-fixed .title{padding-top:51px}
}
.sqfk-header-nav-fixed h3{display:block}
.slideBlock,.slideBlock-NoSQSS{position:relative;overflow:hidden}
.slideBlock .slideEffect,.slideBlock-NoSQSS .slideEffect{-moz-transition-property:left;-o-transition-property:left;-webkit-transition-property:left;transition-property:left;-moz-transition-duration:.3s;-o-transition-duration:.3s;-webkit-transition-duration:.3s;transition-duration:.3s}
@media (min-width:1000px) {
.slideBlock .slideEffect,.slideBlock-NoSQSS .slideEffect{-moz-transition-duration:.5s;-o-transition-duration:.5s;-webkit-transition-duration:.5s;transition-duration:.5s}
}
.slidePoint{width:100%;bottom:10px;text-align:center}
@media (min-width:1000px) {
.slidePoint{bottom:40px}
}
.slidePoint .point{-moz-transition-property:background-color;-o-transition-property:background-color;-webkit-transition-property:background-color;transition-property:background-color;-moz-transition-duration:.3s;-o-transition-duration:.3s;-webkit-transition-duration:.3s;transition-duration:.3s;width:8px;height:8px;display:inline-block;cursor:pointer;margin-right:20px;border-radius:50%;background-color:rgba(0,0,0,0.2)}
.slidePoint .point:hover{background-color:#333}
.slidePoint .point:last-child{margin-right:0}
.slidePoint .here{background-color:#000}
.slidePoint .here:hover{background-color:#000}
.slideController{display:none}
@media (min-width:1000px) {
.slideController{width:100%;height:100px;display:block;position:absolute;top:0;margin-top:210px}
.slideController .slideCPrevSlide,.slideController .slideCNextSlide{width:60px;height:100%;cursor:pointer}
.slideController .slideCPrevSlide{display:none}
}
@media (min-width:1000px) and (min-width:1000px) {
.slideController .slideCPrevSlide{background-image:url(../images/icon-sprite.svg);background-repeat:no-repeat;background-position:0 0;display:block;float:left}
}
@media (min-width:1000px) {
.slideController .slideCNextSlide{display:none}
}
@media (min-width:1000px) and (min-width:1000px) {
.slideController .slideCNextSlide{background-image:url(../images/icon-sprite.svg);background-repeat:no-repeat;background-position:-60px 0;display:block;float:right}
}
.slideController-first .slideCPrevSlide{display:none}
.slideController-last .slideCNextSlide{display:none}
.slideCaption{margin:55px auto 20px}
@media (min-width:720px) {
.slideCaption{margin:100px auto 20px}
}
@media (min-width:768px) {
.slideCaption{width:700px}
}
@media (min-width:1000px) {
.slideCaption{margin:140px auto 20px}
}
.slideCaption ul{height:96px;display:block;position:relative;overflow:hidden;text-align:center}
@media (min-width:400px) {
.slideCaption ul{height:72px}
}
@media (min-width:600px) {
.slideCaption ul{height:48px}
}
.slideCaption ul li{-moz-transition-property:opacity;-o-transition-property:opacity;-webkit-transition-property:opacity;transition-property:opacity;-moz-transition-duration:.5s;-o-transition-duration:.5s;-webkit-transition-duration:.5s;transition-duration:.5s;width:100%;position:absolute;top:0;line-height:24px;font-size:14px;color:#666;opacity:0}
.slideCaption ul li strong{font-weight:700}
.slideCaption ul li.showThis{opacity:1}
.sqss-regular{width:100%;margin:auto;margin-top:40px;position:relative}
@media (min-width:720px) {
.sqss-regular{margin-top:40px}
}
.sqss-regular .slideBlock,.sqss-regular .slideBlock-NoSQSS{width:260px;height:155px;top:0;left:50%;margin-left:-130px}
@media (min-width:360px) {
.sqss-regular .slideBlock,.sqss-regular .slideBlock-NoSQSS{width:300px;height:178px;margin-left:-150px}
}
@media (min-width:720px) {
.sqss-regular .slideBlock,.sqss-regular .slideBlock-NoSQSS{width:640px;height:382px;margin-left:-320px}
}
@media (min-width:1000px) {
.sqss-regular .slideBlock,.sqss-regular .slideBlock-NoSQSS{width:980px;height:585px;margin-left:-490px}
}
.sqss-regular .slideBlock .slideFrame,.sqss-regular .slideBlock-NoSQSS .slideFrame{width:100%;height:100%;position:absolute}
.sqss-regular .slideBlock .slideFrame .img-wrapper img,.sqss-regular .slideBlock-NoSQSS .slideFrame .img-wrapper img{max-width:100%}
@media (min-width:1000px) {
.sqss-regular .slideController{margin-top:200px}
}
.sqss-regular .slideCaption{margin:20px auto}
.sqss-macbookpro,.sqss-macbookpro-nosqss{width:100%;margin:auto;margin-top:20px;position:relative;background-image:url(../images/sqfk-sqss-mbp.png);background-repeat:no-repeat;background-size:280px 182px;background-position:top center}
@media (min-width:360px) {
.sqss-macbookpro,.sqss-macbookpro-nosqss{background-size:320px 206px}
}
@media (min-width:720px) {
.sqss-macbookpro,.sqss-macbookpro-nosqss{background-size:660px 426px;margin-top:40px}
}
@media (min-width:1000px) {
.sqss-macbookpro,.sqss-macbookpro-nosqss{background-size:880px 570px;margin-top:40px}
}
.sqss-macbookpro .slideBlock,.sqss-macbookpro-nosqss .slideBlock,.sqss-macbookpro .slideBlock-NoSQSS,.sqss-macbookpro-nosqss .slideBlock-NoSQSS{width:210px;height:125px;top:20px;left:50%;margin-left:-105px}
@media (min-width:360px) {
.sqss-macbookpro .slideBlock,.sqss-macbookpro-nosqss .slideBlock,.sqss-macbookpro .slideBlock-NoSQSS,.sqss-macbookpro-nosqss .slideBlock-NoSQSS{width:240px;height:142px;top:23px;margin-left:-120px}
}
@media (min-width:720px) {
.sqss-macbookpro .slideBlock,.sqss-macbookpro-nosqss .slideBlock,.sqss-macbookpro .slideBlock-NoSQSS,.sqss-macbookpro-nosqss .slideBlock-NoSQSS{width:506px;height:300px;top:45px;margin-left:-253px}
}
@media (min-width:1000px) {
.sqss-macbookpro .slideBlock,.sqss-macbookpro-nosqss .slideBlock,.sqss-macbookpro .slideBlock-NoSQSS,.sqss-macbookpro-nosqss .slideBlock-NoSQSS{width:670px;height:400px;top:60px;margin-left:-335px}
}
.sqss-macbookpro .slideBlock .slideFrame,.sqss-macbookpro-nosqss .slideBlock .slideFrame,.sqss-macbookpro .slideBlock-NoSQSS .slideFrame,.sqss-macbookpro-nosqss .slideBlock-NoSQSS .slideFrame{width:100%;height:100%;position:absolute}
.sqss-macbookpro .slideBlock .slideFrame .img-wrapper img,.sqss-macbookpro-nosqss .slideBlock .slideFrame .img-wrapper img,.sqss-macbookpro .slideBlock-NoSQSS .slideFrame .img-wrapper img,.sqss-macbookpro-nosqss .slideBlock-NoSQSS .slideFrame .img-wrapper img{max-width:100%}
.sqss-macbookpro-nosqss{height:170px}
@media (min-width:360px) {
.sqss-macbookpro-nosqss{height:195px}
}
@media (min-width:720px) {
.sqss-macbookpro-nosqss{height:400px}
}
@media (min-width:1000px) {
.sqss-macbookpro-nosqss{height:530px}
}
.sqfk-header{padding-top:52px}
@media (min-width:1000px) {
.sqfk-header{padding-top:72px}
}
#Main_Menu_wrap_false{display:none!important}
.sqfk-header{background-color:#FFF; background-image:url(../images/qsync-header_bg-s.jpg); background-repeat:no-repeat;background-size:cover;background-position:center top;background-attachment:fixed}
@media (min-width:768px) {
.sqfk-header{background-color:#FFF; background-image:url(../images/qsync-header_bg-m.jpg); background-size:cover; background-position: center; }
}
@media (min-width:1000px) {
.sqfk-header{background-image:url(../images/qsync-header_bg.jpg?v=1); padding-bottom:0;background-size:cover;background-position:center top}
}
.sqfk-header .sqfk-intro{padding:20px;padding-bottom:40px; margin-top:60px; background:rgba(255,255,255,0.9) }
@media (min-width:600px) {
.sqfk-header .sqfk-intro{ width:80%;margin:100px auto 0;padding:20px 20px 80px;background:rgba(255,255,255,0.9)}
}
@media (min-width:1000px) {
.sqfk-header .sqfk-intro{width:980px;margin:100px auto 0;padding:20px 0 80px;background:rgba(255,255,255,0.9)}
}
.sqfk-header .sqfk-intro .header-image{padding:0 20px}
.sqfk-header .sqfk-intro .header-image img{width:100%}
.sqfk-header-morning .sqfk-intro .title,.sqfk-header-morning .sqfk-intro .page-title{color:#FFF}
@media (min-width:1000px) {
.sqfk-header-morning .sqfk-intro .title,.sqfk-header-morning .sqfk-intro .page-title{color:#232323}
}
.sqfk-header-morning .sqfk-intro .descr{color:#FFF}
@media (min-width:1000px) {
.sqfk-header-morning .sqfk-intro .descr{color:#232323}
}
@media (min-width:1000px) {
.sqfk-header-morning .sqfk-nav nav h3 a:link,.sqfk-header-morning .sqfk-nav nav h3 a:visited,.sqfk-header-morning .sqfk-nav nav h3 a:hover,.sqfk-header-morning .sqfk-nav nav h3 a:active{color:#333}
.sqfk-header-morning .sqfk-nav nav ul li a:link,.sqfk-header-morning .sqfk-nav nav ul li a:visited{color:#333}
.sqfk-header-morning .sqfk-nav nav ul li a:hover,.sqfk-header-morning .sqfk-nav nav ul li a:active{color:#010203}
}
@media (min-width:1000px) {
.sqfk-header-morning .sqfk-nav-fixed nav h3 a:link,.sqfk-header-morning .sqfk-nav-fixed nav h3 a:visited,.sqfk-header-morning .sqfk-nav-fixed nav h3 a:hover,.sqfk-header-morning .sqfk-nav-fixed nav h3 a:active{color:#FFF}
.sqfk-header-morning .sqfk-nav-fixed nav ul li a:link,.sqfk-header-morning .sqfk-nav-fixed nav ul li a:visited{color:#FFF}
.sqfk-header-morning .sqfk-nav-fixed nav ul li a:hover,.sqfk-header-morning .sqfk-nav-fixed nav ul li a:active{color:#22587b}
}
.sqfk-header .sqfk-intro h3.title{margin-top:40px;margin-bottom:10px;line-height:40px;text-align:center;font-weight:200;font-size:30px;color:#333}
@media (min-width:480px) {
.sqfk-header .sqfk-intro h3.title{line-height:50px;font-size:40px}
}
@media (min-width:600px) {
.sqfk-header .sqfk-intro h3.title{line-height:60px;font-size:50px}
}
@media (min-width:1000px) {
.sqfk-header .sqfk-intro h3.title{padding-left:8.3871%;padding-right:8.3871%;margin-top:60px;line-height:80px;font-size:56px}
}
.sqfk-header .sqfk-intro h3.page-title{line-height:36px;font-size:24px;font-weight:300}
@media (min-width:480px) {
.sqfk-header .sqfk-intro h3.page-title{line-height:36px;font-size:26px}
}
@media (min-width:720px) {
.sqfk-header .sqfk-intro h3.page-title{line-height:50px;font-size:32px}
}
@media (min-width:1000px) {
.sqfk-header .sqfk-intro h3.page-title{margin-top:60px;line-height:60px;font-size:40px}
}
.sqfk-header .sqfk-intro .slogn{margin-bottom:20px;line-height:28px;text-align:center;font-weight:300;font-size:20px;color:#2c72a0}
@media (min-width:480px) {
.sqfk-header .sqfk-intro .slogn{line-height:32px;font-size:24px}
}
@media (min-width:600px) {
.sqfk-header .sqfk-intro .slogn{line-height:32px;font-size:26px}
}
@media (min-width:1000px) {
.sqfk-header .sqfk-intro .slogn{margin-bottom:30px;line-height:40px;font-size:30px}
}
.sqfk-header .sqfk-intro .intro{margin-bottom:20px;line-height:24px;text-align:center;font-weight:300;font-size:16px;color:#31444A}
@media (min-width:480px) {
.sqfk-header .sqfk-intro .intro{line-height:30px;font-size:16px}
}
@media (min-width:600px) {
.sqfk-header .sqfk-intro .intro{line-height:32px;font-size:18px}
}
@media (min-width:1000px) {
.sqfk-header .sqfk-intro .intro{padding:0 8.3871%;margin-top:20px;margin-bottom:30px;line-height:32px;font-size:20px}
}
.sqfk-header .sqfk-intro .see-video{margin-top:30px;text-align:center}
@media (min-width:1000px) {
.sqfk-header .sqfk-intro .see-video{margin-top:40px;padding-bottom:100px}
}
.sqfk-header .sqfk-intro .see-video a{-moz-transition-property:border,background;-o-transition-property:border,background;-webkit-transition-property:border,background;transition-property:border,background;-moz-transition-duration:1s;-o-transition-duration:1s;-webkit-transition-duration:1s;transition-duration:1s;padding:10px 20px;border:1px solid rgba(255,255,255,0.5);border-radius:3px;text-decoration:none;font-size:12px;color:#FFF;display:inline-block;text-align:center;cursor:default}
@media (min-width:600px) {
.sqfk-header .sqfk-intro .see-video a{padding:10px 25px;font-size:14px}
}
@media (min-width:1000px) {
.sqfk-header .sqfk-intro .see-video a{border-radius:5px;padding:12px 40px;font-size:16px}
}
.sqfk-header .sqfk-intro .see-video a:link,.sqfk-header .sqfk-intro .see-video a:visited{background-color:transparent}
.sqfk-header .sqfk-intro .see-video a:hover,.sqfk-header .sqfk-intro .see-video a:active{border:1px solid #fff;background-color:rgba(0,0,0,0.2);background:none}
@media (min-width:1000px) {
.ftrBlock{padding-top:50px}
}
sup{font-size:70%!important;vertical-align:super!important}
.sqfk-header .sqfk-intro .title span{display:block}
.sqfk-header .sqfk-intro .title span.logo img{width:80px}
@media (min-width:600px) {
.sqfk-header .sqfk-intro .title span.logo img{width:90px}
}
.sqfk-header .sqfk-intro .title sup{font-family:'Calligraffitti',cursive}
.sqfk-header .sqfk-intro .image-qsync{margin-top:40px;text-align:center}
@media (min-width:1000px) {
.sqfk-header .sqfk-intro .image-qsync{margin-top:80px}
}
.sqfk-header .sqfk-intro .image-qsync img{width:900px}
@media (min-width:720px) {
.sqfk-header .sqfk-intro .image-qsync img{width:85%}
}
@media (max-width:719px) {
.sqfk-header .sqfk-intro .image-qsync img{width:95%}
}
@media (min-width:1000px) {
.sqfk-header .sqfk-intro .image-53a img{width:400px;padding-left:30%}
}
article.sqfk-article section.sect-type-a .block p.sub-title,article.sqfk-article section.sect-type-a-sqss .block p.sub-title{margin-top:-10px;margin-bottom:10px;text-align:center;line-height:30px;font-size:18px;color:#232323}
@media (min-width:600px) {
article.sqfk-article section.sect-type-a .block p.sub-title,article.sqfk-article section.sect-type-a-sqss .block p.sub-title{line-height:30px;font-size:22px}
}
@media (min-width:1000px) {
article.sqfk-article section.sect-type-a .block p.sub-title,article.sqfk-article section.sect-type-a-sqss .block p.sub-title{margin-top:-20px;margin-bottom:20px;line-height:40px;font-size:30px}
}
#qsync-1f{background-color:#fff;background-image:url(../images/qsync_everywhere_bg.jpg);background-repeat:no-repeat;background-size:100% auto;background-position:center bottom;padding-bottom:0!important}
#qsync-2f{background-color:#FFF;padding-bottom:0}
ul.description{margin-top:80px}
ul.description li{padding:20px;margin-bottom:15px}
ul.description h4{color:#fff;font-size:26px;line-height:1.3em;margin-bottom:12px}
ul.description li p{color:#fff !important;font-size:15px !important}
#qsync-3f{background-image:url(../images/qsync-benefits1_bg.jpg);background-repeat:no-repeat;background-size:100% auto;background-position:center top;background-attachment:fixed;padding:0}
#qsync-3f .bg2{background-image:url(../images/qsync-benefits1_bg2.png);background-repeat:no-repeat;background-size:100% auto;background-position:center bottom;padding:60px 20px 7%!important}
ul.description.d1 li{background:rgba(42,97,152,0.8);width:88%}
@media (min-width:1240px) and (max-width:1600px) {
ul.description{margin-top:80px}	
ul.description.d1 li{width:80%!important}
}
@media (max-width:1239px) {
#qsync-3f{background-image:url(../images/qsync-benefits1_bgs.jpg);background-position:center top!important; background-color:#fff;}
#qsync-3f .bg2{padding:60px 20px 30%!important}
ul.description.d1 li{width:95%!important}
}
@media (max-width:768px) {
*{-webkit-box-sizing:border-box;box-sizing:border-box}
ul.description{margin-top:40px}
ul.description.d1 li{width:100%!important}
}
#qsync-3f2{background-image:url(../images/qsync-benefits2_bg.jpg);padding:0 20px 2%;background-position:left top; background-size:inherit; }
ul.description.d2{margin:0 0 2% 7%;display:table;border-spacing:12px}
ul.description.d2 .tb-row{display:table-row}
ul.description.d2 li{display:table-cell;background:rgba(65,150,145,0.8);width:50%}
ul.description h4{color:#fff;font-size:22px;line-height:1.3em;margin-bottom:12px}
@media (max-width:1200px) {
ul.description.d2{margin:0 0 2%;display:table;border-spacing:12px}
}
@media (max-width:768px) {
#qsync-3f2{background-image:url(../images/qsync-benefits2_bg.jpg);padding:0 20px 2%;background-position:left bottom; background-size:150%; }	
ul.description.d2 li{display:block;background:rgba(65,150,145,0.8);width:100%}
}
#qsync-3f3{background-image:url(../images/qsync-benefits3_bg.jpg);background-repeat:no-repeat;background-size:100% auto;background-position:center bottom;padding:1px 20px 0}
ul.description.d3 li{background:rgba(55,70,120,0.8)}
@media (max-width:1239px) {
#qsync-3f3{background-image:url(../images/qsync-benefits3_bgs.jpg)}
}
#qsync-4f{background-color:#a6cecb}
#qsync-4f p{text-align:center}
#qsync-4f .btns a{-moz-transition-property:border,color;-o-transition-property:border,color;-webkit-transition-property:border,color;transition-property:border,color;-moz-transition-duration:.3s;-o-transition-duration:.3s;-webkit-transition-duration:.3s;transition-duration:.3s;display:inline-block;padding:10px 30px;border:1px solid #666;border-radius:3px;line-height:20px;font-size:16px;margin:15px}
#qsync-4f .btns a:link,#qsync-4f .btns a:visited{color:#666}
#qsync-4f .btns a:hover,#qsync-4f .btns a:active{border:1px solid #999;color:#999}
.ok-sect-footer{background-color:#EBEBEB}
.ok-sect-footer .ftr-anno{padding:0 20px;padding-top:10px;font-weight:300;color:#666}
@media (min-width:1000px) {
.ok-sect-footer .ftr-anno{width:980px;margin:auto;border-bottom:1px solid #CCC;padding:0;padding-top:70px}
}
.ok-sect-footer .ftr-anno ul{padding-bottom:15px}
@media (min-width:1000px) {
.ok-sect-footer .ftr-anno ul{padding:10px}
}
.ok-sect-footer .ftr-anno ul li{font-size:12px;line-height:20px}
@media (min-width:1000px) {
.ok-sect-footer .ftr-anno ul li{font-size:13px;line-height:24px}
}
.ok-sect-footer .ftr-anno ul li:nth-child(n+1){margin-top:5px}
.ok-sect-footer .ftr-anno ul li a{-moz-transition-duration:.3s;-o-transition-duration:.3s;-webkit-transition-duration:.3s;transition-duration:.3s;-moz-transition-property:color;-o-transition-property:color;-webkit-transition-property:color;transition-property:color}
.ok-sect-footer .ftr-anno ul li a:link,.ok-sect-footer .ftr-anno ul li a:visited{color:#7A7A7A}
.ok-sect-footer .ftr-anno ul li a:hover,.ok-sect-footer .ftr-anno ul li a:active{color:#22587b}