.container:after,
.container:before,
.row:after,
.row:before,
.speed-graph-container:after,
.speed-graph-container:before {
content: " ";
display: table
}
.container:after,
.row:after,
.speed-graph-container:after {
clear: both
}
html {
box-sizing: border-box
}
*,
:after,
:before {
box-sizing: inherit
}
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
html {
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%
}
body {
margin: 0;
font-family: Arial, sans-serif;
}
footer,
nav,
section {
display: block
}
a:active,
a:hover {
outline: 0
}
small {
font-size: 80%
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline
}
sup {
top: -.5em
}
sub {
bottom: -.25em
}
img {
border: 0
}
input {
color: inherit;
font: inherit;
margin: 0
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0
}
input {
line-height: normal
}
input[type=radio] {
box-sizing: border-box;
padding: 0
}
table {
border-collapse: collapse;
border-spacing: 0
}
td,
th {
padding: 0
}
/*img {
display: inline-block;
max-width: 100%;
height: auto;
vertical-align: middle;
-ms-interpolation-mode: bicubic
}
ul {
margin-top: 0;
margin-bottom: .5em
}
html {
font-size: 16px
}
body {
background-color: #fff;
color: #111;
font-family: 'Roboto','Helvetica Neue',Helvetica, Arial,'Apple LiGothic Medium','STHeiti Light','微軟正黑體','Microsoft JhengHei',sans-serif;
font-size: 100%;
font-weight: 400;
line-height: 1.4
}
section {
border-bottom: 10px solid #111
}
footer {
padding-top: 1em;
padding-bottom: 1em;
background-color: #111;
color: #ddd
}
table {
max-width: 100%;
background-color: transparent
}
th {
text-align: left
}
h1,
h2,
h3,
h4 {
margin: .5em 0;
font-family: 'Roboto Condensed','Roboto','Helvetica Neue',Helvetica, Arial,'Apple LiGothic Medium','STHeiti Light','微軟正黑體','Microsoft JhengHei',sans-serif;
font-weight: 700;
text-transform: uppercase
}
p {
margin: 0 0 .5em
}
strong {
font-weight: 700
}
h1 {
font-size: 2em;
line-height: 1.4
}
h2 {
font-size: 1.625em;
line-height: 1.2922
}
h3 {
font-size: 1.375em;
line-height: 1.2726
}
h4 {
font-size: 1.125em;
line-height: 1.2432
}*/
li,
p,
td,
th {
font-size: 1em;
line-height: 1.4
}
[class*=block-grid-] {
display: block;
padding: 0;
margin: 0 -10px
}
[class*=block-grid-]:after,
[class*=block-grid-]:before {
content: " ";
display: table
}
[class*=block-grid-]:after {
clear: both
}
[class*=block-grid-]>li {
display: block;
height: auto;
float: left;
padding: 0 10px 20px
}
.row {
width: 100%;
margin: 0 auto;
max-width: 1920px
}
.row.collapse>.columns {
padding-left: 0;
padding-right: 0;
float: left
}
.columns {
padding-left: 15px;
padding-right: 15px;
width: 100%;
float: left
}
.container {
max-width: 1950px;
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px
}
.btn-bright-blue {
position: relative;
display: inline-block;
padding: .25em 1.25em .25em .5em;
background-color: #459e9b;
text-decoration: none;
text-transform: uppercase;
color: #fff;
font-weight: 700;
cursor: pointer;
transition: .2s ease-in-out
}
.btn-bright-blue:after {
content: ' ';
position: absolute;
top: 50%;
right: .5em;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
height: 0;
width: 0;
border-top: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 6px solid #fff
}
.btn-bright-blue:hover {
background-color: #01627d
}
.btn-bright-blue.no-link {
padding-right: .5em
}
.btn-bright-blue.no-link:after {
content: none
}
.btn-bright-blue.is-off {
cursor: not-allowed;
background-color: #aaa;
color: #ddd
}
.compare-header {
height: 100px
}
.asus-logo-compare {
position: absolute;
top: 25px;
left: 1em;
width: 175px
}
.comp-checkmark {
display: inline-block;
width: 25px;
height: 25px;
font: 0/0 a;
color: transparent;
text-shadow: none;
border: 0;
background: url(../images/check-blue.svg) no-repeat;
background-size: 100%
}
.table-filter {
display: none;
position: fixed;
top: 30px;
right: 1em
}
.table-filter.is-on {
display: inherit
}
.table-filter.is-active {
background-color: #FF4136
}
.table-filter-dropdown {
position: fixed;
top: 60px;
right: 1em;
z-index: 7000;
width: 80em;
background-color: #fff;
border: 2px solid #111;
overflow: hidden;
font-size: .9em;
opacity: 0;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
transition: .3s ease-in
}
.table-filter-dropdown.is-active {
opacity: 1;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.table-filter-heading {
font-size: 1.1em;
border-bottom: 1px solid #111
}
.table-filter-link {
color: #01627d;
text-decoration: none;
transition: color .3s ease-in-out
}
.table-filter-link:hover {
color: #01b1e3
}
.table-filter-link.is-off {
color: #ddd
}
.table-filter-link.is-off:hover {
color: #aaa
}
.fab-grid {
margin-left: 15px;
margin-right: 15px
}
.fab-grid-heading {
margin-top: .75em;
font-weight: 700
}
.section-heading {
margin-top: 0;
margin-bottom: 0;
padding-top: .5em;
padding-bottom: .5em;
background-color: #459e9b;
font-size: 3em;
line-height: 1;
color: #fff;
text-align: center;
}
.product-heading {
background-color: #ddd;
margin-bottom: 2em;
padding-top: 1em;
padding-bottom: 1em;
padding-left: 15px
}
.product-heading>h1 {
margin-top: 100px;
margin-bottom: 0;
line-height: 1.2
}
.product-heading>h3 {
margin-top: 0
}
.products_title{
margin-top: 50px; /*or it blocks the compare button*/
}
.kv {
width: 100%
}
.list-inline,
.list-unstyled {
padding-left: 0;
list-style: none
}
.list-inline {
margin-left: -5px
}
.list-inline>li {
display: inline-block;
padding-left: 5px;
padding-right: 5px
}
.masthead {
background-color: #000;
text-align: center
}
.masthead-copy {
padding-top: 1em;
padding-bottom: 1em;
background-color: #111;
color: #fff;
font-size: 1.8em;
border-top: 2px solid #444
}
.masthead-copy>p {
margin-left: auto;
margin-right: auto;
width: 80%;
max-width: 1600px;
font-family: 'Roboto Condensed','Roboto','Helvetica Neue',Helvetica, Arial,'Apple LiGothic Medium','STHeiti Light','微軟正黑體','Microsoft JhengHei',sans-serif;
}
.masthead-copy a{
color: #0080b5;
}
.masthead-copy a:hover{
color: #03a9ee;
}
.masthead-kv {
position: relative
}
.intel-chipset {
position: absolute;
bottom: 5%;
right: 5%;
width: 80px;
height: 80px
}
.navbar {
position: relative;
background-color: #111;
color: #fff;
border-bottom: 2px solid #444
}
.asus-logo {
position: absolute;
top: 50%;
left: 15px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 175px
}
.set-lang{
position: absolute;
left: 220px;
top: 18px;
}
.nav-button {
position: relative;
display: block;
line-height: 2;
font-size: 2em;
text-transform: uppercase;
text-decoration: none;
color: #fff;
font-family: 'Roboto Condensed','Roboto','Helvetica Neue',Helvetica, Arial,'Apple LiGothic Medium','STHeiti Light','微軟正黑體','Microsoft JhengHei',sans-serif;
font-weight: 400
}
.menu-bars-container {
position: absolute;
top: 50%;
right: 100%;
width: 40%;
margin-right: 5px
}
.menu-bars,
.menu-bars:after,
.menu-bars:before {
position: absolute;
height: 4px;
width: 100%;
background: #01b1e3;
border-radius: 2px
}
.menu-bars {
top: 50%;
margin-top: -2px
}
.is-open .menu-bars {
-webkit-animation: center-fade .5s 1;
animation: center-fade .5s 1;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards
}
.is-closed .menu-bars {
-webkit-animation: center-fadein .5s 1;
animation: center-fadein .5s 1;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards
}
.menu-bars:after,
.menu-bars:before {
content: ''
}
.menu-bars:before {
top: -8px
}
.is-open .menu-bars:before {
-webkit-animation: top-to-center .5s 1;
animation: top-to-center .5s 1;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards
}
.is-closed .menu-bars:before {
-webkit-animation: center-to-top .5s 1;
animation: center-to-top .5s 1;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards
}
.menu-bars:after {
bottom: -8px
}
.is-open .menu-bars:after {
-webkit-animation: bottom-to-center .5s 1;
animation: bottom-to-center .5s 1;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards
}
.is-closed .menu-bars:after {
-webkit-animation: center-to-bottom .5s 1;
animation: center-to-bottom .5s 1;
animation-fill-mode: forwards;
-webkit-animation-fill-mode: forwards
}
.navbar-dropdown {
position: absolute;
top: 100%;
left: 0;
z-index: 7000;
width: 100%;
min-height: 0;
overflow: hidden;
transition: min-height .3s ease-out
}
.navbar-dropdown.is-active {
min-height: 240px
}
.navbar-dropdown-link {
position: absolute;
left: 0;
width: 100%;
height: 60px;
display: block;
text-transform: uppercase;
text-align: center;
text-decoration: none;
font-size: 30px;
font-weight: 700;
color: #fff;
line-height: 2;
transition: .3s ease-in-out
}
.navbar-dropdown-link.first-link {
top: 0;
background-color: #01b1e3
}
.navbar-dropdown-link.first-link:hover {
text-shadow: 2px 2px 10px #01627d
}
.navbar-dropdown-link.second-link {
top: 60px;
/*-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);*/
background-color: #00789a
}
.navbar-dropdown-link.second-link:hover {
text-shadow: 2px 2px 10px #001318
}
.navbar-dropdown-link.third-link {
top: 120px;
background-color: #00536a
}
.navbar-dropdown-link.third-link:hover {
text-shadow: 2px 2px 10px #000
}
.navbar-dropdown-link.fourth-link {
top: 180px;
background-color: #003949;
}
.navbar-dropdown-link.fourth-link:hover {
text-shadow: 2px 2px 10px #000
}
.question-group {
padding-bottom: .5em;
margin-top: .5em;
margin-bottom: .5em;
border-bottom: 2px solid #ddd
}
.question-group:after,
.question-group:before {
content: " ";
display: table
}
.question-group:after {
clear: both
}
.question-group:last-child {
border-bottom: none
}
.answer-group {
display: inline-block;
position: relative;
padding: .2em;
background-color: #ddd;
color: #777
}
.answer-check {
display: inline-block
}
.answer-label {
display: inline-block;
position: relative;
z-index: 1;
padding: .5em;
margin-left: .5em;
margin-right: .5em;
cursor: pointer;
transition: color .3s ease-in-out
}
.answer-input {
position: absolute;
z-index: -1;
opacity: 0
}
.answer-input:checked+.answer-label {
color: #fff;
background-color: #88725f;
border-bottom: 2px solid #695849;
}
.picker-input-bg {
position: absolute;
top: .2em;
left: 0;
z-index: 0;
border-bottom: 2px solid #ddd;
opacity: 0;
transition: .3s ease-in-out
}
.picker-input-bg.is-active {
opacity: 1;
background-color: #01b1e3;
border-color: #017697
}
.products-container {
background-color: #eee;
padding-bottom: 2em;
margin-bottom: -160px;
}
.picker-object-container {
position: relative;
transition: height .3s ease-in-out;
overflow: hidden
}
.picker-object {
/*position: absolute;
top: 0;
left: 0;*/
float: left;
margin-right: 25px;
margin-bottom: 25px;
min-width: 170px;
border: 2px solid #111;
text-align: center;
background-color: #fff;
overflow: hidden;
transition: .3s ease-in-out;
will-change: transform
}
.picker-heading {
background-color: #111;
color: #fff;
margin-top: 0;
padding: .5em
}
.picker-thumbnail {
max-width: 90%;
margin-bottom: 1em
}
.picker-not-applicable {
clear: both;
display: none;
}
.picker-not-applicable.active {
display: block;
}
.picker-controls {
text-align: center
}
.speed-graph-container {
margin-top: 1em;
margin-bottom: 1em
}
.speed-graph-label {
width: 15%;
float: left;
text-align: center
}
.speed-graph-text {
margin: 0;
line-height: 1
}
.speed-graph-text.huge-text {
text-transform: none;
font-size: 100px
}
.speed-graph {
width: 85%;
float: left;
margin-top: 1em;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 0;
list-style: none;
border-left: 2px solid #aaa
}
.speed-graph-line {
position: relative;
margin-bottom: .5em;
padding-top: .5em;
padding-bottom: .5em;
padding-right: .5em;
color: #fff;
line-height: 1;
font-weight: 700;
text-transform: uppercase;
text-align: right
}
.speed-graph-line:last-child {
margin-bottom: 0
}
.speed-graph-line.pcie-3 {
width: 90%;
background-color: #01b1e3
}
.speed-graph-line.pcie-2 {
width: 40%;
background-color: #01627d
}
.speed-graph-line.pcie-1 {
width: 20%;
background-color: #003a4b
}
.speed-graph-line .line-label {
position: absolute;
top: 50%;
left: 100%;
width: 100px;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
padding-left: 5px;
font-size: 80%;
text-transform: none;
text-align: left;
font-weight: 400;
color: #aaa
}
.table {
width: 100%;
margin-bottom: 1em
}
.table>tbody>tr>td,
.table>thead>tr>th {
padding: 8px;
vertical-align: top;
border-top: 1px solid #c4c4c4
}
.table>thead>tr>th {
vertical-align: bottom;
border-bottom: 2px solid #c4c4c4
}
.table>thead:first-child>tr:first-child>th {
border-top: 0
}
.table-bordered,
.table-bordered>tbody>tr>td,
.table-bordered>thead>tr>th {
border: 1px solid #c4c4c4
}
.table-bordered>thead>tr>th {
border-bottom-width: 2px
}
.table-striped>tbody>tr:nth-child(odd)>td {
background-color: #eaeaea
}
.tooltip-container {
position: relative
}
.tooltip {
overflow: hidden;
max-height: 0;
margin-bottom: 0;
padding: .5em;
font-size: 85%;
line-height: 1;
text-align: left;
border: 2px solid #111;
background-color: #fff;
transition: .3s ease-out;
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
will-change: transform
}
.tooltip.is-active {
max-height: 500px;
margin-bottom: .5em;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1)
}
.u-buffer-top-2 {
margin-top: 2em!important
}
.u-buffer-bottom-2 {
margin-bottom: 2em!important
}
.FixedHeader_Cloned thead>tr {
background: #fff
}
.dataTables_wrapper .dataTables_info {
padding-left: 1em
}
.dataTables_filter {
position: fixed;
top: 0;
left: 210px;
padding-top: 1.5em;
float: none;
text-align: left;
font-size: 20px;
text-transform: uppercase
}
.dataTables_filter input {
position: relative;
top: -2px;
font-size: inherit
}
.DTTT_container {
position: fixed;
top: 32px;
left: 560px
}
tr.is-off {
display: none
}
.u-pull-right {
float: right!important
}
.is-hidden {
display: none!important;
visibility: hidden!important
}
.is-not-hidden {
display: inherit!important
}
.is-invisible {
visibility: hidden!important
}
.is-visible {
visibility: inherit!important
}
.u-text-center {
text-align: center
}
.terms {
font-size: 80%!important;
color: #aaa
}
.u-container-collapse {
padding-left: 0!important;
padding-right: 0!important
}
@media only screen {
.columns {
position: relative;
padding-left: 15px;
padding-right: 15px;
float: left
}
[class*=column]+[class*=column]:last-child {
float: right
}
.hide-for-small-only {
display: none!important
}
}
@media only screen and (min-width: 40.063em) {
ul {
padding-left: 40px
}
.medium-block-grid-3>li {
width: 33.33333%;
list-style: none
}
.medium-block-grid-3>li:nth-of-type(n) {
clear: none
}
.medium-block-grid-3>li:nth-of-type(3n+1) {
clear: both
}
.medium-pull-4 {
right: 33.33333%;
left: auto
}
.medium-push-8 {
left: 66.66667%;
right: auto
}
.columns {
position: relative;
padding-left: 15px;
padding-right: 15px;
float: left
}
.medium-3 {
width: 20%
}
.medium-4 {
width: 33.33333%
}
.medium-8 {
width: 66.66667%
}
[class*=column]+[class*=column]:last-child {
float: right
}
.tooltip {
position: absolute;
z-index: 9000;
top: 115%;
width: 80%;
left: 20%;
max-width: 500px;
-webkit-transform: translateX(-50%) scale(0);
-ms-transform: translateX(-50%) scale(0);
transform: translateX(-50%) scale(0)
}
.tooltip.is-active {
-webkit-transform: translateX(-50%) scale(1);
-ms-transform: translateX(-50%) scale(1);
transform: translateX(-50%) scale(1)
}
.hide-for-small-only {
display: inherit!important
}
}
@media only screen and (min-width: 40.063em) and (max-width: 64em) {
.section-heading {
font-size: 2.5em
}
.masthead-copy {
font-size: 1.5em
}
.nav-button {
font-size: 1.8em
}
.speed-graph-text.huge-text {
font-size: 80px
}
.tooltip {
left: 50%
}
}
@media only screen and (orientation: portrait) and (min-width: 40.063em) and (max-width: 64em) {
.speed-graph-label {
width: 20%;
text-align: left
}
.speed-graph {
width: 80%
}
}
@media only screen and (min-width: 64.063em) {
h1 {
font-size: 2.5em;
line-height: 1.26
}
h2 {
font-size: 2em;
line-height: 1.26
}
h3 {
font-size: 1.5em;
line-height: 1.26
}
h4 {
font-size: 1.2em;
line-height: 1.176
}
.large-push-6 {
left: 50%;
right: auto
}
.large-pull-6 {
right: 50%;
left: auto
}
.columns {
position: relative;
padding-left: 15px;
padding-right: 15px;
float: left
}
.large-6 {
width: 50%
}
[class*=column]+[class*=column]:last-child {
float: right
}
.hide-for-small-only {
display: inherit!important
}
}
@media only screen and (min-width: 88em) {
.question {
float: left;
width: 45%;
padding-top: .7em;
padding-right: 1em;
text-align: right
}
.tooltip {
left: 100%;
}
}
@media only screen and (max-width: 63em) {
.question {
margin-bottom: .5em
}
}
@media only screen and (max-width: 45em) {
.asus-logo {
width: 115px
}
.set-lang{
left: 140px;
top: 13px;
}
}
@media only screen and (max-width: 40em) {
ul {
padding-left: 25px
}
h1 {
font-size: 1.8em
}
h2 {
font-size: 1.5em
}
h3 {
font-size: 1.25em
}
h4 {
font-size: 1.1em
}
.container {
padding-left: 7.5px;
padding-right: 7.5px
}
.section-heading {
font-size: 2em
}
.masthead-copy {
font-size: inherit
}
.intel-chipset {
width: 50px;
height: 50px
}
.nav-button {
font-size: 1.5em
}
.navbar-dropdown-link {
font-size: 16.67px;
line-height: 3.5
}
.answer-check,
.answer-group {
display: block
}
.answer-label {
display: block;
margin-left: 0;
margin-right: 0
}
.picker-object {
margin-left: 5%;
width: 90%
}
.speed-graph-label {
float: none;
width: auto
}
.speed-graph-text.huge-text {
font-size: 60px
}
.speed-graph {
float: none;
width: auto
}
.speed-graph-line {
font-weight: 400;
font-size: .8em
}
.speed-graph-line.pcie-3 {
width: 80%
}
.speed-graph-line.pcie-2 {
width: 35%
}
.speed-graph-line .line-label {
width: 50px
}
.dataTables_filter {
display: none
}
}
@media only screen and (max-width: 37em) {
.set-lang{
left: 15px;
top: 45px;
}
.asus-logo {
top: 25px;
}
.navbar {
height: 80px;
}
}
@media only screen and (max-width: 26em) {
.set-lang span{
display: block;
}
.navbar {
height: 110px;
}
}
@media print {
* {
text-shadow: none!important;
color: #000!important;
background: 0 0!important;
box-shadow: none!important
}
a,
a:visited {
text-decoration: underline
}
a[href]:after {
content: " (" attr(href) ")"
}
a[href^="#"]:after {
content: ""
}
thead {
display: table-header-group
}
img,
tr {
page-break-inside: avoid
}
img {
max-width: 100%!important
}
h2,
h3,
p {
orphans: 3;
widows: 3
}
h2,
h3 {
page-break-after: avoid
}
.navbar {
display: none
}
.table td,
.table th {
background-color: #fff!important
}
.table {
border-collapse: collapse!important
}
.table-bordered td,
.table-bordered th {
border: 1px solid #ddd!important
}
}
@-webkit-keyframes center-fade {
0%, 40% {
background: #01b1e3
}
100%,
60% {
background: rgba(1, 177, 227, 0)
}
}
@keyframes center-fade {
0%, 40% {
background: #01b1e3
}
100%,
60% {
background: rgba(1, 177, 227, 0)
}
}
@-webkit-keyframes center-fadein {
0%, 40% {
background: rgba(1, 177, 227, 0)
}
100%,
60% {
background: #01b1e3
}
}
@keyframes center-fadein {
0%, 40% {
background: rgba(1, 177, 227, 0)
}
100%,
60% {
background: #01b1e3
}
}
@-webkit-keyframes top-to-center {
0% {
top: -8px
}
40% {
top: 0
}
60% {
top: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
top: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
}
@keyframes top-to-center {
0% {
top: -8px
}
40% {
top: 0
}
60% {
top: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
top: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
}
@-webkit-keyframes center-to-top {
0% {
top: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
40% {
top: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
60% {
top: 0
}
100% {
top: -8px
}
}
@keyframes center-to-top {
0% {
top: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg)
}
40% {
top: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
60% {
top: 0
}
100% {
top: -8px
}
}
@-webkit-keyframes bottom-to-center {
0% {
bottom: -8px
}
40% {
bottom: 0
}
60% {
bottom: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
bottom: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
}
@keyframes bottom-to-center {
0% {
bottom: -8px
}
40% {
bottom: 0
}
60% {
bottom: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
100% {
bottom: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
}
@-webkit-keyframes center-to-bottom {
0% {
bottom: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
40% {
bottom: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
60% {
bottom: 0
}
100% {
bottom: -8px
}
}
@keyframes center-to-bottom {
0% {
bottom: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg)
}
40% {
bottom: 0;
-webkit-transform: rotate(0deg);
transform: rotate(0deg)
}
60% {
bottom: 0
}
100% {
bottom: -8px
}
}
/* add 20150814 */
.where-to-buy{
text-align: center;
margin-top: 50px;
}
.where-to-buy a{
color: #006ab5;
display: inline-block;
margin: 0 6px;
text-decoration: none;
}
.where-to-buy a:hover{
text-decoration: underline;
}
.terms a{
color: #0080b5;
}
.terms a:hover{
color: #03a9ee;
}
/* add 20150922 part II */
.award-section .content{
margin-left: auto;
margin-right: auto;
text-align: center;
width: 95%;
max-width: 1100px;
}
.award-section .content h3{
padding: 20px 25px 10px 15px;
}
.award-section .content p{
padding: 0 25px 10px 15px;
}
.award-section .content p.award-more{
text-align: right;
padding-bottom: 0;
}
.award-section .content p.award-notice{
text-align: left;
font-size: 12px;
}
.picker-see-switch {
/*position: absolute;
top: 0;
left: 0;
float: left;*/
clear: both;
margin-right: 25px;
margin-bottom: 25px;
overflow: hidden;
transition: .3s ease-in-out;
will-change: transform;
}
.picker-see-switch p{
margin: 20px 0 0 0;
}
.order{ visibility: hidden; font-size: 0px;} /*compare table default order*/