@charset "UTF-8";


/* INDEX SET */

.tabBoxSet { display:block; background-color:white; text-align:left; position:relative;
		border-bottom:2px solid #f6f6f6; margin-bottom:12px; overflow:hidden;
		border-radius:6px; box-shadow:0 1px 4px rgba(0,0,0,0.5);
		border:1px solid #ccc \9;
		box-shadow:0 \9;
		behavior:url(js/PIE-1.0.0/PIE.htc);
		}
.tabBoxSet .header { display:block; border-radius:6px 6px 0 0; position:relative;
		background: #fdfdfd; /* Old browsers */
		background: -moz-linear-gradient(top, #fdfdfd 0%, #f4f4f4 50%, #ededed 51%, #e4e4e4 100%); /* FF3.6+ */
		background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fdfdfd),color-stop(50%,#f4f4f4),color-stop(51%,#ededed),color-stop(100%,#e4e4e4)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* IE10+ */
		background: linear-gradient(to bottom, #fdfdfd 0%,#f4f4f4 50%,#ededed 51%,#e4e4e4 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e4e4e4',GradientType=0 ); /* IE6-9 */
		padding:0; padding-top:10px; padding-left:20px; border-bottom:1px solid #cacaca; }
.tabBoxSet .header a.headerlink { display:block; cursor:pointer; 
		font-family:微軟正黑體, Arial, Helvetica, sans-serif !important; 
		position:absolute; top:15px; right:18px; font-size:12px; padding-left:12px; }
.tabBoxSet .header a.headerlink:hover { text-decoration:underline !important; }
.tabBoxSet .header h2 { display:block; font-family:微軟正黑體, Arial, Helvetica, sans-serif !important; font-size:18px; color:#111; margin:0; line-height:1em; margin-bottom:0.5em; text-shadow:1px 1px 0 white; }
.tabBoxSet .header div.dotSet { display:block; border:0px solid red; position:absolute; top:11px; right:50px; width:auto; }
.tabBoxSet .header div.dotSet .dot {
		display:inline-block; background:#cdcfd5; height:10px; width:10px; margin:4px 3px; border-radius:20px; box-shadow:inset 0 1px 2px rgba(0,0,0,0.3); cursor:pointer;
		*float:left; *display:block; 
		background:url(../../images/dotset.png) no-repeat 0px 0 \9;
		}
.tabBoxSet .header div.dotSet .dotactive { background:#ea5700; }

/*
.dotOrderSet div.dotorange { background:#ea5700; background:url(../images/icon-global.png) no-repeat -20px -450px \9; }
.dotOrderSet div.dotorangelite { background:#f08700; background:url(../images/icon-global.png) no-repeat -20px -450px \9; }
.dotOrderSet div.dotred { background:#da3245; background:url(../images/icon-global.png) no-repeat -40px -450px \9; }
.dotOrderSet div.dotgreen { background:#619d15; background:url(../images/icon-global.png) no-repeat -60px -450px \9; }
.dotOrderSet div.dotdarkgreen{ background:#46761f; background:url(../images/icon-global.png) no-repeat -80px -450px \9; }
*/




.tabBoxSet .tabgroup { display:table; position:absolute; top:0; left:140px; height:100%; width:auto; border-right:1px solid #ccc; float:left; }
.tabBoxSet .tabgroup a { display:table-cell; padding:9px 13px 10px 13px; margin:0; font-size:13px; line-height:18px; color:#333; text-decoration:none; font-family:微軟正黑體, Arial, Helvetica, sans-serif !important; 
						border-left:1px solid #ccc; *display:block; *float:left; cursor:pointer; position:relative; width:auto; white-space:nowrap; }
.tabBoxSet .tabgroup a img { display:block; position:relative; float:right; margin-left:3px !important; }
.tabBoxSet .tabgroup a:last-child { border-right:1px solid #ccc !important; }
.tabBoxSet .tabgroup a:hover { text-decoration:underline !important; }
.tabBoxSet .tabgroup div#arrowtop,
.tabBoxSet .tabgroup div#arrowtop2 { display:block; width:15px; height:11px; position:absolute; top:30px; left:0; background:url(../../images/icon-global.png) no-repeat -150px 0px; }
.tabBoxSet .tabgroup div#arrowtopblue { display:block; width:17px; height:11px; position:absolute; top:30px; left:0; background:url(../../images_roaming/arrowtop_roaming.png) no-repeat 0 top; }
.tabBoxSet .tabgroup div#arrowtopgray { display:block; width:15px; height:11px; position:absolute; top:30px; left:0; background:url(../../images/icon-global.png) no-repeat -170px 0px; }
.tabBoxSet .tabgroup a.active {
			background: #fdfdfd; /* Old browsers */
			background: -moz-linear-gradient(top, #fdfdfd 0%, #fff 100%); /* FF3.6+ */
			background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#fdfdfd),color-stop(100%,#fff)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top, #fdfdfd 0%,#fff 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top, #fdfdfd 0%,#fff 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top, #fdfdfd 0%,#fff 100%); /* IE10+ */
			background: linear-gradient(to bottom, #fdfdfd 0%,#fff 100%); /* W3C */
			/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdfdfd', endColorstr='#fff',GradientType=0 ); /* IE6-9 */
			color:#ea5700;
			box-shadow:inset 0 1px 3px rgba(150,150,150,0.5);
			border-bottom:1px solid #ccc \9;
		}
	
	
	/* COLOR */
	.type_orange a.active { color:#ea5700 !important; }
	.type_darkred a.active { color:#da3245 !important; }
	.type_green a.active { color:#619d15 !important; }
	.type_darkgreen a.active { color:#46761f !important; }
	.type_red a.active { color:#e5002d !important; }
	.type_blue a.active { color:#55b7e5 !important; }
	.type_darkblue a.active { color:#458bc1 !important; }
	.type_gray a.active { color:#535353 !important; }
	
	.type_orange .dotactive { background-color:#ea5700 !important; background:url(../../images/dotset.png) no-repeat -20px 0 \9 !important; }
	.type_darkred .dotactive { background-color:#da3245 !important; background:url(../../images/dotset.png) no-repeat -40px 0 \9 !important; }
	.type_green .dotactive { background-color:#619d15 !important; background:url(../../images/dotset.png) no-repeat -60px 0 \9 !important; }
	.type_darkgreen .dotactive { background-color:#46761f !important; background:url(../../images/dotset.png) no-repeat -80px 0 \9 !important; }
	.type_red .dotactive { background-color:#e5002d !important; background:url(../../images/dotset.png) no-repeat -100px 0 \9 !important; }
	.type_blue .dotactive { background-color:#55b7e5 !important; background:url(../../images/dotset.png) no-repeat -120px 0 \9 !important; }
	.type_darkblue .dotactive { background-color:#458bc1 !important; background:url(../../images/dotset.png) no-repeat -140px 0 \9 !important; }
	.type_gray .dotactive { background-color:#535353 !important; background:url(../../images/dotset.png) no-repeat -160px 0 \9 !important; }
	
	
	
	.headerlink_orange {background:url(../../images/icon-rightbox.png) no-repeat 0px 0px; }
	.headerlink_darkred {background:url(../../images/icon-rightbox.png) no-repeat 0px -20px; }
	.headerlink_green {background:url(../../images/icon-rightbox.png) no-repeat 0px -40px; }
	.headerlink_darkgreen {background:url(../../images/icon-rightbox.png) no-repeat 0px -60px; }
	.headerlink_red {background:url(../../images/icon-rightbox.png) no-repeat 0px -80px; }
	.headerlink_blue {background:url(../../images/icon-rightbox.png) no-repeat 0px -100px; }
	.headerlink_darkblue{background:url(../../images/icon-rightbox.png) no-repeat 0px -120px; }
	.headerlink_gray {background:url(../../images/icon-rightbox.png) no-repeat 0px -140px; }