@charset "utf-8";

ul, ol, li{
    padding:0px;
    margin:0px;
    list-style:none;
}


html {
	width: 100%;
	background: url(../Content/images/SkyBG_06.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
    font-family: 微軟正黑體, 'Microsoft JhengHei', sans-serif !important;
}

html a{
    font-family: 微軟正黑體, 'Microsoft JhengHei', sans-serif !important;
}

body {
    padding-top:0px !important;
	width: 100%;
	background: none;
    font-size:13px;
}

.mainBody {
	max-width: 1366px;
	margin-left: auto;
	margin-right: auto;
}

header {
  position:relative;
  overflow:hidden;
  background: none;
}

header ul {
  margin-top:15px;
  padding: 0px;
  float: right;
}

.skyBG {
	width: 100%;
}

.Logo {
	margin-top: 15px;
}

header ul{
	width: 300px;
}

header li{
	float: right;
	display: inline;
}

header a {
	color: #ffffff;
	text-decoration: none;
}

header a:hover {
	color: #ffffff;
	text-decoration: none;
}

header #Recruit,#Location {
	width: 95px;
}

header #Home {
	width: 80px;
}

header #btn_recruit,#btn_location,#btn_home {
	height: 18px;
}

header #btn_recruit,#btn_location,#btn_home {
	width: 100%;
}

header #btn_recruit {
	background: url(../Content/images/Icon_Recruit_02.png) no-repeat;
    margin-left:5px;
}

header #btn_recruit:hover {
	background: url(../Content/images/Icon_Recruit_02_Mov.png) no-repeat;
}

header #btn_location{
	border-right: 1px #ffffff solid;
	background: url(../Content/images/Icon_Location_02.png) no-repeat;
}

header #btn_location:hover{
	border-right: 1px #ffffff solid;
	background: url(../Content/images/Icon_Location_02_Mov.png) no-repeat;
}

header #btn_home{
	border-right: 1px #ffffff solid;
	background: url(../Content/images/Icon_Home_02.png) no-repeat;
}

header #btn_home:hover{
	border-right: 1px #ffffff solid;
	background: url(../Content/images/Icon_Home_02_Mov.png) no-repeat;
}

.topMenu {
	text-align: center;
	color: #fff;
	font-size: 120%;
	letter-spacing: 2px;
	margin-bottom: 20px;
}

.gap_line {
	border-right: 1px #fff solid;	
}

.topMenu a {
	color: #fff;
	text-shadow: 1px 1px 2px #333;
	text-decoration: none;
}

.topMenu a:hover {
	font-weight: bold;
	/*
	color: #c83939;
	*/
	color: #fd0;
}

.LoginPanel {
	height: 290px;
	padding: 0px;
	border-top: 2px #fff solid;
	border-right: 2px #fff solid;
	  -webkit-border-radius: 8px;
	  -moz-border-radius: 8px;
	  border-radius: 8px;
}

.LoginHeader {
	width: 100%;
	position: absolute;
}

.LoginBoard {
	width: 250px;
	height: 250px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	/*
	  background: rgba(255, 255, 255, 0.6);
	  -webkit-border-radius: 8px;
	  -moz-border-radius: 8px;
	  border-radius: 8px;
	  -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.5);
	  -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.5);
	  -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.5);
	  */
}

.LoginFields {
	width: 95%;
	padding-top:20px;
	margin-left: auto;
	margin-right: auto;
    font-family: 微軟正黑體, 'Microsoft JhengHei', sans-serif !important;
    font-size:14px;
}

.LoginInpute {
	width: 120px;
	height: 24px;
}

.LoginFields input {
	margin-top: 3px;
    padding:0 4px 0 4px;
}

.LoginField_Odd, .LoginField_Even {
	height: 36px;
	line-height: 36px;
	float: left;
}

.LoginField_Odd {
    letter-spacing: 1px;
	width: 40%;
	color: #fff;
	text-align: right;
	text-shadow: 1px 1px 2px #333;
    font-weight:bold;
}

.LoginField_Even {
	width: 60%;
}

.LoginButtonBoard{
	margin-top: 10px;
}

.LoginButtonBoard a {
	color: #fff;
	text-decoration: none;
}

.LoginButton {
	width: 250px;
	height:30px;
	font-size: 16px;
	font-weight: bold;
	margin-left: auto;
	margin-right: auto;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 2%, #7db9e8 9%, #2989d8 48%, #207cca 51%, #207cca 51%, #1e5799 91%, #003977 98%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#ffffff), color-stop(9%,#7db9e8), color-stop(48%,#2989d8), color-stop(51%,#207cca), color-stop(51%,#207cca), color-stop(91%,#1e5799), color-stop(98%,#003977)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 2%,#7db9e8 9%,#2989d8 48%,#207cca 51%,#207cca 51%,#1e5799 91%,#003977 98%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 2%,#7db9e8 9%,#2989d8 48%,#207cca 51%,#207cca 51%,#1e5799 91%,#003977 98%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 2%,#7db9e8 9%,#2989d8 48%,#207cca 51%,#207cca 51%,#1e5799 91%,#003977 98%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 2%,#7db9e8 9%,#2989d8 48%,#207cca 51%,#207cca 51%,#1e5799 91%,#003977 98%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#003977',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	border: 1px #333 solid;
	text-shadow: 1px 1px 2px #333;
}

.LoginButton:hover {
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 2%, #faaa6c 9%, #f7750b 48%, #e36e07 51%, #e36e07 51%, #b26206 91%, #783e00 98%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,#ffffff), color-stop(9%,#faaa6c), color-stop(48%,#f7750b), color-stop(51%,#e36e07), color-stop(51%,#e36e07), color-stop(91%,#b26206), color-stop(98%,#783e00)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 2%,#faaa6c 9%,#f7750b 48%,#e36e07 51%,#e36e07 51%,#b26206 91%,#783e00 98%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 2%,#faaa6c 9%,#f7750b 48%,#e36e07 51%,#e36e07 51%,#b26206 91%,#783e00 98%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 2%,#faaa6c 9%,#f7750b 48%,#e36e07 51%,#e36e07 51%,#b26206 91%,#783e00 98%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 2%,#faaa6c 9%,#f7750b 48%,#e36e07 51%,#e36e07 51%,#b26206 91%,#783e00 98%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#783e00',GradientType=0 ); /* IE6-9 */
}

.LoginButton_01, .LoginButton_02, .LoginButton_03 {
	height: 30px;
	line-height: 30px;
	font-size:1em;
	color: #fff;
	vertical-align: bottom;
	text-align: center;
	float: left;
    letter-spacing: 1px;
}

.LoginButton_01 {
	width: 5px;
	background: url(../Content/images/LoginBTN_01.png) no-repeat;
}

.LoginButton_02 {
	width: 190px;
	background: url(../Content/images/LoginBTN_02.png);
}

.LoginButton_03 {
	width: 5px;
	background: url(../Content/images/LoginBTN_03.png) no-repeat;
}

.FunctionButtons {
    left:30px;
	padding: 0px;
    margin-top: 35px;
}

.NewUser {
    left:25px;
    float:right;
	padding-top:15px;
    padding-left:0px;
	text-align: center;
    margin-top: 35px;
}

.Loginfunctions a {
	color: #222;
	text-decoration: none;
    position:relative;
}

.Loginfunctions a:before {
    content: "";
    border-bottom: 1px solid #cc231c;
    width: 0%;
    display: inline-block;
    position: absolute;
    top: 18px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
    left:50%
}


.Loginfunctions a:hover:before {
    border-bottom: 1px solid #cc231c;
    left:0%;
    width:50%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.Loginfunctions a:after {
    content: "";
    border-bottom: 1px solid #cc231c;
    width: 0%;
    display: inline-block;
    position: absolute;
    top: 18px;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
    left:50%
}


.Loginfunctions a:hover:after {
    border-bottom: 1px solid #cc231c;
    width:50%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    transition: all 0.5s;
}

.Loginfunctions a:hover{
    color:#cc231c;
}

.LoginFunction_01, .LoginFunction_02, .LoginFunction_03 , .LoginFunction_04 {
	width: 50%;
	float: left;
	text-align: center;
	font-size: 14px;
	color: #fff;
}

.LoginFunction_01, .LoginFunction_02{
	margin-top: 10px;
}

.LoginFunction_03 a{
    margin-left:15px;
}

.icon-board {
    padding-top:15px;
    padding-bottom:10px;
	text-align: center;
}

.opt-btn-01, .opt-btn-02, .opt-btn-03, .opt-btn-04, .opt-btn-05, .opt-btn-06, .opt-btn-07 {
	margin-left: auto;
	margin-right: auto;
}

.fun-gp-01, .fun-gp-02 {
	margin-right: -20px;
}

.opt-btn-01 {
	background: url(../Content/images/Icon_Saving_08.png) no-repeat;
	max-width: 100%;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
}

.opt-btn-01:hover {
	background: url(../Content/images/Icon_Saving_07_Hover.png) no-repeat;
	max-width: 100%;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
}

.opt-btn-02 {
	background: url(../Content/images/Icon_Loan_08.png) no-repeat;
	max-width: 100%;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
}

.opt-btn-02:hover {
	background: url(../Content/images/Icon_Loan_01_Hover.png) no-repeat;
	max-width: 100%;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
}

.opt-btn-03 {
	background: url(../Content/images/Icon_ForeignExchange_08.png) no-repeat;
	max-width: 100%;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
}

.opt-btn-03:hover {
	background: url(../Content/images/Icon_ForeignExchange_01_Hover.png) no-repeat;
	max-width: 100%;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
}

.opt-btn-04 {
	background: url(../Content/images/Icon_InExPort_08.png) no-repeat;
	max-width: 100%;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
}

.opt-btn-04:hover {
	background: url(../Content/images/Icon_InExPort_06_Hover.png) no-repeat;
	max-width: 100%;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
}

.opt-btn-05 {
	background: url(../Content/images/Icon_Financial_08.png) no-repeat;
	max-width: 100%;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
}

.opt-btn-05:hover {
	background: url(../Content/images/Icon_Financial_01_Hover.png) no-repeat;
	max-width: 100%;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
}

.opt-btn-06 {
	background: url(../Content/images/Icon_Service_08.png) no-repeat;
	max-width: 100%;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
}

.opt-btn-06:hover {
	background: url(../Content/images/Icon_Service_01_Hover.png) no-repeat;
	max-width: 100%;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
}

.opt-btn-07 {
	background: url(../Content/images/Icon_NewUser_08.png) no-repeat;
	max-width: 100%;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
}

.opt-btn-07:hover {
	background: url(../Content/images/Icon_NewUser_01_Hover.png) no-repeat;
	max-width: 100%;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
}

.MainContent {
	width: 100%;
	float: left;
	padding: 20px;
	margin-top: 10px;
	background: rgba(255, 255, 255, 0.3);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
    letter-spacing: 1px;
    font-family: 微軟正黑體, 'Microsoft JhengHei', sans-serif;
}

.MessagePanel {
	width: 100%;
	padding: 10px;
	margin-left: 1px;
	background: #eee;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.AnnounceBoard, .NewsBoard {
	height: 250px;
}

.AnnounceTitle, .NewsTitle, .CurrencyTitle, .InterestTitle {
	width: 150px;
	font-size: 1.2em;
	letter-spacing: 2px;
	text-align: center;
	font-weight: bold;
	color: #963531;
	border: 2px #d45d58 solid;
	margin-top: -10px;
	background: url(../Content/images/InfoTitleBG_01.png);
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	float:left;
}

.NewsTitle{
    margin-left:-10px;
}

.AnnounceContent, .NewsContent {
	width: 98%;
	height: 150px;
	background: #ffffff;
	margin-bottom: 30px;
	border: 2px #999 solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.AnnounceContent{
    margin-left: 2%;
}

.CurrencyContent, .InterestContent {
	width: 98%;
	min-height: 250px;
	background: #ffffff;
	margin-left: 1%;
	margin-bottom: 30px;
	border: 2px #999 solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


.ListArea {
	width: 96%;
	height: 80%;
	margin-left: 2%;
	margin-top: 15px;
	overflow: auto;
}

.DataInfo {
	margin-top: 20px;
	margin-left: 10px;
	font-size: 12px;
	letter-spacing: 2px;
}

.ListingTime {
	margin-left: 3%;
}

.CurrencyListArea, .InterestListArea {
	width: 98%;
	height: 280px;
	margin-left: 1%;
}

.CurrencyPS {
	text-align: right;
	letter-spacing: 2px;
	font-size: 11px;
	padding-right: 20px;
    margin-top:20px;
}

.PSstar {
	color: #cc231c;
}

.InterestListArea {
	margin-top: 20px;
}

.MoreLine {
	text-align: right;
	font-size: 11px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 20px;
}

.MoreLine a {
	color: #cc231c;
	text-decoration: none;
}

.SensorPad {
	width: 98%;
	margin-left: auto;
	margin-right: auto;
}

#rowM0{
    margin-left:0px;
    margin-right:0px;
}

#footer{
    position:relative;
    width:80%;
    margin-left:auto;
    margin-right:auto;
    letter-spacing: 1px;
    font-family: 微軟正黑體, 'Microsoft JhengHei', sans-serif;
    color:#111;
}

#footer img{
    position:absolute;
    left:0px;
    top:0px;
}

#footer h5:nth-child(1){
    padding-top:20px;
}

.flex-direction-nav .flex-nav-prev .flex-prev{
    height:50px;
}

.flex-direction-nav .flex-nav-next .flex-next{
    height:50px;
    text-align:left;
}

.subnav{
    z-index:100;
    letter-spacing:1px;
    font-size:13px;
    position:absolute;
    left:-38%;
    width:250px;
    top:100%;
    border:solid 1px #999;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color:#fff;
    font-size:14px;
    -moz-box-shadow:1px 1px 4px #575757;
    -webkit-box-shadow:1px 1px 4px #575757;
    box-shadow:1px 1px 4px #575757;
    display:none;
}

.subnavTable{
    width:100%;
    margin:0px auto 7px auto;
    text-align:center;
    
}

.subnavTable tr th{
    color:#FFF;
    height:30px;
    text-align:center;
    background: rgb(248,80,50); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(248,80,50,1) 0%, rgba(244,95,75,1) 25%, rgba(240,47,23,1) 85%, rgba(231,56,39,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(248,80,50,1) 0%,rgba(244,95,75,1) 25%,rgba(240,47,23,1) 85%,rgba(231,56,39,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(248,80,50,1) 0%,rgba(244,95,75,1) 25%,rgba(240,47,23,1) 85%,rgba(231,56,39,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); /* IE6-9 */

}

.subnavTable ul{
    margin-top:5px;
}

.subnavTable ul li{
    padding-top:5px;
    padding-bottom:5px;
}

.subnav li:hover {
    background: -moz-linear-gradient(top, rgba(224,243,250,0.01) 0%, rgba(224,243,250,0.06) 5%, rgba(184,226,246,0.18) 17%, rgba(182,223,253,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(224,243,250,0.01) 0%,rgba(224,243,250,0.06) 5%,rgba(184,226,246,0.18) 17%,rgba(182,223,253,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(224,243,250,0.01) 0%,rgba(224,243,250,0.06) 5%,rgba(184,226,246,0.18) 17%,rgba(182,223,253,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#03e0f3fa', endColorstr='#b6dffd',GradientType=0 ); /* IE6-9 */
    cursor:pointer;
}

.subnav li:hover a {
    text-decoration:none;
    color:#23527c;
}

#subnav_04{
    width:350px;
    left:-70%;
}

#subnav_04 table tr td:nth-child(2) ul{
    margin-top:-56px;
}

.e_Logo{
    margin-top:10px;
    margin-left:15px;
}

.flex-control-nav.flex-control-paging{
    bottom: -35px;
}

/* ====================================================================================================================
 * 申辦業務 / 安全宣告 / 隱私權聲明
 * ====================================================================================================================*/

.service_box{
    width:100%;
    height:100px;
    background:url(../Content/images/SkyBG_03.jpg) no-repeat center center fixed;
}


/* ====================================================================================================================
 * 當瑩幕解析度小於 517px 以下樣式才會有作用
 * ====================================================================================================================*/

@media (max-width: 517px) {

html {
    min-width:320px;
}

header ul{
    font-size:13px;
    float:none;
    margin-left:auto;
    margin-right:auto;
    width:270px;
}

.TopLogo{
    width:301px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:10px;
}

    .subnav {
        font-size:13px;
        left:-15%;
        width:130px;
    }

    #subnav_04 {
        width:260px;
        left:0%;
    }

.topMenu a {
	text-decoration: none;
}
	
	.col-xs-5 {
		height: 30px;
		margin: 3px;
	  -webkit-border-radius: 4px;
	  -moz-border-radius: 4px;
	  border-radius: 4px;
	  background: rgba(255, 255, 255, 0.6);
	  -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
	  -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
	  -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
	  box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
	  vertical-align: bottom;
	}

	.SensorPad {
		background: rgba(255, 255, 255, 0.6);
	  -webkit-border-radius: 4px;
	  -moz-border-radius: 4px;
	  border-radius: 4px;
	  margin-top: 5px;
	}

.DataReplacement {
	background: #ffff00;
}

	.topMenu {
		font-size: 110%;
	}

.fun-gp-01, .fun-gp-02 {
	
	margin-left: auto;
	margin-right: auto;
}

.gap_line {
	border-right: none;
}

.LoginPanel {
	border: none;
}

#footer img{
    position:relative;
}

.rowP0{
    padding-left:0px;
    padding-right:0px;
}

.LoginPanel{
    width:100%;
}

.LoginFields{
    margin-left:-25px;
}

.NewUser{
        position: initial;
    text-align:center;
	padding: 0px;
	margin: 0 auto;
}

.NewUser a img , .opt-btn-07:hover{
    max-width:60%;
}

.dataTables_scrollBody{
    height:150px !important;
}

.flex-direction-nav a:before{
    font-size:20px;
}

.flex-direction-nav .flex-nav-prev .flex-prev{
    height:30px;
}

.flex-direction-nav a{
    margin-top:-13px;
}

.flex-direction-nav .flex-next{
    width:17px;
}


.flex-direction-nav .flex-nav-next .flex-next{
    height:30px;

}

.FunctionButtons {
    left: 0px;
}

.CurrencyListArea, .InterestListArea {
	height: 240px;
}

.flex-control-nav.flex-control-paging{
    bottom: 10px;
}

}

/* ====================================================================================================================
 * 當瑩幕解析度517px ~ 767px樣式才會有作用
 * ====================================================================================================================*/
@media screen and (min-width: 517px) and (max-width: 767px) {

.rowP0{
    padding-left:0px;
    padding-right:0px;
}

    .subnav {
        font-size:13px;
        width:180px;
        left:11%;
    }

    #subnav_04 {
        width:280px;
        left:0%;
    }

header ul{
    font-size:13px;
    float:none;
    margin-left:auto;
    margin-right:auto;
    width:270px;
}

.TopLogo{
    width:301px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:10px;
}

.topMenu a {
	text-decoration: none;
}
	
	.col-xs-5 {
		height: 30px;
		margin: 3px;
	  -webkit-border-radius: 4px;
	  -moz-border-radius: 4px;
	  border-radius: 4px;
	  background: rgba(255, 255, 255, 0.6);
	  -webkit-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
	  -moz-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
	  -o-box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
	  box-shadow: '' 0 1px 4px rgba(0, 0, 0, 0.2);
	  vertical-align: bottom;
	}

	.SensorPad {
		background: rgba(255, 255, 255, 0.6);
	  -webkit-border-radius: 4px;
	  -moz-border-radius: 4px;
	  border-radius: 4px;
	  margin-top: 5px;
	}

.DataReplacement {
	background: #ffff00;
}

	.topMenu {
		font-size: 110%;
	}

.fun-gp-01, .fun-gp-02 {
	
	margin-left: auto;
	margin-right: auto;
}

.NewUser {
	padding: 0px;
	text-align: left;
	margin-top: 100px;
}

.gap_line {
	border-right: none;
}

.LoginPanel {
	border: none;
}

#footer img{
    position:relative;
}

.FunctionButtons {
    left: 0px;
    margin-top: 40px;
}

.flex-control-nav.flex-control-paging{
    bottom: 10px;
}


}

/* ====================================================================================================================
 * 當瑩幕解析度767px ~ 992px樣式才會有作用
 * ====================================================================================================================*/
@media screen and (min-width: 767px) and (max-width: 992px) {

    .subnav {
        left:-33%;
        width:200px;
    }

    #subnav_04 {
        left:-75%;
        width:300px;
    }

	.topMenu {
		font-size: 110%;
	}

.fun-gp-01, .fun-gp-02 {
	
	margin-left: auto;
	margin-right: auto;
}

.NewUser {
	padding: 0px;
	text-align: left;
	margin-top: 100px;
}

.gap_line {
	border-right: none;
}

/*
.gap_line, .gap_lineTail {
	border-right: none;
	background: rgba(255, 255, 255, 0.6);
	margin-top: 10px;
}
*/

.LoginPanel {
	border: none;
}

.FunctionButtons {
    left: 0px;
}

.flex-control-nav.flex-control-paging{
    bottom: 10px;
}



}

/* 2022/06/06 add, cancel IE/Edge Browser's input Eyes icon */
/*清除text文本輸入框的清除圖標*/ 
input::-ms-clear{
     display: none;
} 

/*清除password密碼輸入框的明文圖標*/ 
input::-ms-reveal{ 
    display: none;
}