@charset "utf-8";
/* CSS Document */



/* pink */
.btn_pink {cursor:pointer;
	color: #ffffff;text-align:center;
	border: solid 1px #e82a41;
	background: #e44c5f;
	background: -webkit-gradient(linear, left top, left bottom, from(#dc244c), to(#e44c5f));
	background: -moz-linear-gradient(top,  #dc244c,  #e44c5f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#dc244c', endColorstr='#e44c5f');
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}



/* pink2 */
.btn_pink2 {cursor:pointer;
	color: #ffffff;text-align:center;
	border: solid 1px #d43354;
	background: #e44c60;
	background: -webkit-gradient(linear, left top, left bottom, from(#e44c60), to(#d43354));
	background: -moz-linear-gradient(top,  #e44c60,  #d43354);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#e44c60', endColorstr='#d43354');
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


.btn_black {cursor:pointer;
	color: #ffffff; text-align:center;
	border: solid 1px #000;
	background: #323541;
	background: -webkit-gradient(linear, left top, left bottom, from(#4c4f5f), to(#323541));
	background: -moz-linear-gradient(top,  #4c4f5f,  #323541);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c4f5f', endColorstr='#323541');
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


.btn_silver {cursor:pointer;
	color: #373a47;
	border: solid 1px #b7b7b7;
	background: #cdcdcd;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cdcdcd));
	background: -moz-linear-gradient(top,  #ffffff,  #cdcdcd);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#cdcdcd');
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}


/* white */
.btn_white {cursor:pointer;
	color: #373a47;
	border: solid 1px #b7b7b7;
	background: #fff;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eaeaea));
	background: -moz-linear-gradient(top,  #fff,  #eaeaea);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#eaeaea');
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
/* mint */
.btn_mint {
	color: #ffffff;
	border: solid 1px #139d92; 
	background: #28a59b;
	background: -webkit-gradient(linear, left top, left bottom, from(#4ad4c9), to(#28a59b));
	background: -moz-linear-gradient(top,  #4ad4c9,  #28a59b);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4ad4c9', endColorstr='#28a59b');
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/* purple */
.btn_purple {
	color: #ffffff; position:relative;
	border: solid 1px #9123a0; 
	background: #9e2baf;
	background: -webkit-gradient(linear, left top, left bottom, from(#c363b9), to(#9e2baf));
	background: -moz-linear-gradient(top,  #c363b9,  #9e2baf);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c363b9', endColorstr='#9e2baf');
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}



/* blue */
.btn_blue {
	color: #ffffff;
	border: solid 1px #0787bd;
	background: #5e89cd;
	background: -webkit-gradient(linear, left top, left bottom, from(#50b3fd), to(#5e89cd));
	background: -moz-linear-gradient(top,  #50b3fd,  #5e89cd);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#50b3fd', endColorstr='#5e89cd');
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/* btn_gray */
.btn_gray {
	color: #ffffff;
	border: solid 1px #13396b;
	background: #80858d;
	background: -webkit-gradient(linear, left top, left bottom, from(#9ca0a9), to(#80858d));
	background: -moz-linear-gradient(top,  #9ca0a9,  #80858d);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#9ca0a9', endColorstr='#80858d');
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/* btn_navy */
.btn_navy {cursor:pointer;
	color: #ffffff; text-align:center;
	border: solid 1px #000;
	background: #21497f;
	background: -webkit-gradient(linear, left top, left bottom, from(#2768bf), to(#21497f));
	background: -moz-linear-gradient(top,  #2768bf,  #21497f);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#2768bf', endColorstr='#21497f');
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}




/* gold */
.btn_gold {
	color: #ffffff;
	border: solid 1px #996610;
	background: #ffd800;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffd800), to(#a97620));
	background: -moz-linear-gradient(top,  #ffd800,  #a97620);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd800', endColorstr='#a97620');
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.float_L { float:left}
.float_R { float:right}

.input_txt {height:25px; font-size:1em; background-color:#fff; border:#CCCCCC 1px solid;-webkit-border-radius: 5px;	-moz-border-radius: 5px;	border-radius: 5px;}
.input_txt_no {height:25px; font-size:1em; background-color:#fff; border:#CCCCCC 1px solid;}

.textarea_1to1 {width:100%;height:200px;  background:#fff;border:#ccc 1px  solid;  line-height:18px; font-size:1em;}

.input_auth { width:100%; height:35px; line-height:30px; vertical-align:middle; background-color:#fpfpfp; border:#CCCCCC 1px solid; text-indent:10px; margin-bottom:5px;  font-size:1em;color:#2896ca; font-weight:bold; -webkit-border-radius: 5px;-moz-border-radius:5px;border-radius:5px}
.input_auth:focus { width:100%; height:35px; line-height:30px; vertical-align:middle; background-color:#ecf5f6; border:#0897a3 1px solid; text-indent:10px; margin-bottom:5px;  font-size:1em;color:#2896ca; font-weight:bold; -webkit-border-radius: 5px;-moz-border-radius:5px;border-radius:5px}
.cou_select  { height:35px; line-height:30px; vertical-align:middle; background-color:#fpfpfp; border:#CCCCCC 1px solid; text-indent:10px; margin-bottom:5px;  font-size:1em;color:#2896ca; font-weight:bold; -webkit-border-radius: 5px;-moz-border-radius:5px;border-radius:5px}
.cou_select :focus {  height:35px; line-height:30px; vertical-align:middle; background-color:#ecf5f6; border:#0897a3 1px solid; text-indent:10px; margin-bottom:5px;  font-size:1em;color:#2896ca; font-weight:bold; -webkit-border-radius: 5px;-moz-border-radius:5px;border-radius:5px}

.input_mileage { width:100%; height:35px; line-height:30px; vertical-align:middle; background-color:#fpfpfp; border:#CCCCCC 1px solid; text-indent:10px; margin-bottom:5px;  font-size:1em;color:#2896ca; font-weight:bold; -webkit-border-radius: 5px;-moz-border-radius:5px;border-radius:5px}
.input_mileage:focus { width:100%; height:35px; line-height:30px; vertical-align:middle; background-color:#ecf5f6; border:#0897a3 1px solid; text-indent:10px; margin-bottom:5px;  font-size:1em;color:#2896ca; font-weight:bold; -webkit-border-radius: 5px;-moz-border-radius:5px;border-radius:5px}

.cou_mileage { height:35px; line-height:30px; vertical-align:middle; background-color:#fpfpfp; border:#CCCCCC 1px solid; text-indent:10px; margin-bottom:5px;  font-size:1em;color:#2896ca; font-weight:bold; -webkit-border-radius: 5px;-moz-border-radius:5px;border-radius:5px}
.cou_mileage :focus {  height:35px; line-height:30px; vertical-align:middle; background-color:#ecf5f6; border:#0897a3 1px solid; text-indent:10px; margin-bottom:5px;  font-size:1em;color:#2896ca; font-weight:bold; -webkit-border-radius: 5px;-moz-border-radius:5px;border-radius:5px}


.spacing1{ letter-spacing:-1px; }
.spacing2{ letter-spacing:-2px; }



/*푸터
.footer { clear:both; height:140px; vertical-align:middle; margin:0 auto;  position:relative; bottom:0px; background-color:#000; color:#666;padding-top:5px; }
.footer li { list-style:none; text-align:left; display:block; letter-spacing:.2px; padding-left:20px;}
.footer  .fot_txt1 {height:25px;  line-height:25px;font-size:.8em; color:#cccccc;  background-color:#000000;  font-weight:bold; border-bottom:#2f2f2f 1px dotted; margin-bottom:5px;  }
.footer  .fot_txt1 span  {margin-right:5px;  letter-spacing:-1px; }
.footer  .fot_txt2 { line-height:13px;font-size:.7em; color:#666666; font-weight:100; }
.footer a:link, a:hover, a:active {	text-decoration: none;color:#666666; }

.fot_pcv { width:80px; height:20px; line-height:20px;font-size:0.9em;text-align:center; background-color:#3a474f;  color:#bed0db; font-weight:bold; margin-top:3px;
cursor:pointer;border: solid 1px #000; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

/*뷰창_하단고정버튼
.btn_bottom_view {  clear:both; width:100%; height:80px; color: #ffffff; border-top:1px #000000 solid; border-bottom:1px #000000 solid;  background:url(/images/sharebox/bg_black70.png) repeat; position:absolute; bottom:0%;  z-index:9000;}
.btn_bottom_view ul  {clear:both; width:100%; height:60px; margin:0 auto; text-align:center; margin-top:3px;margin-bottom:10px;}
.btn_bottom_view li  { list-style:none; display:inline-block; line-height:60px;  margin:5px }
.btn_bottom_view .btn_raL { height:60px; -webkit-border-radius: 50px  ;  -moz-border-radius:50px; border-radius:50px; font-size:1.2em;}
.btn_bottom_view .btn_raR { height:60px; -webkit-border-radius: 50px ;  -moz-border-radius: 50px; border-radius:50px ;font-size:1.2em;}
*/

/*여백*/
.mar_rig2 { margin-right:2px;}
.mar_rig3 { margin-right:3px;}
.mar_rig5 { margin-right:5px;}
.mar_rig10 { margin-right:10px;}
.mar_rig20 { margin-right:20px;}
.mar_rig30 { margin-right:30px;}

.mar_left2 { margin-left:2px;}
.mar_left3 { margin-left:3px;}
.mar_left5 { margin-left:5px;}
.mar_left10 { margin-left:10px;}
.mar_left50 { margin-left:50px;}

.mar_top2 { margin-top:2px;}
.mar_top5 { margin-top:5px;}
.mar_top7 { margin-top:7px;}
.mar_top10 { margin-top:10px;}
.mar_top20 { margin-top:0px;}

.mar_bot5 { margin-bottom:5px;}
.mar_bot3 { margin-bottom:3px;}

.mar_bot10 { margin-bottom:10px;}
.mar_bot30 { margin-bottom:30px;}


.pad_left3 { padding-left:3px;}
.pad_left5 { padding-left:5px;}
.pad_left10 { padding-left:10px;}
.pad_left20 { padding-left:20px;}
.pad_left30 { padding-left:30px;}

.pad_rig5 { padding-right:5px;}
.pad_rig10 { padding-right:20px;}


.pad_top3 { padding-top:3px;}
.pad_top5 { padding-top:5px;}

.pad_bot10 { padding-bottom:10px;}
.pad_bot20 { padding-bottom:20px;}

.pad1_5 { padding:1px 5px; margin:2px}
.pad1_8 { padding:1px 8px; margin:2px}
.pad3_8 { padding:3px 8px; margin:2px}
.pad3_4 { padding:3px 4px; margin:2px}



.hig1 { width:100%; height:1px; background-color:#FF0000;}
.hig10 { width:100%; height:10px;}
.hig5 { clear:both; width:100%; height:5px; line-height:5px;}
.hig20 {clear:both; width:100%; height:20px;}

.hig30 { width:100%; height:30px;}
.hig50 { width:100%; height:50px;}
.hig60 { width:100%; height:60px;}



/*### 정렬  공통###*/
.alignC {text-align:center;}
.alignR {text-align:right;}
.alignL {text-align:left;}

/*폰트   공통*/
.font_decoline { text-decoration:line-through}
.font30em { font-size:3em;}
.font26em { font-size:2.6em;}
.font22em { font-size:2.2em;}
.font20em { font-size:2em;}
.font18em { font-size:1.8em;}
.font16em { font-size:1.6em;}
.font15em { font-size:1.5em;}
.font14em { font-size:1.4em;}
.font13em { font-size:1.3em;}
.font12em { font-size:1.2em;}
.font11em { font-size:1.1em;}
.font10em { font-size:1em;}
.font09em { font-size:0.9em;}
.font08em { font-size:0.8em;}
.font07em { font-size:0.7em;}
.font06em { font-size:0.6em;}
.font05em { font-size:0.5em;}


.bold { font-weight:bold;}
.font_white {color:#ffffff;}
.font_red {color:#ed1d37;}
.font_blue {color:#1786cd;}
.font_black {color:#000000;}
.font_silver {color:#666666;}
.font_silver2 {color:#dfdfdf;}


.font_purple  {color:#a95cc6;}
.font_purple2  {color:#6b00d7;}

.font_shcolor {color:#a6bd8b;}

.font_yellow {color:#ffea00;}
.font_green {color:#378b4e;}
.font_green2 {color:#8bc23f;}

.font_greenR {color:#bbcaae;}
.font_greenR2 {color:#a1ff20;}


.font_blue { color:#0e61b1;}
.font_orange {color:#f78d1d;}
.font_skyblue { color:#5fa1e5; }
.font_sky { color:#87a064; }
.font_skyblue2 {color:#0537f3}


.font_pur { color:#7225a7; }
.font_orange2 { color:#e64b40}
.font_mint { color:#17949d}
.fontPink { color:#e4377f;}

.Cgreen_d {color:#668f2d}


.list_black  {color:#555555}
.list_pink {color:#ce505f}
.list_violet {color:#3b3d7e}
.list_green {color:#257075}
.list_orange {color:#d55c1a}
.list_blue {color:#2772a2}


.bg_bsilver {background-color:#767f88;}
.bg_red {background-color:#e63740;}
.bg_green {background-color:#8bc23f;}



/* 충전소 선택 */
.charge-button { background:url(//ximage.sharebox.co.kr/mobile/icon/icon_ck_off.png) no-repeat; background-size:30px; float:left; overflow:auto;}
.charge-button label { float:left;width:30px; height:30px;cursor:pointer; scroll:none;}
.charge-button span { padding-top:30px; padding-left:30px; display:block;font-size:.8em;color:#333;}
.charge-button input { display:none}
.charge-button input:checked + span { background:url(//ximage.sharebox.co.kr/mobile/icon/icon_ck_on.png) no-repeat; background-size:30px; color:#333;}

/* 
.charge_ck {width:30px; height:30px;cursor:pointer; background:url(../images/icon/icon_ck_off.png) no-repeat; background-size:30px; }
.charge_ck:hover {width:30px; height:30px;cursor:pointer; background:url(../images/icon/icon_ck_on.png) no-repeat; background-size:30px; }
.charge_ck.on {width:30px; height:30px;cursor:pointer; background:url(../images/icon/icon_ck_on.png) no-repeat; background-size:30px; }
 */

input[type="radio"] {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    -moz-opacity: 0;
    opacity: 0;
    position: absolute;
    left: -9999px;
    z-index: -1;
}
input[type="radio"] + label {
    display: inline-block;
    line-height: 25px;
    color:#666;
    font-size:0.875em;
}
input[type="radio"] + label .radio_icon {
    display: inline-block;
    padding-right: 6px;
    width: 25px;
    height: 25px;
    background: url(//ximage.sharebox.co.kr/mobile/icon/input_icon.png) left top no-repeat;
    background-size:25px;

}
input[type="radio"]:checked + label .radio_icon {   background-position: 0 -27px;}




/*체크박스 미니이미지 변경*/
.check-button { background:url(//ximage.sharebox.co.kr/mobile/icon/icon_ck_off.png) no-repeat; background-size:25px; float:left; overflow:auto;}
.check-button label { float:left;width:px; height:25px;cursor:pointer; scroll:none;}
.check-button label span {padding-top:3px; padding-left:30px; display:block;font-size:.8em;color:#333;}
.check-button label input { display:none}
.check-button input:checked + span { background:url(//ximage.sharebox.co.kr/mobile/icon/icon_ck_on.png) no-repeat;background-size:25px; color:#333;}

/* 약관동의*/
.check-buttonall { background:url(//ximage.sharebox.co.kr/mobile/icon/icon_ck_off.png) 0px 3px no-repeat; background-size:25px; float:left; overflow:auto;}
.check-buttonall label { float:left;width:px; height:27px;cursor:pointer; scroll:none;}
.check-buttonall label span {padding-top:3px; padding-left:30px; line-height:27px;display:block; font-weight:500; }
.check-buttonall label input { display:none}
.check-buttonall input:checked + span { background:url(//ximage.sharebox.co.kr/mobile/icon/icon_ck_on.png) 0px 3px no-repeat;background-size:25px;   }


/* 약관동의*/
.check-buttonad { background:url(//ximage.sharebox.co.kr/mobile/icon/icon_ck_off.png) 0px 3px no-repeat; background-size:22px; float:left; overflow:auto;}
.check-buttonad label { float:left;width:px; height:25px;cursor:pointer; scroll:none;}
.check-buttonad label span {padding-top:3px; padding-left:30px; line-height:25px;display:block;font-size:.9em; font-weight:400;color:#666 }
.check-buttonad label input { display:none}
.check-buttonad input:checked + span { background:url(//ximage.sharebox.co.kr/mobile/icon/icon_ck_on.png) 0px 3px no-repeat;background-size:22px;  color:#666 }



/*체크박스 미니이미지 변경*/
.check-button2 { background:url(//ximage.sharebox.co.kr/mobile/icon/icon_ck_off.png) 0px 3px no-repeat; background-size:22px; float:left; overflow:auto;}
.check-button2 label { float:left;width:px; height:25px;cursor:pointer; scroll:none;}
.check-button2 label span {padding-top:3px; padding-left:30px; line-height:25px;display:block;font-size:.9em; color:#666 }
.check-button2 label input { display:none}
.check-button2 input:checked + span { background:url(//ximage.sharebox.co.kr/mobile/icon/icon_ck_on.png) 0px 3px no-repeat;background-size:22px;  color:#666 }


/*체크박스 미니이미지 블랙글씨*/
.check-button3 { background:url(//ximage.sharebox.co.kr/mobile/icon/icon_ck_off.png) 0px 3px no-repeat; background-size:22px; float:left; overflow:auto;}
.check-button3 label { float:left;width:px; height:22px;cursor:pointer; scroll:none;}
.check-button3 label span {padding-top:3px; padding-left:30px; line-height:22px;display:block;font-size:.9em; color:#666 }
.check-button3 label input { display:none}
.check-button3 input:checked + span { background:url(//ximage.sharebox.co.kr/mobile/icon/icon_ck_on.png) 0px 3px no-repeat;background-size:22px;  color:#666 }


/*체크박스 미니이미지 변경*/
.check-button_no { background:url(//ximage.sharebox.co.kr/mobile/icon/icon_ck_off.png) no-repeat; background-size:25px; float:left; overflow:auto;}
.check-button_no label { float:left;height:25px;cursor:pointer; scroll:none; }
.check-button_no label span {padding-top:3px; padding-left:30px; height:25px; line-height:20px;display:block;}
.check-button_no label input { display:none}
.check-button_no input:checked + span { background:url(//ximage.sharebox.co.kr/mobile/icon/icon_ck_on.png) no-repeat;background-size:25px; }



/* 라디오  MID 박스 */
.radio-button { margin:0px ; background:url(//ximage.sharebox.co.kr/mobile/icon/icon_ck_off.png) no-repeat; background-size:30px 30px; overflow:auto; float:left; margin-right:10px;}
.radio-button label { float:left; width:30px; height:30px;vertical-align:middle;overflow:hidden;scroll:none;cursor:pointer; margin-right:3px;   }
.radio-button label span { text-align:center;  height:30px; display:block;}
.radio-button label input {position:absolute; top:-30px;display:none;}
.radio-button input:checked + span {background:url(//ximage.sharebox.co.kr/mobile/icon/icon_ck_on.png) no-repeat;  background-size:30px 30px; color:#333; }


/* 라디오  MID 박스 */
.radio-button2 { margin-top:0px; background:url(//ximage.sharebox.co.kr/mobile/icon/icon_ck_off.png) no-repeat; background-size:25px 25px; overflow:auto; float:left; margin-right:10px; margin-top:3px;}
.radio-button2 label { float:left; width:25px; height:25px;vertical-align:middle;overflow:hidden;scroll:none;cursor:pointer; margin-right:3px;   }
.radio-button2 label span { text-align:center;  height:25px; display:block;}
.radio-button2 label input {position:absolute; top:-25px;display:none;}
.radio-button2 input:checked + span {background:url(//ximage.sharebox.co.kr/mobile/icon/icon_ck_on.png) no-repeat; background-size:25px 25px; color:#333; }



/* 라디오 이미지 블랙글씨*/
.check-button4 { background:url(//ximage.sharebox.co.kr/mobile/icon/icon_ck_off.png) 0px 3px no-repeat; background-size:30px; float:left; overflow:auto;}
.check-button4 label { float:left;width:px; height:30px;cursor:pointer; scroll:none;}
.check-button4 label span {padding-top:3px; padding-left:40px; line-height:30px;display:block;font-size:1em; color:#666 }
.check-button4 label input { display:none}
.check-button4 input:checked + span { background:url(//ximage.sharebox.co.kr/mobile/icon/icon_ck_on.png) 0px 3px no-repeat; background-size:30px;  color:#666 }




/* 컨텐츠 리스트 변경 CSS 구문 */
#contents_cover {width:98%;margin:0 auto; border-left:0px #cccccc solid; border-right:0px #cccccc solid; border-top:0px #cccccc solid;}
.text-limit {
	width:280px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.swiper-container {
	  -webkit-box-sizing: border-box;
		 -moz-box-sizing: border-box;
		  box-sizing: border-box;
							  
		-webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1);
		-moz-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1);
		box-shadow: 0px 0px 0px 0px rgba(0,0,0,0.1);

	width: 100%;
	border:0px solid #ccc;
	
}
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}
.pagebtn {
	cursor:pointer;
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f9f9f9), color-stop(1, #e9e9e9) );
	background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
	background-color:#f9f9f9;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px;
	text-indent:0px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#666666;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:32px;
	line-height:32px;
	width:36px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #ffffff;
}
.pagebtn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e9e9e9), color-stop(1, #f9f9f9) );
	background:-moz-linear-gradient( center top, #e9e9e9 5%, #f9f9f9 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e9e9e9', endColorstr='#f9f9f9');
	background-color:#e9e9e9;
}.pagebtn:active {
	position:relative;
	top:1px;
}
.pagebtn2 {
	cursor:pointer;
	-moz-box-shadow:inset 0px 1px 0px 0px #caefab;
	-webkit-box-shadow:inset 0px 1px 0px 0px #caefab;
	box-shadow:inset 0px 1px 0px 0px #caefab;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811) );
	background:-moz-linear-gradient( center top, #77d42a 5%, #5cb811 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811');
	background-color:#77d42a;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px;
	text-indent:0px;	
	border:1px solid #268a16;
	display:inline-block;
	color:#306108;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:32px;
	line-height:32px;
	width:36px;
	text-decoration:none;
	text-align:center;	
	text-shadow:1px 1px 0px #aade7c;
}
.pagebtn2:hover {	
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a) );
	background:-moz-linear-gradient( center top, #5cb811 5%, #77d42a 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a');
	background-color:#5cb811;
}.pagebtn2:active {
	position:relative;
	top:1px;
}


#poster_image {
	width:50%;
	height:280px;
}




.more_btn{ width:100%;  height:40px;  margin-bottom:20px;display:block; padding:10px 0; text-align:center; color:#797979; font-size:0.875em;  
	background: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f9f9f9));
	background: -moz-linear-gradient(top,  #ffffff,  #f9f9f9);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f9f9f9'); font-weight:bold;cursor:pointer;	border-left:1px solid #dddddd;	border-right:1px solid #dddddd;	border-bottom:1px solid #dddddd;
	-webkit-border-radius: 0px 00px 10px 10px  ;  -moz-border-radius:0px 00px 10px 10px; border-radius:0px 00px 10px 10px;}

.more_btn .arr_down{ width:8px; height:8px; border-top:1px solid #b6b6b6; border-left:1px solid #b6b6b6; display:inline-block; margin:0 0 5px 8px;
    -ms-transform: rotate(-135deg); /* IE 9 */
    -webkit-transform: rotate(-135deg); /* Chrome, Safari, Opera */
    transform: rotate(-135deg);}


	

.blink {
  animation: blink-animation 2s steps(5, start) infinite;
  -webkit-animation: blink-animation 2s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}


.switch {position: relative;	display: inline-block;	vertical-align: middle;	width:60px;height: 25px;	cursor:pointer;	background-color:#FFF;	border-radius: 25px;	-webkit-border-radius: 25px  ;  -moz-border-radius:25px;}
.switch-input {	position: absolute;	top: 0;	left: 0;	opacity: 0;}
.switch-label {	position: relative;	display: block;	height: inherit;	font-size:.8em;	text-transform: uppercase;	border-radius: inherit;	
-webkit-transition: 0.15s ease-out;	-moz-transition: 0.15s ease-out;	-o-transition: 0.15s ease-out;	transition: 0.15s ease-out;	border:1px solid #ccc;	box-sizing:border-box;}
.switch-label:before, .switch-label:after {	position: absolute;	top: 50%;	margin-top: -.5em;	line-height: 1;	
-webkit-transition: inherit;	-moz-transition: inherit;	-o-transition: inherit;	transition: inherit;}
.switch-label:before {	content: attr(data-off);	right:10px;font-size:.8em;	color: #000;	opacity:.6;	font-weight:bold;	letter-spacing:0;}
.switch-label:after {	content: attr(data-on);	left:10px;	opacity: 0;	font-weight:bold;	letter-spacing:0;color:#ff4f4f;}
.switch-input:checked ~ .switch-label {	background: #fff;}
.switch-input:checked ~ .switch-label:before {	opacity: 0;}
.switch-input:checked ~ .switch-label:after {	opacity: 1;}
.switch-handle {	position: absolute;	top: 0;	left: 0;	width:25px;	height: 25px;	background: #666;	border-radius: 25px;	-webkit-border-radius: 25px  ;  -moz-border-radius:25px;
-webkit-transition: left 0.15s ease-out;	-moz-transition: left 0.15s ease-out;	-o-transition: left 0.15s ease-out;	transition: left 0.15s ease-out;	color:#fff;	text-align:center;	font-size:.8em;	font-weight:bold;	line-height:25px;	font-family:'Tahoma';	letter-spacing:0;}
.switch-input:checked ~ .switch-handle { color:#ff4f4f;left:35px;background-color:#ff4f4f  ;}



.switchB {position: relative;	display: inline-block;	vertical-align: middle;	width:80px;height: 30px;	margin-top:10px;cursor:pointer;	background-color:#FFF;	border-radius: 25px;	-webkit-border-radius: 25px  ;  -moz-border-radius:25px;}
.switchB-input {	position: absolute;	top: 0;	left: 0;	opacity: 0;}
.switchB-label {	position: relative;	display: block;	height: inherit;	font-size:1em;	text-transform: uppercase;	border-radius: inherit;	
-webkit-transition: 0.15s ease-out;	-moz-transition: 0.15s ease-out;	-o-transition: 0.15s ease-out;	transition: 0.15s ease-out;	border:1px solid #000;	box-sizing:border-box;}
.switchB-label:before, .switchB-label:after {	position: absolute;	top: 50%;	margin-top: -.5em;	line-height: 1;	 -webkit-transition: inherit;	-moz-transition: inherit;	-o-transition: inherit;	transition: inherit;}
.switchB-label:before {content: attr(data-off);	right:15px; font-size:1em;	color: #000;	opacity:.9;	font-weight:bold;	letter-spacing:0;}
.switchB-label:after {	content: attr(data-on);	left:13px;	opacity: 0;	font-weight:bold;	letter-spacing:0; color:#000;}
.switchB-input:checked ~ .switchB-label {	background: #fff;}
.switchB-input:checked ~ .switchB-label:before {	opacity: 0;}
.switchB-input:checked ~ .switchB-label:after {	opacity: 1;}
.switchB-handle {	position: absolute;	top: 0;	left: 0;	width:30px;	height: 30px;	background: #000;	border:1px solid #000;border-radius: 25px;	-webkit-border-radius: 25px  ;  -moz-border-radius:25px;
-webkit-transition: left 0.15s ease-out;	-moz-transition: left 0.15s ease-out;	-o-transition: left 0.15s ease-out;	transition: left 0.15s ease-out;	color:#fff;	text-align:center;	font-size:1em;	font-weight:bold;	line-height:25px;	font-family:'Tahoma';	letter-spacing:0;}
.switchB-input:checked ~ .switchB-handle { color:#ff4f4f;left:52px;background-color:#ff4f4f  ;}