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

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

.asus_simpro b{ font-weight: bold; }

.asus_simpro .word{ line-height: 1.4; padding-left: 10px;}
.asus_simpro .word .title{ font-size: 20px; margin-bottom: 5px; }
.asus_simpro .word .title.big{ font-size: 36px; }
.asus_simpro .word .text{ font-size: 14px; margin-bottom: 30px; }
.asus_simpro .word .text .indent{ text-indent: -.5em; }
.asus_simpro .word .small_text{ font-size: 12px; margin-top: 40px; }

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

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

.asus_simpro .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%) ; }

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

.asus_simpro .banner .box{ position: relative; }
.asus_simpro .banner .photo_box{ position: relative; }
.asus_simpro .banner .photo_box .word.first{ position: absolute; padding: 0 10%; left: 0; bottom: 3%; width: 100%; color: #fff; }
.asus_simpro .banner .photo_box .word.first .title{ font-size: 36px; margin-bottom: 0; }
.asus_simpro .banner .photo_box .word.first .text{ font-size: 23px; }
.asus_simpro .banner .word.last{ padding: 3% 5%; padding-bottom: 0; }

.asus_simpro .group_1 .box{ padding: 5% 10%; }
.asus_simpro .group_1 .box .word.first{ padding: 0 10%; }
.asus_simpro .group_1 .row{ overflow: hidden; margin-top: 10%; }
.asus_simpro .group_1 .row .bar{ float: left; width: 50%; }
.asus_simpro .group_1 .row.one .left{ padding-right: 10%; }
.asus_simpro .group_1 .row.one .right{ padding-top: 10%; }
.asus_simpro .group_1 .row.two .bar{ float: right; }
.asus_simpro .group_1 .row.two .left{ padding-left: 10%; }

.asus_simpro .group_2{ padding: 5% 10%; overflow: hidden; }
.asus_simpro .group_2 .pic{ margin-right: -20%; }
.asus_simpro .group_2 .box .word{ padding: 5% 10%; }
.asus_simpro .group_2 .icon_list{ overflow: hidden; }
.asus_simpro .group_2 .icon_list .item{ float: left; width: 50%; padding:5% 7%; line-height: 1.4; }
.asus_simpro .group_2 .icon_list .item .icon{ text-align: center;}
.asus_simpro .group_2 .icon_list .item .icon img{ height: 62px; margin-bottom: 30px; }
.asus_simpro .group_2 .icon_list .item .title{ font-size: 19px; margin-bottom: 10px; }
.asus_simpro .group_2 .icon_list .item .text{ font-size: 15px; }

.asus_simpro .group_3{ padding: 5% 10%; }
.asus_simpro .group_3 .row{ overflow: hidden; margin-right: -10%; margin-top: 60px; }
.asus_simpro .group_3 .row .bar{ float: right; }
.asus_simpro .group_3 .row .left{ width: 30%; }
.asus_simpro .group_3 .row .right{ width: 70%; }
.asus_simpro .group_3 .row .left .word.one{ margin-bottom: 90px; }
.asus_simpro .group_3 .table{ margin-top: 30px; }

.asus_simpro .group_4 .icon_list{ overflow: hidden; padding: 0 10%; }
.asus_simpro .group_4 .icon_list .item{ float: left; width: 50%; padding:5%; line-height: 1.4; }
.asus_simpro .group_4 .icon_list .item .icon img{ margin-bottom: 30px; }
.asus_simpro .group_4 .icon_list .item .title{ font-size: 19px; margin-bottom: 10px; }
.asus_simpro .group_4 .icon_list .item .text{ font-size: 15px; }

.asus_simpro .group_5{ padding: 5% 10%; }
.asus_simpro .group_5 .pic_1{ margin: 60px 0; padding-right: 20%; }
.asus_simpro .group_5 .pic_2{ padding-left: 10%; }

.asus_simpro .group_6{ padding: 5% 10%; }
.asus_simpro .group_6 .table{ margin-top: 40px; }



@media (max-width:1700px) {

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

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

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

}
@media (max-width:768px) {
.asus_simpro .row .bar{ clear: both; width: auto !important; }
.asus_simpro .group_1 .box .word.first{ padding: 0; }
.asus_simpro .group_1 .row .bar .pic{ width: 70%; }
.asus_simpro .group_1 .row .left{ text-align: center; }
.asus_simpro .group_1 .row.two .left{ margin-bottom: 30px; }
.asus_simpro .group_2 .icon_list .item{ width: auto; }
.asus_simpro .group_3 .row .left .word.one{ margin-bottom: 0; }
.asus_simpro .group_4 .icon_list .item{ width: auto; }
}
@media (max-width:570px) {

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

}