@charset "utf-8";
/* ----------------------------
2013-11-11 create theJ
2013-11-13 last modify theJ phoebe
---------------------------- */

.article {padding-bottom:68px;}
.main_visual {clear:both;position:relative;height:582px;width:100%;margin:0 auto;overflow:auto;}
.main_visual ul {position:relative;list-style:none;z-index:1;height: 582px;}
.main_visual ul li {float:left;height:582px;position:relative;}
.main_visual ul li .top_area {display:block;width:100%;height:356px;}
.main_visual ul li .btm_area {display:block;width:100%;height:226px;background:#f1f5f7;}
.main_visual ul li .img_area {display:block;width:100%;position:absolute;left:0;bottom:0;z-index:2;}
.main_visual ul li .top_area a.experience {margin:0 0 0 35px;overflow:hidden;width:108px;}
.main_visual ul li .top_area a.none { display:none; }
.main_visual ul li .top_area img.img1 {display:inline;}
.main_visual ul li .top_area img.img2 {display:none;}
.main_visual ul li .btm_area .size_wrap {display:none;}
.main_visual ul li .top_area .size_wrap .drag_area {position:absolute;left:15%;top:0;width:70%;height:356px;z-index:1;}
.main_visual ul li .top_area .size_wrap a {position:relative;z-index:2;}
.main_visual ul li .top_area .size_wrap em {display:block;position:relative;z-index:2;}
.main_visual ul li .top_area .size_wrap em a {display:inline;position:static;}
.main_visual .controls {display:block;position:relative;margin:0 auto;margin-top:-135px;z-index:3;}
.main_visual .controls a {position:absolute;width:28px;height:54px;display:block;text-indent:-200px;overflow:hidden;}
.main_visual .controls a.prev {left:0;top:0;background:url("img/btn_category_kv.png") no-repeat left top;}
.main_visual .controls a.next {right:0;top:0;background:url("img/btn_category_kv.png") no-repeat right top;}
.main_visual ol.dots {position:relative;margin:0 auto;margin-top:-35px;z-index:4;text-align:center;}
.main_visual ol.dots li {position:absolute;left:0;top:0;display:block;width:18px;height:18px;overflow:hidden;background:url("img/btn_main_dot.png") no-repeat 3px 3px;}
.main_visual ol.dots li a {text-indent:-200%;position:absolute;left:2px;top:2px;display:block;width:14px;height:14px;}
.main_visual ol.dots li.active {background:url("img/btn_main_dot.png") no-repeat -15px 3px;}
.main_visual ol.dots li.dot0 {left:0;}
.main_visual ol.dots li.dot1 {left:18px;}
.main_visual ol.dots li.dot2 {left:36px;}
.main_visual ol.dots li.dot3 {left:54px;}
.main_visual ol.dots li.dot4 {left:72px;}
.main_visual ol.dots li.dot5 {left:90px;}
.main_visual ol.dots li.dot6 {left:108px;}
.main_visual ol.dots li.dot7 {left:126px;}
.main_visual ol.dots li.dot8 {left:144px;}
.main_visual ol.dots li.dot9 {left:162px;}
.main_visual ol.dots li.dot10 {left:180px;}
.main_visual .toggle_play {position:relative;display:block;width:18px;height:18px;z-index:3;margin:0 auto;}
.main_visual .toggle_play a {position:absolute;bottom:1px;display:block;width:18px;height:18px;overflow:hidden;text-indent:200%;background:url("img/btn_play_stop.png") no-repeat 0 0;}
.main_visual .toggle_play a.stop {background-position:0 0;}
.main_visual .toggle_play a.play {background-position:-20px 0;display:none;}
.promotion_banner {width:474px;margin:0 auto;padding-bottom:17px;overflow:hidden;}
.promotion_banner ul {margin-left:-14px;zoom:1;}
.promotion_banner ul li {float:left;width:230px;margin-left:14px;padding:20px 0 0 0;}
.promotion_banner ul li .img {display:inline;}
.promotion_banner ul li .img img {max-width:230px;}
.promotion_banner ul li .title {display:block;padding:11px 0 9px 0;font-size:16px;color:#333;line-height:17px;}
.promotion_banner ul li .desc {display:block;font-size:13px;color:#767676;line-height:16px;}
.promotion_banner ul li.list1 {display:block;}
.promotion_banner ul li.list2 {display:block;}
.promotion_banner ul li.list3 {display:none;}
.promotion_banner .more a { float:right;font-size:12.5px;padding:10px 15px 0 0;cursor:pointer; font-weight:bold;color:#1aa7d5}
br.dan2 {display:inline;}
br.dan3 {display:none;}
br.dan4 {display:none;}


	.main_visual {width:100%;}
	.main_visual ul li .top_area {width:100%;}
	.main_visual ul li .btm_area {width:100%;}
	.main_visual ul li .img_area {display:block;width:100%;}
	.main_visual ul li .top_area a.experience {margin:0;overflow:hidden;display:block;}
	.main_visual ul li .top_area a.none { display:none; }
	.main_visual ul li .top_area .size_wrap, 
	.main_visual ul li .btm_area .size_wrap,
	.main_visual ul li .img_area .size_wrap {position:relative;display:block;width:718px;margin:0 auto;}
	.main_visual ul li .img_area .size_wrap a {display:block;position:absolute;left:0;bottom:0;}
	.main_visual ul li .btm_area .size_wrap .title,
	.main_visual ul li .btm_area .size_wrap .desc,
	.main_visual ul li .btm_area .size_wrap .btns {clear:both;float:right;width:280px;padding-right:0;}
	.main_visual ul li .btm_area .size_wrap .title {padding-top:24px;padding-bottom:7px;font-size:22px;color:#000;line-height:26px;}
	.main_visual ul li .btm_area .size_wrap .desc {font-size:14px;color:#666;line-height:16px;}
	.main_visual ul li .btm_area .size_wrap .btns {display:block;padding-top:12px;}
	.main_visual ul li .btm_area .size_wrap .btns a {display:inline-block; padding:0 0 0 10px; height:28px; background:url("img/bg_main_btn.png") no-repeat left top #f1f5f7;} /* 2014-01-29 */
	.main_visual ul li .btm_area .size_wrap .btns a.blue {display:inline-block; padding:0 0 0 10px; height:28px; background:url("img/bg_main_btn_blue.png") no-repeat left top #f1f5f7;} /* 2014-01-29 */
	.main_visual ul li .btm_area .size_wrap .btns a span {display:inline-block; padding:0 22px 0 0; height:28px; line-height:26px; font-size:12px; background:url("img/bg_main_btn.png") no-repeat right top #f1f5f7; color:#fff;} /* 2014-01-29 */
	.main_visual ul li .btm_area .size_wrap .btns a.blue span {display:inline-block; padding:0 22px 0 0; height:28px; line-height:26px; font-size:12px; background:url("img/bg_main_btn_blue.png") no-repeat right top #f1f5f7; color:#fff;} /* 2014-01-29 */
	.main_visual ul li .top_area img.img1 {display:none;}
	.main_visual ul li .top_area img.img2 {display:inline;}
	.main_visual ol.dots {margin:102px auto 0;}

	.promotion_banner {width:718px;}
	.promotion_banner ul li {padding:30px 0 0 0;}
	.promotion_banner ul li.list3 {display:block;}

	br.dan2 {display:none;}
	br.dan3 {display:inline;}
	br.dan4 {display:none;}

	.main_visual ul li .top_area .size_wrap, 
	.main_visual ul li .btm_area .size_wrap,
	.main_visual ul li .img_area .size_wrap {width:960px;}
	.main_visual ul li .btm_area .size_wrap .title,
	.main_visual ul li .btm_area .size_wrap .desc,
	.main_visual ul li .btm_area .size_wrap .btns {width:480px;}
	.main_visual .controls {width:960px;}

	.promotion_banner {width:960px;}
	.promotion_banner ul {margin-left:-15px;}
	.promotion_banner ul li {width:310px;margin-left:15px;}
	.promotion_banner ul li .img img {max-width:310px;}

	br.dan2 {display:none;}
	br.dan3 {display:none;}
	br.dan4 {display:inline;}