@charset "UTF-8";


/* INDEX SET */

.groupNavSet { height:auto; display:block; width:100%; overflow:hidden; 
		background-color:white; text-align:left; position:relative; }

.groupNavSet div.mask { width:100%; height:220px; display:block; position:absolute; top:10px; left:0; overflow:hidden; }
.groupNavSet div.mask div.contain { height:220px; display:block; position:absolute; top:0; left:0; overflow:hidden; width:2900px; }
.groupNavSet div.mask div.contain a { float:left; border:0; margin:0; padding:0; display:block; position:relative; overflow:hidden; text-align:center; text-decoration:none; }
.groupNavSet div.mask div.contain a:hover { /*text-decoration:underline;*/ }
.groupNavSet div.mask div.contain a img { display:block; border:0; margin:0px auto 10px auto !important; padding:0; }
.groupNavSet div.mask div.contain a p { display:block; border:0; font-size:13px; font-family:微軟正黑體, Arial, Helvetica, sans-serif !important; margin:0; padding:0; font-weight:bold; color:#333; line-height:16px; word-wrap:break-word; }
.groupNavSet div.mask div.contain a p.cat { font-size:12px; color:#aaa; margin-top:3px; }
.groupNavSet div.bordertop { border-top:1px solid #ced0d5; }
.groupNavSet div.menuset { display:block; position:absolute; bottom:0; left:0; width:100%; height:25px; text-align:center; padding-top:10px; }
.groupNavSet div.menuset div.dot { display:inline-block; background:#cdcfd5; height:11px; width:11px; margin:2px; border-radius:20px; box-shadow:inset 0 1px 2px rgba(0,0,0,0.3); cursor:pointer; }

.groupNavSet .iconPrev,
.groupNavSet .iconNext { display:block; cursor:pointer; position:absolute; top:50%; margin-top:-19px; width:38px; height:38px; }
.groupNavSet .iconPrev { background:url(../../images/icon-tabarrow.png) no-repeat 3px 6px; left:5px; }
.groupNavSet .iconNext { background:url(../../images/icon-tabarrow.png) no-repeat -166px -44px; right:5px; }

.groupNavSet div.fixbannerblock { display:inline-block; position:relative; height:100%; border-right:1px dotted #ccc; }
.groupNavSet div.fixbannerblock a { display:block; margin:10px !important; }
.groupNavSet div.fixbannerblock a img { vertical-align:middle !important; }

.groupNavSet div.mask div.type_orange a:hover { color:#ea5700; }
.groupNavSet div.mask div.type_darkred a:hover { color:#da3245; }
.groupNavSet div.mask div.type_green a:hover { color:#619d15; }
.groupNavSet div.mask div.type_darkgreen a:hover { color:#46761f; }
.groupNavSet div.mask div.type_red a:hover { color:#e5002d; }
.groupNavSet div.mask div.type_blue a:hover { color:#55b7e5; }
.groupNavSet div.mask div.type_darkblue a:hover { color:#458bc1; }
.groupNavSet div.mask div.type_gray a:hover { color:#535353; }

.groupNavSet div.mask div.type_orange a:hover p { color:#ea5700; }
.groupNavSet div.mask div.type_darkred a:hover p { color:#da3245; }
.groupNavSet div.mask div.type_green a:hover p { color:#619d15; }
.groupNavSet div.mask div.type_darkgreen a:hover p { color:#46761f; }
.groupNavSet div.mask div.type_red a:hover p { color:#e5002d; }
.groupNavSet div.mask div.type_blue a:hover p { color:#55b7e5; }
.groupNavSet div.mask div.type_darkblue a:hover p { color:#458bc1; }
.groupNavSet div.mask div.type_gray a:hover p { color:#535353; }


.groupNavSet div.menuset div.active_orange { background:#ea5700; }
.groupNavSet div.menuset div.active_darkred { background:#da3245; }
.groupNavSet div.menuset div.active_green { background:#619d15; }
.groupNavSet div.menuset div.active_darkgreen { background:#46761f; }
.groupNavSet div.menuset div.active_red { background:#e5002d; }
.groupNavSet div.menuset div.active_blue { background:#55b7e5; }
.groupNavSet div.menuset div.active_darkblue { background:#458bc1; }
.groupNavSet div.menuset div.active_gray { background:#535353; }


.groupset_app_horizontal div.mask div.contain a { display:table-row; text-align:left; }
.groupset_app_horizontal div.mask div.contain a div { display:table-row; text-align:left; }
.groupset_app_horizontal div.mask div.contain a img { display:table-cell; float:left; border:0; margin:0; padding:0; }
.groupset_app_horizontal div.mask div.contain a div { display:table-cell; text-align:left; margin:0; padding:5px 13px; padding-top:20px; }
.groupset_app_horizontal div.mask div.contain a div.short { padding:3px 8px; padding-top:8px; }
.groupset_app_horizontal div.mask div.contain a div p { display:block; border:0; font-size:13px; font-family:微軟正黑體, Arial, Helvetica, sans-serif !important; 
	margin:0; padding:0; text-align:left; word-wrap:break-word;
	font-weight:bold; color:#333; line-height:16px; }
.groupset_app_horizontal div.mask div.contain a div p.cat { font-size:12px; color:#888; font-weight:normal; margin-top:3px; padding-top:0 !important;  }
.groupset_app_horizontal div.mask div.contain a div p span { line-height:16px !important; }


/* ICON */
.contain b.iconOrange { background:#ea5700; border-radius:4px; margin:4px; color:white; font-size:12px; padding:5px; }
.contain b.iconDarkred { background:#da3245; border-radius:4px; margin:4px; color:white; font-size:12px; padding:5px; }
.contain b.iconGreen { background:#619d15; border-radius:4px; margin:4px; color:white; font-size:12px; padding:5px; }
.contain b.iconDarkgreen { background:#46761f; border-radius:4px; margin:4px; color:white; font-size:12px; padding:5px; }
.contain b.iconRed { background:#e5002d; border-radius:4px; margin:4px; color:white; font-size:12px; padding:5px; }
.contain b.iconBlue { background:#55b7e5; border-radius:4px; margin:4px; color:white; font-size:12px; padding:5px; }
.contain b.iconDarkblue { background:#458bc1; border-radius:4px; margin:4px; color:white; font-size:12px; padding:5px; }
.contain b.iconGray { background:#535353; border-radius:4px; margin:4px; color:white; font-size:12px; padding:5px; }
.contain b.iconBlack { background:#333; border-radius:4px; margin:4px; color:white; font-size:12px; padding:5px; }