@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 #89ba4f; color: #89ba4f; 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: 80px; background: #1d1e20; display: table;}
header .header {text-align: center;}
header .header a, header .header nav {display: inline-block;}
header .header a img {padding: 15px 37px;}
header .header nav ul li {display: inline-block;}
header .header nav ul li a {font-family: "新細明體"; color: #FFF; font-size: 18px;line-height: 83px;}
header .header nav ul li:after {content: '|';color: #FFF;font-size: 17px;font-weight: bold;margin: 0 23px 0 25px;}
header .header nav ul li:nth-last-child(1):after {content: ''; margin: 0;}

.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: "新細明體"; 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; border-bottom: 9px solid #FFF;}
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; float: left;}
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;}
footer .copyright_text ul li a i {font-size: 12px;}

.banner {position: relative;}
.banner.place_banner img {width: 100%;}
.banner .scroll_down {position: absolute; width: 100%; text-align: center; bottom: 25%; z-index: 99;animation-duration: 1s; animation-name: box; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-in-out;}

@keyframes box{
  0%{
    bottom:25%;
  }
  20%{
    bottom:26%;
  }
  50%{
    bottom:25%;
  }
  80%{
    bottom:26%;
  }
  100%{
    bottom:25%;
  }
}
.banner .banner_img {overflow: hidden; height: 1080px; background: #1d1e20;}
.banner .banner_img > div > a {position: absolute; top: 46%; left: 0%; z-index: 2; width: 100%; text-align: center; color: #FFF; -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear;}
.banner .banner_img > div > a > h1 {width: 100%; font-size: 48px; text-align: center; font-family: "新細明體"; color: #FFF; letter-spacing: 20px; font-weight: bold;}
.banner .banner_img > div > a > h1 i {font-size: 13px; position: relative; top: -25px; left: -20px;}
.banner .banner_img > div > a > h4 {margin: 20px 0; font-family: "新細明體";}
.banner .banner_img > div > a > .left_bar_bg {background: rgba(0, 60, 213, 0.5); padding: 20px 80px; display: table; margin: 35px auto 0;}
.banner .banner_img > div > a > .right_bar_bg {background: rgba(101, 0, 143, 0.5); padding: 20px 80px; display: table; margin: 35px auto 0;}

.banner .banner_img > div > img {width: 100%; position: relative; top: 0; left: 0; z-index: 1; -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear;}
.banner .banner_img > div > a > .left_bar_bg, .banner .banner_img > div > a > .right_bar_bg {animation-duration: 1s; animation-name: blink; animation-iteration-count: infinite; animation-direction: alternate; animation-timing-function: ease-in-out;}
@keyframes blink {
    from {
        opacity: 1;
    }
    to {
        opacity: 0.6;
    }
}
.banner .banner_img:hover > div > a > .left_bar_bg, .banner .banner_img:hover > div > a > .right_bar_bg {animation-name:blink2;}
@keyframes blink2 {
    from {
        opacity: 1;
    }
    to {
        opacity: 1;
    }
}
.banner .banner_img:hover > div > a {top: 40%; -webkit-transition: all 0.6s linear; -moz-transition: all 0.6s linear; transition: all 0.6s linear;}
.banner .banner_img:hover > div > img {width: 101%; opacity: 0.5; -webkit-transition: all 0.8s linear; -moz-transition: all 0.8s linear; transition: all 0.8s linear; -ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);}


.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: "新細明體"; line-height: 35px;}
.coupons ul li:nth-last-child(1) {border-bottom: 1px solid #FFF;  display: table; margin: 0 auto;}

.product {padding-bottom: 50px;}
.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: 0 10px 0 0;}
.product .product_text .product_text_content {margin-left: -90px; margin-top: 122px; border-left: 3px solid #4f4f4f; padding: 30px 0 30px 90px;}
.product .product_text .product_text_content h1 {font-size: 48px; color: #8701be; letter-spacing: 8px; margin-top: 0; margin-bottom: 85px; font-family: "新細明體"; font-weight: bold;}
.product .product_text .product_text_content ul.product_text_content_narrative {display: table; margin: 0;}
.product .product_text .product_text_content ul.product_text_content_narrative li {width: 100%; font-size: 18px; font-family: "新細明體"; color: #4f4f4f; line-height: 32px;}
.product .product_mov {margin-bottom: 50px;}
.product .product_mov .product_mov_content {margin-top: 100px; margin-left: 50px; margin-right: -99px; padding: 0; background: #b2b2b2;}
.product .product_mov .product_mov_content > * {margin: -23px -18px 23px 18px;}
.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: "新細明體"; 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: "新細明體"; 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: "新細明體"; 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: 111px; margin-right: -190px; border-right: 3px solid #4f4f4f; padding: 10px 90px 25px 110px;}
.product .product_link .product_link_content h1 {font-size: 48px; color: #004dad; letter-spacing: 8px; margin-bottom: 85px; font-family: "新細明體"; 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: "新細明體"; 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: "新細明體"; 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;
  }
}
.description {background: url(../images/area_02_bg.jpg) no-repeat center center; height: 1080px; padding-top: 65px;}
.description .description_title {padding-bottom: 40px; margin-left: -25px;}
.description .description_text {padding-top: 68px; position: relative;}
.description .description_text img:nth-child(1) {position: absolute; top: 238px; left: -105px;}
.description .description_text_2 {padding-top: 54px; padding-left: 77px; position: relative;}
.description .description_text_2 img:nth-child(1) {position: absolute; top: 125px; right: -152px; z-index: 10;}
.description .description_mov {padding-top: 54px;}
.description .description_mov .description_mov_content {margin-top: 123px; margin-left: 18px; margin-right: -26px; padding: 0; background: rgba(0, 0, 0, 0.5);}
.description .description_mov .description_mov_content > * {margin: -23px -18px 23px 18px;}

.edit_trial {padding: 215px 15px 130px;}

.edit_trial .carousel-inner {z-index: 2;}
.edit_trial .carousel-inner > .item {height: 100%;}
.edit_trial .carousel {margin-left: -25px; display: table; width: 100%; padding-left: 15px;}
.edit_trial .carousel-caption {position: inherit; text-shadow: initial; text-align: initial; padding: 0 35px;left: 0; right: 0; bottom: 0;text-shadow: inherit;}
.edit_trial .carousel-caption h3 {color: #549a00; font-family: "新細明體"; letter-spacing: 10px; font-weight: bold; margin: 25px 0; text-align: left;}
.edit_trial .carousel-caption ul {margin-bottom: 40px;}
.edit_trial .carousel-caption ul li {font-size: 15px; color: #4f4f4f; font-family: "新細明體"; line-height: 25px; text-align: left;}
.edit_trial .carousel-caption p {margin-bottom: 40px; font-size: 15px; color: #4f4f4f; font-family: "新細明體"; line-height: 25px; text-align: justify;}
.edit_trial .carousel-caption p i {font-size: 12px;}
.edit_trial .carousel-caption a {padding: 10px; display: table; font-size: 18px; color: #549a00; font-family: "新細明體"; border: 1px solid #4f4f4f;}
.edit_trial .carousel-caption a i {margin-left: 20px;}
.edit_trial .carousel-caption a.pc_link {display: table;}
.edit_trial .carousel-caption a.mobile_link {display: none;}
.edit_trial .carousel-control.right, .edit_trial .carousel-control.left {background-image: none; height: 461px; line-height: 461px; opacity: .6; z-index: 3;}
.edit_trial .carousel_title {background: #89ba4f; margin-top: 148px; margin-left: -65px; z-index: 1; padding-left: 85px; padding-bottom: 16px; margin-right: -80px; padding-right: 20px;}
.edit_trial .carousel_title > img {margin-top: -28px; margin-bottom: 28px; padding-left: 10px;}
.edit_trial .carousel-indicators {width: 100%; position: inherit; margin-left: 0px; text-align: right;}
.edit_trial .carousel-indicators li {width: 183px; height: 183px; border: 2px solid transparent; border-radius: initial; background-color: initial; margin: 0 10px; text-indent: initial;}
.edit_trial .carousel-indicators .active {width: 183px; height: 183px; border: 2px solid #004dad; background-color: initial; border-radius: 0;}

.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: "新細明體";}
.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: "新細明體"; 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%;}

#Activities .modal-dialog {width: 935px; height: 600px; margin: 100px auto 0; background: url(../images/place_bg.jpg); padding: 20px;}
#Activities .modal-dialog .modal-header {border: none; padding: 15px 15px 0;}
#Activities .modal-dialog .modal-header h3.modal-title {color: #b20000; letter-spacing: 5px; border-bottom: 1px solid #000; margin: 10px; padding-bottom: 20px;}
#Activities .modal-dialog .modal-body .Activities_popup_content ul {padding: 0 15px 20px;}
#Activities .modal-dialog .modal-body .Activities_popup_content ul li {line-height: 23px; font-size: 12px;}

#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: "新細明體"; 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: "新細明體"; 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: "新細明體"; 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: "新細明體"; 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: "新細明體"; 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: "新細明體"; 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: "新細明體"; padding: 0 15px;}
#coupons .modal-dialog .modal-content .modal-body .coupons_popup_content a {font-size: 15px; color: #FFF; font-family: "新細明體"; 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: "新細明體"; 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: "新細明體"; 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: "新細明體"; 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: "新細明體"; background: #68c100; border-radius: 3px; padding: 7px 35px; display: table; margin: 15px auto 0;}


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



@media(max-width:1680px) {
.banner .banner_img {height: 945px;}

}

@media(max-width:1600px) {
.banner .banner_img {height: 900px;}

}   

@media(max-width:1440px) {
.banner .banner_img {height: 810px;}

}   

@media(max-width:1400px) {
.banner .banner_img {height: 787px;}

}   

@media(max-width:1366px) {
.banner .banner_img {height: 768px;}
.product .product_link .product_link_content {margin-right: -90px; padding: 10px 90px 25px 10px;}


}     

@media(max-width:1280px) {
.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;}

}   

@media(max-width:1200px) {  
.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) {
.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_title img {width: 100%;}
    .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;}

}    

@media(max-width:1024px) {  
.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;}
    

}

@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 {padding-top: 40px;}
.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: 30px 10px; 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 {height: 100%;padding-top: 50px;padding-bottom: 50px;display:table;background-size: cover;}
.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{padding: 20px 15px;}
.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) { 
.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%;}
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 {padding-top: 40px; position: relative;}
.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%;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 {}
.product .product_text .product_text_content {margin: 0; padding: 30px 10px; 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: 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;}
.product .product_link {bottom: 740px; position: absolute; left: 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 linkafter{
  0%{
    left: 45%;
    top: 55px;
  }
  20%{
    left: 45%;
    top: 50px;
  }
  50%{
    left: 45%;
    top: 55px;
  }
  80%{
    left: 45%;
    top: 50px;
  }
  100%{
    left: 45%;
    top: 55px;
  }
}

.description {height: 100%;padding-top: 50px;padding-bottom: 50px;display:table;background-size: cover;}
.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{padding: 20px 15px;}
.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 .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;}

    
}

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

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

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

@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;}
.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;}


#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;}
    
    
}

@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;}
   
footer .footer_nav ul li a {padding: 0 15px;}
}

@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 {bottom: 650px;}
    .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 15px;}
#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;}
}