/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav{
	padding:0px 15px;
}
.ui-tabs-nav a{
	color:#FFFFFF;
	text-decoration:none;
}
.ui-tabs-nav a:hover{
	color:#FFFFFF;
	text-decoration:underline;
}
.ui-tabs-nav li{
	float:left;
	width:110px;
	height:27px;
	margin:0px 4px;
	background-image:url(../images/toptab/tab02.png);
	background-repeat:no-repeat;
	line-height:27px;
	text-align:center;
	font-weight:bold;
}
.ui-tabs-nav li:hover{
	float:left;
	width:110px;
	height:27px;
	background-image:url(../images/toptab/tab_onclick02.png);
	background-repeat:no-repeat;
	line-height:27px;
	text-align:center;
	font-weight:bold;
}
.ui-tabs-selected a span{
	float:left;
	width:110px;
	height:27px;
	background-image:url(../images/toptab/tab_onclick02.png);
	background-repeat:no-repeat;
	line-height:27px;
	text-align:center;
	font-weight:bold;
}
#fragment-1{
	clear:both;
}
#fragment-2{
	clear:both;
}
#fragment-3{
	clear:both;
}
#fragment-4{
	clear:both;
}
#fragment-5{
	clear:both;
}

/* ƒ^ƒu‚Ì“à‘¤ */
.ui-tab-box{
	padding:5px 20px 5px 20px;
	background-image:url(../images/toptab/tab-box03.jpg);
}
.ui-tab-title{
	padding:0px 0px 5px 5px;
	border-bottom:solid 1px #003FB8;
	font-weight:bold;
}
.ui-tab-text01{
	padding:10px 0px 0px 10px;
}
.ui-tab-text02{
	padding:10px 0px 0px 30px;
	color:#FF0000;
}
.ui-tab-text03{
	padding:20px 0px 0px 30px;
	font-weight:bold;
}
.ui-tab-text04{
	padding:10px 0px 0px 30px;
}