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

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC:100,300,400,500,700,900&subset=chinese-traditional');
@import url('https://use.fontawesome.com/releases/v5.8.1/css/all.css');
@import url("//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/bootstrap-datetimepicker/4.17.37/css/bootstrap-datetimepicker.min.css");

body {
	min-width: 1280px;
	font-size: 1.6rem;
	font-family: 'Noto Sans TC', sans-serif;
}

/*solve Safari Grid System Bug*/
.row:before, .row:after {display: none !important;}


/*NEW ADD 2nd March 2020*/
.txtColor7 {color:#194E9F}
.txtColor8 {color:#11A8AB}
.bgColor9 {background-color:#50597B;}
.bgColor10 {background-color:#C4D6ED;}

button.crBtn {
	background-color:#DABFC0;
	color:white;
	outline: none;
	border-style:solid;
	border-width: 1px;
	border-color: transparent;
	-webkit-transition: background-color 0.3s ease-in-out;
    -moz-transition: background-color 0.3s ease-in-out;
    transition: background-color 0.3s ease-in-out;
}
button.crBtn:hover {
	background-color:white;
	color:#9F332E;
	outline: none;
	border-style:solid;
	border-width: 1px;
	border-color: #9F332E;
	-webkit-transition: background-color color 0.3s ease-in-out;
    -moz-transition: background-color color 0.3s ease-in-out;
    transition: background-color color 0.3s ease-in-out;
}
button.crBtn:disabled {
	background-color:transparent;
	color:#9F332E;
	outline: none;
	border-style:none;
}
.dotted_rline > div > div:not(:last-child):not(:first-child){
	background-image: linear-gradient(to bottom, grey 28%, rgba(255,255,255,0) 0%);
	background-position: right;
	background-size: 1.5px 6px;
	background-repeat: repeat-y;
	border-color: #4A4A4A;
}
.crCellDiv {
	height: 100%;
	display: flex;
	justify-content: center;
	margin: 0 auto;
	background-color: transparent;
}
.dataInfo{
	min-width: 500px !important;
	width: 500px !important;
	padding: 10px;
}

.crDisable {color:#F73740;background-color: #EDEDE4;height: 99%;text-align: center;
	
	 }
a.crDisableURL {color:#F73740;}
a.crDetailsURL {color:#194E9F;}
.dropdown-menu {
	overflow-y: auto !important;
    max-height: 700px !important;
}
.crtextArea {
	border-style: solid;
    border-color: #979797;
    border-width: 1px;
    border-radius: 0;
    font-size: 1.4rem;
}
.float{
	position:fixed;
	width:60px;
	height:60px;
	top:73%;
	right:40px;
	background-color:#02B4B3;
	color:#FFF;
	border-radius:50px;
	text-align:center;
	opacity: 0.5;
	-webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
	z-index: 99999;
}

.float:hover{
	opacity: 1;
	color:#FFF;
	-webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
}

.my-float{
	margin-top:15px;
	font-size:2em;
	
	opacity: 1;
	-webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

.slash {
	  width: 100%;
        height: 100%;
        background: 
         linear-gradient(to top right,
             rgba(255,255,255,0) 0%,
             rgba(255,255,255,0) calc(50% - 0.8px),
             rgba(255,255,255,1) 50%,
             rgba(255,255,255,0) calc(50% + 0.8px),
             rgba(255,255,255,0) 100%);
        position: absolute;
}
.surveyBorderColor {
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #979797;
}
.surveyBadge {
	background-color:#7E8EA2;
	color:#fff;
	text-align: center;
}


.btn.dropdown-toggle:focus {
    outline: none !important;
}

.open > .dropdown-toggle > .btn-default, .dropdown-toggle, .dropdown-toggle:focus,.bootstrap-select .dropdown-toggle:focus  {
	background-color: transparent!important;
	border-style: none;
	outline: none !important;
}

.bootstrap-select .dropdown-toggle .caret, .dropdown-toggle::after {
	display: none;
}

.bs-placeholder {
	color:black !important;
}

.alumnus_bg {
	background-image: url(../images/alumnus/bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position:center;
	height:271px;
}
.alumnus_loginBg {
	background-image: linear-gradient(to bottom, #77B9DF, #4283BB);
}
.alumnus_loginBg2 {
	background-image: url("../images/alumnus/login.png");
	background-repeat: no-repeat;
	background-size: cover;
	background-position:center;
	height:100px;
}

.btn4 {
	background-color:transparent;
	border-color: #7E8EA2 !important;
	border-style:solid;
	border-width: 1px;
	color:#7E8EA2;
}

.btn4:hover {
	background-color: #7E8EA2;
	color:white;
}

/*NEW ADD 2nd March 2020*/




.body_content {width:1280px;}
.color1{background-color:#313D45;}
.color2{background-color:#1F4C73;}
.color3{background-color:#02B4B3;}
.color4{background-color:#77AFCD;color:black;}
.color5{background-color:#44B2F6;color:black;}
.txtColor1 {color:#FF5300}
.txtColor2 {color:#9F332E}
.txtColor3 {color:black}
.txtColor4 {color:#02B4B3}
.txtColor5 {color:#F73740}
.txtColor6 {color:#4A4A4A}
.styleSet1 {color:#1F4C73;background-color: #EDEDE4;}
.bgColor1 {background-color:#02B4B3}
.bgColor2 {background-color:#48769E}
.bgColor3 {background-color:#EFEFEF}
.bgColor4 {background-color:#FF5300}
.bgColor5 {background-color:#74C200}
.bgColor6 {background-image: linear-gradient(to right, #02B4B3 , #3165C0);}
.bgColor7 {background-color:#44B2F6}
.bgColor8 {background-color:#77AFCD;}
.ico_username {background-color:#7E8EA2;background-image: url(../images/classroom/icon/id.png); background-position: bottom;background-size:contain;background-repeat: no-repeat; width:31px;}
.ico_password {background-color:#7E8EA2;background-image: url(../images/classroom/icon/password.png); background-position: bottom;background-size:contain;background-repeat: no-repeat; width:31px;}
.ico_selector {background-image: url(../images/classroom/btn/arrow.png); background-position: 98% 50%;background-size:26px;background-repeat: no-repeat; }
.ico_datepicker {background-image: url(../images/classroom/btn/date.png); background-position: 98% 50%;background-size:26px;background-repeat: no-repeat; }
.bgImage1 {background-size: cover;background-position: center;background:url(../images/bg/Group4.png);}
.cursor {cursor: pointer}

.topbar {
	background: url(../images/bg/topbar.png) no-repeat;
	background-size: cover;
	background-position: right;
	height: 60px;
	max-height: 60px;
	z-index: 0;
}

.topbar p{
	color:white;
	cursor: pointer;
	line-height: 60px;
	font-weight:400;
	width:250px;
}

.topbar_sub {
	background-color:rgba(255,255,255,0.60);
	border-color:#E2E2E2;
	border-style: solid;
	border-width: 1px;
	z-index: 1;
	width:220px;
}

.topbar_sub_item:hover {
	background-color: #02B4B3;
	color:white;
	cursor: pointer;
	z-index: 0;
}

.video-fluid {
  width: 100%;
  height: auto;
}

.menu {
	background-color: #F5F5F5;
	white-space: nowrap;
}

.menu .logo {
	background: url(../images/icon/logo.png) no-repeat;
	background-size:auto 55px;
	background-position: center;
	height:128px;
}

.menu p{
	color:#4A4A4A;
	cursor: pointer;
	width:100%;
}

.menu p:hover{
	color:#F73740;
}

.banner_label {
	background-color: rgba(2,180,179,0.50);
}

.about_us_bg {
	background-image: url(../images/about_us/bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position:center;
	height:271px;
}

.member_bg {
	background-image: url(../images/member/bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position:center;
	height:271px;
}

.course_bg {
	background-image: url(../images/course/bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position:center;
	height:271px;
}

.student_bg {
	background-image: url(../images/student/bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position:center;
	height:271px;
}

.research_bg {
	background-image: url(../images/research/bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position:center;
	height:271px;
}

.download_bg {
	background-image: url(../images/download/bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position:center;
	height:271px;
}

.announcement_bg {
	background-image: url(../images/announcement/bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position:center;
	height:271px;
}

.classroom_bg {
	background-image: url(../images/classroom/bg.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position:center;
	height:271px;
	min-width: 574px;
}

.classroom_login_bg {
	background-image: url(../images/classroom/bg/login.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position:center;
	height:100px;
}

.member_table h3,h4 {
	font-weight: 400;
}

.member_table td:nth-child(even) {
	color:#9F332E;
}

.member_table td {
	background-image: linear-gradient(to right, grey 33%, rgba(255,255,255,0) 0%);
	background-position: bottom;
	background-size: 6px 1px;
	background-repeat: repeat-x;
	border-color: #4A4A4A; 
	border-top: 0;
}

.member_table table{
	padding-left:20px;
}

.member_table div:hover {
	color:#02B4B3;
}

.member_table div {
	cursor: pointer;
}

.member_staff_photo_container {
	height:200px;
	width:200px;
}

.member_staff_photo {
	background-image: url(../images/demo_photos/beautiful-brunette-cute-774909.jpg);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}

.member_staff_name {
	position:absolute;
	bottom:0;
	width:200px;
}

.member_mail_btn {
	background-image: url(../images/member/btn/email.png);
	background-position: center;
	background-repeat: no-repeat;
	
}

.chairman_bg {background-image: url(../images/member/bg/gear.png);background-repeat: no-repeat;background-size:233px;background-position:-6.5% 90%;}
.vice_chairman_bg {background-image: url(../images/member/bg/gear.png);background-repeat: no-repeat;background-size:233px;background-position:98% 0%;}

.chairman_photo {
	background-image: url(../images/member/photos/chairman.png);
	background-repeat: no-repeat;
	background-size:contain;
	background-position:right;
}

.vice_chairman_photo {
	background-image: url(../images/member/photos/vice_chairman.png);
	background-repeat: no-repeat;
	background-size:contain;
	background-position:left;
}

.slideMenu_bg {background-color:#EDEDE4}
.slideMenu_btn {
	cursor: pointer;
	text-indent: 0.5em;}
.slideMenu_btn_active,.slideMenu_btn:hover{
	color:#F73740;
	text-indent: 0.5em;}

.dotted_line {
	background-image: linear-gradient(to right, grey 28%, rgba(255,255,255,0) 0%);
	background-position: bottom;
	background-size: 6px 1.5px;
	background-repeat: repeat-x;
	border-color: #4A4A4A;
}

.member_profile_photo {
	background-image: url(../images/member/photos/t1.png);
	background-repeat: no-repeat;
	background-size: auto;
	background-position:center;
}

.imgBorder {
	border-style: solid;
	border-color:#E2E2E2;
	border-width: 1px;
}

.letter-spacing-1 {letter-spacing: 1px;}
.letter-spacing-2 {letter-spacing: 2px;}
.letter-spacing-3 {letter-spacing: 3px;}
.letter-spacing-4 {letter-spacing: 4px;}
.letter-spacing-5 {letter-spacing: 5px;}

.line-height-1 {line-height: 1em;}
.line-height-2 {line-height: 2em;}
.line-height-3 {line-height: 3em;}
.line-height-4 {line-height: 4em;}
.line-height-5 {line-height: 5em;}

.tableBorder {
	border-style: solid;
	border-color: #979797;
	border-width: 1px;
}

.about_us_img1 {
	background-image: url(../images/demo_photos/15.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position:center;
	height:100%;
}

.about_us_img2 {
	background-image: url(../images/demo_photos/14.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position:center;
	height:100%;
}

.about_us_img3 {
	background-image: url(../images/demo_photos/13.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position:center;
	height:100%;
}

.about_us_img4 {
	background-image: url(../images/demo_photos/12.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position:center;
	height:100%;
}

.history_img {
	background-image: url(../images/about_us/chart/history.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position:center;
	height:236px;
}

.ico_bus {
	background-image: url(../images/about_us/icon/bus.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position:center;
}

.ico_bike {
	background-image: url(../images/about_us/icon/ibike.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position:center;
}

.ico_taxi {
	background-image: url(../images/about_us/icon/taix.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position:center;
}

.ico_car {
	background-image: url(../images/about_us/icon/car.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position:center;
}

.ico_data {
	background-image: url(../images/icon/statistics.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position:center;
}

.banner_bg {background-color: #313D45;}
.banner_pageTitle_bg {background-color:rgba(0,0,0,0.50);color:white;}
.banner_pageTitle_bg h1 {font-size: 5rem;letter-spacing: 1rem;}
.banner_pageTitle_bg h3 {font-weight: 400;letter-spacing: 0.2rem;}

.subpage_title_border {
	border-width:2px;
	border-color: white;
	border-style: solid;
}

.subpage_menu  {
	background-color:#EFEFEF;
	color:#313D45;
	font-weight: 400;
	height:92px;
}

.menu_border {
	border-style: solid;
	border-width: 1px;
	border-color:#D8D8D8;
	cursor: pointer;
}

.menu_border:hover {
	background-color:#DFE3E8;
	color:#313D45;
}

.subpage_menu_active, .subpage_menu_active:hover {
	background-color:#74C200;
	color:white;
}

/*
.subpage_menu .col-3:hover,.col-4:hover {
	background-color:#DFE3E8;
	color:#313D45;
}
*/

.route_title {
	background-color: #02B4B3;
	color:white;
	height:60px;
}

.route_subtitle {
	background-color: #F5F5F5;
	height:50px;
}

.route_content {
	height:450px;
}

.route_btn {
	background-color: #FF5300;
	color: white;
	cursor: pointer;
	font-size:1.2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	height:20px;
	width:44px;
	
}

.route_text_warning {
	color:#FF5300;
}

.route_note {
	color:#4A4A4A;
	font-weight:400;
	padding-right: 30px;
	line-height:1.5em;
}

.location_map_title {
	background-image: url(../images/about_us/chart/map.png);
	background-size: cover;
	background-position: center;
	color:white;
}

.location_map {
	background-image: url(../images/location/intro_location.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	height:80vh;
	min-height:500px
}

.goal_bg {
	background-image: url(../images/about_us/bg/goal.png);
	background-size: cover;
	background-position: center;
	color:white;
}

.goal_bg_line {
	height:180px;
	width:1px;
	background-color:white;
}

.ability_bg {
	background-image: url(../images/about_us/bg/ability.png);
	background-size: cover;
	background-position: center;
	color:white;
}

.hornrList button,input[type=text]{
	border-style: solid;
	border-color:#979797;
	border-width:1px;
	border-radius: 0;
	font-size:1.4rem;
}

.hornrList button:focus {
	outline: 0 !important;
	box-shadow: none !important;
}

.hornrList tbody{
	height:500px;
/*	overflow-y:auto; */
}

.hornrList thead > tr > th  {
	color: white;
	font-weight: 500;
	font-size: 2rem;
	height:50px;
	border-style: none;
	display: flex;
	align-items: center;
	
}


.hornrList thead   {
	background: url(../images/main/bg/award.png);
	background-size: cover;
}

.activitiesList thead   {
	background: url(../images/maim/bg/activity.png);
	background-size: cover;
}

.hornrList tbody > tr:nth-child(odd)   {
	background-color:#F7F7F7;
	
}

.hornrList tbody > tr:nth-child(even)   {
	background-color:#EDEDE4;
	
}



.hornrList td {
	font-weight: 500;
	font-size: 1.5rem;
	height:8rem;
	border-top:0;
	
}

.hornrList td:nth-child(1) {
	color:#9F332E;
	
}

.hornrList td:nth-child(2):hover {
	cursor: pointer;
	color:#F73740;
}

.hornrListContent_bg {
	background-color:#FF5300;
	color:white;
}

.activiesContent_bg {
	background-image: linear-gradient(to right, #02B4B3 , #3165C0);
	color:white;
	height:50px;
}

.enrollment_table div > div:not(:first-child) > div:nth-child(even) {
	color:#9F332E;
}

.enrollment_table div > div:last-child {
	background-image: url();
}

.even_highlight div > div:nth-child(even), .even_highlight div:nth-child(even) {
	color:#9F332E;
}

.even_highlight div > div:last-child {
	background-image: url();
}

.btn.btn-default.active {
	background-color: #FF5300;
	color:white;
	border-color:#FF5300;
	box-shadow: none;
}

.btn.btn-default.active2 {
	background-color: #02B4B3;
	color:white;
	border-color:#02B4B3;
	box-shadow: none;
}

.btn.btn-default{
	border-color:#E2E2E2;
}

.btn.btn-default.search{
	border-color:#979797;
}

.titleLine {
	background-image: linear-gradient(to right, #455DBF , #02B4B3, #02B4B3, #74C200);
	height:6px;
}

.titleLine2 {
	background-image: linear-gradient(to right, #FF5300 , #D0021B, #FFC401);
	height:6px;
}

.titleLine3{
	background-image: linear-gradient(to right, #E151FF , #44B2F6);
	height:6px;
}

.subpage_content_title h4 {color:#02B4B3;font-size: 2rem;}
.subpage_content_title_2 h4{color:#FF5300;font-size: 2rem;}
.subpage_content_title p {text-indent: 2em;line-height: 2.5em;margin-top: 1em;}
.subpage_content_title span {line-height: 2.3em;margin-top: 1em;}

.dropdown-item:hover {
	background-color: rgba(2,180,179,0.50);
}

.table > tbody > tr > td {
     vertical-align: middle;
}

.news_banner {
	background-image: url(../images/main/bg/news.png);
	background-repeat: no-repeat;
	background-position:center;
	color:white;
}

.news_table tbody{
	height:358px;
	overflow-y: auto;
	border-style: solid;
	border-color:#E2E2E2;
	border-width: 1px;
	
}

.news_table thead th {
	border-style: solid;
	border-width: 5px;
	border-color: #02B4B3;
	background-color: #02B4B3;
	color: white;
	font-weight: 500;
	font-size: 1.4rem;
	height:36px;
}

.news_table td {
	font-weight: 500;
	font-size: 1.4rem;
	height:6.5rem;
}

.news_table td:nth-child(3):hover {
	cursor: pointer;
	color:#F73740;
}

.table-fixed thead,
.table-fixed tbody,
.table-fixed tr,
.table-fixed td,
.table-fixed th {
display: block;
	
}
.table-fixed tr:after {
content: "";
display: block;
visibility: hidden;
clear: both;
}
.table-fixed tbody td,
.table-fixed thead > tr > th {
float: left;

}

.advisee_table td:nth-child(odd){
	color:#9F332E;

}

.advisee_table tr:nth-child(odd){
	background-color:#EDEDE4;
}

.advisee_table p, .advisee_table td, .advisee_table tr, .advisee_table h5{
	line-height: 1.6em;
	border-style: hidden;
	font-weight:500;
}

.advisee_table td:not(:last-child), .advisee_table th:not(:last-child) {
	background-image: linear-gradient(grey 33%, rgba(255,255,255,0) 0%);
	background-position: right;
	background-size: 1px 5px;
	background-repeat: repeat-y;
}

.table_style div:not(:first-child) > div:nth-child(even) {
	background-color:#EDEDE4;
}

.selector {
	position:absolute;
	top:0;
	right:0;
	margin-right: 10px;
	margin-top:3px;
	background-color: transparent;
	border-color: white;
	border-style: solid;
	border-radius: 4px;
	font-weight: 300;
	font-size: 1.4rem;
	height:30px;
	line-height: 30px;
	padding:0 10px;
}

.selector:focus, .selector:hover, .selector.show > .btn-secondary.dropdown-toggle, .show > .selector.btn.dropdown-toggle  {
	background-color: white !important;
	color:#313D45 !important;
	border-style:none;
	outline:none !important; 
	-webkit-box-shadow: none;
  	box-shadow: none;
}

.classroom_selector {
	background-color: transparent;
	border-color: #4E4B4C;
	color:black;
	border-style: none;
	height:100%;
	line-height: 30px;
	padding:0 10px;
}

.classroom_selector:focus, .classroom_selector:hover, .classroom_selector.show > .btn-secondary.dropdown-toggle, .classroom_selector.show > .btn.dropdown-toggle  {
	background-color: transparent!important;
	color:black !important;
	outline-style: none!important;
	height:100%!important;
	line-height: 30px!important;
	padding:0 10px!important;
	-webkit-box-shadow: none!important;
  	box-shadow: none!important;
}

.news_cube {float:left;width: 16px;height: 16px;border-radius: 4px;margin-top: 2px;margin-right: 4px;}

.url_contrainer {
	background-color:#EDEDE4;
	height:100%;
}

.url_div {
	padding: 1.38rem 1rem;
	margin:0.5rem auto;
	font-size: 1.6rem;
	color:white;
	text-align: center;
	cursor: pointer;
	
}

.main_eventGallery {
	background: url(../images/maim/bg/activity.png) no-repeat;
	background-size: cover;
	background-position: center;
	height: 60px;
	max-height: 60px;
	color:white;
	font-size:2.4rem;
}

.main_award {
	background: url(../images/main/bg/award.png) no-repeat;
	background-size: cover;
	background-position: center;
	height: 60px;
	max-height: 60px;
	color:white;
	font-size:2.4rem;
}

.gallery_border {
	border-color: #E2E2E2;
	border-style: solid;
	border-width: 1px;
	border-top-style: none;
}

.carousel-caption {
	position: relative;
	left: auto;
	right: auto;
	color:black;
	text-shadow:none;
}

#carouselForAward .carousel-control-prev, #carouselForAward .carousel-control-next, #carouselForEvents .carousel-control-prev, #carouselForEvents .carousel-control-next{
	height:125px;
	margin-top:65px;
}

.carousel_circle {
	width:14px;
	height:14px;
}

.carousel_circle:hover {
	background-color:#02B4B3;
	cursor: pointer;
}

.carousel_circle.active {
	background-color:#02B4B3;
}

.carousel_nextprevText {
	font-weight: 700;
}


.carousel_nextprevText:hover {
	color:#02B4B3;
	font-weight: 700;
	cursor: pointer;
}

.carousel_pageNumText {
	bottom:0%;
	color:#02B4B3;
}

.carousel_arrow_left_div {
	width:30px;
	background-color:rgba(0,0,0,0.50);
	left:0;
	z-index: 1;
}

.carousel_arrow_right_div {
	width:30px;
	background-color:rgba(0,0,0,0.50);
	right:0;
	z-index: 1;
}

.carousel_arrow_left {position:absolute; top:40%; left:0%;}
.carousel_arrow_right {position:absolute; top:40%; right:0%;}

.depart_bg1 {background:url(../images/member/header_bg/solid.png);background-size:cover;background-repeat: no-repeat;background-position: center;}
.depart_bg2 {background:url(../images/member/header_bg/energy.png);background-size:cover;background-repeat: no-repeat;background-position: center;}
.depart_bg3 {background:url(../images/member/header_bg/control.png);background-size:cover;background-repeat: no-repeat;background-position: center;}
.depart_bg4 {background:url(../images/member/header_bg/manufacturing.png);background-size:cover;background-repeat: no-repeat;background-position: center;}
.depart_bg5 {background:url(../images/member/header_bg/nano.png);background-size:cover;background-repeat: no-repeat;background-position: center;}

#footer {
	background: url(../images/sitemap/sitemap01.png) no-repeat;
	background-size: cover;
	background-position: center;
}

#footer span{
	color:#185150;
	font-weight: 500;
	font-size:1.6rem;
}


#footer li{
	font-weight: 500;
	font-size:1.4rem;
	background-color: transparent;
}

#footer li:hover{
	color:#F73740;
	cursor: pointer;
}

.div_line {
	border-bottom: solid;
	border-width: 1px;
	border-color:#02B4B3;
}

.list-group-item {
	border-style: none;
}

#footer_contacts {
	background: url(../images/sitemap/sitemap02.png) no-repeat;
	background-size: cover;
	background-position: center;
	height:180px;
	color: white;
	font-size:1.3rem;
	font-weight: 500;
	line-height: 2rem;
}

#footer_contacts span{
	color: #185150;
	font-size:1.3rem;
	font-weight: 500;
}

.ico_word {
	background: url(../images/btn/word.png) no-repeat;
	background-size: contain;
	background-position: center;
	height:36px;
	width:36px;
	cursor: pointer;
}

.ico_pdf {
	background: url(../images/btn/PDF.png) no-repeat;
	background-size: contain;
	background-position: center;
	height:36px;
	width:36px;
	cursor: pointer;
}
.no-border {
    border: 0 ;
	box-shadow: none !important; /* You may want to include this as bootstrap applies these styles too */
}

.no-border:focus {
    border: 0 ;
	box-shadow: none !important; /* You may want to include this as bootstrap applies these styles too */
}

.no-outline {
	box-shadow: none !important; /* You may want to include this as bootstrap applies these styles too */
	outline:none !important;
}

.no-outline:focus {
	box-shadow: none !important; /* You may want to include this as bootstrap applies these styles too */
	outline:none !important;
}

.btn1 {
	background-color:transparent;
	border-color: #F73740 !important;
	border-style:solid;
	border-width: 1px;
	color:#F73740;
}

.btn1:hover {
	background-color: #F73740;
	color:white;
}

.btn2 {
	background-color:#FF5300;
	border-color: #F73740;
	border-style:solid;
	border-width: 1px;
	color:white;
}

.btn2:hover {
	background-color: transparent;
	color:#FF5300;
}

.btn3 {
	background-color:transparent;
	border-style: solid;
	border-color: #979797;
	border-width: 1px;
	height:30px;
}

.btn3:hover {
	background-color: #74C200;
	color:white;
}


.div_row:hover {
	background-color:rgba(116,194,0,0.20);
}

.radioBtnContainer {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.radioBtnContainer input{
  position: absolute;
	left:0%;
  opacity: 0;
  cursor: pointer;
	color:white;
}

/* Create a custom radio button */
.checkmark {


  width: 100%;
/*  background-color: #eee;*/
}

/* On mouse-over, add a grey background color */
.radioBtnContainer:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.radioBtnContainer input:checked ~ .checkmark {
  background-color: #02B4B3;
	color:white;
	border-style: none;
	width:100%;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  
  display: none;
		
}

/* Show the indicator (dot/circle) when checked */
.radioBtnContainer input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.radioBtnContainer .checkmark:after {
/*
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
*/
/*
	border-radius: 50%;
	background: white;
*/
}



.required {
	position: absolute;
	height:100%;
	top:20%;
	right:-3%;
}

/* Customize the label (the container) */
.radioContainer2 {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default radio button */
.radioContainer2 input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Kim edited 3/4 */
/* Create a custom radio button */
.checkmark2 {
  position: absolute;
  top: 50%;
  left: 10%;
  height: 26px;
  width: 26px;
  background-image: url("../images/download/radio_bg.png");
  background-size: cover;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.radioContainer2:hover input ~ .checkmark2 {
  background-color: #ccc;
}

/* Kim edited 3/4 */
/* When the radio button is checked, add a blue background */
.radioContainer2 input:checked ~ .checkmark2 {
    background-image: url("../images/download/cradio_bg.png");
background-size: cover;
	
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark2:after {
  content: "";
  position: absolute;
  display: none;
	
}

/* Show the indicator (dot/circle) when checked */
.radioContainer2 input:checked ~ .checkmark2:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.radioContainer2 .checkmark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}

.survey_div{
	background-color:#D1E2BE;
}

.orangeNav nav ul > li > a {
	color:#FF5300;
	font-weight: 500;
}

.orangeNav nav ul > li > a:hover {
	background-color:#FF5300;
	color:white;
}

.blueNav nav ul > li > a {
	color:#02B4B3;
	font-weight: 500;
}

.blueNav nav ul > li > a:hover {
	background-color:#02B4B3;
	color:white;
}

.nav_disabled {
	color:#979797 !important;
	pointer-events:none;
}