body {
	margin: 0;
	padding: 0;
	/*background-image: url('../img/bg.jpg')*/
}

body, p, h1, h2, h3, h4, h5, h6 {
	font-family: "Arial","Microsoft JhengHei","微軟正黑體","新細明體","PMingLiU","細明體","MingLiU","標楷體","DFKai-sb",serif;
	font-size: 0.95em;
	text-align: left;
	color: #666 !important;
}

input[type="radio"]:checked + label,
input[type="checkbox"]:checked + label,
label:hover {
	color: #3A4DA5 !important;
	cursor: pointer !important;
}

.blue_highlight{
	color:#056a81!important;
	font-weight: bold;
}

.black_highlight{
	color:#000!important;
	font-weight: bold;
}

.white_txt{
	color:#fff!important;
}

.case_title{
	font-size: 1.2em;
	font-weight: 600;
	text-align: center;
	
}

.case_commentaries{
	font-size: 1.5em;
	font-weight: 600;
	text-align: center;
	color:#FFF!important;
	
}

.case_commentaries_content{
	padding: 20px 30px 20px 80px!important;
	margin:20px;
background-image: url( ../img/commentaries_bg.png);
	background-position: left top;
	background-repeat: no-repeat;	
	min-height: 30px!important;
	
}

.gps_content{
	padding: 10px 30px 30px 80px!important;
	margin: 20px;
	background-image: url( ../img/gps_bg.png);
	background-position: left top;
	background-repeat: no-repeat;	
	min-height: 150px!important;
	
}

.topic_content{
	margin:10px 20px 20px 0;
	
}

@media all and (min-width:0px) and (max-width: 800px) {

.case_commentaries_content{
	padding: 20px 0px 20px 50px!important;
	margin:0 -30px 0 -40px;
background-image: url( ../img/commentaries_bg.png);
	background-position: left top;
	background-repeat: no-repeat;	
	min-height: 30px!important;
	
}
.gps_content {
	padding: 30px 0px 1em 0px!important;
	margin: 0px 0px 0px 0px!important;
	background-image: url();
	border-top:1px solid #aaa;
}
}
.key_title{
	color:#ddcc3b!important;
	font-weight: 600;
	font-size: 1.1em
}

.key_issue{
	display: inline-block; 
	margin:-5px 0 0 0 ; 
	padding:20px; 
	background-color: #387081;
	color:#fff;
}

.key_issue_mark{
	margin:0 0 0 0!important; 
	padding: 0;
}

.ch_subHead{
 	color:#387081;
	float: right;
	text-align: right;
	padding: 15px 0 0 0;
}

.ethical_icon{
	height:145px; 
	margin:-30px 15px -25px -10px!important;
}

.ethical_question{
	text-align: left; 
	background-color: #dae9c3; 
	padding: 0 15px 0 0; 
	margin: 0 0 30px 0; 
	height:120px; 
	font-size: 1.1em;
	font-weight:600; 
	color:#1d4e5d;
		
		
	/*vertical allign center*/
	display: -webkit-flex; /* Safari */
	-webkit-align-items: center; /* Safari 7.0+ */
	display: flex;
	align-items: center;
	
}



.answer_book_content{
	color:#FFF;
	text-align: left;
	background-color: #1a5364;
	min-height: 100px;
	padding:20px 10px 20px 50px; 
	margin: 150px 0 30px 0
}



.answer_tab_content{
	text-align: left;
	background-color: #f2f0db;
	padding:20px;
	margin: 0 0 30px 0;
}

.answer_tab_title{
	font-weight: 600;
	font-size: 1em
}

.nav_color_ext {
	background-color: #8baad2!important;
}

.nav_color_int{
	background-color: #ab8048!important;
}
.nav_color_fin{
	background-color: #bf6bbd!important;
}
.nav_color_man{
	background-color: #eabf49!important;
}

.ui.inverted.menu {
	height: 60px;
	background-repeat: repeat-x;
	background-color: #FFF !important;
	border-bottom: 2px solid #387081;
	box-shadow: 0 3px 3px 0 rgba(0, 0, 0, 0.1), 0 3px 3px 0 rgba(0, 0, 0, 0.1);
	color: #387081;
}


.ui.inverted.menu .item:before{
background: rgba(56,112,129,0.5);
}

.ui.inverted.menu .item {
	color: #387081 !important;
}

.right_menu{
	text-align: right
}

.ui .active {
	background-color: #387081!important;
}

.ui .ic-sidebar, .sidebar {
	color: white!important;
	background-color: #387081!important;
}

.ui.inverted.menu .ic-home,
.ui.inverted.menu .ic-home:hover {
}


.ui.inverted.menu .ui.dropdown .menu {
	background-color: #387081 !important;
	color: #387081!important;
}

.ui.inverted.menu .ui.dropdown .menu .item {
	color: rgba(255,255,255,.9) !important;
}

.ui.inverted.menu .ui.dropdown .menu .item:hover {
	background: rgba(255,255,255,0.1) !important;
	color: #FFF !important;
}

.ui.icon.buttons .button .icon {
	vertical-align: bottom !important;
}

.ui.sidebar {
	font-size: 1.2em;
}

.ui.popup {
	text-align: left;
}

.pusher {
/*background-image: url('../img/bg.jpg') !important;*/
	background-repeat: repeat !important;
}

.ic-sidebar {
	padding: 0 12px !important;
}

.ic-content {
	padding: 40px 0;
	text-align: left;
}

.ic-content .ui.cards .card {
	 box-shadow: none;
}

.ic-content .ui.cards .card .content {
	text-align: center;
	font-weight: bold;
}



/* Mobile */

@media only screen and (max-width: 767px) {
  [class*="mobile hidden"],
  [class*="tablet only"]:not(.mobile),
  [class*="computer only"]:not(.mobile),
  [class*="large monitor only"]:not(.mobile),
  [class*="widescreen monitor only"]:not(.mobile),
  [class*="or lower hidden"] {
    display: none !important;
  }
}


/* Tablet / iPad Portrait */

@media only screen and (min-width: 768px) and (max-width: 991px) {
  [class*="mobile only"]:not(.tablet),
  [class*="tablet hidden"],
  [class*="computer only"]:not(.tablet),
  [class*="large monitor only"]:not(.tablet),
  [class*="widescreen monitor only"]:not(.tablet),
  [class*="or lower hidden"]:not(.mobile) {
    display: none !important;
  }
}


/* Computer / Desktop / iPad Landscape */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  [class*="mobile only"]:not(.computer),
  [class*="tablet only"]:not(.computer),
  [class*="computer hidden"],
  [class*="large monitor only"]:not(.computer),
  [class*="widescreen monitor only"]:not(.computer),
  [class*="or lower hidden"]:not(.tablet):not(.mobile) {
    display: none !important;
  }
}


/* Large Monitor */

@media only screen and (min-width: 1200px) {
  [class*="mobile only"]:not([class*="large monitor"]),
  [class*="tablet only"]:not([class*="large monitor"]),
  [class*="computer only"]:not([class*="large monitor"]),
  [class*="large monitor hidden"],
  [class*="widescreen monitor only"]:not([class*="large monitor"]),
  [class*="or lower hidden"]:not(.computer):not(.tablet):not(.mobile) {
    display: none !important;
  }
}



@media only screen and (min-width: 901px) {
	.ic-mobileshow {
		display: none !important;
	}
}

@media only screen and (max-width: 900px) {
	.ic-mobilehide,
	.ic-header .ic-title,
	.ic-header .ic-earth {
		display: none !important;
	}
	
	.ic-header {
		margin-top: -20px;
	}
}

.nowrap {
	white-space: nowrap;
}

/* fix for Chrome on nowrap problem */
.chrome_fix {
	font-size: 0.1px;	/* make it very small */
	line-height: 0.1px;
	visibility: hidden;	/* make it not visable */
}

#accessible {
	position: absolute;
	z-index: 1000;
	top: -1000px;	
}

.grid {
	width: 100%;
}