@charset "utf-8";
@import url("reset.css"); /*重置*/
@import url(http://fonts.googleapis.com/css?family=Lato:400,900,300); /* font */
@import url(http://fonts.googleapis.com/css?family=Roboto:400,900,300,900italic,400italic,300italic);
@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700);
/* CSS Document */
/* font-family: 'PT Sans', sans-serif; */
/* font-family: 'Roboto', sans-serif; */

body {
	font-family: 'Lato', sans-serif; 
	font-size:1em;
	line-height:1.5;
	color: #444;
	}
a { color:#000; text-decoration: none; }
a:hover { color:#da251c; 
    -o-transition: color .5s linear;
    -webkit-transition: color .5s linear;
    -moz-transition: color .5s linear;
    transition:  color .5s linear; /*連結淡入淡出*/
}

/*---------------------- 基礎設定 ----------------------*/
/*反白設定*/
::selection { background: #666; color: #FFF; }
::-moz-selection { background: #666; color: #FFF; }

/* --為避免客戶使用編輯器時會用到ul ol, 此重置值依情況自行啟用！
ol, ul, li { 
    margin: 0;
	padding: 0;
	font: inherit;
	border:0;
	vertical-align: baseline;
}
--*/

/*全頁共用hack*/
*, *:before, *:after { box-sizing: border-box;}
.clearfix:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { zoom: 1;}  /*清左右浮動*/

/*通用排版用*/
.center { text-align:center; }
.flt { float:left; }
.flr { float:right; }

/* CSS3 style  陰影圓角範例，可自行增減使用 */
.css-radius {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
} 
.css-shadow {
	-webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, .4);
	-moz-box-shadow: 1px 1px 4px rgba(0, 0, 0, .4);
	box-shadow: 1px 1px 4px rgba(0, 0, 0, .4);
}

/*元件(共用)*/
.input, .select, .textarea { 
    border:1px solid #CCC; 
	padding:10px 15px; 
	border-radius: 3px; 
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1) inset;
	font-family: 'Lato', sans-serif;
	font-size:16px;
	color: #444;
}
.select { padding-top:7px; padding-bottom:8px; }
.textarea { resize:vertical; }
.input:focus, .select:focus, .textarea:focus { box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }


/*線(共用)*/
hr { height:1px; background:#CCC; }

/*文字樣式(共用)*/
.white { color: #FFF; }
.gray { color:#999; }
.black { color:#000; }
.blue { color: #3e96bb; }
.red { color: #da251c; }
.green { color: #28A9B1; }
.orange { color: #FF6600; }
.yellow { color: #FFFF00; }
.purple { color:#6633CC; }
.brown { color:#613C33; }


/*---------------------- 頁面開始 ----------------------*/
/*全頁佈局*/
.wrapper { padding:15px 0; }
.container { width:1004px; padding:15px 0; margin:0 auto; }
.main { float:left; width:760px; }
.sidebar { float:right; width:200px; background:#F9F9F9; }

/*頁首*/
header .logo {  }
header .mem-bar { display:block; position:absolute; right:140px; top:10px; color:#999; }
header .mem-bar a { padding:0 5px; }
header .lang { display:block; position:absolute; right:0; top:10px; }
header .container { position:relative; }
header nav .menu { position:absolute; right:-20px; bottom:0; list-style:none; padding:0; margin:0; font-family: 'PT Sans', sans-serif; }
header nav .menu > li { float:left;  font-size:1.125em; position:relative; }
header nav .menu > li > a { display:inline-block; padding:6px 15px 20px 15px; text-transform:uppercase;}
header nav .menu > li.active > a { color: #da251c; }
/*次選單*/
header nav .menu li:hover .submenu { display:block; }
header nav .menu .submenu { display:none; width:200px; position:absolute; left:0; top:52px; background:#FFF; border:1px solid #CCC; border-bottom:2px solid #da251c; padding:10px 25px; z-index:9; }
header nav .menu .submenu ul { list-style:none; margin:0; padding:0; }
header nav .menu .submenu ul li a { display:block; padding:6px 0; color:#333; font-size:0.875em; line-height:1; text-transform:inherit; }
header nav .menu .submenu ul li a:hover { color:#da251c; text-decoration:underline; }
header nav .menu .wlong { width:250px; }


/*Banner*/
.fullSlide {width:100%;position:relative;height:500px;padding:0px; margin:0px;}
.fullSlide .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;padding:0px; margin:0px;}
.fullSlide .bd ul {width:100% !important;padding:0px; margin:0px; list-style:none; }
.fullSlide .bd li {width:100% !important;height:500px;overflow:hidden;text-align:center; padding:0px; margin:0px;}

.banner { height:300px; background-size:cover; }
.banner-p1 { background:url(../images/banner/p1.jpg) center no-repeat; }
.banner-p2 { background:url(../images/banner/p2.jpg) center no-repeat;}
.banner-p3 { background:url(../images/banner/p3.jpg) center no-repeat; }
.banner-p4 { background:url(../images/banner/p4.jpg) center no-repeat; }
.banner-p5 { background:url(../images/banner/p5.jpg) center no-repeat;}
.banner-p6 { background:url(../images/banner/p6.jpg) center no-repeat; }

.bg-gray { background:#f8f8f8; }
.bg-dark-gray { background:#777; }
.row { margin-left:-15px; margin-right:-15px; }
.column-2 { float:left; width:50%; padding:0 15px; }
.column-3 { float:left; width:33.3333%; padding:0 15px; }
.column-6 { float:left; width:16.6667%; padding:0 15px; }
.column-8 { float:left; width:66.6667%; padding:0 15px; }
.column-10 { float:left; width: 83.7771%; padding:0 15px; }
.column-12 { clear:both; width:100%; padding:0 15px; }

/*頁尾*/
footer { background:#000; }
footer, footer a { color:#FFF; }
footer .foot-memu { padding:0; text-align:center; }
footer .foot-memu a { display:inline-block; padding:0 25px; font-size:0.875em; line-height:1; border-right:1px solid #FFF; }
footer .foot-memu a:hover { color:#CCC; }
footer .foot-memu a:last-child { border-right:0; }
footer .copyright { font-size:0.813em; line-height:1.3; color:#AAA; }
footer .copyright .container { padding:5px 0; text-align:center; }

/*導航*/
.crumb { font-size:0.75em; color:#666; }
.crumb a { color:#666; }
.crumb a:hover { text-decoration:underline; }

/*按鈕*/
.btnWrap { margin:2em 0;  }
.btn, .button { background:url(../images/all/btn.jpg) center bottom repeat-x; padding:5px 20px; border:1px solid #CCC; text-align:center; font-weight:100; color:#888; border-radius:2px; font-family: 'PT Sans', sans-serif; }
.btn:hover, button:hover { color:#000; border:1px solid #999; }
.btn { display:inline-block; }
.btn i { margin-right:10px; }
.button { font-size:1.125em; cursor:pointer; }

/* 回頂端 */
#goTop {
	border:1px solid #CCC;
	color:#888;
	background:#FFF;
	text-align:center;
	position:fixed;
	bottom:20px;
	right:20px;
	width:50px;
	height:50px;
	line-height:50px;
	cursor:pointer;
	display:none;
	font-family:Verdana, Geneva, sans-serif;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px; 
	border-radius: 25px; 
	-webkit-box-shadow: #EEE 0px 0px 5px; 
    -moz-box-shadow: #EEE 0px 0px 5px; 
    box-shadow: #EEE 0px 0px 5px; 
}
#goTop:hover { background:#da251c; color:#FFF; }


/*頁碼*/
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  position: relative;
  float: left;
  padding: 6px 12px;
  margin-left: -1px;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
  color: #23527c;
  background-color: #eee;
  border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
  z-index: 2;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 18px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-top-left-radius: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.imgholder img {
	transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-webkit-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	opacity:1;
	
	transition:transform 0.5s ease-in-out, opacity 0.5s;
	-moz-transition:-moz-transform 0.5s ease-in-out, opacity 0.5s;
	-webkit-transition:-webkit-transform 0.5s ease-in-out, opacity 0.5s;
}
.imgholder:hover img {
	transform:scale(1.05, 1.05);
	-ms-transform:scale(1.05, 1.05);
	-moz-transform:scale(1.05, 1.05);
	-webkit-transform:scale(1.05, 1.05);
	-o-transform:scale(1.05, 1.05);
	opacity:0.9;
}


/* index */
.inbox { width:1004px; margin:1em auto; }
.inbox h2 { font-size:1.5em; }
.inbox .column-left { float:left; width:240px; padding-right:40px; }
.inbox .column-center { float:left; width:440px; }
.inbox .column-center h2 { text-align:center; }
.inbox .column-right { float:right; width:260px; }
.inbox .column-right h2 { margin:0 0 10px 0; }
.inbox .column-right .bx-wrapper { background:#FFF; box-shadow:0 0 3px #DDD; }

.inbox .slider-news .slide { border-bottom:1px dashed #FFF; font-size:0.813em; line-height:1.2; }
.inbox .slider-news .slide span { display:inline-block; padding:5px 10px; background:#EEE; color:#AAA; margin-bottom:5px; }
.inbox .slider-news a { color:#666; }
.inbox .slider-news a:hover { color:#da251c; }

.inbox .slider-product { text-align:center;  line-height:1.2;}
.inbox .slider-product li { min-height:215px; }
.inbox .slider-product .img { height:150px; line-height:150px; text-align:center; white-space : nowrap;}
.inbox .img:after {
  content : ".";
  font-size : 1px;
  margin-left : -1px;
  opacity : 0;
}
.inbox .slider-product .img img { display:inline; max-height:120px; vertical-align:middle; }
.inbox .slider-product h3 { color:#016ea6; }
.inbox .bx-wrapper .bx-viewport { background:none; box-shadow:none; border:0; left:auto; }
.inbox .bx-wrapper .bx-prev { left:0px; }
.inbox .bx-wrapper .bx-next { right:0px; }

.inbox .slider-logo { list-style:none; padding:0; margin:0; text-align:center;  line-height:1.2;}
.inbox .slider-logo li a { display:block; height:210px; padding:20px; }
.inbox .slider-logo .img { height:110px; line-height:100px; text-align:center; white-space : nowrap; border-bottom:1px solid #E5E5E5; margin-bottom:1em; }
.inbox .slider-logo .img img { display:inline; max-width:90%; max-height:90px; vertical-align:middle; }

/* Nav */
.tabs {	overflow: hidden; padding: 1em 0 2em; text-align: center;}
.tabs ul {
	padding: 0;
	margin: 0;
	list-style: none;
	border-left: 1px solid #CCC;
	border-bottom: 1px solid #ccc;
	height:32px;
}
.tabs ul li {
	border: 1px solid #CCC;
	border-left:0;
	margin-bottom:-1px;
	display: block;
	float: left;
	height:32px;
	line-height:32px;
	position: relative;
}
.tabs a {
	color: #AAA;
	background:#F9F9F9;
	display: block;
	line-height:30px;
	font-size:0.938em;
	padding: 0 1em;
}
.tabs a:hover {
	color: #333;
}
.tabs li.current a {
	color: #da0000;
	background:#FFF;
	border-bottom:1px solid #FFF;
}


/*------------ page begin -----------*/
.tit { background:url(../images/all/line.jpg) center no-repeat; text-align:center; margin-bottom:1em; }
.tit span { background:#fff; display:inline-block; padding:0 20px; font-size:1.875em; font-family: 'Roboto', sans-serif; }
.stit { font-size:2em; color:#2fa6aa; margin-bottom:0.5em; }
.content { padding:2em 0 4em 0;}

/* login */
.login-wrap { padding:5em 0; }
.login-wrap h2 { font-size:2em; line-height:1; clear:both; margin-bottom:1.5em;  font-family: 'Roboto', sans-serif;  }
.form-login { float:left; width:54%; padding-right:6%; border-right:1px solid #DDD; position:relative; }
.form-login label { display:block; color:#777; }
.form-login .input { display:block; width:100%; margin-bottom:1em; }
.form-login p { display:block; margin-bottom:1em; color:#888; position:relative; }
.form-login p input { vertical-align:middle; margin-top:-3px; }
.form-login .forgot { position:absolute; bottom:5.5em; right:60px; }
.form-login button, .form-signup button { padding-left:10%; padding-right:10%; text-transform:uppercase; }
.form-signup { float:right; width:40%;   }
.form-signup h3 { font-size:1.5em; }
.form-signup p { color:#777; margin-bottom:1em; }
.login-wrap .button {  }

/* member */
.member label { display:block; padding:9px 0 0 0; text-align:right; color:#3c3c3c; font-size:14px; line-height:1; }
.member .row { margin-bottom:15px; }
.member .column-8 p, .member .column-10 p { padding-top:5px; font-size:1.125em; }
.member .input, .member .select, .member .textarea { width:100%; }
.member .column-8 .textarea { resize:none; }
.member .column-6 { width:16.2229%; line-height:1.2; }


/* about */
.news-list { list-style:none; padding:0; margin:0 0 2em 0; }
.news-list li { clear:both; overflow:hidden; margin-bottom:2em; padding-bottom:2em; border-bottom:1px dotted #ccc; }
.news-list .img { float:left; width:280px; }
.news-list .img img { max-width:280px; }
.news-list .info { float:right; width:700px; }
.news-list .info h3 { font-size:1.25em; line-height:1.2; font-weight:bold; margin-bottom:10px; }
.news-list .info .date { padding-top:1em; color:#999; }
.news-list .info p { color:#555; }
.news-list a:hover p { text-decoration:underline; }
.news-list a:hover img { filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; }
.partner .img { width:150px; }
.partner .img img { max-width:150px; }
.partner .info { width:820px; }

.news-detail h3 { font-size:2em; line-height:1.2; }
.news-detail .date { color:#999; }
.news-detail .albums { height:500px; padding-top:2em; }
.news-detail .albums span { float:left; display:block; width:600px; }
.news-detail .albums span img { max-width:600px; max-height:400px; }
.news-detail .albums span .caption { clear:both; padding-top:10px; }
.news-detail .albums .thumb { float:left; width:100px; list-style:none; padding:0; margin:0 0 0 2em; }
.news-detail .albums .thumb li { width:100px; height:70px; line-height:65px; text-align:center; margin-bottom:10px; border:1px solid #DDD; }
.news-detail .albums .thumb li img { max-width:90px; max-height:60px; cursor:pointer; }
.news-detail .editor { }
.imgg { max-width:100%; display:block; margin:1em auto; }
.tx01 {
    clear: both;
    margin-bottom:2em;
}
.tx02 {
    clear: both;
	overflow:hidden;
    margin-bottom: 2em;
}
.img-left {
    float: left;
    padding-bottom: 1em;
    padding-right: 2em;
}
.img-right {
    float: right;
    padding-bottom: 1em;
    padding-left: 2em;
}



/* products */
.search-bar { text-align:right; margin-bottom:1em; }
.search-bar input { background:#AAA; color:#FFF; padding:5px 10px; border:0; height:28px; display:inline-block; vertical-align:top; margin:0; text-transform:uppercase; cursor:pointer; }
.search-bar input:hover { background:#999; }
.selecter { display:inline-block; vertical-align:top; width:160px; margin:0; font-family: 'Roboto', sans-serif; }
.selecter:last-child { margin-right:5px; }
.selecter .selecter-selected { padding:3px 10px; background-color:#fff; }
.selecter .selecter-item { padding:5px 10px; }

.myselect { height:27px; overflow:hidden; padding:0 10px; border:1px solid #BBB; font-family: 'Roboto', sans-serif;  }
.myselect:focus { box-shadow:0 0 6px #DDD; }
.myselect option { padding:4px 10px;  }
.search-bar select:last-child { margin-right:5px; }
.myselect option:hover { background:#DDD; }
.search-bar .myselect { width:160px;  }



.product { padding:0 0 2em 0; }
.product .row { padding:0 0 2em 0; }
.product .column-2 .img { float:left; width:120px; text-align:center; }
.product .column-2 .img img { max-width:100px; }
.product .column-2 .info {  font-size:0.813em; padding-left:140px; }
.product .column-2 .info h3 a { font-size:1.375em; color:#0070aa; }
.product .column-2 .info h3 a:hover { color:#00a8ff; }
.product .column-2 .info h3 span { font-size:0.813em; color:#F00; padding-left:10px; }

.sidebar h3 { text-align:center; background:#eee; padding:10px; color:#999; }
.sidebar ul { padding:20px; list-style:none; margin:0; }
.sidebar ul li { margin-bottom:3em; font-size:0.813em; line-height:1.2; font-weight:100; }
.sidebar ul li img { display:block; margin:0 auto 1em; max-width:90px; }
.sidebar ul li h4 {  color:#0070aa; font-weight:bold; }

.product .column-left { float:left; width:250px; }
.product .column-left span { display:block; height:250px; line-height:250px; text-align:center; }
.product .column-left span img { max-width:220px; max-height:220px; }
.product .column-left .thumb { list-style:none; padding:0; margin-left:-5px; }
.product .column-left .thumb li { float:left; width:80px; height:80px; line-height:75px; margin-left:5px; text-align:center; border:1px solid #DDD; }
.product .column-left .thumb li img { max-width:60px; max-height:60px; cursor:pointer; }

.product .column-right { float:right; width:480px;  }
.product .column-right h2 { font-size:1.375em; padding-bottom:0.5em; border-bottom:1px solid #DDD; margin-bottom:0.5em; color:#da251c; }
.product .column-right h3 { line-height:1.2; }
.product .column-right ul { padding-left:1em; font-size:0.875em; font-weight:100; }
.product .column-right .download { margin-right:10px; }

.abgne_tab {
	clear: left;
	margin: 10px 0;
}
ul.atabs {
	width: 100%;
	height: 32px;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	list-style:none;
	margin:0;
	padding:0;
}
ul.atabs li {
	float: left;
	height: 32px;
	line-height: 32px;
	overflow: hidden;
	position: relative;
	margin-bottom: -1px;	/* 讓 li 往下移來遮住 ul 的部份 border-bottom */
	border: 1px solid #CCC;
	border-left: none;
	background: #F9F9F9;
}
ul.atabs li a {
	display: block;
	padding: 0 20px;
	line-height: 30px;
	color: #AAA;
	font-weight:400;
	border: 1px solid #fff;
}
ul.atabs li a:hover {
	color:#000;
}
ul.atabs li.active  {
	background: #fff;
	border-bottom: 1px solid #fff;
}
ul.atabs li.active a {
	color:#da0000;
}
ul.atabs li.active a:hover {
	background: #fff;
}
div.tab_container {
	clear: left;
	width: 100%;
}
div.tab_container .tab_content {
	padding: 20px 0;
}
.tab_content .gray {
	font-size:14px;
}

/* solutions */
.content .slogan { color:#999; padding:0 0 1em 0; border-bottom:1px solid #E5E5E5; margin-bottom:1em; }
.suggested { padding-top:3em; }
.suggested h2.gray { padding-bottom:10px; border-bottom:1px solid #DDD; margin-bottom:20px; }

/* support */
.tables { margin-bottom:2em; }
.tables tr td { padding:10px 20px; border-bottom:1px dashed #DDD; text-align:center; }
.tables tr:last-child td { border-bottom:1px solid #dad184; }
.tables tr th { padding:5px 20px; background:#fffef2; color:#c8b72c; border-top:1px solid #dad184; border-bottom:1px solid #dad184; }
.tables .stit { padding:0; text-align:center; font-size:1em; color:#999; text-transform:uppercase; }
.tables .gray i { margin-right:5px; }
.tables .blue { font-size:1.25em; }

.faq-list { list-style:none; padding:0; margin:0 0 2em 0; }
.faq-list li { clear:both; overflow:hidden; border-bottom:1px dotted #ccc; }
.faq-list li a { display:block; clear:both; overflow:hidden; padding:1em; }
.faq-list li a:hover { background:#fffef2;  }
.faq-list .cag { float:left; width:100px; color:#c8b72c; }
.faq-list .qut { float:right; width:820px; }
.faq-list .qut i { margin-right:10px; color:#F00; }

.rma { }
.rma ul { padding-left:1em; list-style:decimal; }
.rma h3.blue { font-size:1.5em; margin-bottom:0.5em; }

/* contact */
.distributors .row { margin-bottom:1em; border-bottom:1px solid #DDD; padding-bottom:1em; }
.distributors .column-3 { width:230px; height:100px; line-height:100px; display:table-cell; vertical-align:middle; }
.distributors .column-3 img { max-width:200px; max-height:100px; }
.distributors .column-3 a:hover img { filter:alpha(opacity=90); -moz-opacity:0.9; opacity:0.9; }
.distributors .sites { list-style:none; padding:0; margin:0 0 0 2em; }
.distributors .sites li span { display:inline-block; width:100px; color:#999; }
.distributors .sites li p { display:inline-block; }
.distributors .sites li p i { margin-left:5px; font-size:0.75em; }

#renew { margin-right:20px; font-size:1.5em; }
.member .row table tr td { padding:5px 10px 5px 0; }
.member input[type="radio"], .member input[type="checkbox"] { vertical-align:baseline; margin:0 4px 0 0; }

.contact-info { padding:1em 1.5em; background:#fffced; border:1px solid #f4e3a1; margin-bottom:1em; border-radius:5px; }
.contact-info h3 { font-size:18px; }

.contact { padding:1em 2em; font-size:1.15em; }
.contact .btnWrap { text-align:center; }
.contact .btn { color:#999; font-size:1.5em; padding:0.5em 3em; box-shadow:0 0 5px #EEE;  margin:0 1em; }
.contact .btn:hover { color:#1787c1; border:1px solid #1787c1; box-shadow:0 0 5px #add1e4; }

/* sitemap */
.sitemap { list-style:none; padding:0; margin:0 1.5% 3em; display:inline-block; zoom:1; *display:inline; vertical-align:top; width:30%;  }
.sitemap li { padding:2px 0; }
.sitemap li a { margin-left:25px; }
.sitemap li i { margin-right:10px; }
.sitemap .tt { font-size:1.25em; margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #ddd; color:#AAA; }

.ex { font-size:0.9em; color:#aaa; }