@media screen, projection{
/*======================================================================== 
	Global
  ========================================================================*/
html{width:100%; height:100%;}
body{color:#666;text-decoration:none;font-family:Verdana,Tahoma,"Lucida Grande","Lucida Sans Unicode",sans-serif;font-size:63%;line-height:180%;margin:0;width:100%;
/*text-align: center;向下相容舊版IE無法判別margin:0 auto的置中語法*/
image-rendering:optimizeQuality; /*for Firefox*/
}
body.home{background-position:center 497px}
input,select{font-family:Verdana,Tahoma,"Lucida Grande","Lucida Sans Unicode",sans-serif;color:#333}
table{margin:10px auto;font-size:12px}
td{border-left:1px solid #FFF;border-right:1px solid #FFF}
th{background-image:url(http://assets.coolermaster.com/global/images/gradient_grayTop03.gif);background-repeat:repeat-x;background-position:center bottom;border-left:1px solid #FFF;border-right:1px solid #FFF;text-align:center;padding:10px 5px;color:#343434;font-size:13px}
a:link   {text-decoration: none; color: #343434;}
a:visited{text-decoration: none; color: #343434;}
a:hover  {text-decoration: underline; color: #343434;}
a:active {text-decoration: none; color: #343434;}
#wrapper{width: 1000px;height: auto;margin: 0 auto;padding: 110px 1px 1px 1px;
text-align: left;/*配合body text-align設定，向下相容舊版IE無法判別margin:0 auto的置中語法*/
background-color: #FFF;}
.home #wrapper{width:100%;padding:110px 0 0}
.content_w980{margin:0 auto;width:980px;height:auto!important;height:300px;min-height:300px}
.districtsPic{font-size:3em;display:block;width:980px;height:55px;color:#FFF;margin:0 auto;padding:85px 20px 0 0;text-align:right;line-height:43px;background-repeat:no-repeat;background-position:center bottom}
.products .districtsPic{font-size:2em}
.districtsPic_product{width:980px;margin:0 auto;padding-top:1px}
.breadCrumbs{padding:10px 25px;background-image:url(http://assets.coolermaster.com/global/images/icon/iconArrow02.gif);background-repeat:no-repeat;background-position:15px 17px;font-size:1.2em}
.breadCrumbs span{float:right}
.gradient_grayBar{background-image:url(http://assets.coolermaster.com/global/images/gradient_grayBar.gif);padding:7px 0 0;width:100%;border-bottom:1px solid #FFF;overflow:hidden}
.gradient_grayBar li{float:left;padding:5px 20px;margin-left:5px;font-size:1.3em}
.gradient_grayBar li:first-child{margin-left:15px}
.gradient_grayBar li.sel,.gradient_grayBar li:hover{background-color:#FFF;border-top:1px solid #e2e2e2;border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2}
.gradient_grayBar li a:link{color:#929292}
.gradient_grayBar li a:visited{color:#929292}
.gradient_grayBar li a:active{color:#929292}
.gradient_grayBar li.sel a{color:#343434}
.gradient_grayBar02{background-image:url(http://assets.coolermaster.com/global/images/gradient_grayBar.gif);padding:7px 0 0;width:100%;border-bottom:1px solid #FFF;overflow:hidden;background-color:#f8f8f8;background-repeat:repeat-x;background-position:center bottom}
.gradient_grayBar02 .arrow{float:left;padding:5px 15px 10px;margin-left:5px;font-size:1.3em;background-image:url(http://assets.coolermaster.com/global/images/gradient_grayBar_arrow.gif);background-repeat:no-repeat;background-position:50px bottom}
.gradient_grayBar02 .arrow span{background-image:url(http://assets.coolermaster.com/global/images/icon/iconArrow01.gif);background-repeat:no-repeat;background-position:left center;padding-left:15px}
.gradient_grayBar02 .arrow strong{ color: #343434;}
.gradient_grayBar02 .point{float:right;background-image:url(http://assets.coolermaster.com/global/images/icon/iconPoint02.gif);background-repeat:no-repeat;background-position:left 13px;*background-position:left 16px!important;padding:4px 0 0 10px;margin-right:20px}
.requirement{ border: 5px solid #f4f4f4; padding: 20px; margin-bottom: 10px; overflow: hidden;}
.requirement strong{ font-family: "Microsoft YaHei", Verdana, "新細明體"; font-size: 1.5em; font-weight: normal; display: block; height: 20px; float: left; padding: 3px 0 0 25px; margin-right: 15px; background-repeat: no-repeat; background-position: left top;}
.requirement strong.magnifier{ background-image: url(http://assets.coolermaster.com/global/images/icon/magnifier.jpg);}
.requirement strong.type{ background-image: url(http://assets.coolermaster.com/global/images/icon/type.gif);}
.requirement strong.info{ background-image: url(http://assets.coolermaster.com/global/images/icon/info.gif);}
.requirement .inputBox{ background-color: #f2f2f2; color: #343434; border: 3px solid #f2f2f2;}
.requirement .hotSearches{ padding: 10px 0 0 120px; font-size: 1.2em;}
.requirement .choose { width: 750px; float: left; background-image: url(http://assets.coolermaster.com/global/images/bg_shadow.jpg); background-repeat: no-repeat; background-position: right center;}
.requirement .choose li{float:left;background-image:url(http://assets.coolermaster.com/global/images/icon/iconArrow06.png);background-position:right 73px;background-repeat:no-repeat;padding-right:25px;margin-right:10px}
.requirement .choose p{background-image:url(http://assets.coolermaster.com/global/images/icon/iconArrow02.gif);background-repeat:no-repeat;background-position:left 6px;padding-left:10px;margin-bottom:5px;font-size:1.3em;color:#333}
.requirement .choose_pic{ width: 160px; margin-left: 750px; padding-top: 50px; text-align: center; font-size: 1.3em;}
.requirement .siteMapList{ width: 950px;}
.requirement .siteMapList li{ width: 229px; *width: 232px !important; margin: 0 5px 10px 0;
/*以下為居家旅行必備良方*/
/*solve the vertical-align problem of horizontal divs*/
/*float: left;不可使用!*/
vertical-align:top; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; height:auto !important; height:24px; min-height:24px; }
.requirement .siteMapList li.separator{ display:block; border-bottom: 1px dashed #ccc; margin-bottom: 30px; width: 100%; *width: 100% !important;}
.requirement .siteMapList dt{font-family:"Microsoft YaHei",Verdana,"新細明體";font-size:1.5em;font-weight:400;display:block;height:20px;float:left;padding:3px 0 0 25px;margin-bottom:15px;background-repeat:no-repeat;background-position:left top;float:none}
.requirement .siteMapList dd{background-image:url(http://assets.coolermaster.com/global/images/icon/iconArrow05.gif);background-repeat:no-repeat;background-position:10px 7px;padding-left:20px;margin:5px 10px;font-size:1.2em;color:#333;float:none}
.requirement .siteMapList dd p{ margin-left: 10px;}
.requirement .siteMapList dd a:link{color:#333}
.requirement .siteMapList dd a:visited{color:#333}
.requirement .siteMapList dd a:hover{color:#343434;text-decoration:underline}
.requirement .siteMapList dd a:active{color:#333}
.requirement .siteMapList dd p a:link{color:#777}
.requirement .siteMapList dd p a:visited{color:#777}
.requirement .siteMapList dd p a:hover{color:#343434;text-decoration:underline}
.requirement .siteMapList dd p a:active{color:#777}
.requirement .supportFunction dt{font-family:"Microsoft YaHei",Verdana,"新細明體";font-size:1.5em;font-weight:400;min-height:20px;padding:3px 0 0 15px;margin-right:15px;background-repeat:no-repeat;background-position:left 10px;clear:both}
.requirement .supportFunction .line{
border-bottom: 1px dashed #ccc;
/* padding: 20px 10px 10px 10px; */
margin-bottom: 15px;font-size: 12px;color: #C6C6C6;}
.requirement .supportFunction dd{float: left; font-size: 1.2em; width: 200px; margin: 10px 0 0 10px;}
.requirement .supportFunction dd span{background-repeat:no-repeat;background-position:center center;width:23px;height:23px;margin-right:5px;display:block;float:left}
.requirement .supportFunction dd a:link{color:#7D7D7D}
.requirement .supportFunction dd a:visited{color:#7D7D7D}
.requirement .supportFunction dd a:hover{color:#343434;text-decoration:underline}
.requirement .supportFunction dd a:active{color:#7D7D7D}
/*requirement*/.newsDetail { margin: 20px;}
/*requirement*/.newsDetail li{ width: 174px; font-size: 1.2em; margin: 10px 0 10px 5px;
/*以下為居家旅行必備良方*/
/*solve the vertical-align problem of horizontal divs*/
/*float: left;不可使用!*/
vertical-align:top; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; height:auto!important; height:24px; min-height:24px;}
/*requirement*/.newsDetail li img{ float: left;}
/*requirement*/.newsDetail li p{ margin-left: 35px;}
.rightSideDetail{width:405px;position:absolute;overflow:hidden;right:0;margin-bottom:300px}
.rightSideDetail .detailPic{width:365px;height:365px;margin:5px auto;background-repeat:no-repeat;background-position:center center}
.rightSideDetail ul{ width: 365px; margin: 5px auto; overflow: hidden;}
.rightSideDetail ul li{ font-size: 1.3em;}
.rightSideDetail ul .title{ font-size: 1.5em; color: #343434; font-weight: bolder; margin-bottom: 10px;}
.availableColors_right{background-image:url(http://assets.coolermaster.com/global/images/product_bgAvailableColors.gif);background-repeat:repeat-y;background-position:left 0;background-color:#f2f2f2;padding:3px 5px;margin:5px 0;text-align:right}
.availableColors_left{background-image:url(http://assets.coolermaster.com/global/images/product_bgAvailableColors02.gif);background-repeat:repeat-y;background-position:left 0;padding:3px 5px 4px 10px;float:left;width:500px}
.availableColors_center{margin-bottom:5px;text-align:center}
.availableColors a{width:13px;height:13px;display:block;border:1px solid #ccc;margin-right:5px;float:left}
.availableColors_right a,.availableColors_left a{padding:0 8px 0 0;width:13px;height:13px;border:1px solid #ccc;margin-left:3px}
.availableColors_center a{*padding:8px 9px 0 0!important;padding:0 8px 0 0;border:1px solid #ccc;margin-left:3px;font-size:7px;*font-size:1px!important;-webkit-text-size-adjust:none}
.goto{margin:10px 0 20px;padding-top:10px;background-image:url(http://assets.coolermaster.com/global/images/gradient_grayTop01.png);background-repeat:repeat-x;background-position:center top;font-size:12px;clear:both}
.goto strong{width:150px;font-weight:400;border-right:1px solid #ccc;text-align:center;float:left}
.goto a:link{color:#333}
.goto a:visited{color:#333}
.goto a:hover{color:#343434;text-decoration:underline}
.goto a:active{color:#333}
.goTop{background-image:url(http://assets.coolermaster.com/global/images/icon/iconArrow03.gif);background-repeat:no-repeat;background-position:0 5px;padding-left:18px}
.goto .goTop{background-image:url(http://assets.coolermaster.com/global/images/icon/iconArrow08.gif);margin-left:30px;margin-right:30px;font-weight:bolder}
.goto .goPre{background-image:url(http://assets.coolermaster.com/global/images/icon/iconArrow04.gif);background-repeat:no-repeat;background-position:right 5px;margin-right:30px;padding-right:18px;font-weight:bolder}
.goto .goNext{background-image:url(http://assets.coolermaster.com/global/images/icon/iconArrow01.gif);background-repeat:no-repeat;background-position:left 5px;margin-left:30px;padding-left:15px;font-weight:bolder}
.putCenter{text-align:center;}
.putRight{text-align:right;}
.iconPoint01{background-image:url(http://assets.coolermaster.com/global/images/icon/iconPoint01.gif);background-repeat:no-repeat;background-position:left 13px;*background-position:left 15px!important;padding-left:10px}
/* tabs 列印用 */
.tabs_print{display:none;}
/*======================================================================== 
	Header
  ========================================================================*/
/*
#header{width:100%;background-image:url(http://assets.coolermaster.com/global/images/2014/header_bg.gif);background-repeat:repeat-x;background-position:center top;padding-top:3px;padding-bottom:10px;position:fixed;top:0;left:0;z-index:100}
.home #header{position:relative;padding-bottom:2px}
*/
#header {
padding-bottom: 10px; width: 100%; height: 90px; border-bottom: solid 1px #e2e2e2;
background: rgb(242,242,242); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(242,242,242,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.2);
box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.2);
}
#header .content{width:1000px;height:100px;margin:0 auto;position:relative}
#header a:link{color:#343434;}
#header a:visited{color:#343434;}
#header a:hover{color: #343434; text-decoration:underline;}
#header a:active{color:#343434;}
#header .logo{width:107px;height:86px;display:block;padding-top:17px;margin:0}
#header .quickLinks{ float:right; margin: 13px 240px 0 0; font-size: 1.1em;}
#header .quickLinks img{ vertical-align: middle; margin-bottom: 2px; *margin-bottom: -1px !important;}
#header .quickLinks a{ margin: 0 15px; color: #5b5b5b;}
#header #seachBar{padding:1px;border:1px solid #ccc;width:220px;right:0;top:10px;position:absolute;background-color:#FFF;z-index:10}
#header #seachBar .searchInput{ height: 19px; *height: 15px !important; width: 173px; font-size: 12px; padding: 0 5px; *padding-top: 4px !important; border: 1px solid #FFF; color: #b5b5b5; }
#header #seachBar ul{display:none;background-image:url(http://assets.coolermaster.com/global/images/gradient_grayTop01.gif);background-repeat:repeat-x;background-position:center top;padding:3px}
#header #seachBar ul li{border-bottom:1px dashed #CCC;padding:5px 0 5px 5px;overflow:hidden}
#header #seachBar ul li p{ width: 132px; float: left; font-size: 1.1em;}
#header #seachBar ul li p.title{ font-size: 1.3em;}
#header #seachBar ul li .pic{ width: 70px; height: 70px; overflow: hidden; float: left; margin-right: 5px;}
#header #seachBar ul .searchFor{ border-bottom: 1px solid #e5e5e5; background-image: url(http://assets.coolermaster.com/global/images/icon/iconArrow01.gif); background-repeat: no-repeat; background-position: 5px center; padding: 5px 0 8px 15px; }
#header #seachBar ul .searchFor strong{ color: #343434; font-size: 1.3em;}
#header #seachBar ul .searchFor span{ color: #f33; font-size: 1.2em;}
#header #seachBar ul .goMore{ border-bottom: none; border-top: 1px solid #e5e5e5; margin-top: -1px; *margin-top: -3px !important; background-color: #FFF; text-align: right; padding-right: 5px; }
#header #seachBar ul .goMore a{ background-image: url(http://assets.coolermaster.com/global/images/icon/iconArrow01.gif); background-repeat: no-repeat; background-position: left center; padding-left: 10px; font-size: 1.2em; }
/*======================================================================== 
	home
  ========================================================================*/
#mainPicArea_list{width:100%;height:490px;padding-top:100px}
#mainPicArea_list a{display:block;width:100%;height:490px;position:absolute;overflow:hidden;background-repeat:no-repeat;background-position:center top}
#mainPicArea_text{height:45px;width:100%;text-align:center;padding-top:20px;background-image:url(http://assets.coolermaster.com/global/images/2014/shadow_ht72.gif);background-position:center top}
#mainPicArea_text div{width:100px;left:50%;margin-left:-25px;position:absolute}
#mainPicArea_text a{width:12px;height:12px;float:left;margin:3px;display:block;background-image:url(http://assets.coolermaster.com/global/images/2014/icon/indexPicPoint.gif);background-repeat:no-repeat;background-position:0 0;color:#fff}
#mainPicArea_text a.current { background-position: 0 -12px;}
.featuredProduct{overflow:hidden;width:1000px;margin:0 auto}
.featuredProduct li{float:left;font-size:1.3em;padding:0 9px;width:315px;min-height:270px;text-align:center}
.featuredProduct li img{ border: solid 1px #e9e9e9; margin: 2px;}
.featuredProduct li:hover img{ border: solid 3px #bebebe; margin: 0;}
.featuredProduct li h3{ color: #000; font-size: 14px; margin: 15px 0 0 0;}
.featuredProduct li a:link{color:#666}
.featuredProduct li a:visited{color:#666}
.featuredProduct li a:hover{text-decoration:none}
.featuredProduct li a:active{color:#666}
.areaDiv{background-image:url(http://assets.coolermaster.com/global/images/2014/areaBg_h240.gif);background-repeat:repeat-x;background-position:center top;padding:30px 0 40px;overflow:hidden}
.areaDiv h3{font-size:2.7em;color:#000;margin-bottom:25px}
.areaDiv h4{font-size:1.8em;color:#000;margin:0 0 25px 10px}
.areaDiv .viewMore{float:right;margin:25px 35px 0 0;font-size:1.2em;color:#b9b9b9}
.areaDiv .viewMore:hover{color:#343434}
.whatSNew{overflow:hidden}
.whatSNew h3{text-align:center}
.whatSNew .style{width:983px;height:362px;margin:0 auto;position:relative;overflow:hidden}
.whatSNew .style div{position:absolute;overflow:hidden;border:solid 1px #f1f1f1;width:175px;height:175px}
.whatSNew .style div a{display:block;color:#FFF;font-size:1.2em;line-height:1.3em;padding:20px;height:100%;background-image:url(http://assets.coolermaster.com/global/images/2014/whatSNew_bg.png);background-position:right bottom}
.whatSNew .style div a strong{ display: block; font-size: 1.2em; margin-bottom: 7px;}
.whatSNew .style div a:hover{ text-decoration: none;}
.whatSNew .style .area01{ width: 610px; height: 360px;}
.whatSNew .style .area02,.whatSNew .style .area03,.whatSNew .style .area04{ left: 620px;}
/* 版型設定 */
.whatSNew .no1 .area03{ left: 805px;}
.whatSNew .no1 .area04{ top: 185px; width: 360px;}
.whatSNew .no2 .area02{ height: 360px;}
.whatSNew .no2 .area03{ left: 805px;}
.whatSNew .no2 .area04{ left: 805px; top: 185px;}
.whatSNew .no3 .area02{ width: 360px;}
.whatSNew .no3 .area03{ top: 185px;}
.whatSNew .no3 .area04{ top: 185px; left: 805px;}
.whatSNew .no4 .area03{ top: 185px;}
.whatSNew .no4 .area04{ height: 360px; left: 805px;}
.newsAndRecent{ width: 1000px; margin: 0 auto; overflow: hidden;}
.newsDiv,.recentDiv{ width: 495px; float: left; margin-left: 5px;}
.newsDiv .scrollbar,.recentDiv .scrollbar{ width: 490px;}
.newsDiv li,.recentDiv li{ font-size: 1.2em; margin-bottom: 15px; overflow: hidden;}
/* .newsDiv li img{ float: left; border: solid 2px #e4e4e4; margin-left: 10px; *margin-left: 0 !important;} */
.newsDiv li img{ float: left; margin-top: 8px; *margin-left: 0 !important;}
.newsDiv li div{ float: left; width: 408px; *width: 403px !important; margin-left: 10px;}
.newsDiv li div p,.recentDiv li div p{ padding: 5px; line-height: 1.5em; height: 53px; overflow: hidden;}
.newsDiv div .title,.recentDiv div .title{ color: #444; font-weight: bold; border-bottom: solid 1px #dedede; height: 35px;} /*padding-right: 80px; position: relative;*/
/*.newsDiv div .title span{ width: 90px; text-align: right; color: #a6a6a6; font-weight: normal; position: absolute; right: 5px; top: 5px; *top: 3px !important;}*/
.fanzone{ width: 1000px; height: 290px; margin: 0 auto;}
.fanzone h3{  padding: 20px 25px; color: #FFF; background: url(http://assets.coolermaster.com/global/images/2014/fanzone.jpg);}
.fanzone dl{float:left;margin:0 15px 30px;padding:15px;width:271px;border:solid 1px #e9e9e9;background-image:url(http://assets.coolermaster.com/global/images/2014/shadow_hb150.gif);background-repeat:repeat-x;background-position:center bottom}
.fanzone dt{text-align:center;color:#000;font-size:1.6em;font-weight:700;padding-bottom:10px;background-image:url(http://assets.coolermaster.com/global/images/2014/partitionLine_w280.gif);background-repeat:no-repeat;background-position:center bottom}
.fanzone dd{ text-align: center; font-size: 1.2em; margin: 10px 0;}
.fanzone dd.info{ height: 65px; padding-top: 5px;}
.fanzone dd input{
width: 180px; padding: 7px; border: none; color: #c3c3c3;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
background: #1f1f1f; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFmMWYxZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #1f1f1f 0%, #000000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1f1f1f), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #1f1f1f 0%,#000000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #1f1f1f 0%,#000000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #1f1f1f 0%,#000000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #1f1f1f 0%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f1f1f', endColorstr='#000000',GradientType=0 ); /* IE6-8 */
}
.fanzone dd input:hover{
color: #FFF;
background: #333; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxZjFmMWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #000000 0%, #1f1f1f 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#1f1f1f)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #000000 0%,#1f1f1f 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #000000 0%,#1f1f1f 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #000000 0%,#1f1f1f 100%); /* IE10+ */
background: linear-gradient(to bottom,  #000000 0%,#1f1f1f 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#1f1f1f',GradientType=0 ); /* IE6-8 */
}
/*======================================================================== 
	subMenu
  ========================================================================*/
.rightSide{ overflow: hidden; float: left; width: 295px; *width: 285px !important; margin-right: 3px; }
/* 各區設定 */
.productLines .rightSide{ width: 170px; *width: 160px !important;}
.rightSide .title{padding:25px 0 18px;background-image:url(http://assets.coolermaster.com/global/images/gradient_grayTop02.png);background-repeat:repeat-x;background-position:center bottom;clear:both}
.rightSide .title strong{background-image:url(http://assets.coolermaster.com/global/images/icon/iconArrow01.gif);background-repeat:no-repeat;background-position:10px center;font-weight:400;padding-left:20px;font-size:1.2em}
.rightSide ul{ padding: 0 1px 15px 25px; font-size: 1.0em;}
.subMenu{ margin: 0 0 20px 15px;}
.subMenu h1{ padding: 7px 0 10px 15px; *padding: 9px 0 8px 15px !important; margin: 0 auto; font-size: 13px; font-weight: normal; width: 250px; background-repeat: no-repeat; background-position: 2px 16px; background-image: url(http://assets.coolermaster.com/global/images/icon/iconPoint05.gif); color: #333; }
.subMenu h1 a:link    {color: #333;}
.subMenu h1 a:visited {color: #333;}
.subMenu h1 a:hover   {color: #343434; font-weight: bolder;}
.subMenu h1 a:active  {color: #333;}
.subMenu h1:hover{background-image:url(http://assets.coolermaster.com/global/images/subMenuBg.gif);background-repeat:repeat-y;background-position:0 0}
.subMenu h1.sel{background-image:url(http://assets.coolermaster.com/global/images/subMenuBg.gif);background-repeat:repeat-y;background-position:0 0}
.subMenu h1.sel a{ font-weight: bolder; color: #343434;}
.subMenu ul{ display: none; width: 220px; border-bottom: dotted 1px #999;}
.subMenu ul li{ min-height: 20px; display: block; padding: 5px 0 0 12px; background-repeat: no-repeat; background-position: left 5px;
/* background-image: url(../images/icon/iconRound01.gif); */
}
.subMenu ul li a:link{ color: #666;}
.subMenu ul li a:hover{ color: #343434; text-decoration: underline;}
.subMenu ul li a:action{ color: #666;}
.subMenu ul li a:visited{ color: #666;}
a.btn_140{background-image:url(http://assets.coolermaster.com/global/images/btn_black-140.gif);width:140px;height:25px;display:block;padding:5px 0 0;margin:5px auto;text-align:center;font-weight:bolder;color:#FFF;font-size:1.2em}
a.btn_140:hover{ text-decoration: underline;}
.subMenu .type{	clear: both;}
.subMenu .type > div{
width:100%; padding: 0 9px 0 7px; box-sizing:border-box; max-height:0; overflow:hidden;
-webkit-transition: max-height 0.3s ease 0s;
-moz-transition: max-height 0.3s ease 0s;
-ms-transition: max-height 0.3s ease 0s;
-o-transition: max-height 0.3s ease 0s;
transition: max-height 0.3s ease 0s;
}
.subMenu .type > div.show{ max-height: 50em;}
.subMenu a{ width: 100%; display: block; font-size: 1.2em; margin: 2px 5px 2px 0; color: #666}
.subMenu a:hover{ text-decoration: none; color: #343434;}
.subMenu a.sel{ color: #000; font-weight: bolder;}
.subMenu h2{ position:relative; text-align: left; font-size: 1.2em; color: #000; text-indent: 0.5em; height: 30px; line-height: 30px; margin-top: 30px; cursor: pointer; }
.subMenu h2.show{ filter: none;}
/*======================================================================== 
	search
  ========================================================================*/
.search .productsList{	float: left; width: 1000px;}
.search .availableColors_right{	background-position: -80px 0px;}
/*======================================================================== 
	support
  ========================================================================*/
.support .otherFunction{ padding: 20px 0 20px 25px; overflow: hidden;}
.support .otherFunction li{float:left;font-size:1.3em;width:280px;margin-right:30px;text-align:left}
.support .otherFunction li p{clear:both;overflow:hidden;display:block}
.support .otherFunction .title{background-image:url(http://assets.coolermaster.com/global/images/icon/iconPoint03.gif);background-repeat:no-repeat;background-position:left center;padding-left:10px;margin-bottom:10px;color:#000}
.support .otherFunction li span{background-repeat:no-repeat;background-position:center center;width:23px;height:23px;margin:0 5px 0 15px;display:block;float:left}
.support .otherFunction a:link{ color: #666;}
.support .otherFunction a:hover{ color: #343434; text-decoration: underline;}
.support .otherFunction a:visited{ color: #666;}
.support .otherFunction a:active{ color: #666;}
.support .productDetail .album{ width: 190px; float: left; margin: 0 10px;}
.support .productDetail .album .pic{height:190px;width:190px;overflow:hidden;background-repeat:no-repeat;background-position:center center;text-align:right}
.support .productDetail .album .availableColors{display:none;background:#fff;position:absolute;width:177px;overflow:hidden;border:solid 3px #E8E8E8;padding:5px}
.support .productDetail .detailInfo{float:left;background-image:url(http://assets.coolermaster.com/global/images/productDetail_bgData.gif);background-repeat:no-repeat;background-position:0 0;width:480px;margin-right:10px;min-height:200px}
.support .productDetail .detailInfo .title{	padding: 20px 0 10px 15px;}
.support .productDetail .detailInfo ul{ padding-left: 15px;}
.support .productDetail .detailInfo ul li{ padding: 10px; font-size: 1.3em;
/*以下為居家旅行必備良方*/
/*solve the vertical-align problem of horizontal divs*/
/*float: left;不可使用!*/
vertical-align:top; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; height:auto!important; height:24px; min-height:24px; }
.support .productDetail .detailInfo p{ padding-left: 10px; margin-bottom: 6px; line-height: 16px;}
.support .productDetail .detailInfo .subject{ background-image: url(http://assets.coolermaster.com/global/images/icon/iconArrow05.gif); background-repeat: no-repeat; background-position: left 8px; color: #333; }
.support .productDetail .detailInfo ul li span{ width: 60px; float: right;}
.support .productDetail .detailInfo ul li img{ margin-right: 10px; vertical-align: top;}
.support .areaFaq{ background-image: url(http://assets.coolermaster.com/global/images/2014/gradient_grayLeft01.gif); background-repeat: repeat-y; background-position: 210px top; overflow: hidden; }
.support .faqDetail{ margin-left: 210px; padding: 25px;}
.support .faqDetail h1{color:#333;background-image:url(http://assets.coolermaster.com/global/images/icon/iconQ.gif);background-repeat:no-repeat;background-position:left top;min-height:30px;padding-left:30px;font-size:1.3em;font-weight:400;margin-top:15px}
.support .faqDetail h1:hover{cursor:hand;color:f33}
.support .faqDetail h1.sel{font-weight:bolder;color:#620059}
.support .faqDetail div{display:none;border-bottom:1px dotted #ccc;background-image:url(http://assets.coolermaster.com/global/images/icon/iconA.gif);background-repeat:no-repeat;background-position:left top;font-size:1.3em;padding:0 0 15px 30px}
.support .areaDownload td{ border-bottom: 1px dashed #ccc; padding: 10px;}
/*======================================================================== 
	whereToBuy
  ========================================================================*/
.whereToBuy{}
/*======================================================================== 
	products
  ========================================================================*/
.productLines{background-image:url(http://assets.coolermaster.com/global/images/2014/gradient_grayLeft01.gif); background-repeat:repeat-y;background-position:170px top; *background-position:160px top !important; overflow:hidden;border-top:solid 1px #f2f2f2}
.productLines .refineDiv{ position: fixed; left: 0; width: 198px; top: 120px; z-index: 20;}
.productLines .refineDiv > img{ float: right; margin-top: -5px;}
.productLines .refineDiv > div{ width: 175px; padding-bottom: 1px;  border-right: solid 1px #e5e5e5; border-top: solid 1px #e5e5e5; border-bottom: solid 1px #e5e5e5; background: #fff;}
.productLines .refineDiv .title{ padding: 10px 15px 25px 15px; font-size: 1.5em; color: #000; background-image: url(http://assets.coolermaster.com/global/images/2014/shadow_ht15.gif); background-repeat: repeat-x; background-position: center bottom; }
.productLines .refineDiv .title img{ vertical-align:middle; margin: 0 5px 4px 0;}
.productLines .refineDiv .scrollbar{ width: 142px; height: 500px; padding-left: 15px; font-size: 1.3em;}
.productLines .refineDiv .scrollbar dt{ color: #333; margin: 5px 0; padding-left: 12px; background-image: url(http://assets.coolermaster.com/global/images/icon/iconPoint05.gif); background-repeat: no-repeat; background-position: 3px 10px; }
.productLines .refineDiv .scrollbar dd{ width: 135px; margin-bottom: 10px; padding: 0 0 10px 7px; border-bottom: solid 1px #e5e5e5;}
.productLines .productsList{ float: left; width: 827px; *width: 819px !important; padding-bottom: 40px;}
.productsList .sortDiv{margin:50px 30px 10px;position:relative;border:solid 1px #ededed;background-image:url(http://assets.coolermaster.com/global/images/2014/shadow_ht50.gif); background-repeat:repeat-x;background-position:center top}
.productsList .sortDiv .sortPic{ position: absolute; left: 50px; top: -20px; width: 150px; height: 150px; text-align : center;
/* Firefox, Chrome */
line-height : 150px; white-space : nowrap;
/* IE */
*font-size : 135px;  /* 200px * 0.9 = 180px */
*font-family : Arial;
}
.productsList .sortDiv .sortPic:after{ content : "."; font-size : 0;
-webkit-text-size-adjust : none; /*為了讓 Chrome 支援 font-size : 0 */
}
.productsList .sortDiv .sortPic img{ vertical-align : middle;}
.productsList .sortDiv h2{ margin: 25px 10px 5px 225px; font-size: 1.6em; color:#333;}
.productsList .sortDiv p{ margin: 0 40px 0 225px; font-size: 1.2em; line-height: 1.5em; min-height: 75px;}
.productsList .sortDiv span{text-align:center;font-size:1.2em;color:#666;width:120px;padding:3px;margin:5px 10px 20px 225px;border:solid 1px #cbcbcb;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;display:block;cursor:pointer}
.productsList .sortDiv span:hover{ text-decoration: none; color: #000; background: #e5e5e5; border: solid 1px #fff;}
.productsList .sortDiv span.show{ filter: none;}
.productsList .sortDiv > ul{ width: 765px; *width: 740px !important; margin: 35px 0 -1px 35px; box-sizing: border-box; max-height: 0; overflow: hidden;
-webkit-transition: max-height 0.3s ease 0s;
-moz-transition: max-height 0.3s ease 0s;
-ms-transition: max-height 0.3s ease 0s;
-o-transition: max-height 0.3s ease 0s;
transition: max-height 0.3s ease 0s;
}
.productsList .sortDiv > ul.show{	max-height: 1000em;}
.productsList .sortDiv li{ width: 173px; *width: 176px !important; margin-top: 10px; padding-bottom: 25px; border-bottom: solid 1px #e7e7e7; font-size: 1.3em; 
/*以下為居家旅行必備良方*/
/*solve the vertical-align problem of horizontal divs*/
vertical-align:top; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; height:auto!important; height:24px; min-height:24px; }
.productsList .sortDiv li > a{background-repeat:no-repeat;background-position:center center;background-size:contain;text-align:right;width:150px;height:150px;display:block;margin:0 auto}
.productsList .sortDiv li > strong{ font-weight: normal; padding: 0 3px; margin-bottom: 5px; display: block; line-height: 130%; height: 50px; overflow: hidden; text-align:center;}
.productsList .sortDiv li > b{ display: block; font-size: 12px; font-weight: normal; color: #999; text-align: center;}
.productsList{ overflow:hidden;}
.productsList dt{font-size: 1.5em;font-weight: bolder;color: #343434;margin-top: 10px;padding: 11px 0 22px 10px; *padding: 9px 0 24px 10px !important; clear: both;background-image: url(http://assets.coolermaster.com/global/images/gradient_grayTop02.png); background-repeat: repeat-x;background-position: center bottom;}
.productsList dt a{ float: right;}
.productsList dd{margin: 0 5px 5px 5px;vertical-align:top;display:-moz-inline-stack;display:inline-block;zoom:1;
*display:inline;
height:auto !important;
height:24px;min-height:24px;}
.productsList dd a:link{color:#333;background-color:#FFF}
.productsList dd a:visited{color:#333}
.productsList dd a:hover{color:#343434;text-decoration:underline}
.productsList dd a:active{color:#333}
.productsList dd .listPic{display:block;width:185px;height:185px;background-repeat:no-repeat;background-position:center center;text-align:right;margin:0 auto}
.productsList dd .title{font-size:1.3em;padding:5px 10px 0;height:4.8em;overflow:hidden}
.productsList dd .title a{background-color:#FFF}
.productsList dd .compareBox{color:#343434;font-size:1.2em;padding:3px;background-image:url(http://assets.coolermaster.com/global/images/title_bgDecoration.gif);background-repeat:no-repeat;background-position:0 bottom}
.productLines .productsList dd{ width: 210px; margin: 5px 0 30px 17px; *margin: 5px 0 30px 22px !important;}
/* CPC 版面 */
.productDetail{ margin-bottom: 10px; overflow: hidden;}
.productDetail .album{ width: 520px; float: left;}
.productDetail .album .bigPic{height:290px;width:400px;overflow:hidden;margin:0 auto;line-height:300px;text-align:center}
.productDetail .album .smallPic{ width: 510px; margin: 10px auto 0 auto; border: 5px solid #f4f4f4; overflow: hidden;}
.productDetail .album .smallPic ul li{ padding: 0 2px; border-left: 1px dotted #ccc; float: left;}
.productDetail .album .smallPic ul li:first-child{ border-left: none;}
.productDetail .detailInfo{float:left;background-image:url(http://assets.coolermaster.com/global/images/productDetail_bgData.gif);background-repeat:no-repeat;background-position:0 0;width:480px;min-height:430px}
.productDetail .detailInfo .title{color:#343434;font-size:1.5em;overflow:hidden;font-weight:bolder;border-bottom:1px dashed #ccc;padding:20px 0 0 15px}
.productDetail .detailInfo .synopsis{ padding: 15px; font-size: 1.3em;}
.productDetail .detailInfo .synopsis ul{ padding: 20px; overflow:hidden;}
.productDetail .detailInfo .synopsis li{background-image:url(http://assets.coolermaster.com/global/images/icon/iconPoint01.gif);background-repeat:no-repeat;background-position:left 8px;padding-left:10px}
.productDetail .detailInfo .cpccompare{ padding:10px; color: #343434; font-size: 1.2em; float:right;}
/* mobile 版面 */
.mobile .productDetail{ margin-bottom: 0;}
.mobile .productDetail .album{width:1000px;margin:10px 0;background-repeat:no-repeat;background-position:left top;background-image:url(http://assets.coolermaster.com/global/images/bg_mobileAlbum.gif)}
.mobile .productDetail .album .bigPic{height:500px;width:980px;overflow:hidden;margin:0 auto 10px;text-align:center}
.mobile .productDetail .album .smallPic{ width: 990px; margin: 0; border: 5px solid #f4f4f4; overflow: hidden;}
.mobile .productDetail .album .smallPic ul li{ padding: 0 4px 0 4px; border-left: 1px dotted #ccc; float: left;}
.mobile .productDetail .album .smallPic ul li:first-child{ border-left: none;}
.mobile .productDetail .detailTitle{background-image:url(http://assets.coolermaster.com/global/images/productDetail_bgTitle.gif);background-repeat:no-repeat;background-position:center top;font-size:1.5em;font-weight:bolder;color:#343434;padding:15px 0 0 15px;border-bottom:1px dashed #CCC;width:985px;overflow:hidden}
.mobile .productDetail .detailTitle span{margin-left:20px;color:#000;font-size:13px;font-weight:400}
/* Email 彈出視窗 */
.emailPop dt{ color: #343434; font-size: 1.5em; border-bottom: dotted 1px #999999; margin: 10px 0; padding: 5px;}
.emailPop dd{ font-size: 1.3em; padding: 5px; margin: 5px 0;}
.emailPop dd b{ color: #F33;}
a.compareBtn_110{background-image: url(http://assets.coolermaster.com/global/images/btnCompare_95.gif);background-position: 0px 0px;
/*font-weight: bolder;*/
text-align: center;font-size: 12px;color: #C7C7C7;height: 40px;width: 95px;margin: 0 10px 1px 0;
/*padding-top: 3px;*/
display: block;float: right;}
/*
a.compareBtn_110{background-image:url(http://assets.coolermaster.com/global/images/btnCompare_110.gif);background-position:0 0;font-weight:bolder;text-align:center;font-size:12px;color:#FFF;height:22px;width:110px;margin:0 10px 1px 0;padding-top:3px;display:block;float:right}
a.compareBtn_110:hover{ color: #FFF; background-position: 0px 25px;}
*/
a.compareBtn_110x32{background-image:url(http://assets.coolermaster.com/global/images/btnCompare_110x32.gif);background-position:0 0;font-weight:bolder;text-align:center;font-size:12px;color:#FFF;height:27px;width:110px;margin:0 10px 1px 0;padding-top:5px;display:block;float:right}
a.compareBtn_110x32:hover{color:#FFF;background-position:0 32px}
a.compareBtn_250{background-image:url(http://assets.coolermaster.com/global/images/btn_250.gif);width:250px;height:27px;padding:6px 0 0;margin:30px auto 0;text-align:center;font-weight:bolder;color:#FFF;display:block;font-size:1.5em}
a.compareBtn_250:hover{ color: #FFF;}
.otherFunction{	text-align: right; margin-right: 20px; margin-bottom: 6px; *margin-bottom: 9px !important;}
.otherFunction strong{ color: #343434; font-size: 1.2em; font-weight: normal; margin: 0 15px; }
.otherFunction a img{ margin: 0 5px 5px 0;}
/* comparison 比較頁面 */
.comparison .mainContent{border-top:1px solid #e5e5e5;overflow:hidden;padding-top:1px}
.conditionSelect{background:#f2f2f2;padding:20px 25px;border-bottom:solid 1px #d3d3d3;height:360px;position:relative}
.conditionSelect dl{padding-right:35px;background-repeat:no-repeat;position:absolute}
.conditionSelect dl.w195{ width: 195px;	background-image: url(http://assets.coolermaster.com/global/images/2014/partitionLine_h150.gif); background-position: right 28px;}
.conditionSelect dl.w325{ width: 325px; background-image: url(http://assets.coolermaster.com/global/images/2014/icon/arrow01.gif); top: 225px; background-position: right 77px;}
.conditionSelect dt{ font-weight: bolder; font-size: 1.3em;}
.conditionSelect dt img{ vertical-align:middle; margin: 0 5px 0 8px;}
.conditionSelect dd{ background: #FFF; border: solid 1px #e6e6e6; padding-top: 10px; margin-top: 5px;}
.conditionSelect .w195 dd{ width: 205px; min-height: 150px;}
.conditionSelect .w325 dd{ width: 335px; min-height: 110px;}
.conditionSelect .w195 .scrollbar{ width: 180px; height: 140px;}
.conditionSelect .w325 .scrollbar{ width: 310px; height: 100px;}
.conditionSelect .scrollbar{ padding: 0; margin: 0;}
.conditionSelect .scrollbar li a{ display: block; font-size: 1.2em; padding: 2px 0 2px 10px; margin-left: 10px; *margin-left: -6px !important; color: #666;}
.conditionSelect .w195 .scrollbar li a{ width: 160px;}
.conditionSelect .w325 .scrollbar li a{ width: 290px;}
.conditionSelect .scrollbar li a:hover{ background: #f3f3f3; text-decoration: none;}
.conditionSelect .scrollbar li a.sel{ background: #f3f3f3;}
.conditionSelect .prodcutPic{position:absolute;right:30px;top:80px;width:200px;padding:0}
.conditionSelect .prodcutPic a{height:250px;width:100%;display:block;background-repeat:no-repeat;background-position:center center}
.comparison .theBtn{margin:15px 0;overflow:hidden}
.comparison .theBtn a{min-width:250px;display:block;color:#333;text-align:center;font-size:1.3em;font-weight:bolder;text-decoration:none;padding:5px 0;float:right;border:solid 1px #ccc;background-color:#FFF;background-image:url(http://assets.coolermaster.com/global/images/2014/shadow_hb30.gif);background-repeat:repeat-x;background-position:center bottom}
.comparison .detailList{width:1000px;overflow:hidden;position:relative}
.detailList dl{	float:left;	overflow:hidden;}
.detailList dt{padding:10px 5px;text-align:center;font-weight:bolder;color:#FFF;background-color:#212121;background-image:url(http://assets.coolermaster.com/global/images/2014/footerBg.gif);background-repeat:repeat-x;background-position:center bottom}
.detailList dd{border-bottom:1px dashed #ccc;padding:10px 5px;font-size:11px;text-align:center;display:block}
.detailList .even{ background: #f2f2f2;}
.detailList .specName{ width: 160px; color: #000;}
.detailList .comparaList{ width: 210px;}
.detailList .comparaList:hover { color: #000;}
.detailList .comparaList dd{ position: relative;}
.detailList .pic{width:185px;height:185px;margin:0 auto;background-position:center center;display:block}
.detailList .comparaList a.cancle{display:block;height:20px;width:20px;position:absolute;top:10px;right:10px;background-image:url(http://assets.coolermaster.com/global/images/2014/icon/cancle.png);background-repeat:no-repeat;background-position:left top}
.detailList .comparaList a.cancle:hover{background-position:left -20px}
/*======================================================================== 
	other
  ========================================================================*/
.other .mainContent{border-top:1px solid #e5e5e5;background-image:url(http://assets.coolermaster.com/global/images/2014/gradient_grayLeft01.gif);background-repeat:repeat-y;background-position:210px top;overflow:hidden;padding-top:1px}
.other .mainContent .htmlEditorArea{margin-left:210px;padding:25px}
/* Company */
.company .aboutUs .mainContent{background-image:url(http://assets.coolermaster.com/global/images/gradient_grayTop02.png);background-repeat:repeat-x;background-position:center top;padding:30px}
.company .news .mainContent{border-top: 1px solid #e5e5e5;background-image: url(http://assets.coolermaster.com/global/images/gradient_grayTop02.png);background-repeat: repeat-x;background-position: center 1px;
*background-position: center 2px !important;}
.company .news .newsList{ margin: 0 20px;}
.company .news .newsList li{ border-top: 1px dashed #ccc; padding: 15px; overflow: hidden;}
.company .news .newsList li img{ width: 135px; margin-right: 15px; float: left;}
.company .news .newsList p{ font-size: 1.2em;}
.company .news .newsList .title{ margin-bottom: 5px;}
.company .news .newsList .title strong{ color: #343434; padding-right: 15px; margin-right: 15px; border-right: 1px solid #333;}
.company .news .newsList .title a:link{ color: #333;}
.company .news .newsList .title a:visited{ color: #333;}
.company .news .newsList .title a:hover{ color: #343434; text-decoration: underline;}
.company .news .newsList .title a:active{ color: #333;}
.company .news .newsDetail_title{ border-bottom: 1px dashed #ccc; padding: 10px; margin: 10px; font-size: 1.3em;}
.company .news .newsDetail_title strong{ color: #343434; padding-right: 15px; margin-right: 15px; border-right: 1px solid #333;}
.company .careers{border-top: 1px solid #e5e5e5;background-image: url(http://assets.coolermaster.com/global/images/2014/gradient_grayLeft01.gif);background-repeat: repeat-y;background-position: 296px top;
*background-position: 286px top !important;
overflow: hidden;}
.company .careers .mainContent{ float: left; width: 702px; *width: 714px !important; overflow: hidden}
.company .careers .list p strong{ color: #343434; font-weight: normal;}
.company .careers .list td{ border-bottom: 1px dashed #ccc; padding: 10px;}
.company .careers .detail .title{ border-bottom: 1px dashed #ccc; padding: 10px; margin: 15px; font-size: 1.3em;}
.company .careers .detail .title strong{ color: #343434;}
.company .careers .detail table .mark{font-weight:bolder;background-color:#e5e5e5;text-align:center}
.company .prize .bookMark{background-image:url(http://assets.coolermaster.com/global/images/2014/bookMarkBg01.gif);background-repeat:repeat-x;background-position:center center;padding:9px 10px 10px;overflow:hidden;border-bottom:solid 1px #e5e5e5;border-top:solid 1px #e5e5e5}
.company .prize .bookMark a:link{color:#000;margin:0 20px;font-size:1.3em}
.company .prize .bookMark a:visited{color:#000}
.company .prize .bookMark a:hover{color:#3f0059;text-decoration:none;font-weight:700}
.company .prize .bookMark a:active{color:#000}
.company .prize .mainContent ul{overflow:hidden;width:1000px;margin:20px}
.company .prize .mainContent li{border:solid 1px #ededed;margin:20px;width:150px;height:230px;overflow:hidden;background-image:url(http://assets.coolermaster.com/global/images/2014/shadow_ht15.gif);background-repeat:repeat-x;background-position:center top;float:left;text-align:center;font-size:1.3em}
.company .prize .mainContent li strong{background-image:url(http://assets.coolermaster.com/global/images/2014/partitionLine_w135.gif);background-repeat:no-repeat;background-position:center bottom;padding:5px;color:#333;width:140px;display:block}
.company .prize .mainContent li a{
height : 130px;width : 145px;margin: 0 auto;display: block;text-align : center;
/* Firefox, Chrome */
line-height : 130px;  white-space : nowrap;
/* IE */
*font-size : 117px;  /* 200px * 0.9 = 180px */  *font-family : Arial;}
.company .prize .mainContent li a:after {  content : ".";  font-size : 0;  -webkit-text-size-adjust : none;}
.company .prize .mainContent li a img {  vertical-align : middle;}
/* Service */
.glossary{padding:25px}
.glossary h1{color:#333;background-image:url(http://assets.coolermaster.com/global/images/icon/iconQ.gif);background-repeat:no-repeat;background-position:left top;min-height:30px;padding-left:30px;font-size:1.3em;font-weight:400;margin-top:15px}
.glossary h1:hover{ cursor:hand; color: f33;}
.glossary h1.sel{font-weight:bolder;color:#620059}
.glossary div{display:none;border-bottom:1px dotted #ccc;background-image:url(http://assets.coolermaster.com/global/images/icon/iconA.gif);background-repeat:no-repeat;background-position:left top;font-size:1em;padding:0 0 15px 30px}
.contactUs{border-top:1px solid #e5e5e5;background-image:url(http://assets.coolermaster.com/global/images/2014/gradient_grayLeft01.gif);background-repeat:repeat-y;background-position:296px top;*background-position:286px top!important;overflow:hidden}
.contactUs .mainContent{ float: left; width: 700px; *width: 714px !important;}
.contactUs .mainContent .location{font-size:1.5em;font-weight:bolder;color:#343434;margin-top:10px;padding:15px 0 18px 10px;background-image:url(http://assets.coolermaster.com/global/images/gradient_grayTop02.png);background-repeat:repeat-x;background-position:center bottom}
.contactUs .mainContent .list{ margin: 10px 20px;}
.contactUs .mainContent .list li{ width: 310px; *width: 315px !important; margin: 10px;
/*以下為居家旅行必備良方*/
/*solve the vertical-align problem of horizontal divs*/
/*float: left;不可使用!*/
vertical-align:top; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; height:auto !important; height:24px; min-height:24px; }
.contactUs .mainContent .list li p{ padding: 10px; font-size: 1.3em;}
.contactUs .mainContent .list .title{ border-bottom: 1px dashed #ccc; color: #333; font-weight: bolder;}
.contactUs .mainContent strong{ color: #F00; font-weight: normal; padding-left: 5px;}
.warranty .mainContent{background-image:url(http://assets.coolermaster.com/global/images/gradient_grayTop02.png);background-repeat:repeat-x;background-position:center top;padding:30px}
/* marketing */
.wallpaper .list{padding:10px;overflow:hidden;background-image:url(http://assets.coolermaster.com/global/images/gradient_grayTop02.png);background-repeat:repeat-x;background-position:center top}
.wallpaper .list li{ 
width: 472px; /*20141113 update by Franco*/
margin:	8px 8px 15px 8px;
/*以下為居家旅行必備良方*/
/*solve the vertical-align problem of horizontal divs*/
/*float: left;不可使用!*/
vertical-align:top; display:-moz-inline-stack; display:inline-block; zoom:1; *display:inline; height:auto!important; height:24px; min-height:24px; }
.wallpaper .list .sketchMap{width:140px;overflow:hidden;float:left}
.wallpaper .list .detail{width:318px;padding-top:3px;margin-left:10px;float:left}
.wallpaper .list .detail .title{background-image:url(http://assets.coolermaster.com/global/images/icon/iconArrow02.gif);background-repeat:no-repeat;background-position:5px center;color:#620059;font-size:1.3em;padding:0 0 3px 15px}
.wallpaper .list .detail .wallpaperSize{background-image:url(http://assets.coolermaster.com/global/images/wallpapersSize.gif);background-repeat:no-repeat;background-position:left top;padding:18px 0 5px;overflow:hidden}
.wallpaper .list .detail .wallpaperSize li{width:103px;*width:103px!important;padding:0;margin:0;text-align:center}
.wallpaper .list .detail .wallpaperSize li a:link{color:#666}
.wallpaper .list .detail .wallpaperSize li a:visited{color:#666}
.wallpaper .list .detail .wallpaperSize li a:hover{color:#343434;text-decoration:underline}
.wallpaper .list .detail .wallpaperSize li a:active{color:#666}
.wallpaper .list .detail .download{background-image: url(http://assets.coolermaster.com/global/images/icon/download.gif); background-repeat: no-repeat; background-position: left center; padding: 0 10px 0 15px; -webkit-text-size-adjust:none; /*解決Google內字體不能小於12px的問題*/
}
.wallpaper .list .detail .download:link{color:#390}
.wallpaper .list .detail .download:visited{color:#390}
.wallpaper .list .detail .download:hover{color:#f33}
.wallpaper .list .detail .download:active{color:#390}
/*======================================================================== 
	各區tag內容
  ========================================================================*/
.areaOverview .relatedProducts{ background: url(http://assets.coolermaster.com/global/images/product_bgRelated.gif) repeat-y; border-top: solid 5px #EFEFEF; border-bottom: solid 5px #EFEFEF; width: 955px; height: 280px; margin: 10px 0; padding: 10px 8px; }
.areaOverview .relatedProducts h1.title{ background: url(http://assets.coolermaster.com/global/images/icon/iconArrow01.gif) no-repeat 15px 7px; border-bottom: dotted 1px #999999; padding: 0 10px 10px 30px; font-size: 12px; font-weight: normal; color: #343434; }
.areaOverview .relatedProducts .productsList{ padding: 0;}
.areaOverview .relatedProducts .productsList dd .listPic{ width: 205px;}
.areaOverview .relatedProducts .productsList dd .title{ margin: 10px 0;}
.areaSpecs table{ margin: 0 auto;}
.areaSpecs td{ font-size: 12px; padding: 5px 10px;}
.areaSpecs .oddRow{ background-color: #F2F2F2;}
.areaReviews{ margin-bottom: 20px;}
.areaReviews li{ float: left; margin: 0 4px 8px 4px;}
.areaReviews li a{ display: block; width: 128px; height: 128px; background-repeat: no-repeat; background-position: center center; border: 1px solid #e9e9e9;}
.areaReviews li a:hover{ width: 120px; height: 120px; border: 5px solid #e9e9e9;}
.areaDownload ul{ width: 500px; /*320px;*/ float: left; margin-right: 10px; font-size: 1.3em; padding-bottom: 20px; overflow: hidden;}
.areaDownload ul li{ padding: 5px 10px; line-height: 18px;}
.areaDownload ul li span{ width: 60px; float: right;}
.areaDownload ul li img{ margin-right: 10px; vertical-align: top;}
.areaDownload ul .title{ color: #343434; font-size: 15px; border-bottom: 1px dashed #ccc;}
.areaDownload .productSupportBtn{ background-image: url(http://assets.coolermaster.com/global/images/btn_black-140.gif); width: 140px; height: 25px; padding: 5px 0 0 0; margin: 30px 0 0 90px; text-align: center; font-weight: bolder; color: #FFF; font-size: 1.2em; float: left;}
.areaDownload .productSupportBtn a{ color: #FFF;}
.areaVideo p{ color: #B7B7B7; font-size: 1.3em; font-weight: bolder; padding: 10px 15px; background-image: url(http://assets.coolermaster.com/global/images/icon/iconArrow02.gif); background-repeat: no-repeat; background-position: 7px 18px;}
.areaVideo iframe{ margin-bottom: 10px;}
.areaLiveChat{ font-size: 1.3em; margin: 40px;}
.areaLiveChat h2{ margin: 40px 0 15px 0;}
.areaEmail{ font-size: 1.3em;}
.areaEmail h1{ color: #333; border-bottom: 1px solid #e5e5e5; background-image: url(http://assets.coolermaster.com/global/images/icon/iconArrow09.gif); background-repeat: no-repeat; background-position: 12px center; padding: 5px 25px; margin: 30px 0;}
.areaEmail #expand01{ padding: 0 15px 0 20px; background-image: url(http://assets.coolermaster.com/global/images/icon/iconAdd.gif); background-repeat: no-repeat; background-position: left center; display: block; float: right; font-weight: normal; cursor: hand; margin-top: -55px; color: #343434; }
/*.areaEmail div{ display: none;}*/
.areaEmail p{ margin: 10px 30px 0 30px;}
.areaEmail strong{ color: #F00; font-weight: normal; padding-left: 5px;}
.areaEmail .productInfo_bg{ background-image: url(http://assets.coolermaster.com/global/images/bg_productInfo.gif); background-repeat: no-repeat; background-position: left center; padding-left: 25px;}
.areaEmail img{ margin: 5px; vertical-align: top;}
.areaCmCenter{ padding-top: 15px;}
.areaCmCenter ul{ border-bottom: 1px dotted #ccc; padding: 15px; overflow: hidden;}
.areaCmCenter ul li{ float: left; font-size: 1.3em; padding: 5px 10px; width: 300px;}
.areaCmCenter ul li.pic{ width: 300px; min-height: 50px; display: block; overflow: hidden; text-align: center; padding: 0; margin-right: 10px;}
.areaCmCenter ul li.title{ border-bottom: 1px solid #e5e5e5; clear: right; color: #333; display: block; width: 635px; font-weight: bolder; text-align: right;}
.areaCmCenter ul li.title strong{ float: left;}
.areaCmCenter ul li.title a{padding: 0 3px; color: #FFF;}
.areaCmCenter ul li.address{background-image: url(http://assets.coolermaster.com/global/images/icon/iconMap.png); background-repeat: no-repeat; background-position: 5px 5px; padding: 8px 0 0 33px;}
/*======================================================================== 
	Footer
  ========================================================================*/
.otherLink{ width: 100%; margin: 0 auto; overflow: hidden; padding: 20px 0; background-color: #191919; background-image: url(http://assets.coolermaster.com/global/images/2014/footerBg.gif); background-repeat: repeat-x; background-position: center top;}
.otherLink ul{ width: 1000px; margin: 0 auto;}
.otherLink li{ float: left; padding: 10px 0; margin: 0 25px; width: 200px; color: #ccc;}
.otherLink li strong{ font-family: "Microsoft YaHei", Verdana, "新細明體"; font-size: 1.5em; font-weight: normal; display: block; margin-bottom: 10px; padding-bottom: 10px; border-bottom: solid 1px #333;}
.otherLink li a{ display: block; margin-bottom: 3px;}
.otherLink li a:link { color: #ccc;}
.otherLink li a:visited	{ color: #ccc;}
.otherLink li a:hover { color: #fff; text-decoration: none;}
.otherLink li a:active { color: #ccc;}
#footer{ width: 100%}
#footer .copyright{ color: #333; padding: 15px; background: #eee; font-size: 1.2em;}
#footer .content{ width: 1000px; margin: 0px auto; font-style: normal; overflow: hidden;}
#footer .content p{ padding-top: 7px;}
#footer .flag{ float: left; display: block; width: 34px; height: 30px; text-align: center;
/* Firefox, Chrome */
line-height: 37px; white-space: nowrap;
/* IE */
*font-size: 25px;  /* 200px * 0.9 = 180px */
*font-family: Arial;
}
#footer .flag:after{ content: "."; font-size : 0; -webkit-text-size-adjust : none; /*為了讓 Chrome 支援 font-size : 0 */ }
#footer .flag img{  vertical-align : middle;}
#footer .languageArea{ background-image: url(http://assets.coolermaster.com/global/images/2014/footer_language.gif); width: 202px; height: 30px; float: right;}
#footer .languageArea a{ width: 165px; height: 30px; display: block; float: left;}
/* country */
.country .areaHom dl{ font-size: 1.2em; color: #999; margin-bottom: 30px; margin-left: 20px; padding-bottom: 50px;}
.country .areaHom dt{ padding: 20px 0; color: #333; font-weight: bolder; clear: both;}
.country .areaHom dt span{ background-image: url(http://assets.coolermaster.com/global/images/icon/iconArrow10.gif); padding-right: 15px; background-repeat: no-repeat; background-position: right center; }
.country .areaHom dd{ font-weight: normal; float: left; width: 312px; margin: 5px;}
.country .areaHom dd a{padding-left:35px;background-repeat:no-repeat;background-position:10px center;width:170px;font-weight:400;display:block;float:left}
.feedback {background-image: url("http://assets.coolermaster.com/global/images/icon/feedback3.png"); background-repeat: no-repeat; width: 26px; height: 105px; position: fixed; right: 0; top: 487px; z-index: 9999;}
.feedback:hover {background-image: url("http://assets.coolermaster.com/global/images/icon/feedback3-hover.png"); background-repeat: no-repeat; width: 26px; height: 105px; z-index: 9999;}
.compare01vr {
/*background-image: url("../images/icon/compare01.png"); background-repeat: no-repeat; width: 105px; height: 26px;*/
position: fixed; right: 45px; bottom: 4px; z-index: 9999;}
.searchtitle h4 {font-size: 1.8em; color: #000; margin: 10px 0 0 20px;}

} /*重要不可刪除!*/