@charset "utf-8";

/* 오픈팝업 */
#open_pop_box{width:100%; height:0; background:url("/ok/images/www/main/openpop/open_pop_bg.jpg") center center no-repeat; background-size:cover; border-bottom:3px solid #555; overflow:hidden; box-sizing:border-box; z-index:-1}
#open_pop_box .open_pop{width:1000px; margin:auto; padding-top:20px; overflow:hidden}
#open_pop_box .left_con{float:left}
#open_pop_box .right_con{float:right}
#open_pop_box .bx-wrapper{height:371px; background:#000; box-sizing:border-box; overflow:hidden}
#open_pop_box .bx-viewport{overflow:hidden; height:371px !important}
#video_box video{height:371px; border:3px solid #f8af00; box-sizing:border-box}
#open_pop_box .title_box h3{margin-bottom:10px; text-align:center}
#open_pop_box p.guide{display:none; margin-top:5px; line-height:18px; background:rgba(255,255,255,.8); border:3px solid #fff; padding:5px; color:red}
#video_selector{margin-top:67px}
#video_selector li{display:table; margin-bottom:2px}
#video_selector li a{display:table-cell; vertical-align:middle; width:282px; height:44px; color:#fff; font-size:16px; font-weight:bold; text-align:center; border-radius:0 20px 20px 20px; background:rgba(150,202,0,.95)}
#video_selector li a.active{background:rgba(248,175,0,.95)}
#open_pop_box .txt_box{width:282px; background:rgba(0,88,164,.95); margin-top:18px; padding:20px 15px; box-sizing:border-box}
#open_pop_box .txt_box h4{padding-left:5px; font-size:26px; line-height:29px; font-weight:bold; color:#ff0; border-left:3px solid #ff0}
#open_pop_box .txt_box p{margin-top:14px; color:#fff; line-height:18px}
#open_pop_box .open_pop_btn{margin-top:9px}
#open_pop_box .open_pop_btn >div{width:1000px; margin:auto; position:relative; overflow:hidden}
.open_pop_btn a{display:block; width:50px; padding:5px 14px; color:#fff}
#open_pop_box .close_btn a{; position:relative; float:right; right:1px; background:#555 url("/ok/images/www/main/openpop/open_pop_close.png") 80% center no-repeat}
#utile .open_pop_btn{margin:0}
#utile .open_btn a{display:none; float:left; height:25px; margin:0 0 0 10px; color:#fff; background:#f8af00 url("/ok/images/www/main/openpop/open_pop_open.png") 80% center no-repeat}
#open_pop_box .pop_chkbox{float:left; margin:5px 0 0 783px; color:#fff; text-shadow:0 0 3px #333}

/* 바디 */
/*#BodyBg {width:100%; min-height:100%; margin:0; padding:0; background:url(/ok/images/main_Bg.png) no-repeat center top; background-size:cover;}*/
#wrap{ width:100%; background:#fff; z-index:9; background:url(/images/ok/main_Bg_2502.jpg) no-repeat center top; background-size:cover;}

#header {background:rgba(255,255,255,.9);  width:100%; height:105px; }
#utile{  float:right; height:35px;}
#utile ul{position:relative}
#utile li{float:left; margin-right:25px;}
#utile .allmenu {float:left; background:url("/ok/images/all_menu.png") no-repeat; display:block; width:40px; height:40px}
#utile .allmenu:hover {float:left; background:url("/ok/images/all_menu_over.png") no-repeat; display:block; width:40px; height:40px }
#utile .gnb_link li a{font-weight:bold; font-size:13px; color:#212121; padding:6px 15px 7px; line-height:35px;}
#utile .gnb_link{float:left; }
#utile .gnb_link li{display:inline-block; }
/*#utile .gnb_js {color:#fff !important; display:block; background:#2a6fc5; width:68px; height:25px; text-align:center; margin-top:8px; padding-bottom:0px;  }*/
#utile .gnb_js {font-weight:bold; font-size:13px; color:#212121;  line-height:24px;   }
#utile .gnb_link li.gnb_tour{background:#f16b19;}
#utile .gnb_link li.gnb_council{border-right:1px solid #81bcf0;}
#utile .utile_con{float:right;}
#utile .utile_con li a{font-weight:bold; font-size:13px; color:#212121; padding:0; line-height:24px;}
/*#utile .utile_con li:before{content:""; width:1px; height:12px; background:#a0c9ee; position:absolute; top:12px; }*/
#utile .utile_con li.first:before{display:none;}

#utile .utile_con li.lang_btn >a{background:url("/ok/images/www/main2/util_ico.png") 90% center no-repeat; padding-right:32px;}
#utile .utile_con li.lang_btn ul li a{display:inline-block; padding:0 10px; line-height:30px; text-align:center; width:74px; background:#4093dd}
#utile .lang_li{position:absolute; display:none; z-index:999; }
#utile .lang_li li{border-top:1px solid #fff}
#utile .lang_li a:hover{color:#ffff00}

#logo_box{width:1000px; margin:auto; clear:both; padding:10px 0px 15px 0; overflow:hidden; position:relative; box-sizing:border-box;}

#all_m{display:none}
#search2{display:none}

#logo{width:220px; float:left}

#logo_box #top_search{position:relative; top:10px; margin:0 auto; width:51%;  z-index:5}

.search_area{position:relative; border:4px solid #1286d5; height:52px;  z-index:5; border-radius:999px; box-sizing:border-box; overflow:hidden;}
#searchCate{position:absolute; left:17px; top:11px; padding-top:1px; margin:0; width:100px;  border:none; font-family:"Nanum Gothic"; color:#1286d5; font-size:15px;}
.search_area .total_btn{position:absolute; right:0; top:0; margin:0; width:104px; height:44px; z-index:5; background:#1286d5; border:none; 
							font-size:16px; font-weight:600; color:#fff; line-height:44px; text-align:center; cursor:pointer;}
.searchInput{margin:9px 26px 0 125px}
.searchQuery{width:100%; border:0; height:18px; margin-top:2px; color:#afaeb1; font-size:15px;}
.searchQuery:focus{color:#323232}
.invisible{display:none}
.favword{clear:both;  margin-top:5px; height:18px; overflow:hidden}
.favword h3{float:left; font-family:NanumBarunGothicBold; font-size:12px; color:#5f5f5f; font-weight:normal; margin:0; padding:0; background:none}
.favword ul li{float:left; color:#888; font-size:11px}
.favword ul li a{color:#888; padding:0 10px; font-size:12px}

.top_sns{position:absolute; right:13px; top:40px;}
.top_sns li{display:inline; }

/* 전체메뉴 */
#gnb_area{display:none}

/* 메뉴 부분 */
#mobile_nav{display:none;}
#nav{height:80px;  float:left; margin-top:10px;;padding-right: 10px;}
.gnb {overflow: hidden;      max-height: 0; padding-left:80px;  float:right;}
.gnb:after {content: "";  display: table;  clear: both;}
.gnb.show {  max-height: 2000px; transition: 1s;}
.gnb li {overflow: hidden;}
.gnb li a {position: relative;  display: inline-block;  padding:0 10px 0 25px;  z-index: 2;  overflow: hidden;  color: #414141; }
.gnb li ul {width: 80%;}
.gnb li ul li {position: relative;  overflow: hidden;}
.gnb li ul.show li {overflow: visible;}
.gnb li ul li {display:inline-block; float:left;}
.gnb li ul li a {display: block; color:#fff !important;}
.gnb li ul li a:hover {display: block; color:#d8e5ff  !important; }
.gnb li.first a{padding-left:10px;}
.gnb li.last a{padding-right:0px; color:#f26b4f;}

.gnb li ul.mn_sub1 li.first{padding-left:100px;}
.gnb li ul.mn_sub2 li.first{padding-left:210px;}
.gnb li ul.mn_sub3 li.first{padding-left:250px;}
.gnb li ul.mn_sub4 li.first{padding-left:400px;}
.gnb li ul.mn_sub5 li.first{padding-left:450px;}
.gnb li ul.mn_sub6 li.first{padding-left:0px;}
.gnb li ul.mn_sub7 li.first{padding-left:550px;}
.gnb li ul li a.new_win{background:url("/ok/images/www/sub/icoNewWin5.png") no-repeat right 13px; }

.menu-button { display:none; }

@media all and (min-width: 900px) {
	.gnb {overflow: visible; height:80px; position:relative; }
	.gnb li {float: left; display: block; overflow: visible; }
	.gnb > li > a{color:#212121; font-size:16px; font-weight:bold; padding-top:12px; padding-bottom:8px; white-space:nowrap;}
	.gnb .touch-button{display:none;}
	.gnb li > ul {position: absolute; top: 35px; right: 0;	display: block;	z-index:1000; width:650px; background:rgba(57, 61, 71, 0.8); }
	.gnb li ul li > ul {/*margin-left: 100%;*/ top: 0;}
	.gnb li ul li a {color:#fff; font-size:14px; padding:4px 8px; font-weight:bold; letter-spacing:-1px;}
	.gnb li ul li a:hover{color:#ffc211}
	.gnb li ul.open {display: block;	opacity: 1;	visibility: visible; z-index:999;}
	.gnb li ul.open li {overflow: visible; max-height: 100px;}
	.gnb li ul.open ul.open {margin-left: 100%;	top: 0;}
	.menu-button {	display: none;}
	}


/* 비주얼 */
#main_img {width:1000px; height:195px; background:url("/images/ok/main_img_1400.png") no-repeat 50% 0; margin:20px auto 0;}
#visual_box{clear:both; width:100%;}
#visual{clear:both; width:1000px; margin:0 auto;  /*height:640px;*/ bottom:0; overflow:hidden;}
.visual_txt{max-width:629px; margin:15px auto 2px; width:53%;}
.visual_txt img{width:100%;}

.js_video{position:absolute; top:0; left:0; min-width:100%; min-height:100%; width:100%; height:auto; z-index:-100; background-size:cover;}

#visual_box .sound_btn .off_btn{display:none;}
#visual_box .sound_btn .on_btn{display:block;}
#visual_box .sound_btn.vol_on .off_btn{display:block;}
#visual_box .sound_btn.vol_on .on_btn{display:none;}

.con_hide{position:relative;}
.con_onoff{position:absolute; bottom:0; left:50%; line-height:0;}
.con_onoff img{cursor:pointer; }

#feature_list{width:540px; height:282px; overflow:hidden; position:relative; float:left; margin-right:20px;  background:url("/ok/images/main_visualimg01.png") no-repeat;  border-radius:4px;}
#feature_list .bx-wrapper{width:538px; height:444px; overflow:hidden; position:relative;}

#feature_list .bx-wrapper .bx-controls{position:absolute; bottom:0; background:#1b202c; height:49px; width:100%; text-align:center; }
#feature_list .bx-wrapper .bx-prev{right:102px; background:url("/ok/images/www/main2/btn_prev.png") no-repeat; top:7px;}
#feature_list .bx-wrapper .bx-next{right:20px; background:url("/ok/images/www/main2/btn_next.png") no-repeat; top:7px;}

#feature_list .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{position:absolute;}

#feature_list .bx-wrapper .bx-controls-direction a{position:absolute;  width:36px; height:36px; text-indent:-9999px; z-index:9999}
#feature_list .bx-wrapper .bx-controls-direction a.disabled{display:none}
#feature_list .bx-wrapper .bx-controls-auto{right:61px; top:7px; width:36px;}
#feature_list .bx-wrapper .bx-controls-auto .bx-start{display:block; text-indent:-9999px; width:36px; height:36px; background:url("/ok/images/www/main2/btn_play.png") no-repeat;}
#feature_list .bx-wrapper .bx-controls-auto .bx-start.active{display:none}
#feature_list .bx-wrapper .bx-controls-auto .bx-stop{display:block; text-indent:-9999px; width:36px; height:36px; background:url("/ok/images/www/main2/btn_stop.png") no-repeat;}
#feature_list .bx-wrapper .bx-controls-auto .bx-stop.active{display:none}

/* 콘텐츠 */
/*영상*/
#video{width:440px; height:238px; overflow:hidden; box-sizing:border-box; float:right; display:inline-block; margin-bottom:0px; border-radius:4px;}
#video video{width:458px; height:240px;}

/* 예약현황안내 */
#mayor_box{width:540px; background:#fff; height:118px; float:left; background:#fff; padding:20px;  box-sizing:border-box; margin-top:20px; border-radius:4px;}
#mayor_box .mayor{width:155px; float:left;}
#mayor_box .mayor a{color:#002d7c; font-size:18px; font-weight:bold; }
#mayor_box .mayor p{color:#939494; font-size:13px; line-height:16px; margin-top:5px;}
#mayor_box ul{float:right; width:340px; }
#mayor_box ul li{ width:168px; height:37px; float:left; text-align:center; margin:1px;}
#mayor_box ul li a{ width:168px; height:31px; background:#efefef; float:left;padding-top:6px; display:block;  font-size:13px; }
#mayor_box ul li a:hover{ width:168px; height:31px; background:#efefef; float:left;padding-top:6px; border:1px #6094d4 solid; color:#6094d4; display:block;  font-size:13px; }

#js_info{background:#fff; width:440px; height:118px; padding:19px 20px 20px; overflow:hidden; box-sizing:border-box; float:right; display:inline-block; margin-top:20px; border-radius:4px; }
#js_info h3{font-size:16px; color:#222;  display:block; width:100px; float:left; line-height:16px; color:#002d7c;}
#js_info p{background:url("/ok/images/main_notice.png") no-repeat 0 0; padding-left:55px; float:left; margin-top:18px}
#js_info .more{background:url("/ok/images/main_Board_more01.png") no-repeat 0 0;  float:right; width:12px; height:12px; display:block}
#js_info .more:hover{background:url("/ok/images/main_Board_more01_over.png") no-repeat 0 0;  float:right; width:12px; height:12px; display:block}
#js_info ul {width:100%; top:2px; position:relative; }
#js_info ul li{width:100%; display:inline-block; float:left; background:url("/ok/images/main_Board_bullet.png") no-repeat center left;  padding-top:1px}
#js_info ul li a{color:#575757;padding-left:15px; box-sizing:border-box; font-size:13px;  float:left;}
#js_info ul li a:hover{color:#167eff; font-weight:bold}
#js_info ul li span{color:#575757;  float:right;  font-size:13px;}

#js_info2{background:#fff; width:440px; height:174px; padding:19px 20px 20px; overflow:hidden; box-sizing:border-box; float:right; display:inline-block; margin-top:20px; border-radius:4px; }
#js_info2 h3{font-size:16px; color:#222;  display:block; width:100px; float:left; line-height:16px; color:#002d7c;}
#js_info2 p{background:url("/ok/images/main_notice.png") no-repeat 0 0; padding-left:55px; float:left; margin-top:18px}
#js_info2 .more{background:url("/ok/images/main_Board_more01.png") no-repeat 0 0;  float:right; width:12px; height:12px; display:block}
#js_info2 .more:hover{background:url("/ok/images/main_Board_more01_over.png") no-repeat 0 0;  float:right; width:12px; height:12px; display:block}
#js_info2 ul {width:100%; top:2px; position:relative; }
#js_info2 ul li{width:100%; display:inline-block; float:left; background:url("/ok/images/main_Board_bullet.png") no-repeat center left;  padding-top:1px}
#js_info2 ul li a{color:#575757;padding-left:15px; box-sizing:border-box; font-size:13px;  float:left;}
#js_info2 ul li a:hover{color:#167eff; font-weight:bold}
#js_info2 ul li span{color:#575757;  float:right;  font-size:13px;}


.layout_cen{ /*width:300px;*/ margin:auto;}

/* 주소 */
#foot {width:100%; padding-top:70px;}
#footer_box{position:relative; clear:both; margin:0 0 0 0; width:100%; min-height:95px; background:#191d22; /*top:200px;*/ bottom:0; padding-bottom: 20px;}
#footer{position:relative; width:1000px; margin:auto; padding-top:5px}
#footer #footer_logo{width:206px; float:left; margin-top:15px;}
#copy{width:550px; float:left;  margin:0 0 20px}
.boho_box li{float:left; margin:10px 0 0 10px; font-size:12px; padding-right:10px; background:url("/images/ok/boho_line.gif") right center no-repeat}
.boho_box li a{color:#727070}
.boho_box .back_none{background:none}
.indivi a{font-weight:bold; color:#ee5315 !important}

.copy_add{clear:both; line-height:18px; padding-top:5px; margin:0 0 0 10px;font-size:12px;}
.copy_add2{display:none}

.mark_box{float:left; width:157px}
.mark_box ul li{display:inline;}

.okinput {border:none; height:24px}

/* OK통합예약서비스 */
#OKbookingService {width:540px; clear:both; border-radius:4px; height:238px; background:#fff; float:left;}
#OKbooking {width:100%;  padding:18px; }
#OKbooking h3{color:#0a0c0b; font-size:18px; float:left}
#OKbooking h3 span{ color:#2a6fc5;  font-size:18px; }
#OKbooking div{ color:#939494; font-size:13px; }
#OKbooking ul{ float:left; width:100%; height:92px; margin:0 auto; margin-top:10px; }
#OKbooking ul:nth-of-type(2){ float:left; width:100%; height:92px; margin:0 auto; }
#OKbooking ul li{ float:left; font-size:12px;}
.OK01{ float:left; width:87px; padding-top:68px;  background:url("/images/ok/main_icon01.png") no-repeat top center; background-size:70px; text-align:center; color:#405875 }
.OK01:hover{ float:left; width:87px; padding-top:68px;  background:url("/images/ok/main_icon01_over.png") no-repeat top center;background-size:70px; text-align:center; color:#6094d4 }
.OK02{ float:left; width:87px; padding-top:68px;  background:url("/images/ok/main_icon02.png") no-repeat top center;background-size:70px; text-align:center; color:#405875 }
.OK02:hover{ float:left; width:87px; padding-top:68px;  background:url("/images/ok/main_icon02_over.png") no-repeat top center;background-size:70px; text-align:center; color:#6094d4 }
.OK03{ float:left; width:87px; padding-top:68px;  background:url("/images/ok/main_icon03.png") no-repeat top center;background-size:70px; text-align:center; color:#405875 }
.OK03:hover{ float:left; width:87px; padding-top:68px;  background:url("/images/ok/main_icon03_over.png") no-repeat top center;background-size:70px; text-align:center; color:#6094d4 }
.OK04{ float:left; width:87px; padding-top:68px;  background:url("/images/ok/main_icon04.png") no-repeat top center;background-size:70px; text-align:center; color:#405875 }
.OK04:hover{ float:left; width:87px; padding-top:68px;  background:url("/images/ok/main_icon04_over.png") no-repeat top center;background-size:70px; text-align:center; color:#6094d4 }
.OK05{ float:left; width:87px; padding-top:68px;  background:url("/images/ok/main_icon05.png") no-repeat top center;background-size:70px; text-align:center; color:#405875 }
.OK05:hover{ float:left; width:87px; padding-top:68px;  background:url("/images/ok/main_icon05_over.png") no-repeat top center;background-size:70px; text-align:center; color:#6094d4 }
.OK06{ float:left; width:87px; padding-top:68px;  background:url("/images/ok/main_icon06.png") no-repeat top center; text-align:center;background-size:70px; color:#405875 }
.OK06:hover{ float:left; width:87px; padding-top:68px;  background:url("/images/ok/main_icon06_over.png") no-repeat top center;background-size:70px; text-align:center; color:#6094d4 }
.OK07{ float:left; width:87px; padding-top:68px;  background:url("/images/ok/main_icon07.png") no-repeat top center;background-size:70px; text-align:center; color:#405875 }
.OK07:hover{ float:left; width:87px; padding-top:68px;  background:url("/images/ok/main_icon07_over.png") no-repeat top center;background-size:70px; text-align:center; color:#6094d4 }
.OK08{ float:left; width:87px; padding-top:68px;  background:url("/images/ok/main_icon08.png") no-repeat top center;background-size:70px; text-align:center; color:#405875 }
.OK08:hover{ float:left; width:87px; padding-top:68px;  background:url("/images/ok/main_icon08_over.png") no-repeat top center;background-size:70px; text-align:center; color:#6094d4 }
.OK09{line-height: 1.2; float:left; width:87px; padding-top:68px;  background:url("/images/ok/main_icon09.png") no-repeat top center;background-size:70px; text-align:center; color:#405875 }
.OK09:hover{ float:left; width:87px; padding-top:68px;  background:url("/images/ok/main_icon09_over.png") no-repeat top center;background-size:70px; text-align:center; color:#6094d4 }



.OK10{ float:left; width:87px; padding-top:68px;  background:url("/images/ok/main_icon10.png") no-repeat top center;background-size:70px; text-align:center; color:#405875 }
.OK10:hover{ float:left; width:87px; padding-top:68px;  background:url("/images/ok/main_icon10_over.png") no-repeat top center;background-size:70px; text-align:center; color:#6094d4 }
.OK11{ float:left; width:87px; padding-top:68px;  background:url("/images/ok/main_icon11.png") no-repeat top center;background-size:70px; text-align:center; color:#405875 }
.OK11:hover{ float:left; width:87px; padding-top:68px;  background:url("/images/ok/main_icon11_over.png") no-repeat top center;background-size:70px; text-align:center; color:#6094d4 }


.visualrolling {width:540px; height:238px; position:relative; float:left; margin-right:20px; border-radius:4px;}

/* 이벤트 배너 */

.da-slider{
	width: 540px;
	height:174px;
	margin-top: 20px;
	overflow: hidden;
	-webkit-transition: background-position 1s ease-out 0.3s;
	-moz-transition: background-position 1s ease-out 0.3s;
	-o-transition: background-position 1s ease-out 0.3s;
	-ms-transition: background-position 1s ease-out 0.3s;
	transition: background-position 1s ease-out 0.3s;
}
.da-slide{
	position: absolute;
	width: 540px;
	height:174px;
}
.da-slide-current{
	z-index: 1000;
}
.da-slider-fb  .da-slide.da-slide-current{
	left: 0px;
}
.da-slide .da-img{
	left: 110%;
	opacity: 100;
}
.da-slider-fb .da-slide .da-img{
	left: 10%;
	opacity: 1;
}
.da-dots{
	width: 100%;
	position: relative;
	text-align: right;
	top:15px;
	right: 15px;
	bottom: 5px;
	z-index: 2000;
	-moz-user-select: none;
	-webkit-user-select: none;
}
.da-dots span{
	display: inline-block;
	position: relative;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #364866;
	margin: 3px;
	cursor: pointer;
	box-shadow: 
		1px 1px 1px rgba(0,0,0,0.1) inset, 
		1px 1px 1px rgba(255,255,255,0.1);
}
.da-dots span.da-dots-current:after{
	content: '';
	width: 9px;
	height: 9px;
	position: absolute;
	top: 3px;
	left: 3px;
	border-radius: 50%;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(47%,rgba(246,246,246,1)), color-stop(100%,rgba(237,237,237,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	background: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(246,246,246,1) 47%,rgba(237,237,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
}
.da-arrows{
	-moz-user-select: none;
	-webkit-user-select: none;
}
.da-arrows span{
	position: absolute;
	margin-right:10px;
	top: 45%;
	height: 20px;
	width: 20px;
	border-radius: 40%;
	cursor: pointer;
	z-index: 2000;
	opacity: 0;
	-webkit-transition: opacity 0.4s ease-in-out-out 0.2s;
	-moz-transition: opacity 0.4s ease-in-out-out 0.2s;
	-o-transition: opacity 0.4s ease-in-out-out 0.2s;
	-ms-transition: opacity 0.4s ease-in-out-out 0.2s;
	transition: opacity 0.4s ease-in-out-out 0.2s;
}
.da-slider:hover .da-arrows span{
	opacity: 1;
}
.da-arrows span:after{
	content: '';
	position: absolute;
	width: 20px;
	height: 20px;
	top: 5px;
	left: 5px;
	background: transparent url(/img/arrows2.png) no-repeat top left;
	border-radius: 50%;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
.da-arrows span:hover:after{
	box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
}
.da-arrows span:active:after{
	box-shadow: 1px 1px 1px rgba(255,255,255,0.1);
}
.da-arrows span.da-arrows-next:after{
	background-position: top right;
}
.da-arrows span.da-arrows-prev{
	left: 0px;
}
.da-arrows span.da-arrows-next{
	right: 0px;
}

.da-slide-current .da-img{
	left: 60%;
	opacity: 1;
}
/* Animation classes and animations */

/* Slide in from the right*/
.da-slide-fromright .da-img{
	-webkit-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
	-moz-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
	-o-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
	-ms-animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
	animation: fromRightAnim4 0.6s ease-in-out 0.8s both;
}
@-webkit-keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-moz-keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-o-keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-ms-keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@keyframes fromRightAnim1{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromRightAnim2{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromRightAnim3{
	0%{ left: 110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromRightAnim4{
	0%{ left: 110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}
/* Slide in from the left*/
.da-slide-fromleft .da-img{
	-webkit-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
	-moz-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
	-o-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
	-ms-animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
	animation: fromLeftAnim4 0.6s ease-in-out 0.6s both;
}
@-webkit-keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-webkit-keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-moz-keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-moz-keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-o-keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-o-keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@-ms-keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@-ms-keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}

@keyframes fromLeftAnim1{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromLeftAnim2{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromLeftAnim3{
	0%{ left: -110%; opacity: 0; }
	1%{ left: 10%; opacity: 0; }
	100%{ left: 10%; opacity: 1; }
}
@keyframes fromLeftAnim4{
	0%{ left: -110%; opacity: 0; }
	100%{ left: 60%; opacity: 1; }
}
/* Slide out to the right */

.da-slide-toright .da-img{
	-webkit-animation: toRightAnim4 0.6s ease-in-out both;
	-moz-animation: toRightAnim4 0.6s ease-in-out both;
	-o-animation: toRightAnim4 0.6s ease-in-out both;
	-ms-animation: toRightAnim4 0.6s ease-in-out both;
	animation: toRightAnim4 0.6s ease-in-out both;
}
@-webkit-keyframes toRightAnim1{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim2{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@-webkit-keyframes toRightAnim4{
	0%{ left: 60%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}

@-moz-keyframes toRightAnim1{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim2{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@-moz-keyframes toRightAnim4{
	0%{ left: 60%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}

@-o-keyframes toRightAnim1{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim2{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@-o-keyframes toRightAnim4{
	0%{ left: 60%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}

@-ms-keyframes toRightAnim1{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim2{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@-ms-keyframes toRightAnim4{
	0%{ left: 60%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}

@keyframes toRightAnim1{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim2{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim3{
	0%{ left: 10%;  opacity: 1; }
	99%{ left: 10%; opacity: 0; }
	100%{ left: 100%; opacity: 0; }
}
@keyframes toRightAnim4{
	0%{ left: 60%;  opacity: 1; }
	30%{ left: 55%;  opacity: 1; }
	100%{ left: 100%; opacity: 0; }
}
/* Slide out to the left*/

.da-slide-toleft .da-img{
	-webkit-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
	-moz-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
	-o-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
	-ms-animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
	animation: toLeftAnim4 0.6s ease-in-out 0.5s both;
}
@-webkit-keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-webkit-keyframes toLeftAnim4{
	0%{ left: 60%;  opacity: 1; }
	70%{ left: 30%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

@-moz-keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-moz-keyframes toLeftAnim4{
	0%{ left: 60%;  opacity: 1; }
	70%{ left: 30%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

@-o-keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-o-keyframes toLeftAnim4{
	0%{ left: 60%;  opacity: 1; }
	70%{ left: 30%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

@-ms-keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@-ms-keyframes toLeftAnim4{
	0%{ left: 60%;  opacity: 1; }
	70%{ left: 30%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

@keyframes toLeftAnim1{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim2{
	0%{ left: 10%;  opacity: 1; }
	30%{ left: 15%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim3{
	0%{ left: 10%;  opacity: 1; }
	100%{ left: -50%; opacity: 0; }
}
@keyframes toLeftAnim4{
	0%{ left: 60%;  opacity: 1; }
	70%{ left: 30%;  opacity: 0; }
	100%{ left: -50%; opacity: 0; }
}

.okimg {width:440px; height:238px; float:right;}