﻿/*@charset "utf-8";*/

.subContent
{
	margin: 15px 50px;
}
#popcontainer .subContent
{
	margin: 10px;
}
.subContent p
{
	margin: 0;
	margin-bottom: 2em;
}
.subContent a
{
	color: #004080;
}
.subContent a:hover
{
	color: #f90;
}
.subContent ul
{
	padding: 0;
	margin: 0;
}
.subContent ul li
{
	list-style: none;
	background: url(../images/arr_list.gif) no-repeat left 7px;
	padding-left: 10px;
}
.subContent ul li li
{
	background: url(../images/arr_list2.gif) no-repeat left 7px;
}
.subContent ol
{
	padding: 0;
	margin: 0;
	margin-left: 25px;
}
.clearDiv
{
	clear: both;
}
.txt1:after
{
	/*clear fix*/
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.txt1
{
	border: 1px solid #ccc;
	border-bottom: 0;
	padding: 15px;
	display: inline-block; /*clear fix*/
}
h2
{
	font-size: 12px;
	margin-bottom: 0.5em;
	color: #333;
}
h3
{
	font-size: 11px;
	margin: 0;
}
.txt1 em
{
	color: #900;
}


/* Hides from IE-mac \*/
* html .txt
{
	height: 1%;
}
.txt1
{
	display: block;
}

/* End hide from IE-mac */
.txtTail
{
	background: url(../images/cnr_f_r.gif) no-repeat right;
}
.title h1
{
	margin: 0;
	padding: 0;
}
#s1 .title
{
	background: url(../images/h_10_bg.gif);
}
#s1 .title h1
{
	background: url(../images/h_10_tail.gif) no-repeat right;
}
#s2 .title
{
	background: url(../images/h_20_bg.gif);
}
#s2 .title h1
{
	background: url(../images/h_20_tail.gif) no-repeat right;
}
#s3 .title
{
	background: url(../images/h_30_bg.gif);
}
#s3 .title h1
{
	background: url(../images/h_30_tail.gif) no-repeat right;
}
#s4 .title
{
	background: url(../images/h_40_bg.gif);
}
#s4 .title h1
{
	background: url(../images/h_40_tail.gif) no-repeat right;
}
#s5 .title
{
	background: url(../images/h_50_bg.gif);
}
#s5 .title h1
{
	background: url(../images/h_50_tail.gif) no-repeat right;
}
#s6 .title
{
	background: url(../images/h_60_bg.gif);
}
#s6 .title h1
{
	background: url(../images/h_60_tail.gif) no-repeat right;
}
#s7 .title
{
	background: url(../images/h_70_bg.gif);
}
#s7 .title h1
{
	background: url(../images/h_70_tail.gif) no-repeat right;
}
#s8 .title
{
	background: url(../images/h_80_bg.gif);
}
#s8 .title h1
{
	background: url(../images/h_80_tail.gif) no-repeat right;
}
#s9 .title
{
	background: url(../images/h_90_bg.gif);
}
#s9 .title h1
{
	background: url(../images/h_90_tail.gif) no-repeat right;
}
#s10 .title
{
	background: url(../images/h_100_bg.gif);
}
#s10 .title h1
{
	background: url(../images/h_100_tail.gif) no-repeat right;
}


/** 維修服務站 **/
.map
{
	clear: both;
	padding-top: 1em;
	margin-top: 1em;
	border-top: 1px solid #cecece;
}
.map h2
{
	font-size: 14px;
	color: #686DAC;
	margin: 0;
	margin-bottom: 1em;
}
.map ul
{
	width: 330px;
	float: left;
}
.map li
{
	margin-bottom: 1.25em;
}
.map img
{
	float: left;
	border: 1px solid #cecece;
	margin-left: 20px;
}


/** faq **/
.subContent .faq li
{
	background: url(../images/arr_faq.gif) no-repeat left 3px;
	padding-left: 18px;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 1.25em;
	float: left;
	width: 130px;
	margin-left: 20px;
}
.subContent .faq li a
{
	color: #8560A8;
}


/** 軟體下載 **/
.subContent .download
{
	margin-left: 25px;
}
.subContent .download li
{
	background: url(../images/arr_dl.gif) no-repeat left 4px;
	padding-left: 15px;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 1.25em;
	float: left;
	width: 200px;
}
.subContent .download li a
{
	color: #27B0DA;
}


/** news **/
.news h2
{
	font-size: 16px;
	margin-bottom: 1em;
}
.news .date
{
	font-size: 12px;
	color: #06c;
}


/** 維修資訊 **/
.repa
{
	border-bottom: 1px solid #cecece;
}
.subContent .repa li
{
	background: url(../images/arr_repair.gif) no-repeat left 4px;
	padding-left: 15px;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 1.25em;
}
.subContent .repa li a
{
	color: #686DAC;
}
.subContent li a:hover
{
	color: #f90;
}


/** 保固期限 **/
.tabular
{
	margin-top: 1em;
}
.tabular th
{
	background: #fff;
	padding: 5px;
	text-align: left;
	color: #000;
	border-bottom: 1px solid #cecece;
}
.tabular td
{
	padding: 5px 10px;
	background: #eee;
}
.tabular .odd td
{
	background: #ddd;
}
.tabular .inner td
{
	border-bottom: 1px solid #cecece;
}
.tabular .item
{
	color: #333;
}
.tabular .fee
{
	text-align: right;
	font-weight: bold;
	padding: 5px 100px 5px 10px;
}
.tabular .smallproject
{
	color: #333;
	background: #eee url(../images/arr_list.gif) no-repeat 12px;
	padding-left: 23px;
}
.tabclumn
{
	border-collapse: collapse;
}
.tabclumn td
{
	border: 1px solid #cecece;
	padding: 3px;
}


/* 維修點 */
.mapIndex h5
{
	padding: 0;
	margin: 20px 0 0 0;
}
.mapIndex ul
{
	margin: 0;
	padding-bottom: 40px;
}
.mapIndex li
{
	float: left;
	width: 180px;
}
.mapIndex .br
{
	width: auto;
}


/* show/hide layer */
#lyr1, #lyr2, #lyr3, #lyr4, #lyr5, #lyr6, #lyr7, #lyr8, #lyr9, #lyr10, #lyr11, #lyr12, #lyr13, #lyr14, #lyr15, #lyr16, #lyr17, #lyr18, #lyr19, #lyr20
{
	display: none;
}
#exService #mapIndex
{
	display: none;
}
.overseaRule ol li
{
	margin-bottom: 10px;
}
.overseaRule li li
{
	margin-bottom: 0;
}
.overseaFaq h3
{
	border: 1px solid #ddd;
	background: url(../images/arr_qu.gif) no-repeat 5px 8px;
	border-bottom: 0;
	padding: 5px 10px 5px 35px;
	font-size: 12px;
}
.overseaFaq div
{
	border: 1px solid #ddd;
	background: url(../images/arr_ans.gif) no-repeat 5px 5px;
	border-top: 0;
	padding: 5px 10px 5px 35px;
	margin-bottom: 20px;
}


/** sn **/
.sn
{
	margin-top: 10px;
	border-top: 1px solid #cecece;
}
.sn td
{
	border-bottom: 1px solid #cecece;
	padding: 5px;
	width: 50%;
}
.sn img
{
	margin: 3px 0;
}
.sn h3
{
	background: #999;
	color: #fff;
	padding: 3px 5px;
	margin-top: 3px;
	font-size: 14px;
}
.sn ol
{
	padding-left: 1em;
}
.sn ol li
{
	margin-top: 1.5em;
}
.month
{
	border: 2px solid #cecece;
	border-collapse: collapse;
	margin: 5px;
}
.month th
{
	background: #EFEFEF;
	border: 1px solid #cecece;
}
.month td
{
	padding: 0 3px;
	border: 1px solid #cecece;
	text-align: center;
}
.month .off
{
	background: #E2E5FB;
}
.month .note
{
	text-align: left;
	border: 0;
}
.month .int
{
	padding: 0;
	height: 1px;
	border: 0;
	background: #cecece;
}


/*一通電話背景底圖設定*/
.txtphone
{
	border: 1px solid #ccc;
	border-bottom: 0;
	padding: 15px;
	display: inline-block;
	background-image: url(../images/index2_11.jpg);
	background-position: top right;
	background-repeat: no-repeat;
}
/*clear fix*/
/*客服達人選單*/
/*.servicemastertitle{}
.servicemastertitle ul{ width:750px; height:34px;}
.servicemastertitle li{ float:left;}
.servicemastertitle li.master a{ display:block;  width:200px; height:27px; background-image:url(../images/h_24.gif);}
.servicemastertitle li.cpother a{ display:block; width:109px; height:36px; background-image:url(../images/index_36.jpg);}
.servicemastertitle li.cpother a:hover{ background-image:url(../images/index2_36.jpg);}
.servicemastertitle li.DSR a{ display:block; width:101px; height:32px; background-image:url(../images/index_37.jpg);}
.servicemastertitle li.DSR a:hover { background-image:url(../images/index2_37.jpg);}
.servicemastertitle li.HD a{ display:block; width:112px; height:32px; background-image:url(../images/index32_32.jpg);}
.servicemastertitle li.HD a:hover{ background-image:url(../images/index2_38.jpg);}
.servicemastertitle li.BDV a{ display:block; width:78px; height:32px; background-image:url(../images/index_39.jpg);}
.servicemastertitle li.BDV a:hover{ display:block; width:78px; height:32px; background-image:url(../images/index_39.jpg);}
.servicemastertitle li.WALKMEN a{ display:block; width:90px; height:32px; background-image:url(../images/index_40.jpg);}
.servicemastertitle li.WALKMEN a:hover{ background-image:url(../images/index2_40.jpg);}
/*客服達人選單*/
