@charset "utf-8";
/* CSS Document */

.tabbolck { line-height: 1.5em; position: relative; padding: 0px 0 0; margin: 20px 0 0; font-size: 1.25em; }
.tabbolck ul { float: none; }
.tabbolck .tabs { position: absolute; min-width: 20%; text-align: center; top: 0; z-index: 1; font-size: 1em; }
.tabbolck .tabs a { display: block; color: #333; width: 100%; text-align: center !important; white-space: nowrap; background: #ecf2cc; padding: 10px 5px; height: 40px; border-top: 1px solid #dbe2b3; border-right: 1px solid #dbe2b3; border-bottom: 0px solid #dbe2b3; border-left: 1px solid #dbe2b3; border-radius: 5px 5px 0 0; }
.tabbolck .tabs a:hover { background: #ac8724; color: #FFF; text-decoration: none; white-space: nowrap; display: block; text-align: center; }
.tabbolck .tabs.active, .tabbolck .tabs.focus { display: block; color: #FFF; font-size: 1.1em; border-radius: 5px 5px 0 0; border: 0px solid #99771b; border-bottom: none; cursor: default; text-align: center; background: #ac8724 !important; }
.tabbolck .tabs.active a { background: #ac8724 !important; color: #FFF; text-decoration: none; }
.tabbolck .tabs.active a:hover { background-color: transparent; }
.tabbolck .tabs.tabs1 { /*tab 數量設定*/ left: 0; }
.tabbolck .tabs.tabs2 { left: 20%; }
.tabbolck .tabs.tabs3 { left: 40%; }
.tabbolck .tabs.tabs4 { left: 60%; }
.tabbolck .tabs.tabs5 { left: 80%; }
.tabbolck .tab_container { position: relative; width: 100%; padding-top: 40px; /*tab 內容預留高度*/ }
.tabbolck .tab_container .glyphicon-chevron-right { color: #FFF; background: #ff9900; font-size: 0.75em; line-height: normal; padding: 2px 7px 2px 10px; border-radius: 3px; margin-bottom: 10px; }
.tabbolck .tab_container .glyphicon-chevron-right:hover { background: #ac8724; }
.tabbolck .tab_container .glyphicon-chevron-right:before { content: ""; }
.tabbolck .tab_container .glyphicon-chevron-right:after { content: "\e080"; }
.tabbolck .tab_container .linkblock { margin: 20px auto; }
.tabbolck .tab_container .linkblock a { }
.list1 { margin: 0px; padding: 5px 15px 10px; border-top: 1px solid #999; }
.list1 ul { margin: 0px; padding: 0px; font-size: 1.15em; line-height: 150%; }
.list1 ul > li { margin: 0px; padding: 8px 0px 8px 5px; position: relative; list-style: none; border-bottom: 1px dotted #aaa; }
.list1 ul > li .meta { position: absolute; color: #b28026; }
.list1 ul > li a { margin-left: 6em; display: block; color: #444; }
.list1 ul > li a:hover { color: #F60; }
@media (min-width: 240px) and (max-width: 767px) {
.tabbolck { padding: 145px 0 0; }
.tabbolck .tabs { width: 50%; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-radius: 5px; background-color: #ddd; }
.tabbolck .tab_container { position: relative; width: 100%; padding-top: 0px; /*tab 內容預留高度*/ }
.tabbolck .tabs.active { background-color: #337ab7; border: none; border-right: 1px solid #fff; border-bottom: 1px solid #fff; border-radius: 5px; }
.tabbolck .tabs.active a { color: #fff; }
.tabbolck .tabs a { color: #666; }
.tabbolck .tabs a:hover { border-radius: 5px; }
.tabbolck .tabs.tabs1 { /*RWD 平分成二個tab置位設定*/ left: 0; }
.tabbolck .tabs.tabs2 { left: 50%; }
.tabbolck .tabs.tabs3 { top: 50px; left: 0; }
.tabbolck .tabs.tabs4 { top: 50px; left: 50%; }
.tabbolck .tabs.tabs5 { top: 100px; left: 0%; }
.tabbolck .tab_container .icon_area ul li { width: 50%; }
.tabbolck .tab_container .glyphicon-chevron-right { margin-bottom: 30px; }
}