@charset "utf-8";
body{font-size:16px !important;}
.tac{text-align:center;}
.tal{text-align:left;}
.tar{text-align:right;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt30{margin-top:30px;}
.mt45{margin-top:45px;}
.mt60{margin-top:60px;}
.mt90{margin-top:90px;}
.mb15{margin-bottom:15px;}
.mb30{margin-bottom:30px;}
.mb45{margin-bottom:45px;}
.mb60{margin-bottom:60px;}
.ml15{margin:0px 15px;}
.ml45{margin:0px 45px;}
.ml60{margin:0px 60px;}
.mv15{margin:15px 0px;}
.mv30{margin:30px 0px;}
.mv45{margin:45px 0px;}
.mv60{margin:60px 0px;}
.mv150{margin:150px 0px;}
.pt15{padding-top:15px;}
.pt45{padding-top:45px;}
.pt60{padding-top:60px;}
.pb15{padding-bottom:15px;}
.pb45{padding-bottom:45px;}
.pb60{padding-bottom:60px;}
.pb200{padding-bottom:200px;}
.pl15{padding:0px 15px;}
.pl45{padding:0px 45px;}
.pl60{padding:0px 60px;}
.pv15{padding:15px 0px;}
.pv45{padding:45px 0px;}
.pv60{padding:60px 0px;}
.mw800{max-width:800px;}
.mw1000{max-width:1000px;margin:0 auto;}
.alc{margin:0 auto;}
.dc{margin:0 auto;}
hr{border-top:1px solid #333;}
a{color:#000;}
a:hover{color:#00a8ff;text-decoration:none;}
#product_top_menu a{padding:10px 10px;}
#product_top_menu a{}
#product_top_menu a:hover{color:#008fd9;}
.metro{display:inline-block;padding:2px 5px;margin:3px;background:#999;font-size:0.7em;color:white;text-decoration:none;}
.metro:hover{background:#57c1d4;color:#FFF;text-decoration:none;}
#product_banner{background:#b5d8dd;background-image:-moz-radial-gradient(center 45deg,circle cover, #fefcfe, #b5d8dd);background-image:-webkit-gradient(radial, 50% 50%, 0, 50% 50%,800, from(#fefcfe), to(#b5d8dd));height:90%;}
#tab2 h2{margin:40px 10px 45px 0;}
a{color:#337ab7;}
a:hover{color:#00a8ff;}
#go_small{font-size:0.7em;}
#go_small table, ul{font-weight:400 !important;}
.content table{line-height:1.4;}
.p_top_link a{margin:0px 10px;line-height:2;}
.p_top_link span{font-size:0.7em;color:#337ab7;}
.product_bannerXXX{background:#b5d8dd;background-image:-moz-radial-gradient(center 45deg,circle cover, #fefcfe, #b5d8dd);background-image:-webkit-gradient(radial, 50% 50%, 0, 50% 50%,800, from(#fefcfe), to(#b5d8dd));height:90%;}
.product_banner{background:#b2d8e8;background-image:-moz-radial-gradient(center 45deg,circle cover, #ffffff, #ddf1ff);background-image:-webkit-gradient(radial, 50% 50%, 0, 50% 50%,800, from(#ffffff), to(#ddf1ff));border-left:#FFF thin solid;border-right:#FFF thin solid;height:100%;z-index:100;border-bottom:#eaeff5 solid thick;}
.p_logo a{display:inline;text-decoration:none;}
.p_logo img{width:40px;}
.p_zoom{position:absolute;bottom:0px;right:20px;}
.tab_wrap{background-color:#CCCCCC;}
.tab_wrap a{display:block;overflow:hidden;}
.banner-title{color:#444444;}
.banner-subtitle{color:#4a4a4a;font-weight:300;line-height:1.4;}
h2{line-height:1.4;}
.detail_content{margin:20px;padding:0;}
.white{color:#FFFFFF;}
.white h2, .white p, .white .note{color:#FFFFFF;}
.white a{}
.white a:hover{text-decoration:underline;}
#tab1 img{width:auto;}
p{font-size:16px;color:#444;line-height:1.7;letter-spacing:-0.4px;}
.mw900{max-width:900px;margin:0 auto;}
#tab2 h1{margin:30px 0px;}
#tab2 img{width:auto;margin-top:30px;}
#tab3 p{font-size:16px;color:#2c2c2c;line-height:1.7;font-weight:300;letter-spacing:-0.4px;}
.bg_grey{background-color:#eaeff5;}
.performance{width:100%;}
table.performance{width:100%;}
#tab3{overflow:hidden;}
#tab3 .specifi{border-top:none;}
#tab3 .specifi h3{border-bottom:thin solid #CCC;padding-bottom:15px;margin:10px 0px 20px 0px;}
.specifi_img_1{left:0%;top:0%;float:right;position:relative;bottom:90px;}
.specifi_img_2{float:right;position:relative;top:-20px;}
.specifi_img_3{float:right;position:relative;top:0px;left:0%;}
.specifi_img_4{position:relative;top:-30px;}
.specifi h3 .metro{font-size:0.6em;font-weight:400;position:relative;top:-3px;}
#tab3 .btn-xs, .btn-group-xs>.btn{padding:0px 5px;font-size:12px;line-height:1.5;border-radius:3px;margin:-3px 0px 0px 5px;}
.product_item_a{border:#ccc thin solid;text-align:center;padding:0px 10px;min-height:300px;}
#tab2 ul, .tab li{margin:0px 20px;padding:0;}
#tab3 ul, .tab li{margin:0px 20px;padding:0;}
.specifi_img_os{position:absolute;left:55%;top:18px;}
.product_tabs li{width:300px;}
@media only screen and (max-width:768px){#tab1 img{width:100%;}
#tab2 img{width:100%;}
#tab3 #specifi_right{width:100%;}
#tab3 #specifi_left{width:100%;}
.banner_p_pic{width:100%;}
}
@media only screen and (max-width:1200px){}
@media only screen and (max-width:992px){.tab_container h1{font-size:24px;}
.tab_container h2{font-size:20px;}
.product_banner h1{font-size:24px;}
.product_banner h2{font-size:20px;}}
}
@media only screen and (max-width:768px){.tab_container h1{font-size:24px;}
.tab_container h2{font-size:20px;}
.product_banner h1{font-size:24px;}
.product_banner h2{font-size:20px;}
}
}
@media only screen and (max-width:480px){.tab_container h1{font-size:24px;}
.tab_container h2{font-size:20px;}
.product_banner h1{font-size:24px;}
.product_banner h2{font-size:20px;}
}
@media only screen and (max-width:320px){.tab_container h1{font-size:24px;}
.tab_container h2{font-size:20px;}
.product_banner h1{font-size:24px;}
.product_banner h2{font-size:20px;}
}
.list-outer{margin-left:-15px !important;margin-right:-15px !important;}
.border_b{
	padding-bottom:30px;
	border-bottom:#e4e4e4 solid thin;	
}


@media(max-width: 767px){
	.flex-box{
		display: block;
	}
}
@media(min-width: 768px){
	.flex-box
	{
	  display: flex;
	  -webkit-align-items: center;
			  align-items: center;
	  -webkit-justify-content: center; 
			  justify-content: center;
	}
}
@font-face { font-family:'Glyphicons Halflings'; src:url('https://www.asustor.com/fonts/glyphicons-halflings-regular.eot'); src:url('https://www.asustor.com/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('https://www.asustor.com/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('https://www.asustor.com/fonts/glyphicons-halflings-regular.woff') format('woff'), url('https://www.asustor.com/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('https://www.asustor.com/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg') }
.glyphicon { position:relative; top:1px; display:inline-block; font-family:'Glyphicons Halflings'; font-style:normal; font-weight:normal; line-height:1; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale }






@media(max-width: 767px){
	.banner-title{font-size:48px;font-weight:400;}
	.banner-subtitle{ font-size:24px; font-weight:300;}
}
@media(min-width: 768px){
	.banner-subtitle{ font-size:26px; font-weight:600; line-height:1.3;}
	.banner-title{font-size:64px;font-weight:600;}	

}



a.link-btn {
  margin-top: 2%;
  display: inline-block;
  margin-right: 15px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  -ie-border-radius: 25px;
  -o-border-radius: 25px;
  border-radius: 25px;
  border: 2px solid #92a1ac;
  color: #92a1ac;
  padding: 3px 15px;
font-weight: 500;
}
a.link-btn:hover,
a.link-btn:focus {
  text-decoration: none;
  background-color: #92a1ac;
  color: #fff;
}

#section_472
{

	
	background: -webkit-radial-gradient(#cc3300,#9a0000);
	background: -o-radial-gradient(#cc3300,#9a0000);
    background: -moz-radial-gradient(#cc3300,#9a0000);
	
}
a#adobe_logo
{
	color:#f84538;
}
a#adobe_logo:hover
{
	color: #FFFFFF;
	text-decoration: underline;
	
}
#section_561 h2.section-title
{
	color: #FFFFFF !important;
}
.pv90
{
	padding: 90px 0px !important;
}
.dim_white h2, .dim_white p, .dim_white .note, .dim_white ul li {
    color: rgb(198, 198, 198);
}
a.link-btn-blue 
{
    margin-top: 2%;
    display: inline-block;
    margin-right: 15px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ie-border-radius: 25px;
    -o-border-radius: 25px;
    border-radius: 25px;
    color: #fff;
    padding: 6px 100px;
    font-size: 20px;
    min-width: 150px;
    /*background-color: #0066ff;*/
    background-color: rgba(0,0,0,0.65);
    -webkit-backdrop-filter: saturate(180%) blur(20px);
    backdrop-filter: saturate(180%) blur(20px);

    border: 1px solid #ffffff;

    font-weight: 500;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
}
a.link-btn-blue:hover, a.link-btn-blue:focus {
    text-decoration: none;
    background: #ffffff;
    color: #333333;
}