<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">
.clear {clear:both ;}
*{margin: 0px; padding:0px; font-family: arial,serif,sans-serif,tahoma;  color :#2f2f2f; line-height :19px;}
img{ border :0px;}
ul{list-style:none;}
a{ text-decoration: none; }
@font-face {  font-family: cool_font; src: url("/css/RobotoCondensed-Regular.ttf");}
.RobotoCondensed{ font-family: 'cool_font', Arial, Helvetica, sans-serif;}

@font-face {  font-family: cool_Regular; src: url("/css/RobotoCondensed-Regular.ttf");}
.RobotoCondensed-Regular{ font-family: 'cool_Regular', Arial, Helvetica, sans-serif;}

@font-face {  font-family: Grenoble; src: url("/css/SFUGrenobleMedium.TTF");}
.Grenoble{ font-family: 'cool_Regular', Arial, Helvetica, sans-serif;}

body{font-size:12px;font-family:Arial;color:#000; margin:0px;padding:0px; }

.header { width:980px; height :167px; margin :0px auto;  }
/*header*/

.header2-r {float:right ; width : 228px; height :22px; position :relative  ; border:1px solid #7e9db9; }
.header-txtseach { padding-left :8px ; position :absolute ; top :0px; left :0px; border :0px;
		width:196px; height :22px;
		color :#808080; font-size :12px;  outline :none;
	}
.header-bttseach { width :25px; height :22px;  border :0px; position :absolute ;  top :0px; right :0px; background :url(images/header3.png) no-repeat #2e3192; cursor:pointer ;}
.header-menu {width:100% ; background :url(images/header6.png) repeat-x;}

/*center*/
.center { margin :0px auto ; padding :0px 0px 0px 0px; width :980px; }
.center_left{ float :left ; width :192px;}
.left_title{ float :left; padding-left :42px ;width :150px; background :url(images/leftJVN1.gif) no-repeat; line-height :30px; font-size :13px; font-weight :bold ;}
.left_menu{ float :left ; padding :3px 0px ; width :190px;  border-bottom :1px solid #d2d2d2; border-right :1px solid #d2d2d2; border-left :1px solid #d2d2d2;}
ul{ list-style :none;}

#main_menu_left{ float :left ; width :190px;  list-style :none;}
#main_menu_left .li_menu{ float:left  ; list-style :none; position :relative ;}
.ul_menu2{ width :200px ; position :absolute ; top :0px; left :190px; z-index :999; background :#f3f3f3; display :none; border :1px solid #d4d4d4;}
.ul_menu2 li{ display :block ;}
.active .ul_menu2{ display :block ;}
.ul_menu2 li {float:left ; width :200px; border-bottom : 1px dotted #999999;}
.a_menu2{float:left ; width :180px ; padding :0px 10px ; line-height :25px; color :#339900; text-align:left ; }
.a_menu2:last-child{ border-bottom :none;}
.a_menu2:hover{ background :#5dbd2d; color :#fff;}


.left_menu_link{ clear :both ; float :left  ; padding:7px 0px 7px 19px ; width :171px ; text-align :left ; background :url(images/icon_menuleft.gif) 5px 14px no-repeat;
	color :#339900;  font-size :13px; border-bottom :1px dotted #999999;
	}
.left_menu_link:hover,.right_news_title:hover,.pro_name:hover{ color :#f62828;}

.online{ margin :0px auto ; width :171px; height :38px; line-height :38px; border-bottom :1px solid #888888;}
.online_name{ float :left ;width :90px ; color :#68a927; font-size :12px; font-weight :500; line-height :32px; text-align :center ; overflow :hidden ;}
.online_yahoo { float :left ; margin-left :8px ; padding  :8px 0px 0px 0px ;width:70px; height :20px;}
.online_yahoo img{ float :left; width:70px; height :20px;}

.visit-all{ float:left ;  padding-left :31px ; color :#ad4529; line-height :23px;}
.visit-all1{ float:right ; padding-right :31px ; color :#ad4529; line-height :23px; }
.visit-online{ float:left ;  padding-left :31px ; color :#ad4529; line-height :23px;}
.visit-online1{ float:right ; padding-right :31px ; color :#ad4529; line-height :23px; }

.left_MenuPic{ margin :5px auto 0px auto; width :179px; display :block ;}
.left_MenuPic img{ width :179px;  max-height :154px; min-height :100px;}

/*center middle*/
.center_middle{float:left ; margin-left :9px ; width :578px;}
.center_title{ float :left; padding-left :54px ;width :524px; background :url(images/middleJVN1.png) no-repeat; line-height :30px; font-size :13px; font-weight :bold ;}
.middle_pro{ float :left ; padding-bottom :4px  ; width :576px; border-right :1px solid #9fdb61; border-left :1px solid #9fdb61; border-bottom :1px solid #9fdb61;}
.pro_view{ float :left ; margin :5px 0px 15px 6px ;  width:177px; height :218px;}
.pro_view:hover{
	-webkit-box-shadow: 0 0 1px 1px #cb3301;
	box-shadow: 0 0 1px 1px #cb3301;
}
.pro_img{ margin :0px auto ; width:168px; height :132px; text-align :center ; display :block ; position :relative ;}
.pro_hot{ position :absolute ; top :5px; left :5px;}
.pro_img img{ max-width:168px ; max-height :132px;}
.pro_name{ float:left ; width:168px;  color :#333333; }
.pro_price{ float :left ; margin-left :5px ; color :#666666;}
.pro_buy{display:block ; margin :2px auto 0px auto ; width :79px ; height :23px ; background:url(images/pro_buy.gif) no-repeat; }
.pro_buy:hover{ background :url(images/pro_buy_hover.gif);}
.pro_buy2{display:block ; margin :2px auto 0px auto ; width :79px ; height :23px ; background:url(images/pro_buy2.gif) no-repeat; }
.pro_buy2:hover{ background :url(images/pro_buy2_hover.gif);}

/*center right*/
.center_right{ float :right ; width :191px; }
.right_title{ float :left; padding-left :42px ;width :149px; background :url(images/leftJVN1.gif) no-repeat; line-height :30px; font-size :13px; font-weight :bold ;}
.right_menu{ float :left ; padding :3px 0px ; width :189px;  border-bottom :1px solid #d2d2d2; border-right :1px solid #d2d2d2; border-left :1px solid #d2d2d2;}
.right_news{ margin :10px auto; width :180px; height :53px;}
.right_news_img{float:left ; margin-top :3px ; width :50px; height :50px; display :block ;}
.right_news_img img{float:left ; width :50px; height :50px;}
.right_news_title{ float :right ; width :123px; color :#68aa24;}
.right_MenuPic{ float :left ; width :87px; height :50px; border-top :1px solid #939393;}
.right_MenuPic img{ width :87px; height :50px;}
.content_view{ float :left ; width:576px ; padding :0px 0px 10px 0px ; border :1px solid #d2d2d2;}

/*prodetail*/
.prodetail_line{ width :100% ; line-height :25px ; border-bottom :1px dotted #d4d4d4;}
.prodetail_title{ clear :both  ; float :left ; margin-top :10px; font-size :16px;}
.prodetail_img{ float :left ; margin :10px 0px 0px 5px; cursor :-webkit-zoom-in ;}
.prodetail_img img{ float :left ; max-width :150px; max-height :145px;}
.prodetail_price{float:left ; font-weight :bold ;  line-height :25px ;}
.prodetail_price2{float:left ; margin-left :5px ; color :Red; font-weight :bold;  line-height :25px; white-space:nowrap;} 
.prodetail_content{ clear :both ; float :left ; padding-left :10px ; width :568px; line-height :28px ; font-size :14px; font-weight :bold; color :#ff3333; background :#f3f3f3;}
/*new view*/
.newviews{ float :left  ; margin :5px 0px 0px 10px ; width :556px; height :140px; border-bottom :1px solid #d2d2d2;}
.img-sp{ float:left ; margin :8px 6px ;padding :1px ;  width :145px; height :115px; border :1px solid #d4d4d4; }
.newview-right{float:right; width :390px;}
.newviews1{ float :left ; width :384px; margin-top :8px ; font-size :12px; font-weight :bold ; color :#353635;}
.new-description{ float :left ;width :384px; clear :both ; margin-top:6px; text-align :justify ;}

/*new detail*/
.new-orther{ float :left ; margin:10px 0px 10px 10px ; clear:both ; font-size :16px; font-weight :bold ; color :#f62828;}
.new-orther-link{ clear :both ; float :left ; margin:2px 0px 2px 20px ; font-weight :bold ; padding-left :12px ; background :url(images/icon-link.gif) no-repeat 0px 8px;}

.cssDrlLang{  float :right ; margin :5px 20px 0px 0px ; padding :0px; width :140px ;  height :24px ;border :0px; background :#366a08; font-size :11px ; line-height :24px ;  color :#fff; 
	border-radius: 5px 6px 6px 6px; 
-webkit-border-radius: 5px 6px 6px 6px; 
-moz-border-radius: 5px 6px 6px 6px;  
}

/*footer*/
.footer1{ margin :10px auto 0px auto; width :980px; border-left:2px solid #44860b;  border-right:1px solid #44860b; background :#b9e68b;}
.footer2 { float:right ; width :171px; margin :14px 6px 0px 0px;}


.default2-title:hover,.default-link:hover,.carousel-link:hover,.right-sp2:hover,.newviews1:hover,.new-orther-link:hover {color:#2229f4;}


/*tooltip*/
div.preview_title{ width:280px; overflow:hidden;height:auto; background:#FFF;border:none;}
div.imgp{ width:100%; text-align:center; padding:15px 0px; margin:0px auto;}

div.namep{ background:#e0e7d9; padding:4px 5px; font-weight:bold; color:#4a4b49; font-size :14px; min-height:25px; line-height:20px; text-align :center ;}
.cssCatalog {float:left ;}
.cssCatalog img{ height :24px; margin :10px 0px 0px 2px; float :left; width :123px;}
.center1-video-link{ cursor :pointer ; float :left ; margin :10px 16px 0px 0px ; width :180px; height :120px; border :1px solid #b5b4b4;}
.center1-video-link:last-child{ float:right ; margin-right :0px;}
/*VIdeo*/
.Video{ float :left ; margin :10px 0px 5px 10px ; width :178px; height :173px; position :relative ; }
.Video .img { width :174px; height :130px;  border :2px solid #7a7d7e; cursor :pointer ;}
.Video-title{ float :left ; margin-top:5px ; color :#0b7fde; line-height :18px; cursor :pointer ; }
.Video-title:hover { color :#cd2929;}
.Video-play { width :65px; height :42px ; position :absolute ; top:46px; left :65px ; background :url(images/play.png) no-repeat 26px 8px rgba(0,0,0,0.6); cursor :pointer ;
	border-radius: 12px 12px 12px 12px; 
		-webkit-border-radius: 12px 12px 12px 12px; 
		-moz-border-radius: 12px 12px 12px 12px; 
}
.active .Video-play{ background :url(images/play.png) no-repeat 26px 8px #c01111; }
.playbackground{ background :red; position :absolute ; width :400px; height :400px; }

.cart-main{ float :right; margin-right :20px ; padding-left :18px ; background :url(images/cart.png) no-repeat 0px 50%; color :#fff; line-height :30px;}
.cssvalidate{ float :left ; width :230px ; display :inline-block ; font-size :11px; }
</pre></body></html>