@charset "UTF-8";
/* CSS Document */
*, *:before, *:after {box-sizing: border-box;}
html{margin:0;padding:0;height:100%;font-family:Arial Unicode, Arial, sans-serif, 微軟正黑體,Microsoft Yahei,微软雅黑;line-height:140%;/*background-color:#e6e7e8;*/box-sizing:border-box;color:#666;}
/*body {background-image:url(../images/home_bk.jpg);background-repeat:repeat-x;}*/

textarea{border:solid 1px #ccc;font-family:Arial Unicode, Arial, sans-serif, 微軟正黑體,Microsoft Yahei,微软雅黑;font-size:1em;}

/*table thead{font-weight: bold;background-color:#e4e4e4;font-size:1em;}

#tbl-hide-adm thead{font-weight: bold;background-color:#e4e4e4;font-size:1em;}*/

a:hover, a:link, a:visited, a:active{color:inherit;text-decoration: none;}
#container1{width:1100px;height:100%;margin:auto;border-left:solid 1px #333;border-right:solid 1px #333;}

.c1-hide{display:none!important}.c1-show-block,.c1-show{display:block!important}.c1-show-inline-block{display:inline-block!important}

.hide-large{display:none!important}
.clear{clear:both;display:block;height:0px;overflow:hidden;margin:0;padding:0;}
.clear20{clear:both;display:block;height:20px;overflow:hidden;margin:0;padding:0;}
.clear25px{clear:both;display:block;height:25px;overflow:hidden;margin:0;padding:0;}
.clear30px{clear:both;display:block;height:30px;overflow:hidden;margin:0;padding:0;}
.clearline{clear:both;display:block;height:1px;overflow:hidden;margin:0;padding:0;border-bottom:solid 1px #e4e4e4;}
.gnd_partner{background-color:#2fa9a5;}

.m-toolname{clear:both;display:block;border-bottom:solid 1px #333;padding-bottom:2px;margin-bottom:10px;}

.white-txt{color:#fff;}
.red-text{color:#a41d4a;}

.tbl-cell{border: solid 1px #ccc;font-size:0.85em;vertical-align:top;}
.tbl-cell-f{border: solid 1px #ccc;font-size:1em;vertical-align:top;}

#container{height:100%!important;width:100%;}
.c1-main-content{max-width:100%;min-height:500px;margin:auto;}
.c1-main-content-inner{max-width:900px;margin:auto;padding:20px 0px;background-color:#fff;}
.c1-main-content-career{max-width:1100px;margin:auto;}

#cmenu{width:100%;height:32px;background-color:#a6854a;color:#fff;font-size:0.85em;}
#menu #cmenu a{color:#fff;font-size:0.85em;}

.home-white{height:100%;margin:0;padding:0;background-color:#fff;}
.home-grey{height:100%;margin:0;padding:0;background-color:#e6e7e8;}
.home-back{height:100%;margin:0;padding:0;background:#cccccc;background-image:url(../images/home_bk.jpg);background-repeat:repeat-x;}
#c1-main-home{width:100%;margin:auto;padding-top:75px;background-image:url(images/logo.png);background-position:center top;background-repeat:no-repeat;}
/*#c1-main-home{width:100%;margin:auto;padding-top:75px;}*/

.btn-red:hover {background-color:#36a9e0;cursor:pointer;}
.log-text{box-shadow:0 5px 5px 0 rgba(0,0,0,0.5);line-height:110%;word-break:normal;}
.log-text-d{box-shadow:0 5px 5px 0 rgba(0,0,0,0.5); width:135px; height:149px; overflow:hidden;}
.c1-footer{font-size:0.8em;}
#footer {width:100%;font-size:0.7em;bottom:0px;position:absolute;}
#footer1 {width:100%;font-size:0.7em;padding-top:100px;}
#footer-innerbox{width:800px;margin:auto;padding:10px 0px 20px 0px;}
#footer-cells{float:left;width:12.4999%;/*width:16.6666%;*/text-align:center;padding:0px 0px 10px 0px;}
#footer-box{width:100%;margin:auto;padding:5px 10px;text-align:right;}
#footer-shortcuts{width:70%;margin:auto;}
#footer-blk{background-color:#fff;display:block;}

.main-btn-holder{width:70%;margin:auto;padding-top:50px;}
.main-btn-holder-top{width:842px;margin:auto;overflow:hidden;}
.main-btn-Ban{width:90%;min-height:450px;overflow:auto;}

.main-btn-s{width:19.9999%;float:left;padding:20px 0px;}
.main-btn-unl1{/*width:14.28%;*/width:16.66%;float:left;padding:20px 0px;}
.main-btn-unl-img{width:140px;text-align:center;}
.main-btn{width:33.3333%;float:left;padding:20px 0px;}
.main-btn-h{width:49.9999%;float:left;padding:20px 0px;}
.main-btn-f{width:99.9999%;float:left;padding:20px 0px;}

#main-bImg{width:180px;height:180px;margin:auto;border-radius:20%;overflow:hidden;position:relative;}
#main-bImg-note{position:absolute;width:180px;text-align:right;padding:20px;z-index:100;color:#fff;font-size:2em;}

#main-bImg-small{width:120px;height:120px;margin:auto;border-radius:20%;overflow:hidden;display:table;}
#main-bImg-small p{display:table-cell;vertical-align:middle;padding:10px;color:#fff;background-repeat:no-repeat;text-align:center;/*margin:50px;padding:15px 10px 0px 10px;*/font-size:1em;line-height:110%;}
#main-bImg p{color:#fff;background-repeat:none;text-align:center;width:70%;margin:auto 12.5% auto 12.5%;top:120px;position:absolute;line-height:100%;}
.main-bImg-t{font-size:1.1em;display:flex;justify-content:center;align-items:center;color:#fff;background-repeat:none;text-align:center;width:70%;height:30%;margin:auto 12.5% auto 12.5%;top:65%;position:absolute;line-height:110%;}


#main-bImg-100{width:120px;height:120px;margin:auto;border-radius:20%;overflow:hidden;display:table;}
#main-bImg-100 p{display:table-cell;vertical-align:middle;padding:10px;color:#fff;background-repeat:none;text-align:center;font-size:1em;}

#main-bImg-unl{width:100px;height:100px;margin:auto;border-radius:20%;overflow:hidden;display:table;}
#main-bImg-unl p{padding:0 15%;width:100%;height:100%;margin:auto;color:#fff;text-align:center;font-size:1em;vertical-align:middle;display:table-cell;line-height:100%;}
#v-align{display:table-cell;padding:0 15%;width:100%;height:100%;margin:auto;color:#fff;text-align:center;vertical-align:middle;font-size:1em;}

#main-bImg-narr{/*width:145px;*/width:180px;height:180px;margin:auto;border-radius:16%;overflow:hidden;background-image:url(../images/handbook_generic.png);background-repeat:no-repeat;background-position:center 35px;position:relative;}
#main-bImg-narr p{color:#fff;background-repeat:none;text-align:center;width:70%;margin:auto 12.5% auto 12.5%;top:120px;position:absolute;line-height:100%;}
.part_label{margin:auto;text-align:center;width:75%;margin:auto 12.5% auto 12.5%;font-size:0.8em;top:8px;position:absolute;color:#fff;z-index:10;}
#main-bImg img #main-bImg-narr{max-width:100%;max-height:100%;}
/*#main-bImg-note{position:absolute;width:100%;text-align:right;padding:10%;z-index:100;color:#fff;font-size:1.5em;border:solid 1px #333;}*/

#hb_banner{height:380px;width:100%;background-color:#000;}
#thisVideo{width:100%;height:inherit;}

/*#tmenu{position:absolute;left:32px;top:32px;width:auto;padding:0px 10px;background:#a41d4a;z-index:800;opacity: 0.75;filter: alpha(opacity=75);}*/
.tmenu-inner{font-size:1em;color:#fff;}
#tmenu ul{padding:0px;list-style-type:none;line-height:100%;}
#tmenu li{padding:0px 0px;}
#tmenu a{color:#fff;font-size:1em;text-decoration: none;}

.txt-b1{font-size:1.65em;}
.txt-b2{font-size:1.3em;line-height:100%;}
.txt-b3{font-size:1.1em;line-height:110%;}
.small-txt{font-size:0.85em;line-height:110%;}

.f-left{float:left;}
.f-right{float:right;}

.c1-f-left{float:left;}
.c1-f-right{float:right;}


.round-btn{color:white;border-radius:15px;padding:3px 8px;text-align:center;font-size:0.75em;margin-right:2px;border:0px;cursor:pointer;margin:2px;}

.team-img{float:left;width:180px;text-align:center;line-height:200%;}
/*.round-btn{width:29%;color:white;border-radius:15px;padding:0px;text-align:center;font-size:0.75em;margin-right:2px;display:block;}*/

.colGold{background-color:#a6854a;}
.colRed{background-color:#a41d4a;}
.colPurple{background-color:#6556a4;}
.colTeal{background-color:#00a580;}
.colSilver{background-color:#97aeb9;}
.colGrey{background-color:#666;}

.cell_1{background-color:#b1b3b6;padding:0px 7px;}
.cell_2{background-color:#c7c8ca;padding:0px 7px;}

#tbl-hide{display:none;}

#tbl_hb{font-size:0.8em;}
#tbl_hb td{height:35px;vertical-align:middle;}

#vdoLayer{min-height:540px;width:860px;margin:auto;margin-top:140px;padding:10px;border:solid 1px #333;background-color:rgba(255,255,255, 1);box-shadow:0 5px 5px 0 rgba(0,0,0,0.5);color:#a41d4a;}
#vdoLayer a, a:hover{color:#666;}
#vdoLayer .nLink{color:#a41d4a;font-size:inherit;line-height:100%}

#vdo-menu {height:70px;background-color:#fff;}

.vWallImg{width:275px;height:275px;}
.vdoWall{width:275px;height:275px;background-color:#000;position:relative;z-index:10;float:left;top:0;}
.v1{opacity: 0.6;}
.v2{opacity: 0.8;}

#abm_cont{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);z-index:100;display:none;cursor:pointer;}
#abm_slide{width:800px;margin:auto;margin-top:100px;background-color:rgba(0,0,0,1);display:block;position:relative;border:solid 1px #333;}

c1-hide-large,.c1-hide-medium{display:none!important}
.c1-sidebar.c1-collapse{display:block!important}

/*FOR SMALL SCREEN ONLY*/
/*@media (min-width:768px){.c1-modal-content{width:900px}.c1-hide-large{display:none!important}.c1-sidebar.c1-collapse{display:block!important}}
@media (max-width:767px) and (min-width:768px){.c1-hide-medium{display:none!important}}*/
/*@media (max-width:1101px) and (min-width:1102px){.c1-hide-medium{display:none!important}}*/

/*@media (max-width:1101px){*/
/*@media (max-width:767px){
body{width:100%;line-height:110%;}
.hide-small{display:none!important}
.clear25px, .clear30px{clear:both;display:block;height:5px;overflow:hidden;margin:0;padding:0;}
.c1-hide-small{display:none!important}.c1-mobile{display:block;width:100%!important}.c1-bar-item.c1-mobile,.c1-dropdown-hover.c1-mobile,.c1-dropdown-click.c1-mobile{text-align:center}
.c1-main-content,.c1-main-content-inner{width:100%;padding:0px;}
.c1-main-content-career{max-width:100%;}

#menu{width:100%;height:32px;background-color:#a41d4a;color:#fff;font-size:0.75em;}
#menu a{color:#fff;font-size:0.75em;}

#c1-main-home{width:100%;margin:auto;padding-top:80px;}

#footer {width:100%;font-size:0.7em;}
#footer1 {width:100%;font-size:1em;padding-top:100px;line-height:1.6em;}
#footer-box{width:100%;margin:auto;padding:5px 0px;text-align:center}

.main-btn, .main-btn-h{width:49.9999%;height:49.9999%;float:left;}
.main-btn-f{width:99.9999%;float:left;}

#main-bImg{width:20vw;height:20vw;margin:auto;border-radius:20%;overflow:hidden;}
#main-bImg-narr{width:90px;margin:auto;border-radius:16%;overflow:hidden;}

#tmenu a{color:#fff;font-size:1.1em;text-decoration: none;}
}*/

.calendar-cell{height:130px;width:100px;}
.calendar-img-holder{position:absolute;width:100%;text-align:center;top:-15px;}
/*.calendar-txt{color:#a41d4a;font-size:0.7em;display:block;}*/
.calendar-train1{color:#fff;font-size:1.2em;display:block;}
.calendar-train2{color:#fff;font-size:0.9em;display:block;}
.calendar-day-tbl{width:800px;}
.calendar-day-tbl2{border-left:solid 1px #a41d4a;border-right:solid 1px #a41d4a;border-top:solid 1px #a41d4a;width:299px;}

.calendar-cell-N{height:80px;width:8.3%;background-size:75% auto;}

input[type="text"]:disabled {border: 0px;background-color:#fff;}

#c_search{text-align:center;height:24px;width:180px;border-radius:10px;background-color:#fff;padding:0px 5px;color:#666;}
#c_search input{height:20px;font-size:0.8em;border:none;}


/* */
.overlay {
    /* Height & width depends on how you want to reveal the overlay (see JS below) */
    height: 100%;
    width: 0;
    position: fixed; /* Stay in place */
    z-index: 600; /* Sit on top */
    left: 0;
    top: 0;
    background-color: rgb(0,0,0); /* Black fallback color */
    background-color: rgba(255,255,255, 0.1); /* Black w/opacity */
    overflow-x: hidden; /* Disable horizontal scroll */
    transition: 0s; /* 0.5 second transition effect to slide in or slide down the overlay (height or width, depending on reveal) */
		cursor: default;
}
/* Position the content inside the overlay */
.overlay-content {
    position: relative;
    /*top: 25%; /* 25% from the top */
    /*width: 100%; /* 100% width */
    /*text-align: center; /* Centered text/links */
    margin-top: 30px; /* 30px top margin to avoid conflict with the close button on smaller screens */
		top:10%;
		margin:auto;
		background-color:#fff;
		border:solid 1px #ccc;

}

/* The navigation links inside the overlay */
.overlay a {
    padding: 8px;
    text-decoration: none;
    font-size: 36px;
    color: #818181;
    display: block; /* Display block instead of inline */
    transition: 0.3s; /* Transition effects on hover (color) */
}

/* When you mouse over the navigation links, change their color */
.overlay a:hover, .overlay a:focus {
    color: #f1f1f1;
}
/* Position the close button (top right corner) */
.overlay .closebtn {position: absolute;top: 20px;right: 45px;font-size: 60px;}

#ialbm{width:1200px;height:700px;overflow: auto;}

table{border-collapse: collapse;border-spacing: 0px;}

#timeTable thead td{background-color:none;height:20px;border:none;font-size: 0.8em;color: #a41d4a;}

#timeTable td{/*border: solid 1px #a41d4a;*/width: 14.2%;height: 110px;}

.tbl_time_msg{border-top: solid 1px #a41d4a;border-left: solid 1px #a41d4a;}

.no-border{border:none;}

.ys-border{border:solid 1px #a41d4a;}

.ys-curDay{/*background-color:#ccc;*/background-color:#e6bbca;}

.ys-curDayS{background-color:#ccc;}

#tbl_cal_txt{padding:1px 10px;line-height:100%;font-size:0.55em;color:#a41d4a;height:80px;overflow:auto;}

#tbl_cal_txt ul{padding-top:0px;padding-left:5px;}

.tbl_time_day{height:26px;width:26px;background-color:#a41d4a;text-align:center;font-size:0.7em;color:white;}

.tbl_time_detail{/*border-top:solid 1px #a41d4a;border-left:solid 1px #a41d4a;*/line-height:110%;}

#tbl_time_select{color:#a41d4a;}

#timeTableDetal{line-height:110%;table-layout: fixed;}
#timeTableDetal h1{font-size:1.7em;text-decoration: underline;font-weight: normal;margin-bottom:7px;}
/*#timeTableDetal td{width:auto;}*/


.currentMemberTrainTd{/*height:75px;*/padding:5px;background-color:#fff;font-size:0.9em;}

.currentMemberTrainTime{padding-right:5px;height:20px;background-color:#fff;font-size:0.8em;text-align:right;}

.col-container {display:table;width:100%;}

.col {display:table-cell;vertical-align:top;padding-bottom:50px;box-sizing:content-box;}
.33width{width:33.33%;}
.h-qlink{float:left;width:24.99%;}
.lrborder{border-left:solid 1px #999;border-right:solid 1px #999;}
.c1-smallmenu{list-style-type:none;}
.c1-bar-block .c1-bar-item{width:100%;display:block;padding:8px 16px;text-align:left;border:none;outline:none;white-space:normal}
.c1-bar-block.c1-center .c1-bar-item{text-align:center}.c1-block{display:block;width:100%}
.c1-white,.c1-hover-white:hover{color:#000!important;background-color:#fff!important}
.c1-button{border:none;display:inline-block;outline:0;padding:8px 2px;vertical-align:middle;overflow:hidden;text-decoration:none;color:#000;background-color:#fff;text-align:center;cursor:pointer;white-space:nowrap}

.backImg{background-image:url(../images/aia.jpg);background-repeat:no-repeat;background-size: 100% 100%;}
.fitImg{height: 100%; width: 100%; object-fit: contain}
#backlinkDiv{width:1000px;margin:auto;font-size:0.85em;}
#cal_img{width:85px;height:95px;text-align:center;overflow:hidden;}

#arrLeft{float:left;padding-top:65px;}
#arrRight{float:right;padding-top:65px;}
.arrR, .arrL{height:100%;}

.l3-text{font-size:0.9em;}
.v-sep{float:left;width:20px;text-align:center;}
.v-box{float:left;padding:0px 10px;}
.v-td{height:65px;}
.v-cont{height:auto;width:1101px;}

.topBtnContStyle{padding:40px 0px;}
.topBtnHolderStyle{min-width:300%;overflow:show;}

#cust-search{margin:auto;width:85%;padding:10px;}
.cust-search-box{background-color:#fff;height:30px;width:100%;color:#666;text-align:center;border:none;}
.cust-button{border:none;display:inline-block;outline:0;padding:5px 10px;height:30px;vertical-align:middle;font-size:0.9em;overflow:hidden;text-decoration:none;color:#666;background-color:#d6d6d6;text-align:center;cursor:pointer;white-space:nowrap}

#abm_cust_search{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(225,225,225,0.2);z-index:100;display:none;}
#abm_cust_slide{width:800px;min-height:450px;border-radius:10px;margin:auto;margin-top:80px;display:block;position:relative;border:solid 1px #ccc;background-color:#fff;box-shadow:0 5px 5px 0 rgba(0,0,0,0.5);}

.cust-search-tbl{border-collapse:separate;border-spacing:30px;}
.cust-search-tbl-b{border-collapse:separate;border-spacing:20px;}
.cust-search-tbl-c{border-collapse:separate;border-spacing:10px;}
.cust-search-tbl-cell{width:33.33%;height:30px;}

.c-activity-blk{height:auto;width:33.3333%;float:left;padding:5px;}
.c-activity{border-radius:10px;background-color:#878786;color:#fff;text-align:center;height:70px;width:100%;}
.c-activity-t{font-size:0.6em;text-align:right;padding-right:10px;}
.c-activity-m{font-size:1.2em;text-align:center;padding-top:10px;}
.c-activity-b{font-size:0.8em;text-align:center;padding-right:10px;}

.c-search-div{}
.c-search-foot1{float:left;}
.c-search-foot2{float:right;}

#buttonV {
	border-radius:50px;height:100px;width:100px;opacity: 0.4;
	/*background-color: none;*/
	text-align:center;
	border: solid 5px #fff;
	color: #fff;
	display: block;
	font-size:60px;
	left: 0;
	margin: 0 auto;
	padding-top:35px;padding-left: 10px;
	position: absolute;
	right: 0;
	top: 25%;
}

#buttonV.active {
	/*background-color: #fff;*/
}


@media screen and (max-width:767px) {
#cust-search{margin:auto;width:100%;padding:5px;font-size:0.9em;}
/*.cust-search-box{background-color:#fff;height:30px;width:100%;color:#666;text-align:center;border:none;}
.cust-button{border:none;display:inline-block;outline:0;padding:8px 10px;vertical-align:middle;font-size:0.6em;overflow:hidden;text-decoration:none;color:#666;background-color:#d6d6d6;text-align:center;cursor:pointer;white-space:nowrap}*/
#abm_cust_slide{width:90vw;max-height:99vh;border-radius:10px;margin:auto;margin-top:0vh;display:block;position:relative;border:solid 1px #ccc;background-color:#fff;}
.cust-search-tbl, .cust-search-tbl-b{border-collapse: separate;border-spacing:8px;font-size:0.9em;line-spacing:100%;}
.cust-search-tbl-cell{width:49.99%;height:30px;}

.c-activity-blk{height:auto;width:49.9999%;float:left;padding:5px;}

.c-search-div{max-height:80vh;overflow:scroll!important;}
.c-search-foot1{float:left;clear:right;padding-bottom:10px;}
.c-search-foot2{float:left;}

.main-bImg-t{font-size:0.7em;display:flex;justify-content:center;align-items:center;color:#fff;background-repeat:none;text-align:center;width:70%;height:30%;margin:auto 12.5% auto 12.5%;top:65%;position:absolute;line-height:110%;}

}

/* When the height of the screen is less than 450 pixels, change the font-size of the links and position the close button again, so they don't overlap */
@media screen and (max-height: 450px) {
.overlay a {font-size: 20px}
.overlay .closebtn {font-size: 40px;top: 15px;right: 35px;}
}