@import url(http://fonts.googleapis.com/css?family=Noto+Sans:400,700,400italic,700italic&subset=cyrillic-ext);
@import url("abflineaire/abflineaire.css");
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,700&subset=latin,cyrillic-ext);
@import url(https://fonts.googleapis.com/css?family=Pathway+Gothic+One);
@media screen, projection{
/*======================================================================== 
	Global
  ========================================================================*/
html{	width:100%;	height:100%;}
body {
	color: #5c595c;
	text-decoration: none;
	font-family: 'Noto Sans', sans-serif;
	font-size: 63%;
	line-height: 180%;
	margin: 0px;
	width: 100%;
	/*text-align: center;向下相容舊版IE無法判別margin:0 auto的置中語法*/
}
body.home{ background-position: center 497px;}
input,select{ font-family: 'Noto Sans', sans-serif; color: #333;}
table{ margin: 0 auto; font-size: 12px;}
td{ border-left: 1px solid #FFF; border-right: 1px solid #FFF;}
th{
	background-image: url(../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: 100%;
	height: auto;
	/*margin: 0 auto;*/
	/*padding: 110px 1px 1px 1px;*/
	text-align: left;/*配合body text-align設定，向下相容舊版IE無法判別margin:0 auto的置中語法*/
	background-color: #FFF;
}
#wrapperInner, .areaSpecs, .areaReviews, .areaDownload, .areaComList, .areaVideo, .areaMicrosite, .areaShop{
	width: 1000px;
	margin:0 auto;
	padding: 110px 1px 1px 1px;
}
#centerContent{
	width:1000px;
	margin:0 auto;
}
.home #wrapper{ width: 100%; padding: 110px 0 0 0;}
.content_w980{
	margin: 0px auto;
	width: 980px;
	height:auto!important;
	height:300px;
	min-height:300px;
}
.districtsPic{
	font-size: 3em;
	margin-top: 10xp;
	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 10px 25px;
	background-image: url(../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(../images/gradient_grayBar.gif);
	padding: 7px 0 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(../images/gradient_grayBar.gif);
	padding: 7px 0 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 15px;
	margin-left: 5px;
	font-size: 1.3em;
	background-image: url(../images/gradient_grayBar_arrow.gif);
	background-repeat: no-repeat;
	background-position: 50px bottom;
}
.gradient_grayBar02 .arrow span{
	background-image: url(../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(../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-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(../images/icon/magnifier.jpg);}
.requirement strong.type{ background-image: url(../images/icon/type.gif);}
.requirement strong.info{ background-image: url(../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(../images/bg_shadow.jpg);
	background-repeat: no-repeat;
	background-position: right center;
}
.requirement .choose li{
	float: left;
	background-image: url(../images/icon/iconArrow06.png);
	background-position: right 73px;
	background-repeat: no-repeat;
	padding-right: 25px;
	margin-right: 10px;
}
.requirement .choose p{
	background-image: url(../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-size: 1.5em;
	font-weight: normal;
	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(../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-size: 1.5em;
	font-weight: normal;
	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: 115px; 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-color: #b3b5b6;
	padding: 3px 0 3px 9px;
	text-align: left;
	color: #54565a;
}
.availableColors_left{
	background-image: url(../images/product_bgAvailableColors02.gif);
	background-repeat: repeat-y;
	background-position: left 0px;
	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 12px 0 0;
	width: 13px;
	height: 13px;
	border: 1px solid #54565a;
	margin-left: 3px;
	text-decoration:none;
}
.availableColors_right a:hover,.availableColors_left a:hover{
	text-decoration:none;
}
.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 0;
	padding-top: 10px;
	background-image: url(../images/gradient_grayTop01.png);
	background-repeat: repeat-x;
	background-position: center top;
	font-size: 12px;
	clear: both;
}
.goto strong{
	width: 150px;
	font-weight: normal;
	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(../images/icon/iconArrow03.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding-left: 18px;
}
.goto .goTop{
	background-image: url(../images/icon/iconArrow08.gif);
	margin-left: 30px;
	margin-right: 30px;
	font-weight: bolder;
}
.goto .goPre{
	background-image: url(../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(../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(../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(../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: 16px;
	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 #cccccc;
	width: 220px;
	right: 0px;
	top: 10px;
	position: absolute;
	background-color: #FFF;
	z-index: 200;
	
}
#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(../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(../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(../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(../images/2014/shadow_ht72.gif);
	background-position: center top;
}
#mainPicArea_text div{ width: 150px; left: 50%; margin-left: -25px; position: absolute;}
#mainPicArea_text a{
	width: 12px;
	height: 12px;
	float: left;
	margin: 3px;
	display: block;
	background-image: url(../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(../images/2014/areaBg_h240.gif);
	background-repeat: repeat-x;
	background-position: center top;
	padding: 30px 0 40px 0;
	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;}
.areaDiv .viewMore		{ 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(../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 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(../images/2014/fanzone.jpg);}
.fanzone dl{
	float: left;
	margin: 0 15px 30px 15px;
	padding: 15px;
	width: 271px;
	border: solid 1px #dadada;
	background-color:#e0e0e0;
}
.fanzone dt{
	text-align: center;
	color: #000;
	font-size: 1.6em;
	font-weight: bold;
	padding-bottom: 10px;
	border-bottom:1px solid #a5a5a5;
}
.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 0;
	background-image: url(../images/gradient_grayTop02.png);
	background-repeat: repeat-x;
	background-position: center bottom;
	clear: both;
}
.rightSide .title strong{
	background-image: url(../images/icon/iconArrow01.gif);
	background-repeat: no-repeat;
	background-position: 10px center;
	font-weight: normal;
	padding-left: 20px;
	font-size: 1.2em;
}
.rightSide ul{ padding: 0 1px 15px 25px; font-size: 12px;}

.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(../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(../images/subMenuBg.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
}
.subMenu h1.sel{
	background-image: url(../images/subMenuBg.gif);
	background-repeat: repeat-y;
	background-position: 0px 0px;
}
.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(../images/btn_140.gif);
	width: 140px;
	height: 25px;
	display: block;
	padding: 5px 0 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: 15px;
	margin-top: 30px;
	cursor: pointer;
}
.subMenu h2.show{ filter: none;}


/*======================================================================== 
	search
  ========================================================================*/
.search .productsList{	float: left; width: 1000px;}
.search .availableColors_right{	background-position: -80px 0px;}
.searchtitle h4 {
    font-size: 1.8em;
    color: #000;
    margin: 10px 0px 0px 20px;
}

/*======================================================================== 
	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(../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(../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(../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(../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(../images/icon/iconQ.gif);
	background-repeat: no-repeat;
	background-position: left top;
	min-height: 30px;
	padding-left: 30px;
	font-size: 1.3em;
	font-weight: normal;
	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(../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(../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(../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(../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 30px;
	position: relative;
	border: solid 1px #ededed;
	background-image: url(../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 */
}
.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;}
.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(../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 10px;
	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(../images/title_bgDecoration.gif);
	background-repeat: no-repeat;
	background-position: 0px bottom;
}

.productLines .productsList dd{ width: 210px; margin: 5px 0 30px 17px; *margin: 5px 0 30px 22px !important;}

/* CPC 版面 */
.productDetail{overflow: hidden; margin-bottom:10px; border-bottom:1px solid #e0e0e0;}
.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: 519px; margin: 0 auto 0 auto; overflow: hidden; border-top:1px solid #e0e0e0;}
.productDetail .album .smallPic ul li{ padding: 0 2px; float: left;}
.productDetail .album .smallPic ul li:first-child{ border-left: none;}

.productDetail .detailInfo{
	float: left;
	width: 479px;
	min-height: 430px;
	border-left:1px solid #e0e0e0;
	background-color:#fff;
}
.productDetail .detailInfo h1.title{
	color: #061922;
	font-size: 35px;
	font-weight: bolder;
	padding: 20px 0 15px 20px;
	line-height:35px;
	font-family: 'Roboto Slab', serif;
}
/*h1.titlePsu{
	color:#58A946 !important;
}
h1.titleThermal{
	color:#0074BB !important;
}
h1.titleCase{
	color:#6850A1 !important;
}
h1.titlePeripherals{
	color:#E21D35 !important;
}
h1.titleMobile{
	color:#00B4A4 !important;
}*/
.productDetail .detailInfo .synopsis{ padding: 0px 15px 15px 20px; font-size: 1.3em;}
.productDetail .detailInfo .synopsis ul{ padding: 25px; margin-top:-20px; overflow:hidden; list-style-type:disc; font-size: 1em;}
.productDetail .detailInfo .synopsis li{padding-bottom:5px;
}
.productDetail .detailInfo .cpccompare{ padding: 10px; color: #343434; font-size: 1.2em; }

/* 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(../images/bg_mobileAlbum.gif);
}
.mobile .productDetail .album .bigPic{
	height: 500px;
	width: 980px;
	overflow: hidden;
	margin: 0 auto 10px auto;
	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(../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: normal;}

/* 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(../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(../images/btnCompare_110.gif);
	background-position: 0px 0px;
	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(../images/btnCompare_110x32.gif);
	background-position: 0px 0px;
	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: 0px 32px;}
a.compareBtn_250{
	background-image: url(../images/btn_250.gif);
	width: 250px;
	height: 27px;
	padding: 6px 0 0 0;
	margin: 30px auto 0 auto;
	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(../images/2014/partitionLine_h150.gif); background-position: right 28px;}
.conditionSelect dl.w325{ width: 325px; background-image: url(../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(../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(../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(../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(../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(../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(../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(../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; overflow: hidden}
.company .careers .mainContent table{ width: 100% !important;}
.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(../images/2014/bookMarkBg01.gif);
	background-repeat: repeat-x;
	background-position: center center;
	padding: 9px 10px 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: bold;}
.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(../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(../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 */}
.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(../images/icon/iconQ.gif);
	background-repeat: no-repeat;
	background-position: left top;
	min-height: 30px;
	padding-left: 30px;
	font-size: 1.3em;
	font-weight: normal;
	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(../images/icon/iconA.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 1.0em;
	padding: 0 0 15px 30px;
}

.contactUs{
	border-top: 1px solid #e5e5e5;
}
.contactUs .mainContent{ /*float: left;*/ width:900px; margin:0 auto; padding-bottom:20px;}
.contactUs .mainContent .serviceText p{font-size:1.3em; padding:10px 0 10px 20px;}
.contactUs .mainContent .location{
	font-size: 1.5em;
	font-weight: bolder;
	color: #343434;
	margin-top: 10px;
	padding: 15px 0 18px 10px;
	background-image: url(../images/gradient_grayTop02.png);
	background-repeat: repeat-x;
	background-position: center bottom;
}
.contactUs .mainContent .list{ margin:10px 20px; width:900px;}
.contactUs .mainContent .list li{
	width: 250px;
	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;}
.contactUs .mainContent a{font-weight:bold;text-decoration:underline;}
.warranty .mainContent{
	background-image: url(../images/gradient_grayTop02.png);
	background-repeat: repeat-x;
	background-position: center top;
	padding: 30px;
}

/* marketing */
.wallpaper .list{
	padding: 10px;
	overflow: hidden;
	background-image: url(../images/gradient_grayTop02.png);
	background-repeat: repeat-x;
	background-position: center top;
}
.wallpaper .list li{ 
	width: 473px;
	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{
	padding-left: 15px;
	background-image: url(../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(../images/wallpapersSize.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 18px 0 5px 0;
	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(../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(../images/product_bgRelated.gif) repeat-y;
	border-top: solid 5px #EFEFEF;
	border-bottom: solid 5px #EFEFEF;*/
	width: 955px;
	height: 290px;
	margin: 10px 0;
	padding: 10px 8px;
}
.areaOverview .relatedProducts h1.title{
	background: url(../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;*/text-align:center;}
.areaSpecs table, .areaOverview table{ margin: 0 auto; width:100%;}
.areaSpecs tr:nth-child(odd), .areaOverview tr:nth-child(odd){background-color:#f5f5f5;}
.areaSpecs td, .areaOverview td{ font-size: 14px; padding: 5px 10px; border-left:1px solid #e0e0e0 !important;vertical-align:middle;border-right:1px solid #e0e0e0 !important;border-top:1px solid #e0e0e0 !important;border-bottom:1px solid #e0e0e0 !important; height:38px;}
.areaSpecs td:nth-child(1), .areaOverview td:nth-child(1){width:330px;}
.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 #e0e0e0;
}
.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 solid #e0e0e0;}
.areaDownload .productSupportBtn{
	background-image: url(../images/btn_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: #191919;
	font-size: 1.3em;
	font-weight: bolder;
	padding: 10px 0px;
}
.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(../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(../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(../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(../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: #54565a;
}
.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-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: #54565a;
	padding: 15px;
	background: #b3b5b6;
	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 */
}
#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(../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(../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: normal;
	display: block;
	float: left;
}
.feedback {
    background-image: url("../images/icon/feedback3.png");
    background-repeat: no-repeat;
/*  width: 43px;
    height: 132px; */
    width: 26px;
    height: 105px;
    position: fixed;
    right: 0;
    top: 487px;
    z-index: 9999;
}
.feedback:hover {
    background-image: url("../images/icon/feedback3-hover.png");
    background-repeat: no-repeat;
/*  width: 43px;
    height: 132px; */
    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;
}
    h1#w2b_header {
	font-size: 24px;
	height: 24px;
	margin-top: 25px;
}
#w2b_wrapper {
	margin-top: 25px;
	margin-bottom: 25px;
	-webkit-transition: all 0.5s ease-in-out;
	   -moz-transition: all 0.5s ease-in-out;
		    transition: all 0.5s ease-in-out;
	text-align: center;
}
#w2b_wrapper.expand {
	margin-bottom: 25px;
}
#w2b_expand {
	width: 50px;
	height: 50px;
	margin: 10px auto 25px auto;
	cursor: pointer;
	z-index: 50;
	opacity: .99;
	text-align: center;
	box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
	border-radius: 50%;
}
#w2b_expand .w2b_arrow {
	font-size: 30px;
	padding: 15px 0px;
	display: block;
	-webkit-transition: all 0.2s ease-in-out;
  	   -moz-transition: all 0.2s ease-in-out;
		    transition: all 0.2s ease-in-out;
}
#w2b_expand.expand .w2b_arrow {
	-webkit-transform: rotate(180deg);
	   -moz-transform: rotate(180deg);
		 -o-transform: rotate(180deg);
		    transform: rotate(180deg);
}
li.w2b_item {
	display: inline;
}
.w2b_item img {
	box-sizing: border-box;
	margin: 18px;
	max-height: 160px;
	max-width: 160px;
}
.title span {
	font-weight: normal;
	color: #aaa;
}
#buy_now_link {
	padding: 0px 15px;
	background: #690052;
	color: #fff;
	font-size: 15px;
	line-height: 50px;
	float: left;
	box-sizing: border-box;
	margin-left: 15px;
	-moz-transition: 0.2s ease-in-out;
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
#buy_now_link:visited {
	color: #fff;
}
#buy_now_link:hover {
	text-decoration: none;
	color: #ccc;
	box-shadow: inset 0px 0px 15px rgba(0,0,0,0.8);
}
#ratingLabel{
	width: 700px;
	height: 250px;
	margin: 20px 0 20px 130px;
}
#ratingLabel th{
	text-align: center;
	font-weight: bold;
	padding: 10px 5px;
	border: 1px solid #061922;
	color: #fff;
	font-size: 16px;
	word-break: normal;
	background-image: none;
	background-color: #061922;
	overflow: hidden;
}
#ratingLabel td{
	text-align: center;
	font-size: 16px;
	padding: 10px 5px;
	border: 1px solid #78848d;
	background-image: none;
	color: #061922;
	overflow: hidden;
	word-break: normal;
}
#ratingLabel td.ratingLabelHead {
	font-weight: bold;
	background-color: #c0bfbf;
}
div.divider{
	border-bottom:3px groove #DADADA;
}
} /*重要不可刪除!*/

/*    Modal Popup   */
/* The Modal (background) */
.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 9999; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
    background-color: #fefefe;
    margin: auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
}

/* The Close Button */
.close {
    color: #aaaaaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
}

.close:hover,
.close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
}

/* Support section on homepage */
#homeSupport {
  width: 850px;
  margin:0 auto;
}

#homeSupportButtons {
  float: left;
  margin-top: 55px;
  margin-right:50px;
}

.homeSupportImage {
  width: auto;
}

.homeSupportButton {
  border-radius: 10px;
  background: #B3B5B6;
  width: auto;
  min-width: 460px;
  max-width: 460px;
  height: auto;
  margin-bottom: 20px;
}
	.homeSupportButton a:hover{
		color:white;
		text-decoration:none;
	}

.homeSupportButtonImage img {
  float: left;
  padding: 2px 30px 5px 20px;
}

.homeSupportButtonText {
  padding: 20px;
  text-align: left;
  font-size: 20px;
  font-family: 'Noto Sans', sans-serif;
}

.homeSupportButton:hover {
  background: #54565A;
  color: white;
}