@charset "utf-8";

/*-----------------------------------------------
module
-----------------------------------------------*/
ul.listlayout li { float:left; margin:0; margin-right:5px; }
ul.listlayout li.last { float:left; margin:0; margin-right:0; }
.tabs-container { clear:left; margin:0; }
#list { position:relative; top:-80px; }

#cardTop { background: url(../img/card_top_yellow.gif) no-repeat top; }
#cardBtm { margin:0 auto; width:860px; height:60px; background:#f4f4f4 url(../img/card_btm.jpg) no-repeat top; }

#cardTop { z-index:10; position:relative; top:25px; margin:0 auto; width:860px; height:25px; }
#card { position:relative; overflow:hidden; margin:0 auto; width:858px; border-right:1px #ccc solid; border-left:1px #ccc solid; background:#fff url(../img/card_btm_bg.jpg) no-repeat 0 bottom; }
#cardTitle { position:relative; width:13440px; }
#cardTitle li { margin:0 auto; padding:0; }

#cardContents { float:left; margin:25px 0 10px; padding:0 30px; width:100%; overflow:hidden; }
#cardContents .left { width:795px; }
#cardContents .right { float:left; width:370px; }

.left .details { position: relative; float: left; margin: 0 0 30px 30px; padding:10px; background:#feffe6; width:360px; border:1px #f2c200 solid; overflow:hidden; min-height: 130px;  height:auto !important; height:130px; }
.left2 .details { position: relative; float: left; margin: 0 0 30px 30px; padding:10px; background:#feffe6; width:360px; border:1px #f2c200 solid; overflow:hidden; min-height: 260px;  height:auto !important; height:260px;  }
.left3 .details { position: relative; float: left; margin: 0 0 30px 30px; padding:10px; background:#feffe6; width:360px; border:1px #f2c200 solid; overflow:hidden; min-height: 140px;  height:auto !important; height:140px;  }
.details ul { width:100%; }
.details li { float:left; margin-bottom:2px !important; padding-bottom:2px !important; width:100%; border-bottom:1px #ccc dotted !important; }
.details li ul { width:360px;}
.details li ul li { width: 180px; border: none !important; margin-right: 0px; float: left; }
.application { margin:20px 0 !important; text-align:center; }
.list { position: relative; left:-30px; margin-top:25px; width:860px; }
*html body .list { margin-left: -30px; }

.movieArea { float: right; margin: -50px 0 0 30px; width:147px; text-align:center;}
.labelReceptionist { position:absolute; left:275px; width:80px; height:80px; }
.btnApp { position:absolute; left:265px; top:98px; width:105px; height:30px; }

.detail { background-color: #feffe6; border: 1px solid #f2c200; padding: 20px 0 10px 20px; margin: 30px 0; }
.effect h3 { margin-bottom: 10px !important; }
.effect { margin-bottom: 20px; }
.effect ul { margin-left: 1.5em; list-style: disc; }
.flow { overflow:hidden; }
.flow h3 { margin-bottom: 0 !important; }
.flow ul { margin-right: -20px; overflow: hidden; _zoom: 1; }
.flow ul :after { content: ""; display: block; clear: both; }
.flow ul li { width: 366px; border-top: 1px #f2c200 dotted; padding-top: 10px; margin: -1px 20px 0 0; float: left; }
.flow ul li a { margin-right: 10px; float: left; }
.performance { border-top: 1px solid #f2c200; padding-top: 20px; margin-top: 10px; }

.voice { margin:30px 0 10px; padding:10px; background:#f4f4f4; border:1px #ddd solid; overflow:hidden; }

h3 { margin-bottom:25px !important; }
h4 { margin-bottom:10px !important; font-weight:bold !important; }
#cardContents p { margin-bottom:10px !important; }
.center { text-align:center; }
.textRight { text-align:right; }

.w { color:#c09; }
.m { color:#339; }
.red { color:#c33; }
.mt10 { margin-top: 10px; }