/*-------------------------------------------------------------------

Filename: style.css
Description: 杜耳官網css style
Version: 1.0
Website: http://www.dore.com.tw
Author: Matt Kan

Page width: 975px

--------Readme Begin------------------------------------------------------*/

/*****Reset*****/
/*Remove margin and padding from elements*/

/*****Basic Elements*****/
/*Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc*/

/*****Generic Classes*****/
/*Define styles for general use like floating to the sides, etc*/

/*****Basic Layout*****/  
/*Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site*/

/*****Header*****/
/*Define all elements in the header*/

/*****Navigation*****/
/*Define all elements in the navigation menu*/

/*****Content*****/
/*Define all elements in the content area*/

/*****Footer*****/
/*Define all elements in the footer*/

/*****Etc*****/
/*Define anything else*/

/*-------Readme End--------------------------------------------------------*/

@charset "utf-8";

#_Reset {}

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td { 
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;
}

body { line-height: 1;margin:0;/*fix Google Chrome*/}

h1, h2, h3, h4, h5, h6 {margin:0;}

p {margin:0;/*fix google chrome*/}

ol, ul { list-style: none;margin:0;padding:0;/*fix Google Chrome*/}

blockquote, q { quotes: none;}

blockquote:before, blockquote:after,q:before, q:after { content: ''; content: none;}

/* remember to define focus styles! */
:focus { outline: 0;}

/* remember to highlight inserts somehow! */
ins { text-decoration: none;}
del { text-decoration: line-through;}

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0;}


#_BasicElements {}

html {height:100%;}

body {
	background:#ff7300;
	behavior:url("/csshover3.htc"); 
	font:normal normal normal 13px/1.5 "新細明體", "蘋果儷細宋", Arial, Helvetica;
	height:100%;
	}

h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
	font-family:"微軟正黑體", "蘋果儷中黑", "新細明體", Arial, Helvetica;
	}
a {
	text-decoration:none;
	}

a:hover {
	text-decoration:underline;
	}

blockquote {
	background:#ffc url(/images/quote.gif) no-repeat scroll 0 0;
	color:#777;
	margin:14px;
	padding:14px;
	}

blockquote h3 {
	color:#f30;
	font-size:1.2em;
	}

ol {
	color:#777;
	}

p {
	color:#777;
	}

strong {
	color:#f06;
	}

textarea {
	width:100%;
	height:10em;
	}

#_GenericClasses {}

.float_r {float:right;}

.float_l {float:left;}

.clear {
	clear:both;
	font-size:0;
	height:0;
	width:0;
	}

.clear_l {
	clear:left;
	}

.center {
	text-align:center;
	}

.c_white {
	color:white;
	}

.line_space {
	height:1em;
	}

.more a {
	color:#333;
	text-decoration:underline;
	}

.noBorder {
	border:0;
	}

.space {
	clear:right;
	float:right;
	height:14px;
	width:226px;
	}

a.nav_ads {
	background:url(/images/banner-sprite100719.gif) no-repeat 0 -74px;
	display:block;
	margin:5px 0;
	width:170px;
	height:64px;
	}

a.nav_ads:hover {
	background:url(/images/banner-sprite100719.gif) no-repeat 0 0;
	}

a.ytubeFrame {
	display:block;
	margin:0 auto 20px auto;
	}

a.ytubeFrame div {
	text-align:center;
	}

a.ytubeFrame div img {
	border:0;
	}

a.ytubeLink {
	display:block;
	float:left;
	margin-right:14px;
	position:relative;
	width:120px;height:90px;
	}

img.caselist {
	float:left;
	margin-right:14px;
	width:120px;
	}

img.iconPlay {
	position:absolute;
		bottom:0;left:0;
	}

dl.chronology dt {
	color:#ff7300;
	font:normal normal 1.2em/1 Arial, Helvetica, sans-serif;
	margin:1em 0 0 1em;
	}

dl.chronology dd {
	color:#777;
	margin-left:5em;
	}

dl.how dt {
	color:#ff7300;
	font:bold 1em/1.5 "微軟正黑體", "蘋果儷中黑", "新細明體", Arial, Helvetica;
	margin:.5em;
	}

dl.how dd {
	color:#777;
	margin-left:2em;
	}

div.caselist {
	color:#777;
	float:left;
	}

div.detail h1 {
	color:#ff7300;
	font-size:20px;
	padding-top:10px;
	padding-bottom:5px;
	}

div.detail h2 {
	color:#ff7300;
	font-size:16px;
	padding-top:10px;
	padding-bottom:5px;
	}

div.detail p a,
div.detail ol a,
div.detail ul a {
	color:#ff7300;
	font-weight:bold;
	text-decoration:underline;
	}

div.detail p.timestamp {
	color:#ff7300;
	font:bold 14px/1 Arial, Helvetica, sans-serif;
	margin-bottom:14px;
	}

div.detail {
	margin:0px 240px 14px 14px;
	padding:0 0 14px;
	position:relative;
	}

div.detail img {
	border:3px #ccc solid;
	}

div.detail img.noBorder {
	border:0;
	}

div.detail img.float_r {
	margin-left:14px;
	}

div.detail img.float_l {
	margin-right:14px;
	}

div.detail img.center {
	margin:14px 0;
	}

div.detail h2 a.top {
	float:right;
	font-size:0.9em;
	text-decoration:underline;
	}

div.detail ol {
	color:#333;
	margin:14px 0 14px 28px;
	list-style:decimal;
	}

div.detail ul.reason {
	color:#777;
	list-style:none;
	margin:0;
	}

div.detail ul.reason li {
	margin-bottom:1em;
	}

div.detail ul.reason li span {
	color:#ff7300;
	display:block;
	font:bold normal 16px/2 "微軟正黑體", "蘋果儷中黑", "新細明體", Arial, Helvetica;
	}

div.detail ul {
	color:#333;
	margin:14px 0 14px 28px;
	list-style:disc;
	}

div.detail div.list {
	margin:0;
	}

div.detail div.list h3,
div.detail div.list p {
	width:400px;
	}

div.detail div.story {
	color:#777;
	}

div.detail div.story label {
	display:block;
	margin-top:14px;
	}

div.flow {
	width:490px;
	}

div.flow .middle {
	padding:0 30px;
	width:430px;height:200px;
	}

div.flow .middle h2, div.flow .middle p {
	color:white;
	}

div.flow01 .top {
	background:url(/how/images/flowchart_01.gif);
	width:490px;height:19px;
	}

div.flow01 .middle {
	background:url(/how/images/flowchart_02.gif) repeat-y;
	}

div.flow01 .bottom {
	background:url(/how/images/flowchart_04.gif) repeat-y;
	width:490px;height:19px;
	}

div.flow02 .top {
	background:url(/how/images/flow02_01.gif);
	width:490px;height:19px;
	}

div.flow02 .middle {
	background:url(/how/images/flow02_02.gif) repeat-y;
	}

div.flow02 .bottom {
	background:url(/how/images/flow02_04.gif) repeat-y;
	width:490px;height:19px;
	}
div.flow03 .top {
	background:url(/how/images/flow03_01.gif);
	width:490px;height:19px;
	}

div.flow03 .middle {
	background:url(/how/images/flow03_02.gif) repeat-y;
	}

div.flow03 .bottom {
	background:url(/how/images/flow03_04.gif) repeat-y;
	width:490px;height:19px;
	}

div.flow04 .top {
	background:url(/how/images/flow04_01.gif);
	width:490px;height:19px;
	}

div.flow04 .middle {
	background:url(/how/images/flow04_02.gif) repeat-y;
	}

div.flow04 .bottom {
	background:url(/how/images/flow04_04.gif) repeat-y;
	width:490px;height:19px;
	}
div.flow05 .top {
	background:url(/how/images/flow05_01.gif);
	width:490px;height:19px;
	}

div.flow05 .middle {
	background:url(/how/images/flow05_02.gif) repeat-y;
	}

div.flow05 .bottom {
	background:url(/how/images/flow05_04.gif) repeat-y;
	width:490px;height:19px;
	}

div.quote {
	width:490px;
	}

div.quote .middle {
	padding:0 30px;
	width:430px;
	}

div.quote .middle h3 {
	color:#900;
	font-size:1.2em;
	}

div.quote .middle p {
	color:#777;
	}

div.qYellow .top {
	background:url(/case-study/images/quote_t.gif);
	width:490px;height:19px;
	}

div.qYellow .middle {
	background:url(/case-study/images/quote_m.gif) repeat-y;
	}

div.qYellow .bottom {
	background:url(/case-study/images/quote_b.gif) repeat-y;
	width:490px;height:19px;
	}

div.list {
	border:1px #e1e1e1 dotted;
	border-width:1px 0 0 0;
	margin:0px 240px 14px 14px;
	padding:14px 0;
	position:relative;
	}

div.list h3 {
	font-size:16px;
	padding-bottom:10px;
	}

div.list h3 a {
	color:#ff7300;
	text-decoration:none;
	}

div.list h3 a:hover {
	text-decoration:underline;
	}

div.list h3.story {
	padding-bottom:0;
	}

div.list p.story {
	color:#ff7300;
	margin:5px 0 5px 20px;
	}

div.list p.timestamp {
	color:#ff7300;
	font:bold 14px/1 Arial, Helvetica, sans-serif;
	position:absolute;
	top:20px;
	left:420px;
	}

div.list p.more a {color:#ff7300;}

div.nav_page {
	color:#ff7300;
	float:right;
	margin-top:14px;
	}

div.nav_page a {
	color:#777;
	}

div.pager span,
div.pager a {
	border-right:1px solid #777;
	display:block;
	float:left;
	line-height:1;
	margin:0;
	padding:2px 5px 0;
	}

div.pager a {
	color:#777;
	}

div.pager span {
	color:#ff7300;
	font-weight:bold;
	}

div.pager span.totalPages {
	border-right:0;
	}

div.speechImg {
	float:left;
	margin:.5em;
	}

div.speechImg p {
	color:#ff7300;
	margin:.5em;
	}

div.step {
	background:url(/how/images/step.gif) no-repeat 50% 50%;
	height:49px;
	width:490px;
	}

div.step li {
	float:left;
	line-height:1;
	list-style:none;
	width:55px;
	height:30px;
	margin-right:40px;
	}

div.step li.last {
	margin:0;
	}

div.team {
	float:left;
	width:247px;
	padding-bottom:14px;
	}

div.team img.team {
	border:1px solid black;
	float:left;
	margin:0 14px 0 0;
	width:80px;height:80px;
	}

div.team ul.team {
	color:#ff7300;
	list-style:none;
	margin:0 0 0 28px;
	}

div.team p.team {
	padding-top:76px;
	padding-bottom:14px;
	}

#_BasicLayout {}

.container {
	margin:0 auto;
	width:975px;
	}

/*****Header*****/

.header {
	color:white;
	height:65px;
	padding:20px 0;
	position:relative;
	}

.logo {
	background:url(/images/dore-logo.gif) no-repeat 50% 50%;
	display:block;
	float:left;
	height:65px;
	width:249px;
	}

.header ul {float:right;}

.header ul.flag {
	position:absolute;
		top:43px;right:0;
	}

.header li.nav_header {
	border:1px solid;
	border-width:0 1px 0 0;
	float:left;
	line-height:1;
	padding:2px 6px 0 6px;
	}

.header li.flag {
	clear:right;
	float:left;
	padding-left:5px;
	/*filter: alpha(opacity=50);
	opacity: .5;*/
	}

.header li.flag:hover {
	filter: alpha(opacity=100);
	opacity: 1;
	}

.header li.last_right {
	border-width:0;
	padding-right:0;
	}

.header li a {color:white;}

.header h1 {
	font:normal 18px/1 "微軟正黑體", "蘋果儷中黑", "新細明體", Arial, Helvetica;
	padding-top:2px;
	position:absolute;
	right:0;
	bottom:20px;
	}

/*****Navigation*****/

.nav {
	height:68px;
	position:relative;
	z-index:10;
	}

#nav {
	background:#e1e1e1;
	border:14px solid white;
	font-family:"微軟正黑體", "蘋果儷中黑", "新細明體", Arial, Helvetica;
	height:40px;
	width:947px;
	}

#nav a:hover {text-decoration:none;}

#nav li.dropdown {
	float:left;
	font-size:16px;
	line-height:1;
	}

#nav li.dropdown a {
	color:#777;
	display:block;
	padding:12px 15px;
	}

#nav li.dropdown a.first {
	background:url(/images/home-icon.gif) no-repeat 14px 50%;
	padding-left:36px;
	}

#nav li#first a.first:hover {
	background:#333 url(/images/home-icon-hover.gif) no-repeat 14px 50%;
	}

#nav li.dropdown:hover a {
	background:#333;
	color:white;
	filter: alpha(opacity=90);
	opacity: .9;
	}

#nav li.dropdown ul {
	display:none;
	position:absolute;
	width:160px;
	}

#nav ul li {
	height:28px;
	}

#nav li.dropdown:hover ul {
	background:#333;
	display:block;
	filter: alpha(opacity=90);
	opacity: .9;
	}

#nav li.dropdown ul li a:hover {
	background:#777;
	}

#nav li.dropdown ul li a {
	color:white;
	padding:6px 15px;
	}

#cse-search-box input.search {
	/*background:white url(/images/search.gif) no-repeat right 50%;*/
	border:#777 1px solid;
	height:16px;
	/*width:217px;*/
	position:absolute;
	top:25px;
	right:80px;
	}

#cse-search-box input.submit {
	position:absolute;
	top:24px;right:26px;
	}

.nav_chapter {
	background:#e1e1e1;
	color:#777;
	font-family:"微軟正黑體", "蘋果儷中黑", "新細明體", Arial, Helvetica;
	font-weight:bold;
	width:170px;
	padding:14px;
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	}

.nav_chapter h2 {
	border:2px solid;
	border-width:0 0 2px 0;
	color:#ff7300;
	font-size:18px;
	margin-bottom:9px;
	padding-bottom:9px;
	}

.nav_chapter li {
	border:solid;
	border-width:0 0 1px 0;
	font-size:14px;
	font-weight:bold;
	padding:5px;
	}

.nav_chapter a {color:#777;}

.nav_chapter a:hover {
	color:black;
	text-decoration:none;
	}

.nav_chapter p.hotline {
	background:white url(/images/icon_phone_ring.gif) no-repeat 8px 6px;
	border:0px solid #777;
	color:#ff7300;
	font-size:20px;
	line-height:25px;
	height:50px;
	margin-top:13px;
	padding:8px 10px 6px 2px;
	text-align:right;
	}

.nav_chapter p.hotline span {
	display:block;
	width:155px;
	position:relative;
	left:-6px;
	}

#crumbs {
	font-size:12px;
	}

/*****Content*****/

.content {
	background:white;
	border:14px white solid;
	border-top-width:0;
	/*margin-top:54px!important;*/
	position:relative;
	width:947px;height:100%;
	}

#home .content {
	/*height:550px;*/
	}

#home .content #showcase {
	color:white;
	float:left;
	height:305px;
	width:706px;
	}

#showcase h2 {
	font:bolder 40px/1 "微軟正黑體", "蘋果儷中黑", "新細明體", Arial, Helvetica;
	padding:48px 24px 24px;
	}

#showcase p {
	color:white;
	font:normal 18px/1.5 "微軟正黑體", "蘋果儷中黑", "新細明體", Arial, Helvetica;
	padding:0 350px 24px 24px;
	}

#hotline_title {
	background:url(/images/icon_phone_ring.gif) no-repeat 0 0;
	color:#ff7300;
	float:left;
	font:normal 22px/1 "微軟正黑體", "蘋果儷中黑", "新細明體", Arial, Helvetica;
	margin-left:14px;
	padding-left:25px;
	width:200px;
	}

#hotline_number {
	color:#ff7300;
	float:left;
	font:34px/1 Arial, Helvetica, Tahoma;
	margin-left:14px;
	height:34px;
	width:225px;
	}

#home #showcase_right {
	background:#e1e1e1;
	border:14px #e1e1e1 solid;
	border-top-width:7px;
	float:left;
	margin:0 0 0 14px;
	height:228px;
	width:197px;
	overflow:hidden;
	}

#home #showcase_right li {
	border:1px #ff7300 solid;
	border-width:0 0 1px 0;
	padding-bottom:1px;
	width:197px;
	height:56px;
	}

#home #showcase_right li img {
	width:197px;
	height:56px;
	}

#home #showcase_right li:hover {
	background:#CCC;
	}

#home #showcase_right li a p {
	color:#ff7300;
	font:normal 14px/1.5 "微軟正黑體", "蘋果儷中黑", "新細明體", Arial, Helvetica;
	}

#home #showcase_right a {
	color:#777;
	display:block;
	height:41px;
	width:197px;
	}

#home #showcase_right a:hover {
	text-decoration:none;
	}

#home #showcase_right li.more {
	border-width:0;
	color:white;
	font:bold 11px/1 "新細明體", "蘋果儷細宋", Arial, Helvetica;
	position:relative;
	top:-25px;
	right:-170px;
	}

#home #showcase_right li.more:hover {
	background:none;
	color:#999999;
	text-decoration:underline;
	}

#sidebar {
	width:226px;
	position:absolute;
	top:0;
	right:0;
	}

.box {
	/*clear:right;*/
	color:white;
	float:right;
	height:230px;
	width:226px;
	position:relative;
	}

#home .box {
	clear:none;
	float:left;
	margin:14px 14px 0 0;
	}

.box h1 {
	font:normal 24px/1 "微軟正黑體", "蘋果儷中黑", "新細明體", Arial, Helvetica;
	padding:14px 0 14px 12px;
	}

.box h1 a {
	color:white;
	}

.box p {
	color:white;
	padding:0 12px 12px;
	}

.box img, .box ul {
	position:absolute;
	bottom:12px;
	left:12px;
	}

.box li {
	border:1px white solid;
	border-width:0 0 1px 0;
	color:#313131;
	padding:4px 0;
	width:203px;
	}

.box li a {color:#313131;}

.box li a:hover {
	color:white;
	text-decoration:none;
	}

.box li.last_bottom {
	border-width:0;
	padding-bottom:0;
	}

#green-box {
	background:url(/images/green-feat-bg.gif) no-repeat 50% 50%;
	}

#pink-box {
	background:url(/images/pink-feat-bg.gif) no-repeat 50% 50%;
	}

#pink-box li {
	background:url(/images/pink-arrow.gif) no-repeat 100% 50%;
	}

#yellow-box {
	background:url(/images/yellow-feat-bg.gif) no-repeat 50% 50%;
	}

#yellow-box li {
	background:url(/images/yellow-arrow.gif) no-repeat 100% 50%;
	}

#blue-box {
	background:url(/images/blue-feat-bg.gif) no-repeat 50% 50%;
	}

#home #blue-box {margin-right:0;}

#blue-box li {
	background:url(/images/blue-arrow.gif) no-repeat 100% 50%;
	}

a.dore_story {
	background:url(/images/dore_story.jpg) no-repeat 0 0;
	display:block;
	height:50px;
	width:200px;
	margin-left:13px;
	}

a.dore_story:hover {
	background:url(/images/dore_story.jpg) no-repeat 0 -50px;
	}

a.dore_science {
	background:url(/images/dore_science.jpg) no-repeat 0 0;
	display:block;
	height:50px;
	width:200px;
	margin-top:7px;
	margin-left:13px;
	}

a.dore_science:hover {
	background:url(/images/dore_science.jpg) no-repeat 0 -50px;
	}


#chapter {
	border:198px #e1e1e1 solid;
	border-width:0 0 0 198px;
	min-height:962px;
	height:auto!important;
	height:962px;
	}

#chapter #crumbs, h1.chapter, p.chapter {padding:0 240px 0 14px;}

#chapter div.detail #crumbs {padding-left:0;}

#why ul.chapter li {
	list-style-type:none;
	}

#why h3.chapter {
	padding-left:0;
	}

#leader {
	width:100%;
	}

p.chapter a {
	color:#ff7300;
	font-weight:bold;
	text-decoration:underline;
	}
	
p.chapter a:hover {color:#F00;}

h1.chapter {
	color:#ff7300;
	font-size:20px;
	padding-top:10px;
	padding-bottom:10px;
	}

h2.chapter {
	color:#ff7300;
	font-size:1.1em;
	font-weight:bold;
	padding-left:14px;
	}

h3.chapter {
	font-size:16px;
	padding:12px 0 6px 14px;
	}

img.mediaNews {
	max-width:489px;
	width:auto!important;
	width:489px;
	}

input.caseFilterSubmit {
	margin-left:47px;
	}

div.detail ul.case_info {
	border:1px solid #ff7300;
	color:#333;
	list-style:none;
	margin:0 0 14px 0;
	padding:7px;
	}

blockquote.case_info {
	background:#EBEADD url(/images/quote.gif) no-repeat scroll 0 0;
	color:#777;
	margin-top:14px;
	padding:14px;
	}

blockquote.case_info h3 {
	font-size:16px;
	padding-bottom:7px;
	}

ul.chapter, ol.chapter {
	color:#777;
	padding-right:240px;
	padding-left:14px;
	}

ul.chapter li {
	list-style-type:disc;
	list-style-position:inside;
	padding:6px;
	}

ol.chapter li {
	list-style:decimal outside;
	}

ol.chapter_list {
	border:1px solid #777;
	color:#ff7300;
	list-style:decimal;
	float:right;
	width:120px;
	padding:7px 0 7px 28px;
	}

object.ytube {
	display:block;
	margin:1.5em auto;
	}

table.chapter {
	border:1px #666 solid;
	color:#777;
	margin:14px 0;
	}

col.col1, col.col2 {width:20%;}

table.chapter th {
	background:#ff7300;
	color:white;
	}

table.chapter th, table.chapter td {
	border:1px #777 solid;
	padding:5px;
	}

table.chapter td a {
	color:#ff7300;
	font-weight:bold;
	text-decoration:underline;
	}

table.chapter ul {
	margin:0 0 0 28px;
	}

blockquote.chapter {
	background:#EBEADD url(/images/quote.gif) no-repeat scroll 0 0;
	color:#777;
	margin:14px 240px 14px 14px;
	padding:14px;
	}

blockquote.chapter h3 {
	color:#ff7300;
	padding:0 14px 14px;
	}

blockquote.chapter ul {
	padding-left:28px;
	}

blockquote.chapter li {
	list-style:disc;
	}

div.googleChart {
	padding-bottom:13px;
	text-align:center;
	}

.worldmap {
	background:url(/about/images/world_map.gif) no-repeat 50% 50%;
	width:495px;
	height:258px;
	margin-top:14px;
	position:relative;
	}

.worldmap a {
	color:blue;
	font-weight:bold;
	text-decoration:underline;
	}

.worldmap a.usa {
	position:absolute;
	top:81px;
	left:54px;
	}

.worldmap a.caribbean {
	position:absolute;
	left: 103px;
	top: 98px;
	}

.worldmap a.hk {
	color:blue;
	position:absolute;
	left: 383px;
	top: 97px;
	text-decoration:none;
	}

.worldmap a.za {
	position:absolute;
	left: 252px;
	top: 180px;
	}

.worldmap a.nz {
	position:absolute;
	left: 450px;
	top: 196px;
	}

.worldmap a.tw {
	position:absolute;
	left: 407px;
	top: 106px;
	}

.worldmap a.uk {
	position:absolute;
	left: 217px;
	top: 48px;
	}

.worldmap a.au {
	position:absolute;
	left: 404px;
	top: 183px;
	}

#contact .detail {
	color:#777;
	}

#contact .detail span {
	color:#666;
	font-weight:bold;
	}

#contact .detail dl {
	margin:0px auto;
	}

#contact .detail dt {
	margin:7px auto;
	}

#contact .detail dd {
	padding-left:14px;
	}

#contact iframe, #contact small {
	margin:14px auto;	
	}
	
#faq .list .answer {
	background:#ebeadd;
	border:1px solid #ccc;
	margin:0 0 0 14px;
	padding:7px 0 7px 7px;
	}

#media .detail img.float_r {
	float:right;
	margin-left:14px;
	margin-bottom:14px;
	}

#speech .detail h2 {
	padding:0;
	margin:7px auto;
	}

#speech .detail img.float_l {
	float:left;
	margin:0 14px 0 0;
	}

#speech .detail img.float_r {
	float:right;
	margin:0 0 0 14px;
	}

#speech .detail ol li {
	color:#777;
	list-style:decimal inside;
	}

#speech .detail ol li span {
	color:black;
	}

#speech .detail p {
	margin-bottom:14px;
	}

#speech .detail table td {
	color:#777;
	padding:5px;
	}

#speech form.reservation label {
	display:block;
	padding-top:14px;
	}

#speech form.reservation label.inline {
	display:inline;
	}

#speech form.reservation label.first {
	padding-top:0;
	}

#speech form.reservation fieldset {
	border:1px #777 dotted;
	color:#777;
	margin-top:28px;
	margin-bottom:14px;
	padding:14px;
	position:relative;
	}

#speech form.reservation legend span {
	background:white;
	color:#ff7300;
	position:absolute;
	top:-25px;left:-3px;
	}

#speech form.reservation .notice {
	color:red;
	}

#speech form.reservation span.astrid {
	color:red;
	padding-right:5px;
	}

#speech form.reservation input#zipcode {
	width:6em;
	}

#speech form.reservation input#street {
	width:380px;
	}

form.profile {
	width:495px;
	}	

.profileButton {
	background-color:#5ABEAC;
	border:6px solid white;
	float:left;
	height:68px;
	padding:8px;
	text-align:center;
	width:120px;
	}

.profileButton:hover {
	border:6px solid #777;
	}

.profileButton_first {
	background-color:white;
	border:6px solid white;
	float:left;
	height:68px;
	padding:8px;
	text-align:center;
	width:120px;
	}

.profileButton_first input {
	margin-top:20px;
	}

.Literacy {
	color:#7CC000;
	font-weight:bold;
	}

p.Literacy {
	position:absolute;
	left: 213px;
	top: 90px;
	}

.Social {
	color:#FFBD00;
	font-weight:bold;
	}

p.Social {
	position:absolute;
	left: 315px;
	top: 335px;
	}

.Attention {
	color:#5ABEAC;
	font-weight:bold;
	}

p.Attention {
	position:absolute;
	left: 107px;
	top: 335px;
	}

.Speech {
	color:#FF3EB6;
	font-weight:bold;
	}

p.Speech {
	position:absolute;
	left: 365px;
	top: 180px;
	}

.Coordination {
	color:#5C0A5D;
	font-weight:bold;
	}

p.Coordination {
	position:absolute;
	left: 30px;
	top: 180px;
	}

p.note {
	margin:14px 0;
	color:#ff7300;
	}

.entry {
	margin:14px;
	padding:14px;
	}

#assessment .entry h1 {
	color:white;
	padding-top:0;
	}

.entry p {
	color:white;
	}

.entry p.notice {
	color:#FC0;
	padding:0 20px;
	}

.entry p.desc {
	padding:20px;
	}

.entry input {
	margin-left:20px;
	}

div.Attention {
	background:#5ABEAC;
	}

div.Literacy {
	background:#7CC000;
	}

div.Coordination {
	background:#5C0A5D;
	}

ul.googleChart_legend {
	position:absolute;
		top:90px;
		left:40px;
	}

div.detail ul.refer {
	color:#777;
	list-style:none;
	}

ul.refer li a {
	color:#4f4f4f;
	font-weight:bold;
	}

ul.refer li img {border:0;}

ul.flow_steps li {
	background:url(/how/images/flow_frame.gif) no-repeat;
	font:normal normal 24px/1 "微軟正黑體", "蘋果儷中黑", "新細明體", Arial, Helvetica;
	list-style:none;
	margin-bottom:10px;
	padding:20px 10px 10px;
	width:319px;height:34px;
	}

ul.flow_steps li a {
	color:#333;
	font-weight:normal;
	text-decoration:none;
	}

ul.flow_steps li a:hover {
	color:#ff7300;
	text-decoration:none;
	}

ul.flow_steps li.flow_step2 {margin-left:20px;}

ul.flow_steps li.flow_step3 {margin-left:40px;}

ul.flow_steps li.flow_step4 {margin-left:60px;}

ul.flow_steps li.flow_step5 {margin-left:80px;}

ul.flow_steps span.flow_number {
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	padding-right:5px;
	position:relative;
		top:-1px;
	}

ul.flow_steps span.flow_arrow {
	background:url(/how/images/arrow.gif) no-repeat;
	display:block;
	position:relative;
		right:-280px;
	width:53px;height:45px;
	filter:alpha(opacity=50);
	opacity:.5;
	}

li.dark {
	background:url(/learning-difficulties/images/keyDark.png) no-repeat 0 50%;
	list-style:none;
	padding-left:25px;
	}

li.light {
	background:url(/learning-difficulties/images/keyLight.png) no-repeat 0 50%;
	list-style:none;
	padding-left:25px;
	}

#googleChart {
	border:0;
	margin-top:14px;
	}

#assessment div.detail a {
	color:#ff7300;
	font-weight:bold;
	}

#assessment fieldset {
	border:1px solid #ff7300;
	margin:14px 0;
	padding:10px 14px 14px;
	}

#assessment legend {
	color:#ff7300;
	font-size:16px;
	font-weight:bold;
	padding:0 5px;
	}

#assessment div.detail ul.legend {
	color:#777;
	margin:14px 0 0 30px;
	}

#assessment div.detail ul.legend span {
	color:#000;
	}

#assessment form p.situation {
	background:#ff7300;
	color:white;
	font-weight:bold;
	font-size:1.2em;
	margin-bottom:14px;
	padding:5px 0px 5px 10px;
	}

#assessment form ol {
	list-style-type:decimal;
	list-style-position:inside;
	}

#assessment form ol li {
	color:#777;
	margin:10px 0;
	}

#assessment form ol li span {
	color:black;
	}

#assessment form ol input {
	margin-left:16px;
	}

#assessment p.result {
	color:#ff7300;
	font-size:1.2em;
	margin:30px;
	}

#assessment ul.result {
	color:#777;
	margin:30px;
	}

#assessment ul.result li {
	margin-bottom:14px;
	}

#assessment ul.result span {
	color:red;
	font-weight:bold;
	}

#assessment ul.result li.result_cat {
	color:#ff7300;
	font-weight:bold;
	margin-bottom:0;
	}

#assessment form.result li span {
	padding-right:14px;
	}

#tabs p,
#tabs li {
	font-size:13px;
	}

#tabs ul.tabsContent {
	margin:.5em 2em;
	}

#tabs h2 {
	border-bottom:2px #ff7300 dotted;
	color:#ff7300;
	margin:.5em 0 1em;
	text-align:center;
	}

#tabs div.tabsContent {
	float:left;
	margin-left:1em;
	width:200px;
	}

#tabs div.tabsContent span {
	background:#777;
	color:white;
	display:block;
	font-size:13px;
	font-weight:bold;
	padding:3px;
	text-align:center;
	}

#tabs div.tabsImage {
	text-align:center;
	width:100%;
	}

#tabs div.tabsImage img {
	border:0;
	}

span.caseFilter {
	display:block;
	margin:0 0 7px 5px;
	}

span.percent {
	background:#396;
	color:red;
	display:block;
	font:bold normal 1em/1 Arial, Helvetica, sans-serif;
	text-align:right;
	vertical-align:bottom;
	height:14px;
	}

span.percent span {
	position:relative;
	right:-2em;
	}

table.result {
	color:#777;
	table-layout:fixed;
	width:100%;
	}

table.result th {
	border-bottom:1px #ff7300 dashed;
	color:#ff7300;
	padding:5px;
	}

table.result td {
	padding:5px;
	}

table.result th.effectiveItem {
	width:30%;
	}

table.result th.assessmentSympton {
	width:70%;
	}

table.result th.assessmentPercent {
	text-align:left;
	}

/*
table.effective {
	color:#777;
	margin-top:14px;
	width:100%;
	}

table.effective th {
	border-bottom:1px solid #ff7300;
	color:#ff7300;
	padding:5px;
	}

table.effective tr td:first-child {
	width:100px;
	}

table.effective tr td:first-child+td {
	background:#ff7300;
	}

table.effective tr td:first-child+td {
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	}

table.effective td {
	padding:5px;
	}
*/
#cse-search-results iframe {
	width:733px;
	}

.sitemap {
	border:dotted;
	border-width:0 0 1px 0;
	color:white;
	height:215px;
	margin:12px 0 0 14px;
	}

.sitemap a {color:white;}

.sitemap ul {
	float:left;
	margin-right:93px;
	}

.sitemap ul.right_last {margin-right:0;}

.sitemap .cat_title {
	background:url(/images/icon_list.gif) no-repeat 0 4px;
	padding-bottom:6px;
	padding-left:12px;
	}


/*****Footer*****/

.footer {
	padding:2em;
	text-align:center;
	}

.footer .validator {
	margin:12px 6px;
	}

.footer p {color:white;}

#more a {
	color:#333;
	font-weight:normal;
	}

#_Etc {}