@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'bitstream_vera_sans_monoroman';
    src: url('VeraMono-webfont.eot');
    src: url('VeraMono-webfont.eot?#iefix') format('embedded-opentype'),
         url('VeraMono-webfont.woff') format('woff'),
         url('VeraMono-webfont.ttf') format('truetype'),
         url('VeraMono-webfont.svg#bitstream_vera_sans_monoroman') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'bitstream_vera_sans_monobold';
    src: url('VeraMono-Bold-webfont.eot');
    src: url('VeraMono-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('VeraMono-Bold-webfont.woff') format('woff'),
         url('VeraMono-Bold-webfont.ttf') format('truetype'),
         url('VeraMono-Bold-webfont.svg#bitstream_vera_sans_monobold') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{
	width:100%;
	margin:0 0 0 0;
	

}

.clear{
	clear:both;	
}

#content{
	margin-left:auto;
	margin-right:auto;
	width:100%;
/*	background:url(../images/home.png) no-repeat;*/
}

#content .box_header{ 
	width:720px;
	height:164px;
	/*border:1px solid #F00;*/
	margin-left:auto;
	margin-right:auto;
	position:relative;
}

#content .box_header .box_leftlogo{
	width:266px;
	padding-top:32px;
	/*border:1px solid #F00;*/
	float:left;
}

#content .box_header .box_right{
	width:430px;
	height:60px;
	margin-top:99px;
	margin-left:23px;
	/*border:1px solid #F00;*/
	float:left;
}

.box_right #main_menu{
	width:100%;
	height:15px;
	margin-left:4px;
	/*border:1px solid #0F0;*/
	overflow-y:hidden;
}

#menu_list{
	padding:0px;
	margin:0px;
	height:11px;
	overflow-y:hidden;
}

#menu_list li{
	list-style:none;
	padding:0px;
	float:left;
	display:block;
}

#menu_list li a{
	background:url(../images/main_menu.png) no-repeat;
	height:11px !important;
	display:block;
}
	

#menu_list #mHome{
	width:42px;
	background-position:0px 0px;
}

#menu_list #mHome:hover{
	background-position:0px -11px;
}

#menu_list #mProduct{
	width:69px;
	margin-left:33px;
	background-position:-77px 0px;
}

#menu_list #mProduct:hover{
	background-position:-77px -11px;
}

#menu_list #mService{
	width:59px;
	margin-left:33px;
	background-position:-178px 0px;
}

#menu_list #mService:hover{
	background-position:-178px -11px;
}

#menu_list #mContact{
	width:66px;
	margin-left:33px;
	background-position:-270px 0px;
}

#menu_list #mContact:hover{
	background-position:-270px -11px;
}

#menu_list #mCareer{
	width:58px;
	margin-left:33px;
	background-position:-370px 0px;
}

#menu_list #mCareer:hover{
	background-position:-370px -11px;
}

.box_right #box_dbd{
	position:absolute;
	right:-30px;
	top:30px;
}



.box_right #box_search{
	margin-left:79px;
	margin-top:8px;
	background:url(../images/search_bg.png) no-repeat;
	width:260px;
	height:24px;
}

.box_right #box_search #txt_keyword{
	background:url(../images/black.png);
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	width:240px;
	border:none;
}


#content .box_slide{
	width:100%;
	height:350px;
	overflow:hidden;
	background:url(../images/image-bk.jpg) no-repeat center;
	background-color:#00a9e4;
}



#content .box_webtalk{
	
	width:720px;
	height:250px;
	margin-top:15px;
	/*overflow:hidden;*/
	margin-bottom:3px;
	margin-left:auto;
	margin-right:auto;
	
	
}

@media screen and (max-width: 1280px) {
    #content .box_slide{ 
		width:720px;
        backgroun:none;
		margin-left:auto;
		margin-right:auto;
    }
	
	#content .box_webtalk div{
	
		font-size: 1vw !important;
		
	}
	#content .box_webtalk span{
	
		font-size: 1vw !important;
		
	}
	
	
	
}

#content .box_product{
	width:738px;
	height:353px;
	margin-left:auto;
	margin-right:auto;
	background:url(../images/product_bg.png) no-repeat;
}

#content .box_product .banner_product{
	
	width:720px;
	height:100%;
	
}

#content .box_seller{
	
	width:728px;;
	height:183px;
	overflow:hidden;
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
	background:url(../images/selling_bg.png) no-repeat;
	
}

#content .box_seller .seller_header{
	width:153px;
	height:15px;
	background:url(../images/bestselling.png) no-repeat;
	margin-top:18px;
	margin-left:17px;	
}

#content .box_seller .seller_body{
	width:720px;
	height:100%;
	margin-top:12px;
	margin-left:8px;
}

.seller_body .item_seller{
	width:218px;
	height:120px;
	float:left;
	margin-left:8px;
	margin-right:12px;
}

.seller_body .seller_banner_1{
	background-color:#fba61a;
}

.seller_body .seller_banner_2{
	background-color:#2b3990;
}

.seller_body .seller_banner_3{
	background-color:#00aef0;
}

#content .box_sponsor{
	width:720px;
	padding-top:29px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

#content .box_sponsor #link_fb:hover{
	opacity:0.7;
}

#content .box_footer{
	margin-top:29px;
	width:100%;
	background:url(../images/footer_bg.png) repeat-x;
	height:77px;
}
#content .box_footer #footer_content{
	font-family:"bitstream_vera_sans_monoroman";
	font-size:13px;
	width:720px;
	line-height:18px;
	padding-top:22px;
	margin-left:auto;
	margin-right:auto;
}