/*--- general ---*/
.g-area08 .g-blk03 .ttl li { font-size:14px}


/*--- special ---*/
.productListCollegeBrief { padding:15px 20px; border:1px solid #dbdbdb; background:#fff}
.productListCollegeBrief .pic { float:left; width:182px; height:72px; padding:1px; border:1px solid #dbdbdb}
.productListCollegeBrief .pic img { width:100%; height:100%; vertical-align:top}
.productListCollegeBrief .txt { float:left; width:534px; padding-left:12px; line-height:24px}
.productListCollegeBrief .txt h2 { font-size:14px}
.productListCollegeBrief .txt a { color:#c00}

.productListMajorBrief { padding:15px 20px; border:1px solid #dbdbdb; background:#fff}
.productListMajorBrief .name { float:left; width:186px; background:#f3f3f3}
.productListMajorBrief .name td { width:186px; height:72px; text-align:center}
.productListMajorBrief .name td:hover { background:#e6e6e6}
.productListMajorBrief .name h2 a { display:table-cell; cursor:pointer; width:186px; height:72px; text-align:center; vertical-align:middle; font-size:14px}
.productListMajorBrief .name strong, .productListMajorBrief .name small { display:block; overflow:hidden; height:20px}
.productListMajorBrief .name small { font-size:12px}
.productListMajorBrief .txt, .productListMajorBrief .base { float:left; width:534px; padding-left:12px; line-height:24px}
.productListMajorBrief .base dl { float:left; width:100%}
.productListMajorBrief .base dt { float:left; width:60px}
.productListMajorBrief .base dd { float:left; width:474px}
.productListMajorBrief a { color:#c00}

.productListCollegeAndMajorBrief { padding:15px 20px; border:1px solid #dbdbdb; background:#fff}
.productListCollegeAndMajorBrief .pic { float:left; width:182px; height:72px; padding:1px; border:1px solid #dbdbdb}
.productListCollegeAndMajorBrief .pic img { width:100%; height:100%; vertical-align:top}
.productListCollegeAndMajorBrief .base { float:left; width:534px; padding-left:12px; line-height:24px}
.productListCollegeAndMajorBrief .base h2 { float:left; width:100%; font-size:14px}
.productListCollegeAndMajorBrief .base dl { float:left; width:100%; line-height:20px}
.productListCollegeAndMajorBrief .base dt { float:left; width:60px}
.productListCollegeAndMajorBrief .base dd { float:left; width:474px}
.productListCollegeAndMajorBrief a { color:#c00}

.productListFilter { padding:4px 0 20px; border:1px solid #dbdbdb; background:url(images/XL_v2_g_block.png) left bottom repeat-x #fff}
.productListFilter .panel { padding:2px 20px 6px; border-bottom:1px solid #dbdbdb}
.productListFilter .panel dt { float:left; width:64px}
.productListFilter .panel dd.list { float:left; width:588px}
.productListFilter .panel dd.list span { float:left; padding:0 4px}
.productListFilter .panel dd.list span a { float:left; padding:0 8px; color:#fff; background:#0084d8}
.productListFilter .panel dd.list span a q { display:inline-block; width:8px; height:8px; margin-left:8px; vertical-align:middle; font-size:0; background:url(images/XL_v2_g_icon_01.png) 0 -630px no-repeat}
.productListFilter .panel dd.list span a:hover { text-decoration:none}
.productListFilter .panel dd.close { float:left; width:80px; text-align:right}
.productListFilter .filter { overflow:hidden; width:100%}
.productListFilter .filter li { float:left; overflow:hidden; width:734px; margin-top:-1px; padding:6px 20px; line-height:24px; background:url(images/XL_v2_g_line_hr.png) left top repeat-x}
.productListFilter .filter li h4 { float:left; width:48px; font-weight:normal}
.productListFilter .filter li .value { float:left; width:642px; _margin-right:-3px}
.productListFilter .filter li .value span { float:left; overflow:hidden; width:96px; height:24px; padding-right:11px}
.productListFilter .filter li .value span a { display:block; width:100%; color:#0084d8}
.productListFilter .filter li .value span a:hover { color:#c00}
.productListFilter .filter li .value span.selected a { color:#c00!important}
.productListFilter .filter li big { float:left; display:none; width:44px; padding-top:2px}
.productListFilter .filter li big span { vertical-align:top}
.productListFilter .filter li big span a { padding:0 15px 0 5px}
.productListFilter .filter li big span em { display:inline-block; vertical-align:top; background:url(images/XL_v2_g_icon_01.png) 31px -892px no-repeat}
.productListFilter .filter li big.opened span em { background-position:31px -952px}
.productListFilter .filter li.flood { overflow:hidden; height:48px}
.productListFilter .filter li.flood big { display:block}
.productListFilter .filter li.major_s1 .value { width:686px}
.productListFilter .filter li.major_s1 .value span { position:relative; overflow:visible; width:auto; padding-right:24px}
.productListFilter .filter li.major_s1 .value span a { display:inline}
.productListFilter .filter li.major_s1 .value span a:hover { text-decoration:none; color:#0084d8}
.productListFilter .filter li.major_s1 .value span q { display:none; position:absolute; z-index:1; left:50%; top:23px; overflow:hidden; width:0; height:0; margin-left:-22px; font:normal 0/9999px serif; border-width:0 10px 10px; border-style:dashed dashed solid; border-color:transparent transparent #ccc}
.productListFilter .filter li.major_s1 .value span q.in { position:absolute; z-index:2; left:50%; top:24px; overflow:hidden; width:0; height:0; margin-left:-22px; font:normal 0/9999px serif; border-width:0 10px 10px; border-style:dashed dashed solid; border-color:transparent transparent #f7f7f7}
.productListFilter .filter li.major_s1 .value span.chosen q { display:block}
.productListFilter .filter li.major_s1 .sub { clear:both; width:698px; padding:8px 0 0 36px}
.productListFilter .filter li.major_s1 .sub ul { overflow:hidden; width:672px; height:72px; padding:8px 12px; border:1px solid #dbdbdb; border-radius:5px; background:#f7f7f7}
.productListFilter .filter li.major_s1 .sub li { display:none; width:100%; margin:0; padding:0; background:none}
.productListFilter .filter li.major_s1 .sub li.show { display:block}
.productListFilter .filter li.major_s1 .sub li .value { width:100%}
.productListFilter .filter li.major_s1 .sub li .value span { position:static; overflow:hidden; width:96px; padding-right:11px}
.productListFilter .filter li.major_s1 .sub li .value span a { display:block}
.productListFilter .filter li.major_s1 .sub li .value span a:hover { text-decoration:underline; color:#c00}

.productListSort { padding:10px 20px; border:1px solid #dbdbdb; background:#fff}
.productListSort .sort { float:left}
.productListSort .sort li { float:left; width:84px; height:24px; line-height:24px; border-right:1px solid #fff}
.productListSort .sort li a { display:block; width:66px; padding:0 12px 0 6px; text-align:center; background:url(images/XL_v2_g_icon_01.png) no-repeat #eee}
.productListSort .sort li a.s1 { width:100%; padding:0; background-image:none}
.productListSort .sort li a.s2 { background-position:65px -1252px}
.productListSort .sort li a.s3 { background-position:65px -1312px}
.productListSort .sort li a:hover { text-decoration:none; background-color:#e6e6e6}
.productListSort .sort li.selected a, .productListSort .sort li.selected a:hover { color:#fff; background-color:#656565}
.productListSort .sort li.selected a.s2 { background-position:65px -1282px}
.productListSort .sort li.selected a.s3 { background-position:65px -1342px}
.productListSort .c-paginator-mini { padding-top:4px}

.productList { border:1px solid #dbdbdb; border-top:0; background:url(images/XL_v2_g_block.png) left bottom repeat-x #fff}
.productList .item { padding:20px 20px 32px; border-bottom:1px solid #dbdbdb; background:url(images/XL_v2_g_block.png) left bottom repeat-x #fff}
.productList .item .college { float:left; width:186px}
.productList .item .college .pic { width:182px; height:72px; padding:1px; border:1px solid #dbdbdb}
.productList .item .college .pic img { width:100%; height:100%; vertical-align:top}
.productList .item .college .name { overflow:hidden; height:30px; padding:0 8px; line-height:30px; text-align:center; font-size:14px; border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; background:#f3f3f3}
.productList .item .college .sum { overflow:hidden; height:20px; padding:0 8px 10px; text-align:center; border:1px solid #dbdbdb; border-top:0; background:#f3f3f3}
.productList .item .college .sum span { padding:0 6px; color:#999}
.productList .item .college .sum span a { color:#999}
.productList .item .info { float:left; width:534px; padding-left:12px}
.productList .item .info h3 { overflow:hidden; height:28px; line-height:28px; font-size:16px}
.productList .item .info h3 a { color:#0084d8}
.productList .item .info h3 a:hover { color:#c00}
.productList .item .info .txt, .productList .item .info .base { overflow:hidden; height:79px; line-height:22px; color:#999}
.productList .item .info .base dl { float:left; width:100%}
.productList .item .info .base dt { float:left; width:91px; font-weight:bold}
.productList .item .info .base dd { float:left; width:443px}
.productList .item .info .other .func { float:right}
.productList .item .info .other .func span { margin-left:12px; vertical-align:top}
.productList .item .info .other .more { float:left; width:80px; padding:6px 20px 0 0}
.productList .item .info .other .more span { position:relative}
.productList .item .info .other .more span q { position:absolute; z-index:1; left:50%; top:-4px; overflow:hidden; width:0; height:0; margin-left:-2px; font:normal 0/9999px serif; border-width:0 4px 4px; border-style:dashed dashed solid; border-color:transparent transparent #9f9f9f}
.productList .item .info .other .more span a { width:80px; padding:0}
.productList .item .info .other .more span a:hover q { border-bottom-color:#888}
.productList .item .info .other .fee, .productList .item .info .other .sum { float:left; padding-top:6px; line-height:24px}
.productList .item .info .other .fee span { padding-right:20px}
.productList .item .info .other .sum { display:none}
.productList .item .info .other .sum span { padding-right:12px; color:#999}
.productList .item .info .other .sum span a { color:#999}
.productListShort .item .college { display:none}
.productListShort .item .info .other .sum { display:block}
.productListShort .item .info { width:100%; padding:0}
.productListShort .item .info .txt, .productListShort .item .info .base { height:57px}
.productListShort .item .info .base dd { overflow:hidden; width:641px; height:22px}

.productListNoResult { padding:60px 0 200px 200px; line-height:24px; font-size:14px; border:1px solid #dbdbdb; background:url(images/XL_v2_g_block.png) left bottom repeat-x #fff}
.productListNoResult h3 { padding-bottom:8px; font-size:18px}
.productListNoResult li a { color:#0084d8}
.productListNoResult li a:hover { color:#c00}
.productListNoResult li i { padding-left:2px}

.productListCategory { padding:8px 20px 20px; line-height:28px}
.productListCategory h4 { position:relative; height:28px}
.productListCategory h4 a { position:absolute; left:-9px; padding-left:9px; background:url(images/XL_v2_g_icon_01.png) 0 -830px no-repeat}
.productListCategory ul { position:relative; z-index:1; margin-left:4px; background:url(images/XL_v2_productList.png) -9px 0 repeat-y}
.productListCategory li { padding-left:16px; background:url(images/XL_v2_productList.png) 0 13px no-repeat}
.productListCategory li a { display:block; width:100%}
.productListCategory li.selected a { color:#c00}
.productListCategory li.cover { position:absolute; z-index:1; left:0; bottom:0; overflow:hidden; width:1px; height:14px; padding:0; background:#fff}

.productListSiderFilter { padding:8px 20px 20px; line-height:28px}
.productListSiderFilter li { overflow:hidden; height:28px; padding-left:10px; line-height:28px; background:url(images/XL_v2_g_icon_01.png) 0 13px no-repeat}
.productListSiderFilter li a { display:block; width:100%}
.productListSiderFilter li.selected a { color:#c00}