.arrow-group .ar-prev,.arrow-group .ar-next,.quick-unit,.quick-unit .service-icon {
	display:inline-block;
	*display:inline;
	zoom:1;
	vertical-align:top
}
.fluid-box,.item,.slider-group .silder-cont,.search-box,.service-item,.my-products .header,.prods-list {
	* zoom:1
}
.fluid-box:after,.item:after,.slider-group .silder-cont:after,.search-box:after,.service-item:after,.my-products .header:after,.prods-list:after,.fluid-box:before,.item:before,.slider-group .silder-cont:before,.search-box:before,.service-item:before,.my-products .header:before,.prods-list:before {
	content:"";
	display:table;
}
.fluid-box:after,.item:after,.slider-group .silder-cont:after,.search-box:after,.service-item:after,.my-products .header:after,.prods-list:after {
	clear:both;
	overflow:hidden
}
.prod-item .title-name,.it-list li>a,.entry-item .title {
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.wide-inner {
	max-width:1180px;
	margin:0 auto;
	padding:0 20px
}
.home-header {
	/*position:absolute;
	top:0;*/
	height:520px;
	width:100%;
	background-color:#f2f3f5
}
.home-header .wide-inner {
	position:relative;
	height:100%
}
.content {
	margin-bottom:80px;
	display:block;
}
.fluid-box {
	width:100%
}
.fluid-box .half-box {
	width:50%;
	float:left
}
.fluid-box .col-3 {
	width:25%;
	float:left;
	margin-top: 36px;
}
.fluid-box .col-4 {
	width:33.3%;
	float:left
}
.item .left {
	float:left;
	margin-right:10px
}
.item .right {
	float:right;
	margin-left:10px
}
.slider-group {
	width:100%
}
.slider-group .mask {
	width:100%;
	height:100%;
	overflow:hidden
}
.arrow-group .ar-prev,.arrow-group .ar-next {
	width:20px;
	height:20px;
	background:transparent url(../images/mainpage201408/arrow.png) 0 0 no-repeat
}
.arrow-group .ar-prev {
	background-position:0px 0px;
	margin-right:2px
}
.arrow-group .ar-prev:hover,.arrow-group .ar-prev .no-next {
	background-position:0px -20px
}
.arrow-group .ar-next {
	background-position:-26px -21px
}
.arrow-group .ar-next:hover,.arrow-group .ar-next .no-next {
	background-position:-26px -1px
}
.pages-title {
	font-size:26px;
	font-weight:normal;
	padding:10px 0
}
.see-all {
	margin-top:0;
	margin-right:0;
	padding-right:12px;
	padding-left:0;
	background:url(../images/mainpage201408/sub_button.png) no-repeat right center;
	font-size:14px
}
.mt-20 {
	margin-top:20px
}
.mt-30 {
	margin-top:30px
}
.mt-40 {
	margin-top:40px
}
.mb-20 {
	margin-bottom:20px
}
.home-header .wide-inner {
	background:transparent url(../images/mainpage201408/home_bg.jpg) no-repeat right bottom
}
.home-header .wide-inner .MDA_content {
	position:static
}
.home-header .wide-inner .MDA_top {
	position:absolute;
	font-weight:bold;
	right:20px;
	top:100px
}
.header-box {
	padding-top:140px;
	width:480px
}
.hh-cont .title {
	font-size:42px;
	font-weight:normal;
	line-height:1
}
.hl-list {
	margin:0;
	font-size:16px;
	color:#575656
}
.hl-list li {
	padding:2px 0
}
.search-box {
	position:relative;
	margin-top:34px
}
.search-bar {
	position:relative;
	width:374px;
	float:left
}
.search-bar .search-input {
	font-size:14px;
	width:302px;
	padding:10px 58px 10px 10px;
	border:1px solid #929292;
	border-radius:0;
	outline:none
}
.search-bar .search-btn {
	position:absolute;
	top:0;
	right:0;
	width:42px;
	height:44px;
	border-left:1px solid #ccc;
	background:transparent url(../images/mainpage201408/search_icon.jpg) center center no-repeat
}
.tips {
	float:left;
	position:relative;
	margin:6px 0 0 20px
}
.tips #lb_step0.dropdown-menu {
	top:32px;
	left:-10px;
	padding:10px;
	border-radius:0;
	box-shadow:none
}
.tips #lb_step0.dropdown-menu:before,.tips #lb_step0.dropdown-menu:after {
	display:none
}
.tips-btn {
	width:28px;
	height:28px;
	display:block;
	background:transparent url(../images/mainpage201408/tips_icon.png) center center no-repeat
}
.ac_results {
	position:absolute;
	z-index:9;
	top:46px;
	overflow-y:auto;
	width:372px;
	height:286px;
	border:1px solid #ccc;
	background-color:#fff
}
.ac_results .selectbox {
	margin-bottom:0
}
.ac_results .selectbox li {
	padding:8px;
	cursor:pointer
}
.ac_results .selectbox li:hover {
	background-color:#ccc
}
.service-top {
	margin-top:0px;
	padding-bottom:36px;
	border-bottom:1px solid #ccc
}
.service-item {
	color:#000;
	box-sizing:border-box;
	display:block;
	margin-right:10%;
	*width:89%
}
.service-item h2 {
	margin-bottom:6px;
	font-size:18px;
	font-weight:normal
}
.service-item p {
	font-size:12px;
	line-height:1.3;
	color:#7d7d7d
}
.service-item .left img {
	width:60px
}
.service-item:hover h2 {
	color:#00a8ff
}
.service-item:hover p {
	color:#000
}
.service-middle {
	margin-top:36px;
	padding-bottom:36px;
	border-bottom:1px solid #ccc
}
.quick-group {
	margin-left:7%
}
.quick-group .title {
	margin-bottom:26px;
	font-size:30px;
	line-height:1.2
}
.quick-unit {
	width:100px;
	color:#000;
	text-align:center;
	border:none;
	background-image:none
}
.quick-unit .service-icon {
	-webkit-transition:All 0.2s ease;
	-moz-transition:All 0.2s ease;
	-o-transition:All 0.2s ease;
	transition:All 0.2s ease;
	width:55px;
	height:55px;
	margin-bottom:6px;
	border-radius:50%;
	background:transparent url(../images/mainpage201408/service_icon.png) center 0 no-repeat
}
.quick-unit.no-br .service-icon {
	background-color:#00a8ff
}
.quick-unit.no-br:hover .service-icon {
	background-color:#0185cd
}
.quick-unit.ss-2 .service-icon {
	background-position:center -55px;
	background-color:#00bbf7
}
.quick-unit.ss-2:hover .service-icon {
	background-color:#0097c6
}
.quick-unit.ss-3 .service-icon {
	background-position:center -165px;
	background-color:#00ced7
}
.quick-unit.ss-3:hover .service-icon {
	background-color:#02a5ac
}
.quick-unit.ss-4 .service-icon {
	background-position:center -220px;
	background-color:#00cdbb
}
.quick-unit.ss-4:hover .service-icon {
	background-color:#00a496
}
.quick-unit.ss-5 .service-icon {
	background-position:center -110px;
	background-color:#00caec
}
.quick-unit.ss-5:hover .service-icon {
	background-color:#01a2be
}
.quick-unit.ss-6 .service-icon {
	background:transparent url(../images/qs-6_2.png) center 0 no-repeat;
        border-radius: 0%;
	/*background-position:center -275px;
	background-color:#00c99d*/
}
.quick-unit.ss-6:hover .service-icon {
	/*background-color:#00a17f*/
}
.quick-unit:first-child {
	margin-left:0
}
.quick-unit:last-child {
	margin-right:0
}
.quick-unit:hover {
	color:#000
}
.service-account {
	box-sizing:border-box;
	min-height:150px;
	padding-right:6%;
	border-right:1px solid #ccc;
	background:transparent url(../images/mainpage201408/support_account.jpg) 91.5% bottom no-repeat
}
.service-account .title {
	margin-bottom:26px;
	font-size:30px;
	line-height:1.2
}
.my-products {
	position:relative;
	padding-right:6%;
	border-right:1px solid #ccc
}
.my-products .arrow-group {
	position:absolute;
	right:6%;
	top:10px
}
.my-products .title {
	margin-bottom:26px;
	font-size:30px;
	line-height:1.2;
	float:left
}
.my-products .see-all {
	float:left;
	margin-left:26px;
	margin-top:14px
}
.prods-list {
	float:left;
	width:100%
}
.prods-list li {
	float:left;
	width:46%;
	margin-right:4%
}
.products-box {
	height:70px
}
.prod-item .left {
	width:56px;
	min-height:56px
}
.prod-item .title-name {
	font-size:14px;
	margin-bottom:8px
}
.prod-item .entry a {
	margin-right:26px
}
.account-item .entry {
	width:340px;
	font-size:14px;
	color:#7d7d7d
}
.service-bottom {
	margin-top:36px
}
.service-bottom .col-inner {
	margin-right:20%
}
.service-bottom .title {
	font-size:24px;
	margin-bottom:22px;
	font-weight:normal;
}
.service-bottom .more-space {
	margin-top:38px;
	margin-bottom:18px
}
.it-list {
	margin-bottom:16px
}
.it-list li {
	padding:0;
	background:transparent none
}
.it-list li>a {
	display:block;
	font-size:14px;
	color:#000;
	padding:3px 0 3px 8px;
	background:#fff url(../images/mainpage201408/point.jpg) 0 7px no-repeat
}
.it-list li>a:hover {
	color:#00a8ff
}
.entry-item {
	margin-bottom:30px
}
.entry-item:nth-child(3) {
	margin-bottom:18px
}
.entry-item .title {
	font-size:16px;
	margin-bottom:6px
}
.entry-item .cont {
	color:#7d7d7d;
	font-size:14px;
	max-height:60px;
	overflow:hidden;
	line-height:1.4
}
.entry-item a {
	color:#000
}
.entry-item a:hover {
	color:#00a8ff
}
.bh-list {
	font-size:14px
}
.bh-list li {
	margin-bottom:4px
}
#lb_zone.dropdown-menu {
	height:600px;
	width:900px;
	padding:20px;
	position:fixed;
	background-color:#FFF;
	z-index:1000;
	top:0;
	left:0;
	bottom:0;
	margin:auto;
	right:0
}
.channelBlack {
	position:fixed;
	z-index:999;
	width:100%;
	height:100%;
	top:0;
	left:0;
	background-color:#000;
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
	opacity:0.4
}
#ddlProd,#ul_series,#ul_model {
	max-height:200px;
	overflow-y:auto
}
#ddlProd>li,#ul_series>li,#ul_model>li {
	display:block;
	float:none
}
#ddlProd>li a,#ul_series>li a,#ul_model>li a {
	padding:4px !important
}
@media (max-width:959px) {
	.home-header .wide-inner {
	background-size:70%
}
.quick-unit {
	margin-bottom:25px
}
.products-box {
	height:auto
}
.prods-list li {
	float:none;
	width:100%;
	margin-right:0
}
.prods-list li {
	margin-bottom:20px
}
}@media (max-width:767px) {
	.service-top .col-3 {
	width:50%
}
.service-item {
	margin-bottom:10px
}
.my-products .title {
	float:none;
	margin-bottom:10px
}
.my-products .see-all {
	float:none;
	margin-left:0
}
.my-products .header {
	margin-bottom:20px
}
.home-header .wide-inner {
	background-image:none
}
}@media (max-width:700px) {
	.home-header {
	height:auto;
	padding-bottom:30px
}
.header-box {
	padding-top:30px;
	margin:0 auto
}
.service-bottom .fluid-box .col-4 {
	float:none;
	width:100%;
	margin-bottom:20px
}
.service-middle .half-box {
	width:100%;
	float:none
}
.service-middle .my-products,.service-middle .service-account {
	border-right:none;
	padding-right:0
}
.service-middle .quick-group {
	margin-left:0
}
}@media (max-width:481px) {
	.service-top .col-3 {
	float:none;
	width:100%
}
.header-box {
	width:100%
}
.hh-cont .title {
	font-size:36px
}
.search-bar {
	width:100%;
	float:none
}
.search-bar .search-input {
	width:100%;
	box-sizing:border-box;
	height:44px
}
.tips {
	float:none;
	position:relative;
	margin:20px 0 0 0px
}
}
@media (min-width:767px) {
    #asus-api-header
    {
    position:absolute !important;
    }
}

@media (min-width: 1167px) {
    .fluid-box .col-3{
        width: 20%;
    }
	/* modify by cherry 2016/10/7 */
    .service-top .col-3{
        width: 25%;
    }	
}
/*
@media (min-width: 768px) and (max-width: 1167px) {
    .fluid-box .col-3{
        width: 33% !important;
    }
}
*/

/* modify by cherry 2016/10/7 */
@media (min-width: 900px) and (max-width: 1167px) {
    .fluid-box .col-3{
        width: 33% !important;
    }
    .service-top .col-3{
        width: 25% !important;
    }
}
@media (min-width: 768px) and (max-width: 900px) {
    .fluid-box .col-3{
        width: 33% !important;
    }
    .service-top .col-3{
        width: 50% !important;
    }
}

@media (max-width: 480px){
	.account-item .entry{
		width: 100%;
	}
}