@charset "utf-8";
/***************************************
    copyright by MakeWeb.com.tw 
***************************************/

.tabs_simple_blue {
	overflow: hidden;
}

.tabs_simple_blue .subject{
	padding:14px 0;
}

/* root element for tabs  */
.tabs_simple_blue ul.tabs { 
	display: table;
	margin: 0;
	padding: 0px;
	width: 1100px;
	list-style:none; 
	border-bottom: 1px solid #E9ECEF;
}

/* single tab */
.tabs_simple_blue ul.tabs li {
	/*float:left;	 */
	position: relative;
	display: inline-block;
	text-indent:0;
	padding: 9px 6px;
	margin:0 !important;
	list-style-image:none !important;
}

/* link inside the tab. uses a background image */
.tabs_simple_blue ul.tabs a { 
	position: relative;
	padding: 8px 16px;
	font-size: 2rem;
	text-align:center;
	text-decoration:none;
	color:#888;
}

.tabs_simple_blue ul.tabs a:active {
	color:#272727;
	outline:none;
}

/* when mouse enters the tab move the background image */
.tabs_simple_blue ul.tabs a:hover {
	color:#272727;
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
.tabs_simple_blue  ul.tabs .current, .tabs_simple_blue  ul.tabs .current:hover, .tabs_simple_blue  ul.tabs li.current a {
	background-position: -652px -62px;		
	cursor:default !important; 
	color:#272727 !important;
	/*font-weight: bold;*/
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 0 */
.tabs_simple_blue ul.tabs .w0 {  }
.tabs_simple_blue ul.tabs .w0:hover { 
	border-bottom:4px solid #E10028; 
}
.tabs_simple_blue ul.tabs .w0.current { 
	border-bottom:4px solid #E10028; 
}


/* initially all panes are hidden */ 
/*.panes .pane {
	display:none;
}*/

/* tab pane styling */
.tabs_simple_blue .panes {
	display:block;
	/*width:700px;*/
	padding:30px 10px;
	background-color:#fff;
}

/* tab pane 的內容 styling */
.tabs_simple_blue .panes .content {
	color:#999;
	line-height:20px;
	margin:10px 0;
}


/*-------------------------------------------- 
	Media Queries 
---------------------------------------------*/
/* Portrait and Landscape */
/*@media only screen and (min-device-width: 320px) and (max-device-width: 568px) and (-webkit-min-device-pixel-ratio: 2) {
}*/

@media screen and (max-width: 1023px) {

}


/*iPhoe*/
@media screen and (max-width: 760px) {

	.tabs_simple_blue ul.tabs { 
		width: 100%;
	}

}