@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_p4540 *, .asus_p4540 *:before, .asus_p4540 *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.asus_p4540 img{ max-width: 100% !important; height: auto; vertical-align: middle; }
.asus_p4540 .wmax{ width: 100%; }
.asus_p4540 .text_center{ text-align: center; }
.asus_p4540 .clearfix{ clear: both; }

.asus_p4540 .color_blue{ color: #0abedc; }

.asus_p4540 b{ font-weight: bold; }

.asus_p4540 .word{ line-height: 1.4; }
.asus_p4540 .word .title{ font-size: 23px; margin-bottom: 28px; }
.asus_p4540 .word .text{ font-size: 16px; margin-bottom: 15px; }
.asus_p4540 .word .small_text{ font-size: 12px; margin-top: 40px; }

.asus_p4540 .word.info .word_column{ font-size: 36px; margin-bottom: 30px; }
.asus_p4540 .word.info .word_column .icon{ margin-right: 20px; }
.asus_p4540 .word.info .word_column > div{ display: inline-block; vertical-align: middle; }

.asus_p4540 .include_list .item{ width: 24%; display: inline-block; vertical-align: top; text-align: center; font-size: 10px; padding: 0 5px; }
.asus_p4540 .include_list .item .blue_title{ color: #0abedc; padding: 4px 0;}

/* page style */
.asus_p4540{ position: relative; font-family: 'myriadpro-light'; font-size: 18px; color: #4b4b4b;  line-height: 1; }

.asus_p4540 .banner .box{ position: relative; }
.asus_p4540 .banner .word{ position: absolute; padding: 0 10%; left: 0; }
.asus_p4540 .banner .word.first{ top: 5%; width: 100%; }
.asus_p4540 .banner .word.last{ bottom: 5%; }

.asus_p4540 .group_1{}
.asus_p4540 .group_1 .box{ padding-bottom: 10%; background: no-repeat bottom -webkit-linear-gradient(bottom, #f6f6f7 5%  , #fff 95% ); background-size: 100% 20% ;  }
.asus_p4540 .group_1 .box .word{ padding: 5%; }
.asus_p4540 .group_1 .box .word .text{ /*padding: 0 15%;*/ }
.asus_p4540 .group_1 .box .notebook{ padding-left: 5%; }

.asus_p4540 .group_2{ padding: 10%; }
.asus_p4540 .group_2 .box{ position: relative; padding-top: 5%; padding-left: 35%;}
.asus_p4540 .group_2 .box .logo{ position: absolute; left: 0; top: 0; width: 30%; }
.asus_p4540 .group_2 .box .word .text{ }

.asus_p4540 .group_3{ position: relative; margin-bottom: 15%; padding: 5% 10%; background: no-repeat right top; background-size: 100% 100%; }
.asus_p4540 .group_3 .box{ width: 55%; padding-bottom: 5%; }
.asus_p4540 .group_3 .box .include_list{}
.asus_p4540 .group_3 .box .include_list .item{ margin-bottom: 10px; }
.asus_p4540 .group_3 .notebook{ width: 60%; position: absolute; right: 0; top: -8%; }
.asus_p4540 .group_3 .passes{ text-align: right; position: absolute; font-size: 12px; right: 55%; bottom: 10%; }

.asus_p4540 .group_4{ padding: 10%; padding-bottom: 0; }
.asus_p4540 .group_4 .photo_list{}
.asus_p4540 .group_4 .photo_list .item{ padding: 10%; position: relative; padding-left: 35%; }
.asus_p4540 .group_4 .photo_list .item .icon{ width: 30%; position: absolute; left: 0; top: 0; text-align: center; font-size: 14px; }
.asus_p4540 .group_4 .photo_list .item .icon img{ margin-bottom: 10px; }
.asus_p4540 .group_4 .photo_list .item.first{ margin-bottom: 10%; }

.asus_p4540 .group_5{ position: relative; }
.asus_p4540 .group_5 .word{ width: 36%; position: absolute; left: 10%; top: 15%; }
.asus_p4540 .group_6{ padding: 10%; padding-bottom: 0; }
.asus_p4540 .group_6 .photo_list .item{ position: relative; padding-right: 360px; margin-bottom: 7%; }
.asus_p4540 .group_6 .photo_list .item .icon{ width: 320px;  text-align: left; font-size: 16px; }
.asus_p4540 .group_6 .photo_list .item .icon img{ margin-bottom: 10px; }
.asus_p4540 .group_6 .photo_list .item .word{ position: absolute; right: 0; top: 5%; width: 52%;}
.asus_p4540 .group_6 .photo_list .item .word .title{ margin-bottom: 16px; }

@media (max-width:1700px) {

}
@media (max-width:1400px) {

}
@media (max-width:1200px) {

}
@media (max-width:1024px) {

}
@media (max-width:768px) {
.asus_p4540 .word{ line-height: 1.4; }
.asus_p4540 .word .title{ font-size: 20px; margin-bottom: 20px; }
.asus_p4540 .word .text{ font-size: 12px; margin-bottom: 15px; }
.asus_p4540 .word .small_text{ font-size: 12px; margin-top: 40px; }

.asus_p4540 .word.info .word_column{ font-size: 18px; margin-bottom: 20px; }
.asus_p4540 .word.info .word_column .icon{ margin-right: 10px; width: 40px; }
.asus_p4540 .word.info .word_column > div{ display: inline-block; vertical-align: middle; }

.asus_p4540 .include_list .item{ width: 23%; display: inline-block; vertical-align: top; text-align: center; font-size: 10px; padding: 0 5px; }
.asus_p4540 .include_list .item .blue_title{ color: #0abedc; padding: 4px 0;}

.asus_p4540 .banner .word.last{ bottom: 0; }
.asus_p4540 .banner .word{ padding: 5%; }

.asus_p4540 .group_3 .box{ position: relative; z-index: 1; }
.asus_p4540 .group_3 .notebook{ top: auto; bottom: -8%; }
.asus_p4540 .group_3 .passes{  display: none; right: 60%; bottom: 3%; width: 40%; font-size: 10px; }

.asus_p4540 .group_4{ padding: 5%; }
.asus_p4540 .group_4 .photo_list .item{ padding-right: 0; }

.asus_p4540 .group_5 .word{ width: 50%; left: 5%; top: 10%; }
.asus_p4540 .group_6 .photo_list .item{ padding-right: 0; }
.asus_p4540 .group_6 .photo_list .item .icon{ width: 100%; }
.asus_p4540 .group_6 .photo_list .item .word{ position: relative; width: 100%; margin-top: 20px; }

}
@media (max-width:570px) {

}
@media (max-width:400px) {

}