@charset "utf-8";
.tac { text-align:center }
.container-fluid .row { padding:0 }
.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 }
.ml20 { margin:0 20px }
.ml15 { margin:0 15px }
.ml30 { margin:0 30px }
.ml45 { margin:0 45px }
.ml60 { margin:0 60px }
.mv15 { margin:15px 0 }
.mv30 { margin:30px 0 }
.mv45 { margin:45px 0 }
.mv60 { margin:60px 0 }
.mv150 { margin:150px 0 }
.pt15 { padding-top:15px }
.pt45 { padding-top:45px }
.pt60 { padding-top:60px }
.pt90 { padding-top:90px }
.pb15 { padding-bottom:15px }
.pb45 { padding-bottom:45px }
.pb60 { padding-bottom:60px }
.pb200 { padding-bottom:200px }
.pl15 { padding:0 15px }
.pl45 { padding:0 45px }
.pl60 { padding:0 60px }
.pv15 { padding:15px 0 }
.pv45 { padding:45px 0 }
.pv60 { padding:60px 0 }
.mw800 { max-width:800px }
.alc { margin:0 auto }
.dc { margin:0 auto }
.mobile_bar { height:60px; border-bottom:#ddd }
.mobile_bar_outer { height:59px; border-bottom:#ddd; background-color:#FFF }
#menu { margin:0; list-style:none; with:1150px; align:center; height:60px; border-bottom:#eee thin solid }
#menu ul { height:150px }
#menu li { margin:0; padding:0 }
#menu li a { color:#00a8ff; color:#000; text-decoration:none; display:inline-block; padding:18px 0; font-size:16px; line-height:15px; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; }
#menu li a:hover { color:#00a8ff }
#menu li a:hover:before { width:0 }
#menu li a:before { content:""; display:block; position:relative; top:38px; left:0; bottom:0; height:3px; width:0; background:#00a8ff; -webkit-transition:width .25s; -moz-transition:width .25s; -ms-transition:width .25s; -o-transition:width .25s; transition:width .25s }
#menu li.active a:before { width:100% }
#sub_ul { z-index:9998; max-height:0 }
#corver_liner { background:#fff; background:-moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(100%, rgba(243,243,243,1))); background:-webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 100%); background:-o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 100%); background:-ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 100%); background:linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f3f3f3', GradientType=0)
}
#sub_ul li a { font-size:14px; line-height:20px }
#sub_ul li a:hover { color:#008fd9 }
#sub_ul li > a { padding:3px 20px 0 0 }
#sub_ul li > a:before { position:relative; top:25px; left:0; bottom:0; height:0; width:0; background:red }
#menu li ul { margin:0; list-style:none; position:relative; left:0; width:100%; color:#fff; background:#F6F6F6 url(bottom.gif) no-repeat bottom; display:none }
#menu li ul li { border-right:0 solid #fff }
#menu li ul li a { line-height:20px; color:#00a8ff; font-size:14px; -o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s; }
#menu li ul li a:hover { text-decoration:none; color:#008fd9 }
.flow { display:inline-block }
.logo { width:120px; margin-left:0; margin-right:30px }
.lan { margin-top:4px; margin-right:15px }
.searchbar { margin-top:16px }
#layout_nav { background-color:#FFF; height:60px; z-index:9999 }
.sub_menu_table a { color:#606a72!important ;-o-transition: .3s; -ms-transition: .3s; -moz-transition: .3s; -webkit-transition: .3s; transition: .3s;}
.sub_menu_table a:hover { color:#00a8ff!important }
.sub_out { position:absolute; top:60px; width:100%; margin:0 auto }
.nav_sub { display:none; position:absolute; /*top:60px;*/ width:100%; margin:0 auto; z-index:200; background:linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 100%); box-shadow:0 4px 2px -1px rgba(0,0,0,0.17) }
.sub_menu_table { table-layout:fixed; margin-top:6px }
.sub_menu_table td { vertical-align:text-top; padding-right:20px }
.sub_menu_table h3 { font-size:16px; color:#000; margin-bottom:15px; }
.sub_menu_table a { display:block; font-size:14px; line-height:1; margin-bottom:7px; }
.new_logo { margin-left:5px; margin-top:-3px; height:12px }
.line { border-bottom:#E4E4E4 thin solid }
#layout_nav a { font-size:14px }
#row2 { background-color:#f5f7f9 }
#row3 { background-color:#f3eded }
#row4 { padding:120px 0 0 }
.box { border:#CCC thin solid; border-radius:5px; width:150px; height:120px; line-height:1.4; padding:0 10px }
.box2 { border:#CCC thin solid; border-radius:5px; width:120px; height:120px; line-height:1.4; padding:0 10px; position:relative }
.box_lg { border:#666 thin solid; border-radius:5px; width:150px; height:150px; line-height:1.4; position:relative; background:rgba(255,255,255,.3) }
.spec_box { border:#666 thin solid; border-radius:5px; width:150px; min-height:150px; line-height:1.4; padding:0 10px; position:relative; background-image:url(../../images/product_feature/AS3204T/arrow_transcoding.png); background-position:50% 10%; background-size:auto; background-repeat:no-repeat }
.dsd_box { border:#666 thin solid; border-radius:5px; width:150px; min-height:150px; line-height:1.4; padding:0 10px; position:relative; background:rgba(255,255,255,.3) }
.spec_box p { line-height:1.2 }
.help { font-size:14px; display:inline-block; padding:5px 30px; margin:10px 0; background:#187bbb; cursor:pointer; border-radius:3px; color:#fff!important; text-decoration:none !important\;
}
.help:hover { background:#338fff; color:#FFF; text-decoration:none }
.mw1050 { max-width:1050px }
.mw800 { max-width:800px }
.mw600 { max-width:600px }
.mw400 { max-width:400px }
.mh500 { max-height:500px; overflow:hidden!important }
.embed-responsive { max-height:400px!important; overflow:hidden }
.bt { border-top:#CCC thin solid }
.toggle { display:none; z-index:9999; background-color:#FFF; padding-bottom:0; padding-top:0; height:60px }
@media (max-width:992px) {
#layout_nav { display:none }
.toggle { display:block }
#layout_nav li { float:none }
#layout_nav li a { padding:10px 15px }
#layout_nav li:hover ul { position:relative; display:block; background:transparent }
#layout_nav li:hover ul li { background:transparent }
#layout_nav li:hover ul li a { padding-left:30px }
.arrow-bottom { top:20px }
}
.mobile_slidedown_area { padding:0; position:absolute; /*top:60px;*/ left:0; width:100%; z-index:9999 }
.mobile_slidedown_area li { padding:15px }
#m_menu_first { background-color:#484848; padding:0 }
#gotop_img { position:relative; top:0; left:-4px }
#sub_ul { line-height:24px }
#sub_ul li { font-size:16px; color:#343434; color:#000; display:block }
.top_menu_table { table-layout:fixed; text-align:left }
.top_menu_table td { vertical-align:text-top; text-align:left; padding-right:20px }
.could_link_title a { color:#343434 }
.could_link_title { color:#000!important }
#m_menu { cursor:pointer; max-width:50px; max-height:50px; margin-top:12px }
#m_menu:hover { background-color:#CCC }
#m_menu_first { margin-bottom:-20px; display:none }
#m_menu_first ul { padding:0; display:none }
#m_menu_first ul li div { padding-left:15px }
.m_menu_third div { padding-left:30px!important }
#m_menu_first li { list-style:none; border-bottom:#666 thin solid; width:100%; cursor:pointer }
.m_menu_second { background-color:#2C2C2C }
.m_menu_third { background-color:#242424; text-indent:20px }
#m_menu_first a { color:#fff; cursor:pointer }
#m_menu_first a:hover { color:#00a8ff }
#m_menu_first li:hover a { color:#00a8ff }
#m_menu_first img { width:24px; transition:all .5s ease; transform-style:preserve-3d }
.rotate { transform:rotate(-90deg) }
.div_right { float:right; margin:0 35px }
.div_left { float:left; margin-left:25px; margin-right:50px }
.top_nav { width:100%; z-index:9999; background-color:#FFF; padding-bottom:0; height:60px }
.mobile_logo { width:120px; margin-top:8px }
.nav_ie { background:#FFF; background:-webkit-linear-gradient(rgba(255,255,255,1), rgba(255,255,255,0.97)); background:-o-linear-gradient(rgba(255,255,255,1), rgba(255,255,255,0.97)); background:-moz-linear-gradient(rgba(255,255,255,1), rgba(255,255,255,0.97)); background:linear-gradient(rgba(255,255,255,1), rgba(255,255,255,0.97)) }
.img-responsive { display:inline-block }
@media (min-width: 1200px) 
{
.container { width:1280px }
}
body { margin:auto; font-family:segoe ui, Helvetica, 微軟正黑體, Arial, 'Open Sans Condensed', Heiti TC, "Microsoft JhengHei", 微软雅黑, "Microsoft YaHei", "Lucida Sans Unicode", Verdana, Tahoma, sans-serif, Arial, 微軟雅黑體; font-size:16px; letter-spacing:-.4px; color:#444; line-height:1.7; }
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-weight:400 }
select { -webkit-box-shadow:inset 0 1px 0 #fff; -webkit-border-radius:3px }
input { border:1px solid #c4c4c4; -webkit-border-radius:3px; -webkit-margin-start:2px; -webkit-margin-end:2px; -webkit-padding-before:.35em; -webkit-padding-start:.35em; -webkit-padding-end:.35em; -webkit-padding-after:.325em; -moz-border-radius:3px; -moz-margin-start:2px; -moz-margin-end:2px; -moz-padding-before:.35em; -moz-padding-start:.35em; -moz-padding-end:.35em; -moz-padding-after:.325em; -moz-padding:10px 0 }
textarea { background-color:#FFF }
#bg_product { background:url(../images/banner_img/blue_bg_p.jpg) no-repeat 0 0 }
#top_bg { height:100px; width:100%; position:absolute; color:#069; padding-bottom:15px; height:20px }
#h3_line {
border-top:red thin solid;
background-color:red
}
.clear { clear:both; overflow:hidden; height:4px }
#main_content { text-align:left; width:100%; height:auto; margin:0 auto; text-align:center }
#main_content_body { width:100%; margin:0 auto; text-align:left }
#top_banner { width:1150px; height:100px; position:relative }
#logo { margin:15px 0 0 15px; width:140px; float:left }
.menu { float:right; margin:0 20px 5px; padding:0; font-family:Arial, 微軟正黑體, "Microsoft JhengHei", 微软雅黑, "Microsoft YaHei", "Lucida Sans Unicode", Helvetica, Verdana, Tahoma, sans-serif, 微软雅黑; position:relative }
#center_banner { margin:0 0 10px 2px; height:400px }
#center_banner_content { width:400px; height:auto; float:left; padding:55px 0 0 20px }
#learn_more { width:400px; height:50px; clear:both; float:left; padding-top:10px }
#learn_more a { padding:6px; margin:0 0 0 80px; text-decoration:none; color:#000; font-size:12px; border:1px #CCC solid }
#learn_more a:hover { padding:6px; margin:0 0 0 80px; color:#666; border:1px #999 solid }
.banner_img { height:116px; width:900px; padding:0; margin:0; overflow:hidden }
.banner_img img { padding:0; width:900px; height:116px; top:0; left:0 }
#sidebg-top { height:105px }
#sidebg-cnt { height:100% }
#sidebg-bottom { height:105px }
#page_content_p { font-size:1em; width:1200px; height:100%; overflow:hidden; margin:0 auto; top:-100px; position:relative; text-align:left; min-height:600px }
#page_content { width:1150px; height:100%; margin:0 auto; position:relative; text-align:left; line-height:20px; margin-bottom:50px }
a.nav:link, a.nav:visited { display:block; float:left; padding:4px 11px 0; margin:0; width:auto; height:18px; text-align:center; line-height:20px; font-weight:700; font-size:14px; text-decoration:none; color:#333 }
a.nav:hover { display:block; float:left; padding:4px 11px 0; margin:0; width:auto; height:18px; text-align:center; line-height:20px; text-decoration:none; color:#562231; border-bottom:1px #562231 dashed }
#left_section { width:250px; margin-top:10px; float:left; padding:0; min-height:700px }
#full_section { margin-left:10px; width:1150px }
#left_section_p { width:200px; margin:10px; float:left; padding:0 }
.left_menu { margin-left:10px; width:250px }
.left_menu_p { margin:0 0 0 10px; width:260px; font-size:14px; padding:6px; -moz-border-radius:5px; -webkit-border-radius:5px }
.left_menu_item { height:20px; border-bottom:#FFF dashed 1px; margin:10px 20px; padding-left:25px; text-align:left }
.left_menu_item a { color:#666; font-size:14px; font-weight:500; text-decoration:none; background:url(../images/bullet_add_2.png) no-repeat 0 3px; padding-left:14px }
.left_menu_item a:hover { width:100px; color:#666; background:#FFF; text-decoration:none }
.left_menu_item_p { width:80%; min-height:22px; height:auto; margin:10px 0; padding-left:3px; text-align:left }
.specifi_content { height:100%; overflow:hidden }
.left_menu_item_p a { text-decoration:none; color:#444; background:url(../images/templates/16X16_arrow_icon.png) no-repeat 0 4px; background-position:0 70%; padding-left:18px; width:150px }
.left_menu_item_p a:hover { color:#00a8ff; padding-left:18px }
.left_menu_item_p_two a { text-decoration:none; color:#444; width:150px; background-image:none; padding-left:0; font-weight:500 }
.left_menu_item_p_two a:hover { background-image:none; padding-left:0; font-weight:500 }
.left_menu_row { height:280px }
.menu_title { margin:20px 5px 10px; font-size:13px; height:21px; padding:10px 0; font-weight:700; text-align:center; letter-spacing:1px }
.menu_title_p { margin:0 0 20px; font-size:24px; line-height:1.4; min-height:21px; padding:0 15px 10px 0; color:#333 }
.second_title { margin-left:24px; witdh:250px!important; line-height:22px; font-size:14px; color:#666 }
.second_title:hover { color:#00a8ff; text-decoration:none }
.left_box_border { width:250px; height:auto; border:1px #CCC solid; padding:2px; margin-top:15px }
.left_box { width:250px; height:auto; background:url(../images/box.jpg) no-repeat top; padding-top:10px }
#login { padding:10px }
.input { width:140px; height:12px; font-size:10px }
.submit { float:right; margin-right:30px; margin-top:5px }
img.pic { float:left; padding:10px }
/*.title {
	font-size:14px;
	font-weight:700;
	color:#7B0E10
}*/
.title a { text-decoration:none; font-weight:700; color:#7B0E10 }
.content { margin-top:10px }
.content table { margin:0 auto; font-size:1em }
#right_section { margin:20px 10px 10px 0; width:750px; height:auto; float:right; line-height:20px }
#right_section_p { margin:0 0 10px 50px; width:900px; height:auto; float:right; min-height:400px }
#right_section_pp { width:1150px; text-align:left; padding-left:20px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; -moz-box-shadow:#666 0 2px 3px; margin:0 0 50px 10px }
#right_section_top { position:fixed }
.right_section_top { margin-bottom:-70px }
a#comparision_table { text-decoration:none; padding:5px 12px }
#comparision_table { color:#333; position:relative; bottom:-30px; left:810px; width:120px; height:20px; text-align:center; margin-top:20px; padding:5px; border:#CCC 1px solid; background:#ebf1f6; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViZjFmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2FiZDNlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkNWViZmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjODljM2ViIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background:-moz-linear-gradient(top, #ebf1f6 0%, #abd3ee 50%, #d5ebfb 100%, #89c3eb 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #ebf1f6), color-stop(50%, #abd3ee), color-stop(100%, #d5ebfb), color-stop(100%, #89c3eb)); background:-webkit-linear-gradient(top, #ebf1f6 0%, #abd3ee 50%, #d5ebfb 100%, #89c3eb 100%); background:-o-linear-gradient(top, #ebf1f6 0%, #abd3ee 50%, #d5ebfb 100%, #89c3eb 100%); background:-ms-linear-gradient(top, #ebf1f6 0%, #abd3ee 50%, #d5ebfb 100%, #89c3eb 100%); background:linear-gradient(to bottom, #ebf1f6 0%, #abd3ee 50%, #d5ebfb 100%, #89c3eb 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ebf1f6', endColorstr='#89c3eb', GradientType=0);
-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px }
#comparision_table:hover { color:#666; background:#d2eceb; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QyZWNlYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZDJlNmVjIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNkMmU2ZWMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QyZTZlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjMwJSIgc3RvcC1jb2xvcj0iI2Q2ZTJlYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU0JSIgc3RvcC1jb2xvcj0iI2MyZDJlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc1JSIgc3RvcC1jb2xvcj0iI2JiYzlkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiMWJlZDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-moz-linear-gradient(top, #d2eceb 0%, #d2e6ec 0%, #d2e6ec 0%, #d2e6ec 0%, #d6e2ec 30%, #c2d2e2 54%, #bbc9dd 75%, #b1bed7 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #d2eceb), color-stop(0%, #d2e6ec), color-stop(0%, #d2e6ec), color-stop(0%, #d2e6ec), color-stop(30%, #d6e2ec), color-stop(54%, #c2d2e2), color-stop(75%, #bbc9dd), color-stop(100%, #b1bed7)); background:-webkit-linear-gradient(top, #d2eceb 0%, #d2e6ec 0%, #d2e6ec 0%, #d2e6ec 0%, #d6e2ec 30%, #c2d2e2 54%, #bbc9dd 75%, #b1bed7 100%); background:-o-linear-gradient(top, #d2eceb 0%, #d2e6ec 0%, #d2e6ec 0%, #d2e6ec 0%, #d6e2ec 30%, #c2d2e2 54%, #bbc9dd 75%, #b1bed7 100%); background:-ms-linear-gradient(top, #d2eceb 0%, #d2e6ec 0%, #d2e6ec 0%, #d2e6ec 0%, #d6e2ec 30%, #c2d2e2 54%, #bbc9dd 75%, #b1bed7 100%); background:linear-gradient(to bottom, #d2eceb 0%, #d2e6ec 0%, #d2e6ec 0%, #d2e6ec 0%, #d6e2ec 30%, #c2d2e2 54%, #bbc9dd 75%, #b1bed7 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2eceb', endColorstr='#b1bed7', GradientType=0)
}
.right_box { margin:20px 10px 10px 0 }
img.pic_border { float:left; padding:2px; margin-right:15px; border:1px solid #CCC }
.title_small { font-size:12px; font-weight:700; color:#000 }
#right_box_1 { width:250px; height:280px; float:left; margin:10px 1px 10px 10px; border-right:3px #B3B5B8 solid }
#right_box_2 { width:280px; height:280px; float:left; margin:10px 5px 10px 1px; padding-left:12px; border-left:1px #CCC solid }
.news_box { padding:10px 0 0; clear:both }
img.pic_news { float:left; padding:0 10px 10px }
.news_suimages { clear:both; float:left; padding-top:5px; margin-left:10px; border-bottom:1px #CCC solid }
.news_link { float:left; padding-right:30px }
.news_link a { text-decoration:none; color:#999 }
.news_link a:hover { text-decoration:none; color:#000 }
#center_box_bar { padding-top:0; height:200px; width:100%; position:relative; top:5px; text-align:left; background:url(../images/fade.png) repeat-x; background-position:left:-40px
}
.center_box { background:url(../images/linefu.png) no-repeat; width:200px; height:150px; padding-right:50px; position:relative; top:20px; left:40px }
.box_img { padding-left:25px }
.box_title { width:220px; color:#333; font-weight:800; font-size:14px }
.box1 { width:230px; height:100px; position:absolute; left:0; border-right:dotted 1px #666 }
.box2 { width:240px; height:100px; position:absolute; left:25%; border-right:dotted 1px #666 }
.box3 { width:240px; height:100px; position:absolute; left:50.5%; border-right:dotted 1px #666 }
.box4 { position:absolute; left:77%; height:100px }
#center_box_bar_2 { padding-top:50px; height:175px; width:100%; position:relative; text-align:center; background:url(../images/fade.png) repeat-x }
.center_box_2_2 { width:400px; height:410px; padding:0 }
.box_img_2 { padding-left:10px }
.box_title_2 { width:420px; color:#333; font-weight:800; font-size:14px }
.box2_2 { width:420px; height:180px; position:absolute; left:20%; border-right:dotted 1px #666 }
.box4_2 { position:absolute; left:52%; width:420px; height:180px }
.box5_2 { position:absolute; left:26.8%; width:880px; height:210px; border-bottom:dotted 1px #666 }
ul.services { list-style-type:none; float:left; display:block; width:auto; height:20px; margin:0; padding:10px 0 0 2px }
ul.services li { display:inline }
a.nav_services:link, a.nav_services:visited { display:block; padding:1px 0 0 14px; margin:2px; width:auto; height:auto; text-align:left; line-height:17px; text-decoration:none; background:url(../images/bullet.png) no-repeat left; color:#000 }
a.nav_services:hover { display:block; padding:1px 0 0 14px; margin:2px; width:auto; height:auto; text-align:left; line-height:17px; text-decoration:none; background:url(../images/bullet_a.png) no-repeat left; color:#000 }
#copyrights { width:350px; color:#666; font-size:10px; float:left; padding:10px; position:static }
#madeby { width:200px; height:60px; float:right; text-align:center; padding-top:10px }
#madeby a { text-decoration:none; color:#666 }
ul.footer../images/ {
list-style-type:none;
float:left;
display:block;
width:auto;
height:auto;
margin:0;
padding:3px 0 0 10px
}
ul.footer../images/li {
display:inline
}
a.nav2:link, a.nav2:visited { display:block; float:left; padding:4px 0 0 5px; margin:2px; width:auto; height:20px; text-align:center; line-height:16px; text-decoration:none; color:#999 }
.nav2 a:hover { display:block; float:left; padding:4px 0 0 5px; margin:2px; width:auto; height:20px; text-align:center; line-height:16px; text-decoration:none; color:#000 }
.nav2 a:visited { display:block; float:left; padding:4px 0 0 5px; margin:2px; width:auto; height:20px; text-align:center; line-height:16px; text-decoration:none; color:#999 }
.nav2 a:link { display:block; float:left; padding:4px 0 0 5px; margin:2px; width:auto; height:20px; text-align:center; line-height:16px; text-decoration:none; color:#999 }
a.nav2:hover { display:block; float:left; padding:4px 0 0 5px; margin:2px; width:auto; height:20px; text-align:center; line-height:16px; text-decoration:none; color:#000 }
.clearboth { clear:both }
.theme-default #slider { margin:100px auto 0; width:618px; height:246px }
.theme-pascal.slider-wrapper, .theme-orman.slider-wrapper { margin-top:150px }
.clear { clear:both }
#pic_content { float:right; width:400px; margin:20px 15px 0 0; position:relative }
#intro_content { float:left; width:700px; margin:25px 5px 10px -15px; padding:10px; line-height:20px }
#gallery_zoom { width:30px; height:30px; line-height:30px; display:block; background:url(../images/templates/btn/gallery_zoom.png) no-repeat; background-position:0 0; border:none }
#gallery_zoom:hover { background:url(../images/templates/btn/gallery_zoom.png) no-repeat; background-position:-30px 0 }
.detail_slogan { font-size:1.2em; color:#0079c0; font-weight:500; line-height:1.4; margin:30px 0 20px }
.detail_intro { font-size:1em; color:#252525; line-height:1.4 }
.detail_content { margin:20px 10px 10px 20px; color:#252525; font-size:16px; line-height:1.8; font-weight:400 }
#product_top_menu { font-weight:400 }
.detail_content li { list-style:outside }
.left_menu_bottom { background:url(../images/templates/left_menu_bottom.jpg) no-repeat; height:14px; margin-bottom:30px }
.left_menu_bottom_p { background:url(../images/templates/left_menu_bottom_p.jpg) no-repeat; height:14px; margin-bottom:30px }
table.highlight { width:168px; min-height:185px; vertical-align:middle; background:#F1F1F1; padding:0 15px; margin:5px 5px 25px; -webkit-border-radius:7px; -moz-border-radius:7px; border-radius:7px; box-shadow:4px 4px 10px -5px rgba(20%,20%,20%,0.1); color:#4578A7; text-decoration:none }
a table.highlight tbody tr td.feature_title { text-decoration:none }
table.highlight:hover { background:#CCC; color:#39648A }
img.highlight { width:80px; margin:0 auto; border:0 }
.feature_img { width:90px; padding-left:10px; vertical-align:middle }
td.feature_img { height:90px; padding-left:40px }
.feature_content_img { margin:60px 0 20px; max-width:500px; text-align:center }
.feature_content_img_even { margin:60px 0 30px; max-width:600px; text-align:center }
.feature_content_img_major { margin:40px 0 0; max-width:900px }
td.feature_title { vertical-align:top; height:60px; padding:0 3px; text-shadow:0 1px #fff; font-family:軟正黑體, Arial, "Microsoft JhengHei", 微软雅黑, "Microsoft YaHei", "Lucida Sans Unicode", Helvetica, Verdana, Tahoma, sans-serif; font-size:13px }
.feature_title a { color:#000; font-weight:600; vertical-align:top; height:40px; text-decoration:none; text-align:left }
.feature_title a:hover { color:#999 }
.feature_title2 { font-size:38px; color:#333; font-weight:300; vertical-align:top; margin:40px 10px 10px 0; padding-top:20px; line-height:1.2; letter-spacing:-.4px }
.feature_intro { font-size:13px; color:#333; margin-top:5px; line-height:20px; padding:0 5px; height:130px }
.read_more a { font-size:12px; color:#888; margin-top:5px; text-decoration:none }
.read_more a:hover { color:#333 }
.feature_content { font-size:13px; margin:0 20px; line-height:23px }
.main_container { margin:20px }
.thickbox { z-index:3 }
form { margin:0; display:inline }
select { position:relative; left:0; top:1px; font-size:14px; padding:5px; width:auto; line-height:25px; color:#909993; border:#CCC 1px solid; margin-right:10px }
input { border:#CCC 1px solid; padding:5px }
.border-top { border-top:1px #CCC solid; border-right:1px #CCC solid; border-left:1px #CCC solid; background:#EEE }
.border-side { border-right:1px #CCC solid; border-left:1px #CCC solid }
.border-bottom { border-right:1px #CCC solid; border-left:1px #CCC solid; border-bottom:1px #CCC solid; background:#FFF }
.specifi ul { list-style-type:square }
.specifi ul .second_ul { list-style-type:disc }
.specifi { padding:10px 30px; position:relative; margin-bottom:20px }
#tab3 .specifi { border-top:thin solid #CCC }
.specifi li { line-height:20px }
#specifi_left { width:48%; float:left }
#specifi_right { width:48%; float:right }
.specifi_img_1 { position:absolute; left:75%; top:70% }
.specifi_img_2 { position:absolute; right:20px; top:10px }
.specifi_img_2 img { width:90px }
.specifi_img_3 { position:absolute; left:70%; top:0 }
.specifi_img_4 { position:relative }
.os { position:absolute; left:150px; top:40px }
.bread { color:#27252C; width:100%; background:url(../images/templates/full-width-separator.png) no-repeat 0 23px; height:30px }
.bread a { color:#777; text-decoration:none }
.bread a:hover { color:#999 }
.product_title { margin:0 0 20px 4px; font-size:48px; font-family:微軟正黑體, 'Open Sans Condensed', sans-serif, Arial, Heiti TC, "Microsoft JhengHei", 微软雅黑, "Microsoft YaHei", "Lucida Sans Unicode", Helvetica, Verdana, Tahoma, sans-serif, Arial, 微軟雅黑體; letter-spacing:2px; color:#3f3e48; line-height:50px; white-space:nowrap }
.tr2 { background:#eee }
.hiring_title { font-size:14px; color:#069; font-weight:600; padding:10px }
.hiring_department { padding:0 10px; font-weight:600 }
.hiring_intro { padding:0 10px }
.hiring_degree { padding:10px 10px 0; font-weight:600 }
.hiring_num { padding:10px 0 }
.detail { margin:10px }
.adm_news { line-height:22px; padding:5px; color:#666; margin-bottom:30px; font-size:14px; padding:10px; -moz-border-radius:5px; -webkit-border-radius:5px }
.adm_news td { padding:5px }
.news_content { margin:10px 40px }
.news_content ul, .news_content p, .news_content li, .news_content div { margin:0 }
.news_content ul li { list-style:square; margin-left:-25px }
.adm_news li { list-style:disc; max-width:530px }
.adm_news a { text-decoration:none; color:#069; display:inline-block; max-width:750px }
.searchbar input[type=text] { width:130px; -webkit-transition:width .4s ease-in-out; transition:width .4s ease-in-out }
.search_input { border:#b8bfc7 thin solid!important; height:26px; background:#fff!important; padding:0; -moz-border-radius:20px; -webkit-border-radius:20px; outline:medium; padding:0 25px 0 10px; transition:all .3s ease-in-out }
.search_input:focus { border:#57c1d4 thin solid!important; height:26px; width:170px; background:#f5f5f5!important; padding:0; -moz-border-radius:20px; -webkit-border-radius:20px; outline:medium; padding:0 25px 0 10px }
.search_btn:focus { outline:0 }
.search { background:url(../images/templates/lens_black_22.png) no-repeat; width:22px; height:22px; border:none; box-shadow:none; outline:none; background-color:#EEE; border-radius:22px; transition:all .3s ease-in-out; transform-style:preserve-3d }
.search_active { background:url(../images/templates/lens_white_22.png) no-repeat; background-color:#57c1d4; transform:rotate(-360deg) }
@media (max-width: 767px) {
.searchbar input[type=text]:focus { width:200px }
.searchbar { margin-top:0 }
}
@media (min-width: 768px) {
.searchbar input[type=text]:focus { width:250px }
}
@media (max-width: 991px) {
.search_btn { background:none; border:none; position:relative; top:5px; right:37px }
}
@media (min-width: 992px) {
.search_btn { background:none; border:none; position:absolute; top:17px; right:13px }
}
#menubar { position:relative; z-index:100 }
#menubar_left { float:right; position:relative }
#menubar_right { float:right; position:relative }
.nav3 { margin-right:15px; line-height:10px; color:#666 }
.nav3 a { text-decoration:none; color:#333 }
#flexslider { position:relative; z-index:0 }
.note { color:#999; line-height:1.8; margin-top:15px }
#center_box_1010 { width:1010px; position:relative; top:10px; margin:0 auto }
.center_long_box { text-align:left; margin-left:70px; position:relative; width:700px; height:290px; background:url(../images/center_box/world_map.png) no-repeat 250px 30px }
.center_long_box_left { float:left; width:220px; height:230px; text-align:left; background:url(../images/center_box/middle_circle.png) no-repeat; padding:60px 0 0 50px }
.center_long_box_right { float:right; text-align:left; width:410px; height:230px; font-size:18px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; -moz-box-shadow:#666 0 2px 3px; padding-top:70px }
.box_title1 { font:22px Rockwell Extra Bold, Arial, 微軟正黑體, "Microsoft JhengHei", 微软雅黑, serif; font-weight:600; color:#999 }
.box_content1 { font-size:12px; line-height:23px; margin-top:10px }
.box_content2 { font-size:12px; line-height:23px; margin-top:10px }
ul li.col { display:inline; float:left; width:150px; font-weight:600; color:#000; text-align:left }
ul li.col a { text-decoration:none; color:#000 }
ul li.col a:hover { color:#066 }
ul li.col ul { padding-left:0; text-decoration:none }
.star { color:#F33; margin:0 3px }
.app_space { width:280px; margin:30px; padding:5px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; -moz-box-shadow:#666 0 2px 3px; background:url(../images/templates/bgbg.png) }
table.app_table td { padding:5px; margin:0 auto }
.app_title { color:#000; font-weight:600; font-size:13px }
.top_table { width:140px; text-align:center; position:relative }
#pagination { margin:20px auto; text-align:center }
#pagination a { text-decoration:underline; color:#036; padding:3px }
.compare_table { margin:0; width:100%; margin-top:20px }
.compare_table th { height:30px; color:#FFF; padding:0 5px; background:#78b4c1; padding:5px 20px; border:1px solid #FFF }
.compare_table td { height:20px; padding:5px 10px; border:1px solid #FFF }
.compare_table tr:nth-of-type(odd) { background:#e7eaf0 }
.compare_table tr:nth-of-type(even) { background:#fff }
.compare_table button { height:20px; margin:0; padding:0 5px }
.download_title { font-size:16px; font-weight:600; color:#069; margin-top:20px }
.download_link { background:url(../images/templates/12x12_download_arrow.png) no-repeat 0 5px; padding-left:16px; margin:7px 0 }
.download_link a { text-decoration:none }
.download_link a:hover { text-decoration:underline }
.compare_describe { margin:20px 20px 35px 5px }
.breadcrumb { background-color:#FFF }
.breadcrumb, .breadcrumb a { color:#666; text-decoration:none; margin-bottom:20px }
.breadcrumb a:hover { color:#036!important; text-decoration:none }
.c { padding-bottom:40px; min-height:320px; position:relative; color:#666; font-size:16px; line-height:1.4; text-align:justify; margin-top:40px }
.columns { margin:0 auto; width:970px; padding-left:40px }
.download_intro { margin-top:50px; font-size:14px; line-height:30px; text-align:center }
.quick_link { position:relative; height:29px }
.btn-1 { font-size:12px; text-align:center; width:110px; padding:3px 0; margin:1px 3px; background:#c4d1dc; background:-moz-linear-gradient(top, #c4d1dc 0%, #95acc1 49%, #9fb3c5 50%, #8399b3 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #c4d1dc), color-stop(49%, #95acc1), color-stop(50%, #9fb3c5), color-stop(100%, #8399b3)); background:-webkit-linear-gradient(top, #c4d1dc 0%, #95acc1 49%, #9fb3c5 50%, #8399b3 100%); background:-o-linear-gradient(top, #c4d1dc 0%, #95acc1 49%, #9fb3c5 50%, #8399b3 100%); background:-ms-linear-gradient(top, #c4d1dc 0%, #95acc1 49%, #9fb3c5 50%, #8399b3 100%); background:linear-gradient(to bottom, #c4d1dc 0%, #95acc1 49%, #9fb3c5 50%, #8399b3 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c4d1dc', endColorstr='#8399b3', GradientType=0);
color:#fff; text-decoration:none; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; position:absolute; bottom:20px; right:0 }
.btn-1:hover { color:#FFF; background:#d4dee6; background:-moz-linear-gradient(top, #d4dee6 0%, #b1c2d1 49%, #b8c7d4 50%, #a5b4c7 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #d4dee6), color-stop(49%, #b1c2d1), color-stop(50%, #b8c7d4), color-stop(100%, #a5b4c7)); background:-webkit-linear-gradient(top, #d4dee6 0%, #b1c2d1 49%, #b8c7d4 50%, #a5b4c7 100%); background:-o-linear-gradient(top, #d4dee6 0%, #b1c2d1 49%, #b8c7d4 50%, #a5b4c7 100%); background:-ms-linear-gradient(top, #d4dee6 0%, #b1c2d1 49%, #b8c7d4 50%, #a5b4c7 100%); background:linear-gradient(to bottom, #d4dee6 0%, #b1c2d1 49%, #b8c7d4 50%, #a5b4c7 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d4dee6', endColorstr='#a5b4c7', GradientType=0);
text-decoration:none }
.btn-2 { font-size:14px; text-align:center; width:170px; padding:8px 0; margin:1px; letter-spacing:.2px; display:inline-block; background:#87949a; color:#fff; font-weight:400; text-decoration:none }
.btn-2:hover { background:#57c1d4; color:#FFF; text-decoration:none }
.metro { display:inline-block; padding:5px 30px; margin:10px; background:#57c1d4; cursor:pointer; border-radius:1px; color:#fff; font-weight:700; text-decoration:none }
.metro:hover { background:#60dff6; color:#FFF; text-decoration:none }
.metro:active { background-color:#259f87 }
.metro_green { display:inline-block; padding:5px 30px; margin:10px; background:#a7d02c; cursor:pointer; border-radius:1px; color:#fff; font-weight:700; text-decoration:none }
.metro_green:hover { background:#bbea2c; color:#FFF; text-decoration:none }
.metro_green:active { background:#a7d02c }
.metro_small { display:inline-block; padding:0 10px; margin:1px; background:#CCC; cursor:pointer; color:#fff; font-weight:700; text-decoration:none }
.metro_small:hover { background:#57c1d4; color:#FFF; text-decoration:none }
.footer_address { margin:0 auto; position:relative; width:1000px; height:10px }
.footer_social { position:absolute; width:80px; background:#CCC; top:3px; left:920px; -moz-border-radius:7px; -webkit-border-radius:7px; border-radius:7px }
.footer_social a img { border:0 }
.footer_social img { margin:6px 1px 1px; width:15px }
table.packageContents td { width:272px; text-align:center; vertical-align:top; font-weight:600; -moz-border-radius:5px; -webkit-border-radius:5px; background:url(../images/templates/bgbg.png) }
table.packageContents img { width:200px }
table.packageContents tr { height:250px }
.article_content { margin:10px 0 30px 10px }
.article_content ol li { list-style-type:lower-latin; margin-bottom:5px }
.article_content ul li { list-style-type:disc; margin-bottom:10px }
.download_table { background:#FFF; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding:20px }
.download_table td { padding:10px }
.sell_content1 { width:300px; padding:5px }
.store_logo { max-width:140px; max-height:58px; text-align:center }
.sell_table { table-layout:fixed; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; margin:2px 0 5px 15px; width:800px; border:thin #e4e4e4 solid }
.help { font-size:14px; display:inline-block; padding:5px 30px; margin:10px; background:#187bbb; cursor:pointer; border-radius:1px; color:#fff!important; text-decoration:none !important\;
}
.help:hover { background:#338fff; color:#FFF; text-decoration:none }
.blod { font-weight:600 }
.sell_img { height:100px }
.certify { position:absolute; top:40px; left:105px }
.certify img { margin:10px 5px 20px 3px; float:right; width:40px }
table.performance { margin:0 auto; max-width:800px }
table.performance th { background:#e7eaf0; width:100px; color:#333; padding-left:20px }
table.performance td.t1 { background:#78b4c1; padding:5px 0; padding-left:20px; color:#FFF }
table.performance td { padding-left:20px }
td.resource { height:55px }
td.resource img { max-height:100px; max-width:90px }
.second_ul { padding-left:20px }
.second_num_ul { padding-left:20px }
.second_num_ul li { list-style-type:decimal }
.third_ul { padding-left:20px }
img { border:0 }
img a { text-decoration:none; border:none }
a em { display:block; height:30px; width:30px; position:relative }
a span { display:hidden }
.sprite_layout { background-image: url(../images/templates/index/spritesheet.png); background-repeat: no-repeat; display: block; display:inline-block; }
.sprite-asustor_forum_btn { width: 30px; height: 30px; background-position: -5px -5px; }
.sprite-asustor_forum_btn:hover { width: 30px; height: 30px; background-position: -35px -5px; }
.sprite-asustor_weibo { width: 30px; height: 30px; background-position: -75px -5px; }
.sprite-asustor_weibo:hover { width: 30px; height: 30px; background-position: -105px -5px; }
.sprite-commun_facebook { width: 30px; height: 30px; background-position: -5px -45px; }
.sprite-commun_facebook:hover { width: 30px; height: 30px; background-position: -35px -45px; }
.sprite-commun_instagram { width: 30px; height: 30px; background-position: -5px -125px; }
.sprite-commun_instagram:hover { width: 30px; height: 30px; background-position: -35px -125px; }
.sprite-earth2 { width: 30px; height: 30px; background-position: -145px -5px; position: relative; top: 10px; }
.sprite-earth2b { width: 30px; height: 30px; background-position: -75px -45px; position: relative; top: 10px; }
.sprite-go_to_top { width: 30px; height: 30px; background-position: -115px -45px; }
.sprite-google_plus_btn { width: 30px; height: 30px; background-position: -5px -85px; }
.sprite-google_plus_btn:hover { width: 30px; height: 30px; background-position: -35px -85px; }
.sprite-lens_black_22 { width: 22px; height: 22px; background-position: -155px -45px; }
.sprite-m_menu { width: 32px; height: 32px; background-position: -155px -77px; }
.sprite-mobile_arrow { width: 50px; height: 50px; background-position: -75px -85px; }
.sprite-new { width: 30px; height: 12px; background-position: -135px -119px; }
.sprite-next { width: 40px; height: 80px; background-position: -197px -5px; }
.sprite-prev { width: 40px; height: 80px; background-position: -197px -95px; }
.sprite-rss_btn { width: 30px; height: 30px; background-position: -5px -185px; }
.sprite-rss_btn:hover { width: 30px; height: 30px; background-position: -35px -185px; }
.sprite-twitter_btn { width: 30px; height: 30px; background-position: -75px -185px; }
.sprite-twitter_btn:hover { width: 30px; height: 30px; background-position: -105px -185px; }
.sprite-youtube_btn { width: 30px; height: 30px; background-position: -145px -185px; }
.sprite-youtube_btn:hover { width: 30px; height: 30px; background-position: -175px -185px; }
#wilder { background-image:url(../../images/live_demo/back.jpg); z-index:9999; background-repeat:repeat-x; background-size:cover; height:600px }
.text_link_arrow { padding-right:16px; width:16px; height:8px; line-height:8px; background:url(../../images/templates/8X8_arrow_right.png) no-repeat; background-position:35px 5px; border:none }
#tel_icon { background:url(../../images/templates/16x16_where-to-buy.png) no-repeat; text-indent:20px }
#fax_icon { background:url(../../images/templates/fax_small.png) no-repeat; text-indent:20px }
#address_icon { background:url(../../images/templates/16x16_where-to-buy-50.png) no-repeat; text-indent:20px }
.top_menu a { color:#337ab7; padding:10px }
.top_menu a:hover { color:#00a8ff; text-decoration:none }
.back_01 { background-image:url(../../images/feature/content_img/01_back.jpg) }
.div-inline { display:inline }
#top_menu2 { background-repeat:no-repeat; background-position:10% 122% }
#language { color:#000; text-decoration:none }
#language:hover { color:#00a8ff; text-decoration:none }
#language_2 { color:#666; text-decoration:none; position:relative; top:8px; left:100px }
.tac { text-align:center }
.tal { text-align:left }
.tar { text-align:right }
.mt5 { margin-top:5px }
.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:0 15px }
.ml45 { margin:0 45px }
.ml60 { margin:0 60px }
.mv15 { margin:15px 0 }
.mv30 { margin:30px 0 }
.mv45 { margin:45px 0 }
.mv60 { margin:60px 0 }
.mv150 { margin:150px 0 }
.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:0 15px }
.pl45 { padding:0 45px }
.pl60 { padding:0 60px }
.pv15 { padding:15px 0 }
.pv45 { padding:45px 0 }
.pv60 { padding:60px 0 }
.mw800 { max-width:800px }
.alc { margin:0 auto }
.dc { margin:0 auto }



/*============================*/

@media (max-width:767px) {
#style_5 .title { font-weight:300; line-height:1.3em; font-size:32px !important; }
#style_5 .sub-title { font-weight:300; font-size:20px; line-height:34px !important; }
}
@media (min-width:768px) and (max-width:991px) {
#style_5 .title { font-weight:300; line-height:1.3em; font-size:32px !important; }
#style_5 .sub-title { font-weight:300; font-size:20px; line-height:34px !important; }
}
@media (min-width:992px) and (max-width:1199px) {
#style_5 .title { font-size:40px !important; font-weight:400; margin:0; margin-bottom:15px }
#style_5 .sub-title { line-height:1.3; font-size:24px !important; }
}
@media (min-width:1200px) and (max-width:1399px) {
#style_5 .title { font-size:48px !important; font-weight:400; margin:0; margin-bottom:15px }
#style_5 .sub-title { line-height:1.3; font-size:28px !important; }
}
@media (min-width:1400px) {
#style_5 .title { font-size:48px !important; font-weight:600; margin:0; margin-bottom:15px; }
#style_5 .sub-title { line-height:1.3; font-size:28px !important; }
}
.banner_position .title, .banner_position .sub-title { color:#333333; }
/*===========================*/
.text-primary { color: #007bff!important; }
.text-secondary { color: #6c757d!important; }
.text-success { color: #28a745!important; }
.text-danger { color: #dc3545!important; }
.text-warning { color: #ffc107!important; }
.text-info { color: #17a2b8!important; }
.text-light { color: #f8f9fa!important; }
.text-dark { color: #343a40!important; }
.text-muted { color: #6c757d!important; }
.text-white { color: #fff!important; }
.fix_bg { background-attachment: fixed !important; background-repeat: no-repeat !important; background-position: center center !important; }