﻿@charset "utf-8";
/*CSS Info ======================================================================
File Name: Reset.css
Editor: Sophia
Last Editor: Sophia
CreateDate:2010/11/26
LastDate: 2018/08/15
Version: 3.1
---------------------------
【 Table of Contents 】
	Browser-CSS Reset
	清除各種瀏覽器預設值
	適用不套用 global.css 之空白頁面
	新增 HTML5 支援，多裝置平台
    Responsive Design
=================================================================================*/

/*===============================================================================
                               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,main, 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;
}

/* Basic
------------------------------------------------------------------------------- */
body {
	font:16px/1 "\5FAE\8EDF\6B63\9ED1\9AD4",Arial, Helvetica, clean, Helmet, Freesans, sans-serif;    /*原本13px/1.231，RDW建議14px/21px*/
	*font-size:small;
	*font: x-small;
	/*New*/
	line-height:1;
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
	-webkit-text-size-adjust: 100%;
}

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,main,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;/*z-index:-1;*/}
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;*/
}
 
/* remember to define focus styles! */
:focus { outline: 0;}


 
 /* Print styles!
-------------------------------------------------------------------------------*/
@media print {

}
/* Media queries!
-------------------------------------------------------------------------------*/
@media screen and (max-device-width: 480px) {	
		
}
@media all and (orientation: portrait) {
	
}
@media all and (orientation: landscape) {
	
}


