/* BASIC css start */
#contentWrapper {padding-top:40px !important; }
.noTopBanner #contentWrapper {padding-top:0px !important;}

.wrapper {width:1300px;  margin:0 auto; }

.visualSwiper {}
.visualSwiper .swiper-slide {position:relative; }
.visualSwiper .swiper-slide  a {display:inline-block; width:100%}
.visualSwiper .swiper-slide  a img {width:100%; }
.visualSwiper .swiper-button-prev, .visualSwiper .swiper-button-next {position: absolute; margin: 0; top: 50%; transform: translateY(-50%); z-index: 10; width: 64px; height: 64px; display:none;   }
.visualSwiper .swiper-button-prev {left: 4%; background: url("/design/purdygolf/img/icon_prev.svg") no-repeat center/24px auto;}
.visualSwiper .swiper-button-next {right: 4%; background: url("/design/purdygolf/img/icon_next.svg") no-repeat center/24px auto;}
.visualSwiper .video {position:relative; padding-top: 56.25%;; }
.visualSwiper .video iframe {    position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; }
.visualSwiper .swiper-pagination_box { position:absolute; bottom:27px; left:0; width:100%; z-index: 1;}
.visualSwiper .swiper-pagination { position:static !important; max-width: 1850px; margin:0 auto; text-align:left }
.visualSwiper .swiper-pagination-bullet { width:10px; height: 10px; display: inline-block; border-radius: 100%;  opacity: 1; background: #fff;  margin:0; margin-right:9px; }
.visualSwiper .swiper-pagination-bullet-active { background: #404049;}

#eventBanner {overflow: hiddlen;white-space: nowrap;}
#eventBanner .event_list {display:flex;align-items: flex-start;justify-content: flex-start;}
#eventBanner .event_list li {display:inline-block; width:25%; box-sizing:border-box; position:relative; }
#eventBanner .event_list li .img img {width:100%}
#eventBanner .event_list li .txt {position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items: center;justify-content: center;flex-direction: column; }
#eventBanner .event_list li .txt .tt { color:#fff;; font-weight:600; font-size:44px; line-height:1; margin-bottom:10px}
#eventBanner .event_list li .txt .des { color:#fff;; font-weight:400; font-size:20px; line-height:1 }
#eventBanner .event_list li:before {content:""; opacity:0; width:100%; height:100%; position:absolute; top:0; left:0; background:rgba(0,0,0,0.5); transition: all 500ms ease;}
#eventBanner .event_list li:hover:before {opacity:1}


.section {margin:200px 0;}
.sect_tt {margin-bottom:44px; text-align:center;  }
.sect_tt .tt {font-size:35px; font-weight:700; line-height:1; }
.sect_tt .des {font-size:20px; font-weight:400; line-height:1.5; margin-top:20px; }

.sect_sub_tt { margin-bottom:22px; text-align:center;  }
.sect_sub_tt .tt {font-size:28px; font-weight:700; line-height:1; }

.section .swiper-button-next, .section .swiper-button-prev  {position: absolute;margin: 0;top: 50%;transform: translateY(-50%);z-index: 10;width:50px;height: 50px;font-size:28px !important;box-sizing:border-box;border-radius:100%;align-items: center;justify-content: center; color:#2b2b32;}
.section .swiper-button-next:after, .section .swiper-button-prev:after {font-size:inherit}
.section .swiper-button-prev {left:0}
.section .swiper-button-next {right:0}


.tab_box {display:flex;align-items: center;justify-content: center; padding-bottom:64px}
.tab_box a {box-sizing:border-box;display:flex;justify-content: center;align-items: center;height:38px; border-radius:17px; width:138px; border: 1px solid #2b2b32;margin-right:14px;color:#2b2b32;font-size:20px;}
.tab_box a:last-child {margin-right:0}
.tab_box a.active {background: #2b2b32; color:#fff; }

.tab_con_box {}
.tab_con {display:none; }
.tab_con.active {display:block;; }

#BEST {}
.prod_best_box {margin-bottom:80px; height:560px; }
.prod_best_box .prod_list .item .thumb_box {width:100%; }
.prod_best_box .prod_list .item .info_box {margin-top:45px;text-align:center;  }
.prod_best_box .prod_list .item .info_box .name {text-align:center; margin-bottom:10px }
.prod_best_box .prod_list .item .info_box .preview_box {display:none;align-items: center;justify-content: center; opacity:0 }
.prod_best_box .prod_list .item .info_box .preview_box a  {width:auto; }
.prod_best_box .prod_list .item .info_box .etc {width:100%; margin-bottom:16px; display:none;  }
.prod_best_box .prod_list .item .info_box .price_box  {width:100%; text-align:center; font-weight:400 }
.prod_best_box .prod_list .item .info_box .price_box .price { font-weight:400}


.prod_best_box .prod_list .swiper-slide .item {transition: width .3s ease, transform .3s ease;width: calc(100% - 128px);margin:0 auto;display: flex;flex-direction: column;align-items: center;justify-content: flex-start;}
.prod_best_box .prod_list .swiper-slide .item .thumb_box a { position:relative; }
.prod_best_box .prod_list .swiper-slide .item .thumb_box a:after {content:""; display:block; width:100%; height:100%; background:rgba(0,0,0,0.3); position:absolute; top:0; left:0; opacity:0; }
.prod_best_box .prod_list .swiper-slide.swiper-slide-next .item {transform: translateX(calc(-2% + 32.5px));}
.prod_best_box .prod_list .swiper-slide.swiper-slide-prev .item {transform: translateX(calc(2% - 32.5px));}
.prod_best_box .prod_list .swiper-slide.swiper-slide-active .item  {transform: translateX(0); width:100%}
.prod_best_box .prod_list .swiper-slide.swiper-slide-active .item .info_box {position:absolute; top: 60.5%; left:0; width:100%; opacity:0; /*padding-top: 79%;*/}
.prod_best_box .prod_list .swiper-slide.swiper-slide-active .item .info_box * {color:#fff; }
.prod_best_box .prod_list .swiper-slide .item.on .preview_box { margin-bottom:10px; display:flex; opacity:1;  transition: opacity .3s ease .3s;}
.prod_best_box .prod_list .swiper-slide .item.on .preview_box img {height: 32px;}
.prod_best_box .prod_list .swiper-slide .item.on .preview_box #wishBtn {margin-left:16px; }
.prod_best_box .prod_list .swiper-slide .item.on .thumb_box a:after, .prod_best_box  .prod_list .swiper-slide.swiper-slide-active .item.on .info_box {opacity:1;  transition: opacity .3s ease .3s;}
.prod_best_box .prod_list .swiper-slide .item.on .info_box {display:block; }
.prod_best_box .prod_list .swiper-slide .item.on .info_box .etc {display:block; margin:0}
.prod_best_box .prod_list .swiper-slide .item.on .info_box .name {margin:0}

#BEST .swiper-button-prev {left: 50%;top:200px; transition: none; margin-left: -200px; color:#fff}
#BEST .swiper-button-next {right:50%; top:200px; transition: none; margin-right: -200px; color:#fff}

.prod_btn {display:flex; align-items: center;justify-content: center;}
.prod_btn .more {display:flex; align-items: center;justify-content: center;border-radius: 17px;height: 51px;box-sizing:border-box;font-size:20px;color:#fff;background:#2b2b32;width: 503px;}


#STYLE {background:#f5f5f5; padding:100px 0}
#STYLE .style_con_box {display:flex;align-items:flex-start;justify-content: flex-start;}
#STYLE .style_con_box .style_img_box {width:520px; box-sizing:border-box;  }
#STYLE .style_con_box .style_img_box a {display:block; position:relative; }
#STYLE .style_con_box .style_img_box .img img {width:100%}
#STYLE .style_con_box .style_img_box .txt {width:100%;box-sizing:border-box;}
#STYLE .style_con_box .style_img_box .txt span {color: #fff;font-size: 24px;line-height:1}
#STYLE .style_con_box .style_img_box .txt span.per {width: 100px;height: 100px;border-radius:100%;display:flex;background:#322f2f;align-items: center;justify-content: center;font-size: 36px;font-weight: 600;margin-right:26px; position:absolute; top:20px; left:20px; }
#STYLE .style_con_box .style_img_box .txt .info {position:absolute; bottom:20px; left:0;  padding:25px; text-align:center; width:100%; box-sizing:border-box;}
#STYLE .style_con_box .style_img_box .txt span.name {display:block; margin-bottom:10px; font-weight:600; font-size:40px;word-wrap:break-word; word-break:keep-all; line-height:1.2 }
#STYLE .style_con_box .style_img_box .txt span.dcPrice {margin-right: 16px;text-decoration: line-through;}
#STYLE .style_con_box .style_img_box .txt span.price { font-size:36px; font-weight:600}

#STYLE .style_con_box .style_prod_box {width:calc(100% - 520px); box-sizing:border-box; padding-left:45px;   }
#STYLE .prod_list .item .info_box .topArea {margin:20px 0}
#STYLE .prod_list .item .info_box .topArea .right_box a {margin-left:4px}
#STYLE .prod_list .item .info_box .topArea .right_box a img {height:20px}
#STYLE .prod_list .item .info_box .name {font-size:16px; }
#STYLE .prod_list .item .info_box .price_box {width:100px; }
#STYLE .prod_list .item .info_box .price_box .price {font-size:16px; }
#STYLE .prod_list .item .info_box .etc {font-size:14px;width:calc(100% - 100px); }
#STYLE .swiper-pagination {position:static; margin-top:70px;  }
#STYLE .swiper-pagination .swiper-pagination-bullet {border:none;box-sizing:border-box;background:#dedede;opacity:1;width:13px;height:13px;margin: 0 4.5px;}
#STYLE .swiper-pagination .swiper-pagination-bullet-active { background:#404049; }
#STYLE .swiper-button-prev  { display:none;left: -102px}
#STYLE .swiper-button-next { display:none;right: -102px}


.banner .img img {width:100%}
.banner .txtArea a { display:block;  position:relative; }
.banner .txtArea a .txt  { position:absolute; top:0; left:0; width:100%; height:100%; }
.banner .txtArea a .txt .wrapper {max-width:1800px; width:100%; height: 100%;display:flex;flex-direction: column;align-items: flex-start;justify-content: center;}
.banner .txt .des {font-size:38px; color:#fff; font-weight:100; line-height:1.1; margin-bottom:50px; } 
.banner .txt .tt {font-size:100px; color:#fff; font-weight:600; margin-bottom:42px; text-align:right; line-height:1.1;   } 
.banner .txt .btn {display:flex;width: 104px;height: 35px;box-sizing:border-box;border:1px solid #fff;align-items: center;justify-content: center; color:#fff; font-weight:400; font-size:16px; }


#midBanner .videoArea { position:relative; padding-top: 56.25%;}
#midBanner .videoArea iframe {position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; }

#btmBanner .txtArea a .txt .des {text-align:right } 
#btmBanner .txtArea a .txt .wrapper {align-items: flex-end;}
#btmBanner .txtAreaTwo {display:flex;align-items: flex-start;justify-content: flex-start;}
#btmBanner .txtAreaTwo .txtAreaTwoCon {width:50%}
#btmBanner .txtAreaTwo a { display:block;  position:relative;  }
#btmBanner .txtAreaTwo a .txt {position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction: column;align-items: center;justify-content: center;}
#btmBanner .txtAreaTwo a .txt .des { text-align:right } 


/* ÆË¾÷ */
.main_popUp_box { position:absolute;; top: 0; left: 0; padding: 30px; z-index:100; box-sizing:border-box; display:none;  }
.main_popUp_wrap {width: 100%; max-width:290px; height: 100%; overflow:hidden } 
.main_popUp_con { display:block; width:100%; position:relative; }
.main_popUp_con .swiper-slide a {display:inline-block; width:100%; height:100%; }
.main_popUp_con .swiper-slide img {width:100%; border-radius:10px; }
.main_popUp_con .swiper-pagination {bottom:10px}
.main_popUp_con .swiper-pagination .swiper-pagination-bullet {border:1px solid #000; box-sizing:border-box; background:#fff; opacity:1}
.main_popUp_con .swiper-pagination .swiper-pagination-bullet-active { background:#FFD203; }
.main_popUp_btn {display: flex; width: 100%; align-items: center; justify-content: space-between; margin-top:10px; }
.main_popUp_btn .btn_close { display: flex; align-items: center; justify-content: center;font-size:14px; letter-spacing: 5px; text-align: center; width:20px; height:20px; line-height:20px;  background: #07703e; border-radius: 100%; color: #000; font-weight: bold; box-sizing:border-box; }
.main_popUp_btn .btn_close span { width:14px; visibility: visible; color: #fff;}
.main_popUp_btn .btn_today_close {text-align: right; color: #949494; display: block; font-size: 13px;}
.main_popUp_btn .btn_today_close label {display:inline-block; cursor:pointer}
.main_popUp_btn .btn_today_close input[type="checkbox"] {margin-right:10px; }
.main_popUp_btn .btn_today_close input[type="checkbox"]:checked {}
.main_popUp_btn .btn_today_close label { color:#000;}



.bounce_main_popup_box { position: fixed; bottom: -100%; left: 0;  width: 100%; transition: all 0.3s; z-index:9999999999999}
.bounce_main_popup_box.show { bottom: 20px; animation: bounce 0.8s ease-out forwards; }
.bounce_main_popup_box .main_popup_inner { margin: 0 auto; text-align: center; position: relative; box-sizing: border-box; width:480px; }
.bounce_main_popup_box #today_close {display: flex;align-items: center;justify-content: center;position: absolute;top: 6px;right:17px;background: #fff;border-radius: 100%;padding: 4px;width: 24px;height: 24px;border:none;z-index: 10;}
.bounce_main_popup_box #today_close span {visibility:visible}
.bounce_main_popup_box .main_popup_txt {}
.bounce_main_popup_box .main_popup_txt a {display:block; width:95%; margin:0 auto; }
.bounce_main_popup_box .main_popup_txt a img { width: 100%; border-radius:10px }


@keyframes bounce {
	0% {
		transform: translateY(100%);
		opacity: 0;
	}
	50% {
		transform: translateY(-15%);
		opacity: 1;
	}
	70% {
		transform: translateY(5%);
	}
	90% {
		transform: translateY(-5%);
	}
	100% {
		transform: translateY(0);
	}
}





/* BASIC css end */

