@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Lato:400,100,100italic,300,300italic,400italic,700,700italic,900,900italic);
html { font-size:62.5%;}
body {  direction: ltr; font-size: 1em; font-family: 'Lato', Helvetica, Arial, "Heiti TC", "微軟正黑體","Microsoft JhengHei", sans-serif; padding: 0; margin:0; -webkit-text-size-adjust:none; word-wrap:break-word;}
form, input, select, textarea{margin:0; padding:0; font-family:"Source Sans Pro"; color:#343434;}
textarea, input{ font-size:1em}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{ display:block;}
aside, blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
img{ border:0; -ms-interpolation-mode: bicubic; display: block;}
aside, figure, figcaption, p, ul, ol, li, h1, h2, h3, h4, h5, h6{ margin:0; padding:0}
a{ text-decoration:none; color:#090909;}
table{ border:1px solid #000; border-spacing:0px;}
br {letter-spacing:normal;}

body{ background:url(../images/home/banner.png) center top no-repeat; background-size:2560px auto;}
#btn-home{ display:block; position:absolute; width:68px; height:18px; top:13px; left:50%; margin-left:-493px;}
#btn-fb{ display:block; position:absolute; width:135px; height:27px; top:286px; left:50%; margin-left:390px;}
#btn-ig{ display:block; position:absolute; width:122px; height:32px; top:320px; left:50%; margin-left:389px;}
#banner{ height:385px;}
#content{ width:980px; margin:0 auto; position:relative;}

#banner2{ position:absolute; left:-9.6%; width:7.6%; top:5px;}

#menu{ width:230px; display:inline-block; vertical-align:top; margin-right:5px;}
#menu li{ list-style:none; border-bottom:1px dashed #d3d5d5; padding:7px 0;}

#main{ width:550px; display:inline-block; vertical-align:top; border:1px dashed #d3d5d5; border-bottom:0; position:relative; min-height:3600px;}
#main article{ margin:0 22px; border-bottom:1px dashed #d3d5d5; padding-bottom:0.9em;}
#main article.last{ border-bottom:0;}
#main article h1{ font-size:2.2em; line-height:1.3em; font-weight:normal; color:#00A8E3; padding:1.35em 0 0;}
#main article h1.no-h2{ padding-bottom:1em;}
#main article h2{ font-size:2.2em; line-height:1.3em; font-weight:normal; color:#DE9B3A; padding-bottom:1em;}
#main article p{ font-size:1.8em; line-height:1.5em; padding-bottom:1.5em; word-spacing:1px; text-align:justify; }
#main .foot{ font-size:1em; color:#808285; text-align:right; position:absolute; bottom:15px; right:22px;}
#main article ul{ padding:0 0 1.8em 1.8em;}
#main article ol{ padding-left:1em;}
#main article ul li{ font-size:1.8em; line-height:1.5em;}
#main article li ul{ list-style:disc; padding:0 0 1.5em 1.5em;}
#main article li ul li{ font-size:1em; line-height:1.5em;}
#main article h3{ font-size:1.8em; line-height:1.5em; text-decoration:underline; color:#DE9B3A;}
#main article p .seperate{ width:155px; display:inline-block; vertical-align:top; font-size:1em; line-height:1.385em;}
#main article p .seperate2{ width:347px; display:inline-block; vertical-align:top; font-size:1em; line-height:1.385em;}
#main article p .seperate3{ width:477px; display:inline-block; vertical-align:top; font-size:1em; line-height:1.385em;}
#main article p .seperate4{ width:200px; display:inline-block; vertical-align:top; font-size:1em; line-height:1.385em;}
#main article a{color:#00A8E3;}
#main article a:hover{text-decoration:underline;}
#main article .seperate{ width:185px; display:inline-block; vertical-align:top; font-size:1.8em; line-height:1.5em;}
#main article .seperate2{ width:517px; display:inline-block; vertical-align:top; font-size:1.8em; line-height:1.5em;}
#main article .seperate3{ width:317px; display:inline-block; vertical-align:top; font-size:1.8em; line-height:1.5em;}
#main article .seperate4{ width:200px; display:inline-block; vertical-align:top; font-size:1.8em; line-height:1.5em;}
#main article ul.seperate-ul{ padding:0 0 0 148px;}


#sponsor{ width:180px; display:inline-block; vertical-align:top; margin-left:5px;}
#sponsor img{ width:185px!important;}
#foot{ background:#00A8E3; height:13px; width:100%; background-size:auto 100%;}
#menu li .sub-menu { padding:1em 0}
#menu li .sub-menu li a{ font-size:1.2em; padding:0 0 0 57px;}
#menu li .sub-menu li a:hover{ color:#00A8E3;}
#menu li .sub-menu li { border:0;}

table{ margin:5px 0;font-size:1.4em; line-height:1.5em;}
table th{ background:#1C75B9; color:#fff; padding:2px 4px;}
table, td{border:1px solid #d3d5d5; border-collapse:collapse;}
td{ padding:3px 6px;}

.sel-sub a{color:#1C75B9;}