/* DrayTek Australia CSS StyleSheet */

body { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}

/*html { font-family: "Lucida Sans Unicode", Arial, Helvetica, sans-serif; font-size:12px; }*/

a { text-decoration: none; color: #1d8ab1; cursor: pointer; }

a:hover { text-decoration: none; /*color: #015982;*/ color: #ff9200; font-weight:bold; }

a.nohover:hover {
	background: none;
	border: none;
}

strong { font-weight:bold; }
em { font-style:italic; }

body { margin-top:10px;	}

.wrapper {	margin: 0 12px; }

.wrapper_top { margin-top: 15px; }

.clear { clear:both; }

dfn { color:#00f; }

.green {
	font-weight:bold;
	color: green;
}

.info, .success, .warning, .error {
border: 1px solid;
margin: 0px 0px 15px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('../img/theme1/msg_box/info.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image:url('../img/theme1/msg_box/success.png');
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('../img/theme1/msg_box/warning.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('../img/theme1/msg_box/error.png');
}


#hd .yui-gf { margin: 0 12px; }

#hd div div h1 {
	width: 223px;
	height: 74px;
	text-indent: -999px;
	background:url(../img/theme1/logo.png) no-repeat;
	/*border:solid 1px #888;*/
}

#hd div div p {
	text-align:right;
	margin:4px 0px;
	/*border:solid 1px #888;*/
}

#hd div div p a {
	text-transform:uppercase;
	font-size:85%;
}

#hd div div .social {
	padding-top:5px;	
}

#menu { }

#menuitem { margin:0 12px; }

#shadow {
	background: url(../img/theme1/shadow.png) repeat-x 0 0;
	background-position:bottom;
	margin: -3px 0 0 0;
}

#ft { margin-top:15px; border-top:solid 3px #888; }

#ft .footbar { 
	overflow:hidden;
	width:100%;
	height:89px;
	background:url(../img/theme1/footer/footer_bg.png) repeat-x 0 0;
}

#ft > div > div { float: left;}

#ft .ft_ilan { padding:13px 20px 13px 35px; }

#ft .ilan_title {
	display: block;
	margin-bottom:4px;
	font-size:85%;
	color:#fff;
}

#ft .ilan_logo { 
	display: block;
	width: 84px;
	height: 54px;
	text-indent: -999px;
	background:url(../img/theme1/footer/ilan_logo.png) no-repeat;
}

#ft .ft_draytek { padding:30px 18px 30px 25px; }

#ft .draytek_logo {
	display:block;
	width: 131px;
	height: 36px;
	text-indent: -999px;
	background:url(../img/theme1/footer/draytek_logo.png) no-repeat;
}

#ft .ft_seprator {
	width:2px;
	height:63px;
	margin-top:13px;
	background:url(../img/theme1/footer/footer_sp.png) no-repeat;		
}

#ft .ft_links { }

#ft .ft_links p { padding:33px;	color:#fff; }

#ft .ft_links a { margin: 0 5px; color:#fff; }

#ft .ft_links a:hover { text-decoration: underline; }

.ft_copy {
	margin:-10px 12px 10px 12px;
	font-size:85%;
	color:#888;
}

.ft_copy a { color:#888; text-decoration: underline; }

#nav {	border-bottom:solid 1px #000; }

#nav div { margin:3px; font-size:85%;}

#nav span { margin:0 5px; }

#nav span.last { margin-right:-2px; }

#nav div.left { text-align:left; }

#nav div.right { text-align:right; }

#bx_title { width: 100%; height:30px; border:solid 1px #888; overflow:hidden; background:url(../img/theme1/titlebar/title_bg.png) repeat-x 0 0; }
#bx_title h4 { float:left; padding:6px 12px; font-weight: bold; }
#bx_title div { float:right; border-left:solid 1px #f00; height:100%; width:8px;}

#bx_list { width:100%; border-bottom:solid 2px #000; background:url(../img/theme1/titlebar/body_bg.png) repeat-x bottom left; margin-bottom:15px;}
#bx_list ul li { padding: 6px 12px; border-bottom:dashed 1px #888; }
/*
#bx_list ul li, #bx_accordion h3 { padding: 6px 12px; border-bottom:dashed 1px #888; }
#bx_accordion h3 {cursor: pointer; position: relative; margin-top: 1px; zoom: 1;}
#bx_accordion h3.current { border-bottom-width:0px; }
*/

#bx_list ul li.last { border-bottom:solid 1px #000; }

#bx_accordion { width:100%; border-bottom:solid 2px #000; background:url(../img/theme1/titlebar/body_bg.png) repeat-x bottom left; margin-bottom:15px;}
#bx_accordion ul li { padding-bottom:10px; margin-top:-4px; margin-bottom:-6px; }

#bx_pordseries { width:100%;}
#bx_pordseries.only { border-bottom:solid 2px #000; background:url(../img/theme1/titlebar/body_bg.png) repeat-x bottom left; margin-bottom:15px; }
#bx_pordseries ul li { padding-bottom:10px; margin-top:-4px; margin-bottom:-6px; }

#bx_list2 { width:100%; }
#bx_list2 ul li { padding: 6px 12px; border-bottom:dashed 1px #888; }

#bx_prodlist, #bx_series, #bx_downlist, #bx_awardlist { border:solid 1px #888; border-top-width:0px; width:100%; background:url(../img/theme1/titlebar/body_bg.png) repeat-x bottom left; overflow:hidden; margin-bottom:15px;}
#bx_prodlist ul, #bx_prodlist li { float:left; }
#bx_prodlist ul { padding:0 0 10px 10px;}
#bx_prodlist li { margin:10px 8px 0 0; text-align:center;}


#bx_support { width:100%; overflow:hidden;	background:url(../img/theme1/titlebar/body_bg.png) repeat-x bottom left; border-left:solid 1px #888; border-right:solid 1px #888; border-bottom:solid 1px #888;  position: relative; }
#bx_support > div { margin:10px; overflow:hidden; }
#bx_support > div .bx_icon { float: left; margin-right: 5px; }
#bx_support > div > p { margin-bottom: 10px; margin-right: 3px; line-height:20px; }
#bx_support > div > .bx_more { 
	position: absolute; 
	bottom:0; 
	right:13px; 
	background: url(../img/theme1/button/btn_01.png) no-repeat top right; 
	width:76px; 
	height:20px;
	font-size:18px; }
#bx_support > div > .bx_more > a { position:absolute; top: -1px; left: 10px; text-decoration: none; color: #fff; font-weight:bold;}
#bx_support > div > .bx_more > a:hover { text-decoration: none; color: #000; font-weight:bold; }



#bx_product { width:100%; overflow:hidden;	background:url(../img/theme1/titlebar/body_bg.png) repeat-x bottom left; border-left:solid 1px #888; border-right:solid 1px #888; border-bottom:solid 3px #000; }
#bx_product > div { margin:10px; overflow:hidden; }
#bx_product div div.bx_box_a { float:left;	width: 45%;	text-align:center; }

#bx_product div div.bx_box_a div {overflow:hidden;}
#bx_product div div.bx_box_a div a { float:left; }

#bx_product div div.bx_box_a div a img { margin:5px; border: solid 1px #ddd; }
#bx_product div div.bx_box_a div a:hover img { border: solid 1px #1d8ab1; }


#bx_product div div.bx_box_b { float:right; width: 54%; }
#bx_product div div.bx_box_b ul { margin-left:20px; }
#bx_product div div.bx_box_b ul li { list-style-type:circle; margin: 2px 0; line-height:20px;}
#bx_product div div.bx_box_b hr { margin-top:10px;}
#bx_product div div.bx_box_b table { width:100%; border-collapse:collapse; }
#bx_product div div.bx_box_b table thead th { padding: 10px 8px; font-weight: bolder; border-bottom: solid 2px #000; text-align:center; }
#bx_product div div.bx_box_b table tbody td { border-bottom: solid 1px #888; padding: 6px 8px; text-align:center; }
#bx_product div div.bx_box_b table tbody td.title { text-align:left; }
#bx_product div div.bx_box_b table tbody td.last { border-bottom: solid 2px #000; }
#bx_product div div.bx_box_b div img { vertical-align:top; margin:2px 1px; }

#bx_product div.bx_table table { width:100%; border-collapse:collapse; }
#bx_product div.bx_table table thead th { padding: 10px 8px; font-weight: bolder; border-bottom: solid 1px #000; text-align:center; }
#bx_product div.bx_table .wcf thead th { text-align:left; }
#bx_product div.bx_table table tbody td { border-bottom: solid 1px #888; padding: 6px 8px; text-align:center; }
#bx_product div.bx_table .wcf tbody td { text-align:left; vertical-align:top; }
#bx_product div.bx_table table tbody td.title { text-align:left; }
#bx_product div.bx_table table tbody td.last { border-bottom: solid 1px #000; }





#bx_prodetail {}
#bx_prodetail div div p { margin:20px 10px; text-align:justify; line-height:20px; }






#bx_prodetail div #features ol { margin: 20px 20px 20px 40px;  }
#bx_prodetail div #features ol li { list-style-type:decimal; line-height:20px;}
#bx_prodetail div #overview ul,
#bx_prodetail div #features ul,
#bx_prodetail div #specifications ul,
#bx_prodetail div #requirement ul { margin: 20px 20px 20px 40px;  }
#bx_prodetail div #overview ul li,
#bx_prodetail div #features ul li,
#bx_prodetail div #specifications ul li,
#bx_prodetail div #requirement ul li { list-style-type:disc; line-height:20px;}

#bx_prodetail div #features ol li ul {margin: 10px 0 10px 20px;}
#bx_prodetail div #features ol li ul li { list-style-type:disc; line-height:20px;}
#bx_prodetail div #features ol li ul li ul{margin: 10px 0 10px 20px;}
#bx_prodetail div #features ol li ul li ul li{ list-style-type:circle; line-height:20px;}
/*#bx_prodetail div #features dfn, #bx_prodetail div #specifications dfn { color:#00f; }*/

#bx_prodetail div #specifications table { padding:20px; }
#bx_prodetail div #specifications table tbody tr td { padding: 6px 10px;}

#bx_prodetail div #specifications div, 
#bx_prodetail div #applications {text-align:center;}

#bx_prodetail div #overview h3, 
#bx_prodetail div #features h3, 
#bx_prodetail div #applications h3 { margin:20px 10px; text-align:justify; line-height:20px; font-size:144%; font-weight:bold; font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;}
#bx_prodetail div #overview h6, 
#bx_prodetail div #features h6, 
#bx_prodetail div #requirement h6, 
#bx_prodetail div #specifications h6, 
#bx_prodetail div #applications h6 { margin:20px 10px; text-align:justify; line-height:20px; font-size:122%; font-weight:bold; font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;}
#bx_prodetail div #specifications img, 
#bx_prodetail div #specifications span, 
#bx_prodetail div #specifications hr,
#bx_prodetail div #applications img, 
#bx_prodetail div #applications span, 
#bx_prodetail div #applications hr { margin:5px 10px; }

#bx_series > div {
	float:left;
	width:198px;
	margin:10px 0;
	padding:10px 18px;
	border-right:solid 1px #888;
}

#bx_series > div.last { border: none; }

#bx_series div div {
	text-align:center;	
}

#bx_series div hr { margin-top:10px;}

#bx_series div div table {
	width:100%;
	text-align:left;	
}

#bx_series div div table tbody tr th { padding: 4px 8px; }
#bx_series div div table tbody tr td { padding: 4px 8px; font-weight:bold; text-align:center; font-size:115%}


#bx_downlist table { 
	margin:6px 12px;
	width: 96%;
}

#bx_downlist table thead tr th { 
	padding:6px 0;
	border-bottom:dashed 1px #888;
	font-weight:bold;
}

#bx_downlist table tbody tr td {
	padding:6px 0;
	border-bottom:dashed 1px #888; 
}

#bx_downlist table tbody tr:hover {
	background-color: #EEEEEE;
}

#bx_downlist table tfoot tr td {
	padding:6px 0;
}

#bx_downlist > #tb_version thead tr th { padding:6px 0; border-bottom: none;}
#bx_downlist > #tb_version thead tr th h3 { font-weight:bold; font-size:14px; }
#bx_downlist > #tb_version tbody tr td { padding:6px 0;	border-bottom: solid 1px #888; }
#bx_downlist > #tb_version tbody tr td.address > img { vertical-align:middle; }
#bx_downlist > #tb_version tbody tr td h3 { font-weight:bold; }
#bx_downlist > #tb_version tbody tr:hover { background-color: #FFF;}

#bx_warning {
	margin:12px 12px;
	padding: 6px 12px;
	border: solid 1px #888;
	line-height:18px;
	background: #eee;
	text-align:justify;
}

#bx_warning img { margin-right: 12px; }


#about h3 { margin:20px 10px; text-align:justify; line-height:20px; font-size:144%; font-weight:bold; font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;}
#about h4 { margin:20px 10px; text-align:justify; line-height:20px; font-size:100%; font-weight:bold; font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif;}
#about p { margin:20px 10px; text-align:justify; line-height:20px; }
#about ul { margin: 20px 20px 20px 40px;  }
#about ul li { list-style-type:disc; line-height:20px;}
#about ol { margin: 20px 20px 20px 40px;  }
#about ol li { list-style-type:decimal-leading-zero; line-height:20px;}

#caseIPPBX { border-top: 1px solid #888; border-bottom: 3px solid #000; }
#caseIPPBX h3 { margin:20px 10px; text-align:justify; line-height:20px; font-size:200%; font-weight:bold; font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif; color:#17365d;}
#caseIPPBX h4 { margin:20px 10px; text-align:justify; line-height:20px; font-size:144%; font-weight:bold; font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif; color:#365f91; }
#caseIPPBX h5 { margin:20px 10px; text-align:justify; line-height:20px; font-size:122%; font-weight:bold; font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif; color:#888888; font-style:italic;}
#caseIPPBX div { margin:20px 10px; text-align:justify; line-height:20px; } 
#caseIPPBX p { margin:20px 10px; text-align:justify; line-height:20px; }
#caseIPPBX ul { margin: 20px 20px 20px 40px;  }
#caseIPPBX ul li { list-style-type:disc; line-height:20px;}
#caseIPPBX ol { margin: 20px 20px 20px 40px;  }
#caseIPPBX ol li { list-style-type:decimal-leading-zero; line-height:20px; margin: 10px 0;}
#caseIPPBX ol li > b { font-weight:bold; color: #0070c0; font-size:14px; }
#caseIPPBX table {
	width:100%;
	border-top:1px solid #e6e6e6;
	border-right:1px solid #e6e6e6;
	margin:1em auto;
	border-collapse:collapse;
}

#caseIPPBX tr.odd td {
	background:#f7fbff
}


#caseIPPBX td {
	border-bottom:1px solid #e6e6e6;
	border-left:1px solid #e6e6e6;
	padding:.3em 1em;
}				

#caseIPPBX th {
	font-weight:normal;
	color: #17365d;
	background:#f4f9fe;
	text-align:left;
	border-bottom: 1px solid #e6e6e6;
	border-left:1px solid #e6e6e6;
	padding:.3em 1em;
	width:25%;
}

#caseIPPBX thead th {
	background:#f4f9fe;
	text-align:left;
	font-weight:bold;
	color:#000000;
}

#caseIPPBX_menu { margin:10px 0px; }



#bx_3g_list ul {
	float:left;
	margin-left:12px;
	margin-right:6px;
	margin-bottom:12px;
}

#bx_3g_list ul .title {
	font-weight:bold;
	padding:6px 0;
	border-bottom:dashed 1px #888;
	background: none;
}

#bx_3g_list ul .image {
	padding: 0;
	border-bottom:dashed 1px #888;
	background: none;
}

#bx_3g_list ul .support {
	padding:6px 0 6px 16px;
	border-bottom:dashed 1px #888;
	background:url(../img/3g_list/green.jpg) no-repeat left center;
}

#bx_3g_list ul li {
	padding:6px 0 6px 16px;
	border-bottom:dashed 1px #888;
	background:url(../img/3g_list/red.jpg) no-repeat left center;
}


#bx_marketing ul {
	float:left;
	margin-left:12px;
	margin-right:6px;
	margin-bottom:12px;
	width: 150px;
}

#bx_marketing ul .title {
	font-weight:bold;
	padding:6px 0;
	border-bottom:dashed 1px #888;
	background: none;
	text-align:left;
}

#bx_marketing ul .image {
	padding: 6px 0;
	border-bottom:dashed 1px #888;
	background: none;
	text-align:center;
}

#bx_marketing ul li {
	padding: 6px 0;
	border-bottom:dashed 1px #888;
	text-align:center;
}

#terms { margin:20px 20px; }
#terms ol { margin:5px 20px; }
#terms ol li { list-style-type:decimal; line-height:20px; font-weight:bold;}
#terms ol li div { font-weight: normal;}
#terms ol li div table { margin: 10px 0;}
#terms ol li div table thead tr { border-bottom: 2px solid #333;}
#terms ol li div table thead th { padding: 3px;}
#terms ol li div table tbody tr { border-bottom: 1px dashed #333;}
#terms ol li div table tbody td { padding: 3px;}
#terms ol li div table tfoot tr { border-bottom: 2px solid #333;}
#terms ol li div table tfoot td { padding: 3px;}
#terms ol li ol { margin:0 20px; }
#terms ol li ol li { list-style-type:lower-alpha; font-weight:normal;}
#terms ol li ol li ol { margin:0 40px; }
#terms ol li ol li ol li { list-style-type:lower-roman; font-weight:normal;}

.headerIMG {
	position: relative;
	width: 100%;	
}

.headerIMG h1 {
	position: absolute;
	top: 20px;
	left: 180px;
	width: 60%;
	font-size:28px;
	font-weight:bold;
	color:red;
}

.headerIMG h3 {
	position: absolute;
	top: 70px;
	left: 180px;
	width: 60%;
	font-weight:bold;	
}

.headerIMG h2 {
	position: absolute;
	top: 40px;
	left: 180px;
	width: 60%;
	font-size:28px;
	font-weight:bold;
	color:red;
}

.headerIMG h4 {
	position: absolute;
	top: 20px;
	left: 30px;
	width: 60%;
	font-size:28px;
	font-weight:bold;
	color:#696969;
}

.headerIMG h5 {
	position: absolute;
	text-align:right;
	top: 20px;
	right: 20px;
	width: 15%;
	font-size:500%;
	font-weight:bold;
	color:white;
}

.style1 {
	margin-left:	20px;
	margin-right:	20px;	
}

#tb_ClassA table {
	width:90%;
	border-top:1px solid #e6e6e6;
	border-right:1px solid #e6e6e6;
	margin:1em auto;
	border-collapse:collapse;
}

#tb_ClassA tr.odd td {
	background:#f7fbff
}


#tb_ClassA td {
	border-bottom:1px solid #e6e6e6;
	border-left:1px solid #e6e6e6;
	padding:.3em 1em;
}				

#tb_ClassA th {
	font-weight:normal;
	color: #678197;
	background:#f4f9fe;
	text-align:left;
	border-bottom: 1px solid #e6e6e6;
	border-left:1px solid #e6e6e6;
	padding:.3em 1em;
}

#tb_ClassA thead th {
	background:#f4f9fe;
	text-align:center;
	font:bold 1.2em/2em "Century Gothic","Trebuchet MS",Arial,Helvetica,sans-serif;
	color:#000000;
}	
#tb_ClassA tfoot th { background:#f4f9fe; }	

#bx_wtb_list ul {
	float:left;
	margin-left:12px;
	margin-right:6px;
	margin-bottom:12px;
}

#bx_wtb_list ul li {
	width:320px;
	padding:6px 0;
	border-bottom:dashed 1px #888;
}

#bx_wtb_list ul li.last {
	border-bottom: solid 1px #888;
}

#bx_wtb_list ul li > img {
	vertical-align:middle;
}

#bx_wtb_list ul .title {
	font-weight:bold;
	padding:6px 0;
	border-bottom: solid 1px #888;
	background: none;
}

#bx_wtb_list ul .image {
	padding: 6px 0;
	border-bottom:dashed 1px #888;
	background: none;
}

#bx_awardlist table { margin:6px 12px; width: 96%; }
#bx_awardlist table tbody tr td { padding:6px 6px; border-bottom:dashed 1px #888; }
#bx_awardlist table tbody tr:hover { background-color: #EEEEEE;}