html * { max-height:9999999px; }
body { margin:0; }
body, td, input, select, textarea{ font-size: 12px; font-family: Arial, Helvetica, sans-serif; }


a {color:#323232; text-decoration: none;}
a:hover {color:#CC3300;}

form {margin:0px;}

img { border: 0px;}

.center {text-align:center;}
.absmiddle { vertical-align: middle;}
.clear {clear:both; *display:inline;}
.nodata {height:60px; text-align:center; padding-top:25px; color:#666;}

/*** 文字顏色 ***/
.fg1 {color:#999A9C;}
.fg2 {color:#9B0002;}
.fg3 {color:#CB0000;}
.fg4 {color:#005871;}
.fg5 {color:#FF3200;}
.fg6 {color:#989898;}

/*** LINE ***/
.mh2 {height:2px; overflow:hidden;}
.mh3 {height:3px; overflow:hidden;}
.mh5 {height:5px; overflow:hidden;}
.mh6 {height:6px; overflow:hidden;}
.mh8 {height:8px; overflow:hidden;}
.mh10 {height:10px; overflow:hidden;}
.mh15 {height:15px; overflow:hidden;}

.visual {width:1000px; margin:0 auto;}
.visual .list {float:left; width:222px; text-align:center;}
.visual .list .area {width:142px; margin:0 auto; text-align:left;}
.visual .list .area .bt {text-align:center; height:46px;}
.visual .list .area .canvas {padding:22px 0 22px 0;}
.visual .list .area .canvas .slider {width:142px; height:480px; position:relative; overflow:hidden;}
.visual .list .area .canvas .item {width:142px; height:160px;}
.visual .list .area .canvas .item .border {width:140px; height:140px; border:1px solid #B1B1B1; position:relative;}
.visual .list .area .canvas .item .border .t1 {position:absolute; width:6px; height:6px; left:-1px; top:-1px; }
.visual .list .area .canvas .item .border .t2 {position:absolute; width:6px; height:6px; right:-1px; top:-1px; }
.visual .list .area .canvas .item .border .f1 {position:absolute; width:6px; height:6px; left:-1px; bottom:-1px; }
.visual .list .area .canvas .item .border .f2 {position:absolute; width:6px; height:6px; right:-1px; bottom:-1px; }
img.PNG { vertical-align:top; }
.visual .list .area .canvas .item .border .pic {width:140px; height:140px; display:table-cell; text-align:center; vertical-align:middle;
	*line-height:140px; white-space:nowrap; /* IE */ *font-size:126px; /* 140px * 0.9 */ *font-family:Arial;
}
.visual .list .area .canvas .item .border .pic:after {content:"."; font-size:1px; margin-left:-1px; opacity:0;}
.visual .list .area .canvas .item .border .pic img {vertical-align:middle;}
.visual .list .area .canvas .item .border .name {
	position:absolute; width:140px; text-align:center; color:#333333; font-weight:bold; font-size:20px; left:0px; top:104px; *top:108px; top:108px\0;
	text-shadow:-1px -1px 1px white; -moz-text-shadow:-1px -1px 1px white; -webkit-text-shadow:-1px -1px 1px white;
	filter:glow(color=#FFFFFF,strength=4);
}
.visual .list .area .canvas .item .border .name a {color:#333333;}
.visual .list .area .canvas .item .border .name2 {
	position:absolute; width:140px; text-align:center; color:#333333; font-weight:bold; font-size:20px; left:0px; top:104px; *top:108px; top:108px\0;
	text-shadow:2px 2px 1px white; -moz-text-shadow:2px 2px 1px white; -webkit-text-shadow:2px 2px 1px white;
	*display:none; display:none\9\0;
}
.visual .list .area .canvas .item .border .name2 a {color:#333333;}

.visual .intro {float:left; width:778px;}
.visual .intro .size {width:734px; text-align:center;}
.visual .intro .size .head {margin:0 auto; text-align:center;}
.visual .intro .size .head .hl {width:8px; height:34px; background:url(../images/visual/vtl.jpg) left top no-repeat;}
.visual .intro .size .head .hr {width:8px; height:34px; background:url(../images/visual/vtr.jpg) left top no-repeat;}
.visual .intro .size .head .hm {width:192px; text-align:center; background:#FF6600; font-size:14px; font-weight:bold; color:#FFFFFF;}
.visual .intro .bord {margin-top:33px; border:3px solid #E8E8E8; width:728px; min-height:548px; _height:548px; position:relative;}
.visual .intro .bord .t1 {position:absolute; width:10px; height:10px; left:-3px; top:-3px; overflow:hidden;}
.visual .intro .bord .t2 {position:absolute; width:10px; height:10px; right:-3px; top:-3px; overflow:hidden;}
.visual .intro .bord .f1 {position:absolute; width:10px; height:10px; left:-3px; bottom:-3px; overflow:hidden;}
.visual .intro .bord .f2 {position:absolute; width:10px; height:10px; right:-3px; bottom:-3px; overflow:hidden;}
.visual .intro .data {padding:10px 25px 10px 25px;}
.visual .intro .data .name {line-height:16px; color:#FF6400; text-align:center; font-weight:bold; font-size:14px;}
.visual .intro .data .desc {min-height:376px; _height:376px; line-height:24px; color:#333333; text-align:left;}

.visual .exam {width:922px; text-align:center;}
.visual .exam .head {margin:0 auto; text-align:center;}
.visual .exam .head .hl {width:8px; height:34px; background:url(../images/visual/vtl.jpg) left top no-repeat;}
.visual .exam .head .hr {width:8px; height:34px; background:url(../images/visual/vtr.jpg) left top no-repeat;}
.visual .exam .head .hm {width:638px; text-align:left; background:#FF6600; color:#FFFFFF; font-size:12px;}
.visual .exam .head .hm span {font-weight:bold; margin:0 28px 0 28px; font-size:14px;}
.visual .exam .bord {margin:0 auto; margin-top:33px; border:3px solid #E8E8E8; width:916px; min-height:548px; _height:548px; text-align:left; position:relative;}
.visual .exam .bord .t1 {position:absolute; width:10px; height:10px; left:-3px; top:-3px; overflow:hidden;}
.visual .exam .bord .t2 {position:absolute; width:10px; height:10px; right:-3px; top:-3px; overflow:hidden;}
.visual .exam .bord .f1 {position:absolute; width:10px; height:10px; left:-3px; bottom:-3px; overflow:hidden;}
.visual .exam .bord .f2 {position:absolute; width:10px; height:10px; right:-3px; bottom:-3px; overflow:hidden;}
.visual .exam .bord .pg {position:absolute; right:8px; bottom:8px; font-size:15pt; font-weight:bold; color:#999999;}
.visual .exam .bord .ext {position:absolute; left:8px; bottom:8px; font-size:15pt; font-weight:bold; color:#999999;}

.visual .exam .animate {position:absolute; width:100%; height:100%; overflow:hidden;}
.visual .exam .animate .watch {position:absolute; width:100%; height:40px; left:0px; top:254px; line-height:32px; font-size:20pt; font-weight:bold; color:#393939; text-align:center; z-index:61;}
.visual .exam .animate .apic {position:absolute; z-index:60;}

.visual .exam .data {padding:10px; text-align:center;}
.visual .exam .data .title {}
.visual .exam .data .title .border {float:left; width:92px; height:92px; border:1px solid #B6B6B4;}
.visual .exam .data .title .border .img {width:92px; height:92px; display:table-cell; text-align:center; vertical-align:middle;
	*line-height:140px; white-space:nowrap; /* IE */ *font-size:82px; /* 92px * 0.9 */ *font-family:Arial;
}
.visual .exam .data .title .border .img:after {content:"."; font-size:1px; margin-left:-1px; opacity:0;}
.visual .exam .data .title .border .img img {vertical-align:middle;}
.visual .exam .data .title .time {float:right; width:92px; height:92px; text-align:center;}
.visual .exam .data .title .time div {font-size:10pt; color:#FF3333; line-height:22px;}
.visual .exam .data .title .time span {display:block; font-size:32pt; color:#FF3333; line-height:40px;}
.visual .exam .data .title .txt {padding-top:72px; line-height:46px; font-size:26px;}
.visual .exam .data .title .txt span {color:red; font-weight:bold;}
.visual .exam .data .in {width:796px; margin:0 auto; text-align:center;}
.visual .exam .data .line {width:796px; margin:0 auto; height:5px; background:url(../images/visual/icon_exdot.gif) left top repeat-x;}
.visual .exam .data .answer {width:796px; margin:0 auto; text-align:center;}
.visual .exam .data .answer .box {width:100%;}
.visual .exam .data .desc {width:790px; margin:0 auto; line-height:24px; color:#333333; text-align:left;}
.visual .exam .data .rtit {width:790px; margin:0 auto; font-size:12pt; line-height:24px; color:#333333; text-align:left;}

.visual .exam .data .prod {width:796px; margin:0 auto;}
.visual .exam .data .prod .item {float:left; width:265px; text-align:center;}
.visual .exam .data .prod .item .pimg {width:202px; height:202px; border:1px solid #A3A3A3; margin:0 auto; background:#FFFFFF;}
.visual .exam .data .prod .item .pimg .img {width:202px; height:202px; display:table-cell; text-align:center; vertical-align:middle;
	/* IE */ *font-size:181.8px;  /* 202px * 0.9 */ *font-family:Arial;
}
.visual .exam .data .prod .item .pimg .img:after {content:"."; font-size:1px; margin-left:-1px; opacity:0;}
.visual .exam .data .prod .item .pimg .img img {vertical-align:middle;}
.visual .exam .data .prod .item .pname {text-align:center; line-height:18px; color:#323232;}
.visual .exam .data .prod .item .pname a {color:#323232;}
.visual .exam .data .prod .item .pname a:hover {color:#CC3300;}