/**store**/ #store {letter-spacing:1px; line-height:20px;} #store .container {width:950px;} #store .row {clear:both} #store .span6 {width:50%; float:left;} #store .span8 {width:75%; float:left;} #store .span4 {width:25%; float:left;} #store .column .span6 {width:440px; float:left; padding:0 15px;} #store .column .span9 {width:637px; float:left; padding:0 15px;} #store .column .span3 {width:212px; float:left; padding-left: 15px;} #store .column .span4 {width:283px; float:left; padding:0 15px;} #store .column .span8 {width:566px; float:left; padding:0 15px;} #store .column .span4_3 {width:33.333%; float:left; padding:0 15px; font-weight:bold; text-align:center;} #store .row-fluid .span4 {width:33.333%; float:left; padding:0 15px;} #store .column {margin:20px 0 0 0; padding:25px 25px; border:1px solid #D1D1D1; background:#fff;} @media (max-width: 540px){ #store .column { padding:10px 10px; } } #store-hd {height:142px; margin-top:19px;} #ttStore-logo {padding:30px 0 5px 0;} #ttStorett-logo {padding-top:35px;} #ttStore-logo ul#info_link {margin:0 0px 10px 0;} #store #block_top , #store #block_middle {background:none;margin-top:15px;} #store #block_bottom {margin-bottom:25px; height:0px; background:none;} #store .center {text-align:center;} #store .line_solid {border-bottom: 1px solid #CCC;} #store .line_dot {background: url(/images/tintint/zh_TW/store/store_line_dot.gif) repeat-x left bottom; margin-bottom:20px;} #store .footerLine_solid {border-top: 1px solid #CCC; margin-top:50px;} #store .font-gray a , .font-gray a:visited ,#storeStory_header2 a , #storeStory_header2 a:visited {color:#424242;} #store .radius {-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;} #store #ttStorett_logo {margin-top:35px;} #storeHome-slong {margin-top:15px;} #storeHome-promotion{margin-top:30px;} @media screen and (max-width: 768px){ #store .stores-coupon input {display: block;} } .opacity a:hover {opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )";} #storeMenu {height:39px; margin-bottom:10px;} #storeMenu a:hover {opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; } .storeMenu-aboutus a {background:url(/images/tintint/zh_TW/store/store_menu.jpg) no-repeat 0 0; height:39px; width:235px; display:block;} .storeMenu-products a {background:url(/images/tintint/zh_TW/store/store_menu.jpg) no-repeat -235px 0px; height:39px; width:238px; display:block;} .storeMenu-proposal_list a {background:url(/images/tintint/zh_TW/store/store_menu.jpg) no-repeat -473px 0px; height:39px; width:235px; display:block;} .storeMenu-proposal a {background:url(/images/tintint/zh_TW/store/store_menu.jpg) no-repeat -708px 0px; height:39px; width:242px; display:block;} #store_about {margin: 0; margin-bottom:30px; padding-bottom:30px;} #store_about .span4_3 img {margin:0 auto;} #store_about b {color:#e77e03; font-size:16px; line-height: 30px;} #store_about a {color:#555555;} #store_about a:hover , #store_about a:hover b{color:#868686;} .store_readBlock {padding:0 10px 20px 10px;} .store_readBlock b a{color:#555;} .store_readBlock b a:hover {color:#555;} .block_title {margin:20px 0px;} .store_buyBlock {border:1px solid #ccc; margin:40px 0px 20px 0px; padding:10px 10px 15px 10px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;} .store_buyBlock li {float:left; width:33.333%; text-align:center;} .store_buyBlock h3 {font-size:13px; font-weight:bold;} #store_designBlock {margin-top:50px;} #storeProduct #product_header {padding-bottom:50px;} #product_photo .product_photoZoomIn {display: flex; justify-content: center; min-height: 300px;} /* #product_photo .product_photoZoom {margin-top:20px; gap:1rem;} */ #product_photo .product_photoZoom img {filter: drop-shadow(0px 0px 1px #666);} /*storybook*/ .product-storybook .product_photoZoomIn {height:380px;} .product-storybook .snapshot-0 {max-width:720px!important; position:relative; left:-345px; width:720px; margin:9px; padding:0px; -moz-border-radius:18px; -webkit-border-radius:18px; border-radius:18px;} .product-storybook .snapshot-1 , .product-storybook .snapshot-2 , .product-storybook .snapshot-3 , .product-storybook .snapshot-4 {border:1px solid #D1D1D1; margin-top:80px; -moz-border-radius:11px; -webkit-border-radius:11px; border-radius:11px;} /* ----------------------------------------------------------------------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------------------------------------------------------- */ /*postcard, snapcard, desk-calendar, desk-calendar-s, desk-calendar-ss, wooden-base-calendar, desk-calendar-landscape, greeting-folded-card*/ .product-postcard #cover, .product-snapcard #cover, .product-desk-calendar #cover, .product-desk-calendar-v2 #cover, .product-desk-calendar-s #cover, .product-desk-calendar-ss #cover, .product-wooden-base-calendar #cover, .product-desk-calendar-landscape #cover, .product-wall-calendar #cover, .product-greeting-folded-card #cover {max-width:100%;filter: drop-shadow(2px 1px 2px gray);} .product-postcard #cover { max-height: 480px; } #storeProduct .product-wall-calendar img {object-fit: contain;} /* product-canvas, product-framed-prints, poster */ .product-canvas-50s .product_photoZoomIn #cover, .product-canvas-40s .product_photoZoomIn #cover, .product-canvas-30s .product_photoZoomIn #cover, .product-canvas-25s .product_photoZoomIn #cover, .product-canvas-50r .product_photoZoomIn #cover, .product-canvas-40r .product_photoZoomIn #cover, .product-canvas-30r .product_photoZoomIn #cover, .product-canvas-sr .product_photoZoomIn #cover, .product-framed-prints-15s .product_photoZoomIn #cover, .product-framed-prints-25s .product_photoZoomIn #cover, .product-framed-prints-30s .product_photoZoomIn #cover, .product-framed-prints-40s .product_photoZoomIn #cover, .product-framed-prints-50s .product_photoZoomIn #cover, .product-poster .product_photoZoomIn #cover {max-width:100%;filter: drop-shadow(2px 2px 3px gray);} /*bunko, bunko-l, notebook, notebook-l, shashinbook, layflat-squarebook, storybook*/ .product-bunko .snapshot-0, .product-bunko-l .snapshot-0, .product-notebook .snapshot-1, .product-notebook-l .snapshot-1, .product-shashinbook .snapshot-0, .product-layflat-squarebook .snapshot-0, .product-storybook .snapshot-0 {position:relative;width:100%;margin-left: -50%;filter: drop-shadow(2px 1px 2px gray);object-fit: contain;} .product-bunko .snapshot-1 , .product-bunko .snapshot-2 , .product-bunko .snapshot-3 , .product-bunko .snapshot-4, .product-bunko-l .snapshot-1 , .product-bunko-l .snapshot-2 , .product-bunko-l .snapshot-3 , .product-bunko-l .snapshot-4, .product-notebook .snapshot-0 , .product-notebook .snapshot-2 , .product-notebook .snapshot-3 , .product-notebook .snapshot-4, .product-notebook-l .snapshot-0 , .product-notebook-l .snapshot-2 , .product-notebook-l .snapshot-3 , .product-notebook-l .snapshot-4, .product-photo-notebook .snapshot-0 , .product-photo-notebook .snapshot-1 , .product-photo-notebook .snapshot-2 , .product-photo-notebook .snapshot-3 , .product-photo-notebook .snapshot-4, .product-photo-notebook-l .snapshot-0 , .product-photo-notebook-l .snapshot-1 , .product-photo-notebook-l .snapshot-2 , .product-photo-notebook-l .snapshot-3 , .product-photo-notebook-l .snapshot-4, .product-shashinbook .snapshot-1 , .product-shashinbook .snapshot-2 , .product-shashinbook .snapshot-3 , .product-shashinbook .snapshot-4, .product-layflat-squarebook .snapshot-1 , .product-layflat-squarebook .snapshot-2 , .product-layflat-squarebook .snapshot-3 , .product-layflat-squarebook .snapshot-4, .product-storybook .snapshot-1 , .product-storybook .snapshot-2 , .product-storybook .snapshot-3 , .product-storybook .snapshot-4 {width: 100%;filter: drop-shadow(2px 1px 2px gray);object-fit: contain;} .product-desk-calendar #cover.reality, .product-desk-calendar-v2 #cover.reality { filter: none; max-height: 480px; width: 100%; } #storeProduct #product_infoList {margin:20px 0 10px 0;} #storeProduct #product_infoList li {border-bottom:1px dashed #868686; line-height:35px;} #product_infoList b {color:#df771c;} #product_infoList strong , #product_infoFooter strong {font-weight:bold; font-size:20px; color:#333;} .text_feedback {font-size:13px; font-weight:bold; padding-bottom:10px;} #storeProduct .product_category div > a{ min-width: 100px; /*flex:auto; margin-right: 5px;*/ display: flex; justify-content: center;} #storeProduct .product_category div > a:hover{ text-decoration: none;} #storeProduct .product_category h3 { color:#000000; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; /*width: 100%;*/ text-align: center; margin-right:5px; font-size:17px; font-weight:bold; display: inline-block; /*border: 0px solid #F6DE11; border-bottom: 0;*/ margin:0;padding: 10px;} #storeProduct .product_category{border-bottom:0px solid #F6DE11;} #storeProduct #product_detail .inner li {padding:3px 0;font-size: 16px} #storeProduct .block_line {border-top:1px solid #bbbbbb; padding:20px; margin-bottom:20px;} #storeProduct .block-ef {padding:20px; margin-bottom:20px;} #storeProduct .block_title { font-weight:bold; color:#6c6c6c;} #storeProduct #message_block li font {color:#333;} #storeProduct #product_subscribe {margin:20px 0;} #storeProduct .store-notbuy {background:#333; border-radius: 4px; width:249px; display:block; text-align:center; padding:13px 0; color:#fff;} #message_block ul {max-height: 520px; overflow-y: auto;} /*storeStory*/ #storeStory_header2 {width:100%;} #storeStory_header2 .left {margin:10px 0;} #storeStory_header2 .right {margin:5px 0 15px 0;} #storeStory h2 {font-size:30px; color:#424242; font-weight:bold;} #storeStory_info h2 {line-height:40px;} #storeStory_info h2 a {color:#555555; text-decoration:none; letter-spacing: 3px;} #storeStory_info .span6 {text-align:center;} #storeStory .row {margin:10px 0;} #storeStory .story_title {padding-left:13px;} #storeStory_aboutauthor .row {width:100%;} #storeStory_aboutauthor .row .left {padding-right:20px;} #storeStory_aboutauthor .row .right {width:680px;} #storeStory_aboutauthor {background:#efeeec; padding:20px;} #storeStory_aboutauthor .author_info {width:650px;} #storeStory_aboutauthor .author_info span {line-height:38px; padding-right:15px; font-size:16px; font-weight:bold;} #storeStory_aboutauthor .author_info a {text-decoration:none;} #storeStory_aboutauthor .author_bloglink a {text-decoration: none; color: #c6751e;} #storeStory_aboutauthor .author_bloglink a:hover {text-decoration: underline; color: #ddb412;} #storeStory_author .row .left {width:152px; padding-right:20px;} #storeStory_author .row .right {width:680px;} #storeStory_author {background:#efeeec; padding:20px;} #storeStory_author .span6 {width:50%;} #storeStory_author #storeBuy_list li {height:210px; max-width: 160px; padding: 0px 5px;} #storeStory_author #storeBuy_list h3 {font-size:13px; line-height: 20px;} #storeStory_talk .span4{width:385px;} #storeStory_talk .span8{width:480px;} #storeStory_talk b {color:#af8636; font-size:15px; font-weight:bold; line-height:45px;} #storeStory_talk {line-height:25px; padding-bottom:15px;} #storeStory_talk , #storeStory_info , #storeStory_author {line-height:25px;} #storeStory_talk {letter-spacing: 0px; font-size: 15px; line-height: 28px;} .store_storyTalk_pic {text-align:center;} .store_storyTalk_pic img{padding:10px 0;} #storeStory_author .author_img {width:175px; padding:0 10px 0 20px;} #storeStory_author .author_img img { border:5px solid #fff;} #storeStory_author .author_bloglink a {text-decoration: none; color: #c6751e;} #storeStory_author .author_bloglink a:hover {text-decoration: underline; color: #ddb412;} #storeStory_project .span4 {width:280px; float:left;} #storeStory_project .span8 {width:580px; float:left; margin-top:20px;} #storeStory_project .row {margin-bottom:40px;} #storeStory_project .span4 img {width:250px;} #storeStory_rss {background:#ebebeb; width:875px; padding:20px;} #storeStory_extra p {font-size: 13px; font-weight: bold; height:30px;} #storeStory_extra li {display: block; float: left; margin: 0 auto; text-align: center; padding-left: 15px; padding-right: 10px;} #storeStory_extra .storeStory_buybtn {padding-top: 15px;} #storeStory_header {width:910px; height:365px;} #storeStory_header .text_more a {color:#6c6c6c;} #storeStory_header .text_more {padding:140px 0 0 727px;} #storeStory .store_readBlock {margin:10px 10px 50px 10px;} #storeStory .store_readBlock li {width:208px; float:left; padding:8px;} #storeStory .store_readBlock li img {width:200px;} #storeStory .store_readBlock li a {color:#424242;} /*storeRead*/ #storeRead_header {background:url(/images/tintint/zh_TW/store/store_read_title.gif) no-repeat left top; width:902px; height:99px; margin-bottom:50px;} #storeRead_header p, #storeBuy_header p, #storeSubscribe_header p {padding:70px 0 0 5px; font-size:12px;} #storeRead_header h1, #storeBuy_header h1, #storeDesign_header h1, #storeSubscribe_header h1,#storeDoSubscribe_header h1 {font-size:0px;} #storeRead_list ul {margin:0px;} #storeRead_list li {border:1px solid #ddd; /*float: left; width:31.5%; min-height:400px;*/ background:#fff;} #storeRead_list li .left {margin-top:10px;} #storeRead_list li, #storeRead_top li {padding: 15px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;/* margin:8px;*/} #storeRead_top li {/*width:880px; margin-bottom:50px;*/ border:2px solid #ddd; /*padding:15px;*/} #storeRead_top li .alpha {width:fit-content;} #storeRead_top li .right {width:550px; margin-left:25px;} .storeDesign_footer .left {padding:20px 20px 15px 19px;} .storeDesign_footer .right {padding-top:25px; width:720px;} #storeDesign .column .span9 {padding:0 0 0 30px;} /*storeBuy*/ #storeBuy_header {background:url(/images/tintint/zh_TW/store/store_buy_title.gif) no-repeat left top; width:902px; height:99px; margin-bottom:50px;} #store .content {margin-bottom:20px;} #storeBuy_list ul {margin:0px;} #storeBuy_list #no-accumulate-list {margin: 50px 0px;} #storeBuy_list .list_top {margin-bottom:15px;} #storeBuy_list h3 {overflow:hidden; margin:5px 0; text-align: center;} #storeBuy_list .list_inner {height:38px; overflow:hidden; margin-top:10px; font-size:12px;} .buy-read .buy-read-icon , .buy-read .buy-2014-icon {background:url(/images/tintint/zh_TW/store/store-read-icon_bg.gif) no-repeat; width:143px; height:23px; font-weight:bold; font-size:12px; line-height:23px; padding: 0 7px; margin-top: 10px;} .buy-read a .buy-read-icon , .buy-read a:hover .buy-read-icon , .buy-read a:visited .buy-read-icon , .buy-read a .buy-2014-icon , .buy-read a:hover .buy-2014-icon , .buy-read a:visited .buy-2014-icon {color:#333;} .buy-read a:hover {text-decoration: none;} .buy-read a .buy-2014-icon , .buy-read a:visited .buy-2014-icon {background:#F6D110;width:253px;height:23px;font-weight:bold;font-size:12px;line-height:2;padding:0 0 0 5px;margin-top:10px;} .buy-read a:hover .buy-2014-icon {background:#ffe03f;} #storeBuy_list .buy-read {display:none; height:0px;} .controlBar li {padding-left:10px;} .controlBar a.selected {color:#424242; font-weight:bold; background:url(/images/tintint/zh_TW/store/gy_bottom_icon.gif) no-repeat left center; height:13px; padding-left:17px;} .controlBar a:hover.selected {text-decoration:none;} #storeBuy .controlBar {padding:0 15px 15px 0;} .storeBuy_author {border-bottom:1px solid #CCC; padding:10px;} .storeBuy_author li {padding:0 30px 10px 0;} .storeBuy_author li a {color:#A2A2A2;} #storeBuy_list #product_nav_fixed .product_nav { width: 100%; max-width: 1114px; position: fixed; top: 53px; /*right: 0px;*/ z-index: 11; background-color: #fff; } #storeBuy_list #product_nav_relative .product_nav { width: 100%; position: relative; z-index: 11; background-color: #fff; /*border-bottom: 2px solid #F6DE11;*/ } #storeBuy_list .product_nav .product_category .on-selected { border-bottom: 3px solid #333333; } #storeBuy_list .product_nav .product_category a:hover { border-bottom: 3px solid #333333; } @media (max-width: 750px){ #merchandise .owl-dots .owl-dot>span { width: 8px; height: 8px; margin:0 5px; } } /*storeDesign*/ #storeDesign_header {background:url(/images/tintint/zh_TW/store/store_design_title.gif) no-repeat left top; width:902px; height:60px; margin-bottom:10px;} #storeDesign .btn {background:#e5b909; padding:15px 40px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; color:#474747; font-weight:bold;} #storeDesign a.btn , #storeDesign a:visted.btn {color:#fff;} #storeDesign a:hover.btn {text-decoration: none; opacity: 0.8; filter:alpha(opacity=80); -ms-filter:"alpha( opacity=80 )" ;} #storeDesign .design_block_title {margin-top:15px;} #storeDesign .design_make .design_block_left {background:#f6de10 url(/images/tintint/zh_TW/store/store_sell_make_photo.gif) no-repeat center bottom; height:364px; margin-left: 35px;} #storeDesign .design_sell .design_block_left {background:#f6de10 url(/images/tintint/zh_TW/store/store_sell_sell_photo.gif) no-repeat center bottom; height:475px; margin-left: 35px;} #storeDesign .design_push .design_block_left {background:#f6de10 url(/images/tintint/zh_TW/store/store_sell_push_photo.gif) no-repeat center bottom; height:430px; margin-left: 35px;} #storeDesign .design_make .design_block {height:348px;} #storeDesign .design_sell .design_block {height:460px;} #storeDesign .design_push .design_block {height:415px;} #storeDesign strong {color:#df761b;} #storeDesign .design_text {margin-top:15px;} #storeDesign .design_text h2 {font-size:15px; font-weight:bold; letter-spacing:2px; color:#555; margin-top:15px;} #v3 #storeDesign .design_text h2 {margin-top:-12px;} #storeDesign .line_dot {background: url(/images/tintint/zh_TW/store/store_line_dot.gif) repeat-x left bottom;} #storeDesign .table-border {background:#ECECEC; padding:15px;} #storeDesign .table-border li {padding:4px;} /*storeSubscribe*/ #storeSubscribe_header {background:url(/images/tintint/zh_TW/store/store_subscribe_title.gif) no-repeat left top; width:902px; height:99px; margin-bottom:50px;} .storeSubscribe_content {padding:0 115px 0 115px;} .storeSubscribe_block1 { border:solid 5px #F3EEE2; padding:20px 50px 20px 50px;} .storeSubscribe_block2 {background:#F3EEE2; padding:20px 50px 20px 50px; margin-bottom:15px;} /*storeDoSubscribe*/ #storeDoSubscribe_header {background:url(/images/tintint/zh_TW/store/store_subscribe_title.gif) no-repeat left top; width:902px; height:99px; margin-bottom:10px;} .storeDoSubscribe_msg {background-color:#F3EEE2; margin:10px 0 30px 0; text-align:center; line-height:15px; padding:30px;} /*storeAdmin*/ #storeAdmin .block_orange {padding:20px; background:#E06F06; color:white; width:200px; margin-bottom:20px;font-size:26px; text-align:center;} #storeAdmin .block_gray {padding:20px;background:gray;color:white;width:200px;margin-bottom:20px;font-size:26px; text-align:center;} /** collection2014 **/ .collection-slider {width:950px; height: 359px;} .collection-slider .nivo-controlNav {left:880px; top:375px;} .collection-header .navi {padding-bottom:17px; line-height:22px; height:22px;} .collection-tag {margin:15px 0 20px 0;} .collection-tag li {float:left;} .collection-tag li a {display:block; height:21px; background:url(/images/tintint/zh_TW/store/collection_2014/collection-2014-tag-link.gif);} .collection-tag .collection-tag-01 a {background-position: left top; width:111px;} .collection-tag .collection-tag-02 a {background-position: -111px top; width:126px;} .collection-tag .collection-tag-03 a {background-position: -237px top; width:187px;} .collection-tag a:hover {opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )"; } .collection-groups , .store-collect {border:1px solid #D1D1D1; background:#fff; margin:5px 0 30px 0;} .collection-groups li {float:left;} .collection-top {padding:35px 15px 0 38px;} .collection-author {margin-top:40px; padding:0 12px; color:#181818;} .collection-author .author-name {font-weight:bold;} .collection-author .author-photo img {width:28px; height:28px; margin-top:5px;} .collection-author .right {width:130px;} .collection-author a {color:#181818;} .collection-author a:hover {color:#bdbdbd;} .collection-box {padding-top:41px; width:189px;} .collection-desk-calendar .collection-content {background: url(/images/tintint/zh_TW/store/collection_2014/collection-2014-calendar-bg.jpg) repeat-y; width: 948px; padding-bottom:50px;} .collection-desk-calendar .collection-box {height:270px;margin-bottom:25px;} .collection-box .desk-clandar-display {background: url(/images/tintint/zh_TW/store/collection_2014/collection-2014-calendar-shadow.png) no-repeat; width: 147px; height: 142px; padding: 16px 0 0 30px; z-index: 1px; margin: 0 auto;} .collection-box .desk-clandar-display img {width: 120px; height: 131px;} .collection-box .desk-clandar-display:hover {opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )";} .collection-box .desk-clandar-display-top {background: url(/images/tintint/zh_TW/store/collection_2014/collection-2014-calendar-shadow-top.png) no-repeat; width: 120px; height: 131px; z-index: 5px; position: absolute;} .collection-notebook .collection-top {background: url(/images/tintint/zh_TW/store/collection_2014/collection-2014-notebook-bg-top.jpg);} .collection-notebook .collection-content {background: url(/images/tintint/zh_TW/store/collection_2014/collection-2014-notebook-bg.jpg) repeat-y; width:948px;min-height:800px;box-sizing:border-box;} .collection-notebook .collection-box {height:246px;} .collection-box .notebook-display {background: url(/images/tintint/zh_TW/store/collection_2014/collection-2014-notebook-shadow.png) no-repeat; width: 116px; height: 134px; padding: 21px 0 0 23px; z-index: 1px; margin: 0 auto;} .collection-box .notebook-display img {width: 92px; height: 120px;} .collection-box .notebook-display-top {background: url(/images/tintint/zh_TW/store/collection_2014/collection-2014-notebook-shadow-top.png) no-repeat; width: 92px; height: 120px; z-index: 5px; position: absolute;} .collection-box .notebook-display-top:hover {background: url(/images/tintint/zh_TW/store/collection_2014/collection-2014-notebook-shadow-top-hover.png) no-repeat;} .collection-notebook .collection-author {margin-top:20px;} .store-collect {line-height:26px;} .store-collect .store-recommend , .store-collect .store-signup {width:423px; padding:25px;} .store-collect .store-recommend {background: url(/images/tintint/zh_TW/store/collection_2014/collection-2014-recommend-pic.gif) no-repeat right top;} .store-collect .store-signup {border-left:1px solid #D1D1D1; background: url(/images/tintint/zh_TW/store/collection_2014/collection-2014-join-pic.gif) no-repeat right top;} .store-collect textarea , .store-collect input {padding:3px;} .store-collect textarea {margin:20px 0;} .store-collect strong {color:#df761b;} .store-collect .opacity:hover {opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha( opacity=70 )"; } .box-bubble {width:150px; letter-spacing:1px;} .tipsy {pointer-events: none;} .tipsy-inner {border-radius: 6px!important; -moz-border-radius: 6px!important; -webkit-border-radius: 6px!important;} .box-bubble h2 {color:#fff; font-weight:bold; padding-bottom:10px;} .box-bubble h3 {font-size:12px; color:#adadad;} .data-expired {position: absolute; top: 270px; z-index: 99; margin-left: 40px;} /*collection2014 storeMenu*/ #storeMenu-2014collection {height:39px; margin-bottom:10px;} #storeMenu-2014collection a:hover {opacity: 0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; } #storeMenu-2014collection .storeMenu_aboutus a {background:url(/images/tintint/zh_TW/store/store_menu_2014collection.jpg) no-repeat 0 0; height:39px; width:190px; display:block;} #storeMenu-2014collection .storeMenu_products a {background:url(/images/tintint/zh_TW/store/store_menu_2014collection.jpg) no-repeat -190px 0px; height:39px; width:190px; display:block;} #storeMenu-2014collection .storeMenu_proposal_list a {background:url(/images/tintint/zh_TW/store/store_menu_2014collection.jpg) no-repeat -380px 0px; height:39px; width:190px; display:block;} #storeMenu-2014collection .storeMenu_collection2014 a {background:url(/images/tintint/zh_TW/store/store_menu_2014collection.jpg) no-repeat -570px 0px; height:39px; width:190px; display:block;} #storeMenu-2014collection .storeMenu_proposal a {background:url(/images/tintint/zh_TW/store/store_menu_2014collection.jpg) no-repeat -760px 0px; height:39px; width:190px; display:block;} .store-top-banner {width: 950px; display: inline-block; margin:30px 0 -15px 0;} .store-top-banner a {width:950px; height:70px; display:block; color:#333;} .store-top-banner .text {margin:42px 0 0 10px;} .store-top-banner .btn {margin-top:38px;} #storeRead_list .info_photo {margin-bottom: 10px;} #storeRead_list .info_photo img {max-width:100%;} #storeHome-banner {margin: 0;padding: 0;} #storeHome-banner img{width: 100%;} #store #storeDesign .table-border button:nth-last-child(1){background-color:none; border:none;padding: 0;} @media screen and (max-width:768px){ #storeHome-banner img{ max-width: 100%;} #store_about a {display: flex; flex-wrap: wrap; justify-content: center;} #store .row-fluid .span4 {padding:15px; width:100%; display: flex; flex-wrap: wrap; justify-content: center;} #store .row-fluid .alpha{ width: 100%; display: flex; justify-content: center; align-content:space-between;} #store .store_buyBlock{display: flex; flex-wrap: wrap;} #store .store_buyBlock ul{width: 100%;} #store #storeSubscribe{padding: 10px;} #storeSubscribe_header{background: url(/images/tintint/zh_TW/store/store_subscribe_title.gif)no-repeat 0px 0px,url(/images/tintint/zh_TW/store/store_subscribe_title.gif)no-repeat -600px 120px;height: 220px;} #store .storeSubscribe_content{padding: 0;} #store .storeSubscribe_content input{ width: 100%;} #store .storeSubscribe_block1 td{width: auto;} #store .storeSubscribe_block1 {padding: 10px;} #store .storeSubscribe_block1 input{width: 100%;} #store .row .design_block_left{background-position:center right; width: calc( 100% - 20px );height: 150px; margin: 10px;} #store #storeDesign .column .span9{width:100%;} #storeDesign .row .design_block{height: 470px; padding-left:10px; padding-right: 10px; } #storeDesign .line_dot img:nth-last-child(1){display:flex; margin: auto;} #store #storeDesign .table-border li,input:not([type="checkbox"]),textarea{width:100%; display:flex; flex-wrap: wrap;} #store #storeDesign .table-border button:nth-last-child(1){background-color:none; border:none; display:flex;margin: auto;} #storeRead_header{background: url(/images/tintint/zh_TW/store/store_read_title.gif)no-repeat 0px 0px,url(/images/tintint/zh_TW/store/store_read_title.gif)no-repeat -500px 120px;height: 220px; margin:0 40px;} /*#storeRead_top li,#storeRead_list li{width:calc( 100% - 40px ); display: flex; flex-wrap: wrap; margin:20px;}*/ #storeRead_top .right > br:last-of-type{display: none;} #storeRead_top .right > a:last-of-type{display: inline-block;} #storeRead_list .left{margin-left:auto; margin-right: 10px;} #storeRead_list .right{margin-right: auto; margin-left: 10px;} /*#storeRead_list .info_text{padding:20px 40px;}*/ #storeRead .alpha {margin:auto;} .storeDesign_footer .left{width: 100%; margin: auto; display: flex; justify-content: center;} .storeDesign_footer .right{width:calc(100% - 40px); margin:20px; padding: 20px;} #storeStory #storeStory_header{ width:calc( 100% - 20px ); margin: 10px;} #storeStory #storeStory_info .span9{width: 100%; text-align:justify;} #storeStory .author_info.left{width: 100%;} #storeStory .store_readBlock{margin: 0; padding: 0;} } /*-----------------------new-store css----------------------------*/ @media (max-width: 750px) { #store_main_thumb_mb .store_project_thumb_bg > a, .store_main_thumb_bg > a { zoom: 0.9 !important; } } @media (max-width: 990px) { #storeProduct #product_photo .product_photoZoom li > img{ width: 80%; } } /*** Main page ***/ body, html{ scroll-behavior:smooth; } #store { letter-spacing: 0px; line-height: 24px; } #store .container { width: 1140px; } #store p{ font-size: 16px; } #store_main_top .owl-dots { width: 100%; opacity: 0.5; z-index: 2; } #store_main_top .owl-dots .owl-dot>span { width: 13px; height: 13px; background-color: #CCCCCC; display: inline-block; border-radius: 50%; margin: 0px 15px; box-shadow: 0px 0px 0px 1px white; cursor: pointer; } #store_main_top .owl-dots .owl-dot.active>span { background-color: #666666; box-shadow: 0px 0px 0px 1px white; cursor: pointer; } #store_main_top .item { display: inline-block; } #store_main_info .box { max-width: 240px; } .store_main_thumb_bg { background-color: #E8E8E8; border-radius: 4px; text-align: center; padding: 20px 0; } .store_main_thumb_bg:hover { background-color: #f7f4f1; border-radius: 4px; text-align: center; padding: 20px 0; cursor: pointer; } .store_main_thumb_bg > a, .store_project_thumb_bg > a{ zoom:1.5; } .owl-stage-outer, .owl-stage { height: 100%; position: relative; overflow: hidden; } .owl-item { display: inline-block; } .owl-nav.disabled { display: none; } /*** project page ***/ .store_project_thumb_bg{ background-color: #E8E8E8; } .store_project_thumb_bg:hover{ background-color: #f7f4f1; cursor: pointer; } #storeProduct .product_nav{ /* --store-nav-top: 53px; */ width: 100%; position: -webkit-sticky; position: sticky; top: 53px; /* top: 0; */ z-index: 11; background-color: #fff; /*border-bottom: 2px solid #F6DE11;*/ } #storeProduct .product_nav.transTop{ transform: translateY(-53px); } /* old toast */ /* .toast { position: fixed; bottom: -55px; display: flex; width: 100%; pointer-events: none; justify-content: center; transition: bottom 1s; background-color: unset; box-shadow: unset; border: unset; z-index: 14; } */ /* .toast .toast-inner { padding: 10px 15px; font-size: 12px; background-color: #281200; color: white;border-radius: 2px; opacity: 0.7; } */ /* .toast.showit {bottom: 15px;display: flex!important;} */ /* old toast */ @media (max-width: 922px) { #preview-player { max-width: 100vw !important; left: 0px; right: 0px; margin: 0px; top: 0px; } } @media (max-width: 750px){ #storeProduct .product_nav{ /* --store-nav-top: 45px; */ top: var(--nav-height); } #storeProduct .product_nav.transTop{ transform: translateY(-45px); } #storeProduct #product_content{ padding: 0; } } @media (max-width:540px) { .toast {display:block;} .toast .toast-inner {border-radius:0px;} .toast.showit {bottom: 0px;display: flex!important;} #storeProduct .product_category .first-category{ border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color); } } input#copybox::selection { color: transparent !important; background: transparent !important; } @media (max-width:510px){ #storeProduct #product_detail .inner td > img{ display: flex; margin: auto; } #storeProduct #product_detail .inner li:last-child{ text-align: center; } #storeProduct #product_detail .inner li:nth-last-child(2){ text-align: center; } } @media (max-width:375px){ .product-desk-calendar .product_photoZoomIn, .product-desk-calendar-biz .product_photoZoomIn, .product-desk-calendar-v2 .product_photoZoomIn { /*width: calc(100% - 4px);*/ background-size: contain; } } .store_project_gotop{ position:fixed; z-index: 50; right:30px; bottom:30px; width:40px; height:40px; background-image: url("/images/v3/common/stores/store_gotop.png"); background-position:center; background-size:cover; background-repeat:no-repeat; } .store_tab_product h3, .product_tag h3:hover { border-bottom:3px solid #333; } .store_button_circle-primary{ font-size:16px; padding:9px 25px; background-color: #F69630; color:#FFF; border:2px solid #F69630; border-radius: 30px; margin:5px; } .store_button_circle-primary:hover{ font-size:16px; padding:9px 25px; background-color: #FFAF5A; color:#FFF; border:2px solid #FFAF5A; border-radius: 30px; margin:5px; } .store_button_circle-primary:visited { color: #FFF; } .store_button_circle-second{ font-size:16px; padding:9px 25px; background-color: #FFF; color:#000; border:2px solid #F69630; border-radius: 30px; margin:5px; } .store_button_circle-second:hover{ font-size:16px; padding:9px 25px; background-color: #FFF5EA; color:#000; border:2px solid #F69630; border-radius: 30px; margin:5px; } /**modal**/ .modal_windows{ margin:0 auto; padding:30px 60px 10px 60px ; } @media (max-width:540px) { .modal_windows{ padding: 10px 20px 0px 20px; } } .modal_wrap{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-indx: 0; display: none; } .modal_title{ text-align:center; line-height:45px; border-bottom:3px solid #F6DE11; margin-bottom:20px; } .modal_ps{ border-top:3px solid #F6DE11; margin-top:20px; padding-top:20px; } .modal_text_mb{ margin-bottom:10px; } .modal_text-fs{ font-size:16px; } /** accumulate **/ .store_gather_border{ background-color: rgba(0,0,0,0.1); border-radius: 8px; height:8px; } .store_gather_border_percentage{ background-color: #7D4924; border-radius: 8px; height:8px; } .store_gather_border_percentage[rate="100"]{ background-color: #F77F00; } #store_main_thumb_mb p{ color:#7D4924; } /** gather shopping**/ .store_countdown{ padding-top:30px; max-width:510px; width: 100%; margin:0 auto; margin-bottom:80px; } .store_gather_border_shop{ background-color: #E8E8E8; border-radius: 10px; height:10px; } .store_gather_border_percentage_shop{ background-color: #9D450F; border-radius: 10px; height:10px; } .store_gather_border_percentage_shop_100{ background-color: #F77F00; border-radius: 10px; height:10px; } .store_gather_text{ padding-top:10px; font-size:18px; color:#7D4924; } .store_countdown_time{ color:#383838; border:1px solid #D8D8D8; border-radius:3px; padding:6px 0; } .store_gather_pay_money li { border-bottom: 1px dashed #979797; padding: 8px 0; list-style-type: disc; margin-left: 20px; line-height: 26px; font-size: 16px; } .flipdown { margin: auto; } .fake { position: absolute; left: -999999px; top: -999999px; } .err_msg { color: red; display: inline-flex; align-items: center; height: 18px; vertical-align: text-top; } .err_msg[display="no"] { display: none; } .err_msg:before { content: "!"; display: inline-block; width: 15px; text-align: center; color: white; background-color: red; border-radius: 50%; height: 16px; line-height: 16px; font-size: 12px; margin: 0px 4px 0px 6px; } .owl-dots { display:flex; /*max-width: 50px;*/ margin: auto; align-items: center; justify-content: center; margin-top: 12px; } .owl-dots .owl-dot>span { width: 13px; height: 13px; background-color: #CCC; display: inline-block; border-radius: 50%; } .owl-dots .owl-dot.active>span { background-color:#333; } .collect-ftp .share-tag, .collect-ftp .share-tag a { width: 32px; height: 32px; overflow: hidden; } .collect-ftp .share-tag a{ background-repeat: no-repeat; background-size: contain; display: block; } .collect-ftp .share-tag a.fb_icon{ background-image: url(/images/tintint/common/player/share/ic-share-fb.svg); } .collect-ftp .share-tag a.fb_icon:hover{ background-image: url(/images/tintint/common/player/share/ic-share-fb-hover.svg); } .collect-ftp .share-tag a.line_icon{ background-image: url(/images/tintint/common/player/share/ic-share-line.svg); } .collect-ftp .share-tag a.line_icon:hover{ background-image: url(/images/tintint/common/player/share/ic-share-line-hover.svg); } .collect-ftp .share-tag a.copy_icon{ background-image: url(/images/tintint/common/player/share/ic-share-link.svg); } .collect-ftp .share-tag a.copy_icon:hover{ background-image: url(/images/tintint/common/player/share/ic-share-link-hover.svg); }