@charset "utf-8";
/*CSS Info ======================================================================
File Name: Reset.css
Editor: Sophia
Last Editor: Sophia
CreateDate:2010/11/26
LastDate: 2012/06/21
Version: 2.0
---------------------------
【 Table of Contents 】
	Browser-CSS Reset
	清除各種瀏覽器預設值
	適用不套用 global.css 之空白頁面
	新增 HTML5 支援
=================================================================================*/

/*===============================================================================
                               Browser-CSS Reset
=================================================================================*/
* {
}

html {
	/*overflow-x:hidden;*/
	overflow-y: auto;
	/*scrollbar-face-color: #fff; 
	scrollbar-highlight-color: #fff; 
	scrollbar-shadow-color: #c2e2ff; 
	scrollbar-3dlight-color: #c2e2ff;
	scrollbar-darkshadow-color: #fff;
	scrollbar-arrow-color: #c2e2ff; 
	scrollbar-track-color: #fff;
	FILTER:Chroma(Color =  #fff);*/
}
html, body, div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, ul, ol, li, dl, dt, dd, blockquote, address, form, fieldset, frameset,
span, object, iframe,abbr, cite, code,del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,b, i,label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video
 {
	margin: 0;
	padding: 0;
	/*Old*/
	border: none;
	line-height:1.2em;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	list-style: none;
	/*New*/
	border: 0;
	outline:0;
	vertical-align:baseline;
    background:transparent;
}
body {
	font:16px/1 Arial, Helvetica, clean, Helmet, Freesans, sans-serif;
	*font-size:small;
	*font: x-small;
	/*New*/
	line-height:1;
}

body {}

a {
	text-decoration: none;
	color:#24a5d0;
}

a:hover {
	color: #ff9c00;
}

#Wrap {
	_overflow: visible;
	_height: 1px;
	zoom: 1;
}

#Wrap:after {
	content: ".";
	display: block;
	height: 1px;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
	margin: -1px 0 0 0;
}

h1, h2, h3, h4 {
	color:#515151;
	font-family:"微軟正黑體",Arial ;
}

h1 {
	font-size:2.25em;/*36*/
	text-align:center;
	font-weight:bold;
}

h2 {
	font-size:1.875em;/*30*/
	text-align:center;
}

h3 {
	font-size:1.625em;/*26*/
}

h4 {
	font-size:1.5em;/*24*/
	font-weight:bold;
}

h5 {
	font-size:1.25em;/*20*/
}

h6 {
	font-size:1.125em;/*18*/
}

.clearfix:before, .clearfix:after { content: "\0020"; display: block; height: 0; overflow: hidden; } 
.clearfix:after { /*修正Float 撐開 DIV*/
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

small {font-size: 85%;}
img {
	margin: 0;
	padding: 0;
	border: none;
	vertical-align: top;
}

/* disposal of IE6,7 */
div, p, a, ul, li {
	zoom: 1;
}
table, th, td {
	zoom: 1;
	margin-top: 0px;
}
table {
	font-size:inherit;
	font:100%;
	border-collapse: collapse;
	border-spacing:0;
}
/*th { vertical-align: bottom;}*/
td {font-weight: normal; }
strong, th {font-weight: bold;}
/*td, td img {vertical-align: top;}*/ 
pre, code, kbd, samp, tt {
	font-family:monspace, sans-serif;
 	*font-size:100%;
	line-height:100%;
}

/*--HTML5---*/
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { 
    display:block;
}
nav ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
a:hover, a:active {outline: none;}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted #000;
    cursor:help;
}
/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}
pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}
input[type="radio"] {vertical-align: text-bottom;}
input[type="checkbox"] {vertical-align: bottom; *vertical-align: baseline;}
input {_vertical-align: text-bottom;}
select, input, textarea {font: 99% sans-serif;}

sub, sup {font-size: 75%; line-height: 0; position: relative;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}


/* Responsive images and other embedded objects
   Note:keeping IMG here will cause problems if you're using foreground images as sprites.
        (保留 IMG 會造成前台 API 問題)(影響圖台展示)
        img,object,embed {max-width: 100%;}
*/
object,embed {max-width: 100%;}

/* hand cursor on clickable elements */
label, input[type=button], input[type=submit], button {cursor: pointer;}

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea {margin: 0;}

/* make buttons play nice in IE */
button {width: auto; overflow: visible;}

 
/* scale images in IE7 more attractively */
img {*-ms-interpolation-mode: bicubic;}

/* prevent BG image flicker upon hover */
 html {_filter: expression(document.execCommand("BackgroundImageCache", false, true));}
 
 /* IE9 下拉選單間距問題修正 */
select option{
	 color:#222222\9\0;
	 line-hight: 0\9\0;
/*	 padding-bottom:80\9\0;
*/	 }
 
 /* Print styles!
-------------------------------------------------------------------------------*/
@media print {

}
/* Media queries!
-------------------------------------------------------------------------------*/
@media screen and (max-device-width: 480px) {	
		
}
@media all and (orientation: portrait) {
	
}
@media all and (orientation: landscape) {
	
}