/* CSS Document */
@import url(font-awesome/css/font-awesome.min.css);

body {	-webkit-text-size-adjust:100%; margin:0; text-align:center; font-family: '微軟正黑體', sans-serif;}
img {	border:0; }

/* Reset ================================================================================= */

a { text-decoration:none; 
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s; }
a:hover { text-decoration:none; }

* { margin:0; padding:0; list-style:none;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */}

h1{ color: #203A78; margin: 0 0 10px 0; position: relative; line-height: 40px; }
h2{ color: #ef7b00; margin: 10px 0; position: relative; }
h3{ color: #355A88; position: relative; margin: 10px 0; }
h4{ color: #28ABE3; position: relative; margin: 10px 0; font-size: 18px; }
h1:before{ content: url('../images/icon/icon-crown.png'); }/*預設*/
h2:before{ content: url('../images/icon/icon-book.png'); }/*預設*/
h3:before{ content: url('../images/icon/icon-arrow.png'); }/*預設*/
h4:before{ content: url('../images/icon/icon-tick.png'); }/*預設*/

.content-Box { width:100%; margin:0 auto; text-align:left; position:relative; clear:both;}

.after-0:after { clear:both; display:block; content:""; height:0; text-indent:-99999px;}
.after-5:after { clear:both; display:block; content:""; height:5px; text-indent:-99999px;}
.after-10:after { clear:both; display:block; content:""; height:10px; text-indent:-99999px;}
.after-15:after { clear:both; display:block; content:""; height:15px; text-indent:-99999px;}
.after-20:after { clear:both; display:block; content:""; height:20px; text-indent:-99999px;}


#content {padding: 64px 0 72px 0;}
.banner { line-height:0; margin-bottom: 2px;}
.banner img { width:100%; max-width: 414px;}
.banner .owl-pagination { display:none;}
.banner .owl-prev { position:absolute; z-index:100; left:0px; top:calc(50% - 10px); background:none !important;}
.banner .owl-prev:before { font-family:'FontAwesome'; font-size:50px; content:"\f104";}
.banner .owl-next { position:absolute; z-index:100; right:0px; top:calc(50% - 10px); background:none !important;}
.banner .owl-next:before { font-family:'FontAwesome'; font-size:50px; content:"\f105";}
.banner .owl-controls { margin-top:0 !important;}

.idx-ad {line-height: 0; margin-bottom: 2px;}
.main-content {padding: 10px 20px 0 20px}

#idx_top_banner { margin-bottom: 10px;}
.marquee { display: block; font-size: 13px;}
.marquee_banner { padding: 1.5px 5px; white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}
.marquee_banner:nth-child(odd) a, .marquee_banner:nth-child(odd) { color:#F00;}
.marquee_banner:nth-child(even) a, .marquee_banner:nth-child(even) { color: #000;}

.title01 {display: flex; flex-direction: row; flex-wrap: nowrap; align-items: center; border-bottom: 2px solid #AD6D25;}
.title01-type4 { border-color: #C73939;}
.title01-type5 { border-color: #442D21;}
.title01-type6 { border-color: #2885A5;}
.title01 > div:first-child { line-height: 0;}
.title01 > div:last-child { font-size: 20px; color: #AD6D25; font-weight: bold; letter-spacing: 1px;}
.title01-type4 > div:last-child{ color: #C73939 ;}
.title01-type5 > div:last-child{ color: #442D21 ;}
.title01-type6 > div:last-child{ color: #2885A5 ;}

.video {margin: 9px 0 13px 0;}
.video iframe {border-width:0; width:100%; max-width:338px; height: 275px;}

.list-box { margin-bottom: 0px; background: linear-gradient(0deg, #fff 0%, #e6e6e6 60%); padding: 15px;}
.list-box > a {display: block; padding-left: 15px; padding-bottom: 5px; background:url(../images/arrow-1.png) no-repeat 0px 4px; color: #263249; font-size: 16px; text-align: left;}
.list-box6 {background:none;}
.list-box4 > a {background:url(../images/arrow-4.png) no-repeat 0px 4px; font-size: 15px;}
.list-box6 > a {background:url(../images/arrow-6.png) no-repeat 0px 4px; font-size: 15px;}
.list-box > a img {display: inline-block; vertical-align: middle; margin-left: 6px;}
.list-box > a:hover { color: #ad6d25;}
.btn-more {text-align: right;}
.btn-more a {display: inline-block; border-radius: 8px; width: 50px; height: 16px; text-align: center; background: #AD6D25; color: #fff; font-size:12px; line-height: 14px;}
.btn-more a:hover { background: #000;}
.btn-more-type4 a { background: #C73939;}
.btn-more-type6 a { background: #2885A5;}

.idx-news-box {margin:10px 0 0 0; text-align: left;}
.idx-news-content {background:#cae2ee; margin-bottom: 20px; }

.idx-paper {display: flex; flex-direction: row; flex-wrap: wrap; padding: 0px 0 0 0;}
.idx-paper > div { width: 25%; padding: 0 2px 5px 2px; text-align: center;transition: all 0.2s ease-out 0s;}
.idx-paper > div:hover {opacity: 0.6;}
.idx-paper > div span { font-size: 15px; color: #263249; display: block; padding-top: 0px;}