@import url("includes-js/slick.css");
@import url("includes-js/slick-theme.css");

/* ================================== Basic ================================== */
body {font: 16px/24px Heiti TC, "微軟正黑體", "メイリオ", Microsoft JhengHei, Helvetica, Arial, sans-serif;color: #333;background:url(images/bg.jpg) no-repeat top center fixed;background-size: cover;-moz-background-size: cover;-webkit-background-size: cover;}
/* 主外框架 */
.outWrap{min-width: 1280px;margin: 0;padding: 0px;}
/* 基本標籤處理 */ 
a:link, a:visited {color: #333;text-decoration: none;}
a:hover {color: #FC0;}
a:active {color: #666;}
p{line-height:27px;text-align: justify;text-justify:inter-ideograph;}
.inner-wrap {width: 1280px;margin: 0 auto;}

/* ================================== Header ================================== */
#Head{position: relative;width: 1280px;margin: 0 auto;padding: 0px;z-index: 9999;}
#HeadOut {overflow: hidden;height: 130px;}
/* Logo */
#Logo .topLogo img {background:none;z-index: 10000;}
/* 自訂頁首浮動廣告圖 */
#banner {}

/* 上方Icon */
.TopIcon {position: relative;top: 10px;padding: 0;margin: 0;text-align: right;}
.TopIcon .icon_s {display: inline-block;padding: 0px 10px 0px 0px;margin: 0;float:right;}
.TopIcon ul {list-style-type: none;padding: 0;margin: 0;}
.TopIcon ul li {display: inline-block;margin: 0px 2px;padding: 0;}
.TopIcon ul li a {font-size: 1.05em;-webkit-transition: opacity 0.5s;transition: opacity 0.5s;padding: 0;margin: 0;}
.TopIcon ul li a > i {color: #FFF;background: rgba(51,51,51,0.25);border-radius: 99em;width: 25px;height: 25px;text-align: center;line-height: 25px;}
.TopIcon ul li a:hover {opacity: 0.65;}
/* 上方Searching jQuery */
.sb-search {position: relative;width: 0%;min-width: 30px;height: 30px;display: inline-block;overflow: hidden;-webkit-transition: width 0.3s;-moz-transition: width 0.3s;transition: width 0.3s;-webkit-backface-visibility: hidden;margin-right: 6px;}
.sb-search-input {position: absolute;top: 0;right: 0;border: none;outline: none;background: rgba(255,255,255,0.5);width: 170px;height: 30px;margin: 0;z-index: 10;padding: 0px 0px 0px 10px;margin-right: 30px;font-family: inherit;color: #333;box-shadow: inset 0px 0px 2px rgba(0,0,0,0.25);}
.sb-search-input::-webkit-input-placeholder {color: #999;font-size: 1.05em;}
.sb-search-input:-moz-placeholder {color: #999;font-size: 1.05em;}
.sb-search-input::-moz-placeholder {color: #999;font-size: 1.05em;}
.sb-search-input:-ms-input-placeholder {color: #999;font-size: 1.05em;}
.sb-icon-search,.sb-search-submit {width: 25px;height: 25px;display: block;position: absolute;right: 0;top: 0;padding: 0;margin: 2px 0px 3px 0px;line-height: 22px;text-align: center;cursor: pointer;border-radius: 99em;}
.sb-search-submit {background: rgba(51,51,51,0.25); /* IE needs this */-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */filter: alpha(opacity=0); /* IE 5-7 */opacity: 0;color: transparent;border: none;outline: none;z-index: -1;}
.sb-icon-search {color: #FFF;background: rgba(51,51,51,0.25);z-index: 10;font-family: FontAwesome;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;-webkit-font-smoothing: antialiased;}
.sb-icon-search:before {content: "\f002";font-family: FontAwesome;font-style: normal;font-weight: normal;font-size: 13px;}
/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {width: 221px;}
.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {background: #2d4f74;color: #FFF;z-index: 11;}
.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {z-index: 90;}


/* 系統上方選單列新版(topmenu_new) */
.TopMenuNew {z-index: 9999;}
.TopMenuNew ul {display: inline-block;margin: 0;padding: 0;list-style: none;}
.TopMenuNew ul li {float: left;position: relative;white-space: nowrap;}
.TopMenuNew ul > li {-webkit-transition: opacity 0.8s;transition: opacity 0.8s;}
.TopMenuNew ul li a {color: #666;font-size: 1.105em;font-weight: bold;display: block;height: 50px;padding: 0px 25px;line-height: 50px;text-align: center;}
.TopMenuNew a:hover {-webkit-transition: opacity 0.8s;transition: opacity 0.8s;}
/* 系統上方選單列 - 子選單 */
.TopMenuNew ul ul {position: absolute;top: 100%;width: 250px;margin: 0;padding: 0px;list-style: none;left: -9999px;}
.TopMenuNew ul ul li {float: none;overflow:hidden;max-height:0;-webkit-transition:max-height 500ms ease;-moz-transition:max-height 500ms ease;-o-transition:max-height 500ms ease;transition:max-height 500ms ease;}
.TopMenuNew ul ul li > a{color: #FFF;font-weight: normal;font-size: 15px;height: 36px;line-height: 36px;text-align: left;padding: 0px 0px 0px 28px;}
.TopMenuNew ul ul li > a:before{content:"\f142";font-family: FontAwesome;font-style: normal;font-weight: normal;padding-right: 8px;}
.TopMenuNew ul ul li > a:hover {color: #FC0;background: none;box-shadow: none;}
.TopMenuNew ul li:hover > a {background: rgba(102,102,102,0.75);color: #FFF;}
.TopMenuNew ul li:hover > ul {display: block;opacity: 1;-webkit-transition: opacity 0.8s;transition: opacity 0.8s;left: 0px;padding: 0px;}
.TopMenuNew ul li:last-of-type:hover > ul{right: 0px;left: auto;width: 155px;}
.TopMenuNew ul li:hover > ul li{background: rgba(102,102,102,0.75);max-height:150px;border-bottom: 1px rgba(255,255,255,.15) solid;}
.TopMenuNew ul li:hover > ul li:last-child{border-bottom: none;}
/*Language dropdown icon*/
.TopMenuNew ul li.mid-7 a:after {content:"\f0dd";font-size: 18px;vertical-align:top;font-family: FontAwesome;font-style: normal;font-weight: normal;padding-left: 10px;}
.TopMenuNew ul li.mid-7 > ul li a:after {content:"";}

/* 系統上方選單列初始版(topmenu_default) */
.TopMenu{display: none;}
.TopMenu ul {}
.TopMenu li {}
.TopMenu a:link, .TopMenu a:visited {}
.TopMenu a:hover {}

/* 橫幅廣告區 */
#featured_div {position: relative;height: auto;max-height: 400px;margin: 0px;padding: 0px;overflow: hidden; box-shadow: 0px 5px 5px rgba(0,0,0,0.25);}
.slides {position: absolute;left: 0;}


/* ================================ Content ================================ */
/* 系統側邊選單列表(mainmenu) */
.MainMenu {position: relative;margin: 0px 15px 0px 10px;padding: 0px;}
.MainMenu ul {margin: 0;padding: 0;list-style-type: none;}
.MainMenu li {display: inline-block;margin: 0px 5px 7px 0px;}
.MainMenu li > a {display: block;padding: 3px 7px;background: #666;color: #FFF;border-radius: 3px;font-size: 14px;}
.MainMenu li > a:after {}
.MainMenu li > a:hover {background: #999;}
.MainMenu .sub_menu, .MainMenu .sub_menu_end {padding-left: 20px;background: url(../../images/system/li_sub_menu.gif) left center no-repeat;}
.MainMenu .sub_menu > a, .MainMenu .sub_menu_end > a {background: #FFF;color: #333;}
.MainMenu .sub_menu > a:after, .MainMenu .sub_menu_end > a:after{content:" "}
.MainMenu .sub_menu > a:hover, .MainMenu .sub_menu_end > a:hover {background: #FFF;color:#048c93;}
.MainMenu .sub_menu_end {background-image: url(../../images/system/li_sub_menu_end.gif);}

/* folat menu */
.FloatMenu {margin:5px;width: 100%;}
div.FloatMenu ul {margin:0px;padding:0px;list-style-type: none; }
.FloatMenu li{margin:5px 0px;padding:5px 10px 5px 18px;line-height:1.75em;background: #81c2c5;}
.FloatMenu li > a {color: #FFF;}
.FloatMenu li > a:hover {color: #FFC;}
.FloatMenu li:hover {background: #048c93;cursor:pointer;}
.FloatMenu .sub_menu_float{
	display: none;
	padding:5px;
	/*background:#fff;*/
	/*border:1px solid #666;*/
	margin:0px 0px 0px 18px;
}
.FloatMenu .has_child .sub_menu_float li{padding-left:0px;margin: 0px;background:none;}
.FloatMenu .has_child .sub_menu_float li a:before {content:"\f0da";font-family: FontAwesome;font-style: normal;font-weight: normal;font-size: 1.25em;padding-right: 5px;}
.FloatMenu .has_child {padding-left:0px;}
.menu_folder {margin:0px 4px 0px 0px;cursor:pointer;}

/* 主區塊內區 */
#Container {position: relative;margin: 0;padding: 20px 0px;overflow: hidden;text-align: left;}
#CenterBlock, #LeftBlock {overflow: hidden;word-wrap: break-word;}
#LeftBlock {width: 100%;}
.sectionLeft {overflow: hidden;}
#main_block {}
#CenterBlock {width: 100%;}
.sectionCenter {}
#RightBlock {display: none;}
.block {padding: 0px;margin: 0px 20px;}
/* 區塊內容 */
.blockContent {padding: 10px 0px;}
.left_b .blockContent {}
.center_b .blockContent {}
.right_b .blockContent {}
/* 頁面路徑連結 */
.SectionTitle {padding: 10px 20px 10px 0px;text-align: right;}
.SectionTitle a:link, .SectionTitle a:visited {}
.SectionTitle a:hover {}
/* 區塊抬頭名稱 */
.blockTitle {padding: 20px 0px 20px 0px;text-align: center;font-size: 1.5em;font-weight: bold;color: #666;}
.left_b .blockTitle {}
.center_b .blockTitle {}
.right_b .blockTitle {}

/* Content edit for personal on section=1 */
.intro-item {position: relative; display: block;margin: auto;padding: 90px 0px 120px 0px;width: 900px;height: 340px;overflow: hidden;text-align: center;}
.intro-item ul{list-style-type: none;padding: 0;margin: 0;}
.intro-item ul li{position: absolute;padding: 0;margin: 0;}
.intro-item ul li .font{position: relative;padding: 0;margin: 0;}
.intro-item ul li .font a > b {position: absolute;top: 60%;left: 50%;margin-left: -32px;color: #FFF;}
.intro-item ul li .font a:hover > b {position: absolute;top: 60%;left: 50%;margin-left: -32px;}
.intro-item ul li .font a:hover > img {opacity: 0.75;-webkit-transition: opacity 0.5s;transition: opacity 0.5s;}
/* hover color */
.intro-item ul li:nth-child(1) .font a:hover > b {color: #f99506;}
.intro-item ul li:nth-child(2) .font a:hover > b {color: #b2f504;}
.intro-item ul li:nth-child(3) .font a:hover > b {color: #fcde06;}
.intro-item ul li:nth-child(4) .font a:hover > b {color: #26a9e0;}
.intro-item ul li:nth-child(5) .font a:hover > b {color: #101ae4;}
.intro-item ul li:nth-child(6) .font a:hover > b {color: #a706f3;}
/* float XY */
.intro-item ul li:nth-child(1){left: 0;top: 100px;}
.intro-item ul li:nth-child(2){left: 180px;top: 190px;}
.intro-item ul li:nth-child(3){left: 360px;top: 100px;}
.intro-item ul li:nth-child(4){left: 360px;top: 295px;}
.intro-item ul li:nth-child(5){left: 540px;top: 190px;}
.intro-item ul li:nth-child(6){left: 720px;top: 295px;}
/* Content edit for personal --- end */

/* techBlock section=5 */
.techBlock {display: block;margin: 0;padding: 0;}
.techBlock .Img {position: relative;display: block;margin: 0px 0px 30px 0px;padding: 0;}
.techBlock .Img img {width: 100%;opacity: 0.75;transition: all 0.5s ease-in;}
.techBlock .Img p {height: 0px;line-height: 0px;position: absolute;left: 0%;bottom: 0;opacity: 0;transition: all 0.3s ease-out;overflow: hidden;width: 100%;padding: 0px;margin: 0px;text-align: center;color: #FFF;background: rgba(0,0,0,0.5);}
.techBlock .Img > i {position: absolute;right: -155px;bottom: 0px;opacity: 0;font-size: 30px;text-shadow: -1px 0 #333, 0 1px #333, 1px 0 #333, 0 -1px #333;color: #FFF;transition: all 0.5s ease-in;animation-delay: 1s;}
.techBlock .Img:hover > p {opacity: 1;height: 30px;line-height: 30px;}
.techBlock .Img:hover > img {opacity: 1;}
.techBlock .txt {padding: 0px 10px;line-height: 21px;}
.techBlock .Img:hover, .techBlock .txt:hover{cursor: default;}
.techBlock .Img:hover > i {opacity: 1;right: -185px;bottom: 0px;}
/* techBlock --- end */


.indent {padding-left: 20px;padding-top: 5px;}
.plus_html {margin: 5px 5px 5px 10px;clear: both;}
.show_sub ul {margin: 1px 10px 5px 15px;padding: 1px;}
.show_sub li {list-style-type: none;padding: 3px;margin: 2px 5px 2px 1px;}

/* =============================== Footer =============================== */
#Footer {position: relative;height: 180px;margin: 0px;background:url(images/footer_bg.jpg) no-repeat top left;overflow: hidden;background-size: cover;}
.FootMenu {display: block;height: auto; position:absolute;bottom:20px;right:20px;opacity: 1;}
.FootMenu ul {display: none;list-style-type: none;}
.FootMenu li {display: inline-block;}
.FootTitle {display: none;height: auto;}

/* footer內容資訊 */
.ft_copytight {display: block;padding: 20px 0px 20px 0px;}
.ft_copytight p{font-size: 18px;color: #FFF;text-align: center;}
.ft_left {width: 24%;float: left;display: inline-block;}
.ft_center, .ft_right {width: 38%;float: left;display: inline-block;font-size: 13px;text-align: left;}
.ft_left {padding: 0;margin: 0;text-align: left;vertical-align: middle;}
.ft_left a {padding-left: 40px;display: block;font-size: 12px;color: #999;}
.ft_left a:hover {text-decoration: underline;}
.ft_left a > img {border: 0; ounline: 0;opacity: 0.5;}
.ft_center {}
.ft_center ul {list-style-type: none;padding: 0;margin: 0;line-height: 18px;}
.ft_center ul li {color: #FFF;}
.ft_right {}
.ft_right ul {list-style-type: none;padding: 0;margin: 0;line-height: 18px;}
.ft_right ul li {color: #FFF;}
.ft_left ul li.com > a > i, .ft_center ul li.com > a > i, .ft_right ul li.com > a > i {font-size: 16px;color: #FFF;padding-right: 10px;margin-left: -18px;text-shadow: 1px 1px 2px #333;}

/* 置頂 */
#goTop {display: none;position: fixed;bottom: 2%;right: 2%;width: 40px;height: 60px;z-index: 10000;cursor: pointer;}
#goTop a > i {font-size: 2.5em;color: #FFF;font-weight: bold;line-height: 40px;width: 40px;background: rgba(255,204,0,0.75);text-align: center;}
#goTop a > i:hover {background: rgb(255,204,0);}