@charset "utf-8";
/* CSS Document */
/* basic */
h1{font:bold 30px Arial,Helvetica;margin:0;}
h2{font:bold 25px Arial,Helvetica;margin:0;}
h3{font:bold 20px Arial,Helvetica;margin:0;}
h4{font:bold 17px Arial,Helvetica;margin:0;}
h5{font:bold 14px Arial,Helvetica;margin:0;}
h6{font:bold 11px Arial,Helvetica;margin:0;}
sub{font:normal 10px Arial,Helvetica;margin:0;padding:0}
.clear{clear:both}
a{color:#900;background:none;text-decoration:none}
a:hover{background:#f00;color:#FFFFFF}
p{font:normal 12px/16px Arial,Helvetica;}
.text {font:normal 12px Arial,Helvetica;}

.c-red{color:#f00}
.c-red2{color:#900}
.c-grey{color:#666}
.spacer-s{height:5px;display:block;}
.spacer-m{height:10px;display:block;}
.spacer-l{height:20px;display:block;}
.hide{display:none}
.show{display:block}
#alert {background:#F00;color:#fff;padding:0px 5px;font:bold 14px Arial, Helvetica, sans-serif;}
#alert ul{margin:0; list-style-type:none}
#wrapper{position:relative}
#load {display:none;position:absolute;top:225px;left:140px;width:200px;height:25px;padding:34px 0 0 0;text-align:center;background:#fff url(images/gif-loading.gif) no-repeat 90px 14px;border:1px solid #999;font:normal 10px Arial;color:#333} 
#pagging {text-align:center;font:normal 12px Arial,Helvetica;}
#pagging ul{}
#pagging li{display:inline; margin:0 3px}
/* custom */
#body{background:#000;}
#fr{width:980px;margin:0 auto;}
#fr .intro{text-align:center;color:#fff}
#fr .intro h5{margin:60px 0 0 0}
#fr .body {background:#fff url(images/base-bg.jpg) repeat-x;}
#fr .body2 {background:#fff;}
#fr .c1 {width:190px;float:left;}
#fr .c2 {width:790px;float:right;}
#fr .ci1 {width:325px;margin:35px 0 0 23px;float:left;}
#fr .ci2 {width:385px;margin:35px 30px 0 23px;float:right;}
#fr .cau{width:725px;margin:35px 0 0 0px;padding:0 20px;}
#fr .con-table{background:url(images/vert-line.png) repeat-y 360px 0;margin:25px 0;font:bold 12px Arial}
#fr .cn1{width:475px;margin:0 0 0 0;float:left;background:url(images/vert-line.png) repeat-y 473px 0}
#fr .cn2{width:225px;margin:0 0 0 0;float:right;}

#fr .menu {font:bold 11px Arial;margin:0 0 200px 0}
#fr .menu ul{margin:0 0 0 26px;padding:0;list-style-type: none;}
#fr .menu li {display:block;margin:0 0 5px 0;width:139px}
#fr .menu a {padding:2px 5px;display:block;background:none;color:#000;}
#fr .menu a:hover {display:block;background:#f00;color:#fff;}
#fr .footer{background:#fff;margin:5px 0 0 0;padding:10px 0;text-align:center}


/* design */
#fr .img-intro {margin:50px 8px 0 0;}
#fr .img-logo {margin:35px 0 10px 26px;}
#fr .img-top {margin:0;}
#fr .slide-head{font:bold 17px Arial,Helvetica;padding:0 0 2px 0;margin:0 0 5px 0;border-bottom:1px solid #000}
#fr .aus{font:normal 11px Tahoma;height:620px}
#fr .aus ul{list-style-type: none;margin:10px 0 0 0}
#fr .aus li{margin:0px 0;height:17px;padding:2px 0 0 22px}
#fr .aus-box1{width:310px;margin:15px 0 0 25px;padding:5px;float:left;}
#fr .aus-box2{width:310px;margin:15px 25px 0 0;padding:5px;float:right;}
#fr .aus-pics{width:100px;border:1px solid #000;float:left;margin:0 0 0 0;}
#fr .aus-txt{width:200px;padding:0;float:right;}
#fr .list-n {font:bold 11px Arial;margin:10px 0 25px 0;}
#fr .list-n ol{margin:0 0 0 18px}
#fr .list-n li{margin:0 0 3px 0}
#fr .list-c {font:normal 11px Arial;margin:10px 0;}
#fr .list-c ul{margin:0 0 0 22px;list-style-image: url(images/icon-mc.png);}
#fr .list-c li{margin:0 0 2px 0}
#fr .list-c p{font:normal 11px Arial; font-style:italic;margin:2px 0 0 0} 
#fr .list-f{margin:0 0 0 20px;padding:0;font:normal 11px Arial}

#fr .fb{background:url(images/icon-fb.png) no-repeat 0 0;}
#fr .email{background:url(images/icon-email.png) no-repeat 0 0;}
#fr .ym{background:url(images/icon-ym.png) no-repeat 0 0;}
#fr .url{background:url(images/icon-url.png) no-repeat 0 0;}

#curtain{width:100%;height:100%;position:absolute;top:0;left:0;background:#000;display:none;opacity:0;filter:alpha(opacity=0);}
.msg-intro{width:auto;height:auto;background:#fff;border:1px solid #333;text-align:center;padding:10px 5px;color:#333;font:bold 16px Arial;position:relative;top:-150px;opacity:0;display:none;}
#enter {margin:20px 0 0 0}
#enter a{color:#fff;font:bold 15px Arial;text-decoration:underline;padding:5px 35px}
#enter a:hover{color:#f00;background:none;text-decoration:underline}

#contribute .alert {font:normal 11px/15px Arial;color:#f00;margin:0 0 0 0}
#contribute .alert ul{margin:10px 0 -10px 25px}
#contribute .thanks{font:bold 18px/26px Arial;text-align:center;margin:135px 0 15px 0}

#article {}
#article .box{width:365px;margin:10px 0 10px 10px;}
#article .pics{width:120px;height:90px;overflow:hidden;background:#000;border:1px solid #000;float:left;margin-right:5px}
#article p{font-size:11px;line-height:12px;padding-top:3px}
#article sub{color:#666}

#article2 {height:1000px}
#article2 .box{width:440px;margin:10px 0 10px 10px;}
#article2 .pics{width:120px;height:90px;overflow:hidden;background:#000;border:1px solid #000;float:left;margin-right:5px}
#article2 p{font-size:12px;line-height:12px;padding-top:3px}
#article2 sub{color:#666}
#article2 h6{font-size:12px;}
#article2 .nav{width:465px;padding:5px 0;margin:0 auto;border-bottom:1px solid #ccc;font:bold 10px Arial;}
#article2 .nav2 {font:bold 13px Arial;}
#article2 #nav .nav2 .selected {font:bold 13px Arial;text-decoration:underline}
#article2 #nav a{font-weight:normal}
#article2 #nav .selected {font:bold 11px Arial;text-decoration:underline}
#article2 #nav ul{list-style:none;}
#article2 #nav li{display:inline-block;margin:2px 5px;}

#detail .info{font:normal 11px Arial,Helvetica;}
#detail .heading{font:bold 14px/18px Arial,Helvetica;}
#detail .text {font-size:12px;line-height:18px;padding-top:15px}
#detail .pics{float:left;margin:16px 15px 5px 0;width:375px;}
#detail img {border:1px solid #000;}
#detail hr {color:#ccc;;margin:2px 0}
#detail ul {margin:0 0 0 30px;padding:0}
#detail li {margin:0;padding:0}

#comments {width:100%;}
#comments .form {width:400px;float:left;background:url(images/vert-line.png) repeat-y 398px 0;}
#comments .alert {font:normal 11px/15px Arial;color:#f00;margin:0 0 10px 0}
#comments .alert ul{margin-left:25px}
#comments .captcha {width:300px;float:right;}
#comments p{padding:3px 0}
#comments h4{margin-bottom:10px}
#comments .box {margin:10px 0;border:1px solid #CCC;padding:5px;background:#EFEFEF}
#comments .info{border-bottom:1px solid #CCC;font:normal 10px Arial;padding:2px}
#comments .box p{padding:10px 15px 5px 15px;}
#comments ul{margin:0 0 0 16px;}
#comments sub {font:normal 12px Arial}

#arena {}

#arena hr{border: 0;height:1px;background:#999;margin:3px 0}
#arena .r1{padding:20px 0 20px 20px}
#arena .r1title{font:bold 14px Arial;margin-bottom:5px}
#arena .r1box{width:300px;float:left;margin:0 15px 0 0}
#arena .r1box sub{color:#666}
#arena .r1box h6{margin:0;padding:0;font:bold 12px Arial;}
#arena .c1box{width:3px;height:85px;background:#f00;float:left;margin:0 0 0 2px}
#arena .c2box{width:290px;height:75px;float:right;margin:0 0 0 0;font:normal 11px Arial}
#arena .c2r1{width:140px;height:25px;float:left;margin-right:3px}
#arena .c2r1 ol{margin-left:20px;}
#arena .c2r1 li{margin:2px 0}
#arena .c3box{width:675px;float:left;margin:0 0 0 0;font:normal 11px Arial;}
#arena .c3box2{width:675px;float:left;margin:0 0 5px 16px;font:normal 11px Arial;}
#arena .c4box{width:245px;float:right;margin:0 20px 0 0;font:normal 11px Arial;}
#arena .ppbox{width:100%;padding:4px;margin-top:8px;border:1px solid #ccc;background:#fff url(images/vert-line2.png) repeat-y 340.5px 0}
#arena .ppnbox{width:95%;padding:10px;margin:25px auto 0 auto;border:1px solid #999;background:#efefef}
#arena .ppboxA{width:320px;float:left;padding:2px;}
#arena .ppboxB{width:320px;float:right;padding:2px;margin-right:10px;}
#arena .ppboxAR{width:320px;border:1px solid #666;margin:4px 0;padding:4px;background:#ccc}
#arena .ppboxBR{width:320px;border:1px solid #666;margin:4px 0;padding:4px;background:#ccc;float:right}
#arena .ppboxBRC{width:97%;border:1px solid #999;margin:4px 0;padding:4px;background:#e6e6e6}
#arena .ppboxBRF{width:inherit;border:1px solid #ccc;margin:4px 0;padding:4px;background:#fff}
#arena .ppboxBRM{width:inherit;border:1px solid #999;margin:4px 0;padding:4px;background:#EFEFEF}
#arena .ppTL{float:left;width:40%;font-size:10px}
#arena .ppTR{float:right;width:55%;text-align:right;font-size:10px}
#arena .pplist{float:left;width:333px;height:60px;float:left;margin:8px 0 0 8px;border:1px solid #ccc;padding:5px}
#arena .ppx{background:#f6f6f6;color:#999}
#arena .ppx a{color:#666}
#arena .ppx a:hover{background:#ccc}
#arena .pplistLink{height:30px;font-weight:bold}
#arena .pplistEdit{float:right;}
#arena .aLine{border-top:2px dotted #ccc;margin:12px 20px 12px 0}
#arena .amenu{width:715px;padding:10px;border:1px solid #ccc;font:normal 12px Arial;background:#fff}
#arena .amenu li{display:inline;margin-right:15px}
#arena .amleft{float:left;margin-right:15px} 
#arena .amvline{float:left;border-right:1px solid #f00;height:30px;margin-right:15px} 
#arena .amright{float:right;padding-top:8px;font:bold 12px Arial} 
#arena .alist{width:700px;margin-left:20px;padding-top:100px}
#arena .asublist{width:155px;height:150px;background:#fff;border:1px solid #ccc;float:left;margin:0 4px;padding:7px 5px 0 5px;}
#arena .attext{font:normal 12px Arial;height:92px;margin:5px 0}
#arena .atping{width:165px;height:17px;background:url(images/arena-title.png) 0px 0px;}
#arena .atpong{width:165px;height:17px;background:url(images/arena-title.png) 0px -19px;}
#arena .atquiz{width:165px;height:17px;background:url(images/arena-title.png) 0px -39px;}
#arena .atskala{width:165px;height:17px;background:url(images/arena-title.png) 0px -58px;}
#arena .atbtn{width:100%;text-align:center}
#arena .atbtn a{border:none}
#arena .atbtn a:hover{background:none}
#arena .r2{padding:5px}
#arena .alog{margin:100px auto;width:275px;height:auto;border:1px solid #ccc;padding:5px;background:#fff}
#arena .abox{width:715px;padding:10px;border:1px solid #ccc;font:normal 12px Arial;background:#fff;margin:10px 0 0 0}
#arena .apro1{width:225px; float:left;}
#arena .apro2{width:485px; float:right}
#arena .aimg{float:left;width:200px;margin:5px 5px 8px 6px;height:auto;border:1px solid #999;padding:5px;overflow:hidden;background:#fff}
#arena .ambox{float:left;width:216px;float:left;margin:8px 0 0 8px;border:1px solid #ccc;padding:5px}
#arena .amlist{height:56px;padding:5px;margin-bottom:5px;border:1px solid #ccc}
#arena .amphoto{float:left;margin-right:5px;width:54px;height:54px;border:1px solid #999;overflow:hidden;background:#fff}

#product .pics {width:325px;height:200px;overflow:hidden;background:#000;float:left;margin:0 10px 0 0;}
#product .box {margin:0 0 10px 0;border:1px solid #CCC;padding:5px;background:#EFEFEF;width:515px;float:left}
#product .howto {border:1px solid #999;padding:5px;width:177px;margin-bottom:10px;float:right;background:#FFF}
#product .block{border:1px solid #CCC;float:left;width:168px;padding:3px;margin:3px 1px;font:normal 10px Arial;}

#view {border:1px solid #000;width:auto;height:auto;background:#fff;padding:5px;position:absolute;left:165px;top:50px;background:#fff;display:none;cursor:pointer}
#view h6{text-align:right;margin-bottom:5px}
#view img{border:1px solid #ccc;width:650px}
/* accordion */
* {margin:0; padding:0}
#accordion dt{}
#accordion dt a{font:bold 17px Arial,Helvetica;text-decoration:none;background:none;color:#000;border-bottom:1px solid #000;display:block;margin:0 0 5px 0;}
#accordion dd{display: block;overflow: hidden;}
#accordion .area {display:block;padding:10px 13px 20px 13px;}
#accordion .open {background:url(images/io.png) no-repeat 0 4px;}
#accordion .close {background:url(images/io.png) no-repeat 0 -36px;}
#accordion ul{margin:0 0 0 15px}
#accordion li{padding:2px 0}