@charset "UTF-8";
@import url("layout.css");

/* display_flash */
.display_flash {overflow:auto; width:660px; height:350px; margin:45px 20px 0 20px; color:#818181; font-size:12px;}
.sp_flash {height:715px;}
.display_flash h4 {clear:both; height:20px; padding:15px 0 0 17px; background:url(/images/common/icon_01.gif) no-repeat left 14px;}
.display_flash dl {clear:both; overflow:hidden; margin-bottom:5px;}
.display_flash dt {float:left; width:90px; margin:0 10px 0 0;}
.display_flash dd {padding-top:5px;}

/* display */
div.pavilion_view h5.dis_title {height:20px; padding-left:12px; background:url(/images/display/dis_dot.gif) no-repeat left 3px;}
div.pavilion_view .course_tab {width:680px; height:30px; margin-bottom:5px; background:url(/images/display/line_x.gif) repeat-x left 29px;}
div.infor {clear:both; margin-top:10px;}
div.infor ul.left_menu {float:left; width:113px; font-size:0; line-height:0;}
div.infor div.center_con {float:left; width:567px; height:295px; background:url(/images/display/infor_bg.gif) no-repeat left top;}
div.infor div.center_con2 {float:left; width:517px; padding:5px 20px 10px 30px; background:url(/images/display/infor_bg_02.gif) no-repeat left top;}
div.infor div.center_con2 h6.con_title {float:left; margin-top:10px;}
div.infor div.center_con2 .go_permanent {float:left; padding:20px 0 0 15px;}
div.infor .time {float:right; width:238px; height:40px; color:#FFF; background:url(/images/display/time_bg.gif) no-repeat left top;}
div.infor .time img {margin:22px 15px 0 50px;}
div.infor .time2 {width:287px; height:47px; padding:75px 0 0 50px; color:#FFF; font-size:140%; font-weight:bold; text-align:center; background:url(/images/display/time_bg_02.gif) no-repeat left bottom;}
div.infor .con_img {float:left; width:88px; height:59px; margin-right:10px; padding:32px 0 0 7px; background:url(/images/display/img_bg.gif) no-repeat left top;}
div.infor .con_txt {float:left; width:320px; margin:25px 10px 0 0; letter-spacing:-1px; line-height:14px;}
div.infor .con_btn {float:left; margin-top:20px;}

/* sp pop */
div.display_popup {position:relative; width:910px; height:700px; padding:0 20px; color:#818181; font-size:12px; line-height:16px; background:url(/images/display/pattern_01.gif) no-repeat left top;}
div.display_popup h1 {display:inline; float:left; margin:10px 340px 0 370px;}
div.display_popup .close {float:left; margin-top:10px;}
div.display_popup .p_print {position:absolute; top:50px; right:20px;}
div.display_popup .pagecharge {margin:30px 0 0 150px;}
div#popup_tab {padding-top:50px;}
ul.pop_tab li {float:left; margin-left:7px;}
div.div_scroll {overflow:auto; height:500px; width:880px; margin:20px 0 0 20px;}
div.div_scroll dt {float:left; width:218px; height:322px; margin:0 30px 0 0; padding:3px 5px 3px 5px; background:#FFF; border:3px solid #B38B12;}
div.div_scroll dd {float:left; width:550px;}
div.div_scroll dd.txt table th,
div.div_scroll dd.txt table td {vertical-align:middle;}

/* viewinglinetitme */
div.time_popup {width:620px; height:603px; padding:0 20px; color:#818181; font-size:12px; background:url(/images/display/viewtime_bg.gif) no-repeat left top;}
div.time_popup h1 {display:inline; float:left; margin:10px 200px 0 240px;}
div.time_popup h2 {padding:62px 0 20px 260px;}
div.time_popup h3 {margin:10px 0; padding-left:10px; color:#925B2A; font-weight:bold; background:url(/images/display/viewtime_dot.gif) no-repeat left 2px;}
* html div.time_popup h3 {clear:both;}
div.time_popup .close {float:left; margin-top:10px;}
div.time_popup ul {overflow:hidden;}
div.time_popup ul li {float:left; width:124px; margin-bottom:3px;}
div.time_popup .btn {margin-top:5px; padding-top:5px; border-top:2px solid #decebf; text-align:right;}
div.time_popup .time2 {width:287px; height:47px; margin:0 auto 0 auto; padding:45px 0 0 50px; color:#FFF; font-size:140%; font-weight:bold; text-align:center; background:url(/images/display/time_bg_02.gif) no-repeat left bottom;}

/* course */
div.view_course ul.view_course_tab li {float:left; height:32px;}
div.bar_top {float:left; width:625px; height:49px; padding:0 10px 0 45px; background:url(/images/display/bar_top8.gif) no-repeat left top;}
* html div.bar_top {margin-top:-2px;}
div.bar_top ul {float:left; padding-top:15px;}
div.bar_top ul.s100_50 {margin-top:5px;}
div.bar_top ul li {float:left;}
div.bar_top ul li.tema {margin-right:5px; padding-right:6px; background:url(/images/display/cos_line.gif) no-repeat right top;}
div.bar_top ul li.chid {margin-right:5px; padding-right:6px; background:url(/images/display/cos_line.gif) no-repeat right top;}
div.bar_top ul li.chid img {vertical-align:middle;}
div.bar_top .bar {margin-right:15px; padding-right:20px; background:url(/images/display/bul_04.gif) no-repeat right 2px;}
div.bar_top .pop_btn {float:right; width:246px;}
div.cos_con {padding:10px 20px; border:2px solid #D5CCB5; border-top:0px;}
div.cos_con {padding:10px 20px; border:2px solid #D5CCB5; border-top:0px;}
div.cos_con .cos_btn {padding:30px;}
div.cos_con .cos_btn li.btn1 {float:left; margin-right:20px;}
div.cos_con .cos_btn li.txt1 {padding-top:5px;}
div.cos_con .cos_btn li.txt2 {padding-top:20px;}
div.cos_con .div_box1 ul li {padding-left:15px; background:url(/images/common/icon_02.gif) no-repeat left 3px;}
div.cos_con .div_box1 ul li.backnone {padding:0; background:none;}
div.cos_flash {width:680px; padding:2px 0 20px 0; background:url(/images/display/cos_bg_01.gif) no-repeat left top;}
div.flashPop {margin-top:20px;}

/* showroom */
div.showroom_view ul.showroom_tab {width:671px; height:30px; margin-bottom:12px; padding-left:9px; font-size:0; line-height:0; background:url(/images/display/tab_bg_01.gif) no-repeat scroll left top;}
div.showroom_view ul.showroom_tab li {float:left; height:30px;}
div.showroom_view .represent {text-align:right;}
div.showroom_view h4 {margin-top:50px; padding-left:17px; background:url(/images/common/icon_01.gif) no-repeat scroll left 1px;}
div.showroom_vr {height:238px; width:680px; padding-top:30px; background:url(/images/display/vr_bg.gif) no-repeat left top;}
div.left_flash {float:left; width:391px; text-align:center;}
div.left_flash .stair {float:left; padding-left:30px;}
div.left_flash .title {float:right; padding-right:20px;}
div.left_flash .flash {clear:both; margin-left:10px;}
div.right_vr {float:left; width:233px; padding:0 0 0 30px;}
div.right_vr .vr_img {width:233px; height:146px;}
div.right_vr .vr_btn {margin-top:15px; text-align:center;}

div.vr_pop {width:524px; height:495px; background:url(/images/display/vr_pop_bg.gif) no-repeat left top;}
div.vr_pop .center {width:479px; height:400px; margin:25px 0 0 22px; color:#FFF; text-align:center;}
div.vr_pop .close {padding:15px 15px 0 0; text-align:right;}
div.vr_pop .vr_bul {padding:10px 30px 0 0; color:#858585; font-size:12px; text-align:right;}
div.vr_pop .vr_bul img {vertical-align:bottom;}
p.vr_applet {margin:230px 0 0 10px; color:white; font-size:12px; text-align:center;}
p.vr_applet a {color:red;}

/* view */
div.bar5 ul.bar5_tab {height:30px; padding-left:10px; font-size:0; line-height:0;}
div.bar5 ul.bar5_tab li {float:left; height:30px;}
div.bar5 div.top {padding-top:44px; background:url(/images/display/bar_top5.gif) no-repeat left top;}
div.bar5 div.middle {overflow:hidden; background:url(/images/display/bar_middle5.gif) repeat-y;}
div.bar5 div.middle .con {height:85px; background:url(/images/display/bar_bul_01.gif) no-repeat left bottom;}
div.bar5 div.middle .title {float:left; width:134px; margin:0; padding:15px 0 0 15px; background:none;}
div.bar5 div.middle .cEnd {position:relative; float:left; height:85px; padding-left:20px;}
div.bar5 div.middle .cEnd li {margin-top:10px;}
div.bar5 div.bottom {margin-top:-30px; padding-top:30px; background:url(/images/display/bar_bottom5.gif) no-repeat left bottom;}

/* view_pop */
div.pop_border {width:722px; margin:10px 0 0 10px;  padding-top:25px; background:url(/images/common/pop_bg.gif) no-repeat left top;}
div.pop_border h1 {margin-left:20px;}
div.pop_border h4.title {height:30px; margin:30px 10px 0 10px; padding-left:17px; color:#925B2A; font-size:12px; line-height:18px; font-weight:bold; background:url(/images/common/icon_01.gif) no-repeat left 1px;}
div.pop_border img {vertical-align:middle;}
div.pop_bottom {width:680px; padding:0 21px 15px 21px; background:url(/images/common/pop_bottom.gif) no-repeat left bottom;}

div.bar6 {width:680px; padding-top:56px; background:url(/images/display/bar_top6.gif) no-repeat left top;}
div.bar6 .bottom {overflow:hidden; width:650px; padding:0 0 15px 30px; background:url(/images/display/bar_bottom6.gif) no-repeat left bottom;}
div.bar6 .left_img {float:left; width:230px; margin:0 7px; padding:5px 0; border:1px solid #B6A57A; text-align:center;}
div.bar6 .left li.btn {padding:10px 20px 0 10px; text-align:right;}
div.bar6 .right {float:left; width:300px; padding-left:50px; font-size:12px;}
div.bar6 .right dt {padding-left:12px; color:#B07817; font-weight:bold; }//background:url(/images/display/bul_02.gif) no-repeat left 3px;
div.bar6 .right dd {margin-top:15px; padding:20px 30px 15px 0; color:#818181; line-height:18px; background:url(/images/display/li_bg_01.gif) no-repeat scroll 30% top;}
div.board_btn {margin-top:10px; padding-right:5px; text-align:right;}

/* fields */
div#fields {color:#818181; font-size:12px; line-height:16px;}
div#fields h4 {clear:both; float:left; margin:20px 0 0 10px; padding:0; background:none;}
div#fields .img {float:right; margin:15px 20px 30px 20px;}
div.fields_list {width:600px; height:490px; padding:45px 30px 0 40px; background:url(/images/display/fields_bg.gif) no-repeat left top;}
div.fields_list p.title {margin:0 0 0 82px;}
div.fields_list p {margin:10px 0 60px 82px;}
div.fields_list dl {float:left; width:89px; height:157px; margin:0 10px 10px 0;}
div.fields_list dt {margin-bottom:5px;}
div.fields_list dd {text-align:center;}
dl.fields_txt {clear:both; width:670px;}
dl.fields_txt dt {float:left; margin-right:20px;}
dl.fields_txt dd {float:left; width:550px;}
dl.fields_txt dd .t1 {margin-right:15px; padding-right:18px; color:#905f2d; font-size:14px; font-weight:bold; background:url(/images/display/field_bar.gif) no-repeat right top;}
dl.fields_txt dd .t2 {margin-right:15px; padding-right:18px; color:#598527; font-weight:bold; background:url(/images/display/field_bar.gif) no-repeat right top;}
dl.fields_txt dd .t3 {color:#827b00; font-weight:bold; }
dl.fields_txt dd p {margin-top:15px;}

/* foreign */
div.foreign .img_area {padding-bottom:20px;}
div.foreign .tab_line {margin-bottom:10px;}

/* Demoflow */
div.demoflow-button-left {position:absolute; left:8px;top:170px; z-index:999; width:52px; height:45px; cursor:pointer; background:url(/images/display/rolling/demos_arrows.png) no-repeat left top;}
div.demoflow-button-left .bg {background:url(/images/display/rolling/demos_arrows.png) no-repeat left bottom; width:52px; height:45px; position:absolute; top:0; left:0;}
div.demoflow-button-right {position:absolute; right:8px; top:170px; z-index:999; width:52px; height:45px; cursor:pointer; background:url(/images/display/rolling/demos_arrows.png) no-repeat right top;}
div.demoflow-button-right .bg {position:absolute; left:0; top:0; width:52px; height:45px; background:url(/images/display/rolling/demos_arrows.png) no-repeat right bottom;}
.demoflow {position:relative; top:20px; left:65px; width:550px; height:300px;}
.demoflow div {float:left; height:100px; width:75px; cursor:pointer;}
.demoflow div img {height:100%; width:100%;}
.demoflow div.shadow {height:100%; width:100%; position:absolute; top:0px;left:0px;background-color:black;}
.ie .demoflow div.shadow {display:none;}

.bar1 {padding-top:70px; background:url(/images/display/bar_top.gif) no-repeat left top;}
.bar1 ul.middle {background:url(/images/display/bar_middle.gif) repeat-y;}
.bar1 ul.bottom {margin-top:-40px; padding-top:44px; background:url(/images/display/bar_bottom.gif) no-repeat left bottom;}
.bar1 .left {float:left; width:114px; margin-top:-20px; padding:0 15px;}
.bar1 .left ul {padding-bottom:10px;}
.bar1 .left h5 {padding-bottom:5px;}
.bar1 .left li {padding-bottom:3px; line-height:10px; font-size:10px;}
.bar1 .center {float:left; width:400px; margin-top:-20px; padding:0 20px;}
.bar1 .right {float:left; width:70px; margin-top:-20px; padding:0 13px;}
.bar1 .right li {text-align:center;}
.bar1 .right li.btn {height:20px;}
.bar1 .right li.box {width:69px; height:68px; margin-bottom:15px; border:1px solid #D7D7D7;}
.popup {position:absolute; z-index:1; width:466px; height:326px; padding:22px 24px; background:#FFF; border:3px solid #CBBC9B;}
.print {position:absolute; z-index:2; width:460px; height:738px; background:#FFF; border:3px solid #CBBC9B;}

.bar2 {padding-top:70px; background:url(/images/display/bar_top2.gif) no-repeat left top;}
.bar2 ul.middle {background:url(/images/display/bar_middle2.gif) repeat-y;}
.bar2 ul.bottom {margin-top:-40px; padding-top:44px; background:url(/images/display/bar_bottom2.gif) no-repeat left bottom;}
.bar2 .left {float:left; width:114px; margin-top:-20px; padding:0 15px;}
.bar2 .center {float:left; width:496px; margin-top:-20px; padding:0 20px;}
.bar2 .left {float:left; width:114px; margin-top:-20px; padding:0 15px;}
.bar2 .left ul {padding-bottom:10px;}
.bar2 .left h5 {padding-bottom:5px;}
.bar2 .left li {padding-bottom:3px; line-height:10px; font-size:10px;}
.bar2 .time2 {width:287px; height:47px; margin:0 auto 0 auto; padding:50px 0 0 50px; color:#FFF; font-size:140%; font-weight:bold; text-align:center; background:url(/images/display/time_bg_02.gif) no-repeat left bottom;}

.bar3 {width:660px;}
.bar3 ul.top {height:93px; background:url(/images/display/bar_top3.gif) no-repeat left top;}
.bar3 ul.middle {padding:0 20px; background:url(/images/display/bar_middle3.gif) repeat-y;}
.bar3 ul.middle th {padding:8px 0 8px 8px; text-align:left; font-weight:bold; background:url(/images/display/bul_01.gif) no-repeat left 12px;}
.bar3 ul.bottom {padding-top:10px; background:url(/images/display/bar_bottom3.gif) no-repeat left bottom;}
.bar3 .time2 {width:287px; height:47px; margin:0 auto 0 auto; padding:50px 0 0 50px; color:#FFF; font-size:140%; font-weight:bold; text-align:center; background:url(/images/display/time_bg_02.gif) no-repeat left bottom;}

.bar4 {width:680px; padding-top:10px; background:url(/images/display/bar_top4.gif) no-repeat left top;}
.bar4 .middle {width:635px; margin-top:40px; padding:0 20px 10px 25px; background:url(/images/display/bar_middle4.gif) repeat-y;}
.bar4 .bottom {padding-top:10px; background:url(/images/display/bar_bottom4.gif) no-repeat left bottom;}
.bar4 h3 {text-align:center;}
.bar4 p {float:right;}
.bar4 .floor {margin-right:10px;}
.bar4 .floor_flash {margin:20px 0; text-align:center;}
.bar4 .table_box .none {background:none;}
.bar4 .table_box {border-left:0;}
.bar4 .table_box th,
.bar4 .table_box td {padding:3px; border-right:0;}
.bar4 .table_box th.th1 {color:#F97333;}
.bar4 .table_box th.th2 {color:#925B2A; background:none;}
.bar4 .table_box th.th3 {color:#B48339; background:none;}

.bar7 ul.top {height:46px; background:url(/images/display/bar_top7.gif) no-repeat left bottom;}
.bar7 ul.top {}
.bar7 ul.middle {padding:0; background:url(/images/display/bar_middle7.gif) repeat-y;}
.bar7 ul.middle .con {width:500px; padding:20px 0;}
.bar7 ul.middle .con dt {float:left; width:141px; height:251px; margin:0 0 100px 0; padding:10px 0 0 0; text-align:center; border:3px solid #B38B12;}
.bar7 ul.middle .con dd.title {padding:5px 0 10px 165px; color:#B07817; font-size:120%; font-weight:bold; }
.bar7 ul.middle .con dd.name {float:left; width:70px; margin-left:20px; padding-left:7px; font-size:90%; font-weight:bold; background:url(/images/display/bul_03.gif) no-repeat left 5px;}
.bar7 ul.middle .con dd.txt {padding-left:250px; font-size:90%;}
.bar7 ul.middle .con2 {width:350px; padding:20px 5px 20px 0;}
.bar7 ul.middle .con2 dt {float:left; width:141px; height:251px; margin:0 0 100px 0; padding:10px 0 0 0; text-align:center; border:3px solid #B38B12;}
.bar7 ul.middle .con2 dd.title {padding:5px 0 10px 165px; color:#B07817; font-size:120%; font-weight:bold; }
.bar7 ul.middle .con2 dd.txt {padding-left:165px; font-size:90%; }
.bar7 ul.middle .other {width:141px; height:251px; margin:20px 0; padding:10px 0 0 0; text-align:center; border:3px solid #B38B12;}
.bar7 ul.middle2 {border-top:1px solid #E5DDCD; background:url(/images/display/bar_middle72.gif) repeat-y;}
.bar7 ul.middle2 .con {width:400px; padding:20px 5px 20px 0;}
.bar7 ul.middle2 .con dt {float:left; width:90px; height:173px; margin:0 0 100px 0; padding:7px 0 0 0; text-align:center; border:2px solid #87A960;}
.bar7 ul.middle2 .con dd.title {padding:5px 0 10px 110px; color:#598527; font-size:120%; font-weight:bold; }
.bar7 ul.middle2 .con dd.name {float:left; width:70px; margin-left:20px; padding-left:7px; font-size:90%; font-weight:bold; background:url(/images/display/bul_03.gif) no-repeat left 5px;}
.bar7 ul.middle2 .con dd.txt {padding-left:190px; font-size:90%; }
.bar7 ul.middle2 .other {width:90px; height:173px; margin:20px 0; padding:7px 0 0 0; text-align:center; border:2px solid #87A960;}
.bar7 ul.bottom {padding-top:10px; background:url(/images/display/bar_bottom7.gif) no-repeat left bottom;}

.tab2 {margin-bottom:35px;}
.tab2 ul.left {float:left; background:url(/images/display/ul_bg_01.gif) no-repeat left 27px;}
.tab2 ul.left li.name {float:left; width:140px; padding:10px 0 3px; text-align:center; color:#92641E; font-weight:bold; background:url(/images/display/li_bg_02.gif) repeat-x;}
.tab2 ul.right {float:right;}
.tab2 ul.right li.name {float:left; width:60px; padding:4px 0 1px; text-align:center; color:#FFF; font-weight:bold; background:#C7B299;}
.tab2 .ul {}

.rolling2 {width:673px; padding-top:38px; background:url(/images/display/div_bg_01.gif) no-repeat left top;}
.rolling2 table {width:100%; border:0px;}
.rolling2 th {text-align:center; vertical-align:middle;}
.rolling2 td .img_list {}
.rolling2 td .img_list dl {float:left; width:102px; margin-right:19px;}
.rolling2 td .img_list dl.none {margin-right:0px;}
.rolling2 td .img_list dt {padding:7px 0; text-align:center; border:3px solid #D4C086;}
.rolling2 td .img_list dt.main {border:3px solid #B38B12;}
.rolling2 td .img_list dd {padding-top:10px; text-align:center;}
.rolling2 td .img_list dd.main {color:#8C6239; font-weight:bold; }
.room {margin-top:20px; padding:20px 0; border:1px solid #CBBC9B;}
.room .bg {height:254px; width:636px; padding:0 20px; background:url(/images/display/div_bg_02.gif) no-repeat 20px top;}
.room .line {height:30px; width:100%; background:url(/images/display/line_01.gif) no-repeat left top;}
.room .con_img {padding:15px 20px 0;}
.room .con_img dt {float:left; width:206px; padding:12px 0; text-align:center; border:3px solid #DAB080;}
.room .con_img dd.title {padding:8px 0 10px 234px;}
.room .con_img dd.title strong {font-size:120%; color:#905F2D; }
.room .con_img dd.txt {padding-left:234px;}

/* Start - Projects - jCarouselLiteDemo */
.jCarouselLiteDemo .carousel {padding:0;}
.jCarouselLiteDemo .digg {position:absolute; left:610px; top:110px;}
.jCarouselLiteDemo .main {margin-left:0px;}
.jCarouselLiteDemo .demo em {color:#FF3300; font-weight:bold; font-size:60%; font-style:normal;}
.jCarouselLiteDemo .carousel button {float:left; /* Don't remove this. we still use this for individual demos. only the front pages use images as of now */}
.jCarouselLiteDemo .carousel .prev {position:absolute; top:0; left:20px; width:20px; margin-top:30px;}
.jCarouselLiteDemo .carousel .next {position:absolute; top:0; left:500px; width:20px; margin-top:30px;}
.jCarouselLiteDemo .carousel a:hover, #jCarouselLiteDemo .carousel a:active {border:none; outline:none;}
.jCarouselLiteDemo .carousel .jCarouselLite {position:relative; width:445px; height:85px; margin-left:20px; border:0px solid black;  background-color:#FFF; /* Needed for rendering without flicker */ }
.jCarouselLiteDemo .carousel .jCarouselLite ul li {float:left;}
.jCarouselLiteDemo .carousel .jCarouselLite2 {float:left; position:relative; border:1px solid black;  background-color:#dfdfdf; /* Needed for rendering without flicker */ }
.jCarouselLiteDemo .carousel ul {margin:0;}
.jCarouselLiteDemo .carousel li img,
.jCarouselLiteDemo .carousel li p {width:69px; height:59px; margin:0 10px; background-color:#fff;}
.jCarouselLiteDemo .widget img {cursor:pointer;}
.jCarouselLiteDemo .mid {margin-left:80px; width:400px; height:300px;}
.jCarouselLiteDemo .vertical {margin-left:170px;}
.jCarouselLiteDemo .vertical .jCarouselLite {/* so that in IE 6, the carousel div doesnt expand to fill the space */ width: 170px;}
.jCarouselLiteDemo .imageSlider li img,
.jCarouselLiteDemo .imageSlider li p,
.jCarouselLiteDemo .imageSliderExt li img ,
.jCarouselLiteDemo .imageSliderExt li p {width:400px; height:300px;}