﻿@charset "utf-8";
@font-face {
    font-family: 'myriadpro-light';
    src: url('fonts/myriadpro-light.eot');
	src: url('fonts/myriadpro-light.eot?#iefix') format('embedded-opentype'),
		 url('fonts/myriadpro-light.svg#myriadproregular') format('svg'),
		 url('fonts/myriadpro-light.ttf') format('truetype'),
		 url('fonts/myriadpro-light.woff') format('woff'),
		 url('fonts/myriadpro-light.woff2') format('woff2');
    font-weight: normal;
    font-style: normal;
}

/* common style */
.asus_pro_b9440 *, .asus_pro_b9440 *:before, .asus_pro_b9440 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.asus_pro_b9440{ font-family: 'myriadpro-light'; color: #4b4b4b; overflow: hidden;}
.asus_pro_b9440 img{ max-width: 100% !important; height: auto; vertical-align: middle; }
.asus_pro_b9440 .wmax{ width: 100%; height: auto; }
.asus_pro_b9440 .full{ margin: -20px; }
.asus_pro_b9440 .full > img{ width: 100%; height: auto; }
.asus_pro_b9440 .text_center{ text-align: center; }
.asus_pro_b9440 .align.center{ text-align: center; }
.asus_pro_b9440 .align.center div{ display: inline-block; }
.asus_pro_b9440 .align.middle:after{ content:''; display: inline-block; height: 100%; vertical-align: middle; }
.asus_pro_b9440 .align.middle > div{ display: inline-block; vertical-align: middle; }
.asus_pro_b9440 .clearfix{ clear: both; }

.asus_pro_b9440 a{ color: #15bddc; font-size: 20px; text-decoration: none; }
.asus_pro_b9440 a:hover{ text-decoration: underline; }
.asus_pro_b9440 b{ font-weight: bold; }

.asus_pro_b9440 .background{ background: no-repeat center / cover; }
.asus_pro_b9440 .color_blue{ color: #0abedc; }
.asus_pro_b9440 .shadow{ text-shadow: rgba(0,0,0,.85) .2em .2em .4em; }
.asus_pro_b9440 .bg_gray{ background: linear-gradient(to top, #f7f7f7 10% , #fff 20%) ;background: -webkit-linear-gradient(to top, #f7f7f7 10% , #fff 20%) ;background: -moz-linear-gradient(to top, #f7f7f7 10% , #fff 20%) ; }

/* word style */
.asus_pro_b9440 .word{ line-height: 1.4; padding: 10px; }
.asus_pro_b9440 .word .title{ font-size: 42px; margin-bottom: 30px; }
.asus_pro_b9440 .word .title.big{ font-size: 36px; }
.asus_pro_b9440 .word .text{ font-size: 20px; margin-bottom: 40px; }
.asus_pro_b9440 .word .text.big{ font-size: 54px; }
.asus_pro_b9440 .word .text.small{ font-size: 16px; }
.asus_pro_b9440 .word .text .indent{ text-indent: -.5em; }
.asus_pro_b9440 .word .blue{ color: #15bddc; }
.asus_pro_b9440 .word .data{ font-size: 26px; }
.asus_pro_b9440 .word .data .big{ font-size: 50px; }
.asus_pro_b9440 .word .data_list .small{ font-size: 16px; }
.asus_pro_b9440 .word .data_list .text{ display: inline-block; vertical-align: top; }

.asus_pro_b9440 .word .word_column{ font-size: 26px; margin-bottom: 30px; }
.asus_pro_b9440 .word .word_column .icon{ margin-right: 20px; }
.asus_pro_b9440 .word .word_column > div{ display: inline-block; vertical-align: middle; }

/* picture_list */
.asus_pro_b9440 .picture_list{ position: relative; }
.asus_pro_b9440 .picture_list .item{ position: relative; overflow: hidden; }
.asus_pro_b9440 .picture_list .item .picture{ display: inline-block; }
.asus_pro_b9440 .picture_list .item .word{ position: absolute; left: 320px; top: 0; height: 100%; padding-left: 38px; }
.asus_pro_b9440 .picture_list .item .word .text{ margin: 0; }

/* include_list */
.asus_pro_b9440 .include_list .item{ width: 24%; display: inline-block; vertical-align: top; text-align: center; font-size: 10px; padding: 0 5px; }
.asus_pro_b9440 .include_list .item .blue_title{ color: #0abedc; padding: 4px 0;}

/* group */
.asus_pro_b9440 .group{ position: relative; padding: 20px; }
.asus_pro_b9440 .group.dark{ background-color: #000; color: #fff; }

.asus_pro_b9440 .group_banner .word.first{ position: absolute; padding: 0 30px; right: 6%; top: 6%; z-index: 2; }
.asus_pro_b9440 .group_banner .word.first .title{ margin-bottom: 32px; }
.asus_pro_b9440 .group_banner .bg{ margin-bottom: 0; }
.asus_pro_b9440 .group_banner .notebook{ position: absolute; left: 5%; top: 11%; width: 52%; }

.asus_pro_b9440 .group_banner .last{ position: relative; z-index: 1; padding: 20px; margin-top: -50px; }
.asus_pro_b9440 .group_banner .last .word{ max-width: 1046px;}
.asus_pro_b9440 .group_banner .last .word .text.small{ max-width: 820px; }

.asus_pro_b9440 .group_1{ padding-top: 10%; }
.asus_pro_b9440 .group_1 .word .text{ max-width: 980px; }
.asus_pro_b9440 .group_1 .notebook{ margin-top: 0; }

.asus_pro_b9440 .group_2 .word{ position: absolute; right: 10%; top: 18%; }
.asus_pro_b9440 .group_2 .word .title{ max-width: 850px; }
.asus_pro_b9440 .group_2 .word .text{ max-width: 700px; }

.asus_pro_b9440 .group_3{ padding: 6% 0; }
.asus_pro_b9440 .group_3 .first{ position: absolute; left: 8%; top: 5%; z-index: 2; }
.asus_pro_b9440 .group_3 .notebook{ position: absolute; left: 0; bottom: 0; width: 56%; }
.asus_pro_b9440 .group_3 .picture_list{ width: 48%; margin-left: 52%; }

.asus_pro_b9440 .group_4{ background-image: url(images/group_4_bg.jpg); }
.asus_pro_b9440 .group_4 .notebook{ float: right; width: 50%; }
.asus_pro_b9440 .group_4 .word_picture{ position: absolute; right: 5%; bottom: 5%; margin-right: 5%; text-align: right; font-size: 15px; }
.asus_pro_b9440 .group_4 .first{ float: right; width: 50%; padding-top: 5%; }
.asus_pro_b9440 .group_4 .first .word{ max-width: 780px; }
.asus_pro_b9440 .group_4 .first .word .data_list{ padding-top: 50px; }
.asus_pro_b9440 .group_4 .first .word .data_list .text{ margin: 0 25px;}

.asus_pro_b9440 .group_5 .notebook{ float: right; width: 74%; }
.asus_pro_b9440 .group_5 .first{ position: absolute; top: 20%; left: 6%; }
.asus_pro_b9440 .group_5 .first .word{ max-width: 555px; }
.asus_pro_b9440 .group_5 .first .data_list{ padding-top: 50px; }
.asus_pro_b9440 .group_5 .first .data_list .text{ margin: 0 25px; }

.asus_pro_b9440 .group_6 .first{ position: absolute; top: 10%; left: 0; width: 100%; }
.asus_pro_b9440 .group_6 .first .data_list{ margin-bottom: 40px; }
.asus_pro_b9440 .group_6 .first .data_list .text{ margin: 0 25px;}

.asus_pro_b9440 .group_7 .first{ position: absolute; right: 10%; top: 15%; }
.asus_pro_b9440 .group_7 .first .word{ max-width: 1010px; }

.asus_pro_b9440 .group.group_8{ background: #2e3134 url(images/group_8_bg.jpg) no-repeat center top / contain; }
.asus_pro_b9440 .group_8 .first .word{ max-width: 800px; }
.asus_pro_b9440 .group_8 .picture_bar{ padding: 0 5%; margin-bottom: 15%; }
.asus_pro_b9440 .group_8 .picture_bar .picture{ width: 33%; float: left; }
.asus_pro_b9440 .group_8 .last .word{ max-width: 690px; }
.asus_pro_b9440 .group_8 .keyboard{ padding: 0 5%; }
.asus_pro_b9440 .group_8 .picture_data .text{ margin: 0; width: 32%; }

.asus_pro_b9440 .group_9{ background: #E0E1E3; padding-top: 120px; }
.asus_pro_b9440 .group_9 .word .title{ max-width: 800px; }
.asus_pro_b9440 .group_9 .word .text{ max-width: 946px; }
.asus_pro_b9440 .group_9 .notebook{ margin-top: 80px; }

.asus_pro_b9440 .group_10 .first{ position: absolute; top: 5%; left: 10%; }
.asus_pro_b9440 .group_10 .first .word{ max-width: 760px; }
.asus_pro_b9440 .group_10 .notebook{ margin-top: 15%;}

.asus_pro_b9440 .group_11 .first{ width: 100%; }
.asus_pro_b9440 .group_11 .first .word .text{ max-width: 760px; }

.asus_pro_b9440 .group_12{ padding-bottom: 10%; }
.asus_pro_b9440 .group_12 .first{ position: absolute; top: 0; left: 0; width: 100%; }
.asus_pro_b9440 .group_12 .first .word{ max-width: 1100px; }
.asus_pro_b9440 .group_12 .last{ width: 100%; position: absolute; left: 0; bottom: 6%; }
.asus_pro_b9440 .group_12 .last .word{ position: relative; display: inline-block; padding-left: 100px; text-align: left; max-width: 1035px; }
.asus_pro_b9440 .group_12 .last .word .logo{ position: absolute; left: 0; top: 10px; }
.asus_pro_b9440 .group_12 .last .word .text{ padding-left: 36px; }

.asus_pro_b9440 .group_13{ background-color: #e7e8e9; overflow: hidden;}
.asus_pro_b9440 .group_13 .first{ position: absolute; left: 10%; top: 10%; }
.asus_pro_b9440 .group_13 .first .word{ max-width: 828px; }
.asus_pro_b9440 .group_13 .first .logo_bar{  padding-top: 7%; }
.asus_pro_b9440 .group_13 .first .logo_bar .item{ padding: 0 20px; }
.asus_pro_b9440 .group_13 .notebook{ float: right; width: 65%; margin-bottom: 5%; }

@media (max-width:1700px) {
.asus_pro_b9440 .group_5 .notebook{ margin-right: -5%; }
.asus_pro_b9440 .full{ margin: -20px -5%;}
}
@media (max-width:1600px) {
.asus_pro_b9440 .group_5 .notebook{ margin-right: -10%; }
.asus_pro_b9440 .full{ margin: -20px -10%;}
.asus_pro_b9440 .group_13 .first{ left: 5%; }
.asus_pro_b9440 .group_13 .first .word{ max-width: 770px;}
}
@media (max-width:1400px) {
.asus_pro_b9440 .word .title{ font-size: 38px; }
.asus_pro_b9440 .word .text{ font-size: 18px; }
.asus_pro_b9440 .word .text.big{ font-size: 45px;}
.asus_pro_b9440 .word .word_column{ font-size: 24px;}
.asus_pro_b9440 .word .data .big{ font-size: 46px;}

.asus_pro_b9440 .group_banner .last{ margin-top: 20px;}
.asus_pro_b9440 .group_2 .word .text{ max-width: 645px; }
.asus_pro_b9440 .group_2 .word{ right: 5%; top: 13%;}
.asus_pro_b9440 .group_3 .first{ left: 5%; }

.asus_pro_b9440 .group_4 .first{ float: right; width: 50%; padding-top: 3%; }
.asus_pro_b9440 .group_4 .first .word .data_list{ padding-top: 20px; }
.asus_pro_b9440 .group_4 .first .word .data_list .text{ margin: 0 10px; }
.asus_pro_b9440 .group_4 .word_picture{ position: relative; top: 0; right: 0; float: right; }
.asus_pro_b9440 .group_5 .notebook{ width: 70%; margin-right: -7%;}

.asus_pro_b9440 .group_5 .first .data_list{ float: left; }
.asus_pro_b9440 .group_5 .first .data_list .text{ margin: 0 5px;}

.asus_pro_b9440 .group_6 .bg{ margin: -20px -25%;}

.asus_pro_b9440 .group_7 .first{ right: 2%; top: 8%; }
.asus_pro_b9440 .group_7 .first .word{ max-width: 900px; }
.asus_pro_b9440 .group_10 .first{ left: 5%; }
.asus_pro_b9440 .group_10 .first .word{ max-width: 700px; }
.asus_pro_b9440 .group_10 .notebook{ margin-top: 20%; }

.asus_pro_b9440 .group_11 .first .word .text{ max-width: 850px; }

.asus_pro_b9440 .group_12 .notebook{ margin-top: 7%;}
.asus_pro_b9440 .group_12{ padding-bottom: 15%;}

.asus_pro_b9440 .group_13 .first{ left: 5%; top: 5%;}
.asus_pro_b9440 .group_13 .first .word{ max-width: 670px;}
.asus_pro_b9440 .group_13 .first .logo_bar{ float: left; }
.asus_pro_b9440 .group_13 .first .logo_bar .item{ padding: 20px 0;}
.asus_pro_b9440 .group_13 .first .logo_bar .item img{ width: 80%; }
.asus_pro_b9440 .group_13 .notebook{ width: 60%;}

}
@media (max-width:1200px) {
.asus_pro_b9440 .group_13 .first{ position: relative; left: 0; }
.asus_pro_b9440 .group_13 .notebook{ width: 40%; margin-top: 5%; display: none;}
}
@media (max-width:1024px) {
  .asus_pro_b9440 .word .title{ font-size: 28px; }
  .asus_pro_b9440 .word .text{ font-size: 18px; }
  .asus_pro_b9440 .word .text.big{ font-size: 38px;}
  .asus_pro_b9440 .word .word_column{ font-size: 22px;}
  .asus_pro_b9440 .word .data .big{ font-size: 40px;}

  .asus_pro_b9440 .group_banner .notebook{ display: none; }
  .asus_pro_b9440 .group_banner .word.first{ width: 100%; right: 0; top: 0; margin-top: 5%; }

  .asus_pro_b9440 .group_2 .word{ right: 0;}
  .asus_pro_b9440 .group_3 .first{ position: relative; left: 0; top: 0;}
  .asus_pro_b9440 .group_3 .picture_list{ margin-left: 0; padding-left: 15px; width: 100%; }
  .asus_pro_b9440 .picture_list .item .word{ left: 240px; }
  .asus_pro_b9440 .picture_list .picture img{ width: 240px; }
  .asus_pro_b9440 .group_3 .notebook{ display: none; }

  .asus_pro_b9440 .group_4 .notebook{ clear: both; width: 100%; }
  .asus_pro_b9440 .group_4 .first{ clear: both; width: 100%; }

  .asus_pro_b9440 .group_4 .first .word .data_list{ width: 100%; }
  .asus_pro_b9440 .group_4 .first .word .data_list .text{ margin: 0; width: 32%; }
  .asus_pro_b9440 .group_5 .first{ position: relative; left: 0; top: 0; padding-top: 5%; }
  .asus_pro_b9440 .group_5 .notebook{ width: 100%; margin: 0; }

  .asus_pro_b9440 .group_6 .data_list{ display: none; }
  .asus_pro_b9440 .group_6 .bg{ margin: -20px -35%; }
  .asus_pro_b9440 .group_6 .text:last-child{ display: none; }

  .asus_pro_b9440 .group_7 .first{ position: relative; right: 0; top: 0; }

  .asus_pro_b9440 .group_10 .first{ position: relative; left: 0; top: 0;}
  .asus_pro_b9440 .group_10 .notebook{ margin-top: 0; }

  .asus_pro_b9440 .group_12{ padding-bottom: 0;}
  .asus_pro_b9440 .group_12 .first{ position: relative; }
  /*.asus_pro_b9440 .group_12 .first .text:last-child{ margin-bottom: 0; }*/
  .asus_pro_b9440 .group_12 .last{ position: relative; }
  .asus_pro_b9440 .group_12 .notebook{ margin-top: -5%; }
  .asus_pro_b9440 .group_12 .last .word{ padding-left: 0; }
  .asus_pro_b9440 .group_12 .last .word .text{ padding-left: 0; margin-top: 15px;}
  .asus_pro_b9440 .group_12 .last .word .logo{ position: relative; left: 0; top: 0;}

}
@media (max-width:768px) {


}
@media (max-width:570px) {
.asus_pro_b9440 .group_banner .bg{ position: absolute; left: 0; top: 0; z-index: 1; }
.asus_pro_b9440 .group_banner .word.first{ position: relative; z-index: 2;}
.asus_pro_b9440 .group_2 .word{ position: relative; }
.asus_pro_b9440 .group_5 .first .data_list .text{ margin: 0 5px;}
.asus_pro_b9440 .picture_list .picture img{ width: 100%; }
.asus_pro_b9440 .picture_list .item .word{ position: relative; left: 0;}
.asus_pro_b9440 .group_13 .notebook{ display: none; }
}
@media (max-width:400px) {

}
