@charset "utf-8";
* {font-family: "新細明體", "\5FAE\8EDF\6B63\9ED1\9AD4", "Microsoft JhengHei", "微軟正黑體"; font-size: 14px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
a:focus, button:focus, buttom.active {outline: none; text-decoration: none;}
ul, li {list-style: none; margin: 0; padding: 0;}
a, a:hover, button, button:hover {outline: none; text-decoration: none;}
a, a:hover, button, button:hover {text-decoration: none; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}

/* 回頂點 */
.actGotop{position:fixed;_position:absolute;bottom:100px;right:100px;width:60px;height:60px;display:none;z-index: 999;}
.actGotop a, .actGotop a:link{width:60px;height:60px;display:inline-block; background: rgba(0, 0, 0, 0.5); border-radius: 30px; font-size: 15px; outline:none; border: 2px solid #FFF; line-height: 60px; text-align: center; color: #FFF;font-weight: bold;}
.actGotop a:hover{border: 2px solid #ff6c00; color: #ff6c00; outline:none;}
.actGotop a i {display: table; font-size: 60px; margin: 0 auto; line-height: 50px;}
#ascrail2000-hr {display: none !important;}
img {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
}

/** HEADER **/
header {width: 100%; height: 50px; background: #393939; display: table;}
header .header {text-align: center; line-height: 50px;}
header .header a {display: block;}

.menu{float: right;}
a.right_bt {position: absolute; right: 0; top:10px;}
a.right_bt img {padding: 18px 0px;}
.menu_box_list ul li a{font-family: fantasy; font-weight: bold; color: #fff; font-size: 30px; text-transform: capitalize; letter-spacing: 0.8px;}

.menu_box_list ul li a.active, .menu_box_list ul li a:hover{text-decoration: none; color: #d2ff00; transition: 0.8s all; text-decoration: underline;}
/*--menu-box-style--*/
.box_content_center {background: rgba(0, 0, 0, 0.7);height: 100%;}
.box {position: absolute; top: -100%; width: 100%; height: 100%; margin: auto; padding: 0px; z-index: 1049; text-align: center; left: 0px;}
a.boxclose {cursor: pointer; text-align: center; display: block; position: absolute; top: 5px; right: 5px;}
.menu_box_list ul {padding: 10% 0px;}
.menu_box_list ul li:nth-child(1){margin: 0;}
.menu_box_list ul li{margin-top: 12px;}

footer {width: 100%; background: #2c2c2c; display: table;}
footer .footer_nav {border-bottom: 1px solid #FFF;}
footer .footer_nav ul {display: table; margin: 0 auto; padding: 20px 0;}
footer .footer_nav ul li {display: inline-block;}
footer .footer_nav ul li a {padding: 0 25px;}
footer .footer_nav ul li:after {content: '|'; color: #FFF; font-size: 20px;}
footer .footer_nav ul li:nth-last-child(1):after {content: '';}
footer .copyright_text {color: #FFF; font-size: 13px;}
footer .copyright_text p {line-height: 50px; display: table; margin: 0;text-align: center; width: 100%;}
footer .copyright_text ul {display: table; float: right;}
footer .copyright_text ul li {display: inline-block; border: 1px solid #FFF; margin: 10px 5px;}
footer .copyright_text ul li a {display: block; padding: 5px 12px; color: #FFF; position: relative; z-index: 1000;}
footer .copyright_text ul li a i {font-size: 12px;}

#right_banner {position: absolute; right: 3%; top: 23%; z-index: 9999;}

#m_banner {display: none;}
#banner {position: relative; transition: background-position .5s ease-out; background: url(../images/title_bg.jpg) no-repeat top center; margin:0 auto; max-height: 100vh; overflow: hidden; background-attachment: fixed;min-height: 960px; background-size: cover;}
.htmleaf-container{display: table; min-height: 100vh; width: 100%; text-align: center; padding: 12% 0;}
.nGyroParallax1 {position: absolute; transition: .5s ease-out;}
#chouchin-1-1 {margin: 0px 0 0 -180px; top: 50%; left: 50%; z-index: 99;}
#chouchin-1-2 {margin: 265px 0 0 -420px; top: 50%; left: 50%; z-index: 99;}
#chouchin-1-3 {margin: 380px 0 0 -230px; top: 50%; left: 50%; z-index: 99;}
#chouchin-1-1 img, #chouchin-1-2 img {transform: translate3d(0,0,0); transition: .5s;}
#ink1-1 {margin: -186px 0 0 -400px;}
#ink1-2 {margin: -206px 0 0 -40px;}
#aori {margin: -480px 0 0 -980px; top: 0%; left: 0%;}
#hotaru {margin: -237px 0 0 40px;}
#aori img, #hotaru img {transform: translate3d(0,0,0); -webkit-filter: drop-shadow(4px 2px 14px #999); -ms-filter: drop-shadow(4px 2px 14px #999); filter: drop-shadow(4px 2px 14px #999); transition: .5s;}
#console {display: none; position: absolute; left: 0; bottom: 0; width: 100%; padding: 10px; color: #fff; font-size: 32px; background: rgba(0,0,0,.6); box-sizing: border-box;}

.coupons {position: absolute; z-index: 15; text-align: center; top: 185px;}
.coupons a {background: rgba(101, 0, 143, 0.5); padding: 20px 50px 10px; line-height: 25px; color: #FFF; font-size: 18px; border: 1px solid #FFF; display: -webkit-inline-box; margin: 100px 0 70px;}
.coupons a span {font-size: 15px; font-weight: bold; letter-spacing: 2px;}
.coupons ul {display: table; margin: 0 auto;}
.coupons ul li {color: #FFF; font-size: 15px; font-family: fantasy; line-height: 35px;}
.coupons ul li:nth-last-child(1) {border-bottom: 1px solid #FFF;  display: table; margin: 0 auto;}

.product {padding-bottom: 0px; background: #ff6c00;}
.product a .product_text .product_text_content ul li {color: #333;}
.product a:hover .product_text .product_text_content ul li {color: #333;}

.product .product_text {padding: 30px 0 0;}
.product .product_text .product_text_content {margin-top: 0px; text-align: center;}
.product .product_text .product_text_content img:nth-child(2) {width: 100%; margin: 20px 0;}
.product .product_text .product_text_content ul {display: table; margin: 0;}
.product .product_text .product_text_content ul li {width: 100%; text-align: left; font-size: 18px; color: #FFF; line-height: 40px;}
.product .product_text .product_text_content .dl-horizontal {margin: 25px 0;}
.product .product_text .product_text_content .dl-horizontal dt {width: 15%; font-size: 18px; color: #FFF; line-height: 40px; text-align: left;}
.product .product_text .product_text_content .dl-horizontal dd {margin-left: 0%; font-size: 16px; color: #FFF; line-height: 40px; text-align: center; /*font-family: fantasy;*/ letter-spacing: 1px; position: relative;}
/*.product .product_text .product_text_content .dl-horizontal dd:before {content: '“'; font-family: cursive; font-size: 72px; position: absolute; left: 0px; top: 0px;}
.product .product_text .product_text_content .dl-horizontal dd:after {content: '”'; font-family: cursive; font-size: 72px; position: absolute; right: 0px; top: 0px;}*/
.product .product_text .product_text_content .dl-horizontal dd:after {content: ' '; width: 1px; border-left: 1px solid #FFF; position: absolute; right: 50%; bottom: -20px; height: 20px;}
.product .product_text_II {padding: 75px 0 0;}
.product .product_text_II .product_text_content {margin-top: 0px; text-align: center;}
.product .product_text_II .product_text_content .dl-horizontal {margin: 25px 0;}
.product .product_text_II .product_text_content .dl-horizontal dd {margin-left: 0%; font-size: 16px; color: #FFF; line-height: 40px; text-align: center; /*font-family: fantasy;*/ letter-spacing: 1px; position: relative;}

.product .product_mov {margin-top: 225px;}
.product .product_mov .product_mov_content img {width: 100%;}
.product .product_img .product_img_content {margin-top: 111px; margin-left: -120px; width: 667px; height: 407px; background: url(../images/area_01_all.png) no-repeat;}
.product .product_img .product_img_content:before {content: '請以直覺點選下列妳最喜歡的內衣圖'; position: absolute; top: -90px; font-size: 26px; font-family: fantasy; color: #004dad; letter-spacing: 5px; font-weight: bold;}
.product .product_img .product_img_content a:nth-child(1) > img {margin-top: -120px; margin-left: 100px;}
.product .product_img .product_img_content a:nth-child(2) > img {margin-top: -20px; margin-left: 30px;}
.product .product_img .product_img_content a img {border: 2px solid transparent;}
.product .product_img .product_img_content a.active img {border: 2px solid #004dad; -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -otransition: all 0.5s linear; transition: all 0.5s linear;}
.product .product_img .product_img_content a {position: relative;display: inline-block;}
.product .product_img .product_img_content a .hover_text {opacity: 0; -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear; background: rgba(0, 0, 0, 0.5);}
.product .product_img .product_img_content a:hover .hover_text, .product .product_img .product_img_content a.active .hover_text {opacity: 1; -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear;}
.product .product_img .product_img_content a:nth-child(1):before {content: '選擇A-魔塑W弦'; position: absolute; top: -170px; left: 100px; font-size: 18px; font-family: fantasy; color: #4f4f4f; border: 1px solid #4f4f4f; padding: 6px 12px;}
.product .product_img .product_img_content a:nth-child(2):before {content: '選擇B-魔塑5D'; position: absolute; top: -70px; left: 30px; font-size: 18px; font-family: fantasy; color: #4f4f4f; border: 1px solid #4f4f4f; padding: 6px 12px;}
.product .product_img .product_img_content a:nth-child(1) .hover_text {margin-top: -120px;color: #FFF;position: absolute;z-index:50;font-size: 28px;top: 0;left: 100px;padding: 37% 20px;width: 261px;height: 382px;}
.product .product_img .product_img_content a:nth-child(1) .hover_text i {font-size: 13px; position: relative; top: -9px; margin-right: 5px;}
.product .product_img .product_img_content a:nth-child(2) .hover_text {margin-top: -20px;color: #FFF;position: absolute;z-index:50;font-size: 28px;top: 0;left: 30px;padding: 44% 20px;width: 248px;height: 364px;}
.product .product_img .product_img_content a:nth-child(2) .hover_text i {font-size: 13px; position: relative; top: -9px; margin-right: 5px;}
.product .product_img .product_img_content a:hover:nth-child(1) .hover_text {color: #FFF;position: absolute;z-index:50;font-size: 28px;top: 0;left: 100px;padding: 37% 20px;width: 261px;height: 382px;}
.product .product_img .product_img_content a:hover:nth-child(1) .hover_text i {font-size: 13px; position: relative; top: -9px; margin-right: 5px;}
.product .product_img .product_img_content a:hover:nth-child(2) .hover_text {color: #FFF;position: absolute;z-index:50;font-size: 28px;top: 0;left: 30px;padding: 44% 20px;width: 248px;height: 364px;}
.product .product_img .product_img_content a:hover:nth-child(2) .hover_text i {font-size: 13px; position: relative; top: -9px; margin-right: 5px;}
.product .product_link {padding: 0;}
.product .product_link .product_link_content {margin-top: 50px; padding: 10px 90px 25px 110px; text-align: center;}
.product .product_link .product_link_content a {display: block;}
.product .product_link .product_link_content a img {position: relative; z-index: 2;}
.product .product_link .product_link_content a.circle_btn_outside:before {
    content: '';
    display: table;
    width: 241px;
    height: 66px;
    background: rgba(50,105,148,.8);
    position: absolute;
    left: 460px;
    transform: scale(1);
    opacity: 1;
    animation: circle_btn_outside 1.5s infinite linear;
    z-index: 1
}
@keyframes circle_btn_outside{
	0%{
		transform: scale(1);
	}

	100%{
		transform: scale(2);
		opacity: 0.2;
	}
}
.product .product_link .product_link_content h1 {font-size: 48px; color: #004dad; letter-spacing: 8px; margin-bottom: 85px; font-family: fantasy; font-weight: bold;}
.product .product_link .product_link_content ul {display: table; margin: 0 0 60px;}
.product .product_link .product_link_content ul li {width: 100%; font-size: 18px; font-family: fantasy; color: #4f4f4f; line-height: 32px;}
.product .product_link .product_link_content span {padding: 10px; display: table; position: relative; font-size: 18px; color: #4f4f4f; font-family: fantasy; font-weight: bold;}
.product .product_link .product_link_content span i {margin-left: 10px;}
.product .product_link .product_link_content span:after {content: '<<<'; font-size:18px; position: absolute; left: -45px; animation-duration: 1s; animation-name: linkafter; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-in-out;}

@keyframes linkafter{
  0%{
    left: -45px;
  }
  20%{
    left: -50px;
  }
  50%{
    left: -45px;
  }
  80%{
    left: -50px;
  }
  100%{
    left: -45px;
  }
}

.product .fire_and_tree {margin-top: -200px; padding-bottom: 15px; background: url(../images/tree.png) no-repeat bottom right;}

.description {height: auto; padding-top: 0px; overflow: hidden;}
.description .description_title {text-align: right;}
.description .description_title img:nth-child(2) {width: 100%; margin: 0px 0;}
.description .description_title img:nth-last-child(1) {margin-top: 0px;}
.description .description_mov {padding-top: 0px;}
.description .description_mov .description_mov_content {position: relative;}
.description .description_mov .description_mov_content a {display: block; position: absolute; right: 0;}
.description .blueimp-gallery > .slides > .slide > .video-content > img {width: 100%;}
.description .blueimp-gallery-carousel {margin: 0; box-shadow: none;}
body:last-child .blueimp-gallery > .slides > .slide > .video-content:not(.video-loading) > a {background: url(../img/video-play.png) center no-repeat;}
.blueimp-gallery-single > .prev, .blueimp-gallery-left > .prev, .blueimp-gallery-single > .next, .blueimp-gallery-right > .next, .blueimp-gallery-single > .play-pause {display: block;}
.blueimp-gallery > .prev, .blueimp-gallery > .next {position: absolute;
    top: 25%;
    left: 0;
    width: 117px;
    height: 558px;
    margin-top: 0;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 40px;
    font-weight: 100;
    line-height: 558px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    background: rgba(0, 0, 0, 0.7);
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    border: none;
    -webkit-border-radius: none;
    -moz-border-radius: none;
    border-radius: 0;
    opacity: 0;
    cursor: pointer; display: none;}
.blueimp-gallery > .next {left: auto; right: 0;}
.description .blueimp-gallery-carousel:hover.blueimp-gallery > .prev, .description .blueimp-gallery-carousel:hover.blueimp-gallery > .next {display: block;}
.blueimp-gallery > .prev.active, .blueimp-gallery > .next.active {display: none;}
.description .blueimp-gallery-carousel:hover.blueimp-gallery > .prev.active, .description .blueimp-gallery-carousel:hover.blueimp-gallery > .next.active {display: none;}


.edit_trial {padding: 0 15px;}
.edit_trial ul li {width: 33.33%; height: 606px; overflow: hidden; float: left; text-align: center; position: relative;}
.edit_trial ul li a { display: block; padding: 80px 80px 0; height: 606px; width: 100%; overflow: hidden;}
.edit_trial ul li:hover {overflow: hidden; height: 100%;}
.edit_trial ul li .img_1 {width: 101%; height: 100%; display: block; opacity: 0; position: absolute; top: 0; left: 0; z-index: -1; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.edit_trial ul li .img_2 {width: 101%; height: 100%; display: block; opacity: 1; position: absolute; top: 0; left: 0; z-index: -2; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.edit_trial ul li:hover .img_1 {width: 101%; display: block; opacity: 1; position: absolute; top: 0; left: 0; z-index: -1; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.edit_trial ul li:hover .img_2 {width: 101%; display: block; opacity: 0; position: absolute; top: 0; left: 0; z-index: -2; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.edit_trial ul li p {display: none; opacity: 0; padding: 50px 0 0; color: #FFF; font-size: 16px; /*font-family: fantasy;*/ letter-spacing: 1px; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.edit_trial ul li:hover p {display: block; opacity: 1; -webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.traffic_location {background: #90714f; height: 600px; overflow: hidden;}
.traffic_location #map-marker-07 {width: 100%; height: 600%;}
.traffic_location .traffic {height: 600px; padding: 100px 150px; position: relative;}
.traffic_location .traffic h4 {color: #FFF; line-height: 30px;}
.traffic_location .traffic h4:nth-child(even) {margin-bottom: 50px;}
.traffic_location .traffic h4:nth-child(odd) {border-bottom: 1px solid #FFF; width: 60%;}
.traffic_location .traffic .car_img {animation: car_img 2.0s infinite linear;padding-left: 35%; position: absolute; left: 0; bottom: 0;}

@keyframes car_img{
  0%{
    padding-left: 35%;
  }
  25%{
    padding-left: 37.5%;
  }
  50%{
    padding-left: 40%;
  }
  75%{
    padding-left: 37.5%;
  }
  100%{
    padding-left: 35%;
  }
}

.share_group {background: url(../images/bbg.jpg) no-repeat bottom center #fbe2cd; padding-bottom: 50px; z-index: 999; width: 100%; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear;}
.share_group.active {bottom: 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; transition: all 0.2s linear; z-index: 1001;}
.share_group .share_btn {text-align: left; position: relative; top: -80px;}

.share_group .share_btn a > img:nth-child(1) {display: block;}
.share_group .share_btn a > img:nth-child(2) {display: none;}
.share_group.active .share_btn a > img:nth-child(1) {display: none;}
.share_group.active .share_btn a > img:nth-child(2) {display: block;}

.share_group .FB_btn {text-align: center; display: block; position: relative; z-index: 9999; padding-bottom: 50px;}
.share_group .container-fluid .owl-carousel {display: table; margin: 0 auto; padding: 50px 0;}
.share_group .container-fluid .owl-carousel .item a {position: relative; color: #FFF;}
.share_group .container-fluid .owl-carousel .item a:hover {color: #FFF;}
.share_group .container-fluid .owl-carousel .item {display: inline-block; width: 270px; margin: 0 15px; padding: 10px; background: #f496b5; text-align: center; color: #FFF;}
.share_group .container-fluid .owl-carousel .item img {width: 100%;}
.share_group .container-fluid .owl-carousel .item .announced {display: none; position: absolute; z-index: 10; width: 100%; left: 0; top: 0;}
.share_group .container-fluid .owl-carousel .item .announced h3 {color: #FFF; background: #71bab6; width: 145px; height: 55px; line-height: 55px; margin: 40% auto 0;}
.share_group .container-fluid .owl-carousel .item.active .announced {display: block;}

.share_group .product_title_content {padding: 75px 0 0; text-align: center;}
.share_group .product_title_content > div {padding: 25px 0; font-size: 24px; font-family: fantasy; line-height: 55px;}
.share_group .product_title_content > div > p {/*font-family: fantasy;*/ font-size: 36px; color: #ff6c00; position: relative; margin: 0 10px; display: inline-block;}
/*.share_group .product_title_content > div > p.share_title_01:before {content: '“'; font-family: cursive; font-size: 72px; position: absolute; left: -72px; top: -3px;}*/
/*.share_group .product_title_content > div > p.share_title_01:after {content: '”'; font-family: cursive; font-size: 72px; position: absolute; right: -72px; bottom: -60px;}*/

.share_group .product_text_content {text-align: center;}
.share_group .product_text_content a img {margin-bottom: 20px;}
.share_group .product_text_content p {font-size: 14px;}
.share_group .product_text_content ul {display: table; margin: 0 auto;}
.share_group .product_text_content ul li {float: left; padding: 6px 20px; margin: 20px 10px; border: 1px solid #494949; border-radius: 6px; background: #FFF;}
.share_group .product_text_content ul li a {color: #0a0a0a;}
.share_group .product_text_content ul li.active {background: #fde2cd;}
.share_group .product_text_content .item_group {width: 100%; display: table;}
.share_group .product_text_content .item_group .item {margin-bottom: 35px;}
/* 20180814-5 START */
.share_group .product_text_content .item_group .item_content {background: #FFF; padding: 15px; margin-bottom: 20px; height: 470px; display: table;}
/* 20180814-5 END */
/* 20180814-5 START */
.share_group .product_text_content .item_group .item_content .item_content_img {width: 100%; height: 265px; overflow: hidden; text-align: center; margin-bottom: 5px; display: inline-grid;}
.share_group .product_text_content .item_group .item_content .item_content_img img {width: 100%; height: 100%; object-fit: cover;}
/* 20180814-5 END */
.share_group .product_text_content .item_group .item_content a.galpop-single {color: #333;}
/* 20180814-2 START */
.share_group .product_text_content .item_group .item_content .item_content_text {width: 100%; display: table; overflow: hidden;}
.share_group .product_text_content .item_group .item_content .item_content_text > * {float: left;}
.share_group .product_text_content .item_group .item_content .item_content_text span {display: table;}
.share_group .product_text_content .item_group .item_content .item_content_text span:nth-child(1) {width: 100%;}
.share_group .product_text_content .item_group .item_content .item_content_text span:nth-child(2) {font-size: 22px; margin-right: 15px; color: #fee684;}
.share_group .product_text_content .item_group .item_content .item_content_text span strong {font-size: 36px; font-weight: 100; vertical-align: middle; font-family: fantasy;}
.share_group .product_text_content .item_group .item_content .item_content_text span:nth-last-child(1) {color: #ff6c00; font-size: 24px; line-height: 40px;}
/* 20180814-2 END */
.share_group .product_text_content .item_group .item_content .item_content_text span:nth-last-child(1) i {margin-left: 10px; font-size: 24px; position: relative;}
.share_group .product_text_content .item_group .item_content .item_content_text span:nth-last-child(1) i:after {content: ''; border-bottom: 1px solid #ff6c00; width: 100px; height: 5px; position: absolute; margin-left: 10px;}
/* 20180814-4 START */
.share_group .product_text_content .item_group .item_content p {text-align: center; font-size: 26px; font-family: cursive; line-height: 30px; word-wrap: break-word;height: 90px;}
/* 20180814-4 END */

.pc_img {}
.mo_img {display: none;}

.place {background: #2c2c2c; padding: 15px;}
.place_content {width: 100%; display: table; background: #FFF; border-radius: 10px; padding: 15px 27px;}
.place_content h3 {color: #010101; font-family: fantasy;}
.place_content h3.place_title {color: #b20000; border-bottom: 1px solid #010101; margin: 20px 0; padding-bottom: 20px;}
.place_content h3.place_title i {font-size: 12px;}
.place_content h3.easyshop {margin: 40px 0 10px;}
.place_content ul {width: 100%; display: table;}
.place_content ul li {font-size: 12px; color: #010101; font-family: fantasy; display: inline-block; line-height: 30px;}
.place_content ul li:nth-child(1) {width: 30%;}
.place_content ul li:nth-child(2) {width: 40%;}
.place_content ul li:nth-child(3) {width: 30%;}

#share .modal-dialog {width: 684px; height: 767px; margin: 100px auto 0;}
#share .modal-dialog .modal-content {width: 684px; height: 767px; border: 0; position: relative; border-radius: 0;}
#share .modal-dialog .modal-content .modal-header {border: none; position: absolute; z-index: 10; right: 0;}
#share .modal-dialog .modal-content .modal-body {padding: 0; text-align: center;}
#share .modal-dialog .modal-content .modal-body .share_popup_content .line_border {width: 168px; border-top: 1px solid #b4ff00; margin: 0 auto 20px;}
#share .modal-dialog .modal-content .modal-body .share_popup_content h3 {color: #3a6600; font-family: fantasy; margin: 40px 0 25px;}
#share .modal-dialog .modal-content .modal-body .share_popup_content h3 i {font-size: 13px; position: relative; top: -7px;}
#share .modal-dialog .modal-content .modal-body .share_popup_content p {font-size: 15px; color: #333; font-family: fantasy; padding: 0 55px; line-height: 35px; letter-spacing: 2px; font-weight: bold;}
#share .modal-dialog .modal-content .modal-body .share_popup_content p i {font-size: 12px;}
#share .modal-dialog .modal-content .modal-body .share_popup_content a {font-size: 15px; color: #FFF; font-family: fantasy; background: #68c100; font-weight: bold; border-radius: 3px; padding: 7px 35px; display: table; margin: 25px auto 0; letter-spacing: 3px;}
#share .modal-dialog .modal-content .modal-body .share_popup_content a i {margin-left: 10px; font-size: 16px;}

#sharetwo .modal-dialog {width: 684px; height: 767px; margin: 100px auto 0;}
#sharetwo .modal-dialog .modal-content {width: 684px; height: 767px; border: 0; position: relative; border-radius: 0;}
#sharetwo .modal-dialog .modal-content .modal-header {border: none; position: absolute; z-index: 10; right: 0;}
#sharetwo .modal-dialog .modal-content .modal-body {padding: 0; text-align: center;}
#sharetwo .modal-dialog .modal-content .modal-body .share_popup_content .line_border {width: 168px; border-top: 1px solid #b4ff00; margin: 0 auto 20px;}
#sharetwo .modal-dialog .modal-content .modal-body .share_popup_content h3 {color: #3a6600; font-family: fantasy; margin: 40px 0 25px;}
#sharetwo .modal-dialog .modal-content .modal-body .share_popup_content h3 i {font-size: 13px; position: relative; top: -7px;}
#sharetwo .modal-dialog .modal-content .modal-body .share_popup_content p {font-size: 15px; color: #333; font-family: fantasy; padding: 0 55px; line-height: 35px; letter-spacing: 2px; font-weight: bold;}
#sharetwo .modal-dialog .modal-content .modal-body .share_popup_content p i {font-size: 12px;}
#sharetwo .modal-dialog .modal-content .modal-body .share_popup_content a {font-size: 15px; color: #FFF; font-family: fantasy; background: #68c100; font-weight: bold; border-radius: 3px; padding: 7px 35px; display: table; margin: 25px auto 0; letter-spacing: 3px;}
#sharetwo .modal-dialog .modal-content .modal-body .share_popup_content a i {margin-left: 10px; font-size: 16px;}


#coupons .modal-dialog {width: 685px; margin: 100px auto 0;}
#coupons .modal-dialog .modal-content {width: 685px; height: 385px; position: relative; border-radius: 0;}
#coupons .modal-dialog .modal-content .modal-header {border: none; position: absolute; z-index: 10; right: 0;}
#coupons .modal-dialog .modal-content .modal-body .coupons_popup_content {width: 275px; text-align: center; padding-top: 150px;}
#coupons .modal-dialog .modal-content .modal-body .coupons_popup_content p {font-size: 15px; color: #3a6600; font-family: fantasy; padding: 0 15px;}
#coupons .modal-dialog .modal-content .modal-body .coupons_popup_content a {font-size: 15px; color: #FFF; font-family: fantasy; background: #68c100; border-radius: 3px; padding: 7px 35px; display: table; margin: 50px auto 0;}
#coupons .modal-dialog .modal-content .modal-body .coupons_popup_content img {position: absolute; z-index: 9; top: 0; right: 0;}

#scratch .modal-dialog {width: 685px; margin: 100px auto 0;}
#scratch .modal-dialog .modal-content {width: 685px; height: 385px; position: relative; border-radius: 0;}
#scratch .modal-dialog .modal-content .modal-header {border: none; position: absolute; z-index: 25; right: 0;}
#scratch .modal-content .modal-body {padding: 0;}
#scratch .modal-content .modal-body .scratchpad {width: 685px; height: 385px;}
#scratch .modal-content .modal-body .scratchpad > img {width: 382px !important; right: 0;}
#scratch .modal-content .modal-body .content-box {width: 685px; height: 385px;}
#scratch .modal-content .modal-body .scratchpad .btn_group {margin-top: 40px;}
#scratch .modal-content .modal-body .scratchpad .btn_group a {margin: 0 10px;}

#scratch .modal-content .modal-body .scratchpad > img {z-index: 19;}
#scratch .modal-content .modal-body .content-box > img {z-index: 19; width: 695px !important; height: 405px !important; margin: -10px 0 0 -5px;}
#scratch .modal-content .modal-body .scratchpad canvas {z-index: 22; width: 695px !important; height: 405px !important; margin: -10px 0 0 -5px;}

#scratch .modal-content .modal-body .scratchpad .form-inline {position: absolute; z-index: 20; left: 0; top: 0; width: 303px; text-align: center; padding: 20px;}
#scratch .modal-content .modal-body .scratchpad .form-inline h3 {padding: 0 40px; letter-spacing: 2px; line-height: 35px;}
#scratch .modal-content .modal-body .scratchpad .line_border {width: 168px; border-top: 1px solid #b4ff00; margin: 15px auto;}
#scratch .modal-content .modal-body .scratchpad p {font-size: 15px; color: #3a6600; font-family: fantasy; padding: 0 15px; line-height: 25px;}
#scratch .modal-content .modal-body .scratchpad p i {font-size: 12px;}
#scratch .modal-content .modal-body .scratchpad p span {font-weight: bold; font-size: 16px;}
#scratch .modal-content .modal-body .scratchpad .checkbox {font-size: 12px; color: #6f6f6f;}
#scratch .modal-content .modal-body .scratchpad .checkbox input {vertical-align: text-bottom;}
#scratch .modal-content .modal-body .scratchpad .form-inline > span {font-size: 12px; color: #6f6f6f;}
#scratch .modal-content .modal-body .scratchpad .form-inline .form-group {width: 100%; display: block; margin-bottom: 10px;}
#scratch .modal-content .modal-body .scratchpad .form-inline .form-group input {width: 100%;}
#scratch .modal-content .modal-body .scratchpad .form-inline button {border-color: transparent; background-color: transparent; font-size: 15px; color: #FFF; font-family: fantasy; background: #68c100; border-radius: 3px; padding: 7px 35px; display: table; margin: 15px auto 0;}




#scratch_mail .modal-dialog {width: 685px; margin: 100px auto 0;}
#scratch_mail .modal-dialog .modal-content {width: 685px; height: 385px; position: relative; border-radius: 0;}
#scratch_mail .modal-dialog .modal-content .modal-header {border: none; position: absolute; z-index: 25; right: 0;}
#scratch_mail .modal-content .modal-body {padding: 0;}
#scratch_mail .modal-content .modal-body .scratchpad {width: 685px; height: 385px;}
#scratch_mail .modal-content .modal-body .scratchpad > img {width: 382px !important; right: 0;}
#scratch_mail .modal-content .modal-body .content-box {width: 685px; height: 385px;}
#scratch_mail .modal-content .modal-body .scratchpad .btn_group {margin-top: 40px;}
#scratch_mail .modal-content .modal-body .scratchpad .btn_group a {margin: 0 10px;}

#scratch_mail .modal-content .modal-body .scratchpad > img {z-index: 19;}
#scratch_mail .modal-content .modal-body .content-box > img {z-index: 19;}
#scratch_mail .modal-content .modal-body .scratchpad canvas {z-index: 22; width: 695px !important;
    height: 405px !important;
    margin: -10px 0 0 -5px;}

#scratch_mail .modal-content .modal-body .scratchpad .form-inline {position: absolute; z-index: 20; left: 0; top: 0; width: 303px; text-align: center; padding: 20px;}
#scratch_mail .modal-content .modal-body .scratchpad .form-inline h4 {padding: 20px 0 0;letter-spacing: 0px;line-height: 35px;}
#scratch_mail .modal-content .modal-body .scratchpad .form-inline h5 {margin: 0;}
#scratch_mail .modal-content .modal-body .scratchpad .line_border {width: 168px; border-top: 1px solid #b4ff00; margin: 15px auto;}
#scratch_mail .modal-content .modal-body .scratchpad p {font-size: 15px; color: #3a6600; font-family: fantasy; padding: 0 15px; line-height: 25px;}
#scratch_mail .modal-content .modal-body .scratchpad p i {font-size: 12px;}
#scratch_mail .modal-content .modal-body .scratchpad p span {font-weight: bold; font-size: 16px;}
#scratch_mail .modal-content .modal-body .scratchpad .checkbox {font-size: 12px; color: #6f6f6f;}
#scratch_mail .modal-content .modal-body .scratchpad .checkbox input {vertical-align: text-bottom;}
#scratch_mail .modal-content .modal-body .scratchpad .form-inline > span {font-size: 12px; color: #6f6f6f;}
#scratch_mail .modal-content .modal-body .scratchpad .form-inline .form-group {width: 100%; display: block; margin-bottom: 10px;}
#scratch_mail .modal-content .modal-body .scratchpad .form-inline .form-group input {width: 100%;}
#scratch_mail .modal-content .modal-body .scratchpad .form-inline button {border-color: transparent; background-color: transparent; font-size: 15px; color: #FFF; font-family: fantasy; background: #68c100; border-radius: 3px; padding: 7px 35px; display: table; margin: 15px auto 0;}

/* 20180814 START*/
#myModal_I .modal-dialog {width: 336px;}
#myModal_I .modal-dialog .modal-content {background: none; box-shadow: none; border: none; text-align: center;}
#myModal_I .modal-dialog .modal-content .modal-header {border: none; position: relative; padding: 0;}
#myModal_I .modal-dialog .modal-content .modal-header .close {position: absolute; right: 0;}
#myModal_I .modal-dialog .modal-content .modal-body {width: 336px; display: table; padding: 50px 0; text-align: center; background: #f3f3f2}
#myModal_I .modal-dialog .modal-content .modal-body p {text-align: center; padding: 20px 10px; font-family: serif; font-size: 18px;}
#myModal_I .modal-dialog .modal-content .modal-footer {padding: 0;}
#myModal_I .modal-dialog .modal-content .modal-footer a {width: 100%; height: 68px; background: #FFF; display: block;}
#myModal_I .modal-dialog .modal-content .modal-footer a:hover {background: #e1e1e1;}

#myModal_II .modal-dialog {width: 336px;}
#myModal_II .modal-dialog .modal-content {background: none; box-shadow: none; border: none; text-align: center;}
#myModal_II .modal-dialog .modal-content .modal-header {border: none; position: relative; padding: 0;}
#myModal_II .modal-dialog .modal-content .modal-header .close {position: absolute; right: 0;}
#myModal_II .modal-dialog .modal-content .modal-body {width: 336px; display: table; padding: 40px 0; text-align: center; background: #f3f3f2}
#myModal_II .modal-dialog .modal-content .modal-body input {width: 0.1px; height: 0.1px; opacity: 0; overflow: hidden; position: absolute;}
#myModal_II .modal-dialog .modal-content .modal-body input + label {font-size: 1.25em; font-weight: 700; display: inline-block; cursor: pointer;}
#myModal_II .modal-dialog .modal-content .modal-body input:focus + label,
#myModal_II .modal-dialog .modal-content .modal-body input + label:hover {}
#myModal_II .modal-dialog .modal-content .modal-body .step_02_textarea {padding: 10px 20px 0;}
#myModal_II .modal-dialog .modal-content .modal-body .step_02_textarea .change {margin-top: 5px; text-align: center;}
#myModal_II .modal-dialog .modal-content .modal-body .step_02_textarea .change #word {color: #F60;}
#myModal_II .modal-dialog .modal-content .modal-body .step_02_textarea textarea.form-control {resize:none;}
#myModal_II .modal-dialog .modal-content .modal-body p {text-align: center; padding: 15px 10px; font-family: serif; font-size: 18px;}
#myModal_II .modal-dialog .modal-content .modal-footer {padding: 0;}
#myModal_II .modal-dialog .modal-content .modal-footer a {width: 100%; height: 68px; background: #FFF; display: block;}
#myModal_II .modal-dialog .modal-content .modal-footer a:hover {background: #e1e1e1;}
body {padding: 0 !important;}
.fade.in {overflow: auto;    padding: 0 !important;}

#myModal_III .modal-dialog {width: 336px;}
#myModal_III .modal-dialog .modal-content {background: none; box-shadow: none; border: none; text-align: center;}
#myModal_III .modal-dialog .modal-content .modal-header {border: none; position: relative; padding: 0;}
#myModal_III .modal-dialog .modal-content .modal-header .close {position: absolute; right: 0;}
#myModal_III .modal-dialog .modal-content .modal-body {width: 336px; display: table; padding: 40px 0; text-align: center; background: #f3f3f2}
#myModal_III .modal-dialog .modal-content .modal-body p {text-align: center; padding: 10px 10px 0; font-family: serif; font-size: 18px;}
#myModal_III .modal-dialog .modal-content .modal-footer {padding: 0;}
#myModal_III .modal-dialog .modal-content .modal-footer a {width: 100%; height: 68px; background: #FFF; display: block;}
#myModal_III .modal-dialog .modal-content .modal-footer a:hover {background: #e1e1e1;}
/* 20180814 END*/

/* 20180820 START*/
#myModal_IIII {z-index: 10000;}
#myModal_IIII .modal-dialog {width: 786px; }
#myModal_IIII .modal-dialog .modal-content {border-radius: 0; border: 1px solid #ff6c00;}
#myModal_IIII .modal-dialog .modal-content .modal-header {padding: 30px 15px; border: none; position: relative;}
#myModal_IIII .modal-dialog .modal-content .modal-header .close {position: absolute;top: 10px; right: 15px;}
#myModal_IIII .modal-dialog .modal-content .modal-header h4 {font-size: 36px; color: #000; text-align: center;}
#myModal_IIII .modal-dialog .modal-content .modal-header h4 span {color: #ff6c00;}
#myModal_IIII .modal-dialog .modal-content .modal-body {width: 100%; display: table;}
#myModal_IIII .modal-dialog .modal-content .modal-body .modal-body-img img {width: 100%;}
#myModal_IIII .modal-dialog .modal-content .modal-body .modal-body-text h5 {font-size: 18px; margin: 0 0 65px 0;}
#myModal_IIII .modal-dialog .modal-content .modal-body .modal-body-text h4 {font-size: 20px; color: #ff6c00; margin: 0 0 65px 0; position: relative; text-align: center;}
#myModal_IIII .modal-dialog .modal-content .modal-body .modal-body-text h4 img:first-child {position: absolute; top: -20px;}
#myModal_IIII .modal-dialog .modal-content .modal-body .modal-body-text h4 img:last-child {position: absolute; bottom: -20px;}
#myModal_IIII .modal-dialog .modal-content .modal-footer {border: none; text-align: center; background: url(../images/myModal_IIII_btn_bg.png); padding: 0;}

#myModal_IIII .modal-share {text-align: center;}
/* 20180820 END*/

.modal {
    overflow-y: scroll; /* has to be scroll, not auto */
    -webkit-overflow-scrolling: touch;
}



@media(max-width:1680px) {
.edit_trial ul li {width: 33.33%; height: 560px; overflow: hidden; float: left; text-align: center; position: relative;}
.edit_trial ul li a { display: block; padding: 80px 80px 0; height: 560px; width: 100%; overflow: hidden;}

.description .description_mov .description_mov_content a img {width: 100%;}
.share_group {bottom: -660px;}
.share_group .container-fluid .owl-carousel .owl-item {padding: 0 10px;}
.share_group .container-fluid .owl-carousel .item {width: 100%; margin: 0;}
}

@media(max-width:1600px) {
.edit_trial ul li {width: 33.33%; height: 510px; overflow: hidden; float: left; text-align: center; position: relative;}
.edit_trial ul li a { display: block; padding: 80px 80px 0; height: 510px; width: 100%; overflow: hidden;}

.edit_trial .owl-carousel .owl-item {height: 267px;}
.share_group {bottom: -650px;}
}

@media(max-width:1440px) {
.edit_trial ul li {width: 33.33%; height: 459px; overflow: hidden; float: left; text-align: center; position: relative;}
.edit_trial ul li a { display: block; padding: 80px 40px 0; height: 459px; width: 100%; overflow: hidden;}


.banner .banner_img {height: 810px;}
.edit_trial .owl-carousel .owl-item {height: 240px;}
}

@media(max-width:1400px) {
.edit_trial ul li {width: 33.33%; height: 446px; overflow: hidden; float: left; text-align: center; position: relative;}
.edit_trial ul li a { display: block; padding: 80px 40px 0; height: 446px; width: 100%; overflow: hidden;}

.banner .banner_img {height: 787px;}
.edit_trial .owl-carousel .owl-item {height: 233px;}
}

@media(max-width:1366px) {
.edit_trial ul li {width: 33.33%; height: 435px; overflow: hidden; float: left; text-align: center; position: relative;}
.edit_trial ul li a { display: block; padding: 80px 40px 0; height: 435px; width: 100%; overflow: hidden;}

.banner .banner_img {height: 768px;}
.product .product_link .product_link_content {margin-right: -90px; padding: 10px 90px 25px 10px;}

#chouchin-1-1 {margin: 0px 0 0 -180px;top: 50%;left: 50%;z-index: 99;}
#chouchin-1-2 {margin: 280px 0 0 -420px;top: 50%;left: 50%;z-index: 99;}
/*#chouchin-1-3 {margin: 180px 0 0 0px;top: 50%;left: 50%;z-index: 99;}*/
.edit_trial .owl-carousel .owl-item {height: 228px;}

}

@media(max-width:1280px) {
.edit_trial ul li {width: 33.33%; height: 408px; overflow: hidden; float: left; text-align: center; position: relative;}
.edit_trial ul li a { display: block; padding: 40px 40px 0; height: 408px; width: 100%; overflow: hidden;}

.banner .banner_img {height: 720px;}
.product .product_mov .product_mov_content {margin-right: -49px; margin-left: 0px;}
.product .product_link .product_link_content {margin-right: -70px; padding: 10px 70px 25px 10px;}
.product .product_img .product_img_content:before {left: -20px;}
#chouchin-1-1 {margin: -20px 0 0 -180px;top: 50%;left: 50%;z-index: 99;}
#chouchin-1-2 {margin: 250px 0 0 -420px;top: 50%;left: 50%;z-index: 99;}
/*#chouchin-1-3 {margin: 150px 0 0 120px;top: 50%;left: 50%;z-index: 99;}*/
.edit_trial .owl-carousel .owl-item {height: 213px;}
.share_group {bottom: -610px;}
.share_group .container-fluid .owl-carousel .owl-item {padding: 0 10px;}
.share_group .container-fluid .owl-carousel .item {width: 100%; margin: 0;}
}

@media(max-width:1200px) {
.edit_trial ul li {width: 33.33%; height: 382px; overflow: hidden; float: left; text-align: center; position: relative;}
.edit_trial ul li a { display: block; padding: 40px 30px 0; height: 382px; width: 100%; overflow: hidden;}
.edit_trial ul li p {padding: 25px 0 0;}

.banner .banner_img {height: 675px;}
.product .product_mov .product_mov_content > * {width: 100%;}
.product .product_mov .product_mov_content {margin-right: -10px; margin-left: 0px;}
.product .product_link .product_link_content {margin-right: -20px; padding: 10px 20px 25px 0px;}
.edit_trial .carousel_title {margin-left: -95px; margin-right: -40px; padding-right: 10px;}
.edit_trial .carousel_title > img {padding-left: 30px;}
.product .product_img .product_img_content {margin-top: 161px;}
.product .product_img .product_img_content:before {top: -45px; left: 0;}
}

@media(max-width:1152px) {
.edit_trial ul li {width: 33.33%; height: 367px; overflow: hidden; float: left; text-align: center; position: relative;}
.edit_trial ul li a { display: block; padding: 40px 30px 0; height: 367px; width: 100%; overflow: hidden;}
.edit_trial ul li p {padding: 25px 0 0;}
.edit_trial ul li a img:nth-child(1) {width: 30%;}
.share_group .product_text_content .item_group .item_content .item_content_img {height: 210px;}

.banner .banner_img {height: 648px;}
    .description .description_text img {width: 100%;}
    .description .description_mov {padding: 100px 0 0;}
    .edit_trial .edit_trial_img_02 img {width: 100%;}
    .edit_trial .edit_trial_img_03 img {width: 100%;}
    .product .product_text .product_text_content {padding: 30px 0 30px 30px;}
    .product .product_mov .product_mov_content {margin-right: -99px; margin-left: 0px;}
    .product .product_img .product_img_content {margin-left: -160px;}
    .product .product_link .product_link_content {margin-right: -90px;}
    .product .product_link .product_link_content ul, .product .product_link .product_link_content span {margin: 0 0 60px 30px;}


    .description .description_text img:nth-child(1) {width: 100px;top: 210px; left: -40px;}
    .description .description_text_2 {padding-left: 0;}
    .description .description_mov .description_mov_content > * {width: 100%;}
    .edit_trial .carousel_title{margin-left: -80px; margin-right: -110px; padding-right: 10px; padding-left: 20px;}
    .edit_trial .carousel_title > img {padding-left: 70px;}
    .product .product_img .product_img_content:before {left: -45px;}
.traffic_location .traffic .car_img img {width: 70%;}
.edit_trial .owl-carousel .owl-item {height: 288px;}
.share_group {bottom: -750px;}
.share_group .container-fluid .owl-carousel .owl-item {padding: 0 10px;}
.share_group .container-fluid .owl-carousel .item {width: 100%; margin: 0;}
}

@media(max-width:1024px) {
.edit_trial ul li {width: 33.33%; height: 326px; overflow: hidden; float: left; text-align: center; position: relative;}
.edit_trial ul li a { display: block; padding: 30px 30px 0; height: 326px; width: 100%; overflow: hidden;}
.edit_trial ul li p {padding: 20px 0 0; font-size: 14px;}
.edit_trial ul li a img:nth-child(1) {width: 25%;}

.banner .banner_img {height: 576px;}
    .product .product_img img {width: 100%;}
    .description .description_mov {padding: 200px 0 0;}
    .banner .banner_img > div > a > h1 {font-size: 38px; letter-spacing: 15px;}
    .product .product_text .product_text_content {margin-left: -30px;}
    .product .product_mov .product_mov_content {margin-right: -35px; margin-bottom: 55px;}
    .product .product_img .product_img_content {width: 100%; margin-left: -50px;}
    .product .product_img .product_img_content a {width: 49%;}
    .product .product_img .product_img_content a:nth-child(1) .hover_text {left: 0;width: 100%;}
    .product .product_img .product_img_content a:nth-child(1) > img {margin-left: 0;}
    .product .product_img .product_img_content a:hover:nth-child(1) .hover_text {left: 0;width: 100%;margin-top: -120px;}
    .product .product_img .product_img_content a:nth-child(2) .hover_text {left: 0;width: 100%;margin-top: -120px;}
    .product .product_img .product_img_content a:nth-child(2) > img {margin-left: 0;margin-top: -120px;}
    .product .product_img .product_img_content a:hover:nth-child(2) .hover_text {left: 0;width: 100%;margin-top: -120px;}
    .product .product_link .product_link_content {margin-right: -40px; margin-left: -50px;}
    .description .description_mov .description_mov_content {margin-top: 25px; margin-right: -10px;}
    .edit_trial .carousel_title {margin-right: -50px;}
    .edit_trial .carousel-indicators li {width: 28%; height: 100%;}
    .edit_trial .carousel-indicators .active {width: 28%; height: 100%;}
    .edit_trial .carousel-indicators li img {width: 100%;}
    .edit_trial .carousel_title > img {width: 100%;}
    .product .product_img .product_img_content:before {left: -20px; top: -80px;}
    .product .product_img .product_img_content a:nth-child(1):before {left: 10px;}
    .product .product_img .product_img_content a:nth-child(2):before {top: -170px; left: 10px;}
    .traffic_location .traffic {padding: 100px;}
.product .product_link .product_link_content a.circle_btn_outside:before {left: 336px;}
.description .description_title img:nth-last-child(1) {width: 100%;}
.edit_trial .owl-carousel .owl-item {height: 256px;}
.share_group {bottom: -730px;}
}

@media(min-width:992px) and (max-width:1199px){

}

@media(min-width:768px) and (max-width:991px) {
.banner .scroll_down {display: none;}
.banner .banner_img {height: initial;}

.product .product_mov .product_mov_content > * {width: 100%; margin: 0;}
.product .product_mov .product_mov_content {margin: 0;}
.product .product_img .product_img_content {margin: 0; width: 100%; background-position: left bottom; /*background-color: #b2c9e6;*/}
.product .product_img .product_img_content a:nth-child(1) .hover_text {margin: 0; left: 0; width: 100%; height: 100%;}
.product .product_img .product_img_content a:hover:nth-child(1) .hover_text {margin: 0;left: 0; width: 100%; height: 100%;}
.product .product_img .product_img_content a:nth-child(2) .hover_text {margin: 0; left: 0; width: 100%; height: 100%;}
.product .product_img .product_img_content a:hover:nth-child(2) .hover_text {margin: 0;left: 0; width: 100%; height: 100%;}
.product .product_img .product_img_content a:nth-child(1) > img {margin: 0;}
.product .product_img .product_img_content a:nth-child(2) > img {margin: 0;}
.product .product_img .product_img_content a {width: 50%; float: left;}
.product .product_text {}
.product .product_text .product_text_content {margin: 0; padding: 0; border: none;}
.product .product_text .product_text_content h1 {margin-bottom: 20px;letter-spacing:0;font-size: 35px;text-align: center;}
.product .product_img {padding: 20px 0 50px;}
.product .product_mov {padding: 0;}
.product .product_link .product_link_content {margin: 0; border: none; padding: 0 10px;}
.product .product_link .product_link_content h1 {margin-bottom: 20px;letter-spacing:0;font-size: 35px;text-align: center;}
.product .product_link .product_link_content ul {margin: 0 auto 20px;}
.product .product_link .product_link_content span {margin: 0 auto;}
.product .product_link .product_link_content span:after {content: '';}
.product .product_text .product_text_content ul.product_text_content_narrative {margin: 0 auto;}


.description .description_title {margin: 0;}
.description .description_title img {width: 100%;}
.description .description_text {margin: 20px 0; padding: 0;}
.description .description_text img {width: 100%;}
.description .description_text img:nth-child(1) {display: none;}
.description .description_text_2 {padding: 0;}
.description .description_text_2 img {width: 100%;}
.description .description_text_2 img:nth-child(1) {display: none;}
.description .description_mov {padding: 20px 0 0;}
.description .description_mov .description_mov_content {margin: 0;}
.description .description_mov .description_mov_content > * {margin: 0; width: 100%;}


.edit_trial ul li {width: 33.33%; height: 316px; overflow: hidden; float: left; text-align: center; position: relative;}
.edit_trial ul li a { display: block; padding: 30px 30px 0; height: 316px; width: 100%; overflow: hidden;}
.edit_trial ul li p {padding: 20px 0 0; font-size: 14px;}
.edit_trial ul li a img:nth-child(1) {width: 25%;}
.share_group .container {width: 100%}
.share_group .product_text_content .item_group .item_content .item_content_img {height: 215px;}

.edit_trial .carousel {margin: 0; padding: 0;}
.edit_trial .carousel_title {margin: 0; padding: 20px 0;}
.edit_trial .carousel_title img {margin:0;padding:0 10px; width: 100%;}
.edit_trial .carousel-indicators {text-align: center;position: absolute;left: 0;top: 20px;}
.edit_trial .carousel-indicators li, .edit_trial .carousel-indicators .active {width: 27%; height: initial;}
.edit_trial .carousel-indicators li img {width: 100%; padding: 0;}
.edit_trial .carousel-caption ul {margin-bottom: 20px;}
.edit_trial .carousel-caption p {margin-bottom: 20px;}
.edit_trial .carousel-caption a {margin: 0 auto 20px;}
.edit_trial .carousel-caption a.pc_link {display: none;}
.edit_trial .carousel-caption a.mobile_link {display: table;}
.edit_trial .carousel-caption {padding: 0 25px;}
.edit_trial .carousel-inner > .item {height: 100%;}
.edit_trial .carousel-inner > .item img {width: 100%;}
.footer {padding: 0;}
footer .copyright_text {padding: 0 15px;}
footer .copyright_text p {line-height: 20px; padding-top: 10px;}

.product .product_link {margin-top: -1000px;}
.product .product_img {margin-top: 400px;}
.product .product_img .product_img_content:before {top: -100px; left: 0;}
.product .product_img .product_img_content a:nth-child(1):before {left: 10px; top: -40px;}
.product .product_img .product_img_content a:nth-child(2):before {left: 10px; top: -40px;}
}

@media(max-width:767px) {
#myModal_I .modal-dialog, #myModal_II .modal-dialog, #myModal_III .modal-dialog {margin: 50px auto;}
.pc_img {display: none;}
.mo_img {display: block; width: 100%;}
.htmleaf-container img {width: 75%;}
#right_banner {top: 60%; right: 35%; text-align: right;}
#right_banner img {width: 70%;}
.product .product_text .product_text_content .dl-horizontal dd:before,
.product .product_text .product_text_content .dl-horizontal dd:after {content: '';}
.product .product_text .product_text_content .dl-horizontal dd {line-height: 20px;}
.description .blueimp-gallery-carousel:hover.blueimp-gallery > .prev, .description .blueimp-gallery-carousel:hover.blueimp-gallery > .next {top: 50%; width: 10%; height: initial; line-height: 100%;}
.product .product_text .product_text_content img:nth-child(2) {width: 65%; margin: 20px auto;}
.edit_trial ul li {height: 600px; min-height: 600px; overflow: hidden;}
.edit_trial ul li:hover {height: 600px; min-height: 600px;}
.edit_trial ul li a {padding: 80px 20px 0; height: 600px; min-height: 600px;}
.edit_trial ul li a:hover {padding: 80px 20px 0; height: 600px; min-height: 600px;}
.edit_trial ul li > img {width: 30%;}
.edit_trial ul li .img_1 {display: block; height: 600px; width: initial; left: auto; right: 0; opacity: 1; min-height: 600px;}
.edit_trial ul li:hover .img_1 {display: block; height: 600px; width: initial; left: auto; right: 0; opacity: 1;}
.edit_trial ul li .img_1, .edit_trial ul li .img_2 {min-width: initial;}
.edit_trial ul li .img_2 {display: none; height: 100vh; width: initial; left: auto; right: 0; opacity: 0;}
.edit_trial ul li:nth-child(1) .img_1, .edit_trial ul li:nth-child(1) .img_2 {left: 0; right:inherit; height: 600px; min-height: 600px;}
.edit_trial ul li:nth-child(1) a:hover .img_1, .edit_trial ul li:nth-child(1) a:hover .img_2 {left: 0; right:inherit; height: 600px; min-height: 600px;}
.edit_trial ul li p {line-height: 30px; display: block; opacity: 1;}

.share_group .product_title_content img {width: 85%;}
.share_group .product_title_content > div {padding: 25px; position: relative;}
.share_group .product_title_content > div > p {margin: 0; font-size: 24px;}
.share_group .product_title_content > div > p.share_title_01:before {}
.share_group .product_title_content > div > p.share_title_02:after {right: 0; bottom: -30px;}
.share_group .container ul li {width: inherit;}
.actGotop{position:fixed;_position:absolute;bottom:100px;right: 50px;width: 30px;height: 30px;display:none;z-index: 999;}
header {height: 100%;}
header .header a img {padding: 15px 0;}
header .header a, header .header nav {width: 100%;}
#banner {min-height: initial; background: url(../images/title_bg.jpg) no-repeat 22%; background-size: cover;}
#m_banner {display: none; background: url(../images/m_banner_bg.png) no-repeat top center; position: relative;}
#m_banner .banner_img {padding: 0; position: absolute;}
#m_banner .banner_img:nth-child(1) {bottom: 0;}
#m_banner .banner_img:nth-child(2) {bottom: 24%; padding: 0px 25%;}
#m_banner .banner_img:nth-child(3) {bottom: 15%; padding: 0 15px;}
#m_banner .banner_img:nth-child(4) {bottom: 0;}
#m_banner .banner_img img {width: 100%;}
a#activator {width: initial; right: 10px; text-align: right; display: table;}
a#activator img {width: 70%;}
a#boxclose {width: 100%; text-align: right;}
a#boxclose img {width: 8%;}
.menu_box_list ul {padding: 15% 0px;}
.menu_box_list ul li a {font-size: 20px;}
.banner .banner_img {height: 100%;}
.banner .banner_img img {width: initial;}
.banner .banner_img > div > a > h1 {padding: 0 65px;}
.banner .banner_img > div > a {top: 20%;}
.banner .scroll_down {display: none;}
.banner .banner_img > div > a > h1 i {top: -17px; left: -10px;}
.banner .banner_img > div > img {width: auto;height: 675px; left: -18%;}
.banner .banner_img:hover > div > img {width: auto;height: 675px; left: -18%;}
.product .product_link .product_link_content a.circle_btn_outside:before {left: 72px;}
.product {padding-top: 0px; position: relative;}
.description .description_mov .description_mov_content a {position: inherit;}
.description .description_mov .description_mov_content a img {width: 100%;}
.product .product_mov .product_mov_content {margin: 0;}
.product .product_img .product_img_content {margin: 0; width: 100%; background-position: left bottom; /*background-color: #b2c9e6;*/}
.product .product_img .product_img_content a:nth-child(1) .hover_text {margin: 0; left: 0; width: 100%; height: 100%;font-size: 23px;}
.product .product_img .product_img_content a:hover:nth-child(1) .hover_text {left: 0; width: 100%; height: 100%;margin-top: 0;font-size: 23px;}
.product .product_img .product_img_content a:nth-child(1) .hover_text i {top: -5px; left: 2px;}
.product .product_img .product_img_content a:hover:nth-child(1) .hover_text i {top: -5px; left: 2px;}
.product .product_img .product_img_content a:nth-child(2) .hover_text {margin: 0; left: 0; width: 100%; height: 100%;font-size: 23px;}
.product .product_img .product_img_content a:hover:nth-child(2) .hover_text {left: 0; width: 100%; height: 100%;margin-top: 0;font-size: 23px;}
.product .product_img .product_img_content a:nth-child(2) .hover_text i {top: -5px; left: 2px;}
.product .product_img .product_img_content a:hover:nth-child(2) .hover_text i {top: -5px; left: 2px;}
.product .product_img .product_img_content a:nth-child(1) > img {margin: 0;}
.product .product_img .product_img_content a:nth-child(2) > img {margin: 0;}
.product .product_img .product_img_content a {width: 50%; float: left;}
.product .product_text {padding: 0;}
.product .product_text .product_text_content {margin: 0; padding: 0px; border: none;}
.product .product_text .product_text_content img {/*width: 100%;*/}
.product .product_text .product_text_content h1 {margin-bottom: 20px;letter-spacing:0;font-size: 35px;text-align: center;}
.product .product_text .product_text_content .dl-horizontal dt {width: 100%;}
.product .product_text .product_text_content .dl-horizontal dd {margin-left: 0;}
.product .product_text_II, .share_group .product_title_content {padding: 0; margin: 20px auto 0;}
.product .fire_and_tree {margin-top: 0px; padding-bottom: 0px; padding-top: 120px;}
.product .fire_and_tree img {width: 20%;}
.product .product_img {padding: 450px 0 50px;}
.product .product_img .product_img_content:before {top: 275px;left: 0;}
.product .product_img .product_img_content a:nth-child(1):before {top: -50px; left: 10px;}
.product .product_img .product_img_content a:nth-child(2):before {top: -50px; left: 10px;}
.product .product_mov {padding: 0; margin-top: 0;}
.product .product_link {margin: 20px 0;}
.product .product_link .product_link_content {margin: 0; border: none; padding: 0 10px;}
.product .product_link .product_link_content h1 {margin-bottom: 20px;letter-spacing:0;font-size: 35px;text-align: center;}
.product .product_link .product_link_content ul {margin: 0 0 20px;}
.product .product_link .product_link_content span {margin: 0 auto;}
.product .product_link .product_link_content span:after {content: "\f103";font: normal normal normal 14px/1 FontAwesome;left: 50% !important;right: initial;position: absolute;top: 55px;font-size: 25px;}

@keyframes circle_btn_outside{
	0%{
		transform: scale(1);
	}

	100%{
		transform: scale(1.5);
		opacity: 0.2;
	}
}
#share_group {}
.share_group {background-size: cover;}
.share_group .share_btn {top: -40px;}
.share_group.active {bottom: 0; padding-bottom: 0;}
.share_group .container-fluid {margin: 0; padding: 0;}
.share_group .container-fluid .owl-carousel {margin: 0; padding: 0;}
.share_group .container-fluid .owl-carousel .owl-buttons {position: absolute; top: 50%; width: 100%;}
.share_group .container-fluid .owl-carousel .owl-buttons .owl-prev {position: absolute; left: 0;}
.share_group .container-fluid .owl-carousel .owl-buttons .owl-next {position: absolute; right: 0;}
.share_group .FB_btn {padding-bottom: 20px;}
.share_group .container-fluid .owl-carousel .item {width: 100%; margin: 0;}
.share_group .share_btn img {width: 100%;}
.share_group .container ul li {/*width: 33.33%; margin: 0;*/}
.description {width: 100%; height: 100%;padding: 0px; display:table; background-size: contain;}
.description .description_title {margin: 50px 0 0;}
.description .description_title img {width: 100%;}
.description .description_title img:nth-child(3) {width: initial;}
.description .description_text {margin: 20px 0; padding: 0;}
.description .description_text img {width: 100%;}
.description .description_text img:nth-child(1) {display: none;}
.description .description_text_2 {padding: 0;}
.description .description_text_2 img {width: 100%;}
.description .description_text_2 img:nth-child(1) {display: none;}
.description .description_mov {padding: 20px 0 0;}
.description .description_mov .description_mov_content {margin: 0;}
.description .description_mov .description_mov_content > * {margin: 0; width: 100%;}

.traffic_location {height: initial;}
.traffic_location .map iframe {height: 350px;}
.traffic_location .traffic {padding: 20px 15px; height: initial;}
.traffic_location .traffic .car_img img {width: 50%;}

.edit_trial{padding: 0px 15px;}
.edit_trial .owl-carousel {margin: 0; padding: 0;}
.edit_trial .owl-carousel .owl-buttons {position: absolute; top: 42%; width: 100%;}
.edit_trial .owl-carousel .owl-buttons .owl-prev {position: absolute; left: 0;}
.edit_trial .owl-carousel .owl-buttons .owl-next {position: absolute; right: 0;}
.edit_trial ul li {width: 100%;}
.edit_trial ul li a .module_img {height: initial;}
.edit_trial .carousel {margin: 0; padding: 0;}
.edit_trial .carousel_title {margin: 0; padding: 20px 0;}
.edit_trial .carousel_title img {margin:0;padding:0 10px; width: 100%;}
.edit_trial .carousel-indicators {text-align: center;position: absolute;left: 0;top: 20px;}
.edit_trial .carousel-indicators li, .edit_trial .carousel-indicators .active {width: 27%; height: initial;}
.edit_trial .carousel-indicators li img {width: 100%; padding: 0;}
.edit_trial .carousel-caption ul {margin-bottom: 20px;}
.edit_trial .carousel-caption p {margin-bottom: 20px;}
.edit_trial .carousel-caption a {margin: 0 auto 20px;}
.edit_trial .carousel-caption a.pc_link {display: none;}
.edit_trial .carousel-caption a.mobile_link {display: table;}
.edit_trial .carousel-caption {padding: 0 25px; right: 0;}
.edit_trial .carousel-inner > .item {height: 100%;}
.footer {padding: 0;}
footer {padding-bottom: 30px;}
footer .copyright_text ul {float: initial; width: 100%; text-align: center;}
footer .copyright_text {padding: 0 15px;}
footer .copyright_text p {line-height: 20px; padding-top: 10px;}

#Activities .modal-dialog {width: 100%; height: auto; margin: 20px auto;}
#share .modal-dialog {width: 100%; height: auto; margin: 20px auto;}
#share .modal-dialog .modal-content {width: 100%; height: auto;}
#share .modal-dialog .modal-content .modal-body {display: table;}
#share .modal-dialog .modal-content .modal-body .share_popup_content iframe {width: 100%;}
#share .modal-dialog .modal-content .modal-body .share_popup_content h3 {margin: 20px auto; padding: 0 30px; line-height: 40px;}
#share .modal-dialog .modal-content .modal-body .share_popup_content h3 i {font-size: 13px; position: relative; top: -7px;}
#share .modal-dialog .modal-content .modal-body .share_popup_content img {width: 100%;}
#share .modal-dialog .modal-content .modal-body .share_popup_content p {padding: 0 25px;}
#share .modal-dialog .modal-content .modal-body .share_popup_content .line_border {width: 50%;}
#share .modal-dialog .modal-content .modal-body .share_popup_content a {margin: 25px auto;}

#sharetwo .modal-dialog {width: 100%; height: auto; margin: 20px auto;}
#sharetwo .modal-dialog .modal-content {width: 100%; height: auto;}
#sharetwo .modal-dialog .modal-content .modal-body {display: table;}
#sharetwo .modal-dialog .modal-content .modal-body .share_popup_content iframe {width: 100%;}
#sharetwo .modal-dialog .modal-content .modal-body .share_popup_content h3 {margin: 20px auto; padding: 0 30px; line-height: 40px;}
#sharetwo .modal-dialog .modal-content .modal-body .share_popup_content img {width: 100%;}
#sharetwo .modal-dialog .modal-content .modal-body .share_popup_content p {padding: 0 25px;}
#sharetwo .modal-dialog .modal-content .modal-body .share_popup_content .line_border {width: 50%;}
#sharetwo .modal-dialog .modal-content .modal-body .share_popup_content a {margin: 25px auto;}

#scratch .modal-dialog {width: 100%;}
#scratch .modal-dialog .modal-content {width: 100%; height: auto;}
#scratch .modal-content .modal-body .content-box {width:414px; height: 400px;}
#scratch .modal-content .modal-body .scratchpad {width: 414px; height: 400px;}
#scratch .modal-content .modal-body .scratchpad > img {width: 414px !important;}
#scratch .modal-content .modal-body .content-box > img {width: 424px !important;  height: 420px !important;}
#scratch .modal-content .modal-body .scratchpad canvas {width: 424px !important;  height: 420px !important;}
#scratch .modal-content .modal-body .scratchpad .form-inline {width: 100%; background: rgba(255, 255, 255, 0.5); height: 100%;padding: 30px 0;}
#scratch .modal-content .modal-body .scratchpad .form-inline h3 {font-size: 20px;}
#scratch .modal-content .modal-body .scratchpad .btn_group {margin-top: 20px;}
#scratch .modal-content .modal-body .scratchpad .btn_group a img {width: 15%;}
#scratch .modal-content .modal-body .scratchpad p {padding: 0 20px;text-shadow: 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff;}
#scratch .modal-content .modal-body .scratchpad .form-inline .form-group {padding: 0 30px;}


#scratch_mail .modal-dialog {width: 100%;}
#scratch_mail .modal-dialog .modal-content {width: 100%; height: auto;}
#scratch_mail .modal-content .modal-body .content-box {width:414px; height: 400px;}
#scratch_mail .modal-content .modal-body .scratchpad {width: 414px; height: 400px;}
#scratch_mail .modal-content .modal-body .scratchpad > img {width: 414px !important;}
#scratch_mail .modal-content .modal-body .scratchpad canvas {width: 424px !important;  height: 420px !important;}
#scratch_mail .modal-content .modal-body .scratchpad .form-inline {width: 100%; background: rgba(255, 255, 255, 0.5); height: 100%;padding: 30px 0;}
#scratch_mail .modal-content .modal-body .scratchpad .form-inline h4 {padding: 20px 80px 0;}
#scratch_mail .modal-content .modal-body .scratchpad .btn_group {margin-top: 20px;}
#scratch_mail .modal-content .modal-body .scratchpad .btn_group a img {width: 15%;}
#scratch_mail .modal-content .modal-body .scratchpad p {padding: 0 20px;}
#scratch_mail .modal-content .modal-body .scratchpad .form-inline .form-group {padding: 0 30px;}

#coupons .modal-dialog {width: 100%;}
#coupons .modal-dialog .modal-content {width: 100%;height: 417px;}
#coupons .modal-dialog .modal-content .modal-body .coupons_popup_content {width: 100%;}
#coupons .modal-dialog .modal-content .modal-body .coupons_popup_content p {position: relative; z-index: 10; padding: 0 70px;}
#coupons .modal-dialog .modal-content .modal-body .coupons_popup_content a {position: relative; z-index: 11;}
#coupons .modal-dialog .modal-content .modal-body .coupons_popup_content img {width: 100%; right: initial; left: 0; opacity: 0.5;}

.place_content {padding: 15px;}
.place_content ul li {display: inline-flex;line-height: 20px; padding: 10px;}
.product .product_img .product_img_content a:nth-child(1) .hover_text i {font-size: 13px; position: relative; top: -5px; margin-right: 5px; left: 2px;}
/*
#myModal_I .modal-dialog .modal-content {width: 100%; height: initial; text-align: center; background: url(../images/popup_bg.jpg) no-repeat center bottom #FFF; background-size: contain;}
#myModal_I .modal-dialog .modal-body h3 {text-align: center; font-weight: bold; padding: 50px;}

#myModal_II .modal-dialog .modal-content {width: 100%; height: initial; text-align: center; background: url(../images/popup_bg.jpg) no-repeat center bottom #FFF; background-size: contain;}
#myModal_II .modal-dialog .modal-content .modal-body {padding: 20px 30px 40px;}
#myModal_II .modal-dialog .modal-content .modal-body div {margin-bottom: 60px;}



#myModal_III .modal-dialog .modal-content {width: 100%; height: initial; text-align: center; background: url(../images/popup_bg.jpg) no-repeat center bottom #FFF; background-size: contain;}
#myModal_III .modal-dialog .modal-body .Activities {padding: 0 40px 20px; margin-bottom: 50px;}
#myModal_III .modal-dialog .modal-body .Activities h4 {text-align: center; margin-bottom: 20px;}
#myModal_III .modal-dialog .modal-body .Activities p {text-align: left;}*/
/* 20180814-4 START */
.share_group .product_text_content .item_group .item_content {height: 485px;}
/* 20180814-4 END */
/* 20180814-3 START */
.share_group .product_text_content .item_group .item_content .item_content_img {width: 100%; height: 269px; overflow: hidden; display: inline-grid;}
.share_group .product_text_content .item_group .item_content .item_content_img img {height: 269px;}
/* 20180814-3 END */

/* 20180820 START */
#myModal_IIII .modal-dialog {width: initial}
#myModal_IIII .modal-dialog .modal-content .modal-header h4 {font-size: 26px;}
#myModal_IIII .modal-dialog .modal-content .modal-body {padding-top: 0;}
#myModal_IIII .modal-dialog .modal-content .modal-body .modal-body-img {margin-bottom: 30px;}
/* 20180820 END */
}

@media(max-width:480px) {
    header .header a img {padding: 10px 0;}

    .edit_trial .edit_trial_img {padding-top: 30px;}
    .edit_trial .owl-carousel .owl-item {height: 480px;}

}
@media(max-width:414px) {
#scratch_mail .modal-content .modal-body .scratchpad .form-inline h4 {padding: 20px 75px 0;}

    .edit_trial .owl-carousel .owl-item {height: 414px;}
}

@media(max-width:412px) {
footer .footer_nav ul li a {padding: 0 15px;}

    .edit_trial .owl-carousel .owl-item {height: 412px;}
}

@media(max-width:375px) {
.banner .banner_img > div > a > h1 {padding: 0 30px;font-size: 27px;letter-spacing: 10px;}
.banner .banner_img > div > a > .right_bar_bg, .banner .banner_img > div > a > .left_bar_bg {padding: 20px 40px;}
.product .product_img .product_img_content {background-position: 10% bottom;}
footer .footer_nav ul li a {padding: 0 20px;}

footer {padding-bottom: 30px;}
.coupons {top: 125px;}
.coupons ul li {font-size: 13px;}
#scratch .modal-content .modal-body .content-box {width:375px; height: 360px;}
#scratch .modal-content .modal-body .scratchpad {width: 375px; height: 360px;}
#scratch .modal-content .modal-body .scratchpad > img {width: 375px !important;}
#scratch .modal-content .modal-body .content-box > img {width: 385px !important;  height: 380px !important;}
#scratch .modal-content .modal-body .scratchpad canvas {width: 385px !important;  height: 380px !important;}
.share_group {
    bottom: -660px;
}
.product .product_text .product_text_content ul li {font-size: 17px;}
.share_group .share_btn {top: -35px;}
@keyframes circle_btn_outside{
	0%{
		transform: scale(1);
	}

	100%{
		transform: scale(1.2);
		opacity: 0.2;
	}
}
#scratch_mail .modal-content .modal-body .content-box {width:375px; height: 360px;}
#scratch_mail .modal-content .modal-body .scratchpad {width: 375px; height: 360px;}
#scratch_mail .modal-content .modal-body .scratchpad > img {width: 375px !important;}
#scratch_mail .modal-content .modal-body .scratchpad canvas {width: 385px !important;  height: 380px !important;}
#scratch_mail .modal-content .modal-body .scratchpad .form-inline h4 {padding: 20px 60px 0;}

#coupons .modal-dialog .modal-content {width: 100%;height: 378px;}
#coupons .modal-dialog .modal-content .modal-body .coupons_popup_content {padding-top: 110px;}
#coupons .modal-dialog .modal-content .modal-body .coupons_popup_content p {padding: 0 50px;}
.banner .banner_img > div > img {height: 610px;}
.banner .banner_img:hover > div > img {height: 610px;}
.banner .banner_img > div > a > h1 i {top: -7px; left: -9px;}
.product .product_img .product_img_content a:nth-child(1) .hover_text i {top: -6px; left: 2px;}
.product .product_img .product_img_content a:hover:nth-child(1) .hover_text i {top: -6px; left: 2px;}
.product .product_img .product_img_content a:nth-child(2) .hover_text i {top: -6px; left: 2px;}
.product .product_img .product_img_content a:hover:nth-child(2) .hover_text i {top: -6px; left: 2px;}

    .edit_trial .owl-carousel .owl-item {height: 375px;}

}

@media(max-width:360px) {
    .product {padding-top: 0px;}
    .product .product_link .product_link_content span {font-size: 17px;}
    .banner .banner_img > div > a > h1 i {top: -9px; left: -9px;}
#scratch .modal-content .modal-body .content-box {width:360px; height: 350px;}
#scratch .modal-content .modal-body .scratchpad {width: 360px; height: 350px;}
#scratch .modal-content .modal-body .scratchpad > img {width: 360px !important;}
#scratch .modal-content .modal-body .content-box > img {width: 370px !important;  height: 370px !important;}
#scratch .modal-content .modal-body .scratchpad canvas {width: 370px !important;  height: 370px !important;}


#scratch_mail .modal-content .modal-body .content-box {width:360px; height: 350px;}
#scratch_mail .modal-content .modal-body .scratchpad {width: 360px; height: 350px;}
#scratch_mail .modal-content .modal-body .scratchpad > img {width: 360px !important;}
#scratch_mail .modal-content .modal-body .scratchpad canvas {width: 370px !important;  height: 370px !important;}
#scratch_mail .modal-content .modal-body .scratchpad .form-inline h4 {padding: 20px 50px 0;}




#share .modal-dialog .modal-content .modal-body .share_popup_content a {padding: 7px 10px;}
#sharetwo .modal-dialog .modal-content .modal-body .share_popup_content a {padding: 7px 10px;}

#coupons .modal-dialog .modal-content {width: 100%;height: 363px;}
#coupons .modal-dialog .modal-content .modal-body .coupons_popup_content {padding-top: 110px;}
#coupons .modal-dialog .modal-content .modal-body .coupons_popup_content p {padding: 0 40px;}
/* 20180814-5 START */
.share_group .product_text_content > a > img {width: 100%;}
.share_group .product_text_content .item_group .item {padding: 0;}
.edit_trial ul li,
.edit_trial ul li:hover {height: 100VH; min-height: inherit; overflow: hidden;}
.edit_trial ul li a {padding: 60px 20px;}
/* 20180814-5 END */
footer .footer_nav ul li a {padding: 0 15px;}
.share_group {
    bottom: -465px;
}
.product .product_text .product_text_content ul li {
    font-size: 16px;
}

    .edit_trial .owl-carousel .owl-item {height: 360px;}
}

@media(max-width:320px) {
    .banner .banner_img > div > a {top: 25%;}
    .banner .banner_img > div > a > .right_bar_bg, .banner .banner_img > div > a > .left_bar_bg {padding: 20px;font-size: 15px;}
    .banner .banner_img > div > img {height: 520px;}
    .banner .banner_img:hover > div > img {height: 520px;}
    .banner .banner_img > div > a > h1 i {top: -8px; left: -8px;}
    .product {padding-top: 0px;}
    .product .product_link {}
    .product .product_img .product_img_content:before {top: 275px;}
    .product .product_img .product_img_content a:nth-child(1):before {font-size: 15px;}
    .product .product_img .product_img_content a:nth-child(2):before {font-size: 15px;}
    .product .product_img .product_img_content {background-position: 19% bottom;height: 320px;}
    .product .product_img .product_img_content a:hover:nth-child(1) .hover_text {font-size: 18px;}
    .product .product_img .product_img_content a:hover:nth-child(2) .hover_text {font-size: 18px;}
    .product .product_img .product_img_content a:nth-child(1) .hover_text {font-size: 18px;}
    .product .product_img .product_img_content a:nth-child(2) .hover_text {font-size: 18px;}

.product .product_img .product_img_content a:nth-child(1) .hover_text i {top: -2px; left: 2px;}
.product .product_img .product_img_content a:hover:nth-child(1) .hover_text i {top: -2px; left: 2px;}
.product .product_img .product_img_content a:nth-child(2) .hover_text i {top: -2px; left: 2px;}
.product .product_img .product_img_content a:hover:nth-child(2) .hover_text i {top: -2px; left: 2px;}
    .product .product_link .product_link_content h1 {font-size: 30px;}
    .product .product_link .product_link_content span {font-size: 14px;}
    .edit_trial .carousel-indicators li {width: 25%;}
    .edit_trial .carousel-control.right, .edit_trial .carousel-control.left {height: 259px; line-height: 259px;}
    footer .footer_nav ul li a {padding: 0 10px;}
#scratch .modal-content .modal-body .content-box {width:320px; height: 320px;}
#scratch .modal-content .modal-body .scratchpad {width: 320px; height: 320px;}
#scratch .modal-content .modal-body .scratchpad > img {width: 320px !important;}
#scratch .modal-content .modal-body .content-box > img {width: 330px !important;  height: 340px !important;}
#scratch .modal-content .modal-body .scratchpad canvas {width: 330px !important;  height: 340px !important;}
#scratch .modal-content .modal-body .scratchpad .form-inline h3 {padding: 0 30px; line-height: 25px;}


#scratch_mail .modal-content .modal-body .content-box {width:320px; height: 320px;}
#scratch_mail .modal-content .modal-body .scratchpad {width: 320px; height: 320px;}
#scratch_mail .modal-content .modal-body .scratchpad > img {width: 320px !important;}
#scratch_mail .modal-content .modal-body .scratchpad canvas {width: 330px !important;  height: 340px !important;}
#scratch_mail .modal-content .modal-body .scratchpad .form-inline h4 {padding: 20px 30px 0; line-height: 25px;}

#coupons .modal-dialog .modal-content {width: 100%;height: 323px;}
#coupons .modal-dialog .modal-content .modal-body .coupons_popup_content {padding-top: 80px;}
#coupons .modal-dialog .modal-content .modal-body .coupons_popup_content p {padding: 0 20px;}

#share .modal-dialog .modal-content .modal-body .share_popup_content h3 {padding: 0 15px;}
#share .modal-dialog .modal-content .modal-body .share_popup_content a {padding: 7px 10px;}
#sharetwo .modal-dialog .modal-content .modal-body .share_popup_content h3 {padding: 0 15px;}
#sharetwo .modal-dialog .modal-content .modal-body .share_popup_content a {padding: 7px 10px;}
.product .product_text .product_text_content ul li {font-size: 14px;}
.product .product_link .product_link_content a.circle_btn_outside:before {
    left: 25px;
}
.share_group {bottom: -590px;}
.share_group.active {}
.share_group .share_btn {top: -28px;}
.share_group.active .share_btn {top: -20px;}
#myModal_III .modal-dialog .modal-body .Activities {
padding: 0 30px 20px;}
    .edit_trial .owl-carousel .owl-item {height: 320px;}
/* 20180814-5 START */
.edit_trial ul li a {padding: 20px;}
.share_group .product_text_content ul li {margin: 20px 5px;}
/* 20180814-5 END */
.product .product_text_II, .share_group .product_title_content {overflow: hidden;}
.share_group .product_text_content .item_group .item_content {height: 460px;}
.share_group .product_text_content .item_group .item_content .item_content_img,
.share_group .product_text_content .item_group .item_content .item_content_img img {height: 215px;}

/* 20180820 START */
#myModal_IIII .modal-dialog .modal-content .modal-header h4 {font-size: 20px;}
#myModal_IIII .modal-dialog .modal-content .modal-body .modal-body-text h4 {font-size: 18px;}
/* 20180820 END */
}

/*==============================================================R*/
.owl-carousel{
  display: block !important;
  z-index: 9999999;
}

.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{
  display: block;
  z-index: 9999999;
}
/* 方向 */
.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
  outline: none;
  position: absolute;
  top: 33%;
  z-index: 9999999;
}

.owl-carousel .owl-nav .owl-prev span,
.owl-carousel .owl-nav .owl-next span {
  color: #ffffff;
  font-size: 44px;
}

.owl-carousel .owl-nav .owl-prev:hover,
.owl-carousel .owl-nav .owl-next:hover {
  background-color: transparent;
  opacity: 1;
}

.owl-carousel .owl-nav .owl-prev:hover span,
.owl-carousel .owl-nav .owl-next:hover span {
  color: #FF9100;
}

.owl-carousel .owl-nav .owl-prev {
  left: 15px;
  transform: translateY(35vh);
}

.owl-carousel .owl-nav .owl-next {
  right: 15px;
  transform: translateY(35vh);
}

/* 點點 */
.owl-theme .owl-dots {
  position: absolute;
  bottom: -30px;
  left: 0;
  right: 0;
  margin: auto;
}

.owl-theme .owl-dots .owl-dot {
  outline: none;
}

.owl-theme .owl-dots .owl-dot span {
  width: 20px;
  height: 5px;
  background-color: #ffffff;
  opacity: .65;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
  background-color: #FF9100;
  opacity: 1;
}

iframe {
  height: 100vh!important;
  margin-bottom: -5px;
}

@media(max-width:414px) {
  iframe {
    height: auto!important;
  }
}

#fileList {
  font-family: fantasy;
  font-size: 10px;
  color: #ff6c00;
}

.pagation{
  margin-top : 25px;
  width:100%;
  height:50px;
}
.pagation ul {
  text-align:center;
  width:100%;
  margin-left:auto;
  margin-right:auto;
}
.pagation ul li{
  display:inline;
  margin:0 5px 0 5px;
  padding:10px;
  width: 40px;
  height: 40px;
  background-color: #ffffff;
  border: solid 1px #1d212c;
}
.pagation ul li.active{
  background-color: #000000;
}
.pagation ul li.active span{ /*dan*/
  color: #ffffff;
}
.pagation ul li.active a span{
  color: #ffffff;
}
.pagation ul li.active a
  color: #ffffff;
}
.pagation ul li a span{
  width: 27.6px;
  height: 27.6px;
  display:inline-block;
  font-family: PingFangHK;
  font-size: 20px;
  font-weight: normal;
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  letter-spacing: normal;
  text-align: center;
  color: #000000;
}

.share_group .product_text_content .item_group .item_content p {
  word-break: break-all;
}
.upload-demo-wrap {
    width: 250px;
    height: 250px;
    margin: 0 auto;
}