@charset "utf-8";

/* brand */
.hm_brand { height:88px; overflow:hidden; background:#EDEDED; display:block; clear:both;}
.hm_brand .left,.hm_brand .right { width:48px; height:88px; float:left; cursor:pointer;}
.hm_brand .right { float:right;}
.hm_brand .left i,.hm_brand .right i { width:13px; height:25px; overflow:hidden; background:url(../images/fg_part.png) no-repeat; float:left; margin:32px 0 0 18px; filter:alpha(opacity=20); opacity:0.2;}
.hm_brand .right i { background-position:-14px 0; margin:32px 18px 0 0; float:right;}
.hm_brand .left:hover i,.hm_brand .right:hover i { filter:alpha(opacity=40); opacity:0.4;}
.hm_brand .center { width:880px; height:88px; overflow:hidden; float:left; position:relative;}
.hm_brand .center ul { float:left; position:absolute;}
.hm_brand .center ul li { width:88px; height:88px; overflow:hidden; float:left; filter:alpha(opacity=30); opacity:0.3;}
.hm_brand .center ul li:hover { filter:alpha(opacity=60); opacity:0.6;}
.hm_brand .center table,.hm_brand .center table tr td { width:88px; height:88px; border-collapse:collapse; text-align:center; vertical-align:middle;}
/* Remove opacity of Slider Logos on Index page 11072019 By FS. 
.hm_brand .center table tr td img{ opacity:0.3;}*/
.hm_brand .center table tr td img{ opacity: 1;}
.hm_brand .center table tr td img:hover { opacity:0.8;}

/* promo */
.hm_promo { overflow:hidden; display:block; clear:both; padding:20px 0 30px 0;}
.hm_promo li { width:246px; float:left; margin:0 40px; text-align:center; font:11px/16px Arial;}
.hm_promo li a { width:100%; float:left; color:#808080;}
.hm_promo li a:hover { color:#333;}
.hm_promo li a strong { font:bold 16px/26px Arial; color:#000;}
.hm_promo li a:hover strong { color:#df742d;}

/* frame */
.hm_frame { overflow:hidden; display:block; clear:both; margin:0 0 10px 30px;}
.hm_frame li { width:222px; height:320px; overflow:hidden; background:#EDEDED; float:left; margin-right:10px;}
.hm_frame li .fx { overflow:hidden; display:block; clear:both; text-align:center; font-family:Arial;}
.hm_frame li .f1 { height:260px;}
.hm_frame li .f2 { padding-top:10px;}
.hm_frame li .f2 a { font:bold 12px/20px Arial; color:#000; text-transform:uppercase;}
.hm_frame li .f2 a:hover { color:#df742d;}
.hm_frame li .f3 { color:#c5c5c5;}
.hm_frame li .f3 a { color:#808080; margin:0 5px; line-height:14px;}
.hm_frame li .f3 a:hover { color:#df742d;}

/* lenses */
.hm_lenses { overflow:hidden; display:block; clear:both; margin:0 0 30px 30px;}
.hm_lenses li { width:222px; height:335px; overflow:hidden; background:#EDEDED; float:left; margin-right:10px;}
.hm_lenses li .lx { overflow:hidden; display:block; clear:both; text-align:center; font-family:Arial;}
.hm_lenses li .l1 { height:260px;}
.hm_lenses li .l2 { padding-top:10px;}
.hm_lenses li .l2 a { font:bold 12px/20px Arial; color:#000; text-transform:uppercase;}
.hm_lenses li .l2 a:hover { color:#df742d;}
.hm_lenses li .l3 { line-height:14px; padding:0 10px; color:#808080;}

/* ensure */
.hm_ensure { overflow:hidden; display:block; clear:both; padding-top:30px; border-top:1px solid #e6e6e2; margin:0 30px 20px 30px;}
.hm_ensure ul { width:110%;}
.hm_ensure li { width:296px; height:255px; overflow:hidden; background:#EDEDED; float:left; margin-right:15px;}
.hm_ensure li .ex { overflow:hidden; display:block; clear:both; text-align:center; font-family:Arial;}
.hm_ensure li .e1 { height:180px;}
.hm_ensure li .e2 { padding-top:10px;}
.hm_ensure li .e2 a { font:bold 12px/20px Arial; color:#000; text-transform:uppercase;}
.hm_ensure li .e2 a:hover { color:#df742d;}
.hm_ensure li .e3 { line-height:14px; padding:0 10px; color:#808080;}

/* CSS Document about */
.aboutleft { width:190px; overflow:hidden; float:left;}
.aboutleft .title { overflow:hidden; background:#3e78af; display:block; clear:both; border-radius:3px 3px 0 0; text-align:center; font-size:11px; line-height:28px; font-weight:bold; text-transform:uppercase; color:#fff; text-shadow:0 1px 0 rgba(0,0,0,1);}
.aboutleft .sidebar { overflow:hidden; background:#fff; display:block; clear:both; padding:0 10px 80px 10px; border:1px solid #e6e6e2; border-top:none; border-radius:0 0 3px 3px;}
.aboutleft .sidebar li { overflow:hidden; display:block; clear:both; border-bottom:1px solid #e6e6e2;}
.aboutleft .sidebar li a { overflow:hidden; background:url(/images/part.png) no-repeat 0 -320px; display:block; clear:both; line-height:32px; padding-left:16px; color:#000;}
.aboutleft .sidebar li a:hover { color:#df742d;}
.aboutleft .sidebar li.set a { font-weight:bold; color:#df742d;}

.aboutright { width:740px; overflow:hidden; background:#fff; float:right; padding:20px 20px 60px 20px; border:1px solid #e6e6e2; border-radius:3px;}
.aboutright .title { overflow:hidden; display:block; clear:both; padding-bottom:15px; border-bottom:1px solid #e6e6e2; font:bold 20px/24px Georgia; font-style:italic;}
.aboutright .content { min-height:420px; overflow:hidden; display:block; clear:both; padding-top:15px; font:12px/24px Verdana; color:#666;}
.aboutright .content strong { color:#333;}

.dline { height:1px; overflow:hidden; background:#dadada; display:block; clear:both; border-bottom:1px solid #fff;}