@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{padding:0;margin:0;}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal}
strong, b{font-weight:bold;}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-weight:700;}
h1{font-size:18px}
h2{font-size:16px}
h3{font-size:14px}
h4{font-size:14px}
h5{font-size:12px}
h6{font-size:12px}
q:before,q:after{content:''}
abbr,acronym{border:0}
hr {margin:0;padding:0;border:0;color:#CDCDCD;background-color:#CDCDCD;height:1px}
blockquote{color:#666;font-style:italic;}
sup,sub{line-height:0}
abbr,acronym{border-bottom:1px dotted #666}
pre{white-space:pre;}
pre,code,tt{font:12px 'andale mono', 'lucida console', monospace;line-height:1.5}
.clearfix:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {zoom:1;} 
a:link,a:visited{color:#FFFFFF;text-decoration:underline;}
a:hover{text-decoration:none;}
h1{padding:10px;background-color:#333;color:#EFEFEF;}
h2{margin-top:20px;padding:10px}
pre{padding:10px}
.table-box{padding:10px}
table.KS-table{border-top:none;border-right:none;border-bottom:1px solid #6790ad;border-left:1px solid #6790ad;}
table.KS-table caption{height:40px;line-height:40px;border:1px solid #6790ad;border-bottom:0 none;padding-left:10px;font-size:12px;font-weight:700;color:#F00;background-color:#EFF3F8}
table.KS-table td,table.KS-table th{border-top:1px solid #6790ad;border-right:1px solid #6790ad;border-bottom:none;border-left:0;padding:3px}
table.KS-table th{height:30px;background-color:#EFF3F8}


/* ---------------------- demo style start  ---------------------- */
/* img-txt-flaser */
.img-txt-flaser{padding:30px 20px;background-color:#333333}
.img-txt-flaser li{width:150px;height:150px;border:1px solid #E9CDF3;overflow:hidden;float:left;margin:10px 10px 0 0;display:inline;position:relative}
.img-txt-flaser li h3{font-size:12px;line-height:18px;padding:0 6px}
.img-txt-flaser li p{padding:0 6px;color:#999999;font-size:12px;}
.img-txt-flaser li h3 a:link,.img-txt-flaser li h3 a:visited{color:#F50C43;text-decoration:none}
.img-txt-flaser li h3 a:hover{color:#F50C43;text-decoration:none}
.img-txt-flaser li p a:link,.img-txt-flaser li p a:visited{color:#999999;text-decoration:none}
.img-txt-flaser li p a:hover{color:#999999;text-decoration:none}
/* img-txt-scrool */
.img-txt-scrool{padding:30px 20px;background-color:#333333}
.img-txt-scrool li{width:150px;height:150px;border:1px solid #E9CDF3;overflow:hidden;float:left;margin:10px 10px 0 0;display:inline;position:relative}
.img-txt-scrool li .scrool-box{position:absolute;}
.img-txt-scrool li h3{font-size:12px;line-height:18px;padding:0 6px}
.img-txt-scrool li p{padding:0 6px;color:#999999;font-size:12px;}
.img-txt-scrool li h3 a:link,.img-txt-scrool li h3 a:visited{color:#F50C43;text-decoration:none}
.img-txt-scrool li h3 a:hover{color:#F50C43;text-decoration:none}
.img-txt-scrool li p a:link,.img-txt-scrool li p a:visited{color:#999999;text-decoration:none}
.img-txt-scrool li p a:hover{color:#999999;text-decoration:none}
/* img-txt-fade */
.img-txt-fade{padding:30px 20px;background-color:#333333}
.img-txt-fade li{width:150px;height:150px;border:1px solid #E9CDF3;overflow:hidden;float:left;margin:10px 10px 0 0;display:inline;position:relative}
.img-txt-fade li .imgBox{position:absolute;z-index:10}
.img-txt-fade li .txtBox{position:absolute;top:0;left:0}
.img-txt-fade li h3{font-size:12px;line-height:18px;padding:0 6px}
.img-txt-fade li p{padding:0 6px;color:#999999;font-size:12px;}
.img-txt-fade li h3 a:link,.img-txt-fade li h3 a:visited{color:#F50C43;text-decoration:none}
.img-txt-fade li h3 a:hover{color:#F50C43;text-decoration:none}
.img-txt-fade li p a:link,.img-txt-fade li p a:visited{color:#999999;text-decoration:none}
.img-txt-fade li p a:hover{color:#999999;text-decoration:none}