@charset "utf-8";
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub,  tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body {
    line-height: 1;
}
 ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}

body,html{margin:0;padding:0;line-height:140%;background:#ffffff;font-family:"新細明體",Arial,Helvetica,sans-serif; font-size: 17px;}

.blcok{display:block}
a{text-decoration:none;color:#005ea9}
a:hover{color:#fb9600}
a img{border:0}
#container{ width:980px; margin:0 auto;}
.abs{ position: absolute}



#header{ margin: 15px;padding:10px; border: 1px solid #333; font-size: 15px;}
#header span{ font-size: 15px;}
#header li{ line-height: 125%; }

ul { list-style:square; padding-left: 20px; margin-left:0px;}
ul li{ margin-bottom: 5px}
ol { padding-left: 40px; margin-left:20px;}
ol  li{ margin-bottom: 5px}
#header ul{ list-style:none;padding-left: 0px;}
.content{position: relative}
.main-content{ overflow: hidden;  width: 100%;}
.chop-img{ top: 120px; right: 30px}
.left{float:left; width:33.3%; }
.right{float:right;width:33.3%; }
.left ul{ padding-right: 15px; }
a.btnVideo{ display: block; clear: both;  text-decoration: underline; font-weight: bold}

h2{ font-weight: bold; font-size: 130%; color:#043D80 }
.remark span{ display:block;padding-left: 5px; font-size: 15px; padding-bottom: 5px;line-height: 125%}
.remark sup{ font-size: 15px; }
.remark{font-size: 15px; }
.footer-img{ float: right; margin-right: 40px; }
a.btnVideo, .main-content, .footer-img,h2,.title-img1,.title-img2{ margin-bottom: 15px;}
.main-img{ width: 100%}
.footer2-img{width:100%}
em.eng{ font-style:normal; font-family:arial}

/*
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 1280px) {
    #container{ width:100%;border:none; }
    .content{ padding:15px;}
    .left{float:none; width:100%;  }
    .right{float:none;width:100%;background: url(../../images/icon.png) no-repeat right bottom;background-size:30%;  }
    h2{ font-size: 17px; }
    body,html{line-height:140%; font-size: 17px;}
    #header li, .remark span{ line-height: 110%}
    .chop-img{ display: none}
    .left, .right,a.btnVideo, .main-content, .footer-img,h2,.title-img1,.title-img2{ margin-bottom: 15px;}
    a.btnVideo img, .title-img1,.title-img2{ width: 80%}
    .footer-img{ margin-right: 10px;width: 65%}
    #header, .remark p,.remark, .remark span, .remark sup{ font-size: 10px;max-height: 999999px;}
}
*/