/*----------------------------- 共用項目 ----------------------------*/
/* disabled input */

input:disabled + label {
	opacity: .4;
}

#frm_comparison img {
	width:auto;
}

#pan_model_list table tr th {
	font-size:90%;
}
.Title001
{
	font-weight:bold;
	font-size:16px;
	color:#ffffff;
	line-height:18px;
}

.Title002
{
	font-size:80%;
	color:#676767;
	line-height:17px;
	font-weight:bold;
}
.font01 {
	 font-weight: bold;
	 color:#676767;
}
.comparisonResult .Title002 {
	font-size: 15px;
}
.Title003
{
	font-size:13px;
	color:#676767;
	line-height:17px;
	font-weight:bold;
	margin: 0px 0px 0px 5px;
}

.Title004
{
	font-size:15px;
	color:#858585;
	line-height:17px;
	font-weight:bold;
	text-decoration:none;
}
.Title004:hover
{
	text-decoration:none;
	color:#ff6600;
}

.Title005
{
	font-size:100%;
	color:#676767;
	line-height:17px;
	font-weight:bold;
}
.pointer,.hover {
	cursor: pointer;
}


.mini_width {
	min-width: 1024px;
    width:20px;
    width:expression( this.clientWidth < 1024 ? 1024 : this.clientWidth );
}

.Content
{
	font-size:15px;
	color:#676767;
}

.numm
{
	font-size:18px;
	color:#ff0000;
	font-weight:bold;
}
.numm a
{
	font-size:18px;
	color:#ff0000;
	text-decoration:underline;
}
.numm a:hover
{
	font-size:18px;
	color:#ff0000;
	text-decoration:underline;
}
.pageview {
    font-size: 95%;
}
.topPageView.pageview {
	width: 60%;
}
.sitemap {
	padding-left: 0px;
}

.flexDivAndNoWrap {
	white-space: nowrap;
}
.maxWidth {
	width: 100%;
}
.floatAlignRight {
	float: right;
	text-align: right;
}
.floatAlignLeft {
	float: left;
	text-align: left;
}
 .imgbottom{
	vertical-align: top;
}
.imgtop {
	 vertical-align: bottom;
 }
.displayAsBlock {
	display: block;
}
.thumbImage {
	width: 100%;
	width:auto!important; 
}
#pan_title_category_img {
	float: right;
}
/*-----------------------------end 共用項目 ----------------------------*/

/*sort by text*/
.tablecontent
{
	font-size:75%;
	color:#676767;
	font-weight:bold;
}

.tablecontent .modelname
{
	font-size:100%;
	line-height:200%;
	color:#1058c4;
	line-height:17px;
	font-weight:bold;
	margin: 0px 0px 0px 3px;
}
.tablecontent .modelname a
{
	text-decoration:none;
	color:#1058c4;
	margin: 0px;
	padding-left: 0px;
}

.tablecontent .modelname a:hover
{
	font-size:100%;
	color:#ff6600;
	text-decoration:underline;
}

 .newWord {
	font-weight: bold;
	color: red;
	margin-right: 3px;	
}


.newItemFont {
	word-wrap: break-word;
	word-break: break-all;
	white-space:normal;
}
.comparetitle
{
	font-size:100%;
	color:#000000;
	font-weight:bold;
	text-decoration:none;
	height: auto;
	display: table-cell;
	vertical-align: bottom;
	padding-left: 5px;
}
.comparetitle:hover
{
	font-size:100%;
	color:#1d6cfe;
	text-decoration:none;	
}

/* end sort by text*/

.topPageDiv.floatAlignRight {
	width: 55%;
	margin-right: 0px;
}

.searcDiv .floatAlignRight {
	margin-right: 20px;
}

.searcDiv .floatAlignLeft {
	margin-left: 20px;
}
.floatAlignRight .closeImg{
	margin-left:0px;
	cursor: pointer;
}
.floatAlignLeft .searchImg {
	margin-left:0px;
}
#pan_nodata {
	float: left;
	width:72%;
	display:none; 
	text-align:center; 
	color:Red; 
	margin-left:30px; 
	font-weight: bold; 
	height: 700px;
}
#main_block.comparisonMainBlock{
	width: 25%;
	display: block;
	font-size: 100%;
	color: #2b2b2b;
	float: left;
	min-height: 700px;
}
#main_block.comparisonMainBlock >div.grayborder{
	margin: 0 auto;
	border-left: #d9d9d9 solid 1px;
	border-right: #d9d9d9 solid 1px;
	height: auto;
	margin-top: -1px;
	padding-top: 11px;
}
#butShowSearch {
	vertical-align: text-bottom;
}
#pan_model_list {
	margin-bottom: 30px;
}

#pan_model_list_right {
	width: 72%;
	margin-left: 30px;
	float: left;
}
#pan_model_list_right .modelname ul[id^=bl_model_] {
	padding-left: 40px;	/* UL Default padding 40px*/
	list-style: disc;
}
.lbl_model_count_bg {
	margin-left: 10px;
}
.lbl_model_count {
	color: #FFFFFF;
	position: relative;
	left: -30px;
	top: -8px;
	z-index: 2000;
}
.comparisonLeftOptionDiv .leftcontent {
	min-height: 0px;
	width:90%;
	font-size: 80%;
	margin: 10px;
	margin-bottom: 0px;
	margin-top: 0px;
	padding-top: 20px;
}

/*****************[comparesion sheet] comparsion page view&sort bar*******************/
.comparisonPageListDiv div[class~=pageview],.comparisonPageListDiv div[class~=result] {
	font-size: 80%;
	float: right;
}
.comparisonPageListDiv div[class~=pageview] {
	width: 45%;
}
.comparisonPageListDiv div[id=pan_down_pageview] {
	width: auto;
}
.comparisonPageListDiv div[class~=result] {
	width: 50%;
}
.comparisonPageListDiv div[class~=comparisonPage] {
	margin-right: 15px;
}
.comparisonPageListDiv #pan_page_and_sort {
	margin-bottom: 10px;
	width: 100%;
	height: 25px;
}
.comparisonPageListDiv #div_select_sort {
	font-size: 80%;
	width: 45%;
	float: left;
}
.comparisonPageListDiv .select_sort {
	float: left;
	line-height: 105%;
	padding-right: 5%;
	cursor: pointer;
}
.comparisonPageListDiv .select_sort.select {
	cursor: default;
	color: #ff6600;
}
.comparisonPageListDiv .select_sort .sort_icon {
	float: left;
	vertical-align: middle;
	max-width: 20px;
	padding: 0 5px;
}
/*****************end comparsion page&sort bar*******************/

/*comparsion title*/
#frm_comparison .title_main {
	margin-top: 20px;
}
#frm_comparison .title_main div:not(#pan_title_category_img):not(#compare_wording):not(#spn_compare):not(.compare_clear_all){
	float: left;
}
#compare_wording, #spn_compare {
	float: left;
}
#lbl_model_count_1.lbl_model_count {
	left: -43%;
}

#frm_comparison .title_main .td_form_title {
	width: 25%;
	color: #000000;
	line-height: 100%;
	font-weight: bold;
	font-size: 130%;
	margin-bottom: 15px;
}

#frm_comparison .title_main .td_form_title .pan_title_name {
	width:92%;
	text-align:left;
	font-weight:bold;
	float: left;
	color: #2b2b2b;
}
#frm_comparison .title_main .td_form_title .pan_title_name img {
		margin-left: 10px;
}

#frm_comparison .title_main .td_form_title .popupckmenu {
	width: 100%;
}
#frm_comparison .title_main .td_form_title .popupckmenu div {
	text-align: left;
	height: auto;
}
.keywords {
	width:8%;
	float: left;
}

/*[comparesion sheet] 下拉選取產品線*/
#pan_choose_productline {
	width: 100%;
	display:none;
	position:relative;
	top:0px;
	left: 12px;
	z-index:250;
}

#dorpdown_table  {
	  width: 200px;
	  position:relative;
	  top: 2px;
	  left: 50%;
	 height: 320px;
 }

#dorpdown_table > div {
	  position: absolute;
	  height: auto;
	  top: 0px;
	  left:-115px;
 }

#dorpdown_table  table tr[class='compareTableTr'] {
	background:url("/products/comparison/images/category_bg02.png") repeat-y center;
	padding: 0px;
	margin: 0px;
}
#dorpdown_table .dorpdownDiv {
	width: 280px;
	margin: 0px;
}

 .dorpdown_table_comparsion >.modelname {
	font-size:100%;
	line-height:200%;
	 margin: 0px;
}

.dorpdown_table_comparsion >.modelname a{
	display:block;
	margin: 0px 10px 0px 10px;
	padding-left: 15px;
}
/*end 下拉選取產品線*/

.modelname
{
	font-size: 13px;
	color: #1058c4;
	line-height: 17px;
	font-weight: bold;
	margin: 0px 0px 0px 3px;
}
.modelname a
{
	text-decoration:none;
	color: #2b2b2b;
	font-weight:bold;
	margin: 0px 10px 0px 10px;
	padding-left: 5px;
}
.modelname .compareTableTr{
	font-size: 70%;
	line-height:180%;
}
/*sort by image*/
/*sort by image title*/
.imgListTitle {
	text-align: left;
}

.imgListTitle.modelname {
	font-size:100%;
	line-height: 100%;
}

.imgListTitle.modelname a {
	font-size: 80%;
	margin: 0px 5px 0px 5px;
	padding-left: 0px;
}

* html .imgListTitle.modelname >div > img { 
   height: expression( this.scrollHeight > 150 ? "150px" : "auto" ); /* sets max-height for IE */
}
/*end sort by image*/
/*default compare cart*/
.td_chked_models {
	line-height:200%;
	margin: 0px;
	width: 100%;
	padding-top: 5px;
}

.td_chked_models.modelname{
	font-size:100%;
	line-height: 100%;
	margin: 0 auto;
	width: 90%;
	padding-left: 0px;
	padding-right: 0px;
}
.td_chked_models.modelname a
{
	text-decoration:none;
	color: #2B2B2B;
	font-weight:bold;
	font-size: 64%;
	margin-left: 5px;
}
.img_delmodel {
	cursor:pointer;
	padding-left:8px;
}
.compare_clear_all {
	font-size: 55%;
	float: right;
	margin-right: 7%;
	position: relative;
	margin-top: 2%;
}
.compare_clear_all a {
	color: #717171;
	text-decoration: none;
}
.compare_clear_all a:hover {
	color: #1d6cfe;	
}
.pan_compare_main_div_rtl {
	padding: 0px;
	margin: 0px;
	position:absolute;
	right: -150px;
	top: 30px;
	width: 100%;
	display:none;
	max-width: 350px;
}
.pan_compare_main_div{
	padding: 0px;
	margin: 0px;
	position:absolute;
	left: 0px;
	top: 30px;
	width: 100%;
	display:none;
	max-width: 350px;
	z-index: 20;
}
#pan_compare_main_2.pan_compare_main_div, #pan_compare_main_2.pan_compare_main_div_rtl{
	position: relative;
}
.pan_compare_main_div > div {
	clear: both;
}
/*end default compare cart*/
/*-----------------------------[comparesion sheet]  [main page] 浮動比較表位置-----------------------------*/
#compareicon.compareSheet{ 
	top: 56%;
	left: 84%;
    position: fixed;
    z-index:1000;
	text-align: center;
	width: 20%;
}
#compareicon.compareSheet_rtl{ 
	top: 56%;
	right: 84%;
    position: fixed;
    z-index:1000;
	text-align: center;
	width: 20%;
}
/*-----------------------------[comparesion sheet]  [main page] 浮動比較表icon------------------------------*/
#compareicon .lbl_model_count {
	color: #FFFFFF;
	background: none;
	position: relative;
	top: -34px;
	font-size: 100%;
	margin-left: 0px;
	background: none;
}
#compareicon .com_div {    
    margin-top:0px;
    color:#2b2b2b;
	height: 20px;
	position: relative;
}
#compareicon .comp_txt {
    font-size:70%;
    font-weight:bold;
    color:#2b2b2b;
    text-decoration:none;
	position: relative;
	margin: 0 auto;
	top: -30px;
	padding-top: 10px;
}
#compareicon .comp_txt:hover {
    color:#1d6cfe;
}
.floatCompareDiv {
	text-align: center;
}
#compareicon .com_cnt{
    font-weight:bold;
	left: 100%;
	top: -10px;
}
#compareicon .com_cnt  .pan_compare_main_div_rtl {
	right: -100px;
	top: -10px;
}
#compareicon #com_cnt  .pan_compare_main_div{
	left: -100px;
	top: -10px;
}
/*-----------------------------end 浮動比較表icon------------------------------*/
/*搜尋的div*/
.td_form_searchname {
	width:100%;
	height: 0px;
	display: none;
	position: relative;
	top: -48px;
	left: 0px;
	z-index: 50;
}
.td_form_searchname > div{
	width: 100%;
	margin: 0 auto;
}
.td_form_searchname #spn_search_text_title {
		margin-left: 22px;
		margin-top: 13px;
		display: none;
}
.td_form_searchname #spn_searchtext {
	width: 50%;
	height: 100%;
	text-align: center;
	height: auto;
}
.td_form_searchname .btn_search {
	font-size: 60%;
	width: 20%;
	float: right;
	margin-top: 20px;
	margin-right: 25px;
	background: #1d6cfe;
	padding: 5px;
	color: #ffffff;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
}
.textAlignRight {
	width: 100%;
	height: 30px;
	height: auto;
}
.btn_reset {
	font-weight: bold;
	color: #2b2b2b;
	margin: 0 auto;
	cursor: pointer;
	float: right;
	position: relative;
	height: auto;
}
.btn_reset_word {
	height: auto;
	position: relative;
	text-align: center;
	vertical-align: central;
	font-size: 40%;
}
.btn_reset_img{
	width: 40px;
	position: relative;
	top:0;
	left:0;
}
/*comparisonCart*/
#lbl_btn_compare_1 {
	width: 100%;
}
#spn_compare {
	float: left; 
	height: 100%;
	width: 50%;
	max-width: 350px;
	position: relative;
}
 .comparisonCartDiv {
	 text-align: center;
	 font-size:100%;
	 width: 72%;
	 margin-left: 30px;
	 margin-bottom: 15px;
}
 .comparisonCartDiv div{
	 font-weight:bold;
 }
  .comparisonCartDiv >div{
	  width: 100%;
 }
 #pan_chked_models {
	 position:relative;
	 top: 0px;
	 left: 0px;
 }
/*-----------------------------[comparesion sheet]  MB only ----------------------------*/
#uc_search_comparisonOptionUl {
	border-bottom: 1px solid #ffffff;
	margin-top: -5px;
}
.comparisonLeftOptionDiv .leftcontent ul ul[class~=displayAsBlock] li {
	margin: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 100%;
	margin-left:35px;
	text-indent:-20px;
}
.comparisonLeftOptionDiv .leftcontent ul:last-child{border-bottom: 0px;}
.comparisonLeftOptionDiv .leftcontent ul  li {
	margin: 5px;
	margin-top: 0px;
	font-size: 125%;
}
.comparisonLeftOptionDiv .leftcontent .arrowImg {
	border-width: 0px; 
	margin-right: 0px; 
	margin-top: 1%; 
	float: right;
	width: auto;
	height: 10px;
	margin-left: 1%;
	vertical-align: middle;
}
.comparisonLeftOptionDiv .leftcontent .conditionTypeTitle {
	color: #1058c4;
	display: inline-block;
	width:auto;
	float: left;
}
.comparisonLeftOptionDiv .leftcontent .conditionTypeTitle:first-letter {
	text-transform:uppercase;
}
/*-----------------------------end MB only ----------------------------*/
/*[comparesion sheet] 其他產品線*/
#tb_form_body {
	margin-left: 10px;
}
#tb_form_body .conditionTypeTitle.otherLine {
	float: none;
	color: #2b2b2b;/*#1d6cfe;*/
	line-height: 22px;
	font-size: 125%;
	margin-bottom: 10px;
	font-weight: bold;
	
}
 .marginTopForDiv {
	 margin-top: 20px;
 }
 .marginTopForRadio {
	 margin-top: 10px;
	 margin-left: 10px;
 }
  .marginTopForRadio span{
	  font-weight: bold;
 }
 .mainCondition  .mainConditionTitleDiv {
	 width: 100%;
	 height: 27px;
	 margin-bottom: 15px;
}
  .mainCondition  .mainConditionTitleDiv.borderBottom {
	  border-bottom: 1px solid rgb(204, 204, 204);
}
.mainCondition  .mainConditionTitleDiv  div {
	 margin-left: 0px;
	 padding-left: 0px;
	 margin-right: 0px;
	 padding-right: 0px;
	 float: left;
 }
/*[model page]compare*/
.modelPageCompare {
	color: #434343; 
	min-height: 15px; 
	margin: -3% 0px 0px 0px;
	width: 30%;
}
.modelPageCompare .btn {
	width: 100%;
}
.modelPageCompare .btn  a{
	width: auto;
}
.modelPageCompare #com_cnt {
	z-index: 300;
	position: static;
	margin-top: -10px;
}
.modelPageCompare .pan_compare_main_div {
	float: right;
	left: auto;
	right: 0;
}
.modelPageCompare .pan_compare_main_div_rtl {
	float: left;
	right: auto;
	left: 0;
}
/*end [model page]compare*/
#compareicon.mainCompare img {
	width: auto;
	max-width: 100%;
}
/*-----------------------------[list only]比較表icon------------------------------*/
#compareicon.listCompare img {
	width: auto;
	max-width: 100%;
}